diff --git a/packages/UI/.storybook/main.js b/packages/UI/.storybook/main.js index 4cf1c598c..5d8510485 100644 --- a/packages/UI/.storybook/main.js +++ b/packages/UI/.storybook/main.js @@ -10,6 +10,9 @@ module.exports = { '@storybook/addon-viewport', ], framework: '@storybook/react', + core: { + builder: "webpack5", + }, webpackFinal: async (config) => { config.module.rules.push({ test: /\.mjs$/, diff --git a/packages/UI/.storybook/preview.jsx b/packages/UI/.storybook/preview.jsx index 95fb83c74..a19a2c132 100644 --- a/packages/UI/.storybook/preview.jsx +++ b/packages/UI/.storybook/preview.jsx @@ -5,7 +5,7 @@ import GlobalStyle from "../src/styles/global"; import theme from "../src/styles/theme"; import * as NextImage from "next/image"; const OriginalNextImage = NextImage.default; - +import '@devlaunchers/tailwind/tailwind.css' Object.defineProperty(NextImage, "default", { configurable: true, value: (props) => ( diff --git a/packages/UI/package.json b/packages/UI/package.json index 74ffe6780..d693a4f79 100644 --- a/packages/UI/package.json +++ b/packages/UI/package.json @@ -4,8 +4,11 @@ "private": true, "dependencies": { "@devlaunchers/models": "workspace:*", + "@devlaunchers/tailwind": "workspace:*", "@devlaunchers/utility": "workspace:*", "@storybook/addon-viewport": "6.5.16", + "@storybook/builder-webpack5": "6.5.10", + "@storybook/manager-webpack5": "6.5.10", "axios": "^0.27.2", "babel-loader": "8.2.5", "constate": "^3.3.2", @@ -20,6 +23,7 @@ "storybook-addon-next-router": "^4.0.0", "storybook-react-context": "^0.6.0", "styled-normalize": "^8.0.7", + "tailwind-variants": "0.1.10", "web-vitals": "^2.1.4", "zod": "3.19.1", "zod-formik-adapter": "1.1.1" diff --git a/packages/UI/src/components/atoms/NewButton/NewButton.stories.tsx b/packages/UI/src/components/atoms/NewButton/NewButton.stories.tsx new file mode 100644 index 000000000..39b36abb1 --- /dev/null +++ b/packages/UI/src/components/atoms/NewButton/NewButton.stories.tsx @@ -0,0 +1,17 @@ +import type { ComponentStory, ComponentMeta } from '@storybook/react'; +import NewButton from './NewButton'; + +export default { + title: 'Atoms/NewButton', + component: NewButton, +} as ComponentMeta; + +const NavLinkTemplate: ComponentStory = (args) => ( + Primary +); + +export const Light = NavLinkTemplate.bind({}); +Light.args = { + size: 'default', + type: 'Primary', +}; diff --git a/packages/UI/src/components/atoms/NewButton/NewButton.tsx b/packages/UI/src/components/atoms/NewButton/NewButton.tsx new file mode 100644 index 000000000..ff40d852d --- /dev/null +++ b/packages/UI/src/components/atoms/NewButton/NewButton.tsx @@ -0,0 +1,32 @@ +import * as React from 'react'; +import { tv, type VariantProps } from 'tailwind-variants'; + +const buttonStyles = tv({ + base: 'flex justify-center rounded-lg', + variants: { + type: { + Primary: + 'text-Grey-Scale-white font-normal capitalize leading-normal tracking-wider bg-Blue-blue-600 hover:bg-Blue-blue-700', + }, + size: { + default: 'px-4 py-2', + XL: 'px-6 py-3', + }, + }, +}); + +interface NewButtonProps extends VariantProps {} + +const NewButton: React.FC = ({ + children, + size, + type, + ...props +}) => { + return ( + + ); +}; +export default NewButton; diff --git a/packages/tailwind-constructor/output/core.css b/packages/tailwind-constructor/output/core.css index 4cf06e927..5b70311db 100644 --- a/packages/tailwind-constructor/output/core.css +++ b/packages/tailwind-constructor/output/core.css @@ -281,35 +281,35 @@ --text-case-lowercase: lowercase; --text-decoration-none: none; --text-decoration-underline: underline; - --rounded-sm: 0.25; - --rounded: 0.5; - --rounded-md: 1; - --rounded-lg: 1.5; - --rounded-xl: 2; - --rounded-2xl: 3; - --rounded-3xl: 4; - --rounded-4xl: 6; - --padding-p-1: 0.25; - --padding-p-2: 0.5; - --padding-p-4: 1; - --padding-p-6: 1.5; - --padding-p-8: 2; - --padding-p-12: 3; - --padding-p-16: 4; - --padding-p-24: 6; - --padding-p-32: 8; + --rounded-sm: 0.25rem; + --rounded: 0.5rem; + --rounded-md: 1rem; + --rounded-lg: 1.5rem; + --rounded-xl: 2rem; + --rounded-2xl: 3rem; + --rounded-3xl: 4rem; + --rounded-4xl: 6rem; + --padding-p-1: 0.25rem; + --padding-p-2: 0.5rem; + --padding-p-4: 1rem; + --padding-p-6: 1.5rem; + --padding-p-8: 2rem; + --padding-p-12: 3rem; + --padding-p-16: 4rem; + --padding-p-24: 6rem; + --padding-p-32: 8rem; --rem: 16; - --font-size-0: 0.75; - --font-size-1: 0.875; - --font-size-2: 1; - --font-size-3: 1.25; - --font-size-4: 1.5; - --font-size-5: 1.625; - --font-size-6: 1.75; - --font-size-7: 2; - --font-size-8: 2.25; - --font-size-9: 2.5; - --font-size-10: 2.75; - --font-size-11: 3; - --font-size-12: 4; + --font-size-0: 0.75rem; + --font-size-1: 0.875rem; + --font-size-2: 1rem; + --font-size-3: 1.25rem; + --font-size-4: 1.5rem; + --font-size-5: 1.625rem; + --font-size-6: 1.75rem; + --font-size-7: 2rem; + --font-size-8: 2.25rem; + --font-size-9: 2.5rem; + --font-size-10: 2.75rem; + --font-size-11: 3rem; + --font-size-12: 4rem; } \ No newline at end of file diff --git a/packages/tailwind-constructor/output/core.json b/packages/tailwind-constructor/output/core.json index a6d5024c9..8216798bd 100644 --- a/packages/tailwind-constructor/output/core.json +++ b/packages/tailwind-constructor/output/core.json @@ -1 +1,4246 @@ -[{"value":"#000000","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#000000","type":"color"},"name":"colors-black","attributes":{"category":"colors","type":"black"},"path":["colors","black"]},{"value":"#ffffff","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#ffffff","type":"color"},"name":"colors-white","attributes":{"category":"colors","type":"white"},"path":["colors","white"]},{"value":"#f7fafc","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#f7fafc","type":"color"},"name":"colors-gray-100","attributes":{"category":"colors","type":"gray","item":"100"},"path":["colors","gray","100"]},{"value":"#edf2f7","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#edf2f7","type":"color"},"name":"colors-gray-200","attributes":{"category":"colors","type":"gray","item":"200"},"path":["colors","gray","200"]},{"value":"#e2e8f0","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#e2e8f0","type":"color"},"name":"colors-gray-300","attributes":{"category":"colors","type":"gray","item":"300"},"path":["colors","gray","300"]},{"value":"#cbd5e0","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#cbd5e0","type":"color"},"name":"colors-gray-400","attributes":{"category":"colors","type":"gray","item":"400"},"path":["colors","gray","400"]},{"value":"#a0aec0","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#a0aec0","type":"color"},"name":"colors-gray-500","attributes":{"category":"colors","type":"gray","item":"500"},"path":["colors","gray","500"]},{"value":"#718096","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#718096","type":"color"},"name":"colors-gray-600","attributes":{"category":"colors","type":"gray","item":"600"},"path":["colors","gray","600"]},{"value":"#4a5568","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#4a5568","type":"color"},"name":"colors-gray-700","attributes":{"category":"colors","type":"gray","item":"700"},"path":["colors","gray","700"]},{"value":"#2d3748","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#2d3748","type":"color"},"name":"colors-gray-800","attributes":{"category":"colors","type":"gray","item":"800"},"path":["colors","gray","800"]},{"value":"#1a202c","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#1a202c","type":"color"},"name":"colors-gray-900","attributes":{"category":"colors","type":"gray","item":"900"},"path":["colors","gray","900"]},{"value":"#fff5f5","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#fff5f5","type":"color"},"name":"colors-red-100","attributes":{"category":"colors","type":"red","item":"100"},"path":["colors","red","100"]},{"value":"#fed7d7","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#fed7d7","type":"color"},"name":"colors-red-200","attributes":{"category":"colors","type":"red","item":"200"},"path":["colors","red","200"]},{"value":"#feb2b2","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#feb2b2","type":"color"},"name":"colors-red-300","attributes":{"category":"colors","type":"red","item":"300"},"path":["colors","red","300"]},{"value":"#fc8181","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#fc8181","type":"color"},"name":"colors-red-400","attributes":{"category":"colors","type":"red","item":"400"},"path":["colors","red","400"]},{"value":"#f56565","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#f56565","type":"color"},"name":"colors-red-500","attributes":{"category":"colors","type":"red","item":"500"},"path":["colors","red","500"]},{"value":"#e53e3e","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#e53e3e","type":"color"},"name":"colors-red-600","attributes":{"category":"colors","type":"red","item":"600"},"path":["colors","red","600"]},{"value":"#c53030","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#c53030","type":"color"},"name":"colors-red-700","attributes":{"category":"colors","type":"red","item":"700"},"path":["colors","red","700"]},{"value":"#9b2c2c","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#9b2c2c","type":"color"},"name":"colors-red-800","attributes":{"category":"colors","type":"red","item":"800"},"path":["colors","red","800"]},{"value":"#742a2a","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#742a2a","type":"color"},"name":"colors-red-900","attributes":{"category":"colors","type":"red","item":"900"},"path":["colors","red","900"]},{"value":"#fffaf0","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#fffaf0","type":"color"},"name":"colors-orange-100","attributes":{"category":"colors","type":"orange","item":"100"},"path":["colors","orange","100"]},{"value":"#feebc8","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#feebc8","type":"color"},"name":"colors-orange-200","attributes":{"category":"colors","type":"orange","item":"200"},"path":["colors","orange","200"]},{"value":"#fbd38d","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#fbd38d","type":"color"},"name":"colors-orange-300","attributes":{"category":"colors","type":"orange","item":"300"},"path":["colors","orange","300"]},{"value":"#f6ad55","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#f6ad55","type":"color"},"name":"colors-orange-400","attributes":{"category":"colors","type":"orange","item":"400"},"path":["colors","orange","400"]},{"value":"#ed8936","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#ed8936","type":"color"},"name":"colors-orange-500","attributes":{"category":"colors","type":"orange","item":"500"},"path":["colors","orange","500"]},{"value":"#dd6b20","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#dd6b20","type":"color"},"name":"colors-orange-600","attributes":{"category":"colors","type":"orange","item":"600"},"path":["colors","orange","600"]},{"value":"#c05621","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#c05621","type":"color"},"name":"colors-orange-700","attributes":{"category":"colors","type":"orange","item":"700"},"path":["colors","orange","700"]},{"value":"#9c4221","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#9c4221","type":"color"},"name":"colors-orange-800","attributes":{"category":"colors","type":"orange","item":"800"},"path":["colors","orange","800"]},{"value":"#7b341e","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#7b341e","type":"color"},"name":"colors-orange-900","attributes":{"category":"colors","type":"orange","item":"900"},"path":["colors","orange","900"]},{"value":"#fffff0","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#fffff0","type":"color"},"name":"colors-yellow-100","attributes":{"category":"colors","type":"yellow","item":"100"},"path":["colors","yellow","100"]},{"value":"#fefcbf","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#fefcbf","type":"color"},"name":"colors-yellow-200","attributes":{"category":"colors","type":"yellow","item":"200"},"path":["colors","yellow","200"]},{"value":"#faf089","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#faf089","type":"color"},"name":"colors-yellow-300","attributes":{"category":"colors","type":"yellow","item":"300"},"path":["colors","yellow","300"]},{"value":"#f6e05e","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#f6e05e","type":"color"},"name":"colors-yellow-400","attributes":{"category":"colors","type":"yellow","item":"400"},"path":["colors","yellow","400"]},{"value":"#ecc94b","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#ecc94b","type":"color"},"name":"colors-yellow-500","attributes":{"category":"colors","type":"yellow","item":"500"},"path":["colors","yellow","500"]},{"value":"#d69e2e","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#d69e2e","type":"color"},"name":"colors-yellow-600","attributes":{"category":"colors","type":"yellow","item":"600"},"path":["colors","yellow","600"]},{"value":"#b7791f","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#b7791f","type":"color"},"name":"colors-yellow-700","attributes":{"category":"colors","type":"yellow","item":"700"},"path":["colors","yellow","700"]},{"value":"#975a16","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#975a16","type":"color"},"name":"colors-yellow-800","attributes":{"category":"colors","type":"yellow","item":"800"},"path":["colors","yellow","800"]},{"value":"#744210","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#744210","type":"color"},"name":"colors-yellow-900","attributes":{"category":"colors","type":"yellow","item":"900"},"path":["colors","yellow","900"]},{"value":"#f0fff4","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#f0fff4","type":"color"},"name":"colors-green-100","attributes":{"category":"colors","type":"green","item":"100"},"path":["colors","green","100"]},{"value":"#c6f6d5","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#c6f6d5","type":"color"},"name":"colors-green-200","attributes":{"category":"colors","type":"green","item":"200"},"path":["colors","green","200"]},{"value":"#9ae6b4","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#9ae6b4","type":"color"},"name":"colors-green-300","attributes":{"category":"colors","type":"green","item":"300"},"path":["colors","green","300"]},{"value":"#68d391","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#68d391","type":"color"},"name":"colors-green-400","attributes":{"category":"colors","type":"green","item":"400"},"path":["colors","green","400"]},{"value":"#48bb78","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#48bb78","type":"color"},"name":"colors-green-500","attributes":{"category":"colors","type":"green","item":"500"},"path":["colors","green","500"]},{"value":"#38a169","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#38a169","type":"color"},"name":"colors-green-600","attributes":{"category":"colors","type":"green","item":"600"},"path":["colors","green","600"]},{"value":"#2f855a","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#2f855a","type":"color"},"name":"colors-green-700","attributes":{"category":"colors","type":"green","item":"700"},"path":["colors","green","700"]},{"value":"#276749","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#276749","type":"color"},"name":"colors-green-800","attributes":{"category":"colors","type":"green","item":"800"},"path":["colors","green","800"]},{"value":"#22543d","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#22543d","type":"color"},"name":"colors-green-900","attributes":{"category":"colors","type":"green","item":"900"},"path":["colors","green","900"]},{"value":"#e6fffa","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#e6fffa","type":"color"},"name":"colors-teal-100","attributes":{"category":"colors","type":"teal","item":"100"},"path":["colors","teal","100"]},{"value":"#b2f5ea","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#b2f5ea","type":"color"},"name":"colors-teal-200","attributes":{"category":"colors","type":"teal","item":"200"},"path":["colors","teal","200"]},{"value":"#81e6d9","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#81e6d9","type":"color"},"name":"colors-teal-300","attributes":{"category":"colors","type":"teal","item":"300"},"path":["colors","teal","300"]},{"value":"#4fd1c5","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#4fd1c5","type":"color"},"name":"colors-teal-400","attributes":{"category":"colors","type":"teal","item":"400"},"path":["colors","teal","400"]},{"value":"#38b2ac","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#38b2ac","type":"color"},"name":"colors-teal-500","attributes":{"category":"colors","type":"teal","item":"500"},"path":["colors","teal","500"]},{"value":"#319795","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#319795","type":"color"},"name":"colors-teal-600","attributes":{"category":"colors","type":"teal","item":"600"},"path":["colors","teal","600"]},{"value":"#2c7a7b","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#2c7a7b","type":"color"},"name":"colors-teal-700","attributes":{"category":"colors","type":"teal","item":"700"},"path":["colors","teal","700"]},{"value":"#285e61","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#285e61","type":"color"},"name":"colors-teal-800","attributes":{"category":"colors","type":"teal","item":"800"},"path":["colors","teal","800"]},{"value":"#234e52","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#234e52","type":"color"},"name":"colors-teal-900","attributes":{"category":"colors","type":"teal","item":"900"},"path":["colors","teal","900"]},{"value":"#ebf8ff","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#ebf8ff","type":"color"},"name":"colors-blue-100","attributes":{"category":"colors","type":"blue","item":"100"},"path":["colors","blue","100"]},{"value":"#bee3f8","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#bee3f8","type":"color"},"name":"colors-blue-200","attributes":{"category":"colors","type":"blue","item":"200"},"path":["colors","blue","200"]},{"value":"#90cdf4","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#90cdf4","type":"color"},"name":"colors-blue-300","attributes":{"category":"colors","type":"blue","item":"300"},"path":["colors","blue","300"]},{"value":"#63b3ed","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#63b3ed","type":"color"},"name":"colors-blue-400","attributes":{"category":"colors","type":"blue","item":"400"},"path":["colors","blue","400"]},{"value":"#4299e1","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#4299e1","type":"color"},"name":"colors-blue-500","attributes":{"category":"colors","type":"blue","item":"500"},"path":["colors","blue","500"]},{"value":"#3182ce","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#3182ce","type":"color"},"name":"colors-blue-600","attributes":{"category":"colors","type":"blue","item":"600"},"path":["colors","blue","600"]},{"value":"#2b6cb0","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#2b6cb0","type":"color"},"name":"colors-blue-700","attributes":{"category":"colors","type":"blue","item":"700"},"path":["colors","blue","700"]},{"value":"#2c5282","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#2c5282","type":"color"},"name":"colors-blue-800","attributes":{"category":"colors","type":"blue","item":"800"},"path":["colors","blue","800"]},{"value":"#2a4365","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#2a4365","type":"color"},"name":"colors-blue-900","attributes":{"category":"colors","type":"blue","item":"900"},"path":["colors","blue","900"]},{"value":"#ebf4ff","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#ebf4ff","type":"color"},"name":"colors-indigo-100","attributes":{"category":"colors","type":"indigo","item":"100"},"path":["colors","indigo","100"]},{"value":"#c3dafe","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#c3dafe","type":"color"},"name":"colors-indigo-200","attributes":{"category":"colors","type":"indigo","item":"200"},"path":["colors","indigo","200"]},{"value":"#a3bffa","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#a3bffa","type":"color"},"name":"colors-indigo-300","attributes":{"category":"colors","type":"indigo","item":"300"},"path":["colors","indigo","300"]},{"value":"#7f9cf5","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#7f9cf5","type":"color"},"name":"colors-indigo-400","attributes":{"category":"colors","type":"indigo","item":"400"},"path":["colors","indigo","400"]},{"value":"#667eea","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#667eea","type":"color"},"name":"colors-indigo-500","attributes":{"category":"colors","type":"indigo","item":"500"},"path":["colors","indigo","500"]},{"value":"#5a67d8","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#5a67d8","type":"color"},"name":"colors-indigo-600","attributes":{"category":"colors","type":"indigo","item":"600"},"path":["colors","indigo","600"]},{"value":"#4c51bf","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#4c51bf","type":"color"},"name":"colors-indigo-700","attributes":{"category":"colors","type":"indigo","item":"700"},"path":["colors","indigo","700"]},{"value":"#434190","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#434190","type":"color"},"name":"colors-indigo-800","attributes":{"category":"colors","type":"indigo","item":"800"},"path":["colors","indigo","800"]},{"value":"#3c366b","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#3c366b","type":"color"},"name":"colors-indigo-900","attributes":{"category":"colors","type":"indigo","item":"900"},"path":["colors","indigo","900"]},{"value":"#faf5ff","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#faf5ff","type":"color"},"name":"colors-purple-100","attributes":{"category":"colors","type":"purple","item":"100"},"path":["colors","purple","100"]},{"value":"#e9d8fd","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#e9d8fd","type":"color"},"name":"colors-purple-200","attributes":{"category":"colors","type":"purple","item":"200"},"path":["colors","purple","200"]},{"value":"#d6bcfa","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#d6bcfa","type":"color"},"name":"colors-purple-300","attributes":{"category":"colors","type":"purple","item":"300"},"path":["colors","purple","300"]},{"value":"#b794f4","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#b794f4","type":"color"},"name":"colors-purple-400","attributes":{"category":"colors","type":"purple","item":"400"},"path":["colors","purple","400"]},{"value":"#9f7aea","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#9f7aea","type":"color"},"name":"colors-purple-500","attributes":{"category":"colors","type":"purple","item":"500"},"path":["colors","purple","500"]},{"value":"#805ad5","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#805ad5","type":"color"},"name":"colors-purple-600","attributes":{"category":"colors","type":"purple","item":"600"},"path":["colors","purple","600"]},{"value":"#6b46c1","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#6b46c1","type":"color"},"name":"colors-purple-700","attributes":{"category":"colors","type":"purple","item":"700"},"path":["colors","purple","700"]},{"value":"#553c9a","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#553c9a","type":"color"},"name":"colors-purple-800","attributes":{"category":"colors","type":"purple","item":"800"},"path":["colors","purple","800"]},{"value":"#44337a","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#44337a","type":"color"},"name":"colors-purple-900","attributes":{"category":"colors","type":"purple","item":"900"},"path":["colors","purple","900"]},{"value":"#fff5f7","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#fff5f7","type":"color"},"name":"colors-pink-100","attributes":{"category":"colors","type":"pink","item":"100"},"path":["colors","pink","100"]},{"value":"#fed7e2","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#fed7e2","type":"color"},"name":"colors-pink-200","attributes":{"category":"colors","type":"pink","item":"200"},"path":["colors","pink","200"]},{"value":"#fbb6ce","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#fbb6ce","type":"color"},"name":"colors-pink-300","attributes":{"category":"colors","type":"pink","item":"300"},"path":["colors","pink","300"]},{"value":"#f687b3","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#f687b3","type":"color"},"name":"colors-pink-400","attributes":{"category":"colors","type":"pink","item":"400"},"path":["colors","pink","400"]},{"value":"#ed64a6","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#ed64a6","type":"color"},"name":"colors-pink-500","attributes":{"category":"colors","type":"pink","item":"500"},"path":["colors","pink","500"]},{"value":"#d53f8c","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#d53f8c","type":"color"},"name":"colors-pink-600","attributes":{"category":"colors","type":"pink","item":"600"},"path":["colors","pink","600"]},{"value":"#b83280","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#b83280","type":"color"},"name":"colors-pink-700","attributes":{"category":"colors","type":"pink","item":"700"},"path":["colors","pink","700"]},{"value":"#97266d","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#97266d","type":"color"},"name":"colors-pink-800","attributes":{"category":"colors","type":"pink","item":"800"},"path":["colors","pink","800"]},{"value":"#702459","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#702459","type":"color"},"name":"colors-pink-900","attributes":{"category":"colors","type":"pink","item":"900"},"path":["colors","pink","900"]},{"value":20,"type":"lineHeights","filePath":"tokens/core.json","isSource":true,"original":{"value":20,"type":"lineHeights"},"name":"line-heights-0","attributes":{"category":"lineHeights","type":"0"},"path":["lineHeights","0"]},{"value":"AUTO","type":"lineHeights","filePath":"tokens/core.json","isSource":true,"original":{"value":"AUTO","type":"lineHeights"},"name":"line-heights-1","attributes":{"category":"lineHeights","type":"1"},"path":["lineHeights","1"]},{"value":16,"type":"lineHeights","filePath":"tokens/core.json","isSource":true,"original":{"value":16,"type":"lineHeights"},"name":"line-heights-2","attributes":{"category":"lineHeights","type":"2"},"path":["lineHeights","2"]},{"value":68,"type":"lineHeights","filePath":"tokens/core.json","isSource":true,"original":{"value":68,"type":"lineHeights"},"name":"line-heights-3","attributes":{"category":"lineHeights","type":"3"},"path":["lineHeights","3"]},{"value":52,"type":"lineHeights","filePath":"tokens/core.json","isSource":true,"original":{"value":52,"type":"lineHeights"},"name":"line-heights-4","attributes":{"category":"lineHeights","type":"4"},"path":["lineHeights","4"]},{"value":28,"type":"lineHeights","filePath":"tokens/core.json","isSource":true,"original":{"value":28,"type":"lineHeights"},"name":"line-heights-5","attributes":{"category":"lineHeights","type":"5"},"path":["lineHeights","5"]},{"value":24,"type":"lineHeights","filePath":"tokens/core.json","isSource":true,"original":{"value":24,"type":"lineHeights"},"name":"line-heights-6","attributes":{"category":"lineHeights","type":"6"},"path":["lineHeights","6"]},{"value":40,"type":"lineHeights","filePath":"tokens/core.json","isSource":true,"original":{"value":40,"type":"lineHeights"},"name":"line-heights-7","attributes":{"category":"lineHeights","type":"7"},"path":["lineHeights","7"]},{"value":48,"type":"lineHeights","filePath":"tokens/core.json","isSource":true,"original":{"value":48,"type":"lineHeights"},"name":"line-heights-8","attributes":{"category":"lineHeights","type":"8"},"path":["lineHeights","8"]},{"value":32,"type":"lineHeights","filePath":"tokens/core.json","isSource":true,"original":{"value":32,"type":"lineHeights"},"name":"line-heights-9","attributes":{"category":"lineHeights","type":"9"},"path":["lineHeights","9"]},{"value":"110%","type":"lineHeights","filePath":"tokens/core.json","isSource":true,"original":{"value":"110%","type":"lineHeights"},"name":"line-heights-heading","attributes":{"category":"lineHeights","type":"heading"},"path":["lineHeights","heading"]},{"value":"140%","type":"lineHeights","filePath":"tokens/core.json","isSource":true,"original":{"value":"140%","type":"lineHeights"},"name":"line-heights-body","attributes":{"category":"lineHeights","type":"body"},"path":["lineHeights","body"]},{"value":"0%","type":"letterSpacing","filePath":"tokens/core.json","isSource":true,"original":{"value":"0%","type":"letterSpacing"},"name":"letter-spacing-0","attributes":{"category":"letterSpacing","type":"0"},"path":["letterSpacing","0"]},{"value":"8%","type":"letterSpacing","filePath":"tokens/core.json","isSource":true,"original":{"value":"8%","type":"letterSpacing"},"name":"letter-spacing-1","attributes":{"category":"letterSpacing","type":"1"},"path":["letterSpacing","1"]},{"value":"4%","type":"letterSpacing","filePath":"tokens/core.json","isSource":true,"original":{"value":"4%","type":"letterSpacing"},"name":"letter-spacing-2","attributes":{"category":"letterSpacing","type":"2"},"path":["letterSpacing","2"]},{"value":0,"type":"letterSpacing","filePath":"tokens/core.json","isSource":true,"original":{"value":0,"type":"letterSpacing"},"name":"letter-spacing-3","attributes":{"category":"letterSpacing","type":"3"},"path":["letterSpacing","3"]},{"value":"-2%","type":"letterSpacing","filePath":"tokens/core.json","isSource":true,"original":{"value":"-2%","type":"letterSpacing"},"name":"letter-spacing-4","attributes":{"category":"letterSpacing","type":"4"},"path":["letterSpacing","4"]},{"value":"12%","type":"letterSpacing","filePath":"tokens/core.json","isSource":true,"original":{"value":"12%","type":"letterSpacing"},"name":"letter-spacing-5","attributes":{"category":"letterSpacing","type":"5"},"path":["letterSpacing","5"]},{"value":0,"type":"letterSpacing","filePath":"tokens/core.json","isSource":true,"original":{"value":0,"type":"letterSpacing"},"name":"letter-spacing-default","attributes":{"category":"letterSpacing","type":"default"},"path":["letterSpacing","default"]},{"value":"150%","type":"letterSpacing","filePath":"tokens/core.json","isSource":true,"original":{"value":"150%","type":"letterSpacing"},"name":"letter-spacing-increased","attributes":{"category":"letterSpacing","type":"increased"},"path":["letterSpacing","increased"]},{"value":"-5%","type":"letterSpacing","filePath":"tokens/core.json","isSource":true,"original":{"value":"-5%","type":"letterSpacing"},"name":"letter-spacing-decreased","attributes":{"category":"letterSpacing","type":"decreased"},"path":["letterSpacing","decreased"]},{"value":0,"type":"paragraphSpacing","filePath":"tokens/core.json","isSource":true,"original":{"value":0,"type":"paragraphSpacing"},"name":"paragraph-spacing-0","attributes":{"category":"paragraphSpacing","type":"0"},"path":["paragraphSpacing","0"]},{"value":32,"type":"paragraphSpacing","filePath":"tokens/core.json","isSource":true,"original":{"value":32,"type":"paragraphSpacing"},"name":"paragraph-spacing-h1","attributes":{"category":"paragraphSpacing","type":"h1"},"path":["paragraphSpacing","h1"]},{"value":26,"type":"paragraphSpacing","filePath":"tokens/core.json","isSource":true,"original":{"value":26,"type":"paragraphSpacing"},"name":"paragraph-spacing-h2","attributes":{"category":"paragraphSpacing","type":"h2"},"path":["paragraphSpacing","h2"]},{"value":"#7f7e7f","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#7f7e7f","type":"color"},"name":"box-shadow","attributes":{"category":"Box Shadow"},"path":["Box Shadow"]},{"value":"#f03d3e40","type":"color","description":"Layer Style Filter","filePath":"tokens/core.json","isSource":true,"original":{"value":"#f03d3e40","type":"color","description":"Layer Style Filter"},"name":"error16","attributes":{"category":"Error16"},"path":["Error16"]},{"value":"#5bb14d40","type":"color","description":"Success Layer Styles","filePath":"tokens/core.json","isSource":true,"original":{"value":"#5bb14d40","type":"color","description":"Success Layer Styles"},"name":"success16","attributes":{"category":"Success16"},"path":["Success16"]},{"value":"#3959ff40","type":"color","description":"Notification Layer Styles","filePath":"tokens/core.json","isSource":true,"original":{"value":"#3959ff40","type":"color","description":"Notification Layer Styles"},"name":"notification16","attributes":{"category":"Notification16"},"path":["Notification16"]},{"value":"#f03d3e1a","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#f03d3e1a","type":"color"},"name":"error8","attributes":{"category":"Error8"},"path":["Error8"]},{"value":"#3959ff1a","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#3959ff1a","type":"color"},"name":"notification8","attributes":{"category":"Notification8"},"path":["Notification8"]},{"value":"#5bb14d1a","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#5bb14d1a","type":"color"},"name":"success8","attributes":{"category":"Success8"},"path":["Success8"]},{"value":"#f0edee66","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#f0edee66","type":"color"},"name":"light-overlay","attributes":{"category":"Light - Overlay"},"path":["Light - Overlay"]},{"value":"#7f7e7f66","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#7f7e7f66","type":"color"},"name":"dark-overlay","attributes":{"category":"Dark- Overlay"},"path":["Dark- Overlay"]},{"value":"#00000066","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#00000066","type":"color"},"name":"black-40","attributes":{"category":"black-40"},"path":["black-40"]},{"value":"#000000bf","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#000000bf","type":"color"},"name":"black-75","attributes":{"category":"black-75"},"path":["black-75"]},{"value":"#00000099","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#00000099","type":"color"},"name":"black-60","attributes":{"category":"black-60"},"path":["black-60"]},{"value":"#00000080","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#00000080","type":"color"},"name":"black-50","attributes":{"category":"black-50"},"path":["black-50"]},{"value":"#00000040","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#00000040","type":"color"},"name":"black-25","attributes":{"category":"black-25"},"path":["black-25"]},{"value":"#0000001a","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#0000001a","type":"color"},"name":"black-10","attributes":{"category":"black-10"},"path":["black-10"]},{"value":"#ffffff40","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#ffffff40","type":"color"},"name":"white-25","attributes":{"category":"white-25"},"path":["white-25"]},{"value":"#ffffff99","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#ffffff99","type":"color"},"name":"white-60","attributes":{"category":"white-60"},"path":["white-60"]},{"value":"#000000a3","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#000000a3","type":"color"},"name":"black-64","attributes":{"category":"black-64"},"path":["black-64"]},{"value":"#7f7e7f","type":"color","description":"Elevations and Depth on Light Backgrounds","filePath":"tokens/core.json","isSource":true,"original":{"value":"#7f7e7f","type":"color","description":"Elevations and Depth on Light Backgrounds"},"name":"shadow-and-highlight-shadow","attributes":{"category":"Shadow and Highlight","type":"Shadow"},"path":["Shadow and Highlight","Shadow"]},{"value":"#474747","type":"color","description":"Elevations and Depth on Dark Backgrounds","filePath":"tokens/core.json","isSource":true,"original":{"value":"#474747","type":"color","description":"Elevations and Depth on Dark Backgrounds"},"name":"shadow-and-highlight-highlight","attributes":{"category":"Shadow and Highlight","type":"Highlight"},"path":["Shadow and Highlight","Highlight"]},{"value":"#474747bf","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#474747bf","type":"color"},"name":"shadow-and-highlight-highlight-one","attributes":{"category":"Shadow and Highlight","type":"highlight one"},"path":["Shadow and Highlight","highlight one"]},{"value":"#47474799","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#47474799","type":"color"},"name":"shadow-and-highlight-highlight-two","attributes":{"category":"Shadow and Highlight","type":"highlight two"},"path":["Shadow and Highlight","highlight two"]},{"value":"#47474766","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#47474766","type":"color"},"name":"shadow-and-highlight-highlight-three","attributes":{"category":"Shadow and Highlight","type":"highlight three"},"path":["Shadow and Highlight","highlight three"]},{"value":"#4747471a","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#4747471a","type":"color"},"name":"shadow-and-highlight-highlight-five","attributes":{"category":"Shadow and Highlight","type":"highlight five"},"path":["Shadow and Highlight","highlight five"]},{"value":"#7f7e7fbf","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#7f7e7fbf","type":"color"},"name":"shadow-and-highlight-shadow-one","attributes":{"category":"Shadow and Highlight","type":"shadow one"},"path":["Shadow and Highlight","shadow one"]},{"value":"#7f7e7f99","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#7f7e7f99","type":"color"},"name":"shadow-and-highlight-shadow-two","attributes":{"category":"Shadow and Highlight","type":"shadow two"},"path":["Shadow and Highlight","shadow two"]},{"value":"#7f7e7f66","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#7f7e7f66","type":"color"},"name":"shadow-and-highlight-shadow-three","attributes":{"category":"Shadow and Highlight","type":"shadow three"},"path":["Shadow and Highlight","shadow three"]},{"value":"#7f7e7f40","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#7f7e7f40","type":"color"},"name":"shadow-and-highlight-shadow-four","attributes":{"category":"Shadow and Highlight","type":"shadow four"},"path":["Shadow and Highlight","shadow four"]},{"value":"#7f7e7f1a","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#7f7e7f1a","type":"color"},"name":"shadow-and-highlight-shadow-five","attributes":{"category":"Shadow and Highlight","type":"shadow five"},"path":["Shadow and Highlight","shadow five"]},{"value":"#47474740","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#47474740","type":"color"},"name":"shadow-and-highlight-highlight-four","attributes":{"category":"Shadow and Highlight","type":"highlight four"},"path":["Shadow and Highlight","highlight four"]},{"value":"#ffffff","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#ffffff","type":"color"},"name":"base-layer-styles-base-layer-light-white","attributes":{"category":"Base Layer Styles","type":"Base Layer- Light-White"},"path":["Base Layer Styles","Base Layer- Light-White"]},{"value":"#f0edee","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#f0edee","type":"color"},"name":"base-layer-styles-base-layer-light-off-white","attributes":{"category":"Base Layer Styles","type":"Base Layer-Light-OffWhite"},"path":["Base Layer Styles","Base Layer-Light-OffWhite"]},{"value":"#1c1c1c","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#1c1c1c","type":"color"},"name":"base-layer-styles-base-layer-dark-off-black","attributes":{"category":"Base Layer Styles","type":"Base Layer-Dark-OffBlack"},"path":["Base Layer Styles","Base Layer-Dark-OffBlack"]},{"value":"#000000","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#000000","type":"color"},"name":"base-layer-styles-base-layer-dark-black","attributes":{"category":"Base Layer Styles","type":"Base Layer-Dark-Black"},"path":["Base Layer Styles","Base Layer-Dark-Black"]},{"value":"#ffffff","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#ffffff","type":"color"},"name":"grey-scale-white","attributes":{"category":"Grey Scale","type":"white"},"path":["Grey Scale","white"]},{"value":"#f0edee","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#f0edee","type":"color"},"name":"grey-scale-off-white","attributes":{"category":"Grey Scale","type":"off-white"},"path":["Grey Scale","off-white"]},{"value":"#7f7e7f","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#7f7e7f","type":"color"},"name":"grey-scale-grey","attributes":{"category":"Grey Scale","type":"grey"},"path":["Grey Scale","grey"]},{"value":"#474747","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#474747","type":"color"},"name":"grey-scale-charcoal","attributes":{"category":"Grey Scale","type":"charcoal"},"path":["Grey Scale","charcoal"]},{"value":"#1c1c1c","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#1c1c1c","type":"color"},"name":"grey-scale-off-black","attributes":{"category":"Grey Scale","type":"off-black"},"path":["Grey Scale","off-black"]},{"value":"#000000","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#000000","type":"color"},"name":"grey-scale-black","attributes":{"category":"Grey Scale","type":"black"},"path":["Grey Scale","black"]},{"value":"#3a7ca5","type":"color","description":"Primary Button Blue - Default","filePath":"tokens/core.json","isSource":true,"original":{"value":"#3a7ca5","type":"color","description":"Primary Button Blue - Default"},"name":"blue-blue","attributes":{"category":"Blue","type":"blue"},"path":["Blue","blue"]},{"value":"#75a3c0","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#75a3c0","type":"color"},"name":"blue-blue-100","attributes":{"category":"Blue","type":"blue-100"},"path":["Blue","blue-100"]},{"value":"#9cbed2","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#9cbed2","type":"color"},"name":"blue-blue-200","attributes":{"category":"Blue","type":"blue-200"},"path":["Blue","blue-200"]},{"value":"#4f7d9a","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#4f7d9a","type":"color"},"name":"blue-blue-300","attributes":{"category":"Blue","type":"blue-300"},"path":["Blue","blue-300"]},{"value":"#5c7d92","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#5c7d92","type":"color"},"name":"blue-blue-400","attributes":{"category":"Blue","type":"blue-400"},"path":["Blue","blue-400"]},{"value":"#347095","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#347095","type":"color"},"name":"blue-blue-500","attributes":{"category":"Blue","type":"blue-500"},"path":["Blue","blue-500"]},{"value":"#295774","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#295774","type":"color"},"name":"blue-blue-600","attributes":{"category":"Blue","type":"blue-600"},"path":["Blue","blue-600"]},{"value":"#173242","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#173242","type":"color"},"name":"blue-blue-700","attributes":{"category":"Blue","type":"blue-700"},"path":["Blue","blue-700"]},{"value":"#81c3d7","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#81c3d7","type":"color"},"name":"light-blue-lightblue","attributes":{"category":"LightBlue","type":"lightblue"},"path":["LightBlue","lightblue"]},{"value":"#a7d5e3","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#a7d5e3","type":"color"},"name":"light-blue-lightblue-100","attributes":{"category":"LightBlue","type":"lightblue-100"},"path":["LightBlue","lightblue-100"]},{"value":"#c0e1eb","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#c0e1eb","type":"color"},"name":"light-blue-lightblue-200","attributes":{"category":"LightBlue","type":"lightblue-200"},"path":["LightBlue","lightblue-200"]},{"value":"#80aebd","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#80aebd","type":"color"},"name":"light-blue-lightblue-300","attributes":{"category":"LightBlue","type":"lightblue-300"},"path":["LightBlue","lightblue-300"]},{"value":"#80a0ab","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#80a0ab","type":"color"},"name":"light-blue-lightblue-400","attributes":{"category":"LightBlue","type":"lightblue-400"},"path":["LightBlue","lightblue-400"]},{"value":"#74afc1","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#74afc1","type":"color"},"name":"light-blue-lightblue-500","attributes":{"category":"LightBlue","type":"lightblue-500"},"path":["LightBlue","lightblue-500"]},{"value":"#5a8997","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#5a8997","type":"color"},"name":"light-blue-lightblue-600","attributes":{"category":"LightBlue","type":"lightblue-600"},"path":["LightBlue","lightblue-600"]},{"value":"#3e5e65","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#3e5e65","type":"color"},"name":"light-blue-lightblue-650","attributes":{"category":"LightBlue","type":"lightblue-650"},"path":["LightBlue","lightblue-650"]},{"value":"#344e56","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#344e56","type":"color"},"name":"light-blue-lightblue-700","attributes":{"category":"LightBlue","type":"lightblue-700"},"path":["LightBlue","lightblue-700"]},{"value":"#ff7f0e","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#ff7f0e","type":"color"},"name":"orange-orange","attributes":{"category":"Orange","type":"orange"},"path":["Orange","orange"]},{"value":"#ffa556","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#ffa556","type":"color"},"name":"orange-orange-100","attributes":{"category":"Orange","type":"orange-100"},"path":["Orange","orange-100"]},{"value":"#ffbf86","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#ffbf86","type":"color"},"name":"orange-orange-200","attributes":{"category":"Orange","type":"orange-200"},"path":["Orange","orange-200"]},{"value":"#d97f30","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#d97f30","type":"color"},"name":"orange-orange-300","attributes":{"category":"Orange","type":"orange-300"},"path":["Orange","orange-300"]},{"value":"#bf7e46","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#bf7e46","type":"color"},"name":"orange-orange-400","attributes":{"category":"Orange","type":"orange-400"},"path":["Orange","orange-400"]},{"value":"#e5720d","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#e5720d","type":"color"},"name":"orange-orange-500","attributes":{"category":"Orange","type":"orange-500"},"path":["Orange","orange-500"]},{"value":"#b3590a","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#b3590a","type":"color"},"name":"orange-orange-600","attributes":{"category":"Orange","type":"orange-600"},"path":["Orange","orange-600"]},{"value":"#663306","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#663306","type":"color"},"name":"orange-orange-700","attributes":{"category":"Orange","type":"orange-700"},"path":["Orange","orange-700"]},{"value":"#ffab00","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#ffab00","type":"color"},"name":"yellow-yellow","attributes":{"category":"Yellow","type":"yellow"},"path":["Yellow","yellow"]},{"value":"#ffc44c","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#ffc44c","type":"color"},"name":"yellow-yellow-100","attributes":{"category":"Yellow","type":"yellow-100"},"path":["Yellow","yellow-100"]},{"value":"#ffd580","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#ffd580","type":"color"},"name":"yellow-yellow-200","attributes":{"category":"Yellow","type":"yellow-200"},"path":["Yellow","yellow-200"]},{"value":"#d99d26","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#d99d26","type":"color"},"name":"yellow-yellow-300","attributes":{"category":"Yellow","type":"yellow-300"},"path":["Yellow","yellow-300"]},{"value":"#bf943f","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#bf943f","type":"color"},"name":"yellow-yellow-400","attributes":{"category":"Yellow","type":"yellow-400"},"path":["Yellow","yellow-400"]},{"value":"#e59a00","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#e59a00","type":"color"},"name":"yellow-yellow-500","attributes":{"category":"Yellow","type":"yellow-500"},"path":["Yellow","yellow-500"]},{"value":"#b37800","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#b37800","type":"color"},"name":"yellow-yellow-600","attributes":{"category":"Yellow","type":"yellow-600"},"path":["Yellow","yellow-600"]},{"value":"#664400","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#664400","type":"color"},"name":"yellow-yellow-700","attributes":{"category":"Yellow","type":"yellow-700"},"path":["Yellow","yellow-700"]},{"value":"#3959ff","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#3959ff","type":"color"},"name":"notification-notification","attributes":{"category":"Notification","type":"notification"},"path":["Notification","notification"]},{"value":"#748bff","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#748bff","type":"color"},"name":"notification-notification-100","attributes":{"category":"Notification","type":"notification-100"},"path":["Notification","notification-100"]},{"value":"#9cacff","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#9cacff","type":"color"},"name":"notification-notification-200","attributes":{"category":"Notification","type":"notification-200"},"path":["Notification","notification-200"]},{"value":"#4e64d9","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#4e64d9","type":"color"},"name":"notification-notification-300","attributes":{"category":"Notification","type":"notification-300"},"path":["Notification","notification-300"]},{"value":"#5c6cbf","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#5c6cbf","type":"color"},"name":"notification-notification-400","attributes":{"category":"Notification","type":"notification-400"},"path":["Notification","notification-400"]},{"value":"#3350e5","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#3350e5","type":"color"},"name":"notification-notification-500","attributes":{"category":"Notification","type":"notification-500"},"path":["Notification","notification-500"]},{"value":"#283eb3","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#283eb3","type":"color"},"name":"notification-notification-600","attributes":{"category":"Notification","type":"notification-600"},"path":["Notification","notification-600"]},{"value":"#172466","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#172466","type":"color"},"name":"notification-notification-700","attributes":{"category":"Notification","type":"notification-700"},"path":["Notification","notification-700"]},{"value":"#24471f","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#24471f","type":"color"},"name":"success-success-700","attributes":{"category":"Success","type":"success -700"},"path":["Success","success -700"]},{"value":"#5bb14d","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#5bb14d","type":"color"},"name":"success-success","attributes":{"category":"Success","type":"success"},"path":["Success","success"]},{"value":"#8cc882","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#8cc882","type":"color"},"name":"success-success-100","attributes":{"category":"Success","type":"success -100"},"path":["Success","success -100"]},{"value":"#add8a6","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#add8a6","type":"color"},"name":"success-success-200","attributes":{"category":"Success","type":"success -200"},"path":["Success","success -200"]},{"value":"#66a25c","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#66a25c","type":"color"},"name":"success-success-300","attributes":{"category":"Success","type":"success -300"},"path":["Success","success -300"]},{"value":"#6d9766","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#6d9766","type":"color"},"name":"success-success-400","attributes":{"category":"Success","type":"success -400"},"path":["Success","success -400"]},{"value":"#529f45","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#529f45","type":"color"},"name":"success-success-500","attributes":{"category":"Success","type":"success -500"},"path":["Success","success -500"]},{"value":"#407c36","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#407c36","type":"color"},"name":"success-success-600","attributes":{"category":"Success","type":"success -600"},"path":["Success","success -600"]},{"value":"#f03d3e","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#f03d3e","type":"color"},"name":"error-error","attributes":{"category":"Error","type":"error"},"path":["Error","error"]},{"value":"#f57778","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#f57778","type":"color"},"name":"error-error-100","attributes":{"category":"Error","type":"error-100"},"path":["Error","error-100"]},{"value":"#f89e9e","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#f89e9e","type":"color"},"name":"error-error-200","attributes":{"category":"Error","type":"error-200"},"path":["Error","error-200"]},{"value":"#f9c8c8","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#f9c8c8","type":"color"},"name":"error-error-250","attributes":{"category":"Error","type":"error-250"},"path":["Error","error-250"]},{"value":"#ce5151","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#ce5151","type":"color"},"name":"error-error-300","attributes":{"category":"Error","type":"error-300"},"path":["Error","error-300"]},{"value":"#b85e5e","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#b85e5e","type":"color"},"name":"error-error-400","attributes":{"category":"Error","type":"error-400"},"path":["Error","error-400"]},{"value":"#d83738","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#d83738","type":"color"},"name":"error-error-500","attributes":{"category":"Error","type":"error-500"},"path":["Error","error-500"]},{"value":"#a82b2b","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#a82b2b","type":"color"},"name":"error-error-600","attributes":{"category":"Error","type":"error-600"},"path":["Error","error-600"]},{"value":"#601819","type":"color","filePath":"tokens/core.json","isSource":true,"original":{"value":"#601819","type":"color"},"name":"error-error-700","attributes":{"category":"Error","type":"error-700"},"path":["Error","error-700"]},{"value":"2px 2px 8px 0px #7f7e7f52","type":"boxShadow","filePath":"tokens/core.json","isSource":true,"original":{"value":{"color":"#7f7e7f52","type":"dropShadow","x":2,"y":2,"blur":8,"spread":0},"type":"boxShadow"},"name":"shadow-highlight-sm","attributes":{"category":"Shadow","type":"highlight-sm"},"path":["Shadow","highlight-sm"]},{"value":"2px 2px 8px 0px #7f7e7f7a","type":"boxShadow","filePath":"tokens/core.json","isSource":true,"original":{"value":{"color":"#7f7e7f7a","type":"dropShadow","x":2,"y":2,"blur":8,"spread":0},"type":"boxShadow"},"name":"shadow-highlight","attributes":{"category":"Shadow","type":"highlight"},"path":["Shadow","highlight"]},{"value":"2px 2px 8px 0px #7f7e7fb8","type":"boxShadow","filePath":"tokens/core.json","isSource":true,"original":{"value":{"color":"#7f7e7fb8","type":"dropShadow","x":2,"y":2,"blur":8,"spread":0},"type":"boxShadow"},"name":"shadow-highlight-md","attributes":{"category":"Shadow","type":"highlight-md"},"path":["Shadow","highlight-md"]},{"value":"2px 2px 8px 0px #7f7e7fe0","type":"boxShadow","filePath":"tokens/core.json","isSource":true,"original":{"value":{"color":"#7f7e7fe0","type":"dropShadow","x":2,"y":2,"blur":8,"spread":0},"type":"boxShadow"},"name":"shadow-highlight-lg","attributes":{"category":"Shadow","type":"highlight-lg"},"path":["Shadow","highlight-lg"]},{"value":"2px 2px 8px 0px #7f7e7f","type":"boxShadow","filePath":"tokens/core.json","isSource":true,"original":{"value":{"color":"#7f7e7f","type":"dropShadow","x":2,"y":2,"blur":8,"spread":0},"type":"boxShadow"},"name":"shadow-highlight-xl","attributes":{"category":"Shadow","type":"highlight-xl"},"path":["Shadow","highlight-xl"]},{"value":"0px 4px 6px 3px #3333331a","type":"boxShadow","filePath":"tokens/core.json","isSource":true,"original":{"value":{"color":"#3333331a","type":"dropShadow","x":0,"y":4,"blur":6,"spread":3},"type":"boxShadow"},"name":"shadow-shadow","attributes":{"category":"Shadow","type":"shadow"},"path":["Shadow","shadow"]},{"value":"0px 2px 2px 2px #33333314","type":"boxShadow","filePath":"tokens/core.json","isSource":true,"original":{"value":{"color":"#33333314","type":"dropShadow","x":0,"y":2,"blur":2,"spread":2},"type":"boxShadow"},"name":"shadow-shadow-sm","attributes":{"category":"Shadow","type":"shadow-sm"},"path":["Shadow","shadow-sm"]},{"value":"0px 6px 10px 5px #3333331a","type":"boxShadow","filePath":"tokens/core.json","isSource":true,"original":{"value":{"color":"#3333331a","type":"dropShadow","x":0,"y":6,"blur":10,"spread":5},"type":"boxShadow"},"name":"shadow-shadow-md","attributes":{"category":"Shadow","type":"shadow-md"},"path":["Shadow","shadow-md"]},{"value":"0px 4px 4px 4px #7f7e7f40","type":"boxShadow","filePath":"tokens/core.json","isSource":true,"original":{"value":{"color":"#7f7e7f40","type":"dropShadow","x":0,"y":4,"blur":4,"spread":4},"type":"boxShadow"},"name":"shadow-shadow-lg","attributes":{"category":"Shadow","type":"shadow-lg"},"path":["Shadow","shadow-lg"]},{"value":"0px 10px 18px 10px #7f7e7f40","type":"boxShadow","filePath":"tokens/core.json","isSource":true,"original":{"value":{"color":"#7f7e7f40","type":"dropShadow","x":0,"y":10,"blur":18,"spread":10},"type":"boxShadow"},"name":"shadow-shadow-xl","attributes":{"category":"Shadow","type":"shadow-xl"},"path":["Shadow","shadow-xl"]},{"value":"2px 2px 6px 0px #7f7e7f80","type":"boxShadow","filePath":"tokens/core.json","isSource":true,"original":{"value":{"color":"#7f7e7f80","type":"innerShadow","x":2,"y":2,"blur":6,"spread":0},"type":"boxShadow"},"name":"shadow-shadow-inner","attributes":{"category":"Shadow","type":"shadow-inner"},"path":["Shadow","shadow-inner"]},{"value":"Nunito Sans","type":"fontFamilies","filePath":"tokens/core.json","isSource":true,"original":{"value":"Nunito Sans","type":"fontFamilies"},"name":"font-families-nunito-sans","attributes":{"category":"fontFamilies","type":"nunito-sans"},"path":["fontFamilies","nunito-sans"]},{"value":"Abel","type":"fontFamilies","filePath":"tokens/core.json","isSource":true,"original":{"value":"Abel","type":"fontFamilies"},"name":"font-families-abel","attributes":{"category":"fontFamilies","type":"abel"},"path":["fontFamilies","abel"]},{"value":"Regular","type":"fontWeights","filePath":"tokens/core.json","isSource":true,"original":{"value":"Regular","type":"fontWeights"},"name":"font-weights-nunito-sans-0","attributes":{"category":"fontWeights","type":"nunito-sans-0"},"path":["fontWeights","nunito-sans-0"]},{"value":"Regular","type":"fontWeights","filePath":"tokens/core.json","isSource":true,"original":{"value":"Regular","type":"fontWeights"},"name":"font-weights-abel-1","attributes":{"category":"fontWeights","type":"abel-1"},"path":["fontWeights","abel-1"]},{"value":"Light Italic","type":"fontWeights","filePath":"tokens/core.json","isSource":true,"original":{"value":"Light Italic","type":"fontWeights"},"name":"font-weights-nunito-sans-2","attributes":{"category":"fontWeights","type":"nunito-sans-2"},"path":["fontWeights","nunito-sans-2"]},{"value":"SemiBold","type":"fontWeights","filePath":"tokens/core.json","isSource":true,"original":{"value":"SemiBold","type":"fontWeights"},"name":"font-weights-nunito-sans-3","attributes":{"category":"fontWeights","type":"nunito-sans-3"},"path":["fontWeights","nunito-sans-3"]},{"value":"Light","type":"fontWeights","filePath":"tokens/core.json","isSource":true,"original":{"value":"Light","type":"fontWeights"},"name":"font-weights-nunito-sans-4","attributes":{"category":"fontWeights","type":"nunito-sans-4"},"path":["fontWeights","nunito-sans-4"]},{"value":{"fontFamily":"Nunito Sans","fontWeight":"Regular","letterSpacing":"0%","paragraphSpacing":0,"textCase":"none","textDecoration":"none","lineHeight":20,"fontSize":0.75},"type":"typography","filePath":"tokens/core.json","isSource":true,"original":{"value":{"fontFamily":"Nunito Sans","fontWeight":"Regular","letterSpacing":"0%","paragraphSpacing":0,"textCase":"none","textDecoration":"none","lineHeight":20,"fontSize":0.75},"type":"typography"},"name":"x-small-typecase","attributes":{"category":"x-small-typecase"},"path":["x-small-typecase"]},{"value":{"fontFamily":"Nunito Sans","fontWeight":"Regular","letterSpacing":"8%","paragraphSpacing":0,"textCase":"uppercase","textDecoration":"none","fontSize":1,"lineHeight":"AUTO"},"type":"typography","description":"Subtitles on Cards","filePath":"tokens/core.json","isSource":true,"original":{"value":{"fontFamily":"Nunito Sans","fontWeight":"Regular","letterSpacing":"8%","paragraphSpacing":0,"textCase":"uppercase","textDecoration":"none","fontSize":1,"lineHeight":"AUTO"},"type":"typography","description":"Subtitles on Cards"},"name":"subtitle","attributes":{"category":"subtitle"},"path":["subtitle"]},{"value":{"fontFamily":"Abel","fontWeight":"Regular","lineHeight":"AUTO","letterSpacing":"0%","paragraphSpacing":0,"textCase":"none","textDecoration":"none","fontSize":2.75},"type":"typography","description":"Product Cards - Product Name","filePath":"tokens/core.json","isSource":true,"original":{"value":{"fontFamily":"Abel","fontWeight":"Regular","lineHeight":"AUTO","letterSpacing":"0%","paragraphSpacing":0,"textCase":"none","textDecoration":"none","fontSize":2.75},"type":"typography","description":"Product Cards - Product Name"},"name":"product-name","attributes":{"category":"product-name"},"path":["product-name"]},{"value":{"fontFamily":"Nunito Sans","fontWeight":"Regular","lineHeight":20,"letterSpacing":"4%","paragraphSpacing":0,"textCase":"capitalize","textDecoration":"none","fontSize":1},"type":"typography","filePath":"tokens/core.json","isSource":true,"original":{"value":{"fontFamily":"Nunito Sans","fontWeight":"Regular","lineHeight":20,"letterSpacing":"4%","paragraphSpacing":0,"textCase":"capitalize","textDecoration":"none","fontSize":1},"type":"typography"},"name":"dropdown-text","attributes":{"category":"dropdown-text"},"path":["dropdown-text"]},{"value":{"fontFamily":"Nunito Sans","fontWeight":"Regular","lineHeight":16,"fontSize":0.875,"letterSpacing":0,"paragraphSpacing":0,"textCase":"none","textDecoration":"underline"},"type":"typography","filePath":"tokens/core.json","isSource":true,"original":{"value":{"fontFamily":"Nunito Sans","fontWeight":"Regular","lineHeight":16,"fontSize":0.875,"letterSpacing":0,"paragraphSpacing":0,"textCase":"none","textDecoration":"underline"},"type":"typography"},"name":"link-m","attributes":{"category":"link-m"},"path":["link-m"]},{"value":{"fontFamily":"Nunito Sans","fontWeight":"Light Italic","lineHeight":20,"letterSpacing":0,"paragraphSpacing":0,"textCase":"none","textDecoration":"underline","fontSize":1},"type":"typography","description":"Disabled links on Desktop","filePath":"tokens/core.json","isSource":true,"original":{"value":{"fontFamily":"Nunito Sans","fontWeight":"Light Italic","lineHeight":20,"letterSpacing":0,"paragraphSpacing":0,"textCase":"none","textDecoration":"underline","fontSize":1},"type":"typography","description":"Disabled links on Desktop"},"name":"link-disabled","attributes":{"category":"link-disabled"},"path":["link-disabled"]},{"value":{"fontFamily":"Nunito Sans","fontWeight":"Light Italic","lineHeight":16,"fontSize":0.875,"letterSpacing":0,"paragraphSpacing":0,"textCase":"none","textDecoration":"underline"},"type":"typography","description":"Links on Mobile that are disabled","filePath":"tokens/core.json","isSource":true,"original":{"value":{"fontFamily":"Nunito Sans","fontWeight":"Light Italic","lineHeight":16,"fontSize":0.875,"letterSpacing":0,"paragraphSpacing":0,"textCase":"none","textDecoration":"underline"},"type":"typography","description":"Links on Mobile that are disabled"},"name":"link-m-disabled","attributes":{"category":"link-m-disabled"},"path":["link-m-disabled"]},{"value":{"fontFamily":"Nunito Sans","fontWeight":"Regular","lineHeight":16,"fontSize":1,"letterSpacing":0,"paragraphSpacing":0,"textCase":"none","textDecoration":"underline"},"type":"typography","description":"Links on desktops in Focus State","filePath":"tokens/core.json","isSource":true,"original":{"value":{"fontFamily":"Nunito Sans","fontWeight":"Regular","lineHeight":16,"fontSize":1,"letterSpacing":0,"paragraphSpacing":0,"textCase":"none","textDecoration":"underline"},"type":"typography","description":"Links on desktops in Focus State"},"name":"link-focus","attributes":{"category":"link-focus"},"path":["link-focus"]},{"value":{"fontFamily":"Nunito Sans","fontWeight":"Regular","lineHeight":16,"fontSize":0.875,"letterSpacing":0,"paragraphSpacing":0,"textCase":"none","textDecoration":"underline"},"type":"typography","description":"Links on mobile in focus state","filePath":"tokens/core.json","isSource":true,"original":{"value":{"fontFamily":"Nunito Sans","fontWeight":"Regular","lineHeight":16,"fontSize":0.875,"letterSpacing":0,"paragraphSpacing":0,"textCase":"none","textDecoration":"underline"},"type":"typography","description":"Links on mobile in focus state"},"name":"link-m-focus","attributes":{"category":"link-m-focus"},"path":["link-m-focus"]},{"value":{"fontFamily":"Nunito Sans","fontWeight":"SemiBold","lineHeight":16,"fontSize":1,"letterSpacing":0,"paragraphSpacing":0,"textCase":"none","textDecoration":"underline"},"type":"typography","filePath":"tokens/core.json","isSource":true,"original":{"value":{"fontFamily":"Nunito Sans","fontWeight":"SemiBold","lineHeight":16,"fontSize":1,"letterSpacing":0,"paragraphSpacing":0,"textCase":"none","textDecoration":"underline"},"type":"typography"},"name":"link","attributes":{"category":"link"},"path":["link"]},{"value":{"fontFamily":"Nunito Sans","fontWeight":"Regular","lineHeight":16,"fontSize":1,"letterSpacing":0,"paragraphSpacing":0,"textCase":"none","textDecoration":"underline"},"type":"typography","filePath":"tokens/core.json","isSource":true,"original":{"value":{"fontFamily":"Nunito Sans","fontWeight":"Regular","lineHeight":16,"fontSize":1,"letterSpacing":0,"paragraphSpacing":0,"textCase":"none","textDecoration":"underline"},"type":"typography"},"name":"link-visited","attributes":{"category":"link-visited"},"path":["link-visited"]},{"value":{"fontFamily":"Nunito Sans","fontWeight":"SemiBold","lineHeight":20,"fontSize":1,"letterSpacing":0,"paragraphSpacing":0,"textCase":"none","textDecoration":"underline"},"type":"typography","filePath":"tokens/core.json","isSource":true,"original":{"value":{"fontFamily":"Nunito Sans","fontWeight":"SemiBold","lineHeight":20,"fontSize":1,"letterSpacing":0,"paragraphSpacing":0,"textCase":"none","textDecoration":"underline"},"type":"typography"},"name":"link-hover","attributes":{"category":"link-hover"},"path":["link-hover"]},{"value":{"fontFamily":"Nunito Sans","fontWeight":"Regular","lineHeight":20,"fontSize":1,"letterSpacing":0,"paragraphSpacing":0,"textCase":"none","textDecoration":"none"},"type":"typography","filePath":"tokens/core.json","isSource":true,"original":{"value":{"fontFamily":"Nunito Sans","fontWeight":"Regular","lineHeight":20,"fontSize":1,"letterSpacing":0,"paragraphSpacing":0,"textCase":"none","textDecoration":"none"},"type":"typography"},"name":"link-active","attributes":{"category":"link-active"},"path":["link-active"]},{"value":{"fontFamily":"Nunito Sans","fontWeight":"Regular","lineHeight":16,"fontSize":0.875,"letterSpacing":0,"paragraphSpacing":0,"textCase":"none","textDecoration":"underline"},"type":"typography","filePath":"tokens/core.json","isSource":true,"original":{"value":{"fontFamily":"Nunito Sans","fontWeight":"Regular","lineHeight":16,"fontSize":0.875,"letterSpacing":0,"paragraphSpacing":0,"textCase":"none","textDecoration":"underline"},"type":"typography"},"name":"link-m-visited","attributes":{"category":"link-m-visited"},"path":["link-m-visited"]},{"value":{"fontFamily":"Nunito Sans","fontWeight":"SemiBold","lineHeight":16,"fontSize":0.875,"letterSpacing":0,"paragraphSpacing":0,"textCase":"none","textDecoration":"underline"},"type":"typography","filePath":"tokens/core.json","isSource":true,"original":{"value":{"fontFamily":"Nunito Sans","fontWeight":"SemiBold","lineHeight":16,"fontSize":0.875,"letterSpacing":0,"paragraphSpacing":0,"textCase":"none","textDecoration":"underline"},"type":"typography"},"name":"link-m-hover","attributes":{"category":"link-m-hover"},"path":["link-m-hover"]},{"value":{"fontFamily":"Nunito Sans","fontWeight":"Regular","lineHeight":16,"fontSize":0.875,"letterSpacing":0,"paragraphSpacing":0,"textCase":"none","textDecoration":"none"},"type":"typography","filePath":"tokens/core.json","isSource":true,"original":{"value":{"fontFamily":"Nunito Sans","fontWeight":"Regular","lineHeight":16,"fontSize":0.875,"letterSpacing":0,"paragraphSpacing":0,"textCase":"none","textDecoration":"none"},"type":"typography"},"name":"link-m-active","attributes":{"category":"link-m-active"},"path":["link-m-active"]},{"value":{"fontFamily":"Abel","fontWeight":"Regular","lineHeight":68,"fontSize":4,"letterSpacing":"-2%","paragraphSpacing":0,"textCase":"none","textDecoration":"none"},"type":"typography","filePath":"tokens/core.json","isSource":true,"original":{"value":{"fontFamily":"Abel","fontWeight":"Regular","lineHeight":68,"fontSize":4,"letterSpacing":"-2%","paragraphSpacing":0,"textCase":"none","textDecoration":"none"},"type":"typography"},"name":"display-lg","attributes":{"category":"display-lg"},"path":["display-lg"]},{"value":{"fontFamily":"Nunito Sans","fontWeight":"Regular","lineHeight":52,"fontSize":3,"letterSpacing":"-2%","paragraphSpacing":0,"textCase":"none","textDecoration":"none"},"type":"typography","filePath":"tokens/core.json","isSource":true,"original":{"value":{"fontFamily":"Nunito Sans","fontWeight":"Regular","lineHeight":52,"fontSize":3,"letterSpacing":"-2%","paragraphSpacing":0,"textCase":"none","textDecoration":"none"},"type":"typography"},"name":"display-sm","attributes":{"category":"display-sm"},"path":["display-sm"]},{"value":{"fontFamily":"Abel","fontWeight":"Regular","lineHeight":"AUTO","letterSpacing":"0%","paragraphSpacing":0,"textCase":"none","textDecoration":"none","fontSize":1.625},"type":"typography","filePath":"tokens/core.json","isSource":true,"original":{"value":{"fontFamily":"Abel","fontWeight":"Regular","lineHeight":"AUTO","letterSpacing":"0%","paragraphSpacing":0,"textCase":"none","textDecoration":"none","fontSize":1.625},"type":"typography"},"name":"logo-text","attributes":{"category":"logo-text"},"path":["logo-text"]},{"value":{"fontFamily":"Abel","fontWeight":"Regular","lineHeight":20,"letterSpacing":"4%","paragraphSpacing":0,"textCase":"uppercase","textDecoration":"none","fontSize":1},"type":"typography","filePath":"tokens/core.json","isSource":true,"original":{"value":{"fontFamily":"Abel","fontWeight":"Regular","lineHeight":20,"letterSpacing":"4%","paragraphSpacing":0,"textCase":"uppercase","textDecoration":"none","fontSize":1},"type":"typography"},"name":"nav-items","attributes":{"category":"nav-items"},"path":["nav-items"]},{"value":{"fontFamily":"Nunito Sans","fontWeight":"Light","lineHeight":20,"fontSize":0.875,"letterSpacing":"0%","paragraphSpacing":0,"textCase":"none","textDecoration":"none"},"type":"typography","filePath":"tokens/core.json","isSource":true,"original":{"value":{"fontFamily":"Nunito Sans","fontWeight":"Light","lineHeight":20,"fontSize":0.875,"letterSpacing":"0%","paragraphSpacing":0,"textCase":"none","textDecoration":"none"},"type":"typography"},"name":"tool-tip","attributes":{"category":"tool-tip"},"path":["tool-tip"]},{"value":{"fontFamily":"Nunito Sans","fontWeight":"Regular","lineHeight":20,"letterSpacing":"0%","paragraphSpacing":0,"textCase":"uppercase","textDecoration":"none","fontSize":0.75},"type":"typography","description":"Small Labels \n\n-Slider Tool Tip","filePath":"tokens/core.json","isSource":true,"original":{"value":{"fontFamily":"Nunito Sans","fontWeight":"Regular","lineHeight":20,"letterSpacing":"0%","paragraphSpacing":0,"textCase":"uppercase","textDecoration":"none","fontSize":0.75},"type":"typography","description":"Small Labels \n\n-Slider Tool Tip"},"name":"x-small","attributes":{"category":"x-small"},"path":["x-small"]},{"value":{"fontFamily":"Abel","fontWeight":"Regular","lineHeight":"AUTO","letterSpacing":"0%","paragraphSpacing":0,"textCase":"none","textDecoration":"none","fontSize":2.75},"type":"typography","filePath":"tokens/core.json","isSource":true,"original":{"value":{"fontFamily":"Abel","fontWeight":"Regular","lineHeight":"AUTO","letterSpacing":"0%","paragraphSpacing":0,"textCase":"none","textDecoration":"none","fontSize":2.75},"type":"typography"},"name":"h1","attributes":{"category":"h1"},"path":["h1"]},{"value":{"fontFamily":"Abel","fontWeight":"Regular","lineHeight":"AUTO","letterSpacing":"0%","textCase":"none","textDecoration":"none","paragraphSpacing":0,"fontSize":2.5},"type":"typography","filePath":"tokens/core.json","isSource":true,"original":{"value":{"fontFamily":"Abel","fontWeight":"Regular","lineHeight":"AUTO","letterSpacing":"0%","textCase":"none","textDecoration":"none","paragraphSpacing":0,"fontSize":2.5},"type":"typography"},"name":"h2","attributes":{"category":"h2"},"path":["h2"]},{"value":{"fontFamily":"Abel","fontWeight":"Regular","lineHeight":"AUTO","letterSpacing":"0%","paragraphSpacing":0,"textCase":"none","textDecoration":"none","fontSize":2},"type":"typography","filePath":"tokens/core.json","isSource":true,"original":{"value":{"fontFamily":"Abel","fontWeight":"Regular","lineHeight":"AUTO","letterSpacing":"0%","paragraphSpacing":0,"textCase":"none","textDecoration":"none","fontSize":2},"type":"typography"},"name":"h3","attributes":{"category":"h3"},"path":["h3"]},{"value":{"fontFamily":"Nunito Sans","fontWeight":"Regular","lineHeight":"AUTO","fontSize":1.75,"letterSpacing":"0%","paragraphSpacing":0,"textCase":"none","textDecoration":"none"},"type":"typography","filePath":"tokens/core.json","isSource":true,"original":{"value":{"fontFamily":"Nunito Sans","fontWeight":"Regular","lineHeight":"AUTO","fontSize":1.75,"letterSpacing":"0%","paragraphSpacing":0,"textCase":"none","textDecoration":"none"},"type":"typography"},"name":"h4","attributes":{"category":"h4"},"path":["h4"]},{"value":{"fontFamily":"Nunito Sans","fontWeight":"Regular","lineHeight":"AUTO","fontSize":1,"letterSpacing":"8%","paragraphSpacing":0,"textCase":"uppercase","textDecoration":"none"},"type":"typography","filePath":"tokens/core.json","isSource":true,"original":{"value":{"fontFamily":"Nunito Sans","fontWeight":"Regular","lineHeight":"AUTO","fontSize":1,"letterSpacing":"8%","paragraphSpacing":0,"textCase":"uppercase","textDecoration":"none"},"type":"typography"},"name":"h5","attributes":{"category":"h5"},"path":["h5"]},{"value":{"fontFamily":"Nunito Sans","fontWeight":"Regular","lineHeight":28,"fontSize":1.25,"letterSpacing":"0%","paragraphSpacing":0,"textCase":"none","textDecoration":"none"},"type":"typography","description":"Paragraph - Large - Default \n","filePath":"tokens/core.json","isSource":true,"original":{"value":{"fontFamily":"Nunito Sans","fontWeight":"Regular","lineHeight":28,"fontSize":1.25,"letterSpacing":"0%","paragraphSpacing":0,"textCase":"none","textDecoration":"none"},"type":"typography","description":"Paragraph - Large - Default \n"},"name":"p-l-d","attributes":{"category":"p-l-d"},"path":["p-l-d"]},{"value":{"fontFamily":"Nunito Sans","fontWeight":"Regular","lineHeight":24,"fontSize":1,"letterSpacing":"0%","paragraphSpacing":0,"textCase":"none","textDecoration":"none"},"type":"typography","filePath":"tokens/core.json","isSource":true,"original":{"value":{"fontFamily":"Nunito Sans","fontWeight":"Regular","lineHeight":24,"fontSize":1,"letterSpacing":"0%","paragraphSpacing":0,"textCase":"none","textDecoration":"none"},"type":"typography"},"name":"p-d-d","attributes":{"category":"p-d-d"},"path":["p-d-d"]},{"value":{"fontFamily":"Nunito Sans","fontWeight":"Regular","lineHeight":20,"fontSize":0.875,"letterSpacing":"0%","paragraphSpacing":0,"textCase":"none","textDecoration":"none"},"type":"typography","filePath":"tokens/core.json","isSource":true,"original":{"value":{"fontFamily":"Nunito Sans","fontWeight":"Regular","lineHeight":20,"fontSize":0.875,"letterSpacing":"0%","paragraphSpacing":0,"textCase":"none","textDecoration":"none"},"type":"typography"},"name":"p-s-d","attributes":{"category":"p-s-d"},"path":["p-s-d"]},{"value":{"fontFamily":"Nunito Sans","fontWeight":"Light","lineHeight":20,"fontSize":0.875,"letterSpacing":"0%","paragraphSpacing":0,"textCase":"none","textDecoration":"none"},"type":"typography","filePath":"tokens/core.json","isSource":true,"original":{"value":{"fontFamily":"Nunito Sans","fontWeight":"Light","lineHeight":20,"fontSize":0.875,"letterSpacing":"0%","paragraphSpacing":0,"textCase":"none","textDecoration":"none"},"type":"typography"},"name":"placeholder","attributes":{"category":"placeholder"},"path":["placeholder"]},{"value":{"fontFamily":"Nunito Sans","fontWeight":"Regular","lineHeight":24,"fontSize":0.875,"letterSpacing":"8%","paragraphSpacing":0,"textCase":"uppercase","textDecoration":"none"},"type":"typography","filePath":"tokens/core.json","isSource":true,"original":{"value":{"fontFamily":"Nunito Sans","fontWeight":"Regular","lineHeight":24,"fontSize":0.875,"letterSpacing":"8%","paragraphSpacing":0,"textCase":"uppercase","textDecoration":"none"},"type":"typography"},"name":"button","attributes":{"category":"button"},"path":["button"]},{"value":{"fontFamily":"Nunito Sans","fontWeight":"Regular","lineHeight":20,"fontSize":0.875,"letterSpacing":"0%","paragraphSpacing":0,"textCase":"uppercase","textDecoration":"none"},"type":"typography","filePath":"tokens/core.json","isSource":true,"original":{"value":{"fontFamily":"Nunito Sans","fontWeight":"Regular","lineHeight":20,"fontSize":0.875,"letterSpacing":"0%","paragraphSpacing":0,"textCase":"uppercase","textDecoration":"none"},"type":"typography"},"name":"label","attributes":{"category":"label"},"path":["label"]},{"value":{"fontFamily":"Abel","fontWeight":"Regular","lineHeight":40,"fontSize":2.5,"letterSpacing":"0%","paragraphSpacing":0,"textCase":"none","textDecoration":"none"},"type":"typography","filePath":"tokens/core.json","isSource":true,"original":{"value":{"fontFamily":"Abel","fontWeight":"Regular","lineHeight":40,"fontSize":2.5,"letterSpacing":"0%","paragraphSpacing":0,"textCase":"none","textDecoration":"none"},"type":"typography"},"name":"h1-m","attributes":{"category":"h1-m"},"path":["h1-m"]},{"value":{"fontFamily":"Abel","fontWeight":"Regular","lineHeight":48,"fontSize":2.25,"letterSpacing":"0%","paragraphSpacing":0,"textCase":"none","textDecoration":"none"},"type":"typography","filePath":"tokens/core.json","isSource":true,"original":{"value":{"fontFamily":"Abel","fontWeight":"Regular","lineHeight":48,"fontSize":2.25,"letterSpacing":"0%","paragraphSpacing":0,"textCase":"none","textDecoration":"none"},"type":"typography"},"name":"h2-m","attributes":{"category":"h2-m"},"path":["h2-m"]},{"value":{"fontFamily":"Abel","fontWeight":"Regular","lineHeight":32,"fontSize":1.5,"letterSpacing":"0%","paragraphSpacing":0,"textCase":"none","textDecoration":"none"},"type":"typography","filePath":"tokens/core.json","isSource":true,"original":{"value":{"fontFamily":"Abel","fontWeight":"Regular","lineHeight":32,"fontSize":1.5,"letterSpacing":"0%","paragraphSpacing":0,"textCase":"none","textDecoration":"none"},"type":"typography"},"name":"h3-m","attributes":{"category":"h3-m"},"path":["h3-m"]},{"value":{"fontFamily":"Nunito Sans","fontWeight":"Regular","lineHeight":"AUTO","fontSize":1.5,"letterSpacing":"0%","paragraphSpacing":0,"textCase":"none","textDecoration":"none"},"type":"typography","filePath":"tokens/core.json","isSource":true,"original":{"value":{"fontFamily":"Nunito Sans","fontWeight":"Regular","lineHeight":"AUTO","fontSize":1.5,"letterSpacing":"0%","paragraphSpacing":0,"textCase":"none","textDecoration":"none"},"type":"typography"},"name":"h4-m","attributes":{"category":"h4-m"},"path":["h4-m"]},{"value":{"fontFamily":"Nunito Sans","fontWeight":"Regular","lineHeight":28,"fontSize":1.25,"letterSpacing":"8%","paragraphSpacing":0,"textCase":"uppercase","textDecoration":"none"},"type":"typography","filePath":"tokens/core.json","isSource":true,"original":{"value":{"fontFamily":"Nunito Sans","fontWeight":"Regular","lineHeight":28,"fontSize":1.25,"letterSpacing":"8%","paragraphSpacing":0,"textCase":"uppercase","textDecoration":"none"},"type":"typography"},"name":"h5-m","attributes":{"category":"h5-m"},"path":["h5-m"]},{"value":{"fontFamily":"Nunito Sans","fontWeight":"Regular","lineHeight":28,"fontSize":1.25,"letterSpacing":"0%","paragraphSpacing":0,"textCase":"none","textDecoration":"none"},"type":"typography","description":"Paragraph Large Mobile","filePath":"tokens/core.json","isSource":true,"original":{"value":{"fontFamily":"Nunito Sans","fontWeight":"Regular","lineHeight":28,"fontSize":1.25,"letterSpacing":"0%","paragraphSpacing":0,"textCase":"none","textDecoration":"none"},"type":"typography","description":"Paragraph Large Mobile"},"name":"p-l-m","attributes":{"category":"p-l-m"},"path":["p-l-m"]},{"value":{"fontFamily":"Nunito Sans","fontWeight":"Regular","lineHeight":24,"fontSize":1,"letterSpacing":"0%","paragraphSpacing":0,"textCase":"none","textDecoration":"none"},"type":"typography","description":"Paragraph - Body - Mobile","filePath":"tokens/core.json","isSource":true,"original":{"value":{"fontFamily":"Nunito Sans","fontWeight":"Regular","lineHeight":24,"fontSize":1,"letterSpacing":"0%","paragraphSpacing":0,"textCase":"none","textDecoration":"none"},"type":"typography","description":"Paragraph - Body - Mobile"},"name":"p-d-m","attributes":{"category":"p-d-m"},"path":["p-d-m"]},{"value":{"fontFamily":"Nunito Sans","fontWeight":"Regular","lineHeight":20,"fontSize":0.875,"letterSpacing":"0%","paragraphSpacing":0,"textCase":"none","textDecoration":"none"},"type":"typography","filePath":"tokens/core.json","isSource":true,"original":{"value":{"fontFamily":"Nunito Sans","fontWeight":"Regular","lineHeight":20,"fontSize":0.875,"letterSpacing":"0%","paragraphSpacing":0,"textCase":"none","textDecoration":"none"},"type":"typography"},"name":"p-s-m","attributes":{"category":"p-s-m"},"path":["p-s-m"]},{"value":{"fontFamily":"Nunito Sans","fontWeight":"Regular","lineHeight":24,"fontSize":1,"letterSpacing":"0%","paragraphSpacing":0,"textCase":"uppercase","textDecoration":"none"},"type":"typography","filePath":"tokens/core.json","isSource":true,"original":{"value":{"fontFamily":"Nunito Sans","fontWeight":"Regular","lineHeight":24,"fontSize":1,"letterSpacing":"0%","paragraphSpacing":0,"textCase":"uppercase","textDecoration":"none"},"type":"typography"},"name":"label-m","attributes":{"category":"label-m"},"path":["label-m"]},{"value":{"fontFamily":"Nunito Sans","fontWeight":"Regular","lineHeight":24,"fontSize":0.875,"letterSpacing":"12%","paragraphSpacing":0,"textCase":"uppercase","textDecoration":"none"},"type":"typography","filePath":"tokens/core.json","isSource":true,"original":{"value":{"fontFamily":"Nunito Sans","fontWeight":"Regular","lineHeight":24,"fontSize":0.875,"letterSpacing":"12%","paragraphSpacing":0,"textCase":"uppercase","textDecoration":"none"},"type":"typography"},"name":"button-m","attributes":{"category":"button-m"},"path":["button-m"]},{"value":{"fontFamily":"Nunito Sans","fontWeight":"Light","lineHeight":24,"fontSize":1,"letterSpacing":"0%","paragraphSpacing":0,"textCase":"none","textDecoration":"none"},"type":"typography","filePath":"tokens/core.json","isSource":true,"original":{"value":{"fontFamily":"Nunito Sans","fontWeight":"Light","lineHeight":24,"fontSize":1,"letterSpacing":"0%","paragraphSpacing":0,"textCase":"none","textDecoration":"none"},"type":"typography"},"name":"placeholder-m","attributes":{"category":"placeholder-m"},"path":["placeholder-m"]},{"value":"none","type":"textCase","filePath":"tokens/core.json","isSource":true,"original":{"value":"none","type":"textCase"},"name":"text-case-normal-case","attributes":{"category":"textCase","type":"normal-case"},"path":["textCase","normal-case"]},{"value":"uppercase","type":"textCase","filePath":"tokens/core.json","isSource":true,"original":{"value":"uppercase","type":"textCase"},"name":"text-case-uppercase","attributes":{"category":"textCase","type":"uppercase"},"path":["textCase","uppercase"]},{"value":"capitalize","type":"textCase","filePath":"tokens/core.json","isSource":true,"original":{"value":"capitalize","type":"textCase"},"name":"text-case-capitalize","attributes":{"category":"textCase","type":"capitalize"},"path":["textCase","capitalize"]},{"value":"lowercase","type":"textCase","filePath":"tokens/core.json","isSource":true,"original":{"value":"lowercase","type":"textCase"},"name":"text-case-lowercase","attributes":{"category":"textCase","type":"lowercase"},"path":["textCase","lowercase"]},{"value":"none","type":"textDecoration","filePath":"tokens/core.json","isSource":true,"original":{"value":"none","type":"textDecoration"},"name":"text-decoration-none","attributes":{"category":"textDecoration","type":"none"},"path":["textDecoration","none"]},{"value":"underline","type":"textDecoration","filePath":"tokens/core.json","isSource":true,"original":{"value":"underline","type":"textDecoration"},"name":"text-decoration-underline","attributes":{"category":"textDecoration","type":"underline"},"path":["textDecoration","underline"]},{"value":0.25,"type":"borderRadius","filePath":"tokens/core.json","isSource":true,"original":{"value":0.25,"type":"borderRadius"},"name":"rounded-sm","attributes":{"category":"rounded-sm"},"path":["rounded-sm"]},{"value":0.5,"type":"borderRadius","filePath":"tokens/core.json","isSource":true,"original":{"value":0.5,"type":"borderRadius"},"name":"rounded","attributes":{"category":"rounded"},"path":["rounded"]},{"value":1,"type":"borderRadius","filePath":"tokens/core.json","isSource":true,"original":{"value":1,"type":"borderRadius"},"name":"rounded-md","attributes":{"category":"rounded-md"},"path":["rounded-md"]},{"value":1.5,"type":"borderRadius","filePath":"tokens/core.json","isSource":true,"original":{"value":1.5,"type":"borderRadius"},"name":"rounded-lg","attributes":{"category":"rounded-lg"},"path":["rounded-lg"]},{"value":2,"type":"borderRadius","filePath":"tokens/core.json","isSource":true,"original":{"value":2,"type":"borderRadius"},"name":"rounded-xl","attributes":{"category":"rounded-xl"},"path":["rounded-xl"]},{"value":3,"type":"borderRadius","filePath":"tokens/core.json","isSource":true,"original":{"value":3,"type":"borderRadius"},"name":"rounded-2xl","attributes":{"category":"rounded-2xl"},"path":["rounded-2xl"]},{"value":4,"type":"borderRadius","filePath":"tokens/core.json","isSource":true,"original":{"value":4,"type":"borderRadius"},"name":"rounded-3xl","attributes":{"category":"rounded-3xl"},"path":["rounded-3xl"]},{"value":6,"type":"borderRadius","filePath":"tokens/core.json","isSource":true,"original":{"value":6,"type":"borderRadius"},"name":"rounded-4xl","attributes":{"category":"rounded-4xl"},"path":["rounded-4xl"]},{"value":0.25,"type":"spacing","filePath":"tokens/core.json","isSource":true,"original":{"value":0.25,"type":"spacing"},"name":"padding-p-1","attributes":{"category":"padding","type":"p-1"},"path":["padding","p-1"]},{"value":0.5,"type":"spacing","filePath":"tokens/core.json","isSource":true,"original":{"value":0.5,"type":"spacing"},"name":"padding-p-2","attributes":{"category":"padding","type":"p-2"},"path":["padding","p-2"]},{"value":1,"type":"spacing","filePath":"tokens/core.json","isSource":true,"original":{"value":1,"type":"spacing"},"name":"padding-p-4","attributes":{"category":"padding","type":"p-4"},"path":["padding","p-4"]},{"value":1.5,"type":"spacing","filePath":"tokens/core.json","isSource":true,"original":{"value":1.5,"type":"spacing"},"name":"padding-p-6","attributes":{"category":"padding","type":"p-6"},"path":["padding","p-6"]},{"value":2,"type":"spacing","filePath":"tokens/core.json","isSource":true,"original":{"value":2,"type":"spacing"},"name":"padding-p-8","attributes":{"category":"padding","type":"p-8"},"path":["padding","p-8"]},{"value":3,"type":"spacing","filePath":"tokens/core.json","isSource":true,"original":{"value":3,"type":"spacing"},"name":"padding-p-12","attributes":{"category":"padding","type":"p-12"},"path":["padding","p-12"]},{"value":4,"type":"spacing","filePath":"tokens/core.json","isSource":true,"original":{"value":4,"type":"spacing"},"name":"padding-p-16","attributes":{"category":"padding","type":"p-16"},"path":["padding","p-16"]},{"value":6,"type":"spacing","filePath":"tokens/core.json","isSource":true,"original":{"value":6,"type":"spacing"},"name":"padding-p-24","attributes":{"category":"padding","type":"p-24"},"path":["padding","p-24"]},{"value":8,"type":"spacing","filePath":"tokens/core.json","isSource":true,"original":{"value":8,"type":"spacing"},"name":"padding-p-32","attributes":{"category":"padding","type":"p-32"},"path":["padding","p-32"]},{"value":16,"type":"sizing","filePath":"tokens/core.json","isSource":true,"original":{"value":16,"type":"sizing"},"name":"rem","attributes":{"category":"rem"},"path":["rem"]},{"value":0.75,"type":"fontSizes","filePath":"tokens/core.json","isSource":true,"original":{"value":0.75,"type":"fontSizes"},"name":"font-size-0","attributes":{"category":"fontSize","type":"0"},"path":["fontSize","0"]},{"value":0.875,"type":"fontSizes","filePath":"tokens/core.json","isSource":true,"original":{"value":0.875,"type":"fontSizes"},"name":"font-size-1","attributes":{"category":"fontSize","type":"1"},"path":["fontSize","1"]},{"value":1,"type":"fontSizes","filePath":"tokens/core.json","isSource":true,"original":{"value":1,"type":"fontSizes"},"name":"font-size-2","attributes":{"category":"fontSize","type":"2"},"path":["fontSize","2"]},{"value":1.25,"type":"fontSizes","filePath":"tokens/core.json","isSource":true,"original":{"value":1.25,"type":"fontSizes"},"name":"font-size-3","attributes":{"category":"fontSize","type":"3"},"path":["fontSize","3"]},{"value":1.5,"type":"fontSizes","filePath":"tokens/core.json","isSource":true,"original":{"value":1.5,"type":"fontSizes"},"name":"font-size-4","attributes":{"category":"fontSize","type":"4"},"path":["fontSize","4"]},{"value":1.625,"type":"fontSizes","filePath":"tokens/core.json","isSource":true,"original":{"value":1.625,"type":"fontSizes"},"name":"font-size-5","attributes":{"category":"fontSize","type":"5"},"path":["fontSize","5"]},{"value":1.75,"type":"fontSizes","filePath":"tokens/core.json","isSource":true,"original":{"value":1.75,"type":"fontSizes"},"name":"font-size-6","attributes":{"category":"fontSize","type":"6"},"path":["fontSize","6"]},{"value":2,"type":"fontSizes","filePath":"tokens/core.json","isSource":true,"original":{"value":2,"type":"fontSizes"},"name":"font-size-7","attributes":{"category":"fontSize","type":"7"},"path":["fontSize","7"]},{"value":2.25,"type":"fontSizes","filePath":"tokens/core.json","isSource":true,"original":{"value":2.25,"type":"fontSizes"},"name":"font-size-8","attributes":{"category":"fontSize","type":"8"},"path":["fontSize","8"]},{"value":2.5,"type":"fontSizes","filePath":"tokens/core.json","isSource":true,"original":{"value":2.5,"type":"fontSizes"},"name":"font-size-9","attributes":{"category":"fontSize","type":"9"},"path":["fontSize","9"]},{"value":2.75,"type":"fontSizes","filePath":"tokens/core.json","isSource":true,"original":{"value":2.75,"type":"fontSizes"},"name":"font-size-10","attributes":{"category":"fontSize","type":"10"},"path":["fontSize","10"]},{"value":3,"type":"fontSizes","filePath":"tokens/core.json","isSource":true,"original":{"value":3,"type":"fontSizes"},"name":"font-size-11","attributes":{"category":"fontSize","type":"11"},"path":["fontSize","11"]},{"value":4,"type":"fontSizes","filePath":"tokens/core.json","isSource":true,"original":{"value":4,"type":"fontSizes"},"name":"font-size-12","attributes":{"category":"fontSize","type":"12"},"path":["fontSize","12"]}] \ No newline at end of file +[ + { + "value": "#000000", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#000000", "type": "color" }, + "name": "colors-black", + "attributes": { "category": "colors", "type": "black" }, + "path": ["colors", "black"] + }, + { + "value": "#ffffff", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#ffffff", "type": "color" }, + "name": "colors-white", + "attributes": { "category": "colors", "type": "white" }, + "path": ["colors", "white"] + }, + { + "value": "#f7fafc", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#f7fafc", "type": "color" }, + "name": "colors-gray-100", + "attributes": { "category": "colors", "type": "gray", "item": "100" }, + "path": ["colors", "gray", "100"] + }, + { + "value": "#edf2f7", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#edf2f7", "type": "color" }, + "name": "colors-gray-200", + "attributes": { "category": "colors", "type": "gray", "item": "200" }, + "path": ["colors", "gray", "200"] + }, + { + "value": "#e2e8f0", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#e2e8f0", "type": "color" }, + "name": "colors-gray-300", + "attributes": { "category": "colors", "type": "gray", "item": "300" }, + "path": ["colors", "gray", "300"] + }, + { + "value": "#cbd5e0", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#cbd5e0", "type": "color" }, + "name": "colors-gray-400", + "attributes": { "category": "colors", "type": "gray", "item": "400" }, + "path": ["colors", "gray", "400"] + }, + { + "value": "#a0aec0", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#a0aec0", "type": "color" }, + "name": "colors-gray-500", + "attributes": { "category": "colors", "type": "gray", "item": "500" }, + "path": ["colors", "gray", "500"] + }, + { + "value": "#718096", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#718096", "type": "color" }, + "name": "colors-gray-600", + "attributes": { "category": "colors", "type": "gray", "item": "600" }, + "path": ["colors", "gray", "600"] + }, + { + "value": "#4a5568", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#4a5568", "type": "color" }, + "name": "colors-gray-700", + "attributes": { "category": "colors", "type": "gray", "item": "700" }, + "path": ["colors", "gray", "700"] + }, + { + "value": "#2d3748", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#2d3748", "type": "color" }, + "name": "colors-gray-800", + "attributes": { "category": "colors", "type": "gray", "item": "800" }, + "path": ["colors", "gray", "800"] + }, + { + "value": "#1a202c", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#1a202c", "type": "color" }, + "name": "colors-gray-900", + "attributes": { "category": "colors", "type": "gray", "item": "900" }, + "path": ["colors", "gray", "900"] + }, + { + "value": "#fff5f5", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#fff5f5", "type": "color" }, + "name": "colors-red-100", + "attributes": { "category": "colors", "type": "red", "item": "100" }, + "path": ["colors", "red", "100"] + }, + { + "value": "#fed7d7", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#fed7d7", "type": "color" }, + "name": "colors-red-200", + "attributes": { "category": "colors", "type": "red", "item": "200" }, + "path": ["colors", "red", "200"] + }, + { + "value": "#feb2b2", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#feb2b2", "type": "color" }, + "name": "colors-red-300", + "attributes": { "category": "colors", "type": "red", "item": "300" }, + "path": ["colors", "red", "300"] + }, + { + "value": "#fc8181", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#fc8181", "type": "color" }, + "name": "colors-red-400", + "attributes": { "category": "colors", "type": "red", "item": "400" }, + "path": ["colors", "red", "400"] + }, + { + "value": "#f56565", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#f56565", "type": "color" }, + "name": "colors-red-500", + "attributes": { "category": "colors", "type": "red", "item": "500" }, + "path": ["colors", "red", "500"] + }, + { + "value": "#e53e3e", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#e53e3e", "type": "color" }, + "name": "colors-red-600", + "attributes": { "category": "colors", "type": "red", "item": "600" }, + "path": ["colors", "red", "600"] + }, + { + "value": "#c53030", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#c53030", "type": "color" }, + "name": "colors-red-700", + "attributes": { "category": "colors", "type": "red", "item": "700" }, + "path": ["colors", "red", "700"] + }, + { + "value": "#9b2c2c", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#9b2c2c", "type": "color" }, + "name": "colors-red-800", + "attributes": { "category": "colors", "type": "red", "item": "800" }, + "path": ["colors", "red", "800"] + }, + { + "value": "#742a2a", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#742a2a", "type": "color" }, + "name": "colors-red-900", + "attributes": { "category": "colors", "type": "red", "item": "900" }, + "path": ["colors", "red", "900"] + }, + { + "value": "#fffaf0", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#fffaf0", "type": "color" }, + "name": "colors-orange-100", + "attributes": { "category": "colors", "type": "orange", "item": "100" }, + "path": ["colors", "orange", "100"] + }, + { + "value": "#feebc8", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#feebc8", "type": "color" }, + "name": "colors-orange-200", + "attributes": { "category": "colors", "type": "orange", "item": "200" }, + "path": ["colors", "orange", "200"] + }, + { + "value": "#fbd38d", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#fbd38d", "type": "color" }, + "name": "colors-orange-300", + "attributes": { "category": "colors", "type": "orange", "item": "300" }, + "path": ["colors", "orange", "300"] + }, + { + "value": "#f6ad55", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#f6ad55", "type": "color" }, + "name": "colors-orange-400", + "attributes": { "category": "colors", "type": "orange", "item": "400" }, + "path": ["colors", "orange", "400"] + }, + { + "value": "#ed8936", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#ed8936", "type": "color" }, + "name": "colors-orange-500", + "attributes": { "category": "colors", "type": "orange", "item": "500" }, + "path": ["colors", "orange", "500"] + }, + { + "value": "#dd6b20", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#dd6b20", "type": "color" }, + "name": "colors-orange-600", + "attributes": { "category": "colors", "type": "orange", "item": "600" }, + "path": ["colors", "orange", "600"] + }, + { + "value": "#c05621", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#c05621", "type": "color" }, + "name": "colors-orange-700", + "attributes": { "category": "colors", "type": "orange", "item": "700" }, + "path": ["colors", "orange", "700"] + }, + { + "value": "#9c4221", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#9c4221", "type": "color" }, + "name": "colors-orange-800", + "attributes": { "category": "colors", "type": "orange", "item": "800" }, + "path": ["colors", "orange", "800"] + }, + { + "value": "#7b341e", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#7b341e", "type": "color" }, + "name": "colors-orange-900", + "attributes": { "category": "colors", "type": "orange", "item": "900" }, + "path": ["colors", "orange", "900"] + }, + { + "value": "#fffff0", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#fffff0", "type": "color" }, + "name": "colors-yellow-100", + "attributes": { "category": "colors", "type": "yellow", "item": "100" }, + "path": ["colors", "yellow", "100"] + }, + { + "value": "#fefcbf", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#fefcbf", "type": "color" }, + "name": "colors-yellow-200", + "attributes": { "category": "colors", "type": "yellow", "item": "200" }, + "path": ["colors", "yellow", "200"] + }, + { + "value": "#faf089", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#faf089", "type": "color" }, + "name": "colors-yellow-300", + "attributes": { "category": "colors", "type": "yellow", "item": "300" }, + "path": ["colors", "yellow", "300"] + }, + { + "value": "#f6e05e", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#f6e05e", "type": "color" }, + "name": "colors-yellow-400", + "attributes": { "category": "colors", "type": "yellow", "item": "400" }, + "path": ["colors", "yellow", "400"] + }, + { + "value": "#ecc94b", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#ecc94b", "type": "color" }, + "name": "colors-yellow-500", + "attributes": { "category": "colors", "type": "yellow", "item": "500" }, + "path": ["colors", "yellow", "500"] + }, + { + "value": "#d69e2e", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#d69e2e", "type": "color" }, + "name": "colors-yellow-600", + "attributes": { "category": "colors", "type": "yellow", "item": "600" }, + "path": ["colors", "yellow", "600"] + }, + { + "value": "#b7791f", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#b7791f", "type": "color" }, + "name": "colors-yellow-700", + "attributes": { "category": "colors", "type": "yellow", "item": "700" }, + "path": ["colors", "yellow", "700"] + }, + { + "value": "#975a16", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#975a16", "type": "color" }, + "name": "colors-yellow-800", + "attributes": { "category": "colors", "type": "yellow", "item": "800" }, + "path": ["colors", "yellow", "800"] + }, + { + "value": "#744210", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#744210", "type": "color" }, + "name": "colors-yellow-900", + "attributes": { "category": "colors", "type": "yellow", "item": "900" }, + "path": ["colors", "yellow", "900"] + }, + { + "value": "#f0fff4", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#f0fff4", "type": "color" }, + "name": "colors-green-100", + "attributes": { "category": "colors", "type": "green", "item": "100" }, + "path": ["colors", "green", "100"] + }, + { + "value": "#c6f6d5", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#c6f6d5", "type": "color" }, + "name": "colors-green-200", + "attributes": { "category": "colors", "type": "green", "item": "200" }, + "path": ["colors", "green", "200"] + }, + { + "value": "#9ae6b4", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#9ae6b4", "type": "color" }, + "name": "colors-green-300", + "attributes": { "category": "colors", "type": "green", "item": "300" }, + "path": ["colors", "green", "300"] + }, + { + "value": "#68d391", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#68d391", "type": "color" }, + "name": "colors-green-400", + "attributes": { "category": "colors", "type": "green", "item": "400" }, + "path": ["colors", "green", "400"] + }, + { + "value": "#48bb78", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#48bb78", "type": "color" }, + "name": "colors-green-500", + "attributes": { "category": "colors", "type": "green", "item": "500" }, + "path": ["colors", "green", "500"] + }, + { + "value": "#38a169", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#38a169", "type": "color" }, + "name": "colors-green-600", + "attributes": { "category": "colors", "type": "green", "item": "600" }, + "path": ["colors", "green", "600"] + }, + { + "value": "#2f855a", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#2f855a", "type": "color" }, + "name": "colors-green-700", + "attributes": { "category": "colors", "type": "green", "item": "700" }, + "path": ["colors", "green", "700"] + }, + { + "value": "#276749", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#276749", "type": "color" }, + "name": "colors-green-800", + "attributes": { "category": "colors", "type": "green", "item": "800" }, + "path": ["colors", "green", "800"] + }, + { + "value": "#22543d", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#22543d", "type": "color" }, + "name": "colors-green-900", + "attributes": { "category": "colors", "type": "green", "item": "900" }, + "path": ["colors", "green", "900"] + }, + { + "value": "#e6fffa", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#e6fffa", "type": "color" }, + "name": "colors-teal-100", + "attributes": { "category": "colors", "type": "teal", "item": "100" }, + "path": ["colors", "teal", "100"] + }, + { + "value": "#b2f5ea", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#b2f5ea", "type": "color" }, + "name": "colors-teal-200", + "attributes": { "category": "colors", "type": "teal", "item": "200" }, + "path": ["colors", "teal", "200"] + }, + { + "value": "#81e6d9", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#81e6d9", "type": "color" }, + "name": "colors-teal-300", + "attributes": { "category": "colors", "type": "teal", "item": "300" }, + "path": ["colors", "teal", "300"] + }, + { + "value": "#4fd1c5", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#4fd1c5", "type": "color" }, + "name": "colors-teal-400", + "attributes": { "category": "colors", "type": "teal", "item": "400" }, + "path": ["colors", "teal", "400"] + }, + { + "value": "#38b2ac", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#38b2ac", "type": "color" }, + "name": "colors-teal-500", + "attributes": { "category": "colors", "type": "teal", "item": "500" }, + "path": ["colors", "teal", "500"] + }, + { + "value": "#319795", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#319795", "type": "color" }, + "name": "colors-teal-600", + "attributes": { "category": "colors", "type": "teal", "item": "600" }, + "path": ["colors", "teal", "600"] + }, + { + "value": "#2c7a7b", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#2c7a7b", "type": "color" }, + "name": "colors-teal-700", + "attributes": { "category": "colors", "type": "teal", "item": "700" }, + "path": ["colors", "teal", "700"] + }, + { + "value": "#285e61", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#285e61", "type": "color" }, + "name": "colors-teal-800", + "attributes": { "category": "colors", "type": "teal", "item": "800" }, + "path": ["colors", "teal", "800"] + }, + { + "value": "#234e52", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#234e52", "type": "color" }, + "name": "colors-teal-900", + "attributes": { "category": "colors", "type": "teal", "item": "900" }, + "path": ["colors", "teal", "900"] + }, + { + "value": "#ebf8ff", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#ebf8ff", "type": "color" }, + "name": "colors-blue-100", + "attributes": { "category": "colors", "type": "blue", "item": "100" }, + "path": ["colors", "blue", "100"] + }, + { + "value": "#bee3f8", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#bee3f8", "type": "color" }, + "name": "colors-blue-200", + "attributes": { "category": "colors", "type": "blue", "item": "200" }, + "path": ["colors", "blue", "200"] + }, + { + "value": "#90cdf4", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#90cdf4", "type": "color" }, + "name": "colors-blue-300", + "attributes": { "category": "colors", "type": "blue", "item": "300" }, + "path": ["colors", "blue", "300"] + }, + { + "value": "#63b3ed", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#63b3ed", "type": "color" }, + "name": "colors-blue-400", + "attributes": { "category": "colors", "type": "blue", "item": "400" }, + "path": ["colors", "blue", "400"] + }, + { + "value": "#4299e1", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#4299e1", "type": "color" }, + "name": "colors-blue-500", + "attributes": { "category": "colors", "type": "blue", "item": "500" }, + "path": ["colors", "blue", "500"] + }, + { + "value": "#3182ce", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#3182ce", "type": "color" }, + "name": "colors-blue-600", + "attributes": { "category": "colors", "type": "blue", "item": "600" }, + "path": ["colors", "blue", "600"] + }, + { + "value": "#2b6cb0", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#2b6cb0", "type": "color" }, + "name": "colors-blue-700", + "attributes": { "category": "colors", "type": "blue", "item": "700" }, + "path": ["colors", "blue", "700"] + }, + { + "value": "#2c5282", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#2c5282", "type": "color" }, + "name": "colors-blue-800", + "attributes": { "category": "colors", "type": "blue", "item": "800" }, + "path": ["colors", "blue", "800"] + }, + { + "value": "#2a4365", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#2a4365", "type": "color" }, + "name": "colors-blue-900", + "attributes": { "category": "colors", "type": "blue", "item": "900" }, + "path": ["colors", "blue", "900"] + }, + { + "value": "#ebf4ff", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#ebf4ff", "type": "color" }, + "name": "colors-indigo-100", + "attributes": { "category": "colors", "type": "indigo", "item": "100" }, + "path": ["colors", "indigo", "100"] + }, + { + "value": "#c3dafe", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#c3dafe", "type": "color" }, + "name": "colors-indigo-200", + "attributes": { "category": "colors", "type": "indigo", "item": "200" }, + "path": ["colors", "indigo", "200"] + }, + { + "value": "#a3bffa", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#a3bffa", "type": "color" }, + "name": "colors-indigo-300", + "attributes": { "category": "colors", "type": "indigo", "item": "300" }, + "path": ["colors", "indigo", "300"] + }, + { + "value": "#7f9cf5", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#7f9cf5", "type": "color" }, + "name": "colors-indigo-400", + "attributes": { "category": "colors", "type": "indigo", "item": "400" }, + "path": ["colors", "indigo", "400"] + }, + { + "value": "#667eea", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#667eea", "type": "color" }, + "name": "colors-indigo-500", + "attributes": { "category": "colors", "type": "indigo", "item": "500" }, + "path": ["colors", "indigo", "500"] + }, + { + "value": "#5a67d8", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#5a67d8", "type": "color" }, + "name": "colors-indigo-600", + "attributes": { "category": "colors", "type": "indigo", "item": "600" }, + "path": ["colors", "indigo", "600"] + }, + { + "value": "#4c51bf", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#4c51bf", "type": "color" }, + "name": "colors-indigo-700", + "attributes": { "category": "colors", "type": "indigo", "item": "700" }, + "path": ["colors", "indigo", "700"] + }, + { + "value": "#434190", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#434190", "type": "color" }, + "name": "colors-indigo-800", + "attributes": { "category": "colors", "type": "indigo", "item": "800" }, + "path": ["colors", "indigo", "800"] + }, + { + "value": "#3c366b", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#3c366b", "type": "color" }, + "name": "colors-indigo-900", + "attributes": { "category": "colors", "type": "indigo", "item": "900" }, + "path": ["colors", "indigo", "900"] + }, + { + "value": "#faf5ff", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#faf5ff", "type": "color" }, + "name": "colors-purple-100", + "attributes": { "category": "colors", "type": "purple", "item": "100" }, + "path": ["colors", "purple", "100"] + }, + { + "value": "#e9d8fd", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#e9d8fd", "type": "color" }, + "name": "colors-purple-200", + "attributes": { "category": "colors", "type": "purple", "item": "200" }, + "path": ["colors", "purple", "200"] + }, + { + "value": "#d6bcfa", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#d6bcfa", "type": "color" }, + "name": "colors-purple-300", + "attributes": { "category": "colors", "type": "purple", "item": "300" }, + "path": ["colors", "purple", "300"] + }, + { + "value": "#b794f4", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#b794f4", "type": "color" }, + "name": "colors-purple-400", + "attributes": { "category": "colors", "type": "purple", "item": "400" }, + "path": ["colors", "purple", "400"] + }, + { + "value": "#9f7aea", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#9f7aea", "type": "color" }, + "name": "colors-purple-500", + "attributes": { "category": "colors", "type": "purple", "item": "500" }, + "path": ["colors", "purple", "500"] + }, + { + "value": "#805ad5", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#805ad5", "type": "color" }, + "name": "colors-purple-600", + "attributes": { "category": "colors", "type": "purple", "item": "600" }, + "path": ["colors", "purple", "600"] + }, + { + "value": "#6b46c1", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#6b46c1", "type": "color" }, + "name": "colors-purple-700", + "attributes": { "category": "colors", "type": "purple", "item": "700" }, + "path": ["colors", "purple", "700"] + }, + { + "value": "#553c9a", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#553c9a", "type": "color" }, + "name": "colors-purple-800", + "attributes": { "category": "colors", "type": "purple", "item": "800" }, + "path": ["colors", "purple", "800"] + }, + { + "value": "#44337a", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#44337a", "type": "color" }, + "name": "colors-purple-900", + "attributes": { "category": "colors", "type": "purple", "item": "900" }, + "path": ["colors", "purple", "900"] + }, + { + "value": "#fff5f7", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#fff5f7", "type": "color" }, + "name": "colors-pink-100", + "attributes": { "category": "colors", "type": "pink", "item": "100" }, + "path": ["colors", "pink", "100"] + }, + { + "value": "#fed7e2", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#fed7e2", "type": "color" }, + "name": "colors-pink-200", + "attributes": { "category": "colors", "type": "pink", "item": "200" }, + "path": ["colors", "pink", "200"] + }, + { + "value": "#fbb6ce", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#fbb6ce", "type": "color" }, + "name": "colors-pink-300", + "attributes": { "category": "colors", "type": "pink", "item": "300" }, + "path": ["colors", "pink", "300"] + }, + { + "value": "#f687b3", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#f687b3", "type": "color" }, + "name": "colors-pink-400", + "attributes": { "category": "colors", "type": "pink", "item": "400" }, + "path": ["colors", "pink", "400"] + }, + { + "value": "#ed64a6", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#ed64a6", "type": "color" }, + "name": "colors-pink-500", + "attributes": { "category": "colors", "type": "pink", "item": "500" }, + "path": ["colors", "pink", "500"] + }, + { + "value": "#d53f8c", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#d53f8c", "type": "color" }, + "name": "colors-pink-600", + "attributes": { "category": "colors", "type": "pink", "item": "600" }, + "path": ["colors", "pink", "600"] + }, + { + "value": "#b83280", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#b83280", "type": "color" }, + "name": "colors-pink-700", + "attributes": { "category": "colors", "type": "pink", "item": "700" }, + "path": ["colors", "pink", "700"] + }, + { + "value": "#97266d", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#97266d", "type": "color" }, + "name": "colors-pink-800", + "attributes": { "category": "colors", "type": "pink", "item": "800" }, + "path": ["colors", "pink", "800"] + }, + { + "value": "#702459", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#702459", "type": "color" }, + "name": "colors-pink-900", + "attributes": { "category": "colors", "type": "pink", "item": "900" }, + "path": ["colors", "pink", "900"] + }, + { + "value": 20, + "type": "lineHeights", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": 20, "type": "lineHeights" }, + "name": "line-heights-0", + "attributes": { "category": "lineHeights", "type": "0" }, + "path": ["lineHeights", "0"] + }, + { + "value": "AUTO", + "type": "lineHeights", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "AUTO", "type": "lineHeights" }, + "name": "line-heights-1", + "attributes": { "category": "lineHeights", "type": "1" }, + "path": ["lineHeights", "1"] + }, + { + "value": 16, + "type": "lineHeights", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": 16, "type": "lineHeights" }, + "name": "line-heights-2", + "attributes": { "category": "lineHeights", "type": "2" }, + "path": ["lineHeights", "2"] + }, + { + "value": 68, + "type": "lineHeights", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": 68, "type": "lineHeights" }, + "name": "line-heights-3", + "attributes": { "category": "lineHeights", "type": "3" }, + "path": ["lineHeights", "3"] + }, + { + "value": 52, + "type": "lineHeights", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": 52, "type": "lineHeights" }, + "name": "line-heights-4", + "attributes": { "category": "lineHeights", "type": "4" }, + "path": ["lineHeights", "4"] + }, + { + "value": 28, + "type": "lineHeights", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": 28, "type": "lineHeights" }, + "name": "line-heights-5", + "attributes": { "category": "lineHeights", "type": "5" }, + "path": ["lineHeights", "5"] + }, + { + "value": 24, + "type": "lineHeights", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": 24, "type": "lineHeights" }, + "name": "line-heights-6", + "attributes": { "category": "lineHeights", "type": "6" }, + "path": ["lineHeights", "6"] + }, + { + "value": 40, + "type": "lineHeights", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": 40, "type": "lineHeights" }, + "name": "line-heights-7", + "attributes": { "category": "lineHeights", "type": "7" }, + "path": ["lineHeights", "7"] + }, + { + "value": 48, + "type": "lineHeights", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": 48, "type": "lineHeights" }, + "name": "line-heights-8", + "attributes": { "category": "lineHeights", "type": "8" }, + "path": ["lineHeights", "8"] + }, + { + "value": 32, + "type": "lineHeights", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": 32, "type": "lineHeights" }, + "name": "line-heights-9", + "attributes": { "category": "lineHeights", "type": "9" }, + "path": ["lineHeights", "9"] + }, + { + "value": "110%", + "type": "lineHeights", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "110%", "type": "lineHeights" }, + "name": "line-heights-heading", + "attributes": { "category": "lineHeights", "type": "heading" }, + "path": ["lineHeights", "heading"] + }, + { + "value": "140%", + "type": "lineHeights", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "140%", "type": "lineHeights" }, + "name": "line-heights-body", + "attributes": { "category": "lineHeights", "type": "body" }, + "path": ["lineHeights", "body"] + }, + { + "value": "0%", + "type": "letterSpacing", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "0%", "type": "letterSpacing" }, + "name": "letter-spacing-0", + "attributes": { "category": "letterSpacing", "type": "0" }, + "path": ["letterSpacing", "0"] + }, + { + "value": "8%", + "type": "letterSpacing", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "8%", "type": "letterSpacing" }, + "name": "letter-spacing-1", + "attributes": { "category": "letterSpacing", "type": "1" }, + "path": ["letterSpacing", "1"] + }, + { + "value": "4%", + "type": "letterSpacing", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "4%", "type": "letterSpacing" }, + "name": "letter-spacing-2", + "attributes": { "category": "letterSpacing", "type": "2" }, + "path": ["letterSpacing", "2"] + }, + { + "value": 0, + "type": "letterSpacing", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": 0, "type": "letterSpacing" }, + "name": "letter-spacing-3", + "attributes": { "category": "letterSpacing", "type": "3" }, + "path": ["letterSpacing", "3"] + }, + { + "value": "-2%", + "type": "letterSpacing", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "-2%", "type": "letterSpacing" }, + "name": "letter-spacing-4", + "attributes": { "category": "letterSpacing", "type": "4" }, + "path": ["letterSpacing", "4"] + }, + { + "value": "12%", + "type": "letterSpacing", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "12%", "type": "letterSpacing" }, + "name": "letter-spacing-5", + "attributes": { "category": "letterSpacing", "type": "5" }, + "path": ["letterSpacing", "5"] + }, + { + "value": 0, + "type": "letterSpacing", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": 0, "type": "letterSpacing" }, + "name": "letter-spacing-default", + "attributes": { "category": "letterSpacing", "type": "default" }, + "path": ["letterSpacing", "default"] + }, + { + "value": "150%", + "type": "letterSpacing", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "150%", "type": "letterSpacing" }, + "name": "letter-spacing-increased", + "attributes": { "category": "letterSpacing", "type": "increased" }, + "path": ["letterSpacing", "increased"] + }, + { + "value": "-5%", + "type": "letterSpacing", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "-5%", "type": "letterSpacing" }, + "name": "letter-spacing-decreased", + "attributes": { "category": "letterSpacing", "type": "decreased" }, + "path": ["letterSpacing", "decreased"] + }, + { + "value": 0, + "type": "paragraphSpacing", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": 0, "type": "paragraphSpacing" }, + "name": "paragraph-spacing-0", + "attributes": { "category": "paragraphSpacing", "type": "0" }, + "path": ["paragraphSpacing", "0"] + }, + { + "value": 32, + "type": "paragraphSpacing", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": 32, "type": "paragraphSpacing" }, + "name": "paragraph-spacing-h1", + "attributes": { "category": "paragraphSpacing", "type": "h1" }, + "path": ["paragraphSpacing", "h1"] + }, + { + "value": 26, + "type": "paragraphSpacing", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": 26, "type": "paragraphSpacing" }, + "name": "paragraph-spacing-h2", + "attributes": { "category": "paragraphSpacing", "type": "h2" }, + "path": ["paragraphSpacing", "h2"] + }, + { + "value": "#7f7e7f", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#7f7e7f", "type": "color" }, + "name": "box-shadow", + "attributes": { "category": "Box Shadow" }, + "path": ["Box Shadow"] + }, + { + "value": "#f03d3e40", + "type": "color", + "description": "Layer Style Filter", + "filePath": "tokens/core.json", + "isSource": true, + "original": { + "value": "#f03d3e40", + "type": "color", + "description": "Layer Style Filter" + }, + "name": "error16", + "attributes": { "category": "Error16" }, + "path": ["Error16"] + }, + { + "value": "#5bb14d40", + "type": "color", + "description": "Success Layer Styles", + "filePath": "tokens/core.json", + "isSource": true, + "original": { + "value": "#5bb14d40", + "type": "color", + "description": "Success Layer Styles" + }, + "name": "success16", + "attributes": { "category": "Success16" }, + "path": ["Success16"] + }, + { + "value": "#3959ff40", + "type": "color", + "description": "Notification Layer Styles", + "filePath": "tokens/core.json", + "isSource": true, + "original": { + "value": "#3959ff40", + "type": "color", + "description": "Notification Layer Styles" + }, + "name": "notification16", + "attributes": { "category": "Notification16" }, + "path": ["Notification16"] + }, + { + "value": "#f03d3e1a", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#f03d3e1a", "type": "color" }, + "name": "error8", + "attributes": { "category": "Error8" }, + "path": ["Error8"] + }, + { + "value": "#3959ff1a", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#3959ff1a", "type": "color" }, + "name": "notification8", + "attributes": { "category": "Notification8" }, + "path": ["Notification8"] + }, + { + "value": "#5bb14d1a", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#5bb14d1a", "type": "color" }, + "name": "success8", + "attributes": { "category": "Success8" }, + "path": ["Success8"] + }, + { + "value": "#f0edee66", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#f0edee66", "type": "color" }, + "name": "light-overlay", + "attributes": { "category": "Light - Overlay" }, + "path": ["Light - Overlay"] + }, + { + "value": "#7f7e7f66", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#7f7e7f66", "type": "color" }, + "name": "dark-overlay", + "attributes": { "category": "Dark- Overlay" }, + "path": ["Dark- Overlay"] + }, + { + "value": "#00000066", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#00000066", "type": "color" }, + "name": "black-40", + "attributes": { "category": "black-40" }, + "path": ["black-40"] + }, + { + "value": "#000000bf", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#000000bf", "type": "color" }, + "name": "black-75", + "attributes": { "category": "black-75" }, + "path": ["black-75"] + }, + { + "value": "#00000099", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#00000099", "type": "color" }, + "name": "black-60", + "attributes": { "category": "black-60" }, + "path": ["black-60"] + }, + { + "value": "#00000080", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#00000080", "type": "color" }, + "name": "black-50", + "attributes": { "category": "black-50" }, + "path": ["black-50"] + }, + { + "value": "#00000040", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#00000040", "type": "color" }, + "name": "black-25", + "attributes": { "category": "black-25" }, + "path": ["black-25"] + }, + { + "value": "#0000001a", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#0000001a", "type": "color" }, + "name": "black-10", + "attributes": { "category": "black-10" }, + "path": ["black-10"] + }, + { + "value": "#ffffff40", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#ffffff40", "type": "color" }, + "name": "white-25", + "attributes": { "category": "white-25" }, + "path": ["white-25"] + }, + { + "value": "#ffffff99", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#ffffff99", "type": "color" }, + "name": "white-60", + "attributes": { "category": "white-60" }, + "path": ["white-60"] + }, + { + "value": "#000000a3", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#000000a3", "type": "color" }, + "name": "black-64", + "attributes": { "category": "black-64" }, + "path": ["black-64"] + }, + { + "value": "#7f7e7f", + "type": "color", + "description": "Elevations and Depth on Light Backgrounds", + "filePath": "tokens/core.json", + "isSource": true, + "original": { + "value": "#7f7e7f", + "type": "color", + "description": "Elevations and Depth on Light Backgrounds" + }, + "name": "shadow-and-highlight-shadow", + "attributes": { "category": "Shadow and Highlight", "type": "Shadow" }, + "path": ["Shadow and Highlight", "Shadow"] + }, + { + "value": "#474747", + "type": "color", + "description": "Elevations and Depth on Dark Backgrounds", + "filePath": "tokens/core.json", + "isSource": true, + "original": { + "value": "#474747", + "type": "color", + "description": "Elevations and Depth on Dark Backgrounds" + }, + "name": "shadow-and-highlight-highlight", + "attributes": { "category": "Shadow and Highlight", "type": "Highlight" }, + "path": ["Shadow and Highlight", "Highlight"] + }, + { + "value": "#474747bf", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#474747bf", "type": "color" }, + "name": "shadow-and-highlight-highlight-one", + "attributes": { + "category": "Shadow and Highlight", + "type": "highlight one" + }, + "path": ["Shadow and Highlight", "highlight one"] + }, + { + "value": "#47474799", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#47474799", "type": "color" }, + "name": "shadow-and-highlight-highlight-two", + "attributes": { + "category": "Shadow and Highlight", + "type": "highlight two" + }, + "path": ["Shadow and Highlight", "highlight two"] + }, + { + "value": "#47474766", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#47474766", "type": "color" }, + "name": "shadow-and-highlight-highlight-three", + "attributes": { + "category": "Shadow and Highlight", + "type": "highlight three" + }, + "path": ["Shadow and Highlight", "highlight three"] + }, + { + "value": "#4747471a", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#4747471a", "type": "color" }, + "name": "shadow-and-highlight-highlight-five", + "attributes": { + "category": "Shadow and Highlight", + "type": "highlight five" + }, + "path": ["Shadow and Highlight", "highlight five"] + }, + { + "value": "#7f7e7fbf", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#7f7e7fbf", "type": "color" }, + "name": "shadow-and-highlight-shadow-one", + "attributes": { "category": "Shadow and Highlight", "type": "shadow one" }, + "path": ["Shadow and Highlight", "shadow one"] + }, + { + "value": "#7f7e7f99", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#7f7e7f99", "type": "color" }, + "name": "shadow-and-highlight-shadow-two", + "attributes": { "category": "Shadow and Highlight", "type": "shadow two" }, + "path": ["Shadow and Highlight", "shadow two"] + }, + { + "value": "#7f7e7f66", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#7f7e7f66", "type": "color" }, + "name": "shadow-and-highlight-shadow-three", + "attributes": { + "category": "Shadow and Highlight", + "type": "shadow three" + }, + "path": ["Shadow and Highlight", "shadow three"] + }, + { + "value": "#7f7e7f40", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#7f7e7f40", "type": "color" }, + "name": "shadow-and-highlight-shadow-four", + "attributes": { "category": "Shadow and Highlight", "type": "shadow four" }, + "path": ["Shadow and Highlight", "shadow four"] + }, + { + "value": "#7f7e7f1a", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#7f7e7f1a", "type": "color" }, + "name": "shadow-and-highlight-shadow-five", + "attributes": { "category": "Shadow and Highlight", "type": "shadow five" }, + "path": ["Shadow and Highlight", "shadow five"] + }, + { + "value": "#47474740", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#47474740", "type": "color" }, + "name": "shadow-and-highlight-highlight-four", + "attributes": { + "category": "Shadow and Highlight", + "type": "highlight four" + }, + "path": ["Shadow and Highlight", "highlight four"] + }, + { + "value": "#ffffff", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#ffffff", "type": "color" }, + "name": "base-layer-styles-base-layer-light-white", + "attributes": { + "category": "Base Layer Styles", + "type": "Base Layer- Light-White" + }, + "path": ["Base Layer Styles", "Base Layer- Light-White"] + }, + { + "value": "#f0edee", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#f0edee", "type": "color" }, + "name": "base-layer-styles-base-layer-light-off-white", + "attributes": { + "category": "Base Layer Styles", + "type": "Base Layer-Light-OffWhite" + }, + "path": ["Base Layer Styles", "Base Layer-Light-OffWhite"] + }, + { + "value": "#1c1c1c", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#1c1c1c", "type": "color" }, + "name": "base-layer-styles-base-layer-dark-off-black", + "attributes": { + "category": "Base Layer Styles", + "type": "Base Layer-Dark-OffBlack" + }, + "path": ["Base Layer Styles", "Base Layer-Dark-OffBlack"] + }, + { + "value": "#000000", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#000000", "type": "color" }, + "name": "base-layer-styles-base-layer-dark-black", + "attributes": { + "category": "Base Layer Styles", + "type": "Base Layer-Dark-Black" + }, + "path": ["Base Layer Styles", "Base Layer-Dark-Black"] + }, + { + "value": "#ffffff", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#ffffff", "type": "color" }, + "name": "grey-scale-white", + "attributes": { "category": "Grey-Scale", "type": "white" }, + "path": ["Grey-Scale", "white"] + }, + { + "value": "#f0edee", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#f0edee", "type": "color" }, + "name": "grey-scale-off-white", + "attributes": { "category": "Grey-Scale", "type": "off-white" }, + "path": ["Grey-Scale", "off-white"] + }, + { + "value": "#7f7e7f", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#7f7e7f", "type": "color" }, + "name": "grey-scale-grey", + "attributes": { "category": "Grey Scale", "type": "grey" }, + "path": ["Grey Scale", "grey"] + }, + { + "value": "#474747", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#474747", "type": "color" }, + "name": "grey-scale-charcoal", + "attributes": { "category": "Grey Scale", "type": "charcoal" }, + "path": ["Grey Scale", "charcoal"] + }, + { + "value": "#1c1c1c", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#1c1c1c", "type": "color" }, + "name": "grey-scale-off-black", + "attributes": { "category": "Grey Scale", "type": "off-black" }, + "path": ["Grey Scale", "off-black"] + }, + { + "value": "#000000", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#000000", "type": "color" }, + "name": "grey-scale-black", + "attributes": { "category": "Grey Scale", "type": "black" }, + "path": ["Grey Scale", "black"] + }, + { + "value": "#3a7ca5", + "type": "color", + "description": "Primary Button Blue - Default", + "filePath": "tokens/core.json", + "isSource": true, + "original": { + "value": "#3a7ca5", + "type": "color", + "description": "Primary Button Blue - Default" + }, + "name": "blue-blue", + "attributes": { "category": "Blue", "type": "blue" }, + "path": ["Blue", "blue"] + }, + { + "value": "#75a3c0", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#75a3c0", "type": "color" }, + "name": "blue-blue-100", + "attributes": { "category": "Blue", "type": "blue-100" }, + "path": ["Blue", "blue-100"] + }, + { + "value": "#9cbed2", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#9cbed2", "type": "color" }, + "name": "blue-blue-200", + "attributes": { "category": "Blue", "type": "blue-200" }, + "path": ["Blue", "blue-200"] + }, + { + "value": "#4f7d9a", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#4f7d9a", "type": "color" }, + "name": "blue-blue-300", + "attributes": { "category": "Blue", "type": "blue-300" }, + "path": ["Blue", "blue-300"] + }, + { + "value": "#5c7d92", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#5c7d92", "type": "color" }, + "name": "blue-blue-400", + "attributes": { "category": "Blue", "type": "blue-400" }, + "path": ["Blue", "blue-400"] + }, + { + "value": "#347095", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#347095", "type": "color" }, + "name": "blue-blue-500", + "attributes": { "category": "Blue", "type": "blue-500" }, + "path": ["Blue", "blue-500"] + }, + { + "value": "#295774", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#295774", "type": "color" }, + "name": "blue-blue-600", + "attributes": { "category": "Blue", "type": "blue-600" }, + "path": ["Blue", "blue-600"] + }, + { + "value": "#173242", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#173242", "type": "color" }, + "name": "blue-blue-700", + "attributes": { "category": "Blue", "type": "blue-700" }, + "path": ["Blue", "blue-700"] + }, + { + "value": "#81c3d7", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#81c3d7", "type": "color" }, + "name": "light-blue-lightblue", + "attributes": { "category": "LightBlue", "type": "lightblue" }, + "path": ["LightBlue", "lightblue"] + }, + { + "value": "#a7d5e3", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#a7d5e3", "type": "color" }, + "name": "light-blue-lightblue-100", + "attributes": { "category": "LightBlue", "type": "lightblue-100" }, + "path": ["LightBlue", "lightblue-100"] + }, + { + "value": "#c0e1eb", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#c0e1eb", "type": "color" }, + "name": "light-blue-lightblue-200", + "attributes": { "category": "LightBlue", "type": "lightblue-200" }, + "path": ["LightBlue", "lightblue-200"] + }, + { + "value": "#80aebd", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#80aebd", "type": "color" }, + "name": "light-blue-lightblue-300", + "attributes": { "category": "LightBlue", "type": "lightblue-300" }, + "path": ["LightBlue", "lightblue-300"] + }, + { + "value": "#80a0ab", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#80a0ab", "type": "color" }, + "name": "light-blue-lightblue-400", + "attributes": { "category": "LightBlue", "type": "lightblue-400" }, + "path": ["LightBlue", "lightblue-400"] + }, + { + "value": "#74afc1", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#74afc1", "type": "color" }, + "name": "light-blue-lightblue-500", + "attributes": { "category": "LightBlue", "type": "lightblue-500" }, + "path": ["LightBlue", "lightblue-500"] + }, + { + "value": "#5a8997", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#5a8997", "type": "color" }, + "name": "light-blue-lightblue-600", + "attributes": { "category": "LightBlue", "type": "lightblue-600" }, + "path": ["LightBlue", "lightblue-600"] + }, + { + "value": "#3e5e65", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#3e5e65", "type": "color" }, + "name": "light-blue-lightblue-650", + "attributes": { "category": "LightBlue", "type": "lightblue-650" }, + "path": ["LightBlue", "lightblue-650"] + }, + { + "value": "#344e56", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#344e56", "type": "color" }, + "name": "light-blue-lightblue-700", + "attributes": { "category": "LightBlue", "type": "lightblue-700" }, + "path": ["LightBlue", "lightblue-700"] + }, + { + "value": "#ff7f0e", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#ff7f0e", "type": "color" }, + "name": "orange-orange", + "attributes": { "category": "Orange", "type": "orange" }, + "path": ["Orange", "orange"] + }, + { + "value": "#ffa556", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#ffa556", "type": "color" }, + "name": "orange-orange-100", + "attributes": { "category": "Orange", "type": "orange-100" }, + "path": ["Orange", "orange-100"] + }, + { + "value": "#ffbf86", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#ffbf86", "type": "color" }, + "name": "orange-orange-200", + "attributes": { "category": "Orange", "type": "orange-200" }, + "path": ["Orange", "orange-200"] + }, + { + "value": "#d97f30", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#d97f30", "type": "color" }, + "name": "orange-orange-300", + "attributes": { "category": "Orange", "type": "orange-300" }, + "path": ["Orange", "orange-300"] + }, + { + "value": "#bf7e46", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#bf7e46", "type": "color" }, + "name": "orange-orange-400", + "attributes": { "category": "Orange", "type": "orange-400" }, + "path": ["Orange", "orange-400"] + }, + { + "value": "#e5720d", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#e5720d", "type": "color" }, + "name": "orange-orange-500", + "attributes": { "category": "Orange", "type": "orange-500" }, + "path": ["Orange", "orange-500"] + }, + { + "value": "#b3590a", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#b3590a", "type": "color" }, + "name": "orange-orange-600", + "attributes": { "category": "Orange", "type": "orange-600" }, + "path": ["Orange", "orange-600"] + }, + { + "value": "#663306", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#663306", "type": "color" }, + "name": "orange-orange-700", + "attributes": { "category": "Orange", "type": "orange-700" }, + "path": ["Orange", "orange-700"] + }, + { + "value": "#ffab00", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#ffab00", "type": "color" }, + "name": "yellow-yellow", + "attributes": { "category": "Yellow", "type": "yellow" }, + "path": ["Yellow", "yellow"] + }, + { + "value": "#ffc44c", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#ffc44c", "type": "color" }, + "name": "yellow-yellow-100", + "attributes": { "category": "Yellow", "type": "yellow-100" }, + "path": ["Yellow", "yellow-100"] + }, + { + "value": "#ffd580", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#ffd580", "type": "color" }, + "name": "yellow-yellow-200", + "attributes": { "category": "Yellow", "type": "yellow-200" }, + "path": ["Yellow", "yellow-200"] + }, + { + "value": "#d99d26", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#d99d26", "type": "color" }, + "name": "yellow-yellow-300", + "attributes": { "category": "Yellow", "type": "yellow-300" }, + "path": ["Yellow", "yellow-300"] + }, + { + "value": "#bf943f", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#bf943f", "type": "color" }, + "name": "yellow-yellow-400", + "attributes": { "category": "Yellow", "type": "yellow-400" }, + "path": ["Yellow", "yellow-400"] + }, + { + "value": "#e59a00", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#e59a00", "type": "color" }, + "name": "yellow-yellow-500", + "attributes": { "category": "Yellow", "type": "yellow-500" }, + "path": ["Yellow", "yellow-500"] + }, + { + "value": "#b37800", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#b37800", "type": "color" }, + "name": "yellow-yellow-600", + "attributes": { "category": "Yellow", "type": "yellow-600" }, + "path": ["Yellow", "yellow-600"] + }, + { + "value": "#664400", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#664400", "type": "color" }, + "name": "yellow-yellow-700", + "attributes": { "category": "Yellow", "type": "yellow-700" }, + "path": ["Yellow", "yellow-700"] + }, + { + "value": "#3959ff", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#3959ff", "type": "color" }, + "name": "notification-notification", + "attributes": { "category": "Notification", "type": "notification" }, + "path": ["Notification", "notification"] + }, + { + "value": "#748bff", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#748bff", "type": "color" }, + "name": "notification-notification-100", + "attributes": { "category": "Notification", "type": "notification-100" }, + "path": ["Notification", "notification-100"] + }, + { + "value": "#9cacff", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#9cacff", "type": "color" }, + "name": "notification-notification-200", + "attributes": { "category": "Notification", "type": "notification-200" }, + "path": ["Notification", "notification-200"] + }, + { + "value": "#4e64d9", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#4e64d9", "type": "color" }, + "name": "notification-notification-300", + "attributes": { "category": "Notification", "type": "notification-300" }, + "path": ["Notification", "notification-300"] + }, + { + "value": "#5c6cbf", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#5c6cbf", "type": "color" }, + "name": "notification-notification-400", + "attributes": { "category": "Notification", "type": "notification-400" }, + "path": ["Notification", "notification-400"] + }, + { + "value": "#3350e5", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#3350e5", "type": "color" }, + "name": "notification-notification-500", + "attributes": { "category": "Notification", "type": "notification-500" }, + "path": ["Notification", "notification-500"] + }, + { + "value": "#283eb3", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#283eb3", "type": "color" }, + "name": "notification-notification-600", + "attributes": { "category": "Notification", "type": "notification-600" }, + "path": ["Notification", "notification-600"] + }, + { + "value": "#172466", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#172466", "type": "color" }, + "name": "notification-notification-700", + "attributes": { "category": "Notification", "type": "notification-700" }, + "path": ["Notification", "notification-700"] + }, + { + "value": "#24471f", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#24471f", "type": "color" }, + "name": "success-success-700", + "attributes": { "category": "Success", "type": "success -700" }, + "path": ["Success", "success -700"] + }, + { + "value": "#5bb14d", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#5bb14d", "type": "color" }, + "name": "success-success", + "attributes": { "category": "Success", "type": "success" }, + "path": ["Success", "success"] + }, + { + "value": "#8cc882", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#8cc882", "type": "color" }, + "name": "success-success-100", + "attributes": { "category": "Success", "type": "success -100" }, + "path": ["Success", "success -100"] + }, + { + "value": "#add8a6", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#add8a6", "type": "color" }, + "name": "success-success-200", + "attributes": { "category": "Success", "type": "success -200" }, + "path": ["Success", "success -200"] + }, + { + "value": "#66a25c", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#66a25c", "type": "color" }, + "name": "success-success-300", + "attributes": { "category": "Success", "type": "success -300" }, + "path": ["Success", "success -300"] + }, + { + "value": "#6d9766", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#6d9766", "type": "color" }, + "name": "success-success-400", + "attributes": { "category": "Success", "type": "success -400" }, + "path": ["Success", "success -400"] + }, + { + "value": "#529f45", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#529f45", "type": "color" }, + "name": "success-success-500", + "attributes": { "category": "Success", "type": "success -500" }, + "path": ["Success", "success -500"] + }, + { + "value": "#407c36", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#407c36", "type": "color" }, + "name": "success-success-600", + "attributes": { "category": "Success", "type": "success -600" }, + "path": ["Success", "success -600"] + }, + { + "value": "#f03d3e", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#f03d3e", "type": "color" }, + "name": "error-error", + "attributes": { "category": "Error", "type": "error" }, + "path": ["Error", "error"] + }, + { + "value": "#f57778", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#f57778", "type": "color" }, + "name": "error-error-100", + "attributes": { "category": "Error", "type": "error-100" }, + "path": ["Error", "error-100"] + }, + { + "value": "#f89e9e", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#f89e9e", "type": "color" }, + "name": "error-error-200", + "attributes": { "category": "Error", "type": "error-200" }, + "path": ["Error", "error-200"] + }, + { + "value": "#f9c8c8", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#f9c8c8", "type": "color" }, + "name": "error-error-250", + "attributes": { "category": "Error", "type": "error-250" }, + "path": ["Error", "error-250"] + }, + { + "value": "#ce5151", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#ce5151", "type": "color" }, + "name": "error-error-300", + "attributes": { "category": "Error", "type": "error-300" }, + "path": ["Error", "error-300"] + }, + { + "value": "#b85e5e", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#b85e5e", "type": "color" }, + "name": "error-error-400", + "attributes": { "category": "Error", "type": "error-400" }, + "path": ["Error", "error-400"] + }, + { + "value": "#d83738", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#d83738", "type": "color" }, + "name": "error-error-500", + "attributes": { "category": "Error", "type": "error-500" }, + "path": ["Error", "error-500"] + }, + { + "value": "#a82b2b", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#a82b2b", "type": "color" }, + "name": "error-error-600", + "attributes": { "category": "Error", "type": "error-600" }, + "path": ["Error", "error-600"] + }, + { + "value": "#601819", + "type": "color", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "#601819", "type": "color" }, + "name": "error-error-700", + "attributes": { "category": "Error", "type": "error-700" }, + "path": ["Error", "error-700"] + }, + { + "value": "2px 2px 8px 0px #7f7e7f52", + "type": "boxShadow", + "filePath": "tokens/core.json", + "isSource": true, + "original": { + "value": { + "color": "#7f7e7f52", + "type": "dropShadow", + "x": 2, + "y": 2, + "blur": 8, + "spread": 0 + }, + "type": "boxShadow" + }, + "name": "shadow-highlight-sm", + "attributes": { "category": "Shadow", "type": "highlight-sm" }, + "path": ["Shadow", "highlight-sm"] + }, + { + "value": "2px 2px 8px 0px #7f7e7f7a", + "type": "boxShadow", + "filePath": "tokens/core.json", + "isSource": true, + "original": { + "value": { + "color": "#7f7e7f7a", + "type": "dropShadow", + "x": 2, + "y": 2, + "blur": 8, + "spread": 0 + }, + "type": "boxShadow" + }, + "name": "shadow-highlight", + "attributes": { "category": "Shadow", "type": "highlight" }, + "path": ["Shadow", "highlight"] + }, + { + "value": "2px 2px 8px 0px #7f7e7fb8", + "type": "boxShadow", + "filePath": "tokens/core.json", + "isSource": true, + "original": { + "value": { + "color": "#7f7e7fb8", + "type": "dropShadow", + "x": 2, + "y": 2, + "blur": 8, + "spread": 0 + }, + "type": "boxShadow" + }, + "name": "shadow-highlight-md", + "attributes": { "category": "Shadow", "type": "highlight-md" }, + "path": ["Shadow", "highlight-md"] + }, + { + "value": "2px 2px 8px 0px #7f7e7fe0", + "type": "boxShadow", + "filePath": "tokens/core.json", + "isSource": true, + "original": { + "value": { + "color": "#7f7e7fe0", + "type": "dropShadow", + "x": 2, + "y": 2, + "blur": 8, + "spread": 0 + }, + "type": "boxShadow" + }, + "name": "shadow-highlight-lg", + "attributes": { "category": "Shadow", "type": "highlight-lg" }, + "path": ["Shadow", "highlight-lg"] + }, + { + "value": "2px 2px 8px 0px #7f7e7f", + "type": "boxShadow", + "filePath": "tokens/core.json", + "isSource": true, + "original": { + "value": { + "color": "#7f7e7f", + "type": "dropShadow", + "x": 2, + "y": 2, + "blur": 8, + "spread": 0 + }, + "type": "boxShadow" + }, + "name": "shadow-highlight-xl", + "attributes": { "category": "Shadow", "type": "highlight-xl" }, + "path": ["Shadow", "highlight-xl"] + }, + { + "value": "0px 4px 6px 3px #3333331a", + "type": "boxShadow", + "filePath": "tokens/core.json", + "isSource": true, + "original": { + "value": { + "color": "#3333331a", + "type": "dropShadow", + "x": 0, + "y": 4, + "blur": 6, + "spread": 3 + }, + "type": "boxShadow" + }, + "name": "shadow-shadow", + "attributes": { "category": "Shadow", "type": "shadow" }, + "path": ["Shadow", "shadow"] + }, + { + "value": "0px 2px 2px 2px #33333314", + "type": "boxShadow", + "filePath": "tokens/core.json", + "isSource": true, + "original": { + "value": { + "color": "#33333314", + "type": "dropShadow", + "x": 0, + "y": 2, + "blur": 2, + "spread": 2 + }, + "type": "boxShadow" + }, + "name": "shadow-shadow-sm", + "attributes": { "category": "Shadow", "type": "shadow-sm" }, + "path": ["Shadow", "shadow-sm"] + }, + { + "value": "0px 6px 10px 5px #3333331a", + "type": "boxShadow", + "filePath": "tokens/core.json", + "isSource": true, + "original": { + "value": { + "color": "#3333331a", + "type": "dropShadow", + "x": 0, + "y": 6, + "blur": 10, + "spread": 5 + }, + "type": "boxShadow" + }, + "name": "shadow-shadow-md", + "attributes": { "category": "Shadow", "type": "shadow-md" }, + "path": ["Shadow", "shadow-md"] + }, + { + "value": "0px 4px 4px 4px #7f7e7f40", + "type": "boxShadow", + "filePath": "tokens/core.json", + "isSource": true, + "original": { + "value": { + "color": "#7f7e7f40", + "type": "dropShadow", + "x": 0, + "y": 4, + "blur": 4, + "spread": 4 + }, + "type": "boxShadow" + }, + "name": "shadow-shadow-lg", + "attributes": { "category": "Shadow", "type": "shadow-lg" }, + "path": ["Shadow", "shadow-lg"] + }, + { + "value": "0px 10px 18px 10px #7f7e7f40", + "type": "boxShadow", + "filePath": "tokens/core.json", + "isSource": true, + "original": { + "value": { + "color": "#7f7e7f40", + "type": "dropShadow", + "x": 0, + "y": 10, + "blur": 18, + "spread": 10 + }, + "type": "boxShadow" + }, + "name": "shadow-shadow-xl", + "attributes": { "category": "Shadow", "type": "shadow-xl" }, + "path": ["Shadow", "shadow-xl"] + }, + { + "value": "2px 2px 6px 0px #7f7e7f80", + "type": "boxShadow", + "filePath": "tokens/core.json", + "isSource": true, + "original": { + "value": { + "color": "#7f7e7f80", + "type": "innerShadow", + "x": 2, + "y": 2, + "blur": 6, + "spread": 0 + }, + "type": "boxShadow" + }, + "name": "shadow-shadow-inner", + "attributes": { "category": "Shadow", "type": "shadow-inner" }, + "path": ["Shadow", "shadow-inner"] + }, + { + "value": "Nunito Sans", + "type": "fontFamilies", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "Nunito Sans", "type": "fontFamilies" }, + "name": "font-families-nunito-sans", + "attributes": { "category": "fontFamilies", "type": "nunito-sans" }, + "path": ["fontFamilies", "nunito-sans"] + }, + { + "value": "Abel", + "type": "fontFamilies", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "Abel", "type": "fontFamilies" }, + "name": "font-families-abel", + "attributes": { "category": "fontFamilies", "type": "abel" }, + "path": ["fontFamilies", "abel"] + }, + { + "value": "Regular", + "type": "fontWeights", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "Regular", "type": "fontWeights" }, + "name": "font-weights-nunito-sans-0", + "attributes": { "category": "fontWeights", "type": "nunito-sans-0" }, + "path": ["fontWeights", "nunito-sans-0"] + }, + { + "value": "Regular", + "type": "fontWeights", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "Regular", "type": "fontWeights" }, + "name": "font-weights-abel-1", + "attributes": { "category": "fontWeights", "type": "abel-1" }, + "path": ["fontWeights", "abel-1"] + }, + { + "value": "Light Italic", + "type": "fontWeights", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "Light Italic", "type": "fontWeights" }, + "name": "font-weights-nunito-sans-2", + "attributes": { "category": "fontWeights", "type": "nunito-sans-2" }, + "path": ["fontWeights", "nunito-sans-2"] + }, + { + "value": "SemiBold", + "type": "fontWeights", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "SemiBold", "type": "fontWeights" }, + "name": "font-weights-nunito-sans-3", + "attributes": { "category": "fontWeights", "type": "nunito-sans-3" }, + "path": ["fontWeights", "nunito-sans-3"] + }, + { + "value": "Light", + "type": "fontWeights", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "Light", "type": "fontWeights" }, + "name": "font-weights-nunito-sans-4", + "attributes": { "category": "fontWeights", "type": "nunito-sans-4" }, + "path": ["fontWeights", "nunito-sans-4"] + }, + { + "value": { + "fontFamily": "Nunito Sans", + "fontWeight": "Regular", + "letterSpacing": "0%", + "paragraphSpacing": 0, + "textCase": "none", + "textDecoration": "none", + "lineHeight": 20, + "fontSize": "0.75rem" + }, + "type": "typography", + "filePath": "tokens/core.json", + "isSource": true, + "original": { + "value": { + "fontFamily": "Nunito Sans", + "fontWeight": "Regular", + "letterSpacing": "0%", + "paragraphSpacing": 0, + "textCase": "none", + "textDecoration": "none", + "lineHeight": 20, + "fontSize": "0.75rem" + }, + "type": "typography" + }, + "name": "x-small-typecase", + "attributes": { "category": "x-small-typecase" }, + "path": ["x-small-typecase"] + }, + { + "value": { + "fontFamily": "Nunito Sans", + "fontWeight": "Regular", + "letterSpacing": "8%", + "paragraphSpacing": 0, + "textCase": "uppercase", + "textDecoration": "none", + "fontSize": "1rem", + "lineHeight": "AUTO" + }, + "type": "typography", + "description": "Subtitles on Cards", + "filePath": "tokens/core.json", + "isSource": true, + "original": { + "value": { + "fontFamily": "Nunito Sans", + "fontWeight": "Regular", + "letterSpacing": "8%", + "paragraphSpacing": 0, + "textCase": "uppercase", + "textDecoration": "none", + "fontSize": "1rem", + "lineHeight": "AUTO" + }, + "type": "typography", + "description": "Subtitles on Cards" + }, + "name": "subtitle", + "attributes": { "category": "subtitle" }, + "path": ["subtitle"] + }, + { + "value": { + "fontFamily": "Abel", + "fontWeight": "Regular", + "lineHeight": "AUTO", + "letterSpacing": "0%", + "paragraphSpacing": 0, + "textCase": "none", + "textDecoration": "none", + "fontSize": "2.75rem" + }, + "type": "typography", + "description": "Product Cards - Product Name", + "filePath": "tokens/core.json", + "isSource": true, + "original": { + "value": { + "fontFamily": "Abel", + "fontWeight": "Regular", + "lineHeight": "AUTO", + "letterSpacing": "0%", + "paragraphSpacing": 0, + "textCase": "none", + "textDecoration": "none", + "fontSize": "2.75rem" + }, + "type": "typography", + "description": "Product Cards - Product Name" + }, + "name": "product-name", + "attributes": { "category": "product-name" }, + "path": ["product-name"] + }, + { + "value": { + "fontFamily": "Nunito Sans", + "fontWeight": "Regular", + "lineHeight": 20, + "letterSpacing": "4%", + "paragraphSpacing": 0, + "textCase": "capitalize", + "textDecoration": "none", + "fontSize": "1rem" + }, + "type": "typography", + "filePath": "tokens/core.json", + "isSource": true, + "original": { + "value": { + "fontFamily": "Nunito Sans", + "fontWeight": "Regular", + "lineHeight": 20, + "letterSpacing": "4%", + "paragraphSpacing": 0, + "textCase": "capitalize", + "textDecoration": "none", + "fontSize": "1rem" + }, + "type": "typography" + }, + "name": "dropdown-text", + "attributes": { "category": "dropdown-text" }, + "path": ["dropdown-text"] + }, + { + "value": { + "fontFamily": "Nunito Sans", + "fontWeight": "Regular", + "lineHeight": 16, + "fontSize": "0.875rem", + "letterSpacing": 0, + "paragraphSpacing": 0, + "textCase": "none", + "textDecoration": "underline" + }, + "type": "typography", + "filePath": "tokens/core.json", + "isSource": true, + "original": { + "value": { + "fontFamily": "Nunito Sans", + "fontWeight": "Regular", + "lineHeight": 16, + "fontSize": "0.875rem", + "letterSpacing": 0, + "paragraphSpacing": 0, + "textCase": "none", + "textDecoration": "underline" + }, + "type": "typography" + }, + "name": "link-m", + "attributes": { "category": "link-m" }, + "path": ["link-m"] + }, + { + "value": { + "fontFamily": "Nunito Sans", + "fontWeight": "Light Italic", + "lineHeight": 20, + "letterSpacing": 0, + "paragraphSpacing": 0, + "textCase": "none", + "textDecoration": "underline", + "fontSize": "1rem" + }, + "type": "typography", + "description": "Disabled links on Desktop", + "filePath": "tokens/core.json", + "isSource": true, + "original": { + "value": { + "fontFamily": "Nunito Sans", + "fontWeight": "Light Italic", + "lineHeight": 20, + "letterSpacing": 0, + "paragraphSpacing": 0, + "textCase": "none", + "textDecoration": "underline", + "fontSize": "1rem" + }, + "type": "typography", + "description": "Disabled links on Desktop" + }, + "name": "link-disabled", + "attributes": { "category": "link-disabled" }, + "path": ["link-disabled"] + }, + { + "value": { + "fontFamily": "Nunito Sans", + "fontWeight": "Light Italic", + "lineHeight": 16, + "fontSize": "0.875rem", + "letterSpacing": 0, + "paragraphSpacing": 0, + "textCase": "none", + "textDecoration": "underline" + }, + "type": "typography", + "description": "Links on Mobile that are disabled", + "filePath": "tokens/core.json", + "isSource": true, + "original": { + "value": { + "fontFamily": "Nunito Sans", + "fontWeight": "Light Italic", + "lineHeight": 16, + "fontSize": "0.875rem", + "letterSpacing": 0, + "paragraphSpacing": 0, + "textCase": "none", + "textDecoration": "underline" + }, + "type": "typography", + "description": "Links on Mobile that are disabled" + }, + "name": "link-m-disabled", + "attributes": { "category": "link-m-disabled" }, + "path": ["link-m-disabled"] + }, + { + "value": { + "fontFamily": "Nunito Sans", + "fontWeight": "Regular", + "lineHeight": 16, + "fontSize": "1rem", + "letterSpacing": 0, + "paragraphSpacing": 0, + "textCase": "none", + "textDecoration": "underline" + }, + "type": "typography", + "description": "Links on desktops in Focus State", + "filePath": "tokens/core.json", + "isSource": true, + "original": { + "value": { + "fontFamily": "Nunito Sans", + "fontWeight": "Regular", + "lineHeight": 16, + "fontSize": "1rem", + "letterSpacing": 0, + "paragraphSpacing": 0, + "textCase": "none", + "textDecoration": "underline" + }, + "type": "typography", + "description": "Links on desktops in Focus State" + }, + "name": "link-focus", + "attributes": { "category": "link-focus" }, + "path": ["link-focus"] + }, + { + "value": { + "fontFamily": "Nunito Sans", + "fontWeight": "Regular", + "lineHeight": 16, + "fontSize": "0.875rem", + "letterSpacing": 0, + "paragraphSpacing": 0, + "textCase": "none", + "textDecoration": "underline" + }, + "type": "typography", + "description": "Links on mobile in focus state", + "filePath": "tokens/core.json", + "isSource": true, + "original": { + "value": { + "fontFamily": "Nunito Sans", + "fontWeight": "Regular", + "lineHeight": 16, + "fontSize": "0.875rem", + "letterSpacing": 0, + "paragraphSpacing": 0, + "textCase": "none", + "textDecoration": "underline" + }, + "type": "typography", + "description": "Links on mobile in focus state" + }, + "name": "link-m-focus", + "attributes": { "category": "link-m-focus" }, + "path": ["link-m-focus"] + }, + { + "value": { + "fontFamily": "Nunito Sans", + "fontWeight": "SemiBold", + "lineHeight": 16, + "fontSize": "1rem", + "letterSpacing": 0, + "paragraphSpacing": 0, + "textCase": "none", + "textDecoration": "underline" + }, + "type": "typography", + "filePath": "tokens/core.json", + "isSource": true, + "original": { + "value": { + "fontFamily": "Nunito Sans", + "fontWeight": "SemiBold", + "lineHeight": 16, + "fontSize": "1rem", + "letterSpacing": 0, + "paragraphSpacing": 0, + "textCase": "none", + "textDecoration": "underline" + }, + "type": "typography" + }, + "name": "link", + "attributes": { "category": "link" }, + "path": ["link"] + }, + { + "value": { + "fontFamily": "Nunito Sans", + "fontWeight": "Regular", + "lineHeight": 16, + "fontSize": "1rem", + "letterSpacing": 0, + "paragraphSpacing": 0, + "textCase": "none", + "textDecoration": "underline" + }, + "type": "typography", + "filePath": "tokens/core.json", + "isSource": true, + "original": { + "value": { + "fontFamily": "Nunito Sans", + "fontWeight": "Regular", + "lineHeight": 16, + "fontSize": "1rem", + "letterSpacing": 0, + "paragraphSpacing": 0, + "textCase": "none", + "textDecoration": "underline" + }, + "type": "typography" + }, + "name": "link-visited", + "attributes": { "category": "link-visited" }, + "path": ["link-visited"] + }, + { + "value": { + "fontFamily": "Nunito Sans", + "fontWeight": "SemiBold", + "lineHeight": 20, + "fontSize": "1rem", + "letterSpacing": 0, + "paragraphSpacing": 0, + "textCase": "none", + "textDecoration": "underline" + }, + "type": "typography", + "filePath": "tokens/core.json", + "isSource": true, + "original": { + "value": { + "fontFamily": "Nunito Sans", + "fontWeight": "SemiBold", + "lineHeight": 20, + "fontSize": "1rem", + "letterSpacing": 0, + "paragraphSpacing": 0, + "textCase": "none", + "textDecoration": "underline" + }, + "type": "typography" + }, + "name": "link-hover", + "attributes": { "category": "link-hover" }, + "path": ["link-hover"] + }, + { + "value": { + "fontFamily": "Nunito Sans", + "fontWeight": "Regular", + "lineHeight": 20, + "fontSize": "1rem", + "letterSpacing": 0, + "paragraphSpacing": 0, + "textCase": "none", + "textDecoration": "none" + }, + "type": "typography", + "filePath": "tokens/core.json", + "isSource": true, + "original": { + "value": { + "fontFamily": "Nunito Sans", + "fontWeight": "Regular", + "lineHeight": 20, + "fontSize": "1rem", + "letterSpacing": 0, + "paragraphSpacing": 0, + "textCase": "none", + "textDecoration": "none" + }, + "type": "typography" + }, + "name": "link-active", + "attributes": { "category": "link-active" }, + "path": ["link-active"] + }, + { + "value": { + "fontFamily": "Nunito Sans", + "fontWeight": "Regular", + "lineHeight": 16, + "fontSize": "0.875rem", + "letterSpacing": 0, + "paragraphSpacing": 0, + "textCase": "none", + "textDecoration": "underline" + }, + "type": "typography", + "filePath": "tokens/core.json", + "isSource": true, + "original": { + "value": { + "fontFamily": "Nunito Sans", + "fontWeight": "Regular", + "lineHeight": 16, + "fontSize": "0.875rem", + "letterSpacing": 0, + "paragraphSpacing": 0, + "textCase": "none", + "textDecoration": "underline" + }, + "type": "typography" + }, + "name": "link-m-visited", + "attributes": { "category": "link-m-visited" }, + "path": ["link-m-visited"] + }, + { + "value": { + "fontFamily": "Nunito Sans", + "fontWeight": "SemiBold", + "lineHeight": 16, + "fontSize": "0.875rem", + "letterSpacing": 0, + "paragraphSpacing": 0, + "textCase": "none", + "textDecoration": "underline" + }, + "type": "typography", + "filePath": "tokens/core.json", + "isSource": true, + "original": { + "value": { + "fontFamily": "Nunito Sans", + "fontWeight": "SemiBold", + "lineHeight": 16, + "fontSize": "0.875rem", + "letterSpacing": 0, + "paragraphSpacing": 0, + "textCase": "none", + "textDecoration": "underline" + }, + "type": "typography" + }, + "name": "link-m-hover", + "attributes": { "category": "link-m-hover" }, + "path": ["link-m-hover"] + }, + { + "value": { + "fontFamily": "Nunito Sans", + "fontWeight": "Regular", + "lineHeight": 16, + "fontSize": "0.875rem", + "letterSpacing": 0, + "paragraphSpacing": 0, + "textCase": "none", + "textDecoration": "none" + }, + "type": "typography", + "filePath": "tokens/core.json", + "isSource": true, + "original": { + "value": { + "fontFamily": "Nunito Sans", + "fontWeight": "Regular", + "lineHeight": 16, + "fontSize": "0.875rem", + "letterSpacing": 0, + "paragraphSpacing": 0, + "textCase": "none", + "textDecoration": "none" + }, + "type": "typography" + }, + "name": "link-m-active", + "attributes": { "category": "link-m-active" }, + "path": ["link-m-active"] + }, + { + "value": { + "fontFamily": "Abel", + "fontWeight": "Regular", + "lineHeight": 68, + "fontSize": "4rem", + "letterSpacing": "-2%", + "paragraphSpacing": 0, + "textCase": "none", + "textDecoration": "none" + }, + "type": "typography", + "filePath": "tokens/core.json", + "isSource": true, + "original": { + "value": { + "fontFamily": "Abel", + "fontWeight": "Regular", + "lineHeight": 68, + "fontSize": "4rem", + "letterSpacing": "-2%", + "paragraphSpacing": 0, + "textCase": "none", + "textDecoration": "none" + }, + "type": "typography" + }, + "name": "display-lg", + "attributes": { "category": "display-lg" }, + "path": ["display-lg"] + }, + { + "value": { + "fontFamily": "Nunito Sans", + "fontWeight": "Regular", + "lineHeight": 52, + "fontSize": "3rem", + "letterSpacing": "-2%", + "paragraphSpacing": 0, + "textCase": "none", + "textDecoration": "none" + }, + "type": "typography", + "filePath": "tokens/core.json", + "isSource": true, + "original": { + "value": { + "fontFamily": "Nunito Sans", + "fontWeight": "Regular", + "lineHeight": 52, + "fontSize": "3rem", + "letterSpacing": "-2%", + "paragraphSpacing": 0, + "textCase": "none", + "textDecoration": "none" + }, + "type": "typography" + }, + "name": "display-sm", + "attributes": { "category": "display-sm" }, + "path": ["display-sm"] + }, + { + "value": { + "fontFamily": "Abel", + "fontWeight": "Regular", + "lineHeight": "AUTO", + "letterSpacing": "0%", + "paragraphSpacing": 0, + "textCase": "none", + "textDecoration": "none", + "fontSize": "1.625rem" + }, + "type": "typography", + "filePath": "tokens/core.json", + "isSource": true, + "original": { + "value": { + "fontFamily": "Abel", + "fontWeight": "Regular", + "lineHeight": "AUTO", + "letterSpacing": "0%", + "paragraphSpacing": 0, + "textCase": "none", + "textDecoration": "none", + "fontSize": "1.625rem" + }, + "type": "typography" + }, + "name": "logo-text", + "attributes": { "category": "logo-text" }, + "path": ["logo-text"] + }, + { + "value": { + "fontFamily": "Abel", + "fontWeight": "Regular", + "lineHeight": 20, + "letterSpacing": "4%", + "paragraphSpacing": 0, + "textCase": "uppercase", + "textDecoration": "none", + "fontSize": "1rem" + }, + "type": "typography", + "filePath": "tokens/core.json", + "isSource": true, + "original": { + "value": { + "fontFamily": "Abel", + "fontWeight": "Regular", + "lineHeight": 20, + "letterSpacing": "4%", + "paragraphSpacing": 0, + "textCase": "uppercase", + "textDecoration": "none", + "fontSize": "1rem" + }, + "type": "typography" + }, + "name": "nav-items", + "attributes": { "category": "nav-items" }, + "path": ["nav-items"] + }, + { + "value": { + "fontFamily": "Nunito Sans", + "fontWeight": "Light", + "lineHeight": 20, + "fontSize": "0.875rem", + "letterSpacing": "0%", + "paragraphSpacing": 0, + "textCase": "none", + "textDecoration": "none" + }, + "type": "typography", + "filePath": "tokens/core.json", + "isSource": true, + "original": { + "value": { + "fontFamily": "Nunito Sans", + "fontWeight": "Light", + "lineHeight": 20, + "fontSize": "0.875rem", + "letterSpacing": "0%", + "paragraphSpacing": 0, + "textCase": "none", + "textDecoration": "none" + }, + "type": "typography" + }, + "name": "tool-tip", + "attributes": { "category": "tool-tip" }, + "path": ["tool-tip"] + }, + { + "value": { + "fontFamily": "Nunito Sans", + "fontWeight": "Regular", + "lineHeight": 20, + "letterSpacing": "0%", + "paragraphSpacing": 0, + "textCase": "uppercase", + "textDecoration": "none", + "fontSize": "0.75rem" + }, + "type": "typography", + "description": "Small Labels \n\n-Slider Tool Tip", + "filePath": "tokens/core.json", + "isSource": true, + "original": { + "value": { + "fontFamily": "Nunito Sans", + "fontWeight": "Regular", + "lineHeight": 20, + "letterSpacing": "0%", + "paragraphSpacing": 0, + "textCase": "uppercase", + "textDecoration": "none", + "fontSize": "0.75rem" + }, + "type": "typography", + "description": "Small Labels \n\n-Slider Tool Tip" + }, + "name": "x-small", + "attributes": { "category": "x-small" }, + "path": ["x-small"] + }, + { + "value": { + "fontFamily": "Abel", + "fontWeight": "Regular", + "lineHeight": "AUTO", + "letterSpacing": "0%", + "paragraphSpacing": 0, + "textCase": "none", + "textDecoration": "none", + "fontSize": "2.75rem" + }, + "type": "typography", + "filePath": "tokens/core.json", + "isSource": true, + "original": { + "value": { + "fontFamily": "Abel", + "fontWeight": "Regular", + "lineHeight": "AUTO", + "letterSpacing": "0%", + "paragraphSpacing": 0, + "textCase": "none", + "textDecoration": "none", + "fontSize": "2.75rem" + }, + "type": "typography" + }, + "name": "h1", + "attributes": { "category": "h1" }, + "path": ["h1"] + }, + { + "value": { + "fontFamily": "Abel", + "fontWeight": "Regular", + "lineHeight": "AUTO", + "letterSpacing": "0%", + "textCase": "none", + "textDecoration": "none", + "paragraphSpacing": 0, + "fontSize": "2.5rem" + }, + "type": "typography", + "filePath": "tokens/core.json", + "isSource": true, + "original": { + "value": { + "fontFamily": "Abel", + "fontWeight": "Regular", + "lineHeight": "AUTO", + "letterSpacing": "0%", + "textCase": "none", + "textDecoration": "none", + "paragraphSpacing": 0, + "fontSize": "2.5rem" + }, + "type": "typography" + }, + "name": "h2", + "attributes": { "category": "h2" }, + "path": ["h2"] + }, + { + "value": { + "fontFamily": "Abel", + "fontWeight": "Regular", + "lineHeight": "AUTO", + "letterSpacing": "0%", + "paragraphSpacing": 0, + "textCase": "none", + "textDecoration": "none", + "fontSize": "2rem" + }, + "type": "typography", + "filePath": "tokens/core.json", + "isSource": true, + "original": { + "value": { + "fontFamily": "Abel", + "fontWeight": "Regular", + "lineHeight": "AUTO", + "letterSpacing": "0%", + "paragraphSpacing": 0, + "textCase": "none", + "textDecoration": "none", + "fontSize": "2rem" + }, + "type": "typography" + }, + "name": "h3", + "attributes": { "category": "h3" }, + "path": ["h3"] + }, + { + "value": { + "fontFamily": "Nunito Sans", + "fontWeight": "Regular", + "lineHeight": "AUTO", + "fontSize": "1.75rem", + "letterSpacing": "0%", + "paragraphSpacing": 0, + "textCase": "none", + "textDecoration": "none" + }, + "type": "typography", + "filePath": "tokens/core.json", + "isSource": true, + "original": { + "value": { + "fontFamily": "Nunito Sans", + "fontWeight": "Regular", + "lineHeight": "AUTO", + "fontSize": "1.75rem", + "letterSpacing": "0%", + "paragraphSpacing": 0, + "textCase": "none", + "textDecoration": "none" + }, + "type": "typography" + }, + "name": "h4", + "attributes": { "category": "h4" }, + "path": ["h4"] + }, + { + "value": { + "fontFamily": "Nunito Sans", + "fontWeight": "Regular", + "lineHeight": "AUTO", + "fontSize": "1rem", + "letterSpacing": "8%", + "paragraphSpacing": 0, + "textCase": "uppercase", + "textDecoration": "none" + }, + "type": "typography", + "filePath": "tokens/core.json", + "isSource": true, + "original": { + "value": { + "fontFamily": "Nunito Sans", + "fontWeight": "Regular", + "lineHeight": "AUTO", + "fontSize": "1rem", + "letterSpacing": "8%", + "paragraphSpacing": 0, + "textCase": "uppercase", + "textDecoration": "none" + }, + "type": "typography" + }, + "name": "h5", + "attributes": { "category": "h5" }, + "path": ["h5"] + }, + { + "value": { + "fontFamily": "Nunito Sans", + "fontWeight": "Regular", + "lineHeight": 28, + "fontSize": "1.25rem", + "letterSpacing": "0%", + "paragraphSpacing": 0, + "textCase": "none", + "textDecoration": "none" + }, + "type": "typography", + "description": "Paragraph - Large - Default \n", + "filePath": "tokens/core.json", + "isSource": true, + "original": { + "value": { + "fontFamily": "Nunito Sans", + "fontWeight": "Regular", + "lineHeight": 28, + "fontSize": "1.25rem", + "letterSpacing": "0%", + "paragraphSpacing": 0, + "textCase": "none", + "textDecoration": "none" + }, + "type": "typography", + "description": "Paragraph - Large - Default \n" + }, + "name": "p-l-d", + "attributes": { "category": "p-l-d" }, + "path": ["p-l-d"] + }, + { + "value": { + "fontFamily": "Nunito Sans", + "fontWeight": "Regular", + "lineHeight": 24, + "fontSize": "1rem", + "letterSpacing": "0%", + "paragraphSpacing": 0, + "textCase": "none", + "textDecoration": "none" + }, + "type": "typography", + "filePath": "tokens/core.json", + "isSource": true, + "original": { + "value": { + "fontFamily": "Nunito Sans", + "fontWeight": "Regular", + "lineHeight": 24, + "fontSize": "1rem", + "letterSpacing": "0%", + "paragraphSpacing": 0, + "textCase": "none", + "textDecoration": "none" + }, + "type": "typography" + }, + "name": "p-d-d", + "attributes": { "category": "p-d-d" }, + "path": ["p-d-d"] + }, + { + "value": { + "fontFamily": "Nunito Sans", + "fontWeight": "Regular", + "lineHeight": 20, + "fontSize": "0.875rem", + "letterSpacing": "0%", + "paragraphSpacing": 0, + "textCase": "none", + "textDecoration": "none" + }, + "type": "typography", + "filePath": "tokens/core.json", + "isSource": true, + "original": { + "value": { + "fontFamily": "Nunito Sans", + "fontWeight": "Regular", + "lineHeight": 20, + "fontSize": "0.875rem", + "letterSpacing": "0%", + "paragraphSpacing": 0, + "textCase": "none", + "textDecoration": "none" + }, + "type": "typography" + }, + "name": "p-s-d", + "attributes": { "category": "p-s-d" }, + "path": ["p-s-d"] + }, + { + "value": { + "fontFamily": "Nunito Sans", + "fontWeight": "Light", + "lineHeight": 20, + "fontSize": "0.875rem", + "letterSpacing": "0%", + "paragraphSpacing": 0, + "textCase": "none", + "textDecoration": "none" + }, + "type": "typography", + "filePath": "tokens/core.json", + "isSource": true, + "original": { + "value": { + "fontFamily": "Nunito Sans", + "fontWeight": "Light", + "lineHeight": 20, + "fontSize": "0.875rem", + "letterSpacing": "0%", + "paragraphSpacing": 0, + "textCase": "none", + "textDecoration": "none" + }, + "type": "typography" + }, + "name": "placeholder", + "attributes": { "category": "placeholder" }, + "path": ["placeholder"] + }, + { + "value": { + "fontFamily": "Nunito Sans", + "fontWeight": "Regular", + "lineHeight": 24, + "fontSize": "0.875rem", + "letterSpacing": "8%", + "paragraphSpacing": 0, + "textCase": "none", + "textDecoration": "none" + }, + "type": "typography", + "filePath": "tokens/core.json", + "isSource": true, + "original": { + "value": { + "fontFamily": "Nunito Sans", + "fontWeight": "Regular", + "lineHeight": 24, + "fontSize": "0.875rem", + "letterSpacing": "8%", + "paragraphSpacing": 0, + "textCase": "none", + "textDecoration": "none" + }, + "type": "typography" + }, + "name": "button", + "attributes": { "category": "button" }, + "path": ["button"] + }, + { + "value": { + "fontFamily": "Nunito Sans", + "fontWeight": "Regular", + "lineHeight": 20, + "fontSize": "0.875rem", + "letterSpacing": "0%", + "paragraphSpacing": 0, + "textCase": "uppercase", + "textDecoration": "none" + }, + "type": "typography", + "filePath": "tokens/core.json", + "isSource": true, + "original": { + "value": { + "fontFamily": "Nunito Sans", + "fontWeight": "Regular", + "lineHeight": 20, + "fontSize": "0.875rem", + "letterSpacing": "0%", + "paragraphSpacing": 0, + "textCase": "uppercase", + "textDecoration": "none" + }, + "type": "typography" + }, + "name": "label", + "attributes": { "category": "label" }, + "path": ["label"] + }, + { + "value": { + "fontFamily": "Abel", + "fontWeight": "Regular", + "lineHeight": 40, + "fontSize": "2.5rem", + "letterSpacing": "0%", + "paragraphSpacing": 0, + "textCase": "none", + "textDecoration": "none" + }, + "type": "typography", + "filePath": "tokens/core.json", + "isSource": true, + "original": { + "value": { + "fontFamily": "Abel", + "fontWeight": "Regular", + "lineHeight": 40, + "fontSize": "2.5rem", + "letterSpacing": "0%", + "paragraphSpacing": 0, + "textCase": "none", + "textDecoration": "none" + }, + "type": "typography" + }, + "name": "h1-m", + "attributes": { "category": "h1-m" }, + "path": ["h1-m"] + }, + { + "value": { + "fontFamily": "Abel", + "fontWeight": "Regular", + "lineHeight": 48, + "fontSize": "2.25rem", + "letterSpacing": "0%", + "paragraphSpacing": 0, + "textCase": "none", + "textDecoration": "none" + }, + "type": "typography", + "filePath": "tokens/core.json", + "isSource": true, + "original": { + "value": { + "fontFamily": "Abel", + "fontWeight": "Regular", + "lineHeight": 48, + "fontSize": "2.25rem", + "letterSpacing": "0%", + "paragraphSpacing": 0, + "textCase": "none", + "textDecoration": "none" + }, + "type": "typography" + }, + "name": "h2-m", + "attributes": { "category": "h2-m" }, + "path": ["h2-m"] + }, + { + "value": { + "fontFamily": "Abel", + "fontWeight": "Regular", + "lineHeight": 32, + "fontSize": "1.5rem", + "letterSpacing": "0%", + "paragraphSpacing": 0, + "textCase": "none", + "textDecoration": "none" + }, + "type": "typography", + "filePath": "tokens/core.json", + "isSource": true, + "original": { + "value": { + "fontFamily": "Abel", + "fontWeight": "Regular", + "lineHeight": 32, + "fontSize": "1.5rem", + "letterSpacing": "0%", + "paragraphSpacing": 0, + "textCase": "none", + "textDecoration": "none" + }, + "type": "typography" + }, + "name": "h3-m", + "attributes": { "category": "h3-m" }, + "path": ["h3-m"] + }, + { + "value": { + "fontFamily": "Nunito Sans", + "fontWeight": "Regular", + "lineHeight": "AUTO", + "fontSize": "1.5rem", + "letterSpacing": "0%", + "paragraphSpacing": 0, + "textCase": "none", + "textDecoration": "none" + }, + "type": "typography", + "filePath": "tokens/core.json", + "isSource": true, + "original": { + "value": { + "fontFamily": "Nunito Sans", + "fontWeight": "Regular", + "lineHeight": "AUTO", + "fontSize": "1.5rem", + "letterSpacing": "0%", + "paragraphSpacing": 0, + "textCase": "none", + "textDecoration": "none" + }, + "type": "typography" + }, + "name": "h4-m", + "attributes": { "category": "h4-m" }, + "path": ["h4-m"] + }, + { + "value": { + "fontFamily": "Nunito Sans", + "fontWeight": "Regular", + "lineHeight": 28, + "fontSize": "1.25rem", + "letterSpacing": "8%", + "paragraphSpacing": 0, + "textCase": "uppercase", + "textDecoration": "none" + }, + "type": "typography", + "filePath": "tokens/core.json", + "isSource": true, + "original": { + "value": { + "fontFamily": "Nunito Sans", + "fontWeight": "Regular", + "lineHeight": 28, + "fontSize": "1.25rem", + "letterSpacing": "8%", + "paragraphSpacing": 0, + "textCase": "uppercase", + "textDecoration": "none" + }, + "type": "typography" + }, + "name": "h5-m", + "attributes": { "category": "h5-m" }, + "path": ["h5-m"] + }, + { + "value": { + "fontFamily": "Nunito Sans", + "fontWeight": "Regular", + "lineHeight": 28, + "fontSize": "1.25rem", + "letterSpacing": "0%", + "paragraphSpacing": 0, + "textCase": "none", + "textDecoration": "none" + }, + "type": "typography", + "description": "Paragraph Large Mobile", + "filePath": "tokens/core.json", + "isSource": true, + "original": { + "value": { + "fontFamily": "Nunito Sans", + "fontWeight": "Regular", + "lineHeight": 28, + "fontSize": "1.25rem", + "letterSpacing": "0%", + "paragraphSpacing": 0, + "textCase": "none", + "textDecoration": "none" + }, + "type": "typography", + "description": "Paragraph Large Mobile" + }, + "name": "p-l-m", + "attributes": { "category": "p-l-m" }, + "path": ["p-l-m"] + }, + { + "value": { + "fontFamily": "Nunito Sans", + "fontWeight": "Regular", + "lineHeight": 24, + "fontSize": "1rem", + "letterSpacing": "0%", + "paragraphSpacing": 0, + "textCase": "none", + "textDecoration": "none" + }, + "type": "typography", + "description": "Paragraph - Body - Mobile", + "filePath": "tokens/core.json", + "isSource": true, + "original": { + "value": { + "fontFamily": "Nunito Sans", + "fontWeight": "Regular", + "lineHeight": 24, + "fontSize": "1rem", + "letterSpacing": "0%", + "paragraphSpacing": 0, + "textCase": "none", + "textDecoration": "none" + }, + "type": "typography", + "description": "Paragraph - Body - Mobile" + }, + "name": "p-d-m", + "attributes": { "category": "p-d-m" }, + "path": ["p-d-m"] + }, + { + "value": { + "fontFamily": "Nunito Sans", + "fontWeight": "Regular", + "lineHeight": 20, + "fontSize": "0.875rem", + "letterSpacing": "0%", + "paragraphSpacing": 0, + "textCase": "none", + "textDecoration": "none" + }, + "type": "typography", + "filePath": "tokens/core.json", + "isSource": true, + "original": { + "value": { + "fontFamily": "Nunito Sans", + "fontWeight": "Regular", + "lineHeight": 20, + "fontSize": "0.875rem", + "letterSpacing": "0%", + "paragraphSpacing": 0, + "textCase": "none", + "textDecoration": "none" + }, + "type": "typography" + }, + "name": "p-s-m", + "attributes": { "category": "p-s-m" }, + "path": ["p-s-m"] + }, + { + "value": { + "fontFamily": "Nunito Sans", + "fontWeight": "Regular", + "lineHeight": 24, + "fontSize": "1rem", + "letterSpacing": "0%", + "paragraphSpacing": 0, + "textCase": "uppercase", + "textDecoration": "none" + }, + "type": "typography", + "filePath": "tokens/core.json", + "isSource": true, + "original": { + "value": { + "fontFamily": "Nunito Sans", + "fontWeight": "Regular", + "lineHeight": 24, + "fontSize": "1rem", + "letterSpacing": "0%", + "paragraphSpacing": 0, + "textCase": "uppercase", + "textDecoration": "none" + }, + "type": "typography" + }, + "name": "label-m", + "attributes": { "category": "label-m" }, + "path": ["label-m"] + }, + { + "value": { + "fontFamily": "Nunito Sans", + "fontWeight": "Regular", + "lineHeight": 24, + "fontSize": "0.875rem", + "letterSpacing": "12%", + "paragraphSpacing": 0, + "textCase": "none", + "textDecoration": "none" + }, + "type": "typography", + "filePath": "tokens/core.json", + "isSource": true, + "original": { + "value": { + "fontFamily": "Nunito Sans", + "fontWeight": "Regular", + "lineHeight": 24, + "fontSize": "0.875rem", + "letterSpacing": "12%", + "paragraphSpacing": 0, + "textCase": "none", + "textDecoration": "none" + }, + "type": "typography" + }, + "name": "button-m", + "attributes": { "category": "button-m" }, + "path": ["button-m"] + }, + { + "value": { + "fontFamily": "Nunito Sans", + "fontWeight": "Light", + "lineHeight": 24, + "fontSize": "1rem", + "letterSpacing": "0%", + "paragraphSpacing": 0, + "textCase": "none", + "textDecoration": "none" + }, + "type": "typography", + "filePath": "tokens/core.json", + "isSource": true, + "original": { + "value": { + "fontFamily": "Nunito Sans", + "fontWeight": "Light", + "lineHeight": 24, + "fontSize": "1rem", + "letterSpacing": "0%", + "paragraphSpacing": 0, + "textCase": "none", + "textDecoration": "none" + }, + "type": "typography" + }, + "name": "placeholder-m", + "attributes": { "category": "placeholder-m" }, + "path": ["placeholder-m"] + }, + { + "value": "none", + "type": "textCase", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "none", "type": "textCase" }, + "name": "text-case-normal-case", + "attributes": { "category": "textCase", "type": "normal-case" }, + "path": ["textCase", "normal-case"] + }, + { + "value": "uppercase", + "type": "textCase", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "uppercase", "type": "textCase" }, + "name": "text-case-uppercase", + "attributes": { "category": "textCase", "type": "uppercase" }, + "path": ["textCase", "uppercase"] + }, + { + "value": "capitalize", + "type": "textCase", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "capitalize", "type": "textCase" }, + "name": "text-case-capitalize", + "attributes": { "category": "textCase", "type": "capitalize" }, + "path": ["textCase", "capitalize"] + }, + { + "value": "lowercase", + "type": "textCase", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "lowercase", "type": "textCase" }, + "name": "text-case-lowercase", + "attributes": { "category": "textCase", "type": "lowercase" }, + "path": ["textCase", "lowercase"] + }, + { + "value": "none", + "type": "textDecoration", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "none", "type": "textDecoration" }, + "name": "text-decoration-none", + "attributes": { "category": "textDecoration", "type": "none" }, + "path": ["textDecoration", "none"] + }, + { + "value": "underline", + "type": "textDecoration", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "underline", "type": "textDecoration" }, + "name": "text-decoration-underline", + "attributes": { "category": "textDecoration", "type": "underline" }, + "path": ["textDecoration", "underline"] + }, + { + "value": "0.25rem", + "type": "borderRadius", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "0.25rem", "type": "borderRadius" }, + "name": "rounded-sm", + "attributes": { "category": "rounded-sm" }, + "path": ["rounded-sm"] + }, + { + "value": "0.5rem", + "type": "borderRadius", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "0.5rem", "type": "borderRadius" }, + "name": "rounded", + "attributes": { "category": "rounded" }, + "path": ["rounded"] + }, + { + "value": "1rem", + "type": "borderRadius", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "1rem", "type": "borderRadius" }, + "name": "rounded-md", + "attributes": { "category": "rounded-md" }, + "path": ["rounded-md"] + }, + { + "value": "1.5rem", + "type": "borderRadius", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "1.5rem", "type": "borderRadius" }, + "name": "rounded-lg", + "attributes": { "category": "rounded-lg" }, + "path": ["rounded-lg"] + }, + { + "value": "2rem", + "type": "borderRadius", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "2rem", "type": "borderRadius" }, + "name": "rounded-xl", + "attributes": { "category": "rounded-xl" }, + "path": ["rounded-xl"] + }, + { + "value": "3rem", + "type": "borderRadius", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "3rem", "type": "borderRadius" }, + "name": "rounded-2xl", + "attributes": { "category": "rounded-2xl" }, + "path": ["rounded-2xl"] + }, + { + "value": "4rem", + "type": "borderRadius", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "4rem", "type": "borderRadius" }, + "name": "rounded-3xl", + "attributes": { "category": "rounded-3xl" }, + "path": ["rounded-3xl"] + }, + { + "value": "6rem", + "type": "borderRadius", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "6rem", "type": "borderRadius" }, + "name": "rounded-4xl", + "attributes": { "category": "rounded-4xl" }, + "path": ["rounded-4xl"] + }, + { + "value": "0.25rem", + "type": "spacing", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "0.25rem", "type": "spacing" }, + "name": "padding-p-1", + "attributes": { "category": "padding", "type": "p-1" }, + "path": ["padding", "p-1"] + }, + { + "value": "0.5rem", + "type": "spacing", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "0.5rem", "type": "spacing" }, + "name": "padding-p-2", + "attributes": { "category": "padding", "type": "p-2" }, + "path": ["padding", "p-2"] + }, + { + "value": "1rem", + "type": "spacing", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "1rem", "type": "spacing" }, + "name": "padding-p-4", + "attributes": { "category": "padding", "type": "p-4" }, + "path": ["padding", "p-4"] + }, + { + "value": "1.5rem", + "type": "spacing", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "1.5rem", "type": "spacing" }, + "name": "padding-p-6", + "attributes": { "category": "padding", "type": "p-6" }, + "path": ["padding", "p-6"] + }, + { + "value": "2rem", + "type": "spacing", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "2rem", "type": "spacing" }, + "name": "padding-p-8", + "attributes": { "category": "padding", "type": "p-8" }, + "path": ["padding", "p-8"] + }, + { + "value": "3rem", + "type": "spacing", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "3rem", "type": "spacing" }, + "name": "padding-p-12", + "attributes": { "category": "padding", "type": "p-12" }, + "path": ["padding", "p-12"] + }, + { + "value": "4rem", + "type": "spacing", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "4rem", "type": "spacing" }, + "name": "padding-p-16", + "attributes": { "category": "padding", "type": "p-16" }, + "path": ["padding", "p-16"] + }, + { + "value": "6rem", + "type": "spacing", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "6rem", "type": "spacing" }, + "name": "padding-p-24", + "attributes": { "category": "padding", "type": "p-24" }, + "path": ["padding", "p-24"] + }, + { + "value": "8rem", + "type": "spacing", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "8rem", "type": "spacing" }, + "name": "padding-p-32", + "attributes": { "category": "padding", "type": "p-32" }, + "path": ["padding", "p-32"] + }, + { + "value": 16, + "type": "sizing", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": 16, "type": "sizing" }, + "name": "rem", + "attributes": { "category": "rem" }, + "path": ["rem"] + }, + { + "value": "0.75rem", + "type": "fontSizes", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "0.75rem", "type": "fontSizes" }, + "name": "font-size-0", + "attributes": { "category": "fontSize", "type": "0" }, + "path": ["fontSize", "0"] + }, + { + "value": "0.875rem", + "type": "fontSizes", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "0.875rem", "type": "fontSizes" }, + "name": "font-size-1", + "attributes": { "category": "fontSize", "type": "1" }, + "path": ["fontSize", "1"] + }, + { + "value": "1rem", + "type": "fontSizes", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "1rem", "type": "fontSizes" }, + "name": "font-size-2", + "attributes": { "category": "fontSize", "type": "2" }, + "path": ["fontSize", "2"] + }, + { + "value": "1.25rem", + "type": "fontSizes", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "1.25rem", "type": "fontSizes" }, + "name": "font-size-3", + "attributes": { "category": "fontSize", "type": "3" }, + "path": ["fontSize", "3"] + }, + { + "value": "1.5rem", + "type": "fontSizes", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "1.5rem", "type": "fontSizes" }, + "name": "font-size-4", + "attributes": { "category": "fontSize", "type": "4" }, + "path": ["fontSize", "4"] + }, + { + "value": "1.625rem", + "type": "fontSizes", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "1.625rem", "type": "fontSizes" }, + "name": "font-size-5", + "attributes": { "category": "fontSize", "type": "5" }, + "path": ["fontSize", "5"] + }, + { + "value": "1.75rem", + "type": "fontSizes", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "1.75rem", "type": "fontSizes" }, + "name": "font-size-6", + "attributes": { "category": "fontSize", "type": "6" }, + "path": ["fontSize", "6"] + }, + { + "value": "2rem", + "type": "fontSizes", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "2rem", "type": "fontSizes" }, + "name": "font-size-7", + "attributes": { "category": "fontSize", "type": "7" }, + "path": ["fontSize", "7"] + }, + { + "value": "2.25rem", + "type": "fontSizes", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "2.25rem", "type": "fontSizes" }, + "name": "font-size-8", + "attributes": { "category": "fontSize", "type": "8" }, + "path": ["fontSize", "8"] + }, + { + "value": "2.5rem", + "type": "fontSizes", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "2.5rem", "type": "fontSizes" }, + "name": "font-size-9", + "attributes": { "category": "fontSize", "type": "9" }, + "path": ["fontSize", "9"] + }, + { + "value": "2.75rem", + "type": "fontSizes", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "2.75rem", "type": "fontSizes" }, + "name": "font-size-10", + "attributes": { "category": "fontSize", "type": "10" }, + "path": ["fontSize", "10"] + }, + { + "value": "3rem", + "type": "fontSizes", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "3rem", "type": "fontSizes" }, + "name": "font-size-11", + "attributes": { "category": "fontSize", "type": "11" }, + "path": ["fontSize", "11"] + }, + { + "value": "4rem", + "type": "fontSizes", + "filePath": "tokens/core.json", + "isSource": true, + "original": { "value": "4rem", "type": "fontSizes" }, + "name": "font-size-12", + "attributes": { "category": "fontSize", "type": "12" }, + "path": ["fontSize", "12"] + } +] diff --git a/packages/tailwind-constructor/tailwind.config.js b/packages/tailwind-constructor/tailwind.config.js index 11a82e7c3..b398677e0 100644 --- a/packages/tailwind-constructor/tailwind.config.js +++ b/packages/tailwind-constructor/tailwind.config.js @@ -1,15 +1,16 @@ +const { filterTokensByType } = require('./fns'); +const tokens = require('./output/core.json'); -const { filterTokensByType } = require("./fns"); -// const tokens = require("./output/light.json") - -// const colors = filterTokensByType('color', tokens) +const colors = filterTokensByType('color', tokens); module.exports = { purge: [], darkMode: false, // or 'media' or 'class' theme: { - // colors, + extend: { + colors, + }, }, variants: {}, plugins: [], -} +}; diff --git a/packages/tailwind-constructor/tailwind.css b/packages/tailwind-constructor/tailwind.css index 49dd1e4b9..66f3f2bda 100644 --- a/packages/tailwind-constructor/tailwind.css +++ b/packages/tailwind-constructor/tailwind.css @@ -433,13 +433,13 @@ textarea { input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; - color: #9ca3af; + color: #a1a1aa; } input::placeholder, textarea::placeholder { opacity: 1; - color: #9ca3af; + color: #a1a1aa; } button, @@ -566,8 +566,7 @@ video { } *, ::before, ::after { - --tw-border-opacity: 1; - border-color: rgba(229, 231, 235, var(--tw-border-opacity)); + border-color: currentColor; } .container { @@ -887,37 +886,37 @@ video { --text-case-lowercase: lowercase; --text-decoration-none: none; --text-decoration-underline: underline; - --rounded-sm: 0.25; - --rounded: 0.5; - --rounded-md: 1; - --rounded-lg: 1.5; - --rounded-xl: 2; - --rounded-2xl: 3; - --rounded-3xl: 4; - --rounded-4xl: 6; - --padding-p-1: 0.25; - --padding-p-2: 0.5; - --padding-p-4: 1; - --padding-p-6: 1.5; - --padding-p-8: 2; - --padding-p-12: 3; - --padding-p-16: 4; - --padding-p-24: 6; - --padding-p-32: 8; + --rounded-sm: 0.25rem; + --rounded: 0.5rem; + --rounded-md: 1rem; + --rounded-lg: 1.5rem; + --rounded-xl: 2rem; + --rounded-2xl: 3rem; + --rounded-3xl: 4rem; + --rounded-4xl: 6rem; + --padding-p-1: 0.25rem; + --padding-p-2: 0.5rem; + --padding-p-4: 1rem; + --padding-p-6: 1.5rem; + --padding-p-8: 2rem; + --padding-p-12: 3rem; + --padding-p-16: 4rem; + --padding-p-24: 6rem; + --padding-p-32: 8rem; --rem: 16; - --font-size-0: 0.75; - --font-size-1: 0.875; - --font-size-2: 1; - --font-size-3: 1.25; - --font-size-4: 1.5; - --font-size-5: 1.625; - --font-size-6: 1.75; - --font-size-7: 2; - --font-size-8: 2.25; - --font-size-9: 2.5; - --font-size-10: 2.75; - --font-size-11: 3; - --font-size-12: 4; + --font-size-0: 0.75rem; + --font-size-1: 0.875rem; + --font-size-2: 1rem; + --font-size-3: 1.25rem; + --font-size-4: 1.5rem; + --font-size-5: 1.625rem; + --font-size-6: 1.75rem; + --font-size-7: 2rem; + --font-size-8: 2.25rem; + --font-size-9: 2.5rem; + --font-size-10: 2.75rem; + --font-size-11: 3rem; + --font-size-12: 4rem; } .light-theme { @@ -12082,422 +12081,764 @@ html, body { border-style: none; } -.divide-transparent > :not([hidden]) ~ :not([hidden]) { - border-color: transparent; +.divide-colors-black > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-black, #000000); } -.divide-current > :not([hidden]) ~ :not([hidden]) { - border-color: currentColor; +.divide-colors-white > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-white, #ffffff); } -.divide-black > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(0, 0, 0, var(--tw-divide-opacity)); +.divide-colors-gray-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-gray-100, #f7fafc); } -.divide-white > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(255, 255, 255, var(--tw-divide-opacity)); +.divide-colors-gray-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-gray-200, #edf2f7); } -.divide-gray-50 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(249, 250, 251, var(--tw-divide-opacity)); +.divide-colors-gray-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-gray-300, #e2e8f0); } -.divide-gray-100 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(243, 244, 246, var(--tw-divide-opacity)); +.divide-colors-gray-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-gray-400, #cbd5e0); } -.divide-gray-200 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(229, 231, 235, var(--tw-divide-opacity)); +.divide-colors-gray-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-gray-500, #a0aec0); } -.divide-gray-300 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(209, 213, 219, var(--tw-divide-opacity)); +.divide-colors-gray-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-gray-600, #718096); } -.divide-gray-400 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(156, 163, 175, var(--tw-divide-opacity)); +.divide-colors-gray-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-gray-700, #4a5568); } -.divide-gray-500 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(107, 114, 128, var(--tw-divide-opacity)); +.divide-colors-gray-800 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-gray-800, #2d3748); } -.divide-gray-600 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(75, 85, 99, var(--tw-divide-opacity)); +.divide-colors-gray-900 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-gray-900, #1a202c); } -.divide-gray-700 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(55, 65, 81, var(--tw-divide-opacity)); +.divide-colors-red-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-red-100, #fff5f5); } -.divide-gray-800 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(31, 41, 55, var(--tw-divide-opacity)); +.divide-colors-red-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-red-200, #fed7d7); } -.divide-gray-900 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(17, 24, 39, var(--tw-divide-opacity)); +.divide-colors-red-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-red-300, #feb2b2); } -.divide-red-50 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(254, 242, 242, var(--tw-divide-opacity)); +.divide-colors-red-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-red-400, #fc8181); } -.divide-red-100 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(254, 226, 226, var(--tw-divide-opacity)); +.divide-colors-red-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-red-500, #f56565); } -.divide-red-200 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(254, 202, 202, var(--tw-divide-opacity)); +.divide-colors-red-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-red-600, #e53e3e); } -.divide-red-300 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(252, 165, 165, var(--tw-divide-opacity)); +.divide-colors-red-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-red-700, #c53030); } -.divide-red-400 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(248, 113, 113, var(--tw-divide-opacity)); +.divide-colors-red-800 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-red-800, #9b2c2c); } -.divide-red-500 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(239, 68, 68, var(--tw-divide-opacity)); +.divide-colors-red-900 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-red-900, #742a2a); } -.divide-red-600 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(220, 38, 38, var(--tw-divide-opacity)); +.divide-colors-orange-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-orange-100, #fffaf0); } -.divide-red-700 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(185, 28, 28, var(--tw-divide-opacity)); +.divide-colors-orange-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-orange-200, #feebc8); } -.divide-red-800 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(153, 27, 27, var(--tw-divide-opacity)); +.divide-colors-orange-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-orange-300, #fbd38d); } -.divide-red-900 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(127, 29, 29, var(--tw-divide-opacity)); +.divide-colors-orange-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-orange-400, #f6ad55); } -.divide-yellow-50 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(255, 251, 235, var(--tw-divide-opacity)); +.divide-colors-orange-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-orange-500, #ed8936); } -.divide-yellow-100 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(254, 243, 199, var(--tw-divide-opacity)); +.divide-colors-orange-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-orange-600, #dd6b20); } -.divide-yellow-200 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(253, 230, 138, var(--tw-divide-opacity)); +.divide-colors-orange-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-orange-700, #c05621); } -.divide-yellow-300 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(252, 211, 77, var(--tw-divide-opacity)); +.divide-colors-orange-800 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-orange-800, #9c4221); } -.divide-yellow-400 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(251, 191, 36, var(--tw-divide-opacity)); +.divide-colors-orange-900 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-orange-900, #7b341e); } -.divide-yellow-500 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(245, 158, 11, var(--tw-divide-opacity)); +.divide-colors-yellow-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-yellow-100, #fffff0); } -.divide-yellow-600 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(217, 119, 6, var(--tw-divide-opacity)); +.divide-colors-yellow-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-yellow-200, #fefcbf); } -.divide-yellow-700 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(180, 83, 9, var(--tw-divide-opacity)); +.divide-colors-yellow-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-yellow-300, #faf089); } -.divide-yellow-800 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(146, 64, 14, var(--tw-divide-opacity)); +.divide-colors-yellow-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-yellow-400, #f6e05e); } -.divide-yellow-900 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(120, 53, 15, var(--tw-divide-opacity)); +.divide-colors-yellow-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-yellow-500, #ecc94b); } -.divide-green-50 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(236, 253, 245, var(--tw-divide-opacity)); +.divide-colors-yellow-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-yellow-600, #d69e2e); } -.divide-green-100 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(209, 250, 229, var(--tw-divide-opacity)); +.divide-colors-yellow-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-yellow-700, #b7791f); } -.divide-green-200 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(167, 243, 208, var(--tw-divide-opacity)); +.divide-colors-yellow-800 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-yellow-800, #975a16); } -.divide-green-300 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(110, 231, 183, var(--tw-divide-opacity)); +.divide-colors-yellow-900 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-yellow-900, #744210); } -.divide-green-400 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(52, 211, 153, var(--tw-divide-opacity)); +.divide-colors-green-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-green-100, #f0fff4); } -.divide-green-500 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(16, 185, 129, var(--tw-divide-opacity)); +.divide-colors-green-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-green-200, #c6f6d5); } -.divide-green-600 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(5, 150, 105, var(--tw-divide-opacity)); +.divide-colors-green-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-green-300, #9ae6b4); } -.divide-green-700 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(4, 120, 87, var(--tw-divide-opacity)); +.divide-colors-green-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-green-400, #68d391); } -.divide-green-800 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(6, 95, 70, var(--tw-divide-opacity)); +.divide-colors-green-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-green-500, #48bb78); } -.divide-green-900 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(6, 78, 59, var(--tw-divide-opacity)); +.divide-colors-green-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-green-600, #38a169); } -.divide-blue-50 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(239, 246, 255, var(--tw-divide-opacity)); +.divide-colors-green-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-green-700, #2f855a); } -.divide-blue-100 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(219, 234, 254, var(--tw-divide-opacity)); +.divide-colors-green-800 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-green-800, #276749); } -.divide-blue-200 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(191, 219, 254, var(--tw-divide-opacity)); +.divide-colors-green-900 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-green-900, #22543d); } -.divide-blue-300 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(147, 197, 253, var(--tw-divide-opacity)); +.divide-colors-teal-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-teal-100, #e6fffa); } -.divide-blue-400 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(96, 165, 250, var(--tw-divide-opacity)); +.divide-colors-teal-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-teal-200, #b2f5ea); } -.divide-blue-500 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(59, 130, 246, var(--tw-divide-opacity)); +.divide-colors-teal-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-teal-300, #81e6d9); } -.divide-blue-600 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(37, 99, 235, var(--tw-divide-opacity)); +.divide-colors-teal-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-teal-400, #4fd1c5); } -.divide-blue-700 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(29, 78, 216, var(--tw-divide-opacity)); +.divide-colors-teal-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-teal-500, #38b2ac); } -.divide-blue-800 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(30, 64, 175, var(--tw-divide-opacity)); +.divide-colors-teal-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-teal-600, #319795); } -.divide-blue-900 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(30, 58, 138, var(--tw-divide-opacity)); +.divide-colors-teal-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-teal-700, #2c7a7b); } -.divide-indigo-50 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(238, 242, 255, var(--tw-divide-opacity)); +.divide-colors-teal-800 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-teal-800, #285e61); } -.divide-indigo-100 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(224, 231, 255, var(--tw-divide-opacity)); +.divide-colors-teal-900 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-teal-900, #234e52); } -.divide-indigo-200 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(199, 210, 254, var(--tw-divide-opacity)); +.divide-colors-blue-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-blue-100, #ebf8ff); } -.divide-indigo-300 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(165, 180, 252, var(--tw-divide-opacity)); +.divide-colors-blue-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-blue-200, #bee3f8); } -.divide-indigo-400 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(129, 140, 248, var(--tw-divide-opacity)); +.divide-colors-blue-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-blue-300, #90cdf4); } -.divide-indigo-500 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(99, 102, 241, var(--tw-divide-opacity)); +.divide-colors-blue-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-blue-400, #63b3ed); } -.divide-indigo-600 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(79, 70, 229, var(--tw-divide-opacity)); +.divide-colors-blue-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-blue-500, #4299e1); } -.divide-indigo-700 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(67, 56, 202, var(--tw-divide-opacity)); +.divide-colors-blue-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-blue-600, #3182ce); } -.divide-indigo-800 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(55, 48, 163, var(--tw-divide-opacity)); +.divide-colors-blue-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-blue-700, #2b6cb0); } -.divide-indigo-900 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(49, 46, 129, var(--tw-divide-opacity)); +.divide-colors-blue-800 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-blue-800, #2c5282); } -.divide-purple-50 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(245, 243, 255, var(--tw-divide-opacity)); +.divide-colors-blue-900 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-blue-900, #2a4365); } -.divide-purple-100 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(237, 233, 254, var(--tw-divide-opacity)); +.divide-colors-indigo-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-indigo-100, #ebf4ff); } -.divide-purple-200 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(221, 214, 254, var(--tw-divide-opacity)); +.divide-colors-indigo-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-indigo-200, #c3dafe); } -.divide-purple-300 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(196, 181, 253, var(--tw-divide-opacity)); +.divide-colors-indigo-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-indigo-300, #a3bffa); } -.divide-purple-400 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(167, 139, 250, var(--tw-divide-opacity)); +.divide-colors-indigo-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-indigo-400, #7f9cf5); } -.divide-purple-500 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(139, 92, 246, var(--tw-divide-opacity)); +.divide-colors-indigo-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-indigo-500, #667eea); } -.divide-purple-600 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(124, 58, 237, var(--tw-divide-opacity)); +.divide-colors-indigo-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-indigo-600, #5a67d8); } -.divide-purple-700 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(109, 40, 217, var(--tw-divide-opacity)); +.divide-colors-indigo-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-indigo-700, #4c51bf); } -.divide-purple-800 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(91, 33, 182, var(--tw-divide-opacity)); +.divide-colors-indigo-800 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-indigo-800, #434190); } -.divide-purple-900 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(76, 29, 149, var(--tw-divide-opacity)); +.divide-colors-indigo-900 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-indigo-900, #3c366b); } -.divide-pink-50 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(253, 242, 248, var(--tw-divide-opacity)); +.divide-colors-purple-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-purple-100, #faf5ff); } -.divide-pink-100 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(252, 231, 243, var(--tw-divide-opacity)); +.divide-colors-purple-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-purple-200, #e9d8fd); } -.divide-pink-200 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(251, 207, 232, var(--tw-divide-opacity)); +.divide-colors-purple-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-purple-300, #d6bcfa); } -.divide-pink-300 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(249, 168, 212, var(--tw-divide-opacity)); +.divide-colors-purple-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-purple-400, #b794f4); } -.divide-pink-400 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(244, 114, 182, var(--tw-divide-opacity)); +.divide-colors-purple-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-purple-500, #9f7aea); } -.divide-pink-500 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(236, 72, 153, var(--tw-divide-opacity)); +.divide-colors-purple-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-purple-600, #805ad5); } -.divide-pink-600 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(219, 39, 119, var(--tw-divide-opacity)); +.divide-colors-purple-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-purple-700, #6b46c1); } -.divide-pink-700 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(190, 24, 93, var(--tw-divide-opacity)); +.divide-colors-purple-800 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-purple-800, #553c9a); } -.divide-pink-800 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(157, 23, 77, var(--tw-divide-opacity)); +.divide-colors-purple-900 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-purple-900, #44337a); } -.divide-pink-900 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(131, 24, 67, var(--tw-divide-opacity)); +.divide-colors-pink-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-pink-100, #fff5f7); +} + +.divide-colors-pink-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-pink-200, #fed7e2); +} + +.divide-colors-pink-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-pink-300, #fbb6ce); +} + +.divide-colors-pink-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-pink-400, #f687b3); +} + +.divide-colors-pink-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-pink-500, #ed64a6); +} + +.divide-colors-pink-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-pink-600, #d53f8c); +} + +.divide-colors-pink-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-pink-700, #b83280); +} + +.divide-colors-pink-800 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-pink-800, #97266d); +} + +.divide-colors-pink-900 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-pink-900, #702459); +} + +.divide-Box\ Shadow > :not([hidden]) ~ :not([hidden]) { + border-color: var(--box-shadow, #7f7e7f); +} + +.divide-Error16 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--error16, #f03d3e40); +} + +.divide-Success16 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--success16, #5bb14d40); +} + +.divide-Notification16 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--notification16, #3959ff40); +} + +.divide-Error8 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--error8, #f03d3e1a); +} + +.divide-Notification8 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--notification8, #3959ff1a); +} + +.divide-Success8 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--success8, #5bb14d1a); +} + +.divide-Light\ -\ Overlay > :not([hidden]) ~ :not([hidden]) { + border-color: var(--light-overlay, #f0edee66); +} + +.divide-Dark-\ Overlay > :not([hidden]) ~ :not([hidden]) { + border-color: var(--dark-overlay, #7f7e7f66); +} + +.divide-black-40 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--black-40, #00000066); +} + +.divide-black-75 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--black-75, #000000bf); +} + +.divide-black-60 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--black-60, #00000099); +} + +.divide-black-50 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--black-50, #00000080); +} + +.divide-black-25 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--black-25, #00000040); +} + +.divide-black-10 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--black-10, #0000001a); +} + +.divide-white-25 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--white-25, #ffffff40); +} + +.divide-white-60 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--white-60, #ffffff99); +} + +.divide-black-64 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--black-64, #000000a3); +} + +.divide-Shadow\ and\ Highlight-Shadow > :not([hidden]) ~ :not([hidden]) { + border-color: var(--shadow-and-highlight-shadow, #7f7e7f); +} + +.divide-Shadow\ and\ Highlight-Highlight > :not([hidden]) ~ :not([hidden]) { + border-color: var(--shadow-and-highlight-highlight, #474747); +} + +.divide-Shadow\ and\ Highlight-highlight\ one > :not([hidden]) ~ :not([hidden]) { + border-color: var(--shadow-and-highlight-highlight-one, #474747bf); +} + +.divide-Shadow\ and\ Highlight-highlight\ two > :not([hidden]) ~ :not([hidden]) { + border-color: var(--shadow-and-highlight-highlight-two, #47474799); +} + +.divide-Shadow\ and\ Highlight-highlight\ three > :not([hidden]) ~ :not([hidden]) { + border-color: var(--shadow-and-highlight-highlight-three, #47474766); +} + +.divide-Shadow\ and\ Highlight-highlight\ five > :not([hidden]) ~ :not([hidden]) { + border-color: var(--shadow-and-highlight-highlight-five, #4747471a); +} + +.divide-Shadow\ and\ Highlight-shadow\ one > :not([hidden]) ~ :not([hidden]) { + border-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); +} + +.divide-Shadow\ and\ Highlight-shadow\ two > :not([hidden]) ~ :not([hidden]) { + border-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); +} + +.divide-Shadow\ and\ Highlight-shadow\ three > :not([hidden]) ~ :not([hidden]) { + border-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); +} + +.divide-Shadow\ and\ Highlight-shadow\ four > :not([hidden]) ~ :not([hidden]) { + border-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); +} + +.divide-Shadow\ and\ Highlight-shadow\ five > :not([hidden]) ~ :not([hidden]) { + border-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); +} + +.divide-Shadow\ and\ Highlight-highlight\ four > :not([hidden]) ~ :not([hidden]) { + border-color: var(--shadow-and-highlight-highlight-four, #47474740); +} + +.divide-Base\ Layer\ Styles-Base\ Layer-\ Light-White > :not([hidden]) ~ :not([hidden]) { + border-color: var(--base-layer-styles-base-layer-light-white, #ffffff); +} + +.divide-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite > :not([hidden]) ~ :not([hidden]) { + border-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); +} + +.divide-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack > :not([hidden]) ~ :not([hidden]) { + border-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); +} + +.divide-Base\ Layer\ Styles-Base\ Layer-Dark-Black > :not([hidden]) ~ :not([hidden]) { + border-color: var(--base-layer-styles-base-layer-dark-black, #000000); +} + +.divide-Grey-Scale-white > :not([hidden]) ~ :not([hidden]) { + border-color: var(--grey-scale-white, #ffffff); +} + +.divide-Grey-Scale-off-white > :not([hidden]) ~ :not([hidden]) { + border-color: var(--grey-scale-off-white, #f0edee); +} + +.divide-Grey\ Scale-grey > :not([hidden]) ~ :not([hidden]) { + border-color: var(--grey-scale-grey, #7f7e7f); +} + +.divide-Grey\ Scale-charcoal > :not([hidden]) ~ :not([hidden]) { + border-color: var(--grey-scale-charcoal, #474747); +} + +.divide-Grey\ Scale-off-black > :not([hidden]) ~ :not([hidden]) { + border-color: var(--grey-scale-off-black, #1c1c1c); +} + +.divide-Grey\ Scale-black > :not([hidden]) ~ :not([hidden]) { + border-color: var(--grey-scale-black, #000000); +} + +.divide-Blue-blue > :not([hidden]) ~ :not([hidden]) { + border-color: var(--blue-blue, #3a7ca5); +} + +.divide-Blue-blue-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--blue-blue-100, #75a3c0); +} + +.divide-Blue-blue-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--blue-blue-200, #9cbed2); +} + +.divide-Blue-blue-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--blue-blue-300, #4f7d9a); +} + +.divide-Blue-blue-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--blue-blue-400, #5c7d92); +} + +.divide-Blue-blue-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--blue-blue-500, #347095); +} + +.divide-Blue-blue-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--blue-blue-600, #295774); +} + +.divide-Blue-blue-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--blue-blue-700, #173242); +} + +.divide-LightBlue-lightblue > :not([hidden]) ~ :not([hidden]) { + border-color: var(--light-blue-lightblue, #81c3d7); +} + +.divide-LightBlue-lightblue-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--light-blue-lightblue-100, #a7d5e3); +} + +.divide-LightBlue-lightblue-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--light-blue-lightblue-200, #c0e1eb); +} + +.divide-LightBlue-lightblue-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--light-blue-lightblue-300, #80aebd); +} + +.divide-LightBlue-lightblue-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--light-blue-lightblue-400, #80a0ab); +} + +.divide-LightBlue-lightblue-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--light-blue-lightblue-500, #74afc1); +} + +.divide-LightBlue-lightblue-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--light-blue-lightblue-600, #5a8997); +} + +.divide-LightBlue-lightblue-650 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--light-blue-lightblue-650, #3e5e65); +} + +.divide-LightBlue-lightblue-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--light-blue-lightblue-700, #344e56); +} + +.divide-Orange-orange > :not([hidden]) ~ :not([hidden]) { + border-color: var(--orange-orange, #ff7f0e); +} + +.divide-Orange-orange-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--orange-orange-100, #ffa556); +} + +.divide-Orange-orange-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--orange-orange-200, #ffbf86); +} + +.divide-Orange-orange-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--orange-orange-300, #d97f30); +} + +.divide-Orange-orange-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--orange-orange-400, #bf7e46); +} + +.divide-Orange-orange-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--orange-orange-500, #e5720d); +} + +.divide-Orange-orange-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--orange-orange-600, #b3590a); +} + +.divide-Orange-orange-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--orange-orange-700, #663306); +} + +.divide-Yellow-yellow > :not([hidden]) ~ :not([hidden]) { + border-color: var(--yellow-yellow, #ffab00); +} + +.divide-Yellow-yellow-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--yellow-yellow-100, #ffc44c); +} + +.divide-Yellow-yellow-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--yellow-yellow-200, #ffd580); +} + +.divide-Yellow-yellow-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--yellow-yellow-300, #d99d26); +} + +.divide-Yellow-yellow-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--yellow-yellow-400, #bf943f); +} + +.divide-Yellow-yellow-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--yellow-yellow-500, #e59a00); +} + +.divide-Yellow-yellow-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--yellow-yellow-600, #b37800); +} + +.divide-Yellow-yellow-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--yellow-yellow-700, #664400); +} + +.divide-Notification-notification > :not([hidden]) ~ :not([hidden]) { + border-color: var(--notification-notification, #3959ff); +} + +.divide-Notification-notification-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--notification-notification-100, #748bff); +} + +.divide-Notification-notification-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--notification-notification-200, #9cacff); +} + +.divide-Notification-notification-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--notification-notification-300, #4e64d9); +} + +.divide-Notification-notification-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--notification-notification-400, #5c6cbf); +} + +.divide-Notification-notification-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--notification-notification-500, #3350e5); +} + +.divide-Notification-notification-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--notification-notification-600, #283eb3); +} + +.divide-Notification-notification-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--notification-notification-700, #172466); +} + +.divide-Success-success\ -700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--success-success-700, #24471f); +} + +.divide-Success-success > :not([hidden]) ~ :not([hidden]) { + border-color: var(--success-success, #5bb14d); +} + +.divide-Success-success\ -100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--success-success-100, #8cc882); +} + +.divide-Success-success\ -200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--success-success-200, #add8a6); +} + +.divide-Success-success\ -300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--success-success-300, #66a25c); +} + +.divide-Success-success\ -400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--success-success-400, #6d9766); +} + +.divide-Success-success\ -500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--success-success-500, #529f45); +} + +.divide-Success-success\ -600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--success-success-600, #407c36); +} + +.divide-Error-error > :not([hidden]) ~ :not([hidden]) { + border-color: var(--error-error, #f03d3e); +} + +.divide-Error-error-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--error-error-100, #f57778); +} + +.divide-Error-error-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--error-error-200, #f89e9e); +} + +.divide-Error-error-250 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--error-error-250, #f9c8c8); +} + +.divide-Error-error-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--error-error-300, #ce5151); +} + +.divide-Error-error-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--error-error-400, #b85e5e); +} + +.divide-Error-error-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--error-error-500, #d83738); +} + +.divide-Error-error-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--error-error-600, #a82b2b); +} + +.divide-Error-error-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--error-error-700, #601819); } .divide-opacity-0 > :not([hidden]) ~ :not([hidden]) { @@ -13235,168590 +13576,247880 @@ html, body { border-style: none; } -.border-transparent { - border-color: transparent; +.border-colors-black { + border-color: var(--colors-black, #000000); } -.border-current { - border-color: currentColor; +.border-colors-white { + border-color: var(--colors-white, #ffffff); } -.border-black { - --tw-border-opacity: 1; - border-color: rgba(0, 0, 0, var(--tw-border-opacity)); +.border-colors-gray-100 { + border-color: var(--colors-gray-100, #f7fafc); } -.border-white { - --tw-border-opacity: 1; - border-color: rgba(255, 255, 255, var(--tw-border-opacity)); +.border-colors-gray-200 { + border-color: var(--colors-gray-200, #edf2f7); } -.border-gray-50 { - --tw-border-opacity: 1; - border-color: rgba(249, 250, 251, var(--tw-border-opacity)); +.border-colors-gray-300 { + border-color: var(--colors-gray-300, #e2e8f0); } -.border-gray-100 { - --tw-border-opacity: 1; - border-color: rgba(243, 244, 246, var(--tw-border-opacity)); +.border-colors-gray-400 { + border-color: var(--colors-gray-400, #cbd5e0); } -.border-gray-200 { - --tw-border-opacity: 1; - border-color: rgba(229, 231, 235, var(--tw-border-opacity)); +.border-colors-gray-500 { + border-color: var(--colors-gray-500, #a0aec0); } -.border-gray-300 { - --tw-border-opacity: 1; - border-color: rgba(209, 213, 219, var(--tw-border-opacity)); +.border-colors-gray-600 { + border-color: var(--colors-gray-600, #718096); } -.border-gray-400 { - --tw-border-opacity: 1; - border-color: rgba(156, 163, 175, var(--tw-border-opacity)); +.border-colors-gray-700 { + border-color: var(--colors-gray-700, #4a5568); } -.border-gray-500 { - --tw-border-opacity: 1; - border-color: rgba(107, 114, 128, var(--tw-border-opacity)); +.border-colors-gray-800 { + border-color: var(--colors-gray-800, #2d3748); } -.border-gray-600 { - --tw-border-opacity: 1; - border-color: rgba(75, 85, 99, var(--tw-border-opacity)); +.border-colors-gray-900 { + border-color: var(--colors-gray-900, #1a202c); } -.border-gray-700 { - --tw-border-opacity: 1; - border-color: rgba(55, 65, 81, var(--tw-border-opacity)); +.border-colors-red-100 { + border-color: var(--colors-red-100, #fff5f5); } -.border-gray-800 { - --tw-border-opacity: 1; - border-color: rgba(31, 41, 55, var(--tw-border-opacity)); +.border-colors-red-200 { + border-color: var(--colors-red-200, #fed7d7); } -.border-gray-900 { - --tw-border-opacity: 1; - border-color: rgba(17, 24, 39, var(--tw-border-opacity)); +.border-colors-red-300 { + border-color: var(--colors-red-300, #feb2b2); } -.border-red-50 { - --tw-border-opacity: 1; - border-color: rgba(254, 242, 242, var(--tw-border-opacity)); +.border-colors-red-400 { + border-color: var(--colors-red-400, #fc8181); } -.border-red-100 { - --tw-border-opacity: 1; - border-color: rgba(254, 226, 226, var(--tw-border-opacity)); +.border-colors-red-500 { + border-color: var(--colors-red-500, #f56565); } -.border-red-200 { - --tw-border-opacity: 1; - border-color: rgba(254, 202, 202, var(--tw-border-opacity)); +.border-colors-red-600 { + border-color: var(--colors-red-600, #e53e3e); } -.border-red-300 { - --tw-border-opacity: 1; - border-color: rgba(252, 165, 165, var(--tw-border-opacity)); +.border-colors-red-700 { + border-color: var(--colors-red-700, #c53030); } -.border-red-400 { - --tw-border-opacity: 1; - border-color: rgba(248, 113, 113, var(--tw-border-opacity)); +.border-colors-red-800 { + border-color: var(--colors-red-800, #9b2c2c); } -.border-red-500 { - --tw-border-opacity: 1; - border-color: rgba(239, 68, 68, var(--tw-border-opacity)); +.border-colors-red-900 { + border-color: var(--colors-red-900, #742a2a); } -.border-red-600 { - --tw-border-opacity: 1; - border-color: rgba(220, 38, 38, var(--tw-border-opacity)); +.border-colors-orange-100 { + border-color: var(--colors-orange-100, #fffaf0); } -.border-red-700 { - --tw-border-opacity: 1; - border-color: rgba(185, 28, 28, var(--tw-border-opacity)); +.border-colors-orange-200 { + border-color: var(--colors-orange-200, #feebc8); } -.border-red-800 { - --tw-border-opacity: 1; - border-color: rgba(153, 27, 27, var(--tw-border-opacity)); +.border-colors-orange-300 { + border-color: var(--colors-orange-300, #fbd38d); } -.border-red-900 { - --tw-border-opacity: 1; - border-color: rgba(127, 29, 29, var(--tw-border-opacity)); +.border-colors-orange-400 { + border-color: var(--colors-orange-400, #f6ad55); } -.border-yellow-50 { - --tw-border-opacity: 1; - border-color: rgba(255, 251, 235, var(--tw-border-opacity)); +.border-colors-orange-500 { + border-color: var(--colors-orange-500, #ed8936); } -.border-yellow-100 { - --tw-border-opacity: 1; - border-color: rgba(254, 243, 199, var(--tw-border-opacity)); +.border-colors-orange-600 { + border-color: var(--colors-orange-600, #dd6b20); } -.border-yellow-200 { - --tw-border-opacity: 1; - border-color: rgba(253, 230, 138, var(--tw-border-opacity)); +.border-colors-orange-700 { + border-color: var(--colors-orange-700, #c05621); } -.border-yellow-300 { - --tw-border-opacity: 1; - border-color: rgba(252, 211, 77, var(--tw-border-opacity)); +.border-colors-orange-800 { + border-color: var(--colors-orange-800, #9c4221); } -.border-yellow-400 { - --tw-border-opacity: 1; - border-color: rgba(251, 191, 36, var(--tw-border-opacity)); +.border-colors-orange-900 { + border-color: var(--colors-orange-900, #7b341e); } -.border-yellow-500 { - --tw-border-opacity: 1; - border-color: rgba(245, 158, 11, var(--tw-border-opacity)); +.border-colors-yellow-100 { + border-color: var(--colors-yellow-100, #fffff0); } -.border-yellow-600 { - --tw-border-opacity: 1; - border-color: rgba(217, 119, 6, var(--tw-border-opacity)); +.border-colors-yellow-200 { + border-color: var(--colors-yellow-200, #fefcbf); } -.border-yellow-700 { - --tw-border-opacity: 1; - border-color: rgba(180, 83, 9, var(--tw-border-opacity)); +.border-colors-yellow-300 { + border-color: var(--colors-yellow-300, #faf089); } -.border-yellow-800 { - --tw-border-opacity: 1; - border-color: rgba(146, 64, 14, var(--tw-border-opacity)); +.border-colors-yellow-400 { + border-color: var(--colors-yellow-400, #f6e05e); } -.border-yellow-900 { - --tw-border-opacity: 1; - border-color: rgba(120, 53, 15, var(--tw-border-opacity)); +.border-colors-yellow-500 { + border-color: var(--colors-yellow-500, #ecc94b); } -.border-green-50 { - --tw-border-opacity: 1; - border-color: rgba(236, 253, 245, var(--tw-border-opacity)); +.border-colors-yellow-600 { + border-color: var(--colors-yellow-600, #d69e2e); } -.border-green-100 { - --tw-border-opacity: 1; - border-color: rgba(209, 250, 229, var(--tw-border-opacity)); +.border-colors-yellow-700 { + border-color: var(--colors-yellow-700, #b7791f); } -.border-green-200 { - --tw-border-opacity: 1; - border-color: rgba(167, 243, 208, var(--tw-border-opacity)); +.border-colors-yellow-800 { + border-color: var(--colors-yellow-800, #975a16); } -.border-green-300 { - --tw-border-opacity: 1; - border-color: rgba(110, 231, 183, var(--tw-border-opacity)); +.border-colors-yellow-900 { + border-color: var(--colors-yellow-900, #744210); } -.border-green-400 { - --tw-border-opacity: 1; - border-color: rgba(52, 211, 153, var(--tw-border-opacity)); +.border-colors-green-100 { + border-color: var(--colors-green-100, #f0fff4); } -.border-green-500 { - --tw-border-opacity: 1; - border-color: rgba(16, 185, 129, var(--tw-border-opacity)); +.border-colors-green-200 { + border-color: var(--colors-green-200, #c6f6d5); } -.border-green-600 { - --tw-border-opacity: 1; - border-color: rgba(5, 150, 105, var(--tw-border-opacity)); +.border-colors-green-300 { + border-color: var(--colors-green-300, #9ae6b4); } -.border-green-700 { - --tw-border-opacity: 1; - border-color: rgba(4, 120, 87, var(--tw-border-opacity)); +.border-colors-green-400 { + border-color: var(--colors-green-400, #68d391); } -.border-green-800 { - --tw-border-opacity: 1; - border-color: rgba(6, 95, 70, var(--tw-border-opacity)); +.border-colors-green-500 { + border-color: var(--colors-green-500, #48bb78); } -.border-green-900 { - --tw-border-opacity: 1; - border-color: rgba(6, 78, 59, var(--tw-border-opacity)); +.border-colors-green-600 { + border-color: var(--colors-green-600, #38a169); } -.border-blue-50 { - --tw-border-opacity: 1; - border-color: rgba(239, 246, 255, var(--tw-border-opacity)); +.border-colors-green-700 { + border-color: var(--colors-green-700, #2f855a); } -.border-blue-100 { - --tw-border-opacity: 1; - border-color: rgba(219, 234, 254, var(--tw-border-opacity)); +.border-colors-green-800 { + border-color: var(--colors-green-800, #276749); } -.border-blue-200 { - --tw-border-opacity: 1; - border-color: rgba(191, 219, 254, var(--tw-border-opacity)); +.border-colors-green-900 { + border-color: var(--colors-green-900, #22543d); } -.border-blue-300 { - --tw-border-opacity: 1; - border-color: rgba(147, 197, 253, var(--tw-border-opacity)); +.border-colors-teal-100 { + border-color: var(--colors-teal-100, #e6fffa); } -.border-blue-400 { - --tw-border-opacity: 1; - border-color: rgba(96, 165, 250, var(--tw-border-opacity)); +.border-colors-teal-200 { + border-color: var(--colors-teal-200, #b2f5ea); } -.border-blue-500 { - --tw-border-opacity: 1; - border-color: rgba(59, 130, 246, var(--tw-border-opacity)); +.border-colors-teal-300 { + border-color: var(--colors-teal-300, #81e6d9); } -.border-blue-600 { - --tw-border-opacity: 1; - border-color: rgba(37, 99, 235, var(--tw-border-opacity)); +.border-colors-teal-400 { + border-color: var(--colors-teal-400, #4fd1c5); } -.border-blue-700 { - --tw-border-opacity: 1; - border-color: rgba(29, 78, 216, var(--tw-border-opacity)); +.border-colors-teal-500 { + border-color: var(--colors-teal-500, #38b2ac); } -.border-blue-800 { - --tw-border-opacity: 1; - border-color: rgba(30, 64, 175, var(--tw-border-opacity)); +.border-colors-teal-600 { + border-color: var(--colors-teal-600, #319795); } -.border-blue-900 { - --tw-border-opacity: 1; - border-color: rgba(30, 58, 138, var(--tw-border-opacity)); +.border-colors-teal-700 { + border-color: var(--colors-teal-700, #2c7a7b); } -.border-indigo-50 { - --tw-border-opacity: 1; - border-color: rgba(238, 242, 255, var(--tw-border-opacity)); +.border-colors-teal-800 { + border-color: var(--colors-teal-800, #285e61); } -.border-indigo-100 { - --tw-border-opacity: 1; - border-color: rgba(224, 231, 255, var(--tw-border-opacity)); +.border-colors-teal-900 { + border-color: var(--colors-teal-900, #234e52); } -.border-indigo-200 { - --tw-border-opacity: 1; - border-color: rgba(199, 210, 254, var(--tw-border-opacity)); +.border-colors-blue-100 { + border-color: var(--colors-blue-100, #ebf8ff); } -.border-indigo-300 { - --tw-border-opacity: 1; - border-color: rgba(165, 180, 252, var(--tw-border-opacity)); +.border-colors-blue-200 { + border-color: var(--colors-blue-200, #bee3f8); } -.border-indigo-400 { - --tw-border-opacity: 1; - border-color: rgba(129, 140, 248, var(--tw-border-opacity)); +.border-colors-blue-300 { + border-color: var(--colors-blue-300, #90cdf4); } -.border-indigo-500 { - --tw-border-opacity: 1; - border-color: rgba(99, 102, 241, var(--tw-border-opacity)); +.border-colors-blue-400 { + border-color: var(--colors-blue-400, #63b3ed); } -.border-indigo-600 { - --tw-border-opacity: 1; - border-color: rgba(79, 70, 229, var(--tw-border-opacity)); +.border-colors-blue-500 { + border-color: var(--colors-blue-500, #4299e1); } -.border-indigo-700 { - --tw-border-opacity: 1; - border-color: rgba(67, 56, 202, var(--tw-border-opacity)); +.border-colors-blue-600 { + border-color: var(--colors-blue-600, #3182ce); } -.border-indigo-800 { - --tw-border-opacity: 1; - border-color: rgba(55, 48, 163, var(--tw-border-opacity)); +.border-colors-blue-700 { + border-color: var(--colors-blue-700, #2b6cb0); } -.border-indigo-900 { - --tw-border-opacity: 1; - border-color: rgba(49, 46, 129, var(--tw-border-opacity)); +.border-colors-blue-800 { + border-color: var(--colors-blue-800, #2c5282); } -.border-purple-50 { - --tw-border-opacity: 1; - border-color: rgba(245, 243, 255, var(--tw-border-opacity)); +.border-colors-blue-900 { + border-color: var(--colors-blue-900, #2a4365); } -.border-purple-100 { - --tw-border-opacity: 1; - border-color: rgba(237, 233, 254, var(--tw-border-opacity)); +.border-colors-indigo-100 { + border-color: var(--colors-indigo-100, #ebf4ff); } -.border-purple-200 { - --tw-border-opacity: 1; - border-color: rgba(221, 214, 254, var(--tw-border-opacity)); +.border-colors-indigo-200 { + border-color: var(--colors-indigo-200, #c3dafe); } -.border-purple-300 { - --tw-border-opacity: 1; - border-color: rgba(196, 181, 253, var(--tw-border-opacity)); +.border-colors-indigo-300 { + border-color: var(--colors-indigo-300, #a3bffa); } -.border-purple-400 { - --tw-border-opacity: 1; - border-color: rgba(167, 139, 250, var(--tw-border-opacity)); +.border-colors-indigo-400 { + border-color: var(--colors-indigo-400, #7f9cf5); } -.border-purple-500 { - --tw-border-opacity: 1; - border-color: rgba(139, 92, 246, var(--tw-border-opacity)); +.border-colors-indigo-500 { + border-color: var(--colors-indigo-500, #667eea); } -.border-purple-600 { - --tw-border-opacity: 1; - border-color: rgba(124, 58, 237, var(--tw-border-opacity)); +.border-colors-indigo-600 { + border-color: var(--colors-indigo-600, #5a67d8); } -.border-purple-700 { - --tw-border-opacity: 1; - border-color: rgba(109, 40, 217, var(--tw-border-opacity)); +.border-colors-indigo-700 { + border-color: var(--colors-indigo-700, #4c51bf); } -.border-purple-800 { - --tw-border-opacity: 1; - border-color: rgba(91, 33, 182, var(--tw-border-opacity)); +.border-colors-indigo-800 { + border-color: var(--colors-indigo-800, #434190); } -.border-purple-900 { - --tw-border-opacity: 1; - border-color: rgba(76, 29, 149, var(--tw-border-opacity)); +.border-colors-indigo-900 { + border-color: var(--colors-indigo-900, #3c366b); } -.border-pink-50 { - --tw-border-opacity: 1; - border-color: rgba(253, 242, 248, var(--tw-border-opacity)); +.border-colors-purple-100 { + border-color: var(--colors-purple-100, #faf5ff); } -.border-pink-100 { - --tw-border-opacity: 1; - border-color: rgba(252, 231, 243, var(--tw-border-opacity)); +.border-colors-purple-200 { + border-color: var(--colors-purple-200, #e9d8fd); } -.border-pink-200 { - --tw-border-opacity: 1; - border-color: rgba(251, 207, 232, var(--tw-border-opacity)); +.border-colors-purple-300 { + border-color: var(--colors-purple-300, #d6bcfa); } -.border-pink-300 { - --tw-border-opacity: 1; - border-color: rgba(249, 168, 212, var(--tw-border-opacity)); +.border-colors-purple-400 { + border-color: var(--colors-purple-400, #b794f4); } -.border-pink-400 { - --tw-border-opacity: 1; - border-color: rgba(244, 114, 182, var(--tw-border-opacity)); +.border-colors-purple-500 { + border-color: var(--colors-purple-500, #9f7aea); } -.border-pink-500 { - --tw-border-opacity: 1; - border-color: rgba(236, 72, 153, var(--tw-border-opacity)); +.border-colors-purple-600 { + border-color: var(--colors-purple-600, #805ad5); } -.border-pink-600 { - --tw-border-opacity: 1; - border-color: rgba(219, 39, 119, var(--tw-border-opacity)); +.border-colors-purple-700 { + border-color: var(--colors-purple-700, #6b46c1); } -.border-pink-700 { - --tw-border-opacity: 1; - border-color: rgba(190, 24, 93, var(--tw-border-opacity)); +.border-colors-purple-800 { + border-color: var(--colors-purple-800, #553c9a); } -.border-pink-800 { - --tw-border-opacity: 1; - border-color: rgba(157, 23, 77, var(--tw-border-opacity)); +.border-colors-purple-900 { + border-color: var(--colors-purple-900, #44337a); } -.border-pink-900 { - --tw-border-opacity: 1; - border-color: rgba(131, 24, 67, var(--tw-border-opacity)); +.border-colors-pink-100 { + border-color: var(--colors-pink-100, #fff5f7); } -.group:hover .group-hover\:border-transparent { - border-color: transparent; +.border-colors-pink-200 { + border-color: var(--colors-pink-200, #fed7e2); } -.group:hover .group-hover\:border-current { - border-color: currentColor; +.border-colors-pink-300 { + border-color: var(--colors-pink-300, #fbb6ce); } -.group:hover .group-hover\:border-black { - --tw-border-opacity: 1; - border-color: rgba(0, 0, 0, var(--tw-border-opacity)); +.border-colors-pink-400 { + border-color: var(--colors-pink-400, #f687b3); } -.group:hover .group-hover\:border-white { - --tw-border-opacity: 1; - border-color: rgba(255, 255, 255, var(--tw-border-opacity)); +.border-colors-pink-500 { + border-color: var(--colors-pink-500, #ed64a6); } -.group:hover .group-hover\:border-gray-50 { - --tw-border-opacity: 1; - border-color: rgba(249, 250, 251, var(--tw-border-opacity)); +.border-colors-pink-600 { + border-color: var(--colors-pink-600, #d53f8c); } -.group:hover .group-hover\:border-gray-100 { - --tw-border-opacity: 1; - border-color: rgba(243, 244, 246, var(--tw-border-opacity)); +.border-colors-pink-700 { + border-color: var(--colors-pink-700, #b83280); } -.group:hover .group-hover\:border-gray-200 { - --tw-border-opacity: 1; - border-color: rgba(229, 231, 235, var(--tw-border-opacity)); +.border-colors-pink-800 { + border-color: var(--colors-pink-800, #97266d); } -.group:hover .group-hover\:border-gray-300 { - --tw-border-opacity: 1; - border-color: rgba(209, 213, 219, var(--tw-border-opacity)); +.border-colors-pink-900 { + border-color: var(--colors-pink-900, #702459); } -.group:hover .group-hover\:border-gray-400 { - --tw-border-opacity: 1; - border-color: rgba(156, 163, 175, var(--tw-border-opacity)); +.border-Box\ Shadow { + border-color: var(--box-shadow, #7f7e7f); } -.group:hover .group-hover\:border-gray-500 { - --tw-border-opacity: 1; - border-color: rgba(107, 114, 128, var(--tw-border-opacity)); +.border-Error16 { + border-color: var(--error16, #f03d3e40); } -.group:hover .group-hover\:border-gray-600 { - --tw-border-opacity: 1; - border-color: rgba(75, 85, 99, var(--tw-border-opacity)); +.border-Success16 { + border-color: var(--success16, #5bb14d40); } -.group:hover .group-hover\:border-gray-700 { - --tw-border-opacity: 1; - border-color: rgba(55, 65, 81, var(--tw-border-opacity)); +.border-Notification16 { + border-color: var(--notification16, #3959ff40); } -.group:hover .group-hover\:border-gray-800 { - --tw-border-opacity: 1; - border-color: rgba(31, 41, 55, var(--tw-border-opacity)); +.border-Error8 { + border-color: var(--error8, #f03d3e1a); } -.group:hover .group-hover\:border-gray-900 { - --tw-border-opacity: 1; - border-color: rgba(17, 24, 39, var(--tw-border-opacity)); +.border-Notification8 { + border-color: var(--notification8, #3959ff1a); } -.group:hover .group-hover\:border-red-50 { - --tw-border-opacity: 1; - border-color: rgba(254, 242, 242, var(--tw-border-opacity)); +.border-Success8 { + border-color: var(--success8, #5bb14d1a); } -.group:hover .group-hover\:border-red-100 { - --tw-border-opacity: 1; - border-color: rgba(254, 226, 226, var(--tw-border-opacity)); +.border-Light\ -\ Overlay { + border-color: var(--light-overlay, #f0edee66); } -.group:hover .group-hover\:border-red-200 { - --tw-border-opacity: 1; - border-color: rgba(254, 202, 202, var(--tw-border-opacity)); +.border-Dark-\ Overlay { + border-color: var(--dark-overlay, #7f7e7f66); } -.group:hover .group-hover\:border-red-300 { - --tw-border-opacity: 1; - border-color: rgba(252, 165, 165, var(--tw-border-opacity)); +.border-black-40 { + border-color: var(--black-40, #00000066); } -.group:hover .group-hover\:border-red-400 { - --tw-border-opacity: 1; - border-color: rgba(248, 113, 113, var(--tw-border-opacity)); +.border-black-75 { + border-color: var(--black-75, #000000bf); } -.group:hover .group-hover\:border-red-500 { - --tw-border-opacity: 1; - border-color: rgba(239, 68, 68, var(--tw-border-opacity)); +.border-black-60 { + border-color: var(--black-60, #00000099); } -.group:hover .group-hover\:border-red-600 { - --tw-border-opacity: 1; - border-color: rgba(220, 38, 38, var(--tw-border-opacity)); +.border-black-50 { + border-color: var(--black-50, #00000080); } -.group:hover .group-hover\:border-red-700 { - --tw-border-opacity: 1; - border-color: rgba(185, 28, 28, var(--tw-border-opacity)); +.border-black-25 { + border-color: var(--black-25, #00000040); } -.group:hover .group-hover\:border-red-800 { - --tw-border-opacity: 1; - border-color: rgba(153, 27, 27, var(--tw-border-opacity)); +.border-black-10 { + border-color: var(--black-10, #0000001a); } -.group:hover .group-hover\:border-red-900 { - --tw-border-opacity: 1; - border-color: rgba(127, 29, 29, var(--tw-border-opacity)); +.border-white-25 { + border-color: var(--white-25, #ffffff40); } -.group:hover .group-hover\:border-yellow-50 { - --tw-border-opacity: 1; - border-color: rgba(255, 251, 235, var(--tw-border-opacity)); +.border-white-60 { + border-color: var(--white-60, #ffffff99); } -.group:hover .group-hover\:border-yellow-100 { - --tw-border-opacity: 1; - border-color: rgba(254, 243, 199, var(--tw-border-opacity)); +.border-black-64 { + border-color: var(--black-64, #000000a3); } -.group:hover .group-hover\:border-yellow-200 { - --tw-border-opacity: 1; - border-color: rgba(253, 230, 138, var(--tw-border-opacity)); +.border-Shadow\ and\ Highlight-Shadow { + border-color: var(--shadow-and-highlight-shadow, #7f7e7f); } -.group:hover .group-hover\:border-yellow-300 { - --tw-border-opacity: 1; - border-color: rgba(252, 211, 77, var(--tw-border-opacity)); +.border-Shadow\ and\ Highlight-Highlight { + border-color: var(--shadow-and-highlight-highlight, #474747); } -.group:hover .group-hover\:border-yellow-400 { - --tw-border-opacity: 1; - border-color: rgba(251, 191, 36, var(--tw-border-opacity)); +.border-Shadow\ and\ Highlight-highlight\ one { + border-color: var(--shadow-and-highlight-highlight-one, #474747bf); } -.group:hover .group-hover\:border-yellow-500 { - --tw-border-opacity: 1; - border-color: rgba(245, 158, 11, var(--tw-border-opacity)); +.border-Shadow\ and\ Highlight-highlight\ two { + border-color: var(--shadow-and-highlight-highlight-two, #47474799); } -.group:hover .group-hover\:border-yellow-600 { - --tw-border-opacity: 1; - border-color: rgba(217, 119, 6, var(--tw-border-opacity)); +.border-Shadow\ and\ Highlight-highlight\ three { + border-color: var(--shadow-and-highlight-highlight-three, #47474766); } -.group:hover .group-hover\:border-yellow-700 { - --tw-border-opacity: 1; - border-color: rgba(180, 83, 9, var(--tw-border-opacity)); +.border-Shadow\ and\ Highlight-highlight\ five { + border-color: var(--shadow-and-highlight-highlight-five, #4747471a); } -.group:hover .group-hover\:border-yellow-800 { - --tw-border-opacity: 1; - border-color: rgba(146, 64, 14, var(--tw-border-opacity)); +.border-Shadow\ and\ Highlight-shadow\ one { + border-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } -.group:hover .group-hover\:border-yellow-900 { - --tw-border-opacity: 1; - border-color: rgba(120, 53, 15, var(--tw-border-opacity)); +.border-Shadow\ and\ Highlight-shadow\ two { + border-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } -.group:hover .group-hover\:border-green-50 { - --tw-border-opacity: 1; - border-color: rgba(236, 253, 245, var(--tw-border-opacity)); +.border-Shadow\ and\ Highlight-shadow\ three { + border-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } -.group:hover .group-hover\:border-green-100 { - --tw-border-opacity: 1; - border-color: rgba(209, 250, 229, var(--tw-border-opacity)); +.border-Shadow\ and\ Highlight-shadow\ four { + border-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } -.group:hover .group-hover\:border-green-200 { - --tw-border-opacity: 1; - border-color: rgba(167, 243, 208, var(--tw-border-opacity)); +.border-Shadow\ and\ Highlight-shadow\ five { + border-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } -.group:hover .group-hover\:border-green-300 { - --tw-border-opacity: 1; - border-color: rgba(110, 231, 183, var(--tw-border-opacity)); +.border-Shadow\ and\ Highlight-highlight\ four { + border-color: var(--shadow-and-highlight-highlight-four, #47474740); } -.group:hover .group-hover\:border-green-400 { - --tw-border-opacity: 1; - border-color: rgba(52, 211, 153, var(--tw-border-opacity)); +.border-Base\ Layer\ Styles-Base\ Layer-\ Light-White { + border-color: var(--base-layer-styles-base-layer-light-white, #ffffff); } -.group:hover .group-hover\:border-green-500 { - --tw-border-opacity: 1; - border-color: rgba(16, 185, 129, var(--tw-border-opacity)); +.border-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite { + border-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } -.group:hover .group-hover\:border-green-600 { - --tw-border-opacity: 1; - border-color: rgba(5, 150, 105, var(--tw-border-opacity)); +.border-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack { + border-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } -.group:hover .group-hover\:border-green-700 { - --tw-border-opacity: 1; - border-color: rgba(4, 120, 87, var(--tw-border-opacity)); +.border-Base\ Layer\ Styles-Base\ Layer-Dark-Black { + border-color: var(--base-layer-styles-base-layer-dark-black, #000000); } -.group:hover .group-hover\:border-green-800 { - --tw-border-opacity: 1; - border-color: rgba(6, 95, 70, var(--tw-border-opacity)); +.border-Grey-Scale-white { + border-color: var(--grey-scale-white, #ffffff); } -.group:hover .group-hover\:border-green-900 { - --tw-border-opacity: 1; - border-color: rgba(6, 78, 59, var(--tw-border-opacity)); +.border-Grey-Scale-off-white { + border-color: var(--grey-scale-off-white, #f0edee); } -.group:hover .group-hover\:border-blue-50 { - --tw-border-opacity: 1; - border-color: rgba(239, 246, 255, var(--tw-border-opacity)); +.border-Grey\ Scale-grey { + border-color: var(--grey-scale-grey, #7f7e7f); } -.group:hover .group-hover\:border-blue-100 { - --tw-border-opacity: 1; - border-color: rgba(219, 234, 254, var(--tw-border-opacity)); +.border-Grey\ Scale-charcoal { + border-color: var(--grey-scale-charcoal, #474747); } -.group:hover .group-hover\:border-blue-200 { - --tw-border-opacity: 1; - border-color: rgba(191, 219, 254, var(--tw-border-opacity)); +.border-Grey\ Scale-off-black { + border-color: var(--grey-scale-off-black, #1c1c1c); } -.group:hover .group-hover\:border-blue-300 { - --tw-border-opacity: 1; - border-color: rgba(147, 197, 253, var(--tw-border-opacity)); +.border-Grey\ Scale-black { + border-color: var(--grey-scale-black, #000000); } -.group:hover .group-hover\:border-blue-400 { - --tw-border-opacity: 1; - border-color: rgba(96, 165, 250, var(--tw-border-opacity)); +.border-Blue-blue { + border-color: var(--blue-blue, #3a7ca5); } -.group:hover .group-hover\:border-blue-500 { - --tw-border-opacity: 1; - border-color: rgba(59, 130, 246, var(--tw-border-opacity)); +.border-Blue-blue-100 { + border-color: var(--blue-blue-100, #75a3c0); } -.group:hover .group-hover\:border-blue-600 { - --tw-border-opacity: 1; - border-color: rgba(37, 99, 235, var(--tw-border-opacity)); +.border-Blue-blue-200 { + border-color: var(--blue-blue-200, #9cbed2); } -.group:hover .group-hover\:border-blue-700 { - --tw-border-opacity: 1; - border-color: rgba(29, 78, 216, var(--tw-border-opacity)); +.border-Blue-blue-300 { + border-color: var(--blue-blue-300, #4f7d9a); } -.group:hover .group-hover\:border-blue-800 { - --tw-border-opacity: 1; - border-color: rgba(30, 64, 175, var(--tw-border-opacity)); +.border-Blue-blue-400 { + border-color: var(--blue-blue-400, #5c7d92); } -.group:hover .group-hover\:border-blue-900 { - --tw-border-opacity: 1; - border-color: rgba(30, 58, 138, var(--tw-border-opacity)); +.border-Blue-blue-500 { + border-color: var(--blue-blue-500, #347095); } -.group:hover .group-hover\:border-indigo-50 { - --tw-border-opacity: 1; - border-color: rgba(238, 242, 255, var(--tw-border-opacity)); +.border-Blue-blue-600 { + border-color: var(--blue-blue-600, #295774); } -.group:hover .group-hover\:border-indigo-100 { - --tw-border-opacity: 1; - border-color: rgba(224, 231, 255, var(--tw-border-opacity)); +.border-Blue-blue-700 { + border-color: var(--blue-blue-700, #173242); } -.group:hover .group-hover\:border-indigo-200 { - --tw-border-opacity: 1; - border-color: rgba(199, 210, 254, var(--tw-border-opacity)); +.border-LightBlue-lightblue { + border-color: var(--light-blue-lightblue, #81c3d7); } -.group:hover .group-hover\:border-indigo-300 { - --tw-border-opacity: 1; - border-color: rgba(165, 180, 252, var(--tw-border-opacity)); +.border-LightBlue-lightblue-100 { + border-color: var(--light-blue-lightblue-100, #a7d5e3); } -.group:hover .group-hover\:border-indigo-400 { - --tw-border-opacity: 1; - border-color: rgba(129, 140, 248, var(--tw-border-opacity)); +.border-LightBlue-lightblue-200 { + border-color: var(--light-blue-lightblue-200, #c0e1eb); } -.group:hover .group-hover\:border-indigo-500 { - --tw-border-opacity: 1; - border-color: rgba(99, 102, 241, var(--tw-border-opacity)); +.border-LightBlue-lightblue-300 { + border-color: var(--light-blue-lightblue-300, #80aebd); } -.group:hover .group-hover\:border-indigo-600 { - --tw-border-opacity: 1; - border-color: rgba(79, 70, 229, var(--tw-border-opacity)); +.border-LightBlue-lightblue-400 { + border-color: var(--light-blue-lightblue-400, #80a0ab); } -.group:hover .group-hover\:border-indigo-700 { - --tw-border-opacity: 1; - border-color: rgba(67, 56, 202, var(--tw-border-opacity)); +.border-LightBlue-lightblue-500 { + border-color: var(--light-blue-lightblue-500, #74afc1); } -.group:hover .group-hover\:border-indigo-800 { - --tw-border-opacity: 1; - border-color: rgba(55, 48, 163, var(--tw-border-opacity)); +.border-LightBlue-lightblue-600 { + border-color: var(--light-blue-lightblue-600, #5a8997); } -.group:hover .group-hover\:border-indigo-900 { - --tw-border-opacity: 1; - border-color: rgba(49, 46, 129, var(--tw-border-opacity)); +.border-LightBlue-lightblue-650 { + border-color: var(--light-blue-lightblue-650, #3e5e65); } -.group:hover .group-hover\:border-purple-50 { - --tw-border-opacity: 1; - border-color: rgba(245, 243, 255, var(--tw-border-opacity)); +.border-LightBlue-lightblue-700 { + border-color: var(--light-blue-lightblue-700, #344e56); } -.group:hover .group-hover\:border-purple-100 { - --tw-border-opacity: 1; - border-color: rgba(237, 233, 254, var(--tw-border-opacity)); +.border-Orange-orange { + border-color: var(--orange-orange, #ff7f0e); } -.group:hover .group-hover\:border-purple-200 { - --tw-border-opacity: 1; - border-color: rgba(221, 214, 254, var(--tw-border-opacity)); +.border-Orange-orange-100 { + border-color: var(--orange-orange-100, #ffa556); } -.group:hover .group-hover\:border-purple-300 { - --tw-border-opacity: 1; - border-color: rgba(196, 181, 253, var(--tw-border-opacity)); +.border-Orange-orange-200 { + border-color: var(--orange-orange-200, #ffbf86); } -.group:hover .group-hover\:border-purple-400 { - --tw-border-opacity: 1; - border-color: rgba(167, 139, 250, var(--tw-border-opacity)); +.border-Orange-orange-300 { + border-color: var(--orange-orange-300, #d97f30); } -.group:hover .group-hover\:border-purple-500 { - --tw-border-opacity: 1; - border-color: rgba(139, 92, 246, var(--tw-border-opacity)); +.border-Orange-orange-400 { + border-color: var(--orange-orange-400, #bf7e46); } -.group:hover .group-hover\:border-purple-600 { - --tw-border-opacity: 1; - border-color: rgba(124, 58, 237, var(--tw-border-opacity)); +.border-Orange-orange-500 { + border-color: var(--orange-orange-500, #e5720d); } -.group:hover .group-hover\:border-purple-700 { - --tw-border-opacity: 1; - border-color: rgba(109, 40, 217, var(--tw-border-opacity)); +.border-Orange-orange-600 { + border-color: var(--orange-orange-600, #b3590a); } -.group:hover .group-hover\:border-purple-800 { - --tw-border-opacity: 1; - border-color: rgba(91, 33, 182, var(--tw-border-opacity)); +.border-Orange-orange-700 { + border-color: var(--orange-orange-700, #663306); } -.group:hover .group-hover\:border-purple-900 { - --tw-border-opacity: 1; - border-color: rgba(76, 29, 149, var(--tw-border-opacity)); +.border-Yellow-yellow { + border-color: var(--yellow-yellow, #ffab00); } -.group:hover .group-hover\:border-pink-50 { - --tw-border-opacity: 1; - border-color: rgba(253, 242, 248, var(--tw-border-opacity)); +.border-Yellow-yellow-100 { + border-color: var(--yellow-yellow-100, #ffc44c); } -.group:hover .group-hover\:border-pink-100 { - --tw-border-opacity: 1; - border-color: rgba(252, 231, 243, var(--tw-border-opacity)); +.border-Yellow-yellow-200 { + border-color: var(--yellow-yellow-200, #ffd580); } -.group:hover .group-hover\:border-pink-200 { - --tw-border-opacity: 1; - border-color: rgba(251, 207, 232, var(--tw-border-opacity)); +.border-Yellow-yellow-300 { + border-color: var(--yellow-yellow-300, #d99d26); } -.group:hover .group-hover\:border-pink-300 { - --tw-border-opacity: 1; - border-color: rgba(249, 168, 212, var(--tw-border-opacity)); +.border-Yellow-yellow-400 { + border-color: var(--yellow-yellow-400, #bf943f); } -.group:hover .group-hover\:border-pink-400 { - --tw-border-opacity: 1; - border-color: rgba(244, 114, 182, var(--tw-border-opacity)); +.border-Yellow-yellow-500 { + border-color: var(--yellow-yellow-500, #e59a00); } -.group:hover .group-hover\:border-pink-500 { - --tw-border-opacity: 1; - border-color: rgba(236, 72, 153, var(--tw-border-opacity)); +.border-Yellow-yellow-600 { + border-color: var(--yellow-yellow-600, #b37800); } -.group:hover .group-hover\:border-pink-600 { - --tw-border-opacity: 1; - border-color: rgba(219, 39, 119, var(--tw-border-opacity)); +.border-Yellow-yellow-700 { + border-color: var(--yellow-yellow-700, #664400); } -.group:hover .group-hover\:border-pink-700 { - --tw-border-opacity: 1; - border-color: rgba(190, 24, 93, var(--tw-border-opacity)); +.border-Notification-notification { + border-color: var(--notification-notification, #3959ff); } -.group:hover .group-hover\:border-pink-800 { - --tw-border-opacity: 1; - border-color: rgba(157, 23, 77, var(--tw-border-opacity)); +.border-Notification-notification-100 { + border-color: var(--notification-notification-100, #748bff); } -.group:hover .group-hover\:border-pink-900 { - --tw-border-opacity: 1; - border-color: rgba(131, 24, 67, var(--tw-border-opacity)); +.border-Notification-notification-200 { + border-color: var(--notification-notification-200, #9cacff); } -.focus-within\:border-transparent:focus-within { - border-color: transparent; +.border-Notification-notification-300 { + border-color: var(--notification-notification-300, #4e64d9); } -.focus-within\:border-current:focus-within { - border-color: currentColor; +.border-Notification-notification-400 { + border-color: var(--notification-notification-400, #5c6cbf); } -.focus-within\:border-black:focus-within { - --tw-border-opacity: 1; - border-color: rgba(0, 0, 0, var(--tw-border-opacity)); +.border-Notification-notification-500 { + border-color: var(--notification-notification-500, #3350e5); } -.focus-within\:border-white:focus-within { - --tw-border-opacity: 1; - border-color: rgba(255, 255, 255, var(--tw-border-opacity)); +.border-Notification-notification-600 { + border-color: var(--notification-notification-600, #283eb3); } -.focus-within\:border-gray-50:focus-within { - --tw-border-opacity: 1; - border-color: rgba(249, 250, 251, var(--tw-border-opacity)); +.border-Notification-notification-700 { + border-color: var(--notification-notification-700, #172466); } -.focus-within\:border-gray-100:focus-within { - --tw-border-opacity: 1; - border-color: rgba(243, 244, 246, var(--tw-border-opacity)); +.border-Success-success\ -700 { + border-color: var(--success-success-700, #24471f); } -.focus-within\:border-gray-200:focus-within { - --tw-border-opacity: 1; - border-color: rgba(229, 231, 235, var(--tw-border-opacity)); +.border-Success-success { + border-color: var(--success-success, #5bb14d); } -.focus-within\:border-gray-300:focus-within { - --tw-border-opacity: 1; - border-color: rgba(209, 213, 219, var(--tw-border-opacity)); +.border-Success-success\ -100 { + border-color: var(--success-success-100, #8cc882); } -.focus-within\:border-gray-400:focus-within { - --tw-border-opacity: 1; - border-color: rgba(156, 163, 175, var(--tw-border-opacity)); +.border-Success-success\ -200 { + border-color: var(--success-success-200, #add8a6); } -.focus-within\:border-gray-500:focus-within { - --tw-border-opacity: 1; - border-color: rgba(107, 114, 128, var(--tw-border-opacity)); +.border-Success-success\ -300 { + border-color: var(--success-success-300, #66a25c); } -.focus-within\:border-gray-600:focus-within { - --tw-border-opacity: 1; - border-color: rgba(75, 85, 99, var(--tw-border-opacity)); +.border-Success-success\ -400 { + border-color: var(--success-success-400, #6d9766); } -.focus-within\:border-gray-700:focus-within { - --tw-border-opacity: 1; - border-color: rgba(55, 65, 81, var(--tw-border-opacity)); +.border-Success-success\ -500 { + border-color: var(--success-success-500, #529f45); } -.focus-within\:border-gray-800:focus-within { - --tw-border-opacity: 1; - border-color: rgba(31, 41, 55, var(--tw-border-opacity)); +.border-Success-success\ -600 { + border-color: var(--success-success-600, #407c36); } -.focus-within\:border-gray-900:focus-within { - --tw-border-opacity: 1; - border-color: rgba(17, 24, 39, var(--tw-border-opacity)); +.border-Error-error { + border-color: var(--error-error, #f03d3e); } -.focus-within\:border-red-50:focus-within { - --tw-border-opacity: 1; - border-color: rgba(254, 242, 242, var(--tw-border-opacity)); +.border-Error-error-100 { + border-color: var(--error-error-100, #f57778); } -.focus-within\:border-red-100:focus-within { - --tw-border-opacity: 1; - border-color: rgba(254, 226, 226, var(--tw-border-opacity)); +.border-Error-error-200 { + border-color: var(--error-error-200, #f89e9e); } -.focus-within\:border-red-200:focus-within { - --tw-border-opacity: 1; - border-color: rgba(254, 202, 202, var(--tw-border-opacity)); +.border-Error-error-250 { + border-color: var(--error-error-250, #f9c8c8); } -.focus-within\:border-red-300:focus-within { - --tw-border-opacity: 1; - border-color: rgba(252, 165, 165, var(--tw-border-opacity)); +.border-Error-error-300 { + border-color: var(--error-error-300, #ce5151); } -.focus-within\:border-red-400:focus-within { - --tw-border-opacity: 1; - border-color: rgba(248, 113, 113, var(--tw-border-opacity)); +.border-Error-error-400 { + border-color: var(--error-error-400, #b85e5e); } -.focus-within\:border-red-500:focus-within { - --tw-border-opacity: 1; - border-color: rgba(239, 68, 68, var(--tw-border-opacity)); +.border-Error-error-500 { + border-color: var(--error-error-500, #d83738); } -.focus-within\:border-red-600:focus-within { - --tw-border-opacity: 1; - border-color: rgba(220, 38, 38, var(--tw-border-opacity)); +.border-Error-error-600 { + border-color: var(--error-error-600, #a82b2b); } -.focus-within\:border-red-700:focus-within { - --tw-border-opacity: 1; - border-color: rgba(185, 28, 28, var(--tw-border-opacity)); +.border-Error-error-700 { + border-color: var(--error-error-700, #601819); } -.focus-within\:border-red-800:focus-within { - --tw-border-opacity: 1; - border-color: rgba(153, 27, 27, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-black { + border-color: var(--colors-black, #000000); } -.focus-within\:border-red-900:focus-within { - --tw-border-opacity: 1; - border-color: rgba(127, 29, 29, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-white { + border-color: var(--colors-white, #ffffff); } -.focus-within\:border-yellow-50:focus-within { - --tw-border-opacity: 1; - border-color: rgba(255, 251, 235, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-gray-100 { + border-color: var(--colors-gray-100, #f7fafc); } -.focus-within\:border-yellow-100:focus-within { - --tw-border-opacity: 1; - border-color: rgba(254, 243, 199, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-gray-200 { + border-color: var(--colors-gray-200, #edf2f7); } -.focus-within\:border-yellow-200:focus-within { - --tw-border-opacity: 1; - border-color: rgba(253, 230, 138, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-gray-300 { + border-color: var(--colors-gray-300, #e2e8f0); } -.focus-within\:border-yellow-300:focus-within { - --tw-border-opacity: 1; - border-color: rgba(252, 211, 77, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-gray-400 { + border-color: var(--colors-gray-400, #cbd5e0); } -.focus-within\:border-yellow-400:focus-within { - --tw-border-opacity: 1; - border-color: rgba(251, 191, 36, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-gray-500 { + border-color: var(--colors-gray-500, #a0aec0); } -.focus-within\:border-yellow-500:focus-within { - --tw-border-opacity: 1; - border-color: rgba(245, 158, 11, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-gray-600 { + border-color: var(--colors-gray-600, #718096); } -.focus-within\:border-yellow-600:focus-within { - --tw-border-opacity: 1; - border-color: rgba(217, 119, 6, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-gray-700 { + border-color: var(--colors-gray-700, #4a5568); } -.focus-within\:border-yellow-700:focus-within { - --tw-border-opacity: 1; - border-color: rgba(180, 83, 9, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-gray-800 { + border-color: var(--colors-gray-800, #2d3748); } -.focus-within\:border-yellow-800:focus-within { - --tw-border-opacity: 1; - border-color: rgba(146, 64, 14, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-gray-900 { + border-color: var(--colors-gray-900, #1a202c); } -.focus-within\:border-yellow-900:focus-within { - --tw-border-opacity: 1; - border-color: rgba(120, 53, 15, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-red-100 { + border-color: var(--colors-red-100, #fff5f5); } -.focus-within\:border-green-50:focus-within { - --tw-border-opacity: 1; - border-color: rgba(236, 253, 245, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-red-200 { + border-color: var(--colors-red-200, #fed7d7); } -.focus-within\:border-green-100:focus-within { - --tw-border-opacity: 1; - border-color: rgba(209, 250, 229, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-red-300 { + border-color: var(--colors-red-300, #feb2b2); } -.focus-within\:border-green-200:focus-within { - --tw-border-opacity: 1; - border-color: rgba(167, 243, 208, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-red-400 { + border-color: var(--colors-red-400, #fc8181); } -.focus-within\:border-green-300:focus-within { - --tw-border-opacity: 1; - border-color: rgba(110, 231, 183, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-red-500 { + border-color: var(--colors-red-500, #f56565); } -.focus-within\:border-green-400:focus-within { - --tw-border-opacity: 1; - border-color: rgba(52, 211, 153, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-red-600 { + border-color: var(--colors-red-600, #e53e3e); } -.focus-within\:border-green-500:focus-within { - --tw-border-opacity: 1; - border-color: rgba(16, 185, 129, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-red-700 { + border-color: var(--colors-red-700, #c53030); } -.focus-within\:border-green-600:focus-within { - --tw-border-opacity: 1; - border-color: rgba(5, 150, 105, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-red-800 { + border-color: var(--colors-red-800, #9b2c2c); } -.focus-within\:border-green-700:focus-within { - --tw-border-opacity: 1; - border-color: rgba(4, 120, 87, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-red-900 { + border-color: var(--colors-red-900, #742a2a); } -.focus-within\:border-green-800:focus-within { - --tw-border-opacity: 1; - border-color: rgba(6, 95, 70, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-orange-100 { + border-color: var(--colors-orange-100, #fffaf0); } -.focus-within\:border-green-900:focus-within { - --tw-border-opacity: 1; - border-color: rgba(6, 78, 59, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-orange-200 { + border-color: var(--colors-orange-200, #feebc8); } -.focus-within\:border-blue-50:focus-within { - --tw-border-opacity: 1; - border-color: rgba(239, 246, 255, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-orange-300 { + border-color: var(--colors-orange-300, #fbd38d); } -.focus-within\:border-blue-100:focus-within { - --tw-border-opacity: 1; - border-color: rgba(219, 234, 254, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-orange-400 { + border-color: var(--colors-orange-400, #f6ad55); } -.focus-within\:border-blue-200:focus-within { - --tw-border-opacity: 1; - border-color: rgba(191, 219, 254, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-orange-500 { + border-color: var(--colors-orange-500, #ed8936); } -.focus-within\:border-blue-300:focus-within { - --tw-border-opacity: 1; - border-color: rgba(147, 197, 253, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-orange-600 { + border-color: var(--colors-orange-600, #dd6b20); } -.focus-within\:border-blue-400:focus-within { - --tw-border-opacity: 1; - border-color: rgba(96, 165, 250, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-orange-700 { + border-color: var(--colors-orange-700, #c05621); } -.focus-within\:border-blue-500:focus-within { - --tw-border-opacity: 1; - border-color: rgba(59, 130, 246, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-orange-800 { + border-color: var(--colors-orange-800, #9c4221); } -.focus-within\:border-blue-600:focus-within { - --tw-border-opacity: 1; - border-color: rgba(37, 99, 235, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-orange-900 { + border-color: var(--colors-orange-900, #7b341e); } -.focus-within\:border-blue-700:focus-within { - --tw-border-opacity: 1; - border-color: rgba(29, 78, 216, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-yellow-100 { + border-color: var(--colors-yellow-100, #fffff0); } -.focus-within\:border-blue-800:focus-within { - --tw-border-opacity: 1; - border-color: rgba(30, 64, 175, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-yellow-200 { + border-color: var(--colors-yellow-200, #fefcbf); } -.focus-within\:border-blue-900:focus-within { - --tw-border-opacity: 1; - border-color: rgba(30, 58, 138, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-yellow-300 { + border-color: var(--colors-yellow-300, #faf089); } -.focus-within\:border-indigo-50:focus-within { - --tw-border-opacity: 1; - border-color: rgba(238, 242, 255, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-yellow-400 { + border-color: var(--colors-yellow-400, #f6e05e); } -.focus-within\:border-indigo-100:focus-within { - --tw-border-opacity: 1; - border-color: rgba(224, 231, 255, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-yellow-500 { + border-color: var(--colors-yellow-500, #ecc94b); } -.focus-within\:border-indigo-200:focus-within { - --tw-border-opacity: 1; - border-color: rgba(199, 210, 254, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-yellow-600 { + border-color: var(--colors-yellow-600, #d69e2e); } -.focus-within\:border-indigo-300:focus-within { - --tw-border-opacity: 1; - border-color: rgba(165, 180, 252, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-yellow-700 { + border-color: var(--colors-yellow-700, #b7791f); } -.focus-within\:border-indigo-400:focus-within { - --tw-border-opacity: 1; - border-color: rgba(129, 140, 248, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-yellow-800 { + border-color: var(--colors-yellow-800, #975a16); } -.focus-within\:border-indigo-500:focus-within { - --tw-border-opacity: 1; - border-color: rgba(99, 102, 241, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-yellow-900 { + border-color: var(--colors-yellow-900, #744210); } -.focus-within\:border-indigo-600:focus-within { - --tw-border-opacity: 1; - border-color: rgba(79, 70, 229, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-green-100 { + border-color: var(--colors-green-100, #f0fff4); } -.focus-within\:border-indigo-700:focus-within { - --tw-border-opacity: 1; - border-color: rgba(67, 56, 202, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-green-200 { + border-color: var(--colors-green-200, #c6f6d5); } -.focus-within\:border-indigo-800:focus-within { - --tw-border-opacity: 1; - border-color: rgba(55, 48, 163, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-green-300 { + border-color: var(--colors-green-300, #9ae6b4); } -.focus-within\:border-indigo-900:focus-within { - --tw-border-opacity: 1; - border-color: rgba(49, 46, 129, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-green-400 { + border-color: var(--colors-green-400, #68d391); } -.focus-within\:border-purple-50:focus-within { - --tw-border-opacity: 1; - border-color: rgba(245, 243, 255, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-green-500 { + border-color: var(--colors-green-500, #48bb78); } -.focus-within\:border-purple-100:focus-within { - --tw-border-opacity: 1; - border-color: rgba(237, 233, 254, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-green-600 { + border-color: var(--colors-green-600, #38a169); } -.focus-within\:border-purple-200:focus-within { - --tw-border-opacity: 1; - border-color: rgba(221, 214, 254, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-green-700 { + border-color: var(--colors-green-700, #2f855a); } -.focus-within\:border-purple-300:focus-within { - --tw-border-opacity: 1; - border-color: rgba(196, 181, 253, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-green-800 { + border-color: var(--colors-green-800, #276749); } -.focus-within\:border-purple-400:focus-within { - --tw-border-opacity: 1; - border-color: rgba(167, 139, 250, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-green-900 { + border-color: var(--colors-green-900, #22543d); } -.focus-within\:border-purple-500:focus-within { - --tw-border-opacity: 1; - border-color: rgba(139, 92, 246, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-teal-100 { + border-color: var(--colors-teal-100, #e6fffa); } -.focus-within\:border-purple-600:focus-within { - --tw-border-opacity: 1; - border-color: rgba(124, 58, 237, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-teal-200 { + border-color: var(--colors-teal-200, #b2f5ea); } -.focus-within\:border-purple-700:focus-within { - --tw-border-opacity: 1; - border-color: rgba(109, 40, 217, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-teal-300 { + border-color: var(--colors-teal-300, #81e6d9); } -.focus-within\:border-purple-800:focus-within { - --tw-border-opacity: 1; - border-color: rgba(91, 33, 182, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-teal-400 { + border-color: var(--colors-teal-400, #4fd1c5); } -.focus-within\:border-purple-900:focus-within { - --tw-border-opacity: 1; - border-color: rgba(76, 29, 149, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-teal-500 { + border-color: var(--colors-teal-500, #38b2ac); } -.focus-within\:border-pink-50:focus-within { - --tw-border-opacity: 1; - border-color: rgba(253, 242, 248, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-teal-600 { + border-color: var(--colors-teal-600, #319795); } -.focus-within\:border-pink-100:focus-within { - --tw-border-opacity: 1; - border-color: rgba(252, 231, 243, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-teal-700 { + border-color: var(--colors-teal-700, #2c7a7b); } -.focus-within\:border-pink-200:focus-within { - --tw-border-opacity: 1; - border-color: rgba(251, 207, 232, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-teal-800 { + border-color: var(--colors-teal-800, #285e61); } -.focus-within\:border-pink-300:focus-within { - --tw-border-opacity: 1; - border-color: rgba(249, 168, 212, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-teal-900 { + border-color: var(--colors-teal-900, #234e52); } -.focus-within\:border-pink-400:focus-within { - --tw-border-opacity: 1; - border-color: rgba(244, 114, 182, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-blue-100 { + border-color: var(--colors-blue-100, #ebf8ff); } -.focus-within\:border-pink-500:focus-within { - --tw-border-opacity: 1; - border-color: rgba(236, 72, 153, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-blue-200 { + border-color: var(--colors-blue-200, #bee3f8); } -.focus-within\:border-pink-600:focus-within { - --tw-border-opacity: 1; - border-color: rgba(219, 39, 119, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-blue-300 { + border-color: var(--colors-blue-300, #90cdf4); } -.focus-within\:border-pink-700:focus-within { - --tw-border-opacity: 1; - border-color: rgba(190, 24, 93, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-blue-400 { + border-color: var(--colors-blue-400, #63b3ed); } -.focus-within\:border-pink-800:focus-within { - --tw-border-opacity: 1; - border-color: rgba(157, 23, 77, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-blue-500 { + border-color: var(--colors-blue-500, #4299e1); } -.focus-within\:border-pink-900:focus-within { - --tw-border-opacity: 1; - border-color: rgba(131, 24, 67, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-blue-600 { + border-color: var(--colors-blue-600, #3182ce); } -.hover\:border-transparent:hover { - border-color: transparent; +.group:hover .group-hover\:border-colors-blue-700 { + border-color: var(--colors-blue-700, #2b6cb0); } -.hover\:border-current:hover { - border-color: currentColor; +.group:hover .group-hover\:border-colors-blue-800 { + border-color: var(--colors-blue-800, #2c5282); } -.hover\:border-black:hover { - --tw-border-opacity: 1; - border-color: rgba(0, 0, 0, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-blue-900 { + border-color: var(--colors-blue-900, #2a4365); } -.hover\:border-white:hover { - --tw-border-opacity: 1; - border-color: rgba(255, 255, 255, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-indigo-100 { + border-color: var(--colors-indigo-100, #ebf4ff); } -.hover\:border-gray-50:hover { - --tw-border-opacity: 1; - border-color: rgba(249, 250, 251, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-indigo-200 { + border-color: var(--colors-indigo-200, #c3dafe); } -.hover\:border-gray-100:hover { - --tw-border-opacity: 1; - border-color: rgba(243, 244, 246, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-indigo-300 { + border-color: var(--colors-indigo-300, #a3bffa); } -.hover\:border-gray-200:hover { - --tw-border-opacity: 1; - border-color: rgba(229, 231, 235, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-indigo-400 { + border-color: var(--colors-indigo-400, #7f9cf5); } -.hover\:border-gray-300:hover { - --tw-border-opacity: 1; - border-color: rgba(209, 213, 219, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-indigo-500 { + border-color: var(--colors-indigo-500, #667eea); } -.hover\:border-gray-400:hover { - --tw-border-opacity: 1; - border-color: rgba(156, 163, 175, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-indigo-600 { + border-color: var(--colors-indigo-600, #5a67d8); } -.hover\:border-gray-500:hover { - --tw-border-opacity: 1; - border-color: rgba(107, 114, 128, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-indigo-700 { + border-color: var(--colors-indigo-700, #4c51bf); } -.hover\:border-gray-600:hover { - --tw-border-opacity: 1; - border-color: rgba(75, 85, 99, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-indigo-800 { + border-color: var(--colors-indigo-800, #434190); } -.hover\:border-gray-700:hover { - --tw-border-opacity: 1; - border-color: rgba(55, 65, 81, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-indigo-900 { + border-color: var(--colors-indigo-900, #3c366b); } -.hover\:border-gray-800:hover { - --tw-border-opacity: 1; - border-color: rgba(31, 41, 55, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-purple-100 { + border-color: var(--colors-purple-100, #faf5ff); } -.hover\:border-gray-900:hover { - --tw-border-opacity: 1; - border-color: rgba(17, 24, 39, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-purple-200 { + border-color: var(--colors-purple-200, #e9d8fd); } -.hover\:border-red-50:hover { - --tw-border-opacity: 1; - border-color: rgba(254, 242, 242, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-purple-300 { + border-color: var(--colors-purple-300, #d6bcfa); } -.hover\:border-red-100:hover { - --tw-border-opacity: 1; - border-color: rgba(254, 226, 226, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-purple-400 { + border-color: var(--colors-purple-400, #b794f4); } -.hover\:border-red-200:hover { - --tw-border-opacity: 1; - border-color: rgba(254, 202, 202, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-purple-500 { + border-color: var(--colors-purple-500, #9f7aea); } -.hover\:border-red-300:hover { - --tw-border-opacity: 1; - border-color: rgba(252, 165, 165, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-purple-600 { + border-color: var(--colors-purple-600, #805ad5); } -.hover\:border-red-400:hover { - --tw-border-opacity: 1; - border-color: rgba(248, 113, 113, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-purple-700 { + border-color: var(--colors-purple-700, #6b46c1); } -.hover\:border-red-500:hover { - --tw-border-opacity: 1; - border-color: rgba(239, 68, 68, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-purple-800 { + border-color: var(--colors-purple-800, #553c9a); } -.hover\:border-red-600:hover { - --tw-border-opacity: 1; - border-color: rgba(220, 38, 38, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-purple-900 { + border-color: var(--colors-purple-900, #44337a); } -.hover\:border-red-700:hover { - --tw-border-opacity: 1; - border-color: rgba(185, 28, 28, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-pink-100 { + border-color: var(--colors-pink-100, #fff5f7); } -.hover\:border-red-800:hover { - --tw-border-opacity: 1; - border-color: rgba(153, 27, 27, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-pink-200 { + border-color: var(--colors-pink-200, #fed7e2); } -.hover\:border-red-900:hover { - --tw-border-opacity: 1; - border-color: rgba(127, 29, 29, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-pink-300 { + border-color: var(--colors-pink-300, #fbb6ce); } -.hover\:border-yellow-50:hover { - --tw-border-opacity: 1; - border-color: rgba(255, 251, 235, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-pink-400 { + border-color: var(--colors-pink-400, #f687b3); } -.hover\:border-yellow-100:hover { - --tw-border-opacity: 1; - border-color: rgba(254, 243, 199, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-pink-500 { + border-color: var(--colors-pink-500, #ed64a6); } -.hover\:border-yellow-200:hover { - --tw-border-opacity: 1; - border-color: rgba(253, 230, 138, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-pink-600 { + border-color: var(--colors-pink-600, #d53f8c); } -.hover\:border-yellow-300:hover { - --tw-border-opacity: 1; - border-color: rgba(252, 211, 77, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-pink-700 { + border-color: var(--colors-pink-700, #b83280); } -.hover\:border-yellow-400:hover { - --tw-border-opacity: 1; - border-color: rgba(251, 191, 36, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-pink-800 { + border-color: var(--colors-pink-800, #97266d); } -.hover\:border-yellow-500:hover { - --tw-border-opacity: 1; - border-color: rgba(245, 158, 11, var(--tw-border-opacity)); +.group:hover .group-hover\:border-colors-pink-900 { + border-color: var(--colors-pink-900, #702459); } -.hover\:border-yellow-600:hover { - --tw-border-opacity: 1; - border-color: rgba(217, 119, 6, var(--tw-border-opacity)); +.group:hover .group-hover\:border-Box\ Shadow { + border-color: var(--box-shadow, #7f7e7f); } -.hover\:border-yellow-700:hover { - --tw-border-opacity: 1; - border-color: rgba(180, 83, 9, var(--tw-border-opacity)); +.group:hover .group-hover\:border-Error16 { + border-color: var(--error16, #f03d3e40); } -.hover\:border-yellow-800:hover { - --tw-border-opacity: 1; - border-color: rgba(146, 64, 14, var(--tw-border-opacity)); +.group:hover .group-hover\:border-Success16 { + border-color: var(--success16, #5bb14d40); } -.hover\:border-yellow-900:hover { - --tw-border-opacity: 1; - border-color: rgba(120, 53, 15, var(--tw-border-opacity)); +.group:hover .group-hover\:border-Notification16 { + border-color: var(--notification16, #3959ff40); } -.hover\:border-green-50:hover { - --tw-border-opacity: 1; - border-color: rgba(236, 253, 245, var(--tw-border-opacity)); +.group:hover .group-hover\:border-Error8 { + border-color: var(--error8, #f03d3e1a); } -.hover\:border-green-100:hover { - --tw-border-opacity: 1; - border-color: rgba(209, 250, 229, var(--tw-border-opacity)); +.group:hover .group-hover\:border-Notification8 { + border-color: var(--notification8, #3959ff1a); } -.hover\:border-green-200:hover { - --tw-border-opacity: 1; - border-color: rgba(167, 243, 208, var(--tw-border-opacity)); +.group:hover .group-hover\:border-Success8 { + border-color: var(--success8, #5bb14d1a); } -.hover\:border-green-300:hover { - --tw-border-opacity: 1; - border-color: rgba(110, 231, 183, var(--tw-border-opacity)); +.group:hover .group-hover\:border-Light\ -\ Overlay { + border-color: var(--light-overlay, #f0edee66); } -.hover\:border-green-400:hover { - --tw-border-opacity: 1; - border-color: rgba(52, 211, 153, var(--tw-border-opacity)); +.group:hover .group-hover\:border-Dark-\ Overlay { + border-color: var(--dark-overlay, #7f7e7f66); } -.hover\:border-green-500:hover { - --tw-border-opacity: 1; - border-color: rgba(16, 185, 129, var(--tw-border-opacity)); +.group:hover .group-hover\:border-black-40 { + border-color: var(--black-40, #00000066); } -.hover\:border-green-600:hover { - --tw-border-opacity: 1; - border-color: rgba(5, 150, 105, var(--tw-border-opacity)); +.group:hover .group-hover\:border-black-75 { + border-color: var(--black-75, #000000bf); } -.hover\:border-green-700:hover { - --tw-border-opacity: 1; - border-color: rgba(4, 120, 87, var(--tw-border-opacity)); +.group:hover .group-hover\:border-black-60 { + border-color: var(--black-60, #00000099); } -.hover\:border-green-800:hover { - --tw-border-opacity: 1; - border-color: rgba(6, 95, 70, var(--tw-border-opacity)); +.group:hover .group-hover\:border-black-50 { + border-color: var(--black-50, #00000080); } -.hover\:border-green-900:hover { - --tw-border-opacity: 1; - border-color: rgba(6, 78, 59, var(--tw-border-opacity)); +.group:hover .group-hover\:border-black-25 { + border-color: var(--black-25, #00000040); } -.hover\:border-blue-50:hover { - --tw-border-opacity: 1; - border-color: rgba(239, 246, 255, var(--tw-border-opacity)); +.group:hover .group-hover\:border-black-10 { + border-color: var(--black-10, #0000001a); } -.hover\:border-blue-100:hover { - --tw-border-opacity: 1; - border-color: rgba(219, 234, 254, var(--tw-border-opacity)); +.group:hover .group-hover\:border-white-25 { + border-color: var(--white-25, #ffffff40); } -.hover\:border-blue-200:hover { - --tw-border-opacity: 1; - border-color: rgba(191, 219, 254, var(--tw-border-opacity)); +.group:hover .group-hover\:border-white-60 { + border-color: var(--white-60, #ffffff99); } -.hover\:border-blue-300:hover { - --tw-border-opacity: 1; - border-color: rgba(147, 197, 253, var(--tw-border-opacity)); +.group:hover .group-hover\:border-black-64 { + border-color: var(--black-64, #000000a3); } -.hover\:border-blue-400:hover { - --tw-border-opacity: 1; - border-color: rgba(96, 165, 250, var(--tw-border-opacity)); +.group:hover .group-hover\:border-Shadow\ and\ Highlight-Shadow { + border-color: var(--shadow-and-highlight-shadow, #7f7e7f); } -.hover\:border-blue-500:hover { - --tw-border-opacity: 1; - border-color: rgba(59, 130, 246, var(--tw-border-opacity)); +.group:hover .group-hover\:border-Shadow\ and\ Highlight-Highlight { + border-color: var(--shadow-and-highlight-highlight, #474747); } -.hover\:border-blue-600:hover { - --tw-border-opacity: 1; - border-color: rgba(37, 99, 235, var(--tw-border-opacity)); +.group:hover .group-hover\:border-Shadow\ and\ Highlight-highlight\ one { + border-color: var(--shadow-and-highlight-highlight-one, #474747bf); } -.hover\:border-blue-700:hover { - --tw-border-opacity: 1; - border-color: rgba(29, 78, 216, var(--tw-border-opacity)); +.group:hover .group-hover\:border-Shadow\ and\ Highlight-highlight\ two { + border-color: var(--shadow-and-highlight-highlight-two, #47474799); } -.hover\:border-blue-800:hover { - --tw-border-opacity: 1; - border-color: rgba(30, 64, 175, var(--tw-border-opacity)); +.group:hover .group-hover\:border-Shadow\ and\ Highlight-highlight\ three { + border-color: var(--shadow-and-highlight-highlight-three, #47474766); } -.hover\:border-blue-900:hover { - --tw-border-opacity: 1; - border-color: rgba(30, 58, 138, var(--tw-border-opacity)); +.group:hover .group-hover\:border-Shadow\ and\ Highlight-highlight\ five { + border-color: var(--shadow-and-highlight-highlight-five, #4747471a); } -.hover\:border-indigo-50:hover { - --tw-border-opacity: 1; - border-color: rgba(238, 242, 255, var(--tw-border-opacity)); +.group:hover .group-hover\:border-Shadow\ and\ Highlight-shadow\ one { + border-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } -.hover\:border-indigo-100:hover { - --tw-border-opacity: 1; - border-color: rgba(224, 231, 255, var(--tw-border-opacity)); +.group:hover .group-hover\:border-Shadow\ and\ Highlight-shadow\ two { + border-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } -.hover\:border-indigo-200:hover { - --tw-border-opacity: 1; - border-color: rgba(199, 210, 254, var(--tw-border-opacity)); +.group:hover .group-hover\:border-Shadow\ and\ Highlight-shadow\ three { + border-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } -.hover\:border-indigo-300:hover { - --tw-border-opacity: 1; - border-color: rgba(165, 180, 252, var(--tw-border-opacity)); +.group:hover .group-hover\:border-Shadow\ and\ Highlight-shadow\ four { + border-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } -.hover\:border-indigo-400:hover { - --tw-border-opacity: 1; - border-color: rgba(129, 140, 248, var(--tw-border-opacity)); +.group:hover .group-hover\:border-Shadow\ and\ Highlight-shadow\ five { + border-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } -.hover\:border-indigo-500:hover { - --tw-border-opacity: 1; - border-color: rgba(99, 102, 241, var(--tw-border-opacity)); +.group:hover .group-hover\:border-Shadow\ and\ Highlight-highlight\ four { + border-color: var(--shadow-and-highlight-highlight-four, #47474740); } -.hover\:border-indigo-600:hover { - --tw-border-opacity: 1; - border-color: rgba(79, 70, 229, var(--tw-border-opacity)); +.group:hover .group-hover\:border-Base\ Layer\ Styles-Base\ Layer-\ Light-White { + border-color: var(--base-layer-styles-base-layer-light-white, #ffffff); } -.hover\:border-indigo-700:hover { - --tw-border-opacity: 1; - border-color: rgba(67, 56, 202, var(--tw-border-opacity)); +.group:hover .group-hover\:border-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite { + border-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } -.hover\:border-indigo-800:hover { - --tw-border-opacity: 1; - border-color: rgba(55, 48, 163, var(--tw-border-opacity)); +.group:hover .group-hover\:border-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack { + border-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } -.hover\:border-indigo-900:hover { - --tw-border-opacity: 1; - border-color: rgba(49, 46, 129, var(--tw-border-opacity)); +.group:hover .group-hover\:border-Base\ Layer\ Styles-Base\ Layer-Dark-Black { + border-color: var(--base-layer-styles-base-layer-dark-black, #000000); } -.hover\:border-purple-50:hover { - --tw-border-opacity: 1; - border-color: rgba(245, 243, 255, var(--tw-border-opacity)); +.group:hover .group-hover\:border-Grey-Scale-white { + border-color: var(--grey-scale-white, #ffffff); } -.hover\:border-purple-100:hover { - --tw-border-opacity: 1; - border-color: rgba(237, 233, 254, var(--tw-border-opacity)); +.group:hover .group-hover\:border-Grey-Scale-off-white { + border-color: var(--grey-scale-off-white, #f0edee); } -.hover\:border-purple-200:hover { - --tw-border-opacity: 1; - border-color: rgba(221, 214, 254, var(--tw-border-opacity)); +.group:hover .group-hover\:border-Grey\ Scale-grey { + border-color: var(--grey-scale-grey, #7f7e7f); } -.hover\:border-purple-300:hover { - --tw-border-opacity: 1; - border-color: rgba(196, 181, 253, var(--tw-border-opacity)); +.group:hover .group-hover\:border-Grey\ Scale-charcoal { + border-color: var(--grey-scale-charcoal, #474747); } -.hover\:border-purple-400:hover { - --tw-border-opacity: 1; - border-color: rgba(167, 139, 250, var(--tw-border-opacity)); +.group:hover .group-hover\:border-Grey\ Scale-off-black { + border-color: var(--grey-scale-off-black, #1c1c1c); } -.hover\:border-purple-500:hover { - --tw-border-opacity: 1; - border-color: rgba(139, 92, 246, var(--tw-border-opacity)); +.group:hover .group-hover\:border-Grey\ Scale-black { + border-color: var(--grey-scale-black, #000000); } -.hover\:border-purple-600:hover { - --tw-border-opacity: 1; - border-color: rgba(124, 58, 237, var(--tw-border-opacity)); +.group:hover .group-hover\:border-Blue-blue { + border-color: var(--blue-blue, #3a7ca5); } -.hover\:border-purple-700:hover { - --tw-border-opacity: 1; - border-color: rgba(109, 40, 217, var(--tw-border-opacity)); +.group:hover .group-hover\:border-Blue-blue-100 { + border-color: var(--blue-blue-100, #75a3c0); } -.hover\:border-purple-800:hover { - --tw-border-opacity: 1; - border-color: rgba(91, 33, 182, var(--tw-border-opacity)); +.group:hover .group-hover\:border-Blue-blue-200 { + border-color: var(--blue-blue-200, #9cbed2); } -.hover\:border-purple-900:hover { - --tw-border-opacity: 1; - border-color: rgba(76, 29, 149, var(--tw-border-opacity)); +.group:hover .group-hover\:border-Blue-blue-300 { + border-color: var(--blue-blue-300, #4f7d9a); } -.hover\:border-pink-50:hover { - --tw-border-opacity: 1; - border-color: rgba(253, 242, 248, var(--tw-border-opacity)); +.group:hover .group-hover\:border-Blue-blue-400 { + border-color: var(--blue-blue-400, #5c7d92); } -.hover\:border-pink-100:hover { - --tw-border-opacity: 1; - border-color: rgba(252, 231, 243, var(--tw-border-opacity)); +.group:hover .group-hover\:border-Blue-blue-500 { + border-color: var(--blue-blue-500, #347095); } -.hover\:border-pink-200:hover { - --tw-border-opacity: 1; - border-color: rgba(251, 207, 232, var(--tw-border-opacity)); +.group:hover .group-hover\:border-Blue-blue-600 { + border-color: var(--blue-blue-600, #295774); } -.hover\:border-pink-300:hover { - --tw-border-opacity: 1; - border-color: rgba(249, 168, 212, var(--tw-border-opacity)); +.group:hover .group-hover\:border-Blue-blue-700 { + border-color: var(--blue-blue-700, #173242); } -.hover\:border-pink-400:hover { - --tw-border-opacity: 1; - border-color: rgba(244, 114, 182, var(--tw-border-opacity)); +.group:hover .group-hover\:border-LightBlue-lightblue { + border-color: var(--light-blue-lightblue, #81c3d7); } -.hover\:border-pink-500:hover { - --tw-border-opacity: 1; - border-color: rgba(236, 72, 153, var(--tw-border-opacity)); +.group:hover .group-hover\:border-LightBlue-lightblue-100 { + border-color: var(--light-blue-lightblue-100, #a7d5e3); } -.hover\:border-pink-600:hover { - --tw-border-opacity: 1; - border-color: rgba(219, 39, 119, var(--tw-border-opacity)); +.group:hover .group-hover\:border-LightBlue-lightblue-200 { + border-color: var(--light-blue-lightblue-200, #c0e1eb); } -.hover\:border-pink-700:hover { - --tw-border-opacity: 1; - border-color: rgba(190, 24, 93, var(--tw-border-opacity)); +.group:hover .group-hover\:border-LightBlue-lightblue-300 { + border-color: var(--light-blue-lightblue-300, #80aebd); } -.hover\:border-pink-800:hover { - --tw-border-opacity: 1; - border-color: rgba(157, 23, 77, var(--tw-border-opacity)); +.group:hover .group-hover\:border-LightBlue-lightblue-400 { + border-color: var(--light-blue-lightblue-400, #80a0ab); } -.hover\:border-pink-900:hover { - --tw-border-opacity: 1; - border-color: rgba(131, 24, 67, var(--tw-border-opacity)); +.group:hover .group-hover\:border-LightBlue-lightblue-500 { + border-color: var(--light-blue-lightblue-500, #74afc1); } -.focus\:border-transparent:focus { - border-color: transparent; +.group:hover .group-hover\:border-LightBlue-lightblue-600 { + border-color: var(--light-blue-lightblue-600, #5a8997); } -.focus\:border-current:focus { - border-color: currentColor; +.group:hover .group-hover\:border-LightBlue-lightblue-650 { + border-color: var(--light-blue-lightblue-650, #3e5e65); } -.focus\:border-black:focus { - --tw-border-opacity: 1; - border-color: rgba(0, 0, 0, var(--tw-border-opacity)); +.group:hover .group-hover\:border-LightBlue-lightblue-700 { + border-color: var(--light-blue-lightblue-700, #344e56); } -.focus\:border-white:focus { - --tw-border-opacity: 1; - border-color: rgba(255, 255, 255, var(--tw-border-opacity)); +.group:hover .group-hover\:border-Orange-orange { + border-color: var(--orange-orange, #ff7f0e); } -.focus\:border-gray-50:focus { - --tw-border-opacity: 1; - border-color: rgba(249, 250, 251, var(--tw-border-opacity)); +.group:hover .group-hover\:border-Orange-orange-100 { + border-color: var(--orange-orange-100, #ffa556); } -.focus\:border-gray-100:focus { - --tw-border-opacity: 1; - border-color: rgba(243, 244, 246, var(--tw-border-opacity)); +.group:hover .group-hover\:border-Orange-orange-200 { + border-color: var(--orange-orange-200, #ffbf86); } -.focus\:border-gray-200:focus { - --tw-border-opacity: 1; - border-color: rgba(229, 231, 235, var(--tw-border-opacity)); +.group:hover .group-hover\:border-Orange-orange-300 { + border-color: var(--orange-orange-300, #d97f30); } -.focus\:border-gray-300:focus { - --tw-border-opacity: 1; - border-color: rgba(209, 213, 219, var(--tw-border-opacity)); +.group:hover .group-hover\:border-Orange-orange-400 { + border-color: var(--orange-orange-400, #bf7e46); } -.focus\:border-gray-400:focus { - --tw-border-opacity: 1; - border-color: rgba(156, 163, 175, var(--tw-border-opacity)); +.group:hover .group-hover\:border-Orange-orange-500 { + border-color: var(--orange-orange-500, #e5720d); } -.focus\:border-gray-500:focus { - --tw-border-opacity: 1; - border-color: rgba(107, 114, 128, var(--tw-border-opacity)); +.group:hover .group-hover\:border-Orange-orange-600 { + border-color: var(--orange-orange-600, #b3590a); } -.focus\:border-gray-600:focus { - --tw-border-opacity: 1; - border-color: rgba(75, 85, 99, var(--tw-border-opacity)); +.group:hover .group-hover\:border-Orange-orange-700 { + border-color: var(--orange-orange-700, #663306); } -.focus\:border-gray-700:focus { - --tw-border-opacity: 1; - border-color: rgba(55, 65, 81, var(--tw-border-opacity)); +.group:hover .group-hover\:border-Yellow-yellow { + border-color: var(--yellow-yellow, #ffab00); } -.focus\:border-gray-800:focus { - --tw-border-opacity: 1; - border-color: rgba(31, 41, 55, var(--tw-border-opacity)); +.group:hover .group-hover\:border-Yellow-yellow-100 { + border-color: var(--yellow-yellow-100, #ffc44c); } -.focus\:border-gray-900:focus { - --tw-border-opacity: 1; - border-color: rgba(17, 24, 39, var(--tw-border-opacity)); +.group:hover .group-hover\:border-Yellow-yellow-200 { + border-color: var(--yellow-yellow-200, #ffd580); } -.focus\:border-red-50:focus { - --tw-border-opacity: 1; - border-color: rgba(254, 242, 242, var(--tw-border-opacity)); +.group:hover .group-hover\:border-Yellow-yellow-300 { + border-color: var(--yellow-yellow-300, #d99d26); } -.focus\:border-red-100:focus { - --tw-border-opacity: 1; - border-color: rgba(254, 226, 226, var(--tw-border-opacity)); +.group:hover .group-hover\:border-Yellow-yellow-400 { + border-color: var(--yellow-yellow-400, #bf943f); } -.focus\:border-red-200:focus { - --tw-border-opacity: 1; - border-color: rgba(254, 202, 202, var(--tw-border-opacity)); +.group:hover .group-hover\:border-Yellow-yellow-500 { + border-color: var(--yellow-yellow-500, #e59a00); } -.focus\:border-red-300:focus { - --tw-border-opacity: 1; - border-color: rgba(252, 165, 165, var(--tw-border-opacity)); +.group:hover .group-hover\:border-Yellow-yellow-600 { + border-color: var(--yellow-yellow-600, #b37800); } -.focus\:border-red-400:focus { - --tw-border-opacity: 1; - border-color: rgba(248, 113, 113, var(--tw-border-opacity)); +.group:hover .group-hover\:border-Yellow-yellow-700 { + border-color: var(--yellow-yellow-700, #664400); } -.focus\:border-red-500:focus { - --tw-border-opacity: 1; - border-color: rgba(239, 68, 68, var(--tw-border-opacity)); +.group:hover .group-hover\:border-Notification-notification { + border-color: var(--notification-notification, #3959ff); } -.focus\:border-red-600:focus { - --tw-border-opacity: 1; - border-color: rgba(220, 38, 38, var(--tw-border-opacity)); +.group:hover .group-hover\:border-Notification-notification-100 { + border-color: var(--notification-notification-100, #748bff); } -.focus\:border-red-700:focus { - --tw-border-opacity: 1; - border-color: rgba(185, 28, 28, var(--tw-border-opacity)); +.group:hover .group-hover\:border-Notification-notification-200 { + border-color: var(--notification-notification-200, #9cacff); } -.focus\:border-red-800:focus { - --tw-border-opacity: 1; - border-color: rgba(153, 27, 27, var(--tw-border-opacity)); +.group:hover .group-hover\:border-Notification-notification-300 { + border-color: var(--notification-notification-300, #4e64d9); } -.focus\:border-red-900:focus { - --tw-border-opacity: 1; - border-color: rgba(127, 29, 29, var(--tw-border-opacity)); +.group:hover .group-hover\:border-Notification-notification-400 { + border-color: var(--notification-notification-400, #5c6cbf); } -.focus\:border-yellow-50:focus { - --tw-border-opacity: 1; - border-color: rgba(255, 251, 235, var(--tw-border-opacity)); +.group:hover .group-hover\:border-Notification-notification-500 { + border-color: var(--notification-notification-500, #3350e5); } -.focus\:border-yellow-100:focus { - --tw-border-opacity: 1; - border-color: rgba(254, 243, 199, var(--tw-border-opacity)); +.group:hover .group-hover\:border-Notification-notification-600 { + border-color: var(--notification-notification-600, #283eb3); } -.focus\:border-yellow-200:focus { - --tw-border-opacity: 1; - border-color: rgba(253, 230, 138, var(--tw-border-opacity)); +.group:hover .group-hover\:border-Notification-notification-700 { + border-color: var(--notification-notification-700, #172466); } -.focus\:border-yellow-300:focus { - --tw-border-opacity: 1; - border-color: rgba(252, 211, 77, var(--tw-border-opacity)); +.group:hover .group-hover\:border-Success-success\ -700 { + border-color: var(--success-success-700, #24471f); } -.focus\:border-yellow-400:focus { - --tw-border-opacity: 1; - border-color: rgba(251, 191, 36, var(--tw-border-opacity)); +.group:hover .group-hover\:border-Success-success { + border-color: var(--success-success, #5bb14d); } -.focus\:border-yellow-500:focus { - --tw-border-opacity: 1; - border-color: rgba(245, 158, 11, var(--tw-border-opacity)); +.group:hover .group-hover\:border-Success-success\ -100 { + border-color: var(--success-success-100, #8cc882); } -.focus\:border-yellow-600:focus { - --tw-border-opacity: 1; - border-color: rgba(217, 119, 6, var(--tw-border-opacity)); +.group:hover .group-hover\:border-Success-success\ -200 { + border-color: var(--success-success-200, #add8a6); } -.focus\:border-yellow-700:focus { - --tw-border-opacity: 1; - border-color: rgba(180, 83, 9, var(--tw-border-opacity)); +.group:hover .group-hover\:border-Success-success\ -300 { + border-color: var(--success-success-300, #66a25c); } -.focus\:border-yellow-800:focus { - --tw-border-opacity: 1; - border-color: rgba(146, 64, 14, var(--tw-border-opacity)); +.group:hover .group-hover\:border-Success-success\ -400 { + border-color: var(--success-success-400, #6d9766); } -.focus\:border-yellow-900:focus { - --tw-border-opacity: 1; - border-color: rgba(120, 53, 15, var(--tw-border-opacity)); +.group:hover .group-hover\:border-Success-success\ -500 { + border-color: var(--success-success-500, #529f45); } -.focus\:border-green-50:focus { - --tw-border-opacity: 1; - border-color: rgba(236, 253, 245, var(--tw-border-opacity)); +.group:hover .group-hover\:border-Success-success\ -600 { + border-color: var(--success-success-600, #407c36); } -.focus\:border-green-100:focus { - --tw-border-opacity: 1; - border-color: rgba(209, 250, 229, var(--tw-border-opacity)); +.group:hover .group-hover\:border-Error-error { + border-color: var(--error-error, #f03d3e); } -.focus\:border-green-200:focus { - --tw-border-opacity: 1; - border-color: rgba(167, 243, 208, var(--tw-border-opacity)); +.group:hover .group-hover\:border-Error-error-100 { + border-color: var(--error-error-100, #f57778); } -.focus\:border-green-300:focus { - --tw-border-opacity: 1; - border-color: rgba(110, 231, 183, var(--tw-border-opacity)); +.group:hover .group-hover\:border-Error-error-200 { + border-color: var(--error-error-200, #f89e9e); } -.focus\:border-green-400:focus { - --tw-border-opacity: 1; - border-color: rgba(52, 211, 153, var(--tw-border-opacity)); +.group:hover .group-hover\:border-Error-error-250 { + border-color: var(--error-error-250, #f9c8c8); } -.focus\:border-green-500:focus { - --tw-border-opacity: 1; - border-color: rgba(16, 185, 129, var(--tw-border-opacity)); +.group:hover .group-hover\:border-Error-error-300 { + border-color: var(--error-error-300, #ce5151); } -.focus\:border-green-600:focus { - --tw-border-opacity: 1; - border-color: rgba(5, 150, 105, var(--tw-border-opacity)); +.group:hover .group-hover\:border-Error-error-400 { + border-color: var(--error-error-400, #b85e5e); } -.focus\:border-green-700:focus { - --tw-border-opacity: 1; - border-color: rgba(4, 120, 87, var(--tw-border-opacity)); +.group:hover .group-hover\:border-Error-error-500 { + border-color: var(--error-error-500, #d83738); } -.focus\:border-green-800:focus { - --tw-border-opacity: 1; - border-color: rgba(6, 95, 70, var(--tw-border-opacity)); +.group:hover .group-hover\:border-Error-error-600 { + border-color: var(--error-error-600, #a82b2b); } -.focus\:border-green-900:focus { - --tw-border-opacity: 1; - border-color: rgba(6, 78, 59, var(--tw-border-opacity)); +.group:hover .group-hover\:border-Error-error-700 { + border-color: var(--error-error-700, #601819); } -.focus\:border-blue-50:focus { - --tw-border-opacity: 1; - border-color: rgba(239, 246, 255, var(--tw-border-opacity)); +.focus-within\:border-colors-black:focus-within { + border-color: var(--colors-black, #000000); } -.focus\:border-blue-100:focus { - --tw-border-opacity: 1; - border-color: rgba(219, 234, 254, var(--tw-border-opacity)); +.focus-within\:border-colors-white:focus-within { + border-color: var(--colors-white, #ffffff); } -.focus\:border-blue-200:focus { - --tw-border-opacity: 1; - border-color: rgba(191, 219, 254, var(--tw-border-opacity)); +.focus-within\:border-colors-gray-100:focus-within { + border-color: var(--colors-gray-100, #f7fafc); } -.focus\:border-blue-300:focus { - --tw-border-opacity: 1; - border-color: rgba(147, 197, 253, var(--tw-border-opacity)); +.focus-within\:border-colors-gray-200:focus-within { + border-color: var(--colors-gray-200, #edf2f7); } -.focus\:border-blue-400:focus { - --tw-border-opacity: 1; - border-color: rgba(96, 165, 250, var(--tw-border-opacity)); +.focus-within\:border-colors-gray-300:focus-within { + border-color: var(--colors-gray-300, #e2e8f0); } -.focus\:border-blue-500:focus { - --tw-border-opacity: 1; - border-color: rgba(59, 130, 246, var(--tw-border-opacity)); +.focus-within\:border-colors-gray-400:focus-within { + border-color: var(--colors-gray-400, #cbd5e0); } -.focus\:border-blue-600:focus { - --tw-border-opacity: 1; - border-color: rgba(37, 99, 235, var(--tw-border-opacity)); +.focus-within\:border-colors-gray-500:focus-within { + border-color: var(--colors-gray-500, #a0aec0); } -.focus\:border-blue-700:focus { - --tw-border-opacity: 1; - border-color: rgba(29, 78, 216, var(--tw-border-opacity)); +.focus-within\:border-colors-gray-600:focus-within { + border-color: var(--colors-gray-600, #718096); } -.focus\:border-blue-800:focus { - --tw-border-opacity: 1; - border-color: rgba(30, 64, 175, var(--tw-border-opacity)); +.focus-within\:border-colors-gray-700:focus-within { + border-color: var(--colors-gray-700, #4a5568); } -.focus\:border-blue-900:focus { - --tw-border-opacity: 1; - border-color: rgba(30, 58, 138, var(--tw-border-opacity)); +.focus-within\:border-colors-gray-800:focus-within { + border-color: var(--colors-gray-800, #2d3748); } -.focus\:border-indigo-50:focus { - --tw-border-opacity: 1; - border-color: rgba(238, 242, 255, var(--tw-border-opacity)); +.focus-within\:border-colors-gray-900:focus-within { + border-color: var(--colors-gray-900, #1a202c); } -.focus\:border-indigo-100:focus { - --tw-border-opacity: 1; - border-color: rgba(224, 231, 255, var(--tw-border-opacity)); +.focus-within\:border-colors-red-100:focus-within { + border-color: var(--colors-red-100, #fff5f5); } -.focus\:border-indigo-200:focus { - --tw-border-opacity: 1; - border-color: rgba(199, 210, 254, var(--tw-border-opacity)); +.focus-within\:border-colors-red-200:focus-within { + border-color: var(--colors-red-200, #fed7d7); } -.focus\:border-indigo-300:focus { - --tw-border-opacity: 1; - border-color: rgba(165, 180, 252, var(--tw-border-opacity)); +.focus-within\:border-colors-red-300:focus-within { + border-color: var(--colors-red-300, #feb2b2); } -.focus\:border-indigo-400:focus { - --tw-border-opacity: 1; - border-color: rgba(129, 140, 248, var(--tw-border-opacity)); +.focus-within\:border-colors-red-400:focus-within { + border-color: var(--colors-red-400, #fc8181); } -.focus\:border-indigo-500:focus { - --tw-border-opacity: 1; - border-color: rgba(99, 102, 241, var(--tw-border-opacity)); +.focus-within\:border-colors-red-500:focus-within { + border-color: var(--colors-red-500, #f56565); } -.focus\:border-indigo-600:focus { - --tw-border-opacity: 1; - border-color: rgba(79, 70, 229, var(--tw-border-opacity)); +.focus-within\:border-colors-red-600:focus-within { + border-color: var(--colors-red-600, #e53e3e); } -.focus\:border-indigo-700:focus { - --tw-border-opacity: 1; - border-color: rgba(67, 56, 202, var(--tw-border-opacity)); +.focus-within\:border-colors-red-700:focus-within { + border-color: var(--colors-red-700, #c53030); } -.focus\:border-indigo-800:focus { - --tw-border-opacity: 1; - border-color: rgba(55, 48, 163, var(--tw-border-opacity)); +.focus-within\:border-colors-red-800:focus-within { + border-color: var(--colors-red-800, #9b2c2c); } -.focus\:border-indigo-900:focus { - --tw-border-opacity: 1; - border-color: rgba(49, 46, 129, var(--tw-border-opacity)); +.focus-within\:border-colors-red-900:focus-within { + border-color: var(--colors-red-900, #742a2a); } -.focus\:border-purple-50:focus { - --tw-border-opacity: 1; - border-color: rgba(245, 243, 255, var(--tw-border-opacity)); +.focus-within\:border-colors-orange-100:focus-within { + border-color: var(--colors-orange-100, #fffaf0); } -.focus\:border-purple-100:focus { - --tw-border-opacity: 1; - border-color: rgba(237, 233, 254, var(--tw-border-opacity)); +.focus-within\:border-colors-orange-200:focus-within { + border-color: var(--colors-orange-200, #feebc8); } -.focus\:border-purple-200:focus { - --tw-border-opacity: 1; - border-color: rgba(221, 214, 254, var(--tw-border-opacity)); +.focus-within\:border-colors-orange-300:focus-within { + border-color: var(--colors-orange-300, #fbd38d); } -.focus\:border-purple-300:focus { - --tw-border-opacity: 1; - border-color: rgba(196, 181, 253, var(--tw-border-opacity)); +.focus-within\:border-colors-orange-400:focus-within { + border-color: var(--colors-orange-400, #f6ad55); } -.focus\:border-purple-400:focus { - --tw-border-opacity: 1; - border-color: rgba(167, 139, 250, var(--tw-border-opacity)); +.focus-within\:border-colors-orange-500:focus-within { + border-color: var(--colors-orange-500, #ed8936); } -.focus\:border-purple-500:focus { - --tw-border-opacity: 1; - border-color: rgba(139, 92, 246, var(--tw-border-opacity)); +.focus-within\:border-colors-orange-600:focus-within { + border-color: var(--colors-orange-600, #dd6b20); } -.focus\:border-purple-600:focus { - --tw-border-opacity: 1; - border-color: rgba(124, 58, 237, var(--tw-border-opacity)); +.focus-within\:border-colors-orange-700:focus-within { + border-color: var(--colors-orange-700, #c05621); } -.focus\:border-purple-700:focus { - --tw-border-opacity: 1; - border-color: rgba(109, 40, 217, var(--tw-border-opacity)); +.focus-within\:border-colors-orange-800:focus-within { + border-color: var(--colors-orange-800, #9c4221); } -.focus\:border-purple-800:focus { - --tw-border-opacity: 1; - border-color: rgba(91, 33, 182, var(--tw-border-opacity)); +.focus-within\:border-colors-orange-900:focus-within { + border-color: var(--colors-orange-900, #7b341e); } -.focus\:border-purple-900:focus { - --tw-border-opacity: 1; - border-color: rgba(76, 29, 149, var(--tw-border-opacity)); +.focus-within\:border-colors-yellow-100:focus-within { + border-color: var(--colors-yellow-100, #fffff0); } -.focus\:border-pink-50:focus { - --tw-border-opacity: 1; - border-color: rgba(253, 242, 248, var(--tw-border-opacity)); +.focus-within\:border-colors-yellow-200:focus-within { + border-color: var(--colors-yellow-200, #fefcbf); } -.focus\:border-pink-100:focus { - --tw-border-opacity: 1; - border-color: rgba(252, 231, 243, var(--tw-border-opacity)); +.focus-within\:border-colors-yellow-300:focus-within { + border-color: var(--colors-yellow-300, #faf089); } -.focus\:border-pink-200:focus { - --tw-border-opacity: 1; - border-color: rgba(251, 207, 232, var(--tw-border-opacity)); +.focus-within\:border-colors-yellow-400:focus-within { + border-color: var(--colors-yellow-400, #f6e05e); } -.focus\:border-pink-300:focus { - --tw-border-opacity: 1; - border-color: rgba(249, 168, 212, var(--tw-border-opacity)); +.focus-within\:border-colors-yellow-500:focus-within { + border-color: var(--colors-yellow-500, #ecc94b); } -.focus\:border-pink-400:focus { - --tw-border-opacity: 1; - border-color: rgba(244, 114, 182, var(--tw-border-opacity)); +.focus-within\:border-colors-yellow-600:focus-within { + border-color: var(--colors-yellow-600, #d69e2e); } -.focus\:border-pink-500:focus { - --tw-border-opacity: 1; - border-color: rgba(236, 72, 153, var(--tw-border-opacity)); +.focus-within\:border-colors-yellow-700:focus-within { + border-color: var(--colors-yellow-700, #b7791f); } -.focus\:border-pink-600:focus { - --tw-border-opacity: 1; - border-color: rgba(219, 39, 119, var(--tw-border-opacity)); +.focus-within\:border-colors-yellow-800:focus-within { + border-color: var(--colors-yellow-800, #975a16); } -.focus\:border-pink-700:focus { - --tw-border-opacity: 1; - border-color: rgba(190, 24, 93, var(--tw-border-opacity)); +.focus-within\:border-colors-yellow-900:focus-within { + border-color: var(--colors-yellow-900, #744210); } -.focus\:border-pink-800:focus { - --tw-border-opacity: 1; - border-color: rgba(157, 23, 77, var(--tw-border-opacity)); +.focus-within\:border-colors-green-100:focus-within { + border-color: var(--colors-green-100, #f0fff4); } -.focus\:border-pink-900:focus { - --tw-border-opacity: 1; - border-color: rgba(131, 24, 67, var(--tw-border-opacity)); +.focus-within\:border-colors-green-200:focus-within { + border-color: var(--colors-green-200, #c6f6d5); } -.border-opacity-0 { - --tw-border-opacity: 0; +.focus-within\:border-colors-green-300:focus-within { + border-color: var(--colors-green-300, #9ae6b4); } -.border-opacity-5 { - --tw-border-opacity: 0.05; +.focus-within\:border-colors-green-400:focus-within { + border-color: var(--colors-green-400, #68d391); } -.border-opacity-10 { - --tw-border-opacity: 0.1; +.focus-within\:border-colors-green-500:focus-within { + border-color: var(--colors-green-500, #48bb78); } -.border-opacity-20 { - --tw-border-opacity: 0.2; +.focus-within\:border-colors-green-600:focus-within { + border-color: var(--colors-green-600, #38a169); } -.border-opacity-25 { - --tw-border-opacity: 0.25; +.focus-within\:border-colors-green-700:focus-within { + border-color: var(--colors-green-700, #2f855a); } -.border-opacity-30 { - --tw-border-opacity: 0.3; +.focus-within\:border-colors-green-800:focus-within { + border-color: var(--colors-green-800, #276749); } -.border-opacity-40 { - --tw-border-opacity: 0.4; +.focus-within\:border-colors-green-900:focus-within { + border-color: var(--colors-green-900, #22543d); } -.border-opacity-50 { - --tw-border-opacity: 0.5; +.focus-within\:border-colors-teal-100:focus-within { + border-color: var(--colors-teal-100, #e6fffa); } -.border-opacity-60 { - --tw-border-opacity: 0.6; +.focus-within\:border-colors-teal-200:focus-within { + border-color: var(--colors-teal-200, #b2f5ea); } -.border-opacity-70 { - --tw-border-opacity: 0.7; +.focus-within\:border-colors-teal-300:focus-within { + border-color: var(--colors-teal-300, #81e6d9); } -.border-opacity-75 { - --tw-border-opacity: 0.75; +.focus-within\:border-colors-teal-400:focus-within { + border-color: var(--colors-teal-400, #4fd1c5); } -.border-opacity-80 { - --tw-border-opacity: 0.8; +.focus-within\:border-colors-teal-500:focus-within { + border-color: var(--colors-teal-500, #38b2ac); } -.border-opacity-90 { - --tw-border-opacity: 0.9; +.focus-within\:border-colors-teal-600:focus-within { + border-color: var(--colors-teal-600, #319795); } -.border-opacity-95 { - --tw-border-opacity: 0.95; +.focus-within\:border-colors-teal-700:focus-within { + border-color: var(--colors-teal-700, #2c7a7b); } -.border-opacity-100 { - --tw-border-opacity: 1; +.focus-within\:border-colors-teal-800:focus-within { + border-color: var(--colors-teal-800, #285e61); } -.group:hover .group-hover\:border-opacity-0 { - --tw-border-opacity: 0; +.focus-within\:border-colors-teal-900:focus-within { + border-color: var(--colors-teal-900, #234e52); } -.group:hover .group-hover\:border-opacity-5 { - --tw-border-opacity: 0.05; +.focus-within\:border-colors-blue-100:focus-within { + border-color: var(--colors-blue-100, #ebf8ff); } -.group:hover .group-hover\:border-opacity-10 { - --tw-border-opacity: 0.1; +.focus-within\:border-colors-blue-200:focus-within { + border-color: var(--colors-blue-200, #bee3f8); } -.group:hover .group-hover\:border-opacity-20 { - --tw-border-opacity: 0.2; +.focus-within\:border-colors-blue-300:focus-within { + border-color: var(--colors-blue-300, #90cdf4); } -.group:hover .group-hover\:border-opacity-25 { - --tw-border-opacity: 0.25; +.focus-within\:border-colors-blue-400:focus-within { + border-color: var(--colors-blue-400, #63b3ed); } -.group:hover .group-hover\:border-opacity-30 { - --tw-border-opacity: 0.3; +.focus-within\:border-colors-blue-500:focus-within { + border-color: var(--colors-blue-500, #4299e1); } -.group:hover .group-hover\:border-opacity-40 { - --tw-border-opacity: 0.4; +.focus-within\:border-colors-blue-600:focus-within { + border-color: var(--colors-blue-600, #3182ce); } -.group:hover .group-hover\:border-opacity-50 { - --tw-border-opacity: 0.5; +.focus-within\:border-colors-blue-700:focus-within { + border-color: var(--colors-blue-700, #2b6cb0); } -.group:hover .group-hover\:border-opacity-60 { - --tw-border-opacity: 0.6; +.focus-within\:border-colors-blue-800:focus-within { + border-color: var(--colors-blue-800, #2c5282); } -.group:hover .group-hover\:border-opacity-70 { - --tw-border-opacity: 0.7; +.focus-within\:border-colors-blue-900:focus-within { + border-color: var(--colors-blue-900, #2a4365); } -.group:hover .group-hover\:border-opacity-75 { - --tw-border-opacity: 0.75; +.focus-within\:border-colors-indigo-100:focus-within { + border-color: var(--colors-indigo-100, #ebf4ff); } -.group:hover .group-hover\:border-opacity-80 { - --tw-border-opacity: 0.8; +.focus-within\:border-colors-indigo-200:focus-within { + border-color: var(--colors-indigo-200, #c3dafe); } -.group:hover .group-hover\:border-opacity-90 { - --tw-border-opacity: 0.9; +.focus-within\:border-colors-indigo-300:focus-within { + border-color: var(--colors-indigo-300, #a3bffa); } -.group:hover .group-hover\:border-opacity-95 { - --tw-border-opacity: 0.95; +.focus-within\:border-colors-indigo-400:focus-within { + border-color: var(--colors-indigo-400, #7f9cf5); } -.group:hover .group-hover\:border-opacity-100 { - --tw-border-opacity: 1; +.focus-within\:border-colors-indigo-500:focus-within { + border-color: var(--colors-indigo-500, #667eea); } -.focus-within\:border-opacity-0:focus-within { - --tw-border-opacity: 0; +.focus-within\:border-colors-indigo-600:focus-within { + border-color: var(--colors-indigo-600, #5a67d8); } -.focus-within\:border-opacity-5:focus-within { - --tw-border-opacity: 0.05; +.focus-within\:border-colors-indigo-700:focus-within { + border-color: var(--colors-indigo-700, #4c51bf); } -.focus-within\:border-opacity-10:focus-within { - --tw-border-opacity: 0.1; +.focus-within\:border-colors-indigo-800:focus-within { + border-color: var(--colors-indigo-800, #434190); } -.focus-within\:border-opacity-20:focus-within { - --tw-border-opacity: 0.2; +.focus-within\:border-colors-indigo-900:focus-within { + border-color: var(--colors-indigo-900, #3c366b); } -.focus-within\:border-opacity-25:focus-within { - --tw-border-opacity: 0.25; +.focus-within\:border-colors-purple-100:focus-within { + border-color: var(--colors-purple-100, #faf5ff); } -.focus-within\:border-opacity-30:focus-within { - --tw-border-opacity: 0.3; +.focus-within\:border-colors-purple-200:focus-within { + border-color: var(--colors-purple-200, #e9d8fd); } -.focus-within\:border-opacity-40:focus-within { - --tw-border-opacity: 0.4; +.focus-within\:border-colors-purple-300:focus-within { + border-color: var(--colors-purple-300, #d6bcfa); } -.focus-within\:border-opacity-50:focus-within { - --tw-border-opacity: 0.5; +.focus-within\:border-colors-purple-400:focus-within { + border-color: var(--colors-purple-400, #b794f4); } -.focus-within\:border-opacity-60:focus-within { - --tw-border-opacity: 0.6; +.focus-within\:border-colors-purple-500:focus-within { + border-color: var(--colors-purple-500, #9f7aea); } -.focus-within\:border-opacity-70:focus-within { - --tw-border-opacity: 0.7; +.focus-within\:border-colors-purple-600:focus-within { + border-color: var(--colors-purple-600, #805ad5); } -.focus-within\:border-opacity-75:focus-within { - --tw-border-opacity: 0.75; +.focus-within\:border-colors-purple-700:focus-within { + border-color: var(--colors-purple-700, #6b46c1); } -.focus-within\:border-opacity-80:focus-within { - --tw-border-opacity: 0.8; +.focus-within\:border-colors-purple-800:focus-within { + border-color: var(--colors-purple-800, #553c9a); } -.focus-within\:border-opacity-90:focus-within { - --tw-border-opacity: 0.9; +.focus-within\:border-colors-purple-900:focus-within { + border-color: var(--colors-purple-900, #44337a); } -.focus-within\:border-opacity-95:focus-within { - --tw-border-opacity: 0.95; +.focus-within\:border-colors-pink-100:focus-within { + border-color: var(--colors-pink-100, #fff5f7); } -.focus-within\:border-opacity-100:focus-within { - --tw-border-opacity: 1; +.focus-within\:border-colors-pink-200:focus-within { + border-color: var(--colors-pink-200, #fed7e2); } -.hover\:border-opacity-0:hover { - --tw-border-opacity: 0; +.focus-within\:border-colors-pink-300:focus-within { + border-color: var(--colors-pink-300, #fbb6ce); } -.hover\:border-opacity-5:hover { - --tw-border-opacity: 0.05; +.focus-within\:border-colors-pink-400:focus-within { + border-color: var(--colors-pink-400, #f687b3); } -.hover\:border-opacity-10:hover { - --tw-border-opacity: 0.1; +.focus-within\:border-colors-pink-500:focus-within { + border-color: var(--colors-pink-500, #ed64a6); } -.hover\:border-opacity-20:hover { - --tw-border-opacity: 0.2; +.focus-within\:border-colors-pink-600:focus-within { + border-color: var(--colors-pink-600, #d53f8c); } -.hover\:border-opacity-25:hover { - --tw-border-opacity: 0.25; +.focus-within\:border-colors-pink-700:focus-within { + border-color: var(--colors-pink-700, #b83280); } -.hover\:border-opacity-30:hover { - --tw-border-opacity: 0.3; +.focus-within\:border-colors-pink-800:focus-within { + border-color: var(--colors-pink-800, #97266d); } -.hover\:border-opacity-40:hover { - --tw-border-opacity: 0.4; +.focus-within\:border-colors-pink-900:focus-within { + border-color: var(--colors-pink-900, #702459); } -.hover\:border-opacity-50:hover { - --tw-border-opacity: 0.5; +.focus-within\:border-Box\ Shadow:focus-within { + border-color: var(--box-shadow, #7f7e7f); } -.hover\:border-opacity-60:hover { - --tw-border-opacity: 0.6; +.focus-within\:border-Error16:focus-within { + border-color: var(--error16, #f03d3e40); } -.hover\:border-opacity-70:hover { - --tw-border-opacity: 0.7; +.focus-within\:border-Success16:focus-within { + border-color: var(--success16, #5bb14d40); } -.hover\:border-opacity-75:hover { - --tw-border-opacity: 0.75; +.focus-within\:border-Notification16:focus-within { + border-color: var(--notification16, #3959ff40); } -.hover\:border-opacity-80:hover { - --tw-border-opacity: 0.8; +.focus-within\:border-Error8:focus-within { + border-color: var(--error8, #f03d3e1a); } -.hover\:border-opacity-90:hover { - --tw-border-opacity: 0.9; +.focus-within\:border-Notification8:focus-within { + border-color: var(--notification8, #3959ff1a); } -.hover\:border-opacity-95:hover { - --tw-border-opacity: 0.95; +.focus-within\:border-Success8:focus-within { + border-color: var(--success8, #5bb14d1a); } -.hover\:border-opacity-100:hover { - --tw-border-opacity: 1; +.focus-within\:border-Light\ -\ Overlay:focus-within { + border-color: var(--light-overlay, #f0edee66); } -.focus\:border-opacity-0:focus { - --tw-border-opacity: 0; +.focus-within\:border-Dark-\ Overlay:focus-within { + border-color: var(--dark-overlay, #7f7e7f66); } -.focus\:border-opacity-5:focus { - --tw-border-opacity: 0.05; +.focus-within\:border-black-40:focus-within { + border-color: var(--black-40, #00000066); } -.focus\:border-opacity-10:focus { - --tw-border-opacity: 0.1; +.focus-within\:border-black-75:focus-within { + border-color: var(--black-75, #000000bf); } -.focus\:border-opacity-20:focus { - --tw-border-opacity: 0.2; +.focus-within\:border-black-60:focus-within { + border-color: var(--black-60, #00000099); } -.focus\:border-opacity-25:focus { - --tw-border-opacity: 0.25; +.focus-within\:border-black-50:focus-within { + border-color: var(--black-50, #00000080); } -.focus\:border-opacity-30:focus { - --tw-border-opacity: 0.3; +.focus-within\:border-black-25:focus-within { + border-color: var(--black-25, #00000040); } -.focus\:border-opacity-40:focus { - --tw-border-opacity: 0.4; +.focus-within\:border-black-10:focus-within { + border-color: var(--black-10, #0000001a); } -.focus\:border-opacity-50:focus { - --tw-border-opacity: 0.5; +.focus-within\:border-white-25:focus-within { + border-color: var(--white-25, #ffffff40); } -.focus\:border-opacity-60:focus { - --tw-border-opacity: 0.6; +.focus-within\:border-white-60:focus-within { + border-color: var(--white-60, #ffffff99); } -.focus\:border-opacity-70:focus { - --tw-border-opacity: 0.7; +.focus-within\:border-black-64:focus-within { + border-color: var(--black-64, #000000a3); } -.focus\:border-opacity-75:focus { - --tw-border-opacity: 0.75; +.focus-within\:border-Shadow\ and\ Highlight-Shadow:focus-within { + border-color: var(--shadow-and-highlight-shadow, #7f7e7f); } -.focus\:border-opacity-80:focus { - --tw-border-opacity: 0.8; +.focus-within\:border-Shadow\ and\ Highlight-Highlight:focus-within { + border-color: var(--shadow-and-highlight-highlight, #474747); } -.focus\:border-opacity-90:focus { - --tw-border-opacity: 0.9; +.focus-within\:border-Shadow\ and\ Highlight-highlight\ one:focus-within { + border-color: var(--shadow-and-highlight-highlight-one, #474747bf); } -.focus\:border-opacity-95:focus { - --tw-border-opacity: 0.95; +.focus-within\:border-Shadow\ and\ Highlight-highlight\ two:focus-within { + border-color: var(--shadow-and-highlight-highlight-two, #47474799); } -.focus\:border-opacity-100:focus { - --tw-border-opacity: 1; +.focus-within\:border-Shadow\ and\ Highlight-highlight\ three:focus-within { + border-color: var(--shadow-and-highlight-highlight-three, #47474766); } -.bg-transparent { - background-color: transparent; +.focus-within\:border-Shadow\ and\ Highlight-highlight\ five:focus-within { + border-color: var(--shadow-and-highlight-highlight-five, #4747471a); } -.bg-current { - background-color: currentColor; +.focus-within\:border-Shadow\ and\ Highlight-shadow\ one:focus-within { + border-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } -.bg-black { - --tw-bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--tw-bg-opacity)); +.focus-within\:border-Shadow\ and\ Highlight-shadow\ two:focus-within { + border-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } -.bg-white { - --tw-bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); +.focus-within\:border-Shadow\ and\ Highlight-shadow\ three:focus-within { + border-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } -.bg-gray-50 { - --tw-bg-opacity: 1; - background-color: rgba(249, 250, 251, var(--tw-bg-opacity)); +.focus-within\:border-Shadow\ and\ Highlight-shadow\ four:focus-within { + border-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } -.bg-gray-100 { - --tw-bg-opacity: 1; - background-color: rgba(243, 244, 246, var(--tw-bg-opacity)); +.focus-within\:border-Shadow\ and\ Highlight-shadow\ five:focus-within { + border-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } -.bg-gray-200 { - --tw-bg-opacity: 1; - background-color: rgba(229, 231, 235, var(--tw-bg-opacity)); +.focus-within\:border-Shadow\ and\ Highlight-highlight\ four:focus-within { + border-color: var(--shadow-and-highlight-highlight-four, #47474740); } -.bg-gray-300 { - --tw-bg-opacity: 1; - background-color: rgba(209, 213, 219, var(--tw-bg-opacity)); +.focus-within\:border-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus-within { + border-color: var(--base-layer-styles-base-layer-light-white, #ffffff); } -.bg-gray-400 { - --tw-bg-opacity: 1; - background-color: rgba(156, 163, 175, var(--tw-bg-opacity)); +.focus-within\:border-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus-within { + border-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } -.bg-gray-500 { - --tw-bg-opacity: 1; - background-color: rgba(107, 114, 128, var(--tw-bg-opacity)); +.focus-within\:border-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus-within { + border-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } -.bg-gray-600 { - --tw-bg-opacity: 1; - background-color: rgba(75, 85, 99, var(--tw-bg-opacity)); +.focus-within\:border-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus-within { + border-color: var(--base-layer-styles-base-layer-dark-black, #000000); } -.bg-gray-700 { - --tw-bg-opacity: 1; - background-color: rgba(55, 65, 81, var(--tw-bg-opacity)); +.focus-within\:border-Grey-Scale-white:focus-within { + border-color: var(--grey-scale-white, #ffffff); } -.bg-gray-800 { - --tw-bg-opacity: 1; - background-color: rgba(31, 41, 55, var(--tw-bg-opacity)); +.focus-within\:border-Grey-Scale-off-white:focus-within { + border-color: var(--grey-scale-off-white, #f0edee); } -.bg-gray-900 { - --tw-bg-opacity: 1; - background-color: rgba(17, 24, 39, var(--tw-bg-opacity)); +.focus-within\:border-Grey\ Scale-grey:focus-within { + border-color: var(--grey-scale-grey, #7f7e7f); } -.bg-red-50 { - --tw-bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--tw-bg-opacity)); +.focus-within\:border-Grey\ Scale-charcoal:focus-within { + border-color: var(--grey-scale-charcoal, #474747); } -.bg-red-100 { - --tw-bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--tw-bg-opacity)); +.focus-within\:border-Grey\ Scale-off-black:focus-within { + border-color: var(--grey-scale-off-black, #1c1c1c); } -.bg-red-200 { - --tw-bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--tw-bg-opacity)); +.focus-within\:border-Grey\ Scale-black:focus-within { + border-color: var(--grey-scale-black, #000000); } -.bg-red-300 { - --tw-bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--tw-bg-opacity)); +.focus-within\:border-Blue-blue:focus-within { + border-color: var(--blue-blue, #3a7ca5); } -.bg-red-400 { - --tw-bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--tw-bg-opacity)); +.focus-within\:border-Blue-blue-100:focus-within { + border-color: var(--blue-blue-100, #75a3c0); } -.bg-red-500 { - --tw-bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--tw-bg-opacity)); +.focus-within\:border-Blue-blue-200:focus-within { + border-color: var(--blue-blue-200, #9cbed2); } -.bg-red-600 { - --tw-bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--tw-bg-opacity)); +.focus-within\:border-Blue-blue-300:focus-within { + border-color: var(--blue-blue-300, #4f7d9a); } -.bg-red-700 { - --tw-bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--tw-bg-opacity)); +.focus-within\:border-Blue-blue-400:focus-within { + border-color: var(--blue-blue-400, #5c7d92); } -.bg-red-800 { - --tw-bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--tw-bg-opacity)); +.focus-within\:border-Blue-blue-500:focus-within { + border-color: var(--blue-blue-500, #347095); } -.bg-red-900 { - --tw-bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--tw-bg-opacity)); +.focus-within\:border-Blue-blue-600:focus-within { + border-color: var(--blue-blue-600, #295774); } -.bg-yellow-50 { - --tw-bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--tw-bg-opacity)); +.focus-within\:border-Blue-blue-700:focus-within { + border-color: var(--blue-blue-700, #173242); } -.bg-yellow-100 { - --tw-bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--tw-bg-opacity)); +.focus-within\:border-LightBlue-lightblue:focus-within { + border-color: var(--light-blue-lightblue, #81c3d7); } -.bg-yellow-200 { - --tw-bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--tw-bg-opacity)); +.focus-within\:border-LightBlue-lightblue-100:focus-within { + border-color: var(--light-blue-lightblue-100, #a7d5e3); } -.bg-yellow-300 { - --tw-bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--tw-bg-opacity)); +.focus-within\:border-LightBlue-lightblue-200:focus-within { + border-color: var(--light-blue-lightblue-200, #c0e1eb); } -.bg-yellow-400 { - --tw-bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--tw-bg-opacity)); +.focus-within\:border-LightBlue-lightblue-300:focus-within { + border-color: var(--light-blue-lightblue-300, #80aebd); } -.bg-yellow-500 { - --tw-bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--tw-bg-opacity)); +.focus-within\:border-LightBlue-lightblue-400:focus-within { + border-color: var(--light-blue-lightblue-400, #80a0ab); } -.bg-yellow-600 { - --tw-bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--tw-bg-opacity)); +.focus-within\:border-LightBlue-lightblue-500:focus-within { + border-color: var(--light-blue-lightblue-500, #74afc1); } -.bg-yellow-700 { - --tw-bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--tw-bg-opacity)); +.focus-within\:border-LightBlue-lightblue-600:focus-within { + border-color: var(--light-blue-lightblue-600, #5a8997); } -.bg-yellow-800 { - --tw-bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--tw-bg-opacity)); +.focus-within\:border-LightBlue-lightblue-650:focus-within { + border-color: var(--light-blue-lightblue-650, #3e5e65); } -.bg-yellow-900 { - --tw-bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--tw-bg-opacity)); +.focus-within\:border-LightBlue-lightblue-700:focus-within { + border-color: var(--light-blue-lightblue-700, #344e56); } -.bg-green-50 { - --tw-bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--tw-bg-opacity)); +.focus-within\:border-Orange-orange:focus-within { + border-color: var(--orange-orange, #ff7f0e); } -.bg-green-100 { - --tw-bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--tw-bg-opacity)); +.focus-within\:border-Orange-orange-100:focus-within { + border-color: var(--orange-orange-100, #ffa556); } -.bg-green-200 { - --tw-bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--tw-bg-opacity)); +.focus-within\:border-Orange-orange-200:focus-within { + border-color: var(--orange-orange-200, #ffbf86); } -.bg-green-300 { - --tw-bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--tw-bg-opacity)); +.focus-within\:border-Orange-orange-300:focus-within { + border-color: var(--orange-orange-300, #d97f30); } -.bg-green-400 { - --tw-bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--tw-bg-opacity)); +.focus-within\:border-Orange-orange-400:focus-within { + border-color: var(--orange-orange-400, #bf7e46); } -.bg-green-500 { - --tw-bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--tw-bg-opacity)); +.focus-within\:border-Orange-orange-500:focus-within { + border-color: var(--orange-orange-500, #e5720d); } -.bg-green-600 { - --tw-bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--tw-bg-opacity)); +.focus-within\:border-Orange-orange-600:focus-within { + border-color: var(--orange-orange-600, #b3590a); } -.bg-green-700 { - --tw-bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--tw-bg-opacity)); +.focus-within\:border-Orange-orange-700:focus-within { + border-color: var(--orange-orange-700, #663306); } -.bg-green-800 { - --tw-bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--tw-bg-opacity)); +.focus-within\:border-Yellow-yellow:focus-within { + border-color: var(--yellow-yellow, #ffab00); } -.bg-green-900 { - --tw-bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--tw-bg-opacity)); +.focus-within\:border-Yellow-yellow-100:focus-within { + border-color: var(--yellow-yellow-100, #ffc44c); } -.bg-blue-50 { - --tw-bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--tw-bg-opacity)); +.focus-within\:border-Yellow-yellow-200:focus-within { + border-color: var(--yellow-yellow-200, #ffd580); } -.bg-blue-100 { - --tw-bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--tw-bg-opacity)); +.focus-within\:border-Yellow-yellow-300:focus-within { + border-color: var(--yellow-yellow-300, #d99d26); } -.bg-blue-200 { - --tw-bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--tw-bg-opacity)); +.focus-within\:border-Yellow-yellow-400:focus-within { + border-color: var(--yellow-yellow-400, #bf943f); } -.bg-blue-300 { - --tw-bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--tw-bg-opacity)); +.focus-within\:border-Yellow-yellow-500:focus-within { + border-color: var(--yellow-yellow-500, #e59a00); } -.bg-blue-400 { - --tw-bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--tw-bg-opacity)); +.focus-within\:border-Yellow-yellow-600:focus-within { + border-color: var(--yellow-yellow-600, #b37800); } -.bg-blue-500 { - --tw-bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--tw-bg-opacity)); +.focus-within\:border-Yellow-yellow-700:focus-within { + border-color: var(--yellow-yellow-700, #664400); } -.bg-blue-600 { - --tw-bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--tw-bg-opacity)); +.focus-within\:border-Notification-notification:focus-within { + border-color: var(--notification-notification, #3959ff); } -.bg-blue-700 { - --tw-bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--tw-bg-opacity)); +.focus-within\:border-Notification-notification-100:focus-within { + border-color: var(--notification-notification-100, #748bff); } -.bg-blue-800 { - --tw-bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--tw-bg-opacity)); +.focus-within\:border-Notification-notification-200:focus-within { + border-color: var(--notification-notification-200, #9cacff); } -.bg-blue-900 { - --tw-bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--tw-bg-opacity)); +.focus-within\:border-Notification-notification-300:focus-within { + border-color: var(--notification-notification-300, #4e64d9); } -.bg-indigo-50 { - --tw-bg-opacity: 1; - background-color: rgba(238, 242, 255, var(--tw-bg-opacity)); +.focus-within\:border-Notification-notification-400:focus-within { + border-color: var(--notification-notification-400, #5c6cbf); } -.bg-indigo-100 { - --tw-bg-opacity: 1; - background-color: rgba(224, 231, 255, var(--tw-bg-opacity)); +.focus-within\:border-Notification-notification-500:focus-within { + border-color: var(--notification-notification-500, #3350e5); } -.bg-indigo-200 { - --tw-bg-opacity: 1; - background-color: rgba(199, 210, 254, var(--tw-bg-opacity)); +.focus-within\:border-Notification-notification-600:focus-within { + border-color: var(--notification-notification-600, #283eb3); } -.bg-indigo-300 { - --tw-bg-opacity: 1; - background-color: rgba(165, 180, 252, var(--tw-bg-opacity)); +.focus-within\:border-Notification-notification-700:focus-within { + border-color: var(--notification-notification-700, #172466); } -.bg-indigo-400 { - --tw-bg-opacity: 1; - background-color: rgba(129, 140, 248, var(--tw-bg-opacity)); +.focus-within\:border-Success-success\ -700:focus-within { + border-color: var(--success-success-700, #24471f); } -.bg-indigo-500 { - --tw-bg-opacity: 1; - background-color: rgba(99, 102, 241, var(--tw-bg-opacity)); +.focus-within\:border-Success-success:focus-within { + border-color: var(--success-success, #5bb14d); } -.bg-indigo-600 { - --tw-bg-opacity: 1; - background-color: rgba(79, 70, 229, var(--tw-bg-opacity)); +.focus-within\:border-Success-success\ -100:focus-within { + border-color: var(--success-success-100, #8cc882); } -.bg-indigo-700 { - --tw-bg-opacity: 1; - background-color: rgba(67, 56, 202, var(--tw-bg-opacity)); +.focus-within\:border-Success-success\ -200:focus-within { + border-color: var(--success-success-200, #add8a6); } -.bg-indigo-800 { - --tw-bg-opacity: 1; - background-color: rgba(55, 48, 163, var(--tw-bg-opacity)); +.focus-within\:border-Success-success\ -300:focus-within { + border-color: var(--success-success-300, #66a25c); } -.bg-indigo-900 { - --tw-bg-opacity: 1; - background-color: rgba(49, 46, 129, var(--tw-bg-opacity)); +.focus-within\:border-Success-success\ -400:focus-within { + border-color: var(--success-success-400, #6d9766); } -.bg-purple-50 { - --tw-bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--tw-bg-opacity)); +.focus-within\:border-Success-success\ -500:focus-within { + border-color: var(--success-success-500, #529f45); } -.bg-purple-100 { - --tw-bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--tw-bg-opacity)); +.focus-within\:border-Success-success\ -600:focus-within { + border-color: var(--success-success-600, #407c36); } -.bg-purple-200 { - --tw-bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--tw-bg-opacity)); +.focus-within\:border-Error-error:focus-within { + border-color: var(--error-error, #f03d3e); } -.bg-purple-300 { - --tw-bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--tw-bg-opacity)); +.focus-within\:border-Error-error-100:focus-within { + border-color: var(--error-error-100, #f57778); } -.bg-purple-400 { - --tw-bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--tw-bg-opacity)); +.focus-within\:border-Error-error-200:focus-within { + border-color: var(--error-error-200, #f89e9e); } -.bg-purple-500 { - --tw-bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--tw-bg-opacity)); +.focus-within\:border-Error-error-250:focus-within { + border-color: var(--error-error-250, #f9c8c8); } -.bg-purple-600 { - --tw-bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--tw-bg-opacity)); +.focus-within\:border-Error-error-300:focus-within { + border-color: var(--error-error-300, #ce5151); } -.bg-purple-700 { - --tw-bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--tw-bg-opacity)); +.focus-within\:border-Error-error-400:focus-within { + border-color: var(--error-error-400, #b85e5e); } -.bg-purple-800 { - --tw-bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--tw-bg-opacity)); +.focus-within\:border-Error-error-500:focus-within { + border-color: var(--error-error-500, #d83738); } -.bg-purple-900 { - --tw-bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--tw-bg-opacity)); +.focus-within\:border-Error-error-600:focus-within { + border-color: var(--error-error-600, #a82b2b); } -.bg-pink-50 { - --tw-bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--tw-bg-opacity)); +.focus-within\:border-Error-error-700:focus-within { + border-color: var(--error-error-700, #601819); } -.bg-pink-100 { - --tw-bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--tw-bg-opacity)); +.hover\:border-colors-black:hover { + border-color: var(--colors-black, #000000); } -.bg-pink-200 { - --tw-bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--tw-bg-opacity)); +.hover\:border-colors-white:hover { + border-color: var(--colors-white, #ffffff); } -.bg-pink-300 { - --tw-bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--tw-bg-opacity)); +.hover\:border-colors-gray-100:hover { + border-color: var(--colors-gray-100, #f7fafc); } -.bg-pink-400 { - --tw-bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--tw-bg-opacity)); +.hover\:border-colors-gray-200:hover { + border-color: var(--colors-gray-200, #edf2f7); } -.bg-pink-500 { - --tw-bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--tw-bg-opacity)); +.hover\:border-colors-gray-300:hover { + border-color: var(--colors-gray-300, #e2e8f0); } -.bg-pink-600 { - --tw-bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--tw-bg-opacity)); +.hover\:border-colors-gray-400:hover { + border-color: var(--colors-gray-400, #cbd5e0); } -.bg-pink-700 { - --tw-bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--tw-bg-opacity)); +.hover\:border-colors-gray-500:hover { + border-color: var(--colors-gray-500, #a0aec0); } -.bg-pink-800 { - --tw-bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--tw-bg-opacity)); +.hover\:border-colors-gray-600:hover { + border-color: var(--colors-gray-600, #718096); } -.bg-pink-900 { - --tw-bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--tw-bg-opacity)); +.hover\:border-colors-gray-700:hover { + border-color: var(--colors-gray-700, #4a5568); } -.group:hover .group-hover\:bg-transparent { - background-color: transparent; +.hover\:border-colors-gray-800:hover { + border-color: var(--colors-gray-800, #2d3748); } -.group:hover .group-hover\:bg-current { - background-color: currentColor; +.hover\:border-colors-gray-900:hover { + border-color: var(--colors-gray-900, #1a202c); } -.group:hover .group-hover\:bg-black { - --tw-bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--tw-bg-opacity)); +.hover\:border-colors-red-100:hover { + border-color: var(--colors-red-100, #fff5f5); } -.group:hover .group-hover\:bg-white { - --tw-bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); +.hover\:border-colors-red-200:hover { + border-color: var(--colors-red-200, #fed7d7); } -.group:hover .group-hover\:bg-gray-50 { - --tw-bg-opacity: 1; - background-color: rgba(249, 250, 251, var(--tw-bg-opacity)); +.hover\:border-colors-red-300:hover { + border-color: var(--colors-red-300, #feb2b2); } -.group:hover .group-hover\:bg-gray-100 { - --tw-bg-opacity: 1; - background-color: rgba(243, 244, 246, var(--tw-bg-opacity)); +.hover\:border-colors-red-400:hover { + border-color: var(--colors-red-400, #fc8181); } -.group:hover .group-hover\:bg-gray-200 { - --tw-bg-opacity: 1; - background-color: rgba(229, 231, 235, var(--tw-bg-opacity)); +.hover\:border-colors-red-500:hover { + border-color: var(--colors-red-500, #f56565); } -.group:hover .group-hover\:bg-gray-300 { - --tw-bg-opacity: 1; - background-color: rgba(209, 213, 219, var(--tw-bg-opacity)); +.hover\:border-colors-red-600:hover { + border-color: var(--colors-red-600, #e53e3e); } -.group:hover .group-hover\:bg-gray-400 { - --tw-bg-opacity: 1; - background-color: rgba(156, 163, 175, var(--tw-bg-opacity)); +.hover\:border-colors-red-700:hover { + border-color: var(--colors-red-700, #c53030); } -.group:hover .group-hover\:bg-gray-500 { - --tw-bg-opacity: 1; - background-color: rgba(107, 114, 128, var(--tw-bg-opacity)); +.hover\:border-colors-red-800:hover { + border-color: var(--colors-red-800, #9b2c2c); } -.group:hover .group-hover\:bg-gray-600 { - --tw-bg-opacity: 1; - background-color: rgba(75, 85, 99, var(--tw-bg-opacity)); +.hover\:border-colors-red-900:hover { + border-color: var(--colors-red-900, #742a2a); } -.group:hover .group-hover\:bg-gray-700 { - --tw-bg-opacity: 1; - background-color: rgba(55, 65, 81, var(--tw-bg-opacity)); +.hover\:border-colors-orange-100:hover { + border-color: var(--colors-orange-100, #fffaf0); } -.group:hover .group-hover\:bg-gray-800 { - --tw-bg-opacity: 1; - background-color: rgba(31, 41, 55, var(--tw-bg-opacity)); +.hover\:border-colors-orange-200:hover { + border-color: var(--colors-orange-200, #feebc8); } -.group:hover .group-hover\:bg-gray-900 { - --tw-bg-opacity: 1; - background-color: rgba(17, 24, 39, var(--tw-bg-opacity)); +.hover\:border-colors-orange-300:hover { + border-color: var(--colors-orange-300, #fbd38d); } -.group:hover .group-hover\:bg-red-50 { - --tw-bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--tw-bg-opacity)); +.hover\:border-colors-orange-400:hover { + border-color: var(--colors-orange-400, #f6ad55); } -.group:hover .group-hover\:bg-red-100 { - --tw-bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--tw-bg-opacity)); +.hover\:border-colors-orange-500:hover { + border-color: var(--colors-orange-500, #ed8936); } -.group:hover .group-hover\:bg-red-200 { - --tw-bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--tw-bg-opacity)); +.hover\:border-colors-orange-600:hover { + border-color: var(--colors-orange-600, #dd6b20); } -.group:hover .group-hover\:bg-red-300 { - --tw-bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--tw-bg-opacity)); +.hover\:border-colors-orange-700:hover { + border-color: var(--colors-orange-700, #c05621); } -.group:hover .group-hover\:bg-red-400 { - --tw-bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--tw-bg-opacity)); +.hover\:border-colors-orange-800:hover { + border-color: var(--colors-orange-800, #9c4221); } -.group:hover .group-hover\:bg-red-500 { - --tw-bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--tw-bg-opacity)); +.hover\:border-colors-orange-900:hover { + border-color: var(--colors-orange-900, #7b341e); } -.group:hover .group-hover\:bg-red-600 { - --tw-bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--tw-bg-opacity)); +.hover\:border-colors-yellow-100:hover { + border-color: var(--colors-yellow-100, #fffff0); } -.group:hover .group-hover\:bg-red-700 { - --tw-bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--tw-bg-opacity)); +.hover\:border-colors-yellow-200:hover { + border-color: var(--colors-yellow-200, #fefcbf); } -.group:hover .group-hover\:bg-red-800 { - --tw-bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--tw-bg-opacity)); +.hover\:border-colors-yellow-300:hover { + border-color: var(--colors-yellow-300, #faf089); } -.group:hover .group-hover\:bg-red-900 { - --tw-bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--tw-bg-opacity)); +.hover\:border-colors-yellow-400:hover { + border-color: var(--colors-yellow-400, #f6e05e); } -.group:hover .group-hover\:bg-yellow-50 { - --tw-bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--tw-bg-opacity)); +.hover\:border-colors-yellow-500:hover { + border-color: var(--colors-yellow-500, #ecc94b); } -.group:hover .group-hover\:bg-yellow-100 { - --tw-bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--tw-bg-opacity)); +.hover\:border-colors-yellow-600:hover { + border-color: var(--colors-yellow-600, #d69e2e); } -.group:hover .group-hover\:bg-yellow-200 { - --tw-bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--tw-bg-opacity)); +.hover\:border-colors-yellow-700:hover { + border-color: var(--colors-yellow-700, #b7791f); } -.group:hover .group-hover\:bg-yellow-300 { - --tw-bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--tw-bg-opacity)); +.hover\:border-colors-yellow-800:hover { + border-color: var(--colors-yellow-800, #975a16); } -.group:hover .group-hover\:bg-yellow-400 { - --tw-bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--tw-bg-opacity)); +.hover\:border-colors-yellow-900:hover { + border-color: var(--colors-yellow-900, #744210); } -.group:hover .group-hover\:bg-yellow-500 { - --tw-bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--tw-bg-opacity)); +.hover\:border-colors-green-100:hover { + border-color: var(--colors-green-100, #f0fff4); } -.group:hover .group-hover\:bg-yellow-600 { - --tw-bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--tw-bg-opacity)); +.hover\:border-colors-green-200:hover { + border-color: var(--colors-green-200, #c6f6d5); } -.group:hover .group-hover\:bg-yellow-700 { - --tw-bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--tw-bg-opacity)); +.hover\:border-colors-green-300:hover { + border-color: var(--colors-green-300, #9ae6b4); } -.group:hover .group-hover\:bg-yellow-800 { - --tw-bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--tw-bg-opacity)); +.hover\:border-colors-green-400:hover { + border-color: var(--colors-green-400, #68d391); } -.group:hover .group-hover\:bg-yellow-900 { - --tw-bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--tw-bg-opacity)); +.hover\:border-colors-green-500:hover { + border-color: var(--colors-green-500, #48bb78); } -.group:hover .group-hover\:bg-green-50 { - --tw-bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--tw-bg-opacity)); +.hover\:border-colors-green-600:hover { + border-color: var(--colors-green-600, #38a169); } -.group:hover .group-hover\:bg-green-100 { - --tw-bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--tw-bg-opacity)); +.hover\:border-colors-green-700:hover { + border-color: var(--colors-green-700, #2f855a); } -.group:hover .group-hover\:bg-green-200 { - --tw-bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--tw-bg-opacity)); +.hover\:border-colors-green-800:hover { + border-color: var(--colors-green-800, #276749); } -.group:hover .group-hover\:bg-green-300 { - --tw-bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--tw-bg-opacity)); +.hover\:border-colors-green-900:hover { + border-color: var(--colors-green-900, #22543d); } -.group:hover .group-hover\:bg-green-400 { - --tw-bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--tw-bg-opacity)); +.hover\:border-colors-teal-100:hover { + border-color: var(--colors-teal-100, #e6fffa); } -.group:hover .group-hover\:bg-green-500 { - --tw-bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--tw-bg-opacity)); +.hover\:border-colors-teal-200:hover { + border-color: var(--colors-teal-200, #b2f5ea); } -.group:hover .group-hover\:bg-green-600 { - --tw-bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--tw-bg-opacity)); +.hover\:border-colors-teal-300:hover { + border-color: var(--colors-teal-300, #81e6d9); } -.group:hover .group-hover\:bg-green-700 { - --tw-bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--tw-bg-opacity)); +.hover\:border-colors-teal-400:hover { + border-color: var(--colors-teal-400, #4fd1c5); } -.group:hover .group-hover\:bg-green-800 { - --tw-bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--tw-bg-opacity)); +.hover\:border-colors-teal-500:hover { + border-color: var(--colors-teal-500, #38b2ac); } -.group:hover .group-hover\:bg-green-900 { - --tw-bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--tw-bg-opacity)); +.hover\:border-colors-teal-600:hover { + border-color: var(--colors-teal-600, #319795); } -.group:hover .group-hover\:bg-blue-50 { - --tw-bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--tw-bg-opacity)); +.hover\:border-colors-teal-700:hover { + border-color: var(--colors-teal-700, #2c7a7b); } -.group:hover .group-hover\:bg-blue-100 { - --tw-bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--tw-bg-opacity)); +.hover\:border-colors-teal-800:hover { + border-color: var(--colors-teal-800, #285e61); } -.group:hover .group-hover\:bg-blue-200 { - --tw-bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--tw-bg-opacity)); +.hover\:border-colors-teal-900:hover { + border-color: var(--colors-teal-900, #234e52); } -.group:hover .group-hover\:bg-blue-300 { - --tw-bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--tw-bg-opacity)); +.hover\:border-colors-blue-100:hover { + border-color: var(--colors-blue-100, #ebf8ff); } -.group:hover .group-hover\:bg-blue-400 { - --tw-bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--tw-bg-opacity)); +.hover\:border-colors-blue-200:hover { + border-color: var(--colors-blue-200, #bee3f8); } -.group:hover .group-hover\:bg-blue-500 { - --tw-bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--tw-bg-opacity)); +.hover\:border-colors-blue-300:hover { + border-color: var(--colors-blue-300, #90cdf4); } -.group:hover .group-hover\:bg-blue-600 { - --tw-bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--tw-bg-opacity)); +.hover\:border-colors-blue-400:hover { + border-color: var(--colors-blue-400, #63b3ed); } -.group:hover .group-hover\:bg-blue-700 { - --tw-bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--tw-bg-opacity)); +.hover\:border-colors-blue-500:hover { + border-color: var(--colors-blue-500, #4299e1); } -.group:hover .group-hover\:bg-blue-800 { - --tw-bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--tw-bg-opacity)); +.hover\:border-colors-blue-600:hover { + border-color: var(--colors-blue-600, #3182ce); } -.group:hover .group-hover\:bg-blue-900 { - --tw-bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--tw-bg-opacity)); +.hover\:border-colors-blue-700:hover { + border-color: var(--colors-blue-700, #2b6cb0); } -.group:hover .group-hover\:bg-indigo-50 { - --tw-bg-opacity: 1; - background-color: rgba(238, 242, 255, var(--tw-bg-opacity)); +.hover\:border-colors-blue-800:hover { + border-color: var(--colors-blue-800, #2c5282); } -.group:hover .group-hover\:bg-indigo-100 { - --tw-bg-opacity: 1; - background-color: rgba(224, 231, 255, var(--tw-bg-opacity)); +.hover\:border-colors-blue-900:hover { + border-color: var(--colors-blue-900, #2a4365); } -.group:hover .group-hover\:bg-indigo-200 { - --tw-bg-opacity: 1; - background-color: rgba(199, 210, 254, var(--tw-bg-opacity)); +.hover\:border-colors-indigo-100:hover { + border-color: var(--colors-indigo-100, #ebf4ff); } -.group:hover .group-hover\:bg-indigo-300 { - --tw-bg-opacity: 1; - background-color: rgba(165, 180, 252, var(--tw-bg-opacity)); +.hover\:border-colors-indigo-200:hover { + border-color: var(--colors-indigo-200, #c3dafe); } -.group:hover .group-hover\:bg-indigo-400 { - --tw-bg-opacity: 1; - background-color: rgba(129, 140, 248, var(--tw-bg-opacity)); +.hover\:border-colors-indigo-300:hover { + border-color: var(--colors-indigo-300, #a3bffa); } -.group:hover .group-hover\:bg-indigo-500 { - --tw-bg-opacity: 1; - background-color: rgba(99, 102, 241, var(--tw-bg-opacity)); +.hover\:border-colors-indigo-400:hover { + border-color: var(--colors-indigo-400, #7f9cf5); } -.group:hover .group-hover\:bg-indigo-600 { - --tw-bg-opacity: 1; - background-color: rgba(79, 70, 229, var(--tw-bg-opacity)); +.hover\:border-colors-indigo-500:hover { + border-color: var(--colors-indigo-500, #667eea); } -.group:hover .group-hover\:bg-indigo-700 { - --tw-bg-opacity: 1; - background-color: rgba(67, 56, 202, var(--tw-bg-opacity)); +.hover\:border-colors-indigo-600:hover { + border-color: var(--colors-indigo-600, #5a67d8); } -.group:hover .group-hover\:bg-indigo-800 { - --tw-bg-opacity: 1; - background-color: rgba(55, 48, 163, var(--tw-bg-opacity)); +.hover\:border-colors-indigo-700:hover { + border-color: var(--colors-indigo-700, #4c51bf); } -.group:hover .group-hover\:bg-indigo-900 { - --tw-bg-opacity: 1; - background-color: rgba(49, 46, 129, var(--tw-bg-opacity)); +.hover\:border-colors-indigo-800:hover { + border-color: var(--colors-indigo-800, #434190); } -.group:hover .group-hover\:bg-purple-50 { - --tw-bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--tw-bg-opacity)); +.hover\:border-colors-indigo-900:hover { + border-color: var(--colors-indigo-900, #3c366b); } -.group:hover .group-hover\:bg-purple-100 { - --tw-bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--tw-bg-opacity)); +.hover\:border-colors-purple-100:hover { + border-color: var(--colors-purple-100, #faf5ff); } -.group:hover .group-hover\:bg-purple-200 { - --tw-bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--tw-bg-opacity)); +.hover\:border-colors-purple-200:hover { + border-color: var(--colors-purple-200, #e9d8fd); } -.group:hover .group-hover\:bg-purple-300 { - --tw-bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--tw-bg-opacity)); +.hover\:border-colors-purple-300:hover { + border-color: var(--colors-purple-300, #d6bcfa); } -.group:hover .group-hover\:bg-purple-400 { - --tw-bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--tw-bg-opacity)); +.hover\:border-colors-purple-400:hover { + border-color: var(--colors-purple-400, #b794f4); } -.group:hover .group-hover\:bg-purple-500 { - --tw-bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--tw-bg-opacity)); +.hover\:border-colors-purple-500:hover { + border-color: var(--colors-purple-500, #9f7aea); } -.group:hover .group-hover\:bg-purple-600 { - --tw-bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--tw-bg-opacity)); +.hover\:border-colors-purple-600:hover { + border-color: var(--colors-purple-600, #805ad5); } -.group:hover .group-hover\:bg-purple-700 { - --tw-bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--tw-bg-opacity)); +.hover\:border-colors-purple-700:hover { + border-color: var(--colors-purple-700, #6b46c1); } -.group:hover .group-hover\:bg-purple-800 { - --tw-bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--tw-bg-opacity)); +.hover\:border-colors-purple-800:hover { + border-color: var(--colors-purple-800, #553c9a); } -.group:hover .group-hover\:bg-purple-900 { - --tw-bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--tw-bg-opacity)); +.hover\:border-colors-purple-900:hover { + border-color: var(--colors-purple-900, #44337a); } -.group:hover .group-hover\:bg-pink-50 { - --tw-bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--tw-bg-opacity)); +.hover\:border-colors-pink-100:hover { + border-color: var(--colors-pink-100, #fff5f7); } -.group:hover .group-hover\:bg-pink-100 { - --tw-bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--tw-bg-opacity)); +.hover\:border-colors-pink-200:hover { + border-color: var(--colors-pink-200, #fed7e2); } -.group:hover .group-hover\:bg-pink-200 { - --tw-bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--tw-bg-opacity)); +.hover\:border-colors-pink-300:hover { + border-color: var(--colors-pink-300, #fbb6ce); } -.group:hover .group-hover\:bg-pink-300 { - --tw-bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--tw-bg-opacity)); +.hover\:border-colors-pink-400:hover { + border-color: var(--colors-pink-400, #f687b3); } -.group:hover .group-hover\:bg-pink-400 { - --tw-bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--tw-bg-opacity)); +.hover\:border-colors-pink-500:hover { + border-color: var(--colors-pink-500, #ed64a6); } -.group:hover .group-hover\:bg-pink-500 { - --tw-bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--tw-bg-opacity)); +.hover\:border-colors-pink-600:hover { + border-color: var(--colors-pink-600, #d53f8c); } -.group:hover .group-hover\:bg-pink-600 { - --tw-bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--tw-bg-opacity)); +.hover\:border-colors-pink-700:hover { + border-color: var(--colors-pink-700, #b83280); } -.group:hover .group-hover\:bg-pink-700 { - --tw-bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--tw-bg-opacity)); +.hover\:border-colors-pink-800:hover { + border-color: var(--colors-pink-800, #97266d); } -.group:hover .group-hover\:bg-pink-800 { - --tw-bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--tw-bg-opacity)); +.hover\:border-colors-pink-900:hover { + border-color: var(--colors-pink-900, #702459); } -.group:hover .group-hover\:bg-pink-900 { - --tw-bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--tw-bg-opacity)); +.hover\:border-Box\ Shadow:hover { + border-color: var(--box-shadow, #7f7e7f); } -.focus-within\:bg-transparent:focus-within { - background-color: transparent; +.hover\:border-Error16:hover { + border-color: var(--error16, #f03d3e40); } -.focus-within\:bg-current:focus-within { - background-color: currentColor; +.hover\:border-Success16:hover { + border-color: var(--success16, #5bb14d40); } -.focus-within\:bg-black:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--tw-bg-opacity)); +.hover\:border-Notification16:hover { + border-color: var(--notification16, #3959ff40); } -.focus-within\:bg-white:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); +.hover\:border-Error8:hover { + border-color: var(--error8, #f03d3e1a); } -.focus-within\:bg-gray-50:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(249, 250, 251, var(--tw-bg-opacity)); +.hover\:border-Notification8:hover { + border-color: var(--notification8, #3959ff1a); } -.focus-within\:bg-gray-100:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(243, 244, 246, var(--tw-bg-opacity)); +.hover\:border-Success8:hover { + border-color: var(--success8, #5bb14d1a); } -.focus-within\:bg-gray-200:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(229, 231, 235, var(--tw-bg-opacity)); +.hover\:border-Light\ -\ Overlay:hover { + border-color: var(--light-overlay, #f0edee66); } -.focus-within\:bg-gray-300:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(209, 213, 219, var(--tw-bg-opacity)); +.hover\:border-Dark-\ Overlay:hover { + border-color: var(--dark-overlay, #7f7e7f66); } -.focus-within\:bg-gray-400:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(156, 163, 175, var(--tw-bg-opacity)); +.hover\:border-black-40:hover { + border-color: var(--black-40, #00000066); } -.focus-within\:bg-gray-500:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(107, 114, 128, var(--tw-bg-opacity)); +.hover\:border-black-75:hover { + border-color: var(--black-75, #000000bf); } -.focus-within\:bg-gray-600:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(75, 85, 99, var(--tw-bg-opacity)); +.hover\:border-black-60:hover { + border-color: var(--black-60, #00000099); } -.focus-within\:bg-gray-700:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(55, 65, 81, var(--tw-bg-opacity)); +.hover\:border-black-50:hover { + border-color: var(--black-50, #00000080); } -.focus-within\:bg-gray-800:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(31, 41, 55, var(--tw-bg-opacity)); +.hover\:border-black-25:hover { + border-color: var(--black-25, #00000040); } -.focus-within\:bg-gray-900:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(17, 24, 39, var(--tw-bg-opacity)); +.hover\:border-black-10:hover { + border-color: var(--black-10, #0000001a); } -.focus-within\:bg-red-50:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--tw-bg-opacity)); +.hover\:border-white-25:hover { + border-color: var(--white-25, #ffffff40); } -.focus-within\:bg-red-100:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--tw-bg-opacity)); +.hover\:border-white-60:hover { + border-color: var(--white-60, #ffffff99); } -.focus-within\:bg-red-200:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--tw-bg-opacity)); +.hover\:border-black-64:hover { + border-color: var(--black-64, #000000a3); } -.focus-within\:bg-red-300:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--tw-bg-opacity)); +.hover\:border-Shadow\ and\ Highlight-Shadow:hover { + border-color: var(--shadow-and-highlight-shadow, #7f7e7f); } -.focus-within\:bg-red-400:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--tw-bg-opacity)); +.hover\:border-Shadow\ and\ Highlight-Highlight:hover { + border-color: var(--shadow-and-highlight-highlight, #474747); } -.focus-within\:bg-red-500:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--tw-bg-opacity)); +.hover\:border-Shadow\ and\ Highlight-highlight\ one:hover { + border-color: var(--shadow-and-highlight-highlight-one, #474747bf); } -.focus-within\:bg-red-600:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--tw-bg-opacity)); +.hover\:border-Shadow\ and\ Highlight-highlight\ two:hover { + border-color: var(--shadow-and-highlight-highlight-two, #47474799); } -.focus-within\:bg-red-700:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--tw-bg-opacity)); +.hover\:border-Shadow\ and\ Highlight-highlight\ three:hover { + border-color: var(--shadow-and-highlight-highlight-three, #47474766); } -.focus-within\:bg-red-800:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--tw-bg-opacity)); +.hover\:border-Shadow\ and\ Highlight-highlight\ five:hover { + border-color: var(--shadow-and-highlight-highlight-five, #4747471a); } -.focus-within\:bg-red-900:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--tw-bg-opacity)); +.hover\:border-Shadow\ and\ Highlight-shadow\ one:hover { + border-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } -.focus-within\:bg-yellow-50:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--tw-bg-opacity)); +.hover\:border-Shadow\ and\ Highlight-shadow\ two:hover { + border-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } -.focus-within\:bg-yellow-100:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--tw-bg-opacity)); +.hover\:border-Shadow\ and\ Highlight-shadow\ three:hover { + border-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } -.focus-within\:bg-yellow-200:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--tw-bg-opacity)); +.hover\:border-Shadow\ and\ Highlight-shadow\ four:hover { + border-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } -.focus-within\:bg-yellow-300:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--tw-bg-opacity)); +.hover\:border-Shadow\ and\ Highlight-shadow\ five:hover { + border-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } -.focus-within\:bg-yellow-400:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--tw-bg-opacity)); +.hover\:border-Shadow\ and\ Highlight-highlight\ four:hover { + border-color: var(--shadow-and-highlight-highlight-four, #47474740); } -.focus-within\:bg-yellow-500:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--tw-bg-opacity)); +.hover\:border-Base\ Layer\ Styles-Base\ Layer-\ Light-White:hover { + border-color: var(--base-layer-styles-base-layer-light-white, #ffffff); } -.focus-within\:bg-yellow-600:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--tw-bg-opacity)); +.hover\:border-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:hover { + border-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } -.focus-within\:bg-yellow-700:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--tw-bg-opacity)); +.hover\:border-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:hover { + border-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } -.focus-within\:bg-yellow-800:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--tw-bg-opacity)); +.hover\:border-Base\ Layer\ Styles-Base\ Layer-Dark-Black:hover { + border-color: var(--base-layer-styles-base-layer-dark-black, #000000); } -.focus-within\:bg-yellow-900:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--tw-bg-opacity)); +.hover\:border-Grey-Scale-white:hover { + border-color: var(--grey-scale-white, #ffffff); } -.focus-within\:bg-green-50:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--tw-bg-opacity)); +.hover\:border-Grey-Scale-off-white:hover { + border-color: var(--grey-scale-off-white, #f0edee); } -.focus-within\:bg-green-100:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--tw-bg-opacity)); +.hover\:border-Grey\ Scale-grey:hover { + border-color: var(--grey-scale-grey, #7f7e7f); } -.focus-within\:bg-green-200:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--tw-bg-opacity)); +.hover\:border-Grey\ Scale-charcoal:hover { + border-color: var(--grey-scale-charcoal, #474747); } -.focus-within\:bg-green-300:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--tw-bg-opacity)); +.hover\:border-Grey\ Scale-off-black:hover { + border-color: var(--grey-scale-off-black, #1c1c1c); } -.focus-within\:bg-green-400:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--tw-bg-opacity)); +.hover\:border-Grey\ Scale-black:hover { + border-color: var(--grey-scale-black, #000000); } -.focus-within\:bg-green-500:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--tw-bg-opacity)); +.hover\:border-Blue-blue:hover { + border-color: var(--blue-blue, #3a7ca5); } -.focus-within\:bg-green-600:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--tw-bg-opacity)); +.hover\:border-Blue-blue-100:hover { + border-color: var(--blue-blue-100, #75a3c0); } -.focus-within\:bg-green-700:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--tw-bg-opacity)); +.hover\:border-Blue-blue-200:hover { + border-color: var(--blue-blue-200, #9cbed2); } -.focus-within\:bg-green-800:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--tw-bg-opacity)); +.hover\:border-Blue-blue-300:hover { + border-color: var(--blue-blue-300, #4f7d9a); } -.focus-within\:bg-green-900:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--tw-bg-opacity)); +.hover\:border-Blue-blue-400:hover { + border-color: var(--blue-blue-400, #5c7d92); } -.focus-within\:bg-blue-50:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--tw-bg-opacity)); +.hover\:border-Blue-blue-500:hover { + border-color: var(--blue-blue-500, #347095); } -.focus-within\:bg-blue-100:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--tw-bg-opacity)); +.hover\:border-Blue-blue-600:hover { + border-color: var(--blue-blue-600, #295774); } -.focus-within\:bg-blue-200:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--tw-bg-opacity)); +.hover\:border-Blue-blue-700:hover { + border-color: var(--blue-blue-700, #173242); } -.focus-within\:bg-blue-300:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--tw-bg-opacity)); +.hover\:border-LightBlue-lightblue:hover { + border-color: var(--light-blue-lightblue, #81c3d7); } -.focus-within\:bg-blue-400:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--tw-bg-opacity)); +.hover\:border-LightBlue-lightblue-100:hover { + border-color: var(--light-blue-lightblue-100, #a7d5e3); } -.focus-within\:bg-blue-500:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--tw-bg-opacity)); +.hover\:border-LightBlue-lightblue-200:hover { + border-color: var(--light-blue-lightblue-200, #c0e1eb); } -.focus-within\:bg-blue-600:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--tw-bg-opacity)); +.hover\:border-LightBlue-lightblue-300:hover { + border-color: var(--light-blue-lightblue-300, #80aebd); } -.focus-within\:bg-blue-700:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--tw-bg-opacity)); +.hover\:border-LightBlue-lightblue-400:hover { + border-color: var(--light-blue-lightblue-400, #80a0ab); } -.focus-within\:bg-blue-800:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--tw-bg-opacity)); +.hover\:border-LightBlue-lightblue-500:hover { + border-color: var(--light-blue-lightblue-500, #74afc1); } -.focus-within\:bg-blue-900:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--tw-bg-opacity)); +.hover\:border-LightBlue-lightblue-600:hover { + border-color: var(--light-blue-lightblue-600, #5a8997); } -.focus-within\:bg-indigo-50:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(238, 242, 255, var(--tw-bg-opacity)); +.hover\:border-LightBlue-lightblue-650:hover { + border-color: var(--light-blue-lightblue-650, #3e5e65); } -.focus-within\:bg-indigo-100:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(224, 231, 255, var(--tw-bg-opacity)); +.hover\:border-LightBlue-lightblue-700:hover { + border-color: var(--light-blue-lightblue-700, #344e56); } -.focus-within\:bg-indigo-200:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(199, 210, 254, var(--tw-bg-opacity)); +.hover\:border-Orange-orange:hover { + border-color: var(--orange-orange, #ff7f0e); } -.focus-within\:bg-indigo-300:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(165, 180, 252, var(--tw-bg-opacity)); +.hover\:border-Orange-orange-100:hover { + border-color: var(--orange-orange-100, #ffa556); } -.focus-within\:bg-indigo-400:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(129, 140, 248, var(--tw-bg-opacity)); +.hover\:border-Orange-orange-200:hover { + border-color: var(--orange-orange-200, #ffbf86); } -.focus-within\:bg-indigo-500:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(99, 102, 241, var(--tw-bg-opacity)); +.hover\:border-Orange-orange-300:hover { + border-color: var(--orange-orange-300, #d97f30); } -.focus-within\:bg-indigo-600:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(79, 70, 229, var(--tw-bg-opacity)); +.hover\:border-Orange-orange-400:hover { + border-color: var(--orange-orange-400, #bf7e46); } -.focus-within\:bg-indigo-700:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(67, 56, 202, var(--tw-bg-opacity)); +.hover\:border-Orange-orange-500:hover { + border-color: var(--orange-orange-500, #e5720d); } -.focus-within\:bg-indigo-800:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(55, 48, 163, var(--tw-bg-opacity)); +.hover\:border-Orange-orange-600:hover { + border-color: var(--orange-orange-600, #b3590a); } -.focus-within\:bg-indigo-900:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(49, 46, 129, var(--tw-bg-opacity)); +.hover\:border-Orange-orange-700:hover { + border-color: var(--orange-orange-700, #663306); } -.focus-within\:bg-purple-50:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--tw-bg-opacity)); +.hover\:border-Yellow-yellow:hover { + border-color: var(--yellow-yellow, #ffab00); } -.focus-within\:bg-purple-100:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--tw-bg-opacity)); +.hover\:border-Yellow-yellow-100:hover { + border-color: var(--yellow-yellow-100, #ffc44c); } -.focus-within\:bg-purple-200:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--tw-bg-opacity)); +.hover\:border-Yellow-yellow-200:hover { + border-color: var(--yellow-yellow-200, #ffd580); } -.focus-within\:bg-purple-300:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--tw-bg-opacity)); +.hover\:border-Yellow-yellow-300:hover { + border-color: var(--yellow-yellow-300, #d99d26); } -.focus-within\:bg-purple-400:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--tw-bg-opacity)); +.hover\:border-Yellow-yellow-400:hover { + border-color: var(--yellow-yellow-400, #bf943f); } -.focus-within\:bg-purple-500:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--tw-bg-opacity)); +.hover\:border-Yellow-yellow-500:hover { + border-color: var(--yellow-yellow-500, #e59a00); } -.focus-within\:bg-purple-600:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--tw-bg-opacity)); +.hover\:border-Yellow-yellow-600:hover { + border-color: var(--yellow-yellow-600, #b37800); } -.focus-within\:bg-purple-700:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--tw-bg-opacity)); +.hover\:border-Yellow-yellow-700:hover { + border-color: var(--yellow-yellow-700, #664400); } -.focus-within\:bg-purple-800:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--tw-bg-opacity)); +.hover\:border-Notification-notification:hover { + border-color: var(--notification-notification, #3959ff); } -.focus-within\:bg-purple-900:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--tw-bg-opacity)); +.hover\:border-Notification-notification-100:hover { + border-color: var(--notification-notification-100, #748bff); } -.focus-within\:bg-pink-50:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--tw-bg-opacity)); +.hover\:border-Notification-notification-200:hover { + border-color: var(--notification-notification-200, #9cacff); } -.focus-within\:bg-pink-100:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--tw-bg-opacity)); +.hover\:border-Notification-notification-300:hover { + border-color: var(--notification-notification-300, #4e64d9); } -.focus-within\:bg-pink-200:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--tw-bg-opacity)); +.hover\:border-Notification-notification-400:hover { + border-color: var(--notification-notification-400, #5c6cbf); } -.focus-within\:bg-pink-300:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--tw-bg-opacity)); +.hover\:border-Notification-notification-500:hover { + border-color: var(--notification-notification-500, #3350e5); } -.focus-within\:bg-pink-400:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--tw-bg-opacity)); +.hover\:border-Notification-notification-600:hover { + border-color: var(--notification-notification-600, #283eb3); } -.focus-within\:bg-pink-500:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--tw-bg-opacity)); +.hover\:border-Notification-notification-700:hover { + border-color: var(--notification-notification-700, #172466); } -.focus-within\:bg-pink-600:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--tw-bg-opacity)); +.hover\:border-Success-success\ -700:hover { + border-color: var(--success-success-700, #24471f); } -.focus-within\:bg-pink-700:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--tw-bg-opacity)); +.hover\:border-Success-success:hover { + border-color: var(--success-success, #5bb14d); } -.focus-within\:bg-pink-800:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--tw-bg-opacity)); +.hover\:border-Success-success\ -100:hover { + border-color: var(--success-success-100, #8cc882); } -.focus-within\:bg-pink-900:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--tw-bg-opacity)); +.hover\:border-Success-success\ -200:hover { + border-color: var(--success-success-200, #add8a6); } -.hover\:bg-transparent:hover { - background-color: transparent; +.hover\:border-Success-success\ -300:hover { + border-color: var(--success-success-300, #66a25c); } -.hover\:bg-current:hover { - background-color: currentColor; +.hover\:border-Success-success\ -400:hover { + border-color: var(--success-success-400, #6d9766); } -.hover\:bg-black:hover { - --tw-bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--tw-bg-opacity)); +.hover\:border-Success-success\ -500:hover { + border-color: var(--success-success-500, #529f45); } -.hover\:bg-white:hover { - --tw-bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); +.hover\:border-Success-success\ -600:hover { + border-color: var(--success-success-600, #407c36); } -.hover\:bg-gray-50:hover { - --tw-bg-opacity: 1; - background-color: rgba(249, 250, 251, var(--tw-bg-opacity)); +.hover\:border-Error-error:hover { + border-color: var(--error-error, #f03d3e); } -.hover\:bg-gray-100:hover { - --tw-bg-opacity: 1; - background-color: rgba(243, 244, 246, var(--tw-bg-opacity)); +.hover\:border-Error-error-100:hover { + border-color: var(--error-error-100, #f57778); } -.hover\:bg-gray-200:hover { - --tw-bg-opacity: 1; - background-color: rgba(229, 231, 235, var(--tw-bg-opacity)); +.hover\:border-Error-error-200:hover { + border-color: var(--error-error-200, #f89e9e); } -.hover\:bg-gray-300:hover { - --tw-bg-opacity: 1; - background-color: rgba(209, 213, 219, var(--tw-bg-opacity)); +.hover\:border-Error-error-250:hover { + border-color: var(--error-error-250, #f9c8c8); } -.hover\:bg-gray-400:hover { - --tw-bg-opacity: 1; - background-color: rgba(156, 163, 175, var(--tw-bg-opacity)); +.hover\:border-Error-error-300:hover { + border-color: var(--error-error-300, #ce5151); } -.hover\:bg-gray-500:hover { - --tw-bg-opacity: 1; - background-color: rgba(107, 114, 128, var(--tw-bg-opacity)); +.hover\:border-Error-error-400:hover { + border-color: var(--error-error-400, #b85e5e); } -.hover\:bg-gray-600:hover { - --tw-bg-opacity: 1; - background-color: rgba(75, 85, 99, var(--tw-bg-opacity)); +.hover\:border-Error-error-500:hover { + border-color: var(--error-error-500, #d83738); } -.hover\:bg-gray-700:hover { - --tw-bg-opacity: 1; - background-color: rgba(55, 65, 81, var(--tw-bg-opacity)); +.hover\:border-Error-error-600:hover { + border-color: var(--error-error-600, #a82b2b); } -.hover\:bg-gray-800:hover { - --tw-bg-opacity: 1; - background-color: rgba(31, 41, 55, var(--tw-bg-opacity)); +.hover\:border-Error-error-700:hover { + border-color: var(--error-error-700, #601819); } -.hover\:bg-gray-900:hover { - --tw-bg-opacity: 1; - background-color: rgba(17, 24, 39, var(--tw-bg-opacity)); +.focus\:border-colors-black:focus { + border-color: var(--colors-black, #000000); } -.hover\:bg-red-50:hover { - --tw-bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--tw-bg-opacity)); +.focus\:border-colors-white:focus { + border-color: var(--colors-white, #ffffff); } -.hover\:bg-red-100:hover { - --tw-bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--tw-bg-opacity)); +.focus\:border-colors-gray-100:focus { + border-color: var(--colors-gray-100, #f7fafc); } -.hover\:bg-red-200:hover { - --tw-bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--tw-bg-opacity)); +.focus\:border-colors-gray-200:focus { + border-color: var(--colors-gray-200, #edf2f7); } -.hover\:bg-red-300:hover { - --tw-bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--tw-bg-opacity)); +.focus\:border-colors-gray-300:focus { + border-color: var(--colors-gray-300, #e2e8f0); } -.hover\:bg-red-400:hover { - --tw-bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--tw-bg-opacity)); +.focus\:border-colors-gray-400:focus { + border-color: var(--colors-gray-400, #cbd5e0); } -.hover\:bg-red-500:hover { - --tw-bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--tw-bg-opacity)); +.focus\:border-colors-gray-500:focus { + border-color: var(--colors-gray-500, #a0aec0); } -.hover\:bg-red-600:hover { - --tw-bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--tw-bg-opacity)); +.focus\:border-colors-gray-600:focus { + border-color: var(--colors-gray-600, #718096); } -.hover\:bg-red-700:hover { - --tw-bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--tw-bg-opacity)); +.focus\:border-colors-gray-700:focus { + border-color: var(--colors-gray-700, #4a5568); } -.hover\:bg-red-800:hover { - --tw-bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--tw-bg-opacity)); +.focus\:border-colors-gray-800:focus { + border-color: var(--colors-gray-800, #2d3748); } -.hover\:bg-red-900:hover { - --tw-bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--tw-bg-opacity)); +.focus\:border-colors-gray-900:focus { + border-color: var(--colors-gray-900, #1a202c); } -.hover\:bg-yellow-50:hover { - --tw-bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--tw-bg-opacity)); +.focus\:border-colors-red-100:focus { + border-color: var(--colors-red-100, #fff5f5); } -.hover\:bg-yellow-100:hover { - --tw-bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--tw-bg-opacity)); +.focus\:border-colors-red-200:focus { + border-color: var(--colors-red-200, #fed7d7); } -.hover\:bg-yellow-200:hover { - --tw-bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--tw-bg-opacity)); +.focus\:border-colors-red-300:focus { + border-color: var(--colors-red-300, #feb2b2); } -.hover\:bg-yellow-300:hover { - --tw-bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--tw-bg-opacity)); +.focus\:border-colors-red-400:focus { + border-color: var(--colors-red-400, #fc8181); } -.hover\:bg-yellow-400:hover { - --tw-bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--tw-bg-opacity)); +.focus\:border-colors-red-500:focus { + border-color: var(--colors-red-500, #f56565); } -.hover\:bg-yellow-500:hover { - --tw-bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--tw-bg-opacity)); +.focus\:border-colors-red-600:focus { + border-color: var(--colors-red-600, #e53e3e); } -.hover\:bg-yellow-600:hover { - --tw-bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--tw-bg-opacity)); +.focus\:border-colors-red-700:focus { + border-color: var(--colors-red-700, #c53030); } -.hover\:bg-yellow-700:hover { - --tw-bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--tw-bg-opacity)); +.focus\:border-colors-red-800:focus { + border-color: var(--colors-red-800, #9b2c2c); } -.hover\:bg-yellow-800:hover { - --tw-bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--tw-bg-opacity)); +.focus\:border-colors-red-900:focus { + border-color: var(--colors-red-900, #742a2a); } -.hover\:bg-yellow-900:hover { - --tw-bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--tw-bg-opacity)); +.focus\:border-colors-orange-100:focus { + border-color: var(--colors-orange-100, #fffaf0); } -.hover\:bg-green-50:hover { - --tw-bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--tw-bg-opacity)); +.focus\:border-colors-orange-200:focus { + border-color: var(--colors-orange-200, #feebc8); } -.hover\:bg-green-100:hover { - --tw-bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--tw-bg-opacity)); +.focus\:border-colors-orange-300:focus { + border-color: var(--colors-orange-300, #fbd38d); } -.hover\:bg-green-200:hover { - --tw-bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--tw-bg-opacity)); +.focus\:border-colors-orange-400:focus { + border-color: var(--colors-orange-400, #f6ad55); } -.hover\:bg-green-300:hover { - --tw-bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--tw-bg-opacity)); +.focus\:border-colors-orange-500:focus { + border-color: var(--colors-orange-500, #ed8936); } -.hover\:bg-green-400:hover { - --tw-bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--tw-bg-opacity)); +.focus\:border-colors-orange-600:focus { + border-color: var(--colors-orange-600, #dd6b20); } -.hover\:bg-green-500:hover { - --tw-bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--tw-bg-opacity)); +.focus\:border-colors-orange-700:focus { + border-color: var(--colors-orange-700, #c05621); } -.hover\:bg-green-600:hover { - --tw-bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--tw-bg-opacity)); +.focus\:border-colors-orange-800:focus { + border-color: var(--colors-orange-800, #9c4221); } -.hover\:bg-green-700:hover { - --tw-bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--tw-bg-opacity)); +.focus\:border-colors-orange-900:focus { + border-color: var(--colors-orange-900, #7b341e); } -.hover\:bg-green-800:hover { - --tw-bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--tw-bg-opacity)); +.focus\:border-colors-yellow-100:focus { + border-color: var(--colors-yellow-100, #fffff0); } -.hover\:bg-green-900:hover { - --tw-bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--tw-bg-opacity)); +.focus\:border-colors-yellow-200:focus { + border-color: var(--colors-yellow-200, #fefcbf); } -.hover\:bg-blue-50:hover { - --tw-bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--tw-bg-opacity)); +.focus\:border-colors-yellow-300:focus { + border-color: var(--colors-yellow-300, #faf089); } -.hover\:bg-blue-100:hover { - --tw-bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--tw-bg-opacity)); +.focus\:border-colors-yellow-400:focus { + border-color: var(--colors-yellow-400, #f6e05e); } -.hover\:bg-blue-200:hover { - --tw-bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--tw-bg-opacity)); +.focus\:border-colors-yellow-500:focus { + border-color: var(--colors-yellow-500, #ecc94b); } -.hover\:bg-blue-300:hover { - --tw-bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--tw-bg-opacity)); +.focus\:border-colors-yellow-600:focus { + border-color: var(--colors-yellow-600, #d69e2e); } -.hover\:bg-blue-400:hover { - --tw-bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--tw-bg-opacity)); +.focus\:border-colors-yellow-700:focus { + border-color: var(--colors-yellow-700, #b7791f); } -.hover\:bg-blue-500:hover { - --tw-bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--tw-bg-opacity)); +.focus\:border-colors-yellow-800:focus { + border-color: var(--colors-yellow-800, #975a16); } -.hover\:bg-blue-600:hover { - --tw-bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--tw-bg-opacity)); +.focus\:border-colors-yellow-900:focus { + border-color: var(--colors-yellow-900, #744210); } -.hover\:bg-blue-700:hover { - --tw-bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--tw-bg-opacity)); +.focus\:border-colors-green-100:focus { + border-color: var(--colors-green-100, #f0fff4); } -.hover\:bg-blue-800:hover { - --tw-bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--tw-bg-opacity)); +.focus\:border-colors-green-200:focus { + border-color: var(--colors-green-200, #c6f6d5); } -.hover\:bg-blue-900:hover { - --tw-bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--tw-bg-opacity)); +.focus\:border-colors-green-300:focus { + border-color: var(--colors-green-300, #9ae6b4); } -.hover\:bg-indigo-50:hover { - --tw-bg-opacity: 1; - background-color: rgba(238, 242, 255, var(--tw-bg-opacity)); +.focus\:border-colors-green-400:focus { + border-color: var(--colors-green-400, #68d391); } -.hover\:bg-indigo-100:hover { - --tw-bg-opacity: 1; - background-color: rgba(224, 231, 255, var(--tw-bg-opacity)); +.focus\:border-colors-green-500:focus { + border-color: var(--colors-green-500, #48bb78); } -.hover\:bg-indigo-200:hover { - --tw-bg-opacity: 1; - background-color: rgba(199, 210, 254, var(--tw-bg-opacity)); +.focus\:border-colors-green-600:focus { + border-color: var(--colors-green-600, #38a169); } -.hover\:bg-indigo-300:hover { - --tw-bg-opacity: 1; - background-color: rgba(165, 180, 252, var(--tw-bg-opacity)); +.focus\:border-colors-green-700:focus { + border-color: var(--colors-green-700, #2f855a); } -.hover\:bg-indigo-400:hover { - --tw-bg-opacity: 1; - background-color: rgba(129, 140, 248, var(--tw-bg-opacity)); +.focus\:border-colors-green-800:focus { + border-color: var(--colors-green-800, #276749); } -.hover\:bg-indigo-500:hover { - --tw-bg-opacity: 1; - background-color: rgba(99, 102, 241, var(--tw-bg-opacity)); +.focus\:border-colors-green-900:focus { + border-color: var(--colors-green-900, #22543d); } -.hover\:bg-indigo-600:hover { - --tw-bg-opacity: 1; - background-color: rgba(79, 70, 229, var(--tw-bg-opacity)); +.focus\:border-colors-teal-100:focus { + border-color: var(--colors-teal-100, #e6fffa); } -.hover\:bg-indigo-700:hover { - --tw-bg-opacity: 1; - background-color: rgba(67, 56, 202, var(--tw-bg-opacity)); +.focus\:border-colors-teal-200:focus { + border-color: var(--colors-teal-200, #b2f5ea); } -.hover\:bg-indigo-800:hover { - --tw-bg-opacity: 1; - background-color: rgba(55, 48, 163, var(--tw-bg-opacity)); +.focus\:border-colors-teal-300:focus { + border-color: var(--colors-teal-300, #81e6d9); } -.hover\:bg-indigo-900:hover { - --tw-bg-opacity: 1; - background-color: rgba(49, 46, 129, var(--tw-bg-opacity)); +.focus\:border-colors-teal-400:focus { + border-color: var(--colors-teal-400, #4fd1c5); } -.hover\:bg-purple-50:hover { - --tw-bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--tw-bg-opacity)); +.focus\:border-colors-teal-500:focus { + border-color: var(--colors-teal-500, #38b2ac); } -.hover\:bg-purple-100:hover { - --tw-bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--tw-bg-opacity)); +.focus\:border-colors-teal-600:focus { + border-color: var(--colors-teal-600, #319795); } -.hover\:bg-purple-200:hover { - --tw-bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--tw-bg-opacity)); +.focus\:border-colors-teal-700:focus { + border-color: var(--colors-teal-700, #2c7a7b); } -.hover\:bg-purple-300:hover { - --tw-bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--tw-bg-opacity)); +.focus\:border-colors-teal-800:focus { + border-color: var(--colors-teal-800, #285e61); } -.hover\:bg-purple-400:hover { - --tw-bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--tw-bg-opacity)); +.focus\:border-colors-teal-900:focus { + border-color: var(--colors-teal-900, #234e52); } -.hover\:bg-purple-500:hover { - --tw-bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--tw-bg-opacity)); +.focus\:border-colors-blue-100:focus { + border-color: var(--colors-blue-100, #ebf8ff); } -.hover\:bg-purple-600:hover { - --tw-bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--tw-bg-opacity)); +.focus\:border-colors-blue-200:focus { + border-color: var(--colors-blue-200, #bee3f8); } -.hover\:bg-purple-700:hover { - --tw-bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--tw-bg-opacity)); +.focus\:border-colors-blue-300:focus { + border-color: var(--colors-blue-300, #90cdf4); } -.hover\:bg-purple-800:hover { - --tw-bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--tw-bg-opacity)); +.focus\:border-colors-blue-400:focus { + border-color: var(--colors-blue-400, #63b3ed); } -.hover\:bg-purple-900:hover { - --tw-bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--tw-bg-opacity)); +.focus\:border-colors-blue-500:focus { + border-color: var(--colors-blue-500, #4299e1); } -.hover\:bg-pink-50:hover { - --tw-bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--tw-bg-opacity)); +.focus\:border-colors-blue-600:focus { + border-color: var(--colors-blue-600, #3182ce); } -.hover\:bg-pink-100:hover { - --tw-bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--tw-bg-opacity)); +.focus\:border-colors-blue-700:focus { + border-color: var(--colors-blue-700, #2b6cb0); } -.hover\:bg-pink-200:hover { - --tw-bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--tw-bg-opacity)); +.focus\:border-colors-blue-800:focus { + border-color: var(--colors-blue-800, #2c5282); } -.hover\:bg-pink-300:hover { - --tw-bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--tw-bg-opacity)); +.focus\:border-colors-blue-900:focus { + border-color: var(--colors-blue-900, #2a4365); } -.hover\:bg-pink-400:hover { - --tw-bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--tw-bg-opacity)); +.focus\:border-colors-indigo-100:focus { + border-color: var(--colors-indigo-100, #ebf4ff); } -.hover\:bg-pink-500:hover { - --tw-bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--tw-bg-opacity)); +.focus\:border-colors-indigo-200:focus { + border-color: var(--colors-indigo-200, #c3dafe); } -.hover\:bg-pink-600:hover { - --tw-bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--tw-bg-opacity)); +.focus\:border-colors-indigo-300:focus { + border-color: var(--colors-indigo-300, #a3bffa); } -.hover\:bg-pink-700:hover { - --tw-bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--tw-bg-opacity)); +.focus\:border-colors-indigo-400:focus { + border-color: var(--colors-indigo-400, #7f9cf5); } -.hover\:bg-pink-800:hover { - --tw-bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--tw-bg-opacity)); +.focus\:border-colors-indigo-500:focus { + border-color: var(--colors-indigo-500, #667eea); } -.hover\:bg-pink-900:hover { - --tw-bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--tw-bg-opacity)); +.focus\:border-colors-indigo-600:focus { + border-color: var(--colors-indigo-600, #5a67d8); } -.focus\:bg-transparent:focus { - background-color: transparent; +.focus\:border-colors-indigo-700:focus { + border-color: var(--colors-indigo-700, #4c51bf); } -.focus\:bg-current:focus { - background-color: currentColor; +.focus\:border-colors-indigo-800:focus { + border-color: var(--colors-indigo-800, #434190); } -.focus\:bg-black:focus { - --tw-bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--tw-bg-opacity)); +.focus\:border-colors-indigo-900:focus { + border-color: var(--colors-indigo-900, #3c366b); } -.focus\:bg-white:focus { - --tw-bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); +.focus\:border-colors-purple-100:focus { + border-color: var(--colors-purple-100, #faf5ff); } -.focus\:bg-gray-50:focus { - --tw-bg-opacity: 1; - background-color: rgba(249, 250, 251, var(--tw-bg-opacity)); +.focus\:border-colors-purple-200:focus { + border-color: var(--colors-purple-200, #e9d8fd); } -.focus\:bg-gray-100:focus { - --tw-bg-opacity: 1; - background-color: rgba(243, 244, 246, var(--tw-bg-opacity)); +.focus\:border-colors-purple-300:focus { + border-color: var(--colors-purple-300, #d6bcfa); } -.focus\:bg-gray-200:focus { - --tw-bg-opacity: 1; - background-color: rgba(229, 231, 235, var(--tw-bg-opacity)); +.focus\:border-colors-purple-400:focus { + border-color: var(--colors-purple-400, #b794f4); } -.focus\:bg-gray-300:focus { - --tw-bg-opacity: 1; - background-color: rgba(209, 213, 219, var(--tw-bg-opacity)); +.focus\:border-colors-purple-500:focus { + border-color: var(--colors-purple-500, #9f7aea); } -.focus\:bg-gray-400:focus { - --tw-bg-opacity: 1; - background-color: rgba(156, 163, 175, var(--tw-bg-opacity)); +.focus\:border-colors-purple-600:focus { + border-color: var(--colors-purple-600, #805ad5); } -.focus\:bg-gray-500:focus { - --tw-bg-opacity: 1; - background-color: rgba(107, 114, 128, var(--tw-bg-opacity)); +.focus\:border-colors-purple-700:focus { + border-color: var(--colors-purple-700, #6b46c1); } -.focus\:bg-gray-600:focus { - --tw-bg-opacity: 1; - background-color: rgba(75, 85, 99, var(--tw-bg-opacity)); +.focus\:border-colors-purple-800:focus { + border-color: var(--colors-purple-800, #553c9a); } -.focus\:bg-gray-700:focus { - --tw-bg-opacity: 1; - background-color: rgba(55, 65, 81, var(--tw-bg-opacity)); +.focus\:border-colors-purple-900:focus { + border-color: var(--colors-purple-900, #44337a); } -.focus\:bg-gray-800:focus { - --tw-bg-opacity: 1; - background-color: rgba(31, 41, 55, var(--tw-bg-opacity)); +.focus\:border-colors-pink-100:focus { + border-color: var(--colors-pink-100, #fff5f7); } -.focus\:bg-gray-900:focus { - --tw-bg-opacity: 1; - background-color: rgba(17, 24, 39, var(--tw-bg-opacity)); +.focus\:border-colors-pink-200:focus { + border-color: var(--colors-pink-200, #fed7e2); } -.focus\:bg-red-50:focus { - --tw-bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--tw-bg-opacity)); +.focus\:border-colors-pink-300:focus { + border-color: var(--colors-pink-300, #fbb6ce); } -.focus\:bg-red-100:focus { - --tw-bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--tw-bg-opacity)); +.focus\:border-colors-pink-400:focus { + border-color: var(--colors-pink-400, #f687b3); } -.focus\:bg-red-200:focus { - --tw-bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--tw-bg-opacity)); +.focus\:border-colors-pink-500:focus { + border-color: var(--colors-pink-500, #ed64a6); } -.focus\:bg-red-300:focus { - --tw-bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--tw-bg-opacity)); +.focus\:border-colors-pink-600:focus { + border-color: var(--colors-pink-600, #d53f8c); } -.focus\:bg-red-400:focus { - --tw-bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--tw-bg-opacity)); +.focus\:border-colors-pink-700:focus { + border-color: var(--colors-pink-700, #b83280); } -.focus\:bg-red-500:focus { - --tw-bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--tw-bg-opacity)); +.focus\:border-colors-pink-800:focus { + border-color: var(--colors-pink-800, #97266d); } -.focus\:bg-red-600:focus { - --tw-bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--tw-bg-opacity)); +.focus\:border-colors-pink-900:focus { + border-color: var(--colors-pink-900, #702459); } -.focus\:bg-red-700:focus { - --tw-bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--tw-bg-opacity)); +.focus\:border-Box\ Shadow:focus { + border-color: var(--box-shadow, #7f7e7f); } -.focus\:bg-red-800:focus { - --tw-bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--tw-bg-opacity)); +.focus\:border-Error16:focus { + border-color: var(--error16, #f03d3e40); } -.focus\:bg-red-900:focus { - --tw-bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--tw-bg-opacity)); +.focus\:border-Success16:focus { + border-color: var(--success16, #5bb14d40); } -.focus\:bg-yellow-50:focus { - --tw-bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--tw-bg-opacity)); +.focus\:border-Notification16:focus { + border-color: var(--notification16, #3959ff40); } -.focus\:bg-yellow-100:focus { - --tw-bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--tw-bg-opacity)); +.focus\:border-Error8:focus { + border-color: var(--error8, #f03d3e1a); } -.focus\:bg-yellow-200:focus { - --tw-bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--tw-bg-opacity)); +.focus\:border-Notification8:focus { + border-color: var(--notification8, #3959ff1a); } -.focus\:bg-yellow-300:focus { - --tw-bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--tw-bg-opacity)); +.focus\:border-Success8:focus { + border-color: var(--success8, #5bb14d1a); } -.focus\:bg-yellow-400:focus { - --tw-bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--tw-bg-opacity)); +.focus\:border-Light\ -\ Overlay:focus { + border-color: var(--light-overlay, #f0edee66); } -.focus\:bg-yellow-500:focus { - --tw-bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--tw-bg-opacity)); +.focus\:border-Dark-\ Overlay:focus { + border-color: var(--dark-overlay, #7f7e7f66); } -.focus\:bg-yellow-600:focus { - --tw-bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--tw-bg-opacity)); +.focus\:border-black-40:focus { + border-color: var(--black-40, #00000066); } -.focus\:bg-yellow-700:focus { - --tw-bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--tw-bg-opacity)); +.focus\:border-black-75:focus { + border-color: var(--black-75, #000000bf); } -.focus\:bg-yellow-800:focus { - --tw-bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--tw-bg-opacity)); +.focus\:border-black-60:focus { + border-color: var(--black-60, #00000099); } -.focus\:bg-yellow-900:focus { - --tw-bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--tw-bg-opacity)); +.focus\:border-black-50:focus { + border-color: var(--black-50, #00000080); } -.focus\:bg-green-50:focus { - --tw-bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--tw-bg-opacity)); +.focus\:border-black-25:focus { + border-color: var(--black-25, #00000040); } -.focus\:bg-green-100:focus { - --tw-bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--tw-bg-opacity)); +.focus\:border-black-10:focus { + border-color: var(--black-10, #0000001a); } -.focus\:bg-green-200:focus { - --tw-bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--tw-bg-opacity)); +.focus\:border-white-25:focus { + border-color: var(--white-25, #ffffff40); } -.focus\:bg-green-300:focus { - --tw-bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--tw-bg-opacity)); +.focus\:border-white-60:focus { + border-color: var(--white-60, #ffffff99); } -.focus\:bg-green-400:focus { - --tw-bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--tw-bg-opacity)); +.focus\:border-black-64:focus { + border-color: var(--black-64, #000000a3); } -.focus\:bg-green-500:focus { - --tw-bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--tw-bg-opacity)); +.focus\:border-Shadow\ and\ Highlight-Shadow:focus { + border-color: var(--shadow-and-highlight-shadow, #7f7e7f); } -.focus\:bg-green-600:focus { - --tw-bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--tw-bg-opacity)); +.focus\:border-Shadow\ and\ Highlight-Highlight:focus { + border-color: var(--shadow-and-highlight-highlight, #474747); } -.focus\:bg-green-700:focus { - --tw-bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--tw-bg-opacity)); +.focus\:border-Shadow\ and\ Highlight-highlight\ one:focus { + border-color: var(--shadow-and-highlight-highlight-one, #474747bf); } -.focus\:bg-green-800:focus { - --tw-bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--tw-bg-opacity)); +.focus\:border-Shadow\ and\ Highlight-highlight\ two:focus { + border-color: var(--shadow-and-highlight-highlight-two, #47474799); } -.focus\:bg-green-900:focus { - --tw-bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--tw-bg-opacity)); +.focus\:border-Shadow\ and\ Highlight-highlight\ three:focus { + border-color: var(--shadow-and-highlight-highlight-three, #47474766); } -.focus\:bg-blue-50:focus { - --tw-bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--tw-bg-opacity)); +.focus\:border-Shadow\ and\ Highlight-highlight\ five:focus { + border-color: var(--shadow-and-highlight-highlight-five, #4747471a); } -.focus\:bg-blue-100:focus { - --tw-bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--tw-bg-opacity)); +.focus\:border-Shadow\ and\ Highlight-shadow\ one:focus { + border-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } -.focus\:bg-blue-200:focus { - --tw-bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--tw-bg-opacity)); +.focus\:border-Shadow\ and\ Highlight-shadow\ two:focus { + border-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } -.focus\:bg-blue-300:focus { - --tw-bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--tw-bg-opacity)); +.focus\:border-Shadow\ and\ Highlight-shadow\ three:focus { + border-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } -.focus\:bg-blue-400:focus { - --tw-bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--tw-bg-opacity)); +.focus\:border-Shadow\ and\ Highlight-shadow\ four:focus { + border-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } -.focus\:bg-blue-500:focus { - --tw-bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--tw-bg-opacity)); +.focus\:border-Shadow\ and\ Highlight-shadow\ five:focus { + border-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } -.focus\:bg-blue-600:focus { - --tw-bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--tw-bg-opacity)); +.focus\:border-Shadow\ and\ Highlight-highlight\ four:focus { + border-color: var(--shadow-and-highlight-highlight-four, #47474740); } -.focus\:bg-blue-700:focus { - --tw-bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--tw-bg-opacity)); +.focus\:border-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus { + border-color: var(--base-layer-styles-base-layer-light-white, #ffffff); } -.focus\:bg-blue-800:focus { - --tw-bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--tw-bg-opacity)); +.focus\:border-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus { + border-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } -.focus\:bg-blue-900:focus { - --tw-bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--tw-bg-opacity)); +.focus\:border-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus { + border-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } -.focus\:bg-indigo-50:focus { - --tw-bg-opacity: 1; - background-color: rgba(238, 242, 255, var(--tw-bg-opacity)); +.focus\:border-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus { + border-color: var(--base-layer-styles-base-layer-dark-black, #000000); } -.focus\:bg-indigo-100:focus { - --tw-bg-opacity: 1; - background-color: rgba(224, 231, 255, var(--tw-bg-opacity)); +.focus\:border-Grey-Scale-white:focus { + border-color: var(--grey-scale-white, #ffffff); } -.focus\:bg-indigo-200:focus { - --tw-bg-opacity: 1; - background-color: rgba(199, 210, 254, var(--tw-bg-opacity)); +.focus\:border-Grey-Scale-off-white:focus { + border-color: var(--grey-scale-off-white, #f0edee); } -.focus\:bg-indigo-300:focus { - --tw-bg-opacity: 1; - background-color: rgba(165, 180, 252, var(--tw-bg-opacity)); +.focus\:border-Grey\ Scale-grey:focus { + border-color: var(--grey-scale-grey, #7f7e7f); } -.focus\:bg-indigo-400:focus { - --tw-bg-opacity: 1; - background-color: rgba(129, 140, 248, var(--tw-bg-opacity)); +.focus\:border-Grey\ Scale-charcoal:focus { + border-color: var(--grey-scale-charcoal, #474747); } -.focus\:bg-indigo-500:focus { - --tw-bg-opacity: 1; - background-color: rgba(99, 102, 241, var(--tw-bg-opacity)); +.focus\:border-Grey\ Scale-off-black:focus { + border-color: var(--grey-scale-off-black, #1c1c1c); } -.focus\:bg-indigo-600:focus { - --tw-bg-opacity: 1; - background-color: rgba(79, 70, 229, var(--tw-bg-opacity)); +.focus\:border-Grey\ Scale-black:focus { + border-color: var(--grey-scale-black, #000000); } -.focus\:bg-indigo-700:focus { - --tw-bg-opacity: 1; - background-color: rgba(67, 56, 202, var(--tw-bg-opacity)); +.focus\:border-Blue-blue:focus { + border-color: var(--blue-blue, #3a7ca5); } -.focus\:bg-indigo-800:focus { - --tw-bg-opacity: 1; - background-color: rgba(55, 48, 163, var(--tw-bg-opacity)); +.focus\:border-Blue-blue-100:focus { + border-color: var(--blue-blue-100, #75a3c0); } -.focus\:bg-indigo-900:focus { - --tw-bg-opacity: 1; - background-color: rgba(49, 46, 129, var(--tw-bg-opacity)); +.focus\:border-Blue-blue-200:focus { + border-color: var(--blue-blue-200, #9cbed2); } -.focus\:bg-purple-50:focus { - --tw-bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--tw-bg-opacity)); +.focus\:border-Blue-blue-300:focus { + border-color: var(--blue-blue-300, #4f7d9a); } -.focus\:bg-purple-100:focus { - --tw-bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--tw-bg-opacity)); +.focus\:border-Blue-blue-400:focus { + border-color: var(--blue-blue-400, #5c7d92); } -.focus\:bg-purple-200:focus { - --tw-bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--tw-bg-opacity)); +.focus\:border-Blue-blue-500:focus { + border-color: var(--blue-blue-500, #347095); } -.focus\:bg-purple-300:focus { - --tw-bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--tw-bg-opacity)); +.focus\:border-Blue-blue-600:focus { + border-color: var(--blue-blue-600, #295774); } -.focus\:bg-purple-400:focus { - --tw-bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--tw-bg-opacity)); +.focus\:border-Blue-blue-700:focus { + border-color: var(--blue-blue-700, #173242); } -.focus\:bg-purple-500:focus { - --tw-bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--tw-bg-opacity)); +.focus\:border-LightBlue-lightblue:focus { + border-color: var(--light-blue-lightblue, #81c3d7); } -.focus\:bg-purple-600:focus { - --tw-bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--tw-bg-opacity)); +.focus\:border-LightBlue-lightblue-100:focus { + border-color: var(--light-blue-lightblue-100, #a7d5e3); } -.focus\:bg-purple-700:focus { - --tw-bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--tw-bg-opacity)); +.focus\:border-LightBlue-lightblue-200:focus { + border-color: var(--light-blue-lightblue-200, #c0e1eb); } -.focus\:bg-purple-800:focus { - --tw-bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--tw-bg-opacity)); +.focus\:border-LightBlue-lightblue-300:focus { + border-color: var(--light-blue-lightblue-300, #80aebd); } -.focus\:bg-purple-900:focus { - --tw-bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--tw-bg-opacity)); +.focus\:border-LightBlue-lightblue-400:focus { + border-color: var(--light-blue-lightblue-400, #80a0ab); } -.focus\:bg-pink-50:focus { - --tw-bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--tw-bg-opacity)); +.focus\:border-LightBlue-lightblue-500:focus { + border-color: var(--light-blue-lightblue-500, #74afc1); } -.focus\:bg-pink-100:focus { - --tw-bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--tw-bg-opacity)); +.focus\:border-LightBlue-lightblue-600:focus { + border-color: var(--light-blue-lightblue-600, #5a8997); } -.focus\:bg-pink-200:focus { - --tw-bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--tw-bg-opacity)); +.focus\:border-LightBlue-lightblue-650:focus { + border-color: var(--light-blue-lightblue-650, #3e5e65); } -.focus\:bg-pink-300:focus { - --tw-bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--tw-bg-opacity)); +.focus\:border-LightBlue-lightblue-700:focus { + border-color: var(--light-blue-lightblue-700, #344e56); } -.focus\:bg-pink-400:focus { - --tw-bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--tw-bg-opacity)); +.focus\:border-Orange-orange:focus { + border-color: var(--orange-orange, #ff7f0e); } -.focus\:bg-pink-500:focus { - --tw-bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--tw-bg-opacity)); +.focus\:border-Orange-orange-100:focus { + border-color: var(--orange-orange-100, #ffa556); } -.focus\:bg-pink-600:focus { - --tw-bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--tw-bg-opacity)); +.focus\:border-Orange-orange-200:focus { + border-color: var(--orange-orange-200, #ffbf86); } -.focus\:bg-pink-700:focus { - --tw-bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--tw-bg-opacity)); +.focus\:border-Orange-orange-300:focus { + border-color: var(--orange-orange-300, #d97f30); } -.focus\:bg-pink-800:focus { - --tw-bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--tw-bg-opacity)); +.focus\:border-Orange-orange-400:focus { + border-color: var(--orange-orange-400, #bf7e46); } -.focus\:bg-pink-900:focus { - --tw-bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--tw-bg-opacity)); +.focus\:border-Orange-orange-500:focus { + border-color: var(--orange-orange-500, #e5720d); } -.bg-opacity-0 { - --tw-bg-opacity: 0; +.focus\:border-Orange-orange-600:focus { + border-color: var(--orange-orange-600, #b3590a); } -.bg-opacity-5 { - --tw-bg-opacity: 0.05; +.focus\:border-Orange-orange-700:focus { + border-color: var(--orange-orange-700, #663306); } -.bg-opacity-10 { - --tw-bg-opacity: 0.1; +.focus\:border-Yellow-yellow:focus { + border-color: var(--yellow-yellow, #ffab00); } -.bg-opacity-20 { - --tw-bg-opacity: 0.2; +.focus\:border-Yellow-yellow-100:focus { + border-color: var(--yellow-yellow-100, #ffc44c); } -.bg-opacity-25 { - --tw-bg-opacity: 0.25; +.focus\:border-Yellow-yellow-200:focus { + border-color: var(--yellow-yellow-200, #ffd580); } -.bg-opacity-30 { - --tw-bg-opacity: 0.3; +.focus\:border-Yellow-yellow-300:focus { + border-color: var(--yellow-yellow-300, #d99d26); } -.bg-opacity-40 { - --tw-bg-opacity: 0.4; +.focus\:border-Yellow-yellow-400:focus { + border-color: var(--yellow-yellow-400, #bf943f); } -.bg-opacity-50 { - --tw-bg-opacity: 0.5; +.focus\:border-Yellow-yellow-500:focus { + border-color: var(--yellow-yellow-500, #e59a00); } -.bg-opacity-60 { - --tw-bg-opacity: 0.6; +.focus\:border-Yellow-yellow-600:focus { + border-color: var(--yellow-yellow-600, #b37800); } -.bg-opacity-70 { - --tw-bg-opacity: 0.7; +.focus\:border-Yellow-yellow-700:focus { + border-color: var(--yellow-yellow-700, #664400); } -.bg-opacity-75 { - --tw-bg-opacity: 0.75; +.focus\:border-Notification-notification:focus { + border-color: var(--notification-notification, #3959ff); } -.bg-opacity-80 { - --tw-bg-opacity: 0.8; +.focus\:border-Notification-notification-100:focus { + border-color: var(--notification-notification-100, #748bff); } -.bg-opacity-90 { - --tw-bg-opacity: 0.9; +.focus\:border-Notification-notification-200:focus { + border-color: var(--notification-notification-200, #9cacff); } -.bg-opacity-95 { - --tw-bg-opacity: 0.95; +.focus\:border-Notification-notification-300:focus { + border-color: var(--notification-notification-300, #4e64d9); } -.bg-opacity-100 { - --tw-bg-opacity: 1; +.focus\:border-Notification-notification-400:focus { + border-color: var(--notification-notification-400, #5c6cbf); } -.group:hover .group-hover\:bg-opacity-0 { - --tw-bg-opacity: 0; +.focus\:border-Notification-notification-500:focus { + border-color: var(--notification-notification-500, #3350e5); } -.group:hover .group-hover\:bg-opacity-5 { - --tw-bg-opacity: 0.05; +.focus\:border-Notification-notification-600:focus { + border-color: var(--notification-notification-600, #283eb3); } -.group:hover .group-hover\:bg-opacity-10 { - --tw-bg-opacity: 0.1; +.focus\:border-Notification-notification-700:focus { + border-color: var(--notification-notification-700, #172466); } -.group:hover .group-hover\:bg-opacity-20 { - --tw-bg-opacity: 0.2; +.focus\:border-Success-success\ -700:focus { + border-color: var(--success-success-700, #24471f); } -.group:hover .group-hover\:bg-opacity-25 { - --tw-bg-opacity: 0.25; +.focus\:border-Success-success:focus { + border-color: var(--success-success, #5bb14d); } -.group:hover .group-hover\:bg-opacity-30 { - --tw-bg-opacity: 0.3; +.focus\:border-Success-success\ -100:focus { + border-color: var(--success-success-100, #8cc882); } -.group:hover .group-hover\:bg-opacity-40 { - --tw-bg-opacity: 0.4; +.focus\:border-Success-success\ -200:focus { + border-color: var(--success-success-200, #add8a6); } -.group:hover .group-hover\:bg-opacity-50 { - --tw-bg-opacity: 0.5; +.focus\:border-Success-success\ -300:focus { + border-color: var(--success-success-300, #66a25c); } -.group:hover .group-hover\:bg-opacity-60 { - --tw-bg-opacity: 0.6; +.focus\:border-Success-success\ -400:focus { + border-color: var(--success-success-400, #6d9766); } -.group:hover .group-hover\:bg-opacity-70 { - --tw-bg-opacity: 0.7; +.focus\:border-Success-success\ -500:focus { + border-color: var(--success-success-500, #529f45); } -.group:hover .group-hover\:bg-opacity-75 { - --tw-bg-opacity: 0.75; +.focus\:border-Success-success\ -600:focus { + border-color: var(--success-success-600, #407c36); } -.group:hover .group-hover\:bg-opacity-80 { - --tw-bg-opacity: 0.8; +.focus\:border-Error-error:focus { + border-color: var(--error-error, #f03d3e); } -.group:hover .group-hover\:bg-opacity-90 { - --tw-bg-opacity: 0.9; +.focus\:border-Error-error-100:focus { + border-color: var(--error-error-100, #f57778); } -.group:hover .group-hover\:bg-opacity-95 { - --tw-bg-opacity: 0.95; +.focus\:border-Error-error-200:focus { + border-color: var(--error-error-200, #f89e9e); } -.group:hover .group-hover\:bg-opacity-100 { - --tw-bg-opacity: 1; +.focus\:border-Error-error-250:focus { + border-color: var(--error-error-250, #f9c8c8); } -.focus-within\:bg-opacity-0:focus-within { - --tw-bg-opacity: 0; +.focus\:border-Error-error-300:focus { + border-color: var(--error-error-300, #ce5151); } -.focus-within\:bg-opacity-5:focus-within { - --tw-bg-opacity: 0.05; +.focus\:border-Error-error-400:focus { + border-color: var(--error-error-400, #b85e5e); } -.focus-within\:bg-opacity-10:focus-within { - --tw-bg-opacity: 0.1; +.focus\:border-Error-error-500:focus { + border-color: var(--error-error-500, #d83738); } -.focus-within\:bg-opacity-20:focus-within { - --tw-bg-opacity: 0.2; +.focus\:border-Error-error-600:focus { + border-color: var(--error-error-600, #a82b2b); } -.focus-within\:bg-opacity-25:focus-within { - --tw-bg-opacity: 0.25; +.focus\:border-Error-error-700:focus { + border-color: var(--error-error-700, #601819); } -.focus-within\:bg-opacity-30:focus-within { - --tw-bg-opacity: 0.3; +.border-opacity-0 { + --tw-border-opacity: 0; } -.focus-within\:bg-opacity-40:focus-within { - --tw-bg-opacity: 0.4; +.border-opacity-5 { + --tw-border-opacity: 0.05; } -.focus-within\:bg-opacity-50:focus-within { - --tw-bg-opacity: 0.5; +.border-opacity-10 { + --tw-border-opacity: 0.1; } -.focus-within\:bg-opacity-60:focus-within { - --tw-bg-opacity: 0.6; +.border-opacity-20 { + --tw-border-opacity: 0.2; } -.focus-within\:bg-opacity-70:focus-within { - --tw-bg-opacity: 0.7; +.border-opacity-25 { + --tw-border-opacity: 0.25; } -.focus-within\:bg-opacity-75:focus-within { - --tw-bg-opacity: 0.75; +.border-opacity-30 { + --tw-border-opacity: 0.3; } -.focus-within\:bg-opacity-80:focus-within { - --tw-bg-opacity: 0.8; +.border-opacity-40 { + --tw-border-opacity: 0.4; } -.focus-within\:bg-opacity-90:focus-within { - --tw-bg-opacity: 0.9; +.border-opacity-50 { + --tw-border-opacity: 0.5; } -.focus-within\:bg-opacity-95:focus-within { - --tw-bg-opacity: 0.95; +.border-opacity-60 { + --tw-border-opacity: 0.6; } -.focus-within\:bg-opacity-100:focus-within { - --tw-bg-opacity: 1; +.border-opacity-70 { + --tw-border-opacity: 0.7; } -.hover\:bg-opacity-0:hover { - --tw-bg-opacity: 0; +.border-opacity-75 { + --tw-border-opacity: 0.75; } -.hover\:bg-opacity-5:hover { - --tw-bg-opacity: 0.05; +.border-opacity-80 { + --tw-border-opacity: 0.8; } -.hover\:bg-opacity-10:hover { - --tw-bg-opacity: 0.1; +.border-opacity-90 { + --tw-border-opacity: 0.9; } -.hover\:bg-opacity-20:hover { - --tw-bg-opacity: 0.2; +.border-opacity-95 { + --tw-border-opacity: 0.95; } -.hover\:bg-opacity-25:hover { - --tw-bg-opacity: 0.25; +.border-opacity-100 { + --tw-border-opacity: 1; } -.hover\:bg-opacity-30:hover { - --tw-bg-opacity: 0.3; +.group:hover .group-hover\:border-opacity-0 { + --tw-border-opacity: 0; } -.hover\:bg-opacity-40:hover { - --tw-bg-opacity: 0.4; +.group:hover .group-hover\:border-opacity-5 { + --tw-border-opacity: 0.05; } -.hover\:bg-opacity-50:hover { - --tw-bg-opacity: 0.5; +.group:hover .group-hover\:border-opacity-10 { + --tw-border-opacity: 0.1; } -.hover\:bg-opacity-60:hover { - --tw-bg-opacity: 0.6; +.group:hover .group-hover\:border-opacity-20 { + --tw-border-opacity: 0.2; } -.hover\:bg-opacity-70:hover { - --tw-bg-opacity: 0.7; +.group:hover .group-hover\:border-opacity-25 { + --tw-border-opacity: 0.25; } -.hover\:bg-opacity-75:hover { - --tw-bg-opacity: 0.75; +.group:hover .group-hover\:border-opacity-30 { + --tw-border-opacity: 0.3; } -.hover\:bg-opacity-80:hover { - --tw-bg-opacity: 0.8; +.group:hover .group-hover\:border-opacity-40 { + --tw-border-opacity: 0.4; } -.hover\:bg-opacity-90:hover { - --tw-bg-opacity: 0.9; +.group:hover .group-hover\:border-opacity-50 { + --tw-border-opacity: 0.5; } -.hover\:bg-opacity-95:hover { - --tw-bg-opacity: 0.95; +.group:hover .group-hover\:border-opacity-60 { + --tw-border-opacity: 0.6; } -.hover\:bg-opacity-100:hover { - --tw-bg-opacity: 1; +.group:hover .group-hover\:border-opacity-70 { + --tw-border-opacity: 0.7; } -.focus\:bg-opacity-0:focus { - --tw-bg-opacity: 0; +.group:hover .group-hover\:border-opacity-75 { + --tw-border-opacity: 0.75; } -.focus\:bg-opacity-5:focus { - --tw-bg-opacity: 0.05; +.group:hover .group-hover\:border-opacity-80 { + --tw-border-opacity: 0.8; } -.focus\:bg-opacity-10:focus { - --tw-bg-opacity: 0.1; +.group:hover .group-hover\:border-opacity-90 { + --tw-border-opacity: 0.9; } -.focus\:bg-opacity-20:focus { - --tw-bg-opacity: 0.2; +.group:hover .group-hover\:border-opacity-95 { + --tw-border-opacity: 0.95; } -.focus\:bg-opacity-25:focus { - --tw-bg-opacity: 0.25; +.group:hover .group-hover\:border-opacity-100 { + --tw-border-opacity: 1; } -.focus\:bg-opacity-30:focus { - --tw-bg-opacity: 0.3; +.focus-within\:border-opacity-0:focus-within { + --tw-border-opacity: 0; } -.focus\:bg-opacity-40:focus { - --tw-bg-opacity: 0.4; +.focus-within\:border-opacity-5:focus-within { + --tw-border-opacity: 0.05; } -.focus\:bg-opacity-50:focus { - --tw-bg-opacity: 0.5; +.focus-within\:border-opacity-10:focus-within { + --tw-border-opacity: 0.1; } -.focus\:bg-opacity-60:focus { - --tw-bg-opacity: 0.6; +.focus-within\:border-opacity-20:focus-within { + --tw-border-opacity: 0.2; } -.focus\:bg-opacity-70:focus { - --tw-bg-opacity: 0.7; +.focus-within\:border-opacity-25:focus-within { + --tw-border-opacity: 0.25; } -.focus\:bg-opacity-75:focus { - --tw-bg-opacity: 0.75; +.focus-within\:border-opacity-30:focus-within { + --tw-border-opacity: 0.3; } -.focus\:bg-opacity-80:focus { - --tw-bg-opacity: 0.8; +.focus-within\:border-opacity-40:focus-within { + --tw-border-opacity: 0.4; } -.focus\:bg-opacity-90:focus { - --tw-bg-opacity: 0.9; +.focus-within\:border-opacity-50:focus-within { + --tw-border-opacity: 0.5; } -.focus\:bg-opacity-95:focus { - --tw-bg-opacity: 0.95; +.focus-within\:border-opacity-60:focus-within { + --tw-border-opacity: 0.6; } -.focus\:bg-opacity-100:focus { - --tw-bg-opacity: 1; +.focus-within\:border-opacity-70:focus-within { + --tw-border-opacity: 0.7; } -.bg-none { - background-image: none; +.focus-within\:border-opacity-75:focus-within { + --tw-border-opacity: 0.75; } -.bg-gradient-to-t { - background-image: linear-gradient(to top, var(--tw-gradient-stops)); +.focus-within\:border-opacity-80:focus-within { + --tw-border-opacity: 0.8; } -.bg-gradient-to-tr { - background-image: linear-gradient(to top right, var(--tw-gradient-stops)); +.focus-within\:border-opacity-90:focus-within { + --tw-border-opacity: 0.9; } -.bg-gradient-to-r { - background-image: linear-gradient(to right, var(--tw-gradient-stops)); +.focus-within\:border-opacity-95:focus-within { + --tw-border-opacity: 0.95; } -.bg-gradient-to-br { - background-image: linear-gradient(to bottom right, var(--tw-gradient-stops)); +.focus-within\:border-opacity-100:focus-within { + --tw-border-opacity: 1; } -.bg-gradient-to-b { - background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); +.hover\:border-opacity-0:hover { + --tw-border-opacity: 0; } -.bg-gradient-to-bl { - background-image: linear-gradient(to bottom left, var(--tw-gradient-stops)); +.hover\:border-opacity-5:hover { + --tw-border-opacity: 0.05; } -.bg-gradient-to-l { - background-image: linear-gradient(to left, var(--tw-gradient-stops)); +.hover\:border-opacity-10:hover { + --tw-border-opacity: 0.1; } -.bg-gradient-to-tl { - background-image: linear-gradient(to top left, var(--tw-gradient-stops)); +.hover\:border-opacity-20:hover { + --tw-border-opacity: 0.2; } -.from-transparent { - --tw-gradient-from: transparent; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); +.hover\:border-opacity-25:hover { + --tw-border-opacity: 0.25; } -.from-current { - --tw-gradient-from: currentColor; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); +.hover\:border-opacity-30:hover { + --tw-border-opacity: 0.3; } -.from-black { - --tw-gradient-from: #000; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); +.hover\:border-opacity-40:hover { + --tw-border-opacity: 0.4; } -.from-white { - --tw-gradient-from: #fff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); +.hover\:border-opacity-50:hover { + --tw-border-opacity: 0.5; } -.from-gray-50 { - --tw-gradient-from: #f9fafb; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0)); +.hover\:border-opacity-60:hover { + --tw-border-opacity: 0.6; } -.from-gray-100 { - --tw-gradient-from: #f3f4f6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0)); +.hover\:border-opacity-70:hover { + --tw-border-opacity: 0.7; } -.from-gray-200 { - --tw-gradient-from: #e5e7eb; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0)); +.hover\:border-opacity-75:hover { + --tw-border-opacity: 0.75; } -.from-gray-300 { - --tw-gradient-from: #d1d5db; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0)); +.hover\:border-opacity-80:hover { + --tw-border-opacity: 0.8; } -.from-gray-400 { - --tw-gradient-from: #9ca3af; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0)); +.hover\:border-opacity-90:hover { + --tw-border-opacity: 0.9; } -.from-gray-500 { - --tw-gradient-from: #6b7280; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0)); +.hover\:border-opacity-95:hover { + --tw-border-opacity: 0.95; } -.from-gray-600 { - --tw-gradient-from: #4b5563; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0)); +.hover\:border-opacity-100:hover { + --tw-border-opacity: 1; } -.from-gray-700 { - --tw-gradient-from: #374151; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0)); +.focus\:border-opacity-0:focus { + --tw-border-opacity: 0; } -.from-gray-800 { - --tw-gradient-from: #1f2937; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0)); +.focus\:border-opacity-5:focus { + --tw-border-opacity: 0.05; } -.from-gray-900 { - --tw-gradient-from: #111827; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0)); +.focus\:border-opacity-10:focus { + --tw-border-opacity: 0.1; } -.from-red-50 { - --tw-gradient-from: #fef2f2; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0)); +.focus\:border-opacity-20:focus { + --tw-border-opacity: 0.2; } -.from-red-100 { - --tw-gradient-from: #fee2e2; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0)); +.focus\:border-opacity-25:focus { + --tw-border-opacity: 0.25; } -.from-red-200 { - --tw-gradient-from: #fecaca; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0)); +.focus\:border-opacity-30:focus { + --tw-border-opacity: 0.3; } -.from-red-300 { - --tw-gradient-from: #fca5a5; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0)); +.focus\:border-opacity-40:focus { + --tw-border-opacity: 0.4; } -.from-red-400 { - --tw-gradient-from: #f87171; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0)); +.focus\:border-opacity-50:focus { + --tw-border-opacity: 0.5; } -.from-red-500 { - --tw-gradient-from: #ef4444; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0)); +.focus\:border-opacity-60:focus { + --tw-border-opacity: 0.6; } -.from-red-600 { - --tw-gradient-from: #dc2626; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0)); +.focus\:border-opacity-70:focus { + --tw-border-opacity: 0.7; } -.from-red-700 { - --tw-gradient-from: #b91c1c; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0)); +.focus\:border-opacity-75:focus { + --tw-border-opacity: 0.75; } -.from-red-800 { - --tw-gradient-from: #991b1b; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0)); +.focus\:border-opacity-80:focus { + --tw-border-opacity: 0.8; } -.from-red-900 { - --tw-gradient-from: #7f1d1d; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0)); +.focus\:border-opacity-90:focus { + --tw-border-opacity: 0.9; } -.from-yellow-50 { - --tw-gradient-from: #fffbeb; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0)); +.focus\:border-opacity-95:focus { + --tw-border-opacity: 0.95; } -.from-yellow-100 { - --tw-gradient-from: #fef3c7; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0)); +.focus\:border-opacity-100:focus { + --tw-border-opacity: 1; } -.from-yellow-200 { - --tw-gradient-from: #fde68a; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0)); +.bg-colors-black { + background-color: var(--colors-black, #000000); } -.from-yellow-300 { - --tw-gradient-from: #fcd34d; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0)); +.bg-colors-white { + background-color: var(--colors-white, #ffffff); } -.from-yellow-400 { - --tw-gradient-from: #fbbf24; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0)); +.bg-colors-gray-100 { + background-color: var(--colors-gray-100, #f7fafc); } -.from-yellow-500 { - --tw-gradient-from: #f59e0b; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0)); +.bg-colors-gray-200 { + background-color: var(--colors-gray-200, #edf2f7); } -.from-yellow-600 { - --tw-gradient-from: #d97706; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0)); +.bg-colors-gray-300 { + background-color: var(--colors-gray-300, #e2e8f0); } -.from-yellow-700 { - --tw-gradient-from: #b45309; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0)); +.bg-colors-gray-400 { + background-color: var(--colors-gray-400, #cbd5e0); } -.from-yellow-800 { - --tw-gradient-from: #92400e; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0)); +.bg-colors-gray-500 { + background-color: var(--colors-gray-500, #a0aec0); } -.from-yellow-900 { - --tw-gradient-from: #78350f; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0)); +.bg-colors-gray-600 { + background-color: var(--colors-gray-600, #718096); } -.from-green-50 { - --tw-gradient-from: #ecfdf5; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0)); +.bg-colors-gray-700 { + background-color: var(--colors-gray-700, #4a5568); } -.from-green-100 { - --tw-gradient-from: #d1fae5; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0)); +.bg-colors-gray-800 { + background-color: var(--colors-gray-800, #2d3748); } -.from-green-200 { - --tw-gradient-from: #a7f3d0; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0)); +.bg-colors-gray-900 { + background-color: var(--colors-gray-900, #1a202c); } -.from-green-300 { - --tw-gradient-from: #6ee7b7; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0)); +.bg-colors-red-100 { + background-color: var(--colors-red-100, #fff5f5); } -.from-green-400 { - --tw-gradient-from: #34d399; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0)); +.bg-colors-red-200 { + background-color: var(--colors-red-200, #fed7d7); } -.from-green-500 { - --tw-gradient-from: #10b981; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0)); +.bg-colors-red-300 { + background-color: var(--colors-red-300, #feb2b2); } -.from-green-600 { - --tw-gradient-from: #059669; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0)); +.bg-colors-red-400 { + background-color: var(--colors-red-400, #fc8181); } -.from-green-700 { - --tw-gradient-from: #047857; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0)); +.bg-colors-red-500 { + background-color: var(--colors-red-500, #f56565); } -.from-green-800 { - --tw-gradient-from: #065f46; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0)); +.bg-colors-red-600 { + background-color: var(--colors-red-600, #e53e3e); } -.from-green-900 { - --tw-gradient-from: #064e3b; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0)); +.bg-colors-red-700 { + background-color: var(--colors-red-700, #c53030); } -.from-blue-50 { - --tw-gradient-from: #eff6ff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0)); +.bg-colors-red-800 { + background-color: var(--colors-red-800, #9b2c2c); } -.from-blue-100 { - --tw-gradient-from: #dbeafe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0)); +.bg-colors-red-900 { + background-color: var(--colors-red-900, #742a2a); } -.from-blue-200 { - --tw-gradient-from: #bfdbfe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0)); +.bg-colors-orange-100 { + background-color: var(--colors-orange-100, #fffaf0); } -.from-blue-300 { - --tw-gradient-from: #93c5fd; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0)); +.bg-colors-orange-200 { + background-color: var(--colors-orange-200, #feebc8); } -.from-blue-400 { - --tw-gradient-from: #60a5fa; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0)); +.bg-colors-orange-300 { + background-color: var(--colors-orange-300, #fbd38d); } -.from-blue-500 { - --tw-gradient-from: #3b82f6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0)); +.bg-colors-orange-400 { + background-color: var(--colors-orange-400, #f6ad55); } -.from-blue-600 { - --tw-gradient-from: #2563eb; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0)); +.bg-colors-orange-500 { + background-color: var(--colors-orange-500, #ed8936); } -.from-blue-700 { - --tw-gradient-from: #1d4ed8; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0)); +.bg-colors-orange-600 { + background-color: var(--colors-orange-600, #dd6b20); } -.from-blue-800 { - --tw-gradient-from: #1e40af; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0)); +.bg-colors-orange-700 { + background-color: var(--colors-orange-700, #c05621); } -.from-blue-900 { - --tw-gradient-from: #1e3a8a; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0)); +.bg-colors-orange-800 { + background-color: var(--colors-orange-800, #9c4221); } -.from-indigo-50 { - --tw-gradient-from: #eef2ff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0)); +.bg-colors-orange-900 { + background-color: var(--colors-orange-900, #7b341e); } -.from-indigo-100 { - --tw-gradient-from: #e0e7ff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0)); +.bg-colors-yellow-100 { + background-color: var(--colors-yellow-100, #fffff0); } -.from-indigo-200 { - --tw-gradient-from: #c7d2fe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0)); +.bg-colors-yellow-200 { + background-color: var(--colors-yellow-200, #fefcbf); } -.from-indigo-300 { - --tw-gradient-from: #a5b4fc; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0)); +.bg-colors-yellow-300 { + background-color: var(--colors-yellow-300, #faf089); } -.from-indigo-400 { - --tw-gradient-from: #818cf8; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0)); +.bg-colors-yellow-400 { + background-color: var(--colors-yellow-400, #f6e05e); } -.from-indigo-500 { - --tw-gradient-from: #6366f1; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0)); +.bg-colors-yellow-500 { + background-color: var(--colors-yellow-500, #ecc94b); } -.from-indigo-600 { - --tw-gradient-from: #4f46e5; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0)); +.bg-colors-yellow-600 { + background-color: var(--colors-yellow-600, #d69e2e); } -.from-indigo-700 { - --tw-gradient-from: #4338ca; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0)); +.bg-colors-yellow-700 { + background-color: var(--colors-yellow-700, #b7791f); } -.from-indigo-800 { - --tw-gradient-from: #3730a3; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0)); +.bg-colors-yellow-800 { + background-color: var(--colors-yellow-800, #975a16); } -.from-indigo-900 { - --tw-gradient-from: #312e81; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0)); +.bg-colors-yellow-900 { + background-color: var(--colors-yellow-900, #744210); } -.from-purple-50 { - --tw-gradient-from: #f5f3ff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0)); +.bg-colors-green-100 { + background-color: var(--colors-green-100, #f0fff4); } -.from-purple-100 { - --tw-gradient-from: #ede9fe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0)); +.bg-colors-green-200 { + background-color: var(--colors-green-200, #c6f6d5); } -.from-purple-200 { - --tw-gradient-from: #ddd6fe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0)); +.bg-colors-green-300 { + background-color: var(--colors-green-300, #9ae6b4); } -.from-purple-300 { - --tw-gradient-from: #c4b5fd; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0)); +.bg-colors-green-400 { + background-color: var(--colors-green-400, #68d391); } -.from-purple-400 { - --tw-gradient-from: #a78bfa; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0)); +.bg-colors-green-500 { + background-color: var(--colors-green-500, #48bb78); } -.from-purple-500 { - --tw-gradient-from: #8b5cf6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0)); +.bg-colors-green-600 { + background-color: var(--colors-green-600, #38a169); } -.from-purple-600 { - --tw-gradient-from: #7c3aed; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0)); +.bg-colors-green-700 { + background-color: var(--colors-green-700, #2f855a); } -.from-purple-700 { - --tw-gradient-from: #6d28d9; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0)); +.bg-colors-green-800 { + background-color: var(--colors-green-800, #276749); } -.from-purple-800 { - --tw-gradient-from: #5b21b6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0)); +.bg-colors-green-900 { + background-color: var(--colors-green-900, #22543d); } -.from-purple-900 { - --tw-gradient-from: #4c1d95; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0)); +.bg-colors-teal-100 { + background-color: var(--colors-teal-100, #e6fffa); } -.from-pink-50 { - --tw-gradient-from: #fdf2f8; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0)); +.bg-colors-teal-200 { + background-color: var(--colors-teal-200, #b2f5ea); } -.from-pink-100 { - --tw-gradient-from: #fce7f3; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0)); +.bg-colors-teal-300 { + background-color: var(--colors-teal-300, #81e6d9); } -.from-pink-200 { - --tw-gradient-from: #fbcfe8; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0)); +.bg-colors-teal-400 { + background-color: var(--colors-teal-400, #4fd1c5); } -.from-pink-300 { - --tw-gradient-from: #f9a8d4; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0)); +.bg-colors-teal-500 { + background-color: var(--colors-teal-500, #38b2ac); } -.from-pink-400 { - --tw-gradient-from: #f472b6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0)); +.bg-colors-teal-600 { + background-color: var(--colors-teal-600, #319795); } -.from-pink-500 { - --tw-gradient-from: #ec4899; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0)); +.bg-colors-teal-700 { + background-color: var(--colors-teal-700, #2c7a7b); } -.from-pink-600 { - --tw-gradient-from: #db2777; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0)); +.bg-colors-teal-800 { + background-color: var(--colors-teal-800, #285e61); } -.from-pink-700 { - --tw-gradient-from: #be185d; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0)); +.bg-colors-teal-900 { + background-color: var(--colors-teal-900, #234e52); } -.from-pink-800 { - --tw-gradient-from: #9d174d; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0)); +.bg-colors-blue-100 { + background-color: var(--colors-blue-100, #ebf8ff); } -.from-pink-900 { - --tw-gradient-from: #831843; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0)); +.bg-colors-blue-200 { + background-color: var(--colors-blue-200, #bee3f8); } -.hover\:from-transparent:hover { - --tw-gradient-from: transparent; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); +.bg-colors-blue-300 { + background-color: var(--colors-blue-300, #90cdf4); } -.hover\:from-current:hover { - --tw-gradient-from: currentColor; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); +.bg-colors-blue-400 { + background-color: var(--colors-blue-400, #63b3ed); } -.hover\:from-black:hover { - --tw-gradient-from: #000; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); +.bg-colors-blue-500 { + background-color: var(--colors-blue-500, #4299e1); } -.hover\:from-white:hover { - --tw-gradient-from: #fff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); +.bg-colors-blue-600 { + background-color: var(--colors-blue-600, #3182ce); } -.hover\:from-gray-50:hover { - --tw-gradient-from: #f9fafb; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0)); +.bg-colors-blue-700 { + background-color: var(--colors-blue-700, #2b6cb0); } -.hover\:from-gray-100:hover { - --tw-gradient-from: #f3f4f6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0)); +.bg-colors-blue-800 { + background-color: var(--colors-blue-800, #2c5282); } -.hover\:from-gray-200:hover { - --tw-gradient-from: #e5e7eb; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0)); +.bg-colors-blue-900 { + background-color: var(--colors-blue-900, #2a4365); } -.hover\:from-gray-300:hover { - --tw-gradient-from: #d1d5db; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0)); +.bg-colors-indigo-100 { + background-color: var(--colors-indigo-100, #ebf4ff); } -.hover\:from-gray-400:hover { - --tw-gradient-from: #9ca3af; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0)); +.bg-colors-indigo-200 { + background-color: var(--colors-indigo-200, #c3dafe); } -.hover\:from-gray-500:hover { - --tw-gradient-from: #6b7280; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0)); +.bg-colors-indigo-300 { + background-color: var(--colors-indigo-300, #a3bffa); } -.hover\:from-gray-600:hover { - --tw-gradient-from: #4b5563; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0)); +.bg-colors-indigo-400 { + background-color: var(--colors-indigo-400, #7f9cf5); } -.hover\:from-gray-700:hover { - --tw-gradient-from: #374151; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0)); +.bg-colors-indigo-500 { + background-color: var(--colors-indigo-500, #667eea); } -.hover\:from-gray-800:hover { - --tw-gradient-from: #1f2937; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0)); +.bg-colors-indigo-600 { + background-color: var(--colors-indigo-600, #5a67d8); } -.hover\:from-gray-900:hover { - --tw-gradient-from: #111827; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0)); +.bg-colors-indigo-700 { + background-color: var(--colors-indigo-700, #4c51bf); } -.hover\:from-red-50:hover { - --tw-gradient-from: #fef2f2; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0)); +.bg-colors-indigo-800 { + background-color: var(--colors-indigo-800, #434190); } -.hover\:from-red-100:hover { - --tw-gradient-from: #fee2e2; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0)); +.bg-colors-indigo-900 { + background-color: var(--colors-indigo-900, #3c366b); } -.hover\:from-red-200:hover { - --tw-gradient-from: #fecaca; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0)); +.bg-colors-purple-100 { + background-color: var(--colors-purple-100, #faf5ff); } -.hover\:from-red-300:hover { - --tw-gradient-from: #fca5a5; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0)); +.bg-colors-purple-200 { + background-color: var(--colors-purple-200, #e9d8fd); } -.hover\:from-red-400:hover { - --tw-gradient-from: #f87171; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0)); +.bg-colors-purple-300 { + background-color: var(--colors-purple-300, #d6bcfa); } -.hover\:from-red-500:hover { - --tw-gradient-from: #ef4444; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0)); +.bg-colors-purple-400 { + background-color: var(--colors-purple-400, #b794f4); } -.hover\:from-red-600:hover { - --tw-gradient-from: #dc2626; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0)); +.bg-colors-purple-500 { + background-color: var(--colors-purple-500, #9f7aea); } -.hover\:from-red-700:hover { - --tw-gradient-from: #b91c1c; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0)); +.bg-colors-purple-600 { + background-color: var(--colors-purple-600, #805ad5); } -.hover\:from-red-800:hover { - --tw-gradient-from: #991b1b; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0)); +.bg-colors-purple-700 { + background-color: var(--colors-purple-700, #6b46c1); } -.hover\:from-red-900:hover { - --tw-gradient-from: #7f1d1d; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0)); +.bg-colors-purple-800 { + background-color: var(--colors-purple-800, #553c9a); } -.hover\:from-yellow-50:hover { - --tw-gradient-from: #fffbeb; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0)); +.bg-colors-purple-900 { + background-color: var(--colors-purple-900, #44337a); } -.hover\:from-yellow-100:hover { - --tw-gradient-from: #fef3c7; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0)); +.bg-colors-pink-100 { + background-color: var(--colors-pink-100, #fff5f7); } -.hover\:from-yellow-200:hover { - --tw-gradient-from: #fde68a; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0)); +.bg-colors-pink-200 { + background-color: var(--colors-pink-200, #fed7e2); } -.hover\:from-yellow-300:hover { - --tw-gradient-from: #fcd34d; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0)); +.bg-colors-pink-300 { + background-color: var(--colors-pink-300, #fbb6ce); } -.hover\:from-yellow-400:hover { - --tw-gradient-from: #fbbf24; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0)); +.bg-colors-pink-400 { + background-color: var(--colors-pink-400, #f687b3); } -.hover\:from-yellow-500:hover { - --tw-gradient-from: #f59e0b; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0)); +.bg-colors-pink-500 { + background-color: var(--colors-pink-500, #ed64a6); } -.hover\:from-yellow-600:hover { - --tw-gradient-from: #d97706; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0)); +.bg-colors-pink-600 { + background-color: var(--colors-pink-600, #d53f8c); } -.hover\:from-yellow-700:hover { - --tw-gradient-from: #b45309; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0)); +.bg-colors-pink-700 { + background-color: var(--colors-pink-700, #b83280); } -.hover\:from-yellow-800:hover { - --tw-gradient-from: #92400e; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0)); +.bg-colors-pink-800 { + background-color: var(--colors-pink-800, #97266d); } -.hover\:from-yellow-900:hover { - --tw-gradient-from: #78350f; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0)); +.bg-colors-pink-900 { + background-color: var(--colors-pink-900, #702459); } -.hover\:from-green-50:hover { - --tw-gradient-from: #ecfdf5; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0)); +.bg-Box\ Shadow { + background-color: var(--box-shadow, #7f7e7f); } -.hover\:from-green-100:hover { - --tw-gradient-from: #d1fae5; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0)); +.bg-Error16 { + background-color: var(--error16, #f03d3e40); } -.hover\:from-green-200:hover { - --tw-gradient-from: #a7f3d0; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0)); +.bg-Success16 { + background-color: var(--success16, #5bb14d40); } -.hover\:from-green-300:hover { - --tw-gradient-from: #6ee7b7; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0)); +.bg-Notification16 { + background-color: var(--notification16, #3959ff40); } -.hover\:from-green-400:hover { - --tw-gradient-from: #34d399; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0)); +.bg-Error8 { + background-color: var(--error8, #f03d3e1a); } -.hover\:from-green-500:hover { - --tw-gradient-from: #10b981; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0)); +.bg-Notification8 { + background-color: var(--notification8, #3959ff1a); } -.hover\:from-green-600:hover { - --tw-gradient-from: #059669; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0)); +.bg-Success8 { + background-color: var(--success8, #5bb14d1a); } -.hover\:from-green-700:hover { - --tw-gradient-from: #047857; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0)); +.bg-Light\ -\ Overlay { + background-color: var(--light-overlay, #f0edee66); } -.hover\:from-green-800:hover { - --tw-gradient-from: #065f46; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0)); +.bg-Dark-\ Overlay { + background-color: var(--dark-overlay, #7f7e7f66); } -.hover\:from-green-900:hover { - --tw-gradient-from: #064e3b; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0)); +.bg-black-40 { + background-color: var(--black-40, #00000066); } -.hover\:from-blue-50:hover { - --tw-gradient-from: #eff6ff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0)); +.bg-black-75 { + background-color: var(--black-75, #000000bf); } -.hover\:from-blue-100:hover { - --tw-gradient-from: #dbeafe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0)); +.bg-black-60 { + background-color: var(--black-60, #00000099); } -.hover\:from-blue-200:hover { - --tw-gradient-from: #bfdbfe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0)); +.bg-black-50 { + background-color: var(--black-50, #00000080); } -.hover\:from-blue-300:hover { - --tw-gradient-from: #93c5fd; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0)); +.bg-black-25 { + background-color: var(--black-25, #00000040); } -.hover\:from-blue-400:hover { - --tw-gradient-from: #60a5fa; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0)); +.bg-black-10 { + background-color: var(--black-10, #0000001a); } -.hover\:from-blue-500:hover { - --tw-gradient-from: #3b82f6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0)); +.bg-white-25 { + background-color: var(--white-25, #ffffff40); } -.hover\:from-blue-600:hover { - --tw-gradient-from: #2563eb; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0)); +.bg-white-60 { + background-color: var(--white-60, #ffffff99); } -.hover\:from-blue-700:hover { - --tw-gradient-from: #1d4ed8; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0)); +.bg-black-64 { + background-color: var(--black-64, #000000a3); } -.hover\:from-blue-800:hover { - --tw-gradient-from: #1e40af; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0)); +.bg-Shadow\ and\ Highlight-Shadow { + background-color: var(--shadow-and-highlight-shadow, #7f7e7f); } -.hover\:from-blue-900:hover { - --tw-gradient-from: #1e3a8a; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0)); +.bg-Shadow\ and\ Highlight-Highlight { + background-color: var(--shadow-and-highlight-highlight, #474747); } -.hover\:from-indigo-50:hover { - --tw-gradient-from: #eef2ff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0)); +.bg-Shadow\ and\ Highlight-highlight\ one { + background-color: var(--shadow-and-highlight-highlight-one, #474747bf); } -.hover\:from-indigo-100:hover { - --tw-gradient-from: #e0e7ff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0)); +.bg-Shadow\ and\ Highlight-highlight\ two { + background-color: var(--shadow-and-highlight-highlight-two, #47474799); } -.hover\:from-indigo-200:hover { - --tw-gradient-from: #c7d2fe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0)); +.bg-Shadow\ and\ Highlight-highlight\ three { + background-color: var(--shadow-and-highlight-highlight-three, #47474766); } -.hover\:from-indigo-300:hover { - --tw-gradient-from: #a5b4fc; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0)); +.bg-Shadow\ and\ Highlight-highlight\ five { + background-color: var(--shadow-and-highlight-highlight-five, #4747471a); } -.hover\:from-indigo-400:hover { - --tw-gradient-from: #818cf8; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0)); +.bg-Shadow\ and\ Highlight-shadow\ one { + background-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } -.hover\:from-indigo-500:hover { - --tw-gradient-from: #6366f1; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0)); +.bg-Shadow\ and\ Highlight-shadow\ two { + background-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } -.hover\:from-indigo-600:hover { - --tw-gradient-from: #4f46e5; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0)); +.bg-Shadow\ and\ Highlight-shadow\ three { + background-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } -.hover\:from-indigo-700:hover { - --tw-gradient-from: #4338ca; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0)); +.bg-Shadow\ and\ Highlight-shadow\ four { + background-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } -.hover\:from-indigo-800:hover { - --tw-gradient-from: #3730a3; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0)); +.bg-Shadow\ and\ Highlight-shadow\ five { + background-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } -.hover\:from-indigo-900:hover { - --tw-gradient-from: #312e81; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0)); +.bg-Shadow\ and\ Highlight-highlight\ four { + background-color: var(--shadow-and-highlight-highlight-four, #47474740); } -.hover\:from-purple-50:hover { - --tw-gradient-from: #f5f3ff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0)); +.bg-Base\ Layer\ Styles-Base\ Layer-\ Light-White { + background-color: var(--base-layer-styles-base-layer-light-white, #ffffff); } -.hover\:from-purple-100:hover { - --tw-gradient-from: #ede9fe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0)); +.bg-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite { + background-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } -.hover\:from-purple-200:hover { - --tw-gradient-from: #ddd6fe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0)); +.bg-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack { + background-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } -.hover\:from-purple-300:hover { - --tw-gradient-from: #c4b5fd; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0)); +.bg-Base\ Layer\ Styles-Base\ Layer-Dark-Black { + background-color: var(--base-layer-styles-base-layer-dark-black, #000000); } -.hover\:from-purple-400:hover { - --tw-gradient-from: #a78bfa; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0)); +.bg-Grey-Scale-white { + background-color: var(--grey-scale-white, #ffffff); } -.hover\:from-purple-500:hover { - --tw-gradient-from: #8b5cf6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0)); +.bg-Grey-Scale-off-white { + background-color: var(--grey-scale-off-white, #f0edee); } -.hover\:from-purple-600:hover { - --tw-gradient-from: #7c3aed; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0)); +.bg-Grey\ Scale-grey { + background-color: var(--grey-scale-grey, #7f7e7f); } -.hover\:from-purple-700:hover { - --tw-gradient-from: #6d28d9; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0)); +.bg-Grey\ Scale-charcoal { + background-color: var(--grey-scale-charcoal, #474747); } -.hover\:from-purple-800:hover { - --tw-gradient-from: #5b21b6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0)); +.bg-Grey\ Scale-off-black { + background-color: var(--grey-scale-off-black, #1c1c1c); } -.hover\:from-purple-900:hover { - --tw-gradient-from: #4c1d95; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0)); +.bg-Grey\ Scale-black { + background-color: var(--grey-scale-black, #000000); } -.hover\:from-pink-50:hover { - --tw-gradient-from: #fdf2f8; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0)); +.bg-Blue-blue { + background-color: var(--blue-blue, #3a7ca5); } -.hover\:from-pink-100:hover { - --tw-gradient-from: #fce7f3; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0)); +.bg-Blue-blue-100 { + background-color: var(--blue-blue-100, #75a3c0); } -.hover\:from-pink-200:hover { - --tw-gradient-from: #fbcfe8; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0)); +.bg-Blue-blue-200 { + background-color: var(--blue-blue-200, #9cbed2); } -.hover\:from-pink-300:hover { - --tw-gradient-from: #f9a8d4; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0)); +.bg-Blue-blue-300 { + background-color: var(--blue-blue-300, #4f7d9a); } -.hover\:from-pink-400:hover { - --tw-gradient-from: #f472b6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0)); +.bg-Blue-blue-400 { + background-color: var(--blue-blue-400, #5c7d92); } -.hover\:from-pink-500:hover { - --tw-gradient-from: #ec4899; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0)); +.bg-Blue-blue-500 { + background-color: var(--blue-blue-500, #347095); } -.hover\:from-pink-600:hover { - --tw-gradient-from: #db2777; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0)); +.bg-Blue-blue-600 { + background-color: var(--blue-blue-600, #295774); } -.hover\:from-pink-700:hover { - --tw-gradient-from: #be185d; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0)); +.bg-Blue-blue-700 { + background-color: var(--blue-blue-700, #173242); } -.hover\:from-pink-800:hover { - --tw-gradient-from: #9d174d; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0)); +.bg-LightBlue-lightblue { + background-color: var(--light-blue-lightblue, #81c3d7); } -.hover\:from-pink-900:hover { - --tw-gradient-from: #831843; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0)); +.bg-LightBlue-lightblue-100 { + background-color: var(--light-blue-lightblue-100, #a7d5e3); } -.focus\:from-transparent:focus { - --tw-gradient-from: transparent; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); +.bg-LightBlue-lightblue-200 { + background-color: var(--light-blue-lightblue-200, #c0e1eb); } -.focus\:from-current:focus { - --tw-gradient-from: currentColor; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); +.bg-LightBlue-lightblue-300 { + background-color: var(--light-blue-lightblue-300, #80aebd); } -.focus\:from-black:focus { - --tw-gradient-from: #000; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); +.bg-LightBlue-lightblue-400 { + background-color: var(--light-blue-lightblue-400, #80a0ab); } -.focus\:from-white:focus { - --tw-gradient-from: #fff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); +.bg-LightBlue-lightblue-500 { + background-color: var(--light-blue-lightblue-500, #74afc1); } -.focus\:from-gray-50:focus { - --tw-gradient-from: #f9fafb; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0)); +.bg-LightBlue-lightblue-600 { + background-color: var(--light-blue-lightblue-600, #5a8997); } -.focus\:from-gray-100:focus { - --tw-gradient-from: #f3f4f6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0)); +.bg-LightBlue-lightblue-650 { + background-color: var(--light-blue-lightblue-650, #3e5e65); } -.focus\:from-gray-200:focus { - --tw-gradient-from: #e5e7eb; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0)); +.bg-LightBlue-lightblue-700 { + background-color: var(--light-blue-lightblue-700, #344e56); } -.focus\:from-gray-300:focus { - --tw-gradient-from: #d1d5db; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0)); +.bg-Orange-orange { + background-color: var(--orange-orange, #ff7f0e); } -.focus\:from-gray-400:focus { - --tw-gradient-from: #9ca3af; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0)); +.bg-Orange-orange-100 { + background-color: var(--orange-orange-100, #ffa556); } -.focus\:from-gray-500:focus { - --tw-gradient-from: #6b7280; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0)); +.bg-Orange-orange-200 { + background-color: var(--orange-orange-200, #ffbf86); } -.focus\:from-gray-600:focus { - --tw-gradient-from: #4b5563; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0)); +.bg-Orange-orange-300 { + background-color: var(--orange-orange-300, #d97f30); } -.focus\:from-gray-700:focus { - --tw-gradient-from: #374151; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0)); +.bg-Orange-orange-400 { + background-color: var(--orange-orange-400, #bf7e46); } -.focus\:from-gray-800:focus { - --tw-gradient-from: #1f2937; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0)); +.bg-Orange-orange-500 { + background-color: var(--orange-orange-500, #e5720d); } -.focus\:from-gray-900:focus { - --tw-gradient-from: #111827; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0)); +.bg-Orange-orange-600 { + background-color: var(--orange-orange-600, #b3590a); } -.focus\:from-red-50:focus { - --tw-gradient-from: #fef2f2; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0)); +.bg-Orange-orange-700 { + background-color: var(--orange-orange-700, #663306); } -.focus\:from-red-100:focus { - --tw-gradient-from: #fee2e2; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0)); +.bg-Yellow-yellow { + background-color: var(--yellow-yellow, #ffab00); } -.focus\:from-red-200:focus { - --tw-gradient-from: #fecaca; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0)); +.bg-Yellow-yellow-100 { + background-color: var(--yellow-yellow-100, #ffc44c); } -.focus\:from-red-300:focus { - --tw-gradient-from: #fca5a5; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0)); +.bg-Yellow-yellow-200 { + background-color: var(--yellow-yellow-200, #ffd580); } -.focus\:from-red-400:focus { - --tw-gradient-from: #f87171; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0)); +.bg-Yellow-yellow-300 { + background-color: var(--yellow-yellow-300, #d99d26); } -.focus\:from-red-500:focus { - --tw-gradient-from: #ef4444; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0)); +.bg-Yellow-yellow-400 { + background-color: var(--yellow-yellow-400, #bf943f); } -.focus\:from-red-600:focus { - --tw-gradient-from: #dc2626; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0)); +.bg-Yellow-yellow-500 { + background-color: var(--yellow-yellow-500, #e59a00); } -.focus\:from-red-700:focus { - --tw-gradient-from: #b91c1c; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0)); +.bg-Yellow-yellow-600 { + background-color: var(--yellow-yellow-600, #b37800); } -.focus\:from-red-800:focus { - --tw-gradient-from: #991b1b; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0)); +.bg-Yellow-yellow-700 { + background-color: var(--yellow-yellow-700, #664400); } -.focus\:from-red-900:focus { - --tw-gradient-from: #7f1d1d; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0)); +.bg-Notification-notification { + background-color: var(--notification-notification, #3959ff); } -.focus\:from-yellow-50:focus { - --tw-gradient-from: #fffbeb; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0)); +.bg-Notification-notification-100 { + background-color: var(--notification-notification-100, #748bff); } -.focus\:from-yellow-100:focus { - --tw-gradient-from: #fef3c7; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0)); +.bg-Notification-notification-200 { + background-color: var(--notification-notification-200, #9cacff); } -.focus\:from-yellow-200:focus { - --tw-gradient-from: #fde68a; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0)); +.bg-Notification-notification-300 { + background-color: var(--notification-notification-300, #4e64d9); } -.focus\:from-yellow-300:focus { - --tw-gradient-from: #fcd34d; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0)); +.bg-Notification-notification-400 { + background-color: var(--notification-notification-400, #5c6cbf); } -.focus\:from-yellow-400:focus { - --tw-gradient-from: #fbbf24; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0)); +.bg-Notification-notification-500 { + background-color: var(--notification-notification-500, #3350e5); } -.focus\:from-yellow-500:focus { - --tw-gradient-from: #f59e0b; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0)); +.bg-Notification-notification-600 { + background-color: var(--notification-notification-600, #283eb3); } -.focus\:from-yellow-600:focus { - --tw-gradient-from: #d97706; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0)); +.bg-Notification-notification-700 { + background-color: var(--notification-notification-700, #172466); } -.focus\:from-yellow-700:focus { - --tw-gradient-from: #b45309; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0)); +.bg-Success-success\ -700 { + background-color: var(--success-success-700, #24471f); } -.focus\:from-yellow-800:focus { - --tw-gradient-from: #92400e; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0)); +.bg-Success-success { + background-color: var(--success-success, #5bb14d); } -.focus\:from-yellow-900:focus { - --tw-gradient-from: #78350f; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0)); +.bg-Success-success\ -100 { + background-color: var(--success-success-100, #8cc882); } -.focus\:from-green-50:focus { - --tw-gradient-from: #ecfdf5; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0)); +.bg-Success-success\ -200 { + background-color: var(--success-success-200, #add8a6); } -.focus\:from-green-100:focus { - --tw-gradient-from: #d1fae5; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0)); +.bg-Success-success\ -300 { + background-color: var(--success-success-300, #66a25c); } -.focus\:from-green-200:focus { - --tw-gradient-from: #a7f3d0; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0)); +.bg-Success-success\ -400 { + background-color: var(--success-success-400, #6d9766); } -.focus\:from-green-300:focus { - --tw-gradient-from: #6ee7b7; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0)); +.bg-Success-success\ -500 { + background-color: var(--success-success-500, #529f45); } -.focus\:from-green-400:focus { - --tw-gradient-from: #34d399; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0)); +.bg-Success-success\ -600 { + background-color: var(--success-success-600, #407c36); } -.focus\:from-green-500:focus { - --tw-gradient-from: #10b981; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0)); +.bg-Error-error { + background-color: var(--error-error, #f03d3e); } -.focus\:from-green-600:focus { - --tw-gradient-from: #059669; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0)); +.bg-Error-error-100 { + background-color: var(--error-error-100, #f57778); } -.focus\:from-green-700:focus { - --tw-gradient-from: #047857; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0)); +.bg-Error-error-200 { + background-color: var(--error-error-200, #f89e9e); } -.focus\:from-green-800:focus { - --tw-gradient-from: #065f46; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0)); +.bg-Error-error-250 { + background-color: var(--error-error-250, #f9c8c8); } -.focus\:from-green-900:focus { - --tw-gradient-from: #064e3b; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0)); +.bg-Error-error-300 { + background-color: var(--error-error-300, #ce5151); } -.focus\:from-blue-50:focus { - --tw-gradient-from: #eff6ff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0)); +.bg-Error-error-400 { + background-color: var(--error-error-400, #b85e5e); } -.focus\:from-blue-100:focus { - --tw-gradient-from: #dbeafe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0)); +.bg-Error-error-500 { + background-color: var(--error-error-500, #d83738); } -.focus\:from-blue-200:focus { - --tw-gradient-from: #bfdbfe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0)); +.bg-Error-error-600 { + background-color: var(--error-error-600, #a82b2b); } -.focus\:from-blue-300:focus { - --tw-gradient-from: #93c5fd; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0)); +.bg-Error-error-700 { + background-color: var(--error-error-700, #601819); } -.focus\:from-blue-400:focus { - --tw-gradient-from: #60a5fa; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0)); +.group:hover .group-hover\:bg-colors-black { + background-color: var(--colors-black, #000000); } -.focus\:from-blue-500:focus { - --tw-gradient-from: #3b82f6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0)); +.group:hover .group-hover\:bg-colors-white { + background-color: var(--colors-white, #ffffff); } -.focus\:from-blue-600:focus { - --tw-gradient-from: #2563eb; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0)); +.group:hover .group-hover\:bg-colors-gray-100 { + background-color: var(--colors-gray-100, #f7fafc); } -.focus\:from-blue-700:focus { - --tw-gradient-from: #1d4ed8; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0)); +.group:hover .group-hover\:bg-colors-gray-200 { + background-color: var(--colors-gray-200, #edf2f7); } -.focus\:from-blue-800:focus { - --tw-gradient-from: #1e40af; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0)); +.group:hover .group-hover\:bg-colors-gray-300 { + background-color: var(--colors-gray-300, #e2e8f0); } -.focus\:from-blue-900:focus { - --tw-gradient-from: #1e3a8a; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0)); +.group:hover .group-hover\:bg-colors-gray-400 { + background-color: var(--colors-gray-400, #cbd5e0); } -.focus\:from-indigo-50:focus { - --tw-gradient-from: #eef2ff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0)); +.group:hover .group-hover\:bg-colors-gray-500 { + background-color: var(--colors-gray-500, #a0aec0); } -.focus\:from-indigo-100:focus { - --tw-gradient-from: #e0e7ff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0)); +.group:hover .group-hover\:bg-colors-gray-600 { + background-color: var(--colors-gray-600, #718096); } -.focus\:from-indigo-200:focus { - --tw-gradient-from: #c7d2fe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0)); +.group:hover .group-hover\:bg-colors-gray-700 { + background-color: var(--colors-gray-700, #4a5568); } -.focus\:from-indigo-300:focus { - --tw-gradient-from: #a5b4fc; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0)); +.group:hover .group-hover\:bg-colors-gray-800 { + background-color: var(--colors-gray-800, #2d3748); } -.focus\:from-indigo-400:focus { - --tw-gradient-from: #818cf8; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0)); +.group:hover .group-hover\:bg-colors-gray-900 { + background-color: var(--colors-gray-900, #1a202c); } -.focus\:from-indigo-500:focus { - --tw-gradient-from: #6366f1; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0)); +.group:hover .group-hover\:bg-colors-red-100 { + background-color: var(--colors-red-100, #fff5f5); } -.focus\:from-indigo-600:focus { - --tw-gradient-from: #4f46e5; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0)); +.group:hover .group-hover\:bg-colors-red-200 { + background-color: var(--colors-red-200, #fed7d7); } -.focus\:from-indigo-700:focus { - --tw-gradient-from: #4338ca; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0)); +.group:hover .group-hover\:bg-colors-red-300 { + background-color: var(--colors-red-300, #feb2b2); } -.focus\:from-indigo-800:focus { - --tw-gradient-from: #3730a3; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0)); +.group:hover .group-hover\:bg-colors-red-400 { + background-color: var(--colors-red-400, #fc8181); } -.focus\:from-indigo-900:focus { - --tw-gradient-from: #312e81; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0)); +.group:hover .group-hover\:bg-colors-red-500 { + background-color: var(--colors-red-500, #f56565); } -.focus\:from-purple-50:focus { - --tw-gradient-from: #f5f3ff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0)); +.group:hover .group-hover\:bg-colors-red-600 { + background-color: var(--colors-red-600, #e53e3e); } -.focus\:from-purple-100:focus { - --tw-gradient-from: #ede9fe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0)); +.group:hover .group-hover\:bg-colors-red-700 { + background-color: var(--colors-red-700, #c53030); } -.focus\:from-purple-200:focus { - --tw-gradient-from: #ddd6fe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0)); +.group:hover .group-hover\:bg-colors-red-800 { + background-color: var(--colors-red-800, #9b2c2c); } -.focus\:from-purple-300:focus { - --tw-gradient-from: #c4b5fd; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0)); +.group:hover .group-hover\:bg-colors-red-900 { + background-color: var(--colors-red-900, #742a2a); } -.focus\:from-purple-400:focus { - --tw-gradient-from: #a78bfa; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0)); +.group:hover .group-hover\:bg-colors-orange-100 { + background-color: var(--colors-orange-100, #fffaf0); } -.focus\:from-purple-500:focus { - --tw-gradient-from: #8b5cf6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0)); +.group:hover .group-hover\:bg-colors-orange-200 { + background-color: var(--colors-orange-200, #feebc8); } -.focus\:from-purple-600:focus { - --tw-gradient-from: #7c3aed; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0)); +.group:hover .group-hover\:bg-colors-orange-300 { + background-color: var(--colors-orange-300, #fbd38d); } -.focus\:from-purple-700:focus { - --tw-gradient-from: #6d28d9; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0)); +.group:hover .group-hover\:bg-colors-orange-400 { + background-color: var(--colors-orange-400, #f6ad55); } -.focus\:from-purple-800:focus { - --tw-gradient-from: #5b21b6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0)); +.group:hover .group-hover\:bg-colors-orange-500 { + background-color: var(--colors-orange-500, #ed8936); } -.focus\:from-purple-900:focus { - --tw-gradient-from: #4c1d95; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0)); +.group:hover .group-hover\:bg-colors-orange-600 { + background-color: var(--colors-orange-600, #dd6b20); } -.focus\:from-pink-50:focus { - --tw-gradient-from: #fdf2f8; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0)); +.group:hover .group-hover\:bg-colors-orange-700 { + background-color: var(--colors-orange-700, #c05621); } -.focus\:from-pink-100:focus { - --tw-gradient-from: #fce7f3; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0)); +.group:hover .group-hover\:bg-colors-orange-800 { + background-color: var(--colors-orange-800, #9c4221); } -.focus\:from-pink-200:focus { - --tw-gradient-from: #fbcfe8; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0)); +.group:hover .group-hover\:bg-colors-orange-900 { + background-color: var(--colors-orange-900, #7b341e); } -.focus\:from-pink-300:focus { - --tw-gradient-from: #f9a8d4; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0)); +.group:hover .group-hover\:bg-colors-yellow-100 { + background-color: var(--colors-yellow-100, #fffff0); } -.focus\:from-pink-400:focus { - --tw-gradient-from: #f472b6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0)); +.group:hover .group-hover\:bg-colors-yellow-200 { + background-color: var(--colors-yellow-200, #fefcbf); } -.focus\:from-pink-500:focus { - --tw-gradient-from: #ec4899; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0)); +.group:hover .group-hover\:bg-colors-yellow-300 { + background-color: var(--colors-yellow-300, #faf089); } -.focus\:from-pink-600:focus { - --tw-gradient-from: #db2777; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0)); +.group:hover .group-hover\:bg-colors-yellow-400 { + background-color: var(--colors-yellow-400, #f6e05e); } -.focus\:from-pink-700:focus { - --tw-gradient-from: #be185d; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0)); +.group:hover .group-hover\:bg-colors-yellow-500 { + background-color: var(--colors-yellow-500, #ecc94b); } -.focus\:from-pink-800:focus { - --tw-gradient-from: #9d174d; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0)); +.group:hover .group-hover\:bg-colors-yellow-600 { + background-color: var(--colors-yellow-600, #d69e2e); } -.focus\:from-pink-900:focus { - --tw-gradient-from: #831843; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0)); +.group:hover .group-hover\:bg-colors-yellow-700 { + background-color: var(--colors-yellow-700, #b7791f); } -.via-transparent { - --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0)); +.group:hover .group-hover\:bg-colors-yellow-800 { + background-color: var(--colors-yellow-800, #975a16); } -.via-current { - --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0)); +.group:hover .group-hover\:bg-colors-yellow-900 { + background-color: var(--colors-yellow-900, #744210); } -.via-black { - --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0)); +.group:hover .group-hover\:bg-colors-green-100 { + background-color: var(--colors-green-100, #f0fff4); } -.via-white { - --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0)); +.group:hover .group-hover\:bg-colors-green-200 { + background-color: var(--colors-green-200, #c6f6d5); } -.via-gray-50 { - --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0)); +.group:hover .group-hover\:bg-colors-green-300 { + background-color: var(--colors-green-300, #9ae6b4); } -.via-gray-100 { - --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0)); +.group:hover .group-hover\:bg-colors-green-400 { + background-color: var(--colors-green-400, #68d391); } -.via-gray-200 { - --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0)); +.group:hover .group-hover\:bg-colors-green-500 { + background-color: var(--colors-green-500, #48bb78); } -.via-gray-300 { - --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0)); +.group:hover .group-hover\:bg-colors-green-600 { + background-color: var(--colors-green-600, #38a169); } -.via-gray-400 { - --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0)); +.group:hover .group-hover\:bg-colors-green-700 { + background-color: var(--colors-green-700, #2f855a); } -.via-gray-500 { - --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0)); +.group:hover .group-hover\:bg-colors-green-800 { + background-color: var(--colors-green-800, #276749); } -.via-gray-600 { - --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0)); +.group:hover .group-hover\:bg-colors-green-900 { + background-color: var(--colors-green-900, #22543d); } -.via-gray-700 { - --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0)); +.group:hover .group-hover\:bg-colors-teal-100 { + background-color: var(--colors-teal-100, #e6fffa); } -.via-gray-800 { - --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0)); +.group:hover .group-hover\:bg-colors-teal-200 { + background-color: var(--colors-teal-200, #b2f5ea); } -.via-gray-900 { - --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0)); +.group:hover .group-hover\:bg-colors-teal-300 { + background-color: var(--colors-teal-300, #81e6d9); } -.via-red-50 { - --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0)); +.group:hover .group-hover\:bg-colors-teal-400 { + background-color: var(--colors-teal-400, #4fd1c5); } -.via-red-100 { - --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0)); +.group:hover .group-hover\:bg-colors-teal-500 { + background-color: var(--colors-teal-500, #38b2ac); } -.via-red-200 { - --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0)); +.group:hover .group-hover\:bg-colors-teal-600 { + background-color: var(--colors-teal-600, #319795); } -.via-red-300 { - --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0)); +.group:hover .group-hover\:bg-colors-teal-700 { + background-color: var(--colors-teal-700, #2c7a7b); } -.via-red-400 { - --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0)); +.group:hover .group-hover\:bg-colors-teal-800 { + background-color: var(--colors-teal-800, #285e61); } -.via-red-500 { - --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0)); +.group:hover .group-hover\:bg-colors-teal-900 { + background-color: var(--colors-teal-900, #234e52); } -.via-red-600 { - --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0)); +.group:hover .group-hover\:bg-colors-blue-100 { + background-color: var(--colors-blue-100, #ebf8ff); } -.via-red-700 { - --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0)); +.group:hover .group-hover\:bg-colors-blue-200 { + background-color: var(--colors-blue-200, #bee3f8); } -.via-red-800 { - --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0)); +.group:hover .group-hover\:bg-colors-blue-300 { + background-color: var(--colors-blue-300, #90cdf4); } -.via-red-900 { - --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0)); +.group:hover .group-hover\:bg-colors-blue-400 { + background-color: var(--colors-blue-400, #63b3ed); } -.via-yellow-50 { - --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0)); +.group:hover .group-hover\:bg-colors-blue-500 { + background-color: var(--colors-blue-500, #4299e1); } -.via-yellow-100 { - --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0)); +.group:hover .group-hover\:bg-colors-blue-600 { + background-color: var(--colors-blue-600, #3182ce); } -.via-yellow-200 { - --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0)); +.group:hover .group-hover\:bg-colors-blue-700 { + background-color: var(--colors-blue-700, #2b6cb0); } -.via-yellow-300 { - --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0)); +.group:hover .group-hover\:bg-colors-blue-800 { + background-color: var(--colors-blue-800, #2c5282); } -.via-yellow-400 { - --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0)); +.group:hover .group-hover\:bg-colors-blue-900 { + background-color: var(--colors-blue-900, #2a4365); } -.via-yellow-500 { - --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0)); +.group:hover .group-hover\:bg-colors-indigo-100 { + background-color: var(--colors-indigo-100, #ebf4ff); } -.via-yellow-600 { - --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0)); +.group:hover .group-hover\:bg-colors-indigo-200 { + background-color: var(--colors-indigo-200, #c3dafe); } -.via-yellow-700 { - --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0)); +.group:hover .group-hover\:bg-colors-indigo-300 { + background-color: var(--colors-indigo-300, #a3bffa); } -.via-yellow-800 { - --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0)); +.group:hover .group-hover\:bg-colors-indigo-400 { + background-color: var(--colors-indigo-400, #7f9cf5); } -.via-yellow-900 { - --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0)); +.group:hover .group-hover\:bg-colors-indigo-500 { + background-color: var(--colors-indigo-500, #667eea); } -.via-green-50 { - --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0)); +.group:hover .group-hover\:bg-colors-indigo-600 { + background-color: var(--colors-indigo-600, #5a67d8); } -.via-green-100 { - --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0)); +.group:hover .group-hover\:bg-colors-indigo-700 { + background-color: var(--colors-indigo-700, #4c51bf); } -.via-green-200 { - --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0)); +.group:hover .group-hover\:bg-colors-indigo-800 { + background-color: var(--colors-indigo-800, #434190); } -.via-green-300 { - --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0)); +.group:hover .group-hover\:bg-colors-indigo-900 { + background-color: var(--colors-indigo-900, #3c366b); } -.via-green-400 { - --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0)); +.group:hover .group-hover\:bg-colors-purple-100 { + background-color: var(--colors-purple-100, #faf5ff); } -.via-green-500 { - --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0)); +.group:hover .group-hover\:bg-colors-purple-200 { + background-color: var(--colors-purple-200, #e9d8fd); } -.via-green-600 { - --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0)); +.group:hover .group-hover\:bg-colors-purple-300 { + background-color: var(--colors-purple-300, #d6bcfa); } -.via-green-700 { - --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0)); +.group:hover .group-hover\:bg-colors-purple-400 { + background-color: var(--colors-purple-400, #b794f4); } -.via-green-800 { - --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0)); +.group:hover .group-hover\:bg-colors-purple-500 { + background-color: var(--colors-purple-500, #9f7aea); } -.via-green-900 { - --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0)); +.group:hover .group-hover\:bg-colors-purple-600 { + background-color: var(--colors-purple-600, #805ad5); } -.via-blue-50 { - --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0)); +.group:hover .group-hover\:bg-colors-purple-700 { + background-color: var(--colors-purple-700, #6b46c1); } -.via-blue-100 { - --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0)); +.group:hover .group-hover\:bg-colors-purple-800 { + background-color: var(--colors-purple-800, #553c9a); } -.via-blue-200 { - --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0)); +.group:hover .group-hover\:bg-colors-purple-900 { + background-color: var(--colors-purple-900, #44337a); } -.via-blue-300 { - --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0)); +.group:hover .group-hover\:bg-colors-pink-100 { + background-color: var(--colors-pink-100, #fff5f7); } -.via-blue-400 { - --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0)); +.group:hover .group-hover\:bg-colors-pink-200 { + background-color: var(--colors-pink-200, #fed7e2); } -.via-blue-500 { - --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0)); +.group:hover .group-hover\:bg-colors-pink-300 { + background-color: var(--colors-pink-300, #fbb6ce); } -.via-blue-600 { - --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0)); +.group:hover .group-hover\:bg-colors-pink-400 { + background-color: var(--colors-pink-400, #f687b3); } -.via-blue-700 { - --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0)); +.group:hover .group-hover\:bg-colors-pink-500 { + background-color: var(--colors-pink-500, #ed64a6); } -.via-blue-800 { - --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0)); +.group:hover .group-hover\:bg-colors-pink-600 { + background-color: var(--colors-pink-600, #d53f8c); } -.via-blue-900 { - --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0)); +.group:hover .group-hover\:bg-colors-pink-700 { + background-color: var(--colors-pink-700, #b83280); } -.via-indigo-50 { - --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0)); +.group:hover .group-hover\:bg-colors-pink-800 { + background-color: var(--colors-pink-800, #97266d); } -.via-indigo-100 { - --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0)); +.group:hover .group-hover\:bg-colors-pink-900 { + background-color: var(--colors-pink-900, #702459); } -.via-indigo-200 { - --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0)); +.group:hover .group-hover\:bg-Box\ Shadow { + background-color: var(--box-shadow, #7f7e7f); } -.via-indigo-300 { - --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0)); +.group:hover .group-hover\:bg-Error16 { + background-color: var(--error16, #f03d3e40); } -.via-indigo-400 { - --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0)); +.group:hover .group-hover\:bg-Success16 { + background-color: var(--success16, #5bb14d40); } -.via-indigo-500 { - --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0)); +.group:hover .group-hover\:bg-Notification16 { + background-color: var(--notification16, #3959ff40); } -.via-indigo-600 { - --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0)); +.group:hover .group-hover\:bg-Error8 { + background-color: var(--error8, #f03d3e1a); } -.via-indigo-700 { - --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0)); +.group:hover .group-hover\:bg-Notification8 { + background-color: var(--notification8, #3959ff1a); } -.via-indigo-800 { - --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0)); +.group:hover .group-hover\:bg-Success8 { + background-color: var(--success8, #5bb14d1a); } -.via-indigo-900 { - --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0)); +.group:hover .group-hover\:bg-Light\ -\ Overlay { + background-color: var(--light-overlay, #f0edee66); } -.via-purple-50 { - --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0)); +.group:hover .group-hover\:bg-Dark-\ Overlay { + background-color: var(--dark-overlay, #7f7e7f66); } -.via-purple-100 { - --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0)); +.group:hover .group-hover\:bg-black-40 { + background-color: var(--black-40, #00000066); } -.via-purple-200 { - --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0)); +.group:hover .group-hover\:bg-black-75 { + background-color: var(--black-75, #000000bf); } -.via-purple-300 { - --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0)); +.group:hover .group-hover\:bg-black-60 { + background-color: var(--black-60, #00000099); } -.via-purple-400 { - --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0)); +.group:hover .group-hover\:bg-black-50 { + background-color: var(--black-50, #00000080); } -.via-purple-500 { - --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0)); +.group:hover .group-hover\:bg-black-25 { + background-color: var(--black-25, #00000040); } -.via-purple-600 { - --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0)); +.group:hover .group-hover\:bg-black-10 { + background-color: var(--black-10, #0000001a); } -.via-purple-700 { - --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0)); +.group:hover .group-hover\:bg-white-25 { + background-color: var(--white-25, #ffffff40); } -.via-purple-800 { - --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0)); +.group:hover .group-hover\:bg-white-60 { + background-color: var(--white-60, #ffffff99); } -.via-purple-900 { - --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0)); +.group:hover .group-hover\:bg-black-64 { + background-color: var(--black-64, #000000a3); } -.via-pink-50 { - --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0)); +.group:hover .group-hover\:bg-Shadow\ and\ Highlight-Shadow { + background-color: var(--shadow-and-highlight-shadow, #7f7e7f); } -.via-pink-100 { - --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0)); +.group:hover .group-hover\:bg-Shadow\ and\ Highlight-Highlight { + background-color: var(--shadow-and-highlight-highlight, #474747); } -.via-pink-200 { - --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0)); +.group:hover .group-hover\:bg-Shadow\ and\ Highlight-highlight\ one { + background-color: var(--shadow-and-highlight-highlight-one, #474747bf); } -.via-pink-300 { - --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0)); +.group:hover .group-hover\:bg-Shadow\ and\ Highlight-highlight\ two { + background-color: var(--shadow-and-highlight-highlight-two, #47474799); } -.via-pink-400 { - --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0)); +.group:hover .group-hover\:bg-Shadow\ and\ Highlight-highlight\ three { + background-color: var(--shadow-and-highlight-highlight-three, #47474766); } -.via-pink-500 { - --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0)); +.group:hover .group-hover\:bg-Shadow\ and\ Highlight-highlight\ five { + background-color: var(--shadow-and-highlight-highlight-five, #4747471a); } -.via-pink-600 { - --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0)); +.group:hover .group-hover\:bg-Shadow\ and\ Highlight-shadow\ one { + background-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } -.via-pink-700 { - --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0)); +.group:hover .group-hover\:bg-Shadow\ and\ Highlight-shadow\ two { + background-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } -.via-pink-800 { - --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0)); +.group:hover .group-hover\:bg-Shadow\ and\ Highlight-shadow\ three { + background-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } -.via-pink-900 { - --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0)); +.group:hover .group-hover\:bg-Shadow\ and\ Highlight-shadow\ four { + background-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } -.hover\:via-transparent:hover { - --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0)); +.group:hover .group-hover\:bg-Shadow\ and\ Highlight-shadow\ five { + background-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } -.hover\:via-current:hover { - --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0)); +.group:hover .group-hover\:bg-Shadow\ and\ Highlight-highlight\ four { + background-color: var(--shadow-and-highlight-highlight-four, #47474740); } -.hover\:via-black:hover { - --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0)); +.group:hover .group-hover\:bg-Base\ Layer\ Styles-Base\ Layer-\ Light-White { + background-color: var(--base-layer-styles-base-layer-light-white, #ffffff); } -.hover\:via-white:hover { - --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0)); +.group:hover .group-hover\:bg-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite { + background-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } -.hover\:via-gray-50:hover { - --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0)); +.group:hover .group-hover\:bg-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack { + background-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } -.hover\:via-gray-100:hover { - --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0)); +.group:hover .group-hover\:bg-Base\ Layer\ Styles-Base\ Layer-Dark-Black { + background-color: var(--base-layer-styles-base-layer-dark-black, #000000); } -.hover\:via-gray-200:hover { - --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0)); +.group:hover .group-hover\:bg-Grey-Scale-white { + background-color: var(--grey-scale-white, #ffffff); } -.hover\:via-gray-300:hover { - --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0)); +.group:hover .group-hover\:bg-Grey-Scale-off-white { + background-color: var(--grey-scale-off-white, #f0edee); } -.hover\:via-gray-400:hover { - --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0)); +.group:hover .group-hover\:bg-Grey\ Scale-grey { + background-color: var(--grey-scale-grey, #7f7e7f); } -.hover\:via-gray-500:hover { - --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0)); +.group:hover .group-hover\:bg-Grey\ Scale-charcoal { + background-color: var(--grey-scale-charcoal, #474747); } -.hover\:via-gray-600:hover { - --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0)); +.group:hover .group-hover\:bg-Grey\ Scale-off-black { + background-color: var(--grey-scale-off-black, #1c1c1c); } -.hover\:via-gray-700:hover { - --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0)); +.group:hover .group-hover\:bg-Grey\ Scale-black { + background-color: var(--grey-scale-black, #000000); } -.hover\:via-gray-800:hover { - --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0)); +.group:hover .group-hover\:bg-Blue-blue { + background-color: var(--blue-blue, #3a7ca5); } -.hover\:via-gray-900:hover { - --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0)); +.group:hover .group-hover\:bg-Blue-blue-100 { + background-color: var(--blue-blue-100, #75a3c0); } -.hover\:via-red-50:hover { - --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0)); +.group:hover .group-hover\:bg-Blue-blue-200 { + background-color: var(--blue-blue-200, #9cbed2); } -.hover\:via-red-100:hover { - --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0)); +.group:hover .group-hover\:bg-Blue-blue-300 { + background-color: var(--blue-blue-300, #4f7d9a); } -.hover\:via-red-200:hover { - --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0)); +.group:hover .group-hover\:bg-Blue-blue-400 { + background-color: var(--blue-blue-400, #5c7d92); } -.hover\:via-red-300:hover { - --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0)); +.group:hover .group-hover\:bg-Blue-blue-500 { + background-color: var(--blue-blue-500, #347095); } -.hover\:via-red-400:hover { - --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0)); +.group:hover .group-hover\:bg-Blue-blue-600 { + background-color: var(--blue-blue-600, #295774); } -.hover\:via-red-500:hover { - --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0)); +.group:hover .group-hover\:bg-Blue-blue-700 { + background-color: var(--blue-blue-700, #173242); } -.hover\:via-red-600:hover { - --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0)); +.group:hover .group-hover\:bg-LightBlue-lightblue { + background-color: var(--light-blue-lightblue, #81c3d7); } -.hover\:via-red-700:hover { - --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0)); +.group:hover .group-hover\:bg-LightBlue-lightblue-100 { + background-color: var(--light-blue-lightblue-100, #a7d5e3); } -.hover\:via-red-800:hover { - --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0)); +.group:hover .group-hover\:bg-LightBlue-lightblue-200 { + background-color: var(--light-blue-lightblue-200, #c0e1eb); } -.hover\:via-red-900:hover { - --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0)); +.group:hover .group-hover\:bg-LightBlue-lightblue-300 { + background-color: var(--light-blue-lightblue-300, #80aebd); } -.hover\:via-yellow-50:hover { - --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0)); +.group:hover .group-hover\:bg-LightBlue-lightblue-400 { + background-color: var(--light-blue-lightblue-400, #80a0ab); } -.hover\:via-yellow-100:hover { - --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0)); +.group:hover .group-hover\:bg-LightBlue-lightblue-500 { + background-color: var(--light-blue-lightblue-500, #74afc1); } -.hover\:via-yellow-200:hover { - --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0)); +.group:hover .group-hover\:bg-LightBlue-lightblue-600 { + background-color: var(--light-blue-lightblue-600, #5a8997); } -.hover\:via-yellow-300:hover { - --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0)); +.group:hover .group-hover\:bg-LightBlue-lightblue-650 { + background-color: var(--light-blue-lightblue-650, #3e5e65); } -.hover\:via-yellow-400:hover { - --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0)); +.group:hover .group-hover\:bg-LightBlue-lightblue-700 { + background-color: var(--light-blue-lightblue-700, #344e56); } -.hover\:via-yellow-500:hover { - --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0)); +.group:hover .group-hover\:bg-Orange-orange { + background-color: var(--orange-orange, #ff7f0e); } -.hover\:via-yellow-600:hover { - --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0)); +.group:hover .group-hover\:bg-Orange-orange-100 { + background-color: var(--orange-orange-100, #ffa556); } -.hover\:via-yellow-700:hover { - --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0)); +.group:hover .group-hover\:bg-Orange-orange-200 { + background-color: var(--orange-orange-200, #ffbf86); } -.hover\:via-yellow-800:hover { - --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0)); +.group:hover .group-hover\:bg-Orange-orange-300 { + background-color: var(--orange-orange-300, #d97f30); } -.hover\:via-yellow-900:hover { - --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0)); +.group:hover .group-hover\:bg-Orange-orange-400 { + background-color: var(--orange-orange-400, #bf7e46); } -.hover\:via-green-50:hover { - --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0)); +.group:hover .group-hover\:bg-Orange-orange-500 { + background-color: var(--orange-orange-500, #e5720d); } -.hover\:via-green-100:hover { - --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0)); +.group:hover .group-hover\:bg-Orange-orange-600 { + background-color: var(--orange-orange-600, #b3590a); } -.hover\:via-green-200:hover { - --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0)); +.group:hover .group-hover\:bg-Orange-orange-700 { + background-color: var(--orange-orange-700, #663306); } -.hover\:via-green-300:hover { - --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0)); +.group:hover .group-hover\:bg-Yellow-yellow { + background-color: var(--yellow-yellow, #ffab00); } -.hover\:via-green-400:hover { - --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0)); +.group:hover .group-hover\:bg-Yellow-yellow-100 { + background-color: var(--yellow-yellow-100, #ffc44c); } -.hover\:via-green-500:hover { - --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0)); +.group:hover .group-hover\:bg-Yellow-yellow-200 { + background-color: var(--yellow-yellow-200, #ffd580); } -.hover\:via-green-600:hover { - --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0)); +.group:hover .group-hover\:bg-Yellow-yellow-300 { + background-color: var(--yellow-yellow-300, #d99d26); } -.hover\:via-green-700:hover { - --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0)); +.group:hover .group-hover\:bg-Yellow-yellow-400 { + background-color: var(--yellow-yellow-400, #bf943f); } -.hover\:via-green-800:hover { - --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0)); +.group:hover .group-hover\:bg-Yellow-yellow-500 { + background-color: var(--yellow-yellow-500, #e59a00); } -.hover\:via-green-900:hover { - --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0)); +.group:hover .group-hover\:bg-Yellow-yellow-600 { + background-color: var(--yellow-yellow-600, #b37800); } -.hover\:via-blue-50:hover { - --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0)); +.group:hover .group-hover\:bg-Yellow-yellow-700 { + background-color: var(--yellow-yellow-700, #664400); } -.hover\:via-blue-100:hover { - --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0)); +.group:hover .group-hover\:bg-Notification-notification { + background-color: var(--notification-notification, #3959ff); } -.hover\:via-blue-200:hover { - --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0)); +.group:hover .group-hover\:bg-Notification-notification-100 { + background-color: var(--notification-notification-100, #748bff); } -.hover\:via-blue-300:hover { - --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0)); +.group:hover .group-hover\:bg-Notification-notification-200 { + background-color: var(--notification-notification-200, #9cacff); } -.hover\:via-blue-400:hover { - --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0)); +.group:hover .group-hover\:bg-Notification-notification-300 { + background-color: var(--notification-notification-300, #4e64d9); } -.hover\:via-blue-500:hover { - --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0)); +.group:hover .group-hover\:bg-Notification-notification-400 { + background-color: var(--notification-notification-400, #5c6cbf); } -.hover\:via-blue-600:hover { - --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0)); +.group:hover .group-hover\:bg-Notification-notification-500 { + background-color: var(--notification-notification-500, #3350e5); } -.hover\:via-blue-700:hover { - --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0)); +.group:hover .group-hover\:bg-Notification-notification-600 { + background-color: var(--notification-notification-600, #283eb3); } -.hover\:via-blue-800:hover { - --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0)); +.group:hover .group-hover\:bg-Notification-notification-700 { + background-color: var(--notification-notification-700, #172466); } -.hover\:via-blue-900:hover { - --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0)); +.group:hover .group-hover\:bg-Success-success\ -700 { + background-color: var(--success-success-700, #24471f); } -.hover\:via-indigo-50:hover { - --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0)); +.group:hover .group-hover\:bg-Success-success { + background-color: var(--success-success, #5bb14d); } -.hover\:via-indigo-100:hover { - --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0)); +.group:hover .group-hover\:bg-Success-success\ -100 { + background-color: var(--success-success-100, #8cc882); } -.hover\:via-indigo-200:hover { - --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0)); +.group:hover .group-hover\:bg-Success-success\ -200 { + background-color: var(--success-success-200, #add8a6); } -.hover\:via-indigo-300:hover { - --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0)); +.group:hover .group-hover\:bg-Success-success\ -300 { + background-color: var(--success-success-300, #66a25c); } -.hover\:via-indigo-400:hover { - --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0)); +.group:hover .group-hover\:bg-Success-success\ -400 { + background-color: var(--success-success-400, #6d9766); } -.hover\:via-indigo-500:hover { - --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0)); +.group:hover .group-hover\:bg-Success-success\ -500 { + background-color: var(--success-success-500, #529f45); } -.hover\:via-indigo-600:hover { - --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0)); +.group:hover .group-hover\:bg-Success-success\ -600 { + background-color: var(--success-success-600, #407c36); } -.hover\:via-indigo-700:hover { - --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0)); +.group:hover .group-hover\:bg-Error-error { + background-color: var(--error-error, #f03d3e); } -.hover\:via-indigo-800:hover { - --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0)); +.group:hover .group-hover\:bg-Error-error-100 { + background-color: var(--error-error-100, #f57778); } -.hover\:via-indigo-900:hover { - --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0)); +.group:hover .group-hover\:bg-Error-error-200 { + background-color: var(--error-error-200, #f89e9e); } -.hover\:via-purple-50:hover { - --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0)); +.group:hover .group-hover\:bg-Error-error-250 { + background-color: var(--error-error-250, #f9c8c8); } -.hover\:via-purple-100:hover { - --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0)); +.group:hover .group-hover\:bg-Error-error-300 { + background-color: var(--error-error-300, #ce5151); } -.hover\:via-purple-200:hover { - --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0)); +.group:hover .group-hover\:bg-Error-error-400 { + background-color: var(--error-error-400, #b85e5e); } -.hover\:via-purple-300:hover { - --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0)); +.group:hover .group-hover\:bg-Error-error-500 { + background-color: var(--error-error-500, #d83738); } -.hover\:via-purple-400:hover { - --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0)); +.group:hover .group-hover\:bg-Error-error-600 { + background-color: var(--error-error-600, #a82b2b); } -.hover\:via-purple-500:hover { - --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0)); +.group:hover .group-hover\:bg-Error-error-700 { + background-color: var(--error-error-700, #601819); } -.hover\:via-purple-600:hover { - --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0)); +.focus-within\:bg-colors-black:focus-within { + background-color: var(--colors-black, #000000); } -.hover\:via-purple-700:hover { - --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0)); +.focus-within\:bg-colors-white:focus-within { + background-color: var(--colors-white, #ffffff); } -.hover\:via-purple-800:hover { - --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0)); +.focus-within\:bg-colors-gray-100:focus-within { + background-color: var(--colors-gray-100, #f7fafc); } -.hover\:via-purple-900:hover { - --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0)); +.focus-within\:bg-colors-gray-200:focus-within { + background-color: var(--colors-gray-200, #edf2f7); } -.hover\:via-pink-50:hover { - --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0)); +.focus-within\:bg-colors-gray-300:focus-within { + background-color: var(--colors-gray-300, #e2e8f0); } -.hover\:via-pink-100:hover { - --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0)); +.focus-within\:bg-colors-gray-400:focus-within { + background-color: var(--colors-gray-400, #cbd5e0); } -.hover\:via-pink-200:hover { - --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0)); +.focus-within\:bg-colors-gray-500:focus-within { + background-color: var(--colors-gray-500, #a0aec0); } -.hover\:via-pink-300:hover { - --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0)); +.focus-within\:bg-colors-gray-600:focus-within { + background-color: var(--colors-gray-600, #718096); } -.hover\:via-pink-400:hover { - --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0)); +.focus-within\:bg-colors-gray-700:focus-within { + background-color: var(--colors-gray-700, #4a5568); } -.hover\:via-pink-500:hover { - --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0)); +.focus-within\:bg-colors-gray-800:focus-within { + background-color: var(--colors-gray-800, #2d3748); } -.hover\:via-pink-600:hover { - --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0)); +.focus-within\:bg-colors-gray-900:focus-within { + background-color: var(--colors-gray-900, #1a202c); } -.hover\:via-pink-700:hover { - --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0)); +.focus-within\:bg-colors-red-100:focus-within { + background-color: var(--colors-red-100, #fff5f5); } -.hover\:via-pink-800:hover { - --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0)); +.focus-within\:bg-colors-red-200:focus-within { + background-color: var(--colors-red-200, #fed7d7); } -.hover\:via-pink-900:hover { - --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0)); +.focus-within\:bg-colors-red-300:focus-within { + background-color: var(--colors-red-300, #feb2b2); } -.focus\:via-transparent:focus { - --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0)); +.focus-within\:bg-colors-red-400:focus-within { + background-color: var(--colors-red-400, #fc8181); } -.focus\:via-current:focus { - --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0)); +.focus-within\:bg-colors-red-500:focus-within { + background-color: var(--colors-red-500, #f56565); } -.focus\:via-black:focus { - --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0)); +.focus-within\:bg-colors-red-600:focus-within { + background-color: var(--colors-red-600, #e53e3e); } -.focus\:via-white:focus { - --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0)); +.focus-within\:bg-colors-red-700:focus-within { + background-color: var(--colors-red-700, #c53030); } -.focus\:via-gray-50:focus { - --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0)); +.focus-within\:bg-colors-red-800:focus-within { + background-color: var(--colors-red-800, #9b2c2c); } -.focus\:via-gray-100:focus { - --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0)); +.focus-within\:bg-colors-red-900:focus-within { + background-color: var(--colors-red-900, #742a2a); } -.focus\:via-gray-200:focus { - --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0)); +.focus-within\:bg-colors-orange-100:focus-within { + background-color: var(--colors-orange-100, #fffaf0); } -.focus\:via-gray-300:focus { - --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0)); +.focus-within\:bg-colors-orange-200:focus-within { + background-color: var(--colors-orange-200, #feebc8); } -.focus\:via-gray-400:focus { - --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0)); +.focus-within\:bg-colors-orange-300:focus-within { + background-color: var(--colors-orange-300, #fbd38d); } -.focus\:via-gray-500:focus { - --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0)); +.focus-within\:bg-colors-orange-400:focus-within { + background-color: var(--colors-orange-400, #f6ad55); } -.focus\:via-gray-600:focus { - --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0)); +.focus-within\:bg-colors-orange-500:focus-within { + background-color: var(--colors-orange-500, #ed8936); } -.focus\:via-gray-700:focus { - --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0)); +.focus-within\:bg-colors-orange-600:focus-within { + background-color: var(--colors-orange-600, #dd6b20); } -.focus\:via-gray-800:focus { - --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0)); +.focus-within\:bg-colors-orange-700:focus-within { + background-color: var(--colors-orange-700, #c05621); } -.focus\:via-gray-900:focus { - --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0)); +.focus-within\:bg-colors-orange-800:focus-within { + background-color: var(--colors-orange-800, #9c4221); } -.focus\:via-red-50:focus { - --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0)); +.focus-within\:bg-colors-orange-900:focus-within { + background-color: var(--colors-orange-900, #7b341e); } -.focus\:via-red-100:focus { - --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0)); +.focus-within\:bg-colors-yellow-100:focus-within { + background-color: var(--colors-yellow-100, #fffff0); } -.focus\:via-red-200:focus { - --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0)); +.focus-within\:bg-colors-yellow-200:focus-within { + background-color: var(--colors-yellow-200, #fefcbf); } -.focus\:via-red-300:focus { - --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0)); +.focus-within\:bg-colors-yellow-300:focus-within { + background-color: var(--colors-yellow-300, #faf089); } -.focus\:via-red-400:focus { - --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0)); +.focus-within\:bg-colors-yellow-400:focus-within { + background-color: var(--colors-yellow-400, #f6e05e); } -.focus\:via-red-500:focus { - --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0)); +.focus-within\:bg-colors-yellow-500:focus-within { + background-color: var(--colors-yellow-500, #ecc94b); } -.focus\:via-red-600:focus { - --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0)); +.focus-within\:bg-colors-yellow-600:focus-within { + background-color: var(--colors-yellow-600, #d69e2e); } -.focus\:via-red-700:focus { - --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0)); +.focus-within\:bg-colors-yellow-700:focus-within { + background-color: var(--colors-yellow-700, #b7791f); } -.focus\:via-red-800:focus { - --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0)); +.focus-within\:bg-colors-yellow-800:focus-within { + background-color: var(--colors-yellow-800, #975a16); } -.focus\:via-red-900:focus { - --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0)); +.focus-within\:bg-colors-yellow-900:focus-within { + background-color: var(--colors-yellow-900, #744210); } -.focus\:via-yellow-50:focus { - --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0)); +.focus-within\:bg-colors-green-100:focus-within { + background-color: var(--colors-green-100, #f0fff4); } -.focus\:via-yellow-100:focus { - --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0)); +.focus-within\:bg-colors-green-200:focus-within { + background-color: var(--colors-green-200, #c6f6d5); } -.focus\:via-yellow-200:focus { - --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0)); +.focus-within\:bg-colors-green-300:focus-within { + background-color: var(--colors-green-300, #9ae6b4); } -.focus\:via-yellow-300:focus { - --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0)); +.focus-within\:bg-colors-green-400:focus-within { + background-color: var(--colors-green-400, #68d391); } -.focus\:via-yellow-400:focus { - --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0)); +.focus-within\:bg-colors-green-500:focus-within { + background-color: var(--colors-green-500, #48bb78); } -.focus\:via-yellow-500:focus { - --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0)); +.focus-within\:bg-colors-green-600:focus-within { + background-color: var(--colors-green-600, #38a169); } -.focus\:via-yellow-600:focus { - --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0)); +.focus-within\:bg-colors-green-700:focus-within { + background-color: var(--colors-green-700, #2f855a); } -.focus\:via-yellow-700:focus { - --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0)); +.focus-within\:bg-colors-green-800:focus-within { + background-color: var(--colors-green-800, #276749); } -.focus\:via-yellow-800:focus { - --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0)); +.focus-within\:bg-colors-green-900:focus-within { + background-color: var(--colors-green-900, #22543d); } -.focus\:via-yellow-900:focus { - --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0)); +.focus-within\:bg-colors-teal-100:focus-within { + background-color: var(--colors-teal-100, #e6fffa); } -.focus\:via-green-50:focus { - --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0)); +.focus-within\:bg-colors-teal-200:focus-within { + background-color: var(--colors-teal-200, #b2f5ea); } -.focus\:via-green-100:focus { - --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0)); +.focus-within\:bg-colors-teal-300:focus-within { + background-color: var(--colors-teal-300, #81e6d9); } -.focus\:via-green-200:focus { - --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0)); +.focus-within\:bg-colors-teal-400:focus-within { + background-color: var(--colors-teal-400, #4fd1c5); } -.focus\:via-green-300:focus { - --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0)); +.focus-within\:bg-colors-teal-500:focus-within { + background-color: var(--colors-teal-500, #38b2ac); } -.focus\:via-green-400:focus { - --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0)); +.focus-within\:bg-colors-teal-600:focus-within { + background-color: var(--colors-teal-600, #319795); } -.focus\:via-green-500:focus { - --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0)); +.focus-within\:bg-colors-teal-700:focus-within { + background-color: var(--colors-teal-700, #2c7a7b); } -.focus\:via-green-600:focus { - --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0)); +.focus-within\:bg-colors-teal-800:focus-within { + background-color: var(--colors-teal-800, #285e61); } -.focus\:via-green-700:focus { - --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0)); +.focus-within\:bg-colors-teal-900:focus-within { + background-color: var(--colors-teal-900, #234e52); } -.focus\:via-green-800:focus { - --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0)); +.focus-within\:bg-colors-blue-100:focus-within { + background-color: var(--colors-blue-100, #ebf8ff); } -.focus\:via-green-900:focus { - --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0)); +.focus-within\:bg-colors-blue-200:focus-within { + background-color: var(--colors-blue-200, #bee3f8); } -.focus\:via-blue-50:focus { - --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0)); +.focus-within\:bg-colors-blue-300:focus-within { + background-color: var(--colors-blue-300, #90cdf4); } -.focus\:via-blue-100:focus { - --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0)); +.focus-within\:bg-colors-blue-400:focus-within { + background-color: var(--colors-blue-400, #63b3ed); } -.focus\:via-blue-200:focus { - --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0)); +.focus-within\:bg-colors-blue-500:focus-within { + background-color: var(--colors-blue-500, #4299e1); } -.focus\:via-blue-300:focus { - --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0)); +.focus-within\:bg-colors-blue-600:focus-within { + background-color: var(--colors-blue-600, #3182ce); } -.focus\:via-blue-400:focus { - --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0)); +.focus-within\:bg-colors-blue-700:focus-within { + background-color: var(--colors-blue-700, #2b6cb0); } -.focus\:via-blue-500:focus { - --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0)); +.focus-within\:bg-colors-blue-800:focus-within { + background-color: var(--colors-blue-800, #2c5282); } -.focus\:via-blue-600:focus { - --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0)); +.focus-within\:bg-colors-blue-900:focus-within { + background-color: var(--colors-blue-900, #2a4365); } -.focus\:via-blue-700:focus { - --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0)); +.focus-within\:bg-colors-indigo-100:focus-within { + background-color: var(--colors-indigo-100, #ebf4ff); } -.focus\:via-blue-800:focus { - --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0)); +.focus-within\:bg-colors-indigo-200:focus-within { + background-color: var(--colors-indigo-200, #c3dafe); } -.focus\:via-blue-900:focus { - --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0)); +.focus-within\:bg-colors-indigo-300:focus-within { + background-color: var(--colors-indigo-300, #a3bffa); } -.focus\:via-indigo-50:focus { - --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0)); +.focus-within\:bg-colors-indigo-400:focus-within { + background-color: var(--colors-indigo-400, #7f9cf5); } -.focus\:via-indigo-100:focus { - --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0)); +.focus-within\:bg-colors-indigo-500:focus-within { + background-color: var(--colors-indigo-500, #667eea); } -.focus\:via-indigo-200:focus { - --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0)); +.focus-within\:bg-colors-indigo-600:focus-within { + background-color: var(--colors-indigo-600, #5a67d8); } -.focus\:via-indigo-300:focus { - --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0)); +.focus-within\:bg-colors-indigo-700:focus-within { + background-color: var(--colors-indigo-700, #4c51bf); } -.focus\:via-indigo-400:focus { - --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0)); +.focus-within\:bg-colors-indigo-800:focus-within { + background-color: var(--colors-indigo-800, #434190); } -.focus\:via-indigo-500:focus { - --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0)); +.focus-within\:bg-colors-indigo-900:focus-within { + background-color: var(--colors-indigo-900, #3c366b); } -.focus\:via-indigo-600:focus { - --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0)); +.focus-within\:bg-colors-purple-100:focus-within { + background-color: var(--colors-purple-100, #faf5ff); } -.focus\:via-indigo-700:focus { - --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0)); +.focus-within\:bg-colors-purple-200:focus-within { + background-color: var(--colors-purple-200, #e9d8fd); } -.focus\:via-indigo-800:focus { - --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0)); +.focus-within\:bg-colors-purple-300:focus-within { + background-color: var(--colors-purple-300, #d6bcfa); } -.focus\:via-indigo-900:focus { - --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0)); +.focus-within\:bg-colors-purple-400:focus-within { + background-color: var(--colors-purple-400, #b794f4); } -.focus\:via-purple-50:focus { - --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0)); +.focus-within\:bg-colors-purple-500:focus-within { + background-color: var(--colors-purple-500, #9f7aea); } -.focus\:via-purple-100:focus { - --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0)); +.focus-within\:bg-colors-purple-600:focus-within { + background-color: var(--colors-purple-600, #805ad5); } -.focus\:via-purple-200:focus { - --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0)); +.focus-within\:bg-colors-purple-700:focus-within { + background-color: var(--colors-purple-700, #6b46c1); } -.focus\:via-purple-300:focus { - --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0)); +.focus-within\:bg-colors-purple-800:focus-within { + background-color: var(--colors-purple-800, #553c9a); } -.focus\:via-purple-400:focus { - --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0)); +.focus-within\:bg-colors-purple-900:focus-within { + background-color: var(--colors-purple-900, #44337a); } -.focus\:via-purple-500:focus { - --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0)); +.focus-within\:bg-colors-pink-100:focus-within { + background-color: var(--colors-pink-100, #fff5f7); } -.focus\:via-purple-600:focus { - --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0)); +.focus-within\:bg-colors-pink-200:focus-within { + background-color: var(--colors-pink-200, #fed7e2); } -.focus\:via-purple-700:focus { - --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0)); +.focus-within\:bg-colors-pink-300:focus-within { + background-color: var(--colors-pink-300, #fbb6ce); } -.focus\:via-purple-800:focus { - --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0)); +.focus-within\:bg-colors-pink-400:focus-within { + background-color: var(--colors-pink-400, #f687b3); } -.focus\:via-purple-900:focus { - --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0)); +.focus-within\:bg-colors-pink-500:focus-within { + background-color: var(--colors-pink-500, #ed64a6); } -.focus\:via-pink-50:focus { - --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0)); +.focus-within\:bg-colors-pink-600:focus-within { + background-color: var(--colors-pink-600, #d53f8c); } -.focus\:via-pink-100:focus { - --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0)); +.focus-within\:bg-colors-pink-700:focus-within { + background-color: var(--colors-pink-700, #b83280); } -.focus\:via-pink-200:focus { - --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0)); +.focus-within\:bg-colors-pink-800:focus-within { + background-color: var(--colors-pink-800, #97266d); } -.focus\:via-pink-300:focus { - --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0)); +.focus-within\:bg-colors-pink-900:focus-within { + background-color: var(--colors-pink-900, #702459); } -.focus\:via-pink-400:focus { - --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0)); +.focus-within\:bg-Box\ Shadow:focus-within { + background-color: var(--box-shadow, #7f7e7f); } -.focus\:via-pink-500:focus { - --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0)); +.focus-within\:bg-Error16:focus-within { + background-color: var(--error16, #f03d3e40); } -.focus\:via-pink-600:focus { - --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0)); +.focus-within\:bg-Success16:focus-within { + background-color: var(--success16, #5bb14d40); } -.focus\:via-pink-700:focus { - --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0)); +.focus-within\:bg-Notification16:focus-within { + background-color: var(--notification16, #3959ff40); } -.focus\:via-pink-800:focus { - --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0)); +.focus-within\:bg-Error8:focus-within { + background-color: var(--error8, #f03d3e1a); } -.focus\:via-pink-900:focus { - --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0)); +.focus-within\:bg-Notification8:focus-within { + background-color: var(--notification8, #3959ff1a); } -.to-transparent { - --tw-gradient-to: transparent; +.focus-within\:bg-Success8:focus-within { + background-color: var(--success8, #5bb14d1a); } -.to-current { - --tw-gradient-to: currentColor; +.focus-within\:bg-Light\ -\ Overlay:focus-within { + background-color: var(--light-overlay, #f0edee66); } -.to-black { - --tw-gradient-to: #000; +.focus-within\:bg-Dark-\ Overlay:focus-within { + background-color: var(--dark-overlay, #7f7e7f66); } -.to-white { - --tw-gradient-to: #fff; +.focus-within\:bg-black-40:focus-within { + background-color: var(--black-40, #00000066); } -.to-gray-50 { - --tw-gradient-to: #f9fafb; +.focus-within\:bg-black-75:focus-within { + background-color: var(--black-75, #000000bf); } -.to-gray-100 { - --tw-gradient-to: #f3f4f6; +.focus-within\:bg-black-60:focus-within { + background-color: var(--black-60, #00000099); } -.to-gray-200 { - --tw-gradient-to: #e5e7eb; +.focus-within\:bg-black-50:focus-within { + background-color: var(--black-50, #00000080); } -.to-gray-300 { - --tw-gradient-to: #d1d5db; +.focus-within\:bg-black-25:focus-within { + background-color: var(--black-25, #00000040); } -.to-gray-400 { - --tw-gradient-to: #9ca3af; +.focus-within\:bg-black-10:focus-within { + background-color: var(--black-10, #0000001a); } -.to-gray-500 { - --tw-gradient-to: #6b7280; +.focus-within\:bg-white-25:focus-within { + background-color: var(--white-25, #ffffff40); } -.to-gray-600 { - --tw-gradient-to: #4b5563; +.focus-within\:bg-white-60:focus-within { + background-color: var(--white-60, #ffffff99); } -.to-gray-700 { - --tw-gradient-to: #374151; +.focus-within\:bg-black-64:focus-within { + background-color: var(--black-64, #000000a3); } -.to-gray-800 { - --tw-gradient-to: #1f2937; +.focus-within\:bg-Shadow\ and\ Highlight-Shadow:focus-within { + background-color: var(--shadow-and-highlight-shadow, #7f7e7f); } -.to-gray-900 { - --tw-gradient-to: #111827; +.focus-within\:bg-Shadow\ and\ Highlight-Highlight:focus-within { + background-color: var(--shadow-and-highlight-highlight, #474747); } -.to-red-50 { - --tw-gradient-to: #fef2f2; +.focus-within\:bg-Shadow\ and\ Highlight-highlight\ one:focus-within { + background-color: var(--shadow-and-highlight-highlight-one, #474747bf); } -.to-red-100 { - --tw-gradient-to: #fee2e2; +.focus-within\:bg-Shadow\ and\ Highlight-highlight\ two:focus-within { + background-color: var(--shadow-and-highlight-highlight-two, #47474799); } -.to-red-200 { - --tw-gradient-to: #fecaca; +.focus-within\:bg-Shadow\ and\ Highlight-highlight\ three:focus-within { + background-color: var(--shadow-and-highlight-highlight-three, #47474766); } -.to-red-300 { - --tw-gradient-to: #fca5a5; +.focus-within\:bg-Shadow\ and\ Highlight-highlight\ five:focus-within { + background-color: var(--shadow-and-highlight-highlight-five, #4747471a); } -.to-red-400 { - --tw-gradient-to: #f87171; +.focus-within\:bg-Shadow\ and\ Highlight-shadow\ one:focus-within { + background-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } -.to-red-500 { - --tw-gradient-to: #ef4444; +.focus-within\:bg-Shadow\ and\ Highlight-shadow\ two:focus-within { + background-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } -.to-red-600 { - --tw-gradient-to: #dc2626; +.focus-within\:bg-Shadow\ and\ Highlight-shadow\ three:focus-within { + background-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } -.to-red-700 { - --tw-gradient-to: #b91c1c; +.focus-within\:bg-Shadow\ and\ Highlight-shadow\ four:focus-within { + background-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } -.to-red-800 { - --tw-gradient-to: #991b1b; +.focus-within\:bg-Shadow\ and\ Highlight-shadow\ five:focus-within { + background-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } -.to-red-900 { - --tw-gradient-to: #7f1d1d; +.focus-within\:bg-Shadow\ and\ Highlight-highlight\ four:focus-within { + background-color: var(--shadow-and-highlight-highlight-four, #47474740); } -.to-yellow-50 { - --tw-gradient-to: #fffbeb; +.focus-within\:bg-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus-within { + background-color: var(--base-layer-styles-base-layer-light-white, #ffffff); } -.to-yellow-100 { - --tw-gradient-to: #fef3c7; +.focus-within\:bg-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus-within { + background-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } -.to-yellow-200 { - --tw-gradient-to: #fde68a; +.focus-within\:bg-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus-within { + background-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } -.to-yellow-300 { - --tw-gradient-to: #fcd34d; +.focus-within\:bg-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus-within { + background-color: var(--base-layer-styles-base-layer-dark-black, #000000); } -.to-yellow-400 { - --tw-gradient-to: #fbbf24; +.focus-within\:bg-Grey-Scale-white:focus-within { + background-color: var(--grey-scale-white, #ffffff); } -.to-yellow-500 { - --tw-gradient-to: #f59e0b; +.focus-within\:bg-Grey-Scale-off-white:focus-within { + background-color: var(--grey-scale-off-white, #f0edee); } -.to-yellow-600 { - --tw-gradient-to: #d97706; +.focus-within\:bg-Grey\ Scale-grey:focus-within { + background-color: var(--grey-scale-grey, #7f7e7f); } -.to-yellow-700 { - --tw-gradient-to: #b45309; +.focus-within\:bg-Grey\ Scale-charcoal:focus-within { + background-color: var(--grey-scale-charcoal, #474747); } -.to-yellow-800 { - --tw-gradient-to: #92400e; +.focus-within\:bg-Grey\ Scale-off-black:focus-within { + background-color: var(--grey-scale-off-black, #1c1c1c); } -.to-yellow-900 { - --tw-gradient-to: #78350f; +.focus-within\:bg-Grey\ Scale-black:focus-within { + background-color: var(--grey-scale-black, #000000); } -.to-green-50 { - --tw-gradient-to: #ecfdf5; +.focus-within\:bg-Blue-blue:focus-within { + background-color: var(--blue-blue, #3a7ca5); } -.to-green-100 { - --tw-gradient-to: #d1fae5; +.focus-within\:bg-Blue-blue-100:focus-within { + background-color: var(--blue-blue-100, #75a3c0); } -.to-green-200 { - --tw-gradient-to: #a7f3d0; +.focus-within\:bg-Blue-blue-200:focus-within { + background-color: var(--blue-blue-200, #9cbed2); } -.to-green-300 { - --tw-gradient-to: #6ee7b7; +.focus-within\:bg-Blue-blue-300:focus-within { + background-color: var(--blue-blue-300, #4f7d9a); } -.to-green-400 { - --tw-gradient-to: #34d399; +.focus-within\:bg-Blue-blue-400:focus-within { + background-color: var(--blue-blue-400, #5c7d92); } -.to-green-500 { - --tw-gradient-to: #10b981; +.focus-within\:bg-Blue-blue-500:focus-within { + background-color: var(--blue-blue-500, #347095); } -.to-green-600 { - --tw-gradient-to: #059669; +.focus-within\:bg-Blue-blue-600:focus-within { + background-color: var(--blue-blue-600, #295774); } -.to-green-700 { - --tw-gradient-to: #047857; +.focus-within\:bg-Blue-blue-700:focus-within { + background-color: var(--blue-blue-700, #173242); } -.to-green-800 { - --tw-gradient-to: #065f46; +.focus-within\:bg-LightBlue-lightblue:focus-within { + background-color: var(--light-blue-lightblue, #81c3d7); } -.to-green-900 { - --tw-gradient-to: #064e3b; +.focus-within\:bg-LightBlue-lightblue-100:focus-within { + background-color: var(--light-blue-lightblue-100, #a7d5e3); } -.to-blue-50 { - --tw-gradient-to: #eff6ff; +.focus-within\:bg-LightBlue-lightblue-200:focus-within { + background-color: var(--light-blue-lightblue-200, #c0e1eb); } -.to-blue-100 { - --tw-gradient-to: #dbeafe; +.focus-within\:bg-LightBlue-lightblue-300:focus-within { + background-color: var(--light-blue-lightblue-300, #80aebd); } -.to-blue-200 { - --tw-gradient-to: #bfdbfe; +.focus-within\:bg-LightBlue-lightblue-400:focus-within { + background-color: var(--light-blue-lightblue-400, #80a0ab); } -.to-blue-300 { - --tw-gradient-to: #93c5fd; +.focus-within\:bg-LightBlue-lightblue-500:focus-within { + background-color: var(--light-blue-lightblue-500, #74afc1); } -.to-blue-400 { - --tw-gradient-to: #60a5fa; +.focus-within\:bg-LightBlue-lightblue-600:focus-within { + background-color: var(--light-blue-lightblue-600, #5a8997); } -.to-blue-500 { - --tw-gradient-to: #3b82f6; +.focus-within\:bg-LightBlue-lightblue-650:focus-within { + background-color: var(--light-blue-lightblue-650, #3e5e65); } -.to-blue-600 { - --tw-gradient-to: #2563eb; +.focus-within\:bg-LightBlue-lightblue-700:focus-within { + background-color: var(--light-blue-lightblue-700, #344e56); } -.to-blue-700 { - --tw-gradient-to: #1d4ed8; +.focus-within\:bg-Orange-orange:focus-within { + background-color: var(--orange-orange, #ff7f0e); } -.to-blue-800 { - --tw-gradient-to: #1e40af; +.focus-within\:bg-Orange-orange-100:focus-within { + background-color: var(--orange-orange-100, #ffa556); } -.to-blue-900 { - --tw-gradient-to: #1e3a8a; +.focus-within\:bg-Orange-orange-200:focus-within { + background-color: var(--orange-orange-200, #ffbf86); } -.to-indigo-50 { - --tw-gradient-to: #eef2ff; +.focus-within\:bg-Orange-orange-300:focus-within { + background-color: var(--orange-orange-300, #d97f30); } -.to-indigo-100 { - --tw-gradient-to: #e0e7ff; +.focus-within\:bg-Orange-orange-400:focus-within { + background-color: var(--orange-orange-400, #bf7e46); } -.to-indigo-200 { - --tw-gradient-to: #c7d2fe; +.focus-within\:bg-Orange-orange-500:focus-within { + background-color: var(--orange-orange-500, #e5720d); } -.to-indigo-300 { - --tw-gradient-to: #a5b4fc; +.focus-within\:bg-Orange-orange-600:focus-within { + background-color: var(--orange-orange-600, #b3590a); } -.to-indigo-400 { - --tw-gradient-to: #818cf8; +.focus-within\:bg-Orange-orange-700:focus-within { + background-color: var(--orange-orange-700, #663306); } -.to-indigo-500 { - --tw-gradient-to: #6366f1; +.focus-within\:bg-Yellow-yellow:focus-within { + background-color: var(--yellow-yellow, #ffab00); } -.to-indigo-600 { - --tw-gradient-to: #4f46e5; +.focus-within\:bg-Yellow-yellow-100:focus-within { + background-color: var(--yellow-yellow-100, #ffc44c); } -.to-indigo-700 { - --tw-gradient-to: #4338ca; +.focus-within\:bg-Yellow-yellow-200:focus-within { + background-color: var(--yellow-yellow-200, #ffd580); } -.to-indigo-800 { - --tw-gradient-to: #3730a3; +.focus-within\:bg-Yellow-yellow-300:focus-within { + background-color: var(--yellow-yellow-300, #d99d26); } -.to-indigo-900 { - --tw-gradient-to: #312e81; +.focus-within\:bg-Yellow-yellow-400:focus-within { + background-color: var(--yellow-yellow-400, #bf943f); } -.to-purple-50 { - --tw-gradient-to: #f5f3ff; +.focus-within\:bg-Yellow-yellow-500:focus-within { + background-color: var(--yellow-yellow-500, #e59a00); } -.to-purple-100 { - --tw-gradient-to: #ede9fe; +.focus-within\:bg-Yellow-yellow-600:focus-within { + background-color: var(--yellow-yellow-600, #b37800); } -.to-purple-200 { - --tw-gradient-to: #ddd6fe; +.focus-within\:bg-Yellow-yellow-700:focus-within { + background-color: var(--yellow-yellow-700, #664400); } -.to-purple-300 { - --tw-gradient-to: #c4b5fd; +.focus-within\:bg-Notification-notification:focus-within { + background-color: var(--notification-notification, #3959ff); } -.to-purple-400 { - --tw-gradient-to: #a78bfa; +.focus-within\:bg-Notification-notification-100:focus-within { + background-color: var(--notification-notification-100, #748bff); } -.to-purple-500 { - --tw-gradient-to: #8b5cf6; +.focus-within\:bg-Notification-notification-200:focus-within { + background-color: var(--notification-notification-200, #9cacff); } -.to-purple-600 { - --tw-gradient-to: #7c3aed; +.focus-within\:bg-Notification-notification-300:focus-within { + background-color: var(--notification-notification-300, #4e64d9); } -.to-purple-700 { - --tw-gradient-to: #6d28d9; +.focus-within\:bg-Notification-notification-400:focus-within { + background-color: var(--notification-notification-400, #5c6cbf); } -.to-purple-800 { - --tw-gradient-to: #5b21b6; +.focus-within\:bg-Notification-notification-500:focus-within { + background-color: var(--notification-notification-500, #3350e5); } -.to-purple-900 { - --tw-gradient-to: #4c1d95; +.focus-within\:bg-Notification-notification-600:focus-within { + background-color: var(--notification-notification-600, #283eb3); } -.to-pink-50 { - --tw-gradient-to: #fdf2f8; +.focus-within\:bg-Notification-notification-700:focus-within { + background-color: var(--notification-notification-700, #172466); } -.to-pink-100 { - --tw-gradient-to: #fce7f3; +.focus-within\:bg-Success-success\ -700:focus-within { + background-color: var(--success-success-700, #24471f); } -.to-pink-200 { - --tw-gradient-to: #fbcfe8; +.focus-within\:bg-Success-success:focus-within { + background-color: var(--success-success, #5bb14d); } -.to-pink-300 { - --tw-gradient-to: #f9a8d4; +.focus-within\:bg-Success-success\ -100:focus-within { + background-color: var(--success-success-100, #8cc882); } -.to-pink-400 { - --tw-gradient-to: #f472b6; +.focus-within\:bg-Success-success\ -200:focus-within { + background-color: var(--success-success-200, #add8a6); } -.to-pink-500 { - --tw-gradient-to: #ec4899; +.focus-within\:bg-Success-success\ -300:focus-within { + background-color: var(--success-success-300, #66a25c); } -.to-pink-600 { - --tw-gradient-to: #db2777; +.focus-within\:bg-Success-success\ -400:focus-within { + background-color: var(--success-success-400, #6d9766); } -.to-pink-700 { - --tw-gradient-to: #be185d; +.focus-within\:bg-Success-success\ -500:focus-within { + background-color: var(--success-success-500, #529f45); } -.to-pink-800 { - --tw-gradient-to: #9d174d; +.focus-within\:bg-Success-success\ -600:focus-within { + background-color: var(--success-success-600, #407c36); } -.to-pink-900 { - --tw-gradient-to: #831843; +.focus-within\:bg-Error-error:focus-within { + background-color: var(--error-error, #f03d3e); } -.hover\:to-transparent:hover { - --tw-gradient-to: transparent; +.focus-within\:bg-Error-error-100:focus-within { + background-color: var(--error-error-100, #f57778); } -.hover\:to-current:hover { - --tw-gradient-to: currentColor; +.focus-within\:bg-Error-error-200:focus-within { + background-color: var(--error-error-200, #f89e9e); } -.hover\:to-black:hover { - --tw-gradient-to: #000; +.focus-within\:bg-Error-error-250:focus-within { + background-color: var(--error-error-250, #f9c8c8); } -.hover\:to-white:hover { - --tw-gradient-to: #fff; +.focus-within\:bg-Error-error-300:focus-within { + background-color: var(--error-error-300, #ce5151); } -.hover\:to-gray-50:hover { - --tw-gradient-to: #f9fafb; +.focus-within\:bg-Error-error-400:focus-within { + background-color: var(--error-error-400, #b85e5e); } -.hover\:to-gray-100:hover { - --tw-gradient-to: #f3f4f6; +.focus-within\:bg-Error-error-500:focus-within { + background-color: var(--error-error-500, #d83738); } -.hover\:to-gray-200:hover { - --tw-gradient-to: #e5e7eb; +.focus-within\:bg-Error-error-600:focus-within { + background-color: var(--error-error-600, #a82b2b); } -.hover\:to-gray-300:hover { - --tw-gradient-to: #d1d5db; +.focus-within\:bg-Error-error-700:focus-within { + background-color: var(--error-error-700, #601819); } -.hover\:to-gray-400:hover { - --tw-gradient-to: #9ca3af; +.hover\:bg-colors-black:hover { + background-color: var(--colors-black, #000000); } -.hover\:to-gray-500:hover { - --tw-gradient-to: #6b7280; +.hover\:bg-colors-white:hover { + background-color: var(--colors-white, #ffffff); } -.hover\:to-gray-600:hover { - --tw-gradient-to: #4b5563; +.hover\:bg-colors-gray-100:hover { + background-color: var(--colors-gray-100, #f7fafc); } -.hover\:to-gray-700:hover { - --tw-gradient-to: #374151; +.hover\:bg-colors-gray-200:hover { + background-color: var(--colors-gray-200, #edf2f7); } -.hover\:to-gray-800:hover { - --tw-gradient-to: #1f2937; +.hover\:bg-colors-gray-300:hover { + background-color: var(--colors-gray-300, #e2e8f0); } -.hover\:to-gray-900:hover { - --tw-gradient-to: #111827; +.hover\:bg-colors-gray-400:hover { + background-color: var(--colors-gray-400, #cbd5e0); } -.hover\:to-red-50:hover { - --tw-gradient-to: #fef2f2; +.hover\:bg-colors-gray-500:hover { + background-color: var(--colors-gray-500, #a0aec0); } -.hover\:to-red-100:hover { - --tw-gradient-to: #fee2e2; +.hover\:bg-colors-gray-600:hover { + background-color: var(--colors-gray-600, #718096); } -.hover\:to-red-200:hover { - --tw-gradient-to: #fecaca; +.hover\:bg-colors-gray-700:hover { + background-color: var(--colors-gray-700, #4a5568); } -.hover\:to-red-300:hover { - --tw-gradient-to: #fca5a5; +.hover\:bg-colors-gray-800:hover { + background-color: var(--colors-gray-800, #2d3748); } -.hover\:to-red-400:hover { - --tw-gradient-to: #f87171; +.hover\:bg-colors-gray-900:hover { + background-color: var(--colors-gray-900, #1a202c); } -.hover\:to-red-500:hover { - --tw-gradient-to: #ef4444; +.hover\:bg-colors-red-100:hover { + background-color: var(--colors-red-100, #fff5f5); } -.hover\:to-red-600:hover { - --tw-gradient-to: #dc2626; +.hover\:bg-colors-red-200:hover { + background-color: var(--colors-red-200, #fed7d7); } -.hover\:to-red-700:hover { - --tw-gradient-to: #b91c1c; +.hover\:bg-colors-red-300:hover { + background-color: var(--colors-red-300, #feb2b2); } -.hover\:to-red-800:hover { - --tw-gradient-to: #991b1b; +.hover\:bg-colors-red-400:hover { + background-color: var(--colors-red-400, #fc8181); } -.hover\:to-red-900:hover { - --tw-gradient-to: #7f1d1d; +.hover\:bg-colors-red-500:hover { + background-color: var(--colors-red-500, #f56565); } -.hover\:to-yellow-50:hover { - --tw-gradient-to: #fffbeb; +.hover\:bg-colors-red-600:hover { + background-color: var(--colors-red-600, #e53e3e); } -.hover\:to-yellow-100:hover { - --tw-gradient-to: #fef3c7; +.hover\:bg-colors-red-700:hover { + background-color: var(--colors-red-700, #c53030); } -.hover\:to-yellow-200:hover { - --tw-gradient-to: #fde68a; +.hover\:bg-colors-red-800:hover { + background-color: var(--colors-red-800, #9b2c2c); } -.hover\:to-yellow-300:hover { - --tw-gradient-to: #fcd34d; +.hover\:bg-colors-red-900:hover { + background-color: var(--colors-red-900, #742a2a); } -.hover\:to-yellow-400:hover { - --tw-gradient-to: #fbbf24; +.hover\:bg-colors-orange-100:hover { + background-color: var(--colors-orange-100, #fffaf0); } -.hover\:to-yellow-500:hover { - --tw-gradient-to: #f59e0b; +.hover\:bg-colors-orange-200:hover { + background-color: var(--colors-orange-200, #feebc8); } -.hover\:to-yellow-600:hover { - --tw-gradient-to: #d97706; +.hover\:bg-colors-orange-300:hover { + background-color: var(--colors-orange-300, #fbd38d); } -.hover\:to-yellow-700:hover { - --tw-gradient-to: #b45309; +.hover\:bg-colors-orange-400:hover { + background-color: var(--colors-orange-400, #f6ad55); } -.hover\:to-yellow-800:hover { - --tw-gradient-to: #92400e; +.hover\:bg-colors-orange-500:hover { + background-color: var(--colors-orange-500, #ed8936); } -.hover\:to-yellow-900:hover { - --tw-gradient-to: #78350f; +.hover\:bg-colors-orange-600:hover { + background-color: var(--colors-orange-600, #dd6b20); } -.hover\:to-green-50:hover { - --tw-gradient-to: #ecfdf5; +.hover\:bg-colors-orange-700:hover { + background-color: var(--colors-orange-700, #c05621); } -.hover\:to-green-100:hover { - --tw-gradient-to: #d1fae5; +.hover\:bg-colors-orange-800:hover { + background-color: var(--colors-orange-800, #9c4221); } -.hover\:to-green-200:hover { - --tw-gradient-to: #a7f3d0; +.hover\:bg-colors-orange-900:hover { + background-color: var(--colors-orange-900, #7b341e); } -.hover\:to-green-300:hover { - --tw-gradient-to: #6ee7b7; +.hover\:bg-colors-yellow-100:hover { + background-color: var(--colors-yellow-100, #fffff0); } -.hover\:to-green-400:hover { - --tw-gradient-to: #34d399; +.hover\:bg-colors-yellow-200:hover { + background-color: var(--colors-yellow-200, #fefcbf); } -.hover\:to-green-500:hover { - --tw-gradient-to: #10b981; +.hover\:bg-colors-yellow-300:hover { + background-color: var(--colors-yellow-300, #faf089); } -.hover\:to-green-600:hover { - --tw-gradient-to: #059669; +.hover\:bg-colors-yellow-400:hover { + background-color: var(--colors-yellow-400, #f6e05e); } -.hover\:to-green-700:hover { - --tw-gradient-to: #047857; +.hover\:bg-colors-yellow-500:hover { + background-color: var(--colors-yellow-500, #ecc94b); } -.hover\:to-green-800:hover { - --tw-gradient-to: #065f46; +.hover\:bg-colors-yellow-600:hover { + background-color: var(--colors-yellow-600, #d69e2e); } -.hover\:to-green-900:hover { - --tw-gradient-to: #064e3b; +.hover\:bg-colors-yellow-700:hover { + background-color: var(--colors-yellow-700, #b7791f); } -.hover\:to-blue-50:hover { - --tw-gradient-to: #eff6ff; +.hover\:bg-colors-yellow-800:hover { + background-color: var(--colors-yellow-800, #975a16); } -.hover\:to-blue-100:hover { - --tw-gradient-to: #dbeafe; +.hover\:bg-colors-yellow-900:hover { + background-color: var(--colors-yellow-900, #744210); } -.hover\:to-blue-200:hover { - --tw-gradient-to: #bfdbfe; +.hover\:bg-colors-green-100:hover { + background-color: var(--colors-green-100, #f0fff4); } -.hover\:to-blue-300:hover { - --tw-gradient-to: #93c5fd; +.hover\:bg-colors-green-200:hover { + background-color: var(--colors-green-200, #c6f6d5); } -.hover\:to-blue-400:hover { - --tw-gradient-to: #60a5fa; +.hover\:bg-colors-green-300:hover { + background-color: var(--colors-green-300, #9ae6b4); } -.hover\:to-blue-500:hover { - --tw-gradient-to: #3b82f6; +.hover\:bg-colors-green-400:hover { + background-color: var(--colors-green-400, #68d391); } -.hover\:to-blue-600:hover { - --tw-gradient-to: #2563eb; +.hover\:bg-colors-green-500:hover { + background-color: var(--colors-green-500, #48bb78); } -.hover\:to-blue-700:hover { - --tw-gradient-to: #1d4ed8; +.hover\:bg-colors-green-600:hover { + background-color: var(--colors-green-600, #38a169); } -.hover\:to-blue-800:hover { - --tw-gradient-to: #1e40af; +.hover\:bg-colors-green-700:hover { + background-color: var(--colors-green-700, #2f855a); } -.hover\:to-blue-900:hover { - --tw-gradient-to: #1e3a8a; +.hover\:bg-colors-green-800:hover { + background-color: var(--colors-green-800, #276749); } -.hover\:to-indigo-50:hover { - --tw-gradient-to: #eef2ff; +.hover\:bg-colors-green-900:hover { + background-color: var(--colors-green-900, #22543d); } -.hover\:to-indigo-100:hover { - --tw-gradient-to: #e0e7ff; +.hover\:bg-colors-teal-100:hover { + background-color: var(--colors-teal-100, #e6fffa); } -.hover\:to-indigo-200:hover { - --tw-gradient-to: #c7d2fe; +.hover\:bg-colors-teal-200:hover { + background-color: var(--colors-teal-200, #b2f5ea); } -.hover\:to-indigo-300:hover { - --tw-gradient-to: #a5b4fc; +.hover\:bg-colors-teal-300:hover { + background-color: var(--colors-teal-300, #81e6d9); } -.hover\:to-indigo-400:hover { - --tw-gradient-to: #818cf8; +.hover\:bg-colors-teal-400:hover { + background-color: var(--colors-teal-400, #4fd1c5); } -.hover\:to-indigo-500:hover { - --tw-gradient-to: #6366f1; +.hover\:bg-colors-teal-500:hover { + background-color: var(--colors-teal-500, #38b2ac); } -.hover\:to-indigo-600:hover { - --tw-gradient-to: #4f46e5; +.hover\:bg-colors-teal-600:hover { + background-color: var(--colors-teal-600, #319795); } -.hover\:to-indigo-700:hover { - --tw-gradient-to: #4338ca; +.hover\:bg-colors-teal-700:hover { + background-color: var(--colors-teal-700, #2c7a7b); } -.hover\:to-indigo-800:hover { - --tw-gradient-to: #3730a3; +.hover\:bg-colors-teal-800:hover { + background-color: var(--colors-teal-800, #285e61); } -.hover\:to-indigo-900:hover { - --tw-gradient-to: #312e81; +.hover\:bg-colors-teal-900:hover { + background-color: var(--colors-teal-900, #234e52); } -.hover\:to-purple-50:hover { - --tw-gradient-to: #f5f3ff; +.hover\:bg-colors-blue-100:hover { + background-color: var(--colors-blue-100, #ebf8ff); } -.hover\:to-purple-100:hover { - --tw-gradient-to: #ede9fe; +.hover\:bg-colors-blue-200:hover { + background-color: var(--colors-blue-200, #bee3f8); } -.hover\:to-purple-200:hover { - --tw-gradient-to: #ddd6fe; +.hover\:bg-colors-blue-300:hover { + background-color: var(--colors-blue-300, #90cdf4); } -.hover\:to-purple-300:hover { - --tw-gradient-to: #c4b5fd; +.hover\:bg-colors-blue-400:hover { + background-color: var(--colors-blue-400, #63b3ed); } -.hover\:to-purple-400:hover { - --tw-gradient-to: #a78bfa; +.hover\:bg-colors-blue-500:hover { + background-color: var(--colors-blue-500, #4299e1); } -.hover\:to-purple-500:hover { - --tw-gradient-to: #8b5cf6; +.hover\:bg-colors-blue-600:hover { + background-color: var(--colors-blue-600, #3182ce); } -.hover\:to-purple-600:hover { - --tw-gradient-to: #7c3aed; +.hover\:bg-colors-blue-700:hover { + background-color: var(--colors-blue-700, #2b6cb0); } -.hover\:to-purple-700:hover { - --tw-gradient-to: #6d28d9; +.hover\:bg-colors-blue-800:hover { + background-color: var(--colors-blue-800, #2c5282); } -.hover\:to-purple-800:hover { - --tw-gradient-to: #5b21b6; +.hover\:bg-colors-blue-900:hover { + background-color: var(--colors-blue-900, #2a4365); } -.hover\:to-purple-900:hover { - --tw-gradient-to: #4c1d95; +.hover\:bg-colors-indigo-100:hover { + background-color: var(--colors-indigo-100, #ebf4ff); } -.hover\:to-pink-50:hover { - --tw-gradient-to: #fdf2f8; +.hover\:bg-colors-indigo-200:hover { + background-color: var(--colors-indigo-200, #c3dafe); } -.hover\:to-pink-100:hover { - --tw-gradient-to: #fce7f3; +.hover\:bg-colors-indigo-300:hover { + background-color: var(--colors-indigo-300, #a3bffa); } -.hover\:to-pink-200:hover { - --tw-gradient-to: #fbcfe8; +.hover\:bg-colors-indigo-400:hover { + background-color: var(--colors-indigo-400, #7f9cf5); } -.hover\:to-pink-300:hover { - --tw-gradient-to: #f9a8d4; +.hover\:bg-colors-indigo-500:hover { + background-color: var(--colors-indigo-500, #667eea); } -.hover\:to-pink-400:hover { - --tw-gradient-to: #f472b6; +.hover\:bg-colors-indigo-600:hover { + background-color: var(--colors-indigo-600, #5a67d8); } -.hover\:to-pink-500:hover { - --tw-gradient-to: #ec4899; +.hover\:bg-colors-indigo-700:hover { + background-color: var(--colors-indigo-700, #4c51bf); } -.hover\:to-pink-600:hover { - --tw-gradient-to: #db2777; +.hover\:bg-colors-indigo-800:hover { + background-color: var(--colors-indigo-800, #434190); } -.hover\:to-pink-700:hover { - --tw-gradient-to: #be185d; +.hover\:bg-colors-indigo-900:hover { + background-color: var(--colors-indigo-900, #3c366b); } -.hover\:to-pink-800:hover { - --tw-gradient-to: #9d174d; +.hover\:bg-colors-purple-100:hover { + background-color: var(--colors-purple-100, #faf5ff); } -.hover\:to-pink-900:hover { - --tw-gradient-to: #831843; +.hover\:bg-colors-purple-200:hover { + background-color: var(--colors-purple-200, #e9d8fd); } -.focus\:to-transparent:focus { - --tw-gradient-to: transparent; +.hover\:bg-colors-purple-300:hover { + background-color: var(--colors-purple-300, #d6bcfa); } -.focus\:to-current:focus { - --tw-gradient-to: currentColor; +.hover\:bg-colors-purple-400:hover { + background-color: var(--colors-purple-400, #b794f4); } -.focus\:to-black:focus { - --tw-gradient-to: #000; +.hover\:bg-colors-purple-500:hover { + background-color: var(--colors-purple-500, #9f7aea); } -.focus\:to-white:focus { - --tw-gradient-to: #fff; +.hover\:bg-colors-purple-600:hover { + background-color: var(--colors-purple-600, #805ad5); } -.focus\:to-gray-50:focus { - --tw-gradient-to: #f9fafb; +.hover\:bg-colors-purple-700:hover { + background-color: var(--colors-purple-700, #6b46c1); } -.focus\:to-gray-100:focus { - --tw-gradient-to: #f3f4f6; +.hover\:bg-colors-purple-800:hover { + background-color: var(--colors-purple-800, #553c9a); } -.focus\:to-gray-200:focus { - --tw-gradient-to: #e5e7eb; +.hover\:bg-colors-purple-900:hover { + background-color: var(--colors-purple-900, #44337a); } -.focus\:to-gray-300:focus { - --tw-gradient-to: #d1d5db; +.hover\:bg-colors-pink-100:hover { + background-color: var(--colors-pink-100, #fff5f7); } -.focus\:to-gray-400:focus { - --tw-gradient-to: #9ca3af; +.hover\:bg-colors-pink-200:hover { + background-color: var(--colors-pink-200, #fed7e2); } -.focus\:to-gray-500:focus { - --tw-gradient-to: #6b7280; +.hover\:bg-colors-pink-300:hover { + background-color: var(--colors-pink-300, #fbb6ce); } -.focus\:to-gray-600:focus { - --tw-gradient-to: #4b5563; +.hover\:bg-colors-pink-400:hover { + background-color: var(--colors-pink-400, #f687b3); } -.focus\:to-gray-700:focus { - --tw-gradient-to: #374151; +.hover\:bg-colors-pink-500:hover { + background-color: var(--colors-pink-500, #ed64a6); } -.focus\:to-gray-800:focus { - --tw-gradient-to: #1f2937; +.hover\:bg-colors-pink-600:hover { + background-color: var(--colors-pink-600, #d53f8c); } -.focus\:to-gray-900:focus { - --tw-gradient-to: #111827; +.hover\:bg-colors-pink-700:hover { + background-color: var(--colors-pink-700, #b83280); } -.focus\:to-red-50:focus { - --tw-gradient-to: #fef2f2; +.hover\:bg-colors-pink-800:hover { + background-color: var(--colors-pink-800, #97266d); } -.focus\:to-red-100:focus { - --tw-gradient-to: #fee2e2; +.hover\:bg-colors-pink-900:hover { + background-color: var(--colors-pink-900, #702459); } -.focus\:to-red-200:focus { - --tw-gradient-to: #fecaca; +.hover\:bg-Box\ Shadow:hover { + background-color: var(--box-shadow, #7f7e7f); } -.focus\:to-red-300:focus { - --tw-gradient-to: #fca5a5; +.hover\:bg-Error16:hover { + background-color: var(--error16, #f03d3e40); } -.focus\:to-red-400:focus { - --tw-gradient-to: #f87171; +.hover\:bg-Success16:hover { + background-color: var(--success16, #5bb14d40); } -.focus\:to-red-500:focus { - --tw-gradient-to: #ef4444; +.hover\:bg-Notification16:hover { + background-color: var(--notification16, #3959ff40); } -.focus\:to-red-600:focus { - --tw-gradient-to: #dc2626; +.hover\:bg-Error8:hover { + background-color: var(--error8, #f03d3e1a); } -.focus\:to-red-700:focus { - --tw-gradient-to: #b91c1c; +.hover\:bg-Notification8:hover { + background-color: var(--notification8, #3959ff1a); } -.focus\:to-red-800:focus { - --tw-gradient-to: #991b1b; +.hover\:bg-Success8:hover { + background-color: var(--success8, #5bb14d1a); } -.focus\:to-red-900:focus { - --tw-gradient-to: #7f1d1d; +.hover\:bg-Light\ -\ Overlay:hover { + background-color: var(--light-overlay, #f0edee66); } -.focus\:to-yellow-50:focus { - --tw-gradient-to: #fffbeb; +.hover\:bg-Dark-\ Overlay:hover { + background-color: var(--dark-overlay, #7f7e7f66); } -.focus\:to-yellow-100:focus { - --tw-gradient-to: #fef3c7; +.hover\:bg-black-40:hover { + background-color: var(--black-40, #00000066); } -.focus\:to-yellow-200:focus { - --tw-gradient-to: #fde68a; +.hover\:bg-black-75:hover { + background-color: var(--black-75, #000000bf); } -.focus\:to-yellow-300:focus { - --tw-gradient-to: #fcd34d; +.hover\:bg-black-60:hover { + background-color: var(--black-60, #00000099); } -.focus\:to-yellow-400:focus { - --tw-gradient-to: #fbbf24; +.hover\:bg-black-50:hover { + background-color: var(--black-50, #00000080); } -.focus\:to-yellow-500:focus { - --tw-gradient-to: #f59e0b; +.hover\:bg-black-25:hover { + background-color: var(--black-25, #00000040); } -.focus\:to-yellow-600:focus { - --tw-gradient-to: #d97706; +.hover\:bg-black-10:hover { + background-color: var(--black-10, #0000001a); } -.focus\:to-yellow-700:focus { - --tw-gradient-to: #b45309; +.hover\:bg-white-25:hover { + background-color: var(--white-25, #ffffff40); } -.focus\:to-yellow-800:focus { - --tw-gradient-to: #92400e; +.hover\:bg-white-60:hover { + background-color: var(--white-60, #ffffff99); } -.focus\:to-yellow-900:focus { - --tw-gradient-to: #78350f; +.hover\:bg-black-64:hover { + background-color: var(--black-64, #000000a3); } -.focus\:to-green-50:focus { - --tw-gradient-to: #ecfdf5; +.hover\:bg-Shadow\ and\ Highlight-Shadow:hover { + background-color: var(--shadow-and-highlight-shadow, #7f7e7f); } -.focus\:to-green-100:focus { - --tw-gradient-to: #d1fae5; +.hover\:bg-Shadow\ and\ Highlight-Highlight:hover { + background-color: var(--shadow-and-highlight-highlight, #474747); } -.focus\:to-green-200:focus { - --tw-gradient-to: #a7f3d0; +.hover\:bg-Shadow\ and\ Highlight-highlight\ one:hover { + background-color: var(--shadow-and-highlight-highlight-one, #474747bf); } -.focus\:to-green-300:focus { - --tw-gradient-to: #6ee7b7; +.hover\:bg-Shadow\ and\ Highlight-highlight\ two:hover { + background-color: var(--shadow-and-highlight-highlight-two, #47474799); } -.focus\:to-green-400:focus { - --tw-gradient-to: #34d399; +.hover\:bg-Shadow\ and\ Highlight-highlight\ three:hover { + background-color: var(--shadow-and-highlight-highlight-three, #47474766); } -.focus\:to-green-500:focus { - --tw-gradient-to: #10b981; +.hover\:bg-Shadow\ and\ Highlight-highlight\ five:hover { + background-color: var(--shadow-and-highlight-highlight-five, #4747471a); } -.focus\:to-green-600:focus { - --tw-gradient-to: #059669; +.hover\:bg-Shadow\ and\ Highlight-shadow\ one:hover { + background-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } -.focus\:to-green-700:focus { - --tw-gradient-to: #047857; +.hover\:bg-Shadow\ and\ Highlight-shadow\ two:hover { + background-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } -.focus\:to-green-800:focus { - --tw-gradient-to: #065f46; +.hover\:bg-Shadow\ and\ Highlight-shadow\ three:hover { + background-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } -.focus\:to-green-900:focus { - --tw-gradient-to: #064e3b; +.hover\:bg-Shadow\ and\ Highlight-shadow\ four:hover { + background-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } -.focus\:to-blue-50:focus { - --tw-gradient-to: #eff6ff; +.hover\:bg-Shadow\ and\ Highlight-shadow\ five:hover { + background-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } -.focus\:to-blue-100:focus { - --tw-gradient-to: #dbeafe; +.hover\:bg-Shadow\ and\ Highlight-highlight\ four:hover { + background-color: var(--shadow-and-highlight-highlight-four, #47474740); } -.focus\:to-blue-200:focus { - --tw-gradient-to: #bfdbfe; +.hover\:bg-Base\ Layer\ Styles-Base\ Layer-\ Light-White:hover { + background-color: var(--base-layer-styles-base-layer-light-white, #ffffff); } -.focus\:to-blue-300:focus { - --tw-gradient-to: #93c5fd; +.hover\:bg-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:hover { + background-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } -.focus\:to-blue-400:focus { - --tw-gradient-to: #60a5fa; +.hover\:bg-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:hover { + background-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } -.focus\:to-blue-500:focus { - --tw-gradient-to: #3b82f6; +.hover\:bg-Base\ Layer\ Styles-Base\ Layer-Dark-Black:hover { + background-color: var(--base-layer-styles-base-layer-dark-black, #000000); } -.focus\:to-blue-600:focus { - --tw-gradient-to: #2563eb; +.hover\:bg-Grey-Scale-white:hover { + background-color: var(--grey-scale-white, #ffffff); } -.focus\:to-blue-700:focus { - --tw-gradient-to: #1d4ed8; +.hover\:bg-Grey-Scale-off-white:hover { + background-color: var(--grey-scale-off-white, #f0edee); } -.focus\:to-blue-800:focus { - --tw-gradient-to: #1e40af; +.hover\:bg-Grey\ Scale-grey:hover { + background-color: var(--grey-scale-grey, #7f7e7f); } -.focus\:to-blue-900:focus { - --tw-gradient-to: #1e3a8a; +.hover\:bg-Grey\ Scale-charcoal:hover { + background-color: var(--grey-scale-charcoal, #474747); } -.focus\:to-indigo-50:focus { - --tw-gradient-to: #eef2ff; +.hover\:bg-Grey\ Scale-off-black:hover { + background-color: var(--grey-scale-off-black, #1c1c1c); } -.focus\:to-indigo-100:focus { - --tw-gradient-to: #e0e7ff; +.hover\:bg-Grey\ Scale-black:hover { + background-color: var(--grey-scale-black, #000000); } -.focus\:to-indigo-200:focus { - --tw-gradient-to: #c7d2fe; +.hover\:bg-Blue-blue:hover { + background-color: var(--blue-blue, #3a7ca5); } -.focus\:to-indigo-300:focus { - --tw-gradient-to: #a5b4fc; +.hover\:bg-Blue-blue-100:hover { + background-color: var(--blue-blue-100, #75a3c0); } -.focus\:to-indigo-400:focus { - --tw-gradient-to: #818cf8; +.hover\:bg-Blue-blue-200:hover { + background-color: var(--blue-blue-200, #9cbed2); } -.focus\:to-indigo-500:focus { - --tw-gradient-to: #6366f1; +.hover\:bg-Blue-blue-300:hover { + background-color: var(--blue-blue-300, #4f7d9a); } -.focus\:to-indigo-600:focus { - --tw-gradient-to: #4f46e5; +.hover\:bg-Blue-blue-400:hover { + background-color: var(--blue-blue-400, #5c7d92); } -.focus\:to-indigo-700:focus { - --tw-gradient-to: #4338ca; +.hover\:bg-Blue-blue-500:hover { + background-color: var(--blue-blue-500, #347095); } -.focus\:to-indigo-800:focus { - --tw-gradient-to: #3730a3; +.hover\:bg-Blue-blue-600:hover { + background-color: var(--blue-blue-600, #295774); } -.focus\:to-indigo-900:focus { - --tw-gradient-to: #312e81; +.hover\:bg-Blue-blue-700:hover { + background-color: var(--blue-blue-700, #173242); } -.focus\:to-purple-50:focus { - --tw-gradient-to: #f5f3ff; +.hover\:bg-LightBlue-lightblue:hover { + background-color: var(--light-blue-lightblue, #81c3d7); } -.focus\:to-purple-100:focus { - --tw-gradient-to: #ede9fe; +.hover\:bg-LightBlue-lightblue-100:hover { + background-color: var(--light-blue-lightblue-100, #a7d5e3); } -.focus\:to-purple-200:focus { - --tw-gradient-to: #ddd6fe; +.hover\:bg-LightBlue-lightblue-200:hover { + background-color: var(--light-blue-lightblue-200, #c0e1eb); } -.focus\:to-purple-300:focus { - --tw-gradient-to: #c4b5fd; +.hover\:bg-LightBlue-lightblue-300:hover { + background-color: var(--light-blue-lightblue-300, #80aebd); } -.focus\:to-purple-400:focus { - --tw-gradient-to: #a78bfa; +.hover\:bg-LightBlue-lightblue-400:hover { + background-color: var(--light-blue-lightblue-400, #80a0ab); } -.focus\:to-purple-500:focus { - --tw-gradient-to: #8b5cf6; +.hover\:bg-LightBlue-lightblue-500:hover { + background-color: var(--light-blue-lightblue-500, #74afc1); } -.focus\:to-purple-600:focus { - --tw-gradient-to: #7c3aed; +.hover\:bg-LightBlue-lightblue-600:hover { + background-color: var(--light-blue-lightblue-600, #5a8997); } -.focus\:to-purple-700:focus { - --tw-gradient-to: #6d28d9; +.hover\:bg-LightBlue-lightblue-650:hover { + background-color: var(--light-blue-lightblue-650, #3e5e65); } -.focus\:to-purple-800:focus { - --tw-gradient-to: #5b21b6; +.hover\:bg-LightBlue-lightblue-700:hover { + background-color: var(--light-blue-lightblue-700, #344e56); } -.focus\:to-purple-900:focus { - --tw-gradient-to: #4c1d95; +.hover\:bg-Orange-orange:hover { + background-color: var(--orange-orange, #ff7f0e); } -.focus\:to-pink-50:focus { - --tw-gradient-to: #fdf2f8; +.hover\:bg-Orange-orange-100:hover { + background-color: var(--orange-orange-100, #ffa556); } -.focus\:to-pink-100:focus { - --tw-gradient-to: #fce7f3; +.hover\:bg-Orange-orange-200:hover { + background-color: var(--orange-orange-200, #ffbf86); } -.focus\:to-pink-200:focus { - --tw-gradient-to: #fbcfe8; +.hover\:bg-Orange-orange-300:hover { + background-color: var(--orange-orange-300, #d97f30); } -.focus\:to-pink-300:focus { - --tw-gradient-to: #f9a8d4; +.hover\:bg-Orange-orange-400:hover { + background-color: var(--orange-orange-400, #bf7e46); } -.focus\:to-pink-400:focus { - --tw-gradient-to: #f472b6; +.hover\:bg-Orange-orange-500:hover { + background-color: var(--orange-orange-500, #e5720d); } -.focus\:to-pink-500:focus { - --tw-gradient-to: #ec4899; +.hover\:bg-Orange-orange-600:hover { + background-color: var(--orange-orange-600, #b3590a); } -.focus\:to-pink-600:focus { - --tw-gradient-to: #db2777; +.hover\:bg-Orange-orange-700:hover { + background-color: var(--orange-orange-700, #663306); } -.focus\:to-pink-700:focus { - --tw-gradient-to: #be185d; +.hover\:bg-Yellow-yellow:hover { + background-color: var(--yellow-yellow, #ffab00); } -.focus\:to-pink-800:focus { - --tw-gradient-to: #9d174d; +.hover\:bg-Yellow-yellow-100:hover { + background-color: var(--yellow-yellow-100, #ffc44c); } -.focus\:to-pink-900:focus { - --tw-gradient-to: #831843; +.hover\:bg-Yellow-yellow-200:hover { + background-color: var(--yellow-yellow-200, #ffd580); } -.decoration-slice { - -webkit-box-decoration-break: slice; - box-decoration-break: slice; +.hover\:bg-Yellow-yellow-300:hover { + background-color: var(--yellow-yellow-300, #d99d26); } -.decoration-clone { - -webkit-box-decoration-break: clone; - box-decoration-break: clone; +.hover\:bg-Yellow-yellow-400:hover { + background-color: var(--yellow-yellow-400, #bf943f); } -.bg-auto { - background-size: auto; +.hover\:bg-Yellow-yellow-500:hover { + background-color: var(--yellow-yellow-500, #e59a00); } -.bg-cover { - background-size: cover; +.hover\:bg-Yellow-yellow-600:hover { + background-color: var(--yellow-yellow-600, #b37800); } -.bg-contain { - background-size: contain; +.hover\:bg-Yellow-yellow-700:hover { + background-color: var(--yellow-yellow-700, #664400); } -.bg-fixed { - background-attachment: fixed; +.hover\:bg-Notification-notification:hover { + background-color: var(--notification-notification, #3959ff); } -.bg-local { - background-attachment: local; +.hover\:bg-Notification-notification-100:hover { + background-color: var(--notification-notification-100, #748bff); } -.bg-scroll { - background-attachment: scroll; +.hover\:bg-Notification-notification-200:hover { + background-color: var(--notification-notification-200, #9cacff); } -.bg-clip-border { - background-clip: border-box; +.hover\:bg-Notification-notification-300:hover { + background-color: var(--notification-notification-300, #4e64d9); } -.bg-clip-padding { - background-clip: padding-box; +.hover\:bg-Notification-notification-400:hover { + background-color: var(--notification-notification-400, #5c6cbf); } -.bg-clip-content { - background-clip: content-box; +.hover\:bg-Notification-notification-500:hover { + background-color: var(--notification-notification-500, #3350e5); } -.bg-clip-text { - -webkit-background-clip: text; - background-clip: text; +.hover\:bg-Notification-notification-600:hover { + background-color: var(--notification-notification-600, #283eb3); } -.bg-bottom { - background-position: bottom; +.hover\:bg-Notification-notification-700:hover { + background-color: var(--notification-notification-700, #172466); } -.bg-center { - background-position: center; +.hover\:bg-Success-success\ -700:hover { + background-color: var(--success-success-700, #24471f); } -.bg-left { - background-position: left; +.hover\:bg-Success-success:hover { + background-color: var(--success-success, #5bb14d); } -.bg-left-bottom { - background-position: left bottom; +.hover\:bg-Success-success\ -100:hover { + background-color: var(--success-success-100, #8cc882); } -.bg-left-top { - background-position: left top; +.hover\:bg-Success-success\ -200:hover { + background-color: var(--success-success-200, #add8a6); } -.bg-right { - background-position: right; +.hover\:bg-Success-success\ -300:hover { + background-color: var(--success-success-300, #66a25c); } -.bg-right-bottom { - background-position: right bottom; +.hover\:bg-Success-success\ -400:hover { + background-color: var(--success-success-400, #6d9766); } -.bg-right-top { - background-position: right top; +.hover\:bg-Success-success\ -500:hover { + background-color: var(--success-success-500, #529f45); } -.bg-top { - background-position: top; +.hover\:bg-Success-success\ -600:hover { + background-color: var(--success-success-600, #407c36); } -.bg-repeat { - background-repeat: repeat; +.hover\:bg-Error-error:hover { + background-color: var(--error-error, #f03d3e); } -.bg-no-repeat { - background-repeat: no-repeat; +.hover\:bg-Error-error-100:hover { + background-color: var(--error-error-100, #f57778); } -.bg-repeat-x { - background-repeat: repeat-x; +.hover\:bg-Error-error-200:hover { + background-color: var(--error-error-200, #f89e9e); } -.bg-repeat-y { - background-repeat: repeat-y; +.hover\:bg-Error-error-250:hover { + background-color: var(--error-error-250, #f9c8c8); } -.bg-repeat-round { - background-repeat: round; +.hover\:bg-Error-error-300:hover { + background-color: var(--error-error-300, #ce5151); } -.bg-repeat-space { - background-repeat: space; +.hover\:bg-Error-error-400:hover { + background-color: var(--error-error-400, #b85e5e); } -.bg-origin-border { - background-origin: border-box; +.hover\:bg-Error-error-500:hover { + background-color: var(--error-error-500, #d83738); } -.bg-origin-padding { - background-origin: padding-box; +.hover\:bg-Error-error-600:hover { + background-color: var(--error-error-600, #a82b2b); } -.bg-origin-content { - background-origin: content-box; +.hover\:bg-Error-error-700:hover { + background-color: var(--error-error-700, #601819); } -.fill-current { - fill: currentColor; +.focus\:bg-colors-black:focus { + background-color: var(--colors-black, #000000); } -.stroke-current { - stroke: currentColor; +.focus\:bg-colors-white:focus { + background-color: var(--colors-white, #ffffff); } -.stroke-0 { - stroke-width: 0; +.focus\:bg-colors-gray-100:focus { + background-color: var(--colors-gray-100, #f7fafc); } -.stroke-1 { - stroke-width: 1; +.focus\:bg-colors-gray-200:focus { + background-color: var(--colors-gray-200, #edf2f7); } -.stroke-2 { - stroke-width: 2; +.focus\:bg-colors-gray-300:focus { + background-color: var(--colors-gray-300, #e2e8f0); } -.object-contain { - -o-object-fit: contain; - object-fit: contain; +.focus\:bg-colors-gray-400:focus { + background-color: var(--colors-gray-400, #cbd5e0); } -.object-cover { - -o-object-fit: cover; - object-fit: cover; +.focus\:bg-colors-gray-500:focus { + background-color: var(--colors-gray-500, #a0aec0); } -.object-fill { - -o-object-fit: fill; - object-fit: fill; +.focus\:bg-colors-gray-600:focus { + background-color: var(--colors-gray-600, #718096); } -.object-none { - -o-object-fit: none; - object-fit: none; +.focus\:bg-colors-gray-700:focus { + background-color: var(--colors-gray-700, #4a5568); } -.object-scale-down { - -o-object-fit: scale-down; - object-fit: scale-down; +.focus\:bg-colors-gray-800:focus { + background-color: var(--colors-gray-800, #2d3748); } -.object-bottom { - -o-object-position: bottom; - object-position: bottom; +.focus\:bg-colors-gray-900:focus { + background-color: var(--colors-gray-900, #1a202c); } -.object-center { - -o-object-position: center; - object-position: center; +.focus\:bg-colors-red-100:focus { + background-color: var(--colors-red-100, #fff5f5); } -.object-left { - -o-object-position: left; - object-position: left; +.focus\:bg-colors-red-200:focus { + background-color: var(--colors-red-200, #fed7d7); } -.object-left-bottom { - -o-object-position: left bottom; - object-position: left bottom; +.focus\:bg-colors-red-300:focus { + background-color: var(--colors-red-300, #feb2b2); } -.object-left-top { - -o-object-position: left top; - object-position: left top; +.focus\:bg-colors-red-400:focus { + background-color: var(--colors-red-400, #fc8181); } -.object-right { - -o-object-position: right; - object-position: right; +.focus\:bg-colors-red-500:focus { + background-color: var(--colors-red-500, #f56565); } -.object-right-bottom { - -o-object-position: right bottom; - object-position: right bottom; +.focus\:bg-colors-red-600:focus { + background-color: var(--colors-red-600, #e53e3e); } -.object-right-top { - -o-object-position: right top; - object-position: right top; +.focus\:bg-colors-red-700:focus { + background-color: var(--colors-red-700, #c53030); } -.object-top { - -o-object-position: top; - object-position: top; +.focus\:bg-colors-red-800:focus { + background-color: var(--colors-red-800, #9b2c2c); } -.p-0 { - padding: 0px; +.focus\:bg-colors-red-900:focus { + background-color: var(--colors-red-900, #742a2a); } -.p-1 { - padding: 0.25rem; +.focus\:bg-colors-orange-100:focus { + background-color: var(--colors-orange-100, #fffaf0); } -.p-2 { - padding: 0.5rem; +.focus\:bg-colors-orange-200:focus { + background-color: var(--colors-orange-200, #feebc8); } -.p-3 { - padding: 0.75rem; +.focus\:bg-colors-orange-300:focus { + background-color: var(--colors-orange-300, #fbd38d); } -.p-4 { - padding: 1rem; +.focus\:bg-colors-orange-400:focus { + background-color: var(--colors-orange-400, #f6ad55); } -.p-5 { - padding: 1.25rem; +.focus\:bg-colors-orange-500:focus { + background-color: var(--colors-orange-500, #ed8936); } -.p-6 { - padding: 1.5rem; +.focus\:bg-colors-orange-600:focus { + background-color: var(--colors-orange-600, #dd6b20); } -.p-7 { - padding: 1.75rem; +.focus\:bg-colors-orange-700:focus { + background-color: var(--colors-orange-700, #c05621); } -.p-8 { - padding: 2rem; +.focus\:bg-colors-orange-800:focus { + background-color: var(--colors-orange-800, #9c4221); } -.p-9 { - padding: 2.25rem; +.focus\:bg-colors-orange-900:focus { + background-color: var(--colors-orange-900, #7b341e); } -.p-10 { - padding: 2.5rem; +.focus\:bg-colors-yellow-100:focus { + background-color: var(--colors-yellow-100, #fffff0); } -.p-11 { - padding: 2.75rem; +.focus\:bg-colors-yellow-200:focus { + background-color: var(--colors-yellow-200, #fefcbf); } -.p-12 { - padding: 3rem; +.focus\:bg-colors-yellow-300:focus { + background-color: var(--colors-yellow-300, #faf089); } -.p-14 { - padding: 3.5rem; +.focus\:bg-colors-yellow-400:focus { + background-color: var(--colors-yellow-400, #f6e05e); } -.p-16 { - padding: 4rem; +.focus\:bg-colors-yellow-500:focus { + background-color: var(--colors-yellow-500, #ecc94b); } -.p-20 { - padding: 5rem; +.focus\:bg-colors-yellow-600:focus { + background-color: var(--colors-yellow-600, #d69e2e); } -.p-24 { - padding: 6rem; +.focus\:bg-colors-yellow-700:focus { + background-color: var(--colors-yellow-700, #b7791f); } -.p-28 { - padding: 7rem; +.focus\:bg-colors-yellow-800:focus { + background-color: var(--colors-yellow-800, #975a16); } -.p-32 { - padding: 8rem; +.focus\:bg-colors-yellow-900:focus { + background-color: var(--colors-yellow-900, #744210); } -.p-36 { - padding: 9rem; +.focus\:bg-colors-green-100:focus { + background-color: var(--colors-green-100, #f0fff4); } -.p-40 { - padding: 10rem; +.focus\:bg-colors-green-200:focus { + background-color: var(--colors-green-200, #c6f6d5); } -.p-44 { - padding: 11rem; +.focus\:bg-colors-green-300:focus { + background-color: var(--colors-green-300, #9ae6b4); } -.p-48 { - padding: 12rem; +.focus\:bg-colors-green-400:focus { + background-color: var(--colors-green-400, #68d391); } -.p-52 { - padding: 13rem; +.focus\:bg-colors-green-500:focus { + background-color: var(--colors-green-500, #48bb78); } -.p-56 { - padding: 14rem; +.focus\:bg-colors-green-600:focus { + background-color: var(--colors-green-600, #38a169); } -.p-60 { - padding: 15rem; +.focus\:bg-colors-green-700:focus { + background-color: var(--colors-green-700, #2f855a); } -.p-64 { - padding: 16rem; +.focus\:bg-colors-green-800:focus { + background-color: var(--colors-green-800, #276749); } -.p-72 { - padding: 18rem; +.focus\:bg-colors-green-900:focus { + background-color: var(--colors-green-900, #22543d); } -.p-80 { - padding: 20rem; +.focus\:bg-colors-teal-100:focus { + background-color: var(--colors-teal-100, #e6fffa); } -.p-96 { - padding: 24rem; +.focus\:bg-colors-teal-200:focus { + background-color: var(--colors-teal-200, #b2f5ea); } -.p-px { - padding: 1px; +.focus\:bg-colors-teal-300:focus { + background-color: var(--colors-teal-300, #81e6d9); } -.p-0\.5 { - padding: 0.125rem; +.focus\:bg-colors-teal-400:focus { + background-color: var(--colors-teal-400, #4fd1c5); } -.p-1\.5 { - padding: 0.375rem; +.focus\:bg-colors-teal-500:focus { + background-color: var(--colors-teal-500, #38b2ac); } -.p-2\.5 { - padding: 0.625rem; +.focus\:bg-colors-teal-600:focus { + background-color: var(--colors-teal-600, #319795); } -.p-3\.5 { - padding: 0.875rem; +.focus\:bg-colors-teal-700:focus { + background-color: var(--colors-teal-700, #2c7a7b); } -.px-0 { - padding-left: 0px; - padding-right: 0px; +.focus\:bg-colors-teal-800:focus { + background-color: var(--colors-teal-800, #285e61); } -.px-1 { - padding-left: 0.25rem; - padding-right: 0.25rem; +.focus\:bg-colors-teal-900:focus { + background-color: var(--colors-teal-900, #234e52); } -.px-2 { - padding-left: 0.5rem; - padding-right: 0.5rem; +.focus\:bg-colors-blue-100:focus { + background-color: var(--colors-blue-100, #ebf8ff); } -.px-3 { - padding-left: 0.75rem; - padding-right: 0.75rem; +.focus\:bg-colors-blue-200:focus { + background-color: var(--colors-blue-200, #bee3f8); } -.px-4 { - padding-left: 1rem; - padding-right: 1rem; +.focus\:bg-colors-blue-300:focus { + background-color: var(--colors-blue-300, #90cdf4); } -.px-5 { - padding-left: 1.25rem; - padding-right: 1.25rem; +.focus\:bg-colors-blue-400:focus { + background-color: var(--colors-blue-400, #63b3ed); } -.px-6 { - padding-left: 1.5rem; - padding-right: 1.5rem; +.focus\:bg-colors-blue-500:focus { + background-color: var(--colors-blue-500, #4299e1); } -.px-7 { - padding-left: 1.75rem; - padding-right: 1.75rem; +.focus\:bg-colors-blue-600:focus { + background-color: var(--colors-blue-600, #3182ce); } -.px-8 { - padding-left: 2rem; - padding-right: 2rem; +.focus\:bg-colors-blue-700:focus { + background-color: var(--colors-blue-700, #2b6cb0); } -.px-9 { - padding-left: 2.25rem; - padding-right: 2.25rem; +.focus\:bg-colors-blue-800:focus { + background-color: var(--colors-blue-800, #2c5282); } -.px-10 { - padding-left: 2.5rem; - padding-right: 2.5rem; +.focus\:bg-colors-blue-900:focus { + background-color: var(--colors-blue-900, #2a4365); } -.px-11 { - padding-left: 2.75rem; - padding-right: 2.75rem; +.focus\:bg-colors-indigo-100:focus { + background-color: var(--colors-indigo-100, #ebf4ff); } -.px-12 { - padding-left: 3rem; - padding-right: 3rem; +.focus\:bg-colors-indigo-200:focus { + background-color: var(--colors-indigo-200, #c3dafe); } -.px-14 { - padding-left: 3.5rem; - padding-right: 3.5rem; +.focus\:bg-colors-indigo-300:focus { + background-color: var(--colors-indigo-300, #a3bffa); } -.px-16 { - padding-left: 4rem; - padding-right: 4rem; +.focus\:bg-colors-indigo-400:focus { + background-color: var(--colors-indigo-400, #7f9cf5); } -.px-20 { - padding-left: 5rem; - padding-right: 5rem; +.focus\:bg-colors-indigo-500:focus { + background-color: var(--colors-indigo-500, #667eea); } -.px-24 { - padding-left: 6rem; - padding-right: 6rem; +.focus\:bg-colors-indigo-600:focus { + background-color: var(--colors-indigo-600, #5a67d8); } -.px-28 { - padding-left: 7rem; - padding-right: 7rem; +.focus\:bg-colors-indigo-700:focus { + background-color: var(--colors-indigo-700, #4c51bf); } -.px-32 { - padding-left: 8rem; - padding-right: 8rem; +.focus\:bg-colors-indigo-800:focus { + background-color: var(--colors-indigo-800, #434190); } -.px-36 { - padding-left: 9rem; - padding-right: 9rem; +.focus\:bg-colors-indigo-900:focus { + background-color: var(--colors-indigo-900, #3c366b); } -.px-40 { - padding-left: 10rem; - padding-right: 10rem; +.focus\:bg-colors-purple-100:focus { + background-color: var(--colors-purple-100, #faf5ff); } -.px-44 { - padding-left: 11rem; - padding-right: 11rem; +.focus\:bg-colors-purple-200:focus { + background-color: var(--colors-purple-200, #e9d8fd); } -.px-48 { - padding-left: 12rem; - padding-right: 12rem; +.focus\:bg-colors-purple-300:focus { + background-color: var(--colors-purple-300, #d6bcfa); } -.px-52 { - padding-left: 13rem; - padding-right: 13rem; +.focus\:bg-colors-purple-400:focus { + background-color: var(--colors-purple-400, #b794f4); } -.px-56 { - padding-left: 14rem; - padding-right: 14rem; +.focus\:bg-colors-purple-500:focus { + background-color: var(--colors-purple-500, #9f7aea); } -.px-60 { - padding-left: 15rem; - padding-right: 15rem; +.focus\:bg-colors-purple-600:focus { + background-color: var(--colors-purple-600, #805ad5); } -.px-64 { - padding-left: 16rem; - padding-right: 16rem; +.focus\:bg-colors-purple-700:focus { + background-color: var(--colors-purple-700, #6b46c1); } -.px-72 { - padding-left: 18rem; - padding-right: 18rem; +.focus\:bg-colors-purple-800:focus { + background-color: var(--colors-purple-800, #553c9a); } -.px-80 { - padding-left: 20rem; - padding-right: 20rem; +.focus\:bg-colors-purple-900:focus { + background-color: var(--colors-purple-900, #44337a); } -.px-96 { - padding-left: 24rem; - padding-right: 24rem; +.focus\:bg-colors-pink-100:focus { + background-color: var(--colors-pink-100, #fff5f7); } -.px-px { - padding-left: 1px; - padding-right: 1px; +.focus\:bg-colors-pink-200:focus { + background-color: var(--colors-pink-200, #fed7e2); } -.px-0\.5 { - padding-left: 0.125rem; - padding-right: 0.125rem; +.focus\:bg-colors-pink-300:focus { + background-color: var(--colors-pink-300, #fbb6ce); } -.px-1\.5 { - padding-left: 0.375rem; - padding-right: 0.375rem; +.focus\:bg-colors-pink-400:focus { + background-color: var(--colors-pink-400, #f687b3); } -.px-2\.5 { - padding-left: 0.625rem; - padding-right: 0.625rem; +.focus\:bg-colors-pink-500:focus { + background-color: var(--colors-pink-500, #ed64a6); } -.px-3\.5 { - padding-left: 0.875rem; - padding-right: 0.875rem; +.focus\:bg-colors-pink-600:focus { + background-color: var(--colors-pink-600, #d53f8c); } -.py-0 { - padding-top: 0px; - padding-bottom: 0px; +.focus\:bg-colors-pink-700:focus { + background-color: var(--colors-pink-700, #b83280); } -.py-1 { - padding-top: 0.25rem; - padding-bottom: 0.25rem; +.focus\:bg-colors-pink-800:focus { + background-color: var(--colors-pink-800, #97266d); } -.py-2 { - padding-top: 0.5rem; - padding-bottom: 0.5rem; +.focus\:bg-colors-pink-900:focus { + background-color: var(--colors-pink-900, #702459); } -.py-3 { - padding-top: 0.75rem; - padding-bottom: 0.75rem; +.focus\:bg-Box\ Shadow:focus { + background-color: var(--box-shadow, #7f7e7f); } -.py-4 { - padding-top: 1rem; - padding-bottom: 1rem; +.focus\:bg-Error16:focus { + background-color: var(--error16, #f03d3e40); } -.py-5 { - padding-top: 1.25rem; - padding-bottom: 1.25rem; +.focus\:bg-Success16:focus { + background-color: var(--success16, #5bb14d40); } -.py-6 { - padding-top: 1.5rem; - padding-bottom: 1.5rem; +.focus\:bg-Notification16:focus { + background-color: var(--notification16, #3959ff40); } -.py-7 { - padding-top: 1.75rem; - padding-bottom: 1.75rem; +.focus\:bg-Error8:focus { + background-color: var(--error8, #f03d3e1a); } -.py-8 { - padding-top: 2rem; - padding-bottom: 2rem; +.focus\:bg-Notification8:focus { + background-color: var(--notification8, #3959ff1a); } -.py-9 { - padding-top: 2.25rem; - padding-bottom: 2.25rem; +.focus\:bg-Success8:focus { + background-color: var(--success8, #5bb14d1a); } -.py-10 { - padding-top: 2.5rem; - padding-bottom: 2.5rem; +.focus\:bg-Light\ -\ Overlay:focus { + background-color: var(--light-overlay, #f0edee66); } -.py-11 { - padding-top: 2.75rem; - padding-bottom: 2.75rem; +.focus\:bg-Dark-\ Overlay:focus { + background-color: var(--dark-overlay, #7f7e7f66); } -.py-12 { - padding-top: 3rem; - padding-bottom: 3rem; +.focus\:bg-black-40:focus { + background-color: var(--black-40, #00000066); } -.py-14 { - padding-top: 3.5rem; - padding-bottom: 3.5rem; +.focus\:bg-black-75:focus { + background-color: var(--black-75, #000000bf); } -.py-16 { - padding-top: 4rem; - padding-bottom: 4rem; +.focus\:bg-black-60:focus { + background-color: var(--black-60, #00000099); } -.py-20 { - padding-top: 5rem; - padding-bottom: 5rem; +.focus\:bg-black-50:focus { + background-color: var(--black-50, #00000080); } -.py-24 { - padding-top: 6rem; - padding-bottom: 6rem; +.focus\:bg-black-25:focus { + background-color: var(--black-25, #00000040); } -.py-28 { - padding-top: 7rem; - padding-bottom: 7rem; +.focus\:bg-black-10:focus { + background-color: var(--black-10, #0000001a); } -.py-32 { - padding-top: 8rem; - padding-bottom: 8rem; +.focus\:bg-white-25:focus { + background-color: var(--white-25, #ffffff40); } -.py-36 { - padding-top: 9rem; - padding-bottom: 9rem; +.focus\:bg-white-60:focus { + background-color: var(--white-60, #ffffff99); } -.py-40 { - padding-top: 10rem; - padding-bottom: 10rem; +.focus\:bg-black-64:focus { + background-color: var(--black-64, #000000a3); } -.py-44 { - padding-top: 11rem; - padding-bottom: 11rem; +.focus\:bg-Shadow\ and\ Highlight-Shadow:focus { + background-color: var(--shadow-and-highlight-shadow, #7f7e7f); } -.py-48 { - padding-top: 12rem; - padding-bottom: 12rem; +.focus\:bg-Shadow\ and\ Highlight-Highlight:focus { + background-color: var(--shadow-and-highlight-highlight, #474747); } -.py-52 { - padding-top: 13rem; - padding-bottom: 13rem; +.focus\:bg-Shadow\ and\ Highlight-highlight\ one:focus { + background-color: var(--shadow-and-highlight-highlight-one, #474747bf); } -.py-56 { - padding-top: 14rem; - padding-bottom: 14rem; +.focus\:bg-Shadow\ and\ Highlight-highlight\ two:focus { + background-color: var(--shadow-and-highlight-highlight-two, #47474799); } -.py-60 { - padding-top: 15rem; - padding-bottom: 15rem; +.focus\:bg-Shadow\ and\ Highlight-highlight\ three:focus { + background-color: var(--shadow-and-highlight-highlight-three, #47474766); } -.py-64 { - padding-top: 16rem; - padding-bottom: 16rem; +.focus\:bg-Shadow\ and\ Highlight-highlight\ five:focus { + background-color: var(--shadow-and-highlight-highlight-five, #4747471a); } -.py-72 { - padding-top: 18rem; - padding-bottom: 18rem; +.focus\:bg-Shadow\ and\ Highlight-shadow\ one:focus { + background-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } -.py-80 { - padding-top: 20rem; - padding-bottom: 20rem; +.focus\:bg-Shadow\ and\ Highlight-shadow\ two:focus { + background-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } -.py-96 { - padding-top: 24rem; - padding-bottom: 24rem; +.focus\:bg-Shadow\ and\ Highlight-shadow\ three:focus { + background-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } -.py-px { - padding-top: 1px; - padding-bottom: 1px; +.focus\:bg-Shadow\ and\ Highlight-shadow\ four:focus { + background-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } -.py-0\.5 { - padding-top: 0.125rem; - padding-bottom: 0.125rem; +.focus\:bg-Shadow\ and\ Highlight-shadow\ five:focus { + background-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } -.py-1\.5 { - padding-top: 0.375rem; - padding-bottom: 0.375rem; +.focus\:bg-Shadow\ and\ Highlight-highlight\ four:focus { + background-color: var(--shadow-and-highlight-highlight-four, #47474740); } -.py-2\.5 { - padding-top: 0.625rem; - padding-bottom: 0.625rem; +.focus\:bg-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus { + background-color: var(--base-layer-styles-base-layer-light-white, #ffffff); } -.py-3\.5 { - padding-top: 0.875rem; - padding-bottom: 0.875rem; +.focus\:bg-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus { + background-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } -.pt-0 { - padding-top: 0px; +.focus\:bg-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus { + background-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } -.pt-1 { - padding-top: 0.25rem; +.focus\:bg-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus { + background-color: var(--base-layer-styles-base-layer-dark-black, #000000); } -.pt-2 { - padding-top: 0.5rem; +.focus\:bg-Grey-Scale-white:focus { + background-color: var(--grey-scale-white, #ffffff); } -.pt-3 { - padding-top: 0.75rem; +.focus\:bg-Grey-Scale-off-white:focus { + background-color: var(--grey-scale-off-white, #f0edee); } -.pt-4 { - padding-top: 1rem; +.focus\:bg-Grey\ Scale-grey:focus { + background-color: var(--grey-scale-grey, #7f7e7f); } -.pt-5 { - padding-top: 1.25rem; +.focus\:bg-Grey\ Scale-charcoal:focus { + background-color: var(--grey-scale-charcoal, #474747); } -.pt-6 { - padding-top: 1.5rem; +.focus\:bg-Grey\ Scale-off-black:focus { + background-color: var(--grey-scale-off-black, #1c1c1c); } -.pt-7 { - padding-top: 1.75rem; +.focus\:bg-Grey\ Scale-black:focus { + background-color: var(--grey-scale-black, #000000); } -.pt-8 { - padding-top: 2rem; +.focus\:bg-Blue-blue:focus { + background-color: var(--blue-blue, #3a7ca5); } -.pt-9 { - padding-top: 2.25rem; +.focus\:bg-Blue-blue-100:focus { + background-color: var(--blue-blue-100, #75a3c0); } -.pt-10 { - padding-top: 2.5rem; +.focus\:bg-Blue-blue-200:focus { + background-color: var(--blue-blue-200, #9cbed2); } -.pt-11 { - padding-top: 2.75rem; +.focus\:bg-Blue-blue-300:focus { + background-color: var(--blue-blue-300, #4f7d9a); } -.pt-12 { - padding-top: 3rem; +.focus\:bg-Blue-blue-400:focus { + background-color: var(--blue-blue-400, #5c7d92); } -.pt-14 { - padding-top: 3.5rem; +.focus\:bg-Blue-blue-500:focus { + background-color: var(--blue-blue-500, #347095); } -.pt-16 { - padding-top: 4rem; +.focus\:bg-Blue-blue-600:focus { + background-color: var(--blue-blue-600, #295774); } -.pt-20 { - padding-top: 5rem; +.focus\:bg-Blue-blue-700:focus { + background-color: var(--blue-blue-700, #173242); } -.pt-24 { - padding-top: 6rem; +.focus\:bg-LightBlue-lightblue:focus { + background-color: var(--light-blue-lightblue, #81c3d7); } -.pt-28 { - padding-top: 7rem; +.focus\:bg-LightBlue-lightblue-100:focus { + background-color: var(--light-blue-lightblue-100, #a7d5e3); } -.pt-32 { - padding-top: 8rem; +.focus\:bg-LightBlue-lightblue-200:focus { + background-color: var(--light-blue-lightblue-200, #c0e1eb); } -.pt-36 { - padding-top: 9rem; +.focus\:bg-LightBlue-lightblue-300:focus { + background-color: var(--light-blue-lightblue-300, #80aebd); } -.pt-40 { - padding-top: 10rem; +.focus\:bg-LightBlue-lightblue-400:focus { + background-color: var(--light-blue-lightblue-400, #80a0ab); } -.pt-44 { - padding-top: 11rem; +.focus\:bg-LightBlue-lightblue-500:focus { + background-color: var(--light-blue-lightblue-500, #74afc1); } -.pt-48 { - padding-top: 12rem; +.focus\:bg-LightBlue-lightblue-600:focus { + background-color: var(--light-blue-lightblue-600, #5a8997); } -.pt-52 { - padding-top: 13rem; +.focus\:bg-LightBlue-lightblue-650:focus { + background-color: var(--light-blue-lightblue-650, #3e5e65); } -.pt-56 { - padding-top: 14rem; +.focus\:bg-LightBlue-lightblue-700:focus { + background-color: var(--light-blue-lightblue-700, #344e56); } -.pt-60 { - padding-top: 15rem; +.focus\:bg-Orange-orange:focus { + background-color: var(--orange-orange, #ff7f0e); } -.pt-64 { - padding-top: 16rem; +.focus\:bg-Orange-orange-100:focus { + background-color: var(--orange-orange-100, #ffa556); } -.pt-72 { - padding-top: 18rem; +.focus\:bg-Orange-orange-200:focus { + background-color: var(--orange-orange-200, #ffbf86); } -.pt-80 { - padding-top: 20rem; +.focus\:bg-Orange-orange-300:focus { + background-color: var(--orange-orange-300, #d97f30); } -.pt-96 { - padding-top: 24rem; +.focus\:bg-Orange-orange-400:focus { + background-color: var(--orange-orange-400, #bf7e46); } -.pt-px { - padding-top: 1px; +.focus\:bg-Orange-orange-500:focus { + background-color: var(--orange-orange-500, #e5720d); } -.pt-0\.5 { - padding-top: 0.125rem; +.focus\:bg-Orange-orange-600:focus { + background-color: var(--orange-orange-600, #b3590a); } -.pt-1\.5 { - padding-top: 0.375rem; +.focus\:bg-Orange-orange-700:focus { + background-color: var(--orange-orange-700, #663306); } -.pt-2\.5 { - padding-top: 0.625rem; +.focus\:bg-Yellow-yellow:focus { + background-color: var(--yellow-yellow, #ffab00); } -.pt-3\.5 { - padding-top: 0.875rem; +.focus\:bg-Yellow-yellow-100:focus { + background-color: var(--yellow-yellow-100, #ffc44c); } -.pr-0 { - padding-right: 0px; +.focus\:bg-Yellow-yellow-200:focus { + background-color: var(--yellow-yellow-200, #ffd580); } -.pr-1 { - padding-right: 0.25rem; +.focus\:bg-Yellow-yellow-300:focus { + background-color: var(--yellow-yellow-300, #d99d26); } -.pr-2 { - padding-right: 0.5rem; +.focus\:bg-Yellow-yellow-400:focus { + background-color: var(--yellow-yellow-400, #bf943f); } -.pr-3 { - padding-right: 0.75rem; +.focus\:bg-Yellow-yellow-500:focus { + background-color: var(--yellow-yellow-500, #e59a00); } -.pr-4 { - padding-right: 1rem; +.focus\:bg-Yellow-yellow-600:focus { + background-color: var(--yellow-yellow-600, #b37800); } -.pr-5 { - padding-right: 1.25rem; +.focus\:bg-Yellow-yellow-700:focus { + background-color: var(--yellow-yellow-700, #664400); } -.pr-6 { - padding-right: 1.5rem; +.focus\:bg-Notification-notification:focus { + background-color: var(--notification-notification, #3959ff); } -.pr-7 { - padding-right: 1.75rem; +.focus\:bg-Notification-notification-100:focus { + background-color: var(--notification-notification-100, #748bff); } -.pr-8 { - padding-right: 2rem; +.focus\:bg-Notification-notification-200:focus { + background-color: var(--notification-notification-200, #9cacff); } -.pr-9 { - padding-right: 2.25rem; +.focus\:bg-Notification-notification-300:focus { + background-color: var(--notification-notification-300, #4e64d9); } -.pr-10 { - padding-right: 2.5rem; +.focus\:bg-Notification-notification-400:focus { + background-color: var(--notification-notification-400, #5c6cbf); } -.pr-11 { - padding-right: 2.75rem; +.focus\:bg-Notification-notification-500:focus { + background-color: var(--notification-notification-500, #3350e5); } -.pr-12 { - padding-right: 3rem; +.focus\:bg-Notification-notification-600:focus { + background-color: var(--notification-notification-600, #283eb3); } -.pr-14 { - padding-right: 3.5rem; +.focus\:bg-Notification-notification-700:focus { + background-color: var(--notification-notification-700, #172466); } -.pr-16 { - padding-right: 4rem; +.focus\:bg-Success-success\ -700:focus { + background-color: var(--success-success-700, #24471f); } -.pr-20 { - padding-right: 5rem; +.focus\:bg-Success-success:focus { + background-color: var(--success-success, #5bb14d); } -.pr-24 { - padding-right: 6rem; +.focus\:bg-Success-success\ -100:focus { + background-color: var(--success-success-100, #8cc882); } -.pr-28 { - padding-right: 7rem; +.focus\:bg-Success-success\ -200:focus { + background-color: var(--success-success-200, #add8a6); } -.pr-32 { - padding-right: 8rem; +.focus\:bg-Success-success\ -300:focus { + background-color: var(--success-success-300, #66a25c); } -.pr-36 { - padding-right: 9rem; +.focus\:bg-Success-success\ -400:focus { + background-color: var(--success-success-400, #6d9766); } -.pr-40 { - padding-right: 10rem; +.focus\:bg-Success-success\ -500:focus { + background-color: var(--success-success-500, #529f45); } -.pr-44 { - padding-right: 11rem; +.focus\:bg-Success-success\ -600:focus { + background-color: var(--success-success-600, #407c36); } -.pr-48 { - padding-right: 12rem; +.focus\:bg-Error-error:focus { + background-color: var(--error-error, #f03d3e); } -.pr-52 { - padding-right: 13rem; +.focus\:bg-Error-error-100:focus { + background-color: var(--error-error-100, #f57778); } -.pr-56 { - padding-right: 14rem; +.focus\:bg-Error-error-200:focus { + background-color: var(--error-error-200, #f89e9e); } -.pr-60 { - padding-right: 15rem; +.focus\:bg-Error-error-250:focus { + background-color: var(--error-error-250, #f9c8c8); } -.pr-64 { - padding-right: 16rem; +.focus\:bg-Error-error-300:focus { + background-color: var(--error-error-300, #ce5151); } -.pr-72 { - padding-right: 18rem; +.focus\:bg-Error-error-400:focus { + background-color: var(--error-error-400, #b85e5e); } -.pr-80 { - padding-right: 20rem; +.focus\:bg-Error-error-500:focus { + background-color: var(--error-error-500, #d83738); } -.pr-96 { - padding-right: 24rem; +.focus\:bg-Error-error-600:focus { + background-color: var(--error-error-600, #a82b2b); } -.pr-px { - padding-right: 1px; +.focus\:bg-Error-error-700:focus { + background-color: var(--error-error-700, #601819); } -.pr-0\.5 { - padding-right: 0.125rem; +.bg-opacity-0 { + --tw-bg-opacity: 0; } -.pr-1\.5 { - padding-right: 0.375rem; +.bg-opacity-5 { + --tw-bg-opacity: 0.05; } -.pr-2\.5 { - padding-right: 0.625rem; +.bg-opacity-10 { + --tw-bg-opacity: 0.1; } -.pr-3\.5 { - padding-right: 0.875rem; +.bg-opacity-20 { + --tw-bg-opacity: 0.2; } -.pb-0 { - padding-bottom: 0px; +.bg-opacity-25 { + --tw-bg-opacity: 0.25; } -.pb-1 { - padding-bottom: 0.25rem; +.bg-opacity-30 { + --tw-bg-opacity: 0.3; } -.pb-2 { - padding-bottom: 0.5rem; +.bg-opacity-40 { + --tw-bg-opacity: 0.4; } -.pb-3 { - padding-bottom: 0.75rem; +.bg-opacity-50 { + --tw-bg-opacity: 0.5; } -.pb-4 { - padding-bottom: 1rem; +.bg-opacity-60 { + --tw-bg-opacity: 0.6; } -.pb-5 { - padding-bottom: 1.25rem; +.bg-opacity-70 { + --tw-bg-opacity: 0.7; } -.pb-6 { - padding-bottom: 1.5rem; +.bg-opacity-75 { + --tw-bg-opacity: 0.75; } -.pb-7 { - padding-bottom: 1.75rem; +.bg-opacity-80 { + --tw-bg-opacity: 0.8; } -.pb-8 { - padding-bottom: 2rem; +.bg-opacity-90 { + --tw-bg-opacity: 0.9; } -.pb-9 { - padding-bottom: 2.25rem; +.bg-opacity-95 { + --tw-bg-opacity: 0.95; } -.pb-10 { - padding-bottom: 2.5rem; +.bg-opacity-100 { + --tw-bg-opacity: 1; } -.pb-11 { - padding-bottom: 2.75rem; +.group:hover .group-hover\:bg-opacity-0 { + --tw-bg-opacity: 0; } -.pb-12 { - padding-bottom: 3rem; +.group:hover .group-hover\:bg-opacity-5 { + --tw-bg-opacity: 0.05; } -.pb-14 { - padding-bottom: 3.5rem; +.group:hover .group-hover\:bg-opacity-10 { + --tw-bg-opacity: 0.1; } -.pb-16 { - padding-bottom: 4rem; +.group:hover .group-hover\:bg-opacity-20 { + --tw-bg-opacity: 0.2; } -.pb-20 { - padding-bottom: 5rem; +.group:hover .group-hover\:bg-opacity-25 { + --tw-bg-opacity: 0.25; } -.pb-24 { - padding-bottom: 6rem; +.group:hover .group-hover\:bg-opacity-30 { + --tw-bg-opacity: 0.3; } -.pb-28 { - padding-bottom: 7rem; +.group:hover .group-hover\:bg-opacity-40 { + --tw-bg-opacity: 0.4; } -.pb-32 { - padding-bottom: 8rem; +.group:hover .group-hover\:bg-opacity-50 { + --tw-bg-opacity: 0.5; } -.pb-36 { - padding-bottom: 9rem; +.group:hover .group-hover\:bg-opacity-60 { + --tw-bg-opacity: 0.6; } -.pb-40 { - padding-bottom: 10rem; +.group:hover .group-hover\:bg-opacity-70 { + --tw-bg-opacity: 0.7; } -.pb-44 { - padding-bottom: 11rem; +.group:hover .group-hover\:bg-opacity-75 { + --tw-bg-opacity: 0.75; } -.pb-48 { - padding-bottom: 12rem; +.group:hover .group-hover\:bg-opacity-80 { + --tw-bg-opacity: 0.8; } -.pb-52 { - padding-bottom: 13rem; +.group:hover .group-hover\:bg-opacity-90 { + --tw-bg-opacity: 0.9; } -.pb-56 { - padding-bottom: 14rem; +.group:hover .group-hover\:bg-opacity-95 { + --tw-bg-opacity: 0.95; } -.pb-60 { - padding-bottom: 15rem; +.group:hover .group-hover\:bg-opacity-100 { + --tw-bg-opacity: 1; } -.pb-64 { - padding-bottom: 16rem; +.focus-within\:bg-opacity-0:focus-within { + --tw-bg-opacity: 0; } -.pb-72 { - padding-bottom: 18rem; +.focus-within\:bg-opacity-5:focus-within { + --tw-bg-opacity: 0.05; } -.pb-80 { - padding-bottom: 20rem; +.focus-within\:bg-opacity-10:focus-within { + --tw-bg-opacity: 0.1; } -.pb-96 { - padding-bottom: 24rem; +.focus-within\:bg-opacity-20:focus-within { + --tw-bg-opacity: 0.2; } -.pb-px { - padding-bottom: 1px; +.focus-within\:bg-opacity-25:focus-within { + --tw-bg-opacity: 0.25; } -.pb-0\.5 { - padding-bottom: 0.125rem; +.focus-within\:bg-opacity-30:focus-within { + --tw-bg-opacity: 0.3; } -.pb-1\.5 { - padding-bottom: 0.375rem; +.focus-within\:bg-opacity-40:focus-within { + --tw-bg-opacity: 0.4; } -.pb-2\.5 { - padding-bottom: 0.625rem; +.focus-within\:bg-opacity-50:focus-within { + --tw-bg-opacity: 0.5; } -.pb-3\.5 { - padding-bottom: 0.875rem; +.focus-within\:bg-opacity-60:focus-within { + --tw-bg-opacity: 0.6; } -.pl-0 { - padding-left: 0px; +.focus-within\:bg-opacity-70:focus-within { + --tw-bg-opacity: 0.7; } -.pl-1 { - padding-left: 0.25rem; +.focus-within\:bg-opacity-75:focus-within { + --tw-bg-opacity: 0.75; } -.pl-2 { - padding-left: 0.5rem; +.focus-within\:bg-opacity-80:focus-within { + --tw-bg-opacity: 0.8; } -.pl-3 { - padding-left: 0.75rem; +.focus-within\:bg-opacity-90:focus-within { + --tw-bg-opacity: 0.9; } -.pl-4 { - padding-left: 1rem; +.focus-within\:bg-opacity-95:focus-within { + --tw-bg-opacity: 0.95; } -.pl-5 { - padding-left: 1.25rem; +.focus-within\:bg-opacity-100:focus-within { + --tw-bg-opacity: 1; } -.pl-6 { - padding-left: 1.5rem; +.hover\:bg-opacity-0:hover { + --tw-bg-opacity: 0; } -.pl-7 { - padding-left: 1.75rem; +.hover\:bg-opacity-5:hover { + --tw-bg-opacity: 0.05; } -.pl-8 { - padding-left: 2rem; +.hover\:bg-opacity-10:hover { + --tw-bg-opacity: 0.1; } -.pl-9 { - padding-left: 2.25rem; +.hover\:bg-opacity-20:hover { + --tw-bg-opacity: 0.2; } -.pl-10 { - padding-left: 2.5rem; +.hover\:bg-opacity-25:hover { + --tw-bg-opacity: 0.25; } -.pl-11 { - padding-left: 2.75rem; +.hover\:bg-opacity-30:hover { + --tw-bg-opacity: 0.3; } -.pl-12 { - padding-left: 3rem; +.hover\:bg-opacity-40:hover { + --tw-bg-opacity: 0.4; } -.pl-14 { - padding-left: 3.5rem; +.hover\:bg-opacity-50:hover { + --tw-bg-opacity: 0.5; } -.pl-16 { - padding-left: 4rem; +.hover\:bg-opacity-60:hover { + --tw-bg-opacity: 0.6; } -.pl-20 { - padding-left: 5rem; +.hover\:bg-opacity-70:hover { + --tw-bg-opacity: 0.7; } -.pl-24 { - padding-left: 6rem; +.hover\:bg-opacity-75:hover { + --tw-bg-opacity: 0.75; } -.pl-28 { - padding-left: 7rem; +.hover\:bg-opacity-80:hover { + --tw-bg-opacity: 0.8; } -.pl-32 { - padding-left: 8rem; +.hover\:bg-opacity-90:hover { + --tw-bg-opacity: 0.9; } -.pl-36 { - padding-left: 9rem; +.hover\:bg-opacity-95:hover { + --tw-bg-opacity: 0.95; } -.pl-40 { - padding-left: 10rem; +.hover\:bg-opacity-100:hover { + --tw-bg-opacity: 1; } -.pl-44 { - padding-left: 11rem; +.focus\:bg-opacity-0:focus { + --tw-bg-opacity: 0; } -.pl-48 { - padding-left: 12rem; +.focus\:bg-opacity-5:focus { + --tw-bg-opacity: 0.05; } -.pl-52 { - padding-left: 13rem; +.focus\:bg-opacity-10:focus { + --tw-bg-opacity: 0.1; } -.pl-56 { - padding-left: 14rem; +.focus\:bg-opacity-20:focus { + --tw-bg-opacity: 0.2; } -.pl-60 { - padding-left: 15rem; +.focus\:bg-opacity-25:focus { + --tw-bg-opacity: 0.25; } -.pl-64 { - padding-left: 16rem; +.focus\:bg-opacity-30:focus { + --tw-bg-opacity: 0.3; } -.pl-72 { - padding-left: 18rem; +.focus\:bg-opacity-40:focus { + --tw-bg-opacity: 0.4; } -.pl-80 { - padding-left: 20rem; +.focus\:bg-opacity-50:focus { + --tw-bg-opacity: 0.5; } -.pl-96 { - padding-left: 24rem; +.focus\:bg-opacity-60:focus { + --tw-bg-opacity: 0.6; } -.pl-px { - padding-left: 1px; +.focus\:bg-opacity-70:focus { + --tw-bg-opacity: 0.7; } -.pl-0\.5 { - padding-left: 0.125rem; +.focus\:bg-opacity-75:focus { + --tw-bg-opacity: 0.75; } -.pl-1\.5 { - padding-left: 0.375rem; +.focus\:bg-opacity-80:focus { + --tw-bg-opacity: 0.8; } -.pl-2\.5 { - padding-left: 0.625rem; +.focus\:bg-opacity-90:focus { + --tw-bg-opacity: 0.9; } -.pl-3\.5 { - padding-left: 0.875rem; +.focus\:bg-opacity-95:focus { + --tw-bg-opacity: 0.95; } -.text-left { - text-align: left; +.focus\:bg-opacity-100:focus { + --tw-bg-opacity: 1; } -.text-center { - text-align: center; +.bg-none { + background-image: none; } -.text-right { - text-align: right; +.bg-gradient-to-t { + background-image: linear-gradient(to top, var(--tw-gradient-stops)); } -.text-justify { - text-align: justify; +.bg-gradient-to-tr { + background-image: linear-gradient(to top right, var(--tw-gradient-stops)); } -.align-baseline { - vertical-align: baseline; +.bg-gradient-to-r { + background-image: linear-gradient(to right, var(--tw-gradient-stops)); } -.align-top { - vertical-align: top; +.bg-gradient-to-br { + background-image: linear-gradient(to bottom right, var(--tw-gradient-stops)); } -.align-middle { - vertical-align: middle; +.bg-gradient-to-b { + background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); } -.align-bottom { - vertical-align: bottom; +.bg-gradient-to-bl { + background-image: linear-gradient(to bottom left, var(--tw-gradient-stops)); } -.align-text-top { - vertical-align: text-top; +.bg-gradient-to-l { + background-image: linear-gradient(to left, var(--tw-gradient-stops)); } -.align-text-bottom { - vertical-align: text-bottom; +.bg-gradient-to-tl { + background-image: linear-gradient(to top left, var(--tw-gradient-stops)); } -.font-sans { - font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; +.from-colors-black { + --tw-gradient-from: var(--colors-black, #000000); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.font-serif { - font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; +.from-colors-white { + --tw-gradient-from: var(--colors-white, #ffffff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.font-mono { - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +.from-colors-gray-100 { + --tw-gradient-from: var(--colors-gray-100, #f7fafc); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-xs { - font-size: 0.75rem; - line-height: 1rem; +.from-colors-gray-200 { + --tw-gradient-from: var(--colors-gray-200, #edf2f7); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-sm { - font-size: 0.875rem; - line-height: 1.25rem; +.from-colors-gray-300 { + --tw-gradient-from: var(--colors-gray-300, #e2e8f0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-base { - font-size: 1rem; - line-height: 1.5rem; +.from-colors-gray-400 { + --tw-gradient-from: var(--colors-gray-400, #cbd5e0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-lg { - font-size: 1.125rem; - line-height: 1.75rem; +.from-colors-gray-500 { + --tw-gradient-from: var(--colors-gray-500, #a0aec0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-xl { - font-size: 1.25rem; - line-height: 1.75rem; +.from-colors-gray-600 { + --tw-gradient-from: var(--colors-gray-600, #718096); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-2xl { - font-size: 1.5rem; - line-height: 2rem; +.from-colors-gray-700 { + --tw-gradient-from: var(--colors-gray-700, #4a5568); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-3xl { - font-size: 1.875rem; - line-height: 2.25rem; +.from-colors-gray-800 { + --tw-gradient-from: var(--colors-gray-800, #2d3748); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-4xl { - font-size: 2.25rem; - line-height: 2.5rem; +.from-colors-gray-900 { + --tw-gradient-from: var(--colors-gray-900, #1a202c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-5xl { - font-size: 3rem; - line-height: 1; +.from-colors-red-100 { + --tw-gradient-from: var(--colors-red-100, #fff5f5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-6xl { - font-size: 3.75rem; - line-height: 1; +.from-colors-red-200 { + --tw-gradient-from: var(--colors-red-200, #fed7d7); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-7xl { - font-size: 4.5rem; - line-height: 1; +.from-colors-red-300 { + --tw-gradient-from: var(--colors-red-300, #feb2b2); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-8xl { - font-size: 6rem; - line-height: 1; +.from-colors-red-400 { + --tw-gradient-from: var(--colors-red-400, #fc8181); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-9xl { - font-size: 8rem; - line-height: 1; +.from-colors-red-500 { + --tw-gradient-from: var(--colors-red-500, #f56565); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.font-thin { - font-weight: 100; +.from-colors-red-600 { + --tw-gradient-from: var(--colors-red-600, #e53e3e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.font-extralight { - font-weight: 200; +.from-colors-red-700 { + --tw-gradient-from: var(--colors-red-700, #c53030); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.font-light { - font-weight: 300; +.from-colors-red-800 { + --tw-gradient-from: var(--colors-red-800, #9b2c2c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.font-normal { - font-weight: 400; +.from-colors-red-900 { + --tw-gradient-from: var(--colors-red-900, #742a2a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.font-medium { - font-weight: 500; +.from-colors-orange-100 { + --tw-gradient-from: var(--colors-orange-100, #fffaf0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.font-semibold { - font-weight: 600; +.from-colors-orange-200 { + --tw-gradient-from: var(--colors-orange-200, #feebc8); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.font-bold { - font-weight: 700; +.from-colors-orange-300 { + --tw-gradient-from: var(--colors-orange-300, #fbd38d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.font-extrabold { - font-weight: 800; +.from-colors-orange-400 { + --tw-gradient-from: var(--colors-orange-400, #f6ad55); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.font-black { - font-weight: 900; +.from-colors-orange-500 { + --tw-gradient-from: var(--colors-orange-500, #ed8936); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.uppercase { - text-transform: uppercase; +.from-colors-orange-600 { + --tw-gradient-from: var(--colors-orange-600, #dd6b20); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.lowercase { - text-transform: lowercase; +.from-colors-orange-700 { + --tw-gradient-from: var(--colors-orange-700, #c05621); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.capitalize { - text-transform: capitalize; +.from-colors-orange-800 { + --tw-gradient-from: var(--colors-orange-800, #9c4221); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.normal-case { - text-transform: none; +.from-colors-orange-900 { + --tw-gradient-from: var(--colors-orange-900, #7b341e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.italic { - font-style: italic; +.from-colors-yellow-100 { + --tw-gradient-from: var(--colors-yellow-100, #fffff0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.not-italic { - font-style: normal; +.from-colors-yellow-200 { + --tw-gradient-from: var(--colors-yellow-200, #fefcbf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.ordinal, .slashed-zero, .lining-nums, .oldstyle-nums, .proportional-nums, .tabular-nums, .diagonal-fractions, .stacked-fractions { - --tw-ordinal: var(--tw-empty,/*!*/ /*!*/); - --tw-slashed-zero: var(--tw-empty,/*!*/ /*!*/); - --tw-numeric-figure: var(--tw-empty,/*!*/ /*!*/); - --tw-numeric-spacing: var(--tw-empty,/*!*/ /*!*/); - --tw-numeric-fraction: var(--tw-empty,/*!*/ /*!*/); - font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +.from-colors-yellow-300 { + --tw-gradient-from: var(--colors-yellow-300, #faf089); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.normal-nums { - font-variant-numeric: normal; +.from-colors-yellow-400 { + --tw-gradient-from: var(--colors-yellow-400, #f6e05e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.ordinal { - --tw-ordinal: ordinal; +.from-colors-yellow-500 { + --tw-gradient-from: var(--colors-yellow-500, #ecc94b); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.slashed-zero { - --tw-slashed-zero: slashed-zero; +.from-colors-yellow-600 { + --tw-gradient-from: var(--colors-yellow-600, #d69e2e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.lining-nums { - --tw-numeric-figure: lining-nums; +.from-colors-yellow-700 { + --tw-gradient-from: var(--colors-yellow-700, #b7791f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.oldstyle-nums { - --tw-numeric-figure: oldstyle-nums; +.from-colors-yellow-800 { + --tw-gradient-from: var(--colors-yellow-800, #975a16); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.proportional-nums { - --tw-numeric-spacing: proportional-nums; +.from-colors-yellow-900 { + --tw-gradient-from: var(--colors-yellow-900, #744210); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.tabular-nums { - --tw-numeric-spacing: tabular-nums; +.from-colors-green-100 { + --tw-gradient-from: var(--colors-green-100, #f0fff4); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.diagonal-fractions { - --tw-numeric-fraction: diagonal-fractions; +.from-colors-green-200 { + --tw-gradient-from: var(--colors-green-200, #c6f6d5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.stacked-fractions { - --tw-numeric-fraction: stacked-fractions; +.from-colors-green-300 { + --tw-gradient-from: var(--colors-green-300, #9ae6b4); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.leading-3 { - line-height: .75rem; +.from-colors-green-400 { + --tw-gradient-from: var(--colors-green-400, #68d391); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.leading-4 { - line-height: 1rem; +.from-colors-green-500 { + --tw-gradient-from: var(--colors-green-500, #48bb78); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.leading-5 { - line-height: 1.25rem; +.from-colors-green-600 { + --tw-gradient-from: var(--colors-green-600, #38a169); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.leading-6 { - line-height: 1.5rem; +.from-colors-green-700 { + --tw-gradient-from: var(--colors-green-700, #2f855a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.leading-7 { - line-height: 1.75rem; +.from-colors-green-800 { + --tw-gradient-from: var(--colors-green-800, #276749); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.leading-8 { - line-height: 2rem; +.from-colors-green-900 { + --tw-gradient-from: var(--colors-green-900, #22543d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.leading-9 { - line-height: 2.25rem; +.from-colors-teal-100 { + --tw-gradient-from: var(--colors-teal-100, #e6fffa); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.leading-10 { - line-height: 2.5rem; +.from-colors-teal-200 { + --tw-gradient-from: var(--colors-teal-200, #b2f5ea); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.leading-none { - line-height: 1; +.from-colors-teal-300 { + --tw-gradient-from: var(--colors-teal-300, #81e6d9); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.leading-tight { - line-height: 1.25; +.from-colors-teal-400 { + --tw-gradient-from: var(--colors-teal-400, #4fd1c5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.leading-snug { - line-height: 1.375; +.from-colors-teal-500 { + --tw-gradient-from: var(--colors-teal-500, #38b2ac); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.leading-normal { - line-height: 1.5; +.from-colors-teal-600 { + --tw-gradient-from: var(--colors-teal-600, #319795); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.leading-relaxed { - line-height: 1.625; +.from-colors-teal-700 { + --tw-gradient-from: var(--colors-teal-700, #2c7a7b); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.leading-loose { - line-height: 2; +.from-colors-teal-800 { + --tw-gradient-from: var(--colors-teal-800, #285e61); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.tracking-tighter { - letter-spacing: -0.05em; +.from-colors-teal-900 { + --tw-gradient-from: var(--colors-teal-900, #234e52); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.tracking-tight { - letter-spacing: -0.025em; +.from-colors-blue-100 { + --tw-gradient-from: var(--colors-blue-100, #ebf8ff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.tracking-normal { - letter-spacing: 0em; +.from-colors-blue-200 { + --tw-gradient-from: var(--colors-blue-200, #bee3f8); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.tracking-wide { - letter-spacing: 0.025em; +.from-colors-blue-300 { + --tw-gradient-from: var(--colors-blue-300, #90cdf4); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.tracking-wider { - letter-spacing: 0.05em; +.from-colors-blue-400 { + --tw-gradient-from: var(--colors-blue-400, #63b3ed); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.tracking-widest { - letter-spacing: 0.1em; +.from-colors-blue-500 { + --tw-gradient-from: var(--colors-blue-500, #4299e1); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-transparent { - color: transparent; +.from-colors-blue-600 { + --tw-gradient-from: var(--colors-blue-600, #3182ce); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-current { - color: currentColor; +.from-colors-blue-700 { + --tw-gradient-from: var(--colors-blue-700, #2b6cb0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-black { - --tw-text-opacity: 1; - color: rgba(0, 0, 0, var(--tw-text-opacity)); +.from-colors-blue-800 { + --tw-gradient-from: var(--colors-blue-800, #2c5282); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-white { - --tw-text-opacity: 1; - color: rgba(255, 255, 255, var(--tw-text-opacity)); +.from-colors-blue-900 { + --tw-gradient-from: var(--colors-blue-900, #2a4365); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-gray-50 { - --tw-text-opacity: 1; - color: rgba(249, 250, 251, var(--tw-text-opacity)); +.from-colors-indigo-100 { + --tw-gradient-from: var(--colors-indigo-100, #ebf4ff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-gray-100 { - --tw-text-opacity: 1; - color: rgba(243, 244, 246, var(--tw-text-opacity)); +.from-colors-indigo-200 { + --tw-gradient-from: var(--colors-indigo-200, #c3dafe); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-gray-200 { - --tw-text-opacity: 1; - color: rgba(229, 231, 235, var(--tw-text-opacity)); +.from-colors-indigo-300 { + --tw-gradient-from: var(--colors-indigo-300, #a3bffa); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-gray-300 { - --tw-text-opacity: 1; - color: rgba(209, 213, 219, var(--tw-text-opacity)); +.from-colors-indigo-400 { + --tw-gradient-from: var(--colors-indigo-400, #7f9cf5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-gray-400 { - --tw-text-opacity: 1; - color: rgba(156, 163, 175, var(--tw-text-opacity)); +.from-colors-indigo-500 { + --tw-gradient-from: var(--colors-indigo-500, #667eea); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-gray-500 { - --tw-text-opacity: 1; - color: rgba(107, 114, 128, var(--tw-text-opacity)); +.from-colors-indigo-600 { + --tw-gradient-from: var(--colors-indigo-600, #5a67d8); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-gray-600 { - --tw-text-opacity: 1; - color: rgba(75, 85, 99, var(--tw-text-opacity)); +.from-colors-indigo-700 { + --tw-gradient-from: var(--colors-indigo-700, #4c51bf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-gray-700 { - --tw-text-opacity: 1; - color: rgba(55, 65, 81, var(--tw-text-opacity)); +.from-colors-indigo-800 { + --tw-gradient-from: var(--colors-indigo-800, #434190); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-gray-800 { - --tw-text-opacity: 1; - color: rgba(31, 41, 55, var(--tw-text-opacity)); +.from-colors-indigo-900 { + --tw-gradient-from: var(--colors-indigo-900, #3c366b); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-gray-900 { - --tw-text-opacity: 1; - color: rgba(17, 24, 39, var(--tw-text-opacity)); +.from-colors-purple-100 { + --tw-gradient-from: var(--colors-purple-100, #faf5ff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-red-50 { - --tw-text-opacity: 1; - color: rgba(254, 242, 242, var(--tw-text-opacity)); +.from-colors-purple-200 { + --tw-gradient-from: var(--colors-purple-200, #e9d8fd); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-red-100 { - --tw-text-opacity: 1; - color: rgba(254, 226, 226, var(--tw-text-opacity)); +.from-colors-purple-300 { + --tw-gradient-from: var(--colors-purple-300, #d6bcfa); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-red-200 { - --tw-text-opacity: 1; - color: rgba(254, 202, 202, var(--tw-text-opacity)); +.from-colors-purple-400 { + --tw-gradient-from: var(--colors-purple-400, #b794f4); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-red-300 { - --tw-text-opacity: 1; - color: rgba(252, 165, 165, var(--tw-text-opacity)); +.from-colors-purple-500 { + --tw-gradient-from: var(--colors-purple-500, #9f7aea); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-red-400 { - --tw-text-opacity: 1; - color: rgba(248, 113, 113, var(--tw-text-opacity)); +.from-colors-purple-600 { + --tw-gradient-from: var(--colors-purple-600, #805ad5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-red-500 { - --tw-text-opacity: 1; - color: rgba(239, 68, 68, var(--tw-text-opacity)); +.from-colors-purple-700 { + --tw-gradient-from: var(--colors-purple-700, #6b46c1); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-red-600 { - --tw-text-opacity: 1; - color: rgba(220, 38, 38, var(--tw-text-opacity)); +.from-colors-purple-800 { + --tw-gradient-from: var(--colors-purple-800, #553c9a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-red-700 { - --tw-text-opacity: 1; - color: rgba(185, 28, 28, var(--tw-text-opacity)); +.from-colors-purple-900 { + --tw-gradient-from: var(--colors-purple-900, #44337a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-red-800 { - --tw-text-opacity: 1; - color: rgba(153, 27, 27, var(--tw-text-opacity)); +.from-colors-pink-100 { + --tw-gradient-from: var(--colors-pink-100, #fff5f7); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-red-900 { - --tw-text-opacity: 1; - color: rgba(127, 29, 29, var(--tw-text-opacity)); +.from-colors-pink-200 { + --tw-gradient-from: var(--colors-pink-200, #fed7e2); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-yellow-50 { - --tw-text-opacity: 1; - color: rgba(255, 251, 235, var(--tw-text-opacity)); +.from-colors-pink-300 { + --tw-gradient-from: var(--colors-pink-300, #fbb6ce); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-yellow-100 { - --tw-text-opacity: 1; - color: rgba(254, 243, 199, var(--tw-text-opacity)); +.from-colors-pink-400 { + --tw-gradient-from: var(--colors-pink-400, #f687b3); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-yellow-200 { - --tw-text-opacity: 1; - color: rgba(253, 230, 138, var(--tw-text-opacity)); +.from-colors-pink-500 { + --tw-gradient-from: var(--colors-pink-500, #ed64a6); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-yellow-300 { - --tw-text-opacity: 1; - color: rgba(252, 211, 77, var(--tw-text-opacity)); +.from-colors-pink-600 { + --tw-gradient-from: var(--colors-pink-600, #d53f8c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-yellow-400 { - --tw-text-opacity: 1; - color: rgba(251, 191, 36, var(--tw-text-opacity)); +.from-colors-pink-700 { + --tw-gradient-from: var(--colors-pink-700, #b83280); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-yellow-500 { - --tw-text-opacity: 1; - color: rgba(245, 158, 11, var(--tw-text-opacity)); +.from-colors-pink-800 { + --tw-gradient-from: var(--colors-pink-800, #97266d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-yellow-600 { - --tw-text-opacity: 1; - color: rgba(217, 119, 6, var(--tw-text-opacity)); +.from-colors-pink-900 { + --tw-gradient-from: var(--colors-pink-900, #702459); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-yellow-700 { - --tw-text-opacity: 1; - color: rgba(180, 83, 9, var(--tw-text-opacity)); +.from-Box\ Shadow { + --tw-gradient-from: var(--box-shadow, #7f7e7f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-yellow-800 { - --tw-text-opacity: 1; - color: rgba(146, 64, 14, var(--tw-text-opacity)); +.from-Error16 { + --tw-gradient-from: var(--error16, #f03d3e40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-yellow-900 { - --tw-text-opacity: 1; - color: rgba(120, 53, 15, var(--tw-text-opacity)); +.from-Success16 { + --tw-gradient-from: var(--success16, #5bb14d40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-green-50 { - --tw-text-opacity: 1; - color: rgba(236, 253, 245, var(--tw-text-opacity)); +.from-Notification16 { + --tw-gradient-from: var(--notification16, #3959ff40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-green-100 { - --tw-text-opacity: 1; - color: rgba(209, 250, 229, var(--tw-text-opacity)); +.from-Error8 { + --tw-gradient-from: var(--error8, #f03d3e1a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-green-200 { - --tw-text-opacity: 1; - color: rgba(167, 243, 208, var(--tw-text-opacity)); +.from-Notification8 { + --tw-gradient-from: var(--notification8, #3959ff1a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-green-300 { - --tw-text-opacity: 1; - color: rgba(110, 231, 183, var(--tw-text-opacity)); +.from-Success8 { + --tw-gradient-from: var(--success8, #5bb14d1a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-green-400 { - --tw-text-opacity: 1; - color: rgba(52, 211, 153, var(--tw-text-opacity)); +.from-Light\ -\ Overlay { + --tw-gradient-from: var(--light-overlay, #f0edee66); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-green-500 { - --tw-text-opacity: 1; - color: rgba(16, 185, 129, var(--tw-text-opacity)); +.from-Dark-\ Overlay { + --tw-gradient-from: var(--dark-overlay, #7f7e7f66); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-green-600 { - --tw-text-opacity: 1; - color: rgba(5, 150, 105, var(--tw-text-opacity)); +.from-black-40 { + --tw-gradient-from: var(--black-40, #00000066); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-green-700 { - --tw-text-opacity: 1; - color: rgba(4, 120, 87, var(--tw-text-opacity)); +.from-black-75 { + --tw-gradient-from: var(--black-75, #000000bf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-green-800 { - --tw-text-opacity: 1; - color: rgba(6, 95, 70, var(--tw-text-opacity)); +.from-black-60 { + --tw-gradient-from: var(--black-60, #00000099); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-green-900 { - --tw-text-opacity: 1; - color: rgba(6, 78, 59, var(--tw-text-opacity)); +.from-black-50 { + --tw-gradient-from: var(--black-50, #00000080); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-blue-50 { - --tw-text-opacity: 1; - color: rgba(239, 246, 255, var(--tw-text-opacity)); +.from-black-25 { + --tw-gradient-from: var(--black-25, #00000040); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-blue-100 { - --tw-text-opacity: 1; - color: rgba(219, 234, 254, var(--tw-text-opacity)); +.from-black-10 { + --tw-gradient-from: var(--black-10, #0000001a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-blue-200 { - --tw-text-opacity: 1; - color: rgba(191, 219, 254, var(--tw-text-opacity)); +.from-white-25 { + --tw-gradient-from: var(--white-25, #ffffff40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-blue-300 { - --tw-text-opacity: 1; - color: rgba(147, 197, 253, var(--tw-text-opacity)); +.from-white-60 { + --tw-gradient-from: var(--white-60, #ffffff99); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-blue-400 { - --tw-text-opacity: 1; - color: rgba(96, 165, 250, var(--tw-text-opacity)); +.from-black-64 { + --tw-gradient-from: var(--black-64, #000000a3); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-blue-500 { - --tw-text-opacity: 1; - color: rgba(59, 130, 246, var(--tw-text-opacity)); +.from-Shadow\ and\ Highlight-Shadow { + --tw-gradient-from: var(--shadow-and-highlight-shadow, #7f7e7f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-blue-600 { - --tw-text-opacity: 1; - color: rgba(37, 99, 235, var(--tw-text-opacity)); +.from-Shadow\ and\ Highlight-Highlight { + --tw-gradient-from: var(--shadow-and-highlight-highlight, #474747); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-blue-700 { - --tw-text-opacity: 1; - color: rgba(29, 78, 216, var(--tw-text-opacity)); +.from-Shadow\ and\ Highlight-highlight\ one { + --tw-gradient-from: var(--shadow-and-highlight-highlight-one, #474747bf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-blue-800 { - --tw-text-opacity: 1; - color: rgba(30, 64, 175, var(--tw-text-opacity)); +.from-Shadow\ and\ Highlight-highlight\ two { + --tw-gradient-from: var(--shadow-and-highlight-highlight-two, #47474799); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-blue-900 { - --tw-text-opacity: 1; - color: rgba(30, 58, 138, var(--tw-text-opacity)); +.from-Shadow\ and\ Highlight-highlight\ three { + --tw-gradient-from: var(--shadow-and-highlight-highlight-three, #47474766); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-indigo-50 { - --tw-text-opacity: 1; - color: rgba(238, 242, 255, var(--tw-text-opacity)); +.from-Shadow\ and\ Highlight-highlight\ five { + --tw-gradient-from: var(--shadow-and-highlight-highlight-five, #4747471a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-indigo-100 { - --tw-text-opacity: 1; - color: rgba(224, 231, 255, var(--tw-text-opacity)); +.from-Shadow\ and\ Highlight-shadow\ one { + --tw-gradient-from: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-indigo-200 { - --tw-text-opacity: 1; - color: rgba(199, 210, 254, var(--tw-text-opacity)); +.from-Shadow\ and\ Highlight-shadow\ two { + --tw-gradient-from: var(--shadow-and-highlight-shadow-two, #7f7e7f99); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-indigo-300 { - --tw-text-opacity: 1; - color: rgba(165, 180, 252, var(--tw-text-opacity)); +.from-Shadow\ and\ Highlight-shadow\ three { + --tw-gradient-from: var(--shadow-and-highlight-shadow-three, #7f7e7f66); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-indigo-400 { - --tw-text-opacity: 1; - color: rgba(129, 140, 248, var(--tw-text-opacity)); +.from-Shadow\ and\ Highlight-shadow\ four { + --tw-gradient-from: var(--shadow-and-highlight-shadow-four, #7f7e7f40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-indigo-500 { - --tw-text-opacity: 1; - color: rgba(99, 102, 241, var(--tw-text-opacity)); +.from-Shadow\ and\ Highlight-shadow\ five { + --tw-gradient-from: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-indigo-600 { - --tw-text-opacity: 1; - color: rgba(79, 70, 229, var(--tw-text-opacity)); +.from-Shadow\ and\ Highlight-highlight\ four { + --tw-gradient-from: var(--shadow-and-highlight-highlight-four, #47474740); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-indigo-700 { - --tw-text-opacity: 1; - color: rgba(67, 56, 202, var(--tw-text-opacity)); +.from-Base\ Layer\ Styles-Base\ Layer-\ Light-White { + --tw-gradient-from: var(--base-layer-styles-base-layer-light-white, #ffffff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-indigo-800 { - --tw-text-opacity: 1; - color: rgba(55, 48, 163, var(--tw-text-opacity)); +.from-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite { + --tw-gradient-from: var(--base-layer-styles-base-layer-light-off-white, #f0edee); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-indigo-900 { - --tw-text-opacity: 1; - color: rgba(49, 46, 129, var(--tw-text-opacity)); +.from-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack { + --tw-gradient-from: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-purple-50 { - --tw-text-opacity: 1; - color: rgba(245, 243, 255, var(--tw-text-opacity)); +.from-Base\ Layer\ Styles-Base\ Layer-Dark-Black { + --tw-gradient-from: var(--base-layer-styles-base-layer-dark-black, #000000); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-purple-100 { - --tw-text-opacity: 1; - color: rgba(237, 233, 254, var(--tw-text-opacity)); +.from-Grey-Scale-white { + --tw-gradient-from: var(--grey-scale-white, #ffffff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-purple-200 { - --tw-text-opacity: 1; - color: rgba(221, 214, 254, var(--tw-text-opacity)); +.from-Grey-Scale-off-white { + --tw-gradient-from: var(--grey-scale-off-white, #f0edee); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-purple-300 { - --tw-text-opacity: 1; - color: rgba(196, 181, 253, var(--tw-text-opacity)); +.from-Grey\ Scale-grey { + --tw-gradient-from: var(--grey-scale-grey, #7f7e7f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-purple-400 { - --tw-text-opacity: 1; - color: rgba(167, 139, 250, var(--tw-text-opacity)); +.from-Grey\ Scale-charcoal { + --tw-gradient-from: var(--grey-scale-charcoal, #474747); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-purple-500 { - --tw-text-opacity: 1; - color: rgba(139, 92, 246, var(--tw-text-opacity)); +.from-Grey\ Scale-off-black { + --tw-gradient-from: var(--grey-scale-off-black, #1c1c1c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-purple-600 { - --tw-text-opacity: 1; - color: rgba(124, 58, 237, var(--tw-text-opacity)); +.from-Grey\ Scale-black { + --tw-gradient-from: var(--grey-scale-black, #000000); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-purple-700 { - --tw-text-opacity: 1; - color: rgba(109, 40, 217, var(--tw-text-opacity)); +.from-Blue-blue { + --tw-gradient-from: var(--blue-blue, #3a7ca5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-purple-800 { - --tw-text-opacity: 1; - color: rgba(91, 33, 182, var(--tw-text-opacity)); +.from-Blue-blue-100 { + --tw-gradient-from: var(--blue-blue-100, #75a3c0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-purple-900 { - --tw-text-opacity: 1; - color: rgba(76, 29, 149, var(--tw-text-opacity)); +.from-Blue-blue-200 { + --tw-gradient-from: var(--blue-blue-200, #9cbed2); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-pink-50 { - --tw-text-opacity: 1; - color: rgba(253, 242, 248, var(--tw-text-opacity)); +.from-Blue-blue-300 { + --tw-gradient-from: var(--blue-blue-300, #4f7d9a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-pink-100 { - --tw-text-opacity: 1; - color: rgba(252, 231, 243, var(--tw-text-opacity)); +.from-Blue-blue-400 { + --tw-gradient-from: var(--blue-blue-400, #5c7d92); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-pink-200 { - --tw-text-opacity: 1; - color: rgba(251, 207, 232, var(--tw-text-opacity)); +.from-Blue-blue-500 { + --tw-gradient-from: var(--blue-blue-500, #347095); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-pink-300 { - --tw-text-opacity: 1; - color: rgba(249, 168, 212, var(--tw-text-opacity)); +.from-Blue-blue-600 { + --tw-gradient-from: var(--blue-blue-600, #295774); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-pink-400 { - --tw-text-opacity: 1; - color: rgba(244, 114, 182, var(--tw-text-opacity)); +.from-Blue-blue-700 { + --tw-gradient-from: var(--blue-blue-700, #173242); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-pink-500 { - --tw-text-opacity: 1; - color: rgba(236, 72, 153, var(--tw-text-opacity)); +.from-LightBlue-lightblue { + --tw-gradient-from: var(--light-blue-lightblue, #81c3d7); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-pink-600 { - --tw-text-opacity: 1; - color: rgba(219, 39, 119, var(--tw-text-opacity)); +.from-LightBlue-lightblue-100 { + --tw-gradient-from: var(--light-blue-lightblue-100, #a7d5e3); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-pink-700 { - --tw-text-opacity: 1; - color: rgba(190, 24, 93, var(--tw-text-opacity)); +.from-LightBlue-lightblue-200 { + --tw-gradient-from: var(--light-blue-lightblue-200, #c0e1eb); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-pink-800 { - --tw-text-opacity: 1; - color: rgba(157, 23, 77, var(--tw-text-opacity)); +.from-LightBlue-lightblue-300 { + --tw-gradient-from: var(--light-blue-lightblue-300, #80aebd); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-pink-900 { - --tw-text-opacity: 1; - color: rgba(131, 24, 67, var(--tw-text-opacity)); +.from-LightBlue-lightblue-400 { + --tw-gradient-from: var(--light-blue-lightblue-400, #80a0ab); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-transparent { - color: transparent; +.from-LightBlue-lightblue-500 { + --tw-gradient-from: var(--light-blue-lightblue-500, #74afc1); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-current { - color: currentColor; +.from-LightBlue-lightblue-600 { + --tw-gradient-from: var(--light-blue-lightblue-600, #5a8997); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-black { - --tw-text-opacity: 1; - color: rgba(0, 0, 0, var(--tw-text-opacity)); +.from-LightBlue-lightblue-650 { + --tw-gradient-from: var(--light-blue-lightblue-650, #3e5e65); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-white { - --tw-text-opacity: 1; - color: rgba(255, 255, 255, var(--tw-text-opacity)); +.from-LightBlue-lightblue-700 { + --tw-gradient-from: var(--light-blue-lightblue-700, #344e56); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-gray-50 { - --tw-text-opacity: 1; - color: rgba(249, 250, 251, var(--tw-text-opacity)); +.from-Orange-orange { + --tw-gradient-from: var(--orange-orange, #ff7f0e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-gray-100 { - --tw-text-opacity: 1; - color: rgba(243, 244, 246, var(--tw-text-opacity)); +.from-Orange-orange-100 { + --tw-gradient-from: var(--orange-orange-100, #ffa556); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-gray-200 { - --tw-text-opacity: 1; - color: rgba(229, 231, 235, var(--tw-text-opacity)); +.from-Orange-orange-200 { + --tw-gradient-from: var(--orange-orange-200, #ffbf86); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-gray-300 { - --tw-text-opacity: 1; - color: rgba(209, 213, 219, var(--tw-text-opacity)); +.from-Orange-orange-300 { + --tw-gradient-from: var(--orange-orange-300, #d97f30); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-gray-400 { - --tw-text-opacity: 1; - color: rgba(156, 163, 175, var(--tw-text-opacity)); +.from-Orange-orange-400 { + --tw-gradient-from: var(--orange-orange-400, #bf7e46); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-gray-500 { - --tw-text-opacity: 1; - color: rgba(107, 114, 128, var(--tw-text-opacity)); +.from-Orange-orange-500 { + --tw-gradient-from: var(--orange-orange-500, #e5720d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-gray-600 { - --tw-text-opacity: 1; - color: rgba(75, 85, 99, var(--tw-text-opacity)); +.from-Orange-orange-600 { + --tw-gradient-from: var(--orange-orange-600, #b3590a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-gray-700 { - --tw-text-opacity: 1; - color: rgba(55, 65, 81, var(--tw-text-opacity)); +.from-Orange-orange-700 { + --tw-gradient-from: var(--orange-orange-700, #663306); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-gray-800 { - --tw-text-opacity: 1; - color: rgba(31, 41, 55, var(--tw-text-opacity)); +.from-Yellow-yellow { + --tw-gradient-from: var(--yellow-yellow, #ffab00); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-gray-900 { - --tw-text-opacity: 1; - color: rgba(17, 24, 39, var(--tw-text-opacity)); +.from-Yellow-yellow-100 { + --tw-gradient-from: var(--yellow-yellow-100, #ffc44c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-red-50 { - --tw-text-opacity: 1; - color: rgba(254, 242, 242, var(--tw-text-opacity)); +.from-Yellow-yellow-200 { + --tw-gradient-from: var(--yellow-yellow-200, #ffd580); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-red-100 { - --tw-text-opacity: 1; - color: rgba(254, 226, 226, var(--tw-text-opacity)); +.from-Yellow-yellow-300 { + --tw-gradient-from: var(--yellow-yellow-300, #d99d26); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-red-200 { - --tw-text-opacity: 1; - color: rgba(254, 202, 202, var(--tw-text-opacity)); +.from-Yellow-yellow-400 { + --tw-gradient-from: var(--yellow-yellow-400, #bf943f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-red-300 { - --tw-text-opacity: 1; - color: rgba(252, 165, 165, var(--tw-text-opacity)); +.from-Yellow-yellow-500 { + --tw-gradient-from: var(--yellow-yellow-500, #e59a00); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-red-400 { - --tw-text-opacity: 1; - color: rgba(248, 113, 113, var(--tw-text-opacity)); +.from-Yellow-yellow-600 { + --tw-gradient-from: var(--yellow-yellow-600, #b37800); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-red-500 { - --tw-text-opacity: 1; - color: rgba(239, 68, 68, var(--tw-text-opacity)); +.from-Yellow-yellow-700 { + --tw-gradient-from: var(--yellow-yellow-700, #664400); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-red-600 { - --tw-text-opacity: 1; - color: rgba(220, 38, 38, var(--tw-text-opacity)); +.from-Notification-notification { + --tw-gradient-from: var(--notification-notification, #3959ff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-red-700 { - --tw-text-opacity: 1; - color: rgba(185, 28, 28, var(--tw-text-opacity)); +.from-Notification-notification-100 { + --tw-gradient-from: var(--notification-notification-100, #748bff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-red-800 { - --tw-text-opacity: 1; - color: rgba(153, 27, 27, var(--tw-text-opacity)); +.from-Notification-notification-200 { + --tw-gradient-from: var(--notification-notification-200, #9cacff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-red-900 { - --tw-text-opacity: 1; - color: rgba(127, 29, 29, var(--tw-text-opacity)); +.from-Notification-notification-300 { + --tw-gradient-from: var(--notification-notification-300, #4e64d9); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-yellow-50 { - --tw-text-opacity: 1; - color: rgba(255, 251, 235, var(--tw-text-opacity)); +.from-Notification-notification-400 { + --tw-gradient-from: var(--notification-notification-400, #5c6cbf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-yellow-100 { - --tw-text-opacity: 1; - color: rgba(254, 243, 199, var(--tw-text-opacity)); +.from-Notification-notification-500 { + --tw-gradient-from: var(--notification-notification-500, #3350e5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-yellow-200 { - --tw-text-opacity: 1; - color: rgba(253, 230, 138, var(--tw-text-opacity)); +.from-Notification-notification-600 { + --tw-gradient-from: var(--notification-notification-600, #283eb3); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-yellow-300 { - --tw-text-opacity: 1; - color: rgba(252, 211, 77, var(--tw-text-opacity)); +.from-Notification-notification-700 { + --tw-gradient-from: var(--notification-notification-700, #172466); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-yellow-400 { - --tw-text-opacity: 1; - color: rgba(251, 191, 36, var(--tw-text-opacity)); +.from-Success-success\ -700 { + --tw-gradient-from: var(--success-success-700, #24471f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-yellow-500 { - --tw-text-opacity: 1; - color: rgba(245, 158, 11, var(--tw-text-opacity)); +.from-Success-success { + --tw-gradient-from: var(--success-success, #5bb14d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-yellow-600 { - --tw-text-opacity: 1; - color: rgba(217, 119, 6, var(--tw-text-opacity)); +.from-Success-success\ -100 { + --tw-gradient-from: var(--success-success-100, #8cc882); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-yellow-700 { - --tw-text-opacity: 1; - color: rgba(180, 83, 9, var(--tw-text-opacity)); +.from-Success-success\ -200 { + --tw-gradient-from: var(--success-success-200, #add8a6); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-yellow-800 { - --tw-text-opacity: 1; - color: rgba(146, 64, 14, var(--tw-text-opacity)); +.from-Success-success\ -300 { + --tw-gradient-from: var(--success-success-300, #66a25c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-yellow-900 { - --tw-text-opacity: 1; - color: rgba(120, 53, 15, var(--tw-text-opacity)); +.from-Success-success\ -400 { + --tw-gradient-from: var(--success-success-400, #6d9766); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-green-50 { - --tw-text-opacity: 1; - color: rgba(236, 253, 245, var(--tw-text-opacity)); +.from-Success-success\ -500 { + --tw-gradient-from: var(--success-success-500, #529f45); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-green-100 { - --tw-text-opacity: 1; - color: rgba(209, 250, 229, var(--tw-text-opacity)); +.from-Success-success\ -600 { + --tw-gradient-from: var(--success-success-600, #407c36); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-green-200 { - --tw-text-opacity: 1; - color: rgba(167, 243, 208, var(--tw-text-opacity)); +.from-Error-error { + --tw-gradient-from: var(--error-error, #f03d3e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-green-300 { - --tw-text-opacity: 1; - color: rgba(110, 231, 183, var(--tw-text-opacity)); +.from-Error-error-100 { + --tw-gradient-from: var(--error-error-100, #f57778); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-green-400 { - --tw-text-opacity: 1; - color: rgba(52, 211, 153, var(--tw-text-opacity)); +.from-Error-error-200 { + --tw-gradient-from: var(--error-error-200, #f89e9e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-green-500 { - --tw-text-opacity: 1; - color: rgba(16, 185, 129, var(--tw-text-opacity)); +.from-Error-error-250 { + --tw-gradient-from: var(--error-error-250, #f9c8c8); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-green-600 { - --tw-text-opacity: 1; - color: rgba(5, 150, 105, var(--tw-text-opacity)); +.from-Error-error-300 { + --tw-gradient-from: var(--error-error-300, #ce5151); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-green-700 { - --tw-text-opacity: 1; - color: rgba(4, 120, 87, var(--tw-text-opacity)); +.from-Error-error-400 { + --tw-gradient-from: var(--error-error-400, #b85e5e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-green-800 { - --tw-text-opacity: 1; - color: rgba(6, 95, 70, var(--tw-text-opacity)); +.from-Error-error-500 { + --tw-gradient-from: var(--error-error-500, #d83738); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-green-900 { - --tw-text-opacity: 1; - color: rgba(6, 78, 59, var(--tw-text-opacity)); +.from-Error-error-600 { + --tw-gradient-from: var(--error-error-600, #a82b2b); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-blue-50 { - --tw-text-opacity: 1; - color: rgba(239, 246, 255, var(--tw-text-opacity)); +.from-Error-error-700 { + --tw-gradient-from: var(--error-error-700, #601819); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-blue-100 { - --tw-text-opacity: 1; - color: rgba(219, 234, 254, var(--tw-text-opacity)); +.hover\:from-colors-black:hover { + --tw-gradient-from: var(--colors-black, #000000); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-blue-200 { - --tw-text-opacity: 1; - color: rgba(191, 219, 254, var(--tw-text-opacity)); +.hover\:from-colors-white:hover { + --tw-gradient-from: var(--colors-white, #ffffff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-blue-300 { - --tw-text-opacity: 1; - color: rgba(147, 197, 253, var(--tw-text-opacity)); +.hover\:from-colors-gray-100:hover { + --tw-gradient-from: var(--colors-gray-100, #f7fafc); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-blue-400 { - --tw-text-opacity: 1; - color: rgba(96, 165, 250, var(--tw-text-opacity)); +.hover\:from-colors-gray-200:hover { + --tw-gradient-from: var(--colors-gray-200, #edf2f7); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-blue-500 { - --tw-text-opacity: 1; - color: rgba(59, 130, 246, var(--tw-text-opacity)); +.hover\:from-colors-gray-300:hover { + --tw-gradient-from: var(--colors-gray-300, #e2e8f0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-blue-600 { - --tw-text-opacity: 1; - color: rgba(37, 99, 235, var(--tw-text-opacity)); +.hover\:from-colors-gray-400:hover { + --tw-gradient-from: var(--colors-gray-400, #cbd5e0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-blue-700 { - --tw-text-opacity: 1; - color: rgba(29, 78, 216, var(--tw-text-opacity)); +.hover\:from-colors-gray-500:hover { + --tw-gradient-from: var(--colors-gray-500, #a0aec0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-blue-800 { - --tw-text-opacity: 1; - color: rgba(30, 64, 175, var(--tw-text-opacity)); +.hover\:from-colors-gray-600:hover { + --tw-gradient-from: var(--colors-gray-600, #718096); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-blue-900 { - --tw-text-opacity: 1; - color: rgba(30, 58, 138, var(--tw-text-opacity)); +.hover\:from-colors-gray-700:hover { + --tw-gradient-from: var(--colors-gray-700, #4a5568); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-indigo-50 { - --tw-text-opacity: 1; - color: rgba(238, 242, 255, var(--tw-text-opacity)); +.hover\:from-colors-gray-800:hover { + --tw-gradient-from: var(--colors-gray-800, #2d3748); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-indigo-100 { - --tw-text-opacity: 1; - color: rgba(224, 231, 255, var(--tw-text-opacity)); +.hover\:from-colors-gray-900:hover { + --tw-gradient-from: var(--colors-gray-900, #1a202c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-indigo-200 { - --tw-text-opacity: 1; - color: rgba(199, 210, 254, var(--tw-text-opacity)); +.hover\:from-colors-red-100:hover { + --tw-gradient-from: var(--colors-red-100, #fff5f5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-indigo-300 { - --tw-text-opacity: 1; - color: rgba(165, 180, 252, var(--tw-text-opacity)); +.hover\:from-colors-red-200:hover { + --tw-gradient-from: var(--colors-red-200, #fed7d7); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-indigo-400 { - --tw-text-opacity: 1; - color: rgba(129, 140, 248, var(--tw-text-opacity)); +.hover\:from-colors-red-300:hover { + --tw-gradient-from: var(--colors-red-300, #feb2b2); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-indigo-500 { - --tw-text-opacity: 1; - color: rgba(99, 102, 241, var(--tw-text-opacity)); +.hover\:from-colors-red-400:hover { + --tw-gradient-from: var(--colors-red-400, #fc8181); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-indigo-600 { - --tw-text-opacity: 1; - color: rgba(79, 70, 229, var(--tw-text-opacity)); +.hover\:from-colors-red-500:hover { + --tw-gradient-from: var(--colors-red-500, #f56565); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-indigo-700 { - --tw-text-opacity: 1; - color: rgba(67, 56, 202, var(--tw-text-opacity)); +.hover\:from-colors-red-600:hover { + --tw-gradient-from: var(--colors-red-600, #e53e3e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-indigo-800 { - --tw-text-opacity: 1; - color: rgba(55, 48, 163, var(--tw-text-opacity)); +.hover\:from-colors-red-700:hover { + --tw-gradient-from: var(--colors-red-700, #c53030); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-indigo-900 { - --tw-text-opacity: 1; - color: rgba(49, 46, 129, var(--tw-text-opacity)); +.hover\:from-colors-red-800:hover { + --tw-gradient-from: var(--colors-red-800, #9b2c2c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-purple-50 { - --tw-text-opacity: 1; - color: rgba(245, 243, 255, var(--tw-text-opacity)); +.hover\:from-colors-red-900:hover { + --tw-gradient-from: var(--colors-red-900, #742a2a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-purple-100 { - --tw-text-opacity: 1; - color: rgba(237, 233, 254, var(--tw-text-opacity)); +.hover\:from-colors-orange-100:hover { + --tw-gradient-from: var(--colors-orange-100, #fffaf0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-purple-200 { - --tw-text-opacity: 1; - color: rgba(221, 214, 254, var(--tw-text-opacity)); +.hover\:from-colors-orange-200:hover { + --tw-gradient-from: var(--colors-orange-200, #feebc8); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-purple-300 { - --tw-text-opacity: 1; - color: rgba(196, 181, 253, var(--tw-text-opacity)); +.hover\:from-colors-orange-300:hover { + --tw-gradient-from: var(--colors-orange-300, #fbd38d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-purple-400 { - --tw-text-opacity: 1; - color: rgba(167, 139, 250, var(--tw-text-opacity)); +.hover\:from-colors-orange-400:hover { + --tw-gradient-from: var(--colors-orange-400, #f6ad55); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-purple-500 { - --tw-text-opacity: 1; - color: rgba(139, 92, 246, var(--tw-text-opacity)); +.hover\:from-colors-orange-500:hover { + --tw-gradient-from: var(--colors-orange-500, #ed8936); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-purple-600 { - --tw-text-opacity: 1; - color: rgba(124, 58, 237, var(--tw-text-opacity)); +.hover\:from-colors-orange-600:hover { + --tw-gradient-from: var(--colors-orange-600, #dd6b20); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-purple-700 { - --tw-text-opacity: 1; - color: rgba(109, 40, 217, var(--tw-text-opacity)); +.hover\:from-colors-orange-700:hover { + --tw-gradient-from: var(--colors-orange-700, #c05621); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-purple-800 { - --tw-text-opacity: 1; - color: rgba(91, 33, 182, var(--tw-text-opacity)); +.hover\:from-colors-orange-800:hover { + --tw-gradient-from: var(--colors-orange-800, #9c4221); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-purple-900 { - --tw-text-opacity: 1; - color: rgba(76, 29, 149, var(--tw-text-opacity)); +.hover\:from-colors-orange-900:hover { + --tw-gradient-from: var(--colors-orange-900, #7b341e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-pink-50 { - --tw-text-opacity: 1; - color: rgba(253, 242, 248, var(--tw-text-opacity)); +.hover\:from-colors-yellow-100:hover { + --tw-gradient-from: var(--colors-yellow-100, #fffff0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-pink-100 { - --tw-text-opacity: 1; - color: rgba(252, 231, 243, var(--tw-text-opacity)); +.hover\:from-colors-yellow-200:hover { + --tw-gradient-from: var(--colors-yellow-200, #fefcbf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-pink-200 { - --tw-text-opacity: 1; - color: rgba(251, 207, 232, var(--tw-text-opacity)); +.hover\:from-colors-yellow-300:hover { + --tw-gradient-from: var(--colors-yellow-300, #faf089); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-pink-300 { - --tw-text-opacity: 1; - color: rgba(249, 168, 212, var(--tw-text-opacity)); +.hover\:from-colors-yellow-400:hover { + --tw-gradient-from: var(--colors-yellow-400, #f6e05e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-pink-400 { - --tw-text-opacity: 1; - color: rgba(244, 114, 182, var(--tw-text-opacity)); +.hover\:from-colors-yellow-500:hover { + --tw-gradient-from: var(--colors-yellow-500, #ecc94b); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-pink-500 { - --tw-text-opacity: 1; - color: rgba(236, 72, 153, var(--tw-text-opacity)); +.hover\:from-colors-yellow-600:hover { + --tw-gradient-from: var(--colors-yellow-600, #d69e2e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-pink-600 { - --tw-text-opacity: 1; - color: rgba(219, 39, 119, var(--tw-text-opacity)); +.hover\:from-colors-yellow-700:hover { + --tw-gradient-from: var(--colors-yellow-700, #b7791f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-pink-700 { - --tw-text-opacity: 1; - color: rgba(190, 24, 93, var(--tw-text-opacity)); +.hover\:from-colors-yellow-800:hover { + --tw-gradient-from: var(--colors-yellow-800, #975a16); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-pink-800 { - --tw-text-opacity: 1; - color: rgba(157, 23, 77, var(--tw-text-opacity)); +.hover\:from-colors-yellow-900:hover { + --tw-gradient-from: var(--colors-yellow-900, #744210); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-pink-900 { - --tw-text-opacity: 1; - color: rgba(131, 24, 67, var(--tw-text-opacity)); +.hover\:from-colors-green-100:hover { + --tw-gradient-from: var(--colors-green-100, #f0fff4); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-transparent:focus-within { - color: transparent; +.hover\:from-colors-green-200:hover { + --tw-gradient-from: var(--colors-green-200, #c6f6d5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-current:focus-within { - color: currentColor; +.hover\:from-colors-green-300:hover { + --tw-gradient-from: var(--colors-green-300, #9ae6b4); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-black:focus-within { - --tw-text-opacity: 1; - color: rgba(0, 0, 0, var(--tw-text-opacity)); +.hover\:from-colors-green-400:hover { + --tw-gradient-from: var(--colors-green-400, #68d391); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-white:focus-within { - --tw-text-opacity: 1; - color: rgba(255, 255, 255, var(--tw-text-opacity)); +.hover\:from-colors-green-500:hover { + --tw-gradient-from: var(--colors-green-500, #48bb78); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-gray-50:focus-within { - --tw-text-opacity: 1; - color: rgba(249, 250, 251, var(--tw-text-opacity)); +.hover\:from-colors-green-600:hover { + --tw-gradient-from: var(--colors-green-600, #38a169); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-gray-100:focus-within { - --tw-text-opacity: 1; - color: rgba(243, 244, 246, var(--tw-text-opacity)); +.hover\:from-colors-green-700:hover { + --tw-gradient-from: var(--colors-green-700, #2f855a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-gray-200:focus-within { - --tw-text-opacity: 1; - color: rgba(229, 231, 235, var(--tw-text-opacity)); +.hover\:from-colors-green-800:hover { + --tw-gradient-from: var(--colors-green-800, #276749); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-gray-300:focus-within { - --tw-text-opacity: 1; - color: rgba(209, 213, 219, var(--tw-text-opacity)); +.hover\:from-colors-green-900:hover { + --tw-gradient-from: var(--colors-green-900, #22543d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-gray-400:focus-within { - --tw-text-opacity: 1; - color: rgba(156, 163, 175, var(--tw-text-opacity)); +.hover\:from-colors-teal-100:hover { + --tw-gradient-from: var(--colors-teal-100, #e6fffa); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-gray-500:focus-within { - --tw-text-opacity: 1; - color: rgba(107, 114, 128, var(--tw-text-opacity)); +.hover\:from-colors-teal-200:hover { + --tw-gradient-from: var(--colors-teal-200, #b2f5ea); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-gray-600:focus-within { - --tw-text-opacity: 1; - color: rgba(75, 85, 99, var(--tw-text-opacity)); +.hover\:from-colors-teal-300:hover { + --tw-gradient-from: var(--colors-teal-300, #81e6d9); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-gray-700:focus-within { - --tw-text-opacity: 1; - color: rgba(55, 65, 81, var(--tw-text-opacity)); +.hover\:from-colors-teal-400:hover { + --tw-gradient-from: var(--colors-teal-400, #4fd1c5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-gray-800:focus-within { - --tw-text-opacity: 1; - color: rgba(31, 41, 55, var(--tw-text-opacity)); +.hover\:from-colors-teal-500:hover { + --tw-gradient-from: var(--colors-teal-500, #38b2ac); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-gray-900:focus-within { - --tw-text-opacity: 1; - color: rgba(17, 24, 39, var(--tw-text-opacity)); +.hover\:from-colors-teal-600:hover { + --tw-gradient-from: var(--colors-teal-600, #319795); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-red-50:focus-within { - --tw-text-opacity: 1; - color: rgba(254, 242, 242, var(--tw-text-opacity)); +.hover\:from-colors-teal-700:hover { + --tw-gradient-from: var(--colors-teal-700, #2c7a7b); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-red-100:focus-within { - --tw-text-opacity: 1; - color: rgba(254, 226, 226, var(--tw-text-opacity)); +.hover\:from-colors-teal-800:hover { + --tw-gradient-from: var(--colors-teal-800, #285e61); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-red-200:focus-within { - --tw-text-opacity: 1; - color: rgba(254, 202, 202, var(--tw-text-opacity)); +.hover\:from-colors-teal-900:hover { + --tw-gradient-from: var(--colors-teal-900, #234e52); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-red-300:focus-within { - --tw-text-opacity: 1; - color: rgba(252, 165, 165, var(--tw-text-opacity)); +.hover\:from-colors-blue-100:hover { + --tw-gradient-from: var(--colors-blue-100, #ebf8ff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-red-400:focus-within { - --tw-text-opacity: 1; - color: rgba(248, 113, 113, var(--tw-text-opacity)); +.hover\:from-colors-blue-200:hover { + --tw-gradient-from: var(--colors-blue-200, #bee3f8); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-red-500:focus-within { - --tw-text-opacity: 1; - color: rgba(239, 68, 68, var(--tw-text-opacity)); +.hover\:from-colors-blue-300:hover { + --tw-gradient-from: var(--colors-blue-300, #90cdf4); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-red-600:focus-within { - --tw-text-opacity: 1; - color: rgba(220, 38, 38, var(--tw-text-opacity)); +.hover\:from-colors-blue-400:hover { + --tw-gradient-from: var(--colors-blue-400, #63b3ed); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-red-700:focus-within { - --tw-text-opacity: 1; - color: rgba(185, 28, 28, var(--tw-text-opacity)); +.hover\:from-colors-blue-500:hover { + --tw-gradient-from: var(--colors-blue-500, #4299e1); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-red-800:focus-within { - --tw-text-opacity: 1; - color: rgba(153, 27, 27, var(--tw-text-opacity)); +.hover\:from-colors-blue-600:hover { + --tw-gradient-from: var(--colors-blue-600, #3182ce); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-red-900:focus-within { - --tw-text-opacity: 1; - color: rgba(127, 29, 29, var(--tw-text-opacity)); +.hover\:from-colors-blue-700:hover { + --tw-gradient-from: var(--colors-blue-700, #2b6cb0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-yellow-50:focus-within { - --tw-text-opacity: 1; - color: rgba(255, 251, 235, var(--tw-text-opacity)); +.hover\:from-colors-blue-800:hover { + --tw-gradient-from: var(--colors-blue-800, #2c5282); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-yellow-100:focus-within { - --tw-text-opacity: 1; - color: rgba(254, 243, 199, var(--tw-text-opacity)); +.hover\:from-colors-blue-900:hover { + --tw-gradient-from: var(--colors-blue-900, #2a4365); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-yellow-200:focus-within { - --tw-text-opacity: 1; - color: rgba(253, 230, 138, var(--tw-text-opacity)); +.hover\:from-colors-indigo-100:hover { + --tw-gradient-from: var(--colors-indigo-100, #ebf4ff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-yellow-300:focus-within { - --tw-text-opacity: 1; - color: rgba(252, 211, 77, var(--tw-text-opacity)); +.hover\:from-colors-indigo-200:hover { + --tw-gradient-from: var(--colors-indigo-200, #c3dafe); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-yellow-400:focus-within { - --tw-text-opacity: 1; - color: rgba(251, 191, 36, var(--tw-text-opacity)); +.hover\:from-colors-indigo-300:hover { + --tw-gradient-from: var(--colors-indigo-300, #a3bffa); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-yellow-500:focus-within { - --tw-text-opacity: 1; - color: rgba(245, 158, 11, var(--tw-text-opacity)); +.hover\:from-colors-indigo-400:hover { + --tw-gradient-from: var(--colors-indigo-400, #7f9cf5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-yellow-600:focus-within { - --tw-text-opacity: 1; - color: rgba(217, 119, 6, var(--tw-text-opacity)); +.hover\:from-colors-indigo-500:hover { + --tw-gradient-from: var(--colors-indigo-500, #667eea); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-yellow-700:focus-within { - --tw-text-opacity: 1; - color: rgba(180, 83, 9, var(--tw-text-opacity)); +.hover\:from-colors-indigo-600:hover { + --tw-gradient-from: var(--colors-indigo-600, #5a67d8); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-yellow-800:focus-within { - --tw-text-opacity: 1; - color: rgba(146, 64, 14, var(--tw-text-opacity)); +.hover\:from-colors-indigo-700:hover { + --tw-gradient-from: var(--colors-indigo-700, #4c51bf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-yellow-900:focus-within { - --tw-text-opacity: 1; - color: rgba(120, 53, 15, var(--tw-text-opacity)); +.hover\:from-colors-indigo-800:hover { + --tw-gradient-from: var(--colors-indigo-800, #434190); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-green-50:focus-within { - --tw-text-opacity: 1; - color: rgba(236, 253, 245, var(--tw-text-opacity)); +.hover\:from-colors-indigo-900:hover { + --tw-gradient-from: var(--colors-indigo-900, #3c366b); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-green-100:focus-within { - --tw-text-opacity: 1; - color: rgba(209, 250, 229, var(--tw-text-opacity)); +.hover\:from-colors-purple-100:hover { + --tw-gradient-from: var(--colors-purple-100, #faf5ff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-green-200:focus-within { - --tw-text-opacity: 1; - color: rgba(167, 243, 208, var(--tw-text-opacity)); +.hover\:from-colors-purple-200:hover { + --tw-gradient-from: var(--colors-purple-200, #e9d8fd); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-green-300:focus-within { - --tw-text-opacity: 1; - color: rgba(110, 231, 183, var(--tw-text-opacity)); +.hover\:from-colors-purple-300:hover { + --tw-gradient-from: var(--colors-purple-300, #d6bcfa); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-green-400:focus-within { - --tw-text-opacity: 1; - color: rgba(52, 211, 153, var(--tw-text-opacity)); +.hover\:from-colors-purple-400:hover { + --tw-gradient-from: var(--colors-purple-400, #b794f4); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-green-500:focus-within { - --tw-text-opacity: 1; - color: rgba(16, 185, 129, var(--tw-text-opacity)); +.hover\:from-colors-purple-500:hover { + --tw-gradient-from: var(--colors-purple-500, #9f7aea); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-green-600:focus-within { - --tw-text-opacity: 1; - color: rgba(5, 150, 105, var(--tw-text-opacity)); +.hover\:from-colors-purple-600:hover { + --tw-gradient-from: var(--colors-purple-600, #805ad5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-green-700:focus-within { - --tw-text-opacity: 1; - color: rgba(4, 120, 87, var(--tw-text-opacity)); +.hover\:from-colors-purple-700:hover { + --tw-gradient-from: var(--colors-purple-700, #6b46c1); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-green-800:focus-within { - --tw-text-opacity: 1; - color: rgba(6, 95, 70, var(--tw-text-opacity)); +.hover\:from-colors-purple-800:hover { + --tw-gradient-from: var(--colors-purple-800, #553c9a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-green-900:focus-within { - --tw-text-opacity: 1; - color: rgba(6, 78, 59, var(--tw-text-opacity)); +.hover\:from-colors-purple-900:hover { + --tw-gradient-from: var(--colors-purple-900, #44337a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-blue-50:focus-within { - --tw-text-opacity: 1; - color: rgba(239, 246, 255, var(--tw-text-opacity)); +.hover\:from-colors-pink-100:hover { + --tw-gradient-from: var(--colors-pink-100, #fff5f7); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-blue-100:focus-within { - --tw-text-opacity: 1; - color: rgba(219, 234, 254, var(--tw-text-opacity)); +.hover\:from-colors-pink-200:hover { + --tw-gradient-from: var(--colors-pink-200, #fed7e2); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-blue-200:focus-within { - --tw-text-opacity: 1; - color: rgba(191, 219, 254, var(--tw-text-opacity)); +.hover\:from-colors-pink-300:hover { + --tw-gradient-from: var(--colors-pink-300, #fbb6ce); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-blue-300:focus-within { - --tw-text-opacity: 1; - color: rgba(147, 197, 253, var(--tw-text-opacity)); +.hover\:from-colors-pink-400:hover { + --tw-gradient-from: var(--colors-pink-400, #f687b3); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-blue-400:focus-within { - --tw-text-opacity: 1; - color: rgba(96, 165, 250, var(--tw-text-opacity)); +.hover\:from-colors-pink-500:hover { + --tw-gradient-from: var(--colors-pink-500, #ed64a6); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-blue-500:focus-within { - --tw-text-opacity: 1; - color: rgba(59, 130, 246, var(--tw-text-opacity)); +.hover\:from-colors-pink-600:hover { + --tw-gradient-from: var(--colors-pink-600, #d53f8c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-blue-600:focus-within { - --tw-text-opacity: 1; - color: rgba(37, 99, 235, var(--tw-text-opacity)); +.hover\:from-colors-pink-700:hover { + --tw-gradient-from: var(--colors-pink-700, #b83280); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-blue-700:focus-within { - --tw-text-opacity: 1; - color: rgba(29, 78, 216, var(--tw-text-opacity)); +.hover\:from-colors-pink-800:hover { + --tw-gradient-from: var(--colors-pink-800, #97266d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-blue-800:focus-within { - --tw-text-opacity: 1; - color: rgba(30, 64, 175, var(--tw-text-opacity)); +.hover\:from-colors-pink-900:hover { + --tw-gradient-from: var(--colors-pink-900, #702459); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-blue-900:focus-within { - --tw-text-opacity: 1; - color: rgba(30, 58, 138, var(--tw-text-opacity)); +.hover\:from-Box\ Shadow:hover { + --tw-gradient-from: var(--box-shadow, #7f7e7f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-indigo-50:focus-within { - --tw-text-opacity: 1; - color: rgba(238, 242, 255, var(--tw-text-opacity)); +.hover\:from-Error16:hover { + --tw-gradient-from: var(--error16, #f03d3e40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-indigo-100:focus-within { - --tw-text-opacity: 1; - color: rgba(224, 231, 255, var(--tw-text-opacity)); +.hover\:from-Success16:hover { + --tw-gradient-from: var(--success16, #5bb14d40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-indigo-200:focus-within { - --tw-text-opacity: 1; - color: rgba(199, 210, 254, var(--tw-text-opacity)); +.hover\:from-Notification16:hover { + --tw-gradient-from: var(--notification16, #3959ff40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-indigo-300:focus-within { - --tw-text-opacity: 1; - color: rgba(165, 180, 252, var(--tw-text-opacity)); +.hover\:from-Error8:hover { + --tw-gradient-from: var(--error8, #f03d3e1a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-indigo-400:focus-within { - --tw-text-opacity: 1; - color: rgba(129, 140, 248, var(--tw-text-opacity)); +.hover\:from-Notification8:hover { + --tw-gradient-from: var(--notification8, #3959ff1a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-indigo-500:focus-within { - --tw-text-opacity: 1; - color: rgba(99, 102, 241, var(--tw-text-opacity)); +.hover\:from-Success8:hover { + --tw-gradient-from: var(--success8, #5bb14d1a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-indigo-600:focus-within { - --tw-text-opacity: 1; - color: rgba(79, 70, 229, var(--tw-text-opacity)); +.hover\:from-Light\ -\ Overlay:hover { + --tw-gradient-from: var(--light-overlay, #f0edee66); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-indigo-700:focus-within { - --tw-text-opacity: 1; - color: rgba(67, 56, 202, var(--tw-text-opacity)); +.hover\:from-Dark-\ Overlay:hover { + --tw-gradient-from: var(--dark-overlay, #7f7e7f66); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-indigo-800:focus-within { - --tw-text-opacity: 1; - color: rgba(55, 48, 163, var(--tw-text-opacity)); +.hover\:from-black-40:hover { + --tw-gradient-from: var(--black-40, #00000066); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-indigo-900:focus-within { - --tw-text-opacity: 1; - color: rgba(49, 46, 129, var(--tw-text-opacity)); +.hover\:from-black-75:hover { + --tw-gradient-from: var(--black-75, #000000bf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-purple-50:focus-within { - --tw-text-opacity: 1; - color: rgba(245, 243, 255, var(--tw-text-opacity)); +.hover\:from-black-60:hover { + --tw-gradient-from: var(--black-60, #00000099); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-purple-100:focus-within { - --tw-text-opacity: 1; - color: rgba(237, 233, 254, var(--tw-text-opacity)); +.hover\:from-black-50:hover { + --tw-gradient-from: var(--black-50, #00000080); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-purple-200:focus-within { - --tw-text-opacity: 1; - color: rgba(221, 214, 254, var(--tw-text-opacity)); +.hover\:from-black-25:hover { + --tw-gradient-from: var(--black-25, #00000040); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-purple-300:focus-within { - --tw-text-opacity: 1; - color: rgba(196, 181, 253, var(--tw-text-opacity)); +.hover\:from-black-10:hover { + --tw-gradient-from: var(--black-10, #0000001a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-purple-400:focus-within { - --tw-text-opacity: 1; - color: rgba(167, 139, 250, var(--tw-text-opacity)); +.hover\:from-white-25:hover { + --tw-gradient-from: var(--white-25, #ffffff40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-purple-500:focus-within { - --tw-text-opacity: 1; - color: rgba(139, 92, 246, var(--tw-text-opacity)); +.hover\:from-white-60:hover { + --tw-gradient-from: var(--white-60, #ffffff99); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-purple-600:focus-within { - --tw-text-opacity: 1; - color: rgba(124, 58, 237, var(--tw-text-opacity)); +.hover\:from-black-64:hover { + --tw-gradient-from: var(--black-64, #000000a3); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-purple-700:focus-within { - --tw-text-opacity: 1; - color: rgba(109, 40, 217, var(--tw-text-opacity)); +.hover\:from-Shadow\ and\ Highlight-Shadow:hover { + --tw-gradient-from: var(--shadow-and-highlight-shadow, #7f7e7f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-purple-800:focus-within { - --tw-text-opacity: 1; - color: rgba(91, 33, 182, var(--tw-text-opacity)); +.hover\:from-Shadow\ and\ Highlight-Highlight:hover { + --tw-gradient-from: var(--shadow-and-highlight-highlight, #474747); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-purple-900:focus-within { - --tw-text-opacity: 1; - color: rgba(76, 29, 149, var(--tw-text-opacity)); +.hover\:from-Shadow\ and\ Highlight-highlight\ one:hover { + --tw-gradient-from: var(--shadow-and-highlight-highlight-one, #474747bf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-pink-50:focus-within { - --tw-text-opacity: 1; - color: rgba(253, 242, 248, var(--tw-text-opacity)); +.hover\:from-Shadow\ and\ Highlight-highlight\ two:hover { + --tw-gradient-from: var(--shadow-and-highlight-highlight-two, #47474799); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-pink-100:focus-within { - --tw-text-opacity: 1; - color: rgba(252, 231, 243, var(--tw-text-opacity)); +.hover\:from-Shadow\ and\ Highlight-highlight\ three:hover { + --tw-gradient-from: var(--shadow-and-highlight-highlight-three, #47474766); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-pink-200:focus-within { - --tw-text-opacity: 1; - color: rgba(251, 207, 232, var(--tw-text-opacity)); +.hover\:from-Shadow\ and\ Highlight-highlight\ five:hover { + --tw-gradient-from: var(--shadow-and-highlight-highlight-five, #4747471a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-pink-300:focus-within { - --tw-text-opacity: 1; - color: rgba(249, 168, 212, var(--tw-text-opacity)); +.hover\:from-Shadow\ and\ Highlight-shadow\ one:hover { + --tw-gradient-from: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-pink-400:focus-within { - --tw-text-opacity: 1; - color: rgba(244, 114, 182, var(--tw-text-opacity)); +.hover\:from-Shadow\ and\ Highlight-shadow\ two:hover { + --tw-gradient-from: var(--shadow-and-highlight-shadow-two, #7f7e7f99); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-pink-500:focus-within { - --tw-text-opacity: 1; - color: rgba(236, 72, 153, var(--tw-text-opacity)); +.hover\:from-Shadow\ and\ Highlight-shadow\ three:hover { + --tw-gradient-from: var(--shadow-and-highlight-shadow-three, #7f7e7f66); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-pink-600:focus-within { - --tw-text-opacity: 1; - color: rgba(219, 39, 119, var(--tw-text-opacity)); +.hover\:from-Shadow\ and\ Highlight-shadow\ four:hover { + --tw-gradient-from: var(--shadow-and-highlight-shadow-four, #7f7e7f40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-pink-700:focus-within { - --tw-text-opacity: 1; - color: rgba(190, 24, 93, var(--tw-text-opacity)); +.hover\:from-Shadow\ and\ Highlight-shadow\ five:hover { + --tw-gradient-from: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-pink-800:focus-within { - --tw-text-opacity: 1; - color: rgba(157, 23, 77, var(--tw-text-opacity)); +.hover\:from-Shadow\ and\ Highlight-highlight\ four:hover { + --tw-gradient-from: var(--shadow-and-highlight-highlight-four, #47474740); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-pink-900:focus-within { - --tw-text-opacity: 1; - color: rgba(131, 24, 67, var(--tw-text-opacity)); +.hover\:from-Base\ Layer\ Styles-Base\ Layer-\ Light-White:hover { + --tw-gradient-from: var(--base-layer-styles-base-layer-light-white, #ffffff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-transparent:hover { - color: transparent; +.hover\:from-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:hover { + --tw-gradient-from: var(--base-layer-styles-base-layer-light-off-white, #f0edee); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-current:hover { - color: currentColor; +.hover\:from-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:hover { + --tw-gradient-from: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-black:hover { - --tw-text-opacity: 1; - color: rgba(0, 0, 0, var(--tw-text-opacity)); +.hover\:from-Base\ Layer\ Styles-Base\ Layer-Dark-Black:hover { + --tw-gradient-from: var(--base-layer-styles-base-layer-dark-black, #000000); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-white:hover { - --tw-text-opacity: 1; - color: rgba(255, 255, 255, var(--tw-text-opacity)); +.hover\:from-Grey-Scale-white:hover { + --tw-gradient-from: var(--grey-scale-white, #ffffff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-gray-50:hover { - --tw-text-opacity: 1; - color: rgba(249, 250, 251, var(--tw-text-opacity)); +.hover\:from-Grey-Scale-off-white:hover { + --tw-gradient-from: var(--grey-scale-off-white, #f0edee); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-gray-100:hover { - --tw-text-opacity: 1; - color: rgba(243, 244, 246, var(--tw-text-opacity)); +.hover\:from-Grey\ Scale-grey:hover { + --tw-gradient-from: var(--grey-scale-grey, #7f7e7f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-gray-200:hover { - --tw-text-opacity: 1; - color: rgba(229, 231, 235, var(--tw-text-opacity)); +.hover\:from-Grey\ Scale-charcoal:hover { + --tw-gradient-from: var(--grey-scale-charcoal, #474747); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-gray-300:hover { - --tw-text-opacity: 1; - color: rgba(209, 213, 219, var(--tw-text-opacity)); +.hover\:from-Grey\ Scale-off-black:hover { + --tw-gradient-from: var(--grey-scale-off-black, #1c1c1c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-gray-400:hover { - --tw-text-opacity: 1; - color: rgba(156, 163, 175, var(--tw-text-opacity)); +.hover\:from-Grey\ Scale-black:hover { + --tw-gradient-from: var(--grey-scale-black, #000000); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-gray-500:hover { - --tw-text-opacity: 1; - color: rgba(107, 114, 128, var(--tw-text-opacity)); +.hover\:from-Blue-blue:hover { + --tw-gradient-from: var(--blue-blue, #3a7ca5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-gray-600:hover { - --tw-text-opacity: 1; - color: rgba(75, 85, 99, var(--tw-text-opacity)); +.hover\:from-Blue-blue-100:hover { + --tw-gradient-from: var(--blue-blue-100, #75a3c0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-gray-700:hover { - --tw-text-opacity: 1; - color: rgba(55, 65, 81, var(--tw-text-opacity)); +.hover\:from-Blue-blue-200:hover { + --tw-gradient-from: var(--blue-blue-200, #9cbed2); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-gray-800:hover { - --tw-text-opacity: 1; - color: rgba(31, 41, 55, var(--tw-text-opacity)); +.hover\:from-Blue-blue-300:hover { + --tw-gradient-from: var(--blue-blue-300, #4f7d9a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-gray-900:hover { - --tw-text-opacity: 1; - color: rgba(17, 24, 39, var(--tw-text-opacity)); +.hover\:from-Blue-blue-400:hover { + --tw-gradient-from: var(--blue-blue-400, #5c7d92); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-red-50:hover { - --tw-text-opacity: 1; - color: rgba(254, 242, 242, var(--tw-text-opacity)); +.hover\:from-Blue-blue-500:hover { + --tw-gradient-from: var(--blue-blue-500, #347095); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-red-100:hover { - --tw-text-opacity: 1; - color: rgba(254, 226, 226, var(--tw-text-opacity)); +.hover\:from-Blue-blue-600:hover { + --tw-gradient-from: var(--blue-blue-600, #295774); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-red-200:hover { - --tw-text-opacity: 1; - color: rgba(254, 202, 202, var(--tw-text-opacity)); +.hover\:from-Blue-blue-700:hover { + --tw-gradient-from: var(--blue-blue-700, #173242); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-red-300:hover { - --tw-text-opacity: 1; - color: rgba(252, 165, 165, var(--tw-text-opacity)); +.hover\:from-LightBlue-lightblue:hover { + --tw-gradient-from: var(--light-blue-lightblue, #81c3d7); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-red-400:hover { - --tw-text-opacity: 1; - color: rgba(248, 113, 113, var(--tw-text-opacity)); +.hover\:from-LightBlue-lightblue-100:hover { + --tw-gradient-from: var(--light-blue-lightblue-100, #a7d5e3); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-red-500:hover { - --tw-text-opacity: 1; - color: rgba(239, 68, 68, var(--tw-text-opacity)); +.hover\:from-LightBlue-lightblue-200:hover { + --tw-gradient-from: var(--light-blue-lightblue-200, #c0e1eb); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-red-600:hover { - --tw-text-opacity: 1; - color: rgba(220, 38, 38, var(--tw-text-opacity)); +.hover\:from-LightBlue-lightblue-300:hover { + --tw-gradient-from: var(--light-blue-lightblue-300, #80aebd); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-red-700:hover { - --tw-text-opacity: 1; - color: rgba(185, 28, 28, var(--tw-text-opacity)); +.hover\:from-LightBlue-lightblue-400:hover { + --tw-gradient-from: var(--light-blue-lightblue-400, #80a0ab); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-red-800:hover { - --tw-text-opacity: 1; - color: rgba(153, 27, 27, var(--tw-text-opacity)); +.hover\:from-LightBlue-lightblue-500:hover { + --tw-gradient-from: var(--light-blue-lightblue-500, #74afc1); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-red-900:hover { - --tw-text-opacity: 1; - color: rgba(127, 29, 29, var(--tw-text-opacity)); +.hover\:from-LightBlue-lightblue-600:hover { + --tw-gradient-from: var(--light-blue-lightblue-600, #5a8997); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-yellow-50:hover { - --tw-text-opacity: 1; - color: rgba(255, 251, 235, var(--tw-text-opacity)); +.hover\:from-LightBlue-lightblue-650:hover { + --tw-gradient-from: var(--light-blue-lightblue-650, #3e5e65); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-yellow-100:hover { - --tw-text-opacity: 1; - color: rgba(254, 243, 199, var(--tw-text-opacity)); +.hover\:from-LightBlue-lightblue-700:hover { + --tw-gradient-from: var(--light-blue-lightblue-700, #344e56); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-yellow-200:hover { - --tw-text-opacity: 1; - color: rgba(253, 230, 138, var(--tw-text-opacity)); +.hover\:from-Orange-orange:hover { + --tw-gradient-from: var(--orange-orange, #ff7f0e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-yellow-300:hover { - --tw-text-opacity: 1; - color: rgba(252, 211, 77, var(--tw-text-opacity)); +.hover\:from-Orange-orange-100:hover { + --tw-gradient-from: var(--orange-orange-100, #ffa556); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-yellow-400:hover { - --tw-text-opacity: 1; - color: rgba(251, 191, 36, var(--tw-text-opacity)); +.hover\:from-Orange-orange-200:hover { + --tw-gradient-from: var(--orange-orange-200, #ffbf86); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-yellow-500:hover { - --tw-text-opacity: 1; - color: rgba(245, 158, 11, var(--tw-text-opacity)); +.hover\:from-Orange-orange-300:hover { + --tw-gradient-from: var(--orange-orange-300, #d97f30); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-yellow-600:hover { - --tw-text-opacity: 1; - color: rgba(217, 119, 6, var(--tw-text-opacity)); +.hover\:from-Orange-orange-400:hover { + --tw-gradient-from: var(--orange-orange-400, #bf7e46); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-yellow-700:hover { - --tw-text-opacity: 1; - color: rgba(180, 83, 9, var(--tw-text-opacity)); +.hover\:from-Orange-orange-500:hover { + --tw-gradient-from: var(--orange-orange-500, #e5720d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-yellow-800:hover { - --tw-text-opacity: 1; - color: rgba(146, 64, 14, var(--tw-text-opacity)); +.hover\:from-Orange-orange-600:hover { + --tw-gradient-from: var(--orange-orange-600, #b3590a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-yellow-900:hover { - --tw-text-opacity: 1; - color: rgba(120, 53, 15, var(--tw-text-opacity)); +.hover\:from-Orange-orange-700:hover { + --tw-gradient-from: var(--orange-orange-700, #663306); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-green-50:hover { - --tw-text-opacity: 1; - color: rgba(236, 253, 245, var(--tw-text-opacity)); +.hover\:from-Yellow-yellow:hover { + --tw-gradient-from: var(--yellow-yellow, #ffab00); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-green-100:hover { - --tw-text-opacity: 1; - color: rgba(209, 250, 229, var(--tw-text-opacity)); +.hover\:from-Yellow-yellow-100:hover { + --tw-gradient-from: var(--yellow-yellow-100, #ffc44c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-green-200:hover { - --tw-text-opacity: 1; - color: rgba(167, 243, 208, var(--tw-text-opacity)); +.hover\:from-Yellow-yellow-200:hover { + --tw-gradient-from: var(--yellow-yellow-200, #ffd580); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-green-300:hover { - --tw-text-opacity: 1; - color: rgba(110, 231, 183, var(--tw-text-opacity)); +.hover\:from-Yellow-yellow-300:hover { + --tw-gradient-from: var(--yellow-yellow-300, #d99d26); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-green-400:hover { - --tw-text-opacity: 1; - color: rgba(52, 211, 153, var(--tw-text-opacity)); +.hover\:from-Yellow-yellow-400:hover { + --tw-gradient-from: var(--yellow-yellow-400, #bf943f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-green-500:hover { - --tw-text-opacity: 1; - color: rgba(16, 185, 129, var(--tw-text-opacity)); +.hover\:from-Yellow-yellow-500:hover { + --tw-gradient-from: var(--yellow-yellow-500, #e59a00); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-green-600:hover { - --tw-text-opacity: 1; - color: rgba(5, 150, 105, var(--tw-text-opacity)); +.hover\:from-Yellow-yellow-600:hover { + --tw-gradient-from: var(--yellow-yellow-600, #b37800); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-green-700:hover { - --tw-text-opacity: 1; - color: rgba(4, 120, 87, var(--tw-text-opacity)); +.hover\:from-Yellow-yellow-700:hover { + --tw-gradient-from: var(--yellow-yellow-700, #664400); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-green-800:hover { - --tw-text-opacity: 1; - color: rgba(6, 95, 70, var(--tw-text-opacity)); +.hover\:from-Notification-notification:hover { + --tw-gradient-from: var(--notification-notification, #3959ff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-green-900:hover { - --tw-text-opacity: 1; - color: rgba(6, 78, 59, var(--tw-text-opacity)); +.hover\:from-Notification-notification-100:hover { + --tw-gradient-from: var(--notification-notification-100, #748bff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-blue-50:hover { - --tw-text-opacity: 1; - color: rgba(239, 246, 255, var(--tw-text-opacity)); +.hover\:from-Notification-notification-200:hover { + --tw-gradient-from: var(--notification-notification-200, #9cacff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-blue-100:hover { - --tw-text-opacity: 1; - color: rgba(219, 234, 254, var(--tw-text-opacity)); +.hover\:from-Notification-notification-300:hover { + --tw-gradient-from: var(--notification-notification-300, #4e64d9); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-blue-200:hover { - --tw-text-opacity: 1; - color: rgba(191, 219, 254, var(--tw-text-opacity)); +.hover\:from-Notification-notification-400:hover { + --tw-gradient-from: var(--notification-notification-400, #5c6cbf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-blue-300:hover { - --tw-text-opacity: 1; - color: rgba(147, 197, 253, var(--tw-text-opacity)); +.hover\:from-Notification-notification-500:hover { + --tw-gradient-from: var(--notification-notification-500, #3350e5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-blue-400:hover { - --tw-text-opacity: 1; - color: rgba(96, 165, 250, var(--tw-text-opacity)); +.hover\:from-Notification-notification-600:hover { + --tw-gradient-from: var(--notification-notification-600, #283eb3); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-blue-500:hover { - --tw-text-opacity: 1; - color: rgba(59, 130, 246, var(--tw-text-opacity)); +.hover\:from-Notification-notification-700:hover { + --tw-gradient-from: var(--notification-notification-700, #172466); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-blue-600:hover { - --tw-text-opacity: 1; - color: rgba(37, 99, 235, var(--tw-text-opacity)); +.hover\:from-Success-success\ -700:hover { + --tw-gradient-from: var(--success-success-700, #24471f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-blue-700:hover { - --tw-text-opacity: 1; - color: rgba(29, 78, 216, var(--tw-text-opacity)); +.hover\:from-Success-success:hover { + --tw-gradient-from: var(--success-success, #5bb14d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-blue-800:hover { - --tw-text-opacity: 1; - color: rgba(30, 64, 175, var(--tw-text-opacity)); +.hover\:from-Success-success\ -100:hover { + --tw-gradient-from: var(--success-success-100, #8cc882); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-blue-900:hover { - --tw-text-opacity: 1; - color: rgba(30, 58, 138, var(--tw-text-opacity)); +.hover\:from-Success-success\ -200:hover { + --tw-gradient-from: var(--success-success-200, #add8a6); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-indigo-50:hover { - --tw-text-opacity: 1; - color: rgba(238, 242, 255, var(--tw-text-opacity)); +.hover\:from-Success-success\ -300:hover { + --tw-gradient-from: var(--success-success-300, #66a25c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-indigo-100:hover { - --tw-text-opacity: 1; - color: rgba(224, 231, 255, var(--tw-text-opacity)); +.hover\:from-Success-success\ -400:hover { + --tw-gradient-from: var(--success-success-400, #6d9766); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-indigo-200:hover { - --tw-text-opacity: 1; - color: rgba(199, 210, 254, var(--tw-text-opacity)); +.hover\:from-Success-success\ -500:hover { + --tw-gradient-from: var(--success-success-500, #529f45); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-indigo-300:hover { - --tw-text-opacity: 1; - color: rgba(165, 180, 252, var(--tw-text-opacity)); +.hover\:from-Success-success\ -600:hover { + --tw-gradient-from: var(--success-success-600, #407c36); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-indigo-400:hover { - --tw-text-opacity: 1; - color: rgba(129, 140, 248, var(--tw-text-opacity)); +.hover\:from-Error-error:hover { + --tw-gradient-from: var(--error-error, #f03d3e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-indigo-500:hover { - --tw-text-opacity: 1; - color: rgba(99, 102, 241, var(--tw-text-opacity)); +.hover\:from-Error-error-100:hover { + --tw-gradient-from: var(--error-error-100, #f57778); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-indigo-600:hover { - --tw-text-opacity: 1; - color: rgba(79, 70, 229, var(--tw-text-opacity)); +.hover\:from-Error-error-200:hover { + --tw-gradient-from: var(--error-error-200, #f89e9e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-indigo-700:hover { - --tw-text-opacity: 1; - color: rgba(67, 56, 202, var(--tw-text-opacity)); +.hover\:from-Error-error-250:hover { + --tw-gradient-from: var(--error-error-250, #f9c8c8); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-indigo-800:hover { - --tw-text-opacity: 1; - color: rgba(55, 48, 163, var(--tw-text-opacity)); +.hover\:from-Error-error-300:hover { + --tw-gradient-from: var(--error-error-300, #ce5151); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-indigo-900:hover { - --tw-text-opacity: 1; - color: rgba(49, 46, 129, var(--tw-text-opacity)); +.hover\:from-Error-error-400:hover { + --tw-gradient-from: var(--error-error-400, #b85e5e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-purple-50:hover { - --tw-text-opacity: 1; - color: rgba(245, 243, 255, var(--tw-text-opacity)); +.hover\:from-Error-error-500:hover { + --tw-gradient-from: var(--error-error-500, #d83738); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-purple-100:hover { - --tw-text-opacity: 1; - color: rgba(237, 233, 254, var(--tw-text-opacity)); +.hover\:from-Error-error-600:hover { + --tw-gradient-from: var(--error-error-600, #a82b2b); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-purple-200:hover { - --tw-text-opacity: 1; - color: rgba(221, 214, 254, var(--tw-text-opacity)); +.hover\:from-Error-error-700:hover { + --tw-gradient-from: var(--error-error-700, #601819); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-purple-300:hover { - --tw-text-opacity: 1; - color: rgba(196, 181, 253, var(--tw-text-opacity)); +.focus\:from-colors-black:focus { + --tw-gradient-from: var(--colors-black, #000000); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-purple-400:hover { - --tw-text-opacity: 1; - color: rgba(167, 139, 250, var(--tw-text-opacity)); +.focus\:from-colors-white:focus { + --tw-gradient-from: var(--colors-white, #ffffff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-purple-500:hover { - --tw-text-opacity: 1; - color: rgba(139, 92, 246, var(--tw-text-opacity)); +.focus\:from-colors-gray-100:focus { + --tw-gradient-from: var(--colors-gray-100, #f7fafc); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-purple-600:hover { - --tw-text-opacity: 1; - color: rgba(124, 58, 237, var(--tw-text-opacity)); +.focus\:from-colors-gray-200:focus { + --tw-gradient-from: var(--colors-gray-200, #edf2f7); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-purple-700:hover { - --tw-text-opacity: 1; - color: rgba(109, 40, 217, var(--tw-text-opacity)); +.focus\:from-colors-gray-300:focus { + --tw-gradient-from: var(--colors-gray-300, #e2e8f0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-purple-800:hover { - --tw-text-opacity: 1; - color: rgba(91, 33, 182, var(--tw-text-opacity)); +.focus\:from-colors-gray-400:focus { + --tw-gradient-from: var(--colors-gray-400, #cbd5e0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-purple-900:hover { - --tw-text-opacity: 1; - color: rgba(76, 29, 149, var(--tw-text-opacity)); +.focus\:from-colors-gray-500:focus { + --tw-gradient-from: var(--colors-gray-500, #a0aec0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-pink-50:hover { - --tw-text-opacity: 1; - color: rgba(253, 242, 248, var(--tw-text-opacity)); +.focus\:from-colors-gray-600:focus { + --tw-gradient-from: var(--colors-gray-600, #718096); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-pink-100:hover { - --tw-text-opacity: 1; - color: rgba(252, 231, 243, var(--tw-text-opacity)); +.focus\:from-colors-gray-700:focus { + --tw-gradient-from: var(--colors-gray-700, #4a5568); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-pink-200:hover { - --tw-text-opacity: 1; - color: rgba(251, 207, 232, var(--tw-text-opacity)); +.focus\:from-colors-gray-800:focus { + --tw-gradient-from: var(--colors-gray-800, #2d3748); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-pink-300:hover { - --tw-text-opacity: 1; - color: rgba(249, 168, 212, var(--tw-text-opacity)); +.focus\:from-colors-gray-900:focus { + --tw-gradient-from: var(--colors-gray-900, #1a202c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-pink-400:hover { - --tw-text-opacity: 1; - color: rgba(244, 114, 182, var(--tw-text-opacity)); +.focus\:from-colors-red-100:focus { + --tw-gradient-from: var(--colors-red-100, #fff5f5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-pink-500:hover { - --tw-text-opacity: 1; - color: rgba(236, 72, 153, var(--tw-text-opacity)); +.focus\:from-colors-red-200:focus { + --tw-gradient-from: var(--colors-red-200, #fed7d7); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-pink-600:hover { - --tw-text-opacity: 1; - color: rgba(219, 39, 119, var(--tw-text-opacity)); +.focus\:from-colors-red-300:focus { + --tw-gradient-from: var(--colors-red-300, #feb2b2); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-pink-700:hover { - --tw-text-opacity: 1; - color: rgba(190, 24, 93, var(--tw-text-opacity)); +.focus\:from-colors-red-400:focus { + --tw-gradient-from: var(--colors-red-400, #fc8181); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-pink-800:hover { - --tw-text-opacity: 1; - color: rgba(157, 23, 77, var(--tw-text-opacity)); +.focus\:from-colors-red-500:focus { + --tw-gradient-from: var(--colors-red-500, #f56565); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-pink-900:hover { - --tw-text-opacity: 1; - color: rgba(131, 24, 67, var(--tw-text-opacity)); +.focus\:from-colors-red-600:focus { + --tw-gradient-from: var(--colors-red-600, #e53e3e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-transparent:focus { - color: transparent; +.focus\:from-colors-red-700:focus { + --tw-gradient-from: var(--colors-red-700, #c53030); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-current:focus { - color: currentColor; +.focus\:from-colors-red-800:focus { + --tw-gradient-from: var(--colors-red-800, #9b2c2c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-black:focus { - --tw-text-opacity: 1; - color: rgba(0, 0, 0, var(--tw-text-opacity)); +.focus\:from-colors-red-900:focus { + --tw-gradient-from: var(--colors-red-900, #742a2a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-white:focus { - --tw-text-opacity: 1; - color: rgba(255, 255, 255, var(--tw-text-opacity)); +.focus\:from-colors-orange-100:focus { + --tw-gradient-from: var(--colors-orange-100, #fffaf0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-gray-50:focus { - --tw-text-opacity: 1; - color: rgba(249, 250, 251, var(--tw-text-opacity)); +.focus\:from-colors-orange-200:focus { + --tw-gradient-from: var(--colors-orange-200, #feebc8); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-gray-100:focus { - --tw-text-opacity: 1; - color: rgba(243, 244, 246, var(--tw-text-opacity)); +.focus\:from-colors-orange-300:focus { + --tw-gradient-from: var(--colors-orange-300, #fbd38d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-gray-200:focus { - --tw-text-opacity: 1; - color: rgba(229, 231, 235, var(--tw-text-opacity)); +.focus\:from-colors-orange-400:focus { + --tw-gradient-from: var(--colors-orange-400, #f6ad55); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-gray-300:focus { - --tw-text-opacity: 1; - color: rgba(209, 213, 219, var(--tw-text-opacity)); +.focus\:from-colors-orange-500:focus { + --tw-gradient-from: var(--colors-orange-500, #ed8936); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-gray-400:focus { - --tw-text-opacity: 1; - color: rgba(156, 163, 175, var(--tw-text-opacity)); +.focus\:from-colors-orange-600:focus { + --tw-gradient-from: var(--colors-orange-600, #dd6b20); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-gray-500:focus { - --tw-text-opacity: 1; - color: rgba(107, 114, 128, var(--tw-text-opacity)); +.focus\:from-colors-orange-700:focus { + --tw-gradient-from: var(--colors-orange-700, #c05621); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-gray-600:focus { - --tw-text-opacity: 1; - color: rgba(75, 85, 99, var(--tw-text-opacity)); +.focus\:from-colors-orange-800:focus { + --tw-gradient-from: var(--colors-orange-800, #9c4221); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-gray-700:focus { - --tw-text-opacity: 1; - color: rgba(55, 65, 81, var(--tw-text-opacity)); +.focus\:from-colors-orange-900:focus { + --tw-gradient-from: var(--colors-orange-900, #7b341e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-gray-800:focus { - --tw-text-opacity: 1; - color: rgba(31, 41, 55, var(--tw-text-opacity)); +.focus\:from-colors-yellow-100:focus { + --tw-gradient-from: var(--colors-yellow-100, #fffff0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-gray-900:focus { - --tw-text-opacity: 1; - color: rgba(17, 24, 39, var(--tw-text-opacity)); +.focus\:from-colors-yellow-200:focus { + --tw-gradient-from: var(--colors-yellow-200, #fefcbf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-red-50:focus { - --tw-text-opacity: 1; - color: rgba(254, 242, 242, var(--tw-text-opacity)); +.focus\:from-colors-yellow-300:focus { + --tw-gradient-from: var(--colors-yellow-300, #faf089); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-red-100:focus { - --tw-text-opacity: 1; - color: rgba(254, 226, 226, var(--tw-text-opacity)); +.focus\:from-colors-yellow-400:focus { + --tw-gradient-from: var(--colors-yellow-400, #f6e05e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-red-200:focus { - --tw-text-opacity: 1; - color: rgba(254, 202, 202, var(--tw-text-opacity)); +.focus\:from-colors-yellow-500:focus { + --tw-gradient-from: var(--colors-yellow-500, #ecc94b); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-red-300:focus { - --tw-text-opacity: 1; - color: rgba(252, 165, 165, var(--tw-text-opacity)); +.focus\:from-colors-yellow-600:focus { + --tw-gradient-from: var(--colors-yellow-600, #d69e2e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-red-400:focus { - --tw-text-opacity: 1; - color: rgba(248, 113, 113, var(--tw-text-opacity)); +.focus\:from-colors-yellow-700:focus { + --tw-gradient-from: var(--colors-yellow-700, #b7791f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-red-500:focus { - --tw-text-opacity: 1; - color: rgba(239, 68, 68, var(--tw-text-opacity)); +.focus\:from-colors-yellow-800:focus { + --tw-gradient-from: var(--colors-yellow-800, #975a16); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-red-600:focus { - --tw-text-opacity: 1; - color: rgba(220, 38, 38, var(--tw-text-opacity)); +.focus\:from-colors-yellow-900:focus { + --tw-gradient-from: var(--colors-yellow-900, #744210); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-red-700:focus { - --tw-text-opacity: 1; - color: rgba(185, 28, 28, var(--tw-text-opacity)); +.focus\:from-colors-green-100:focus { + --tw-gradient-from: var(--colors-green-100, #f0fff4); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-red-800:focus { - --tw-text-opacity: 1; - color: rgba(153, 27, 27, var(--tw-text-opacity)); +.focus\:from-colors-green-200:focus { + --tw-gradient-from: var(--colors-green-200, #c6f6d5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-red-900:focus { - --tw-text-opacity: 1; - color: rgba(127, 29, 29, var(--tw-text-opacity)); +.focus\:from-colors-green-300:focus { + --tw-gradient-from: var(--colors-green-300, #9ae6b4); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-yellow-50:focus { - --tw-text-opacity: 1; - color: rgba(255, 251, 235, var(--tw-text-opacity)); +.focus\:from-colors-green-400:focus { + --tw-gradient-from: var(--colors-green-400, #68d391); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-yellow-100:focus { - --tw-text-opacity: 1; - color: rgba(254, 243, 199, var(--tw-text-opacity)); +.focus\:from-colors-green-500:focus { + --tw-gradient-from: var(--colors-green-500, #48bb78); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-yellow-200:focus { - --tw-text-opacity: 1; - color: rgba(253, 230, 138, var(--tw-text-opacity)); +.focus\:from-colors-green-600:focus { + --tw-gradient-from: var(--colors-green-600, #38a169); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-yellow-300:focus { - --tw-text-opacity: 1; - color: rgba(252, 211, 77, var(--tw-text-opacity)); +.focus\:from-colors-green-700:focus { + --tw-gradient-from: var(--colors-green-700, #2f855a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-yellow-400:focus { - --tw-text-opacity: 1; - color: rgba(251, 191, 36, var(--tw-text-opacity)); +.focus\:from-colors-green-800:focus { + --tw-gradient-from: var(--colors-green-800, #276749); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-yellow-500:focus { - --tw-text-opacity: 1; - color: rgba(245, 158, 11, var(--tw-text-opacity)); +.focus\:from-colors-green-900:focus { + --tw-gradient-from: var(--colors-green-900, #22543d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-yellow-600:focus { - --tw-text-opacity: 1; - color: rgba(217, 119, 6, var(--tw-text-opacity)); +.focus\:from-colors-teal-100:focus { + --tw-gradient-from: var(--colors-teal-100, #e6fffa); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-yellow-700:focus { - --tw-text-opacity: 1; - color: rgba(180, 83, 9, var(--tw-text-opacity)); +.focus\:from-colors-teal-200:focus { + --tw-gradient-from: var(--colors-teal-200, #b2f5ea); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-yellow-800:focus { - --tw-text-opacity: 1; - color: rgba(146, 64, 14, var(--tw-text-opacity)); +.focus\:from-colors-teal-300:focus { + --tw-gradient-from: var(--colors-teal-300, #81e6d9); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-yellow-900:focus { - --tw-text-opacity: 1; - color: rgba(120, 53, 15, var(--tw-text-opacity)); +.focus\:from-colors-teal-400:focus { + --tw-gradient-from: var(--colors-teal-400, #4fd1c5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-green-50:focus { - --tw-text-opacity: 1; - color: rgba(236, 253, 245, var(--tw-text-opacity)); +.focus\:from-colors-teal-500:focus { + --tw-gradient-from: var(--colors-teal-500, #38b2ac); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-green-100:focus { - --tw-text-opacity: 1; - color: rgba(209, 250, 229, var(--tw-text-opacity)); +.focus\:from-colors-teal-600:focus { + --tw-gradient-from: var(--colors-teal-600, #319795); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-green-200:focus { - --tw-text-opacity: 1; - color: rgba(167, 243, 208, var(--tw-text-opacity)); +.focus\:from-colors-teal-700:focus { + --tw-gradient-from: var(--colors-teal-700, #2c7a7b); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-green-300:focus { - --tw-text-opacity: 1; - color: rgba(110, 231, 183, var(--tw-text-opacity)); +.focus\:from-colors-teal-800:focus { + --tw-gradient-from: var(--colors-teal-800, #285e61); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-green-400:focus { - --tw-text-opacity: 1; - color: rgba(52, 211, 153, var(--tw-text-opacity)); +.focus\:from-colors-teal-900:focus { + --tw-gradient-from: var(--colors-teal-900, #234e52); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-green-500:focus { - --tw-text-opacity: 1; - color: rgba(16, 185, 129, var(--tw-text-opacity)); +.focus\:from-colors-blue-100:focus { + --tw-gradient-from: var(--colors-blue-100, #ebf8ff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-green-600:focus { - --tw-text-opacity: 1; - color: rgba(5, 150, 105, var(--tw-text-opacity)); +.focus\:from-colors-blue-200:focus { + --tw-gradient-from: var(--colors-blue-200, #bee3f8); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-green-700:focus { - --tw-text-opacity: 1; - color: rgba(4, 120, 87, var(--tw-text-opacity)); +.focus\:from-colors-blue-300:focus { + --tw-gradient-from: var(--colors-blue-300, #90cdf4); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-green-800:focus { - --tw-text-opacity: 1; - color: rgba(6, 95, 70, var(--tw-text-opacity)); +.focus\:from-colors-blue-400:focus { + --tw-gradient-from: var(--colors-blue-400, #63b3ed); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-green-900:focus { - --tw-text-opacity: 1; - color: rgba(6, 78, 59, var(--tw-text-opacity)); +.focus\:from-colors-blue-500:focus { + --tw-gradient-from: var(--colors-blue-500, #4299e1); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-blue-50:focus { - --tw-text-opacity: 1; - color: rgba(239, 246, 255, var(--tw-text-opacity)); +.focus\:from-colors-blue-600:focus { + --tw-gradient-from: var(--colors-blue-600, #3182ce); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-blue-100:focus { - --tw-text-opacity: 1; - color: rgba(219, 234, 254, var(--tw-text-opacity)); +.focus\:from-colors-blue-700:focus { + --tw-gradient-from: var(--colors-blue-700, #2b6cb0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-blue-200:focus { - --tw-text-opacity: 1; - color: rgba(191, 219, 254, var(--tw-text-opacity)); +.focus\:from-colors-blue-800:focus { + --tw-gradient-from: var(--colors-blue-800, #2c5282); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-blue-300:focus { - --tw-text-opacity: 1; - color: rgba(147, 197, 253, var(--tw-text-opacity)); +.focus\:from-colors-blue-900:focus { + --tw-gradient-from: var(--colors-blue-900, #2a4365); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-blue-400:focus { - --tw-text-opacity: 1; - color: rgba(96, 165, 250, var(--tw-text-opacity)); +.focus\:from-colors-indigo-100:focus { + --tw-gradient-from: var(--colors-indigo-100, #ebf4ff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-blue-500:focus { - --tw-text-opacity: 1; - color: rgba(59, 130, 246, var(--tw-text-opacity)); +.focus\:from-colors-indigo-200:focus { + --tw-gradient-from: var(--colors-indigo-200, #c3dafe); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-blue-600:focus { - --tw-text-opacity: 1; - color: rgba(37, 99, 235, var(--tw-text-opacity)); +.focus\:from-colors-indigo-300:focus { + --tw-gradient-from: var(--colors-indigo-300, #a3bffa); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-blue-700:focus { - --tw-text-opacity: 1; - color: rgba(29, 78, 216, var(--tw-text-opacity)); +.focus\:from-colors-indigo-400:focus { + --tw-gradient-from: var(--colors-indigo-400, #7f9cf5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-blue-800:focus { - --tw-text-opacity: 1; - color: rgba(30, 64, 175, var(--tw-text-opacity)); +.focus\:from-colors-indigo-500:focus { + --tw-gradient-from: var(--colors-indigo-500, #667eea); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-blue-900:focus { - --tw-text-opacity: 1; - color: rgba(30, 58, 138, var(--tw-text-opacity)); +.focus\:from-colors-indigo-600:focus { + --tw-gradient-from: var(--colors-indigo-600, #5a67d8); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-indigo-50:focus { - --tw-text-opacity: 1; - color: rgba(238, 242, 255, var(--tw-text-opacity)); +.focus\:from-colors-indigo-700:focus { + --tw-gradient-from: var(--colors-indigo-700, #4c51bf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-indigo-100:focus { - --tw-text-opacity: 1; - color: rgba(224, 231, 255, var(--tw-text-opacity)); +.focus\:from-colors-indigo-800:focus { + --tw-gradient-from: var(--colors-indigo-800, #434190); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-indigo-200:focus { - --tw-text-opacity: 1; - color: rgba(199, 210, 254, var(--tw-text-opacity)); +.focus\:from-colors-indigo-900:focus { + --tw-gradient-from: var(--colors-indigo-900, #3c366b); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-indigo-300:focus { - --tw-text-opacity: 1; - color: rgba(165, 180, 252, var(--tw-text-opacity)); +.focus\:from-colors-purple-100:focus { + --tw-gradient-from: var(--colors-purple-100, #faf5ff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-indigo-400:focus { - --tw-text-opacity: 1; - color: rgba(129, 140, 248, var(--tw-text-opacity)); +.focus\:from-colors-purple-200:focus { + --tw-gradient-from: var(--colors-purple-200, #e9d8fd); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-indigo-500:focus { - --tw-text-opacity: 1; - color: rgba(99, 102, 241, var(--tw-text-opacity)); +.focus\:from-colors-purple-300:focus { + --tw-gradient-from: var(--colors-purple-300, #d6bcfa); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-indigo-600:focus { - --tw-text-opacity: 1; - color: rgba(79, 70, 229, var(--tw-text-opacity)); +.focus\:from-colors-purple-400:focus { + --tw-gradient-from: var(--colors-purple-400, #b794f4); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-indigo-700:focus { - --tw-text-opacity: 1; - color: rgba(67, 56, 202, var(--tw-text-opacity)); +.focus\:from-colors-purple-500:focus { + --tw-gradient-from: var(--colors-purple-500, #9f7aea); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-indigo-800:focus { - --tw-text-opacity: 1; - color: rgba(55, 48, 163, var(--tw-text-opacity)); +.focus\:from-colors-purple-600:focus { + --tw-gradient-from: var(--colors-purple-600, #805ad5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-indigo-900:focus { - --tw-text-opacity: 1; - color: rgba(49, 46, 129, var(--tw-text-opacity)); +.focus\:from-colors-purple-700:focus { + --tw-gradient-from: var(--colors-purple-700, #6b46c1); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-purple-50:focus { - --tw-text-opacity: 1; - color: rgba(245, 243, 255, var(--tw-text-opacity)); +.focus\:from-colors-purple-800:focus { + --tw-gradient-from: var(--colors-purple-800, #553c9a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-purple-100:focus { - --tw-text-opacity: 1; - color: rgba(237, 233, 254, var(--tw-text-opacity)); +.focus\:from-colors-purple-900:focus { + --tw-gradient-from: var(--colors-purple-900, #44337a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-purple-200:focus { - --tw-text-opacity: 1; - color: rgba(221, 214, 254, var(--tw-text-opacity)); +.focus\:from-colors-pink-100:focus { + --tw-gradient-from: var(--colors-pink-100, #fff5f7); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-purple-300:focus { - --tw-text-opacity: 1; - color: rgba(196, 181, 253, var(--tw-text-opacity)); +.focus\:from-colors-pink-200:focus { + --tw-gradient-from: var(--colors-pink-200, #fed7e2); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-purple-400:focus { - --tw-text-opacity: 1; - color: rgba(167, 139, 250, var(--tw-text-opacity)); +.focus\:from-colors-pink-300:focus { + --tw-gradient-from: var(--colors-pink-300, #fbb6ce); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-purple-500:focus { - --tw-text-opacity: 1; - color: rgba(139, 92, 246, var(--tw-text-opacity)); +.focus\:from-colors-pink-400:focus { + --tw-gradient-from: var(--colors-pink-400, #f687b3); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-purple-600:focus { - --tw-text-opacity: 1; - color: rgba(124, 58, 237, var(--tw-text-opacity)); +.focus\:from-colors-pink-500:focus { + --tw-gradient-from: var(--colors-pink-500, #ed64a6); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-purple-700:focus { - --tw-text-opacity: 1; - color: rgba(109, 40, 217, var(--tw-text-opacity)); +.focus\:from-colors-pink-600:focus { + --tw-gradient-from: var(--colors-pink-600, #d53f8c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-purple-800:focus { - --tw-text-opacity: 1; - color: rgba(91, 33, 182, var(--tw-text-opacity)); +.focus\:from-colors-pink-700:focus { + --tw-gradient-from: var(--colors-pink-700, #b83280); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-purple-900:focus { - --tw-text-opacity: 1; - color: rgba(76, 29, 149, var(--tw-text-opacity)); +.focus\:from-colors-pink-800:focus { + --tw-gradient-from: var(--colors-pink-800, #97266d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-pink-50:focus { - --tw-text-opacity: 1; - color: rgba(253, 242, 248, var(--tw-text-opacity)); +.focus\:from-colors-pink-900:focus { + --tw-gradient-from: var(--colors-pink-900, #702459); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-pink-100:focus { - --tw-text-opacity: 1; - color: rgba(252, 231, 243, var(--tw-text-opacity)); +.focus\:from-Box\ Shadow:focus { + --tw-gradient-from: var(--box-shadow, #7f7e7f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-pink-200:focus { - --tw-text-opacity: 1; - color: rgba(251, 207, 232, var(--tw-text-opacity)); +.focus\:from-Error16:focus { + --tw-gradient-from: var(--error16, #f03d3e40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-pink-300:focus { - --tw-text-opacity: 1; - color: rgba(249, 168, 212, var(--tw-text-opacity)); +.focus\:from-Success16:focus { + --tw-gradient-from: var(--success16, #5bb14d40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-pink-400:focus { - --tw-text-opacity: 1; - color: rgba(244, 114, 182, var(--tw-text-opacity)); +.focus\:from-Notification16:focus { + --tw-gradient-from: var(--notification16, #3959ff40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-pink-500:focus { - --tw-text-opacity: 1; - color: rgba(236, 72, 153, var(--tw-text-opacity)); +.focus\:from-Error8:focus { + --tw-gradient-from: var(--error8, #f03d3e1a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-pink-600:focus { - --tw-text-opacity: 1; - color: rgba(219, 39, 119, var(--tw-text-opacity)); +.focus\:from-Notification8:focus { + --tw-gradient-from: var(--notification8, #3959ff1a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-pink-700:focus { - --tw-text-opacity: 1; - color: rgba(190, 24, 93, var(--tw-text-opacity)); +.focus\:from-Success8:focus { + --tw-gradient-from: var(--success8, #5bb14d1a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-pink-800:focus { - --tw-text-opacity: 1; - color: rgba(157, 23, 77, var(--tw-text-opacity)); +.focus\:from-Light\ -\ Overlay:focus { + --tw-gradient-from: var(--light-overlay, #f0edee66); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-pink-900:focus { - --tw-text-opacity: 1; - color: rgba(131, 24, 67, var(--tw-text-opacity)); +.focus\:from-Dark-\ Overlay:focus { + --tw-gradient-from: var(--dark-overlay, #7f7e7f66); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-opacity-0 { - --tw-text-opacity: 0; +.focus\:from-black-40:focus { + --tw-gradient-from: var(--black-40, #00000066); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-opacity-5 { - --tw-text-opacity: 0.05; +.focus\:from-black-75:focus { + --tw-gradient-from: var(--black-75, #000000bf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-opacity-10 { - --tw-text-opacity: 0.1; +.focus\:from-black-60:focus { + --tw-gradient-from: var(--black-60, #00000099); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-opacity-20 { - --tw-text-opacity: 0.2; +.focus\:from-black-50:focus { + --tw-gradient-from: var(--black-50, #00000080); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-opacity-25 { - --tw-text-opacity: 0.25; +.focus\:from-black-25:focus { + --tw-gradient-from: var(--black-25, #00000040); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-opacity-30 { - --tw-text-opacity: 0.3; +.focus\:from-black-10:focus { + --tw-gradient-from: var(--black-10, #0000001a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-opacity-40 { - --tw-text-opacity: 0.4; +.focus\:from-white-25:focus { + --tw-gradient-from: var(--white-25, #ffffff40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-opacity-50 { - --tw-text-opacity: 0.5; +.focus\:from-white-60:focus { + --tw-gradient-from: var(--white-60, #ffffff99); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-opacity-60 { - --tw-text-opacity: 0.6; +.focus\:from-black-64:focus { + --tw-gradient-from: var(--black-64, #000000a3); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-opacity-70 { - --tw-text-opacity: 0.7; +.focus\:from-Shadow\ and\ Highlight-Shadow:focus { + --tw-gradient-from: var(--shadow-and-highlight-shadow, #7f7e7f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-opacity-75 { - --tw-text-opacity: 0.75; +.focus\:from-Shadow\ and\ Highlight-Highlight:focus { + --tw-gradient-from: var(--shadow-and-highlight-highlight, #474747); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-opacity-80 { - --tw-text-opacity: 0.8; +.focus\:from-Shadow\ and\ Highlight-highlight\ one:focus { + --tw-gradient-from: var(--shadow-and-highlight-highlight-one, #474747bf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-opacity-90 { - --tw-text-opacity: 0.9; +.focus\:from-Shadow\ and\ Highlight-highlight\ two:focus { + --tw-gradient-from: var(--shadow-and-highlight-highlight-two, #47474799); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-opacity-95 { - --tw-text-opacity: 0.95; +.focus\:from-Shadow\ and\ Highlight-highlight\ three:focus { + --tw-gradient-from: var(--shadow-and-highlight-highlight-three, #47474766); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.text-opacity-100 { - --tw-text-opacity: 1; +.focus\:from-Shadow\ and\ Highlight-highlight\ five:focus { + --tw-gradient-from: var(--shadow-and-highlight-highlight-five, #4747471a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-opacity-0 { - --tw-text-opacity: 0; +.focus\:from-Shadow\ and\ Highlight-shadow\ one:focus { + --tw-gradient-from: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-opacity-5 { - --tw-text-opacity: 0.05; +.focus\:from-Shadow\ and\ Highlight-shadow\ two:focus { + --tw-gradient-from: var(--shadow-and-highlight-shadow-two, #7f7e7f99); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-opacity-10 { - --tw-text-opacity: 0.1; +.focus\:from-Shadow\ and\ Highlight-shadow\ three:focus { + --tw-gradient-from: var(--shadow-and-highlight-shadow-three, #7f7e7f66); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-opacity-20 { - --tw-text-opacity: 0.2; +.focus\:from-Shadow\ and\ Highlight-shadow\ four:focus { + --tw-gradient-from: var(--shadow-and-highlight-shadow-four, #7f7e7f40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-opacity-25 { - --tw-text-opacity: 0.25; +.focus\:from-Shadow\ and\ Highlight-shadow\ five:focus { + --tw-gradient-from: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-opacity-30 { - --tw-text-opacity: 0.3; +.focus\:from-Shadow\ and\ Highlight-highlight\ four:focus { + --tw-gradient-from: var(--shadow-and-highlight-highlight-four, #47474740); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-opacity-40 { - --tw-text-opacity: 0.4; +.focus\:from-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus { + --tw-gradient-from: var(--base-layer-styles-base-layer-light-white, #ffffff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-opacity-50 { - --tw-text-opacity: 0.5; +.focus\:from-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus { + --tw-gradient-from: var(--base-layer-styles-base-layer-light-off-white, #f0edee); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-opacity-60 { - --tw-text-opacity: 0.6; +.focus\:from-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus { + --tw-gradient-from: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-opacity-70 { - --tw-text-opacity: 0.7; +.focus\:from-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus { + --tw-gradient-from: var(--base-layer-styles-base-layer-dark-black, #000000); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-opacity-75 { - --tw-text-opacity: 0.75; +.focus\:from-Grey-Scale-white:focus { + --tw-gradient-from: var(--grey-scale-white, #ffffff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-opacity-80 { - --tw-text-opacity: 0.8; +.focus\:from-Grey-Scale-off-white:focus { + --tw-gradient-from: var(--grey-scale-off-white, #f0edee); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-opacity-90 { - --tw-text-opacity: 0.9; +.focus\:from-Grey\ Scale-grey:focus { + --tw-gradient-from: var(--grey-scale-grey, #7f7e7f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-opacity-95 { - --tw-text-opacity: 0.95; +.focus\:from-Grey\ Scale-charcoal:focus { + --tw-gradient-from: var(--grey-scale-charcoal, #474747); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:text-opacity-100 { - --tw-text-opacity: 1; +.focus\:from-Grey\ Scale-off-black:focus { + --tw-gradient-from: var(--grey-scale-off-black, #1c1c1c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-opacity-0:focus-within { - --tw-text-opacity: 0; +.focus\:from-Grey\ Scale-black:focus { + --tw-gradient-from: var(--grey-scale-black, #000000); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-opacity-5:focus-within { - --tw-text-opacity: 0.05; +.focus\:from-Blue-blue:focus { + --tw-gradient-from: var(--blue-blue, #3a7ca5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-opacity-10:focus-within { - --tw-text-opacity: 0.1; +.focus\:from-Blue-blue-100:focus { + --tw-gradient-from: var(--blue-blue-100, #75a3c0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-opacity-20:focus-within { - --tw-text-opacity: 0.2; +.focus\:from-Blue-blue-200:focus { + --tw-gradient-from: var(--blue-blue-200, #9cbed2); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-opacity-25:focus-within { - --tw-text-opacity: 0.25; +.focus\:from-Blue-blue-300:focus { + --tw-gradient-from: var(--blue-blue-300, #4f7d9a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-opacity-30:focus-within { - --tw-text-opacity: 0.3; +.focus\:from-Blue-blue-400:focus { + --tw-gradient-from: var(--blue-blue-400, #5c7d92); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-opacity-40:focus-within { - --tw-text-opacity: 0.4; +.focus\:from-Blue-blue-500:focus { + --tw-gradient-from: var(--blue-blue-500, #347095); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-opacity-50:focus-within { - --tw-text-opacity: 0.5; +.focus\:from-Blue-blue-600:focus { + --tw-gradient-from: var(--blue-blue-600, #295774); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-opacity-60:focus-within { - --tw-text-opacity: 0.6; +.focus\:from-Blue-blue-700:focus { + --tw-gradient-from: var(--blue-blue-700, #173242); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-opacity-70:focus-within { - --tw-text-opacity: 0.7; +.focus\:from-LightBlue-lightblue:focus { + --tw-gradient-from: var(--light-blue-lightblue, #81c3d7); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-opacity-75:focus-within { - --tw-text-opacity: 0.75; +.focus\:from-LightBlue-lightblue-100:focus { + --tw-gradient-from: var(--light-blue-lightblue-100, #a7d5e3); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-opacity-80:focus-within { - --tw-text-opacity: 0.8; +.focus\:from-LightBlue-lightblue-200:focus { + --tw-gradient-from: var(--light-blue-lightblue-200, #c0e1eb); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-opacity-90:focus-within { - --tw-text-opacity: 0.9; +.focus\:from-LightBlue-lightblue-300:focus { + --tw-gradient-from: var(--light-blue-lightblue-300, #80aebd); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-opacity-95:focus-within { - --tw-text-opacity: 0.95; +.focus\:from-LightBlue-lightblue-400:focus { + --tw-gradient-from: var(--light-blue-lightblue-400, #80a0ab); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:text-opacity-100:focus-within { - --tw-text-opacity: 1; +.focus\:from-LightBlue-lightblue-500:focus { + --tw-gradient-from: var(--light-blue-lightblue-500, #74afc1); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-opacity-0:hover { - --tw-text-opacity: 0; +.focus\:from-LightBlue-lightblue-600:focus { + --tw-gradient-from: var(--light-blue-lightblue-600, #5a8997); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-opacity-5:hover { - --tw-text-opacity: 0.05; +.focus\:from-LightBlue-lightblue-650:focus { + --tw-gradient-from: var(--light-blue-lightblue-650, #3e5e65); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-opacity-10:hover { - --tw-text-opacity: 0.1; +.focus\:from-LightBlue-lightblue-700:focus { + --tw-gradient-from: var(--light-blue-lightblue-700, #344e56); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-opacity-20:hover { - --tw-text-opacity: 0.2; +.focus\:from-Orange-orange:focus { + --tw-gradient-from: var(--orange-orange, #ff7f0e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-opacity-25:hover { - --tw-text-opacity: 0.25; +.focus\:from-Orange-orange-100:focus { + --tw-gradient-from: var(--orange-orange-100, #ffa556); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-opacity-30:hover { - --tw-text-opacity: 0.3; +.focus\:from-Orange-orange-200:focus { + --tw-gradient-from: var(--orange-orange-200, #ffbf86); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-opacity-40:hover { - --tw-text-opacity: 0.4; +.focus\:from-Orange-orange-300:focus { + --tw-gradient-from: var(--orange-orange-300, #d97f30); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-opacity-50:hover { - --tw-text-opacity: 0.5; +.focus\:from-Orange-orange-400:focus { + --tw-gradient-from: var(--orange-orange-400, #bf7e46); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-opacity-60:hover { - --tw-text-opacity: 0.6; +.focus\:from-Orange-orange-500:focus { + --tw-gradient-from: var(--orange-orange-500, #e5720d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-opacity-70:hover { - --tw-text-opacity: 0.7; +.focus\:from-Orange-orange-600:focus { + --tw-gradient-from: var(--orange-orange-600, #b3590a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-opacity-75:hover { - --tw-text-opacity: 0.75; +.focus\:from-Orange-orange-700:focus { + --tw-gradient-from: var(--orange-orange-700, #663306); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-opacity-80:hover { - --tw-text-opacity: 0.8; +.focus\:from-Yellow-yellow:focus { + --tw-gradient-from: var(--yellow-yellow, #ffab00); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-opacity-90:hover { - --tw-text-opacity: 0.9; +.focus\:from-Yellow-yellow-100:focus { + --tw-gradient-from: var(--yellow-yellow-100, #ffc44c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-opacity-95:hover { - --tw-text-opacity: 0.95; +.focus\:from-Yellow-yellow-200:focus { + --tw-gradient-from: var(--yellow-yellow-200, #ffd580); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:text-opacity-100:hover { - --tw-text-opacity: 1; +.focus\:from-Yellow-yellow-300:focus { + --tw-gradient-from: var(--yellow-yellow-300, #d99d26); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-opacity-0:focus { - --tw-text-opacity: 0; +.focus\:from-Yellow-yellow-400:focus { + --tw-gradient-from: var(--yellow-yellow-400, #bf943f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-opacity-5:focus { - --tw-text-opacity: 0.05; +.focus\:from-Yellow-yellow-500:focus { + --tw-gradient-from: var(--yellow-yellow-500, #e59a00); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-opacity-10:focus { - --tw-text-opacity: 0.1; +.focus\:from-Yellow-yellow-600:focus { + --tw-gradient-from: var(--yellow-yellow-600, #b37800); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-opacity-20:focus { - --tw-text-opacity: 0.2; +.focus\:from-Yellow-yellow-700:focus { + --tw-gradient-from: var(--yellow-yellow-700, #664400); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-opacity-25:focus { - --tw-text-opacity: 0.25; +.focus\:from-Notification-notification:focus { + --tw-gradient-from: var(--notification-notification, #3959ff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-opacity-30:focus { - --tw-text-opacity: 0.3; +.focus\:from-Notification-notification-100:focus { + --tw-gradient-from: var(--notification-notification-100, #748bff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-opacity-40:focus { - --tw-text-opacity: 0.4; +.focus\:from-Notification-notification-200:focus { + --tw-gradient-from: var(--notification-notification-200, #9cacff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-opacity-50:focus { - --tw-text-opacity: 0.5; +.focus\:from-Notification-notification-300:focus { + --tw-gradient-from: var(--notification-notification-300, #4e64d9); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-opacity-60:focus { - --tw-text-opacity: 0.6; +.focus\:from-Notification-notification-400:focus { + --tw-gradient-from: var(--notification-notification-400, #5c6cbf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-opacity-70:focus { - --tw-text-opacity: 0.7; +.focus\:from-Notification-notification-500:focus { + --tw-gradient-from: var(--notification-notification-500, #3350e5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-opacity-75:focus { - --tw-text-opacity: 0.75; +.focus\:from-Notification-notification-600:focus { + --tw-gradient-from: var(--notification-notification-600, #283eb3); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-opacity-80:focus { - --tw-text-opacity: 0.8; +.focus\:from-Notification-notification-700:focus { + --tw-gradient-from: var(--notification-notification-700, #172466); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-opacity-90:focus { - --tw-text-opacity: 0.9; +.focus\:from-Success-success\ -700:focus { + --tw-gradient-from: var(--success-success-700, #24471f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-opacity-95:focus { - --tw-text-opacity: 0.95; +.focus\:from-Success-success:focus { + --tw-gradient-from: var(--success-success, #5bb14d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:text-opacity-100:focus { - --tw-text-opacity: 1; +.focus\:from-Success-success\ -100:focus { + --tw-gradient-from: var(--success-success-100, #8cc882); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.underline { - text-decoration: underline; +.focus\:from-Success-success\ -200:focus { + --tw-gradient-from: var(--success-success-200, #add8a6); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.line-through { - text-decoration: line-through; +.focus\:from-Success-success\ -300:focus { + --tw-gradient-from: var(--success-success-300, #66a25c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.no-underline { - text-decoration: none; +.focus\:from-Success-success\ -400:focus { + --tw-gradient-from: var(--success-success-400, #6d9766); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:underline { - text-decoration: underline; +.focus\:from-Success-success\ -500:focus { + --tw-gradient-from: var(--success-success-500, #529f45); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:line-through { - text-decoration: line-through; +.focus\:from-Success-success\ -600:focus { + --tw-gradient-from: var(--success-success-600, #407c36); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:no-underline { - text-decoration: none; +.focus\:from-Error-error:focus { + --tw-gradient-from: var(--error-error, #f03d3e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:underline:focus-within { - text-decoration: underline; +.focus\:from-Error-error-100:focus { + --tw-gradient-from: var(--error-error-100, #f57778); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:line-through:focus-within { - text-decoration: line-through; +.focus\:from-Error-error-200:focus { + --tw-gradient-from: var(--error-error-200, #f89e9e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:no-underline:focus-within { - text-decoration: none; +.focus\:from-Error-error-250:focus { + --tw-gradient-from: var(--error-error-250, #f9c8c8); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:underline:hover { - text-decoration: underline; +.focus\:from-Error-error-300:focus { + --tw-gradient-from: var(--error-error-300, #ce5151); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:line-through:hover { - text-decoration: line-through; +.focus\:from-Error-error-400:focus { + --tw-gradient-from: var(--error-error-400, #b85e5e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:no-underline:hover { - text-decoration: none; +.focus\:from-Error-error-500:focus { + --tw-gradient-from: var(--error-error-500, #d83738); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:underline:focus { - text-decoration: underline; +.focus\:from-Error-error-600:focus { + --tw-gradient-from: var(--error-error-600, #a82b2b); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:line-through:focus { - text-decoration: line-through; +.focus\:from-Error-error-700:focus { + --tw-gradient-from: var(--error-error-700, #601819); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:no-underline:focus { - text-decoration: none; +.via-colors-black { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-black, #000000), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.antialiased { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; +.via-colors-white { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-white, #ffffff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.subpixel-antialiased { - -webkit-font-smoothing: auto; - -moz-osx-font-smoothing: auto; +.via-colors-gray-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-100, #f7fafc), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-transparent::-moz-placeholder { - color: transparent; +.via-colors-gray-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-200, #edf2f7), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-transparent::placeholder { - color: transparent; +.via-colors-gray-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-300, #e2e8f0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-current::-moz-placeholder { - color: currentColor; +.via-colors-gray-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-400, #cbd5e0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-current::placeholder { - color: currentColor; +.via-colors-gray-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-500, #a0aec0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-black::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(0, 0, 0, var(--tw-placeholder-opacity)); +.via-colors-gray-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-600, #718096), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-black::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(0, 0, 0, var(--tw-placeholder-opacity)); +.via-colors-gray-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-700, #4a5568), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-white::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(255, 255, 255, var(--tw-placeholder-opacity)); +.via-colors-gray-800 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-800, #2d3748), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-white::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(255, 255, 255, var(--tw-placeholder-opacity)); +.via-colors-gray-900 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-900, #1a202c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-gray-50::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(249, 250, 251, var(--tw-placeholder-opacity)); +.via-colors-red-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-100, #fff5f5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-gray-50::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(249, 250, 251, var(--tw-placeholder-opacity)); +.via-colors-red-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-200, #fed7d7), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-gray-100::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(243, 244, 246, var(--tw-placeholder-opacity)); +.via-colors-red-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-300, #feb2b2), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-gray-100::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(243, 244, 246, var(--tw-placeholder-opacity)); +.via-colors-red-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-400, #fc8181), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-gray-200::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(229, 231, 235, var(--tw-placeholder-opacity)); +.via-colors-red-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-500, #f56565), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-gray-200::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(229, 231, 235, var(--tw-placeholder-opacity)); +.via-colors-red-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-600, #e53e3e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-gray-300::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(209, 213, 219, var(--tw-placeholder-opacity)); +.via-colors-red-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-700, #c53030), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-gray-300::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(209, 213, 219, var(--tw-placeholder-opacity)); +.via-colors-red-800 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-800, #9b2c2c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-gray-400::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(156, 163, 175, var(--tw-placeholder-opacity)); +.via-colors-red-900 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-900, #742a2a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-gray-400::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(156, 163, 175, var(--tw-placeholder-opacity)); +.via-colors-orange-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-100, #fffaf0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-gray-500::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(107, 114, 128, var(--tw-placeholder-opacity)); +.via-colors-orange-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-200, #feebc8), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-gray-500::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(107, 114, 128, var(--tw-placeholder-opacity)); +.via-colors-orange-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-300, #fbd38d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-gray-600::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(75, 85, 99, var(--tw-placeholder-opacity)); +.via-colors-orange-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-400, #f6ad55), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-gray-600::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(75, 85, 99, var(--tw-placeholder-opacity)); +.via-colors-orange-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-500, #ed8936), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-gray-700::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(55, 65, 81, var(--tw-placeholder-opacity)); +.via-colors-orange-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-600, #dd6b20), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-gray-700::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(55, 65, 81, var(--tw-placeholder-opacity)); +.via-colors-orange-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-700, #c05621), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-gray-800::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(31, 41, 55, var(--tw-placeholder-opacity)); +.via-colors-orange-800 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-800, #9c4221), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-gray-800::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(31, 41, 55, var(--tw-placeholder-opacity)); +.via-colors-orange-900 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-900, #7b341e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-gray-900::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(17, 24, 39, var(--tw-placeholder-opacity)); +.via-colors-yellow-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-100, #fffff0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-gray-900::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(17, 24, 39, var(--tw-placeholder-opacity)); +.via-colors-yellow-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-200, #fefcbf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-red-50::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 242, 242, var(--tw-placeholder-opacity)); +.via-colors-yellow-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-300, #faf089), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-red-50::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 242, 242, var(--tw-placeholder-opacity)); +.via-colors-yellow-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-400, #f6e05e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-red-100::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 226, 226, var(--tw-placeholder-opacity)); +.via-colors-yellow-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-500, #ecc94b), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-red-100::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 226, 226, var(--tw-placeholder-opacity)); +.via-colors-yellow-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-600, #d69e2e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-red-200::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 202, 202, var(--tw-placeholder-opacity)); +.via-colors-yellow-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-700, #b7791f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-red-200::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 202, 202, var(--tw-placeholder-opacity)); +.via-colors-yellow-800 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-800, #975a16), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-red-300::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(252, 165, 165, var(--tw-placeholder-opacity)); +.via-colors-yellow-900 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-900, #744210), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-red-300::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(252, 165, 165, var(--tw-placeholder-opacity)); +.via-colors-green-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-100, #f0fff4), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-red-400::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(248, 113, 113, var(--tw-placeholder-opacity)); +.via-colors-green-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-200, #c6f6d5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-red-400::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(248, 113, 113, var(--tw-placeholder-opacity)); +.via-colors-green-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-300, #9ae6b4), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-red-500::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(239, 68, 68, var(--tw-placeholder-opacity)); +.via-colors-green-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-400, #68d391), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-red-500::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(239, 68, 68, var(--tw-placeholder-opacity)); +.via-colors-green-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-500, #48bb78), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-red-600::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(220, 38, 38, var(--tw-placeholder-opacity)); +.via-colors-green-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-600, #38a169), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-red-600::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(220, 38, 38, var(--tw-placeholder-opacity)); +.via-colors-green-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-700, #2f855a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-red-700::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(185, 28, 28, var(--tw-placeholder-opacity)); +.via-colors-green-800 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-800, #276749), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-red-700::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(185, 28, 28, var(--tw-placeholder-opacity)); +.via-colors-green-900 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-900, #22543d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-red-800::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(153, 27, 27, var(--tw-placeholder-opacity)); +.via-colors-teal-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-100, #e6fffa), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-red-800::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(153, 27, 27, var(--tw-placeholder-opacity)); +.via-colors-teal-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-200, #b2f5ea), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-red-900::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(127, 29, 29, var(--tw-placeholder-opacity)); +.via-colors-teal-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-300, #81e6d9), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-red-900::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(127, 29, 29, var(--tw-placeholder-opacity)); +.via-colors-teal-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-400, #4fd1c5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-yellow-50::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(255, 251, 235, var(--tw-placeholder-opacity)); +.via-colors-teal-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-500, #38b2ac), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-yellow-50::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(255, 251, 235, var(--tw-placeholder-opacity)); +.via-colors-teal-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-600, #319795), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-yellow-100::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 243, 199, var(--tw-placeholder-opacity)); +.via-colors-teal-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-700, #2c7a7b), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-yellow-100::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 243, 199, var(--tw-placeholder-opacity)); +.via-colors-teal-800 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-800, #285e61), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-yellow-200::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(253, 230, 138, var(--tw-placeholder-opacity)); +.via-colors-teal-900 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-900, #234e52), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-yellow-200::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(253, 230, 138, var(--tw-placeholder-opacity)); +.via-colors-blue-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-100, #ebf8ff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-yellow-300::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(252, 211, 77, var(--tw-placeholder-opacity)); +.via-colors-blue-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-200, #bee3f8), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-yellow-300::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(252, 211, 77, var(--tw-placeholder-opacity)); +.via-colors-blue-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-300, #90cdf4), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-yellow-400::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(251, 191, 36, var(--tw-placeholder-opacity)); +.via-colors-blue-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-400, #63b3ed), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-yellow-400::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(251, 191, 36, var(--tw-placeholder-opacity)); +.via-colors-blue-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-500, #4299e1), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-yellow-500::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(245, 158, 11, var(--tw-placeholder-opacity)); +.via-colors-blue-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-600, #3182ce), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-yellow-500::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(245, 158, 11, var(--tw-placeholder-opacity)); +.via-colors-blue-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-700, #2b6cb0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-yellow-600::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(217, 119, 6, var(--tw-placeholder-opacity)); +.via-colors-blue-800 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-800, #2c5282), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-yellow-600::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(217, 119, 6, var(--tw-placeholder-opacity)); +.via-colors-blue-900 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-900, #2a4365), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-yellow-700::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(180, 83, 9, var(--tw-placeholder-opacity)); +.via-colors-indigo-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-100, #ebf4ff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-yellow-700::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(180, 83, 9, var(--tw-placeholder-opacity)); +.via-colors-indigo-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-200, #c3dafe), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-yellow-800::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(146, 64, 14, var(--tw-placeholder-opacity)); +.via-colors-indigo-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-300, #a3bffa), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-yellow-800::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(146, 64, 14, var(--tw-placeholder-opacity)); +.via-colors-indigo-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-400, #7f9cf5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-yellow-900::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(120, 53, 15, var(--tw-placeholder-opacity)); +.via-colors-indigo-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-500, #667eea), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-yellow-900::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(120, 53, 15, var(--tw-placeholder-opacity)); +.via-colors-indigo-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-600, #5a67d8), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-green-50::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(236, 253, 245, var(--tw-placeholder-opacity)); +.via-colors-indigo-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-700, #4c51bf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-green-50::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(236, 253, 245, var(--tw-placeholder-opacity)); +.via-colors-indigo-800 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-800, #434190), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-green-100::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(209, 250, 229, var(--tw-placeholder-opacity)); +.via-colors-indigo-900 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-900, #3c366b), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-green-100::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(209, 250, 229, var(--tw-placeholder-opacity)); +.via-colors-purple-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-100, #faf5ff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-green-200::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(167, 243, 208, var(--tw-placeholder-opacity)); +.via-colors-purple-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-200, #e9d8fd), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-green-200::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(167, 243, 208, var(--tw-placeholder-opacity)); +.via-colors-purple-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-300, #d6bcfa), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-green-300::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(110, 231, 183, var(--tw-placeholder-opacity)); +.via-colors-purple-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-400, #b794f4), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-green-300::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(110, 231, 183, var(--tw-placeholder-opacity)); +.via-colors-purple-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-500, #9f7aea), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-green-400::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(52, 211, 153, var(--tw-placeholder-opacity)); +.via-colors-purple-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-600, #805ad5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-green-400::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(52, 211, 153, var(--tw-placeholder-opacity)); +.via-colors-purple-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-700, #6b46c1), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-green-500::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(16, 185, 129, var(--tw-placeholder-opacity)); +.via-colors-purple-800 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-800, #553c9a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-green-500::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(16, 185, 129, var(--tw-placeholder-opacity)); +.via-colors-purple-900 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-900, #44337a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-green-600::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(5, 150, 105, var(--tw-placeholder-opacity)); +.via-colors-pink-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-100, #fff5f7), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-green-600::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(5, 150, 105, var(--tw-placeholder-opacity)); +.via-colors-pink-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-200, #fed7e2), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-green-700::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(4, 120, 87, var(--tw-placeholder-opacity)); +.via-colors-pink-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-300, #fbb6ce), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-green-700::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(4, 120, 87, var(--tw-placeholder-opacity)); +.via-colors-pink-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-400, #f687b3), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-green-800::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(6, 95, 70, var(--tw-placeholder-opacity)); +.via-colors-pink-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-500, #ed64a6), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-green-800::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(6, 95, 70, var(--tw-placeholder-opacity)); +.via-colors-pink-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-600, #d53f8c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-green-900::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(6, 78, 59, var(--tw-placeholder-opacity)); +.via-colors-pink-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-700, #b83280), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-green-900::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(6, 78, 59, var(--tw-placeholder-opacity)); +.via-colors-pink-800 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-800, #97266d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-blue-50::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(239, 246, 255, var(--tw-placeholder-opacity)); +.via-colors-pink-900 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-900, #702459), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-blue-50::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(239, 246, 255, var(--tw-placeholder-opacity)); +.via-Box\ Shadow { + --tw-gradient-stops: var(--tw-gradient-from), var(--box-shadow, #7f7e7f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-blue-100::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(219, 234, 254, var(--tw-placeholder-opacity)); +.via-Error16 { + --tw-gradient-stops: var(--tw-gradient-from), var(--error16, #f03d3e40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-blue-100::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(219, 234, 254, var(--tw-placeholder-opacity)); +.via-Success16 { + --tw-gradient-stops: var(--tw-gradient-from), var(--success16, #5bb14d40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-blue-200::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(191, 219, 254, var(--tw-placeholder-opacity)); +.via-Notification16 { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification16, #3959ff40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-blue-200::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(191, 219, 254, var(--tw-placeholder-opacity)); +.via-Error8 { + --tw-gradient-stops: var(--tw-gradient-from), var(--error8, #f03d3e1a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-blue-300::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(147, 197, 253, var(--tw-placeholder-opacity)); +.via-Notification8 { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification8, #3959ff1a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-blue-300::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(147, 197, 253, var(--tw-placeholder-opacity)); +.via-Success8 { + --tw-gradient-stops: var(--tw-gradient-from), var(--success8, #5bb14d1a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-blue-400::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(96, 165, 250, var(--tw-placeholder-opacity)); +.via-Light\ -\ Overlay { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-overlay, #f0edee66), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-blue-400::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(96, 165, 250, var(--tw-placeholder-opacity)); +.via-Dark-\ Overlay { + --tw-gradient-stops: var(--tw-gradient-from), var(--dark-overlay, #7f7e7f66), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-blue-500::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(59, 130, 246, var(--tw-placeholder-opacity)); +.via-black-40 { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-40, #00000066), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-blue-500::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(59, 130, 246, var(--tw-placeholder-opacity)); +.via-black-75 { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-75, #000000bf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-blue-600::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(37, 99, 235, var(--tw-placeholder-opacity)); +.via-black-60 { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-60, #00000099), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-blue-600::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(37, 99, 235, var(--tw-placeholder-opacity)); +.via-black-50 { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-50, #00000080), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-blue-700::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(29, 78, 216, var(--tw-placeholder-opacity)); +.via-black-25 { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-25, #00000040), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-blue-700::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(29, 78, 216, var(--tw-placeholder-opacity)); +.via-black-10 { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-10, #0000001a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-blue-800::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(30, 64, 175, var(--tw-placeholder-opacity)); +.via-white-25 { + --tw-gradient-stops: var(--tw-gradient-from), var(--white-25, #ffffff40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-blue-800::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(30, 64, 175, var(--tw-placeholder-opacity)); +.via-white-60 { + --tw-gradient-stops: var(--tw-gradient-from), var(--white-60, #ffffff99), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-blue-900::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(30, 58, 138, var(--tw-placeholder-opacity)); +.via-black-64 { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-64, #000000a3), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-blue-900::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(30, 58, 138, var(--tw-placeholder-opacity)); +.via-Shadow\ and\ Highlight-Shadow { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow, #7f7e7f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-indigo-50::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(238, 242, 255, var(--tw-placeholder-opacity)); +.via-Shadow\ and\ Highlight-Highlight { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight, #474747), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-indigo-50::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(238, 242, 255, var(--tw-placeholder-opacity)); +.via-Shadow\ and\ Highlight-highlight\ one { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-one, #474747bf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-indigo-100::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(224, 231, 255, var(--tw-placeholder-opacity)); +.via-Shadow\ and\ Highlight-highlight\ two { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-two, #47474799), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-indigo-100::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(224, 231, 255, var(--tw-placeholder-opacity)); +.via-Shadow\ and\ Highlight-highlight\ three { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-three, #47474766), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-indigo-200::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(199, 210, 254, var(--tw-placeholder-opacity)); +.via-Shadow\ and\ Highlight-highlight\ five { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-five, #4747471a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-indigo-200::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(199, 210, 254, var(--tw-placeholder-opacity)); +.via-Shadow\ and\ Highlight-shadow\ one { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-one, #7f7e7fbf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-indigo-300::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(165, 180, 252, var(--tw-placeholder-opacity)); +.via-Shadow\ and\ Highlight-shadow\ two { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-two, #7f7e7f99), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-indigo-300::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(165, 180, 252, var(--tw-placeholder-opacity)); +.via-Shadow\ and\ Highlight-shadow\ three { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-three, #7f7e7f66), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-indigo-400::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(129, 140, 248, var(--tw-placeholder-opacity)); +.via-Shadow\ and\ Highlight-shadow\ four { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-four, #7f7e7f40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-indigo-400::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(129, 140, 248, var(--tw-placeholder-opacity)); +.via-Shadow\ and\ Highlight-shadow\ five { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-five, #7f7e7f1a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-indigo-500::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(99, 102, 241, var(--tw-placeholder-opacity)); +.via-Shadow\ and\ Highlight-highlight\ four { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-four, #47474740), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-indigo-500::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(99, 102, 241, var(--tw-placeholder-opacity)); +.via-Base\ Layer\ Styles-Base\ Layer-\ Light-White { + --tw-gradient-stops: var(--tw-gradient-from), var(--base-layer-styles-base-layer-light-white, #ffffff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-indigo-600::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(79, 70, 229, var(--tw-placeholder-opacity)); +.via-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite { + --tw-gradient-stops: var(--tw-gradient-from), var(--base-layer-styles-base-layer-light-off-white, #f0edee), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-indigo-600::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(79, 70, 229, var(--tw-placeholder-opacity)); +.via-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack { + --tw-gradient-stops: var(--tw-gradient-from), var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-indigo-700::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(67, 56, 202, var(--tw-placeholder-opacity)); +.via-Base\ Layer\ Styles-Base\ Layer-Dark-Black { + --tw-gradient-stops: var(--tw-gradient-from), var(--base-layer-styles-base-layer-dark-black, #000000), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-indigo-700::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(67, 56, 202, var(--tw-placeholder-opacity)); +.via-Grey-Scale-white { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-white, #ffffff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-indigo-800::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(55, 48, 163, var(--tw-placeholder-opacity)); +.via-Grey-Scale-off-white { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-off-white, #f0edee), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-indigo-800::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(55, 48, 163, var(--tw-placeholder-opacity)); +.via-Grey\ Scale-grey { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-grey, #7f7e7f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-indigo-900::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(49, 46, 129, var(--tw-placeholder-opacity)); +.via-Grey\ Scale-charcoal { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-charcoal, #474747), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-indigo-900::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(49, 46, 129, var(--tw-placeholder-opacity)); +.via-Grey\ Scale-off-black { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-off-black, #1c1c1c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-purple-50::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(245, 243, 255, var(--tw-placeholder-opacity)); +.via-Grey\ Scale-black { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-black, #000000), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-purple-50::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(245, 243, 255, var(--tw-placeholder-opacity)); +.via-Blue-blue { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue, #3a7ca5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-purple-100::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(237, 233, 254, var(--tw-placeholder-opacity)); +.via-Blue-blue-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-100, #75a3c0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-purple-100::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(237, 233, 254, var(--tw-placeholder-opacity)); +.via-Blue-blue-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-200, #9cbed2), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-purple-200::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(221, 214, 254, var(--tw-placeholder-opacity)); +.via-Blue-blue-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-300, #4f7d9a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-purple-200::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(221, 214, 254, var(--tw-placeholder-opacity)); +.via-Blue-blue-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-400, #5c7d92), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-purple-300::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(196, 181, 253, var(--tw-placeholder-opacity)); +.via-Blue-blue-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-500, #347095), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-purple-300::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(196, 181, 253, var(--tw-placeholder-opacity)); +.via-Blue-blue-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-600, #295774), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-purple-400::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(167, 139, 250, var(--tw-placeholder-opacity)); +.via-Blue-blue-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-700, #173242), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-purple-400::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(167, 139, 250, var(--tw-placeholder-opacity)); +.via-LightBlue-lightblue { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue, #81c3d7), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-purple-500::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(139, 92, 246, var(--tw-placeholder-opacity)); +.via-LightBlue-lightblue-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-100, #a7d5e3), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-purple-500::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(139, 92, 246, var(--tw-placeholder-opacity)); +.via-LightBlue-lightblue-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-200, #c0e1eb), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-purple-600::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(124, 58, 237, var(--tw-placeholder-opacity)); +.via-LightBlue-lightblue-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-300, #80aebd), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-purple-600::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(124, 58, 237, var(--tw-placeholder-opacity)); +.via-LightBlue-lightblue-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-400, #80a0ab), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-purple-700::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(109, 40, 217, var(--tw-placeholder-opacity)); +.via-LightBlue-lightblue-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-500, #74afc1), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-purple-700::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(109, 40, 217, var(--tw-placeholder-opacity)); +.via-LightBlue-lightblue-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-600, #5a8997), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-purple-800::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(91, 33, 182, var(--tw-placeholder-opacity)); +.via-LightBlue-lightblue-650 { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-650, #3e5e65), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-purple-800::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(91, 33, 182, var(--tw-placeholder-opacity)); +.via-LightBlue-lightblue-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-700, #344e56), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-purple-900::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(76, 29, 149, var(--tw-placeholder-opacity)); +.via-Orange-orange { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange, #ff7f0e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-purple-900::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(76, 29, 149, var(--tw-placeholder-opacity)); +.via-Orange-orange-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-100, #ffa556), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-pink-50::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(253, 242, 248, var(--tw-placeholder-opacity)); +.via-Orange-orange-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-200, #ffbf86), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-pink-50::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(253, 242, 248, var(--tw-placeholder-opacity)); +.via-Orange-orange-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-300, #d97f30), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-pink-100::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(252, 231, 243, var(--tw-placeholder-opacity)); +.via-Orange-orange-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-400, #bf7e46), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-pink-100::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(252, 231, 243, var(--tw-placeholder-opacity)); +.via-Orange-orange-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-500, #e5720d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-pink-200::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(251, 207, 232, var(--tw-placeholder-opacity)); +.via-Orange-orange-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-600, #b3590a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-pink-200::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(251, 207, 232, var(--tw-placeholder-opacity)); +.via-Orange-orange-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-700, #663306), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-pink-300::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(249, 168, 212, var(--tw-placeholder-opacity)); +.via-Yellow-yellow { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow, #ffab00), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-pink-300::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(249, 168, 212, var(--tw-placeholder-opacity)); +.via-Yellow-yellow-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-100, #ffc44c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-pink-400::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(244, 114, 182, var(--tw-placeholder-opacity)); +.via-Yellow-yellow-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-200, #ffd580), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-pink-400::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(244, 114, 182, var(--tw-placeholder-opacity)); +.via-Yellow-yellow-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-300, #d99d26), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-pink-500::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(236, 72, 153, var(--tw-placeholder-opacity)); +.via-Yellow-yellow-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-400, #bf943f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-pink-500::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(236, 72, 153, var(--tw-placeholder-opacity)); +.via-Yellow-yellow-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-500, #e59a00), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-pink-600::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(219, 39, 119, var(--tw-placeholder-opacity)); +.via-Yellow-yellow-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-600, #b37800), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-pink-600::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(219, 39, 119, var(--tw-placeholder-opacity)); +.via-Yellow-yellow-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-700, #664400), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-pink-700::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(190, 24, 93, var(--tw-placeholder-opacity)); +.via-Notification-notification { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification, #3959ff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-pink-700::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(190, 24, 93, var(--tw-placeholder-opacity)); +.via-Notification-notification-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-100, #748bff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-pink-800::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(157, 23, 77, var(--tw-placeholder-opacity)); +.via-Notification-notification-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-200, #9cacff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-pink-800::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(157, 23, 77, var(--tw-placeholder-opacity)); +.via-Notification-notification-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-300, #4e64d9), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-pink-900::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(131, 24, 67, var(--tw-placeholder-opacity)); +.via-Notification-notification-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-400, #5c6cbf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-pink-900::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(131, 24, 67, var(--tw-placeholder-opacity)); +.via-Notification-notification-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-500, #3350e5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-transparent:focus::-moz-placeholder { - color: transparent; +.via-Notification-notification-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-600, #283eb3), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-transparent:focus::placeholder { - color: transparent; +.via-Notification-notification-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-700, #172466), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-current:focus::-moz-placeholder { - color: currentColor; +.via-Success-success\ -700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-700, #24471f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-current:focus::placeholder { - color: currentColor; +.via-Success-success { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success, #5bb14d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-black:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(0, 0, 0, var(--tw-placeholder-opacity)); +.via-Success-success\ -100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-100, #8cc882), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-black:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(0, 0, 0, var(--tw-placeholder-opacity)); +.via-Success-success\ -200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-200, #add8a6), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-white:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(255, 255, 255, var(--tw-placeholder-opacity)); +.via-Success-success\ -300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-300, #66a25c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-white:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(255, 255, 255, var(--tw-placeholder-opacity)); +.via-Success-success\ -400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-400, #6d9766), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-gray-50:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(249, 250, 251, var(--tw-placeholder-opacity)); +.via-Success-success\ -500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-500, #529f45), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-gray-50:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(249, 250, 251, var(--tw-placeholder-opacity)); +.via-Success-success\ -600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-600, #407c36), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-gray-100:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(243, 244, 246, var(--tw-placeholder-opacity)); +.via-Error-error { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error, #f03d3e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-gray-100:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(243, 244, 246, var(--tw-placeholder-opacity)); +.via-Error-error-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-100, #f57778), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-gray-200:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(229, 231, 235, var(--tw-placeholder-opacity)); +.via-Error-error-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-200, #f89e9e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-gray-200:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(229, 231, 235, var(--tw-placeholder-opacity)); +.via-Error-error-250 { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-250, #f9c8c8), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-gray-300:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(209, 213, 219, var(--tw-placeholder-opacity)); +.via-Error-error-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-300, #ce5151), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-gray-300:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(209, 213, 219, var(--tw-placeholder-opacity)); +.via-Error-error-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-400, #b85e5e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-gray-400:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(156, 163, 175, var(--tw-placeholder-opacity)); +.via-Error-error-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-500, #d83738), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-gray-400:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(156, 163, 175, var(--tw-placeholder-opacity)); +.via-Error-error-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-600, #a82b2b), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-gray-500:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(107, 114, 128, var(--tw-placeholder-opacity)); +.via-Error-error-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-700, #601819), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-gray-500:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(107, 114, 128, var(--tw-placeholder-opacity)); +.hover\:via-colors-black:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-black, #000000), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-gray-600:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(75, 85, 99, var(--tw-placeholder-opacity)); +.hover\:via-colors-white:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-white, #ffffff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-gray-600:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(75, 85, 99, var(--tw-placeholder-opacity)); +.hover\:via-colors-gray-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-100, #f7fafc), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-gray-700:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(55, 65, 81, var(--tw-placeholder-opacity)); +.hover\:via-colors-gray-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-200, #edf2f7), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-gray-700:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(55, 65, 81, var(--tw-placeholder-opacity)); +.hover\:via-colors-gray-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-300, #e2e8f0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-gray-800:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(31, 41, 55, var(--tw-placeholder-opacity)); +.hover\:via-colors-gray-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-400, #cbd5e0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-gray-800:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(31, 41, 55, var(--tw-placeholder-opacity)); +.hover\:via-colors-gray-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-500, #a0aec0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-gray-900:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(17, 24, 39, var(--tw-placeholder-opacity)); +.hover\:via-colors-gray-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-600, #718096), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-gray-900:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(17, 24, 39, var(--tw-placeholder-opacity)); +.hover\:via-colors-gray-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-700, #4a5568), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-red-50:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 242, 242, var(--tw-placeholder-opacity)); +.hover\:via-colors-gray-800:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-800, #2d3748), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-red-50:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 242, 242, var(--tw-placeholder-opacity)); +.hover\:via-colors-gray-900:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-900, #1a202c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-red-100:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 226, 226, var(--tw-placeholder-opacity)); +.hover\:via-colors-red-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-100, #fff5f5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-red-100:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 226, 226, var(--tw-placeholder-opacity)); +.hover\:via-colors-red-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-200, #fed7d7), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-red-200:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 202, 202, var(--tw-placeholder-opacity)); +.hover\:via-colors-red-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-300, #feb2b2), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-red-200:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 202, 202, var(--tw-placeholder-opacity)); +.hover\:via-colors-red-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-400, #fc8181), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-red-300:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(252, 165, 165, var(--tw-placeholder-opacity)); +.hover\:via-colors-red-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-500, #f56565), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-red-300:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(252, 165, 165, var(--tw-placeholder-opacity)); +.hover\:via-colors-red-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-600, #e53e3e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-red-400:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(248, 113, 113, var(--tw-placeholder-opacity)); +.hover\:via-colors-red-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-700, #c53030), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-red-400:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(248, 113, 113, var(--tw-placeholder-opacity)); +.hover\:via-colors-red-800:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-800, #9b2c2c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-red-500:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(239, 68, 68, var(--tw-placeholder-opacity)); +.hover\:via-colors-red-900:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-900, #742a2a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-red-500:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(239, 68, 68, var(--tw-placeholder-opacity)); +.hover\:via-colors-orange-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-100, #fffaf0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-red-600:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(220, 38, 38, var(--tw-placeholder-opacity)); +.hover\:via-colors-orange-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-200, #feebc8), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-red-600:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(220, 38, 38, var(--tw-placeholder-opacity)); +.hover\:via-colors-orange-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-300, #fbd38d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-red-700:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(185, 28, 28, var(--tw-placeholder-opacity)); +.hover\:via-colors-orange-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-400, #f6ad55), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-red-700:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(185, 28, 28, var(--tw-placeholder-opacity)); +.hover\:via-colors-orange-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-500, #ed8936), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-red-800:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(153, 27, 27, var(--tw-placeholder-opacity)); +.hover\:via-colors-orange-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-600, #dd6b20), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-red-800:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(153, 27, 27, var(--tw-placeholder-opacity)); +.hover\:via-colors-orange-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-700, #c05621), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-red-900:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(127, 29, 29, var(--tw-placeholder-opacity)); +.hover\:via-colors-orange-800:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-800, #9c4221), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-red-900:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(127, 29, 29, var(--tw-placeholder-opacity)); +.hover\:via-colors-orange-900:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-900, #7b341e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-yellow-50:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(255, 251, 235, var(--tw-placeholder-opacity)); +.hover\:via-colors-yellow-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-100, #fffff0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-yellow-50:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(255, 251, 235, var(--tw-placeholder-opacity)); +.hover\:via-colors-yellow-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-200, #fefcbf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-yellow-100:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 243, 199, var(--tw-placeholder-opacity)); +.hover\:via-colors-yellow-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-300, #faf089), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-yellow-100:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 243, 199, var(--tw-placeholder-opacity)); +.hover\:via-colors-yellow-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-400, #f6e05e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-yellow-200:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(253, 230, 138, var(--tw-placeholder-opacity)); +.hover\:via-colors-yellow-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-500, #ecc94b), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-yellow-200:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(253, 230, 138, var(--tw-placeholder-opacity)); +.hover\:via-colors-yellow-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-600, #d69e2e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-yellow-300:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(252, 211, 77, var(--tw-placeholder-opacity)); +.hover\:via-colors-yellow-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-700, #b7791f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-yellow-300:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(252, 211, 77, var(--tw-placeholder-opacity)); +.hover\:via-colors-yellow-800:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-800, #975a16), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-yellow-400:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(251, 191, 36, var(--tw-placeholder-opacity)); +.hover\:via-colors-yellow-900:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-900, #744210), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-yellow-400:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(251, 191, 36, var(--tw-placeholder-opacity)); +.hover\:via-colors-green-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-100, #f0fff4), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-yellow-500:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(245, 158, 11, var(--tw-placeholder-opacity)); +.hover\:via-colors-green-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-200, #c6f6d5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-yellow-500:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(245, 158, 11, var(--tw-placeholder-opacity)); +.hover\:via-colors-green-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-300, #9ae6b4), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-yellow-600:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(217, 119, 6, var(--tw-placeholder-opacity)); +.hover\:via-colors-green-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-400, #68d391), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-yellow-600:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(217, 119, 6, var(--tw-placeholder-opacity)); +.hover\:via-colors-green-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-500, #48bb78), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-yellow-700:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(180, 83, 9, var(--tw-placeholder-opacity)); +.hover\:via-colors-green-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-600, #38a169), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-yellow-700:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(180, 83, 9, var(--tw-placeholder-opacity)); +.hover\:via-colors-green-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-700, #2f855a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-yellow-800:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(146, 64, 14, var(--tw-placeholder-opacity)); +.hover\:via-colors-green-800:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-800, #276749), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-yellow-800:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(146, 64, 14, var(--tw-placeholder-opacity)); +.hover\:via-colors-green-900:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-900, #22543d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-yellow-900:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(120, 53, 15, var(--tw-placeholder-opacity)); +.hover\:via-colors-teal-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-100, #e6fffa), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-yellow-900:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(120, 53, 15, var(--tw-placeholder-opacity)); +.hover\:via-colors-teal-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-200, #b2f5ea), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-green-50:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(236, 253, 245, var(--tw-placeholder-opacity)); +.hover\:via-colors-teal-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-300, #81e6d9), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-green-50:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(236, 253, 245, var(--tw-placeholder-opacity)); +.hover\:via-colors-teal-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-400, #4fd1c5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-green-100:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(209, 250, 229, var(--tw-placeholder-opacity)); +.hover\:via-colors-teal-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-500, #38b2ac), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-green-100:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(209, 250, 229, var(--tw-placeholder-opacity)); +.hover\:via-colors-teal-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-600, #319795), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-green-200:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(167, 243, 208, var(--tw-placeholder-opacity)); +.hover\:via-colors-teal-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-700, #2c7a7b), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-green-200:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(167, 243, 208, var(--tw-placeholder-opacity)); +.hover\:via-colors-teal-800:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-800, #285e61), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-green-300:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(110, 231, 183, var(--tw-placeholder-opacity)); +.hover\:via-colors-teal-900:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-900, #234e52), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-green-300:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(110, 231, 183, var(--tw-placeholder-opacity)); +.hover\:via-colors-blue-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-100, #ebf8ff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-green-400:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(52, 211, 153, var(--tw-placeholder-opacity)); +.hover\:via-colors-blue-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-200, #bee3f8), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-green-400:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(52, 211, 153, var(--tw-placeholder-opacity)); +.hover\:via-colors-blue-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-300, #90cdf4), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-green-500:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(16, 185, 129, var(--tw-placeholder-opacity)); +.hover\:via-colors-blue-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-400, #63b3ed), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-green-500:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(16, 185, 129, var(--tw-placeholder-opacity)); +.hover\:via-colors-blue-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-500, #4299e1), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-green-600:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(5, 150, 105, var(--tw-placeholder-opacity)); +.hover\:via-colors-blue-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-600, #3182ce), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-green-600:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(5, 150, 105, var(--tw-placeholder-opacity)); +.hover\:via-colors-blue-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-700, #2b6cb0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-green-700:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(4, 120, 87, var(--tw-placeholder-opacity)); +.hover\:via-colors-blue-800:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-800, #2c5282), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-green-700:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(4, 120, 87, var(--tw-placeholder-opacity)); +.hover\:via-colors-blue-900:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-900, #2a4365), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-green-800:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(6, 95, 70, var(--tw-placeholder-opacity)); +.hover\:via-colors-indigo-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-100, #ebf4ff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-green-800:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(6, 95, 70, var(--tw-placeholder-opacity)); +.hover\:via-colors-indigo-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-200, #c3dafe), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-green-900:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(6, 78, 59, var(--tw-placeholder-opacity)); +.hover\:via-colors-indigo-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-300, #a3bffa), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-green-900:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(6, 78, 59, var(--tw-placeholder-opacity)); +.hover\:via-colors-indigo-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-400, #7f9cf5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-blue-50:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(239, 246, 255, var(--tw-placeholder-opacity)); +.hover\:via-colors-indigo-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-500, #667eea), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-blue-50:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(239, 246, 255, var(--tw-placeholder-opacity)); +.hover\:via-colors-indigo-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-600, #5a67d8), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-blue-100:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(219, 234, 254, var(--tw-placeholder-opacity)); +.hover\:via-colors-indigo-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-700, #4c51bf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-blue-100:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(219, 234, 254, var(--tw-placeholder-opacity)); +.hover\:via-colors-indigo-800:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-800, #434190), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-blue-200:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(191, 219, 254, var(--tw-placeholder-opacity)); +.hover\:via-colors-indigo-900:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-900, #3c366b), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-blue-200:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(191, 219, 254, var(--tw-placeholder-opacity)); +.hover\:via-colors-purple-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-100, #faf5ff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-blue-300:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(147, 197, 253, var(--tw-placeholder-opacity)); +.hover\:via-colors-purple-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-200, #e9d8fd), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-blue-300:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(147, 197, 253, var(--tw-placeholder-opacity)); +.hover\:via-colors-purple-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-300, #d6bcfa), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-blue-400:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(96, 165, 250, var(--tw-placeholder-opacity)); +.hover\:via-colors-purple-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-400, #b794f4), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-blue-400:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(96, 165, 250, var(--tw-placeholder-opacity)); +.hover\:via-colors-purple-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-500, #9f7aea), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-blue-500:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(59, 130, 246, var(--tw-placeholder-opacity)); +.hover\:via-colors-purple-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-600, #805ad5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-blue-500:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(59, 130, 246, var(--tw-placeholder-opacity)); +.hover\:via-colors-purple-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-700, #6b46c1), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-blue-600:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(37, 99, 235, var(--tw-placeholder-opacity)); +.hover\:via-colors-purple-800:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-800, #553c9a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-blue-600:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(37, 99, 235, var(--tw-placeholder-opacity)); +.hover\:via-colors-purple-900:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-900, #44337a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-blue-700:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(29, 78, 216, var(--tw-placeholder-opacity)); +.hover\:via-colors-pink-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-100, #fff5f7), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-blue-700:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(29, 78, 216, var(--tw-placeholder-opacity)); +.hover\:via-colors-pink-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-200, #fed7e2), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-blue-800:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(30, 64, 175, var(--tw-placeholder-opacity)); +.hover\:via-colors-pink-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-300, #fbb6ce), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-blue-800:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(30, 64, 175, var(--tw-placeholder-opacity)); +.hover\:via-colors-pink-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-400, #f687b3), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-blue-900:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(30, 58, 138, var(--tw-placeholder-opacity)); +.hover\:via-colors-pink-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-500, #ed64a6), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-blue-900:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(30, 58, 138, var(--tw-placeholder-opacity)); +.hover\:via-colors-pink-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-600, #d53f8c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-indigo-50:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(238, 242, 255, var(--tw-placeholder-opacity)); +.hover\:via-colors-pink-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-700, #b83280), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-indigo-50:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(238, 242, 255, var(--tw-placeholder-opacity)); +.hover\:via-colors-pink-800:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-800, #97266d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-indigo-100:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(224, 231, 255, var(--tw-placeholder-opacity)); +.hover\:via-colors-pink-900:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-900, #702459), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-indigo-100:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(224, 231, 255, var(--tw-placeholder-opacity)); +.hover\:via-Box\ Shadow:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--box-shadow, #7f7e7f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-indigo-200:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(199, 210, 254, var(--tw-placeholder-opacity)); +.hover\:via-Error16:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--error16, #f03d3e40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-indigo-200:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(199, 210, 254, var(--tw-placeholder-opacity)); +.hover\:via-Success16:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--success16, #5bb14d40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-indigo-300:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(165, 180, 252, var(--tw-placeholder-opacity)); +.hover\:via-Notification16:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification16, #3959ff40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-indigo-300:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(165, 180, 252, var(--tw-placeholder-opacity)); +.hover\:via-Error8:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--error8, #f03d3e1a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-indigo-400:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(129, 140, 248, var(--tw-placeholder-opacity)); +.hover\:via-Notification8:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification8, #3959ff1a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-indigo-400:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(129, 140, 248, var(--tw-placeholder-opacity)); +.hover\:via-Success8:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--success8, #5bb14d1a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-indigo-500:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(99, 102, 241, var(--tw-placeholder-opacity)); +.hover\:via-Light\ -\ Overlay:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-overlay, #f0edee66), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-indigo-500:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(99, 102, 241, var(--tw-placeholder-opacity)); +.hover\:via-Dark-\ Overlay:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--dark-overlay, #7f7e7f66), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-indigo-600:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(79, 70, 229, var(--tw-placeholder-opacity)); +.hover\:via-black-40:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-40, #00000066), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-indigo-600:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(79, 70, 229, var(--tw-placeholder-opacity)); +.hover\:via-black-75:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-75, #000000bf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-indigo-700:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(67, 56, 202, var(--tw-placeholder-opacity)); +.hover\:via-black-60:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-60, #00000099), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-indigo-700:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(67, 56, 202, var(--tw-placeholder-opacity)); +.hover\:via-black-50:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-50, #00000080), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-indigo-800:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(55, 48, 163, var(--tw-placeholder-opacity)); +.hover\:via-black-25:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-25, #00000040), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-indigo-800:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(55, 48, 163, var(--tw-placeholder-opacity)); +.hover\:via-black-10:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-10, #0000001a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-indigo-900:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(49, 46, 129, var(--tw-placeholder-opacity)); +.hover\:via-white-25:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--white-25, #ffffff40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-indigo-900:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(49, 46, 129, var(--tw-placeholder-opacity)); +.hover\:via-white-60:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--white-60, #ffffff99), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-purple-50:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(245, 243, 255, var(--tw-placeholder-opacity)); +.hover\:via-black-64:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-64, #000000a3), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-purple-50:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(245, 243, 255, var(--tw-placeholder-opacity)); +.hover\:via-Shadow\ and\ Highlight-Shadow:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow, #7f7e7f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-purple-100:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(237, 233, 254, var(--tw-placeholder-opacity)); +.hover\:via-Shadow\ and\ Highlight-Highlight:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight, #474747), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-purple-100:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(237, 233, 254, var(--tw-placeholder-opacity)); +.hover\:via-Shadow\ and\ Highlight-highlight\ one:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-one, #474747bf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-purple-200:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(221, 214, 254, var(--tw-placeholder-opacity)); +.hover\:via-Shadow\ and\ Highlight-highlight\ two:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-two, #47474799), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-purple-200:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(221, 214, 254, var(--tw-placeholder-opacity)); +.hover\:via-Shadow\ and\ Highlight-highlight\ three:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-three, #47474766), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-purple-300:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(196, 181, 253, var(--tw-placeholder-opacity)); +.hover\:via-Shadow\ and\ Highlight-highlight\ five:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-five, #4747471a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-purple-300:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(196, 181, 253, var(--tw-placeholder-opacity)); +.hover\:via-Shadow\ and\ Highlight-shadow\ one:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-one, #7f7e7fbf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-purple-400:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(167, 139, 250, var(--tw-placeholder-opacity)); +.hover\:via-Shadow\ and\ Highlight-shadow\ two:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-two, #7f7e7f99), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-purple-400:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(167, 139, 250, var(--tw-placeholder-opacity)); +.hover\:via-Shadow\ and\ Highlight-shadow\ three:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-three, #7f7e7f66), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-purple-500:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(139, 92, 246, var(--tw-placeholder-opacity)); +.hover\:via-Shadow\ and\ Highlight-shadow\ four:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-four, #7f7e7f40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-purple-500:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(139, 92, 246, var(--tw-placeholder-opacity)); +.hover\:via-Shadow\ and\ Highlight-shadow\ five:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-five, #7f7e7f1a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-purple-600:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(124, 58, 237, var(--tw-placeholder-opacity)); +.hover\:via-Shadow\ and\ Highlight-highlight\ four:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-four, #47474740), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-purple-600:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(124, 58, 237, var(--tw-placeholder-opacity)); +.hover\:via-Base\ Layer\ Styles-Base\ Layer-\ Light-White:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--base-layer-styles-base-layer-light-white, #ffffff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-purple-700:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(109, 40, 217, var(--tw-placeholder-opacity)); +.hover\:via-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--base-layer-styles-base-layer-light-off-white, #f0edee), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-purple-700:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(109, 40, 217, var(--tw-placeholder-opacity)); +.hover\:via-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-purple-800:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(91, 33, 182, var(--tw-placeholder-opacity)); +.hover\:via-Base\ Layer\ Styles-Base\ Layer-Dark-Black:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--base-layer-styles-base-layer-dark-black, #000000), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-purple-800:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(91, 33, 182, var(--tw-placeholder-opacity)); +.hover\:via-Grey-Scale-white:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-white, #ffffff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-purple-900:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(76, 29, 149, var(--tw-placeholder-opacity)); +.hover\:via-Grey-Scale-off-white:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-off-white, #f0edee), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-purple-900:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(76, 29, 149, var(--tw-placeholder-opacity)); +.hover\:via-Grey\ Scale-grey:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-grey, #7f7e7f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-pink-50:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(253, 242, 248, var(--tw-placeholder-opacity)); +.hover\:via-Grey\ Scale-charcoal:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-charcoal, #474747), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-pink-50:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(253, 242, 248, var(--tw-placeholder-opacity)); +.hover\:via-Grey\ Scale-off-black:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-off-black, #1c1c1c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-pink-100:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(252, 231, 243, var(--tw-placeholder-opacity)); +.hover\:via-Grey\ Scale-black:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-black, #000000), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-pink-100:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(252, 231, 243, var(--tw-placeholder-opacity)); +.hover\:via-Blue-blue:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue, #3a7ca5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-pink-200:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(251, 207, 232, var(--tw-placeholder-opacity)); +.hover\:via-Blue-blue-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-100, #75a3c0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-pink-200:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(251, 207, 232, var(--tw-placeholder-opacity)); +.hover\:via-Blue-blue-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-200, #9cbed2), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-pink-300:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(249, 168, 212, var(--tw-placeholder-opacity)); +.hover\:via-Blue-blue-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-300, #4f7d9a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-pink-300:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(249, 168, 212, var(--tw-placeholder-opacity)); +.hover\:via-Blue-blue-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-400, #5c7d92), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-pink-400:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(244, 114, 182, var(--tw-placeholder-opacity)); +.hover\:via-Blue-blue-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-500, #347095), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-pink-400:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(244, 114, 182, var(--tw-placeholder-opacity)); +.hover\:via-Blue-blue-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-600, #295774), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-pink-500:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(236, 72, 153, var(--tw-placeholder-opacity)); +.hover\:via-Blue-blue-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-700, #173242), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-pink-500:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(236, 72, 153, var(--tw-placeholder-opacity)); +.hover\:via-LightBlue-lightblue:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue, #81c3d7), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-pink-600:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(219, 39, 119, var(--tw-placeholder-opacity)); +.hover\:via-LightBlue-lightblue-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-100, #a7d5e3), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-pink-600:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(219, 39, 119, var(--tw-placeholder-opacity)); +.hover\:via-LightBlue-lightblue-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-200, #c0e1eb), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-pink-700:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(190, 24, 93, var(--tw-placeholder-opacity)); +.hover\:via-LightBlue-lightblue-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-300, #80aebd), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-pink-700:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(190, 24, 93, var(--tw-placeholder-opacity)); +.hover\:via-LightBlue-lightblue-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-400, #80a0ab), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-pink-800:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(157, 23, 77, var(--tw-placeholder-opacity)); +.hover\:via-LightBlue-lightblue-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-500, #74afc1), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-pink-800:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(157, 23, 77, var(--tw-placeholder-opacity)); +.hover\:via-LightBlue-lightblue-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-600, #5a8997), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-pink-900:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(131, 24, 67, var(--tw-placeholder-opacity)); +.hover\:via-LightBlue-lightblue-650:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-650, #3e5e65), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-pink-900:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(131, 24, 67, var(--tw-placeholder-opacity)); +.hover\:via-LightBlue-lightblue-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-700, #344e56), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-opacity-0::-moz-placeholder { - --tw-placeholder-opacity: 0; +.hover\:via-Orange-orange:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange, #ff7f0e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-opacity-0::placeholder { - --tw-placeholder-opacity: 0; +.hover\:via-Orange-orange-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-100, #ffa556), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-opacity-5::-moz-placeholder { - --tw-placeholder-opacity: 0.05; +.hover\:via-Orange-orange-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-200, #ffbf86), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-opacity-5::placeholder { - --tw-placeholder-opacity: 0.05; +.hover\:via-Orange-orange-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-300, #d97f30), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-opacity-10::-moz-placeholder { - --tw-placeholder-opacity: 0.1; +.hover\:via-Orange-orange-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-400, #bf7e46), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-opacity-10::placeholder { - --tw-placeholder-opacity: 0.1; +.hover\:via-Orange-orange-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-500, #e5720d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-opacity-20::-moz-placeholder { - --tw-placeholder-opacity: 0.2; +.hover\:via-Orange-orange-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-600, #b3590a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-opacity-20::placeholder { - --tw-placeholder-opacity: 0.2; +.hover\:via-Orange-orange-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-700, #663306), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-opacity-25::-moz-placeholder { - --tw-placeholder-opacity: 0.25; +.hover\:via-Yellow-yellow:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow, #ffab00), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-opacity-25::placeholder { - --tw-placeholder-opacity: 0.25; +.hover\:via-Yellow-yellow-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-100, #ffc44c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-opacity-30::-moz-placeholder { - --tw-placeholder-opacity: 0.3; +.hover\:via-Yellow-yellow-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-200, #ffd580), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-opacity-30::placeholder { - --tw-placeholder-opacity: 0.3; +.hover\:via-Yellow-yellow-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-300, #d99d26), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-opacity-40::-moz-placeholder { - --tw-placeholder-opacity: 0.4; +.hover\:via-Yellow-yellow-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-400, #bf943f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-opacity-40::placeholder { - --tw-placeholder-opacity: 0.4; +.hover\:via-Yellow-yellow-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-500, #e59a00), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-opacity-50::-moz-placeholder { - --tw-placeholder-opacity: 0.5; +.hover\:via-Yellow-yellow-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-600, #b37800), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-opacity-50::placeholder { - --tw-placeholder-opacity: 0.5; +.hover\:via-Yellow-yellow-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-700, #664400), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-opacity-60::-moz-placeholder { - --tw-placeholder-opacity: 0.6; +.hover\:via-Notification-notification:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification, #3959ff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-opacity-60::placeholder { - --tw-placeholder-opacity: 0.6; +.hover\:via-Notification-notification-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-100, #748bff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-opacity-70::-moz-placeholder { - --tw-placeholder-opacity: 0.7; +.hover\:via-Notification-notification-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-200, #9cacff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-opacity-70::placeholder { - --tw-placeholder-opacity: 0.7; +.hover\:via-Notification-notification-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-300, #4e64d9), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-opacity-75::-moz-placeholder { - --tw-placeholder-opacity: 0.75; +.hover\:via-Notification-notification-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-400, #5c6cbf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-opacity-75::placeholder { - --tw-placeholder-opacity: 0.75; +.hover\:via-Notification-notification-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-500, #3350e5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-opacity-80::-moz-placeholder { - --tw-placeholder-opacity: 0.8; +.hover\:via-Notification-notification-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-600, #283eb3), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-opacity-80::placeholder { - --tw-placeholder-opacity: 0.8; +.hover\:via-Notification-notification-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-700, #172466), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-opacity-90::-moz-placeholder { - --tw-placeholder-opacity: 0.9; +.hover\:via-Success-success\ -700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-700, #24471f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-opacity-90::placeholder { - --tw-placeholder-opacity: 0.9; +.hover\:via-Success-success:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success, #5bb14d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-opacity-95::-moz-placeholder { - --tw-placeholder-opacity: 0.95; +.hover\:via-Success-success\ -100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-100, #8cc882), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-opacity-95::placeholder { - --tw-placeholder-opacity: 0.95; +.hover\:via-Success-success\ -200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-200, #add8a6), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-opacity-100::-moz-placeholder { - --tw-placeholder-opacity: 1; +.hover\:via-Success-success\ -300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-300, #66a25c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.placeholder-opacity-100::placeholder { - --tw-placeholder-opacity: 1; +.hover\:via-Success-success\ -400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-400, #6d9766), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-opacity-0:focus::-moz-placeholder { - --tw-placeholder-opacity: 0; +.hover\:via-Success-success\ -500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-500, #529f45), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-opacity-0:focus::placeholder { - --tw-placeholder-opacity: 0; +.hover\:via-Success-success\ -600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-600, #407c36), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-opacity-5:focus::-moz-placeholder { - --tw-placeholder-opacity: 0.05; +.hover\:via-Error-error:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error, #f03d3e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-opacity-5:focus::placeholder { - --tw-placeholder-opacity: 0.05; +.hover\:via-Error-error-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-100, #f57778), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-opacity-10:focus::-moz-placeholder { - --tw-placeholder-opacity: 0.1; +.hover\:via-Error-error-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-200, #f89e9e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-opacity-10:focus::placeholder { - --tw-placeholder-opacity: 0.1; +.hover\:via-Error-error-250:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-250, #f9c8c8), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-opacity-20:focus::-moz-placeholder { - --tw-placeholder-opacity: 0.2; +.hover\:via-Error-error-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-300, #ce5151), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-opacity-20:focus::placeholder { - --tw-placeholder-opacity: 0.2; +.hover\:via-Error-error-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-400, #b85e5e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-opacity-25:focus::-moz-placeholder { - --tw-placeholder-opacity: 0.25; +.hover\:via-Error-error-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-500, #d83738), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-opacity-25:focus::placeholder { - --tw-placeholder-opacity: 0.25; +.hover\:via-Error-error-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-600, #a82b2b), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-opacity-30:focus::-moz-placeholder { - --tw-placeholder-opacity: 0.3; +.hover\:via-Error-error-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-700, #601819), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-opacity-30:focus::placeholder { - --tw-placeholder-opacity: 0.3; +.focus\:via-colors-black:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-black, #000000), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-opacity-40:focus::-moz-placeholder { - --tw-placeholder-opacity: 0.4; +.focus\:via-colors-white:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-white, #ffffff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-opacity-40:focus::placeholder { - --tw-placeholder-opacity: 0.4; +.focus\:via-colors-gray-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-100, #f7fafc), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-opacity-50:focus::-moz-placeholder { - --tw-placeholder-opacity: 0.5; +.focus\:via-colors-gray-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-200, #edf2f7), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-opacity-50:focus::placeholder { - --tw-placeholder-opacity: 0.5; +.focus\:via-colors-gray-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-300, #e2e8f0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-opacity-60:focus::-moz-placeholder { - --tw-placeholder-opacity: 0.6; +.focus\:via-colors-gray-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-400, #cbd5e0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-opacity-60:focus::placeholder { - --tw-placeholder-opacity: 0.6; +.focus\:via-colors-gray-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-500, #a0aec0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-opacity-70:focus::-moz-placeholder { - --tw-placeholder-opacity: 0.7; +.focus\:via-colors-gray-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-600, #718096), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-opacity-70:focus::placeholder { - --tw-placeholder-opacity: 0.7; +.focus\:via-colors-gray-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-700, #4a5568), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-opacity-75:focus::-moz-placeholder { - --tw-placeholder-opacity: 0.75; +.focus\:via-colors-gray-800:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-800, #2d3748), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-opacity-75:focus::placeholder { - --tw-placeholder-opacity: 0.75; +.focus\:via-colors-gray-900:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-900, #1a202c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-opacity-80:focus::-moz-placeholder { - --tw-placeholder-opacity: 0.8; +.focus\:via-colors-red-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-100, #fff5f5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-opacity-80:focus::placeholder { - --tw-placeholder-opacity: 0.8; +.focus\:via-colors-red-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-200, #fed7d7), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-opacity-90:focus::-moz-placeholder { - --tw-placeholder-opacity: 0.9; +.focus\:via-colors-red-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-300, #feb2b2), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-opacity-90:focus::placeholder { - --tw-placeholder-opacity: 0.9; +.focus\:via-colors-red-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-400, #fc8181), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-opacity-95:focus::-moz-placeholder { - --tw-placeholder-opacity: 0.95; +.focus\:via-colors-red-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-500, #f56565), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-opacity-95:focus::placeholder { - --tw-placeholder-opacity: 0.95; +.focus\:via-colors-red-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-600, #e53e3e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-opacity-100:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; +.focus\:via-colors-red-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-700, #c53030), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:placeholder-opacity-100:focus::placeholder { - --tw-placeholder-opacity: 1; +.focus\:via-colors-red-800:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-800, #9b2c2c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.opacity-0 { - opacity: 0; +.focus\:via-colors-red-900:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-900, #742a2a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.opacity-5 { - opacity: 0.05; +.focus\:via-colors-orange-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-100, #fffaf0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.opacity-10 { - opacity: 0.1; +.focus\:via-colors-orange-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-200, #feebc8), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.opacity-20 { - opacity: 0.2; +.focus\:via-colors-orange-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-300, #fbd38d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.opacity-25 { - opacity: 0.25; +.focus\:via-colors-orange-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-400, #f6ad55), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.opacity-30 { - opacity: 0.3; +.focus\:via-colors-orange-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-500, #ed8936), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.opacity-40 { - opacity: 0.4; +.focus\:via-colors-orange-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-600, #dd6b20), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.opacity-50 { - opacity: 0.5; +.focus\:via-colors-orange-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-700, #c05621), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.opacity-60 { - opacity: 0.6; +.focus\:via-colors-orange-800:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-800, #9c4221), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.opacity-70 { - opacity: 0.7; +.focus\:via-colors-orange-900:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-900, #7b341e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.opacity-75 { - opacity: 0.75; +.focus\:via-colors-yellow-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-100, #fffff0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.opacity-80 { - opacity: 0.8; +.focus\:via-colors-yellow-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-200, #fefcbf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.opacity-90 { - opacity: 0.9; +.focus\:via-colors-yellow-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-300, #faf089), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.opacity-95 { - opacity: 0.95; +.focus\:via-colors-yellow-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-400, #f6e05e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.opacity-100 { - opacity: 1; +.focus\:via-colors-yellow-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-500, #ecc94b), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:opacity-0 { - opacity: 0; +.focus\:via-colors-yellow-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-600, #d69e2e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:opacity-5 { - opacity: 0.05; +.focus\:via-colors-yellow-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-700, #b7791f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:opacity-10 { - opacity: 0.1; +.focus\:via-colors-yellow-800:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-800, #975a16), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:opacity-20 { - opacity: 0.2; +.focus\:via-colors-yellow-900:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-900, #744210), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:opacity-25 { - opacity: 0.25; +.focus\:via-colors-green-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-100, #f0fff4), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:opacity-30 { - opacity: 0.3; +.focus\:via-colors-green-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-200, #c6f6d5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:opacity-40 { - opacity: 0.4; +.focus\:via-colors-green-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-300, #9ae6b4), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:opacity-50 { - opacity: 0.5; +.focus\:via-colors-green-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-400, #68d391), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:opacity-60 { - opacity: 0.6; +.focus\:via-colors-green-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-500, #48bb78), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:opacity-70 { - opacity: 0.7; +.focus\:via-colors-green-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-600, #38a169), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:opacity-75 { - opacity: 0.75; +.focus\:via-colors-green-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-700, #2f855a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:opacity-80 { - opacity: 0.8; +.focus\:via-colors-green-800:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-800, #276749), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:opacity-90 { - opacity: 0.9; +.focus\:via-colors-green-900:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-900, #22543d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:opacity-95 { - opacity: 0.95; +.focus\:via-colors-teal-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-100, #e6fffa), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:opacity-100 { - opacity: 1; +.focus\:via-colors-teal-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-200, #b2f5ea), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:opacity-0:focus-within { - opacity: 0; +.focus\:via-colors-teal-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-300, #81e6d9), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:opacity-5:focus-within { - opacity: 0.05; +.focus\:via-colors-teal-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-400, #4fd1c5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:opacity-10:focus-within { - opacity: 0.1; +.focus\:via-colors-teal-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-500, #38b2ac), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:opacity-20:focus-within { - opacity: 0.2; +.focus\:via-colors-teal-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-600, #319795), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:opacity-25:focus-within { - opacity: 0.25; +.focus\:via-colors-teal-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-700, #2c7a7b), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:opacity-30:focus-within { - opacity: 0.3; +.focus\:via-colors-teal-800:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-800, #285e61), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:opacity-40:focus-within { - opacity: 0.4; +.focus\:via-colors-teal-900:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-900, #234e52), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:opacity-50:focus-within { - opacity: 0.5; +.focus\:via-colors-blue-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-100, #ebf8ff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:opacity-60:focus-within { - opacity: 0.6; +.focus\:via-colors-blue-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-200, #bee3f8), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:opacity-70:focus-within { - opacity: 0.7; +.focus\:via-colors-blue-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-300, #90cdf4), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:opacity-75:focus-within { - opacity: 0.75; +.focus\:via-colors-blue-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-400, #63b3ed), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:opacity-80:focus-within { - opacity: 0.8; +.focus\:via-colors-blue-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-500, #4299e1), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:opacity-90:focus-within { - opacity: 0.9; +.focus\:via-colors-blue-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-600, #3182ce), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:opacity-95:focus-within { - opacity: 0.95; +.focus\:via-colors-blue-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-700, #2b6cb0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:opacity-100:focus-within { - opacity: 1; +.focus\:via-colors-blue-800:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-800, #2c5282), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:opacity-0:hover { - opacity: 0; +.focus\:via-colors-blue-900:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-900, #2a4365), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:opacity-5:hover { - opacity: 0.05; +.focus\:via-colors-indigo-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-100, #ebf4ff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:opacity-10:hover { - opacity: 0.1; +.focus\:via-colors-indigo-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-200, #c3dafe), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:opacity-20:hover { - opacity: 0.2; +.focus\:via-colors-indigo-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-300, #a3bffa), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:opacity-25:hover { - opacity: 0.25; +.focus\:via-colors-indigo-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-400, #7f9cf5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:opacity-30:hover { - opacity: 0.3; +.focus\:via-colors-indigo-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-500, #667eea), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:opacity-40:hover { - opacity: 0.4; +.focus\:via-colors-indigo-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-600, #5a67d8), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:opacity-50:hover { - opacity: 0.5; +.focus\:via-colors-indigo-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-700, #4c51bf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:opacity-60:hover { - opacity: 0.6; +.focus\:via-colors-indigo-800:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-800, #434190), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:opacity-70:hover { - opacity: 0.7; +.focus\:via-colors-indigo-900:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-900, #3c366b), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:opacity-75:hover { - opacity: 0.75; +.focus\:via-colors-purple-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-100, #faf5ff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:opacity-80:hover { - opacity: 0.8; +.focus\:via-colors-purple-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-200, #e9d8fd), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:opacity-90:hover { - opacity: 0.9; +.focus\:via-colors-purple-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-300, #d6bcfa), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:opacity-95:hover { - opacity: 0.95; +.focus\:via-colors-purple-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-400, #b794f4), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:opacity-100:hover { - opacity: 1; +.focus\:via-colors-purple-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-500, #9f7aea), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:opacity-0:focus { - opacity: 0; +.focus\:via-colors-purple-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-600, #805ad5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:opacity-5:focus { - opacity: 0.05; +.focus\:via-colors-purple-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-700, #6b46c1), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:opacity-10:focus { - opacity: 0.1; +.focus\:via-colors-purple-800:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-800, #553c9a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:opacity-20:focus { - opacity: 0.2; +.focus\:via-colors-purple-900:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-900, #44337a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:opacity-25:focus { - opacity: 0.25; +.focus\:via-colors-pink-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-100, #fff5f7), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:opacity-30:focus { - opacity: 0.3; +.focus\:via-colors-pink-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-200, #fed7e2), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:opacity-40:focus { - opacity: 0.4; +.focus\:via-colors-pink-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-300, #fbb6ce), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:opacity-50:focus { - opacity: 0.5; +.focus\:via-colors-pink-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-400, #f687b3), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:opacity-60:focus { - opacity: 0.6; +.focus\:via-colors-pink-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-500, #ed64a6), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:opacity-70:focus { - opacity: 0.7; +.focus\:via-colors-pink-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-600, #d53f8c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:opacity-75:focus { - opacity: 0.75; +.focus\:via-colors-pink-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-700, #b83280), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:opacity-80:focus { - opacity: 0.8; +.focus\:via-colors-pink-800:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-800, #97266d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:opacity-90:focus { - opacity: 0.9; +.focus\:via-colors-pink-900:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-900, #702459), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:opacity-95:focus { - opacity: 0.95; +.focus\:via-Box\ Shadow:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--box-shadow, #7f7e7f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:opacity-100:focus { - opacity: 1; +.focus\:via-Error16:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--error16, #f03d3e40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.bg-blend-normal { - background-blend-mode: normal; +.focus\:via-Success16:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--success16, #5bb14d40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.bg-blend-multiply { - background-blend-mode: multiply; +.focus\:via-Notification16:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification16, #3959ff40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.bg-blend-screen { - background-blend-mode: screen; +.focus\:via-Error8:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--error8, #f03d3e1a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.bg-blend-overlay { - background-blend-mode: overlay; +.focus\:via-Notification8:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification8, #3959ff1a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.bg-blend-darken { - background-blend-mode: darken; +.focus\:via-Success8:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--success8, #5bb14d1a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.bg-blend-lighten { - background-blend-mode: lighten; +.focus\:via-Light\ -\ Overlay:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-overlay, #f0edee66), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.bg-blend-color-dodge { - background-blend-mode: color-dodge; +.focus\:via-Dark-\ Overlay:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--dark-overlay, #7f7e7f66), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.bg-blend-color-burn { - background-blend-mode: color-burn; +.focus\:via-black-40:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-40, #00000066), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.bg-blend-hard-light { - background-blend-mode: hard-light; +.focus\:via-black-75:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-75, #000000bf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.bg-blend-soft-light { - background-blend-mode: soft-light; +.focus\:via-black-60:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-60, #00000099), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.bg-blend-difference { - background-blend-mode: difference; +.focus\:via-black-50:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-50, #00000080), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.bg-blend-exclusion { - background-blend-mode: exclusion; +.focus\:via-black-25:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-25, #00000040), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.bg-blend-hue { - background-blend-mode: hue; +.focus\:via-black-10:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-10, #0000001a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.bg-blend-saturation { - background-blend-mode: saturation; +.focus\:via-white-25:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--white-25, #ffffff40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.bg-blend-color { - background-blend-mode: color; +.focus\:via-white-60:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--white-60, #ffffff99), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.bg-blend-luminosity { - background-blend-mode: luminosity; +.focus\:via-black-64:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-64, #000000a3), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.mix-blend-normal { - mix-blend-mode: normal; +.focus\:via-Shadow\ and\ Highlight-Shadow:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow, #7f7e7f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.mix-blend-multiply { - mix-blend-mode: multiply; +.focus\:via-Shadow\ and\ Highlight-Highlight:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight, #474747), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.mix-blend-screen { - mix-blend-mode: screen; +.focus\:via-Shadow\ and\ Highlight-highlight\ one:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-one, #474747bf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.mix-blend-overlay { - mix-blend-mode: overlay; +.focus\:via-Shadow\ and\ Highlight-highlight\ two:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-two, #47474799), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.mix-blend-darken { - mix-blend-mode: darken; +.focus\:via-Shadow\ and\ Highlight-highlight\ three:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-three, #47474766), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.mix-blend-lighten { - mix-blend-mode: lighten; +.focus\:via-Shadow\ and\ Highlight-highlight\ five:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-five, #4747471a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.mix-blend-color-dodge { - mix-blend-mode: color-dodge; +.focus\:via-Shadow\ and\ Highlight-shadow\ one:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-one, #7f7e7fbf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.mix-blend-color-burn { - mix-blend-mode: color-burn; +.focus\:via-Shadow\ and\ Highlight-shadow\ two:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-two, #7f7e7f99), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.mix-blend-hard-light { - mix-blend-mode: hard-light; +.focus\:via-Shadow\ and\ Highlight-shadow\ three:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-three, #7f7e7f66), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.mix-blend-soft-light { - mix-blend-mode: soft-light; +.focus\:via-Shadow\ and\ Highlight-shadow\ four:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-four, #7f7e7f40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.mix-blend-difference { - mix-blend-mode: difference; +.focus\:via-Shadow\ and\ Highlight-shadow\ five:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-five, #7f7e7f1a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.mix-blend-exclusion { - mix-blend-mode: exclusion; +.focus\:via-Shadow\ and\ Highlight-highlight\ four:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-four, #47474740), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.mix-blend-hue { - mix-blend-mode: hue; +.focus\:via-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--base-layer-styles-base-layer-light-white, #ffffff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.mix-blend-saturation { - mix-blend-mode: saturation; +.focus\:via-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--base-layer-styles-base-layer-light-off-white, #f0edee), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.mix-blend-color { - mix-blend-mode: color; +.focus\:via-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.mix-blend-luminosity { - mix-blend-mode: luminosity; +.focus\:via-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--base-layer-styles-base-layer-dark-black, #000000), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -*, ::before, ::after { - --tw-shadow: 0 0 #0000; +.focus\:via-Grey-Scale-white:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-white, #ffffff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.shadow-sm { - --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +.focus\:via-Grey-Scale-off-white:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-off-white, #f0edee), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.shadow { - --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +.focus\:via-Grey\ Scale-grey:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-grey, #7f7e7f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.shadow-md { - --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +.focus\:via-Grey\ Scale-charcoal:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-charcoal, #474747), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.shadow-lg { - --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +.focus\:via-Grey\ Scale-off-black:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-off-black, #1c1c1c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.shadow-xl { - --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +.focus\:via-Grey\ Scale-black:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-black, #000000), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.shadow-2xl { - --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +.focus\:via-Blue-blue:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue, #3a7ca5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.shadow-inner { - --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +.focus\:via-Blue-blue-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-100, #75a3c0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.shadow-none { - --tw-shadow: 0 0 #0000; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +.focus\:via-Blue-blue-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-200, #9cbed2), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:shadow-sm { - --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +.focus\:via-Blue-blue-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-300, #4f7d9a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:shadow { - --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +.focus\:via-Blue-blue-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-400, #5c7d92), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:shadow-md { - --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +.focus\:via-Blue-blue-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-500, #347095), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:shadow-lg { - --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +.focus\:via-Blue-blue-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-600, #295774), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:shadow-xl { - --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +.focus\:via-Blue-blue-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-700, #173242), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:shadow-2xl { - --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +.focus\:via-LightBlue-lightblue:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue, #81c3d7), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:shadow-inner { - --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +.focus\:via-LightBlue-lightblue-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-100, #a7d5e3), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.group:hover .group-hover\:shadow-none { - --tw-shadow: 0 0 #0000; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +.focus\:via-LightBlue-lightblue-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-200, #c0e1eb), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:shadow-sm:focus-within { - --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +.focus\:via-LightBlue-lightblue-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-300, #80aebd), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:shadow:focus-within { - --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +.focus\:via-LightBlue-lightblue-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-400, #80a0ab), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:shadow-md:focus-within { - --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +.focus\:via-LightBlue-lightblue-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-500, #74afc1), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:shadow-lg:focus-within { - --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +.focus\:via-LightBlue-lightblue-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-600, #5a8997), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:shadow-xl:focus-within { - --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +.focus\:via-LightBlue-lightblue-650:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-650, #3e5e65), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:shadow-2xl:focus-within { - --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +.focus\:via-LightBlue-lightblue-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-700, #344e56), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:shadow-inner:focus-within { - --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +.focus\:via-Orange-orange:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange, #ff7f0e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:shadow-none:focus-within { - --tw-shadow: 0 0 #0000; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +.focus\:via-Orange-orange-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-100, #ffa556), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:shadow-sm:hover { - --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +.focus\:via-Orange-orange-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-200, #ffbf86), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:shadow:hover { - --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +.focus\:via-Orange-orange-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-300, #d97f30), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:shadow-md:hover { - --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +.focus\:via-Orange-orange-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-400, #bf7e46), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:shadow-lg:hover { - --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +.focus\:via-Orange-orange-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-500, #e5720d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:shadow-xl:hover { - --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +.focus\:via-Orange-orange-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-600, #b3590a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:shadow-2xl:hover { - --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +.focus\:via-Orange-orange-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-700, #663306), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:shadow-inner:hover { - --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +.focus\:via-Yellow-yellow:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow, #ffab00), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.hover\:shadow-none:hover { - --tw-shadow: 0 0 #0000; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +.focus\:via-Yellow-yellow-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-100, #ffc44c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:shadow-sm:focus { - --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +.focus\:via-Yellow-yellow-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-200, #ffd580), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:shadow:focus { - --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +.focus\:via-Yellow-yellow-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-300, #d99d26), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:shadow-md:focus { - --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +.focus\:via-Yellow-yellow-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-400, #bf943f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:shadow-lg:focus { - --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +.focus\:via-Yellow-yellow-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-500, #e59a00), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:shadow-xl:focus { - --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +.focus\:via-Yellow-yellow-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-600, #b37800), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:shadow-2xl:focus { - --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +.focus\:via-Yellow-yellow-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-700, #664400), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:shadow-inner:focus { - --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +.focus\:via-Notification-notification:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification, #3959ff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:shadow-none:focus { - --tw-shadow: 0 0 #0000; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +.focus\:via-Notification-notification-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-100, #748bff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.outline-none { - outline: 2px solid transparent; - outline-offset: 2px; +.focus\:via-Notification-notification-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-200, #9cacff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.outline-white { - outline: 2px dotted white; - outline-offset: 2px; +.focus\:via-Notification-notification-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-300, #4e64d9), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.outline-black { - outline: 2px dotted black; - outline-offset: 2px; +.focus\:via-Notification-notification-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-400, #5c6cbf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:outline-none:focus-within { - outline: 2px solid transparent; - outline-offset: 2px; +.focus\:via-Notification-notification-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-500, #3350e5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:outline-white:focus-within { - outline: 2px dotted white; - outline-offset: 2px; +.focus\:via-Notification-notification-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-600, #283eb3), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:outline-black:focus-within { - outline: 2px dotted black; - outline-offset: 2px; +.focus\:via-Notification-notification-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-700, #172466), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:outline-none:focus { - outline: 2px solid transparent; - outline-offset: 2px; +.focus\:via-Success-success\ -700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-700, #24471f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:outline-white:focus { - outline: 2px dotted white; - outline-offset: 2px; +.focus\:via-Success-success:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success, #5bb14d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus\:outline-black:focus { - outline: 2px dotted black; - outline-offset: 2px; +.focus\:via-Success-success\ -100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-100, #8cc882), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -*, ::before, ::after { - --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); - --tw-ring-offset-width: 0px; - --tw-ring-offset-color: #fff; - --tw-ring-color: rgba(59, 130, 246, 0.5); - --tw-ring-offset-shadow: 0 0 #0000; - --tw-ring-shadow: 0 0 #0000; +.focus\:via-Success-success\ -200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-200, #add8a6), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.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); +.focus\:via-Success-success\ -300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-300, #66a25c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.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); +.focus\:via-Success-success\ -400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-400, #6d9766), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.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); +.focus\:via-Success-success\ -500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-500, #529f45), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.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); +.focus\:via-Success-success\ -600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-600, #407c36), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.ring-8 { - --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(8px + 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\:via-Error-error:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error, #f03d3e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.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); +.focus\:via-Error-error-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-100, #f57778), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:ring-0:focus-within { - --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(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\:via-Error-error-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-200, #f89e9e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:ring-1:focus-within { - --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); - box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); +.focus\:via-Error-error-250:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-250, #f9c8c8), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:ring-2:focus-within { - --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); - box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); +.focus\:via-Error-error-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-300, #ce5151), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:ring-4:focus-within { - --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color); - box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); +.focus\:via-Error-error-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-400, #b85e5e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:ring-8:focus-within { - --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + 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\:via-Error-error-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-500, #d83738), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.focus-within\:ring:focus-within { - --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(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); +.focus\:via-Error-error-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-600, #a82b2b), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.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\:via-Error-error-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-700, #601819), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } -.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); +.to-colors-black { + --tw-gradient-to: var(--colors-black, #000000); } -.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); +.to-colors-white { + --tw-gradient-to: var(--colors-white, #ffffff); } -.focus\:ring-4:focus { - --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color); - box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); +.to-colors-gray-100 { + --tw-gradient-to: var(--colors-gray-100, #f7fafc); } -.focus\:ring-8: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(8px + 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); +.to-colors-gray-200 { + --tw-gradient-to: var(--colors-gray-200, #edf2f7); } -.focus\:ring: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(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); +.to-colors-gray-300 { + --tw-gradient-to: var(--colors-gray-300, #e2e8f0); } -.ring-inset { - --tw-ring-inset: inset; +.to-colors-gray-400 { + --tw-gradient-to: var(--colors-gray-400, #cbd5e0); } -.focus-within\:ring-inset:focus-within { - --tw-ring-inset: inset; +.to-colors-gray-500 { + --tw-gradient-to: var(--colors-gray-500, #a0aec0); } -.focus\:ring-inset:focus { - --tw-ring-inset: inset; +.to-colors-gray-600 { + --tw-gradient-to: var(--colors-gray-600, #718096); } -.ring-transparent { - --tw-ring-color: transparent; +.to-colors-gray-700 { + --tw-gradient-to: var(--colors-gray-700, #4a5568); } -.ring-current { - --tw-ring-color: currentColor; +.to-colors-gray-800 { + --tw-gradient-to: var(--colors-gray-800, #2d3748); } -.ring-black { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity)); +.to-colors-gray-900 { + --tw-gradient-to: var(--colors-gray-900, #1a202c); } -.ring-white { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity)); +.to-colors-red-100 { + --tw-gradient-to: var(--colors-red-100, #fff5f5); } -.ring-gray-50 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity)); +.to-colors-red-200 { + --tw-gradient-to: var(--colors-red-200, #fed7d7); } -.ring-gray-100 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity)); +.to-colors-red-300 { + --tw-gradient-to: var(--colors-red-300, #feb2b2); } -.ring-gray-200 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity)); +.to-colors-red-400 { + --tw-gradient-to: var(--colors-red-400, #fc8181); } -.ring-gray-300 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity)); +.to-colors-red-500 { + --tw-gradient-to: var(--colors-red-500, #f56565); } -.ring-gray-400 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity)); +.to-colors-red-600 { + --tw-gradient-to: var(--colors-red-600, #e53e3e); } -.ring-gray-500 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity)); +.to-colors-red-700 { + --tw-gradient-to: var(--colors-red-700, #c53030); } -.ring-gray-600 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity)); +.to-colors-red-800 { + --tw-gradient-to: var(--colors-red-800, #9b2c2c); } -.ring-gray-700 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity)); +.to-colors-red-900 { + --tw-gradient-to: var(--colors-red-900, #742a2a); } -.ring-gray-800 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity)); +.to-colors-orange-100 { + --tw-gradient-to: var(--colors-orange-100, #fffaf0); } -.ring-gray-900 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity)); +.to-colors-orange-200 { + --tw-gradient-to: var(--colors-orange-200, #feebc8); } -.ring-red-50 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity)); +.to-colors-orange-300 { + --tw-gradient-to: var(--colors-orange-300, #fbd38d); } -.ring-red-100 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity)); +.to-colors-orange-400 { + --tw-gradient-to: var(--colors-orange-400, #f6ad55); } -.ring-red-200 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity)); +.to-colors-orange-500 { + --tw-gradient-to: var(--colors-orange-500, #ed8936); } -.ring-red-300 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity)); +.to-colors-orange-600 { + --tw-gradient-to: var(--colors-orange-600, #dd6b20); } -.ring-red-400 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity)); +.to-colors-orange-700 { + --tw-gradient-to: var(--colors-orange-700, #c05621); } -.ring-red-500 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity)); +.to-colors-orange-800 { + --tw-gradient-to: var(--colors-orange-800, #9c4221); } -.ring-red-600 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity)); +.to-colors-orange-900 { + --tw-gradient-to: var(--colors-orange-900, #7b341e); } -.ring-red-700 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity)); +.to-colors-yellow-100 { + --tw-gradient-to: var(--colors-yellow-100, #fffff0); } -.ring-red-800 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity)); +.to-colors-yellow-200 { + --tw-gradient-to: var(--colors-yellow-200, #fefcbf); } -.ring-red-900 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity)); +.to-colors-yellow-300 { + --tw-gradient-to: var(--colors-yellow-300, #faf089); } -.ring-yellow-50 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity)); +.to-colors-yellow-400 { + --tw-gradient-to: var(--colors-yellow-400, #f6e05e); } -.ring-yellow-100 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity)); +.to-colors-yellow-500 { + --tw-gradient-to: var(--colors-yellow-500, #ecc94b); } -.ring-yellow-200 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity)); +.to-colors-yellow-600 { + --tw-gradient-to: var(--colors-yellow-600, #d69e2e); } -.ring-yellow-300 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity)); +.to-colors-yellow-700 { + --tw-gradient-to: var(--colors-yellow-700, #b7791f); } -.ring-yellow-400 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity)); +.to-colors-yellow-800 { + --tw-gradient-to: var(--colors-yellow-800, #975a16); } -.ring-yellow-500 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity)); +.to-colors-yellow-900 { + --tw-gradient-to: var(--colors-yellow-900, #744210); } -.ring-yellow-600 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity)); +.to-colors-green-100 { + --tw-gradient-to: var(--colors-green-100, #f0fff4); } -.ring-yellow-700 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity)); +.to-colors-green-200 { + --tw-gradient-to: var(--colors-green-200, #c6f6d5); } -.ring-yellow-800 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity)); +.to-colors-green-300 { + --tw-gradient-to: var(--colors-green-300, #9ae6b4); } -.ring-yellow-900 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity)); +.to-colors-green-400 { + --tw-gradient-to: var(--colors-green-400, #68d391); } -.ring-green-50 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity)); +.to-colors-green-500 { + --tw-gradient-to: var(--colors-green-500, #48bb78); } -.ring-green-100 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity)); +.to-colors-green-600 { + --tw-gradient-to: var(--colors-green-600, #38a169); } -.ring-green-200 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity)); +.to-colors-green-700 { + --tw-gradient-to: var(--colors-green-700, #2f855a); } -.ring-green-300 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity)); +.to-colors-green-800 { + --tw-gradient-to: var(--colors-green-800, #276749); } -.ring-green-400 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity)); +.to-colors-green-900 { + --tw-gradient-to: var(--colors-green-900, #22543d); } -.ring-green-500 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity)); +.to-colors-teal-100 { + --tw-gradient-to: var(--colors-teal-100, #e6fffa); } -.ring-green-600 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity)); +.to-colors-teal-200 { + --tw-gradient-to: var(--colors-teal-200, #b2f5ea); } -.ring-green-700 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity)); +.to-colors-teal-300 { + --tw-gradient-to: var(--colors-teal-300, #81e6d9); } -.ring-green-800 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity)); +.to-colors-teal-400 { + --tw-gradient-to: var(--colors-teal-400, #4fd1c5); } -.ring-green-900 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity)); +.to-colors-teal-500 { + --tw-gradient-to: var(--colors-teal-500, #38b2ac); } -.ring-blue-50 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity)); +.to-colors-teal-600 { + --tw-gradient-to: var(--colors-teal-600, #319795); } -.ring-blue-100 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity)); +.to-colors-teal-700 { + --tw-gradient-to: var(--colors-teal-700, #2c7a7b); } -.ring-blue-200 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity)); +.to-colors-teal-800 { + --tw-gradient-to: var(--colors-teal-800, #285e61); } -.ring-blue-300 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity)); +.to-colors-teal-900 { + --tw-gradient-to: var(--colors-teal-900, #234e52); } -.ring-blue-400 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity)); +.to-colors-blue-100 { + --tw-gradient-to: var(--colors-blue-100, #ebf8ff); } -.ring-blue-500 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity)); +.to-colors-blue-200 { + --tw-gradient-to: var(--colors-blue-200, #bee3f8); } -.ring-blue-600 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity)); +.to-colors-blue-300 { + --tw-gradient-to: var(--colors-blue-300, #90cdf4); } -.ring-blue-700 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity)); +.to-colors-blue-400 { + --tw-gradient-to: var(--colors-blue-400, #63b3ed); } -.ring-blue-800 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity)); +.to-colors-blue-500 { + --tw-gradient-to: var(--colors-blue-500, #4299e1); } -.ring-blue-900 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity)); +.to-colors-blue-600 { + --tw-gradient-to: var(--colors-blue-600, #3182ce); } -.ring-indigo-50 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity)); +.to-colors-blue-700 { + --tw-gradient-to: var(--colors-blue-700, #2b6cb0); } -.ring-indigo-100 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity)); +.to-colors-blue-800 { + --tw-gradient-to: var(--colors-blue-800, #2c5282); } -.ring-indigo-200 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity)); +.to-colors-blue-900 { + --tw-gradient-to: var(--colors-blue-900, #2a4365); } -.ring-indigo-300 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity)); +.to-colors-indigo-100 { + --tw-gradient-to: var(--colors-indigo-100, #ebf4ff); } -.ring-indigo-400 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity)); +.to-colors-indigo-200 { + --tw-gradient-to: var(--colors-indigo-200, #c3dafe); } -.ring-indigo-500 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity)); +.to-colors-indigo-300 { + --tw-gradient-to: var(--colors-indigo-300, #a3bffa); } -.ring-indigo-600 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity)); +.to-colors-indigo-400 { + --tw-gradient-to: var(--colors-indigo-400, #7f9cf5); } -.ring-indigo-700 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity)); +.to-colors-indigo-500 { + --tw-gradient-to: var(--colors-indigo-500, #667eea); } -.ring-indigo-800 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity)); +.to-colors-indigo-600 { + --tw-gradient-to: var(--colors-indigo-600, #5a67d8); } -.ring-indigo-900 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity)); +.to-colors-indigo-700 { + --tw-gradient-to: var(--colors-indigo-700, #4c51bf); } -.ring-purple-50 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity)); +.to-colors-indigo-800 { + --tw-gradient-to: var(--colors-indigo-800, #434190); } -.ring-purple-100 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity)); +.to-colors-indigo-900 { + --tw-gradient-to: var(--colors-indigo-900, #3c366b); } -.ring-purple-200 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity)); +.to-colors-purple-100 { + --tw-gradient-to: var(--colors-purple-100, #faf5ff); } -.ring-purple-300 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity)); +.to-colors-purple-200 { + --tw-gradient-to: var(--colors-purple-200, #e9d8fd); } -.ring-purple-400 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity)); +.to-colors-purple-300 { + --tw-gradient-to: var(--colors-purple-300, #d6bcfa); } -.ring-purple-500 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity)); +.to-colors-purple-400 { + --tw-gradient-to: var(--colors-purple-400, #b794f4); } -.ring-purple-600 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity)); +.to-colors-purple-500 { + --tw-gradient-to: var(--colors-purple-500, #9f7aea); } -.ring-purple-700 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity)); +.to-colors-purple-600 { + --tw-gradient-to: var(--colors-purple-600, #805ad5); } -.ring-purple-800 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity)); +.to-colors-purple-700 { + --tw-gradient-to: var(--colors-purple-700, #6b46c1); } -.ring-purple-900 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity)); +.to-colors-purple-800 { + --tw-gradient-to: var(--colors-purple-800, #553c9a); } -.ring-pink-50 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity)); +.to-colors-purple-900 { + --tw-gradient-to: var(--colors-purple-900, #44337a); } -.ring-pink-100 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity)); +.to-colors-pink-100 { + --tw-gradient-to: var(--colors-pink-100, #fff5f7); } -.ring-pink-200 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity)); +.to-colors-pink-200 { + --tw-gradient-to: var(--colors-pink-200, #fed7e2); } -.ring-pink-300 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity)); +.to-colors-pink-300 { + --tw-gradient-to: var(--colors-pink-300, #fbb6ce); } -.ring-pink-400 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity)); +.to-colors-pink-400 { + --tw-gradient-to: var(--colors-pink-400, #f687b3); } -.ring-pink-500 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity)); +.to-colors-pink-500 { + --tw-gradient-to: var(--colors-pink-500, #ed64a6); } -.ring-pink-600 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity)); +.to-colors-pink-600 { + --tw-gradient-to: var(--colors-pink-600, #d53f8c); } -.ring-pink-700 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity)); +.to-colors-pink-700 { + --tw-gradient-to: var(--colors-pink-700, #b83280); } -.ring-pink-800 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity)); +.to-colors-pink-800 { + --tw-gradient-to: var(--colors-pink-800, #97266d); } -.ring-pink-900 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity)); +.to-colors-pink-900 { + --tw-gradient-to: var(--colors-pink-900, #702459); } -.focus-within\:ring-transparent:focus-within { - --tw-ring-color: transparent; +.to-Box\ Shadow { + --tw-gradient-to: var(--box-shadow, #7f7e7f); } -.focus-within\:ring-current:focus-within { - --tw-ring-color: currentColor; +.to-Error16 { + --tw-gradient-to: var(--error16, #f03d3e40); } -.focus-within\:ring-black:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity)); +.to-Success16 { + --tw-gradient-to: var(--success16, #5bb14d40); } -.focus-within\:ring-white:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity)); +.to-Notification16 { + --tw-gradient-to: var(--notification16, #3959ff40); } -.focus-within\:ring-gray-50:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity)); +.to-Error8 { + --tw-gradient-to: var(--error8, #f03d3e1a); } -.focus-within\:ring-gray-100:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity)); +.to-Notification8 { + --tw-gradient-to: var(--notification8, #3959ff1a); } -.focus-within\:ring-gray-200:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity)); +.to-Success8 { + --tw-gradient-to: var(--success8, #5bb14d1a); } -.focus-within\:ring-gray-300:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity)); +.to-Light\ -\ Overlay { + --tw-gradient-to: var(--light-overlay, #f0edee66); } -.focus-within\:ring-gray-400:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity)); +.to-Dark-\ Overlay { + --tw-gradient-to: var(--dark-overlay, #7f7e7f66); } -.focus-within\:ring-gray-500:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity)); +.to-black-40 { + --tw-gradient-to: var(--black-40, #00000066); } -.focus-within\:ring-gray-600:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity)); +.to-black-75 { + --tw-gradient-to: var(--black-75, #000000bf); } -.focus-within\:ring-gray-700:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity)); +.to-black-60 { + --tw-gradient-to: var(--black-60, #00000099); } -.focus-within\:ring-gray-800:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity)); +.to-black-50 { + --tw-gradient-to: var(--black-50, #00000080); } -.focus-within\:ring-gray-900:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity)); +.to-black-25 { + --tw-gradient-to: var(--black-25, #00000040); } -.focus-within\:ring-red-50:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity)); +.to-black-10 { + --tw-gradient-to: var(--black-10, #0000001a); } -.focus-within\:ring-red-100:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity)); +.to-white-25 { + --tw-gradient-to: var(--white-25, #ffffff40); } -.focus-within\:ring-red-200:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity)); +.to-white-60 { + --tw-gradient-to: var(--white-60, #ffffff99); } -.focus-within\:ring-red-300:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity)); +.to-black-64 { + --tw-gradient-to: var(--black-64, #000000a3); } -.focus-within\:ring-red-400:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity)); +.to-Shadow\ and\ Highlight-Shadow { + --tw-gradient-to: var(--shadow-and-highlight-shadow, #7f7e7f); } -.focus-within\:ring-red-500:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity)); +.to-Shadow\ and\ Highlight-Highlight { + --tw-gradient-to: var(--shadow-and-highlight-highlight, #474747); } -.focus-within\:ring-red-600:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity)); +.to-Shadow\ and\ Highlight-highlight\ one { + --tw-gradient-to: var(--shadow-and-highlight-highlight-one, #474747bf); } -.focus-within\:ring-red-700:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity)); +.to-Shadow\ and\ Highlight-highlight\ two { + --tw-gradient-to: var(--shadow-and-highlight-highlight-two, #47474799); } -.focus-within\:ring-red-800:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity)); +.to-Shadow\ and\ Highlight-highlight\ three { + --tw-gradient-to: var(--shadow-and-highlight-highlight-three, #47474766); } -.focus-within\:ring-red-900:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity)); +.to-Shadow\ and\ Highlight-highlight\ five { + --tw-gradient-to: var(--shadow-and-highlight-highlight-five, #4747471a); } -.focus-within\:ring-yellow-50:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity)); +.to-Shadow\ and\ Highlight-shadow\ one { + --tw-gradient-to: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } -.focus-within\:ring-yellow-100:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity)); +.to-Shadow\ and\ Highlight-shadow\ two { + --tw-gradient-to: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } -.focus-within\:ring-yellow-200:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity)); +.to-Shadow\ and\ Highlight-shadow\ three { + --tw-gradient-to: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } -.focus-within\:ring-yellow-300:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity)); +.to-Shadow\ and\ Highlight-shadow\ four { + --tw-gradient-to: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } -.focus-within\:ring-yellow-400:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity)); +.to-Shadow\ and\ Highlight-shadow\ five { + --tw-gradient-to: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } -.focus-within\:ring-yellow-500:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity)); +.to-Shadow\ and\ Highlight-highlight\ four { + --tw-gradient-to: var(--shadow-and-highlight-highlight-four, #47474740); } -.focus-within\:ring-yellow-600:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity)); +.to-Base\ Layer\ Styles-Base\ Layer-\ Light-White { + --tw-gradient-to: var(--base-layer-styles-base-layer-light-white, #ffffff); } -.focus-within\:ring-yellow-700:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity)); +.to-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite { + --tw-gradient-to: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } -.focus-within\:ring-yellow-800:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity)); +.to-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack { + --tw-gradient-to: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } -.focus-within\:ring-yellow-900:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity)); +.to-Base\ Layer\ Styles-Base\ Layer-Dark-Black { + --tw-gradient-to: var(--base-layer-styles-base-layer-dark-black, #000000); } -.focus-within\:ring-green-50:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity)); +.to-Grey-Scale-white { + --tw-gradient-to: var(--grey-scale-white, #ffffff); } -.focus-within\:ring-green-100:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity)); +.to-Grey-Scale-off-white { + --tw-gradient-to: var(--grey-scale-off-white, #f0edee); } -.focus-within\:ring-green-200:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity)); +.to-Grey\ Scale-grey { + --tw-gradient-to: var(--grey-scale-grey, #7f7e7f); } -.focus-within\:ring-green-300:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity)); +.to-Grey\ Scale-charcoal { + --tw-gradient-to: var(--grey-scale-charcoal, #474747); } -.focus-within\:ring-green-400:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity)); +.to-Grey\ Scale-off-black { + --tw-gradient-to: var(--grey-scale-off-black, #1c1c1c); } -.focus-within\:ring-green-500:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity)); +.to-Grey\ Scale-black { + --tw-gradient-to: var(--grey-scale-black, #000000); } -.focus-within\:ring-green-600:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity)); +.to-Blue-blue { + --tw-gradient-to: var(--blue-blue, #3a7ca5); } -.focus-within\:ring-green-700:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity)); +.to-Blue-blue-100 { + --tw-gradient-to: var(--blue-blue-100, #75a3c0); } -.focus-within\:ring-green-800:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity)); +.to-Blue-blue-200 { + --tw-gradient-to: var(--blue-blue-200, #9cbed2); } -.focus-within\:ring-green-900:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity)); +.to-Blue-blue-300 { + --tw-gradient-to: var(--blue-blue-300, #4f7d9a); } -.focus-within\:ring-blue-50:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity)); +.to-Blue-blue-400 { + --tw-gradient-to: var(--blue-blue-400, #5c7d92); } -.focus-within\:ring-blue-100:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity)); +.to-Blue-blue-500 { + --tw-gradient-to: var(--blue-blue-500, #347095); } -.focus-within\:ring-blue-200:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity)); +.to-Blue-blue-600 { + --tw-gradient-to: var(--blue-blue-600, #295774); } -.focus-within\:ring-blue-300:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity)); +.to-Blue-blue-700 { + --tw-gradient-to: var(--blue-blue-700, #173242); } -.focus-within\:ring-blue-400:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity)); +.to-LightBlue-lightblue { + --tw-gradient-to: var(--light-blue-lightblue, #81c3d7); } -.focus-within\:ring-blue-500:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity)); +.to-LightBlue-lightblue-100 { + --tw-gradient-to: var(--light-blue-lightblue-100, #a7d5e3); } -.focus-within\:ring-blue-600:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity)); +.to-LightBlue-lightblue-200 { + --tw-gradient-to: var(--light-blue-lightblue-200, #c0e1eb); } -.focus-within\:ring-blue-700:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity)); +.to-LightBlue-lightblue-300 { + --tw-gradient-to: var(--light-blue-lightblue-300, #80aebd); } -.focus-within\:ring-blue-800:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity)); +.to-LightBlue-lightblue-400 { + --tw-gradient-to: var(--light-blue-lightblue-400, #80a0ab); } -.focus-within\:ring-blue-900:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity)); +.to-LightBlue-lightblue-500 { + --tw-gradient-to: var(--light-blue-lightblue-500, #74afc1); } -.focus-within\:ring-indigo-50:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity)); +.to-LightBlue-lightblue-600 { + --tw-gradient-to: var(--light-blue-lightblue-600, #5a8997); } -.focus-within\:ring-indigo-100:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity)); +.to-LightBlue-lightblue-650 { + --tw-gradient-to: var(--light-blue-lightblue-650, #3e5e65); } -.focus-within\:ring-indigo-200:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity)); +.to-LightBlue-lightblue-700 { + --tw-gradient-to: var(--light-blue-lightblue-700, #344e56); } -.focus-within\:ring-indigo-300:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity)); +.to-Orange-orange { + --tw-gradient-to: var(--orange-orange, #ff7f0e); } -.focus-within\:ring-indigo-400:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity)); +.to-Orange-orange-100 { + --tw-gradient-to: var(--orange-orange-100, #ffa556); } -.focus-within\:ring-indigo-500:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity)); +.to-Orange-orange-200 { + --tw-gradient-to: var(--orange-orange-200, #ffbf86); } -.focus-within\:ring-indigo-600:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity)); +.to-Orange-orange-300 { + --tw-gradient-to: var(--orange-orange-300, #d97f30); } -.focus-within\:ring-indigo-700:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity)); +.to-Orange-orange-400 { + --tw-gradient-to: var(--orange-orange-400, #bf7e46); } -.focus-within\:ring-indigo-800:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity)); +.to-Orange-orange-500 { + --tw-gradient-to: var(--orange-orange-500, #e5720d); } -.focus-within\:ring-indigo-900:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity)); +.to-Orange-orange-600 { + --tw-gradient-to: var(--orange-orange-600, #b3590a); } -.focus-within\:ring-purple-50:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity)); +.to-Orange-orange-700 { + --tw-gradient-to: var(--orange-orange-700, #663306); } -.focus-within\:ring-purple-100:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity)); +.to-Yellow-yellow { + --tw-gradient-to: var(--yellow-yellow, #ffab00); } -.focus-within\:ring-purple-200:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity)); +.to-Yellow-yellow-100 { + --tw-gradient-to: var(--yellow-yellow-100, #ffc44c); } -.focus-within\:ring-purple-300:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity)); +.to-Yellow-yellow-200 { + --tw-gradient-to: var(--yellow-yellow-200, #ffd580); } -.focus-within\:ring-purple-400:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity)); +.to-Yellow-yellow-300 { + --tw-gradient-to: var(--yellow-yellow-300, #d99d26); } -.focus-within\:ring-purple-500:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity)); +.to-Yellow-yellow-400 { + --tw-gradient-to: var(--yellow-yellow-400, #bf943f); } -.focus-within\:ring-purple-600:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity)); +.to-Yellow-yellow-500 { + --tw-gradient-to: var(--yellow-yellow-500, #e59a00); } -.focus-within\:ring-purple-700:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity)); +.to-Yellow-yellow-600 { + --tw-gradient-to: var(--yellow-yellow-600, #b37800); } -.focus-within\:ring-purple-800:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity)); +.to-Yellow-yellow-700 { + --tw-gradient-to: var(--yellow-yellow-700, #664400); } -.focus-within\:ring-purple-900:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity)); +.to-Notification-notification { + --tw-gradient-to: var(--notification-notification, #3959ff); } -.focus-within\:ring-pink-50:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity)); +.to-Notification-notification-100 { + --tw-gradient-to: var(--notification-notification-100, #748bff); } -.focus-within\:ring-pink-100:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity)); +.to-Notification-notification-200 { + --tw-gradient-to: var(--notification-notification-200, #9cacff); } -.focus-within\:ring-pink-200:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity)); +.to-Notification-notification-300 { + --tw-gradient-to: var(--notification-notification-300, #4e64d9); } -.focus-within\:ring-pink-300:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity)); +.to-Notification-notification-400 { + --tw-gradient-to: var(--notification-notification-400, #5c6cbf); } -.focus-within\:ring-pink-400:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity)); +.to-Notification-notification-500 { + --tw-gradient-to: var(--notification-notification-500, #3350e5); } -.focus-within\:ring-pink-500:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity)); +.to-Notification-notification-600 { + --tw-gradient-to: var(--notification-notification-600, #283eb3); } -.focus-within\:ring-pink-600:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity)); +.to-Notification-notification-700 { + --tw-gradient-to: var(--notification-notification-700, #172466); } -.focus-within\:ring-pink-700:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity)); +.to-Success-success\ -700 { + --tw-gradient-to: var(--success-success-700, #24471f); } -.focus-within\:ring-pink-800:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity)); +.to-Success-success { + --tw-gradient-to: var(--success-success, #5bb14d); } -.focus-within\:ring-pink-900:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity)); +.to-Success-success\ -100 { + --tw-gradient-to: var(--success-success-100, #8cc882); } -.focus\:ring-transparent:focus { - --tw-ring-color: transparent; +.to-Success-success\ -200 { + --tw-gradient-to: var(--success-success-200, #add8a6); } -.focus\:ring-current:focus { - --tw-ring-color: currentColor; +.to-Success-success\ -300 { + --tw-gradient-to: var(--success-success-300, #66a25c); } -.focus\:ring-black:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity)); +.to-Success-success\ -400 { + --tw-gradient-to: var(--success-success-400, #6d9766); } -.focus\:ring-white:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity)); +.to-Success-success\ -500 { + --tw-gradient-to: var(--success-success-500, #529f45); } -.focus\:ring-gray-50:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity)); +.to-Success-success\ -600 { + --tw-gradient-to: var(--success-success-600, #407c36); } -.focus\:ring-gray-100:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity)); +.to-Error-error { + --tw-gradient-to: var(--error-error, #f03d3e); } -.focus\:ring-gray-200:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity)); +.to-Error-error-100 { + --tw-gradient-to: var(--error-error-100, #f57778); } -.focus\:ring-gray-300:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity)); +.to-Error-error-200 { + --tw-gradient-to: var(--error-error-200, #f89e9e); } -.focus\:ring-gray-400:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity)); +.to-Error-error-250 { + --tw-gradient-to: var(--error-error-250, #f9c8c8); } -.focus\:ring-gray-500:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity)); +.to-Error-error-300 { + --tw-gradient-to: var(--error-error-300, #ce5151); } -.focus\:ring-gray-600:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity)); +.to-Error-error-400 { + --tw-gradient-to: var(--error-error-400, #b85e5e); } -.focus\:ring-gray-700:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity)); +.to-Error-error-500 { + --tw-gradient-to: var(--error-error-500, #d83738); } -.focus\:ring-gray-800:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity)); +.to-Error-error-600 { + --tw-gradient-to: var(--error-error-600, #a82b2b); } -.focus\:ring-gray-900:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity)); +.to-Error-error-700 { + --tw-gradient-to: var(--error-error-700, #601819); } -.focus\:ring-red-50:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity)); +.hover\:to-colors-black:hover { + --tw-gradient-to: var(--colors-black, #000000); } -.focus\:ring-red-100:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity)); +.hover\:to-colors-white:hover { + --tw-gradient-to: var(--colors-white, #ffffff); } -.focus\:ring-red-200:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity)); +.hover\:to-colors-gray-100:hover { + --tw-gradient-to: var(--colors-gray-100, #f7fafc); } -.focus\:ring-red-300:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity)); +.hover\:to-colors-gray-200:hover { + --tw-gradient-to: var(--colors-gray-200, #edf2f7); } -.focus\:ring-red-400:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity)); +.hover\:to-colors-gray-300:hover { + --tw-gradient-to: var(--colors-gray-300, #e2e8f0); } -.focus\:ring-red-500:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity)); +.hover\:to-colors-gray-400:hover { + --tw-gradient-to: var(--colors-gray-400, #cbd5e0); } -.focus\:ring-red-600:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity)); +.hover\:to-colors-gray-500:hover { + --tw-gradient-to: var(--colors-gray-500, #a0aec0); } -.focus\:ring-red-700:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity)); +.hover\:to-colors-gray-600:hover { + --tw-gradient-to: var(--colors-gray-600, #718096); } -.focus\:ring-red-800:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity)); +.hover\:to-colors-gray-700:hover { + --tw-gradient-to: var(--colors-gray-700, #4a5568); } -.focus\:ring-red-900:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity)); +.hover\:to-colors-gray-800:hover { + --tw-gradient-to: var(--colors-gray-800, #2d3748); } -.focus\:ring-yellow-50:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity)); +.hover\:to-colors-gray-900:hover { + --tw-gradient-to: var(--colors-gray-900, #1a202c); } -.focus\:ring-yellow-100:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity)); +.hover\:to-colors-red-100:hover { + --tw-gradient-to: var(--colors-red-100, #fff5f5); } -.focus\:ring-yellow-200:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity)); +.hover\:to-colors-red-200:hover { + --tw-gradient-to: var(--colors-red-200, #fed7d7); } -.focus\:ring-yellow-300:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity)); +.hover\:to-colors-red-300:hover { + --tw-gradient-to: var(--colors-red-300, #feb2b2); } -.focus\:ring-yellow-400:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity)); +.hover\:to-colors-red-400:hover { + --tw-gradient-to: var(--colors-red-400, #fc8181); } -.focus\:ring-yellow-500:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity)); +.hover\:to-colors-red-500:hover { + --tw-gradient-to: var(--colors-red-500, #f56565); } -.focus\:ring-yellow-600:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity)); +.hover\:to-colors-red-600:hover { + --tw-gradient-to: var(--colors-red-600, #e53e3e); } -.focus\:ring-yellow-700:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity)); +.hover\:to-colors-red-700:hover { + --tw-gradient-to: var(--colors-red-700, #c53030); } -.focus\:ring-yellow-800:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity)); +.hover\:to-colors-red-800:hover { + --tw-gradient-to: var(--colors-red-800, #9b2c2c); } -.focus\:ring-yellow-900:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity)); +.hover\:to-colors-red-900:hover { + --tw-gradient-to: var(--colors-red-900, #742a2a); } -.focus\:ring-green-50:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity)); +.hover\:to-colors-orange-100:hover { + --tw-gradient-to: var(--colors-orange-100, #fffaf0); } -.focus\:ring-green-100:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity)); +.hover\:to-colors-orange-200:hover { + --tw-gradient-to: var(--colors-orange-200, #feebc8); } -.focus\:ring-green-200:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity)); +.hover\:to-colors-orange-300:hover { + --tw-gradient-to: var(--colors-orange-300, #fbd38d); } -.focus\:ring-green-300:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity)); +.hover\:to-colors-orange-400:hover { + --tw-gradient-to: var(--colors-orange-400, #f6ad55); } -.focus\:ring-green-400:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity)); +.hover\:to-colors-orange-500:hover { + --tw-gradient-to: var(--colors-orange-500, #ed8936); } -.focus\:ring-green-500:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity)); +.hover\:to-colors-orange-600:hover { + --tw-gradient-to: var(--colors-orange-600, #dd6b20); } -.focus\:ring-green-600:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity)); +.hover\:to-colors-orange-700:hover { + --tw-gradient-to: var(--colors-orange-700, #c05621); } -.focus\:ring-green-700:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity)); +.hover\:to-colors-orange-800:hover { + --tw-gradient-to: var(--colors-orange-800, #9c4221); } -.focus\:ring-green-800:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity)); +.hover\:to-colors-orange-900:hover { + --tw-gradient-to: var(--colors-orange-900, #7b341e); } -.focus\:ring-green-900:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity)); +.hover\:to-colors-yellow-100:hover { + --tw-gradient-to: var(--colors-yellow-100, #fffff0); } -.focus\:ring-blue-50:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity)); +.hover\:to-colors-yellow-200:hover { + --tw-gradient-to: var(--colors-yellow-200, #fefcbf); } -.focus\:ring-blue-100:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity)); +.hover\:to-colors-yellow-300:hover { + --tw-gradient-to: var(--colors-yellow-300, #faf089); } -.focus\:ring-blue-200:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity)); +.hover\:to-colors-yellow-400:hover { + --tw-gradient-to: var(--colors-yellow-400, #f6e05e); } -.focus\:ring-blue-300:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity)); +.hover\:to-colors-yellow-500:hover { + --tw-gradient-to: var(--colors-yellow-500, #ecc94b); } -.focus\:ring-blue-400:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity)); +.hover\:to-colors-yellow-600:hover { + --tw-gradient-to: var(--colors-yellow-600, #d69e2e); } -.focus\:ring-blue-500:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity)); +.hover\:to-colors-yellow-700:hover { + --tw-gradient-to: var(--colors-yellow-700, #b7791f); } -.focus\:ring-blue-600:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity)); +.hover\:to-colors-yellow-800:hover { + --tw-gradient-to: var(--colors-yellow-800, #975a16); } -.focus\:ring-blue-700:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity)); +.hover\:to-colors-yellow-900:hover { + --tw-gradient-to: var(--colors-yellow-900, #744210); } -.focus\:ring-blue-800:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity)); +.hover\:to-colors-green-100:hover { + --tw-gradient-to: var(--colors-green-100, #f0fff4); } -.focus\:ring-blue-900:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity)); +.hover\:to-colors-green-200:hover { + --tw-gradient-to: var(--colors-green-200, #c6f6d5); } -.focus\:ring-indigo-50:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity)); +.hover\:to-colors-green-300:hover { + --tw-gradient-to: var(--colors-green-300, #9ae6b4); } -.focus\:ring-indigo-100:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity)); +.hover\:to-colors-green-400:hover { + --tw-gradient-to: var(--colors-green-400, #68d391); } -.focus\:ring-indigo-200:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity)); +.hover\:to-colors-green-500:hover { + --tw-gradient-to: var(--colors-green-500, #48bb78); } -.focus\:ring-indigo-300:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity)); +.hover\:to-colors-green-600:hover { + --tw-gradient-to: var(--colors-green-600, #38a169); } -.focus\:ring-indigo-400:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity)); +.hover\:to-colors-green-700:hover { + --tw-gradient-to: var(--colors-green-700, #2f855a); } -.focus\:ring-indigo-500:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity)); +.hover\:to-colors-green-800:hover { + --tw-gradient-to: var(--colors-green-800, #276749); } -.focus\:ring-indigo-600:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity)); +.hover\:to-colors-green-900:hover { + --tw-gradient-to: var(--colors-green-900, #22543d); } -.focus\:ring-indigo-700:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity)); +.hover\:to-colors-teal-100:hover { + --tw-gradient-to: var(--colors-teal-100, #e6fffa); } -.focus\:ring-indigo-800:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity)); +.hover\:to-colors-teal-200:hover { + --tw-gradient-to: var(--colors-teal-200, #b2f5ea); } -.focus\:ring-indigo-900:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity)); +.hover\:to-colors-teal-300:hover { + --tw-gradient-to: var(--colors-teal-300, #81e6d9); } -.focus\:ring-purple-50:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity)); +.hover\:to-colors-teal-400:hover { + --tw-gradient-to: var(--colors-teal-400, #4fd1c5); } -.focus\:ring-purple-100:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity)); +.hover\:to-colors-teal-500:hover { + --tw-gradient-to: var(--colors-teal-500, #38b2ac); } -.focus\:ring-purple-200:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity)); +.hover\:to-colors-teal-600:hover { + --tw-gradient-to: var(--colors-teal-600, #319795); } -.focus\:ring-purple-300:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity)); +.hover\:to-colors-teal-700:hover { + --tw-gradient-to: var(--colors-teal-700, #2c7a7b); } -.focus\:ring-purple-400:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity)); +.hover\:to-colors-teal-800:hover { + --tw-gradient-to: var(--colors-teal-800, #285e61); } -.focus\:ring-purple-500:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity)); +.hover\:to-colors-teal-900:hover { + --tw-gradient-to: var(--colors-teal-900, #234e52); } -.focus\:ring-purple-600:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity)); +.hover\:to-colors-blue-100:hover { + --tw-gradient-to: var(--colors-blue-100, #ebf8ff); } -.focus\:ring-purple-700:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity)); +.hover\:to-colors-blue-200:hover { + --tw-gradient-to: var(--colors-blue-200, #bee3f8); } -.focus\:ring-purple-800:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity)); +.hover\:to-colors-blue-300:hover { + --tw-gradient-to: var(--colors-blue-300, #90cdf4); } -.focus\:ring-purple-900:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity)); +.hover\:to-colors-blue-400:hover { + --tw-gradient-to: var(--colors-blue-400, #63b3ed); } -.focus\:ring-pink-50:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity)); +.hover\:to-colors-blue-500:hover { + --tw-gradient-to: var(--colors-blue-500, #4299e1); } -.focus\:ring-pink-100:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity)); +.hover\:to-colors-blue-600:hover { + --tw-gradient-to: var(--colors-blue-600, #3182ce); } -.focus\:ring-pink-200:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity)); +.hover\:to-colors-blue-700:hover { + --tw-gradient-to: var(--colors-blue-700, #2b6cb0); } -.focus\:ring-pink-300:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity)); +.hover\:to-colors-blue-800:hover { + --tw-gradient-to: var(--colors-blue-800, #2c5282); } -.focus\:ring-pink-400:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity)); +.hover\:to-colors-blue-900:hover { + --tw-gradient-to: var(--colors-blue-900, #2a4365); } -.focus\:ring-pink-500:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity)); +.hover\:to-colors-indigo-100:hover { + --tw-gradient-to: var(--colors-indigo-100, #ebf4ff); } -.focus\:ring-pink-600:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity)); +.hover\:to-colors-indigo-200:hover { + --tw-gradient-to: var(--colors-indigo-200, #c3dafe); } -.focus\:ring-pink-700:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity)); +.hover\:to-colors-indigo-300:hover { + --tw-gradient-to: var(--colors-indigo-300, #a3bffa); } -.focus\:ring-pink-800:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity)); +.hover\:to-colors-indigo-400:hover { + --tw-gradient-to: var(--colors-indigo-400, #7f9cf5); } -.focus\:ring-pink-900:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity)); +.hover\:to-colors-indigo-500:hover { + --tw-gradient-to: var(--colors-indigo-500, #667eea); } -.ring-opacity-0 { - --tw-ring-opacity: 0; +.hover\:to-colors-indigo-600:hover { + --tw-gradient-to: var(--colors-indigo-600, #5a67d8); } -.ring-opacity-5 { - --tw-ring-opacity: 0.05; +.hover\:to-colors-indigo-700:hover { + --tw-gradient-to: var(--colors-indigo-700, #4c51bf); } -.ring-opacity-10 { - --tw-ring-opacity: 0.1; +.hover\:to-colors-indigo-800:hover { + --tw-gradient-to: var(--colors-indigo-800, #434190); } -.ring-opacity-20 { - --tw-ring-opacity: 0.2; +.hover\:to-colors-indigo-900:hover { + --tw-gradient-to: var(--colors-indigo-900, #3c366b); } -.ring-opacity-25 { - --tw-ring-opacity: 0.25; +.hover\:to-colors-purple-100:hover { + --tw-gradient-to: var(--colors-purple-100, #faf5ff); } -.ring-opacity-30 { - --tw-ring-opacity: 0.3; +.hover\:to-colors-purple-200:hover { + --tw-gradient-to: var(--colors-purple-200, #e9d8fd); } -.ring-opacity-40 { - --tw-ring-opacity: 0.4; +.hover\:to-colors-purple-300:hover { + --tw-gradient-to: var(--colors-purple-300, #d6bcfa); } -.ring-opacity-50 { - --tw-ring-opacity: 0.5; +.hover\:to-colors-purple-400:hover { + --tw-gradient-to: var(--colors-purple-400, #b794f4); } -.ring-opacity-60 { - --tw-ring-opacity: 0.6; +.hover\:to-colors-purple-500:hover { + --tw-gradient-to: var(--colors-purple-500, #9f7aea); } -.ring-opacity-70 { - --tw-ring-opacity: 0.7; +.hover\:to-colors-purple-600:hover { + --tw-gradient-to: var(--colors-purple-600, #805ad5); } -.ring-opacity-75 { - --tw-ring-opacity: 0.75; +.hover\:to-colors-purple-700:hover { + --tw-gradient-to: var(--colors-purple-700, #6b46c1); } -.ring-opacity-80 { - --tw-ring-opacity: 0.8; +.hover\:to-colors-purple-800:hover { + --tw-gradient-to: var(--colors-purple-800, #553c9a); } -.ring-opacity-90 { - --tw-ring-opacity: 0.9; +.hover\:to-colors-purple-900:hover { + --tw-gradient-to: var(--colors-purple-900, #44337a); } -.ring-opacity-95 { - --tw-ring-opacity: 0.95; +.hover\:to-colors-pink-100:hover { + --tw-gradient-to: var(--colors-pink-100, #fff5f7); } -.ring-opacity-100 { - --tw-ring-opacity: 1; +.hover\:to-colors-pink-200:hover { + --tw-gradient-to: var(--colors-pink-200, #fed7e2); } -.focus-within\:ring-opacity-0:focus-within { - --tw-ring-opacity: 0; +.hover\:to-colors-pink-300:hover { + --tw-gradient-to: var(--colors-pink-300, #fbb6ce); } -.focus-within\:ring-opacity-5:focus-within { - --tw-ring-opacity: 0.05; +.hover\:to-colors-pink-400:hover { + --tw-gradient-to: var(--colors-pink-400, #f687b3); } -.focus-within\:ring-opacity-10:focus-within { - --tw-ring-opacity: 0.1; +.hover\:to-colors-pink-500:hover { + --tw-gradient-to: var(--colors-pink-500, #ed64a6); } -.focus-within\:ring-opacity-20:focus-within { - --tw-ring-opacity: 0.2; +.hover\:to-colors-pink-600:hover { + --tw-gradient-to: var(--colors-pink-600, #d53f8c); } -.focus-within\:ring-opacity-25:focus-within { - --tw-ring-opacity: 0.25; +.hover\:to-colors-pink-700:hover { + --tw-gradient-to: var(--colors-pink-700, #b83280); } -.focus-within\:ring-opacity-30:focus-within { - --tw-ring-opacity: 0.3; +.hover\:to-colors-pink-800:hover { + --tw-gradient-to: var(--colors-pink-800, #97266d); } -.focus-within\:ring-opacity-40:focus-within { - --tw-ring-opacity: 0.4; +.hover\:to-colors-pink-900:hover { + --tw-gradient-to: var(--colors-pink-900, #702459); } -.focus-within\:ring-opacity-50:focus-within { - --tw-ring-opacity: 0.5; +.hover\:to-Box\ Shadow:hover { + --tw-gradient-to: var(--box-shadow, #7f7e7f); } -.focus-within\:ring-opacity-60:focus-within { - --tw-ring-opacity: 0.6; +.hover\:to-Error16:hover { + --tw-gradient-to: var(--error16, #f03d3e40); } -.focus-within\:ring-opacity-70:focus-within { - --tw-ring-opacity: 0.7; +.hover\:to-Success16:hover { + --tw-gradient-to: var(--success16, #5bb14d40); } -.focus-within\:ring-opacity-75:focus-within { - --tw-ring-opacity: 0.75; +.hover\:to-Notification16:hover { + --tw-gradient-to: var(--notification16, #3959ff40); } -.focus-within\:ring-opacity-80:focus-within { - --tw-ring-opacity: 0.8; +.hover\:to-Error8:hover { + --tw-gradient-to: var(--error8, #f03d3e1a); } -.focus-within\:ring-opacity-90:focus-within { - --tw-ring-opacity: 0.9; +.hover\:to-Notification8:hover { + --tw-gradient-to: var(--notification8, #3959ff1a); } -.focus-within\:ring-opacity-95:focus-within { - --tw-ring-opacity: 0.95; +.hover\:to-Success8:hover { + --tw-gradient-to: var(--success8, #5bb14d1a); } -.focus-within\:ring-opacity-100:focus-within { - --tw-ring-opacity: 1; +.hover\:to-Light\ -\ Overlay:hover { + --tw-gradient-to: var(--light-overlay, #f0edee66); } -.focus\:ring-opacity-0:focus { - --tw-ring-opacity: 0; +.hover\:to-Dark-\ Overlay:hover { + --tw-gradient-to: var(--dark-overlay, #7f7e7f66); } -.focus\:ring-opacity-5:focus { - --tw-ring-opacity: 0.05; +.hover\:to-black-40:hover { + --tw-gradient-to: var(--black-40, #00000066); } -.focus\:ring-opacity-10:focus { - --tw-ring-opacity: 0.1; +.hover\:to-black-75:hover { + --tw-gradient-to: var(--black-75, #000000bf); } -.focus\:ring-opacity-20:focus { - --tw-ring-opacity: 0.2; +.hover\:to-black-60:hover { + --tw-gradient-to: var(--black-60, #00000099); } -.focus\:ring-opacity-25:focus { - --tw-ring-opacity: 0.25; +.hover\:to-black-50:hover { + --tw-gradient-to: var(--black-50, #00000080); } -.focus\:ring-opacity-30:focus { - --tw-ring-opacity: 0.3; +.hover\:to-black-25:hover { + --tw-gradient-to: var(--black-25, #00000040); } -.focus\:ring-opacity-40:focus { - --tw-ring-opacity: 0.4; +.hover\:to-black-10:hover { + --tw-gradient-to: var(--black-10, #0000001a); } -.focus\:ring-opacity-50:focus { - --tw-ring-opacity: 0.5; +.hover\:to-white-25:hover { + --tw-gradient-to: var(--white-25, #ffffff40); } -.focus\:ring-opacity-60:focus { - --tw-ring-opacity: 0.6; +.hover\:to-white-60:hover { + --tw-gradient-to: var(--white-60, #ffffff99); } -.focus\:ring-opacity-70:focus { - --tw-ring-opacity: 0.7; +.hover\:to-black-64:hover { + --tw-gradient-to: var(--black-64, #000000a3); } -.focus\:ring-opacity-75:focus { - --tw-ring-opacity: 0.75; +.hover\:to-Shadow\ and\ Highlight-Shadow:hover { + --tw-gradient-to: var(--shadow-and-highlight-shadow, #7f7e7f); } -.focus\:ring-opacity-80:focus { - --tw-ring-opacity: 0.8; +.hover\:to-Shadow\ and\ Highlight-Highlight:hover { + --tw-gradient-to: var(--shadow-and-highlight-highlight, #474747); } -.focus\:ring-opacity-90:focus { - --tw-ring-opacity: 0.9; +.hover\:to-Shadow\ and\ Highlight-highlight\ one:hover { + --tw-gradient-to: var(--shadow-and-highlight-highlight-one, #474747bf); } -.focus\:ring-opacity-95:focus { - --tw-ring-opacity: 0.95; +.hover\:to-Shadow\ and\ Highlight-highlight\ two:hover { + --tw-gradient-to: var(--shadow-and-highlight-highlight-two, #47474799); } -.focus\:ring-opacity-100:focus { - --tw-ring-opacity: 1; +.hover\:to-Shadow\ and\ Highlight-highlight\ three:hover { + --tw-gradient-to: var(--shadow-and-highlight-highlight-three, #47474766); } -.ring-offset-0 { - --tw-ring-offset-width: 0px; +.hover\:to-Shadow\ and\ Highlight-highlight\ five:hover { + --tw-gradient-to: var(--shadow-and-highlight-highlight-five, #4747471a); } -.ring-offset-1 { - --tw-ring-offset-width: 1px; +.hover\:to-Shadow\ and\ Highlight-shadow\ one:hover { + --tw-gradient-to: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } -.ring-offset-2 { - --tw-ring-offset-width: 2px; +.hover\:to-Shadow\ and\ Highlight-shadow\ two:hover { + --tw-gradient-to: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } -.ring-offset-4 { - --tw-ring-offset-width: 4px; +.hover\:to-Shadow\ and\ Highlight-shadow\ three:hover { + --tw-gradient-to: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } -.ring-offset-8 { - --tw-ring-offset-width: 8px; +.hover\:to-Shadow\ and\ Highlight-shadow\ four:hover { + --tw-gradient-to: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } -.focus-within\:ring-offset-0:focus-within { - --tw-ring-offset-width: 0px; +.hover\:to-Shadow\ and\ Highlight-shadow\ five:hover { + --tw-gradient-to: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } -.focus-within\:ring-offset-1:focus-within { - --tw-ring-offset-width: 1px; +.hover\:to-Shadow\ and\ Highlight-highlight\ four:hover { + --tw-gradient-to: var(--shadow-and-highlight-highlight-four, #47474740); } -.focus-within\:ring-offset-2:focus-within { - --tw-ring-offset-width: 2px; +.hover\:to-Base\ Layer\ Styles-Base\ Layer-\ Light-White:hover { + --tw-gradient-to: var(--base-layer-styles-base-layer-light-white, #ffffff); } -.focus-within\:ring-offset-4:focus-within { - --tw-ring-offset-width: 4px; +.hover\:to-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:hover { + --tw-gradient-to: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } -.focus-within\:ring-offset-8:focus-within { - --tw-ring-offset-width: 8px; +.hover\:to-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:hover { + --tw-gradient-to: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } -.focus\:ring-offset-0:focus { - --tw-ring-offset-width: 0px; +.hover\:to-Base\ Layer\ Styles-Base\ Layer-Dark-Black:hover { + --tw-gradient-to: var(--base-layer-styles-base-layer-dark-black, #000000); } -.focus\:ring-offset-1:focus { - --tw-ring-offset-width: 1px; +.hover\:to-Grey-Scale-white:hover { + --tw-gradient-to: var(--grey-scale-white, #ffffff); } -.focus\:ring-offset-2:focus { - --tw-ring-offset-width: 2px; +.hover\:to-Grey-Scale-off-white:hover { + --tw-gradient-to: var(--grey-scale-off-white, #f0edee); } -.focus\:ring-offset-4:focus { - --tw-ring-offset-width: 4px; +.hover\:to-Grey\ Scale-grey:hover { + --tw-gradient-to: var(--grey-scale-grey, #7f7e7f); } -.focus\:ring-offset-8:focus { - --tw-ring-offset-width: 8px; +.hover\:to-Grey\ Scale-charcoal:hover { + --tw-gradient-to: var(--grey-scale-charcoal, #474747); } -.ring-offset-transparent { - --tw-ring-offset-color: transparent; +.hover\:to-Grey\ Scale-off-black:hover { + --tw-gradient-to: var(--grey-scale-off-black, #1c1c1c); } -.ring-offset-current { - --tw-ring-offset-color: currentColor; +.hover\:to-Grey\ Scale-black:hover { + --tw-gradient-to: var(--grey-scale-black, #000000); } -.ring-offset-black { - --tw-ring-offset-color: #000; +.hover\:to-Blue-blue:hover { + --tw-gradient-to: var(--blue-blue, #3a7ca5); } -.ring-offset-white { - --tw-ring-offset-color: #fff; +.hover\:to-Blue-blue-100:hover { + --tw-gradient-to: var(--blue-blue-100, #75a3c0); } -.ring-offset-gray-50 { - --tw-ring-offset-color: #f9fafb; +.hover\:to-Blue-blue-200:hover { + --tw-gradient-to: var(--blue-blue-200, #9cbed2); } -.ring-offset-gray-100 { - --tw-ring-offset-color: #f3f4f6; +.hover\:to-Blue-blue-300:hover { + --tw-gradient-to: var(--blue-blue-300, #4f7d9a); } -.ring-offset-gray-200 { - --tw-ring-offset-color: #e5e7eb; +.hover\:to-Blue-blue-400:hover { + --tw-gradient-to: var(--blue-blue-400, #5c7d92); } -.ring-offset-gray-300 { - --tw-ring-offset-color: #d1d5db; +.hover\:to-Blue-blue-500:hover { + --tw-gradient-to: var(--blue-blue-500, #347095); } -.ring-offset-gray-400 { - --tw-ring-offset-color: #9ca3af; +.hover\:to-Blue-blue-600:hover { + --tw-gradient-to: var(--blue-blue-600, #295774); } -.ring-offset-gray-500 { - --tw-ring-offset-color: #6b7280; +.hover\:to-Blue-blue-700:hover { + --tw-gradient-to: var(--blue-blue-700, #173242); } -.ring-offset-gray-600 { - --tw-ring-offset-color: #4b5563; +.hover\:to-LightBlue-lightblue:hover { + --tw-gradient-to: var(--light-blue-lightblue, #81c3d7); } -.ring-offset-gray-700 { - --tw-ring-offset-color: #374151; +.hover\:to-LightBlue-lightblue-100:hover { + --tw-gradient-to: var(--light-blue-lightblue-100, #a7d5e3); } -.ring-offset-gray-800 { - --tw-ring-offset-color: #1f2937; +.hover\:to-LightBlue-lightblue-200:hover { + --tw-gradient-to: var(--light-blue-lightblue-200, #c0e1eb); } -.ring-offset-gray-900 { - --tw-ring-offset-color: #111827; +.hover\:to-LightBlue-lightblue-300:hover { + --tw-gradient-to: var(--light-blue-lightblue-300, #80aebd); } -.ring-offset-red-50 { - --tw-ring-offset-color: #fef2f2; +.hover\:to-LightBlue-lightblue-400:hover { + --tw-gradient-to: var(--light-blue-lightblue-400, #80a0ab); } -.ring-offset-red-100 { - --tw-ring-offset-color: #fee2e2; +.hover\:to-LightBlue-lightblue-500:hover { + --tw-gradient-to: var(--light-blue-lightblue-500, #74afc1); } -.ring-offset-red-200 { - --tw-ring-offset-color: #fecaca; +.hover\:to-LightBlue-lightblue-600:hover { + --tw-gradient-to: var(--light-blue-lightblue-600, #5a8997); } -.ring-offset-red-300 { - --tw-ring-offset-color: #fca5a5; +.hover\:to-LightBlue-lightblue-650:hover { + --tw-gradient-to: var(--light-blue-lightblue-650, #3e5e65); } -.ring-offset-red-400 { - --tw-ring-offset-color: #f87171; +.hover\:to-LightBlue-lightblue-700:hover { + --tw-gradient-to: var(--light-blue-lightblue-700, #344e56); } -.ring-offset-red-500 { - --tw-ring-offset-color: #ef4444; +.hover\:to-Orange-orange:hover { + --tw-gradient-to: var(--orange-orange, #ff7f0e); } -.ring-offset-red-600 { - --tw-ring-offset-color: #dc2626; +.hover\:to-Orange-orange-100:hover { + --tw-gradient-to: var(--orange-orange-100, #ffa556); } -.ring-offset-red-700 { - --tw-ring-offset-color: #b91c1c; +.hover\:to-Orange-orange-200:hover { + --tw-gradient-to: var(--orange-orange-200, #ffbf86); } -.ring-offset-red-800 { - --tw-ring-offset-color: #991b1b; +.hover\:to-Orange-orange-300:hover { + --tw-gradient-to: var(--orange-orange-300, #d97f30); } -.ring-offset-red-900 { - --tw-ring-offset-color: #7f1d1d; +.hover\:to-Orange-orange-400:hover { + --tw-gradient-to: var(--orange-orange-400, #bf7e46); } -.ring-offset-yellow-50 { - --tw-ring-offset-color: #fffbeb; +.hover\:to-Orange-orange-500:hover { + --tw-gradient-to: var(--orange-orange-500, #e5720d); } -.ring-offset-yellow-100 { - --tw-ring-offset-color: #fef3c7; +.hover\:to-Orange-orange-600:hover { + --tw-gradient-to: var(--orange-orange-600, #b3590a); } -.ring-offset-yellow-200 { - --tw-ring-offset-color: #fde68a; +.hover\:to-Orange-orange-700:hover { + --tw-gradient-to: var(--orange-orange-700, #663306); } -.ring-offset-yellow-300 { - --tw-ring-offset-color: #fcd34d; +.hover\:to-Yellow-yellow:hover { + --tw-gradient-to: var(--yellow-yellow, #ffab00); } -.ring-offset-yellow-400 { - --tw-ring-offset-color: #fbbf24; +.hover\:to-Yellow-yellow-100:hover { + --tw-gradient-to: var(--yellow-yellow-100, #ffc44c); } -.ring-offset-yellow-500 { - --tw-ring-offset-color: #f59e0b; +.hover\:to-Yellow-yellow-200:hover { + --tw-gradient-to: var(--yellow-yellow-200, #ffd580); } -.ring-offset-yellow-600 { - --tw-ring-offset-color: #d97706; +.hover\:to-Yellow-yellow-300:hover { + --tw-gradient-to: var(--yellow-yellow-300, #d99d26); } -.ring-offset-yellow-700 { - --tw-ring-offset-color: #b45309; +.hover\:to-Yellow-yellow-400:hover { + --tw-gradient-to: var(--yellow-yellow-400, #bf943f); } -.ring-offset-yellow-800 { - --tw-ring-offset-color: #92400e; +.hover\:to-Yellow-yellow-500:hover { + --tw-gradient-to: var(--yellow-yellow-500, #e59a00); } -.ring-offset-yellow-900 { - --tw-ring-offset-color: #78350f; +.hover\:to-Yellow-yellow-600:hover { + --tw-gradient-to: var(--yellow-yellow-600, #b37800); } -.ring-offset-green-50 { - --tw-ring-offset-color: #ecfdf5; +.hover\:to-Yellow-yellow-700:hover { + --tw-gradient-to: var(--yellow-yellow-700, #664400); } -.ring-offset-green-100 { - --tw-ring-offset-color: #d1fae5; +.hover\:to-Notification-notification:hover { + --tw-gradient-to: var(--notification-notification, #3959ff); } -.ring-offset-green-200 { - --tw-ring-offset-color: #a7f3d0; +.hover\:to-Notification-notification-100:hover { + --tw-gradient-to: var(--notification-notification-100, #748bff); } -.ring-offset-green-300 { - --tw-ring-offset-color: #6ee7b7; +.hover\:to-Notification-notification-200:hover { + --tw-gradient-to: var(--notification-notification-200, #9cacff); } -.ring-offset-green-400 { - --tw-ring-offset-color: #34d399; +.hover\:to-Notification-notification-300:hover { + --tw-gradient-to: var(--notification-notification-300, #4e64d9); } -.ring-offset-green-500 { - --tw-ring-offset-color: #10b981; +.hover\:to-Notification-notification-400:hover { + --tw-gradient-to: var(--notification-notification-400, #5c6cbf); } -.ring-offset-green-600 { - --tw-ring-offset-color: #059669; +.hover\:to-Notification-notification-500:hover { + --tw-gradient-to: var(--notification-notification-500, #3350e5); } -.ring-offset-green-700 { - --tw-ring-offset-color: #047857; +.hover\:to-Notification-notification-600:hover { + --tw-gradient-to: var(--notification-notification-600, #283eb3); } -.ring-offset-green-800 { - --tw-ring-offset-color: #065f46; +.hover\:to-Notification-notification-700:hover { + --tw-gradient-to: var(--notification-notification-700, #172466); } -.ring-offset-green-900 { - --tw-ring-offset-color: #064e3b; +.hover\:to-Success-success\ -700:hover { + --tw-gradient-to: var(--success-success-700, #24471f); } -.ring-offset-blue-50 { - --tw-ring-offset-color: #eff6ff; +.hover\:to-Success-success:hover { + --tw-gradient-to: var(--success-success, #5bb14d); } -.ring-offset-blue-100 { - --tw-ring-offset-color: #dbeafe; +.hover\:to-Success-success\ -100:hover { + --tw-gradient-to: var(--success-success-100, #8cc882); } -.ring-offset-blue-200 { - --tw-ring-offset-color: #bfdbfe; +.hover\:to-Success-success\ -200:hover { + --tw-gradient-to: var(--success-success-200, #add8a6); } -.ring-offset-blue-300 { - --tw-ring-offset-color: #93c5fd; +.hover\:to-Success-success\ -300:hover { + --tw-gradient-to: var(--success-success-300, #66a25c); } -.ring-offset-blue-400 { - --tw-ring-offset-color: #60a5fa; +.hover\:to-Success-success\ -400:hover { + --tw-gradient-to: var(--success-success-400, #6d9766); } -.ring-offset-blue-500 { - --tw-ring-offset-color: #3b82f6; +.hover\:to-Success-success\ -500:hover { + --tw-gradient-to: var(--success-success-500, #529f45); } -.ring-offset-blue-600 { - --tw-ring-offset-color: #2563eb; +.hover\:to-Success-success\ -600:hover { + --tw-gradient-to: var(--success-success-600, #407c36); } -.ring-offset-blue-700 { - --tw-ring-offset-color: #1d4ed8; +.hover\:to-Error-error:hover { + --tw-gradient-to: var(--error-error, #f03d3e); } -.ring-offset-blue-800 { - --tw-ring-offset-color: #1e40af; +.hover\:to-Error-error-100:hover { + --tw-gradient-to: var(--error-error-100, #f57778); } -.ring-offset-blue-900 { - --tw-ring-offset-color: #1e3a8a; +.hover\:to-Error-error-200:hover { + --tw-gradient-to: var(--error-error-200, #f89e9e); } -.ring-offset-indigo-50 { - --tw-ring-offset-color: #eef2ff; +.hover\:to-Error-error-250:hover { + --tw-gradient-to: var(--error-error-250, #f9c8c8); } -.ring-offset-indigo-100 { - --tw-ring-offset-color: #e0e7ff; +.hover\:to-Error-error-300:hover { + --tw-gradient-to: var(--error-error-300, #ce5151); } -.ring-offset-indigo-200 { - --tw-ring-offset-color: #c7d2fe; +.hover\:to-Error-error-400:hover { + --tw-gradient-to: var(--error-error-400, #b85e5e); } -.ring-offset-indigo-300 { - --tw-ring-offset-color: #a5b4fc; +.hover\:to-Error-error-500:hover { + --tw-gradient-to: var(--error-error-500, #d83738); } -.ring-offset-indigo-400 { - --tw-ring-offset-color: #818cf8; +.hover\:to-Error-error-600:hover { + --tw-gradient-to: var(--error-error-600, #a82b2b); } -.ring-offset-indigo-500 { - --tw-ring-offset-color: #6366f1; +.hover\:to-Error-error-700:hover { + --tw-gradient-to: var(--error-error-700, #601819); } -.ring-offset-indigo-600 { - --tw-ring-offset-color: #4f46e5; +.focus\:to-colors-black:focus { + --tw-gradient-to: var(--colors-black, #000000); } -.ring-offset-indigo-700 { - --tw-ring-offset-color: #4338ca; +.focus\:to-colors-white:focus { + --tw-gradient-to: var(--colors-white, #ffffff); } -.ring-offset-indigo-800 { - --tw-ring-offset-color: #3730a3; +.focus\:to-colors-gray-100:focus { + --tw-gradient-to: var(--colors-gray-100, #f7fafc); } -.ring-offset-indigo-900 { - --tw-ring-offset-color: #312e81; +.focus\:to-colors-gray-200:focus { + --tw-gradient-to: var(--colors-gray-200, #edf2f7); } -.ring-offset-purple-50 { - --tw-ring-offset-color: #f5f3ff; +.focus\:to-colors-gray-300:focus { + --tw-gradient-to: var(--colors-gray-300, #e2e8f0); } -.ring-offset-purple-100 { - --tw-ring-offset-color: #ede9fe; +.focus\:to-colors-gray-400:focus { + --tw-gradient-to: var(--colors-gray-400, #cbd5e0); } -.ring-offset-purple-200 { - --tw-ring-offset-color: #ddd6fe; +.focus\:to-colors-gray-500:focus { + --tw-gradient-to: var(--colors-gray-500, #a0aec0); } -.ring-offset-purple-300 { - --tw-ring-offset-color: #c4b5fd; +.focus\:to-colors-gray-600:focus { + --tw-gradient-to: var(--colors-gray-600, #718096); } -.ring-offset-purple-400 { - --tw-ring-offset-color: #a78bfa; +.focus\:to-colors-gray-700:focus { + --tw-gradient-to: var(--colors-gray-700, #4a5568); } -.ring-offset-purple-500 { - --tw-ring-offset-color: #8b5cf6; +.focus\:to-colors-gray-800:focus { + --tw-gradient-to: var(--colors-gray-800, #2d3748); } -.ring-offset-purple-600 { - --tw-ring-offset-color: #7c3aed; +.focus\:to-colors-gray-900:focus { + --tw-gradient-to: var(--colors-gray-900, #1a202c); } -.ring-offset-purple-700 { - --tw-ring-offset-color: #6d28d9; +.focus\:to-colors-red-100:focus { + --tw-gradient-to: var(--colors-red-100, #fff5f5); } -.ring-offset-purple-800 { - --tw-ring-offset-color: #5b21b6; +.focus\:to-colors-red-200:focus { + --tw-gradient-to: var(--colors-red-200, #fed7d7); } -.ring-offset-purple-900 { - --tw-ring-offset-color: #4c1d95; +.focus\:to-colors-red-300:focus { + --tw-gradient-to: var(--colors-red-300, #feb2b2); } -.ring-offset-pink-50 { - --tw-ring-offset-color: #fdf2f8; +.focus\:to-colors-red-400:focus { + --tw-gradient-to: var(--colors-red-400, #fc8181); } -.ring-offset-pink-100 { - --tw-ring-offset-color: #fce7f3; +.focus\:to-colors-red-500:focus { + --tw-gradient-to: var(--colors-red-500, #f56565); } -.ring-offset-pink-200 { - --tw-ring-offset-color: #fbcfe8; +.focus\:to-colors-red-600:focus { + --tw-gradient-to: var(--colors-red-600, #e53e3e); } -.ring-offset-pink-300 { - --tw-ring-offset-color: #f9a8d4; +.focus\:to-colors-red-700:focus { + --tw-gradient-to: var(--colors-red-700, #c53030); } -.ring-offset-pink-400 { - --tw-ring-offset-color: #f472b6; +.focus\:to-colors-red-800:focus { + --tw-gradient-to: var(--colors-red-800, #9b2c2c); } -.ring-offset-pink-500 { - --tw-ring-offset-color: #ec4899; +.focus\:to-colors-red-900:focus { + --tw-gradient-to: var(--colors-red-900, #742a2a); } -.ring-offset-pink-600 { - --tw-ring-offset-color: #db2777; +.focus\:to-colors-orange-100:focus { + --tw-gradient-to: var(--colors-orange-100, #fffaf0); } -.ring-offset-pink-700 { - --tw-ring-offset-color: #be185d; +.focus\:to-colors-orange-200:focus { + --tw-gradient-to: var(--colors-orange-200, #feebc8); } -.ring-offset-pink-800 { - --tw-ring-offset-color: #9d174d; +.focus\:to-colors-orange-300:focus { + --tw-gradient-to: var(--colors-orange-300, #fbd38d); } -.ring-offset-pink-900 { - --tw-ring-offset-color: #831843; +.focus\:to-colors-orange-400:focus { + --tw-gradient-to: var(--colors-orange-400, #f6ad55); } -.focus-within\:ring-offset-transparent:focus-within { - --tw-ring-offset-color: transparent; +.focus\:to-colors-orange-500:focus { + --tw-gradient-to: var(--colors-orange-500, #ed8936); } -.focus-within\:ring-offset-current:focus-within { - --tw-ring-offset-color: currentColor; +.focus\:to-colors-orange-600:focus { + --tw-gradient-to: var(--colors-orange-600, #dd6b20); } -.focus-within\:ring-offset-black:focus-within { - --tw-ring-offset-color: #000; +.focus\:to-colors-orange-700:focus { + --tw-gradient-to: var(--colors-orange-700, #c05621); } -.focus-within\:ring-offset-white:focus-within { - --tw-ring-offset-color: #fff; +.focus\:to-colors-orange-800:focus { + --tw-gradient-to: var(--colors-orange-800, #9c4221); } -.focus-within\:ring-offset-gray-50:focus-within { - --tw-ring-offset-color: #f9fafb; +.focus\:to-colors-orange-900:focus { + --tw-gradient-to: var(--colors-orange-900, #7b341e); } -.focus-within\:ring-offset-gray-100:focus-within { - --tw-ring-offset-color: #f3f4f6; +.focus\:to-colors-yellow-100:focus { + --tw-gradient-to: var(--colors-yellow-100, #fffff0); } -.focus-within\:ring-offset-gray-200:focus-within { - --tw-ring-offset-color: #e5e7eb; +.focus\:to-colors-yellow-200:focus { + --tw-gradient-to: var(--colors-yellow-200, #fefcbf); } -.focus-within\:ring-offset-gray-300:focus-within { - --tw-ring-offset-color: #d1d5db; +.focus\:to-colors-yellow-300:focus { + --tw-gradient-to: var(--colors-yellow-300, #faf089); } -.focus-within\:ring-offset-gray-400:focus-within { - --tw-ring-offset-color: #9ca3af; +.focus\:to-colors-yellow-400:focus { + --tw-gradient-to: var(--colors-yellow-400, #f6e05e); } -.focus-within\:ring-offset-gray-500:focus-within { - --tw-ring-offset-color: #6b7280; +.focus\:to-colors-yellow-500:focus { + --tw-gradient-to: var(--colors-yellow-500, #ecc94b); } -.focus-within\:ring-offset-gray-600:focus-within { - --tw-ring-offset-color: #4b5563; +.focus\:to-colors-yellow-600:focus { + --tw-gradient-to: var(--colors-yellow-600, #d69e2e); } -.focus-within\:ring-offset-gray-700:focus-within { - --tw-ring-offset-color: #374151; +.focus\:to-colors-yellow-700:focus { + --tw-gradient-to: var(--colors-yellow-700, #b7791f); } -.focus-within\:ring-offset-gray-800:focus-within { - --tw-ring-offset-color: #1f2937; +.focus\:to-colors-yellow-800:focus { + --tw-gradient-to: var(--colors-yellow-800, #975a16); } -.focus-within\:ring-offset-gray-900:focus-within { - --tw-ring-offset-color: #111827; +.focus\:to-colors-yellow-900:focus { + --tw-gradient-to: var(--colors-yellow-900, #744210); } -.focus-within\:ring-offset-red-50:focus-within { - --tw-ring-offset-color: #fef2f2; +.focus\:to-colors-green-100:focus { + --tw-gradient-to: var(--colors-green-100, #f0fff4); } -.focus-within\:ring-offset-red-100:focus-within { - --tw-ring-offset-color: #fee2e2; +.focus\:to-colors-green-200:focus { + --tw-gradient-to: var(--colors-green-200, #c6f6d5); } -.focus-within\:ring-offset-red-200:focus-within { - --tw-ring-offset-color: #fecaca; +.focus\:to-colors-green-300:focus { + --tw-gradient-to: var(--colors-green-300, #9ae6b4); } -.focus-within\:ring-offset-red-300:focus-within { - --tw-ring-offset-color: #fca5a5; +.focus\:to-colors-green-400:focus { + --tw-gradient-to: var(--colors-green-400, #68d391); } -.focus-within\:ring-offset-red-400:focus-within { - --tw-ring-offset-color: #f87171; +.focus\:to-colors-green-500:focus { + --tw-gradient-to: var(--colors-green-500, #48bb78); } -.focus-within\:ring-offset-red-500:focus-within { - --tw-ring-offset-color: #ef4444; +.focus\:to-colors-green-600:focus { + --tw-gradient-to: var(--colors-green-600, #38a169); } -.focus-within\:ring-offset-red-600:focus-within { - --tw-ring-offset-color: #dc2626; +.focus\:to-colors-green-700:focus { + --tw-gradient-to: var(--colors-green-700, #2f855a); } -.focus-within\:ring-offset-red-700:focus-within { - --tw-ring-offset-color: #b91c1c; +.focus\:to-colors-green-800:focus { + --tw-gradient-to: var(--colors-green-800, #276749); } -.focus-within\:ring-offset-red-800:focus-within { - --tw-ring-offset-color: #991b1b; +.focus\:to-colors-green-900:focus { + --tw-gradient-to: var(--colors-green-900, #22543d); } -.focus-within\:ring-offset-red-900:focus-within { - --tw-ring-offset-color: #7f1d1d; +.focus\:to-colors-teal-100:focus { + --tw-gradient-to: var(--colors-teal-100, #e6fffa); } -.focus-within\:ring-offset-yellow-50:focus-within { - --tw-ring-offset-color: #fffbeb; +.focus\:to-colors-teal-200:focus { + --tw-gradient-to: var(--colors-teal-200, #b2f5ea); } -.focus-within\:ring-offset-yellow-100:focus-within { - --tw-ring-offset-color: #fef3c7; +.focus\:to-colors-teal-300:focus { + --tw-gradient-to: var(--colors-teal-300, #81e6d9); } -.focus-within\:ring-offset-yellow-200:focus-within { - --tw-ring-offset-color: #fde68a; +.focus\:to-colors-teal-400:focus { + --tw-gradient-to: var(--colors-teal-400, #4fd1c5); } -.focus-within\:ring-offset-yellow-300:focus-within { - --tw-ring-offset-color: #fcd34d; +.focus\:to-colors-teal-500:focus { + --tw-gradient-to: var(--colors-teal-500, #38b2ac); } -.focus-within\:ring-offset-yellow-400:focus-within { - --tw-ring-offset-color: #fbbf24; +.focus\:to-colors-teal-600:focus { + --tw-gradient-to: var(--colors-teal-600, #319795); } -.focus-within\:ring-offset-yellow-500:focus-within { - --tw-ring-offset-color: #f59e0b; +.focus\:to-colors-teal-700:focus { + --tw-gradient-to: var(--colors-teal-700, #2c7a7b); } -.focus-within\:ring-offset-yellow-600:focus-within { - --tw-ring-offset-color: #d97706; +.focus\:to-colors-teal-800:focus { + --tw-gradient-to: var(--colors-teal-800, #285e61); } -.focus-within\:ring-offset-yellow-700:focus-within { - --tw-ring-offset-color: #b45309; +.focus\:to-colors-teal-900:focus { + --tw-gradient-to: var(--colors-teal-900, #234e52); } -.focus-within\:ring-offset-yellow-800:focus-within { - --tw-ring-offset-color: #92400e; +.focus\:to-colors-blue-100:focus { + --tw-gradient-to: var(--colors-blue-100, #ebf8ff); } -.focus-within\:ring-offset-yellow-900:focus-within { - --tw-ring-offset-color: #78350f; +.focus\:to-colors-blue-200:focus { + --tw-gradient-to: var(--colors-blue-200, #bee3f8); } -.focus-within\:ring-offset-green-50:focus-within { - --tw-ring-offset-color: #ecfdf5; +.focus\:to-colors-blue-300:focus { + --tw-gradient-to: var(--colors-blue-300, #90cdf4); } -.focus-within\:ring-offset-green-100:focus-within { - --tw-ring-offset-color: #d1fae5; +.focus\:to-colors-blue-400:focus { + --tw-gradient-to: var(--colors-blue-400, #63b3ed); } -.focus-within\:ring-offset-green-200:focus-within { - --tw-ring-offset-color: #a7f3d0; +.focus\:to-colors-blue-500:focus { + --tw-gradient-to: var(--colors-blue-500, #4299e1); } -.focus-within\:ring-offset-green-300:focus-within { - --tw-ring-offset-color: #6ee7b7; +.focus\:to-colors-blue-600:focus { + --tw-gradient-to: var(--colors-blue-600, #3182ce); } -.focus-within\:ring-offset-green-400:focus-within { - --tw-ring-offset-color: #34d399; +.focus\:to-colors-blue-700:focus { + --tw-gradient-to: var(--colors-blue-700, #2b6cb0); } -.focus-within\:ring-offset-green-500:focus-within { - --tw-ring-offset-color: #10b981; +.focus\:to-colors-blue-800:focus { + --tw-gradient-to: var(--colors-blue-800, #2c5282); } -.focus-within\:ring-offset-green-600:focus-within { - --tw-ring-offset-color: #059669; +.focus\:to-colors-blue-900:focus { + --tw-gradient-to: var(--colors-blue-900, #2a4365); } -.focus-within\:ring-offset-green-700:focus-within { - --tw-ring-offset-color: #047857; +.focus\:to-colors-indigo-100:focus { + --tw-gradient-to: var(--colors-indigo-100, #ebf4ff); } -.focus-within\:ring-offset-green-800:focus-within { - --tw-ring-offset-color: #065f46; +.focus\:to-colors-indigo-200:focus { + --tw-gradient-to: var(--colors-indigo-200, #c3dafe); } -.focus-within\:ring-offset-green-900:focus-within { - --tw-ring-offset-color: #064e3b; +.focus\:to-colors-indigo-300:focus { + --tw-gradient-to: var(--colors-indigo-300, #a3bffa); } -.focus-within\:ring-offset-blue-50:focus-within { - --tw-ring-offset-color: #eff6ff; +.focus\:to-colors-indigo-400:focus { + --tw-gradient-to: var(--colors-indigo-400, #7f9cf5); } -.focus-within\:ring-offset-blue-100:focus-within { - --tw-ring-offset-color: #dbeafe; +.focus\:to-colors-indigo-500:focus { + --tw-gradient-to: var(--colors-indigo-500, #667eea); } -.focus-within\:ring-offset-blue-200:focus-within { - --tw-ring-offset-color: #bfdbfe; +.focus\:to-colors-indigo-600:focus { + --tw-gradient-to: var(--colors-indigo-600, #5a67d8); } -.focus-within\:ring-offset-blue-300:focus-within { - --tw-ring-offset-color: #93c5fd; +.focus\:to-colors-indigo-700:focus { + --tw-gradient-to: var(--colors-indigo-700, #4c51bf); } -.focus-within\:ring-offset-blue-400:focus-within { - --tw-ring-offset-color: #60a5fa; +.focus\:to-colors-indigo-800:focus { + --tw-gradient-to: var(--colors-indigo-800, #434190); } -.focus-within\:ring-offset-blue-500:focus-within { - --tw-ring-offset-color: #3b82f6; +.focus\:to-colors-indigo-900:focus { + --tw-gradient-to: var(--colors-indigo-900, #3c366b); } -.focus-within\:ring-offset-blue-600:focus-within { - --tw-ring-offset-color: #2563eb; +.focus\:to-colors-purple-100:focus { + --tw-gradient-to: var(--colors-purple-100, #faf5ff); } -.focus-within\:ring-offset-blue-700:focus-within { - --tw-ring-offset-color: #1d4ed8; +.focus\:to-colors-purple-200:focus { + --tw-gradient-to: var(--colors-purple-200, #e9d8fd); } -.focus-within\:ring-offset-blue-800:focus-within { - --tw-ring-offset-color: #1e40af; +.focus\:to-colors-purple-300:focus { + --tw-gradient-to: var(--colors-purple-300, #d6bcfa); } -.focus-within\:ring-offset-blue-900:focus-within { - --tw-ring-offset-color: #1e3a8a; +.focus\:to-colors-purple-400:focus { + --tw-gradient-to: var(--colors-purple-400, #b794f4); } -.focus-within\:ring-offset-indigo-50:focus-within { - --tw-ring-offset-color: #eef2ff; +.focus\:to-colors-purple-500:focus { + --tw-gradient-to: var(--colors-purple-500, #9f7aea); } -.focus-within\:ring-offset-indigo-100:focus-within { - --tw-ring-offset-color: #e0e7ff; +.focus\:to-colors-purple-600:focus { + --tw-gradient-to: var(--colors-purple-600, #805ad5); } -.focus-within\:ring-offset-indigo-200:focus-within { - --tw-ring-offset-color: #c7d2fe; +.focus\:to-colors-purple-700:focus { + --tw-gradient-to: var(--colors-purple-700, #6b46c1); } -.focus-within\:ring-offset-indigo-300:focus-within { - --tw-ring-offset-color: #a5b4fc; +.focus\:to-colors-purple-800:focus { + --tw-gradient-to: var(--colors-purple-800, #553c9a); } -.focus-within\:ring-offset-indigo-400:focus-within { - --tw-ring-offset-color: #818cf8; +.focus\:to-colors-purple-900:focus { + --tw-gradient-to: var(--colors-purple-900, #44337a); } -.focus-within\:ring-offset-indigo-500:focus-within { - --tw-ring-offset-color: #6366f1; +.focus\:to-colors-pink-100:focus { + --tw-gradient-to: var(--colors-pink-100, #fff5f7); } -.focus-within\:ring-offset-indigo-600:focus-within { - --tw-ring-offset-color: #4f46e5; +.focus\:to-colors-pink-200:focus { + --tw-gradient-to: var(--colors-pink-200, #fed7e2); } -.focus-within\:ring-offset-indigo-700:focus-within { - --tw-ring-offset-color: #4338ca; +.focus\:to-colors-pink-300:focus { + --tw-gradient-to: var(--colors-pink-300, #fbb6ce); } -.focus-within\:ring-offset-indigo-800:focus-within { - --tw-ring-offset-color: #3730a3; +.focus\:to-colors-pink-400:focus { + --tw-gradient-to: var(--colors-pink-400, #f687b3); } -.focus-within\:ring-offset-indigo-900:focus-within { - --tw-ring-offset-color: #312e81; +.focus\:to-colors-pink-500:focus { + --tw-gradient-to: var(--colors-pink-500, #ed64a6); } -.focus-within\:ring-offset-purple-50:focus-within { - --tw-ring-offset-color: #f5f3ff; +.focus\:to-colors-pink-600:focus { + --tw-gradient-to: var(--colors-pink-600, #d53f8c); } -.focus-within\:ring-offset-purple-100:focus-within { - --tw-ring-offset-color: #ede9fe; +.focus\:to-colors-pink-700:focus { + --tw-gradient-to: var(--colors-pink-700, #b83280); } -.focus-within\:ring-offset-purple-200:focus-within { - --tw-ring-offset-color: #ddd6fe; +.focus\:to-colors-pink-800:focus { + --tw-gradient-to: var(--colors-pink-800, #97266d); } -.focus-within\:ring-offset-purple-300:focus-within { - --tw-ring-offset-color: #c4b5fd; +.focus\:to-colors-pink-900:focus { + --tw-gradient-to: var(--colors-pink-900, #702459); } -.focus-within\:ring-offset-purple-400:focus-within { - --tw-ring-offset-color: #a78bfa; +.focus\:to-Box\ Shadow:focus { + --tw-gradient-to: var(--box-shadow, #7f7e7f); } -.focus-within\:ring-offset-purple-500:focus-within { - --tw-ring-offset-color: #8b5cf6; +.focus\:to-Error16:focus { + --tw-gradient-to: var(--error16, #f03d3e40); } -.focus-within\:ring-offset-purple-600:focus-within { - --tw-ring-offset-color: #7c3aed; +.focus\:to-Success16:focus { + --tw-gradient-to: var(--success16, #5bb14d40); } -.focus-within\:ring-offset-purple-700:focus-within { - --tw-ring-offset-color: #6d28d9; +.focus\:to-Notification16:focus { + --tw-gradient-to: var(--notification16, #3959ff40); } -.focus-within\:ring-offset-purple-800:focus-within { - --tw-ring-offset-color: #5b21b6; +.focus\:to-Error8:focus { + --tw-gradient-to: var(--error8, #f03d3e1a); } -.focus-within\:ring-offset-purple-900:focus-within { - --tw-ring-offset-color: #4c1d95; +.focus\:to-Notification8:focus { + --tw-gradient-to: var(--notification8, #3959ff1a); } -.focus-within\:ring-offset-pink-50:focus-within { - --tw-ring-offset-color: #fdf2f8; +.focus\:to-Success8:focus { + --tw-gradient-to: var(--success8, #5bb14d1a); } -.focus-within\:ring-offset-pink-100:focus-within { - --tw-ring-offset-color: #fce7f3; +.focus\:to-Light\ -\ Overlay:focus { + --tw-gradient-to: var(--light-overlay, #f0edee66); } -.focus-within\:ring-offset-pink-200:focus-within { - --tw-ring-offset-color: #fbcfe8; +.focus\:to-Dark-\ Overlay:focus { + --tw-gradient-to: var(--dark-overlay, #7f7e7f66); } -.focus-within\:ring-offset-pink-300:focus-within { - --tw-ring-offset-color: #f9a8d4; +.focus\:to-black-40:focus { + --tw-gradient-to: var(--black-40, #00000066); } -.focus-within\:ring-offset-pink-400:focus-within { - --tw-ring-offset-color: #f472b6; +.focus\:to-black-75:focus { + --tw-gradient-to: var(--black-75, #000000bf); } -.focus-within\:ring-offset-pink-500:focus-within { - --tw-ring-offset-color: #ec4899; +.focus\:to-black-60:focus { + --tw-gradient-to: var(--black-60, #00000099); } -.focus-within\:ring-offset-pink-600:focus-within { - --tw-ring-offset-color: #db2777; +.focus\:to-black-50:focus { + --tw-gradient-to: var(--black-50, #00000080); } -.focus-within\:ring-offset-pink-700:focus-within { - --tw-ring-offset-color: #be185d; +.focus\:to-black-25:focus { + --tw-gradient-to: var(--black-25, #00000040); } -.focus-within\:ring-offset-pink-800:focus-within { - --tw-ring-offset-color: #9d174d; +.focus\:to-black-10:focus { + --tw-gradient-to: var(--black-10, #0000001a); } -.focus-within\:ring-offset-pink-900:focus-within { - --tw-ring-offset-color: #831843; +.focus\:to-white-25:focus { + --tw-gradient-to: var(--white-25, #ffffff40); } -.focus\:ring-offset-transparent:focus { - --tw-ring-offset-color: transparent; +.focus\:to-white-60:focus { + --tw-gradient-to: var(--white-60, #ffffff99); } -.focus\:ring-offset-current:focus { - --tw-ring-offset-color: currentColor; +.focus\:to-black-64:focus { + --tw-gradient-to: var(--black-64, #000000a3); } -.focus\:ring-offset-black:focus { - --tw-ring-offset-color: #000; +.focus\:to-Shadow\ and\ Highlight-Shadow:focus { + --tw-gradient-to: var(--shadow-and-highlight-shadow, #7f7e7f); } -.focus\:ring-offset-white:focus { - --tw-ring-offset-color: #fff; +.focus\:to-Shadow\ and\ Highlight-Highlight:focus { + --tw-gradient-to: var(--shadow-and-highlight-highlight, #474747); } -.focus\:ring-offset-gray-50:focus { - --tw-ring-offset-color: #f9fafb; +.focus\:to-Shadow\ and\ Highlight-highlight\ one:focus { + --tw-gradient-to: var(--shadow-and-highlight-highlight-one, #474747bf); } -.focus\:ring-offset-gray-100:focus { - --tw-ring-offset-color: #f3f4f6; +.focus\:to-Shadow\ and\ Highlight-highlight\ two:focus { + --tw-gradient-to: var(--shadow-and-highlight-highlight-two, #47474799); } -.focus\:ring-offset-gray-200:focus { - --tw-ring-offset-color: #e5e7eb; +.focus\:to-Shadow\ and\ Highlight-highlight\ three:focus { + --tw-gradient-to: var(--shadow-and-highlight-highlight-three, #47474766); } -.focus\:ring-offset-gray-300:focus { - --tw-ring-offset-color: #d1d5db; +.focus\:to-Shadow\ and\ Highlight-highlight\ five:focus { + --tw-gradient-to: var(--shadow-and-highlight-highlight-five, #4747471a); } -.focus\:ring-offset-gray-400:focus { - --tw-ring-offset-color: #9ca3af; +.focus\:to-Shadow\ and\ Highlight-shadow\ one:focus { + --tw-gradient-to: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } -.focus\:ring-offset-gray-500:focus { - --tw-ring-offset-color: #6b7280; +.focus\:to-Shadow\ and\ Highlight-shadow\ two:focus { + --tw-gradient-to: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } -.focus\:ring-offset-gray-600:focus { - --tw-ring-offset-color: #4b5563; +.focus\:to-Shadow\ and\ Highlight-shadow\ three:focus { + --tw-gradient-to: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } -.focus\:ring-offset-gray-700:focus { - --tw-ring-offset-color: #374151; +.focus\:to-Shadow\ and\ Highlight-shadow\ four:focus { + --tw-gradient-to: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } -.focus\:ring-offset-gray-800:focus { - --tw-ring-offset-color: #1f2937; +.focus\:to-Shadow\ and\ Highlight-shadow\ five:focus { + --tw-gradient-to: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } -.focus\:ring-offset-gray-900:focus { - --tw-ring-offset-color: #111827; +.focus\:to-Shadow\ and\ Highlight-highlight\ four:focus { + --tw-gradient-to: var(--shadow-and-highlight-highlight-four, #47474740); } -.focus\:ring-offset-red-50:focus { - --tw-ring-offset-color: #fef2f2; +.focus\:to-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus { + --tw-gradient-to: var(--base-layer-styles-base-layer-light-white, #ffffff); } -.focus\:ring-offset-red-100:focus { - --tw-ring-offset-color: #fee2e2; +.focus\:to-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus { + --tw-gradient-to: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } -.focus\:ring-offset-red-200:focus { - --tw-ring-offset-color: #fecaca; +.focus\:to-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus { + --tw-gradient-to: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } -.focus\:ring-offset-red-300:focus { - --tw-ring-offset-color: #fca5a5; +.focus\:to-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus { + --tw-gradient-to: var(--base-layer-styles-base-layer-dark-black, #000000); } -.focus\:ring-offset-red-400:focus { - --tw-ring-offset-color: #f87171; +.focus\:to-Grey-Scale-white:focus { + --tw-gradient-to: var(--grey-scale-white, #ffffff); } -.focus\:ring-offset-red-500:focus { - --tw-ring-offset-color: #ef4444; +.focus\:to-Grey-Scale-off-white:focus { + --tw-gradient-to: var(--grey-scale-off-white, #f0edee); } -.focus\:ring-offset-red-600:focus { - --tw-ring-offset-color: #dc2626; +.focus\:to-Grey\ Scale-grey:focus { + --tw-gradient-to: var(--grey-scale-grey, #7f7e7f); } -.focus\:ring-offset-red-700:focus { - --tw-ring-offset-color: #b91c1c; +.focus\:to-Grey\ Scale-charcoal:focus { + --tw-gradient-to: var(--grey-scale-charcoal, #474747); } -.focus\:ring-offset-red-800:focus { - --tw-ring-offset-color: #991b1b; +.focus\:to-Grey\ Scale-off-black:focus { + --tw-gradient-to: var(--grey-scale-off-black, #1c1c1c); } -.focus\:ring-offset-red-900:focus { - --tw-ring-offset-color: #7f1d1d; +.focus\:to-Grey\ Scale-black:focus { + --tw-gradient-to: var(--grey-scale-black, #000000); } -.focus\:ring-offset-yellow-50:focus { - --tw-ring-offset-color: #fffbeb; +.focus\:to-Blue-blue:focus { + --tw-gradient-to: var(--blue-blue, #3a7ca5); } -.focus\:ring-offset-yellow-100:focus { - --tw-ring-offset-color: #fef3c7; +.focus\:to-Blue-blue-100:focus { + --tw-gradient-to: var(--blue-blue-100, #75a3c0); } -.focus\:ring-offset-yellow-200:focus { - --tw-ring-offset-color: #fde68a; +.focus\:to-Blue-blue-200:focus { + --tw-gradient-to: var(--blue-blue-200, #9cbed2); } -.focus\:ring-offset-yellow-300:focus { - --tw-ring-offset-color: #fcd34d; +.focus\:to-Blue-blue-300:focus { + --tw-gradient-to: var(--blue-blue-300, #4f7d9a); } -.focus\:ring-offset-yellow-400:focus { - --tw-ring-offset-color: #fbbf24; +.focus\:to-Blue-blue-400:focus { + --tw-gradient-to: var(--blue-blue-400, #5c7d92); } -.focus\:ring-offset-yellow-500:focus { - --tw-ring-offset-color: #f59e0b; +.focus\:to-Blue-blue-500:focus { + --tw-gradient-to: var(--blue-blue-500, #347095); } -.focus\:ring-offset-yellow-600:focus { - --tw-ring-offset-color: #d97706; +.focus\:to-Blue-blue-600:focus { + --tw-gradient-to: var(--blue-blue-600, #295774); } -.focus\:ring-offset-yellow-700:focus { - --tw-ring-offset-color: #b45309; +.focus\:to-Blue-blue-700:focus { + --tw-gradient-to: var(--blue-blue-700, #173242); } -.focus\:ring-offset-yellow-800:focus { - --tw-ring-offset-color: #92400e; +.focus\:to-LightBlue-lightblue:focus { + --tw-gradient-to: var(--light-blue-lightblue, #81c3d7); } -.focus\:ring-offset-yellow-900:focus { - --tw-ring-offset-color: #78350f; +.focus\:to-LightBlue-lightblue-100:focus { + --tw-gradient-to: var(--light-blue-lightblue-100, #a7d5e3); } -.focus\:ring-offset-green-50:focus { - --tw-ring-offset-color: #ecfdf5; +.focus\:to-LightBlue-lightblue-200:focus { + --tw-gradient-to: var(--light-blue-lightblue-200, #c0e1eb); } -.focus\:ring-offset-green-100:focus { - --tw-ring-offset-color: #d1fae5; +.focus\:to-LightBlue-lightblue-300:focus { + --tw-gradient-to: var(--light-blue-lightblue-300, #80aebd); } -.focus\:ring-offset-green-200:focus { - --tw-ring-offset-color: #a7f3d0; +.focus\:to-LightBlue-lightblue-400:focus { + --tw-gradient-to: var(--light-blue-lightblue-400, #80a0ab); } -.focus\:ring-offset-green-300:focus { - --tw-ring-offset-color: #6ee7b7; +.focus\:to-LightBlue-lightblue-500:focus { + --tw-gradient-to: var(--light-blue-lightblue-500, #74afc1); } -.focus\:ring-offset-green-400:focus { - --tw-ring-offset-color: #34d399; +.focus\:to-LightBlue-lightblue-600:focus { + --tw-gradient-to: var(--light-blue-lightblue-600, #5a8997); } -.focus\:ring-offset-green-500:focus { - --tw-ring-offset-color: #10b981; +.focus\:to-LightBlue-lightblue-650:focus { + --tw-gradient-to: var(--light-blue-lightblue-650, #3e5e65); } -.focus\:ring-offset-green-600:focus { - --tw-ring-offset-color: #059669; +.focus\:to-LightBlue-lightblue-700:focus { + --tw-gradient-to: var(--light-blue-lightblue-700, #344e56); } -.focus\:ring-offset-green-700:focus { - --tw-ring-offset-color: #047857; +.focus\:to-Orange-orange:focus { + --tw-gradient-to: var(--orange-orange, #ff7f0e); } -.focus\:ring-offset-green-800:focus { - --tw-ring-offset-color: #065f46; +.focus\:to-Orange-orange-100:focus { + --tw-gradient-to: var(--orange-orange-100, #ffa556); } -.focus\:ring-offset-green-900:focus { - --tw-ring-offset-color: #064e3b; +.focus\:to-Orange-orange-200:focus { + --tw-gradient-to: var(--orange-orange-200, #ffbf86); } -.focus\:ring-offset-blue-50:focus { - --tw-ring-offset-color: #eff6ff; +.focus\:to-Orange-orange-300:focus { + --tw-gradient-to: var(--orange-orange-300, #d97f30); } -.focus\:ring-offset-blue-100:focus { - --tw-ring-offset-color: #dbeafe; +.focus\:to-Orange-orange-400:focus { + --tw-gradient-to: var(--orange-orange-400, #bf7e46); } -.focus\:ring-offset-blue-200:focus { - --tw-ring-offset-color: #bfdbfe; +.focus\:to-Orange-orange-500:focus { + --tw-gradient-to: var(--orange-orange-500, #e5720d); } -.focus\:ring-offset-blue-300:focus { - --tw-ring-offset-color: #93c5fd; +.focus\:to-Orange-orange-600:focus { + --tw-gradient-to: var(--orange-orange-600, #b3590a); } -.focus\:ring-offset-blue-400:focus { - --tw-ring-offset-color: #60a5fa; +.focus\:to-Orange-orange-700:focus { + --tw-gradient-to: var(--orange-orange-700, #663306); } -.focus\:ring-offset-blue-500:focus { - --tw-ring-offset-color: #3b82f6; +.focus\:to-Yellow-yellow:focus { + --tw-gradient-to: var(--yellow-yellow, #ffab00); } -.focus\:ring-offset-blue-600:focus { - --tw-ring-offset-color: #2563eb; +.focus\:to-Yellow-yellow-100:focus { + --tw-gradient-to: var(--yellow-yellow-100, #ffc44c); } -.focus\:ring-offset-blue-700:focus { - --tw-ring-offset-color: #1d4ed8; +.focus\:to-Yellow-yellow-200:focus { + --tw-gradient-to: var(--yellow-yellow-200, #ffd580); } -.focus\:ring-offset-blue-800:focus { - --tw-ring-offset-color: #1e40af; +.focus\:to-Yellow-yellow-300:focus { + --tw-gradient-to: var(--yellow-yellow-300, #d99d26); } -.focus\:ring-offset-blue-900:focus { - --tw-ring-offset-color: #1e3a8a; +.focus\:to-Yellow-yellow-400:focus { + --tw-gradient-to: var(--yellow-yellow-400, #bf943f); } -.focus\:ring-offset-indigo-50:focus { - --tw-ring-offset-color: #eef2ff; +.focus\:to-Yellow-yellow-500:focus { + --tw-gradient-to: var(--yellow-yellow-500, #e59a00); } -.focus\:ring-offset-indigo-100:focus { - --tw-ring-offset-color: #e0e7ff; +.focus\:to-Yellow-yellow-600:focus { + --tw-gradient-to: var(--yellow-yellow-600, #b37800); } -.focus\:ring-offset-indigo-200:focus { - --tw-ring-offset-color: #c7d2fe; +.focus\:to-Yellow-yellow-700:focus { + --tw-gradient-to: var(--yellow-yellow-700, #664400); } -.focus\:ring-offset-indigo-300:focus { - --tw-ring-offset-color: #a5b4fc; +.focus\:to-Notification-notification:focus { + --tw-gradient-to: var(--notification-notification, #3959ff); } -.focus\:ring-offset-indigo-400:focus { - --tw-ring-offset-color: #818cf8; +.focus\:to-Notification-notification-100:focus { + --tw-gradient-to: var(--notification-notification-100, #748bff); } -.focus\:ring-offset-indigo-500:focus { - --tw-ring-offset-color: #6366f1; +.focus\:to-Notification-notification-200:focus { + --tw-gradient-to: var(--notification-notification-200, #9cacff); } -.focus\:ring-offset-indigo-600:focus { - --tw-ring-offset-color: #4f46e5; +.focus\:to-Notification-notification-300:focus { + --tw-gradient-to: var(--notification-notification-300, #4e64d9); } -.focus\:ring-offset-indigo-700:focus { - --tw-ring-offset-color: #4338ca; +.focus\:to-Notification-notification-400:focus { + --tw-gradient-to: var(--notification-notification-400, #5c6cbf); } -.focus\:ring-offset-indigo-800:focus { - --tw-ring-offset-color: #3730a3; +.focus\:to-Notification-notification-500:focus { + --tw-gradient-to: var(--notification-notification-500, #3350e5); } -.focus\:ring-offset-indigo-900:focus { - --tw-ring-offset-color: #312e81; +.focus\:to-Notification-notification-600:focus { + --tw-gradient-to: var(--notification-notification-600, #283eb3); } -.focus\:ring-offset-purple-50:focus { - --tw-ring-offset-color: #f5f3ff; +.focus\:to-Notification-notification-700:focus { + --tw-gradient-to: var(--notification-notification-700, #172466); } -.focus\:ring-offset-purple-100:focus { - --tw-ring-offset-color: #ede9fe; +.focus\:to-Success-success\ -700:focus { + --tw-gradient-to: var(--success-success-700, #24471f); } -.focus\:ring-offset-purple-200:focus { - --tw-ring-offset-color: #ddd6fe; +.focus\:to-Success-success:focus { + --tw-gradient-to: var(--success-success, #5bb14d); } -.focus\:ring-offset-purple-300:focus { - --tw-ring-offset-color: #c4b5fd; +.focus\:to-Success-success\ -100:focus { + --tw-gradient-to: var(--success-success-100, #8cc882); } -.focus\:ring-offset-purple-400:focus { - --tw-ring-offset-color: #a78bfa; +.focus\:to-Success-success\ -200:focus { + --tw-gradient-to: var(--success-success-200, #add8a6); } -.focus\:ring-offset-purple-500:focus { - --tw-ring-offset-color: #8b5cf6; +.focus\:to-Success-success\ -300:focus { + --tw-gradient-to: var(--success-success-300, #66a25c); } -.focus\:ring-offset-purple-600:focus { - --tw-ring-offset-color: #7c3aed; +.focus\:to-Success-success\ -400:focus { + --tw-gradient-to: var(--success-success-400, #6d9766); } -.focus\:ring-offset-purple-700:focus { - --tw-ring-offset-color: #6d28d9; +.focus\:to-Success-success\ -500:focus { + --tw-gradient-to: var(--success-success-500, #529f45); } -.focus\:ring-offset-purple-800:focus { - --tw-ring-offset-color: #5b21b6; +.focus\:to-Success-success\ -600:focus { + --tw-gradient-to: var(--success-success-600, #407c36); } -.focus\:ring-offset-purple-900:focus { - --tw-ring-offset-color: #4c1d95; +.focus\:to-Error-error:focus { + --tw-gradient-to: var(--error-error, #f03d3e); } -.focus\:ring-offset-pink-50:focus { - --tw-ring-offset-color: #fdf2f8; +.focus\:to-Error-error-100:focus { + --tw-gradient-to: var(--error-error-100, #f57778); } -.focus\:ring-offset-pink-100:focus { - --tw-ring-offset-color: #fce7f3; +.focus\:to-Error-error-200:focus { + --tw-gradient-to: var(--error-error-200, #f89e9e); } -.focus\:ring-offset-pink-200:focus { - --tw-ring-offset-color: #fbcfe8; +.focus\:to-Error-error-250:focus { + --tw-gradient-to: var(--error-error-250, #f9c8c8); } -.focus\:ring-offset-pink-300:focus { - --tw-ring-offset-color: #f9a8d4; +.focus\:to-Error-error-300:focus { + --tw-gradient-to: var(--error-error-300, #ce5151); } -.focus\:ring-offset-pink-400:focus { - --tw-ring-offset-color: #f472b6; +.focus\:to-Error-error-400:focus { + --tw-gradient-to: var(--error-error-400, #b85e5e); } -.focus\:ring-offset-pink-500:focus { - --tw-ring-offset-color: #ec4899; +.focus\:to-Error-error-500:focus { + --tw-gradient-to: var(--error-error-500, #d83738); } -.focus\:ring-offset-pink-600:focus { - --tw-ring-offset-color: #db2777; +.focus\:to-Error-error-600:focus { + --tw-gradient-to: var(--error-error-600, #a82b2b); } -.focus\:ring-offset-pink-700:focus { - --tw-ring-offset-color: #be185d; +.focus\:to-Error-error-700:focus { + --tw-gradient-to: var(--error-error-700, #601819); } -.focus\:ring-offset-pink-800:focus { - --tw-ring-offset-color: #9d174d; +.decoration-slice { + -webkit-box-decoration-break: slice; + box-decoration-break: slice; } -.focus\:ring-offset-pink-900:focus { - --tw-ring-offset-color: #831843; +.decoration-clone { + -webkit-box-decoration-break: clone; + box-decoration-break: clone; } -.filter { - --tw-blur: var(--tw-empty,/*!*/ /*!*/); - --tw-brightness: var(--tw-empty,/*!*/ /*!*/); - --tw-contrast: var(--tw-empty,/*!*/ /*!*/); - --tw-grayscale: var(--tw-empty,/*!*/ /*!*/); - --tw-hue-rotate: var(--tw-empty,/*!*/ /*!*/); - --tw-invert: var(--tw-empty,/*!*/ /*!*/); - --tw-saturate: var(--tw-empty,/*!*/ /*!*/); - --tw-sepia: var(--tw-empty,/*!*/ /*!*/); - --tw-drop-shadow: var(--tw-empty,/*!*/ /*!*/); - 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); +.bg-auto { + background-size: auto; } -.filter-none { - filter: none; +.bg-cover { + background-size: cover; } -.blur-0 { - --tw-blur: blur(0); +.bg-contain { + background-size: contain; } -.blur-none { - --tw-blur: blur(0); +.bg-fixed { + background-attachment: fixed; } -.blur-sm { - --tw-blur: blur(4px); +.bg-local { + background-attachment: local; } -.blur { - --tw-blur: blur(8px); +.bg-scroll { + background-attachment: scroll; } -.blur-md { - --tw-blur: blur(12px); +.bg-clip-border { + background-clip: border-box; } -.blur-lg { - --tw-blur: blur(16px); +.bg-clip-padding { + background-clip: padding-box; } -.blur-xl { - --tw-blur: blur(24px); +.bg-clip-content { + background-clip: content-box; } -.blur-2xl { - --tw-blur: blur(40px); +.bg-clip-text { + -webkit-background-clip: text; + background-clip: text; } -.blur-3xl { - --tw-blur: blur(64px); +.bg-bottom { + background-position: bottom; } -.brightness-0 { - --tw-brightness: brightness(0); +.bg-center { + background-position: center; } -.brightness-50 { - --tw-brightness: brightness(.5); +.bg-left { + background-position: left; } -.brightness-75 { - --tw-brightness: brightness(.75); +.bg-left-bottom { + background-position: left bottom; } -.brightness-90 { - --tw-brightness: brightness(.9); +.bg-left-top { + background-position: left top; } -.brightness-95 { - --tw-brightness: brightness(.95); +.bg-right { + background-position: right; } -.brightness-100 { - --tw-brightness: brightness(1); +.bg-right-bottom { + background-position: right bottom; } -.brightness-105 { - --tw-brightness: brightness(1.05); +.bg-right-top { + background-position: right top; } -.brightness-110 { - --tw-brightness: brightness(1.1); +.bg-top { + background-position: top; } -.brightness-125 { - --tw-brightness: brightness(1.25); +.bg-repeat { + background-repeat: repeat; } -.brightness-150 { - --tw-brightness: brightness(1.5); +.bg-no-repeat { + background-repeat: no-repeat; } -.brightness-200 { - --tw-brightness: brightness(2); +.bg-repeat-x { + background-repeat: repeat-x; } -.contrast-0 { - --tw-contrast: contrast(0); +.bg-repeat-y { + background-repeat: repeat-y; } -.contrast-50 { - --tw-contrast: contrast(.5); +.bg-repeat-round { + background-repeat: round; } -.contrast-75 { - --tw-contrast: contrast(.75); +.bg-repeat-space { + background-repeat: space; } -.contrast-100 { - --tw-contrast: contrast(1); +.bg-origin-border { + background-origin: border-box; } -.contrast-125 { - --tw-contrast: contrast(1.25); +.bg-origin-padding { + background-origin: padding-box; } -.contrast-150 { - --tw-contrast: contrast(1.5); +.bg-origin-content { + background-origin: content-box; } -.contrast-200 { - --tw-contrast: contrast(2); +.fill-current { + fill: currentColor; } -.drop-shadow-sm { - --tw-drop-shadow: drop-shadow(0 1px 1px rgba(0,0,0,0.05)); +.stroke-current { + stroke: currentColor; } -.drop-shadow { - --tw-drop-shadow: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1)) drop-shadow(0 1px 1px rgba(0, 0, 0, 0.06)); +.stroke-0 { + stroke-width: 0; } -.drop-shadow-md { - --tw-drop-shadow: drop-shadow(0 4px 3px rgba(0, 0, 0, 0.07)) drop-shadow(0 2px 2px rgba(0, 0, 0, 0.06)); +.stroke-1 { + stroke-width: 1; } -.drop-shadow-lg { - --tw-drop-shadow: drop-shadow(0 10px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0 4px 3px rgba(0, 0, 0, 0.1)); +.stroke-2 { + stroke-width: 2; } -.drop-shadow-xl { - --tw-drop-shadow: drop-shadow(0 20px 13px rgba(0, 0, 0, 0.03)) drop-shadow(0 8px 5px rgba(0, 0, 0, 0.08)); +.object-contain { + -o-object-fit: contain; + object-fit: contain; } -.drop-shadow-2xl { - --tw-drop-shadow: drop-shadow(0 25px 25px rgba(0, 0, 0, 0.15)); +.object-cover { + -o-object-fit: cover; + object-fit: cover; } -.drop-shadow-none { - --tw-drop-shadow: drop-shadow(0 0 #0000); +.object-fill { + -o-object-fit: fill; + object-fit: fill; } -.grayscale-0 { - --tw-grayscale: grayscale(0); +.object-none { + -o-object-fit: none; + object-fit: none; } -.grayscale { - --tw-grayscale: grayscale(100%); +.object-scale-down { + -o-object-fit: scale-down; + object-fit: scale-down; } -.hue-rotate-0 { - --tw-hue-rotate: hue-rotate(0deg); +.object-bottom { + -o-object-position: bottom; + object-position: bottom; } -.hue-rotate-15 { - --tw-hue-rotate: hue-rotate(15deg); +.object-center { + -o-object-position: center; + object-position: center; } -.hue-rotate-30 { - --tw-hue-rotate: hue-rotate(30deg); +.object-left { + -o-object-position: left; + object-position: left; } -.hue-rotate-60 { - --tw-hue-rotate: hue-rotate(60deg); +.object-left-bottom { + -o-object-position: left bottom; + object-position: left bottom; } -.hue-rotate-90 { - --tw-hue-rotate: hue-rotate(90deg); +.object-left-top { + -o-object-position: left top; + object-position: left top; } -.hue-rotate-180 { - --tw-hue-rotate: hue-rotate(180deg); +.object-right { + -o-object-position: right; + object-position: right; } -.-hue-rotate-180 { - --tw-hue-rotate: hue-rotate(-180deg); +.object-right-bottom { + -o-object-position: right bottom; + object-position: right bottom; } -.-hue-rotate-90 { - --tw-hue-rotate: hue-rotate(-90deg); +.object-right-top { + -o-object-position: right top; + object-position: right top; } -.-hue-rotate-60 { - --tw-hue-rotate: hue-rotate(-60deg); +.object-top { + -o-object-position: top; + object-position: top; } -.-hue-rotate-30 { - --tw-hue-rotate: hue-rotate(-30deg); +.p-0 { + padding: 0px; } -.-hue-rotate-15 { - --tw-hue-rotate: hue-rotate(-15deg); +.p-1 { + padding: 0.25rem; } -.invert-0 { - --tw-invert: invert(0); +.p-2 { + padding: 0.5rem; } -.invert { - --tw-invert: invert(100%); +.p-3 { + padding: 0.75rem; } -.saturate-0 { - --tw-saturate: saturate(0); +.p-4 { + padding: 1rem; } -.saturate-50 { - --tw-saturate: saturate(.5); +.p-5 { + padding: 1.25rem; } -.saturate-100 { - --tw-saturate: saturate(1); +.p-6 { + padding: 1.5rem; } -.saturate-150 { - --tw-saturate: saturate(1.5); +.p-7 { + padding: 1.75rem; } -.saturate-200 { - --tw-saturate: saturate(2); +.p-8 { + padding: 2rem; } -.sepia-0 { - --tw-sepia: sepia(0); +.p-9 { + padding: 2.25rem; } -.sepia { - --tw-sepia: sepia(100%); +.p-10 { + padding: 2.5rem; } -.backdrop-filter { - --tw-backdrop-blur: var(--tw-empty,/*!*/ /*!*/); - --tw-backdrop-brightness: var(--tw-empty,/*!*/ /*!*/); - --tw-backdrop-contrast: var(--tw-empty,/*!*/ /*!*/); - --tw-backdrop-grayscale: var(--tw-empty,/*!*/ /*!*/); - --tw-backdrop-hue-rotate: var(--tw-empty,/*!*/ /*!*/); - --tw-backdrop-invert: var(--tw-empty,/*!*/ /*!*/); - --tw-backdrop-opacity: var(--tw-empty,/*!*/ /*!*/); - --tw-backdrop-saturate: var(--tw-empty,/*!*/ /*!*/); - --tw-backdrop-sepia: var(--tw-empty,/*!*/ /*!*/); - -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); - backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +.p-11 { + padding: 2.75rem; } -.backdrop-filter-none { - -webkit-backdrop-filter: none; - backdrop-filter: none; +.p-12 { + padding: 3rem; } -.backdrop-blur-0 { - --tw-backdrop-blur: blur(0); +.p-14 { + padding: 3.5rem; } -.backdrop-blur-none { - --tw-backdrop-blur: blur(0); +.p-16 { + padding: 4rem; } -.backdrop-blur-sm { - --tw-backdrop-blur: blur(4px); +.p-20 { + padding: 5rem; } -.backdrop-blur { - --tw-backdrop-blur: blur(8px); +.p-24 { + padding: 6rem; } -.backdrop-blur-md { - --tw-backdrop-blur: blur(12px); +.p-28 { + padding: 7rem; } -.backdrop-blur-lg { - --tw-backdrop-blur: blur(16px); +.p-32 { + padding: 8rem; } -.backdrop-blur-xl { - --tw-backdrop-blur: blur(24px); +.p-36 { + padding: 9rem; } -.backdrop-blur-2xl { - --tw-backdrop-blur: blur(40px); +.p-40 { + padding: 10rem; } -.backdrop-blur-3xl { - --tw-backdrop-blur: blur(64px); +.p-44 { + padding: 11rem; } -.backdrop-brightness-0 { - --tw-backdrop-brightness: brightness(0); +.p-48 { + padding: 12rem; } -.backdrop-brightness-50 { - --tw-backdrop-brightness: brightness(.5); +.p-52 { + padding: 13rem; } -.backdrop-brightness-75 { - --tw-backdrop-brightness: brightness(.75); +.p-56 { + padding: 14rem; } -.backdrop-brightness-90 { - --tw-backdrop-brightness: brightness(.9); +.p-60 { + padding: 15rem; } -.backdrop-brightness-95 { - --tw-backdrop-brightness: brightness(.95); +.p-64 { + padding: 16rem; } -.backdrop-brightness-100 { - --tw-backdrop-brightness: brightness(1); +.p-72 { + padding: 18rem; } -.backdrop-brightness-105 { - --tw-backdrop-brightness: brightness(1.05); +.p-80 { + padding: 20rem; } -.backdrop-brightness-110 { - --tw-backdrop-brightness: brightness(1.1); +.p-96 { + padding: 24rem; } -.backdrop-brightness-125 { - --tw-backdrop-brightness: brightness(1.25); +.p-px { + padding: 1px; } -.backdrop-brightness-150 { - --tw-backdrop-brightness: brightness(1.5); +.p-0\.5 { + padding: 0.125rem; } -.backdrop-brightness-200 { - --tw-backdrop-brightness: brightness(2); +.p-1\.5 { + padding: 0.375rem; } -.backdrop-contrast-0 { - --tw-backdrop-contrast: contrast(0); +.p-2\.5 { + padding: 0.625rem; } -.backdrop-contrast-50 { - --tw-backdrop-contrast: contrast(.5); +.p-3\.5 { + padding: 0.875rem; } -.backdrop-contrast-75 { - --tw-backdrop-contrast: contrast(.75); +.px-0 { + padding-left: 0px; + padding-right: 0px; } -.backdrop-contrast-100 { - --tw-backdrop-contrast: contrast(1); +.px-1 { + padding-left: 0.25rem; + padding-right: 0.25rem; } -.backdrop-contrast-125 { - --tw-backdrop-contrast: contrast(1.25); +.px-2 { + padding-left: 0.5rem; + padding-right: 0.5rem; } -.backdrop-contrast-150 { - --tw-backdrop-contrast: contrast(1.5); +.px-3 { + padding-left: 0.75rem; + padding-right: 0.75rem; } -.backdrop-contrast-200 { - --tw-backdrop-contrast: contrast(2); +.px-4 { + padding-left: 1rem; + padding-right: 1rem; } -.backdrop-grayscale-0 { - --tw-backdrop-grayscale: grayscale(0); +.px-5 { + padding-left: 1.25rem; + padding-right: 1.25rem; } -.backdrop-grayscale { - --tw-backdrop-grayscale: grayscale(100%); +.px-6 { + padding-left: 1.5rem; + padding-right: 1.5rem; } -.backdrop-hue-rotate-0 { - --tw-backdrop-hue-rotate: hue-rotate(0deg); +.px-7 { + padding-left: 1.75rem; + padding-right: 1.75rem; } -.backdrop-hue-rotate-15 { - --tw-backdrop-hue-rotate: hue-rotate(15deg); +.px-8 { + padding-left: 2rem; + padding-right: 2rem; } -.backdrop-hue-rotate-30 { - --tw-backdrop-hue-rotate: hue-rotate(30deg); +.px-9 { + padding-left: 2.25rem; + padding-right: 2.25rem; } -.backdrop-hue-rotate-60 { - --tw-backdrop-hue-rotate: hue-rotate(60deg); +.px-10 { + padding-left: 2.5rem; + padding-right: 2.5rem; } -.backdrop-hue-rotate-90 { - --tw-backdrop-hue-rotate: hue-rotate(90deg); +.px-11 { + padding-left: 2.75rem; + padding-right: 2.75rem; } -.backdrop-hue-rotate-180 { - --tw-backdrop-hue-rotate: hue-rotate(180deg); +.px-12 { + padding-left: 3rem; + padding-right: 3rem; } -.-backdrop-hue-rotate-180 { - --tw-backdrop-hue-rotate: hue-rotate(-180deg); +.px-14 { + padding-left: 3.5rem; + padding-right: 3.5rem; } -.-backdrop-hue-rotate-90 { - --tw-backdrop-hue-rotate: hue-rotate(-90deg); +.px-16 { + padding-left: 4rem; + padding-right: 4rem; } -.-backdrop-hue-rotate-60 { - --tw-backdrop-hue-rotate: hue-rotate(-60deg); +.px-20 { + padding-left: 5rem; + padding-right: 5rem; } -.-backdrop-hue-rotate-30 { - --tw-backdrop-hue-rotate: hue-rotate(-30deg); +.px-24 { + padding-left: 6rem; + padding-right: 6rem; } -.-backdrop-hue-rotate-15 { - --tw-backdrop-hue-rotate: hue-rotate(-15deg); +.px-28 { + padding-left: 7rem; + padding-right: 7rem; } -.backdrop-invert-0 { - --tw-backdrop-invert: invert(0); +.px-32 { + padding-left: 8rem; + padding-right: 8rem; } -.backdrop-invert { - --tw-backdrop-invert: invert(100%); +.px-36 { + padding-left: 9rem; + padding-right: 9rem; } -.backdrop-opacity-0 { - --tw-backdrop-opacity: opacity(0); +.px-40 { + padding-left: 10rem; + padding-right: 10rem; } -.backdrop-opacity-5 { - --tw-backdrop-opacity: opacity(0.05); +.px-44 { + padding-left: 11rem; + padding-right: 11rem; } -.backdrop-opacity-10 { - --tw-backdrop-opacity: opacity(0.1); +.px-48 { + padding-left: 12rem; + padding-right: 12rem; } -.backdrop-opacity-20 { - --tw-backdrop-opacity: opacity(0.2); +.px-52 { + padding-left: 13rem; + padding-right: 13rem; } -.backdrop-opacity-25 { - --tw-backdrop-opacity: opacity(0.25); +.px-56 { + padding-left: 14rem; + padding-right: 14rem; } -.backdrop-opacity-30 { - --tw-backdrop-opacity: opacity(0.3); +.px-60 { + padding-left: 15rem; + padding-right: 15rem; } -.backdrop-opacity-40 { - --tw-backdrop-opacity: opacity(0.4); +.px-64 { + padding-left: 16rem; + padding-right: 16rem; } -.backdrop-opacity-50 { - --tw-backdrop-opacity: opacity(0.5); +.px-72 { + padding-left: 18rem; + padding-right: 18rem; } -.backdrop-opacity-60 { - --tw-backdrop-opacity: opacity(0.6); +.px-80 { + padding-left: 20rem; + padding-right: 20rem; } -.backdrop-opacity-70 { - --tw-backdrop-opacity: opacity(0.7); +.px-96 { + padding-left: 24rem; + padding-right: 24rem; } -.backdrop-opacity-75 { - --tw-backdrop-opacity: opacity(0.75); +.px-px { + padding-left: 1px; + padding-right: 1px; } -.backdrop-opacity-80 { - --tw-backdrop-opacity: opacity(0.8); +.px-0\.5 { + padding-left: 0.125rem; + padding-right: 0.125rem; } -.backdrop-opacity-90 { - --tw-backdrop-opacity: opacity(0.9); +.px-1\.5 { + padding-left: 0.375rem; + padding-right: 0.375rem; } -.backdrop-opacity-95 { - --tw-backdrop-opacity: opacity(0.95); +.px-2\.5 { + padding-left: 0.625rem; + padding-right: 0.625rem; } -.backdrop-opacity-100 { - --tw-backdrop-opacity: opacity(1); +.px-3\.5 { + padding-left: 0.875rem; + padding-right: 0.875rem; } -.backdrop-saturate-0 { - --tw-backdrop-saturate: saturate(0); +.py-0 { + padding-top: 0px; + padding-bottom: 0px; } -.backdrop-saturate-50 { - --tw-backdrop-saturate: saturate(.5); +.py-1 { + padding-top: 0.25rem; + padding-bottom: 0.25rem; } -.backdrop-saturate-100 { - --tw-backdrop-saturate: saturate(1); +.py-2 { + padding-top: 0.5rem; + padding-bottom: 0.5rem; } -.backdrop-saturate-150 { - --tw-backdrop-saturate: saturate(1.5); +.py-3 { + padding-top: 0.75rem; + padding-bottom: 0.75rem; } -.backdrop-saturate-200 { - --tw-backdrop-saturate: saturate(2); +.py-4 { + padding-top: 1rem; + padding-bottom: 1rem; } -.backdrop-sepia-0 { - --tw-backdrop-sepia: sepia(0); +.py-5 { + padding-top: 1.25rem; + padding-bottom: 1.25rem; } -.backdrop-sepia { - --tw-backdrop-sepia: sepia(100%); +.py-6 { + padding-top: 1.5rem; + padding-bottom: 1.5rem; } -.transition-none { - transition-property: none; +.py-7 { + padding-top: 1.75rem; + padding-bottom: 1.75rem; } -.transition-all { - transition-property: all; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 150ms; +.py-8 { + padding-top: 2rem; + padding-bottom: 2rem; } -.transition { - transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; - transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; - transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 150ms; +.py-9 { + padding-top: 2.25rem; + padding-bottom: 2.25rem; } -.transition-colors { - transition-property: background-color, border-color, color, fill, stroke; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 150ms; +.py-10 { + padding-top: 2.5rem; + padding-bottom: 2.5rem; } -.transition-opacity { - transition-property: opacity; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 150ms; +.py-11 { + padding-top: 2.75rem; + padding-bottom: 2.75rem; } -.transition-shadow { - transition-property: box-shadow; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 150ms; +.py-12 { + padding-top: 3rem; + padding-bottom: 3rem; } -.transition-transform { - transition-property: transform; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 150ms; +.py-14 { + padding-top: 3.5rem; + padding-bottom: 3.5rem; } -.delay-75 { - transition-delay: 75ms; +.py-16 { + padding-top: 4rem; + padding-bottom: 4rem; } -.delay-100 { - transition-delay: 100ms; +.py-20 { + padding-top: 5rem; + padding-bottom: 5rem; } -.delay-150 { - transition-delay: 150ms; +.py-24 { + padding-top: 6rem; + padding-bottom: 6rem; } -.delay-200 { - transition-delay: 200ms; +.py-28 { + padding-top: 7rem; + padding-bottom: 7rem; } -.delay-300 { - transition-delay: 300ms; +.py-32 { + padding-top: 8rem; + padding-bottom: 8rem; } -.delay-500 { - transition-delay: 500ms; +.py-36 { + padding-top: 9rem; + padding-bottom: 9rem; } -.delay-700 { - transition-delay: 700ms; +.py-40 { + padding-top: 10rem; + padding-bottom: 10rem; } -.delay-1000 { - transition-delay: 1000ms; +.py-44 { + padding-top: 11rem; + padding-bottom: 11rem; } -.duration-75 { - transition-duration: 75ms; +.py-48 { + padding-top: 12rem; + padding-bottom: 12rem; } -.duration-100 { - transition-duration: 100ms; +.py-52 { + padding-top: 13rem; + padding-bottom: 13rem; } -.duration-150 { - transition-duration: 150ms; +.py-56 { + padding-top: 14rem; + padding-bottom: 14rem; } -.duration-200 { - transition-duration: 200ms; +.py-60 { + padding-top: 15rem; + padding-bottom: 15rem; } -.duration-300 { - transition-duration: 300ms; +.py-64 { + padding-top: 16rem; + padding-bottom: 16rem; } -.duration-500 { - transition-duration: 500ms; +.py-72 { + padding-top: 18rem; + padding-bottom: 18rem; } -.duration-700 { - transition-duration: 700ms; +.py-80 { + padding-top: 20rem; + padding-bottom: 20rem; } -.duration-1000 { - transition-duration: 1000ms; +.py-96 { + padding-top: 24rem; + padding-bottom: 24rem; } -.ease-linear { - transition-timing-function: linear; +.py-px { + padding-top: 1px; + padding-bottom: 1px; } -.ease-in { - transition-timing-function: cubic-bezier(0.4, 0, 1, 1); +.py-0\.5 { + padding-top: 0.125rem; + padding-bottom: 0.125rem; } -.ease-out { - transition-timing-function: cubic-bezier(0, 0, 0.2, 1); +.py-1\.5 { + padding-top: 0.375rem; + padding-bottom: 0.375rem; } -.ease-in-out { - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); +.py-2\.5 { + padding-top: 0.625rem; + padding-bottom: 0.625rem; } -@media (min-width: 640px) { - .sm\:container { - width: 100%; - } +.py-3\.5 { + padding-top: 0.875rem; + padding-bottom: 0.875rem; +} - @media (min-width: 640px) { - .sm\:container { - max-width: 640px; - } - } +.pt-0 { + padding-top: 0px; +} - @media (min-width: 768px) { - .sm\:container { - max-width: 768px; - } - } +.pt-1 { + padding-top: 0.25rem; +} - @media (min-width: 1024px) { - .sm\:container { - max-width: 1024px; - } - } +.pt-2 { + padding-top: 0.5rem; +} - @media (min-width: 1280px) { - .sm\:container { - max-width: 1280px; - } - } +.pt-3 { + padding-top: 0.75rem; +} - @media (min-width: 1536px) { - .sm\:container { - max-width: 1536px; - } - } +.pt-4 { + padding-top: 1rem; +} - .sm\: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; - } +.pt-5 { + padding-top: 1.25rem; +} - .sm\:not-sr-only { - position: static; - width: auto; - height: auto; - padding: 0; - margin: 0; - overflow: visible; - clip: auto; - white-space: normal; - } +.pt-6 { + padding-top: 1.5rem; +} - .sm\:focus-within\:sr-only:focus-within { - position: absolute; - width: 1px; - height: 1px; - padding: 0; - margin: -1px; - overflow: hidden; - clip: rect(0, 0, 0, 0); - white-space: nowrap; - border-width: 0; - } +.pt-7 { + padding-top: 1.75rem; +} - .sm\:focus-within\:not-sr-only:focus-within { - position: static; - width: auto; - height: auto; - padding: 0; - margin: 0; - overflow: visible; - clip: auto; - white-space: normal; - } +.pt-8 { + padding-top: 2rem; +} - .sm\:focus\:sr-only:focus { - position: absolute; - width: 1px; - height: 1px; - padding: 0; - margin: -1px; - overflow: hidden; - clip: rect(0, 0, 0, 0); - white-space: nowrap; - border-width: 0; - } +.pt-9 { + padding-top: 2.25rem; +} - .sm\:focus\:not-sr-only:focus { - position: static; - width: auto; - height: auto; - padding: 0; - margin: 0; - overflow: visible; - clip: auto; - white-space: normal; - } +.pt-10 { + padding-top: 2.5rem; +} - .sm\:pointer-events-none { - pointer-events: none; - } +.pt-11 { + padding-top: 2.75rem; +} - .sm\:pointer-events-auto { - pointer-events: auto; - } +.pt-12 { + padding-top: 3rem; +} - .sm\:visible { - visibility: visible; - } +.pt-14 { + padding-top: 3.5rem; +} - .sm\:invisible { - visibility: hidden; - } +.pt-16 { + padding-top: 4rem; +} - .sm\:static { - position: static; - } +.pt-20 { + padding-top: 5rem; +} - .sm\:fixed { - position: fixed; - } +.pt-24 { + padding-top: 6rem; +} - .sm\:absolute { - position: absolute; - } +.pt-28 { + padding-top: 7rem; +} - .sm\:relative { - position: relative; - } +.pt-32 { + padding-top: 8rem; +} - .sm\:sticky { - position: sticky; - } +.pt-36 { + padding-top: 9rem; +} - .sm\:inset-0 { - top: 0px; - right: 0px; - bottom: 0px; - left: 0px; - } +.pt-40 { + padding-top: 10rem; +} - .sm\:inset-1 { - top: 0.25rem; - right: 0.25rem; - bottom: 0.25rem; - left: 0.25rem; - } +.pt-44 { + padding-top: 11rem; +} - .sm\:inset-2 { - top: 0.5rem; - right: 0.5rem; - bottom: 0.5rem; - left: 0.5rem; - } +.pt-48 { + padding-top: 12rem; +} - .sm\:inset-3 { - top: 0.75rem; - right: 0.75rem; - bottom: 0.75rem; - left: 0.75rem; - } +.pt-52 { + padding-top: 13rem; +} - .sm\:inset-4 { - top: 1rem; - right: 1rem; - bottom: 1rem; - left: 1rem; - } +.pt-56 { + padding-top: 14rem; +} - .sm\:inset-5 { - top: 1.25rem; - right: 1.25rem; - bottom: 1.25rem; - left: 1.25rem; - } +.pt-60 { + padding-top: 15rem; +} - .sm\:inset-6 { - top: 1.5rem; - right: 1.5rem; - bottom: 1.5rem; - left: 1.5rem; - } +.pt-64 { + padding-top: 16rem; +} - .sm\:inset-7 { - top: 1.75rem; - right: 1.75rem; - bottom: 1.75rem; - left: 1.75rem; - } +.pt-72 { + padding-top: 18rem; +} - .sm\:inset-8 { - top: 2rem; - right: 2rem; - bottom: 2rem; - left: 2rem; - } +.pt-80 { + padding-top: 20rem; +} - .sm\:inset-9 { - top: 2.25rem; - right: 2.25rem; - bottom: 2.25rem; - left: 2.25rem; - } +.pt-96 { + padding-top: 24rem; +} - .sm\:inset-10 { - top: 2.5rem; - right: 2.5rem; - bottom: 2.5rem; - left: 2.5rem; - } +.pt-px { + padding-top: 1px; +} - .sm\:inset-11 { - top: 2.75rem; - right: 2.75rem; - bottom: 2.75rem; - left: 2.75rem; - } +.pt-0\.5 { + padding-top: 0.125rem; +} - .sm\:inset-12 { - top: 3rem; - right: 3rem; +.pt-1\.5 { + padding-top: 0.375rem; +} + +.pt-2\.5 { + padding-top: 0.625rem; +} + +.pt-3\.5 { + padding-top: 0.875rem; +} + +.pr-0 { + padding-right: 0px; +} + +.pr-1 { + padding-right: 0.25rem; +} + +.pr-2 { + padding-right: 0.5rem; +} + +.pr-3 { + padding-right: 0.75rem; +} + +.pr-4 { + padding-right: 1rem; +} + +.pr-5 { + padding-right: 1.25rem; +} + +.pr-6 { + padding-right: 1.5rem; +} + +.pr-7 { + padding-right: 1.75rem; +} + +.pr-8 { + padding-right: 2rem; +} + +.pr-9 { + padding-right: 2.25rem; +} + +.pr-10 { + padding-right: 2.5rem; +} + +.pr-11 { + padding-right: 2.75rem; +} + +.pr-12 { + padding-right: 3rem; +} + +.pr-14 { + padding-right: 3.5rem; +} + +.pr-16 { + padding-right: 4rem; +} + +.pr-20 { + padding-right: 5rem; +} + +.pr-24 { + padding-right: 6rem; +} + +.pr-28 { + padding-right: 7rem; +} + +.pr-32 { + padding-right: 8rem; +} + +.pr-36 { + padding-right: 9rem; +} + +.pr-40 { + padding-right: 10rem; +} + +.pr-44 { + padding-right: 11rem; +} + +.pr-48 { + padding-right: 12rem; +} + +.pr-52 { + padding-right: 13rem; +} + +.pr-56 { + padding-right: 14rem; +} + +.pr-60 { + padding-right: 15rem; +} + +.pr-64 { + padding-right: 16rem; +} + +.pr-72 { + padding-right: 18rem; +} + +.pr-80 { + padding-right: 20rem; +} + +.pr-96 { + padding-right: 24rem; +} + +.pr-px { + padding-right: 1px; +} + +.pr-0\.5 { + padding-right: 0.125rem; +} + +.pr-1\.5 { + padding-right: 0.375rem; +} + +.pr-2\.5 { + padding-right: 0.625rem; +} + +.pr-3\.5 { + padding-right: 0.875rem; +} + +.pb-0 { + padding-bottom: 0px; +} + +.pb-1 { + padding-bottom: 0.25rem; +} + +.pb-2 { + padding-bottom: 0.5rem; +} + +.pb-3 { + padding-bottom: 0.75rem; +} + +.pb-4 { + padding-bottom: 1rem; +} + +.pb-5 { + padding-bottom: 1.25rem; +} + +.pb-6 { + padding-bottom: 1.5rem; +} + +.pb-7 { + padding-bottom: 1.75rem; +} + +.pb-8 { + padding-bottom: 2rem; +} + +.pb-9 { + padding-bottom: 2.25rem; +} + +.pb-10 { + padding-bottom: 2.5rem; +} + +.pb-11 { + padding-bottom: 2.75rem; +} + +.pb-12 { + padding-bottom: 3rem; +} + +.pb-14 { + padding-bottom: 3.5rem; +} + +.pb-16 { + padding-bottom: 4rem; +} + +.pb-20 { + padding-bottom: 5rem; +} + +.pb-24 { + padding-bottom: 6rem; +} + +.pb-28 { + padding-bottom: 7rem; +} + +.pb-32 { + padding-bottom: 8rem; +} + +.pb-36 { + padding-bottom: 9rem; +} + +.pb-40 { + padding-bottom: 10rem; +} + +.pb-44 { + padding-bottom: 11rem; +} + +.pb-48 { + padding-bottom: 12rem; +} + +.pb-52 { + padding-bottom: 13rem; +} + +.pb-56 { + padding-bottom: 14rem; +} + +.pb-60 { + padding-bottom: 15rem; +} + +.pb-64 { + padding-bottom: 16rem; +} + +.pb-72 { + padding-bottom: 18rem; +} + +.pb-80 { + padding-bottom: 20rem; +} + +.pb-96 { + padding-bottom: 24rem; +} + +.pb-px { + padding-bottom: 1px; +} + +.pb-0\.5 { + padding-bottom: 0.125rem; +} + +.pb-1\.5 { + padding-bottom: 0.375rem; +} + +.pb-2\.5 { + padding-bottom: 0.625rem; +} + +.pb-3\.5 { + padding-bottom: 0.875rem; +} + +.pl-0 { + padding-left: 0px; +} + +.pl-1 { + padding-left: 0.25rem; +} + +.pl-2 { + padding-left: 0.5rem; +} + +.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; +} + +.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-20 { + padding-left: 5rem; +} + +.pl-24 { + padding-left: 6rem; +} + +.pl-28 { + padding-left: 7rem; +} + +.pl-32 { + padding-left: 8rem; +} + +.pl-36 { + padding-left: 9rem; +} + +.pl-40 { + padding-left: 10rem; +} + +.pl-44 { + padding-left: 11rem; +} + +.pl-48 { + padding-left: 12rem; +} + +.pl-52 { + padding-left: 13rem; +} + +.pl-56 { + padding-left: 14rem; +} + +.pl-60 { + padding-left: 15rem; +} + +.pl-64 { + padding-left: 16rem; +} + +.pl-72 { + padding-left: 18rem; +} + +.pl-80 { + padding-left: 20rem; +} + +.pl-96 { + padding-left: 24rem; +} + +.pl-px { + padding-left: 1px; +} + +.pl-0\.5 { + padding-left: 0.125rem; +} + +.pl-1\.5 { + padding-left: 0.375rem; +} + +.pl-2\.5 { + padding-left: 0.625rem; +} + +.pl-3\.5 { + padding-left: 0.875rem; +} + +.text-left { + text-align: left; +} + +.text-center { + text-align: center; +} + +.text-right { + text-align: right; +} + +.text-justify { + text-align: justify; +} + +.align-baseline { + vertical-align: baseline; +} + +.align-top { + vertical-align: top; +} + +.align-middle { + vertical-align: middle; +} + +.align-bottom { + vertical-align: bottom; +} + +.align-text-top { + vertical-align: text-top; +} + +.align-text-bottom { + vertical-align: text-bottom; +} + +.font-sans { + font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; +} + +.font-serif { + font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; +} + +.font-mono { + font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +.text-xs { + font-size: 0.75rem; + line-height: 1rem; +} + +.text-sm { + font-size: 0.875rem; + line-height: 1.25rem; +} + +.text-base { + font-size: 1rem; + line-height: 1.5rem; +} + +.text-lg { + font-size: 1.125rem; + line-height: 1.75rem; +} + +.text-xl { + font-size: 1.25rem; + line-height: 1.75rem; +} + +.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-7xl { + font-size: 4.5rem; + line-height: 1; +} + +.text-8xl { + font-size: 6rem; + line-height: 1; +} + +.text-9xl { + font-size: 8rem; + line-height: 1; +} + +.font-thin { + font-weight: 100; +} + +.font-extralight { + font-weight: 200; +} + +.font-light { + font-weight: 300; +} + +.font-normal { + font-weight: 400; +} + +.font-medium { + font-weight: 500; +} + +.font-semibold { + font-weight: 600; +} + +.font-bold { + font-weight: 700; +} + +.font-extrabold { + font-weight: 800; +} + +.font-black { + font-weight: 900; +} + +.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; +} + +.ordinal, .slashed-zero, .lining-nums, .oldstyle-nums, .proportional-nums, .tabular-nums, .diagonal-fractions, .stacked-fractions { + --tw-ordinal: var(--tw-empty,/*!*/ /*!*/); + --tw-slashed-zero: var(--tw-empty,/*!*/ /*!*/); + --tw-numeric-figure: var(--tw-empty,/*!*/ /*!*/); + --tw-numeric-spacing: var(--tw-empty,/*!*/ /*!*/); + --tw-numeric-fraction: var(--tw-empty,/*!*/ /*!*/); + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} + +.normal-nums { + font-variant-numeric: normal; +} + +.ordinal { + --tw-ordinal: ordinal; +} + +.slashed-zero { + --tw-slashed-zero: slashed-zero; +} + +.lining-nums { + --tw-numeric-figure: lining-nums; +} + +.oldstyle-nums { + --tw-numeric-figure: oldstyle-nums; +} + +.proportional-nums { + --tw-numeric-spacing: proportional-nums; +} + +.tabular-nums { + --tw-numeric-spacing: tabular-nums; +} + +.diagonal-fractions { + --tw-numeric-fraction: diagonal-fractions; +} + +.stacked-fractions { + --tw-numeric-fraction: stacked-fractions; +} + +.leading-3 { + line-height: .75rem; +} + +.leading-4 { + line-height: 1rem; +} + +.leading-5 { + line-height: 1.25rem; +} + +.leading-6 { + line-height: 1.5rem; +} + +.leading-7 { + line-height: 1.75rem; +} + +.leading-8 { + line-height: 2rem; +} + +.leading-9 { + line-height: 2.25rem; +} + +.leading-10 { + line-height: 2.5rem; +} + +.leading-none { + line-height: 1; +} + +.leading-tight { + line-height: 1.25; +} + +.leading-snug { + line-height: 1.375; +} + +.leading-normal { + line-height: 1.5; +} + +.leading-relaxed { + line-height: 1.625; +} + +.leading-loose { + line-height: 2; +} + +.tracking-tighter { + letter-spacing: -0.05em; +} + +.tracking-tight { + letter-spacing: -0.025em; +} + +.tracking-normal { + letter-spacing: 0em; +} + +.tracking-wide { + letter-spacing: 0.025em; +} + +.tracking-wider { + letter-spacing: 0.05em; +} + +.tracking-widest { + letter-spacing: 0.1em; +} + +.text-colors-black { + color: var(--colors-black, #000000); +} + +.text-colors-white { + color: var(--colors-white, #ffffff); +} + +.text-colors-gray-100 { + color: var(--colors-gray-100, #f7fafc); +} + +.text-colors-gray-200 { + color: var(--colors-gray-200, #edf2f7); +} + +.text-colors-gray-300 { + color: var(--colors-gray-300, #e2e8f0); +} + +.text-colors-gray-400 { + color: var(--colors-gray-400, #cbd5e0); +} + +.text-colors-gray-500 { + color: var(--colors-gray-500, #a0aec0); +} + +.text-colors-gray-600 { + color: var(--colors-gray-600, #718096); +} + +.text-colors-gray-700 { + color: var(--colors-gray-700, #4a5568); +} + +.text-colors-gray-800 { + color: var(--colors-gray-800, #2d3748); +} + +.text-colors-gray-900 { + color: var(--colors-gray-900, #1a202c); +} + +.text-colors-red-100 { + color: var(--colors-red-100, #fff5f5); +} + +.text-colors-red-200 { + color: var(--colors-red-200, #fed7d7); +} + +.text-colors-red-300 { + color: var(--colors-red-300, #feb2b2); +} + +.text-colors-red-400 { + color: var(--colors-red-400, #fc8181); +} + +.text-colors-red-500 { + color: var(--colors-red-500, #f56565); +} + +.text-colors-red-600 { + color: var(--colors-red-600, #e53e3e); +} + +.text-colors-red-700 { + color: var(--colors-red-700, #c53030); +} + +.text-colors-red-800 { + color: var(--colors-red-800, #9b2c2c); +} + +.text-colors-red-900 { + color: var(--colors-red-900, #742a2a); +} + +.text-colors-orange-100 { + color: var(--colors-orange-100, #fffaf0); +} + +.text-colors-orange-200 { + color: var(--colors-orange-200, #feebc8); +} + +.text-colors-orange-300 { + color: var(--colors-orange-300, #fbd38d); +} + +.text-colors-orange-400 { + color: var(--colors-orange-400, #f6ad55); +} + +.text-colors-orange-500 { + color: var(--colors-orange-500, #ed8936); +} + +.text-colors-orange-600 { + color: var(--colors-orange-600, #dd6b20); +} + +.text-colors-orange-700 { + color: var(--colors-orange-700, #c05621); +} + +.text-colors-orange-800 { + color: var(--colors-orange-800, #9c4221); +} + +.text-colors-orange-900 { + color: var(--colors-orange-900, #7b341e); +} + +.text-colors-yellow-100 { + color: var(--colors-yellow-100, #fffff0); +} + +.text-colors-yellow-200 { + color: var(--colors-yellow-200, #fefcbf); +} + +.text-colors-yellow-300 { + color: var(--colors-yellow-300, #faf089); +} + +.text-colors-yellow-400 { + color: var(--colors-yellow-400, #f6e05e); +} + +.text-colors-yellow-500 { + color: var(--colors-yellow-500, #ecc94b); +} + +.text-colors-yellow-600 { + color: var(--colors-yellow-600, #d69e2e); +} + +.text-colors-yellow-700 { + color: var(--colors-yellow-700, #b7791f); +} + +.text-colors-yellow-800 { + color: var(--colors-yellow-800, #975a16); +} + +.text-colors-yellow-900 { + color: var(--colors-yellow-900, #744210); +} + +.text-colors-green-100 { + color: var(--colors-green-100, #f0fff4); +} + +.text-colors-green-200 { + color: var(--colors-green-200, #c6f6d5); +} + +.text-colors-green-300 { + color: var(--colors-green-300, #9ae6b4); +} + +.text-colors-green-400 { + color: var(--colors-green-400, #68d391); +} + +.text-colors-green-500 { + color: var(--colors-green-500, #48bb78); +} + +.text-colors-green-600 { + color: var(--colors-green-600, #38a169); +} + +.text-colors-green-700 { + color: var(--colors-green-700, #2f855a); +} + +.text-colors-green-800 { + color: var(--colors-green-800, #276749); +} + +.text-colors-green-900 { + color: var(--colors-green-900, #22543d); +} + +.text-colors-teal-100 { + color: var(--colors-teal-100, #e6fffa); +} + +.text-colors-teal-200 { + color: var(--colors-teal-200, #b2f5ea); +} + +.text-colors-teal-300 { + color: var(--colors-teal-300, #81e6d9); +} + +.text-colors-teal-400 { + color: var(--colors-teal-400, #4fd1c5); +} + +.text-colors-teal-500 { + color: var(--colors-teal-500, #38b2ac); +} + +.text-colors-teal-600 { + color: var(--colors-teal-600, #319795); +} + +.text-colors-teal-700 { + color: var(--colors-teal-700, #2c7a7b); +} + +.text-colors-teal-800 { + color: var(--colors-teal-800, #285e61); +} + +.text-colors-teal-900 { + color: var(--colors-teal-900, #234e52); +} + +.text-colors-blue-100 { + color: var(--colors-blue-100, #ebf8ff); +} + +.text-colors-blue-200 { + color: var(--colors-blue-200, #bee3f8); +} + +.text-colors-blue-300 { + color: var(--colors-blue-300, #90cdf4); +} + +.text-colors-blue-400 { + color: var(--colors-blue-400, #63b3ed); +} + +.text-colors-blue-500 { + color: var(--colors-blue-500, #4299e1); +} + +.text-colors-blue-600 { + color: var(--colors-blue-600, #3182ce); +} + +.text-colors-blue-700 { + color: var(--colors-blue-700, #2b6cb0); +} + +.text-colors-blue-800 { + color: var(--colors-blue-800, #2c5282); +} + +.text-colors-blue-900 { + color: var(--colors-blue-900, #2a4365); +} + +.text-colors-indigo-100 { + color: var(--colors-indigo-100, #ebf4ff); +} + +.text-colors-indigo-200 { + color: var(--colors-indigo-200, #c3dafe); +} + +.text-colors-indigo-300 { + color: var(--colors-indigo-300, #a3bffa); +} + +.text-colors-indigo-400 { + color: var(--colors-indigo-400, #7f9cf5); +} + +.text-colors-indigo-500 { + color: var(--colors-indigo-500, #667eea); +} + +.text-colors-indigo-600 { + color: var(--colors-indigo-600, #5a67d8); +} + +.text-colors-indigo-700 { + color: var(--colors-indigo-700, #4c51bf); +} + +.text-colors-indigo-800 { + color: var(--colors-indigo-800, #434190); +} + +.text-colors-indigo-900 { + color: var(--colors-indigo-900, #3c366b); +} + +.text-colors-purple-100 { + color: var(--colors-purple-100, #faf5ff); +} + +.text-colors-purple-200 { + color: var(--colors-purple-200, #e9d8fd); +} + +.text-colors-purple-300 { + color: var(--colors-purple-300, #d6bcfa); +} + +.text-colors-purple-400 { + color: var(--colors-purple-400, #b794f4); +} + +.text-colors-purple-500 { + color: var(--colors-purple-500, #9f7aea); +} + +.text-colors-purple-600 { + color: var(--colors-purple-600, #805ad5); +} + +.text-colors-purple-700 { + color: var(--colors-purple-700, #6b46c1); +} + +.text-colors-purple-800 { + color: var(--colors-purple-800, #553c9a); +} + +.text-colors-purple-900 { + color: var(--colors-purple-900, #44337a); +} + +.text-colors-pink-100 { + color: var(--colors-pink-100, #fff5f7); +} + +.text-colors-pink-200 { + color: var(--colors-pink-200, #fed7e2); +} + +.text-colors-pink-300 { + color: var(--colors-pink-300, #fbb6ce); +} + +.text-colors-pink-400 { + color: var(--colors-pink-400, #f687b3); +} + +.text-colors-pink-500 { + color: var(--colors-pink-500, #ed64a6); +} + +.text-colors-pink-600 { + color: var(--colors-pink-600, #d53f8c); +} + +.text-colors-pink-700 { + color: var(--colors-pink-700, #b83280); +} + +.text-colors-pink-800 { + color: var(--colors-pink-800, #97266d); +} + +.text-colors-pink-900 { + color: var(--colors-pink-900, #702459); +} + +.text-Box\ Shadow { + color: var(--box-shadow, #7f7e7f); +} + +.text-Error16 { + color: var(--error16, #f03d3e40); +} + +.text-Success16 { + color: var(--success16, #5bb14d40); +} + +.text-Notification16 { + color: var(--notification16, #3959ff40); +} + +.text-Error8 { + color: var(--error8, #f03d3e1a); +} + +.text-Notification8 { + color: var(--notification8, #3959ff1a); +} + +.text-Success8 { + color: var(--success8, #5bb14d1a); +} + +.text-Light\ -\ Overlay { + color: var(--light-overlay, #f0edee66); +} + +.text-Dark-\ Overlay { + color: var(--dark-overlay, #7f7e7f66); +} + +.text-black-40 { + color: var(--black-40, #00000066); +} + +.text-black-75 { + color: var(--black-75, #000000bf); +} + +.text-black-60 { + color: var(--black-60, #00000099); +} + +.text-black-50 { + color: var(--black-50, #00000080); +} + +.text-black-25 { + color: var(--black-25, #00000040); +} + +.text-black-10 { + color: var(--black-10, #0000001a); +} + +.text-white-25 { + color: var(--white-25, #ffffff40); +} + +.text-white-60 { + color: var(--white-60, #ffffff99); +} + +.text-black-64 { + color: var(--black-64, #000000a3); +} + +.text-Shadow\ and\ Highlight-Shadow { + color: var(--shadow-and-highlight-shadow, #7f7e7f); +} + +.text-Shadow\ and\ Highlight-Highlight { + color: var(--shadow-and-highlight-highlight, #474747); +} + +.text-Shadow\ and\ Highlight-highlight\ one { + color: var(--shadow-and-highlight-highlight-one, #474747bf); +} + +.text-Shadow\ and\ Highlight-highlight\ two { + color: var(--shadow-and-highlight-highlight-two, #47474799); +} + +.text-Shadow\ and\ Highlight-highlight\ three { + color: var(--shadow-and-highlight-highlight-three, #47474766); +} + +.text-Shadow\ and\ Highlight-highlight\ five { + color: var(--shadow-and-highlight-highlight-five, #4747471a); +} + +.text-Shadow\ and\ Highlight-shadow\ one { + color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); +} + +.text-Shadow\ and\ Highlight-shadow\ two { + color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); +} + +.text-Shadow\ and\ Highlight-shadow\ three { + color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); +} + +.text-Shadow\ and\ Highlight-shadow\ four { + color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); +} + +.text-Shadow\ and\ Highlight-shadow\ five { + color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); +} + +.text-Shadow\ and\ Highlight-highlight\ four { + color: var(--shadow-and-highlight-highlight-four, #47474740); +} + +.text-Base\ Layer\ Styles-Base\ Layer-\ Light-White { + color: var(--base-layer-styles-base-layer-light-white, #ffffff); +} + +.text-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite { + color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); +} + +.text-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack { + color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); +} + +.text-Base\ Layer\ Styles-Base\ Layer-Dark-Black { + color: var(--base-layer-styles-base-layer-dark-black, #000000); +} + +.text-Grey-Scale-white { + color: var(--grey-scale-white, #ffffff); +} + +.text-Grey-Scale-off-white { + color: var(--grey-scale-off-white, #f0edee); +} + +.text-Grey\ Scale-grey { + color: var(--grey-scale-grey, #7f7e7f); +} + +.text-Grey\ Scale-charcoal { + color: var(--grey-scale-charcoal, #474747); +} + +.text-Grey\ Scale-off-black { + color: var(--grey-scale-off-black, #1c1c1c); +} + +.text-Grey\ Scale-black { + color: var(--grey-scale-black, #000000); +} + +.text-Blue-blue { + color: var(--blue-blue, #3a7ca5); +} + +.text-Blue-blue-100 { + color: var(--blue-blue-100, #75a3c0); +} + +.text-Blue-blue-200 { + color: var(--blue-blue-200, #9cbed2); +} + +.text-Blue-blue-300 { + color: var(--blue-blue-300, #4f7d9a); +} + +.text-Blue-blue-400 { + color: var(--blue-blue-400, #5c7d92); +} + +.text-Blue-blue-500 { + color: var(--blue-blue-500, #347095); +} + +.text-Blue-blue-600 { + color: var(--blue-blue-600, #295774); +} + +.text-Blue-blue-700 { + color: var(--blue-blue-700, #173242); +} + +.text-LightBlue-lightblue { + color: var(--light-blue-lightblue, #81c3d7); +} + +.text-LightBlue-lightblue-100 { + color: var(--light-blue-lightblue-100, #a7d5e3); +} + +.text-LightBlue-lightblue-200 { + color: var(--light-blue-lightblue-200, #c0e1eb); +} + +.text-LightBlue-lightblue-300 { + color: var(--light-blue-lightblue-300, #80aebd); +} + +.text-LightBlue-lightblue-400 { + color: var(--light-blue-lightblue-400, #80a0ab); +} + +.text-LightBlue-lightblue-500 { + color: var(--light-blue-lightblue-500, #74afc1); +} + +.text-LightBlue-lightblue-600 { + color: var(--light-blue-lightblue-600, #5a8997); +} + +.text-LightBlue-lightblue-650 { + color: var(--light-blue-lightblue-650, #3e5e65); +} + +.text-LightBlue-lightblue-700 { + color: var(--light-blue-lightblue-700, #344e56); +} + +.text-Orange-orange { + color: var(--orange-orange, #ff7f0e); +} + +.text-Orange-orange-100 { + color: var(--orange-orange-100, #ffa556); +} + +.text-Orange-orange-200 { + color: var(--orange-orange-200, #ffbf86); +} + +.text-Orange-orange-300 { + color: var(--orange-orange-300, #d97f30); +} + +.text-Orange-orange-400 { + color: var(--orange-orange-400, #bf7e46); +} + +.text-Orange-orange-500 { + color: var(--orange-orange-500, #e5720d); +} + +.text-Orange-orange-600 { + color: var(--orange-orange-600, #b3590a); +} + +.text-Orange-orange-700 { + color: var(--orange-orange-700, #663306); +} + +.text-Yellow-yellow { + color: var(--yellow-yellow, #ffab00); +} + +.text-Yellow-yellow-100 { + color: var(--yellow-yellow-100, #ffc44c); +} + +.text-Yellow-yellow-200 { + color: var(--yellow-yellow-200, #ffd580); +} + +.text-Yellow-yellow-300 { + color: var(--yellow-yellow-300, #d99d26); +} + +.text-Yellow-yellow-400 { + color: var(--yellow-yellow-400, #bf943f); +} + +.text-Yellow-yellow-500 { + color: var(--yellow-yellow-500, #e59a00); +} + +.text-Yellow-yellow-600 { + color: var(--yellow-yellow-600, #b37800); +} + +.text-Yellow-yellow-700 { + color: var(--yellow-yellow-700, #664400); +} + +.text-Notification-notification { + color: var(--notification-notification, #3959ff); +} + +.text-Notification-notification-100 { + color: var(--notification-notification-100, #748bff); +} + +.text-Notification-notification-200 { + color: var(--notification-notification-200, #9cacff); +} + +.text-Notification-notification-300 { + color: var(--notification-notification-300, #4e64d9); +} + +.text-Notification-notification-400 { + color: var(--notification-notification-400, #5c6cbf); +} + +.text-Notification-notification-500 { + color: var(--notification-notification-500, #3350e5); +} + +.text-Notification-notification-600 { + color: var(--notification-notification-600, #283eb3); +} + +.text-Notification-notification-700 { + color: var(--notification-notification-700, #172466); +} + +.text-Success-success\ -700 { + color: var(--success-success-700, #24471f); +} + +.text-Success-success { + color: var(--success-success, #5bb14d); +} + +.text-Success-success\ -100 { + color: var(--success-success-100, #8cc882); +} + +.text-Success-success\ -200 { + color: var(--success-success-200, #add8a6); +} + +.text-Success-success\ -300 { + color: var(--success-success-300, #66a25c); +} + +.text-Success-success\ -400 { + color: var(--success-success-400, #6d9766); +} + +.text-Success-success\ -500 { + color: var(--success-success-500, #529f45); +} + +.text-Success-success\ -600 { + color: var(--success-success-600, #407c36); +} + +.text-Error-error { + color: var(--error-error, #f03d3e); +} + +.text-Error-error-100 { + color: var(--error-error-100, #f57778); +} + +.text-Error-error-200 { + color: var(--error-error-200, #f89e9e); +} + +.text-Error-error-250 { + color: var(--error-error-250, #f9c8c8); +} + +.text-Error-error-300 { + color: var(--error-error-300, #ce5151); +} + +.text-Error-error-400 { + color: var(--error-error-400, #b85e5e); +} + +.text-Error-error-500 { + color: var(--error-error-500, #d83738); +} + +.text-Error-error-600 { + color: var(--error-error-600, #a82b2b); +} + +.text-Error-error-700 { + color: var(--error-error-700, #601819); +} + +.group:hover .group-hover\:text-colors-black { + color: var(--colors-black, #000000); +} + +.group:hover .group-hover\:text-colors-white { + color: var(--colors-white, #ffffff); +} + +.group:hover .group-hover\:text-colors-gray-100 { + color: var(--colors-gray-100, #f7fafc); +} + +.group:hover .group-hover\:text-colors-gray-200 { + color: var(--colors-gray-200, #edf2f7); +} + +.group:hover .group-hover\:text-colors-gray-300 { + color: var(--colors-gray-300, #e2e8f0); +} + +.group:hover .group-hover\:text-colors-gray-400 { + color: var(--colors-gray-400, #cbd5e0); +} + +.group:hover .group-hover\:text-colors-gray-500 { + color: var(--colors-gray-500, #a0aec0); +} + +.group:hover .group-hover\:text-colors-gray-600 { + color: var(--colors-gray-600, #718096); +} + +.group:hover .group-hover\:text-colors-gray-700 { + color: var(--colors-gray-700, #4a5568); +} + +.group:hover .group-hover\:text-colors-gray-800 { + color: var(--colors-gray-800, #2d3748); +} + +.group:hover .group-hover\:text-colors-gray-900 { + color: var(--colors-gray-900, #1a202c); +} + +.group:hover .group-hover\:text-colors-red-100 { + color: var(--colors-red-100, #fff5f5); +} + +.group:hover .group-hover\:text-colors-red-200 { + color: var(--colors-red-200, #fed7d7); +} + +.group:hover .group-hover\:text-colors-red-300 { + color: var(--colors-red-300, #feb2b2); +} + +.group:hover .group-hover\:text-colors-red-400 { + color: var(--colors-red-400, #fc8181); +} + +.group:hover .group-hover\:text-colors-red-500 { + color: var(--colors-red-500, #f56565); +} + +.group:hover .group-hover\:text-colors-red-600 { + color: var(--colors-red-600, #e53e3e); +} + +.group:hover .group-hover\:text-colors-red-700 { + color: var(--colors-red-700, #c53030); +} + +.group:hover .group-hover\:text-colors-red-800 { + color: var(--colors-red-800, #9b2c2c); +} + +.group:hover .group-hover\:text-colors-red-900 { + color: var(--colors-red-900, #742a2a); +} + +.group:hover .group-hover\:text-colors-orange-100 { + color: var(--colors-orange-100, #fffaf0); +} + +.group:hover .group-hover\:text-colors-orange-200 { + color: var(--colors-orange-200, #feebc8); +} + +.group:hover .group-hover\:text-colors-orange-300 { + color: var(--colors-orange-300, #fbd38d); +} + +.group:hover .group-hover\:text-colors-orange-400 { + color: var(--colors-orange-400, #f6ad55); +} + +.group:hover .group-hover\:text-colors-orange-500 { + color: var(--colors-orange-500, #ed8936); +} + +.group:hover .group-hover\:text-colors-orange-600 { + color: var(--colors-orange-600, #dd6b20); +} + +.group:hover .group-hover\:text-colors-orange-700 { + color: var(--colors-orange-700, #c05621); +} + +.group:hover .group-hover\:text-colors-orange-800 { + color: var(--colors-orange-800, #9c4221); +} + +.group:hover .group-hover\:text-colors-orange-900 { + color: var(--colors-orange-900, #7b341e); +} + +.group:hover .group-hover\:text-colors-yellow-100 { + color: var(--colors-yellow-100, #fffff0); +} + +.group:hover .group-hover\:text-colors-yellow-200 { + color: var(--colors-yellow-200, #fefcbf); +} + +.group:hover .group-hover\:text-colors-yellow-300 { + color: var(--colors-yellow-300, #faf089); +} + +.group:hover .group-hover\:text-colors-yellow-400 { + color: var(--colors-yellow-400, #f6e05e); +} + +.group:hover .group-hover\:text-colors-yellow-500 { + color: var(--colors-yellow-500, #ecc94b); +} + +.group:hover .group-hover\:text-colors-yellow-600 { + color: var(--colors-yellow-600, #d69e2e); +} + +.group:hover .group-hover\:text-colors-yellow-700 { + color: var(--colors-yellow-700, #b7791f); +} + +.group:hover .group-hover\:text-colors-yellow-800 { + color: var(--colors-yellow-800, #975a16); +} + +.group:hover .group-hover\:text-colors-yellow-900 { + color: var(--colors-yellow-900, #744210); +} + +.group:hover .group-hover\:text-colors-green-100 { + color: var(--colors-green-100, #f0fff4); +} + +.group:hover .group-hover\:text-colors-green-200 { + color: var(--colors-green-200, #c6f6d5); +} + +.group:hover .group-hover\:text-colors-green-300 { + color: var(--colors-green-300, #9ae6b4); +} + +.group:hover .group-hover\:text-colors-green-400 { + color: var(--colors-green-400, #68d391); +} + +.group:hover .group-hover\:text-colors-green-500 { + color: var(--colors-green-500, #48bb78); +} + +.group:hover .group-hover\:text-colors-green-600 { + color: var(--colors-green-600, #38a169); +} + +.group:hover .group-hover\:text-colors-green-700 { + color: var(--colors-green-700, #2f855a); +} + +.group:hover .group-hover\:text-colors-green-800 { + color: var(--colors-green-800, #276749); +} + +.group:hover .group-hover\:text-colors-green-900 { + color: var(--colors-green-900, #22543d); +} + +.group:hover .group-hover\:text-colors-teal-100 { + color: var(--colors-teal-100, #e6fffa); +} + +.group:hover .group-hover\:text-colors-teal-200 { + color: var(--colors-teal-200, #b2f5ea); +} + +.group:hover .group-hover\:text-colors-teal-300 { + color: var(--colors-teal-300, #81e6d9); +} + +.group:hover .group-hover\:text-colors-teal-400 { + color: var(--colors-teal-400, #4fd1c5); +} + +.group:hover .group-hover\:text-colors-teal-500 { + color: var(--colors-teal-500, #38b2ac); +} + +.group:hover .group-hover\:text-colors-teal-600 { + color: var(--colors-teal-600, #319795); +} + +.group:hover .group-hover\:text-colors-teal-700 { + color: var(--colors-teal-700, #2c7a7b); +} + +.group:hover .group-hover\:text-colors-teal-800 { + color: var(--colors-teal-800, #285e61); +} + +.group:hover .group-hover\:text-colors-teal-900 { + color: var(--colors-teal-900, #234e52); +} + +.group:hover .group-hover\:text-colors-blue-100 { + color: var(--colors-blue-100, #ebf8ff); +} + +.group:hover .group-hover\:text-colors-blue-200 { + color: var(--colors-blue-200, #bee3f8); +} + +.group:hover .group-hover\:text-colors-blue-300 { + color: var(--colors-blue-300, #90cdf4); +} + +.group:hover .group-hover\:text-colors-blue-400 { + color: var(--colors-blue-400, #63b3ed); +} + +.group:hover .group-hover\:text-colors-blue-500 { + color: var(--colors-blue-500, #4299e1); +} + +.group:hover .group-hover\:text-colors-blue-600 { + color: var(--colors-blue-600, #3182ce); +} + +.group:hover .group-hover\:text-colors-blue-700 { + color: var(--colors-blue-700, #2b6cb0); +} + +.group:hover .group-hover\:text-colors-blue-800 { + color: var(--colors-blue-800, #2c5282); +} + +.group:hover .group-hover\:text-colors-blue-900 { + color: var(--colors-blue-900, #2a4365); +} + +.group:hover .group-hover\:text-colors-indigo-100 { + color: var(--colors-indigo-100, #ebf4ff); +} + +.group:hover .group-hover\:text-colors-indigo-200 { + color: var(--colors-indigo-200, #c3dafe); +} + +.group:hover .group-hover\:text-colors-indigo-300 { + color: var(--colors-indigo-300, #a3bffa); +} + +.group:hover .group-hover\:text-colors-indigo-400 { + color: var(--colors-indigo-400, #7f9cf5); +} + +.group:hover .group-hover\:text-colors-indigo-500 { + color: var(--colors-indigo-500, #667eea); +} + +.group:hover .group-hover\:text-colors-indigo-600 { + color: var(--colors-indigo-600, #5a67d8); +} + +.group:hover .group-hover\:text-colors-indigo-700 { + color: var(--colors-indigo-700, #4c51bf); +} + +.group:hover .group-hover\:text-colors-indigo-800 { + color: var(--colors-indigo-800, #434190); +} + +.group:hover .group-hover\:text-colors-indigo-900 { + color: var(--colors-indigo-900, #3c366b); +} + +.group:hover .group-hover\:text-colors-purple-100 { + color: var(--colors-purple-100, #faf5ff); +} + +.group:hover .group-hover\:text-colors-purple-200 { + color: var(--colors-purple-200, #e9d8fd); +} + +.group:hover .group-hover\:text-colors-purple-300 { + color: var(--colors-purple-300, #d6bcfa); +} + +.group:hover .group-hover\:text-colors-purple-400 { + color: var(--colors-purple-400, #b794f4); +} + +.group:hover .group-hover\:text-colors-purple-500 { + color: var(--colors-purple-500, #9f7aea); +} + +.group:hover .group-hover\:text-colors-purple-600 { + color: var(--colors-purple-600, #805ad5); +} + +.group:hover .group-hover\:text-colors-purple-700 { + color: var(--colors-purple-700, #6b46c1); +} + +.group:hover .group-hover\:text-colors-purple-800 { + color: var(--colors-purple-800, #553c9a); +} + +.group:hover .group-hover\:text-colors-purple-900 { + color: var(--colors-purple-900, #44337a); +} + +.group:hover .group-hover\:text-colors-pink-100 { + color: var(--colors-pink-100, #fff5f7); +} + +.group:hover .group-hover\:text-colors-pink-200 { + color: var(--colors-pink-200, #fed7e2); +} + +.group:hover .group-hover\:text-colors-pink-300 { + color: var(--colors-pink-300, #fbb6ce); +} + +.group:hover .group-hover\:text-colors-pink-400 { + color: var(--colors-pink-400, #f687b3); +} + +.group:hover .group-hover\:text-colors-pink-500 { + color: var(--colors-pink-500, #ed64a6); +} + +.group:hover .group-hover\:text-colors-pink-600 { + color: var(--colors-pink-600, #d53f8c); +} + +.group:hover .group-hover\:text-colors-pink-700 { + color: var(--colors-pink-700, #b83280); +} + +.group:hover .group-hover\:text-colors-pink-800 { + color: var(--colors-pink-800, #97266d); +} + +.group:hover .group-hover\:text-colors-pink-900 { + color: var(--colors-pink-900, #702459); +} + +.group:hover .group-hover\:text-Box\ Shadow { + color: var(--box-shadow, #7f7e7f); +} + +.group:hover .group-hover\:text-Error16 { + color: var(--error16, #f03d3e40); +} + +.group:hover .group-hover\:text-Success16 { + color: var(--success16, #5bb14d40); +} + +.group:hover .group-hover\:text-Notification16 { + color: var(--notification16, #3959ff40); +} + +.group:hover .group-hover\:text-Error8 { + color: var(--error8, #f03d3e1a); +} + +.group:hover .group-hover\:text-Notification8 { + color: var(--notification8, #3959ff1a); +} + +.group:hover .group-hover\:text-Success8 { + color: var(--success8, #5bb14d1a); +} + +.group:hover .group-hover\:text-Light\ -\ Overlay { + color: var(--light-overlay, #f0edee66); +} + +.group:hover .group-hover\:text-Dark-\ Overlay { + color: var(--dark-overlay, #7f7e7f66); +} + +.group:hover .group-hover\:text-black-40 { + color: var(--black-40, #00000066); +} + +.group:hover .group-hover\:text-black-75 { + color: var(--black-75, #000000bf); +} + +.group:hover .group-hover\:text-black-60 { + color: var(--black-60, #00000099); +} + +.group:hover .group-hover\:text-black-50 { + color: var(--black-50, #00000080); +} + +.group:hover .group-hover\:text-black-25 { + color: var(--black-25, #00000040); +} + +.group:hover .group-hover\:text-black-10 { + color: var(--black-10, #0000001a); +} + +.group:hover .group-hover\:text-white-25 { + color: var(--white-25, #ffffff40); +} + +.group:hover .group-hover\:text-white-60 { + color: var(--white-60, #ffffff99); +} + +.group:hover .group-hover\:text-black-64 { + color: var(--black-64, #000000a3); +} + +.group:hover .group-hover\:text-Shadow\ and\ Highlight-Shadow { + color: var(--shadow-and-highlight-shadow, #7f7e7f); +} + +.group:hover .group-hover\:text-Shadow\ and\ Highlight-Highlight { + color: var(--shadow-and-highlight-highlight, #474747); +} + +.group:hover .group-hover\:text-Shadow\ and\ Highlight-highlight\ one { + color: var(--shadow-and-highlight-highlight-one, #474747bf); +} + +.group:hover .group-hover\:text-Shadow\ and\ Highlight-highlight\ two { + color: var(--shadow-and-highlight-highlight-two, #47474799); +} + +.group:hover .group-hover\:text-Shadow\ and\ Highlight-highlight\ three { + color: var(--shadow-and-highlight-highlight-three, #47474766); +} + +.group:hover .group-hover\:text-Shadow\ and\ Highlight-highlight\ five { + color: var(--shadow-and-highlight-highlight-five, #4747471a); +} + +.group:hover .group-hover\:text-Shadow\ and\ Highlight-shadow\ one { + color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); +} + +.group:hover .group-hover\:text-Shadow\ and\ Highlight-shadow\ two { + color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); +} + +.group:hover .group-hover\:text-Shadow\ and\ Highlight-shadow\ three { + color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); +} + +.group:hover .group-hover\:text-Shadow\ and\ Highlight-shadow\ four { + color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); +} + +.group:hover .group-hover\:text-Shadow\ and\ Highlight-shadow\ five { + color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); +} + +.group:hover .group-hover\:text-Shadow\ and\ Highlight-highlight\ four { + color: var(--shadow-and-highlight-highlight-four, #47474740); +} + +.group:hover .group-hover\:text-Base\ Layer\ Styles-Base\ Layer-\ Light-White { + color: var(--base-layer-styles-base-layer-light-white, #ffffff); +} + +.group:hover .group-hover\:text-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite { + color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); +} + +.group:hover .group-hover\:text-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack { + color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); +} + +.group:hover .group-hover\:text-Base\ Layer\ Styles-Base\ Layer-Dark-Black { + color: var(--base-layer-styles-base-layer-dark-black, #000000); +} + +.group:hover .group-hover\:text-Grey-Scale-white { + color: var(--grey-scale-white, #ffffff); +} + +.group:hover .group-hover\:text-Grey-Scale-off-white { + color: var(--grey-scale-off-white, #f0edee); +} + +.group:hover .group-hover\:text-Grey\ Scale-grey { + color: var(--grey-scale-grey, #7f7e7f); +} + +.group:hover .group-hover\:text-Grey\ Scale-charcoal { + color: var(--grey-scale-charcoal, #474747); +} + +.group:hover .group-hover\:text-Grey\ Scale-off-black { + color: var(--grey-scale-off-black, #1c1c1c); +} + +.group:hover .group-hover\:text-Grey\ Scale-black { + color: var(--grey-scale-black, #000000); +} + +.group:hover .group-hover\:text-Blue-blue { + color: var(--blue-blue, #3a7ca5); +} + +.group:hover .group-hover\:text-Blue-blue-100 { + color: var(--blue-blue-100, #75a3c0); +} + +.group:hover .group-hover\:text-Blue-blue-200 { + color: var(--blue-blue-200, #9cbed2); +} + +.group:hover .group-hover\:text-Blue-blue-300 { + color: var(--blue-blue-300, #4f7d9a); +} + +.group:hover .group-hover\:text-Blue-blue-400 { + color: var(--blue-blue-400, #5c7d92); +} + +.group:hover .group-hover\:text-Blue-blue-500 { + color: var(--blue-blue-500, #347095); +} + +.group:hover .group-hover\:text-Blue-blue-600 { + color: var(--blue-blue-600, #295774); +} + +.group:hover .group-hover\:text-Blue-blue-700 { + color: var(--blue-blue-700, #173242); +} + +.group:hover .group-hover\:text-LightBlue-lightblue { + color: var(--light-blue-lightblue, #81c3d7); +} + +.group:hover .group-hover\:text-LightBlue-lightblue-100 { + color: var(--light-blue-lightblue-100, #a7d5e3); +} + +.group:hover .group-hover\:text-LightBlue-lightblue-200 { + color: var(--light-blue-lightblue-200, #c0e1eb); +} + +.group:hover .group-hover\:text-LightBlue-lightblue-300 { + color: var(--light-blue-lightblue-300, #80aebd); +} + +.group:hover .group-hover\:text-LightBlue-lightblue-400 { + color: var(--light-blue-lightblue-400, #80a0ab); +} + +.group:hover .group-hover\:text-LightBlue-lightblue-500 { + color: var(--light-blue-lightblue-500, #74afc1); +} + +.group:hover .group-hover\:text-LightBlue-lightblue-600 { + color: var(--light-blue-lightblue-600, #5a8997); +} + +.group:hover .group-hover\:text-LightBlue-lightblue-650 { + color: var(--light-blue-lightblue-650, #3e5e65); +} + +.group:hover .group-hover\:text-LightBlue-lightblue-700 { + color: var(--light-blue-lightblue-700, #344e56); +} + +.group:hover .group-hover\:text-Orange-orange { + color: var(--orange-orange, #ff7f0e); +} + +.group:hover .group-hover\:text-Orange-orange-100 { + color: var(--orange-orange-100, #ffa556); +} + +.group:hover .group-hover\:text-Orange-orange-200 { + color: var(--orange-orange-200, #ffbf86); +} + +.group:hover .group-hover\:text-Orange-orange-300 { + color: var(--orange-orange-300, #d97f30); +} + +.group:hover .group-hover\:text-Orange-orange-400 { + color: var(--orange-orange-400, #bf7e46); +} + +.group:hover .group-hover\:text-Orange-orange-500 { + color: var(--orange-orange-500, #e5720d); +} + +.group:hover .group-hover\:text-Orange-orange-600 { + color: var(--orange-orange-600, #b3590a); +} + +.group:hover .group-hover\:text-Orange-orange-700 { + color: var(--orange-orange-700, #663306); +} + +.group:hover .group-hover\:text-Yellow-yellow { + color: var(--yellow-yellow, #ffab00); +} + +.group:hover .group-hover\:text-Yellow-yellow-100 { + color: var(--yellow-yellow-100, #ffc44c); +} + +.group:hover .group-hover\:text-Yellow-yellow-200 { + color: var(--yellow-yellow-200, #ffd580); +} + +.group:hover .group-hover\:text-Yellow-yellow-300 { + color: var(--yellow-yellow-300, #d99d26); +} + +.group:hover .group-hover\:text-Yellow-yellow-400 { + color: var(--yellow-yellow-400, #bf943f); +} + +.group:hover .group-hover\:text-Yellow-yellow-500 { + color: var(--yellow-yellow-500, #e59a00); +} + +.group:hover .group-hover\:text-Yellow-yellow-600 { + color: var(--yellow-yellow-600, #b37800); +} + +.group:hover .group-hover\:text-Yellow-yellow-700 { + color: var(--yellow-yellow-700, #664400); +} + +.group:hover .group-hover\:text-Notification-notification { + color: var(--notification-notification, #3959ff); +} + +.group:hover .group-hover\:text-Notification-notification-100 { + color: var(--notification-notification-100, #748bff); +} + +.group:hover .group-hover\:text-Notification-notification-200 { + color: var(--notification-notification-200, #9cacff); +} + +.group:hover .group-hover\:text-Notification-notification-300 { + color: var(--notification-notification-300, #4e64d9); +} + +.group:hover .group-hover\:text-Notification-notification-400 { + color: var(--notification-notification-400, #5c6cbf); +} + +.group:hover .group-hover\:text-Notification-notification-500 { + color: var(--notification-notification-500, #3350e5); +} + +.group:hover .group-hover\:text-Notification-notification-600 { + color: var(--notification-notification-600, #283eb3); +} + +.group:hover .group-hover\:text-Notification-notification-700 { + color: var(--notification-notification-700, #172466); +} + +.group:hover .group-hover\:text-Success-success\ -700 { + color: var(--success-success-700, #24471f); +} + +.group:hover .group-hover\:text-Success-success { + color: var(--success-success, #5bb14d); +} + +.group:hover .group-hover\:text-Success-success\ -100 { + color: var(--success-success-100, #8cc882); +} + +.group:hover .group-hover\:text-Success-success\ -200 { + color: var(--success-success-200, #add8a6); +} + +.group:hover .group-hover\:text-Success-success\ -300 { + color: var(--success-success-300, #66a25c); +} + +.group:hover .group-hover\:text-Success-success\ -400 { + color: var(--success-success-400, #6d9766); +} + +.group:hover .group-hover\:text-Success-success\ -500 { + color: var(--success-success-500, #529f45); +} + +.group:hover .group-hover\:text-Success-success\ -600 { + color: var(--success-success-600, #407c36); +} + +.group:hover .group-hover\:text-Error-error { + color: var(--error-error, #f03d3e); +} + +.group:hover .group-hover\:text-Error-error-100 { + color: var(--error-error-100, #f57778); +} + +.group:hover .group-hover\:text-Error-error-200 { + color: var(--error-error-200, #f89e9e); +} + +.group:hover .group-hover\:text-Error-error-250 { + color: var(--error-error-250, #f9c8c8); +} + +.group:hover .group-hover\:text-Error-error-300 { + color: var(--error-error-300, #ce5151); +} + +.group:hover .group-hover\:text-Error-error-400 { + color: var(--error-error-400, #b85e5e); +} + +.group:hover .group-hover\:text-Error-error-500 { + color: var(--error-error-500, #d83738); +} + +.group:hover .group-hover\:text-Error-error-600 { + color: var(--error-error-600, #a82b2b); +} + +.group:hover .group-hover\:text-Error-error-700 { + color: var(--error-error-700, #601819); +} + +.focus-within\:text-colors-black:focus-within { + color: var(--colors-black, #000000); +} + +.focus-within\:text-colors-white:focus-within { + color: var(--colors-white, #ffffff); +} + +.focus-within\:text-colors-gray-100:focus-within { + color: var(--colors-gray-100, #f7fafc); +} + +.focus-within\:text-colors-gray-200:focus-within { + color: var(--colors-gray-200, #edf2f7); +} + +.focus-within\:text-colors-gray-300:focus-within { + color: var(--colors-gray-300, #e2e8f0); +} + +.focus-within\:text-colors-gray-400:focus-within { + color: var(--colors-gray-400, #cbd5e0); +} + +.focus-within\:text-colors-gray-500:focus-within { + color: var(--colors-gray-500, #a0aec0); +} + +.focus-within\:text-colors-gray-600:focus-within { + color: var(--colors-gray-600, #718096); +} + +.focus-within\:text-colors-gray-700:focus-within { + color: var(--colors-gray-700, #4a5568); +} + +.focus-within\:text-colors-gray-800:focus-within { + color: var(--colors-gray-800, #2d3748); +} + +.focus-within\:text-colors-gray-900:focus-within { + color: var(--colors-gray-900, #1a202c); +} + +.focus-within\:text-colors-red-100:focus-within { + color: var(--colors-red-100, #fff5f5); +} + +.focus-within\:text-colors-red-200:focus-within { + color: var(--colors-red-200, #fed7d7); +} + +.focus-within\:text-colors-red-300:focus-within { + color: var(--colors-red-300, #feb2b2); +} + +.focus-within\:text-colors-red-400:focus-within { + color: var(--colors-red-400, #fc8181); +} + +.focus-within\:text-colors-red-500:focus-within { + color: var(--colors-red-500, #f56565); +} + +.focus-within\:text-colors-red-600:focus-within { + color: var(--colors-red-600, #e53e3e); +} + +.focus-within\:text-colors-red-700:focus-within { + color: var(--colors-red-700, #c53030); +} + +.focus-within\:text-colors-red-800:focus-within { + color: var(--colors-red-800, #9b2c2c); +} + +.focus-within\:text-colors-red-900:focus-within { + color: var(--colors-red-900, #742a2a); +} + +.focus-within\:text-colors-orange-100:focus-within { + color: var(--colors-orange-100, #fffaf0); +} + +.focus-within\:text-colors-orange-200:focus-within { + color: var(--colors-orange-200, #feebc8); +} + +.focus-within\:text-colors-orange-300:focus-within { + color: var(--colors-orange-300, #fbd38d); +} + +.focus-within\:text-colors-orange-400:focus-within { + color: var(--colors-orange-400, #f6ad55); +} + +.focus-within\:text-colors-orange-500:focus-within { + color: var(--colors-orange-500, #ed8936); +} + +.focus-within\:text-colors-orange-600:focus-within { + color: var(--colors-orange-600, #dd6b20); +} + +.focus-within\:text-colors-orange-700:focus-within { + color: var(--colors-orange-700, #c05621); +} + +.focus-within\:text-colors-orange-800:focus-within { + color: var(--colors-orange-800, #9c4221); +} + +.focus-within\:text-colors-orange-900:focus-within { + color: var(--colors-orange-900, #7b341e); +} + +.focus-within\:text-colors-yellow-100:focus-within { + color: var(--colors-yellow-100, #fffff0); +} + +.focus-within\:text-colors-yellow-200:focus-within { + color: var(--colors-yellow-200, #fefcbf); +} + +.focus-within\:text-colors-yellow-300:focus-within { + color: var(--colors-yellow-300, #faf089); +} + +.focus-within\:text-colors-yellow-400:focus-within { + color: var(--colors-yellow-400, #f6e05e); +} + +.focus-within\:text-colors-yellow-500:focus-within { + color: var(--colors-yellow-500, #ecc94b); +} + +.focus-within\:text-colors-yellow-600:focus-within { + color: var(--colors-yellow-600, #d69e2e); +} + +.focus-within\:text-colors-yellow-700:focus-within { + color: var(--colors-yellow-700, #b7791f); +} + +.focus-within\:text-colors-yellow-800:focus-within { + color: var(--colors-yellow-800, #975a16); +} + +.focus-within\:text-colors-yellow-900:focus-within { + color: var(--colors-yellow-900, #744210); +} + +.focus-within\:text-colors-green-100:focus-within { + color: var(--colors-green-100, #f0fff4); +} + +.focus-within\:text-colors-green-200:focus-within { + color: var(--colors-green-200, #c6f6d5); +} + +.focus-within\:text-colors-green-300:focus-within { + color: var(--colors-green-300, #9ae6b4); +} + +.focus-within\:text-colors-green-400:focus-within { + color: var(--colors-green-400, #68d391); +} + +.focus-within\:text-colors-green-500:focus-within { + color: var(--colors-green-500, #48bb78); +} + +.focus-within\:text-colors-green-600:focus-within { + color: var(--colors-green-600, #38a169); +} + +.focus-within\:text-colors-green-700:focus-within { + color: var(--colors-green-700, #2f855a); +} + +.focus-within\:text-colors-green-800:focus-within { + color: var(--colors-green-800, #276749); +} + +.focus-within\:text-colors-green-900:focus-within { + color: var(--colors-green-900, #22543d); +} + +.focus-within\:text-colors-teal-100:focus-within { + color: var(--colors-teal-100, #e6fffa); +} + +.focus-within\:text-colors-teal-200:focus-within { + color: var(--colors-teal-200, #b2f5ea); +} + +.focus-within\:text-colors-teal-300:focus-within { + color: var(--colors-teal-300, #81e6d9); +} + +.focus-within\:text-colors-teal-400:focus-within { + color: var(--colors-teal-400, #4fd1c5); +} + +.focus-within\:text-colors-teal-500:focus-within { + color: var(--colors-teal-500, #38b2ac); +} + +.focus-within\:text-colors-teal-600:focus-within { + color: var(--colors-teal-600, #319795); +} + +.focus-within\:text-colors-teal-700:focus-within { + color: var(--colors-teal-700, #2c7a7b); +} + +.focus-within\:text-colors-teal-800:focus-within { + color: var(--colors-teal-800, #285e61); +} + +.focus-within\:text-colors-teal-900:focus-within { + color: var(--colors-teal-900, #234e52); +} + +.focus-within\:text-colors-blue-100:focus-within { + color: var(--colors-blue-100, #ebf8ff); +} + +.focus-within\:text-colors-blue-200:focus-within { + color: var(--colors-blue-200, #bee3f8); +} + +.focus-within\:text-colors-blue-300:focus-within { + color: var(--colors-blue-300, #90cdf4); +} + +.focus-within\:text-colors-blue-400:focus-within { + color: var(--colors-blue-400, #63b3ed); +} + +.focus-within\:text-colors-blue-500:focus-within { + color: var(--colors-blue-500, #4299e1); +} + +.focus-within\:text-colors-blue-600:focus-within { + color: var(--colors-blue-600, #3182ce); +} + +.focus-within\:text-colors-blue-700:focus-within { + color: var(--colors-blue-700, #2b6cb0); +} + +.focus-within\:text-colors-blue-800:focus-within { + color: var(--colors-blue-800, #2c5282); +} + +.focus-within\:text-colors-blue-900:focus-within { + color: var(--colors-blue-900, #2a4365); +} + +.focus-within\:text-colors-indigo-100:focus-within { + color: var(--colors-indigo-100, #ebf4ff); +} + +.focus-within\:text-colors-indigo-200:focus-within { + color: var(--colors-indigo-200, #c3dafe); +} + +.focus-within\:text-colors-indigo-300:focus-within { + color: var(--colors-indigo-300, #a3bffa); +} + +.focus-within\:text-colors-indigo-400:focus-within { + color: var(--colors-indigo-400, #7f9cf5); +} + +.focus-within\:text-colors-indigo-500:focus-within { + color: var(--colors-indigo-500, #667eea); +} + +.focus-within\:text-colors-indigo-600:focus-within { + color: var(--colors-indigo-600, #5a67d8); +} + +.focus-within\:text-colors-indigo-700:focus-within { + color: var(--colors-indigo-700, #4c51bf); +} + +.focus-within\:text-colors-indigo-800:focus-within { + color: var(--colors-indigo-800, #434190); +} + +.focus-within\:text-colors-indigo-900:focus-within { + color: var(--colors-indigo-900, #3c366b); +} + +.focus-within\:text-colors-purple-100:focus-within { + color: var(--colors-purple-100, #faf5ff); +} + +.focus-within\:text-colors-purple-200:focus-within { + color: var(--colors-purple-200, #e9d8fd); +} + +.focus-within\:text-colors-purple-300:focus-within { + color: var(--colors-purple-300, #d6bcfa); +} + +.focus-within\:text-colors-purple-400:focus-within { + color: var(--colors-purple-400, #b794f4); +} + +.focus-within\:text-colors-purple-500:focus-within { + color: var(--colors-purple-500, #9f7aea); +} + +.focus-within\:text-colors-purple-600:focus-within { + color: var(--colors-purple-600, #805ad5); +} + +.focus-within\:text-colors-purple-700:focus-within { + color: var(--colors-purple-700, #6b46c1); +} + +.focus-within\:text-colors-purple-800:focus-within { + color: var(--colors-purple-800, #553c9a); +} + +.focus-within\:text-colors-purple-900:focus-within { + color: var(--colors-purple-900, #44337a); +} + +.focus-within\:text-colors-pink-100:focus-within { + color: var(--colors-pink-100, #fff5f7); +} + +.focus-within\:text-colors-pink-200:focus-within { + color: var(--colors-pink-200, #fed7e2); +} + +.focus-within\:text-colors-pink-300:focus-within { + color: var(--colors-pink-300, #fbb6ce); +} + +.focus-within\:text-colors-pink-400:focus-within { + color: var(--colors-pink-400, #f687b3); +} + +.focus-within\:text-colors-pink-500:focus-within { + color: var(--colors-pink-500, #ed64a6); +} + +.focus-within\:text-colors-pink-600:focus-within { + color: var(--colors-pink-600, #d53f8c); +} + +.focus-within\:text-colors-pink-700:focus-within { + color: var(--colors-pink-700, #b83280); +} + +.focus-within\:text-colors-pink-800:focus-within { + color: var(--colors-pink-800, #97266d); +} + +.focus-within\:text-colors-pink-900:focus-within { + color: var(--colors-pink-900, #702459); +} + +.focus-within\:text-Box\ Shadow:focus-within { + color: var(--box-shadow, #7f7e7f); +} + +.focus-within\:text-Error16:focus-within { + color: var(--error16, #f03d3e40); +} + +.focus-within\:text-Success16:focus-within { + color: var(--success16, #5bb14d40); +} + +.focus-within\:text-Notification16:focus-within { + color: var(--notification16, #3959ff40); +} + +.focus-within\:text-Error8:focus-within { + color: var(--error8, #f03d3e1a); +} + +.focus-within\:text-Notification8:focus-within { + color: var(--notification8, #3959ff1a); +} + +.focus-within\:text-Success8:focus-within { + color: var(--success8, #5bb14d1a); +} + +.focus-within\:text-Light\ -\ Overlay:focus-within { + color: var(--light-overlay, #f0edee66); +} + +.focus-within\:text-Dark-\ Overlay:focus-within { + color: var(--dark-overlay, #7f7e7f66); +} + +.focus-within\:text-black-40:focus-within { + color: var(--black-40, #00000066); +} + +.focus-within\:text-black-75:focus-within { + color: var(--black-75, #000000bf); +} + +.focus-within\:text-black-60:focus-within { + color: var(--black-60, #00000099); +} + +.focus-within\:text-black-50:focus-within { + color: var(--black-50, #00000080); +} + +.focus-within\:text-black-25:focus-within { + color: var(--black-25, #00000040); +} + +.focus-within\:text-black-10:focus-within { + color: var(--black-10, #0000001a); +} + +.focus-within\:text-white-25:focus-within { + color: var(--white-25, #ffffff40); +} + +.focus-within\:text-white-60:focus-within { + color: var(--white-60, #ffffff99); +} + +.focus-within\:text-black-64:focus-within { + color: var(--black-64, #000000a3); +} + +.focus-within\:text-Shadow\ and\ Highlight-Shadow:focus-within { + color: var(--shadow-and-highlight-shadow, #7f7e7f); +} + +.focus-within\:text-Shadow\ and\ Highlight-Highlight:focus-within { + color: var(--shadow-and-highlight-highlight, #474747); +} + +.focus-within\:text-Shadow\ and\ Highlight-highlight\ one:focus-within { + color: var(--shadow-and-highlight-highlight-one, #474747bf); +} + +.focus-within\:text-Shadow\ and\ Highlight-highlight\ two:focus-within { + color: var(--shadow-and-highlight-highlight-two, #47474799); +} + +.focus-within\:text-Shadow\ and\ Highlight-highlight\ three:focus-within { + color: var(--shadow-and-highlight-highlight-three, #47474766); +} + +.focus-within\:text-Shadow\ and\ Highlight-highlight\ five:focus-within { + color: var(--shadow-and-highlight-highlight-five, #4747471a); +} + +.focus-within\:text-Shadow\ and\ Highlight-shadow\ one:focus-within { + color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); +} + +.focus-within\:text-Shadow\ and\ Highlight-shadow\ two:focus-within { + color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); +} + +.focus-within\:text-Shadow\ and\ Highlight-shadow\ three:focus-within { + color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); +} + +.focus-within\:text-Shadow\ and\ Highlight-shadow\ four:focus-within { + color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); +} + +.focus-within\:text-Shadow\ and\ Highlight-shadow\ five:focus-within { + color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); +} + +.focus-within\:text-Shadow\ and\ Highlight-highlight\ four:focus-within { + color: var(--shadow-and-highlight-highlight-four, #47474740); +} + +.focus-within\:text-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus-within { + color: var(--base-layer-styles-base-layer-light-white, #ffffff); +} + +.focus-within\:text-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus-within { + color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); +} + +.focus-within\:text-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus-within { + color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); +} + +.focus-within\:text-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus-within { + color: var(--base-layer-styles-base-layer-dark-black, #000000); +} + +.focus-within\:text-Grey-Scale-white:focus-within { + color: var(--grey-scale-white, #ffffff); +} + +.focus-within\:text-Grey-Scale-off-white:focus-within { + color: var(--grey-scale-off-white, #f0edee); +} + +.focus-within\:text-Grey\ Scale-grey:focus-within { + color: var(--grey-scale-grey, #7f7e7f); +} + +.focus-within\:text-Grey\ Scale-charcoal:focus-within { + color: var(--grey-scale-charcoal, #474747); +} + +.focus-within\:text-Grey\ Scale-off-black:focus-within { + color: var(--grey-scale-off-black, #1c1c1c); +} + +.focus-within\:text-Grey\ Scale-black:focus-within { + color: var(--grey-scale-black, #000000); +} + +.focus-within\:text-Blue-blue:focus-within { + color: var(--blue-blue, #3a7ca5); +} + +.focus-within\:text-Blue-blue-100:focus-within { + color: var(--blue-blue-100, #75a3c0); +} + +.focus-within\:text-Blue-blue-200:focus-within { + color: var(--blue-blue-200, #9cbed2); +} + +.focus-within\:text-Blue-blue-300:focus-within { + color: var(--blue-blue-300, #4f7d9a); +} + +.focus-within\:text-Blue-blue-400:focus-within { + color: var(--blue-blue-400, #5c7d92); +} + +.focus-within\:text-Blue-blue-500:focus-within { + color: var(--blue-blue-500, #347095); +} + +.focus-within\:text-Blue-blue-600:focus-within { + color: var(--blue-blue-600, #295774); +} + +.focus-within\:text-Blue-blue-700:focus-within { + color: var(--blue-blue-700, #173242); +} + +.focus-within\:text-LightBlue-lightblue:focus-within { + color: var(--light-blue-lightblue, #81c3d7); +} + +.focus-within\:text-LightBlue-lightblue-100:focus-within { + color: var(--light-blue-lightblue-100, #a7d5e3); +} + +.focus-within\:text-LightBlue-lightblue-200:focus-within { + color: var(--light-blue-lightblue-200, #c0e1eb); +} + +.focus-within\:text-LightBlue-lightblue-300:focus-within { + color: var(--light-blue-lightblue-300, #80aebd); +} + +.focus-within\:text-LightBlue-lightblue-400:focus-within { + color: var(--light-blue-lightblue-400, #80a0ab); +} + +.focus-within\:text-LightBlue-lightblue-500:focus-within { + color: var(--light-blue-lightblue-500, #74afc1); +} + +.focus-within\:text-LightBlue-lightblue-600:focus-within { + color: var(--light-blue-lightblue-600, #5a8997); +} + +.focus-within\:text-LightBlue-lightblue-650:focus-within { + color: var(--light-blue-lightblue-650, #3e5e65); +} + +.focus-within\:text-LightBlue-lightblue-700:focus-within { + color: var(--light-blue-lightblue-700, #344e56); +} + +.focus-within\:text-Orange-orange:focus-within { + color: var(--orange-orange, #ff7f0e); +} + +.focus-within\:text-Orange-orange-100:focus-within { + color: var(--orange-orange-100, #ffa556); +} + +.focus-within\:text-Orange-orange-200:focus-within { + color: var(--orange-orange-200, #ffbf86); +} + +.focus-within\:text-Orange-orange-300:focus-within { + color: var(--orange-orange-300, #d97f30); +} + +.focus-within\:text-Orange-orange-400:focus-within { + color: var(--orange-orange-400, #bf7e46); +} + +.focus-within\:text-Orange-orange-500:focus-within { + color: var(--orange-orange-500, #e5720d); +} + +.focus-within\:text-Orange-orange-600:focus-within { + color: var(--orange-orange-600, #b3590a); +} + +.focus-within\:text-Orange-orange-700:focus-within { + color: var(--orange-orange-700, #663306); +} + +.focus-within\:text-Yellow-yellow:focus-within { + color: var(--yellow-yellow, #ffab00); +} + +.focus-within\:text-Yellow-yellow-100:focus-within { + color: var(--yellow-yellow-100, #ffc44c); +} + +.focus-within\:text-Yellow-yellow-200:focus-within { + color: var(--yellow-yellow-200, #ffd580); +} + +.focus-within\:text-Yellow-yellow-300:focus-within { + color: var(--yellow-yellow-300, #d99d26); +} + +.focus-within\:text-Yellow-yellow-400:focus-within { + color: var(--yellow-yellow-400, #bf943f); +} + +.focus-within\:text-Yellow-yellow-500:focus-within { + color: var(--yellow-yellow-500, #e59a00); +} + +.focus-within\:text-Yellow-yellow-600:focus-within { + color: var(--yellow-yellow-600, #b37800); +} + +.focus-within\:text-Yellow-yellow-700:focus-within { + color: var(--yellow-yellow-700, #664400); +} + +.focus-within\:text-Notification-notification:focus-within { + color: var(--notification-notification, #3959ff); +} + +.focus-within\:text-Notification-notification-100:focus-within { + color: var(--notification-notification-100, #748bff); +} + +.focus-within\:text-Notification-notification-200:focus-within { + color: var(--notification-notification-200, #9cacff); +} + +.focus-within\:text-Notification-notification-300:focus-within { + color: var(--notification-notification-300, #4e64d9); +} + +.focus-within\:text-Notification-notification-400:focus-within { + color: var(--notification-notification-400, #5c6cbf); +} + +.focus-within\:text-Notification-notification-500:focus-within { + color: var(--notification-notification-500, #3350e5); +} + +.focus-within\:text-Notification-notification-600:focus-within { + color: var(--notification-notification-600, #283eb3); +} + +.focus-within\:text-Notification-notification-700:focus-within { + color: var(--notification-notification-700, #172466); +} + +.focus-within\:text-Success-success\ -700:focus-within { + color: var(--success-success-700, #24471f); +} + +.focus-within\:text-Success-success:focus-within { + color: var(--success-success, #5bb14d); +} + +.focus-within\:text-Success-success\ -100:focus-within { + color: var(--success-success-100, #8cc882); +} + +.focus-within\:text-Success-success\ -200:focus-within { + color: var(--success-success-200, #add8a6); +} + +.focus-within\:text-Success-success\ -300:focus-within { + color: var(--success-success-300, #66a25c); +} + +.focus-within\:text-Success-success\ -400:focus-within { + color: var(--success-success-400, #6d9766); +} + +.focus-within\:text-Success-success\ -500:focus-within { + color: var(--success-success-500, #529f45); +} + +.focus-within\:text-Success-success\ -600:focus-within { + color: var(--success-success-600, #407c36); +} + +.focus-within\:text-Error-error:focus-within { + color: var(--error-error, #f03d3e); +} + +.focus-within\:text-Error-error-100:focus-within { + color: var(--error-error-100, #f57778); +} + +.focus-within\:text-Error-error-200:focus-within { + color: var(--error-error-200, #f89e9e); +} + +.focus-within\:text-Error-error-250:focus-within { + color: var(--error-error-250, #f9c8c8); +} + +.focus-within\:text-Error-error-300:focus-within { + color: var(--error-error-300, #ce5151); +} + +.focus-within\:text-Error-error-400:focus-within { + color: var(--error-error-400, #b85e5e); +} + +.focus-within\:text-Error-error-500:focus-within { + color: var(--error-error-500, #d83738); +} + +.focus-within\:text-Error-error-600:focus-within { + color: var(--error-error-600, #a82b2b); +} + +.focus-within\:text-Error-error-700:focus-within { + color: var(--error-error-700, #601819); +} + +.hover\:text-colors-black:hover { + color: var(--colors-black, #000000); +} + +.hover\:text-colors-white:hover { + color: var(--colors-white, #ffffff); +} + +.hover\:text-colors-gray-100:hover { + color: var(--colors-gray-100, #f7fafc); +} + +.hover\:text-colors-gray-200:hover { + color: var(--colors-gray-200, #edf2f7); +} + +.hover\:text-colors-gray-300:hover { + color: var(--colors-gray-300, #e2e8f0); +} + +.hover\:text-colors-gray-400:hover { + color: var(--colors-gray-400, #cbd5e0); +} + +.hover\:text-colors-gray-500:hover { + color: var(--colors-gray-500, #a0aec0); +} + +.hover\:text-colors-gray-600:hover { + color: var(--colors-gray-600, #718096); +} + +.hover\:text-colors-gray-700:hover { + color: var(--colors-gray-700, #4a5568); +} + +.hover\:text-colors-gray-800:hover { + color: var(--colors-gray-800, #2d3748); +} + +.hover\:text-colors-gray-900:hover { + color: var(--colors-gray-900, #1a202c); +} + +.hover\:text-colors-red-100:hover { + color: var(--colors-red-100, #fff5f5); +} + +.hover\:text-colors-red-200:hover { + color: var(--colors-red-200, #fed7d7); +} + +.hover\:text-colors-red-300:hover { + color: var(--colors-red-300, #feb2b2); +} + +.hover\:text-colors-red-400:hover { + color: var(--colors-red-400, #fc8181); +} + +.hover\:text-colors-red-500:hover { + color: var(--colors-red-500, #f56565); +} + +.hover\:text-colors-red-600:hover { + color: var(--colors-red-600, #e53e3e); +} + +.hover\:text-colors-red-700:hover { + color: var(--colors-red-700, #c53030); +} + +.hover\:text-colors-red-800:hover { + color: var(--colors-red-800, #9b2c2c); +} + +.hover\:text-colors-red-900:hover { + color: var(--colors-red-900, #742a2a); +} + +.hover\:text-colors-orange-100:hover { + color: var(--colors-orange-100, #fffaf0); +} + +.hover\:text-colors-orange-200:hover { + color: var(--colors-orange-200, #feebc8); +} + +.hover\:text-colors-orange-300:hover { + color: var(--colors-orange-300, #fbd38d); +} + +.hover\:text-colors-orange-400:hover { + color: var(--colors-orange-400, #f6ad55); +} + +.hover\:text-colors-orange-500:hover { + color: var(--colors-orange-500, #ed8936); +} + +.hover\:text-colors-orange-600:hover { + color: var(--colors-orange-600, #dd6b20); +} + +.hover\:text-colors-orange-700:hover { + color: var(--colors-orange-700, #c05621); +} + +.hover\:text-colors-orange-800:hover { + color: var(--colors-orange-800, #9c4221); +} + +.hover\:text-colors-orange-900:hover { + color: var(--colors-orange-900, #7b341e); +} + +.hover\:text-colors-yellow-100:hover { + color: var(--colors-yellow-100, #fffff0); +} + +.hover\:text-colors-yellow-200:hover { + color: var(--colors-yellow-200, #fefcbf); +} + +.hover\:text-colors-yellow-300:hover { + color: var(--colors-yellow-300, #faf089); +} + +.hover\:text-colors-yellow-400:hover { + color: var(--colors-yellow-400, #f6e05e); +} + +.hover\:text-colors-yellow-500:hover { + color: var(--colors-yellow-500, #ecc94b); +} + +.hover\:text-colors-yellow-600:hover { + color: var(--colors-yellow-600, #d69e2e); +} + +.hover\:text-colors-yellow-700:hover { + color: var(--colors-yellow-700, #b7791f); +} + +.hover\:text-colors-yellow-800:hover { + color: var(--colors-yellow-800, #975a16); +} + +.hover\:text-colors-yellow-900:hover { + color: var(--colors-yellow-900, #744210); +} + +.hover\:text-colors-green-100:hover { + color: var(--colors-green-100, #f0fff4); +} + +.hover\:text-colors-green-200:hover { + color: var(--colors-green-200, #c6f6d5); +} + +.hover\:text-colors-green-300:hover { + color: var(--colors-green-300, #9ae6b4); +} + +.hover\:text-colors-green-400:hover { + color: var(--colors-green-400, #68d391); +} + +.hover\:text-colors-green-500:hover { + color: var(--colors-green-500, #48bb78); +} + +.hover\:text-colors-green-600:hover { + color: var(--colors-green-600, #38a169); +} + +.hover\:text-colors-green-700:hover { + color: var(--colors-green-700, #2f855a); +} + +.hover\:text-colors-green-800:hover { + color: var(--colors-green-800, #276749); +} + +.hover\:text-colors-green-900:hover { + color: var(--colors-green-900, #22543d); +} + +.hover\:text-colors-teal-100:hover { + color: var(--colors-teal-100, #e6fffa); +} + +.hover\:text-colors-teal-200:hover { + color: var(--colors-teal-200, #b2f5ea); +} + +.hover\:text-colors-teal-300:hover { + color: var(--colors-teal-300, #81e6d9); +} + +.hover\:text-colors-teal-400:hover { + color: var(--colors-teal-400, #4fd1c5); +} + +.hover\:text-colors-teal-500:hover { + color: var(--colors-teal-500, #38b2ac); +} + +.hover\:text-colors-teal-600:hover { + color: var(--colors-teal-600, #319795); +} + +.hover\:text-colors-teal-700:hover { + color: var(--colors-teal-700, #2c7a7b); +} + +.hover\:text-colors-teal-800:hover { + color: var(--colors-teal-800, #285e61); +} + +.hover\:text-colors-teal-900:hover { + color: var(--colors-teal-900, #234e52); +} + +.hover\:text-colors-blue-100:hover { + color: var(--colors-blue-100, #ebf8ff); +} + +.hover\:text-colors-blue-200:hover { + color: var(--colors-blue-200, #bee3f8); +} + +.hover\:text-colors-blue-300:hover { + color: var(--colors-blue-300, #90cdf4); +} + +.hover\:text-colors-blue-400:hover { + color: var(--colors-blue-400, #63b3ed); +} + +.hover\:text-colors-blue-500:hover { + color: var(--colors-blue-500, #4299e1); +} + +.hover\:text-colors-blue-600:hover { + color: var(--colors-blue-600, #3182ce); +} + +.hover\:text-colors-blue-700:hover { + color: var(--colors-blue-700, #2b6cb0); +} + +.hover\:text-colors-blue-800:hover { + color: var(--colors-blue-800, #2c5282); +} + +.hover\:text-colors-blue-900:hover { + color: var(--colors-blue-900, #2a4365); +} + +.hover\:text-colors-indigo-100:hover { + color: var(--colors-indigo-100, #ebf4ff); +} + +.hover\:text-colors-indigo-200:hover { + color: var(--colors-indigo-200, #c3dafe); +} + +.hover\:text-colors-indigo-300:hover { + color: var(--colors-indigo-300, #a3bffa); +} + +.hover\:text-colors-indigo-400:hover { + color: var(--colors-indigo-400, #7f9cf5); +} + +.hover\:text-colors-indigo-500:hover { + color: var(--colors-indigo-500, #667eea); +} + +.hover\:text-colors-indigo-600:hover { + color: var(--colors-indigo-600, #5a67d8); +} + +.hover\:text-colors-indigo-700:hover { + color: var(--colors-indigo-700, #4c51bf); +} + +.hover\:text-colors-indigo-800:hover { + color: var(--colors-indigo-800, #434190); +} + +.hover\:text-colors-indigo-900:hover { + color: var(--colors-indigo-900, #3c366b); +} + +.hover\:text-colors-purple-100:hover { + color: var(--colors-purple-100, #faf5ff); +} + +.hover\:text-colors-purple-200:hover { + color: var(--colors-purple-200, #e9d8fd); +} + +.hover\:text-colors-purple-300:hover { + color: var(--colors-purple-300, #d6bcfa); +} + +.hover\:text-colors-purple-400:hover { + color: var(--colors-purple-400, #b794f4); +} + +.hover\:text-colors-purple-500:hover { + color: var(--colors-purple-500, #9f7aea); +} + +.hover\:text-colors-purple-600:hover { + color: var(--colors-purple-600, #805ad5); +} + +.hover\:text-colors-purple-700:hover { + color: var(--colors-purple-700, #6b46c1); +} + +.hover\:text-colors-purple-800:hover { + color: var(--colors-purple-800, #553c9a); +} + +.hover\:text-colors-purple-900:hover { + color: var(--colors-purple-900, #44337a); +} + +.hover\:text-colors-pink-100:hover { + color: var(--colors-pink-100, #fff5f7); +} + +.hover\:text-colors-pink-200:hover { + color: var(--colors-pink-200, #fed7e2); +} + +.hover\:text-colors-pink-300:hover { + color: var(--colors-pink-300, #fbb6ce); +} + +.hover\:text-colors-pink-400:hover { + color: var(--colors-pink-400, #f687b3); +} + +.hover\:text-colors-pink-500:hover { + color: var(--colors-pink-500, #ed64a6); +} + +.hover\:text-colors-pink-600:hover { + color: var(--colors-pink-600, #d53f8c); +} + +.hover\:text-colors-pink-700:hover { + color: var(--colors-pink-700, #b83280); +} + +.hover\:text-colors-pink-800:hover { + color: var(--colors-pink-800, #97266d); +} + +.hover\:text-colors-pink-900:hover { + color: var(--colors-pink-900, #702459); +} + +.hover\:text-Box\ Shadow:hover { + color: var(--box-shadow, #7f7e7f); +} + +.hover\:text-Error16:hover { + color: var(--error16, #f03d3e40); +} + +.hover\:text-Success16:hover { + color: var(--success16, #5bb14d40); +} + +.hover\:text-Notification16:hover { + color: var(--notification16, #3959ff40); +} + +.hover\:text-Error8:hover { + color: var(--error8, #f03d3e1a); +} + +.hover\:text-Notification8:hover { + color: var(--notification8, #3959ff1a); +} + +.hover\:text-Success8:hover { + color: var(--success8, #5bb14d1a); +} + +.hover\:text-Light\ -\ Overlay:hover { + color: var(--light-overlay, #f0edee66); +} + +.hover\:text-Dark-\ Overlay:hover { + color: var(--dark-overlay, #7f7e7f66); +} + +.hover\:text-black-40:hover { + color: var(--black-40, #00000066); +} + +.hover\:text-black-75:hover { + color: var(--black-75, #000000bf); +} + +.hover\:text-black-60:hover { + color: var(--black-60, #00000099); +} + +.hover\:text-black-50:hover { + color: var(--black-50, #00000080); +} + +.hover\:text-black-25:hover { + color: var(--black-25, #00000040); +} + +.hover\:text-black-10:hover { + color: var(--black-10, #0000001a); +} + +.hover\:text-white-25:hover { + color: var(--white-25, #ffffff40); +} + +.hover\:text-white-60:hover { + color: var(--white-60, #ffffff99); +} + +.hover\:text-black-64:hover { + color: var(--black-64, #000000a3); +} + +.hover\:text-Shadow\ and\ Highlight-Shadow:hover { + color: var(--shadow-and-highlight-shadow, #7f7e7f); +} + +.hover\:text-Shadow\ and\ Highlight-Highlight:hover { + color: var(--shadow-and-highlight-highlight, #474747); +} + +.hover\:text-Shadow\ and\ Highlight-highlight\ one:hover { + color: var(--shadow-and-highlight-highlight-one, #474747bf); +} + +.hover\:text-Shadow\ and\ Highlight-highlight\ two:hover { + color: var(--shadow-and-highlight-highlight-two, #47474799); +} + +.hover\:text-Shadow\ and\ Highlight-highlight\ three:hover { + color: var(--shadow-and-highlight-highlight-three, #47474766); +} + +.hover\:text-Shadow\ and\ Highlight-highlight\ five:hover { + color: var(--shadow-and-highlight-highlight-five, #4747471a); +} + +.hover\:text-Shadow\ and\ Highlight-shadow\ one:hover { + color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); +} + +.hover\:text-Shadow\ and\ Highlight-shadow\ two:hover { + color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); +} + +.hover\:text-Shadow\ and\ Highlight-shadow\ three:hover { + color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); +} + +.hover\:text-Shadow\ and\ Highlight-shadow\ four:hover { + color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); +} + +.hover\:text-Shadow\ and\ Highlight-shadow\ five:hover { + color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); +} + +.hover\:text-Shadow\ and\ Highlight-highlight\ four:hover { + color: var(--shadow-and-highlight-highlight-four, #47474740); +} + +.hover\:text-Base\ Layer\ Styles-Base\ Layer-\ Light-White:hover { + color: var(--base-layer-styles-base-layer-light-white, #ffffff); +} + +.hover\:text-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:hover { + color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); +} + +.hover\:text-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:hover { + color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); +} + +.hover\:text-Base\ Layer\ Styles-Base\ Layer-Dark-Black:hover { + color: var(--base-layer-styles-base-layer-dark-black, #000000); +} + +.hover\:text-Grey-Scale-white:hover { + color: var(--grey-scale-white, #ffffff); +} + +.hover\:text-Grey-Scale-off-white:hover { + color: var(--grey-scale-off-white, #f0edee); +} + +.hover\:text-Grey\ Scale-grey:hover { + color: var(--grey-scale-grey, #7f7e7f); +} + +.hover\:text-Grey\ Scale-charcoal:hover { + color: var(--grey-scale-charcoal, #474747); +} + +.hover\:text-Grey\ Scale-off-black:hover { + color: var(--grey-scale-off-black, #1c1c1c); +} + +.hover\:text-Grey\ Scale-black:hover { + color: var(--grey-scale-black, #000000); +} + +.hover\:text-Blue-blue:hover { + color: var(--blue-blue, #3a7ca5); +} + +.hover\:text-Blue-blue-100:hover { + color: var(--blue-blue-100, #75a3c0); +} + +.hover\:text-Blue-blue-200:hover { + color: var(--blue-blue-200, #9cbed2); +} + +.hover\:text-Blue-blue-300:hover { + color: var(--blue-blue-300, #4f7d9a); +} + +.hover\:text-Blue-blue-400:hover { + color: var(--blue-blue-400, #5c7d92); +} + +.hover\:text-Blue-blue-500:hover { + color: var(--blue-blue-500, #347095); +} + +.hover\:text-Blue-blue-600:hover { + color: var(--blue-blue-600, #295774); +} + +.hover\:text-Blue-blue-700:hover { + color: var(--blue-blue-700, #173242); +} + +.hover\:text-LightBlue-lightblue:hover { + color: var(--light-blue-lightblue, #81c3d7); +} + +.hover\:text-LightBlue-lightblue-100:hover { + color: var(--light-blue-lightblue-100, #a7d5e3); +} + +.hover\:text-LightBlue-lightblue-200:hover { + color: var(--light-blue-lightblue-200, #c0e1eb); +} + +.hover\:text-LightBlue-lightblue-300:hover { + color: var(--light-blue-lightblue-300, #80aebd); +} + +.hover\:text-LightBlue-lightblue-400:hover { + color: var(--light-blue-lightblue-400, #80a0ab); +} + +.hover\:text-LightBlue-lightblue-500:hover { + color: var(--light-blue-lightblue-500, #74afc1); +} + +.hover\:text-LightBlue-lightblue-600:hover { + color: var(--light-blue-lightblue-600, #5a8997); +} + +.hover\:text-LightBlue-lightblue-650:hover { + color: var(--light-blue-lightblue-650, #3e5e65); +} + +.hover\:text-LightBlue-lightblue-700:hover { + color: var(--light-blue-lightblue-700, #344e56); +} + +.hover\:text-Orange-orange:hover { + color: var(--orange-orange, #ff7f0e); +} + +.hover\:text-Orange-orange-100:hover { + color: var(--orange-orange-100, #ffa556); +} + +.hover\:text-Orange-orange-200:hover { + color: var(--orange-orange-200, #ffbf86); +} + +.hover\:text-Orange-orange-300:hover { + color: var(--orange-orange-300, #d97f30); +} + +.hover\:text-Orange-orange-400:hover { + color: var(--orange-orange-400, #bf7e46); +} + +.hover\:text-Orange-orange-500:hover { + color: var(--orange-orange-500, #e5720d); +} + +.hover\:text-Orange-orange-600:hover { + color: var(--orange-orange-600, #b3590a); +} + +.hover\:text-Orange-orange-700:hover { + color: var(--orange-orange-700, #663306); +} + +.hover\:text-Yellow-yellow:hover { + color: var(--yellow-yellow, #ffab00); +} + +.hover\:text-Yellow-yellow-100:hover { + color: var(--yellow-yellow-100, #ffc44c); +} + +.hover\:text-Yellow-yellow-200:hover { + color: var(--yellow-yellow-200, #ffd580); +} + +.hover\:text-Yellow-yellow-300:hover { + color: var(--yellow-yellow-300, #d99d26); +} + +.hover\:text-Yellow-yellow-400:hover { + color: var(--yellow-yellow-400, #bf943f); +} + +.hover\:text-Yellow-yellow-500:hover { + color: var(--yellow-yellow-500, #e59a00); +} + +.hover\:text-Yellow-yellow-600:hover { + color: var(--yellow-yellow-600, #b37800); +} + +.hover\:text-Yellow-yellow-700:hover { + color: var(--yellow-yellow-700, #664400); +} + +.hover\:text-Notification-notification:hover { + color: var(--notification-notification, #3959ff); +} + +.hover\:text-Notification-notification-100:hover { + color: var(--notification-notification-100, #748bff); +} + +.hover\:text-Notification-notification-200:hover { + color: var(--notification-notification-200, #9cacff); +} + +.hover\:text-Notification-notification-300:hover { + color: var(--notification-notification-300, #4e64d9); +} + +.hover\:text-Notification-notification-400:hover { + color: var(--notification-notification-400, #5c6cbf); +} + +.hover\:text-Notification-notification-500:hover { + color: var(--notification-notification-500, #3350e5); +} + +.hover\:text-Notification-notification-600:hover { + color: var(--notification-notification-600, #283eb3); +} + +.hover\:text-Notification-notification-700:hover { + color: var(--notification-notification-700, #172466); +} + +.hover\:text-Success-success\ -700:hover { + color: var(--success-success-700, #24471f); +} + +.hover\:text-Success-success:hover { + color: var(--success-success, #5bb14d); +} + +.hover\:text-Success-success\ -100:hover { + color: var(--success-success-100, #8cc882); +} + +.hover\:text-Success-success\ -200:hover { + color: var(--success-success-200, #add8a6); +} + +.hover\:text-Success-success\ -300:hover { + color: var(--success-success-300, #66a25c); +} + +.hover\:text-Success-success\ -400:hover { + color: var(--success-success-400, #6d9766); +} + +.hover\:text-Success-success\ -500:hover { + color: var(--success-success-500, #529f45); +} + +.hover\:text-Success-success\ -600:hover { + color: var(--success-success-600, #407c36); +} + +.hover\:text-Error-error:hover { + color: var(--error-error, #f03d3e); +} + +.hover\:text-Error-error-100:hover { + color: var(--error-error-100, #f57778); +} + +.hover\:text-Error-error-200:hover { + color: var(--error-error-200, #f89e9e); +} + +.hover\:text-Error-error-250:hover { + color: var(--error-error-250, #f9c8c8); +} + +.hover\:text-Error-error-300:hover { + color: var(--error-error-300, #ce5151); +} + +.hover\:text-Error-error-400:hover { + color: var(--error-error-400, #b85e5e); +} + +.hover\:text-Error-error-500:hover { + color: var(--error-error-500, #d83738); +} + +.hover\:text-Error-error-600:hover { + color: var(--error-error-600, #a82b2b); +} + +.hover\:text-Error-error-700:hover { + color: var(--error-error-700, #601819); +} + +.focus\:text-colors-black:focus { + color: var(--colors-black, #000000); +} + +.focus\:text-colors-white:focus { + color: var(--colors-white, #ffffff); +} + +.focus\:text-colors-gray-100:focus { + color: var(--colors-gray-100, #f7fafc); +} + +.focus\:text-colors-gray-200:focus { + color: var(--colors-gray-200, #edf2f7); +} + +.focus\:text-colors-gray-300:focus { + color: var(--colors-gray-300, #e2e8f0); +} + +.focus\:text-colors-gray-400:focus { + color: var(--colors-gray-400, #cbd5e0); +} + +.focus\:text-colors-gray-500:focus { + color: var(--colors-gray-500, #a0aec0); +} + +.focus\:text-colors-gray-600:focus { + color: var(--colors-gray-600, #718096); +} + +.focus\:text-colors-gray-700:focus { + color: var(--colors-gray-700, #4a5568); +} + +.focus\:text-colors-gray-800:focus { + color: var(--colors-gray-800, #2d3748); +} + +.focus\:text-colors-gray-900:focus { + color: var(--colors-gray-900, #1a202c); +} + +.focus\:text-colors-red-100:focus { + color: var(--colors-red-100, #fff5f5); +} + +.focus\:text-colors-red-200:focus { + color: var(--colors-red-200, #fed7d7); +} + +.focus\:text-colors-red-300:focus { + color: var(--colors-red-300, #feb2b2); +} + +.focus\:text-colors-red-400:focus { + color: var(--colors-red-400, #fc8181); +} + +.focus\:text-colors-red-500:focus { + color: var(--colors-red-500, #f56565); +} + +.focus\:text-colors-red-600:focus { + color: var(--colors-red-600, #e53e3e); +} + +.focus\:text-colors-red-700:focus { + color: var(--colors-red-700, #c53030); +} + +.focus\:text-colors-red-800:focus { + color: var(--colors-red-800, #9b2c2c); +} + +.focus\:text-colors-red-900:focus { + color: var(--colors-red-900, #742a2a); +} + +.focus\:text-colors-orange-100:focus { + color: var(--colors-orange-100, #fffaf0); +} + +.focus\:text-colors-orange-200:focus { + color: var(--colors-orange-200, #feebc8); +} + +.focus\:text-colors-orange-300:focus { + color: var(--colors-orange-300, #fbd38d); +} + +.focus\:text-colors-orange-400:focus { + color: var(--colors-orange-400, #f6ad55); +} + +.focus\:text-colors-orange-500:focus { + color: var(--colors-orange-500, #ed8936); +} + +.focus\:text-colors-orange-600:focus { + color: var(--colors-orange-600, #dd6b20); +} + +.focus\:text-colors-orange-700:focus { + color: var(--colors-orange-700, #c05621); +} + +.focus\:text-colors-orange-800:focus { + color: var(--colors-orange-800, #9c4221); +} + +.focus\:text-colors-orange-900:focus { + color: var(--colors-orange-900, #7b341e); +} + +.focus\:text-colors-yellow-100:focus { + color: var(--colors-yellow-100, #fffff0); +} + +.focus\:text-colors-yellow-200:focus { + color: var(--colors-yellow-200, #fefcbf); +} + +.focus\:text-colors-yellow-300:focus { + color: var(--colors-yellow-300, #faf089); +} + +.focus\:text-colors-yellow-400:focus { + color: var(--colors-yellow-400, #f6e05e); +} + +.focus\:text-colors-yellow-500:focus { + color: var(--colors-yellow-500, #ecc94b); +} + +.focus\:text-colors-yellow-600:focus { + color: var(--colors-yellow-600, #d69e2e); +} + +.focus\:text-colors-yellow-700:focus { + color: var(--colors-yellow-700, #b7791f); +} + +.focus\:text-colors-yellow-800:focus { + color: var(--colors-yellow-800, #975a16); +} + +.focus\:text-colors-yellow-900:focus { + color: var(--colors-yellow-900, #744210); +} + +.focus\:text-colors-green-100:focus { + color: var(--colors-green-100, #f0fff4); +} + +.focus\:text-colors-green-200:focus { + color: var(--colors-green-200, #c6f6d5); +} + +.focus\:text-colors-green-300:focus { + color: var(--colors-green-300, #9ae6b4); +} + +.focus\:text-colors-green-400:focus { + color: var(--colors-green-400, #68d391); +} + +.focus\:text-colors-green-500:focus { + color: var(--colors-green-500, #48bb78); +} + +.focus\:text-colors-green-600:focus { + color: var(--colors-green-600, #38a169); +} + +.focus\:text-colors-green-700:focus { + color: var(--colors-green-700, #2f855a); +} + +.focus\:text-colors-green-800:focus { + color: var(--colors-green-800, #276749); +} + +.focus\:text-colors-green-900:focus { + color: var(--colors-green-900, #22543d); +} + +.focus\:text-colors-teal-100:focus { + color: var(--colors-teal-100, #e6fffa); +} + +.focus\:text-colors-teal-200:focus { + color: var(--colors-teal-200, #b2f5ea); +} + +.focus\:text-colors-teal-300:focus { + color: var(--colors-teal-300, #81e6d9); +} + +.focus\:text-colors-teal-400:focus { + color: var(--colors-teal-400, #4fd1c5); +} + +.focus\:text-colors-teal-500:focus { + color: var(--colors-teal-500, #38b2ac); +} + +.focus\:text-colors-teal-600:focus { + color: var(--colors-teal-600, #319795); +} + +.focus\:text-colors-teal-700:focus { + color: var(--colors-teal-700, #2c7a7b); +} + +.focus\:text-colors-teal-800:focus { + color: var(--colors-teal-800, #285e61); +} + +.focus\:text-colors-teal-900:focus { + color: var(--colors-teal-900, #234e52); +} + +.focus\:text-colors-blue-100:focus { + color: var(--colors-blue-100, #ebf8ff); +} + +.focus\:text-colors-blue-200:focus { + color: var(--colors-blue-200, #bee3f8); +} + +.focus\:text-colors-blue-300:focus { + color: var(--colors-blue-300, #90cdf4); +} + +.focus\:text-colors-blue-400:focus { + color: var(--colors-blue-400, #63b3ed); +} + +.focus\:text-colors-blue-500:focus { + color: var(--colors-blue-500, #4299e1); +} + +.focus\:text-colors-blue-600:focus { + color: var(--colors-blue-600, #3182ce); +} + +.focus\:text-colors-blue-700:focus { + color: var(--colors-blue-700, #2b6cb0); +} + +.focus\:text-colors-blue-800:focus { + color: var(--colors-blue-800, #2c5282); +} + +.focus\:text-colors-blue-900:focus { + color: var(--colors-blue-900, #2a4365); +} + +.focus\:text-colors-indigo-100:focus { + color: var(--colors-indigo-100, #ebf4ff); +} + +.focus\:text-colors-indigo-200:focus { + color: var(--colors-indigo-200, #c3dafe); +} + +.focus\:text-colors-indigo-300:focus { + color: var(--colors-indigo-300, #a3bffa); +} + +.focus\:text-colors-indigo-400:focus { + color: var(--colors-indigo-400, #7f9cf5); +} + +.focus\:text-colors-indigo-500:focus { + color: var(--colors-indigo-500, #667eea); +} + +.focus\:text-colors-indigo-600:focus { + color: var(--colors-indigo-600, #5a67d8); +} + +.focus\:text-colors-indigo-700:focus { + color: var(--colors-indigo-700, #4c51bf); +} + +.focus\:text-colors-indigo-800:focus { + color: var(--colors-indigo-800, #434190); +} + +.focus\:text-colors-indigo-900:focus { + color: var(--colors-indigo-900, #3c366b); +} + +.focus\:text-colors-purple-100:focus { + color: var(--colors-purple-100, #faf5ff); +} + +.focus\:text-colors-purple-200:focus { + color: var(--colors-purple-200, #e9d8fd); +} + +.focus\:text-colors-purple-300:focus { + color: var(--colors-purple-300, #d6bcfa); +} + +.focus\:text-colors-purple-400:focus { + color: var(--colors-purple-400, #b794f4); +} + +.focus\:text-colors-purple-500:focus { + color: var(--colors-purple-500, #9f7aea); +} + +.focus\:text-colors-purple-600:focus { + color: var(--colors-purple-600, #805ad5); +} + +.focus\:text-colors-purple-700:focus { + color: var(--colors-purple-700, #6b46c1); +} + +.focus\:text-colors-purple-800:focus { + color: var(--colors-purple-800, #553c9a); +} + +.focus\:text-colors-purple-900:focus { + color: var(--colors-purple-900, #44337a); +} + +.focus\:text-colors-pink-100:focus { + color: var(--colors-pink-100, #fff5f7); +} + +.focus\:text-colors-pink-200:focus { + color: var(--colors-pink-200, #fed7e2); +} + +.focus\:text-colors-pink-300:focus { + color: var(--colors-pink-300, #fbb6ce); +} + +.focus\:text-colors-pink-400:focus { + color: var(--colors-pink-400, #f687b3); +} + +.focus\:text-colors-pink-500:focus { + color: var(--colors-pink-500, #ed64a6); +} + +.focus\:text-colors-pink-600:focus { + color: var(--colors-pink-600, #d53f8c); +} + +.focus\:text-colors-pink-700:focus { + color: var(--colors-pink-700, #b83280); +} + +.focus\:text-colors-pink-800:focus { + color: var(--colors-pink-800, #97266d); +} + +.focus\:text-colors-pink-900:focus { + color: var(--colors-pink-900, #702459); +} + +.focus\:text-Box\ Shadow:focus { + color: var(--box-shadow, #7f7e7f); +} + +.focus\:text-Error16:focus { + color: var(--error16, #f03d3e40); +} + +.focus\:text-Success16:focus { + color: var(--success16, #5bb14d40); +} + +.focus\:text-Notification16:focus { + color: var(--notification16, #3959ff40); +} + +.focus\:text-Error8:focus { + color: var(--error8, #f03d3e1a); +} + +.focus\:text-Notification8:focus { + color: var(--notification8, #3959ff1a); +} + +.focus\:text-Success8:focus { + color: var(--success8, #5bb14d1a); +} + +.focus\:text-Light\ -\ Overlay:focus { + color: var(--light-overlay, #f0edee66); +} + +.focus\:text-Dark-\ Overlay:focus { + color: var(--dark-overlay, #7f7e7f66); +} + +.focus\:text-black-40:focus { + color: var(--black-40, #00000066); +} + +.focus\:text-black-75:focus { + color: var(--black-75, #000000bf); +} + +.focus\:text-black-60:focus { + color: var(--black-60, #00000099); +} + +.focus\:text-black-50:focus { + color: var(--black-50, #00000080); +} + +.focus\:text-black-25:focus { + color: var(--black-25, #00000040); +} + +.focus\:text-black-10:focus { + color: var(--black-10, #0000001a); +} + +.focus\:text-white-25:focus { + color: var(--white-25, #ffffff40); +} + +.focus\:text-white-60:focus { + color: var(--white-60, #ffffff99); +} + +.focus\:text-black-64:focus { + color: var(--black-64, #000000a3); +} + +.focus\:text-Shadow\ and\ Highlight-Shadow:focus { + color: var(--shadow-and-highlight-shadow, #7f7e7f); +} + +.focus\:text-Shadow\ and\ Highlight-Highlight:focus { + color: var(--shadow-and-highlight-highlight, #474747); +} + +.focus\:text-Shadow\ and\ Highlight-highlight\ one:focus { + color: var(--shadow-and-highlight-highlight-one, #474747bf); +} + +.focus\:text-Shadow\ and\ Highlight-highlight\ two:focus { + color: var(--shadow-and-highlight-highlight-two, #47474799); +} + +.focus\:text-Shadow\ and\ Highlight-highlight\ three:focus { + color: var(--shadow-and-highlight-highlight-three, #47474766); +} + +.focus\:text-Shadow\ and\ Highlight-highlight\ five:focus { + color: var(--shadow-and-highlight-highlight-five, #4747471a); +} + +.focus\:text-Shadow\ and\ Highlight-shadow\ one:focus { + color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); +} + +.focus\:text-Shadow\ and\ Highlight-shadow\ two:focus { + color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); +} + +.focus\:text-Shadow\ and\ Highlight-shadow\ three:focus { + color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); +} + +.focus\:text-Shadow\ and\ Highlight-shadow\ four:focus { + color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); +} + +.focus\:text-Shadow\ and\ Highlight-shadow\ five:focus { + color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); +} + +.focus\:text-Shadow\ and\ Highlight-highlight\ four:focus { + color: var(--shadow-and-highlight-highlight-four, #47474740); +} + +.focus\:text-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus { + color: var(--base-layer-styles-base-layer-light-white, #ffffff); +} + +.focus\:text-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus { + color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); +} + +.focus\:text-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus { + color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); +} + +.focus\:text-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus { + color: var(--base-layer-styles-base-layer-dark-black, #000000); +} + +.focus\:text-Grey-Scale-white:focus { + color: var(--grey-scale-white, #ffffff); +} + +.focus\:text-Grey-Scale-off-white:focus { + color: var(--grey-scale-off-white, #f0edee); +} + +.focus\:text-Grey\ Scale-grey:focus { + color: var(--grey-scale-grey, #7f7e7f); +} + +.focus\:text-Grey\ Scale-charcoal:focus { + color: var(--grey-scale-charcoal, #474747); +} + +.focus\:text-Grey\ Scale-off-black:focus { + color: var(--grey-scale-off-black, #1c1c1c); +} + +.focus\:text-Grey\ Scale-black:focus { + color: var(--grey-scale-black, #000000); +} + +.focus\:text-Blue-blue:focus { + color: var(--blue-blue, #3a7ca5); +} + +.focus\:text-Blue-blue-100:focus { + color: var(--blue-blue-100, #75a3c0); +} + +.focus\:text-Blue-blue-200:focus { + color: var(--blue-blue-200, #9cbed2); +} + +.focus\:text-Blue-blue-300:focus { + color: var(--blue-blue-300, #4f7d9a); +} + +.focus\:text-Blue-blue-400:focus { + color: var(--blue-blue-400, #5c7d92); +} + +.focus\:text-Blue-blue-500:focus { + color: var(--blue-blue-500, #347095); +} + +.focus\:text-Blue-blue-600:focus { + color: var(--blue-blue-600, #295774); +} + +.focus\:text-Blue-blue-700:focus { + color: var(--blue-blue-700, #173242); +} + +.focus\:text-LightBlue-lightblue:focus { + color: var(--light-blue-lightblue, #81c3d7); +} + +.focus\:text-LightBlue-lightblue-100:focus { + color: var(--light-blue-lightblue-100, #a7d5e3); +} + +.focus\:text-LightBlue-lightblue-200:focus { + color: var(--light-blue-lightblue-200, #c0e1eb); +} + +.focus\:text-LightBlue-lightblue-300:focus { + color: var(--light-blue-lightblue-300, #80aebd); +} + +.focus\:text-LightBlue-lightblue-400:focus { + color: var(--light-blue-lightblue-400, #80a0ab); +} + +.focus\:text-LightBlue-lightblue-500:focus { + color: var(--light-blue-lightblue-500, #74afc1); +} + +.focus\:text-LightBlue-lightblue-600:focus { + color: var(--light-blue-lightblue-600, #5a8997); +} + +.focus\:text-LightBlue-lightblue-650:focus { + color: var(--light-blue-lightblue-650, #3e5e65); +} + +.focus\:text-LightBlue-lightblue-700:focus { + color: var(--light-blue-lightblue-700, #344e56); +} + +.focus\:text-Orange-orange:focus { + color: var(--orange-orange, #ff7f0e); +} + +.focus\:text-Orange-orange-100:focus { + color: var(--orange-orange-100, #ffa556); +} + +.focus\:text-Orange-orange-200:focus { + color: var(--orange-orange-200, #ffbf86); +} + +.focus\:text-Orange-orange-300:focus { + color: var(--orange-orange-300, #d97f30); +} + +.focus\:text-Orange-orange-400:focus { + color: var(--orange-orange-400, #bf7e46); +} + +.focus\:text-Orange-orange-500:focus { + color: var(--orange-orange-500, #e5720d); +} + +.focus\:text-Orange-orange-600:focus { + color: var(--orange-orange-600, #b3590a); +} + +.focus\:text-Orange-orange-700:focus { + color: var(--orange-orange-700, #663306); +} + +.focus\:text-Yellow-yellow:focus { + color: var(--yellow-yellow, #ffab00); +} + +.focus\:text-Yellow-yellow-100:focus { + color: var(--yellow-yellow-100, #ffc44c); +} + +.focus\:text-Yellow-yellow-200:focus { + color: var(--yellow-yellow-200, #ffd580); +} + +.focus\:text-Yellow-yellow-300:focus { + color: var(--yellow-yellow-300, #d99d26); +} + +.focus\:text-Yellow-yellow-400:focus { + color: var(--yellow-yellow-400, #bf943f); +} + +.focus\:text-Yellow-yellow-500:focus { + color: var(--yellow-yellow-500, #e59a00); +} + +.focus\:text-Yellow-yellow-600:focus { + color: var(--yellow-yellow-600, #b37800); +} + +.focus\:text-Yellow-yellow-700:focus { + color: var(--yellow-yellow-700, #664400); +} + +.focus\:text-Notification-notification:focus { + color: var(--notification-notification, #3959ff); +} + +.focus\:text-Notification-notification-100:focus { + color: var(--notification-notification-100, #748bff); +} + +.focus\:text-Notification-notification-200:focus { + color: var(--notification-notification-200, #9cacff); +} + +.focus\:text-Notification-notification-300:focus { + color: var(--notification-notification-300, #4e64d9); +} + +.focus\:text-Notification-notification-400:focus { + color: var(--notification-notification-400, #5c6cbf); +} + +.focus\:text-Notification-notification-500:focus { + color: var(--notification-notification-500, #3350e5); +} + +.focus\:text-Notification-notification-600:focus { + color: var(--notification-notification-600, #283eb3); +} + +.focus\:text-Notification-notification-700:focus { + color: var(--notification-notification-700, #172466); +} + +.focus\:text-Success-success\ -700:focus { + color: var(--success-success-700, #24471f); +} + +.focus\:text-Success-success:focus { + color: var(--success-success, #5bb14d); +} + +.focus\:text-Success-success\ -100:focus { + color: var(--success-success-100, #8cc882); +} + +.focus\:text-Success-success\ -200:focus { + color: var(--success-success-200, #add8a6); +} + +.focus\:text-Success-success\ -300:focus { + color: var(--success-success-300, #66a25c); +} + +.focus\:text-Success-success\ -400:focus { + color: var(--success-success-400, #6d9766); +} + +.focus\:text-Success-success\ -500:focus { + color: var(--success-success-500, #529f45); +} + +.focus\:text-Success-success\ -600:focus { + color: var(--success-success-600, #407c36); +} + +.focus\:text-Error-error:focus { + color: var(--error-error, #f03d3e); +} + +.focus\:text-Error-error-100:focus { + color: var(--error-error-100, #f57778); +} + +.focus\:text-Error-error-200:focus { + color: var(--error-error-200, #f89e9e); +} + +.focus\:text-Error-error-250:focus { + color: var(--error-error-250, #f9c8c8); +} + +.focus\:text-Error-error-300:focus { + color: var(--error-error-300, #ce5151); +} + +.focus\:text-Error-error-400:focus { + color: var(--error-error-400, #b85e5e); +} + +.focus\:text-Error-error-500:focus { + color: var(--error-error-500, #d83738); +} + +.focus\:text-Error-error-600:focus { + color: var(--error-error-600, #a82b2b); +} + +.focus\:text-Error-error-700:focus { + color: var(--error-error-700, #601819); +} + +.text-opacity-0 { + --tw-text-opacity: 0; +} + +.text-opacity-5 { + --tw-text-opacity: 0.05; +} + +.text-opacity-10 { + --tw-text-opacity: 0.1; +} + +.text-opacity-20 { + --tw-text-opacity: 0.2; +} + +.text-opacity-25 { + --tw-text-opacity: 0.25; +} + +.text-opacity-30 { + --tw-text-opacity: 0.3; +} + +.text-opacity-40 { + --tw-text-opacity: 0.4; +} + +.text-opacity-50 { + --tw-text-opacity: 0.5; +} + +.text-opacity-60 { + --tw-text-opacity: 0.6; +} + +.text-opacity-70 { + --tw-text-opacity: 0.7; +} + +.text-opacity-75 { + --tw-text-opacity: 0.75; +} + +.text-opacity-80 { + --tw-text-opacity: 0.8; +} + +.text-opacity-90 { + --tw-text-opacity: 0.9; +} + +.text-opacity-95 { + --tw-text-opacity: 0.95; +} + +.text-opacity-100 { + --tw-text-opacity: 1; +} + +.group:hover .group-hover\:text-opacity-0 { + --tw-text-opacity: 0; +} + +.group:hover .group-hover\:text-opacity-5 { + --tw-text-opacity: 0.05; +} + +.group:hover .group-hover\:text-opacity-10 { + --tw-text-opacity: 0.1; +} + +.group:hover .group-hover\:text-opacity-20 { + --tw-text-opacity: 0.2; +} + +.group:hover .group-hover\:text-opacity-25 { + --tw-text-opacity: 0.25; +} + +.group:hover .group-hover\:text-opacity-30 { + --tw-text-opacity: 0.3; +} + +.group:hover .group-hover\:text-opacity-40 { + --tw-text-opacity: 0.4; +} + +.group:hover .group-hover\:text-opacity-50 { + --tw-text-opacity: 0.5; +} + +.group:hover .group-hover\:text-opacity-60 { + --tw-text-opacity: 0.6; +} + +.group:hover .group-hover\:text-opacity-70 { + --tw-text-opacity: 0.7; +} + +.group:hover .group-hover\:text-opacity-75 { + --tw-text-opacity: 0.75; +} + +.group:hover .group-hover\:text-opacity-80 { + --tw-text-opacity: 0.8; +} + +.group:hover .group-hover\:text-opacity-90 { + --tw-text-opacity: 0.9; +} + +.group:hover .group-hover\:text-opacity-95 { + --tw-text-opacity: 0.95; +} + +.group:hover .group-hover\:text-opacity-100 { + --tw-text-opacity: 1; +} + +.focus-within\:text-opacity-0:focus-within { + --tw-text-opacity: 0; +} + +.focus-within\:text-opacity-5:focus-within { + --tw-text-opacity: 0.05; +} + +.focus-within\:text-opacity-10:focus-within { + --tw-text-opacity: 0.1; +} + +.focus-within\:text-opacity-20:focus-within { + --tw-text-opacity: 0.2; +} + +.focus-within\:text-opacity-25:focus-within { + --tw-text-opacity: 0.25; +} + +.focus-within\:text-opacity-30:focus-within { + --tw-text-opacity: 0.3; +} + +.focus-within\:text-opacity-40:focus-within { + --tw-text-opacity: 0.4; +} + +.focus-within\:text-opacity-50:focus-within { + --tw-text-opacity: 0.5; +} + +.focus-within\:text-opacity-60:focus-within { + --tw-text-opacity: 0.6; +} + +.focus-within\:text-opacity-70:focus-within { + --tw-text-opacity: 0.7; +} + +.focus-within\:text-opacity-75:focus-within { + --tw-text-opacity: 0.75; +} + +.focus-within\:text-opacity-80:focus-within { + --tw-text-opacity: 0.8; +} + +.focus-within\:text-opacity-90:focus-within { + --tw-text-opacity: 0.9; +} + +.focus-within\:text-opacity-95:focus-within { + --tw-text-opacity: 0.95; +} + +.focus-within\:text-opacity-100:focus-within { + --tw-text-opacity: 1; +} + +.hover\:text-opacity-0:hover { + --tw-text-opacity: 0; +} + +.hover\:text-opacity-5:hover { + --tw-text-opacity: 0.05; +} + +.hover\:text-opacity-10:hover { + --tw-text-opacity: 0.1; +} + +.hover\:text-opacity-20:hover { + --tw-text-opacity: 0.2; +} + +.hover\:text-opacity-25:hover { + --tw-text-opacity: 0.25; +} + +.hover\:text-opacity-30:hover { + --tw-text-opacity: 0.3; +} + +.hover\:text-opacity-40:hover { + --tw-text-opacity: 0.4; +} + +.hover\:text-opacity-50:hover { + --tw-text-opacity: 0.5; +} + +.hover\:text-opacity-60:hover { + --tw-text-opacity: 0.6; +} + +.hover\:text-opacity-70:hover { + --tw-text-opacity: 0.7; +} + +.hover\:text-opacity-75:hover { + --tw-text-opacity: 0.75; +} + +.hover\:text-opacity-80:hover { + --tw-text-opacity: 0.8; +} + +.hover\:text-opacity-90:hover { + --tw-text-opacity: 0.9; +} + +.hover\:text-opacity-95:hover { + --tw-text-opacity: 0.95; +} + +.hover\:text-opacity-100:hover { + --tw-text-opacity: 1; +} + +.focus\:text-opacity-0:focus { + --tw-text-opacity: 0; +} + +.focus\:text-opacity-5:focus { + --tw-text-opacity: 0.05; +} + +.focus\:text-opacity-10:focus { + --tw-text-opacity: 0.1; +} + +.focus\:text-opacity-20:focus { + --tw-text-opacity: 0.2; +} + +.focus\:text-opacity-25:focus { + --tw-text-opacity: 0.25; +} + +.focus\:text-opacity-30:focus { + --tw-text-opacity: 0.3; +} + +.focus\:text-opacity-40:focus { + --tw-text-opacity: 0.4; +} + +.focus\:text-opacity-50:focus { + --tw-text-opacity: 0.5; +} + +.focus\:text-opacity-60:focus { + --tw-text-opacity: 0.6; +} + +.focus\:text-opacity-70:focus { + --tw-text-opacity: 0.7; +} + +.focus\:text-opacity-75:focus { + --tw-text-opacity: 0.75; +} + +.focus\:text-opacity-80:focus { + --tw-text-opacity: 0.8; +} + +.focus\:text-opacity-90:focus { + --tw-text-opacity: 0.9; +} + +.focus\:text-opacity-95:focus { + --tw-text-opacity: 0.95; +} + +.focus\:text-opacity-100:focus { + --tw-text-opacity: 1; +} + +.underline { + text-decoration: underline; +} + +.line-through { + text-decoration: line-through; +} + +.no-underline { + text-decoration: none; +} + +.group:hover .group-hover\:underline { + text-decoration: underline; +} + +.group:hover .group-hover\:line-through { + text-decoration: line-through; +} + +.group:hover .group-hover\:no-underline { + text-decoration: none; +} + +.focus-within\:underline:focus-within { + text-decoration: underline; +} + +.focus-within\:line-through:focus-within { + text-decoration: line-through; +} + +.focus-within\:no-underline:focus-within { + text-decoration: none; +} + +.hover\:underline:hover { + text-decoration: underline; +} + +.hover\:line-through:hover { + text-decoration: line-through; +} + +.hover\:no-underline:hover { + text-decoration: none; +} + +.focus\:underline:focus { + text-decoration: underline; +} + +.focus\:line-through:focus { + text-decoration: line-through; +} + +.focus\:no-underline:focus { + text-decoration: none; +} + +.antialiased { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.subpixel-antialiased { + -webkit-font-smoothing: auto; + -moz-osx-font-smoothing: auto; +} + +.placeholder-colors-black::-moz-placeholder { + color: var(--colors-black, #000000); +} + +.placeholder-colors-black::placeholder { + color: var(--colors-black, #000000); +} + +.placeholder-colors-white::-moz-placeholder { + color: var(--colors-white, #ffffff); +} + +.placeholder-colors-white::placeholder { + color: var(--colors-white, #ffffff); +} + +.placeholder-colors-gray-100::-moz-placeholder { + color: var(--colors-gray-100, #f7fafc); +} + +.placeholder-colors-gray-100::placeholder { + color: var(--colors-gray-100, #f7fafc); +} + +.placeholder-colors-gray-200::-moz-placeholder { + color: var(--colors-gray-200, #edf2f7); +} + +.placeholder-colors-gray-200::placeholder { + color: var(--colors-gray-200, #edf2f7); +} + +.placeholder-colors-gray-300::-moz-placeholder { + color: var(--colors-gray-300, #e2e8f0); +} + +.placeholder-colors-gray-300::placeholder { + color: var(--colors-gray-300, #e2e8f0); +} + +.placeholder-colors-gray-400::-moz-placeholder { + color: var(--colors-gray-400, #cbd5e0); +} + +.placeholder-colors-gray-400::placeholder { + color: var(--colors-gray-400, #cbd5e0); +} + +.placeholder-colors-gray-500::-moz-placeholder { + color: var(--colors-gray-500, #a0aec0); +} + +.placeholder-colors-gray-500::placeholder { + color: var(--colors-gray-500, #a0aec0); +} + +.placeholder-colors-gray-600::-moz-placeholder { + color: var(--colors-gray-600, #718096); +} + +.placeholder-colors-gray-600::placeholder { + color: var(--colors-gray-600, #718096); +} + +.placeholder-colors-gray-700::-moz-placeholder { + color: var(--colors-gray-700, #4a5568); +} + +.placeholder-colors-gray-700::placeholder { + color: var(--colors-gray-700, #4a5568); +} + +.placeholder-colors-gray-800::-moz-placeholder { + color: var(--colors-gray-800, #2d3748); +} + +.placeholder-colors-gray-800::placeholder { + color: var(--colors-gray-800, #2d3748); +} + +.placeholder-colors-gray-900::-moz-placeholder { + color: var(--colors-gray-900, #1a202c); +} + +.placeholder-colors-gray-900::placeholder { + color: var(--colors-gray-900, #1a202c); +} + +.placeholder-colors-red-100::-moz-placeholder { + color: var(--colors-red-100, #fff5f5); +} + +.placeholder-colors-red-100::placeholder { + color: var(--colors-red-100, #fff5f5); +} + +.placeholder-colors-red-200::-moz-placeholder { + color: var(--colors-red-200, #fed7d7); +} + +.placeholder-colors-red-200::placeholder { + color: var(--colors-red-200, #fed7d7); +} + +.placeholder-colors-red-300::-moz-placeholder { + color: var(--colors-red-300, #feb2b2); +} + +.placeholder-colors-red-300::placeholder { + color: var(--colors-red-300, #feb2b2); +} + +.placeholder-colors-red-400::-moz-placeholder { + color: var(--colors-red-400, #fc8181); +} + +.placeholder-colors-red-400::placeholder { + color: var(--colors-red-400, #fc8181); +} + +.placeholder-colors-red-500::-moz-placeholder { + color: var(--colors-red-500, #f56565); +} + +.placeholder-colors-red-500::placeholder { + color: var(--colors-red-500, #f56565); +} + +.placeholder-colors-red-600::-moz-placeholder { + color: var(--colors-red-600, #e53e3e); +} + +.placeholder-colors-red-600::placeholder { + color: var(--colors-red-600, #e53e3e); +} + +.placeholder-colors-red-700::-moz-placeholder { + color: var(--colors-red-700, #c53030); +} + +.placeholder-colors-red-700::placeholder { + color: var(--colors-red-700, #c53030); +} + +.placeholder-colors-red-800::-moz-placeholder { + color: var(--colors-red-800, #9b2c2c); +} + +.placeholder-colors-red-800::placeholder { + color: var(--colors-red-800, #9b2c2c); +} + +.placeholder-colors-red-900::-moz-placeholder { + color: var(--colors-red-900, #742a2a); +} + +.placeholder-colors-red-900::placeholder { + color: var(--colors-red-900, #742a2a); +} + +.placeholder-colors-orange-100::-moz-placeholder { + color: var(--colors-orange-100, #fffaf0); +} + +.placeholder-colors-orange-100::placeholder { + color: var(--colors-orange-100, #fffaf0); +} + +.placeholder-colors-orange-200::-moz-placeholder { + color: var(--colors-orange-200, #feebc8); +} + +.placeholder-colors-orange-200::placeholder { + color: var(--colors-orange-200, #feebc8); +} + +.placeholder-colors-orange-300::-moz-placeholder { + color: var(--colors-orange-300, #fbd38d); +} + +.placeholder-colors-orange-300::placeholder { + color: var(--colors-orange-300, #fbd38d); +} + +.placeholder-colors-orange-400::-moz-placeholder { + color: var(--colors-orange-400, #f6ad55); +} + +.placeholder-colors-orange-400::placeholder { + color: var(--colors-orange-400, #f6ad55); +} + +.placeholder-colors-orange-500::-moz-placeholder { + color: var(--colors-orange-500, #ed8936); +} + +.placeholder-colors-orange-500::placeholder { + color: var(--colors-orange-500, #ed8936); +} + +.placeholder-colors-orange-600::-moz-placeholder { + color: var(--colors-orange-600, #dd6b20); +} + +.placeholder-colors-orange-600::placeholder { + color: var(--colors-orange-600, #dd6b20); +} + +.placeholder-colors-orange-700::-moz-placeholder { + color: var(--colors-orange-700, #c05621); +} + +.placeholder-colors-orange-700::placeholder { + color: var(--colors-orange-700, #c05621); +} + +.placeholder-colors-orange-800::-moz-placeholder { + color: var(--colors-orange-800, #9c4221); +} + +.placeholder-colors-orange-800::placeholder { + color: var(--colors-orange-800, #9c4221); +} + +.placeholder-colors-orange-900::-moz-placeholder { + color: var(--colors-orange-900, #7b341e); +} + +.placeholder-colors-orange-900::placeholder { + color: var(--colors-orange-900, #7b341e); +} + +.placeholder-colors-yellow-100::-moz-placeholder { + color: var(--colors-yellow-100, #fffff0); +} + +.placeholder-colors-yellow-100::placeholder { + color: var(--colors-yellow-100, #fffff0); +} + +.placeholder-colors-yellow-200::-moz-placeholder { + color: var(--colors-yellow-200, #fefcbf); +} + +.placeholder-colors-yellow-200::placeholder { + color: var(--colors-yellow-200, #fefcbf); +} + +.placeholder-colors-yellow-300::-moz-placeholder { + color: var(--colors-yellow-300, #faf089); +} + +.placeholder-colors-yellow-300::placeholder { + color: var(--colors-yellow-300, #faf089); +} + +.placeholder-colors-yellow-400::-moz-placeholder { + color: var(--colors-yellow-400, #f6e05e); +} + +.placeholder-colors-yellow-400::placeholder { + color: var(--colors-yellow-400, #f6e05e); +} + +.placeholder-colors-yellow-500::-moz-placeholder { + color: var(--colors-yellow-500, #ecc94b); +} + +.placeholder-colors-yellow-500::placeholder { + color: var(--colors-yellow-500, #ecc94b); +} + +.placeholder-colors-yellow-600::-moz-placeholder { + color: var(--colors-yellow-600, #d69e2e); +} + +.placeholder-colors-yellow-600::placeholder { + color: var(--colors-yellow-600, #d69e2e); +} + +.placeholder-colors-yellow-700::-moz-placeholder { + color: var(--colors-yellow-700, #b7791f); +} + +.placeholder-colors-yellow-700::placeholder { + color: var(--colors-yellow-700, #b7791f); +} + +.placeholder-colors-yellow-800::-moz-placeholder { + color: var(--colors-yellow-800, #975a16); +} + +.placeholder-colors-yellow-800::placeholder { + color: var(--colors-yellow-800, #975a16); +} + +.placeholder-colors-yellow-900::-moz-placeholder { + color: var(--colors-yellow-900, #744210); +} + +.placeholder-colors-yellow-900::placeholder { + color: var(--colors-yellow-900, #744210); +} + +.placeholder-colors-green-100::-moz-placeholder { + color: var(--colors-green-100, #f0fff4); +} + +.placeholder-colors-green-100::placeholder { + color: var(--colors-green-100, #f0fff4); +} + +.placeholder-colors-green-200::-moz-placeholder { + color: var(--colors-green-200, #c6f6d5); +} + +.placeholder-colors-green-200::placeholder { + color: var(--colors-green-200, #c6f6d5); +} + +.placeholder-colors-green-300::-moz-placeholder { + color: var(--colors-green-300, #9ae6b4); +} + +.placeholder-colors-green-300::placeholder { + color: var(--colors-green-300, #9ae6b4); +} + +.placeholder-colors-green-400::-moz-placeholder { + color: var(--colors-green-400, #68d391); +} + +.placeholder-colors-green-400::placeholder { + color: var(--colors-green-400, #68d391); +} + +.placeholder-colors-green-500::-moz-placeholder { + color: var(--colors-green-500, #48bb78); +} + +.placeholder-colors-green-500::placeholder { + color: var(--colors-green-500, #48bb78); +} + +.placeholder-colors-green-600::-moz-placeholder { + color: var(--colors-green-600, #38a169); +} + +.placeholder-colors-green-600::placeholder { + color: var(--colors-green-600, #38a169); +} + +.placeholder-colors-green-700::-moz-placeholder { + color: var(--colors-green-700, #2f855a); +} + +.placeholder-colors-green-700::placeholder { + color: var(--colors-green-700, #2f855a); +} + +.placeholder-colors-green-800::-moz-placeholder { + color: var(--colors-green-800, #276749); +} + +.placeholder-colors-green-800::placeholder { + color: var(--colors-green-800, #276749); +} + +.placeholder-colors-green-900::-moz-placeholder { + color: var(--colors-green-900, #22543d); +} + +.placeholder-colors-green-900::placeholder { + color: var(--colors-green-900, #22543d); +} + +.placeholder-colors-teal-100::-moz-placeholder { + color: var(--colors-teal-100, #e6fffa); +} + +.placeholder-colors-teal-100::placeholder { + color: var(--colors-teal-100, #e6fffa); +} + +.placeholder-colors-teal-200::-moz-placeholder { + color: var(--colors-teal-200, #b2f5ea); +} + +.placeholder-colors-teal-200::placeholder { + color: var(--colors-teal-200, #b2f5ea); +} + +.placeholder-colors-teal-300::-moz-placeholder { + color: var(--colors-teal-300, #81e6d9); +} + +.placeholder-colors-teal-300::placeholder { + color: var(--colors-teal-300, #81e6d9); +} + +.placeholder-colors-teal-400::-moz-placeholder { + color: var(--colors-teal-400, #4fd1c5); +} + +.placeholder-colors-teal-400::placeholder { + color: var(--colors-teal-400, #4fd1c5); +} + +.placeholder-colors-teal-500::-moz-placeholder { + color: var(--colors-teal-500, #38b2ac); +} + +.placeholder-colors-teal-500::placeholder { + color: var(--colors-teal-500, #38b2ac); +} + +.placeholder-colors-teal-600::-moz-placeholder { + color: var(--colors-teal-600, #319795); +} + +.placeholder-colors-teal-600::placeholder { + color: var(--colors-teal-600, #319795); +} + +.placeholder-colors-teal-700::-moz-placeholder { + color: var(--colors-teal-700, #2c7a7b); +} + +.placeholder-colors-teal-700::placeholder { + color: var(--colors-teal-700, #2c7a7b); +} + +.placeholder-colors-teal-800::-moz-placeholder { + color: var(--colors-teal-800, #285e61); +} + +.placeholder-colors-teal-800::placeholder { + color: var(--colors-teal-800, #285e61); +} + +.placeholder-colors-teal-900::-moz-placeholder { + color: var(--colors-teal-900, #234e52); +} + +.placeholder-colors-teal-900::placeholder { + color: var(--colors-teal-900, #234e52); +} + +.placeholder-colors-blue-100::-moz-placeholder { + color: var(--colors-blue-100, #ebf8ff); +} + +.placeholder-colors-blue-100::placeholder { + color: var(--colors-blue-100, #ebf8ff); +} + +.placeholder-colors-blue-200::-moz-placeholder { + color: var(--colors-blue-200, #bee3f8); +} + +.placeholder-colors-blue-200::placeholder { + color: var(--colors-blue-200, #bee3f8); +} + +.placeholder-colors-blue-300::-moz-placeholder { + color: var(--colors-blue-300, #90cdf4); +} + +.placeholder-colors-blue-300::placeholder { + color: var(--colors-blue-300, #90cdf4); +} + +.placeholder-colors-blue-400::-moz-placeholder { + color: var(--colors-blue-400, #63b3ed); +} + +.placeholder-colors-blue-400::placeholder { + color: var(--colors-blue-400, #63b3ed); +} + +.placeholder-colors-blue-500::-moz-placeholder { + color: var(--colors-blue-500, #4299e1); +} + +.placeholder-colors-blue-500::placeholder { + color: var(--colors-blue-500, #4299e1); +} + +.placeholder-colors-blue-600::-moz-placeholder { + color: var(--colors-blue-600, #3182ce); +} + +.placeholder-colors-blue-600::placeholder { + color: var(--colors-blue-600, #3182ce); +} + +.placeholder-colors-blue-700::-moz-placeholder { + color: var(--colors-blue-700, #2b6cb0); +} + +.placeholder-colors-blue-700::placeholder { + color: var(--colors-blue-700, #2b6cb0); +} + +.placeholder-colors-blue-800::-moz-placeholder { + color: var(--colors-blue-800, #2c5282); +} + +.placeholder-colors-blue-800::placeholder { + color: var(--colors-blue-800, #2c5282); +} + +.placeholder-colors-blue-900::-moz-placeholder { + color: var(--colors-blue-900, #2a4365); +} + +.placeholder-colors-blue-900::placeholder { + color: var(--colors-blue-900, #2a4365); +} + +.placeholder-colors-indigo-100::-moz-placeholder { + color: var(--colors-indigo-100, #ebf4ff); +} + +.placeholder-colors-indigo-100::placeholder { + color: var(--colors-indigo-100, #ebf4ff); +} + +.placeholder-colors-indigo-200::-moz-placeholder { + color: var(--colors-indigo-200, #c3dafe); +} + +.placeholder-colors-indigo-200::placeholder { + color: var(--colors-indigo-200, #c3dafe); +} + +.placeholder-colors-indigo-300::-moz-placeholder { + color: var(--colors-indigo-300, #a3bffa); +} + +.placeholder-colors-indigo-300::placeholder { + color: var(--colors-indigo-300, #a3bffa); +} + +.placeholder-colors-indigo-400::-moz-placeholder { + color: var(--colors-indigo-400, #7f9cf5); +} + +.placeholder-colors-indigo-400::placeholder { + color: var(--colors-indigo-400, #7f9cf5); +} + +.placeholder-colors-indigo-500::-moz-placeholder { + color: var(--colors-indigo-500, #667eea); +} + +.placeholder-colors-indigo-500::placeholder { + color: var(--colors-indigo-500, #667eea); +} + +.placeholder-colors-indigo-600::-moz-placeholder { + color: var(--colors-indigo-600, #5a67d8); +} + +.placeholder-colors-indigo-600::placeholder { + color: var(--colors-indigo-600, #5a67d8); +} + +.placeholder-colors-indigo-700::-moz-placeholder { + color: var(--colors-indigo-700, #4c51bf); +} + +.placeholder-colors-indigo-700::placeholder { + color: var(--colors-indigo-700, #4c51bf); +} + +.placeholder-colors-indigo-800::-moz-placeholder { + color: var(--colors-indigo-800, #434190); +} + +.placeholder-colors-indigo-800::placeholder { + color: var(--colors-indigo-800, #434190); +} + +.placeholder-colors-indigo-900::-moz-placeholder { + color: var(--colors-indigo-900, #3c366b); +} + +.placeholder-colors-indigo-900::placeholder { + color: var(--colors-indigo-900, #3c366b); +} + +.placeholder-colors-purple-100::-moz-placeholder { + color: var(--colors-purple-100, #faf5ff); +} + +.placeholder-colors-purple-100::placeholder { + color: var(--colors-purple-100, #faf5ff); +} + +.placeholder-colors-purple-200::-moz-placeholder { + color: var(--colors-purple-200, #e9d8fd); +} + +.placeholder-colors-purple-200::placeholder { + color: var(--colors-purple-200, #e9d8fd); +} + +.placeholder-colors-purple-300::-moz-placeholder { + color: var(--colors-purple-300, #d6bcfa); +} + +.placeholder-colors-purple-300::placeholder { + color: var(--colors-purple-300, #d6bcfa); +} + +.placeholder-colors-purple-400::-moz-placeholder { + color: var(--colors-purple-400, #b794f4); +} + +.placeholder-colors-purple-400::placeholder { + color: var(--colors-purple-400, #b794f4); +} + +.placeholder-colors-purple-500::-moz-placeholder { + color: var(--colors-purple-500, #9f7aea); +} + +.placeholder-colors-purple-500::placeholder { + color: var(--colors-purple-500, #9f7aea); +} + +.placeholder-colors-purple-600::-moz-placeholder { + color: var(--colors-purple-600, #805ad5); +} + +.placeholder-colors-purple-600::placeholder { + color: var(--colors-purple-600, #805ad5); +} + +.placeholder-colors-purple-700::-moz-placeholder { + color: var(--colors-purple-700, #6b46c1); +} + +.placeholder-colors-purple-700::placeholder { + color: var(--colors-purple-700, #6b46c1); +} + +.placeholder-colors-purple-800::-moz-placeholder { + color: var(--colors-purple-800, #553c9a); +} + +.placeholder-colors-purple-800::placeholder { + color: var(--colors-purple-800, #553c9a); +} + +.placeholder-colors-purple-900::-moz-placeholder { + color: var(--colors-purple-900, #44337a); +} + +.placeholder-colors-purple-900::placeholder { + color: var(--colors-purple-900, #44337a); +} + +.placeholder-colors-pink-100::-moz-placeholder { + color: var(--colors-pink-100, #fff5f7); +} + +.placeholder-colors-pink-100::placeholder { + color: var(--colors-pink-100, #fff5f7); +} + +.placeholder-colors-pink-200::-moz-placeholder { + color: var(--colors-pink-200, #fed7e2); +} + +.placeholder-colors-pink-200::placeholder { + color: var(--colors-pink-200, #fed7e2); +} + +.placeholder-colors-pink-300::-moz-placeholder { + color: var(--colors-pink-300, #fbb6ce); +} + +.placeholder-colors-pink-300::placeholder { + color: var(--colors-pink-300, #fbb6ce); +} + +.placeholder-colors-pink-400::-moz-placeholder { + color: var(--colors-pink-400, #f687b3); +} + +.placeholder-colors-pink-400::placeholder { + color: var(--colors-pink-400, #f687b3); +} + +.placeholder-colors-pink-500::-moz-placeholder { + color: var(--colors-pink-500, #ed64a6); +} + +.placeholder-colors-pink-500::placeholder { + color: var(--colors-pink-500, #ed64a6); +} + +.placeholder-colors-pink-600::-moz-placeholder { + color: var(--colors-pink-600, #d53f8c); +} + +.placeholder-colors-pink-600::placeholder { + color: var(--colors-pink-600, #d53f8c); +} + +.placeholder-colors-pink-700::-moz-placeholder { + color: var(--colors-pink-700, #b83280); +} + +.placeholder-colors-pink-700::placeholder { + color: var(--colors-pink-700, #b83280); +} + +.placeholder-colors-pink-800::-moz-placeholder { + color: var(--colors-pink-800, #97266d); +} + +.placeholder-colors-pink-800::placeholder { + color: var(--colors-pink-800, #97266d); +} + +.placeholder-colors-pink-900::-moz-placeholder { + color: var(--colors-pink-900, #702459); +} + +.placeholder-colors-pink-900::placeholder { + color: var(--colors-pink-900, #702459); +} + +.placeholder-Box\ Shadow::-moz-placeholder { + color: var(--box-shadow, #7f7e7f); +} + +.placeholder-Box\ Shadow::placeholder { + color: var(--box-shadow, #7f7e7f); +} + +.placeholder-Error16::-moz-placeholder { + color: var(--error16, #f03d3e40); +} + +.placeholder-Error16::placeholder { + color: var(--error16, #f03d3e40); +} + +.placeholder-Success16::-moz-placeholder { + color: var(--success16, #5bb14d40); +} + +.placeholder-Success16::placeholder { + color: var(--success16, #5bb14d40); +} + +.placeholder-Notification16::-moz-placeholder { + color: var(--notification16, #3959ff40); +} + +.placeholder-Notification16::placeholder { + color: var(--notification16, #3959ff40); +} + +.placeholder-Error8::-moz-placeholder { + color: var(--error8, #f03d3e1a); +} + +.placeholder-Error8::placeholder { + color: var(--error8, #f03d3e1a); +} + +.placeholder-Notification8::-moz-placeholder { + color: var(--notification8, #3959ff1a); +} + +.placeholder-Notification8::placeholder { + color: var(--notification8, #3959ff1a); +} + +.placeholder-Success8::-moz-placeholder { + color: var(--success8, #5bb14d1a); +} + +.placeholder-Success8::placeholder { + color: var(--success8, #5bb14d1a); +} + +.placeholder-Light\ -\ Overlay::-moz-placeholder { + color: var(--light-overlay, #f0edee66); +} + +.placeholder-Light\ -\ Overlay::placeholder { + color: var(--light-overlay, #f0edee66); +} + +.placeholder-Dark-\ Overlay::-moz-placeholder { + color: var(--dark-overlay, #7f7e7f66); +} + +.placeholder-Dark-\ Overlay::placeholder { + color: var(--dark-overlay, #7f7e7f66); +} + +.placeholder-black-40::-moz-placeholder { + color: var(--black-40, #00000066); +} + +.placeholder-black-40::placeholder { + color: var(--black-40, #00000066); +} + +.placeholder-black-75::-moz-placeholder { + color: var(--black-75, #000000bf); +} + +.placeholder-black-75::placeholder { + color: var(--black-75, #000000bf); +} + +.placeholder-black-60::-moz-placeholder { + color: var(--black-60, #00000099); +} + +.placeholder-black-60::placeholder { + color: var(--black-60, #00000099); +} + +.placeholder-black-50::-moz-placeholder { + color: var(--black-50, #00000080); +} + +.placeholder-black-50::placeholder { + color: var(--black-50, #00000080); +} + +.placeholder-black-25::-moz-placeholder { + color: var(--black-25, #00000040); +} + +.placeholder-black-25::placeholder { + color: var(--black-25, #00000040); +} + +.placeholder-black-10::-moz-placeholder { + color: var(--black-10, #0000001a); +} + +.placeholder-black-10::placeholder { + color: var(--black-10, #0000001a); +} + +.placeholder-white-25::-moz-placeholder { + color: var(--white-25, #ffffff40); +} + +.placeholder-white-25::placeholder { + color: var(--white-25, #ffffff40); +} + +.placeholder-white-60::-moz-placeholder { + color: var(--white-60, #ffffff99); +} + +.placeholder-white-60::placeholder { + color: var(--white-60, #ffffff99); +} + +.placeholder-black-64::-moz-placeholder { + color: var(--black-64, #000000a3); +} + +.placeholder-black-64::placeholder { + color: var(--black-64, #000000a3); +} + +.placeholder-Shadow\ and\ Highlight-Shadow::-moz-placeholder { + color: var(--shadow-and-highlight-shadow, #7f7e7f); +} + +.placeholder-Shadow\ and\ Highlight-Shadow::placeholder { + color: var(--shadow-and-highlight-shadow, #7f7e7f); +} + +.placeholder-Shadow\ and\ Highlight-Highlight::-moz-placeholder { + color: var(--shadow-and-highlight-highlight, #474747); +} + +.placeholder-Shadow\ and\ Highlight-Highlight::placeholder { + color: var(--shadow-and-highlight-highlight, #474747); +} + +.placeholder-Shadow\ and\ Highlight-highlight\ one::-moz-placeholder { + color: var(--shadow-and-highlight-highlight-one, #474747bf); +} + +.placeholder-Shadow\ and\ Highlight-highlight\ one::placeholder { + color: var(--shadow-and-highlight-highlight-one, #474747bf); +} + +.placeholder-Shadow\ and\ Highlight-highlight\ two::-moz-placeholder { + color: var(--shadow-and-highlight-highlight-two, #47474799); +} + +.placeholder-Shadow\ and\ Highlight-highlight\ two::placeholder { + color: var(--shadow-and-highlight-highlight-two, #47474799); +} + +.placeholder-Shadow\ and\ Highlight-highlight\ three::-moz-placeholder { + color: var(--shadow-and-highlight-highlight-three, #47474766); +} + +.placeholder-Shadow\ and\ Highlight-highlight\ three::placeholder { + color: var(--shadow-and-highlight-highlight-three, #47474766); +} + +.placeholder-Shadow\ and\ Highlight-highlight\ five::-moz-placeholder { + color: var(--shadow-and-highlight-highlight-five, #4747471a); +} + +.placeholder-Shadow\ and\ Highlight-highlight\ five::placeholder { + color: var(--shadow-and-highlight-highlight-five, #4747471a); +} + +.placeholder-Shadow\ and\ Highlight-shadow\ one::-moz-placeholder { + color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); +} + +.placeholder-Shadow\ and\ Highlight-shadow\ one::placeholder { + color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); +} + +.placeholder-Shadow\ and\ Highlight-shadow\ two::-moz-placeholder { + color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); +} + +.placeholder-Shadow\ and\ Highlight-shadow\ two::placeholder { + color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); +} + +.placeholder-Shadow\ and\ Highlight-shadow\ three::-moz-placeholder { + color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); +} + +.placeholder-Shadow\ and\ Highlight-shadow\ three::placeholder { + color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); +} + +.placeholder-Shadow\ and\ Highlight-shadow\ four::-moz-placeholder { + color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); +} + +.placeholder-Shadow\ and\ Highlight-shadow\ four::placeholder { + color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); +} + +.placeholder-Shadow\ and\ Highlight-shadow\ five::-moz-placeholder { + color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); +} + +.placeholder-Shadow\ and\ Highlight-shadow\ five::placeholder { + color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); +} + +.placeholder-Shadow\ and\ Highlight-highlight\ four::-moz-placeholder { + color: var(--shadow-and-highlight-highlight-four, #47474740); +} + +.placeholder-Shadow\ and\ Highlight-highlight\ four::placeholder { + color: var(--shadow-and-highlight-highlight-four, #47474740); +} + +.placeholder-Base\ Layer\ Styles-Base\ Layer-\ Light-White::-moz-placeholder { + color: var(--base-layer-styles-base-layer-light-white, #ffffff); +} + +.placeholder-Base\ Layer\ Styles-Base\ Layer-\ Light-White::placeholder { + color: var(--base-layer-styles-base-layer-light-white, #ffffff); +} + +.placeholder-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite::-moz-placeholder { + color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); +} + +.placeholder-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite::placeholder { + color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); +} + +.placeholder-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack::-moz-placeholder { + color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); +} + +.placeholder-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack::placeholder { + color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); +} + +.placeholder-Base\ Layer\ Styles-Base\ Layer-Dark-Black::-moz-placeholder { + color: var(--base-layer-styles-base-layer-dark-black, #000000); +} + +.placeholder-Base\ Layer\ Styles-Base\ Layer-Dark-Black::placeholder { + color: var(--base-layer-styles-base-layer-dark-black, #000000); +} + +.placeholder-Grey-Scale-white::-moz-placeholder { + color: var(--grey-scale-white, #ffffff); +} + +.placeholder-Grey-Scale-white::placeholder { + color: var(--grey-scale-white, #ffffff); +} + +.placeholder-Grey-Scale-off-white::-moz-placeholder { + color: var(--grey-scale-off-white, #f0edee); +} + +.placeholder-Grey-Scale-off-white::placeholder { + color: var(--grey-scale-off-white, #f0edee); +} + +.placeholder-Grey\ Scale-grey::-moz-placeholder { + color: var(--grey-scale-grey, #7f7e7f); +} + +.placeholder-Grey\ Scale-grey::placeholder { + color: var(--grey-scale-grey, #7f7e7f); +} + +.placeholder-Grey\ Scale-charcoal::-moz-placeholder { + color: var(--grey-scale-charcoal, #474747); +} + +.placeholder-Grey\ Scale-charcoal::placeholder { + color: var(--grey-scale-charcoal, #474747); +} + +.placeholder-Grey\ Scale-off-black::-moz-placeholder { + color: var(--grey-scale-off-black, #1c1c1c); +} + +.placeholder-Grey\ Scale-off-black::placeholder { + color: var(--grey-scale-off-black, #1c1c1c); +} + +.placeholder-Grey\ Scale-black::-moz-placeholder { + color: var(--grey-scale-black, #000000); +} + +.placeholder-Grey\ Scale-black::placeholder { + color: var(--grey-scale-black, #000000); +} + +.placeholder-Blue-blue::-moz-placeholder { + color: var(--blue-blue, #3a7ca5); +} + +.placeholder-Blue-blue::placeholder { + color: var(--blue-blue, #3a7ca5); +} + +.placeholder-Blue-blue-100::-moz-placeholder { + color: var(--blue-blue-100, #75a3c0); +} + +.placeholder-Blue-blue-100::placeholder { + color: var(--blue-blue-100, #75a3c0); +} + +.placeholder-Blue-blue-200::-moz-placeholder { + color: var(--blue-blue-200, #9cbed2); +} + +.placeholder-Blue-blue-200::placeholder { + color: var(--blue-blue-200, #9cbed2); +} + +.placeholder-Blue-blue-300::-moz-placeholder { + color: var(--blue-blue-300, #4f7d9a); +} + +.placeholder-Blue-blue-300::placeholder { + color: var(--blue-blue-300, #4f7d9a); +} + +.placeholder-Blue-blue-400::-moz-placeholder { + color: var(--blue-blue-400, #5c7d92); +} + +.placeholder-Blue-blue-400::placeholder { + color: var(--blue-blue-400, #5c7d92); +} + +.placeholder-Blue-blue-500::-moz-placeholder { + color: var(--blue-blue-500, #347095); +} + +.placeholder-Blue-blue-500::placeholder { + color: var(--blue-blue-500, #347095); +} + +.placeholder-Blue-blue-600::-moz-placeholder { + color: var(--blue-blue-600, #295774); +} + +.placeholder-Blue-blue-600::placeholder { + color: var(--blue-blue-600, #295774); +} + +.placeholder-Blue-blue-700::-moz-placeholder { + color: var(--blue-blue-700, #173242); +} + +.placeholder-Blue-blue-700::placeholder { + color: var(--blue-blue-700, #173242); +} + +.placeholder-LightBlue-lightblue::-moz-placeholder { + color: var(--light-blue-lightblue, #81c3d7); +} + +.placeholder-LightBlue-lightblue::placeholder { + color: var(--light-blue-lightblue, #81c3d7); +} + +.placeholder-LightBlue-lightblue-100::-moz-placeholder { + color: var(--light-blue-lightblue-100, #a7d5e3); +} + +.placeholder-LightBlue-lightblue-100::placeholder { + color: var(--light-blue-lightblue-100, #a7d5e3); +} + +.placeholder-LightBlue-lightblue-200::-moz-placeholder { + color: var(--light-blue-lightblue-200, #c0e1eb); +} + +.placeholder-LightBlue-lightblue-200::placeholder { + color: var(--light-blue-lightblue-200, #c0e1eb); +} + +.placeholder-LightBlue-lightblue-300::-moz-placeholder { + color: var(--light-blue-lightblue-300, #80aebd); +} + +.placeholder-LightBlue-lightblue-300::placeholder { + color: var(--light-blue-lightblue-300, #80aebd); +} + +.placeholder-LightBlue-lightblue-400::-moz-placeholder { + color: var(--light-blue-lightblue-400, #80a0ab); +} + +.placeholder-LightBlue-lightblue-400::placeholder { + color: var(--light-blue-lightblue-400, #80a0ab); +} + +.placeholder-LightBlue-lightblue-500::-moz-placeholder { + color: var(--light-blue-lightblue-500, #74afc1); +} + +.placeholder-LightBlue-lightblue-500::placeholder { + color: var(--light-blue-lightblue-500, #74afc1); +} + +.placeholder-LightBlue-lightblue-600::-moz-placeholder { + color: var(--light-blue-lightblue-600, #5a8997); +} + +.placeholder-LightBlue-lightblue-600::placeholder { + color: var(--light-blue-lightblue-600, #5a8997); +} + +.placeholder-LightBlue-lightblue-650::-moz-placeholder { + color: var(--light-blue-lightblue-650, #3e5e65); +} + +.placeholder-LightBlue-lightblue-650::placeholder { + color: var(--light-blue-lightblue-650, #3e5e65); +} + +.placeholder-LightBlue-lightblue-700::-moz-placeholder { + color: var(--light-blue-lightblue-700, #344e56); +} + +.placeholder-LightBlue-lightblue-700::placeholder { + color: var(--light-blue-lightblue-700, #344e56); +} + +.placeholder-Orange-orange::-moz-placeholder { + color: var(--orange-orange, #ff7f0e); +} + +.placeholder-Orange-orange::placeholder { + color: var(--orange-orange, #ff7f0e); +} + +.placeholder-Orange-orange-100::-moz-placeholder { + color: var(--orange-orange-100, #ffa556); +} + +.placeholder-Orange-orange-100::placeholder { + color: var(--orange-orange-100, #ffa556); +} + +.placeholder-Orange-orange-200::-moz-placeholder { + color: var(--orange-orange-200, #ffbf86); +} + +.placeholder-Orange-orange-200::placeholder { + color: var(--orange-orange-200, #ffbf86); +} + +.placeholder-Orange-orange-300::-moz-placeholder { + color: var(--orange-orange-300, #d97f30); +} + +.placeholder-Orange-orange-300::placeholder { + color: var(--orange-orange-300, #d97f30); +} + +.placeholder-Orange-orange-400::-moz-placeholder { + color: var(--orange-orange-400, #bf7e46); +} + +.placeholder-Orange-orange-400::placeholder { + color: var(--orange-orange-400, #bf7e46); +} + +.placeholder-Orange-orange-500::-moz-placeholder { + color: var(--orange-orange-500, #e5720d); +} + +.placeholder-Orange-orange-500::placeholder { + color: var(--orange-orange-500, #e5720d); +} + +.placeholder-Orange-orange-600::-moz-placeholder { + color: var(--orange-orange-600, #b3590a); +} + +.placeholder-Orange-orange-600::placeholder { + color: var(--orange-orange-600, #b3590a); +} + +.placeholder-Orange-orange-700::-moz-placeholder { + color: var(--orange-orange-700, #663306); +} + +.placeholder-Orange-orange-700::placeholder { + color: var(--orange-orange-700, #663306); +} + +.placeholder-Yellow-yellow::-moz-placeholder { + color: var(--yellow-yellow, #ffab00); +} + +.placeholder-Yellow-yellow::placeholder { + color: var(--yellow-yellow, #ffab00); +} + +.placeholder-Yellow-yellow-100::-moz-placeholder { + color: var(--yellow-yellow-100, #ffc44c); +} + +.placeholder-Yellow-yellow-100::placeholder { + color: var(--yellow-yellow-100, #ffc44c); +} + +.placeholder-Yellow-yellow-200::-moz-placeholder { + color: var(--yellow-yellow-200, #ffd580); +} + +.placeholder-Yellow-yellow-200::placeholder { + color: var(--yellow-yellow-200, #ffd580); +} + +.placeholder-Yellow-yellow-300::-moz-placeholder { + color: var(--yellow-yellow-300, #d99d26); +} + +.placeholder-Yellow-yellow-300::placeholder { + color: var(--yellow-yellow-300, #d99d26); +} + +.placeholder-Yellow-yellow-400::-moz-placeholder { + color: var(--yellow-yellow-400, #bf943f); +} + +.placeholder-Yellow-yellow-400::placeholder { + color: var(--yellow-yellow-400, #bf943f); +} + +.placeholder-Yellow-yellow-500::-moz-placeholder { + color: var(--yellow-yellow-500, #e59a00); +} + +.placeholder-Yellow-yellow-500::placeholder { + color: var(--yellow-yellow-500, #e59a00); +} + +.placeholder-Yellow-yellow-600::-moz-placeholder { + color: var(--yellow-yellow-600, #b37800); +} + +.placeholder-Yellow-yellow-600::placeholder { + color: var(--yellow-yellow-600, #b37800); +} + +.placeholder-Yellow-yellow-700::-moz-placeholder { + color: var(--yellow-yellow-700, #664400); +} + +.placeholder-Yellow-yellow-700::placeholder { + color: var(--yellow-yellow-700, #664400); +} + +.placeholder-Notification-notification::-moz-placeholder { + color: var(--notification-notification, #3959ff); +} + +.placeholder-Notification-notification::placeholder { + color: var(--notification-notification, #3959ff); +} + +.placeholder-Notification-notification-100::-moz-placeholder { + color: var(--notification-notification-100, #748bff); +} + +.placeholder-Notification-notification-100::placeholder { + color: var(--notification-notification-100, #748bff); +} + +.placeholder-Notification-notification-200::-moz-placeholder { + color: var(--notification-notification-200, #9cacff); +} + +.placeholder-Notification-notification-200::placeholder { + color: var(--notification-notification-200, #9cacff); +} + +.placeholder-Notification-notification-300::-moz-placeholder { + color: var(--notification-notification-300, #4e64d9); +} + +.placeholder-Notification-notification-300::placeholder { + color: var(--notification-notification-300, #4e64d9); +} + +.placeholder-Notification-notification-400::-moz-placeholder { + color: var(--notification-notification-400, #5c6cbf); +} + +.placeholder-Notification-notification-400::placeholder { + color: var(--notification-notification-400, #5c6cbf); +} + +.placeholder-Notification-notification-500::-moz-placeholder { + color: var(--notification-notification-500, #3350e5); +} + +.placeholder-Notification-notification-500::placeholder { + color: var(--notification-notification-500, #3350e5); +} + +.placeholder-Notification-notification-600::-moz-placeholder { + color: var(--notification-notification-600, #283eb3); +} + +.placeholder-Notification-notification-600::placeholder { + color: var(--notification-notification-600, #283eb3); +} + +.placeholder-Notification-notification-700::-moz-placeholder { + color: var(--notification-notification-700, #172466); +} + +.placeholder-Notification-notification-700::placeholder { + color: var(--notification-notification-700, #172466); +} + +.placeholder-Success-success\ -700::-moz-placeholder { + color: var(--success-success-700, #24471f); +} + +.placeholder-Success-success\ -700::placeholder { + color: var(--success-success-700, #24471f); +} + +.placeholder-Success-success::-moz-placeholder { + color: var(--success-success, #5bb14d); +} + +.placeholder-Success-success::placeholder { + color: var(--success-success, #5bb14d); +} + +.placeholder-Success-success\ -100::-moz-placeholder { + color: var(--success-success-100, #8cc882); +} + +.placeholder-Success-success\ -100::placeholder { + color: var(--success-success-100, #8cc882); +} + +.placeholder-Success-success\ -200::-moz-placeholder { + color: var(--success-success-200, #add8a6); +} + +.placeholder-Success-success\ -200::placeholder { + color: var(--success-success-200, #add8a6); +} + +.placeholder-Success-success\ -300::-moz-placeholder { + color: var(--success-success-300, #66a25c); +} + +.placeholder-Success-success\ -300::placeholder { + color: var(--success-success-300, #66a25c); +} + +.placeholder-Success-success\ -400::-moz-placeholder { + color: var(--success-success-400, #6d9766); +} + +.placeholder-Success-success\ -400::placeholder { + color: var(--success-success-400, #6d9766); +} + +.placeholder-Success-success\ -500::-moz-placeholder { + color: var(--success-success-500, #529f45); +} + +.placeholder-Success-success\ -500::placeholder { + color: var(--success-success-500, #529f45); +} + +.placeholder-Success-success\ -600::-moz-placeholder { + color: var(--success-success-600, #407c36); +} + +.placeholder-Success-success\ -600::placeholder { + color: var(--success-success-600, #407c36); +} + +.placeholder-Error-error::-moz-placeholder { + color: var(--error-error, #f03d3e); +} + +.placeholder-Error-error::placeholder { + color: var(--error-error, #f03d3e); +} + +.placeholder-Error-error-100::-moz-placeholder { + color: var(--error-error-100, #f57778); +} + +.placeholder-Error-error-100::placeholder { + color: var(--error-error-100, #f57778); +} + +.placeholder-Error-error-200::-moz-placeholder { + color: var(--error-error-200, #f89e9e); +} + +.placeholder-Error-error-200::placeholder { + color: var(--error-error-200, #f89e9e); +} + +.placeholder-Error-error-250::-moz-placeholder { + color: var(--error-error-250, #f9c8c8); +} + +.placeholder-Error-error-250::placeholder { + color: var(--error-error-250, #f9c8c8); +} + +.placeholder-Error-error-300::-moz-placeholder { + color: var(--error-error-300, #ce5151); +} + +.placeholder-Error-error-300::placeholder { + color: var(--error-error-300, #ce5151); +} + +.placeholder-Error-error-400::-moz-placeholder { + color: var(--error-error-400, #b85e5e); +} + +.placeholder-Error-error-400::placeholder { + color: var(--error-error-400, #b85e5e); +} + +.placeholder-Error-error-500::-moz-placeholder { + color: var(--error-error-500, #d83738); +} + +.placeholder-Error-error-500::placeholder { + color: var(--error-error-500, #d83738); +} + +.placeholder-Error-error-600::-moz-placeholder { + color: var(--error-error-600, #a82b2b); +} + +.placeholder-Error-error-600::placeholder { + color: var(--error-error-600, #a82b2b); +} + +.placeholder-Error-error-700::-moz-placeholder { + color: var(--error-error-700, #601819); +} + +.placeholder-Error-error-700::placeholder { + color: var(--error-error-700, #601819); +} + +.focus\:placeholder-colors-black:focus::-moz-placeholder { + color: var(--colors-black, #000000); +} + +.focus\:placeholder-colors-black:focus::placeholder { + color: var(--colors-black, #000000); +} + +.focus\:placeholder-colors-white:focus::-moz-placeholder { + color: var(--colors-white, #ffffff); +} + +.focus\:placeholder-colors-white:focus::placeholder { + color: var(--colors-white, #ffffff); +} + +.focus\:placeholder-colors-gray-100:focus::-moz-placeholder { + color: var(--colors-gray-100, #f7fafc); +} + +.focus\:placeholder-colors-gray-100:focus::placeholder { + color: var(--colors-gray-100, #f7fafc); +} + +.focus\:placeholder-colors-gray-200:focus::-moz-placeholder { + color: var(--colors-gray-200, #edf2f7); +} + +.focus\:placeholder-colors-gray-200:focus::placeholder { + color: var(--colors-gray-200, #edf2f7); +} + +.focus\:placeholder-colors-gray-300:focus::-moz-placeholder { + color: var(--colors-gray-300, #e2e8f0); +} + +.focus\:placeholder-colors-gray-300:focus::placeholder { + color: var(--colors-gray-300, #e2e8f0); +} + +.focus\:placeholder-colors-gray-400:focus::-moz-placeholder { + color: var(--colors-gray-400, #cbd5e0); +} + +.focus\:placeholder-colors-gray-400:focus::placeholder { + color: var(--colors-gray-400, #cbd5e0); +} + +.focus\:placeholder-colors-gray-500:focus::-moz-placeholder { + color: var(--colors-gray-500, #a0aec0); +} + +.focus\:placeholder-colors-gray-500:focus::placeholder { + color: var(--colors-gray-500, #a0aec0); +} + +.focus\:placeholder-colors-gray-600:focus::-moz-placeholder { + color: var(--colors-gray-600, #718096); +} + +.focus\:placeholder-colors-gray-600:focus::placeholder { + color: var(--colors-gray-600, #718096); +} + +.focus\:placeholder-colors-gray-700:focus::-moz-placeholder { + color: var(--colors-gray-700, #4a5568); +} + +.focus\:placeholder-colors-gray-700:focus::placeholder { + color: var(--colors-gray-700, #4a5568); +} + +.focus\:placeholder-colors-gray-800:focus::-moz-placeholder { + color: var(--colors-gray-800, #2d3748); +} + +.focus\:placeholder-colors-gray-800:focus::placeholder { + color: var(--colors-gray-800, #2d3748); +} + +.focus\:placeholder-colors-gray-900:focus::-moz-placeholder { + color: var(--colors-gray-900, #1a202c); +} + +.focus\:placeholder-colors-gray-900:focus::placeholder { + color: var(--colors-gray-900, #1a202c); +} + +.focus\:placeholder-colors-red-100:focus::-moz-placeholder { + color: var(--colors-red-100, #fff5f5); +} + +.focus\:placeholder-colors-red-100:focus::placeholder { + color: var(--colors-red-100, #fff5f5); +} + +.focus\:placeholder-colors-red-200:focus::-moz-placeholder { + color: var(--colors-red-200, #fed7d7); +} + +.focus\:placeholder-colors-red-200:focus::placeholder { + color: var(--colors-red-200, #fed7d7); +} + +.focus\:placeholder-colors-red-300:focus::-moz-placeholder { + color: var(--colors-red-300, #feb2b2); +} + +.focus\:placeholder-colors-red-300:focus::placeholder { + color: var(--colors-red-300, #feb2b2); +} + +.focus\:placeholder-colors-red-400:focus::-moz-placeholder { + color: var(--colors-red-400, #fc8181); +} + +.focus\:placeholder-colors-red-400:focus::placeholder { + color: var(--colors-red-400, #fc8181); +} + +.focus\:placeholder-colors-red-500:focus::-moz-placeholder { + color: var(--colors-red-500, #f56565); +} + +.focus\:placeholder-colors-red-500:focus::placeholder { + color: var(--colors-red-500, #f56565); +} + +.focus\:placeholder-colors-red-600:focus::-moz-placeholder { + color: var(--colors-red-600, #e53e3e); +} + +.focus\:placeholder-colors-red-600:focus::placeholder { + color: var(--colors-red-600, #e53e3e); +} + +.focus\:placeholder-colors-red-700:focus::-moz-placeholder { + color: var(--colors-red-700, #c53030); +} + +.focus\:placeholder-colors-red-700:focus::placeholder { + color: var(--colors-red-700, #c53030); +} + +.focus\:placeholder-colors-red-800:focus::-moz-placeholder { + color: var(--colors-red-800, #9b2c2c); +} + +.focus\:placeholder-colors-red-800:focus::placeholder { + color: var(--colors-red-800, #9b2c2c); +} + +.focus\:placeholder-colors-red-900:focus::-moz-placeholder { + color: var(--colors-red-900, #742a2a); +} + +.focus\:placeholder-colors-red-900:focus::placeholder { + color: var(--colors-red-900, #742a2a); +} + +.focus\:placeholder-colors-orange-100:focus::-moz-placeholder { + color: var(--colors-orange-100, #fffaf0); +} + +.focus\:placeholder-colors-orange-100:focus::placeholder { + color: var(--colors-orange-100, #fffaf0); +} + +.focus\:placeholder-colors-orange-200:focus::-moz-placeholder { + color: var(--colors-orange-200, #feebc8); +} + +.focus\:placeholder-colors-orange-200:focus::placeholder { + color: var(--colors-orange-200, #feebc8); +} + +.focus\:placeholder-colors-orange-300:focus::-moz-placeholder { + color: var(--colors-orange-300, #fbd38d); +} + +.focus\:placeholder-colors-orange-300:focus::placeholder { + color: var(--colors-orange-300, #fbd38d); +} + +.focus\:placeholder-colors-orange-400:focus::-moz-placeholder { + color: var(--colors-orange-400, #f6ad55); +} + +.focus\:placeholder-colors-orange-400:focus::placeholder { + color: var(--colors-orange-400, #f6ad55); +} + +.focus\:placeholder-colors-orange-500:focus::-moz-placeholder { + color: var(--colors-orange-500, #ed8936); +} + +.focus\:placeholder-colors-orange-500:focus::placeholder { + color: var(--colors-orange-500, #ed8936); +} + +.focus\:placeholder-colors-orange-600:focus::-moz-placeholder { + color: var(--colors-orange-600, #dd6b20); +} + +.focus\:placeholder-colors-orange-600:focus::placeholder { + color: var(--colors-orange-600, #dd6b20); +} + +.focus\:placeholder-colors-orange-700:focus::-moz-placeholder { + color: var(--colors-orange-700, #c05621); +} + +.focus\:placeholder-colors-orange-700:focus::placeholder { + color: var(--colors-orange-700, #c05621); +} + +.focus\:placeholder-colors-orange-800:focus::-moz-placeholder { + color: var(--colors-orange-800, #9c4221); +} + +.focus\:placeholder-colors-orange-800:focus::placeholder { + color: var(--colors-orange-800, #9c4221); +} + +.focus\:placeholder-colors-orange-900:focus::-moz-placeholder { + color: var(--colors-orange-900, #7b341e); +} + +.focus\:placeholder-colors-orange-900:focus::placeholder { + color: var(--colors-orange-900, #7b341e); +} + +.focus\:placeholder-colors-yellow-100:focus::-moz-placeholder { + color: var(--colors-yellow-100, #fffff0); +} + +.focus\:placeholder-colors-yellow-100:focus::placeholder { + color: var(--colors-yellow-100, #fffff0); +} + +.focus\:placeholder-colors-yellow-200:focus::-moz-placeholder { + color: var(--colors-yellow-200, #fefcbf); +} + +.focus\:placeholder-colors-yellow-200:focus::placeholder { + color: var(--colors-yellow-200, #fefcbf); +} + +.focus\:placeholder-colors-yellow-300:focus::-moz-placeholder { + color: var(--colors-yellow-300, #faf089); +} + +.focus\:placeholder-colors-yellow-300:focus::placeholder { + color: var(--colors-yellow-300, #faf089); +} + +.focus\:placeholder-colors-yellow-400:focus::-moz-placeholder { + color: var(--colors-yellow-400, #f6e05e); +} + +.focus\:placeholder-colors-yellow-400:focus::placeholder { + color: var(--colors-yellow-400, #f6e05e); +} + +.focus\:placeholder-colors-yellow-500:focus::-moz-placeholder { + color: var(--colors-yellow-500, #ecc94b); +} + +.focus\:placeholder-colors-yellow-500:focus::placeholder { + color: var(--colors-yellow-500, #ecc94b); +} + +.focus\:placeholder-colors-yellow-600:focus::-moz-placeholder { + color: var(--colors-yellow-600, #d69e2e); +} + +.focus\:placeholder-colors-yellow-600:focus::placeholder { + color: var(--colors-yellow-600, #d69e2e); +} + +.focus\:placeholder-colors-yellow-700:focus::-moz-placeholder { + color: var(--colors-yellow-700, #b7791f); +} + +.focus\:placeholder-colors-yellow-700:focus::placeholder { + color: var(--colors-yellow-700, #b7791f); +} + +.focus\:placeholder-colors-yellow-800:focus::-moz-placeholder { + color: var(--colors-yellow-800, #975a16); +} + +.focus\:placeholder-colors-yellow-800:focus::placeholder { + color: var(--colors-yellow-800, #975a16); +} + +.focus\:placeholder-colors-yellow-900:focus::-moz-placeholder { + color: var(--colors-yellow-900, #744210); +} + +.focus\:placeholder-colors-yellow-900:focus::placeholder { + color: var(--colors-yellow-900, #744210); +} + +.focus\:placeholder-colors-green-100:focus::-moz-placeholder { + color: var(--colors-green-100, #f0fff4); +} + +.focus\:placeholder-colors-green-100:focus::placeholder { + color: var(--colors-green-100, #f0fff4); +} + +.focus\:placeholder-colors-green-200:focus::-moz-placeholder { + color: var(--colors-green-200, #c6f6d5); +} + +.focus\:placeholder-colors-green-200:focus::placeholder { + color: var(--colors-green-200, #c6f6d5); +} + +.focus\:placeholder-colors-green-300:focus::-moz-placeholder { + color: var(--colors-green-300, #9ae6b4); +} + +.focus\:placeholder-colors-green-300:focus::placeholder { + color: var(--colors-green-300, #9ae6b4); +} + +.focus\:placeholder-colors-green-400:focus::-moz-placeholder { + color: var(--colors-green-400, #68d391); +} + +.focus\:placeholder-colors-green-400:focus::placeholder { + color: var(--colors-green-400, #68d391); +} + +.focus\:placeholder-colors-green-500:focus::-moz-placeholder { + color: var(--colors-green-500, #48bb78); +} + +.focus\:placeholder-colors-green-500:focus::placeholder { + color: var(--colors-green-500, #48bb78); +} + +.focus\:placeholder-colors-green-600:focus::-moz-placeholder { + color: var(--colors-green-600, #38a169); +} + +.focus\:placeholder-colors-green-600:focus::placeholder { + color: var(--colors-green-600, #38a169); +} + +.focus\:placeholder-colors-green-700:focus::-moz-placeholder { + color: var(--colors-green-700, #2f855a); +} + +.focus\:placeholder-colors-green-700:focus::placeholder { + color: var(--colors-green-700, #2f855a); +} + +.focus\:placeholder-colors-green-800:focus::-moz-placeholder { + color: var(--colors-green-800, #276749); +} + +.focus\:placeholder-colors-green-800:focus::placeholder { + color: var(--colors-green-800, #276749); +} + +.focus\:placeholder-colors-green-900:focus::-moz-placeholder { + color: var(--colors-green-900, #22543d); +} + +.focus\:placeholder-colors-green-900:focus::placeholder { + color: var(--colors-green-900, #22543d); +} + +.focus\:placeholder-colors-teal-100:focus::-moz-placeholder { + color: var(--colors-teal-100, #e6fffa); +} + +.focus\:placeholder-colors-teal-100:focus::placeholder { + color: var(--colors-teal-100, #e6fffa); +} + +.focus\:placeholder-colors-teal-200:focus::-moz-placeholder { + color: var(--colors-teal-200, #b2f5ea); +} + +.focus\:placeholder-colors-teal-200:focus::placeholder { + color: var(--colors-teal-200, #b2f5ea); +} + +.focus\:placeholder-colors-teal-300:focus::-moz-placeholder { + color: var(--colors-teal-300, #81e6d9); +} + +.focus\:placeholder-colors-teal-300:focus::placeholder { + color: var(--colors-teal-300, #81e6d9); +} + +.focus\:placeholder-colors-teal-400:focus::-moz-placeholder { + color: var(--colors-teal-400, #4fd1c5); +} + +.focus\:placeholder-colors-teal-400:focus::placeholder { + color: var(--colors-teal-400, #4fd1c5); +} + +.focus\:placeholder-colors-teal-500:focus::-moz-placeholder { + color: var(--colors-teal-500, #38b2ac); +} + +.focus\:placeholder-colors-teal-500:focus::placeholder { + color: var(--colors-teal-500, #38b2ac); +} + +.focus\:placeholder-colors-teal-600:focus::-moz-placeholder { + color: var(--colors-teal-600, #319795); +} + +.focus\:placeholder-colors-teal-600:focus::placeholder { + color: var(--colors-teal-600, #319795); +} + +.focus\:placeholder-colors-teal-700:focus::-moz-placeholder { + color: var(--colors-teal-700, #2c7a7b); +} + +.focus\:placeholder-colors-teal-700:focus::placeholder { + color: var(--colors-teal-700, #2c7a7b); +} + +.focus\:placeholder-colors-teal-800:focus::-moz-placeholder { + color: var(--colors-teal-800, #285e61); +} + +.focus\:placeholder-colors-teal-800:focus::placeholder { + color: var(--colors-teal-800, #285e61); +} + +.focus\:placeholder-colors-teal-900:focus::-moz-placeholder { + color: var(--colors-teal-900, #234e52); +} + +.focus\:placeholder-colors-teal-900:focus::placeholder { + color: var(--colors-teal-900, #234e52); +} + +.focus\:placeholder-colors-blue-100:focus::-moz-placeholder { + color: var(--colors-blue-100, #ebf8ff); +} + +.focus\:placeholder-colors-blue-100:focus::placeholder { + color: var(--colors-blue-100, #ebf8ff); +} + +.focus\:placeholder-colors-blue-200:focus::-moz-placeholder { + color: var(--colors-blue-200, #bee3f8); +} + +.focus\:placeholder-colors-blue-200:focus::placeholder { + color: var(--colors-blue-200, #bee3f8); +} + +.focus\:placeholder-colors-blue-300:focus::-moz-placeholder { + color: var(--colors-blue-300, #90cdf4); +} + +.focus\:placeholder-colors-blue-300:focus::placeholder { + color: var(--colors-blue-300, #90cdf4); +} + +.focus\:placeholder-colors-blue-400:focus::-moz-placeholder { + color: var(--colors-blue-400, #63b3ed); +} + +.focus\:placeholder-colors-blue-400:focus::placeholder { + color: var(--colors-blue-400, #63b3ed); +} + +.focus\:placeholder-colors-blue-500:focus::-moz-placeholder { + color: var(--colors-blue-500, #4299e1); +} + +.focus\:placeholder-colors-blue-500:focus::placeholder { + color: var(--colors-blue-500, #4299e1); +} + +.focus\:placeholder-colors-blue-600:focus::-moz-placeholder { + color: var(--colors-blue-600, #3182ce); +} + +.focus\:placeholder-colors-blue-600:focus::placeholder { + color: var(--colors-blue-600, #3182ce); +} + +.focus\:placeholder-colors-blue-700:focus::-moz-placeholder { + color: var(--colors-blue-700, #2b6cb0); +} + +.focus\:placeholder-colors-blue-700:focus::placeholder { + color: var(--colors-blue-700, #2b6cb0); +} + +.focus\:placeholder-colors-blue-800:focus::-moz-placeholder { + color: var(--colors-blue-800, #2c5282); +} + +.focus\:placeholder-colors-blue-800:focus::placeholder { + color: var(--colors-blue-800, #2c5282); +} + +.focus\:placeholder-colors-blue-900:focus::-moz-placeholder { + color: var(--colors-blue-900, #2a4365); +} + +.focus\:placeholder-colors-blue-900:focus::placeholder { + color: var(--colors-blue-900, #2a4365); +} + +.focus\:placeholder-colors-indigo-100:focus::-moz-placeholder { + color: var(--colors-indigo-100, #ebf4ff); +} + +.focus\:placeholder-colors-indigo-100:focus::placeholder { + color: var(--colors-indigo-100, #ebf4ff); +} + +.focus\:placeholder-colors-indigo-200:focus::-moz-placeholder { + color: var(--colors-indigo-200, #c3dafe); +} + +.focus\:placeholder-colors-indigo-200:focus::placeholder { + color: var(--colors-indigo-200, #c3dafe); +} + +.focus\:placeholder-colors-indigo-300:focus::-moz-placeholder { + color: var(--colors-indigo-300, #a3bffa); +} + +.focus\:placeholder-colors-indigo-300:focus::placeholder { + color: var(--colors-indigo-300, #a3bffa); +} + +.focus\:placeholder-colors-indigo-400:focus::-moz-placeholder { + color: var(--colors-indigo-400, #7f9cf5); +} + +.focus\:placeholder-colors-indigo-400:focus::placeholder { + color: var(--colors-indigo-400, #7f9cf5); +} + +.focus\:placeholder-colors-indigo-500:focus::-moz-placeholder { + color: var(--colors-indigo-500, #667eea); +} + +.focus\:placeholder-colors-indigo-500:focus::placeholder { + color: var(--colors-indigo-500, #667eea); +} + +.focus\:placeholder-colors-indigo-600:focus::-moz-placeholder { + color: var(--colors-indigo-600, #5a67d8); +} + +.focus\:placeholder-colors-indigo-600:focus::placeholder { + color: var(--colors-indigo-600, #5a67d8); +} + +.focus\:placeholder-colors-indigo-700:focus::-moz-placeholder { + color: var(--colors-indigo-700, #4c51bf); +} + +.focus\:placeholder-colors-indigo-700:focus::placeholder { + color: var(--colors-indigo-700, #4c51bf); +} + +.focus\:placeholder-colors-indigo-800:focus::-moz-placeholder { + color: var(--colors-indigo-800, #434190); +} + +.focus\:placeholder-colors-indigo-800:focus::placeholder { + color: var(--colors-indigo-800, #434190); +} + +.focus\:placeholder-colors-indigo-900:focus::-moz-placeholder { + color: var(--colors-indigo-900, #3c366b); +} + +.focus\:placeholder-colors-indigo-900:focus::placeholder { + color: var(--colors-indigo-900, #3c366b); +} + +.focus\:placeholder-colors-purple-100:focus::-moz-placeholder { + color: var(--colors-purple-100, #faf5ff); +} + +.focus\:placeholder-colors-purple-100:focus::placeholder { + color: var(--colors-purple-100, #faf5ff); +} + +.focus\:placeholder-colors-purple-200:focus::-moz-placeholder { + color: var(--colors-purple-200, #e9d8fd); +} + +.focus\:placeholder-colors-purple-200:focus::placeholder { + color: var(--colors-purple-200, #e9d8fd); +} + +.focus\:placeholder-colors-purple-300:focus::-moz-placeholder { + color: var(--colors-purple-300, #d6bcfa); +} + +.focus\:placeholder-colors-purple-300:focus::placeholder { + color: var(--colors-purple-300, #d6bcfa); +} + +.focus\:placeholder-colors-purple-400:focus::-moz-placeholder { + color: var(--colors-purple-400, #b794f4); +} + +.focus\:placeholder-colors-purple-400:focus::placeholder { + color: var(--colors-purple-400, #b794f4); +} + +.focus\:placeholder-colors-purple-500:focus::-moz-placeholder { + color: var(--colors-purple-500, #9f7aea); +} + +.focus\:placeholder-colors-purple-500:focus::placeholder { + color: var(--colors-purple-500, #9f7aea); +} + +.focus\:placeholder-colors-purple-600:focus::-moz-placeholder { + color: var(--colors-purple-600, #805ad5); +} + +.focus\:placeholder-colors-purple-600:focus::placeholder { + color: var(--colors-purple-600, #805ad5); +} + +.focus\:placeholder-colors-purple-700:focus::-moz-placeholder { + color: var(--colors-purple-700, #6b46c1); +} + +.focus\:placeholder-colors-purple-700:focus::placeholder { + color: var(--colors-purple-700, #6b46c1); +} + +.focus\:placeholder-colors-purple-800:focus::-moz-placeholder { + color: var(--colors-purple-800, #553c9a); +} + +.focus\:placeholder-colors-purple-800:focus::placeholder { + color: var(--colors-purple-800, #553c9a); +} + +.focus\:placeholder-colors-purple-900:focus::-moz-placeholder { + color: var(--colors-purple-900, #44337a); +} + +.focus\:placeholder-colors-purple-900:focus::placeholder { + color: var(--colors-purple-900, #44337a); +} + +.focus\:placeholder-colors-pink-100:focus::-moz-placeholder { + color: var(--colors-pink-100, #fff5f7); +} + +.focus\:placeholder-colors-pink-100:focus::placeholder { + color: var(--colors-pink-100, #fff5f7); +} + +.focus\:placeholder-colors-pink-200:focus::-moz-placeholder { + color: var(--colors-pink-200, #fed7e2); +} + +.focus\:placeholder-colors-pink-200:focus::placeholder { + color: var(--colors-pink-200, #fed7e2); +} + +.focus\:placeholder-colors-pink-300:focus::-moz-placeholder { + color: var(--colors-pink-300, #fbb6ce); +} + +.focus\:placeholder-colors-pink-300:focus::placeholder { + color: var(--colors-pink-300, #fbb6ce); +} + +.focus\:placeholder-colors-pink-400:focus::-moz-placeholder { + color: var(--colors-pink-400, #f687b3); +} + +.focus\:placeholder-colors-pink-400:focus::placeholder { + color: var(--colors-pink-400, #f687b3); +} + +.focus\:placeholder-colors-pink-500:focus::-moz-placeholder { + color: var(--colors-pink-500, #ed64a6); +} + +.focus\:placeholder-colors-pink-500:focus::placeholder { + color: var(--colors-pink-500, #ed64a6); +} + +.focus\:placeholder-colors-pink-600:focus::-moz-placeholder { + color: var(--colors-pink-600, #d53f8c); +} + +.focus\:placeholder-colors-pink-600:focus::placeholder { + color: var(--colors-pink-600, #d53f8c); +} + +.focus\:placeholder-colors-pink-700:focus::-moz-placeholder { + color: var(--colors-pink-700, #b83280); +} + +.focus\:placeholder-colors-pink-700:focus::placeholder { + color: var(--colors-pink-700, #b83280); +} + +.focus\:placeholder-colors-pink-800:focus::-moz-placeholder { + color: var(--colors-pink-800, #97266d); +} + +.focus\:placeholder-colors-pink-800:focus::placeholder { + color: var(--colors-pink-800, #97266d); +} + +.focus\:placeholder-colors-pink-900:focus::-moz-placeholder { + color: var(--colors-pink-900, #702459); +} + +.focus\:placeholder-colors-pink-900:focus::placeholder { + color: var(--colors-pink-900, #702459); +} + +.focus\:placeholder-Box\ Shadow:focus::-moz-placeholder { + color: var(--box-shadow, #7f7e7f); +} + +.focus\:placeholder-Box\ Shadow:focus::placeholder { + color: var(--box-shadow, #7f7e7f); +} + +.focus\:placeholder-Error16:focus::-moz-placeholder { + color: var(--error16, #f03d3e40); +} + +.focus\:placeholder-Error16:focus::placeholder { + color: var(--error16, #f03d3e40); +} + +.focus\:placeholder-Success16:focus::-moz-placeholder { + color: var(--success16, #5bb14d40); +} + +.focus\:placeholder-Success16:focus::placeholder { + color: var(--success16, #5bb14d40); +} + +.focus\:placeholder-Notification16:focus::-moz-placeholder { + color: var(--notification16, #3959ff40); +} + +.focus\:placeholder-Notification16:focus::placeholder { + color: var(--notification16, #3959ff40); +} + +.focus\:placeholder-Error8:focus::-moz-placeholder { + color: var(--error8, #f03d3e1a); +} + +.focus\:placeholder-Error8:focus::placeholder { + color: var(--error8, #f03d3e1a); +} + +.focus\:placeholder-Notification8:focus::-moz-placeholder { + color: var(--notification8, #3959ff1a); +} + +.focus\:placeholder-Notification8:focus::placeholder { + color: var(--notification8, #3959ff1a); +} + +.focus\:placeholder-Success8:focus::-moz-placeholder { + color: var(--success8, #5bb14d1a); +} + +.focus\:placeholder-Success8:focus::placeholder { + color: var(--success8, #5bb14d1a); +} + +.focus\:placeholder-Light\ -\ Overlay:focus::-moz-placeholder { + color: var(--light-overlay, #f0edee66); +} + +.focus\:placeholder-Light\ -\ Overlay:focus::placeholder { + color: var(--light-overlay, #f0edee66); +} + +.focus\:placeholder-Dark-\ Overlay:focus::-moz-placeholder { + color: var(--dark-overlay, #7f7e7f66); +} + +.focus\:placeholder-Dark-\ Overlay:focus::placeholder { + color: var(--dark-overlay, #7f7e7f66); +} + +.focus\:placeholder-black-40:focus::-moz-placeholder { + color: var(--black-40, #00000066); +} + +.focus\:placeholder-black-40:focus::placeholder { + color: var(--black-40, #00000066); +} + +.focus\:placeholder-black-75:focus::-moz-placeholder { + color: var(--black-75, #000000bf); +} + +.focus\:placeholder-black-75:focus::placeholder { + color: var(--black-75, #000000bf); +} + +.focus\:placeholder-black-60:focus::-moz-placeholder { + color: var(--black-60, #00000099); +} + +.focus\:placeholder-black-60:focus::placeholder { + color: var(--black-60, #00000099); +} + +.focus\:placeholder-black-50:focus::-moz-placeholder { + color: var(--black-50, #00000080); +} + +.focus\:placeholder-black-50:focus::placeholder { + color: var(--black-50, #00000080); +} + +.focus\:placeholder-black-25:focus::-moz-placeholder { + color: var(--black-25, #00000040); +} + +.focus\:placeholder-black-25:focus::placeholder { + color: var(--black-25, #00000040); +} + +.focus\:placeholder-black-10:focus::-moz-placeholder { + color: var(--black-10, #0000001a); +} + +.focus\:placeholder-black-10:focus::placeholder { + color: var(--black-10, #0000001a); +} + +.focus\:placeholder-white-25:focus::-moz-placeholder { + color: var(--white-25, #ffffff40); +} + +.focus\:placeholder-white-25:focus::placeholder { + color: var(--white-25, #ffffff40); +} + +.focus\:placeholder-white-60:focus::-moz-placeholder { + color: var(--white-60, #ffffff99); +} + +.focus\:placeholder-white-60:focus::placeholder { + color: var(--white-60, #ffffff99); +} + +.focus\:placeholder-black-64:focus::-moz-placeholder { + color: var(--black-64, #000000a3); +} + +.focus\:placeholder-black-64:focus::placeholder { + color: var(--black-64, #000000a3); +} + +.focus\:placeholder-Shadow\ and\ Highlight-Shadow:focus::-moz-placeholder { + color: var(--shadow-and-highlight-shadow, #7f7e7f); +} + +.focus\:placeholder-Shadow\ and\ Highlight-Shadow:focus::placeholder { + color: var(--shadow-and-highlight-shadow, #7f7e7f); +} + +.focus\:placeholder-Shadow\ and\ Highlight-Highlight:focus::-moz-placeholder { + color: var(--shadow-and-highlight-highlight, #474747); +} + +.focus\:placeholder-Shadow\ and\ Highlight-Highlight:focus::placeholder { + color: var(--shadow-and-highlight-highlight, #474747); +} + +.focus\:placeholder-Shadow\ and\ Highlight-highlight\ one:focus::-moz-placeholder { + color: var(--shadow-and-highlight-highlight-one, #474747bf); +} + +.focus\:placeholder-Shadow\ and\ Highlight-highlight\ one:focus::placeholder { + color: var(--shadow-and-highlight-highlight-one, #474747bf); +} + +.focus\:placeholder-Shadow\ and\ Highlight-highlight\ two:focus::-moz-placeholder { + color: var(--shadow-and-highlight-highlight-two, #47474799); +} + +.focus\:placeholder-Shadow\ and\ Highlight-highlight\ two:focus::placeholder { + color: var(--shadow-and-highlight-highlight-two, #47474799); +} + +.focus\:placeholder-Shadow\ and\ Highlight-highlight\ three:focus::-moz-placeholder { + color: var(--shadow-and-highlight-highlight-three, #47474766); +} + +.focus\:placeholder-Shadow\ and\ Highlight-highlight\ three:focus::placeholder { + color: var(--shadow-and-highlight-highlight-three, #47474766); +} + +.focus\:placeholder-Shadow\ and\ Highlight-highlight\ five:focus::-moz-placeholder { + color: var(--shadow-and-highlight-highlight-five, #4747471a); +} + +.focus\:placeholder-Shadow\ and\ Highlight-highlight\ five:focus::placeholder { + color: var(--shadow-and-highlight-highlight-five, #4747471a); +} + +.focus\:placeholder-Shadow\ and\ Highlight-shadow\ one:focus::-moz-placeholder { + color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); +} + +.focus\:placeholder-Shadow\ and\ Highlight-shadow\ one:focus::placeholder { + color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); +} + +.focus\:placeholder-Shadow\ and\ Highlight-shadow\ two:focus::-moz-placeholder { + color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); +} + +.focus\:placeholder-Shadow\ and\ Highlight-shadow\ two:focus::placeholder { + color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); +} + +.focus\:placeholder-Shadow\ and\ Highlight-shadow\ three:focus::-moz-placeholder { + color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); +} + +.focus\:placeholder-Shadow\ and\ Highlight-shadow\ three:focus::placeholder { + color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); +} + +.focus\:placeholder-Shadow\ and\ Highlight-shadow\ four:focus::-moz-placeholder { + color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); +} + +.focus\:placeholder-Shadow\ and\ Highlight-shadow\ four:focus::placeholder { + color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); +} + +.focus\:placeholder-Shadow\ and\ Highlight-shadow\ five:focus::-moz-placeholder { + color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); +} + +.focus\:placeholder-Shadow\ and\ Highlight-shadow\ five:focus::placeholder { + color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); +} + +.focus\:placeholder-Shadow\ and\ Highlight-highlight\ four:focus::-moz-placeholder { + color: var(--shadow-and-highlight-highlight-four, #47474740); +} + +.focus\:placeholder-Shadow\ and\ Highlight-highlight\ four:focus::placeholder { + color: var(--shadow-and-highlight-highlight-four, #47474740); +} + +.focus\:placeholder-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus::-moz-placeholder { + color: var(--base-layer-styles-base-layer-light-white, #ffffff); +} + +.focus\:placeholder-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus::placeholder { + color: var(--base-layer-styles-base-layer-light-white, #ffffff); +} + +.focus\:placeholder-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus::-moz-placeholder { + color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); +} + +.focus\:placeholder-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus::placeholder { + color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); +} + +.focus\:placeholder-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus::-moz-placeholder { + color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); +} + +.focus\:placeholder-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus::placeholder { + color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); +} + +.focus\:placeholder-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus::-moz-placeholder { + color: var(--base-layer-styles-base-layer-dark-black, #000000); +} + +.focus\:placeholder-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus::placeholder { + color: var(--base-layer-styles-base-layer-dark-black, #000000); +} + +.focus\:placeholder-Grey-Scale-white:focus::-moz-placeholder { + color: var(--grey-scale-white, #ffffff); +} + +.focus\:placeholder-Grey-Scale-white:focus::placeholder { + color: var(--grey-scale-white, #ffffff); +} + +.focus\:placeholder-Grey-Scale-off-white:focus::-moz-placeholder { + color: var(--grey-scale-off-white, #f0edee); +} + +.focus\:placeholder-Grey-Scale-off-white:focus::placeholder { + color: var(--grey-scale-off-white, #f0edee); +} + +.focus\:placeholder-Grey\ Scale-grey:focus::-moz-placeholder { + color: var(--grey-scale-grey, #7f7e7f); +} + +.focus\:placeholder-Grey\ Scale-grey:focus::placeholder { + color: var(--grey-scale-grey, #7f7e7f); +} + +.focus\:placeholder-Grey\ Scale-charcoal:focus::-moz-placeholder { + color: var(--grey-scale-charcoal, #474747); +} + +.focus\:placeholder-Grey\ Scale-charcoal:focus::placeholder { + color: var(--grey-scale-charcoal, #474747); +} + +.focus\:placeholder-Grey\ Scale-off-black:focus::-moz-placeholder { + color: var(--grey-scale-off-black, #1c1c1c); +} + +.focus\:placeholder-Grey\ Scale-off-black:focus::placeholder { + color: var(--grey-scale-off-black, #1c1c1c); +} + +.focus\:placeholder-Grey\ Scale-black:focus::-moz-placeholder { + color: var(--grey-scale-black, #000000); +} + +.focus\:placeholder-Grey\ Scale-black:focus::placeholder { + color: var(--grey-scale-black, #000000); +} + +.focus\:placeholder-Blue-blue:focus::-moz-placeholder { + color: var(--blue-blue, #3a7ca5); +} + +.focus\:placeholder-Blue-blue:focus::placeholder { + color: var(--blue-blue, #3a7ca5); +} + +.focus\:placeholder-Blue-blue-100:focus::-moz-placeholder { + color: var(--blue-blue-100, #75a3c0); +} + +.focus\:placeholder-Blue-blue-100:focus::placeholder { + color: var(--blue-blue-100, #75a3c0); +} + +.focus\:placeholder-Blue-blue-200:focus::-moz-placeholder { + color: var(--blue-blue-200, #9cbed2); +} + +.focus\:placeholder-Blue-blue-200:focus::placeholder { + color: var(--blue-blue-200, #9cbed2); +} + +.focus\:placeholder-Blue-blue-300:focus::-moz-placeholder { + color: var(--blue-blue-300, #4f7d9a); +} + +.focus\:placeholder-Blue-blue-300:focus::placeholder { + color: var(--blue-blue-300, #4f7d9a); +} + +.focus\:placeholder-Blue-blue-400:focus::-moz-placeholder { + color: var(--blue-blue-400, #5c7d92); +} + +.focus\:placeholder-Blue-blue-400:focus::placeholder { + color: var(--blue-blue-400, #5c7d92); +} + +.focus\:placeholder-Blue-blue-500:focus::-moz-placeholder { + color: var(--blue-blue-500, #347095); +} + +.focus\:placeholder-Blue-blue-500:focus::placeholder { + color: var(--blue-blue-500, #347095); +} + +.focus\:placeholder-Blue-blue-600:focus::-moz-placeholder { + color: var(--blue-blue-600, #295774); +} + +.focus\:placeholder-Blue-blue-600:focus::placeholder { + color: var(--blue-blue-600, #295774); +} + +.focus\:placeholder-Blue-blue-700:focus::-moz-placeholder { + color: var(--blue-blue-700, #173242); +} + +.focus\:placeholder-Blue-blue-700:focus::placeholder { + color: var(--blue-blue-700, #173242); +} + +.focus\:placeholder-LightBlue-lightblue:focus::-moz-placeholder { + color: var(--light-blue-lightblue, #81c3d7); +} + +.focus\:placeholder-LightBlue-lightblue:focus::placeholder { + color: var(--light-blue-lightblue, #81c3d7); +} + +.focus\:placeholder-LightBlue-lightblue-100:focus::-moz-placeholder { + color: var(--light-blue-lightblue-100, #a7d5e3); +} + +.focus\:placeholder-LightBlue-lightblue-100:focus::placeholder { + color: var(--light-blue-lightblue-100, #a7d5e3); +} + +.focus\:placeholder-LightBlue-lightblue-200:focus::-moz-placeholder { + color: var(--light-blue-lightblue-200, #c0e1eb); +} + +.focus\:placeholder-LightBlue-lightblue-200:focus::placeholder { + color: var(--light-blue-lightblue-200, #c0e1eb); +} + +.focus\:placeholder-LightBlue-lightblue-300:focus::-moz-placeholder { + color: var(--light-blue-lightblue-300, #80aebd); +} + +.focus\:placeholder-LightBlue-lightblue-300:focus::placeholder { + color: var(--light-blue-lightblue-300, #80aebd); +} + +.focus\:placeholder-LightBlue-lightblue-400:focus::-moz-placeholder { + color: var(--light-blue-lightblue-400, #80a0ab); +} + +.focus\:placeholder-LightBlue-lightblue-400:focus::placeholder { + color: var(--light-blue-lightblue-400, #80a0ab); +} + +.focus\:placeholder-LightBlue-lightblue-500:focus::-moz-placeholder { + color: var(--light-blue-lightblue-500, #74afc1); +} + +.focus\:placeholder-LightBlue-lightblue-500:focus::placeholder { + color: var(--light-blue-lightblue-500, #74afc1); +} + +.focus\:placeholder-LightBlue-lightblue-600:focus::-moz-placeholder { + color: var(--light-blue-lightblue-600, #5a8997); +} + +.focus\:placeholder-LightBlue-lightblue-600:focus::placeholder { + color: var(--light-blue-lightblue-600, #5a8997); +} + +.focus\:placeholder-LightBlue-lightblue-650:focus::-moz-placeholder { + color: var(--light-blue-lightblue-650, #3e5e65); +} + +.focus\:placeholder-LightBlue-lightblue-650:focus::placeholder { + color: var(--light-blue-lightblue-650, #3e5e65); +} + +.focus\:placeholder-LightBlue-lightblue-700:focus::-moz-placeholder { + color: var(--light-blue-lightblue-700, #344e56); +} + +.focus\:placeholder-LightBlue-lightblue-700:focus::placeholder { + color: var(--light-blue-lightblue-700, #344e56); +} + +.focus\:placeholder-Orange-orange:focus::-moz-placeholder { + color: var(--orange-orange, #ff7f0e); +} + +.focus\:placeholder-Orange-orange:focus::placeholder { + color: var(--orange-orange, #ff7f0e); +} + +.focus\:placeholder-Orange-orange-100:focus::-moz-placeholder { + color: var(--orange-orange-100, #ffa556); +} + +.focus\:placeholder-Orange-orange-100:focus::placeholder { + color: var(--orange-orange-100, #ffa556); +} + +.focus\:placeholder-Orange-orange-200:focus::-moz-placeholder { + color: var(--orange-orange-200, #ffbf86); +} + +.focus\:placeholder-Orange-orange-200:focus::placeholder { + color: var(--orange-orange-200, #ffbf86); +} + +.focus\:placeholder-Orange-orange-300:focus::-moz-placeholder { + color: var(--orange-orange-300, #d97f30); +} + +.focus\:placeholder-Orange-orange-300:focus::placeholder { + color: var(--orange-orange-300, #d97f30); +} + +.focus\:placeholder-Orange-orange-400:focus::-moz-placeholder { + color: var(--orange-orange-400, #bf7e46); +} + +.focus\:placeholder-Orange-orange-400:focus::placeholder { + color: var(--orange-orange-400, #bf7e46); +} + +.focus\:placeholder-Orange-orange-500:focus::-moz-placeholder { + color: var(--orange-orange-500, #e5720d); +} + +.focus\:placeholder-Orange-orange-500:focus::placeholder { + color: var(--orange-orange-500, #e5720d); +} + +.focus\:placeholder-Orange-orange-600:focus::-moz-placeholder { + color: var(--orange-orange-600, #b3590a); +} + +.focus\:placeholder-Orange-orange-600:focus::placeholder { + color: var(--orange-orange-600, #b3590a); +} + +.focus\:placeholder-Orange-orange-700:focus::-moz-placeholder { + color: var(--orange-orange-700, #663306); +} + +.focus\:placeholder-Orange-orange-700:focus::placeholder { + color: var(--orange-orange-700, #663306); +} + +.focus\:placeholder-Yellow-yellow:focus::-moz-placeholder { + color: var(--yellow-yellow, #ffab00); +} + +.focus\:placeholder-Yellow-yellow:focus::placeholder { + color: var(--yellow-yellow, #ffab00); +} + +.focus\:placeholder-Yellow-yellow-100:focus::-moz-placeholder { + color: var(--yellow-yellow-100, #ffc44c); +} + +.focus\:placeholder-Yellow-yellow-100:focus::placeholder { + color: var(--yellow-yellow-100, #ffc44c); +} + +.focus\:placeholder-Yellow-yellow-200:focus::-moz-placeholder { + color: var(--yellow-yellow-200, #ffd580); +} + +.focus\:placeholder-Yellow-yellow-200:focus::placeholder { + color: var(--yellow-yellow-200, #ffd580); +} + +.focus\:placeholder-Yellow-yellow-300:focus::-moz-placeholder { + color: var(--yellow-yellow-300, #d99d26); +} + +.focus\:placeholder-Yellow-yellow-300:focus::placeholder { + color: var(--yellow-yellow-300, #d99d26); +} + +.focus\:placeholder-Yellow-yellow-400:focus::-moz-placeholder { + color: var(--yellow-yellow-400, #bf943f); +} + +.focus\:placeholder-Yellow-yellow-400:focus::placeholder { + color: var(--yellow-yellow-400, #bf943f); +} + +.focus\:placeholder-Yellow-yellow-500:focus::-moz-placeholder { + color: var(--yellow-yellow-500, #e59a00); +} + +.focus\:placeholder-Yellow-yellow-500:focus::placeholder { + color: var(--yellow-yellow-500, #e59a00); +} + +.focus\:placeholder-Yellow-yellow-600:focus::-moz-placeholder { + color: var(--yellow-yellow-600, #b37800); +} + +.focus\:placeholder-Yellow-yellow-600:focus::placeholder { + color: var(--yellow-yellow-600, #b37800); +} + +.focus\:placeholder-Yellow-yellow-700:focus::-moz-placeholder { + color: var(--yellow-yellow-700, #664400); +} + +.focus\:placeholder-Yellow-yellow-700:focus::placeholder { + color: var(--yellow-yellow-700, #664400); +} + +.focus\:placeholder-Notification-notification:focus::-moz-placeholder { + color: var(--notification-notification, #3959ff); +} + +.focus\:placeholder-Notification-notification:focus::placeholder { + color: var(--notification-notification, #3959ff); +} + +.focus\:placeholder-Notification-notification-100:focus::-moz-placeholder { + color: var(--notification-notification-100, #748bff); +} + +.focus\:placeholder-Notification-notification-100:focus::placeholder { + color: var(--notification-notification-100, #748bff); +} + +.focus\:placeholder-Notification-notification-200:focus::-moz-placeholder { + color: var(--notification-notification-200, #9cacff); +} + +.focus\:placeholder-Notification-notification-200:focus::placeholder { + color: var(--notification-notification-200, #9cacff); +} + +.focus\:placeholder-Notification-notification-300:focus::-moz-placeholder { + color: var(--notification-notification-300, #4e64d9); +} + +.focus\:placeholder-Notification-notification-300:focus::placeholder { + color: var(--notification-notification-300, #4e64d9); +} + +.focus\:placeholder-Notification-notification-400:focus::-moz-placeholder { + color: var(--notification-notification-400, #5c6cbf); +} + +.focus\:placeholder-Notification-notification-400:focus::placeholder { + color: var(--notification-notification-400, #5c6cbf); +} + +.focus\:placeholder-Notification-notification-500:focus::-moz-placeholder { + color: var(--notification-notification-500, #3350e5); +} + +.focus\:placeholder-Notification-notification-500:focus::placeholder { + color: var(--notification-notification-500, #3350e5); +} + +.focus\:placeholder-Notification-notification-600:focus::-moz-placeholder { + color: var(--notification-notification-600, #283eb3); +} + +.focus\:placeholder-Notification-notification-600:focus::placeholder { + color: var(--notification-notification-600, #283eb3); +} + +.focus\:placeholder-Notification-notification-700:focus::-moz-placeholder { + color: var(--notification-notification-700, #172466); +} + +.focus\:placeholder-Notification-notification-700:focus::placeholder { + color: var(--notification-notification-700, #172466); +} + +.focus\:placeholder-Success-success\ -700:focus::-moz-placeholder { + color: var(--success-success-700, #24471f); +} + +.focus\:placeholder-Success-success\ -700:focus::placeholder { + color: var(--success-success-700, #24471f); +} + +.focus\:placeholder-Success-success:focus::-moz-placeholder { + color: var(--success-success, #5bb14d); +} + +.focus\:placeholder-Success-success:focus::placeholder { + color: var(--success-success, #5bb14d); +} + +.focus\:placeholder-Success-success\ -100:focus::-moz-placeholder { + color: var(--success-success-100, #8cc882); +} + +.focus\:placeholder-Success-success\ -100:focus::placeholder { + color: var(--success-success-100, #8cc882); +} + +.focus\:placeholder-Success-success\ -200:focus::-moz-placeholder { + color: var(--success-success-200, #add8a6); +} + +.focus\:placeholder-Success-success\ -200:focus::placeholder { + color: var(--success-success-200, #add8a6); +} + +.focus\:placeholder-Success-success\ -300:focus::-moz-placeholder { + color: var(--success-success-300, #66a25c); +} + +.focus\:placeholder-Success-success\ -300:focus::placeholder { + color: var(--success-success-300, #66a25c); +} + +.focus\:placeholder-Success-success\ -400:focus::-moz-placeholder { + color: var(--success-success-400, #6d9766); +} + +.focus\:placeholder-Success-success\ -400:focus::placeholder { + color: var(--success-success-400, #6d9766); +} + +.focus\:placeholder-Success-success\ -500:focus::-moz-placeholder { + color: var(--success-success-500, #529f45); +} + +.focus\:placeholder-Success-success\ -500:focus::placeholder { + color: var(--success-success-500, #529f45); +} + +.focus\:placeholder-Success-success\ -600:focus::-moz-placeholder { + color: var(--success-success-600, #407c36); +} + +.focus\:placeholder-Success-success\ -600:focus::placeholder { + color: var(--success-success-600, #407c36); +} + +.focus\:placeholder-Error-error:focus::-moz-placeholder { + color: var(--error-error, #f03d3e); +} + +.focus\:placeholder-Error-error:focus::placeholder { + color: var(--error-error, #f03d3e); +} + +.focus\:placeholder-Error-error-100:focus::-moz-placeholder { + color: var(--error-error-100, #f57778); +} + +.focus\:placeholder-Error-error-100:focus::placeholder { + color: var(--error-error-100, #f57778); +} + +.focus\:placeholder-Error-error-200:focus::-moz-placeholder { + color: var(--error-error-200, #f89e9e); +} + +.focus\:placeholder-Error-error-200:focus::placeholder { + color: var(--error-error-200, #f89e9e); +} + +.focus\:placeholder-Error-error-250:focus::-moz-placeholder { + color: var(--error-error-250, #f9c8c8); +} + +.focus\:placeholder-Error-error-250:focus::placeholder { + color: var(--error-error-250, #f9c8c8); +} + +.focus\:placeholder-Error-error-300:focus::-moz-placeholder { + color: var(--error-error-300, #ce5151); +} + +.focus\:placeholder-Error-error-300:focus::placeholder { + color: var(--error-error-300, #ce5151); +} + +.focus\:placeholder-Error-error-400:focus::-moz-placeholder { + color: var(--error-error-400, #b85e5e); +} + +.focus\:placeholder-Error-error-400:focus::placeholder { + color: var(--error-error-400, #b85e5e); +} + +.focus\:placeholder-Error-error-500:focus::-moz-placeholder { + color: var(--error-error-500, #d83738); +} + +.focus\:placeholder-Error-error-500:focus::placeholder { + color: var(--error-error-500, #d83738); +} + +.focus\:placeholder-Error-error-600:focus::-moz-placeholder { + color: var(--error-error-600, #a82b2b); +} + +.focus\:placeholder-Error-error-600:focus::placeholder { + color: var(--error-error-600, #a82b2b); +} + +.focus\:placeholder-Error-error-700:focus::-moz-placeholder { + color: var(--error-error-700, #601819); +} + +.focus\:placeholder-Error-error-700:focus::placeholder { + color: var(--error-error-700, #601819); +} + +.placeholder-opacity-0::-moz-placeholder { + --tw-placeholder-opacity: 0; +} + +.placeholder-opacity-0::placeholder { + --tw-placeholder-opacity: 0; +} + +.placeholder-opacity-5::-moz-placeholder { + --tw-placeholder-opacity: 0.05; +} + +.placeholder-opacity-5::placeholder { + --tw-placeholder-opacity: 0.05; +} + +.placeholder-opacity-10::-moz-placeholder { + --tw-placeholder-opacity: 0.1; +} + +.placeholder-opacity-10::placeholder { + --tw-placeholder-opacity: 0.1; +} + +.placeholder-opacity-20::-moz-placeholder { + --tw-placeholder-opacity: 0.2; +} + +.placeholder-opacity-20::placeholder { + --tw-placeholder-opacity: 0.2; +} + +.placeholder-opacity-25::-moz-placeholder { + --tw-placeholder-opacity: 0.25; +} + +.placeholder-opacity-25::placeholder { + --tw-placeholder-opacity: 0.25; +} + +.placeholder-opacity-30::-moz-placeholder { + --tw-placeholder-opacity: 0.3; +} + +.placeholder-opacity-30::placeholder { + --tw-placeholder-opacity: 0.3; +} + +.placeholder-opacity-40::-moz-placeholder { + --tw-placeholder-opacity: 0.4; +} + +.placeholder-opacity-40::placeholder { + --tw-placeholder-opacity: 0.4; +} + +.placeholder-opacity-50::-moz-placeholder { + --tw-placeholder-opacity: 0.5; +} + +.placeholder-opacity-50::placeholder { + --tw-placeholder-opacity: 0.5; +} + +.placeholder-opacity-60::-moz-placeholder { + --tw-placeholder-opacity: 0.6; +} + +.placeholder-opacity-60::placeholder { + --tw-placeholder-opacity: 0.6; +} + +.placeholder-opacity-70::-moz-placeholder { + --tw-placeholder-opacity: 0.7; +} + +.placeholder-opacity-70::placeholder { + --tw-placeholder-opacity: 0.7; +} + +.placeholder-opacity-75::-moz-placeholder { + --tw-placeholder-opacity: 0.75; +} + +.placeholder-opacity-75::placeholder { + --tw-placeholder-opacity: 0.75; +} + +.placeholder-opacity-80::-moz-placeholder { + --tw-placeholder-opacity: 0.8; +} + +.placeholder-opacity-80::placeholder { + --tw-placeholder-opacity: 0.8; +} + +.placeholder-opacity-90::-moz-placeholder { + --tw-placeholder-opacity: 0.9; +} + +.placeholder-opacity-90::placeholder { + --tw-placeholder-opacity: 0.9; +} + +.placeholder-opacity-95::-moz-placeholder { + --tw-placeholder-opacity: 0.95; +} + +.placeholder-opacity-95::placeholder { + --tw-placeholder-opacity: 0.95; +} + +.placeholder-opacity-100::-moz-placeholder { + --tw-placeholder-opacity: 1; +} + +.placeholder-opacity-100::placeholder { + --tw-placeholder-opacity: 1; +} + +.focus\:placeholder-opacity-0:focus::-moz-placeholder { + --tw-placeholder-opacity: 0; +} + +.focus\:placeholder-opacity-0:focus::placeholder { + --tw-placeholder-opacity: 0; +} + +.focus\:placeholder-opacity-5:focus::-moz-placeholder { + --tw-placeholder-opacity: 0.05; +} + +.focus\:placeholder-opacity-5:focus::placeholder { + --tw-placeholder-opacity: 0.05; +} + +.focus\:placeholder-opacity-10:focus::-moz-placeholder { + --tw-placeholder-opacity: 0.1; +} + +.focus\:placeholder-opacity-10:focus::placeholder { + --tw-placeholder-opacity: 0.1; +} + +.focus\:placeholder-opacity-20:focus::-moz-placeholder { + --tw-placeholder-opacity: 0.2; +} + +.focus\:placeholder-opacity-20:focus::placeholder { + --tw-placeholder-opacity: 0.2; +} + +.focus\:placeholder-opacity-25:focus::-moz-placeholder { + --tw-placeholder-opacity: 0.25; +} + +.focus\:placeholder-opacity-25:focus::placeholder { + --tw-placeholder-opacity: 0.25; +} + +.focus\:placeholder-opacity-30:focus::-moz-placeholder { + --tw-placeholder-opacity: 0.3; +} + +.focus\:placeholder-opacity-30:focus::placeholder { + --tw-placeholder-opacity: 0.3; +} + +.focus\:placeholder-opacity-40:focus::-moz-placeholder { + --tw-placeholder-opacity: 0.4; +} + +.focus\:placeholder-opacity-40:focus::placeholder { + --tw-placeholder-opacity: 0.4; +} + +.focus\:placeholder-opacity-50:focus::-moz-placeholder { + --tw-placeholder-opacity: 0.5; +} + +.focus\:placeholder-opacity-50:focus::placeholder { + --tw-placeholder-opacity: 0.5; +} + +.focus\:placeholder-opacity-60:focus::-moz-placeholder { + --tw-placeholder-opacity: 0.6; +} + +.focus\:placeholder-opacity-60:focus::placeholder { + --tw-placeholder-opacity: 0.6; +} + +.focus\:placeholder-opacity-70:focus::-moz-placeholder { + --tw-placeholder-opacity: 0.7; +} + +.focus\:placeholder-opacity-70:focus::placeholder { + --tw-placeholder-opacity: 0.7; +} + +.focus\:placeholder-opacity-75:focus::-moz-placeholder { + --tw-placeholder-opacity: 0.75; +} + +.focus\:placeholder-opacity-75:focus::placeholder { + --tw-placeholder-opacity: 0.75; +} + +.focus\:placeholder-opacity-80:focus::-moz-placeholder { + --tw-placeholder-opacity: 0.8; +} + +.focus\:placeholder-opacity-80:focus::placeholder { + --tw-placeholder-opacity: 0.8; +} + +.focus\:placeholder-opacity-90:focus::-moz-placeholder { + --tw-placeholder-opacity: 0.9; +} + +.focus\:placeholder-opacity-90:focus::placeholder { + --tw-placeholder-opacity: 0.9; +} + +.focus\:placeholder-opacity-95:focus::-moz-placeholder { + --tw-placeholder-opacity: 0.95; +} + +.focus\:placeholder-opacity-95:focus::placeholder { + --tw-placeholder-opacity: 0.95; +} + +.focus\:placeholder-opacity-100:focus::-moz-placeholder { + --tw-placeholder-opacity: 1; +} + +.focus\:placeholder-opacity-100:focus::placeholder { + --tw-placeholder-opacity: 1; +} + +.opacity-0 { + opacity: 0; +} + +.opacity-5 { + opacity: 0.05; +} + +.opacity-10 { + opacity: 0.1; +} + +.opacity-20 { + opacity: 0.2; +} + +.opacity-25 { + opacity: 0.25; +} + +.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; +} + +.opacity-100 { + opacity: 1; +} + +.group:hover .group-hover\:opacity-0 { + opacity: 0; +} + +.group:hover .group-hover\:opacity-5 { + opacity: 0.05; +} + +.group:hover .group-hover\:opacity-10 { + opacity: 0.1; +} + +.group:hover .group-hover\:opacity-20 { + opacity: 0.2; +} + +.group:hover .group-hover\:opacity-25 { + opacity: 0.25; +} + +.group:hover .group-hover\:opacity-30 { + opacity: 0.3; +} + +.group:hover .group-hover\:opacity-40 { + opacity: 0.4; +} + +.group:hover .group-hover\:opacity-50 { + opacity: 0.5; +} + +.group:hover .group-hover\:opacity-60 { + opacity: 0.6; +} + +.group:hover .group-hover\:opacity-70 { + opacity: 0.7; +} + +.group:hover .group-hover\:opacity-75 { + opacity: 0.75; +} + +.group:hover .group-hover\:opacity-80 { + opacity: 0.8; +} + +.group:hover .group-hover\:opacity-90 { + opacity: 0.9; +} + +.group:hover .group-hover\:opacity-95 { + opacity: 0.95; +} + +.group:hover .group-hover\:opacity-100 { + opacity: 1; +} + +.focus-within\:opacity-0:focus-within { + opacity: 0; +} + +.focus-within\:opacity-5:focus-within { + opacity: 0.05; +} + +.focus-within\:opacity-10:focus-within { + opacity: 0.1; +} + +.focus-within\:opacity-20:focus-within { + opacity: 0.2; +} + +.focus-within\:opacity-25:focus-within { + opacity: 0.25; +} + +.focus-within\:opacity-30:focus-within { + opacity: 0.3; +} + +.focus-within\:opacity-40:focus-within { + opacity: 0.4; +} + +.focus-within\:opacity-50:focus-within { + opacity: 0.5; +} + +.focus-within\:opacity-60:focus-within { + opacity: 0.6; +} + +.focus-within\:opacity-70:focus-within { + opacity: 0.7; +} + +.focus-within\:opacity-75:focus-within { + opacity: 0.75; +} + +.focus-within\:opacity-80:focus-within { + opacity: 0.8; +} + +.focus-within\:opacity-90:focus-within { + opacity: 0.9; +} + +.focus-within\:opacity-95:focus-within { + opacity: 0.95; +} + +.focus-within\:opacity-100:focus-within { + opacity: 1; +} + +.hover\:opacity-0:hover { + opacity: 0; +} + +.hover\:opacity-5:hover { + opacity: 0.05; +} + +.hover\:opacity-10:hover { + opacity: 0.1; +} + +.hover\:opacity-20:hover { + opacity: 0.2; +} + +.hover\:opacity-25:hover { + opacity: 0.25; +} + +.hover\:opacity-30:hover { + opacity: 0.3; +} + +.hover\:opacity-40:hover { + opacity: 0.4; +} + +.hover\:opacity-50:hover { + opacity: 0.5; +} + +.hover\:opacity-60:hover { + opacity: 0.6; +} + +.hover\:opacity-70:hover { + opacity: 0.7; +} + +.hover\:opacity-75:hover { + opacity: 0.75; +} + +.hover\:opacity-80:hover { + opacity: 0.8; +} + +.hover\:opacity-90:hover { + opacity: 0.9; +} + +.hover\:opacity-95:hover { + opacity: 0.95; +} + +.hover\:opacity-100:hover { + opacity: 1; +} + +.focus\:opacity-0:focus { + opacity: 0; +} + +.focus\:opacity-5:focus { + opacity: 0.05; +} + +.focus\:opacity-10:focus { + opacity: 0.1; +} + +.focus\:opacity-20:focus { + opacity: 0.2; +} + +.focus\:opacity-25:focus { + opacity: 0.25; +} + +.focus\:opacity-30:focus { + opacity: 0.3; +} + +.focus\:opacity-40:focus { + opacity: 0.4; +} + +.focus\:opacity-50:focus { + opacity: 0.5; +} + +.focus\:opacity-60:focus { + opacity: 0.6; +} + +.focus\:opacity-70:focus { + opacity: 0.7; +} + +.focus\:opacity-75:focus { + opacity: 0.75; +} + +.focus\:opacity-80:focus { + opacity: 0.8; +} + +.focus\:opacity-90:focus { + opacity: 0.9; +} + +.focus\:opacity-95:focus { + opacity: 0.95; +} + +.focus\:opacity-100:focus { + opacity: 1; +} + +.bg-blend-normal { + background-blend-mode: normal; +} + +.bg-blend-multiply { + background-blend-mode: multiply; +} + +.bg-blend-screen { + background-blend-mode: screen; +} + +.bg-blend-overlay { + background-blend-mode: overlay; +} + +.bg-blend-darken { + background-blend-mode: darken; +} + +.bg-blend-lighten { + background-blend-mode: lighten; +} + +.bg-blend-color-dodge { + background-blend-mode: color-dodge; +} + +.bg-blend-color-burn { + background-blend-mode: color-burn; +} + +.bg-blend-hard-light { + background-blend-mode: hard-light; +} + +.bg-blend-soft-light { + background-blend-mode: soft-light; +} + +.bg-blend-difference { + background-blend-mode: difference; +} + +.bg-blend-exclusion { + background-blend-mode: exclusion; +} + +.bg-blend-hue { + background-blend-mode: hue; +} + +.bg-blend-saturation { + background-blend-mode: saturation; +} + +.bg-blend-color { + background-blend-mode: color; +} + +.bg-blend-luminosity { + background-blend-mode: luminosity; +} + +.mix-blend-normal { + mix-blend-mode: normal; +} + +.mix-blend-multiply { + mix-blend-mode: multiply; +} + +.mix-blend-screen { + mix-blend-mode: screen; +} + +.mix-blend-overlay { + mix-blend-mode: overlay; +} + +.mix-blend-darken { + mix-blend-mode: darken; +} + +.mix-blend-lighten { + mix-blend-mode: lighten; +} + +.mix-blend-color-dodge { + mix-blend-mode: color-dodge; +} + +.mix-blend-color-burn { + mix-blend-mode: color-burn; +} + +.mix-blend-hard-light { + mix-blend-mode: hard-light; +} + +.mix-blend-soft-light { + mix-blend-mode: soft-light; +} + +.mix-blend-difference { + mix-blend-mode: difference; +} + +.mix-blend-exclusion { + mix-blend-mode: exclusion; +} + +.mix-blend-hue { + mix-blend-mode: hue; +} + +.mix-blend-saturation { + mix-blend-mode: saturation; +} + +.mix-blend-color { + mix-blend-mode: color; +} + +.mix-blend-luminosity { + mix-blend-mode: luminosity; +} + +*, ::before, ::after { + --tw-shadow: 0 0 #0000; +} + +.shadow-sm { + --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} + +.shadow { + --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + 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 rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + 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 rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + 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 rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + 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 rgba(0, 0, 0, 0.25); + 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 rgba(0, 0, 0, 0.06); + 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; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} + +.group:hover .group-hover\:shadow-sm { + --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} + +.group:hover .group-hover\:shadow { + --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} + +.group:hover .group-hover\:shadow-md { + --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} + +.group:hover .group-hover\:shadow-lg { + --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} + +.group:hover .group-hover\:shadow-xl { + --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} + +.group:hover .group-hover\:shadow-2xl { + --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} + +.group:hover .group-hover\:shadow-inner { + --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} + +.group:hover .group-hover\:shadow-none { + --tw-shadow: 0 0 #0000; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} + +.focus-within\:shadow-sm:focus-within { + --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} + +.focus-within\:shadow:focus-within { + --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} + +.focus-within\:shadow-md:focus-within { + --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} + +.focus-within\:shadow-lg:focus-within { + --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} + +.focus-within\:shadow-xl:focus-within { + --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} + +.focus-within\:shadow-2xl:focus-within { + --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} + +.focus-within\:shadow-inner:focus-within { + --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} + +.focus-within\:shadow-none:focus-within { + --tw-shadow: 0 0 #0000; + 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 rgba(0, 0, 0, 0.05); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} + +.hover\:shadow:hover { + --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + 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 rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + 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 rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + 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 rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} + +.hover\:shadow-2xl:hover { + --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} + +.hover\:shadow-inner:hover { + --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} + +.hover\:shadow-none:hover { + --tw-shadow: 0 0 #0000; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} + +.focus\:shadow-sm:focus { + --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} + +.focus\:shadow:focus { + --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} + +.focus\:shadow-md:focus { + --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} + +.focus\:shadow-lg:focus { + --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} + +.focus\:shadow-xl:focus { + --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} + +.focus\:shadow-2xl:focus { + --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} + +.focus\:shadow-inner:focus { + --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} + +.focus\:shadow-none:focus { + --tw-shadow: 0 0 #0000; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} + +.outline-none { + outline: 2px solid transparent; + outline-offset: 2px; +} + +.outline-white { + outline: 2px dotted white; + outline-offset: 2px; +} + +.outline-black { + outline: 2px dotted black; + outline-offset: 2px; +} + +.focus-within\:outline-none:focus-within { + outline: 2px solid transparent; + outline-offset: 2px; +} + +.focus-within\:outline-white:focus-within { + outline: 2px dotted white; + outline-offset: 2px; +} + +.focus-within\:outline-black:focus-within { + outline: 2px dotted black; + outline-offset: 2px; +} + +.focus\:outline-none:focus { + outline: 2px solid transparent; + outline-offset: 2px; +} + +.focus\:outline-white:focus { + outline: 2px dotted white; + outline-offset: 2px; +} + +.focus\:outline-black:focus { + outline: 2px dotted black; + outline-offset: 2px; +} + +*, ::before, ::after { + --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); + --tw-ring-offset-width: 0px; + --tw-ring-offset-color: #fff; + --tw-ring-color: rgba(59, 130, 246, 0.5); + --tw-ring-offset-shadow: 0 0 #0000; + --tw-ring-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-8 { + --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(8px + 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 { + --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); +} + +.focus-within\:ring-0:focus-within { + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(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-within\:ring-1:focus-within { + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); +} + +.focus-within\:ring-2:focus-within { + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); +} + +.focus-within\:ring-4:focus-within { + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); +} + +.focus-within\:ring-8:focus-within { + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); +} + +.focus-within\:ring:focus-within { + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(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); +} + +.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-4:focus { + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); +} + +.focus\:ring-8: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(8px + 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: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(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-inset { + --tw-ring-inset: inset; +} + +.focus-within\:ring-inset:focus-within { + --tw-ring-inset: inset; +} + +.focus\:ring-inset:focus { + --tw-ring-inset: inset; +} + +.ring-colors-black { + --tw-ring-color: var(--colors-black, #000000); +} + +.ring-colors-white { + --tw-ring-color: var(--colors-white, #ffffff); +} + +.ring-colors-gray-100 { + --tw-ring-color: var(--colors-gray-100, #f7fafc); +} + +.ring-colors-gray-200 { + --tw-ring-color: var(--colors-gray-200, #edf2f7); +} + +.ring-colors-gray-300 { + --tw-ring-color: var(--colors-gray-300, #e2e8f0); +} + +.ring-colors-gray-400 { + --tw-ring-color: var(--colors-gray-400, #cbd5e0); +} + +.ring-colors-gray-500 { + --tw-ring-color: var(--colors-gray-500, #a0aec0); +} + +.ring-colors-gray-600 { + --tw-ring-color: var(--colors-gray-600, #718096); +} + +.ring-colors-gray-700 { + --tw-ring-color: var(--colors-gray-700, #4a5568); +} + +.ring-colors-gray-800 { + --tw-ring-color: var(--colors-gray-800, #2d3748); +} + +.ring-colors-gray-900 { + --tw-ring-color: var(--colors-gray-900, #1a202c); +} + +.ring-colors-red-100 { + --tw-ring-color: var(--colors-red-100, #fff5f5); +} + +.ring-colors-red-200 { + --tw-ring-color: var(--colors-red-200, #fed7d7); +} + +.ring-colors-red-300 { + --tw-ring-color: var(--colors-red-300, #feb2b2); +} + +.ring-colors-red-400 { + --tw-ring-color: var(--colors-red-400, #fc8181); +} + +.ring-colors-red-500 { + --tw-ring-color: var(--colors-red-500, #f56565); +} + +.ring-colors-red-600 { + --tw-ring-color: var(--colors-red-600, #e53e3e); +} + +.ring-colors-red-700 { + --tw-ring-color: var(--colors-red-700, #c53030); +} + +.ring-colors-red-800 { + --tw-ring-color: var(--colors-red-800, #9b2c2c); +} + +.ring-colors-red-900 { + --tw-ring-color: var(--colors-red-900, #742a2a); +} + +.ring-colors-orange-100 { + --tw-ring-color: var(--colors-orange-100, #fffaf0); +} + +.ring-colors-orange-200 { + --tw-ring-color: var(--colors-orange-200, #feebc8); +} + +.ring-colors-orange-300 { + --tw-ring-color: var(--colors-orange-300, #fbd38d); +} + +.ring-colors-orange-400 { + --tw-ring-color: var(--colors-orange-400, #f6ad55); +} + +.ring-colors-orange-500 { + --tw-ring-color: var(--colors-orange-500, #ed8936); +} + +.ring-colors-orange-600 { + --tw-ring-color: var(--colors-orange-600, #dd6b20); +} + +.ring-colors-orange-700 { + --tw-ring-color: var(--colors-orange-700, #c05621); +} + +.ring-colors-orange-800 { + --tw-ring-color: var(--colors-orange-800, #9c4221); +} + +.ring-colors-orange-900 { + --tw-ring-color: var(--colors-orange-900, #7b341e); +} + +.ring-colors-yellow-100 { + --tw-ring-color: var(--colors-yellow-100, #fffff0); +} + +.ring-colors-yellow-200 { + --tw-ring-color: var(--colors-yellow-200, #fefcbf); +} + +.ring-colors-yellow-300 { + --tw-ring-color: var(--colors-yellow-300, #faf089); +} + +.ring-colors-yellow-400 { + --tw-ring-color: var(--colors-yellow-400, #f6e05e); +} + +.ring-colors-yellow-500 { + --tw-ring-color: var(--colors-yellow-500, #ecc94b); +} + +.ring-colors-yellow-600 { + --tw-ring-color: var(--colors-yellow-600, #d69e2e); +} + +.ring-colors-yellow-700 { + --tw-ring-color: var(--colors-yellow-700, #b7791f); +} + +.ring-colors-yellow-800 { + --tw-ring-color: var(--colors-yellow-800, #975a16); +} + +.ring-colors-yellow-900 { + --tw-ring-color: var(--colors-yellow-900, #744210); +} + +.ring-colors-green-100 { + --tw-ring-color: var(--colors-green-100, #f0fff4); +} + +.ring-colors-green-200 { + --tw-ring-color: var(--colors-green-200, #c6f6d5); +} + +.ring-colors-green-300 { + --tw-ring-color: var(--colors-green-300, #9ae6b4); +} + +.ring-colors-green-400 { + --tw-ring-color: var(--colors-green-400, #68d391); +} + +.ring-colors-green-500 { + --tw-ring-color: var(--colors-green-500, #48bb78); +} + +.ring-colors-green-600 { + --tw-ring-color: var(--colors-green-600, #38a169); +} + +.ring-colors-green-700 { + --tw-ring-color: var(--colors-green-700, #2f855a); +} + +.ring-colors-green-800 { + --tw-ring-color: var(--colors-green-800, #276749); +} + +.ring-colors-green-900 { + --tw-ring-color: var(--colors-green-900, #22543d); +} + +.ring-colors-teal-100 { + --tw-ring-color: var(--colors-teal-100, #e6fffa); +} + +.ring-colors-teal-200 { + --tw-ring-color: var(--colors-teal-200, #b2f5ea); +} + +.ring-colors-teal-300 { + --tw-ring-color: var(--colors-teal-300, #81e6d9); +} + +.ring-colors-teal-400 { + --tw-ring-color: var(--colors-teal-400, #4fd1c5); +} + +.ring-colors-teal-500 { + --tw-ring-color: var(--colors-teal-500, #38b2ac); +} + +.ring-colors-teal-600 { + --tw-ring-color: var(--colors-teal-600, #319795); +} + +.ring-colors-teal-700 { + --tw-ring-color: var(--colors-teal-700, #2c7a7b); +} + +.ring-colors-teal-800 { + --tw-ring-color: var(--colors-teal-800, #285e61); +} + +.ring-colors-teal-900 { + --tw-ring-color: var(--colors-teal-900, #234e52); +} + +.ring-colors-blue-100 { + --tw-ring-color: var(--colors-blue-100, #ebf8ff); +} + +.ring-colors-blue-200 { + --tw-ring-color: var(--colors-blue-200, #bee3f8); +} + +.ring-colors-blue-300 { + --tw-ring-color: var(--colors-blue-300, #90cdf4); +} + +.ring-colors-blue-400 { + --tw-ring-color: var(--colors-blue-400, #63b3ed); +} + +.ring-colors-blue-500 { + --tw-ring-color: var(--colors-blue-500, #4299e1); +} + +.ring-colors-blue-600 { + --tw-ring-color: var(--colors-blue-600, #3182ce); +} + +.ring-colors-blue-700 { + --tw-ring-color: var(--colors-blue-700, #2b6cb0); +} + +.ring-colors-blue-800 { + --tw-ring-color: var(--colors-blue-800, #2c5282); +} + +.ring-colors-blue-900 { + --tw-ring-color: var(--colors-blue-900, #2a4365); +} + +.ring-colors-indigo-100 { + --tw-ring-color: var(--colors-indigo-100, #ebf4ff); +} + +.ring-colors-indigo-200 { + --tw-ring-color: var(--colors-indigo-200, #c3dafe); +} + +.ring-colors-indigo-300 { + --tw-ring-color: var(--colors-indigo-300, #a3bffa); +} + +.ring-colors-indigo-400 { + --tw-ring-color: var(--colors-indigo-400, #7f9cf5); +} + +.ring-colors-indigo-500 { + --tw-ring-color: var(--colors-indigo-500, #667eea); +} + +.ring-colors-indigo-600 { + --tw-ring-color: var(--colors-indigo-600, #5a67d8); +} + +.ring-colors-indigo-700 { + --tw-ring-color: var(--colors-indigo-700, #4c51bf); +} + +.ring-colors-indigo-800 { + --tw-ring-color: var(--colors-indigo-800, #434190); +} + +.ring-colors-indigo-900 { + --tw-ring-color: var(--colors-indigo-900, #3c366b); +} + +.ring-colors-purple-100 { + --tw-ring-color: var(--colors-purple-100, #faf5ff); +} + +.ring-colors-purple-200 { + --tw-ring-color: var(--colors-purple-200, #e9d8fd); +} + +.ring-colors-purple-300 { + --tw-ring-color: var(--colors-purple-300, #d6bcfa); +} + +.ring-colors-purple-400 { + --tw-ring-color: var(--colors-purple-400, #b794f4); +} + +.ring-colors-purple-500 { + --tw-ring-color: var(--colors-purple-500, #9f7aea); +} + +.ring-colors-purple-600 { + --tw-ring-color: var(--colors-purple-600, #805ad5); +} + +.ring-colors-purple-700 { + --tw-ring-color: var(--colors-purple-700, #6b46c1); +} + +.ring-colors-purple-800 { + --tw-ring-color: var(--colors-purple-800, #553c9a); +} + +.ring-colors-purple-900 { + --tw-ring-color: var(--colors-purple-900, #44337a); +} + +.ring-colors-pink-100 { + --tw-ring-color: var(--colors-pink-100, #fff5f7); +} + +.ring-colors-pink-200 { + --tw-ring-color: var(--colors-pink-200, #fed7e2); +} + +.ring-colors-pink-300 { + --tw-ring-color: var(--colors-pink-300, #fbb6ce); +} + +.ring-colors-pink-400 { + --tw-ring-color: var(--colors-pink-400, #f687b3); +} + +.ring-colors-pink-500 { + --tw-ring-color: var(--colors-pink-500, #ed64a6); +} + +.ring-colors-pink-600 { + --tw-ring-color: var(--colors-pink-600, #d53f8c); +} + +.ring-colors-pink-700 { + --tw-ring-color: var(--colors-pink-700, #b83280); +} + +.ring-colors-pink-800 { + --tw-ring-color: var(--colors-pink-800, #97266d); +} + +.ring-colors-pink-900 { + --tw-ring-color: var(--colors-pink-900, #702459); +} + +.ring-Box\ Shadow { + --tw-ring-color: var(--box-shadow, #7f7e7f); +} + +.ring-Error16 { + --tw-ring-color: var(--error16, #f03d3e40); +} + +.ring-Success16 { + --tw-ring-color: var(--success16, #5bb14d40); +} + +.ring-Notification16 { + --tw-ring-color: var(--notification16, #3959ff40); +} + +.ring-Error8 { + --tw-ring-color: var(--error8, #f03d3e1a); +} + +.ring-Notification8 { + --tw-ring-color: var(--notification8, #3959ff1a); +} + +.ring-Success8 { + --tw-ring-color: var(--success8, #5bb14d1a); +} + +.ring-Light\ -\ Overlay { + --tw-ring-color: var(--light-overlay, #f0edee66); +} + +.ring-Dark-\ Overlay { + --tw-ring-color: var(--dark-overlay, #7f7e7f66); +} + +.ring-black-40 { + --tw-ring-color: var(--black-40, #00000066); +} + +.ring-black-75 { + --tw-ring-color: var(--black-75, #000000bf); +} + +.ring-black-60 { + --tw-ring-color: var(--black-60, #00000099); +} + +.ring-black-50 { + --tw-ring-color: var(--black-50, #00000080); +} + +.ring-black-25 { + --tw-ring-color: var(--black-25, #00000040); +} + +.ring-black-10 { + --tw-ring-color: var(--black-10, #0000001a); +} + +.ring-white-25 { + --tw-ring-color: var(--white-25, #ffffff40); +} + +.ring-white-60 { + --tw-ring-color: var(--white-60, #ffffff99); +} + +.ring-black-64 { + --tw-ring-color: var(--black-64, #000000a3); +} + +.ring-Shadow\ and\ Highlight-Shadow { + --tw-ring-color: var(--shadow-and-highlight-shadow, #7f7e7f); +} + +.ring-Shadow\ and\ Highlight-Highlight { + --tw-ring-color: var(--shadow-and-highlight-highlight, #474747); +} + +.ring-Shadow\ and\ Highlight-highlight\ one { + --tw-ring-color: var(--shadow-and-highlight-highlight-one, #474747bf); +} + +.ring-Shadow\ and\ Highlight-highlight\ two { + --tw-ring-color: var(--shadow-and-highlight-highlight-two, #47474799); +} + +.ring-Shadow\ and\ Highlight-highlight\ three { + --tw-ring-color: var(--shadow-and-highlight-highlight-three, #47474766); +} + +.ring-Shadow\ and\ Highlight-highlight\ five { + --tw-ring-color: var(--shadow-and-highlight-highlight-five, #4747471a); +} + +.ring-Shadow\ and\ Highlight-shadow\ one { + --tw-ring-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); +} + +.ring-Shadow\ and\ Highlight-shadow\ two { + --tw-ring-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); +} + +.ring-Shadow\ and\ Highlight-shadow\ three { + --tw-ring-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); +} + +.ring-Shadow\ and\ Highlight-shadow\ four { + --tw-ring-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); +} + +.ring-Shadow\ and\ Highlight-shadow\ five { + --tw-ring-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); +} + +.ring-Shadow\ and\ Highlight-highlight\ four { + --tw-ring-color: var(--shadow-and-highlight-highlight-four, #47474740); +} + +.ring-Base\ Layer\ Styles-Base\ Layer-\ Light-White { + --tw-ring-color: var(--base-layer-styles-base-layer-light-white, #ffffff); +} + +.ring-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite { + --tw-ring-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); +} + +.ring-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack { + --tw-ring-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); +} + +.ring-Base\ Layer\ Styles-Base\ Layer-Dark-Black { + --tw-ring-color: var(--base-layer-styles-base-layer-dark-black, #000000); +} + +.ring-Grey-Scale-white { + --tw-ring-color: var(--grey-scale-white, #ffffff); +} + +.ring-Grey-Scale-off-white { + --tw-ring-color: var(--grey-scale-off-white, #f0edee); +} + +.ring-Grey\ Scale-grey { + --tw-ring-color: var(--grey-scale-grey, #7f7e7f); +} + +.ring-Grey\ Scale-charcoal { + --tw-ring-color: var(--grey-scale-charcoal, #474747); +} + +.ring-Grey\ Scale-off-black { + --tw-ring-color: var(--grey-scale-off-black, #1c1c1c); +} + +.ring-Grey\ Scale-black { + --tw-ring-color: var(--grey-scale-black, #000000); +} + +.ring-Blue-blue { + --tw-ring-color: var(--blue-blue, #3a7ca5); +} + +.ring-Blue-blue-100 { + --tw-ring-color: var(--blue-blue-100, #75a3c0); +} + +.ring-Blue-blue-200 { + --tw-ring-color: var(--blue-blue-200, #9cbed2); +} + +.ring-Blue-blue-300 { + --tw-ring-color: var(--blue-blue-300, #4f7d9a); +} + +.ring-Blue-blue-400 { + --tw-ring-color: var(--blue-blue-400, #5c7d92); +} + +.ring-Blue-blue-500 { + --tw-ring-color: var(--blue-blue-500, #347095); +} + +.ring-Blue-blue-600 { + --tw-ring-color: var(--blue-blue-600, #295774); +} + +.ring-Blue-blue-700 { + --tw-ring-color: var(--blue-blue-700, #173242); +} + +.ring-LightBlue-lightblue { + --tw-ring-color: var(--light-blue-lightblue, #81c3d7); +} + +.ring-LightBlue-lightblue-100 { + --tw-ring-color: var(--light-blue-lightblue-100, #a7d5e3); +} + +.ring-LightBlue-lightblue-200 { + --tw-ring-color: var(--light-blue-lightblue-200, #c0e1eb); +} + +.ring-LightBlue-lightblue-300 { + --tw-ring-color: var(--light-blue-lightblue-300, #80aebd); +} + +.ring-LightBlue-lightblue-400 { + --tw-ring-color: var(--light-blue-lightblue-400, #80a0ab); +} + +.ring-LightBlue-lightblue-500 { + --tw-ring-color: var(--light-blue-lightblue-500, #74afc1); +} + +.ring-LightBlue-lightblue-600 { + --tw-ring-color: var(--light-blue-lightblue-600, #5a8997); +} + +.ring-LightBlue-lightblue-650 { + --tw-ring-color: var(--light-blue-lightblue-650, #3e5e65); +} + +.ring-LightBlue-lightblue-700 { + --tw-ring-color: var(--light-blue-lightblue-700, #344e56); +} + +.ring-Orange-orange { + --tw-ring-color: var(--orange-orange, #ff7f0e); +} + +.ring-Orange-orange-100 { + --tw-ring-color: var(--orange-orange-100, #ffa556); +} + +.ring-Orange-orange-200 { + --tw-ring-color: var(--orange-orange-200, #ffbf86); +} + +.ring-Orange-orange-300 { + --tw-ring-color: var(--orange-orange-300, #d97f30); +} + +.ring-Orange-orange-400 { + --tw-ring-color: var(--orange-orange-400, #bf7e46); +} + +.ring-Orange-orange-500 { + --tw-ring-color: var(--orange-orange-500, #e5720d); +} + +.ring-Orange-orange-600 { + --tw-ring-color: var(--orange-orange-600, #b3590a); +} + +.ring-Orange-orange-700 { + --tw-ring-color: var(--orange-orange-700, #663306); +} + +.ring-Yellow-yellow { + --tw-ring-color: var(--yellow-yellow, #ffab00); +} + +.ring-Yellow-yellow-100 { + --tw-ring-color: var(--yellow-yellow-100, #ffc44c); +} + +.ring-Yellow-yellow-200 { + --tw-ring-color: var(--yellow-yellow-200, #ffd580); +} + +.ring-Yellow-yellow-300 { + --tw-ring-color: var(--yellow-yellow-300, #d99d26); +} + +.ring-Yellow-yellow-400 { + --tw-ring-color: var(--yellow-yellow-400, #bf943f); +} + +.ring-Yellow-yellow-500 { + --tw-ring-color: var(--yellow-yellow-500, #e59a00); +} + +.ring-Yellow-yellow-600 { + --tw-ring-color: var(--yellow-yellow-600, #b37800); +} + +.ring-Yellow-yellow-700 { + --tw-ring-color: var(--yellow-yellow-700, #664400); +} + +.ring-Notification-notification { + --tw-ring-color: var(--notification-notification, #3959ff); +} + +.ring-Notification-notification-100 { + --tw-ring-color: var(--notification-notification-100, #748bff); +} + +.ring-Notification-notification-200 { + --tw-ring-color: var(--notification-notification-200, #9cacff); +} + +.ring-Notification-notification-300 { + --tw-ring-color: var(--notification-notification-300, #4e64d9); +} + +.ring-Notification-notification-400 { + --tw-ring-color: var(--notification-notification-400, #5c6cbf); +} + +.ring-Notification-notification-500 { + --tw-ring-color: var(--notification-notification-500, #3350e5); +} + +.ring-Notification-notification-600 { + --tw-ring-color: var(--notification-notification-600, #283eb3); +} + +.ring-Notification-notification-700 { + --tw-ring-color: var(--notification-notification-700, #172466); +} + +.ring-Success-success\ -700 { + --tw-ring-color: var(--success-success-700, #24471f); +} + +.ring-Success-success { + --tw-ring-color: var(--success-success, #5bb14d); +} + +.ring-Success-success\ -100 { + --tw-ring-color: var(--success-success-100, #8cc882); +} + +.ring-Success-success\ -200 { + --tw-ring-color: var(--success-success-200, #add8a6); +} + +.ring-Success-success\ -300 { + --tw-ring-color: var(--success-success-300, #66a25c); +} + +.ring-Success-success\ -400 { + --tw-ring-color: var(--success-success-400, #6d9766); +} + +.ring-Success-success\ -500 { + --tw-ring-color: var(--success-success-500, #529f45); +} + +.ring-Success-success\ -600 { + --tw-ring-color: var(--success-success-600, #407c36); +} + +.ring-Error-error { + --tw-ring-color: var(--error-error, #f03d3e); +} + +.ring-Error-error-100 { + --tw-ring-color: var(--error-error-100, #f57778); +} + +.ring-Error-error-200 { + --tw-ring-color: var(--error-error-200, #f89e9e); +} + +.ring-Error-error-250 { + --tw-ring-color: var(--error-error-250, #f9c8c8); +} + +.ring-Error-error-300 { + --tw-ring-color: var(--error-error-300, #ce5151); +} + +.ring-Error-error-400 { + --tw-ring-color: var(--error-error-400, #b85e5e); +} + +.ring-Error-error-500 { + --tw-ring-color: var(--error-error-500, #d83738); +} + +.ring-Error-error-600 { + --tw-ring-color: var(--error-error-600, #a82b2b); +} + +.ring-Error-error-700 { + --tw-ring-color: var(--error-error-700, #601819); +} + +.focus-within\:ring-colors-black:focus-within { + --tw-ring-color: var(--colors-black, #000000); +} + +.focus-within\:ring-colors-white:focus-within { + --tw-ring-color: var(--colors-white, #ffffff); +} + +.focus-within\:ring-colors-gray-100:focus-within { + --tw-ring-color: var(--colors-gray-100, #f7fafc); +} + +.focus-within\:ring-colors-gray-200:focus-within { + --tw-ring-color: var(--colors-gray-200, #edf2f7); +} + +.focus-within\:ring-colors-gray-300:focus-within { + --tw-ring-color: var(--colors-gray-300, #e2e8f0); +} + +.focus-within\:ring-colors-gray-400:focus-within { + --tw-ring-color: var(--colors-gray-400, #cbd5e0); +} + +.focus-within\:ring-colors-gray-500:focus-within { + --tw-ring-color: var(--colors-gray-500, #a0aec0); +} + +.focus-within\:ring-colors-gray-600:focus-within { + --tw-ring-color: var(--colors-gray-600, #718096); +} + +.focus-within\:ring-colors-gray-700:focus-within { + --tw-ring-color: var(--colors-gray-700, #4a5568); +} + +.focus-within\:ring-colors-gray-800:focus-within { + --tw-ring-color: var(--colors-gray-800, #2d3748); +} + +.focus-within\:ring-colors-gray-900:focus-within { + --tw-ring-color: var(--colors-gray-900, #1a202c); +} + +.focus-within\:ring-colors-red-100:focus-within { + --tw-ring-color: var(--colors-red-100, #fff5f5); +} + +.focus-within\:ring-colors-red-200:focus-within { + --tw-ring-color: var(--colors-red-200, #fed7d7); +} + +.focus-within\:ring-colors-red-300:focus-within { + --tw-ring-color: var(--colors-red-300, #feb2b2); +} + +.focus-within\:ring-colors-red-400:focus-within { + --tw-ring-color: var(--colors-red-400, #fc8181); +} + +.focus-within\:ring-colors-red-500:focus-within { + --tw-ring-color: var(--colors-red-500, #f56565); +} + +.focus-within\:ring-colors-red-600:focus-within { + --tw-ring-color: var(--colors-red-600, #e53e3e); +} + +.focus-within\:ring-colors-red-700:focus-within { + --tw-ring-color: var(--colors-red-700, #c53030); +} + +.focus-within\:ring-colors-red-800:focus-within { + --tw-ring-color: var(--colors-red-800, #9b2c2c); +} + +.focus-within\:ring-colors-red-900:focus-within { + --tw-ring-color: var(--colors-red-900, #742a2a); +} + +.focus-within\:ring-colors-orange-100:focus-within { + --tw-ring-color: var(--colors-orange-100, #fffaf0); +} + +.focus-within\:ring-colors-orange-200:focus-within { + --tw-ring-color: var(--colors-orange-200, #feebc8); +} + +.focus-within\:ring-colors-orange-300:focus-within { + --tw-ring-color: var(--colors-orange-300, #fbd38d); +} + +.focus-within\:ring-colors-orange-400:focus-within { + --tw-ring-color: var(--colors-orange-400, #f6ad55); +} + +.focus-within\:ring-colors-orange-500:focus-within { + --tw-ring-color: var(--colors-orange-500, #ed8936); +} + +.focus-within\:ring-colors-orange-600:focus-within { + --tw-ring-color: var(--colors-orange-600, #dd6b20); +} + +.focus-within\:ring-colors-orange-700:focus-within { + --tw-ring-color: var(--colors-orange-700, #c05621); +} + +.focus-within\:ring-colors-orange-800:focus-within { + --tw-ring-color: var(--colors-orange-800, #9c4221); +} + +.focus-within\:ring-colors-orange-900:focus-within { + --tw-ring-color: var(--colors-orange-900, #7b341e); +} + +.focus-within\:ring-colors-yellow-100:focus-within { + --tw-ring-color: var(--colors-yellow-100, #fffff0); +} + +.focus-within\:ring-colors-yellow-200:focus-within { + --tw-ring-color: var(--colors-yellow-200, #fefcbf); +} + +.focus-within\:ring-colors-yellow-300:focus-within { + --tw-ring-color: var(--colors-yellow-300, #faf089); +} + +.focus-within\:ring-colors-yellow-400:focus-within { + --tw-ring-color: var(--colors-yellow-400, #f6e05e); +} + +.focus-within\:ring-colors-yellow-500:focus-within { + --tw-ring-color: var(--colors-yellow-500, #ecc94b); +} + +.focus-within\:ring-colors-yellow-600:focus-within { + --tw-ring-color: var(--colors-yellow-600, #d69e2e); +} + +.focus-within\:ring-colors-yellow-700:focus-within { + --tw-ring-color: var(--colors-yellow-700, #b7791f); +} + +.focus-within\:ring-colors-yellow-800:focus-within { + --tw-ring-color: var(--colors-yellow-800, #975a16); +} + +.focus-within\:ring-colors-yellow-900:focus-within { + --tw-ring-color: var(--colors-yellow-900, #744210); +} + +.focus-within\:ring-colors-green-100:focus-within { + --tw-ring-color: var(--colors-green-100, #f0fff4); +} + +.focus-within\:ring-colors-green-200:focus-within { + --tw-ring-color: var(--colors-green-200, #c6f6d5); +} + +.focus-within\:ring-colors-green-300:focus-within { + --tw-ring-color: var(--colors-green-300, #9ae6b4); +} + +.focus-within\:ring-colors-green-400:focus-within { + --tw-ring-color: var(--colors-green-400, #68d391); +} + +.focus-within\:ring-colors-green-500:focus-within { + --tw-ring-color: var(--colors-green-500, #48bb78); +} + +.focus-within\:ring-colors-green-600:focus-within { + --tw-ring-color: var(--colors-green-600, #38a169); +} + +.focus-within\:ring-colors-green-700:focus-within { + --tw-ring-color: var(--colors-green-700, #2f855a); +} + +.focus-within\:ring-colors-green-800:focus-within { + --tw-ring-color: var(--colors-green-800, #276749); +} + +.focus-within\:ring-colors-green-900:focus-within { + --tw-ring-color: var(--colors-green-900, #22543d); +} + +.focus-within\:ring-colors-teal-100:focus-within { + --tw-ring-color: var(--colors-teal-100, #e6fffa); +} + +.focus-within\:ring-colors-teal-200:focus-within { + --tw-ring-color: var(--colors-teal-200, #b2f5ea); +} + +.focus-within\:ring-colors-teal-300:focus-within { + --tw-ring-color: var(--colors-teal-300, #81e6d9); +} + +.focus-within\:ring-colors-teal-400:focus-within { + --tw-ring-color: var(--colors-teal-400, #4fd1c5); +} + +.focus-within\:ring-colors-teal-500:focus-within { + --tw-ring-color: var(--colors-teal-500, #38b2ac); +} + +.focus-within\:ring-colors-teal-600:focus-within { + --tw-ring-color: var(--colors-teal-600, #319795); +} + +.focus-within\:ring-colors-teal-700:focus-within { + --tw-ring-color: var(--colors-teal-700, #2c7a7b); +} + +.focus-within\:ring-colors-teal-800:focus-within { + --tw-ring-color: var(--colors-teal-800, #285e61); +} + +.focus-within\:ring-colors-teal-900:focus-within { + --tw-ring-color: var(--colors-teal-900, #234e52); +} + +.focus-within\:ring-colors-blue-100:focus-within { + --tw-ring-color: var(--colors-blue-100, #ebf8ff); +} + +.focus-within\:ring-colors-blue-200:focus-within { + --tw-ring-color: var(--colors-blue-200, #bee3f8); +} + +.focus-within\:ring-colors-blue-300:focus-within { + --tw-ring-color: var(--colors-blue-300, #90cdf4); +} + +.focus-within\:ring-colors-blue-400:focus-within { + --tw-ring-color: var(--colors-blue-400, #63b3ed); +} + +.focus-within\:ring-colors-blue-500:focus-within { + --tw-ring-color: var(--colors-blue-500, #4299e1); +} + +.focus-within\:ring-colors-blue-600:focus-within { + --tw-ring-color: var(--colors-blue-600, #3182ce); +} + +.focus-within\:ring-colors-blue-700:focus-within { + --tw-ring-color: var(--colors-blue-700, #2b6cb0); +} + +.focus-within\:ring-colors-blue-800:focus-within { + --tw-ring-color: var(--colors-blue-800, #2c5282); +} + +.focus-within\:ring-colors-blue-900:focus-within { + --tw-ring-color: var(--colors-blue-900, #2a4365); +} + +.focus-within\:ring-colors-indigo-100:focus-within { + --tw-ring-color: var(--colors-indigo-100, #ebf4ff); +} + +.focus-within\:ring-colors-indigo-200:focus-within { + --tw-ring-color: var(--colors-indigo-200, #c3dafe); +} + +.focus-within\:ring-colors-indigo-300:focus-within { + --tw-ring-color: var(--colors-indigo-300, #a3bffa); +} + +.focus-within\:ring-colors-indigo-400:focus-within { + --tw-ring-color: var(--colors-indigo-400, #7f9cf5); +} + +.focus-within\:ring-colors-indigo-500:focus-within { + --tw-ring-color: var(--colors-indigo-500, #667eea); +} + +.focus-within\:ring-colors-indigo-600:focus-within { + --tw-ring-color: var(--colors-indigo-600, #5a67d8); +} + +.focus-within\:ring-colors-indigo-700:focus-within { + --tw-ring-color: var(--colors-indigo-700, #4c51bf); +} + +.focus-within\:ring-colors-indigo-800:focus-within { + --tw-ring-color: var(--colors-indigo-800, #434190); +} + +.focus-within\:ring-colors-indigo-900:focus-within { + --tw-ring-color: var(--colors-indigo-900, #3c366b); +} + +.focus-within\:ring-colors-purple-100:focus-within { + --tw-ring-color: var(--colors-purple-100, #faf5ff); +} + +.focus-within\:ring-colors-purple-200:focus-within { + --tw-ring-color: var(--colors-purple-200, #e9d8fd); +} + +.focus-within\:ring-colors-purple-300:focus-within { + --tw-ring-color: var(--colors-purple-300, #d6bcfa); +} + +.focus-within\:ring-colors-purple-400:focus-within { + --tw-ring-color: var(--colors-purple-400, #b794f4); +} + +.focus-within\:ring-colors-purple-500:focus-within { + --tw-ring-color: var(--colors-purple-500, #9f7aea); +} + +.focus-within\:ring-colors-purple-600:focus-within { + --tw-ring-color: var(--colors-purple-600, #805ad5); +} + +.focus-within\:ring-colors-purple-700:focus-within { + --tw-ring-color: var(--colors-purple-700, #6b46c1); +} + +.focus-within\:ring-colors-purple-800:focus-within { + --tw-ring-color: var(--colors-purple-800, #553c9a); +} + +.focus-within\:ring-colors-purple-900:focus-within { + --tw-ring-color: var(--colors-purple-900, #44337a); +} + +.focus-within\:ring-colors-pink-100:focus-within { + --tw-ring-color: var(--colors-pink-100, #fff5f7); +} + +.focus-within\:ring-colors-pink-200:focus-within { + --tw-ring-color: var(--colors-pink-200, #fed7e2); +} + +.focus-within\:ring-colors-pink-300:focus-within { + --tw-ring-color: var(--colors-pink-300, #fbb6ce); +} + +.focus-within\:ring-colors-pink-400:focus-within { + --tw-ring-color: var(--colors-pink-400, #f687b3); +} + +.focus-within\:ring-colors-pink-500:focus-within { + --tw-ring-color: var(--colors-pink-500, #ed64a6); +} + +.focus-within\:ring-colors-pink-600:focus-within { + --tw-ring-color: var(--colors-pink-600, #d53f8c); +} + +.focus-within\:ring-colors-pink-700:focus-within { + --tw-ring-color: var(--colors-pink-700, #b83280); +} + +.focus-within\:ring-colors-pink-800:focus-within { + --tw-ring-color: var(--colors-pink-800, #97266d); +} + +.focus-within\:ring-colors-pink-900:focus-within { + --tw-ring-color: var(--colors-pink-900, #702459); +} + +.focus-within\:ring-Box\ Shadow:focus-within { + --tw-ring-color: var(--box-shadow, #7f7e7f); +} + +.focus-within\:ring-Error16:focus-within { + --tw-ring-color: var(--error16, #f03d3e40); +} + +.focus-within\:ring-Success16:focus-within { + --tw-ring-color: var(--success16, #5bb14d40); +} + +.focus-within\:ring-Notification16:focus-within { + --tw-ring-color: var(--notification16, #3959ff40); +} + +.focus-within\:ring-Error8:focus-within { + --tw-ring-color: var(--error8, #f03d3e1a); +} + +.focus-within\:ring-Notification8:focus-within { + --tw-ring-color: var(--notification8, #3959ff1a); +} + +.focus-within\:ring-Success8:focus-within { + --tw-ring-color: var(--success8, #5bb14d1a); +} + +.focus-within\:ring-Light\ -\ Overlay:focus-within { + --tw-ring-color: var(--light-overlay, #f0edee66); +} + +.focus-within\:ring-Dark-\ Overlay:focus-within { + --tw-ring-color: var(--dark-overlay, #7f7e7f66); +} + +.focus-within\:ring-black-40:focus-within { + --tw-ring-color: var(--black-40, #00000066); +} + +.focus-within\:ring-black-75:focus-within { + --tw-ring-color: var(--black-75, #000000bf); +} + +.focus-within\:ring-black-60:focus-within { + --tw-ring-color: var(--black-60, #00000099); +} + +.focus-within\:ring-black-50:focus-within { + --tw-ring-color: var(--black-50, #00000080); +} + +.focus-within\:ring-black-25:focus-within { + --tw-ring-color: var(--black-25, #00000040); +} + +.focus-within\:ring-black-10:focus-within { + --tw-ring-color: var(--black-10, #0000001a); +} + +.focus-within\:ring-white-25:focus-within { + --tw-ring-color: var(--white-25, #ffffff40); +} + +.focus-within\:ring-white-60:focus-within { + --tw-ring-color: var(--white-60, #ffffff99); +} + +.focus-within\:ring-black-64:focus-within { + --tw-ring-color: var(--black-64, #000000a3); +} + +.focus-within\:ring-Shadow\ and\ Highlight-Shadow:focus-within { + --tw-ring-color: var(--shadow-and-highlight-shadow, #7f7e7f); +} + +.focus-within\:ring-Shadow\ and\ Highlight-Highlight:focus-within { + --tw-ring-color: var(--shadow-and-highlight-highlight, #474747); +} + +.focus-within\:ring-Shadow\ and\ Highlight-highlight\ one:focus-within { + --tw-ring-color: var(--shadow-and-highlight-highlight-one, #474747bf); +} + +.focus-within\:ring-Shadow\ and\ Highlight-highlight\ two:focus-within { + --tw-ring-color: var(--shadow-and-highlight-highlight-two, #47474799); +} + +.focus-within\:ring-Shadow\ and\ Highlight-highlight\ three:focus-within { + --tw-ring-color: var(--shadow-and-highlight-highlight-three, #47474766); +} + +.focus-within\:ring-Shadow\ and\ Highlight-highlight\ five:focus-within { + --tw-ring-color: var(--shadow-and-highlight-highlight-five, #4747471a); +} + +.focus-within\:ring-Shadow\ and\ Highlight-shadow\ one:focus-within { + --tw-ring-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); +} + +.focus-within\:ring-Shadow\ and\ Highlight-shadow\ two:focus-within { + --tw-ring-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); +} + +.focus-within\:ring-Shadow\ and\ Highlight-shadow\ three:focus-within { + --tw-ring-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); +} + +.focus-within\:ring-Shadow\ and\ Highlight-shadow\ four:focus-within { + --tw-ring-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); +} + +.focus-within\:ring-Shadow\ and\ Highlight-shadow\ five:focus-within { + --tw-ring-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); +} + +.focus-within\:ring-Shadow\ and\ Highlight-highlight\ four:focus-within { + --tw-ring-color: var(--shadow-and-highlight-highlight-four, #47474740); +} + +.focus-within\:ring-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus-within { + --tw-ring-color: var(--base-layer-styles-base-layer-light-white, #ffffff); +} + +.focus-within\:ring-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus-within { + --tw-ring-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); +} + +.focus-within\:ring-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus-within { + --tw-ring-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); +} + +.focus-within\:ring-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus-within { + --tw-ring-color: var(--base-layer-styles-base-layer-dark-black, #000000); +} + +.focus-within\:ring-Grey-Scale-white:focus-within { + --tw-ring-color: var(--grey-scale-white, #ffffff); +} + +.focus-within\:ring-Grey-Scale-off-white:focus-within { + --tw-ring-color: var(--grey-scale-off-white, #f0edee); +} + +.focus-within\:ring-Grey\ Scale-grey:focus-within { + --tw-ring-color: var(--grey-scale-grey, #7f7e7f); +} + +.focus-within\:ring-Grey\ Scale-charcoal:focus-within { + --tw-ring-color: var(--grey-scale-charcoal, #474747); +} + +.focus-within\:ring-Grey\ Scale-off-black:focus-within { + --tw-ring-color: var(--grey-scale-off-black, #1c1c1c); +} + +.focus-within\:ring-Grey\ Scale-black:focus-within { + --tw-ring-color: var(--grey-scale-black, #000000); +} + +.focus-within\:ring-Blue-blue:focus-within { + --tw-ring-color: var(--blue-blue, #3a7ca5); +} + +.focus-within\:ring-Blue-blue-100:focus-within { + --tw-ring-color: var(--blue-blue-100, #75a3c0); +} + +.focus-within\:ring-Blue-blue-200:focus-within { + --tw-ring-color: var(--blue-blue-200, #9cbed2); +} + +.focus-within\:ring-Blue-blue-300:focus-within { + --tw-ring-color: var(--blue-blue-300, #4f7d9a); +} + +.focus-within\:ring-Blue-blue-400:focus-within { + --tw-ring-color: var(--blue-blue-400, #5c7d92); +} + +.focus-within\:ring-Blue-blue-500:focus-within { + --tw-ring-color: var(--blue-blue-500, #347095); +} + +.focus-within\:ring-Blue-blue-600:focus-within { + --tw-ring-color: var(--blue-blue-600, #295774); +} + +.focus-within\:ring-Blue-blue-700:focus-within { + --tw-ring-color: var(--blue-blue-700, #173242); +} + +.focus-within\:ring-LightBlue-lightblue:focus-within { + --tw-ring-color: var(--light-blue-lightblue, #81c3d7); +} + +.focus-within\:ring-LightBlue-lightblue-100:focus-within { + --tw-ring-color: var(--light-blue-lightblue-100, #a7d5e3); +} + +.focus-within\:ring-LightBlue-lightblue-200:focus-within { + --tw-ring-color: var(--light-blue-lightblue-200, #c0e1eb); +} + +.focus-within\:ring-LightBlue-lightblue-300:focus-within { + --tw-ring-color: var(--light-blue-lightblue-300, #80aebd); +} + +.focus-within\:ring-LightBlue-lightblue-400:focus-within { + --tw-ring-color: var(--light-blue-lightblue-400, #80a0ab); +} + +.focus-within\:ring-LightBlue-lightblue-500:focus-within { + --tw-ring-color: var(--light-blue-lightblue-500, #74afc1); +} + +.focus-within\:ring-LightBlue-lightblue-600:focus-within { + --tw-ring-color: var(--light-blue-lightblue-600, #5a8997); +} + +.focus-within\:ring-LightBlue-lightblue-650:focus-within { + --tw-ring-color: var(--light-blue-lightblue-650, #3e5e65); +} + +.focus-within\:ring-LightBlue-lightblue-700:focus-within { + --tw-ring-color: var(--light-blue-lightblue-700, #344e56); +} + +.focus-within\:ring-Orange-orange:focus-within { + --tw-ring-color: var(--orange-orange, #ff7f0e); +} + +.focus-within\:ring-Orange-orange-100:focus-within { + --tw-ring-color: var(--orange-orange-100, #ffa556); +} + +.focus-within\:ring-Orange-orange-200:focus-within { + --tw-ring-color: var(--orange-orange-200, #ffbf86); +} + +.focus-within\:ring-Orange-orange-300:focus-within { + --tw-ring-color: var(--orange-orange-300, #d97f30); +} + +.focus-within\:ring-Orange-orange-400:focus-within { + --tw-ring-color: var(--orange-orange-400, #bf7e46); +} + +.focus-within\:ring-Orange-orange-500:focus-within { + --tw-ring-color: var(--orange-orange-500, #e5720d); +} + +.focus-within\:ring-Orange-orange-600:focus-within { + --tw-ring-color: var(--orange-orange-600, #b3590a); +} + +.focus-within\:ring-Orange-orange-700:focus-within { + --tw-ring-color: var(--orange-orange-700, #663306); +} + +.focus-within\:ring-Yellow-yellow:focus-within { + --tw-ring-color: var(--yellow-yellow, #ffab00); +} + +.focus-within\:ring-Yellow-yellow-100:focus-within { + --tw-ring-color: var(--yellow-yellow-100, #ffc44c); +} + +.focus-within\:ring-Yellow-yellow-200:focus-within { + --tw-ring-color: var(--yellow-yellow-200, #ffd580); +} + +.focus-within\:ring-Yellow-yellow-300:focus-within { + --tw-ring-color: var(--yellow-yellow-300, #d99d26); +} + +.focus-within\:ring-Yellow-yellow-400:focus-within { + --tw-ring-color: var(--yellow-yellow-400, #bf943f); +} + +.focus-within\:ring-Yellow-yellow-500:focus-within { + --tw-ring-color: var(--yellow-yellow-500, #e59a00); +} + +.focus-within\:ring-Yellow-yellow-600:focus-within { + --tw-ring-color: var(--yellow-yellow-600, #b37800); +} + +.focus-within\:ring-Yellow-yellow-700:focus-within { + --tw-ring-color: var(--yellow-yellow-700, #664400); +} + +.focus-within\:ring-Notification-notification:focus-within { + --tw-ring-color: var(--notification-notification, #3959ff); +} + +.focus-within\:ring-Notification-notification-100:focus-within { + --tw-ring-color: var(--notification-notification-100, #748bff); +} + +.focus-within\:ring-Notification-notification-200:focus-within { + --tw-ring-color: var(--notification-notification-200, #9cacff); +} + +.focus-within\:ring-Notification-notification-300:focus-within { + --tw-ring-color: var(--notification-notification-300, #4e64d9); +} + +.focus-within\:ring-Notification-notification-400:focus-within { + --tw-ring-color: var(--notification-notification-400, #5c6cbf); +} + +.focus-within\:ring-Notification-notification-500:focus-within { + --tw-ring-color: var(--notification-notification-500, #3350e5); +} + +.focus-within\:ring-Notification-notification-600:focus-within { + --tw-ring-color: var(--notification-notification-600, #283eb3); +} + +.focus-within\:ring-Notification-notification-700:focus-within { + --tw-ring-color: var(--notification-notification-700, #172466); +} + +.focus-within\:ring-Success-success\ -700:focus-within { + --tw-ring-color: var(--success-success-700, #24471f); +} + +.focus-within\:ring-Success-success:focus-within { + --tw-ring-color: var(--success-success, #5bb14d); +} + +.focus-within\:ring-Success-success\ -100:focus-within { + --tw-ring-color: var(--success-success-100, #8cc882); +} + +.focus-within\:ring-Success-success\ -200:focus-within { + --tw-ring-color: var(--success-success-200, #add8a6); +} + +.focus-within\:ring-Success-success\ -300:focus-within { + --tw-ring-color: var(--success-success-300, #66a25c); +} + +.focus-within\:ring-Success-success\ -400:focus-within { + --tw-ring-color: var(--success-success-400, #6d9766); +} + +.focus-within\:ring-Success-success\ -500:focus-within { + --tw-ring-color: var(--success-success-500, #529f45); +} + +.focus-within\:ring-Success-success\ -600:focus-within { + --tw-ring-color: var(--success-success-600, #407c36); +} + +.focus-within\:ring-Error-error:focus-within { + --tw-ring-color: var(--error-error, #f03d3e); +} + +.focus-within\:ring-Error-error-100:focus-within { + --tw-ring-color: var(--error-error-100, #f57778); +} + +.focus-within\:ring-Error-error-200:focus-within { + --tw-ring-color: var(--error-error-200, #f89e9e); +} + +.focus-within\:ring-Error-error-250:focus-within { + --tw-ring-color: var(--error-error-250, #f9c8c8); +} + +.focus-within\:ring-Error-error-300:focus-within { + --tw-ring-color: var(--error-error-300, #ce5151); +} + +.focus-within\:ring-Error-error-400:focus-within { + --tw-ring-color: var(--error-error-400, #b85e5e); +} + +.focus-within\:ring-Error-error-500:focus-within { + --tw-ring-color: var(--error-error-500, #d83738); +} + +.focus-within\:ring-Error-error-600:focus-within { + --tw-ring-color: var(--error-error-600, #a82b2b); +} + +.focus-within\:ring-Error-error-700:focus-within { + --tw-ring-color: var(--error-error-700, #601819); +} + +.focus\:ring-colors-black:focus { + --tw-ring-color: var(--colors-black, #000000); +} + +.focus\:ring-colors-white:focus { + --tw-ring-color: var(--colors-white, #ffffff); +} + +.focus\:ring-colors-gray-100:focus { + --tw-ring-color: var(--colors-gray-100, #f7fafc); +} + +.focus\:ring-colors-gray-200:focus { + --tw-ring-color: var(--colors-gray-200, #edf2f7); +} + +.focus\:ring-colors-gray-300:focus { + --tw-ring-color: var(--colors-gray-300, #e2e8f0); +} + +.focus\:ring-colors-gray-400:focus { + --tw-ring-color: var(--colors-gray-400, #cbd5e0); +} + +.focus\:ring-colors-gray-500:focus { + --tw-ring-color: var(--colors-gray-500, #a0aec0); +} + +.focus\:ring-colors-gray-600:focus { + --tw-ring-color: var(--colors-gray-600, #718096); +} + +.focus\:ring-colors-gray-700:focus { + --tw-ring-color: var(--colors-gray-700, #4a5568); +} + +.focus\:ring-colors-gray-800:focus { + --tw-ring-color: var(--colors-gray-800, #2d3748); +} + +.focus\:ring-colors-gray-900:focus { + --tw-ring-color: var(--colors-gray-900, #1a202c); +} + +.focus\:ring-colors-red-100:focus { + --tw-ring-color: var(--colors-red-100, #fff5f5); +} + +.focus\:ring-colors-red-200:focus { + --tw-ring-color: var(--colors-red-200, #fed7d7); +} + +.focus\:ring-colors-red-300:focus { + --tw-ring-color: var(--colors-red-300, #feb2b2); +} + +.focus\:ring-colors-red-400:focus { + --tw-ring-color: var(--colors-red-400, #fc8181); +} + +.focus\:ring-colors-red-500:focus { + --tw-ring-color: var(--colors-red-500, #f56565); +} + +.focus\:ring-colors-red-600:focus { + --tw-ring-color: var(--colors-red-600, #e53e3e); +} + +.focus\:ring-colors-red-700:focus { + --tw-ring-color: var(--colors-red-700, #c53030); +} + +.focus\:ring-colors-red-800:focus { + --tw-ring-color: var(--colors-red-800, #9b2c2c); +} + +.focus\:ring-colors-red-900:focus { + --tw-ring-color: var(--colors-red-900, #742a2a); +} + +.focus\:ring-colors-orange-100:focus { + --tw-ring-color: var(--colors-orange-100, #fffaf0); +} + +.focus\:ring-colors-orange-200:focus { + --tw-ring-color: var(--colors-orange-200, #feebc8); +} + +.focus\:ring-colors-orange-300:focus { + --tw-ring-color: var(--colors-orange-300, #fbd38d); +} + +.focus\:ring-colors-orange-400:focus { + --tw-ring-color: var(--colors-orange-400, #f6ad55); +} + +.focus\:ring-colors-orange-500:focus { + --tw-ring-color: var(--colors-orange-500, #ed8936); +} + +.focus\:ring-colors-orange-600:focus { + --tw-ring-color: var(--colors-orange-600, #dd6b20); +} + +.focus\:ring-colors-orange-700:focus { + --tw-ring-color: var(--colors-orange-700, #c05621); +} + +.focus\:ring-colors-orange-800:focus { + --tw-ring-color: var(--colors-orange-800, #9c4221); +} + +.focus\:ring-colors-orange-900:focus { + --tw-ring-color: var(--colors-orange-900, #7b341e); +} + +.focus\:ring-colors-yellow-100:focus { + --tw-ring-color: var(--colors-yellow-100, #fffff0); +} + +.focus\:ring-colors-yellow-200:focus { + --tw-ring-color: var(--colors-yellow-200, #fefcbf); +} + +.focus\:ring-colors-yellow-300:focus { + --tw-ring-color: var(--colors-yellow-300, #faf089); +} + +.focus\:ring-colors-yellow-400:focus { + --tw-ring-color: var(--colors-yellow-400, #f6e05e); +} + +.focus\:ring-colors-yellow-500:focus { + --tw-ring-color: var(--colors-yellow-500, #ecc94b); +} + +.focus\:ring-colors-yellow-600:focus { + --tw-ring-color: var(--colors-yellow-600, #d69e2e); +} + +.focus\:ring-colors-yellow-700:focus { + --tw-ring-color: var(--colors-yellow-700, #b7791f); +} + +.focus\:ring-colors-yellow-800:focus { + --tw-ring-color: var(--colors-yellow-800, #975a16); +} + +.focus\:ring-colors-yellow-900:focus { + --tw-ring-color: var(--colors-yellow-900, #744210); +} + +.focus\:ring-colors-green-100:focus { + --tw-ring-color: var(--colors-green-100, #f0fff4); +} + +.focus\:ring-colors-green-200:focus { + --tw-ring-color: var(--colors-green-200, #c6f6d5); +} + +.focus\:ring-colors-green-300:focus { + --tw-ring-color: var(--colors-green-300, #9ae6b4); +} + +.focus\:ring-colors-green-400:focus { + --tw-ring-color: var(--colors-green-400, #68d391); +} + +.focus\:ring-colors-green-500:focus { + --tw-ring-color: var(--colors-green-500, #48bb78); +} + +.focus\:ring-colors-green-600:focus { + --tw-ring-color: var(--colors-green-600, #38a169); +} + +.focus\:ring-colors-green-700:focus { + --tw-ring-color: var(--colors-green-700, #2f855a); +} + +.focus\:ring-colors-green-800:focus { + --tw-ring-color: var(--colors-green-800, #276749); +} + +.focus\:ring-colors-green-900:focus { + --tw-ring-color: var(--colors-green-900, #22543d); +} + +.focus\:ring-colors-teal-100:focus { + --tw-ring-color: var(--colors-teal-100, #e6fffa); +} + +.focus\:ring-colors-teal-200:focus { + --tw-ring-color: var(--colors-teal-200, #b2f5ea); +} + +.focus\:ring-colors-teal-300:focus { + --tw-ring-color: var(--colors-teal-300, #81e6d9); +} + +.focus\:ring-colors-teal-400:focus { + --tw-ring-color: var(--colors-teal-400, #4fd1c5); +} + +.focus\:ring-colors-teal-500:focus { + --tw-ring-color: var(--colors-teal-500, #38b2ac); +} + +.focus\:ring-colors-teal-600:focus { + --tw-ring-color: var(--colors-teal-600, #319795); +} + +.focus\:ring-colors-teal-700:focus { + --tw-ring-color: var(--colors-teal-700, #2c7a7b); +} + +.focus\:ring-colors-teal-800:focus { + --tw-ring-color: var(--colors-teal-800, #285e61); +} + +.focus\:ring-colors-teal-900:focus { + --tw-ring-color: var(--colors-teal-900, #234e52); +} + +.focus\:ring-colors-blue-100:focus { + --tw-ring-color: var(--colors-blue-100, #ebf8ff); +} + +.focus\:ring-colors-blue-200:focus { + --tw-ring-color: var(--colors-blue-200, #bee3f8); +} + +.focus\:ring-colors-blue-300:focus { + --tw-ring-color: var(--colors-blue-300, #90cdf4); +} + +.focus\:ring-colors-blue-400:focus { + --tw-ring-color: var(--colors-blue-400, #63b3ed); +} + +.focus\:ring-colors-blue-500:focus { + --tw-ring-color: var(--colors-blue-500, #4299e1); +} + +.focus\:ring-colors-blue-600:focus { + --tw-ring-color: var(--colors-blue-600, #3182ce); +} + +.focus\:ring-colors-blue-700:focus { + --tw-ring-color: var(--colors-blue-700, #2b6cb0); +} + +.focus\:ring-colors-blue-800:focus { + --tw-ring-color: var(--colors-blue-800, #2c5282); +} + +.focus\:ring-colors-blue-900:focus { + --tw-ring-color: var(--colors-blue-900, #2a4365); +} + +.focus\:ring-colors-indigo-100:focus { + --tw-ring-color: var(--colors-indigo-100, #ebf4ff); +} + +.focus\:ring-colors-indigo-200:focus { + --tw-ring-color: var(--colors-indigo-200, #c3dafe); +} + +.focus\:ring-colors-indigo-300:focus { + --tw-ring-color: var(--colors-indigo-300, #a3bffa); +} + +.focus\:ring-colors-indigo-400:focus { + --tw-ring-color: var(--colors-indigo-400, #7f9cf5); +} + +.focus\:ring-colors-indigo-500:focus { + --tw-ring-color: var(--colors-indigo-500, #667eea); +} + +.focus\:ring-colors-indigo-600:focus { + --tw-ring-color: var(--colors-indigo-600, #5a67d8); +} + +.focus\:ring-colors-indigo-700:focus { + --tw-ring-color: var(--colors-indigo-700, #4c51bf); +} + +.focus\:ring-colors-indigo-800:focus { + --tw-ring-color: var(--colors-indigo-800, #434190); +} + +.focus\:ring-colors-indigo-900:focus { + --tw-ring-color: var(--colors-indigo-900, #3c366b); +} + +.focus\:ring-colors-purple-100:focus { + --tw-ring-color: var(--colors-purple-100, #faf5ff); +} + +.focus\:ring-colors-purple-200:focus { + --tw-ring-color: var(--colors-purple-200, #e9d8fd); +} + +.focus\:ring-colors-purple-300:focus { + --tw-ring-color: var(--colors-purple-300, #d6bcfa); +} + +.focus\:ring-colors-purple-400:focus { + --tw-ring-color: var(--colors-purple-400, #b794f4); +} + +.focus\:ring-colors-purple-500:focus { + --tw-ring-color: var(--colors-purple-500, #9f7aea); +} + +.focus\:ring-colors-purple-600:focus { + --tw-ring-color: var(--colors-purple-600, #805ad5); +} + +.focus\:ring-colors-purple-700:focus { + --tw-ring-color: var(--colors-purple-700, #6b46c1); +} + +.focus\:ring-colors-purple-800:focus { + --tw-ring-color: var(--colors-purple-800, #553c9a); +} + +.focus\:ring-colors-purple-900:focus { + --tw-ring-color: var(--colors-purple-900, #44337a); +} + +.focus\:ring-colors-pink-100:focus { + --tw-ring-color: var(--colors-pink-100, #fff5f7); +} + +.focus\:ring-colors-pink-200:focus { + --tw-ring-color: var(--colors-pink-200, #fed7e2); +} + +.focus\:ring-colors-pink-300:focus { + --tw-ring-color: var(--colors-pink-300, #fbb6ce); +} + +.focus\:ring-colors-pink-400:focus { + --tw-ring-color: var(--colors-pink-400, #f687b3); +} + +.focus\:ring-colors-pink-500:focus { + --tw-ring-color: var(--colors-pink-500, #ed64a6); +} + +.focus\:ring-colors-pink-600:focus { + --tw-ring-color: var(--colors-pink-600, #d53f8c); +} + +.focus\:ring-colors-pink-700:focus { + --tw-ring-color: var(--colors-pink-700, #b83280); +} + +.focus\:ring-colors-pink-800:focus { + --tw-ring-color: var(--colors-pink-800, #97266d); +} + +.focus\:ring-colors-pink-900:focus { + --tw-ring-color: var(--colors-pink-900, #702459); +} + +.focus\:ring-Box\ Shadow:focus { + --tw-ring-color: var(--box-shadow, #7f7e7f); +} + +.focus\:ring-Error16:focus { + --tw-ring-color: var(--error16, #f03d3e40); +} + +.focus\:ring-Success16:focus { + --tw-ring-color: var(--success16, #5bb14d40); +} + +.focus\:ring-Notification16:focus { + --tw-ring-color: var(--notification16, #3959ff40); +} + +.focus\:ring-Error8:focus { + --tw-ring-color: var(--error8, #f03d3e1a); +} + +.focus\:ring-Notification8:focus { + --tw-ring-color: var(--notification8, #3959ff1a); +} + +.focus\:ring-Success8:focus { + --tw-ring-color: var(--success8, #5bb14d1a); +} + +.focus\:ring-Light\ -\ Overlay:focus { + --tw-ring-color: var(--light-overlay, #f0edee66); +} + +.focus\:ring-Dark-\ Overlay:focus { + --tw-ring-color: var(--dark-overlay, #7f7e7f66); +} + +.focus\:ring-black-40:focus { + --tw-ring-color: var(--black-40, #00000066); +} + +.focus\:ring-black-75:focus { + --tw-ring-color: var(--black-75, #000000bf); +} + +.focus\:ring-black-60:focus { + --tw-ring-color: var(--black-60, #00000099); +} + +.focus\:ring-black-50:focus { + --tw-ring-color: var(--black-50, #00000080); +} + +.focus\:ring-black-25:focus { + --tw-ring-color: var(--black-25, #00000040); +} + +.focus\:ring-black-10:focus { + --tw-ring-color: var(--black-10, #0000001a); +} + +.focus\:ring-white-25:focus { + --tw-ring-color: var(--white-25, #ffffff40); +} + +.focus\:ring-white-60:focus { + --tw-ring-color: var(--white-60, #ffffff99); +} + +.focus\:ring-black-64:focus { + --tw-ring-color: var(--black-64, #000000a3); +} + +.focus\:ring-Shadow\ and\ Highlight-Shadow:focus { + --tw-ring-color: var(--shadow-and-highlight-shadow, #7f7e7f); +} + +.focus\:ring-Shadow\ and\ Highlight-Highlight:focus { + --tw-ring-color: var(--shadow-and-highlight-highlight, #474747); +} + +.focus\:ring-Shadow\ and\ Highlight-highlight\ one:focus { + --tw-ring-color: var(--shadow-and-highlight-highlight-one, #474747bf); +} + +.focus\:ring-Shadow\ and\ Highlight-highlight\ two:focus { + --tw-ring-color: var(--shadow-and-highlight-highlight-two, #47474799); +} + +.focus\:ring-Shadow\ and\ Highlight-highlight\ three:focus { + --tw-ring-color: var(--shadow-and-highlight-highlight-three, #47474766); +} + +.focus\:ring-Shadow\ and\ Highlight-highlight\ five:focus { + --tw-ring-color: var(--shadow-and-highlight-highlight-five, #4747471a); +} + +.focus\:ring-Shadow\ and\ Highlight-shadow\ one:focus { + --tw-ring-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); +} + +.focus\:ring-Shadow\ and\ Highlight-shadow\ two:focus { + --tw-ring-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); +} + +.focus\:ring-Shadow\ and\ Highlight-shadow\ three:focus { + --tw-ring-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); +} + +.focus\:ring-Shadow\ and\ Highlight-shadow\ four:focus { + --tw-ring-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); +} + +.focus\:ring-Shadow\ and\ Highlight-shadow\ five:focus { + --tw-ring-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); +} + +.focus\:ring-Shadow\ and\ Highlight-highlight\ four:focus { + --tw-ring-color: var(--shadow-and-highlight-highlight-four, #47474740); +} + +.focus\:ring-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus { + --tw-ring-color: var(--base-layer-styles-base-layer-light-white, #ffffff); +} + +.focus\:ring-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus { + --tw-ring-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); +} + +.focus\:ring-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus { + --tw-ring-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); +} + +.focus\:ring-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus { + --tw-ring-color: var(--base-layer-styles-base-layer-dark-black, #000000); +} + +.focus\:ring-Grey-Scale-white:focus { + --tw-ring-color: var(--grey-scale-white, #ffffff); +} + +.focus\:ring-Grey-Scale-off-white:focus { + --tw-ring-color: var(--grey-scale-off-white, #f0edee); +} + +.focus\:ring-Grey\ Scale-grey:focus { + --tw-ring-color: var(--grey-scale-grey, #7f7e7f); +} + +.focus\:ring-Grey\ Scale-charcoal:focus { + --tw-ring-color: var(--grey-scale-charcoal, #474747); +} + +.focus\:ring-Grey\ Scale-off-black:focus { + --tw-ring-color: var(--grey-scale-off-black, #1c1c1c); +} + +.focus\:ring-Grey\ Scale-black:focus { + --tw-ring-color: var(--grey-scale-black, #000000); +} + +.focus\:ring-Blue-blue:focus { + --tw-ring-color: var(--blue-blue, #3a7ca5); +} + +.focus\:ring-Blue-blue-100:focus { + --tw-ring-color: var(--blue-blue-100, #75a3c0); +} + +.focus\:ring-Blue-blue-200:focus { + --tw-ring-color: var(--blue-blue-200, #9cbed2); +} + +.focus\:ring-Blue-blue-300:focus { + --tw-ring-color: var(--blue-blue-300, #4f7d9a); +} + +.focus\:ring-Blue-blue-400:focus { + --tw-ring-color: var(--blue-blue-400, #5c7d92); +} + +.focus\:ring-Blue-blue-500:focus { + --tw-ring-color: var(--blue-blue-500, #347095); +} + +.focus\:ring-Blue-blue-600:focus { + --tw-ring-color: var(--blue-blue-600, #295774); +} + +.focus\:ring-Blue-blue-700:focus { + --tw-ring-color: var(--blue-blue-700, #173242); +} + +.focus\:ring-LightBlue-lightblue:focus { + --tw-ring-color: var(--light-blue-lightblue, #81c3d7); +} + +.focus\:ring-LightBlue-lightblue-100:focus { + --tw-ring-color: var(--light-blue-lightblue-100, #a7d5e3); +} + +.focus\:ring-LightBlue-lightblue-200:focus { + --tw-ring-color: var(--light-blue-lightblue-200, #c0e1eb); +} + +.focus\:ring-LightBlue-lightblue-300:focus { + --tw-ring-color: var(--light-blue-lightblue-300, #80aebd); +} + +.focus\:ring-LightBlue-lightblue-400:focus { + --tw-ring-color: var(--light-blue-lightblue-400, #80a0ab); +} + +.focus\:ring-LightBlue-lightblue-500:focus { + --tw-ring-color: var(--light-blue-lightblue-500, #74afc1); +} + +.focus\:ring-LightBlue-lightblue-600:focus { + --tw-ring-color: var(--light-blue-lightblue-600, #5a8997); +} + +.focus\:ring-LightBlue-lightblue-650:focus { + --tw-ring-color: var(--light-blue-lightblue-650, #3e5e65); +} + +.focus\:ring-LightBlue-lightblue-700:focus { + --tw-ring-color: var(--light-blue-lightblue-700, #344e56); +} + +.focus\:ring-Orange-orange:focus { + --tw-ring-color: var(--orange-orange, #ff7f0e); +} + +.focus\:ring-Orange-orange-100:focus { + --tw-ring-color: var(--orange-orange-100, #ffa556); +} + +.focus\:ring-Orange-orange-200:focus { + --tw-ring-color: var(--orange-orange-200, #ffbf86); +} + +.focus\:ring-Orange-orange-300:focus { + --tw-ring-color: var(--orange-orange-300, #d97f30); +} + +.focus\:ring-Orange-orange-400:focus { + --tw-ring-color: var(--orange-orange-400, #bf7e46); +} + +.focus\:ring-Orange-orange-500:focus { + --tw-ring-color: var(--orange-orange-500, #e5720d); +} + +.focus\:ring-Orange-orange-600:focus { + --tw-ring-color: var(--orange-orange-600, #b3590a); +} + +.focus\:ring-Orange-orange-700:focus { + --tw-ring-color: var(--orange-orange-700, #663306); +} + +.focus\:ring-Yellow-yellow:focus { + --tw-ring-color: var(--yellow-yellow, #ffab00); +} + +.focus\:ring-Yellow-yellow-100:focus { + --tw-ring-color: var(--yellow-yellow-100, #ffc44c); +} + +.focus\:ring-Yellow-yellow-200:focus { + --tw-ring-color: var(--yellow-yellow-200, #ffd580); +} + +.focus\:ring-Yellow-yellow-300:focus { + --tw-ring-color: var(--yellow-yellow-300, #d99d26); +} + +.focus\:ring-Yellow-yellow-400:focus { + --tw-ring-color: var(--yellow-yellow-400, #bf943f); +} + +.focus\:ring-Yellow-yellow-500:focus { + --tw-ring-color: var(--yellow-yellow-500, #e59a00); +} + +.focus\:ring-Yellow-yellow-600:focus { + --tw-ring-color: var(--yellow-yellow-600, #b37800); +} + +.focus\:ring-Yellow-yellow-700:focus { + --tw-ring-color: var(--yellow-yellow-700, #664400); +} + +.focus\:ring-Notification-notification:focus { + --tw-ring-color: var(--notification-notification, #3959ff); +} + +.focus\:ring-Notification-notification-100:focus { + --tw-ring-color: var(--notification-notification-100, #748bff); +} + +.focus\:ring-Notification-notification-200:focus { + --tw-ring-color: var(--notification-notification-200, #9cacff); +} + +.focus\:ring-Notification-notification-300:focus { + --tw-ring-color: var(--notification-notification-300, #4e64d9); +} + +.focus\:ring-Notification-notification-400:focus { + --tw-ring-color: var(--notification-notification-400, #5c6cbf); +} + +.focus\:ring-Notification-notification-500:focus { + --tw-ring-color: var(--notification-notification-500, #3350e5); +} + +.focus\:ring-Notification-notification-600:focus { + --tw-ring-color: var(--notification-notification-600, #283eb3); +} + +.focus\:ring-Notification-notification-700:focus { + --tw-ring-color: var(--notification-notification-700, #172466); +} + +.focus\:ring-Success-success\ -700:focus { + --tw-ring-color: var(--success-success-700, #24471f); +} + +.focus\:ring-Success-success:focus { + --tw-ring-color: var(--success-success, #5bb14d); +} + +.focus\:ring-Success-success\ -100:focus { + --tw-ring-color: var(--success-success-100, #8cc882); +} + +.focus\:ring-Success-success\ -200:focus { + --tw-ring-color: var(--success-success-200, #add8a6); +} + +.focus\:ring-Success-success\ -300:focus { + --tw-ring-color: var(--success-success-300, #66a25c); +} + +.focus\:ring-Success-success\ -400:focus { + --tw-ring-color: var(--success-success-400, #6d9766); +} + +.focus\:ring-Success-success\ -500:focus { + --tw-ring-color: var(--success-success-500, #529f45); +} + +.focus\:ring-Success-success\ -600:focus { + --tw-ring-color: var(--success-success-600, #407c36); +} + +.focus\:ring-Error-error:focus { + --tw-ring-color: var(--error-error, #f03d3e); +} + +.focus\:ring-Error-error-100:focus { + --tw-ring-color: var(--error-error-100, #f57778); +} + +.focus\:ring-Error-error-200:focus { + --tw-ring-color: var(--error-error-200, #f89e9e); +} + +.focus\:ring-Error-error-250:focus { + --tw-ring-color: var(--error-error-250, #f9c8c8); +} + +.focus\:ring-Error-error-300:focus { + --tw-ring-color: var(--error-error-300, #ce5151); +} + +.focus\:ring-Error-error-400:focus { + --tw-ring-color: var(--error-error-400, #b85e5e); +} + +.focus\:ring-Error-error-500:focus { + --tw-ring-color: var(--error-error-500, #d83738); +} + +.focus\:ring-Error-error-600:focus { + --tw-ring-color: var(--error-error-600, #a82b2b); +} + +.focus\:ring-Error-error-700:focus { + --tw-ring-color: var(--error-error-700, #601819); +} + +.ring-opacity-0 { + --tw-ring-opacity: 0; +} + +.ring-opacity-5 { + --tw-ring-opacity: 0.05; +} + +.ring-opacity-10 { + --tw-ring-opacity: 0.1; +} + +.ring-opacity-20 { + --tw-ring-opacity: 0.2; +} + +.ring-opacity-25 { + --tw-ring-opacity: 0.25; +} + +.ring-opacity-30 { + --tw-ring-opacity: 0.3; +} + +.ring-opacity-40 { + --tw-ring-opacity: 0.4; +} + +.ring-opacity-50 { + --tw-ring-opacity: 0.5; +} + +.ring-opacity-60 { + --tw-ring-opacity: 0.6; +} + +.ring-opacity-70 { + --tw-ring-opacity: 0.7; +} + +.ring-opacity-75 { + --tw-ring-opacity: 0.75; +} + +.ring-opacity-80 { + --tw-ring-opacity: 0.8; +} + +.ring-opacity-90 { + --tw-ring-opacity: 0.9; +} + +.ring-opacity-95 { + --tw-ring-opacity: 0.95; +} + +.ring-opacity-100 { + --tw-ring-opacity: 1; +} + +.focus-within\:ring-opacity-0:focus-within { + --tw-ring-opacity: 0; +} + +.focus-within\:ring-opacity-5:focus-within { + --tw-ring-opacity: 0.05; +} + +.focus-within\:ring-opacity-10:focus-within { + --tw-ring-opacity: 0.1; +} + +.focus-within\:ring-opacity-20:focus-within { + --tw-ring-opacity: 0.2; +} + +.focus-within\:ring-opacity-25:focus-within { + --tw-ring-opacity: 0.25; +} + +.focus-within\:ring-opacity-30:focus-within { + --tw-ring-opacity: 0.3; +} + +.focus-within\:ring-opacity-40:focus-within { + --tw-ring-opacity: 0.4; +} + +.focus-within\:ring-opacity-50:focus-within { + --tw-ring-opacity: 0.5; +} + +.focus-within\:ring-opacity-60:focus-within { + --tw-ring-opacity: 0.6; +} + +.focus-within\:ring-opacity-70:focus-within { + --tw-ring-opacity: 0.7; +} + +.focus-within\:ring-opacity-75:focus-within { + --tw-ring-opacity: 0.75; +} + +.focus-within\:ring-opacity-80:focus-within { + --tw-ring-opacity: 0.8; +} + +.focus-within\:ring-opacity-90:focus-within { + --tw-ring-opacity: 0.9; +} + +.focus-within\:ring-opacity-95:focus-within { + --tw-ring-opacity: 0.95; +} + +.focus-within\:ring-opacity-100:focus-within { + --tw-ring-opacity: 1; +} + +.focus\:ring-opacity-0:focus { + --tw-ring-opacity: 0; +} + +.focus\:ring-opacity-5:focus { + --tw-ring-opacity: 0.05; +} + +.focus\:ring-opacity-10:focus { + --tw-ring-opacity: 0.1; +} + +.focus\:ring-opacity-20:focus { + --tw-ring-opacity: 0.2; +} + +.focus\:ring-opacity-25:focus { + --tw-ring-opacity: 0.25; +} + +.focus\:ring-opacity-30:focus { + --tw-ring-opacity: 0.3; +} + +.focus\:ring-opacity-40:focus { + --tw-ring-opacity: 0.4; +} + +.focus\:ring-opacity-50:focus { + --tw-ring-opacity: 0.5; +} + +.focus\:ring-opacity-60:focus { + --tw-ring-opacity: 0.6; +} + +.focus\:ring-opacity-70:focus { + --tw-ring-opacity: 0.7; +} + +.focus\:ring-opacity-75:focus { + --tw-ring-opacity: 0.75; +} + +.focus\:ring-opacity-80:focus { + --tw-ring-opacity: 0.8; +} + +.focus\:ring-opacity-90:focus { + --tw-ring-opacity: 0.9; +} + +.focus\:ring-opacity-95:focus { + --tw-ring-opacity: 0.95; +} + +.focus\:ring-opacity-100:focus { + --tw-ring-opacity: 1; +} + +.ring-offset-0 { + --tw-ring-offset-width: 0px; +} + +.ring-offset-1 { + --tw-ring-offset-width: 1px; +} + +.ring-offset-2 { + --tw-ring-offset-width: 2px; +} + +.ring-offset-4 { + --tw-ring-offset-width: 4px; +} + +.ring-offset-8 { + --tw-ring-offset-width: 8px; +} + +.focus-within\:ring-offset-0:focus-within { + --tw-ring-offset-width: 0px; +} + +.focus-within\:ring-offset-1:focus-within { + --tw-ring-offset-width: 1px; +} + +.focus-within\:ring-offset-2:focus-within { + --tw-ring-offset-width: 2px; +} + +.focus-within\:ring-offset-4:focus-within { + --tw-ring-offset-width: 4px; +} + +.focus-within\:ring-offset-8:focus-within { + --tw-ring-offset-width: 8px; +} + +.focus\:ring-offset-0:focus { + --tw-ring-offset-width: 0px; +} + +.focus\:ring-offset-1:focus { + --tw-ring-offset-width: 1px; +} + +.focus\:ring-offset-2:focus { + --tw-ring-offset-width: 2px; +} + +.focus\:ring-offset-4:focus { + --tw-ring-offset-width: 4px; +} + +.focus\:ring-offset-8:focus { + --tw-ring-offset-width: 8px; +} + +.ring-offset-colors-black { + --tw-ring-offset-color: var(--colors-black, #000000); +} + +.ring-offset-colors-white { + --tw-ring-offset-color: var(--colors-white, #ffffff); +} + +.ring-offset-colors-gray-100 { + --tw-ring-offset-color: var(--colors-gray-100, #f7fafc); +} + +.ring-offset-colors-gray-200 { + --tw-ring-offset-color: var(--colors-gray-200, #edf2f7); +} + +.ring-offset-colors-gray-300 { + --tw-ring-offset-color: var(--colors-gray-300, #e2e8f0); +} + +.ring-offset-colors-gray-400 { + --tw-ring-offset-color: var(--colors-gray-400, #cbd5e0); +} + +.ring-offset-colors-gray-500 { + --tw-ring-offset-color: var(--colors-gray-500, #a0aec0); +} + +.ring-offset-colors-gray-600 { + --tw-ring-offset-color: var(--colors-gray-600, #718096); +} + +.ring-offset-colors-gray-700 { + --tw-ring-offset-color: var(--colors-gray-700, #4a5568); +} + +.ring-offset-colors-gray-800 { + --tw-ring-offset-color: var(--colors-gray-800, #2d3748); +} + +.ring-offset-colors-gray-900 { + --tw-ring-offset-color: var(--colors-gray-900, #1a202c); +} + +.ring-offset-colors-red-100 { + --tw-ring-offset-color: var(--colors-red-100, #fff5f5); +} + +.ring-offset-colors-red-200 { + --tw-ring-offset-color: var(--colors-red-200, #fed7d7); +} + +.ring-offset-colors-red-300 { + --tw-ring-offset-color: var(--colors-red-300, #feb2b2); +} + +.ring-offset-colors-red-400 { + --tw-ring-offset-color: var(--colors-red-400, #fc8181); +} + +.ring-offset-colors-red-500 { + --tw-ring-offset-color: var(--colors-red-500, #f56565); +} + +.ring-offset-colors-red-600 { + --tw-ring-offset-color: var(--colors-red-600, #e53e3e); +} + +.ring-offset-colors-red-700 { + --tw-ring-offset-color: var(--colors-red-700, #c53030); +} + +.ring-offset-colors-red-800 { + --tw-ring-offset-color: var(--colors-red-800, #9b2c2c); +} + +.ring-offset-colors-red-900 { + --tw-ring-offset-color: var(--colors-red-900, #742a2a); +} + +.ring-offset-colors-orange-100 { + --tw-ring-offset-color: var(--colors-orange-100, #fffaf0); +} + +.ring-offset-colors-orange-200 { + --tw-ring-offset-color: var(--colors-orange-200, #feebc8); +} + +.ring-offset-colors-orange-300 { + --tw-ring-offset-color: var(--colors-orange-300, #fbd38d); +} + +.ring-offset-colors-orange-400 { + --tw-ring-offset-color: var(--colors-orange-400, #f6ad55); +} + +.ring-offset-colors-orange-500 { + --tw-ring-offset-color: var(--colors-orange-500, #ed8936); +} + +.ring-offset-colors-orange-600 { + --tw-ring-offset-color: var(--colors-orange-600, #dd6b20); +} + +.ring-offset-colors-orange-700 { + --tw-ring-offset-color: var(--colors-orange-700, #c05621); +} + +.ring-offset-colors-orange-800 { + --tw-ring-offset-color: var(--colors-orange-800, #9c4221); +} + +.ring-offset-colors-orange-900 { + --tw-ring-offset-color: var(--colors-orange-900, #7b341e); +} + +.ring-offset-colors-yellow-100 { + --tw-ring-offset-color: var(--colors-yellow-100, #fffff0); +} + +.ring-offset-colors-yellow-200 { + --tw-ring-offset-color: var(--colors-yellow-200, #fefcbf); +} + +.ring-offset-colors-yellow-300 { + --tw-ring-offset-color: var(--colors-yellow-300, #faf089); +} + +.ring-offset-colors-yellow-400 { + --tw-ring-offset-color: var(--colors-yellow-400, #f6e05e); +} + +.ring-offset-colors-yellow-500 { + --tw-ring-offset-color: var(--colors-yellow-500, #ecc94b); +} + +.ring-offset-colors-yellow-600 { + --tw-ring-offset-color: var(--colors-yellow-600, #d69e2e); +} + +.ring-offset-colors-yellow-700 { + --tw-ring-offset-color: var(--colors-yellow-700, #b7791f); +} + +.ring-offset-colors-yellow-800 { + --tw-ring-offset-color: var(--colors-yellow-800, #975a16); +} + +.ring-offset-colors-yellow-900 { + --tw-ring-offset-color: var(--colors-yellow-900, #744210); +} + +.ring-offset-colors-green-100 { + --tw-ring-offset-color: var(--colors-green-100, #f0fff4); +} + +.ring-offset-colors-green-200 { + --tw-ring-offset-color: var(--colors-green-200, #c6f6d5); +} + +.ring-offset-colors-green-300 { + --tw-ring-offset-color: var(--colors-green-300, #9ae6b4); +} + +.ring-offset-colors-green-400 { + --tw-ring-offset-color: var(--colors-green-400, #68d391); +} + +.ring-offset-colors-green-500 { + --tw-ring-offset-color: var(--colors-green-500, #48bb78); +} + +.ring-offset-colors-green-600 { + --tw-ring-offset-color: var(--colors-green-600, #38a169); +} + +.ring-offset-colors-green-700 { + --tw-ring-offset-color: var(--colors-green-700, #2f855a); +} + +.ring-offset-colors-green-800 { + --tw-ring-offset-color: var(--colors-green-800, #276749); +} + +.ring-offset-colors-green-900 { + --tw-ring-offset-color: var(--colors-green-900, #22543d); +} + +.ring-offset-colors-teal-100 { + --tw-ring-offset-color: var(--colors-teal-100, #e6fffa); +} + +.ring-offset-colors-teal-200 { + --tw-ring-offset-color: var(--colors-teal-200, #b2f5ea); +} + +.ring-offset-colors-teal-300 { + --tw-ring-offset-color: var(--colors-teal-300, #81e6d9); +} + +.ring-offset-colors-teal-400 { + --tw-ring-offset-color: var(--colors-teal-400, #4fd1c5); +} + +.ring-offset-colors-teal-500 { + --tw-ring-offset-color: var(--colors-teal-500, #38b2ac); +} + +.ring-offset-colors-teal-600 { + --tw-ring-offset-color: var(--colors-teal-600, #319795); +} + +.ring-offset-colors-teal-700 { + --tw-ring-offset-color: var(--colors-teal-700, #2c7a7b); +} + +.ring-offset-colors-teal-800 { + --tw-ring-offset-color: var(--colors-teal-800, #285e61); +} + +.ring-offset-colors-teal-900 { + --tw-ring-offset-color: var(--colors-teal-900, #234e52); +} + +.ring-offset-colors-blue-100 { + --tw-ring-offset-color: var(--colors-blue-100, #ebf8ff); +} + +.ring-offset-colors-blue-200 { + --tw-ring-offset-color: var(--colors-blue-200, #bee3f8); +} + +.ring-offset-colors-blue-300 { + --tw-ring-offset-color: var(--colors-blue-300, #90cdf4); +} + +.ring-offset-colors-blue-400 { + --tw-ring-offset-color: var(--colors-blue-400, #63b3ed); +} + +.ring-offset-colors-blue-500 { + --tw-ring-offset-color: var(--colors-blue-500, #4299e1); +} + +.ring-offset-colors-blue-600 { + --tw-ring-offset-color: var(--colors-blue-600, #3182ce); +} + +.ring-offset-colors-blue-700 { + --tw-ring-offset-color: var(--colors-blue-700, #2b6cb0); +} + +.ring-offset-colors-blue-800 { + --tw-ring-offset-color: var(--colors-blue-800, #2c5282); +} + +.ring-offset-colors-blue-900 { + --tw-ring-offset-color: var(--colors-blue-900, #2a4365); +} + +.ring-offset-colors-indigo-100 { + --tw-ring-offset-color: var(--colors-indigo-100, #ebf4ff); +} + +.ring-offset-colors-indigo-200 { + --tw-ring-offset-color: var(--colors-indigo-200, #c3dafe); +} + +.ring-offset-colors-indigo-300 { + --tw-ring-offset-color: var(--colors-indigo-300, #a3bffa); +} + +.ring-offset-colors-indigo-400 { + --tw-ring-offset-color: var(--colors-indigo-400, #7f9cf5); +} + +.ring-offset-colors-indigo-500 { + --tw-ring-offset-color: var(--colors-indigo-500, #667eea); +} + +.ring-offset-colors-indigo-600 { + --tw-ring-offset-color: var(--colors-indigo-600, #5a67d8); +} + +.ring-offset-colors-indigo-700 { + --tw-ring-offset-color: var(--colors-indigo-700, #4c51bf); +} + +.ring-offset-colors-indigo-800 { + --tw-ring-offset-color: var(--colors-indigo-800, #434190); +} + +.ring-offset-colors-indigo-900 { + --tw-ring-offset-color: var(--colors-indigo-900, #3c366b); +} + +.ring-offset-colors-purple-100 { + --tw-ring-offset-color: var(--colors-purple-100, #faf5ff); +} + +.ring-offset-colors-purple-200 { + --tw-ring-offset-color: var(--colors-purple-200, #e9d8fd); +} + +.ring-offset-colors-purple-300 { + --tw-ring-offset-color: var(--colors-purple-300, #d6bcfa); +} + +.ring-offset-colors-purple-400 { + --tw-ring-offset-color: var(--colors-purple-400, #b794f4); +} + +.ring-offset-colors-purple-500 { + --tw-ring-offset-color: var(--colors-purple-500, #9f7aea); +} + +.ring-offset-colors-purple-600 { + --tw-ring-offset-color: var(--colors-purple-600, #805ad5); +} + +.ring-offset-colors-purple-700 { + --tw-ring-offset-color: var(--colors-purple-700, #6b46c1); +} + +.ring-offset-colors-purple-800 { + --tw-ring-offset-color: var(--colors-purple-800, #553c9a); +} + +.ring-offset-colors-purple-900 { + --tw-ring-offset-color: var(--colors-purple-900, #44337a); +} + +.ring-offset-colors-pink-100 { + --tw-ring-offset-color: var(--colors-pink-100, #fff5f7); +} + +.ring-offset-colors-pink-200 { + --tw-ring-offset-color: var(--colors-pink-200, #fed7e2); +} + +.ring-offset-colors-pink-300 { + --tw-ring-offset-color: var(--colors-pink-300, #fbb6ce); +} + +.ring-offset-colors-pink-400 { + --tw-ring-offset-color: var(--colors-pink-400, #f687b3); +} + +.ring-offset-colors-pink-500 { + --tw-ring-offset-color: var(--colors-pink-500, #ed64a6); +} + +.ring-offset-colors-pink-600 { + --tw-ring-offset-color: var(--colors-pink-600, #d53f8c); +} + +.ring-offset-colors-pink-700 { + --tw-ring-offset-color: var(--colors-pink-700, #b83280); +} + +.ring-offset-colors-pink-800 { + --tw-ring-offset-color: var(--colors-pink-800, #97266d); +} + +.ring-offset-colors-pink-900 { + --tw-ring-offset-color: var(--colors-pink-900, #702459); +} + +.ring-offset-Box\ Shadow { + --tw-ring-offset-color: var(--box-shadow, #7f7e7f); +} + +.ring-offset-Error16 { + --tw-ring-offset-color: var(--error16, #f03d3e40); +} + +.ring-offset-Success16 { + --tw-ring-offset-color: var(--success16, #5bb14d40); +} + +.ring-offset-Notification16 { + --tw-ring-offset-color: var(--notification16, #3959ff40); +} + +.ring-offset-Error8 { + --tw-ring-offset-color: var(--error8, #f03d3e1a); +} + +.ring-offset-Notification8 { + --tw-ring-offset-color: var(--notification8, #3959ff1a); +} + +.ring-offset-Success8 { + --tw-ring-offset-color: var(--success8, #5bb14d1a); +} + +.ring-offset-Light\ -\ Overlay { + --tw-ring-offset-color: var(--light-overlay, #f0edee66); +} + +.ring-offset-Dark-\ Overlay { + --tw-ring-offset-color: var(--dark-overlay, #7f7e7f66); +} + +.ring-offset-black-40 { + --tw-ring-offset-color: var(--black-40, #00000066); +} + +.ring-offset-black-75 { + --tw-ring-offset-color: var(--black-75, #000000bf); +} + +.ring-offset-black-60 { + --tw-ring-offset-color: var(--black-60, #00000099); +} + +.ring-offset-black-50 { + --tw-ring-offset-color: var(--black-50, #00000080); +} + +.ring-offset-black-25 { + --tw-ring-offset-color: var(--black-25, #00000040); +} + +.ring-offset-black-10 { + --tw-ring-offset-color: var(--black-10, #0000001a); +} + +.ring-offset-white-25 { + --tw-ring-offset-color: var(--white-25, #ffffff40); +} + +.ring-offset-white-60 { + --tw-ring-offset-color: var(--white-60, #ffffff99); +} + +.ring-offset-black-64 { + --tw-ring-offset-color: var(--black-64, #000000a3); +} + +.ring-offset-Shadow\ and\ Highlight-Shadow { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow, #7f7e7f); +} + +.ring-offset-Shadow\ and\ Highlight-Highlight { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight, #474747); +} + +.ring-offset-Shadow\ and\ Highlight-highlight\ one { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-one, #474747bf); +} + +.ring-offset-Shadow\ and\ Highlight-highlight\ two { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-two, #47474799); +} + +.ring-offset-Shadow\ and\ Highlight-highlight\ three { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-three, #47474766); +} + +.ring-offset-Shadow\ and\ Highlight-highlight\ five { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-five, #4747471a); +} + +.ring-offset-Shadow\ and\ Highlight-shadow\ one { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); +} + +.ring-offset-Shadow\ and\ Highlight-shadow\ two { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); +} + +.ring-offset-Shadow\ and\ Highlight-shadow\ three { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); +} + +.ring-offset-Shadow\ and\ Highlight-shadow\ four { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); +} + +.ring-offset-Shadow\ and\ Highlight-shadow\ five { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); +} + +.ring-offset-Shadow\ and\ Highlight-highlight\ four { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-four, #47474740); +} + +.ring-offset-Base\ Layer\ Styles-Base\ Layer-\ Light-White { + --tw-ring-offset-color: var(--base-layer-styles-base-layer-light-white, #ffffff); +} + +.ring-offset-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite { + --tw-ring-offset-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); +} + +.ring-offset-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack { + --tw-ring-offset-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); +} + +.ring-offset-Base\ Layer\ Styles-Base\ Layer-Dark-Black { + --tw-ring-offset-color: var(--base-layer-styles-base-layer-dark-black, #000000); +} + +.ring-offset-Grey-Scale-white { + --tw-ring-offset-color: var(--grey-scale-white, #ffffff); +} + +.ring-offset-Grey-Scale-off-white { + --tw-ring-offset-color: var(--grey-scale-off-white, #f0edee); +} + +.ring-offset-Grey\ Scale-grey { + --tw-ring-offset-color: var(--grey-scale-grey, #7f7e7f); +} + +.ring-offset-Grey\ Scale-charcoal { + --tw-ring-offset-color: var(--grey-scale-charcoal, #474747); +} + +.ring-offset-Grey\ Scale-off-black { + --tw-ring-offset-color: var(--grey-scale-off-black, #1c1c1c); +} + +.ring-offset-Grey\ Scale-black { + --tw-ring-offset-color: var(--grey-scale-black, #000000); +} + +.ring-offset-Blue-blue { + --tw-ring-offset-color: var(--blue-blue, #3a7ca5); +} + +.ring-offset-Blue-blue-100 { + --tw-ring-offset-color: var(--blue-blue-100, #75a3c0); +} + +.ring-offset-Blue-blue-200 { + --tw-ring-offset-color: var(--blue-blue-200, #9cbed2); +} + +.ring-offset-Blue-blue-300 { + --tw-ring-offset-color: var(--blue-blue-300, #4f7d9a); +} + +.ring-offset-Blue-blue-400 { + --tw-ring-offset-color: var(--blue-blue-400, #5c7d92); +} + +.ring-offset-Blue-blue-500 { + --tw-ring-offset-color: var(--blue-blue-500, #347095); +} + +.ring-offset-Blue-blue-600 { + --tw-ring-offset-color: var(--blue-blue-600, #295774); +} + +.ring-offset-Blue-blue-700 { + --tw-ring-offset-color: var(--blue-blue-700, #173242); +} + +.ring-offset-LightBlue-lightblue { + --tw-ring-offset-color: var(--light-blue-lightblue, #81c3d7); +} + +.ring-offset-LightBlue-lightblue-100 { + --tw-ring-offset-color: var(--light-blue-lightblue-100, #a7d5e3); +} + +.ring-offset-LightBlue-lightblue-200 { + --tw-ring-offset-color: var(--light-blue-lightblue-200, #c0e1eb); +} + +.ring-offset-LightBlue-lightblue-300 { + --tw-ring-offset-color: var(--light-blue-lightblue-300, #80aebd); +} + +.ring-offset-LightBlue-lightblue-400 { + --tw-ring-offset-color: var(--light-blue-lightblue-400, #80a0ab); +} + +.ring-offset-LightBlue-lightblue-500 { + --tw-ring-offset-color: var(--light-blue-lightblue-500, #74afc1); +} + +.ring-offset-LightBlue-lightblue-600 { + --tw-ring-offset-color: var(--light-blue-lightblue-600, #5a8997); +} + +.ring-offset-LightBlue-lightblue-650 { + --tw-ring-offset-color: var(--light-blue-lightblue-650, #3e5e65); +} + +.ring-offset-LightBlue-lightblue-700 { + --tw-ring-offset-color: var(--light-blue-lightblue-700, #344e56); +} + +.ring-offset-Orange-orange { + --tw-ring-offset-color: var(--orange-orange, #ff7f0e); +} + +.ring-offset-Orange-orange-100 { + --tw-ring-offset-color: var(--orange-orange-100, #ffa556); +} + +.ring-offset-Orange-orange-200 { + --tw-ring-offset-color: var(--orange-orange-200, #ffbf86); +} + +.ring-offset-Orange-orange-300 { + --tw-ring-offset-color: var(--orange-orange-300, #d97f30); +} + +.ring-offset-Orange-orange-400 { + --tw-ring-offset-color: var(--orange-orange-400, #bf7e46); +} + +.ring-offset-Orange-orange-500 { + --tw-ring-offset-color: var(--orange-orange-500, #e5720d); +} + +.ring-offset-Orange-orange-600 { + --tw-ring-offset-color: var(--orange-orange-600, #b3590a); +} + +.ring-offset-Orange-orange-700 { + --tw-ring-offset-color: var(--orange-orange-700, #663306); +} + +.ring-offset-Yellow-yellow { + --tw-ring-offset-color: var(--yellow-yellow, #ffab00); +} + +.ring-offset-Yellow-yellow-100 { + --tw-ring-offset-color: var(--yellow-yellow-100, #ffc44c); +} + +.ring-offset-Yellow-yellow-200 { + --tw-ring-offset-color: var(--yellow-yellow-200, #ffd580); +} + +.ring-offset-Yellow-yellow-300 { + --tw-ring-offset-color: var(--yellow-yellow-300, #d99d26); +} + +.ring-offset-Yellow-yellow-400 { + --tw-ring-offset-color: var(--yellow-yellow-400, #bf943f); +} + +.ring-offset-Yellow-yellow-500 { + --tw-ring-offset-color: var(--yellow-yellow-500, #e59a00); +} + +.ring-offset-Yellow-yellow-600 { + --tw-ring-offset-color: var(--yellow-yellow-600, #b37800); +} + +.ring-offset-Yellow-yellow-700 { + --tw-ring-offset-color: var(--yellow-yellow-700, #664400); +} + +.ring-offset-Notification-notification { + --tw-ring-offset-color: var(--notification-notification, #3959ff); +} + +.ring-offset-Notification-notification-100 { + --tw-ring-offset-color: var(--notification-notification-100, #748bff); +} + +.ring-offset-Notification-notification-200 { + --tw-ring-offset-color: var(--notification-notification-200, #9cacff); +} + +.ring-offset-Notification-notification-300 { + --tw-ring-offset-color: var(--notification-notification-300, #4e64d9); +} + +.ring-offset-Notification-notification-400 { + --tw-ring-offset-color: var(--notification-notification-400, #5c6cbf); +} + +.ring-offset-Notification-notification-500 { + --tw-ring-offset-color: var(--notification-notification-500, #3350e5); +} + +.ring-offset-Notification-notification-600 { + --tw-ring-offset-color: var(--notification-notification-600, #283eb3); +} + +.ring-offset-Notification-notification-700 { + --tw-ring-offset-color: var(--notification-notification-700, #172466); +} + +.ring-offset-Success-success\ -700 { + --tw-ring-offset-color: var(--success-success-700, #24471f); +} + +.ring-offset-Success-success { + --tw-ring-offset-color: var(--success-success, #5bb14d); +} + +.ring-offset-Success-success\ -100 { + --tw-ring-offset-color: var(--success-success-100, #8cc882); +} + +.ring-offset-Success-success\ -200 { + --tw-ring-offset-color: var(--success-success-200, #add8a6); +} + +.ring-offset-Success-success\ -300 { + --tw-ring-offset-color: var(--success-success-300, #66a25c); +} + +.ring-offset-Success-success\ -400 { + --tw-ring-offset-color: var(--success-success-400, #6d9766); +} + +.ring-offset-Success-success\ -500 { + --tw-ring-offset-color: var(--success-success-500, #529f45); +} + +.ring-offset-Success-success\ -600 { + --tw-ring-offset-color: var(--success-success-600, #407c36); +} + +.ring-offset-Error-error { + --tw-ring-offset-color: var(--error-error, #f03d3e); +} + +.ring-offset-Error-error-100 { + --tw-ring-offset-color: var(--error-error-100, #f57778); +} + +.ring-offset-Error-error-200 { + --tw-ring-offset-color: var(--error-error-200, #f89e9e); +} + +.ring-offset-Error-error-250 { + --tw-ring-offset-color: var(--error-error-250, #f9c8c8); +} + +.ring-offset-Error-error-300 { + --tw-ring-offset-color: var(--error-error-300, #ce5151); +} + +.ring-offset-Error-error-400 { + --tw-ring-offset-color: var(--error-error-400, #b85e5e); +} + +.ring-offset-Error-error-500 { + --tw-ring-offset-color: var(--error-error-500, #d83738); +} + +.ring-offset-Error-error-600 { + --tw-ring-offset-color: var(--error-error-600, #a82b2b); +} + +.ring-offset-Error-error-700 { + --tw-ring-offset-color: var(--error-error-700, #601819); +} + +.focus-within\:ring-offset-colors-black:focus-within { + --tw-ring-offset-color: var(--colors-black, #000000); +} + +.focus-within\:ring-offset-colors-white:focus-within { + --tw-ring-offset-color: var(--colors-white, #ffffff); +} + +.focus-within\:ring-offset-colors-gray-100:focus-within { + --tw-ring-offset-color: var(--colors-gray-100, #f7fafc); +} + +.focus-within\:ring-offset-colors-gray-200:focus-within { + --tw-ring-offset-color: var(--colors-gray-200, #edf2f7); +} + +.focus-within\:ring-offset-colors-gray-300:focus-within { + --tw-ring-offset-color: var(--colors-gray-300, #e2e8f0); +} + +.focus-within\:ring-offset-colors-gray-400:focus-within { + --tw-ring-offset-color: var(--colors-gray-400, #cbd5e0); +} + +.focus-within\:ring-offset-colors-gray-500:focus-within { + --tw-ring-offset-color: var(--colors-gray-500, #a0aec0); +} + +.focus-within\:ring-offset-colors-gray-600:focus-within { + --tw-ring-offset-color: var(--colors-gray-600, #718096); +} + +.focus-within\:ring-offset-colors-gray-700:focus-within { + --tw-ring-offset-color: var(--colors-gray-700, #4a5568); +} + +.focus-within\:ring-offset-colors-gray-800:focus-within { + --tw-ring-offset-color: var(--colors-gray-800, #2d3748); +} + +.focus-within\:ring-offset-colors-gray-900:focus-within { + --tw-ring-offset-color: var(--colors-gray-900, #1a202c); +} + +.focus-within\:ring-offset-colors-red-100:focus-within { + --tw-ring-offset-color: var(--colors-red-100, #fff5f5); +} + +.focus-within\:ring-offset-colors-red-200:focus-within { + --tw-ring-offset-color: var(--colors-red-200, #fed7d7); +} + +.focus-within\:ring-offset-colors-red-300:focus-within { + --tw-ring-offset-color: var(--colors-red-300, #feb2b2); +} + +.focus-within\:ring-offset-colors-red-400:focus-within { + --tw-ring-offset-color: var(--colors-red-400, #fc8181); +} + +.focus-within\:ring-offset-colors-red-500:focus-within { + --tw-ring-offset-color: var(--colors-red-500, #f56565); +} + +.focus-within\:ring-offset-colors-red-600:focus-within { + --tw-ring-offset-color: var(--colors-red-600, #e53e3e); +} + +.focus-within\:ring-offset-colors-red-700:focus-within { + --tw-ring-offset-color: var(--colors-red-700, #c53030); +} + +.focus-within\:ring-offset-colors-red-800:focus-within { + --tw-ring-offset-color: var(--colors-red-800, #9b2c2c); +} + +.focus-within\:ring-offset-colors-red-900:focus-within { + --tw-ring-offset-color: var(--colors-red-900, #742a2a); +} + +.focus-within\:ring-offset-colors-orange-100:focus-within { + --tw-ring-offset-color: var(--colors-orange-100, #fffaf0); +} + +.focus-within\:ring-offset-colors-orange-200:focus-within { + --tw-ring-offset-color: var(--colors-orange-200, #feebc8); +} + +.focus-within\:ring-offset-colors-orange-300:focus-within { + --tw-ring-offset-color: var(--colors-orange-300, #fbd38d); +} + +.focus-within\:ring-offset-colors-orange-400:focus-within { + --tw-ring-offset-color: var(--colors-orange-400, #f6ad55); +} + +.focus-within\:ring-offset-colors-orange-500:focus-within { + --tw-ring-offset-color: var(--colors-orange-500, #ed8936); +} + +.focus-within\:ring-offset-colors-orange-600:focus-within { + --tw-ring-offset-color: var(--colors-orange-600, #dd6b20); +} + +.focus-within\:ring-offset-colors-orange-700:focus-within { + --tw-ring-offset-color: var(--colors-orange-700, #c05621); +} + +.focus-within\:ring-offset-colors-orange-800:focus-within { + --tw-ring-offset-color: var(--colors-orange-800, #9c4221); +} + +.focus-within\:ring-offset-colors-orange-900:focus-within { + --tw-ring-offset-color: var(--colors-orange-900, #7b341e); +} + +.focus-within\:ring-offset-colors-yellow-100:focus-within { + --tw-ring-offset-color: var(--colors-yellow-100, #fffff0); +} + +.focus-within\:ring-offset-colors-yellow-200:focus-within { + --tw-ring-offset-color: var(--colors-yellow-200, #fefcbf); +} + +.focus-within\:ring-offset-colors-yellow-300:focus-within { + --tw-ring-offset-color: var(--colors-yellow-300, #faf089); +} + +.focus-within\:ring-offset-colors-yellow-400:focus-within { + --tw-ring-offset-color: var(--colors-yellow-400, #f6e05e); +} + +.focus-within\:ring-offset-colors-yellow-500:focus-within { + --tw-ring-offset-color: var(--colors-yellow-500, #ecc94b); +} + +.focus-within\:ring-offset-colors-yellow-600:focus-within { + --tw-ring-offset-color: var(--colors-yellow-600, #d69e2e); +} + +.focus-within\:ring-offset-colors-yellow-700:focus-within { + --tw-ring-offset-color: var(--colors-yellow-700, #b7791f); +} + +.focus-within\:ring-offset-colors-yellow-800:focus-within { + --tw-ring-offset-color: var(--colors-yellow-800, #975a16); +} + +.focus-within\:ring-offset-colors-yellow-900:focus-within { + --tw-ring-offset-color: var(--colors-yellow-900, #744210); +} + +.focus-within\:ring-offset-colors-green-100:focus-within { + --tw-ring-offset-color: var(--colors-green-100, #f0fff4); +} + +.focus-within\:ring-offset-colors-green-200:focus-within { + --tw-ring-offset-color: var(--colors-green-200, #c6f6d5); +} + +.focus-within\:ring-offset-colors-green-300:focus-within { + --tw-ring-offset-color: var(--colors-green-300, #9ae6b4); +} + +.focus-within\:ring-offset-colors-green-400:focus-within { + --tw-ring-offset-color: var(--colors-green-400, #68d391); +} + +.focus-within\:ring-offset-colors-green-500:focus-within { + --tw-ring-offset-color: var(--colors-green-500, #48bb78); +} + +.focus-within\:ring-offset-colors-green-600:focus-within { + --tw-ring-offset-color: var(--colors-green-600, #38a169); +} + +.focus-within\:ring-offset-colors-green-700:focus-within { + --tw-ring-offset-color: var(--colors-green-700, #2f855a); +} + +.focus-within\:ring-offset-colors-green-800:focus-within { + --tw-ring-offset-color: var(--colors-green-800, #276749); +} + +.focus-within\:ring-offset-colors-green-900:focus-within { + --tw-ring-offset-color: var(--colors-green-900, #22543d); +} + +.focus-within\:ring-offset-colors-teal-100:focus-within { + --tw-ring-offset-color: var(--colors-teal-100, #e6fffa); +} + +.focus-within\:ring-offset-colors-teal-200:focus-within { + --tw-ring-offset-color: var(--colors-teal-200, #b2f5ea); +} + +.focus-within\:ring-offset-colors-teal-300:focus-within { + --tw-ring-offset-color: var(--colors-teal-300, #81e6d9); +} + +.focus-within\:ring-offset-colors-teal-400:focus-within { + --tw-ring-offset-color: var(--colors-teal-400, #4fd1c5); +} + +.focus-within\:ring-offset-colors-teal-500:focus-within { + --tw-ring-offset-color: var(--colors-teal-500, #38b2ac); +} + +.focus-within\:ring-offset-colors-teal-600:focus-within { + --tw-ring-offset-color: var(--colors-teal-600, #319795); +} + +.focus-within\:ring-offset-colors-teal-700:focus-within { + --tw-ring-offset-color: var(--colors-teal-700, #2c7a7b); +} + +.focus-within\:ring-offset-colors-teal-800:focus-within { + --tw-ring-offset-color: var(--colors-teal-800, #285e61); +} + +.focus-within\:ring-offset-colors-teal-900:focus-within { + --tw-ring-offset-color: var(--colors-teal-900, #234e52); +} + +.focus-within\:ring-offset-colors-blue-100:focus-within { + --tw-ring-offset-color: var(--colors-blue-100, #ebf8ff); +} + +.focus-within\:ring-offset-colors-blue-200:focus-within { + --tw-ring-offset-color: var(--colors-blue-200, #bee3f8); +} + +.focus-within\:ring-offset-colors-blue-300:focus-within { + --tw-ring-offset-color: var(--colors-blue-300, #90cdf4); +} + +.focus-within\:ring-offset-colors-blue-400:focus-within { + --tw-ring-offset-color: var(--colors-blue-400, #63b3ed); +} + +.focus-within\:ring-offset-colors-blue-500:focus-within { + --tw-ring-offset-color: var(--colors-blue-500, #4299e1); +} + +.focus-within\:ring-offset-colors-blue-600:focus-within { + --tw-ring-offset-color: var(--colors-blue-600, #3182ce); +} + +.focus-within\:ring-offset-colors-blue-700:focus-within { + --tw-ring-offset-color: var(--colors-blue-700, #2b6cb0); +} + +.focus-within\:ring-offset-colors-blue-800:focus-within { + --tw-ring-offset-color: var(--colors-blue-800, #2c5282); +} + +.focus-within\:ring-offset-colors-blue-900:focus-within { + --tw-ring-offset-color: var(--colors-blue-900, #2a4365); +} + +.focus-within\:ring-offset-colors-indigo-100:focus-within { + --tw-ring-offset-color: var(--colors-indigo-100, #ebf4ff); +} + +.focus-within\:ring-offset-colors-indigo-200:focus-within { + --tw-ring-offset-color: var(--colors-indigo-200, #c3dafe); +} + +.focus-within\:ring-offset-colors-indigo-300:focus-within { + --tw-ring-offset-color: var(--colors-indigo-300, #a3bffa); +} + +.focus-within\:ring-offset-colors-indigo-400:focus-within { + --tw-ring-offset-color: var(--colors-indigo-400, #7f9cf5); +} + +.focus-within\:ring-offset-colors-indigo-500:focus-within { + --tw-ring-offset-color: var(--colors-indigo-500, #667eea); +} + +.focus-within\:ring-offset-colors-indigo-600:focus-within { + --tw-ring-offset-color: var(--colors-indigo-600, #5a67d8); +} + +.focus-within\:ring-offset-colors-indigo-700:focus-within { + --tw-ring-offset-color: var(--colors-indigo-700, #4c51bf); +} + +.focus-within\:ring-offset-colors-indigo-800:focus-within { + --tw-ring-offset-color: var(--colors-indigo-800, #434190); +} + +.focus-within\:ring-offset-colors-indigo-900:focus-within { + --tw-ring-offset-color: var(--colors-indigo-900, #3c366b); +} + +.focus-within\:ring-offset-colors-purple-100:focus-within { + --tw-ring-offset-color: var(--colors-purple-100, #faf5ff); +} + +.focus-within\:ring-offset-colors-purple-200:focus-within { + --tw-ring-offset-color: var(--colors-purple-200, #e9d8fd); +} + +.focus-within\:ring-offset-colors-purple-300:focus-within { + --tw-ring-offset-color: var(--colors-purple-300, #d6bcfa); +} + +.focus-within\:ring-offset-colors-purple-400:focus-within { + --tw-ring-offset-color: var(--colors-purple-400, #b794f4); +} + +.focus-within\:ring-offset-colors-purple-500:focus-within { + --tw-ring-offset-color: var(--colors-purple-500, #9f7aea); +} + +.focus-within\:ring-offset-colors-purple-600:focus-within { + --tw-ring-offset-color: var(--colors-purple-600, #805ad5); +} + +.focus-within\:ring-offset-colors-purple-700:focus-within { + --tw-ring-offset-color: var(--colors-purple-700, #6b46c1); +} + +.focus-within\:ring-offset-colors-purple-800:focus-within { + --tw-ring-offset-color: var(--colors-purple-800, #553c9a); +} + +.focus-within\:ring-offset-colors-purple-900:focus-within { + --tw-ring-offset-color: var(--colors-purple-900, #44337a); +} + +.focus-within\:ring-offset-colors-pink-100:focus-within { + --tw-ring-offset-color: var(--colors-pink-100, #fff5f7); +} + +.focus-within\:ring-offset-colors-pink-200:focus-within { + --tw-ring-offset-color: var(--colors-pink-200, #fed7e2); +} + +.focus-within\:ring-offset-colors-pink-300:focus-within { + --tw-ring-offset-color: var(--colors-pink-300, #fbb6ce); +} + +.focus-within\:ring-offset-colors-pink-400:focus-within { + --tw-ring-offset-color: var(--colors-pink-400, #f687b3); +} + +.focus-within\:ring-offset-colors-pink-500:focus-within { + --tw-ring-offset-color: var(--colors-pink-500, #ed64a6); +} + +.focus-within\:ring-offset-colors-pink-600:focus-within { + --tw-ring-offset-color: var(--colors-pink-600, #d53f8c); +} + +.focus-within\:ring-offset-colors-pink-700:focus-within { + --tw-ring-offset-color: var(--colors-pink-700, #b83280); +} + +.focus-within\:ring-offset-colors-pink-800:focus-within { + --tw-ring-offset-color: var(--colors-pink-800, #97266d); +} + +.focus-within\:ring-offset-colors-pink-900:focus-within { + --tw-ring-offset-color: var(--colors-pink-900, #702459); +} + +.focus-within\:ring-offset-Box\ Shadow:focus-within { + --tw-ring-offset-color: var(--box-shadow, #7f7e7f); +} + +.focus-within\:ring-offset-Error16:focus-within { + --tw-ring-offset-color: var(--error16, #f03d3e40); +} + +.focus-within\:ring-offset-Success16:focus-within { + --tw-ring-offset-color: var(--success16, #5bb14d40); +} + +.focus-within\:ring-offset-Notification16:focus-within { + --tw-ring-offset-color: var(--notification16, #3959ff40); +} + +.focus-within\:ring-offset-Error8:focus-within { + --tw-ring-offset-color: var(--error8, #f03d3e1a); +} + +.focus-within\:ring-offset-Notification8:focus-within { + --tw-ring-offset-color: var(--notification8, #3959ff1a); +} + +.focus-within\:ring-offset-Success8:focus-within { + --tw-ring-offset-color: var(--success8, #5bb14d1a); +} + +.focus-within\:ring-offset-Light\ -\ Overlay:focus-within { + --tw-ring-offset-color: var(--light-overlay, #f0edee66); +} + +.focus-within\:ring-offset-Dark-\ Overlay:focus-within { + --tw-ring-offset-color: var(--dark-overlay, #7f7e7f66); +} + +.focus-within\:ring-offset-black-40:focus-within { + --tw-ring-offset-color: var(--black-40, #00000066); +} + +.focus-within\:ring-offset-black-75:focus-within { + --tw-ring-offset-color: var(--black-75, #000000bf); +} + +.focus-within\:ring-offset-black-60:focus-within { + --tw-ring-offset-color: var(--black-60, #00000099); +} + +.focus-within\:ring-offset-black-50:focus-within { + --tw-ring-offset-color: var(--black-50, #00000080); +} + +.focus-within\:ring-offset-black-25:focus-within { + --tw-ring-offset-color: var(--black-25, #00000040); +} + +.focus-within\:ring-offset-black-10:focus-within { + --tw-ring-offset-color: var(--black-10, #0000001a); +} + +.focus-within\:ring-offset-white-25:focus-within { + --tw-ring-offset-color: var(--white-25, #ffffff40); +} + +.focus-within\:ring-offset-white-60:focus-within { + --tw-ring-offset-color: var(--white-60, #ffffff99); +} + +.focus-within\:ring-offset-black-64:focus-within { + --tw-ring-offset-color: var(--black-64, #000000a3); +} + +.focus-within\:ring-offset-Shadow\ and\ Highlight-Shadow:focus-within { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow, #7f7e7f); +} + +.focus-within\:ring-offset-Shadow\ and\ Highlight-Highlight:focus-within { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight, #474747); +} + +.focus-within\:ring-offset-Shadow\ and\ Highlight-highlight\ one:focus-within { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-one, #474747bf); +} + +.focus-within\:ring-offset-Shadow\ and\ Highlight-highlight\ two:focus-within { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-two, #47474799); +} + +.focus-within\:ring-offset-Shadow\ and\ Highlight-highlight\ three:focus-within { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-three, #47474766); +} + +.focus-within\:ring-offset-Shadow\ and\ Highlight-highlight\ five:focus-within { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-five, #4747471a); +} + +.focus-within\:ring-offset-Shadow\ and\ Highlight-shadow\ one:focus-within { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); +} + +.focus-within\:ring-offset-Shadow\ and\ Highlight-shadow\ two:focus-within { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); +} + +.focus-within\:ring-offset-Shadow\ and\ Highlight-shadow\ three:focus-within { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); +} + +.focus-within\:ring-offset-Shadow\ and\ Highlight-shadow\ four:focus-within { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); +} + +.focus-within\:ring-offset-Shadow\ and\ Highlight-shadow\ five:focus-within { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); +} + +.focus-within\:ring-offset-Shadow\ and\ Highlight-highlight\ four:focus-within { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-four, #47474740); +} + +.focus-within\:ring-offset-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus-within { + --tw-ring-offset-color: var(--base-layer-styles-base-layer-light-white, #ffffff); +} + +.focus-within\:ring-offset-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus-within { + --tw-ring-offset-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); +} + +.focus-within\:ring-offset-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus-within { + --tw-ring-offset-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); +} + +.focus-within\:ring-offset-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus-within { + --tw-ring-offset-color: var(--base-layer-styles-base-layer-dark-black, #000000); +} + +.focus-within\:ring-offset-Grey-Scale-white:focus-within { + --tw-ring-offset-color: var(--grey-scale-white, #ffffff); +} + +.focus-within\:ring-offset-Grey-Scale-off-white:focus-within { + --tw-ring-offset-color: var(--grey-scale-off-white, #f0edee); +} + +.focus-within\:ring-offset-Grey\ Scale-grey:focus-within { + --tw-ring-offset-color: var(--grey-scale-grey, #7f7e7f); +} + +.focus-within\:ring-offset-Grey\ Scale-charcoal:focus-within { + --tw-ring-offset-color: var(--grey-scale-charcoal, #474747); +} + +.focus-within\:ring-offset-Grey\ Scale-off-black:focus-within { + --tw-ring-offset-color: var(--grey-scale-off-black, #1c1c1c); +} + +.focus-within\:ring-offset-Grey\ Scale-black:focus-within { + --tw-ring-offset-color: var(--grey-scale-black, #000000); +} + +.focus-within\:ring-offset-Blue-blue:focus-within { + --tw-ring-offset-color: var(--blue-blue, #3a7ca5); +} + +.focus-within\:ring-offset-Blue-blue-100:focus-within { + --tw-ring-offset-color: var(--blue-blue-100, #75a3c0); +} + +.focus-within\:ring-offset-Blue-blue-200:focus-within { + --tw-ring-offset-color: var(--blue-blue-200, #9cbed2); +} + +.focus-within\:ring-offset-Blue-blue-300:focus-within { + --tw-ring-offset-color: var(--blue-blue-300, #4f7d9a); +} + +.focus-within\:ring-offset-Blue-blue-400:focus-within { + --tw-ring-offset-color: var(--blue-blue-400, #5c7d92); +} + +.focus-within\:ring-offset-Blue-blue-500:focus-within { + --tw-ring-offset-color: var(--blue-blue-500, #347095); +} + +.focus-within\:ring-offset-Blue-blue-600:focus-within { + --tw-ring-offset-color: var(--blue-blue-600, #295774); +} + +.focus-within\:ring-offset-Blue-blue-700:focus-within { + --tw-ring-offset-color: var(--blue-blue-700, #173242); +} + +.focus-within\:ring-offset-LightBlue-lightblue:focus-within { + --tw-ring-offset-color: var(--light-blue-lightblue, #81c3d7); +} + +.focus-within\:ring-offset-LightBlue-lightblue-100:focus-within { + --tw-ring-offset-color: var(--light-blue-lightblue-100, #a7d5e3); +} + +.focus-within\:ring-offset-LightBlue-lightblue-200:focus-within { + --tw-ring-offset-color: var(--light-blue-lightblue-200, #c0e1eb); +} + +.focus-within\:ring-offset-LightBlue-lightblue-300:focus-within { + --tw-ring-offset-color: var(--light-blue-lightblue-300, #80aebd); +} + +.focus-within\:ring-offset-LightBlue-lightblue-400:focus-within { + --tw-ring-offset-color: var(--light-blue-lightblue-400, #80a0ab); +} + +.focus-within\:ring-offset-LightBlue-lightblue-500:focus-within { + --tw-ring-offset-color: var(--light-blue-lightblue-500, #74afc1); +} + +.focus-within\:ring-offset-LightBlue-lightblue-600:focus-within { + --tw-ring-offset-color: var(--light-blue-lightblue-600, #5a8997); +} + +.focus-within\:ring-offset-LightBlue-lightblue-650:focus-within { + --tw-ring-offset-color: var(--light-blue-lightblue-650, #3e5e65); +} + +.focus-within\:ring-offset-LightBlue-lightblue-700:focus-within { + --tw-ring-offset-color: var(--light-blue-lightblue-700, #344e56); +} + +.focus-within\:ring-offset-Orange-orange:focus-within { + --tw-ring-offset-color: var(--orange-orange, #ff7f0e); +} + +.focus-within\:ring-offset-Orange-orange-100:focus-within { + --tw-ring-offset-color: var(--orange-orange-100, #ffa556); +} + +.focus-within\:ring-offset-Orange-orange-200:focus-within { + --tw-ring-offset-color: var(--orange-orange-200, #ffbf86); +} + +.focus-within\:ring-offset-Orange-orange-300:focus-within { + --tw-ring-offset-color: var(--orange-orange-300, #d97f30); +} + +.focus-within\:ring-offset-Orange-orange-400:focus-within { + --tw-ring-offset-color: var(--orange-orange-400, #bf7e46); +} + +.focus-within\:ring-offset-Orange-orange-500:focus-within { + --tw-ring-offset-color: var(--orange-orange-500, #e5720d); +} + +.focus-within\:ring-offset-Orange-orange-600:focus-within { + --tw-ring-offset-color: var(--orange-orange-600, #b3590a); +} + +.focus-within\:ring-offset-Orange-orange-700:focus-within { + --tw-ring-offset-color: var(--orange-orange-700, #663306); +} + +.focus-within\:ring-offset-Yellow-yellow:focus-within { + --tw-ring-offset-color: var(--yellow-yellow, #ffab00); +} + +.focus-within\:ring-offset-Yellow-yellow-100:focus-within { + --tw-ring-offset-color: var(--yellow-yellow-100, #ffc44c); +} + +.focus-within\:ring-offset-Yellow-yellow-200:focus-within { + --tw-ring-offset-color: var(--yellow-yellow-200, #ffd580); +} + +.focus-within\:ring-offset-Yellow-yellow-300:focus-within { + --tw-ring-offset-color: var(--yellow-yellow-300, #d99d26); +} + +.focus-within\:ring-offset-Yellow-yellow-400:focus-within { + --tw-ring-offset-color: var(--yellow-yellow-400, #bf943f); +} + +.focus-within\:ring-offset-Yellow-yellow-500:focus-within { + --tw-ring-offset-color: var(--yellow-yellow-500, #e59a00); +} + +.focus-within\:ring-offset-Yellow-yellow-600:focus-within { + --tw-ring-offset-color: var(--yellow-yellow-600, #b37800); +} + +.focus-within\:ring-offset-Yellow-yellow-700:focus-within { + --tw-ring-offset-color: var(--yellow-yellow-700, #664400); +} + +.focus-within\:ring-offset-Notification-notification:focus-within { + --tw-ring-offset-color: var(--notification-notification, #3959ff); +} + +.focus-within\:ring-offset-Notification-notification-100:focus-within { + --tw-ring-offset-color: var(--notification-notification-100, #748bff); +} + +.focus-within\:ring-offset-Notification-notification-200:focus-within { + --tw-ring-offset-color: var(--notification-notification-200, #9cacff); +} + +.focus-within\:ring-offset-Notification-notification-300:focus-within { + --tw-ring-offset-color: var(--notification-notification-300, #4e64d9); +} + +.focus-within\:ring-offset-Notification-notification-400:focus-within { + --tw-ring-offset-color: var(--notification-notification-400, #5c6cbf); +} + +.focus-within\:ring-offset-Notification-notification-500:focus-within { + --tw-ring-offset-color: var(--notification-notification-500, #3350e5); +} + +.focus-within\:ring-offset-Notification-notification-600:focus-within { + --tw-ring-offset-color: var(--notification-notification-600, #283eb3); +} + +.focus-within\:ring-offset-Notification-notification-700:focus-within { + --tw-ring-offset-color: var(--notification-notification-700, #172466); +} + +.focus-within\:ring-offset-Success-success\ -700:focus-within { + --tw-ring-offset-color: var(--success-success-700, #24471f); +} + +.focus-within\:ring-offset-Success-success:focus-within { + --tw-ring-offset-color: var(--success-success, #5bb14d); +} + +.focus-within\:ring-offset-Success-success\ -100:focus-within { + --tw-ring-offset-color: var(--success-success-100, #8cc882); +} + +.focus-within\:ring-offset-Success-success\ -200:focus-within { + --tw-ring-offset-color: var(--success-success-200, #add8a6); +} + +.focus-within\:ring-offset-Success-success\ -300:focus-within { + --tw-ring-offset-color: var(--success-success-300, #66a25c); +} + +.focus-within\:ring-offset-Success-success\ -400:focus-within { + --tw-ring-offset-color: var(--success-success-400, #6d9766); +} + +.focus-within\:ring-offset-Success-success\ -500:focus-within { + --tw-ring-offset-color: var(--success-success-500, #529f45); +} + +.focus-within\:ring-offset-Success-success\ -600:focus-within { + --tw-ring-offset-color: var(--success-success-600, #407c36); +} + +.focus-within\:ring-offset-Error-error:focus-within { + --tw-ring-offset-color: var(--error-error, #f03d3e); +} + +.focus-within\:ring-offset-Error-error-100:focus-within { + --tw-ring-offset-color: var(--error-error-100, #f57778); +} + +.focus-within\:ring-offset-Error-error-200:focus-within { + --tw-ring-offset-color: var(--error-error-200, #f89e9e); +} + +.focus-within\:ring-offset-Error-error-250:focus-within { + --tw-ring-offset-color: var(--error-error-250, #f9c8c8); +} + +.focus-within\:ring-offset-Error-error-300:focus-within { + --tw-ring-offset-color: var(--error-error-300, #ce5151); +} + +.focus-within\:ring-offset-Error-error-400:focus-within { + --tw-ring-offset-color: var(--error-error-400, #b85e5e); +} + +.focus-within\:ring-offset-Error-error-500:focus-within { + --tw-ring-offset-color: var(--error-error-500, #d83738); +} + +.focus-within\:ring-offset-Error-error-600:focus-within { + --tw-ring-offset-color: var(--error-error-600, #a82b2b); +} + +.focus-within\:ring-offset-Error-error-700:focus-within { + --tw-ring-offset-color: var(--error-error-700, #601819); +} + +.focus\:ring-offset-colors-black:focus { + --tw-ring-offset-color: var(--colors-black, #000000); +} + +.focus\:ring-offset-colors-white:focus { + --tw-ring-offset-color: var(--colors-white, #ffffff); +} + +.focus\:ring-offset-colors-gray-100:focus { + --tw-ring-offset-color: var(--colors-gray-100, #f7fafc); +} + +.focus\:ring-offset-colors-gray-200:focus { + --tw-ring-offset-color: var(--colors-gray-200, #edf2f7); +} + +.focus\:ring-offset-colors-gray-300:focus { + --tw-ring-offset-color: var(--colors-gray-300, #e2e8f0); +} + +.focus\:ring-offset-colors-gray-400:focus { + --tw-ring-offset-color: var(--colors-gray-400, #cbd5e0); +} + +.focus\:ring-offset-colors-gray-500:focus { + --tw-ring-offset-color: var(--colors-gray-500, #a0aec0); +} + +.focus\:ring-offset-colors-gray-600:focus { + --tw-ring-offset-color: var(--colors-gray-600, #718096); +} + +.focus\:ring-offset-colors-gray-700:focus { + --tw-ring-offset-color: var(--colors-gray-700, #4a5568); +} + +.focus\:ring-offset-colors-gray-800:focus { + --tw-ring-offset-color: var(--colors-gray-800, #2d3748); +} + +.focus\:ring-offset-colors-gray-900:focus { + --tw-ring-offset-color: var(--colors-gray-900, #1a202c); +} + +.focus\:ring-offset-colors-red-100:focus { + --tw-ring-offset-color: var(--colors-red-100, #fff5f5); +} + +.focus\:ring-offset-colors-red-200:focus { + --tw-ring-offset-color: var(--colors-red-200, #fed7d7); +} + +.focus\:ring-offset-colors-red-300:focus { + --tw-ring-offset-color: var(--colors-red-300, #feb2b2); +} + +.focus\:ring-offset-colors-red-400:focus { + --tw-ring-offset-color: var(--colors-red-400, #fc8181); +} + +.focus\:ring-offset-colors-red-500:focus { + --tw-ring-offset-color: var(--colors-red-500, #f56565); +} + +.focus\:ring-offset-colors-red-600:focus { + --tw-ring-offset-color: var(--colors-red-600, #e53e3e); +} + +.focus\:ring-offset-colors-red-700:focus { + --tw-ring-offset-color: var(--colors-red-700, #c53030); +} + +.focus\:ring-offset-colors-red-800:focus { + --tw-ring-offset-color: var(--colors-red-800, #9b2c2c); +} + +.focus\:ring-offset-colors-red-900:focus { + --tw-ring-offset-color: var(--colors-red-900, #742a2a); +} + +.focus\:ring-offset-colors-orange-100:focus { + --tw-ring-offset-color: var(--colors-orange-100, #fffaf0); +} + +.focus\:ring-offset-colors-orange-200:focus { + --tw-ring-offset-color: var(--colors-orange-200, #feebc8); +} + +.focus\:ring-offset-colors-orange-300:focus { + --tw-ring-offset-color: var(--colors-orange-300, #fbd38d); +} + +.focus\:ring-offset-colors-orange-400:focus { + --tw-ring-offset-color: var(--colors-orange-400, #f6ad55); +} + +.focus\:ring-offset-colors-orange-500:focus { + --tw-ring-offset-color: var(--colors-orange-500, #ed8936); +} + +.focus\:ring-offset-colors-orange-600:focus { + --tw-ring-offset-color: var(--colors-orange-600, #dd6b20); +} + +.focus\:ring-offset-colors-orange-700:focus { + --tw-ring-offset-color: var(--colors-orange-700, #c05621); +} + +.focus\:ring-offset-colors-orange-800:focus { + --tw-ring-offset-color: var(--colors-orange-800, #9c4221); +} + +.focus\:ring-offset-colors-orange-900:focus { + --tw-ring-offset-color: var(--colors-orange-900, #7b341e); +} + +.focus\:ring-offset-colors-yellow-100:focus { + --tw-ring-offset-color: var(--colors-yellow-100, #fffff0); +} + +.focus\:ring-offset-colors-yellow-200:focus { + --tw-ring-offset-color: var(--colors-yellow-200, #fefcbf); +} + +.focus\:ring-offset-colors-yellow-300:focus { + --tw-ring-offset-color: var(--colors-yellow-300, #faf089); +} + +.focus\:ring-offset-colors-yellow-400:focus { + --tw-ring-offset-color: var(--colors-yellow-400, #f6e05e); +} + +.focus\:ring-offset-colors-yellow-500:focus { + --tw-ring-offset-color: var(--colors-yellow-500, #ecc94b); +} + +.focus\:ring-offset-colors-yellow-600:focus { + --tw-ring-offset-color: var(--colors-yellow-600, #d69e2e); +} + +.focus\:ring-offset-colors-yellow-700:focus { + --tw-ring-offset-color: var(--colors-yellow-700, #b7791f); +} + +.focus\:ring-offset-colors-yellow-800:focus { + --tw-ring-offset-color: var(--colors-yellow-800, #975a16); +} + +.focus\:ring-offset-colors-yellow-900:focus { + --tw-ring-offset-color: var(--colors-yellow-900, #744210); +} + +.focus\:ring-offset-colors-green-100:focus { + --tw-ring-offset-color: var(--colors-green-100, #f0fff4); +} + +.focus\:ring-offset-colors-green-200:focus { + --tw-ring-offset-color: var(--colors-green-200, #c6f6d5); +} + +.focus\:ring-offset-colors-green-300:focus { + --tw-ring-offset-color: var(--colors-green-300, #9ae6b4); +} + +.focus\:ring-offset-colors-green-400:focus { + --tw-ring-offset-color: var(--colors-green-400, #68d391); +} + +.focus\:ring-offset-colors-green-500:focus { + --tw-ring-offset-color: var(--colors-green-500, #48bb78); +} + +.focus\:ring-offset-colors-green-600:focus { + --tw-ring-offset-color: var(--colors-green-600, #38a169); +} + +.focus\:ring-offset-colors-green-700:focus { + --tw-ring-offset-color: var(--colors-green-700, #2f855a); +} + +.focus\:ring-offset-colors-green-800:focus { + --tw-ring-offset-color: var(--colors-green-800, #276749); +} + +.focus\:ring-offset-colors-green-900:focus { + --tw-ring-offset-color: var(--colors-green-900, #22543d); +} + +.focus\:ring-offset-colors-teal-100:focus { + --tw-ring-offset-color: var(--colors-teal-100, #e6fffa); +} + +.focus\:ring-offset-colors-teal-200:focus { + --tw-ring-offset-color: var(--colors-teal-200, #b2f5ea); +} + +.focus\:ring-offset-colors-teal-300:focus { + --tw-ring-offset-color: var(--colors-teal-300, #81e6d9); +} + +.focus\:ring-offset-colors-teal-400:focus { + --tw-ring-offset-color: var(--colors-teal-400, #4fd1c5); +} + +.focus\:ring-offset-colors-teal-500:focus { + --tw-ring-offset-color: var(--colors-teal-500, #38b2ac); +} + +.focus\:ring-offset-colors-teal-600:focus { + --tw-ring-offset-color: var(--colors-teal-600, #319795); +} + +.focus\:ring-offset-colors-teal-700:focus { + --tw-ring-offset-color: var(--colors-teal-700, #2c7a7b); +} + +.focus\:ring-offset-colors-teal-800:focus { + --tw-ring-offset-color: var(--colors-teal-800, #285e61); +} + +.focus\:ring-offset-colors-teal-900:focus { + --tw-ring-offset-color: var(--colors-teal-900, #234e52); +} + +.focus\:ring-offset-colors-blue-100:focus { + --tw-ring-offset-color: var(--colors-blue-100, #ebf8ff); +} + +.focus\:ring-offset-colors-blue-200:focus { + --tw-ring-offset-color: var(--colors-blue-200, #bee3f8); +} + +.focus\:ring-offset-colors-blue-300:focus { + --tw-ring-offset-color: var(--colors-blue-300, #90cdf4); +} + +.focus\:ring-offset-colors-blue-400:focus { + --tw-ring-offset-color: var(--colors-blue-400, #63b3ed); +} + +.focus\:ring-offset-colors-blue-500:focus { + --tw-ring-offset-color: var(--colors-blue-500, #4299e1); +} + +.focus\:ring-offset-colors-blue-600:focus { + --tw-ring-offset-color: var(--colors-blue-600, #3182ce); +} + +.focus\:ring-offset-colors-blue-700:focus { + --tw-ring-offset-color: var(--colors-blue-700, #2b6cb0); +} + +.focus\:ring-offset-colors-blue-800:focus { + --tw-ring-offset-color: var(--colors-blue-800, #2c5282); +} + +.focus\:ring-offset-colors-blue-900:focus { + --tw-ring-offset-color: var(--colors-blue-900, #2a4365); +} + +.focus\:ring-offset-colors-indigo-100:focus { + --tw-ring-offset-color: var(--colors-indigo-100, #ebf4ff); +} + +.focus\:ring-offset-colors-indigo-200:focus { + --tw-ring-offset-color: var(--colors-indigo-200, #c3dafe); +} + +.focus\:ring-offset-colors-indigo-300:focus { + --tw-ring-offset-color: var(--colors-indigo-300, #a3bffa); +} + +.focus\:ring-offset-colors-indigo-400:focus { + --tw-ring-offset-color: var(--colors-indigo-400, #7f9cf5); +} + +.focus\:ring-offset-colors-indigo-500:focus { + --tw-ring-offset-color: var(--colors-indigo-500, #667eea); +} + +.focus\:ring-offset-colors-indigo-600:focus { + --tw-ring-offset-color: var(--colors-indigo-600, #5a67d8); +} + +.focus\:ring-offset-colors-indigo-700:focus { + --tw-ring-offset-color: var(--colors-indigo-700, #4c51bf); +} + +.focus\:ring-offset-colors-indigo-800:focus { + --tw-ring-offset-color: var(--colors-indigo-800, #434190); +} + +.focus\:ring-offset-colors-indigo-900:focus { + --tw-ring-offset-color: var(--colors-indigo-900, #3c366b); +} + +.focus\:ring-offset-colors-purple-100:focus { + --tw-ring-offset-color: var(--colors-purple-100, #faf5ff); +} + +.focus\:ring-offset-colors-purple-200:focus { + --tw-ring-offset-color: var(--colors-purple-200, #e9d8fd); +} + +.focus\:ring-offset-colors-purple-300:focus { + --tw-ring-offset-color: var(--colors-purple-300, #d6bcfa); +} + +.focus\:ring-offset-colors-purple-400:focus { + --tw-ring-offset-color: var(--colors-purple-400, #b794f4); +} + +.focus\:ring-offset-colors-purple-500:focus { + --tw-ring-offset-color: var(--colors-purple-500, #9f7aea); +} + +.focus\:ring-offset-colors-purple-600:focus { + --tw-ring-offset-color: var(--colors-purple-600, #805ad5); +} + +.focus\:ring-offset-colors-purple-700:focus { + --tw-ring-offset-color: var(--colors-purple-700, #6b46c1); +} + +.focus\:ring-offset-colors-purple-800:focus { + --tw-ring-offset-color: var(--colors-purple-800, #553c9a); +} + +.focus\:ring-offset-colors-purple-900:focus { + --tw-ring-offset-color: var(--colors-purple-900, #44337a); +} + +.focus\:ring-offset-colors-pink-100:focus { + --tw-ring-offset-color: var(--colors-pink-100, #fff5f7); +} + +.focus\:ring-offset-colors-pink-200:focus { + --tw-ring-offset-color: var(--colors-pink-200, #fed7e2); +} + +.focus\:ring-offset-colors-pink-300:focus { + --tw-ring-offset-color: var(--colors-pink-300, #fbb6ce); +} + +.focus\:ring-offset-colors-pink-400:focus { + --tw-ring-offset-color: var(--colors-pink-400, #f687b3); +} + +.focus\:ring-offset-colors-pink-500:focus { + --tw-ring-offset-color: var(--colors-pink-500, #ed64a6); +} + +.focus\:ring-offset-colors-pink-600:focus { + --tw-ring-offset-color: var(--colors-pink-600, #d53f8c); +} + +.focus\:ring-offset-colors-pink-700:focus { + --tw-ring-offset-color: var(--colors-pink-700, #b83280); +} + +.focus\:ring-offset-colors-pink-800:focus { + --tw-ring-offset-color: var(--colors-pink-800, #97266d); +} + +.focus\:ring-offset-colors-pink-900:focus { + --tw-ring-offset-color: var(--colors-pink-900, #702459); +} + +.focus\:ring-offset-Box\ Shadow:focus { + --tw-ring-offset-color: var(--box-shadow, #7f7e7f); +} + +.focus\:ring-offset-Error16:focus { + --tw-ring-offset-color: var(--error16, #f03d3e40); +} + +.focus\:ring-offset-Success16:focus { + --tw-ring-offset-color: var(--success16, #5bb14d40); +} + +.focus\:ring-offset-Notification16:focus { + --tw-ring-offset-color: var(--notification16, #3959ff40); +} + +.focus\:ring-offset-Error8:focus { + --tw-ring-offset-color: var(--error8, #f03d3e1a); +} + +.focus\:ring-offset-Notification8:focus { + --tw-ring-offset-color: var(--notification8, #3959ff1a); +} + +.focus\:ring-offset-Success8:focus { + --tw-ring-offset-color: var(--success8, #5bb14d1a); +} + +.focus\:ring-offset-Light\ -\ Overlay:focus { + --tw-ring-offset-color: var(--light-overlay, #f0edee66); +} + +.focus\:ring-offset-Dark-\ Overlay:focus { + --tw-ring-offset-color: var(--dark-overlay, #7f7e7f66); +} + +.focus\:ring-offset-black-40:focus { + --tw-ring-offset-color: var(--black-40, #00000066); +} + +.focus\:ring-offset-black-75:focus { + --tw-ring-offset-color: var(--black-75, #000000bf); +} + +.focus\:ring-offset-black-60:focus { + --tw-ring-offset-color: var(--black-60, #00000099); +} + +.focus\:ring-offset-black-50:focus { + --tw-ring-offset-color: var(--black-50, #00000080); +} + +.focus\:ring-offset-black-25:focus { + --tw-ring-offset-color: var(--black-25, #00000040); +} + +.focus\:ring-offset-black-10:focus { + --tw-ring-offset-color: var(--black-10, #0000001a); +} + +.focus\:ring-offset-white-25:focus { + --tw-ring-offset-color: var(--white-25, #ffffff40); +} + +.focus\:ring-offset-white-60:focus { + --tw-ring-offset-color: var(--white-60, #ffffff99); +} + +.focus\:ring-offset-black-64:focus { + --tw-ring-offset-color: var(--black-64, #000000a3); +} + +.focus\:ring-offset-Shadow\ and\ Highlight-Shadow:focus { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow, #7f7e7f); +} + +.focus\:ring-offset-Shadow\ and\ Highlight-Highlight:focus { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight, #474747); +} + +.focus\:ring-offset-Shadow\ and\ Highlight-highlight\ one:focus { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-one, #474747bf); +} + +.focus\:ring-offset-Shadow\ and\ Highlight-highlight\ two:focus { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-two, #47474799); +} + +.focus\:ring-offset-Shadow\ and\ Highlight-highlight\ three:focus { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-three, #47474766); +} + +.focus\:ring-offset-Shadow\ and\ Highlight-highlight\ five:focus { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-five, #4747471a); +} + +.focus\:ring-offset-Shadow\ and\ Highlight-shadow\ one:focus { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); +} + +.focus\:ring-offset-Shadow\ and\ Highlight-shadow\ two:focus { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); +} + +.focus\:ring-offset-Shadow\ and\ Highlight-shadow\ three:focus { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); +} + +.focus\:ring-offset-Shadow\ and\ Highlight-shadow\ four:focus { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); +} + +.focus\:ring-offset-Shadow\ and\ Highlight-shadow\ five:focus { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); +} + +.focus\:ring-offset-Shadow\ and\ Highlight-highlight\ four:focus { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-four, #47474740); +} + +.focus\:ring-offset-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus { + --tw-ring-offset-color: var(--base-layer-styles-base-layer-light-white, #ffffff); +} + +.focus\:ring-offset-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus { + --tw-ring-offset-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); +} + +.focus\:ring-offset-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus { + --tw-ring-offset-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); +} + +.focus\:ring-offset-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus { + --tw-ring-offset-color: var(--base-layer-styles-base-layer-dark-black, #000000); +} + +.focus\:ring-offset-Grey-Scale-white:focus { + --tw-ring-offset-color: var(--grey-scale-white, #ffffff); +} + +.focus\:ring-offset-Grey-Scale-off-white:focus { + --tw-ring-offset-color: var(--grey-scale-off-white, #f0edee); +} + +.focus\:ring-offset-Grey\ Scale-grey:focus { + --tw-ring-offset-color: var(--grey-scale-grey, #7f7e7f); +} + +.focus\:ring-offset-Grey\ Scale-charcoal:focus { + --tw-ring-offset-color: var(--grey-scale-charcoal, #474747); +} + +.focus\:ring-offset-Grey\ Scale-off-black:focus { + --tw-ring-offset-color: var(--grey-scale-off-black, #1c1c1c); +} + +.focus\:ring-offset-Grey\ Scale-black:focus { + --tw-ring-offset-color: var(--grey-scale-black, #000000); +} + +.focus\:ring-offset-Blue-blue:focus { + --tw-ring-offset-color: var(--blue-blue, #3a7ca5); +} + +.focus\:ring-offset-Blue-blue-100:focus { + --tw-ring-offset-color: var(--blue-blue-100, #75a3c0); +} + +.focus\:ring-offset-Blue-blue-200:focus { + --tw-ring-offset-color: var(--blue-blue-200, #9cbed2); +} + +.focus\:ring-offset-Blue-blue-300:focus { + --tw-ring-offset-color: var(--blue-blue-300, #4f7d9a); +} + +.focus\:ring-offset-Blue-blue-400:focus { + --tw-ring-offset-color: var(--blue-blue-400, #5c7d92); +} + +.focus\:ring-offset-Blue-blue-500:focus { + --tw-ring-offset-color: var(--blue-blue-500, #347095); +} + +.focus\:ring-offset-Blue-blue-600:focus { + --tw-ring-offset-color: var(--blue-blue-600, #295774); +} + +.focus\:ring-offset-Blue-blue-700:focus { + --tw-ring-offset-color: var(--blue-blue-700, #173242); +} + +.focus\:ring-offset-LightBlue-lightblue:focus { + --tw-ring-offset-color: var(--light-blue-lightblue, #81c3d7); +} + +.focus\:ring-offset-LightBlue-lightblue-100:focus { + --tw-ring-offset-color: var(--light-blue-lightblue-100, #a7d5e3); +} + +.focus\:ring-offset-LightBlue-lightblue-200:focus { + --tw-ring-offset-color: var(--light-blue-lightblue-200, #c0e1eb); +} + +.focus\:ring-offset-LightBlue-lightblue-300:focus { + --tw-ring-offset-color: var(--light-blue-lightblue-300, #80aebd); +} + +.focus\:ring-offset-LightBlue-lightblue-400:focus { + --tw-ring-offset-color: var(--light-blue-lightblue-400, #80a0ab); +} + +.focus\:ring-offset-LightBlue-lightblue-500:focus { + --tw-ring-offset-color: var(--light-blue-lightblue-500, #74afc1); +} + +.focus\:ring-offset-LightBlue-lightblue-600:focus { + --tw-ring-offset-color: var(--light-blue-lightblue-600, #5a8997); +} + +.focus\:ring-offset-LightBlue-lightblue-650:focus { + --tw-ring-offset-color: var(--light-blue-lightblue-650, #3e5e65); +} + +.focus\:ring-offset-LightBlue-lightblue-700:focus { + --tw-ring-offset-color: var(--light-blue-lightblue-700, #344e56); +} + +.focus\:ring-offset-Orange-orange:focus { + --tw-ring-offset-color: var(--orange-orange, #ff7f0e); +} + +.focus\:ring-offset-Orange-orange-100:focus { + --tw-ring-offset-color: var(--orange-orange-100, #ffa556); +} + +.focus\:ring-offset-Orange-orange-200:focus { + --tw-ring-offset-color: var(--orange-orange-200, #ffbf86); +} + +.focus\:ring-offset-Orange-orange-300:focus { + --tw-ring-offset-color: var(--orange-orange-300, #d97f30); +} + +.focus\:ring-offset-Orange-orange-400:focus { + --tw-ring-offset-color: var(--orange-orange-400, #bf7e46); +} + +.focus\:ring-offset-Orange-orange-500:focus { + --tw-ring-offset-color: var(--orange-orange-500, #e5720d); +} + +.focus\:ring-offset-Orange-orange-600:focus { + --tw-ring-offset-color: var(--orange-orange-600, #b3590a); +} + +.focus\:ring-offset-Orange-orange-700:focus { + --tw-ring-offset-color: var(--orange-orange-700, #663306); +} + +.focus\:ring-offset-Yellow-yellow:focus { + --tw-ring-offset-color: var(--yellow-yellow, #ffab00); +} + +.focus\:ring-offset-Yellow-yellow-100:focus { + --tw-ring-offset-color: var(--yellow-yellow-100, #ffc44c); +} + +.focus\:ring-offset-Yellow-yellow-200:focus { + --tw-ring-offset-color: var(--yellow-yellow-200, #ffd580); +} + +.focus\:ring-offset-Yellow-yellow-300:focus { + --tw-ring-offset-color: var(--yellow-yellow-300, #d99d26); +} + +.focus\:ring-offset-Yellow-yellow-400:focus { + --tw-ring-offset-color: var(--yellow-yellow-400, #bf943f); +} + +.focus\:ring-offset-Yellow-yellow-500:focus { + --tw-ring-offset-color: var(--yellow-yellow-500, #e59a00); +} + +.focus\:ring-offset-Yellow-yellow-600:focus { + --tw-ring-offset-color: var(--yellow-yellow-600, #b37800); +} + +.focus\:ring-offset-Yellow-yellow-700:focus { + --tw-ring-offset-color: var(--yellow-yellow-700, #664400); +} + +.focus\:ring-offset-Notification-notification:focus { + --tw-ring-offset-color: var(--notification-notification, #3959ff); +} + +.focus\:ring-offset-Notification-notification-100:focus { + --tw-ring-offset-color: var(--notification-notification-100, #748bff); +} + +.focus\:ring-offset-Notification-notification-200:focus { + --tw-ring-offset-color: var(--notification-notification-200, #9cacff); +} + +.focus\:ring-offset-Notification-notification-300:focus { + --tw-ring-offset-color: var(--notification-notification-300, #4e64d9); +} + +.focus\:ring-offset-Notification-notification-400:focus { + --tw-ring-offset-color: var(--notification-notification-400, #5c6cbf); +} + +.focus\:ring-offset-Notification-notification-500:focus { + --tw-ring-offset-color: var(--notification-notification-500, #3350e5); +} + +.focus\:ring-offset-Notification-notification-600:focus { + --tw-ring-offset-color: var(--notification-notification-600, #283eb3); +} + +.focus\:ring-offset-Notification-notification-700:focus { + --tw-ring-offset-color: var(--notification-notification-700, #172466); +} + +.focus\:ring-offset-Success-success\ -700:focus { + --tw-ring-offset-color: var(--success-success-700, #24471f); +} + +.focus\:ring-offset-Success-success:focus { + --tw-ring-offset-color: var(--success-success, #5bb14d); +} + +.focus\:ring-offset-Success-success\ -100:focus { + --tw-ring-offset-color: var(--success-success-100, #8cc882); +} + +.focus\:ring-offset-Success-success\ -200:focus { + --tw-ring-offset-color: var(--success-success-200, #add8a6); +} + +.focus\:ring-offset-Success-success\ -300:focus { + --tw-ring-offset-color: var(--success-success-300, #66a25c); +} + +.focus\:ring-offset-Success-success\ -400:focus { + --tw-ring-offset-color: var(--success-success-400, #6d9766); +} + +.focus\:ring-offset-Success-success\ -500:focus { + --tw-ring-offset-color: var(--success-success-500, #529f45); +} + +.focus\:ring-offset-Success-success\ -600:focus { + --tw-ring-offset-color: var(--success-success-600, #407c36); +} + +.focus\:ring-offset-Error-error:focus { + --tw-ring-offset-color: var(--error-error, #f03d3e); +} + +.focus\:ring-offset-Error-error-100:focus { + --tw-ring-offset-color: var(--error-error-100, #f57778); +} + +.focus\:ring-offset-Error-error-200:focus { + --tw-ring-offset-color: var(--error-error-200, #f89e9e); +} + +.focus\:ring-offset-Error-error-250:focus { + --tw-ring-offset-color: var(--error-error-250, #f9c8c8); +} + +.focus\:ring-offset-Error-error-300:focus { + --tw-ring-offset-color: var(--error-error-300, #ce5151); +} + +.focus\:ring-offset-Error-error-400:focus { + --tw-ring-offset-color: var(--error-error-400, #b85e5e); +} + +.focus\:ring-offset-Error-error-500:focus { + --tw-ring-offset-color: var(--error-error-500, #d83738); +} + +.focus\:ring-offset-Error-error-600:focus { + --tw-ring-offset-color: var(--error-error-600, #a82b2b); +} + +.focus\:ring-offset-Error-error-700:focus { + --tw-ring-offset-color: var(--error-error-700, #601819); +} + +.filter { + --tw-blur: var(--tw-empty,/*!*/ /*!*/); + --tw-brightness: var(--tw-empty,/*!*/ /*!*/); + --tw-contrast: var(--tw-empty,/*!*/ /*!*/); + --tw-grayscale: var(--tw-empty,/*!*/ /*!*/); + --tw-hue-rotate: var(--tw-empty,/*!*/ /*!*/); + --tw-invert: var(--tw-empty,/*!*/ /*!*/); + --tw-saturate: var(--tw-empty,/*!*/ /*!*/); + --tw-sepia: var(--tw-empty,/*!*/ /*!*/); + --tw-drop-shadow: var(--tw-empty,/*!*/ /*!*/); + 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-none { + filter: none; +} + +.blur-0 { + --tw-blur: blur(0); +} + +.blur-none { + --tw-blur: blur(0); +} + +.blur-sm { + --tw-blur: blur(4px); +} + +.blur { + --tw-blur: blur(8px); +} + +.blur-md { + --tw-blur: blur(12px); +} + +.blur-lg { + --tw-blur: blur(16px); +} + +.blur-xl { + --tw-blur: blur(24px); +} + +.blur-2xl { + --tw-blur: blur(40px); +} + +.blur-3xl { + --tw-blur: blur(64px); +} + +.brightness-0 { + --tw-brightness: brightness(0); +} + +.brightness-50 { + --tw-brightness: brightness(.5); +} + +.brightness-75 { + --tw-brightness: brightness(.75); +} + +.brightness-90 { + --tw-brightness: brightness(.9); +} + +.brightness-95 { + --tw-brightness: brightness(.95); +} + +.brightness-100 { + --tw-brightness: brightness(1); +} + +.brightness-105 { + --tw-brightness: brightness(1.05); +} + +.brightness-110 { + --tw-brightness: brightness(1.1); +} + +.brightness-125 { + --tw-brightness: brightness(1.25); +} + +.brightness-150 { + --tw-brightness: brightness(1.5); +} + +.brightness-200 { + --tw-brightness: brightness(2); +} + +.contrast-0 { + --tw-contrast: contrast(0); +} + +.contrast-50 { + --tw-contrast: contrast(.5); +} + +.contrast-75 { + --tw-contrast: contrast(.75); +} + +.contrast-100 { + --tw-contrast: contrast(1); +} + +.contrast-125 { + --tw-contrast: contrast(1.25); +} + +.contrast-150 { + --tw-contrast: contrast(1.5); +} + +.contrast-200 { + --tw-contrast: contrast(2); +} + +.drop-shadow-sm { + --tw-drop-shadow: drop-shadow(0 1px 1px rgba(0,0,0,0.05)); +} + +.drop-shadow { + --tw-drop-shadow: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1)) drop-shadow(0 1px 1px rgba(0, 0, 0, 0.06)); +} + +.drop-shadow-md { + --tw-drop-shadow: drop-shadow(0 4px 3px rgba(0, 0, 0, 0.07)) drop-shadow(0 2px 2px rgba(0, 0, 0, 0.06)); +} + +.drop-shadow-lg { + --tw-drop-shadow: drop-shadow(0 10px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0 4px 3px rgba(0, 0, 0, 0.1)); +} + +.drop-shadow-xl { + --tw-drop-shadow: drop-shadow(0 20px 13px rgba(0, 0, 0, 0.03)) drop-shadow(0 8px 5px rgba(0, 0, 0, 0.08)); +} + +.drop-shadow-2xl { + --tw-drop-shadow: drop-shadow(0 25px 25px rgba(0, 0, 0, 0.15)); +} + +.drop-shadow-none { + --tw-drop-shadow: drop-shadow(0 0 #0000); +} + +.grayscale-0 { + --tw-grayscale: grayscale(0); +} + +.grayscale { + --tw-grayscale: grayscale(100%); +} + +.hue-rotate-0 { + --tw-hue-rotate: hue-rotate(0deg); +} + +.hue-rotate-15 { + --tw-hue-rotate: hue-rotate(15deg); +} + +.hue-rotate-30 { + --tw-hue-rotate: hue-rotate(30deg); +} + +.hue-rotate-60 { + --tw-hue-rotate: hue-rotate(60deg); +} + +.hue-rotate-90 { + --tw-hue-rotate: hue-rotate(90deg); +} + +.hue-rotate-180 { + --tw-hue-rotate: hue-rotate(180deg); +} + +.-hue-rotate-180 { + --tw-hue-rotate: hue-rotate(-180deg); +} + +.-hue-rotate-90 { + --tw-hue-rotate: hue-rotate(-90deg); +} + +.-hue-rotate-60 { + --tw-hue-rotate: hue-rotate(-60deg); +} + +.-hue-rotate-30 { + --tw-hue-rotate: hue-rotate(-30deg); +} + +.-hue-rotate-15 { + --tw-hue-rotate: hue-rotate(-15deg); +} + +.invert-0 { + --tw-invert: invert(0); +} + +.invert { + --tw-invert: invert(100%); +} + +.saturate-0 { + --tw-saturate: saturate(0); +} + +.saturate-50 { + --tw-saturate: saturate(.5); +} + +.saturate-100 { + --tw-saturate: saturate(1); +} + +.saturate-150 { + --tw-saturate: saturate(1.5); +} + +.saturate-200 { + --tw-saturate: saturate(2); +} + +.sepia-0 { + --tw-sepia: sepia(0); +} + +.sepia { + --tw-sepia: sepia(100%); +} + +.backdrop-filter { + --tw-backdrop-blur: var(--tw-empty,/*!*/ /*!*/); + --tw-backdrop-brightness: var(--tw-empty,/*!*/ /*!*/); + --tw-backdrop-contrast: var(--tw-empty,/*!*/ /*!*/); + --tw-backdrop-grayscale: var(--tw-empty,/*!*/ /*!*/); + --tw-backdrop-hue-rotate: var(--tw-empty,/*!*/ /*!*/); + --tw-backdrop-invert: var(--tw-empty,/*!*/ /*!*/); + --tw-backdrop-opacity: var(--tw-empty,/*!*/ /*!*/); + --tw-backdrop-saturate: var(--tw-empty,/*!*/ /*!*/); + --tw-backdrop-sepia: var(--tw-empty,/*!*/ /*!*/); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} + +.backdrop-filter-none { + -webkit-backdrop-filter: none; + backdrop-filter: none; +} + +.backdrop-blur-0 { + --tw-backdrop-blur: blur(0); +} + +.backdrop-blur-none { + --tw-backdrop-blur: blur(0); +} + +.backdrop-blur-sm { + --tw-backdrop-blur: blur(4px); +} + +.backdrop-blur { + --tw-backdrop-blur: blur(8px); +} + +.backdrop-blur-md { + --tw-backdrop-blur: blur(12px); +} + +.backdrop-blur-lg { + --tw-backdrop-blur: blur(16px); +} + +.backdrop-blur-xl { + --tw-backdrop-blur: blur(24px); +} + +.backdrop-blur-2xl { + --tw-backdrop-blur: blur(40px); +} + +.backdrop-blur-3xl { + --tw-backdrop-blur: blur(64px); +} + +.backdrop-brightness-0 { + --tw-backdrop-brightness: brightness(0); +} + +.backdrop-brightness-50 { + --tw-backdrop-brightness: brightness(.5); +} + +.backdrop-brightness-75 { + --tw-backdrop-brightness: brightness(.75); +} + +.backdrop-brightness-90 { + --tw-backdrop-brightness: brightness(.9); +} + +.backdrop-brightness-95 { + --tw-backdrop-brightness: brightness(.95); +} + +.backdrop-brightness-100 { + --tw-backdrop-brightness: brightness(1); +} + +.backdrop-brightness-105 { + --tw-backdrop-brightness: brightness(1.05); +} + +.backdrop-brightness-110 { + --tw-backdrop-brightness: brightness(1.1); +} + +.backdrop-brightness-125 { + --tw-backdrop-brightness: brightness(1.25); +} + +.backdrop-brightness-150 { + --tw-backdrop-brightness: brightness(1.5); +} + +.backdrop-brightness-200 { + --tw-backdrop-brightness: brightness(2); +} + +.backdrop-contrast-0 { + --tw-backdrop-contrast: contrast(0); +} + +.backdrop-contrast-50 { + --tw-backdrop-contrast: contrast(.5); +} + +.backdrop-contrast-75 { + --tw-backdrop-contrast: contrast(.75); +} + +.backdrop-contrast-100 { + --tw-backdrop-contrast: contrast(1); +} + +.backdrop-contrast-125 { + --tw-backdrop-contrast: contrast(1.25); +} + +.backdrop-contrast-150 { + --tw-backdrop-contrast: contrast(1.5); +} + +.backdrop-contrast-200 { + --tw-backdrop-contrast: contrast(2); +} + +.backdrop-grayscale-0 { + --tw-backdrop-grayscale: grayscale(0); +} + +.backdrop-grayscale { + --tw-backdrop-grayscale: grayscale(100%); +} + +.backdrop-hue-rotate-0 { + --tw-backdrop-hue-rotate: hue-rotate(0deg); +} + +.backdrop-hue-rotate-15 { + --tw-backdrop-hue-rotate: hue-rotate(15deg); +} + +.backdrop-hue-rotate-30 { + --tw-backdrop-hue-rotate: hue-rotate(30deg); +} + +.backdrop-hue-rotate-60 { + --tw-backdrop-hue-rotate: hue-rotate(60deg); +} + +.backdrop-hue-rotate-90 { + --tw-backdrop-hue-rotate: hue-rotate(90deg); +} + +.backdrop-hue-rotate-180 { + --tw-backdrop-hue-rotate: hue-rotate(180deg); +} + +.-backdrop-hue-rotate-180 { + --tw-backdrop-hue-rotate: hue-rotate(-180deg); +} + +.-backdrop-hue-rotate-90 { + --tw-backdrop-hue-rotate: hue-rotate(-90deg); +} + +.-backdrop-hue-rotate-60 { + --tw-backdrop-hue-rotate: hue-rotate(-60deg); +} + +.-backdrop-hue-rotate-30 { + --tw-backdrop-hue-rotate: hue-rotate(-30deg); +} + +.-backdrop-hue-rotate-15 { + --tw-backdrop-hue-rotate: hue-rotate(-15deg); +} + +.backdrop-invert-0 { + --tw-backdrop-invert: invert(0); +} + +.backdrop-invert { + --tw-backdrop-invert: invert(100%); +} + +.backdrop-opacity-0 { + --tw-backdrop-opacity: opacity(0); +} + +.backdrop-opacity-5 { + --tw-backdrop-opacity: opacity(0.05); +} + +.backdrop-opacity-10 { + --tw-backdrop-opacity: opacity(0.1); +} + +.backdrop-opacity-20 { + --tw-backdrop-opacity: opacity(0.2); +} + +.backdrop-opacity-25 { + --tw-backdrop-opacity: opacity(0.25); +} + +.backdrop-opacity-30 { + --tw-backdrop-opacity: opacity(0.3); +} + +.backdrop-opacity-40 { + --tw-backdrop-opacity: opacity(0.4); +} + +.backdrop-opacity-50 { + --tw-backdrop-opacity: opacity(0.5); +} + +.backdrop-opacity-60 { + --tw-backdrop-opacity: opacity(0.6); +} + +.backdrop-opacity-70 { + --tw-backdrop-opacity: opacity(0.7); +} + +.backdrop-opacity-75 { + --tw-backdrop-opacity: opacity(0.75); +} + +.backdrop-opacity-80 { + --tw-backdrop-opacity: opacity(0.8); +} + +.backdrop-opacity-90 { + --tw-backdrop-opacity: opacity(0.9); +} + +.backdrop-opacity-95 { + --tw-backdrop-opacity: opacity(0.95); +} + +.backdrop-opacity-100 { + --tw-backdrop-opacity: opacity(1); +} + +.backdrop-saturate-0 { + --tw-backdrop-saturate: saturate(0); +} + +.backdrop-saturate-50 { + --tw-backdrop-saturate: saturate(.5); +} + +.backdrop-saturate-100 { + --tw-backdrop-saturate: saturate(1); +} + +.backdrop-saturate-150 { + --tw-backdrop-saturate: saturate(1.5); +} + +.backdrop-saturate-200 { + --tw-backdrop-saturate: saturate(2); +} + +.backdrop-sepia-0 { + --tw-backdrop-sepia: sepia(0); +} + +.backdrop-sepia { + --tw-backdrop-sepia: sepia(100%); +} + +.transition-none { + transition-property: none; +} + +.transition-all { + transition-property: all; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 150ms; +} + +.transition { + transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; + transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; + transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 150ms; +} + +.transition-colors { + transition-property: background-color, border-color, 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-75 { + transition-delay: 75ms; +} + +.delay-100 { + transition-delay: 100ms; +} + +.delay-150 { + transition-delay: 150ms; +} + +.delay-200 { + transition-delay: 200ms; +} + +.delay-300 { + transition-delay: 300ms; +} + +.delay-500 { + transition-delay: 500ms; +} + +.delay-700 { + transition-delay: 700ms; +} + +.delay-1000 { + transition-delay: 1000ms; +} + +.duration-75 { + transition-duration: 75ms; +} + +.duration-100 { + transition-duration: 100ms; +} + +.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; +} + +.duration-1000 { + transition-duration: 1000ms; +} + +.ease-linear { + transition-timing-function: linear; +} + +.ease-in { + transition-timing-function: cubic-bezier(0.4, 0, 1, 1); +} + +.ease-out { + transition-timing-function: cubic-bezier(0, 0, 0.2, 1); +} + +.ease-in-out { + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); +} + +@media (min-width: 640px) { + .sm\:container { + width: 100%; + } + + @media (min-width: 640px) { + .sm\:container { + max-width: 640px; + } + } + + @media (min-width: 768px) { + .sm\:container { + max-width: 768px; + } + } + + @media (min-width: 1024px) { + .sm\:container { + max-width: 1024px; + } + } + + @media (min-width: 1280px) { + .sm\:container { + max-width: 1280px; + } + } + + @media (min-width: 1536px) { + .sm\:container { + max-width: 1536px; + } + } + + .sm\: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; + } + + .sm\:not-sr-only { + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; + } + + .sm\:focus-within\:sr-only:focus-within { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border-width: 0; + } + + .sm\:focus-within\:not-sr-only:focus-within { + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; + } + + .sm\:focus\:sr-only:focus { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border-width: 0; + } + + .sm\:focus\:not-sr-only:focus { + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; + } + + .sm\:pointer-events-none { + pointer-events: none; + } + + .sm\:pointer-events-auto { + pointer-events: auto; + } + + .sm\:visible { + visibility: visible; + } + + .sm\:invisible { + visibility: hidden; + } + + .sm\:static { + position: static; + } + + .sm\:fixed { + position: fixed; + } + + .sm\:absolute { + position: absolute; + } + + .sm\:relative { + position: relative; + } + + .sm\:sticky { + position: sticky; + } + + .sm\:inset-0 { + top: 0px; + right: 0px; + bottom: 0px; + left: 0px; + } + + .sm\:inset-1 { + top: 0.25rem; + right: 0.25rem; + bottom: 0.25rem; + left: 0.25rem; + } + + .sm\:inset-2 { + top: 0.5rem; + right: 0.5rem; + bottom: 0.5rem; + left: 0.5rem; + } + + .sm\:inset-3 { + top: 0.75rem; + right: 0.75rem; + bottom: 0.75rem; + left: 0.75rem; + } + + .sm\:inset-4 { + top: 1rem; + right: 1rem; + bottom: 1rem; + left: 1rem; + } + + .sm\:inset-5 { + top: 1.25rem; + right: 1.25rem; + bottom: 1.25rem; + left: 1.25rem; + } + + .sm\:inset-6 { + top: 1.5rem; + right: 1.5rem; + bottom: 1.5rem; + left: 1.5rem; + } + + .sm\:inset-7 { + top: 1.75rem; + right: 1.75rem; + bottom: 1.75rem; + left: 1.75rem; + } + + .sm\:inset-8 { + top: 2rem; + right: 2rem; + bottom: 2rem; + left: 2rem; + } + + .sm\:inset-9 { + top: 2.25rem; + right: 2.25rem; + bottom: 2.25rem; + left: 2.25rem; + } + + .sm\:inset-10 { + top: 2.5rem; + right: 2.5rem; + bottom: 2.5rem; + left: 2.5rem; + } + + .sm\:inset-11 { + top: 2.75rem; + right: 2.75rem; + bottom: 2.75rem; + left: 2.75rem; + } + + .sm\:inset-12 { + top: 3rem; + right: 3rem; + bottom: 3rem; + left: 3rem; + } + + .sm\:inset-14 { + top: 3.5rem; + right: 3.5rem; + bottom: 3.5rem; + left: 3.5rem; + } + + .sm\:inset-16 { + top: 4rem; + right: 4rem; + bottom: 4rem; + left: 4rem; + } + + .sm\:inset-20 { + top: 5rem; + right: 5rem; + bottom: 5rem; + left: 5rem; + } + + .sm\:inset-24 { + top: 6rem; + right: 6rem; + bottom: 6rem; + left: 6rem; + } + + .sm\:inset-28 { + top: 7rem; + right: 7rem; + bottom: 7rem; + left: 7rem; + } + + .sm\:inset-32 { + top: 8rem; + right: 8rem; + bottom: 8rem; + left: 8rem; + } + + .sm\:inset-36 { + top: 9rem; + right: 9rem; + bottom: 9rem; + left: 9rem; + } + + .sm\:inset-40 { + top: 10rem; + right: 10rem; + bottom: 10rem; + left: 10rem; + } + + .sm\:inset-44 { + top: 11rem; + right: 11rem; + bottom: 11rem; + left: 11rem; + } + + .sm\:inset-48 { + top: 12rem; + right: 12rem; + bottom: 12rem; + left: 12rem; + } + + .sm\:inset-52 { + top: 13rem; + right: 13rem; + bottom: 13rem; + left: 13rem; + } + + .sm\:inset-56 { + top: 14rem; + right: 14rem; + bottom: 14rem; + left: 14rem; + } + + .sm\:inset-60 { + top: 15rem; + right: 15rem; + bottom: 15rem; + left: 15rem; + } + + .sm\:inset-64 { + top: 16rem; + right: 16rem; + bottom: 16rem; + left: 16rem; + } + + .sm\:inset-72 { + top: 18rem; + right: 18rem; + bottom: 18rem; + left: 18rem; + } + + .sm\:inset-80 { + top: 20rem; + right: 20rem; + bottom: 20rem; + left: 20rem; + } + + .sm\:inset-96 { + top: 24rem; + right: 24rem; + bottom: 24rem; + left: 24rem; + } + + .sm\:inset-auto { + top: auto; + right: auto; + bottom: auto; + left: auto; + } + + .sm\:inset-px { + top: 1px; + right: 1px; + bottom: 1px; + left: 1px; + } + + .sm\:inset-0\.5 { + top: 0.125rem; + right: 0.125rem; + bottom: 0.125rem; + left: 0.125rem; + } + + .sm\:inset-1\.5 { + top: 0.375rem; + right: 0.375rem; + bottom: 0.375rem; + left: 0.375rem; + } + + .sm\:inset-2\.5 { + top: 0.625rem; + right: 0.625rem; + bottom: 0.625rem; + left: 0.625rem; + } + + .sm\:inset-3\.5 { + top: 0.875rem; + right: 0.875rem; + bottom: 0.875rem; + left: 0.875rem; + } + + .sm\:-inset-0 { + top: 0px; + right: 0px; + bottom: 0px; + left: 0px; + } + + .sm\:-inset-1 { + top: -0.25rem; + right: -0.25rem; + bottom: -0.25rem; + left: -0.25rem; + } + + .sm\:-inset-2 { + top: -0.5rem; + right: -0.5rem; + bottom: -0.5rem; + left: -0.5rem; + } + + .sm\:-inset-3 { + top: -0.75rem; + right: -0.75rem; + bottom: -0.75rem; + left: -0.75rem; + } + + .sm\:-inset-4 { + top: -1rem; + right: -1rem; + bottom: -1rem; + left: -1rem; + } + + .sm\:-inset-5 { + top: -1.25rem; + right: -1.25rem; + bottom: -1.25rem; + left: -1.25rem; + } + + .sm\:-inset-6 { + top: -1.5rem; + right: -1.5rem; + bottom: -1.5rem; + left: -1.5rem; + } + + .sm\:-inset-7 { + top: -1.75rem; + right: -1.75rem; + bottom: -1.75rem; + left: -1.75rem; + } + + .sm\:-inset-8 { + top: -2rem; + right: -2rem; + bottom: -2rem; + left: -2rem; + } + + .sm\:-inset-9 { + top: -2.25rem; + right: -2.25rem; + bottom: -2.25rem; + left: -2.25rem; + } + + .sm\:-inset-10 { + top: -2.5rem; + right: -2.5rem; + bottom: -2.5rem; + left: -2.5rem; + } + + .sm\:-inset-11 { + top: -2.75rem; + right: -2.75rem; + bottom: -2.75rem; + left: -2.75rem; + } + + .sm\:-inset-12 { + top: -3rem; + right: -3rem; + bottom: -3rem; + left: -3rem; + } + + .sm\:-inset-14 { + top: -3.5rem; + right: -3.5rem; + bottom: -3.5rem; + left: -3.5rem; + } + + .sm\:-inset-16 { + top: -4rem; + right: -4rem; + bottom: -4rem; + left: -4rem; + } + + .sm\:-inset-20 { + top: -5rem; + right: -5rem; + bottom: -5rem; + left: -5rem; + } + + .sm\:-inset-24 { + top: -6rem; + right: -6rem; + bottom: -6rem; + left: -6rem; + } + + .sm\:-inset-28 { + top: -7rem; + right: -7rem; + bottom: -7rem; + left: -7rem; + } + + .sm\:-inset-32 { + top: -8rem; + right: -8rem; + bottom: -8rem; + left: -8rem; + } + + .sm\:-inset-36 { + top: -9rem; + right: -9rem; + bottom: -9rem; + left: -9rem; + } + + .sm\:-inset-40 { + top: -10rem; + right: -10rem; + bottom: -10rem; + left: -10rem; + } + + .sm\:-inset-44 { + top: -11rem; + right: -11rem; + bottom: -11rem; + left: -11rem; + } + + .sm\:-inset-48 { + top: -12rem; + right: -12rem; + bottom: -12rem; + left: -12rem; + } + + .sm\:-inset-52 { + top: -13rem; + right: -13rem; + bottom: -13rem; + left: -13rem; + } + + .sm\:-inset-56 { + top: -14rem; + right: -14rem; + bottom: -14rem; + left: -14rem; + } + + .sm\:-inset-60 { + top: -15rem; + right: -15rem; + bottom: -15rem; + left: -15rem; + } + + .sm\:-inset-64 { + top: -16rem; + right: -16rem; + bottom: -16rem; + left: -16rem; + } + + .sm\:-inset-72 { + top: -18rem; + right: -18rem; + bottom: -18rem; + left: -18rem; + } + + .sm\:-inset-80 { + top: -20rem; + right: -20rem; + bottom: -20rem; + left: -20rem; + } + + .sm\:-inset-96 { + top: -24rem; + right: -24rem; + bottom: -24rem; + left: -24rem; + } + + .sm\:-inset-px { + top: -1px; + right: -1px; + bottom: -1px; + left: -1px; + } + + .sm\:-inset-0\.5 { + top: -0.125rem; + right: -0.125rem; + bottom: -0.125rem; + left: -0.125rem; + } + + .sm\:-inset-1\.5 { + top: -0.375rem; + right: -0.375rem; + bottom: -0.375rem; + left: -0.375rem; + } + + .sm\:-inset-2\.5 { + top: -0.625rem; + right: -0.625rem; + bottom: -0.625rem; + left: -0.625rem; + } + + .sm\:-inset-3\.5 { + top: -0.875rem; + right: -0.875rem; + bottom: -0.875rem; + left: -0.875rem; + } + + .sm\:inset-1\/2 { + top: 50%; + right: 50%; + bottom: 50%; + left: 50%; + } + + .sm\:inset-1\/3 { + top: 33.333333%; + right: 33.333333%; + bottom: 33.333333%; + left: 33.333333%; + } + + .sm\:inset-2\/3 { + top: 66.666667%; + right: 66.666667%; + bottom: 66.666667%; + left: 66.666667%; + } + + .sm\:inset-1\/4 { + top: 25%; + right: 25%; + bottom: 25%; + left: 25%; + } + + .sm\:inset-2\/4 { + top: 50%; + right: 50%; + bottom: 50%; + left: 50%; + } + + .sm\:inset-3\/4 { + top: 75%; + right: 75%; + bottom: 75%; + left: 75%; + } + + .sm\:inset-full { + top: 100%; + right: 100%; + bottom: 100%; + left: 100%; + } + + .sm\:-inset-1\/2 { + top: -50%; + right: -50%; + bottom: -50%; + left: -50%; + } + + .sm\:-inset-1\/3 { + top: -33.333333%; + right: -33.333333%; + bottom: -33.333333%; + left: -33.333333%; + } + + .sm\:-inset-2\/3 { + top: -66.666667%; + right: -66.666667%; + bottom: -66.666667%; + left: -66.666667%; + } + + .sm\:-inset-1\/4 { + top: -25%; + right: -25%; + bottom: -25%; + left: -25%; + } + + .sm\:-inset-2\/4 { + top: -50%; + right: -50%; + bottom: -50%; + left: -50%; + } + + .sm\:-inset-3\/4 { + top: -75%; + right: -75%; + bottom: -75%; + left: -75%; + } + + .sm\:-inset-full { + top: -100%; + right: -100%; + bottom: -100%; + left: -100%; + } + + .sm\:inset-x-0 { + left: 0px; + right: 0px; + } + + .sm\:inset-x-1 { + left: 0.25rem; + right: 0.25rem; + } + + .sm\:inset-x-2 { + left: 0.5rem; + right: 0.5rem; + } + + .sm\:inset-x-3 { + left: 0.75rem; + right: 0.75rem; + } + + .sm\:inset-x-4 { + left: 1rem; + right: 1rem; + } + + .sm\:inset-x-5 { + left: 1.25rem; + right: 1.25rem; + } + + .sm\:inset-x-6 { + left: 1.5rem; + right: 1.5rem; + } + + .sm\:inset-x-7 { + left: 1.75rem; + right: 1.75rem; + } + + .sm\:inset-x-8 { + left: 2rem; + right: 2rem; + } + + .sm\:inset-x-9 { + left: 2.25rem; + right: 2.25rem; + } + + .sm\:inset-x-10 { + left: 2.5rem; + right: 2.5rem; + } + + .sm\:inset-x-11 { + left: 2.75rem; + right: 2.75rem; + } + + .sm\:inset-x-12 { + left: 3rem; + right: 3rem; + } + + .sm\:inset-x-14 { + left: 3.5rem; + right: 3.5rem; + } + + .sm\:inset-x-16 { + left: 4rem; + right: 4rem; + } + + .sm\:inset-x-20 { + left: 5rem; + right: 5rem; + } + + .sm\:inset-x-24 { + left: 6rem; + right: 6rem; + } + + .sm\:inset-x-28 { + left: 7rem; + right: 7rem; + } + + .sm\:inset-x-32 { + left: 8rem; + right: 8rem; + } + + .sm\:inset-x-36 { + left: 9rem; + right: 9rem; + } + + .sm\:inset-x-40 { + left: 10rem; + right: 10rem; + } + + .sm\:inset-x-44 { + left: 11rem; + right: 11rem; + } + + .sm\:inset-x-48 { + left: 12rem; + right: 12rem; + } + + .sm\:inset-x-52 { + left: 13rem; + right: 13rem; + } + + .sm\:inset-x-56 { + left: 14rem; + right: 14rem; + } + + .sm\:inset-x-60 { + left: 15rem; + right: 15rem; + } + + .sm\:inset-x-64 { + left: 16rem; + right: 16rem; + } + + .sm\:inset-x-72 { + left: 18rem; + right: 18rem; + } + + .sm\:inset-x-80 { + left: 20rem; + right: 20rem; + } + + .sm\:inset-x-96 { + left: 24rem; + right: 24rem; + } + + .sm\:inset-x-auto { + left: auto; + right: auto; + } + + .sm\:inset-x-px { + left: 1px; + right: 1px; + } + + .sm\:inset-x-0\.5 { + left: 0.125rem; + right: 0.125rem; + } + + .sm\:inset-x-1\.5 { + left: 0.375rem; + right: 0.375rem; + } + + .sm\:inset-x-2\.5 { + left: 0.625rem; + right: 0.625rem; + } + + .sm\:inset-x-3\.5 { + left: 0.875rem; + right: 0.875rem; + } + + .sm\:-inset-x-0 { + left: 0px; + right: 0px; + } + + .sm\:-inset-x-1 { + left: -0.25rem; + right: -0.25rem; + } + + .sm\:-inset-x-2 { + left: -0.5rem; + right: -0.5rem; + } + + .sm\:-inset-x-3 { + left: -0.75rem; + right: -0.75rem; + } + + .sm\:-inset-x-4 { + left: -1rem; + right: -1rem; + } + + .sm\:-inset-x-5 { + left: -1.25rem; + right: -1.25rem; + } + + .sm\:-inset-x-6 { + left: -1.5rem; + right: -1.5rem; + } + + .sm\:-inset-x-7 { + left: -1.75rem; + right: -1.75rem; + } + + .sm\:-inset-x-8 { + left: -2rem; + right: -2rem; + } + + .sm\:-inset-x-9 { + left: -2.25rem; + right: -2.25rem; + } + + .sm\:-inset-x-10 { + left: -2.5rem; + right: -2.5rem; + } + + .sm\:-inset-x-11 { + left: -2.75rem; + right: -2.75rem; + } + + .sm\:-inset-x-12 { + left: -3rem; + right: -3rem; + } + + .sm\:-inset-x-14 { + left: -3.5rem; + right: -3.5rem; + } + + .sm\:-inset-x-16 { + left: -4rem; + right: -4rem; + } + + .sm\:-inset-x-20 { + left: -5rem; + right: -5rem; + } + + .sm\:-inset-x-24 { + left: -6rem; + right: -6rem; + } + + .sm\:-inset-x-28 { + left: -7rem; + right: -7rem; + } + + .sm\:-inset-x-32 { + left: -8rem; + right: -8rem; + } + + .sm\:-inset-x-36 { + left: -9rem; + right: -9rem; + } + + .sm\:-inset-x-40 { + left: -10rem; + right: -10rem; + } + + .sm\:-inset-x-44 { + left: -11rem; + right: -11rem; + } + + .sm\:-inset-x-48 { + left: -12rem; + right: -12rem; + } + + .sm\:-inset-x-52 { + left: -13rem; + right: -13rem; + } + + .sm\:-inset-x-56 { + left: -14rem; + right: -14rem; + } + + .sm\:-inset-x-60 { + left: -15rem; + right: -15rem; + } + + .sm\:-inset-x-64 { + left: -16rem; + right: -16rem; + } + + .sm\:-inset-x-72 { + left: -18rem; + right: -18rem; + } + + .sm\:-inset-x-80 { + left: -20rem; + right: -20rem; + } + + .sm\:-inset-x-96 { + left: -24rem; + right: -24rem; + } + + .sm\:-inset-x-px { + left: -1px; + right: -1px; + } + + .sm\:-inset-x-0\.5 { + left: -0.125rem; + right: -0.125rem; + } + + .sm\:-inset-x-1\.5 { + left: -0.375rem; + right: -0.375rem; + } + + .sm\:-inset-x-2\.5 { + left: -0.625rem; + right: -0.625rem; + } + + .sm\:-inset-x-3\.5 { + left: -0.875rem; + right: -0.875rem; + } + + .sm\:inset-x-1\/2 { + left: 50%; + right: 50%; + } + + .sm\:inset-x-1\/3 { + left: 33.333333%; + right: 33.333333%; + } + + .sm\:inset-x-2\/3 { + left: 66.666667%; + right: 66.666667%; + } + + .sm\:inset-x-1\/4 { + left: 25%; + right: 25%; + } + + .sm\:inset-x-2\/4 { + left: 50%; + right: 50%; + } + + .sm\:inset-x-3\/4 { + left: 75%; + right: 75%; + } + + .sm\:inset-x-full { + left: 100%; + right: 100%; + } + + .sm\:-inset-x-1\/2 { + left: -50%; + right: -50%; + } + + .sm\:-inset-x-1\/3 { + left: -33.333333%; + right: -33.333333%; + } + + .sm\:-inset-x-2\/3 { + left: -66.666667%; + right: -66.666667%; + } + + .sm\:-inset-x-1\/4 { + left: -25%; + right: -25%; + } + + .sm\:-inset-x-2\/4 { + left: -50%; + right: -50%; + } + + .sm\:-inset-x-3\/4 { + left: -75%; + right: -75%; + } + + .sm\:-inset-x-full { + left: -100%; + right: -100%; + } + + .sm\:inset-y-0 { + top: 0px; + bottom: 0px; + } + + .sm\:inset-y-1 { + top: 0.25rem; + bottom: 0.25rem; + } + + .sm\:inset-y-2 { + top: 0.5rem; + bottom: 0.5rem; + } + + .sm\:inset-y-3 { + top: 0.75rem; + bottom: 0.75rem; + } + + .sm\:inset-y-4 { + top: 1rem; + bottom: 1rem; + } + + .sm\:inset-y-5 { + top: 1.25rem; + bottom: 1.25rem; + } + + .sm\:inset-y-6 { + top: 1.5rem; + bottom: 1.5rem; + } + + .sm\:inset-y-7 { + top: 1.75rem; + bottom: 1.75rem; + } + + .sm\:inset-y-8 { + top: 2rem; + bottom: 2rem; + } + + .sm\:inset-y-9 { + top: 2.25rem; + bottom: 2.25rem; + } + + .sm\:inset-y-10 { + top: 2.5rem; + bottom: 2.5rem; + } + + .sm\:inset-y-11 { + top: 2.75rem; + bottom: 2.75rem; + } + + .sm\:inset-y-12 { + top: 3rem; + bottom: 3rem; + } + + .sm\:inset-y-14 { + top: 3.5rem; + bottom: 3.5rem; + } + + .sm\:inset-y-16 { + top: 4rem; + bottom: 4rem; + } + + .sm\:inset-y-20 { + top: 5rem; + bottom: 5rem; + } + + .sm\:inset-y-24 { + top: 6rem; + bottom: 6rem; + } + + .sm\:inset-y-28 { + top: 7rem; + bottom: 7rem; + } + + .sm\:inset-y-32 { + top: 8rem; + bottom: 8rem; + } + + .sm\:inset-y-36 { + top: 9rem; + bottom: 9rem; + } + + .sm\:inset-y-40 { + top: 10rem; + bottom: 10rem; + } + + .sm\:inset-y-44 { + top: 11rem; + bottom: 11rem; + } + + .sm\:inset-y-48 { + top: 12rem; + bottom: 12rem; + } + + .sm\:inset-y-52 { + top: 13rem; + bottom: 13rem; + } + + .sm\:inset-y-56 { + top: 14rem; + bottom: 14rem; + } + + .sm\:inset-y-60 { + top: 15rem; + bottom: 15rem; + } + + .sm\:inset-y-64 { + top: 16rem; + bottom: 16rem; + } + + .sm\:inset-y-72 { + top: 18rem; + bottom: 18rem; + } + + .sm\:inset-y-80 { + top: 20rem; + bottom: 20rem; + } + + .sm\:inset-y-96 { + top: 24rem; + bottom: 24rem; + } + + .sm\:inset-y-auto { + top: auto; + bottom: auto; + } + + .sm\:inset-y-px { + top: 1px; + bottom: 1px; + } + + .sm\:inset-y-0\.5 { + top: 0.125rem; + bottom: 0.125rem; + } + + .sm\:inset-y-1\.5 { + top: 0.375rem; + bottom: 0.375rem; + } + + .sm\:inset-y-2\.5 { + top: 0.625rem; + bottom: 0.625rem; + } + + .sm\:inset-y-3\.5 { + top: 0.875rem; + bottom: 0.875rem; + } + + .sm\:-inset-y-0 { + top: 0px; + bottom: 0px; + } + + .sm\:-inset-y-1 { + top: -0.25rem; + bottom: -0.25rem; + } + + .sm\:-inset-y-2 { + top: -0.5rem; + bottom: -0.5rem; + } + + .sm\:-inset-y-3 { + top: -0.75rem; + bottom: -0.75rem; + } + + .sm\:-inset-y-4 { + top: -1rem; + bottom: -1rem; + } + + .sm\:-inset-y-5 { + top: -1.25rem; + bottom: -1.25rem; + } + + .sm\:-inset-y-6 { + top: -1.5rem; + bottom: -1.5rem; + } + + .sm\:-inset-y-7 { + top: -1.75rem; + bottom: -1.75rem; + } + + .sm\:-inset-y-8 { + top: -2rem; + bottom: -2rem; + } + + .sm\:-inset-y-9 { + top: -2.25rem; + bottom: -2.25rem; + } + + .sm\:-inset-y-10 { + top: -2.5rem; + bottom: -2.5rem; + } + + .sm\:-inset-y-11 { + top: -2.75rem; + bottom: -2.75rem; + } + + .sm\:-inset-y-12 { + top: -3rem; + bottom: -3rem; + } + + .sm\:-inset-y-14 { + top: -3.5rem; + bottom: -3.5rem; + } + + .sm\:-inset-y-16 { + top: -4rem; + bottom: -4rem; + } + + .sm\:-inset-y-20 { + top: -5rem; + bottom: -5rem; + } + + .sm\:-inset-y-24 { + top: -6rem; + bottom: -6rem; + } + + .sm\:-inset-y-28 { + top: -7rem; + bottom: -7rem; + } + + .sm\:-inset-y-32 { + top: -8rem; + bottom: -8rem; + } + + .sm\:-inset-y-36 { + top: -9rem; + bottom: -9rem; + } + + .sm\:-inset-y-40 { + top: -10rem; + bottom: -10rem; + } + + .sm\:-inset-y-44 { + top: -11rem; + bottom: -11rem; + } + + .sm\:-inset-y-48 { + top: -12rem; + bottom: -12rem; + } + + .sm\:-inset-y-52 { + top: -13rem; + bottom: -13rem; + } + + .sm\:-inset-y-56 { + top: -14rem; + bottom: -14rem; + } + + .sm\:-inset-y-60 { + top: -15rem; + bottom: -15rem; + } + + .sm\:-inset-y-64 { + top: -16rem; + bottom: -16rem; + } + + .sm\:-inset-y-72 { + top: -18rem; + bottom: -18rem; + } + + .sm\:-inset-y-80 { + top: -20rem; + bottom: -20rem; + } + + .sm\:-inset-y-96 { + top: -24rem; + bottom: -24rem; + } + + .sm\:-inset-y-px { + top: -1px; + bottom: -1px; + } + + .sm\:-inset-y-0\.5 { + top: -0.125rem; + bottom: -0.125rem; + } + + .sm\:-inset-y-1\.5 { + top: -0.375rem; + bottom: -0.375rem; + } + + .sm\:-inset-y-2\.5 { + top: -0.625rem; + bottom: -0.625rem; + } + + .sm\:-inset-y-3\.5 { + top: -0.875rem; + bottom: -0.875rem; + } + + .sm\:inset-y-1\/2 { + top: 50%; + bottom: 50%; + } + + .sm\:inset-y-1\/3 { + top: 33.333333%; + bottom: 33.333333%; + } + + .sm\:inset-y-2\/3 { + top: 66.666667%; + bottom: 66.666667%; + } + + .sm\:inset-y-1\/4 { + top: 25%; + bottom: 25%; + } + + .sm\:inset-y-2\/4 { + top: 50%; + bottom: 50%; + } + + .sm\:inset-y-3\/4 { + top: 75%; + bottom: 75%; + } + + .sm\:inset-y-full { + top: 100%; + bottom: 100%; + } + + .sm\:-inset-y-1\/2 { + top: -50%; + bottom: -50%; + } + + .sm\:-inset-y-1\/3 { + top: -33.333333%; + bottom: -33.333333%; + } + + .sm\:-inset-y-2\/3 { + top: -66.666667%; + bottom: -66.666667%; + } + + .sm\:-inset-y-1\/4 { + top: -25%; + bottom: -25%; + } + + .sm\:-inset-y-2\/4 { + top: -50%; + bottom: -50%; + } + + .sm\:-inset-y-3\/4 { + top: -75%; + bottom: -75%; + } + + .sm\:-inset-y-full { + top: -100%; + bottom: -100%; + } + + .sm\:top-0 { + top: 0px; + } + + .sm\:top-1 { + top: 0.25rem; + } + + .sm\:top-2 { + top: 0.5rem; + } + + .sm\:top-3 { + top: 0.75rem; + } + + .sm\:top-4 { + top: 1rem; + } + + .sm\:top-5 { + top: 1.25rem; + } + + .sm\:top-6 { + top: 1.5rem; + } + + .sm\:top-7 { + top: 1.75rem; + } + + .sm\:top-8 { + top: 2rem; + } + + .sm\:top-9 { + top: 2.25rem; + } + + .sm\:top-10 { + top: 2.5rem; + } + + .sm\:top-11 { + top: 2.75rem; + } + + .sm\:top-12 { + top: 3rem; + } + + .sm\:top-14 { + top: 3.5rem; + } + + .sm\:top-16 { + top: 4rem; + } + + .sm\:top-20 { + top: 5rem; + } + + .sm\:top-24 { + top: 6rem; + } + + .sm\:top-28 { + top: 7rem; + } + + .sm\:top-32 { + top: 8rem; + } + + .sm\:top-36 { + top: 9rem; + } + + .sm\:top-40 { + top: 10rem; + } + + .sm\:top-44 { + top: 11rem; + } + + .sm\:top-48 { + top: 12rem; + } + + .sm\:top-52 { + top: 13rem; + } + + .sm\:top-56 { + top: 14rem; + } + + .sm\:top-60 { + top: 15rem; + } + + .sm\:top-64 { + top: 16rem; + } + + .sm\:top-72 { + top: 18rem; + } + + .sm\:top-80 { + top: 20rem; + } + + .sm\:top-96 { + top: 24rem; + } + + .sm\:top-auto { + top: auto; + } + + .sm\:top-px { + top: 1px; + } + + .sm\:top-0\.5 { + top: 0.125rem; + } + + .sm\:top-1\.5 { + top: 0.375rem; + } + + .sm\:top-2\.5 { + top: 0.625rem; + } + + .sm\:top-3\.5 { + top: 0.875rem; + } + + .sm\:-top-0 { + top: 0px; + } + + .sm\:-top-1 { + top: -0.25rem; + } + + .sm\:-top-2 { + top: -0.5rem; + } + + .sm\:-top-3 { + top: -0.75rem; + } + + .sm\:-top-4 { + top: -1rem; + } + + .sm\:-top-5 { + top: -1.25rem; + } + + .sm\:-top-6 { + top: -1.5rem; + } + + .sm\:-top-7 { + top: -1.75rem; + } + + .sm\:-top-8 { + top: -2rem; + } + + .sm\:-top-9 { + top: -2.25rem; + } + + .sm\:-top-10 { + top: -2.5rem; + } + + .sm\:-top-11 { + top: -2.75rem; + } + + .sm\:-top-12 { + top: -3rem; + } + + .sm\:-top-14 { + top: -3.5rem; + } + + .sm\:-top-16 { + top: -4rem; + } + + .sm\:-top-20 { + top: -5rem; + } + + .sm\:-top-24 { + top: -6rem; + } + + .sm\:-top-28 { + top: -7rem; + } + + .sm\:-top-32 { + top: -8rem; + } + + .sm\:-top-36 { + top: -9rem; + } + + .sm\:-top-40 { + top: -10rem; + } + + .sm\:-top-44 { + top: -11rem; + } + + .sm\:-top-48 { + top: -12rem; + } + + .sm\:-top-52 { + top: -13rem; + } + + .sm\:-top-56 { + top: -14rem; + } + + .sm\:-top-60 { + top: -15rem; + } + + .sm\:-top-64 { + top: -16rem; + } + + .sm\:-top-72 { + top: -18rem; + } + + .sm\:-top-80 { + top: -20rem; + } + + .sm\:-top-96 { + top: -24rem; + } + + .sm\:-top-px { + top: -1px; + } + + .sm\:-top-0\.5 { + top: -0.125rem; + } + + .sm\:-top-1\.5 { + top: -0.375rem; + } + + .sm\:-top-2\.5 { + top: -0.625rem; + } + + .sm\:-top-3\.5 { + top: -0.875rem; + } + + .sm\:top-1\/2 { + top: 50%; + } + + .sm\:top-1\/3 { + top: 33.333333%; + } + + .sm\:top-2\/3 { + top: 66.666667%; + } + + .sm\:top-1\/4 { + top: 25%; + } + + .sm\:top-2\/4 { + top: 50%; + } + + .sm\:top-3\/4 { + top: 75%; + } + + .sm\:top-full { + top: 100%; + } + + .sm\:-top-1\/2 { + top: -50%; + } + + .sm\:-top-1\/3 { + top: -33.333333%; + } + + .sm\:-top-2\/3 { + top: -66.666667%; + } + + .sm\:-top-1\/4 { + top: -25%; + } + + .sm\:-top-2\/4 { + top: -50%; + } + + .sm\:-top-3\/4 { + top: -75%; + } + + .sm\:-top-full { + top: -100%; + } + + .sm\:right-0 { + right: 0px; + } + + .sm\:right-1 { + right: 0.25rem; + } + + .sm\:right-2 { + right: 0.5rem; + } + + .sm\:right-3 { + right: 0.75rem; + } + + .sm\:right-4 { + right: 1rem; + } + + .sm\:right-5 { + right: 1.25rem; + } + + .sm\:right-6 { + right: 1.5rem; + } + + .sm\:right-7 { + right: 1.75rem; + } + + .sm\:right-8 { + right: 2rem; + } + + .sm\:right-9 { + right: 2.25rem; + } + + .sm\:right-10 { + right: 2.5rem; + } + + .sm\:right-11 { + right: 2.75rem; + } + + .sm\:right-12 { + right: 3rem; + } + + .sm\:right-14 { + right: 3.5rem; + } + + .sm\:right-16 { + right: 4rem; + } + + .sm\:right-20 { + right: 5rem; + } + + .sm\:right-24 { + right: 6rem; + } + + .sm\:right-28 { + right: 7rem; + } + + .sm\:right-32 { + right: 8rem; + } + + .sm\:right-36 { + right: 9rem; + } + + .sm\:right-40 { + right: 10rem; + } + + .sm\:right-44 { + right: 11rem; + } + + .sm\:right-48 { + right: 12rem; + } + + .sm\:right-52 { + right: 13rem; + } + + .sm\:right-56 { + right: 14rem; + } + + .sm\:right-60 { + right: 15rem; + } + + .sm\:right-64 { + right: 16rem; + } + + .sm\:right-72 { + right: 18rem; + } + + .sm\:right-80 { + right: 20rem; + } + + .sm\:right-96 { + right: 24rem; + } + + .sm\:right-auto { + right: auto; + } + + .sm\:right-px { + right: 1px; + } + + .sm\:right-0\.5 { + right: 0.125rem; + } + + .sm\:right-1\.5 { + right: 0.375rem; + } + + .sm\:right-2\.5 { + right: 0.625rem; + } + + .sm\:right-3\.5 { + right: 0.875rem; + } + + .sm\:-right-0 { + right: 0px; + } + + .sm\:-right-1 { + right: -0.25rem; + } + + .sm\:-right-2 { + right: -0.5rem; + } + + .sm\:-right-3 { + right: -0.75rem; + } + + .sm\:-right-4 { + right: -1rem; + } + + .sm\:-right-5 { + right: -1.25rem; + } + + .sm\:-right-6 { + right: -1.5rem; + } + + .sm\:-right-7 { + right: -1.75rem; + } + + .sm\:-right-8 { + right: -2rem; + } + + .sm\:-right-9 { + right: -2.25rem; + } + + .sm\:-right-10 { + right: -2.5rem; + } + + .sm\:-right-11 { + right: -2.75rem; + } + + .sm\:-right-12 { + right: -3rem; + } + + .sm\:-right-14 { + right: -3.5rem; + } + + .sm\:-right-16 { + right: -4rem; + } + + .sm\:-right-20 { + right: -5rem; + } + + .sm\:-right-24 { + right: -6rem; + } + + .sm\:-right-28 { + right: -7rem; + } + + .sm\:-right-32 { + right: -8rem; + } + + .sm\:-right-36 { + right: -9rem; + } + + .sm\:-right-40 { + right: -10rem; + } + + .sm\:-right-44 { + right: -11rem; + } + + .sm\:-right-48 { + right: -12rem; + } + + .sm\:-right-52 { + right: -13rem; + } + + .sm\:-right-56 { + right: -14rem; + } + + .sm\:-right-60 { + right: -15rem; + } + + .sm\:-right-64 { + right: -16rem; + } + + .sm\:-right-72 { + right: -18rem; + } + + .sm\:-right-80 { + right: -20rem; + } + + .sm\:-right-96 { + right: -24rem; + } + + .sm\:-right-px { + right: -1px; + } + + .sm\:-right-0\.5 { + right: -0.125rem; + } + + .sm\:-right-1\.5 { + right: -0.375rem; + } + + .sm\:-right-2\.5 { + right: -0.625rem; + } + + .sm\:-right-3\.5 { + right: -0.875rem; + } + + .sm\:right-1\/2 { + right: 50%; + } + + .sm\:right-1\/3 { + right: 33.333333%; + } + + .sm\:right-2\/3 { + right: 66.666667%; + } + + .sm\:right-1\/4 { + right: 25%; + } + + .sm\:right-2\/4 { + right: 50%; + } + + .sm\:right-3\/4 { + right: 75%; + } + + .sm\:right-full { + right: 100%; + } + + .sm\:-right-1\/2 { + right: -50%; + } + + .sm\:-right-1\/3 { + right: -33.333333%; + } + + .sm\:-right-2\/3 { + right: -66.666667%; + } + + .sm\:-right-1\/4 { + right: -25%; + } + + .sm\:-right-2\/4 { + right: -50%; + } + + .sm\:-right-3\/4 { + right: -75%; + } + + .sm\:-right-full { + right: -100%; + } + + .sm\:bottom-0 { + bottom: 0px; + } + + .sm\:bottom-1 { + bottom: 0.25rem; + } + + .sm\:bottom-2 { + bottom: 0.5rem; + } + + .sm\:bottom-3 { + bottom: 0.75rem; + } + + .sm\:bottom-4 { + bottom: 1rem; + } + + .sm\:bottom-5 { + bottom: 1.25rem; + } + + .sm\:bottom-6 { + bottom: 1.5rem; + } + + .sm\:bottom-7 { + bottom: 1.75rem; + } + + .sm\:bottom-8 { + bottom: 2rem; + } + + .sm\:bottom-9 { + bottom: 2.25rem; + } + + .sm\:bottom-10 { + bottom: 2.5rem; + } + + .sm\:bottom-11 { + bottom: 2.75rem; + } + + .sm\:bottom-12 { + bottom: 3rem; + } + + .sm\:bottom-14 { + bottom: 3.5rem; + } + + .sm\:bottom-16 { + bottom: 4rem; + } + + .sm\:bottom-20 { + bottom: 5rem; + } + + .sm\:bottom-24 { + bottom: 6rem; + } + + .sm\:bottom-28 { + bottom: 7rem; + } + + .sm\:bottom-32 { + bottom: 8rem; + } + + .sm\:bottom-36 { + bottom: 9rem; + } + + .sm\:bottom-40 { + bottom: 10rem; + } + + .sm\:bottom-44 { + bottom: 11rem; + } + + .sm\:bottom-48 { + bottom: 12rem; + } + + .sm\:bottom-52 { + bottom: 13rem; + } + + .sm\:bottom-56 { + bottom: 14rem; + } + + .sm\:bottom-60 { + bottom: 15rem; + } + + .sm\:bottom-64 { + bottom: 16rem; + } + + .sm\:bottom-72 { + bottom: 18rem; + } + + .sm\:bottom-80 { + bottom: 20rem; + } + + .sm\:bottom-96 { + bottom: 24rem; + } + + .sm\:bottom-auto { + bottom: auto; + } + + .sm\:bottom-px { + bottom: 1px; + } + + .sm\:bottom-0\.5 { + bottom: 0.125rem; + } + + .sm\:bottom-1\.5 { + bottom: 0.375rem; + } + + .sm\:bottom-2\.5 { + bottom: 0.625rem; + } + + .sm\:bottom-3\.5 { + bottom: 0.875rem; + } + + .sm\:-bottom-0 { + bottom: 0px; + } + + .sm\:-bottom-1 { + bottom: -0.25rem; + } + + .sm\:-bottom-2 { + bottom: -0.5rem; + } + + .sm\:-bottom-3 { + bottom: -0.75rem; + } + + .sm\:-bottom-4 { + bottom: -1rem; + } + + .sm\:-bottom-5 { + bottom: -1.25rem; + } + + .sm\:-bottom-6 { + bottom: -1.5rem; + } + + .sm\:-bottom-7 { + bottom: -1.75rem; + } + + .sm\:-bottom-8 { + bottom: -2rem; + } + + .sm\:-bottom-9 { + bottom: -2.25rem; + } + + .sm\:-bottom-10 { + bottom: -2.5rem; + } + + .sm\:-bottom-11 { + bottom: -2.75rem; + } + + .sm\:-bottom-12 { + bottom: -3rem; + } + + .sm\:-bottom-14 { + bottom: -3.5rem; + } + + .sm\:-bottom-16 { + bottom: -4rem; + } + + .sm\:-bottom-20 { + bottom: -5rem; + } + + .sm\:-bottom-24 { + bottom: -6rem; + } + + .sm\:-bottom-28 { + bottom: -7rem; + } + + .sm\:-bottom-32 { + bottom: -8rem; + } + + .sm\:-bottom-36 { + bottom: -9rem; + } + + .sm\:-bottom-40 { + bottom: -10rem; + } + + .sm\:-bottom-44 { + bottom: -11rem; + } + + .sm\:-bottom-48 { + bottom: -12rem; + } + + .sm\:-bottom-52 { + bottom: -13rem; + } + + .sm\:-bottom-56 { + bottom: -14rem; + } + + .sm\:-bottom-60 { + bottom: -15rem; + } + + .sm\:-bottom-64 { + bottom: -16rem; + } + + .sm\:-bottom-72 { + bottom: -18rem; + } + + .sm\:-bottom-80 { + bottom: -20rem; + } + + .sm\:-bottom-96 { + bottom: -24rem; + } + + .sm\:-bottom-px { + bottom: -1px; + } + + .sm\:-bottom-0\.5 { + bottom: -0.125rem; + } + + .sm\:-bottom-1\.5 { + bottom: -0.375rem; + } + + .sm\:-bottom-2\.5 { + bottom: -0.625rem; + } + + .sm\:-bottom-3\.5 { + bottom: -0.875rem; + } + + .sm\:bottom-1\/2 { + bottom: 50%; + } + + .sm\:bottom-1\/3 { + bottom: 33.333333%; + } + + .sm\:bottom-2\/3 { + bottom: 66.666667%; + } + + .sm\:bottom-1\/4 { + bottom: 25%; + } + + .sm\:bottom-2\/4 { + bottom: 50%; + } + + .sm\:bottom-3\/4 { + bottom: 75%; + } + + .sm\:bottom-full { + bottom: 100%; + } + + .sm\:-bottom-1\/2 { + bottom: -50%; + } + + .sm\:-bottom-1\/3 { + bottom: -33.333333%; + } + + .sm\:-bottom-2\/3 { + bottom: -66.666667%; + } + + .sm\:-bottom-1\/4 { + bottom: -25%; + } + + .sm\:-bottom-2\/4 { + bottom: -50%; + } + + .sm\:-bottom-3\/4 { + bottom: -75%; + } + + .sm\:-bottom-full { + bottom: -100%; + } + + .sm\:left-0 { + left: 0px; + } + + .sm\:left-1 { + left: 0.25rem; + } + + .sm\:left-2 { + left: 0.5rem; + } + + .sm\:left-3 { + left: 0.75rem; + } + + .sm\:left-4 { + left: 1rem; + } + + .sm\:left-5 { + left: 1.25rem; + } + + .sm\:left-6 { + left: 1.5rem; + } + + .sm\:left-7 { + left: 1.75rem; + } + + .sm\:left-8 { + left: 2rem; + } + + .sm\:left-9 { + left: 2.25rem; + } + + .sm\:left-10 { + left: 2.5rem; + } + + .sm\:left-11 { + left: 2.75rem; + } + + .sm\:left-12 { + left: 3rem; + } + + .sm\:left-14 { + left: 3.5rem; + } + + .sm\:left-16 { + left: 4rem; + } + + .sm\:left-20 { + left: 5rem; + } + + .sm\:left-24 { + left: 6rem; + } + + .sm\:left-28 { + left: 7rem; + } + + .sm\:left-32 { + left: 8rem; + } + + .sm\:left-36 { + left: 9rem; + } + + .sm\:left-40 { + left: 10rem; + } + + .sm\:left-44 { + left: 11rem; + } + + .sm\:left-48 { + left: 12rem; + } + + .sm\:left-52 { + left: 13rem; + } + + .sm\:left-56 { + left: 14rem; + } + + .sm\:left-60 { + left: 15rem; + } + + .sm\:left-64 { + left: 16rem; + } + + .sm\:left-72 { + left: 18rem; + } + + .sm\:left-80 { + left: 20rem; + } + + .sm\:left-96 { + left: 24rem; + } + + .sm\:left-auto { + left: auto; + } + + .sm\:left-px { + left: 1px; + } + + .sm\:left-0\.5 { + left: 0.125rem; + } + + .sm\:left-1\.5 { + left: 0.375rem; + } + + .sm\:left-2\.5 { + left: 0.625rem; + } + + .sm\:left-3\.5 { + left: 0.875rem; + } + + .sm\:-left-0 { + left: 0px; + } + + .sm\:-left-1 { + left: -0.25rem; + } + + .sm\:-left-2 { + left: -0.5rem; + } + + .sm\:-left-3 { + left: -0.75rem; + } + + .sm\:-left-4 { + left: -1rem; + } + + .sm\:-left-5 { + left: -1.25rem; + } + + .sm\:-left-6 { + left: -1.5rem; + } + + .sm\:-left-7 { + left: -1.75rem; + } + + .sm\:-left-8 { + left: -2rem; + } + + .sm\:-left-9 { + left: -2.25rem; + } + + .sm\:-left-10 { + left: -2.5rem; + } + + .sm\:-left-11 { + left: -2.75rem; + } + + .sm\:-left-12 { + left: -3rem; + } + + .sm\:-left-14 { + left: -3.5rem; + } + + .sm\:-left-16 { + left: -4rem; + } + + .sm\:-left-20 { + left: -5rem; + } + + .sm\:-left-24 { + left: -6rem; + } + + .sm\:-left-28 { + left: -7rem; + } + + .sm\:-left-32 { + left: -8rem; + } + + .sm\:-left-36 { + left: -9rem; + } + + .sm\:-left-40 { + left: -10rem; + } + + .sm\:-left-44 { + left: -11rem; + } + + .sm\:-left-48 { + left: -12rem; + } + + .sm\:-left-52 { + left: -13rem; + } + + .sm\:-left-56 { + left: -14rem; + } + + .sm\:-left-60 { + left: -15rem; + } + + .sm\:-left-64 { + left: -16rem; + } + + .sm\:-left-72 { + left: -18rem; + } + + .sm\:-left-80 { + left: -20rem; + } + + .sm\:-left-96 { + left: -24rem; + } + + .sm\:-left-px { + left: -1px; + } + + .sm\:-left-0\.5 { + left: -0.125rem; + } + + .sm\:-left-1\.5 { + left: -0.375rem; + } + + .sm\:-left-2\.5 { + left: -0.625rem; + } + + .sm\:-left-3\.5 { + left: -0.875rem; + } + + .sm\:left-1\/2 { + left: 50%; + } + + .sm\:left-1\/3 { + left: 33.333333%; + } + + .sm\:left-2\/3 { + left: 66.666667%; + } + + .sm\:left-1\/4 { + left: 25%; + } + + .sm\:left-2\/4 { + left: 50%; + } + + .sm\:left-3\/4 { + left: 75%; + } + + .sm\:left-full { + left: 100%; + } + + .sm\:-left-1\/2 { + left: -50%; + } + + .sm\:-left-1\/3 { + left: -33.333333%; + } + + .sm\:-left-2\/3 { + left: -66.666667%; + } + + .sm\:-left-1\/4 { + left: -25%; + } + + .sm\:-left-2\/4 { + left: -50%; + } + + .sm\:-left-3\/4 { + left: -75%; + } + + .sm\:-left-full { + left: -100%; + } + + .sm\:isolate { + isolation: isolate; + } + + .sm\:isolation-auto { + isolation: auto; + } + + .sm\:z-0 { + z-index: 0; + } + + .sm\:z-10 { + z-index: 10; + } + + .sm\:z-20 { + z-index: 20; + } + + .sm\:z-30 { + z-index: 30; + } + + .sm\:z-40 { + z-index: 40; + } + + .sm\:z-50 { + z-index: 50; + } + + .sm\:z-auto { + z-index: auto; + } + + .sm\:focus-within\:z-0:focus-within { + z-index: 0; + } + + .sm\:focus-within\:z-10:focus-within { + z-index: 10; + } + + .sm\:focus-within\:z-20:focus-within { + z-index: 20; + } + + .sm\:focus-within\:z-30:focus-within { + z-index: 30; + } + + .sm\:focus-within\:z-40:focus-within { + z-index: 40; + } + + .sm\:focus-within\:z-50:focus-within { + z-index: 50; + } + + .sm\:focus-within\:z-auto:focus-within { + z-index: auto; + } + + .sm\:focus\:z-0:focus { + z-index: 0; + } + + .sm\:focus\:z-10:focus { + z-index: 10; + } + + .sm\:focus\:z-20:focus { + z-index: 20; + } + + .sm\:focus\:z-30:focus { + z-index: 30; + } + + .sm\:focus\:z-40:focus { + z-index: 40; + } + + .sm\:focus\:z-50:focus { + z-index: 50; + } + + .sm\:focus\:z-auto:focus { + z-index: auto; + } + + .sm\:order-1 { + order: 1; + } + + .sm\:order-2 { + order: 2; + } + + .sm\:order-3 { + order: 3; + } + + .sm\:order-4 { + order: 4; + } + + .sm\:order-5 { + order: 5; + } + + .sm\:order-6 { + order: 6; + } + + .sm\:order-7 { + order: 7; + } + + .sm\:order-8 { + order: 8; + } + + .sm\:order-9 { + order: 9; + } + + .sm\:order-10 { + order: 10; + } + + .sm\:order-11 { + order: 11; + } + + .sm\:order-12 { + order: 12; + } + + .sm\:order-first { + order: -9999; + } + + .sm\:order-last { + order: 9999; + } + + .sm\:order-none { + order: 0; + } + + .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\:col-span-6 { + grid-column: span 6 / span 6; + } + + .sm\:col-span-7 { + grid-column: span 7 / span 7; + } + + .sm\:col-span-8 { + grid-column: span 8 / span 8; + } + + .sm\:col-span-9 { + grid-column: span 9 / span 9; + } + + .sm\:col-span-10 { + grid-column: span 10 / span 10; + } + + .sm\:col-span-11 { + grid-column: span 11 / span 11; + } + + .sm\:col-span-12 { + grid-column: span 12 / span 12; + } + + .sm\:col-span-full { + grid-column: 1 / -1; + } + + .sm\:col-start-1 { + grid-column-start: 1; + } + + .sm\:col-start-2 { + grid-column-start: 2; + } + + .sm\:col-start-3 { + grid-column-start: 3; + } + + .sm\:col-start-4 { + grid-column-start: 4; + } + + .sm\:col-start-5 { + grid-column-start: 5; + } + + .sm\:col-start-6 { + grid-column-start: 6; + } + + .sm\:col-start-7 { + grid-column-start: 7; + } + + .sm\:col-start-8 { + grid-column-start: 8; + } + + .sm\:col-start-9 { + grid-column-start: 9; + } + + .sm\:col-start-10 { + grid-column-start: 10; + } + + .sm\:col-start-11 { + grid-column-start: 11; + } + + .sm\:col-start-12 { + grid-column-start: 12; + } + + .sm\:col-start-13 { + grid-column-start: 13; + } + + .sm\:col-start-auto { + grid-column-start: auto; + } + + .sm\:col-end-1 { + grid-column-end: 1; + } + + .sm\:col-end-2 { + grid-column-end: 2; + } + + .sm\:col-end-3 { + grid-column-end: 3; + } + + .sm\:col-end-4 { + grid-column-end: 4; + } + + .sm\:col-end-5 { + grid-column-end: 5; + } + + .sm\:col-end-6 { + grid-column-end: 6; + } + + .sm\:col-end-7 { + grid-column-end: 7; + } + + .sm\:col-end-8 { + grid-column-end: 8; + } + + .sm\:col-end-9 { + grid-column-end: 9; + } + + .sm\:col-end-10 { + grid-column-end: 10; + } + + .sm\:col-end-11 { + grid-column-end: 11; + } + + .sm\:col-end-12 { + grid-column-end: 12; + } + + .sm\:col-end-13 { + grid-column-end: 13; + } + + .sm\:col-end-auto { + grid-column-end: auto; + } + + .sm\:row-auto { + grid-row: auto; + } + + .sm\:row-span-1 { + grid-row: span 1 / span 1; + } + + .sm\:row-span-2 { + grid-row: span 2 / span 2; + } + + .sm\:row-span-3 { + grid-row: span 3 / span 3; + } + + .sm\:row-span-4 { + grid-row: span 4 / span 4; + } + + .sm\:row-span-5 { + grid-row: span 5 / span 5; + } + + .sm\:row-span-6 { + grid-row: span 6 / span 6; + } + + .sm\:row-span-full { + grid-row: 1 / -1; + } + + .sm\:row-start-1 { + grid-row-start: 1; + } + + .sm\:row-start-2 { + grid-row-start: 2; + } + + .sm\:row-start-3 { + grid-row-start: 3; + } + + .sm\:row-start-4 { + grid-row-start: 4; + } + + .sm\:row-start-5 { + grid-row-start: 5; + } + + .sm\:row-start-6 { + grid-row-start: 6; + } + + .sm\:row-start-7 { + grid-row-start: 7; + } + + .sm\:row-start-auto { + grid-row-start: auto; + } + + .sm\:row-end-1 { + grid-row-end: 1; + } + + .sm\:row-end-2 { + grid-row-end: 2; + } + + .sm\:row-end-3 { + grid-row-end: 3; + } + + .sm\:row-end-4 { + grid-row-end: 4; + } + + .sm\:row-end-5 { + grid-row-end: 5; + } + + .sm\:row-end-6 { + grid-row-end: 6; + } + + .sm\:row-end-7 { + grid-row-end: 7; + } + + .sm\:row-end-auto { + grid-row-end: auto; + } + + .sm\:float-right { + float: right; + } + + .sm\:float-left { + float: left; + } + + .sm\:float-none { + float: none; + } + + .sm\:clear-left { + clear: left; + } + + .sm\:clear-right { + clear: right; + } + + .sm\:clear-both { + clear: both; + } + + .sm\:clear-none { + clear: none; + } + + .sm\:m-0 { + margin: 0px; + } + + .sm\:m-1 { + margin: 0.25rem; + } + + .sm\:m-2 { + margin: 0.5rem; + } + + .sm\:m-3 { + margin: 0.75rem; + } + + .sm\:m-4 { + margin: 1rem; + } + + .sm\:m-5 { + margin: 1.25rem; + } + + .sm\:m-6 { + margin: 1.5rem; + } + + .sm\:m-7 { + margin: 1.75rem; + } + + .sm\:m-8 { + margin: 2rem; + } + + .sm\:m-9 { + margin: 2.25rem; + } + + .sm\:m-10 { + margin: 2.5rem; + } + + .sm\:m-11 { + margin: 2.75rem; + } + + .sm\:m-12 { + margin: 3rem; + } + + .sm\:m-14 { + margin: 3.5rem; + } + + .sm\:m-16 { + margin: 4rem; + } + + .sm\:m-20 { + margin: 5rem; + } + + .sm\:m-24 { + margin: 6rem; + } + + .sm\:m-28 { + margin: 7rem; + } + + .sm\:m-32 { + margin: 8rem; + } + + .sm\:m-36 { + margin: 9rem; + } + + .sm\:m-40 { + margin: 10rem; + } + + .sm\:m-44 { + margin: 11rem; + } + + .sm\:m-48 { + margin: 12rem; + } + + .sm\:m-52 { + margin: 13rem; + } + + .sm\:m-56 { + margin: 14rem; + } + + .sm\:m-60 { + margin: 15rem; + } + + .sm\:m-64 { + margin: 16rem; + } + + .sm\:m-72 { + margin: 18rem; + } + + .sm\:m-80 { + margin: 20rem; + } + + .sm\:m-96 { + margin: 24rem; + } + + .sm\:m-auto { + margin: auto; + } + + .sm\:m-px { + margin: 1px; + } + + .sm\:m-0\.5 { + margin: 0.125rem; + } + + .sm\:m-1\.5 { + margin: 0.375rem; + } + + .sm\:m-2\.5 { + margin: 0.625rem; + } + + .sm\:m-3\.5 { + margin: 0.875rem; + } + + .sm\:-m-0 { + margin: 0px; + } + + .sm\:-m-1 { + margin: -0.25rem; + } + + .sm\:-m-2 { + margin: -0.5rem; + } + + .sm\:-m-3 { + margin: -0.75rem; + } + + .sm\:-m-4 { + margin: -1rem; + } + + .sm\:-m-5 { + margin: -1.25rem; + } + + .sm\:-m-6 { + margin: -1.5rem; + } + + .sm\:-m-7 { + margin: -1.75rem; + } + + .sm\:-m-8 { + margin: -2rem; + } + + .sm\:-m-9 { + margin: -2.25rem; + } + + .sm\:-m-10 { + margin: -2.5rem; + } + + .sm\:-m-11 { + margin: -2.75rem; + } + + .sm\:-m-12 { + margin: -3rem; + } + + .sm\:-m-14 { + margin: -3.5rem; + } + + .sm\:-m-16 { + margin: -4rem; + } + + .sm\:-m-20 { + margin: -5rem; + } + + .sm\:-m-24 { + margin: -6rem; + } + + .sm\:-m-28 { + margin: -7rem; + } + + .sm\:-m-32 { + margin: -8rem; + } + + .sm\:-m-36 { + margin: -9rem; + } + + .sm\:-m-40 { + margin: -10rem; + } + + .sm\:-m-44 { + margin: -11rem; + } + + .sm\:-m-48 { + margin: -12rem; + } + + .sm\:-m-52 { + margin: -13rem; + } + + .sm\:-m-56 { + margin: -14rem; + } + + .sm\:-m-60 { + margin: -15rem; + } + + .sm\:-m-64 { + margin: -16rem; + } + + .sm\:-m-72 { + margin: -18rem; + } + + .sm\:-m-80 { + margin: -20rem; + } + + .sm\:-m-96 { + margin: -24rem; + } + + .sm\:-m-px { + margin: -1px; + } + + .sm\:-m-0\.5 { + margin: -0.125rem; + } + + .sm\:-m-1\.5 { + margin: -0.375rem; + } + + .sm\:-m-2\.5 { + margin: -0.625rem; + } + + .sm\:-m-3\.5 { + margin: -0.875rem; + } + + .sm\:mx-0 { + margin-left: 0px; + margin-right: 0px; + } + + .sm\:mx-1 { + margin-left: 0.25rem; + margin-right: 0.25rem; + } + + .sm\:mx-2 { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + + .sm\:mx-3 { + margin-left: 0.75rem; + margin-right: 0.75rem; + } + + .sm\:mx-4 { + margin-left: 1rem; + margin-right: 1rem; + } + + .sm\:mx-5 { + margin-left: 1.25rem; + margin-right: 1.25rem; + } + + .sm\:mx-6 { + margin-left: 1.5rem; + margin-right: 1.5rem; + } + + .sm\:mx-7 { + margin-left: 1.75rem; + margin-right: 1.75rem; + } + + .sm\:mx-8 { + margin-left: 2rem; + margin-right: 2rem; + } + + .sm\:mx-9 { + margin-left: 2.25rem; + margin-right: 2.25rem; + } + + .sm\:mx-10 { + margin-left: 2.5rem; + margin-right: 2.5rem; + } + + .sm\:mx-11 { + margin-left: 2.75rem; + margin-right: 2.75rem; + } + + .sm\:mx-12 { + margin-left: 3rem; + margin-right: 3rem; + } + + .sm\:mx-14 { + margin-left: 3.5rem; + margin-right: 3.5rem; + } + + .sm\:mx-16 { + margin-left: 4rem; + margin-right: 4rem; + } + + .sm\:mx-20 { + margin-left: 5rem; + margin-right: 5rem; + } + + .sm\:mx-24 { + margin-left: 6rem; + margin-right: 6rem; + } + + .sm\:mx-28 { + margin-left: 7rem; + margin-right: 7rem; + } + + .sm\:mx-32 { + margin-left: 8rem; + margin-right: 8rem; + } + + .sm\:mx-36 { + margin-left: 9rem; + margin-right: 9rem; + } + + .sm\:mx-40 { + margin-left: 10rem; + margin-right: 10rem; + } + + .sm\:mx-44 { + margin-left: 11rem; + margin-right: 11rem; + } + + .sm\:mx-48 { + margin-left: 12rem; + margin-right: 12rem; + } + + .sm\:mx-52 { + margin-left: 13rem; + margin-right: 13rem; + } + + .sm\:mx-56 { + margin-left: 14rem; + margin-right: 14rem; + } + + .sm\:mx-60 { + margin-left: 15rem; + margin-right: 15rem; + } + + .sm\:mx-64 { + margin-left: 16rem; + margin-right: 16rem; + } + + .sm\:mx-72 { + margin-left: 18rem; + margin-right: 18rem; + } + + .sm\:mx-80 { + margin-left: 20rem; + margin-right: 20rem; + } + + .sm\:mx-96 { + margin-left: 24rem; + margin-right: 24rem; + } + + .sm\:mx-auto { + margin-left: auto; + margin-right: auto; + } + + .sm\:mx-px { + margin-left: 1px; + margin-right: 1px; + } + + .sm\:mx-0\.5 { + margin-left: 0.125rem; + margin-right: 0.125rem; + } + + .sm\:mx-1\.5 { + margin-left: 0.375rem; + margin-right: 0.375rem; + } + + .sm\:mx-2\.5 { + margin-left: 0.625rem; + margin-right: 0.625rem; + } + + .sm\:mx-3\.5 { + margin-left: 0.875rem; + margin-right: 0.875rem; + } + + .sm\:-mx-0 { + margin-left: 0px; + margin-right: 0px; + } + + .sm\:-mx-1 { + margin-left: -0.25rem; + margin-right: -0.25rem; + } + + .sm\:-mx-2 { + margin-left: -0.5rem; + margin-right: -0.5rem; + } + + .sm\:-mx-3 { + margin-left: -0.75rem; + margin-right: -0.75rem; + } + + .sm\:-mx-4 { + margin-left: -1rem; + margin-right: -1rem; + } + + .sm\:-mx-5 { + margin-left: -1.25rem; + margin-right: -1.25rem; + } + + .sm\:-mx-6 { + margin-left: -1.5rem; + margin-right: -1.5rem; + } + + .sm\:-mx-7 { + margin-left: -1.75rem; + margin-right: -1.75rem; + } + + .sm\:-mx-8 { + margin-left: -2rem; + margin-right: -2rem; + } + + .sm\:-mx-9 { + margin-left: -2.25rem; + margin-right: -2.25rem; + } + + .sm\:-mx-10 { + margin-left: -2.5rem; + margin-right: -2.5rem; + } + + .sm\:-mx-11 { + margin-left: -2.75rem; + margin-right: -2.75rem; + } + + .sm\:-mx-12 { + margin-left: -3rem; + margin-right: -3rem; + } + + .sm\:-mx-14 { + margin-left: -3.5rem; + margin-right: -3.5rem; + } + + .sm\:-mx-16 { + margin-left: -4rem; + margin-right: -4rem; + } + + .sm\:-mx-20 { + margin-left: -5rem; + margin-right: -5rem; + } + + .sm\:-mx-24 { + margin-left: -6rem; + margin-right: -6rem; + } + + .sm\:-mx-28 { + margin-left: -7rem; + margin-right: -7rem; + } + + .sm\:-mx-32 { + margin-left: -8rem; + margin-right: -8rem; + } + + .sm\:-mx-36 { + margin-left: -9rem; + margin-right: -9rem; + } + + .sm\:-mx-40 { + margin-left: -10rem; + margin-right: -10rem; + } + + .sm\:-mx-44 { + margin-left: -11rem; + margin-right: -11rem; + } + + .sm\:-mx-48 { + margin-left: -12rem; + margin-right: -12rem; + } + + .sm\:-mx-52 { + margin-left: -13rem; + margin-right: -13rem; + } + + .sm\:-mx-56 { + margin-left: -14rem; + margin-right: -14rem; + } + + .sm\:-mx-60 { + margin-left: -15rem; + margin-right: -15rem; + } + + .sm\:-mx-64 { + margin-left: -16rem; + margin-right: -16rem; + } + + .sm\:-mx-72 { + margin-left: -18rem; + margin-right: -18rem; + } + + .sm\:-mx-80 { + margin-left: -20rem; + margin-right: -20rem; + } + + .sm\:-mx-96 { + margin-left: -24rem; + margin-right: -24rem; + } + + .sm\:-mx-px { + margin-left: -1px; + margin-right: -1px; + } + + .sm\:-mx-0\.5 { + margin-left: -0.125rem; + margin-right: -0.125rem; + } + + .sm\:-mx-1\.5 { + margin-left: -0.375rem; + margin-right: -0.375rem; + } + + .sm\:-mx-2\.5 { + margin-left: -0.625rem; + margin-right: -0.625rem; + } + + .sm\:-mx-3\.5 { + margin-left: -0.875rem; + margin-right: -0.875rem; + } + + .sm\:my-0 { + margin-top: 0px; + margin-bottom: 0px; + } + + .sm\:my-1 { + margin-top: 0.25rem; + margin-bottom: 0.25rem; + } + + .sm\:my-2 { + margin-top: 0.5rem; + margin-bottom: 0.5rem; + } + + .sm\:my-3 { + margin-top: 0.75rem; + margin-bottom: 0.75rem; + } + + .sm\:my-4 { + margin-top: 1rem; + margin-bottom: 1rem; + } + + .sm\:my-5 { + margin-top: 1.25rem; + margin-bottom: 1.25rem; + } + + .sm\:my-6 { + margin-top: 1.5rem; + margin-bottom: 1.5rem; + } + + .sm\:my-7 { + margin-top: 1.75rem; + margin-bottom: 1.75rem; + } + + .sm\:my-8 { + margin-top: 2rem; + margin-bottom: 2rem; + } + + .sm\:my-9 { + margin-top: 2.25rem; + margin-bottom: 2.25rem; + } + + .sm\:my-10 { + margin-top: 2.5rem; + margin-bottom: 2.5rem; + } + + .sm\:my-11 { + margin-top: 2.75rem; + margin-bottom: 2.75rem; + } + + .sm\:my-12 { + margin-top: 3rem; + margin-bottom: 3rem; + } + + .sm\:my-14 { + margin-top: 3.5rem; + margin-bottom: 3.5rem; + } + + .sm\:my-16 { + margin-top: 4rem; + margin-bottom: 4rem; + } + + .sm\:my-20 { + margin-top: 5rem; + margin-bottom: 5rem; + } + + .sm\:my-24 { + margin-top: 6rem; + margin-bottom: 6rem; + } + + .sm\:my-28 { + margin-top: 7rem; + margin-bottom: 7rem; + } + + .sm\:my-32 { + margin-top: 8rem; + margin-bottom: 8rem; + } + + .sm\:my-36 { + margin-top: 9rem; + margin-bottom: 9rem; + } + + .sm\:my-40 { + margin-top: 10rem; + margin-bottom: 10rem; + } + + .sm\:my-44 { + margin-top: 11rem; + margin-bottom: 11rem; + } + + .sm\:my-48 { + margin-top: 12rem; + margin-bottom: 12rem; + } + + .sm\:my-52 { + margin-top: 13rem; + margin-bottom: 13rem; + } + + .sm\:my-56 { + margin-top: 14rem; + margin-bottom: 14rem; + } + + .sm\:my-60 { + margin-top: 15rem; + margin-bottom: 15rem; + } + + .sm\:my-64 { + margin-top: 16rem; + margin-bottom: 16rem; + } + + .sm\:my-72 { + margin-top: 18rem; + margin-bottom: 18rem; + } + + .sm\:my-80 { + margin-top: 20rem; + margin-bottom: 20rem; + } + + .sm\:my-96 { + margin-top: 24rem; + margin-bottom: 24rem; + } + + .sm\:my-auto { + margin-top: auto; + margin-bottom: auto; + } + + .sm\:my-px { + margin-top: 1px; + margin-bottom: 1px; + } + + .sm\:my-0\.5 { + margin-top: 0.125rem; + margin-bottom: 0.125rem; + } + + .sm\:my-1\.5 { + margin-top: 0.375rem; + margin-bottom: 0.375rem; + } + + .sm\:my-2\.5 { + margin-top: 0.625rem; + margin-bottom: 0.625rem; + } + + .sm\:my-3\.5 { + margin-top: 0.875rem; + margin-bottom: 0.875rem; + } + + .sm\:-my-0 { + margin-top: 0px; + margin-bottom: 0px; + } + + .sm\:-my-1 { + margin-top: -0.25rem; + margin-bottom: -0.25rem; + } + + .sm\:-my-2 { + margin-top: -0.5rem; + margin-bottom: -0.5rem; + } + + .sm\:-my-3 { + margin-top: -0.75rem; + margin-bottom: -0.75rem; + } + + .sm\:-my-4 { + margin-top: -1rem; + margin-bottom: -1rem; + } + + .sm\:-my-5 { + margin-top: -1.25rem; + margin-bottom: -1.25rem; + } + + .sm\:-my-6 { + margin-top: -1.5rem; + margin-bottom: -1.5rem; + } + + .sm\:-my-7 { + margin-top: -1.75rem; + margin-bottom: -1.75rem; + } + + .sm\:-my-8 { + margin-top: -2rem; + margin-bottom: -2rem; + } + + .sm\:-my-9 { + margin-top: -2.25rem; + margin-bottom: -2.25rem; + } + + .sm\:-my-10 { + margin-top: -2.5rem; + margin-bottom: -2.5rem; + } + + .sm\:-my-11 { + margin-top: -2.75rem; + margin-bottom: -2.75rem; + } + + .sm\:-my-12 { + margin-top: -3rem; + margin-bottom: -3rem; + } + + .sm\:-my-14 { + margin-top: -3.5rem; + margin-bottom: -3.5rem; + } + + .sm\:-my-16 { + margin-top: -4rem; + margin-bottom: -4rem; + } + + .sm\:-my-20 { + margin-top: -5rem; + margin-bottom: -5rem; + } + + .sm\:-my-24 { + margin-top: -6rem; + margin-bottom: -6rem; + } + + .sm\:-my-28 { + margin-top: -7rem; + margin-bottom: -7rem; + } + + .sm\:-my-32 { + margin-top: -8rem; + margin-bottom: -8rem; + } + + .sm\:-my-36 { + margin-top: -9rem; + margin-bottom: -9rem; + } + + .sm\:-my-40 { + margin-top: -10rem; + margin-bottom: -10rem; + } + + .sm\:-my-44 { + margin-top: -11rem; + margin-bottom: -11rem; + } + + .sm\:-my-48 { + margin-top: -12rem; + margin-bottom: -12rem; + } + + .sm\:-my-52 { + margin-top: -13rem; + margin-bottom: -13rem; + } + + .sm\:-my-56 { + margin-top: -14rem; + margin-bottom: -14rem; + } + + .sm\:-my-60 { + margin-top: -15rem; + margin-bottom: -15rem; + } + + .sm\:-my-64 { + margin-top: -16rem; + margin-bottom: -16rem; + } + + .sm\:-my-72 { + margin-top: -18rem; + margin-bottom: -18rem; + } + + .sm\:-my-80 { + margin-top: -20rem; + margin-bottom: -20rem; + } + + .sm\:-my-96 { + margin-top: -24rem; + margin-bottom: -24rem; + } + + .sm\:-my-px { + margin-top: -1px; + margin-bottom: -1px; + } + + .sm\:-my-0\.5 { + margin-top: -0.125rem; + margin-bottom: -0.125rem; + } + + .sm\:-my-1\.5 { + margin-top: -0.375rem; + margin-bottom: -0.375rem; + } + + .sm\:-my-2\.5 { + margin-top: -0.625rem; + margin-bottom: -0.625rem; + } + + .sm\:-my-3\.5 { + margin-top: -0.875rem; + margin-bottom: -0.875rem; + } + + .sm\:mt-0 { + margin-top: 0px; + } + + .sm\:mt-1 { + margin-top: 0.25rem; + } + + .sm\:mt-2 { + margin-top: 0.5rem; + } + + .sm\:mt-3 { + margin-top: 0.75rem; + } + + .sm\:mt-4 { + margin-top: 1rem; + } + + .sm\:mt-5 { + margin-top: 1.25rem; + } + + .sm\:mt-6 { + margin-top: 1.5rem; + } + + .sm\:mt-7 { + margin-top: 1.75rem; + } + + .sm\:mt-8 { + margin-top: 2rem; + } + + .sm\:mt-9 { + margin-top: 2.25rem; + } + + .sm\:mt-10 { + margin-top: 2.5rem; + } + + .sm\:mt-11 { + margin-top: 2.75rem; + } + + .sm\:mt-12 { + margin-top: 3rem; + } + + .sm\:mt-14 { + margin-top: 3.5rem; + } + + .sm\:mt-16 { + margin-top: 4rem; + } + + .sm\:mt-20 { + margin-top: 5rem; + } + + .sm\:mt-24 { + margin-top: 6rem; + } + + .sm\:mt-28 { + margin-top: 7rem; + } + + .sm\:mt-32 { + margin-top: 8rem; + } + + .sm\:mt-36 { + margin-top: 9rem; + } + + .sm\:mt-40 { + margin-top: 10rem; + } + + .sm\:mt-44 { + margin-top: 11rem; + } + + .sm\:mt-48 { + margin-top: 12rem; + } + + .sm\:mt-52 { + margin-top: 13rem; + } + + .sm\:mt-56 { + margin-top: 14rem; + } + + .sm\:mt-60 { + margin-top: 15rem; + } + + .sm\:mt-64 { + margin-top: 16rem; + } + + .sm\:mt-72 { + margin-top: 18rem; + } + + .sm\:mt-80 { + margin-top: 20rem; + } + + .sm\:mt-96 { + margin-top: 24rem; + } + + .sm\:mt-auto { + margin-top: auto; + } + + .sm\:mt-px { + margin-top: 1px; + } + + .sm\:mt-0\.5 { + margin-top: 0.125rem; + } + + .sm\:mt-1\.5 { + margin-top: 0.375rem; + } + + .sm\:mt-2\.5 { + margin-top: 0.625rem; + } + + .sm\:mt-3\.5 { + margin-top: 0.875rem; + } + + .sm\:-mt-0 { + margin-top: 0px; + } + + .sm\:-mt-1 { + margin-top: -0.25rem; + } + + .sm\:-mt-2 { + margin-top: -0.5rem; + } + + .sm\:-mt-3 { + margin-top: -0.75rem; + } + + .sm\:-mt-4 { + margin-top: -1rem; + } + + .sm\:-mt-5 { + margin-top: -1.25rem; + } + + .sm\:-mt-6 { + margin-top: -1.5rem; + } + + .sm\:-mt-7 { + margin-top: -1.75rem; + } + + .sm\:-mt-8 { + margin-top: -2rem; + } + + .sm\:-mt-9 { + margin-top: -2.25rem; + } + + .sm\:-mt-10 { + margin-top: -2.5rem; + } + + .sm\:-mt-11 { + margin-top: -2.75rem; + } + + .sm\:-mt-12 { + margin-top: -3rem; + } + + .sm\:-mt-14 { + margin-top: -3.5rem; + } + + .sm\:-mt-16 { + margin-top: -4rem; + } + + .sm\:-mt-20 { + margin-top: -5rem; + } + + .sm\:-mt-24 { + margin-top: -6rem; + } + + .sm\:-mt-28 { + margin-top: -7rem; + } + + .sm\:-mt-32 { + margin-top: -8rem; + } + + .sm\:-mt-36 { + margin-top: -9rem; + } + + .sm\:-mt-40 { + margin-top: -10rem; + } + + .sm\:-mt-44 { + margin-top: -11rem; + } + + .sm\:-mt-48 { + margin-top: -12rem; + } + + .sm\:-mt-52 { + margin-top: -13rem; + } + + .sm\:-mt-56 { + margin-top: -14rem; + } + + .sm\:-mt-60 { + margin-top: -15rem; + } + + .sm\:-mt-64 { + margin-top: -16rem; + } + + .sm\:-mt-72 { + margin-top: -18rem; + } + + .sm\:-mt-80 { + margin-top: -20rem; + } + + .sm\:-mt-96 { + margin-top: -24rem; + } + + .sm\:-mt-px { + margin-top: -1px; + } + + .sm\:-mt-0\.5 { + margin-top: -0.125rem; + } + + .sm\:-mt-1\.5 { + margin-top: -0.375rem; + } + + .sm\:-mt-2\.5 { + margin-top: -0.625rem; + } + + .sm\:-mt-3\.5 { + margin-top: -0.875rem; + } + + .sm\:mr-0 { + margin-right: 0px; + } + + .sm\:mr-1 { + margin-right: 0.25rem; + } + + .sm\:mr-2 { + margin-right: 0.5rem; + } + + .sm\:mr-3 { + margin-right: 0.75rem; + } + + .sm\:mr-4 { + margin-right: 1rem; + } + + .sm\:mr-5 { + margin-right: 1.25rem; + } + + .sm\:mr-6 { + margin-right: 1.5rem; + } + + .sm\:mr-7 { + margin-right: 1.75rem; + } + + .sm\:mr-8 { + margin-right: 2rem; + } + + .sm\:mr-9 { + margin-right: 2.25rem; + } + + .sm\:mr-10 { + margin-right: 2.5rem; + } + + .sm\:mr-11 { + margin-right: 2.75rem; + } + + .sm\:mr-12 { + margin-right: 3rem; + } + + .sm\:mr-14 { + margin-right: 3.5rem; + } + + .sm\:mr-16 { + margin-right: 4rem; + } + + .sm\:mr-20 { + margin-right: 5rem; + } + + .sm\:mr-24 { + margin-right: 6rem; + } + + .sm\:mr-28 { + margin-right: 7rem; + } + + .sm\:mr-32 { + margin-right: 8rem; + } + + .sm\:mr-36 { + margin-right: 9rem; + } + + .sm\:mr-40 { + margin-right: 10rem; + } + + .sm\:mr-44 { + margin-right: 11rem; + } + + .sm\:mr-48 { + margin-right: 12rem; + } + + .sm\:mr-52 { + margin-right: 13rem; + } + + .sm\:mr-56 { + margin-right: 14rem; + } + + .sm\:mr-60 { + margin-right: 15rem; + } + + .sm\:mr-64 { + margin-right: 16rem; + } + + .sm\:mr-72 { + margin-right: 18rem; + } + + .sm\:mr-80 { + margin-right: 20rem; + } + + .sm\:mr-96 { + margin-right: 24rem; + } + + .sm\:mr-auto { + margin-right: auto; + } + + .sm\:mr-px { + margin-right: 1px; + } + + .sm\:mr-0\.5 { + margin-right: 0.125rem; + } + + .sm\:mr-1\.5 { + margin-right: 0.375rem; + } + + .sm\:mr-2\.5 { + margin-right: 0.625rem; + } + + .sm\:mr-3\.5 { + margin-right: 0.875rem; + } + + .sm\:-mr-0 { + margin-right: 0px; + } + + .sm\:-mr-1 { + margin-right: -0.25rem; + } + + .sm\:-mr-2 { + margin-right: -0.5rem; + } + + .sm\:-mr-3 { + margin-right: -0.75rem; + } + + .sm\:-mr-4 { + margin-right: -1rem; + } + + .sm\:-mr-5 { + margin-right: -1.25rem; + } + + .sm\:-mr-6 { + margin-right: -1.5rem; + } + + .sm\:-mr-7 { + margin-right: -1.75rem; + } + + .sm\:-mr-8 { + margin-right: -2rem; + } + + .sm\:-mr-9 { + margin-right: -2.25rem; + } + + .sm\:-mr-10 { + margin-right: -2.5rem; + } + + .sm\:-mr-11 { + margin-right: -2.75rem; + } + + .sm\:-mr-12 { + margin-right: -3rem; + } + + .sm\:-mr-14 { + margin-right: -3.5rem; + } + + .sm\:-mr-16 { + margin-right: -4rem; + } + + .sm\:-mr-20 { + margin-right: -5rem; + } + + .sm\:-mr-24 { + margin-right: -6rem; + } + + .sm\:-mr-28 { + margin-right: -7rem; + } + + .sm\:-mr-32 { + margin-right: -8rem; + } + + .sm\:-mr-36 { + margin-right: -9rem; + } + + .sm\:-mr-40 { + margin-right: -10rem; + } + + .sm\:-mr-44 { + margin-right: -11rem; + } + + .sm\:-mr-48 { + margin-right: -12rem; + } + + .sm\:-mr-52 { + margin-right: -13rem; + } + + .sm\:-mr-56 { + margin-right: -14rem; + } + + .sm\:-mr-60 { + margin-right: -15rem; + } + + .sm\:-mr-64 { + margin-right: -16rem; + } + + .sm\:-mr-72 { + margin-right: -18rem; + } + + .sm\:-mr-80 { + margin-right: -20rem; + } + + .sm\:-mr-96 { + margin-right: -24rem; + } + + .sm\:-mr-px { + margin-right: -1px; + } + + .sm\:-mr-0\.5 { + margin-right: -0.125rem; + } + + .sm\:-mr-1\.5 { + margin-right: -0.375rem; + } + + .sm\:-mr-2\.5 { + margin-right: -0.625rem; + } + + .sm\:-mr-3\.5 { + margin-right: -0.875rem; + } + + .sm\:mb-0 { + margin-bottom: 0px; + } + + .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-5 { + margin-bottom: 1.25rem; + } + + .sm\:mb-6 { + margin-bottom: 1.5rem; + } + + .sm\:mb-7 { + margin-bottom: 1.75rem; + } + + .sm\:mb-8 { + margin-bottom: 2rem; + } + + .sm\:mb-9 { + margin-bottom: 2.25rem; + } + + .sm\:mb-10 { + margin-bottom: 2.5rem; + } + + .sm\:mb-11 { + margin-bottom: 2.75rem; + } + + .sm\:mb-12 { + margin-bottom: 3rem; + } + + .sm\:mb-14 { + margin-bottom: 3.5rem; + } + + .sm\:mb-16 { + margin-bottom: 4rem; + } + + .sm\:mb-20 { + margin-bottom: 5rem; + } + + .sm\:mb-24 { + margin-bottom: 6rem; + } + + .sm\:mb-28 { + margin-bottom: 7rem; + } + + .sm\:mb-32 { + margin-bottom: 8rem; + } + + .sm\:mb-36 { + margin-bottom: 9rem; + } + + .sm\:mb-40 { + margin-bottom: 10rem; + } + + .sm\:mb-44 { + margin-bottom: 11rem; + } + + .sm\:mb-48 { + margin-bottom: 12rem; + } + + .sm\:mb-52 { + margin-bottom: 13rem; + } + + .sm\:mb-56 { + margin-bottom: 14rem; + } + + .sm\:mb-60 { + margin-bottom: 15rem; + } + + .sm\:mb-64 { + margin-bottom: 16rem; + } + + .sm\:mb-72 { + margin-bottom: 18rem; + } + + .sm\:mb-80 { + margin-bottom: 20rem; + } + + .sm\:mb-96 { + margin-bottom: 24rem; + } + + .sm\:mb-auto { + margin-bottom: auto; + } + + .sm\:mb-px { + margin-bottom: 1px; + } + + .sm\:mb-0\.5 { + margin-bottom: 0.125rem; + } + + .sm\:mb-1\.5 { + margin-bottom: 0.375rem; + } + + .sm\:mb-2\.5 { + margin-bottom: 0.625rem; + } + + .sm\:mb-3\.5 { + margin-bottom: 0.875rem; + } + + .sm\:-mb-0 { + margin-bottom: 0px; + } + + .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-5 { + margin-bottom: -1.25rem; + } + + .sm\:-mb-6 { + margin-bottom: -1.5rem; + } + + .sm\:-mb-7 { + margin-bottom: -1.75rem; + } + + .sm\:-mb-8 { + margin-bottom: -2rem; + } + + .sm\:-mb-9 { + margin-bottom: -2.25rem; + } + + .sm\:-mb-10 { + margin-bottom: -2.5rem; + } + + .sm\:-mb-11 { + margin-bottom: -2.75rem; + } + + .sm\:-mb-12 { + margin-bottom: -3rem; + } + + .sm\:-mb-14 { + margin-bottom: -3.5rem; + } + + .sm\:-mb-16 { + margin-bottom: -4rem; + } + + .sm\:-mb-20 { + margin-bottom: -5rem; + } + + .sm\:-mb-24 { + margin-bottom: -6rem; + } + + .sm\:-mb-28 { + margin-bottom: -7rem; + } + + .sm\:-mb-32 { + margin-bottom: -8rem; + } + + .sm\:-mb-36 { + margin-bottom: -9rem; + } + + .sm\:-mb-40 { + margin-bottom: -10rem; + } + + .sm\:-mb-44 { + margin-bottom: -11rem; + } + + .sm\:-mb-48 { + margin-bottom: -12rem; + } + + .sm\:-mb-52 { + margin-bottom: -13rem; + } + + .sm\:-mb-56 { + margin-bottom: -14rem; + } + + .sm\:-mb-60 { + margin-bottom: -15rem; + } + + .sm\:-mb-64 { + margin-bottom: -16rem; + } + + .sm\:-mb-72 { + margin-bottom: -18rem; + } + + .sm\:-mb-80 { + margin-bottom: -20rem; + } + + .sm\:-mb-96 { + margin-bottom: -24rem; + } + + .sm\:-mb-px { + margin-bottom: -1px; + } + + .sm\:-mb-0\.5 { + margin-bottom: -0.125rem; + } + + .sm\:-mb-1\.5 { + margin-bottom: -0.375rem; + } + + .sm\:-mb-2\.5 { + margin-bottom: -0.625rem; + } + + .sm\:-mb-3\.5 { + margin-bottom: -0.875rem; + } + + .sm\:ml-0 { + margin-left: 0px; + } + + .sm\:ml-1 { + margin-left: 0.25rem; + } + + .sm\:ml-2 { + margin-left: 0.5rem; + } + + .sm\:ml-3 { + margin-left: 0.75rem; + } + + .sm\:ml-4 { + margin-left: 1rem; + } + + .sm\:ml-5 { + margin-left: 1.25rem; + } + + .sm\:ml-6 { + margin-left: 1.5rem; + } + + .sm\:ml-7 { + margin-left: 1.75rem; + } + + .sm\:ml-8 { + margin-left: 2rem; + } + + .sm\:ml-9 { + margin-left: 2.25rem; + } + + .sm\:ml-10 { + margin-left: 2.5rem; + } + + .sm\:ml-11 { + margin-left: 2.75rem; + } + + .sm\:ml-12 { + margin-left: 3rem; + } + + .sm\:ml-14 { + margin-left: 3.5rem; + } + + .sm\:ml-16 { + margin-left: 4rem; + } + + .sm\:ml-20 { + margin-left: 5rem; + } + + .sm\:ml-24 { + margin-left: 6rem; + } + + .sm\:ml-28 { + margin-left: 7rem; + } + + .sm\:ml-32 { + margin-left: 8rem; + } + + .sm\:ml-36 { + margin-left: 9rem; + } + + .sm\:ml-40 { + margin-left: 10rem; + } + + .sm\:ml-44 { + margin-left: 11rem; + } + + .sm\:ml-48 { + margin-left: 12rem; + } + + .sm\:ml-52 { + margin-left: 13rem; + } + + .sm\:ml-56 { + margin-left: 14rem; + } + + .sm\:ml-60 { + margin-left: 15rem; + } + + .sm\:ml-64 { + margin-left: 16rem; + } + + .sm\:ml-72 { + margin-left: 18rem; + } + + .sm\:ml-80 { + margin-left: 20rem; + } + + .sm\:ml-96 { + margin-left: 24rem; + } + + .sm\:ml-auto { + margin-left: auto; + } + + .sm\:ml-px { + margin-left: 1px; + } + + .sm\:ml-0\.5 { + margin-left: 0.125rem; + } + + .sm\:ml-1\.5 { + margin-left: 0.375rem; + } + + .sm\:ml-2\.5 { + margin-left: 0.625rem; + } + + .sm\:ml-3\.5 { + margin-left: 0.875rem; + } + + .sm\:-ml-0 { + margin-left: 0px; + } + + .sm\:-ml-1 { + margin-left: -0.25rem; + } + + .sm\:-ml-2 { + margin-left: -0.5rem; + } + + .sm\:-ml-3 { + margin-left: -0.75rem; + } + + .sm\:-ml-4 { + margin-left: -1rem; + } + + .sm\:-ml-5 { + margin-left: -1.25rem; + } + + .sm\:-ml-6 { + margin-left: -1.5rem; + } + + .sm\:-ml-7 { + margin-left: -1.75rem; + } + + .sm\:-ml-8 { + margin-left: -2rem; + } + + .sm\:-ml-9 { + margin-left: -2.25rem; + } + + .sm\:-ml-10 { + margin-left: -2.5rem; + } + + .sm\:-ml-11 { + margin-left: -2.75rem; + } + + .sm\:-ml-12 { + margin-left: -3rem; + } + + .sm\:-ml-14 { + margin-left: -3.5rem; + } + + .sm\:-ml-16 { + margin-left: -4rem; + } + + .sm\:-ml-20 { + margin-left: -5rem; + } + + .sm\:-ml-24 { + margin-left: -6rem; + } + + .sm\:-ml-28 { + margin-left: -7rem; + } + + .sm\:-ml-32 { + margin-left: -8rem; + } + + .sm\:-ml-36 { + margin-left: -9rem; + } + + .sm\:-ml-40 { + margin-left: -10rem; + } + + .sm\:-ml-44 { + margin-left: -11rem; + } + + .sm\:-ml-48 { + margin-left: -12rem; + } + + .sm\:-ml-52 { + margin-left: -13rem; + } + + .sm\:-ml-56 { + margin-left: -14rem; + } + + .sm\:-ml-60 { + margin-left: -15rem; + } + + .sm\:-ml-64 { + margin-left: -16rem; + } + + .sm\:-ml-72 { + margin-left: -18rem; + } + + .sm\:-ml-80 { + margin-left: -20rem; + } + + .sm\:-ml-96 { + margin-left: -24rem; + } + + .sm\:-ml-px { + margin-left: -1px; + } + + .sm\:-ml-0\.5 { + margin-left: -0.125rem; + } + + .sm\:-ml-1\.5 { + margin-left: -0.375rem; + } + + .sm\:-ml-2\.5 { + margin-left: -0.625rem; + } + + .sm\:-ml-3\.5 { + margin-left: -0.875rem; + } + + .sm\:box-border { + box-sizing: border-box; + } + + .sm\:box-content { + box-sizing: content-box; + } + + .sm\:block { + display: block; + } + + .sm\:inline-block { + display: inline-block; + } + + .sm\:inline { + display: inline; + } + + .sm\:flex { + display: flex; + } + + .sm\:inline-flex { + display: inline-flex; + } + + .sm\:table { + display: table; + } + + .sm\:inline-table { + display: inline-table; + } + + .sm\:table-caption { + display: table-caption; + } + + .sm\:table-cell { + display: table-cell; + } + + .sm\:table-column { + display: table-column; + } + + .sm\:table-column-group { + display: table-column-group; + } + + .sm\:table-footer-group { + display: table-footer-group; + } + + .sm\:table-header-group { + display: table-header-group; + } + + .sm\:table-row-group { + display: table-row-group; + } + + .sm\:table-row { + display: table-row; + } + + .sm\:flow-root { + display: flow-root; + } + + .sm\:grid { + display: grid; + } + + .sm\:inline-grid { + display: inline-grid; + } + + .sm\:contents { + display: contents; + } + + .sm\:list-item { + display: list-item; + } + + .sm\:hidden { + display: none; + } + + .sm\:h-0 { + height: 0px; + } + + .sm\:h-1 { + height: 0.25rem; + } + + .sm\:h-2 { + height: 0.5rem; + } + + .sm\:h-3 { + height: 0.75rem; + } + + .sm\:h-4 { + height: 1rem; + } + + .sm\:h-5 { + height: 1.25rem; + } + + .sm\:h-6 { + height: 1.5rem; + } + + .sm\:h-7 { + height: 1.75rem; + } + + .sm\:h-8 { + height: 2rem; + } + + .sm\:h-9 { + height: 2.25rem; + } + + .sm\:h-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-20 { + height: 5rem; + } + + .sm\:h-24 { + height: 6rem; + } + + .sm\:h-28 { + height: 7rem; + } + + .sm\:h-32 { + height: 8rem; + } + + .sm\:h-36 { + height: 9rem; + } + + .sm\:h-40 { + height: 10rem; + } + + .sm\:h-44 { + height: 11rem; + } + + .sm\:h-48 { + height: 12rem; + } + + .sm\:h-52 { + height: 13rem; + } + + .sm\:h-56 { + height: 14rem; + } + + .sm\:h-60 { + height: 15rem; + } + + .sm\:h-64 { + height: 16rem; + } + + .sm\:h-72 { + height: 18rem; + } + + .sm\:h-80 { + height: 20rem; + } + + .sm\:h-96 { + height: 24rem; + } + + .sm\:h-auto { + height: auto; + } + + .sm\:h-px { + height: 1px; + } + + .sm\:h-0\.5 { + height: 0.125rem; + } + + .sm\:h-1\.5 { + height: 0.375rem; + } + + .sm\:h-2\.5 { + height: 0.625rem; + } + + .sm\:h-3\.5 { + height: 0.875rem; + } + + .sm\:h-1\/2 { + height: 50%; + } + + .sm\:h-1\/3 { + height: 33.333333%; + } + + .sm\:h-2\/3 { + height: 66.666667%; + } + + .sm\:h-1\/4 { + height: 25%; + } + + .sm\:h-2\/4 { + height: 50%; + } + + .sm\:h-3\/4 { + height: 75%; + } + + .sm\:h-1\/5 { + height: 20%; + } + + .sm\:h-2\/5 { + height: 40%; + } + + .sm\:h-3\/5 { + height: 60%; + } + + .sm\:h-4\/5 { + height: 80%; + } + + .sm\:h-1\/6 { + height: 16.666667%; + } + + .sm\:h-2\/6 { + height: 33.333333%; + } + + .sm\:h-3\/6 { + height: 50%; + } + + .sm\:h-4\/6 { + height: 66.666667%; + } + + .sm\:h-5\/6 { + height: 83.333333%; + } + + .sm\:h-full { + height: 100%; + } + + .sm\:h-screen { + height: 100vh; + } + + .sm\:max-h-0 { + max-height: 0px; + } + + .sm\:max-h-1 { + max-height: 0.25rem; + } + + .sm\:max-h-2 { + max-height: 0.5rem; + } + + .sm\:max-h-3 { + max-height: 0.75rem; + } + + .sm\:max-h-4 { + max-height: 1rem; + } + + .sm\:max-h-5 { + max-height: 1.25rem; + } + + .sm\:max-h-6 { + max-height: 1.5rem; + } + + .sm\:max-h-7 { + max-height: 1.75rem; + } + + .sm\:max-h-8 { + max-height: 2rem; + } + + .sm\:max-h-9 { + max-height: 2.25rem; + } + + .sm\:max-h-10 { + max-height: 2.5rem; + } + + .sm\:max-h-11 { + max-height: 2.75rem; + } + + .sm\:max-h-12 { + max-height: 3rem; + } + + .sm\:max-h-14 { + max-height: 3.5rem; + } + + .sm\:max-h-16 { + max-height: 4rem; + } + + .sm\:max-h-20 { + max-height: 5rem; + } + + .sm\:max-h-24 { + max-height: 6rem; + } + + .sm\:max-h-28 { + max-height: 7rem; + } + + .sm\:max-h-32 { + max-height: 8rem; + } + + .sm\:max-h-36 { + max-height: 9rem; + } + + .sm\:max-h-40 { + max-height: 10rem; + } + + .sm\:max-h-44 { + max-height: 11rem; + } + + .sm\:max-h-48 { + max-height: 12rem; + } + + .sm\:max-h-52 { + max-height: 13rem; + } + + .sm\:max-h-56 { + max-height: 14rem; + } + + .sm\:max-h-60 { + max-height: 15rem; + } + + .sm\:max-h-64 { + max-height: 16rem; + } + + .sm\:max-h-72 { + max-height: 18rem; + } + + .sm\:max-h-80 { + max-height: 20rem; + } + + .sm\:max-h-96 { + max-height: 24rem; + } + + .sm\:max-h-px { + max-height: 1px; + } + + .sm\:max-h-0\.5 { + max-height: 0.125rem; + } + + .sm\:max-h-1\.5 { + max-height: 0.375rem; + } + + .sm\:max-h-2\.5 { + max-height: 0.625rem; + } + + .sm\:max-h-3\.5 { + max-height: 0.875rem; + } + + .sm\:max-h-full { + max-height: 100%; + } + + .sm\:max-h-screen { + max-height: 100vh; + } + + .sm\:min-h-0 { + min-height: 0px; + } + + .sm\:min-h-full { + min-height: 100%; + } + + .sm\:min-h-screen { + min-height: 100vh; + } + + .sm\:w-0 { + width: 0px; + } + + .sm\:w-1 { + width: 0.25rem; + } + + .sm\:w-2 { + width: 0.5rem; + } + + .sm\:w-3 { + width: 0.75rem; + } + + .sm\:w-4 { + width: 1rem; + } + + .sm\:w-5 { + width: 1.25rem; + } + + .sm\:w-6 { + width: 1.5rem; + } + + .sm\:w-7 { + width: 1.75rem; + } + + .sm\:w-8 { + width: 2rem; + } + + .sm\:w-9 { + width: 2.25rem; + } + + .sm\:w-10 { + width: 2.5rem; + } + + .sm\:w-11 { + width: 2.75rem; + } + + .sm\:w-12 { + width: 3rem; + } + + .sm\:w-14 { + width: 3.5rem; + } + + .sm\:w-16 { + width: 4rem; + } + + .sm\:w-20 { + width: 5rem; + } + + .sm\:w-24 { + width: 6rem; + } + + .sm\:w-28 { + width: 7rem; + } + + .sm\:w-32 { + width: 8rem; + } + + .sm\:w-36 { + width: 9rem; + } + + .sm\:w-40 { + width: 10rem; + } + + .sm\:w-44 { + width: 11rem; + } + + .sm\:w-48 { + width: 12rem; + } + + .sm\:w-52 { + width: 13rem; + } + + .sm\:w-56 { + width: 14rem; + } + + .sm\:w-60 { + width: 15rem; + } + + .sm\:w-64 { + width: 16rem; + } + + .sm\:w-72 { + width: 18rem; + } + + .sm\:w-80 { + width: 20rem; + } + + .sm\:w-96 { + width: 24rem; + } + + .sm\:w-auto { + width: auto; + } + + .sm\:w-px { + width: 1px; + } + + .sm\:w-0\.5 { + width: 0.125rem; + } + + .sm\:w-1\.5 { + width: 0.375rem; + } + + .sm\:w-2\.5 { + width: 0.625rem; + } + + .sm\:w-3\.5 { + width: 0.875rem; + } + + .sm\:w-1\/2 { + width: 50%; + } + + .sm\:w-1\/3 { + width: 33.333333%; + } + + .sm\:w-2\/3 { + width: 66.666667%; + } + + .sm\:w-1\/4 { + width: 25%; + } + + .sm\:w-2\/4 { + width: 50%; + } + + .sm\:w-3\/4 { + width: 75%; + } + + .sm\:w-1\/5 { + width: 20%; + } + + .sm\:w-2\/5 { + width: 40%; + } + + .sm\:w-3\/5 { + width: 60%; + } + + .sm\:w-4\/5 { + width: 80%; + } + + .sm\:w-1\/6 { + width: 16.666667%; + } + + .sm\:w-2\/6 { + width: 33.333333%; + } + + .sm\:w-3\/6 { + width: 50%; + } + + .sm\:w-4\/6 { + width: 66.666667%; + } + + .sm\:w-5\/6 { + width: 83.333333%; + } + + .sm\:w-1\/12 { + width: 8.333333%; + } + + .sm\:w-2\/12 { + width: 16.666667%; + } + + .sm\:w-3\/12 { + width: 25%; + } + + .sm\:w-4\/12 { + width: 33.333333%; + } + + .sm\:w-5\/12 { + width: 41.666667%; + } + + .sm\:w-6\/12 { + width: 50%; + } + + .sm\:w-7\/12 { + width: 58.333333%; + } + + .sm\:w-8\/12 { + width: 66.666667%; + } + + .sm\:w-9\/12 { + width: 75%; + } + + .sm\:w-10\/12 { + width: 83.333333%; + } + + .sm\:w-11\/12 { + width: 91.666667%; + } + + .sm\:w-full { + width: 100%; + } + + .sm\:w-screen { + width: 100vw; + } + + .sm\:w-min { + width: -moz-min-content; + width: min-content; + } + + .sm\:w-max { + width: -moz-max-content; + width: max-content; + } + + .sm\:min-w-0 { + min-width: 0px; + } + + .sm\:min-w-full { + min-width: 100%; + } + + .sm\:min-w-min { + min-width: -moz-min-content; + min-width: min-content; + } + + .sm\:min-w-max { + min-width: -moz-max-content; + min-width: max-content; + } + + .sm\:max-w-0 { + max-width: 0rem; + } + + .sm\:max-w-none { + max-width: none; + } + + .sm\:max-w-xs { + max-width: 20rem; + } + + .sm\:max-w-sm { + max-width: 24rem; + } + + .sm\:max-w-md { + max-width: 28rem; + } + + .sm\:max-w-lg { + max-width: 32rem; + } + + .sm\:max-w-xl { + max-width: 36rem; + } + + .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-6xl { + max-width: 72rem; + } + + .sm\:max-w-7xl { + max-width: 80rem; + } + + .sm\:max-w-full { + max-width: 100%; + } + + .sm\:max-w-min { + max-width: -moz-min-content; + max-width: min-content; + } + + .sm\:max-w-max { + max-width: -moz-max-content; + max-width: max-content; + } + + .sm\:max-w-prose { + max-width: 65ch; + } + + .sm\:max-w-screen-sm { + max-width: 640px; + } + + .sm\:max-w-screen-md { + max-width: 768px; + } + + .sm\:max-w-screen-lg { + max-width: 1024px; + } + + .sm\:max-w-screen-xl { + max-width: 1280px; + } + + .sm\:max-w-screen-2xl { + max-width: 1536px; + } + + .sm\:flex-1 { + flex: 1 1 0%; + } + + .sm\:flex-auto { + flex: 1 1 auto; + } + + .sm\:flex-initial { + flex: 0 1 auto; + } + + .sm\:flex-none { + flex: none; + } + + .sm\:flex-shrink-0 { + flex-shrink: 0; + } + + .sm\:flex-shrink { + flex-shrink: 1; + } + + .sm\:flex-grow-0 { + flex-grow: 0; + } + + .sm\:flex-grow { + flex-grow: 1; + } + + .sm\:table-auto { + table-layout: auto; + } + + .sm\:table-fixed { + table-layout: fixed; + } + + .sm\:border-collapse { + border-collapse: collapse; + } + + .sm\:border-separate { + border-collapse: separate; + } + + .sm\:origin-center { + transform-origin: center; + } + + .sm\:origin-top { + transform-origin: top; + } + + .sm\:origin-top-right { + transform-origin: top right; + } + + .sm\:origin-right { + transform-origin: right; + } + + .sm\:origin-bottom-right { + transform-origin: bottom right; + } + + .sm\:origin-bottom { + transform-origin: bottom; + } + + .sm\:origin-bottom-left { + transform-origin: bottom left; + } + + .sm\:origin-left { + transform-origin: left; + } + + .sm\:origin-top-left { + transform-origin: top left; + } + + .sm\:transform { + --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; + transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); + } + + .sm\:transform-gpu { + --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; + transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); + } + + .sm\:transform-none { + transform: none; + } + + .sm\:translate-x-0 { + --tw-translate-x: 0px; + } + + .sm\:translate-x-1 { + --tw-translate-x: 0.25rem; + } + + .sm\:translate-x-2 { + --tw-translate-x: 0.5rem; + } + + .sm\:translate-x-3 { + --tw-translate-x: 0.75rem; + } + + .sm\:translate-x-4 { + --tw-translate-x: 1rem; + } + + .sm\:translate-x-5 { + --tw-translate-x: 1.25rem; + } + + .sm\:translate-x-6 { + --tw-translate-x: 1.5rem; + } + + .sm\:translate-x-7 { + --tw-translate-x: 1.75rem; + } + + .sm\:translate-x-8 { + --tw-translate-x: 2rem; + } + + .sm\:translate-x-9 { + --tw-translate-x: 2.25rem; + } + + .sm\:translate-x-10 { + --tw-translate-x: 2.5rem; + } + + .sm\:translate-x-11 { + --tw-translate-x: 2.75rem; + } + + .sm\:translate-x-12 { + --tw-translate-x: 3rem; + } + + .sm\:translate-x-14 { + --tw-translate-x: 3.5rem; + } + + .sm\:translate-x-16 { + --tw-translate-x: 4rem; + } + + .sm\:translate-x-20 { + --tw-translate-x: 5rem; + } + + .sm\:translate-x-24 { + --tw-translate-x: 6rem; + } + + .sm\:translate-x-28 { + --tw-translate-x: 7rem; + } + + .sm\:translate-x-32 { + --tw-translate-x: 8rem; + } + + .sm\:translate-x-36 { + --tw-translate-x: 9rem; + } + + .sm\:translate-x-40 { + --tw-translate-x: 10rem; + } + + .sm\:translate-x-44 { + --tw-translate-x: 11rem; + } + + .sm\:translate-x-48 { + --tw-translate-x: 12rem; + } + + .sm\:translate-x-52 { + --tw-translate-x: 13rem; + } + + .sm\:translate-x-56 { + --tw-translate-x: 14rem; + } + + .sm\:translate-x-60 { + --tw-translate-x: 15rem; + } + + .sm\:translate-x-64 { + --tw-translate-x: 16rem; + } + + .sm\:translate-x-72 { + --tw-translate-x: 18rem; + } + + .sm\:translate-x-80 { + --tw-translate-x: 20rem; + } + + .sm\:translate-x-96 { + --tw-translate-x: 24rem; + } + + .sm\:translate-x-px { + --tw-translate-x: 1px; + } + + .sm\:translate-x-0\.5 { + --tw-translate-x: 0.125rem; + } + + .sm\:translate-x-1\.5 { + --tw-translate-x: 0.375rem; + } + + .sm\:translate-x-2\.5 { + --tw-translate-x: 0.625rem; + } + + .sm\:translate-x-3\.5 { + --tw-translate-x: 0.875rem; + } + + .sm\:-translate-x-0 { + --tw-translate-x: 0px; + } + + .sm\:-translate-x-1 { + --tw-translate-x: -0.25rem; + } + + .sm\:-translate-x-2 { + --tw-translate-x: -0.5rem; + } + + .sm\:-translate-x-3 { + --tw-translate-x: -0.75rem; + } + + .sm\:-translate-x-4 { + --tw-translate-x: -1rem; + } + + .sm\:-translate-x-5 { + --tw-translate-x: -1.25rem; + } + + .sm\:-translate-x-6 { + --tw-translate-x: -1.5rem; + } + + .sm\:-translate-x-7 { + --tw-translate-x: -1.75rem; + } + + .sm\:-translate-x-8 { + --tw-translate-x: -2rem; + } + + .sm\:-translate-x-9 { + --tw-translate-x: -2.25rem; + } + + .sm\:-translate-x-10 { + --tw-translate-x: -2.5rem; + } + + .sm\:-translate-x-11 { + --tw-translate-x: -2.75rem; + } + + .sm\:-translate-x-12 { + --tw-translate-x: -3rem; + } + + .sm\:-translate-x-14 { + --tw-translate-x: -3.5rem; + } + + .sm\:-translate-x-16 { + --tw-translate-x: -4rem; + } + + .sm\:-translate-x-20 { + --tw-translate-x: -5rem; + } + + .sm\:-translate-x-24 { + --tw-translate-x: -6rem; + } + + .sm\:-translate-x-28 { + --tw-translate-x: -7rem; + } + + .sm\:-translate-x-32 { + --tw-translate-x: -8rem; + } + + .sm\:-translate-x-36 { + --tw-translate-x: -9rem; + } + + .sm\:-translate-x-40 { + --tw-translate-x: -10rem; + } + + .sm\:-translate-x-44 { + --tw-translate-x: -11rem; + } + + .sm\:-translate-x-48 { + --tw-translate-x: -12rem; + } + + .sm\:-translate-x-52 { + --tw-translate-x: -13rem; + } + + .sm\:-translate-x-56 { + --tw-translate-x: -14rem; + } + + .sm\:-translate-x-60 { + --tw-translate-x: -15rem; + } + + .sm\:-translate-x-64 { + --tw-translate-x: -16rem; + } + + .sm\:-translate-x-72 { + --tw-translate-x: -18rem; + } + + .sm\:-translate-x-80 { + --tw-translate-x: -20rem; + } + + .sm\:-translate-x-96 { + --tw-translate-x: -24rem; + } + + .sm\:-translate-x-px { + --tw-translate-x: -1px; + } + + .sm\:-translate-x-0\.5 { + --tw-translate-x: -0.125rem; + } + + .sm\:-translate-x-1\.5 { + --tw-translate-x: -0.375rem; + } + + .sm\:-translate-x-2\.5 { + --tw-translate-x: -0.625rem; + } + + .sm\:-translate-x-3\.5 { + --tw-translate-x: -0.875rem; + } + + .sm\:translate-x-1\/2 { + --tw-translate-x: 50%; + } + + .sm\:translate-x-1\/3 { + --tw-translate-x: 33.333333%; + } + + .sm\:translate-x-2\/3 { + --tw-translate-x: 66.666667%; + } + + .sm\:translate-x-1\/4 { + --tw-translate-x: 25%; + } + + .sm\:translate-x-2\/4 { + --tw-translate-x: 50%; + } + + .sm\:translate-x-3\/4 { + --tw-translate-x: 75%; + } + + .sm\:translate-x-full { + --tw-translate-x: 100%; + } + + .sm\:-translate-x-1\/2 { + --tw-translate-x: -50%; + } + + .sm\:-translate-x-1\/3 { + --tw-translate-x: -33.333333%; + } + + .sm\:-translate-x-2\/3 { + --tw-translate-x: -66.666667%; + } + + .sm\:-translate-x-1\/4 { + --tw-translate-x: -25%; + } + + .sm\:-translate-x-2\/4 { + --tw-translate-x: -50%; + } + + .sm\:-translate-x-3\/4 { + --tw-translate-x: -75%; + } + + .sm\:-translate-x-full { + --tw-translate-x: -100%; + } + + .sm\:translate-y-0 { + --tw-translate-y: 0px; + } + + .sm\:translate-y-1 { + --tw-translate-y: 0.25rem; + } + + .sm\:translate-y-2 { + --tw-translate-y: 0.5rem; + } + + .sm\:translate-y-3 { + --tw-translate-y: 0.75rem; + } + + .sm\:translate-y-4 { + --tw-translate-y: 1rem; + } + + .sm\:translate-y-5 { + --tw-translate-y: 1.25rem; + } + + .sm\:translate-y-6 { + --tw-translate-y: 1.5rem; + } + + .sm\:translate-y-7 { + --tw-translate-y: 1.75rem; + } + + .sm\:translate-y-8 { + --tw-translate-y: 2rem; + } + + .sm\:translate-y-9 { + --tw-translate-y: 2.25rem; + } + + .sm\:translate-y-10 { + --tw-translate-y: 2.5rem; + } + + .sm\:translate-y-11 { + --tw-translate-y: 2.75rem; + } + + .sm\:translate-y-12 { + --tw-translate-y: 3rem; + } + + .sm\:translate-y-14 { + --tw-translate-y: 3.5rem; + } + + .sm\:translate-y-16 { + --tw-translate-y: 4rem; + } + + .sm\:translate-y-20 { + --tw-translate-y: 5rem; + } + + .sm\:translate-y-24 { + --tw-translate-y: 6rem; + } + + .sm\:translate-y-28 { + --tw-translate-y: 7rem; + } + + .sm\:translate-y-32 { + --tw-translate-y: 8rem; + } + + .sm\:translate-y-36 { + --tw-translate-y: 9rem; + } + + .sm\:translate-y-40 { + --tw-translate-y: 10rem; + } + + .sm\:translate-y-44 { + --tw-translate-y: 11rem; + } + + .sm\:translate-y-48 { + --tw-translate-y: 12rem; + } + + .sm\:translate-y-52 { + --tw-translate-y: 13rem; + } + + .sm\:translate-y-56 { + --tw-translate-y: 14rem; + } + + .sm\:translate-y-60 { + --tw-translate-y: 15rem; + } + + .sm\:translate-y-64 { + --tw-translate-y: 16rem; + } + + .sm\:translate-y-72 { + --tw-translate-y: 18rem; + } + + .sm\:translate-y-80 { + --tw-translate-y: 20rem; + } + + .sm\:translate-y-96 { + --tw-translate-y: 24rem; + } + + .sm\:translate-y-px { + --tw-translate-y: 1px; + } + + .sm\:translate-y-0\.5 { + --tw-translate-y: 0.125rem; + } + + .sm\:translate-y-1\.5 { + --tw-translate-y: 0.375rem; + } + + .sm\:translate-y-2\.5 { + --tw-translate-y: 0.625rem; + } + + .sm\:translate-y-3\.5 { + --tw-translate-y: 0.875rem; + } + + .sm\:-translate-y-0 { + --tw-translate-y: 0px; + } + + .sm\:-translate-y-1 { + --tw-translate-y: -0.25rem; + } + + .sm\:-translate-y-2 { + --tw-translate-y: -0.5rem; + } + + .sm\:-translate-y-3 { + --tw-translate-y: -0.75rem; + } + + .sm\:-translate-y-4 { + --tw-translate-y: -1rem; + } + + .sm\:-translate-y-5 { + --tw-translate-y: -1.25rem; + } + + .sm\:-translate-y-6 { + --tw-translate-y: -1.5rem; + } + + .sm\:-translate-y-7 { + --tw-translate-y: -1.75rem; + } + + .sm\:-translate-y-8 { + --tw-translate-y: -2rem; + } + + .sm\:-translate-y-9 { + --tw-translate-y: -2.25rem; + } + + .sm\:-translate-y-10 { + --tw-translate-y: -2.5rem; + } + + .sm\:-translate-y-11 { + --tw-translate-y: -2.75rem; + } + + .sm\:-translate-y-12 { + --tw-translate-y: -3rem; + } + + .sm\:-translate-y-14 { + --tw-translate-y: -3.5rem; + } + + .sm\:-translate-y-16 { + --tw-translate-y: -4rem; + } + + .sm\:-translate-y-20 { + --tw-translate-y: -5rem; + } + + .sm\:-translate-y-24 { + --tw-translate-y: -6rem; + } + + .sm\:-translate-y-28 { + --tw-translate-y: -7rem; + } + + .sm\:-translate-y-32 { + --tw-translate-y: -8rem; + } + + .sm\:-translate-y-36 { + --tw-translate-y: -9rem; + } + + .sm\:-translate-y-40 { + --tw-translate-y: -10rem; + } + + .sm\:-translate-y-44 { + --tw-translate-y: -11rem; + } + + .sm\:-translate-y-48 { + --tw-translate-y: -12rem; + } + + .sm\:-translate-y-52 { + --tw-translate-y: -13rem; + } + + .sm\:-translate-y-56 { + --tw-translate-y: -14rem; + } + + .sm\:-translate-y-60 { + --tw-translate-y: -15rem; + } + + .sm\:-translate-y-64 { + --tw-translate-y: -16rem; + } + + .sm\:-translate-y-72 { + --tw-translate-y: -18rem; + } + + .sm\:-translate-y-80 { + --tw-translate-y: -20rem; + } + + .sm\:-translate-y-96 { + --tw-translate-y: -24rem; + } + + .sm\:-translate-y-px { + --tw-translate-y: -1px; + } + + .sm\:-translate-y-0\.5 { + --tw-translate-y: -0.125rem; + } + + .sm\:-translate-y-1\.5 { + --tw-translate-y: -0.375rem; + } + + .sm\:-translate-y-2\.5 { + --tw-translate-y: -0.625rem; + } + + .sm\:-translate-y-3\.5 { + --tw-translate-y: -0.875rem; + } + + .sm\:translate-y-1\/2 { + --tw-translate-y: 50%; + } + + .sm\:translate-y-1\/3 { + --tw-translate-y: 33.333333%; + } + + .sm\:translate-y-2\/3 { + --tw-translate-y: 66.666667%; + } + + .sm\:translate-y-1\/4 { + --tw-translate-y: 25%; + } + + .sm\:translate-y-2\/4 { + --tw-translate-y: 50%; + } + + .sm\:translate-y-3\/4 { + --tw-translate-y: 75%; + } + + .sm\:translate-y-full { + --tw-translate-y: 100%; + } + + .sm\:-translate-y-1\/2 { + --tw-translate-y: -50%; + } + + .sm\:-translate-y-1\/3 { + --tw-translate-y: -33.333333%; + } + + .sm\:-translate-y-2\/3 { + --tw-translate-y: -66.666667%; + } + + .sm\:-translate-y-1\/4 { + --tw-translate-y: -25%; + } + + .sm\:-translate-y-2\/4 { + --tw-translate-y: -50%; + } + + .sm\:-translate-y-3\/4 { + --tw-translate-y: -75%; + } + + .sm\:-translate-y-full { + --tw-translate-y: -100%; + } + + .sm\:hover\:translate-x-0:hover { + --tw-translate-x: 0px; + } + + .sm\:hover\:translate-x-1:hover { + --tw-translate-x: 0.25rem; + } + + .sm\:hover\:translate-x-2:hover { + --tw-translate-x: 0.5rem; + } + + .sm\:hover\:translate-x-3:hover { + --tw-translate-x: 0.75rem; + } + + .sm\:hover\:translate-x-4:hover { + --tw-translate-x: 1rem; + } + + .sm\:hover\:translate-x-5:hover { + --tw-translate-x: 1.25rem; + } + + .sm\:hover\:translate-x-6:hover { + --tw-translate-x: 1.5rem; + } + + .sm\:hover\:translate-x-7:hover { + --tw-translate-x: 1.75rem; + } + + .sm\:hover\:translate-x-8:hover { + --tw-translate-x: 2rem; + } + + .sm\:hover\:translate-x-9:hover { + --tw-translate-x: 2.25rem; + } + + .sm\:hover\:translate-x-10:hover { + --tw-translate-x: 2.5rem; + } + + .sm\:hover\:translate-x-11:hover { + --tw-translate-x: 2.75rem; + } + + .sm\:hover\:translate-x-12:hover { + --tw-translate-x: 3rem; + } + + .sm\:hover\:translate-x-14:hover { + --tw-translate-x: 3.5rem; + } + + .sm\:hover\:translate-x-16:hover { + --tw-translate-x: 4rem; + } + + .sm\:hover\:translate-x-20:hover { + --tw-translate-x: 5rem; + } + + .sm\:hover\:translate-x-24:hover { + --tw-translate-x: 6rem; + } + + .sm\:hover\:translate-x-28:hover { + --tw-translate-x: 7rem; + } + + .sm\:hover\:translate-x-32:hover { + --tw-translate-x: 8rem; + } + + .sm\:hover\:translate-x-36:hover { + --tw-translate-x: 9rem; + } + + .sm\:hover\:translate-x-40:hover { + --tw-translate-x: 10rem; + } + + .sm\:hover\:translate-x-44:hover { + --tw-translate-x: 11rem; + } + + .sm\:hover\:translate-x-48:hover { + --tw-translate-x: 12rem; + } + + .sm\:hover\:translate-x-52:hover { + --tw-translate-x: 13rem; + } + + .sm\:hover\:translate-x-56:hover { + --tw-translate-x: 14rem; + } + + .sm\:hover\:translate-x-60:hover { + --tw-translate-x: 15rem; + } + + .sm\:hover\:translate-x-64:hover { + --tw-translate-x: 16rem; + } + + .sm\:hover\:translate-x-72:hover { + --tw-translate-x: 18rem; + } + + .sm\:hover\:translate-x-80:hover { + --tw-translate-x: 20rem; + } + + .sm\:hover\:translate-x-96:hover { + --tw-translate-x: 24rem; + } + + .sm\:hover\:translate-x-px:hover { + --tw-translate-x: 1px; + } + + .sm\:hover\:translate-x-0\.5:hover { + --tw-translate-x: 0.125rem; + } + + .sm\:hover\:translate-x-1\.5:hover { + --tw-translate-x: 0.375rem; + } + + .sm\:hover\:translate-x-2\.5:hover { + --tw-translate-x: 0.625rem; + } + + .sm\:hover\:translate-x-3\.5:hover { + --tw-translate-x: 0.875rem; + } + + .sm\:hover\:-translate-x-0:hover { + --tw-translate-x: 0px; + } + + .sm\:hover\:-translate-x-1:hover { + --tw-translate-x: -0.25rem; + } + + .sm\:hover\:-translate-x-2:hover { + --tw-translate-x: -0.5rem; + } + + .sm\:hover\:-translate-x-3:hover { + --tw-translate-x: -0.75rem; + } + + .sm\:hover\:-translate-x-4:hover { + --tw-translate-x: -1rem; + } + + .sm\:hover\:-translate-x-5:hover { + --tw-translate-x: -1.25rem; + } + + .sm\:hover\:-translate-x-6:hover { + --tw-translate-x: -1.5rem; + } + + .sm\:hover\:-translate-x-7:hover { + --tw-translate-x: -1.75rem; + } + + .sm\:hover\:-translate-x-8:hover { + --tw-translate-x: -2rem; + } + + .sm\:hover\:-translate-x-9:hover { + --tw-translate-x: -2.25rem; + } + + .sm\:hover\:-translate-x-10:hover { + --tw-translate-x: -2.5rem; + } + + .sm\:hover\:-translate-x-11:hover { + --tw-translate-x: -2.75rem; + } + + .sm\:hover\:-translate-x-12:hover { + --tw-translate-x: -3rem; + } + + .sm\:hover\:-translate-x-14:hover { + --tw-translate-x: -3.5rem; + } + + .sm\:hover\:-translate-x-16:hover { + --tw-translate-x: -4rem; + } + + .sm\:hover\:-translate-x-20:hover { + --tw-translate-x: -5rem; + } + + .sm\:hover\:-translate-x-24:hover { + --tw-translate-x: -6rem; + } + + .sm\:hover\:-translate-x-28:hover { + --tw-translate-x: -7rem; + } + + .sm\:hover\:-translate-x-32:hover { + --tw-translate-x: -8rem; + } + + .sm\:hover\:-translate-x-36:hover { + --tw-translate-x: -9rem; + } + + .sm\:hover\:-translate-x-40:hover { + --tw-translate-x: -10rem; + } + + .sm\:hover\:-translate-x-44:hover { + --tw-translate-x: -11rem; + } + + .sm\:hover\:-translate-x-48:hover { + --tw-translate-x: -12rem; + } + + .sm\:hover\:-translate-x-52:hover { + --tw-translate-x: -13rem; + } + + .sm\:hover\:-translate-x-56:hover { + --tw-translate-x: -14rem; + } + + .sm\:hover\:-translate-x-60:hover { + --tw-translate-x: -15rem; + } + + .sm\:hover\:-translate-x-64:hover { + --tw-translate-x: -16rem; + } + + .sm\:hover\:-translate-x-72:hover { + --tw-translate-x: -18rem; + } + + .sm\:hover\:-translate-x-80:hover { + --tw-translate-x: -20rem; + } + + .sm\:hover\:-translate-x-96:hover { + --tw-translate-x: -24rem; + } + + .sm\:hover\:-translate-x-px:hover { + --tw-translate-x: -1px; + } + + .sm\:hover\:-translate-x-0\.5:hover { + --tw-translate-x: -0.125rem; + } + + .sm\:hover\:-translate-x-1\.5:hover { + --tw-translate-x: -0.375rem; + } + + .sm\:hover\:-translate-x-2\.5:hover { + --tw-translate-x: -0.625rem; + } + + .sm\:hover\:-translate-x-3\.5:hover { + --tw-translate-x: -0.875rem; + } + + .sm\:hover\:translate-x-1\/2:hover { + --tw-translate-x: 50%; + } + + .sm\:hover\:translate-x-1\/3:hover { + --tw-translate-x: 33.333333%; + } + + .sm\:hover\:translate-x-2\/3:hover { + --tw-translate-x: 66.666667%; + } + + .sm\:hover\:translate-x-1\/4:hover { + --tw-translate-x: 25%; + } + + .sm\:hover\:translate-x-2\/4:hover { + --tw-translate-x: 50%; + } + + .sm\:hover\:translate-x-3\/4:hover { + --tw-translate-x: 75%; + } + + .sm\:hover\:translate-x-full:hover { + --tw-translate-x: 100%; + } + + .sm\:hover\:-translate-x-1\/2:hover { + --tw-translate-x: -50%; + } + + .sm\:hover\:-translate-x-1\/3:hover { + --tw-translate-x: -33.333333%; + } + + .sm\:hover\:-translate-x-2\/3:hover { + --tw-translate-x: -66.666667%; + } + + .sm\:hover\:-translate-x-1\/4:hover { + --tw-translate-x: -25%; + } + + .sm\:hover\:-translate-x-2\/4:hover { + --tw-translate-x: -50%; + } + + .sm\:hover\:-translate-x-3\/4:hover { + --tw-translate-x: -75%; + } + + .sm\:hover\:-translate-x-full:hover { + --tw-translate-x: -100%; + } + + .sm\:hover\:translate-y-0:hover { + --tw-translate-y: 0px; + } + + .sm\:hover\:translate-y-1:hover { + --tw-translate-y: 0.25rem; + } + + .sm\:hover\:translate-y-2:hover { + --tw-translate-y: 0.5rem; + } + + .sm\:hover\:translate-y-3:hover { + --tw-translate-y: 0.75rem; + } + + .sm\:hover\:translate-y-4:hover { + --tw-translate-y: 1rem; + } + + .sm\:hover\:translate-y-5:hover { + --tw-translate-y: 1.25rem; + } + + .sm\:hover\:translate-y-6:hover { + --tw-translate-y: 1.5rem; + } + + .sm\:hover\:translate-y-7:hover { + --tw-translate-y: 1.75rem; + } + + .sm\:hover\:translate-y-8:hover { + --tw-translate-y: 2rem; + } + + .sm\:hover\:translate-y-9:hover { + --tw-translate-y: 2.25rem; + } + + .sm\:hover\:translate-y-10:hover { + --tw-translate-y: 2.5rem; + } + + .sm\:hover\:translate-y-11:hover { + --tw-translate-y: 2.75rem; + } + + .sm\:hover\:translate-y-12:hover { + --tw-translate-y: 3rem; + } + + .sm\:hover\:translate-y-14:hover { + --tw-translate-y: 3.5rem; + } + + .sm\:hover\:translate-y-16:hover { + --tw-translate-y: 4rem; + } + + .sm\:hover\:translate-y-20:hover { + --tw-translate-y: 5rem; + } + + .sm\:hover\:translate-y-24:hover { + --tw-translate-y: 6rem; + } + + .sm\:hover\:translate-y-28:hover { + --tw-translate-y: 7rem; + } + + .sm\:hover\:translate-y-32:hover { + --tw-translate-y: 8rem; + } + + .sm\:hover\:translate-y-36:hover { + --tw-translate-y: 9rem; + } + + .sm\:hover\:translate-y-40:hover { + --tw-translate-y: 10rem; + } + + .sm\:hover\:translate-y-44:hover { + --tw-translate-y: 11rem; + } + + .sm\:hover\:translate-y-48:hover { + --tw-translate-y: 12rem; + } + + .sm\:hover\:translate-y-52:hover { + --tw-translate-y: 13rem; + } + + .sm\:hover\:translate-y-56:hover { + --tw-translate-y: 14rem; + } + + .sm\:hover\:translate-y-60:hover { + --tw-translate-y: 15rem; + } + + .sm\:hover\:translate-y-64:hover { + --tw-translate-y: 16rem; + } + + .sm\:hover\:translate-y-72:hover { + --tw-translate-y: 18rem; + } + + .sm\:hover\:translate-y-80:hover { + --tw-translate-y: 20rem; + } + + .sm\:hover\:translate-y-96:hover { + --tw-translate-y: 24rem; + } + + .sm\:hover\:translate-y-px:hover { + --tw-translate-y: 1px; + } + + .sm\:hover\:translate-y-0\.5:hover { + --tw-translate-y: 0.125rem; + } + + .sm\:hover\:translate-y-1\.5:hover { + --tw-translate-y: 0.375rem; + } + + .sm\:hover\:translate-y-2\.5:hover { + --tw-translate-y: 0.625rem; + } + + .sm\:hover\:translate-y-3\.5:hover { + --tw-translate-y: 0.875rem; + } + + .sm\:hover\:-translate-y-0:hover { + --tw-translate-y: 0px; + } + + .sm\:hover\:-translate-y-1:hover { + --tw-translate-y: -0.25rem; + } + + .sm\:hover\:-translate-y-2:hover { + --tw-translate-y: -0.5rem; + } + + .sm\:hover\:-translate-y-3:hover { + --tw-translate-y: -0.75rem; + } + + .sm\:hover\:-translate-y-4:hover { + --tw-translate-y: -1rem; + } + + .sm\:hover\:-translate-y-5:hover { + --tw-translate-y: -1.25rem; + } + + .sm\:hover\:-translate-y-6:hover { + --tw-translate-y: -1.5rem; + } + + .sm\:hover\:-translate-y-7:hover { + --tw-translate-y: -1.75rem; + } + + .sm\:hover\:-translate-y-8:hover { + --tw-translate-y: -2rem; + } + + .sm\:hover\:-translate-y-9:hover { + --tw-translate-y: -2.25rem; + } + + .sm\:hover\:-translate-y-10:hover { + --tw-translate-y: -2.5rem; + } + + .sm\:hover\:-translate-y-11:hover { + --tw-translate-y: -2.75rem; + } + + .sm\:hover\:-translate-y-12:hover { + --tw-translate-y: -3rem; + } + + .sm\:hover\:-translate-y-14:hover { + --tw-translate-y: -3.5rem; + } + + .sm\:hover\:-translate-y-16:hover { + --tw-translate-y: -4rem; + } + + .sm\:hover\:-translate-y-20:hover { + --tw-translate-y: -5rem; + } + + .sm\:hover\:-translate-y-24:hover { + --tw-translate-y: -6rem; + } + + .sm\:hover\:-translate-y-28:hover { + --tw-translate-y: -7rem; + } + + .sm\:hover\:-translate-y-32:hover { + --tw-translate-y: -8rem; + } + + .sm\:hover\:-translate-y-36:hover { + --tw-translate-y: -9rem; + } + + .sm\:hover\:-translate-y-40:hover { + --tw-translate-y: -10rem; + } + + .sm\:hover\:-translate-y-44:hover { + --tw-translate-y: -11rem; + } + + .sm\:hover\:-translate-y-48:hover { + --tw-translate-y: -12rem; + } + + .sm\:hover\:-translate-y-52:hover { + --tw-translate-y: -13rem; + } + + .sm\:hover\:-translate-y-56:hover { + --tw-translate-y: -14rem; + } + + .sm\:hover\:-translate-y-60:hover { + --tw-translate-y: -15rem; + } + + .sm\:hover\:-translate-y-64:hover { + --tw-translate-y: -16rem; + } + + .sm\:hover\:-translate-y-72:hover { + --tw-translate-y: -18rem; + } + + .sm\:hover\:-translate-y-80:hover { + --tw-translate-y: -20rem; + } + + .sm\:hover\:-translate-y-96:hover { + --tw-translate-y: -24rem; + } + + .sm\:hover\:-translate-y-px:hover { + --tw-translate-y: -1px; + } + + .sm\:hover\:-translate-y-0\.5:hover { + --tw-translate-y: -0.125rem; + } + + .sm\:hover\:-translate-y-1\.5:hover { + --tw-translate-y: -0.375rem; + } + + .sm\:hover\:-translate-y-2\.5:hover { + --tw-translate-y: -0.625rem; + } + + .sm\:hover\:-translate-y-3\.5:hover { + --tw-translate-y: -0.875rem; + } + + .sm\:hover\:translate-y-1\/2:hover { + --tw-translate-y: 50%; + } + + .sm\:hover\:translate-y-1\/3:hover { + --tw-translate-y: 33.333333%; + } + + .sm\:hover\:translate-y-2\/3:hover { + --tw-translate-y: 66.666667%; + } + + .sm\:hover\:translate-y-1\/4:hover { + --tw-translate-y: 25%; + } + + .sm\:hover\:translate-y-2\/4:hover { + --tw-translate-y: 50%; + } + + .sm\:hover\:translate-y-3\/4:hover { + --tw-translate-y: 75%; + } + + .sm\:hover\:translate-y-full:hover { + --tw-translate-y: 100%; + } + + .sm\:hover\:-translate-y-1\/2:hover { + --tw-translate-y: -50%; + } + + .sm\:hover\:-translate-y-1\/3:hover { + --tw-translate-y: -33.333333%; + } + + .sm\:hover\:-translate-y-2\/3:hover { + --tw-translate-y: -66.666667%; + } + + .sm\:hover\:-translate-y-1\/4:hover { + --tw-translate-y: -25%; + } + + .sm\:hover\:-translate-y-2\/4:hover { + --tw-translate-y: -50%; + } + + .sm\:hover\:-translate-y-3\/4:hover { + --tw-translate-y: -75%; + } + + .sm\:hover\:-translate-y-full:hover { + --tw-translate-y: -100%; + } + + .sm\:focus\:translate-x-0:focus { + --tw-translate-x: 0px; + } + + .sm\:focus\:translate-x-1:focus { + --tw-translate-x: 0.25rem; + } + + .sm\:focus\:translate-x-2:focus { + --tw-translate-x: 0.5rem; + } + + .sm\:focus\:translate-x-3:focus { + --tw-translate-x: 0.75rem; + } + + .sm\:focus\:translate-x-4:focus { + --tw-translate-x: 1rem; + } + + .sm\:focus\:translate-x-5:focus { + --tw-translate-x: 1.25rem; + } + + .sm\:focus\:translate-x-6:focus { + --tw-translate-x: 1.5rem; + } + + .sm\:focus\:translate-x-7:focus { + --tw-translate-x: 1.75rem; + } + + .sm\:focus\:translate-x-8:focus { + --tw-translate-x: 2rem; + } + + .sm\:focus\:translate-x-9:focus { + --tw-translate-x: 2.25rem; + } + + .sm\:focus\:translate-x-10:focus { + --tw-translate-x: 2.5rem; + } + + .sm\:focus\:translate-x-11:focus { + --tw-translate-x: 2.75rem; + } + + .sm\:focus\:translate-x-12:focus { + --tw-translate-x: 3rem; + } + + .sm\:focus\:translate-x-14:focus { + --tw-translate-x: 3.5rem; + } + + .sm\:focus\:translate-x-16:focus { + --tw-translate-x: 4rem; + } + + .sm\:focus\:translate-x-20:focus { + --tw-translate-x: 5rem; + } + + .sm\:focus\:translate-x-24:focus { + --tw-translate-x: 6rem; + } + + .sm\:focus\:translate-x-28:focus { + --tw-translate-x: 7rem; + } + + .sm\:focus\:translate-x-32:focus { + --tw-translate-x: 8rem; + } + + .sm\:focus\:translate-x-36:focus { + --tw-translate-x: 9rem; + } + + .sm\:focus\:translate-x-40:focus { + --tw-translate-x: 10rem; + } + + .sm\:focus\:translate-x-44:focus { + --tw-translate-x: 11rem; + } + + .sm\:focus\:translate-x-48:focus { + --tw-translate-x: 12rem; + } + + .sm\:focus\:translate-x-52:focus { + --tw-translate-x: 13rem; + } + + .sm\:focus\:translate-x-56:focus { + --tw-translate-x: 14rem; + } + + .sm\:focus\:translate-x-60:focus { + --tw-translate-x: 15rem; + } + + .sm\:focus\:translate-x-64:focus { + --tw-translate-x: 16rem; + } + + .sm\:focus\:translate-x-72:focus { + --tw-translate-x: 18rem; + } + + .sm\:focus\:translate-x-80:focus { + --tw-translate-x: 20rem; + } + + .sm\:focus\:translate-x-96:focus { + --tw-translate-x: 24rem; + } + + .sm\:focus\:translate-x-px:focus { + --tw-translate-x: 1px; + } + + .sm\:focus\:translate-x-0\.5:focus { + --tw-translate-x: 0.125rem; + } + + .sm\:focus\:translate-x-1\.5:focus { + --tw-translate-x: 0.375rem; + } + + .sm\:focus\:translate-x-2\.5:focus { + --tw-translate-x: 0.625rem; + } + + .sm\:focus\:translate-x-3\.5:focus { + --tw-translate-x: 0.875rem; + } + + .sm\:focus\:-translate-x-0:focus { + --tw-translate-x: 0px; + } + + .sm\:focus\:-translate-x-1:focus { + --tw-translate-x: -0.25rem; + } + + .sm\:focus\:-translate-x-2:focus { + --tw-translate-x: -0.5rem; + } + + .sm\:focus\:-translate-x-3:focus { + --tw-translate-x: -0.75rem; + } + + .sm\:focus\:-translate-x-4:focus { + --tw-translate-x: -1rem; + } + + .sm\:focus\:-translate-x-5:focus { + --tw-translate-x: -1.25rem; + } + + .sm\:focus\:-translate-x-6:focus { + --tw-translate-x: -1.5rem; + } + + .sm\:focus\:-translate-x-7:focus { + --tw-translate-x: -1.75rem; + } + + .sm\:focus\:-translate-x-8:focus { + --tw-translate-x: -2rem; + } + + .sm\:focus\:-translate-x-9:focus { + --tw-translate-x: -2.25rem; + } + + .sm\:focus\:-translate-x-10:focus { + --tw-translate-x: -2.5rem; + } + + .sm\:focus\:-translate-x-11:focus { + --tw-translate-x: -2.75rem; + } + + .sm\:focus\:-translate-x-12:focus { + --tw-translate-x: -3rem; + } + + .sm\:focus\:-translate-x-14:focus { + --tw-translate-x: -3.5rem; + } + + .sm\:focus\:-translate-x-16:focus { + --tw-translate-x: -4rem; + } + + .sm\:focus\:-translate-x-20:focus { + --tw-translate-x: -5rem; + } + + .sm\:focus\:-translate-x-24:focus { + --tw-translate-x: -6rem; + } + + .sm\:focus\:-translate-x-28:focus { + --tw-translate-x: -7rem; + } + + .sm\:focus\:-translate-x-32:focus { + --tw-translate-x: -8rem; + } + + .sm\:focus\:-translate-x-36:focus { + --tw-translate-x: -9rem; + } + + .sm\:focus\:-translate-x-40:focus { + --tw-translate-x: -10rem; + } + + .sm\:focus\:-translate-x-44:focus { + --tw-translate-x: -11rem; + } + + .sm\:focus\:-translate-x-48:focus { + --tw-translate-x: -12rem; + } + + .sm\:focus\:-translate-x-52:focus { + --tw-translate-x: -13rem; + } + + .sm\:focus\:-translate-x-56:focus { + --tw-translate-x: -14rem; + } + + .sm\:focus\:-translate-x-60:focus { + --tw-translate-x: -15rem; + } + + .sm\:focus\:-translate-x-64:focus { + --tw-translate-x: -16rem; + } + + .sm\:focus\:-translate-x-72:focus { + --tw-translate-x: -18rem; + } + + .sm\:focus\:-translate-x-80:focus { + --tw-translate-x: -20rem; + } + + .sm\:focus\:-translate-x-96:focus { + --tw-translate-x: -24rem; + } + + .sm\:focus\:-translate-x-px:focus { + --tw-translate-x: -1px; + } + + .sm\:focus\:-translate-x-0\.5:focus { + --tw-translate-x: -0.125rem; + } + + .sm\:focus\:-translate-x-1\.5:focus { + --tw-translate-x: -0.375rem; + } + + .sm\:focus\:-translate-x-2\.5:focus { + --tw-translate-x: -0.625rem; + } + + .sm\:focus\:-translate-x-3\.5:focus { + --tw-translate-x: -0.875rem; + } + + .sm\:focus\:translate-x-1\/2:focus { + --tw-translate-x: 50%; + } + + .sm\:focus\:translate-x-1\/3:focus { + --tw-translate-x: 33.333333%; + } + + .sm\:focus\:translate-x-2\/3:focus { + --tw-translate-x: 66.666667%; + } + + .sm\:focus\:translate-x-1\/4:focus { + --tw-translate-x: 25%; + } + + .sm\:focus\:translate-x-2\/4:focus { + --tw-translate-x: 50%; + } + + .sm\:focus\:translate-x-3\/4:focus { + --tw-translate-x: 75%; + } + + .sm\:focus\:translate-x-full:focus { + --tw-translate-x: 100%; + } + + .sm\:focus\:-translate-x-1\/2:focus { + --tw-translate-x: -50%; + } + + .sm\:focus\:-translate-x-1\/3:focus { + --tw-translate-x: -33.333333%; + } + + .sm\:focus\:-translate-x-2\/3:focus { + --tw-translate-x: -66.666667%; + } + + .sm\:focus\:-translate-x-1\/4:focus { + --tw-translate-x: -25%; + } + + .sm\:focus\:-translate-x-2\/4:focus { + --tw-translate-x: -50%; + } + + .sm\:focus\:-translate-x-3\/4:focus { + --tw-translate-x: -75%; + } + + .sm\:focus\:-translate-x-full:focus { + --tw-translate-x: -100%; + } + + .sm\:focus\:translate-y-0:focus { + --tw-translate-y: 0px; + } + + .sm\:focus\:translate-y-1:focus { + --tw-translate-y: 0.25rem; + } + + .sm\:focus\:translate-y-2:focus { + --tw-translate-y: 0.5rem; + } + + .sm\:focus\:translate-y-3:focus { + --tw-translate-y: 0.75rem; + } + + .sm\:focus\:translate-y-4:focus { + --tw-translate-y: 1rem; + } + + .sm\:focus\:translate-y-5:focus { + --tw-translate-y: 1.25rem; + } + + .sm\:focus\:translate-y-6:focus { + --tw-translate-y: 1.5rem; + } + + .sm\:focus\:translate-y-7:focus { + --tw-translate-y: 1.75rem; + } + + .sm\:focus\:translate-y-8:focus { + --tw-translate-y: 2rem; + } + + .sm\:focus\:translate-y-9:focus { + --tw-translate-y: 2.25rem; + } + + .sm\:focus\:translate-y-10:focus { + --tw-translate-y: 2.5rem; + } + + .sm\:focus\:translate-y-11:focus { + --tw-translate-y: 2.75rem; + } + + .sm\:focus\:translate-y-12:focus { + --tw-translate-y: 3rem; + } + + .sm\:focus\:translate-y-14:focus { + --tw-translate-y: 3.5rem; + } + + .sm\:focus\:translate-y-16:focus { + --tw-translate-y: 4rem; + } + + .sm\:focus\:translate-y-20:focus { + --tw-translate-y: 5rem; + } + + .sm\:focus\:translate-y-24:focus { + --tw-translate-y: 6rem; + } + + .sm\:focus\:translate-y-28:focus { + --tw-translate-y: 7rem; + } + + .sm\:focus\:translate-y-32:focus { + --tw-translate-y: 8rem; + } + + .sm\:focus\:translate-y-36:focus { + --tw-translate-y: 9rem; + } + + .sm\:focus\:translate-y-40:focus { + --tw-translate-y: 10rem; + } + + .sm\:focus\:translate-y-44:focus { + --tw-translate-y: 11rem; + } + + .sm\:focus\:translate-y-48:focus { + --tw-translate-y: 12rem; + } + + .sm\:focus\:translate-y-52:focus { + --tw-translate-y: 13rem; + } + + .sm\:focus\:translate-y-56:focus { + --tw-translate-y: 14rem; + } + + .sm\:focus\:translate-y-60:focus { + --tw-translate-y: 15rem; + } + + .sm\:focus\:translate-y-64:focus { + --tw-translate-y: 16rem; + } + + .sm\:focus\:translate-y-72:focus { + --tw-translate-y: 18rem; + } + + .sm\:focus\:translate-y-80:focus { + --tw-translate-y: 20rem; + } + + .sm\:focus\:translate-y-96:focus { + --tw-translate-y: 24rem; + } + + .sm\:focus\:translate-y-px:focus { + --tw-translate-y: 1px; + } + + .sm\:focus\:translate-y-0\.5:focus { + --tw-translate-y: 0.125rem; + } + + .sm\:focus\:translate-y-1\.5:focus { + --tw-translate-y: 0.375rem; + } + + .sm\:focus\:translate-y-2\.5:focus { + --tw-translate-y: 0.625rem; + } + + .sm\:focus\:translate-y-3\.5:focus { + --tw-translate-y: 0.875rem; + } + + .sm\:focus\:-translate-y-0:focus { + --tw-translate-y: 0px; + } + + .sm\:focus\:-translate-y-1:focus { + --tw-translate-y: -0.25rem; + } + + .sm\:focus\:-translate-y-2:focus { + --tw-translate-y: -0.5rem; + } + + .sm\:focus\:-translate-y-3:focus { + --tw-translate-y: -0.75rem; + } + + .sm\:focus\:-translate-y-4:focus { + --tw-translate-y: -1rem; + } + + .sm\:focus\:-translate-y-5:focus { + --tw-translate-y: -1.25rem; + } + + .sm\:focus\:-translate-y-6:focus { + --tw-translate-y: -1.5rem; + } + + .sm\:focus\:-translate-y-7:focus { + --tw-translate-y: -1.75rem; + } + + .sm\:focus\:-translate-y-8:focus { + --tw-translate-y: -2rem; + } + + .sm\:focus\:-translate-y-9:focus { + --tw-translate-y: -2.25rem; + } + + .sm\:focus\:-translate-y-10:focus { + --tw-translate-y: -2.5rem; + } + + .sm\:focus\:-translate-y-11:focus { + --tw-translate-y: -2.75rem; + } + + .sm\:focus\:-translate-y-12:focus { + --tw-translate-y: -3rem; + } + + .sm\:focus\:-translate-y-14:focus { + --tw-translate-y: -3.5rem; + } + + .sm\:focus\:-translate-y-16:focus { + --tw-translate-y: -4rem; + } + + .sm\:focus\:-translate-y-20:focus { + --tw-translate-y: -5rem; + } + + .sm\:focus\:-translate-y-24:focus { + --tw-translate-y: -6rem; + } + + .sm\:focus\:-translate-y-28:focus { + --tw-translate-y: -7rem; + } + + .sm\:focus\:-translate-y-32:focus { + --tw-translate-y: -8rem; + } + + .sm\:focus\:-translate-y-36:focus { + --tw-translate-y: -9rem; + } + + .sm\:focus\:-translate-y-40:focus { + --tw-translate-y: -10rem; + } + + .sm\:focus\:-translate-y-44:focus { + --tw-translate-y: -11rem; + } + + .sm\:focus\:-translate-y-48:focus { + --tw-translate-y: -12rem; + } + + .sm\:focus\:-translate-y-52:focus { + --tw-translate-y: -13rem; + } + + .sm\:focus\:-translate-y-56:focus { + --tw-translate-y: -14rem; + } + + .sm\:focus\:-translate-y-60:focus { + --tw-translate-y: -15rem; + } + + .sm\:focus\:-translate-y-64:focus { + --tw-translate-y: -16rem; + } + + .sm\:focus\:-translate-y-72:focus { + --tw-translate-y: -18rem; + } + + .sm\:focus\:-translate-y-80:focus { + --tw-translate-y: -20rem; + } + + .sm\:focus\:-translate-y-96:focus { + --tw-translate-y: -24rem; + } + + .sm\:focus\:-translate-y-px:focus { + --tw-translate-y: -1px; + } + + .sm\:focus\:-translate-y-0\.5:focus { + --tw-translate-y: -0.125rem; + } + + .sm\:focus\:-translate-y-1\.5:focus { + --tw-translate-y: -0.375rem; + } + + .sm\:focus\:-translate-y-2\.5:focus { + --tw-translate-y: -0.625rem; + } + + .sm\:focus\:-translate-y-3\.5:focus { + --tw-translate-y: -0.875rem; + } + + .sm\:focus\:translate-y-1\/2:focus { + --tw-translate-y: 50%; + } + + .sm\:focus\:translate-y-1\/3:focus { + --tw-translate-y: 33.333333%; + } + + .sm\:focus\:translate-y-2\/3:focus { + --tw-translate-y: 66.666667%; + } + + .sm\:focus\:translate-y-1\/4:focus { + --tw-translate-y: 25%; + } + + .sm\:focus\:translate-y-2\/4:focus { + --tw-translate-y: 50%; + } + + .sm\:focus\:translate-y-3\/4:focus { + --tw-translate-y: 75%; + } + + .sm\:focus\:translate-y-full:focus { + --tw-translate-y: 100%; + } + + .sm\:focus\:-translate-y-1\/2:focus { + --tw-translate-y: -50%; + } + + .sm\:focus\:-translate-y-1\/3:focus { + --tw-translate-y: -33.333333%; + } + + .sm\:focus\:-translate-y-2\/3:focus { + --tw-translate-y: -66.666667%; + } + + .sm\:focus\:-translate-y-1\/4:focus { + --tw-translate-y: -25%; + } + + .sm\:focus\:-translate-y-2\/4:focus { + --tw-translate-y: -50%; + } + + .sm\:focus\:-translate-y-3\/4:focus { + --tw-translate-y: -75%; + } + + .sm\:focus\:-translate-y-full:focus { + --tw-translate-y: -100%; + } + + .sm\:rotate-0 { + --tw-rotate: 0deg; + } + + .sm\:rotate-1 { + --tw-rotate: 1deg; + } + + .sm\:rotate-2 { + --tw-rotate: 2deg; + } + + .sm\:rotate-3 { + --tw-rotate: 3deg; + } + + .sm\:rotate-6 { + --tw-rotate: 6deg; + } + + .sm\:rotate-12 { + --tw-rotate: 12deg; + } + + .sm\:rotate-45 { + --tw-rotate: 45deg; + } + + .sm\:rotate-90 { + --tw-rotate: 90deg; + } + + .sm\:rotate-180 { + --tw-rotate: 180deg; + } + + .sm\:-rotate-180 { + --tw-rotate: -180deg; + } + + .sm\:-rotate-90 { + --tw-rotate: -90deg; + } + + .sm\:-rotate-45 { + --tw-rotate: -45deg; + } + + .sm\:-rotate-12 { + --tw-rotate: -12deg; + } + + .sm\:-rotate-6 { + --tw-rotate: -6deg; + } + + .sm\:-rotate-3 { + --tw-rotate: -3deg; + } + + .sm\:-rotate-2 { + --tw-rotate: -2deg; + } + + .sm\:-rotate-1 { + --tw-rotate: -1deg; + } + + .sm\:hover\:rotate-0:hover { + --tw-rotate: 0deg; + } + + .sm\:hover\:rotate-1:hover { + --tw-rotate: 1deg; + } + + .sm\:hover\:rotate-2:hover { + --tw-rotate: 2deg; + } + + .sm\:hover\:rotate-3:hover { + --tw-rotate: 3deg; + } + + .sm\:hover\:rotate-6:hover { + --tw-rotate: 6deg; + } + + .sm\:hover\:rotate-12:hover { + --tw-rotate: 12deg; + } + + .sm\:hover\:rotate-45:hover { + --tw-rotate: 45deg; + } + + .sm\:hover\:rotate-90:hover { + --tw-rotate: 90deg; + } + + .sm\:hover\:rotate-180:hover { + --tw-rotate: 180deg; + } + + .sm\:hover\:-rotate-180:hover { + --tw-rotate: -180deg; + } + + .sm\:hover\:-rotate-90:hover { + --tw-rotate: -90deg; + } + + .sm\:hover\:-rotate-45:hover { + --tw-rotate: -45deg; + } + + .sm\:hover\:-rotate-12:hover { + --tw-rotate: -12deg; + } + + .sm\:hover\:-rotate-6:hover { + --tw-rotate: -6deg; + } + + .sm\:hover\:-rotate-3:hover { + --tw-rotate: -3deg; + } + + .sm\:hover\:-rotate-2:hover { + --tw-rotate: -2deg; + } + + .sm\:hover\:-rotate-1:hover { + --tw-rotate: -1deg; + } + + .sm\:focus\:rotate-0:focus { + --tw-rotate: 0deg; + } + + .sm\:focus\:rotate-1:focus { + --tw-rotate: 1deg; + } + + .sm\:focus\:rotate-2:focus { + --tw-rotate: 2deg; + } + + .sm\:focus\:rotate-3:focus { + --tw-rotate: 3deg; + } + + .sm\:focus\:rotate-6:focus { + --tw-rotate: 6deg; + } + + .sm\:focus\:rotate-12:focus { + --tw-rotate: 12deg; + } + + .sm\:focus\:rotate-45:focus { + --tw-rotate: 45deg; + } + + .sm\:focus\:rotate-90:focus { + --tw-rotate: 90deg; + } + + .sm\:focus\:rotate-180:focus { + --tw-rotate: 180deg; + } + + .sm\:focus\:-rotate-180:focus { + --tw-rotate: -180deg; + } + + .sm\:focus\:-rotate-90:focus { + --tw-rotate: -90deg; + } + + .sm\:focus\:-rotate-45:focus { + --tw-rotate: -45deg; + } + + .sm\:focus\:-rotate-12:focus { + --tw-rotate: -12deg; + } + + .sm\:focus\:-rotate-6:focus { + --tw-rotate: -6deg; + } + + .sm\:focus\:-rotate-3:focus { + --tw-rotate: -3deg; + } + + .sm\:focus\:-rotate-2:focus { + --tw-rotate: -2deg; + } + + .sm\:focus\:-rotate-1:focus { + --tw-rotate: -1deg; + } + + .sm\:skew-x-0 { + --tw-skew-x: 0deg; + } + + .sm\:skew-x-1 { + --tw-skew-x: 1deg; + } + + .sm\:skew-x-2 { + --tw-skew-x: 2deg; + } + + .sm\:skew-x-3 { + --tw-skew-x: 3deg; + } + + .sm\:skew-x-6 { + --tw-skew-x: 6deg; + } + + .sm\:skew-x-12 { + --tw-skew-x: 12deg; + } + + .sm\:-skew-x-12 { + --tw-skew-x: -12deg; + } + + .sm\:-skew-x-6 { + --tw-skew-x: -6deg; + } + + .sm\:-skew-x-3 { + --tw-skew-x: -3deg; + } + + .sm\:-skew-x-2 { + --tw-skew-x: -2deg; + } + + .sm\:-skew-x-1 { + --tw-skew-x: -1deg; + } + + .sm\:skew-y-0 { + --tw-skew-y: 0deg; + } + + .sm\:skew-y-1 { + --tw-skew-y: 1deg; + } + + .sm\:skew-y-2 { + --tw-skew-y: 2deg; + } + + .sm\:skew-y-3 { + --tw-skew-y: 3deg; + } + + .sm\:skew-y-6 { + --tw-skew-y: 6deg; + } + + .sm\:skew-y-12 { + --tw-skew-y: 12deg; + } + + .sm\:-skew-y-12 { + --tw-skew-y: -12deg; + } + + .sm\:-skew-y-6 { + --tw-skew-y: -6deg; + } + + .sm\:-skew-y-3 { + --tw-skew-y: -3deg; + } + + .sm\:-skew-y-2 { + --tw-skew-y: -2deg; + } + + .sm\:-skew-y-1 { + --tw-skew-y: -1deg; + } + + .sm\:hover\:skew-x-0:hover { + --tw-skew-x: 0deg; + } + + .sm\:hover\:skew-x-1:hover { + --tw-skew-x: 1deg; + } + + .sm\:hover\:skew-x-2:hover { + --tw-skew-x: 2deg; + } + + .sm\:hover\:skew-x-3:hover { + --tw-skew-x: 3deg; + } + + .sm\:hover\:skew-x-6:hover { + --tw-skew-x: 6deg; + } + + .sm\:hover\:skew-x-12:hover { + --tw-skew-x: 12deg; + } + + .sm\:hover\:-skew-x-12:hover { + --tw-skew-x: -12deg; + } + + .sm\:hover\:-skew-x-6:hover { + --tw-skew-x: -6deg; + } + + .sm\:hover\:-skew-x-3:hover { + --tw-skew-x: -3deg; + } + + .sm\:hover\:-skew-x-2:hover { + --tw-skew-x: -2deg; + } + + .sm\:hover\:-skew-x-1:hover { + --tw-skew-x: -1deg; + } + + .sm\:hover\:skew-y-0:hover { + --tw-skew-y: 0deg; + } + + .sm\:hover\:skew-y-1:hover { + --tw-skew-y: 1deg; + } + + .sm\:hover\:skew-y-2:hover { + --tw-skew-y: 2deg; + } + + .sm\:hover\:skew-y-3:hover { + --tw-skew-y: 3deg; + } + + .sm\:hover\:skew-y-6:hover { + --tw-skew-y: 6deg; + } + + .sm\:hover\:skew-y-12:hover { + --tw-skew-y: 12deg; + } + + .sm\:hover\:-skew-y-12:hover { + --tw-skew-y: -12deg; + } + + .sm\:hover\:-skew-y-6:hover { + --tw-skew-y: -6deg; + } + + .sm\:hover\:-skew-y-3:hover { + --tw-skew-y: -3deg; + } + + .sm\:hover\:-skew-y-2:hover { + --tw-skew-y: -2deg; + } + + .sm\:hover\:-skew-y-1:hover { + --tw-skew-y: -1deg; + } + + .sm\:focus\:skew-x-0:focus { + --tw-skew-x: 0deg; + } + + .sm\:focus\:skew-x-1:focus { + --tw-skew-x: 1deg; + } + + .sm\:focus\:skew-x-2:focus { + --tw-skew-x: 2deg; + } + + .sm\:focus\:skew-x-3:focus { + --tw-skew-x: 3deg; + } + + .sm\:focus\:skew-x-6:focus { + --tw-skew-x: 6deg; + } + + .sm\:focus\:skew-x-12:focus { + --tw-skew-x: 12deg; + } + + .sm\:focus\:-skew-x-12:focus { + --tw-skew-x: -12deg; + } + + .sm\:focus\:-skew-x-6:focus { + --tw-skew-x: -6deg; + } + + .sm\:focus\:-skew-x-3:focus { + --tw-skew-x: -3deg; + } + + .sm\:focus\:-skew-x-2:focus { + --tw-skew-x: -2deg; + } + + .sm\:focus\:-skew-x-1:focus { + --tw-skew-x: -1deg; + } + + .sm\:focus\:skew-y-0:focus { + --tw-skew-y: 0deg; + } + + .sm\:focus\:skew-y-1:focus { + --tw-skew-y: 1deg; + } + + .sm\:focus\:skew-y-2:focus { + --tw-skew-y: 2deg; + } + + .sm\:focus\:skew-y-3:focus { + --tw-skew-y: 3deg; + } + + .sm\:focus\:skew-y-6:focus { + --tw-skew-y: 6deg; + } + + .sm\:focus\:skew-y-12:focus { + --tw-skew-y: 12deg; + } + + .sm\:focus\:-skew-y-12:focus { + --tw-skew-y: -12deg; + } + + .sm\:focus\:-skew-y-6:focus { + --tw-skew-y: -6deg; + } + + .sm\:focus\:-skew-y-3:focus { + --tw-skew-y: -3deg; + } + + .sm\:focus\:-skew-y-2:focus { + --tw-skew-y: -2deg; + } + + .sm\:focus\:-skew-y-1:focus { + --tw-skew-y: -1deg; + } + + .sm\:scale-0 { + --tw-scale-x: 0; + --tw-scale-y: 0; + } + + .sm\:scale-50 { + --tw-scale-x: .5; + --tw-scale-y: .5; + } + + .sm\:scale-75 { + --tw-scale-x: .75; + --tw-scale-y: .75; + } + + .sm\:scale-90 { + --tw-scale-x: .9; + --tw-scale-y: .9; + } + + .sm\:scale-95 { + --tw-scale-x: .95; + --tw-scale-y: .95; + } + + .sm\:scale-100 { + --tw-scale-x: 1; + --tw-scale-y: 1; + } + + .sm\:scale-105 { + --tw-scale-x: 1.05; + --tw-scale-y: 1.05; + } + + .sm\:scale-110 { + --tw-scale-x: 1.1; + --tw-scale-y: 1.1; + } + + .sm\:scale-125 { + --tw-scale-x: 1.25; + --tw-scale-y: 1.25; + } + + .sm\:scale-150 { + --tw-scale-x: 1.5; + --tw-scale-y: 1.5; + } + + .sm\:hover\:scale-0:hover { + --tw-scale-x: 0; + --tw-scale-y: 0; + } + + .sm\:hover\:scale-50:hover { + --tw-scale-x: .5; + --tw-scale-y: .5; + } + + .sm\:hover\:scale-75:hover { + --tw-scale-x: .75; + --tw-scale-y: .75; + } + + .sm\:hover\:scale-90:hover { + --tw-scale-x: .9; + --tw-scale-y: .9; + } + + .sm\:hover\:scale-95:hover { + --tw-scale-x: .95; + --tw-scale-y: .95; + } + + .sm\:hover\:scale-100:hover { + --tw-scale-x: 1; + --tw-scale-y: 1; + } + + .sm\:hover\:scale-105:hover { + --tw-scale-x: 1.05; + --tw-scale-y: 1.05; + } + + .sm\:hover\:scale-110:hover { + --tw-scale-x: 1.1; + --tw-scale-y: 1.1; + } + + .sm\:hover\:scale-125:hover { + --tw-scale-x: 1.25; + --tw-scale-y: 1.25; + } + + .sm\:hover\:scale-150:hover { + --tw-scale-x: 1.5; + --tw-scale-y: 1.5; + } + + .sm\:focus\:scale-0:focus { + --tw-scale-x: 0; + --tw-scale-y: 0; + } + + .sm\:focus\:scale-50:focus { + --tw-scale-x: .5; + --tw-scale-y: .5; + } + + .sm\:focus\:scale-75:focus { + --tw-scale-x: .75; + --tw-scale-y: .75; + } + + .sm\:focus\:scale-90:focus { + --tw-scale-x: .9; + --tw-scale-y: .9; + } + + .sm\:focus\:scale-95:focus { + --tw-scale-x: .95; + --tw-scale-y: .95; + } + + .sm\:focus\:scale-100:focus { + --tw-scale-x: 1; + --tw-scale-y: 1; + } + + .sm\:focus\:scale-105:focus { + --tw-scale-x: 1.05; + --tw-scale-y: 1.05; + } + + .sm\:focus\:scale-110:focus { + --tw-scale-x: 1.1; + --tw-scale-y: 1.1; + } + + .sm\:focus\:scale-125:focus { + --tw-scale-x: 1.25; + --tw-scale-y: 1.25; + } + + .sm\:focus\:scale-150:focus { + --tw-scale-x: 1.5; + --tw-scale-y: 1.5; + } + + .sm\:scale-x-0 { + --tw-scale-x: 0; + } + + .sm\:scale-x-50 { + --tw-scale-x: .5; + } + + .sm\:scale-x-75 { + --tw-scale-x: .75; + } + + .sm\:scale-x-90 { + --tw-scale-x: .9; + } + + .sm\:scale-x-95 { + --tw-scale-x: .95; + } + + .sm\:scale-x-100 { + --tw-scale-x: 1; + } + + .sm\:scale-x-105 { + --tw-scale-x: 1.05; + } + + .sm\:scale-x-110 { + --tw-scale-x: 1.1; + } + + .sm\:scale-x-125 { + --tw-scale-x: 1.25; + } + + .sm\:scale-x-150 { + --tw-scale-x: 1.5; + } + + .sm\:scale-y-0 { + --tw-scale-y: 0; + } + + .sm\:scale-y-50 { + --tw-scale-y: .5; + } + + .sm\:scale-y-75 { + --tw-scale-y: .75; + } + + .sm\:scale-y-90 { + --tw-scale-y: .9; + } + + .sm\:scale-y-95 { + --tw-scale-y: .95; + } + + .sm\:scale-y-100 { + --tw-scale-y: 1; + } + + .sm\:scale-y-105 { + --tw-scale-y: 1.05; + } + + .sm\:scale-y-110 { + --tw-scale-y: 1.1; + } + + .sm\:scale-y-125 { + --tw-scale-y: 1.25; + } + + .sm\:scale-y-150 { + --tw-scale-y: 1.5; + } + + .sm\:hover\:scale-x-0:hover { + --tw-scale-x: 0; + } + + .sm\:hover\:scale-x-50:hover { + --tw-scale-x: .5; + } + + .sm\:hover\:scale-x-75:hover { + --tw-scale-x: .75; + } + + .sm\:hover\:scale-x-90:hover { + --tw-scale-x: .9; + } + + .sm\:hover\:scale-x-95:hover { + --tw-scale-x: .95; + } + + .sm\:hover\:scale-x-100:hover { + --tw-scale-x: 1; + } + + .sm\:hover\:scale-x-105:hover { + --tw-scale-x: 1.05; + } + + .sm\:hover\:scale-x-110:hover { + --tw-scale-x: 1.1; + } + + .sm\:hover\:scale-x-125:hover { + --tw-scale-x: 1.25; + } + + .sm\:hover\:scale-x-150:hover { + --tw-scale-x: 1.5; + } + + .sm\:hover\:scale-y-0:hover { + --tw-scale-y: 0; + } + + .sm\:hover\:scale-y-50:hover { + --tw-scale-y: .5; + } + + .sm\:hover\:scale-y-75:hover { + --tw-scale-y: .75; + } + + .sm\:hover\:scale-y-90:hover { + --tw-scale-y: .9; + } + + .sm\:hover\:scale-y-95:hover { + --tw-scale-y: .95; + } + + .sm\:hover\:scale-y-100:hover { + --tw-scale-y: 1; + } + + .sm\:hover\:scale-y-105:hover { + --tw-scale-y: 1.05; + } + + .sm\:hover\:scale-y-110:hover { + --tw-scale-y: 1.1; + } + + .sm\:hover\:scale-y-125:hover { + --tw-scale-y: 1.25; + } + + .sm\:hover\:scale-y-150:hover { + --tw-scale-y: 1.5; + } + + .sm\:focus\:scale-x-0:focus { + --tw-scale-x: 0; + } + + .sm\:focus\:scale-x-50:focus { + --tw-scale-x: .5; + } + + .sm\:focus\:scale-x-75:focus { + --tw-scale-x: .75; + } + + .sm\:focus\:scale-x-90:focus { + --tw-scale-x: .9; + } + + .sm\:focus\:scale-x-95:focus { + --tw-scale-x: .95; + } + + .sm\:focus\:scale-x-100:focus { + --tw-scale-x: 1; + } + + .sm\:focus\:scale-x-105:focus { + --tw-scale-x: 1.05; + } + + .sm\:focus\:scale-x-110:focus { + --tw-scale-x: 1.1; + } + + .sm\:focus\:scale-x-125:focus { + --tw-scale-x: 1.25; + } + + .sm\:focus\:scale-x-150:focus { + --tw-scale-x: 1.5; + } + + .sm\:focus\:scale-y-0:focus { + --tw-scale-y: 0; + } + + .sm\:focus\:scale-y-50:focus { + --tw-scale-y: .5; + } + + .sm\:focus\:scale-y-75:focus { + --tw-scale-y: .75; + } + + .sm\:focus\:scale-y-90:focus { + --tw-scale-y: .9; + } + + .sm\:focus\:scale-y-95:focus { + --tw-scale-y: .95; + } + + .sm\:focus\:scale-y-100:focus { + --tw-scale-y: 1; + } + + .sm\:focus\:scale-y-105:focus { + --tw-scale-y: 1.05; + } + + .sm\:focus\:scale-y-110:focus { + --tw-scale-y: 1.1; + } + + .sm\:focus\:scale-y-125:focus { + --tw-scale-y: 1.25; + } + + .sm\:focus\:scale-y-150:focus { + --tw-scale-y: 1.5; + } + + .sm\:animate-none { + animation: none; + } + + .sm\:animate-spin { + animation: spin 1s linear infinite; + } + + .sm\:animate-ping { + animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; + } + + .sm\:animate-pulse { + animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; + } + + .sm\:animate-bounce { + animation: bounce 1s infinite; + } + + .sm\:cursor-auto { + cursor: auto; + } + + .sm\:cursor-default { + cursor: default; + } + + .sm\:cursor-pointer { + cursor: pointer; + } + + .sm\:cursor-wait { + cursor: wait; + } + + .sm\:cursor-text { + cursor: text; + } + + .sm\:cursor-move { + cursor: move; + } + + .sm\:cursor-help { + cursor: help; + } + + .sm\:cursor-not-allowed { + cursor: not-allowed; + } + + .sm\:select-none { + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; + } + + .sm\:select-text { + -webkit-user-select: text; + -moz-user-select: text; + user-select: text; + } + + .sm\:select-all { + -webkit-user-select: all; + -moz-user-select: all; + user-select: all; + } + + .sm\:select-auto { + -webkit-user-select: auto; + -moz-user-select: auto; + user-select: auto; + } + + .sm\:resize-none { + resize: none; + } + + .sm\:resize-y { + resize: vertical; + } + + .sm\:resize-x { + resize: horizontal; + } + + .sm\:resize { + resize: both; + } + + .sm\:list-inside { + list-style-position: inside; + } + + .sm\:list-outside { + list-style-position: outside; + } + + .sm\:list-none { + list-style-type: none; + } + + .sm\:list-disc { + list-style-type: disc; + } + + .sm\:list-decimal { + list-style-type: decimal; + } + + .sm\:appearance-none { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + } + + .sm\:auto-cols-auto { + grid-auto-columns: auto; + } + + .sm\:auto-cols-min { + grid-auto-columns: min-content; + } + + .sm\:auto-cols-max { + grid-auto-columns: max-content; + } + + .sm\:auto-cols-fr { + grid-auto-columns: minmax(0, 1fr); + } + + .sm\:grid-flow-row { + grid-auto-flow: row; + } + + .sm\:grid-flow-col { + grid-auto-flow: column; + } + + .sm\:grid-flow-row-dense { + grid-auto-flow: row dense; + } + + .sm\:grid-flow-col-dense { + grid-auto-flow: column dense; + } + + .sm\:auto-rows-auto { + grid-auto-rows: auto; + } + + .sm\:auto-rows-min { + grid-auto-rows: min-content; + } + + .sm\:auto-rows-max { + grid-auto-rows: max-content; + } + + .sm\:auto-rows-fr { + grid-auto-rows: minmax(0, 1fr); + } + + .sm\:grid-cols-1 { + grid-template-columns: repeat(1, 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-7 { + grid-template-columns: repeat(7, minmax(0, 1fr)); + } + + .sm\:grid-cols-8 { + grid-template-columns: repeat(8, minmax(0, 1fr)); + } + + .sm\:grid-cols-9 { + grid-template-columns: repeat(9, minmax(0, 1fr)); + } + + .sm\:grid-cols-10 { + grid-template-columns: repeat(10, minmax(0, 1fr)); + } + + .sm\:grid-cols-11 { + grid-template-columns: repeat(11, minmax(0, 1fr)); + } + + .sm\:grid-cols-12 { + grid-template-columns: repeat(12, minmax(0, 1fr)); + } + + .sm\:grid-cols-none { + grid-template-columns: none; + } + + .sm\:grid-rows-1 { + grid-template-rows: repeat(1, minmax(0, 1fr)); + } + + .sm\:grid-rows-2 { + grid-template-rows: repeat(2, minmax(0, 1fr)); + } + + .sm\:grid-rows-3 { + grid-template-rows: repeat(3, minmax(0, 1fr)); + } + + .sm\:grid-rows-4 { + grid-template-rows: repeat(4, minmax(0, 1fr)); + } + + .sm\:grid-rows-5 { + grid-template-rows: repeat(5, minmax(0, 1fr)); + } + + .sm\:grid-rows-6 { + grid-template-rows: repeat(6, minmax(0, 1fr)); + } + + .sm\:grid-rows-none { + grid-template-rows: none; + } + + .sm\:flex-row { + flex-direction: row; + } + + .sm\:flex-row-reverse { + flex-direction: row-reverse; + } + + .sm\:flex-col { + flex-direction: column; + } + + .sm\:flex-col-reverse { + flex-direction: column-reverse; + } + + .sm\:flex-wrap { + flex-wrap: wrap; + } + + .sm\:flex-wrap-reverse { + flex-wrap: wrap-reverse; + } + + .sm\:flex-nowrap { + flex-wrap: nowrap; + } + + .sm\:place-content-center { + place-content: center; + } + + .sm\:place-content-start { + place-content: start; + } + + .sm\:place-content-end { + place-content: end; + } + + .sm\:place-content-between { + place-content: space-between; + } + + .sm\:place-content-around { + place-content: space-around; + } + + .sm\:place-content-evenly { + place-content: space-evenly; + } + + .sm\:place-content-stretch { + place-content: stretch; + } + + .sm\:place-items-start { + place-items: start; + } + + .sm\:place-items-end { + place-items: end; + } + + .sm\:place-items-center { + place-items: center; + } + + .sm\:place-items-stretch { + place-items: stretch; + } + + .sm\:content-center { + align-content: center; + } + + .sm\:content-start { + align-content: flex-start; + } + + .sm\:content-end { + align-content: flex-end; + } + + .sm\:content-between { + align-content: space-between; + } + + .sm\:content-around { + align-content: space-around; + } + + .sm\:content-evenly { + align-content: space-evenly; + } + + .sm\:items-start { + align-items: flex-start; + } + + .sm\:items-end { + align-items: flex-end; + } + + .sm\:items-center { + align-items: center; + } + + .sm\:items-baseline { + align-items: baseline; + } + + .sm\:items-stretch { + align-items: stretch; + } + + .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\:justify-around { + justify-content: space-around; + } + + .sm\:justify-evenly { + justify-content: space-evenly; + } + + .sm\:justify-items-start { + justify-items: start; + } + + .sm\:justify-items-end { + justify-items: end; + } + + .sm\:justify-items-center { + justify-items: center; + } + + .sm\:justify-items-stretch { + justify-items: stretch; + } + + .sm\:gap-0 { + gap: 0px; + } + + .sm\:gap-1 { + gap: 0.25rem; + } + + .sm\:gap-2 { + gap: 0.5rem; + } + + .sm\:gap-3 { + gap: 0.75rem; + } + + .sm\:gap-4 { + gap: 1rem; + } + + .sm\:gap-5 { + gap: 1.25rem; + } + + .sm\:gap-6 { + gap: 1.5rem; + } + + .sm\:gap-7 { + gap: 1.75rem; + } + + .sm\:gap-8 { + gap: 2rem; + } + + .sm\:gap-9 { + gap: 2.25rem; + } + + .sm\:gap-10 { + gap: 2.5rem; + } + + .sm\:gap-11 { + gap: 2.75rem; + } + + .sm\:gap-12 { + gap: 3rem; + } + + .sm\:gap-14 { + gap: 3.5rem; + } + + .sm\:gap-16 { + gap: 4rem; + } + + .sm\:gap-20 { + gap: 5rem; + } + + .sm\:gap-24 { + gap: 6rem; + } + + .sm\:gap-28 { + gap: 7rem; + } + + .sm\:gap-32 { + gap: 8rem; + } + + .sm\:gap-36 { + gap: 9rem; + } + + .sm\:gap-40 { + gap: 10rem; + } + + .sm\:gap-44 { + gap: 11rem; + } + + .sm\:gap-48 { + gap: 12rem; + } + + .sm\:gap-52 { + gap: 13rem; + } + + .sm\:gap-56 { + gap: 14rem; + } + + .sm\:gap-60 { + gap: 15rem; + } + + .sm\:gap-64 { + gap: 16rem; + } + + .sm\:gap-72 { + gap: 18rem; + } + + .sm\:gap-80 { + gap: 20rem; + } + + .sm\:gap-96 { + gap: 24rem; + } + + .sm\:gap-px { + gap: 1px; + } + + .sm\:gap-0\.5 { + gap: 0.125rem; + } + + .sm\:gap-1\.5 { + gap: 0.375rem; + } + + .sm\:gap-2\.5 { + gap: 0.625rem; + } + + .sm\:gap-3\.5 { + gap: 0.875rem; + } + + .sm\:gap-x-0 { + -moz-column-gap: 0px; + column-gap: 0px; + } + + .sm\:gap-x-1 { + -moz-column-gap: 0.25rem; + column-gap: 0.25rem; + } + + .sm\:gap-x-2 { + -moz-column-gap: 0.5rem; + column-gap: 0.5rem; + } + + .sm\:gap-x-3 { + -moz-column-gap: 0.75rem; + column-gap: 0.75rem; + } + + .sm\:gap-x-4 { + -moz-column-gap: 1rem; + column-gap: 1rem; + } + + .sm\:gap-x-5 { + -moz-column-gap: 1.25rem; + column-gap: 1.25rem; + } + + .sm\:gap-x-6 { + -moz-column-gap: 1.5rem; + column-gap: 1.5rem; + } + + .sm\:gap-x-7 { + -moz-column-gap: 1.75rem; + column-gap: 1.75rem; + } + + .sm\:gap-x-8 { + -moz-column-gap: 2rem; + column-gap: 2rem; + } + + .sm\:gap-x-9 { + -moz-column-gap: 2.25rem; + column-gap: 2.25rem; + } + + .sm\:gap-x-10 { + -moz-column-gap: 2.5rem; + column-gap: 2.5rem; + } + + .sm\:gap-x-11 { + -moz-column-gap: 2.75rem; + column-gap: 2.75rem; + } + + .sm\:gap-x-12 { + -moz-column-gap: 3rem; + column-gap: 3rem; + } + + .sm\:gap-x-14 { + -moz-column-gap: 3.5rem; + column-gap: 3.5rem; + } + + .sm\:gap-x-16 { + -moz-column-gap: 4rem; + column-gap: 4rem; + } + + .sm\:gap-x-20 { + -moz-column-gap: 5rem; + column-gap: 5rem; + } + + .sm\:gap-x-24 { + -moz-column-gap: 6rem; + column-gap: 6rem; + } + + .sm\:gap-x-28 { + -moz-column-gap: 7rem; + column-gap: 7rem; + } + + .sm\:gap-x-32 { + -moz-column-gap: 8rem; + column-gap: 8rem; + } + + .sm\:gap-x-36 { + -moz-column-gap: 9rem; + column-gap: 9rem; + } + + .sm\:gap-x-40 { + -moz-column-gap: 10rem; + column-gap: 10rem; + } + + .sm\:gap-x-44 { + -moz-column-gap: 11rem; + column-gap: 11rem; + } + + .sm\:gap-x-48 { + -moz-column-gap: 12rem; + column-gap: 12rem; + } + + .sm\:gap-x-52 { + -moz-column-gap: 13rem; + column-gap: 13rem; + } + + .sm\:gap-x-56 { + -moz-column-gap: 14rem; + column-gap: 14rem; + } + + .sm\:gap-x-60 { + -moz-column-gap: 15rem; + column-gap: 15rem; + } + + .sm\:gap-x-64 { + -moz-column-gap: 16rem; + column-gap: 16rem; + } + + .sm\:gap-x-72 { + -moz-column-gap: 18rem; + column-gap: 18rem; + } + + .sm\:gap-x-80 { + -moz-column-gap: 20rem; + column-gap: 20rem; + } + + .sm\:gap-x-96 { + -moz-column-gap: 24rem; + column-gap: 24rem; + } + + .sm\:gap-x-px { + -moz-column-gap: 1px; + column-gap: 1px; + } + + .sm\:gap-x-0\.5 { + -moz-column-gap: 0.125rem; + column-gap: 0.125rem; + } + + .sm\:gap-x-1\.5 { + -moz-column-gap: 0.375rem; + column-gap: 0.375rem; + } + + .sm\:gap-x-2\.5 { + -moz-column-gap: 0.625rem; + column-gap: 0.625rem; + } + + .sm\:gap-x-3\.5 { + -moz-column-gap: 0.875rem; + column-gap: 0.875rem; + } + + .sm\:gap-y-0 { + row-gap: 0px; + } + + .sm\:gap-y-1 { + row-gap: 0.25rem; + } + + .sm\:gap-y-2 { + row-gap: 0.5rem; + } + + .sm\:gap-y-3 { + row-gap: 0.75rem; + } + + .sm\:gap-y-4 { + row-gap: 1rem; + } + + .sm\:gap-y-5 { + row-gap: 1.25rem; + } + + .sm\:gap-y-6 { + row-gap: 1.5rem; + } + + .sm\:gap-y-7 { + row-gap: 1.75rem; + } + + .sm\:gap-y-8 { + row-gap: 2rem; + } + + .sm\:gap-y-9 { + row-gap: 2.25rem; + } + + .sm\:gap-y-10 { + row-gap: 2.5rem; + } + + .sm\:gap-y-11 { + row-gap: 2.75rem; + } + + .sm\:gap-y-12 { + row-gap: 3rem; + } + + .sm\:gap-y-14 { + row-gap: 3.5rem; + } + + .sm\:gap-y-16 { + row-gap: 4rem; + } + + .sm\:gap-y-20 { + row-gap: 5rem; + } + + .sm\:gap-y-24 { + row-gap: 6rem; + } + + .sm\:gap-y-28 { + row-gap: 7rem; + } + + .sm\:gap-y-32 { + row-gap: 8rem; + } + + .sm\:gap-y-36 { + row-gap: 9rem; + } + + .sm\:gap-y-40 { + row-gap: 10rem; + } + + .sm\:gap-y-44 { + row-gap: 11rem; + } + + .sm\:gap-y-48 { + row-gap: 12rem; + } + + .sm\:gap-y-52 { + row-gap: 13rem; + } + + .sm\:gap-y-56 { + row-gap: 14rem; + } + + .sm\:gap-y-60 { + row-gap: 15rem; + } + + .sm\:gap-y-64 { + row-gap: 16rem; + } + + .sm\:gap-y-72 { + row-gap: 18rem; + } + + .sm\:gap-y-80 { + row-gap: 20rem; + } + + .sm\:gap-y-96 { + row-gap: 24rem; + } + + .sm\:gap-y-px { + row-gap: 1px; + } + + .sm\:gap-y-0\.5 { + row-gap: 0.125rem; + } + + .sm\:gap-y-1\.5 { + row-gap: 0.375rem; + } + + .sm\:gap-y-2\.5 { + row-gap: 0.625rem; + } + + .sm\:gap-y-3\.5 { + row-gap: 0.875rem; + } + + .sm\:space-x-0 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(0px * var(--tw-space-x-reverse)); + margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse))); + } + + .sm\: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))); + } + + .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-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))); + } + + .sm\:space-x-4 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(1rem * var(--tw-space-x-reverse)); + margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); + } + + .sm\:space-x-5 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(1.25rem * var(--tw-space-x-reverse)); + margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse))); + } + + .sm\: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))); + } + + .sm\:space-x-7 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(1.75rem * var(--tw-space-x-reverse)); + margin-left: calc(1.75rem * calc(1 - var(--tw-space-x-reverse))); + } + + .sm\: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))); + } + + .sm\:space-x-9 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(2.25rem * var(--tw-space-x-reverse)); + margin-left: calc(2.25rem * calc(1 - var(--tw-space-x-reverse))); + } + + .sm\:space-x-10 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(2.5rem * var(--tw-space-x-reverse)); + margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse))); + } + + .sm\:space-x-11 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(2.75rem * var(--tw-space-x-reverse)); + margin-left: calc(2.75rem * calc(1 - var(--tw-space-x-reverse))); + } + + .sm\:space-x-12 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(3rem * var(--tw-space-x-reverse)); + margin-left: calc(3rem * calc(1 - var(--tw-space-x-reverse))); + } + + .sm\:space-x-14 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(3.5rem * var(--tw-space-x-reverse)); + margin-left: calc(3.5rem * calc(1 - var(--tw-space-x-reverse))); + } + + .sm\:space-x-16 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(4rem * var(--tw-space-x-reverse)); + margin-left: calc(4rem * calc(1 - var(--tw-space-x-reverse))); + } + + .sm\:space-x-20 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(5rem * var(--tw-space-x-reverse)); + margin-left: calc(5rem * calc(1 - var(--tw-space-x-reverse))); + } + + .sm\:space-x-24 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(6rem * var(--tw-space-x-reverse)); + margin-left: calc(6rem * calc(1 - var(--tw-space-x-reverse))); + } + + .sm\:space-x-28 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(7rem * var(--tw-space-x-reverse)); + margin-left: calc(7rem * calc(1 - var(--tw-space-x-reverse))); + } + + .sm\:space-x-32 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(8rem * var(--tw-space-x-reverse)); + margin-left: calc(8rem * calc(1 - var(--tw-space-x-reverse))); + } + + .sm\:space-x-36 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(9rem * var(--tw-space-x-reverse)); + margin-left: calc(9rem * calc(1 - var(--tw-space-x-reverse))); + } + + .sm\:space-x-40 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(10rem * var(--tw-space-x-reverse)); + margin-left: calc(10rem * calc(1 - var(--tw-space-x-reverse))); + } + + .sm\:space-x-44 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(11rem * var(--tw-space-x-reverse)); + margin-left: calc(11rem * calc(1 - var(--tw-space-x-reverse))); + } + + .sm\:space-x-48 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(12rem * var(--tw-space-x-reverse)); + margin-left: calc(12rem * calc(1 - var(--tw-space-x-reverse))); + } + + .sm\:space-x-52 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(13rem * var(--tw-space-x-reverse)); + margin-left: calc(13rem * calc(1 - var(--tw-space-x-reverse))); + } + + .sm\:space-x-56 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(14rem * var(--tw-space-x-reverse)); + margin-left: calc(14rem * calc(1 - var(--tw-space-x-reverse))); + } + + .sm\:space-x-60 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(15rem * var(--tw-space-x-reverse)); + margin-left: calc(15rem * calc(1 - var(--tw-space-x-reverse))); + } + + .sm\:space-x-64 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(16rem * var(--tw-space-x-reverse)); + margin-left: calc(16rem * calc(1 - var(--tw-space-x-reverse))); + } + + .sm\:space-x-72 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(18rem * var(--tw-space-x-reverse)); + margin-left: calc(18rem * calc(1 - var(--tw-space-x-reverse))); + } + + .sm\:space-x-80 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(20rem * var(--tw-space-x-reverse)); + margin-left: calc(20rem * calc(1 - var(--tw-space-x-reverse))); + } + + .sm\:space-x-96 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(24rem * var(--tw-space-x-reverse)); + margin-left: calc(24rem * calc(1 - var(--tw-space-x-reverse))); + } + + .sm\:space-x-px > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(1px * var(--tw-space-x-reverse)); + margin-left: calc(1px * calc(1 - var(--tw-space-x-reverse))); + } + + .sm\:space-x-0\.5 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(0.125rem * var(--tw-space-x-reverse)); + margin-left: calc(0.125rem * calc(1 - var(--tw-space-x-reverse))); + } + + .sm\: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))); + } + + .sm\: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))); + } + + .sm\:space-x-3\.5 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(0.875rem * var(--tw-space-x-reverse)); + margin-left: calc(0.875rem * calc(1 - var(--tw-space-x-reverse))); + } + + .sm\:-space-x-0 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(0px * var(--tw-space-x-reverse)); + margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse))); + } + + .sm\:-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))); + } + + .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-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))); + } + + .sm\:-space-x-4 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-1rem * var(--tw-space-x-reverse)); + margin-left: calc(-1rem * calc(1 - var(--tw-space-x-reverse))); + } + + .sm\:-space-x-5 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-1.25rem * var(--tw-space-x-reverse)); + margin-left: calc(-1.25rem * calc(1 - var(--tw-space-x-reverse))); + } + + .sm\:-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))); + } + + .sm\:-space-x-7 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-1.75rem * var(--tw-space-x-reverse)); + margin-left: calc(-1.75rem * calc(1 - var(--tw-space-x-reverse))); + } + + .sm\:-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))); + } + + .sm\:-space-x-9 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-2.25rem * var(--tw-space-x-reverse)); + margin-left: calc(-2.25rem * calc(1 - var(--tw-space-x-reverse))); + } + + .sm\:-space-x-10 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-2.5rem * var(--tw-space-x-reverse)); + margin-left: calc(-2.5rem * calc(1 - var(--tw-space-x-reverse))); + } + + .sm\:-space-x-11 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-2.75rem * var(--tw-space-x-reverse)); + margin-left: calc(-2.75rem * calc(1 - var(--tw-space-x-reverse))); + } + + .sm\:-space-x-12 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-3rem * var(--tw-space-x-reverse)); + margin-left: calc(-3rem * calc(1 - var(--tw-space-x-reverse))); + } + + .sm\:-space-x-14 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-3.5rem * var(--tw-space-x-reverse)); + margin-left: calc(-3.5rem * calc(1 - var(--tw-space-x-reverse))); + } + + .sm\:-space-x-16 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-4rem * var(--tw-space-x-reverse)); + margin-left: calc(-4rem * calc(1 - var(--tw-space-x-reverse))); + } + + .sm\:-space-x-20 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-5rem * var(--tw-space-x-reverse)); + margin-left: calc(-5rem * calc(1 - var(--tw-space-x-reverse))); + } + + .sm\:-space-x-24 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-6rem * var(--tw-space-x-reverse)); + margin-left: calc(-6rem * calc(1 - var(--tw-space-x-reverse))); + } + + .sm\:-space-x-28 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-7rem * var(--tw-space-x-reverse)); + margin-left: calc(-7rem * calc(1 - var(--tw-space-x-reverse))); + } + + .sm\:-space-x-32 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-8rem * var(--tw-space-x-reverse)); + margin-left: calc(-8rem * calc(1 - var(--tw-space-x-reverse))); + } + + .sm\:-space-x-36 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-9rem * var(--tw-space-x-reverse)); + margin-left: calc(-9rem * calc(1 - var(--tw-space-x-reverse))); + } + + .sm\:-space-x-40 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-10rem * var(--tw-space-x-reverse)); + margin-left: calc(-10rem * calc(1 - var(--tw-space-x-reverse))); + } + + .sm\:-space-x-44 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-11rem * var(--tw-space-x-reverse)); + margin-left: calc(-11rem * calc(1 - var(--tw-space-x-reverse))); + } + + .sm\:-space-x-48 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-12rem * var(--tw-space-x-reverse)); + margin-left: calc(-12rem * calc(1 - var(--tw-space-x-reverse))); + } + + .sm\:-space-x-52 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-13rem * var(--tw-space-x-reverse)); + margin-left: calc(-13rem * calc(1 - var(--tw-space-x-reverse))); + } + + .sm\:-space-x-56 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-14rem * var(--tw-space-x-reverse)); + margin-left: calc(-14rem * calc(1 - var(--tw-space-x-reverse))); + } + + .sm\:-space-x-60 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-15rem * var(--tw-space-x-reverse)); + margin-left: calc(-15rem * calc(1 - var(--tw-space-x-reverse))); + } + + .sm\:-space-x-64 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-16rem * var(--tw-space-x-reverse)); + margin-left: calc(-16rem * calc(1 - var(--tw-space-x-reverse))); + } + + .sm\:-space-x-72 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-18rem * var(--tw-space-x-reverse)); + margin-left: calc(-18rem * calc(1 - var(--tw-space-x-reverse))); + } + + .sm\:-space-x-80 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-20rem * var(--tw-space-x-reverse)); + margin-left: calc(-20rem * calc(1 - var(--tw-space-x-reverse))); + } + + .sm\:-space-x-96 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-24rem * var(--tw-space-x-reverse)); + margin-left: calc(-24rem * calc(1 - var(--tw-space-x-reverse))); + } + + .sm\:-space-x-px > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-1px * var(--tw-space-x-reverse)); + margin-left: calc(-1px * calc(1 - var(--tw-space-x-reverse))); + } + + .sm\:-space-x-0\.5 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-0.125rem * var(--tw-space-x-reverse)); + margin-left: calc(-0.125rem * calc(1 - var(--tw-space-x-reverse))); + } + + .sm\:-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))); + } + + .sm\:-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))); + } + + .sm\:-space-x-3\.5 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-0.875rem * var(--tw-space-x-reverse)); + margin-left: calc(-0.875rem * 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-2 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); + } + + .sm\:space-y-3 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(0.75rem * var(--tw-space-y-reverse)); + } + + .sm\:space-y-4 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(1rem * var(--tw-space-y-reverse)); + } + + .sm\:space-y-5 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(1.25rem * var(--tw-space-y-reverse)); + } + + .sm\:space-y-6 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)); + } + + .sm\:space-y-7 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(1.75rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(1.75rem * var(--tw-space-y-reverse)); + } + + .sm\: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)); + } + + .sm\:space-y-9 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(2.25rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(2.25rem * var(--tw-space-y-reverse)); + } + + .sm\: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)); + } + + .sm\:space-y-11 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(2.75rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(2.75rem * var(--tw-space-y-reverse)); + } + + .sm\: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)); + } + + .sm\:space-y-14 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(3.5rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(3.5rem * var(--tw-space-y-reverse)); + } + + .sm\: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)); + } + + .sm\:space-y-20 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(5rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(5rem * var(--tw-space-y-reverse)); + } + + .sm\:space-y-24 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(6rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(6rem * var(--tw-space-y-reverse)); + } + + .sm\:space-y-28 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(7rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(7rem * var(--tw-space-y-reverse)); + } + + .sm\:space-y-32 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(8rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(8rem * var(--tw-space-y-reverse)); + } + + .sm\:space-y-36 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(9rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(9rem * var(--tw-space-y-reverse)); + } + + .sm\:space-y-40 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(10rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(10rem * var(--tw-space-y-reverse)); + } + + .sm\:space-y-44 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(11rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(11rem * var(--tw-space-y-reverse)); + } + + .sm\:space-y-48 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(12rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(12rem * var(--tw-space-y-reverse)); + } + + .sm\:space-y-52 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(13rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(13rem * var(--tw-space-y-reverse)); + } + + .sm\:space-y-56 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(14rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(14rem * var(--tw-space-y-reverse)); + } + + .sm\:space-y-60 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(15rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(15rem * var(--tw-space-y-reverse)); + } + + .sm\:space-y-64 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(16rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(16rem * var(--tw-space-y-reverse)); + } + + .sm\:space-y-72 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(18rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(18rem * var(--tw-space-y-reverse)); + } + + .sm\:space-y-80 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(20rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(20rem * var(--tw-space-y-reverse)); + } + + .sm\:space-y-96 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(24rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(24rem * var(--tw-space-y-reverse)); + } + + .sm\:space-y-px > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(1px * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(1px * var(--tw-space-y-reverse)); + } + + .sm\: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)); + } + + .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\.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)); + } + + .sm\:space-y-3\.5 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(0.875rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(0.875rem * var(--tw-space-y-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-2 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-0.5rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-0.5rem * var(--tw-space-y-reverse)); + } + + .sm\:-space-y-3 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-0.75rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-0.75rem * var(--tw-space-y-reverse)); + } + + .sm\:-space-y-4 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-1rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-1rem * var(--tw-space-y-reverse)); + } + + .sm\:-space-y-5 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-1.25rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-1.25rem * var(--tw-space-y-reverse)); + } + + .sm\:-space-y-6 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-1.5rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-1.5rem * var(--tw-space-y-reverse)); + } + + .sm\:-space-y-7 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-1.75rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-1.75rem * var(--tw-space-y-reverse)); + } + + .sm\:-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)); + } + + .sm\:-space-y-9 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-2.25rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-2.25rem * var(--tw-space-y-reverse)); + } + + .sm\:-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)); + } + + .sm\:-space-y-11 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-2.75rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-2.75rem * var(--tw-space-y-reverse)); + } + + .sm\:-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)); + } + + .sm\:-space-y-14 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-3.5rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-3.5rem * var(--tw-space-y-reverse)); + } + + .sm\:-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)); + } + + .sm\:-space-y-20 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-5rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-5rem * var(--tw-space-y-reverse)); + } + + .sm\:-space-y-24 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-6rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-6rem * var(--tw-space-y-reverse)); + } + + .sm\:-space-y-28 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-7rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-7rem * var(--tw-space-y-reverse)); + } + + .sm\:-space-y-32 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-8rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-8rem * var(--tw-space-y-reverse)); + } + + .sm\:-space-y-36 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-9rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-9rem * var(--tw-space-y-reverse)); + } + + .sm\:-space-y-40 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-10rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-10rem * var(--tw-space-y-reverse)); + } + + .sm\:-space-y-44 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-11rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-11rem * var(--tw-space-y-reverse)); + } + + .sm\:-space-y-48 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-12rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-12rem * var(--tw-space-y-reverse)); + } + + .sm\:-space-y-52 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-13rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-13rem * var(--tw-space-y-reverse)); + } + + .sm\:-space-y-56 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-14rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-14rem * var(--tw-space-y-reverse)); + } + + .sm\:-space-y-60 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-15rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-15rem * var(--tw-space-y-reverse)); + } + + .sm\:-space-y-64 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-16rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-16rem * var(--tw-space-y-reverse)); + } + + .sm\:-space-y-72 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-18rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-18rem * var(--tw-space-y-reverse)); + } + + .sm\:-space-y-80 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-20rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-20rem * var(--tw-space-y-reverse)); + } + + .sm\:-space-y-96 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-24rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-24rem * var(--tw-space-y-reverse)); + } + + .sm\:-space-y-px > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-1px * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-1px * var(--tw-space-y-reverse)); + } + + .sm\:-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)); + } + + .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\.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)); + } + + .sm\:-space-y-3\.5 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-0.875rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-0.875rem * var(--tw-space-y-reverse)); + } + + .sm\:space-y-reverse > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 1; + } + + .sm\:space-x-reverse > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 1; + } + + .sm\:divide-x-0 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-x-reverse: 0; + border-right-width: calc(0px * var(--tw-divide-x-reverse)); + border-left-width: calc(0px * calc(1 - var(--tw-divide-x-reverse))); + } + + .sm\:divide-x-2 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-x-reverse: 0; + border-right-width: calc(2px * var(--tw-divide-x-reverse)); + border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse))); + } + + .sm\:divide-x-4 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-x-reverse: 0; + border-right-width: calc(4px * var(--tw-divide-x-reverse)); + border-left-width: calc(4px * calc(1 - var(--tw-divide-x-reverse))); + } + + .sm\:divide-x-8 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-x-reverse: 0; + border-right-width: calc(8px * var(--tw-divide-x-reverse)); + border-left-width: calc(8px * calc(1 - var(--tw-divide-x-reverse))); + } + + .sm\:divide-x > :not([hidden]) ~ :not([hidden]) { + --tw-divide-x-reverse: 0; + border-right-width: calc(1px * var(--tw-divide-x-reverse)); + border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); + } + + .sm\:divide-y-0 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-y-reverse: 0; + border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse))); + border-bottom-width: calc(0px * var(--tw-divide-y-reverse)); + } + + .sm\:divide-y-2 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-y-reverse: 0; + border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse))); + border-bottom-width: calc(2px * var(--tw-divide-y-reverse)); + } + + .sm\:divide-y-4 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-y-reverse: 0; + border-top-width: calc(4px * calc(1 - var(--tw-divide-y-reverse))); + border-bottom-width: calc(4px * var(--tw-divide-y-reverse)); + } + + .sm\:divide-y-8 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-y-reverse: 0; + border-top-width: calc(8px * calc(1 - var(--tw-divide-y-reverse))); + border-bottom-width: calc(8px * var(--tw-divide-y-reverse)); + } + + .sm\: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)); + } + + .sm\:divide-y-reverse > :not([hidden]) ~ :not([hidden]) { + --tw-divide-y-reverse: 1; + } + + .sm\:divide-x-reverse > :not([hidden]) ~ :not([hidden]) { + --tw-divide-x-reverse: 1; + } + + .sm\:divide-solid > :not([hidden]) ~ :not([hidden]) { + border-style: solid; + } + + .sm\:divide-dashed > :not([hidden]) ~ :not([hidden]) { + border-style: dashed; + } + + .sm\:divide-dotted > :not([hidden]) ~ :not([hidden]) { + border-style: dotted; + } + + .sm\:divide-double > :not([hidden]) ~ :not([hidden]) { + border-style: double; + } + + .sm\:divide-none > :not([hidden]) ~ :not([hidden]) { + border-style: none; + } + + .sm\:divide-colors-black > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-black, #000000); + } + + .sm\:divide-colors-white > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-white, #ffffff); + } + + .sm\:divide-colors-gray-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-gray-100, #f7fafc); + } + + .sm\:divide-colors-gray-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-gray-200, #edf2f7); + } + + .sm\:divide-colors-gray-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-gray-300, #e2e8f0); + } + + .sm\:divide-colors-gray-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-gray-400, #cbd5e0); + } + + .sm\:divide-colors-gray-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-gray-500, #a0aec0); + } + + .sm\:divide-colors-gray-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-gray-600, #718096); + } + + .sm\:divide-colors-gray-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-gray-700, #4a5568); + } + + .sm\:divide-colors-gray-800 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-gray-800, #2d3748); + } + + .sm\:divide-colors-gray-900 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-gray-900, #1a202c); + } + + .sm\:divide-colors-red-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-red-100, #fff5f5); + } + + .sm\:divide-colors-red-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-red-200, #fed7d7); + } + + .sm\:divide-colors-red-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-red-300, #feb2b2); + } + + .sm\:divide-colors-red-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-red-400, #fc8181); + } + + .sm\:divide-colors-red-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-red-500, #f56565); + } + + .sm\:divide-colors-red-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-red-600, #e53e3e); + } + + .sm\:divide-colors-red-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-red-700, #c53030); + } + + .sm\:divide-colors-red-800 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-red-800, #9b2c2c); + } + + .sm\:divide-colors-red-900 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-red-900, #742a2a); + } + + .sm\:divide-colors-orange-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-orange-100, #fffaf0); + } + + .sm\:divide-colors-orange-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-orange-200, #feebc8); + } + + .sm\:divide-colors-orange-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-orange-300, #fbd38d); + } + + .sm\:divide-colors-orange-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-orange-400, #f6ad55); + } + + .sm\:divide-colors-orange-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-orange-500, #ed8936); + } + + .sm\:divide-colors-orange-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-orange-600, #dd6b20); + } + + .sm\:divide-colors-orange-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-orange-700, #c05621); + } + + .sm\:divide-colors-orange-800 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-orange-800, #9c4221); + } + + .sm\:divide-colors-orange-900 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-orange-900, #7b341e); + } + + .sm\:divide-colors-yellow-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-yellow-100, #fffff0); + } + + .sm\:divide-colors-yellow-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-yellow-200, #fefcbf); + } + + .sm\:divide-colors-yellow-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-yellow-300, #faf089); + } + + .sm\:divide-colors-yellow-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-yellow-400, #f6e05e); + } + + .sm\:divide-colors-yellow-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-yellow-500, #ecc94b); + } + + .sm\:divide-colors-yellow-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-yellow-600, #d69e2e); + } + + .sm\:divide-colors-yellow-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-yellow-700, #b7791f); + } + + .sm\:divide-colors-yellow-800 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-yellow-800, #975a16); + } + + .sm\:divide-colors-yellow-900 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-yellow-900, #744210); + } + + .sm\:divide-colors-green-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-green-100, #f0fff4); + } + + .sm\:divide-colors-green-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-green-200, #c6f6d5); + } + + .sm\:divide-colors-green-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-green-300, #9ae6b4); + } + + .sm\:divide-colors-green-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-green-400, #68d391); + } + + .sm\:divide-colors-green-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-green-500, #48bb78); + } + + .sm\:divide-colors-green-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-green-600, #38a169); + } + + .sm\:divide-colors-green-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-green-700, #2f855a); + } + + .sm\:divide-colors-green-800 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-green-800, #276749); + } + + .sm\:divide-colors-green-900 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-green-900, #22543d); + } + + .sm\:divide-colors-teal-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-teal-100, #e6fffa); + } + + .sm\:divide-colors-teal-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-teal-200, #b2f5ea); + } + + .sm\:divide-colors-teal-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-teal-300, #81e6d9); + } + + .sm\:divide-colors-teal-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-teal-400, #4fd1c5); + } + + .sm\:divide-colors-teal-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-teal-500, #38b2ac); + } + + .sm\:divide-colors-teal-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-teal-600, #319795); + } + + .sm\:divide-colors-teal-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-teal-700, #2c7a7b); + } + + .sm\:divide-colors-teal-800 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-teal-800, #285e61); + } + + .sm\:divide-colors-teal-900 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-teal-900, #234e52); + } + + .sm\:divide-colors-blue-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-blue-100, #ebf8ff); + } + + .sm\:divide-colors-blue-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-blue-200, #bee3f8); + } + + .sm\:divide-colors-blue-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-blue-300, #90cdf4); + } + + .sm\:divide-colors-blue-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-blue-400, #63b3ed); + } + + .sm\:divide-colors-blue-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-blue-500, #4299e1); + } + + .sm\:divide-colors-blue-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-blue-600, #3182ce); + } + + .sm\:divide-colors-blue-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-blue-700, #2b6cb0); + } + + .sm\:divide-colors-blue-800 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-blue-800, #2c5282); + } + + .sm\:divide-colors-blue-900 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-blue-900, #2a4365); + } + + .sm\:divide-colors-indigo-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-indigo-100, #ebf4ff); + } + + .sm\:divide-colors-indigo-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-indigo-200, #c3dafe); + } + + .sm\:divide-colors-indigo-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-indigo-300, #a3bffa); + } + + .sm\:divide-colors-indigo-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-indigo-400, #7f9cf5); + } + + .sm\:divide-colors-indigo-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-indigo-500, #667eea); + } + + .sm\:divide-colors-indigo-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-indigo-600, #5a67d8); + } + + .sm\:divide-colors-indigo-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-indigo-700, #4c51bf); + } + + .sm\:divide-colors-indigo-800 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-indigo-800, #434190); + } + + .sm\:divide-colors-indigo-900 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-indigo-900, #3c366b); + } + + .sm\:divide-colors-purple-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-purple-100, #faf5ff); + } + + .sm\:divide-colors-purple-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-purple-200, #e9d8fd); + } + + .sm\:divide-colors-purple-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-purple-300, #d6bcfa); + } + + .sm\:divide-colors-purple-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-purple-400, #b794f4); + } + + .sm\:divide-colors-purple-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-purple-500, #9f7aea); + } + + .sm\:divide-colors-purple-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-purple-600, #805ad5); + } + + .sm\:divide-colors-purple-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-purple-700, #6b46c1); + } + + .sm\:divide-colors-purple-800 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-purple-800, #553c9a); + } + + .sm\:divide-colors-purple-900 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-purple-900, #44337a); + } + + .sm\:divide-colors-pink-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-pink-100, #fff5f7); + } + + .sm\:divide-colors-pink-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-pink-200, #fed7e2); + } + + .sm\:divide-colors-pink-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-pink-300, #fbb6ce); + } + + .sm\:divide-colors-pink-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-pink-400, #f687b3); + } + + .sm\:divide-colors-pink-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-pink-500, #ed64a6); + } + + .sm\:divide-colors-pink-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-pink-600, #d53f8c); + } + + .sm\:divide-colors-pink-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-pink-700, #b83280); + } + + .sm\:divide-colors-pink-800 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-pink-800, #97266d); + } + + .sm\:divide-colors-pink-900 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-pink-900, #702459); + } + + .sm\:divide-Box\ Shadow > :not([hidden]) ~ :not([hidden]) { + border-color: var(--box-shadow, #7f7e7f); + } + + .sm\:divide-Error16 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--error16, #f03d3e40); + } + + .sm\:divide-Success16 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--success16, #5bb14d40); + } + + .sm\:divide-Notification16 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--notification16, #3959ff40); + } + + .sm\:divide-Error8 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--error8, #f03d3e1a); + } + + .sm\:divide-Notification8 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--notification8, #3959ff1a); + } + + .sm\:divide-Success8 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--success8, #5bb14d1a); + } + + .sm\:divide-Light\ -\ Overlay > :not([hidden]) ~ :not([hidden]) { + border-color: var(--light-overlay, #f0edee66); + } + + .sm\:divide-Dark-\ Overlay > :not([hidden]) ~ :not([hidden]) { + border-color: var(--dark-overlay, #7f7e7f66); + } + + .sm\:divide-black-40 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--black-40, #00000066); + } + + .sm\:divide-black-75 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--black-75, #000000bf); + } + + .sm\:divide-black-60 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--black-60, #00000099); + } + + .sm\:divide-black-50 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--black-50, #00000080); + } + + .sm\:divide-black-25 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--black-25, #00000040); + } + + .sm\:divide-black-10 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--black-10, #0000001a); + } + + .sm\:divide-white-25 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--white-25, #ffffff40); + } + + .sm\:divide-white-60 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--white-60, #ffffff99); + } + + .sm\:divide-black-64 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--black-64, #000000a3); + } + + .sm\:divide-Shadow\ and\ Highlight-Shadow > :not([hidden]) ~ :not([hidden]) { + border-color: var(--shadow-and-highlight-shadow, #7f7e7f); + } + + .sm\:divide-Shadow\ and\ Highlight-Highlight > :not([hidden]) ~ :not([hidden]) { + border-color: var(--shadow-and-highlight-highlight, #474747); + } + + .sm\:divide-Shadow\ and\ Highlight-highlight\ one > :not([hidden]) ~ :not([hidden]) { + border-color: var(--shadow-and-highlight-highlight-one, #474747bf); + } + + .sm\:divide-Shadow\ and\ Highlight-highlight\ two > :not([hidden]) ~ :not([hidden]) { + border-color: var(--shadow-and-highlight-highlight-two, #47474799); + } + + .sm\:divide-Shadow\ and\ Highlight-highlight\ three > :not([hidden]) ~ :not([hidden]) { + border-color: var(--shadow-and-highlight-highlight-three, #47474766); + } + + .sm\:divide-Shadow\ and\ Highlight-highlight\ five > :not([hidden]) ~ :not([hidden]) { + border-color: var(--shadow-and-highlight-highlight-five, #4747471a); + } + + .sm\:divide-Shadow\ and\ Highlight-shadow\ one > :not([hidden]) ~ :not([hidden]) { + border-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); + } + + .sm\:divide-Shadow\ and\ Highlight-shadow\ two > :not([hidden]) ~ :not([hidden]) { + border-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); + } + + .sm\:divide-Shadow\ and\ Highlight-shadow\ three > :not([hidden]) ~ :not([hidden]) { + border-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); + } + + .sm\:divide-Shadow\ and\ Highlight-shadow\ four > :not([hidden]) ~ :not([hidden]) { + border-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); + } + + .sm\:divide-Shadow\ and\ Highlight-shadow\ five > :not([hidden]) ~ :not([hidden]) { + border-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); + } + + .sm\:divide-Shadow\ and\ Highlight-highlight\ four > :not([hidden]) ~ :not([hidden]) { + border-color: var(--shadow-and-highlight-highlight-four, #47474740); + } + + .sm\:divide-Base\ Layer\ Styles-Base\ Layer-\ Light-White > :not([hidden]) ~ :not([hidden]) { + border-color: var(--base-layer-styles-base-layer-light-white, #ffffff); + } + + .sm\:divide-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite > :not([hidden]) ~ :not([hidden]) { + border-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); + } + + .sm\:divide-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack > :not([hidden]) ~ :not([hidden]) { + border-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); + } + + .sm\:divide-Base\ Layer\ Styles-Base\ Layer-Dark-Black > :not([hidden]) ~ :not([hidden]) { + border-color: var(--base-layer-styles-base-layer-dark-black, #000000); + } + + .sm\:divide-Grey-Scale-white > :not([hidden]) ~ :not([hidden]) { + border-color: var(--grey-scale-white, #ffffff); + } + + .sm\:divide-Grey-Scale-off-white > :not([hidden]) ~ :not([hidden]) { + border-color: var(--grey-scale-off-white, #f0edee); + } + + .sm\:divide-Grey\ Scale-grey > :not([hidden]) ~ :not([hidden]) { + border-color: var(--grey-scale-grey, #7f7e7f); + } + + .sm\:divide-Grey\ Scale-charcoal > :not([hidden]) ~ :not([hidden]) { + border-color: var(--grey-scale-charcoal, #474747); + } + + .sm\:divide-Grey\ Scale-off-black > :not([hidden]) ~ :not([hidden]) { + border-color: var(--grey-scale-off-black, #1c1c1c); + } + + .sm\:divide-Grey\ Scale-black > :not([hidden]) ~ :not([hidden]) { + border-color: var(--grey-scale-black, #000000); + } + + .sm\:divide-Blue-blue > :not([hidden]) ~ :not([hidden]) { + border-color: var(--blue-blue, #3a7ca5); + } + + .sm\:divide-Blue-blue-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--blue-blue-100, #75a3c0); + } + + .sm\:divide-Blue-blue-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--blue-blue-200, #9cbed2); + } + + .sm\:divide-Blue-blue-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--blue-blue-300, #4f7d9a); + } + + .sm\:divide-Blue-blue-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--blue-blue-400, #5c7d92); + } + + .sm\:divide-Blue-blue-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--blue-blue-500, #347095); + } + + .sm\:divide-Blue-blue-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--blue-blue-600, #295774); + } + + .sm\:divide-Blue-blue-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--blue-blue-700, #173242); + } + + .sm\:divide-LightBlue-lightblue > :not([hidden]) ~ :not([hidden]) { + border-color: var(--light-blue-lightblue, #81c3d7); + } + + .sm\:divide-LightBlue-lightblue-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--light-blue-lightblue-100, #a7d5e3); + } + + .sm\:divide-LightBlue-lightblue-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--light-blue-lightblue-200, #c0e1eb); + } + + .sm\:divide-LightBlue-lightblue-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--light-blue-lightblue-300, #80aebd); + } + + .sm\:divide-LightBlue-lightblue-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--light-blue-lightblue-400, #80a0ab); + } + + .sm\:divide-LightBlue-lightblue-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--light-blue-lightblue-500, #74afc1); + } + + .sm\:divide-LightBlue-lightblue-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--light-blue-lightblue-600, #5a8997); + } + + .sm\:divide-LightBlue-lightblue-650 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--light-blue-lightblue-650, #3e5e65); + } + + .sm\:divide-LightBlue-lightblue-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--light-blue-lightblue-700, #344e56); + } + + .sm\:divide-Orange-orange > :not([hidden]) ~ :not([hidden]) { + border-color: var(--orange-orange, #ff7f0e); + } + + .sm\:divide-Orange-orange-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--orange-orange-100, #ffa556); + } + + .sm\:divide-Orange-orange-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--orange-orange-200, #ffbf86); + } + + .sm\:divide-Orange-orange-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--orange-orange-300, #d97f30); + } + + .sm\:divide-Orange-orange-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--orange-orange-400, #bf7e46); + } + + .sm\:divide-Orange-orange-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--orange-orange-500, #e5720d); + } + + .sm\:divide-Orange-orange-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--orange-orange-600, #b3590a); + } + + .sm\:divide-Orange-orange-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--orange-orange-700, #663306); + } + + .sm\:divide-Yellow-yellow > :not([hidden]) ~ :not([hidden]) { + border-color: var(--yellow-yellow, #ffab00); + } + + .sm\:divide-Yellow-yellow-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--yellow-yellow-100, #ffc44c); + } + + .sm\:divide-Yellow-yellow-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--yellow-yellow-200, #ffd580); + } + + .sm\:divide-Yellow-yellow-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--yellow-yellow-300, #d99d26); + } + + .sm\:divide-Yellow-yellow-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--yellow-yellow-400, #bf943f); + } + + .sm\:divide-Yellow-yellow-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--yellow-yellow-500, #e59a00); + } + + .sm\:divide-Yellow-yellow-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--yellow-yellow-600, #b37800); + } + + .sm\:divide-Yellow-yellow-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--yellow-yellow-700, #664400); + } + + .sm\:divide-Notification-notification > :not([hidden]) ~ :not([hidden]) { + border-color: var(--notification-notification, #3959ff); + } + + .sm\:divide-Notification-notification-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--notification-notification-100, #748bff); + } + + .sm\:divide-Notification-notification-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--notification-notification-200, #9cacff); + } + + .sm\:divide-Notification-notification-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--notification-notification-300, #4e64d9); + } + + .sm\:divide-Notification-notification-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--notification-notification-400, #5c6cbf); + } + + .sm\:divide-Notification-notification-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--notification-notification-500, #3350e5); + } + + .sm\:divide-Notification-notification-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--notification-notification-600, #283eb3); + } + + .sm\:divide-Notification-notification-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--notification-notification-700, #172466); + } + + .sm\:divide-Success-success\ -700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--success-success-700, #24471f); + } + + .sm\:divide-Success-success > :not([hidden]) ~ :not([hidden]) { + border-color: var(--success-success, #5bb14d); + } + + .sm\:divide-Success-success\ -100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--success-success-100, #8cc882); + } + + .sm\:divide-Success-success\ -200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--success-success-200, #add8a6); + } + + .sm\:divide-Success-success\ -300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--success-success-300, #66a25c); + } + + .sm\:divide-Success-success\ -400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--success-success-400, #6d9766); + } + + .sm\:divide-Success-success\ -500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--success-success-500, #529f45); + } + + .sm\:divide-Success-success\ -600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--success-success-600, #407c36); + } + + .sm\:divide-Error-error > :not([hidden]) ~ :not([hidden]) { + border-color: var(--error-error, #f03d3e); + } + + .sm\:divide-Error-error-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--error-error-100, #f57778); + } + + .sm\:divide-Error-error-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--error-error-200, #f89e9e); + } + + .sm\:divide-Error-error-250 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--error-error-250, #f9c8c8); + } + + .sm\:divide-Error-error-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--error-error-300, #ce5151); + } + + .sm\:divide-Error-error-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--error-error-400, #b85e5e); + } + + .sm\:divide-Error-error-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--error-error-500, #d83738); + } + + .sm\:divide-Error-error-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--error-error-600, #a82b2b); + } + + .sm\:divide-Error-error-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--error-error-700, #601819); + } + + .sm\:divide-opacity-0 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 0; + } + + .sm\:divide-opacity-5 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 0.05; + } + + .sm\:divide-opacity-10 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 0.1; + } + + .sm\:divide-opacity-20 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 0.2; + } + + .sm\:divide-opacity-25 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 0.25; + } + + .sm\:divide-opacity-30 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 0.3; + } + + .sm\:divide-opacity-40 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 0.4; + } + + .sm\:divide-opacity-50 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 0.5; + } + + .sm\:divide-opacity-60 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 0.6; + } + + .sm\:divide-opacity-70 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 0.7; + } + + .sm\:divide-opacity-75 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 0.75; + } + + .sm\:divide-opacity-80 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 0.8; + } + + .sm\:divide-opacity-90 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 0.9; + } + + .sm\:divide-opacity-95 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 0.95; + } + + .sm\:divide-opacity-100 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 1; + } + + .sm\:place-self-auto { + place-self: auto; + } + + .sm\:place-self-start { + place-self: start; + } + + .sm\:place-self-end { + place-self: end; + } + + .sm\:place-self-center { + place-self: center; + } + + .sm\:place-self-stretch { + place-self: stretch; + } + + .sm\:self-auto { + align-self: auto; + } + + .sm\:self-start { + align-self: flex-start; + } + + .sm\:self-end { + align-self: flex-end; + } + + .sm\:self-center { + align-self: center; + } + + .sm\:self-stretch { + align-self: stretch; + } + + .sm\:self-baseline { + align-self: baseline; + } + + .sm\:justify-self-auto { + justify-self: auto; + } + + .sm\:justify-self-start { + justify-self: start; + } + + .sm\:justify-self-end { + justify-self: end; + } + + .sm\:justify-self-center { + justify-self: center; + } + + .sm\:justify-self-stretch { + justify-self: stretch; + } + + .sm\:overflow-auto { + overflow: auto; + } + + .sm\:overflow-hidden { + overflow: hidden; + } + + .sm\:overflow-visible { + overflow: visible; + } + + .sm\:overflow-scroll { + overflow: scroll; + } + + .sm\:overflow-x-auto { + overflow-x: auto; + } + + .sm\:overflow-y-auto { + overflow-y: auto; + } + + .sm\:overflow-x-hidden { + overflow-x: hidden; + } + + .sm\:overflow-y-hidden { + overflow-y: hidden; + } + + .sm\:overflow-x-visible { + overflow-x: visible; + } + + .sm\:overflow-y-visible { + overflow-y: visible; + } + + .sm\:overflow-x-scroll { + overflow-x: scroll; + } + + .sm\:overflow-y-scroll { + overflow-y: scroll; + } + + .sm\:overscroll-auto { + overscroll-behavior: auto; + } + + .sm\:overscroll-contain { + overscroll-behavior: contain; + } + + .sm\:overscroll-none { + overscroll-behavior: none; + } + + .sm\:overscroll-y-auto { + overscroll-behavior-y: auto; + } + + .sm\:overscroll-y-contain { + overscroll-behavior-y: contain; + } + + .sm\:overscroll-y-none { + overscroll-behavior-y: none; + } + + .sm\:overscroll-x-auto { + overscroll-behavior-x: auto; + } + + .sm\:overscroll-x-contain { + overscroll-behavior-x: contain; + } + + .sm\:overscroll-x-none { + overscroll-behavior-x: none; + } + + .sm\:truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + + .sm\:overflow-ellipsis { + text-overflow: ellipsis; + } + + .sm\:overflow-clip { + text-overflow: clip; + } + + .sm\:whitespace-normal { + white-space: normal; + } + + .sm\:whitespace-nowrap { + white-space: nowrap; + } + + .sm\:whitespace-pre { + white-space: pre; + } + + .sm\:whitespace-pre-line { + white-space: pre-line; + } + + .sm\:whitespace-pre-wrap { + white-space: pre-wrap; + } + + .sm\:break-normal { + overflow-wrap: normal; + word-break: normal; + } + + .sm\:break-words { + overflow-wrap: break-word; + } + + .sm\:break-all { + word-break: break-all; + } + + .sm\:rounded-none { + border-radius: 0px; + } + + .sm\:rounded-sm { + border-radius: 0.125rem; + } + + .sm\:rounded { + border-radius: 0.25rem; + } + + .sm\:rounded-md { + border-radius: 0.375rem; + } + + .sm\:rounded-lg { + border-radius: 0.5rem; + } + + .sm\:rounded-xl { + border-radius: 0.75rem; + } + + .sm\:rounded-2xl { + border-radius: 1rem; + } + + .sm\:rounded-3xl { + border-radius: 1.5rem; + } + + .sm\:rounded-full { + border-radius: 9999px; + } + + .sm\:rounded-t-none { + border-top-left-radius: 0px; + border-top-right-radius: 0px; + } + + .sm\:rounded-t-sm { + border-top-left-radius: 0.125rem; + border-top-right-radius: 0.125rem; + } + + .sm\:rounded-t { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; + } + + .sm\:rounded-t-md { + border-top-left-radius: 0.375rem; + border-top-right-radius: 0.375rem; + } + + .sm\:rounded-t-lg { + border-top-left-radius: 0.5rem; + border-top-right-radius: 0.5rem; + } + + .sm\:rounded-t-xl { + border-top-left-radius: 0.75rem; + border-top-right-radius: 0.75rem; + } + + .sm\:rounded-t-2xl { + border-top-left-radius: 1rem; + border-top-right-radius: 1rem; + } + + .sm\:rounded-t-3xl { + border-top-left-radius: 1.5rem; + border-top-right-radius: 1.5rem; + } + + .sm\:rounded-t-full { + border-top-left-radius: 9999px; + border-top-right-radius: 9999px; + } + + .sm\:rounded-r-none { + border-top-right-radius: 0px; + border-bottom-right-radius: 0px; + } + + .sm\:rounded-r-sm { + border-top-right-radius: 0.125rem; + border-bottom-right-radius: 0.125rem; + } + + .sm\:rounded-r { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + } + + .sm\:rounded-r-md { + border-top-right-radius: 0.375rem; + border-bottom-right-radius: 0.375rem; + } + + .sm\:rounded-r-lg { + border-top-right-radius: 0.5rem; + border-bottom-right-radius: 0.5rem; + } + + .sm\:rounded-r-xl { + border-top-right-radius: 0.75rem; + border-bottom-right-radius: 0.75rem; + } + + .sm\:rounded-r-2xl { + border-top-right-radius: 1rem; + border-bottom-right-radius: 1rem; + } + + .sm\:rounded-r-3xl { + border-top-right-radius: 1.5rem; + border-bottom-right-radius: 1.5rem; + } + + .sm\:rounded-r-full { + border-top-right-radius: 9999px; + border-bottom-right-radius: 9999px; + } + + .sm\:rounded-b-none { + border-bottom-right-radius: 0px; + border-bottom-left-radius: 0px; + } + + .sm\:rounded-b-sm { + border-bottom-right-radius: 0.125rem; + border-bottom-left-radius: 0.125rem; + } + + .sm\:rounded-b { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; + } + + .sm\:rounded-b-md { + border-bottom-right-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; + } + + .sm\:rounded-b-lg { + border-bottom-right-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; + } + + .sm\:rounded-b-xl { + border-bottom-right-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; + } + + .sm\:rounded-b-2xl { + border-bottom-right-radius: 1rem; + border-bottom-left-radius: 1rem; + } + + .sm\:rounded-b-3xl { + border-bottom-right-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; + } + + .sm\:rounded-b-full { + border-bottom-right-radius: 9999px; + border-bottom-left-radius: 9999px; + } + + .sm\:rounded-l-none { + border-top-left-radius: 0px; + border-bottom-left-radius: 0px; + } + + .sm\:rounded-l-sm { + border-top-left-radius: 0.125rem; + border-bottom-left-radius: 0.125rem; + } + + .sm\:rounded-l { + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; + } + + .sm\:rounded-l-md { + border-top-left-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; + } + + .sm\:rounded-l-lg { + border-top-left-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; + } + + .sm\:rounded-l-xl { + border-top-left-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; + } + + .sm\:rounded-l-2xl { + border-top-left-radius: 1rem; + border-bottom-left-radius: 1rem; + } + + .sm\:rounded-l-3xl { + border-top-left-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; + } + + .sm\:rounded-l-full { + border-top-left-radius: 9999px; + border-bottom-left-radius: 9999px; + } + + .sm\:rounded-tl-none { + border-top-left-radius: 0px; + } + + .sm\:rounded-tl-sm { + border-top-left-radius: 0.125rem; + } + + .sm\:rounded-tl { + border-top-left-radius: 0.25rem; + } + + .sm\:rounded-tl-md { + border-top-left-radius: 0.375rem; + } + + .sm\:rounded-tl-lg { + border-top-left-radius: 0.5rem; + } + + .sm\:rounded-tl-xl { + border-top-left-radius: 0.75rem; + } + + .sm\:rounded-tl-2xl { + border-top-left-radius: 1rem; + } + + .sm\:rounded-tl-3xl { + border-top-left-radius: 1.5rem; + } + + .sm\:rounded-tl-full { + border-top-left-radius: 9999px; + } + + .sm\:rounded-tr-none { + border-top-right-radius: 0px; + } + + .sm\:rounded-tr-sm { + border-top-right-radius: 0.125rem; + } + + .sm\:rounded-tr { + border-top-right-radius: 0.25rem; + } + + .sm\:rounded-tr-md { + border-top-right-radius: 0.375rem; + } + + .sm\:rounded-tr-lg { + border-top-right-radius: 0.5rem; + } + + .sm\:rounded-tr-xl { + border-top-right-radius: 0.75rem; + } + + .sm\:rounded-tr-2xl { + border-top-right-radius: 1rem; + } + + .sm\:rounded-tr-3xl { + border-top-right-radius: 1.5rem; + } + + .sm\:rounded-tr-full { + border-top-right-radius: 9999px; + } + + .sm\:rounded-br-none { + border-bottom-right-radius: 0px; + } + + .sm\:rounded-br-sm { + border-bottom-right-radius: 0.125rem; + } + + .sm\:rounded-br { + border-bottom-right-radius: 0.25rem; + } + + .sm\:rounded-br-md { + border-bottom-right-radius: 0.375rem; + } + + .sm\:rounded-br-lg { + border-bottom-right-radius: 0.5rem; + } + + .sm\:rounded-br-xl { + border-bottom-right-radius: 0.75rem; + } + + .sm\:rounded-br-2xl { + border-bottom-right-radius: 1rem; + } + + .sm\:rounded-br-3xl { + border-bottom-right-radius: 1.5rem; + } + + .sm\:rounded-br-full { + border-bottom-right-radius: 9999px; + } + + .sm\:rounded-bl-none { + border-bottom-left-radius: 0px; + } + + .sm\:rounded-bl-sm { + border-bottom-left-radius: 0.125rem; + } + + .sm\:rounded-bl { + border-bottom-left-radius: 0.25rem; + } + + .sm\:rounded-bl-md { + border-bottom-left-radius: 0.375rem; + } + + .sm\:rounded-bl-lg { + border-bottom-left-radius: 0.5rem; + } + + .sm\:rounded-bl-xl { + border-bottom-left-radius: 0.75rem; + } + + .sm\:rounded-bl-2xl { + border-bottom-left-radius: 1rem; + } + + .sm\:rounded-bl-3xl { + border-bottom-left-radius: 1.5rem; + } + + .sm\:rounded-bl-full { + border-bottom-left-radius: 9999px; + } + + .sm\:border-0 { + border-width: 0px; + } + + .sm\:border-2 { + border-width: 2px; + } + + .sm\:border-4 { + border-width: 4px; + } + + .sm\:border-8 { + border-width: 8px; + } + + .sm\:border { + border-width: 1px; + } + + .sm\:border-t-0 { + border-top-width: 0px; + } + + .sm\:border-t-2 { + border-top-width: 2px; + } + + .sm\:border-t-4 { + border-top-width: 4px; + } + + .sm\:border-t-8 { + border-top-width: 8px; + } + + .sm\:border-t { + border-top-width: 1px; + } + + .sm\:border-r-0 { + border-right-width: 0px; + } + + .sm\:border-r-2 { + border-right-width: 2px; + } + + .sm\:border-r-4 { + border-right-width: 4px; + } + + .sm\:border-r-8 { + border-right-width: 8px; + } + + .sm\:border-r { + border-right-width: 1px; + } + + .sm\:border-b-0 { + border-bottom-width: 0px; + } + + .sm\:border-b-2 { + border-bottom-width: 2px; + } + + .sm\:border-b-4 { + border-bottom-width: 4px; + } + + .sm\:border-b-8 { + border-bottom-width: 8px; + } + + .sm\:border-b { + border-bottom-width: 1px; + } + + .sm\:border-l-0 { + border-left-width: 0px; + } + + .sm\:border-l-2 { + border-left-width: 2px; + } + + .sm\:border-l-4 { + border-left-width: 4px; + } + + .sm\:border-l-8 { + border-left-width: 8px; + } + + .sm\:border-l { + border-left-width: 1px; + } + + .sm\:border-solid { + border-style: solid; + } + + .sm\:border-dashed { + border-style: dashed; + } + + .sm\:border-dotted { + border-style: dotted; + } + + .sm\:border-double { + border-style: double; + } + + .sm\:border-none { + border-style: none; + } + + .sm\:border-colors-black { + border-color: var(--colors-black, #000000); + } + + .sm\:border-colors-white { + border-color: var(--colors-white, #ffffff); + } + + .sm\:border-colors-gray-100 { + border-color: var(--colors-gray-100, #f7fafc); + } + + .sm\:border-colors-gray-200 { + border-color: var(--colors-gray-200, #edf2f7); + } + + .sm\:border-colors-gray-300 { + border-color: var(--colors-gray-300, #e2e8f0); + } + + .sm\:border-colors-gray-400 { + border-color: var(--colors-gray-400, #cbd5e0); + } + + .sm\:border-colors-gray-500 { + border-color: var(--colors-gray-500, #a0aec0); + } + + .sm\:border-colors-gray-600 { + border-color: var(--colors-gray-600, #718096); + } + + .sm\:border-colors-gray-700 { + border-color: var(--colors-gray-700, #4a5568); + } + + .sm\:border-colors-gray-800 { + border-color: var(--colors-gray-800, #2d3748); + } + + .sm\:border-colors-gray-900 { + border-color: var(--colors-gray-900, #1a202c); + } + + .sm\:border-colors-red-100 { + border-color: var(--colors-red-100, #fff5f5); + } + + .sm\:border-colors-red-200 { + border-color: var(--colors-red-200, #fed7d7); + } + + .sm\:border-colors-red-300 { + border-color: var(--colors-red-300, #feb2b2); + } + + .sm\:border-colors-red-400 { + border-color: var(--colors-red-400, #fc8181); + } + + .sm\:border-colors-red-500 { + border-color: var(--colors-red-500, #f56565); + } + + .sm\:border-colors-red-600 { + border-color: var(--colors-red-600, #e53e3e); + } + + .sm\:border-colors-red-700 { + border-color: var(--colors-red-700, #c53030); + } + + .sm\:border-colors-red-800 { + border-color: var(--colors-red-800, #9b2c2c); + } + + .sm\:border-colors-red-900 { + border-color: var(--colors-red-900, #742a2a); + } + + .sm\:border-colors-orange-100 { + border-color: var(--colors-orange-100, #fffaf0); + } + + .sm\:border-colors-orange-200 { + border-color: var(--colors-orange-200, #feebc8); + } + + .sm\:border-colors-orange-300 { + border-color: var(--colors-orange-300, #fbd38d); + } + + .sm\:border-colors-orange-400 { + border-color: var(--colors-orange-400, #f6ad55); + } + + .sm\:border-colors-orange-500 { + border-color: var(--colors-orange-500, #ed8936); + } + + .sm\:border-colors-orange-600 { + border-color: var(--colors-orange-600, #dd6b20); + } + + .sm\:border-colors-orange-700 { + border-color: var(--colors-orange-700, #c05621); + } + + .sm\:border-colors-orange-800 { + border-color: var(--colors-orange-800, #9c4221); + } + + .sm\:border-colors-orange-900 { + border-color: var(--colors-orange-900, #7b341e); + } + + .sm\:border-colors-yellow-100 { + border-color: var(--colors-yellow-100, #fffff0); + } + + .sm\:border-colors-yellow-200 { + border-color: var(--colors-yellow-200, #fefcbf); + } + + .sm\:border-colors-yellow-300 { + border-color: var(--colors-yellow-300, #faf089); + } + + .sm\:border-colors-yellow-400 { + border-color: var(--colors-yellow-400, #f6e05e); + } + + .sm\:border-colors-yellow-500 { + border-color: var(--colors-yellow-500, #ecc94b); + } + + .sm\:border-colors-yellow-600 { + border-color: var(--colors-yellow-600, #d69e2e); + } + + .sm\:border-colors-yellow-700 { + border-color: var(--colors-yellow-700, #b7791f); + } + + .sm\:border-colors-yellow-800 { + border-color: var(--colors-yellow-800, #975a16); + } + + .sm\:border-colors-yellow-900 { + border-color: var(--colors-yellow-900, #744210); + } + + .sm\:border-colors-green-100 { + border-color: var(--colors-green-100, #f0fff4); + } + + .sm\:border-colors-green-200 { + border-color: var(--colors-green-200, #c6f6d5); + } + + .sm\:border-colors-green-300 { + border-color: var(--colors-green-300, #9ae6b4); + } + + .sm\:border-colors-green-400 { + border-color: var(--colors-green-400, #68d391); + } + + .sm\:border-colors-green-500 { + border-color: var(--colors-green-500, #48bb78); + } + + .sm\:border-colors-green-600 { + border-color: var(--colors-green-600, #38a169); + } + + .sm\:border-colors-green-700 { + border-color: var(--colors-green-700, #2f855a); + } + + .sm\:border-colors-green-800 { + border-color: var(--colors-green-800, #276749); + } + + .sm\:border-colors-green-900 { + border-color: var(--colors-green-900, #22543d); + } + + .sm\:border-colors-teal-100 { + border-color: var(--colors-teal-100, #e6fffa); + } + + .sm\:border-colors-teal-200 { + border-color: var(--colors-teal-200, #b2f5ea); + } + + .sm\:border-colors-teal-300 { + border-color: var(--colors-teal-300, #81e6d9); + } + + .sm\:border-colors-teal-400 { + border-color: var(--colors-teal-400, #4fd1c5); + } + + .sm\:border-colors-teal-500 { + border-color: var(--colors-teal-500, #38b2ac); + } + + .sm\:border-colors-teal-600 { + border-color: var(--colors-teal-600, #319795); + } + + .sm\:border-colors-teal-700 { + border-color: var(--colors-teal-700, #2c7a7b); + } + + .sm\:border-colors-teal-800 { + border-color: var(--colors-teal-800, #285e61); + } + + .sm\:border-colors-teal-900 { + border-color: var(--colors-teal-900, #234e52); + } + + .sm\:border-colors-blue-100 { + border-color: var(--colors-blue-100, #ebf8ff); + } + + .sm\:border-colors-blue-200 { + border-color: var(--colors-blue-200, #bee3f8); + } + + .sm\:border-colors-blue-300 { + border-color: var(--colors-blue-300, #90cdf4); + } + + .sm\:border-colors-blue-400 { + border-color: var(--colors-blue-400, #63b3ed); + } + + .sm\:border-colors-blue-500 { + border-color: var(--colors-blue-500, #4299e1); + } + + .sm\:border-colors-blue-600 { + border-color: var(--colors-blue-600, #3182ce); + } + + .sm\:border-colors-blue-700 { + border-color: var(--colors-blue-700, #2b6cb0); + } + + .sm\:border-colors-blue-800 { + border-color: var(--colors-blue-800, #2c5282); + } + + .sm\:border-colors-blue-900 { + border-color: var(--colors-blue-900, #2a4365); + } + + .sm\:border-colors-indigo-100 { + border-color: var(--colors-indigo-100, #ebf4ff); + } + + .sm\:border-colors-indigo-200 { + border-color: var(--colors-indigo-200, #c3dafe); + } + + .sm\:border-colors-indigo-300 { + border-color: var(--colors-indigo-300, #a3bffa); + } + + .sm\:border-colors-indigo-400 { + border-color: var(--colors-indigo-400, #7f9cf5); + } + + .sm\:border-colors-indigo-500 { + border-color: var(--colors-indigo-500, #667eea); + } + + .sm\:border-colors-indigo-600 { + border-color: var(--colors-indigo-600, #5a67d8); + } + + .sm\:border-colors-indigo-700 { + border-color: var(--colors-indigo-700, #4c51bf); + } + + .sm\:border-colors-indigo-800 { + border-color: var(--colors-indigo-800, #434190); + } + + .sm\:border-colors-indigo-900 { + border-color: var(--colors-indigo-900, #3c366b); + } + + .sm\:border-colors-purple-100 { + border-color: var(--colors-purple-100, #faf5ff); + } + + .sm\:border-colors-purple-200 { + border-color: var(--colors-purple-200, #e9d8fd); + } + + .sm\:border-colors-purple-300 { + border-color: var(--colors-purple-300, #d6bcfa); + } + + .sm\:border-colors-purple-400 { + border-color: var(--colors-purple-400, #b794f4); + } + + .sm\:border-colors-purple-500 { + border-color: var(--colors-purple-500, #9f7aea); + } + + .sm\:border-colors-purple-600 { + border-color: var(--colors-purple-600, #805ad5); + } + + .sm\:border-colors-purple-700 { + border-color: var(--colors-purple-700, #6b46c1); + } + + .sm\:border-colors-purple-800 { + border-color: var(--colors-purple-800, #553c9a); + } + + .sm\:border-colors-purple-900 { + border-color: var(--colors-purple-900, #44337a); + } + + .sm\:border-colors-pink-100 { + border-color: var(--colors-pink-100, #fff5f7); + } + + .sm\:border-colors-pink-200 { + border-color: var(--colors-pink-200, #fed7e2); + } + + .sm\:border-colors-pink-300 { + border-color: var(--colors-pink-300, #fbb6ce); + } + + .sm\:border-colors-pink-400 { + border-color: var(--colors-pink-400, #f687b3); + } + + .sm\:border-colors-pink-500 { + border-color: var(--colors-pink-500, #ed64a6); + } + + .sm\:border-colors-pink-600 { + border-color: var(--colors-pink-600, #d53f8c); + } + + .sm\:border-colors-pink-700 { + border-color: var(--colors-pink-700, #b83280); + } + + .sm\:border-colors-pink-800 { + border-color: var(--colors-pink-800, #97266d); + } + + .sm\:border-colors-pink-900 { + border-color: var(--colors-pink-900, #702459); + } + + .sm\:border-Box\ Shadow { + border-color: var(--box-shadow, #7f7e7f); + } + + .sm\:border-Error16 { + border-color: var(--error16, #f03d3e40); + } + + .sm\:border-Success16 { + border-color: var(--success16, #5bb14d40); + } + + .sm\:border-Notification16 { + border-color: var(--notification16, #3959ff40); + } + + .sm\:border-Error8 { + border-color: var(--error8, #f03d3e1a); + } + + .sm\:border-Notification8 { + border-color: var(--notification8, #3959ff1a); + } + + .sm\:border-Success8 { + border-color: var(--success8, #5bb14d1a); + } + + .sm\:border-Light\ -\ Overlay { + border-color: var(--light-overlay, #f0edee66); + } + + .sm\:border-Dark-\ Overlay { + border-color: var(--dark-overlay, #7f7e7f66); + } + + .sm\:border-black-40 { + border-color: var(--black-40, #00000066); + } + + .sm\:border-black-75 { + border-color: var(--black-75, #000000bf); + } + + .sm\:border-black-60 { + border-color: var(--black-60, #00000099); + } + + .sm\:border-black-50 { + border-color: var(--black-50, #00000080); + } + + .sm\:border-black-25 { + border-color: var(--black-25, #00000040); + } + + .sm\:border-black-10 { + border-color: var(--black-10, #0000001a); + } + + .sm\:border-white-25 { + border-color: var(--white-25, #ffffff40); + } + + .sm\:border-white-60 { + border-color: var(--white-60, #ffffff99); + } + + .sm\:border-black-64 { + border-color: var(--black-64, #000000a3); + } + + .sm\:border-Shadow\ and\ Highlight-Shadow { + border-color: var(--shadow-and-highlight-shadow, #7f7e7f); + } + + .sm\:border-Shadow\ and\ Highlight-Highlight { + border-color: var(--shadow-and-highlight-highlight, #474747); + } + + .sm\:border-Shadow\ and\ Highlight-highlight\ one { + border-color: var(--shadow-and-highlight-highlight-one, #474747bf); + } + + .sm\:border-Shadow\ and\ Highlight-highlight\ two { + border-color: var(--shadow-and-highlight-highlight-two, #47474799); + } + + .sm\:border-Shadow\ and\ Highlight-highlight\ three { + border-color: var(--shadow-and-highlight-highlight-three, #47474766); + } + + .sm\:border-Shadow\ and\ Highlight-highlight\ five { + border-color: var(--shadow-and-highlight-highlight-five, #4747471a); + } + + .sm\:border-Shadow\ and\ Highlight-shadow\ one { + border-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); + } + + .sm\:border-Shadow\ and\ Highlight-shadow\ two { + border-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); + } + + .sm\:border-Shadow\ and\ Highlight-shadow\ three { + border-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); + } + + .sm\:border-Shadow\ and\ Highlight-shadow\ four { + border-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); + } + + .sm\:border-Shadow\ and\ Highlight-shadow\ five { + border-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); + } + + .sm\:border-Shadow\ and\ Highlight-highlight\ four { + border-color: var(--shadow-and-highlight-highlight-four, #47474740); + } + + .sm\:border-Base\ Layer\ Styles-Base\ Layer-\ Light-White { + border-color: var(--base-layer-styles-base-layer-light-white, #ffffff); + } + + .sm\:border-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite { + border-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); + } + + .sm\:border-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack { + border-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); + } + + .sm\:border-Base\ Layer\ Styles-Base\ Layer-Dark-Black { + border-color: var(--base-layer-styles-base-layer-dark-black, #000000); + } + + .sm\:border-Grey-Scale-white { + border-color: var(--grey-scale-white, #ffffff); + } + + .sm\:border-Grey-Scale-off-white { + border-color: var(--grey-scale-off-white, #f0edee); + } + + .sm\:border-Grey\ Scale-grey { + border-color: var(--grey-scale-grey, #7f7e7f); + } + + .sm\:border-Grey\ Scale-charcoal { + border-color: var(--grey-scale-charcoal, #474747); + } + + .sm\:border-Grey\ Scale-off-black { + border-color: var(--grey-scale-off-black, #1c1c1c); + } + + .sm\:border-Grey\ Scale-black { + border-color: var(--grey-scale-black, #000000); + } + + .sm\:border-Blue-blue { + border-color: var(--blue-blue, #3a7ca5); + } + + .sm\:border-Blue-blue-100 { + border-color: var(--blue-blue-100, #75a3c0); + } + + .sm\:border-Blue-blue-200 { + border-color: var(--blue-blue-200, #9cbed2); + } + + .sm\:border-Blue-blue-300 { + border-color: var(--blue-blue-300, #4f7d9a); + } + + .sm\:border-Blue-blue-400 { + border-color: var(--blue-blue-400, #5c7d92); + } + + .sm\:border-Blue-blue-500 { + border-color: var(--blue-blue-500, #347095); + } + + .sm\:border-Blue-blue-600 { + border-color: var(--blue-blue-600, #295774); + } + + .sm\:border-Blue-blue-700 { + border-color: var(--blue-blue-700, #173242); + } + + .sm\:border-LightBlue-lightblue { + border-color: var(--light-blue-lightblue, #81c3d7); + } + + .sm\:border-LightBlue-lightblue-100 { + border-color: var(--light-blue-lightblue-100, #a7d5e3); + } + + .sm\:border-LightBlue-lightblue-200 { + border-color: var(--light-blue-lightblue-200, #c0e1eb); + } + + .sm\:border-LightBlue-lightblue-300 { + border-color: var(--light-blue-lightblue-300, #80aebd); + } + + .sm\:border-LightBlue-lightblue-400 { + border-color: var(--light-blue-lightblue-400, #80a0ab); + } + + .sm\:border-LightBlue-lightblue-500 { + border-color: var(--light-blue-lightblue-500, #74afc1); + } + + .sm\:border-LightBlue-lightblue-600 { + border-color: var(--light-blue-lightblue-600, #5a8997); + } + + .sm\:border-LightBlue-lightblue-650 { + border-color: var(--light-blue-lightblue-650, #3e5e65); + } + + .sm\:border-LightBlue-lightblue-700 { + border-color: var(--light-blue-lightblue-700, #344e56); + } + + .sm\:border-Orange-orange { + border-color: var(--orange-orange, #ff7f0e); + } + + .sm\:border-Orange-orange-100 { + border-color: var(--orange-orange-100, #ffa556); + } + + .sm\:border-Orange-orange-200 { + border-color: var(--orange-orange-200, #ffbf86); + } + + .sm\:border-Orange-orange-300 { + border-color: var(--orange-orange-300, #d97f30); + } + + .sm\:border-Orange-orange-400 { + border-color: var(--orange-orange-400, #bf7e46); + } + + .sm\:border-Orange-orange-500 { + border-color: var(--orange-orange-500, #e5720d); + } + + .sm\:border-Orange-orange-600 { + border-color: var(--orange-orange-600, #b3590a); + } + + .sm\:border-Orange-orange-700 { + border-color: var(--orange-orange-700, #663306); + } + + .sm\:border-Yellow-yellow { + border-color: var(--yellow-yellow, #ffab00); + } + + .sm\:border-Yellow-yellow-100 { + border-color: var(--yellow-yellow-100, #ffc44c); + } + + .sm\:border-Yellow-yellow-200 { + border-color: var(--yellow-yellow-200, #ffd580); + } + + .sm\:border-Yellow-yellow-300 { + border-color: var(--yellow-yellow-300, #d99d26); + } + + .sm\:border-Yellow-yellow-400 { + border-color: var(--yellow-yellow-400, #bf943f); + } + + .sm\:border-Yellow-yellow-500 { + border-color: var(--yellow-yellow-500, #e59a00); + } + + .sm\:border-Yellow-yellow-600 { + border-color: var(--yellow-yellow-600, #b37800); + } + + .sm\:border-Yellow-yellow-700 { + border-color: var(--yellow-yellow-700, #664400); + } + + .sm\:border-Notification-notification { + border-color: var(--notification-notification, #3959ff); + } + + .sm\:border-Notification-notification-100 { + border-color: var(--notification-notification-100, #748bff); + } + + .sm\:border-Notification-notification-200 { + border-color: var(--notification-notification-200, #9cacff); + } + + .sm\:border-Notification-notification-300 { + border-color: var(--notification-notification-300, #4e64d9); + } + + .sm\:border-Notification-notification-400 { + border-color: var(--notification-notification-400, #5c6cbf); + } + + .sm\:border-Notification-notification-500 { + border-color: var(--notification-notification-500, #3350e5); + } + + .sm\:border-Notification-notification-600 { + border-color: var(--notification-notification-600, #283eb3); + } + + .sm\:border-Notification-notification-700 { + border-color: var(--notification-notification-700, #172466); + } + + .sm\:border-Success-success\ -700 { + border-color: var(--success-success-700, #24471f); + } + + .sm\:border-Success-success { + border-color: var(--success-success, #5bb14d); + } + + .sm\:border-Success-success\ -100 { + border-color: var(--success-success-100, #8cc882); + } + + .sm\:border-Success-success\ -200 { + border-color: var(--success-success-200, #add8a6); + } + + .sm\:border-Success-success\ -300 { + border-color: var(--success-success-300, #66a25c); + } + + .sm\:border-Success-success\ -400 { + border-color: var(--success-success-400, #6d9766); + } + + .sm\:border-Success-success\ -500 { + border-color: var(--success-success-500, #529f45); + } + + .sm\:border-Success-success\ -600 { + border-color: var(--success-success-600, #407c36); + } + + .sm\:border-Error-error { + border-color: var(--error-error, #f03d3e); + } + + .sm\:border-Error-error-100 { + border-color: var(--error-error-100, #f57778); + } + + .sm\:border-Error-error-200 { + border-color: var(--error-error-200, #f89e9e); + } + + .sm\:border-Error-error-250 { + border-color: var(--error-error-250, #f9c8c8); + } + + .sm\:border-Error-error-300 { + border-color: var(--error-error-300, #ce5151); + } + + .sm\:border-Error-error-400 { + border-color: var(--error-error-400, #b85e5e); + } + + .sm\:border-Error-error-500 { + border-color: var(--error-error-500, #d83738); + } + + .sm\:border-Error-error-600 { + border-color: var(--error-error-600, #a82b2b); + } + + .sm\:border-Error-error-700 { + border-color: var(--error-error-700, #601819); + } + + .group:hover .sm\:group-hover\:border-colors-black { + border-color: var(--colors-black, #000000); + } + + .group:hover .sm\:group-hover\:border-colors-white { + border-color: var(--colors-white, #ffffff); + } + + .group:hover .sm\:group-hover\:border-colors-gray-100 { + border-color: var(--colors-gray-100, #f7fafc); + } + + .group:hover .sm\:group-hover\:border-colors-gray-200 { + border-color: var(--colors-gray-200, #edf2f7); + } + + .group:hover .sm\:group-hover\:border-colors-gray-300 { + border-color: var(--colors-gray-300, #e2e8f0); + } + + .group:hover .sm\:group-hover\:border-colors-gray-400 { + border-color: var(--colors-gray-400, #cbd5e0); + } + + .group:hover .sm\:group-hover\:border-colors-gray-500 { + border-color: var(--colors-gray-500, #a0aec0); + } + + .group:hover .sm\:group-hover\:border-colors-gray-600 { + border-color: var(--colors-gray-600, #718096); + } + + .group:hover .sm\:group-hover\:border-colors-gray-700 { + border-color: var(--colors-gray-700, #4a5568); + } + + .group:hover .sm\:group-hover\:border-colors-gray-800 { + border-color: var(--colors-gray-800, #2d3748); + } + + .group:hover .sm\:group-hover\:border-colors-gray-900 { + border-color: var(--colors-gray-900, #1a202c); + } + + .group:hover .sm\:group-hover\:border-colors-red-100 { + border-color: var(--colors-red-100, #fff5f5); + } + + .group:hover .sm\:group-hover\:border-colors-red-200 { + border-color: var(--colors-red-200, #fed7d7); + } + + .group:hover .sm\:group-hover\:border-colors-red-300 { + border-color: var(--colors-red-300, #feb2b2); + } + + .group:hover .sm\:group-hover\:border-colors-red-400 { + border-color: var(--colors-red-400, #fc8181); + } + + .group:hover .sm\:group-hover\:border-colors-red-500 { + border-color: var(--colors-red-500, #f56565); + } + + .group:hover .sm\:group-hover\:border-colors-red-600 { + border-color: var(--colors-red-600, #e53e3e); + } + + .group:hover .sm\:group-hover\:border-colors-red-700 { + border-color: var(--colors-red-700, #c53030); + } + + .group:hover .sm\:group-hover\:border-colors-red-800 { + border-color: var(--colors-red-800, #9b2c2c); + } + + .group:hover .sm\:group-hover\:border-colors-red-900 { + border-color: var(--colors-red-900, #742a2a); + } + + .group:hover .sm\:group-hover\:border-colors-orange-100 { + border-color: var(--colors-orange-100, #fffaf0); + } + + .group:hover .sm\:group-hover\:border-colors-orange-200 { + border-color: var(--colors-orange-200, #feebc8); + } + + .group:hover .sm\:group-hover\:border-colors-orange-300 { + border-color: var(--colors-orange-300, #fbd38d); + } + + .group:hover .sm\:group-hover\:border-colors-orange-400 { + border-color: var(--colors-orange-400, #f6ad55); + } + + .group:hover .sm\:group-hover\:border-colors-orange-500 { + border-color: var(--colors-orange-500, #ed8936); + } + + .group:hover .sm\:group-hover\:border-colors-orange-600 { + border-color: var(--colors-orange-600, #dd6b20); + } + + .group:hover .sm\:group-hover\:border-colors-orange-700 { + border-color: var(--colors-orange-700, #c05621); + } + + .group:hover .sm\:group-hover\:border-colors-orange-800 { + border-color: var(--colors-orange-800, #9c4221); + } + + .group:hover .sm\:group-hover\:border-colors-orange-900 { + border-color: var(--colors-orange-900, #7b341e); + } + + .group:hover .sm\:group-hover\:border-colors-yellow-100 { + border-color: var(--colors-yellow-100, #fffff0); + } + + .group:hover .sm\:group-hover\:border-colors-yellow-200 { + border-color: var(--colors-yellow-200, #fefcbf); + } + + .group:hover .sm\:group-hover\:border-colors-yellow-300 { + border-color: var(--colors-yellow-300, #faf089); + } + + .group:hover .sm\:group-hover\:border-colors-yellow-400 { + border-color: var(--colors-yellow-400, #f6e05e); + } + + .group:hover .sm\:group-hover\:border-colors-yellow-500 { + border-color: var(--colors-yellow-500, #ecc94b); + } + + .group:hover .sm\:group-hover\:border-colors-yellow-600 { + border-color: var(--colors-yellow-600, #d69e2e); + } + + .group:hover .sm\:group-hover\:border-colors-yellow-700 { + border-color: var(--colors-yellow-700, #b7791f); + } + + .group:hover .sm\:group-hover\:border-colors-yellow-800 { + border-color: var(--colors-yellow-800, #975a16); + } + + .group:hover .sm\:group-hover\:border-colors-yellow-900 { + border-color: var(--colors-yellow-900, #744210); + } + + .group:hover .sm\:group-hover\:border-colors-green-100 { + border-color: var(--colors-green-100, #f0fff4); + } + + .group:hover .sm\:group-hover\:border-colors-green-200 { + border-color: var(--colors-green-200, #c6f6d5); + } + + .group:hover .sm\:group-hover\:border-colors-green-300 { + border-color: var(--colors-green-300, #9ae6b4); + } + + .group:hover .sm\:group-hover\:border-colors-green-400 { + border-color: var(--colors-green-400, #68d391); + } + + .group:hover .sm\:group-hover\:border-colors-green-500 { + border-color: var(--colors-green-500, #48bb78); + } + + .group:hover .sm\:group-hover\:border-colors-green-600 { + border-color: var(--colors-green-600, #38a169); + } + + .group:hover .sm\:group-hover\:border-colors-green-700 { + border-color: var(--colors-green-700, #2f855a); + } + + .group:hover .sm\:group-hover\:border-colors-green-800 { + border-color: var(--colors-green-800, #276749); + } + + .group:hover .sm\:group-hover\:border-colors-green-900 { + border-color: var(--colors-green-900, #22543d); + } + + .group:hover .sm\:group-hover\:border-colors-teal-100 { + border-color: var(--colors-teal-100, #e6fffa); + } + + .group:hover .sm\:group-hover\:border-colors-teal-200 { + border-color: var(--colors-teal-200, #b2f5ea); + } + + .group:hover .sm\:group-hover\:border-colors-teal-300 { + border-color: var(--colors-teal-300, #81e6d9); + } + + .group:hover .sm\:group-hover\:border-colors-teal-400 { + border-color: var(--colors-teal-400, #4fd1c5); + } + + .group:hover .sm\:group-hover\:border-colors-teal-500 { + border-color: var(--colors-teal-500, #38b2ac); + } + + .group:hover .sm\:group-hover\:border-colors-teal-600 { + border-color: var(--colors-teal-600, #319795); + } + + .group:hover .sm\:group-hover\:border-colors-teal-700 { + border-color: var(--colors-teal-700, #2c7a7b); + } + + .group:hover .sm\:group-hover\:border-colors-teal-800 { + border-color: var(--colors-teal-800, #285e61); + } + + .group:hover .sm\:group-hover\:border-colors-teal-900 { + border-color: var(--colors-teal-900, #234e52); + } + + .group:hover .sm\:group-hover\:border-colors-blue-100 { + border-color: var(--colors-blue-100, #ebf8ff); + } + + .group:hover .sm\:group-hover\:border-colors-blue-200 { + border-color: var(--colors-blue-200, #bee3f8); + } + + .group:hover .sm\:group-hover\:border-colors-blue-300 { + border-color: var(--colors-blue-300, #90cdf4); + } + + .group:hover .sm\:group-hover\:border-colors-blue-400 { + border-color: var(--colors-blue-400, #63b3ed); + } + + .group:hover .sm\:group-hover\:border-colors-blue-500 { + border-color: var(--colors-blue-500, #4299e1); + } + + .group:hover .sm\:group-hover\:border-colors-blue-600 { + border-color: var(--colors-blue-600, #3182ce); + } + + .group:hover .sm\:group-hover\:border-colors-blue-700 { + border-color: var(--colors-blue-700, #2b6cb0); + } + + .group:hover .sm\:group-hover\:border-colors-blue-800 { + border-color: var(--colors-blue-800, #2c5282); + } + + .group:hover .sm\:group-hover\:border-colors-blue-900 { + border-color: var(--colors-blue-900, #2a4365); + } + + .group:hover .sm\:group-hover\:border-colors-indigo-100 { + border-color: var(--colors-indigo-100, #ebf4ff); + } + + .group:hover .sm\:group-hover\:border-colors-indigo-200 { + border-color: var(--colors-indigo-200, #c3dafe); + } + + .group:hover .sm\:group-hover\:border-colors-indigo-300 { + border-color: var(--colors-indigo-300, #a3bffa); + } + + .group:hover .sm\:group-hover\:border-colors-indigo-400 { + border-color: var(--colors-indigo-400, #7f9cf5); + } + + .group:hover .sm\:group-hover\:border-colors-indigo-500 { + border-color: var(--colors-indigo-500, #667eea); + } + + .group:hover .sm\:group-hover\:border-colors-indigo-600 { + border-color: var(--colors-indigo-600, #5a67d8); + } + + .group:hover .sm\:group-hover\:border-colors-indigo-700 { + border-color: var(--colors-indigo-700, #4c51bf); + } + + .group:hover .sm\:group-hover\:border-colors-indigo-800 { + border-color: var(--colors-indigo-800, #434190); + } + + .group:hover .sm\:group-hover\:border-colors-indigo-900 { + border-color: var(--colors-indigo-900, #3c366b); + } + + .group:hover .sm\:group-hover\:border-colors-purple-100 { + border-color: var(--colors-purple-100, #faf5ff); + } + + .group:hover .sm\:group-hover\:border-colors-purple-200 { + border-color: var(--colors-purple-200, #e9d8fd); + } + + .group:hover .sm\:group-hover\:border-colors-purple-300 { + border-color: var(--colors-purple-300, #d6bcfa); + } + + .group:hover .sm\:group-hover\:border-colors-purple-400 { + border-color: var(--colors-purple-400, #b794f4); + } + + .group:hover .sm\:group-hover\:border-colors-purple-500 { + border-color: var(--colors-purple-500, #9f7aea); + } + + .group:hover .sm\:group-hover\:border-colors-purple-600 { + border-color: var(--colors-purple-600, #805ad5); + } + + .group:hover .sm\:group-hover\:border-colors-purple-700 { + border-color: var(--colors-purple-700, #6b46c1); + } + + .group:hover .sm\:group-hover\:border-colors-purple-800 { + border-color: var(--colors-purple-800, #553c9a); + } + + .group:hover .sm\:group-hover\:border-colors-purple-900 { + border-color: var(--colors-purple-900, #44337a); + } + + .group:hover .sm\:group-hover\:border-colors-pink-100 { + border-color: var(--colors-pink-100, #fff5f7); + } + + .group:hover .sm\:group-hover\:border-colors-pink-200 { + border-color: var(--colors-pink-200, #fed7e2); + } + + .group:hover .sm\:group-hover\:border-colors-pink-300 { + border-color: var(--colors-pink-300, #fbb6ce); + } + + .group:hover .sm\:group-hover\:border-colors-pink-400 { + border-color: var(--colors-pink-400, #f687b3); + } + + .group:hover .sm\:group-hover\:border-colors-pink-500 { + border-color: var(--colors-pink-500, #ed64a6); + } + + .group:hover .sm\:group-hover\:border-colors-pink-600 { + border-color: var(--colors-pink-600, #d53f8c); + } + + .group:hover .sm\:group-hover\:border-colors-pink-700 { + border-color: var(--colors-pink-700, #b83280); + } + + .group:hover .sm\:group-hover\:border-colors-pink-800 { + border-color: var(--colors-pink-800, #97266d); + } + + .group:hover .sm\:group-hover\:border-colors-pink-900 { + border-color: var(--colors-pink-900, #702459); + } + + .group:hover .sm\:group-hover\:border-Box\ Shadow { + border-color: var(--box-shadow, #7f7e7f); + } + + .group:hover .sm\:group-hover\:border-Error16 { + border-color: var(--error16, #f03d3e40); + } + + .group:hover .sm\:group-hover\:border-Success16 { + border-color: var(--success16, #5bb14d40); + } + + .group:hover .sm\:group-hover\:border-Notification16 { + border-color: var(--notification16, #3959ff40); + } + + .group:hover .sm\:group-hover\:border-Error8 { + border-color: var(--error8, #f03d3e1a); + } + + .group:hover .sm\:group-hover\:border-Notification8 { + border-color: var(--notification8, #3959ff1a); + } + + .group:hover .sm\:group-hover\:border-Success8 { + border-color: var(--success8, #5bb14d1a); + } + + .group:hover .sm\:group-hover\:border-Light\ -\ Overlay { + border-color: var(--light-overlay, #f0edee66); + } + + .group:hover .sm\:group-hover\:border-Dark-\ Overlay { + border-color: var(--dark-overlay, #7f7e7f66); + } + + .group:hover .sm\:group-hover\:border-black-40 { + border-color: var(--black-40, #00000066); + } + + .group:hover .sm\:group-hover\:border-black-75 { + border-color: var(--black-75, #000000bf); + } + + .group:hover .sm\:group-hover\:border-black-60 { + border-color: var(--black-60, #00000099); + } + + .group:hover .sm\:group-hover\:border-black-50 { + border-color: var(--black-50, #00000080); + } + + .group:hover .sm\:group-hover\:border-black-25 { + border-color: var(--black-25, #00000040); + } + + .group:hover .sm\:group-hover\:border-black-10 { + border-color: var(--black-10, #0000001a); + } + + .group:hover .sm\:group-hover\:border-white-25 { + border-color: var(--white-25, #ffffff40); + } + + .group:hover .sm\:group-hover\:border-white-60 { + border-color: var(--white-60, #ffffff99); + } + + .group:hover .sm\:group-hover\:border-black-64 { + border-color: var(--black-64, #000000a3); + } + + .group:hover .sm\:group-hover\:border-Shadow\ and\ Highlight-Shadow { + border-color: var(--shadow-and-highlight-shadow, #7f7e7f); + } + + .group:hover .sm\:group-hover\:border-Shadow\ and\ Highlight-Highlight { + border-color: var(--shadow-and-highlight-highlight, #474747); + } + + .group:hover .sm\:group-hover\:border-Shadow\ and\ Highlight-highlight\ one { + border-color: var(--shadow-and-highlight-highlight-one, #474747bf); + } + + .group:hover .sm\:group-hover\:border-Shadow\ and\ Highlight-highlight\ two { + border-color: var(--shadow-and-highlight-highlight-two, #47474799); + } + + .group:hover .sm\:group-hover\:border-Shadow\ and\ Highlight-highlight\ three { + border-color: var(--shadow-and-highlight-highlight-three, #47474766); + } + + .group:hover .sm\:group-hover\:border-Shadow\ and\ Highlight-highlight\ five { + border-color: var(--shadow-and-highlight-highlight-five, #4747471a); + } + + .group:hover .sm\:group-hover\:border-Shadow\ and\ Highlight-shadow\ one { + border-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); + } + + .group:hover .sm\:group-hover\:border-Shadow\ and\ Highlight-shadow\ two { + border-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); + } + + .group:hover .sm\:group-hover\:border-Shadow\ and\ Highlight-shadow\ three { + border-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); + } + + .group:hover .sm\:group-hover\:border-Shadow\ and\ Highlight-shadow\ four { + border-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); + } + + .group:hover .sm\:group-hover\:border-Shadow\ and\ Highlight-shadow\ five { + border-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); + } + + .group:hover .sm\:group-hover\:border-Shadow\ and\ Highlight-highlight\ four { + border-color: var(--shadow-and-highlight-highlight-four, #47474740); + } + + .group:hover .sm\:group-hover\:border-Base\ Layer\ Styles-Base\ Layer-\ Light-White { + border-color: var(--base-layer-styles-base-layer-light-white, #ffffff); + } + + .group:hover .sm\:group-hover\:border-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite { + border-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); + } + + .group:hover .sm\:group-hover\:border-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack { + border-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); + } + + .group:hover .sm\:group-hover\:border-Base\ Layer\ Styles-Base\ Layer-Dark-Black { + border-color: var(--base-layer-styles-base-layer-dark-black, #000000); + } + + .group:hover .sm\:group-hover\:border-Grey-Scale-white { + border-color: var(--grey-scale-white, #ffffff); + } + + .group:hover .sm\:group-hover\:border-Grey-Scale-off-white { + border-color: var(--grey-scale-off-white, #f0edee); + } + + .group:hover .sm\:group-hover\:border-Grey\ Scale-grey { + border-color: var(--grey-scale-grey, #7f7e7f); + } + + .group:hover .sm\:group-hover\:border-Grey\ Scale-charcoal { + border-color: var(--grey-scale-charcoal, #474747); + } + + .group:hover .sm\:group-hover\:border-Grey\ Scale-off-black { + border-color: var(--grey-scale-off-black, #1c1c1c); + } + + .group:hover .sm\:group-hover\:border-Grey\ Scale-black { + border-color: var(--grey-scale-black, #000000); + } + + .group:hover .sm\:group-hover\:border-Blue-blue { + border-color: var(--blue-blue, #3a7ca5); + } + + .group:hover .sm\:group-hover\:border-Blue-blue-100 { + border-color: var(--blue-blue-100, #75a3c0); + } + + .group:hover .sm\:group-hover\:border-Blue-blue-200 { + border-color: var(--blue-blue-200, #9cbed2); + } + + .group:hover .sm\:group-hover\:border-Blue-blue-300 { + border-color: var(--blue-blue-300, #4f7d9a); + } + + .group:hover .sm\:group-hover\:border-Blue-blue-400 { + border-color: var(--blue-blue-400, #5c7d92); + } + + .group:hover .sm\:group-hover\:border-Blue-blue-500 { + border-color: var(--blue-blue-500, #347095); + } + + .group:hover .sm\:group-hover\:border-Blue-blue-600 { + border-color: var(--blue-blue-600, #295774); + } + + .group:hover .sm\:group-hover\:border-Blue-blue-700 { + border-color: var(--blue-blue-700, #173242); + } + + .group:hover .sm\:group-hover\:border-LightBlue-lightblue { + border-color: var(--light-blue-lightblue, #81c3d7); + } + + .group:hover .sm\:group-hover\:border-LightBlue-lightblue-100 { + border-color: var(--light-blue-lightblue-100, #a7d5e3); + } + + .group:hover .sm\:group-hover\:border-LightBlue-lightblue-200 { + border-color: var(--light-blue-lightblue-200, #c0e1eb); + } + + .group:hover .sm\:group-hover\:border-LightBlue-lightblue-300 { + border-color: var(--light-blue-lightblue-300, #80aebd); + } + + .group:hover .sm\:group-hover\:border-LightBlue-lightblue-400 { + border-color: var(--light-blue-lightblue-400, #80a0ab); + } + + .group:hover .sm\:group-hover\:border-LightBlue-lightblue-500 { + border-color: var(--light-blue-lightblue-500, #74afc1); + } + + .group:hover .sm\:group-hover\:border-LightBlue-lightblue-600 { + border-color: var(--light-blue-lightblue-600, #5a8997); + } + + .group:hover .sm\:group-hover\:border-LightBlue-lightblue-650 { + border-color: var(--light-blue-lightblue-650, #3e5e65); + } + + .group:hover .sm\:group-hover\:border-LightBlue-lightblue-700 { + border-color: var(--light-blue-lightblue-700, #344e56); + } + + .group:hover .sm\:group-hover\:border-Orange-orange { + border-color: var(--orange-orange, #ff7f0e); + } + + .group:hover .sm\:group-hover\:border-Orange-orange-100 { + border-color: var(--orange-orange-100, #ffa556); + } + + .group:hover .sm\:group-hover\:border-Orange-orange-200 { + border-color: var(--orange-orange-200, #ffbf86); + } + + .group:hover .sm\:group-hover\:border-Orange-orange-300 { + border-color: var(--orange-orange-300, #d97f30); + } + + .group:hover .sm\:group-hover\:border-Orange-orange-400 { + border-color: var(--orange-orange-400, #bf7e46); + } + + .group:hover .sm\:group-hover\:border-Orange-orange-500 { + border-color: var(--orange-orange-500, #e5720d); + } + + .group:hover .sm\:group-hover\:border-Orange-orange-600 { + border-color: var(--orange-orange-600, #b3590a); + } + + .group:hover .sm\:group-hover\:border-Orange-orange-700 { + border-color: var(--orange-orange-700, #663306); + } + + .group:hover .sm\:group-hover\:border-Yellow-yellow { + border-color: var(--yellow-yellow, #ffab00); + } + + .group:hover .sm\:group-hover\:border-Yellow-yellow-100 { + border-color: var(--yellow-yellow-100, #ffc44c); + } + + .group:hover .sm\:group-hover\:border-Yellow-yellow-200 { + border-color: var(--yellow-yellow-200, #ffd580); + } + + .group:hover .sm\:group-hover\:border-Yellow-yellow-300 { + border-color: var(--yellow-yellow-300, #d99d26); + } + + .group:hover .sm\:group-hover\:border-Yellow-yellow-400 { + border-color: var(--yellow-yellow-400, #bf943f); + } + + .group:hover .sm\:group-hover\:border-Yellow-yellow-500 { + border-color: var(--yellow-yellow-500, #e59a00); + } + + .group:hover .sm\:group-hover\:border-Yellow-yellow-600 { + border-color: var(--yellow-yellow-600, #b37800); + } + + .group:hover .sm\:group-hover\:border-Yellow-yellow-700 { + border-color: var(--yellow-yellow-700, #664400); + } + + .group:hover .sm\:group-hover\:border-Notification-notification { + border-color: var(--notification-notification, #3959ff); + } + + .group:hover .sm\:group-hover\:border-Notification-notification-100 { + border-color: var(--notification-notification-100, #748bff); + } + + .group:hover .sm\:group-hover\:border-Notification-notification-200 { + border-color: var(--notification-notification-200, #9cacff); + } + + .group:hover .sm\:group-hover\:border-Notification-notification-300 { + border-color: var(--notification-notification-300, #4e64d9); + } + + .group:hover .sm\:group-hover\:border-Notification-notification-400 { + border-color: var(--notification-notification-400, #5c6cbf); + } + + .group:hover .sm\:group-hover\:border-Notification-notification-500 { + border-color: var(--notification-notification-500, #3350e5); + } + + .group:hover .sm\:group-hover\:border-Notification-notification-600 { + border-color: var(--notification-notification-600, #283eb3); + } + + .group:hover .sm\:group-hover\:border-Notification-notification-700 { + border-color: var(--notification-notification-700, #172466); + } + + .group:hover .sm\:group-hover\:border-Success-success\ -700 { + border-color: var(--success-success-700, #24471f); + } + + .group:hover .sm\:group-hover\:border-Success-success { + border-color: var(--success-success, #5bb14d); + } + + .group:hover .sm\:group-hover\:border-Success-success\ -100 { + border-color: var(--success-success-100, #8cc882); + } + + .group:hover .sm\:group-hover\:border-Success-success\ -200 { + border-color: var(--success-success-200, #add8a6); + } + + .group:hover .sm\:group-hover\:border-Success-success\ -300 { + border-color: var(--success-success-300, #66a25c); + } + + .group:hover .sm\:group-hover\:border-Success-success\ -400 { + border-color: var(--success-success-400, #6d9766); + } + + .group:hover .sm\:group-hover\:border-Success-success\ -500 { + border-color: var(--success-success-500, #529f45); + } + + .group:hover .sm\:group-hover\:border-Success-success\ -600 { + border-color: var(--success-success-600, #407c36); + } + + .group:hover .sm\:group-hover\:border-Error-error { + border-color: var(--error-error, #f03d3e); + } + + .group:hover .sm\:group-hover\:border-Error-error-100 { + border-color: var(--error-error-100, #f57778); + } + + .group:hover .sm\:group-hover\:border-Error-error-200 { + border-color: var(--error-error-200, #f89e9e); + } + + .group:hover .sm\:group-hover\:border-Error-error-250 { + border-color: var(--error-error-250, #f9c8c8); + } + + .group:hover .sm\:group-hover\:border-Error-error-300 { + border-color: var(--error-error-300, #ce5151); + } + + .group:hover .sm\:group-hover\:border-Error-error-400 { + border-color: var(--error-error-400, #b85e5e); + } + + .group:hover .sm\:group-hover\:border-Error-error-500 { + border-color: var(--error-error-500, #d83738); + } + + .group:hover .sm\:group-hover\:border-Error-error-600 { + border-color: var(--error-error-600, #a82b2b); + } + + .group:hover .sm\:group-hover\:border-Error-error-700 { + border-color: var(--error-error-700, #601819); + } + + .sm\:focus-within\:border-colors-black:focus-within { + border-color: var(--colors-black, #000000); + } + + .sm\:focus-within\:border-colors-white:focus-within { + border-color: var(--colors-white, #ffffff); + } + + .sm\:focus-within\:border-colors-gray-100:focus-within { + border-color: var(--colors-gray-100, #f7fafc); + } + + .sm\:focus-within\:border-colors-gray-200:focus-within { + border-color: var(--colors-gray-200, #edf2f7); + } + + .sm\:focus-within\:border-colors-gray-300:focus-within { + border-color: var(--colors-gray-300, #e2e8f0); + } + + .sm\:focus-within\:border-colors-gray-400:focus-within { + border-color: var(--colors-gray-400, #cbd5e0); + } + + .sm\:focus-within\:border-colors-gray-500:focus-within { + border-color: var(--colors-gray-500, #a0aec0); + } + + .sm\:focus-within\:border-colors-gray-600:focus-within { + border-color: var(--colors-gray-600, #718096); + } + + .sm\:focus-within\:border-colors-gray-700:focus-within { + border-color: var(--colors-gray-700, #4a5568); + } + + .sm\:focus-within\:border-colors-gray-800:focus-within { + border-color: var(--colors-gray-800, #2d3748); + } + + .sm\:focus-within\:border-colors-gray-900:focus-within { + border-color: var(--colors-gray-900, #1a202c); + } + + .sm\:focus-within\:border-colors-red-100:focus-within { + border-color: var(--colors-red-100, #fff5f5); + } + + .sm\:focus-within\:border-colors-red-200:focus-within { + border-color: var(--colors-red-200, #fed7d7); + } + + .sm\:focus-within\:border-colors-red-300:focus-within { + border-color: var(--colors-red-300, #feb2b2); + } + + .sm\:focus-within\:border-colors-red-400:focus-within { + border-color: var(--colors-red-400, #fc8181); + } + + .sm\:focus-within\:border-colors-red-500:focus-within { + border-color: var(--colors-red-500, #f56565); + } + + .sm\:focus-within\:border-colors-red-600:focus-within { + border-color: var(--colors-red-600, #e53e3e); + } + + .sm\:focus-within\:border-colors-red-700:focus-within { + border-color: var(--colors-red-700, #c53030); + } + + .sm\:focus-within\:border-colors-red-800:focus-within { + border-color: var(--colors-red-800, #9b2c2c); + } + + .sm\:focus-within\:border-colors-red-900:focus-within { + border-color: var(--colors-red-900, #742a2a); + } + + .sm\:focus-within\:border-colors-orange-100:focus-within { + border-color: var(--colors-orange-100, #fffaf0); + } + + .sm\:focus-within\:border-colors-orange-200:focus-within { + border-color: var(--colors-orange-200, #feebc8); + } + + .sm\:focus-within\:border-colors-orange-300:focus-within { + border-color: var(--colors-orange-300, #fbd38d); + } + + .sm\:focus-within\:border-colors-orange-400:focus-within { + border-color: var(--colors-orange-400, #f6ad55); + } + + .sm\:focus-within\:border-colors-orange-500:focus-within { + border-color: var(--colors-orange-500, #ed8936); + } + + .sm\:focus-within\:border-colors-orange-600:focus-within { + border-color: var(--colors-orange-600, #dd6b20); + } + + .sm\:focus-within\:border-colors-orange-700:focus-within { + border-color: var(--colors-orange-700, #c05621); + } + + .sm\:focus-within\:border-colors-orange-800:focus-within { + border-color: var(--colors-orange-800, #9c4221); + } + + .sm\:focus-within\:border-colors-orange-900:focus-within { + border-color: var(--colors-orange-900, #7b341e); + } + + .sm\:focus-within\:border-colors-yellow-100:focus-within { + border-color: var(--colors-yellow-100, #fffff0); + } + + .sm\:focus-within\:border-colors-yellow-200:focus-within { + border-color: var(--colors-yellow-200, #fefcbf); + } + + .sm\:focus-within\:border-colors-yellow-300:focus-within { + border-color: var(--colors-yellow-300, #faf089); + } + + .sm\:focus-within\:border-colors-yellow-400:focus-within { + border-color: var(--colors-yellow-400, #f6e05e); + } + + .sm\:focus-within\:border-colors-yellow-500:focus-within { + border-color: var(--colors-yellow-500, #ecc94b); + } + + .sm\:focus-within\:border-colors-yellow-600:focus-within { + border-color: var(--colors-yellow-600, #d69e2e); + } + + .sm\:focus-within\:border-colors-yellow-700:focus-within { + border-color: var(--colors-yellow-700, #b7791f); + } + + .sm\:focus-within\:border-colors-yellow-800:focus-within { + border-color: var(--colors-yellow-800, #975a16); + } + + .sm\:focus-within\:border-colors-yellow-900:focus-within { + border-color: var(--colors-yellow-900, #744210); + } + + .sm\:focus-within\:border-colors-green-100:focus-within { + border-color: var(--colors-green-100, #f0fff4); + } + + .sm\:focus-within\:border-colors-green-200:focus-within { + border-color: var(--colors-green-200, #c6f6d5); + } + + .sm\:focus-within\:border-colors-green-300:focus-within { + border-color: var(--colors-green-300, #9ae6b4); + } + + .sm\:focus-within\:border-colors-green-400:focus-within { + border-color: var(--colors-green-400, #68d391); + } + + .sm\:focus-within\:border-colors-green-500:focus-within { + border-color: var(--colors-green-500, #48bb78); + } + + .sm\:focus-within\:border-colors-green-600:focus-within { + border-color: var(--colors-green-600, #38a169); + } + + .sm\:focus-within\:border-colors-green-700:focus-within { + border-color: var(--colors-green-700, #2f855a); + } + + .sm\:focus-within\:border-colors-green-800:focus-within { + border-color: var(--colors-green-800, #276749); + } + + .sm\:focus-within\:border-colors-green-900:focus-within { + border-color: var(--colors-green-900, #22543d); + } + + .sm\:focus-within\:border-colors-teal-100:focus-within { + border-color: var(--colors-teal-100, #e6fffa); + } + + .sm\:focus-within\:border-colors-teal-200:focus-within { + border-color: var(--colors-teal-200, #b2f5ea); + } + + .sm\:focus-within\:border-colors-teal-300:focus-within { + border-color: var(--colors-teal-300, #81e6d9); + } + + .sm\:focus-within\:border-colors-teal-400:focus-within { + border-color: var(--colors-teal-400, #4fd1c5); + } + + .sm\:focus-within\:border-colors-teal-500:focus-within { + border-color: var(--colors-teal-500, #38b2ac); + } + + .sm\:focus-within\:border-colors-teal-600:focus-within { + border-color: var(--colors-teal-600, #319795); + } + + .sm\:focus-within\:border-colors-teal-700:focus-within { + border-color: var(--colors-teal-700, #2c7a7b); + } + + .sm\:focus-within\:border-colors-teal-800:focus-within { + border-color: var(--colors-teal-800, #285e61); + } + + .sm\:focus-within\:border-colors-teal-900:focus-within { + border-color: var(--colors-teal-900, #234e52); + } + + .sm\:focus-within\:border-colors-blue-100:focus-within { + border-color: var(--colors-blue-100, #ebf8ff); + } + + .sm\:focus-within\:border-colors-blue-200:focus-within { + border-color: var(--colors-blue-200, #bee3f8); + } + + .sm\:focus-within\:border-colors-blue-300:focus-within { + border-color: var(--colors-blue-300, #90cdf4); + } + + .sm\:focus-within\:border-colors-blue-400:focus-within { + border-color: var(--colors-blue-400, #63b3ed); + } + + .sm\:focus-within\:border-colors-blue-500:focus-within { + border-color: var(--colors-blue-500, #4299e1); + } + + .sm\:focus-within\:border-colors-blue-600:focus-within { + border-color: var(--colors-blue-600, #3182ce); + } + + .sm\:focus-within\:border-colors-blue-700:focus-within { + border-color: var(--colors-blue-700, #2b6cb0); + } + + .sm\:focus-within\:border-colors-blue-800:focus-within { + border-color: var(--colors-blue-800, #2c5282); + } + + .sm\:focus-within\:border-colors-blue-900:focus-within { + border-color: var(--colors-blue-900, #2a4365); + } + + .sm\:focus-within\:border-colors-indigo-100:focus-within { + border-color: var(--colors-indigo-100, #ebf4ff); + } + + .sm\:focus-within\:border-colors-indigo-200:focus-within { + border-color: var(--colors-indigo-200, #c3dafe); + } + + .sm\:focus-within\:border-colors-indigo-300:focus-within { + border-color: var(--colors-indigo-300, #a3bffa); + } + + .sm\:focus-within\:border-colors-indigo-400:focus-within { + border-color: var(--colors-indigo-400, #7f9cf5); + } + + .sm\:focus-within\:border-colors-indigo-500:focus-within { + border-color: var(--colors-indigo-500, #667eea); + } + + .sm\:focus-within\:border-colors-indigo-600:focus-within { + border-color: var(--colors-indigo-600, #5a67d8); + } + + .sm\:focus-within\:border-colors-indigo-700:focus-within { + border-color: var(--colors-indigo-700, #4c51bf); + } + + .sm\:focus-within\:border-colors-indigo-800:focus-within { + border-color: var(--colors-indigo-800, #434190); + } + + .sm\:focus-within\:border-colors-indigo-900:focus-within { + border-color: var(--colors-indigo-900, #3c366b); + } + + .sm\:focus-within\:border-colors-purple-100:focus-within { + border-color: var(--colors-purple-100, #faf5ff); + } + + .sm\:focus-within\:border-colors-purple-200:focus-within { + border-color: var(--colors-purple-200, #e9d8fd); + } + + .sm\:focus-within\:border-colors-purple-300:focus-within { + border-color: var(--colors-purple-300, #d6bcfa); + } + + .sm\:focus-within\:border-colors-purple-400:focus-within { + border-color: var(--colors-purple-400, #b794f4); + } + + .sm\:focus-within\:border-colors-purple-500:focus-within { + border-color: var(--colors-purple-500, #9f7aea); + } + + .sm\:focus-within\:border-colors-purple-600:focus-within { + border-color: var(--colors-purple-600, #805ad5); + } + + .sm\:focus-within\:border-colors-purple-700:focus-within { + border-color: var(--colors-purple-700, #6b46c1); + } + + .sm\:focus-within\:border-colors-purple-800:focus-within { + border-color: var(--colors-purple-800, #553c9a); + } + + .sm\:focus-within\:border-colors-purple-900:focus-within { + border-color: var(--colors-purple-900, #44337a); + } + + .sm\:focus-within\:border-colors-pink-100:focus-within { + border-color: var(--colors-pink-100, #fff5f7); + } + + .sm\:focus-within\:border-colors-pink-200:focus-within { + border-color: var(--colors-pink-200, #fed7e2); + } + + .sm\:focus-within\:border-colors-pink-300:focus-within { + border-color: var(--colors-pink-300, #fbb6ce); + } + + .sm\:focus-within\:border-colors-pink-400:focus-within { + border-color: var(--colors-pink-400, #f687b3); + } + + .sm\:focus-within\:border-colors-pink-500:focus-within { + border-color: var(--colors-pink-500, #ed64a6); + } + + .sm\:focus-within\:border-colors-pink-600:focus-within { + border-color: var(--colors-pink-600, #d53f8c); + } + + .sm\:focus-within\:border-colors-pink-700:focus-within { + border-color: var(--colors-pink-700, #b83280); + } + + .sm\:focus-within\:border-colors-pink-800:focus-within { + border-color: var(--colors-pink-800, #97266d); + } + + .sm\:focus-within\:border-colors-pink-900:focus-within { + border-color: var(--colors-pink-900, #702459); + } + + .sm\:focus-within\:border-Box\ Shadow:focus-within { + border-color: var(--box-shadow, #7f7e7f); + } + + .sm\:focus-within\:border-Error16:focus-within { + border-color: var(--error16, #f03d3e40); + } + + .sm\:focus-within\:border-Success16:focus-within { + border-color: var(--success16, #5bb14d40); + } + + .sm\:focus-within\:border-Notification16:focus-within { + border-color: var(--notification16, #3959ff40); + } + + .sm\:focus-within\:border-Error8:focus-within { + border-color: var(--error8, #f03d3e1a); + } + + .sm\:focus-within\:border-Notification8:focus-within { + border-color: var(--notification8, #3959ff1a); + } + + .sm\:focus-within\:border-Success8:focus-within { + border-color: var(--success8, #5bb14d1a); + } + + .sm\:focus-within\:border-Light\ -\ Overlay:focus-within { + border-color: var(--light-overlay, #f0edee66); + } + + .sm\:focus-within\:border-Dark-\ Overlay:focus-within { + border-color: var(--dark-overlay, #7f7e7f66); + } + + .sm\:focus-within\:border-black-40:focus-within { + border-color: var(--black-40, #00000066); + } + + .sm\:focus-within\:border-black-75:focus-within { + border-color: var(--black-75, #000000bf); + } + + .sm\:focus-within\:border-black-60:focus-within { + border-color: var(--black-60, #00000099); + } + + .sm\:focus-within\:border-black-50:focus-within { + border-color: var(--black-50, #00000080); + } + + .sm\:focus-within\:border-black-25:focus-within { + border-color: var(--black-25, #00000040); + } + + .sm\:focus-within\:border-black-10:focus-within { + border-color: var(--black-10, #0000001a); + } + + .sm\:focus-within\:border-white-25:focus-within { + border-color: var(--white-25, #ffffff40); + } + + .sm\:focus-within\:border-white-60:focus-within { + border-color: var(--white-60, #ffffff99); + } + + .sm\:focus-within\:border-black-64:focus-within { + border-color: var(--black-64, #000000a3); + } + + .sm\:focus-within\:border-Shadow\ and\ Highlight-Shadow:focus-within { + border-color: var(--shadow-and-highlight-shadow, #7f7e7f); + } + + .sm\:focus-within\:border-Shadow\ and\ Highlight-Highlight:focus-within { + border-color: var(--shadow-and-highlight-highlight, #474747); + } + + .sm\:focus-within\:border-Shadow\ and\ Highlight-highlight\ one:focus-within { + border-color: var(--shadow-and-highlight-highlight-one, #474747bf); + } + + .sm\:focus-within\:border-Shadow\ and\ Highlight-highlight\ two:focus-within { + border-color: var(--shadow-and-highlight-highlight-two, #47474799); + } + + .sm\:focus-within\:border-Shadow\ and\ Highlight-highlight\ three:focus-within { + border-color: var(--shadow-and-highlight-highlight-three, #47474766); + } + + .sm\:focus-within\:border-Shadow\ and\ Highlight-highlight\ five:focus-within { + border-color: var(--shadow-and-highlight-highlight-five, #4747471a); + } + + .sm\:focus-within\:border-Shadow\ and\ Highlight-shadow\ one:focus-within { + border-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); + } + + .sm\:focus-within\:border-Shadow\ and\ Highlight-shadow\ two:focus-within { + border-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); + } + + .sm\:focus-within\:border-Shadow\ and\ Highlight-shadow\ three:focus-within { + border-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); + } + + .sm\:focus-within\:border-Shadow\ and\ Highlight-shadow\ four:focus-within { + border-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); + } + + .sm\:focus-within\:border-Shadow\ and\ Highlight-shadow\ five:focus-within { + border-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); + } + + .sm\:focus-within\:border-Shadow\ and\ Highlight-highlight\ four:focus-within { + border-color: var(--shadow-and-highlight-highlight-four, #47474740); + } + + .sm\:focus-within\:border-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus-within { + border-color: var(--base-layer-styles-base-layer-light-white, #ffffff); + } + + .sm\:focus-within\:border-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus-within { + border-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); + } + + .sm\:focus-within\:border-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus-within { + border-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); + } + + .sm\:focus-within\:border-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus-within { + border-color: var(--base-layer-styles-base-layer-dark-black, #000000); + } + + .sm\:focus-within\:border-Grey-Scale-white:focus-within { + border-color: var(--grey-scale-white, #ffffff); + } + + .sm\:focus-within\:border-Grey-Scale-off-white:focus-within { + border-color: var(--grey-scale-off-white, #f0edee); + } + + .sm\:focus-within\:border-Grey\ Scale-grey:focus-within { + border-color: var(--grey-scale-grey, #7f7e7f); + } + + .sm\:focus-within\:border-Grey\ Scale-charcoal:focus-within { + border-color: var(--grey-scale-charcoal, #474747); + } + + .sm\:focus-within\:border-Grey\ Scale-off-black:focus-within { + border-color: var(--grey-scale-off-black, #1c1c1c); + } + + .sm\:focus-within\:border-Grey\ Scale-black:focus-within { + border-color: var(--grey-scale-black, #000000); + } + + .sm\:focus-within\:border-Blue-blue:focus-within { + border-color: var(--blue-blue, #3a7ca5); + } + + .sm\:focus-within\:border-Blue-blue-100:focus-within { + border-color: var(--blue-blue-100, #75a3c0); + } + + .sm\:focus-within\:border-Blue-blue-200:focus-within { + border-color: var(--blue-blue-200, #9cbed2); + } + + .sm\:focus-within\:border-Blue-blue-300:focus-within { + border-color: var(--blue-blue-300, #4f7d9a); + } + + .sm\:focus-within\:border-Blue-blue-400:focus-within { + border-color: var(--blue-blue-400, #5c7d92); + } + + .sm\:focus-within\:border-Blue-blue-500:focus-within { + border-color: var(--blue-blue-500, #347095); + } + + .sm\:focus-within\:border-Blue-blue-600:focus-within { + border-color: var(--blue-blue-600, #295774); + } + + .sm\:focus-within\:border-Blue-blue-700:focus-within { + border-color: var(--blue-blue-700, #173242); + } + + .sm\:focus-within\:border-LightBlue-lightblue:focus-within { + border-color: var(--light-blue-lightblue, #81c3d7); + } + + .sm\:focus-within\:border-LightBlue-lightblue-100:focus-within { + border-color: var(--light-blue-lightblue-100, #a7d5e3); + } + + .sm\:focus-within\:border-LightBlue-lightblue-200:focus-within { + border-color: var(--light-blue-lightblue-200, #c0e1eb); + } + + .sm\:focus-within\:border-LightBlue-lightblue-300:focus-within { + border-color: var(--light-blue-lightblue-300, #80aebd); + } + + .sm\:focus-within\:border-LightBlue-lightblue-400:focus-within { + border-color: var(--light-blue-lightblue-400, #80a0ab); + } + + .sm\:focus-within\:border-LightBlue-lightblue-500:focus-within { + border-color: var(--light-blue-lightblue-500, #74afc1); + } + + .sm\:focus-within\:border-LightBlue-lightblue-600:focus-within { + border-color: var(--light-blue-lightblue-600, #5a8997); + } + + .sm\:focus-within\:border-LightBlue-lightblue-650:focus-within { + border-color: var(--light-blue-lightblue-650, #3e5e65); + } + + .sm\:focus-within\:border-LightBlue-lightblue-700:focus-within { + border-color: var(--light-blue-lightblue-700, #344e56); + } + + .sm\:focus-within\:border-Orange-orange:focus-within { + border-color: var(--orange-orange, #ff7f0e); + } + + .sm\:focus-within\:border-Orange-orange-100:focus-within { + border-color: var(--orange-orange-100, #ffa556); + } + + .sm\:focus-within\:border-Orange-orange-200:focus-within { + border-color: var(--orange-orange-200, #ffbf86); + } + + .sm\:focus-within\:border-Orange-orange-300:focus-within { + border-color: var(--orange-orange-300, #d97f30); + } + + .sm\:focus-within\:border-Orange-orange-400:focus-within { + border-color: var(--orange-orange-400, #bf7e46); + } + + .sm\:focus-within\:border-Orange-orange-500:focus-within { + border-color: var(--orange-orange-500, #e5720d); + } + + .sm\:focus-within\:border-Orange-orange-600:focus-within { + border-color: var(--orange-orange-600, #b3590a); + } + + .sm\:focus-within\:border-Orange-orange-700:focus-within { + border-color: var(--orange-orange-700, #663306); + } + + .sm\:focus-within\:border-Yellow-yellow:focus-within { + border-color: var(--yellow-yellow, #ffab00); + } + + .sm\:focus-within\:border-Yellow-yellow-100:focus-within { + border-color: var(--yellow-yellow-100, #ffc44c); + } + + .sm\:focus-within\:border-Yellow-yellow-200:focus-within { + border-color: var(--yellow-yellow-200, #ffd580); + } + + .sm\:focus-within\:border-Yellow-yellow-300:focus-within { + border-color: var(--yellow-yellow-300, #d99d26); + } + + .sm\:focus-within\:border-Yellow-yellow-400:focus-within { + border-color: var(--yellow-yellow-400, #bf943f); + } + + .sm\:focus-within\:border-Yellow-yellow-500:focus-within { + border-color: var(--yellow-yellow-500, #e59a00); + } + + .sm\:focus-within\:border-Yellow-yellow-600:focus-within { + border-color: var(--yellow-yellow-600, #b37800); + } + + .sm\:focus-within\:border-Yellow-yellow-700:focus-within { + border-color: var(--yellow-yellow-700, #664400); + } + + .sm\:focus-within\:border-Notification-notification:focus-within { + border-color: var(--notification-notification, #3959ff); + } + + .sm\:focus-within\:border-Notification-notification-100:focus-within { + border-color: var(--notification-notification-100, #748bff); + } + + .sm\:focus-within\:border-Notification-notification-200:focus-within { + border-color: var(--notification-notification-200, #9cacff); + } + + .sm\:focus-within\:border-Notification-notification-300:focus-within { + border-color: var(--notification-notification-300, #4e64d9); + } + + .sm\:focus-within\:border-Notification-notification-400:focus-within { + border-color: var(--notification-notification-400, #5c6cbf); + } + + .sm\:focus-within\:border-Notification-notification-500:focus-within { + border-color: var(--notification-notification-500, #3350e5); + } + + .sm\:focus-within\:border-Notification-notification-600:focus-within { + border-color: var(--notification-notification-600, #283eb3); + } + + .sm\:focus-within\:border-Notification-notification-700:focus-within { + border-color: var(--notification-notification-700, #172466); + } + + .sm\:focus-within\:border-Success-success\ -700:focus-within { + border-color: var(--success-success-700, #24471f); + } + + .sm\:focus-within\:border-Success-success:focus-within { + border-color: var(--success-success, #5bb14d); + } + + .sm\:focus-within\:border-Success-success\ -100:focus-within { + border-color: var(--success-success-100, #8cc882); + } + + .sm\:focus-within\:border-Success-success\ -200:focus-within { + border-color: var(--success-success-200, #add8a6); + } + + .sm\:focus-within\:border-Success-success\ -300:focus-within { + border-color: var(--success-success-300, #66a25c); + } + + .sm\:focus-within\:border-Success-success\ -400:focus-within { + border-color: var(--success-success-400, #6d9766); + } + + .sm\:focus-within\:border-Success-success\ -500:focus-within { + border-color: var(--success-success-500, #529f45); + } + + .sm\:focus-within\:border-Success-success\ -600:focus-within { + border-color: var(--success-success-600, #407c36); + } + + .sm\:focus-within\:border-Error-error:focus-within { + border-color: var(--error-error, #f03d3e); + } + + .sm\:focus-within\:border-Error-error-100:focus-within { + border-color: var(--error-error-100, #f57778); + } + + .sm\:focus-within\:border-Error-error-200:focus-within { + border-color: var(--error-error-200, #f89e9e); + } + + .sm\:focus-within\:border-Error-error-250:focus-within { + border-color: var(--error-error-250, #f9c8c8); + } + + .sm\:focus-within\:border-Error-error-300:focus-within { + border-color: var(--error-error-300, #ce5151); + } + + .sm\:focus-within\:border-Error-error-400:focus-within { + border-color: var(--error-error-400, #b85e5e); + } + + .sm\:focus-within\:border-Error-error-500:focus-within { + border-color: var(--error-error-500, #d83738); + } + + .sm\:focus-within\:border-Error-error-600:focus-within { + border-color: var(--error-error-600, #a82b2b); + } + + .sm\:focus-within\:border-Error-error-700:focus-within { + border-color: var(--error-error-700, #601819); + } + + .sm\:hover\:border-colors-black:hover { + border-color: var(--colors-black, #000000); + } + + .sm\:hover\:border-colors-white:hover { + border-color: var(--colors-white, #ffffff); + } + + .sm\:hover\:border-colors-gray-100:hover { + border-color: var(--colors-gray-100, #f7fafc); + } + + .sm\:hover\:border-colors-gray-200:hover { + border-color: var(--colors-gray-200, #edf2f7); + } + + .sm\:hover\:border-colors-gray-300:hover { + border-color: var(--colors-gray-300, #e2e8f0); + } + + .sm\:hover\:border-colors-gray-400:hover { + border-color: var(--colors-gray-400, #cbd5e0); + } + + .sm\:hover\:border-colors-gray-500:hover { + border-color: var(--colors-gray-500, #a0aec0); + } + + .sm\:hover\:border-colors-gray-600:hover { + border-color: var(--colors-gray-600, #718096); + } + + .sm\:hover\:border-colors-gray-700:hover { + border-color: var(--colors-gray-700, #4a5568); + } + + .sm\:hover\:border-colors-gray-800:hover { + border-color: var(--colors-gray-800, #2d3748); + } + + .sm\:hover\:border-colors-gray-900:hover { + border-color: var(--colors-gray-900, #1a202c); + } + + .sm\:hover\:border-colors-red-100:hover { + border-color: var(--colors-red-100, #fff5f5); + } + + .sm\:hover\:border-colors-red-200:hover { + border-color: var(--colors-red-200, #fed7d7); + } + + .sm\:hover\:border-colors-red-300:hover { + border-color: var(--colors-red-300, #feb2b2); + } + + .sm\:hover\:border-colors-red-400:hover { + border-color: var(--colors-red-400, #fc8181); + } + + .sm\:hover\:border-colors-red-500:hover { + border-color: var(--colors-red-500, #f56565); + } + + .sm\:hover\:border-colors-red-600:hover { + border-color: var(--colors-red-600, #e53e3e); + } + + .sm\:hover\:border-colors-red-700:hover { + border-color: var(--colors-red-700, #c53030); + } + + .sm\:hover\:border-colors-red-800:hover { + border-color: var(--colors-red-800, #9b2c2c); + } + + .sm\:hover\:border-colors-red-900:hover { + border-color: var(--colors-red-900, #742a2a); + } + + .sm\:hover\:border-colors-orange-100:hover { + border-color: var(--colors-orange-100, #fffaf0); + } + + .sm\:hover\:border-colors-orange-200:hover { + border-color: var(--colors-orange-200, #feebc8); + } + + .sm\:hover\:border-colors-orange-300:hover { + border-color: var(--colors-orange-300, #fbd38d); + } + + .sm\:hover\:border-colors-orange-400:hover { + border-color: var(--colors-orange-400, #f6ad55); + } + + .sm\:hover\:border-colors-orange-500:hover { + border-color: var(--colors-orange-500, #ed8936); + } + + .sm\:hover\:border-colors-orange-600:hover { + border-color: var(--colors-orange-600, #dd6b20); + } + + .sm\:hover\:border-colors-orange-700:hover { + border-color: var(--colors-orange-700, #c05621); + } + + .sm\:hover\:border-colors-orange-800:hover { + border-color: var(--colors-orange-800, #9c4221); + } + + .sm\:hover\:border-colors-orange-900:hover { + border-color: var(--colors-orange-900, #7b341e); + } + + .sm\:hover\:border-colors-yellow-100:hover { + border-color: var(--colors-yellow-100, #fffff0); + } + + .sm\:hover\:border-colors-yellow-200:hover { + border-color: var(--colors-yellow-200, #fefcbf); + } + + .sm\:hover\:border-colors-yellow-300:hover { + border-color: var(--colors-yellow-300, #faf089); + } + + .sm\:hover\:border-colors-yellow-400:hover { + border-color: var(--colors-yellow-400, #f6e05e); + } + + .sm\:hover\:border-colors-yellow-500:hover { + border-color: var(--colors-yellow-500, #ecc94b); + } + + .sm\:hover\:border-colors-yellow-600:hover { + border-color: var(--colors-yellow-600, #d69e2e); + } + + .sm\:hover\:border-colors-yellow-700:hover { + border-color: var(--colors-yellow-700, #b7791f); + } + + .sm\:hover\:border-colors-yellow-800:hover { + border-color: var(--colors-yellow-800, #975a16); + } + + .sm\:hover\:border-colors-yellow-900:hover { + border-color: var(--colors-yellow-900, #744210); + } + + .sm\:hover\:border-colors-green-100:hover { + border-color: var(--colors-green-100, #f0fff4); + } + + .sm\:hover\:border-colors-green-200:hover { + border-color: var(--colors-green-200, #c6f6d5); + } + + .sm\:hover\:border-colors-green-300:hover { + border-color: var(--colors-green-300, #9ae6b4); + } + + .sm\:hover\:border-colors-green-400:hover { + border-color: var(--colors-green-400, #68d391); + } + + .sm\:hover\:border-colors-green-500:hover { + border-color: var(--colors-green-500, #48bb78); + } + + .sm\:hover\:border-colors-green-600:hover { + border-color: var(--colors-green-600, #38a169); + } + + .sm\:hover\:border-colors-green-700:hover { + border-color: var(--colors-green-700, #2f855a); + } + + .sm\:hover\:border-colors-green-800:hover { + border-color: var(--colors-green-800, #276749); + } + + .sm\:hover\:border-colors-green-900:hover { + border-color: var(--colors-green-900, #22543d); + } + + .sm\:hover\:border-colors-teal-100:hover { + border-color: var(--colors-teal-100, #e6fffa); + } + + .sm\:hover\:border-colors-teal-200:hover { + border-color: var(--colors-teal-200, #b2f5ea); + } + + .sm\:hover\:border-colors-teal-300:hover { + border-color: var(--colors-teal-300, #81e6d9); + } + + .sm\:hover\:border-colors-teal-400:hover { + border-color: var(--colors-teal-400, #4fd1c5); + } + + .sm\:hover\:border-colors-teal-500:hover { + border-color: var(--colors-teal-500, #38b2ac); + } + + .sm\:hover\:border-colors-teal-600:hover { + border-color: var(--colors-teal-600, #319795); + } + + .sm\:hover\:border-colors-teal-700:hover { + border-color: var(--colors-teal-700, #2c7a7b); + } + + .sm\:hover\:border-colors-teal-800:hover { + border-color: var(--colors-teal-800, #285e61); + } + + .sm\:hover\:border-colors-teal-900:hover { + border-color: var(--colors-teal-900, #234e52); + } + + .sm\:hover\:border-colors-blue-100:hover { + border-color: var(--colors-blue-100, #ebf8ff); + } + + .sm\:hover\:border-colors-blue-200:hover { + border-color: var(--colors-blue-200, #bee3f8); + } + + .sm\:hover\:border-colors-blue-300:hover { + border-color: var(--colors-blue-300, #90cdf4); + } + + .sm\:hover\:border-colors-blue-400:hover { + border-color: var(--colors-blue-400, #63b3ed); + } + + .sm\:hover\:border-colors-blue-500:hover { + border-color: var(--colors-blue-500, #4299e1); + } + + .sm\:hover\:border-colors-blue-600:hover { + border-color: var(--colors-blue-600, #3182ce); + } + + .sm\:hover\:border-colors-blue-700:hover { + border-color: var(--colors-blue-700, #2b6cb0); + } + + .sm\:hover\:border-colors-blue-800:hover { + border-color: var(--colors-blue-800, #2c5282); + } + + .sm\:hover\:border-colors-blue-900:hover { + border-color: var(--colors-blue-900, #2a4365); + } + + .sm\:hover\:border-colors-indigo-100:hover { + border-color: var(--colors-indigo-100, #ebf4ff); + } + + .sm\:hover\:border-colors-indigo-200:hover { + border-color: var(--colors-indigo-200, #c3dafe); + } + + .sm\:hover\:border-colors-indigo-300:hover { + border-color: var(--colors-indigo-300, #a3bffa); + } + + .sm\:hover\:border-colors-indigo-400:hover { + border-color: var(--colors-indigo-400, #7f9cf5); + } + + .sm\:hover\:border-colors-indigo-500:hover { + border-color: var(--colors-indigo-500, #667eea); + } + + .sm\:hover\:border-colors-indigo-600:hover { + border-color: var(--colors-indigo-600, #5a67d8); + } + + .sm\:hover\:border-colors-indigo-700:hover { + border-color: var(--colors-indigo-700, #4c51bf); + } + + .sm\:hover\:border-colors-indigo-800:hover { + border-color: var(--colors-indigo-800, #434190); + } + + .sm\:hover\:border-colors-indigo-900:hover { + border-color: var(--colors-indigo-900, #3c366b); + } + + .sm\:hover\:border-colors-purple-100:hover { + border-color: var(--colors-purple-100, #faf5ff); + } + + .sm\:hover\:border-colors-purple-200:hover { + border-color: var(--colors-purple-200, #e9d8fd); + } + + .sm\:hover\:border-colors-purple-300:hover { + border-color: var(--colors-purple-300, #d6bcfa); + } + + .sm\:hover\:border-colors-purple-400:hover { + border-color: var(--colors-purple-400, #b794f4); + } + + .sm\:hover\:border-colors-purple-500:hover { + border-color: var(--colors-purple-500, #9f7aea); + } + + .sm\:hover\:border-colors-purple-600:hover { + border-color: var(--colors-purple-600, #805ad5); + } + + .sm\:hover\:border-colors-purple-700:hover { + border-color: var(--colors-purple-700, #6b46c1); + } + + .sm\:hover\:border-colors-purple-800:hover { + border-color: var(--colors-purple-800, #553c9a); + } + + .sm\:hover\:border-colors-purple-900:hover { + border-color: var(--colors-purple-900, #44337a); + } + + .sm\:hover\:border-colors-pink-100:hover { + border-color: var(--colors-pink-100, #fff5f7); + } + + .sm\:hover\:border-colors-pink-200:hover { + border-color: var(--colors-pink-200, #fed7e2); + } + + .sm\:hover\:border-colors-pink-300:hover { + border-color: var(--colors-pink-300, #fbb6ce); + } + + .sm\:hover\:border-colors-pink-400:hover { + border-color: var(--colors-pink-400, #f687b3); + } + + .sm\:hover\:border-colors-pink-500:hover { + border-color: var(--colors-pink-500, #ed64a6); + } + + .sm\:hover\:border-colors-pink-600:hover { + border-color: var(--colors-pink-600, #d53f8c); + } + + .sm\:hover\:border-colors-pink-700:hover { + border-color: var(--colors-pink-700, #b83280); + } + + .sm\:hover\:border-colors-pink-800:hover { + border-color: var(--colors-pink-800, #97266d); + } + + .sm\:hover\:border-colors-pink-900:hover { + border-color: var(--colors-pink-900, #702459); + } + + .sm\:hover\:border-Box\ Shadow:hover { + border-color: var(--box-shadow, #7f7e7f); + } + + .sm\:hover\:border-Error16:hover { + border-color: var(--error16, #f03d3e40); + } + + .sm\:hover\:border-Success16:hover { + border-color: var(--success16, #5bb14d40); + } + + .sm\:hover\:border-Notification16:hover { + border-color: var(--notification16, #3959ff40); + } + + .sm\:hover\:border-Error8:hover { + border-color: var(--error8, #f03d3e1a); + } + + .sm\:hover\:border-Notification8:hover { + border-color: var(--notification8, #3959ff1a); + } + + .sm\:hover\:border-Success8:hover { + border-color: var(--success8, #5bb14d1a); + } + + .sm\:hover\:border-Light\ -\ Overlay:hover { + border-color: var(--light-overlay, #f0edee66); + } + + .sm\:hover\:border-Dark-\ Overlay:hover { + border-color: var(--dark-overlay, #7f7e7f66); + } + + .sm\:hover\:border-black-40:hover { + border-color: var(--black-40, #00000066); + } + + .sm\:hover\:border-black-75:hover { + border-color: var(--black-75, #000000bf); + } + + .sm\:hover\:border-black-60:hover { + border-color: var(--black-60, #00000099); + } + + .sm\:hover\:border-black-50:hover { + border-color: var(--black-50, #00000080); + } + + .sm\:hover\:border-black-25:hover { + border-color: var(--black-25, #00000040); + } + + .sm\:hover\:border-black-10:hover { + border-color: var(--black-10, #0000001a); + } + + .sm\:hover\:border-white-25:hover { + border-color: var(--white-25, #ffffff40); + } + + .sm\:hover\:border-white-60:hover { + border-color: var(--white-60, #ffffff99); + } + + .sm\:hover\:border-black-64:hover { + border-color: var(--black-64, #000000a3); + } + + .sm\:hover\:border-Shadow\ and\ Highlight-Shadow:hover { + border-color: var(--shadow-and-highlight-shadow, #7f7e7f); + } + + .sm\:hover\:border-Shadow\ and\ Highlight-Highlight:hover { + border-color: var(--shadow-and-highlight-highlight, #474747); + } + + .sm\:hover\:border-Shadow\ and\ Highlight-highlight\ one:hover { + border-color: var(--shadow-and-highlight-highlight-one, #474747bf); + } + + .sm\:hover\:border-Shadow\ and\ Highlight-highlight\ two:hover { + border-color: var(--shadow-and-highlight-highlight-two, #47474799); + } + + .sm\:hover\:border-Shadow\ and\ Highlight-highlight\ three:hover { + border-color: var(--shadow-and-highlight-highlight-three, #47474766); + } + + .sm\:hover\:border-Shadow\ and\ Highlight-highlight\ five:hover { + border-color: var(--shadow-and-highlight-highlight-five, #4747471a); + } + + .sm\:hover\:border-Shadow\ and\ Highlight-shadow\ one:hover { + border-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); + } + + .sm\:hover\:border-Shadow\ and\ Highlight-shadow\ two:hover { + border-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); + } + + .sm\:hover\:border-Shadow\ and\ Highlight-shadow\ three:hover { + border-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); + } + + .sm\:hover\:border-Shadow\ and\ Highlight-shadow\ four:hover { + border-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); + } + + .sm\:hover\:border-Shadow\ and\ Highlight-shadow\ five:hover { + border-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); + } + + .sm\:hover\:border-Shadow\ and\ Highlight-highlight\ four:hover { + border-color: var(--shadow-and-highlight-highlight-four, #47474740); + } + + .sm\:hover\:border-Base\ Layer\ Styles-Base\ Layer-\ Light-White:hover { + border-color: var(--base-layer-styles-base-layer-light-white, #ffffff); + } + + .sm\:hover\:border-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:hover { + border-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); + } + + .sm\:hover\:border-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:hover { + border-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); + } + + .sm\:hover\:border-Base\ Layer\ Styles-Base\ Layer-Dark-Black:hover { + border-color: var(--base-layer-styles-base-layer-dark-black, #000000); + } + + .sm\:hover\:border-Grey-Scale-white:hover { + border-color: var(--grey-scale-white, #ffffff); + } + + .sm\:hover\:border-Grey-Scale-off-white:hover { + border-color: var(--grey-scale-off-white, #f0edee); + } + + .sm\:hover\:border-Grey\ Scale-grey:hover { + border-color: var(--grey-scale-grey, #7f7e7f); + } + + .sm\:hover\:border-Grey\ Scale-charcoal:hover { + border-color: var(--grey-scale-charcoal, #474747); + } + + .sm\:hover\:border-Grey\ Scale-off-black:hover { + border-color: var(--grey-scale-off-black, #1c1c1c); + } + + .sm\:hover\:border-Grey\ Scale-black:hover { + border-color: var(--grey-scale-black, #000000); + } + + .sm\:hover\:border-Blue-blue:hover { + border-color: var(--blue-blue, #3a7ca5); + } + + .sm\:hover\:border-Blue-blue-100:hover { + border-color: var(--blue-blue-100, #75a3c0); + } + + .sm\:hover\:border-Blue-blue-200:hover { + border-color: var(--blue-blue-200, #9cbed2); + } + + .sm\:hover\:border-Blue-blue-300:hover { + border-color: var(--blue-blue-300, #4f7d9a); + } + + .sm\:hover\:border-Blue-blue-400:hover { + border-color: var(--blue-blue-400, #5c7d92); + } + + .sm\:hover\:border-Blue-blue-500:hover { + border-color: var(--blue-blue-500, #347095); + } + + .sm\:hover\:border-Blue-blue-600:hover { + border-color: var(--blue-blue-600, #295774); + } + + .sm\:hover\:border-Blue-blue-700:hover { + border-color: var(--blue-blue-700, #173242); + } + + .sm\:hover\:border-LightBlue-lightblue:hover { + border-color: var(--light-blue-lightblue, #81c3d7); + } + + .sm\:hover\:border-LightBlue-lightblue-100:hover { + border-color: var(--light-blue-lightblue-100, #a7d5e3); + } + + .sm\:hover\:border-LightBlue-lightblue-200:hover { + border-color: var(--light-blue-lightblue-200, #c0e1eb); + } + + .sm\:hover\:border-LightBlue-lightblue-300:hover { + border-color: var(--light-blue-lightblue-300, #80aebd); + } + + .sm\:hover\:border-LightBlue-lightblue-400:hover { + border-color: var(--light-blue-lightblue-400, #80a0ab); + } + + .sm\:hover\:border-LightBlue-lightblue-500:hover { + border-color: var(--light-blue-lightblue-500, #74afc1); + } + + .sm\:hover\:border-LightBlue-lightblue-600:hover { + border-color: var(--light-blue-lightblue-600, #5a8997); + } + + .sm\:hover\:border-LightBlue-lightblue-650:hover { + border-color: var(--light-blue-lightblue-650, #3e5e65); + } + + .sm\:hover\:border-LightBlue-lightblue-700:hover { + border-color: var(--light-blue-lightblue-700, #344e56); + } + + .sm\:hover\:border-Orange-orange:hover { + border-color: var(--orange-orange, #ff7f0e); + } + + .sm\:hover\:border-Orange-orange-100:hover { + border-color: var(--orange-orange-100, #ffa556); + } + + .sm\:hover\:border-Orange-orange-200:hover { + border-color: var(--orange-orange-200, #ffbf86); + } + + .sm\:hover\:border-Orange-orange-300:hover { + border-color: var(--orange-orange-300, #d97f30); + } + + .sm\:hover\:border-Orange-orange-400:hover { + border-color: var(--orange-orange-400, #bf7e46); + } + + .sm\:hover\:border-Orange-orange-500:hover { + border-color: var(--orange-orange-500, #e5720d); + } + + .sm\:hover\:border-Orange-orange-600:hover { + border-color: var(--orange-orange-600, #b3590a); + } + + .sm\:hover\:border-Orange-orange-700:hover { + border-color: var(--orange-orange-700, #663306); + } + + .sm\:hover\:border-Yellow-yellow:hover { + border-color: var(--yellow-yellow, #ffab00); + } + + .sm\:hover\:border-Yellow-yellow-100:hover { + border-color: var(--yellow-yellow-100, #ffc44c); + } + + .sm\:hover\:border-Yellow-yellow-200:hover { + border-color: var(--yellow-yellow-200, #ffd580); + } + + .sm\:hover\:border-Yellow-yellow-300:hover { + border-color: var(--yellow-yellow-300, #d99d26); + } + + .sm\:hover\:border-Yellow-yellow-400:hover { + border-color: var(--yellow-yellow-400, #bf943f); + } + + .sm\:hover\:border-Yellow-yellow-500:hover { + border-color: var(--yellow-yellow-500, #e59a00); + } + + .sm\:hover\:border-Yellow-yellow-600:hover { + border-color: var(--yellow-yellow-600, #b37800); + } + + .sm\:hover\:border-Yellow-yellow-700:hover { + border-color: var(--yellow-yellow-700, #664400); + } + + .sm\:hover\:border-Notification-notification:hover { + border-color: var(--notification-notification, #3959ff); + } + + .sm\:hover\:border-Notification-notification-100:hover { + border-color: var(--notification-notification-100, #748bff); + } + + .sm\:hover\:border-Notification-notification-200:hover { + border-color: var(--notification-notification-200, #9cacff); + } + + .sm\:hover\:border-Notification-notification-300:hover { + border-color: var(--notification-notification-300, #4e64d9); + } + + .sm\:hover\:border-Notification-notification-400:hover { + border-color: var(--notification-notification-400, #5c6cbf); + } + + .sm\:hover\:border-Notification-notification-500:hover { + border-color: var(--notification-notification-500, #3350e5); + } + + .sm\:hover\:border-Notification-notification-600:hover { + border-color: var(--notification-notification-600, #283eb3); + } + + .sm\:hover\:border-Notification-notification-700:hover { + border-color: var(--notification-notification-700, #172466); + } + + .sm\:hover\:border-Success-success\ -700:hover { + border-color: var(--success-success-700, #24471f); + } + + .sm\:hover\:border-Success-success:hover { + border-color: var(--success-success, #5bb14d); + } + + .sm\:hover\:border-Success-success\ -100:hover { + border-color: var(--success-success-100, #8cc882); + } + + .sm\:hover\:border-Success-success\ -200:hover { + border-color: var(--success-success-200, #add8a6); + } + + .sm\:hover\:border-Success-success\ -300:hover { + border-color: var(--success-success-300, #66a25c); + } + + .sm\:hover\:border-Success-success\ -400:hover { + border-color: var(--success-success-400, #6d9766); + } + + .sm\:hover\:border-Success-success\ -500:hover { + border-color: var(--success-success-500, #529f45); + } + + .sm\:hover\:border-Success-success\ -600:hover { + border-color: var(--success-success-600, #407c36); + } + + .sm\:hover\:border-Error-error:hover { + border-color: var(--error-error, #f03d3e); + } + + .sm\:hover\:border-Error-error-100:hover { + border-color: var(--error-error-100, #f57778); + } + + .sm\:hover\:border-Error-error-200:hover { + border-color: var(--error-error-200, #f89e9e); + } + + .sm\:hover\:border-Error-error-250:hover { + border-color: var(--error-error-250, #f9c8c8); + } + + .sm\:hover\:border-Error-error-300:hover { + border-color: var(--error-error-300, #ce5151); + } + + .sm\:hover\:border-Error-error-400:hover { + border-color: var(--error-error-400, #b85e5e); + } + + .sm\:hover\:border-Error-error-500:hover { + border-color: var(--error-error-500, #d83738); + } + + .sm\:hover\:border-Error-error-600:hover { + border-color: var(--error-error-600, #a82b2b); + } + + .sm\:hover\:border-Error-error-700:hover { + border-color: var(--error-error-700, #601819); + } + + .sm\:focus\:border-colors-black:focus { + border-color: var(--colors-black, #000000); + } + + .sm\:focus\:border-colors-white:focus { + border-color: var(--colors-white, #ffffff); + } + + .sm\:focus\:border-colors-gray-100:focus { + border-color: var(--colors-gray-100, #f7fafc); + } + + .sm\:focus\:border-colors-gray-200:focus { + border-color: var(--colors-gray-200, #edf2f7); + } + + .sm\:focus\:border-colors-gray-300:focus { + border-color: var(--colors-gray-300, #e2e8f0); + } + + .sm\:focus\:border-colors-gray-400:focus { + border-color: var(--colors-gray-400, #cbd5e0); + } + + .sm\:focus\:border-colors-gray-500:focus { + border-color: var(--colors-gray-500, #a0aec0); + } + + .sm\:focus\:border-colors-gray-600:focus { + border-color: var(--colors-gray-600, #718096); + } + + .sm\:focus\:border-colors-gray-700:focus { + border-color: var(--colors-gray-700, #4a5568); + } + + .sm\:focus\:border-colors-gray-800:focus { + border-color: var(--colors-gray-800, #2d3748); + } + + .sm\:focus\:border-colors-gray-900:focus { + border-color: var(--colors-gray-900, #1a202c); + } + + .sm\:focus\:border-colors-red-100:focus { + border-color: var(--colors-red-100, #fff5f5); + } + + .sm\:focus\:border-colors-red-200:focus { + border-color: var(--colors-red-200, #fed7d7); + } + + .sm\:focus\:border-colors-red-300:focus { + border-color: var(--colors-red-300, #feb2b2); + } + + .sm\:focus\:border-colors-red-400:focus { + border-color: var(--colors-red-400, #fc8181); + } + + .sm\:focus\:border-colors-red-500:focus { + border-color: var(--colors-red-500, #f56565); + } + + .sm\:focus\:border-colors-red-600:focus { + border-color: var(--colors-red-600, #e53e3e); + } + + .sm\:focus\:border-colors-red-700:focus { + border-color: var(--colors-red-700, #c53030); + } + + .sm\:focus\:border-colors-red-800:focus { + border-color: var(--colors-red-800, #9b2c2c); + } + + .sm\:focus\:border-colors-red-900:focus { + border-color: var(--colors-red-900, #742a2a); + } + + .sm\:focus\:border-colors-orange-100:focus { + border-color: var(--colors-orange-100, #fffaf0); + } + + .sm\:focus\:border-colors-orange-200:focus { + border-color: var(--colors-orange-200, #feebc8); + } + + .sm\:focus\:border-colors-orange-300:focus { + border-color: var(--colors-orange-300, #fbd38d); + } + + .sm\:focus\:border-colors-orange-400:focus { + border-color: var(--colors-orange-400, #f6ad55); + } + + .sm\:focus\:border-colors-orange-500:focus { + border-color: var(--colors-orange-500, #ed8936); + } + + .sm\:focus\:border-colors-orange-600:focus { + border-color: var(--colors-orange-600, #dd6b20); + } + + .sm\:focus\:border-colors-orange-700:focus { + border-color: var(--colors-orange-700, #c05621); + } + + .sm\:focus\:border-colors-orange-800:focus { + border-color: var(--colors-orange-800, #9c4221); + } + + .sm\:focus\:border-colors-orange-900:focus { + border-color: var(--colors-orange-900, #7b341e); + } + + .sm\:focus\:border-colors-yellow-100:focus { + border-color: var(--colors-yellow-100, #fffff0); + } + + .sm\:focus\:border-colors-yellow-200:focus { + border-color: var(--colors-yellow-200, #fefcbf); + } + + .sm\:focus\:border-colors-yellow-300:focus { + border-color: var(--colors-yellow-300, #faf089); + } + + .sm\:focus\:border-colors-yellow-400:focus { + border-color: var(--colors-yellow-400, #f6e05e); + } + + .sm\:focus\:border-colors-yellow-500:focus { + border-color: var(--colors-yellow-500, #ecc94b); + } + + .sm\:focus\:border-colors-yellow-600:focus { + border-color: var(--colors-yellow-600, #d69e2e); + } + + .sm\:focus\:border-colors-yellow-700:focus { + border-color: var(--colors-yellow-700, #b7791f); + } + + .sm\:focus\:border-colors-yellow-800:focus { + border-color: var(--colors-yellow-800, #975a16); + } + + .sm\:focus\:border-colors-yellow-900:focus { + border-color: var(--colors-yellow-900, #744210); + } + + .sm\:focus\:border-colors-green-100:focus { + border-color: var(--colors-green-100, #f0fff4); + } + + .sm\:focus\:border-colors-green-200:focus { + border-color: var(--colors-green-200, #c6f6d5); + } + + .sm\:focus\:border-colors-green-300:focus { + border-color: var(--colors-green-300, #9ae6b4); + } + + .sm\:focus\:border-colors-green-400:focus { + border-color: var(--colors-green-400, #68d391); + } + + .sm\:focus\:border-colors-green-500:focus { + border-color: var(--colors-green-500, #48bb78); + } + + .sm\:focus\:border-colors-green-600:focus { + border-color: var(--colors-green-600, #38a169); + } + + .sm\:focus\:border-colors-green-700:focus { + border-color: var(--colors-green-700, #2f855a); + } + + .sm\:focus\:border-colors-green-800:focus { + border-color: var(--colors-green-800, #276749); + } + + .sm\:focus\:border-colors-green-900:focus { + border-color: var(--colors-green-900, #22543d); + } + + .sm\:focus\:border-colors-teal-100:focus { + border-color: var(--colors-teal-100, #e6fffa); + } + + .sm\:focus\:border-colors-teal-200:focus { + border-color: var(--colors-teal-200, #b2f5ea); + } + + .sm\:focus\:border-colors-teal-300:focus { + border-color: var(--colors-teal-300, #81e6d9); + } + + .sm\:focus\:border-colors-teal-400:focus { + border-color: var(--colors-teal-400, #4fd1c5); + } + + .sm\:focus\:border-colors-teal-500:focus { + border-color: var(--colors-teal-500, #38b2ac); + } + + .sm\:focus\:border-colors-teal-600:focus { + border-color: var(--colors-teal-600, #319795); + } + + .sm\:focus\:border-colors-teal-700:focus { + border-color: var(--colors-teal-700, #2c7a7b); + } + + .sm\:focus\:border-colors-teal-800:focus { + border-color: var(--colors-teal-800, #285e61); + } + + .sm\:focus\:border-colors-teal-900:focus { + border-color: var(--colors-teal-900, #234e52); + } + + .sm\:focus\:border-colors-blue-100:focus { + border-color: var(--colors-blue-100, #ebf8ff); + } + + .sm\:focus\:border-colors-blue-200:focus { + border-color: var(--colors-blue-200, #bee3f8); + } + + .sm\:focus\:border-colors-blue-300:focus { + border-color: var(--colors-blue-300, #90cdf4); + } + + .sm\:focus\:border-colors-blue-400:focus { + border-color: var(--colors-blue-400, #63b3ed); + } + + .sm\:focus\:border-colors-blue-500:focus { + border-color: var(--colors-blue-500, #4299e1); + } + + .sm\:focus\:border-colors-blue-600:focus { + border-color: var(--colors-blue-600, #3182ce); + } + + .sm\:focus\:border-colors-blue-700:focus { + border-color: var(--colors-blue-700, #2b6cb0); + } + + .sm\:focus\:border-colors-blue-800:focus { + border-color: var(--colors-blue-800, #2c5282); + } + + .sm\:focus\:border-colors-blue-900:focus { + border-color: var(--colors-blue-900, #2a4365); + } + + .sm\:focus\:border-colors-indigo-100:focus { + border-color: var(--colors-indigo-100, #ebf4ff); + } + + .sm\:focus\:border-colors-indigo-200:focus { + border-color: var(--colors-indigo-200, #c3dafe); + } + + .sm\:focus\:border-colors-indigo-300:focus { + border-color: var(--colors-indigo-300, #a3bffa); + } + + .sm\:focus\:border-colors-indigo-400:focus { + border-color: var(--colors-indigo-400, #7f9cf5); + } + + .sm\:focus\:border-colors-indigo-500:focus { + border-color: var(--colors-indigo-500, #667eea); + } + + .sm\:focus\:border-colors-indigo-600:focus { + border-color: var(--colors-indigo-600, #5a67d8); + } + + .sm\:focus\:border-colors-indigo-700:focus { + border-color: var(--colors-indigo-700, #4c51bf); + } + + .sm\:focus\:border-colors-indigo-800:focus { + border-color: var(--colors-indigo-800, #434190); + } + + .sm\:focus\:border-colors-indigo-900:focus { + border-color: var(--colors-indigo-900, #3c366b); + } + + .sm\:focus\:border-colors-purple-100:focus { + border-color: var(--colors-purple-100, #faf5ff); + } + + .sm\:focus\:border-colors-purple-200:focus { + border-color: var(--colors-purple-200, #e9d8fd); + } + + .sm\:focus\:border-colors-purple-300:focus { + border-color: var(--colors-purple-300, #d6bcfa); + } + + .sm\:focus\:border-colors-purple-400:focus { + border-color: var(--colors-purple-400, #b794f4); + } + + .sm\:focus\:border-colors-purple-500:focus { + border-color: var(--colors-purple-500, #9f7aea); + } + + .sm\:focus\:border-colors-purple-600:focus { + border-color: var(--colors-purple-600, #805ad5); + } + + .sm\:focus\:border-colors-purple-700:focus { + border-color: var(--colors-purple-700, #6b46c1); + } + + .sm\:focus\:border-colors-purple-800:focus { + border-color: var(--colors-purple-800, #553c9a); + } + + .sm\:focus\:border-colors-purple-900:focus { + border-color: var(--colors-purple-900, #44337a); + } + + .sm\:focus\:border-colors-pink-100:focus { + border-color: var(--colors-pink-100, #fff5f7); + } + + .sm\:focus\:border-colors-pink-200:focus { + border-color: var(--colors-pink-200, #fed7e2); + } + + .sm\:focus\:border-colors-pink-300:focus { + border-color: var(--colors-pink-300, #fbb6ce); + } + + .sm\:focus\:border-colors-pink-400:focus { + border-color: var(--colors-pink-400, #f687b3); + } + + .sm\:focus\:border-colors-pink-500:focus { + border-color: var(--colors-pink-500, #ed64a6); + } + + .sm\:focus\:border-colors-pink-600:focus { + border-color: var(--colors-pink-600, #d53f8c); + } + + .sm\:focus\:border-colors-pink-700:focus { + border-color: var(--colors-pink-700, #b83280); + } + + .sm\:focus\:border-colors-pink-800:focus { + border-color: var(--colors-pink-800, #97266d); + } + + .sm\:focus\:border-colors-pink-900:focus { + border-color: var(--colors-pink-900, #702459); + } + + .sm\:focus\:border-Box\ Shadow:focus { + border-color: var(--box-shadow, #7f7e7f); + } + + .sm\:focus\:border-Error16:focus { + border-color: var(--error16, #f03d3e40); + } + + .sm\:focus\:border-Success16:focus { + border-color: var(--success16, #5bb14d40); + } + + .sm\:focus\:border-Notification16:focus { + border-color: var(--notification16, #3959ff40); + } + + .sm\:focus\:border-Error8:focus { + border-color: var(--error8, #f03d3e1a); + } + + .sm\:focus\:border-Notification8:focus { + border-color: var(--notification8, #3959ff1a); + } + + .sm\:focus\:border-Success8:focus { + border-color: var(--success8, #5bb14d1a); + } + + .sm\:focus\:border-Light\ -\ Overlay:focus { + border-color: var(--light-overlay, #f0edee66); + } + + .sm\:focus\:border-Dark-\ Overlay:focus { + border-color: var(--dark-overlay, #7f7e7f66); + } + + .sm\:focus\:border-black-40:focus { + border-color: var(--black-40, #00000066); + } + + .sm\:focus\:border-black-75:focus { + border-color: var(--black-75, #000000bf); + } + + .sm\:focus\:border-black-60:focus { + border-color: var(--black-60, #00000099); + } + + .sm\:focus\:border-black-50:focus { + border-color: var(--black-50, #00000080); + } + + .sm\:focus\:border-black-25:focus { + border-color: var(--black-25, #00000040); + } + + .sm\:focus\:border-black-10:focus { + border-color: var(--black-10, #0000001a); + } + + .sm\:focus\:border-white-25:focus { + border-color: var(--white-25, #ffffff40); + } + + .sm\:focus\:border-white-60:focus { + border-color: var(--white-60, #ffffff99); + } + + .sm\:focus\:border-black-64:focus { + border-color: var(--black-64, #000000a3); + } + + .sm\:focus\:border-Shadow\ and\ Highlight-Shadow:focus { + border-color: var(--shadow-and-highlight-shadow, #7f7e7f); + } + + .sm\:focus\:border-Shadow\ and\ Highlight-Highlight:focus { + border-color: var(--shadow-and-highlight-highlight, #474747); + } + + .sm\:focus\:border-Shadow\ and\ Highlight-highlight\ one:focus { + border-color: var(--shadow-and-highlight-highlight-one, #474747bf); + } + + .sm\:focus\:border-Shadow\ and\ Highlight-highlight\ two:focus { + border-color: var(--shadow-and-highlight-highlight-two, #47474799); + } + + .sm\:focus\:border-Shadow\ and\ Highlight-highlight\ three:focus { + border-color: var(--shadow-and-highlight-highlight-three, #47474766); + } + + .sm\:focus\:border-Shadow\ and\ Highlight-highlight\ five:focus { + border-color: var(--shadow-and-highlight-highlight-five, #4747471a); + } + + .sm\:focus\:border-Shadow\ and\ Highlight-shadow\ one:focus { + border-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); + } + + .sm\:focus\:border-Shadow\ and\ Highlight-shadow\ two:focus { + border-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); + } + + .sm\:focus\:border-Shadow\ and\ Highlight-shadow\ three:focus { + border-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); + } + + .sm\:focus\:border-Shadow\ and\ Highlight-shadow\ four:focus { + border-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); + } + + .sm\:focus\:border-Shadow\ and\ Highlight-shadow\ five:focus { + border-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); + } + + .sm\:focus\:border-Shadow\ and\ Highlight-highlight\ four:focus { + border-color: var(--shadow-and-highlight-highlight-four, #47474740); + } + + .sm\:focus\:border-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus { + border-color: var(--base-layer-styles-base-layer-light-white, #ffffff); + } + + .sm\:focus\:border-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus { + border-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); + } + + .sm\:focus\:border-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus { + border-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); + } + + .sm\:focus\:border-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus { + border-color: var(--base-layer-styles-base-layer-dark-black, #000000); + } + + .sm\:focus\:border-Grey-Scale-white:focus { + border-color: var(--grey-scale-white, #ffffff); + } + + .sm\:focus\:border-Grey-Scale-off-white:focus { + border-color: var(--grey-scale-off-white, #f0edee); + } + + .sm\:focus\:border-Grey\ Scale-grey:focus { + border-color: var(--grey-scale-grey, #7f7e7f); + } + + .sm\:focus\:border-Grey\ Scale-charcoal:focus { + border-color: var(--grey-scale-charcoal, #474747); + } + + .sm\:focus\:border-Grey\ Scale-off-black:focus { + border-color: var(--grey-scale-off-black, #1c1c1c); + } + + .sm\:focus\:border-Grey\ Scale-black:focus { + border-color: var(--grey-scale-black, #000000); + } + + .sm\:focus\:border-Blue-blue:focus { + border-color: var(--blue-blue, #3a7ca5); + } + + .sm\:focus\:border-Blue-blue-100:focus { + border-color: var(--blue-blue-100, #75a3c0); + } + + .sm\:focus\:border-Blue-blue-200:focus { + border-color: var(--blue-blue-200, #9cbed2); + } + + .sm\:focus\:border-Blue-blue-300:focus { + border-color: var(--blue-blue-300, #4f7d9a); + } + + .sm\:focus\:border-Blue-blue-400:focus { + border-color: var(--blue-blue-400, #5c7d92); + } + + .sm\:focus\:border-Blue-blue-500:focus { + border-color: var(--blue-blue-500, #347095); + } + + .sm\:focus\:border-Blue-blue-600:focus { + border-color: var(--blue-blue-600, #295774); + } + + .sm\:focus\:border-Blue-blue-700:focus { + border-color: var(--blue-blue-700, #173242); + } + + .sm\:focus\:border-LightBlue-lightblue:focus { + border-color: var(--light-blue-lightblue, #81c3d7); + } + + .sm\:focus\:border-LightBlue-lightblue-100:focus { + border-color: var(--light-blue-lightblue-100, #a7d5e3); + } + + .sm\:focus\:border-LightBlue-lightblue-200:focus { + border-color: var(--light-blue-lightblue-200, #c0e1eb); + } + + .sm\:focus\:border-LightBlue-lightblue-300:focus { + border-color: var(--light-blue-lightblue-300, #80aebd); + } + + .sm\:focus\:border-LightBlue-lightblue-400:focus { + border-color: var(--light-blue-lightblue-400, #80a0ab); + } + + .sm\:focus\:border-LightBlue-lightblue-500:focus { + border-color: var(--light-blue-lightblue-500, #74afc1); + } + + .sm\:focus\:border-LightBlue-lightblue-600:focus { + border-color: var(--light-blue-lightblue-600, #5a8997); + } + + .sm\:focus\:border-LightBlue-lightblue-650:focus { + border-color: var(--light-blue-lightblue-650, #3e5e65); + } + + .sm\:focus\:border-LightBlue-lightblue-700:focus { + border-color: var(--light-blue-lightblue-700, #344e56); + } + + .sm\:focus\:border-Orange-orange:focus { + border-color: var(--orange-orange, #ff7f0e); + } + + .sm\:focus\:border-Orange-orange-100:focus { + border-color: var(--orange-orange-100, #ffa556); + } + + .sm\:focus\:border-Orange-orange-200:focus { + border-color: var(--orange-orange-200, #ffbf86); + } + + .sm\:focus\:border-Orange-orange-300:focus { + border-color: var(--orange-orange-300, #d97f30); + } + + .sm\:focus\:border-Orange-orange-400:focus { + border-color: var(--orange-orange-400, #bf7e46); + } + + .sm\:focus\:border-Orange-orange-500:focus { + border-color: var(--orange-orange-500, #e5720d); + } + + .sm\:focus\:border-Orange-orange-600:focus { + border-color: var(--orange-orange-600, #b3590a); + } + + .sm\:focus\:border-Orange-orange-700:focus { + border-color: var(--orange-orange-700, #663306); + } + + .sm\:focus\:border-Yellow-yellow:focus { + border-color: var(--yellow-yellow, #ffab00); + } + + .sm\:focus\:border-Yellow-yellow-100:focus { + border-color: var(--yellow-yellow-100, #ffc44c); + } + + .sm\:focus\:border-Yellow-yellow-200:focus { + border-color: var(--yellow-yellow-200, #ffd580); + } + + .sm\:focus\:border-Yellow-yellow-300:focus { + border-color: var(--yellow-yellow-300, #d99d26); + } + + .sm\:focus\:border-Yellow-yellow-400:focus { + border-color: var(--yellow-yellow-400, #bf943f); + } + + .sm\:focus\:border-Yellow-yellow-500:focus { + border-color: var(--yellow-yellow-500, #e59a00); + } + + .sm\:focus\:border-Yellow-yellow-600:focus { + border-color: var(--yellow-yellow-600, #b37800); + } + + .sm\:focus\:border-Yellow-yellow-700:focus { + border-color: var(--yellow-yellow-700, #664400); + } + + .sm\:focus\:border-Notification-notification:focus { + border-color: var(--notification-notification, #3959ff); + } + + .sm\:focus\:border-Notification-notification-100:focus { + border-color: var(--notification-notification-100, #748bff); + } + + .sm\:focus\:border-Notification-notification-200:focus { + border-color: var(--notification-notification-200, #9cacff); + } + + .sm\:focus\:border-Notification-notification-300:focus { + border-color: var(--notification-notification-300, #4e64d9); + } + + .sm\:focus\:border-Notification-notification-400:focus { + border-color: var(--notification-notification-400, #5c6cbf); + } + + .sm\:focus\:border-Notification-notification-500:focus { + border-color: var(--notification-notification-500, #3350e5); + } + + .sm\:focus\:border-Notification-notification-600:focus { + border-color: var(--notification-notification-600, #283eb3); + } + + .sm\:focus\:border-Notification-notification-700:focus { + border-color: var(--notification-notification-700, #172466); + } + + .sm\:focus\:border-Success-success\ -700:focus { + border-color: var(--success-success-700, #24471f); + } + + .sm\:focus\:border-Success-success:focus { + border-color: var(--success-success, #5bb14d); + } + + .sm\:focus\:border-Success-success\ -100:focus { + border-color: var(--success-success-100, #8cc882); + } + + .sm\:focus\:border-Success-success\ -200:focus { + border-color: var(--success-success-200, #add8a6); + } + + .sm\:focus\:border-Success-success\ -300:focus { + border-color: var(--success-success-300, #66a25c); + } + + .sm\:focus\:border-Success-success\ -400:focus { + border-color: var(--success-success-400, #6d9766); + } + + .sm\:focus\:border-Success-success\ -500:focus { + border-color: var(--success-success-500, #529f45); + } + + .sm\:focus\:border-Success-success\ -600:focus { + border-color: var(--success-success-600, #407c36); + } + + .sm\:focus\:border-Error-error:focus { + border-color: var(--error-error, #f03d3e); + } + + .sm\:focus\:border-Error-error-100:focus { + border-color: var(--error-error-100, #f57778); + } + + .sm\:focus\:border-Error-error-200:focus { + border-color: var(--error-error-200, #f89e9e); + } + + .sm\:focus\:border-Error-error-250:focus { + border-color: var(--error-error-250, #f9c8c8); + } + + .sm\:focus\:border-Error-error-300:focus { + border-color: var(--error-error-300, #ce5151); + } + + .sm\:focus\:border-Error-error-400:focus { + border-color: var(--error-error-400, #b85e5e); + } + + .sm\:focus\:border-Error-error-500:focus { + border-color: var(--error-error-500, #d83738); + } + + .sm\:focus\:border-Error-error-600:focus { + border-color: var(--error-error-600, #a82b2b); + } + + .sm\:focus\:border-Error-error-700:focus { + border-color: var(--error-error-700, #601819); + } + + .sm\:border-opacity-0 { + --tw-border-opacity: 0; + } + + .sm\:border-opacity-5 { + --tw-border-opacity: 0.05; + } + + .sm\:border-opacity-10 { + --tw-border-opacity: 0.1; + } + + .sm\:border-opacity-20 { + --tw-border-opacity: 0.2; + } + + .sm\:border-opacity-25 { + --tw-border-opacity: 0.25; + } + + .sm\:border-opacity-30 { + --tw-border-opacity: 0.3; + } + + .sm\:border-opacity-40 { + --tw-border-opacity: 0.4; + } + + .sm\:border-opacity-50 { + --tw-border-opacity: 0.5; + } + + .sm\:border-opacity-60 { + --tw-border-opacity: 0.6; + } + + .sm\:border-opacity-70 { + --tw-border-opacity: 0.7; + } + + .sm\:border-opacity-75 { + --tw-border-opacity: 0.75; + } + + .sm\:border-opacity-80 { + --tw-border-opacity: 0.8; + } + + .sm\:border-opacity-90 { + --tw-border-opacity: 0.9; + } + + .sm\:border-opacity-95 { + --tw-border-opacity: 0.95; + } + + .sm\:border-opacity-100 { + --tw-border-opacity: 1; + } + + .group:hover .sm\:group-hover\:border-opacity-0 { + --tw-border-opacity: 0; + } + + .group:hover .sm\:group-hover\:border-opacity-5 { + --tw-border-opacity: 0.05; + } + + .group:hover .sm\:group-hover\:border-opacity-10 { + --tw-border-opacity: 0.1; + } + + .group:hover .sm\:group-hover\:border-opacity-20 { + --tw-border-opacity: 0.2; + } + + .group:hover .sm\:group-hover\:border-opacity-25 { + --tw-border-opacity: 0.25; + } + + .group:hover .sm\:group-hover\:border-opacity-30 { + --tw-border-opacity: 0.3; + } + + .group:hover .sm\:group-hover\:border-opacity-40 { + --tw-border-opacity: 0.4; + } + + .group:hover .sm\:group-hover\:border-opacity-50 { + --tw-border-opacity: 0.5; + } + + .group:hover .sm\:group-hover\:border-opacity-60 { + --tw-border-opacity: 0.6; + } + + .group:hover .sm\:group-hover\:border-opacity-70 { + --tw-border-opacity: 0.7; + } + + .group:hover .sm\:group-hover\:border-opacity-75 { + --tw-border-opacity: 0.75; + } + + .group:hover .sm\:group-hover\:border-opacity-80 { + --tw-border-opacity: 0.8; + } + + .group:hover .sm\:group-hover\:border-opacity-90 { + --tw-border-opacity: 0.9; + } + + .group:hover .sm\:group-hover\:border-opacity-95 { + --tw-border-opacity: 0.95; + } + + .group:hover .sm\:group-hover\:border-opacity-100 { + --tw-border-opacity: 1; + } + + .sm\:focus-within\:border-opacity-0:focus-within { + --tw-border-opacity: 0; + } + + .sm\:focus-within\:border-opacity-5:focus-within { + --tw-border-opacity: 0.05; + } + + .sm\:focus-within\:border-opacity-10:focus-within { + --tw-border-opacity: 0.1; + } + + .sm\:focus-within\:border-opacity-20:focus-within { + --tw-border-opacity: 0.2; + } + + .sm\:focus-within\:border-opacity-25:focus-within { + --tw-border-opacity: 0.25; + } + + .sm\:focus-within\:border-opacity-30:focus-within { + --tw-border-opacity: 0.3; + } + + .sm\:focus-within\:border-opacity-40:focus-within { + --tw-border-opacity: 0.4; + } + + .sm\:focus-within\:border-opacity-50:focus-within { + --tw-border-opacity: 0.5; + } + + .sm\:focus-within\:border-opacity-60:focus-within { + --tw-border-opacity: 0.6; + } + + .sm\:focus-within\:border-opacity-70:focus-within { + --tw-border-opacity: 0.7; + } + + .sm\:focus-within\:border-opacity-75:focus-within { + --tw-border-opacity: 0.75; + } + + .sm\:focus-within\:border-opacity-80:focus-within { + --tw-border-opacity: 0.8; + } + + .sm\:focus-within\:border-opacity-90:focus-within { + --tw-border-opacity: 0.9; + } + + .sm\:focus-within\:border-opacity-95:focus-within { + --tw-border-opacity: 0.95; + } + + .sm\:focus-within\:border-opacity-100:focus-within { + --tw-border-opacity: 1; + } + + .sm\:hover\:border-opacity-0:hover { + --tw-border-opacity: 0; + } + + .sm\:hover\:border-opacity-5:hover { + --tw-border-opacity: 0.05; + } + + .sm\:hover\:border-opacity-10:hover { + --tw-border-opacity: 0.1; + } + + .sm\:hover\:border-opacity-20:hover { + --tw-border-opacity: 0.2; + } + + .sm\:hover\:border-opacity-25:hover { + --tw-border-opacity: 0.25; + } + + .sm\:hover\:border-opacity-30:hover { + --tw-border-opacity: 0.3; + } + + .sm\:hover\:border-opacity-40:hover { + --tw-border-opacity: 0.4; + } + + .sm\:hover\:border-opacity-50:hover { + --tw-border-opacity: 0.5; + } + + .sm\:hover\:border-opacity-60:hover { + --tw-border-opacity: 0.6; + } + + .sm\:hover\:border-opacity-70:hover { + --tw-border-opacity: 0.7; + } + + .sm\:hover\:border-opacity-75:hover { + --tw-border-opacity: 0.75; + } + + .sm\:hover\:border-opacity-80:hover { + --tw-border-opacity: 0.8; + } + + .sm\:hover\:border-opacity-90:hover { + --tw-border-opacity: 0.9; + } + + .sm\:hover\:border-opacity-95:hover { + --tw-border-opacity: 0.95; + } + + .sm\:hover\:border-opacity-100:hover { + --tw-border-opacity: 1; + } + + .sm\:focus\:border-opacity-0:focus { + --tw-border-opacity: 0; + } + + .sm\:focus\:border-opacity-5:focus { + --tw-border-opacity: 0.05; + } + + .sm\:focus\:border-opacity-10:focus { + --tw-border-opacity: 0.1; + } + + .sm\:focus\:border-opacity-20:focus { + --tw-border-opacity: 0.2; + } + + .sm\:focus\:border-opacity-25:focus { + --tw-border-opacity: 0.25; + } + + .sm\:focus\:border-opacity-30:focus { + --tw-border-opacity: 0.3; + } + + .sm\:focus\:border-opacity-40:focus { + --tw-border-opacity: 0.4; + } + + .sm\:focus\:border-opacity-50:focus { + --tw-border-opacity: 0.5; + } + + .sm\:focus\:border-opacity-60:focus { + --tw-border-opacity: 0.6; + } + + .sm\:focus\:border-opacity-70:focus { + --tw-border-opacity: 0.7; + } + + .sm\:focus\:border-opacity-75:focus { + --tw-border-opacity: 0.75; + } + + .sm\:focus\:border-opacity-80:focus { + --tw-border-opacity: 0.8; + } + + .sm\:focus\:border-opacity-90:focus { + --tw-border-opacity: 0.9; + } + + .sm\:focus\:border-opacity-95:focus { + --tw-border-opacity: 0.95; + } + + .sm\:focus\:border-opacity-100:focus { + --tw-border-opacity: 1; + } + + .sm\:bg-colors-black { + background-color: var(--colors-black, #000000); + } + + .sm\:bg-colors-white { + background-color: var(--colors-white, #ffffff); + } + + .sm\:bg-colors-gray-100 { + background-color: var(--colors-gray-100, #f7fafc); + } + + .sm\:bg-colors-gray-200 { + background-color: var(--colors-gray-200, #edf2f7); + } + + .sm\:bg-colors-gray-300 { + background-color: var(--colors-gray-300, #e2e8f0); + } + + .sm\:bg-colors-gray-400 { + background-color: var(--colors-gray-400, #cbd5e0); + } + + .sm\:bg-colors-gray-500 { + background-color: var(--colors-gray-500, #a0aec0); + } + + .sm\:bg-colors-gray-600 { + background-color: var(--colors-gray-600, #718096); + } + + .sm\:bg-colors-gray-700 { + background-color: var(--colors-gray-700, #4a5568); + } + + .sm\:bg-colors-gray-800 { + background-color: var(--colors-gray-800, #2d3748); + } + + .sm\:bg-colors-gray-900 { + background-color: var(--colors-gray-900, #1a202c); + } + + .sm\:bg-colors-red-100 { + background-color: var(--colors-red-100, #fff5f5); + } + + .sm\:bg-colors-red-200 { + background-color: var(--colors-red-200, #fed7d7); + } + + .sm\:bg-colors-red-300 { + background-color: var(--colors-red-300, #feb2b2); + } + + .sm\:bg-colors-red-400 { + background-color: var(--colors-red-400, #fc8181); + } + + .sm\:bg-colors-red-500 { + background-color: var(--colors-red-500, #f56565); + } + + .sm\:bg-colors-red-600 { + background-color: var(--colors-red-600, #e53e3e); + } + + .sm\:bg-colors-red-700 { + background-color: var(--colors-red-700, #c53030); + } + + .sm\:bg-colors-red-800 { + background-color: var(--colors-red-800, #9b2c2c); + } + + .sm\:bg-colors-red-900 { + background-color: var(--colors-red-900, #742a2a); + } + + .sm\:bg-colors-orange-100 { + background-color: var(--colors-orange-100, #fffaf0); + } + + .sm\:bg-colors-orange-200 { + background-color: var(--colors-orange-200, #feebc8); + } + + .sm\:bg-colors-orange-300 { + background-color: var(--colors-orange-300, #fbd38d); + } + + .sm\:bg-colors-orange-400 { + background-color: var(--colors-orange-400, #f6ad55); + } + + .sm\:bg-colors-orange-500 { + background-color: var(--colors-orange-500, #ed8936); + } + + .sm\:bg-colors-orange-600 { + background-color: var(--colors-orange-600, #dd6b20); + } + + .sm\:bg-colors-orange-700 { + background-color: var(--colors-orange-700, #c05621); + } + + .sm\:bg-colors-orange-800 { + background-color: var(--colors-orange-800, #9c4221); + } + + .sm\:bg-colors-orange-900 { + background-color: var(--colors-orange-900, #7b341e); + } + + .sm\:bg-colors-yellow-100 { + background-color: var(--colors-yellow-100, #fffff0); + } + + .sm\:bg-colors-yellow-200 { + background-color: var(--colors-yellow-200, #fefcbf); + } + + .sm\:bg-colors-yellow-300 { + background-color: var(--colors-yellow-300, #faf089); + } + + .sm\:bg-colors-yellow-400 { + background-color: var(--colors-yellow-400, #f6e05e); + } + + .sm\:bg-colors-yellow-500 { + background-color: var(--colors-yellow-500, #ecc94b); + } + + .sm\:bg-colors-yellow-600 { + background-color: var(--colors-yellow-600, #d69e2e); + } + + .sm\:bg-colors-yellow-700 { + background-color: var(--colors-yellow-700, #b7791f); + } + + .sm\:bg-colors-yellow-800 { + background-color: var(--colors-yellow-800, #975a16); + } + + .sm\:bg-colors-yellow-900 { + background-color: var(--colors-yellow-900, #744210); + } + + .sm\:bg-colors-green-100 { + background-color: var(--colors-green-100, #f0fff4); + } + + .sm\:bg-colors-green-200 { + background-color: var(--colors-green-200, #c6f6d5); + } + + .sm\:bg-colors-green-300 { + background-color: var(--colors-green-300, #9ae6b4); + } + + .sm\:bg-colors-green-400 { + background-color: var(--colors-green-400, #68d391); + } + + .sm\:bg-colors-green-500 { + background-color: var(--colors-green-500, #48bb78); + } + + .sm\:bg-colors-green-600 { + background-color: var(--colors-green-600, #38a169); + } + + .sm\:bg-colors-green-700 { + background-color: var(--colors-green-700, #2f855a); + } + + .sm\:bg-colors-green-800 { + background-color: var(--colors-green-800, #276749); + } + + .sm\:bg-colors-green-900 { + background-color: var(--colors-green-900, #22543d); + } + + .sm\:bg-colors-teal-100 { + background-color: var(--colors-teal-100, #e6fffa); + } + + .sm\:bg-colors-teal-200 { + background-color: var(--colors-teal-200, #b2f5ea); + } + + .sm\:bg-colors-teal-300 { + background-color: var(--colors-teal-300, #81e6d9); + } + + .sm\:bg-colors-teal-400 { + background-color: var(--colors-teal-400, #4fd1c5); + } + + .sm\:bg-colors-teal-500 { + background-color: var(--colors-teal-500, #38b2ac); + } + + .sm\:bg-colors-teal-600 { + background-color: var(--colors-teal-600, #319795); + } + + .sm\:bg-colors-teal-700 { + background-color: var(--colors-teal-700, #2c7a7b); + } + + .sm\:bg-colors-teal-800 { + background-color: var(--colors-teal-800, #285e61); + } + + .sm\:bg-colors-teal-900 { + background-color: var(--colors-teal-900, #234e52); + } + + .sm\:bg-colors-blue-100 { + background-color: var(--colors-blue-100, #ebf8ff); + } + + .sm\:bg-colors-blue-200 { + background-color: var(--colors-blue-200, #bee3f8); + } + + .sm\:bg-colors-blue-300 { + background-color: var(--colors-blue-300, #90cdf4); + } + + .sm\:bg-colors-blue-400 { + background-color: var(--colors-blue-400, #63b3ed); + } + + .sm\:bg-colors-blue-500 { + background-color: var(--colors-blue-500, #4299e1); + } + + .sm\:bg-colors-blue-600 { + background-color: var(--colors-blue-600, #3182ce); + } + + .sm\:bg-colors-blue-700 { + background-color: var(--colors-blue-700, #2b6cb0); + } + + .sm\:bg-colors-blue-800 { + background-color: var(--colors-blue-800, #2c5282); + } + + .sm\:bg-colors-blue-900 { + background-color: var(--colors-blue-900, #2a4365); + } + + .sm\:bg-colors-indigo-100 { + background-color: var(--colors-indigo-100, #ebf4ff); + } + + .sm\:bg-colors-indigo-200 { + background-color: var(--colors-indigo-200, #c3dafe); + } + + .sm\:bg-colors-indigo-300 { + background-color: var(--colors-indigo-300, #a3bffa); + } + + .sm\:bg-colors-indigo-400 { + background-color: var(--colors-indigo-400, #7f9cf5); + } + + .sm\:bg-colors-indigo-500 { + background-color: var(--colors-indigo-500, #667eea); + } + + .sm\:bg-colors-indigo-600 { + background-color: var(--colors-indigo-600, #5a67d8); + } + + .sm\:bg-colors-indigo-700 { + background-color: var(--colors-indigo-700, #4c51bf); + } + + .sm\:bg-colors-indigo-800 { + background-color: var(--colors-indigo-800, #434190); + } + + .sm\:bg-colors-indigo-900 { + background-color: var(--colors-indigo-900, #3c366b); + } + + .sm\:bg-colors-purple-100 { + background-color: var(--colors-purple-100, #faf5ff); + } + + .sm\:bg-colors-purple-200 { + background-color: var(--colors-purple-200, #e9d8fd); + } + + .sm\:bg-colors-purple-300 { + background-color: var(--colors-purple-300, #d6bcfa); + } + + .sm\:bg-colors-purple-400 { + background-color: var(--colors-purple-400, #b794f4); + } + + .sm\:bg-colors-purple-500 { + background-color: var(--colors-purple-500, #9f7aea); + } + + .sm\:bg-colors-purple-600 { + background-color: var(--colors-purple-600, #805ad5); + } + + .sm\:bg-colors-purple-700 { + background-color: var(--colors-purple-700, #6b46c1); + } + + .sm\:bg-colors-purple-800 { + background-color: var(--colors-purple-800, #553c9a); + } + + .sm\:bg-colors-purple-900 { + background-color: var(--colors-purple-900, #44337a); + } + + .sm\:bg-colors-pink-100 { + background-color: var(--colors-pink-100, #fff5f7); + } + + .sm\:bg-colors-pink-200 { + background-color: var(--colors-pink-200, #fed7e2); + } + + .sm\:bg-colors-pink-300 { + background-color: var(--colors-pink-300, #fbb6ce); + } + + .sm\:bg-colors-pink-400 { + background-color: var(--colors-pink-400, #f687b3); + } + + .sm\:bg-colors-pink-500 { + background-color: var(--colors-pink-500, #ed64a6); + } + + .sm\:bg-colors-pink-600 { + background-color: var(--colors-pink-600, #d53f8c); + } + + .sm\:bg-colors-pink-700 { + background-color: var(--colors-pink-700, #b83280); + } + + .sm\:bg-colors-pink-800 { + background-color: var(--colors-pink-800, #97266d); + } + + .sm\:bg-colors-pink-900 { + background-color: var(--colors-pink-900, #702459); + } + + .sm\:bg-Box\ Shadow { + background-color: var(--box-shadow, #7f7e7f); + } + + .sm\:bg-Error16 { + background-color: var(--error16, #f03d3e40); + } + + .sm\:bg-Success16 { + background-color: var(--success16, #5bb14d40); + } + + .sm\:bg-Notification16 { + background-color: var(--notification16, #3959ff40); + } + + .sm\:bg-Error8 { + background-color: var(--error8, #f03d3e1a); + } + + .sm\:bg-Notification8 { + background-color: var(--notification8, #3959ff1a); + } + + .sm\:bg-Success8 { + background-color: var(--success8, #5bb14d1a); + } + + .sm\:bg-Light\ -\ Overlay { + background-color: var(--light-overlay, #f0edee66); + } + + .sm\:bg-Dark-\ Overlay { + background-color: var(--dark-overlay, #7f7e7f66); + } + + .sm\:bg-black-40 { + background-color: var(--black-40, #00000066); + } + + .sm\:bg-black-75 { + background-color: var(--black-75, #000000bf); + } + + .sm\:bg-black-60 { + background-color: var(--black-60, #00000099); + } + + .sm\:bg-black-50 { + background-color: var(--black-50, #00000080); + } + + .sm\:bg-black-25 { + background-color: var(--black-25, #00000040); + } + + .sm\:bg-black-10 { + background-color: var(--black-10, #0000001a); + } + + .sm\:bg-white-25 { + background-color: var(--white-25, #ffffff40); + } + + .sm\:bg-white-60 { + background-color: var(--white-60, #ffffff99); + } + + .sm\:bg-black-64 { + background-color: var(--black-64, #000000a3); + } + + .sm\:bg-Shadow\ and\ Highlight-Shadow { + background-color: var(--shadow-and-highlight-shadow, #7f7e7f); + } + + .sm\:bg-Shadow\ and\ Highlight-Highlight { + background-color: var(--shadow-and-highlight-highlight, #474747); + } + + .sm\:bg-Shadow\ and\ Highlight-highlight\ one { + background-color: var(--shadow-and-highlight-highlight-one, #474747bf); + } + + .sm\:bg-Shadow\ and\ Highlight-highlight\ two { + background-color: var(--shadow-and-highlight-highlight-two, #47474799); + } + + .sm\:bg-Shadow\ and\ Highlight-highlight\ three { + background-color: var(--shadow-and-highlight-highlight-three, #47474766); + } + + .sm\:bg-Shadow\ and\ Highlight-highlight\ five { + background-color: var(--shadow-and-highlight-highlight-five, #4747471a); + } + + .sm\:bg-Shadow\ and\ Highlight-shadow\ one { + background-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); + } + + .sm\:bg-Shadow\ and\ Highlight-shadow\ two { + background-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); + } + + .sm\:bg-Shadow\ and\ Highlight-shadow\ three { + background-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); + } + + .sm\:bg-Shadow\ and\ Highlight-shadow\ four { + background-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); + } + + .sm\:bg-Shadow\ and\ Highlight-shadow\ five { + background-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); + } + + .sm\:bg-Shadow\ and\ Highlight-highlight\ four { + background-color: var(--shadow-and-highlight-highlight-four, #47474740); + } + + .sm\:bg-Base\ Layer\ Styles-Base\ Layer-\ Light-White { + background-color: var(--base-layer-styles-base-layer-light-white, #ffffff); + } + + .sm\:bg-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite { + background-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); + } + + .sm\:bg-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack { + background-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); + } + + .sm\:bg-Base\ Layer\ Styles-Base\ Layer-Dark-Black { + background-color: var(--base-layer-styles-base-layer-dark-black, #000000); + } + + .sm\:bg-Grey-Scale-white { + background-color: var(--grey-scale-white, #ffffff); + } + + .sm\:bg-Grey-Scale-off-white { + background-color: var(--grey-scale-off-white, #f0edee); + } + + .sm\:bg-Grey\ Scale-grey { + background-color: var(--grey-scale-grey, #7f7e7f); + } + + .sm\:bg-Grey\ Scale-charcoal { + background-color: var(--grey-scale-charcoal, #474747); + } + + .sm\:bg-Grey\ Scale-off-black { + background-color: var(--grey-scale-off-black, #1c1c1c); + } + + .sm\:bg-Grey\ Scale-black { + background-color: var(--grey-scale-black, #000000); + } + + .sm\:bg-Blue-blue { + background-color: var(--blue-blue, #3a7ca5); + } + + .sm\:bg-Blue-blue-100 { + background-color: var(--blue-blue-100, #75a3c0); + } + + .sm\:bg-Blue-blue-200 { + background-color: var(--blue-blue-200, #9cbed2); + } + + .sm\:bg-Blue-blue-300 { + background-color: var(--blue-blue-300, #4f7d9a); + } + + .sm\:bg-Blue-blue-400 { + background-color: var(--blue-blue-400, #5c7d92); + } + + .sm\:bg-Blue-blue-500 { + background-color: var(--blue-blue-500, #347095); + } + + .sm\:bg-Blue-blue-600 { + background-color: var(--blue-blue-600, #295774); + } + + .sm\:bg-Blue-blue-700 { + background-color: var(--blue-blue-700, #173242); + } + + .sm\:bg-LightBlue-lightblue { + background-color: var(--light-blue-lightblue, #81c3d7); + } + + .sm\:bg-LightBlue-lightblue-100 { + background-color: var(--light-blue-lightblue-100, #a7d5e3); + } + + .sm\:bg-LightBlue-lightblue-200 { + background-color: var(--light-blue-lightblue-200, #c0e1eb); + } + + .sm\:bg-LightBlue-lightblue-300 { + background-color: var(--light-blue-lightblue-300, #80aebd); + } + + .sm\:bg-LightBlue-lightblue-400 { + background-color: var(--light-blue-lightblue-400, #80a0ab); + } + + .sm\:bg-LightBlue-lightblue-500 { + background-color: var(--light-blue-lightblue-500, #74afc1); + } + + .sm\:bg-LightBlue-lightblue-600 { + background-color: var(--light-blue-lightblue-600, #5a8997); + } + + .sm\:bg-LightBlue-lightblue-650 { + background-color: var(--light-blue-lightblue-650, #3e5e65); + } + + .sm\:bg-LightBlue-lightblue-700 { + background-color: var(--light-blue-lightblue-700, #344e56); + } + + .sm\:bg-Orange-orange { + background-color: var(--orange-orange, #ff7f0e); + } + + .sm\:bg-Orange-orange-100 { + background-color: var(--orange-orange-100, #ffa556); + } + + .sm\:bg-Orange-orange-200 { + background-color: var(--orange-orange-200, #ffbf86); + } + + .sm\:bg-Orange-orange-300 { + background-color: var(--orange-orange-300, #d97f30); + } + + .sm\:bg-Orange-orange-400 { + background-color: var(--orange-orange-400, #bf7e46); + } + + .sm\:bg-Orange-orange-500 { + background-color: var(--orange-orange-500, #e5720d); + } + + .sm\:bg-Orange-orange-600 { + background-color: var(--orange-orange-600, #b3590a); + } + + .sm\:bg-Orange-orange-700 { + background-color: var(--orange-orange-700, #663306); + } + + .sm\:bg-Yellow-yellow { + background-color: var(--yellow-yellow, #ffab00); + } + + .sm\:bg-Yellow-yellow-100 { + background-color: var(--yellow-yellow-100, #ffc44c); + } + + .sm\:bg-Yellow-yellow-200 { + background-color: var(--yellow-yellow-200, #ffd580); + } + + .sm\:bg-Yellow-yellow-300 { + background-color: var(--yellow-yellow-300, #d99d26); + } + + .sm\:bg-Yellow-yellow-400 { + background-color: var(--yellow-yellow-400, #bf943f); + } + + .sm\:bg-Yellow-yellow-500 { + background-color: var(--yellow-yellow-500, #e59a00); + } + + .sm\:bg-Yellow-yellow-600 { + background-color: var(--yellow-yellow-600, #b37800); + } + + .sm\:bg-Yellow-yellow-700 { + background-color: var(--yellow-yellow-700, #664400); + } + + .sm\:bg-Notification-notification { + background-color: var(--notification-notification, #3959ff); + } + + .sm\:bg-Notification-notification-100 { + background-color: var(--notification-notification-100, #748bff); + } + + .sm\:bg-Notification-notification-200 { + background-color: var(--notification-notification-200, #9cacff); + } + + .sm\:bg-Notification-notification-300 { + background-color: var(--notification-notification-300, #4e64d9); + } + + .sm\:bg-Notification-notification-400 { + background-color: var(--notification-notification-400, #5c6cbf); + } + + .sm\:bg-Notification-notification-500 { + background-color: var(--notification-notification-500, #3350e5); + } + + .sm\:bg-Notification-notification-600 { + background-color: var(--notification-notification-600, #283eb3); + } + + .sm\:bg-Notification-notification-700 { + background-color: var(--notification-notification-700, #172466); + } + + .sm\:bg-Success-success\ -700 { + background-color: var(--success-success-700, #24471f); + } + + .sm\:bg-Success-success { + background-color: var(--success-success, #5bb14d); + } + + .sm\:bg-Success-success\ -100 { + background-color: var(--success-success-100, #8cc882); + } + + .sm\:bg-Success-success\ -200 { + background-color: var(--success-success-200, #add8a6); + } + + .sm\:bg-Success-success\ -300 { + background-color: var(--success-success-300, #66a25c); + } + + .sm\:bg-Success-success\ -400 { + background-color: var(--success-success-400, #6d9766); + } + + .sm\:bg-Success-success\ -500 { + background-color: var(--success-success-500, #529f45); + } + + .sm\:bg-Success-success\ -600 { + background-color: var(--success-success-600, #407c36); + } + + .sm\:bg-Error-error { + background-color: var(--error-error, #f03d3e); + } + + .sm\:bg-Error-error-100 { + background-color: var(--error-error-100, #f57778); + } + + .sm\:bg-Error-error-200 { + background-color: var(--error-error-200, #f89e9e); + } + + .sm\:bg-Error-error-250 { + background-color: var(--error-error-250, #f9c8c8); + } + + .sm\:bg-Error-error-300 { + background-color: var(--error-error-300, #ce5151); + } + + .sm\:bg-Error-error-400 { + background-color: var(--error-error-400, #b85e5e); + } + + .sm\:bg-Error-error-500 { + background-color: var(--error-error-500, #d83738); + } + + .sm\:bg-Error-error-600 { + background-color: var(--error-error-600, #a82b2b); + } + + .sm\:bg-Error-error-700 { + background-color: var(--error-error-700, #601819); + } + + .group:hover .sm\:group-hover\:bg-colors-black { + background-color: var(--colors-black, #000000); + } + + .group:hover .sm\:group-hover\:bg-colors-white { + background-color: var(--colors-white, #ffffff); + } + + .group:hover .sm\:group-hover\:bg-colors-gray-100 { + background-color: var(--colors-gray-100, #f7fafc); + } + + .group:hover .sm\:group-hover\:bg-colors-gray-200 { + background-color: var(--colors-gray-200, #edf2f7); + } + + .group:hover .sm\:group-hover\:bg-colors-gray-300 { + background-color: var(--colors-gray-300, #e2e8f0); + } + + .group:hover .sm\:group-hover\:bg-colors-gray-400 { + background-color: var(--colors-gray-400, #cbd5e0); + } + + .group:hover .sm\:group-hover\:bg-colors-gray-500 { + background-color: var(--colors-gray-500, #a0aec0); + } + + .group:hover .sm\:group-hover\:bg-colors-gray-600 { + background-color: var(--colors-gray-600, #718096); + } + + .group:hover .sm\:group-hover\:bg-colors-gray-700 { + background-color: var(--colors-gray-700, #4a5568); + } + + .group:hover .sm\:group-hover\:bg-colors-gray-800 { + background-color: var(--colors-gray-800, #2d3748); + } + + .group:hover .sm\:group-hover\:bg-colors-gray-900 { + background-color: var(--colors-gray-900, #1a202c); + } + + .group:hover .sm\:group-hover\:bg-colors-red-100 { + background-color: var(--colors-red-100, #fff5f5); + } + + .group:hover .sm\:group-hover\:bg-colors-red-200 { + background-color: var(--colors-red-200, #fed7d7); + } + + .group:hover .sm\:group-hover\:bg-colors-red-300 { + background-color: var(--colors-red-300, #feb2b2); + } + + .group:hover .sm\:group-hover\:bg-colors-red-400 { + background-color: var(--colors-red-400, #fc8181); + } + + .group:hover .sm\:group-hover\:bg-colors-red-500 { + background-color: var(--colors-red-500, #f56565); + } + + .group:hover .sm\:group-hover\:bg-colors-red-600 { + background-color: var(--colors-red-600, #e53e3e); + } + + .group:hover .sm\:group-hover\:bg-colors-red-700 { + background-color: var(--colors-red-700, #c53030); + } + + .group:hover .sm\:group-hover\:bg-colors-red-800 { + background-color: var(--colors-red-800, #9b2c2c); + } + + .group:hover .sm\:group-hover\:bg-colors-red-900 { + background-color: var(--colors-red-900, #742a2a); + } + + .group:hover .sm\:group-hover\:bg-colors-orange-100 { + background-color: var(--colors-orange-100, #fffaf0); + } + + .group:hover .sm\:group-hover\:bg-colors-orange-200 { + background-color: var(--colors-orange-200, #feebc8); + } + + .group:hover .sm\:group-hover\:bg-colors-orange-300 { + background-color: var(--colors-orange-300, #fbd38d); + } + + .group:hover .sm\:group-hover\:bg-colors-orange-400 { + background-color: var(--colors-orange-400, #f6ad55); + } + + .group:hover .sm\:group-hover\:bg-colors-orange-500 { + background-color: var(--colors-orange-500, #ed8936); + } + + .group:hover .sm\:group-hover\:bg-colors-orange-600 { + background-color: var(--colors-orange-600, #dd6b20); + } + + .group:hover .sm\:group-hover\:bg-colors-orange-700 { + background-color: var(--colors-orange-700, #c05621); + } + + .group:hover .sm\:group-hover\:bg-colors-orange-800 { + background-color: var(--colors-orange-800, #9c4221); + } + + .group:hover .sm\:group-hover\:bg-colors-orange-900 { + background-color: var(--colors-orange-900, #7b341e); + } + + .group:hover .sm\:group-hover\:bg-colors-yellow-100 { + background-color: var(--colors-yellow-100, #fffff0); + } + + .group:hover .sm\:group-hover\:bg-colors-yellow-200 { + background-color: var(--colors-yellow-200, #fefcbf); + } + + .group:hover .sm\:group-hover\:bg-colors-yellow-300 { + background-color: var(--colors-yellow-300, #faf089); + } + + .group:hover .sm\:group-hover\:bg-colors-yellow-400 { + background-color: var(--colors-yellow-400, #f6e05e); + } + + .group:hover .sm\:group-hover\:bg-colors-yellow-500 { + background-color: var(--colors-yellow-500, #ecc94b); + } + + .group:hover .sm\:group-hover\:bg-colors-yellow-600 { + background-color: var(--colors-yellow-600, #d69e2e); + } + + .group:hover .sm\:group-hover\:bg-colors-yellow-700 { + background-color: var(--colors-yellow-700, #b7791f); + } + + .group:hover .sm\:group-hover\:bg-colors-yellow-800 { + background-color: var(--colors-yellow-800, #975a16); + } + + .group:hover .sm\:group-hover\:bg-colors-yellow-900 { + background-color: var(--colors-yellow-900, #744210); + } + + .group:hover .sm\:group-hover\:bg-colors-green-100 { + background-color: var(--colors-green-100, #f0fff4); + } + + .group:hover .sm\:group-hover\:bg-colors-green-200 { + background-color: var(--colors-green-200, #c6f6d5); + } + + .group:hover .sm\:group-hover\:bg-colors-green-300 { + background-color: var(--colors-green-300, #9ae6b4); + } + + .group:hover .sm\:group-hover\:bg-colors-green-400 { + background-color: var(--colors-green-400, #68d391); + } + + .group:hover .sm\:group-hover\:bg-colors-green-500 { + background-color: var(--colors-green-500, #48bb78); + } + + .group:hover .sm\:group-hover\:bg-colors-green-600 { + background-color: var(--colors-green-600, #38a169); + } + + .group:hover .sm\:group-hover\:bg-colors-green-700 { + background-color: var(--colors-green-700, #2f855a); + } + + .group:hover .sm\:group-hover\:bg-colors-green-800 { + background-color: var(--colors-green-800, #276749); + } + + .group:hover .sm\:group-hover\:bg-colors-green-900 { + background-color: var(--colors-green-900, #22543d); + } + + .group:hover .sm\:group-hover\:bg-colors-teal-100 { + background-color: var(--colors-teal-100, #e6fffa); + } + + .group:hover .sm\:group-hover\:bg-colors-teal-200 { + background-color: var(--colors-teal-200, #b2f5ea); + } + + .group:hover .sm\:group-hover\:bg-colors-teal-300 { + background-color: var(--colors-teal-300, #81e6d9); + } + + .group:hover .sm\:group-hover\:bg-colors-teal-400 { + background-color: var(--colors-teal-400, #4fd1c5); + } + + .group:hover .sm\:group-hover\:bg-colors-teal-500 { + background-color: var(--colors-teal-500, #38b2ac); + } + + .group:hover .sm\:group-hover\:bg-colors-teal-600 { + background-color: var(--colors-teal-600, #319795); + } + + .group:hover .sm\:group-hover\:bg-colors-teal-700 { + background-color: var(--colors-teal-700, #2c7a7b); + } + + .group:hover .sm\:group-hover\:bg-colors-teal-800 { + background-color: var(--colors-teal-800, #285e61); + } + + .group:hover .sm\:group-hover\:bg-colors-teal-900 { + background-color: var(--colors-teal-900, #234e52); + } + + .group:hover .sm\:group-hover\:bg-colors-blue-100 { + background-color: var(--colors-blue-100, #ebf8ff); + } + + .group:hover .sm\:group-hover\:bg-colors-blue-200 { + background-color: var(--colors-blue-200, #bee3f8); + } + + .group:hover .sm\:group-hover\:bg-colors-blue-300 { + background-color: var(--colors-blue-300, #90cdf4); + } + + .group:hover .sm\:group-hover\:bg-colors-blue-400 { + background-color: var(--colors-blue-400, #63b3ed); + } + + .group:hover .sm\:group-hover\:bg-colors-blue-500 { + background-color: var(--colors-blue-500, #4299e1); + } + + .group:hover .sm\:group-hover\:bg-colors-blue-600 { + background-color: var(--colors-blue-600, #3182ce); + } + + .group:hover .sm\:group-hover\:bg-colors-blue-700 { + background-color: var(--colors-blue-700, #2b6cb0); + } + + .group:hover .sm\:group-hover\:bg-colors-blue-800 { + background-color: var(--colors-blue-800, #2c5282); + } + + .group:hover .sm\:group-hover\:bg-colors-blue-900 { + background-color: var(--colors-blue-900, #2a4365); + } + + .group:hover .sm\:group-hover\:bg-colors-indigo-100 { + background-color: var(--colors-indigo-100, #ebf4ff); + } + + .group:hover .sm\:group-hover\:bg-colors-indigo-200 { + background-color: var(--colors-indigo-200, #c3dafe); + } + + .group:hover .sm\:group-hover\:bg-colors-indigo-300 { + background-color: var(--colors-indigo-300, #a3bffa); + } + + .group:hover .sm\:group-hover\:bg-colors-indigo-400 { + background-color: var(--colors-indigo-400, #7f9cf5); + } + + .group:hover .sm\:group-hover\:bg-colors-indigo-500 { + background-color: var(--colors-indigo-500, #667eea); + } + + .group:hover .sm\:group-hover\:bg-colors-indigo-600 { + background-color: var(--colors-indigo-600, #5a67d8); + } + + .group:hover .sm\:group-hover\:bg-colors-indigo-700 { + background-color: var(--colors-indigo-700, #4c51bf); + } + + .group:hover .sm\:group-hover\:bg-colors-indigo-800 { + background-color: var(--colors-indigo-800, #434190); + } + + .group:hover .sm\:group-hover\:bg-colors-indigo-900 { + background-color: var(--colors-indigo-900, #3c366b); + } + + .group:hover .sm\:group-hover\:bg-colors-purple-100 { + background-color: var(--colors-purple-100, #faf5ff); + } + + .group:hover .sm\:group-hover\:bg-colors-purple-200 { + background-color: var(--colors-purple-200, #e9d8fd); + } + + .group:hover .sm\:group-hover\:bg-colors-purple-300 { + background-color: var(--colors-purple-300, #d6bcfa); + } + + .group:hover .sm\:group-hover\:bg-colors-purple-400 { + background-color: var(--colors-purple-400, #b794f4); + } + + .group:hover .sm\:group-hover\:bg-colors-purple-500 { + background-color: var(--colors-purple-500, #9f7aea); + } + + .group:hover .sm\:group-hover\:bg-colors-purple-600 { + background-color: var(--colors-purple-600, #805ad5); + } + + .group:hover .sm\:group-hover\:bg-colors-purple-700 { + background-color: var(--colors-purple-700, #6b46c1); + } + + .group:hover .sm\:group-hover\:bg-colors-purple-800 { + background-color: var(--colors-purple-800, #553c9a); + } + + .group:hover .sm\:group-hover\:bg-colors-purple-900 { + background-color: var(--colors-purple-900, #44337a); + } + + .group:hover .sm\:group-hover\:bg-colors-pink-100 { + background-color: var(--colors-pink-100, #fff5f7); + } + + .group:hover .sm\:group-hover\:bg-colors-pink-200 { + background-color: var(--colors-pink-200, #fed7e2); + } + + .group:hover .sm\:group-hover\:bg-colors-pink-300 { + background-color: var(--colors-pink-300, #fbb6ce); + } + + .group:hover .sm\:group-hover\:bg-colors-pink-400 { + background-color: var(--colors-pink-400, #f687b3); + } + + .group:hover .sm\:group-hover\:bg-colors-pink-500 { + background-color: var(--colors-pink-500, #ed64a6); + } + + .group:hover .sm\:group-hover\:bg-colors-pink-600 { + background-color: var(--colors-pink-600, #d53f8c); + } + + .group:hover .sm\:group-hover\:bg-colors-pink-700 { + background-color: var(--colors-pink-700, #b83280); + } + + .group:hover .sm\:group-hover\:bg-colors-pink-800 { + background-color: var(--colors-pink-800, #97266d); + } + + .group:hover .sm\:group-hover\:bg-colors-pink-900 { + background-color: var(--colors-pink-900, #702459); + } + + .group:hover .sm\:group-hover\:bg-Box\ Shadow { + background-color: var(--box-shadow, #7f7e7f); + } + + .group:hover .sm\:group-hover\:bg-Error16 { + background-color: var(--error16, #f03d3e40); + } + + .group:hover .sm\:group-hover\:bg-Success16 { + background-color: var(--success16, #5bb14d40); + } + + .group:hover .sm\:group-hover\:bg-Notification16 { + background-color: var(--notification16, #3959ff40); + } + + .group:hover .sm\:group-hover\:bg-Error8 { + background-color: var(--error8, #f03d3e1a); + } + + .group:hover .sm\:group-hover\:bg-Notification8 { + background-color: var(--notification8, #3959ff1a); + } + + .group:hover .sm\:group-hover\:bg-Success8 { + background-color: var(--success8, #5bb14d1a); + } + + .group:hover .sm\:group-hover\:bg-Light\ -\ Overlay { + background-color: var(--light-overlay, #f0edee66); + } + + .group:hover .sm\:group-hover\:bg-Dark-\ Overlay { + background-color: var(--dark-overlay, #7f7e7f66); + } + + .group:hover .sm\:group-hover\:bg-black-40 { + background-color: var(--black-40, #00000066); + } + + .group:hover .sm\:group-hover\:bg-black-75 { + background-color: var(--black-75, #000000bf); + } + + .group:hover .sm\:group-hover\:bg-black-60 { + background-color: var(--black-60, #00000099); + } + + .group:hover .sm\:group-hover\:bg-black-50 { + background-color: var(--black-50, #00000080); + } + + .group:hover .sm\:group-hover\:bg-black-25 { + background-color: var(--black-25, #00000040); + } + + .group:hover .sm\:group-hover\:bg-black-10 { + background-color: var(--black-10, #0000001a); + } + + .group:hover .sm\:group-hover\:bg-white-25 { + background-color: var(--white-25, #ffffff40); + } + + .group:hover .sm\:group-hover\:bg-white-60 { + background-color: var(--white-60, #ffffff99); + } + + .group:hover .sm\:group-hover\:bg-black-64 { + background-color: var(--black-64, #000000a3); + } + + .group:hover .sm\:group-hover\:bg-Shadow\ and\ Highlight-Shadow { + background-color: var(--shadow-and-highlight-shadow, #7f7e7f); + } + + .group:hover .sm\:group-hover\:bg-Shadow\ and\ Highlight-Highlight { + background-color: var(--shadow-and-highlight-highlight, #474747); + } + + .group:hover .sm\:group-hover\:bg-Shadow\ and\ Highlight-highlight\ one { + background-color: var(--shadow-and-highlight-highlight-one, #474747bf); + } + + .group:hover .sm\:group-hover\:bg-Shadow\ and\ Highlight-highlight\ two { + background-color: var(--shadow-and-highlight-highlight-two, #47474799); + } + + .group:hover .sm\:group-hover\:bg-Shadow\ and\ Highlight-highlight\ three { + background-color: var(--shadow-and-highlight-highlight-three, #47474766); + } + + .group:hover .sm\:group-hover\:bg-Shadow\ and\ Highlight-highlight\ five { + background-color: var(--shadow-and-highlight-highlight-five, #4747471a); + } + + .group:hover .sm\:group-hover\:bg-Shadow\ and\ Highlight-shadow\ one { + background-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); + } + + .group:hover .sm\:group-hover\:bg-Shadow\ and\ Highlight-shadow\ two { + background-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); + } + + .group:hover .sm\:group-hover\:bg-Shadow\ and\ Highlight-shadow\ three { + background-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); + } + + .group:hover .sm\:group-hover\:bg-Shadow\ and\ Highlight-shadow\ four { + background-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); + } + + .group:hover .sm\:group-hover\:bg-Shadow\ and\ Highlight-shadow\ five { + background-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); + } + + .group:hover .sm\:group-hover\:bg-Shadow\ and\ Highlight-highlight\ four { + background-color: var(--shadow-and-highlight-highlight-four, #47474740); + } + + .group:hover .sm\:group-hover\:bg-Base\ Layer\ Styles-Base\ Layer-\ Light-White { + background-color: var(--base-layer-styles-base-layer-light-white, #ffffff); + } + + .group:hover .sm\:group-hover\:bg-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite { + background-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); + } + + .group:hover .sm\:group-hover\:bg-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack { + background-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); + } + + .group:hover .sm\:group-hover\:bg-Base\ Layer\ Styles-Base\ Layer-Dark-Black { + background-color: var(--base-layer-styles-base-layer-dark-black, #000000); + } + + .group:hover .sm\:group-hover\:bg-Grey-Scale-white { + background-color: var(--grey-scale-white, #ffffff); + } + + .group:hover .sm\:group-hover\:bg-Grey-Scale-off-white { + background-color: var(--grey-scale-off-white, #f0edee); + } + + .group:hover .sm\:group-hover\:bg-Grey\ Scale-grey { + background-color: var(--grey-scale-grey, #7f7e7f); + } + + .group:hover .sm\:group-hover\:bg-Grey\ Scale-charcoal { + background-color: var(--grey-scale-charcoal, #474747); + } + + .group:hover .sm\:group-hover\:bg-Grey\ Scale-off-black { + background-color: var(--grey-scale-off-black, #1c1c1c); + } + + .group:hover .sm\:group-hover\:bg-Grey\ Scale-black { + background-color: var(--grey-scale-black, #000000); + } + + .group:hover .sm\:group-hover\:bg-Blue-blue { + background-color: var(--blue-blue, #3a7ca5); + } + + .group:hover .sm\:group-hover\:bg-Blue-blue-100 { + background-color: var(--blue-blue-100, #75a3c0); + } + + .group:hover .sm\:group-hover\:bg-Blue-blue-200 { + background-color: var(--blue-blue-200, #9cbed2); + } + + .group:hover .sm\:group-hover\:bg-Blue-blue-300 { + background-color: var(--blue-blue-300, #4f7d9a); + } + + .group:hover .sm\:group-hover\:bg-Blue-blue-400 { + background-color: var(--blue-blue-400, #5c7d92); + } + + .group:hover .sm\:group-hover\:bg-Blue-blue-500 { + background-color: var(--blue-blue-500, #347095); + } + + .group:hover .sm\:group-hover\:bg-Blue-blue-600 { + background-color: var(--blue-blue-600, #295774); + } + + .group:hover .sm\:group-hover\:bg-Blue-blue-700 { + background-color: var(--blue-blue-700, #173242); + } + + .group:hover .sm\:group-hover\:bg-LightBlue-lightblue { + background-color: var(--light-blue-lightblue, #81c3d7); + } + + .group:hover .sm\:group-hover\:bg-LightBlue-lightblue-100 { + background-color: var(--light-blue-lightblue-100, #a7d5e3); + } + + .group:hover .sm\:group-hover\:bg-LightBlue-lightblue-200 { + background-color: var(--light-blue-lightblue-200, #c0e1eb); + } + + .group:hover .sm\:group-hover\:bg-LightBlue-lightblue-300 { + background-color: var(--light-blue-lightblue-300, #80aebd); + } + + .group:hover .sm\:group-hover\:bg-LightBlue-lightblue-400 { + background-color: var(--light-blue-lightblue-400, #80a0ab); + } + + .group:hover .sm\:group-hover\:bg-LightBlue-lightblue-500 { + background-color: var(--light-blue-lightblue-500, #74afc1); + } + + .group:hover .sm\:group-hover\:bg-LightBlue-lightblue-600 { + background-color: var(--light-blue-lightblue-600, #5a8997); + } + + .group:hover .sm\:group-hover\:bg-LightBlue-lightblue-650 { + background-color: var(--light-blue-lightblue-650, #3e5e65); + } + + .group:hover .sm\:group-hover\:bg-LightBlue-lightblue-700 { + background-color: var(--light-blue-lightblue-700, #344e56); + } + + .group:hover .sm\:group-hover\:bg-Orange-orange { + background-color: var(--orange-orange, #ff7f0e); + } + + .group:hover .sm\:group-hover\:bg-Orange-orange-100 { + background-color: var(--orange-orange-100, #ffa556); + } + + .group:hover .sm\:group-hover\:bg-Orange-orange-200 { + background-color: var(--orange-orange-200, #ffbf86); + } + + .group:hover .sm\:group-hover\:bg-Orange-orange-300 { + background-color: var(--orange-orange-300, #d97f30); + } + + .group:hover .sm\:group-hover\:bg-Orange-orange-400 { + background-color: var(--orange-orange-400, #bf7e46); + } + + .group:hover .sm\:group-hover\:bg-Orange-orange-500 { + background-color: var(--orange-orange-500, #e5720d); + } + + .group:hover .sm\:group-hover\:bg-Orange-orange-600 { + background-color: var(--orange-orange-600, #b3590a); + } + + .group:hover .sm\:group-hover\:bg-Orange-orange-700 { + background-color: var(--orange-orange-700, #663306); + } + + .group:hover .sm\:group-hover\:bg-Yellow-yellow { + background-color: var(--yellow-yellow, #ffab00); + } + + .group:hover .sm\:group-hover\:bg-Yellow-yellow-100 { + background-color: var(--yellow-yellow-100, #ffc44c); + } + + .group:hover .sm\:group-hover\:bg-Yellow-yellow-200 { + background-color: var(--yellow-yellow-200, #ffd580); + } + + .group:hover .sm\:group-hover\:bg-Yellow-yellow-300 { + background-color: var(--yellow-yellow-300, #d99d26); + } + + .group:hover .sm\:group-hover\:bg-Yellow-yellow-400 { + background-color: var(--yellow-yellow-400, #bf943f); + } + + .group:hover .sm\:group-hover\:bg-Yellow-yellow-500 { + background-color: var(--yellow-yellow-500, #e59a00); + } + + .group:hover .sm\:group-hover\:bg-Yellow-yellow-600 { + background-color: var(--yellow-yellow-600, #b37800); + } + + .group:hover .sm\:group-hover\:bg-Yellow-yellow-700 { + background-color: var(--yellow-yellow-700, #664400); + } + + .group:hover .sm\:group-hover\:bg-Notification-notification { + background-color: var(--notification-notification, #3959ff); + } + + .group:hover .sm\:group-hover\:bg-Notification-notification-100 { + background-color: var(--notification-notification-100, #748bff); + } + + .group:hover .sm\:group-hover\:bg-Notification-notification-200 { + background-color: var(--notification-notification-200, #9cacff); + } + + .group:hover .sm\:group-hover\:bg-Notification-notification-300 { + background-color: var(--notification-notification-300, #4e64d9); + } + + .group:hover .sm\:group-hover\:bg-Notification-notification-400 { + background-color: var(--notification-notification-400, #5c6cbf); + } + + .group:hover .sm\:group-hover\:bg-Notification-notification-500 { + background-color: var(--notification-notification-500, #3350e5); + } + + .group:hover .sm\:group-hover\:bg-Notification-notification-600 { + background-color: var(--notification-notification-600, #283eb3); + } + + .group:hover .sm\:group-hover\:bg-Notification-notification-700 { + background-color: var(--notification-notification-700, #172466); + } + + .group:hover .sm\:group-hover\:bg-Success-success\ -700 { + background-color: var(--success-success-700, #24471f); + } + + .group:hover .sm\:group-hover\:bg-Success-success { + background-color: var(--success-success, #5bb14d); + } + + .group:hover .sm\:group-hover\:bg-Success-success\ -100 { + background-color: var(--success-success-100, #8cc882); + } + + .group:hover .sm\:group-hover\:bg-Success-success\ -200 { + background-color: var(--success-success-200, #add8a6); + } + + .group:hover .sm\:group-hover\:bg-Success-success\ -300 { + background-color: var(--success-success-300, #66a25c); + } + + .group:hover .sm\:group-hover\:bg-Success-success\ -400 { + background-color: var(--success-success-400, #6d9766); + } + + .group:hover .sm\:group-hover\:bg-Success-success\ -500 { + background-color: var(--success-success-500, #529f45); + } + + .group:hover .sm\:group-hover\:bg-Success-success\ -600 { + background-color: var(--success-success-600, #407c36); + } + + .group:hover .sm\:group-hover\:bg-Error-error { + background-color: var(--error-error, #f03d3e); + } + + .group:hover .sm\:group-hover\:bg-Error-error-100 { + background-color: var(--error-error-100, #f57778); + } + + .group:hover .sm\:group-hover\:bg-Error-error-200 { + background-color: var(--error-error-200, #f89e9e); + } + + .group:hover .sm\:group-hover\:bg-Error-error-250 { + background-color: var(--error-error-250, #f9c8c8); + } + + .group:hover .sm\:group-hover\:bg-Error-error-300 { + background-color: var(--error-error-300, #ce5151); + } + + .group:hover .sm\:group-hover\:bg-Error-error-400 { + background-color: var(--error-error-400, #b85e5e); + } + + .group:hover .sm\:group-hover\:bg-Error-error-500 { + background-color: var(--error-error-500, #d83738); + } + + .group:hover .sm\:group-hover\:bg-Error-error-600 { + background-color: var(--error-error-600, #a82b2b); + } + + .group:hover .sm\:group-hover\:bg-Error-error-700 { + background-color: var(--error-error-700, #601819); + } + + .sm\:focus-within\:bg-colors-black:focus-within { + background-color: var(--colors-black, #000000); + } + + .sm\:focus-within\:bg-colors-white:focus-within { + background-color: var(--colors-white, #ffffff); + } + + .sm\:focus-within\:bg-colors-gray-100:focus-within { + background-color: var(--colors-gray-100, #f7fafc); + } + + .sm\:focus-within\:bg-colors-gray-200:focus-within { + background-color: var(--colors-gray-200, #edf2f7); + } + + .sm\:focus-within\:bg-colors-gray-300:focus-within { + background-color: var(--colors-gray-300, #e2e8f0); + } + + .sm\:focus-within\:bg-colors-gray-400:focus-within { + background-color: var(--colors-gray-400, #cbd5e0); + } + + .sm\:focus-within\:bg-colors-gray-500:focus-within { + background-color: var(--colors-gray-500, #a0aec0); + } + + .sm\:focus-within\:bg-colors-gray-600:focus-within { + background-color: var(--colors-gray-600, #718096); + } + + .sm\:focus-within\:bg-colors-gray-700:focus-within { + background-color: var(--colors-gray-700, #4a5568); + } + + .sm\:focus-within\:bg-colors-gray-800:focus-within { + background-color: var(--colors-gray-800, #2d3748); + } + + .sm\:focus-within\:bg-colors-gray-900:focus-within { + background-color: var(--colors-gray-900, #1a202c); + } + + .sm\:focus-within\:bg-colors-red-100:focus-within { + background-color: var(--colors-red-100, #fff5f5); + } + + .sm\:focus-within\:bg-colors-red-200:focus-within { + background-color: var(--colors-red-200, #fed7d7); + } + + .sm\:focus-within\:bg-colors-red-300:focus-within { + background-color: var(--colors-red-300, #feb2b2); + } + + .sm\:focus-within\:bg-colors-red-400:focus-within { + background-color: var(--colors-red-400, #fc8181); + } + + .sm\:focus-within\:bg-colors-red-500:focus-within { + background-color: var(--colors-red-500, #f56565); + } + + .sm\:focus-within\:bg-colors-red-600:focus-within { + background-color: var(--colors-red-600, #e53e3e); + } + + .sm\:focus-within\:bg-colors-red-700:focus-within { + background-color: var(--colors-red-700, #c53030); + } + + .sm\:focus-within\:bg-colors-red-800:focus-within { + background-color: var(--colors-red-800, #9b2c2c); + } + + .sm\:focus-within\:bg-colors-red-900:focus-within { + background-color: var(--colors-red-900, #742a2a); + } + + .sm\:focus-within\:bg-colors-orange-100:focus-within { + background-color: var(--colors-orange-100, #fffaf0); + } + + .sm\:focus-within\:bg-colors-orange-200:focus-within { + background-color: var(--colors-orange-200, #feebc8); + } + + .sm\:focus-within\:bg-colors-orange-300:focus-within { + background-color: var(--colors-orange-300, #fbd38d); + } + + .sm\:focus-within\:bg-colors-orange-400:focus-within { + background-color: var(--colors-orange-400, #f6ad55); + } + + .sm\:focus-within\:bg-colors-orange-500:focus-within { + background-color: var(--colors-orange-500, #ed8936); + } + + .sm\:focus-within\:bg-colors-orange-600:focus-within { + background-color: var(--colors-orange-600, #dd6b20); + } + + .sm\:focus-within\:bg-colors-orange-700:focus-within { + background-color: var(--colors-orange-700, #c05621); + } + + .sm\:focus-within\:bg-colors-orange-800:focus-within { + background-color: var(--colors-orange-800, #9c4221); + } + + .sm\:focus-within\:bg-colors-orange-900:focus-within { + background-color: var(--colors-orange-900, #7b341e); + } + + .sm\:focus-within\:bg-colors-yellow-100:focus-within { + background-color: var(--colors-yellow-100, #fffff0); + } + + .sm\:focus-within\:bg-colors-yellow-200:focus-within { + background-color: var(--colors-yellow-200, #fefcbf); + } + + .sm\:focus-within\:bg-colors-yellow-300:focus-within { + background-color: var(--colors-yellow-300, #faf089); + } + + .sm\:focus-within\:bg-colors-yellow-400:focus-within { + background-color: var(--colors-yellow-400, #f6e05e); + } + + .sm\:focus-within\:bg-colors-yellow-500:focus-within { + background-color: var(--colors-yellow-500, #ecc94b); + } + + .sm\:focus-within\:bg-colors-yellow-600:focus-within { + background-color: var(--colors-yellow-600, #d69e2e); + } + + .sm\:focus-within\:bg-colors-yellow-700:focus-within { + background-color: var(--colors-yellow-700, #b7791f); + } + + .sm\:focus-within\:bg-colors-yellow-800:focus-within { + background-color: var(--colors-yellow-800, #975a16); + } + + .sm\:focus-within\:bg-colors-yellow-900:focus-within { + background-color: var(--colors-yellow-900, #744210); + } + + .sm\:focus-within\:bg-colors-green-100:focus-within { + background-color: var(--colors-green-100, #f0fff4); + } + + .sm\:focus-within\:bg-colors-green-200:focus-within { + background-color: var(--colors-green-200, #c6f6d5); + } + + .sm\:focus-within\:bg-colors-green-300:focus-within { + background-color: var(--colors-green-300, #9ae6b4); + } + + .sm\:focus-within\:bg-colors-green-400:focus-within { + background-color: var(--colors-green-400, #68d391); + } + + .sm\:focus-within\:bg-colors-green-500:focus-within { + background-color: var(--colors-green-500, #48bb78); + } + + .sm\:focus-within\:bg-colors-green-600:focus-within { + background-color: var(--colors-green-600, #38a169); + } + + .sm\:focus-within\:bg-colors-green-700:focus-within { + background-color: var(--colors-green-700, #2f855a); + } + + .sm\:focus-within\:bg-colors-green-800:focus-within { + background-color: var(--colors-green-800, #276749); + } + + .sm\:focus-within\:bg-colors-green-900:focus-within { + background-color: var(--colors-green-900, #22543d); + } + + .sm\:focus-within\:bg-colors-teal-100:focus-within { + background-color: var(--colors-teal-100, #e6fffa); + } + + .sm\:focus-within\:bg-colors-teal-200:focus-within { + background-color: var(--colors-teal-200, #b2f5ea); + } + + .sm\:focus-within\:bg-colors-teal-300:focus-within { + background-color: var(--colors-teal-300, #81e6d9); + } + + .sm\:focus-within\:bg-colors-teal-400:focus-within { + background-color: var(--colors-teal-400, #4fd1c5); + } + + .sm\:focus-within\:bg-colors-teal-500:focus-within { + background-color: var(--colors-teal-500, #38b2ac); + } + + .sm\:focus-within\:bg-colors-teal-600:focus-within { + background-color: var(--colors-teal-600, #319795); + } + + .sm\:focus-within\:bg-colors-teal-700:focus-within { + background-color: var(--colors-teal-700, #2c7a7b); + } + + .sm\:focus-within\:bg-colors-teal-800:focus-within { + background-color: var(--colors-teal-800, #285e61); + } + + .sm\:focus-within\:bg-colors-teal-900:focus-within { + background-color: var(--colors-teal-900, #234e52); + } + + .sm\:focus-within\:bg-colors-blue-100:focus-within { + background-color: var(--colors-blue-100, #ebf8ff); + } + + .sm\:focus-within\:bg-colors-blue-200:focus-within { + background-color: var(--colors-blue-200, #bee3f8); + } + + .sm\:focus-within\:bg-colors-blue-300:focus-within { + background-color: var(--colors-blue-300, #90cdf4); + } + + .sm\:focus-within\:bg-colors-blue-400:focus-within { + background-color: var(--colors-blue-400, #63b3ed); + } + + .sm\:focus-within\:bg-colors-blue-500:focus-within { + background-color: var(--colors-blue-500, #4299e1); + } + + .sm\:focus-within\:bg-colors-blue-600:focus-within { + background-color: var(--colors-blue-600, #3182ce); + } + + .sm\:focus-within\:bg-colors-blue-700:focus-within { + background-color: var(--colors-blue-700, #2b6cb0); + } + + .sm\:focus-within\:bg-colors-blue-800:focus-within { + background-color: var(--colors-blue-800, #2c5282); + } + + .sm\:focus-within\:bg-colors-blue-900:focus-within { + background-color: var(--colors-blue-900, #2a4365); + } + + .sm\:focus-within\:bg-colors-indigo-100:focus-within { + background-color: var(--colors-indigo-100, #ebf4ff); + } + + .sm\:focus-within\:bg-colors-indigo-200:focus-within { + background-color: var(--colors-indigo-200, #c3dafe); + } + + .sm\:focus-within\:bg-colors-indigo-300:focus-within { + background-color: var(--colors-indigo-300, #a3bffa); + } + + .sm\:focus-within\:bg-colors-indigo-400:focus-within { + background-color: var(--colors-indigo-400, #7f9cf5); + } + + .sm\:focus-within\:bg-colors-indigo-500:focus-within { + background-color: var(--colors-indigo-500, #667eea); + } + + .sm\:focus-within\:bg-colors-indigo-600:focus-within { + background-color: var(--colors-indigo-600, #5a67d8); + } + + .sm\:focus-within\:bg-colors-indigo-700:focus-within { + background-color: var(--colors-indigo-700, #4c51bf); + } + + .sm\:focus-within\:bg-colors-indigo-800:focus-within { + background-color: var(--colors-indigo-800, #434190); + } + + .sm\:focus-within\:bg-colors-indigo-900:focus-within { + background-color: var(--colors-indigo-900, #3c366b); + } + + .sm\:focus-within\:bg-colors-purple-100:focus-within { + background-color: var(--colors-purple-100, #faf5ff); + } + + .sm\:focus-within\:bg-colors-purple-200:focus-within { + background-color: var(--colors-purple-200, #e9d8fd); + } + + .sm\:focus-within\:bg-colors-purple-300:focus-within { + background-color: var(--colors-purple-300, #d6bcfa); + } + + .sm\:focus-within\:bg-colors-purple-400:focus-within { + background-color: var(--colors-purple-400, #b794f4); + } + + .sm\:focus-within\:bg-colors-purple-500:focus-within { + background-color: var(--colors-purple-500, #9f7aea); + } + + .sm\:focus-within\:bg-colors-purple-600:focus-within { + background-color: var(--colors-purple-600, #805ad5); + } + + .sm\:focus-within\:bg-colors-purple-700:focus-within { + background-color: var(--colors-purple-700, #6b46c1); + } + + .sm\:focus-within\:bg-colors-purple-800:focus-within { + background-color: var(--colors-purple-800, #553c9a); + } + + .sm\:focus-within\:bg-colors-purple-900:focus-within { + background-color: var(--colors-purple-900, #44337a); + } + + .sm\:focus-within\:bg-colors-pink-100:focus-within { + background-color: var(--colors-pink-100, #fff5f7); + } + + .sm\:focus-within\:bg-colors-pink-200:focus-within { + background-color: var(--colors-pink-200, #fed7e2); + } + + .sm\:focus-within\:bg-colors-pink-300:focus-within { + background-color: var(--colors-pink-300, #fbb6ce); + } + + .sm\:focus-within\:bg-colors-pink-400:focus-within { + background-color: var(--colors-pink-400, #f687b3); + } + + .sm\:focus-within\:bg-colors-pink-500:focus-within { + background-color: var(--colors-pink-500, #ed64a6); + } + + .sm\:focus-within\:bg-colors-pink-600:focus-within { + background-color: var(--colors-pink-600, #d53f8c); + } + + .sm\:focus-within\:bg-colors-pink-700:focus-within { + background-color: var(--colors-pink-700, #b83280); + } + + .sm\:focus-within\:bg-colors-pink-800:focus-within { + background-color: var(--colors-pink-800, #97266d); + } + + .sm\:focus-within\:bg-colors-pink-900:focus-within { + background-color: var(--colors-pink-900, #702459); + } + + .sm\:focus-within\:bg-Box\ Shadow:focus-within { + background-color: var(--box-shadow, #7f7e7f); + } + + .sm\:focus-within\:bg-Error16:focus-within { + background-color: var(--error16, #f03d3e40); + } + + .sm\:focus-within\:bg-Success16:focus-within { + background-color: var(--success16, #5bb14d40); + } + + .sm\:focus-within\:bg-Notification16:focus-within { + background-color: var(--notification16, #3959ff40); + } + + .sm\:focus-within\:bg-Error8:focus-within { + background-color: var(--error8, #f03d3e1a); + } + + .sm\:focus-within\:bg-Notification8:focus-within { + background-color: var(--notification8, #3959ff1a); + } + + .sm\:focus-within\:bg-Success8:focus-within { + background-color: var(--success8, #5bb14d1a); + } + + .sm\:focus-within\:bg-Light\ -\ Overlay:focus-within { + background-color: var(--light-overlay, #f0edee66); + } + + .sm\:focus-within\:bg-Dark-\ Overlay:focus-within { + background-color: var(--dark-overlay, #7f7e7f66); + } + + .sm\:focus-within\:bg-black-40:focus-within { + background-color: var(--black-40, #00000066); + } + + .sm\:focus-within\:bg-black-75:focus-within { + background-color: var(--black-75, #000000bf); + } + + .sm\:focus-within\:bg-black-60:focus-within { + background-color: var(--black-60, #00000099); + } + + .sm\:focus-within\:bg-black-50:focus-within { + background-color: var(--black-50, #00000080); + } + + .sm\:focus-within\:bg-black-25:focus-within { + background-color: var(--black-25, #00000040); + } + + .sm\:focus-within\:bg-black-10:focus-within { + background-color: var(--black-10, #0000001a); + } + + .sm\:focus-within\:bg-white-25:focus-within { + background-color: var(--white-25, #ffffff40); + } + + .sm\:focus-within\:bg-white-60:focus-within { + background-color: var(--white-60, #ffffff99); + } + + .sm\:focus-within\:bg-black-64:focus-within { + background-color: var(--black-64, #000000a3); + } + + .sm\:focus-within\:bg-Shadow\ and\ Highlight-Shadow:focus-within { + background-color: var(--shadow-and-highlight-shadow, #7f7e7f); + } + + .sm\:focus-within\:bg-Shadow\ and\ Highlight-Highlight:focus-within { + background-color: var(--shadow-and-highlight-highlight, #474747); + } + + .sm\:focus-within\:bg-Shadow\ and\ Highlight-highlight\ one:focus-within { + background-color: var(--shadow-and-highlight-highlight-one, #474747bf); + } + + .sm\:focus-within\:bg-Shadow\ and\ Highlight-highlight\ two:focus-within { + background-color: var(--shadow-and-highlight-highlight-two, #47474799); + } + + .sm\:focus-within\:bg-Shadow\ and\ Highlight-highlight\ three:focus-within { + background-color: var(--shadow-and-highlight-highlight-three, #47474766); + } + + .sm\:focus-within\:bg-Shadow\ and\ Highlight-highlight\ five:focus-within { + background-color: var(--shadow-and-highlight-highlight-five, #4747471a); + } + + .sm\:focus-within\:bg-Shadow\ and\ Highlight-shadow\ one:focus-within { + background-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); + } + + .sm\:focus-within\:bg-Shadow\ and\ Highlight-shadow\ two:focus-within { + background-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); + } + + .sm\:focus-within\:bg-Shadow\ and\ Highlight-shadow\ three:focus-within { + background-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); + } + + .sm\:focus-within\:bg-Shadow\ and\ Highlight-shadow\ four:focus-within { + background-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); + } + + .sm\:focus-within\:bg-Shadow\ and\ Highlight-shadow\ five:focus-within { + background-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); + } + + .sm\:focus-within\:bg-Shadow\ and\ Highlight-highlight\ four:focus-within { + background-color: var(--shadow-and-highlight-highlight-four, #47474740); + } + + .sm\:focus-within\:bg-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus-within { + background-color: var(--base-layer-styles-base-layer-light-white, #ffffff); + } + + .sm\:focus-within\:bg-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus-within { + background-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); + } + + .sm\:focus-within\:bg-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus-within { + background-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); + } + + .sm\:focus-within\:bg-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus-within { + background-color: var(--base-layer-styles-base-layer-dark-black, #000000); + } + + .sm\:focus-within\:bg-Grey-Scale-white:focus-within { + background-color: var(--grey-scale-white, #ffffff); + } + + .sm\:focus-within\:bg-Grey-Scale-off-white:focus-within { + background-color: var(--grey-scale-off-white, #f0edee); + } + + .sm\:focus-within\:bg-Grey\ Scale-grey:focus-within { + background-color: var(--grey-scale-grey, #7f7e7f); + } + + .sm\:focus-within\:bg-Grey\ Scale-charcoal:focus-within { + background-color: var(--grey-scale-charcoal, #474747); + } + + .sm\:focus-within\:bg-Grey\ Scale-off-black:focus-within { + background-color: var(--grey-scale-off-black, #1c1c1c); + } + + .sm\:focus-within\:bg-Grey\ Scale-black:focus-within { + background-color: var(--grey-scale-black, #000000); + } + + .sm\:focus-within\:bg-Blue-blue:focus-within { + background-color: var(--blue-blue, #3a7ca5); + } + + .sm\:focus-within\:bg-Blue-blue-100:focus-within { + background-color: var(--blue-blue-100, #75a3c0); + } + + .sm\:focus-within\:bg-Blue-blue-200:focus-within { + background-color: var(--blue-blue-200, #9cbed2); + } + + .sm\:focus-within\:bg-Blue-blue-300:focus-within { + background-color: var(--blue-blue-300, #4f7d9a); + } + + .sm\:focus-within\:bg-Blue-blue-400:focus-within { + background-color: var(--blue-blue-400, #5c7d92); + } + + .sm\:focus-within\:bg-Blue-blue-500:focus-within { + background-color: var(--blue-blue-500, #347095); + } + + .sm\:focus-within\:bg-Blue-blue-600:focus-within { + background-color: var(--blue-blue-600, #295774); + } + + .sm\:focus-within\:bg-Blue-blue-700:focus-within { + background-color: var(--blue-blue-700, #173242); + } + + .sm\:focus-within\:bg-LightBlue-lightblue:focus-within { + background-color: var(--light-blue-lightblue, #81c3d7); + } + + .sm\:focus-within\:bg-LightBlue-lightblue-100:focus-within { + background-color: var(--light-blue-lightblue-100, #a7d5e3); + } + + .sm\:focus-within\:bg-LightBlue-lightblue-200:focus-within { + background-color: var(--light-blue-lightblue-200, #c0e1eb); + } + + .sm\:focus-within\:bg-LightBlue-lightblue-300:focus-within { + background-color: var(--light-blue-lightblue-300, #80aebd); + } + + .sm\:focus-within\:bg-LightBlue-lightblue-400:focus-within { + background-color: var(--light-blue-lightblue-400, #80a0ab); + } + + .sm\:focus-within\:bg-LightBlue-lightblue-500:focus-within { + background-color: var(--light-blue-lightblue-500, #74afc1); + } + + .sm\:focus-within\:bg-LightBlue-lightblue-600:focus-within { + background-color: var(--light-blue-lightblue-600, #5a8997); + } + + .sm\:focus-within\:bg-LightBlue-lightblue-650:focus-within { + background-color: var(--light-blue-lightblue-650, #3e5e65); + } + + .sm\:focus-within\:bg-LightBlue-lightblue-700:focus-within { + background-color: var(--light-blue-lightblue-700, #344e56); + } + + .sm\:focus-within\:bg-Orange-orange:focus-within { + background-color: var(--orange-orange, #ff7f0e); + } + + .sm\:focus-within\:bg-Orange-orange-100:focus-within { + background-color: var(--orange-orange-100, #ffa556); + } + + .sm\:focus-within\:bg-Orange-orange-200:focus-within { + background-color: var(--orange-orange-200, #ffbf86); + } + + .sm\:focus-within\:bg-Orange-orange-300:focus-within { + background-color: var(--orange-orange-300, #d97f30); + } + + .sm\:focus-within\:bg-Orange-orange-400:focus-within { + background-color: var(--orange-orange-400, #bf7e46); + } + + .sm\:focus-within\:bg-Orange-orange-500:focus-within { + background-color: var(--orange-orange-500, #e5720d); + } + + .sm\:focus-within\:bg-Orange-orange-600:focus-within { + background-color: var(--orange-orange-600, #b3590a); + } + + .sm\:focus-within\:bg-Orange-orange-700:focus-within { + background-color: var(--orange-orange-700, #663306); + } + + .sm\:focus-within\:bg-Yellow-yellow:focus-within { + background-color: var(--yellow-yellow, #ffab00); + } + + .sm\:focus-within\:bg-Yellow-yellow-100:focus-within { + background-color: var(--yellow-yellow-100, #ffc44c); + } + + .sm\:focus-within\:bg-Yellow-yellow-200:focus-within { + background-color: var(--yellow-yellow-200, #ffd580); + } + + .sm\:focus-within\:bg-Yellow-yellow-300:focus-within { + background-color: var(--yellow-yellow-300, #d99d26); + } + + .sm\:focus-within\:bg-Yellow-yellow-400:focus-within { + background-color: var(--yellow-yellow-400, #bf943f); + } + + .sm\:focus-within\:bg-Yellow-yellow-500:focus-within { + background-color: var(--yellow-yellow-500, #e59a00); + } + + .sm\:focus-within\:bg-Yellow-yellow-600:focus-within { + background-color: var(--yellow-yellow-600, #b37800); + } + + .sm\:focus-within\:bg-Yellow-yellow-700:focus-within { + background-color: var(--yellow-yellow-700, #664400); + } + + .sm\:focus-within\:bg-Notification-notification:focus-within { + background-color: var(--notification-notification, #3959ff); + } + + .sm\:focus-within\:bg-Notification-notification-100:focus-within { + background-color: var(--notification-notification-100, #748bff); + } + + .sm\:focus-within\:bg-Notification-notification-200:focus-within { + background-color: var(--notification-notification-200, #9cacff); + } + + .sm\:focus-within\:bg-Notification-notification-300:focus-within { + background-color: var(--notification-notification-300, #4e64d9); + } + + .sm\:focus-within\:bg-Notification-notification-400:focus-within { + background-color: var(--notification-notification-400, #5c6cbf); + } + + .sm\:focus-within\:bg-Notification-notification-500:focus-within { + background-color: var(--notification-notification-500, #3350e5); + } + + .sm\:focus-within\:bg-Notification-notification-600:focus-within { + background-color: var(--notification-notification-600, #283eb3); + } + + .sm\:focus-within\:bg-Notification-notification-700:focus-within { + background-color: var(--notification-notification-700, #172466); + } + + .sm\:focus-within\:bg-Success-success\ -700:focus-within { + background-color: var(--success-success-700, #24471f); + } + + .sm\:focus-within\:bg-Success-success:focus-within { + background-color: var(--success-success, #5bb14d); + } + + .sm\:focus-within\:bg-Success-success\ -100:focus-within { + background-color: var(--success-success-100, #8cc882); + } + + .sm\:focus-within\:bg-Success-success\ -200:focus-within { + background-color: var(--success-success-200, #add8a6); + } + + .sm\:focus-within\:bg-Success-success\ -300:focus-within { + background-color: var(--success-success-300, #66a25c); + } + + .sm\:focus-within\:bg-Success-success\ -400:focus-within { + background-color: var(--success-success-400, #6d9766); + } + + .sm\:focus-within\:bg-Success-success\ -500:focus-within { + background-color: var(--success-success-500, #529f45); + } + + .sm\:focus-within\:bg-Success-success\ -600:focus-within { + background-color: var(--success-success-600, #407c36); + } + + .sm\:focus-within\:bg-Error-error:focus-within { + background-color: var(--error-error, #f03d3e); + } + + .sm\:focus-within\:bg-Error-error-100:focus-within { + background-color: var(--error-error-100, #f57778); + } + + .sm\:focus-within\:bg-Error-error-200:focus-within { + background-color: var(--error-error-200, #f89e9e); + } + + .sm\:focus-within\:bg-Error-error-250:focus-within { + background-color: var(--error-error-250, #f9c8c8); + } + + .sm\:focus-within\:bg-Error-error-300:focus-within { + background-color: var(--error-error-300, #ce5151); + } + + .sm\:focus-within\:bg-Error-error-400:focus-within { + background-color: var(--error-error-400, #b85e5e); + } + + .sm\:focus-within\:bg-Error-error-500:focus-within { + background-color: var(--error-error-500, #d83738); + } + + .sm\:focus-within\:bg-Error-error-600:focus-within { + background-color: var(--error-error-600, #a82b2b); + } + + .sm\:focus-within\:bg-Error-error-700:focus-within { + background-color: var(--error-error-700, #601819); + } + + .sm\:hover\:bg-colors-black:hover { + background-color: var(--colors-black, #000000); + } + + .sm\:hover\:bg-colors-white:hover { + background-color: var(--colors-white, #ffffff); + } + + .sm\:hover\:bg-colors-gray-100:hover { + background-color: var(--colors-gray-100, #f7fafc); + } + + .sm\:hover\:bg-colors-gray-200:hover { + background-color: var(--colors-gray-200, #edf2f7); + } + + .sm\:hover\:bg-colors-gray-300:hover { + background-color: var(--colors-gray-300, #e2e8f0); + } + + .sm\:hover\:bg-colors-gray-400:hover { + background-color: var(--colors-gray-400, #cbd5e0); + } + + .sm\:hover\:bg-colors-gray-500:hover { + background-color: var(--colors-gray-500, #a0aec0); + } + + .sm\:hover\:bg-colors-gray-600:hover { + background-color: var(--colors-gray-600, #718096); + } + + .sm\:hover\:bg-colors-gray-700:hover { + background-color: var(--colors-gray-700, #4a5568); + } + + .sm\:hover\:bg-colors-gray-800:hover { + background-color: var(--colors-gray-800, #2d3748); + } + + .sm\:hover\:bg-colors-gray-900:hover { + background-color: var(--colors-gray-900, #1a202c); + } + + .sm\:hover\:bg-colors-red-100:hover { + background-color: var(--colors-red-100, #fff5f5); + } + + .sm\:hover\:bg-colors-red-200:hover { + background-color: var(--colors-red-200, #fed7d7); + } + + .sm\:hover\:bg-colors-red-300:hover { + background-color: var(--colors-red-300, #feb2b2); + } + + .sm\:hover\:bg-colors-red-400:hover { + background-color: var(--colors-red-400, #fc8181); + } + + .sm\:hover\:bg-colors-red-500:hover { + background-color: var(--colors-red-500, #f56565); + } + + .sm\:hover\:bg-colors-red-600:hover { + background-color: var(--colors-red-600, #e53e3e); + } + + .sm\:hover\:bg-colors-red-700:hover { + background-color: var(--colors-red-700, #c53030); + } + + .sm\:hover\:bg-colors-red-800:hover { + background-color: var(--colors-red-800, #9b2c2c); + } + + .sm\:hover\:bg-colors-red-900:hover { + background-color: var(--colors-red-900, #742a2a); + } + + .sm\:hover\:bg-colors-orange-100:hover { + background-color: var(--colors-orange-100, #fffaf0); + } + + .sm\:hover\:bg-colors-orange-200:hover { + background-color: var(--colors-orange-200, #feebc8); + } + + .sm\:hover\:bg-colors-orange-300:hover { + background-color: var(--colors-orange-300, #fbd38d); + } + + .sm\:hover\:bg-colors-orange-400:hover { + background-color: var(--colors-orange-400, #f6ad55); + } + + .sm\:hover\:bg-colors-orange-500:hover { + background-color: var(--colors-orange-500, #ed8936); + } + + .sm\:hover\:bg-colors-orange-600:hover { + background-color: var(--colors-orange-600, #dd6b20); + } + + .sm\:hover\:bg-colors-orange-700:hover { + background-color: var(--colors-orange-700, #c05621); + } + + .sm\:hover\:bg-colors-orange-800:hover { + background-color: var(--colors-orange-800, #9c4221); + } + + .sm\:hover\:bg-colors-orange-900:hover { + background-color: var(--colors-orange-900, #7b341e); + } + + .sm\:hover\:bg-colors-yellow-100:hover { + background-color: var(--colors-yellow-100, #fffff0); + } + + .sm\:hover\:bg-colors-yellow-200:hover { + background-color: var(--colors-yellow-200, #fefcbf); + } + + .sm\:hover\:bg-colors-yellow-300:hover { + background-color: var(--colors-yellow-300, #faf089); + } + + .sm\:hover\:bg-colors-yellow-400:hover { + background-color: var(--colors-yellow-400, #f6e05e); + } + + .sm\:hover\:bg-colors-yellow-500:hover { + background-color: var(--colors-yellow-500, #ecc94b); + } + + .sm\:hover\:bg-colors-yellow-600:hover { + background-color: var(--colors-yellow-600, #d69e2e); + } + + .sm\:hover\:bg-colors-yellow-700:hover { + background-color: var(--colors-yellow-700, #b7791f); + } + + .sm\:hover\:bg-colors-yellow-800:hover { + background-color: var(--colors-yellow-800, #975a16); + } + + .sm\:hover\:bg-colors-yellow-900:hover { + background-color: var(--colors-yellow-900, #744210); + } + + .sm\:hover\:bg-colors-green-100:hover { + background-color: var(--colors-green-100, #f0fff4); + } + + .sm\:hover\:bg-colors-green-200:hover { + background-color: var(--colors-green-200, #c6f6d5); + } + + .sm\:hover\:bg-colors-green-300:hover { + background-color: var(--colors-green-300, #9ae6b4); + } + + .sm\:hover\:bg-colors-green-400:hover { + background-color: var(--colors-green-400, #68d391); + } + + .sm\:hover\:bg-colors-green-500:hover { + background-color: var(--colors-green-500, #48bb78); + } + + .sm\:hover\:bg-colors-green-600:hover { + background-color: var(--colors-green-600, #38a169); + } + + .sm\:hover\:bg-colors-green-700:hover { + background-color: var(--colors-green-700, #2f855a); + } + + .sm\:hover\:bg-colors-green-800:hover { + background-color: var(--colors-green-800, #276749); + } + + .sm\:hover\:bg-colors-green-900:hover { + background-color: var(--colors-green-900, #22543d); + } + + .sm\:hover\:bg-colors-teal-100:hover { + background-color: var(--colors-teal-100, #e6fffa); + } + + .sm\:hover\:bg-colors-teal-200:hover { + background-color: var(--colors-teal-200, #b2f5ea); + } + + .sm\:hover\:bg-colors-teal-300:hover { + background-color: var(--colors-teal-300, #81e6d9); + } + + .sm\:hover\:bg-colors-teal-400:hover { + background-color: var(--colors-teal-400, #4fd1c5); + } + + .sm\:hover\:bg-colors-teal-500:hover { + background-color: var(--colors-teal-500, #38b2ac); + } + + .sm\:hover\:bg-colors-teal-600:hover { + background-color: var(--colors-teal-600, #319795); + } + + .sm\:hover\:bg-colors-teal-700:hover { + background-color: var(--colors-teal-700, #2c7a7b); + } + + .sm\:hover\:bg-colors-teal-800:hover { + background-color: var(--colors-teal-800, #285e61); + } + + .sm\:hover\:bg-colors-teal-900:hover { + background-color: var(--colors-teal-900, #234e52); + } + + .sm\:hover\:bg-colors-blue-100:hover { + background-color: var(--colors-blue-100, #ebf8ff); + } + + .sm\:hover\:bg-colors-blue-200:hover { + background-color: var(--colors-blue-200, #bee3f8); + } + + .sm\:hover\:bg-colors-blue-300:hover { + background-color: var(--colors-blue-300, #90cdf4); + } + + .sm\:hover\:bg-colors-blue-400:hover { + background-color: var(--colors-blue-400, #63b3ed); + } + + .sm\:hover\:bg-colors-blue-500:hover { + background-color: var(--colors-blue-500, #4299e1); + } + + .sm\:hover\:bg-colors-blue-600:hover { + background-color: var(--colors-blue-600, #3182ce); + } + + .sm\:hover\:bg-colors-blue-700:hover { + background-color: var(--colors-blue-700, #2b6cb0); + } + + .sm\:hover\:bg-colors-blue-800:hover { + background-color: var(--colors-blue-800, #2c5282); + } + + .sm\:hover\:bg-colors-blue-900:hover { + background-color: var(--colors-blue-900, #2a4365); + } + + .sm\:hover\:bg-colors-indigo-100:hover { + background-color: var(--colors-indigo-100, #ebf4ff); + } + + .sm\:hover\:bg-colors-indigo-200:hover { + background-color: var(--colors-indigo-200, #c3dafe); + } + + .sm\:hover\:bg-colors-indigo-300:hover { + background-color: var(--colors-indigo-300, #a3bffa); + } + + .sm\:hover\:bg-colors-indigo-400:hover { + background-color: var(--colors-indigo-400, #7f9cf5); + } + + .sm\:hover\:bg-colors-indigo-500:hover { + background-color: var(--colors-indigo-500, #667eea); + } + + .sm\:hover\:bg-colors-indigo-600:hover { + background-color: var(--colors-indigo-600, #5a67d8); + } + + .sm\:hover\:bg-colors-indigo-700:hover { + background-color: var(--colors-indigo-700, #4c51bf); + } + + .sm\:hover\:bg-colors-indigo-800:hover { + background-color: var(--colors-indigo-800, #434190); + } + + .sm\:hover\:bg-colors-indigo-900:hover { + background-color: var(--colors-indigo-900, #3c366b); + } + + .sm\:hover\:bg-colors-purple-100:hover { + background-color: var(--colors-purple-100, #faf5ff); + } + + .sm\:hover\:bg-colors-purple-200:hover { + background-color: var(--colors-purple-200, #e9d8fd); + } + + .sm\:hover\:bg-colors-purple-300:hover { + background-color: var(--colors-purple-300, #d6bcfa); + } + + .sm\:hover\:bg-colors-purple-400:hover { + background-color: var(--colors-purple-400, #b794f4); + } + + .sm\:hover\:bg-colors-purple-500:hover { + background-color: var(--colors-purple-500, #9f7aea); + } + + .sm\:hover\:bg-colors-purple-600:hover { + background-color: var(--colors-purple-600, #805ad5); + } + + .sm\:hover\:bg-colors-purple-700:hover { + background-color: var(--colors-purple-700, #6b46c1); + } + + .sm\:hover\:bg-colors-purple-800:hover { + background-color: var(--colors-purple-800, #553c9a); + } + + .sm\:hover\:bg-colors-purple-900:hover { + background-color: var(--colors-purple-900, #44337a); + } + + .sm\:hover\:bg-colors-pink-100:hover { + background-color: var(--colors-pink-100, #fff5f7); + } + + .sm\:hover\:bg-colors-pink-200:hover { + background-color: var(--colors-pink-200, #fed7e2); + } + + .sm\:hover\:bg-colors-pink-300:hover { + background-color: var(--colors-pink-300, #fbb6ce); + } + + .sm\:hover\:bg-colors-pink-400:hover { + background-color: var(--colors-pink-400, #f687b3); + } + + .sm\:hover\:bg-colors-pink-500:hover { + background-color: var(--colors-pink-500, #ed64a6); + } + + .sm\:hover\:bg-colors-pink-600:hover { + background-color: var(--colors-pink-600, #d53f8c); + } + + .sm\:hover\:bg-colors-pink-700:hover { + background-color: var(--colors-pink-700, #b83280); + } + + .sm\:hover\:bg-colors-pink-800:hover { + background-color: var(--colors-pink-800, #97266d); + } + + .sm\:hover\:bg-colors-pink-900:hover { + background-color: var(--colors-pink-900, #702459); + } + + .sm\:hover\:bg-Box\ Shadow:hover { + background-color: var(--box-shadow, #7f7e7f); + } + + .sm\:hover\:bg-Error16:hover { + background-color: var(--error16, #f03d3e40); + } + + .sm\:hover\:bg-Success16:hover { + background-color: var(--success16, #5bb14d40); + } + + .sm\:hover\:bg-Notification16:hover { + background-color: var(--notification16, #3959ff40); + } + + .sm\:hover\:bg-Error8:hover { + background-color: var(--error8, #f03d3e1a); + } + + .sm\:hover\:bg-Notification8:hover { + background-color: var(--notification8, #3959ff1a); + } + + .sm\:hover\:bg-Success8:hover { + background-color: var(--success8, #5bb14d1a); + } + + .sm\:hover\:bg-Light\ -\ Overlay:hover { + background-color: var(--light-overlay, #f0edee66); + } + + .sm\:hover\:bg-Dark-\ Overlay:hover { + background-color: var(--dark-overlay, #7f7e7f66); + } + + .sm\:hover\:bg-black-40:hover { + background-color: var(--black-40, #00000066); + } + + .sm\:hover\:bg-black-75:hover { + background-color: var(--black-75, #000000bf); + } + + .sm\:hover\:bg-black-60:hover { + background-color: var(--black-60, #00000099); + } + + .sm\:hover\:bg-black-50:hover { + background-color: var(--black-50, #00000080); + } + + .sm\:hover\:bg-black-25:hover { + background-color: var(--black-25, #00000040); + } + + .sm\:hover\:bg-black-10:hover { + background-color: var(--black-10, #0000001a); + } + + .sm\:hover\:bg-white-25:hover { + background-color: var(--white-25, #ffffff40); + } + + .sm\:hover\:bg-white-60:hover { + background-color: var(--white-60, #ffffff99); + } + + .sm\:hover\:bg-black-64:hover { + background-color: var(--black-64, #000000a3); + } + + .sm\:hover\:bg-Shadow\ and\ Highlight-Shadow:hover { + background-color: var(--shadow-and-highlight-shadow, #7f7e7f); + } + + .sm\:hover\:bg-Shadow\ and\ Highlight-Highlight:hover { + background-color: var(--shadow-and-highlight-highlight, #474747); + } + + .sm\:hover\:bg-Shadow\ and\ Highlight-highlight\ one:hover { + background-color: var(--shadow-and-highlight-highlight-one, #474747bf); + } + + .sm\:hover\:bg-Shadow\ and\ Highlight-highlight\ two:hover { + background-color: var(--shadow-and-highlight-highlight-two, #47474799); + } + + .sm\:hover\:bg-Shadow\ and\ Highlight-highlight\ three:hover { + background-color: var(--shadow-and-highlight-highlight-three, #47474766); + } + + .sm\:hover\:bg-Shadow\ and\ Highlight-highlight\ five:hover { + background-color: var(--shadow-and-highlight-highlight-five, #4747471a); + } + + .sm\:hover\:bg-Shadow\ and\ Highlight-shadow\ one:hover { + background-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); + } + + .sm\:hover\:bg-Shadow\ and\ Highlight-shadow\ two:hover { + background-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); + } + + .sm\:hover\:bg-Shadow\ and\ Highlight-shadow\ three:hover { + background-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); + } + + .sm\:hover\:bg-Shadow\ and\ Highlight-shadow\ four:hover { + background-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); + } + + .sm\:hover\:bg-Shadow\ and\ Highlight-shadow\ five:hover { + background-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); + } + + .sm\:hover\:bg-Shadow\ and\ Highlight-highlight\ four:hover { + background-color: var(--shadow-and-highlight-highlight-four, #47474740); + } + + .sm\:hover\:bg-Base\ Layer\ Styles-Base\ Layer-\ Light-White:hover { + background-color: var(--base-layer-styles-base-layer-light-white, #ffffff); + } + + .sm\:hover\:bg-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:hover { + background-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); + } + + .sm\:hover\:bg-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:hover { + background-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); + } + + .sm\:hover\:bg-Base\ Layer\ Styles-Base\ Layer-Dark-Black:hover { + background-color: var(--base-layer-styles-base-layer-dark-black, #000000); + } + + .sm\:hover\:bg-Grey-Scale-white:hover { + background-color: var(--grey-scale-white, #ffffff); + } + + .sm\:hover\:bg-Grey-Scale-off-white:hover { + background-color: var(--grey-scale-off-white, #f0edee); + } + + .sm\:hover\:bg-Grey\ Scale-grey:hover { + background-color: var(--grey-scale-grey, #7f7e7f); + } + + .sm\:hover\:bg-Grey\ Scale-charcoal:hover { + background-color: var(--grey-scale-charcoal, #474747); + } + + .sm\:hover\:bg-Grey\ Scale-off-black:hover { + background-color: var(--grey-scale-off-black, #1c1c1c); + } + + .sm\:hover\:bg-Grey\ Scale-black:hover { + background-color: var(--grey-scale-black, #000000); + } + + .sm\:hover\:bg-Blue-blue:hover { + background-color: var(--blue-blue, #3a7ca5); + } + + .sm\:hover\:bg-Blue-blue-100:hover { + background-color: var(--blue-blue-100, #75a3c0); + } + + .sm\:hover\:bg-Blue-blue-200:hover { + background-color: var(--blue-blue-200, #9cbed2); + } + + .sm\:hover\:bg-Blue-blue-300:hover { + background-color: var(--blue-blue-300, #4f7d9a); + } + + .sm\:hover\:bg-Blue-blue-400:hover { + background-color: var(--blue-blue-400, #5c7d92); + } + + .sm\:hover\:bg-Blue-blue-500:hover { + background-color: var(--blue-blue-500, #347095); + } + + .sm\:hover\:bg-Blue-blue-600:hover { + background-color: var(--blue-blue-600, #295774); + } + + .sm\:hover\:bg-Blue-blue-700:hover { + background-color: var(--blue-blue-700, #173242); + } + + .sm\:hover\:bg-LightBlue-lightblue:hover { + background-color: var(--light-blue-lightblue, #81c3d7); + } + + .sm\:hover\:bg-LightBlue-lightblue-100:hover { + background-color: var(--light-blue-lightblue-100, #a7d5e3); + } + + .sm\:hover\:bg-LightBlue-lightblue-200:hover { + background-color: var(--light-blue-lightblue-200, #c0e1eb); + } + + .sm\:hover\:bg-LightBlue-lightblue-300:hover { + background-color: var(--light-blue-lightblue-300, #80aebd); + } + + .sm\:hover\:bg-LightBlue-lightblue-400:hover { + background-color: var(--light-blue-lightblue-400, #80a0ab); + } + + .sm\:hover\:bg-LightBlue-lightblue-500:hover { + background-color: var(--light-blue-lightblue-500, #74afc1); + } + + .sm\:hover\:bg-LightBlue-lightblue-600:hover { + background-color: var(--light-blue-lightblue-600, #5a8997); + } + + .sm\:hover\:bg-LightBlue-lightblue-650:hover { + background-color: var(--light-blue-lightblue-650, #3e5e65); + } + + .sm\:hover\:bg-LightBlue-lightblue-700:hover { + background-color: var(--light-blue-lightblue-700, #344e56); + } + + .sm\:hover\:bg-Orange-orange:hover { + background-color: var(--orange-orange, #ff7f0e); + } + + .sm\:hover\:bg-Orange-orange-100:hover { + background-color: var(--orange-orange-100, #ffa556); + } + + .sm\:hover\:bg-Orange-orange-200:hover { + background-color: var(--orange-orange-200, #ffbf86); + } + + .sm\:hover\:bg-Orange-orange-300:hover { + background-color: var(--orange-orange-300, #d97f30); + } + + .sm\:hover\:bg-Orange-orange-400:hover { + background-color: var(--orange-orange-400, #bf7e46); + } + + .sm\:hover\:bg-Orange-orange-500:hover { + background-color: var(--orange-orange-500, #e5720d); + } + + .sm\:hover\:bg-Orange-orange-600:hover { + background-color: var(--orange-orange-600, #b3590a); + } + + .sm\:hover\:bg-Orange-orange-700:hover { + background-color: var(--orange-orange-700, #663306); + } + + .sm\:hover\:bg-Yellow-yellow:hover { + background-color: var(--yellow-yellow, #ffab00); + } + + .sm\:hover\:bg-Yellow-yellow-100:hover { + background-color: var(--yellow-yellow-100, #ffc44c); + } + + .sm\:hover\:bg-Yellow-yellow-200:hover { + background-color: var(--yellow-yellow-200, #ffd580); + } + + .sm\:hover\:bg-Yellow-yellow-300:hover { + background-color: var(--yellow-yellow-300, #d99d26); + } + + .sm\:hover\:bg-Yellow-yellow-400:hover { + background-color: var(--yellow-yellow-400, #bf943f); + } + + .sm\:hover\:bg-Yellow-yellow-500:hover { + background-color: var(--yellow-yellow-500, #e59a00); + } + + .sm\:hover\:bg-Yellow-yellow-600:hover { + background-color: var(--yellow-yellow-600, #b37800); + } + + .sm\:hover\:bg-Yellow-yellow-700:hover { + background-color: var(--yellow-yellow-700, #664400); + } + + .sm\:hover\:bg-Notification-notification:hover { + background-color: var(--notification-notification, #3959ff); + } + + .sm\:hover\:bg-Notification-notification-100:hover { + background-color: var(--notification-notification-100, #748bff); + } + + .sm\:hover\:bg-Notification-notification-200:hover { + background-color: var(--notification-notification-200, #9cacff); + } + + .sm\:hover\:bg-Notification-notification-300:hover { + background-color: var(--notification-notification-300, #4e64d9); + } + + .sm\:hover\:bg-Notification-notification-400:hover { + background-color: var(--notification-notification-400, #5c6cbf); + } + + .sm\:hover\:bg-Notification-notification-500:hover { + background-color: var(--notification-notification-500, #3350e5); + } + + .sm\:hover\:bg-Notification-notification-600:hover { + background-color: var(--notification-notification-600, #283eb3); + } + + .sm\:hover\:bg-Notification-notification-700:hover { + background-color: var(--notification-notification-700, #172466); + } + + .sm\:hover\:bg-Success-success\ -700:hover { + background-color: var(--success-success-700, #24471f); + } + + .sm\:hover\:bg-Success-success:hover { + background-color: var(--success-success, #5bb14d); + } + + .sm\:hover\:bg-Success-success\ -100:hover { + background-color: var(--success-success-100, #8cc882); + } + + .sm\:hover\:bg-Success-success\ -200:hover { + background-color: var(--success-success-200, #add8a6); + } + + .sm\:hover\:bg-Success-success\ -300:hover { + background-color: var(--success-success-300, #66a25c); + } + + .sm\:hover\:bg-Success-success\ -400:hover { + background-color: var(--success-success-400, #6d9766); + } + + .sm\:hover\:bg-Success-success\ -500:hover { + background-color: var(--success-success-500, #529f45); + } + + .sm\:hover\:bg-Success-success\ -600:hover { + background-color: var(--success-success-600, #407c36); + } + + .sm\:hover\:bg-Error-error:hover { + background-color: var(--error-error, #f03d3e); + } + + .sm\:hover\:bg-Error-error-100:hover { + background-color: var(--error-error-100, #f57778); + } + + .sm\:hover\:bg-Error-error-200:hover { + background-color: var(--error-error-200, #f89e9e); + } + + .sm\:hover\:bg-Error-error-250:hover { + background-color: var(--error-error-250, #f9c8c8); + } + + .sm\:hover\:bg-Error-error-300:hover { + background-color: var(--error-error-300, #ce5151); + } + + .sm\:hover\:bg-Error-error-400:hover { + background-color: var(--error-error-400, #b85e5e); + } + + .sm\:hover\:bg-Error-error-500:hover { + background-color: var(--error-error-500, #d83738); + } + + .sm\:hover\:bg-Error-error-600:hover { + background-color: var(--error-error-600, #a82b2b); + } + + .sm\:hover\:bg-Error-error-700:hover { + background-color: var(--error-error-700, #601819); + } + + .sm\:focus\:bg-colors-black:focus { + background-color: var(--colors-black, #000000); + } + + .sm\:focus\:bg-colors-white:focus { + background-color: var(--colors-white, #ffffff); + } + + .sm\:focus\:bg-colors-gray-100:focus { + background-color: var(--colors-gray-100, #f7fafc); + } + + .sm\:focus\:bg-colors-gray-200:focus { + background-color: var(--colors-gray-200, #edf2f7); + } + + .sm\:focus\:bg-colors-gray-300:focus { + background-color: var(--colors-gray-300, #e2e8f0); + } + + .sm\:focus\:bg-colors-gray-400:focus { + background-color: var(--colors-gray-400, #cbd5e0); + } + + .sm\:focus\:bg-colors-gray-500:focus { + background-color: var(--colors-gray-500, #a0aec0); + } + + .sm\:focus\:bg-colors-gray-600:focus { + background-color: var(--colors-gray-600, #718096); + } + + .sm\:focus\:bg-colors-gray-700:focus { + background-color: var(--colors-gray-700, #4a5568); + } + + .sm\:focus\:bg-colors-gray-800:focus { + background-color: var(--colors-gray-800, #2d3748); + } + + .sm\:focus\:bg-colors-gray-900:focus { + background-color: var(--colors-gray-900, #1a202c); + } + + .sm\:focus\:bg-colors-red-100:focus { + background-color: var(--colors-red-100, #fff5f5); + } + + .sm\:focus\:bg-colors-red-200:focus { + background-color: var(--colors-red-200, #fed7d7); + } + + .sm\:focus\:bg-colors-red-300:focus { + background-color: var(--colors-red-300, #feb2b2); + } + + .sm\:focus\:bg-colors-red-400:focus { + background-color: var(--colors-red-400, #fc8181); + } + + .sm\:focus\:bg-colors-red-500:focus { + background-color: var(--colors-red-500, #f56565); + } + + .sm\:focus\:bg-colors-red-600:focus { + background-color: var(--colors-red-600, #e53e3e); + } + + .sm\:focus\:bg-colors-red-700:focus { + background-color: var(--colors-red-700, #c53030); + } + + .sm\:focus\:bg-colors-red-800:focus { + background-color: var(--colors-red-800, #9b2c2c); + } + + .sm\:focus\:bg-colors-red-900:focus { + background-color: var(--colors-red-900, #742a2a); + } + + .sm\:focus\:bg-colors-orange-100:focus { + background-color: var(--colors-orange-100, #fffaf0); + } + + .sm\:focus\:bg-colors-orange-200:focus { + background-color: var(--colors-orange-200, #feebc8); + } + + .sm\:focus\:bg-colors-orange-300:focus { + background-color: var(--colors-orange-300, #fbd38d); + } + + .sm\:focus\:bg-colors-orange-400:focus { + background-color: var(--colors-orange-400, #f6ad55); + } + + .sm\:focus\:bg-colors-orange-500:focus { + background-color: var(--colors-orange-500, #ed8936); + } + + .sm\:focus\:bg-colors-orange-600:focus { + background-color: var(--colors-orange-600, #dd6b20); + } + + .sm\:focus\:bg-colors-orange-700:focus { + background-color: var(--colors-orange-700, #c05621); + } + + .sm\:focus\:bg-colors-orange-800:focus { + background-color: var(--colors-orange-800, #9c4221); + } + + .sm\:focus\:bg-colors-orange-900:focus { + background-color: var(--colors-orange-900, #7b341e); + } + + .sm\:focus\:bg-colors-yellow-100:focus { + background-color: var(--colors-yellow-100, #fffff0); + } + + .sm\:focus\:bg-colors-yellow-200:focus { + background-color: var(--colors-yellow-200, #fefcbf); + } + + .sm\:focus\:bg-colors-yellow-300:focus { + background-color: var(--colors-yellow-300, #faf089); + } + + .sm\:focus\:bg-colors-yellow-400:focus { + background-color: var(--colors-yellow-400, #f6e05e); + } + + .sm\:focus\:bg-colors-yellow-500:focus { + background-color: var(--colors-yellow-500, #ecc94b); + } + + .sm\:focus\:bg-colors-yellow-600:focus { + background-color: var(--colors-yellow-600, #d69e2e); + } + + .sm\:focus\:bg-colors-yellow-700:focus { + background-color: var(--colors-yellow-700, #b7791f); + } + + .sm\:focus\:bg-colors-yellow-800:focus { + background-color: var(--colors-yellow-800, #975a16); + } + + .sm\:focus\:bg-colors-yellow-900:focus { + background-color: var(--colors-yellow-900, #744210); + } + + .sm\:focus\:bg-colors-green-100:focus { + background-color: var(--colors-green-100, #f0fff4); + } + + .sm\:focus\:bg-colors-green-200:focus { + background-color: var(--colors-green-200, #c6f6d5); + } + + .sm\:focus\:bg-colors-green-300:focus { + background-color: var(--colors-green-300, #9ae6b4); + } + + .sm\:focus\:bg-colors-green-400:focus { + background-color: var(--colors-green-400, #68d391); + } + + .sm\:focus\:bg-colors-green-500:focus { + background-color: var(--colors-green-500, #48bb78); + } + + .sm\:focus\:bg-colors-green-600:focus { + background-color: var(--colors-green-600, #38a169); + } + + .sm\:focus\:bg-colors-green-700:focus { + background-color: var(--colors-green-700, #2f855a); + } + + .sm\:focus\:bg-colors-green-800:focus { + background-color: var(--colors-green-800, #276749); + } + + .sm\:focus\:bg-colors-green-900:focus { + background-color: var(--colors-green-900, #22543d); + } + + .sm\:focus\:bg-colors-teal-100:focus { + background-color: var(--colors-teal-100, #e6fffa); + } + + .sm\:focus\:bg-colors-teal-200:focus { + background-color: var(--colors-teal-200, #b2f5ea); + } + + .sm\:focus\:bg-colors-teal-300:focus { + background-color: var(--colors-teal-300, #81e6d9); + } + + .sm\:focus\:bg-colors-teal-400:focus { + background-color: var(--colors-teal-400, #4fd1c5); + } + + .sm\:focus\:bg-colors-teal-500:focus { + background-color: var(--colors-teal-500, #38b2ac); + } + + .sm\:focus\:bg-colors-teal-600:focus { + background-color: var(--colors-teal-600, #319795); + } + + .sm\:focus\:bg-colors-teal-700:focus { + background-color: var(--colors-teal-700, #2c7a7b); + } + + .sm\:focus\:bg-colors-teal-800:focus { + background-color: var(--colors-teal-800, #285e61); + } + + .sm\:focus\:bg-colors-teal-900:focus { + background-color: var(--colors-teal-900, #234e52); + } + + .sm\:focus\:bg-colors-blue-100:focus { + background-color: var(--colors-blue-100, #ebf8ff); + } + + .sm\:focus\:bg-colors-blue-200:focus { + background-color: var(--colors-blue-200, #bee3f8); + } + + .sm\:focus\:bg-colors-blue-300:focus { + background-color: var(--colors-blue-300, #90cdf4); + } + + .sm\:focus\:bg-colors-blue-400:focus { + background-color: var(--colors-blue-400, #63b3ed); + } + + .sm\:focus\:bg-colors-blue-500:focus { + background-color: var(--colors-blue-500, #4299e1); + } + + .sm\:focus\:bg-colors-blue-600:focus { + background-color: var(--colors-blue-600, #3182ce); + } + + .sm\:focus\:bg-colors-blue-700:focus { + background-color: var(--colors-blue-700, #2b6cb0); + } + + .sm\:focus\:bg-colors-blue-800:focus { + background-color: var(--colors-blue-800, #2c5282); + } + + .sm\:focus\:bg-colors-blue-900:focus { + background-color: var(--colors-blue-900, #2a4365); + } + + .sm\:focus\:bg-colors-indigo-100:focus { + background-color: var(--colors-indigo-100, #ebf4ff); + } + + .sm\:focus\:bg-colors-indigo-200:focus { + background-color: var(--colors-indigo-200, #c3dafe); + } + + .sm\:focus\:bg-colors-indigo-300:focus { + background-color: var(--colors-indigo-300, #a3bffa); + } + + .sm\:focus\:bg-colors-indigo-400:focus { + background-color: var(--colors-indigo-400, #7f9cf5); + } + + .sm\:focus\:bg-colors-indigo-500:focus { + background-color: var(--colors-indigo-500, #667eea); + } + + .sm\:focus\:bg-colors-indigo-600:focus { + background-color: var(--colors-indigo-600, #5a67d8); + } + + .sm\:focus\:bg-colors-indigo-700:focus { + background-color: var(--colors-indigo-700, #4c51bf); + } + + .sm\:focus\:bg-colors-indigo-800:focus { + background-color: var(--colors-indigo-800, #434190); + } + + .sm\:focus\:bg-colors-indigo-900:focus { + background-color: var(--colors-indigo-900, #3c366b); + } + + .sm\:focus\:bg-colors-purple-100:focus { + background-color: var(--colors-purple-100, #faf5ff); + } + + .sm\:focus\:bg-colors-purple-200:focus { + background-color: var(--colors-purple-200, #e9d8fd); + } + + .sm\:focus\:bg-colors-purple-300:focus { + background-color: var(--colors-purple-300, #d6bcfa); + } + + .sm\:focus\:bg-colors-purple-400:focus { + background-color: var(--colors-purple-400, #b794f4); + } + + .sm\:focus\:bg-colors-purple-500:focus { + background-color: var(--colors-purple-500, #9f7aea); + } + + .sm\:focus\:bg-colors-purple-600:focus { + background-color: var(--colors-purple-600, #805ad5); + } + + .sm\:focus\:bg-colors-purple-700:focus { + background-color: var(--colors-purple-700, #6b46c1); + } + + .sm\:focus\:bg-colors-purple-800:focus { + background-color: var(--colors-purple-800, #553c9a); + } + + .sm\:focus\:bg-colors-purple-900:focus { + background-color: var(--colors-purple-900, #44337a); + } + + .sm\:focus\:bg-colors-pink-100:focus { + background-color: var(--colors-pink-100, #fff5f7); + } + + .sm\:focus\:bg-colors-pink-200:focus { + background-color: var(--colors-pink-200, #fed7e2); + } + + .sm\:focus\:bg-colors-pink-300:focus { + background-color: var(--colors-pink-300, #fbb6ce); + } + + .sm\:focus\:bg-colors-pink-400:focus { + background-color: var(--colors-pink-400, #f687b3); + } + + .sm\:focus\:bg-colors-pink-500:focus { + background-color: var(--colors-pink-500, #ed64a6); + } + + .sm\:focus\:bg-colors-pink-600:focus { + background-color: var(--colors-pink-600, #d53f8c); + } + + .sm\:focus\:bg-colors-pink-700:focus { + background-color: var(--colors-pink-700, #b83280); + } + + .sm\:focus\:bg-colors-pink-800:focus { + background-color: var(--colors-pink-800, #97266d); + } + + .sm\:focus\:bg-colors-pink-900:focus { + background-color: var(--colors-pink-900, #702459); + } + + .sm\:focus\:bg-Box\ Shadow:focus { + background-color: var(--box-shadow, #7f7e7f); + } + + .sm\:focus\:bg-Error16:focus { + background-color: var(--error16, #f03d3e40); + } + + .sm\:focus\:bg-Success16:focus { + background-color: var(--success16, #5bb14d40); + } + + .sm\:focus\:bg-Notification16:focus { + background-color: var(--notification16, #3959ff40); + } + + .sm\:focus\:bg-Error8:focus { + background-color: var(--error8, #f03d3e1a); + } + + .sm\:focus\:bg-Notification8:focus { + background-color: var(--notification8, #3959ff1a); + } + + .sm\:focus\:bg-Success8:focus { + background-color: var(--success8, #5bb14d1a); + } + + .sm\:focus\:bg-Light\ -\ Overlay:focus { + background-color: var(--light-overlay, #f0edee66); + } + + .sm\:focus\:bg-Dark-\ Overlay:focus { + background-color: var(--dark-overlay, #7f7e7f66); + } + + .sm\:focus\:bg-black-40:focus { + background-color: var(--black-40, #00000066); + } + + .sm\:focus\:bg-black-75:focus { + background-color: var(--black-75, #000000bf); + } + + .sm\:focus\:bg-black-60:focus { + background-color: var(--black-60, #00000099); + } + + .sm\:focus\:bg-black-50:focus { + background-color: var(--black-50, #00000080); + } + + .sm\:focus\:bg-black-25:focus { + background-color: var(--black-25, #00000040); + } + + .sm\:focus\:bg-black-10:focus { + background-color: var(--black-10, #0000001a); + } + + .sm\:focus\:bg-white-25:focus { + background-color: var(--white-25, #ffffff40); + } + + .sm\:focus\:bg-white-60:focus { + background-color: var(--white-60, #ffffff99); + } + + .sm\:focus\:bg-black-64:focus { + background-color: var(--black-64, #000000a3); + } + + .sm\:focus\:bg-Shadow\ and\ Highlight-Shadow:focus { + background-color: var(--shadow-and-highlight-shadow, #7f7e7f); + } + + .sm\:focus\:bg-Shadow\ and\ Highlight-Highlight:focus { + background-color: var(--shadow-and-highlight-highlight, #474747); + } + + .sm\:focus\:bg-Shadow\ and\ Highlight-highlight\ one:focus { + background-color: var(--shadow-and-highlight-highlight-one, #474747bf); + } + + .sm\:focus\:bg-Shadow\ and\ Highlight-highlight\ two:focus { + background-color: var(--shadow-and-highlight-highlight-two, #47474799); + } + + .sm\:focus\:bg-Shadow\ and\ Highlight-highlight\ three:focus { + background-color: var(--shadow-and-highlight-highlight-three, #47474766); + } + + .sm\:focus\:bg-Shadow\ and\ Highlight-highlight\ five:focus { + background-color: var(--shadow-and-highlight-highlight-five, #4747471a); + } + + .sm\:focus\:bg-Shadow\ and\ Highlight-shadow\ one:focus { + background-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); + } + + .sm\:focus\:bg-Shadow\ and\ Highlight-shadow\ two:focus { + background-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); + } + + .sm\:focus\:bg-Shadow\ and\ Highlight-shadow\ three:focus { + background-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); + } + + .sm\:focus\:bg-Shadow\ and\ Highlight-shadow\ four:focus { + background-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); + } + + .sm\:focus\:bg-Shadow\ and\ Highlight-shadow\ five:focus { + background-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); + } + + .sm\:focus\:bg-Shadow\ and\ Highlight-highlight\ four:focus { + background-color: var(--shadow-and-highlight-highlight-four, #47474740); + } + + .sm\:focus\:bg-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus { + background-color: var(--base-layer-styles-base-layer-light-white, #ffffff); + } + + .sm\:focus\:bg-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus { + background-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); + } + + .sm\:focus\:bg-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus { + background-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); + } + + .sm\:focus\:bg-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus { + background-color: var(--base-layer-styles-base-layer-dark-black, #000000); + } + + .sm\:focus\:bg-Grey-Scale-white:focus { + background-color: var(--grey-scale-white, #ffffff); + } + + .sm\:focus\:bg-Grey-Scale-off-white:focus { + background-color: var(--grey-scale-off-white, #f0edee); + } + + .sm\:focus\:bg-Grey\ Scale-grey:focus { + background-color: var(--grey-scale-grey, #7f7e7f); + } + + .sm\:focus\:bg-Grey\ Scale-charcoal:focus { + background-color: var(--grey-scale-charcoal, #474747); + } + + .sm\:focus\:bg-Grey\ Scale-off-black:focus { + background-color: var(--grey-scale-off-black, #1c1c1c); + } + + .sm\:focus\:bg-Grey\ Scale-black:focus { + background-color: var(--grey-scale-black, #000000); + } + + .sm\:focus\:bg-Blue-blue:focus { + background-color: var(--blue-blue, #3a7ca5); + } + + .sm\:focus\:bg-Blue-blue-100:focus { + background-color: var(--blue-blue-100, #75a3c0); + } + + .sm\:focus\:bg-Blue-blue-200:focus { + background-color: var(--blue-blue-200, #9cbed2); + } + + .sm\:focus\:bg-Blue-blue-300:focus { + background-color: var(--blue-blue-300, #4f7d9a); + } + + .sm\:focus\:bg-Blue-blue-400:focus { + background-color: var(--blue-blue-400, #5c7d92); + } + + .sm\:focus\:bg-Blue-blue-500:focus { + background-color: var(--blue-blue-500, #347095); + } + + .sm\:focus\:bg-Blue-blue-600:focus { + background-color: var(--blue-blue-600, #295774); + } + + .sm\:focus\:bg-Blue-blue-700:focus { + background-color: var(--blue-blue-700, #173242); + } + + .sm\:focus\:bg-LightBlue-lightblue:focus { + background-color: var(--light-blue-lightblue, #81c3d7); + } + + .sm\:focus\:bg-LightBlue-lightblue-100:focus { + background-color: var(--light-blue-lightblue-100, #a7d5e3); + } + + .sm\:focus\:bg-LightBlue-lightblue-200:focus { + background-color: var(--light-blue-lightblue-200, #c0e1eb); + } + + .sm\:focus\:bg-LightBlue-lightblue-300:focus { + background-color: var(--light-blue-lightblue-300, #80aebd); + } + + .sm\:focus\:bg-LightBlue-lightblue-400:focus { + background-color: var(--light-blue-lightblue-400, #80a0ab); + } + + .sm\:focus\:bg-LightBlue-lightblue-500:focus { + background-color: var(--light-blue-lightblue-500, #74afc1); + } + + .sm\:focus\:bg-LightBlue-lightblue-600:focus { + background-color: var(--light-blue-lightblue-600, #5a8997); + } + + .sm\:focus\:bg-LightBlue-lightblue-650:focus { + background-color: var(--light-blue-lightblue-650, #3e5e65); + } + + .sm\:focus\:bg-LightBlue-lightblue-700:focus { + background-color: var(--light-blue-lightblue-700, #344e56); + } + + .sm\:focus\:bg-Orange-orange:focus { + background-color: var(--orange-orange, #ff7f0e); + } + + .sm\:focus\:bg-Orange-orange-100:focus { + background-color: var(--orange-orange-100, #ffa556); + } + + .sm\:focus\:bg-Orange-orange-200:focus { + background-color: var(--orange-orange-200, #ffbf86); + } + + .sm\:focus\:bg-Orange-orange-300:focus { + background-color: var(--orange-orange-300, #d97f30); + } + + .sm\:focus\:bg-Orange-orange-400:focus { + background-color: var(--orange-orange-400, #bf7e46); + } + + .sm\:focus\:bg-Orange-orange-500:focus { + background-color: var(--orange-orange-500, #e5720d); + } + + .sm\:focus\:bg-Orange-orange-600:focus { + background-color: var(--orange-orange-600, #b3590a); + } + + .sm\:focus\:bg-Orange-orange-700:focus { + background-color: var(--orange-orange-700, #663306); + } + + .sm\:focus\:bg-Yellow-yellow:focus { + background-color: var(--yellow-yellow, #ffab00); + } + + .sm\:focus\:bg-Yellow-yellow-100:focus { + background-color: var(--yellow-yellow-100, #ffc44c); + } + + .sm\:focus\:bg-Yellow-yellow-200:focus { + background-color: var(--yellow-yellow-200, #ffd580); + } + + .sm\:focus\:bg-Yellow-yellow-300:focus { + background-color: var(--yellow-yellow-300, #d99d26); + } + + .sm\:focus\:bg-Yellow-yellow-400:focus { + background-color: var(--yellow-yellow-400, #bf943f); + } + + .sm\:focus\:bg-Yellow-yellow-500:focus { + background-color: var(--yellow-yellow-500, #e59a00); + } + + .sm\:focus\:bg-Yellow-yellow-600:focus { + background-color: var(--yellow-yellow-600, #b37800); + } + + .sm\:focus\:bg-Yellow-yellow-700:focus { + background-color: var(--yellow-yellow-700, #664400); + } + + .sm\:focus\:bg-Notification-notification:focus { + background-color: var(--notification-notification, #3959ff); + } + + .sm\:focus\:bg-Notification-notification-100:focus { + background-color: var(--notification-notification-100, #748bff); + } + + .sm\:focus\:bg-Notification-notification-200:focus { + background-color: var(--notification-notification-200, #9cacff); + } + + .sm\:focus\:bg-Notification-notification-300:focus { + background-color: var(--notification-notification-300, #4e64d9); + } + + .sm\:focus\:bg-Notification-notification-400:focus { + background-color: var(--notification-notification-400, #5c6cbf); + } + + .sm\:focus\:bg-Notification-notification-500:focus { + background-color: var(--notification-notification-500, #3350e5); + } + + .sm\:focus\:bg-Notification-notification-600:focus { + background-color: var(--notification-notification-600, #283eb3); + } + + .sm\:focus\:bg-Notification-notification-700:focus { + background-color: var(--notification-notification-700, #172466); + } + + .sm\:focus\:bg-Success-success\ -700:focus { + background-color: var(--success-success-700, #24471f); + } + + .sm\:focus\:bg-Success-success:focus { + background-color: var(--success-success, #5bb14d); + } + + .sm\:focus\:bg-Success-success\ -100:focus { + background-color: var(--success-success-100, #8cc882); + } + + .sm\:focus\:bg-Success-success\ -200:focus { + background-color: var(--success-success-200, #add8a6); + } + + .sm\:focus\:bg-Success-success\ -300:focus { + background-color: var(--success-success-300, #66a25c); + } + + .sm\:focus\:bg-Success-success\ -400:focus { + background-color: var(--success-success-400, #6d9766); + } + + .sm\:focus\:bg-Success-success\ -500:focus { + background-color: var(--success-success-500, #529f45); + } + + .sm\:focus\:bg-Success-success\ -600:focus { + background-color: var(--success-success-600, #407c36); + } + + .sm\:focus\:bg-Error-error:focus { + background-color: var(--error-error, #f03d3e); + } + + .sm\:focus\:bg-Error-error-100:focus { + background-color: var(--error-error-100, #f57778); + } + + .sm\:focus\:bg-Error-error-200:focus { + background-color: var(--error-error-200, #f89e9e); + } + + .sm\:focus\:bg-Error-error-250:focus { + background-color: var(--error-error-250, #f9c8c8); + } + + .sm\:focus\:bg-Error-error-300:focus { + background-color: var(--error-error-300, #ce5151); + } + + .sm\:focus\:bg-Error-error-400:focus { + background-color: var(--error-error-400, #b85e5e); + } + + .sm\:focus\:bg-Error-error-500:focus { + background-color: var(--error-error-500, #d83738); + } + + .sm\:focus\:bg-Error-error-600:focus { + background-color: var(--error-error-600, #a82b2b); + } + + .sm\:focus\:bg-Error-error-700:focus { + background-color: var(--error-error-700, #601819); + } + + .sm\:bg-opacity-0 { + --tw-bg-opacity: 0; + } + + .sm\:bg-opacity-5 { + --tw-bg-opacity: 0.05; + } + + .sm\:bg-opacity-10 { + --tw-bg-opacity: 0.1; + } + + .sm\:bg-opacity-20 { + --tw-bg-opacity: 0.2; + } + + .sm\:bg-opacity-25 { + --tw-bg-opacity: 0.25; + } + + .sm\:bg-opacity-30 { + --tw-bg-opacity: 0.3; + } + + .sm\:bg-opacity-40 { + --tw-bg-opacity: 0.4; + } + + .sm\:bg-opacity-50 { + --tw-bg-opacity: 0.5; + } + + .sm\:bg-opacity-60 { + --tw-bg-opacity: 0.6; + } + + .sm\:bg-opacity-70 { + --tw-bg-opacity: 0.7; + } + + .sm\:bg-opacity-75 { + --tw-bg-opacity: 0.75; + } + + .sm\:bg-opacity-80 { + --tw-bg-opacity: 0.8; + } + + .sm\:bg-opacity-90 { + --tw-bg-opacity: 0.9; + } + + .sm\:bg-opacity-95 { + --tw-bg-opacity: 0.95; + } + + .sm\:bg-opacity-100 { + --tw-bg-opacity: 1; + } + + .group:hover .sm\:group-hover\:bg-opacity-0 { + --tw-bg-opacity: 0; + } + + .group:hover .sm\:group-hover\:bg-opacity-5 { + --tw-bg-opacity: 0.05; + } + + .group:hover .sm\:group-hover\:bg-opacity-10 { + --tw-bg-opacity: 0.1; + } + + .group:hover .sm\:group-hover\:bg-opacity-20 { + --tw-bg-opacity: 0.2; + } + + .group:hover .sm\:group-hover\:bg-opacity-25 { + --tw-bg-opacity: 0.25; + } + + .group:hover .sm\:group-hover\:bg-opacity-30 { + --tw-bg-opacity: 0.3; + } + + .group:hover .sm\:group-hover\:bg-opacity-40 { + --tw-bg-opacity: 0.4; + } + + .group:hover .sm\:group-hover\:bg-opacity-50 { + --tw-bg-opacity: 0.5; + } + + .group:hover .sm\:group-hover\:bg-opacity-60 { + --tw-bg-opacity: 0.6; + } + + .group:hover .sm\:group-hover\:bg-opacity-70 { + --tw-bg-opacity: 0.7; + } + + .group:hover .sm\:group-hover\:bg-opacity-75 { + --tw-bg-opacity: 0.75; + } + + .group:hover .sm\:group-hover\:bg-opacity-80 { + --tw-bg-opacity: 0.8; + } + + .group:hover .sm\:group-hover\:bg-opacity-90 { + --tw-bg-opacity: 0.9; + } + + .group:hover .sm\:group-hover\:bg-opacity-95 { + --tw-bg-opacity: 0.95; + } + + .group:hover .sm\:group-hover\:bg-opacity-100 { + --tw-bg-opacity: 1; + } + + .sm\:focus-within\:bg-opacity-0:focus-within { + --tw-bg-opacity: 0; + } + + .sm\:focus-within\:bg-opacity-5:focus-within { + --tw-bg-opacity: 0.05; + } + + .sm\:focus-within\:bg-opacity-10:focus-within { + --tw-bg-opacity: 0.1; + } + + .sm\:focus-within\:bg-opacity-20:focus-within { + --tw-bg-opacity: 0.2; + } + + .sm\:focus-within\:bg-opacity-25:focus-within { + --tw-bg-opacity: 0.25; + } + + .sm\:focus-within\:bg-opacity-30:focus-within { + --tw-bg-opacity: 0.3; + } + + .sm\:focus-within\:bg-opacity-40:focus-within { + --tw-bg-opacity: 0.4; + } + + .sm\:focus-within\:bg-opacity-50:focus-within { + --tw-bg-opacity: 0.5; + } + + .sm\:focus-within\:bg-opacity-60:focus-within { + --tw-bg-opacity: 0.6; + } + + .sm\:focus-within\:bg-opacity-70:focus-within { + --tw-bg-opacity: 0.7; + } + + .sm\:focus-within\:bg-opacity-75:focus-within { + --tw-bg-opacity: 0.75; + } + + .sm\:focus-within\:bg-opacity-80:focus-within { + --tw-bg-opacity: 0.8; + } + + .sm\:focus-within\:bg-opacity-90:focus-within { + --tw-bg-opacity: 0.9; + } + + .sm\:focus-within\:bg-opacity-95:focus-within { + --tw-bg-opacity: 0.95; + } + + .sm\:focus-within\:bg-opacity-100:focus-within { + --tw-bg-opacity: 1; + } + + .sm\:hover\:bg-opacity-0:hover { + --tw-bg-opacity: 0; + } + + .sm\:hover\:bg-opacity-5:hover { + --tw-bg-opacity: 0.05; + } + + .sm\:hover\:bg-opacity-10:hover { + --tw-bg-opacity: 0.1; + } + + .sm\:hover\:bg-opacity-20:hover { + --tw-bg-opacity: 0.2; + } + + .sm\:hover\:bg-opacity-25:hover { + --tw-bg-opacity: 0.25; + } + + .sm\:hover\:bg-opacity-30:hover { + --tw-bg-opacity: 0.3; + } + + .sm\:hover\:bg-opacity-40:hover { + --tw-bg-opacity: 0.4; + } + + .sm\:hover\:bg-opacity-50:hover { + --tw-bg-opacity: 0.5; + } + + .sm\:hover\:bg-opacity-60:hover { + --tw-bg-opacity: 0.6; + } + + .sm\:hover\:bg-opacity-70:hover { + --tw-bg-opacity: 0.7; + } + + .sm\:hover\:bg-opacity-75:hover { + --tw-bg-opacity: 0.75; + } + + .sm\:hover\:bg-opacity-80:hover { + --tw-bg-opacity: 0.8; + } + + .sm\:hover\:bg-opacity-90:hover { + --tw-bg-opacity: 0.9; + } + + .sm\:hover\:bg-opacity-95:hover { + --tw-bg-opacity: 0.95; + } + + .sm\:hover\:bg-opacity-100:hover { + --tw-bg-opacity: 1; + } + + .sm\:focus\:bg-opacity-0:focus { + --tw-bg-opacity: 0; + } + + .sm\:focus\:bg-opacity-5:focus { + --tw-bg-opacity: 0.05; + } + + .sm\:focus\:bg-opacity-10:focus { + --tw-bg-opacity: 0.1; + } + + .sm\:focus\:bg-opacity-20:focus { + --tw-bg-opacity: 0.2; + } + + .sm\:focus\:bg-opacity-25:focus { + --tw-bg-opacity: 0.25; + } + + .sm\:focus\:bg-opacity-30:focus { + --tw-bg-opacity: 0.3; + } + + .sm\:focus\:bg-opacity-40:focus { + --tw-bg-opacity: 0.4; + } + + .sm\:focus\:bg-opacity-50:focus { + --tw-bg-opacity: 0.5; + } + + .sm\:focus\:bg-opacity-60:focus { + --tw-bg-opacity: 0.6; + } + + .sm\:focus\:bg-opacity-70:focus { + --tw-bg-opacity: 0.7; + } + + .sm\:focus\:bg-opacity-75:focus { + --tw-bg-opacity: 0.75; + } + + .sm\:focus\:bg-opacity-80:focus { + --tw-bg-opacity: 0.8; + } + + .sm\:focus\:bg-opacity-90:focus { + --tw-bg-opacity: 0.9; + } + + .sm\:focus\:bg-opacity-95:focus { + --tw-bg-opacity: 0.95; + } + + .sm\:focus\:bg-opacity-100:focus { + --tw-bg-opacity: 1; + } + + .sm\:bg-none { + background-image: none; + } + + .sm\:bg-gradient-to-t { + background-image: linear-gradient(to top, var(--tw-gradient-stops)); + } + + .sm\:bg-gradient-to-tr { + background-image: linear-gradient(to top right, var(--tw-gradient-stops)); + } + + .sm\:bg-gradient-to-r { + background-image: linear-gradient(to right, var(--tw-gradient-stops)); + } + + .sm\:bg-gradient-to-br { + background-image: linear-gradient(to bottom right, var(--tw-gradient-stops)); + } + + .sm\:bg-gradient-to-b { + background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); + } + + .sm\:bg-gradient-to-bl { + background-image: linear-gradient(to bottom left, var(--tw-gradient-stops)); + } + + .sm\:bg-gradient-to-l { + background-image: linear-gradient(to left, var(--tw-gradient-stops)); + } + + .sm\:bg-gradient-to-tl { + background-image: linear-gradient(to top left, var(--tw-gradient-stops)); + } + + .sm\:from-colors-black { + --tw-gradient-from: var(--colors-black, #000000); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-white { + --tw-gradient-from: var(--colors-white, #ffffff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-gray-100 { + --tw-gradient-from: var(--colors-gray-100, #f7fafc); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-gray-200 { + --tw-gradient-from: var(--colors-gray-200, #edf2f7); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-gray-300 { + --tw-gradient-from: var(--colors-gray-300, #e2e8f0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-gray-400 { + --tw-gradient-from: var(--colors-gray-400, #cbd5e0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-gray-500 { + --tw-gradient-from: var(--colors-gray-500, #a0aec0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-gray-600 { + --tw-gradient-from: var(--colors-gray-600, #718096); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-gray-700 { + --tw-gradient-from: var(--colors-gray-700, #4a5568); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-gray-800 { + --tw-gradient-from: var(--colors-gray-800, #2d3748); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-gray-900 { + --tw-gradient-from: var(--colors-gray-900, #1a202c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-red-100 { + --tw-gradient-from: var(--colors-red-100, #fff5f5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-red-200 { + --tw-gradient-from: var(--colors-red-200, #fed7d7); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-red-300 { + --tw-gradient-from: var(--colors-red-300, #feb2b2); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-red-400 { + --tw-gradient-from: var(--colors-red-400, #fc8181); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-red-500 { + --tw-gradient-from: var(--colors-red-500, #f56565); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-red-600 { + --tw-gradient-from: var(--colors-red-600, #e53e3e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-red-700 { + --tw-gradient-from: var(--colors-red-700, #c53030); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-red-800 { + --tw-gradient-from: var(--colors-red-800, #9b2c2c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-red-900 { + --tw-gradient-from: var(--colors-red-900, #742a2a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-orange-100 { + --tw-gradient-from: var(--colors-orange-100, #fffaf0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-orange-200 { + --tw-gradient-from: var(--colors-orange-200, #feebc8); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-orange-300 { + --tw-gradient-from: var(--colors-orange-300, #fbd38d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-orange-400 { + --tw-gradient-from: var(--colors-orange-400, #f6ad55); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-orange-500 { + --tw-gradient-from: var(--colors-orange-500, #ed8936); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-orange-600 { + --tw-gradient-from: var(--colors-orange-600, #dd6b20); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-orange-700 { + --tw-gradient-from: var(--colors-orange-700, #c05621); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-orange-800 { + --tw-gradient-from: var(--colors-orange-800, #9c4221); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-orange-900 { + --tw-gradient-from: var(--colors-orange-900, #7b341e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-yellow-100 { + --tw-gradient-from: var(--colors-yellow-100, #fffff0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-yellow-200 { + --tw-gradient-from: var(--colors-yellow-200, #fefcbf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-yellow-300 { + --tw-gradient-from: var(--colors-yellow-300, #faf089); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-yellow-400 { + --tw-gradient-from: var(--colors-yellow-400, #f6e05e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-yellow-500 { + --tw-gradient-from: var(--colors-yellow-500, #ecc94b); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-yellow-600 { + --tw-gradient-from: var(--colors-yellow-600, #d69e2e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-yellow-700 { + --tw-gradient-from: var(--colors-yellow-700, #b7791f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-yellow-800 { + --tw-gradient-from: var(--colors-yellow-800, #975a16); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-yellow-900 { + --tw-gradient-from: var(--colors-yellow-900, #744210); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-green-100 { + --tw-gradient-from: var(--colors-green-100, #f0fff4); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-green-200 { + --tw-gradient-from: var(--colors-green-200, #c6f6d5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-green-300 { + --tw-gradient-from: var(--colors-green-300, #9ae6b4); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-green-400 { + --tw-gradient-from: var(--colors-green-400, #68d391); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-green-500 { + --tw-gradient-from: var(--colors-green-500, #48bb78); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-green-600 { + --tw-gradient-from: var(--colors-green-600, #38a169); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-green-700 { + --tw-gradient-from: var(--colors-green-700, #2f855a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-green-800 { + --tw-gradient-from: var(--colors-green-800, #276749); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-green-900 { + --tw-gradient-from: var(--colors-green-900, #22543d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-teal-100 { + --tw-gradient-from: var(--colors-teal-100, #e6fffa); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-teal-200 { + --tw-gradient-from: var(--colors-teal-200, #b2f5ea); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-teal-300 { + --tw-gradient-from: var(--colors-teal-300, #81e6d9); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-teal-400 { + --tw-gradient-from: var(--colors-teal-400, #4fd1c5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-teal-500 { + --tw-gradient-from: var(--colors-teal-500, #38b2ac); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-teal-600 { + --tw-gradient-from: var(--colors-teal-600, #319795); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-teal-700 { + --tw-gradient-from: var(--colors-teal-700, #2c7a7b); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-teal-800 { + --tw-gradient-from: var(--colors-teal-800, #285e61); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-teal-900 { + --tw-gradient-from: var(--colors-teal-900, #234e52); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-blue-100 { + --tw-gradient-from: var(--colors-blue-100, #ebf8ff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-blue-200 { + --tw-gradient-from: var(--colors-blue-200, #bee3f8); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-blue-300 { + --tw-gradient-from: var(--colors-blue-300, #90cdf4); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-blue-400 { + --tw-gradient-from: var(--colors-blue-400, #63b3ed); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-blue-500 { + --tw-gradient-from: var(--colors-blue-500, #4299e1); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-blue-600 { + --tw-gradient-from: var(--colors-blue-600, #3182ce); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-blue-700 { + --tw-gradient-from: var(--colors-blue-700, #2b6cb0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-blue-800 { + --tw-gradient-from: var(--colors-blue-800, #2c5282); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-blue-900 { + --tw-gradient-from: var(--colors-blue-900, #2a4365); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-indigo-100 { + --tw-gradient-from: var(--colors-indigo-100, #ebf4ff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-indigo-200 { + --tw-gradient-from: var(--colors-indigo-200, #c3dafe); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-indigo-300 { + --tw-gradient-from: var(--colors-indigo-300, #a3bffa); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-indigo-400 { + --tw-gradient-from: var(--colors-indigo-400, #7f9cf5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-indigo-500 { + --tw-gradient-from: var(--colors-indigo-500, #667eea); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-indigo-600 { + --tw-gradient-from: var(--colors-indigo-600, #5a67d8); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-indigo-700 { + --tw-gradient-from: var(--colors-indigo-700, #4c51bf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-indigo-800 { + --tw-gradient-from: var(--colors-indigo-800, #434190); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-indigo-900 { + --tw-gradient-from: var(--colors-indigo-900, #3c366b); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-purple-100 { + --tw-gradient-from: var(--colors-purple-100, #faf5ff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-purple-200 { + --tw-gradient-from: var(--colors-purple-200, #e9d8fd); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-purple-300 { + --tw-gradient-from: var(--colors-purple-300, #d6bcfa); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-purple-400 { + --tw-gradient-from: var(--colors-purple-400, #b794f4); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-purple-500 { + --tw-gradient-from: var(--colors-purple-500, #9f7aea); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-purple-600 { + --tw-gradient-from: var(--colors-purple-600, #805ad5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-purple-700 { + --tw-gradient-from: var(--colors-purple-700, #6b46c1); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-purple-800 { + --tw-gradient-from: var(--colors-purple-800, #553c9a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-purple-900 { + --tw-gradient-from: var(--colors-purple-900, #44337a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-pink-100 { + --tw-gradient-from: var(--colors-pink-100, #fff5f7); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-pink-200 { + --tw-gradient-from: var(--colors-pink-200, #fed7e2); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-pink-300 { + --tw-gradient-from: var(--colors-pink-300, #fbb6ce); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-pink-400 { + --tw-gradient-from: var(--colors-pink-400, #f687b3); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-pink-500 { + --tw-gradient-from: var(--colors-pink-500, #ed64a6); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-pink-600 { + --tw-gradient-from: var(--colors-pink-600, #d53f8c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-pink-700 { + --tw-gradient-from: var(--colors-pink-700, #b83280); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-pink-800 { + --tw-gradient-from: var(--colors-pink-800, #97266d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-colors-pink-900 { + --tw-gradient-from: var(--colors-pink-900, #702459); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-Box\ Shadow { + --tw-gradient-from: var(--box-shadow, #7f7e7f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-Error16 { + --tw-gradient-from: var(--error16, #f03d3e40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-Success16 { + --tw-gradient-from: var(--success16, #5bb14d40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-Notification16 { + --tw-gradient-from: var(--notification16, #3959ff40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-Error8 { + --tw-gradient-from: var(--error8, #f03d3e1a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-Notification8 { + --tw-gradient-from: var(--notification8, #3959ff1a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-Success8 { + --tw-gradient-from: var(--success8, #5bb14d1a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-Light\ -\ Overlay { + --tw-gradient-from: var(--light-overlay, #f0edee66); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-Dark-\ Overlay { + --tw-gradient-from: var(--dark-overlay, #7f7e7f66); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-black-40 { + --tw-gradient-from: var(--black-40, #00000066); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-black-75 { + --tw-gradient-from: var(--black-75, #000000bf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-black-60 { + --tw-gradient-from: var(--black-60, #00000099); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-black-50 { + --tw-gradient-from: var(--black-50, #00000080); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-black-25 { + --tw-gradient-from: var(--black-25, #00000040); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-black-10 { + --tw-gradient-from: var(--black-10, #0000001a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-white-25 { + --tw-gradient-from: var(--white-25, #ffffff40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-white-60 { + --tw-gradient-from: var(--white-60, #ffffff99); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-black-64 { + --tw-gradient-from: var(--black-64, #000000a3); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-Shadow\ and\ Highlight-Shadow { + --tw-gradient-from: var(--shadow-and-highlight-shadow, #7f7e7f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-Shadow\ and\ Highlight-Highlight { + --tw-gradient-from: var(--shadow-and-highlight-highlight, #474747); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-Shadow\ and\ Highlight-highlight\ one { + --tw-gradient-from: var(--shadow-and-highlight-highlight-one, #474747bf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-Shadow\ and\ Highlight-highlight\ two { + --tw-gradient-from: var(--shadow-and-highlight-highlight-two, #47474799); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-Shadow\ and\ Highlight-highlight\ three { + --tw-gradient-from: var(--shadow-and-highlight-highlight-three, #47474766); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-Shadow\ and\ Highlight-highlight\ five { + --tw-gradient-from: var(--shadow-and-highlight-highlight-five, #4747471a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-Shadow\ and\ Highlight-shadow\ one { + --tw-gradient-from: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-Shadow\ and\ Highlight-shadow\ two { + --tw-gradient-from: var(--shadow-and-highlight-shadow-two, #7f7e7f99); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-Shadow\ and\ Highlight-shadow\ three { + --tw-gradient-from: var(--shadow-and-highlight-shadow-three, #7f7e7f66); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-Shadow\ and\ Highlight-shadow\ four { + --tw-gradient-from: var(--shadow-and-highlight-shadow-four, #7f7e7f40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-Shadow\ and\ Highlight-shadow\ five { + --tw-gradient-from: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-Shadow\ and\ Highlight-highlight\ four { + --tw-gradient-from: var(--shadow-and-highlight-highlight-four, #47474740); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-Base\ Layer\ Styles-Base\ Layer-\ Light-White { + --tw-gradient-from: var(--base-layer-styles-base-layer-light-white, #ffffff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite { + --tw-gradient-from: var(--base-layer-styles-base-layer-light-off-white, #f0edee); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack { + --tw-gradient-from: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-Base\ Layer\ Styles-Base\ Layer-Dark-Black { + --tw-gradient-from: var(--base-layer-styles-base-layer-dark-black, #000000); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-Grey-Scale-white { + --tw-gradient-from: var(--grey-scale-white, #ffffff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-Grey-Scale-off-white { + --tw-gradient-from: var(--grey-scale-off-white, #f0edee); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-Grey\ Scale-grey { + --tw-gradient-from: var(--grey-scale-grey, #7f7e7f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-Grey\ Scale-charcoal { + --tw-gradient-from: var(--grey-scale-charcoal, #474747); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-Grey\ Scale-off-black { + --tw-gradient-from: var(--grey-scale-off-black, #1c1c1c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-Grey\ Scale-black { + --tw-gradient-from: var(--grey-scale-black, #000000); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-Blue-blue { + --tw-gradient-from: var(--blue-blue, #3a7ca5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-Blue-blue-100 { + --tw-gradient-from: var(--blue-blue-100, #75a3c0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-Blue-blue-200 { + --tw-gradient-from: var(--blue-blue-200, #9cbed2); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-Blue-blue-300 { + --tw-gradient-from: var(--blue-blue-300, #4f7d9a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-Blue-blue-400 { + --tw-gradient-from: var(--blue-blue-400, #5c7d92); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-Blue-blue-500 { + --tw-gradient-from: var(--blue-blue-500, #347095); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-Blue-blue-600 { + --tw-gradient-from: var(--blue-blue-600, #295774); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-Blue-blue-700 { + --tw-gradient-from: var(--blue-blue-700, #173242); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-LightBlue-lightblue { + --tw-gradient-from: var(--light-blue-lightblue, #81c3d7); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-LightBlue-lightblue-100 { + --tw-gradient-from: var(--light-blue-lightblue-100, #a7d5e3); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-LightBlue-lightblue-200 { + --tw-gradient-from: var(--light-blue-lightblue-200, #c0e1eb); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-LightBlue-lightblue-300 { + --tw-gradient-from: var(--light-blue-lightblue-300, #80aebd); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-LightBlue-lightblue-400 { + --tw-gradient-from: var(--light-blue-lightblue-400, #80a0ab); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-LightBlue-lightblue-500 { + --tw-gradient-from: var(--light-blue-lightblue-500, #74afc1); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-LightBlue-lightblue-600 { + --tw-gradient-from: var(--light-blue-lightblue-600, #5a8997); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-LightBlue-lightblue-650 { + --tw-gradient-from: var(--light-blue-lightblue-650, #3e5e65); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-LightBlue-lightblue-700 { + --tw-gradient-from: var(--light-blue-lightblue-700, #344e56); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-Orange-orange { + --tw-gradient-from: var(--orange-orange, #ff7f0e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-Orange-orange-100 { + --tw-gradient-from: var(--orange-orange-100, #ffa556); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-Orange-orange-200 { + --tw-gradient-from: var(--orange-orange-200, #ffbf86); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-Orange-orange-300 { + --tw-gradient-from: var(--orange-orange-300, #d97f30); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-Orange-orange-400 { + --tw-gradient-from: var(--orange-orange-400, #bf7e46); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-Orange-orange-500 { + --tw-gradient-from: var(--orange-orange-500, #e5720d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-Orange-orange-600 { + --tw-gradient-from: var(--orange-orange-600, #b3590a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-Orange-orange-700 { + --tw-gradient-from: var(--orange-orange-700, #663306); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-Yellow-yellow { + --tw-gradient-from: var(--yellow-yellow, #ffab00); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-Yellow-yellow-100 { + --tw-gradient-from: var(--yellow-yellow-100, #ffc44c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-Yellow-yellow-200 { + --tw-gradient-from: var(--yellow-yellow-200, #ffd580); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-Yellow-yellow-300 { + --tw-gradient-from: var(--yellow-yellow-300, #d99d26); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-Yellow-yellow-400 { + --tw-gradient-from: var(--yellow-yellow-400, #bf943f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-Yellow-yellow-500 { + --tw-gradient-from: var(--yellow-yellow-500, #e59a00); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-Yellow-yellow-600 { + --tw-gradient-from: var(--yellow-yellow-600, #b37800); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-Yellow-yellow-700 { + --tw-gradient-from: var(--yellow-yellow-700, #664400); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-Notification-notification { + --tw-gradient-from: var(--notification-notification, #3959ff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-Notification-notification-100 { + --tw-gradient-from: var(--notification-notification-100, #748bff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-Notification-notification-200 { + --tw-gradient-from: var(--notification-notification-200, #9cacff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-Notification-notification-300 { + --tw-gradient-from: var(--notification-notification-300, #4e64d9); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-Notification-notification-400 { + --tw-gradient-from: var(--notification-notification-400, #5c6cbf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-Notification-notification-500 { + --tw-gradient-from: var(--notification-notification-500, #3350e5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-Notification-notification-600 { + --tw-gradient-from: var(--notification-notification-600, #283eb3); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-Notification-notification-700 { + --tw-gradient-from: var(--notification-notification-700, #172466); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-Success-success\ -700 { + --tw-gradient-from: var(--success-success-700, #24471f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-Success-success { + --tw-gradient-from: var(--success-success, #5bb14d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-Success-success\ -100 { + --tw-gradient-from: var(--success-success-100, #8cc882); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-Success-success\ -200 { + --tw-gradient-from: var(--success-success-200, #add8a6); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-Success-success\ -300 { + --tw-gradient-from: var(--success-success-300, #66a25c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-Success-success\ -400 { + --tw-gradient-from: var(--success-success-400, #6d9766); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-Success-success\ -500 { + --tw-gradient-from: var(--success-success-500, #529f45); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-Success-success\ -600 { + --tw-gradient-from: var(--success-success-600, #407c36); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-Error-error { + --tw-gradient-from: var(--error-error, #f03d3e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-Error-error-100 { + --tw-gradient-from: var(--error-error-100, #f57778); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-Error-error-200 { + --tw-gradient-from: var(--error-error-200, #f89e9e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-Error-error-250 { + --tw-gradient-from: var(--error-error-250, #f9c8c8); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-Error-error-300 { + --tw-gradient-from: var(--error-error-300, #ce5151); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-Error-error-400 { + --tw-gradient-from: var(--error-error-400, #b85e5e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-Error-error-500 { + --tw-gradient-from: var(--error-error-500, #d83738); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-Error-error-600 { + --tw-gradient-from: var(--error-error-600, #a82b2b); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:from-Error-error-700 { + --tw-gradient-from: var(--error-error-700, #601819); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-black:hover { + --tw-gradient-from: var(--colors-black, #000000); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-white:hover { + --tw-gradient-from: var(--colors-white, #ffffff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-gray-100:hover { + --tw-gradient-from: var(--colors-gray-100, #f7fafc); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-gray-200:hover { + --tw-gradient-from: var(--colors-gray-200, #edf2f7); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-gray-300:hover { + --tw-gradient-from: var(--colors-gray-300, #e2e8f0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-gray-400:hover { + --tw-gradient-from: var(--colors-gray-400, #cbd5e0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-gray-500:hover { + --tw-gradient-from: var(--colors-gray-500, #a0aec0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-gray-600:hover { + --tw-gradient-from: var(--colors-gray-600, #718096); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-gray-700:hover { + --tw-gradient-from: var(--colors-gray-700, #4a5568); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-gray-800:hover { + --tw-gradient-from: var(--colors-gray-800, #2d3748); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-gray-900:hover { + --tw-gradient-from: var(--colors-gray-900, #1a202c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-red-100:hover { + --tw-gradient-from: var(--colors-red-100, #fff5f5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-red-200:hover { + --tw-gradient-from: var(--colors-red-200, #fed7d7); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-red-300:hover { + --tw-gradient-from: var(--colors-red-300, #feb2b2); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-red-400:hover { + --tw-gradient-from: var(--colors-red-400, #fc8181); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-red-500:hover { + --tw-gradient-from: var(--colors-red-500, #f56565); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-red-600:hover { + --tw-gradient-from: var(--colors-red-600, #e53e3e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-red-700:hover { + --tw-gradient-from: var(--colors-red-700, #c53030); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-red-800:hover { + --tw-gradient-from: var(--colors-red-800, #9b2c2c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-red-900:hover { + --tw-gradient-from: var(--colors-red-900, #742a2a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-orange-100:hover { + --tw-gradient-from: var(--colors-orange-100, #fffaf0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-orange-200:hover { + --tw-gradient-from: var(--colors-orange-200, #feebc8); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-orange-300:hover { + --tw-gradient-from: var(--colors-orange-300, #fbd38d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-orange-400:hover { + --tw-gradient-from: var(--colors-orange-400, #f6ad55); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-orange-500:hover { + --tw-gradient-from: var(--colors-orange-500, #ed8936); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-orange-600:hover { + --tw-gradient-from: var(--colors-orange-600, #dd6b20); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-orange-700:hover { + --tw-gradient-from: var(--colors-orange-700, #c05621); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-orange-800:hover { + --tw-gradient-from: var(--colors-orange-800, #9c4221); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-orange-900:hover { + --tw-gradient-from: var(--colors-orange-900, #7b341e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-yellow-100:hover { + --tw-gradient-from: var(--colors-yellow-100, #fffff0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-yellow-200:hover { + --tw-gradient-from: var(--colors-yellow-200, #fefcbf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-yellow-300:hover { + --tw-gradient-from: var(--colors-yellow-300, #faf089); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-yellow-400:hover { + --tw-gradient-from: var(--colors-yellow-400, #f6e05e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-yellow-500:hover { + --tw-gradient-from: var(--colors-yellow-500, #ecc94b); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-yellow-600:hover { + --tw-gradient-from: var(--colors-yellow-600, #d69e2e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-yellow-700:hover { + --tw-gradient-from: var(--colors-yellow-700, #b7791f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-yellow-800:hover { + --tw-gradient-from: var(--colors-yellow-800, #975a16); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-yellow-900:hover { + --tw-gradient-from: var(--colors-yellow-900, #744210); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-green-100:hover { + --tw-gradient-from: var(--colors-green-100, #f0fff4); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-green-200:hover { + --tw-gradient-from: var(--colors-green-200, #c6f6d5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-green-300:hover { + --tw-gradient-from: var(--colors-green-300, #9ae6b4); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-green-400:hover { + --tw-gradient-from: var(--colors-green-400, #68d391); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-green-500:hover { + --tw-gradient-from: var(--colors-green-500, #48bb78); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-green-600:hover { + --tw-gradient-from: var(--colors-green-600, #38a169); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-green-700:hover { + --tw-gradient-from: var(--colors-green-700, #2f855a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-green-800:hover { + --tw-gradient-from: var(--colors-green-800, #276749); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-green-900:hover { + --tw-gradient-from: var(--colors-green-900, #22543d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-teal-100:hover { + --tw-gradient-from: var(--colors-teal-100, #e6fffa); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-teal-200:hover { + --tw-gradient-from: var(--colors-teal-200, #b2f5ea); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-teal-300:hover { + --tw-gradient-from: var(--colors-teal-300, #81e6d9); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-teal-400:hover { + --tw-gradient-from: var(--colors-teal-400, #4fd1c5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-teal-500:hover { + --tw-gradient-from: var(--colors-teal-500, #38b2ac); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-teal-600:hover { + --tw-gradient-from: var(--colors-teal-600, #319795); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-teal-700:hover { + --tw-gradient-from: var(--colors-teal-700, #2c7a7b); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-teal-800:hover { + --tw-gradient-from: var(--colors-teal-800, #285e61); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-teal-900:hover { + --tw-gradient-from: var(--colors-teal-900, #234e52); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-blue-100:hover { + --tw-gradient-from: var(--colors-blue-100, #ebf8ff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-blue-200:hover { + --tw-gradient-from: var(--colors-blue-200, #bee3f8); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-blue-300:hover { + --tw-gradient-from: var(--colors-blue-300, #90cdf4); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-blue-400:hover { + --tw-gradient-from: var(--colors-blue-400, #63b3ed); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-blue-500:hover { + --tw-gradient-from: var(--colors-blue-500, #4299e1); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-blue-600:hover { + --tw-gradient-from: var(--colors-blue-600, #3182ce); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-blue-700:hover { + --tw-gradient-from: var(--colors-blue-700, #2b6cb0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-blue-800:hover { + --tw-gradient-from: var(--colors-blue-800, #2c5282); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-blue-900:hover { + --tw-gradient-from: var(--colors-blue-900, #2a4365); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-indigo-100:hover { + --tw-gradient-from: var(--colors-indigo-100, #ebf4ff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-indigo-200:hover { + --tw-gradient-from: var(--colors-indigo-200, #c3dafe); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-indigo-300:hover { + --tw-gradient-from: var(--colors-indigo-300, #a3bffa); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-indigo-400:hover { + --tw-gradient-from: var(--colors-indigo-400, #7f9cf5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-indigo-500:hover { + --tw-gradient-from: var(--colors-indigo-500, #667eea); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-indigo-600:hover { + --tw-gradient-from: var(--colors-indigo-600, #5a67d8); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-indigo-700:hover { + --tw-gradient-from: var(--colors-indigo-700, #4c51bf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-indigo-800:hover { + --tw-gradient-from: var(--colors-indigo-800, #434190); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-indigo-900:hover { + --tw-gradient-from: var(--colors-indigo-900, #3c366b); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-purple-100:hover { + --tw-gradient-from: var(--colors-purple-100, #faf5ff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-purple-200:hover { + --tw-gradient-from: var(--colors-purple-200, #e9d8fd); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-purple-300:hover { + --tw-gradient-from: var(--colors-purple-300, #d6bcfa); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-purple-400:hover { + --tw-gradient-from: var(--colors-purple-400, #b794f4); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-purple-500:hover { + --tw-gradient-from: var(--colors-purple-500, #9f7aea); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-purple-600:hover { + --tw-gradient-from: var(--colors-purple-600, #805ad5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-purple-700:hover { + --tw-gradient-from: var(--colors-purple-700, #6b46c1); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-purple-800:hover { + --tw-gradient-from: var(--colors-purple-800, #553c9a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-purple-900:hover { + --tw-gradient-from: var(--colors-purple-900, #44337a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-pink-100:hover { + --tw-gradient-from: var(--colors-pink-100, #fff5f7); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-pink-200:hover { + --tw-gradient-from: var(--colors-pink-200, #fed7e2); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-pink-300:hover { + --tw-gradient-from: var(--colors-pink-300, #fbb6ce); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-pink-400:hover { + --tw-gradient-from: var(--colors-pink-400, #f687b3); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-pink-500:hover { + --tw-gradient-from: var(--colors-pink-500, #ed64a6); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-pink-600:hover { + --tw-gradient-from: var(--colors-pink-600, #d53f8c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-pink-700:hover { + --tw-gradient-from: var(--colors-pink-700, #b83280); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-pink-800:hover { + --tw-gradient-from: var(--colors-pink-800, #97266d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-colors-pink-900:hover { + --tw-gradient-from: var(--colors-pink-900, #702459); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-Box\ Shadow:hover { + --tw-gradient-from: var(--box-shadow, #7f7e7f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-Error16:hover { + --tw-gradient-from: var(--error16, #f03d3e40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-Success16:hover { + --tw-gradient-from: var(--success16, #5bb14d40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-Notification16:hover { + --tw-gradient-from: var(--notification16, #3959ff40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-Error8:hover { + --tw-gradient-from: var(--error8, #f03d3e1a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-Notification8:hover { + --tw-gradient-from: var(--notification8, #3959ff1a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-Success8:hover { + --tw-gradient-from: var(--success8, #5bb14d1a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-Light\ -\ Overlay:hover { + --tw-gradient-from: var(--light-overlay, #f0edee66); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-Dark-\ Overlay:hover { + --tw-gradient-from: var(--dark-overlay, #7f7e7f66); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-black-40:hover { + --tw-gradient-from: var(--black-40, #00000066); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-black-75:hover { + --tw-gradient-from: var(--black-75, #000000bf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-black-60:hover { + --tw-gradient-from: var(--black-60, #00000099); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-black-50:hover { + --tw-gradient-from: var(--black-50, #00000080); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-black-25:hover { + --tw-gradient-from: var(--black-25, #00000040); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-black-10:hover { + --tw-gradient-from: var(--black-10, #0000001a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-white-25:hover { + --tw-gradient-from: var(--white-25, #ffffff40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-white-60:hover { + --tw-gradient-from: var(--white-60, #ffffff99); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-black-64:hover { + --tw-gradient-from: var(--black-64, #000000a3); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-Shadow\ and\ Highlight-Shadow:hover { + --tw-gradient-from: var(--shadow-and-highlight-shadow, #7f7e7f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-Shadow\ and\ Highlight-Highlight:hover { + --tw-gradient-from: var(--shadow-and-highlight-highlight, #474747); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-Shadow\ and\ Highlight-highlight\ one:hover { + --tw-gradient-from: var(--shadow-and-highlight-highlight-one, #474747bf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-Shadow\ and\ Highlight-highlight\ two:hover { + --tw-gradient-from: var(--shadow-and-highlight-highlight-two, #47474799); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-Shadow\ and\ Highlight-highlight\ three:hover { + --tw-gradient-from: var(--shadow-and-highlight-highlight-three, #47474766); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-Shadow\ and\ Highlight-highlight\ five:hover { + --tw-gradient-from: var(--shadow-and-highlight-highlight-five, #4747471a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-Shadow\ and\ Highlight-shadow\ one:hover { + --tw-gradient-from: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-Shadow\ and\ Highlight-shadow\ two:hover { + --tw-gradient-from: var(--shadow-and-highlight-shadow-two, #7f7e7f99); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-Shadow\ and\ Highlight-shadow\ three:hover { + --tw-gradient-from: var(--shadow-and-highlight-shadow-three, #7f7e7f66); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-Shadow\ and\ Highlight-shadow\ four:hover { + --tw-gradient-from: var(--shadow-and-highlight-shadow-four, #7f7e7f40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-Shadow\ and\ Highlight-shadow\ five:hover { + --tw-gradient-from: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-Shadow\ and\ Highlight-highlight\ four:hover { + --tw-gradient-from: var(--shadow-and-highlight-highlight-four, #47474740); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-Base\ Layer\ Styles-Base\ Layer-\ Light-White:hover { + --tw-gradient-from: var(--base-layer-styles-base-layer-light-white, #ffffff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:hover { + --tw-gradient-from: var(--base-layer-styles-base-layer-light-off-white, #f0edee); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:hover { + --tw-gradient-from: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-Base\ Layer\ Styles-Base\ Layer-Dark-Black:hover { + --tw-gradient-from: var(--base-layer-styles-base-layer-dark-black, #000000); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-Grey-Scale-white:hover { + --tw-gradient-from: var(--grey-scale-white, #ffffff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-Grey-Scale-off-white:hover { + --tw-gradient-from: var(--grey-scale-off-white, #f0edee); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-Grey\ Scale-grey:hover { + --tw-gradient-from: var(--grey-scale-grey, #7f7e7f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-Grey\ Scale-charcoal:hover { + --tw-gradient-from: var(--grey-scale-charcoal, #474747); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-Grey\ Scale-off-black:hover { + --tw-gradient-from: var(--grey-scale-off-black, #1c1c1c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-Grey\ Scale-black:hover { + --tw-gradient-from: var(--grey-scale-black, #000000); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-Blue-blue:hover { + --tw-gradient-from: var(--blue-blue, #3a7ca5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-Blue-blue-100:hover { + --tw-gradient-from: var(--blue-blue-100, #75a3c0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-Blue-blue-200:hover { + --tw-gradient-from: var(--blue-blue-200, #9cbed2); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-Blue-blue-300:hover { + --tw-gradient-from: var(--blue-blue-300, #4f7d9a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-Blue-blue-400:hover { + --tw-gradient-from: var(--blue-blue-400, #5c7d92); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-Blue-blue-500:hover { + --tw-gradient-from: var(--blue-blue-500, #347095); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-Blue-blue-600:hover { + --tw-gradient-from: var(--blue-blue-600, #295774); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-Blue-blue-700:hover { + --tw-gradient-from: var(--blue-blue-700, #173242); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-LightBlue-lightblue:hover { + --tw-gradient-from: var(--light-blue-lightblue, #81c3d7); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-LightBlue-lightblue-100:hover { + --tw-gradient-from: var(--light-blue-lightblue-100, #a7d5e3); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-LightBlue-lightblue-200:hover { + --tw-gradient-from: var(--light-blue-lightblue-200, #c0e1eb); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-LightBlue-lightblue-300:hover { + --tw-gradient-from: var(--light-blue-lightblue-300, #80aebd); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-LightBlue-lightblue-400:hover { + --tw-gradient-from: var(--light-blue-lightblue-400, #80a0ab); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-LightBlue-lightblue-500:hover { + --tw-gradient-from: var(--light-blue-lightblue-500, #74afc1); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-LightBlue-lightblue-600:hover { + --tw-gradient-from: var(--light-blue-lightblue-600, #5a8997); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-LightBlue-lightblue-650:hover { + --tw-gradient-from: var(--light-blue-lightblue-650, #3e5e65); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-LightBlue-lightblue-700:hover { + --tw-gradient-from: var(--light-blue-lightblue-700, #344e56); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-Orange-orange:hover { + --tw-gradient-from: var(--orange-orange, #ff7f0e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-Orange-orange-100:hover { + --tw-gradient-from: var(--orange-orange-100, #ffa556); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-Orange-orange-200:hover { + --tw-gradient-from: var(--orange-orange-200, #ffbf86); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-Orange-orange-300:hover { + --tw-gradient-from: var(--orange-orange-300, #d97f30); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-Orange-orange-400:hover { + --tw-gradient-from: var(--orange-orange-400, #bf7e46); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-Orange-orange-500:hover { + --tw-gradient-from: var(--orange-orange-500, #e5720d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-Orange-orange-600:hover { + --tw-gradient-from: var(--orange-orange-600, #b3590a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-Orange-orange-700:hover { + --tw-gradient-from: var(--orange-orange-700, #663306); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-Yellow-yellow:hover { + --tw-gradient-from: var(--yellow-yellow, #ffab00); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-Yellow-yellow-100:hover { + --tw-gradient-from: var(--yellow-yellow-100, #ffc44c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-Yellow-yellow-200:hover { + --tw-gradient-from: var(--yellow-yellow-200, #ffd580); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-Yellow-yellow-300:hover { + --tw-gradient-from: var(--yellow-yellow-300, #d99d26); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-Yellow-yellow-400:hover { + --tw-gradient-from: var(--yellow-yellow-400, #bf943f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-Yellow-yellow-500:hover { + --tw-gradient-from: var(--yellow-yellow-500, #e59a00); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-Yellow-yellow-600:hover { + --tw-gradient-from: var(--yellow-yellow-600, #b37800); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-Yellow-yellow-700:hover { + --tw-gradient-from: var(--yellow-yellow-700, #664400); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-Notification-notification:hover { + --tw-gradient-from: var(--notification-notification, #3959ff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-Notification-notification-100:hover { + --tw-gradient-from: var(--notification-notification-100, #748bff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-Notification-notification-200:hover { + --tw-gradient-from: var(--notification-notification-200, #9cacff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-Notification-notification-300:hover { + --tw-gradient-from: var(--notification-notification-300, #4e64d9); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-Notification-notification-400:hover { + --tw-gradient-from: var(--notification-notification-400, #5c6cbf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-Notification-notification-500:hover { + --tw-gradient-from: var(--notification-notification-500, #3350e5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-Notification-notification-600:hover { + --tw-gradient-from: var(--notification-notification-600, #283eb3); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-Notification-notification-700:hover { + --tw-gradient-from: var(--notification-notification-700, #172466); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-Success-success\ -700:hover { + --tw-gradient-from: var(--success-success-700, #24471f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-Success-success:hover { + --tw-gradient-from: var(--success-success, #5bb14d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-Success-success\ -100:hover { + --tw-gradient-from: var(--success-success-100, #8cc882); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-Success-success\ -200:hover { + --tw-gradient-from: var(--success-success-200, #add8a6); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-Success-success\ -300:hover { + --tw-gradient-from: var(--success-success-300, #66a25c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-Success-success\ -400:hover { + --tw-gradient-from: var(--success-success-400, #6d9766); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-Success-success\ -500:hover { + --tw-gradient-from: var(--success-success-500, #529f45); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-Success-success\ -600:hover { + --tw-gradient-from: var(--success-success-600, #407c36); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-Error-error:hover { + --tw-gradient-from: var(--error-error, #f03d3e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-Error-error-100:hover { + --tw-gradient-from: var(--error-error-100, #f57778); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-Error-error-200:hover { + --tw-gradient-from: var(--error-error-200, #f89e9e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-Error-error-250:hover { + --tw-gradient-from: var(--error-error-250, #f9c8c8); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-Error-error-300:hover { + --tw-gradient-from: var(--error-error-300, #ce5151); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-Error-error-400:hover { + --tw-gradient-from: var(--error-error-400, #b85e5e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-Error-error-500:hover { + --tw-gradient-from: var(--error-error-500, #d83738); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-Error-error-600:hover { + --tw-gradient-from: var(--error-error-600, #a82b2b); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:from-Error-error-700:hover { + --tw-gradient-from: var(--error-error-700, #601819); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-black:focus { + --tw-gradient-from: var(--colors-black, #000000); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-white:focus { + --tw-gradient-from: var(--colors-white, #ffffff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-gray-100:focus { + --tw-gradient-from: var(--colors-gray-100, #f7fafc); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-gray-200:focus { + --tw-gradient-from: var(--colors-gray-200, #edf2f7); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-gray-300:focus { + --tw-gradient-from: var(--colors-gray-300, #e2e8f0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-gray-400:focus { + --tw-gradient-from: var(--colors-gray-400, #cbd5e0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-gray-500:focus { + --tw-gradient-from: var(--colors-gray-500, #a0aec0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-gray-600:focus { + --tw-gradient-from: var(--colors-gray-600, #718096); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-gray-700:focus { + --tw-gradient-from: var(--colors-gray-700, #4a5568); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-gray-800:focus { + --tw-gradient-from: var(--colors-gray-800, #2d3748); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-gray-900:focus { + --tw-gradient-from: var(--colors-gray-900, #1a202c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-red-100:focus { + --tw-gradient-from: var(--colors-red-100, #fff5f5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-red-200:focus { + --tw-gradient-from: var(--colors-red-200, #fed7d7); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-red-300:focus { + --tw-gradient-from: var(--colors-red-300, #feb2b2); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-red-400:focus { + --tw-gradient-from: var(--colors-red-400, #fc8181); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-red-500:focus { + --tw-gradient-from: var(--colors-red-500, #f56565); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-red-600:focus { + --tw-gradient-from: var(--colors-red-600, #e53e3e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-red-700:focus { + --tw-gradient-from: var(--colors-red-700, #c53030); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-red-800:focus { + --tw-gradient-from: var(--colors-red-800, #9b2c2c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-red-900:focus { + --tw-gradient-from: var(--colors-red-900, #742a2a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-orange-100:focus { + --tw-gradient-from: var(--colors-orange-100, #fffaf0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-orange-200:focus { + --tw-gradient-from: var(--colors-orange-200, #feebc8); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-orange-300:focus { + --tw-gradient-from: var(--colors-orange-300, #fbd38d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-orange-400:focus { + --tw-gradient-from: var(--colors-orange-400, #f6ad55); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-orange-500:focus { + --tw-gradient-from: var(--colors-orange-500, #ed8936); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-orange-600:focus { + --tw-gradient-from: var(--colors-orange-600, #dd6b20); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-orange-700:focus { + --tw-gradient-from: var(--colors-orange-700, #c05621); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-orange-800:focus { + --tw-gradient-from: var(--colors-orange-800, #9c4221); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-orange-900:focus { + --tw-gradient-from: var(--colors-orange-900, #7b341e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-yellow-100:focus { + --tw-gradient-from: var(--colors-yellow-100, #fffff0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-yellow-200:focus { + --tw-gradient-from: var(--colors-yellow-200, #fefcbf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-yellow-300:focus { + --tw-gradient-from: var(--colors-yellow-300, #faf089); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-yellow-400:focus { + --tw-gradient-from: var(--colors-yellow-400, #f6e05e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-yellow-500:focus { + --tw-gradient-from: var(--colors-yellow-500, #ecc94b); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-yellow-600:focus { + --tw-gradient-from: var(--colors-yellow-600, #d69e2e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-yellow-700:focus { + --tw-gradient-from: var(--colors-yellow-700, #b7791f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-yellow-800:focus { + --tw-gradient-from: var(--colors-yellow-800, #975a16); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-yellow-900:focus { + --tw-gradient-from: var(--colors-yellow-900, #744210); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-green-100:focus { + --tw-gradient-from: var(--colors-green-100, #f0fff4); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-green-200:focus { + --tw-gradient-from: var(--colors-green-200, #c6f6d5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-green-300:focus { + --tw-gradient-from: var(--colors-green-300, #9ae6b4); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-green-400:focus { + --tw-gradient-from: var(--colors-green-400, #68d391); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-green-500:focus { + --tw-gradient-from: var(--colors-green-500, #48bb78); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-green-600:focus { + --tw-gradient-from: var(--colors-green-600, #38a169); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-green-700:focus { + --tw-gradient-from: var(--colors-green-700, #2f855a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-green-800:focus { + --tw-gradient-from: var(--colors-green-800, #276749); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-green-900:focus { + --tw-gradient-from: var(--colors-green-900, #22543d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-teal-100:focus { + --tw-gradient-from: var(--colors-teal-100, #e6fffa); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-teal-200:focus { + --tw-gradient-from: var(--colors-teal-200, #b2f5ea); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-teal-300:focus { + --tw-gradient-from: var(--colors-teal-300, #81e6d9); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-teal-400:focus { + --tw-gradient-from: var(--colors-teal-400, #4fd1c5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-teal-500:focus { + --tw-gradient-from: var(--colors-teal-500, #38b2ac); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-teal-600:focus { + --tw-gradient-from: var(--colors-teal-600, #319795); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-teal-700:focus { + --tw-gradient-from: var(--colors-teal-700, #2c7a7b); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-teal-800:focus { + --tw-gradient-from: var(--colors-teal-800, #285e61); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-teal-900:focus { + --tw-gradient-from: var(--colors-teal-900, #234e52); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-blue-100:focus { + --tw-gradient-from: var(--colors-blue-100, #ebf8ff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-blue-200:focus { + --tw-gradient-from: var(--colors-blue-200, #bee3f8); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-blue-300:focus { + --tw-gradient-from: var(--colors-blue-300, #90cdf4); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-blue-400:focus { + --tw-gradient-from: var(--colors-blue-400, #63b3ed); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-blue-500:focus { + --tw-gradient-from: var(--colors-blue-500, #4299e1); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-blue-600:focus { + --tw-gradient-from: var(--colors-blue-600, #3182ce); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-blue-700:focus { + --tw-gradient-from: var(--colors-blue-700, #2b6cb0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-blue-800:focus { + --tw-gradient-from: var(--colors-blue-800, #2c5282); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-blue-900:focus { + --tw-gradient-from: var(--colors-blue-900, #2a4365); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-indigo-100:focus { + --tw-gradient-from: var(--colors-indigo-100, #ebf4ff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-indigo-200:focus { + --tw-gradient-from: var(--colors-indigo-200, #c3dafe); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-indigo-300:focus { + --tw-gradient-from: var(--colors-indigo-300, #a3bffa); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-indigo-400:focus { + --tw-gradient-from: var(--colors-indigo-400, #7f9cf5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-indigo-500:focus { + --tw-gradient-from: var(--colors-indigo-500, #667eea); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-indigo-600:focus { + --tw-gradient-from: var(--colors-indigo-600, #5a67d8); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-indigo-700:focus { + --tw-gradient-from: var(--colors-indigo-700, #4c51bf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-indigo-800:focus { + --tw-gradient-from: var(--colors-indigo-800, #434190); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-indigo-900:focus { + --tw-gradient-from: var(--colors-indigo-900, #3c366b); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-purple-100:focus { + --tw-gradient-from: var(--colors-purple-100, #faf5ff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-purple-200:focus { + --tw-gradient-from: var(--colors-purple-200, #e9d8fd); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-purple-300:focus { + --tw-gradient-from: var(--colors-purple-300, #d6bcfa); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-purple-400:focus { + --tw-gradient-from: var(--colors-purple-400, #b794f4); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-purple-500:focus { + --tw-gradient-from: var(--colors-purple-500, #9f7aea); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-purple-600:focus { + --tw-gradient-from: var(--colors-purple-600, #805ad5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-purple-700:focus { + --tw-gradient-from: var(--colors-purple-700, #6b46c1); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-purple-800:focus { + --tw-gradient-from: var(--colors-purple-800, #553c9a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-purple-900:focus { + --tw-gradient-from: var(--colors-purple-900, #44337a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-pink-100:focus { + --tw-gradient-from: var(--colors-pink-100, #fff5f7); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-pink-200:focus { + --tw-gradient-from: var(--colors-pink-200, #fed7e2); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-pink-300:focus { + --tw-gradient-from: var(--colors-pink-300, #fbb6ce); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-pink-400:focus { + --tw-gradient-from: var(--colors-pink-400, #f687b3); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-pink-500:focus { + --tw-gradient-from: var(--colors-pink-500, #ed64a6); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-pink-600:focus { + --tw-gradient-from: var(--colors-pink-600, #d53f8c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-pink-700:focus { + --tw-gradient-from: var(--colors-pink-700, #b83280); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-pink-800:focus { + --tw-gradient-from: var(--colors-pink-800, #97266d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-colors-pink-900:focus { + --tw-gradient-from: var(--colors-pink-900, #702459); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-Box\ Shadow:focus { + --tw-gradient-from: var(--box-shadow, #7f7e7f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-Error16:focus { + --tw-gradient-from: var(--error16, #f03d3e40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-Success16:focus { + --tw-gradient-from: var(--success16, #5bb14d40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-Notification16:focus { + --tw-gradient-from: var(--notification16, #3959ff40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-Error8:focus { + --tw-gradient-from: var(--error8, #f03d3e1a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-Notification8:focus { + --tw-gradient-from: var(--notification8, #3959ff1a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-Success8:focus { + --tw-gradient-from: var(--success8, #5bb14d1a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-Light\ -\ Overlay:focus { + --tw-gradient-from: var(--light-overlay, #f0edee66); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-Dark-\ Overlay:focus { + --tw-gradient-from: var(--dark-overlay, #7f7e7f66); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-black-40:focus { + --tw-gradient-from: var(--black-40, #00000066); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-black-75:focus { + --tw-gradient-from: var(--black-75, #000000bf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-black-60:focus { + --tw-gradient-from: var(--black-60, #00000099); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-black-50:focus { + --tw-gradient-from: var(--black-50, #00000080); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-black-25:focus { + --tw-gradient-from: var(--black-25, #00000040); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-black-10:focus { + --tw-gradient-from: var(--black-10, #0000001a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-white-25:focus { + --tw-gradient-from: var(--white-25, #ffffff40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-white-60:focus { + --tw-gradient-from: var(--white-60, #ffffff99); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-black-64:focus { + --tw-gradient-from: var(--black-64, #000000a3); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-Shadow\ and\ Highlight-Shadow:focus { + --tw-gradient-from: var(--shadow-and-highlight-shadow, #7f7e7f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-Shadow\ and\ Highlight-Highlight:focus { + --tw-gradient-from: var(--shadow-and-highlight-highlight, #474747); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-Shadow\ and\ Highlight-highlight\ one:focus { + --tw-gradient-from: var(--shadow-and-highlight-highlight-one, #474747bf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-Shadow\ and\ Highlight-highlight\ two:focus { + --tw-gradient-from: var(--shadow-and-highlight-highlight-two, #47474799); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-Shadow\ and\ Highlight-highlight\ three:focus { + --tw-gradient-from: var(--shadow-and-highlight-highlight-three, #47474766); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-Shadow\ and\ Highlight-highlight\ five:focus { + --tw-gradient-from: var(--shadow-and-highlight-highlight-five, #4747471a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-Shadow\ and\ Highlight-shadow\ one:focus { + --tw-gradient-from: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-Shadow\ and\ Highlight-shadow\ two:focus { + --tw-gradient-from: var(--shadow-and-highlight-shadow-two, #7f7e7f99); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-Shadow\ and\ Highlight-shadow\ three:focus { + --tw-gradient-from: var(--shadow-and-highlight-shadow-three, #7f7e7f66); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-Shadow\ and\ Highlight-shadow\ four:focus { + --tw-gradient-from: var(--shadow-and-highlight-shadow-four, #7f7e7f40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-Shadow\ and\ Highlight-shadow\ five:focus { + --tw-gradient-from: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-Shadow\ and\ Highlight-highlight\ four:focus { + --tw-gradient-from: var(--shadow-and-highlight-highlight-four, #47474740); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus { + --tw-gradient-from: var(--base-layer-styles-base-layer-light-white, #ffffff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus { + --tw-gradient-from: var(--base-layer-styles-base-layer-light-off-white, #f0edee); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus { + --tw-gradient-from: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus { + --tw-gradient-from: var(--base-layer-styles-base-layer-dark-black, #000000); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-Grey-Scale-white:focus { + --tw-gradient-from: var(--grey-scale-white, #ffffff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-Grey-Scale-off-white:focus { + --tw-gradient-from: var(--grey-scale-off-white, #f0edee); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-Grey\ Scale-grey:focus { + --tw-gradient-from: var(--grey-scale-grey, #7f7e7f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-Grey\ Scale-charcoal:focus { + --tw-gradient-from: var(--grey-scale-charcoal, #474747); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-Grey\ Scale-off-black:focus { + --tw-gradient-from: var(--grey-scale-off-black, #1c1c1c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-Grey\ Scale-black:focus { + --tw-gradient-from: var(--grey-scale-black, #000000); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-Blue-blue:focus { + --tw-gradient-from: var(--blue-blue, #3a7ca5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-Blue-blue-100:focus { + --tw-gradient-from: var(--blue-blue-100, #75a3c0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-Blue-blue-200:focus { + --tw-gradient-from: var(--blue-blue-200, #9cbed2); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-Blue-blue-300:focus { + --tw-gradient-from: var(--blue-blue-300, #4f7d9a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-Blue-blue-400:focus { + --tw-gradient-from: var(--blue-blue-400, #5c7d92); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-Blue-blue-500:focus { + --tw-gradient-from: var(--blue-blue-500, #347095); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-Blue-blue-600:focus { + --tw-gradient-from: var(--blue-blue-600, #295774); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-Blue-blue-700:focus { + --tw-gradient-from: var(--blue-blue-700, #173242); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-LightBlue-lightblue:focus { + --tw-gradient-from: var(--light-blue-lightblue, #81c3d7); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-LightBlue-lightblue-100:focus { + --tw-gradient-from: var(--light-blue-lightblue-100, #a7d5e3); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-LightBlue-lightblue-200:focus { + --tw-gradient-from: var(--light-blue-lightblue-200, #c0e1eb); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-LightBlue-lightblue-300:focus { + --tw-gradient-from: var(--light-blue-lightblue-300, #80aebd); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-LightBlue-lightblue-400:focus { + --tw-gradient-from: var(--light-blue-lightblue-400, #80a0ab); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-LightBlue-lightblue-500:focus { + --tw-gradient-from: var(--light-blue-lightblue-500, #74afc1); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-LightBlue-lightblue-600:focus { + --tw-gradient-from: var(--light-blue-lightblue-600, #5a8997); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-LightBlue-lightblue-650:focus { + --tw-gradient-from: var(--light-blue-lightblue-650, #3e5e65); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-LightBlue-lightblue-700:focus { + --tw-gradient-from: var(--light-blue-lightblue-700, #344e56); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-Orange-orange:focus { + --tw-gradient-from: var(--orange-orange, #ff7f0e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-Orange-orange-100:focus { + --tw-gradient-from: var(--orange-orange-100, #ffa556); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-Orange-orange-200:focus { + --tw-gradient-from: var(--orange-orange-200, #ffbf86); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-Orange-orange-300:focus { + --tw-gradient-from: var(--orange-orange-300, #d97f30); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-Orange-orange-400:focus { + --tw-gradient-from: var(--orange-orange-400, #bf7e46); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-Orange-orange-500:focus { + --tw-gradient-from: var(--orange-orange-500, #e5720d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-Orange-orange-600:focus { + --tw-gradient-from: var(--orange-orange-600, #b3590a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-Orange-orange-700:focus { + --tw-gradient-from: var(--orange-orange-700, #663306); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-Yellow-yellow:focus { + --tw-gradient-from: var(--yellow-yellow, #ffab00); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-Yellow-yellow-100:focus { + --tw-gradient-from: var(--yellow-yellow-100, #ffc44c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-Yellow-yellow-200:focus { + --tw-gradient-from: var(--yellow-yellow-200, #ffd580); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-Yellow-yellow-300:focus { + --tw-gradient-from: var(--yellow-yellow-300, #d99d26); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-Yellow-yellow-400:focus { + --tw-gradient-from: var(--yellow-yellow-400, #bf943f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-Yellow-yellow-500:focus { + --tw-gradient-from: var(--yellow-yellow-500, #e59a00); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-Yellow-yellow-600:focus { + --tw-gradient-from: var(--yellow-yellow-600, #b37800); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-Yellow-yellow-700:focus { + --tw-gradient-from: var(--yellow-yellow-700, #664400); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-Notification-notification:focus { + --tw-gradient-from: var(--notification-notification, #3959ff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-Notification-notification-100:focus { + --tw-gradient-from: var(--notification-notification-100, #748bff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-Notification-notification-200:focus { + --tw-gradient-from: var(--notification-notification-200, #9cacff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-Notification-notification-300:focus { + --tw-gradient-from: var(--notification-notification-300, #4e64d9); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-Notification-notification-400:focus { + --tw-gradient-from: var(--notification-notification-400, #5c6cbf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-Notification-notification-500:focus { + --tw-gradient-from: var(--notification-notification-500, #3350e5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-Notification-notification-600:focus { + --tw-gradient-from: var(--notification-notification-600, #283eb3); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-Notification-notification-700:focus { + --tw-gradient-from: var(--notification-notification-700, #172466); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-Success-success\ -700:focus { + --tw-gradient-from: var(--success-success-700, #24471f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-Success-success:focus { + --tw-gradient-from: var(--success-success, #5bb14d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-Success-success\ -100:focus { + --tw-gradient-from: var(--success-success-100, #8cc882); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-Success-success\ -200:focus { + --tw-gradient-from: var(--success-success-200, #add8a6); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-Success-success\ -300:focus { + --tw-gradient-from: var(--success-success-300, #66a25c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-Success-success\ -400:focus { + --tw-gradient-from: var(--success-success-400, #6d9766); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-Success-success\ -500:focus { + --tw-gradient-from: var(--success-success-500, #529f45); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-Success-success\ -600:focus { + --tw-gradient-from: var(--success-success-600, #407c36); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-Error-error:focus { + --tw-gradient-from: var(--error-error, #f03d3e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-Error-error-100:focus { + --tw-gradient-from: var(--error-error-100, #f57778); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-Error-error-200:focus { + --tw-gradient-from: var(--error-error-200, #f89e9e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-Error-error-250:focus { + --tw-gradient-from: var(--error-error-250, #f9c8c8); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-Error-error-300:focus { + --tw-gradient-from: var(--error-error-300, #ce5151); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-Error-error-400:focus { + --tw-gradient-from: var(--error-error-400, #b85e5e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-Error-error-500:focus { + --tw-gradient-from: var(--error-error-500, #d83738); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-Error-error-600:focus { + --tw-gradient-from: var(--error-error-600, #a82b2b); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:from-Error-error-700:focus { + --tw-gradient-from: var(--error-error-700, #601819); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-black { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-black, #000000), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-white { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-white, #ffffff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-gray-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-100, #f7fafc), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-gray-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-200, #edf2f7), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-gray-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-300, #e2e8f0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-gray-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-400, #cbd5e0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-gray-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-500, #a0aec0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-gray-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-600, #718096), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-gray-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-700, #4a5568), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-gray-800 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-800, #2d3748), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-gray-900 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-900, #1a202c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-red-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-100, #fff5f5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-red-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-200, #fed7d7), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-red-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-300, #feb2b2), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-red-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-400, #fc8181), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-red-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-500, #f56565), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-red-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-600, #e53e3e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-red-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-700, #c53030), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-red-800 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-800, #9b2c2c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-red-900 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-900, #742a2a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-orange-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-100, #fffaf0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-orange-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-200, #feebc8), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-orange-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-300, #fbd38d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-orange-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-400, #f6ad55), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-orange-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-500, #ed8936), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-orange-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-600, #dd6b20), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-orange-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-700, #c05621), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-orange-800 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-800, #9c4221), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-orange-900 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-900, #7b341e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-yellow-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-100, #fffff0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-yellow-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-200, #fefcbf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-yellow-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-300, #faf089), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-yellow-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-400, #f6e05e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-yellow-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-500, #ecc94b), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-yellow-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-600, #d69e2e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-yellow-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-700, #b7791f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-yellow-800 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-800, #975a16), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-yellow-900 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-900, #744210), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-green-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-100, #f0fff4), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-green-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-200, #c6f6d5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-green-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-300, #9ae6b4), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-green-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-400, #68d391), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-green-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-500, #48bb78), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-green-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-600, #38a169), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-green-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-700, #2f855a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-green-800 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-800, #276749), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-green-900 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-900, #22543d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-teal-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-100, #e6fffa), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-teal-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-200, #b2f5ea), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-teal-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-300, #81e6d9), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-teal-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-400, #4fd1c5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-teal-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-500, #38b2ac), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-teal-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-600, #319795), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-teal-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-700, #2c7a7b), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-teal-800 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-800, #285e61), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-teal-900 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-900, #234e52), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-blue-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-100, #ebf8ff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-blue-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-200, #bee3f8), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-blue-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-300, #90cdf4), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-blue-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-400, #63b3ed), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-blue-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-500, #4299e1), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-blue-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-600, #3182ce), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-blue-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-700, #2b6cb0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-blue-800 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-800, #2c5282), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-blue-900 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-900, #2a4365), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-indigo-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-100, #ebf4ff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-indigo-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-200, #c3dafe), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-indigo-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-300, #a3bffa), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-indigo-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-400, #7f9cf5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-indigo-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-500, #667eea), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-indigo-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-600, #5a67d8), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-indigo-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-700, #4c51bf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-indigo-800 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-800, #434190), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-indigo-900 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-900, #3c366b), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-purple-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-100, #faf5ff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-purple-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-200, #e9d8fd), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-purple-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-300, #d6bcfa), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-purple-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-400, #b794f4), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-purple-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-500, #9f7aea), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-purple-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-600, #805ad5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-purple-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-700, #6b46c1), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-purple-800 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-800, #553c9a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-purple-900 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-900, #44337a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-pink-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-100, #fff5f7), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-pink-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-200, #fed7e2), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-pink-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-300, #fbb6ce), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-pink-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-400, #f687b3), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-pink-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-500, #ed64a6), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-pink-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-600, #d53f8c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-pink-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-700, #b83280), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-pink-800 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-800, #97266d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-colors-pink-900 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-900, #702459), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-Box\ Shadow { + --tw-gradient-stops: var(--tw-gradient-from), var(--box-shadow, #7f7e7f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-Error16 { + --tw-gradient-stops: var(--tw-gradient-from), var(--error16, #f03d3e40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-Success16 { + --tw-gradient-stops: var(--tw-gradient-from), var(--success16, #5bb14d40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-Notification16 { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification16, #3959ff40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-Error8 { + --tw-gradient-stops: var(--tw-gradient-from), var(--error8, #f03d3e1a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-Notification8 { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification8, #3959ff1a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-Success8 { + --tw-gradient-stops: var(--tw-gradient-from), var(--success8, #5bb14d1a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-Light\ -\ Overlay { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-overlay, #f0edee66), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-Dark-\ Overlay { + --tw-gradient-stops: var(--tw-gradient-from), var(--dark-overlay, #7f7e7f66), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-black-40 { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-40, #00000066), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-black-75 { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-75, #000000bf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-black-60 { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-60, #00000099), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-black-50 { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-50, #00000080), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-black-25 { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-25, #00000040), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-black-10 { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-10, #0000001a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-white-25 { + --tw-gradient-stops: var(--tw-gradient-from), var(--white-25, #ffffff40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-white-60 { + --tw-gradient-stops: var(--tw-gradient-from), var(--white-60, #ffffff99), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-black-64 { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-64, #000000a3), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-Shadow\ and\ Highlight-Shadow { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow, #7f7e7f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-Shadow\ and\ Highlight-Highlight { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight, #474747), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-Shadow\ and\ Highlight-highlight\ one { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-one, #474747bf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-Shadow\ and\ Highlight-highlight\ two { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-two, #47474799), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-Shadow\ and\ Highlight-highlight\ three { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-three, #47474766), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-Shadow\ and\ Highlight-highlight\ five { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-five, #4747471a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-Shadow\ and\ Highlight-shadow\ one { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-one, #7f7e7fbf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-Shadow\ and\ Highlight-shadow\ two { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-two, #7f7e7f99), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-Shadow\ and\ Highlight-shadow\ three { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-three, #7f7e7f66), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-Shadow\ and\ Highlight-shadow\ four { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-four, #7f7e7f40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-Shadow\ and\ Highlight-shadow\ five { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-five, #7f7e7f1a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-Shadow\ and\ Highlight-highlight\ four { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-four, #47474740), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-Base\ Layer\ Styles-Base\ Layer-\ Light-White { + --tw-gradient-stops: var(--tw-gradient-from), var(--base-layer-styles-base-layer-light-white, #ffffff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite { + --tw-gradient-stops: var(--tw-gradient-from), var(--base-layer-styles-base-layer-light-off-white, #f0edee), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack { + --tw-gradient-stops: var(--tw-gradient-from), var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-Base\ Layer\ Styles-Base\ Layer-Dark-Black { + --tw-gradient-stops: var(--tw-gradient-from), var(--base-layer-styles-base-layer-dark-black, #000000), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-Grey-Scale-white { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-white, #ffffff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-Grey-Scale-off-white { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-off-white, #f0edee), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-Grey\ Scale-grey { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-grey, #7f7e7f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-Grey\ Scale-charcoal { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-charcoal, #474747), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-Grey\ Scale-off-black { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-off-black, #1c1c1c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-Grey\ Scale-black { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-black, #000000), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-Blue-blue { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue, #3a7ca5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-Blue-blue-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-100, #75a3c0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-Blue-blue-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-200, #9cbed2), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-Blue-blue-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-300, #4f7d9a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-Blue-blue-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-400, #5c7d92), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-Blue-blue-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-500, #347095), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-Blue-blue-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-600, #295774), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-Blue-blue-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-700, #173242), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-LightBlue-lightblue { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue, #81c3d7), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-LightBlue-lightblue-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-100, #a7d5e3), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-LightBlue-lightblue-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-200, #c0e1eb), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-LightBlue-lightblue-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-300, #80aebd), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-LightBlue-lightblue-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-400, #80a0ab), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-LightBlue-lightblue-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-500, #74afc1), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-LightBlue-lightblue-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-600, #5a8997), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-LightBlue-lightblue-650 { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-650, #3e5e65), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-LightBlue-lightblue-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-700, #344e56), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-Orange-orange { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange, #ff7f0e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-Orange-orange-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-100, #ffa556), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-Orange-orange-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-200, #ffbf86), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-Orange-orange-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-300, #d97f30), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-Orange-orange-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-400, #bf7e46), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-Orange-orange-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-500, #e5720d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-Orange-orange-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-600, #b3590a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-Orange-orange-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-700, #663306), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-Yellow-yellow { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow, #ffab00), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-Yellow-yellow-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-100, #ffc44c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-Yellow-yellow-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-200, #ffd580), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-Yellow-yellow-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-300, #d99d26), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-Yellow-yellow-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-400, #bf943f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-Yellow-yellow-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-500, #e59a00), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-Yellow-yellow-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-600, #b37800), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-Yellow-yellow-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-700, #664400), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-Notification-notification { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification, #3959ff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-Notification-notification-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-100, #748bff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-Notification-notification-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-200, #9cacff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-Notification-notification-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-300, #4e64d9), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-Notification-notification-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-400, #5c6cbf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-Notification-notification-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-500, #3350e5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-Notification-notification-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-600, #283eb3), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-Notification-notification-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-700, #172466), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-Success-success\ -700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-700, #24471f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-Success-success { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success, #5bb14d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-Success-success\ -100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-100, #8cc882), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-Success-success\ -200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-200, #add8a6), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-Success-success\ -300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-300, #66a25c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-Success-success\ -400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-400, #6d9766), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-Success-success\ -500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-500, #529f45), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-Success-success\ -600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-600, #407c36), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-Error-error { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error, #f03d3e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-Error-error-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-100, #f57778), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-Error-error-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-200, #f89e9e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-Error-error-250 { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-250, #f9c8c8), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-Error-error-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-300, #ce5151), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-Error-error-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-400, #b85e5e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-Error-error-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-500, #d83738), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-Error-error-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-600, #a82b2b), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:via-Error-error-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-700, #601819), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-black:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-black, #000000), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-white:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-white, #ffffff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-gray-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-100, #f7fafc), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-gray-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-200, #edf2f7), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-gray-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-300, #e2e8f0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-gray-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-400, #cbd5e0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-gray-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-500, #a0aec0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-gray-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-600, #718096), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-gray-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-700, #4a5568), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-gray-800:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-800, #2d3748), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-gray-900:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-900, #1a202c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-red-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-100, #fff5f5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-red-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-200, #fed7d7), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-red-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-300, #feb2b2), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-red-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-400, #fc8181), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-red-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-500, #f56565), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-red-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-600, #e53e3e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-red-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-700, #c53030), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-red-800:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-800, #9b2c2c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-red-900:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-900, #742a2a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-orange-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-100, #fffaf0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-orange-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-200, #feebc8), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-orange-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-300, #fbd38d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-orange-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-400, #f6ad55), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-orange-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-500, #ed8936), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-orange-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-600, #dd6b20), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-orange-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-700, #c05621), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-orange-800:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-800, #9c4221), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-orange-900:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-900, #7b341e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-yellow-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-100, #fffff0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-yellow-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-200, #fefcbf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-yellow-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-300, #faf089), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-yellow-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-400, #f6e05e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-yellow-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-500, #ecc94b), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-yellow-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-600, #d69e2e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-yellow-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-700, #b7791f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-yellow-800:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-800, #975a16), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-yellow-900:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-900, #744210), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-green-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-100, #f0fff4), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-green-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-200, #c6f6d5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-green-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-300, #9ae6b4), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-green-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-400, #68d391), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-green-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-500, #48bb78), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-green-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-600, #38a169), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-green-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-700, #2f855a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-green-800:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-800, #276749), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-green-900:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-900, #22543d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-teal-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-100, #e6fffa), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-teal-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-200, #b2f5ea), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-teal-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-300, #81e6d9), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-teal-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-400, #4fd1c5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-teal-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-500, #38b2ac), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-teal-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-600, #319795), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-teal-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-700, #2c7a7b), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-teal-800:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-800, #285e61), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-teal-900:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-900, #234e52), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-blue-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-100, #ebf8ff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-blue-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-200, #bee3f8), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-blue-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-300, #90cdf4), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-blue-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-400, #63b3ed), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-blue-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-500, #4299e1), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-blue-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-600, #3182ce), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-blue-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-700, #2b6cb0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-blue-800:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-800, #2c5282), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-blue-900:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-900, #2a4365), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-indigo-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-100, #ebf4ff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-indigo-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-200, #c3dafe), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-indigo-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-300, #a3bffa), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-indigo-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-400, #7f9cf5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-indigo-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-500, #667eea), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-indigo-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-600, #5a67d8), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-indigo-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-700, #4c51bf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-indigo-800:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-800, #434190), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-indigo-900:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-900, #3c366b), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-purple-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-100, #faf5ff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-purple-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-200, #e9d8fd), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-purple-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-300, #d6bcfa), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-purple-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-400, #b794f4), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-purple-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-500, #9f7aea), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-purple-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-600, #805ad5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-purple-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-700, #6b46c1), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-purple-800:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-800, #553c9a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-purple-900:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-900, #44337a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-pink-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-100, #fff5f7), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-pink-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-200, #fed7e2), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-pink-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-300, #fbb6ce), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-pink-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-400, #f687b3), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-pink-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-500, #ed64a6), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-pink-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-600, #d53f8c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-pink-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-700, #b83280), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-pink-800:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-800, #97266d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-colors-pink-900:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-900, #702459), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-Box\ Shadow:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--box-shadow, #7f7e7f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-Error16:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--error16, #f03d3e40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-Success16:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--success16, #5bb14d40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-Notification16:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification16, #3959ff40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-Error8:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--error8, #f03d3e1a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-Notification8:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification8, #3959ff1a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-Success8:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--success8, #5bb14d1a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-Light\ -\ Overlay:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-overlay, #f0edee66), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-Dark-\ Overlay:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--dark-overlay, #7f7e7f66), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-black-40:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-40, #00000066), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-black-75:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-75, #000000bf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-black-60:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-60, #00000099), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-black-50:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-50, #00000080), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-black-25:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-25, #00000040), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-black-10:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-10, #0000001a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-white-25:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--white-25, #ffffff40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-white-60:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--white-60, #ffffff99), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-black-64:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-64, #000000a3), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-Shadow\ and\ Highlight-Shadow:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow, #7f7e7f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-Shadow\ and\ Highlight-Highlight:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight, #474747), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-Shadow\ and\ Highlight-highlight\ one:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-one, #474747bf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-Shadow\ and\ Highlight-highlight\ two:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-two, #47474799), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-Shadow\ and\ Highlight-highlight\ three:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-three, #47474766), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-Shadow\ and\ Highlight-highlight\ five:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-five, #4747471a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-Shadow\ and\ Highlight-shadow\ one:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-one, #7f7e7fbf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-Shadow\ and\ Highlight-shadow\ two:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-two, #7f7e7f99), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-Shadow\ and\ Highlight-shadow\ three:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-three, #7f7e7f66), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-Shadow\ and\ Highlight-shadow\ four:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-four, #7f7e7f40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-Shadow\ and\ Highlight-shadow\ five:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-five, #7f7e7f1a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-Shadow\ and\ Highlight-highlight\ four:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-four, #47474740), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-Base\ Layer\ Styles-Base\ Layer-\ Light-White:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--base-layer-styles-base-layer-light-white, #ffffff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--base-layer-styles-base-layer-light-off-white, #f0edee), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-Base\ Layer\ Styles-Base\ Layer-Dark-Black:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--base-layer-styles-base-layer-dark-black, #000000), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-Grey-Scale-white:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-white, #ffffff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-Grey-Scale-off-white:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-off-white, #f0edee), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-Grey\ Scale-grey:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-grey, #7f7e7f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-Grey\ Scale-charcoal:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-charcoal, #474747), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-Grey\ Scale-off-black:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-off-black, #1c1c1c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-Grey\ Scale-black:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-black, #000000), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-Blue-blue:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue, #3a7ca5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-Blue-blue-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-100, #75a3c0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-Blue-blue-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-200, #9cbed2), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-Blue-blue-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-300, #4f7d9a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-Blue-blue-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-400, #5c7d92), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-Blue-blue-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-500, #347095), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-Blue-blue-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-600, #295774), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-Blue-blue-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-700, #173242), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-LightBlue-lightblue:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue, #81c3d7), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-LightBlue-lightblue-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-100, #a7d5e3), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-LightBlue-lightblue-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-200, #c0e1eb), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-LightBlue-lightblue-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-300, #80aebd), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-LightBlue-lightblue-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-400, #80a0ab), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-LightBlue-lightblue-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-500, #74afc1), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-LightBlue-lightblue-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-600, #5a8997), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-LightBlue-lightblue-650:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-650, #3e5e65), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-LightBlue-lightblue-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-700, #344e56), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-Orange-orange:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange, #ff7f0e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-Orange-orange-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-100, #ffa556), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-Orange-orange-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-200, #ffbf86), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-Orange-orange-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-300, #d97f30), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-Orange-orange-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-400, #bf7e46), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-Orange-orange-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-500, #e5720d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-Orange-orange-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-600, #b3590a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-Orange-orange-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-700, #663306), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-Yellow-yellow:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow, #ffab00), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-Yellow-yellow-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-100, #ffc44c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-Yellow-yellow-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-200, #ffd580), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-Yellow-yellow-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-300, #d99d26), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-Yellow-yellow-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-400, #bf943f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-Yellow-yellow-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-500, #e59a00), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-Yellow-yellow-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-600, #b37800), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-Yellow-yellow-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-700, #664400), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-Notification-notification:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification, #3959ff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-Notification-notification-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-100, #748bff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-Notification-notification-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-200, #9cacff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-Notification-notification-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-300, #4e64d9), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-Notification-notification-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-400, #5c6cbf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-Notification-notification-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-500, #3350e5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-Notification-notification-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-600, #283eb3), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-Notification-notification-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-700, #172466), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-Success-success\ -700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-700, #24471f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-Success-success:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success, #5bb14d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-Success-success\ -100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-100, #8cc882), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-Success-success\ -200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-200, #add8a6), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-Success-success\ -300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-300, #66a25c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-Success-success\ -400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-400, #6d9766), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-Success-success\ -500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-500, #529f45), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-Success-success\ -600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-600, #407c36), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-Error-error:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error, #f03d3e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-Error-error-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-100, #f57778), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-Error-error-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-200, #f89e9e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-Error-error-250:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-250, #f9c8c8), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-Error-error-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-300, #ce5151), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-Error-error-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-400, #b85e5e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-Error-error-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-500, #d83738), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-Error-error-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-600, #a82b2b), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:hover\:via-Error-error-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-700, #601819), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-black:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-black, #000000), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-white:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-white, #ffffff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-gray-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-100, #f7fafc), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-gray-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-200, #edf2f7), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-gray-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-300, #e2e8f0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-gray-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-400, #cbd5e0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-gray-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-500, #a0aec0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-gray-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-600, #718096), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-gray-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-700, #4a5568), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-gray-800:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-800, #2d3748), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-gray-900:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-900, #1a202c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-red-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-100, #fff5f5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-red-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-200, #fed7d7), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-red-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-300, #feb2b2), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-red-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-400, #fc8181), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-red-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-500, #f56565), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-red-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-600, #e53e3e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-red-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-700, #c53030), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-red-800:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-800, #9b2c2c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-red-900:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-900, #742a2a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-orange-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-100, #fffaf0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-orange-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-200, #feebc8), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-orange-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-300, #fbd38d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-orange-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-400, #f6ad55), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-orange-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-500, #ed8936), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-orange-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-600, #dd6b20), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-orange-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-700, #c05621), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-orange-800:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-800, #9c4221), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-orange-900:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-900, #7b341e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-yellow-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-100, #fffff0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-yellow-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-200, #fefcbf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-yellow-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-300, #faf089), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-yellow-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-400, #f6e05e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-yellow-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-500, #ecc94b), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-yellow-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-600, #d69e2e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-yellow-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-700, #b7791f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-yellow-800:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-800, #975a16), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-yellow-900:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-900, #744210), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-green-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-100, #f0fff4), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-green-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-200, #c6f6d5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-green-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-300, #9ae6b4), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-green-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-400, #68d391), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-green-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-500, #48bb78), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-green-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-600, #38a169), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-green-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-700, #2f855a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-green-800:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-800, #276749), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-green-900:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-900, #22543d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-teal-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-100, #e6fffa), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-teal-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-200, #b2f5ea), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-teal-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-300, #81e6d9), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-teal-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-400, #4fd1c5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-teal-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-500, #38b2ac), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-teal-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-600, #319795), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-teal-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-700, #2c7a7b), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-teal-800:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-800, #285e61), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-teal-900:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-900, #234e52), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-blue-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-100, #ebf8ff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-blue-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-200, #bee3f8), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-blue-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-300, #90cdf4), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-blue-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-400, #63b3ed), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-blue-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-500, #4299e1), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-blue-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-600, #3182ce), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-blue-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-700, #2b6cb0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-blue-800:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-800, #2c5282), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-blue-900:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-900, #2a4365), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-indigo-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-100, #ebf4ff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-indigo-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-200, #c3dafe), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-indigo-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-300, #a3bffa), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-indigo-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-400, #7f9cf5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-indigo-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-500, #667eea), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-indigo-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-600, #5a67d8), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-indigo-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-700, #4c51bf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-indigo-800:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-800, #434190), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-indigo-900:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-900, #3c366b), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-purple-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-100, #faf5ff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-purple-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-200, #e9d8fd), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-purple-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-300, #d6bcfa), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-purple-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-400, #b794f4), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-purple-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-500, #9f7aea), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-purple-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-600, #805ad5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-purple-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-700, #6b46c1), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-purple-800:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-800, #553c9a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-purple-900:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-900, #44337a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-pink-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-100, #fff5f7), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-pink-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-200, #fed7e2), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-pink-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-300, #fbb6ce), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-pink-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-400, #f687b3), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-pink-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-500, #ed64a6), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-pink-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-600, #d53f8c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-pink-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-700, #b83280), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-pink-800:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-800, #97266d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-colors-pink-900:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-900, #702459), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-Box\ Shadow:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--box-shadow, #7f7e7f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-Error16:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--error16, #f03d3e40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-Success16:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--success16, #5bb14d40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-Notification16:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification16, #3959ff40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-Error8:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--error8, #f03d3e1a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-Notification8:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification8, #3959ff1a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-Success8:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--success8, #5bb14d1a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-Light\ -\ Overlay:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-overlay, #f0edee66), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-Dark-\ Overlay:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--dark-overlay, #7f7e7f66), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-black-40:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-40, #00000066), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-black-75:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-75, #000000bf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-black-60:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-60, #00000099), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-black-50:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-50, #00000080), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-black-25:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-25, #00000040), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-black-10:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-10, #0000001a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-white-25:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--white-25, #ffffff40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-white-60:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--white-60, #ffffff99), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-black-64:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-64, #000000a3), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-Shadow\ and\ Highlight-Shadow:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow, #7f7e7f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-Shadow\ and\ Highlight-Highlight:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight, #474747), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-Shadow\ and\ Highlight-highlight\ one:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-one, #474747bf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-Shadow\ and\ Highlight-highlight\ two:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-two, #47474799), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-Shadow\ and\ Highlight-highlight\ three:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-three, #47474766), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-Shadow\ and\ Highlight-highlight\ five:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-five, #4747471a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-Shadow\ and\ Highlight-shadow\ one:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-one, #7f7e7fbf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-Shadow\ and\ Highlight-shadow\ two:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-two, #7f7e7f99), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-Shadow\ and\ Highlight-shadow\ three:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-three, #7f7e7f66), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-Shadow\ and\ Highlight-shadow\ four:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-four, #7f7e7f40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-Shadow\ and\ Highlight-shadow\ five:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-five, #7f7e7f1a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-Shadow\ and\ Highlight-highlight\ four:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-four, #47474740), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--base-layer-styles-base-layer-light-white, #ffffff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--base-layer-styles-base-layer-light-off-white, #f0edee), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--base-layer-styles-base-layer-dark-black, #000000), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-Grey-Scale-white:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-white, #ffffff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-Grey-Scale-off-white:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-off-white, #f0edee), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-Grey\ Scale-grey:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-grey, #7f7e7f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-Grey\ Scale-charcoal:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-charcoal, #474747), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-Grey\ Scale-off-black:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-off-black, #1c1c1c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-Grey\ Scale-black:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-black, #000000), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-Blue-blue:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue, #3a7ca5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-Blue-blue-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-100, #75a3c0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-Blue-blue-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-200, #9cbed2), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-Blue-blue-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-300, #4f7d9a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-Blue-blue-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-400, #5c7d92), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-Blue-blue-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-500, #347095), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-Blue-blue-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-600, #295774), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-Blue-blue-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-700, #173242), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-LightBlue-lightblue:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue, #81c3d7), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-LightBlue-lightblue-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-100, #a7d5e3), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-LightBlue-lightblue-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-200, #c0e1eb), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-LightBlue-lightblue-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-300, #80aebd), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-LightBlue-lightblue-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-400, #80a0ab), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-LightBlue-lightblue-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-500, #74afc1), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-LightBlue-lightblue-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-600, #5a8997), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-LightBlue-lightblue-650:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-650, #3e5e65), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-LightBlue-lightblue-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-700, #344e56), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-Orange-orange:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange, #ff7f0e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-Orange-orange-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-100, #ffa556), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-Orange-orange-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-200, #ffbf86), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-Orange-orange-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-300, #d97f30), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-Orange-orange-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-400, #bf7e46), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-Orange-orange-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-500, #e5720d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-Orange-orange-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-600, #b3590a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-Orange-orange-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-700, #663306), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-Yellow-yellow:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow, #ffab00), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-Yellow-yellow-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-100, #ffc44c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-Yellow-yellow-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-200, #ffd580), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-Yellow-yellow-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-300, #d99d26), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-Yellow-yellow-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-400, #bf943f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-Yellow-yellow-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-500, #e59a00), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-Yellow-yellow-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-600, #b37800), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-Yellow-yellow-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-700, #664400), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-Notification-notification:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification, #3959ff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-Notification-notification-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-100, #748bff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-Notification-notification-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-200, #9cacff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-Notification-notification-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-300, #4e64d9), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-Notification-notification-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-400, #5c6cbf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-Notification-notification-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-500, #3350e5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-Notification-notification-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-600, #283eb3), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-Notification-notification-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-700, #172466), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-Success-success\ -700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-700, #24471f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-Success-success:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success, #5bb14d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-Success-success\ -100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-100, #8cc882), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-Success-success\ -200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-200, #add8a6), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-Success-success\ -300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-300, #66a25c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-Success-success\ -400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-400, #6d9766), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-Success-success\ -500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-500, #529f45), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-Success-success\ -600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-600, #407c36), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-Error-error:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error, #f03d3e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-Error-error-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-100, #f57778), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-Error-error-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-200, #f89e9e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-Error-error-250:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-250, #f9c8c8), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-Error-error-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-300, #ce5151), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-Error-error-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-400, #b85e5e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-Error-error-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-500, #d83738), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-Error-error-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-600, #a82b2b), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:focus\:via-Error-error-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-700, #601819), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .sm\:to-colors-black { + --tw-gradient-to: var(--colors-black, #000000); + } + + .sm\:to-colors-white { + --tw-gradient-to: var(--colors-white, #ffffff); + } + + .sm\:to-colors-gray-100 { + --tw-gradient-to: var(--colors-gray-100, #f7fafc); + } + + .sm\:to-colors-gray-200 { + --tw-gradient-to: var(--colors-gray-200, #edf2f7); + } + + .sm\:to-colors-gray-300 { + --tw-gradient-to: var(--colors-gray-300, #e2e8f0); + } + + .sm\:to-colors-gray-400 { + --tw-gradient-to: var(--colors-gray-400, #cbd5e0); + } + + .sm\:to-colors-gray-500 { + --tw-gradient-to: var(--colors-gray-500, #a0aec0); + } + + .sm\:to-colors-gray-600 { + --tw-gradient-to: var(--colors-gray-600, #718096); + } + + .sm\:to-colors-gray-700 { + --tw-gradient-to: var(--colors-gray-700, #4a5568); + } + + .sm\:to-colors-gray-800 { + --tw-gradient-to: var(--colors-gray-800, #2d3748); + } + + .sm\:to-colors-gray-900 { + --tw-gradient-to: var(--colors-gray-900, #1a202c); + } + + .sm\:to-colors-red-100 { + --tw-gradient-to: var(--colors-red-100, #fff5f5); + } + + .sm\:to-colors-red-200 { + --tw-gradient-to: var(--colors-red-200, #fed7d7); + } + + .sm\:to-colors-red-300 { + --tw-gradient-to: var(--colors-red-300, #feb2b2); + } + + .sm\:to-colors-red-400 { + --tw-gradient-to: var(--colors-red-400, #fc8181); + } + + .sm\:to-colors-red-500 { + --tw-gradient-to: var(--colors-red-500, #f56565); + } + + .sm\:to-colors-red-600 { + --tw-gradient-to: var(--colors-red-600, #e53e3e); + } + + .sm\:to-colors-red-700 { + --tw-gradient-to: var(--colors-red-700, #c53030); + } + + .sm\:to-colors-red-800 { + --tw-gradient-to: var(--colors-red-800, #9b2c2c); + } + + .sm\:to-colors-red-900 { + --tw-gradient-to: var(--colors-red-900, #742a2a); + } + + .sm\:to-colors-orange-100 { + --tw-gradient-to: var(--colors-orange-100, #fffaf0); + } + + .sm\:to-colors-orange-200 { + --tw-gradient-to: var(--colors-orange-200, #feebc8); + } + + .sm\:to-colors-orange-300 { + --tw-gradient-to: var(--colors-orange-300, #fbd38d); + } + + .sm\:to-colors-orange-400 { + --tw-gradient-to: var(--colors-orange-400, #f6ad55); + } + + .sm\:to-colors-orange-500 { + --tw-gradient-to: var(--colors-orange-500, #ed8936); + } + + .sm\:to-colors-orange-600 { + --tw-gradient-to: var(--colors-orange-600, #dd6b20); + } + + .sm\:to-colors-orange-700 { + --tw-gradient-to: var(--colors-orange-700, #c05621); + } + + .sm\:to-colors-orange-800 { + --tw-gradient-to: var(--colors-orange-800, #9c4221); + } + + .sm\:to-colors-orange-900 { + --tw-gradient-to: var(--colors-orange-900, #7b341e); + } + + .sm\:to-colors-yellow-100 { + --tw-gradient-to: var(--colors-yellow-100, #fffff0); + } + + .sm\:to-colors-yellow-200 { + --tw-gradient-to: var(--colors-yellow-200, #fefcbf); + } + + .sm\:to-colors-yellow-300 { + --tw-gradient-to: var(--colors-yellow-300, #faf089); + } + + .sm\:to-colors-yellow-400 { + --tw-gradient-to: var(--colors-yellow-400, #f6e05e); + } + + .sm\:to-colors-yellow-500 { + --tw-gradient-to: var(--colors-yellow-500, #ecc94b); + } + + .sm\:to-colors-yellow-600 { + --tw-gradient-to: var(--colors-yellow-600, #d69e2e); + } + + .sm\:to-colors-yellow-700 { + --tw-gradient-to: var(--colors-yellow-700, #b7791f); + } + + .sm\:to-colors-yellow-800 { + --tw-gradient-to: var(--colors-yellow-800, #975a16); + } + + .sm\:to-colors-yellow-900 { + --tw-gradient-to: var(--colors-yellow-900, #744210); + } + + .sm\:to-colors-green-100 { + --tw-gradient-to: var(--colors-green-100, #f0fff4); + } + + .sm\:to-colors-green-200 { + --tw-gradient-to: var(--colors-green-200, #c6f6d5); + } + + .sm\:to-colors-green-300 { + --tw-gradient-to: var(--colors-green-300, #9ae6b4); + } + + .sm\:to-colors-green-400 { + --tw-gradient-to: var(--colors-green-400, #68d391); + } + + .sm\:to-colors-green-500 { + --tw-gradient-to: var(--colors-green-500, #48bb78); + } + + .sm\:to-colors-green-600 { + --tw-gradient-to: var(--colors-green-600, #38a169); + } + + .sm\:to-colors-green-700 { + --tw-gradient-to: var(--colors-green-700, #2f855a); + } + + .sm\:to-colors-green-800 { + --tw-gradient-to: var(--colors-green-800, #276749); + } + + .sm\:to-colors-green-900 { + --tw-gradient-to: var(--colors-green-900, #22543d); + } + + .sm\:to-colors-teal-100 { + --tw-gradient-to: var(--colors-teal-100, #e6fffa); + } + + .sm\:to-colors-teal-200 { + --tw-gradient-to: var(--colors-teal-200, #b2f5ea); + } + + .sm\:to-colors-teal-300 { + --tw-gradient-to: var(--colors-teal-300, #81e6d9); + } + + .sm\:to-colors-teal-400 { + --tw-gradient-to: var(--colors-teal-400, #4fd1c5); + } + + .sm\:to-colors-teal-500 { + --tw-gradient-to: var(--colors-teal-500, #38b2ac); + } + + .sm\:to-colors-teal-600 { + --tw-gradient-to: var(--colors-teal-600, #319795); + } + + .sm\:to-colors-teal-700 { + --tw-gradient-to: var(--colors-teal-700, #2c7a7b); + } + + .sm\:to-colors-teal-800 { + --tw-gradient-to: var(--colors-teal-800, #285e61); + } + + .sm\:to-colors-teal-900 { + --tw-gradient-to: var(--colors-teal-900, #234e52); + } + + .sm\:to-colors-blue-100 { + --tw-gradient-to: var(--colors-blue-100, #ebf8ff); + } + + .sm\:to-colors-blue-200 { + --tw-gradient-to: var(--colors-blue-200, #bee3f8); + } + + .sm\:to-colors-blue-300 { + --tw-gradient-to: var(--colors-blue-300, #90cdf4); + } + + .sm\:to-colors-blue-400 { + --tw-gradient-to: var(--colors-blue-400, #63b3ed); + } + + .sm\:to-colors-blue-500 { + --tw-gradient-to: var(--colors-blue-500, #4299e1); + } + + .sm\:to-colors-blue-600 { + --tw-gradient-to: var(--colors-blue-600, #3182ce); + } + + .sm\:to-colors-blue-700 { + --tw-gradient-to: var(--colors-blue-700, #2b6cb0); + } + + .sm\:to-colors-blue-800 { + --tw-gradient-to: var(--colors-blue-800, #2c5282); + } + + .sm\:to-colors-blue-900 { + --tw-gradient-to: var(--colors-blue-900, #2a4365); + } + + .sm\:to-colors-indigo-100 { + --tw-gradient-to: var(--colors-indigo-100, #ebf4ff); + } + + .sm\:to-colors-indigo-200 { + --tw-gradient-to: var(--colors-indigo-200, #c3dafe); + } + + .sm\:to-colors-indigo-300 { + --tw-gradient-to: var(--colors-indigo-300, #a3bffa); + } + + .sm\:to-colors-indigo-400 { + --tw-gradient-to: var(--colors-indigo-400, #7f9cf5); + } + + .sm\:to-colors-indigo-500 { + --tw-gradient-to: var(--colors-indigo-500, #667eea); + } + + .sm\:to-colors-indigo-600 { + --tw-gradient-to: var(--colors-indigo-600, #5a67d8); + } + + .sm\:to-colors-indigo-700 { + --tw-gradient-to: var(--colors-indigo-700, #4c51bf); + } + + .sm\:to-colors-indigo-800 { + --tw-gradient-to: var(--colors-indigo-800, #434190); + } + + .sm\:to-colors-indigo-900 { + --tw-gradient-to: var(--colors-indigo-900, #3c366b); + } + + .sm\:to-colors-purple-100 { + --tw-gradient-to: var(--colors-purple-100, #faf5ff); + } + + .sm\:to-colors-purple-200 { + --tw-gradient-to: var(--colors-purple-200, #e9d8fd); + } + + .sm\:to-colors-purple-300 { + --tw-gradient-to: var(--colors-purple-300, #d6bcfa); + } + + .sm\:to-colors-purple-400 { + --tw-gradient-to: var(--colors-purple-400, #b794f4); + } + + .sm\:to-colors-purple-500 { + --tw-gradient-to: var(--colors-purple-500, #9f7aea); + } + + .sm\:to-colors-purple-600 { + --tw-gradient-to: var(--colors-purple-600, #805ad5); + } + + .sm\:to-colors-purple-700 { + --tw-gradient-to: var(--colors-purple-700, #6b46c1); + } + + .sm\:to-colors-purple-800 { + --tw-gradient-to: var(--colors-purple-800, #553c9a); + } + + .sm\:to-colors-purple-900 { + --tw-gradient-to: var(--colors-purple-900, #44337a); + } + + .sm\:to-colors-pink-100 { + --tw-gradient-to: var(--colors-pink-100, #fff5f7); + } + + .sm\:to-colors-pink-200 { + --tw-gradient-to: var(--colors-pink-200, #fed7e2); + } + + .sm\:to-colors-pink-300 { + --tw-gradient-to: var(--colors-pink-300, #fbb6ce); + } + + .sm\:to-colors-pink-400 { + --tw-gradient-to: var(--colors-pink-400, #f687b3); + } + + .sm\:to-colors-pink-500 { + --tw-gradient-to: var(--colors-pink-500, #ed64a6); + } + + .sm\:to-colors-pink-600 { + --tw-gradient-to: var(--colors-pink-600, #d53f8c); + } + + .sm\:to-colors-pink-700 { + --tw-gradient-to: var(--colors-pink-700, #b83280); + } + + .sm\:to-colors-pink-800 { + --tw-gradient-to: var(--colors-pink-800, #97266d); + } + + .sm\:to-colors-pink-900 { + --tw-gradient-to: var(--colors-pink-900, #702459); + } + + .sm\:to-Box\ Shadow { + --tw-gradient-to: var(--box-shadow, #7f7e7f); + } + + .sm\:to-Error16 { + --tw-gradient-to: var(--error16, #f03d3e40); + } + + .sm\:to-Success16 { + --tw-gradient-to: var(--success16, #5bb14d40); + } + + .sm\:to-Notification16 { + --tw-gradient-to: var(--notification16, #3959ff40); + } + + .sm\:to-Error8 { + --tw-gradient-to: var(--error8, #f03d3e1a); + } + + .sm\:to-Notification8 { + --tw-gradient-to: var(--notification8, #3959ff1a); + } + + .sm\:to-Success8 { + --tw-gradient-to: var(--success8, #5bb14d1a); + } + + .sm\:to-Light\ -\ Overlay { + --tw-gradient-to: var(--light-overlay, #f0edee66); + } + + .sm\:to-Dark-\ Overlay { + --tw-gradient-to: var(--dark-overlay, #7f7e7f66); + } + + .sm\:to-black-40 { + --tw-gradient-to: var(--black-40, #00000066); + } + + .sm\:to-black-75 { + --tw-gradient-to: var(--black-75, #000000bf); + } + + .sm\:to-black-60 { + --tw-gradient-to: var(--black-60, #00000099); + } + + .sm\:to-black-50 { + --tw-gradient-to: var(--black-50, #00000080); + } + + .sm\:to-black-25 { + --tw-gradient-to: var(--black-25, #00000040); + } + + .sm\:to-black-10 { + --tw-gradient-to: var(--black-10, #0000001a); + } + + .sm\:to-white-25 { + --tw-gradient-to: var(--white-25, #ffffff40); + } + + .sm\:to-white-60 { + --tw-gradient-to: var(--white-60, #ffffff99); + } + + .sm\:to-black-64 { + --tw-gradient-to: var(--black-64, #000000a3); + } + + .sm\:to-Shadow\ and\ Highlight-Shadow { + --tw-gradient-to: var(--shadow-and-highlight-shadow, #7f7e7f); + } + + .sm\:to-Shadow\ and\ Highlight-Highlight { + --tw-gradient-to: var(--shadow-and-highlight-highlight, #474747); + } + + .sm\:to-Shadow\ and\ Highlight-highlight\ one { + --tw-gradient-to: var(--shadow-and-highlight-highlight-one, #474747bf); + } + + .sm\:to-Shadow\ and\ Highlight-highlight\ two { + --tw-gradient-to: var(--shadow-and-highlight-highlight-two, #47474799); + } + + .sm\:to-Shadow\ and\ Highlight-highlight\ three { + --tw-gradient-to: var(--shadow-and-highlight-highlight-three, #47474766); + } + + .sm\:to-Shadow\ and\ Highlight-highlight\ five { + --tw-gradient-to: var(--shadow-and-highlight-highlight-five, #4747471a); + } + + .sm\:to-Shadow\ and\ Highlight-shadow\ one { + --tw-gradient-to: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); + } + + .sm\:to-Shadow\ and\ Highlight-shadow\ two { + --tw-gradient-to: var(--shadow-and-highlight-shadow-two, #7f7e7f99); + } + + .sm\:to-Shadow\ and\ Highlight-shadow\ three { + --tw-gradient-to: var(--shadow-and-highlight-shadow-three, #7f7e7f66); + } + + .sm\:to-Shadow\ and\ Highlight-shadow\ four { + --tw-gradient-to: var(--shadow-and-highlight-shadow-four, #7f7e7f40); + } + + .sm\:to-Shadow\ and\ Highlight-shadow\ five { + --tw-gradient-to: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); + } + + .sm\:to-Shadow\ and\ Highlight-highlight\ four { + --tw-gradient-to: var(--shadow-and-highlight-highlight-four, #47474740); + } + + .sm\:to-Base\ Layer\ Styles-Base\ Layer-\ Light-White { + --tw-gradient-to: var(--base-layer-styles-base-layer-light-white, #ffffff); + } + + .sm\:to-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite { + --tw-gradient-to: var(--base-layer-styles-base-layer-light-off-white, #f0edee); + } + + .sm\:to-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack { + --tw-gradient-to: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); + } + + .sm\:to-Base\ Layer\ Styles-Base\ Layer-Dark-Black { + --tw-gradient-to: var(--base-layer-styles-base-layer-dark-black, #000000); + } + + .sm\:to-Grey-Scale-white { + --tw-gradient-to: var(--grey-scale-white, #ffffff); + } + + .sm\:to-Grey-Scale-off-white { + --tw-gradient-to: var(--grey-scale-off-white, #f0edee); + } + + .sm\:to-Grey\ Scale-grey { + --tw-gradient-to: var(--grey-scale-grey, #7f7e7f); + } + + .sm\:to-Grey\ Scale-charcoal { + --tw-gradient-to: var(--grey-scale-charcoal, #474747); + } + + .sm\:to-Grey\ Scale-off-black { + --tw-gradient-to: var(--grey-scale-off-black, #1c1c1c); + } + + .sm\:to-Grey\ Scale-black { + --tw-gradient-to: var(--grey-scale-black, #000000); + } + + .sm\:to-Blue-blue { + --tw-gradient-to: var(--blue-blue, #3a7ca5); + } + + .sm\:to-Blue-blue-100 { + --tw-gradient-to: var(--blue-blue-100, #75a3c0); + } + + .sm\:to-Blue-blue-200 { + --tw-gradient-to: var(--blue-blue-200, #9cbed2); + } + + .sm\:to-Blue-blue-300 { + --tw-gradient-to: var(--blue-blue-300, #4f7d9a); + } + + .sm\:to-Blue-blue-400 { + --tw-gradient-to: var(--blue-blue-400, #5c7d92); + } + + .sm\:to-Blue-blue-500 { + --tw-gradient-to: var(--blue-blue-500, #347095); + } + + .sm\:to-Blue-blue-600 { + --tw-gradient-to: var(--blue-blue-600, #295774); + } + + .sm\:to-Blue-blue-700 { + --tw-gradient-to: var(--blue-blue-700, #173242); + } + + .sm\:to-LightBlue-lightblue { + --tw-gradient-to: var(--light-blue-lightblue, #81c3d7); + } + + .sm\:to-LightBlue-lightblue-100 { + --tw-gradient-to: var(--light-blue-lightblue-100, #a7d5e3); + } + + .sm\:to-LightBlue-lightblue-200 { + --tw-gradient-to: var(--light-blue-lightblue-200, #c0e1eb); + } + + .sm\:to-LightBlue-lightblue-300 { + --tw-gradient-to: var(--light-blue-lightblue-300, #80aebd); + } + + .sm\:to-LightBlue-lightblue-400 { + --tw-gradient-to: var(--light-blue-lightblue-400, #80a0ab); + } + + .sm\:to-LightBlue-lightblue-500 { + --tw-gradient-to: var(--light-blue-lightblue-500, #74afc1); + } + + .sm\:to-LightBlue-lightblue-600 { + --tw-gradient-to: var(--light-blue-lightblue-600, #5a8997); + } + + .sm\:to-LightBlue-lightblue-650 { + --tw-gradient-to: var(--light-blue-lightblue-650, #3e5e65); + } + + .sm\:to-LightBlue-lightblue-700 { + --tw-gradient-to: var(--light-blue-lightblue-700, #344e56); + } + + .sm\:to-Orange-orange { + --tw-gradient-to: var(--orange-orange, #ff7f0e); + } + + .sm\:to-Orange-orange-100 { + --tw-gradient-to: var(--orange-orange-100, #ffa556); + } + + .sm\:to-Orange-orange-200 { + --tw-gradient-to: var(--orange-orange-200, #ffbf86); + } + + .sm\:to-Orange-orange-300 { + --tw-gradient-to: var(--orange-orange-300, #d97f30); + } + + .sm\:to-Orange-orange-400 { + --tw-gradient-to: var(--orange-orange-400, #bf7e46); + } + + .sm\:to-Orange-orange-500 { + --tw-gradient-to: var(--orange-orange-500, #e5720d); + } + + .sm\:to-Orange-orange-600 { + --tw-gradient-to: var(--orange-orange-600, #b3590a); + } + + .sm\:to-Orange-orange-700 { + --tw-gradient-to: var(--orange-orange-700, #663306); + } + + .sm\:to-Yellow-yellow { + --tw-gradient-to: var(--yellow-yellow, #ffab00); + } + + .sm\:to-Yellow-yellow-100 { + --tw-gradient-to: var(--yellow-yellow-100, #ffc44c); + } + + .sm\:to-Yellow-yellow-200 { + --tw-gradient-to: var(--yellow-yellow-200, #ffd580); + } + + .sm\:to-Yellow-yellow-300 { + --tw-gradient-to: var(--yellow-yellow-300, #d99d26); + } + + .sm\:to-Yellow-yellow-400 { + --tw-gradient-to: var(--yellow-yellow-400, #bf943f); + } + + .sm\:to-Yellow-yellow-500 { + --tw-gradient-to: var(--yellow-yellow-500, #e59a00); + } + + .sm\:to-Yellow-yellow-600 { + --tw-gradient-to: var(--yellow-yellow-600, #b37800); + } + + .sm\:to-Yellow-yellow-700 { + --tw-gradient-to: var(--yellow-yellow-700, #664400); + } + + .sm\:to-Notification-notification { + --tw-gradient-to: var(--notification-notification, #3959ff); + } + + .sm\:to-Notification-notification-100 { + --tw-gradient-to: var(--notification-notification-100, #748bff); + } + + .sm\:to-Notification-notification-200 { + --tw-gradient-to: var(--notification-notification-200, #9cacff); + } + + .sm\:to-Notification-notification-300 { + --tw-gradient-to: var(--notification-notification-300, #4e64d9); + } + + .sm\:to-Notification-notification-400 { + --tw-gradient-to: var(--notification-notification-400, #5c6cbf); + } + + .sm\:to-Notification-notification-500 { + --tw-gradient-to: var(--notification-notification-500, #3350e5); + } + + .sm\:to-Notification-notification-600 { + --tw-gradient-to: var(--notification-notification-600, #283eb3); + } + + .sm\:to-Notification-notification-700 { + --tw-gradient-to: var(--notification-notification-700, #172466); + } + + .sm\:to-Success-success\ -700 { + --tw-gradient-to: var(--success-success-700, #24471f); + } + + .sm\:to-Success-success { + --tw-gradient-to: var(--success-success, #5bb14d); + } + + .sm\:to-Success-success\ -100 { + --tw-gradient-to: var(--success-success-100, #8cc882); + } + + .sm\:to-Success-success\ -200 { + --tw-gradient-to: var(--success-success-200, #add8a6); + } + + .sm\:to-Success-success\ -300 { + --tw-gradient-to: var(--success-success-300, #66a25c); + } + + .sm\:to-Success-success\ -400 { + --tw-gradient-to: var(--success-success-400, #6d9766); + } + + .sm\:to-Success-success\ -500 { + --tw-gradient-to: var(--success-success-500, #529f45); + } + + .sm\:to-Success-success\ -600 { + --tw-gradient-to: var(--success-success-600, #407c36); + } + + .sm\:to-Error-error { + --tw-gradient-to: var(--error-error, #f03d3e); + } + + .sm\:to-Error-error-100 { + --tw-gradient-to: var(--error-error-100, #f57778); + } + + .sm\:to-Error-error-200 { + --tw-gradient-to: var(--error-error-200, #f89e9e); + } + + .sm\:to-Error-error-250 { + --tw-gradient-to: var(--error-error-250, #f9c8c8); + } + + .sm\:to-Error-error-300 { + --tw-gradient-to: var(--error-error-300, #ce5151); + } + + .sm\:to-Error-error-400 { + --tw-gradient-to: var(--error-error-400, #b85e5e); + } + + .sm\:to-Error-error-500 { + --tw-gradient-to: var(--error-error-500, #d83738); + } + + .sm\:to-Error-error-600 { + --tw-gradient-to: var(--error-error-600, #a82b2b); + } + + .sm\:to-Error-error-700 { + --tw-gradient-to: var(--error-error-700, #601819); + } + + .sm\:hover\:to-colors-black:hover { + --tw-gradient-to: var(--colors-black, #000000); + } + + .sm\:hover\:to-colors-white:hover { + --tw-gradient-to: var(--colors-white, #ffffff); + } + + .sm\:hover\:to-colors-gray-100:hover { + --tw-gradient-to: var(--colors-gray-100, #f7fafc); + } + + .sm\:hover\:to-colors-gray-200:hover { + --tw-gradient-to: var(--colors-gray-200, #edf2f7); + } + + .sm\:hover\:to-colors-gray-300:hover { + --tw-gradient-to: var(--colors-gray-300, #e2e8f0); + } + + .sm\:hover\:to-colors-gray-400:hover { + --tw-gradient-to: var(--colors-gray-400, #cbd5e0); + } + + .sm\:hover\:to-colors-gray-500:hover { + --tw-gradient-to: var(--colors-gray-500, #a0aec0); + } + + .sm\:hover\:to-colors-gray-600:hover { + --tw-gradient-to: var(--colors-gray-600, #718096); + } + + .sm\:hover\:to-colors-gray-700:hover { + --tw-gradient-to: var(--colors-gray-700, #4a5568); + } + + .sm\:hover\:to-colors-gray-800:hover { + --tw-gradient-to: var(--colors-gray-800, #2d3748); + } + + .sm\:hover\:to-colors-gray-900:hover { + --tw-gradient-to: var(--colors-gray-900, #1a202c); + } + + .sm\:hover\:to-colors-red-100:hover { + --tw-gradient-to: var(--colors-red-100, #fff5f5); + } + + .sm\:hover\:to-colors-red-200:hover { + --tw-gradient-to: var(--colors-red-200, #fed7d7); + } + + .sm\:hover\:to-colors-red-300:hover { + --tw-gradient-to: var(--colors-red-300, #feb2b2); + } + + .sm\:hover\:to-colors-red-400:hover { + --tw-gradient-to: var(--colors-red-400, #fc8181); + } + + .sm\:hover\:to-colors-red-500:hover { + --tw-gradient-to: var(--colors-red-500, #f56565); + } + + .sm\:hover\:to-colors-red-600:hover { + --tw-gradient-to: var(--colors-red-600, #e53e3e); + } + + .sm\:hover\:to-colors-red-700:hover { + --tw-gradient-to: var(--colors-red-700, #c53030); + } + + .sm\:hover\:to-colors-red-800:hover { + --tw-gradient-to: var(--colors-red-800, #9b2c2c); + } + + .sm\:hover\:to-colors-red-900:hover { + --tw-gradient-to: var(--colors-red-900, #742a2a); + } + + .sm\:hover\:to-colors-orange-100:hover { + --tw-gradient-to: var(--colors-orange-100, #fffaf0); + } + + .sm\:hover\:to-colors-orange-200:hover { + --tw-gradient-to: var(--colors-orange-200, #feebc8); + } + + .sm\:hover\:to-colors-orange-300:hover { + --tw-gradient-to: var(--colors-orange-300, #fbd38d); + } + + .sm\:hover\:to-colors-orange-400:hover { + --tw-gradient-to: var(--colors-orange-400, #f6ad55); + } + + .sm\:hover\:to-colors-orange-500:hover { + --tw-gradient-to: var(--colors-orange-500, #ed8936); + } + + .sm\:hover\:to-colors-orange-600:hover { + --tw-gradient-to: var(--colors-orange-600, #dd6b20); + } + + .sm\:hover\:to-colors-orange-700:hover { + --tw-gradient-to: var(--colors-orange-700, #c05621); + } + + .sm\:hover\:to-colors-orange-800:hover { + --tw-gradient-to: var(--colors-orange-800, #9c4221); + } + + .sm\:hover\:to-colors-orange-900:hover { + --tw-gradient-to: var(--colors-orange-900, #7b341e); + } + + .sm\:hover\:to-colors-yellow-100:hover { + --tw-gradient-to: var(--colors-yellow-100, #fffff0); + } + + .sm\:hover\:to-colors-yellow-200:hover { + --tw-gradient-to: var(--colors-yellow-200, #fefcbf); + } + + .sm\:hover\:to-colors-yellow-300:hover { + --tw-gradient-to: var(--colors-yellow-300, #faf089); + } + + .sm\:hover\:to-colors-yellow-400:hover { + --tw-gradient-to: var(--colors-yellow-400, #f6e05e); + } + + .sm\:hover\:to-colors-yellow-500:hover { + --tw-gradient-to: var(--colors-yellow-500, #ecc94b); + } + + .sm\:hover\:to-colors-yellow-600:hover { + --tw-gradient-to: var(--colors-yellow-600, #d69e2e); + } + + .sm\:hover\:to-colors-yellow-700:hover { + --tw-gradient-to: var(--colors-yellow-700, #b7791f); + } + + .sm\:hover\:to-colors-yellow-800:hover { + --tw-gradient-to: var(--colors-yellow-800, #975a16); + } + + .sm\:hover\:to-colors-yellow-900:hover { + --tw-gradient-to: var(--colors-yellow-900, #744210); + } + + .sm\:hover\:to-colors-green-100:hover { + --tw-gradient-to: var(--colors-green-100, #f0fff4); + } + + .sm\:hover\:to-colors-green-200:hover { + --tw-gradient-to: var(--colors-green-200, #c6f6d5); + } + + .sm\:hover\:to-colors-green-300:hover { + --tw-gradient-to: var(--colors-green-300, #9ae6b4); + } + + .sm\:hover\:to-colors-green-400:hover { + --tw-gradient-to: var(--colors-green-400, #68d391); + } + + .sm\:hover\:to-colors-green-500:hover { + --tw-gradient-to: var(--colors-green-500, #48bb78); + } + + .sm\:hover\:to-colors-green-600:hover { + --tw-gradient-to: var(--colors-green-600, #38a169); + } + + .sm\:hover\:to-colors-green-700:hover { + --tw-gradient-to: var(--colors-green-700, #2f855a); + } + + .sm\:hover\:to-colors-green-800:hover { + --tw-gradient-to: var(--colors-green-800, #276749); + } + + .sm\:hover\:to-colors-green-900:hover { + --tw-gradient-to: var(--colors-green-900, #22543d); + } + + .sm\:hover\:to-colors-teal-100:hover { + --tw-gradient-to: var(--colors-teal-100, #e6fffa); + } + + .sm\:hover\:to-colors-teal-200:hover { + --tw-gradient-to: var(--colors-teal-200, #b2f5ea); + } + + .sm\:hover\:to-colors-teal-300:hover { + --tw-gradient-to: var(--colors-teal-300, #81e6d9); + } + + .sm\:hover\:to-colors-teal-400:hover { + --tw-gradient-to: var(--colors-teal-400, #4fd1c5); + } + + .sm\:hover\:to-colors-teal-500:hover { + --tw-gradient-to: var(--colors-teal-500, #38b2ac); + } + + .sm\:hover\:to-colors-teal-600:hover { + --tw-gradient-to: var(--colors-teal-600, #319795); + } + + .sm\:hover\:to-colors-teal-700:hover { + --tw-gradient-to: var(--colors-teal-700, #2c7a7b); + } + + .sm\:hover\:to-colors-teal-800:hover { + --tw-gradient-to: var(--colors-teal-800, #285e61); + } + + .sm\:hover\:to-colors-teal-900:hover { + --tw-gradient-to: var(--colors-teal-900, #234e52); + } + + .sm\:hover\:to-colors-blue-100:hover { + --tw-gradient-to: var(--colors-blue-100, #ebf8ff); + } + + .sm\:hover\:to-colors-blue-200:hover { + --tw-gradient-to: var(--colors-blue-200, #bee3f8); + } + + .sm\:hover\:to-colors-blue-300:hover { + --tw-gradient-to: var(--colors-blue-300, #90cdf4); + } + + .sm\:hover\:to-colors-blue-400:hover { + --tw-gradient-to: var(--colors-blue-400, #63b3ed); + } + + .sm\:hover\:to-colors-blue-500:hover { + --tw-gradient-to: var(--colors-blue-500, #4299e1); + } + + .sm\:hover\:to-colors-blue-600:hover { + --tw-gradient-to: var(--colors-blue-600, #3182ce); + } + + .sm\:hover\:to-colors-blue-700:hover { + --tw-gradient-to: var(--colors-blue-700, #2b6cb0); + } + + .sm\:hover\:to-colors-blue-800:hover { + --tw-gradient-to: var(--colors-blue-800, #2c5282); + } + + .sm\:hover\:to-colors-blue-900:hover { + --tw-gradient-to: var(--colors-blue-900, #2a4365); + } + + .sm\:hover\:to-colors-indigo-100:hover { + --tw-gradient-to: var(--colors-indigo-100, #ebf4ff); + } + + .sm\:hover\:to-colors-indigo-200:hover { + --tw-gradient-to: var(--colors-indigo-200, #c3dafe); + } + + .sm\:hover\:to-colors-indigo-300:hover { + --tw-gradient-to: var(--colors-indigo-300, #a3bffa); + } + + .sm\:hover\:to-colors-indigo-400:hover { + --tw-gradient-to: var(--colors-indigo-400, #7f9cf5); + } + + .sm\:hover\:to-colors-indigo-500:hover { + --tw-gradient-to: var(--colors-indigo-500, #667eea); + } + + .sm\:hover\:to-colors-indigo-600:hover { + --tw-gradient-to: var(--colors-indigo-600, #5a67d8); + } + + .sm\:hover\:to-colors-indigo-700:hover { + --tw-gradient-to: var(--colors-indigo-700, #4c51bf); + } + + .sm\:hover\:to-colors-indigo-800:hover { + --tw-gradient-to: var(--colors-indigo-800, #434190); + } + + .sm\:hover\:to-colors-indigo-900:hover { + --tw-gradient-to: var(--colors-indigo-900, #3c366b); + } + + .sm\:hover\:to-colors-purple-100:hover { + --tw-gradient-to: var(--colors-purple-100, #faf5ff); + } + + .sm\:hover\:to-colors-purple-200:hover { + --tw-gradient-to: var(--colors-purple-200, #e9d8fd); + } + + .sm\:hover\:to-colors-purple-300:hover { + --tw-gradient-to: var(--colors-purple-300, #d6bcfa); + } + + .sm\:hover\:to-colors-purple-400:hover { + --tw-gradient-to: var(--colors-purple-400, #b794f4); + } + + .sm\:hover\:to-colors-purple-500:hover { + --tw-gradient-to: var(--colors-purple-500, #9f7aea); + } + + .sm\:hover\:to-colors-purple-600:hover { + --tw-gradient-to: var(--colors-purple-600, #805ad5); + } + + .sm\:hover\:to-colors-purple-700:hover { + --tw-gradient-to: var(--colors-purple-700, #6b46c1); + } + + .sm\:hover\:to-colors-purple-800:hover { + --tw-gradient-to: var(--colors-purple-800, #553c9a); + } + + .sm\:hover\:to-colors-purple-900:hover { + --tw-gradient-to: var(--colors-purple-900, #44337a); + } + + .sm\:hover\:to-colors-pink-100:hover { + --tw-gradient-to: var(--colors-pink-100, #fff5f7); + } + + .sm\:hover\:to-colors-pink-200:hover { + --tw-gradient-to: var(--colors-pink-200, #fed7e2); + } + + .sm\:hover\:to-colors-pink-300:hover { + --tw-gradient-to: var(--colors-pink-300, #fbb6ce); + } + + .sm\:hover\:to-colors-pink-400:hover { + --tw-gradient-to: var(--colors-pink-400, #f687b3); + } + + .sm\:hover\:to-colors-pink-500:hover { + --tw-gradient-to: var(--colors-pink-500, #ed64a6); + } + + .sm\:hover\:to-colors-pink-600:hover { + --tw-gradient-to: var(--colors-pink-600, #d53f8c); + } + + .sm\:hover\:to-colors-pink-700:hover { + --tw-gradient-to: var(--colors-pink-700, #b83280); + } + + .sm\:hover\:to-colors-pink-800:hover { + --tw-gradient-to: var(--colors-pink-800, #97266d); + } + + .sm\:hover\:to-colors-pink-900:hover { + --tw-gradient-to: var(--colors-pink-900, #702459); + } + + .sm\:hover\:to-Box\ Shadow:hover { + --tw-gradient-to: var(--box-shadow, #7f7e7f); + } + + .sm\:hover\:to-Error16:hover { + --tw-gradient-to: var(--error16, #f03d3e40); + } + + .sm\:hover\:to-Success16:hover { + --tw-gradient-to: var(--success16, #5bb14d40); + } + + .sm\:hover\:to-Notification16:hover { + --tw-gradient-to: var(--notification16, #3959ff40); + } + + .sm\:hover\:to-Error8:hover { + --tw-gradient-to: var(--error8, #f03d3e1a); + } + + .sm\:hover\:to-Notification8:hover { + --tw-gradient-to: var(--notification8, #3959ff1a); + } + + .sm\:hover\:to-Success8:hover { + --tw-gradient-to: var(--success8, #5bb14d1a); + } + + .sm\:hover\:to-Light\ -\ Overlay:hover { + --tw-gradient-to: var(--light-overlay, #f0edee66); + } + + .sm\:hover\:to-Dark-\ Overlay:hover { + --tw-gradient-to: var(--dark-overlay, #7f7e7f66); + } + + .sm\:hover\:to-black-40:hover { + --tw-gradient-to: var(--black-40, #00000066); + } + + .sm\:hover\:to-black-75:hover { + --tw-gradient-to: var(--black-75, #000000bf); + } + + .sm\:hover\:to-black-60:hover { + --tw-gradient-to: var(--black-60, #00000099); + } + + .sm\:hover\:to-black-50:hover { + --tw-gradient-to: var(--black-50, #00000080); + } + + .sm\:hover\:to-black-25:hover { + --tw-gradient-to: var(--black-25, #00000040); + } + + .sm\:hover\:to-black-10:hover { + --tw-gradient-to: var(--black-10, #0000001a); + } + + .sm\:hover\:to-white-25:hover { + --tw-gradient-to: var(--white-25, #ffffff40); + } + + .sm\:hover\:to-white-60:hover { + --tw-gradient-to: var(--white-60, #ffffff99); + } + + .sm\:hover\:to-black-64:hover { + --tw-gradient-to: var(--black-64, #000000a3); + } + + .sm\:hover\:to-Shadow\ and\ Highlight-Shadow:hover { + --tw-gradient-to: var(--shadow-and-highlight-shadow, #7f7e7f); + } + + .sm\:hover\:to-Shadow\ and\ Highlight-Highlight:hover { + --tw-gradient-to: var(--shadow-and-highlight-highlight, #474747); + } + + .sm\:hover\:to-Shadow\ and\ Highlight-highlight\ one:hover { + --tw-gradient-to: var(--shadow-and-highlight-highlight-one, #474747bf); + } + + .sm\:hover\:to-Shadow\ and\ Highlight-highlight\ two:hover { + --tw-gradient-to: var(--shadow-and-highlight-highlight-two, #47474799); + } + + .sm\:hover\:to-Shadow\ and\ Highlight-highlight\ three:hover { + --tw-gradient-to: var(--shadow-and-highlight-highlight-three, #47474766); + } + + .sm\:hover\:to-Shadow\ and\ Highlight-highlight\ five:hover { + --tw-gradient-to: var(--shadow-and-highlight-highlight-five, #4747471a); + } + + .sm\:hover\:to-Shadow\ and\ Highlight-shadow\ one:hover { + --tw-gradient-to: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); + } + + .sm\:hover\:to-Shadow\ and\ Highlight-shadow\ two:hover { + --tw-gradient-to: var(--shadow-and-highlight-shadow-two, #7f7e7f99); + } + + .sm\:hover\:to-Shadow\ and\ Highlight-shadow\ three:hover { + --tw-gradient-to: var(--shadow-and-highlight-shadow-three, #7f7e7f66); + } + + .sm\:hover\:to-Shadow\ and\ Highlight-shadow\ four:hover { + --tw-gradient-to: var(--shadow-and-highlight-shadow-four, #7f7e7f40); + } + + .sm\:hover\:to-Shadow\ and\ Highlight-shadow\ five:hover { + --tw-gradient-to: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); + } + + .sm\:hover\:to-Shadow\ and\ Highlight-highlight\ four:hover { + --tw-gradient-to: var(--shadow-and-highlight-highlight-four, #47474740); + } + + .sm\:hover\:to-Base\ Layer\ Styles-Base\ Layer-\ Light-White:hover { + --tw-gradient-to: var(--base-layer-styles-base-layer-light-white, #ffffff); + } + + .sm\:hover\:to-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:hover { + --tw-gradient-to: var(--base-layer-styles-base-layer-light-off-white, #f0edee); + } + + .sm\:hover\:to-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:hover { + --tw-gradient-to: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); + } + + .sm\:hover\:to-Base\ Layer\ Styles-Base\ Layer-Dark-Black:hover { + --tw-gradient-to: var(--base-layer-styles-base-layer-dark-black, #000000); + } + + .sm\:hover\:to-Grey-Scale-white:hover { + --tw-gradient-to: var(--grey-scale-white, #ffffff); + } + + .sm\:hover\:to-Grey-Scale-off-white:hover { + --tw-gradient-to: var(--grey-scale-off-white, #f0edee); + } + + .sm\:hover\:to-Grey\ Scale-grey:hover { + --tw-gradient-to: var(--grey-scale-grey, #7f7e7f); + } + + .sm\:hover\:to-Grey\ Scale-charcoal:hover { + --tw-gradient-to: var(--grey-scale-charcoal, #474747); + } + + .sm\:hover\:to-Grey\ Scale-off-black:hover { + --tw-gradient-to: var(--grey-scale-off-black, #1c1c1c); + } + + .sm\:hover\:to-Grey\ Scale-black:hover { + --tw-gradient-to: var(--grey-scale-black, #000000); + } + + .sm\:hover\:to-Blue-blue:hover { + --tw-gradient-to: var(--blue-blue, #3a7ca5); + } + + .sm\:hover\:to-Blue-blue-100:hover { + --tw-gradient-to: var(--blue-blue-100, #75a3c0); + } + + .sm\:hover\:to-Blue-blue-200:hover { + --tw-gradient-to: var(--blue-blue-200, #9cbed2); + } + + .sm\:hover\:to-Blue-blue-300:hover { + --tw-gradient-to: var(--blue-blue-300, #4f7d9a); + } + + .sm\:hover\:to-Blue-blue-400:hover { + --tw-gradient-to: var(--blue-blue-400, #5c7d92); + } + + .sm\:hover\:to-Blue-blue-500:hover { + --tw-gradient-to: var(--blue-blue-500, #347095); + } + + .sm\:hover\:to-Blue-blue-600:hover { + --tw-gradient-to: var(--blue-blue-600, #295774); + } + + .sm\:hover\:to-Blue-blue-700:hover { + --tw-gradient-to: var(--blue-blue-700, #173242); + } + + .sm\:hover\:to-LightBlue-lightblue:hover { + --tw-gradient-to: var(--light-blue-lightblue, #81c3d7); + } + + .sm\:hover\:to-LightBlue-lightblue-100:hover { + --tw-gradient-to: var(--light-blue-lightblue-100, #a7d5e3); + } + + .sm\:hover\:to-LightBlue-lightblue-200:hover { + --tw-gradient-to: var(--light-blue-lightblue-200, #c0e1eb); + } + + .sm\:hover\:to-LightBlue-lightblue-300:hover { + --tw-gradient-to: var(--light-blue-lightblue-300, #80aebd); + } + + .sm\:hover\:to-LightBlue-lightblue-400:hover { + --tw-gradient-to: var(--light-blue-lightblue-400, #80a0ab); + } + + .sm\:hover\:to-LightBlue-lightblue-500:hover { + --tw-gradient-to: var(--light-blue-lightblue-500, #74afc1); + } + + .sm\:hover\:to-LightBlue-lightblue-600:hover { + --tw-gradient-to: var(--light-blue-lightblue-600, #5a8997); + } + + .sm\:hover\:to-LightBlue-lightblue-650:hover { + --tw-gradient-to: var(--light-blue-lightblue-650, #3e5e65); + } + + .sm\:hover\:to-LightBlue-lightblue-700:hover { + --tw-gradient-to: var(--light-blue-lightblue-700, #344e56); + } + + .sm\:hover\:to-Orange-orange:hover { + --tw-gradient-to: var(--orange-orange, #ff7f0e); + } + + .sm\:hover\:to-Orange-orange-100:hover { + --tw-gradient-to: var(--orange-orange-100, #ffa556); + } + + .sm\:hover\:to-Orange-orange-200:hover { + --tw-gradient-to: var(--orange-orange-200, #ffbf86); + } + + .sm\:hover\:to-Orange-orange-300:hover { + --tw-gradient-to: var(--orange-orange-300, #d97f30); + } + + .sm\:hover\:to-Orange-orange-400:hover { + --tw-gradient-to: var(--orange-orange-400, #bf7e46); + } + + .sm\:hover\:to-Orange-orange-500:hover { + --tw-gradient-to: var(--orange-orange-500, #e5720d); + } + + .sm\:hover\:to-Orange-orange-600:hover { + --tw-gradient-to: var(--orange-orange-600, #b3590a); + } + + .sm\:hover\:to-Orange-orange-700:hover { + --tw-gradient-to: var(--orange-orange-700, #663306); + } + + .sm\:hover\:to-Yellow-yellow:hover { + --tw-gradient-to: var(--yellow-yellow, #ffab00); + } + + .sm\:hover\:to-Yellow-yellow-100:hover { + --tw-gradient-to: var(--yellow-yellow-100, #ffc44c); + } + + .sm\:hover\:to-Yellow-yellow-200:hover { + --tw-gradient-to: var(--yellow-yellow-200, #ffd580); + } + + .sm\:hover\:to-Yellow-yellow-300:hover { + --tw-gradient-to: var(--yellow-yellow-300, #d99d26); + } + + .sm\:hover\:to-Yellow-yellow-400:hover { + --tw-gradient-to: var(--yellow-yellow-400, #bf943f); + } + + .sm\:hover\:to-Yellow-yellow-500:hover { + --tw-gradient-to: var(--yellow-yellow-500, #e59a00); + } + + .sm\:hover\:to-Yellow-yellow-600:hover { + --tw-gradient-to: var(--yellow-yellow-600, #b37800); + } + + .sm\:hover\:to-Yellow-yellow-700:hover { + --tw-gradient-to: var(--yellow-yellow-700, #664400); + } + + .sm\:hover\:to-Notification-notification:hover { + --tw-gradient-to: var(--notification-notification, #3959ff); + } + + .sm\:hover\:to-Notification-notification-100:hover { + --tw-gradient-to: var(--notification-notification-100, #748bff); + } + + .sm\:hover\:to-Notification-notification-200:hover { + --tw-gradient-to: var(--notification-notification-200, #9cacff); + } + + .sm\:hover\:to-Notification-notification-300:hover { + --tw-gradient-to: var(--notification-notification-300, #4e64d9); + } + + .sm\:hover\:to-Notification-notification-400:hover { + --tw-gradient-to: var(--notification-notification-400, #5c6cbf); + } + + .sm\:hover\:to-Notification-notification-500:hover { + --tw-gradient-to: var(--notification-notification-500, #3350e5); + } + + .sm\:hover\:to-Notification-notification-600:hover { + --tw-gradient-to: var(--notification-notification-600, #283eb3); + } + + .sm\:hover\:to-Notification-notification-700:hover { + --tw-gradient-to: var(--notification-notification-700, #172466); + } + + .sm\:hover\:to-Success-success\ -700:hover { + --tw-gradient-to: var(--success-success-700, #24471f); + } + + .sm\:hover\:to-Success-success:hover { + --tw-gradient-to: var(--success-success, #5bb14d); + } + + .sm\:hover\:to-Success-success\ -100:hover { + --tw-gradient-to: var(--success-success-100, #8cc882); + } + + .sm\:hover\:to-Success-success\ -200:hover { + --tw-gradient-to: var(--success-success-200, #add8a6); + } + + .sm\:hover\:to-Success-success\ -300:hover { + --tw-gradient-to: var(--success-success-300, #66a25c); + } + + .sm\:hover\:to-Success-success\ -400:hover { + --tw-gradient-to: var(--success-success-400, #6d9766); + } + + .sm\:hover\:to-Success-success\ -500:hover { + --tw-gradient-to: var(--success-success-500, #529f45); + } + + .sm\:hover\:to-Success-success\ -600:hover { + --tw-gradient-to: var(--success-success-600, #407c36); + } + + .sm\:hover\:to-Error-error:hover { + --tw-gradient-to: var(--error-error, #f03d3e); + } + + .sm\:hover\:to-Error-error-100:hover { + --tw-gradient-to: var(--error-error-100, #f57778); + } + + .sm\:hover\:to-Error-error-200:hover { + --tw-gradient-to: var(--error-error-200, #f89e9e); + } + + .sm\:hover\:to-Error-error-250:hover { + --tw-gradient-to: var(--error-error-250, #f9c8c8); + } + + .sm\:hover\:to-Error-error-300:hover { + --tw-gradient-to: var(--error-error-300, #ce5151); + } + + .sm\:hover\:to-Error-error-400:hover { + --tw-gradient-to: var(--error-error-400, #b85e5e); + } + + .sm\:hover\:to-Error-error-500:hover { + --tw-gradient-to: var(--error-error-500, #d83738); + } + + .sm\:hover\:to-Error-error-600:hover { + --tw-gradient-to: var(--error-error-600, #a82b2b); + } + + .sm\:hover\:to-Error-error-700:hover { + --tw-gradient-to: var(--error-error-700, #601819); + } + + .sm\:focus\:to-colors-black:focus { + --tw-gradient-to: var(--colors-black, #000000); + } + + .sm\:focus\:to-colors-white:focus { + --tw-gradient-to: var(--colors-white, #ffffff); + } + + .sm\:focus\:to-colors-gray-100:focus { + --tw-gradient-to: var(--colors-gray-100, #f7fafc); + } + + .sm\:focus\:to-colors-gray-200:focus { + --tw-gradient-to: var(--colors-gray-200, #edf2f7); + } + + .sm\:focus\:to-colors-gray-300:focus { + --tw-gradient-to: var(--colors-gray-300, #e2e8f0); + } + + .sm\:focus\:to-colors-gray-400:focus { + --tw-gradient-to: var(--colors-gray-400, #cbd5e0); + } + + .sm\:focus\:to-colors-gray-500:focus { + --tw-gradient-to: var(--colors-gray-500, #a0aec0); + } + + .sm\:focus\:to-colors-gray-600:focus { + --tw-gradient-to: var(--colors-gray-600, #718096); + } + + .sm\:focus\:to-colors-gray-700:focus { + --tw-gradient-to: var(--colors-gray-700, #4a5568); + } + + .sm\:focus\:to-colors-gray-800:focus { + --tw-gradient-to: var(--colors-gray-800, #2d3748); + } + + .sm\:focus\:to-colors-gray-900:focus { + --tw-gradient-to: var(--colors-gray-900, #1a202c); + } + + .sm\:focus\:to-colors-red-100:focus { + --tw-gradient-to: var(--colors-red-100, #fff5f5); + } + + .sm\:focus\:to-colors-red-200:focus { + --tw-gradient-to: var(--colors-red-200, #fed7d7); + } + + .sm\:focus\:to-colors-red-300:focus { + --tw-gradient-to: var(--colors-red-300, #feb2b2); + } + + .sm\:focus\:to-colors-red-400:focus { + --tw-gradient-to: var(--colors-red-400, #fc8181); + } + + .sm\:focus\:to-colors-red-500:focus { + --tw-gradient-to: var(--colors-red-500, #f56565); + } + + .sm\:focus\:to-colors-red-600:focus { + --tw-gradient-to: var(--colors-red-600, #e53e3e); + } + + .sm\:focus\:to-colors-red-700:focus { + --tw-gradient-to: var(--colors-red-700, #c53030); + } + + .sm\:focus\:to-colors-red-800:focus { + --tw-gradient-to: var(--colors-red-800, #9b2c2c); + } + + .sm\:focus\:to-colors-red-900:focus { + --tw-gradient-to: var(--colors-red-900, #742a2a); + } + + .sm\:focus\:to-colors-orange-100:focus { + --tw-gradient-to: var(--colors-orange-100, #fffaf0); + } + + .sm\:focus\:to-colors-orange-200:focus { + --tw-gradient-to: var(--colors-orange-200, #feebc8); + } + + .sm\:focus\:to-colors-orange-300:focus { + --tw-gradient-to: var(--colors-orange-300, #fbd38d); + } + + .sm\:focus\:to-colors-orange-400:focus { + --tw-gradient-to: var(--colors-orange-400, #f6ad55); + } + + .sm\:focus\:to-colors-orange-500:focus { + --tw-gradient-to: var(--colors-orange-500, #ed8936); + } + + .sm\:focus\:to-colors-orange-600:focus { + --tw-gradient-to: var(--colors-orange-600, #dd6b20); + } + + .sm\:focus\:to-colors-orange-700:focus { + --tw-gradient-to: var(--colors-orange-700, #c05621); + } + + .sm\:focus\:to-colors-orange-800:focus { + --tw-gradient-to: var(--colors-orange-800, #9c4221); + } + + .sm\:focus\:to-colors-orange-900:focus { + --tw-gradient-to: var(--colors-orange-900, #7b341e); + } + + .sm\:focus\:to-colors-yellow-100:focus { + --tw-gradient-to: var(--colors-yellow-100, #fffff0); + } + + .sm\:focus\:to-colors-yellow-200:focus { + --tw-gradient-to: var(--colors-yellow-200, #fefcbf); + } + + .sm\:focus\:to-colors-yellow-300:focus { + --tw-gradient-to: var(--colors-yellow-300, #faf089); + } + + .sm\:focus\:to-colors-yellow-400:focus { + --tw-gradient-to: var(--colors-yellow-400, #f6e05e); + } + + .sm\:focus\:to-colors-yellow-500:focus { + --tw-gradient-to: var(--colors-yellow-500, #ecc94b); + } + + .sm\:focus\:to-colors-yellow-600:focus { + --tw-gradient-to: var(--colors-yellow-600, #d69e2e); + } + + .sm\:focus\:to-colors-yellow-700:focus { + --tw-gradient-to: var(--colors-yellow-700, #b7791f); + } + + .sm\:focus\:to-colors-yellow-800:focus { + --tw-gradient-to: var(--colors-yellow-800, #975a16); + } + + .sm\:focus\:to-colors-yellow-900:focus { + --tw-gradient-to: var(--colors-yellow-900, #744210); + } + + .sm\:focus\:to-colors-green-100:focus { + --tw-gradient-to: var(--colors-green-100, #f0fff4); + } + + .sm\:focus\:to-colors-green-200:focus { + --tw-gradient-to: var(--colors-green-200, #c6f6d5); + } + + .sm\:focus\:to-colors-green-300:focus { + --tw-gradient-to: var(--colors-green-300, #9ae6b4); + } + + .sm\:focus\:to-colors-green-400:focus { + --tw-gradient-to: var(--colors-green-400, #68d391); + } + + .sm\:focus\:to-colors-green-500:focus { + --tw-gradient-to: var(--colors-green-500, #48bb78); + } + + .sm\:focus\:to-colors-green-600:focus { + --tw-gradient-to: var(--colors-green-600, #38a169); + } + + .sm\:focus\:to-colors-green-700:focus { + --tw-gradient-to: var(--colors-green-700, #2f855a); + } + + .sm\:focus\:to-colors-green-800:focus { + --tw-gradient-to: var(--colors-green-800, #276749); + } + + .sm\:focus\:to-colors-green-900:focus { + --tw-gradient-to: var(--colors-green-900, #22543d); + } + + .sm\:focus\:to-colors-teal-100:focus { + --tw-gradient-to: var(--colors-teal-100, #e6fffa); + } + + .sm\:focus\:to-colors-teal-200:focus { + --tw-gradient-to: var(--colors-teal-200, #b2f5ea); + } + + .sm\:focus\:to-colors-teal-300:focus { + --tw-gradient-to: var(--colors-teal-300, #81e6d9); + } + + .sm\:focus\:to-colors-teal-400:focus { + --tw-gradient-to: var(--colors-teal-400, #4fd1c5); + } + + .sm\:focus\:to-colors-teal-500:focus { + --tw-gradient-to: var(--colors-teal-500, #38b2ac); + } + + .sm\:focus\:to-colors-teal-600:focus { + --tw-gradient-to: var(--colors-teal-600, #319795); + } + + .sm\:focus\:to-colors-teal-700:focus { + --tw-gradient-to: var(--colors-teal-700, #2c7a7b); + } + + .sm\:focus\:to-colors-teal-800:focus { + --tw-gradient-to: var(--colors-teal-800, #285e61); + } + + .sm\:focus\:to-colors-teal-900:focus { + --tw-gradient-to: var(--colors-teal-900, #234e52); + } + + .sm\:focus\:to-colors-blue-100:focus { + --tw-gradient-to: var(--colors-blue-100, #ebf8ff); + } + + .sm\:focus\:to-colors-blue-200:focus { + --tw-gradient-to: var(--colors-blue-200, #bee3f8); + } + + .sm\:focus\:to-colors-blue-300:focus { + --tw-gradient-to: var(--colors-blue-300, #90cdf4); + } + + .sm\:focus\:to-colors-blue-400:focus { + --tw-gradient-to: var(--colors-blue-400, #63b3ed); + } + + .sm\:focus\:to-colors-blue-500:focus { + --tw-gradient-to: var(--colors-blue-500, #4299e1); + } + + .sm\:focus\:to-colors-blue-600:focus { + --tw-gradient-to: var(--colors-blue-600, #3182ce); + } + + .sm\:focus\:to-colors-blue-700:focus { + --tw-gradient-to: var(--colors-blue-700, #2b6cb0); + } + + .sm\:focus\:to-colors-blue-800:focus { + --tw-gradient-to: var(--colors-blue-800, #2c5282); + } + + .sm\:focus\:to-colors-blue-900:focus { + --tw-gradient-to: var(--colors-blue-900, #2a4365); + } + + .sm\:focus\:to-colors-indigo-100:focus { + --tw-gradient-to: var(--colors-indigo-100, #ebf4ff); + } + + .sm\:focus\:to-colors-indigo-200:focus { + --tw-gradient-to: var(--colors-indigo-200, #c3dafe); + } + + .sm\:focus\:to-colors-indigo-300:focus { + --tw-gradient-to: var(--colors-indigo-300, #a3bffa); + } + + .sm\:focus\:to-colors-indigo-400:focus { + --tw-gradient-to: var(--colors-indigo-400, #7f9cf5); + } + + .sm\:focus\:to-colors-indigo-500:focus { + --tw-gradient-to: var(--colors-indigo-500, #667eea); + } + + .sm\:focus\:to-colors-indigo-600:focus { + --tw-gradient-to: var(--colors-indigo-600, #5a67d8); + } + + .sm\:focus\:to-colors-indigo-700:focus { + --tw-gradient-to: var(--colors-indigo-700, #4c51bf); + } + + .sm\:focus\:to-colors-indigo-800:focus { + --tw-gradient-to: var(--colors-indigo-800, #434190); + } + + .sm\:focus\:to-colors-indigo-900:focus { + --tw-gradient-to: var(--colors-indigo-900, #3c366b); + } + + .sm\:focus\:to-colors-purple-100:focus { + --tw-gradient-to: var(--colors-purple-100, #faf5ff); + } + + .sm\:focus\:to-colors-purple-200:focus { + --tw-gradient-to: var(--colors-purple-200, #e9d8fd); + } + + .sm\:focus\:to-colors-purple-300:focus { + --tw-gradient-to: var(--colors-purple-300, #d6bcfa); + } + + .sm\:focus\:to-colors-purple-400:focus { + --tw-gradient-to: var(--colors-purple-400, #b794f4); + } + + .sm\:focus\:to-colors-purple-500:focus { + --tw-gradient-to: var(--colors-purple-500, #9f7aea); + } + + .sm\:focus\:to-colors-purple-600:focus { + --tw-gradient-to: var(--colors-purple-600, #805ad5); + } + + .sm\:focus\:to-colors-purple-700:focus { + --tw-gradient-to: var(--colors-purple-700, #6b46c1); + } + + .sm\:focus\:to-colors-purple-800:focus { + --tw-gradient-to: var(--colors-purple-800, #553c9a); + } + + .sm\:focus\:to-colors-purple-900:focus { + --tw-gradient-to: var(--colors-purple-900, #44337a); + } + + .sm\:focus\:to-colors-pink-100:focus { + --tw-gradient-to: var(--colors-pink-100, #fff5f7); + } + + .sm\:focus\:to-colors-pink-200:focus { + --tw-gradient-to: var(--colors-pink-200, #fed7e2); + } + + .sm\:focus\:to-colors-pink-300:focus { + --tw-gradient-to: var(--colors-pink-300, #fbb6ce); + } + + .sm\:focus\:to-colors-pink-400:focus { + --tw-gradient-to: var(--colors-pink-400, #f687b3); + } + + .sm\:focus\:to-colors-pink-500:focus { + --tw-gradient-to: var(--colors-pink-500, #ed64a6); + } + + .sm\:focus\:to-colors-pink-600:focus { + --tw-gradient-to: var(--colors-pink-600, #d53f8c); + } + + .sm\:focus\:to-colors-pink-700:focus { + --tw-gradient-to: var(--colors-pink-700, #b83280); + } + + .sm\:focus\:to-colors-pink-800:focus { + --tw-gradient-to: var(--colors-pink-800, #97266d); + } + + .sm\:focus\:to-colors-pink-900:focus { + --tw-gradient-to: var(--colors-pink-900, #702459); + } + + .sm\:focus\:to-Box\ Shadow:focus { + --tw-gradient-to: var(--box-shadow, #7f7e7f); + } + + .sm\:focus\:to-Error16:focus { + --tw-gradient-to: var(--error16, #f03d3e40); + } + + .sm\:focus\:to-Success16:focus { + --tw-gradient-to: var(--success16, #5bb14d40); + } + + .sm\:focus\:to-Notification16:focus { + --tw-gradient-to: var(--notification16, #3959ff40); + } + + .sm\:focus\:to-Error8:focus { + --tw-gradient-to: var(--error8, #f03d3e1a); + } + + .sm\:focus\:to-Notification8:focus { + --tw-gradient-to: var(--notification8, #3959ff1a); + } + + .sm\:focus\:to-Success8:focus { + --tw-gradient-to: var(--success8, #5bb14d1a); + } + + .sm\:focus\:to-Light\ -\ Overlay:focus { + --tw-gradient-to: var(--light-overlay, #f0edee66); + } + + .sm\:focus\:to-Dark-\ Overlay:focus { + --tw-gradient-to: var(--dark-overlay, #7f7e7f66); + } + + .sm\:focus\:to-black-40:focus { + --tw-gradient-to: var(--black-40, #00000066); + } + + .sm\:focus\:to-black-75:focus { + --tw-gradient-to: var(--black-75, #000000bf); + } + + .sm\:focus\:to-black-60:focus { + --tw-gradient-to: var(--black-60, #00000099); + } + + .sm\:focus\:to-black-50:focus { + --tw-gradient-to: var(--black-50, #00000080); + } + + .sm\:focus\:to-black-25:focus { + --tw-gradient-to: var(--black-25, #00000040); + } + + .sm\:focus\:to-black-10:focus { + --tw-gradient-to: var(--black-10, #0000001a); + } + + .sm\:focus\:to-white-25:focus { + --tw-gradient-to: var(--white-25, #ffffff40); + } + + .sm\:focus\:to-white-60:focus { + --tw-gradient-to: var(--white-60, #ffffff99); + } + + .sm\:focus\:to-black-64:focus { + --tw-gradient-to: var(--black-64, #000000a3); + } + + .sm\:focus\:to-Shadow\ and\ Highlight-Shadow:focus { + --tw-gradient-to: var(--shadow-and-highlight-shadow, #7f7e7f); + } + + .sm\:focus\:to-Shadow\ and\ Highlight-Highlight:focus { + --tw-gradient-to: var(--shadow-and-highlight-highlight, #474747); + } + + .sm\:focus\:to-Shadow\ and\ Highlight-highlight\ one:focus { + --tw-gradient-to: var(--shadow-and-highlight-highlight-one, #474747bf); + } + + .sm\:focus\:to-Shadow\ and\ Highlight-highlight\ two:focus { + --tw-gradient-to: var(--shadow-and-highlight-highlight-two, #47474799); + } + + .sm\:focus\:to-Shadow\ and\ Highlight-highlight\ three:focus { + --tw-gradient-to: var(--shadow-and-highlight-highlight-three, #47474766); + } + + .sm\:focus\:to-Shadow\ and\ Highlight-highlight\ five:focus { + --tw-gradient-to: var(--shadow-and-highlight-highlight-five, #4747471a); + } + + .sm\:focus\:to-Shadow\ and\ Highlight-shadow\ one:focus { + --tw-gradient-to: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); + } + + .sm\:focus\:to-Shadow\ and\ Highlight-shadow\ two:focus { + --tw-gradient-to: var(--shadow-and-highlight-shadow-two, #7f7e7f99); + } + + .sm\:focus\:to-Shadow\ and\ Highlight-shadow\ three:focus { + --tw-gradient-to: var(--shadow-and-highlight-shadow-three, #7f7e7f66); + } + + .sm\:focus\:to-Shadow\ and\ Highlight-shadow\ four:focus { + --tw-gradient-to: var(--shadow-and-highlight-shadow-four, #7f7e7f40); + } + + .sm\:focus\:to-Shadow\ and\ Highlight-shadow\ five:focus { + --tw-gradient-to: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); + } + + .sm\:focus\:to-Shadow\ and\ Highlight-highlight\ four:focus { + --tw-gradient-to: var(--shadow-and-highlight-highlight-four, #47474740); + } + + .sm\:focus\:to-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus { + --tw-gradient-to: var(--base-layer-styles-base-layer-light-white, #ffffff); + } + + .sm\:focus\:to-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus { + --tw-gradient-to: var(--base-layer-styles-base-layer-light-off-white, #f0edee); + } + + .sm\:focus\:to-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus { + --tw-gradient-to: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); + } + + .sm\:focus\:to-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus { + --tw-gradient-to: var(--base-layer-styles-base-layer-dark-black, #000000); + } + + .sm\:focus\:to-Grey-Scale-white:focus { + --tw-gradient-to: var(--grey-scale-white, #ffffff); + } + + .sm\:focus\:to-Grey-Scale-off-white:focus { + --tw-gradient-to: var(--grey-scale-off-white, #f0edee); + } + + .sm\:focus\:to-Grey\ Scale-grey:focus { + --tw-gradient-to: var(--grey-scale-grey, #7f7e7f); + } + + .sm\:focus\:to-Grey\ Scale-charcoal:focus { + --tw-gradient-to: var(--grey-scale-charcoal, #474747); + } + + .sm\:focus\:to-Grey\ Scale-off-black:focus { + --tw-gradient-to: var(--grey-scale-off-black, #1c1c1c); + } + + .sm\:focus\:to-Grey\ Scale-black:focus { + --tw-gradient-to: var(--grey-scale-black, #000000); + } + + .sm\:focus\:to-Blue-blue:focus { + --tw-gradient-to: var(--blue-blue, #3a7ca5); + } + + .sm\:focus\:to-Blue-blue-100:focus { + --tw-gradient-to: var(--blue-blue-100, #75a3c0); + } + + .sm\:focus\:to-Blue-blue-200:focus { + --tw-gradient-to: var(--blue-blue-200, #9cbed2); + } + + .sm\:focus\:to-Blue-blue-300:focus { + --tw-gradient-to: var(--blue-blue-300, #4f7d9a); + } + + .sm\:focus\:to-Blue-blue-400:focus { + --tw-gradient-to: var(--blue-blue-400, #5c7d92); + } + + .sm\:focus\:to-Blue-blue-500:focus { + --tw-gradient-to: var(--blue-blue-500, #347095); + } + + .sm\:focus\:to-Blue-blue-600:focus { + --tw-gradient-to: var(--blue-blue-600, #295774); + } + + .sm\:focus\:to-Blue-blue-700:focus { + --tw-gradient-to: var(--blue-blue-700, #173242); + } + + .sm\:focus\:to-LightBlue-lightblue:focus { + --tw-gradient-to: var(--light-blue-lightblue, #81c3d7); + } + + .sm\:focus\:to-LightBlue-lightblue-100:focus { + --tw-gradient-to: var(--light-blue-lightblue-100, #a7d5e3); + } + + .sm\:focus\:to-LightBlue-lightblue-200:focus { + --tw-gradient-to: var(--light-blue-lightblue-200, #c0e1eb); + } + + .sm\:focus\:to-LightBlue-lightblue-300:focus { + --tw-gradient-to: var(--light-blue-lightblue-300, #80aebd); + } + + .sm\:focus\:to-LightBlue-lightblue-400:focus { + --tw-gradient-to: var(--light-blue-lightblue-400, #80a0ab); + } + + .sm\:focus\:to-LightBlue-lightblue-500:focus { + --tw-gradient-to: var(--light-blue-lightblue-500, #74afc1); + } + + .sm\:focus\:to-LightBlue-lightblue-600:focus { + --tw-gradient-to: var(--light-blue-lightblue-600, #5a8997); + } + + .sm\:focus\:to-LightBlue-lightblue-650:focus { + --tw-gradient-to: var(--light-blue-lightblue-650, #3e5e65); + } + + .sm\:focus\:to-LightBlue-lightblue-700:focus { + --tw-gradient-to: var(--light-blue-lightblue-700, #344e56); + } + + .sm\:focus\:to-Orange-orange:focus { + --tw-gradient-to: var(--orange-orange, #ff7f0e); + } + + .sm\:focus\:to-Orange-orange-100:focus { + --tw-gradient-to: var(--orange-orange-100, #ffa556); + } + + .sm\:focus\:to-Orange-orange-200:focus { + --tw-gradient-to: var(--orange-orange-200, #ffbf86); + } + + .sm\:focus\:to-Orange-orange-300:focus { + --tw-gradient-to: var(--orange-orange-300, #d97f30); + } + + .sm\:focus\:to-Orange-orange-400:focus { + --tw-gradient-to: var(--orange-orange-400, #bf7e46); + } + + .sm\:focus\:to-Orange-orange-500:focus { + --tw-gradient-to: var(--orange-orange-500, #e5720d); + } + + .sm\:focus\:to-Orange-orange-600:focus { + --tw-gradient-to: var(--orange-orange-600, #b3590a); + } + + .sm\:focus\:to-Orange-orange-700:focus { + --tw-gradient-to: var(--orange-orange-700, #663306); + } + + .sm\:focus\:to-Yellow-yellow:focus { + --tw-gradient-to: var(--yellow-yellow, #ffab00); + } + + .sm\:focus\:to-Yellow-yellow-100:focus { + --tw-gradient-to: var(--yellow-yellow-100, #ffc44c); + } + + .sm\:focus\:to-Yellow-yellow-200:focus { + --tw-gradient-to: var(--yellow-yellow-200, #ffd580); + } + + .sm\:focus\:to-Yellow-yellow-300:focus { + --tw-gradient-to: var(--yellow-yellow-300, #d99d26); + } + + .sm\:focus\:to-Yellow-yellow-400:focus { + --tw-gradient-to: var(--yellow-yellow-400, #bf943f); + } + + .sm\:focus\:to-Yellow-yellow-500:focus { + --tw-gradient-to: var(--yellow-yellow-500, #e59a00); + } + + .sm\:focus\:to-Yellow-yellow-600:focus { + --tw-gradient-to: var(--yellow-yellow-600, #b37800); + } + + .sm\:focus\:to-Yellow-yellow-700:focus { + --tw-gradient-to: var(--yellow-yellow-700, #664400); + } + + .sm\:focus\:to-Notification-notification:focus { + --tw-gradient-to: var(--notification-notification, #3959ff); + } + + .sm\:focus\:to-Notification-notification-100:focus { + --tw-gradient-to: var(--notification-notification-100, #748bff); + } + + .sm\:focus\:to-Notification-notification-200:focus { + --tw-gradient-to: var(--notification-notification-200, #9cacff); + } + + .sm\:focus\:to-Notification-notification-300:focus { + --tw-gradient-to: var(--notification-notification-300, #4e64d9); + } + + .sm\:focus\:to-Notification-notification-400:focus { + --tw-gradient-to: var(--notification-notification-400, #5c6cbf); + } + + .sm\:focus\:to-Notification-notification-500:focus { + --tw-gradient-to: var(--notification-notification-500, #3350e5); + } + + .sm\:focus\:to-Notification-notification-600:focus { + --tw-gradient-to: var(--notification-notification-600, #283eb3); + } + + .sm\:focus\:to-Notification-notification-700:focus { + --tw-gradient-to: var(--notification-notification-700, #172466); + } + + .sm\:focus\:to-Success-success\ -700:focus { + --tw-gradient-to: var(--success-success-700, #24471f); + } + + .sm\:focus\:to-Success-success:focus { + --tw-gradient-to: var(--success-success, #5bb14d); + } + + .sm\:focus\:to-Success-success\ -100:focus { + --tw-gradient-to: var(--success-success-100, #8cc882); + } + + .sm\:focus\:to-Success-success\ -200:focus { + --tw-gradient-to: var(--success-success-200, #add8a6); + } + + .sm\:focus\:to-Success-success\ -300:focus { + --tw-gradient-to: var(--success-success-300, #66a25c); + } + + .sm\:focus\:to-Success-success\ -400:focus { + --tw-gradient-to: var(--success-success-400, #6d9766); + } + + .sm\:focus\:to-Success-success\ -500:focus { + --tw-gradient-to: var(--success-success-500, #529f45); + } + + .sm\:focus\:to-Success-success\ -600:focus { + --tw-gradient-to: var(--success-success-600, #407c36); + } + + .sm\:focus\:to-Error-error:focus { + --tw-gradient-to: var(--error-error, #f03d3e); + } + + .sm\:focus\:to-Error-error-100:focus { + --tw-gradient-to: var(--error-error-100, #f57778); + } + + .sm\:focus\:to-Error-error-200:focus { + --tw-gradient-to: var(--error-error-200, #f89e9e); + } + + .sm\:focus\:to-Error-error-250:focus { + --tw-gradient-to: var(--error-error-250, #f9c8c8); + } + + .sm\:focus\:to-Error-error-300:focus { + --tw-gradient-to: var(--error-error-300, #ce5151); + } + + .sm\:focus\:to-Error-error-400:focus { + --tw-gradient-to: var(--error-error-400, #b85e5e); + } + + .sm\:focus\:to-Error-error-500:focus { + --tw-gradient-to: var(--error-error-500, #d83738); + } + + .sm\:focus\:to-Error-error-600:focus { + --tw-gradient-to: var(--error-error-600, #a82b2b); + } + + .sm\:focus\:to-Error-error-700:focus { + --tw-gradient-to: var(--error-error-700, #601819); + } + + .sm\:decoration-slice { + -webkit-box-decoration-break: slice; + box-decoration-break: slice; + } + + .sm\:decoration-clone { + -webkit-box-decoration-break: clone; + box-decoration-break: clone; + } + + .sm\:bg-auto { + background-size: auto; + } + + .sm\:bg-cover { + background-size: cover; + } + + .sm\:bg-contain { + background-size: contain; + } + + .sm\:bg-fixed { + background-attachment: fixed; + } + + .sm\:bg-local { + background-attachment: local; + } + + .sm\:bg-scroll { + background-attachment: scroll; + } + + .sm\:bg-clip-border { + background-clip: border-box; + } + + .sm\:bg-clip-padding { + background-clip: padding-box; + } + + .sm\:bg-clip-content { + background-clip: content-box; + } + + .sm\:bg-clip-text { + -webkit-background-clip: text; + background-clip: text; + } + + .sm\:bg-bottom { + background-position: bottom; + } + + .sm\:bg-center { + background-position: center; + } + + .sm\:bg-left { + background-position: left; + } + + .sm\:bg-left-bottom { + background-position: left bottom; + } + + .sm\:bg-left-top { + background-position: left top; + } + + .sm\:bg-right { + background-position: right; + } + + .sm\:bg-right-bottom { + background-position: right bottom; + } + + .sm\:bg-right-top { + background-position: right top; + } + + .sm\:bg-top { + background-position: top; + } + + .sm\:bg-repeat { + background-repeat: repeat; + } + + .sm\:bg-no-repeat { + background-repeat: no-repeat; + } + + .sm\:bg-repeat-x { + background-repeat: repeat-x; + } + + .sm\:bg-repeat-y { + background-repeat: repeat-y; + } + + .sm\:bg-repeat-round { + background-repeat: round; + } + + .sm\:bg-repeat-space { + background-repeat: space; + } + + .sm\:bg-origin-border { + background-origin: border-box; + } + + .sm\:bg-origin-padding { + background-origin: padding-box; + } + + .sm\:bg-origin-content { + background-origin: content-box; + } + + .sm\:fill-current { + fill: currentColor; + } + + .sm\:stroke-current { + stroke: currentColor; + } + + .sm\:stroke-0 { + stroke-width: 0; + } + + .sm\:stroke-1 { + stroke-width: 1; + } + + .sm\:stroke-2 { + stroke-width: 2; + } + + .sm\:object-contain { + -o-object-fit: contain; + object-fit: contain; + } + + .sm\:object-cover { + -o-object-fit: cover; + object-fit: cover; + } + + .sm\:object-fill { + -o-object-fit: fill; + object-fit: fill; + } + + .sm\:object-none { + -o-object-fit: none; + object-fit: none; + } + + .sm\:object-scale-down { + -o-object-fit: scale-down; + object-fit: scale-down; + } + + .sm\:object-bottom { + -o-object-position: bottom; + object-position: bottom; + } + + .sm\:object-center { + -o-object-position: center; + object-position: center; + } + + .sm\:object-left { + -o-object-position: left; + object-position: left; + } + + .sm\:object-left-bottom { + -o-object-position: left bottom; + object-position: left bottom; + } + + .sm\:object-left-top { + -o-object-position: left top; + object-position: left top; + } + + .sm\:object-right { + -o-object-position: right; + object-position: right; + } + + .sm\:object-right-bottom { + -o-object-position: right bottom; + object-position: right bottom; + } + + .sm\:object-right-top { + -o-object-position: right top; + object-position: right top; + } + + .sm\:object-top { + -o-object-position: top; + object-position: top; + } + + .sm\:p-0 { + padding: 0px; + } + + .sm\:p-1 { + padding: 0.25rem; + } + + .sm\:p-2 { + padding: 0.5rem; + } + + .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-7 { + padding: 1.75rem; + } + + .sm\:p-8 { + padding: 2rem; + } + + .sm\:p-9 { + padding: 2.25rem; + } + + .sm\:p-10 { + padding: 2.5rem; + } + + .sm\:p-11 { + padding: 2.75rem; + } + + .sm\:p-12 { + padding: 3rem; + } + + .sm\:p-14 { + padding: 3.5rem; + } + + .sm\:p-16 { + padding: 4rem; + } + + .sm\:p-20 { + padding: 5rem; + } + + .sm\:p-24 { + padding: 6rem; + } + + .sm\:p-28 { + padding: 7rem; + } + + .sm\:p-32 { + padding: 8rem; + } + + .sm\:p-36 { + padding: 9rem; + } + + .sm\:p-40 { + padding: 10rem; + } + + .sm\:p-44 { + padding: 11rem; + } + + .sm\:p-48 { + padding: 12rem; + } + + .sm\:p-52 { + padding: 13rem; + } + + .sm\:p-56 { + padding: 14rem; + } + + .sm\:p-60 { + padding: 15rem; + } + + .sm\:p-64 { + padding: 16rem; + } + + .sm\:p-72 { + padding: 18rem; + } + + .sm\:p-80 { + padding: 20rem; + } + + .sm\:p-96 { + padding: 24rem; + } + + .sm\:p-px { + padding: 1px; + } + + .sm\:p-0\.5 { + padding: 0.125rem; + } + + .sm\:p-1\.5 { + padding: 0.375rem; + } + + .sm\:p-2\.5 { + padding: 0.625rem; + } + + .sm\:p-3\.5 { + padding: 0.875rem; + } + + .sm\:px-0 { + padding-left: 0px; + padding-right: 0px; + } + + .sm\:px-1 { + padding-left: 0.25rem; + padding-right: 0.25rem; + } + + .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-5 { + padding-left: 1.25rem; + padding-right: 1.25rem; + } + + .sm\:px-6 { + padding-left: 1.5rem; + padding-right: 1.5rem; + } + + .sm\:px-7 { + padding-left: 1.75rem; + padding-right: 1.75rem; + } + + .sm\:px-8 { + padding-left: 2rem; + padding-right: 2rem; + } + + .sm\:px-9 { + padding-left: 2.25rem; + padding-right: 2.25rem; + } + + .sm\:px-10 { + padding-left: 2.5rem; + padding-right: 2.5rem; + } + + .sm\:px-11 { + padding-left: 2.75rem; + padding-right: 2.75rem; + } + + .sm\:px-12 { + padding-left: 3rem; + padding-right: 3rem; + } + + .sm\:px-14 { + padding-left: 3.5rem; + padding-right: 3.5rem; + } + + .sm\:px-16 { + padding-left: 4rem; + padding-right: 4rem; + } + + .sm\:px-20 { + padding-left: 5rem; + padding-right: 5rem; + } + + .sm\:px-24 { + padding-left: 6rem; + padding-right: 6rem; + } + + .sm\:px-28 { + padding-left: 7rem; + padding-right: 7rem; + } + + .sm\:px-32 { + padding-left: 8rem; + padding-right: 8rem; + } + + .sm\:px-36 { + padding-left: 9rem; + padding-right: 9rem; + } + + .sm\:px-40 { + padding-left: 10rem; + padding-right: 10rem; + } + + .sm\:px-44 { + padding-left: 11rem; + padding-right: 11rem; + } + + .sm\:px-48 { + padding-left: 12rem; + padding-right: 12rem; + } + + .sm\:px-52 { + padding-left: 13rem; + padding-right: 13rem; + } + + .sm\:px-56 { + padding-left: 14rem; + padding-right: 14rem; + } + + .sm\:px-60 { + padding-left: 15rem; + padding-right: 15rem; + } + + .sm\:px-64 { + padding-left: 16rem; + padding-right: 16rem; + } + + .sm\:px-72 { + padding-left: 18rem; + padding-right: 18rem; + } + + .sm\:px-80 { + padding-left: 20rem; + padding-right: 20rem; + } + + .sm\:px-96 { + padding-left: 24rem; + padding-right: 24rem; + } + + .sm\:px-px { + padding-left: 1px; + padding-right: 1px; + } + + .sm\:px-0\.5 { + padding-left: 0.125rem; + padding-right: 0.125rem; + } + + .sm\:px-1\.5 { + padding-left: 0.375rem; + padding-right: 0.375rem; + } + + .sm\:px-2\.5 { + padding-left: 0.625rem; + padding-right: 0.625rem; + } + + .sm\:px-3\.5 { + padding-left: 0.875rem; + padding-right: 0.875rem; + } + + .sm\:py-0 { + padding-top: 0px; + padding-bottom: 0px; + } + + .sm\:py-1 { + padding-top: 0.25rem; + padding-bottom: 0.25rem; + } + + .sm\:py-2 { + padding-top: 0.5rem; + padding-bottom: 0.5rem; + } + + .sm\:py-3 { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + } + + .sm\:py-4 { + padding-top: 1rem; + padding-bottom: 1rem; + } + + .sm\:py-5 { + padding-top: 1.25rem; + padding-bottom: 1.25rem; + } + + .sm\:py-6 { + padding-top: 1.5rem; + padding-bottom: 1.5rem; + } + + .sm\:py-7 { + padding-top: 1.75rem; + padding-bottom: 1.75rem; + } + + .sm\:py-8 { + padding-top: 2rem; + padding-bottom: 2rem; + } + + .sm\:py-9 { + padding-top: 2.25rem; + padding-bottom: 2.25rem; + } + + .sm\:py-10 { + padding-top: 2.5rem; + padding-bottom: 2.5rem; + } + + .sm\:py-11 { + padding-top: 2.75rem; + padding-bottom: 2.75rem; + } + + .sm\:py-12 { + padding-top: 3rem; + padding-bottom: 3rem; + } + + .sm\:py-14 { + padding-top: 3.5rem; + padding-bottom: 3.5rem; + } + + .sm\:py-16 { + padding-top: 4rem; + padding-bottom: 4rem; + } + + .sm\:py-20 { + padding-top: 5rem; + padding-bottom: 5rem; + } + + .sm\:py-24 { + padding-top: 6rem; + padding-bottom: 6rem; + } + + .sm\:py-28 { + padding-top: 7rem; + padding-bottom: 7rem; + } + + .sm\:py-32 { + padding-top: 8rem; + padding-bottom: 8rem; + } + + .sm\:py-36 { + padding-top: 9rem; + padding-bottom: 9rem; + } + + .sm\:py-40 { + padding-top: 10rem; + padding-bottom: 10rem; + } + + .sm\:py-44 { + padding-top: 11rem; + padding-bottom: 11rem; + } + + .sm\:py-48 { + padding-top: 12rem; + padding-bottom: 12rem; + } + + .sm\:py-52 { + padding-top: 13rem; + padding-bottom: 13rem; + } + + .sm\:py-56 { + padding-top: 14rem; + padding-bottom: 14rem; + } + + .sm\:py-60 { + padding-top: 15rem; + padding-bottom: 15rem; + } + + .sm\:py-64 { + padding-top: 16rem; + padding-bottom: 16rem; + } + + .sm\:py-72 { + padding-top: 18rem; + padding-bottom: 18rem; + } + + .sm\:py-80 { + padding-top: 20rem; + padding-bottom: 20rem; + } + + .sm\:py-96 { + padding-top: 24rem; + padding-bottom: 24rem; + } + + .sm\:py-px { + padding-top: 1px; + padding-bottom: 1px; + } + + .sm\:py-0\.5 { + padding-top: 0.125rem; + padding-bottom: 0.125rem; + } + + .sm\:py-1\.5 { + padding-top: 0.375rem; + padding-bottom: 0.375rem; + } + + .sm\:py-2\.5 { + padding-top: 0.625rem; + padding-bottom: 0.625rem; + } + + .sm\:py-3\.5 { + padding-top: 0.875rem; + padding-bottom: 0.875rem; + } + + .sm\:pt-0 { + padding-top: 0px; + } + + .sm\:pt-1 { + padding-top: 0.25rem; + } + + .sm\:pt-2 { + padding-top: 0.5rem; + } + + .sm\:pt-3 { + padding-top: 0.75rem; + } + + .sm\:pt-4 { + padding-top: 1rem; + } + + .sm\:pt-5 { + padding-top: 1.25rem; + } + + .sm\:pt-6 { + padding-top: 1.5rem; + } + + .sm\:pt-7 { + padding-top: 1.75rem; + } + + .sm\:pt-8 { + padding-top: 2rem; + } + + .sm\:pt-9 { + padding-top: 2.25rem; + } + + .sm\:pt-10 { + padding-top: 2.5rem; + } + + .sm\:pt-11 { + padding-top: 2.75rem; + } + + .sm\:pt-12 { + padding-top: 3rem; + } + + .sm\:pt-14 { + padding-top: 3.5rem; + } + + .sm\:pt-16 { + padding-top: 4rem; + } + + .sm\:pt-20 { + padding-top: 5rem; + } + + .sm\:pt-24 { + padding-top: 6rem; + } + + .sm\:pt-28 { + padding-top: 7rem; + } + + .sm\:pt-32 { + padding-top: 8rem; + } + + .sm\:pt-36 { + padding-top: 9rem; + } + + .sm\:pt-40 { + padding-top: 10rem; + } + + .sm\:pt-44 { + padding-top: 11rem; + } + + .sm\:pt-48 { + padding-top: 12rem; + } + + .sm\:pt-52 { + padding-top: 13rem; + } + + .sm\:pt-56 { + padding-top: 14rem; + } + + .sm\:pt-60 { + padding-top: 15rem; + } + + .sm\:pt-64 { + padding-top: 16rem; + } + + .sm\:pt-72 { + padding-top: 18rem; + } + + .sm\:pt-80 { + padding-top: 20rem; + } + + .sm\:pt-96 { + padding-top: 24rem; + } + + .sm\:pt-px { + padding-top: 1px; + } + + .sm\:pt-0\.5 { + padding-top: 0.125rem; + } + + .sm\:pt-1\.5 { + padding-top: 0.375rem; + } + + .sm\:pt-2\.5 { + padding-top: 0.625rem; + } + + .sm\:pt-3\.5 { + padding-top: 0.875rem; + } + + .sm\:pr-0 { + padding-right: 0px; + } + + .sm\:pr-1 { + padding-right: 0.25rem; + } + + .sm\:pr-2 { + padding-right: 0.5rem; + } + + .sm\:pr-3 { + padding-right: 0.75rem; + } + + .sm\:pr-4 { + padding-right: 1rem; + } + + .sm\:pr-5 { + padding-right: 1.25rem; + } + + .sm\:pr-6 { + padding-right: 1.5rem; + } + + .sm\:pr-7 { + padding-right: 1.75rem; + } + + .sm\:pr-8 { + padding-right: 2rem; + } + + .sm\:pr-9 { + padding-right: 2.25rem; + } + + .sm\:pr-10 { + padding-right: 2.5rem; + } + + .sm\:pr-11 { + padding-right: 2.75rem; + } + + .sm\:pr-12 { + padding-right: 3rem; + } + + .sm\:pr-14 { + padding-right: 3.5rem; + } + + .sm\:pr-16 { + padding-right: 4rem; + } + + .sm\:pr-20 { + padding-right: 5rem; + } + + .sm\:pr-24 { + padding-right: 6rem; + } + + .sm\:pr-28 { + padding-right: 7rem; + } + + .sm\:pr-32 { + padding-right: 8rem; + } + + .sm\:pr-36 { + padding-right: 9rem; + } + + .sm\:pr-40 { + padding-right: 10rem; + } + + .sm\:pr-44 { + padding-right: 11rem; + } + + .sm\:pr-48 { + padding-right: 12rem; + } + + .sm\:pr-52 { + padding-right: 13rem; + } + + .sm\:pr-56 { + padding-right: 14rem; + } + + .sm\:pr-60 { + padding-right: 15rem; + } + + .sm\:pr-64 { + padding-right: 16rem; + } + + .sm\:pr-72 { + padding-right: 18rem; + } + + .sm\:pr-80 { + padding-right: 20rem; + } + + .sm\:pr-96 { + padding-right: 24rem; + } + + .sm\:pr-px { + padding-right: 1px; + } + + .sm\:pr-0\.5 { + padding-right: 0.125rem; + } + + .sm\:pr-1\.5 { + padding-right: 0.375rem; + } + + .sm\:pr-2\.5 { + padding-right: 0.625rem; + } + + .sm\:pr-3\.5 { + padding-right: 0.875rem; + } + + .sm\:pb-0 { + padding-bottom: 0px; + } + + .sm\:pb-1 { + padding-bottom: 0.25rem; + } + + .sm\:pb-2 { + padding-bottom: 0.5rem; + } + + .sm\:pb-3 { + padding-bottom: 0.75rem; + } + + .sm\:pb-4 { + padding-bottom: 1rem; + } + + .sm\:pb-5 { + padding-bottom: 1.25rem; + } + + .sm\:pb-6 { + padding-bottom: 1.5rem; + } + + .sm\:pb-7 { + padding-bottom: 1.75rem; + } + + .sm\:pb-8 { + padding-bottom: 2rem; + } + + .sm\:pb-9 { + padding-bottom: 2.25rem; + } + + .sm\:pb-10 { + padding-bottom: 2.5rem; + } + + .sm\:pb-11 { + padding-bottom: 2.75rem; + } + + .sm\:pb-12 { + padding-bottom: 3rem; + } + + .sm\:pb-14 { + padding-bottom: 3.5rem; + } + + .sm\:pb-16 { + padding-bottom: 4rem; + } + + .sm\:pb-20 { + padding-bottom: 5rem; + } + + .sm\:pb-24 { + padding-bottom: 6rem; + } + + .sm\:pb-28 { + padding-bottom: 7rem; + } + + .sm\:pb-32 { + padding-bottom: 8rem; + } + + .sm\:pb-36 { + padding-bottom: 9rem; + } + + .sm\:pb-40 { + padding-bottom: 10rem; + } + + .sm\:pb-44 { + padding-bottom: 11rem; + } + + .sm\:pb-48 { + padding-bottom: 12rem; + } + + .sm\:pb-52 { + padding-bottom: 13rem; + } + + .sm\:pb-56 { + padding-bottom: 14rem; + } + + .sm\:pb-60 { + padding-bottom: 15rem; + } + + .sm\:pb-64 { + padding-bottom: 16rem; + } + + .sm\:pb-72 { + padding-bottom: 18rem; + } + + .sm\:pb-80 { + padding-bottom: 20rem; + } + + .sm\:pb-96 { + padding-bottom: 24rem; + } + + .sm\:pb-px { + padding-bottom: 1px; + } + + .sm\:pb-0\.5 { + padding-bottom: 0.125rem; + } + + .sm\:pb-1\.5 { + padding-bottom: 0.375rem; + } + + .sm\:pb-2\.5 { + padding-bottom: 0.625rem; + } + + .sm\:pb-3\.5 { + padding-bottom: 0.875rem; + } + + .sm\:pl-0 { + padding-left: 0px; + } + + .sm\:pl-1 { + padding-left: 0.25rem; + } + + .sm\:pl-2 { + padding-left: 0.5rem; + } + + .sm\:pl-3 { + padding-left: 0.75rem; + } + + .sm\:pl-4 { + padding-left: 1rem; + } + + .sm\:pl-5 { + padding-left: 1.25rem; + } + + .sm\:pl-6 { + padding-left: 1.5rem; + } + + .sm\:pl-7 { + padding-left: 1.75rem; + } + + .sm\:pl-8 { + padding-left: 2rem; + } + + .sm\:pl-9 { + padding-left: 2.25rem; + } + + .sm\:pl-10 { + padding-left: 2.5rem; + } + + .sm\:pl-11 { + padding-left: 2.75rem; + } + + .sm\:pl-12 { + padding-left: 3rem; + } + + .sm\:pl-14 { + padding-left: 3.5rem; + } + + .sm\:pl-16 { + padding-left: 4rem; + } + + .sm\:pl-20 { + padding-left: 5rem; + } + + .sm\:pl-24 { + padding-left: 6rem; + } + + .sm\:pl-28 { + padding-left: 7rem; + } + + .sm\:pl-32 { + padding-left: 8rem; + } + + .sm\:pl-36 { + padding-left: 9rem; + } + + .sm\:pl-40 { + padding-left: 10rem; + } + + .sm\:pl-44 { + padding-left: 11rem; + } + + .sm\:pl-48 { + padding-left: 12rem; + } + + .sm\:pl-52 { + padding-left: 13rem; + } + + .sm\:pl-56 { + padding-left: 14rem; + } + + .sm\:pl-60 { + padding-left: 15rem; + } + + .sm\:pl-64 { + padding-left: 16rem; + } + + .sm\:pl-72 { + padding-left: 18rem; + } + + .sm\:pl-80 { + padding-left: 20rem; + } + + .sm\:pl-96 { + padding-left: 24rem; + } + + .sm\:pl-px { + padding-left: 1px; + } + + .sm\:pl-0\.5 { + padding-left: 0.125rem; + } + + .sm\:pl-1\.5 { + padding-left: 0.375rem; + } + + .sm\:pl-2\.5 { + padding-left: 0.625rem; + } + + .sm\:pl-3\.5 { + padding-left: 0.875rem; + } + + .sm\:text-left { + text-align: left; + } + + .sm\:text-center { + text-align: center; + } + + .sm\:text-right { + text-align: right; + } + + .sm\:text-justify { + text-align: justify; + } + + .sm\:align-baseline { + vertical-align: baseline; + } + + .sm\:align-top { + vertical-align: top; + } + + .sm\:align-middle { + vertical-align: middle; + } + + .sm\:align-bottom { + vertical-align: bottom; + } + + .sm\:align-text-top { + vertical-align: text-top; + } + + .sm\:align-text-bottom { + vertical-align: text-bottom; + } + + .sm\:font-sans { + font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + } + + .sm\:font-serif { + font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; + } + + .sm\:font-mono { + font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + } + + .sm\:text-xs { + font-size: 0.75rem; + line-height: 1rem; + } + + .sm\:text-sm { + font-size: 0.875rem; + line-height: 1.25rem; + } + + .sm\:text-base { + font-size: 1rem; + line-height: 1.5rem; + } + + .sm\:text-lg { + font-size: 1.125rem; + line-height: 1.75rem; + } + + .sm\:text-xl { + font-size: 1.25rem; + line-height: 1.75rem; + } + + .sm\:text-2xl { + font-size: 1.5rem; + line-height: 2rem; + } + + .sm\:text-3xl { + font-size: 1.875rem; + line-height: 2.25rem; + } + + .sm\:text-4xl { + font-size: 2.25rem; + line-height: 2.5rem; + } + + .sm\:text-5xl { + font-size: 3rem; + line-height: 1; + } + + .sm\:text-6xl { + font-size: 3.75rem; + line-height: 1; + } + + .sm\:text-7xl { + font-size: 4.5rem; + line-height: 1; + } + + .sm\:text-8xl { + font-size: 6rem; + line-height: 1; + } + + .sm\:text-9xl { + font-size: 8rem; + line-height: 1; + } + + .sm\:font-thin { + font-weight: 100; + } + + .sm\:font-extralight { + font-weight: 200; + } + + .sm\:font-light { + font-weight: 300; + } + + .sm\:font-normal { + font-weight: 400; + } + + .sm\:font-medium { + font-weight: 500; + } + + .sm\:font-semibold { + font-weight: 600; + } + + .sm\:font-bold { + font-weight: 700; + } + + .sm\:font-extrabold { + font-weight: 800; + } + + .sm\:font-black { + font-weight: 900; + } + + .sm\:uppercase { + text-transform: uppercase; + } + + .sm\:lowercase { + text-transform: lowercase; + } + + .sm\:capitalize { + text-transform: capitalize; + } + + .sm\:normal-case { + text-transform: none; + } + + .sm\:italic { + font-style: italic; + } + + .sm\:not-italic { + font-style: normal; + } + + .sm\:ordinal, .sm\:slashed-zero, .sm\:lining-nums, .sm\:oldstyle-nums, .sm\:proportional-nums, .sm\:tabular-nums, .sm\:diagonal-fractions, .sm\:stacked-fractions { + --tw-ordinal: var(--tw-empty,/*!*/ /*!*/); + --tw-slashed-zero: var(--tw-empty,/*!*/ /*!*/); + --tw-numeric-figure: var(--tw-empty,/*!*/ /*!*/); + --tw-numeric-spacing: var(--tw-empty,/*!*/ /*!*/); + --tw-numeric-fraction: var(--tw-empty,/*!*/ /*!*/); + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); + } + + .sm\:normal-nums { + font-variant-numeric: normal; + } + + .sm\:ordinal { + --tw-ordinal: ordinal; + } + + .sm\:slashed-zero { + --tw-slashed-zero: slashed-zero; + } + + .sm\:lining-nums { + --tw-numeric-figure: lining-nums; + } + + .sm\:oldstyle-nums { + --tw-numeric-figure: oldstyle-nums; + } + + .sm\:proportional-nums { + --tw-numeric-spacing: proportional-nums; + } + + .sm\:tabular-nums { + --tw-numeric-spacing: tabular-nums; + } + + .sm\:diagonal-fractions { + --tw-numeric-fraction: diagonal-fractions; + } + + .sm\:stacked-fractions { + --tw-numeric-fraction: stacked-fractions; + } + + .sm\:leading-3 { + line-height: .75rem; + } + + .sm\:leading-4 { + line-height: 1rem; + } + + .sm\:leading-5 { + line-height: 1.25rem; + } + + .sm\:leading-6 { + line-height: 1.5rem; + } + + .sm\:leading-7 { + line-height: 1.75rem; + } + + .sm\:leading-8 { + line-height: 2rem; + } + + .sm\:leading-9 { + line-height: 2.25rem; + } + + .sm\:leading-10 { + line-height: 2.5rem; + } + + .sm\:leading-none { + line-height: 1; + } + + .sm\:leading-tight { + line-height: 1.25; + } + + .sm\:leading-snug { + line-height: 1.375; + } + + .sm\:leading-normal { + line-height: 1.5; + } + + .sm\:leading-relaxed { + line-height: 1.625; + } + + .sm\:leading-loose { + line-height: 2; + } + + .sm\:tracking-tighter { + letter-spacing: -0.05em; + } + + .sm\:tracking-tight { + letter-spacing: -0.025em; + } + + .sm\:tracking-normal { + letter-spacing: 0em; + } + + .sm\:tracking-wide { + letter-spacing: 0.025em; + } + + .sm\:tracking-wider { + letter-spacing: 0.05em; + } + + .sm\:tracking-widest { + letter-spacing: 0.1em; + } + + .sm\:text-colors-black { + color: var(--colors-black, #000000); + } + + .sm\:text-colors-white { + color: var(--colors-white, #ffffff); + } + + .sm\:text-colors-gray-100 { + color: var(--colors-gray-100, #f7fafc); + } + + .sm\:text-colors-gray-200 { + color: var(--colors-gray-200, #edf2f7); + } + + .sm\:text-colors-gray-300 { + color: var(--colors-gray-300, #e2e8f0); + } + + .sm\:text-colors-gray-400 { + color: var(--colors-gray-400, #cbd5e0); + } + + .sm\:text-colors-gray-500 { + color: var(--colors-gray-500, #a0aec0); + } + + .sm\:text-colors-gray-600 { + color: var(--colors-gray-600, #718096); + } + + .sm\:text-colors-gray-700 { + color: var(--colors-gray-700, #4a5568); + } + + .sm\:text-colors-gray-800 { + color: var(--colors-gray-800, #2d3748); + } + + .sm\:text-colors-gray-900 { + color: var(--colors-gray-900, #1a202c); + } + + .sm\:text-colors-red-100 { + color: var(--colors-red-100, #fff5f5); + } + + .sm\:text-colors-red-200 { + color: var(--colors-red-200, #fed7d7); + } + + .sm\:text-colors-red-300 { + color: var(--colors-red-300, #feb2b2); + } + + .sm\:text-colors-red-400 { + color: var(--colors-red-400, #fc8181); + } + + .sm\:text-colors-red-500 { + color: var(--colors-red-500, #f56565); + } + + .sm\:text-colors-red-600 { + color: var(--colors-red-600, #e53e3e); + } + + .sm\:text-colors-red-700 { + color: var(--colors-red-700, #c53030); + } + + .sm\:text-colors-red-800 { + color: var(--colors-red-800, #9b2c2c); + } + + .sm\:text-colors-red-900 { + color: var(--colors-red-900, #742a2a); + } + + .sm\:text-colors-orange-100 { + color: var(--colors-orange-100, #fffaf0); + } + + .sm\:text-colors-orange-200 { + color: var(--colors-orange-200, #feebc8); + } + + .sm\:text-colors-orange-300 { + color: var(--colors-orange-300, #fbd38d); + } + + .sm\:text-colors-orange-400 { + color: var(--colors-orange-400, #f6ad55); + } + + .sm\:text-colors-orange-500 { + color: var(--colors-orange-500, #ed8936); + } + + .sm\:text-colors-orange-600 { + color: var(--colors-orange-600, #dd6b20); + } + + .sm\:text-colors-orange-700 { + color: var(--colors-orange-700, #c05621); + } + + .sm\:text-colors-orange-800 { + color: var(--colors-orange-800, #9c4221); + } + + .sm\:text-colors-orange-900 { + color: var(--colors-orange-900, #7b341e); + } + + .sm\:text-colors-yellow-100 { + color: var(--colors-yellow-100, #fffff0); + } + + .sm\:text-colors-yellow-200 { + color: var(--colors-yellow-200, #fefcbf); + } + + .sm\:text-colors-yellow-300 { + color: var(--colors-yellow-300, #faf089); + } + + .sm\:text-colors-yellow-400 { + color: var(--colors-yellow-400, #f6e05e); + } + + .sm\:text-colors-yellow-500 { + color: var(--colors-yellow-500, #ecc94b); + } + + .sm\:text-colors-yellow-600 { + color: var(--colors-yellow-600, #d69e2e); + } + + .sm\:text-colors-yellow-700 { + color: var(--colors-yellow-700, #b7791f); + } + + .sm\:text-colors-yellow-800 { + color: var(--colors-yellow-800, #975a16); + } + + .sm\:text-colors-yellow-900 { + color: var(--colors-yellow-900, #744210); + } + + .sm\:text-colors-green-100 { + color: var(--colors-green-100, #f0fff4); + } + + .sm\:text-colors-green-200 { + color: var(--colors-green-200, #c6f6d5); + } + + .sm\:text-colors-green-300 { + color: var(--colors-green-300, #9ae6b4); + } + + .sm\:text-colors-green-400 { + color: var(--colors-green-400, #68d391); + } + + .sm\:text-colors-green-500 { + color: var(--colors-green-500, #48bb78); + } + + .sm\:text-colors-green-600 { + color: var(--colors-green-600, #38a169); + } + + .sm\:text-colors-green-700 { + color: var(--colors-green-700, #2f855a); + } + + .sm\:text-colors-green-800 { + color: var(--colors-green-800, #276749); + } + + .sm\:text-colors-green-900 { + color: var(--colors-green-900, #22543d); + } + + .sm\:text-colors-teal-100 { + color: var(--colors-teal-100, #e6fffa); + } + + .sm\:text-colors-teal-200 { + color: var(--colors-teal-200, #b2f5ea); + } + + .sm\:text-colors-teal-300 { + color: var(--colors-teal-300, #81e6d9); + } + + .sm\:text-colors-teal-400 { + color: var(--colors-teal-400, #4fd1c5); + } + + .sm\:text-colors-teal-500 { + color: var(--colors-teal-500, #38b2ac); + } + + .sm\:text-colors-teal-600 { + color: var(--colors-teal-600, #319795); + } + + .sm\:text-colors-teal-700 { + color: var(--colors-teal-700, #2c7a7b); + } + + .sm\:text-colors-teal-800 { + color: var(--colors-teal-800, #285e61); + } + + .sm\:text-colors-teal-900 { + color: var(--colors-teal-900, #234e52); + } + + .sm\:text-colors-blue-100 { + color: var(--colors-blue-100, #ebf8ff); + } + + .sm\:text-colors-blue-200 { + color: var(--colors-blue-200, #bee3f8); + } + + .sm\:text-colors-blue-300 { + color: var(--colors-blue-300, #90cdf4); + } + + .sm\:text-colors-blue-400 { + color: var(--colors-blue-400, #63b3ed); + } + + .sm\:text-colors-blue-500 { + color: var(--colors-blue-500, #4299e1); + } + + .sm\:text-colors-blue-600 { + color: var(--colors-blue-600, #3182ce); + } + + .sm\:text-colors-blue-700 { + color: var(--colors-blue-700, #2b6cb0); + } + + .sm\:text-colors-blue-800 { + color: var(--colors-blue-800, #2c5282); + } + + .sm\:text-colors-blue-900 { + color: var(--colors-blue-900, #2a4365); + } + + .sm\:text-colors-indigo-100 { + color: var(--colors-indigo-100, #ebf4ff); + } + + .sm\:text-colors-indigo-200 { + color: var(--colors-indigo-200, #c3dafe); + } + + .sm\:text-colors-indigo-300 { + color: var(--colors-indigo-300, #a3bffa); + } + + .sm\:text-colors-indigo-400 { + color: var(--colors-indigo-400, #7f9cf5); + } + + .sm\:text-colors-indigo-500 { + color: var(--colors-indigo-500, #667eea); + } + + .sm\:text-colors-indigo-600 { + color: var(--colors-indigo-600, #5a67d8); + } + + .sm\:text-colors-indigo-700 { + color: var(--colors-indigo-700, #4c51bf); + } + + .sm\:text-colors-indigo-800 { + color: var(--colors-indigo-800, #434190); + } + + .sm\:text-colors-indigo-900 { + color: var(--colors-indigo-900, #3c366b); + } + + .sm\:text-colors-purple-100 { + color: var(--colors-purple-100, #faf5ff); + } + + .sm\:text-colors-purple-200 { + color: var(--colors-purple-200, #e9d8fd); + } + + .sm\:text-colors-purple-300 { + color: var(--colors-purple-300, #d6bcfa); + } + + .sm\:text-colors-purple-400 { + color: var(--colors-purple-400, #b794f4); + } + + .sm\:text-colors-purple-500 { + color: var(--colors-purple-500, #9f7aea); + } + + .sm\:text-colors-purple-600 { + color: var(--colors-purple-600, #805ad5); + } + + .sm\:text-colors-purple-700 { + color: var(--colors-purple-700, #6b46c1); + } + + .sm\:text-colors-purple-800 { + color: var(--colors-purple-800, #553c9a); + } + + .sm\:text-colors-purple-900 { + color: var(--colors-purple-900, #44337a); + } + + .sm\:text-colors-pink-100 { + color: var(--colors-pink-100, #fff5f7); + } + + .sm\:text-colors-pink-200 { + color: var(--colors-pink-200, #fed7e2); + } + + .sm\:text-colors-pink-300 { + color: var(--colors-pink-300, #fbb6ce); + } + + .sm\:text-colors-pink-400 { + color: var(--colors-pink-400, #f687b3); + } + + .sm\:text-colors-pink-500 { + color: var(--colors-pink-500, #ed64a6); + } + + .sm\:text-colors-pink-600 { + color: var(--colors-pink-600, #d53f8c); + } + + .sm\:text-colors-pink-700 { + color: var(--colors-pink-700, #b83280); + } + + .sm\:text-colors-pink-800 { + color: var(--colors-pink-800, #97266d); + } + + .sm\:text-colors-pink-900 { + color: var(--colors-pink-900, #702459); + } + + .sm\:text-Box\ Shadow { + color: var(--box-shadow, #7f7e7f); + } + + .sm\:text-Error16 { + color: var(--error16, #f03d3e40); + } + + .sm\:text-Success16 { + color: var(--success16, #5bb14d40); + } + + .sm\:text-Notification16 { + color: var(--notification16, #3959ff40); + } + + .sm\:text-Error8 { + color: var(--error8, #f03d3e1a); + } + + .sm\:text-Notification8 { + color: var(--notification8, #3959ff1a); + } + + .sm\:text-Success8 { + color: var(--success8, #5bb14d1a); + } + + .sm\:text-Light\ -\ Overlay { + color: var(--light-overlay, #f0edee66); + } + + .sm\:text-Dark-\ Overlay { + color: var(--dark-overlay, #7f7e7f66); + } + + .sm\:text-black-40 { + color: var(--black-40, #00000066); + } + + .sm\:text-black-75 { + color: var(--black-75, #000000bf); + } + + .sm\:text-black-60 { + color: var(--black-60, #00000099); + } + + .sm\:text-black-50 { + color: var(--black-50, #00000080); + } + + .sm\:text-black-25 { + color: var(--black-25, #00000040); + } + + .sm\:text-black-10 { + color: var(--black-10, #0000001a); + } + + .sm\:text-white-25 { + color: var(--white-25, #ffffff40); + } + + .sm\:text-white-60 { + color: var(--white-60, #ffffff99); + } + + .sm\:text-black-64 { + color: var(--black-64, #000000a3); + } + + .sm\:text-Shadow\ and\ Highlight-Shadow { + color: var(--shadow-and-highlight-shadow, #7f7e7f); + } + + .sm\:text-Shadow\ and\ Highlight-Highlight { + color: var(--shadow-and-highlight-highlight, #474747); + } + + .sm\:text-Shadow\ and\ Highlight-highlight\ one { + color: var(--shadow-and-highlight-highlight-one, #474747bf); + } + + .sm\:text-Shadow\ and\ Highlight-highlight\ two { + color: var(--shadow-and-highlight-highlight-two, #47474799); + } + + .sm\:text-Shadow\ and\ Highlight-highlight\ three { + color: var(--shadow-and-highlight-highlight-three, #47474766); + } + + .sm\:text-Shadow\ and\ Highlight-highlight\ five { + color: var(--shadow-and-highlight-highlight-five, #4747471a); + } + + .sm\:text-Shadow\ and\ Highlight-shadow\ one { + color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); + } + + .sm\:text-Shadow\ and\ Highlight-shadow\ two { + color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); + } + + .sm\:text-Shadow\ and\ Highlight-shadow\ three { + color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); + } + + .sm\:text-Shadow\ and\ Highlight-shadow\ four { + color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); + } + + .sm\:text-Shadow\ and\ Highlight-shadow\ five { + color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); + } + + .sm\:text-Shadow\ and\ Highlight-highlight\ four { + color: var(--shadow-and-highlight-highlight-four, #47474740); + } + + .sm\:text-Base\ Layer\ Styles-Base\ Layer-\ Light-White { + color: var(--base-layer-styles-base-layer-light-white, #ffffff); + } + + .sm\:text-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite { + color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); + } + + .sm\:text-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack { + color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); + } + + .sm\:text-Base\ Layer\ Styles-Base\ Layer-Dark-Black { + color: var(--base-layer-styles-base-layer-dark-black, #000000); + } + + .sm\:text-Grey-Scale-white { + color: var(--grey-scale-white, #ffffff); + } + + .sm\:text-Grey-Scale-off-white { + color: var(--grey-scale-off-white, #f0edee); + } + + .sm\:text-Grey\ Scale-grey { + color: var(--grey-scale-grey, #7f7e7f); + } + + .sm\:text-Grey\ Scale-charcoal { + color: var(--grey-scale-charcoal, #474747); + } + + .sm\:text-Grey\ Scale-off-black { + color: var(--grey-scale-off-black, #1c1c1c); + } + + .sm\:text-Grey\ Scale-black { + color: var(--grey-scale-black, #000000); + } + + .sm\:text-Blue-blue { + color: var(--blue-blue, #3a7ca5); + } + + .sm\:text-Blue-blue-100 { + color: var(--blue-blue-100, #75a3c0); + } + + .sm\:text-Blue-blue-200 { + color: var(--blue-blue-200, #9cbed2); + } + + .sm\:text-Blue-blue-300 { + color: var(--blue-blue-300, #4f7d9a); + } + + .sm\:text-Blue-blue-400 { + color: var(--blue-blue-400, #5c7d92); + } + + .sm\:text-Blue-blue-500 { + color: var(--blue-blue-500, #347095); + } + + .sm\:text-Blue-blue-600 { + color: var(--blue-blue-600, #295774); + } + + .sm\:text-Blue-blue-700 { + color: var(--blue-blue-700, #173242); + } + + .sm\:text-LightBlue-lightblue { + color: var(--light-blue-lightblue, #81c3d7); + } + + .sm\:text-LightBlue-lightblue-100 { + color: var(--light-blue-lightblue-100, #a7d5e3); + } + + .sm\:text-LightBlue-lightblue-200 { + color: var(--light-blue-lightblue-200, #c0e1eb); + } + + .sm\:text-LightBlue-lightblue-300 { + color: var(--light-blue-lightblue-300, #80aebd); + } + + .sm\:text-LightBlue-lightblue-400 { + color: var(--light-blue-lightblue-400, #80a0ab); + } + + .sm\:text-LightBlue-lightblue-500 { + color: var(--light-blue-lightblue-500, #74afc1); + } + + .sm\:text-LightBlue-lightblue-600 { + color: var(--light-blue-lightblue-600, #5a8997); + } + + .sm\:text-LightBlue-lightblue-650 { + color: var(--light-blue-lightblue-650, #3e5e65); + } + + .sm\:text-LightBlue-lightblue-700 { + color: var(--light-blue-lightblue-700, #344e56); + } + + .sm\:text-Orange-orange { + color: var(--orange-orange, #ff7f0e); + } + + .sm\:text-Orange-orange-100 { + color: var(--orange-orange-100, #ffa556); + } + + .sm\:text-Orange-orange-200 { + color: var(--orange-orange-200, #ffbf86); + } + + .sm\:text-Orange-orange-300 { + color: var(--orange-orange-300, #d97f30); + } + + .sm\:text-Orange-orange-400 { + color: var(--orange-orange-400, #bf7e46); + } + + .sm\:text-Orange-orange-500 { + color: var(--orange-orange-500, #e5720d); + } + + .sm\:text-Orange-orange-600 { + color: var(--orange-orange-600, #b3590a); + } + + .sm\:text-Orange-orange-700 { + color: var(--orange-orange-700, #663306); + } + + .sm\:text-Yellow-yellow { + color: var(--yellow-yellow, #ffab00); + } + + .sm\:text-Yellow-yellow-100 { + color: var(--yellow-yellow-100, #ffc44c); + } + + .sm\:text-Yellow-yellow-200 { + color: var(--yellow-yellow-200, #ffd580); + } + + .sm\:text-Yellow-yellow-300 { + color: var(--yellow-yellow-300, #d99d26); + } + + .sm\:text-Yellow-yellow-400 { + color: var(--yellow-yellow-400, #bf943f); + } + + .sm\:text-Yellow-yellow-500 { + color: var(--yellow-yellow-500, #e59a00); + } + + .sm\:text-Yellow-yellow-600 { + color: var(--yellow-yellow-600, #b37800); + } + + .sm\:text-Yellow-yellow-700 { + color: var(--yellow-yellow-700, #664400); + } + + .sm\:text-Notification-notification { + color: var(--notification-notification, #3959ff); + } + + .sm\:text-Notification-notification-100 { + color: var(--notification-notification-100, #748bff); + } + + .sm\:text-Notification-notification-200 { + color: var(--notification-notification-200, #9cacff); + } + + .sm\:text-Notification-notification-300 { + color: var(--notification-notification-300, #4e64d9); + } + + .sm\:text-Notification-notification-400 { + color: var(--notification-notification-400, #5c6cbf); + } + + .sm\:text-Notification-notification-500 { + color: var(--notification-notification-500, #3350e5); + } + + .sm\:text-Notification-notification-600 { + color: var(--notification-notification-600, #283eb3); + } + + .sm\:text-Notification-notification-700 { + color: var(--notification-notification-700, #172466); + } + + .sm\:text-Success-success\ -700 { + color: var(--success-success-700, #24471f); + } + + .sm\:text-Success-success { + color: var(--success-success, #5bb14d); + } + + .sm\:text-Success-success\ -100 { + color: var(--success-success-100, #8cc882); + } + + .sm\:text-Success-success\ -200 { + color: var(--success-success-200, #add8a6); + } + + .sm\:text-Success-success\ -300 { + color: var(--success-success-300, #66a25c); + } + + .sm\:text-Success-success\ -400 { + color: var(--success-success-400, #6d9766); + } + + .sm\:text-Success-success\ -500 { + color: var(--success-success-500, #529f45); + } + + .sm\:text-Success-success\ -600 { + color: var(--success-success-600, #407c36); + } + + .sm\:text-Error-error { + color: var(--error-error, #f03d3e); + } + + .sm\:text-Error-error-100 { + color: var(--error-error-100, #f57778); + } + + .sm\:text-Error-error-200 { + color: var(--error-error-200, #f89e9e); + } + + .sm\:text-Error-error-250 { + color: var(--error-error-250, #f9c8c8); + } + + .sm\:text-Error-error-300 { + color: var(--error-error-300, #ce5151); + } + + .sm\:text-Error-error-400 { + color: var(--error-error-400, #b85e5e); + } + + .sm\:text-Error-error-500 { + color: var(--error-error-500, #d83738); + } + + .sm\:text-Error-error-600 { + color: var(--error-error-600, #a82b2b); + } + + .sm\:text-Error-error-700 { + color: var(--error-error-700, #601819); + } + + .group:hover .sm\:group-hover\:text-colors-black { + color: var(--colors-black, #000000); + } + + .group:hover .sm\:group-hover\:text-colors-white { + color: var(--colors-white, #ffffff); + } + + .group:hover .sm\:group-hover\:text-colors-gray-100 { + color: var(--colors-gray-100, #f7fafc); + } + + .group:hover .sm\:group-hover\:text-colors-gray-200 { + color: var(--colors-gray-200, #edf2f7); + } + + .group:hover .sm\:group-hover\:text-colors-gray-300 { + color: var(--colors-gray-300, #e2e8f0); + } + + .group:hover .sm\:group-hover\:text-colors-gray-400 { + color: var(--colors-gray-400, #cbd5e0); + } + + .group:hover .sm\:group-hover\:text-colors-gray-500 { + color: var(--colors-gray-500, #a0aec0); + } + + .group:hover .sm\:group-hover\:text-colors-gray-600 { + color: var(--colors-gray-600, #718096); + } + + .group:hover .sm\:group-hover\:text-colors-gray-700 { + color: var(--colors-gray-700, #4a5568); + } + + .group:hover .sm\:group-hover\:text-colors-gray-800 { + color: var(--colors-gray-800, #2d3748); + } + + .group:hover .sm\:group-hover\:text-colors-gray-900 { + color: var(--colors-gray-900, #1a202c); + } + + .group:hover .sm\:group-hover\:text-colors-red-100 { + color: var(--colors-red-100, #fff5f5); + } + + .group:hover .sm\:group-hover\:text-colors-red-200 { + color: var(--colors-red-200, #fed7d7); + } + + .group:hover .sm\:group-hover\:text-colors-red-300 { + color: var(--colors-red-300, #feb2b2); + } + + .group:hover .sm\:group-hover\:text-colors-red-400 { + color: var(--colors-red-400, #fc8181); + } + + .group:hover .sm\:group-hover\:text-colors-red-500 { + color: var(--colors-red-500, #f56565); + } + + .group:hover .sm\:group-hover\:text-colors-red-600 { + color: var(--colors-red-600, #e53e3e); + } + + .group:hover .sm\:group-hover\:text-colors-red-700 { + color: var(--colors-red-700, #c53030); + } + + .group:hover .sm\:group-hover\:text-colors-red-800 { + color: var(--colors-red-800, #9b2c2c); + } + + .group:hover .sm\:group-hover\:text-colors-red-900 { + color: var(--colors-red-900, #742a2a); + } + + .group:hover .sm\:group-hover\:text-colors-orange-100 { + color: var(--colors-orange-100, #fffaf0); + } + + .group:hover .sm\:group-hover\:text-colors-orange-200 { + color: var(--colors-orange-200, #feebc8); + } + + .group:hover .sm\:group-hover\:text-colors-orange-300 { + color: var(--colors-orange-300, #fbd38d); + } + + .group:hover .sm\:group-hover\:text-colors-orange-400 { + color: var(--colors-orange-400, #f6ad55); + } + + .group:hover .sm\:group-hover\:text-colors-orange-500 { + color: var(--colors-orange-500, #ed8936); + } + + .group:hover .sm\:group-hover\:text-colors-orange-600 { + color: var(--colors-orange-600, #dd6b20); + } + + .group:hover .sm\:group-hover\:text-colors-orange-700 { + color: var(--colors-orange-700, #c05621); + } + + .group:hover .sm\:group-hover\:text-colors-orange-800 { + color: var(--colors-orange-800, #9c4221); + } + + .group:hover .sm\:group-hover\:text-colors-orange-900 { + color: var(--colors-orange-900, #7b341e); + } + + .group:hover .sm\:group-hover\:text-colors-yellow-100 { + color: var(--colors-yellow-100, #fffff0); + } + + .group:hover .sm\:group-hover\:text-colors-yellow-200 { + color: var(--colors-yellow-200, #fefcbf); + } + + .group:hover .sm\:group-hover\:text-colors-yellow-300 { + color: var(--colors-yellow-300, #faf089); + } + + .group:hover .sm\:group-hover\:text-colors-yellow-400 { + color: var(--colors-yellow-400, #f6e05e); + } + + .group:hover .sm\:group-hover\:text-colors-yellow-500 { + color: var(--colors-yellow-500, #ecc94b); + } + + .group:hover .sm\:group-hover\:text-colors-yellow-600 { + color: var(--colors-yellow-600, #d69e2e); + } + + .group:hover .sm\:group-hover\:text-colors-yellow-700 { + color: var(--colors-yellow-700, #b7791f); + } + + .group:hover .sm\:group-hover\:text-colors-yellow-800 { + color: var(--colors-yellow-800, #975a16); + } + + .group:hover .sm\:group-hover\:text-colors-yellow-900 { + color: var(--colors-yellow-900, #744210); + } + + .group:hover .sm\:group-hover\:text-colors-green-100 { + color: var(--colors-green-100, #f0fff4); + } + + .group:hover .sm\:group-hover\:text-colors-green-200 { + color: var(--colors-green-200, #c6f6d5); + } + + .group:hover .sm\:group-hover\:text-colors-green-300 { + color: var(--colors-green-300, #9ae6b4); + } + + .group:hover .sm\:group-hover\:text-colors-green-400 { + color: var(--colors-green-400, #68d391); + } + + .group:hover .sm\:group-hover\:text-colors-green-500 { + color: var(--colors-green-500, #48bb78); + } + + .group:hover .sm\:group-hover\:text-colors-green-600 { + color: var(--colors-green-600, #38a169); + } + + .group:hover .sm\:group-hover\:text-colors-green-700 { + color: var(--colors-green-700, #2f855a); + } + + .group:hover .sm\:group-hover\:text-colors-green-800 { + color: var(--colors-green-800, #276749); + } + + .group:hover .sm\:group-hover\:text-colors-green-900 { + color: var(--colors-green-900, #22543d); + } + + .group:hover .sm\:group-hover\:text-colors-teal-100 { + color: var(--colors-teal-100, #e6fffa); + } + + .group:hover .sm\:group-hover\:text-colors-teal-200 { + color: var(--colors-teal-200, #b2f5ea); + } + + .group:hover .sm\:group-hover\:text-colors-teal-300 { + color: var(--colors-teal-300, #81e6d9); + } + + .group:hover .sm\:group-hover\:text-colors-teal-400 { + color: var(--colors-teal-400, #4fd1c5); + } + + .group:hover .sm\:group-hover\:text-colors-teal-500 { + color: var(--colors-teal-500, #38b2ac); + } + + .group:hover .sm\:group-hover\:text-colors-teal-600 { + color: var(--colors-teal-600, #319795); + } + + .group:hover .sm\:group-hover\:text-colors-teal-700 { + color: var(--colors-teal-700, #2c7a7b); + } + + .group:hover .sm\:group-hover\:text-colors-teal-800 { + color: var(--colors-teal-800, #285e61); + } + + .group:hover .sm\:group-hover\:text-colors-teal-900 { + color: var(--colors-teal-900, #234e52); + } + + .group:hover .sm\:group-hover\:text-colors-blue-100 { + color: var(--colors-blue-100, #ebf8ff); + } + + .group:hover .sm\:group-hover\:text-colors-blue-200 { + color: var(--colors-blue-200, #bee3f8); + } + + .group:hover .sm\:group-hover\:text-colors-blue-300 { + color: var(--colors-blue-300, #90cdf4); + } + + .group:hover .sm\:group-hover\:text-colors-blue-400 { + color: var(--colors-blue-400, #63b3ed); + } + + .group:hover .sm\:group-hover\:text-colors-blue-500 { + color: var(--colors-blue-500, #4299e1); + } + + .group:hover .sm\:group-hover\:text-colors-blue-600 { + color: var(--colors-blue-600, #3182ce); + } + + .group:hover .sm\:group-hover\:text-colors-blue-700 { + color: var(--colors-blue-700, #2b6cb0); + } + + .group:hover .sm\:group-hover\:text-colors-blue-800 { + color: var(--colors-blue-800, #2c5282); + } + + .group:hover .sm\:group-hover\:text-colors-blue-900 { + color: var(--colors-blue-900, #2a4365); + } + + .group:hover .sm\:group-hover\:text-colors-indigo-100 { + color: var(--colors-indigo-100, #ebf4ff); + } + + .group:hover .sm\:group-hover\:text-colors-indigo-200 { + color: var(--colors-indigo-200, #c3dafe); + } + + .group:hover .sm\:group-hover\:text-colors-indigo-300 { + color: var(--colors-indigo-300, #a3bffa); + } + + .group:hover .sm\:group-hover\:text-colors-indigo-400 { + color: var(--colors-indigo-400, #7f9cf5); + } + + .group:hover .sm\:group-hover\:text-colors-indigo-500 { + color: var(--colors-indigo-500, #667eea); + } + + .group:hover .sm\:group-hover\:text-colors-indigo-600 { + color: var(--colors-indigo-600, #5a67d8); + } + + .group:hover .sm\:group-hover\:text-colors-indigo-700 { + color: var(--colors-indigo-700, #4c51bf); + } + + .group:hover .sm\:group-hover\:text-colors-indigo-800 { + color: var(--colors-indigo-800, #434190); + } + + .group:hover .sm\:group-hover\:text-colors-indigo-900 { + color: var(--colors-indigo-900, #3c366b); + } + + .group:hover .sm\:group-hover\:text-colors-purple-100 { + color: var(--colors-purple-100, #faf5ff); + } + + .group:hover .sm\:group-hover\:text-colors-purple-200 { + color: var(--colors-purple-200, #e9d8fd); + } + + .group:hover .sm\:group-hover\:text-colors-purple-300 { + color: var(--colors-purple-300, #d6bcfa); + } + + .group:hover .sm\:group-hover\:text-colors-purple-400 { + color: var(--colors-purple-400, #b794f4); + } + + .group:hover .sm\:group-hover\:text-colors-purple-500 { + color: var(--colors-purple-500, #9f7aea); + } + + .group:hover .sm\:group-hover\:text-colors-purple-600 { + color: var(--colors-purple-600, #805ad5); + } + + .group:hover .sm\:group-hover\:text-colors-purple-700 { + color: var(--colors-purple-700, #6b46c1); + } + + .group:hover .sm\:group-hover\:text-colors-purple-800 { + color: var(--colors-purple-800, #553c9a); + } + + .group:hover .sm\:group-hover\:text-colors-purple-900 { + color: var(--colors-purple-900, #44337a); + } + + .group:hover .sm\:group-hover\:text-colors-pink-100 { + color: var(--colors-pink-100, #fff5f7); + } + + .group:hover .sm\:group-hover\:text-colors-pink-200 { + color: var(--colors-pink-200, #fed7e2); + } + + .group:hover .sm\:group-hover\:text-colors-pink-300 { + color: var(--colors-pink-300, #fbb6ce); + } + + .group:hover .sm\:group-hover\:text-colors-pink-400 { + color: var(--colors-pink-400, #f687b3); + } + + .group:hover .sm\:group-hover\:text-colors-pink-500 { + color: var(--colors-pink-500, #ed64a6); + } + + .group:hover .sm\:group-hover\:text-colors-pink-600 { + color: var(--colors-pink-600, #d53f8c); + } + + .group:hover .sm\:group-hover\:text-colors-pink-700 { + color: var(--colors-pink-700, #b83280); + } + + .group:hover .sm\:group-hover\:text-colors-pink-800 { + color: var(--colors-pink-800, #97266d); + } + + .group:hover .sm\:group-hover\:text-colors-pink-900 { + color: var(--colors-pink-900, #702459); + } + + .group:hover .sm\:group-hover\:text-Box\ Shadow { + color: var(--box-shadow, #7f7e7f); + } + + .group:hover .sm\:group-hover\:text-Error16 { + color: var(--error16, #f03d3e40); + } + + .group:hover .sm\:group-hover\:text-Success16 { + color: var(--success16, #5bb14d40); + } + + .group:hover .sm\:group-hover\:text-Notification16 { + color: var(--notification16, #3959ff40); + } + + .group:hover .sm\:group-hover\:text-Error8 { + color: var(--error8, #f03d3e1a); + } + + .group:hover .sm\:group-hover\:text-Notification8 { + color: var(--notification8, #3959ff1a); + } + + .group:hover .sm\:group-hover\:text-Success8 { + color: var(--success8, #5bb14d1a); + } + + .group:hover .sm\:group-hover\:text-Light\ -\ Overlay { + color: var(--light-overlay, #f0edee66); + } + + .group:hover .sm\:group-hover\:text-Dark-\ Overlay { + color: var(--dark-overlay, #7f7e7f66); + } + + .group:hover .sm\:group-hover\:text-black-40 { + color: var(--black-40, #00000066); + } + + .group:hover .sm\:group-hover\:text-black-75 { + color: var(--black-75, #000000bf); + } + + .group:hover .sm\:group-hover\:text-black-60 { + color: var(--black-60, #00000099); + } + + .group:hover .sm\:group-hover\:text-black-50 { + color: var(--black-50, #00000080); + } + + .group:hover .sm\:group-hover\:text-black-25 { + color: var(--black-25, #00000040); + } + + .group:hover .sm\:group-hover\:text-black-10 { + color: var(--black-10, #0000001a); + } + + .group:hover .sm\:group-hover\:text-white-25 { + color: var(--white-25, #ffffff40); + } + + .group:hover .sm\:group-hover\:text-white-60 { + color: var(--white-60, #ffffff99); + } + + .group:hover .sm\:group-hover\:text-black-64 { + color: var(--black-64, #000000a3); + } + + .group:hover .sm\:group-hover\:text-Shadow\ and\ Highlight-Shadow { + color: var(--shadow-and-highlight-shadow, #7f7e7f); + } + + .group:hover .sm\:group-hover\:text-Shadow\ and\ Highlight-Highlight { + color: var(--shadow-and-highlight-highlight, #474747); + } + + .group:hover .sm\:group-hover\:text-Shadow\ and\ Highlight-highlight\ one { + color: var(--shadow-and-highlight-highlight-one, #474747bf); + } + + .group:hover .sm\:group-hover\:text-Shadow\ and\ Highlight-highlight\ two { + color: var(--shadow-and-highlight-highlight-two, #47474799); + } + + .group:hover .sm\:group-hover\:text-Shadow\ and\ Highlight-highlight\ three { + color: var(--shadow-and-highlight-highlight-three, #47474766); + } + + .group:hover .sm\:group-hover\:text-Shadow\ and\ Highlight-highlight\ five { + color: var(--shadow-and-highlight-highlight-five, #4747471a); + } + + .group:hover .sm\:group-hover\:text-Shadow\ and\ Highlight-shadow\ one { + color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); + } + + .group:hover .sm\:group-hover\:text-Shadow\ and\ Highlight-shadow\ two { + color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); + } + + .group:hover .sm\:group-hover\:text-Shadow\ and\ Highlight-shadow\ three { + color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); + } + + .group:hover .sm\:group-hover\:text-Shadow\ and\ Highlight-shadow\ four { + color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); + } + + .group:hover .sm\:group-hover\:text-Shadow\ and\ Highlight-shadow\ five { + color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); + } + + .group:hover .sm\:group-hover\:text-Shadow\ and\ Highlight-highlight\ four { + color: var(--shadow-and-highlight-highlight-four, #47474740); + } + + .group:hover .sm\:group-hover\:text-Base\ Layer\ Styles-Base\ Layer-\ Light-White { + color: var(--base-layer-styles-base-layer-light-white, #ffffff); + } + + .group:hover .sm\:group-hover\:text-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite { + color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); + } + + .group:hover .sm\:group-hover\:text-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack { + color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); + } + + .group:hover .sm\:group-hover\:text-Base\ Layer\ Styles-Base\ Layer-Dark-Black { + color: var(--base-layer-styles-base-layer-dark-black, #000000); + } + + .group:hover .sm\:group-hover\:text-Grey-Scale-white { + color: var(--grey-scale-white, #ffffff); + } + + .group:hover .sm\:group-hover\:text-Grey-Scale-off-white { + color: var(--grey-scale-off-white, #f0edee); + } + + .group:hover .sm\:group-hover\:text-Grey\ Scale-grey { + color: var(--grey-scale-grey, #7f7e7f); + } + + .group:hover .sm\:group-hover\:text-Grey\ Scale-charcoal { + color: var(--grey-scale-charcoal, #474747); + } + + .group:hover .sm\:group-hover\:text-Grey\ Scale-off-black { + color: var(--grey-scale-off-black, #1c1c1c); + } + + .group:hover .sm\:group-hover\:text-Grey\ Scale-black { + color: var(--grey-scale-black, #000000); + } + + .group:hover .sm\:group-hover\:text-Blue-blue { + color: var(--blue-blue, #3a7ca5); + } + + .group:hover .sm\:group-hover\:text-Blue-blue-100 { + color: var(--blue-blue-100, #75a3c0); + } + + .group:hover .sm\:group-hover\:text-Blue-blue-200 { + color: var(--blue-blue-200, #9cbed2); + } + + .group:hover .sm\:group-hover\:text-Blue-blue-300 { + color: var(--blue-blue-300, #4f7d9a); + } + + .group:hover .sm\:group-hover\:text-Blue-blue-400 { + color: var(--blue-blue-400, #5c7d92); + } + + .group:hover .sm\:group-hover\:text-Blue-blue-500 { + color: var(--blue-blue-500, #347095); + } + + .group:hover .sm\:group-hover\:text-Blue-blue-600 { + color: var(--blue-blue-600, #295774); + } + + .group:hover .sm\:group-hover\:text-Blue-blue-700 { + color: var(--blue-blue-700, #173242); + } + + .group:hover .sm\:group-hover\:text-LightBlue-lightblue { + color: var(--light-blue-lightblue, #81c3d7); + } + + .group:hover .sm\:group-hover\:text-LightBlue-lightblue-100 { + color: var(--light-blue-lightblue-100, #a7d5e3); + } + + .group:hover .sm\:group-hover\:text-LightBlue-lightblue-200 { + color: var(--light-blue-lightblue-200, #c0e1eb); + } + + .group:hover .sm\:group-hover\:text-LightBlue-lightblue-300 { + color: var(--light-blue-lightblue-300, #80aebd); + } + + .group:hover .sm\:group-hover\:text-LightBlue-lightblue-400 { + color: var(--light-blue-lightblue-400, #80a0ab); + } + + .group:hover .sm\:group-hover\:text-LightBlue-lightblue-500 { + color: var(--light-blue-lightblue-500, #74afc1); + } + + .group:hover .sm\:group-hover\:text-LightBlue-lightblue-600 { + color: var(--light-blue-lightblue-600, #5a8997); + } + + .group:hover .sm\:group-hover\:text-LightBlue-lightblue-650 { + color: var(--light-blue-lightblue-650, #3e5e65); + } + + .group:hover .sm\:group-hover\:text-LightBlue-lightblue-700 { + color: var(--light-blue-lightblue-700, #344e56); + } + + .group:hover .sm\:group-hover\:text-Orange-orange { + color: var(--orange-orange, #ff7f0e); + } + + .group:hover .sm\:group-hover\:text-Orange-orange-100 { + color: var(--orange-orange-100, #ffa556); + } + + .group:hover .sm\:group-hover\:text-Orange-orange-200 { + color: var(--orange-orange-200, #ffbf86); + } + + .group:hover .sm\:group-hover\:text-Orange-orange-300 { + color: var(--orange-orange-300, #d97f30); + } + + .group:hover .sm\:group-hover\:text-Orange-orange-400 { + color: var(--orange-orange-400, #bf7e46); + } + + .group:hover .sm\:group-hover\:text-Orange-orange-500 { + color: var(--orange-orange-500, #e5720d); + } + + .group:hover .sm\:group-hover\:text-Orange-orange-600 { + color: var(--orange-orange-600, #b3590a); + } + + .group:hover .sm\:group-hover\:text-Orange-orange-700 { + color: var(--orange-orange-700, #663306); + } + + .group:hover .sm\:group-hover\:text-Yellow-yellow { + color: var(--yellow-yellow, #ffab00); + } + + .group:hover .sm\:group-hover\:text-Yellow-yellow-100 { + color: var(--yellow-yellow-100, #ffc44c); + } + + .group:hover .sm\:group-hover\:text-Yellow-yellow-200 { + color: var(--yellow-yellow-200, #ffd580); + } + + .group:hover .sm\:group-hover\:text-Yellow-yellow-300 { + color: var(--yellow-yellow-300, #d99d26); + } + + .group:hover .sm\:group-hover\:text-Yellow-yellow-400 { + color: var(--yellow-yellow-400, #bf943f); + } + + .group:hover .sm\:group-hover\:text-Yellow-yellow-500 { + color: var(--yellow-yellow-500, #e59a00); + } + + .group:hover .sm\:group-hover\:text-Yellow-yellow-600 { + color: var(--yellow-yellow-600, #b37800); + } + + .group:hover .sm\:group-hover\:text-Yellow-yellow-700 { + color: var(--yellow-yellow-700, #664400); + } + + .group:hover .sm\:group-hover\:text-Notification-notification { + color: var(--notification-notification, #3959ff); + } + + .group:hover .sm\:group-hover\:text-Notification-notification-100 { + color: var(--notification-notification-100, #748bff); + } + + .group:hover .sm\:group-hover\:text-Notification-notification-200 { + color: var(--notification-notification-200, #9cacff); + } + + .group:hover .sm\:group-hover\:text-Notification-notification-300 { + color: var(--notification-notification-300, #4e64d9); + } + + .group:hover .sm\:group-hover\:text-Notification-notification-400 { + color: var(--notification-notification-400, #5c6cbf); + } + + .group:hover .sm\:group-hover\:text-Notification-notification-500 { + color: var(--notification-notification-500, #3350e5); + } + + .group:hover .sm\:group-hover\:text-Notification-notification-600 { + color: var(--notification-notification-600, #283eb3); + } + + .group:hover .sm\:group-hover\:text-Notification-notification-700 { + color: var(--notification-notification-700, #172466); + } + + .group:hover .sm\:group-hover\:text-Success-success\ -700 { + color: var(--success-success-700, #24471f); + } + + .group:hover .sm\:group-hover\:text-Success-success { + color: var(--success-success, #5bb14d); + } + + .group:hover .sm\:group-hover\:text-Success-success\ -100 { + color: var(--success-success-100, #8cc882); + } + + .group:hover .sm\:group-hover\:text-Success-success\ -200 { + color: var(--success-success-200, #add8a6); + } + + .group:hover .sm\:group-hover\:text-Success-success\ -300 { + color: var(--success-success-300, #66a25c); + } + + .group:hover .sm\:group-hover\:text-Success-success\ -400 { + color: var(--success-success-400, #6d9766); + } + + .group:hover .sm\:group-hover\:text-Success-success\ -500 { + color: var(--success-success-500, #529f45); + } + + .group:hover .sm\:group-hover\:text-Success-success\ -600 { + color: var(--success-success-600, #407c36); + } + + .group:hover .sm\:group-hover\:text-Error-error { + color: var(--error-error, #f03d3e); + } + + .group:hover .sm\:group-hover\:text-Error-error-100 { + color: var(--error-error-100, #f57778); + } + + .group:hover .sm\:group-hover\:text-Error-error-200 { + color: var(--error-error-200, #f89e9e); + } + + .group:hover .sm\:group-hover\:text-Error-error-250 { + color: var(--error-error-250, #f9c8c8); + } + + .group:hover .sm\:group-hover\:text-Error-error-300 { + color: var(--error-error-300, #ce5151); + } + + .group:hover .sm\:group-hover\:text-Error-error-400 { + color: var(--error-error-400, #b85e5e); + } + + .group:hover .sm\:group-hover\:text-Error-error-500 { + color: var(--error-error-500, #d83738); + } + + .group:hover .sm\:group-hover\:text-Error-error-600 { + color: var(--error-error-600, #a82b2b); + } + + .group:hover .sm\:group-hover\:text-Error-error-700 { + color: var(--error-error-700, #601819); + } + + .sm\:focus-within\:text-colors-black:focus-within { + color: var(--colors-black, #000000); + } + + .sm\:focus-within\:text-colors-white:focus-within { + color: var(--colors-white, #ffffff); + } + + .sm\:focus-within\:text-colors-gray-100:focus-within { + color: var(--colors-gray-100, #f7fafc); + } + + .sm\:focus-within\:text-colors-gray-200:focus-within { + color: var(--colors-gray-200, #edf2f7); + } + + .sm\:focus-within\:text-colors-gray-300:focus-within { + color: var(--colors-gray-300, #e2e8f0); + } + + .sm\:focus-within\:text-colors-gray-400:focus-within { + color: var(--colors-gray-400, #cbd5e0); + } + + .sm\:focus-within\:text-colors-gray-500:focus-within { + color: var(--colors-gray-500, #a0aec0); + } + + .sm\:focus-within\:text-colors-gray-600:focus-within { + color: var(--colors-gray-600, #718096); + } + + .sm\:focus-within\:text-colors-gray-700:focus-within { + color: var(--colors-gray-700, #4a5568); + } + + .sm\:focus-within\:text-colors-gray-800:focus-within { + color: var(--colors-gray-800, #2d3748); + } + + .sm\:focus-within\:text-colors-gray-900:focus-within { + color: var(--colors-gray-900, #1a202c); + } + + .sm\:focus-within\:text-colors-red-100:focus-within { + color: var(--colors-red-100, #fff5f5); + } + + .sm\:focus-within\:text-colors-red-200:focus-within { + color: var(--colors-red-200, #fed7d7); + } + + .sm\:focus-within\:text-colors-red-300:focus-within { + color: var(--colors-red-300, #feb2b2); + } + + .sm\:focus-within\:text-colors-red-400:focus-within { + color: var(--colors-red-400, #fc8181); + } + + .sm\:focus-within\:text-colors-red-500:focus-within { + color: var(--colors-red-500, #f56565); + } + + .sm\:focus-within\:text-colors-red-600:focus-within { + color: var(--colors-red-600, #e53e3e); + } + + .sm\:focus-within\:text-colors-red-700:focus-within { + color: var(--colors-red-700, #c53030); + } + + .sm\:focus-within\:text-colors-red-800:focus-within { + color: var(--colors-red-800, #9b2c2c); + } + + .sm\:focus-within\:text-colors-red-900:focus-within { + color: var(--colors-red-900, #742a2a); + } + + .sm\:focus-within\:text-colors-orange-100:focus-within { + color: var(--colors-orange-100, #fffaf0); + } + + .sm\:focus-within\:text-colors-orange-200:focus-within { + color: var(--colors-orange-200, #feebc8); + } + + .sm\:focus-within\:text-colors-orange-300:focus-within { + color: var(--colors-orange-300, #fbd38d); + } + + .sm\:focus-within\:text-colors-orange-400:focus-within { + color: var(--colors-orange-400, #f6ad55); + } + + .sm\:focus-within\:text-colors-orange-500:focus-within { + color: var(--colors-orange-500, #ed8936); + } + + .sm\:focus-within\:text-colors-orange-600:focus-within { + color: var(--colors-orange-600, #dd6b20); + } + + .sm\:focus-within\:text-colors-orange-700:focus-within { + color: var(--colors-orange-700, #c05621); + } + + .sm\:focus-within\:text-colors-orange-800:focus-within { + color: var(--colors-orange-800, #9c4221); + } + + .sm\:focus-within\:text-colors-orange-900:focus-within { + color: var(--colors-orange-900, #7b341e); + } + + .sm\:focus-within\:text-colors-yellow-100:focus-within { + color: var(--colors-yellow-100, #fffff0); + } + + .sm\:focus-within\:text-colors-yellow-200:focus-within { + color: var(--colors-yellow-200, #fefcbf); + } + + .sm\:focus-within\:text-colors-yellow-300:focus-within { + color: var(--colors-yellow-300, #faf089); + } + + .sm\:focus-within\:text-colors-yellow-400:focus-within { + color: var(--colors-yellow-400, #f6e05e); + } + + .sm\:focus-within\:text-colors-yellow-500:focus-within { + color: var(--colors-yellow-500, #ecc94b); + } + + .sm\:focus-within\:text-colors-yellow-600:focus-within { + color: var(--colors-yellow-600, #d69e2e); + } + + .sm\:focus-within\:text-colors-yellow-700:focus-within { + color: var(--colors-yellow-700, #b7791f); + } + + .sm\:focus-within\:text-colors-yellow-800:focus-within { + color: var(--colors-yellow-800, #975a16); + } + + .sm\:focus-within\:text-colors-yellow-900:focus-within { + color: var(--colors-yellow-900, #744210); + } + + .sm\:focus-within\:text-colors-green-100:focus-within { + color: var(--colors-green-100, #f0fff4); + } + + .sm\:focus-within\:text-colors-green-200:focus-within { + color: var(--colors-green-200, #c6f6d5); + } + + .sm\:focus-within\:text-colors-green-300:focus-within { + color: var(--colors-green-300, #9ae6b4); + } + + .sm\:focus-within\:text-colors-green-400:focus-within { + color: var(--colors-green-400, #68d391); + } + + .sm\:focus-within\:text-colors-green-500:focus-within { + color: var(--colors-green-500, #48bb78); + } + + .sm\:focus-within\:text-colors-green-600:focus-within { + color: var(--colors-green-600, #38a169); + } + + .sm\:focus-within\:text-colors-green-700:focus-within { + color: var(--colors-green-700, #2f855a); + } + + .sm\:focus-within\:text-colors-green-800:focus-within { + color: var(--colors-green-800, #276749); + } + + .sm\:focus-within\:text-colors-green-900:focus-within { + color: var(--colors-green-900, #22543d); + } + + .sm\:focus-within\:text-colors-teal-100:focus-within { + color: var(--colors-teal-100, #e6fffa); + } + + .sm\:focus-within\:text-colors-teal-200:focus-within { + color: var(--colors-teal-200, #b2f5ea); + } + + .sm\:focus-within\:text-colors-teal-300:focus-within { + color: var(--colors-teal-300, #81e6d9); + } + + .sm\:focus-within\:text-colors-teal-400:focus-within { + color: var(--colors-teal-400, #4fd1c5); + } + + .sm\:focus-within\:text-colors-teal-500:focus-within { + color: var(--colors-teal-500, #38b2ac); + } + + .sm\:focus-within\:text-colors-teal-600:focus-within { + color: var(--colors-teal-600, #319795); + } + + .sm\:focus-within\:text-colors-teal-700:focus-within { + color: var(--colors-teal-700, #2c7a7b); + } + + .sm\:focus-within\:text-colors-teal-800:focus-within { + color: var(--colors-teal-800, #285e61); + } + + .sm\:focus-within\:text-colors-teal-900:focus-within { + color: var(--colors-teal-900, #234e52); + } + + .sm\:focus-within\:text-colors-blue-100:focus-within { + color: var(--colors-blue-100, #ebf8ff); + } + + .sm\:focus-within\:text-colors-blue-200:focus-within { + color: var(--colors-blue-200, #bee3f8); + } + + .sm\:focus-within\:text-colors-blue-300:focus-within { + color: var(--colors-blue-300, #90cdf4); + } + + .sm\:focus-within\:text-colors-blue-400:focus-within { + color: var(--colors-blue-400, #63b3ed); + } + + .sm\:focus-within\:text-colors-blue-500:focus-within { + color: var(--colors-blue-500, #4299e1); + } + + .sm\:focus-within\:text-colors-blue-600:focus-within { + color: var(--colors-blue-600, #3182ce); + } + + .sm\:focus-within\:text-colors-blue-700:focus-within { + color: var(--colors-blue-700, #2b6cb0); + } + + .sm\:focus-within\:text-colors-blue-800:focus-within { + color: var(--colors-blue-800, #2c5282); + } + + .sm\:focus-within\:text-colors-blue-900:focus-within { + color: var(--colors-blue-900, #2a4365); + } + + .sm\:focus-within\:text-colors-indigo-100:focus-within { + color: var(--colors-indigo-100, #ebf4ff); + } + + .sm\:focus-within\:text-colors-indigo-200:focus-within { + color: var(--colors-indigo-200, #c3dafe); + } + + .sm\:focus-within\:text-colors-indigo-300:focus-within { + color: var(--colors-indigo-300, #a3bffa); + } + + .sm\:focus-within\:text-colors-indigo-400:focus-within { + color: var(--colors-indigo-400, #7f9cf5); + } + + .sm\:focus-within\:text-colors-indigo-500:focus-within { + color: var(--colors-indigo-500, #667eea); + } + + .sm\:focus-within\:text-colors-indigo-600:focus-within { + color: var(--colors-indigo-600, #5a67d8); + } + + .sm\:focus-within\:text-colors-indigo-700:focus-within { + color: var(--colors-indigo-700, #4c51bf); + } + + .sm\:focus-within\:text-colors-indigo-800:focus-within { + color: var(--colors-indigo-800, #434190); + } + + .sm\:focus-within\:text-colors-indigo-900:focus-within { + color: var(--colors-indigo-900, #3c366b); + } + + .sm\:focus-within\:text-colors-purple-100:focus-within { + color: var(--colors-purple-100, #faf5ff); + } + + .sm\:focus-within\:text-colors-purple-200:focus-within { + color: var(--colors-purple-200, #e9d8fd); + } + + .sm\:focus-within\:text-colors-purple-300:focus-within { + color: var(--colors-purple-300, #d6bcfa); + } + + .sm\:focus-within\:text-colors-purple-400:focus-within { + color: var(--colors-purple-400, #b794f4); + } + + .sm\:focus-within\:text-colors-purple-500:focus-within { + color: var(--colors-purple-500, #9f7aea); + } + + .sm\:focus-within\:text-colors-purple-600:focus-within { + color: var(--colors-purple-600, #805ad5); + } + + .sm\:focus-within\:text-colors-purple-700:focus-within { + color: var(--colors-purple-700, #6b46c1); + } + + .sm\:focus-within\:text-colors-purple-800:focus-within { + color: var(--colors-purple-800, #553c9a); + } + + .sm\:focus-within\:text-colors-purple-900:focus-within { + color: var(--colors-purple-900, #44337a); + } + + .sm\:focus-within\:text-colors-pink-100:focus-within { + color: var(--colors-pink-100, #fff5f7); + } + + .sm\:focus-within\:text-colors-pink-200:focus-within { + color: var(--colors-pink-200, #fed7e2); + } + + .sm\:focus-within\:text-colors-pink-300:focus-within { + color: var(--colors-pink-300, #fbb6ce); + } + + .sm\:focus-within\:text-colors-pink-400:focus-within { + color: var(--colors-pink-400, #f687b3); + } + + .sm\:focus-within\:text-colors-pink-500:focus-within { + color: var(--colors-pink-500, #ed64a6); + } + + .sm\:focus-within\:text-colors-pink-600:focus-within { + color: var(--colors-pink-600, #d53f8c); + } + + .sm\:focus-within\:text-colors-pink-700:focus-within { + color: var(--colors-pink-700, #b83280); + } + + .sm\:focus-within\:text-colors-pink-800:focus-within { + color: var(--colors-pink-800, #97266d); + } + + .sm\:focus-within\:text-colors-pink-900:focus-within { + color: var(--colors-pink-900, #702459); + } + + .sm\:focus-within\:text-Box\ Shadow:focus-within { + color: var(--box-shadow, #7f7e7f); + } + + .sm\:focus-within\:text-Error16:focus-within { + color: var(--error16, #f03d3e40); + } + + .sm\:focus-within\:text-Success16:focus-within { + color: var(--success16, #5bb14d40); + } + + .sm\:focus-within\:text-Notification16:focus-within { + color: var(--notification16, #3959ff40); + } + + .sm\:focus-within\:text-Error8:focus-within { + color: var(--error8, #f03d3e1a); + } + + .sm\:focus-within\:text-Notification8:focus-within { + color: var(--notification8, #3959ff1a); + } + + .sm\:focus-within\:text-Success8:focus-within { + color: var(--success8, #5bb14d1a); + } + + .sm\:focus-within\:text-Light\ -\ Overlay:focus-within { + color: var(--light-overlay, #f0edee66); + } + + .sm\:focus-within\:text-Dark-\ Overlay:focus-within { + color: var(--dark-overlay, #7f7e7f66); + } + + .sm\:focus-within\:text-black-40:focus-within { + color: var(--black-40, #00000066); + } + + .sm\:focus-within\:text-black-75:focus-within { + color: var(--black-75, #000000bf); + } + + .sm\:focus-within\:text-black-60:focus-within { + color: var(--black-60, #00000099); + } + + .sm\:focus-within\:text-black-50:focus-within { + color: var(--black-50, #00000080); + } + + .sm\:focus-within\:text-black-25:focus-within { + color: var(--black-25, #00000040); + } + + .sm\:focus-within\:text-black-10:focus-within { + color: var(--black-10, #0000001a); + } + + .sm\:focus-within\:text-white-25:focus-within { + color: var(--white-25, #ffffff40); + } + + .sm\:focus-within\:text-white-60:focus-within { + color: var(--white-60, #ffffff99); + } + + .sm\:focus-within\:text-black-64:focus-within { + color: var(--black-64, #000000a3); + } + + .sm\:focus-within\:text-Shadow\ and\ Highlight-Shadow:focus-within { + color: var(--shadow-and-highlight-shadow, #7f7e7f); + } + + .sm\:focus-within\:text-Shadow\ and\ Highlight-Highlight:focus-within { + color: var(--shadow-and-highlight-highlight, #474747); + } + + .sm\:focus-within\:text-Shadow\ and\ Highlight-highlight\ one:focus-within { + color: var(--shadow-and-highlight-highlight-one, #474747bf); + } + + .sm\:focus-within\:text-Shadow\ and\ Highlight-highlight\ two:focus-within { + color: var(--shadow-and-highlight-highlight-two, #47474799); + } + + .sm\:focus-within\:text-Shadow\ and\ Highlight-highlight\ three:focus-within { + color: var(--shadow-and-highlight-highlight-three, #47474766); + } + + .sm\:focus-within\:text-Shadow\ and\ Highlight-highlight\ five:focus-within { + color: var(--shadow-and-highlight-highlight-five, #4747471a); + } + + .sm\:focus-within\:text-Shadow\ and\ Highlight-shadow\ one:focus-within { + color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); + } + + .sm\:focus-within\:text-Shadow\ and\ Highlight-shadow\ two:focus-within { + color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); + } + + .sm\:focus-within\:text-Shadow\ and\ Highlight-shadow\ three:focus-within { + color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); + } + + .sm\:focus-within\:text-Shadow\ and\ Highlight-shadow\ four:focus-within { + color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); + } + + .sm\:focus-within\:text-Shadow\ and\ Highlight-shadow\ five:focus-within { + color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); + } + + .sm\:focus-within\:text-Shadow\ and\ Highlight-highlight\ four:focus-within { + color: var(--shadow-and-highlight-highlight-four, #47474740); + } + + .sm\:focus-within\:text-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus-within { + color: var(--base-layer-styles-base-layer-light-white, #ffffff); + } + + .sm\:focus-within\:text-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus-within { + color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); + } + + .sm\:focus-within\:text-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus-within { + color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); + } + + .sm\:focus-within\:text-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus-within { + color: var(--base-layer-styles-base-layer-dark-black, #000000); + } + + .sm\:focus-within\:text-Grey-Scale-white:focus-within { + color: var(--grey-scale-white, #ffffff); + } + + .sm\:focus-within\:text-Grey-Scale-off-white:focus-within { + color: var(--grey-scale-off-white, #f0edee); + } + + .sm\:focus-within\:text-Grey\ Scale-grey:focus-within { + color: var(--grey-scale-grey, #7f7e7f); + } + + .sm\:focus-within\:text-Grey\ Scale-charcoal:focus-within { + color: var(--grey-scale-charcoal, #474747); + } + + .sm\:focus-within\:text-Grey\ Scale-off-black:focus-within { + color: var(--grey-scale-off-black, #1c1c1c); + } + + .sm\:focus-within\:text-Grey\ Scale-black:focus-within { + color: var(--grey-scale-black, #000000); + } + + .sm\:focus-within\:text-Blue-blue:focus-within { + color: var(--blue-blue, #3a7ca5); + } + + .sm\:focus-within\:text-Blue-blue-100:focus-within { + color: var(--blue-blue-100, #75a3c0); + } + + .sm\:focus-within\:text-Blue-blue-200:focus-within { + color: var(--blue-blue-200, #9cbed2); + } + + .sm\:focus-within\:text-Blue-blue-300:focus-within { + color: var(--blue-blue-300, #4f7d9a); + } + + .sm\:focus-within\:text-Blue-blue-400:focus-within { + color: var(--blue-blue-400, #5c7d92); + } + + .sm\:focus-within\:text-Blue-blue-500:focus-within { + color: var(--blue-blue-500, #347095); + } + + .sm\:focus-within\:text-Blue-blue-600:focus-within { + color: var(--blue-blue-600, #295774); + } + + .sm\:focus-within\:text-Blue-blue-700:focus-within { + color: var(--blue-blue-700, #173242); + } + + .sm\:focus-within\:text-LightBlue-lightblue:focus-within { + color: var(--light-blue-lightblue, #81c3d7); + } + + .sm\:focus-within\:text-LightBlue-lightblue-100:focus-within { + color: var(--light-blue-lightblue-100, #a7d5e3); + } + + .sm\:focus-within\:text-LightBlue-lightblue-200:focus-within { + color: var(--light-blue-lightblue-200, #c0e1eb); + } + + .sm\:focus-within\:text-LightBlue-lightblue-300:focus-within { + color: var(--light-blue-lightblue-300, #80aebd); + } + + .sm\:focus-within\:text-LightBlue-lightblue-400:focus-within { + color: var(--light-blue-lightblue-400, #80a0ab); + } + + .sm\:focus-within\:text-LightBlue-lightblue-500:focus-within { + color: var(--light-blue-lightblue-500, #74afc1); + } + + .sm\:focus-within\:text-LightBlue-lightblue-600:focus-within { + color: var(--light-blue-lightblue-600, #5a8997); + } + + .sm\:focus-within\:text-LightBlue-lightblue-650:focus-within { + color: var(--light-blue-lightblue-650, #3e5e65); + } + + .sm\:focus-within\:text-LightBlue-lightblue-700:focus-within { + color: var(--light-blue-lightblue-700, #344e56); + } + + .sm\:focus-within\:text-Orange-orange:focus-within { + color: var(--orange-orange, #ff7f0e); + } + + .sm\:focus-within\:text-Orange-orange-100:focus-within { + color: var(--orange-orange-100, #ffa556); + } + + .sm\:focus-within\:text-Orange-orange-200:focus-within { + color: var(--orange-orange-200, #ffbf86); + } + + .sm\:focus-within\:text-Orange-orange-300:focus-within { + color: var(--orange-orange-300, #d97f30); + } + + .sm\:focus-within\:text-Orange-orange-400:focus-within { + color: var(--orange-orange-400, #bf7e46); + } + + .sm\:focus-within\:text-Orange-orange-500:focus-within { + color: var(--orange-orange-500, #e5720d); + } + + .sm\:focus-within\:text-Orange-orange-600:focus-within { + color: var(--orange-orange-600, #b3590a); + } + + .sm\:focus-within\:text-Orange-orange-700:focus-within { + color: var(--orange-orange-700, #663306); + } + + .sm\:focus-within\:text-Yellow-yellow:focus-within { + color: var(--yellow-yellow, #ffab00); + } + + .sm\:focus-within\:text-Yellow-yellow-100:focus-within { + color: var(--yellow-yellow-100, #ffc44c); + } + + .sm\:focus-within\:text-Yellow-yellow-200:focus-within { + color: var(--yellow-yellow-200, #ffd580); + } + + .sm\:focus-within\:text-Yellow-yellow-300:focus-within { + color: var(--yellow-yellow-300, #d99d26); + } + + .sm\:focus-within\:text-Yellow-yellow-400:focus-within { + color: var(--yellow-yellow-400, #bf943f); + } + + .sm\:focus-within\:text-Yellow-yellow-500:focus-within { + color: var(--yellow-yellow-500, #e59a00); + } + + .sm\:focus-within\:text-Yellow-yellow-600:focus-within { + color: var(--yellow-yellow-600, #b37800); + } + + .sm\:focus-within\:text-Yellow-yellow-700:focus-within { + color: var(--yellow-yellow-700, #664400); + } + + .sm\:focus-within\:text-Notification-notification:focus-within { + color: var(--notification-notification, #3959ff); + } + + .sm\:focus-within\:text-Notification-notification-100:focus-within { + color: var(--notification-notification-100, #748bff); + } + + .sm\:focus-within\:text-Notification-notification-200:focus-within { + color: var(--notification-notification-200, #9cacff); + } + + .sm\:focus-within\:text-Notification-notification-300:focus-within { + color: var(--notification-notification-300, #4e64d9); + } + + .sm\:focus-within\:text-Notification-notification-400:focus-within { + color: var(--notification-notification-400, #5c6cbf); + } + + .sm\:focus-within\:text-Notification-notification-500:focus-within { + color: var(--notification-notification-500, #3350e5); + } + + .sm\:focus-within\:text-Notification-notification-600:focus-within { + color: var(--notification-notification-600, #283eb3); + } + + .sm\:focus-within\:text-Notification-notification-700:focus-within { + color: var(--notification-notification-700, #172466); + } + + .sm\:focus-within\:text-Success-success\ -700:focus-within { + color: var(--success-success-700, #24471f); + } + + .sm\:focus-within\:text-Success-success:focus-within { + color: var(--success-success, #5bb14d); + } + + .sm\:focus-within\:text-Success-success\ -100:focus-within { + color: var(--success-success-100, #8cc882); + } + + .sm\:focus-within\:text-Success-success\ -200:focus-within { + color: var(--success-success-200, #add8a6); + } + + .sm\:focus-within\:text-Success-success\ -300:focus-within { + color: var(--success-success-300, #66a25c); + } + + .sm\:focus-within\:text-Success-success\ -400:focus-within { + color: var(--success-success-400, #6d9766); + } + + .sm\:focus-within\:text-Success-success\ -500:focus-within { + color: var(--success-success-500, #529f45); + } + + .sm\:focus-within\:text-Success-success\ -600:focus-within { + color: var(--success-success-600, #407c36); + } + + .sm\:focus-within\:text-Error-error:focus-within { + color: var(--error-error, #f03d3e); + } + + .sm\:focus-within\:text-Error-error-100:focus-within { + color: var(--error-error-100, #f57778); + } + + .sm\:focus-within\:text-Error-error-200:focus-within { + color: var(--error-error-200, #f89e9e); + } + + .sm\:focus-within\:text-Error-error-250:focus-within { + color: var(--error-error-250, #f9c8c8); + } + + .sm\:focus-within\:text-Error-error-300:focus-within { + color: var(--error-error-300, #ce5151); + } + + .sm\:focus-within\:text-Error-error-400:focus-within { + color: var(--error-error-400, #b85e5e); + } + + .sm\:focus-within\:text-Error-error-500:focus-within { + color: var(--error-error-500, #d83738); + } + + .sm\:focus-within\:text-Error-error-600:focus-within { + color: var(--error-error-600, #a82b2b); + } + + .sm\:focus-within\:text-Error-error-700:focus-within { + color: var(--error-error-700, #601819); + } + + .sm\:hover\:text-colors-black:hover { + color: var(--colors-black, #000000); + } + + .sm\:hover\:text-colors-white:hover { + color: var(--colors-white, #ffffff); + } + + .sm\:hover\:text-colors-gray-100:hover { + color: var(--colors-gray-100, #f7fafc); + } + + .sm\:hover\:text-colors-gray-200:hover { + color: var(--colors-gray-200, #edf2f7); + } + + .sm\:hover\:text-colors-gray-300:hover { + color: var(--colors-gray-300, #e2e8f0); + } + + .sm\:hover\:text-colors-gray-400:hover { + color: var(--colors-gray-400, #cbd5e0); + } + + .sm\:hover\:text-colors-gray-500:hover { + color: var(--colors-gray-500, #a0aec0); + } + + .sm\:hover\:text-colors-gray-600:hover { + color: var(--colors-gray-600, #718096); + } + + .sm\:hover\:text-colors-gray-700:hover { + color: var(--colors-gray-700, #4a5568); + } + + .sm\:hover\:text-colors-gray-800:hover { + color: var(--colors-gray-800, #2d3748); + } + + .sm\:hover\:text-colors-gray-900:hover { + color: var(--colors-gray-900, #1a202c); + } + + .sm\:hover\:text-colors-red-100:hover { + color: var(--colors-red-100, #fff5f5); + } + + .sm\:hover\:text-colors-red-200:hover { + color: var(--colors-red-200, #fed7d7); + } + + .sm\:hover\:text-colors-red-300:hover { + color: var(--colors-red-300, #feb2b2); + } + + .sm\:hover\:text-colors-red-400:hover { + color: var(--colors-red-400, #fc8181); + } + + .sm\:hover\:text-colors-red-500:hover { + color: var(--colors-red-500, #f56565); + } + + .sm\:hover\:text-colors-red-600:hover { + color: var(--colors-red-600, #e53e3e); + } + + .sm\:hover\:text-colors-red-700:hover { + color: var(--colors-red-700, #c53030); + } + + .sm\:hover\:text-colors-red-800:hover { + color: var(--colors-red-800, #9b2c2c); + } + + .sm\:hover\:text-colors-red-900:hover { + color: var(--colors-red-900, #742a2a); + } + + .sm\:hover\:text-colors-orange-100:hover { + color: var(--colors-orange-100, #fffaf0); + } + + .sm\:hover\:text-colors-orange-200:hover { + color: var(--colors-orange-200, #feebc8); + } + + .sm\:hover\:text-colors-orange-300:hover { + color: var(--colors-orange-300, #fbd38d); + } + + .sm\:hover\:text-colors-orange-400:hover { + color: var(--colors-orange-400, #f6ad55); + } + + .sm\:hover\:text-colors-orange-500:hover { + color: var(--colors-orange-500, #ed8936); + } + + .sm\:hover\:text-colors-orange-600:hover { + color: var(--colors-orange-600, #dd6b20); + } + + .sm\:hover\:text-colors-orange-700:hover { + color: var(--colors-orange-700, #c05621); + } + + .sm\:hover\:text-colors-orange-800:hover { + color: var(--colors-orange-800, #9c4221); + } + + .sm\:hover\:text-colors-orange-900:hover { + color: var(--colors-orange-900, #7b341e); + } + + .sm\:hover\:text-colors-yellow-100:hover { + color: var(--colors-yellow-100, #fffff0); + } + + .sm\:hover\:text-colors-yellow-200:hover { + color: var(--colors-yellow-200, #fefcbf); + } + + .sm\:hover\:text-colors-yellow-300:hover { + color: var(--colors-yellow-300, #faf089); + } + + .sm\:hover\:text-colors-yellow-400:hover { + color: var(--colors-yellow-400, #f6e05e); + } + + .sm\:hover\:text-colors-yellow-500:hover { + color: var(--colors-yellow-500, #ecc94b); + } + + .sm\:hover\:text-colors-yellow-600:hover { + color: var(--colors-yellow-600, #d69e2e); + } + + .sm\:hover\:text-colors-yellow-700:hover { + color: var(--colors-yellow-700, #b7791f); + } + + .sm\:hover\:text-colors-yellow-800:hover { + color: var(--colors-yellow-800, #975a16); + } + + .sm\:hover\:text-colors-yellow-900:hover { + color: var(--colors-yellow-900, #744210); + } + + .sm\:hover\:text-colors-green-100:hover { + color: var(--colors-green-100, #f0fff4); + } + + .sm\:hover\:text-colors-green-200:hover { + color: var(--colors-green-200, #c6f6d5); + } + + .sm\:hover\:text-colors-green-300:hover { + color: var(--colors-green-300, #9ae6b4); + } + + .sm\:hover\:text-colors-green-400:hover { + color: var(--colors-green-400, #68d391); + } + + .sm\:hover\:text-colors-green-500:hover { + color: var(--colors-green-500, #48bb78); + } + + .sm\:hover\:text-colors-green-600:hover { + color: var(--colors-green-600, #38a169); + } + + .sm\:hover\:text-colors-green-700:hover { + color: var(--colors-green-700, #2f855a); + } + + .sm\:hover\:text-colors-green-800:hover { + color: var(--colors-green-800, #276749); + } + + .sm\:hover\:text-colors-green-900:hover { + color: var(--colors-green-900, #22543d); + } + + .sm\:hover\:text-colors-teal-100:hover { + color: var(--colors-teal-100, #e6fffa); + } + + .sm\:hover\:text-colors-teal-200:hover { + color: var(--colors-teal-200, #b2f5ea); + } + + .sm\:hover\:text-colors-teal-300:hover { + color: var(--colors-teal-300, #81e6d9); + } + + .sm\:hover\:text-colors-teal-400:hover { + color: var(--colors-teal-400, #4fd1c5); + } + + .sm\:hover\:text-colors-teal-500:hover { + color: var(--colors-teal-500, #38b2ac); + } + + .sm\:hover\:text-colors-teal-600:hover { + color: var(--colors-teal-600, #319795); + } + + .sm\:hover\:text-colors-teal-700:hover { + color: var(--colors-teal-700, #2c7a7b); + } + + .sm\:hover\:text-colors-teal-800:hover { + color: var(--colors-teal-800, #285e61); + } + + .sm\:hover\:text-colors-teal-900:hover { + color: var(--colors-teal-900, #234e52); + } + + .sm\:hover\:text-colors-blue-100:hover { + color: var(--colors-blue-100, #ebf8ff); + } + + .sm\:hover\:text-colors-blue-200:hover { + color: var(--colors-blue-200, #bee3f8); + } + + .sm\:hover\:text-colors-blue-300:hover { + color: var(--colors-blue-300, #90cdf4); + } + + .sm\:hover\:text-colors-blue-400:hover { + color: var(--colors-blue-400, #63b3ed); + } + + .sm\:hover\:text-colors-blue-500:hover { + color: var(--colors-blue-500, #4299e1); + } + + .sm\:hover\:text-colors-blue-600:hover { + color: var(--colors-blue-600, #3182ce); + } + + .sm\:hover\:text-colors-blue-700:hover { + color: var(--colors-blue-700, #2b6cb0); + } + + .sm\:hover\:text-colors-blue-800:hover { + color: var(--colors-blue-800, #2c5282); + } + + .sm\:hover\:text-colors-blue-900:hover { + color: var(--colors-blue-900, #2a4365); + } + + .sm\:hover\:text-colors-indigo-100:hover { + color: var(--colors-indigo-100, #ebf4ff); + } + + .sm\:hover\:text-colors-indigo-200:hover { + color: var(--colors-indigo-200, #c3dafe); + } + + .sm\:hover\:text-colors-indigo-300:hover { + color: var(--colors-indigo-300, #a3bffa); + } + + .sm\:hover\:text-colors-indigo-400:hover { + color: var(--colors-indigo-400, #7f9cf5); + } + + .sm\:hover\:text-colors-indigo-500:hover { + color: var(--colors-indigo-500, #667eea); + } + + .sm\:hover\:text-colors-indigo-600:hover { + color: var(--colors-indigo-600, #5a67d8); + } + + .sm\:hover\:text-colors-indigo-700:hover { + color: var(--colors-indigo-700, #4c51bf); + } + + .sm\:hover\:text-colors-indigo-800:hover { + color: var(--colors-indigo-800, #434190); + } + + .sm\:hover\:text-colors-indigo-900:hover { + color: var(--colors-indigo-900, #3c366b); + } + + .sm\:hover\:text-colors-purple-100:hover { + color: var(--colors-purple-100, #faf5ff); + } + + .sm\:hover\:text-colors-purple-200:hover { + color: var(--colors-purple-200, #e9d8fd); + } + + .sm\:hover\:text-colors-purple-300:hover { + color: var(--colors-purple-300, #d6bcfa); + } + + .sm\:hover\:text-colors-purple-400:hover { + color: var(--colors-purple-400, #b794f4); + } + + .sm\:hover\:text-colors-purple-500:hover { + color: var(--colors-purple-500, #9f7aea); + } + + .sm\:hover\:text-colors-purple-600:hover { + color: var(--colors-purple-600, #805ad5); + } + + .sm\:hover\:text-colors-purple-700:hover { + color: var(--colors-purple-700, #6b46c1); + } + + .sm\:hover\:text-colors-purple-800:hover { + color: var(--colors-purple-800, #553c9a); + } + + .sm\:hover\:text-colors-purple-900:hover { + color: var(--colors-purple-900, #44337a); + } + + .sm\:hover\:text-colors-pink-100:hover { + color: var(--colors-pink-100, #fff5f7); + } + + .sm\:hover\:text-colors-pink-200:hover { + color: var(--colors-pink-200, #fed7e2); + } + + .sm\:hover\:text-colors-pink-300:hover { + color: var(--colors-pink-300, #fbb6ce); + } + + .sm\:hover\:text-colors-pink-400:hover { + color: var(--colors-pink-400, #f687b3); + } + + .sm\:hover\:text-colors-pink-500:hover { + color: var(--colors-pink-500, #ed64a6); + } + + .sm\:hover\:text-colors-pink-600:hover { + color: var(--colors-pink-600, #d53f8c); + } + + .sm\:hover\:text-colors-pink-700:hover { + color: var(--colors-pink-700, #b83280); + } + + .sm\:hover\:text-colors-pink-800:hover { + color: var(--colors-pink-800, #97266d); + } + + .sm\:hover\:text-colors-pink-900:hover { + color: var(--colors-pink-900, #702459); + } + + .sm\:hover\:text-Box\ Shadow:hover { + color: var(--box-shadow, #7f7e7f); + } + + .sm\:hover\:text-Error16:hover { + color: var(--error16, #f03d3e40); + } + + .sm\:hover\:text-Success16:hover { + color: var(--success16, #5bb14d40); + } + + .sm\:hover\:text-Notification16:hover { + color: var(--notification16, #3959ff40); + } + + .sm\:hover\:text-Error8:hover { + color: var(--error8, #f03d3e1a); + } + + .sm\:hover\:text-Notification8:hover { + color: var(--notification8, #3959ff1a); + } + + .sm\:hover\:text-Success8:hover { + color: var(--success8, #5bb14d1a); + } + + .sm\:hover\:text-Light\ -\ Overlay:hover { + color: var(--light-overlay, #f0edee66); + } + + .sm\:hover\:text-Dark-\ Overlay:hover { + color: var(--dark-overlay, #7f7e7f66); + } + + .sm\:hover\:text-black-40:hover { + color: var(--black-40, #00000066); + } + + .sm\:hover\:text-black-75:hover { + color: var(--black-75, #000000bf); + } + + .sm\:hover\:text-black-60:hover { + color: var(--black-60, #00000099); + } + + .sm\:hover\:text-black-50:hover { + color: var(--black-50, #00000080); + } + + .sm\:hover\:text-black-25:hover { + color: var(--black-25, #00000040); + } + + .sm\:hover\:text-black-10:hover { + color: var(--black-10, #0000001a); + } + + .sm\:hover\:text-white-25:hover { + color: var(--white-25, #ffffff40); + } + + .sm\:hover\:text-white-60:hover { + color: var(--white-60, #ffffff99); + } + + .sm\:hover\:text-black-64:hover { + color: var(--black-64, #000000a3); + } + + .sm\:hover\:text-Shadow\ and\ Highlight-Shadow:hover { + color: var(--shadow-and-highlight-shadow, #7f7e7f); + } + + .sm\:hover\:text-Shadow\ and\ Highlight-Highlight:hover { + color: var(--shadow-and-highlight-highlight, #474747); + } + + .sm\:hover\:text-Shadow\ and\ Highlight-highlight\ one:hover { + color: var(--shadow-and-highlight-highlight-one, #474747bf); + } + + .sm\:hover\:text-Shadow\ and\ Highlight-highlight\ two:hover { + color: var(--shadow-and-highlight-highlight-two, #47474799); + } + + .sm\:hover\:text-Shadow\ and\ Highlight-highlight\ three:hover { + color: var(--shadow-and-highlight-highlight-three, #47474766); + } + + .sm\:hover\:text-Shadow\ and\ Highlight-highlight\ five:hover { + color: var(--shadow-and-highlight-highlight-five, #4747471a); + } + + .sm\:hover\:text-Shadow\ and\ Highlight-shadow\ one:hover { + color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); + } + + .sm\:hover\:text-Shadow\ and\ Highlight-shadow\ two:hover { + color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); + } + + .sm\:hover\:text-Shadow\ and\ Highlight-shadow\ three:hover { + color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); + } + + .sm\:hover\:text-Shadow\ and\ Highlight-shadow\ four:hover { + color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); + } + + .sm\:hover\:text-Shadow\ and\ Highlight-shadow\ five:hover { + color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); + } + + .sm\:hover\:text-Shadow\ and\ Highlight-highlight\ four:hover { + color: var(--shadow-and-highlight-highlight-four, #47474740); + } + + .sm\:hover\:text-Base\ Layer\ Styles-Base\ Layer-\ Light-White:hover { + color: var(--base-layer-styles-base-layer-light-white, #ffffff); + } + + .sm\:hover\:text-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:hover { + color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); + } + + .sm\:hover\:text-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:hover { + color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); + } + + .sm\:hover\:text-Base\ Layer\ Styles-Base\ Layer-Dark-Black:hover { + color: var(--base-layer-styles-base-layer-dark-black, #000000); + } + + .sm\:hover\:text-Grey-Scale-white:hover { + color: var(--grey-scale-white, #ffffff); + } + + .sm\:hover\:text-Grey-Scale-off-white:hover { + color: var(--grey-scale-off-white, #f0edee); + } + + .sm\:hover\:text-Grey\ Scale-grey:hover { + color: var(--grey-scale-grey, #7f7e7f); + } + + .sm\:hover\:text-Grey\ Scale-charcoal:hover { + color: var(--grey-scale-charcoal, #474747); + } + + .sm\:hover\:text-Grey\ Scale-off-black:hover { + color: var(--grey-scale-off-black, #1c1c1c); + } + + .sm\:hover\:text-Grey\ Scale-black:hover { + color: var(--grey-scale-black, #000000); + } + + .sm\:hover\:text-Blue-blue:hover { + color: var(--blue-blue, #3a7ca5); + } + + .sm\:hover\:text-Blue-blue-100:hover { + color: var(--blue-blue-100, #75a3c0); + } + + .sm\:hover\:text-Blue-blue-200:hover { + color: var(--blue-blue-200, #9cbed2); + } + + .sm\:hover\:text-Blue-blue-300:hover { + color: var(--blue-blue-300, #4f7d9a); + } + + .sm\:hover\:text-Blue-blue-400:hover { + color: var(--blue-blue-400, #5c7d92); + } + + .sm\:hover\:text-Blue-blue-500:hover { + color: var(--blue-blue-500, #347095); + } + + .sm\:hover\:text-Blue-blue-600:hover { + color: var(--blue-blue-600, #295774); + } + + .sm\:hover\:text-Blue-blue-700:hover { + color: var(--blue-blue-700, #173242); + } + + .sm\:hover\:text-LightBlue-lightblue:hover { + color: var(--light-blue-lightblue, #81c3d7); + } + + .sm\:hover\:text-LightBlue-lightblue-100:hover { + color: var(--light-blue-lightblue-100, #a7d5e3); + } + + .sm\:hover\:text-LightBlue-lightblue-200:hover { + color: var(--light-blue-lightblue-200, #c0e1eb); + } + + .sm\:hover\:text-LightBlue-lightblue-300:hover { + color: var(--light-blue-lightblue-300, #80aebd); + } + + .sm\:hover\:text-LightBlue-lightblue-400:hover { + color: var(--light-blue-lightblue-400, #80a0ab); + } + + .sm\:hover\:text-LightBlue-lightblue-500:hover { + color: var(--light-blue-lightblue-500, #74afc1); + } + + .sm\:hover\:text-LightBlue-lightblue-600:hover { + color: var(--light-blue-lightblue-600, #5a8997); + } + + .sm\:hover\:text-LightBlue-lightblue-650:hover { + color: var(--light-blue-lightblue-650, #3e5e65); + } + + .sm\:hover\:text-LightBlue-lightblue-700:hover { + color: var(--light-blue-lightblue-700, #344e56); + } + + .sm\:hover\:text-Orange-orange:hover { + color: var(--orange-orange, #ff7f0e); + } + + .sm\:hover\:text-Orange-orange-100:hover { + color: var(--orange-orange-100, #ffa556); + } + + .sm\:hover\:text-Orange-orange-200:hover { + color: var(--orange-orange-200, #ffbf86); + } + + .sm\:hover\:text-Orange-orange-300:hover { + color: var(--orange-orange-300, #d97f30); + } + + .sm\:hover\:text-Orange-orange-400:hover { + color: var(--orange-orange-400, #bf7e46); + } + + .sm\:hover\:text-Orange-orange-500:hover { + color: var(--orange-orange-500, #e5720d); + } + + .sm\:hover\:text-Orange-orange-600:hover { + color: var(--orange-orange-600, #b3590a); + } + + .sm\:hover\:text-Orange-orange-700:hover { + color: var(--orange-orange-700, #663306); + } + + .sm\:hover\:text-Yellow-yellow:hover { + color: var(--yellow-yellow, #ffab00); + } + + .sm\:hover\:text-Yellow-yellow-100:hover { + color: var(--yellow-yellow-100, #ffc44c); + } + + .sm\:hover\:text-Yellow-yellow-200:hover { + color: var(--yellow-yellow-200, #ffd580); + } + + .sm\:hover\:text-Yellow-yellow-300:hover { + color: var(--yellow-yellow-300, #d99d26); + } + + .sm\:hover\:text-Yellow-yellow-400:hover { + color: var(--yellow-yellow-400, #bf943f); + } + + .sm\:hover\:text-Yellow-yellow-500:hover { + color: var(--yellow-yellow-500, #e59a00); + } + + .sm\:hover\:text-Yellow-yellow-600:hover { + color: var(--yellow-yellow-600, #b37800); + } + + .sm\:hover\:text-Yellow-yellow-700:hover { + color: var(--yellow-yellow-700, #664400); + } + + .sm\:hover\:text-Notification-notification:hover { + color: var(--notification-notification, #3959ff); + } + + .sm\:hover\:text-Notification-notification-100:hover { + color: var(--notification-notification-100, #748bff); + } + + .sm\:hover\:text-Notification-notification-200:hover { + color: var(--notification-notification-200, #9cacff); + } + + .sm\:hover\:text-Notification-notification-300:hover { + color: var(--notification-notification-300, #4e64d9); + } + + .sm\:hover\:text-Notification-notification-400:hover { + color: var(--notification-notification-400, #5c6cbf); + } + + .sm\:hover\:text-Notification-notification-500:hover { + color: var(--notification-notification-500, #3350e5); + } + + .sm\:hover\:text-Notification-notification-600:hover { + color: var(--notification-notification-600, #283eb3); + } + + .sm\:hover\:text-Notification-notification-700:hover { + color: var(--notification-notification-700, #172466); + } + + .sm\:hover\:text-Success-success\ -700:hover { + color: var(--success-success-700, #24471f); + } + + .sm\:hover\:text-Success-success:hover { + color: var(--success-success, #5bb14d); + } + + .sm\:hover\:text-Success-success\ -100:hover { + color: var(--success-success-100, #8cc882); + } + + .sm\:hover\:text-Success-success\ -200:hover { + color: var(--success-success-200, #add8a6); + } + + .sm\:hover\:text-Success-success\ -300:hover { + color: var(--success-success-300, #66a25c); + } + + .sm\:hover\:text-Success-success\ -400:hover { + color: var(--success-success-400, #6d9766); + } + + .sm\:hover\:text-Success-success\ -500:hover { + color: var(--success-success-500, #529f45); + } + + .sm\:hover\:text-Success-success\ -600:hover { + color: var(--success-success-600, #407c36); + } + + .sm\:hover\:text-Error-error:hover { + color: var(--error-error, #f03d3e); + } + + .sm\:hover\:text-Error-error-100:hover { + color: var(--error-error-100, #f57778); + } + + .sm\:hover\:text-Error-error-200:hover { + color: var(--error-error-200, #f89e9e); + } + + .sm\:hover\:text-Error-error-250:hover { + color: var(--error-error-250, #f9c8c8); + } + + .sm\:hover\:text-Error-error-300:hover { + color: var(--error-error-300, #ce5151); + } + + .sm\:hover\:text-Error-error-400:hover { + color: var(--error-error-400, #b85e5e); + } + + .sm\:hover\:text-Error-error-500:hover { + color: var(--error-error-500, #d83738); + } + + .sm\:hover\:text-Error-error-600:hover { + color: var(--error-error-600, #a82b2b); + } + + .sm\:hover\:text-Error-error-700:hover { + color: var(--error-error-700, #601819); + } + + .sm\:focus\:text-colors-black:focus { + color: var(--colors-black, #000000); + } + + .sm\:focus\:text-colors-white:focus { + color: var(--colors-white, #ffffff); + } + + .sm\:focus\:text-colors-gray-100:focus { + color: var(--colors-gray-100, #f7fafc); + } + + .sm\:focus\:text-colors-gray-200:focus { + color: var(--colors-gray-200, #edf2f7); + } + + .sm\:focus\:text-colors-gray-300:focus { + color: var(--colors-gray-300, #e2e8f0); + } + + .sm\:focus\:text-colors-gray-400:focus { + color: var(--colors-gray-400, #cbd5e0); + } + + .sm\:focus\:text-colors-gray-500:focus { + color: var(--colors-gray-500, #a0aec0); + } + + .sm\:focus\:text-colors-gray-600:focus { + color: var(--colors-gray-600, #718096); + } + + .sm\:focus\:text-colors-gray-700:focus { + color: var(--colors-gray-700, #4a5568); + } + + .sm\:focus\:text-colors-gray-800:focus { + color: var(--colors-gray-800, #2d3748); + } + + .sm\:focus\:text-colors-gray-900:focus { + color: var(--colors-gray-900, #1a202c); + } + + .sm\:focus\:text-colors-red-100:focus { + color: var(--colors-red-100, #fff5f5); + } + + .sm\:focus\:text-colors-red-200:focus { + color: var(--colors-red-200, #fed7d7); + } + + .sm\:focus\:text-colors-red-300:focus { + color: var(--colors-red-300, #feb2b2); + } + + .sm\:focus\:text-colors-red-400:focus { + color: var(--colors-red-400, #fc8181); + } + + .sm\:focus\:text-colors-red-500:focus { + color: var(--colors-red-500, #f56565); + } + + .sm\:focus\:text-colors-red-600:focus { + color: var(--colors-red-600, #e53e3e); + } + + .sm\:focus\:text-colors-red-700:focus { + color: var(--colors-red-700, #c53030); + } + + .sm\:focus\:text-colors-red-800:focus { + color: var(--colors-red-800, #9b2c2c); + } + + .sm\:focus\:text-colors-red-900:focus { + color: var(--colors-red-900, #742a2a); + } + + .sm\:focus\:text-colors-orange-100:focus { + color: var(--colors-orange-100, #fffaf0); + } + + .sm\:focus\:text-colors-orange-200:focus { + color: var(--colors-orange-200, #feebc8); + } + + .sm\:focus\:text-colors-orange-300:focus { + color: var(--colors-orange-300, #fbd38d); + } + + .sm\:focus\:text-colors-orange-400:focus { + color: var(--colors-orange-400, #f6ad55); + } + + .sm\:focus\:text-colors-orange-500:focus { + color: var(--colors-orange-500, #ed8936); + } + + .sm\:focus\:text-colors-orange-600:focus { + color: var(--colors-orange-600, #dd6b20); + } + + .sm\:focus\:text-colors-orange-700:focus { + color: var(--colors-orange-700, #c05621); + } + + .sm\:focus\:text-colors-orange-800:focus { + color: var(--colors-orange-800, #9c4221); + } + + .sm\:focus\:text-colors-orange-900:focus { + color: var(--colors-orange-900, #7b341e); + } + + .sm\:focus\:text-colors-yellow-100:focus { + color: var(--colors-yellow-100, #fffff0); + } + + .sm\:focus\:text-colors-yellow-200:focus { + color: var(--colors-yellow-200, #fefcbf); + } + + .sm\:focus\:text-colors-yellow-300:focus { + color: var(--colors-yellow-300, #faf089); + } + + .sm\:focus\:text-colors-yellow-400:focus { + color: var(--colors-yellow-400, #f6e05e); + } + + .sm\:focus\:text-colors-yellow-500:focus { + color: var(--colors-yellow-500, #ecc94b); + } + + .sm\:focus\:text-colors-yellow-600:focus { + color: var(--colors-yellow-600, #d69e2e); + } + + .sm\:focus\:text-colors-yellow-700:focus { + color: var(--colors-yellow-700, #b7791f); + } + + .sm\:focus\:text-colors-yellow-800:focus { + color: var(--colors-yellow-800, #975a16); + } + + .sm\:focus\:text-colors-yellow-900:focus { + color: var(--colors-yellow-900, #744210); + } + + .sm\:focus\:text-colors-green-100:focus { + color: var(--colors-green-100, #f0fff4); + } + + .sm\:focus\:text-colors-green-200:focus { + color: var(--colors-green-200, #c6f6d5); + } + + .sm\:focus\:text-colors-green-300:focus { + color: var(--colors-green-300, #9ae6b4); + } + + .sm\:focus\:text-colors-green-400:focus { + color: var(--colors-green-400, #68d391); + } + + .sm\:focus\:text-colors-green-500:focus { + color: var(--colors-green-500, #48bb78); + } + + .sm\:focus\:text-colors-green-600:focus { + color: var(--colors-green-600, #38a169); + } + + .sm\:focus\:text-colors-green-700:focus { + color: var(--colors-green-700, #2f855a); + } + + .sm\:focus\:text-colors-green-800:focus { + color: var(--colors-green-800, #276749); + } + + .sm\:focus\:text-colors-green-900:focus { + color: var(--colors-green-900, #22543d); + } + + .sm\:focus\:text-colors-teal-100:focus { + color: var(--colors-teal-100, #e6fffa); + } + + .sm\:focus\:text-colors-teal-200:focus { + color: var(--colors-teal-200, #b2f5ea); + } + + .sm\:focus\:text-colors-teal-300:focus { + color: var(--colors-teal-300, #81e6d9); + } + + .sm\:focus\:text-colors-teal-400:focus { + color: var(--colors-teal-400, #4fd1c5); + } + + .sm\:focus\:text-colors-teal-500:focus { + color: var(--colors-teal-500, #38b2ac); + } + + .sm\:focus\:text-colors-teal-600:focus { + color: var(--colors-teal-600, #319795); + } + + .sm\:focus\:text-colors-teal-700:focus { + color: var(--colors-teal-700, #2c7a7b); + } + + .sm\:focus\:text-colors-teal-800:focus { + color: var(--colors-teal-800, #285e61); + } + + .sm\:focus\:text-colors-teal-900:focus { + color: var(--colors-teal-900, #234e52); + } + + .sm\:focus\:text-colors-blue-100:focus { + color: var(--colors-blue-100, #ebf8ff); + } + + .sm\:focus\:text-colors-blue-200:focus { + color: var(--colors-blue-200, #bee3f8); + } + + .sm\:focus\:text-colors-blue-300:focus { + color: var(--colors-blue-300, #90cdf4); + } + + .sm\:focus\:text-colors-blue-400:focus { + color: var(--colors-blue-400, #63b3ed); + } + + .sm\:focus\:text-colors-blue-500:focus { + color: var(--colors-blue-500, #4299e1); + } + + .sm\:focus\:text-colors-blue-600:focus { + color: var(--colors-blue-600, #3182ce); + } + + .sm\:focus\:text-colors-blue-700:focus { + color: var(--colors-blue-700, #2b6cb0); + } + + .sm\:focus\:text-colors-blue-800:focus { + color: var(--colors-blue-800, #2c5282); + } + + .sm\:focus\:text-colors-blue-900:focus { + color: var(--colors-blue-900, #2a4365); + } + + .sm\:focus\:text-colors-indigo-100:focus { + color: var(--colors-indigo-100, #ebf4ff); + } + + .sm\:focus\:text-colors-indigo-200:focus { + color: var(--colors-indigo-200, #c3dafe); + } + + .sm\:focus\:text-colors-indigo-300:focus { + color: var(--colors-indigo-300, #a3bffa); + } + + .sm\:focus\:text-colors-indigo-400:focus { + color: var(--colors-indigo-400, #7f9cf5); + } + + .sm\:focus\:text-colors-indigo-500:focus { + color: var(--colors-indigo-500, #667eea); + } + + .sm\:focus\:text-colors-indigo-600:focus { + color: var(--colors-indigo-600, #5a67d8); + } + + .sm\:focus\:text-colors-indigo-700:focus { + color: var(--colors-indigo-700, #4c51bf); + } + + .sm\:focus\:text-colors-indigo-800:focus { + color: var(--colors-indigo-800, #434190); + } + + .sm\:focus\:text-colors-indigo-900:focus { + color: var(--colors-indigo-900, #3c366b); + } + + .sm\:focus\:text-colors-purple-100:focus { + color: var(--colors-purple-100, #faf5ff); + } + + .sm\:focus\:text-colors-purple-200:focus { + color: var(--colors-purple-200, #e9d8fd); + } + + .sm\:focus\:text-colors-purple-300:focus { + color: var(--colors-purple-300, #d6bcfa); + } + + .sm\:focus\:text-colors-purple-400:focus { + color: var(--colors-purple-400, #b794f4); + } + + .sm\:focus\:text-colors-purple-500:focus { + color: var(--colors-purple-500, #9f7aea); + } + + .sm\:focus\:text-colors-purple-600:focus { + color: var(--colors-purple-600, #805ad5); + } + + .sm\:focus\:text-colors-purple-700:focus { + color: var(--colors-purple-700, #6b46c1); + } + + .sm\:focus\:text-colors-purple-800:focus { + color: var(--colors-purple-800, #553c9a); + } + + .sm\:focus\:text-colors-purple-900:focus { + color: var(--colors-purple-900, #44337a); + } + + .sm\:focus\:text-colors-pink-100:focus { + color: var(--colors-pink-100, #fff5f7); + } + + .sm\:focus\:text-colors-pink-200:focus { + color: var(--colors-pink-200, #fed7e2); + } + + .sm\:focus\:text-colors-pink-300:focus { + color: var(--colors-pink-300, #fbb6ce); + } + + .sm\:focus\:text-colors-pink-400:focus { + color: var(--colors-pink-400, #f687b3); + } + + .sm\:focus\:text-colors-pink-500:focus { + color: var(--colors-pink-500, #ed64a6); + } + + .sm\:focus\:text-colors-pink-600:focus { + color: var(--colors-pink-600, #d53f8c); + } + + .sm\:focus\:text-colors-pink-700:focus { + color: var(--colors-pink-700, #b83280); + } + + .sm\:focus\:text-colors-pink-800:focus { + color: var(--colors-pink-800, #97266d); + } + + .sm\:focus\:text-colors-pink-900:focus { + color: var(--colors-pink-900, #702459); + } + + .sm\:focus\:text-Box\ Shadow:focus { + color: var(--box-shadow, #7f7e7f); + } + + .sm\:focus\:text-Error16:focus { + color: var(--error16, #f03d3e40); + } + + .sm\:focus\:text-Success16:focus { + color: var(--success16, #5bb14d40); + } + + .sm\:focus\:text-Notification16:focus { + color: var(--notification16, #3959ff40); + } + + .sm\:focus\:text-Error8:focus { + color: var(--error8, #f03d3e1a); + } + + .sm\:focus\:text-Notification8:focus { + color: var(--notification8, #3959ff1a); + } + + .sm\:focus\:text-Success8:focus { + color: var(--success8, #5bb14d1a); + } + + .sm\:focus\:text-Light\ -\ Overlay:focus { + color: var(--light-overlay, #f0edee66); + } + + .sm\:focus\:text-Dark-\ Overlay:focus { + color: var(--dark-overlay, #7f7e7f66); + } + + .sm\:focus\:text-black-40:focus { + color: var(--black-40, #00000066); + } + + .sm\:focus\:text-black-75:focus { + color: var(--black-75, #000000bf); + } + + .sm\:focus\:text-black-60:focus { + color: var(--black-60, #00000099); + } + + .sm\:focus\:text-black-50:focus { + color: var(--black-50, #00000080); + } + + .sm\:focus\:text-black-25:focus { + color: var(--black-25, #00000040); + } + + .sm\:focus\:text-black-10:focus { + color: var(--black-10, #0000001a); + } + + .sm\:focus\:text-white-25:focus { + color: var(--white-25, #ffffff40); + } + + .sm\:focus\:text-white-60:focus { + color: var(--white-60, #ffffff99); + } + + .sm\:focus\:text-black-64:focus { + color: var(--black-64, #000000a3); + } + + .sm\:focus\:text-Shadow\ and\ Highlight-Shadow:focus { + color: var(--shadow-and-highlight-shadow, #7f7e7f); + } + + .sm\:focus\:text-Shadow\ and\ Highlight-Highlight:focus { + color: var(--shadow-and-highlight-highlight, #474747); + } + + .sm\:focus\:text-Shadow\ and\ Highlight-highlight\ one:focus { + color: var(--shadow-and-highlight-highlight-one, #474747bf); + } + + .sm\:focus\:text-Shadow\ and\ Highlight-highlight\ two:focus { + color: var(--shadow-and-highlight-highlight-two, #47474799); + } + + .sm\:focus\:text-Shadow\ and\ Highlight-highlight\ three:focus { + color: var(--shadow-and-highlight-highlight-three, #47474766); + } + + .sm\:focus\:text-Shadow\ and\ Highlight-highlight\ five:focus { + color: var(--shadow-and-highlight-highlight-five, #4747471a); + } + + .sm\:focus\:text-Shadow\ and\ Highlight-shadow\ one:focus { + color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); + } + + .sm\:focus\:text-Shadow\ and\ Highlight-shadow\ two:focus { + color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); + } + + .sm\:focus\:text-Shadow\ and\ Highlight-shadow\ three:focus { + color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); + } + + .sm\:focus\:text-Shadow\ and\ Highlight-shadow\ four:focus { + color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); + } + + .sm\:focus\:text-Shadow\ and\ Highlight-shadow\ five:focus { + color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); + } + + .sm\:focus\:text-Shadow\ and\ Highlight-highlight\ four:focus { + color: var(--shadow-and-highlight-highlight-four, #47474740); + } + + .sm\:focus\:text-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus { + color: var(--base-layer-styles-base-layer-light-white, #ffffff); + } + + .sm\:focus\:text-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus { + color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); + } + + .sm\:focus\:text-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus { + color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); + } + + .sm\:focus\:text-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus { + color: var(--base-layer-styles-base-layer-dark-black, #000000); + } + + .sm\:focus\:text-Grey-Scale-white:focus { + color: var(--grey-scale-white, #ffffff); + } + + .sm\:focus\:text-Grey-Scale-off-white:focus { + color: var(--grey-scale-off-white, #f0edee); + } + + .sm\:focus\:text-Grey\ Scale-grey:focus { + color: var(--grey-scale-grey, #7f7e7f); + } + + .sm\:focus\:text-Grey\ Scale-charcoal:focus { + color: var(--grey-scale-charcoal, #474747); + } + + .sm\:focus\:text-Grey\ Scale-off-black:focus { + color: var(--grey-scale-off-black, #1c1c1c); + } + + .sm\:focus\:text-Grey\ Scale-black:focus { + color: var(--grey-scale-black, #000000); + } + + .sm\:focus\:text-Blue-blue:focus { + color: var(--blue-blue, #3a7ca5); + } + + .sm\:focus\:text-Blue-blue-100:focus { + color: var(--blue-blue-100, #75a3c0); + } + + .sm\:focus\:text-Blue-blue-200:focus { + color: var(--blue-blue-200, #9cbed2); + } + + .sm\:focus\:text-Blue-blue-300:focus { + color: var(--blue-blue-300, #4f7d9a); + } + + .sm\:focus\:text-Blue-blue-400:focus { + color: var(--blue-blue-400, #5c7d92); + } + + .sm\:focus\:text-Blue-blue-500:focus { + color: var(--blue-blue-500, #347095); + } + + .sm\:focus\:text-Blue-blue-600:focus { + color: var(--blue-blue-600, #295774); + } + + .sm\:focus\:text-Blue-blue-700:focus { + color: var(--blue-blue-700, #173242); + } + + .sm\:focus\:text-LightBlue-lightblue:focus { + color: var(--light-blue-lightblue, #81c3d7); + } + + .sm\:focus\:text-LightBlue-lightblue-100:focus { + color: var(--light-blue-lightblue-100, #a7d5e3); + } + + .sm\:focus\:text-LightBlue-lightblue-200:focus { + color: var(--light-blue-lightblue-200, #c0e1eb); + } + + .sm\:focus\:text-LightBlue-lightblue-300:focus { + color: var(--light-blue-lightblue-300, #80aebd); + } + + .sm\:focus\:text-LightBlue-lightblue-400:focus { + color: var(--light-blue-lightblue-400, #80a0ab); + } + + .sm\:focus\:text-LightBlue-lightblue-500:focus { + color: var(--light-blue-lightblue-500, #74afc1); + } + + .sm\:focus\:text-LightBlue-lightblue-600:focus { + color: var(--light-blue-lightblue-600, #5a8997); + } + + .sm\:focus\:text-LightBlue-lightblue-650:focus { + color: var(--light-blue-lightblue-650, #3e5e65); + } + + .sm\:focus\:text-LightBlue-lightblue-700:focus { + color: var(--light-blue-lightblue-700, #344e56); + } + + .sm\:focus\:text-Orange-orange:focus { + color: var(--orange-orange, #ff7f0e); + } + + .sm\:focus\:text-Orange-orange-100:focus { + color: var(--orange-orange-100, #ffa556); + } + + .sm\:focus\:text-Orange-orange-200:focus { + color: var(--orange-orange-200, #ffbf86); + } + + .sm\:focus\:text-Orange-orange-300:focus { + color: var(--orange-orange-300, #d97f30); + } + + .sm\:focus\:text-Orange-orange-400:focus { + color: var(--orange-orange-400, #bf7e46); + } + + .sm\:focus\:text-Orange-orange-500:focus { + color: var(--orange-orange-500, #e5720d); + } + + .sm\:focus\:text-Orange-orange-600:focus { + color: var(--orange-orange-600, #b3590a); + } + + .sm\:focus\:text-Orange-orange-700:focus { + color: var(--orange-orange-700, #663306); + } + + .sm\:focus\:text-Yellow-yellow:focus { + color: var(--yellow-yellow, #ffab00); + } + + .sm\:focus\:text-Yellow-yellow-100:focus { + color: var(--yellow-yellow-100, #ffc44c); + } + + .sm\:focus\:text-Yellow-yellow-200:focus { + color: var(--yellow-yellow-200, #ffd580); + } + + .sm\:focus\:text-Yellow-yellow-300:focus { + color: var(--yellow-yellow-300, #d99d26); + } + + .sm\:focus\:text-Yellow-yellow-400:focus { + color: var(--yellow-yellow-400, #bf943f); + } + + .sm\:focus\:text-Yellow-yellow-500:focus { + color: var(--yellow-yellow-500, #e59a00); + } + + .sm\:focus\:text-Yellow-yellow-600:focus { + color: var(--yellow-yellow-600, #b37800); + } + + .sm\:focus\:text-Yellow-yellow-700:focus { + color: var(--yellow-yellow-700, #664400); + } + + .sm\:focus\:text-Notification-notification:focus { + color: var(--notification-notification, #3959ff); + } + + .sm\:focus\:text-Notification-notification-100:focus { + color: var(--notification-notification-100, #748bff); + } + + .sm\:focus\:text-Notification-notification-200:focus { + color: var(--notification-notification-200, #9cacff); + } + + .sm\:focus\:text-Notification-notification-300:focus { + color: var(--notification-notification-300, #4e64d9); + } + + .sm\:focus\:text-Notification-notification-400:focus { + color: var(--notification-notification-400, #5c6cbf); + } + + .sm\:focus\:text-Notification-notification-500:focus { + color: var(--notification-notification-500, #3350e5); + } + + .sm\:focus\:text-Notification-notification-600:focus { + color: var(--notification-notification-600, #283eb3); + } + + .sm\:focus\:text-Notification-notification-700:focus { + color: var(--notification-notification-700, #172466); + } + + .sm\:focus\:text-Success-success\ -700:focus { + color: var(--success-success-700, #24471f); + } + + .sm\:focus\:text-Success-success:focus { + color: var(--success-success, #5bb14d); + } + + .sm\:focus\:text-Success-success\ -100:focus { + color: var(--success-success-100, #8cc882); + } + + .sm\:focus\:text-Success-success\ -200:focus { + color: var(--success-success-200, #add8a6); + } + + .sm\:focus\:text-Success-success\ -300:focus { + color: var(--success-success-300, #66a25c); + } + + .sm\:focus\:text-Success-success\ -400:focus { + color: var(--success-success-400, #6d9766); + } + + .sm\:focus\:text-Success-success\ -500:focus { + color: var(--success-success-500, #529f45); + } + + .sm\:focus\:text-Success-success\ -600:focus { + color: var(--success-success-600, #407c36); + } + + .sm\:focus\:text-Error-error:focus { + color: var(--error-error, #f03d3e); + } + + .sm\:focus\:text-Error-error-100:focus { + color: var(--error-error-100, #f57778); + } + + .sm\:focus\:text-Error-error-200:focus { + color: var(--error-error-200, #f89e9e); + } + + .sm\:focus\:text-Error-error-250:focus { + color: var(--error-error-250, #f9c8c8); + } + + .sm\:focus\:text-Error-error-300:focus { + color: var(--error-error-300, #ce5151); + } + + .sm\:focus\:text-Error-error-400:focus { + color: var(--error-error-400, #b85e5e); + } + + .sm\:focus\:text-Error-error-500:focus { + color: var(--error-error-500, #d83738); + } + + .sm\:focus\:text-Error-error-600:focus { + color: var(--error-error-600, #a82b2b); + } + + .sm\:focus\:text-Error-error-700:focus { + color: var(--error-error-700, #601819); + } + + .sm\:text-opacity-0 { + --tw-text-opacity: 0; + } + + .sm\:text-opacity-5 { + --tw-text-opacity: 0.05; + } + + .sm\:text-opacity-10 { + --tw-text-opacity: 0.1; + } + + .sm\:text-opacity-20 { + --tw-text-opacity: 0.2; + } + + .sm\:text-opacity-25 { + --tw-text-opacity: 0.25; + } + + .sm\:text-opacity-30 { + --tw-text-opacity: 0.3; + } + + .sm\:text-opacity-40 { + --tw-text-opacity: 0.4; + } + + .sm\:text-opacity-50 { + --tw-text-opacity: 0.5; + } + + .sm\:text-opacity-60 { + --tw-text-opacity: 0.6; + } + + .sm\:text-opacity-70 { + --tw-text-opacity: 0.7; + } + + .sm\:text-opacity-75 { + --tw-text-opacity: 0.75; + } + + .sm\:text-opacity-80 { + --tw-text-opacity: 0.8; + } + + .sm\:text-opacity-90 { + --tw-text-opacity: 0.9; + } + + .sm\:text-opacity-95 { + --tw-text-opacity: 0.95; + } + + .sm\:text-opacity-100 { + --tw-text-opacity: 1; + } + + .group:hover .sm\:group-hover\:text-opacity-0 { + --tw-text-opacity: 0; + } + + .group:hover .sm\:group-hover\:text-opacity-5 { + --tw-text-opacity: 0.05; + } + + .group:hover .sm\:group-hover\:text-opacity-10 { + --tw-text-opacity: 0.1; + } + + .group:hover .sm\:group-hover\:text-opacity-20 { + --tw-text-opacity: 0.2; + } + + .group:hover .sm\:group-hover\:text-opacity-25 { + --tw-text-opacity: 0.25; + } + + .group:hover .sm\:group-hover\:text-opacity-30 { + --tw-text-opacity: 0.3; + } + + .group:hover .sm\:group-hover\:text-opacity-40 { + --tw-text-opacity: 0.4; + } + + .group:hover .sm\:group-hover\:text-opacity-50 { + --tw-text-opacity: 0.5; + } + + .group:hover .sm\:group-hover\:text-opacity-60 { + --tw-text-opacity: 0.6; + } + + .group:hover .sm\:group-hover\:text-opacity-70 { + --tw-text-opacity: 0.7; + } + + .group:hover .sm\:group-hover\:text-opacity-75 { + --tw-text-opacity: 0.75; + } + + .group:hover .sm\:group-hover\:text-opacity-80 { + --tw-text-opacity: 0.8; + } + + .group:hover .sm\:group-hover\:text-opacity-90 { + --tw-text-opacity: 0.9; + } + + .group:hover .sm\:group-hover\:text-opacity-95 { + --tw-text-opacity: 0.95; + } + + .group:hover .sm\:group-hover\:text-opacity-100 { + --tw-text-opacity: 1; + } + + .sm\:focus-within\:text-opacity-0:focus-within { + --tw-text-opacity: 0; + } + + .sm\:focus-within\:text-opacity-5:focus-within { + --tw-text-opacity: 0.05; + } + + .sm\:focus-within\:text-opacity-10:focus-within { + --tw-text-opacity: 0.1; + } + + .sm\:focus-within\:text-opacity-20:focus-within { + --tw-text-opacity: 0.2; + } + + .sm\:focus-within\:text-opacity-25:focus-within { + --tw-text-opacity: 0.25; + } + + .sm\:focus-within\:text-opacity-30:focus-within { + --tw-text-opacity: 0.3; + } + + .sm\:focus-within\:text-opacity-40:focus-within { + --tw-text-opacity: 0.4; + } + + .sm\:focus-within\:text-opacity-50:focus-within { + --tw-text-opacity: 0.5; + } + + .sm\:focus-within\:text-opacity-60:focus-within { + --tw-text-opacity: 0.6; + } + + .sm\:focus-within\:text-opacity-70:focus-within { + --tw-text-opacity: 0.7; + } + + .sm\:focus-within\:text-opacity-75:focus-within { + --tw-text-opacity: 0.75; + } + + .sm\:focus-within\:text-opacity-80:focus-within { + --tw-text-opacity: 0.8; + } + + .sm\:focus-within\:text-opacity-90:focus-within { + --tw-text-opacity: 0.9; + } + + .sm\:focus-within\:text-opacity-95:focus-within { + --tw-text-opacity: 0.95; + } + + .sm\:focus-within\:text-opacity-100:focus-within { + --tw-text-opacity: 1; + } + + .sm\:hover\:text-opacity-0:hover { + --tw-text-opacity: 0; + } + + .sm\:hover\:text-opacity-5:hover { + --tw-text-opacity: 0.05; + } + + .sm\:hover\:text-opacity-10:hover { + --tw-text-opacity: 0.1; + } + + .sm\:hover\:text-opacity-20:hover { + --tw-text-opacity: 0.2; + } + + .sm\:hover\:text-opacity-25:hover { + --tw-text-opacity: 0.25; + } + + .sm\:hover\:text-opacity-30:hover { + --tw-text-opacity: 0.3; + } + + .sm\:hover\:text-opacity-40:hover { + --tw-text-opacity: 0.4; + } + + .sm\:hover\:text-opacity-50:hover { + --tw-text-opacity: 0.5; + } + + .sm\:hover\:text-opacity-60:hover { + --tw-text-opacity: 0.6; + } + + .sm\:hover\:text-opacity-70:hover { + --tw-text-opacity: 0.7; + } + + .sm\:hover\:text-opacity-75:hover { + --tw-text-opacity: 0.75; + } + + .sm\:hover\:text-opacity-80:hover { + --tw-text-opacity: 0.8; + } + + .sm\:hover\:text-opacity-90:hover { + --tw-text-opacity: 0.9; + } + + .sm\:hover\:text-opacity-95:hover { + --tw-text-opacity: 0.95; + } + + .sm\:hover\:text-opacity-100:hover { + --tw-text-opacity: 1; + } + + .sm\:focus\:text-opacity-0:focus { + --tw-text-opacity: 0; + } + + .sm\:focus\:text-opacity-5:focus { + --tw-text-opacity: 0.05; + } + + .sm\:focus\:text-opacity-10:focus { + --tw-text-opacity: 0.1; + } + + .sm\:focus\:text-opacity-20:focus { + --tw-text-opacity: 0.2; + } + + .sm\:focus\:text-opacity-25:focus { + --tw-text-opacity: 0.25; + } + + .sm\:focus\:text-opacity-30:focus { + --tw-text-opacity: 0.3; + } + + .sm\:focus\:text-opacity-40:focus { + --tw-text-opacity: 0.4; + } + + .sm\:focus\:text-opacity-50:focus { + --tw-text-opacity: 0.5; + } + + .sm\:focus\:text-opacity-60:focus { + --tw-text-opacity: 0.6; + } + + .sm\:focus\:text-opacity-70:focus { + --tw-text-opacity: 0.7; + } + + .sm\:focus\:text-opacity-75:focus { + --tw-text-opacity: 0.75; + } + + .sm\:focus\:text-opacity-80:focus { + --tw-text-opacity: 0.8; + } + + .sm\:focus\:text-opacity-90:focus { + --tw-text-opacity: 0.9; + } + + .sm\:focus\:text-opacity-95:focus { + --tw-text-opacity: 0.95; + } + + .sm\:focus\:text-opacity-100:focus { + --tw-text-opacity: 1; + } + + .sm\:underline { + text-decoration: underline; + } + + .sm\:line-through { + text-decoration: line-through; + } + + .sm\:no-underline { + text-decoration: none; + } + + .group:hover .sm\:group-hover\:underline { + text-decoration: underline; + } + + .group:hover .sm\:group-hover\:line-through { + text-decoration: line-through; + } + + .group:hover .sm\:group-hover\:no-underline { + text-decoration: none; + } + + .sm\:focus-within\:underline:focus-within { + text-decoration: underline; + } + + .sm\:focus-within\:line-through:focus-within { + text-decoration: line-through; + } + + .sm\:focus-within\:no-underline:focus-within { + text-decoration: none; + } + + .sm\:hover\:underline:hover { + text-decoration: underline; + } + + .sm\:hover\:line-through:hover { + text-decoration: line-through; + } + + .sm\:hover\:no-underline:hover { + text-decoration: none; + } + + .sm\:focus\:underline:focus { + text-decoration: underline; + } + + .sm\:focus\:line-through:focus { + text-decoration: line-through; + } + + .sm\:focus\:no-underline:focus { + text-decoration: none; + } + + .sm\:antialiased { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + } + + .sm\:subpixel-antialiased { + -webkit-font-smoothing: auto; + -moz-osx-font-smoothing: auto; + } + + .sm\:placeholder-colors-black::-moz-placeholder { + color: var(--colors-black, #000000); + } + + .sm\:placeholder-colors-black::placeholder { + color: var(--colors-black, #000000); + } + + .sm\:placeholder-colors-white::-moz-placeholder { + color: var(--colors-white, #ffffff); + } + + .sm\:placeholder-colors-white::placeholder { + color: var(--colors-white, #ffffff); + } + + .sm\:placeholder-colors-gray-100::-moz-placeholder { + color: var(--colors-gray-100, #f7fafc); + } + + .sm\:placeholder-colors-gray-100::placeholder { + color: var(--colors-gray-100, #f7fafc); + } + + .sm\:placeholder-colors-gray-200::-moz-placeholder { + color: var(--colors-gray-200, #edf2f7); + } + + .sm\:placeholder-colors-gray-200::placeholder { + color: var(--colors-gray-200, #edf2f7); + } + + .sm\:placeholder-colors-gray-300::-moz-placeholder { + color: var(--colors-gray-300, #e2e8f0); + } + + .sm\:placeholder-colors-gray-300::placeholder { + color: var(--colors-gray-300, #e2e8f0); + } + + .sm\:placeholder-colors-gray-400::-moz-placeholder { + color: var(--colors-gray-400, #cbd5e0); + } + + .sm\:placeholder-colors-gray-400::placeholder { + color: var(--colors-gray-400, #cbd5e0); + } + + .sm\:placeholder-colors-gray-500::-moz-placeholder { + color: var(--colors-gray-500, #a0aec0); + } + + .sm\:placeholder-colors-gray-500::placeholder { + color: var(--colors-gray-500, #a0aec0); + } + + .sm\:placeholder-colors-gray-600::-moz-placeholder { + color: var(--colors-gray-600, #718096); + } + + .sm\:placeholder-colors-gray-600::placeholder { + color: var(--colors-gray-600, #718096); + } + + .sm\:placeholder-colors-gray-700::-moz-placeholder { + color: var(--colors-gray-700, #4a5568); + } + + .sm\:placeholder-colors-gray-700::placeholder { + color: var(--colors-gray-700, #4a5568); + } + + .sm\:placeholder-colors-gray-800::-moz-placeholder { + color: var(--colors-gray-800, #2d3748); + } + + .sm\:placeholder-colors-gray-800::placeholder { + color: var(--colors-gray-800, #2d3748); + } + + .sm\:placeholder-colors-gray-900::-moz-placeholder { + color: var(--colors-gray-900, #1a202c); + } + + .sm\:placeholder-colors-gray-900::placeholder { + color: var(--colors-gray-900, #1a202c); + } + + .sm\:placeholder-colors-red-100::-moz-placeholder { + color: var(--colors-red-100, #fff5f5); + } + + .sm\:placeholder-colors-red-100::placeholder { + color: var(--colors-red-100, #fff5f5); + } + + .sm\:placeholder-colors-red-200::-moz-placeholder { + color: var(--colors-red-200, #fed7d7); + } + + .sm\:placeholder-colors-red-200::placeholder { + color: var(--colors-red-200, #fed7d7); + } + + .sm\:placeholder-colors-red-300::-moz-placeholder { + color: var(--colors-red-300, #feb2b2); + } + + .sm\:placeholder-colors-red-300::placeholder { + color: var(--colors-red-300, #feb2b2); + } + + .sm\:placeholder-colors-red-400::-moz-placeholder { + color: var(--colors-red-400, #fc8181); + } + + .sm\:placeholder-colors-red-400::placeholder { + color: var(--colors-red-400, #fc8181); + } + + .sm\:placeholder-colors-red-500::-moz-placeholder { + color: var(--colors-red-500, #f56565); + } + + .sm\:placeholder-colors-red-500::placeholder { + color: var(--colors-red-500, #f56565); + } + + .sm\:placeholder-colors-red-600::-moz-placeholder { + color: var(--colors-red-600, #e53e3e); + } + + .sm\:placeholder-colors-red-600::placeholder { + color: var(--colors-red-600, #e53e3e); + } + + .sm\:placeholder-colors-red-700::-moz-placeholder { + color: var(--colors-red-700, #c53030); + } + + .sm\:placeholder-colors-red-700::placeholder { + color: var(--colors-red-700, #c53030); + } + + .sm\:placeholder-colors-red-800::-moz-placeholder { + color: var(--colors-red-800, #9b2c2c); + } + + .sm\:placeholder-colors-red-800::placeholder { + color: var(--colors-red-800, #9b2c2c); + } + + .sm\:placeholder-colors-red-900::-moz-placeholder { + color: var(--colors-red-900, #742a2a); + } + + .sm\:placeholder-colors-red-900::placeholder { + color: var(--colors-red-900, #742a2a); + } + + .sm\:placeholder-colors-orange-100::-moz-placeholder { + color: var(--colors-orange-100, #fffaf0); + } + + .sm\:placeholder-colors-orange-100::placeholder { + color: var(--colors-orange-100, #fffaf0); + } + + .sm\:placeholder-colors-orange-200::-moz-placeholder { + color: var(--colors-orange-200, #feebc8); + } + + .sm\:placeholder-colors-orange-200::placeholder { + color: var(--colors-orange-200, #feebc8); + } + + .sm\:placeholder-colors-orange-300::-moz-placeholder { + color: var(--colors-orange-300, #fbd38d); + } + + .sm\:placeholder-colors-orange-300::placeholder { + color: var(--colors-orange-300, #fbd38d); + } + + .sm\:placeholder-colors-orange-400::-moz-placeholder { + color: var(--colors-orange-400, #f6ad55); + } + + .sm\:placeholder-colors-orange-400::placeholder { + color: var(--colors-orange-400, #f6ad55); + } + + .sm\:placeholder-colors-orange-500::-moz-placeholder { + color: var(--colors-orange-500, #ed8936); + } + + .sm\:placeholder-colors-orange-500::placeholder { + color: var(--colors-orange-500, #ed8936); + } + + .sm\:placeholder-colors-orange-600::-moz-placeholder { + color: var(--colors-orange-600, #dd6b20); + } + + .sm\:placeholder-colors-orange-600::placeholder { + color: var(--colors-orange-600, #dd6b20); + } + + .sm\:placeholder-colors-orange-700::-moz-placeholder { + color: var(--colors-orange-700, #c05621); + } + + .sm\:placeholder-colors-orange-700::placeholder { + color: var(--colors-orange-700, #c05621); + } + + .sm\:placeholder-colors-orange-800::-moz-placeholder { + color: var(--colors-orange-800, #9c4221); + } + + .sm\:placeholder-colors-orange-800::placeholder { + color: var(--colors-orange-800, #9c4221); + } + + .sm\:placeholder-colors-orange-900::-moz-placeholder { + color: var(--colors-orange-900, #7b341e); + } + + .sm\:placeholder-colors-orange-900::placeholder { + color: var(--colors-orange-900, #7b341e); + } + + .sm\:placeholder-colors-yellow-100::-moz-placeholder { + color: var(--colors-yellow-100, #fffff0); + } + + .sm\:placeholder-colors-yellow-100::placeholder { + color: var(--colors-yellow-100, #fffff0); + } + + .sm\:placeholder-colors-yellow-200::-moz-placeholder { + color: var(--colors-yellow-200, #fefcbf); + } + + .sm\:placeholder-colors-yellow-200::placeholder { + color: var(--colors-yellow-200, #fefcbf); + } + + .sm\:placeholder-colors-yellow-300::-moz-placeholder { + color: var(--colors-yellow-300, #faf089); + } + + .sm\:placeholder-colors-yellow-300::placeholder { + color: var(--colors-yellow-300, #faf089); + } + + .sm\:placeholder-colors-yellow-400::-moz-placeholder { + color: var(--colors-yellow-400, #f6e05e); + } + + .sm\:placeholder-colors-yellow-400::placeholder { + color: var(--colors-yellow-400, #f6e05e); + } + + .sm\:placeholder-colors-yellow-500::-moz-placeholder { + color: var(--colors-yellow-500, #ecc94b); + } + + .sm\:placeholder-colors-yellow-500::placeholder { + color: var(--colors-yellow-500, #ecc94b); + } + + .sm\:placeholder-colors-yellow-600::-moz-placeholder { + color: var(--colors-yellow-600, #d69e2e); + } + + .sm\:placeholder-colors-yellow-600::placeholder { + color: var(--colors-yellow-600, #d69e2e); + } + + .sm\:placeholder-colors-yellow-700::-moz-placeholder { + color: var(--colors-yellow-700, #b7791f); + } + + .sm\:placeholder-colors-yellow-700::placeholder { + color: var(--colors-yellow-700, #b7791f); + } + + .sm\:placeholder-colors-yellow-800::-moz-placeholder { + color: var(--colors-yellow-800, #975a16); + } + + .sm\:placeholder-colors-yellow-800::placeholder { + color: var(--colors-yellow-800, #975a16); + } + + .sm\:placeholder-colors-yellow-900::-moz-placeholder { + color: var(--colors-yellow-900, #744210); + } + + .sm\:placeholder-colors-yellow-900::placeholder { + color: var(--colors-yellow-900, #744210); + } + + .sm\:placeholder-colors-green-100::-moz-placeholder { + color: var(--colors-green-100, #f0fff4); + } + + .sm\:placeholder-colors-green-100::placeholder { + color: var(--colors-green-100, #f0fff4); + } + + .sm\:placeholder-colors-green-200::-moz-placeholder { + color: var(--colors-green-200, #c6f6d5); + } + + .sm\:placeholder-colors-green-200::placeholder { + color: var(--colors-green-200, #c6f6d5); + } + + .sm\:placeholder-colors-green-300::-moz-placeholder { + color: var(--colors-green-300, #9ae6b4); + } + + .sm\:placeholder-colors-green-300::placeholder { + color: var(--colors-green-300, #9ae6b4); + } + + .sm\:placeholder-colors-green-400::-moz-placeholder { + color: var(--colors-green-400, #68d391); + } + + .sm\:placeholder-colors-green-400::placeholder { + color: var(--colors-green-400, #68d391); + } + + .sm\:placeholder-colors-green-500::-moz-placeholder { + color: var(--colors-green-500, #48bb78); + } + + .sm\:placeholder-colors-green-500::placeholder { + color: var(--colors-green-500, #48bb78); + } + + .sm\:placeholder-colors-green-600::-moz-placeholder { + color: var(--colors-green-600, #38a169); + } + + .sm\:placeholder-colors-green-600::placeholder { + color: var(--colors-green-600, #38a169); + } + + .sm\:placeholder-colors-green-700::-moz-placeholder { + color: var(--colors-green-700, #2f855a); + } + + .sm\:placeholder-colors-green-700::placeholder { + color: var(--colors-green-700, #2f855a); + } + + .sm\:placeholder-colors-green-800::-moz-placeholder { + color: var(--colors-green-800, #276749); + } + + .sm\:placeholder-colors-green-800::placeholder { + color: var(--colors-green-800, #276749); + } + + .sm\:placeholder-colors-green-900::-moz-placeholder { + color: var(--colors-green-900, #22543d); + } + + .sm\:placeholder-colors-green-900::placeholder { + color: var(--colors-green-900, #22543d); + } + + .sm\:placeholder-colors-teal-100::-moz-placeholder { + color: var(--colors-teal-100, #e6fffa); + } + + .sm\:placeholder-colors-teal-100::placeholder { + color: var(--colors-teal-100, #e6fffa); + } + + .sm\:placeholder-colors-teal-200::-moz-placeholder { + color: var(--colors-teal-200, #b2f5ea); + } + + .sm\:placeholder-colors-teal-200::placeholder { + color: var(--colors-teal-200, #b2f5ea); + } + + .sm\:placeholder-colors-teal-300::-moz-placeholder { + color: var(--colors-teal-300, #81e6d9); + } + + .sm\:placeholder-colors-teal-300::placeholder { + color: var(--colors-teal-300, #81e6d9); + } + + .sm\:placeholder-colors-teal-400::-moz-placeholder { + color: var(--colors-teal-400, #4fd1c5); + } + + .sm\:placeholder-colors-teal-400::placeholder { + color: var(--colors-teal-400, #4fd1c5); + } + + .sm\:placeholder-colors-teal-500::-moz-placeholder { + color: var(--colors-teal-500, #38b2ac); + } + + .sm\:placeholder-colors-teal-500::placeholder { + color: var(--colors-teal-500, #38b2ac); + } + + .sm\:placeholder-colors-teal-600::-moz-placeholder { + color: var(--colors-teal-600, #319795); + } + + .sm\:placeholder-colors-teal-600::placeholder { + color: var(--colors-teal-600, #319795); + } + + .sm\:placeholder-colors-teal-700::-moz-placeholder { + color: var(--colors-teal-700, #2c7a7b); + } + + .sm\:placeholder-colors-teal-700::placeholder { + color: var(--colors-teal-700, #2c7a7b); + } + + .sm\:placeholder-colors-teal-800::-moz-placeholder { + color: var(--colors-teal-800, #285e61); + } + + .sm\:placeholder-colors-teal-800::placeholder { + color: var(--colors-teal-800, #285e61); + } + + .sm\:placeholder-colors-teal-900::-moz-placeholder { + color: var(--colors-teal-900, #234e52); + } + + .sm\:placeholder-colors-teal-900::placeholder { + color: var(--colors-teal-900, #234e52); + } + + .sm\:placeholder-colors-blue-100::-moz-placeholder { + color: var(--colors-blue-100, #ebf8ff); + } + + .sm\:placeholder-colors-blue-100::placeholder { + color: var(--colors-blue-100, #ebf8ff); + } + + .sm\:placeholder-colors-blue-200::-moz-placeholder { + color: var(--colors-blue-200, #bee3f8); + } + + .sm\:placeholder-colors-blue-200::placeholder { + color: var(--colors-blue-200, #bee3f8); + } + + .sm\:placeholder-colors-blue-300::-moz-placeholder { + color: var(--colors-blue-300, #90cdf4); + } + + .sm\:placeholder-colors-blue-300::placeholder { + color: var(--colors-blue-300, #90cdf4); + } + + .sm\:placeholder-colors-blue-400::-moz-placeholder { + color: var(--colors-blue-400, #63b3ed); + } + + .sm\:placeholder-colors-blue-400::placeholder { + color: var(--colors-blue-400, #63b3ed); + } + + .sm\:placeholder-colors-blue-500::-moz-placeholder { + color: var(--colors-blue-500, #4299e1); + } + + .sm\:placeholder-colors-blue-500::placeholder { + color: var(--colors-blue-500, #4299e1); + } + + .sm\:placeholder-colors-blue-600::-moz-placeholder { + color: var(--colors-blue-600, #3182ce); + } + + .sm\:placeholder-colors-blue-600::placeholder { + color: var(--colors-blue-600, #3182ce); + } + + .sm\:placeholder-colors-blue-700::-moz-placeholder { + color: var(--colors-blue-700, #2b6cb0); + } + + .sm\:placeholder-colors-blue-700::placeholder { + color: var(--colors-blue-700, #2b6cb0); + } + + .sm\:placeholder-colors-blue-800::-moz-placeholder { + color: var(--colors-blue-800, #2c5282); + } + + .sm\:placeholder-colors-blue-800::placeholder { + color: var(--colors-blue-800, #2c5282); + } + + .sm\:placeholder-colors-blue-900::-moz-placeholder { + color: var(--colors-blue-900, #2a4365); + } + + .sm\:placeholder-colors-blue-900::placeholder { + color: var(--colors-blue-900, #2a4365); + } + + .sm\:placeholder-colors-indigo-100::-moz-placeholder { + color: var(--colors-indigo-100, #ebf4ff); + } + + .sm\:placeholder-colors-indigo-100::placeholder { + color: var(--colors-indigo-100, #ebf4ff); + } + + .sm\:placeholder-colors-indigo-200::-moz-placeholder { + color: var(--colors-indigo-200, #c3dafe); + } + + .sm\:placeholder-colors-indigo-200::placeholder { + color: var(--colors-indigo-200, #c3dafe); + } + + .sm\:placeholder-colors-indigo-300::-moz-placeholder { + color: var(--colors-indigo-300, #a3bffa); + } + + .sm\:placeholder-colors-indigo-300::placeholder { + color: var(--colors-indigo-300, #a3bffa); + } + + .sm\:placeholder-colors-indigo-400::-moz-placeholder { + color: var(--colors-indigo-400, #7f9cf5); + } + + .sm\:placeholder-colors-indigo-400::placeholder { + color: var(--colors-indigo-400, #7f9cf5); + } + + .sm\:placeholder-colors-indigo-500::-moz-placeholder { + color: var(--colors-indigo-500, #667eea); + } + + .sm\:placeholder-colors-indigo-500::placeholder { + color: var(--colors-indigo-500, #667eea); + } + + .sm\:placeholder-colors-indigo-600::-moz-placeholder { + color: var(--colors-indigo-600, #5a67d8); + } + + .sm\:placeholder-colors-indigo-600::placeholder { + color: var(--colors-indigo-600, #5a67d8); + } + + .sm\:placeholder-colors-indigo-700::-moz-placeholder { + color: var(--colors-indigo-700, #4c51bf); + } + + .sm\:placeholder-colors-indigo-700::placeholder { + color: var(--colors-indigo-700, #4c51bf); + } + + .sm\:placeholder-colors-indigo-800::-moz-placeholder { + color: var(--colors-indigo-800, #434190); + } + + .sm\:placeholder-colors-indigo-800::placeholder { + color: var(--colors-indigo-800, #434190); + } + + .sm\:placeholder-colors-indigo-900::-moz-placeholder { + color: var(--colors-indigo-900, #3c366b); + } + + .sm\:placeholder-colors-indigo-900::placeholder { + color: var(--colors-indigo-900, #3c366b); + } + + .sm\:placeholder-colors-purple-100::-moz-placeholder { + color: var(--colors-purple-100, #faf5ff); + } + + .sm\:placeholder-colors-purple-100::placeholder { + color: var(--colors-purple-100, #faf5ff); + } + + .sm\:placeholder-colors-purple-200::-moz-placeholder { + color: var(--colors-purple-200, #e9d8fd); + } + + .sm\:placeholder-colors-purple-200::placeholder { + color: var(--colors-purple-200, #e9d8fd); + } + + .sm\:placeholder-colors-purple-300::-moz-placeholder { + color: var(--colors-purple-300, #d6bcfa); + } + + .sm\:placeholder-colors-purple-300::placeholder { + color: var(--colors-purple-300, #d6bcfa); + } + + .sm\:placeholder-colors-purple-400::-moz-placeholder { + color: var(--colors-purple-400, #b794f4); + } + + .sm\:placeholder-colors-purple-400::placeholder { + color: var(--colors-purple-400, #b794f4); + } + + .sm\:placeholder-colors-purple-500::-moz-placeholder { + color: var(--colors-purple-500, #9f7aea); + } + + .sm\:placeholder-colors-purple-500::placeholder { + color: var(--colors-purple-500, #9f7aea); + } + + .sm\:placeholder-colors-purple-600::-moz-placeholder { + color: var(--colors-purple-600, #805ad5); + } + + .sm\:placeholder-colors-purple-600::placeholder { + color: var(--colors-purple-600, #805ad5); + } + + .sm\:placeholder-colors-purple-700::-moz-placeholder { + color: var(--colors-purple-700, #6b46c1); + } + + .sm\:placeholder-colors-purple-700::placeholder { + color: var(--colors-purple-700, #6b46c1); + } + + .sm\:placeholder-colors-purple-800::-moz-placeholder { + color: var(--colors-purple-800, #553c9a); + } + + .sm\:placeholder-colors-purple-800::placeholder { + color: var(--colors-purple-800, #553c9a); + } + + .sm\:placeholder-colors-purple-900::-moz-placeholder { + color: var(--colors-purple-900, #44337a); + } + + .sm\:placeholder-colors-purple-900::placeholder { + color: var(--colors-purple-900, #44337a); + } + + .sm\:placeholder-colors-pink-100::-moz-placeholder { + color: var(--colors-pink-100, #fff5f7); + } + + .sm\:placeholder-colors-pink-100::placeholder { + color: var(--colors-pink-100, #fff5f7); + } + + .sm\:placeholder-colors-pink-200::-moz-placeholder { + color: var(--colors-pink-200, #fed7e2); + } + + .sm\:placeholder-colors-pink-200::placeholder { + color: var(--colors-pink-200, #fed7e2); + } + + .sm\:placeholder-colors-pink-300::-moz-placeholder { + color: var(--colors-pink-300, #fbb6ce); + } + + .sm\:placeholder-colors-pink-300::placeholder { + color: var(--colors-pink-300, #fbb6ce); + } + + .sm\:placeholder-colors-pink-400::-moz-placeholder { + color: var(--colors-pink-400, #f687b3); + } + + .sm\:placeholder-colors-pink-400::placeholder { + color: var(--colors-pink-400, #f687b3); + } + + .sm\:placeholder-colors-pink-500::-moz-placeholder { + color: var(--colors-pink-500, #ed64a6); + } + + .sm\:placeholder-colors-pink-500::placeholder { + color: var(--colors-pink-500, #ed64a6); + } + + .sm\:placeholder-colors-pink-600::-moz-placeholder { + color: var(--colors-pink-600, #d53f8c); + } + + .sm\:placeholder-colors-pink-600::placeholder { + color: var(--colors-pink-600, #d53f8c); + } + + .sm\:placeholder-colors-pink-700::-moz-placeholder { + color: var(--colors-pink-700, #b83280); + } + + .sm\:placeholder-colors-pink-700::placeholder { + color: var(--colors-pink-700, #b83280); + } + + .sm\:placeholder-colors-pink-800::-moz-placeholder { + color: var(--colors-pink-800, #97266d); + } + + .sm\:placeholder-colors-pink-800::placeholder { + color: var(--colors-pink-800, #97266d); + } + + .sm\:placeholder-colors-pink-900::-moz-placeholder { + color: var(--colors-pink-900, #702459); + } + + .sm\:placeholder-colors-pink-900::placeholder { + color: var(--colors-pink-900, #702459); + } + + .sm\:placeholder-Box\ Shadow::-moz-placeholder { + color: var(--box-shadow, #7f7e7f); + } + + .sm\:placeholder-Box\ Shadow::placeholder { + color: var(--box-shadow, #7f7e7f); + } + + .sm\:placeholder-Error16::-moz-placeholder { + color: var(--error16, #f03d3e40); + } + + .sm\:placeholder-Error16::placeholder { + color: var(--error16, #f03d3e40); + } + + .sm\:placeholder-Success16::-moz-placeholder { + color: var(--success16, #5bb14d40); + } + + .sm\:placeholder-Success16::placeholder { + color: var(--success16, #5bb14d40); + } + + .sm\:placeholder-Notification16::-moz-placeholder { + color: var(--notification16, #3959ff40); + } + + .sm\:placeholder-Notification16::placeholder { + color: var(--notification16, #3959ff40); + } + + .sm\:placeholder-Error8::-moz-placeholder { + color: var(--error8, #f03d3e1a); + } + + .sm\:placeholder-Error8::placeholder { + color: var(--error8, #f03d3e1a); + } + + .sm\:placeholder-Notification8::-moz-placeholder { + color: var(--notification8, #3959ff1a); + } + + .sm\:placeholder-Notification8::placeholder { + color: var(--notification8, #3959ff1a); + } + + .sm\:placeholder-Success8::-moz-placeholder { + color: var(--success8, #5bb14d1a); + } + + .sm\:placeholder-Success8::placeholder { + color: var(--success8, #5bb14d1a); + } + + .sm\:placeholder-Light\ -\ Overlay::-moz-placeholder { + color: var(--light-overlay, #f0edee66); + } + + .sm\:placeholder-Light\ -\ Overlay::placeholder { + color: var(--light-overlay, #f0edee66); + } + + .sm\:placeholder-Dark-\ Overlay::-moz-placeholder { + color: var(--dark-overlay, #7f7e7f66); + } + + .sm\:placeholder-Dark-\ Overlay::placeholder { + color: var(--dark-overlay, #7f7e7f66); + } + + .sm\:placeholder-black-40::-moz-placeholder { + color: var(--black-40, #00000066); + } + + .sm\:placeholder-black-40::placeholder { + color: var(--black-40, #00000066); + } + + .sm\:placeholder-black-75::-moz-placeholder { + color: var(--black-75, #000000bf); + } + + .sm\:placeholder-black-75::placeholder { + color: var(--black-75, #000000bf); + } + + .sm\:placeholder-black-60::-moz-placeholder { + color: var(--black-60, #00000099); + } + + .sm\:placeholder-black-60::placeholder { + color: var(--black-60, #00000099); + } + + .sm\:placeholder-black-50::-moz-placeholder { + color: var(--black-50, #00000080); + } + + .sm\:placeholder-black-50::placeholder { + color: var(--black-50, #00000080); + } + + .sm\:placeholder-black-25::-moz-placeholder { + color: var(--black-25, #00000040); + } + + .sm\:placeholder-black-25::placeholder { + color: var(--black-25, #00000040); + } + + .sm\:placeholder-black-10::-moz-placeholder { + color: var(--black-10, #0000001a); + } + + .sm\:placeholder-black-10::placeholder { + color: var(--black-10, #0000001a); + } + + .sm\:placeholder-white-25::-moz-placeholder { + color: var(--white-25, #ffffff40); + } + + .sm\:placeholder-white-25::placeholder { + color: var(--white-25, #ffffff40); + } + + .sm\:placeholder-white-60::-moz-placeholder { + color: var(--white-60, #ffffff99); + } + + .sm\:placeholder-white-60::placeholder { + color: var(--white-60, #ffffff99); + } + + .sm\:placeholder-black-64::-moz-placeholder { + color: var(--black-64, #000000a3); + } + + .sm\:placeholder-black-64::placeholder { + color: var(--black-64, #000000a3); + } + + .sm\:placeholder-Shadow\ and\ Highlight-Shadow::-moz-placeholder { + color: var(--shadow-and-highlight-shadow, #7f7e7f); + } + + .sm\:placeholder-Shadow\ and\ Highlight-Shadow::placeholder { + color: var(--shadow-and-highlight-shadow, #7f7e7f); + } + + .sm\:placeholder-Shadow\ and\ Highlight-Highlight::-moz-placeholder { + color: var(--shadow-and-highlight-highlight, #474747); + } + + .sm\:placeholder-Shadow\ and\ Highlight-Highlight::placeholder { + color: var(--shadow-and-highlight-highlight, #474747); + } + + .sm\:placeholder-Shadow\ and\ Highlight-highlight\ one::-moz-placeholder { + color: var(--shadow-and-highlight-highlight-one, #474747bf); + } + + .sm\:placeholder-Shadow\ and\ Highlight-highlight\ one::placeholder { + color: var(--shadow-and-highlight-highlight-one, #474747bf); + } + + .sm\:placeholder-Shadow\ and\ Highlight-highlight\ two::-moz-placeholder { + color: var(--shadow-and-highlight-highlight-two, #47474799); + } + + .sm\:placeholder-Shadow\ and\ Highlight-highlight\ two::placeholder { + color: var(--shadow-and-highlight-highlight-two, #47474799); + } + + .sm\:placeholder-Shadow\ and\ Highlight-highlight\ three::-moz-placeholder { + color: var(--shadow-and-highlight-highlight-three, #47474766); + } + + .sm\:placeholder-Shadow\ and\ Highlight-highlight\ three::placeholder { + color: var(--shadow-and-highlight-highlight-three, #47474766); + } + + .sm\:placeholder-Shadow\ and\ Highlight-highlight\ five::-moz-placeholder { + color: var(--shadow-and-highlight-highlight-five, #4747471a); + } + + .sm\:placeholder-Shadow\ and\ Highlight-highlight\ five::placeholder { + color: var(--shadow-and-highlight-highlight-five, #4747471a); + } + + .sm\:placeholder-Shadow\ and\ Highlight-shadow\ one::-moz-placeholder { + color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); + } + + .sm\:placeholder-Shadow\ and\ Highlight-shadow\ one::placeholder { + color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); + } + + .sm\:placeholder-Shadow\ and\ Highlight-shadow\ two::-moz-placeholder { + color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); + } + + .sm\:placeholder-Shadow\ and\ Highlight-shadow\ two::placeholder { + color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); + } + + .sm\:placeholder-Shadow\ and\ Highlight-shadow\ three::-moz-placeholder { + color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); + } + + .sm\:placeholder-Shadow\ and\ Highlight-shadow\ three::placeholder { + color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); + } + + .sm\:placeholder-Shadow\ and\ Highlight-shadow\ four::-moz-placeholder { + color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); + } + + .sm\:placeholder-Shadow\ and\ Highlight-shadow\ four::placeholder { + color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); + } + + .sm\:placeholder-Shadow\ and\ Highlight-shadow\ five::-moz-placeholder { + color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); + } + + .sm\:placeholder-Shadow\ and\ Highlight-shadow\ five::placeholder { + color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); + } + + .sm\:placeholder-Shadow\ and\ Highlight-highlight\ four::-moz-placeholder { + color: var(--shadow-and-highlight-highlight-four, #47474740); + } + + .sm\:placeholder-Shadow\ and\ Highlight-highlight\ four::placeholder { + color: var(--shadow-and-highlight-highlight-four, #47474740); + } + + .sm\:placeholder-Base\ Layer\ Styles-Base\ Layer-\ Light-White::-moz-placeholder { + color: var(--base-layer-styles-base-layer-light-white, #ffffff); + } + + .sm\:placeholder-Base\ Layer\ Styles-Base\ Layer-\ Light-White::placeholder { + color: var(--base-layer-styles-base-layer-light-white, #ffffff); + } + + .sm\:placeholder-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite::-moz-placeholder { + color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); + } + + .sm\:placeholder-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite::placeholder { + color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); + } + + .sm\:placeholder-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack::-moz-placeholder { + color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); + } + + .sm\:placeholder-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack::placeholder { + color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); + } + + .sm\:placeholder-Base\ Layer\ Styles-Base\ Layer-Dark-Black::-moz-placeholder { + color: var(--base-layer-styles-base-layer-dark-black, #000000); + } + + .sm\:placeholder-Base\ Layer\ Styles-Base\ Layer-Dark-Black::placeholder { + color: var(--base-layer-styles-base-layer-dark-black, #000000); + } + + .sm\:placeholder-Grey-Scale-white::-moz-placeholder { + color: var(--grey-scale-white, #ffffff); + } + + .sm\:placeholder-Grey-Scale-white::placeholder { + color: var(--grey-scale-white, #ffffff); + } + + .sm\:placeholder-Grey-Scale-off-white::-moz-placeholder { + color: var(--grey-scale-off-white, #f0edee); + } + + .sm\:placeholder-Grey-Scale-off-white::placeholder { + color: var(--grey-scale-off-white, #f0edee); + } + + .sm\:placeholder-Grey\ Scale-grey::-moz-placeholder { + color: var(--grey-scale-grey, #7f7e7f); + } + + .sm\:placeholder-Grey\ Scale-grey::placeholder { + color: var(--grey-scale-grey, #7f7e7f); + } + + .sm\:placeholder-Grey\ Scale-charcoal::-moz-placeholder { + color: var(--grey-scale-charcoal, #474747); + } + + .sm\:placeholder-Grey\ Scale-charcoal::placeholder { + color: var(--grey-scale-charcoal, #474747); + } + + .sm\:placeholder-Grey\ Scale-off-black::-moz-placeholder { + color: var(--grey-scale-off-black, #1c1c1c); + } + + .sm\:placeholder-Grey\ Scale-off-black::placeholder { + color: var(--grey-scale-off-black, #1c1c1c); + } + + .sm\:placeholder-Grey\ Scale-black::-moz-placeholder { + color: var(--grey-scale-black, #000000); + } + + .sm\:placeholder-Grey\ Scale-black::placeholder { + color: var(--grey-scale-black, #000000); + } + + .sm\:placeholder-Blue-blue::-moz-placeholder { + color: var(--blue-blue, #3a7ca5); + } + + .sm\:placeholder-Blue-blue::placeholder { + color: var(--blue-blue, #3a7ca5); + } + + .sm\:placeholder-Blue-blue-100::-moz-placeholder { + color: var(--blue-blue-100, #75a3c0); + } + + .sm\:placeholder-Blue-blue-100::placeholder { + color: var(--blue-blue-100, #75a3c0); + } + + .sm\:placeholder-Blue-blue-200::-moz-placeholder { + color: var(--blue-blue-200, #9cbed2); + } + + .sm\:placeholder-Blue-blue-200::placeholder { + color: var(--blue-blue-200, #9cbed2); + } + + .sm\:placeholder-Blue-blue-300::-moz-placeholder { + color: var(--blue-blue-300, #4f7d9a); + } + + .sm\:placeholder-Blue-blue-300::placeholder { + color: var(--blue-blue-300, #4f7d9a); + } + + .sm\:placeholder-Blue-blue-400::-moz-placeholder { + color: var(--blue-blue-400, #5c7d92); + } + + .sm\:placeholder-Blue-blue-400::placeholder { + color: var(--blue-blue-400, #5c7d92); + } + + .sm\:placeholder-Blue-blue-500::-moz-placeholder { + color: var(--blue-blue-500, #347095); + } + + .sm\:placeholder-Blue-blue-500::placeholder { + color: var(--blue-blue-500, #347095); + } + + .sm\:placeholder-Blue-blue-600::-moz-placeholder { + color: var(--blue-blue-600, #295774); + } + + .sm\:placeholder-Blue-blue-600::placeholder { + color: var(--blue-blue-600, #295774); + } + + .sm\:placeholder-Blue-blue-700::-moz-placeholder { + color: var(--blue-blue-700, #173242); + } + + .sm\:placeholder-Blue-blue-700::placeholder { + color: var(--blue-blue-700, #173242); + } + + .sm\:placeholder-LightBlue-lightblue::-moz-placeholder { + color: var(--light-blue-lightblue, #81c3d7); + } + + .sm\:placeholder-LightBlue-lightblue::placeholder { + color: var(--light-blue-lightblue, #81c3d7); + } + + .sm\:placeholder-LightBlue-lightblue-100::-moz-placeholder { + color: var(--light-blue-lightblue-100, #a7d5e3); + } + + .sm\:placeholder-LightBlue-lightblue-100::placeholder { + color: var(--light-blue-lightblue-100, #a7d5e3); + } + + .sm\:placeholder-LightBlue-lightblue-200::-moz-placeholder { + color: var(--light-blue-lightblue-200, #c0e1eb); + } + + .sm\:placeholder-LightBlue-lightblue-200::placeholder { + color: var(--light-blue-lightblue-200, #c0e1eb); + } + + .sm\:placeholder-LightBlue-lightblue-300::-moz-placeholder { + color: var(--light-blue-lightblue-300, #80aebd); + } + + .sm\:placeholder-LightBlue-lightblue-300::placeholder { + color: var(--light-blue-lightblue-300, #80aebd); + } + + .sm\:placeholder-LightBlue-lightblue-400::-moz-placeholder { + color: var(--light-blue-lightblue-400, #80a0ab); + } + + .sm\:placeholder-LightBlue-lightblue-400::placeholder { + color: var(--light-blue-lightblue-400, #80a0ab); + } + + .sm\:placeholder-LightBlue-lightblue-500::-moz-placeholder { + color: var(--light-blue-lightblue-500, #74afc1); + } + + .sm\:placeholder-LightBlue-lightblue-500::placeholder { + color: var(--light-blue-lightblue-500, #74afc1); + } + + .sm\:placeholder-LightBlue-lightblue-600::-moz-placeholder { + color: var(--light-blue-lightblue-600, #5a8997); + } + + .sm\:placeholder-LightBlue-lightblue-600::placeholder { + color: var(--light-blue-lightblue-600, #5a8997); + } + + .sm\:placeholder-LightBlue-lightblue-650::-moz-placeholder { + color: var(--light-blue-lightblue-650, #3e5e65); + } + + .sm\:placeholder-LightBlue-lightblue-650::placeholder { + color: var(--light-blue-lightblue-650, #3e5e65); + } + + .sm\:placeholder-LightBlue-lightblue-700::-moz-placeholder { + color: var(--light-blue-lightblue-700, #344e56); + } + + .sm\:placeholder-LightBlue-lightblue-700::placeholder { + color: var(--light-blue-lightblue-700, #344e56); + } + + .sm\:placeholder-Orange-orange::-moz-placeholder { + color: var(--orange-orange, #ff7f0e); + } + + .sm\:placeholder-Orange-orange::placeholder { + color: var(--orange-orange, #ff7f0e); + } + + .sm\:placeholder-Orange-orange-100::-moz-placeholder { + color: var(--orange-orange-100, #ffa556); + } + + .sm\:placeholder-Orange-orange-100::placeholder { + color: var(--orange-orange-100, #ffa556); + } + + .sm\:placeholder-Orange-orange-200::-moz-placeholder { + color: var(--orange-orange-200, #ffbf86); + } + + .sm\:placeholder-Orange-orange-200::placeholder { + color: var(--orange-orange-200, #ffbf86); + } + + .sm\:placeholder-Orange-orange-300::-moz-placeholder { + color: var(--orange-orange-300, #d97f30); + } + + .sm\:placeholder-Orange-orange-300::placeholder { + color: var(--orange-orange-300, #d97f30); + } + + .sm\:placeholder-Orange-orange-400::-moz-placeholder { + color: var(--orange-orange-400, #bf7e46); + } + + .sm\:placeholder-Orange-orange-400::placeholder { + color: var(--orange-orange-400, #bf7e46); + } + + .sm\:placeholder-Orange-orange-500::-moz-placeholder { + color: var(--orange-orange-500, #e5720d); + } + + .sm\:placeholder-Orange-orange-500::placeholder { + color: var(--orange-orange-500, #e5720d); + } + + .sm\:placeholder-Orange-orange-600::-moz-placeholder { + color: var(--orange-orange-600, #b3590a); + } + + .sm\:placeholder-Orange-orange-600::placeholder { + color: var(--orange-orange-600, #b3590a); + } + + .sm\:placeholder-Orange-orange-700::-moz-placeholder { + color: var(--orange-orange-700, #663306); + } + + .sm\:placeholder-Orange-orange-700::placeholder { + color: var(--orange-orange-700, #663306); + } + + .sm\:placeholder-Yellow-yellow::-moz-placeholder { + color: var(--yellow-yellow, #ffab00); + } + + .sm\:placeholder-Yellow-yellow::placeholder { + color: var(--yellow-yellow, #ffab00); + } + + .sm\:placeholder-Yellow-yellow-100::-moz-placeholder { + color: var(--yellow-yellow-100, #ffc44c); + } + + .sm\:placeholder-Yellow-yellow-100::placeholder { + color: var(--yellow-yellow-100, #ffc44c); + } + + .sm\:placeholder-Yellow-yellow-200::-moz-placeholder { + color: var(--yellow-yellow-200, #ffd580); + } + + .sm\:placeholder-Yellow-yellow-200::placeholder { + color: var(--yellow-yellow-200, #ffd580); + } + + .sm\:placeholder-Yellow-yellow-300::-moz-placeholder { + color: var(--yellow-yellow-300, #d99d26); + } + + .sm\:placeholder-Yellow-yellow-300::placeholder { + color: var(--yellow-yellow-300, #d99d26); + } + + .sm\:placeholder-Yellow-yellow-400::-moz-placeholder { + color: var(--yellow-yellow-400, #bf943f); + } + + .sm\:placeholder-Yellow-yellow-400::placeholder { + color: var(--yellow-yellow-400, #bf943f); + } + + .sm\:placeholder-Yellow-yellow-500::-moz-placeholder { + color: var(--yellow-yellow-500, #e59a00); + } + + .sm\:placeholder-Yellow-yellow-500::placeholder { + color: var(--yellow-yellow-500, #e59a00); + } + + .sm\:placeholder-Yellow-yellow-600::-moz-placeholder { + color: var(--yellow-yellow-600, #b37800); + } + + .sm\:placeholder-Yellow-yellow-600::placeholder { + color: var(--yellow-yellow-600, #b37800); + } + + .sm\:placeholder-Yellow-yellow-700::-moz-placeholder { + color: var(--yellow-yellow-700, #664400); + } + + .sm\:placeholder-Yellow-yellow-700::placeholder { + color: var(--yellow-yellow-700, #664400); + } + + .sm\:placeholder-Notification-notification::-moz-placeholder { + color: var(--notification-notification, #3959ff); + } + + .sm\:placeholder-Notification-notification::placeholder { + color: var(--notification-notification, #3959ff); + } + + .sm\:placeholder-Notification-notification-100::-moz-placeholder { + color: var(--notification-notification-100, #748bff); + } + + .sm\:placeholder-Notification-notification-100::placeholder { + color: var(--notification-notification-100, #748bff); + } + + .sm\:placeholder-Notification-notification-200::-moz-placeholder { + color: var(--notification-notification-200, #9cacff); + } + + .sm\:placeholder-Notification-notification-200::placeholder { + color: var(--notification-notification-200, #9cacff); + } + + .sm\:placeholder-Notification-notification-300::-moz-placeholder { + color: var(--notification-notification-300, #4e64d9); + } + + .sm\:placeholder-Notification-notification-300::placeholder { + color: var(--notification-notification-300, #4e64d9); + } + + .sm\:placeholder-Notification-notification-400::-moz-placeholder { + color: var(--notification-notification-400, #5c6cbf); + } + + .sm\:placeholder-Notification-notification-400::placeholder { + color: var(--notification-notification-400, #5c6cbf); + } + + .sm\:placeholder-Notification-notification-500::-moz-placeholder { + color: var(--notification-notification-500, #3350e5); + } + + .sm\:placeholder-Notification-notification-500::placeholder { + color: var(--notification-notification-500, #3350e5); + } + + .sm\:placeholder-Notification-notification-600::-moz-placeholder { + color: var(--notification-notification-600, #283eb3); + } + + .sm\:placeholder-Notification-notification-600::placeholder { + color: var(--notification-notification-600, #283eb3); + } + + .sm\:placeholder-Notification-notification-700::-moz-placeholder { + color: var(--notification-notification-700, #172466); + } + + .sm\:placeholder-Notification-notification-700::placeholder { + color: var(--notification-notification-700, #172466); + } + + .sm\:placeholder-Success-success\ -700::-moz-placeholder { + color: var(--success-success-700, #24471f); + } + + .sm\:placeholder-Success-success\ -700::placeholder { + color: var(--success-success-700, #24471f); + } + + .sm\:placeholder-Success-success::-moz-placeholder { + color: var(--success-success, #5bb14d); + } + + .sm\:placeholder-Success-success::placeholder { + color: var(--success-success, #5bb14d); + } + + .sm\:placeholder-Success-success\ -100::-moz-placeholder { + color: var(--success-success-100, #8cc882); + } + + .sm\:placeholder-Success-success\ -100::placeholder { + color: var(--success-success-100, #8cc882); + } + + .sm\:placeholder-Success-success\ -200::-moz-placeholder { + color: var(--success-success-200, #add8a6); + } + + .sm\:placeholder-Success-success\ -200::placeholder { + color: var(--success-success-200, #add8a6); + } + + .sm\:placeholder-Success-success\ -300::-moz-placeholder { + color: var(--success-success-300, #66a25c); + } + + .sm\:placeholder-Success-success\ -300::placeholder { + color: var(--success-success-300, #66a25c); + } + + .sm\:placeholder-Success-success\ -400::-moz-placeholder { + color: var(--success-success-400, #6d9766); + } + + .sm\:placeholder-Success-success\ -400::placeholder { + color: var(--success-success-400, #6d9766); + } + + .sm\:placeholder-Success-success\ -500::-moz-placeholder { + color: var(--success-success-500, #529f45); + } + + .sm\:placeholder-Success-success\ -500::placeholder { + color: var(--success-success-500, #529f45); + } + + .sm\:placeholder-Success-success\ -600::-moz-placeholder { + color: var(--success-success-600, #407c36); + } + + .sm\:placeholder-Success-success\ -600::placeholder { + color: var(--success-success-600, #407c36); + } + + .sm\:placeholder-Error-error::-moz-placeholder { + color: var(--error-error, #f03d3e); + } + + .sm\:placeholder-Error-error::placeholder { + color: var(--error-error, #f03d3e); + } + + .sm\:placeholder-Error-error-100::-moz-placeholder { + color: var(--error-error-100, #f57778); + } + + .sm\:placeholder-Error-error-100::placeholder { + color: var(--error-error-100, #f57778); + } + + .sm\:placeholder-Error-error-200::-moz-placeholder { + color: var(--error-error-200, #f89e9e); + } + + .sm\:placeholder-Error-error-200::placeholder { + color: var(--error-error-200, #f89e9e); + } + + .sm\:placeholder-Error-error-250::-moz-placeholder { + color: var(--error-error-250, #f9c8c8); + } + + .sm\:placeholder-Error-error-250::placeholder { + color: var(--error-error-250, #f9c8c8); + } + + .sm\:placeholder-Error-error-300::-moz-placeholder { + color: var(--error-error-300, #ce5151); + } + + .sm\:placeholder-Error-error-300::placeholder { + color: var(--error-error-300, #ce5151); + } + + .sm\:placeholder-Error-error-400::-moz-placeholder { + color: var(--error-error-400, #b85e5e); + } + + .sm\:placeholder-Error-error-400::placeholder { + color: var(--error-error-400, #b85e5e); + } + + .sm\:placeholder-Error-error-500::-moz-placeholder { + color: var(--error-error-500, #d83738); + } + + .sm\:placeholder-Error-error-500::placeholder { + color: var(--error-error-500, #d83738); + } + + .sm\:placeholder-Error-error-600::-moz-placeholder { + color: var(--error-error-600, #a82b2b); + } + + .sm\:placeholder-Error-error-600::placeholder { + color: var(--error-error-600, #a82b2b); + } + + .sm\:placeholder-Error-error-700::-moz-placeholder { + color: var(--error-error-700, #601819); + } + + .sm\:placeholder-Error-error-700::placeholder { + color: var(--error-error-700, #601819); + } + + .sm\:focus\:placeholder-colors-black:focus::-moz-placeholder { + color: var(--colors-black, #000000); + } + + .sm\:focus\:placeholder-colors-black:focus::placeholder { + color: var(--colors-black, #000000); + } + + .sm\:focus\:placeholder-colors-white:focus::-moz-placeholder { + color: var(--colors-white, #ffffff); + } + + .sm\:focus\:placeholder-colors-white:focus::placeholder { + color: var(--colors-white, #ffffff); + } + + .sm\:focus\:placeholder-colors-gray-100:focus::-moz-placeholder { + color: var(--colors-gray-100, #f7fafc); + } + + .sm\:focus\:placeholder-colors-gray-100:focus::placeholder { + color: var(--colors-gray-100, #f7fafc); + } + + .sm\:focus\:placeholder-colors-gray-200:focus::-moz-placeholder { + color: var(--colors-gray-200, #edf2f7); + } + + .sm\:focus\:placeholder-colors-gray-200:focus::placeholder { + color: var(--colors-gray-200, #edf2f7); + } + + .sm\:focus\:placeholder-colors-gray-300:focus::-moz-placeholder { + color: var(--colors-gray-300, #e2e8f0); + } + + .sm\:focus\:placeholder-colors-gray-300:focus::placeholder { + color: var(--colors-gray-300, #e2e8f0); + } + + .sm\:focus\:placeholder-colors-gray-400:focus::-moz-placeholder { + color: var(--colors-gray-400, #cbd5e0); + } + + .sm\:focus\:placeholder-colors-gray-400:focus::placeholder { + color: var(--colors-gray-400, #cbd5e0); + } + + .sm\:focus\:placeholder-colors-gray-500:focus::-moz-placeholder { + color: var(--colors-gray-500, #a0aec0); + } + + .sm\:focus\:placeholder-colors-gray-500:focus::placeholder { + color: var(--colors-gray-500, #a0aec0); + } + + .sm\:focus\:placeholder-colors-gray-600:focus::-moz-placeholder { + color: var(--colors-gray-600, #718096); + } + + .sm\:focus\:placeholder-colors-gray-600:focus::placeholder { + color: var(--colors-gray-600, #718096); + } + + .sm\:focus\:placeholder-colors-gray-700:focus::-moz-placeholder { + color: var(--colors-gray-700, #4a5568); + } + + .sm\:focus\:placeholder-colors-gray-700:focus::placeholder { + color: var(--colors-gray-700, #4a5568); + } + + .sm\:focus\:placeholder-colors-gray-800:focus::-moz-placeholder { + color: var(--colors-gray-800, #2d3748); + } + + .sm\:focus\:placeholder-colors-gray-800:focus::placeholder { + color: var(--colors-gray-800, #2d3748); + } + + .sm\:focus\:placeholder-colors-gray-900:focus::-moz-placeholder { + color: var(--colors-gray-900, #1a202c); + } + + .sm\:focus\:placeholder-colors-gray-900:focus::placeholder { + color: var(--colors-gray-900, #1a202c); + } + + .sm\:focus\:placeholder-colors-red-100:focus::-moz-placeholder { + color: var(--colors-red-100, #fff5f5); + } + + .sm\:focus\:placeholder-colors-red-100:focus::placeholder { + color: var(--colors-red-100, #fff5f5); + } + + .sm\:focus\:placeholder-colors-red-200:focus::-moz-placeholder { + color: var(--colors-red-200, #fed7d7); + } + + .sm\:focus\:placeholder-colors-red-200:focus::placeholder { + color: var(--colors-red-200, #fed7d7); + } + + .sm\:focus\:placeholder-colors-red-300:focus::-moz-placeholder { + color: var(--colors-red-300, #feb2b2); + } + + .sm\:focus\:placeholder-colors-red-300:focus::placeholder { + color: var(--colors-red-300, #feb2b2); + } + + .sm\:focus\:placeholder-colors-red-400:focus::-moz-placeholder { + color: var(--colors-red-400, #fc8181); + } + + .sm\:focus\:placeholder-colors-red-400:focus::placeholder { + color: var(--colors-red-400, #fc8181); + } + + .sm\:focus\:placeholder-colors-red-500:focus::-moz-placeholder { + color: var(--colors-red-500, #f56565); + } + + .sm\:focus\:placeholder-colors-red-500:focus::placeholder { + color: var(--colors-red-500, #f56565); + } + + .sm\:focus\:placeholder-colors-red-600:focus::-moz-placeholder { + color: var(--colors-red-600, #e53e3e); + } + + .sm\:focus\:placeholder-colors-red-600:focus::placeholder { + color: var(--colors-red-600, #e53e3e); + } + + .sm\:focus\:placeholder-colors-red-700:focus::-moz-placeholder { + color: var(--colors-red-700, #c53030); + } + + .sm\:focus\:placeholder-colors-red-700:focus::placeholder { + color: var(--colors-red-700, #c53030); + } + + .sm\:focus\:placeholder-colors-red-800:focus::-moz-placeholder { + color: var(--colors-red-800, #9b2c2c); + } + + .sm\:focus\:placeholder-colors-red-800:focus::placeholder { + color: var(--colors-red-800, #9b2c2c); + } + + .sm\:focus\:placeholder-colors-red-900:focus::-moz-placeholder { + color: var(--colors-red-900, #742a2a); + } + + .sm\:focus\:placeholder-colors-red-900:focus::placeholder { + color: var(--colors-red-900, #742a2a); + } + + .sm\:focus\:placeholder-colors-orange-100:focus::-moz-placeholder { + color: var(--colors-orange-100, #fffaf0); + } + + .sm\:focus\:placeholder-colors-orange-100:focus::placeholder { + color: var(--colors-orange-100, #fffaf0); + } + + .sm\:focus\:placeholder-colors-orange-200:focus::-moz-placeholder { + color: var(--colors-orange-200, #feebc8); + } + + .sm\:focus\:placeholder-colors-orange-200:focus::placeholder { + color: var(--colors-orange-200, #feebc8); + } + + .sm\:focus\:placeholder-colors-orange-300:focus::-moz-placeholder { + color: var(--colors-orange-300, #fbd38d); + } + + .sm\:focus\:placeholder-colors-orange-300:focus::placeholder { + color: var(--colors-orange-300, #fbd38d); + } + + .sm\:focus\:placeholder-colors-orange-400:focus::-moz-placeholder { + color: var(--colors-orange-400, #f6ad55); + } + + .sm\:focus\:placeholder-colors-orange-400:focus::placeholder { + color: var(--colors-orange-400, #f6ad55); + } + + .sm\:focus\:placeholder-colors-orange-500:focus::-moz-placeholder { + color: var(--colors-orange-500, #ed8936); + } + + .sm\:focus\:placeholder-colors-orange-500:focus::placeholder { + color: var(--colors-orange-500, #ed8936); + } + + .sm\:focus\:placeholder-colors-orange-600:focus::-moz-placeholder { + color: var(--colors-orange-600, #dd6b20); + } + + .sm\:focus\:placeholder-colors-orange-600:focus::placeholder { + color: var(--colors-orange-600, #dd6b20); + } + + .sm\:focus\:placeholder-colors-orange-700:focus::-moz-placeholder { + color: var(--colors-orange-700, #c05621); + } + + .sm\:focus\:placeholder-colors-orange-700:focus::placeholder { + color: var(--colors-orange-700, #c05621); + } + + .sm\:focus\:placeholder-colors-orange-800:focus::-moz-placeholder { + color: var(--colors-orange-800, #9c4221); + } + + .sm\:focus\:placeholder-colors-orange-800:focus::placeholder { + color: var(--colors-orange-800, #9c4221); + } + + .sm\:focus\:placeholder-colors-orange-900:focus::-moz-placeholder { + color: var(--colors-orange-900, #7b341e); + } + + .sm\:focus\:placeholder-colors-orange-900:focus::placeholder { + color: var(--colors-orange-900, #7b341e); + } + + .sm\:focus\:placeholder-colors-yellow-100:focus::-moz-placeholder { + color: var(--colors-yellow-100, #fffff0); + } + + .sm\:focus\:placeholder-colors-yellow-100:focus::placeholder { + color: var(--colors-yellow-100, #fffff0); + } + + .sm\:focus\:placeholder-colors-yellow-200:focus::-moz-placeholder { + color: var(--colors-yellow-200, #fefcbf); + } + + .sm\:focus\:placeholder-colors-yellow-200:focus::placeholder { + color: var(--colors-yellow-200, #fefcbf); + } + + .sm\:focus\:placeholder-colors-yellow-300:focus::-moz-placeholder { + color: var(--colors-yellow-300, #faf089); + } + + .sm\:focus\:placeholder-colors-yellow-300:focus::placeholder { + color: var(--colors-yellow-300, #faf089); + } + + .sm\:focus\:placeholder-colors-yellow-400:focus::-moz-placeholder { + color: var(--colors-yellow-400, #f6e05e); + } + + .sm\:focus\:placeholder-colors-yellow-400:focus::placeholder { + color: var(--colors-yellow-400, #f6e05e); + } + + .sm\:focus\:placeholder-colors-yellow-500:focus::-moz-placeholder { + color: var(--colors-yellow-500, #ecc94b); + } + + .sm\:focus\:placeholder-colors-yellow-500:focus::placeholder { + color: var(--colors-yellow-500, #ecc94b); + } + + .sm\:focus\:placeholder-colors-yellow-600:focus::-moz-placeholder { + color: var(--colors-yellow-600, #d69e2e); + } + + .sm\:focus\:placeholder-colors-yellow-600:focus::placeholder { + color: var(--colors-yellow-600, #d69e2e); + } + + .sm\:focus\:placeholder-colors-yellow-700:focus::-moz-placeholder { + color: var(--colors-yellow-700, #b7791f); + } + + .sm\:focus\:placeholder-colors-yellow-700:focus::placeholder { + color: var(--colors-yellow-700, #b7791f); + } + + .sm\:focus\:placeholder-colors-yellow-800:focus::-moz-placeholder { + color: var(--colors-yellow-800, #975a16); + } + + .sm\:focus\:placeholder-colors-yellow-800:focus::placeholder { + color: var(--colors-yellow-800, #975a16); + } + + .sm\:focus\:placeholder-colors-yellow-900:focus::-moz-placeholder { + color: var(--colors-yellow-900, #744210); + } + + .sm\:focus\:placeholder-colors-yellow-900:focus::placeholder { + color: var(--colors-yellow-900, #744210); + } + + .sm\:focus\:placeholder-colors-green-100:focus::-moz-placeholder { + color: var(--colors-green-100, #f0fff4); + } + + .sm\:focus\:placeholder-colors-green-100:focus::placeholder { + color: var(--colors-green-100, #f0fff4); + } + + .sm\:focus\:placeholder-colors-green-200:focus::-moz-placeholder { + color: var(--colors-green-200, #c6f6d5); + } + + .sm\:focus\:placeholder-colors-green-200:focus::placeholder { + color: var(--colors-green-200, #c6f6d5); + } + + .sm\:focus\:placeholder-colors-green-300:focus::-moz-placeholder { + color: var(--colors-green-300, #9ae6b4); + } + + .sm\:focus\:placeholder-colors-green-300:focus::placeholder { + color: var(--colors-green-300, #9ae6b4); + } + + .sm\:focus\:placeholder-colors-green-400:focus::-moz-placeholder { + color: var(--colors-green-400, #68d391); + } + + .sm\:focus\:placeholder-colors-green-400:focus::placeholder { + color: var(--colors-green-400, #68d391); + } + + .sm\:focus\:placeholder-colors-green-500:focus::-moz-placeholder { + color: var(--colors-green-500, #48bb78); + } + + .sm\:focus\:placeholder-colors-green-500:focus::placeholder { + color: var(--colors-green-500, #48bb78); + } + + .sm\:focus\:placeholder-colors-green-600:focus::-moz-placeholder { + color: var(--colors-green-600, #38a169); + } + + .sm\:focus\:placeholder-colors-green-600:focus::placeholder { + color: var(--colors-green-600, #38a169); + } + + .sm\:focus\:placeholder-colors-green-700:focus::-moz-placeholder { + color: var(--colors-green-700, #2f855a); + } + + .sm\:focus\:placeholder-colors-green-700:focus::placeholder { + color: var(--colors-green-700, #2f855a); + } + + .sm\:focus\:placeholder-colors-green-800:focus::-moz-placeholder { + color: var(--colors-green-800, #276749); + } + + .sm\:focus\:placeholder-colors-green-800:focus::placeholder { + color: var(--colors-green-800, #276749); + } + + .sm\:focus\:placeholder-colors-green-900:focus::-moz-placeholder { + color: var(--colors-green-900, #22543d); + } + + .sm\:focus\:placeholder-colors-green-900:focus::placeholder { + color: var(--colors-green-900, #22543d); + } + + .sm\:focus\:placeholder-colors-teal-100:focus::-moz-placeholder { + color: var(--colors-teal-100, #e6fffa); + } + + .sm\:focus\:placeholder-colors-teal-100:focus::placeholder { + color: var(--colors-teal-100, #e6fffa); + } + + .sm\:focus\:placeholder-colors-teal-200:focus::-moz-placeholder { + color: var(--colors-teal-200, #b2f5ea); + } + + .sm\:focus\:placeholder-colors-teal-200:focus::placeholder { + color: var(--colors-teal-200, #b2f5ea); + } + + .sm\:focus\:placeholder-colors-teal-300:focus::-moz-placeholder { + color: var(--colors-teal-300, #81e6d9); + } + + .sm\:focus\:placeholder-colors-teal-300:focus::placeholder { + color: var(--colors-teal-300, #81e6d9); + } + + .sm\:focus\:placeholder-colors-teal-400:focus::-moz-placeholder { + color: var(--colors-teal-400, #4fd1c5); + } + + .sm\:focus\:placeholder-colors-teal-400:focus::placeholder { + color: var(--colors-teal-400, #4fd1c5); + } + + .sm\:focus\:placeholder-colors-teal-500:focus::-moz-placeholder { + color: var(--colors-teal-500, #38b2ac); + } + + .sm\:focus\:placeholder-colors-teal-500:focus::placeholder { + color: var(--colors-teal-500, #38b2ac); + } + + .sm\:focus\:placeholder-colors-teal-600:focus::-moz-placeholder { + color: var(--colors-teal-600, #319795); + } + + .sm\:focus\:placeholder-colors-teal-600:focus::placeholder { + color: var(--colors-teal-600, #319795); + } + + .sm\:focus\:placeholder-colors-teal-700:focus::-moz-placeholder { + color: var(--colors-teal-700, #2c7a7b); + } + + .sm\:focus\:placeholder-colors-teal-700:focus::placeholder { + color: var(--colors-teal-700, #2c7a7b); + } + + .sm\:focus\:placeholder-colors-teal-800:focus::-moz-placeholder { + color: var(--colors-teal-800, #285e61); + } + + .sm\:focus\:placeholder-colors-teal-800:focus::placeholder { + color: var(--colors-teal-800, #285e61); + } + + .sm\:focus\:placeholder-colors-teal-900:focus::-moz-placeholder { + color: var(--colors-teal-900, #234e52); + } + + .sm\:focus\:placeholder-colors-teal-900:focus::placeholder { + color: var(--colors-teal-900, #234e52); + } + + .sm\:focus\:placeholder-colors-blue-100:focus::-moz-placeholder { + color: var(--colors-blue-100, #ebf8ff); + } + + .sm\:focus\:placeholder-colors-blue-100:focus::placeholder { + color: var(--colors-blue-100, #ebf8ff); + } + + .sm\:focus\:placeholder-colors-blue-200:focus::-moz-placeholder { + color: var(--colors-blue-200, #bee3f8); + } + + .sm\:focus\:placeholder-colors-blue-200:focus::placeholder { + color: var(--colors-blue-200, #bee3f8); + } + + .sm\:focus\:placeholder-colors-blue-300:focus::-moz-placeholder { + color: var(--colors-blue-300, #90cdf4); + } + + .sm\:focus\:placeholder-colors-blue-300:focus::placeholder { + color: var(--colors-blue-300, #90cdf4); + } + + .sm\:focus\:placeholder-colors-blue-400:focus::-moz-placeholder { + color: var(--colors-blue-400, #63b3ed); + } + + .sm\:focus\:placeholder-colors-blue-400:focus::placeholder { + color: var(--colors-blue-400, #63b3ed); + } + + .sm\:focus\:placeholder-colors-blue-500:focus::-moz-placeholder { + color: var(--colors-blue-500, #4299e1); + } + + .sm\:focus\:placeholder-colors-blue-500:focus::placeholder { + color: var(--colors-blue-500, #4299e1); + } + + .sm\:focus\:placeholder-colors-blue-600:focus::-moz-placeholder { + color: var(--colors-blue-600, #3182ce); + } + + .sm\:focus\:placeholder-colors-blue-600:focus::placeholder { + color: var(--colors-blue-600, #3182ce); + } + + .sm\:focus\:placeholder-colors-blue-700:focus::-moz-placeholder { + color: var(--colors-blue-700, #2b6cb0); + } + + .sm\:focus\:placeholder-colors-blue-700:focus::placeholder { + color: var(--colors-blue-700, #2b6cb0); + } + + .sm\:focus\:placeholder-colors-blue-800:focus::-moz-placeholder { + color: var(--colors-blue-800, #2c5282); + } + + .sm\:focus\:placeholder-colors-blue-800:focus::placeholder { + color: var(--colors-blue-800, #2c5282); + } + + .sm\:focus\:placeholder-colors-blue-900:focus::-moz-placeholder { + color: var(--colors-blue-900, #2a4365); + } + + .sm\:focus\:placeholder-colors-blue-900:focus::placeholder { + color: var(--colors-blue-900, #2a4365); + } + + .sm\:focus\:placeholder-colors-indigo-100:focus::-moz-placeholder { + color: var(--colors-indigo-100, #ebf4ff); + } + + .sm\:focus\:placeholder-colors-indigo-100:focus::placeholder { + color: var(--colors-indigo-100, #ebf4ff); + } + + .sm\:focus\:placeholder-colors-indigo-200:focus::-moz-placeholder { + color: var(--colors-indigo-200, #c3dafe); + } + + .sm\:focus\:placeholder-colors-indigo-200:focus::placeholder { + color: var(--colors-indigo-200, #c3dafe); + } + + .sm\:focus\:placeholder-colors-indigo-300:focus::-moz-placeholder { + color: var(--colors-indigo-300, #a3bffa); + } + + .sm\:focus\:placeholder-colors-indigo-300:focus::placeholder { + color: var(--colors-indigo-300, #a3bffa); + } + + .sm\:focus\:placeholder-colors-indigo-400:focus::-moz-placeholder { + color: var(--colors-indigo-400, #7f9cf5); + } + + .sm\:focus\:placeholder-colors-indigo-400:focus::placeholder { + color: var(--colors-indigo-400, #7f9cf5); + } + + .sm\:focus\:placeholder-colors-indigo-500:focus::-moz-placeholder { + color: var(--colors-indigo-500, #667eea); + } + + .sm\:focus\:placeholder-colors-indigo-500:focus::placeholder { + color: var(--colors-indigo-500, #667eea); + } + + .sm\:focus\:placeholder-colors-indigo-600:focus::-moz-placeholder { + color: var(--colors-indigo-600, #5a67d8); + } + + .sm\:focus\:placeholder-colors-indigo-600:focus::placeholder { + color: var(--colors-indigo-600, #5a67d8); + } + + .sm\:focus\:placeholder-colors-indigo-700:focus::-moz-placeholder { + color: var(--colors-indigo-700, #4c51bf); + } + + .sm\:focus\:placeholder-colors-indigo-700:focus::placeholder { + color: var(--colors-indigo-700, #4c51bf); + } + + .sm\:focus\:placeholder-colors-indigo-800:focus::-moz-placeholder { + color: var(--colors-indigo-800, #434190); + } + + .sm\:focus\:placeholder-colors-indigo-800:focus::placeholder { + color: var(--colors-indigo-800, #434190); + } + + .sm\:focus\:placeholder-colors-indigo-900:focus::-moz-placeholder { + color: var(--colors-indigo-900, #3c366b); + } + + .sm\:focus\:placeholder-colors-indigo-900:focus::placeholder { + color: var(--colors-indigo-900, #3c366b); + } + + .sm\:focus\:placeholder-colors-purple-100:focus::-moz-placeholder { + color: var(--colors-purple-100, #faf5ff); + } + + .sm\:focus\:placeholder-colors-purple-100:focus::placeholder { + color: var(--colors-purple-100, #faf5ff); + } + + .sm\:focus\:placeholder-colors-purple-200:focus::-moz-placeholder { + color: var(--colors-purple-200, #e9d8fd); + } + + .sm\:focus\:placeholder-colors-purple-200:focus::placeholder { + color: var(--colors-purple-200, #e9d8fd); + } + + .sm\:focus\:placeholder-colors-purple-300:focus::-moz-placeholder { + color: var(--colors-purple-300, #d6bcfa); + } + + .sm\:focus\:placeholder-colors-purple-300:focus::placeholder { + color: var(--colors-purple-300, #d6bcfa); + } + + .sm\:focus\:placeholder-colors-purple-400:focus::-moz-placeholder { + color: var(--colors-purple-400, #b794f4); + } + + .sm\:focus\:placeholder-colors-purple-400:focus::placeholder { + color: var(--colors-purple-400, #b794f4); + } + + .sm\:focus\:placeholder-colors-purple-500:focus::-moz-placeholder { + color: var(--colors-purple-500, #9f7aea); + } + + .sm\:focus\:placeholder-colors-purple-500:focus::placeholder { + color: var(--colors-purple-500, #9f7aea); + } + + .sm\:focus\:placeholder-colors-purple-600:focus::-moz-placeholder { + color: var(--colors-purple-600, #805ad5); + } + + .sm\:focus\:placeholder-colors-purple-600:focus::placeholder { + color: var(--colors-purple-600, #805ad5); + } + + .sm\:focus\:placeholder-colors-purple-700:focus::-moz-placeholder { + color: var(--colors-purple-700, #6b46c1); + } + + .sm\:focus\:placeholder-colors-purple-700:focus::placeholder { + color: var(--colors-purple-700, #6b46c1); + } + + .sm\:focus\:placeholder-colors-purple-800:focus::-moz-placeholder { + color: var(--colors-purple-800, #553c9a); + } + + .sm\:focus\:placeholder-colors-purple-800:focus::placeholder { + color: var(--colors-purple-800, #553c9a); + } + + .sm\:focus\:placeholder-colors-purple-900:focus::-moz-placeholder { + color: var(--colors-purple-900, #44337a); + } + + .sm\:focus\:placeholder-colors-purple-900:focus::placeholder { + color: var(--colors-purple-900, #44337a); + } + + .sm\:focus\:placeholder-colors-pink-100:focus::-moz-placeholder { + color: var(--colors-pink-100, #fff5f7); + } + + .sm\:focus\:placeholder-colors-pink-100:focus::placeholder { + color: var(--colors-pink-100, #fff5f7); + } + + .sm\:focus\:placeholder-colors-pink-200:focus::-moz-placeholder { + color: var(--colors-pink-200, #fed7e2); + } + + .sm\:focus\:placeholder-colors-pink-200:focus::placeholder { + color: var(--colors-pink-200, #fed7e2); + } + + .sm\:focus\:placeholder-colors-pink-300:focus::-moz-placeholder { + color: var(--colors-pink-300, #fbb6ce); + } + + .sm\:focus\:placeholder-colors-pink-300:focus::placeholder { + color: var(--colors-pink-300, #fbb6ce); + } + + .sm\:focus\:placeholder-colors-pink-400:focus::-moz-placeholder { + color: var(--colors-pink-400, #f687b3); + } + + .sm\:focus\:placeholder-colors-pink-400:focus::placeholder { + color: var(--colors-pink-400, #f687b3); + } + + .sm\:focus\:placeholder-colors-pink-500:focus::-moz-placeholder { + color: var(--colors-pink-500, #ed64a6); + } + + .sm\:focus\:placeholder-colors-pink-500:focus::placeholder { + color: var(--colors-pink-500, #ed64a6); + } + + .sm\:focus\:placeholder-colors-pink-600:focus::-moz-placeholder { + color: var(--colors-pink-600, #d53f8c); + } + + .sm\:focus\:placeholder-colors-pink-600:focus::placeholder { + color: var(--colors-pink-600, #d53f8c); + } + + .sm\:focus\:placeholder-colors-pink-700:focus::-moz-placeholder { + color: var(--colors-pink-700, #b83280); + } + + .sm\:focus\:placeholder-colors-pink-700:focus::placeholder { + color: var(--colors-pink-700, #b83280); + } + + .sm\:focus\:placeholder-colors-pink-800:focus::-moz-placeholder { + color: var(--colors-pink-800, #97266d); + } + + .sm\:focus\:placeholder-colors-pink-800:focus::placeholder { + color: var(--colors-pink-800, #97266d); + } + + .sm\:focus\:placeholder-colors-pink-900:focus::-moz-placeholder { + color: var(--colors-pink-900, #702459); + } + + .sm\:focus\:placeholder-colors-pink-900:focus::placeholder { + color: var(--colors-pink-900, #702459); + } + + .sm\:focus\:placeholder-Box\ Shadow:focus::-moz-placeholder { + color: var(--box-shadow, #7f7e7f); + } + + .sm\:focus\:placeholder-Box\ Shadow:focus::placeholder { + color: var(--box-shadow, #7f7e7f); + } + + .sm\:focus\:placeholder-Error16:focus::-moz-placeholder { + color: var(--error16, #f03d3e40); + } + + .sm\:focus\:placeholder-Error16:focus::placeholder { + color: var(--error16, #f03d3e40); + } + + .sm\:focus\:placeholder-Success16:focus::-moz-placeholder { + color: var(--success16, #5bb14d40); + } + + .sm\:focus\:placeholder-Success16:focus::placeholder { + color: var(--success16, #5bb14d40); + } + + .sm\:focus\:placeholder-Notification16:focus::-moz-placeholder { + color: var(--notification16, #3959ff40); + } + + .sm\:focus\:placeholder-Notification16:focus::placeholder { + color: var(--notification16, #3959ff40); + } + + .sm\:focus\:placeholder-Error8:focus::-moz-placeholder { + color: var(--error8, #f03d3e1a); + } + + .sm\:focus\:placeholder-Error8:focus::placeholder { + color: var(--error8, #f03d3e1a); + } + + .sm\:focus\:placeholder-Notification8:focus::-moz-placeholder { + color: var(--notification8, #3959ff1a); + } + + .sm\:focus\:placeholder-Notification8:focus::placeholder { + color: var(--notification8, #3959ff1a); + } + + .sm\:focus\:placeholder-Success8:focus::-moz-placeholder { + color: var(--success8, #5bb14d1a); + } + + .sm\:focus\:placeholder-Success8:focus::placeholder { + color: var(--success8, #5bb14d1a); + } + + .sm\:focus\:placeholder-Light\ -\ Overlay:focus::-moz-placeholder { + color: var(--light-overlay, #f0edee66); + } + + .sm\:focus\:placeholder-Light\ -\ Overlay:focus::placeholder { + color: var(--light-overlay, #f0edee66); + } + + .sm\:focus\:placeholder-Dark-\ Overlay:focus::-moz-placeholder { + color: var(--dark-overlay, #7f7e7f66); + } + + .sm\:focus\:placeholder-Dark-\ Overlay:focus::placeholder { + color: var(--dark-overlay, #7f7e7f66); + } + + .sm\:focus\:placeholder-black-40:focus::-moz-placeholder { + color: var(--black-40, #00000066); + } + + .sm\:focus\:placeholder-black-40:focus::placeholder { + color: var(--black-40, #00000066); + } + + .sm\:focus\:placeholder-black-75:focus::-moz-placeholder { + color: var(--black-75, #000000bf); + } + + .sm\:focus\:placeholder-black-75:focus::placeholder { + color: var(--black-75, #000000bf); + } + + .sm\:focus\:placeholder-black-60:focus::-moz-placeholder { + color: var(--black-60, #00000099); + } + + .sm\:focus\:placeholder-black-60:focus::placeholder { + color: var(--black-60, #00000099); + } + + .sm\:focus\:placeholder-black-50:focus::-moz-placeholder { + color: var(--black-50, #00000080); + } + + .sm\:focus\:placeholder-black-50:focus::placeholder { + color: var(--black-50, #00000080); + } + + .sm\:focus\:placeholder-black-25:focus::-moz-placeholder { + color: var(--black-25, #00000040); + } + + .sm\:focus\:placeholder-black-25:focus::placeholder { + color: var(--black-25, #00000040); + } + + .sm\:focus\:placeholder-black-10:focus::-moz-placeholder { + color: var(--black-10, #0000001a); + } + + .sm\:focus\:placeholder-black-10:focus::placeholder { + color: var(--black-10, #0000001a); + } + + .sm\:focus\:placeholder-white-25:focus::-moz-placeholder { + color: var(--white-25, #ffffff40); + } + + .sm\:focus\:placeholder-white-25:focus::placeholder { + color: var(--white-25, #ffffff40); + } + + .sm\:focus\:placeholder-white-60:focus::-moz-placeholder { + color: var(--white-60, #ffffff99); + } + + .sm\:focus\:placeholder-white-60:focus::placeholder { + color: var(--white-60, #ffffff99); + } + + .sm\:focus\:placeholder-black-64:focus::-moz-placeholder { + color: var(--black-64, #000000a3); + } + + .sm\:focus\:placeholder-black-64:focus::placeholder { + color: var(--black-64, #000000a3); + } + + .sm\:focus\:placeholder-Shadow\ and\ Highlight-Shadow:focus::-moz-placeholder { + color: var(--shadow-and-highlight-shadow, #7f7e7f); + } + + .sm\:focus\:placeholder-Shadow\ and\ Highlight-Shadow:focus::placeholder { + color: var(--shadow-and-highlight-shadow, #7f7e7f); + } + + .sm\:focus\:placeholder-Shadow\ and\ Highlight-Highlight:focus::-moz-placeholder { + color: var(--shadow-and-highlight-highlight, #474747); + } + + .sm\:focus\:placeholder-Shadow\ and\ Highlight-Highlight:focus::placeholder { + color: var(--shadow-and-highlight-highlight, #474747); + } + + .sm\:focus\:placeholder-Shadow\ and\ Highlight-highlight\ one:focus::-moz-placeholder { + color: var(--shadow-and-highlight-highlight-one, #474747bf); + } + + .sm\:focus\:placeholder-Shadow\ and\ Highlight-highlight\ one:focus::placeholder { + color: var(--shadow-and-highlight-highlight-one, #474747bf); + } + + .sm\:focus\:placeholder-Shadow\ and\ Highlight-highlight\ two:focus::-moz-placeholder { + color: var(--shadow-and-highlight-highlight-two, #47474799); + } + + .sm\:focus\:placeholder-Shadow\ and\ Highlight-highlight\ two:focus::placeholder { + color: var(--shadow-and-highlight-highlight-two, #47474799); + } + + .sm\:focus\:placeholder-Shadow\ and\ Highlight-highlight\ three:focus::-moz-placeholder { + color: var(--shadow-and-highlight-highlight-three, #47474766); + } + + .sm\:focus\:placeholder-Shadow\ and\ Highlight-highlight\ three:focus::placeholder { + color: var(--shadow-and-highlight-highlight-three, #47474766); + } + + .sm\:focus\:placeholder-Shadow\ and\ Highlight-highlight\ five:focus::-moz-placeholder { + color: var(--shadow-and-highlight-highlight-five, #4747471a); + } + + .sm\:focus\:placeholder-Shadow\ and\ Highlight-highlight\ five:focus::placeholder { + color: var(--shadow-and-highlight-highlight-five, #4747471a); + } + + .sm\:focus\:placeholder-Shadow\ and\ Highlight-shadow\ one:focus::-moz-placeholder { + color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); + } + + .sm\:focus\:placeholder-Shadow\ and\ Highlight-shadow\ one:focus::placeholder { + color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); + } + + .sm\:focus\:placeholder-Shadow\ and\ Highlight-shadow\ two:focus::-moz-placeholder { + color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); + } + + .sm\:focus\:placeholder-Shadow\ and\ Highlight-shadow\ two:focus::placeholder { + color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); + } + + .sm\:focus\:placeholder-Shadow\ and\ Highlight-shadow\ three:focus::-moz-placeholder { + color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); + } + + .sm\:focus\:placeholder-Shadow\ and\ Highlight-shadow\ three:focus::placeholder { + color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); + } + + .sm\:focus\:placeholder-Shadow\ and\ Highlight-shadow\ four:focus::-moz-placeholder { + color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); + } + + .sm\:focus\:placeholder-Shadow\ and\ Highlight-shadow\ four:focus::placeholder { + color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); + } + + .sm\:focus\:placeholder-Shadow\ and\ Highlight-shadow\ five:focus::-moz-placeholder { + color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); + } + + .sm\:focus\:placeholder-Shadow\ and\ Highlight-shadow\ five:focus::placeholder { + color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); + } + + .sm\:focus\:placeholder-Shadow\ and\ Highlight-highlight\ four:focus::-moz-placeholder { + color: var(--shadow-and-highlight-highlight-four, #47474740); + } + + .sm\:focus\:placeholder-Shadow\ and\ Highlight-highlight\ four:focus::placeholder { + color: var(--shadow-and-highlight-highlight-four, #47474740); + } + + .sm\:focus\:placeholder-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus::-moz-placeholder { + color: var(--base-layer-styles-base-layer-light-white, #ffffff); + } + + .sm\:focus\:placeholder-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus::placeholder { + color: var(--base-layer-styles-base-layer-light-white, #ffffff); + } + + .sm\:focus\:placeholder-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus::-moz-placeholder { + color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); + } + + .sm\:focus\:placeholder-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus::placeholder { + color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); + } + + .sm\:focus\:placeholder-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus::-moz-placeholder { + color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); + } + + .sm\:focus\:placeholder-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus::placeholder { + color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); + } + + .sm\:focus\:placeholder-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus::-moz-placeholder { + color: var(--base-layer-styles-base-layer-dark-black, #000000); + } + + .sm\:focus\:placeholder-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus::placeholder { + color: var(--base-layer-styles-base-layer-dark-black, #000000); + } + + .sm\:focus\:placeholder-Grey-Scale-white:focus::-moz-placeholder { + color: var(--grey-scale-white, #ffffff); + } + + .sm\:focus\:placeholder-Grey-Scale-white:focus::placeholder { + color: var(--grey-scale-white, #ffffff); + } + + .sm\:focus\:placeholder-Grey-Scale-off-white:focus::-moz-placeholder { + color: var(--grey-scale-off-white, #f0edee); + } + + .sm\:focus\:placeholder-Grey-Scale-off-white:focus::placeholder { + color: var(--grey-scale-off-white, #f0edee); + } + + .sm\:focus\:placeholder-Grey\ Scale-grey:focus::-moz-placeholder { + color: var(--grey-scale-grey, #7f7e7f); + } + + .sm\:focus\:placeholder-Grey\ Scale-grey:focus::placeholder { + color: var(--grey-scale-grey, #7f7e7f); + } + + .sm\:focus\:placeholder-Grey\ Scale-charcoal:focus::-moz-placeholder { + color: var(--grey-scale-charcoal, #474747); + } + + .sm\:focus\:placeholder-Grey\ Scale-charcoal:focus::placeholder { + color: var(--grey-scale-charcoal, #474747); + } + + .sm\:focus\:placeholder-Grey\ Scale-off-black:focus::-moz-placeholder { + color: var(--grey-scale-off-black, #1c1c1c); + } + + .sm\:focus\:placeholder-Grey\ Scale-off-black:focus::placeholder { + color: var(--grey-scale-off-black, #1c1c1c); + } + + .sm\:focus\:placeholder-Grey\ Scale-black:focus::-moz-placeholder { + color: var(--grey-scale-black, #000000); + } + + .sm\:focus\:placeholder-Grey\ Scale-black:focus::placeholder { + color: var(--grey-scale-black, #000000); + } + + .sm\:focus\:placeholder-Blue-blue:focus::-moz-placeholder { + color: var(--blue-blue, #3a7ca5); + } + + .sm\:focus\:placeholder-Blue-blue:focus::placeholder { + color: var(--blue-blue, #3a7ca5); + } + + .sm\:focus\:placeholder-Blue-blue-100:focus::-moz-placeholder { + color: var(--blue-blue-100, #75a3c0); + } + + .sm\:focus\:placeholder-Blue-blue-100:focus::placeholder { + color: var(--blue-blue-100, #75a3c0); + } + + .sm\:focus\:placeholder-Blue-blue-200:focus::-moz-placeholder { + color: var(--blue-blue-200, #9cbed2); + } + + .sm\:focus\:placeholder-Blue-blue-200:focus::placeholder { + color: var(--blue-blue-200, #9cbed2); + } + + .sm\:focus\:placeholder-Blue-blue-300:focus::-moz-placeholder { + color: var(--blue-blue-300, #4f7d9a); + } + + .sm\:focus\:placeholder-Blue-blue-300:focus::placeholder { + color: var(--blue-blue-300, #4f7d9a); + } + + .sm\:focus\:placeholder-Blue-blue-400:focus::-moz-placeholder { + color: var(--blue-blue-400, #5c7d92); + } + + .sm\:focus\:placeholder-Blue-blue-400:focus::placeholder { + color: var(--blue-blue-400, #5c7d92); + } + + .sm\:focus\:placeholder-Blue-blue-500:focus::-moz-placeholder { + color: var(--blue-blue-500, #347095); + } + + .sm\:focus\:placeholder-Blue-blue-500:focus::placeholder { + color: var(--blue-blue-500, #347095); + } + + .sm\:focus\:placeholder-Blue-blue-600:focus::-moz-placeholder { + color: var(--blue-blue-600, #295774); + } + + .sm\:focus\:placeholder-Blue-blue-600:focus::placeholder { + color: var(--blue-blue-600, #295774); + } + + .sm\:focus\:placeholder-Blue-blue-700:focus::-moz-placeholder { + color: var(--blue-blue-700, #173242); + } + + .sm\:focus\:placeholder-Blue-blue-700:focus::placeholder { + color: var(--blue-blue-700, #173242); + } + + .sm\:focus\:placeholder-LightBlue-lightblue:focus::-moz-placeholder { + color: var(--light-blue-lightblue, #81c3d7); + } + + .sm\:focus\:placeholder-LightBlue-lightblue:focus::placeholder { + color: var(--light-blue-lightblue, #81c3d7); + } + + .sm\:focus\:placeholder-LightBlue-lightblue-100:focus::-moz-placeholder { + color: var(--light-blue-lightblue-100, #a7d5e3); + } + + .sm\:focus\:placeholder-LightBlue-lightblue-100:focus::placeholder { + color: var(--light-blue-lightblue-100, #a7d5e3); + } + + .sm\:focus\:placeholder-LightBlue-lightblue-200:focus::-moz-placeholder { + color: var(--light-blue-lightblue-200, #c0e1eb); + } + + .sm\:focus\:placeholder-LightBlue-lightblue-200:focus::placeholder { + color: var(--light-blue-lightblue-200, #c0e1eb); + } + + .sm\:focus\:placeholder-LightBlue-lightblue-300:focus::-moz-placeholder { + color: var(--light-blue-lightblue-300, #80aebd); + } + + .sm\:focus\:placeholder-LightBlue-lightblue-300:focus::placeholder { + color: var(--light-blue-lightblue-300, #80aebd); + } + + .sm\:focus\:placeholder-LightBlue-lightblue-400:focus::-moz-placeholder { + color: var(--light-blue-lightblue-400, #80a0ab); + } + + .sm\:focus\:placeholder-LightBlue-lightblue-400:focus::placeholder { + color: var(--light-blue-lightblue-400, #80a0ab); + } + + .sm\:focus\:placeholder-LightBlue-lightblue-500:focus::-moz-placeholder { + color: var(--light-blue-lightblue-500, #74afc1); + } + + .sm\:focus\:placeholder-LightBlue-lightblue-500:focus::placeholder { + color: var(--light-blue-lightblue-500, #74afc1); + } + + .sm\:focus\:placeholder-LightBlue-lightblue-600:focus::-moz-placeholder { + color: var(--light-blue-lightblue-600, #5a8997); + } + + .sm\:focus\:placeholder-LightBlue-lightblue-600:focus::placeholder { + color: var(--light-blue-lightblue-600, #5a8997); + } + + .sm\:focus\:placeholder-LightBlue-lightblue-650:focus::-moz-placeholder { + color: var(--light-blue-lightblue-650, #3e5e65); + } + + .sm\:focus\:placeholder-LightBlue-lightblue-650:focus::placeholder { + color: var(--light-blue-lightblue-650, #3e5e65); + } + + .sm\:focus\:placeholder-LightBlue-lightblue-700:focus::-moz-placeholder { + color: var(--light-blue-lightblue-700, #344e56); + } + + .sm\:focus\:placeholder-LightBlue-lightblue-700:focus::placeholder { + color: var(--light-blue-lightblue-700, #344e56); + } + + .sm\:focus\:placeholder-Orange-orange:focus::-moz-placeholder { + color: var(--orange-orange, #ff7f0e); + } + + .sm\:focus\:placeholder-Orange-orange:focus::placeholder { + color: var(--orange-orange, #ff7f0e); + } + + .sm\:focus\:placeholder-Orange-orange-100:focus::-moz-placeholder { + color: var(--orange-orange-100, #ffa556); + } + + .sm\:focus\:placeholder-Orange-orange-100:focus::placeholder { + color: var(--orange-orange-100, #ffa556); + } + + .sm\:focus\:placeholder-Orange-orange-200:focus::-moz-placeholder { + color: var(--orange-orange-200, #ffbf86); + } + + .sm\:focus\:placeholder-Orange-orange-200:focus::placeholder { + color: var(--orange-orange-200, #ffbf86); + } + + .sm\:focus\:placeholder-Orange-orange-300:focus::-moz-placeholder { + color: var(--orange-orange-300, #d97f30); + } + + .sm\:focus\:placeholder-Orange-orange-300:focus::placeholder { + color: var(--orange-orange-300, #d97f30); + } + + .sm\:focus\:placeholder-Orange-orange-400:focus::-moz-placeholder { + color: var(--orange-orange-400, #bf7e46); + } + + .sm\:focus\:placeholder-Orange-orange-400:focus::placeholder { + color: var(--orange-orange-400, #bf7e46); + } + + .sm\:focus\:placeholder-Orange-orange-500:focus::-moz-placeholder { + color: var(--orange-orange-500, #e5720d); + } + + .sm\:focus\:placeholder-Orange-orange-500:focus::placeholder { + color: var(--orange-orange-500, #e5720d); + } + + .sm\:focus\:placeholder-Orange-orange-600:focus::-moz-placeholder { + color: var(--orange-orange-600, #b3590a); + } + + .sm\:focus\:placeholder-Orange-orange-600:focus::placeholder { + color: var(--orange-orange-600, #b3590a); + } + + .sm\:focus\:placeholder-Orange-orange-700:focus::-moz-placeholder { + color: var(--orange-orange-700, #663306); + } + + .sm\:focus\:placeholder-Orange-orange-700:focus::placeholder { + color: var(--orange-orange-700, #663306); + } + + .sm\:focus\:placeholder-Yellow-yellow:focus::-moz-placeholder { + color: var(--yellow-yellow, #ffab00); + } + + .sm\:focus\:placeholder-Yellow-yellow:focus::placeholder { + color: var(--yellow-yellow, #ffab00); + } + + .sm\:focus\:placeholder-Yellow-yellow-100:focus::-moz-placeholder { + color: var(--yellow-yellow-100, #ffc44c); + } + + .sm\:focus\:placeholder-Yellow-yellow-100:focus::placeholder { + color: var(--yellow-yellow-100, #ffc44c); + } + + .sm\:focus\:placeholder-Yellow-yellow-200:focus::-moz-placeholder { + color: var(--yellow-yellow-200, #ffd580); + } + + .sm\:focus\:placeholder-Yellow-yellow-200:focus::placeholder { + color: var(--yellow-yellow-200, #ffd580); + } + + .sm\:focus\:placeholder-Yellow-yellow-300:focus::-moz-placeholder { + color: var(--yellow-yellow-300, #d99d26); + } + + .sm\:focus\:placeholder-Yellow-yellow-300:focus::placeholder { + color: var(--yellow-yellow-300, #d99d26); + } + + .sm\:focus\:placeholder-Yellow-yellow-400:focus::-moz-placeholder { + color: var(--yellow-yellow-400, #bf943f); + } + + .sm\:focus\:placeholder-Yellow-yellow-400:focus::placeholder { + color: var(--yellow-yellow-400, #bf943f); + } + + .sm\:focus\:placeholder-Yellow-yellow-500:focus::-moz-placeholder { + color: var(--yellow-yellow-500, #e59a00); + } + + .sm\:focus\:placeholder-Yellow-yellow-500:focus::placeholder { + color: var(--yellow-yellow-500, #e59a00); + } + + .sm\:focus\:placeholder-Yellow-yellow-600:focus::-moz-placeholder { + color: var(--yellow-yellow-600, #b37800); + } + + .sm\:focus\:placeholder-Yellow-yellow-600:focus::placeholder { + color: var(--yellow-yellow-600, #b37800); + } + + .sm\:focus\:placeholder-Yellow-yellow-700:focus::-moz-placeholder { + color: var(--yellow-yellow-700, #664400); + } + + .sm\:focus\:placeholder-Yellow-yellow-700:focus::placeholder { + color: var(--yellow-yellow-700, #664400); + } + + .sm\:focus\:placeholder-Notification-notification:focus::-moz-placeholder { + color: var(--notification-notification, #3959ff); + } + + .sm\:focus\:placeholder-Notification-notification:focus::placeholder { + color: var(--notification-notification, #3959ff); + } + + .sm\:focus\:placeholder-Notification-notification-100:focus::-moz-placeholder { + color: var(--notification-notification-100, #748bff); + } + + .sm\:focus\:placeholder-Notification-notification-100:focus::placeholder { + color: var(--notification-notification-100, #748bff); + } + + .sm\:focus\:placeholder-Notification-notification-200:focus::-moz-placeholder { + color: var(--notification-notification-200, #9cacff); + } + + .sm\:focus\:placeholder-Notification-notification-200:focus::placeholder { + color: var(--notification-notification-200, #9cacff); + } + + .sm\:focus\:placeholder-Notification-notification-300:focus::-moz-placeholder { + color: var(--notification-notification-300, #4e64d9); + } + + .sm\:focus\:placeholder-Notification-notification-300:focus::placeholder { + color: var(--notification-notification-300, #4e64d9); + } + + .sm\:focus\:placeholder-Notification-notification-400:focus::-moz-placeholder { + color: var(--notification-notification-400, #5c6cbf); + } + + .sm\:focus\:placeholder-Notification-notification-400:focus::placeholder { + color: var(--notification-notification-400, #5c6cbf); + } + + .sm\:focus\:placeholder-Notification-notification-500:focus::-moz-placeholder { + color: var(--notification-notification-500, #3350e5); + } + + .sm\:focus\:placeholder-Notification-notification-500:focus::placeholder { + color: var(--notification-notification-500, #3350e5); + } + + .sm\:focus\:placeholder-Notification-notification-600:focus::-moz-placeholder { + color: var(--notification-notification-600, #283eb3); + } + + .sm\:focus\:placeholder-Notification-notification-600:focus::placeholder { + color: var(--notification-notification-600, #283eb3); + } + + .sm\:focus\:placeholder-Notification-notification-700:focus::-moz-placeholder { + color: var(--notification-notification-700, #172466); + } + + .sm\:focus\:placeholder-Notification-notification-700:focus::placeholder { + color: var(--notification-notification-700, #172466); + } + + .sm\:focus\:placeholder-Success-success\ -700:focus::-moz-placeholder { + color: var(--success-success-700, #24471f); + } + + .sm\:focus\:placeholder-Success-success\ -700:focus::placeholder { + color: var(--success-success-700, #24471f); + } + + .sm\:focus\:placeholder-Success-success:focus::-moz-placeholder { + color: var(--success-success, #5bb14d); + } + + .sm\:focus\:placeholder-Success-success:focus::placeholder { + color: var(--success-success, #5bb14d); + } + + .sm\:focus\:placeholder-Success-success\ -100:focus::-moz-placeholder { + color: var(--success-success-100, #8cc882); + } + + .sm\:focus\:placeholder-Success-success\ -100:focus::placeholder { + color: var(--success-success-100, #8cc882); + } + + .sm\:focus\:placeholder-Success-success\ -200:focus::-moz-placeholder { + color: var(--success-success-200, #add8a6); + } + + .sm\:focus\:placeholder-Success-success\ -200:focus::placeholder { + color: var(--success-success-200, #add8a6); + } + + .sm\:focus\:placeholder-Success-success\ -300:focus::-moz-placeholder { + color: var(--success-success-300, #66a25c); + } + + .sm\:focus\:placeholder-Success-success\ -300:focus::placeholder { + color: var(--success-success-300, #66a25c); + } + + .sm\:focus\:placeholder-Success-success\ -400:focus::-moz-placeholder { + color: var(--success-success-400, #6d9766); + } + + .sm\:focus\:placeholder-Success-success\ -400:focus::placeholder { + color: var(--success-success-400, #6d9766); + } + + .sm\:focus\:placeholder-Success-success\ -500:focus::-moz-placeholder { + color: var(--success-success-500, #529f45); + } + + .sm\:focus\:placeholder-Success-success\ -500:focus::placeholder { + color: var(--success-success-500, #529f45); + } + + .sm\:focus\:placeholder-Success-success\ -600:focus::-moz-placeholder { + color: var(--success-success-600, #407c36); + } + + .sm\:focus\:placeholder-Success-success\ -600:focus::placeholder { + color: var(--success-success-600, #407c36); + } + + .sm\:focus\:placeholder-Error-error:focus::-moz-placeholder { + color: var(--error-error, #f03d3e); + } + + .sm\:focus\:placeholder-Error-error:focus::placeholder { + color: var(--error-error, #f03d3e); + } + + .sm\:focus\:placeholder-Error-error-100:focus::-moz-placeholder { + color: var(--error-error-100, #f57778); + } + + .sm\:focus\:placeholder-Error-error-100:focus::placeholder { + color: var(--error-error-100, #f57778); + } + + .sm\:focus\:placeholder-Error-error-200:focus::-moz-placeholder { + color: var(--error-error-200, #f89e9e); + } + + .sm\:focus\:placeholder-Error-error-200:focus::placeholder { + color: var(--error-error-200, #f89e9e); + } + + .sm\:focus\:placeholder-Error-error-250:focus::-moz-placeholder { + color: var(--error-error-250, #f9c8c8); + } + + .sm\:focus\:placeholder-Error-error-250:focus::placeholder { + color: var(--error-error-250, #f9c8c8); + } + + .sm\:focus\:placeholder-Error-error-300:focus::-moz-placeholder { + color: var(--error-error-300, #ce5151); + } + + .sm\:focus\:placeholder-Error-error-300:focus::placeholder { + color: var(--error-error-300, #ce5151); + } + + .sm\:focus\:placeholder-Error-error-400:focus::-moz-placeholder { + color: var(--error-error-400, #b85e5e); + } + + .sm\:focus\:placeholder-Error-error-400:focus::placeholder { + color: var(--error-error-400, #b85e5e); + } + + .sm\:focus\:placeholder-Error-error-500:focus::-moz-placeholder { + color: var(--error-error-500, #d83738); + } + + .sm\:focus\:placeholder-Error-error-500:focus::placeholder { + color: var(--error-error-500, #d83738); + } + + .sm\:focus\:placeholder-Error-error-600:focus::-moz-placeholder { + color: var(--error-error-600, #a82b2b); + } + + .sm\:focus\:placeholder-Error-error-600:focus::placeholder { + color: var(--error-error-600, #a82b2b); + } + + .sm\:focus\:placeholder-Error-error-700:focus::-moz-placeholder { + color: var(--error-error-700, #601819); + } + + .sm\:focus\:placeholder-Error-error-700:focus::placeholder { + color: var(--error-error-700, #601819); + } + + .sm\:placeholder-opacity-0::-moz-placeholder { + --tw-placeholder-opacity: 0; + } + + .sm\:placeholder-opacity-0::placeholder { + --tw-placeholder-opacity: 0; + } + + .sm\:placeholder-opacity-5::-moz-placeholder { + --tw-placeholder-opacity: 0.05; + } + + .sm\:placeholder-opacity-5::placeholder { + --tw-placeholder-opacity: 0.05; + } + + .sm\:placeholder-opacity-10::-moz-placeholder { + --tw-placeholder-opacity: 0.1; + } + + .sm\:placeholder-opacity-10::placeholder { + --tw-placeholder-opacity: 0.1; + } + + .sm\:placeholder-opacity-20::-moz-placeholder { + --tw-placeholder-opacity: 0.2; + } + + .sm\:placeholder-opacity-20::placeholder { + --tw-placeholder-opacity: 0.2; + } + + .sm\:placeholder-opacity-25::-moz-placeholder { + --tw-placeholder-opacity: 0.25; + } + + .sm\:placeholder-opacity-25::placeholder { + --tw-placeholder-opacity: 0.25; + } + + .sm\:placeholder-opacity-30::-moz-placeholder { + --tw-placeholder-opacity: 0.3; + } + + .sm\:placeholder-opacity-30::placeholder { + --tw-placeholder-opacity: 0.3; + } + + .sm\:placeholder-opacity-40::-moz-placeholder { + --tw-placeholder-opacity: 0.4; + } + + .sm\:placeholder-opacity-40::placeholder { + --tw-placeholder-opacity: 0.4; + } + + .sm\:placeholder-opacity-50::-moz-placeholder { + --tw-placeholder-opacity: 0.5; + } + + .sm\:placeholder-opacity-50::placeholder { + --tw-placeholder-opacity: 0.5; + } + + .sm\:placeholder-opacity-60::-moz-placeholder { + --tw-placeholder-opacity: 0.6; + } + + .sm\:placeholder-opacity-60::placeholder { + --tw-placeholder-opacity: 0.6; + } + + .sm\:placeholder-opacity-70::-moz-placeholder { + --tw-placeholder-opacity: 0.7; + } + + .sm\:placeholder-opacity-70::placeholder { + --tw-placeholder-opacity: 0.7; + } + + .sm\:placeholder-opacity-75::-moz-placeholder { + --tw-placeholder-opacity: 0.75; + } + + .sm\:placeholder-opacity-75::placeholder { + --tw-placeholder-opacity: 0.75; + } + + .sm\:placeholder-opacity-80::-moz-placeholder { + --tw-placeholder-opacity: 0.8; + } + + .sm\:placeholder-opacity-80::placeholder { + --tw-placeholder-opacity: 0.8; + } + + .sm\:placeholder-opacity-90::-moz-placeholder { + --tw-placeholder-opacity: 0.9; + } + + .sm\:placeholder-opacity-90::placeholder { + --tw-placeholder-opacity: 0.9; + } + + .sm\:placeholder-opacity-95::-moz-placeholder { + --tw-placeholder-opacity: 0.95; + } + + .sm\:placeholder-opacity-95::placeholder { + --tw-placeholder-opacity: 0.95; + } + + .sm\:placeholder-opacity-100::-moz-placeholder { + --tw-placeholder-opacity: 1; + } + + .sm\:placeholder-opacity-100::placeholder { + --tw-placeholder-opacity: 1; + } + + .sm\:focus\:placeholder-opacity-0:focus::-moz-placeholder { + --tw-placeholder-opacity: 0; + } + + .sm\:focus\:placeholder-opacity-0:focus::placeholder { + --tw-placeholder-opacity: 0; + } + + .sm\:focus\:placeholder-opacity-5:focus::-moz-placeholder { + --tw-placeholder-opacity: 0.05; + } + + .sm\:focus\:placeholder-opacity-5:focus::placeholder { + --tw-placeholder-opacity: 0.05; + } + + .sm\:focus\:placeholder-opacity-10:focus::-moz-placeholder { + --tw-placeholder-opacity: 0.1; + } + + .sm\:focus\:placeholder-opacity-10:focus::placeholder { + --tw-placeholder-opacity: 0.1; + } + + .sm\:focus\:placeholder-opacity-20:focus::-moz-placeholder { + --tw-placeholder-opacity: 0.2; + } + + .sm\:focus\:placeholder-opacity-20:focus::placeholder { + --tw-placeholder-opacity: 0.2; + } + + .sm\:focus\:placeholder-opacity-25:focus::-moz-placeholder { + --tw-placeholder-opacity: 0.25; + } + + .sm\:focus\:placeholder-opacity-25:focus::placeholder { + --tw-placeholder-opacity: 0.25; + } + + .sm\:focus\:placeholder-opacity-30:focus::-moz-placeholder { + --tw-placeholder-opacity: 0.3; + } + + .sm\:focus\:placeholder-opacity-30:focus::placeholder { + --tw-placeholder-opacity: 0.3; + } + + .sm\:focus\:placeholder-opacity-40:focus::-moz-placeholder { + --tw-placeholder-opacity: 0.4; + } + + .sm\:focus\:placeholder-opacity-40:focus::placeholder { + --tw-placeholder-opacity: 0.4; + } + + .sm\:focus\:placeholder-opacity-50:focus::-moz-placeholder { + --tw-placeholder-opacity: 0.5; + } + + .sm\:focus\:placeholder-opacity-50:focus::placeholder { + --tw-placeholder-opacity: 0.5; + } + + .sm\:focus\:placeholder-opacity-60:focus::-moz-placeholder { + --tw-placeholder-opacity: 0.6; + } + + .sm\:focus\:placeholder-opacity-60:focus::placeholder { + --tw-placeholder-opacity: 0.6; + } + + .sm\:focus\:placeholder-opacity-70:focus::-moz-placeholder { + --tw-placeholder-opacity: 0.7; + } + + .sm\:focus\:placeholder-opacity-70:focus::placeholder { + --tw-placeholder-opacity: 0.7; + } + + .sm\:focus\:placeholder-opacity-75:focus::-moz-placeholder { + --tw-placeholder-opacity: 0.75; + } + + .sm\:focus\:placeholder-opacity-75:focus::placeholder { + --tw-placeholder-opacity: 0.75; + } + + .sm\:focus\:placeholder-opacity-80:focus::-moz-placeholder { + --tw-placeholder-opacity: 0.8; + } + + .sm\:focus\:placeholder-opacity-80:focus::placeholder { + --tw-placeholder-opacity: 0.8; + } + + .sm\:focus\:placeholder-opacity-90:focus::-moz-placeholder { + --tw-placeholder-opacity: 0.9; + } + + .sm\:focus\:placeholder-opacity-90:focus::placeholder { + --tw-placeholder-opacity: 0.9; + } + + .sm\:focus\:placeholder-opacity-95:focus::-moz-placeholder { + --tw-placeholder-opacity: 0.95; + } + + .sm\:focus\:placeholder-opacity-95:focus::placeholder { + --tw-placeholder-opacity: 0.95; + } + + .sm\:focus\:placeholder-opacity-100:focus::-moz-placeholder { + --tw-placeholder-opacity: 1; + } + + .sm\:focus\:placeholder-opacity-100:focus::placeholder { + --tw-placeholder-opacity: 1; + } + + .sm\:opacity-0 { + opacity: 0; + } + + .sm\:opacity-5 { + opacity: 0.05; + } + + .sm\:opacity-10 { + opacity: 0.1; + } + + .sm\:opacity-20 { + opacity: 0.2; + } + + .sm\:opacity-25 { + opacity: 0.25; + } + + .sm\:opacity-30 { + opacity: 0.3; + } + + .sm\:opacity-40 { + opacity: 0.4; + } + + .sm\:opacity-50 { + opacity: 0.5; + } + + .sm\:opacity-60 { + opacity: 0.6; + } + + .sm\:opacity-70 { + opacity: 0.7; + } + + .sm\:opacity-75 { + opacity: 0.75; + } + + .sm\:opacity-80 { + opacity: 0.8; + } + + .sm\:opacity-90 { + opacity: 0.9; + } + + .sm\:opacity-95 { + opacity: 0.95; + } + + .sm\:opacity-100 { + opacity: 1; + } + + .group:hover .sm\:group-hover\:opacity-0 { + opacity: 0; + } + + .group:hover .sm\:group-hover\:opacity-5 { + opacity: 0.05; + } + + .group:hover .sm\:group-hover\:opacity-10 { + opacity: 0.1; + } + + .group:hover .sm\:group-hover\:opacity-20 { + opacity: 0.2; + } + + .group:hover .sm\:group-hover\:opacity-25 { + opacity: 0.25; + } + + .group:hover .sm\:group-hover\:opacity-30 { + opacity: 0.3; + } + + .group:hover .sm\:group-hover\:opacity-40 { + opacity: 0.4; + } + + .group:hover .sm\:group-hover\:opacity-50 { + opacity: 0.5; + } + + .group:hover .sm\:group-hover\:opacity-60 { + opacity: 0.6; + } + + .group:hover .sm\:group-hover\:opacity-70 { + opacity: 0.7; + } + + .group:hover .sm\:group-hover\:opacity-75 { + opacity: 0.75; + } + + .group:hover .sm\:group-hover\:opacity-80 { + opacity: 0.8; + } + + .group:hover .sm\:group-hover\:opacity-90 { + opacity: 0.9; + } + + .group:hover .sm\:group-hover\:opacity-95 { + opacity: 0.95; + } + + .group:hover .sm\:group-hover\:opacity-100 { + opacity: 1; + } + + .sm\:focus-within\:opacity-0:focus-within { + opacity: 0; + } + + .sm\:focus-within\:opacity-5:focus-within { + opacity: 0.05; + } + + .sm\:focus-within\:opacity-10:focus-within { + opacity: 0.1; + } + + .sm\:focus-within\:opacity-20:focus-within { + opacity: 0.2; + } + + .sm\:focus-within\:opacity-25:focus-within { + opacity: 0.25; + } + + .sm\:focus-within\:opacity-30:focus-within { + opacity: 0.3; + } + + .sm\:focus-within\:opacity-40:focus-within { + opacity: 0.4; + } + + .sm\:focus-within\:opacity-50:focus-within { + opacity: 0.5; + } + + .sm\:focus-within\:opacity-60:focus-within { + opacity: 0.6; + } + + .sm\:focus-within\:opacity-70:focus-within { + opacity: 0.7; + } + + .sm\:focus-within\:opacity-75:focus-within { + opacity: 0.75; + } + + .sm\:focus-within\:opacity-80:focus-within { + opacity: 0.8; + } + + .sm\:focus-within\:opacity-90:focus-within { + opacity: 0.9; + } + + .sm\:focus-within\:opacity-95:focus-within { + opacity: 0.95; + } + + .sm\:focus-within\:opacity-100:focus-within { + opacity: 1; + } + + .sm\:hover\:opacity-0:hover { + opacity: 0; + } + + .sm\:hover\:opacity-5:hover { + opacity: 0.05; + } + + .sm\:hover\:opacity-10:hover { + opacity: 0.1; + } + + .sm\:hover\:opacity-20:hover { + opacity: 0.2; + } + + .sm\:hover\:opacity-25:hover { + opacity: 0.25; + } + + .sm\:hover\:opacity-30:hover { + opacity: 0.3; + } + + .sm\:hover\:opacity-40:hover { + opacity: 0.4; + } + + .sm\:hover\:opacity-50:hover { + opacity: 0.5; + } + + .sm\:hover\:opacity-60:hover { + opacity: 0.6; + } + + .sm\:hover\:opacity-70:hover { + opacity: 0.7; + } + + .sm\:hover\:opacity-75:hover { + opacity: 0.75; + } + + .sm\:hover\:opacity-80:hover { + opacity: 0.8; + } + + .sm\:hover\:opacity-90:hover { + opacity: 0.9; + } + + .sm\:hover\:opacity-95:hover { + opacity: 0.95; + } + + .sm\:hover\:opacity-100:hover { + opacity: 1; + } + + .sm\:focus\:opacity-0:focus { + opacity: 0; + } + + .sm\:focus\:opacity-5:focus { + opacity: 0.05; + } + + .sm\:focus\:opacity-10:focus { + opacity: 0.1; + } + + .sm\:focus\:opacity-20:focus { + opacity: 0.2; + } + + .sm\:focus\:opacity-25:focus { + opacity: 0.25; + } + + .sm\:focus\:opacity-30:focus { + opacity: 0.3; + } + + .sm\:focus\:opacity-40:focus { + opacity: 0.4; + } + + .sm\:focus\:opacity-50:focus { + opacity: 0.5; + } + + .sm\:focus\:opacity-60:focus { + opacity: 0.6; + } + + .sm\:focus\:opacity-70:focus { + opacity: 0.7; + } + + .sm\:focus\:opacity-75:focus { + opacity: 0.75; + } + + .sm\:focus\:opacity-80:focus { + opacity: 0.8; + } + + .sm\:focus\:opacity-90:focus { + opacity: 0.9; + } + + .sm\:focus\:opacity-95:focus { + opacity: 0.95; + } + + .sm\:focus\:opacity-100:focus { + opacity: 1; + } + + .sm\:bg-blend-normal { + background-blend-mode: normal; + } + + .sm\:bg-blend-multiply { + background-blend-mode: multiply; + } + + .sm\:bg-blend-screen { + background-blend-mode: screen; + } + + .sm\:bg-blend-overlay { + background-blend-mode: overlay; + } + + .sm\:bg-blend-darken { + background-blend-mode: darken; + } + + .sm\:bg-blend-lighten { + background-blend-mode: lighten; + } + + .sm\:bg-blend-color-dodge { + background-blend-mode: color-dodge; + } + + .sm\:bg-blend-color-burn { + background-blend-mode: color-burn; + } + + .sm\:bg-blend-hard-light { + background-blend-mode: hard-light; + } + + .sm\:bg-blend-soft-light { + background-blend-mode: soft-light; + } + + .sm\:bg-blend-difference { + background-blend-mode: difference; + } + + .sm\:bg-blend-exclusion { + background-blend-mode: exclusion; + } + + .sm\:bg-blend-hue { + background-blend-mode: hue; + } + + .sm\:bg-blend-saturation { + background-blend-mode: saturation; + } + + .sm\:bg-blend-color { + background-blend-mode: color; + } + + .sm\:bg-blend-luminosity { + background-blend-mode: luminosity; + } + + .sm\:mix-blend-normal { + mix-blend-mode: normal; + } + + .sm\:mix-blend-multiply { + mix-blend-mode: multiply; + } + + .sm\:mix-blend-screen { + mix-blend-mode: screen; + } + + .sm\:mix-blend-overlay { + mix-blend-mode: overlay; + } + + .sm\:mix-blend-darken { + mix-blend-mode: darken; + } + + .sm\:mix-blend-lighten { + mix-blend-mode: lighten; + } + + .sm\:mix-blend-color-dodge { + mix-blend-mode: color-dodge; + } + + .sm\:mix-blend-color-burn { + mix-blend-mode: color-burn; + } + + .sm\:mix-blend-hard-light { + mix-blend-mode: hard-light; + } + + .sm\:mix-blend-soft-light { + mix-blend-mode: soft-light; + } + + .sm\:mix-blend-difference { + mix-blend-mode: difference; + } + + .sm\:mix-blend-exclusion { + mix-blend-mode: exclusion; + } + + .sm\:mix-blend-hue { + mix-blend-mode: hue; + } + + .sm\:mix-blend-saturation { + mix-blend-mode: saturation; + } + + .sm\:mix-blend-color { + mix-blend-mode: color; + } + + .sm\:mix-blend-luminosity { + mix-blend-mode: luminosity; + } + + .sm\:shadow-sm { + --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + } + + .sm\:shadow { + --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + } + + .sm\:shadow-md { + --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + } + + .sm\:shadow-lg { + --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + } + + .sm\:shadow-xl { + --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + } + + .sm\:shadow-2xl { + --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + } + + .sm\:shadow-inner { + --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + } + + .sm\:shadow-none { + --tw-shadow: 0 0 #0000; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + } + + .group:hover .sm\:group-hover\:shadow-sm { + --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + } + + .group:hover .sm\:group-hover\:shadow { + --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + } + + .group:hover .sm\:group-hover\:shadow-md { + --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + } + + .group:hover .sm\:group-hover\:shadow-lg { + --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + } + + .group:hover .sm\:group-hover\:shadow-xl { + --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + } + + .group:hover .sm\:group-hover\:shadow-2xl { + --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + } + + .group:hover .sm\:group-hover\:shadow-inner { + --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + } + + .group:hover .sm\:group-hover\:shadow-none { + --tw-shadow: 0 0 #0000; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + } + + .sm\:focus-within\:shadow-sm:focus-within { + --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + } + + .sm\:focus-within\:shadow:focus-within { + --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + } + + .sm\:focus-within\:shadow-md:focus-within { + --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + } + + .sm\:focus-within\:shadow-lg:focus-within { + --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + } + + .sm\:focus-within\:shadow-xl:focus-within { + --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + } + + .sm\:focus-within\:shadow-2xl:focus-within { + --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + } + + .sm\:focus-within\:shadow-inner:focus-within { + --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + } + + .sm\:focus-within\:shadow-none:focus-within { + --tw-shadow: 0 0 #0000; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + } + + .sm\:hover\:shadow-sm:hover { + --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + } + + .sm\:hover\:shadow:hover { + --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + } + + .sm\:hover\:shadow-md:hover { + --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + } + + .sm\:hover\:shadow-lg:hover { + --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + } + + .sm\:hover\:shadow-xl:hover { + --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + } + + .sm\:hover\:shadow-2xl:hover { + --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + } + + .sm\:hover\:shadow-inner:hover { + --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + } + + .sm\:hover\:shadow-none:hover { + --tw-shadow: 0 0 #0000; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + } + + .sm\:focus\:shadow-sm:focus { + --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + } + + .sm\:focus\:shadow:focus { + --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + } + + .sm\:focus\:shadow-md:focus { + --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + } + + .sm\:focus\:shadow-lg:focus { + --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + } + + .sm\:focus\:shadow-xl:focus { + --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + } + + .sm\:focus\:shadow-2xl:focus { + --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + } + + .sm\:focus\:shadow-inner:focus { + --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + } + + .sm\:focus\:shadow-none:focus { + --tw-shadow: 0 0 #0000; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + } + + .sm\:outline-none { + outline: 2px solid transparent; + outline-offset: 2px; + } + + .sm\:outline-white { + outline: 2px dotted white; + outline-offset: 2px; + } + + .sm\:outline-black { + outline: 2px dotted black; + outline-offset: 2px; + } + + .sm\:focus-within\:outline-none:focus-within { + outline: 2px solid transparent; + outline-offset: 2px; + } + + .sm\:focus-within\:outline-white:focus-within { + outline: 2px dotted white; + outline-offset: 2px; + } + + .sm\:focus-within\:outline-black:focus-within { + outline: 2px dotted black; + outline-offset: 2px; + } + + .sm\:focus\:outline-none:focus { + outline: 2px solid transparent; + outline-offset: 2px; + } + + .sm\:focus\:outline-white:focus { + outline: 2px dotted white; + outline-offset: 2px; + } + + .sm\:focus\:outline-black:focus { + outline: 2px dotted black; + outline-offset: 2px; + } + + .sm\: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); + } + + .sm\:ring-1 { + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); + } + + .sm\:ring-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); + } + + .sm\: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); + } + + .sm\:ring-8 { + --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(8px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); + } + + .sm\:ring { + --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); + } + + .sm\:focus-within\:ring-0:focus-within { + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(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); + } + + .sm\:focus-within\:ring-1:focus-within { + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); + } + + .sm\:focus-within\:ring-2:focus-within { + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); + } + + .sm\:focus-within\:ring-4:focus-within { + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(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); + } + + .sm\:focus-within\:ring-8:focus-within { + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); + } + + .sm\:focus-within\:ring:focus-within { + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(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); + } + + .sm\: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); + } + + .sm\: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); + } + + .sm\: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); + } + + .sm\:focus\:ring-4:focus { + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); + } + + .sm\:focus\:ring-8: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(8px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); + } + + .sm\:focus\:ring: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(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); + } + + .sm\:ring-inset { + --tw-ring-inset: inset; + } + + .sm\:focus-within\:ring-inset:focus-within { + --tw-ring-inset: inset; + } + + .sm\:focus\:ring-inset:focus { + --tw-ring-inset: inset; + } + + .sm\:ring-colors-black { + --tw-ring-color: var(--colors-black, #000000); + } + + .sm\:ring-colors-white { + --tw-ring-color: var(--colors-white, #ffffff); + } + + .sm\:ring-colors-gray-100 { + --tw-ring-color: var(--colors-gray-100, #f7fafc); + } + + .sm\:ring-colors-gray-200 { + --tw-ring-color: var(--colors-gray-200, #edf2f7); + } + + .sm\:ring-colors-gray-300 { + --tw-ring-color: var(--colors-gray-300, #e2e8f0); + } + + .sm\:ring-colors-gray-400 { + --tw-ring-color: var(--colors-gray-400, #cbd5e0); + } + + .sm\:ring-colors-gray-500 { + --tw-ring-color: var(--colors-gray-500, #a0aec0); + } + + .sm\:ring-colors-gray-600 { + --tw-ring-color: var(--colors-gray-600, #718096); + } + + .sm\:ring-colors-gray-700 { + --tw-ring-color: var(--colors-gray-700, #4a5568); + } + + .sm\:ring-colors-gray-800 { + --tw-ring-color: var(--colors-gray-800, #2d3748); + } + + .sm\:ring-colors-gray-900 { + --tw-ring-color: var(--colors-gray-900, #1a202c); + } + + .sm\:ring-colors-red-100 { + --tw-ring-color: var(--colors-red-100, #fff5f5); + } + + .sm\:ring-colors-red-200 { + --tw-ring-color: var(--colors-red-200, #fed7d7); + } + + .sm\:ring-colors-red-300 { + --tw-ring-color: var(--colors-red-300, #feb2b2); + } + + .sm\:ring-colors-red-400 { + --tw-ring-color: var(--colors-red-400, #fc8181); + } + + .sm\:ring-colors-red-500 { + --tw-ring-color: var(--colors-red-500, #f56565); + } + + .sm\:ring-colors-red-600 { + --tw-ring-color: var(--colors-red-600, #e53e3e); + } + + .sm\:ring-colors-red-700 { + --tw-ring-color: var(--colors-red-700, #c53030); + } + + .sm\:ring-colors-red-800 { + --tw-ring-color: var(--colors-red-800, #9b2c2c); + } + + .sm\:ring-colors-red-900 { + --tw-ring-color: var(--colors-red-900, #742a2a); + } + + .sm\:ring-colors-orange-100 { + --tw-ring-color: var(--colors-orange-100, #fffaf0); + } + + .sm\:ring-colors-orange-200 { + --tw-ring-color: var(--colors-orange-200, #feebc8); + } + + .sm\:ring-colors-orange-300 { + --tw-ring-color: var(--colors-orange-300, #fbd38d); + } + + .sm\:ring-colors-orange-400 { + --tw-ring-color: var(--colors-orange-400, #f6ad55); + } + + .sm\:ring-colors-orange-500 { + --tw-ring-color: var(--colors-orange-500, #ed8936); + } + + .sm\:ring-colors-orange-600 { + --tw-ring-color: var(--colors-orange-600, #dd6b20); + } + + .sm\:ring-colors-orange-700 { + --tw-ring-color: var(--colors-orange-700, #c05621); + } + + .sm\:ring-colors-orange-800 { + --tw-ring-color: var(--colors-orange-800, #9c4221); + } + + .sm\:ring-colors-orange-900 { + --tw-ring-color: var(--colors-orange-900, #7b341e); + } + + .sm\:ring-colors-yellow-100 { + --tw-ring-color: var(--colors-yellow-100, #fffff0); + } + + .sm\:ring-colors-yellow-200 { + --tw-ring-color: var(--colors-yellow-200, #fefcbf); + } + + .sm\:ring-colors-yellow-300 { + --tw-ring-color: var(--colors-yellow-300, #faf089); + } + + .sm\:ring-colors-yellow-400 { + --tw-ring-color: var(--colors-yellow-400, #f6e05e); + } + + .sm\:ring-colors-yellow-500 { + --tw-ring-color: var(--colors-yellow-500, #ecc94b); + } + + .sm\:ring-colors-yellow-600 { + --tw-ring-color: var(--colors-yellow-600, #d69e2e); + } + + .sm\:ring-colors-yellow-700 { + --tw-ring-color: var(--colors-yellow-700, #b7791f); + } + + .sm\:ring-colors-yellow-800 { + --tw-ring-color: var(--colors-yellow-800, #975a16); + } + + .sm\:ring-colors-yellow-900 { + --tw-ring-color: var(--colors-yellow-900, #744210); + } + + .sm\:ring-colors-green-100 { + --tw-ring-color: var(--colors-green-100, #f0fff4); + } + + .sm\:ring-colors-green-200 { + --tw-ring-color: var(--colors-green-200, #c6f6d5); + } + + .sm\:ring-colors-green-300 { + --tw-ring-color: var(--colors-green-300, #9ae6b4); + } + + .sm\:ring-colors-green-400 { + --tw-ring-color: var(--colors-green-400, #68d391); + } + + .sm\:ring-colors-green-500 { + --tw-ring-color: var(--colors-green-500, #48bb78); + } + + .sm\:ring-colors-green-600 { + --tw-ring-color: var(--colors-green-600, #38a169); + } + + .sm\:ring-colors-green-700 { + --tw-ring-color: var(--colors-green-700, #2f855a); + } + + .sm\:ring-colors-green-800 { + --tw-ring-color: var(--colors-green-800, #276749); + } + + .sm\:ring-colors-green-900 { + --tw-ring-color: var(--colors-green-900, #22543d); + } + + .sm\:ring-colors-teal-100 { + --tw-ring-color: var(--colors-teal-100, #e6fffa); + } + + .sm\:ring-colors-teal-200 { + --tw-ring-color: var(--colors-teal-200, #b2f5ea); + } + + .sm\:ring-colors-teal-300 { + --tw-ring-color: var(--colors-teal-300, #81e6d9); + } + + .sm\:ring-colors-teal-400 { + --tw-ring-color: var(--colors-teal-400, #4fd1c5); + } + + .sm\:ring-colors-teal-500 { + --tw-ring-color: var(--colors-teal-500, #38b2ac); + } + + .sm\:ring-colors-teal-600 { + --tw-ring-color: var(--colors-teal-600, #319795); + } + + .sm\:ring-colors-teal-700 { + --tw-ring-color: var(--colors-teal-700, #2c7a7b); + } + + .sm\:ring-colors-teal-800 { + --tw-ring-color: var(--colors-teal-800, #285e61); + } + + .sm\:ring-colors-teal-900 { + --tw-ring-color: var(--colors-teal-900, #234e52); + } + + .sm\:ring-colors-blue-100 { + --tw-ring-color: var(--colors-blue-100, #ebf8ff); + } + + .sm\:ring-colors-blue-200 { + --tw-ring-color: var(--colors-blue-200, #bee3f8); + } + + .sm\:ring-colors-blue-300 { + --tw-ring-color: var(--colors-blue-300, #90cdf4); + } + + .sm\:ring-colors-blue-400 { + --tw-ring-color: var(--colors-blue-400, #63b3ed); + } + + .sm\:ring-colors-blue-500 { + --tw-ring-color: var(--colors-blue-500, #4299e1); + } + + .sm\:ring-colors-blue-600 { + --tw-ring-color: var(--colors-blue-600, #3182ce); + } + + .sm\:ring-colors-blue-700 { + --tw-ring-color: var(--colors-blue-700, #2b6cb0); + } + + .sm\:ring-colors-blue-800 { + --tw-ring-color: var(--colors-blue-800, #2c5282); + } + + .sm\:ring-colors-blue-900 { + --tw-ring-color: var(--colors-blue-900, #2a4365); + } + + .sm\:ring-colors-indigo-100 { + --tw-ring-color: var(--colors-indigo-100, #ebf4ff); + } + + .sm\:ring-colors-indigo-200 { + --tw-ring-color: var(--colors-indigo-200, #c3dafe); + } + + .sm\:ring-colors-indigo-300 { + --tw-ring-color: var(--colors-indigo-300, #a3bffa); + } + + .sm\:ring-colors-indigo-400 { + --tw-ring-color: var(--colors-indigo-400, #7f9cf5); + } + + .sm\:ring-colors-indigo-500 { + --tw-ring-color: var(--colors-indigo-500, #667eea); + } + + .sm\:ring-colors-indigo-600 { + --tw-ring-color: var(--colors-indigo-600, #5a67d8); + } + + .sm\:ring-colors-indigo-700 { + --tw-ring-color: var(--colors-indigo-700, #4c51bf); + } + + .sm\:ring-colors-indigo-800 { + --tw-ring-color: var(--colors-indigo-800, #434190); + } + + .sm\:ring-colors-indigo-900 { + --tw-ring-color: var(--colors-indigo-900, #3c366b); + } + + .sm\:ring-colors-purple-100 { + --tw-ring-color: var(--colors-purple-100, #faf5ff); + } + + .sm\:ring-colors-purple-200 { + --tw-ring-color: var(--colors-purple-200, #e9d8fd); + } + + .sm\:ring-colors-purple-300 { + --tw-ring-color: var(--colors-purple-300, #d6bcfa); + } + + .sm\:ring-colors-purple-400 { + --tw-ring-color: var(--colors-purple-400, #b794f4); + } + + .sm\:ring-colors-purple-500 { + --tw-ring-color: var(--colors-purple-500, #9f7aea); + } + + .sm\:ring-colors-purple-600 { + --tw-ring-color: var(--colors-purple-600, #805ad5); + } + + .sm\:ring-colors-purple-700 { + --tw-ring-color: var(--colors-purple-700, #6b46c1); + } + + .sm\:ring-colors-purple-800 { + --tw-ring-color: var(--colors-purple-800, #553c9a); + } + + .sm\:ring-colors-purple-900 { + --tw-ring-color: var(--colors-purple-900, #44337a); + } + + .sm\:ring-colors-pink-100 { + --tw-ring-color: var(--colors-pink-100, #fff5f7); + } + + .sm\:ring-colors-pink-200 { + --tw-ring-color: var(--colors-pink-200, #fed7e2); + } + + .sm\:ring-colors-pink-300 { + --tw-ring-color: var(--colors-pink-300, #fbb6ce); + } + + .sm\:ring-colors-pink-400 { + --tw-ring-color: var(--colors-pink-400, #f687b3); + } + + .sm\:ring-colors-pink-500 { + --tw-ring-color: var(--colors-pink-500, #ed64a6); + } + + .sm\:ring-colors-pink-600 { + --tw-ring-color: var(--colors-pink-600, #d53f8c); + } + + .sm\:ring-colors-pink-700 { + --tw-ring-color: var(--colors-pink-700, #b83280); + } + + .sm\:ring-colors-pink-800 { + --tw-ring-color: var(--colors-pink-800, #97266d); + } + + .sm\:ring-colors-pink-900 { + --tw-ring-color: var(--colors-pink-900, #702459); + } + + .sm\:ring-Box\ Shadow { + --tw-ring-color: var(--box-shadow, #7f7e7f); + } + + .sm\:ring-Error16 { + --tw-ring-color: var(--error16, #f03d3e40); + } + + .sm\:ring-Success16 { + --tw-ring-color: var(--success16, #5bb14d40); + } + + .sm\:ring-Notification16 { + --tw-ring-color: var(--notification16, #3959ff40); + } + + .sm\:ring-Error8 { + --tw-ring-color: var(--error8, #f03d3e1a); + } + + .sm\:ring-Notification8 { + --tw-ring-color: var(--notification8, #3959ff1a); + } + + .sm\:ring-Success8 { + --tw-ring-color: var(--success8, #5bb14d1a); + } + + .sm\:ring-Light\ -\ Overlay { + --tw-ring-color: var(--light-overlay, #f0edee66); + } + + .sm\:ring-Dark-\ Overlay { + --tw-ring-color: var(--dark-overlay, #7f7e7f66); + } + + .sm\:ring-black-40 { + --tw-ring-color: var(--black-40, #00000066); + } + + .sm\:ring-black-75 { + --tw-ring-color: var(--black-75, #000000bf); + } + + .sm\:ring-black-60 { + --tw-ring-color: var(--black-60, #00000099); + } + + .sm\:ring-black-50 { + --tw-ring-color: var(--black-50, #00000080); + } + + .sm\:ring-black-25 { + --tw-ring-color: var(--black-25, #00000040); + } + + .sm\:ring-black-10 { + --tw-ring-color: var(--black-10, #0000001a); + } + + .sm\:ring-white-25 { + --tw-ring-color: var(--white-25, #ffffff40); + } + + .sm\:ring-white-60 { + --tw-ring-color: var(--white-60, #ffffff99); + } + + .sm\:ring-black-64 { + --tw-ring-color: var(--black-64, #000000a3); + } + + .sm\:ring-Shadow\ and\ Highlight-Shadow { + --tw-ring-color: var(--shadow-and-highlight-shadow, #7f7e7f); + } + + .sm\:ring-Shadow\ and\ Highlight-Highlight { + --tw-ring-color: var(--shadow-and-highlight-highlight, #474747); + } + + .sm\:ring-Shadow\ and\ Highlight-highlight\ one { + --tw-ring-color: var(--shadow-and-highlight-highlight-one, #474747bf); + } + + .sm\:ring-Shadow\ and\ Highlight-highlight\ two { + --tw-ring-color: var(--shadow-and-highlight-highlight-two, #47474799); + } + + .sm\:ring-Shadow\ and\ Highlight-highlight\ three { + --tw-ring-color: var(--shadow-and-highlight-highlight-three, #47474766); + } + + .sm\:ring-Shadow\ and\ Highlight-highlight\ five { + --tw-ring-color: var(--shadow-and-highlight-highlight-five, #4747471a); + } + + .sm\:ring-Shadow\ and\ Highlight-shadow\ one { + --tw-ring-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); + } + + .sm\:ring-Shadow\ and\ Highlight-shadow\ two { + --tw-ring-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); + } + + .sm\:ring-Shadow\ and\ Highlight-shadow\ three { + --tw-ring-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); + } + + .sm\:ring-Shadow\ and\ Highlight-shadow\ four { + --tw-ring-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); + } + + .sm\:ring-Shadow\ and\ Highlight-shadow\ five { + --tw-ring-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); + } + + .sm\:ring-Shadow\ and\ Highlight-highlight\ four { + --tw-ring-color: var(--shadow-and-highlight-highlight-four, #47474740); + } + + .sm\:ring-Base\ Layer\ Styles-Base\ Layer-\ Light-White { + --tw-ring-color: var(--base-layer-styles-base-layer-light-white, #ffffff); + } + + .sm\:ring-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite { + --tw-ring-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); + } + + .sm\:ring-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack { + --tw-ring-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); + } + + .sm\:ring-Base\ Layer\ Styles-Base\ Layer-Dark-Black { + --tw-ring-color: var(--base-layer-styles-base-layer-dark-black, #000000); + } + + .sm\:ring-Grey-Scale-white { + --tw-ring-color: var(--grey-scale-white, #ffffff); + } + + .sm\:ring-Grey-Scale-off-white { + --tw-ring-color: var(--grey-scale-off-white, #f0edee); + } + + .sm\:ring-Grey\ Scale-grey { + --tw-ring-color: var(--grey-scale-grey, #7f7e7f); + } + + .sm\:ring-Grey\ Scale-charcoal { + --tw-ring-color: var(--grey-scale-charcoal, #474747); + } + + .sm\:ring-Grey\ Scale-off-black { + --tw-ring-color: var(--grey-scale-off-black, #1c1c1c); + } + + .sm\:ring-Grey\ Scale-black { + --tw-ring-color: var(--grey-scale-black, #000000); + } + + .sm\:ring-Blue-blue { + --tw-ring-color: var(--blue-blue, #3a7ca5); + } + + .sm\:ring-Blue-blue-100 { + --tw-ring-color: var(--blue-blue-100, #75a3c0); + } + + .sm\:ring-Blue-blue-200 { + --tw-ring-color: var(--blue-blue-200, #9cbed2); + } + + .sm\:ring-Blue-blue-300 { + --tw-ring-color: var(--blue-blue-300, #4f7d9a); + } + + .sm\:ring-Blue-blue-400 { + --tw-ring-color: var(--blue-blue-400, #5c7d92); + } + + .sm\:ring-Blue-blue-500 { + --tw-ring-color: var(--blue-blue-500, #347095); + } + + .sm\:ring-Blue-blue-600 { + --tw-ring-color: var(--blue-blue-600, #295774); + } + + .sm\:ring-Blue-blue-700 { + --tw-ring-color: var(--blue-blue-700, #173242); + } + + .sm\:ring-LightBlue-lightblue { + --tw-ring-color: var(--light-blue-lightblue, #81c3d7); + } + + .sm\:ring-LightBlue-lightblue-100 { + --tw-ring-color: var(--light-blue-lightblue-100, #a7d5e3); + } + + .sm\:ring-LightBlue-lightblue-200 { + --tw-ring-color: var(--light-blue-lightblue-200, #c0e1eb); + } + + .sm\:ring-LightBlue-lightblue-300 { + --tw-ring-color: var(--light-blue-lightblue-300, #80aebd); + } + + .sm\:ring-LightBlue-lightblue-400 { + --tw-ring-color: var(--light-blue-lightblue-400, #80a0ab); + } + + .sm\:ring-LightBlue-lightblue-500 { + --tw-ring-color: var(--light-blue-lightblue-500, #74afc1); + } + + .sm\:ring-LightBlue-lightblue-600 { + --tw-ring-color: var(--light-blue-lightblue-600, #5a8997); + } + + .sm\:ring-LightBlue-lightblue-650 { + --tw-ring-color: var(--light-blue-lightblue-650, #3e5e65); + } + + .sm\:ring-LightBlue-lightblue-700 { + --tw-ring-color: var(--light-blue-lightblue-700, #344e56); + } + + .sm\:ring-Orange-orange { + --tw-ring-color: var(--orange-orange, #ff7f0e); + } + + .sm\:ring-Orange-orange-100 { + --tw-ring-color: var(--orange-orange-100, #ffa556); + } + + .sm\:ring-Orange-orange-200 { + --tw-ring-color: var(--orange-orange-200, #ffbf86); + } + + .sm\:ring-Orange-orange-300 { + --tw-ring-color: var(--orange-orange-300, #d97f30); + } + + .sm\:ring-Orange-orange-400 { + --tw-ring-color: var(--orange-orange-400, #bf7e46); + } + + .sm\:ring-Orange-orange-500 { + --tw-ring-color: var(--orange-orange-500, #e5720d); + } + + .sm\:ring-Orange-orange-600 { + --tw-ring-color: var(--orange-orange-600, #b3590a); + } + + .sm\:ring-Orange-orange-700 { + --tw-ring-color: var(--orange-orange-700, #663306); + } + + .sm\:ring-Yellow-yellow { + --tw-ring-color: var(--yellow-yellow, #ffab00); + } + + .sm\:ring-Yellow-yellow-100 { + --tw-ring-color: var(--yellow-yellow-100, #ffc44c); + } + + .sm\:ring-Yellow-yellow-200 { + --tw-ring-color: var(--yellow-yellow-200, #ffd580); + } + + .sm\:ring-Yellow-yellow-300 { + --tw-ring-color: var(--yellow-yellow-300, #d99d26); + } + + .sm\:ring-Yellow-yellow-400 { + --tw-ring-color: var(--yellow-yellow-400, #bf943f); + } + + .sm\:ring-Yellow-yellow-500 { + --tw-ring-color: var(--yellow-yellow-500, #e59a00); + } + + .sm\:ring-Yellow-yellow-600 { + --tw-ring-color: var(--yellow-yellow-600, #b37800); + } + + .sm\:ring-Yellow-yellow-700 { + --tw-ring-color: var(--yellow-yellow-700, #664400); + } + + .sm\:ring-Notification-notification { + --tw-ring-color: var(--notification-notification, #3959ff); + } + + .sm\:ring-Notification-notification-100 { + --tw-ring-color: var(--notification-notification-100, #748bff); + } + + .sm\:ring-Notification-notification-200 { + --tw-ring-color: var(--notification-notification-200, #9cacff); + } + + .sm\:ring-Notification-notification-300 { + --tw-ring-color: var(--notification-notification-300, #4e64d9); + } + + .sm\:ring-Notification-notification-400 { + --tw-ring-color: var(--notification-notification-400, #5c6cbf); + } + + .sm\:ring-Notification-notification-500 { + --tw-ring-color: var(--notification-notification-500, #3350e5); + } + + .sm\:ring-Notification-notification-600 { + --tw-ring-color: var(--notification-notification-600, #283eb3); + } + + .sm\:ring-Notification-notification-700 { + --tw-ring-color: var(--notification-notification-700, #172466); + } + + .sm\:ring-Success-success\ -700 { + --tw-ring-color: var(--success-success-700, #24471f); + } + + .sm\:ring-Success-success { + --tw-ring-color: var(--success-success, #5bb14d); + } + + .sm\:ring-Success-success\ -100 { + --tw-ring-color: var(--success-success-100, #8cc882); + } + + .sm\:ring-Success-success\ -200 { + --tw-ring-color: var(--success-success-200, #add8a6); + } + + .sm\:ring-Success-success\ -300 { + --tw-ring-color: var(--success-success-300, #66a25c); + } + + .sm\:ring-Success-success\ -400 { + --tw-ring-color: var(--success-success-400, #6d9766); + } + + .sm\:ring-Success-success\ -500 { + --tw-ring-color: var(--success-success-500, #529f45); + } + + .sm\:ring-Success-success\ -600 { + --tw-ring-color: var(--success-success-600, #407c36); + } + + .sm\:ring-Error-error { + --tw-ring-color: var(--error-error, #f03d3e); + } + + .sm\:ring-Error-error-100 { + --tw-ring-color: var(--error-error-100, #f57778); + } + + .sm\:ring-Error-error-200 { + --tw-ring-color: var(--error-error-200, #f89e9e); + } + + .sm\:ring-Error-error-250 { + --tw-ring-color: var(--error-error-250, #f9c8c8); + } + + .sm\:ring-Error-error-300 { + --tw-ring-color: var(--error-error-300, #ce5151); + } + + .sm\:ring-Error-error-400 { + --tw-ring-color: var(--error-error-400, #b85e5e); + } + + .sm\:ring-Error-error-500 { + --tw-ring-color: var(--error-error-500, #d83738); + } + + .sm\:ring-Error-error-600 { + --tw-ring-color: var(--error-error-600, #a82b2b); + } + + .sm\:ring-Error-error-700 { + --tw-ring-color: var(--error-error-700, #601819); + } + + .sm\:focus-within\:ring-colors-black:focus-within { + --tw-ring-color: var(--colors-black, #000000); + } + + .sm\:focus-within\:ring-colors-white:focus-within { + --tw-ring-color: var(--colors-white, #ffffff); + } + + .sm\:focus-within\:ring-colors-gray-100:focus-within { + --tw-ring-color: var(--colors-gray-100, #f7fafc); + } + + .sm\:focus-within\:ring-colors-gray-200:focus-within { + --tw-ring-color: var(--colors-gray-200, #edf2f7); + } + + .sm\:focus-within\:ring-colors-gray-300:focus-within { + --tw-ring-color: var(--colors-gray-300, #e2e8f0); + } + + .sm\:focus-within\:ring-colors-gray-400:focus-within { + --tw-ring-color: var(--colors-gray-400, #cbd5e0); + } + + .sm\:focus-within\:ring-colors-gray-500:focus-within { + --tw-ring-color: var(--colors-gray-500, #a0aec0); + } + + .sm\:focus-within\:ring-colors-gray-600:focus-within { + --tw-ring-color: var(--colors-gray-600, #718096); + } + + .sm\:focus-within\:ring-colors-gray-700:focus-within { + --tw-ring-color: var(--colors-gray-700, #4a5568); + } + + .sm\:focus-within\:ring-colors-gray-800:focus-within { + --tw-ring-color: var(--colors-gray-800, #2d3748); + } + + .sm\:focus-within\:ring-colors-gray-900:focus-within { + --tw-ring-color: var(--colors-gray-900, #1a202c); + } + + .sm\:focus-within\:ring-colors-red-100:focus-within { + --tw-ring-color: var(--colors-red-100, #fff5f5); + } + + .sm\:focus-within\:ring-colors-red-200:focus-within { + --tw-ring-color: var(--colors-red-200, #fed7d7); + } + + .sm\:focus-within\:ring-colors-red-300:focus-within { + --tw-ring-color: var(--colors-red-300, #feb2b2); + } + + .sm\:focus-within\:ring-colors-red-400:focus-within { + --tw-ring-color: var(--colors-red-400, #fc8181); + } + + .sm\:focus-within\:ring-colors-red-500:focus-within { + --tw-ring-color: var(--colors-red-500, #f56565); + } + + .sm\:focus-within\:ring-colors-red-600:focus-within { + --tw-ring-color: var(--colors-red-600, #e53e3e); + } + + .sm\:focus-within\:ring-colors-red-700:focus-within { + --tw-ring-color: var(--colors-red-700, #c53030); + } + + .sm\:focus-within\:ring-colors-red-800:focus-within { + --tw-ring-color: var(--colors-red-800, #9b2c2c); + } + + .sm\:focus-within\:ring-colors-red-900:focus-within { + --tw-ring-color: var(--colors-red-900, #742a2a); + } + + .sm\:focus-within\:ring-colors-orange-100:focus-within { + --tw-ring-color: var(--colors-orange-100, #fffaf0); + } + + .sm\:focus-within\:ring-colors-orange-200:focus-within { + --tw-ring-color: var(--colors-orange-200, #feebc8); + } + + .sm\:focus-within\:ring-colors-orange-300:focus-within { + --tw-ring-color: var(--colors-orange-300, #fbd38d); + } + + .sm\:focus-within\:ring-colors-orange-400:focus-within { + --tw-ring-color: var(--colors-orange-400, #f6ad55); + } + + .sm\:focus-within\:ring-colors-orange-500:focus-within { + --tw-ring-color: var(--colors-orange-500, #ed8936); + } + + .sm\:focus-within\:ring-colors-orange-600:focus-within { + --tw-ring-color: var(--colors-orange-600, #dd6b20); + } + + .sm\:focus-within\:ring-colors-orange-700:focus-within { + --tw-ring-color: var(--colors-orange-700, #c05621); + } + + .sm\:focus-within\:ring-colors-orange-800:focus-within { + --tw-ring-color: var(--colors-orange-800, #9c4221); + } + + .sm\:focus-within\:ring-colors-orange-900:focus-within { + --tw-ring-color: var(--colors-orange-900, #7b341e); + } + + .sm\:focus-within\:ring-colors-yellow-100:focus-within { + --tw-ring-color: var(--colors-yellow-100, #fffff0); + } + + .sm\:focus-within\:ring-colors-yellow-200:focus-within { + --tw-ring-color: var(--colors-yellow-200, #fefcbf); + } + + .sm\:focus-within\:ring-colors-yellow-300:focus-within { + --tw-ring-color: var(--colors-yellow-300, #faf089); + } + + .sm\:focus-within\:ring-colors-yellow-400:focus-within { + --tw-ring-color: var(--colors-yellow-400, #f6e05e); + } + + .sm\:focus-within\:ring-colors-yellow-500:focus-within { + --tw-ring-color: var(--colors-yellow-500, #ecc94b); + } + + .sm\:focus-within\:ring-colors-yellow-600:focus-within { + --tw-ring-color: var(--colors-yellow-600, #d69e2e); + } + + .sm\:focus-within\:ring-colors-yellow-700:focus-within { + --tw-ring-color: var(--colors-yellow-700, #b7791f); + } + + .sm\:focus-within\:ring-colors-yellow-800:focus-within { + --tw-ring-color: var(--colors-yellow-800, #975a16); + } + + .sm\:focus-within\:ring-colors-yellow-900:focus-within { + --tw-ring-color: var(--colors-yellow-900, #744210); + } + + .sm\:focus-within\:ring-colors-green-100:focus-within { + --tw-ring-color: var(--colors-green-100, #f0fff4); + } + + .sm\:focus-within\:ring-colors-green-200:focus-within { + --tw-ring-color: var(--colors-green-200, #c6f6d5); + } + + .sm\:focus-within\:ring-colors-green-300:focus-within { + --tw-ring-color: var(--colors-green-300, #9ae6b4); + } + + .sm\:focus-within\:ring-colors-green-400:focus-within { + --tw-ring-color: var(--colors-green-400, #68d391); + } + + .sm\:focus-within\:ring-colors-green-500:focus-within { + --tw-ring-color: var(--colors-green-500, #48bb78); + } + + .sm\:focus-within\:ring-colors-green-600:focus-within { + --tw-ring-color: var(--colors-green-600, #38a169); + } + + .sm\:focus-within\:ring-colors-green-700:focus-within { + --tw-ring-color: var(--colors-green-700, #2f855a); + } + + .sm\:focus-within\:ring-colors-green-800:focus-within { + --tw-ring-color: var(--colors-green-800, #276749); + } + + .sm\:focus-within\:ring-colors-green-900:focus-within { + --tw-ring-color: var(--colors-green-900, #22543d); + } + + .sm\:focus-within\:ring-colors-teal-100:focus-within { + --tw-ring-color: var(--colors-teal-100, #e6fffa); + } + + .sm\:focus-within\:ring-colors-teal-200:focus-within { + --tw-ring-color: var(--colors-teal-200, #b2f5ea); + } + + .sm\:focus-within\:ring-colors-teal-300:focus-within { + --tw-ring-color: var(--colors-teal-300, #81e6d9); + } + + .sm\:focus-within\:ring-colors-teal-400:focus-within { + --tw-ring-color: var(--colors-teal-400, #4fd1c5); + } + + .sm\:focus-within\:ring-colors-teal-500:focus-within { + --tw-ring-color: var(--colors-teal-500, #38b2ac); + } + + .sm\:focus-within\:ring-colors-teal-600:focus-within { + --tw-ring-color: var(--colors-teal-600, #319795); + } + + .sm\:focus-within\:ring-colors-teal-700:focus-within { + --tw-ring-color: var(--colors-teal-700, #2c7a7b); + } + + .sm\:focus-within\:ring-colors-teal-800:focus-within { + --tw-ring-color: var(--colors-teal-800, #285e61); + } + + .sm\:focus-within\:ring-colors-teal-900:focus-within { + --tw-ring-color: var(--colors-teal-900, #234e52); + } + + .sm\:focus-within\:ring-colors-blue-100:focus-within { + --tw-ring-color: var(--colors-blue-100, #ebf8ff); + } + + .sm\:focus-within\:ring-colors-blue-200:focus-within { + --tw-ring-color: var(--colors-blue-200, #bee3f8); + } + + .sm\:focus-within\:ring-colors-blue-300:focus-within { + --tw-ring-color: var(--colors-blue-300, #90cdf4); + } + + .sm\:focus-within\:ring-colors-blue-400:focus-within { + --tw-ring-color: var(--colors-blue-400, #63b3ed); + } + + .sm\:focus-within\:ring-colors-blue-500:focus-within { + --tw-ring-color: var(--colors-blue-500, #4299e1); + } + + .sm\:focus-within\:ring-colors-blue-600:focus-within { + --tw-ring-color: var(--colors-blue-600, #3182ce); + } + + .sm\:focus-within\:ring-colors-blue-700:focus-within { + --tw-ring-color: var(--colors-blue-700, #2b6cb0); + } + + .sm\:focus-within\:ring-colors-blue-800:focus-within { + --tw-ring-color: var(--colors-blue-800, #2c5282); + } + + .sm\:focus-within\:ring-colors-blue-900:focus-within { + --tw-ring-color: var(--colors-blue-900, #2a4365); + } + + .sm\:focus-within\:ring-colors-indigo-100:focus-within { + --tw-ring-color: var(--colors-indigo-100, #ebf4ff); + } + + .sm\:focus-within\:ring-colors-indigo-200:focus-within { + --tw-ring-color: var(--colors-indigo-200, #c3dafe); + } + + .sm\:focus-within\:ring-colors-indigo-300:focus-within { + --tw-ring-color: var(--colors-indigo-300, #a3bffa); + } + + .sm\:focus-within\:ring-colors-indigo-400:focus-within { + --tw-ring-color: var(--colors-indigo-400, #7f9cf5); + } + + .sm\:focus-within\:ring-colors-indigo-500:focus-within { + --tw-ring-color: var(--colors-indigo-500, #667eea); + } + + .sm\:focus-within\:ring-colors-indigo-600:focus-within { + --tw-ring-color: var(--colors-indigo-600, #5a67d8); + } + + .sm\:focus-within\:ring-colors-indigo-700:focus-within { + --tw-ring-color: var(--colors-indigo-700, #4c51bf); + } + + .sm\:focus-within\:ring-colors-indigo-800:focus-within { + --tw-ring-color: var(--colors-indigo-800, #434190); + } + + .sm\:focus-within\:ring-colors-indigo-900:focus-within { + --tw-ring-color: var(--colors-indigo-900, #3c366b); + } + + .sm\:focus-within\:ring-colors-purple-100:focus-within { + --tw-ring-color: var(--colors-purple-100, #faf5ff); + } + + .sm\:focus-within\:ring-colors-purple-200:focus-within { + --tw-ring-color: var(--colors-purple-200, #e9d8fd); + } + + .sm\:focus-within\:ring-colors-purple-300:focus-within { + --tw-ring-color: var(--colors-purple-300, #d6bcfa); + } + + .sm\:focus-within\:ring-colors-purple-400:focus-within { + --tw-ring-color: var(--colors-purple-400, #b794f4); + } + + .sm\:focus-within\:ring-colors-purple-500:focus-within { + --tw-ring-color: var(--colors-purple-500, #9f7aea); + } + + .sm\:focus-within\:ring-colors-purple-600:focus-within { + --tw-ring-color: var(--colors-purple-600, #805ad5); + } + + .sm\:focus-within\:ring-colors-purple-700:focus-within { + --tw-ring-color: var(--colors-purple-700, #6b46c1); + } + + .sm\:focus-within\:ring-colors-purple-800:focus-within { + --tw-ring-color: var(--colors-purple-800, #553c9a); + } + + .sm\:focus-within\:ring-colors-purple-900:focus-within { + --tw-ring-color: var(--colors-purple-900, #44337a); + } + + .sm\:focus-within\:ring-colors-pink-100:focus-within { + --tw-ring-color: var(--colors-pink-100, #fff5f7); + } + + .sm\:focus-within\:ring-colors-pink-200:focus-within { + --tw-ring-color: var(--colors-pink-200, #fed7e2); + } + + .sm\:focus-within\:ring-colors-pink-300:focus-within { + --tw-ring-color: var(--colors-pink-300, #fbb6ce); + } + + .sm\:focus-within\:ring-colors-pink-400:focus-within { + --tw-ring-color: var(--colors-pink-400, #f687b3); + } + + .sm\:focus-within\:ring-colors-pink-500:focus-within { + --tw-ring-color: var(--colors-pink-500, #ed64a6); + } + + .sm\:focus-within\:ring-colors-pink-600:focus-within { + --tw-ring-color: var(--colors-pink-600, #d53f8c); + } + + .sm\:focus-within\:ring-colors-pink-700:focus-within { + --tw-ring-color: var(--colors-pink-700, #b83280); + } + + .sm\:focus-within\:ring-colors-pink-800:focus-within { + --tw-ring-color: var(--colors-pink-800, #97266d); + } + + .sm\:focus-within\:ring-colors-pink-900:focus-within { + --tw-ring-color: var(--colors-pink-900, #702459); + } + + .sm\:focus-within\:ring-Box\ Shadow:focus-within { + --tw-ring-color: var(--box-shadow, #7f7e7f); + } + + .sm\:focus-within\:ring-Error16:focus-within { + --tw-ring-color: var(--error16, #f03d3e40); + } + + .sm\:focus-within\:ring-Success16:focus-within { + --tw-ring-color: var(--success16, #5bb14d40); + } + + .sm\:focus-within\:ring-Notification16:focus-within { + --tw-ring-color: var(--notification16, #3959ff40); + } + + .sm\:focus-within\:ring-Error8:focus-within { + --tw-ring-color: var(--error8, #f03d3e1a); + } + + .sm\:focus-within\:ring-Notification8:focus-within { + --tw-ring-color: var(--notification8, #3959ff1a); + } + + .sm\:focus-within\:ring-Success8:focus-within { + --tw-ring-color: var(--success8, #5bb14d1a); + } + + .sm\:focus-within\:ring-Light\ -\ Overlay:focus-within { + --tw-ring-color: var(--light-overlay, #f0edee66); + } + + .sm\:focus-within\:ring-Dark-\ Overlay:focus-within { + --tw-ring-color: var(--dark-overlay, #7f7e7f66); + } + + .sm\:focus-within\:ring-black-40:focus-within { + --tw-ring-color: var(--black-40, #00000066); + } + + .sm\:focus-within\:ring-black-75:focus-within { + --tw-ring-color: var(--black-75, #000000bf); + } + + .sm\:focus-within\:ring-black-60:focus-within { + --tw-ring-color: var(--black-60, #00000099); + } + + .sm\:focus-within\:ring-black-50:focus-within { + --tw-ring-color: var(--black-50, #00000080); + } + + .sm\:focus-within\:ring-black-25:focus-within { + --tw-ring-color: var(--black-25, #00000040); + } + + .sm\:focus-within\:ring-black-10:focus-within { + --tw-ring-color: var(--black-10, #0000001a); + } + + .sm\:focus-within\:ring-white-25:focus-within { + --tw-ring-color: var(--white-25, #ffffff40); + } + + .sm\:focus-within\:ring-white-60:focus-within { + --tw-ring-color: var(--white-60, #ffffff99); + } + + .sm\:focus-within\:ring-black-64:focus-within { + --tw-ring-color: var(--black-64, #000000a3); + } + + .sm\:focus-within\:ring-Shadow\ and\ Highlight-Shadow:focus-within { + --tw-ring-color: var(--shadow-and-highlight-shadow, #7f7e7f); + } + + .sm\:focus-within\:ring-Shadow\ and\ Highlight-Highlight:focus-within { + --tw-ring-color: var(--shadow-and-highlight-highlight, #474747); + } + + .sm\:focus-within\:ring-Shadow\ and\ Highlight-highlight\ one:focus-within { + --tw-ring-color: var(--shadow-and-highlight-highlight-one, #474747bf); + } + + .sm\:focus-within\:ring-Shadow\ and\ Highlight-highlight\ two:focus-within { + --tw-ring-color: var(--shadow-and-highlight-highlight-two, #47474799); + } + + .sm\:focus-within\:ring-Shadow\ and\ Highlight-highlight\ three:focus-within { + --tw-ring-color: var(--shadow-and-highlight-highlight-three, #47474766); + } + + .sm\:focus-within\:ring-Shadow\ and\ Highlight-highlight\ five:focus-within { + --tw-ring-color: var(--shadow-and-highlight-highlight-five, #4747471a); + } + + .sm\:focus-within\:ring-Shadow\ and\ Highlight-shadow\ one:focus-within { + --tw-ring-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); + } + + .sm\:focus-within\:ring-Shadow\ and\ Highlight-shadow\ two:focus-within { + --tw-ring-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); + } + + .sm\:focus-within\:ring-Shadow\ and\ Highlight-shadow\ three:focus-within { + --tw-ring-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); + } + + .sm\:focus-within\:ring-Shadow\ and\ Highlight-shadow\ four:focus-within { + --tw-ring-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); + } + + .sm\:focus-within\:ring-Shadow\ and\ Highlight-shadow\ five:focus-within { + --tw-ring-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); + } + + .sm\:focus-within\:ring-Shadow\ and\ Highlight-highlight\ four:focus-within { + --tw-ring-color: var(--shadow-and-highlight-highlight-four, #47474740); + } + + .sm\:focus-within\:ring-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus-within { + --tw-ring-color: var(--base-layer-styles-base-layer-light-white, #ffffff); + } + + .sm\:focus-within\:ring-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus-within { + --tw-ring-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); + } + + .sm\:focus-within\:ring-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus-within { + --tw-ring-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); + } + + .sm\:focus-within\:ring-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus-within { + --tw-ring-color: var(--base-layer-styles-base-layer-dark-black, #000000); + } + + .sm\:focus-within\:ring-Grey-Scale-white:focus-within { + --tw-ring-color: var(--grey-scale-white, #ffffff); + } + + .sm\:focus-within\:ring-Grey-Scale-off-white:focus-within { + --tw-ring-color: var(--grey-scale-off-white, #f0edee); + } + + .sm\:focus-within\:ring-Grey\ Scale-grey:focus-within { + --tw-ring-color: var(--grey-scale-grey, #7f7e7f); + } + + .sm\:focus-within\:ring-Grey\ Scale-charcoal:focus-within { + --tw-ring-color: var(--grey-scale-charcoal, #474747); + } + + .sm\:focus-within\:ring-Grey\ Scale-off-black:focus-within { + --tw-ring-color: var(--grey-scale-off-black, #1c1c1c); + } + + .sm\:focus-within\:ring-Grey\ Scale-black:focus-within { + --tw-ring-color: var(--grey-scale-black, #000000); + } + + .sm\:focus-within\:ring-Blue-blue:focus-within { + --tw-ring-color: var(--blue-blue, #3a7ca5); + } + + .sm\:focus-within\:ring-Blue-blue-100:focus-within { + --tw-ring-color: var(--blue-blue-100, #75a3c0); + } + + .sm\:focus-within\:ring-Blue-blue-200:focus-within { + --tw-ring-color: var(--blue-blue-200, #9cbed2); + } + + .sm\:focus-within\:ring-Blue-blue-300:focus-within { + --tw-ring-color: var(--blue-blue-300, #4f7d9a); + } + + .sm\:focus-within\:ring-Blue-blue-400:focus-within { + --tw-ring-color: var(--blue-blue-400, #5c7d92); + } + + .sm\:focus-within\:ring-Blue-blue-500:focus-within { + --tw-ring-color: var(--blue-blue-500, #347095); + } + + .sm\:focus-within\:ring-Blue-blue-600:focus-within { + --tw-ring-color: var(--blue-blue-600, #295774); + } + + .sm\:focus-within\:ring-Blue-blue-700:focus-within { + --tw-ring-color: var(--blue-blue-700, #173242); + } + + .sm\:focus-within\:ring-LightBlue-lightblue:focus-within { + --tw-ring-color: var(--light-blue-lightblue, #81c3d7); + } + + .sm\:focus-within\:ring-LightBlue-lightblue-100:focus-within { + --tw-ring-color: var(--light-blue-lightblue-100, #a7d5e3); + } + + .sm\:focus-within\:ring-LightBlue-lightblue-200:focus-within { + --tw-ring-color: var(--light-blue-lightblue-200, #c0e1eb); + } + + .sm\:focus-within\:ring-LightBlue-lightblue-300:focus-within { + --tw-ring-color: var(--light-blue-lightblue-300, #80aebd); + } + + .sm\:focus-within\:ring-LightBlue-lightblue-400:focus-within { + --tw-ring-color: var(--light-blue-lightblue-400, #80a0ab); + } + + .sm\:focus-within\:ring-LightBlue-lightblue-500:focus-within { + --tw-ring-color: var(--light-blue-lightblue-500, #74afc1); + } + + .sm\:focus-within\:ring-LightBlue-lightblue-600:focus-within { + --tw-ring-color: var(--light-blue-lightblue-600, #5a8997); + } + + .sm\:focus-within\:ring-LightBlue-lightblue-650:focus-within { + --tw-ring-color: var(--light-blue-lightblue-650, #3e5e65); + } + + .sm\:focus-within\:ring-LightBlue-lightblue-700:focus-within { + --tw-ring-color: var(--light-blue-lightblue-700, #344e56); + } + + .sm\:focus-within\:ring-Orange-orange:focus-within { + --tw-ring-color: var(--orange-orange, #ff7f0e); + } + + .sm\:focus-within\:ring-Orange-orange-100:focus-within { + --tw-ring-color: var(--orange-orange-100, #ffa556); + } + + .sm\:focus-within\:ring-Orange-orange-200:focus-within { + --tw-ring-color: var(--orange-orange-200, #ffbf86); + } + + .sm\:focus-within\:ring-Orange-orange-300:focus-within { + --tw-ring-color: var(--orange-orange-300, #d97f30); + } + + .sm\:focus-within\:ring-Orange-orange-400:focus-within { + --tw-ring-color: var(--orange-orange-400, #bf7e46); + } + + .sm\:focus-within\:ring-Orange-orange-500:focus-within { + --tw-ring-color: var(--orange-orange-500, #e5720d); + } + + .sm\:focus-within\:ring-Orange-orange-600:focus-within { + --tw-ring-color: var(--orange-orange-600, #b3590a); + } + + .sm\:focus-within\:ring-Orange-orange-700:focus-within { + --tw-ring-color: var(--orange-orange-700, #663306); + } + + .sm\:focus-within\:ring-Yellow-yellow:focus-within { + --tw-ring-color: var(--yellow-yellow, #ffab00); + } + + .sm\:focus-within\:ring-Yellow-yellow-100:focus-within { + --tw-ring-color: var(--yellow-yellow-100, #ffc44c); + } + + .sm\:focus-within\:ring-Yellow-yellow-200:focus-within { + --tw-ring-color: var(--yellow-yellow-200, #ffd580); + } + + .sm\:focus-within\:ring-Yellow-yellow-300:focus-within { + --tw-ring-color: var(--yellow-yellow-300, #d99d26); + } + + .sm\:focus-within\:ring-Yellow-yellow-400:focus-within { + --tw-ring-color: var(--yellow-yellow-400, #bf943f); + } + + .sm\:focus-within\:ring-Yellow-yellow-500:focus-within { + --tw-ring-color: var(--yellow-yellow-500, #e59a00); + } + + .sm\:focus-within\:ring-Yellow-yellow-600:focus-within { + --tw-ring-color: var(--yellow-yellow-600, #b37800); + } + + .sm\:focus-within\:ring-Yellow-yellow-700:focus-within { + --tw-ring-color: var(--yellow-yellow-700, #664400); + } + + .sm\:focus-within\:ring-Notification-notification:focus-within { + --tw-ring-color: var(--notification-notification, #3959ff); + } + + .sm\:focus-within\:ring-Notification-notification-100:focus-within { + --tw-ring-color: var(--notification-notification-100, #748bff); + } + + .sm\:focus-within\:ring-Notification-notification-200:focus-within { + --tw-ring-color: var(--notification-notification-200, #9cacff); + } + + .sm\:focus-within\:ring-Notification-notification-300:focus-within { + --tw-ring-color: var(--notification-notification-300, #4e64d9); + } + + .sm\:focus-within\:ring-Notification-notification-400:focus-within { + --tw-ring-color: var(--notification-notification-400, #5c6cbf); + } + + .sm\:focus-within\:ring-Notification-notification-500:focus-within { + --tw-ring-color: var(--notification-notification-500, #3350e5); + } + + .sm\:focus-within\:ring-Notification-notification-600:focus-within { + --tw-ring-color: var(--notification-notification-600, #283eb3); + } + + .sm\:focus-within\:ring-Notification-notification-700:focus-within { + --tw-ring-color: var(--notification-notification-700, #172466); + } + + .sm\:focus-within\:ring-Success-success\ -700:focus-within { + --tw-ring-color: var(--success-success-700, #24471f); + } + + .sm\:focus-within\:ring-Success-success:focus-within { + --tw-ring-color: var(--success-success, #5bb14d); + } + + .sm\:focus-within\:ring-Success-success\ -100:focus-within { + --tw-ring-color: var(--success-success-100, #8cc882); + } + + .sm\:focus-within\:ring-Success-success\ -200:focus-within { + --tw-ring-color: var(--success-success-200, #add8a6); + } + + .sm\:focus-within\:ring-Success-success\ -300:focus-within { + --tw-ring-color: var(--success-success-300, #66a25c); + } + + .sm\:focus-within\:ring-Success-success\ -400:focus-within { + --tw-ring-color: var(--success-success-400, #6d9766); + } + + .sm\:focus-within\:ring-Success-success\ -500:focus-within { + --tw-ring-color: var(--success-success-500, #529f45); + } + + .sm\:focus-within\:ring-Success-success\ -600:focus-within { + --tw-ring-color: var(--success-success-600, #407c36); + } + + .sm\:focus-within\:ring-Error-error:focus-within { + --tw-ring-color: var(--error-error, #f03d3e); + } + + .sm\:focus-within\:ring-Error-error-100:focus-within { + --tw-ring-color: var(--error-error-100, #f57778); + } + + .sm\:focus-within\:ring-Error-error-200:focus-within { + --tw-ring-color: var(--error-error-200, #f89e9e); + } + + .sm\:focus-within\:ring-Error-error-250:focus-within { + --tw-ring-color: var(--error-error-250, #f9c8c8); + } + + .sm\:focus-within\:ring-Error-error-300:focus-within { + --tw-ring-color: var(--error-error-300, #ce5151); + } + + .sm\:focus-within\:ring-Error-error-400:focus-within { + --tw-ring-color: var(--error-error-400, #b85e5e); + } + + .sm\:focus-within\:ring-Error-error-500:focus-within { + --tw-ring-color: var(--error-error-500, #d83738); + } + + .sm\:focus-within\:ring-Error-error-600:focus-within { + --tw-ring-color: var(--error-error-600, #a82b2b); + } + + .sm\:focus-within\:ring-Error-error-700:focus-within { + --tw-ring-color: var(--error-error-700, #601819); + } + + .sm\:focus\:ring-colors-black:focus { + --tw-ring-color: var(--colors-black, #000000); + } + + .sm\:focus\:ring-colors-white:focus { + --tw-ring-color: var(--colors-white, #ffffff); + } + + .sm\:focus\:ring-colors-gray-100:focus { + --tw-ring-color: var(--colors-gray-100, #f7fafc); + } + + .sm\:focus\:ring-colors-gray-200:focus { + --tw-ring-color: var(--colors-gray-200, #edf2f7); + } + + .sm\:focus\:ring-colors-gray-300:focus { + --tw-ring-color: var(--colors-gray-300, #e2e8f0); + } + + .sm\:focus\:ring-colors-gray-400:focus { + --tw-ring-color: var(--colors-gray-400, #cbd5e0); + } + + .sm\:focus\:ring-colors-gray-500:focus { + --tw-ring-color: var(--colors-gray-500, #a0aec0); + } + + .sm\:focus\:ring-colors-gray-600:focus { + --tw-ring-color: var(--colors-gray-600, #718096); + } + + .sm\:focus\:ring-colors-gray-700:focus { + --tw-ring-color: var(--colors-gray-700, #4a5568); + } + + .sm\:focus\:ring-colors-gray-800:focus { + --tw-ring-color: var(--colors-gray-800, #2d3748); + } + + .sm\:focus\:ring-colors-gray-900:focus { + --tw-ring-color: var(--colors-gray-900, #1a202c); + } + + .sm\:focus\:ring-colors-red-100:focus { + --tw-ring-color: var(--colors-red-100, #fff5f5); + } + + .sm\:focus\:ring-colors-red-200:focus { + --tw-ring-color: var(--colors-red-200, #fed7d7); + } + + .sm\:focus\:ring-colors-red-300:focus { + --tw-ring-color: var(--colors-red-300, #feb2b2); + } + + .sm\:focus\:ring-colors-red-400:focus { + --tw-ring-color: var(--colors-red-400, #fc8181); + } + + .sm\:focus\:ring-colors-red-500:focus { + --tw-ring-color: var(--colors-red-500, #f56565); + } + + .sm\:focus\:ring-colors-red-600:focus { + --tw-ring-color: var(--colors-red-600, #e53e3e); + } + + .sm\:focus\:ring-colors-red-700:focus { + --tw-ring-color: var(--colors-red-700, #c53030); + } + + .sm\:focus\:ring-colors-red-800:focus { + --tw-ring-color: var(--colors-red-800, #9b2c2c); + } + + .sm\:focus\:ring-colors-red-900:focus { + --tw-ring-color: var(--colors-red-900, #742a2a); + } + + .sm\:focus\:ring-colors-orange-100:focus { + --tw-ring-color: var(--colors-orange-100, #fffaf0); + } + + .sm\:focus\:ring-colors-orange-200:focus { + --tw-ring-color: var(--colors-orange-200, #feebc8); + } + + .sm\:focus\:ring-colors-orange-300:focus { + --tw-ring-color: var(--colors-orange-300, #fbd38d); + } + + .sm\:focus\:ring-colors-orange-400:focus { + --tw-ring-color: var(--colors-orange-400, #f6ad55); + } + + .sm\:focus\:ring-colors-orange-500:focus { + --tw-ring-color: var(--colors-orange-500, #ed8936); + } + + .sm\:focus\:ring-colors-orange-600:focus { + --tw-ring-color: var(--colors-orange-600, #dd6b20); + } + + .sm\:focus\:ring-colors-orange-700:focus { + --tw-ring-color: var(--colors-orange-700, #c05621); + } + + .sm\:focus\:ring-colors-orange-800:focus { + --tw-ring-color: var(--colors-orange-800, #9c4221); + } + + .sm\:focus\:ring-colors-orange-900:focus { + --tw-ring-color: var(--colors-orange-900, #7b341e); + } + + .sm\:focus\:ring-colors-yellow-100:focus { + --tw-ring-color: var(--colors-yellow-100, #fffff0); + } + + .sm\:focus\:ring-colors-yellow-200:focus { + --tw-ring-color: var(--colors-yellow-200, #fefcbf); + } + + .sm\:focus\:ring-colors-yellow-300:focus { + --tw-ring-color: var(--colors-yellow-300, #faf089); + } + + .sm\:focus\:ring-colors-yellow-400:focus { + --tw-ring-color: var(--colors-yellow-400, #f6e05e); + } + + .sm\:focus\:ring-colors-yellow-500:focus { + --tw-ring-color: var(--colors-yellow-500, #ecc94b); + } + + .sm\:focus\:ring-colors-yellow-600:focus { + --tw-ring-color: var(--colors-yellow-600, #d69e2e); + } + + .sm\:focus\:ring-colors-yellow-700:focus { + --tw-ring-color: var(--colors-yellow-700, #b7791f); + } + + .sm\:focus\:ring-colors-yellow-800:focus { + --tw-ring-color: var(--colors-yellow-800, #975a16); + } + + .sm\:focus\:ring-colors-yellow-900:focus { + --tw-ring-color: var(--colors-yellow-900, #744210); + } + + .sm\:focus\:ring-colors-green-100:focus { + --tw-ring-color: var(--colors-green-100, #f0fff4); + } + + .sm\:focus\:ring-colors-green-200:focus { + --tw-ring-color: var(--colors-green-200, #c6f6d5); + } + + .sm\:focus\:ring-colors-green-300:focus { + --tw-ring-color: var(--colors-green-300, #9ae6b4); + } + + .sm\:focus\:ring-colors-green-400:focus { + --tw-ring-color: var(--colors-green-400, #68d391); + } + + .sm\:focus\:ring-colors-green-500:focus { + --tw-ring-color: var(--colors-green-500, #48bb78); + } + + .sm\:focus\:ring-colors-green-600:focus { + --tw-ring-color: var(--colors-green-600, #38a169); + } + + .sm\:focus\:ring-colors-green-700:focus { + --tw-ring-color: var(--colors-green-700, #2f855a); + } + + .sm\:focus\:ring-colors-green-800:focus { + --tw-ring-color: var(--colors-green-800, #276749); + } + + .sm\:focus\:ring-colors-green-900:focus { + --tw-ring-color: var(--colors-green-900, #22543d); + } + + .sm\:focus\:ring-colors-teal-100:focus { + --tw-ring-color: var(--colors-teal-100, #e6fffa); + } + + .sm\:focus\:ring-colors-teal-200:focus { + --tw-ring-color: var(--colors-teal-200, #b2f5ea); + } + + .sm\:focus\:ring-colors-teal-300:focus { + --tw-ring-color: var(--colors-teal-300, #81e6d9); + } + + .sm\:focus\:ring-colors-teal-400:focus { + --tw-ring-color: var(--colors-teal-400, #4fd1c5); + } + + .sm\:focus\:ring-colors-teal-500:focus { + --tw-ring-color: var(--colors-teal-500, #38b2ac); + } + + .sm\:focus\:ring-colors-teal-600:focus { + --tw-ring-color: var(--colors-teal-600, #319795); + } + + .sm\:focus\:ring-colors-teal-700:focus { + --tw-ring-color: var(--colors-teal-700, #2c7a7b); + } + + .sm\:focus\:ring-colors-teal-800:focus { + --tw-ring-color: var(--colors-teal-800, #285e61); + } + + .sm\:focus\:ring-colors-teal-900:focus { + --tw-ring-color: var(--colors-teal-900, #234e52); + } + + .sm\:focus\:ring-colors-blue-100:focus { + --tw-ring-color: var(--colors-blue-100, #ebf8ff); + } + + .sm\:focus\:ring-colors-blue-200:focus { + --tw-ring-color: var(--colors-blue-200, #bee3f8); + } + + .sm\:focus\:ring-colors-blue-300:focus { + --tw-ring-color: var(--colors-blue-300, #90cdf4); + } + + .sm\:focus\:ring-colors-blue-400:focus { + --tw-ring-color: var(--colors-blue-400, #63b3ed); + } + + .sm\:focus\:ring-colors-blue-500:focus { + --tw-ring-color: var(--colors-blue-500, #4299e1); + } + + .sm\:focus\:ring-colors-blue-600:focus { + --tw-ring-color: var(--colors-blue-600, #3182ce); + } + + .sm\:focus\:ring-colors-blue-700:focus { + --tw-ring-color: var(--colors-blue-700, #2b6cb0); + } + + .sm\:focus\:ring-colors-blue-800:focus { + --tw-ring-color: var(--colors-blue-800, #2c5282); + } + + .sm\:focus\:ring-colors-blue-900:focus { + --tw-ring-color: var(--colors-blue-900, #2a4365); + } + + .sm\:focus\:ring-colors-indigo-100:focus { + --tw-ring-color: var(--colors-indigo-100, #ebf4ff); + } + + .sm\:focus\:ring-colors-indigo-200:focus { + --tw-ring-color: var(--colors-indigo-200, #c3dafe); + } + + .sm\:focus\:ring-colors-indigo-300:focus { + --tw-ring-color: var(--colors-indigo-300, #a3bffa); + } + + .sm\:focus\:ring-colors-indigo-400:focus { + --tw-ring-color: var(--colors-indigo-400, #7f9cf5); + } + + .sm\:focus\:ring-colors-indigo-500:focus { + --tw-ring-color: var(--colors-indigo-500, #667eea); + } + + .sm\:focus\:ring-colors-indigo-600:focus { + --tw-ring-color: var(--colors-indigo-600, #5a67d8); + } + + .sm\:focus\:ring-colors-indigo-700:focus { + --tw-ring-color: var(--colors-indigo-700, #4c51bf); + } + + .sm\:focus\:ring-colors-indigo-800:focus { + --tw-ring-color: var(--colors-indigo-800, #434190); + } + + .sm\:focus\:ring-colors-indigo-900:focus { + --tw-ring-color: var(--colors-indigo-900, #3c366b); + } + + .sm\:focus\:ring-colors-purple-100:focus { + --tw-ring-color: var(--colors-purple-100, #faf5ff); + } + + .sm\:focus\:ring-colors-purple-200:focus { + --tw-ring-color: var(--colors-purple-200, #e9d8fd); + } + + .sm\:focus\:ring-colors-purple-300:focus { + --tw-ring-color: var(--colors-purple-300, #d6bcfa); + } + + .sm\:focus\:ring-colors-purple-400:focus { + --tw-ring-color: var(--colors-purple-400, #b794f4); + } + + .sm\:focus\:ring-colors-purple-500:focus { + --tw-ring-color: var(--colors-purple-500, #9f7aea); + } + + .sm\:focus\:ring-colors-purple-600:focus { + --tw-ring-color: var(--colors-purple-600, #805ad5); + } + + .sm\:focus\:ring-colors-purple-700:focus { + --tw-ring-color: var(--colors-purple-700, #6b46c1); + } + + .sm\:focus\:ring-colors-purple-800:focus { + --tw-ring-color: var(--colors-purple-800, #553c9a); + } + + .sm\:focus\:ring-colors-purple-900:focus { + --tw-ring-color: var(--colors-purple-900, #44337a); + } + + .sm\:focus\:ring-colors-pink-100:focus { + --tw-ring-color: var(--colors-pink-100, #fff5f7); + } + + .sm\:focus\:ring-colors-pink-200:focus { + --tw-ring-color: var(--colors-pink-200, #fed7e2); + } + + .sm\:focus\:ring-colors-pink-300:focus { + --tw-ring-color: var(--colors-pink-300, #fbb6ce); + } + + .sm\:focus\:ring-colors-pink-400:focus { + --tw-ring-color: var(--colors-pink-400, #f687b3); + } + + .sm\:focus\:ring-colors-pink-500:focus { + --tw-ring-color: var(--colors-pink-500, #ed64a6); + } + + .sm\:focus\:ring-colors-pink-600:focus { + --tw-ring-color: var(--colors-pink-600, #d53f8c); + } + + .sm\:focus\:ring-colors-pink-700:focus { + --tw-ring-color: var(--colors-pink-700, #b83280); + } + + .sm\:focus\:ring-colors-pink-800:focus { + --tw-ring-color: var(--colors-pink-800, #97266d); + } + + .sm\:focus\:ring-colors-pink-900:focus { + --tw-ring-color: var(--colors-pink-900, #702459); + } + + .sm\:focus\:ring-Box\ Shadow:focus { + --tw-ring-color: var(--box-shadow, #7f7e7f); + } + + .sm\:focus\:ring-Error16:focus { + --tw-ring-color: var(--error16, #f03d3e40); + } + + .sm\:focus\:ring-Success16:focus { + --tw-ring-color: var(--success16, #5bb14d40); + } + + .sm\:focus\:ring-Notification16:focus { + --tw-ring-color: var(--notification16, #3959ff40); + } + + .sm\:focus\:ring-Error8:focus { + --tw-ring-color: var(--error8, #f03d3e1a); + } + + .sm\:focus\:ring-Notification8:focus { + --tw-ring-color: var(--notification8, #3959ff1a); + } + + .sm\:focus\:ring-Success8:focus { + --tw-ring-color: var(--success8, #5bb14d1a); + } + + .sm\:focus\:ring-Light\ -\ Overlay:focus { + --tw-ring-color: var(--light-overlay, #f0edee66); + } + + .sm\:focus\:ring-Dark-\ Overlay:focus { + --tw-ring-color: var(--dark-overlay, #7f7e7f66); + } + + .sm\:focus\:ring-black-40:focus { + --tw-ring-color: var(--black-40, #00000066); + } + + .sm\:focus\:ring-black-75:focus { + --tw-ring-color: var(--black-75, #000000bf); + } + + .sm\:focus\:ring-black-60:focus { + --tw-ring-color: var(--black-60, #00000099); + } + + .sm\:focus\:ring-black-50:focus { + --tw-ring-color: var(--black-50, #00000080); + } + + .sm\:focus\:ring-black-25:focus { + --tw-ring-color: var(--black-25, #00000040); + } + + .sm\:focus\:ring-black-10:focus { + --tw-ring-color: var(--black-10, #0000001a); + } + + .sm\:focus\:ring-white-25:focus { + --tw-ring-color: var(--white-25, #ffffff40); + } + + .sm\:focus\:ring-white-60:focus { + --tw-ring-color: var(--white-60, #ffffff99); + } + + .sm\:focus\:ring-black-64:focus { + --tw-ring-color: var(--black-64, #000000a3); + } + + .sm\:focus\:ring-Shadow\ and\ Highlight-Shadow:focus { + --tw-ring-color: var(--shadow-and-highlight-shadow, #7f7e7f); + } + + .sm\:focus\:ring-Shadow\ and\ Highlight-Highlight:focus { + --tw-ring-color: var(--shadow-and-highlight-highlight, #474747); + } + + .sm\:focus\:ring-Shadow\ and\ Highlight-highlight\ one:focus { + --tw-ring-color: var(--shadow-and-highlight-highlight-one, #474747bf); + } + + .sm\:focus\:ring-Shadow\ and\ Highlight-highlight\ two:focus { + --tw-ring-color: var(--shadow-and-highlight-highlight-two, #47474799); + } + + .sm\:focus\:ring-Shadow\ and\ Highlight-highlight\ three:focus { + --tw-ring-color: var(--shadow-and-highlight-highlight-three, #47474766); + } + + .sm\:focus\:ring-Shadow\ and\ Highlight-highlight\ five:focus { + --tw-ring-color: var(--shadow-and-highlight-highlight-five, #4747471a); + } + + .sm\:focus\:ring-Shadow\ and\ Highlight-shadow\ one:focus { + --tw-ring-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); + } + + .sm\:focus\:ring-Shadow\ and\ Highlight-shadow\ two:focus { + --tw-ring-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); + } + + .sm\:focus\:ring-Shadow\ and\ Highlight-shadow\ three:focus { + --tw-ring-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); + } + + .sm\:focus\:ring-Shadow\ and\ Highlight-shadow\ four:focus { + --tw-ring-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); + } + + .sm\:focus\:ring-Shadow\ and\ Highlight-shadow\ five:focus { + --tw-ring-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); + } + + .sm\:focus\:ring-Shadow\ and\ Highlight-highlight\ four:focus { + --tw-ring-color: var(--shadow-and-highlight-highlight-four, #47474740); + } + + .sm\:focus\:ring-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus { + --tw-ring-color: var(--base-layer-styles-base-layer-light-white, #ffffff); + } + + .sm\:focus\:ring-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus { + --tw-ring-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); + } + + .sm\:focus\:ring-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus { + --tw-ring-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); + } + + .sm\:focus\:ring-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus { + --tw-ring-color: var(--base-layer-styles-base-layer-dark-black, #000000); + } + + .sm\:focus\:ring-Grey-Scale-white:focus { + --tw-ring-color: var(--grey-scale-white, #ffffff); + } + + .sm\:focus\:ring-Grey-Scale-off-white:focus { + --tw-ring-color: var(--grey-scale-off-white, #f0edee); + } + + .sm\:focus\:ring-Grey\ Scale-grey:focus { + --tw-ring-color: var(--grey-scale-grey, #7f7e7f); + } + + .sm\:focus\:ring-Grey\ Scale-charcoal:focus { + --tw-ring-color: var(--grey-scale-charcoal, #474747); + } + + .sm\:focus\:ring-Grey\ Scale-off-black:focus { + --tw-ring-color: var(--grey-scale-off-black, #1c1c1c); + } + + .sm\:focus\:ring-Grey\ Scale-black:focus { + --tw-ring-color: var(--grey-scale-black, #000000); + } + + .sm\:focus\:ring-Blue-blue:focus { + --tw-ring-color: var(--blue-blue, #3a7ca5); + } + + .sm\:focus\:ring-Blue-blue-100:focus { + --tw-ring-color: var(--blue-blue-100, #75a3c0); + } + + .sm\:focus\:ring-Blue-blue-200:focus { + --tw-ring-color: var(--blue-blue-200, #9cbed2); + } + + .sm\:focus\:ring-Blue-blue-300:focus { + --tw-ring-color: var(--blue-blue-300, #4f7d9a); + } + + .sm\:focus\:ring-Blue-blue-400:focus { + --tw-ring-color: var(--blue-blue-400, #5c7d92); + } + + .sm\:focus\:ring-Blue-blue-500:focus { + --tw-ring-color: var(--blue-blue-500, #347095); + } + + .sm\:focus\:ring-Blue-blue-600:focus { + --tw-ring-color: var(--blue-blue-600, #295774); + } + + .sm\:focus\:ring-Blue-blue-700:focus { + --tw-ring-color: var(--blue-blue-700, #173242); + } + + .sm\:focus\:ring-LightBlue-lightblue:focus { + --tw-ring-color: var(--light-blue-lightblue, #81c3d7); + } + + .sm\:focus\:ring-LightBlue-lightblue-100:focus { + --tw-ring-color: var(--light-blue-lightblue-100, #a7d5e3); + } + + .sm\:focus\:ring-LightBlue-lightblue-200:focus { + --tw-ring-color: var(--light-blue-lightblue-200, #c0e1eb); + } + + .sm\:focus\:ring-LightBlue-lightblue-300:focus { + --tw-ring-color: var(--light-blue-lightblue-300, #80aebd); + } + + .sm\:focus\:ring-LightBlue-lightblue-400:focus { + --tw-ring-color: var(--light-blue-lightblue-400, #80a0ab); + } + + .sm\:focus\:ring-LightBlue-lightblue-500:focus { + --tw-ring-color: var(--light-blue-lightblue-500, #74afc1); + } + + .sm\:focus\:ring-LightBlue-lightblue-600:focus { + --tw-ring-color: var(--light-blue-lightblue-600, #5a8997); + } + + .sm\:focus\:ring-LightBlue-lightblue-650:focus { + --tw-ring-color: var(--light-blue-lightblue-650, #3e5e65); + } + + .sm\:focus\:ring-LightBlue-lightblue-700:focus { + --tw-ring-color: var(--light-blue-lightblue-700, #344e56); + } + + .sm\:focus\:ring-Orange-orange:focus { + --tw-ring-color: var(--orange-orange, #ff7f0e); + } + + .sm\:focus\:ring-Orange-orange-100:focus { + --tw-ring-color: var(--orange-orange-100, #ffa556); + } + + .sm\:focus\:ring-Orange-orange-200:focus { + --tw-ring-color: var(--orange-orange-200, #ffbf86); + } + + .sm\:focus\:ring-Orange-orange-300:focus { + --tw-ring-color: var(--orange-orange-300, #d97f30); + } + + .sm\:focus\:ring-Orange-orange-400:focus { + --tw-ring-color: var(--orange-orange-400, #bf7e46); + } + + .sm\:focus\:ring-Orange-orange-500:focus { + --tw-ring-color: var(--orange-orange-500, #e5720d); + } + + .sm\:focus\:ring-Orange-orange-600:focus { + --tw-ring-color: var(--orange-orange-600, #b3590a); + } + + .sm\:focus\:ring-Orange-orange-700:focus { + --tw-ring-color: var(--orange-orange-700, #663306); + } + + .sm\:focus\:ring-Yellow-yellow:focus { + --tw-ring-color: var(--yellow-yellow, #ffab00); + } + + .sm\:focus\:ring-Yellow-yellow-100:focus { + --tw-ring-color: var(--yellow-yellow-100, #ffc44c); + } + + .sm\:focus\:ring-Yellow-yellow-200:focus { + --tw-ring-color: var(--yellow-yellow-200, #ffd580); + } + + .sm\:focus\:ring-Yellow-yellow-300:focus { + --tw-ring-color: var(--yellow-yellow-300, #d99d26); + } + + .sm\:focus\:ring-Yellow-yellow-400:focus { + --tw-ring-color: var(--yellow-yellow-400, #bf943f); + } + + .sm\:focus\:ring-Yellow-yellow-500:focus { + --tw-ring-color: var(--yellow-yellow-500, #e59a00); + } + + .sm\:focus\:ring-Yellow-yellow-600:focus { + --tw-ring-color: var(--yellow-yellow-600, #b37800); + } + + .sm\:focus\:ring-Yellow-yellow-700:focus { + --tw-ring-color: var(--yellow-yellow-700, #664400); + } + + .sm\:focus\:ring-Notification-notification:focus { + --tw-ring-color: var(--notification-notification, #3959ff); + } + + .sm\:focus\:ring-Notification-notification-100:focus { + --tw-ring-color: var(--notification-notification-100, #748bff); + } + + .sm\:focus\:ring-Notification-notification-200:focus { + --tw-ring-color: var(--notification-notification-200, #9cacff); + } + + .sm\:focus\:ring-Notification-notification-300:focus { + --tw-ring-color: var(--notification-notification-300, #4e64d9); + } + + .sm\:focus\:ring-Notification-notification-400:focus { + --tw-ring-color: var(--notification-notification-400, #5c6cbf); + } + + .sm\:focus\:ring-Notification-notification-500:focus { + --tw-ring-color: var(--notification-notification-500, #3350e5); + } + + .sm\:focus\:ring-Notification-notification-600:focus { + --tw-ring-color: var(--notification-notification-600, #283eb3); + } + + .sm\:focus\:ring-Notification-notification-700:focus { + --tw-ring-color: var(--notification-notification-700, #172466); + } + + .sm\:focus\:ring-Success-success\ -700:focus { + --tw-ring-color: var(--success-success-700, #24471f); + } + + .sm\:focus\:ring-Success-success:focus { + --tw-ring-color: var(--success-success, #5bb14d); + } + + .sm\:focus\:ring-Success-success\ -100:focus { + --tw-ring-color: var(--success-success-100, #8cc882); + } + + .sm\:focus\:ring-Success-success\ -200:focus { + --tw-ring-color: var(--success-success-200, #add8a6); + } + + .sm\:focus\:ring-Success-success\ -300:focus { + --tw-ring-color: var(--success-success-300, #66a25c); + } + + .sm\:focus\:ring-Success-success\ -400:focus { + --tw-ring-color: var(--success-success-400, #6d9766); + } + + .sm\:focus\:ring-Success-success\ -500:focus { + --tw-ring-color: var(--success-success-500, #529f45); + } + + .sm\:focus\:ring-Success-success\ -600:focus { + --tw-ring-color: var(--success-success-600, #407c36); + } + + .sm\:focus\:ring-Error-error:focus { + --tw-ring-color: var(--error-error, #f03d3e); + } + + .sm\:focus\:ring-Error-error-100:focus { + --tw-ring-color: var(--error-error-100, #f57778); + } + + .sm\:focus\:ring-Error-error-200:focus { + --tw-ring-color: var(--error-error-200, #f89e9e); + } + + .sm\:focus\:ring-Error-error-250:focus { + --tw-ring-color: var(--error-error-250, #f9c8c8); + } + + .sm\:focus\:ring-Error-error-300:focus { + --tw-ring-color: var(--error-error-300, #ce5151); + } + + .sm\:focus\:ring-Error-error-400:focus { + --tw-ring-color: var(--error-error-400, #b85e5e); + } + + .sm\:focus\:ring-Error-error-500:focus { + --tw-ring-color: var(--error-error-500, #d83738); + } + + .sm\:focus\:ring-Error-error-600:focus { + --tw-ring-color: var(--error-error-600, #a82b2b); + } + + .sm\:focus\:ring-Error-error-700:focus { + --tw-ring-color: var(--error-error-700, #601819); + } + + .sm\:ring-opacity-0 { + --tw-ring-opacity: 0; + } + + .sm\:ring-opacity-5 { + --tw-ring-opacity: 0.05; + } + + .sm\:ring-opacity-10 { + --tw-ring-opacity: 0.1; + } + + .sm\:ring-opacity-20 { + --tw-ring-opacity: 0.2; + } + + .sm\:ring-opacity-25 { + --tw-ring-opacity: 0.25; + } + + .sm\:ring-opacity-30 { + --tw-ring-opacity: 0.3; + } + + .sm\:ring-opacity-40 { + --tw-ring-opacity: 0.4; + } + + .sm\:ring-opacity-50 { + --tw-ring-opacity: 0.5; + } + + .sm\:ring-opacity-60 { + --tw-ring-opacity: 0.6; + } + + .sm\:ring-opacity-70 { + --tw-ring-opacity: 0.7; + } + + .sm\:ring-opacity-75 { + --tw-ring-opacity: 0.75; + } + + .sm\:ring-opacity-80 { + --tw-ring-opacity: 0.8; + } + + .sm\:ring-opacity-90 { + --tw-ring-opacity: 0.9; + } + + .sm\:ring-opacity-95 { + --tw-ring-opacity: 0.95; + } + + .sm\:ring-opacity-100 { + --tw-ring-opacity: 1; + } + + .sm\:focus-within\:ring-opacity-0:focus-within { + --tw-ring-opacity: 0; + } + + .sm\:focus-within\:ring-opacity-5:focus-within { + --tw-ring-opacity: 0.05; + } + + .sm\:focus-within\:ring-opacity-10:focus-within { + --tw-ring-opacity: 0.1; + } + + .sm\:focus-within\:ring-opacity-20:focus-within { + --tw-ring-opacity: 0.2; + } + + .sm\:focus-within\:ring-opacity-25:focus-within { + --tw-ring-opacity: 0.25; + } + + .sm\:focus-within\:ring-opacity-30:focus-within { + --tw-ring-opacity: 0.3; + } + + .sm\:focus-within\:ring-opacity-40:focus-within { + --tw-ring-opacity: 0.4; + } + + .sm\:focus-within\:ring-opacity-50:focus-within { + --tw-ring-opacity: 0.5; + } + + .sm\:focus-within\:ring-opacity-60:focus-within { + --tw-ring-opacity: 0.6; + } + + .sm\:focus-within\:ring-opacity-70:focus-within { + --tw-ring-opacity: 0.7; + } + + .sm\:focus-within\:ring-opacity-75:focus-within { + --tw-ring-opacity: 0.75; + } + + .sm\:focus-within\:ring-opacity-80:focus-within { + --tw-ring-opacity: 0.8; + } + + .sm\:focus-within\:ring-opacity-90:focus-within { + --tw-ring-opacity: 0.9; + } + + .sm\:focus-within\:ring-opacity-95:focus-within { + --tw-ring-opacity: 0.95; + } + + .sm\:focus-within\:ring-opacity-100:focus-within { + --tw-ring-opacity: 1; + } + + .sm\:focus\:ring-opacity-0:focus { + --tw-ring-opacity: 0; + } + + .sm\:focus\:ring-opacity-5:focus { + --tw-ring-opacity: 0.05; + } + + .sm\:focus\:ring-opacity-10:focus { + --tw-ring-opacity: 0.1; + } + + .sm\:focus\:ring-opacity-20:focus { + --tw-ring-opacity: 0.2; + } + + .sm\:focus\:ring-opacity-25:focus { + --tw-ring-opacity: 0.25; + } + + .sm\:focus\:ring-opacity-30:focus { + --tw-ring-opacity: 0.3; + } + + .sm\:focus\:ring-opacity-40:focus { + --tw-ring-opacity: 0.4; + } + + .sm\:focus\:ring-opacity-50:focus { + --tw-ring-opacity: 0.5; + } + + .sm\:focus\:ring-opacity-60:focus { + --tw-ring-opacity: 0.6; + } + + .sm\:focus\:ring-opacity-70:focus { + --tw-ring-opacity: 0.7; + } + + .sm\:focus\:ring-opacity-75:focus { + --tw-ring-opacity: 0.75; + } + + .sm\:focus\:ring-opacity-80:focus { + --tw-ring-opacity: 0.8; + } + + .sm\:focus\:ring-opacity-90:focus { + --tw-ring-opacity: 0.9; + } + + .sm\:focus\:ring-opacity-95:focus { + --tw-ring-opacity: 0.95; + } + + .sm\:focus\:ring-opacity-100:focus { + --tw-ring-opacity: 1; + } + + .sm\:ring-offset-0 { + --tw-ring-offset-width: 0px; + } + + .sm\:ring-offset-1 { + --tw-ring-offset-width: 1px; + } + + .sm\:ring-offset-2 { + --tw-ring-offset-width: 2px; + } + + .sm\:ring-offset-4 { + --tw-ring-offset-width: 4px; + } + + .sm\:ring-offset-8 { + --tw-ring-offset-width: 8px; + } + + .sm\:focus-within\:ring-offset-0:focus-within { + --tw-ring-offset-width: 0px; + } + + .sm\:focus-within\:ring-offset-1:focus-within { + --tw-ring-offset-width: 1px; + } + + .sm\:focus-within\:ring-offset-2:focus-within { + --tw-ring-offset-width: 2px; + } + + .sm\:focus-within\:ring-offset-4:focus-within { + --tw-ring-offset-width: 4px; + } + + .sm\:focus-within\:ring-offset-8:focus-within { + --tw-ring-offset-width: 8px; + } + + .sm\:focus\:ring-offset-0:focus { + --tw-ring-offset-width: 0px; + } + + .sm\:focus\:ring-offset-1:focus { + --tw-ring-offset-width: 1px; + } + + .sm\:focus\:ring-offset-2:focus { + --tw-ring-offset-width: 2px; + } + + .sm\:focus\:ring-offset-4:focus { + --tw-ring-offset-width: 4px; + } + + .sm\:focus\:ring-offset-8:focus { + --tw-ring-offset-width: 8px; + } + + .sm\:ring-offset-colors-black { + --tw-ring-offset-color: var(--colors-black, #000000); + } + + .sm\:ring-offset-colors-white { + --tw-ring-offset-color: var(--colors-white, #ffffff); + } + + .sm\:ring-offset-colors-gray-100 { + --tw-ring-offset-color: var(--colors-gray-100, #f7fafc); + } + + .sm\:ring-offset-colors-gray-200 { + --tw-ring-offset-color: var(--colors-gray-200, #edf2f7); + } + + .sm\:ring-offset-colors-gray-300 { + --tw-ring-offset-color: var(--colors-gray-300, #e2e8f0); + } + + .sm\:ring-offset-colors-gray-400 { + --tw-ring-offset-color: var(--colors-gray-400, #cbd5e0); + } + + .sm\:ring-offset-colors-gray-500 { + --tw-ring-offset-color: var(--colors-gray-500, #a0aec0); + } + + .sm\:ring-offset-colors-gray-600 { + --tw-ring-offset-color: var(--colors-gray-600, #718096); + } + + .sm\:ring-offset-colors-gray-700 { + --tw-ring-offset-color: var(--colors-gray-700, #4a5568); + } + + .sm\:ring-offset-colors-gray-800 { + --tw-ring-offset-color: var(--colors-gray-800, #2d3748); + } + + .sm\:ring-offset-colors-gray-900 { + --tw-ring-offset-color: var(--colors-gray-900, #1a202c); + } + + .sm\:ring-offset-colors-red-100 { + --tw-ring-offset-color: var(--colors-red-100, #fff5f5); + } + + .sm\:ring-offset-colors-red-200 { + --tw-ring-offset-color: var(--colors-red-200, #fed7d7); + } + + .sm\:ring-offset-colors-red-300 { + --tw-ring-offset-color: var(--colors-red-300, #feb2b2); + } + + .sm\:ring-offset-colors-red-400 { + --tw-ring-offset-color: var(--colors-red-400, #fc8181); + } + + .sm\:ring-offset-colors-red-500 { + --tw-ring-offset-color: var(--colors-red-500, #f56565); + } + + .sm\:ring-offset-colors-red-600 { + --tw-ring-offset-color: var(--colors-red-600, #e53e3e); + } + + .sm\:ring-offset-colors-red-700 { + --tw-ring-offset-color: var(--colors-red-700, #c53030); + } + + .sm\:ring-offset-colors-red-800 { + --tw-ring-offset-color: var(--colors-red-800, #9b2c2c); + } + + .sm\:ring-offset-colors-red-900 { + --tw-ring-offset-color: var(--colors-red-900, #742a2a); + } + + .sm\:ring-offset-colors-orange-100 { + --tw-ring-offset-color: var(--colors-orange-100, #fffaf0); + } + + .sm\:ring-offset-colors-orange-200 { + --tw-ring-offset-color: var(--colors-orange-200, #feebc8); + } + + .sm\:ring-offset-colors-orange-300 { + --tw-ring-offset-color: var(--colors-orange-300, #fbd38d); + } + + .sm\:ring-offset-colors-orange-400 { + --tw-ring-offset-color: var(--colors-orange-400, #f6ad55); + } + + .sm\:ring-offset-colors-orange-500 { + --tw-ring-offset-color: var(--colors-orange-500, #ed8936); + } + + .sm\:ring-offset-colors-orange-600 { + --tw-ring-offset-color: var(--colors-orange-600, #dd6b20); + } + + .sm\:ring-offset-colors-orange-700 { + --tw-ring-offset-color: var(--colors-orange-700, #c05621); + } + + .sm\:ring-offset-colors-orange-800 { + --tw-ring-offset-color: var(--colors-orange-800, #9c4221); + } + + .sm\:ring-offset-colors-orange-900 { + --tw-ring-offset-color: var(--colors-orange-900, #7b341e); + } + + .sm\:ring-offset-colors-yellow-100 { + --tw-ring-offset-color: var(--colors-yellow-100, #fffff0); + } + + .sm\:ring-offset-colors-yellow-200 { + --tw-ring-offset-color: var(--colors-yellow-200, #fefcbf); + } + + .sm\:ring-offset-colors-yellow-300 { + --tw-ring-offset-color: var(--colors-yellow-300, #faf089); + } + + .sm\:ring-offset-colors-yellow-400 { + --tw-ring-offset-color: var(--colors-yellow-400, #f6e05e); + } + + .sm\:ring-offset-colors-yellow-500 { + --tw-ring-offset-color: var(--colors-yellow-500, #ecc94b); + } + + .sm\:ring-offset-colors-yellow-600 { + --tw-ring-offset-color: var(--colors-yellow-600, #d69e2e); + } + + .sm\:ring-offset-colors-yellow-700 { + --tw-ring-offset-color: var(--colors-yellow-700, #b7791f); + } + + .sm\:ring-offset-colors-yellow-800 { + --tw-ring-offset-color: var(--colors-yellow-800, #975a16); + } + + .sm\:ring-offset-colors-yellow-900 { + --tw-ring-offset-color: var(--colors-yellow-900, #744210); + } + + .sm\:ring-offset-colors-green-100 { + --tw-ring-offset-color: var(--colors-green-100, #f0fff4); + } + + .sm\:ring-offset-colors-green-200 { + --tw-ring-offset-color: var(--colors-green-200, #c6f6d5); + } + + .sm\:ring-offset-colors-green-300 { + --tw-ring-offset-color: var(--colors-green-300, #9ae6b4); + } + + .sm\:ring-offset-colors-green-400 { + --tw-ring-offset-color: var(--colors-green-400, #68d391); + } + + .sm\:ring-offset-colors-green-500 { + --tw-ring-offset-color: var(--colors-green-500, #48bb78); + } + + .sm\:ring-offset-colors-green-600 { + --tw-ring-offset-color: var(--colors-green-600, #38a169); + } + + .sm\:ring-offset-colors-green-700 { + --tw-ring-offset-color: var(--colors-green-700, #2f855a); + } + + .sm\:ring-offset-colors-green-800 { + --tw-ring-offset-color: var(--colors-green-800, #276749); + } + + .sm\:ring-offset-colors-green-900 { + --tw-ring-offset-color: var(--colors-green-900, #22543d); + } + + .sm\:ring-offset-colors-teal-100 { + --tw-ring-offset-color: var(--colors-teal-100, #e6fffa); + } + + .sm\:ring-offset-colors-teal-200 { + --tw-ring-offset-color: var(--colors-teal-200, #b2f5ea); + } + + .sm\:ring-offset-colors-teal-300 { + --tw-ring-offset-color: var(--colors-teal-300, #81e6d9); + } + + .sm\:ring-offset-colors-teal-400 { + --tw-ring-offset-color: var(--colors-teal-400, #4fd1c5); + } + + .sm\:ring-offset-colors-teal-500 { + --tw-ring-offset-color: var(--colors-teal-500, #38b2ac); + } + + .sm\:ring-offset-colors-teal-600 { + --tw-ring-offset-color: var(--colors-teal-600, #319795); + } + + .sm\:ring-offset-colors-teal-700 { + --tw-ring-offset-color: var(--colors-teal-700, #2c7a7b); + } + + .sm\:ring-offset-colors-teal-800 { + --tw-ring-offset-color: var(--colors-teal-800, #285e61); + } + + .sm\:ring-offset-colors-teal-900 { + --tw-ring-offset-color: var(--colors-teal-900, #234e52); + } + + .sm\:ring-offset-colors-blue-100 { + --tw-ring-offset-color: var(--colors-blue-100, #ebf8ff); + } + + .sm\:ring-offset-colors-blue-200 { + --tw-ring-offset-color: var(--colors-blue-200, #bee3f8); + } + + .sm\:ring-offset-colors-blue-300 { + --tw-ring-offset-color: var(--colors-blue-300, #90cdf4); + } + + .sm\:ring-offset-colors-blue-400 { + --tw-ring-offset-color: var(--colors-blue-400, #63b3ed); + } + + .sm\:ring-offset-colors-blue-500 { + --tw-ring-offset-color: var(--colors-blue-500, #4299e1); + } + + .sm\:ring-offset-colors-blue-600 { + --tw-ring-offset-color: var(--colors-blue-600, #3182ce); + } + + .sm\:ring-offset-colors-blue-700 { + --tw-ring-offset-color: var(--colors-blue-700, #2b6cb0); + } + + .sm\:ring-offset-colors-blue-800 { + --tw-ring-offset-color: var(--colors-blue-800, #2c5282); + } + + .sm\:ring-offset-colors-blue-900 { + --tw-ring-offset-color: var(--colors-blue-900, #2a4365); + } + + .sm\:ring-offset-colors-indigo-100 { + --tw-ring-offset-color: var(--colors-indigo-100, #ebf4ff); + } + + .sm\:ring-offset-colors-indigo-200 { + --tw-ring-offset-color: var(--colors-indigo-200, #c3dafe); + } + + .sm\:ring-offset-colors-indigo-300 { + --tw-ring-offset-color: var(--colors-indigo-300, #a3bffa); + } + + .sm\:ring-offset-colors-indigo-400 { + --tw-ring-offset-color: var(--colors-indigo-400, #7f9cf5); + } + + .sm\:ring-offset-colors-indigo-500 { + --tw-ring-offset-color: var(--colors-indigo-500, #667eea); + } + + .sm\:ring-offset-colors-indigo-600 { + --tw-ring-offset-color: var(--colors-indigo-600, #5a67d8); + } + + .sm\:ring-offset-colors-indigo-700 { + --tw-ring-offset-color: var(--colors-indigo-700, #4c51bf); + } + + .sm\:ring-offset-colors-indigo-800 { + --tw-ring-offset-color: var(--colors-indigo-800, #434190); + } + + .sm\:ring-offset-colors-indigo-900 { + --tw-ring-offset-color: var(--colors-indigo-900, #3c366b); + } + + .sm\:ring-offset-colors-purple-100 { + --tw-ring-offset-color: var(--colors-purple-100, #faf5ff); + } + + .sm\:ring-offset-colors-purple-200 { + --tw-ring-offset-color: var(--colors-purple-200, #e9d8fd); + } + + .sm\:ring-offset-colors-purple-300 { + --tw-ring-offset-color: var(--colors-purple-300, #d6bcfa); + } + + .sm\:ring-offset-colors-purple-400 { + --tw-ring-offset-color: var(--colors-purple-400, #b794f4); + } + + .sm\:ring-offset-colors-purple-500 { + --tw-ring-offset-color: var(--colors-purple-500, #9f7aea); + } + + .sm\:ring-offset-colors-purple-600 { + --tw-ring-offset-color: var(--colors-purple-600, #805ad5); + } + + .sm\:ring-offset-colors-purple-700 { + --tw-ring-offset-color: var(--colors-purple-700, #6b46c1); + } + + .sm\:ring-offset-colors-purple-800 { + --tw-ring-offset-color: var(--colors-purple-800, #553c9a); + } + + .sm\:ring-offset-colors-purple-900 { + --tw-ring-offset-color: var(--colors-purple-900, #44337a); + } + + .sm\:ring-offset-colors-pink-100 { + --tw-ring-offset-color: var(--colors-pink-100, #fff5f7); + } + + .sm\:ring-offset-colors-pink-200 { + --tw-ring-offset-color: var(--colors-pink-200, #fed7e2); + } + + .sm\:ring-offset-colors-pink-300 { + --tw-ring-offset-color: var(--colors-pink-300, #fbb6ce); + } + + .sm\:ring-offset-colors-pink-400 { + --tw-ring-offset-color: var(--colors-pink-400, #f687b3); + } + + .sm\:ring-offset-colors-pink-500 { + --tw-ring-offset-color: var(--colors-pink-500, #ed64a6); + } + + .sm\:ring-offset-colors-pink-600 { + --tw-ring-offset-color: var(--colors-pink-600, #d53f8c); + } + + .sm\:ring-offset-colors-pink-700 { + --tw-ring-offset-color: var(--colors-pink-700, #b83280); + } + + .sm\:ring-offset-colors-pink-800 { + --tw-ring-offset-color: var(--colors-pink-800, #97266d); + } + + .sm\:ring-offset-colors-pink-900 { + --tw-ring-offset-color: var(--colors-pink-900, #702459); + } + + .sm\:ring-offset-Box\ Shadow { + --tw-ring-offset-color: var(--box-shadow, #7f7e7f); + } + + .sm\:ring-offset-Error16 { + --tw-ring-offset-color: var(--error16, #f03d3e40); + } + + .sm\:ring-offset-Success16 { + --tw-ring-offset-color: var(--success16, #5bb14d40); + } + + .sm\:ring-offset-Notification16 { + --tw-ring-offset-color: var(--notification16, #3959ff40); + } + + .sm\:ring-offset-Error8 { + --tw-ring-offset-color: var(--error8, #f03d3e1a); + } + + .sm\:ring-offset-Notification8 { + --tw-ring-offset-color: var(--notification8, #3959ff1a); + } + + .sm\:ring-offset-Success8 { + --tw-ring-offset-color: var(--success8, #5bb14d1a); + } + + .sm\:ring-offset-Light\ -\ Overlay { + --tw-ring-offset-color: var(--light-overlay, #f0edee66); + } + + .sm\:ring-offset-Dark-\ Overlay { + --tw-ring-offset-color: var(--dark-overlay, #7f7e7f66); + } + + .sm\:ring-offset-black-40 { + --tw-ring-offset-color: var(--black-40, #00000066); + } + + .sm\:ring-offset-black-75 { + --tw-ring-offset-color: var(--black-75, #000000bf); + } + + .sm\:ring-offset-black-60 { + --tw-ring-offset-color: var(--black-60, #00000099); + } + + .sm\:ring-offset-black-50 { + --tw-ring-offset-color: var(--black-50, #00000080); + } + + .sm\:ring-offset-black-25 { + --tw-ring-offset-color: var(--black-25, #00000040); + } + + .sm\:ring-offset-black-10 { + --tw-ring-offset-color: var(--black-10, #0000001a); + } + + .sm\:ring-offset-white-25 { + --tw-ring-offset-color: var(--white-25, #ffffff40); + } + + .sm\:ring-offset-white-60 { + --tw-ring-offset-color: var(--white-60, #ffffff99); + } + + .sm\:ring-offset-black-64 { + --tw-ring-offset-color: var(--black-64, #000000a3); + } + + .sm\:ring-offset-Shadow\ and\ Highlight-Shadow { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow, #7f7e7f); + } + + .sm\:ring-offset-Shadow\ and\ Highlight-Highlight { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight, #474747); + } + + .sm\:ring-offset-Shadow\ and\ Highlight-highlight\ one { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-one, #474747bf); + } + + .sm\:ring-offset-Shadow\ and\ Highlight-highlight\ two { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-two, #47474799); + } + + .sm\:ring-offset-Shadow\ and\ Highlight-highlight\ three { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-three, #47474766); + } + + .sm\:ring-offset-Shadow\ and\ Highlight-highlight\ five { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-five, #4747471a); + } + + .sm\:ring-offset-Shadow\ and\ Highlight-shadow\ one { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); + } + + .sm\:ring-offset-Shadow\ and\ Highlight-shadow\ two { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); + } + + .sm\:ring-offset-Shadow\ and\ Highlight-shadow\ three { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); + } + + .sm\:ring-offset-Shadow\ and\ Highlight-shadow\ four { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); + } + + .sm\:ring-offset-Shadow\ and\ Highlight-shadow\ five { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); + } + + .sm\:ring-offset-Shadow\ and\ Highlight-highlight\ four { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-four, #47474740); + } + + .sm\:ring-offset-Base\ Layer\ Styles-Base\ Layer-\ Light-White { + --tw-ring-offset-color: var(--base-layer-styles-base-layer-light-white, #ffffff); + } + + .sm\:ring-offset-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite { + --tw-ring-offset-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); + } + + .sm\:ring-offset-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack { + --tw-ring-offset-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); + } + + .sm\:ring-offset-Base\ Layer\ Styles-Base\ Layer-Dark-Black { + --tw-ring-offset-color: var(--base-layer-styles-base-layer-dark-black, #000000); + } + + .sm\:ring-offset-Grey-Scale-white { + --tw-ring-offset-color: var(--grey-scale-white, #ffffff); + } + + .sm\:ring-offset-Grey-Scale-off-white { + --tw-ring-offset-color: var(--grey-scale-off-white, #f0edee); + } + + .sm\:ring-offset-Grey\ Scale-grey { + --tw-ring-offset-color: var(--grey-scale-grey, #7f7e7f); + } + + .sm\:ring-offset-Grey\ Scale-charcoal { + --tw-ring-offset-color: var(--grey-scale-charcoal, #474747); + } + + .sm\:ring-offset-Grey\ Scale-off-black { + --tw-ring-offset-color: var(--grey-scale-off-black, #1c1c1c); + } + + .sm\:ring-offset-Grey\ Scale-black { + --tw-ring-offset-color: var(--grey-scale-black, #000000); + } + + .sm\:ring-offset-Blue-blue { + --tw-ring-offset-color: var(--blue-blue, #3a7ca5); + } + + .sm\:ring-offset-Blue-blue-100 { + --tw-ring-offset-color: var(--blue-blue-100, #75a3c0); + } + + .sm\:ring-offset-Blue-blue-200 { + --tw-ring-offset-color: var(--blue-blue-200, #9cbed2); + } + + .sm\:ring-offset-Blue-blue-300 { + --tw-ring-offset-color: var(--blue-blue-300, #4f7d9a); + } + + .sm\:ring-offset-Blue-blue-400 { + --tw-ring-offset-color: var(--blue-blue-400, #5c7d92); + } + + .sm\:ring-offset-Blue-blue-500 { + --tw-ring-offset-color: var(--blue-blue-500, #347095); + } + + .sm\:ring-offset-Blue-blue-600 { + --tw-ring-offset-color: var(--blue-blue-600, #295774); + } + + .sm\:ring-offset-Blue-blue-700 { + --tw-ring-offset-color: var(--blue-blue-700, #173242); + } + + .sm\:ring-offset-LightBlue-lightblue { + --tw-ring-offset-color: var(--light-blue-lightblue, #81c3d7); + } + + .sm\:ring-offset-LightBlue-lightblue-100 { + --tw-ring-offset-color: var(--light-blue-lightblue-100, #a7d5e3); + } + + .sm\:ring-offset-LightBlue-lightblue-200 { + --tw-ring-offset-color: var(--light-blue-lightblue-200, #c0e1eb); + } + + .sm\:ring-offset-LightBlue-lightblue-300 { + --tw-ring-offset-color: var(--light-blue-lightblue-300, #80aebd); + } + + .sm\:ring-offset-LightBlue-lightblue-400 { + --tw-ring-offset-color: var(--light-blue-lightblue-400, #80a0ab); + } + + .sm\:ring-offset-LightBlue-lightblue-500 { + --tw-ring-offset-color: var(--light-blue-lightblue-500, #74afc1); + } + + .sm\:ring-offset-LightBlue-lightblue-600 { + --tw-ring-offset-color: var(--light-blue-lightblue-600, #5a8997); + } + + .sm\:ring-offset-LightBlue-lightblue-650 { + --tw-ring-offset-color: var(--light-blue-lightblue-650, #3e5e65); + } + + .sm\:ring-offset-LightBlue-lightblue-700 { + --tw-ring-offset-color: var(--light-blue-lightblue-700, #344e56); + } + + .sm\:ring-offset-Orange-orange { + --tw-ring-offset-color: var(--orange-orange, #ff7f0e); + } + + .sm\:ring-offset-Orange-orange-100 { + --tw-ring-offset-color: var(--orange-orange-100, #ffa556); + } + + .sm\:ring-offset-Orange-orange-200 { + --tw-ring-offset-color: var(--orange-orange-200, #ffbf86); + } + + .sm\:ring-offset-Orange-orange-300 { + --tw-ring-offset-color: var(--orange-orange-300, #d97f30); + } + + .sm\:ring-offset-Orange-orange-400 { + --tw-ring-offset-color: var(--orange-orange-400, #bf7e46); + } + + .sm\:ring-offset-Orange-orange-500 { + --tw-ring-offset-color: var(--orange-orange-500, #e5720d); + } + + .sm\:ring-offset-Orange-orange-600 { + --tw-ring-offset-color: var(--orange-orange-600, #b3590a); + } + + .sm\:ring-offset-Orange-orange-700 { + --tw-ring-offset-color: var(--orange-orange-700, #663306); + } + + .sm\:ring-offset-Yellow-yellow { + --tw-ring-offset-color: var(--yellow-yellow, #ffab00); + } + + .sm\:ring-offset-Yellow-yellow-100 { + --tw-ring-offset-color: var(--yellow-yellow-100, #ffc44c); + } + + .sm\:ring-offset-Yellow-yellow-200 { + --tw-ring-offset-color: var(--yellow-yellow-200, #ffd580); + } + + .sm\:ring-offset-Yellow-yellow-300 { + --tw-ring-offset-color: var(--yellow-yellow-300, #d99d26); + } + + .sm\:ring-offset-Yellow-yellow-400 { + --tw-ring-offset-color: var(--yellow-yellow-400, #bf943f); + } + + .sm\:ring-offset-Yellow-yellow-500 { + --tw-ring-offset-color: var(--yellow-yellow-500, #e59a00); + } + + .sm\:ring-offset-Yellow-yellow-600 { + --tw-ring-offset-color: var(--yellow-yellow-600, #b37800); + } + + .sm\:ring-offset-Yellow-yellow-700 { + --tw-ring-offset-color: var(--yellow-yellow-700, #664400); + } + + .sm\:ring-offset-Notification-notification { + --tw-ring-offset-color: var(--notification-notification, #3959ff); + } + + .sm\:ring-offset-Notification-notification-100 { + --tw-ring-offset-color: var(--notification-notification-100, #748bff); + } + + .sm\:ring-offset-Notification-notification-200 { + --tw-ring-offset-color: var(--notification-notification-200, #9cacff); + } + + .sm\:ring-offset-Notification-notification-300 { + --tw-ring-offset-color: var(--notification-notification-300, #4e64d9); + } + + .sm\:ring-offset-Notification-notification-400 { + --tw-ring-offset-color: var(--notification-notification-400, #5c6cbf); + } + + .sm\:ring-offset-Notification-notification-500 { + --tw-ring-offset-color: var(--notification-notification-500, #3350e5); + } + + .sm\:ring-offset-Notification-notification-600 { + --tw-ring-offset-color: var(--notification-notification-600, #283eb3); + } + + .sm\:ring-offset-Notification-notification-700 { + --tw-ring-offset-color: var(--notification-notification-700, #172466); + } + + .sm\:ring-offset-Success-success\ -700 { + --tw-ring-offset-color: var(--success-success-700, #24471f); + } + + .sm\:ring-offset-Success-success { + --tw-ring-offset-color: var(--success-success, #5bb14d); + } + + .sm\:ring-offset-Success-success\ -100 { + --tw-ring-offset-color: var(--success-success-100, #8cc882); + } + + .sm\:ring-offset-Success-success\ -200 { + --tw-ring-offset-color: var(--success-success-200, #add8a6); + } + + .sm\:ring-offset-Success-success\ -300 { + --tw-ring-offset-color: var(--success-success-300, #66a25c); + } + + .sm\:ring-offset-Success-success\ -400 { + --tw-ring-offset-color: var(--success-success-400, #6d9766); + } + + .sm\:ring-offset-Success-success\ -500 { + --tw-ring-offset-color: var(--success-success-500, #529f45); + } + + .sm\:ring-offset-Success-success\ -600 { + --tw-ring-offset-color: var(--success-success-600, #407c36); + } + + .sm\:ring-offset-Error-error { + --tw-ring-offset-color: var(--error-error, #f03d3e); + } + + .sm\:ring-offset-Error-error-100 { + --tw-ring-offset-color: var(--error-error-100, #f57778); + } + + .sm\:ring-offset-Error-error-200 { + --tw-ring-offset-color: var(--error-error-200, #f89e9e); + } + + .sm\:ring-offset-Error-error-250 { + --tw-ring-offset-color: var(--error-error-250, #f9c8c8); + } + + .sm\:ring-offset-Error-error-300 { + --tw-ring-offset-color: var(--error-error-300, #ce5151); + } + + .sm\:ring-offset-Error-error-400 { + --tw-ring-offset-color: var(--error-error-400, #b85e5e); + } + + .sm\:ring-offset-Error-error-500 { + --tw-ring-offset-color: var(--error-error-500, #d83738); + } + + .sm\:ring-offset-Error-error-600 { + --tw-ring-offset-color: var(--error-error-600, #a82b2b); + } + + .sm\:ring-offset-Error-error-700 { + --tw-ring-offset-color: var(--error-error-700, #601819); + } + + .sm\:focus-within\:ring-offset-colors-black:focus-within { + --tw-ring-offset-color: var(--colors-black, #000000); + } + + .sm\:focus-within\:ring-offset-colors-white:focus-within { + --tw-ring-offset-color: var(--colors-white, #ffffff); + } + + .sm\:focus-within\:ring-offset-colors-gray-100:focus-within { + --tw-ring-offset-color: var(--colors-gray-100, #f7fafc); + } + + .sm\:focus-within\:ring-offset-colors-gray-200:focus-within { + --tw-ring-offset-color: var(--colors-gray-200, #edf2f7); + } + + .sm\:focus-within\:ring-offset-colors-gray-300:focus-within { + --tw-ring-offset-color: var(--colors-gray-300, #e2e8f0); + } + + .sm\:focus-within\:ring-offset-colors-gray-400:focus-within { + --tw-ring-offset-color: var(--colors-gray-400, #cbd5e0); + } + + .sm\:focus-within\:ring-offset-colors-gray-500:focus-within { + --tw-ring-offset-color: var(--colors-gray-500, #a0aec0); + } + + .sm\:focus-within\:ring-offset-colors-gray-600:focus-within { + --tw-ring-offset-color: var(--colors-gray-600, #718096); + } + + .sm\:focus-within\:ring-offset-colors-gray-700:focus-within { + --tw-ring-offset-color: var(--colors-gray-700, #4a5568); + } + + .sm\:focus-within\:ring-offset-colors-gray-800:focus-within { + --tw-ring-offset-color: var(--colors-gray-800, #2d3748); + } + + .sm\:focus-within\:ring-offset-colors-gray-900:focus-within { + --tw-ring-offset-color: var(--colors-gray-900, #1a202c); + } + + .sm\:focus-within\:ring-offset-colors-red-100:focus-within { + --tw-ring-offset-color: var(--colors-red-100, #fff5f5); + } + + .sm\:focus-within\:ring-offset-colors-red-200:focus-within { + --tw-ring-offset-color: var(--colors-red-200, #fed7d7); + } + + .sm\:focus-within\:ring-offset-colors-red-300:focus-within { + --tw-ring-offset-color: var(--colors-red-300, #feb2b2); + } + + .sm\:focus-within\:ring-offset-colors-red-400:focus-within { + --tw-ring-offset-color: var(--colors-red-400, #fc8181); + } + + .sm\:focus-within\:ring-offset-colors-red-500:focus-within { + --tw-ring-offset-color: var(--colors-red-500, #f56565); + } + + .sm\:focus-within\:ring-offset-colors-red-600:focus-within { + --tw-ring-offset-color: var(--colors-red-600, #e53e3e); + } + + .sm\:focus-within\:ring-offset-colors-red-700:focus-within { + --tw-ring-offset-color: var(--colors-red-700, #c53030); + } + + .sm\:focus-within\:ring-offset-colors-red-800:focus-within { + --tw-ring-offset-color: var(--colors-red-800, #9b2c2c); + } + + .sm\:focus-within\:ring-offset-colors-red-900:focus-within { + --tw-ring-offset-color: var(--colors-red-900, #742a2a); + } + + .sm\:focus-within\:ring-offset-colors-orange-100:focus-within { + --tw-ring-offset-color: var(--colors-orange-100, #fffaf0); + } + + .sm\:focus-within\:ring-offset-colors-orange-200:focus-within { + --tw-ring-offset-color: var(--colors-orange-200, #feebc8); + } + + .sm\:focus-within\:ring-offset-colors-orange-300:focus-within { + --tw-ring-offset-color: var(--colors-orange-300, #fbd38d); + } + + .sm\:focus-within\:ring-offset-colors-orange-400:focus-within { + --tw-ring-offset-color: var(--colors-orange-400, #f6ad55); + } + + .sm\:focus-within\:ring-offset-colors-orange-500:focus-within { + --tw-ring-offset-color: var(--colors-orange-500, #ed8936); + } + + .sm\:focus-within\:ring-offset-colors-orange-600:focus-within { + --tw-ring-offset-color: var(--colors-orange-600, #dd6b20); + } + + .sm\:focus-within\:ring-offset-colors-orange-700:focus-within { + --tw-ring-offset-color: var(--colors-orange-700, #c05621); + } + + .sm\:focus-within\:ring-offset-colors-orange-800:focus-within { + --tw-ring-offset-color: var(--colors-orange-800, #9c4221); + } + + .sm\:focus-within\:ring-offset-colors-orange-900:focus-within { + --tw-ring-offset-color: var(--colors-orange-900, #7b341e); + } + + .sm\:focus-within\:ring-offset-colors-yellow-100:focus-within { + --tw-ring-offset-color: var(--colors-yellow-100, #fffff0); + } + + .sm\:focus-within\:ring-offset-colors-yellow-200:focus-within { + --tw-ring-offset-color: var(--colors-yellow-200, #fefcbf); + } + + .sm\:focus-within\:ring-offset-colors-yellow-300:focus-within { + --tw-ring-offset-color: var(--colors-yellow-300, #faf089); + } + + .sm\:focus-within\:ring-offset-colors-yellow-400:focus-within { + --tw-ring-offset-color: var(--colors-yellow-400, #f6e05e); + } + + .sm\:focus-within\:ring-offset-colors-yellow-500:focus-within { + --tw-ring-offset-color: var(--colors-yellow-500, #ecc94b); + } + + .sm\:focus-within\:ring-offset-colors-yellow-600:focus-within { + --tw-ring-offset-color: var(--colors-yellow-600, #d69e2e); + } + + .sm\:focus-within\:ring-offset-colors-yellow-700:focus-within { + --tw-ring-offset-color: var(--colors-yellow-700, #b7791f); + } + + .sm\:focus-within\:ring-offset-colors-yellow-800:focus-within { + --tw-ring-offset-color: var(--colors-yellow-800, #975a16); + } + + .sm\:focus-within\:ring-offset-colors-yellow-900:focus-within { + --tw-ring-offset-color: var(--colors-yellow-900, #744210); + } + + .sm\:focus-within\:ring-offset-colors-green-100:focus-within { + --tw-ring-offset-color: var(--colors-green-100, #f0fff4); + } + + .sm\:focus-within\:ring-offset-colors-green-200:focus-within { + --tw-ring-offset-color: var(--colors-green-200, #c6f6d5); + } + + .sm\:focus-within\:ring-offset-colors-green-300:focus-within { + --tw-ring-offset-color: var(--colors-green-300, #9ae6b4); + } + + .sm\:focus-within\:ring-offset-colors-green-400:focus-within { + --tw-ring-offset-color: var(--colors-green-400, #68d391); + } + + .sm\:focus-within\:ring-offset-colors-green-500:focus-within { + --tw-ring-offset-color: var(--colors-green-500, #48bb78); + } + + .sm\:focus-within\:ring-offset-colors-green-600:focus-within { + --tw-ring-offset-color: var(--colors-green-600, #38a169); + } + + .sm\:focus-within\:ring-offset-colors-green-700:focus-within { + --tw-ring-offset-color: var(--colors-green-700, #2f855a); + } + + .sm\:focus-within\:ring-offset-colors-green-800:focus-within { + --tw-ring-offset-color: var(--colors-green-800, #276749); + } + + .sm\:focus-within\:ring-offset-colors-green-900:focus-within { + --tw-ring-offset-color: var(--colors-green-900, #22543d); + } + + .sm\:focus-within\:ring-offset-colors-teal-100:focus-within { + --tw-ring-offset-color: var(--colors-teal-100, #e6fffa); + } + + .sm\:focus-within\:ring-offset-colors-teal-200:focus-within { + --tw-ring-offset-color: var(--colors-teal-200, #b2f5ea); + } + + .sm\:focus-within\:ring-offset-colors-teal-300:focus-within { + --tw-ring-offset-color: var(--colors-teal-300, #81e6d9); + } + + .sm\:focus-within\:ring-offset-colors-teal-400:focus-within { + --tw-ring-offset-color: var(--colors-teal-400, #4fd1c5); + } + + .sm\:focus-within\:ring-offset-colors-teal-500:focus-within { + --tw-ring-offset-color: var(--colors-teal-500, #38b2ac); + } + + .sm\:focus-within\:ring-offset-colors-teal-600:focus-within { + --tw-ring-offset-color: var(--colors-teal-600, #319795); + } + + .sm\:focus-within\:ring-offset-colors-teal-700:focus-within { + --tw-ring-offset-color: var(--colors-teal-700, #2c7a7b); + } + + .sm\:focus-within\:ring-offset-colors-teal-800:focus-within { + --tw-ring-offset-color: var(--colors-teal-800, #285e61); + } + + .sm\:focus-within\:ring-offset-colors-teal-900:focus-within { + --tw-ring-offset-color: var(--colors-teal-900, #234e52); + } + + .sm\:focus-within\:ring-offset-colors-blue-100:focus-within { + --tw-ring-offset-color: var(--colors-blue-100, #ebf8ff); + } + + .sm\:focus-within\:ring-offset-colors-blue-200:focus-within { + --tw-ring-offset-color: var(--colors-blue-200, #bee3f8); + } + + .sm\:focus-within\:ring-offset-colors-blue-300:focus-within { + --tw-ring-offset-color: var(--colors-blue-300, #90cdf4); + } + + .sm\:focus-within\:ring-offset-colors-blue-400:focus-within { + --tw-ring-offset-color: var(--colors-blue-400, #63b3ed); + } + + .sm\:focus-within\:ring-offset-colors-blue-500:focus-within { + --tw-ring-offset-color: var(--colors-blue-500, #4299e1); + } + + .sm\:focus-within\:ring-offset-colors-blue-600:focus-within { + --tw-ring-offset-color: var(--colors-blue-600, #3182ce); + } + + .sm\:focus-within\:ring-offset-colors-blue-700:focus-within { + --tw-ring-offset-color: var(--colors-blue-700, #2b6cb0); + } + + .sm\:focus-within\:ring-offset-colors-blue-800:focus-within { + --tw-ring-offset-color: var(--colors-blue-800, #2c5282); + } + + .sm\:focus-within\:ring-offset-colors-blue-900:focus-within { + --tw-ring-offset-color: var(--colors-blue-900, #2a4365); + } + + .sm\:focus-within\:ring-offset-colors-indigo-100:focus-within { + --tw-ring-offset-color: var(--colors-indigo-100, #ebf4ff); + } + + .sm\:focus-within\:ring-offset-colors-indigo-200:focus-within { + --tw-ring-offset-color: var(--colors-indigo-200, #c3dafe); + } + + .sm\:focus-within\:ring-offset-colors-indigo-300:focus-within { + --tw-ring-offset-color: var(--colors-indigo-300, #a3bffa); + } + + .sm\:focus-within\:ring-offset-colors-indigo-400:focus-within { + --tw-ring-offset-color: var(--colors-indigo-400, #7f9cf5); + } + + .sm\:focus-within\:ring-offset-colors-indigo-500:focus-within { + --tw-ring-offset-color: var(--colors-indigo-500, #667eea); + } + + .sm\:focus-within\:ring-offset-colors-indigo-600:focus-within { + --tw-ring-offset-color: var(--colors-indigo-600, #5a67d8); + } + + .sm\:focus-within\:ring-offset-colors-indigo-700:focus-within { + --tw-ring-offset-color: var(--colors-indigo-700, #4c51bf); + } + + .sm\:focus-within\:ring-offset-colors-indigo-800:focus-within { + --tw-ring-offset-color: var(--colors-indigo-800, #434190); + } + + .sm\:focus-within\:ring-offset-colors-indigo-900:focus-within { + --tw-ring-offset-color: var(--colors-indigo-900, #3c366b); + } + + .sm\:focus-within\:ring-offset-colors-purple-100:focus-within { + --tw-ring-offset-color: var(--colors-purple-100, #faf5ff); + } + + .sm\:focus-within\:ring-offset-colors-purple-200:focus-within { + --tw-ring-offset-color: var(--colors-purple-200, #e9d8fd); + } + + .sm\:focus-within\:ring-offset-colors-purple-300:focus-within { + --tw-ring-offset-color: var(--colors-purple-300, #d6bcfa); + } + + .sm\:focus-within\:ring-offset-colors-purple-400:focus-within { + --tw-ring-offset-color: var(--colors-purple-400, #b794f4); + } + + .sm\:focus-within\:ring-offset-colors-purple-500:focus-within { + --tw-ring-offset-color: var(--colors-purple-500, #9f7aea); + } + + .sm\:focus-within\:ring-offset-colors-purple-600:focus-within { + --tw-ring-offset-color: var(--colors-purple-600, #805ad5); + } + + .sm\:focus-within\:ring-offset-colors-purple-700:focus-within { + --tw-ring-offset-color: var(--colors-purple-700, #6b46c1); + } + + .sm\:focus-within\:ring-offset-colors-purple-800:focus-within { + --tw-ring-offset-color: var(--colors-purple-800, #553c9a); + } + + .sm\:focus-within\:ring-offset-colors-purple-900:focus-within { + --tw-ring-offset-color: var(--colors-purple-900, #44337a); + } + + .sm\:focus-within\:ring-offset-colors-pink-100:focus-within { + --tw-ring-offset-color: var(--colors-pink-100, #fff5f7); + } + + .sm\:focus-within\:ring-offset-colors-pink-200:focus-within { + --tw-ring-offset-color: var(--colors-pink-200, #fed7e2); + } + + .sm\:focus-within\:ring-offset-colors-pink-300:focus-within { + --tw-ring-offset-color: var(--colors-pink-300, #fbb6ce); + } + + .sm\:focus-within\:ring-offset-colors-pink-400:focus-within { + --tw-ring-offset-color: var(--colors-pink-400, #f687b3); + } + + .sm\:focus-within\:ring-offset-colors-pink-500:focus-within { + --tw-ring-offset-color: var(--colors-pink-500, #ed64a6); + } + + .sm\:focus-within\:ring-offset-colors-pink-600:focus-within { + --tw-ring-offset-color: var(--colors-pink-600, #d53f8c); + } + + .sm\:focus-within\:ring-offset-colors-pink-700:focus-within { + --tw-ring-offset-color: var(--colors-pink-700, #b83280); + } + + .sm\:focus-within\:ring-offset-colors-pink-800:focus-within { + --tw-ring-offset-color: var(--colors-pink-800, #97266d); + } + + .sm\:focus-within\:ring-offset-colors-pink-900:focus-within { + --tw-ring-offset-color: var(--colors-pink-900, #702459); + } + + .sm\:focus-within\:ring-offset-Box\ Shadow:focus-within { + --tw-ring-offset-color: var(--box-shadow, #7f7e7f); + } + + .sm\:focus-within\:ring-offset-Error16:focus-within { + --tw-ring-offset-color: var(--error16, #f03d3e40); + } + + .sm\:focus-within\:ring-offset-Success16:focus-within { + --tw-ring-offset-color: var(--success16, #5bb14d40); + } + + .sm\:focus-within\:ring-offset-Notification16:focus-within { + --tw-ring-offset-color: var(--notification16, #3959ff40); + } + + .sm\:focus-within\:ring-offset-Error8:focus-within { + --tw-ring-offset-color: var(--error8, #f03d3e1a); + } + + .sm\:focus-within\:ring-offset-Notification8:focus-within { + --tw-ring-offset-color: var(--notification8, #3959ff1a); + } + + .sm\:focus-within\:ring-offset-Success8:focus-within { + --tw-ring-offset-color: var(--success8, #5bb14d1a); + } + + .sm\:focus-within\:ring-offset-Light\ -\ Overlay:focus-within { + --tw-ring-offset-color: var(--light-overlay, #f0edee66); + } + + .sm\:focus-within\:ring-offset-Dark-\ Overlay:focus-within { + --tw-ring-offset-color: var(--dark-overlay, #7f7e7f66); + } + + .sm\:focus-within\:ring-offset-black-40:focus-within { + --tw-ring-offset-color: var(--black-40, #00000066); + } + + .sm\:focus-within\:ring-offset-black-75:focus-within { + --tw-ring-offset-color: var(--black-75, #000000bf); + } + + .sm\:focus-within\:ring-offset-black-60:focus-within { + --tw-ring-offset-color: var(--black-60, #00000099); + } + + .sm\:focus-within\:ring-offset-black-50:focus-within { + --tw-ring-offset-color: var(--black-50, #00000080); + } + + .sm\:focus-within\:ring-offset-black-25:focus-within { + --tw-ring-offset-color: var(--black-25, #00000040); + } + + .sm\:focus-within\:ring-offset-black-10:focus-within { + --tw-ring-offset-color: var(--black-10, #0000001a); + } + + .sm\:focus-within\:ring-offset-white-25:focus-within { + --tw-ring-offset-color: var(--white-25, #ffffff40); + } + + .sm\:focus-within\:ring-offset-white-60:focus-within { + --tw-ring-offset-color: var(--white-60, #ffffff99); + } + + .sm\:focus-within\:ring-offset-black-64:focus-within { + --tw-ring-offset-color: var(--black-64, #000000a3); + } + + .sm\:focus-within\:ring-offset-Shadow\ and\ Highlight-Shadow:focus-within { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow, #7f7e7f); + } + + .sm\:focus-within\:ring-offset-Shadow\ and\ Highlight-Highlight:focus-within { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight, #474747); + } + + .sm\:focus-within\:ring-offset-Shadow\ and\ Highlight-highlight\ one:focus-within { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-one, #474747bf); + } + + .sm\:focus-within\:ring-offset-Shadow\ and\ Highlight-highlight\ two:focus-within { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-two, #47474799); + } + + .sm\:focus-within\:ring-offset-Shadow\ and\ Highlight-highlight\ three:focus-within { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-three, #47474766); + } + + .sm\:focus-within\:ring-offset-Shadow\ and\ Highlight-highlight\ five:focus-within { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-five, #4747471a); + } + + .sm\:focus-within\:ring-offset-Shadow\ and\ Highlight-shadow\ one:focus-within { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); + } + + .sm\:focus-within\:ring-offset-Shadow\ and\ Highlight-shadow\ two:focus-within { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); + } + + .sm\:focus-within\:ring-offset-Shadow\ and\ Highlight-shadow\ three:focus-within { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); + } + + .sm\:focus-within\:ring-offset-Shadow\ and\ Highlight-shadow\ four:focus-within { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); + } + + .sm\:focus-within\:ring-offset-Shadow\ and\ Highlight-shadow\ five:focus-within { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); + } + + .sm\:focus-within\:ring-offset-Shadow\ and\ Highlight-highlight\ four:focus-within { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-four, #47474740); + } + + .sm\:focus-within\:ring-offset-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus-within { + --tw-ring-offset-color: var(--base-layer-styles-base-layer-light-white, #ffffff); + } + + .sm\:focus-within\:ring-offset-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus-within { + --tw-ring-offset-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); + } + + .sm\:focus-within\:ring-offset-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus-within { + --tw-ring-offset-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); + } + + .sm\:focus-within\:ring-offset-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus-within { + --tw-ring-offset-color: var(--base-layer-styles-base-layer-dark-black, #000000); + } + + .sm\:focus-within\:ring-offset-Grey-Scale-white:focus-within { + --tw-ring-offset-color: var(--grey-scale-white, #ffffff); + } + + .sm\:focus-within\:ring-offset-Grey-Scale-off-white:focus-within { + --tw-ring-offset-color: var(--grey-scale-off-white, #f0edee); + } + + .sm\:focus-within\:ring-offset-Grey\ Scale-grey:focus-within { + --tw-ring-offset-color: var(--grey-scale-grey, #7f7e7f); + } + + .sm\:focus-within\:ring-offset-Grey\ Scale-charcoal:focus-within { + --tw-ring-offset-color: var(--grey-scale-charcoal, #474747); + } + + .sm\:focus-within\:ring-offset-Grey\ Scale-off-black:focus-within { + --tw-ring-offset-color: var(--grey-scale-off-black, #1c1c1c); + } + + .sm\:focus-within\:ring-offset-Grey\ Scale-black:focus-within { + --tw-ring-offset-color: var(--grey-scale-black, #000000); + } + + .sm\:focus-within\:ring-offset-Blue-blue:focus-within { + --tw-ring-offset-color: var(--blue-blue, #3a7ca5); + } + + .sm\:focus-within\:ring-offset-Blue-blue-100:focus-within { + --tw-ring-offset-color: var(--blue-blue-100, #75a3c0); + } + + .sm\:focus-within\:ring-offset-Blue-blue-200:focus-within { + --tw-ring-offset-color: var(--blue-blue-200, #9cbed2); + } + + .sm\:focus-within\:ring-offset-Blue-blue-300:focus-within { + --tw-ring-offset-color: var(--blue-blue-300, #4f7d9a); + } + + .sm\:focus-within\:ring-offset-Blue-blue-400:focus-within { + --tw-ring-offset-color: var(--blue-blue-400, #5c7d92); + } + + .sm\:focus-within\:ring-offset-Blue-blue-500:focus-within { + --tw-ring-offset-color: var(--blue-blue-500, #347095); + } + + .sm\:focus-within\:ring-offset-Blue-blue-600:focus-within { + --tw-ring-offset-color: var(--blue-blue-600, #295774); + } + + .sm\:focus-within\:ring-offset-Blue-blue-700:focus-within { + --tw-ring-offset-color: var(--blue-blue-700, #173242); + } + + .sm\:focus-within\:ring-offset-LightBlue-lightblue:focus-within { + --tw-ring-offset-color: var(--light-blue-lightblue, #81c3d7); + } + + .sm\:focus-within\:ring-offset-LightBlue-lightblue-100:focus-within { + --tw-ring-offset-color: var(--light-blue-lightblue-100, #a7d5e3); + } + + .sm\:focus-within\:ring-offset-LightBlue-lightblue-200:focus-within { + --tw-ring-offset-color: var(--light-blue-lightblue-200, #c0e1eb); + } + + .sm\:focus-within\:ring-offset-LightBlue-lightblue-300:focus-within { + --tw-ring-offset-color: var(--light-blue-lightblue-300, #80aebd); + } + + .sm\:focus-within\:ring-offset-LightBlue-lightblue-400:focus-within { + --tw-ring-offset-color: var(--light-blue-lightblue-400, #80a0ab); + } + + .sm\:focus-within\:ring-offset-LightBlue-lightblue-500:focus-within { + --tw-ring-offset-color: var(--light-blue-lightblue-500, #74afc1); + } + + .sm\:focus-within\:ring-offset-LightBlue-lightblue-600:focus-within { + --tw-ring-offset-color: var(--light-blue-lightblue-600, #5a8997); + } + + .sm\:focus-within\:ring-offset-LightBlue-lightblue-650:focus-within { + --tw-ring-offset-color: var(--light-blue-lightblue-650, #3e5e65); + } + + .sm\:focus-within\:ring-offset-LightBlue-lightblue-700:focus-within { + --tw-ring-offset-color: var(--light-blue-lightblue-700, #344e56); + } + + .sm\:focus-within\:ring-offset-Orange-orange:focus-within { + --tw-ring-offset-color: var(--orange-orange, #ff7f0e); + } + + .sm\:focus-within\:ring-offset-Orange-orange-100:focus-within { + --tw-ring-offset-color: var(--orange-orange-100, #ffa556); + } + + .sm\:focus-within\:ring-offset-Orange-orange-200:focus-within { + --tw-ring-offset-color: var(--orange-orange-200, #ffbf86); + } + + .sm\:focus-within\:ring-offset-Orange-orange-300:focus-within { + --tw-ring-offset-color: var(--orange-orange-300, #d97f30); + } + + .sm\:focus-within\:ring-offset-Orange-orange-400:focus-within { + --tw-ring-offset-color: var(--orange-orange-400, #bf7e46); + } + + .sm\:focus-within\:ring-offset-Orange-orange-500:focus-within { + --tw-ring-offset-color: var(--orange-orange-500, #e5720d); + } + + .sm\:focus-within\:ring-offset-Orange-orange-600:focus-within { + --tw-ring-offset-color: var(--orange-orange-600, #b3590a); + } + + .sm\:focus-within\:ring-offset-Orange-orange-700:focus-within { + --tw-ring-offset-color: var(--orange-orange-700, #663306); + } + + .sm\:focus-within\:ring-offset-Yellow-yellow:focus-within { + --tw-ring-offset-color: var(--yellow-yellow, #ffab00); + } + + .sm\:focus-within\:ring-offset-Yellow-yellow-100:focus-within { + --tw-ring-offset-color: var(--yellow-yellow-100, #ffc44c); + } + + .sm\:focus-within\:ring-offset-Yellow-yellow-200:focus-within { + --tw-ring-offset-color: var(--yellow-yellow-200, #ffd580); + } + + .sm\:focus-within\:ring-offset-Yellow-yellow-300:focus-within { + --tw-ring-offset-color: var(--yellow-yellow-300, #d99d26); + } + + .sm\:focus-within\:ring-offset-Yellow-yellow-400:focus-within { + --tw-ring-offset-color: var(--yellow-yellow-400, #bf943f); + } + + .sm\:focus-within\:ring-offset-Yellow-yellow-500:focus-within { + --tw-ring-offset-color: var(--yellow-yellow-500, #e59a00); + } + + .sm\:focus-within\:ring-offset-Yellow-yellow-600:focus-within { + --tw-ring-offset-color: var(--yellow-yellow-600, #b37800); + } + + .sm\:focus-within\:ring-offset-Yellow-yellow-700:focus-within { + --tw-ring-offset-color: var(--yellow-yellow-700, #664400); + } + + .sm\:focus-within\:ring-offset-Notification-notification:focus-within { + --tw-ring-offset-color: var(--notification-notification, #3959ff); + } + + .sm\:focus-within\:ring-offset-Notification-notification-100:focus-within { + --tw-ring-offset-color: var(--notification-notification-100, #748bff); + } + + .sm\:focus-within\:ring-offset-Notification-notification-200:focus-within { + --tw-ring-offset-color: var(--notification-notification-200, #9cacff); + } + + .sm\:focus-within\:ring-offset-Notification-notification-300:focus-within { + --tw-ring-offset-color: var(--notification-notification-300, #4e64d9); + } + + .sm\:focus-within\:ring-offset-Notification-notification-400:focus-within { + --tw-ring-offset-color: var(--notification-notification-400, #5c6cbf); + } + + .sm\:focus-within\:ring-offset-Notification-notification-500:focus-within { + --tw-ring-offset-color: var(--notification-notification-500, #3350e5); + } + + .sm\:focus-within\:ring-offset-Notification-notification-600:focus-within { + --tw-ring-offset-color: var(--notification-notification-600, #283eb3); + } + + .sm\:focus-within\:ring-offset-Notification-notification-700:focus-within { + --tw-ring-offset-color: var(--notification-notification-700, #172466); + } + + .sm\:focus-within\:ring-offset-Success-success\ -700:focus-within { + --tw-ring-offset-color: var(--success-success-700, #24471f); + } + + .sm\:focus-within\:ring-offset-Success-success:focus-within { + --tw-ring-offset-color: var(--success-success, #5bb14d); + } + + .sm\:focus-within\:ring-offset-Success-success\ -100:focus-within { + --tw-ring-offset-color: var(--success-success-100, #8cc882); + } + + .sm\:focus-within\:ring-offset-Success-success\ -200:focus-within { + --tw-ring-offset-color: var(--success-success-200, #add8a6); + } + + .sm\:focus-within\:ring-offset-Success-success\ -300:focus-within { + --tw-ring-offset-color: var(--success-success-300, #66a25c); + } + + .sm\:focus-within\:ring-offset-Success-success\ -400:focus-within { + --tw-ring-offset-color: var(--success-success-400, #6d9766); + } + + .sm\:focus-within\:ring-offset-Success-success\ -500:focus-within { + --tw-ring-offset-color: var(--success-success-500, #529f45); + } + + .sm\:focus-within\:ring-offset-Success-success\ -600:focus-within { + --tw-ring-offset-color: var(--success-success-600, #407c36); + } + + .sm\:focus-within\:ring-offset-Error-error:focus-within { + --tw-ring-offset-color: var(--error-error, #f03d3e); + } + + .sm\:focus-within\:ring-offset-Error-error-100:focus-within { + --tw-ring-offset-color: var(--error-error-100, #f57778); + } + + .sm\:focus-within\:ring-offset-Error-error-200:focus-within { + --tw-ring-offset-color: var(--error-error-200, #f89e9e); + } + + .sm\:focus-within\:ring-offset-Error-error-250:focus-within { + --tw-ring-offset-color: var(--error-error-250, #f9c8c8); + } + + .sm\:focus-within\:ring-offset-Error-error-300:focus-within { + --tw-ring-offset-color: var(--error-error-300, #ce5151); + } + + .sm\:focus-within\:ring-offset-Error-error-400:focus-within { + --tw-ring-offset-color: var(--error-error-400, #b85e5e); + } + + .sm\:focus-within\:ring-offset-Error-error-500:focus-within { + --tw-ring-offset-color: var(--error-error-500, #d83738); + } + + .sm\:focus-within\:ring-offset-Error-error-600:focus-within { + --tw-ring-offset-color: var(--error-error-600, #a82b2b); + } + + .sm\:focus-within\:ring-offset-Error-error-700:focus-within { + --tw-ring-offset-color: var(--error-error-700, #601819); + } + + .sm\:focus\:ring-offset-colors-black:focus { + --tw-ring-offset-color: var(--colors-black, #000000); + } + + .sm\:focus\:ring-offset-colors-white:focus { + --tw-ring-offset-color: var(--colors-white, #ffffff); + } + + .sm\:focus\:ring-offset-colors-gray-100:focus { + --tw-ring-offset-color: var(--colors-gray-100, #f7fafc); + } + + .sm\:focus\:ring-offset-colors-gray-200:focus { + --tw-ring-offset-color: var(--colors-gray-200, #edf2f7); + } + + .sm\:focus\:ring-offset-colors-gray-300:focus { + --tw-ring-offset-color: var(--colors-gray-300, #e2e8f0); + } + + .sm\:focus\:ring-offset-colors-gray-400:focus { + --tw-ring-offset-color: var(--colors-gray-400, #cbd5e0); + } + + .sm\:focus\:ring-offset-colors-gray-500:focus { + --tw-ring-offset-color: var(--colors-gray-500, #a0aec0); + } + + .sm\:focus\:ring-offset-colors-gray-600:focus { + --tw-ring-offset-color: var(--colors-gray-600, #718096); + } + + .sm\:focus\:ring-offset-colors-gray-700:focus { + --tw-ring-offset-color: var(--colors-gray-700, #4a5568); + } + + .sm\:focus\:ring-offset-colors-gray-800:focus { + --tw-ring-offset-color: var(--colors-gray-800, #2d3748); + } + + .sm\:focus\:ring-offset-colors-gray-900:focus { + --tw-ring-offset-color: var(--colors-gray-900, #1a202c); + } + + .sm\:focus\:ring-offset-colors-red-100:focus { + --tw-ring-offset-color: var(--colors-red-100, #fff5f5); + } + + .sm\:focus\:ring-offset-colors-red-200:focus { + --tw-ring-offset-color: var(--colors-red-200, #fed7d7); + } + + .sm\:focus\:ring-offset-colors-red-300:focus { + --tw-ring-offset-color: var(--colors-red-300, #feb2b2); + } + + .sm\:focus\:ring-offset-colors-red-400:focus { + --tw-ring-offset-color: var(--colors-red-400, #fc8181); + } + + .sm\:focus\:ring-offset-colors-red-500:focus { + --tw-ring-offset-color: var(--colors-red-500, #f56565); + } + + .sm\:focus\:ring-offset-colors-red-600:focus { + --tw-ring-offset-color: var(--colors-red-600, #e53e3e); + } + + .sm\:focus\:ring-offset-colors-red-700:focus { + --tw-ring-offset-color: var(--colors-red-700, #c53030); + } + + .sm\:focus\:ring-offset-colors-red-800:focus { + --tw-ring-offset-color: var(--colors-red-800, #9b2c2c); + } + + .sm\:focus\:ring-offset-colors-red-900:focus { + --tw-ring-offset-color: var(--colors-red-900, #742a2a); + } + + .sm\:focus\:ring-offset-colors-orange-100:focus { + --tw-ring-offset-color: var(--colors-orange-100, #fffaf0); + } + + .sm\:focus\:ring-offset-colors-orange-200:focus { + --tw-ring-offset-color: var(--colors-orange-200, #feebc8); + } + + .sm\:focus\:ring-offset-colors-orange-300:focus { + --tw-ring-offset-color: var(--colors-orange-300, #fbd38d); + } + + .sm\:focus\:ring-offset-colors-orange-400:focus { + --tw-ring-offset-color: var(--colors-orange-400, #f6ad55); + } + + .sm\:focus\:ring-offset-colors-orange-500:focus { + --tw-ring-offset-color: var(--colors-orange-500, #ed8936); + } + + .sm\:focus\:ring-offset-colors-orange-600:focus { + --tw-ring-offset-color: var(--colors-orange-600, #dd6b20); + } + + .sm\:focus\:ring-offset-colors-orange-700:focus { + --tw-ring-offset-color: var(--colors-orange-700, #c05621); + } + + .sm\:focus\:ring-offset-colors-orange-800:focus { + --tw-ring-offset-color: var(--colors-orange-800, #9c4221); + } + + .sm\:focus\:ring-offset-colors-orange-900:focus { + --tw-ring-offset-color: var(--colors-orange-900, #7b341e); + } + + .sm\:focus\:ring-offset-colors-yellow-100:focus { + --tw-ring-offset-color: var(--colors-yellow-100, #fffff0); + } + + .sm\:focus\:ring-offset-colors-yellow-200:focus { + --tw-ring-offset-color: var(--colors-yellow-200, #fefcbf); + } + + .sm\:focus\:ring-offset-colors-yellow-300:focus { + --tw-ring-offset-color: var(--colors-yellow-300, #faf089); + } + + .sm\:focus\:ring-offset-colors-yellow-400:focus { + --tw-ring-offset-color: var(--colors-yellow-400, #f6e05e); + } + + .sm\:focus\:ring-offset-colors-yellow-500:focus { + --tw-ring-offset-color: var(--colors-yellow-500, #ecc94b); + } + + .sm\:focus\:ring-offset-colors-yellow-600:focus { + --tw-ring-offset-color: var(--colors-yellow-600, #d69e2e); + } + + .sm\:focus\:ring-offset-colors-yellow-700:focus { + --tw-ring-offset-color: var(--colors-yellow-700, #b7791f); + } + + .sm\:focus\:ring-offset-colors-yellow-800:focus { + --tw-ring-offset-color: var(--colors-yellow-800, #975a16); + } + + .sm\:focus\:ring-offset-colors-yellow-900:focus { + --tw-ring-offset-color: var(--colors-yellow-900, #744210); + } + + .sm\:focus\:ring-offset-colors-green-100:focus { + --tw-ring-offset-color: var(--colors-green-100, #f0fff4); + } + + .sm\:focus\:ring-offset-colors-green-200:focus { + --tw-ring-offset-color: var(--colors-green-200, #c6f6d5); + } + + .sm\:focus\:ring-offset-colors-green-300:focus { + --tw-ring-offset-color: var(--colors-green-300, #9ae6b4); + } + + .sm\:focus\:ring-offset-colors-green-400:focus { + --tw-ring-offset-color: var(--colors-green-400, #68d391); + } + + .sm\:focus\:ring-offset-colors-green-500:focus { + --tw-ring-offset-color: var(--colors-green-500, #48bb78); + } + + .sm\:focus\:ring-offset-colors-green-600:focus { + --tw-ring-offset-color: var(--colors-green-600, #38a169); + } + + .sm\:focus\:ring-offset-colors-green-700:focus { + --tw-ring-offset-color: var(--colors-green-700, #2f855a); + } + + .sm\:focus\:ring-offset-colors-green-800:focus { + --tw-ring-offset-color: var(--colors-green-800, #276749); + } + + .sm\:focus\:ring-offset-colors-green-900:focus { + --tw-ring-offset-color: var(--colors-green-900, #22543d); + } + + .sm\:focus\:ring-offset-colors-teal-100:focus { + --tw-ring-offset-color: var(--colors-teal-100, #e6fffa); + } + + .sm\:focus\:ring-offset-colors-teal-200:focus { + --tw-ring-offset-color: var(--colors-teal-200, #b2f5ea); + } + + .sm\:focus\:ring-offset-colors-teal-300:focus { + --tw-ring-offset-color: var(--colors-teal-300, #81e6d9); + } + + .sm\:focus\:ring-offset-colors-teal-400:focus { + --tw-ring-offset-color: var(--colors-teal-400, #4fd1c5); + } + + .sm\:focus\:ring-offset-colors-teal-500:focus { + --tw-ring-offset-color: var(--colors-teal-500, #38b2ac); + } + + .sm\:focus\:ring-offset-colors-teal-600:focus { + --tw-ring-offset-color: var(--colors-teal-600, #319795); + } + + .sm\:focus\:ring-offset-colors-teal-700:focus { + --tw-ring-offset-color: var(--colors-teal-700, #2c7a7b); + } + + .sm\:focus\:ring-offset-colors-teal-800:focus { + --tw-ring-offset-color: var(--colors-teal-800, #285e61); + } + + .sm\:focus\:ring-offset-colors-teal-900:focus { + --tw-ring-offset-color: var(--colors-teal-900, #234e52); + } + + .sm\:focus\:ring-offset-colors-blue-100:focus { + --tw-ring-offset-color: var(--colors-blue-100, #ebf8ff); + } + + .sm\:focus\:ring-offset-colors-blue-200:focus { + --tw-ring-offset-color: var(--colors-blue-200, #bee3f8); + } + + .sm\:focus\:ring-offset-colors-blue-300:focus { + --tw-ring-offset-color: var(--colors-blue-300, #90cdf4); + } + + .sm\:focus\:ring-offset-colors-blue-400:focus { + --tw-ring-offset-color: var(--colors-blue-400, #63b3ed); + } + + .sm\:focus\:ring-offset-colors-blue-500:focus { + --tw-ring-offset-color: var(--colors-blue-500, #4299e1); + } + + .sm\:focus\:ring-offset-colors-blue-600:focus { + --tw-ring-offset-color: var(--colors-blue-600, #3182ce); + } + + .sm\:focus\:ring-offset-colors-blue-700:focus { + --tw-ring-offset-color: var(--colors-blue-700, #2b6cb0); + } + + .sm\:focus\:ring-offset-colors-blue-800:focus { + --tw-ring-offset-color: var(--colors-blue-800, #2c5282); + } + + .sm\:focus\:ring-offset-colors-blue-900:focus { + --tw-ring-offset-color: var(--colors-blue-900, #2a4365); + } + + .sm\:focus\:ring-offset-colors-indigo-100:focus { + --tw-ring-offset-color: var(--colors-indigo-100, #ebf4ff); + } + + .sm\:focus\:ring-offset-colors-indigo-200:focus { + --tw-ring-offset-color: var(--colors-indigo-200, #c3dafe); + } + + .sm\:focus\:ring-offset-colors-indigo-300:focus { + --tw-ring-offset-color: var(--colors-indigo-300, #a3bffa); + } + + .sm\:focus\:ring-offset-colors-indigo-400:focus { + --tw-ring-offset-color: var(--colors-indigo-400, #7f9cf5); + } + + .sm\:focus\:ring-offset-colors-indigo-500:focus { + --tw-ring-offset-color: var(--colors-indigo-500, #667eea); + } + + .sm\:focus\:ring-offset-colors-indigo-600:focus { + --tw-ring-offset-color: var(--colors-indigo-600, #5a67d8); + } + + .sm\:focus\:ring-offset-colors-indigo-700:focus { + --tw-ring-offset-color: var(--colors-indigo-700, #4c51bf); + } + + .sm\:focus\:ring-offset-colors-indigo-800:focus { + --tw-ring-offset-color: var(--colors-indigo-800, #434190); + } + + .sm\:focus\:ring-offset-colors-indigo-900:focus { + --tw-ring-offset-color: var(--colors-indigo-900, #3c366b); + } + + .sm\:focus\:ring-offset-colors-purple-100:focus { + --tw-ring-offset-color: var(--colors-purple-100, #faf5ff); + } + + .sm\:focus\:ring-offset-colors-purple-200:focus { + --tw-ring-offset-color: var(--colors-purple-200, #e9d8fd); + } + + .sm\:focus\:ring-offset-colors-purple-300:focus { + --tw-ring-offset-color: var(--colors-purple-300, #d6bcfa); + } + + .sm\:focus\:ring-offset-colors-purple-400:focus { + --tw-ring-offset-color: var(--colors-purple-400, #b794f4); + } + + .sm\:focus\:ring-offset-colors-purple-500:focus { + --tw-ring-offset-color: var(--colors-purple-500, #9f7aea); + } + + .sm\:focus\:ring-offset-colors-purple-600:focus { + --tw-ring-offset-color: var(--colors-purple-600, #805ad5); + } + + .sm\:focus\:ring-offset-colors-purple-700:focus { + --tw-ring-offset-color: var(--colors-purple-700, #6b46c1); + } + + .sm\:focus\:ring-offset-colors-purple-800:focus { + --tw-ring-offset-color: var(--colors-purple-800, #553c9a); + } + + .sm\:focus\:ring-offset-colors-purple-900:focus { + --tw-ring-offset-color: var(--colors-purple-900, #44337a); + } + + .sm\:focus\:ring-offset-colors-pink-100:focus { + --tw-ring-offset-color: var(--colors-pink-100, #fff5f7); + } + + .sm\:focus\:ring-offset-colors-pink-200:focus { + --tw-ring-offset-color: var(--colors-pink-200, #fed7e2); + } + + .sm\:focus\:ring-offset-colors-pink-300:focus { + --tw-ring-offset-color: var(--colors-pink-300, #fbb6ce); + } + + .sm\:focus\:ring-offset-colors-pink-400:focus { + --tw-ring-offset-color: var(--colors-pink-400, #f687b3); + } + + .sm\:focus\:ring-offset-colors-pink-500:focus { + --tw-ring-offset-color: var(--colors-pink-500, #ed64a6); + } + + .sm\:focus\:ring-offset-colors-pink-600:focus { + --tw-ring-offset-color: var(--colors-pink-600, #d53f8c); + } + + .sm\:focus\:ring-offset-colors-pink-700:focus { + --tw-ring-offset-color: var(--colors-pink-700, #b83280); + } + + .sm\:focus\:ring-offset-colors-pink-800:focus { + --tw-ring-offset-color: var(--colors-pink-800, #97266d); + } + + .sm\:focus\:ring-offset-colors-pink-900:focus { + --tw-ring-offset-color: var(--colors-pink-900, #702459); + } + + .sm\:focus\:ring-offset-Box\ Shadow:focus { + --tw-ring-offset-color: var(--box-shadow, #7f7e7f); + } + + .sm\:focus\:ring-offset-Error16:focus { + --tw-ring-offset-color: var(--error16, #f03d3e40); + } + + .sm\:focus\:ring-offset-Success16:focus { + --tw-ring-offset-color: var(--success16, #5bb14d40); + } + + .sm\:focus\:ring-offset-Notification16:focus { + --tw-ring-offset-color: var(--notification16, #3959ff40); + } + + .sm\:focus\:ring-offset-Error8:focus { + --tw-ring-offset-color: var(--error8, #f03d3e1a); + } + + .sm\:focus\:ring-offset-Notification8:focus { + --tw-ring-offset-color: var(--notification8, #3959ff1a); + } + + .sm\:focus\:ring-offset-Success8:focus { + --tw-ring-offset-color: var(--success8, #5bb14d1a); + } + + .sm\:focus\:ring-offset-Light\ -\ Overlay:focus { + --tw-ring-offset-color: var(--light-overlay, #f0edee66); + } + + .sm\:focus\:ring-offset-Dark-\ Overlay:focus { + --tw-ring-offset-color: var(--dark-overlay, #7f7e7f66); + } + + .sm\:focus\:ring-offset-black-40:focus { + --tw-ring-offset-color: var(--black-40, #00000066); + } + + .sm\:focus\:ring-offset-black-75:focus { + --tw-ring-offset-color: var(--black-75, #000000bf); + } + + .sm\:focus\:ring-offset-black-60:focus { + --tw-ring-offset-color: var(--black-60, #00000099); + } + + .sm\:focus\:ring-offset-black-50:focus { + --tw-ring-offset-color: var(--black-50, #00000080); + } + + .sm\:focus\:ring-offset-black-25:focus { + --tw-ring-offset-color: var(--black-25, #00000040); + } + + .sm\:focus\:ring-offset-black-10:focus { + --tw-ring-offset-color: var(--black-10, #0000001a); + } + + .sm\:focus\:ring-offset-white-25:focus { + --tw-ring-offset-color: var(--white-25, #ffffff40); + } + + .sm\:focus\:ring-offset-white-60:focus { + --tw-ring-offset-color: var(--white-60, #ffffff99); + } + + .sm\:focus\:ring-offset-black-64:focus { + --tw-ring-offset-color: var(--black-64, #000000a3); + } + + .sm\:focus\:ring-offset-Shadow\ and\ Highlight-Shadow:focus { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow, #7f7e7f); + } + + .sm\:focus\:ring-offset-Shadow\ and\ Highlight-Highlight:focus { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight, #474747); + } + + .sm\:focus\:ring-offset-Shadow\ and\ Highlight-highlight\ one:focus { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-one, #474747bf); + } + + .sm\:focus\:ring-offset-Shadow\ and\ Highlight-highlight\ two:focus { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-two, #47474799); + } + + .sm\:focus\:ring-offset-Shadow\ and\ Highlight-highlight\ three:focus { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-three, #47474766); + } + + .sm\:focus\:ring-offset-Shadow\ and\ Highlight-highlight\ five:focus { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-five, #4747471a); + } + + .sm\:focus\:ring-offset-Shadow\ and\ Highlight-shadow\ one:focus { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); + } + + .sm\:focus\:ring-offset-Shadow\ and\ Highlight-shadow\ two:focus { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); + } + + .sm\:focus\:ring-offset-Shadow\ and\ Highlight-shadow\ three:focus { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); + } + + .sm\:focus\:ring-offset-Shadow\ and\ Highlight-shadow\ four:focus { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); + } + + .sm\:focus\:ring-offset-Shadow\ and\ Highlight-shadow\ five:focus { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); + } + + .sm\:focus\:ring-offset-Shadow\ and\ Highlight-highlight\ four:focus { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-four, #47474740); + } + + .sm\:focus\:ring-offset-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus { + --tw-ring-offset-color: var(--base-layer-styles-base-layer-light-white, #ffffff); + } + + .sm\:focus\:ring-offset-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus { + --tw-ring-offset-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); + } + + .sm\:focus\:ring-offset-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus { + --tw-ring-offset-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); + } + + .sm\:focus\:ring-offset-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus { + --tw-ring-offset-color: var(--base-layer-styles-base-layer-dark-black, #000000); + } + + .sm\:focus\:ring-offset-Grey-Scale-white:focus { + --tw-ring-offset-color: var(--grey-scale-white, #ffffff); + } + + .sm\:focus\:ring-offset-Grey-Scale-off-white:focus { + --tw-ring-offset-color: var(--grey-scale-off-white, #f0edee); + } + + .sm\:focus\:ring-offset-Grey\ Scale-grey:focus { + --tw-ring-offset-color: var(--grey-scale-grey, #7f7e7f); + } + + .sm\:focus\:ring-offset-Grey\ Scale-charcoal:focus { + --tw-ring-offset-color: var(--grey-scale-charcoal, #474747); + } + + .sm\:focus\:ring-offset-Grey\ Scale-off-black:focus { + --tw-ring-offset-color: var(--grey-scale-off-black, #1c1c1c); + } + + .sm\:focus\:ring-offset-Grey\ Scale-black:focus { + --tw-ring-offset-color: var(--grey-scale-black, #000000); + } + + .sm\:focus\:ring-offset-Blue-blue:focus { + --tw-ring-offset-color: var(--blue-blue, #3a7ca5); + } + + .sm\:focus\:ring-offset-Blue-blue-100:focus { + --tw-ring-offset-color: var(--blue-blue-100, #75a3c0); + } + + .sm\:focus\:ring-offset-Blue-blue-200:focus { + --tw-ring-offset-color: var(--blue-blue-200, #9cbed2); + } + + .sm\:focus\:ring-offset-Blue-blue-300:focus { + --tw-ring-offset-color: var(--blue-blue-300, #4f7d9a); + } + + .sm\:focus\:ring-offset-Blue-blue-400:focus { + --tw-ring-offset-color: var(--blue-blue-400, #5c7d92); + } + + .sm\:focus\:ring-offset-Blue-blue-500:focus { + --tw-ring-offset-color: var(--blue-blue-500, #347095); + } + + .sm\:focus\:ring-offset-Blue-blue-600:focus { + --tw-ring-offset-color: var(--blue-blue-600, #295774); + } + + .sm\:focus\:ring-offset-Blue-blue-700:focus { + --tw-ring-offset-color: var(--blue-blue-700, #173242); + } + + .sm\:focus\:ring-offset-LightBlue-lightblue:focus { + --tw-ring-offset-color: var(--light-blue-lightblue, #81c3d7); + } + + .sm\:focus\:ring-offset-LightBlue-lightblue-100:focus { + --tw-ring-offset-color: var(--light-blue-lightblue-100, #a7d5e3); + } + + .sm\:focus\:ring-offset-LightBlue-lightblue-200:focus { + --tw-ring-offset-color: var(--light-blue-lightblue-200, #c0e1eb); + } + + .sm\:focus\:ring-offset-LightBlue-lightblue-300:focus { + --tw-ring-offset-color: var(--light-blue-lightblue-300, #80aebd); + } + + .sm\:focus\:ring-offset-LightBlue-lightblue-400:focus { + --tw-ring-offset-color: var(--light-blue-lightblue-400, #80a0ab); + } + + .sm\:focus\:ring-offset-LightBlue-lightblue-500:focus { + --tw-ring-offset-color: var(--light-blue-lightblue-500, #74afc1); + } + + .sm\:focus\:ring-offset-LightBlue-lightblue-600:focus { + --tw-ring-offset-color: var(--light-blue-lightblue-600, #5a8997); + } + + .sm\:focus\:ring-offset-LightBlue-lightblue-650:focus { + --tw-ring-offset-color: var(--light-blue-lightblue-650, #3e5e65); + } + + .sm\:focus\:ring-offset-LightBlue-lightblue-700:focus { + --tw-ring-offset-color: var(--light-blue-lightblue-700, #344e56); + } + + .sm\:focus\:ring-offset-Orange-orange:focus { + --tw-ring-offset-color: var(--orange-orange, #ff7f0e); + } + + .sm\:focus\:ring-offset-Orange-orange-100:focus { + --tw-ring-offset-color: var(--orange-orange-100, #ffa556); + } + + .sm\:focus\:ring-offset-Orange-orange-200:focus { + --tw-ring-offset-color: var(--orange-orange-200, #ffbf86); + } + + .sm\:focus\:ring-offset-Orange-orange-300:focus { + --tw-ring-offset-color: var(--orange-orange-300, #d97f30); + } + + .sm\:focus\:ring-offset-Orange-orange-400:focus { + --tw-ring-offset-color: var(--orange-orange-400, #bf7e46); + } + + .sm\:focus\:ring-offset-Orange-orange-500:focus { + --tw-ring-offset-color: var(--orange-orange-500, #e5720d); + } + + .sm\:focus\:ring-offset-Orange-orange-600:focus { + --tw-ring-offset-color: var(--orange-orange-600, #b3590a); + } + + .sm\:focus\:ring-offset-Orange-orange-700:focus { + --tw-ring-offset-color: var(--orange-orange-700, #663306); + } + + .sm\:focus\:ring-offset-Yellow-yellow:focus { + --tw-ring-offset-color: var(--yellow-yellow, #ffab00); + } + + .sm\:focus\:ring-offset-Yellow-yellow-100:focus { + --tw-ring-offset-color: var(--yellow-yellow-100, #ffc44c); + } + + .sm\:focus\:ring-offset-Yellow-yellow-200:focus { + --tw-ring-offset-color: var(--yellow-yellow-200, #ffd580); + } + + .sm\:focus\:ring-offset-Yellow-yellow-300:focus { + --tw-ring-offset-color: var(--yellow-yellow-300, #d99d26); + } + + .sm\:focus\:ring-offset-Yellow-yellow-400:focus { + --tw-ring-offset-color: var(--yellow-yellow-400, #bf943f); + } + + .sm\:focus\:ring-offset-Yellow-yellow-500:focus { + --tw-ring-offset-color: var(--yellow-yellow-500, #e59a00); + } + + .sm\:focus\:ring-offset-Yellow-yellow-600:focus { + --tw-ring-offset-color: var(--yellow-yellow-600, #b37800); + } + + .sm\:focus\:ring-offset-Yellow-yellow-700:focus { + --tw-ring-offset-color: var(--yellow-yellow-700, #664400); + } + + .sm\:focus\:ring-offset-Notification-notification:focus { + --tw-ring-offset-color: var(--notification-notification, #3959ff); + } + + .sm\:focus\:ring-offset-Notification-notification-100:focus { + --tw-ring-offset-color: var(--notification-notification-100, #748bff); + } + + .sm\:focus\:ring-offset-Notification-notification-200:focus { + --tw-ring-offset-color: var(--notification-notification-200, #9cacff); + } + + .sm\:focus\:ring-offset-Notification-notification-300:focus { + --tw-ring-offset-color: var(--notification-notification-300, #4e64d9); + } + + .sm\:focus\:ring-offset-Notification-notification-400:focus { + --tw-ring-offset-color: var(--notification-notification-400, #5c6cbf); + } + + .sm\:focus\:ring-offset-Notification-notification-500:focus { + --tw-ring-offset-color: var(--notification-notification-500, #3350e5); + } + + .sm\:focus\:ring-offset-Notification-notification-600:focus { + --tw-ring-offset-color: var(--notification-notification-600, #283eb3); + } + + .sm\:focus\:ring-offset-Notification-notification-700:focus { + --tw-ring-offset-color: var(--notification-notification-700, #172466); + } + + .sm\:focus\:ring-offset-Success-success\ -700:focus { + --tw-ring-offset-color: var(--success-success-700, #24471f); + } + + .sm\:focus\:ring-offset-Success-success:focus { + --tw-ring-offset-color: var(--success-success, #5bb14d); + } + + .sm\:focus\:ring-offset-Success-success\ -100:focus { + --tw-ring-offset-color: var(--success-success-100, #8cc882); + } + + .sm\:focus\:ring-offset-Success-success\ -200:focus { + --tw-ring-offset-color: var(--success-success-200, #add8a6); + } + + .sm\:focus\:ring-offset-Success-success\ -300:focus { + --tw-ring-offset-color: var(--success-success-300, #66a25c); + } + + .sm\:focus\:ring-offset-Success-success\ -400:focus { + --tw-ring-offset-color: var(--success-success-400, #6d9766); + } + + .sm\:focus\:ring-offset-Success-success\ -500:focus { + --tw-ring-offset-color: var(--success-success-500, #529f45); + } + + .sm\:focus\:ring-offset-Success-success\ -600:focus { + --tw-ring-offset-color: var(--success-success-600, #407c36); + } + + .sm\:focus\:ring-offset-Error-error:focus { + --tw-ring-offset-color: var(--error-error, #f03d3e); + } + + .sm\:focus\:ring-offset-Error-error-100:focus { + --tw-ring-offset-color: var(--error-error-100, #f57778); + } + + .sm\:focus\:ring-offset-Error-error-200:focus { + --tw-ring-offset-color: var(--error-error-200, #f89e9e); + } + + .sm\:focus\:ring-offset-Error-error-250:focus { + --tw-ring-offset-color: var(--error-error-250, #f9c8c8); + } + + .sm\:focus\:ring-offset-Error-error-300:focus { + --tw-ring-offset-color: var(--error-error-300, #ce5151); + } + + .sm\:focus\:ring-offset-Error-error-400:focus { + --tw-ring-offset-color: var(--error-error-400, #b85e5e); + } + + .sm\:focus\:ring-offset-Error-error-500:focus { + --tw-ring-offset-color: var(--error-error-500, #d83738); + } + + .sm\:focus\:ring-offset-Error-error-600:focus { + --tw-ring-offset-color: var(--error-error-600, #a82b2b); + } + + .sm\:focus\:ring-offset-Error-error-700:focus { + --tw-ring-offset-color: var(--error-error-700, #601819); + } + + .sm\:filter { + --tw-blur: var(--tw-empty,/*!*/ /*!*/); + --tw-brightness: var(--tw-empty,/*!*/ /*!*/); + --tw-contrast: var(--tw-empty,/*!*/ /*!*/); + --tw-grayscale: var(--tw-empty,/*!*/ /*!*/); + --tw-hue-rotate: var(--tw-empty,/*!*/ /*!*/); + --tw-invert: var(--tw-empty,/*!*/ /*!*/); + --tw-saturate: var(--tw-empty,/*!*/ /*!*/); + --tw-sepia: var(--tw-empty,/*!*/ /*!*/); + --tw-drop-shadow: var(--tw-empty,/*!*/ /*!*/); + 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); + } + + .sm\:filter-none { + filter: none; + } + + .sm\:blur-0 { + --tw-blur: blur(0); + } + + .sm\:blur-none { + --tw-blur: blur(0); + } + + .sm\:blur-sm { + --tw-blur: blur(4px); + } + + .sm\:blur { + --tw-blur: blur(8px); + } + + .sm\:blur-md { + --tw-blur: blur(12px); + } + + .sm\:blur-lg { + --tw-blur: blur(16px); + } + + .sm\:blur-xl { + --tw-blur: blur(24px); + } + + .sm\:blur-2xl { + --tw-blur: blur(40px); + } + + .sm\:blur-3xl { + --tw-blur: blur(64px); + } + + .sm\:brightness-0 { + --tw-brightness: brightness(0); + } + + .sm\:brightness-50 { + --tw-brightness: brightness(.5); + } + + .sm\:brightness-75 { + --tw-brightness: brightness(.75); + } + + .sm\:brightness-90 { + --tw-brightness: brightness(.9); + } + + .sm\:brightness-95 { + --tw-brightness: brightness(.95); + } + + .sm\:brightness-100 { + --tw-brightness: brightness(1); + } + + .sm\:brightness-105 { + --tw-brightness: brightness(1.05); + } + + .sm\:brightness-110 { + --tw-brightness: brightness(1.1); + } + + .sm\:brightness-125 { + --tw-brightness: brightness(1.25); + } + + .sm\:brightness-150 { + --tw-brightness: brightness(1.5); + } + + .sm\:brightness-200 { + --tw-brightness: brightness(2); + } + + .sm\:contrast-0 { + --tw-contrast: contrast(0); + } + + .sm\:contrast-50 { + --tw-contrast: contrast(.5); + } + + .sm\:contrast-75 { + --tw-contrast: contrast(.75); + } + + .sm\:contrast-100 { + --tw-contrast: contrast(1); + } + + .sm\:contrast-125 { + --tw-contrast: contrast(1.25); + } + + .sm\:contrast-150 { + --tw-contrast: contrast(1.5); + } + + .sm\:contrast-200 { + --tw-contrast: contrast(2); + } + + .sm\:drop-shadow-sm { + --tw-drop-shadow: drop-shadow(0 1px 1px rgba(0,0,0,0.05)); + } + + .sm\:drop-shadow { + --tw-drop-shadow: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1)) drop-shadow(0 1px 1px rgba(0, 0, 0, 0.06)); + } + + .sm\:drop-shadow-md { + --tw-drop-shadow: drop-shadow(0 4px 3px rgba(0, 0, 0, 0.07)) drop-shadow(0 2px 2px rgba(0, 0, 0, 0.06)); + } + + .sm\:drop-shadow-lg { + --tw-drop-shadow: drop-shadow(0 10px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0 4px 3px rgba(0, 0, 0, 0.1)); + } + + .sm\:drop-shadow-xl { + --tw-drop-shadow: drop-shadow(0 20px 13px rgba(0, 0, 0, 0.03)) drop-shadow(0 8px 5px rgba(0, 0, 0, 0.08)); + } + + .sm\:drop-shadow-2xl { + --tw-drop-shadow: drop-shadow(0 25px 25px rgba(0, 0, 0, 0.15)); + } + + .sm\:drop-shadow-none { + --tw-drop-shadow: drop-shadow(0 0 #0000); + } + + .sm\:grayscale-0 { + --tw-grayscale: grayscale(0); + } + + .sm\:grayscale { + --tw-grayscale: grayscale(100%); + } + + .sm\:hue-rotate-0 { + --tw-hue-rotate: hue-rotate(0deg); + } + + .sm\:hue-rotate-15 { + --tw-hue-rotate: hue-rotate(15deg); + } + + .sm\:hue-rotate-30 { + --tw-hue-rotate: hue-rotate(30deg); + } + + .sm\:hue-rotate-60 { + --tw-hue-rotate: hue-rotate(60deg); + } + + .sm\:hue-rotate-90 { + --tw-hue-rotate: hue-rotate(90deg); + } + + .sm\:hue-rotate-180 { + --tw-hue-rotate: hue-rotate(180deg); + } + + .sm\:-hue-rotate-180 { + --tw-hue-rotate: hue-rotate(-180deg); + } + + .sm\:-hue-rotate-90 { + --tw-hue-rotate: hue-rotate(-90deg); + } + + .sm\:-hue-rotate-60 { + --tw-hue-rotate: hue-rotate(-60deg); + } + + .sm\:-hue-rotate-30 { + --tw-hue-rotate: hue-rotate(-30deg); + } + + .sm\:-hue-rotate-15 { + --tw-hue-rotate: hue-rotate(-15deg); + } + + .sm\:invert-0 { + --tw-invert: invert(0); + } + + .sm\:invert { + --tw-invert: invert(100%); + } + + .sm\:saturate-0 { + --tw-saturate: saturate(0); + } + + .sm\:saturate-50 { + --tw-saturate: saturate(.5); + } + + .sm\:saturate-100 { + --tw-saturate: saturate(1); + } + + .sm\:saturate-150 { + --tw-saturate: saturate(1.5); + } + + .sm\:saturate-200 { + --tw-saturate: saturate(2); + } + + .sm\:sepia-0 { + --tw-sepia: sepia(0); + } + + .sm\:sepia { + --tw-sepia: sepia(100%); + } + + .sm\:backdrop-filter { + --tw-backdrop-blur: var(--tw-empty,/*!*/ /*!*/); + --tw-backdrop-brightness: var(--tw-empty,/*!*/ /*!*/); + --tw-backdrop-contrast: var(--tw-empty,/*!*/ /*!*/); + --tw-backdrop-grayscale: var(--tw-empty,/*!*/ /*!*/); + --tw-backdrop-hue-rotate: var(--tw-empty,/*!*/ /*!*/); + --tw-backdrop-invert: var(--tw-empty,/*!*/ /*!*/); + --tw-backdrop-opacity: var(--tw-empty,/*!*/ /*!*/); + --tw-backdrop-saturate: var(--tw-empty,/*!*/ /*!*/); + --tw-backdrop-sepia: var(--tw-empty,/*!*/ /*!*/); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + } + + .sm\:backdrop-filter-none { + -webkit-backdrop-filter: none; + backdrop-filter: none; + } + + .sm\:backdrop-blur-0 { + --tw-backdrop-blur: blur(0); + } + + .sm\:backdrop-blur-none { + --tw-backdrop-blur: blur(0); + } + + .sm\:backdrop-blur-sm { + --tw-backdrop-blur: blur(4px); + } + + .sm\:backdrop-blur { + --tw-backdrop-blur: blur(8px); + } + + .sm\:backdrop-blur-md { + --tw-backdrop-blur: blur(12px); + } + + .sm\:backdrop-blur-lg { + --tw-backdrop-blur: blur(16px); + } + + .sm\:backdrop-blur-xl { + --tw-backdrop-blur: blur(24px); + } + + .sm\:backdrop-blur-2xl { + --tw-backdrop-blur: blur(40px); + } + + .sm\:backdrop-blur-3xl { + --tw-backdrop-blur: blur(64px); + } + + .sm\:backdrop-brightness-0 { + --tw-backdrop-brightness: brightness(0); + } + + .sm\:backdrop-brightness-50 { + --tw-backdrop-brightness: brightness(.5); + } + + .sm\:backdrop-brightness-75 { + --tw-backdrop-brightness: brightness(.75); + } + + .sm\:backdrop-brightness-90 { + --tw-backdrop-brightness: brightness(.9); + } + + .sm\:backdrop-brightness-95 { + --tw-backdrop-brightness: brightness(.95); + } + + .sm\:backdrop-brightness-100 { + --tw-backdrop-brightness: brightness(1); + } + + .sm\:backdrop-brightness-105 { + --tw-backdrop-brightness: brightness(1.05); + } + + .sm\:backdrop-brightness-110 { + --tw-backdrop-brightness: brightness(1.1); + } + + .sm\:backdrop-brightness-125 { + --tw-backdrop-brightness: brightness(1.25); + } + + .sm\:backdrop-brightness-150 { + --tw-backdrop-brightness: brightness(1.5); + } + + .sm\:backdrop-brightness-200 { + --tw-backdrop-brightness: brightness(2); + } + + .sm\:backdrop-contrast-0 { + --tw-backdrop-contrast: contrast(0); + } + + .sm\:backdrop-contrast-50 { + --tw-backdrop-contrast: contrast(.5); + } + + .sm\:backdrop-contrast-75 { + --tw-backdrop-contrast: contrast(.75); + } + + .sm\:backdrop-contrast-100 { + --tw-backdrop-contrast: contrast(1); + } + + .sm\:backdrop-contrast-125 { + --tw-backdrop-contrast: contrast(1.25); + } + + .sm\:backdrop-contrast-150 { + --tw-backdrop-contrast: contrast(1.5); + } + + .sm\:backdrop-contrast-200 { + --tw-backdrop-contrast: contrast(2); + } + + .sm\:backdrop-grayscale-0 { + --tw-backdrop-grayscale: grayscale(0); + } + + .sm\:backdrop-grayscale { + --tw-backdrop-grayscale: grayscale(100%); + } + + .sm\:backdrop-hue-rotate-0 { + --tw-backdrop-hue-rotate: hue-rotate(0deg); + } + + .sm\:backdrop-hue-rotate-15 { + --tw-backdrop-hue-rotate: hue-rotate(15deg); + } + + .sm\:backdrop-hue-rotate-30 { + --tw-backdrop-hue-rotate: hue-rotate(30deg); + } + + .sm\:backdrop-hue-rotate-60 { + --tw-backdrop-hue-rotate: hue-rotate(60deg); + } + + .sm\:backdrop-hue-rotate-90 { + --tw-backdrop-hue-rotate: hue-rotate(90deg); + } + + .sm\:backdrop-hue-rotate-180 { + --tw-backdrop-hue-rotate: hue-rotate(180deg); + } + + .sm\:-backdrop-hue-rotate-180 { + --tw-backdrop-hue-rotate: hue-rotate(-180deg); + } + + .sm\:-backdrop-hue-rotate-90 { + --tw-backdrop-hue-rotate: hue-rotate(-90deg); + } + + .sm\:-backdrop-hue-rotate-60 { + --tw-backdrop-hue-rotate: hue-rotate(-60deg); + } + + .sm\:-backdrop-hue-rotate-30 { + --tw-backdrop-hue-rotate: hue-rotate(-30deg); + } + + .sm\:-backdrop-hue-rotate-15 { + --tw-backdrop-hue-rotate: hue-rotate(-15deg); + } + + .sm\:backdrop-invert-0 { + --tw-backdrop-invert: invert(0); + } + + .sm\:backdrop-invert { + --tw-backdrop-invert: invert(100%); + } + + .sm\:backdrop-opacity-0 { + --tw-backdrop-opacity: opacity(0); + } + + .sm\:backdrop-opacity-5 { + --tw-backdrop-opacity: opacity(0.05); + } + + .sm\:backdrop-opacity-10 { + --tw-backdrop-opacity: opacity(0.1); + } + + .sm\:backdrop-opacity-20 { + --tw-backdrop-opacity: opacity(0.2); + } + + .sm\:backdrop-opacity-25 { + --tw-backdrop-opacity: opacity(0.25); + } + + .sm\:backdrop-opacity-30 { + --tw-backdrop-opacity: opacity(0.3); + } + + .sm\:backdrop-opacity-40 { + --tw-backdrop-opacity: opacity(0.4); + } + + .sm\:backdrop-opacity-50 { + --tw-backdrop-opacity: opacity(0.5); + } + + .sm\:backdrop-opacity-60 { + --tw-backdrop-opacity: opacity(0.6); + } + + .sm\:backdrop-opacity-70 { + --tw-backdrop-opacity: opacity(0.7); + } + + .sm\:backdrop-opacity-75 { + --tw-backdrop-opacity: opacity(0.75); + } + + .sm\:backdrop-opacity-80 { + --tw-backdrop-opacity: opacity(0.8); + } + + .sm\:backdrop-opacity-90 { + --tw-backdrop-opacity: opacity(0.9); + } + + .sm\:backdrop-opacity-95 { + --tw-backdrop-opacity: opacity(0.95); + } + + .sm\:backdrop-opacity-100 { + --tw-backdrop-opacity: opacity(1); + } + + .sm\:backdrop-saturate-0 { + --tw-backdrop-saturate: saturate(0); + } + + .sm\:backdrop-saturate-50 { + --tw-backdrop-saturate: saturate(.5); + } + + .sm\:backdrop-saturate-100 { + --tw-backdrop-saturate: saturate(1); + } + + .sm\:backdrop-saturate-150 { + --tw-backdrop-saturate: saturate(1.5); + } + + .sm\:backdrop-saturate-200 { + --tw-backdrop-saturate: saturate(2); + } + + .sm\:backdrop-sepia-0 { + --tw-backdrop-sepia: sepia(0); + } + + .sm\:backdrop-sepia { + --tw-backdrop-sepia: sepia(100%); + } + + .sm\:transition-none { + transition-property: none; + } + + .sm\:transition-all { + transition-property: all; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 150ms; + } + + .sm\:transition { + transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; + transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; + transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 150ms; + } + + .sm\:transition-colors { + transition-property: background-color, border-color, color, fill, stroke; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 150ms; + } + + .sm\:transition-opacity { + transition-property: opacity; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 150ms; + } + + .sm\:transition-shadow { + transition-property: box-shadow; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 150ms; + } + + .sm\:transition-transform { + transition-property: transform; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 150ms; + } + + .sm\:delay-75 { + transition-delay: 75ms; + } + + .sm\:delay-100 { + transition-delay: 100ms; + } + + .sm\:delay-150 { + transition-delay: 150ms; + } + + .sm\:delay-200 { + transition-delay: 200ms; + } + + .sm\:delay-300 { + transition-delay: 300ms; + } + + .sm\:delay-500 { + transition-delay: 500ms; + } + + .sm\:delay-700 { + transition-delay: 700ms; + } + + .sm\:delay-1000 { + transition-delay: 1000ms; + } + + .sm\:duration-75 { + transition-duration: 75ms; + } + + .sm\:duration-100 { + transition-duration: 100ms; + } + + .sm\:duration-150 { + transition-duration: 150ms; + } + + .sm\:duration-200 { + transition-duration: 200ms; + } + + .sm\:duration-300 { + transition-duration: 300ms; + } + + .sm\:duration-500 { + transition-duration: 500ms; + } + + .sm\:duration-700 { + transition-duration: 700ms; + } + + .sm\:duration-1000 { + transition-duration: 1000ms; + } + + .sm\:ease-linear { + transition-timing-function: linear; + } + + .sm\:ease-in { + transition-timing-function: cubic-bezier(0.4, 0, 1, 1); + } + + .sm\:ease-out { + transition-timing-function: cubic-bezier(0, 0, 0.2, 1); + } + + .sm\:ease-in-out { + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + } +} + +@media (min-width: 768px) { + .md\:container { + width: 100%; + } + + @media (min-width: 640px) { + .md\:container { + max-width: 640px; + } + } + + @media (min-width: 768px) { + .md\:container { + max-width: 768px; + } + } + + @media (min-width: 1024px) { + .md\:container { + max-width: 1024px; + } + } + + @media (min-width: 1280px) { + .md\:container { + max-width: 1280px; + } + } + + @media (min-width: 1536px) { + .md\:container { + max-width: 1536px; + } + } + + .md\: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; + } + + .md\:not-sr-only { + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; + } + + .md\:focus-within\:sr-only:focus-within { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border-width: 0; + } + + .md\:focus-within\:not-sr-only:focus-within { + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; + } + + .md\:focus\:sr-only:focus { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border-width: 0; + } + + .md\:focus\:not-sr-only:focus { + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; + } + + .md\:pointer-events-none { + pointer-events: none; + } + + .md\:pointer-events-auto { + pointer-events: auto; + } + + .md\:visible { + visibility: visible; + } + + .md\:invisible { + visibility: hidden; + } + + .md\:static { + position: static; + } + + .md\:fixed { + position: fixed; + } + + .md\:absolute { + position: absolute; + } + + .md\:relative { + position: relative; + } + + .md\:sticky { + position: sticky; + } + + .md\:inset-0 { + top: 0px; + right: 0px; + bottom: 0px; + left: 0px; + } + + .md\:inset-1 { + top: 0.25rem; + right: 0.25rem; + bottom: 0.25rem; + left: 0.25rem; + } + + .md\:inset-2 { + top: 0.5rem; + right: 0.5rem; + bottom: 0.5rem; + left: 0.5rem; + } + + .md\:inset-3 { + top: 0.75rem; + right: 0.75rem; + bottom: 0.75rem; + left: 0.75rem; + } + + .md\:inset-4 { + top: 1rem; + right: 1rem; + bottom: 1rem; + left: 1rem; + } + + .md\:inset-5 { + top: 1.25rem; + right: 1.25rem; + bottom: 1.25rem; + left: 1.25rem; + } + + .md\:inset-6 { + top: 1.5rem; + right: 1.5rem; + bottom: 1.5rem; + left: 1.5rem; + } + + .md\:inset-7 { + top: 1.75rem; + right: 1.75rem; + bottom: 1.75rem; + left: 1.75rem; + } + + .md\:inset-8 { + top: 2rem; + right: 2rem; + bottom: 2rem; + left: 2rem; + } + + .md\:inset-9 { + top: 2.25rem; + right: 2.25rem; + bottom: 2.25rem; + left: 2.25rem; + } + + .md\:inset-10 { + top: 2.5rem; + right: 2.5rem; + bottom: 2.5rem; + left: 2.5rem; + } + + .md\:inset-11 { + top: 2.75rem; + right: 2.75rem; + bottom: 2.75rem; + left: 2.75rem; + } + + .md\:inset-12 { + top: 3rem; + right: 3rem; + bottom: 3rem; + left: 3rem; + } + + .md\:inset-14 { + top: 3.5rem; + right: 3.5rem; + bottom: 3.5rem; + left: 3.5rem; + } + + .md\:inset-16 { + top: 4rem; + right: 4rem; + bottom: 4rem; + left: 4rem; + } + + .md\:inset-20 { + top: 5rem; + right: 5rem; + bottom: 5rem; + left: 5rem; + } + + .md\:inset-24 { + top: 6rem; + right: 6rem; + bottom: 6rem; + left: 6rem; + } + + .md\:inset-28 { + top: 7rem; + right: 7rem; + bottom: 7rem; + left: 7rem; + } + + .md\:inset-32 { + top: 8rem; + right: 8rem; + bottom: 8rem; + left: 8rem; + } + + .md\:inset-36 { + top: 9rem; + right: 9rem; + bottom: 9rem; + left: 9rem; + } + + .md\:inset-40 { + top: 10rem; + right: 10rem; + bottom: 10rem; + left: 10rem; + } + + .md\:inset-44 { + top: 11rem; + right: 11rem; + bottom: 11rem; + left: 11rem; + } + + .md\:inset-48 { + top: 12rem; + right: 12rem; + bottom: 12rem; + left: 12rem; + } + + .md\:inset-52 { + top: 13rem; + right: 13rem; + bottom: 13rem; + left: 13rem; + } + + .md\:inset-56 { + top: 14rem; + right: 14rem; + bottom: 14rem; + left: 14rem; + } + + .md\:inset-60 { + top: 15rem; + right: 15rem; + bottom: 15rem; + left: 15rem; + } + + .md\:inset-64 { + top: 16rem; + right: 16rem; + bottom: 16rem; + left: 16rem; + } + + .md\:inset-72 { + top: 18rem; + right: 18rem; + bottom: 18rem; + left: 18rem; + } + + .md\:inset-80 { + top: 20rem; + right: 20rem; + bottom: 20rem; + left: 20rem; + } + + .md\:inset-96 { + top: 24rem; + right: 24rem; + bottom: 24rem; + left: 24rem; + } + + .md\:inset-auto { + top: auto; + right: auto; + bottom: auto; + left: auto; + } + + .md\:inset-px { + top: 1px; + right: 1px; + bottom: 1px; + left: 1px; + } + + .md\:inset-0\.5 { + top: 0.125rem; + right: 0.125rem; + bottom: 0.125rem; + left: 0.125rem; + } + + .md\:inset-1\.5 { + top: 0.375rem; + right: 0.375rem; + bottom: 0.375rem; + left: 0.375rem; + } + + .md\:inset-2\.5 { + top: 0.625rem; + right: 0.625rem; + bottom: 0.625rem; + left: 0.625rem; + } + + .md\:inset-3\.5 { + top: 0.875rem; + right: 0.875rem; + bottom: 0.875rem; + left: 0.875rem; + } + + .md\:-inset-0 { + top: 0px; + right: 0px; + bottom: 0px; + left: 0px; + } + + .md\:-inset-1 { + top: -0.25rem; + right: -0.25rem; + bottom: -0.25rem; + left: -0.25rem; + } + + .md\:-inset-2 { + top: -0.5rem; + right: -0.5rem; + bottom: -0.5rem; + left: -0.5rem; + } + + .md\:-inset-3 { + top: -0.75rem; + right: -0.75rem; + bottom: -0.75rem; + left: -0.75rem; + } + + .md\:-inset-4 { + top: -1rem; + right: -1rem; + bottom: -1rem; + left: -1rem; + } + + .md\:-inset-5 { + top: -1.25rem; + right: -1.25rem; + bottom: -1.25rem; + left: -1.25rem; + } + + .md\:-inset-6 { + top: -1.5rem; + right: -1.5rem; + bottom: -1.5rem; + left: -1.5rem; + } + + .md\:-inset-7 { + top: -1.75rem; + right: -1.75rem; + bottom: -1.75rem; + left: -1.75rem; + } + + .md\:-inset-8 { + top: -2rem; + right: -2rem; + bottom: -2rem; + left: -2rem; + } + + .md\:-inset-9 { + top: -2.25rem; + right: -2.25rem; + bottom: -2.25rem; + left: -2.25rem; + } + + .md\:-inset-10 { + top: -2.5rem; + right: -2.5rem; + bottom: -2.5rem; + left: -2.5rem; + } + + .md\:-inset-11 { + top: -2.75rem; + right: -2.75rem; + bottom: -2.75rem; + left: -2.75rem; + } + + .md\:-inset-12 { + top: -3rem; + right: -3rem; + bottom: -3rem; + left: -3rem; + } + + .md\:-inset-14 { + top: -3.5rem; + right: -3.5rem; + bottom: -3.5rem; + left: -3.5rem; + } + + .md\:-inset-16 { + top: -4rem; + right: -4rem; + bottom: -4rem; + left: -4rem; + } + + .md\:-inset-20 { + top: -5rem; + right: -5rem; + bottom: -5rem; + left: -5rem; + } + + .md\:-inset-24 { + top: -6rem; + right: -6rem; + bottom: -6rem; + left: -6rem; + } + + .md\:-inset-28 { + top: -7rem; + right: -7rem; + bottom: -7rem; + left: -7rem; + } + + .md\:-inset-32 { + top: -8rem; + right: -8rem; + bottom: -8rem; + left: -8rem; + } + + .md\:-inset-36 { + top: -9rem; + right: -9rem; + bottom: -9rem; + left: -9rem; + } + + .md\:-inset-40 { + top: -10rem; + right: -10rem; + bottom: -10rem; + left: -10rem; + } + + .md\:-inset-44 { + top: -11rem; + right: -11rem; + bottom: -11rem; + left: -11rem; + } + + .md\:-inset-48 { + top: -12rem; + right: -12rem; + bottom: -12rem; + left: -12rem; + } + + .md\:-inset-52 { + top: -13rem; + right: -13rem; + bottom: -13rem; + left: -13rem; + } + + .md\:-inset-56 { + top: -14rem; + right: -14rem; + bottom: -14rem; + left: -14rem; + } + + .md\:-inset-60 { + top: -15rem; + right: -15rem; + bottom: -15rem; + left: -15rem; + } + + .md\:-inset-64 { + top: -16rem; + right: -16rem; + bottom: -16rem; + left: -16rem; + } + + .md\:-inset-72 { + top: -18rem; + right: -18rem; + bottom: -18rem; + left: -18rem; + } + + .md\:-inset-80 { + top: -20rem; + right: -20rem; + bottom: -20rem; + left: -20rem; + } + + .md\:-inset-96 { + top: -24rem; + right: -24rem; + bottom: -24rem; + left: -24rem; + } + + .md\:-inset-px { + top: -1px; + right: -1px; + bottom: -1px; + left: -1px; + } + + .md\:-inset-0\.5 { + top: -0.125rem; + right: -0.125rem; + bottom: -0.125rem; + left: -0.125rem; + } + + .md\:-inset-1\.5 { + top: -0.375rem; + right: -0.375rem; + bottom: -0.375rem; + left: -0.375rem; + } + + .md\:-inset-2\.5 { + top: -0.625rem; + right: -0.625rem; + bottom: -0.625rem; + left: -0.625rem; + } + + .md\:-inset-3\.5 { + top: -0.875rem; + right: -0.875rem; + bottom: -0.875rem; + left: -0.875rem; + } + + .md\:inset-1\/2 { + top: 50%; + right: 50%; + bottom: 50%; + left: 50%; + } + + .md\:inset-1\/3 { + top: 33.333333%; + right: 33.333333%; + bottom: 33.333333%; + left: 33.333333%; + } + + .md\:inset-2\/3 { + top: 66.666667%; + right: 66.666667%; + bottom: 66.666667%; + left: 66.666667%; + } + + .md\:inset-1\/4 { + top: 25%; + right: 25%; + bottom: 25%; + left: 25%; + } + + .md\:inset-2\/4 { + top: 50%; + right: 50%; + bottom: 50%; + left: 50%; + } + + .md\:inset-3\/4 { + top: 75%; + right: 75%; + bottom: 75%; + left: 75%; + } + + .md\:inset-full { + top: 100%; + right: 100%; + bottom: 100%; + left: 100%; + } + + .md\:-inset-1\/2 { + top: -50%; + right: -50%; + bottom: -50%; + left: -50%; + } + + .md\:-inset-1\/3 { + top: -33.333333%; + right: -33.333333%; + bottom: -33.333333%; + left: -33.333333%; + } + + .md\:-inset-2\/3 { + top: -66.666667%; + right: -66.666667%; + bottom: -66.666667%; + left: -66.666667%; + } + + .md\:-inset-1\/4 { + top: -25%; + right: -25%; + bottom: -25%; + left: -25%; + } + + .md\:-inset-2\/4 { + top: -50%; + right: -50%; + bottom: -50%; + left: -50%; + } + + .md\:-inset-3\/4 { + top: -75%; + right: -75%; + bottom: -75%; + left: -75%; + } + + .md\:-inset-full { + top: -100%; + right: -100%; + bottom: -100%; + left: -100%; + } + + .md\:inset-x-0 { + left: 0px; + right: 0px; + } + + .md\:inset-x-1 { + left: 0.25rem; + right: 0.25rem; + } + + .md\:inset-x-2 { + left: 0.5rem; + right: 0.5rem; + } + + .md\:inset-x-3 { + left: 0.75rem; + right: 0.75rem; + } + + .md\:inset-x-4 { + left: 1rem; + right: 1rem; + } + + .md\:inset-x-5 { + left: 1.25rem; + right: 1.25rem; + } + + .md\:inset-x-6 { + left: 1.5rem; + right: 1.5rem; + } + + .md\:inset-x-7 { + left: 1.75rem; + right: 1.75rem; + } + + .md\:inset-x-8 { + left: 2rem; + right: 2rem; + } + + .md\:inset-x-9 { + left: 2.25rem; + right: 2.25rem; + } + + .md\:inset-x-10 { + left: 2.5rem; + right: 2.5rem; + } + + .md\:inset-x-11 { + left: 2.75rem; + right: 2.75rem; + } + + .md\:inset-x-12 { + left: 3rem; + right: 3rem; + } + + .md\:inset-x-14 { + left: 3.5rem; + right: 3.5rem; + } + + .md\:inset-x-16 { + left: 4rem; + right: 4rem; + } + + .md\:inset-x-20 { + left: 5rem; + right: 5rem; + } + + .md\:inset-x-24 { + left: 6rem; + right: 6rem; + } + + .md\:inset-x-28 { + left: 7rem; + right: 7rem; + } + + .md\:inset-x-32 { + left: 8rem; + right: 8rem; + } + + .md\:inset-x-36 { + left: 9rem; + right: 9rem; + } + + .md\:inset-x-40 { + left: 10rem; + right: 10rem; + } + + .md\:inset-x-44 { + left: 11rem; + right: 11rem; + } + + .md\:inset-x-48 { + left: 12rem; + right: 12rem; + } + + .md\:inset-x-52 { + left: 13rem; + right: 13rem; + } + + .md\:inset-x-56 { + left: 14rem; + right: 14rem; + } + + .md\:inset-x-60 { + left: 15rem; + right: 15rem; + } + + .md\:inset-x-64 { + left: 16rem; + right: 16rem; + } + + .md\:inset-x-72 { + left: 18rem; + right: 18rem; + } + + .md\:inset-x-80 { + left: 20rem; + right: 20rem; + } + + .md\:inset-x-96 { + left: 24rem; + right: 24rem; + } + + .md\:inset-x-auto { + left: auto; + right: auto; + } + + .md\:inset-x-px { + left: 1px; + right: 1px; + } + + .md\:inset-x-0\.5 { + left: 0.125rem; + right: 0.125rem; + } + + .md\:inset-x-1\.5 { + left: 0.375rem; + right: 0.375rem; + } + + .md\:inset-x-2\.5 { + left: 0.625rem; + right: 0.625rem; + } + + .md\:inset-x-3\.5 { + left: 0.875rem; + right: 0.875rem; + } + + .md\:-inset-x-0 { + left: 0px; + right: 0px; + } + + .md\:-inset-x-1 { + left: -0.25rem; + right: -0.25rem; + } + + .md\:-inset-x-2 { + left: -0.5rem; + right: -0.5rem; + } + + .md\:-inset-x-3 { + left: -0.75rem; + right: -0.75rem; + } + + .md\:-inset-x-4 { + left: -1rem; + right: -1rem; + } + + .md\:-inset-x-5 { + left: -1.25rem; + right: -1.25rem; + } + + .md\:-inset-x-6 { + left: -1.5rem; + right: -1.5rem; + } + + .md\:-inset-x-7 { + left: -1.75rem; + right: -1.75rem; + } + + .md\:-inset-x-8 { + left: -2rem; + right: -2rem; + } + + .md\:-inset-x-9 { + left: -2.25rem; + right: -2.25rem; + } + + .md\:-inset-x-10 { + left: -2.5rem; + right: -2.5rem; + } + + .md\:-inset-x-11 { + left: -2.75rem; + right: -2.75rem; + } + + .md\:-inset-x-12 { + left: -3rem; + right: -3rem; + } + + .md\:-inset-x-14 { + left: -3.5rem; + right: -3.5rem; + } + + .md\:-inset-x-16 { + left: -4rem; + right: -4rem; + } + + .md\:-inset-x-20 { + left: -5rem; + right: -5rem; + } + + .md\:-inset-x-24 { + left: -6rem; + right: -6rem; + } + + .md\:-inset-x-28 { + left: -7rem; + right: -7rem; + } + + .md\:-inset-x-32 { + left: -8rem; + right: -8rem; + } + + .md\:-inset-x-36 { + left: -9rem; + right: -9rem; + } + + .md\:-inset-x-40 { + left: -10rem; + right: -10rem; + } + + .md\:-inset-x-44 { + left: -11rem; + right: -11rem; + } + + .md\:-inset-x-48 { + left: -12rem; + right: -12rem; + } + + .md\:-inset-x-52 { + left: -13rem; + right: -13rem; + } + + .md\:-inset-x-56 { + left: -14rem; + right: -14rem; + } + + .md\:-inset-x-60 { + left: -15rem; + right: -15rem; + } + + .md\:-inset-x-64 { + left: -16rem; + right: -16rem; + } + + .md\:-inset-x-72 { + left: -18rem; + right: -18rem; + } + + .md\:-inset-x-80 { + left: -20rem; + right: -20rem; + } + + .md\:-inset-x-96 { + left: -24rem; + right: -24rem; + } + + .md\:-inset-x-px { + left: -1px; + right: -1px; + } + + .md\:-inset-x-0\.5 { + left: -0.125rem; + right: -0.125rem; + } + + .md\:-inset-x-1\.5 { + left: -0.375rem; + right: -0.375rem; + } + + .md\:-inset-x-2\.5 { + left: -0.625rem; + right: -0.625rem; + } + + .md\:-inset-x-3\.5 { + left: -0.875rem; + right: -0.875rem; + } + + .md\:inset-x-1\/2 { + left: 50%; + right: 50%; + } + + .md\:inset-x-1\/3 { + left: 33.333333%; + right: 33.333333%; + } + + .md\:inset-x-2\/3 { + left: 66.666667%; + right: 66.666667%; + } + + .md\:inset-x-1\/4 { + left: 25%; + right: 25%; + } + + .md\:inset-x-2\/4 { + left: 50%; + right: 50%; + } + + .md\:inset-x-3\/4 { + left: 75%; + right: 75%; + } + + .md\:inset-x-full { + left: 100%; + right: 100%; + } + + .md\:-inset-x-1\/2 { + left: -50%; + right: -50%; + } + + .md\:-inset-x-1\/3 { + left: -33.333333%; + right: -33.333333%; + } + + .md\:-inset-x-2\/3 { + left: -66.666667%; + right: -66.666667%; + } + + .md\:-inset-x-1\/4 { + left: -25%; + right: -25%; + } + + .md\:-inset-x-2\/4 { + left: -50%; + right: -50%; + } + + .md\:-inset-x-3\/4 { + left: -75%; + right: -75%; + } + + .md\:-inset-x-full { + left: -100%; + right: -100%; + } + + .md\:inset-y-0 { + top: 0px; + bottom: 0px; + } + + .md\:inset-y-1 { + top: 0.25rem; + bottom: 0.25rem; + } + + .md\:inset-y-2 { + top: 0.5rem; + bottom: 0.5rem; + } + + .md\:inset-y-3 { + top: 0.75rem; + bottom: 0.75rem; + } + + .md\:inset-y-4 { + top: 1rem; + bottom: 1rem; + } + + .md\:inset-y-5 { + top: 1.25rem; + bottom: 1.25rem; + } + + .md\:inset-y-6 { + top: 1.5rem; + bottom: 1.5rem; + } + + .md\:inset-y-7 { + top: 1.75rem; + bottom: 1.75rem; + } + + .md\:inset-y-8 { + top: 2rem; + bottom: 2rem; + } + + .md\:inset-y-9 { + top: 2.25rem; + bottom: 2.25rem; + } + + .md\:inset-y-10 { + top: 2.5rem; + bottom: 2.5rem; + } + + .md\:inset-y-11 { + top: 2.75rem; + bottom: 2.75rem; + } + + .md\:inset-y-12 { + top: 3rem; + bottom: 3rem; + } + + .md\:inset-y-14 { + top: 3.5rem; + bottom: 3.5rem; + } + + .md\:inset-y-16 { + top: 4rem; + bottom: 4rem; + } + + .md\:inset-y-20 { + top: 5rem; + bottom: 5rem; + } + + .md\:inset-y-24 { + top: 6rem; + bottom: 6rem; + } + + .md\:inset-y-28 { + top: 7rem; + bottom: 7rem; + } + + .md\:inset-y-32 { + top: 8rem; + bottom: 8rem; + } + + .md\:inset-y-36 { + top: 9rem; + bottom: 9rem; + } + + .md\:inset-y-40 { + top: 10rem; + bottom: 10rem; + } + + .md\:inset-y-44 { + top: 11rem; + bottom: 11rem; + } + + .md\:inset-y-48 { + top: 12rem; + bottom: 12rem; + } + + .md\:inset-y-52 { + top: 13rem; + bottom: 13rem; + } + + .md\:inset-y-56 { + top: 14rem; + bottom: 14rem; + } + + .md\:inset-y-60 { + top: 15rem; + bottom: 15rem; + } + + .md\:inset-y-64 { + top: 16rem; + bottom: 16rem; + } + + .md\:inset-y-72 { + top: 18rem; + bottom: 18rem; + } + + .md\:inset-y-80 { + top: 20rem; + bottom: 20rem; + } + + .md\:inset-y-96 { + top: 24rem; + bottom: 24rem; + } + + .md\:inset-y-auto { + top: auto; + bottom: auto; + } + + .md\:inset-y-px { + top: 1px; + bottom: 1px; + } + + .md\:inset-y-0\.5 { + top: 0.125rem; + bottom: 0.125rem; + } + + .md\:inset-y-1\.5 { + top: 0.375rem; + bottom: 0.375rem; + } + + .md\:inset-y-2\.5 { + top: 0.625rem; + bottom: 0.625rem; + } + + .md\:inset-y-3\.5 { + top: 0.875rem; + bottom: 0.875rem; + } + + .md\:-inset-y-0 { + top: 0px; + bottom: 0px; + } + + .md\:-inset-y-1 { + top: -0.25rem; + bottom: -0.25rem; + } + + .md\:-inset-y-2 { + top: -0.5rem; + bottom: -0.5rem; + } + + .md\:-inset-y-3 { + top: -0.75rem; + bottom: -0.75rem; + } + + .md\:-inset-y-4 { + top: -1rem; + bottom: -1rem; + } + + .md\:-inset-y-5 { + top: -1.25rem; + bottom: -1.25rem; + } + + .md\:-inset-y-6 { + top: -1.5rem; + bottom: -1.5rem; + } + + .md\:-inset-y-7 { + top: -1.75rem; + bottom: -1.75rem; + } + + .md\:-inset-y-8 { + top: -2rem; + bottom: -2rem; + } + + .md\:-inset-y-9 { + top: -2.25rem; + bottom: -2.25rem; + } + + .md\:-inset-y-10 { + top: -2.5rem; + bottom: -2.5rem; + } + + .md\:-inset-y-11 { + top: -2.75rem; + bottom: -2.75rem; + } + + .md\:-inset-y-12 { + top: -3rem; + bottom: -3rem; + } + + .md\:-inset-y-14 { + top: -3.5rem; + bottom: -3.5rem; + } + + .md\:-inset-y-16 { + top: -4rem; + bottom: -4rem; + } + + .md\:-inset-y-20 { + top: -5rem; + bottom: -5rem; + } + + .md\:-inset-y-24 { + top: -6rem; + bottom: -6rem; + } + + .md\:-inset-y-28 { + top: -7rem; + bottom: -7rem; + } + + .md\:-inset-y-32 { + top: -8rem; + bottom: -8rem; + } + + .md\:-inset-y-36 { + top: -9rem; + bottom: -9rem; + } + + .md\:-inset-y-40 { + top: -10rem; + bottom: -10rem; + } + + .md\:-inset-y-44 { + top: -11rem; + bottom: -11rem; + } + + .md\:-inset-y-48 { + top: -12rem; + bottom: -12rem; + } + + .md\:-inset-y-52 { + top: -13rem; + bottom: -13rem; + } + + .md\:-inset-y-56 { + top: -14rem; + bottom: -14rem; + } + + .md\:-inset-y-60 { + top: -15rem; + bottom: -15rem; + } + + .md\:-inset-y-64 { + top: -16rem; + bottom: -16rem; + } + + .md\:-inset-y-72 { + top: -18rem; + bottom: -18rem; + } + + .md\:-inset-y-80 { + top: -20rem; + bottom: -20rem; + } + + .md\:-inset-y-96 { + top: -24rem; + bottom: -24rem; + } + + .md\:-inset-y-px { + top: -1px; + bottom: -1px; + } + + .md\:-inset-y-0\.5 { + top: -0.125rem; + bottom: -0.125rem; + } + + .md\:-inset-y-1\.5 { + top: -0.375rem; + bottom: -0.375rem; + } + + .md\:-inset-y-2\.5 { + top: -0.625rem; + bottom: -0.625rem; + } + + .md\:-inset-y-3\.5 { + top: -0.875rem; + bottom: -0.875rem; + } + + .md\:inset-y-1\/2 { + top: 50%; + bottom: 50%; + } + + .md\:inset-y-1\/3 { + top: 33.333333%; + bottom: 33.333333%; + } + + .md\:inset-y-2\/3 { + top: 66.666667%; + bottom: 66.666667%; + } + + .md\:inset-y-1\/4 { + top: 25%; + bottom: 25%; + } + + .md\:inset-y-2\/4 { + top: 50%; + bottom: 50%; + } + + .md\:inset-y-3\/4 { + top: 75%; + bottom: 75%; + } + + .md\:inset-y-full { + top: 100%; + bottom: 100%; + } + + .md\:-inset-y-1\/2 { + top: -50%; + bottom: -50%; + } + + .md\:-inset-y-1\/3 { + top: -33.333333%; + bottom: -33.333333%; + } + + .md\:-inset-y-2\/3 { + top: -66.666667%; + bottom: -66.666667%; + } + + .md\:-inset-y-1\/4 { + top: -25%; + bottom: -25%; + } + + .md\:-inset-y-2\/4 { + top: -50%; + bottom: -50%; + } + + .md\:-inset-y-3\/4 { + top: -75%; + bottom: -75%; + } + + .md\:-inset-y-full { + top: -100%; + bottom: -100%; + } + + .md\:top-0 { + top: 0px; + } + + .md\:top-1 { + top: 0.25rem; + } + + .md\:top-2 { + top: 0.5rem; + } + + .md\:top-3 { + top: 0.75rem; + } + + .md\:top-4 { + top: 1rem; + } + + .md\:top-5 { + top: 1.25rem; + } + + .md\:top-6 { + top: 1.5rem; + } + + .md\:top-7 { + top: 1.75rem; + } + + .md\:top-8 { + top: 2rem; + } + + .md\:top-9 { + top: 2.25rem; + } + + .md\:top-10 { + top: 2.5rem; + } + + .md\:top-11 { + top: 2.75rem; + } + + .md\:top-12 { + top: 3rem; + } + + .md\:top-14 { + top: 3.5rem; + } + + .md\:top-16 { + top: 4rem; + } + + .md\:top-20 { + top: 5rem; + } + + .md\:top-24 { + top: 6rem; + } + + .md\:top-28 { + top: 7rem; + } + + .md\:top-32 { + top: 8rem; + } + + .md\:top-36 { + top: 9rem; + } + + .md\:top-40 { + top: 10rem; + } + + .md\:top-44 { + top: 11rem; + } + + .md\:top-48 { + top: 12rem; + } + + .md\:top-52 { + top: 13rem; + } + + .md\:top-56 { + top: 14rem; + } + + .md\:top-60 { + top: 15rem; + } + + .md\:top-64 { + top: 16rem; + } + + .md\:top-72 { + top: 18rem; + } + + .md\:top-80 { + top: 20rem; + } + + .md\:top-96 { + top: 24rem; + } + + .md\:top-auto { + top: auto; + } + + .md\:top-px { + top: 1px; + } + + .md\:top-0\.5 { + top: 0.125rem; + } + + .md\:top-1\.5 { + top: 0.375rem; + } + + .md\:top-2\.5 { + top: 0.625rem; + } + + .md\:top-3\.5 { + top: 0.875rem; + } + + .md\:-top-0 { + top: 0px; + } + + .md\:-top-1 { + top: -0.25rem; + } + + .md\:-top-2 { + top: -0.5rem; + } + + .md\:-top-3 { + top: -0.75rem; + } + + .md\:-top-4 { + top: -1rem; + } + + .md\:-top-5 { + top: -1.25rem; + } + + .md\:-top-6 { + top: -1.5rem; + } + + .md\:-top-7 { + top: -1.75rem; + } + + .md\:-top-8 { + top: -2rem; + } + + .md\:-top-9 { + top: -2.25rem; + } + + .md\:-top-10 { + top: -2.5rem; + } + + .md\:-top-11 { + top: -2.75rem; + } + + .md\:-top-12 { + top: -3rem; + } + + .md\:-top-14 { + top: -3.5rem; + } + + .md\:-top-16 { + top: -4rem; + } + + .md\:-top-20 { + top: -5rem; + } + + .md\:-top-24 { + top: -6rem; + } + + .md\:-top-28 { + top: -7rem; + } + + .md\:-top-32 { + top: -8rem; + } + + .md\:-top-36 { + top: -9rem; + } + + .md\:-top-40 { + top: -10rem; + } + + .md\:-top-44 { + top: -11rem; + } + + .md\:-top-48 { + top: -12rem; + } + + .md\:-top-52 { + top: -13rem; + } + + .md\:-top-56 { + top: -14rem; + } + + .md\:-top-60 { + top: -15rem; + } + + .md\:-top-64 { + top: -16rem; + } + + .md\:-top-72 { + top: -18rem; + } + + .md\:-top-80 { + top: -20rem; + } + + .md\:-top-96 { + top: -24rem; + } + + .md\:-top-px { + top: -1px; + } + + .md\:-top-0\.5 { + top: -0.125rem; + } + + .md\:-top-1\.5 { + top: -0.375rem; + } + + .md\:-top-2\.5 { + top: -0.625rem; + } + + .md\:-top-3\.5 { + top: -0.875rem; + } + + .md\:top-1\/2 { + top: 50%; + } + + .md\:top-1\/3 { + top: 33.333333%; + } + + .md\:top-2\/3 { + top: 66.666667%; + } + + .md\:top-1\/4 { + top: 25%; + } + + .md\:top-2\/4 { + top: 50%; + } + + .md\:top-3\/4 { + top: 75%; + } + + .md\:top-full { + top: 100%; + } + + .md\:-top-1\/2 { + top: -50%; + } + + .md\:-top-1\/3 { + top: -33.333333%; + } + + .md\:-top-2\/3 { + top: -66.666667%; + } + + .md\:-top-1\/4 { + top: -25%; + } + + .md\:-top-2\/4 { + top: -50%; + } + + .md\:-top-3\/4 { + top: -75%; + } + + .md\:-top-full { + top: -100%; + } + + .md\:right-0 { + right: 0px; + } + + .md\:right-1 { + right: 0.25rem; + } + + .md\:right-2 { + right: 0.5rem; + } + + .md\:right-3 { + right: 0.75rem; + } + + .md\:right-4 { + right: 1rem; + } + + .md\:right-5 { + right: 1.25rem; + } + + .md\:right-6 { + right: 1.5rem; + } + + .md\:right-7 { + right: 1.75rem; + } + + .md\:right-8 { + right: 2rem; + } + + .md\:right-9 { + right: 2.25rem; + } + + .md\:right-10 { + right: 2.5rem; + } + + .md\:right-11 { + right: 2.75rem; + } + + .md\:right-12 { + right: 3rem; + } + + .md\:right-14 { + right: 3.5rem; + } + + .md\:right-16 { + right: 4rem; + } + + .md\:right-20 { + right: 5rem; + } + + .md\:right-24 { + right: 6rem; + } + + .md\:right-28 { + right: 7rem; + } + + .md\:right-32 { + right: 8rem; + } + + .md\:right-36 { + right: 9rem; + } + + .md\:right-40 { + right: 10rem; + } + + .md\:right-44 { + right: 11rem; + } + + .md\:right-48 { + right: 12rem; + } + + .md\:right-52 { + right: 13rem; + } + + .md\:right-56 { + right: 14rem; + } + + .md\:right-60 { + right: 15rem; + } + + .md\:right-64 { + right: 16rem; + } + + .md\:right-72 { + right: 18rem; + } + + .md\:right-80 { + right: 20rem; + } + + .md\:right-96 { + right: 24rem; + } + + .md\:right-auto { + right: auto; + } + + .md\:right-px { + right: 1px; + } + + .md\:right-0\.5 { + right: 0.125rem; + } + + .md\:right-1\.5 { + right: 0.375rem; + } + + .md\:right-2\.5 { + right: 0.625rem; + } + + .md\:right-3\.5 { + right: 0.875rem; + } + + .md\:-right-0 { + right: 0px; + } + + .md\:-right-1 { + right: -0.25rem; + } + + .md\:-right-2 { + right: -0.5rem; + } + + .md\:-right-3 { + right: -0.75rem; + } + + .md\:-right-4 { + right: -1rem; + } + + .md\:-right-5 { + right: -1.25rem; + } + + .md\:-right-6 { + right: -1.5rem; + } + + .md\:-right-7 { + right: -1.75rem; + } + + .md\:-right-8 { + right: -2rem; + } + + .md\:-right-9 { + right: -2.25rem; + } + + .md\:-right-10 { + right: -2.5rem; + } + + .md\:-right-11 { + right: -2.75rem; + } + + .md\:-right-12 { + right: -3rem; + } + + .md\:-right-14 { + right: -3.5rem; + } + + .md\:-right-16 { + right: -4rem; + } + + .md\:-right-20 { + right: -5rem; + } + + .md\:-right-24 { + right: -6rem; + } + + .md\:-right-28 { + right: -7rem; + } + + .md\:-right-32 { + right: -8rem; + } + + .md\:-right-36 { + right: -9rem; + } + + .md\:-right-40 { + right: -10rem; + } + + .md\:-right-44 { + right: -11rem; + } + + .md\:-right-48 { + right: -12rem; + } + + .md\:-right-52 { + right: -13rem; + } + + .md\:-right-56 { + right: -14rem; + } + + .md\:-right-60 { + right: -15rem; + } + + .md\:-right-64 { + right: -16rem; + } + + .md\:-right-72 { + right: -18rem; + } + + .md\:-right-80 { + right: -20rem; + } + + .md\:-right-96 { + right: -24rem; + } + + .md\:-right-px { + right: -1px; + } + + .md\:-right-0\.5 { + right: -0.125rem; + } + + .md\:-right-1\.5 { + right: -0.375rem; + } + + .md\:-right-2\.5 { + right: -0.625rem; + } + + .md\:-right-3\.5 { + right: -0.875rem; + } + + .md\:right-1\/2 { + right: 50%; + } + + .md\:right-1\/3 { + right: 33.333333%; + } + + .md\:right-2\/3 { + right: 66.666667%; + } + + .md\:right-1\/4 { + right: 25%; + } + + .md\:right-2\/4 { + right: 50%; + } + + .md\:right-3\/4 { + right: 75%; + } + + .md\:right-full { + right: 100%; + } + + .md\:-right-1\/2 { + right: -50%; + } + + .md\:-right-1\/3 { + right: -33.333333%; + } + + .md\:-right-2\/3 { + right: -66.666667%; + } + + .md\:-right-1\/4 { + right: -25%; + } + + .md\:-right-2\/4 { + right: -50%; + } + + .md\:-right-3\/4 { + right: -75%; + } + + .md\:-right-full { + right: -100%; + } + + .md\:bottom-0 { + bottom: 0px; + } + + .md\:bottom-1 { + bottom: 0.25rem; + } + + .md\:bottom-2 { + bottom: 0.5rem; + } + + .md\:bottom-3 { + bottom: 0.75rem; + } + + .md\:bottom-4 { + bottom: 1rem; + } + + .md\:bottom-5 { + bottom: 1.25rem; + } + + .md\:bottom-6 { + bottom: 1.5rem; + } + + .md\:bottom-7 { + bottom: 1.75rem; + } + + .md\:bottom-8 { + bottom: 2rem; + } + + .md\:bottom-9 { + bottom: 2.25rem; + } + + .md\:bottom-10 { + bottom: 2.5rem; + } + + .md\:bottom-11 { + bottom: 2.75rem; + } + + .md\:bottom-12 { bottom: 3rem; + } + + .md\:bottom-14 { + bottom: 3.5rem; + } + + .md\:bottom-16 { + bottom: 4rem; + } + + .md\:bottom-20 { + bottom: 5rem; + } + + .md\:bottom-24 { + bottom: 6rem; + } + + .md\:bottom-28 { + bottom: 7rem; + } + + .md\:bottom-32 { + bottom: 8rem; + } + + .md\:bottom-36 { + bottom: 9rem; + } + + .md\:bottom-40 { + bottom: 10rem; + } + + .md\:bottom-44 { + bottom: 11rem; + } + + .md\:bottom-48 { + bottom: 12rem; + } + + .md\:bottom-52 { + bottom: 13rem; + } + + .md\:bottom-56 { + bottom: 14rem; + } + + .md\:bottom-60 { + bottom: 15rem; + } + + .md\:bottom-64 { + bottom: 16rem; + } + + .md\:bottom-72 { + bottom: 18rem; + } + + .md\:bottom-80 { + bottom: 20rem; + } + + .md\:bottom-96 { + bottom: 24rem; + } + + .md\:bottom-auto { + bottom: auto; + } + + .md\:bottom-px { + bottom: 1px; + } + + .md\:bottom-0\.5 { + bottom: 0.125rem; + } + + .md\:bottom-1\.5 { + bottom: 0.375rem; + } + + .md\:bottom-2\.5 { + bottom: 0.625rem; + } + + .md\:bottom-3\.5 { + bottom: 0.875rem; + } + + .md\:-bottom-0 { + bottom: 0px; + } + + .md\:-bottom-1 { + bottom: -0.25rem; + } + + .md\:-bottom-2 { + bottom: -0.5rem; + } + + .md\:-bottom-3 { + bottom: -0.75rem; + } + + .md\:-bottom-4 { + bottom: -1rem; + } + + .md\:-bottom-5 { + bottom: -1.25rem; + } + + .md\:-bottom-6 { + bottom: -1.5rem; + } + + .md\:-bottom-7 { + bottom: -1.75rem; + } + + .md\:-bottom-8 { + bottom: -2rem; + } + + .md\:-bottom-9 { + bottom: -2.25rem; + } + + .md\:-bottom-10 { + bottom: -2.5rem; + } + + .md\:-bottom-11 { + bottom: -2.75rem; + } + + .md\:-bottom-12 { + bottom: -3rem; + } + + .md\:-bottom-14 { + bottom: -3.5rem; + } + + .md\:-bottom-16 { + bottom: -4rem; + } + + .md\:-bottom-20 { + bottom: -5rem; + } + + .md\:-bottom-24 { + bottom: -6rem; + } + + .md\:-bottom-28 { + bottom: -7rem; + } + + .md\:-bottom-32 { + bottom: -8rem; + } + + .md\:-bottom-36 { + bottom: -9rem; + } + + .md\:-bottom-40 { + bottom: -10rem; + } + + .md\:-bottom-44 { + bottom: -11rem; + } + + .md\:-bottom-48 { + bottom: -12rem; + } + + .md\:-bottom-52 { + bottom: -13rem; + } + + .md\:-bottom-56 { + bottom: -14rem; + } + + .md\:-bottom-60 { + bottom: -15rem; + } + + .md\:-bottom-64 { + bottom: -16rem; + } + + .md\:-bottom-72 { + bottom: -18rem; + } + + .md\:-bottom-80 { + bottom: -20rem; + } + + .md\:-bottom-96 { + bottom: -24rem; + } + + .md\:-bottom-px { + bottom: -1px; + } + + .md\:-bottom-0\.5 { + bottom: -0.125rem; + } + + .md\:-bottom-1\.5 { + bottom: -0.375rem; + } + + .md\:-bottom-2\.5 { + bottom: -0.625rem; + } + + .md\:-bottom-3\.5 { + bottom: -0.875rem; + } + + .md\:bottom-1\/2 { + bottom: 50%; + } + + .md\:bottom-1\/3 { + bottom: 33.333333%; + } + + .md\:bottom-2\/3 { + bottom: 66.666667%; + } + + .md\:bottom-1\/4 { + bottom: 25%; + } + + .md\:bottom-2\/4 { + bottom: 50%; + } + + .md\:bottom-3\/4 { + bottom: 75%; + } + + .md\:bottom-full { + bottom: 100%; + } + + .md\:-bottom-1\/2 { + bottom: -50%; + } + + .md\:-bottom-1\/3 { + bottom: -33.333333%; + } + + .md\:-bottom-2\/3 { + bottom: -66.666667%; + } + + .md\:-bottom-1\/4 { + bottom: -25%; + } + + .md\:-bottom-2\/4 { + bottom: -50%; + } + + .md\:-bottom-3\/4 { + bottom: -75%; + } + + .md\:-bottom-full { + bottom: -100%; + } + + .md\:left-0 { + left: 0px; + } + + .md\:left-1 { + left: 0.25rem; + } + + .md\:left-2 { + left: 0.5rem; + } + + .md\:left-3 { + left: 0.75rem; + } + + .md\:left-4 { + left: 1rem; + } + + .md\:left-5 { + left: 1.25rem; + } + + .md\:left-6 { + left: 1.5rem; + } + + .md\:left-7 { + left: 1.75rem; + } + + .md\:left-8 { + left: 2rem; + } + + .md\:left-9 { + left: 2.25rem; + } + + .md\:left-10 { + left: 2.5rem; + } + + .md\:left-11 { + left: 2.75rem; + } + + .md\:left-12 { left: 3rem; } - .sm\:inset-14 { - top: 3.5rem; - right: 3.5rem; - bottom: 3.5rem; - left: 3.5rem; + .md\:left-14 { + left: 3.5rem; + } + + .md\:left-16 { + left: 4rem; + } + + .md\:left-20 { + left: 5rem; + } + + .md\:left-24 { + left: 6rem; + } + + .md\:left-28 { + left: 7rem; + } + + .md\:left-32 { + left: 8rem; + } + + .md\:left-36 { + left: 9rem; + } + + .md\:left-40 { + left: 10rem; + } + + .md\:left-44 { + left: 11rem; + } + + .md\:left-48 { + left: 12rem; + } + + .md\:left-52 { + left: 13rem; + } + + .md\:left-56 { + left: 14rem; + } + + .md\:left-60 { + left: 15rem; + } + + .md\:left-64 { + left: 16rem; + } + + .md\:left-72 { + left: 18rem; + } + + .md\:left-80 { + left: 20rem; + } + + .md\:left-96 { + left: 24rem; + } + + .md\:left-auto { + left: auto; + } + + .md\:left-px { + left: 1px; + } + + .md\:left-0\.5 { + left: 0.125rem; + } + + .md\:left-1\.5 { + left: 0.375rem; + } + + .md\:left-2\.5 { + left: 0.625rem; + } + + .md\:left-3\.5 { + left: 0.875rem; + } + + .md\:-left-0 { + left: 0px; + } + + .md\:-left-1 { + left: -0.25rem; + } + + .md\:-left-2 { + left: -0.5rem; + } + + .md\:-left-3 { + left: -0.75rem; + } + + .md\:-left-4 { + left: -1rem; + } + + .md\:-left-5 { + left: -1.25rem; + } + + .md\:-left-6 { + left: -1.5rem; + } + + .md\:-left-7 { + left: -1.75rem; + } + + .md\:-left-8 { + left: -2rem; + } + + .md\:-left-9 { + left: -2.25rem; + } + + .md\:-left-10 { + left: -2.5rem; + } + + .md\:-left-11 { + left: -2.75rem; + } + + .md\:-left-12 { + left: -3rem; + } + + .md\:-left-14 { + left: -3.5rem; + } + + .md\:-left-16 { + left: -4rem; + } + + .md\:-left-20 { + left: -5rem; + } + + .md\:-left-24 { + left: -6rem; + } + + .md\:-left-28 { + left: -7rem; + } + + .md\:-left-32 { + left: -8rem; + } + + .md\:-left-36 { + left: -9rem; + } + + .md\:-left-40 { + left: -10rem; + } + + .md\:-left-44 { + left: -11rem; + } + + .md\:-left-48 { + left: -12rem; + } + + .md\:-left-52 { + left: -13rem; + } + + .md\:-left-56 { + left: -14rem; + } + + .md\:-left-60 { + left: -15rem; + } + + .md\:-left-64 { + left: -16rem; + } + + .md\:-left-72 { + left: -18rem; + } + + .md\:-left-80 { + left: -20rem; + } + + .md\:-left-96 { + left: -24rem; + } + + .md\:-left-px { + left: -1px; + } + + .md\:-left-0\.5 { + left: -0.125rem; + } + + .md\:-left-1\.5 { + left: -0.375rem; + } + + .md\:-left-2\.5 { + left: -0.625rem; + } + + .md\:-left-3\.5 { + left: -0.875rem; + } + + .md\:left-1\/2 { + left: 50%; + } + + .md\:left-1\/3 { + left: 33.333333%; + } + + .md\:left-2\/3 { + left: 66.666667%; + } + + .md\:left-1\/4 { + left: 25%; + } + + .md\:left-2\/4 { + left: 50%; + } + + .md\:left-3\/4 { + left: 75%; + } + + .md\:left-full { + left: 100%; + } + + .md\:-left-1\/2 { + left: -50%; + } + + .md\:-left-1\/3 { + left: -33.333333%; + } + + .md\:-left-2\/3 { + left: -66.666667%; + } + + .md\:-left-1\/4 { + left: -25%; + } + + .md\:-left-2\/4 { + left: -50%; + } + + .md\:-left-3\/4 { + left: -75%; + } + + .md\:-left-full { + left: -100%; + } + + .md\:isolate { + isolation: isolate; + } + + .md\:isolation-auto { + isolation: auto; + } + + .md\:z-0 { + z-index: 0; + } + + .md\:z-10 { + z-index: 10; + } + + .md\:z-20 { + z-index: 20; + } + + .md\:z-30 { + z-index: 30; + } + + .md\:z-40 { + z-index: 40; + } + + .md\:z-50 { + z-index: 50; + } + + .md\:z-auto { + z-index: auto; + } + + .md\:focus-within\:z-0:focus-within { + z-index: 0; + } + + .md\:focus-within\:z-10:focus-within { + z-index: 10; + } + + .md\:focus-within\:z-20:focus-within { + z-index: 20; + } + + .md\:focus-within\:z-30:focus-within { + z-index: 30; + } + + .md\:focus-within\:z-40:focus-within { + z-index: 40; + } + + .md\:focus-within\:z-50:focus-within { + z-index: 50; + } + + .md\:focus-within\:z-auto:focus-within { + z-index: auto; + } + + .md\:focus\:z-0:focus { + z-index: 0; + } + + .md\:focus\:z-10:focus { + z-index: 10; + } + + .md\:focus\:z-20:focus { + z-index: 20; + } + + .md\:focus\:z-30:focus { + z-index: 30; + } + + .md\:focus\:z-40:focus { + z-index: 40; + } + + .md\:focus\:z-50:focus { + z-index: 50; + } + + .md\:focus\:z-auto:focus { + z-index: auto; + } + + .md\:order-1 { + order: 1; + } + + .md\:order-2 { + order: 2; + } + + .md\:order-3 { + order: 3; + } + + .md\:order-4 { + order: 4; + } + + .md\:order-5 { + order: 5; + } + + .md\:order-6 { + order: 6; + } + + .md\:order-7 { + order: 7; + } + + .md\:order-8 { + order: 8; + } + + .md\:order-9 { + order: 9; + } + + .md\:order-10 { + order: 10; + } + + .md\:order-11 { + order: 11; + } + + .md\:order-12 { + order: 12; + } + + .md\:order-first { + order: -9999; + } + + .md\:order-last { + order: 9999; + } + + .md\:order-none { + order: 0; + } + + .md\:col-auto { + grid-column: auto; + } + + .md\:col-span-1 { + grid-column: span 1 / span 1; + } + + .md\:col-span-2 { + grid-column: span 2 / span 2; + } + + .md\:col-span-3 { + grid-column: span 3 / span 3; + } + + .md\:col-span-4 { + grid-column: span 4 / span 4; + } + + .md\:col-span-5 { + grid-column: span 5 / span 5; + } + + .md\:col-span-6 { + grid-column: span 6 / span 6; + } + + .md\:col-span-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\:col-span-10 { + grid-column: span 10 / span 10; + } + + .md\:col-span-11 { + grid-column: span 11 / span 11; + } + + .md\:col-span-12 { + grid-column: span 12 / span 12; + } + + .md\:col-span-full { + grid-column: 1 / -1; + } + + .md\:col-start-1 { + grid-column-start: 1; + } + + .md\:col-start-2 { + grid-column-start: 2; + } + + .md\:col-start-3 { + grid-column-start: 3; + } + + .md\:col-start-4 { + grid-column-start: 4; + } + + .md\:col-start-5 { + grid-column-start: 5; + } + + .md\:col-start-6 { + grid-column-start: 6; + } + + .md\:col-start-7 { + grid-column-start: 7; + } + + .md\:col-start-8 { + grid-column-start: 8; + } + + .md\:col-start-9 { + grid-column-start: 9; + } + + .md\:col-start-10 { + grid-column-start: 10; + } + + .md\:col-start-11 { + grid-column-start: 11; + } + + .md\:col-start-12 { + grid-column-start: 12; + } + + .md\:col-start-13 { + grid-column-start: 13; + } + + .md\:col-start-auto { + grid-column-start: auto; + } + + .md\:col-end-1 { + grid-column-end: 1; + } + + .md\:col-end-2 { + grid-column-end: 2; + } + + .md\:col-end-3 { + grid-column-end: 3; + } + + .md\:col-end-4 { + grid-column-end: 4; + } + + .md\:col-end-5 { + grid-column-end: 5; + } + + .md\:col-end-6 { + grid-column-end: 6; + } + + .md\:col-end-7 { + grid-column-end: 7; + } + + .md\:col-end-8 { + grid-column-end: 8; + } + + .md\:col-end-9 { + grid-column-end: 9; + } + + .md\:col-end-10 { + grid-column-end: 10; + } + + .md\:col-end-11 { + grid-column-end: 11; + } + + .md\:col-end-12 { + grid-column-end: 12; + } + + .md\:col-end-13 { + grid-column-end: 13; + } + + .md\:col-end-auto { + grid-column-end: auto; + } + + .md\:row-auto { + grid-row: auto; + } + + .md\:row-span-1 { + grid-row: span 1 / span 1; + } + + .md\:row-span-2 { + grid-row: span 2 / span 2; + } + + .md\:row-span-3 { + grid-row: span 3 / span 3; + } + + .md\:row-span-4 { + grid-row: span 4 / span 4; + } + + .md\:row-span-5 { + grid-row: span 5 / span 5; + } + + .md\:row-span-6 { + grid-row: span 6 / span 6; + } + + .md\:row-span-full { + grid-row: 1 / -1; + } + + .md\:row-start-1 { + grid-row-start: 1; + } + + .md\:row-start-2 { + grid-row-start: 2; + } + + .md\:row-start-3 { + grid-row-start: 3; + } + + .md\:row-start-4 { + grid-row-start: 4; + } + + .md\:row-start-5 { + grid-row-start: 5; + } + + .md\:row-start-6 { + grid-row-start: 6; + } + + .md\:row-start-7 { + grid-row-start: 7; + } + + .md\:row-start-auto { + grid-row-start: auto; + } + + .md\:row-end-1 { + grid-row-end: 1; + } + + .md\:row-end-2 { + grid-row-end: 2; + } + + .md\:row-end-3 { + grid-row-end: 3; + } + + .md\:row-end-4 { + grid-row-end: 4; + } + + .md\:row-end-5 { + grid-row-end: 5; + } + + .md\:row-end-6 { + grid-row-end: 6; + } + + .md\:row-end-7 { + grid-row-end: 7; + } + + .md\:row-end-auto { + grid-row-end: auto; + } + + .md\:float-right { + float: right; + } + + .md\:float-left { + float: left; + } + + .md\:float-none { + float: none; + } + + .md\:clear-left { + clear: left; + } + + .md\:clear-right { + clear: right; + } + + .md\:clear-both { + clear: both; + } + + .md\:clear-none { + clear: none; + } + + .md\:m-0 { + margin: 0px; + } + + .md\:m-1 { + margin: 0.25rem; + } + + .md\:m-2 { + margin: 0.5rem; + } + + .md\:m-3 { + margin: 0.75rem; + } + + .md\:m-4 { + margin: 1rem; + } + + .md\:m-5 { + margin: 1.25rem; + } + + .md\:m-6 { + margin: 1.5rem; + } + + .md\:m-7 { + margin: 1.75rem; + } + + .md\:m-8 { + margin: 2rem; + } + + .md\:m-9 { + margin: 2.25rem; + } + + .md\:m-10 { + margin: 2.5rem; + } + + .md\:m-11 { + margin: 2.75rem; + } + + .md\:m-12 { + margin: 3rem; + } + + .md\:m-14 { + margin: 3.5rem; + } + + .md\:m-16 { + margin: 4rem; + } + + .md\:m-20 { + margin: 5rem; + } + + .md\:m-24 { + margin: 6rem; + } + + .md\:m-28 { + margin: 7rem; + } + + .md\:m-32 { + margin: 8rem; + } + + .md\:m-36 { + margin: 9rem; + } + + .md\:m-40 { + margin: 10rem; + } + + .md\:m-44 { + margin: 11rem; + } + + .md\:m-48 { + margin: 12rem; + } + + .md\:m-52 { + margin: 13rem; + } + + .md\:m-56 { + margin: 14rem; + } + + .md\:m-60 { + margin: 15rem; + } + + .md\:m-64 { + margin: 16rem; + } + + .md\:m-72 { + margin: 18rem; + } + + .md\:m-80 { + margin: 20rem; + } + + .md\:m-96 { + margin: 24rem; + } + + .md\:m-auto { + margin: auto; + } + + .md\:m-px { + margin: 1px; + } + + .md\:m-0\.5 { + margin: 0.125rem; + } + + .md\:m-1\.5 { + margin: 0.375rem; + } + + .md\:m-2\.5 { + margin: 0.625rem; + } + + .md\:m-3\.5 { + margin: 0.875rem; + } + + .md\:-m-0 { + margin: 0px; + } + + .md\:-m-1 { + margin: -0.25rem; + } + + .md\:-m-2 { + margin: -0.5rem; + } + + .md\:-m-3 { + margin: -0.75rem; + } + + .md\:-m-4 { + margin: -1rem; + } + + .md\:-m-5 { + margin: -1.25rem; + } + + .md\:-m-6 { + margin: -1.5rem; + } + + .md\:-m-7 { + margin: -1.75rem; + } + + .md\:-m-8 { + margin: -2rem; + } + + .md\:-m-9 { + margin: -2.25rem; + } + + .md\:-m-10 { + margin: -2.5rem; + } + + .md\:-m-11 { + margin: -2.75rem; + } + + .md\:-m-12 { + margin: -3rem; + } + + .md\:-m-14 { + margin: -3.5rem; + } + + .md\:-m-16 { + margin: -4rem; + } + + .md\:-m-20 { + margin: -5rem; + } + + .md\:-m-24 { + margin: -6rem; + } + + .md\:-m-28 { + margin: -7rem; + } + + .md\:-m-32 { + margin: -8rem; + } + + .md\:-m-36 { + margin: -9rem; + } + + .md\:-m-40 { + margin: -10rem; + } + + .md\:-m-44 { + margin: -11rem; + } + + .md\:-m-48 { + margin: -12rem; + } + + .md\:-m-52 { + margin: -13rem; + } + + .md\:-m-56 { + margin: -14rem; + } + + .md\:-m-60 { + margin: -15rem; + } + + .md\:-m-64 { + margin: -16rem; + } + + .md\:-m-72 { + margin: -18rem; + } + + .md\:-m-80 { + margin: -20rem; + } + + .md\:-m-96 { + margin: -24rem; + } + + .md\:-m-px { + margin: -1px; + } + + .md\:-m-0\.5 { + margin: -0.125rem; + } + + .md\:-m-1\.5 { + margin: -0.375rem; + } + + .md\:-m-2\.5 { + margin: -0.625rem; + } + + .md\:-m-3\.5 { + margin: -0.875rem; + } + + .md\:mx-0 { + margin-left: 0px; + margin-right: 0px; + } + + .md\:mx-1 { + margin-left: 0.25rem; + margin-right: 0.25rem; + } + + .md\:mx-2 { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + + .md\:mx-3 { + margin-left: 0.75rem; + margin-right: 0.75rem; + } + + .md\:mx-4 { + margin-left: 1rem; + margin-right: 1rem; + } + + .md\:mx-5 { + margin-left: 1.25rem; + margin-right: 1.25rem; + } + + .md\:mx-6 { + margin-left: 1.5rem; + margin-right: 1.5rem; + } + + .md\:mx-7 { + margin-left: 1.75rem; + margin-right: 1.75rem; + } + + .md\:mx-8 { + margin-left: 2rem; + margin-right: 2rem; + } + + .md\:mx-9 { + margin-left: 2.25rem; + margin-right: 2.25rem; + } + + .md\:mx-10 { + margin-left: 2.5rem; + margin-right: 2.5rem; + } + + .md\:mx-11 { + margin-left: 2.75rem; + margin-right: 2.75rem; + } + + .md\:mx-12 { + margin-left: 3rem; + margin-right: 3rem; + } + + .md\:mx-14 { + margin-left: 3.5rem; + margin-right: 3.5rem; + } + + .md\:mx-16 { + margin-left: 4rem; + margin-right: 4rem; + } + + .md\:mx-20 { + margin-left: 5rem; + margin-right: 5rem; + } + + .md\:mx-24 { + margin-left: 6rem; + margin-right: 6rem; + } + + .md\:mx-28 { + margin-left: 7rem; + margin-right: 7rem; + } + + .md\:mx-32 { + margin-left: 8rem; + margin-right: 8rem; + } + + .md\:mx-36 { + margin-left: 9rem; + margin-right: 9rem; + } + + .md\:mx-40 { + margin-left: 10rem; + margin-right: 10rem; + } + + .md\:mx-44 { + margin-left: 11rem; + margin-right: 11rem; + } + + .md\:mx-48 { + margin-left: 12rem; + margin-right: 12rem; + } + + .md\:mx-52 { + margin-left: 13rem; + margin-right: 13rem; + } + + .md\:mx-56 { + margin-left: 14rem; + margin-right: 14rem; + } + + .md\:mx-60 { + margin-left: 15rem; + margin-right: 15rem; + } + + .md\:mx-64 { + margin-left: 16rem; + margin-right: 16rem; + } + + .md\:mx-72 { + margin-left: 18rem; + margin-right: 18rem; + } + + .md\:mx-80 { + margin-left: 20rem; + margin-right: 20rem; + } + + .md\:mx-96 { + margin-left: 24rem; + margin-right: 24rem; + } + + .md\:mx-auto { + margin-left: auto; + margin-right: auto; + } + + .md\:mx-px { + margin-left: 1px; + margin-right: 1px; + } + + .md\:mx-0\.5 { + margin-left: 0.125rem; + margin-right: 0.125rem; + } + + .md\:mx-1\.5 { + margin-left: 0.375rem; + margin-right: 0.375rem; + } + + .md\:mx-2\.5 { + margin-left: 0.625rem; + margin-right: 0.625rem; + } + + .md\:mx-3\.5 { + margin-left: 0.875rem; + margin-right: 0.875rem; + } + + .md\:-mx-0 { + margin-left: 0px; + margin-right: 0px; + } + + .md\:-mx-1 { + margin-left: -0.25rem; + margin-right: -0.25rem; + } + + .md\:-mx-2 { + margin-left: -0.5rem; + margin-right: -0.5rem; + } + + .md\:-mx-3 { + margin-left: -0.75rem; + margin-right: -0.75rem; + } + + .md\:-mx-4 { + margin-left: -1rem; + margin-right: -1rem; + } + + .md\:-mx-5 { + margin-left: -1.25rem; + margin-right: -1.25rem; + } + + .md\:-mx-6 { + margin-left: -1.5rem; + margin-right: -1.5rem; + } + + .md\:-mx-7 { + margin-left: -1.75rem; + margin-right: -1.75rem; + } + + .md\:-mx-8 { + margin-left: -2rem; + margin-right: -2rem; + } + + .md\:-mx-9 { + margin-left: -2.25rem; + margin-right: -2.25rem; + } + + .md\:-mx-10 { + margin-left: -2.5rem; + margin-right: -2.5rem; + } + + .md\:-mx-11 { + margin-left: -2.75rem; + margin-right: -2.75rem; + } + + .md\:-mx-12 { + margin-left: -3rem; + margin-right: -3rem; + } + + .md\:-mx-14 { + margin-left: -3.5rem; + margin-right: -3.5rem; + } + + .md\:-mx-16 { + margin-left: -4rem; + margin-right: -4rem; + } + + .md\:-mx-20 { + margin-left: -5rem; + margin-right: -5rem; + } + + .md\:-mx-24 { + margin-left: -6rem; + margin-right: -6rem; + } + + .md\:-mx-28 { + margin-left: -7rem; + margin-right: -7rem; + } + + .md\:-mx-32 { + margin-left: -8rem; + margin-right: -8rem; + } + + .md\:-mx-36 { + margin-left: -9rem; + margin-right: -9rem; + } + + .md\:-mx-40 { + margin-left: -10rem; + margin-right: -10rem; + } + + .md\:-mx-44 { + margin-left: -11rem; + margin-right: -11rem; + } + + .md\:-mx-48 { + margin-left: -12rem; + margin-right: -12rem; + } + + .md\:-mx-52 { + margin-left: -13rem; + margin-right: -13rem; + } + + .md\:-mx-56 { + margin-left: -14rem; + margin-right: -14rem; + } + + .md\:-mx-60 { + margin-left: -15rem; + margin-right: -15rem; + } + + .md\:-mx-64 { + margin-left: -16rem; + margin-right: -16rem; + } + + .md\:-mx-72 { + margin-left: -18rem; + margin-right: -18rem; + } + + .md\:-mx-80 { + margin-left: -20rem; + margin-right: -20rem; + } + + .md\:-mx-96 { + margin-left: -24rem; + margin-right: -24rem; + } + + .md\:-mx-px { + margin-left: -1px; + margin-right: -1px; + } + + .md\:-mx-0\.5 { + margin-left: -0.125rem; + margin-right: -0.125rem; + } + + .md\:-mx-1\.5 { + margin-left: -0.375rem; + margin-right: -0.375rem; + } + + .md\:-mx-2\.5 { + margin-left: -0.625rem; + margin-right: -0.625rem; + } + + .md\:-mx-3\.5 { + margin-left: -0.875rem; + margin-right: -0.875rem; + } + + .md\:my-0 { + margin-top: 0px; + margin-bottom: 0px; + } + + .md\:my-1 { + margin-top: 0.25rem; + margin-bottom: 0.25rem; + } + + .md\:my-2 { + margin-top: 0.5rem; + margin-bottom: 0.5rem; + } + + .md\:my-3 { + margin-top: 0.75rem; + margin-bottom: 0.75rem; + } + + .md\:my-4 { + margin-top: 1rem; + margin-bottom: 1rem; + } + + .md\:my-5 { + margin-top: 1.25rem; + margin-bottom: 1.25rem; + } + + .md\:my-6 { + margin-top: 1.5rem; + margin-bottom: 1.5rem; + } + + .md\:my-7 { + margin-top: 1.75rem; + margin-bottom: 1.75rem; + } + + .md\:my-8 { + margin-top: 2rem; + margin-bottom: 2rem; + } + + .md\:my-9 { + margin-top: 2.25rem; + margin-bottom: 2.25rem; + } + + .md\:my-10 { + margin-top: 2.5rem; + margin-bottom: 2.5rem; + } + + .md\:my-11 { + margin-top: 2.75rem; + margin-bottom: 2.75rem; + } + + .md\:my-12 { + margin-top: 3rem; + margin-bottom: 3rem; + } + + .md\:my-14 { + margin-top: 3.5rem; + margin-bottom: 3.5rem; + } + + .md\:my-16 { + margin-top: 4rem; + margin-bottom: 4rem; + } + + .md\:my-20 { + margin-top: 5rem; + margin-bottom: 5rem; + } + + .md\:my-24 { + margin-top: 6rem; + margin-bottom: 6rem; + } + + .md\:my-28 { + margin-top: 7rem; + margin-bottom: 7rem; + } + + .md\:my-32 { + margin-top: 8rem; + margin-bottom: 8rem; + } + + .md\:my-36 { + margin-top: 9rem; + margin-bottom: 9rem; + } + + .md\:my-40 { + margin-top: 10rem; + margin-bottom: 10rem; + } + + .md\:my-44 { + margin-top: 11rem; + margin-bottom: 11rem; + } + + .md\:my-48 { + margin-top: 12rem; + margin-bottom: 12rem; + } + + .md\:my-52 { + margin-top: 13rem; + margin-bottom: 13rem; + } + + .md\:my-56 { + margin-top: 14rem; + margin-bottom: 14rem; + } + + .md\:my-60 { + margin-top: 15rem; + margin-bottom: 15rem; + } + + .md\:my-64 { + margin-top: 16rem; + margin-bottom: 16rem; + } + + .md\:my-72 { + margin-top: 18rem; + margin-bottom: 18rem; + } + + .md\:my-80 { + margin-top: 20rem; + margin-bottom: 20rem; + } + + .md\:my-96 { + margin-top: 24rem; + margin-bottom: 24rem; + } + + .md\:my-auto { + margin-top: auto; + margin-bottom: auto; + } + + .md\:my-px { + margin-top: 1px; + margin-bottom: 1px; + } + + .md\:my-0\.5 { + margin-top: 0.125rem; + margin-bottom: 0.125rem; + } + + .md\:my-1\.5 { + margin-top: 0.375rem; + margin-bottom: 0.375rem; + } + + .md\:my-2\.5 { + margin-top: 0.625rem; + margin-bottom: 0.625rem; + } + + .md\:my-3\.5 { + margin-top: 0.875rem; + margin-bottom: 0.875rem; + } + + .md\:-my-0 { + margin-top: 0px; + margin-bottom: 0px; + } + + .md\:-my-1 { + margin-top: -0.25rem; + margin-bottom: -0.25rem; + } + + .md\:-my-2 { + margin-top: -0.5rem; + margin-bottom: -0.5rem; + } + + .md\:-my-3 { + margin-top: -0.75rem; + margin-bottom: -0.75rem; + } + + .md\:-my-4 { + margin-top: -1rem; + margin-bottom: -1rem; + } + + .md\:-my-5 { + margin-top: -1.25rem; + margin-bottom: -1.25rem; + } + + .md\:-my-6 { + margin-top: -1.5rem; + margin-bottom: -1.5rem; + } + + .md\:-my-7 { + margin-top: -1.75rem; + margin-bottom: -1.75rem; + } + + .md\:-my-8 { + margin-top: -2rem; + margin-bottom: -2rem; + } + + .md\:-my-9 { + margin-top: -2.25rem; + margin-bottom: -2.25rem; + } + + .md\:-my-10 { + margin-top: -2.5rem; + margin-bottom: -2.5rem; + } + + .md\:-my-11 { + margin-top: -2.75rem; + margin-bottom: -2.75rem; + } + + .md\:-my-12 { + margin-top: -3rem; + margin-bottom: -3rem; + } + + .md\:-my-14 { + margin-top: -3.5rem; + margin-bottom: -3.5rem; + } + + .md\:-my-16 { + margin-top: -4rem; + margin-bottom: -4rem; + } + + .md\:-my-20 { + margin-top: -5rem; + margin-bottom: -5rem; + } + + .md\:-my-24 { + margin-top: -6rem; + margin-bottom: -6rem; + } + + .md\:-my-28 { + margin-top: -7rem; + margin-bottom: -7rem; + } + + .md\:-my-32 { + margin-top: -8rem; + margin-bottom: -8rem; + } + + .md\:-my-36 { + margin-top: -9rem; + margin-bottom: -9rem; + } + + .md\:-my-40 { + margin-top: -10rem; + margin-bottom: -10rem; + } + + .md\:-my-44 { + margin-top: -11rem; + margin-bottom: -11rem; + } + + .md\:-my-48 { + margin-top: -12rem; + margin-bottom: -12rem; + } + + .md\:-my-52 { + margin-top: -13rem; + margin-bottom: -13rem; + } + + .md\:-my-56 { + margin-top: -14rem; + margin-bottom: -14rem; + } + + .md\:-my-60 { + margin-top: -15rem; + margin-bottom: -15rem; + } + + .md\:-my-64 { + margin-top: -16rem; + margin-bottom: -16rem; + } + + .md\:-my-72 { + margin-top: -18rem; + margin-bottom: -18rem; + } + + .md\:-my-80 { + margin-top: -20rem; + margin-bottom: -20rem; + } + + .md\:-my-96 { + margin-top: -24rem; + margin-bottom: -24rem; + } + + .md\:-my-px { + margin-top: -1px; + margin-bottom: -1px; + } + + .md\:-my-0\.5 { + margin-top: -0.125rem; + margin-bottom: -0.125rem; + } + + .md\:-my-1\.5 { + margin-top: -0.375rem; + margin-bottom: -0.375rem; + } + + .md\:-my-2\.5 { + margin-top: -0.625rem; + margin-bottom: -0.625rem; + } + + .md\:-my-3\.5 { + margin-top: -0.875rem; + margin-bottom: -0.875rem; + } + + .md\:mt-0 { + margin-top: 0px; + } + + .md\:mt-1 { + margin-top: 0.25rem; + } + + .md\:mt-2 { + margin-top: 0.5rem; + } + + .md\:mt-3 { + margin-top: 0.75rem; + } + + .md\:mt-4 { + margin-top: 1rem; + } + + .md\:mt-5 { + margin-top: 1.25rem; + } + + .md\:mt-6 { + margin-top: 1.5rem; + } + + .md\:mt-7 { + margin-top: 1.75rem; + } + + .md\:mt-8 { + margin-top: 2rem; + } + + .md\:mt-9 { + margin-top: 2.25rem; + } + + .md\:mt-10 { + margin-top: 2.5rem; + } + + .md\:mt-11 { + margin-top: 2.75rem; + } + + .md\:mt-12 { + margin-top: 3rem; + } + + .md\:mt-14 { + margin-top: 3.5rem; + } + + .md\:mt-16 { + margin-top: 4rem; + } + + .md\:mt-20 { + margin-top: 5rem; + } + + .md\:mt-24 { + margin-top: 6rem; + } + + .md\:mt-28 { + margin-top: 7rem; + } + + .md\:mt-32 { + margin-top: 8rem; + } + + .md\:mt-36 { + margin-top: 9rem; + } + + .md\:mt-40 { + margin-top: 10rem; + } + + .md\:mt-44 { + margin-top: 11rem; + } + + .md\:mt-48 { + margin-top: 12rem; + } + + .md\:mt-52 { + margin-top: 13rem; + } + + .md\:mt-56 { + margin-top: 14rem; + } + + .md\:mt-60 { + margin-top: 15rem; + } + + .md\:mt-64 { + margin-top: 16rem; + } + + .md\:mt-72 { + margin-top: 18rem; + } + + .md\:mt-80 { + margin-top: 20rem; + } + + .md\:mt-96 { + margin-top: 24rem; + } + + .md\:mt-auto { + margin-top: auto; + } + + .md\:mt-px { + margin-top: 1px; + } + + .md\:mt-0\.5 { + margin-top: 0.125rem; + } + + .md\:mt-1\.5 { + margin-top: 0.375rem; + } + + .md\:mt-2\.5 { + margin-top: 0.625rem; + } + + .md\:mt-3\.5 { + margin-top: 0.875rem; + } + + .md\:-mt-0 { + margin-top: 0px; + } + + .md\:-mt-1 { + margin-top: -0.25rem; + } + + .md\:-mt-2 { + margin-top: -0.5rem; + } + + .md\:-mt-3 { + margin-top: -0.75rem; + } + + .md\:-mt-4 { + margin-top: -1rem; + } + + .md\:-mt-5 { + margin-top: -1.25rem; + } + + .md\:-mt-6 { + margin-top: -1.5rem; + } + + .md\:-mt-7 { + margin-top: -1.75rem; + } + + .md\:-mt-8 { + margin-top: -2rem; + } + + .md\:-mt-9 { + margin-top: -2.25rem; + } + + .md\:-mt-10 { + margin-top: -2.5rem; + } + + .md\:-mt-11 { + margin-top: -2.75rem; + } + + .md\:-mt-12 { + margin-top: -3rem; + } + + .md\:-mt-14 { + margin-top: -3.5rem; + } + + .md\:-mt-16 { + margin-top: -4rem; + } + + .md\:-mt-20 { + margin-top: -5rem; + } + + .md\:-mt-24 { + margin-top: -6rem; + } + + .md\:-mt-28 { + margin-top: -7rem; + } + + .md\:-mt-32 { + margin-top: -8rem; + } + + .md\:-mt-36 { + margin-top: -9rem; + } + + .md\:-mt-40 { + margin-top: -10rem; + } + + .md\:-mt-44 { + margin-top: -11rem; + } + + .md\:-mt-48 { + margin-top: -12rem; + } + + .md\:-mt-52 { + margin-top: -13rem; + } + + .md\:-mt-56 { + margin-top: -14rem; + } + + .md\:-mt-60 { + margin-top: -15rem; + } + + .md\:-mt-64 { + margin-top: -16rem; + } + + .md\:-mt-72 { + margin-top: -18rem; + } + + .md\:-mt-80 { + margin-top: -20rem; + } + + .md\:-mt-96 { + margin-top: -24rem; + } + + .md\:-mt-px { + margin-top: -1px; + } + + .md\:-mt-0\.5 { + margin-top: -0.125rem; + } + + .md\:-mt-1\.5 { + margin-top: -0.375rem; + } + + .md\:-mt-2\.5 { + margin-top: -0.625rem; + } + + .md\:-mt-3\.5 { + margin-top: -0.875rem; + } + + .md\:mr-0 { + margin-right: 0px; + } + + .md\:mr-1 { + margin-right: 0.25rem; + } + + .md\:mr-2 { + margin-right: 0.5rem; + } + + .md\:mr-3 { + margin-right: 0.75rem; + } + + .md\:mr-4 { + margin-right: 1rem; + } + + .md\:mr-5 { + margin-right: 1.25rem; + } + + .md\:mr-6 { + margin-right: 1.5rem; + } + + .md\:mr-7 { + margin-right: 1.75rem; + } + + .md\:mr-8 { + margin-right: 2rem; + } + + .md\:mr-9 { + margin-right: 2.25rem; + } + + .md\:mr-10 { + margin-right: 2.5rem; + } + + .md\:mr-11 { + margin-right: 2.75rem; + } + + .md\:mr-12 { + margin-right: 3rem; + } + + .md\:mr-14 { + margin-right: 3.5rem; + } + + .md\:mr-16 { + margin-right: 4rem; + } + + .md\:mr-20 { + margin-right: 5rem; + } + + .md\:mr-24 { + margin-right: 6rem; + } + + .md\:mr-28 { + margin-right: 7rem; + } + + .md\:mr-32 { + margin-right: 8rem; + } + + .md\:mr-36 { + margin-right: 9rem; + } + + .md\:mr-40 { + margin-right: 10rem; + } + + .md\:mr-44 { + margin-right: 11rem; + } + + .md\:mr-48 { + margin-right: 12rem; + } + + .md\:mr-52 { + margin-right: 13rem; + } + + .md\:mr-56 { + margin-right: 14rem; + } + + .md\:mr-60 { + margin-right: 15rem; + } + + .md\:mr-64 { + margin-right: 16rem; + } + + .md\:mr-72 { + margin-right: 18rem; + } + + .md\:mr-80 { + margin-right: 20rem; + } + + .md\:mr-96 { + margin-right: 24rem; + } + + .md\:mr-auto { + margin-right: auto; + } + + .md\:mr-px { + margin-right: 1px; + } + + .md\:mr-0\.5 { + margin-right: 0.125rem; + } + + .md\:mr-1\.5 { + margin-right: 0.375rem; + } + + .md\:mr-2\.5 { + margin-right: 0.625rem; + } + + .md\:mr-3\.5 { + margin-right: 0.875rem; + } + + .md\:-mr-0 { + margin-right: 0px; + } + + .md\:-mr-1 { + margin-right: -0.25rem; + } + + .md\:-mr-2 { + margin-right: -0.5rem; + } + + .md\:-mr-3 { + margin-right: -0.75rem; + } + + .md\:-mr-4 { + margin-right: -1rem; + } + + .md\:-mr-5 { + margin-right: -1.25rem; + } + + .md\:-mr-6 { + margin-right: -1.5rem; + } + + .md\:-mr-7 { + margin-right: -1.75rem; + } + + .md\:-mr-8 { + margin-right: -2rem; + } + + .md\:-mr-9 { + margin-right: -2.25rem; + } + + .md\:-mr-10 { + margin-right: -2.5rem; + } + + .md\:-mr-11 { + margin-right: -2.75rem; + } + + .md\:-mr-12 { + margin-right: -3rem; + } + + .md\:-mr-14 { + margin-right: -3.5rem; + } + + .md\:-mr-16 { + margin-right: -4rem; + } + + .md\:-mr-20 { + margin-right: -5rem; + } + + .md\:-mr-24 { + margin-right: -6rem; + } + + .md\:-mr-28 { + margin-right: -7rem; + } + + .md\:-mr-32 { + margin-right: -8rem; + } + + .md\:-mr-36 { + margin-right: -9rem; + } + + .md\:-mr-40 { + margin-right: -10rem; + } + + .md\:-mr-44 { + margin-right: -11rem; + } + + .md\:-mr-48 { + margin-right: -12rem; + } + + .md\:-mr-52 { + margin-right: -13rem; + } + + .md\:-mr-56 { + margin-right: -14rem; + } + + .md\:-mr-60 { + margin-right: -15rem; + } + + .md\:-mr-64 { + margin-right: -16rem; + } + + .md\:-mr-72 { + margin-right: -18rem; + } + + .md\:-mr-80 { + margin-right: -20rem; + } + + .md\:-mr-96 { + margin-right: -24rem; + } + + .md\:-mr-px { + margin-right: -1px; + } + + .md\:-mr-0\.5 { + margin-right: -0.125rem; + } + + .md\:-mr-1\.5 { + margin-right: -0.375rem; + } + + .md\:-mr-2\.5 { + margin-right: -0.625rem; + } + + .md\:-mr-3\.5 { + margin-right: -0.875rem; + } + + .md\:mb-0 { + margin-bottom: 0px; + } + + .md\:mb-1 { + margin-bottom: 0.25rem; + } + + .md\:mb-2 { + margin-bottom: 0.5rem; + } + + .md\:mb-3 { + margin-bottom: 0.75rem; + } + + .md\:mb-4 { + margin-bottom: 1rem; + } + + .md\:mb-5 { + margin-bottom: 1.25rem; + } + + .md\:mb-6 { + margin-bottom: 1.5rem; + } + + .md\:mb-7 { + margin-bottom: 1.75rem; + } + + .md\:mb-8 { + margin-bottom: 2rem; + } + + .md\:mb-9 { + margin-bottom: 2.25rem; + } + + .md\:mb-10 { + margin-bottom: 2.5rem; + } + + .md\:mb-11 { + margin-bottom: 2.75rem; + } + + .md\:mb-12 { + margin-bottom: 3rem; + } + + .md\:mb-14 { + margin-bottom: 3.5rem; + } + + .md\:mb-16 { + margin-bottom: 4rem; + } + + .md\:mb-20 { + margin-bottom: 5rem; + } + + .md\:mb-24 { + margin-bottom: 6rem; + } + + .md\:mb-28 { + margin-bottom: 7rem; + } + + .md\:mb-32 { + margin-bottom: 8rem; + } + + .md\:mb-36 { + margin-bottom: 9rem; + } + + .md\:mb-40 { + margin-bottom: 10rem; + } + + .md\:mb-44 { + margin-bottom: 11rem; + } + + .md\:mb-48 { + margin-bottom: 12rem; + } + + .md\:mb-52 { + margin-bottom: 13rem; + } + + .md\:mb-56 { + margin-bottom: 14rem; + } + + .md\:mb-60 { + margin-bottom: 15rem; + } + + .md\:mb-64 { + margin-bottom: 16rem; + } + + .md\:mb-72 { + margin-bottom: 18rem; + } + + .md\:mb-80 { + margin-bottom: 20rem; + } + + .md\:mb-96 { + margin-bottom: 24rem; + } + + .md\:mb-auto { + margin-bottom: auto; + } + + .md\:mb-px { + margin-bottom: 1px; + } + + .md\:mb-0\.5 { + margin-bottom: 0.125rem; + } + + .md\:mb-1\.5 { + margin-bottom: 0.375rem; + } + + .md\:mb-2\.5 { + margin-bottom: 0.625rem; + } + + .md\:mb-3\.5 { + margin-bottom: 0.875rem; + } + + .md\:-mb-0 { + margin-bottom: 0px; + } + + .md\:-mb-1 { + margin-bottom: -0.25rem; + } + + .md\:-mb-2 { + margin-bottom: -0.5rem; + } + + .md\:-mb-3 { + margin-bottom: -0.75rem; + } + + .md\:-mb-4 { + margin-bottom: -1rem; + } + + .md\:-mb-5 { + margin-bottom: -1.25rem; + } + + .md\:-mb-6 { + margin-bottom: -1.5rem; + } + + .md\:-mb-7 { + margin-bottom: -1.75rem; + } + + .md\:-mb-8 { + margin-bottom: -2rem; + } + + .md\:-mb-9 { + margin-bottom: -2.25rem; + } + + .md\:-mb-10 { + margin-bottom: -2.5rem; + } + + .md\:-mb-11 { + margin-bottom: -2.75rem; + } + + .md\:-mb-12 { + margin-bottom: -3rem; + } + + .md\:-mb-14 { + margin-bottom: -3.5rem; + } + + .md\:-mb-16 { + margin-bottom: -4rem; + } + + .md\:-mb-20 { + margin-bottom: -5rem; + } + + .md\:-mb-24 { + margin-bottom: -6rem; + } + + .md\:-mb-28 { + margin-bottom: -7rem; + } + + .md\:-mb-32 { + margin-bottom: -8rem; + } + + .md\:-mb-36 { + margin-bottom: -9rem; + } + + .md\:-mb-40 { + margin-bottom: -10rem; + } + + .md\:-mb-44 { + margin-bottom: -11rem; + } + + .md\:-mb-48 { + margin-bottom: -12rem; + } + + .md\:-mb-52 { + margin-bottom: -13rem; + } + + .md\:-mb-56 { + margin-bottom: -14rem; + } + + .md\:-mb-60 { + margin-bottom: -15rem; + } + + .md\:-mb-64 { + margin-bottom: -16rem; + } + + .md\:-mb-72 { + margin-bottom: -18rem; + } + + .md\:-mb-80 { + margin-bottom: -20rem; + } + + .md\:-mb-96 { + margin-bottom: -24rem; + } + + .md\:-mb-px { + margin-bottom: -1px; + } + + .md\:-mb-0\.5 { + margin-bottom: -0.125rem; + } + + .md\:-mb-1\.5 { + margin-bottom: -0.375rem; + } + + .md\:-mb-2\.5 { + margin-bottom: -0.625rem; + } + + .md\:-mb-3\.5 { + margin-bottom: -0.875rem; + } + + .md\:ml-0 { + margin-left: 0px; + } + + .md\:ml-1 { + margin-left: 0.25rem; + } + + .md\:ml-2 { + margin-left: 0.5rem; + } + + .md\:ml-3 { + margin-left: 0.75rem; + } + + .md\:ml-4 { + margin-left: 1rem; + } + + .md\:ml-5 { + margin-left: 1.25rem; + } + + .md\:ml-6 { + margin-left: 1.5rem; + } + + .md\:ml-7 { + margin-left: 1.75rem; + } + + .md\:ml-8 { + margin-left: 2rem; + } + + .md\:ml-9 { + margin-left: 2.25rem; + } + + .md\:ml-10 { + margin-left: 2.5rem; + } + + .md\:ml-11 { + margin-left: 2.75rem; + } + + .md\:ml-12 { + margin-left: 3rem; + } + + .md\:ml-14 { + margin-left: 3.5rem; + } + + .md\:ml-16 { + margin-left: 4rem; + } + + .md\:ml-20 { + margin-left: 5rem; + } + + .md\:ml-24 { + margin-left: 6rem; + } + + .md\:ml-28 { + margin-left: 7rem; + } + + .md\:ml-32 { + margin-left: 8rem; + } + + .md\:ml-36 { + margin-left: 9rem; + } + + .md\:ml-40 { + margin-left: 10rem; + } + + .md\:ml-44 { + margin-left: 11rem; + } + + .md\:ml-48 { + margin-left: 12rem; + } + + .md\:ml-52 { + margin-left: 13rem; + } + + .md\:ml-56 { + margin-left: 14rem; + } + + .md\:ml-60 { + margin-left: 15rem; + } + + .md\:ml-64 { + margin-left: 16rem; + } + + .md\:ml-72 { + margin-left: 18rem; + } + + .md\:ml-80 { + margin-left: 20rem; + } + + .md\:ml-96 { + margin-left: 24rem; + } + + .md\:ml-auto { + margin-left: auto; + } + + .md\:ml-px { + margin-left: 1px; + } + + .md\:ml-0\.5 { + margin-left: 0.125rem; + } + + .md\:ml-1\.5 { + margin-left: 0.375rem; + } + + .md\:ml-2\.5 { + margin-left: 0.625rem; + } + + .md\:ml-3\.5 { + margin-left: 0.875rem; + } + + .md\:-ml-0 { + margin-left: 0px; + } + + .md\:-ml-1 { + margin-left: -0.25rem; + } + + .md\:-ml-2 { + margin-left: -0.5rem; + } + + .md\:-ml-3 { + margin-left: -0.75rem; + } + + .md\:-ml-4 { + margin-left: -1rem; + } + + .md\:-ml-5 { + margin-left: -1.25rem; + } + + .md\:-ml-6 { + margin-left: -1.5rem; + } + + .md\:-ml-7 { + margin-left: -1.75rem; + } + + .md\:-ml-8 { + margin-left: -2rem; + } + + .md\:-ml-9 { + margin-left: -2.25rem; + } + + .md\:-ml-10 { + margin-left: -2.5rem; + } + + .md\:-ml-11 { + margin-left: -2.75rem; + } + + .md\:-ml-12 { + margin-left: -3rem; + } + + .md\:-ml-14 { + margin-left: -3.5rem; + } + + .md\:-ml-16 { + margin-left: -4rem; + } + + .md\:-ml-20 { + margin-left: -5rem; + } + + .md\:-ml-24 { + margin-left: -6rem; + } + + .md\:-ml-28 { + margin-left: -7rem; + } + + .md\:-ml-32 { + margin-left: -8rem; + } + + .md\:-ml-36 { + margin-left: -9rem; + } + + .md\:-ml-40 { + margin-left: -10rem; + } + + .md\:-ml-44 { + margin-left: -11rem; + } + + .md\:-ml-48 { + margin-left: -12rem; + } + + .md\:-ml-52 { + margin-left: -13rem; + } + + .md\:-ml-56 { + margin-left: -14rem; + } + + .md\:-ml-60 { + margin-left: -15rem; + } + + .md\:-ml-64 { + margin-left: -16rem; + } + + .md\:-ml-72 { + margin-left: -18rem; + } + + .md\:-ml-80 { + margin-left: -20rem; + } + + .md\:-ml-96 { + margin-left: -24rem; + } + + .md\:-ml-px { + margin-left: -1px; + } + + .md\:-ml-0\.5 { + margin-left: -0.125rem; + } + + .md\:-ml-1\.5 { + margin-left: -0.375rem; + } + + .md\:-ml-2\.5 { + margin-left: -0.625rem; + } + + .md\:-ml-3\.5 { + margin-left: -0.875rem; + } + + .md\:box-border { + box-sizing: border-box; + } + + .md\:box-content { + box-sizing: content-box; + } + + .md\:block { + display: block; + } + + .md\:inline-block { + display: inline-block; + } + + .md\:inline { + display: inline; + } + + .md\:flex { + display: flex; + } + + .md\:inline-flex { + display: inline-flex; + } + + .md\:table { + display: table; + } + + .md\:inline-table { + display: inline-table; + } + + .md\:table-caption { + display: table-caption; + } + + .md\:table-cell { + display: table-cell; + } + + .md\:table-column { + display: table-column; + } + + .md\:table-column-group { + display: table-column-group; + } + + .md\:table-footer-group { + display: table-footer-group; + } + + .md\:table-header-group { + display: table-header-group; + } + + .md\:table-row-group { + display: table-row-group; + } + + .md\:table-row { + display: table-row; + } + + .md\:flow-root { + display: flow-root; + } + + .md\:grid { + display: grid; + } + + .md\:inline-grid { + display: inline-grid; + } + + .md\:contents { + display: contents; + } + + .md\:list-item { + display: list-item; + } + + .md\:hidden { + display: none; + } + + .md\:h-0 { + height: 0px; + } + + .md\:h-1 { + height: 0.25rem; + } + + .md\:h-2 { + height: 0.5rem; + } + + .md\:h-3 { + height: 0.75rem; + } + + .md\:h-4 { + height: 1rem; + } + + .md\:h-5 { + height: 1.25rem; + } + + .md\:h-6 { + height: 1.5rem; + } + + .md\:h-7 { + height: 1.75rem; + } + + .md\:h-8 { + height: 2rem; + } + + .md\:h-9 { + height: 2.25rem; + } + + .md\:h-10 { + height: 2.5rem; + } + + .md\:h-11 { + height: 2.75rem; + } + + .md\:h-12 { + height: 3rem; + } + + .md\:h-14 { + height: 3.5rem; + } + + .md\:h-16 { + height: 4rem; + } + + .md\:h-20 { + height: 5rem; + } + + .md\:h-24 { + height: 6rem; + } + + .md\:h-28 { + height: 7rem; + } + + .md\:h-32 { + height: 8rem; + } + + .md\:h-36 { + height: 9rem; + } + + .md\:h-40 { + height: 10rem; + } + + .md\:h-44 { + height: 11rem; + } + + .md\:h-48 { + height: 12rem; + } + + .md\:h-52 { + height: 13rem; + } + + .md\:h-56 { + height: 14rem; + } + + .md\:h-60 { + height: 15rem; + } + + .md\:h-64 { + height: 16rem; + } + + .md\:h-72 { + height: 18rem; + } + + .md\:h-80 { + height: 20rem; + } + + .md\:h-96 { + height: 24rem; + } + + .md\:h-auto { + height: auto; + } + + .md\:h-px { + height: 1px; + } + + .md\:h-0\.5 { + height: 0.125rem; + } + + .md\:h-1\.5 { + height: 0.375rem; + } + + .md\:h-2\.5 { + height: 0.625rem; + } + + .md\:h-3\.5 { + height: 0.875rem; + } + + .md\:h-1\/2 { + height: 50%; + } + + .md\:h-1\/3 { + height: 33.333333%; + } + + .md\:h-2\/3 { + height: 66.666667%; + } + + .md\:h-1\/4 { + height: 25%; + } + + .md\:h-2\/4 { + height: 50%; + } + + .md\:h-3\/4 { + height: 75%; + } + + .md\:h-1\/5 { + height: 20%; + } + + .md\:h-2\/5 { + height: 40%; + } + + .md\:h-3\/5 { + height: 60%; + } + + .md\:h-4\/5 { + height: 80%; + } + + .md\:h-1\/6 { + height: 16.666667%; + } + + .md\:h-2\/6 { + height: 33.333333%; + } + + .md\:h-3\/6 { + height: 50%; + } + + .md\:h-4\/6 { + height: 66.666667%; + } + + .md\:h-5\/6 { + height: 83.333333%; + } + + .md\:h-full { + height: 100%; + } + + .md\:h-screen { + height: 100vh; + } + + .md\:max-h-0 { + max-height: 0px; + } + + .md\:max-h-1 { + max-height: 0.25rem; + } + + .md\:max-h-2 { + max-height: 0.5rem; + } + + .md\:max-h-3 { + max-height: 0.75rem; + } + + .md\:max-h-4 { + max-height: 1rem; + } + + .md\:max-h-5 { + max-height: 1.25rem; + } + + .md\:max-h-6 { + max-height: 1.5rem; + } + + .md\:max-h-7 { + max-height: 1.75rem; + } + + .md\:max-h-8 { + max-height: 2rem; + } + + .md\:max-h-9 { + max-height: 2.25rem; + } + + .md\:max-h-10 { + max-height: 2.5rem; + } + + .md\:max-h-11 { + max-height: 2.75rem; + } + + .md\:max-h-12 { + max-height: 3rem; + } + + .md\:max-h-14 { + max-height: 3.5rem; + } + + .md\:max-h-16 { + max-height: 4rem; + } + + .md\:max-h-20 { + max-height: 5rem; + } + + .md\:max-h-24 { + max-height: 6rem; + } + + .md\:max-h-28 { + max-height: 7rem; + } + + .md\:max-h-32 { + max-height: 8rem; + } + + .md\:max-h-36 { + max-height: 9rem; + } + + .md\:max-h-40 { + max-height: 10rem; + } + + .md\:max-h-44 { + max-height: 11rem; + } + + .md\:max-h-48 { + max-height: 12rem; + } + + .md\:max-h-52 { + max-height: 13rem; + } + + .md\:max-h-56 { + max-height: 14rem; + } + + .md\:max-h-60 { + max-height: 15rem; + } + + .md\:max-h-64 { + max-height: 16rem; + } + + .md\:max-h-72 { + max-height: 18rem; + } + + .md\:max-h-80 { + max-height: 20rem; + } + + .md\:max-h-96 { + max-height: 24rem; + } + + .md\:max-h-px { + max-height: 1px; + } + + .md\:max-h-0\.5 { + max-height: 0.125rem; + } + + .md\:max-h-1\.5 { + max-height: 0.375rem; + } + + .md\:max-h-2\.5 { + max-height: 0.625rem; + } + + .md\:max-h-3\.5 { + max-height: 0.875rem; + } + + .md\:max-h-full { + max-height: 100%; + } + + .md\:max-h-screen { + max-height: 100vh; + } + + .md\:min-h-0 { + min-height: 0px; + } + + .md\:min-h-full { + min-height: 100%; + } + + .md\:min-h-screen { + min-height: 100vh; + } + + .md\:w-0 { + width: 0px; + } + + .md\:w-1 { + width: 0.25rem; + } + + .md\:w-2 { + width: 0.5rem; + } + + .md\:w-3 { + width: 0.75rem; + } + + .md\:w-4 { + width: 1rem; + } + + .md\:w-5 { + width: 1.25rem; + } + + .md\:w-6 { + width: 1.5rem; + } + + .md\:w-7 { + width: 1.75rem; + } + + .md\:w-8 { + width: 2rem; + } + + .md\:w-9 { + width: 2.25rem; + } + + .md\:w-10 { + width: 2.5rem; + } + + .md\:w-11 { + width: 2.75rem; + } + + .md\:w-12 { + width: 3rem; + } + + .md\:w-14 { + width: 3.5rem; + } + + .md\:w-16 { + width: 4rem; + } + + .md\:w-20 { + width: 5rem; + } + + .md\:w-24 { + width: 6rem; + } + + .md\:w-28 { + width: 7rem; + } + + .md\:w-32 { + width: 8rem; + } + + .md\:w-36 { + width: 9rem; + } + + .md\:w-40 { + width: 10rem; + } + + .md\:w-44 { + width: 11rem; + } + + .md\:w-48 { + width: 12rem; + } + + .md\:w-52 { + width: 13rem; + } + + .md\:w-56 { + width: 14rem; + } + + .md\:w-60 { + width: 15rem; + } + + .md\:w-64 { + width: 16rem; + } + + .md\:w-72 { + width: 18rem; + } + + .md\:w-80 { + width: 20rem; + } + + .md\:w-96 { + width: 24rem; + } + + .md\:w-auto { + width: auto; + } + + .md\:w-px { + width: 1px; + } + + .md\:w-0\.5 { + width: 0.125rem; + } + + .md\:w-1\.5 { + width: 0.375rem; + } + + .md\:w-2\.5 { + width: 0.625rem; + } + + .md\:w-3\.5 { + width: 0.875rem; + } + + .md\:w-1\/2 { + width: 50%; + } + + .md\:w-1\/3 { + width: 33.333333%; + } + + .md\:w-2\/3 { + width: 66.666667%; + } + + .md\:w-1\/4 { + width: 25%; + } + + .md\:w-2\/4 { + width: 50%; + } + + .md\:w-3\/4 { + width: 75%; + } + + .md\:w-1\/5 { + width: 20%; + } + + .md\:w-2\/5 { + width: 40%; + } + + .md\:w-3\/5 { + width: 60%; + } + + .md\:w-4\/5 { + width: 80%; + } + + .md\:w-1\/6 { + width: 16.666667%; + } + + .md\:w-2\/6 { + width: 33.333333%; + } + + .md\:w-3\/6 { + width: 50%; + } + + .md\:w-4\/6 { + width: 66.666667%; + } + + .md\:w-5\/6 { + width: 83.333333%; + } + + .md\:w-1\/12 { + width: 8.333333%; + } + + .md\:w-2\/12 { + width: 16.666667%; + } + + .md\:w-3\/12 { + width: 25%; + } + + .md\:w-4\/12 { + width: 33.333333%; + } + + .md\:w-5\/12 { + width: 41.666667%; + } + + .md\:w-6\/12 { + width: 50%; + } + + .md\:w-7\/12 { + width: 58.333333%; + } + + .md\:w-8\/12 { + width: 66.666667%; + } + + .md\:w-9\/12 { + width: 75%; + } + + .md\:w-10\/12 { + width: 83.333333%; + } + + .md\:w-11\/12 { + width: 91.666667%; + } + + .md\:w-full { + width: 100%; + } + + .md\:w-screen { + width: 100vw; + } + + .md\:w-min { + width: -moz-min-content; + width: min-content; + } + + .md\:w-max { + width: -moz-max-content; + width: max-content; + } + + .md\:min-w-0 { + min-width: 0px; + } + + .md\:min-w-full { + min-width: 100%; + } + + .md\:min-w-min { + min-width: -moz-min-content; + min-width: min-content; + } + + .md\:min-w-max { + min-width: -moz-max-content; + min-width: max-content; + } + + .md\:max-w-0 { + max-width: 0rem; + } + + .md\:max-w-none { + max-width: none; + } + + .md\:max-w-xs { + max-width: 20rem; + } + + .md\:max-w-sm { + max-width: 24rem; + } + + .md\:max-w-md { + max-width: 28rem; + } + + .md\:max-w-lg { + max-width: 32rem; + } + + .md\:max-w-xl { + max-width: 36rem; + } + + .md\:max-w-2xl { + max-width: 42rem; + } + + .md\:max-w-3xl { + max-width: 48rem; + } + + .md\:max-w-4xl { + max-width: 56rem; + } + + .md\:max-w-5xl { + max-width: 64rem; + } + + .md\:max-w-6xl { + max-width: 72rem; + } + + .md\:max-w-7xl { + max-width: 80rem; + } + + .md\:max-w-full { + max-width: 100%; + } + + .md\:max-w-min { + max-width: -moz-min-content; + max-width: min-content; + } + + .md\:max-w-max { + max-width: -moz-max-content; + max-width: max-content; + } + + .md\:max-w-prose { + max-width: 65ch; + } + + .md\:max-w-screen-sm { + max-width: 640px; + } + + .md\:max-w-screen-md { + max-width: 768px; + } + + .md\:max-w-screen-lg { + max-width: 1024px; + } + + .md\:max-w-screen-xl { + max-width: 1280px; + } + + .md\:max-w-screen-2xl { + max-width: 1536px; + } + + .md\:flex-1 { + flex: 1 1 0%; + } + + .md\:flex-auto { + flex: 1 1 auto; + } + + .md\:flex-initial { + flex: 0 1 auto; + } + + .md\:flex-none { + flex: none; + } + + .md\:flex-shrink-0 { + flex-shrink: 0; + } + + .md\:flex-shrink { + flex-shrink: 1; + } + + .md\:flex-grow-0 { + flex-grow: 0; + } + + .md\:flex-grow { + flex-grow: 1; + } + + .md\:table-auto { + table-layout: auto; + } + + .md\:table-fixed { + table-layout: fixed; + } + + .md\:border-collapse { + border-collapse: collapse; + } + + .md\:border-separate { + border-collapse: separate; + } + + .md\:origin-center { + transform-origin: center; + } + + .md\:origin-top { + transform-origin: top; + } + + .md\:origin-top-right { + transform-origin: top right; + } + + .md\:origin-right { + transform-origin: right; + } + + .md\:origin-bottom-right { + transform-origin: bottom right; + } + + .md\:origin-bottom { + transform-origin: bottom; + } + + .md\:origin-bottom-left { + transform-origin: bottom left; + } + + .md\:origin-left { + transform-origin: left; + } + + .md\:origin-top-left { + transform-origin: top left; + } + + .md\:transform { + --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; + transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); + } + + .md\:transform-gpu { + --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; + transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); + } + + .md\:transform-none { + transform: none; + } + + .md\:translate-x-0 { + --tw-translate-x: 0px; + } + + .md\:translate-x-1 { + --tw-translate-x: 0.25rem; + } + + .md\:translate-x-2 { + --tw-translate-x: 0.5rem; + } + + .md\:translate-x-3 { + --tw-translate-x: 0.75rem; + } + + .md\:translate-x-4 { + --tw-translate-x: 1rem; + } + + .md\:translate-x-5 { + --tw-translate-x: 1.25rem; + } + + .md\:translate-x-6 { + --tw-translate-x: 1.5rem; + } + + .md\:translate-x-7 { + --tw-translate-x: 1.75rem; + } + + .md\:translate-x-8 { + --tw-translate-x: 2rem; + } + + .md\:translate-x-9 { + --tw-translate-x: 2.25rem; + } + + .md\:translate-x-10 { + --tw-translate-x: 2.5rem; + } + + .md\:translate-x-11 { + --tw-translate-x: 2.75rem; + } + + .md\:translate-x-12 { + --tw-translate-x: 3rem; + } + + .md\:translate-x-14 { + --tw-translate-x: 3.5rem; + } + + .md\:translate-x-16 { + --tw-translate-x: 4rem; + } + + .md\:translate-x-20 { + --tw-translate-x: 5rem; + } + + .md\:translate-x-24 { + --tw-translate-x: 6rem; + } + + .md\:translate-x-28 { + --tw-translate-x: 7rem; + } + + .md\:translate-x-32 { + --tw-translate-x: 8rem; + } + + .md\:translate-x-36 { + --tw-translate-x: 9rem; + } + + .md\:translate-x-40 { + --tw-translate-x: 10rem; + } + + .md\:translate-x-44 { + --tw-translate-x: 11rem; + } + + .md\:translate-x-48 { + --tw-translate-x: 12rem; + } + + .md\:translate-x-52 { + --tw-translate-x: 13rem; + } + + .md\:translate-x-56 { + --tw-translate-x: 14rem; + } + + .md\:translate-x-60 { + --tw-translate-x: 15rem; + } + + .md\:translate-x-64 { + --tw-translate-x: 16rem; + } + + .md\:translate-x-72 { + --tw-translate-x: 18rem; + } + + .md\:translate-x-80 { + --tw-translate-x: 20rem; + } + + .md\:translate-x-96 { + --tw-translate-x: 24rem; + } + + .md\:translate-x-px { + --tw-translate-x: 1px; + } + + .md\:translate-x-0\.5 { + --tw-translate-x: 0.125rem; + } + + .md\:translate-x-1\.5 { + --tw-translate-x: 0.375rem; + } + + .md\:translate-x-2\.5 { + --tw-translate-x: 0.625rem; + } + + .md\:translate-x-3\.5 { + --tw-translate-x: 0.875rem; + } + + .md\:-translate-x-0 { + --tw-translate-x: 0px; + } + + .md\:-translate-x-1 { + --tw-translate-x: -0.25rem; + } + + .md\:-translate-x-2 { + --tw-translate-x: -0.5rem; + } + + .md\:-translate-x-3 { + --tw-translate-x: -0.75rem; + } + + .md\:-translate-x-4 { + --tw-translate-x: -1rem; + } + + .md\:-translate-x-5 { + --tw-translate-x: -1.25rem; + } + + .md\:-translate-x-6 { + --tw-translate-x: -1.5rem; + } + + .md\:-translate-x-7 { + --tw-translate-x: -1.75rem; + } + + .md\:-translate-x-8 { + --tw-translate-x: -2rem; + } + + .md\:-translate-x-9 { + --tw-translate-x: -2.25rem; + } + + .md\:-translate-x-10 { + --tw-translate-x: -2.5rem; + } + + .md\:-translate-x-11 { + --tw-translate-x: -2.75rem; + } + + .md\:-translate-x-12 { + --tw-translate-x: -3rem; + } + + .md\:-translate-x-14 { + --tw-translate-x: -3.5rem; + } + + .md\:-translate-x-16 { + --tw-translate-x: -4rem; + } + + .md\:-translate-x-20 { + --tw-translate-x: -5rem; + } + + .md\:-translate-x-24 { + --tw-translate-x: -6rem; + } + + .md\:-translate-x-28 { + --tw-translate-x: -7rem; + } + + .md\:-translate-x-32 { + --tw-translate-x: -8rem; + } + + .md\:-translate-x-36 { + --tw-translate-x: -9rem; + } + + .md\:-translate-x-40 { + --tw-translate-x: -10rem; + } + + .md\:-translate-x-44 { + --tw-translate-x: -11rem; + } + + .md\:-translate-x-48 { + --tw-translate-x: -12rem; + } + + .md\:-translate-x-52 { + --tw-translate-x: -13rem; + } + + .md\:-translate-x-56 { + --tw-translate-x: -14rem; + } + + .md\:-translate-x-60 { + --tw-translate-x: -15rem; + } + + .md\:-translate-x-64 { + --tw-translate-x: -16rem; + } + + .md\:-translate-x-72 { + --tw-translate-x: -18rem; + } + + .md\:-translate-x-80 { + --tw-translate-x: -20rem; + } + + .md\:-translate-x-96 { + --tw-translate-x: -24rem; + } + + .md\:-translate-x-px { + --tw-translate-x: -1px; + } + + .md\:-translate-x-0\.5 { + --tw-translate-x: -0.125rem; + } + + .md\:-translate-x-1\.5 { + --tw-translate-x: -0.375rem; + } + + .md\:-translate-x-2\.5 { + --tw-translate-x: -0.625rem; + } + + .md\:-translate-x-3\.5 { + --tw-translate-x: -0.875rem; + } + + .md\:translate-x-1\/2 { + --tw-translate-x: 50%; + } + + .md\:translate-x-1\/3 { + --tw-translate-x: 33.333333%; + } + + .md\:translate-x-2\/3 { + --tw-translate-x: 66.666667%; + } + + .md\:translate-x-1\/4 { + --tw-translate-x: 25%; + } + + .md\:translate-x-2\/4 { + --tw-translate-x: 50%; + } + + .md\:translate-x-3\/4 { + --tw-translate-x: 75%; + } + + .md\:translate-x-full { + --tw-translate-x: 100%; + } + + .md\:-translate-x-1\/2 { + --tw-translate-x: -50%; + } + + .md\:-translate-x-1\/3 { + --tw-translate-x: -33.333333%; + } + + .md\:-translate-x-2\/3 { + --tw-translate-x: -66.666667%; + } + + .md\:-translate-x-1\/4 { + --tw-translate-x: -25%; + } + + .md\:-translate-x-2\/4 { + --tw-translate-x: -50%; + } + + .md\:-translate-x-3\/4 { + --tw-translate-x: -75%; + } + + .md\:-translate-x-full { + --tw-translate-x: -100%; + } + + .md\:translate-y-0 { + --tw-translate-y: 0px; + } + + .md\:translate-y-1 { + --tw-translate-y: 0.25rem; + } + + .md\:translate-y-2 { + --tw-translate-y: 0.5rem; + } + + .md\:translate-y-3 { + --tw-translate-y: 0.75rem; + } + + .md\:translate-y-4 { + --tw-translate-y: 1rem; + } + + .md\:translate-y-5 { + --tw-translate-y: 1.25rem; + } + + .md\:translate-y-6 { + --tw-translate-y: 1.5rem; + } + + .md\:translate-y-7 { + --tw-translate-y: 1.75rem; + } + + .md\:translate-y-8 { + --tw-translate-y: 2rem; + } + + .md\:translate-y-9 { + --tw-translate-y: 2.25rem; + } + + .md\:translate-y-10 { + --tw-translate-y: 2.5rem; + } + + .md\:translate-y-11 { + --tw-translate-y: 2.75rem; + } + + .md\:translate-y-12 { + --tw-translate-y: 3rem; + } + + .md\:translate-y-14 { + --tw-translate-y: 3.5rem; + } + + .md\:translate-y-16 { + --tw-translate-y: 4rem; + } + + .md\:translate-y-20 { + --tw-translate-y: 5rem; + } + + .md\:translate-y-24 { + --tw-translate-y: 6rem; + } + + .md\:translate-y-28 { + --tw-translate-y: 7rem; + } + + .md\:translate-y-32 { + --tw-translate-y: 8rem; + } + + .md\:translate-y-36 { + --tw-translate-y: 9rem; + } + + .md\:translate-y-40 { + --tw-translate-y: 10rem; + } + + .md\:translate-y-44 { + --tw-translate-y: 11rem; + } + + .md\:translate-y-48 { + --tw-translate-y: 12rem; + } + + .md\:translate-y-52 { + --tw-translate-y: 13rem; + } + + .md\:translate-y-56 { + --tw-translate-y: 14rem; + } + + .md\:translate-y-60 { + --tw-translate-y: 15rem; + } + + .md\:translate-y-64 { + --tw-translate-y: 16rem; + } + + .md\:translate-y-72 { + --tw-translate-y: 18rem; + } + + .md\:translate-y-80 { + --tw-translate-y: 20rem; + } + + .md\:translate-y-96 { + --tw-translate-y: 24rem; + } + + .md\:translate-y-px { + --tw-translate-y: 1px; + } + + .md\:translate-y-0\.5 { + --tw-translate-y: 0.125rem; + } + + .md\:translate-y-1\.5 { + --tw-translate-y: 0.375rem; + } + + .md\:translate-y-2\.5 { + --tw-translate-y: 0.625rem; + } + + .md\:translate-y-3\.5 { + --tw-translate-y: 0.875rem; + } + + .md\:-translate-y-0 { + --tw-translate-y: 0px; + } + + .md\:-translate-y-1 { + --tw-translate-y: -0.25rem; + } + + .md\:-translate-y-2 { + --tw-translate-y: -0.5rem; + } + + .md\:-translate-y-3 { + --tw-translate-y: -0.75rem; + } + + .md\:-translate-y-4 { + --tw-translate-y: -1rem; + } + + .md\:-translate-y-5 { + --tw-translate-y: -1.25rem; + } + + .md\:-translate-y-6 { + --tw-translate-y: -1.5rem; + } + + .md\:-translate-y-7 { + --tw-translate-y: -1.75rem; + } + + .md\:-translate-y-8 { + --tw-translate-y: -2rem; + } + + .md\:-translate-y-9 { + --tw-translate-y: -2.25rem; + } + + .md\:-translate-y-10 { + --tw-translate-y: -2.5rem; + } + + .md\:-translate-y-11 { + --tw-translate-y: -2.75rem; + } + + .md\:-translate-y-12 { + --tw-translate-y: -3rem; + } + + .md\:-translate-y-14 { + --tw-translate-y: -3.5rem; + } + + .md\:-translate-y-16 { + --tw-translate-y: -4rem; + } + + .md\:-translate-y-20 { + --tw-translate-y: -5rem; + } + + .md\:-translate-y-24 { + --tw-translate-y: -6rem; + } + + .md\:-translate-y-28 { + --tw-translate-y: -7rem; + } + + .md\:-translate-y-32 { + --tw-translate-y: -8rem; + } + + .md\:-translate-y-36 { + --tw-translate-y: -9rem; + } + + .md\:-translate-y-40 { + --tw-translate-y: -10rem; + } + + .md\:-translate-y-44 { + --tw-translate-y: -11rem; + } + + .md\:-translate-y-48 { + --tw-translate-y: -12rem; + } + + .md\:-translate-y-52 { + --tw-translate-y: -13rem; + } + + .md\:-translate-y-56 { + --tw-translate-y: -14rem; + } + + .md\:-translate-y-60 { + --tw-translate-y: -15rem; + } + + .md\:-translate-y-64 { + --tw-translate-y: -16rem; + } + + .md\:-translate-y-72 { + --tw-translate-y: -18rem; + } + + .md\:-translate-y-80 { + --tw-translate-y: -20rem; + } + + .md\:-translate-y-96 { + --tw-translate-y: -24rem; + } + + .md\:-translate-y-px { + --tw-translate-y: -1px; + } + + .md\:-translate-y-0\.5 { + --tw-translate-y: -0.125rem; + } + + .md\:-translate-y-1\.5 { + --tw-translate-y: -0.375rem; + } + + .md\:-translate-y-2\.5 { + --tw-translate-y: -0.625rem; + } + + .md\:-translate-y-3\.5 { + --tw-translate-y: -0.875rem; + } + + .md\:translate-y-1\/2 { + --tw-translate-y: 50%; + } + + .md\:translate-y-1\/3 { + --tw-translate-y: 33.333333%; + } + + .md\:translate-y-2\/3 { + --tw-translate-y: 66.666667%; + } + + .md\:translate-y-1\/4 { + --tw-translate-y: 25%; + } + + .md\:translate-y-2\/4 { + --tw-translate-y: 50%; + } + + .md\:translate-y-3\/4 { + --tw-translate-y: 75%; + } + + .md\:translate-y-full { + --tw-translate-y: 100%; + } + + .md\:-translate-y-1\/2 { + --tw-translate-y: -50%; + } + + .md\:-translate-y-1\/3 { + --tw-translate-y: -33.333333%; + } + + .md\:-translate-y-2\/3 { + --tw-translate-y: -66.666667%; + } + + .md\:-translate-y-1\/4 { + --tw-translate-y: -25%; + } + + .md\:-translate-y-2\/4 { + --tw-translate-y: -50%; + } + + .md\:-translate-y-3\/4 { + --tw-translate-y: -75%; + } + + .md\:-translate-y-full { + --tw-translate-y: -100%; + } + + .md\:hover\:translate-x-0:hover { + --tw-translate-x: 0px; + } + + .md\:hover\:translate-x-1:hover { + --tw-translate-x: 0.25rem; + } + + .md\:hover\:translate-x-2:hover { + --tw-translate-x: 0.5rem; + } + + .md\:hover\:translate-x-3:hover { + --tw-translate-x: 0.75rem; + } + + .md\:hover\:translate-x-4:hover { + --tw-translate-x: 1rem; + } + + .md\:hover\:translate-x-5:hover { + --tw-translate-x: 1.25rem; + } + + .md\:hover\:translate-x-6:hover { + --tw-translate-x: 1.5rem; + } + + .md\:hover\:translate-x-7:hover { + --tw-translate-x: 1.75rem; + } + + .md\:hover\:translate-x-8:hover { + --tw-translate-x: 2rem; + } + + .md\:hover\:translate-x-9:hover { + --tw-translate-x: 2.25rem; + } + + .md\:hover\:translate-x-10:hover { + --tw-translate-x: 2.5rem; + } + + .md\:hover\:translate-x-11:hover { + --tw-translate-x: 2.75rem; + } + + .md\:hover\:translate-x-12:hover { + --tw-translate-x: 3rem; + } + + .md\:hover\:translate-x-14:hover { + --tw-translate-x: 3.5rem; + } + + .md\:hover\:translate-x-16:hover { + --tw-translate-x: 4rem; + } + + .md\:hover\:translate-x-20:hover { + --tw-translate-x: 5rem; + } + + .md\:hover\:translate-x-24:hover { + --tw-translate-x: 6rem; + } + + .md\:hover\:translate-x-28:hover { + --tw-translate-x: 7rem; + } + + .md\:hover\:translate-x-32:hover { + --tw-translate-x: 8rem; + } + + .md\:hover\:translate-x-36:hover { + --tw-translate-x: 9rem; + } + + .md\:hover\:translate-x-40:hover { + --tw-translate-x: 10rem; + } + + .md\:hover\:translate-x-44:hover { + --tw-translate-x: 11rem; + } + + .md\:hover\:translate-x-48:hover { + --tw-translate-x: 12rem; + } + + .md\:hover\:translate-x-52:hover { + --tw-translate-x: 13rem; + } + + .md\:hover\:translate-x-56:hover { + --tw-translate-x: 14rem; + } + + .md\:hover\:translate-x-60:hover { + --tw-translate-x: 15rem; + } + + .md\:hover\:translate-x-64:hover { + --tw-translate-x: 16rem; + } + + .md\:hover\:translate-x-72:hover { + --tw-translate-x: 18rem; + } + + .md\:hover\:translate-x-80:hover { + --tw-translate-x: 20rem; + } + + .md\:hover\:translate-x-96:hover { + --tw-translate-x: 24rem; + } + + .md\:hover\:translate-x-px:hover { + --tw-translate-x: 1px; + } + + .md\:hover\:translate-x-0\.5:hover { + --tw-translate-x: 0.125rem; + } + + .md\:hover\:translate-x-1\.5:hover { + --tw-translate-x: 0.375rem; + } + + .md\:hover\:translate-x-2\.5:hover { + --tw-translate-x: 0.625rem; + } + + .md\:hover\:translate-x-3\.5:hover { + --tw-translate-x: 0.875rem; + } + + .md\:hover\:-translate-x-0:hover { + --tw-translate-x: 0px; + } + + .md\:hover\:-translate-x-1:hover { + --tw-translate-x: -0.25rem; + } + + .md\:hover\:-translate-x-2:hover { + --tw-translate-x: -0.5rem; + } + + .md\:hover\:-translate-x-3:hover { + --tw-translate-x: -0.75rem; + } + + .md\:hover\:-translate-x-4:hover { + --tw-translate-x: -1rem; + } + + .md\:hover\:-translate-x-5:hover { + --tw-translate-x: -1.25rem; + } + + .md\:hover\:-translate-x-6:hover { + --tw-translate-x: -1.5rem; + } + + .md\:hover\:-translate-x-7:hover { + --tw-translate-x: -1.75rem; + } + + .md\:hover\:-translate-x-8:hover { + --tw-translate-x: -2rem; + } + + .md\:hover\:-translate-x-9:hover { + --tw-translate-x: -2.25rem; + } + + .md\:hover\:-translate-x-10:hover { + --tw-translate-x: -2.5rem; + } + + .md\:hover\:-translate-x-11:hover { + --tw-translate-x: -2.75rem; + } + + .md\:hover\:-translate-x-12:hover { + --tw-translate-x: -3rem; + } + + .md\:hover\:-translate-x-14:hover { + --tw-translate-x: -3.5rem; + } + + .md\:hover\:-translate-x-16:hover { + --tw-translate-x: -4rem; + } + + .md\:hover\:-translate-x-20:hover { + --tw-translate-x: -5rem; + } + + .md\:hover\:-translate-x-24:hover { + --tw-translate-x: -6rem; + } + + .md\:hover\:-translate-x-28:hover { + --tw-translate-x: -7rem; + } + + .md\:hover\:-translate-x-32:hover { + --tw-translate-x: -8rem; + } + + .md\:hover\:-translate-x-36:hover { + --tw-translate-x: -9rem; + } + + .md\:hover\:-translate-x-40:hover { + --tw-translate-x: -10rem; + } + + .md\:hover\:-translate-x-44:hover { + --tw-translate-x: -11rem; + } + + .md\:hover\:-translate-x-48:hover { + --tw-translate-x: -12rem; + } + + .md\:hover\:-translate-x-52:hover { + --tw-translate-x: -13rem; + } + + .md\:hover\:-translate-x-56:hover { + --tw-translate-x: -14rem; + } + + .md\:hover\:-translate-x-60:hover { + --tw-translate-x: -15rem; + } + + .md\:hover\:-translate-x-64:hover { + --tw-translate-x: -16rem; + } + + .md\:hover\:-translate-x-72:hover { + --tw-translate-x: -18rem; + } + + .md\:hover\:-translate-x-80:hover { + --tw-translate-x: -20rem; + } + + .md\:hover\:-translate-x-96:hover { + --tw-translate-x: -24rem; + } + + .md\:hover\:-translate-x-px:hover { + --tw-translate-x: -1px; + } + + .md\:hover\:-translate-x-0\.5:hover { + --tw-translate-x: -0.125rem; + } + + .md\:hover\:-translate-x-1\.5:hover { + --tw-translate-x: -0.375rem; + } + + .md\:hover\:-translate-x-2\.5:hover { + --tw-translate-x: -0.625rem; + } + + .md\:hover\:-translate-x-3\.5:hover { + --tw-translate-x: -0.875rem; + } + + .md\:hover\:translate-x-1\/2:hover { + --tw-translate-x: 50%; + } + + .md\:hover\:translate-x-1\/3:hover { + --tw-translate-x: 33.333333%; + } + + .md\:hover\:translate-x-2\/3:hover { + --tw-translate-x: 66.666667%; + } + + .md\:hover\:translate-x-1\/4:hover { + --tw-translate-x: 25%; + } + + .md\:hover\:translate-x-2\/4:hover { + --tw-translate-x: 50%; + } + + .md\:hover\:translate-x-3\/4:hover { + --tw-translate-x: 75%; + } + + .md\:hover\:translate-x-full:hover { + --tw-translate-x: 100%; + } + + .md\:hover\:-translate-x-1\/2:hover { + --tw-translate-x: -50%; + } + + .md\:hover\:-translate-x-1\/3:hover { + --tw-translate-x: -33.333333%; + } + + .md\:hover\:-translate-x-2\/3:hover { + --tw-translate-x: -66.666667%; + } + + .md\:hover\:-translate-x-1\/4:hover { + --tw-translate-x: -25%; + } + + .md\:hover\:-translate-x-2\/4:hover { + --tw-translate-x: -50%; + } + + .md\:hover\:-translate-x-3\/4:hover { + --tw-translate-x: -75%; + } + + .md\:hover\:-translate-x-full:hover { + --tw-translate-x: -100%; + } + + .md\:hover\:translate-y-0:hover { + --tw-translate-y: 0px; + } + + .md\:hover\:translate-y-1:hover { + --tw-translate-y: 0.25rem; + } + + .md\:hover\:translate-y-2:hover { + --tw-translate-y: 0.5rem; + } + + .md\:hover\:translate-y-3:hover { + --tw-translate-y: 0.75rem; + } + + .md\:hover\:translate-y-4:hover { + --tw-translate-y: 1rem; + } + + .md\:hover\:translate-y-5:hover { + --tw-translate-y: 1.25rem; + } + + .md\:hover\:translate-y-6:hover { + --tw-translate-y: 1.5rem; + } + + .md\:hover\:translate-y-7:hover { + --tw-translate-y: 1.75rem; + } + + .md\:hover\:translate-y-8:hover { + --tw-translate-y: 2rem; + } + + .md\:hover\:translate-y-9:hover { + --tw-translate-y: 2.25rem; + } + + .md\:hover\:translate-y-10:hover { + --tw-translate-y: 2.5rem; + } + + .md\:hover\:translate-y-11:hover { + --tw-translate-y: 2.75rem; + } + + .md\:hover\:translate-y-12:hover { + --tw-translate-y: 3rem; + } + + .md\:hover\:translate-y-14:hover { + --tw-translate-y: 3.5rem; + } + + .md\:hover\:translate-y-16:hover { + --tw-translate-y: 4rem; + } + + .md\:hover\:translate-y-20:hover { + --tw-translate-y: 5rem; + } + + .md\:hover\:translate-y-24:hover { + --tw-translate-y: 6rem; + } + + .md\:hover\:translate-y-28:hover { + --tw-translate-y: 7rem; + } + + .md\:hover\:translate-y-32:hover { + --tw-translate-y: 8rem; + } + + .md\:hover\:translate-y-36:hover { + --tw-translate-y: 9rem; + } + + .md\:hover\:translate-y-40:hover { + --tw-translate-y: 10rem; + } + + .md\:hover\:translate-y-44:hover { + --tw-translate-y: 11rem; + } + + .md\:hover\:translate-y-48:hover { + --tw-translate-y: 12rem; + } + + .md\:hover\:translate-y-52:hover { + --tw-translate-y: 13rem; + } + + .md\:hover\:translate-y-56:hover { + --tw-translate-y: 14rem; + } + + .md\:hover\:translate-y-60:hover { + --tw-translate-y: 15rem; + } + + .md\:hover\:translate-y-64:hover { + --tw-translate-y: 16rem; + } + + .md\:hover\:translate-y-72:hover { + --tw-translate-y: 18rem; + } + + .md\:hover\:translate-y-80:hover { + --tw-translate-y: 20rem; + } + + .md\:hover\:translate-y-96:hover { + --tw-translate-y: 24rem; + } + + .md\:hover\:translate-y-px:hover { + --tw-translate-y: 1px; + } + + .md\:hover\:translate-y-0\.5:hover { + --tw-translate-y: 0.125rem; + } + + .md\:hover\:translate-y-1\.5:hover { + --tw-translate-y: 0.375rem; + } + + .md\:hover\:translate-y-2\.5:hover { + --tw-translate-y: 0.625rem; + } + + .md\:hover\:translate-y-3\.5:hover { + --tw-translate-y: 0.875rem; + } + + .md\:hover\:-translate-y-0:hover { + --tw-translate-y: 0px; + } + + .md\:hover\:-translate-y-1:hover { + --tw-translate-y: -0.25rem; + } + + .md\:hover\:-translate-y-2:hover { + --tw-translate-y: -0.5rem; + } + + .md\:hover\:-translate-y-3:hover { + --tw-translate-y: -0.75rem; + } + + .md\:hover\:-translate-y-4:hover { + --tw-translate-y: -1rem; + } + + .md\:hover\:-translate-y-5:hover { + --tw-translate-y: -1.25rem; + } + + .md\:hover\:-translate-y-6:hover { + --tw-translate-y: -1.5rem; + } + + .md\:hover\:-translate-y-7:hover { + --tw-translate-y: -1.75rem; + } + + .md\:hover\:-translate-y-8:hover { + --tw-translate-y: -2rem; + } + + .md\:hover\:-translate-y-9:hover { + --tw-translate-y: -2.25rem; + } + + .md\:hover\:-translate-y-10:hover { + --tw-translate-y: -2.5rem; + } + + .md\:hover\:-translate-y-11:hover { + --tw-translate-y: -2.75rem; + } + + .md\:hover\:-translate-y-12:hover { + --tw-translate-y: -3rem; + } + + .md\:hover\:-translate-y-14:hover { + --tw-translate-y: -3.5rem; + } + + .md\:hover\:-translate-y-16:hover { + --tw-translate-y: -4rem; + } + + .md\:hover\:-translate-y-20:hover { + --tw-translate-y: -5rem; + } + + .md\:hover\:-translate-y-24:hover { + --tw-translate-y: -6rem; + } + + .md\:hover\:-translate-y-28:hover { + --tw-translate-y: -7rem; + } + + .md\:hover\:-translate-y-32:hover { + --tw-translate-y: -8rem; + } + + .md\:hover\:-translate-y-36:hover { + --tw-translate-y: -9rem; + } + + .md\:hover\:-translate-y-40:hover { + --tw-translate-y: -10rem; + } + + .md\:hover\:-translate-y-44:hover { + --tw-translate-y: -11rem; + } + + .md\:hover\:-translate-y-48:hover { + --tw-translate-y: -12rem; + } + + .md\:hover\:-translate-y-52:hover { + --tw-translate-y: -13rem; + } + + .md\:hover\:-translate-y-56:hover { + --tw-translate-y: -14rem; + } + + .md\:hover\:-translate-y-60:hover { + --tw-translate-y: -15rem; + } + + .md\:hover\:-translate-y-64:hover { + --tw-translate-y: -16rem; + } + + .md\:hover\:-translate-y-72:hover { + --tw-translate-y: -18rem; + } + + .md\:hover\:-translate-y-80:hover { + --tw-translate-y: -20rem; + } + + .md\:hover\:-translate-y-96:hover { + --tw-translate-y: -24rem; + } + + .md\:hover\:-translate-y-px:hover { + --tw-translate-y: -1px; + } + + .md\:hover\:-translate-y-0\.5:hover { + --tw-translate-y: -0.125rem; + } + + .md\:hover\:-translate-y-1\.5:hover { + --tw-translate-y: -0.375rem; + } + + .md\:hover\:-translate-y-2\.5:hover { + --tw-translate-y: -0.625rem; + } + + .md\:hover\:-translate-y-3\.5:hover { + --tw-translate-y: -0.875rem; + } + + .md\:hover\:translate-y-1\/2:hover { + --tw-translate-y: 50%; + } + + .md\:hover\:translate-y-1\/3:hover { + --tw-translate-y: 33.333333%; + } + + .md\:hover\:translate-y-2\/3:hover { + --tw-translate-y: 66.666667%; + } + + .md\:hover\:translate-y-1\/4:hover { + --tw-translate-y: 25%; + } + + .md\:hover\:translate-y-2\/4:hover { + --tw-translate-y: 50%; + } + + .md\:hover\:translate-y-3\/4:hover { + --tw-translate-y: 75%; + } + + .md\:hover\:translate-y-full:hover { + --tw-translate-y: 100%; + } + + .md\:hover\:-translate-y-1\/2:hover { + --tw-translate-y: -50%; + } + + .md\:hover\:-translate-y-1\/3:hover { + --tw-translate-y: -33.333333%; + } + + .md\:hover\:-translate-y-2\/3:hover { + --tw-translate-y: -66.666667%; + } + + .md\:hover\:-translate-y-1\/4:hover { + --tw-translate-y: -25%; + } + + .md\:hover\:-translate-y-2\/4:hover { + --tw-translate-y: -50%; + } + + .md\:hover\:-translate-y-3\/4:hover { + --tw-translate-y: -75%; + } + + .md\:hover\:-translate-y-full:hover { + --tw-translate-y: -100%; + } + + .md\:focus\:translate-x-0:focus { + --tw-translate-x: 0px; + } + + .md\:focus\:translate-x-1:focus { + --tw-translate-x: 0.25rem; + } + + .md\:focus\:translate-x-2:focus { + --tw-translate-x: 0.5rem; + } + + .md\:focus\:translate-x-3:focus { + --tw-translate-x: 0.75rem; + } + + .md\:focus\:translate-x-4:focus { + --tw-translate-x: 1rem; + } + + .md\:focus\:translate-x-5:focus { + --tw-translate-x: 1.25rem; + } + + .md\:focus\:translate-x-6:focus { + --tw-translate-x: 1.5rem; + } + + .md\:focus\:translate-x-7:focus { + --tw-translate-x: 1.75rem; + } + + .md\:focus\:translate-x-8:focus { + --tw-translate-x: 2rem; + } + + .md\:focus\:translate-x-9:focus { + --tw-translate-x: 2.25rem; + } + + .md\:focus\:translate-x-10:focus { + --tw-translate-x: 2.5rem; + } + + .md\:focus\:translate-x-11:focus { + --tw-translate-x: 2.75rem; + } + + .md\:focus\:translate-x-12:focus { + --tw-translate-x: 3rem; + } + + .md\:focus\:translate-x-14:focus { + --tw-translate-x: 3.5rem; + } + + .md\:focus\:translate-x-16:focus { + --tw-translate-x: 4rem; + } + + .md\:focus\:translate-x-20:focus { + --tw-translate-x: 5rem; + } + + .md\:focus\:translate-x-24:focus { + --tw-translate-x: 6rem; + } + + .md\:focus\:translate-x-28:focus { + --tw-translate-x: 7rem; + } + + .md\:focus\:translate-x-32:focus { + --tw-translate-x: 8rem; + } + + .md\:focus\:translate-x-36:focus { + --tw-translate-x: 9rem; + } + + .md\:focus\:translate-x-40:focus { + --tw-translate-x: 10rem; + } + + .md\:focus\:translate-x-44:focus { + --tw-translate-x: 11rem; + } + + .md\:focus\:translate-x-48:focus { + --tw-translate-x: 12rem; + } + + .md\:focus\:translate-x-52:focus { + --tw-translate-x: 13rem; + } + + .md\:focus\:translate-x-56:focus { + --tw-translate-x: 14rem; + } + + .md\:focus\:translate-x-60:focus { + --tw-translate-x: 15rem; + } + + .md\:focus\:translate-x-64:focus { + --tw-translate-x: 16rem; + } + + .md\:focus\:translate-x-72:focus { + --tw-translate-x: 18rem; + } + + .md\:focus\:translate-x-80:focus { + --tw-translate-x: 20rem; + } + + .md\:focus\:translate-x-96:focus { + --tw-translate-x: 24rem; + } + + .md\:focus\:translate-x-px:focus { + --tw-translate-x: 1px; + } + + .md\:focus\:translate-x-0\.5:focus { + --tw-translate-x: 0.125rem; + } + + .md\:focus\:translate-x-1\.5:focus { + --tw-translate-x: 0.375rem; + } + + .md\:focus\:translate-x-2\.5:focus { + --tw-translate-x: 0.625rem; + } + + .md\:focus\:translate-x-3\.5:focus { + --tw-translate-x: 0.875rem; + } + + .md\:focus\:-translate-x-0:focus { + --tw-translate-x: 0px; + } + + .md\:focus\:-translate-x-1:focus { + --tw-translate-x: -0.25rem; + } + + .md\:focus\:-translate-x-2:focus { + --tw-translate-x: -0.5rem; + } + + .md\:focus\:-translate-x-3:focus { + --tw-translate-x: -0.75rem; + } + + .md\:focus\:-translate-x-4:focus { + --tw-translate-x: -1rem; + } + + .md\:focus\:-translate-x-5:focus { + --tw-translate-x: -1.25rem; + } + + .md\:focus\:-translate-x-6:focus { + --tw-translate-x: -1.5rem; + } + + .md\:focus\:-translate-x-7:focus { + --tw-translate-x: -1.75rem; + } + + .md\:focus\:-translate-x-8:focus { + --tw-translate-x: -2rem; + } + + .md\:focus\:-translate-x-9:focus { + --tw-translate-x: -2.25rem; + } + + .md\:focus\:-translate-x-10:focus { + --tw-translate-x: -2.5rem; + } + + .md\:focus\:-translate-x-11:focus { + --tw-translate-x: -2.75rem; + } + + .md\:focus\:-translate-x-12:focus { + --tw-translate-x: -3rem; + } + + .md\:focus\:-translate-x-14:focus { + --tw-translate-x: -3.5rem; + } + + .md\:focus\:-translate-x-16:focus { + --tw-translate-x: -4rem; + } + + .md\:focus\:-translate-x-20:focus { + --tw-translate-x: -5rem; + } + + .md\:focus\:-translate-x-24:focus { + --tw-translate-x: -6rem; + } + + .md\:focus\:-translate-x-28:focus { + --tw-translate-x: -7rem; + } + + .md\:focus\:-translate-x-32:focus { + --tw-translate-x: -8rem; + } + + .md\:focus\:-translate-x-36:focus { + --tw-translate-x: -9rem; + } + + .md\:focus\:-translate-x-40:focus { + --tw-translate-x: -10rem; + } + + .md\:focus\:-translate-x-44:focus { + --tw-translate-x: -11rem; + } + + .md\:focus\:-translate-x-48:focus { + --tw-translate-x: -12rem; + } + + .md\:focus\:-translate-x-52:focus { + --tw-translate-x: -13rem; + } + + .md\:focus\:-translate-x-56:focus { + --tw-translate-x: -14rem; + } + + .md\:focus\:-translate-x-60:focus { + --tw-translate-x: -15rem; + } + + .md\:focus\:-translate-x-64:focus { + --tw-translate-x: -16rem; + } + + .md\:focus\:-translate-x-72:focus { + --tw-translate-x: -18rem; + } + + .md\:focus\:-translate-x-80:focus { + --tw-translate-x: -20rem; + } + + .md\:focus\:-translate-x-96:focus { + --tw-translate-x: -24rem; + } + + .md\:focus\:-translate-x-px:focus { + --tw-translate-x: -1px; + } + + .md\:focus\:-translate-x-0\.5:focus { + --tw-translate-x: -0.125rem; + } + + .md\:focus\:-translate-x-1\.5:focus { + --tw-translate-x: -0.375rem; + } + + .md\:focus\:-translate-x-2\.5:focus { + --tw-translate-x: -0.625rem; + } + + .md\:focus\:-translate-x-3\.5:focus { + --tw-translate-x: -0.875rem; + } + + .md\:focus\:translate-x-1\/2:focus { + --tw-translate-x: 50%; + } + + .md\:focus\:translate-x-1\/3:focus { + --tw-translate-x: 33.333333%; + } + + .md\:focus\:translate-x-2\/3:focus { + --tw-translate-x: 66.666667%; + } + + .md\:focus\:translate-x-1\/4:focus { + --tw-translate-x: 25%; + } + + .md\:focus\:translate-x-2\/4:focus { + --tw-translate-x: 50%; + } + + .md\:focus\:translate-x-3\/4:focus { + --tw-translate-x: 75%; + } + + .md\:focus\:translate-x-full:focus { + --tw-translate-x: 100%; + } + + .md\:focus\:-translate-x-1\/2:focus { + --tw-translate-x: -50%; + } + + .md\:focus\:-translate-x-1\/3:focus { + --tw-translate-x: -33.333333%; + } + + .md\:focus\:-translate-x-2\/3:focus { + --tw-translate-x: -66.666667%; + } + + .md\:focus\:-translate-x-1\/4:focus { + --tw-translate-x: -25%; + } + + .md\:focus\:-translate-x-2\/4:focus { + --tw-translate-x: -50%; + } + + .md\:focus\:-translate-x-3\/4:focus { + --tw-translate-x: -75%; + } + + .md\:focus\:-translate-x-full:focus { + --tw-translate-x: -100%; + } + + .md\:focus\:translate-y-0:focus { + --tw-translate-y: 0px; + } + + .md\:focus\:translate-y-1:focus { + --tw-translate-y: 0.25rem; + } + + .md\:focus\:translate-y-2:focus { + --tw-translate-y: 0.5rem; + } + + .md\:focus\:translate-y-3:focus { + --tw-translate-y: 0.75rem; + } + + .md\:focus\:translate-y-4:focus { + --tw-translate-y: 1rem; + } + + .md\:focus\:translate-y-5:focus { + --tw-translate-y: 1.25rem; + } + + .md\:focus\:translate-y-6:focus { + --tw-translate-y: 1.5rem; + } + + .md\:focus\:translate-y-7:focus { + --tw-translate-y: 1.75rem; + } + + .md\:focus\:translate-y-8:focus { + --tw-translate-y: 2rem; + } + + .md\:focus\:translate-y-9:focus { + --tw-translate-y: 2.25rem; + } + + .md\:focus\:translate-y-10:focus { + --tw-translate-y: 2.5rem; + } + + .md\:focus\:translate-y-11:focus { + --tw-translate-y: 2.75rem; + } + + .md\:focus\:translate-y-12:focus { + --tw-translate-y: 3rem; + } + + .md\:focus\:translate-y-14:focus { + --tw-translate-y: 3.5rem; + } + + .md\:focus\:translate-y-16:focus { + --tw-translate-y: 4rem; + } + + .md\:focus\:translate-y-20:focus { + --tw-translate-y: 5rem; + } + + .md\:focus\:translate-y-24:focus { + --tw-translate-y: 6rem; + } + + .md\:focus\:translate-y-28:focus { + --tw-translate-y: 7rem; + } + + .md\:focus\:translate-y-32:focus { + --tw-translate-y: 8rem; + } + + .md\:focus\:translate-y-36:focus { + --tw-translate-y: 9rem; + } + + .md\:focus\:translate-y-40:focus { + --tw-translate-y: 10rem; + } + + .md\:focus\:translate-y-44:focus { + --tw-translate-y: 11rem; + } + + .md\:focus\:translate-y-48:focus { + --tw-translate-y: 12rem; + } + + .md\:focus\:translate-y-52:focus { + --tw-translate-y: 13rem; + } + + .md\:focus\:translate-y-56:focus { + --tw-translate-y: 14rem; + } + + .md\:focus\:translate-y-60:focus { + --tw-translate-y: 15rem; + } + + .md\:focus\:translate-y-64:focus { + --tw-translate-y: 16rem; + } + + .md\:focus\:translate-y-72:focus { + --tw-translate-y: 18rem; + } + + .md\:focus\:translate-y-80:focus { + --tw-translate-y: 20rem; + } + + .md\:focus\:translate-y-96:focus { + --tw-translate-y: 24rem; + } + + .md\:focus\:translate-y-px:focus { + --tw-translate-y: 1px; + } + + .md\:focus\:translate-y-0\.5:focus { + --tw-translate-y: 0.125rem; + } + + .md\:focus\:translate-y-1\.5:focus { + --tw-translate-y: 0.375rem; + } + + .md\:focus\:translate-y-2\.5:focus { + --tw-translate-y: 0.625rem; + } + + .md\:focus\:translate-y-3\.5:focus { + --tw-translate-y: 0.875rem; + } + + .md\:focus\:-translate-y-0:focus { + --tw-translate-y: 0px; + } + + .md\:focus\:-translate-y-1:focus { + --tw-translate-y: -0.25rem; + } + + .md\:focus\:-translate-y-2:focus { + --tw-translate-y: -0.5rem; + } + + .md\:focus\:-translate-y-3:focus { + --tw-translate-y: -0.75rem; + } + + .md\:focus\:-translate-y-4:focus { + --tw-translate-y: -1rem; + } + + .md\:focus\:-translate-y-5:focus { + --tw-translate-y: -1.25rem; + } + + .md\:focus\:-translate-y-6:focus { + --tw-translate-y: -1.5rem; + } + + .md\:focus\:-translate-y-7:focus { + --tw-translate-y: -1.75rem; + } + + .md\:focus\:-translate-y-8:focus { + --tw-translate-y: -2rem; + } + + .md\:focus\:-translate-y-9:focus { + --tw-translate-y: -2.25rem; + } + + .md\:focus\:-translate-y-10:focus { + --tw-translate-y: -2.5rem; + } + + .md\:focus\:-translate-y-11:focus { + --tw-translate-y: -2.75rem; + } + + .md\:focus\:-translate-y-12:focus { + --tw-translate-y: -3rem; + } + + .md\:focus\:-translate-y-14:focus { + --tw-translate-y: -3.5rem; + } + + .md\:focus\:-translate-y-16:focus { + --tw-translate-y: -4rem; + } + + .md\:focus\:-translate-y-20:focus { + --tw-translate-y: -5rem; + } + + .md\:focus\:-translate-y-24:focus { + --tw-translate-y: -6rem; + } + + .md\:focus\:-translate-y-28:focus { + --tw-translate-y: -7rem; + } + + .md\:focus\:-translate-y-32:focus { + --tw-translate-y: -8rem; + } + + .md\:focus\:-translate-y-36:focus { + --tw-translate-y: -9rem; + } + + .md\:focus\:-translate-y-40:focus { + --tw-translate-y: -10rem; + } + + .md\:focus\:-translate-y-44:focus { + --tw-translate-y: -11rem; + } + + .md\:focus\:-translate-y-48:focus { + --tw-translate-y: -12rem; + } + + .md\:focus\:-translate-y-52:focus { + --tw-translate-y: -13rem; + } + + .md\:focus\:-translate-y-56:focus { + --tw-translate-y: -14rem; + } + + .md\:focus\:-translate-y-60:focus { + --tw-translate-y: -15rem; + } + + .md\:focus\:-translate-y-64:focus { + --tw-translate-y: -16rem; + } + + .md\:focus\:-translate-y-72:focus { + --tw-translate-y: -18rem; + } + + .md\:focus\:-translate-y-80:focus { + --tw-translate-y: -20rem; + } + + .md\:focus\:-translate-y-96:focus { + --tw-translate-y: -24rem; + } + + .md\:focus\:-translate-y-px:focus { + --tw-translate-y: -1px; + } + + .md\:focus\:-translate-y-0\.5:focus { + --tw-translate-y: -0.125rem; + } + + .md\:focus\:-translate-y-1\.5:focus { + --tw-translate-y: -0.375rem; + } + + .md\:focus\:-translate-y-2\.5:focus { + --tw-translate-y: -0.625rem; + } + + .md\:focus\:-translate-y-3\.5:focus { + --tw-translate-y: -0.875rem; + } + + .md\:focus\:translate-y-1\/2:focus { + --tw-translate-y: 50%; + } + + .md\:focus\:translate-y-1\/3:focus { + --tw-translate-y: 33.333333%; + } + + .md\:focus\:translate-y-2\/3:focus { + --tw-translate-y: 66.666667%; + } + + .md\:focus\:translate-y-1\/4:focus { + --tw-translate-y: 25%; + } + + .md\:focus\:translate-y-2\/4:focus { + --tw-translate-y: 50%; + } + + .md\:focus\:translate-y-3\/4:focus { + --tw-translate-y: 75%; + } + + .md\:focus\:translate-y-full:focus { + --tw-translate-y: 100%; + } + + .md\:focus\:-translate-y-1\/2:focus { + --tw-translate-y: -50%; + } + + .md\:focus\:-translate-y-1\/3:focus { + --tw-translate-y: -33.333333%; + } + + .md\:focus\:-translate-y-2\/3:focus { + --tw-translate-y: -66.666667%; + } + + .md\:focus\:-translate-y-1\/4:focus { + --tw-translate-y: -25%; + } + + .md\:focus\:-translate-y-2\/4:focus { + --tw-translate-y: -50%; + } + + .md\:focus\:-translate-y-3\/4:focus { + --tw-translate-y: -75%; + } + + .md\:focus\:-translate-y-full:focus { + --tw-translate-y: -100%; + } + + .md\:rotate-0 { + --tw-rotate: 0deg; + } + + .md\:rotate-1 { + --tw-rotate: 1deg; + } + + .md\:rotate-2 { + --tw-rotate: 2deg; + } + + .md\:rotate-3 { + --tw-rotate: 3deg; + } + + .md\:rotate-6 { + --tw-rotate: 6deg; + } + + .md\:rotate-12 { + --tw-rotate: 12deg; + } + + .md\:rotate-45 { + --tw-rotate: 45deg; + } + + .md\:rotate-90 { + --tw-rotate: 90deg; + } + + .md\:rotate-180 { + --tw-rotate: 180deg; + } + + .md\:-rotate-180 { + --tw-rotate: -180deg; + } + + .md\:-rotate-90 { + --tw-rotate: -90deg; + } + + .md\:-rotate-45 { + --tw-rotate: -45deg; + } + + .md\:-rotate-12 { + --tw-rotate: -12deg; + } + + .md\:-rotate-6 { + --tw-rotate: -6deg; + } + + .md\:-rotate-3 { + --tw-rotate: -3deg; + } + + .md\:-rotate-2 { + --tw-rotate: -2deg; + } + + .md\:-rotate-1 { + --tw-rotate: -1deg; + } + + .md\:hover\:rotate-0:hover { + --tw-rotate: 0deg; + } + + .md\:hover\:rotate-1:hover { + --tw-rotate: 1deg; + } + + .md\:hover\:rotate-2:hover { + --tw-rotate: 2deg; + } + + .md\:hover\:rotate-3:hover { + --tw-rotate: 3deg; + } + + .md\:hover\:rotate-6:hover { + --tw-rotate: 6deg; + } + + .md\:hover\:rotate-12:hover { + --tw-rotate: 12deg; + } + + .md\:hover\:rotate-45:hover { + --tw-rotate: 45deg; + } + + .md\:hover\:rotate-90:hover { + --tw-rotate: 90deg; + } + + .md\:hover\:rotate-180:hover { + --tw-rotate: 180deg; + } + + .md\:hover\:-rotate-180:hover { + --tw-rotate: -180deg; + } + + .md\:hover\:-rotate-90:hover { + --tw-rotate: -90deg; + } + + .md\:hover\:-rotate-45:hover { + --tw-rotate: -45deg; + } + + .md\:hover\:-rotate-12:hover { + --tw-rotate: -12deg; + } + + .md\:hover\:-rotate-6:hover { + --tw-rotate: -6deg; + } + + .md\:hover\:-rotate-3:hover { + --tw-rotate: -3deg; + } + + .md\:hover\:-rotate-2:hover { + --tw-rotate: -2deg; + } + + .md\:hover\:-rotate-1:hover { + --tw-rotate: -1deg; + } + + .md\:focus\:rotate-0:focus { + --tw-rotate: 0deg; + } + + .md\:focus\:rotate-1:focus { + --tw-rotate: 1deg; + } + + .md\:focus\:rotate-2:focus { + --tw-rotate: 2deg; + } + + .md\:focus\:rotate-3:focus { + --tw-rotate: 3deg; + } + + .md\:focus\:rotate-6:focus { + --tw-rotate: 6deg; + } + + .md\:focus\:rotate-12:focus { + --tw-rotate: 12deg; + } + + .md\:focus\:rotate-45:focus { + --tw-rotate: 45deg; + } + + .md\:focus\:rotate-90:focus { + --tw-rotate: 90deg; + } + + .md\:focus\:rotate-180:focus { + --tw-rotate: 180deg; + } + + .md\:focus\:-rotate-180:focus { + --tw-rotate: -180deg; + } + + .md\:focus\:-rotate-90:focus { + --tw-rotate: -90deg; + } + + .md\:focus\:-rotate-45:focus { + --tw-rotate: -45deg; + } + + .md\:focus\:-rotate-12:focus { + --tw-rotate: -12deg; + } + + .md\:focus\:-rotate-6:focus { + --tw-rotate: -6deg; + } + + .md\:focus\:-rotate-3:focus { + --tw-rotate: -3deg; + } + + .md\:focus\:-rotate-2:focus { + --tw-rotate: -2deg; + } + + .md\:focus\:-rotate-1:focus { + --tw-rotate: -1deg; + } + + .md\:skew-x-0 { + --tw-skew-x: 0deg; + } + + .md\:skew-x-1 { + --tw-skew-x: 1deg; + } + + .md\:skew-x-2 { + --tw-skew-x: 2deg; + } + + .md\:skew-x-3 { + --tw-skew-x: 3deg; + } + + .md\:skew-x-6 { + --tw-skew-x: 6deg; + } + + .md\:skew-x-12 { + --tw-skew-x: 12deg; + } + + .md\:-skew-x-12 { + --tw-skew-x: -12deg; + } + + .md\:-skew-x-6 { + --tw-skew-x: -6deg; + } + + .md\:-skew-x-3 { + --tw-skew-x: -3deg; + } + + .md\:-skew-x-2 { + --tw-skew-x: -2deg; + } + + .md\:-skew-x-1 { + --tw-skew-x: -1deg; + } + + .md\:skew-y-0 { + --tw-skew-y: 0deg; + } + + .md\:skew-y-1 { + --tw-skew-y: 1deg; + } + + .md\:skew-y-2 { + --tw-skew-y: 2deg; + } + + .md\:skew-y-3 { + --tw-skew-y: 3deg; + } + + .md\:skew-y-6 { + --tw-skew-y: 6deg; + } + + .md\:skew-y-12 { + --tw-skew-y: 12deg; + } + + .md\:-skew-y-12 { + --tw-skew-y: -12deg; + } + + .md\:-skew-y-6 { + --tw-skew-y: -6deg; + } + + .md\:-skew-y-3 { + --tw-skew-y: -3deg; + } + + .md\:-skew-y-2 { + --tw-skew-y: -2deg; + } + + .md\:-skew-y-1 { + --tw-skew-y: -1deg; + } + + .md\:hover\:skew-x-0:hover { + --tw-skew-x: 0deg; + } + + .md\:hover\:skew-x-1:hover { + --tw-skew-x: 1deg; + } + + .md\:hover\:skew-x-2:hover { + --tw-skew-x: 2deg; + } + + .md\:hover\:skew-x-3:hover { + --tw-skew-x: 3deg; + } + + .md\:hover\:skew-x-6:hover { + --tw-skew-x: 6deg; + } + + .md\:hover\:skew-x-12:hover { + --tw-skew-x: 12deg; + } + + .md\:hover\:-skew-x-12:hover { + --tw-skew-x: -12deg; + } + + .md\:hover\:-skew-x-6:hover { + --tw-skew-x: -6deg; + } + + .md\:hover\:-skew-x-3:hover { + --tw-skew-x: -3deg; + } + + .md\:hover\:-skew-x-2:hover { + --tw-skew-x: -2deg; + } + + .md\:hover\:-skew-x-1:hover { + --tw-skew-x: -1deg; + } + + .md\:hover\:skew-y-0:hover { + --tw-skew-y: 0deg; + } + + .md\:hover\:skew-y-1:hover { + --tw-skew-y: 1deg; + } + + .md\:hover\:skew-y-2:hover { + --tw-skew-y: 2deg; + } + + .md\:hover\:skew-y-3:hover { + --tw-skew-y: 3deg; + } + + .md\:hover\:skew-y-6:hover { + --tw-skew-y: 6deg; + } + + .md\:hover\:skew-y-12:hover { + --tw-skew-y: 12deg; + } + + .md\:hover\:-skew-y-12:hover { + --tw-skew-y: -12deg; + } + + .md\:hover\:-skew-y-6:hover { + --tw-skew-y: -6deg; + } + + .md\:hover\:-skew-y-3:hover { + --tw-skew-y: -3deg; + } + + .md\:hover\:-skew-y-2:hover { + --tw-skew-y: -2deg; + } + + .md\:hover\:-skew-y-1:hover { + --tw-skew-y: -1deg; + } + + .md\:focus\:skew-x-0:focus { + --tw-skew-x: 0deg; + } + + .md\:focus\:skew-x-1:focus { + --tw-skew-x: 1deg; + } + + .md\:focus\:skew-x-2:focus { + --tw-skew-x: 2deg; + } + + .md\:focus\:skew-x-3:focus { + --tw-skew-x: 3deg; + } + + .md\:focus\:skew-x-6:focus { + --tw-skew-x: 6deg; + } + + .md\:focus\:skew-x-12:focus { + --tw-skew-x: 12deg; + } + + .md\:focus\:-skew-x-12:focus { + --tw-skew-x: -12deg; + } + + .md\:focus\:-skew-x-6:focus { + --tw-skew-x: -6deg; + } + + .md\:focus\:-skew-x-3:focus { + --tw-skew-x: -3deg; + } + + .md\:focus\:-skew-x-2:focus { + --tw-skew-x: -2deg; + } + + .md\:focus\:-skew-x-1:focus { + --tw-skew-x: -1deg; + } + + .md\:focus\:skew-y-0:focus { + --tw-skew-y: 0deg; + } + + .md\:focus\:skew-y-1:focus { + --tw-skew-y: 1deg; + } + + .md\:focus\:skew-y-2:focus { + --tw-skew-y: 2deg; + } + + .md\:focus\:skew-y-3:focus { + --tw-skew-y: 3deg; + } + + .md\:focus\:skew-y-6:focus { + --tw-skew-y: 6deg; + } + + .md\:focus\:skew-y-12:focus { + --tw-skew-y: 12deg; + } + + .md\:focus\:-skew-y-12:focus { + --tw-skew-y: -12deg; + } + + .md\:focus\:-skew-y-6:focus { + --tw-skew-y: -6deg; + } + + .md\:focus\:-skew-y-3:focus { + --tw-skew-y: -3deg; + } + + .md\:focus\:-skew-y-2:focus { + --tw-skew-y: -2deg; + } + + .md\:focus\:-skew-y-1:focus { + --tw-skew-y: -1deg; + } + + .md\:scale-0 { + --tw-scale-x: 0; + --tw-scale-y: 0; + } + + .md\:scale-50 { + --tw-scale-x: .5; + --tw-scale-y: .5; + } + + .md\:scale-75 { + --tw-scale-x: .75; + --tw-scale-y: .75; + } + + .md\:scale-90 { + --tw-scale-x: .9; + --tw-scale-y: .9; + } + + .md\:scale-95 { + --tw-scale-x: .95; + --tw-scale-y: .95; + } + + .md\:scale-100 { + --tw-scale-x: 1; + --tw-scale-y: 1; + } + + .md\:scale-105 { + --tw-scale-x: 1.05; + --tw-scale-y: 1.05; + } + + .md\:scale-110 { + --tw-scale-x: 1.1; + --tw-scale-y: 1.1; + } + + .md\:scale-125 { + --tw-scale-x: 1.25; + --tw-scale-y: 1.25; + } + + .md\:scale-150 { + --tw-scale-x: 1.5; + --tw-scale-y: 1.5; + } + + .md\:hover\:scale-0:hover { + --tw-scale-x: 0; + --tw-scale-y: 0; + } + + .md\:hover\:scale-50:hover { + --tw-scale-x: .5; + --tw-scale-y: .5; + } + + .md\:hover\:scale-75:hover { + --tw-scale-x: .75; + --tw-scale-y: .75; + } + + .md\:hover\:scale-90:hover { + --tw-scale-x: .9; + --tw-scale-y: .9; + } + + .md\:hover\:scale-95:hover { + --tw-scale-x: .95; + --tw-scale-y: .95; + } + + .md\:hover\:scale-100:hover { + --tw-scale-x: 1; + --tw-scale-y: 1; + } + + .md\:hover\:scale-105:hover { + --tw-scale-x: 1.05; + --tw-scale-y: 1.05; + } + + .md\:hover\:scale-110:hover { + --tw-scale-x: 1.1; + --tw-scale-y: 1.1; + } + + .md\:hover\:scale-125:hover { + --tw-scale-x: 1.25; + --tw-scale-y: 1.25; + } + + .md\:hover\:scale-150:hover { + --tw-scale-x: 1.5; + --tw-scale-y: 1.5; + } + + .md\:focus\:scale-0:focus { + --tw-scale-x: 0; + --tw-scale-y: 0; + } + + .md\:focus\:scale-50:focus { + --tw-scale-x: .5; + --tw-scale-y: .5; + } + + .md\:focus\:scale-75:focus { + --tw-scale-x: .75; + --tw-scale-y: .75; + } + + .md\:focus\:scale-90:focus { + --tw-scale-x: .9; + --tw-scale-y: .9; + } + + .md\:focus\:scale-95:focus { + --tw-scale-x: .95; + --tw-scale-y: .95; + } + + .md\:focus\:scale-100:focus { + --tw-scale-x: 1; + --tw-scale-y: 1; + } + + .md\:focus\:scale-105:focus { + --tw-scale-x: 1.05; + --tw-scale-y: 1.05; + } + + .md\:focus\:scale-110:focus { + --tw-scale-x: 1.1; + --tw-scale-y: 1.1; + } + + .md\:focus\:scale-125:focus { + --tw-scale-x: 1.25; + --tw-scale-y: 1.25; + } + + .md\:focus\:scale-150:focus { + --tw-scale-x: 1.5; + --tw-scale-y: 1.5; + } + + .md\:scale-x-0 { + --tw-scale-x: 0; + } + + .md\:scale-x-50 { + --tw-scale-x: .5; + } + + .md\:scale-x-75 { + --tw-scale-x: .75; + } + + .md\:scale-x-90 { + --tw-scale-x: .9; + } + + .md\:scale-x-95 { + --tw-scale-x: .95; + } + + .md\:scale-x-100 { + --tw-scale-x: 1; + } + + .md\:scale-x-105 { + --tw-scale-x: 1.05; + } + + .md\:scale-x-110 { + --tw-scale-x: 1.1; + } + + .md\:scale-x-125 { + --tw-scale-x: 1.25; + } + + .md\:scale-x-150 { + --tw-scale-x: 1.5; + } + + .md\:scale-y-0 { + --tw-scale-y: 0; + } + + .md\:scale-y-50 { + --tw-scale-y: .5; + } + + .md\:scale-y-75 { + --tw-scale-y: .75; + } + + .md\:scale-y-90 { + --tw-scale-y: .9; + } + + .md\:scale-y-95 { + --tw-scale-y: .95; + } + + .md\:scale-y-100 { + --tw-scale-y: 1; + } + + .md\:scale-y-105 { + --tw-scale-y: 1.05; + } + + .md\:scale-y-110 { + --tw-scale-y: 1.1; + } + + .md\:scale-y-125 { + --tw-scale-y: 1.25; + } + + .md\:scale-y-150 { + --tw-scale-y: 1.5; + } + + .md\:hover\:scale-x-0:hover { + --tw-scale-x: 0; + } + + .md\:hover\:scale-x-50:hover { + --tw-scale-x: .5; + } + + .md\:hover\:scale-x-75:hover { + --tw-scale-x: .75; + } + + .md\:hover\:scale-x-90:hover { + --tw-scale-x: .9; + } + + .md\:hover\:scale-x-95:hover { + --tw-scale-x: .95; + } + + .md\:hover\:scale-x-100:hover { + --tw-scale-x: 1; + } + + .md\:hover\:scale-x-105:hover { + --tw-scale-x: 1.05; + } + + .md\:hover\:scale-x-110:hover { + --tw-scale-x: 1.1; + } + + .md\:hover\:scale-x-125:hover { + --tw-scale-x: 1.25; + } + + .md\:hover\:scale-x-150:hover { + --tw-scale-x: 1.5; + } + + .md\:hover\:scale-y-0:hover { + --tw-scale-y: 0; + } + + .md\:hover\:scale-y-50:hover { + --tw-scale-y: .5; + } + + .md\:hover\:scale-y-75:hover { + --tw-scale-y: .75; + } + + .md\:hover\:scale-y-90:hover { + --tw-scale-y: .9; + } + + .md\:hover\:scale-y-95:hover { + --tw-scale-y: .95; + } + + .md\:hover\:scale-y-100:hover { + --tw-scale-y: 1; + } + + .md\:hover\:scale-y-105:hover { + --tw-scale-y: 1.05; + } + + .md\:hover\:scale-y-110:hover { + --tw-scale-y: 1.1; + } + + .md\:hover\:scale-y-125:hover { + --tw-scale-y: 1.25; + } + + .md\:hover\:scale-y-150:hover { + --tw-scale-y: 1.5; + } + + .md\:focus\:scale-x-0:focus { + --tw-scale-x: 0; + } + + .md\:focus\:scale-x-50:focus { + --tw-scale-x: .5; + } + + .md\:focus\:scale-x-75:focus { + --tw-scale-x: .75; + } + + .md\:focus\:scale-x-90:focus { + --tw-scale-x: .9; + } + + .md\:focus\:scale-x-95:focus { + --tw-scale-x: .95; + } + + .md\:focus\:scale-x-100:focus { + --tw-scale-x: 1; + } + + .md\:focus\:scale-x-105:focus { + --tw-scale-x: 1.05; + } + + .md\:focus\:scale-x-110:focus { + --tw-scale-x: 1.1; + } + + .md\:focus\:scale-x-125:focus { + --tw-scale-x: 1.25; + } + + .md\:focus\:scale-x-150:focus { + --tw-scale-x: 1.5; + } + + .md\:focus\:scale-y-0:focus { + --tw-scale-y: 0; + } + + .md\:focus\:scale-y-50:focus { + --tw-scale-y: .5; + } + + .md\:focus\:scale-y-75:focus { + --tw-scale-y: .75; + } + + .md\:focus\:scale-y-90:focus { + --tw-scale-y: .9; + } + + .md\:focus\:scale-y-95:focus { + --tw-scale-y: .95; + } + + .md\:focus\:scale-y-100:focus { + --tw-scale-y: 1; + } + + .md\:focus\:scale-y-105:focus { + --tw-scale-y: 1.05; + } + + .md\:focus\:scale-y-110:focus { + --tw-scale-y: 1.1; + } + + .md\:focus\:scale-y-125:focus { + --tw-scale-y: 1.25; + } + + .md\:focus\:scale-y-150:focus { + --tw-scale-y: 1.5; + } + + .md\:animate-none { + animation: none; + } + + .md\:animate-spin { + animation: spin 1s linear infinite; + } + + .md\:animate-ping { + animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; + } + + .md\:animate-pulse { + animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; + } + + .md\:animate-bounce { + animation: bounce 1s infinite; + } + + .md\:cursor-auto { + cursor: auto; + } + + .md\:cursor-default { + cursor: default; + } + + .md\:cursor-pointer { + cursor: pointer; + } + + .md\:cursor-wait { + cursor: wait; + } + + .md\:cursor-text { + cursor: text; + } + + .md\:cursor-move { + cursor: move; + } + + .md\:cursor-help { + cursor: help; + } + + .md\:cursor-not-allowed { + cursor: not-allowed; + } + + .md\:select-none { + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; + } + + .md\:select-text { + -webkit-user-select: text; + -moz-user-select: text; + user-select: text; + } + + .md\:select-all { + -webkit-user-select: all; + -moz-user-select: all; + user-select: all; + } + + .md\:select-auto { + -webkit-user-select: auto; + -moz-user-select: auto; + user-select: auto; + } + + .md\:resize-none { + resize: none; + } + + .md\:resize-y { + resize: vertical; + } + + .md\:resize-x { + resize: horizontal; + } + + .md\:resize { + resize: both; + } + + .md\:list-inside { + list-style-position: inside; + } + + .md\:list-outside { + list-style-position: outside; + } + + .md\:list-none { + list-style-type: none; + } + + .md\:list-disc { + list-style-type: disc; + } + + .md\:list-decimal { + list-style-type: decimal; + } + + .md\:appearance-none { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + } + + .md\:auto-cols-auto { + grid-auto-columns: auto; + } + + .md\:auto-cols-min { + grid-auto-columns: min-content; + } + + .md\:auto-cols-max { + grid-auto-columns: max-content; + } + + .md\:auto-cols-fr { + grid-auto-columns: minmax(0, 1fr); + } + + .md\:grid-flow-row { + grid-auto-flow: row; + } + + .md\:grid-flow-col { + grid-auto-flow: column; + } + + .md\:grid-flow-row-dense { + grid-auto-flow: row dense; + } + + .md\:grid-flow-col-dense { + grid-auto-flow: column dense; + } + + .md\:auto-rows-auto { + grid-auto-rows: auto; + } + + .md\:auto-rows-min { + grid-auto-rows: min-content; + } + + .md\:auto-rows-max { + grid-auto-rows: max-content; + } + + .md\:auto-rows-fr { + grid-auto-rows: minmax(0, 1fr); + } + + .md\:grid-cols-1 { + grid-template-columns: repeat(1, 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-9 { + grid-template-columns: repeat(9, minmax(0, 1fr)); + } + + .md\:grid-cols-10 { + grid-template-columns: repeat(10, minmax(0, 1fr)); + } + + .md\:grid-cols-11 { + grid-template-columns: repeat(11, minmax(0, 1fr)); + } + + .md\:grid-cols-12 { + grid-template-columns: repeat(12, minmax(0, 1fr)); + } + + .md\:grid-cols-none { + grid-template-columns: none; + } + + .md\:grid-rows-1 { + grid-template-rows: repeat(1, minmax(0, 1fr)); + } + + .md\:grid-rows-2 { + grid-template-rows: repeat(2, minmax(0, 1fr)); + } + + .md\:grid-rows-3 { + grid-template-rows: repeat(3, minmax(0, 1fr)); + } + + .md\:grid-rows-4 { + grid-template-rows: repeat(4, minmax(0, 1fr)); + } + + .md\:grid-rows-5 { + grid-template-rows: repeat(5, minmax(0, 1fr)); + } + + .md\:grid-rows-6 { + grid-template-rows: repeat(6, minmax(0, 1fr)); + } + + .md\:grid-rows-none { + grid-template-rows: none; + } + + .md\:flex-row { + flex-direction: row; + } + + .md\:flex-row-reverse { + flex-direction: row-reverse; + } + + .md\:flex-col { + flex-direction: column; + } + + .md\:flex-col-reverse { + flex-direction: column-reverse; + } + + .md\:flex-wrap { + flex-wrap: wrap; + } + + .md\:flex-wrap-reverse { + flex-wrap: wrap-reverse; + } + + .md\:flex-nowrap { + flex-wrap: nowrap; + } + + .md\:place-content-center { + place-content: center; + } + + .md\:place-content-start { + place-content: start; + } + + .md\:place-content-end { + place-content: end; + } + + .md\:place-content-between { + place-content: space-between; + } + + .md\:place-content-around { + place-content: space-around; + } + + .md\:place-content-evenly { + place-content: space-evenly; + } + + .md\:place-content-stretch { + place-content: stretch; + } + + .md\:place-items-start { + place-items: start; + } + + .md\:place-items-end { + place-items: end; + } + + .md\:place-items-center { + place-items: center; + } + + .md\:place-items-stretch { + place-items: stretch; + } + + .md\:content-center { + align-content: center; + } + + .md\:content-start { + align-content: flex-start; + } + + .md\:content-end { + align-content: flex-end; + } + + .md\:content-between { + align-content: space-between; + } + + .md\:content-around { + align-content: space-around; + } + + .md\:content-evenly { + align-content: space-evenly; + } + + .md\:items-start { + align-items: flex-start; + } + + .md\:items-end { + align-items: flex-end; + } + + .md\:items-center { + align-items: center; + } + + .md\:items-baseline { + align-items: baseline; + } + + .md\:items-stretch { + align-items: stretch; + } + + .md\:justify-start { + justify-content: flex-start; + } + + .md\:justify-end { + justify-content: flex-end; + } + + .md\:justify-center { + justify-content: center; + } + + .md\:justify-between { + justify-content: space-between; + } + + .md\:justify-around { + justify-content: space-around; + } + + .md\:justify-evenly { + justify-content: space-evenly; + } + + .md\:justify-items-start { + justify-items: start; + } + + .md\:justify-items-end { + justify-items: end; + } + + .md\:justify-items-center { + justify-items: center; + } + + .md\:justify-items-stretch { + justify-items: stretch; + } + + .md\:gap-0 { + gap: 0px; + } + + .md\:gap-1 { + gap: 0.25rem; + } + + .md\:gap-2 { + gap: 0.5rem; + } + + .md\:gap-3 { + gap: 0.75rem; + } + + .md\:gap-4 { + gap: 1rem; + } + + .md\:gap-5 { + gap: 1.25rem; + } + + .md\:gap-6 { + gap: 1.5rem; + } + + .md\:gap-7 { + gap: 1.75rem; + } + + .md\:gap-8 { + gap: 2rem; + } + + .md\:gap-9 { + gap: 2.25rem; + } + + .md\:gap-10 { + gap: 2.5rem; + } + + .md\:gap-11 { + gap: 2.75rem; + } + + .md\:gap-12 { + gap: 3rem; + } + + .md\:gap-14 { + gap: 3.5rem; + } + + .md\:gap-16 { + gap: 4rem; + } + + .md\:gap-20 { + gap: 5rem; + } + + .md\:gap-24 { + gap: 6rem; + } + + .md\:gap-28 { + gap: 7rem; + } + + .md\:gap-32 { + gap: 8rem; + } + + .md\:gap-36 { + gap: 9rem; + } + + .md\:gap-40 { + gap: 10rem; + } + + .md\:gap-44 { + gap: 11rem; + } + + .md\:gap-48 { + gap: 12rem; + } + + .md\:gap-52 { + gap: 13rem; + } + + .md\:gap-56 { + gap: 14rem; + } + + .md\:gap-60 { + gap: 15rem; + } + + .md\:gap-64 { + gap: 16rem; + } + + .md\:gap-72 { + gap: 18rem; + } + + .md\:gap-80 { + gap: 20rem; + } + + .md\:gap-96 { + gap: 24rem; + } + + .md\:gap-px { + gap: 1px; + } + + .md\:gap-0\.5 { + gap: 0.125rem; + } + + .md\:gap-1\.5 { + gap: 0.375rem; + } + + .md\:gap-2\.5 { + gap: 0.625rem; + } + + .md\:gap-3\.5 { + gap: 0.875rem; + } + + .md\:gap-x-0 { + -moz-column-gap: 0px; + column-gap: 0px; + } + + .md\:gap-x-1 { + -moz-column-gap: 0.25rem; + column-gap: 0.25rem; + } + + .md\:gap-x-2 { + -moz-column-gap: 0.5rem; + column-gap: 0.5rem; + } + + .md\:gap-x-3 { + -moz-column-gap: 0.75rem; + column-gap: 0.75rem; + } + + .md\:gap-x-4 { + -moz-column-gap: 1rem; + column-gap: 1rem; + } + + .md\:gap-x-5 { + -moz-column-gap: 1.25rem; + column-gap: 1.25rem; + } + + .md\:gap-x-6 { + -moz-column-gap: 1.5rem; + column-gap: 1.5rem; + } + + .md\:gap-x-7 { + -moz-column-gap: 1.75rem; + column-gap: 1.75rem; + } + + .md\:gap-x-8 { + -moz-column-gap: 2rem; + column-gap: 2rem; + } + + .md\:gap-x-9 { + -moz-column-gap: 2.25rem; + column-gap: 2.25rem; + } + + .md\:gap-x-10 { + -moz-column-gap: 2.5rem; + column-gap: 2.5rem; + } + + .md\:gap-x-11 { + -moz-column-gap: 2.75rem; + column-gap: 2.75rem; + } + + .md\:gap-x-12 { + -moz-column-gap: 3rem; + column-gap: 3rem; + } + + .md\:gap-x-14 { + -moz-column-gap: 3.5rem; + column-gap: 3.5rem; + } + + .md\:gap-x-16 { + -moz-column-gap: 4rem; + column-gap: 4rem; + } + + .md\:gap-x-20 { + -moz-column-gap: 5rem; + column-gap: 5rem; + } + + .md\:gap-x-24 { + -moz-column-gap: 6rem; + column-gap: 6rem; + } + + .md\:gap-x-28 { + -moz-column-gap: 7rem; + column-gap: 7rem; + } + + .md\:gap-x-32 { + -moz-column-gap: 8rem; + column-gap: 8rem; + } + + .md\:gap-x-36 { + -moz-column-gap: 9rem; + column-gap: 9rem; + } + + .md\:gap-x-40 { + -moz-column-gap: 10rem; + column-gap: 10rem; + } + + .md\:gap-x-44 { + -moz-column-gap: 11rem; + column-gap: 11rem; + } + + .md\:gap-x-48 { + -moz-column-gap: 12rem; + column-gap: 12rem; + } + + .md\:gap-x-52 { + -moz-column-gap: 13rem; + column-gap: 13rem; + } + + .md\:gap-x-56 { + -moz-column-gap: 14rem; + column-gap: 14rem; + } + + .md\:gap-x-60 { + -moz-column-gap: 15rem; + column-gap: 15rem; + } + + .md\:gap-x-64 { + -moz-column-gap: 16rem; + column-gap: 16rem; + } + + .md\:gap-x-72 { + -moz-column-gap: 18rem; + column-gap: 18rem; + } + + .md\:gap-x-80 { + -moz-column-gap: 20rem; + column-gap: 20rem; + } + + .md\:gap-x-96 { + -moz-column-gap: 24rem; + column-gap: 24rem; + } + + .md\:gap-x-px { + -moz-column-gap: 1px; + column-gap: 1px; + } + + .md\:gap-x-0\.5 { + -moz-column-gap: 0.125rem; + column-gap: 0.125rem; + } + + .md\:gap-x-1\.5 { + -moz-column-gap: 0.375rem; + column-gap: 0.375rem; + } + + .md\:gap-x-2\.5 { + -moz-column-gap: 0.625rem; + column-gap: 0.625rem; + } + + .md\:gap-x-3\.5 { + -moz-column-gap: 0.875rem; + column-gap: 0.875rem; + } + + .md\:gap-y-0 { + row-gap: 0px; + } + + .md\:gap-y-1 { + row-gap: 0.25rem; + } + + .md\:gap-y-2 { + row-gap: 0.5rem; + } + + .md\:gap-y-3 { + row-gap: 0.75rem; + } + + .md\:gap-y-4 { + row-gap: 1rem; + } + + .md\:gap-y-5 { + row-gap: 1.25rem; + } + + .md\:gap-y-6 { + row-gap: 1.5rem; + } + + .md\:gap-y-7 { + row-gap: 1.75rem; + } + + .md\:gap-y-8 { + row-gap: 2rem; + } + + .md\:gap-y-9 { + row-gap: 2.25rem; + } + + .md\:gap-y-10 { + row-gap: 2.5rem; + } + + .md\:gap-y-11 { + row-gap: 2.75rem; + } + + .md\:gap-y-12 { + row-gap: 3rem; + } + + .md\:gap-y-14 { + row-gap: 3.5rem; + } + + .md\:gap-y-16 { + row-gap: 4rem; + } + + .md\:gap-y-20 { + row-gap: 5rem; + } + + .md\:gap-y-24 { + row-gap: 6rem; + } + + .md\:gap-y-28 { + row-gap: 7rem; + } + + .md\:gap-y-32 { + row-gap: 8rem; + } + + .md\:gap-y-36 { + row-gap: 9rem; + } + + .md\:gap-y-40 { + row-gap: 10rem; + } + + .md\:gap-y-44 { + row-gap: 11rem; + } + + .md\:gap-y-48 { + row-gap: 12rem; + } + + .md\:gap-y-52 { + row-gap: 13rem; + } + + .md\:gap-y-56 { + row-gap: 14rem; + } + + .md\:gap-y-60 { + row-gap: 15rem; + } + + .md\:gap-y-64 { + row-gap: 16rem; + } + + .md\:gap-y-72 { + row-gap: 18rem; + } + + .md\:gap-y-80 { + row-gap: 20rem; + } + + .md\:gap-y-96 { + row-gap: 24rem; + } + + .md\:gap-y-px { + row-gap: 1px; + } + + .md\:gap-y-0\.5 { + row-gap: 0.125rem; + } + + .md\:gap-y-1\.5 { + row-gap: 0.375rem; + } + + .md\:gap-y-2\.5 { + row-gap: 0.625rem; + } + + .md\:gap-y-3\.5 { + row-gap: 0.875rem; + } + + .md\:space-x-0 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(0px * var(--tw-space-x-reverse)); + margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse))); + } + + .md\: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))); + } + + .md\: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))); + } + + .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-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))); + } + + .md\:space-x-5 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(1.25rem * var(--tw-space-x-reverse)); + margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse))); + } + + .md\: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))); + } + + .md\:space-x-7 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(1.75rem * var(--tw-space-x-reverse)); + margin-left: calc(1.75rem * calc(1 - var(--tw-space-x-reverse))); + } + + .md\:space-x-8 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(2rem * var(--tw-space-x-reverse)); + margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse))); + } + + .md\:space-x-9 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(2.25rem * var(--tw-space-x-reverse)); + margin-left: calc(2.25rem * calc(1 - var(--tw-space-x-reverse))); + } + + .md\:space-x-10 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(2.5rem * var(--tw-space-x-reverse)); + margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse))); + } + + .md\:space-x-11 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(2.75rem * var(--tw-space-x-reverse)); + margin-left: calc(2.75rem * calc(1 - var(--tw-space-x-reverse))); + } + + .md\:space-x-12 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(3rem * var(--tw-space-x-reverse)); + margin-left: calc(3rem * calc(1 - var(--tw-space-x-reverse))); + } + + .md\:space-x-14 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(3.5rem * var(--tw-space-x-reverse)); + margin-left: calc(3.5rem * calc(1 - var(--tw-space-x-reverse))); + } + + .md\:space-x-16 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(4rem * var(--tw-space-x-reverse)); + margin-left: calc(4rem * calc(1 - var(--tw-space-x-reverse))); + } + + .md\:space-x-20 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(5rem * var(--tw-space-x-reverse)); + margin-left: calc(5rem * calc(1 - var(--tw-space-x-reverse))); + } + + .md\:space-x-24 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(6rem * var(--tw-space-x-reverse)); + margin-left: calc(6rem * calc(1 - var(--tw-space-x-reverse))); + } + + .md\:space-x-28 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(7rem * var(--tw-space-x-reverse)); + margin-left: calc(7rem * calc(1 - var(--tw-space-x-reverse))); + } + + .md\:space-x-32 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(8rem * var(--tw-space-x-reverse)); + margin-left: calc(8rem * calc(1 - var(--tw-space-x-reverse))); + } + + .md\:space-x-36 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(9rem * var(--tw-space-x-reverse)); + margin-left: calc(9rem * calc(1 - var(--tw-space-x-reverse))); + } + + .md\:space-x-40 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(10rem * var(--tw-space-x-reverse)); + margin-left: calc(10rem * calc(1 - var(--tw-space-x-reverse))); + } + + .md\:space-x-44 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(11rem * var(--tw-space-x-reverse)); + margin-left: calc(11rem * calc(1 - var(--tw-space-x-reverse))); + } + + .md\:space-x-48 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(12rem * var(--tw-space-x-reverse)); + margin-left: calc(12rem * calc(1 - var(--tw-space-x-reverse))); + } + + .md\:space-x-52 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(13rem * var(--tw-space-x-reverse)); + margin-left: calc(13rem * calc(1 - var(--tw-space-x-reverse))); + } + + .md\:space-x-56 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(14rem * var(--tw-space-x-reverse)); + margin-left: calc(14rem * calc(1 - var(--tw-space-x-reverse))); + } + + .md\:space-x-60 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(15rem * var(--tw-space-x-reverse)); + margin-left: calc(15rem * calc(1 - var(--tw-space-x-reverse))); + } + + .md\:space-x-64 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(16rem * var(--tw-space-x-reverse)); + margin-left: calc(16rem * calc(1 - var(--tw-space-x-reverse))); + } + + .md\:space-x-72 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(18rem * var(--tw-space-x-reverse)); + margin-left: calc(18rem * calc(1 - var(--tw-space-x-reverse))); + } + + .md\:space-x-80 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(20rem * var(--tw-space-x-reverse)); + margin-left: calc(20rem * calc(1 - var(--tw-space-x-reverse))); + } + + .md\:space-x-96 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(24rem * var(--tw-space-x-reverse)); + margin-left: calc(24rem * calc(1 - var(--tw-space-x-reverse))); + } + + .md\:space-x-px > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(1px * var(--tw-space-x-reverse)); + margin-left: calc(1px * calc(1 - var(--tw-space-x-reverse))); + } + + .md\:space-x-0\.5 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(0.125rem * var(--tw-space-x-reverse)); + margin-left: calc(0.125rem * calc(1 - var(--tw-space-x-reverse))); + } + + .md\: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))); + } + + .md\: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))); + } + + .md\:space-x-3\.5 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(0.875rem * var(--tw-space-x-reverse)); + margin-left: calc(0.875rem * calc(1 - var(--tw-space-x-reverse))); + } + + .md\:-space-x-0 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(0px * var(--tw-space-x-reverse)); + margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse))); + } + + .md\:-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))); + } + + .md\:-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))); + } + + .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-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))); + } + + .md\:-space-x-5 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-1.25rem * var(--tw-space-x-reverse)); + margin-left: calc(-1.25rem * calc(1 - var(--tw-space-x-reverse))); + } + + .md\:-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))); + } + + .md\:-space-x-7 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-1.75rem * var(--tw-space-x-reverse)); + margin-left: calc(-1.75rem * calc(1 - var(--tw-space-x-reverse))); + } + + .md\:-space-x-8 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-2rem * var(--tw-space-x-reverse)); + margin-left: calc(-2rem * calc(1 - var(--tw-space-x-reverse))); + } + + .md\:-space-x-9 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-2.25rem * var(--tw-space-x-reverse)); + margin-left: calc(-2.25rem * calc(1 - var(--tw-space-x-reverse))); + } + + .md\:-space-x-10 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-2.5rem * var(--tw-space-x-reverse)); + margin-left: calc(-2.5rem * calc(1 - var(--tw-space-x-reverse))); + } + + .md\:-space-x-11 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-2.75rem * var(--tw-space-x-reverse)); + margin-left: calc(-2.75rem * calc(1 - var(--tw-space-x-reverse))); + } + + .md\:-space-x-12 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-3rem * var(--tw-space-x-reverse)); + margin-left: calc(-3rem * calc(1 - var(--tw-space-x-reverse))); + } + + .md\:-space-x-14 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-3.5rem * var(--tw-space-x-reverse)); + margin-left: calc(-3.5rem * calc(1 - var(--tw-space-x-reverse))); + } + + .md\:-space-x-16 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-4rem * var(--tw-space-x-reverse)); + margin-left: calc(-4rem * calc(1 - var(--tw-space-x-reverse))); + } + + .md\:-space-x-20 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-5rem * var(--tw-space-x-reverse)); + margin-left: calc(-5rem * calc(1 - var(--tw-space-x-reverse))); + } + + .md\:-space-x-24 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-6rem * var(--tw-space-x-reverse)); + margin-left: calc(-6rem * calc(1 - var(--tw-space-x-reverse))); + } + + .md\:-space-x-28 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-7rem * var(--tw-space-x-reverse)); + margin-left: calc(-7rem * calc(1 - var(--tw-space-x-reverse))); + } + + .md\:-space-x-32 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-8rem * var(--tw-space-x-reverse)); + margin-left: calc(-8rem * calc(1 - var(--tw-space-x-reverse))); + } + + .md\:-space-x-36 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-9rem * var(--tw-space-x-reverse)); + margin-left: calc(-9rem * calc(1 - var(--tw-space-x-reverse))); + } + + .md\:-space-x-40 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-10rem * var(--tw-space-x-reverse)); + margin-left: calc(-10rem * calc(1 - var(--tw-space-x-reverse))); + } + + .md\:-space-x-44 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-11rem * var(--tw-space-x-reverse)); + margin-left: calc(-11rem * calc(1 - var(--tw-space-x-reverse))); + } + + .md\:-space-x-48 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-12rem * var(--tw-space-x-reverse)); + margin-left: calc(-12rem * calc(1 - var(--tw-space-x-reverse))); + } + + .md\:-space-x-52 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-13rem * var(--tw-space-x-reverse)); + margin-left: calc(-13rem * calc(1 - var(--tw-space-x-reverse))); + } + + .md\:-space-x-56 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-14rem * var(--tw-space-x-reverse)); + margin-left: calc(-14rem * calc(1 - var(--tw-space-x-reverse))); + } + + .md\:-space-x-60 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-15rem * var(--tw-space-x-reverse)); + margin-left: calc(-15rem * calc(1 - var(--tw-space-x-reverse))); + } + + .md\:-space-x-64 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-16rem * var(--tw-space-x-reverse)); + margin-left: calc(-16rem * calc(1 - var(--tw-space-x-reverse))); + } + + .md\:-space-x-72 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-18rem * var(--tw-space-x-reverse)); + margin-left: calc(-18rem * calc(1 - var(--tw-space-x-reverse))); + } + + .md\:-space-x-80 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-20rem * var(--tw-space-x-reverse)); + margin-left: calc(-20rem * calc(1 - var(--tw-space-x-reverse))); + } + + .md\:-space-x-96 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-24rem * var(--tw-space-x-reverse)); + margin-left: calc(-24rem * calc(1 - var(--tw-space-x-reverse))); + } + + .md\:-space-x-px > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-1px * var(--tw-space-x-reverse)); + margin-left: calc(-1px * calc(1 - var(--tw-space-x-reverse))); + } + + .md\:-space-x-0\.5 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-0.125rem * var(--tw-space-x-reverse)); + margin-left: calc(-0.125rem * calc(1 - var(--tw-space-x-reverse))); + } + + .md\:-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))); + } + + .md\:-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))); + } + + .md\:-space-x-3\.5 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-0.875rem * var(--tw-space-x-reverse)); + margin-left: calc(-0.875rem * calc(1 - var(--tw-space-x-reverse))); + } + + .md\:space-y-0 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(0px * var(--tw-space-y-reverse)); + } + + .md\: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)); + } + + .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-4 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(1rem * var(--tw-space-y-reverse)); + } + + .md\:space-y-5 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(1.25rem * var(--tw-space-y-reverse)); + } + + .md\:space-y-6 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)); + } + + .md\:space-y-7 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(1.75rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(1.75rem * var(--tw-space-y-reverse)); + } + + .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\:space-y-9 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(2.25rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(2.25rem * var(--tw-space-y-reverse)); + } + + .md\: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)); + } + + .md\:space-y-11 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(2.75rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(2.75rem * var(--tw-space-y-reverse)); + } + + .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-14 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(3.5rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(3.5rem * var(--tw-space-y-reverse)); + } + + .md\: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)); + } + + .md\:space-y-20 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(5rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(5rem * var(--tw-space-y-reverse)); + } + + .md\:space-y-24 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(6rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(6rem * var(--tw-space-y-reverse)); + } + + .md\:space-y-28 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(7rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(7rem * var(--tw-space-y-reverse)); + } + + .md\:space-y-32 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(8rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(8rem * var(--tw-space-y-reverse)); + } + + .md\:space-y-36 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(9rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(9rem * var(--tw-space-y-reverse)); + } + + .md\:space-y-40 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(10rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(10rem * var(--tw-space-y-reverse)); + } + + .md\:space-y-44 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(11rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(11rem * var(--tw-space-y-reverse)); + } + + .md\:space-y-48 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(12rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(12rem * var(--tw-space-y-reverse)); + } + + .md\:space-y-52 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(13rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(13rem * var(--tw-space-y-reverse)); + } + + .md\:space-y-56 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(14rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(14rem * var(--tw-space-y-reverse)); + } + + .md\:space-y-60 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(15rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(15rem * var(--tw-space-y-reverse)); + } + + .md\:space-y-64 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(16rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(16rem * var(--tw-space-y-reverse)); + } + + .md\:space-y-72 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(18rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(18rem * var(--tw-space-y-reverse)); + } + + .md\:space-y-80 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(20rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(20rem * var(--tw-space-y-reverse)); + } + + .md\:space-y-96 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(24rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(24rem * var(--tw-space-y-reverse)); + } + + .md\:space-y-px > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(1px * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(1px * var(--tw-space-y-reverse)); + } + + .md\: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)); + } + + .md\: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)); + } + + .md\: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)); + } + + .md\:space-y-3\.5 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(0.875rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(0.875rem * var(--tw-space-y-reverse)); + } + + .md\:-space-y-0 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(0px * var(--tw-space-y-reverse)); + } + + .md\:-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)); + } + + .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-4 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-1rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-1rem * var(--tw-space-y-reverse)); + } + + .md\:-space-y-5 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-1.25rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-1.25rem * var(--tw-space-y-reverse)); + } + + .md\:-space-y-6 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-1.5rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-1.5rem * var(--tw-space-y-reverse)); + } + + .md\:-space-y-7 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-1.75rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-1.75rem * var(--tw-space-y-reverse)); + } + + .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\:-space-y-9 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-2.25rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-2.25rem * var(--tw-space-y-reverse)); + } + + .md\:-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)); + } + + .md\:-space-y-11 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-2.75rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-2.75rem * var(--tw-space-y-reverse)); + } + + .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-14 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-3.5rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-3.5rem * var(--tw-space-y-reverse)); + } + + .md\:-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)); + } + + .md\:-space-y-20 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-5rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-5rem * var(--tw-space-y-reverse)); + } + + .md\:-space-y-24 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-6rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-6rem * var(--tw-space-y-reverse)); + } + + .md\:-space-y-28 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-7rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-7rem * var(--tw-space-y-reverse)); + } + + .md\:-space-y-32 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-8rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-8rem * var(--tw-space-y-reverse)); + } + + .md\:-space-y-36 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-9rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-9rem * var(--tw-space-y-reverse)); + } + + .md\:-space-y-40 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-10rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-10rem * var(--tw-space-y-reverse)); + } + + .md\:-space-y-44 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-11rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-11rem * var(--tw-space-y-reverse)); + } + + .md\:-space-y-48 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-12rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-12rem * var(--tw-space-y-reverse)); + } + + .md\:-space-y-52 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-13rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-13rem * var(--tw-space-y-reverse)); + } + + .md\:-space-y-56 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-14rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-14rem * var(--tw-space-y-reverse)); + } + + .md\:-space-y-60 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-15rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-15rem * var(--tw-space-y-reverse)); + } + + .md\:-space-y-64 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-16rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-16rem * var(--tw-space-y-reverse)); + } + + .md\:-space-y-72 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-18rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-18rem * var(--tw-space-y-reverse)); + } + + .md\:-space-y-80 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-20rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-20rem * var(--tw-space-y-reverse)); + } + + .md\:-space-y-96 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-24rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-24rem * var(--tw-space-y-reverse)); + } + + .md\:-space-y-px > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-1px * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-1px * var(--tw-space-y-reverse)); + } + + .md\:-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)); + } + + .md\:-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)); + } + + .md\:-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)); + } + + .md\:-space-y-3\.5 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-0.875rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-0.875rem * var(--tw-space-y-reverse)); + } + + .md\:space-y-reverse > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 1; + } + + .md\:space-x-reverse > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 1; + } + + .md\:divide-x-0 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-x-reverse: 0; + border-right-width: calc(0px * var(--tw-divide-x-reverse)); + border-left-width: calc(0px * calc(1 - var(--tw-divide-x-reverse))); + } + + .md\:divide-x-2 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-x-reverse: 0; + border-right-width: calc(2px * var(--tw-divide-x-reverse)); + border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse))); + } + + .md\:divide-x-4 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-x-reverse: 0; + border-right-width: calc(4px * var(--tw-divide-x-reverse)); + border-left-width: calc(4px * calc(1 - var(--tw-divide-x-reverse))); + } + + .md\:divide-x-8 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-x-reverse: 0; + border-right-width: calc(8px * var(--tw-divide-x-reverse)); + border-left-width: calc(8px * calc(1 - var(--tw-divide-x-reverse))); + } + + .md\:divide-x > :not([hidden]) ~ :not([hidden]) { + --tw-divide-x-reverse: 0; + border-right-width: calc(1px * var(--tw-divide-x-reverse)); + border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); + } + + .md\:divide-y-0 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-y-reverse: 0; + border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse))); + border-bottom-width: calc(0px * var(--tw-divide-y-reverse)); + } + + .md\:divide-y-2 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-y-reverse: 0; + border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse))); + border-bottom-width: calc(2px * var(--tw-divide-y-reverse)); + } + + .md\:divide-y-4 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-y-reverse: 0; + border-top-width: calc(4px * calc(1 - var(--tw-divide-y-reverse))); + border-bottom-width: calc(4px * var(--tw-divide-y-reverse)); + } + + .md\:divide-y-8 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-y-reverse: 0; + border-top-width: calc(8px * calc(1 - var(--tw-divide-y-reverse))); + border-bottom-width: calc(8px * var(--tw-divide-y-reverse)); + } + + .md\: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)); + } + + .md\:divide-y-reverse > :not([hidden]) ~ :not([hidden]) { + --tw-divide-y-reverse: 1; + } + + .md\:divide-x-reverse > :not([hidden]) ~ :not([hidden]) { + --tw-divide-x-reverse: 1; + } + + .md\:divide-solid > :not([hidden]) ~ :not([hidden]) { + border-style: solid; + } + + .md\:divide-dashed > :not([hidden]) ~ :not([hidden]) { + border-style: dashed; + } + + .md\:divide-dotted > :not([hidden]) ~ :not([hidden]) { + border-style: dotted; + } + + .md\:divide-double > :not([hidden]) ~ :not([hidden]) { + border-style: double; + } + + .md\:divide-none > :not([hidden]) ~ :not([hidden]) { + border-style: none; + } + + .md\:divide-colors-black > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-black, #000000); + } + + .md\:divide-colors-white > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-white, #ffffff); + } + + .md\:divide-colors-gray-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-gray-100, #f7fafc); + } + + .md\:divide-colors-gray-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-gray-200, #edf2f7); + } + + .md\:divide-colors-gray-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-gray-300, #e2e8f0); + } + + .md\:divide-colors-gray-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-gray-400, #cbd5e0); + } + + .md\:divide-colors-gray-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-gray-500, #a0aec0); + } + + .md\:divide-colors-gray-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-gray-600, #718096); + } + + .md\:divide-colors-gray-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-gray-700, #4a5568); + } + + .md\:divide-colors-gray-800 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-gray-800, #2d3748); + } + + .md\:divide-colors-gray-900 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-gray-900, #1a202c); + } + + .md\:divide-colors-red-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-red-100, #fff5f5); + } + + .md\:divide-colors-red-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-red-200, #fed7d7); + } + + .md\:divide-colors-red-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-red-300, #feb2b2); + } + + .md\:divide-colors-red-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-red-400, #fc8181); + } + + .md\:divide-colors-red-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-red-500, #f56565); + } + + .md\:divide-colors-red-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-red-600, #e53e3e); + } + + .md\:divide-colors-red-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-red-700, #c53030); + } + + .md\:divide-colors-red-800 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-red-800, #9b2c2c); + } + + .md\:divide-colors-red-900 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-red-900, #742a2a); + } + + .md\:divide-colors-orange-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-orange-100, #fffaf0); + } + + .md\:divide-colors-orange-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-orange-200, #feebc8); + } + + .md\:divide-colors-orange-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-orange-300, #fbd38d); + } + + .md\:divide-colors-orange-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-orange-400, #f6ad55); + } + + .md\:divide-colors-orange-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-orange-500, #ed8936); + } + + .md\:divide-colors-orange-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-orange-600, #dd6b20); + } + + .md\:divide-colors-orange-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-orange-700, #c05621); + } + + .md\:divide-colors-orange-800 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-orange-800, #9c4221); + } + + .md\:divide-colors-orange-900 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-orange-900, #7b341e); + } + + .md\:divide-colors-yellow-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-yellow-100, #fffff0); + } + + .md\:divide-colors-yellow-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-yellow-200, #fefcbf); + } + + .md\:divide-colors-yellow-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-yellow-300, #faf089); + } + + .md\:divide-colors-yellow-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-yellow-400, #f6e05e); + } + + .md\:divide-colors-yellow-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-yellow-500, #ecc94b); + } + + .md\:divide-colors-yellow-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-yellow-600, #d69e2e); + } + + .md\:divide-colors-yellow-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-yellow-700, #b7791f); + } + + .md\:divide-colors-yellow-800 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-yellow-800, #975a16); + } + + .md\:divide-colors-yellow-900 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-yellow-900, #744210); + } + + .md\:divide-colors-green-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-green-100, #f0fff4); + } + + .md\:divide-colors-green-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-green-200, #c6f6d5); + } + + .md\:divide-colors-green-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-green-300, #9ae6b4); + } + + .md\:divide-colors-green-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-green-400, #68d391); + } + + .md\:divide-colors-green-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-green-500, #48bb78); + } + + .md\:divide-colors-green-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-green-600, #38a169); + } + + .md\:divide-colors-green-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-green-700, #2f855a); + } + + .md\:divide-colors-green-800 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-green-800, #276749); + } + + .md\:divide-colors-green-900 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-green-900, #22543d); + } + + .md\:divide-colors-teal-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-teal-100, #e6fffa); + } + + .md\:divide-colors-teal-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-teal-200, #b2f5ea); + } + + .md\:divide-colors-teal-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-teal-300, #81e6d9); + } + + .md\:divide-colors-teal-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-teal-400, #4fd1c5); + } + + .md\:divide-colors-teal-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-teal-500, #38b2ac); + } + + .md\:divide-colors-teal-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-teal-600, #319795); + } + + .md\:divide-colors-teal-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-teal-700, #2c7a7b); + } + + .md\:divide-colors-teal-800 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-teal-800, #285e61); + } + + .md\:divide-colors-teal-900 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-teal-900, #234e52); + } + + .md\:divide-colors-blue-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-blue-100, #ebf8ff); + } + + .md\:divide-colors-blue-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-blue-200, #bee3f8); + } + + .md\:divide-colors-blue-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-blue-300, #90cdf4); + } + + .md\:divide-colors-blue-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-blue-400, #63b3ed); + } + + .md\:divide-colors-blue-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-blue-500, #4299e1); + } + + .md\:divide-colors-blue-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-blue-600, #3182ce); + } + + .md\:divide-colors-blue-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-blue-700, #2b6cb0); + } + + .md\:divide-colors-blue-800 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-blue-800, #2c5282); + } + + .md\:divide-colors-blue-900 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-blue-900, #2a4365); + } + + .md\:divide-colors-indigo-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-indigo-100, #ebf4ff); + } + + .md\:divide-colors-indigo-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-indigo-200, #c3dafe); + } + + .md\:divide-colors-indigo-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-indigo-300, #a3bffa); + } + + .md\:divide-colors-indigo-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-indigo-400, #7f9cf5); + } + + .md\:divide-colors-indigo-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-indigo-500, #667eea); + } + + .md\:divide-colors-indigo-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-indigo-600, #5a67d8); + } + + .md\:divide-colors-indigo-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-indigo-700, #4c51bf); + } + + .md\:divide-colors-indigo-800 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-indigo-800, #434190); + } + + .md\:divide-colors-indigo-900 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-indigo-900, #3c366b); + } + + .md\:divide-colors-purple-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-purple-100, #faf5ff); + } + + .md\:divide-colors-purple-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-purple-200, #e9d8fd); + } + + .md\:divide-colors-purple-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-purple-300, #d6bcfa); + } + + .md\:divide-colors-purple-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-purple-400, #b794f4); + } + + .md\:divide-colors-purple-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-purple-500, #9f7aea); + } + + .md\:divide-colors-purple-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-purple-600, #805ad5); + } + + .md\:divide-colors-purple-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-purple-700, #6b46c1); + } + + .md\:divide-colors-purple-800 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-purple-800, #553c9a); + } + + .md\:divide-colors-purple-900 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-purple-900, #44337a); + } + + .md\:divide-colors-pink-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-pink-100, #fff5f7); + } + + .md\:divide-colors-pink-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-pink-200, #fed7e2); + } + + .md\:divide-colors-pink-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-pink-300, #fbb6ce); + } + + .md\:divide-colors-pink-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-pink-400, #f687b3); + } + + .md\:divide-colors-pink-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-pink-500, #ed64a6); + } + + .md\:divide-colors-pink-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-pink-600, #d53f8c); + } + + .md\:divide-colors-pink-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-pink-700, #b83280); + } + + .md\:divide-colors-pink-800 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-pink-800, #97266d); + } + + .md\:divide-colors-pink-900 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-pink-900, #702459); + } + + .md\:divide-Box\ Shadow > :not([hidden]) ~ :not([hidden]) { + border-color: var(--box-shadow, #7f7e7f); + } + + .md\:divide-Error16 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--error16, #f03d3e40); + } + + .md\:divide-Success16 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--success16, #5bb14d40); + } + + .md\:divide-Notification16 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--notification16, #3959ff40); + } + + .md\:divide-Error8 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--error8, #f03d3e1a); + } + + .md\:divide-Notification8 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--notification8, #3959ff1a); + } + + .md\:divide-Success8 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--success8, #5bb14d1a); + } + + .md\:divide-Light\ -\ Overlay > :not([hidden]) ~ :not([hidden]) { + border-color: var(--light-overlay, #f0edee66); + } + + .md\:divide-Dark-\ Overlay > :not([hidden]) ~ :not([hidden]) { + border-color: var(--dark-overlay, #7f7e7f66); + } + + .md\:divide-black-40 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--black-40, #00000066); + } + + .md\:divide-black-75 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--black-75, #000000bf); + } + + .md\:divide-black-60 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--black-60, #00000099); + } + + .md\:divide-black-50 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--black-50, #00000080); + } + + .md\:divide-black-25 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--black-25, #00000040); + } + + .md\:divide-black-10 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--black-10, #0000001a); + } + + .md\:divide-white-25 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--white-25, #ffffff40); + } + + .md\:divide-white-60 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--white-60, #ffffff99); + } + + .md\:divide-black-64 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--black-64, #000000a3); + } + + .md\:divide-Shadow\ and\ Highlight-Shadow > :not([hidden]) ~ :not([hidden]) { + border-color: var(--shadow-and-highlight-shadow, #7f7e7f); + } + + .md\:divide-Shadow\ and\ Highlight-Highlight > :not([hidden]) ~ :not([hidden]) { + border-color: var(--shadow-and-highlight-highlight, #474747); + } + + .md\:divide-Shadow\ and\ Highlight-highlight\ one > :not([hidden]) ~ :not([hidden]) { + border-color: var(--shadow-and-highlight-highlight-one, #474747bf); + } + + .md\:divide-Shadow\ and\ Highlight-highlight\ two > :not([hidden]) ~ :not([hidden]) { + border-color: var(--shadow-and-highlight-highlight-two, #47474799); + } + + .md\:divide-Shadow\ and\ Highlight-highlight\ three > :not([hidden]) ~ :not([hidden]) { + border-color: var(--shadow-and-highlight-highlight-three, #47474766); + } + + .md\:divide-Shadow\ and\ Highlight-highlight\ five > :not([hidden]) ~ :not([hidden]) { + border-color: var(--shadow-and-highlight-highlight-five, #4747471a); + } + + .md\:divide-Shadow\ and\ Highlight-shadow\ one > :not([hidden]) ~ :not([hidden]) { + border-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); + } + + .md\:divide-Shadow\ and\ Highlight-shadow\ two > :not([hidden]) ~ :not([hidden]) { + border-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); + } + + .md\:divide-Shadow\ and\ Highlight-shadow\ three > :not([hidden]) ~ :not([hidden]) { + border-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); + } + + .md\:divide-Shadow\ and\ Highlight-shadow\ four > :not([hidden]) ~ :not([hidden]) { + border-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); + } + + .md\:divide-Shadow\ and\ Highlight-shadow\ five > :not([hidden]) ~ :not([hidden]) { + border-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); + } + + .md\:divide-Shadow\ and\ Highlight-highlight\ four > :not([hidden]) ~ :not([hidden]) { + border-color: var(--shadow-and-highlight-highlight-four, #47474740); + } + + .md\:divide-Base\ Layer\ Styles-Base\ Layer-\ Light-White > :not([hidden]) ~ :not([hidden]) { + border-color: var(--base-layer-styles-base-layer-light-white, #ffffff); + } + + .md\:divide-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite > :not([hidden]) ~ :not([hidden]) { + border-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); + } + + .md\:divide-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack > :not([hidden]) ~ :not([hidden]) { + border-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); + } + + .md\:divide-Base\ Layer\ Styles-Base\ Layer-Dark-Black > :not([hidden]) ~ :not([hidden]) { + border-color: var(--base-layer-styles-base-layer-dark-black, #000000); + } + + .md\:divide-Grey-Scale-white > :not([hidden]) ~ :not([hidden]) { + border-color: var(--grey-scale-white, #ffffff); + } + + .md\:divide-Grey-Scale-off-white > :not([hidden]) ~ :not([hidden]) { + border-color: var(--grey-scale-off-white, #f0edee); + } + + .md\:divide-Grey\ Scale-grey > :not([hidden]) ~ :not([hidden]) { + border-color: var(--grey-scale-grey, #7f7e7f); + } + + .md\:divide-Grey\ Scale-charcoal > :not([hidden]) ~ :not([hidden]) { + border-color: var(--grey-scale-charcoal, #474747); + } + + .md\:divide-Grey\ Scale-off-black > :not([hidden]) ~ :not([hidden]) { + border-color: var(--grey-scale-off-black, #1c1c1c); + } + + .md\:divide-Grey\ Scale-black > :not([hidden]) ~ :not([hidden]) { + border-color: var(--grey-scale-black, #000000); + } + + .md\:divide-Blue-blue > :not([hidden]) ~ :not([hidden]) { + border-color: var(--blue-blue, #3a7ca5); + } + + .md\:divide-Blue-blue-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--blue-blue-100, #75a3c0); + } + + .md\:divide-Blue-blue-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--blue-blue-200, #9cbed2); + } + + .md\:divide-Blue-blue-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--blue-blue-300, #4f7d9a); + } + + .md\:divide-Blue-blue-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--blue-blue-400, #5c7d92); + } + + .md\:divide-Blue-blue-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--blue-blue-500, #347095); + } + + .md\:divide-Blue-blue-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--blue-blue-600, #295774); + } + + .md\:divide-Blue-blue-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--blue-blue-700, #173242); + } + + .md\:divide-LightBlue-lightblue > :not([hidden]) ~ :not([hidden]) { + border-color: var(--light-blue-lightblue, #81c3d7); + } + + .md\:divide-LightBlue-lightblue-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--light-blue-lightblue-100, #a7d5e3); + } + + .md\:divide-LightBlue-lightblue-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--light-blue-lightblue-200, #c0e1eb); + } + + .md\:divide-LightBlue-lightblue-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--light-blue-lightblue-300, #80aebd); + } + + .md\:divide-LightBlue-lightblue-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--light-blue-lightblue-400, #80a0ab); + } + + .md\:divide-LightBlue-lightblue-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--light-blue-lightblue-500, #74afc1); + } + + .md\:divide-LightBlue-lightblue-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--light-blue-lightblue-600, #5a8997); + } + + .md\:divide-LightBlue-lightblue-650 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--light-blue-lightblue-650, #3e5e65); + } + + .md\:divide-LightBlue-lightblue-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--light-blue-lightblue-700, #344e56); + } + + .md\:divide-Orange-orange > :not([hidden]) ~ :not([hidden]) { + border-color: var(--orange-orange, #ff7f0e); + } + + .md\:divide-Orange-orange-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--orange-orange-100, #ffa556); + } + + .md\:divide-Orange-orange-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--orange-orange-200, #ffbf86); + } + + .md\:divide-Orange-orange-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--orange-orange-300, #d97f30); + } + + .md\:divide-Orange-orange-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--orange-orange-400, #bf7e46); + } + + .md\:divide-Orange-orange-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--orange-orange-500, #e5720d); + } + + .md\:divide-Orange-orange-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--orange-orange-600, #b3590a); + } + + .md\:divide-Orange-orange-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--orange-orange-700, #663306); + } + + .md\:divide-Yellow-yellow > :not([hidden]) ~ :not([hidden]) { + border-color: var(--yellow-yellow, #ffab00); + } + + .md\:divide-Yellow-yellow-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--yellow-yellow-100, #ffc44c); + } + + .md\:divide-Yellow-yellow-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--yellow-yellow-200, #ffd580); + } + + .md\:divide-Yellow-yellow-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--yellow-yellow-300, #d99d26); + } + + .md\:divide-Yellow-yellow-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--yellow-yellow-400, #bf943f); + } + + .md\:divide-Yellow-yellow-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--yellow-yellow-500, #e59a00); + } + + .md\:divide-Yellow-yellow-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--yellow-yellow-600, #b37800); + } + + .md\:divide-Yellow-yellow-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--yellow-yellow-700, #664400); + } + + .md\:divide-Notification-notification > :not([hidden]) ~ :not([hidden]) { + border-color: var(--notification-notification, #3959ff); + } + + .md\:divide-Notification-notification-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--notification-notification-100, #748bff); + } + + .md\:divide-Notification-notification-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--notification-notification-200, #9cacff); + } + + .md\:divide-Notification-notification-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--notification-notification-300, #4e64d9); + } + + .md\:divide-Notification-notification-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--notification-notification-400, #5c6cbf); + } + + .md\:divide-Notification-notification-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--notification-notification-500, #3350e5); + } + + .md\:divide-Notification-notification-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--notification-notification-600, #283eb3); + } + + .md\:divide-Notification-notification-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--notification-notification-700, #172466); + } + + .md\:divide-Success-success\ -700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--success-success-700, #24471f); + } + + .md\:divide-Success-success > :not([hidden]) ~ :not([hidden]) { + border-color: var(--success-success, #5bb14d); + } + + .md\:divide-Success-success\ -100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--success-success-100, #8cc882); + } + + .md\:divide-Success-success\ -200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--success-success-200, #add8a6); + } + + .md\:divide-Success-success\ -300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--success-success-300, #66a25c); + } + + .md\:divide-Success-success\ -400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--success-success-400, #6d9766); + } + + .md\:divide-Success-success\ -500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--success-success-500, #529f45); + } + + .md\:divide-Success-success\ -600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--success-success-600, #407c36); + } + + .md\:divide-Error-error > :not([hidden]) ~ :not([hidden]) { + border-color: var(--error-error, #f03d3e); + } + + .md\:divide-Error-error-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--error-error-100, #f57778); + } + + .md\:divide-Error-error-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--error-error-200, #f89e9e); + } + + .md\:divide-Error-error-250 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--error-error-250, #f9c8c8); + } + + .md\:divide-Error-error-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--error-error-300, #ce5151); + } + + .md\:divide-Error-error-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--error-error-400, #b85e5e); + } + + .md\:divide-Error-error-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--error-error-500, #d83738); + } + + .md\:divide-Error-error-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--error-error-600, #a82b2b); + } + + .md\:divide-Error-error-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--error-error-700, #601819); + } + + .md\:divide-opacity-0 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 0; + } + + .md\:divide-opacity-5 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 0.05; + } + + .md\:divide-opacity-10 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 0.1; + } + + .md\:divide-opacity-20 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 0.2; + } + + .md\:divide-opacity-25 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 0.25; + } + + .md\:divide-opacity-30 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 0.3; + } + + .md\:divide-opacity-40 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 0.4; + } + + .md\:divide-opacity-50 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 0.5; + } + + .md\:divide-opacity-60 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 0.6; + } + + .md\:divide-opacity-70 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 0.7; + } + + .md\:divide-opacity-75 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 0.75; + } + + .md\:divide-opacity-80 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 0.8; + } + + .md\:divide-opacity-90 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 0.9; + } + + .md\:divide-opacity-95 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 0.95; + } + + .md\:divide-opacity-100 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 1; + } + + .md\:place-self-auto { + place-self: auto; + } + + .md\:place-self-start { + place-self: start; + } + + .md\:place-self-end { + place-self: end; + } + + .md\:place-self-center { + place-self: center; + } + + .md\:place-self-stretch { + place-self: stretch; + } + + .md\:self-auto { + align-self: auto; + } + + .md\:self-start { + align-self: flex-start; + } + + .md\:self-end { + align-self: flex-end; + } + + .md\:self-center { + align-self: center; + } + + .md\:self-stretch { + align-self: stretch; + } + + .md\:self-baseline { + align-self: baseline; + } + + .md\:justify-self-auto { + justify-self: auto; + } + + .md\:justify-self-start { + justify-self: start; + } + + .md\:justify-self-end { + justify-self: end; + } + + .md\:justify-self-center { + justify-self: center; + } + + .md\:justify-self-stretch { + justify-self: stretch; + } + + .md\:overflow-auto { + overflow: auto; + } + + .md\:overflow-hidden { + overflow: hidden; + } + + .md\:overflow-visible { + overflow: visible; + } + + .md\:overflow-scroll { + overflow: scroll; + } + + .md\:overflow-x-auto { + overflow-x: auto; + } + + .md\:overflow-y-auto { + overflow-y: auto; + } + + .md\:overflow-x-hidden { + overflow-x: hidden; + } + + .md\:overflow-y-hidden { + overflow-y: hidden; + } + + .md\:overflow-x-visible { + overflow-x: visible; + } + + .md\:overflow-y-visible { + overflow-y: visible; + } + + .md\:overflow-x-scroll { + overflow-x: scroll; + } + + .md\:overflow-y-scroll { + overflow-y: scroll; + } + + .md\:overscroll-auto { + overscroll-behavior: auto; + } + + .md\:overscroll-contain { + overscroll-behavior: contain; + } + + .md\:overscroll-none { + overscroll-behavior: none; + } + + .md\:overscroll-y-auto { + overscroll-behavior-y: auto; + } + + .md\:overscroll-y-contain { + overscroll-behavior-y: contain; + } + + .md\:overscroll-y-none { + overscroll-behavior-y: none; + } + + .md\:overscroll-x-auto { + overscroll-behavior-x: auto; + } + + .md\:overscroll-x-contain { + overscroll-behavior-x: contain; + } + + .md\:overscroll-x-none { + overscroll-behavior-x: none; + } + + .md\:truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + + .md\:overflow-ellipsis { + text-overflow: ellipsis; + } + + .md\:overflow-clip { + text-overflow: clip; + } + + .md\:whitespace-normal { + white-space: normal; + } + + .md\:whitespace-nowrap { + white-space: nowrap; + } + + .md\:whitespace-pre { + white-space: pre; + } + + .md\:whitespace-pre-line { + white-space: pre-line; + } + + .md\:whitespace-pre-wrap { + white-space: pre-wrap; + } + + .md\:break-normal { + overflow-wrap: normal; + word-break: normal; + } + + .md\:break-words { + overflow-wrap: break-word; + } + + .md\:break-all { + word-break: break-all; + } + + .md\:rounded-none { + border-radius: 0px; + } + + .md\:rounded-sm { + border-radius: 0.125rem; + } + + .md\:rounded { + border-radius: 0.25rem; + } + + .md\:rounded-md { + border-radius: 0.375rem; + } + + .md\:rounded-lg { + border-radius: 0.5rem; + } + + .md\:rounded-xl { + border-radius: 0.75rem; + } + + .md\:rounded-2xl { + border-radius: 1rem; + } + + .md\:rounded-3xl { + border-radius: 1.5rem; + } + + .md\:rounded-full { + border-radius: 9999px; + } + + .md\:rounded-t-none { + border-top-left-radius: 0px; + border-top-right-radius: 0px; + } + + .md\:rounded-t-sm { + border-top-left-radius: 0.125rem; + border-top-right-radius: 0.125rem; + } + + .md\:rounded-t { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; + } + + .md\:rounded-t-md { + border-top-left-radius: 0.375rem; + border-top-right-radius: 0.375rem; + } + + .md\:rounded-t-lg { + border-top-left-radius: 0.5rem; + border-top-right-radius: 0.5rem; + } + + .md\:rounded-t-xl { + border-top-left-radius: 0.75rem; + border-top-right-radius: 0.75rem; + } + + .md\:rounded-t-2xl { + border-top-left-radius: 1rem; + border-top-right-radius: 1rem; + } + + .md\:rounded-t-3xl { + border-top-left-radius: 1.5rem; + border-top-right-radius: 1.5rem; + } + + .md\:rounded-t-full { + border-top-left-radius: 9999px; + border-top-right-radius: 9999px; + } + + .md\:rounded-r-none { + border-top-right-radius: 0px; + border-bottom-right-radius: 0px; + } + + .md\:rounded-r-sm { + border-top-right-radius: 0.125rem; + border-bottom-right-radius: 0.125rem; + } + + .md\:rounded-r { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + } + + .md\:rounded-r-md { + border-top-right-radius: 0.375rem; + border-bottom-right-radius: 0.375rem; + } + + .md\:rounded-r-lg { + border-top-right-radius: 0.5rem; + border-bottom-right-radius: 0.5rem; + } + + .md\:rounded-r-xl { + border-top-right-radius: 0.75rem; + border-bottom-right-radius: 0.75rem; + } + + .md\:rounded-r-2xl { + border-top-right-radius: 1rem; + border-bottom-right-radius: 1rem; + } + + .md\:rounded-r-3xl { + border-top-right-radius: 1.5rem; + border-bottom-right-radius: 1.5rem; + } + + .md\:rounded-r-full { + border-top-right-radius: 9999px; + border-bottom-right-radius: 9999px; + } + + .md\:rounded-b-none { + border-bottom-right-radius: 0px; + border-bottom-left-radius: 0px; + } + + .md\:rounded-b-sm { + border-bottom-right-radius: 0.125rem; + border-bottom-left-radius: 0.125rem; + } + + .md\:rounded-b { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; + } + + .md\:rounded-b-md { + border-bottom-right-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; + } + + .md\:rounded-b-lg { + border-bottom-right-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; + } + + .md\:rounded-b-xl { + border-bottom-right-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; + } + + .md\:rounded-b-2xl { + border-bottom-right-radius: 1rem; + border-bottom-left-radius: 1rem; + } + + .md\:rounded-b-3xl { + border-bottom-right-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; + } + + .md\:rounded-b-full { + border-bottom-right-radius: 9999px; + border-bottom-left-radius: 9999px; + } + + .md\:rounded-l-none { + border-top-left-radius: 0px; + border-bottom-left-radius: 0px; + } + + .md\:rounded-l-sm { + border-top-left-radius: 0.125rem; + border-bottom-left-radius: 0.125rem; + } + + .md\:rounded-l { + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; + } + + .md\:rounded-l-md { + border-top-left-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; + } + + .md\:rounded-l-lg { + border-top-left-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; + } + + .md\:rounded-l-xl { + border-top-left-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; + } + + .md\:rounded-l-2xl { + border-top-left-radius: 1rem; + border-bottom-left-radius: 1rem; + } + + .md\:rounded-l-3xl { + border-top-left-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; + } + + .md\:rounded-l-full { + border-top-left-radius: 9999px; + border-bottom-left-radius: 9999px; + } + + .md\:rounded-tl-none { + border-top-left-radius: 0px; + } + + .md\:rounded-tl-sm { + border-top-left-radius: 0.125rem; + } + + .md\:rounded-tl { + border-top-left-radius: 0.25rem; + } + + .md\:rounded-tl-md { + border-top-left-radius: 0.375rem; + } + + .md\:rounded-tl-lg { + border-top-left-radius: 0.5rem; + } + + .md\:rounded-tl-xl { + border-top-left-radius: 0.75rem; + } + + .md\:rounded-tl-2xl { + border-top-left-radius: 1rem; + } + + .md\:rounded-tl-3xl { + border-top-left-radius: 1.5rem; + } + + .md\:rounded-tl-full { + border-top-left-radius: 9999px; + } + + .md\:rounded-tr-none { + border-top-right-radius: 0px; + } + + .md\:rounded-tr-sm { + border-top-right-radius: 0.125rem; + } + + .md\:rounded-tr { + border-top-right-radius: 0.25rem; + } + + .md\:rounded-tr-md { + border-top-right-radius: 0.375rem; + } + + .md\:rounded-tr-lg { + border-top-right-radius: 0.5rem; + } + + .md\:rounded-tr-xl { + border-top-right-radius: 0.75rem; + } + + .md\:rounded-tr-2xl { + border-top-right-radius: 1rem; + } + + .md\:rounded-tr-3xl { + border-top-right-radius: 1.5rem; + } + + .md\:rounded-tr-full { + border-top-right-radius: 9999px; + } + + .md\:rounded-br-none { + border-bottom-right-radius: 0px; + } + + .md\:rounded-br-sm { + border-bottom-right-radius: 0.125rem; + } + + .md\:rounded-br { + border-bottom-right-radius: 0.25rem; + } + + .md\:rounded-br-md { + border-bottom-right-radius: 0.375rem; + } + + .md\:rounded-br-lg { + border-bottom-right-radius: 0.5rem; + } + + .md\:rounded-br-xl { + border-bottom-right-radius: 0.75rem; + } + + .md\:rounded-br-2xl { + border-bottom-right-radius: 1rem; + } + + .md\:rounded-br-3xl { + border-bottom-right-radius: 1.5rem; + } + + .md\:rounded-br-full { + border-bottom-right-radius: 9999px; + } + + .md\:rounded-bl-none { + border-bottom-left-radius: 0px; + } + + .md\:rounded-bl-sm { + border-bottom-left-radius: 0.125rem; + } + + .md\:rounded-bl { + border-bottom-left-radius: 0.25rem; + } + + .md\:rounded-bl-md { + border-bottom-left-radius: 0.375rem; + } + + .md\:rounded-bl-lg { + border-bottom-left-radius: 0.5rem; + } + + .md\:rounded-bl-xl { + border-bottom-left-radius: 0.75rem; + } + + .md\:rounded-bl-2xl { + border-bottom-left-radius: 1rem; + } + + .md\:rounded-bl-3xl { + border-bottom-left-radius: 1.5rem; + } + + .md\:rounded-bl-full { + border-bottom-left-radius: 9999px; + } + + .md\:border-0 { + border-width: 0px; + } + + .md\:border-2 { + border-width: 2px; + } + + .md\:border-4 { + border-width: 4px; + } + + .md\:border-8 { + border-width: 8px; + } + + .md\:border { + border-width: 1px; + } + + .md\:border-t-0 { + border-top-width: 0px; + } + + .md\:border-t-2 { + border-top-width: 2px; + } + + .md\:border-t-4 { + border-top-width: 4px; + } + + .md\:border-t-8 { + border-top-width: 8px; + } + + .md\:border-t { + border-top-width: 1px; + } + + .md\:border-r-0 { + border-right-width: 0px; + } + + .md\:border-r-2 { + border-right-width: 2px; + } + + .md\:border-r-4 { + border-right-width: 4px; + } + + .md\:border-r-8 { + border-right-width: 8px; + } + + .md\:border-r { + border-right-width: 1px; + } + + .md\:border-b-0 { + border-bottom-width: 0px; + } + + .md\:border-b-2 { + border-bottom-width: 2px; + } + + .md\:border-b-4 { + border-bottom-width: 4px; + } + + .md\:border-b-8 { + border-bottom-width: 8px; + } + + .md\:border-b { + border-bottom-width: 1px; + } + + .md\:border-l-0 { + border-left-width: 0px; + } + + .md\:border-l-2 { + border-left-width: 2px; + } + + .md\:border-l-4 { + border-left-width: 4px; + } + + .md\:border-l-8 { + border-left-width: 8px; + } + + .md\:border-l { + border-left-width: 1px; + } + + .md\:border-solid { + border-style: solid; + } + + .md\:border-dashed { + border-style: dashed; + } + + .md\:border-dotted { + border-style: dotted; + } + + .md\:border-double { + border-style: double; + } + + .md\:border-none { + border-style: none; + } + + .md\:border-colors-black { + border-color: var(--colors-black, #000000); + } + + .md\:border-colors-white { + border-color: var(--colors-white, #ffffff); + } + + .md\:border-colors-gray-100 { + border-color: var(--colors-gray-100, #f7fafc); + } + + .md\:border-colors-gray-200 { + border-color: var(--colors-gray-200, #edf2f7); + } + + .md\:border-colors-gray-300 { + border-color: var(--colors-gray-300, #e2e8f0); + } + + .md\:border-colors-gray-400 { + border-color: var(--colors-gray-400, #cbd5e0); + } + + .md\:border-colors-gray-500 { + border-color: var(--colors-gray-500, #a0aec0); + } + + .md\:border-colors-gray-600 { + border-color: var(--colors-gray-600, #718096); + } + + .md\:border-colors-gray-700 { + border-color: var(--colors-gray-700, #4a5568); + } + + .md\:border-colors-gray-800 { + border-color: var(--colors-gray-800, #2d3748); + } + + .md\:border-colors-gray-900 { + border-color: var(--colors-gray-900, #1a202c); + } + + .md\:border-colors-red-100 { + border-color: var(--colors-red-100, #fff5f5); + } + + .md\:border-colors-red-200 { + border-color: var(--colors-red-200, #fed7d7); + } + + .md\:border-colors-red-300 { + border-color: var(--colors-red-300, #feb2b2); + } + + .md\:border-colors-red-400 { + border-color: var(--colors-red-400, #fc8181); + } + + .md\:border-colors-red-500 { + border-color: var(--colors-red-500, #f56565); + } + + .md\:border-colors-red-600 { + border-color: var(--colors-red-600, #e53e3e); + } + + .md\:border-colors-red-700 { + border-color: var(--colors-red-700, #c53030); + } + + .md\:border-colors-red-800 { + border-color: var(--colors-red-800, #9b2c2c); + } + + .md\:border-colors-red-900 { + border-color: var(--colors-red-900, #742a2a); + } + + .md\:border-colors-orange-100 { + border-color: var(--colors-orange-100, #fffaf0); + } + + .md\:border-colors-orange-200 { + border-color: var(--colors-orange-200, #feebc8); + } + + .md\:border-colors-orange-300 { + border-color: var(--colors-orange-300, #fbd38d); + } + + .md\:border-colors-orange-400 { + border-color: var(--colors-orange-400, #f6ad55); + } + + .md\:border-colors-orange-500 { + border-color: var(--colors-orange-500, #ed8936); + } + + .md\:border-colors-orange-600 { + border-color: var(--colors-orange-600, #dd6b20); + } + + .md\:border-colors-orange-700 { + border-color: var(--colors-orange-700, #c05621); + } + + .md\:border-colors-orange-800 { + border-color: var(--colors-orange-800, #9c4221); + } + + .md\:border-colors-orange-900 { + border-color: var(--colors-orange-900, #7b341e); + } + + .md\:border-colors-yellow-100 { + border-color: var(--colors-yellow-100, #fffff0); + } + + .md\:border-colors-yellow-200 { + border-color: var(--colors-yellow-200, #fefcbf); + } + + .md\:border-colors-yellow-300 { + border-color: var(--colors-yellow-300, #faf089); + } + + .md\:border-colors-yellow-400 { + border-color: var(--colors-yellow-400, #f6e05e); + } + + .md\:border-colors-yellow-500 { + border-color: var(--colors-yellow-500, #ecc94b); + } + + .md\:border-colors-yellow-600 { + border-color: var(--colors-yellow-600, #d69e2e); + } + + .md\:border-colors-yellow-700 { + border-color: var(--colors-yellow-700, #b7791f); + } + + .md\:border-colors-yellow-800 { + border-color: var(--colors-yellow-800, #975a16); + } + + .md\:border-colors-yellow-900 { + border-color: var(--colors-yellow-900, #744210); + } + + .md\:border-colors-green-100 { + border-color: var(--colors-green-100, #f0fff4); + } + + .md\:border-colors-green-200 { + border-color: var(--colors-green-200, #c6f6d5); + } + + .md\:border-colors-green-300 { + border-color: var(--colors-green-300, #9ae6b4); + } + + .md\:border-colors-green-400 { + border-color: var(--colors-green-400, #68d391); + } + + .md\:border-colors-green-500 { + border-color: var(--colors-green-500, #48bb78); + } + + .md\:border-colors-green-600 { + border-color: var(--colors-green-600, #38a169); + } + + .md\:border-colors-green-700 { + border-color: var(--colors-green-700, #2f855a); + } + + .md\:border-colors-green-800 { + border-color: var(--colors-green-800, #276749); + } + + .md\:border-colors-green-900 { + border-color: var(--colors-green-900, #22543d); + } + + .md\:border-colors-teal-100 { + border-color: var(--colors-teal-100, #e6fffa); + } + + .md\:border-colors-teal-200 { + border-color: var(--colors-teal-200, #b2f5ea); + } + + .md\:border-colors-teal-300 { + border-color: var(--colors-teal-300, #81e6d9); + } + + .md\:border-colors-teal-400 { + border-color: var(--colors-teal-400, #4fd1c5); + } + + .md\:border-colors-teal-500 { + border-color: var(--colors-teal-500, #38b2ac); + } + + .md\:border-colors-teal-600 { + border-color: var(--colors-teal-600, #319795); + } + + .md\:border-colors-teal-700 { + border-color: var(--colors-teal-700, #2c7a7b); + } + + .md\:border-colors-teal-800 { + border-color: var(--colors-teal-800, #285e61); + } + + .md\:border-colors-teal-900 { + border-color: var(--colors-teal-900, #234e52); + } + + .md\:border-colors-blue-100 { + border-color: var(--colors-blue-100, #ebf8ff); + } + + .md\:border-colors-blue-200 { + border-color: var(--colors-blue-200, #bee3f8); + } + + .md\:border-colors-blue-300 { + border-color: var(--colors-blue-300, #90cdf4); + } + + .md\:border-colors-blue-400 { + border-color: var(--colors-blue-400, #63b3ed); + } + + .md\:border-colors-blue-500 { + border-color: var(--colors-blue-500, #4299e1); + } + + .md\:border-colors-blue-600 { + border-color: var(--colors-blue-600, #3182ce); + } + + .md\:border-colors-blue-700 { + border-color: var(--colors-blue-700, #2b6cb0); + } + + .md\:border-colors-blue-800 { + border-color: var(--colors-blue-800, #2c5282); + } + + .md\:border-colors-blue-900 { + border-color: var(--colors-blue-900, #2a4365); + } + + .md\:border-colors-indigo-100 { + border-color: var(--colors-indigo-100, #ebf4ff); + } + + .md\:border-colors-indigo-200 { + border-color: var(--colors-indigo-200, #c3dafe); + } + + .md\:border-colors-indigo-300 { + border-color: var(--colors-indigo-300, #a3bffa); + } + + .md\:border-colors-indigo-400 { + border-color: var(--colors-indigo-400, #7f9cf5); + } + + .md\:border-colors-indigo-500 { + border-color: var(--colors-indigo-500, #667eea); + } + + .md\:border-colors-indigo-600 { + border-color: var(--colors-indigo-600, #5a67d8); + } + + .md\:border-colors-indigo-700 { + border-color: var(--colors-indigo-700, #4c51bf); + } + + .md\:border-colors-indigo-800 { + border-color: var(--colors-indigo-800, #434190); + } + + .md\:border-colors-indigo-900 { + border-color: var(--colors-indigo-900, #3c366b); + } + + .md\:border-colors-purple-100 { + border-color: var(--colors-purple-100, #faf5ff); + } + + .md\:border-colors-purple-200 { + border-color: var(--colors-purple-200, #e9d8fd); + } + + .md\:border-colors-purple-300 { + border-color: var(--colors-purple-300, #d6bcfa); + } + + .md\:border-colors-purple-400 { + border-color: var(--colors-purple-400, #b794f4); + } + + .md\:border-colors-purple-500 { + border-color: var(--colors-purple-500, #9f7aea); + } + + .md\:border-colors-purple-600 { + border-color: var(--colors-purple-600, #805ad5); + } + + .md\:border-colors-purple-700 { + border-color: var(--colors-purple-700, #6b46c1); + } + + .md\:border-colors-purple-800 { + border-color: var(--colors-purple-800, #553c9a); + } + + .md\:border-colors-purple-900 { + border-color: var(--colors-purple-900, #44337a); + } + + .md\:border-colors-pink-100 { + border-color: var(--colors-pink-100, #fff5f7); + } + + .md\:border-colors-pink-200 { + border-color: var(--colors-pink-200, #fed7e2); + } + + .md\:border-colors-pink-300 { + border-color: var(--colors-pink-300, #fbb6ce); + } + + .md\:border-colors-pink-400 { + border-color: var(--colors-pink-400, #f687b3); + } + + .md\:border-colors-pink-500 { + border-color: var(--colors-pink-500, #ed64a6); + } + + .md\:border-colors-pink-600 { + border-color: var(--colors-pink-600, #d53f8c); + } + + .md\:border-colors-pink-700 { + border-color: var(--colors-pink-700, #b83280); + } + + .md\:border-colors-pink-800 { + border-color: var(--colors-pink-800, #97266d); + } + + .md\:border-colors-pink-900 { + border-color: var(--colors-pink-900, #702459); + } + + .md\:border-Box\ Shadow { + border-color: var(--box-shadow, #7f7e7f); + } + + .md\:border-Error16 { + border-color: var(--error16, #f03d3e40); + } + + .md\:border-Success16 { + border-color: var(--success16, #5bb14d40); + } + + .md\:border-Notification16 { + border-color: var(--notification16, #3959ff40); + } + + .md\:border-Error8 { + border-color: var(--error8, #f03d3e1a); + } + + .md\:border-Notification8 { + border-color: var(--notification8, #3959ff1a); + } + + .md\:border-Success8 { + border-color: var(--success8, #5bb14d1a); + } + + .md\:border-Light\ -\ Overlay { + border-color: var(--light-overlay, #f0edee66); + } + + .md\:border-Dark-\ Overlay { + border-color: var(--dark-overlay, #7f7e7f66); + } + + .md\:border-black-40 { + border-color: var(--black-40, #00000066); + } + + .md\:border-black-75 { + border-color: var(--black-75, #000000bf); + } + + .md\:border-black-60 { + border-color: var(--black-60, #00000099); + } + + .md\:border-black-50 { + border-color: var(--black-50, #00000080); + } + + .md\:border-black-25 { + border-color: var(--black-25, #00000040); + } + + .md\:border-black-10 { + border-color: var(--black-10, #0000001a); + } + + .md\:border-white-25 { + border-color: var(--white-25, #ffffff40); + } + + .md\:border-white-60 { + border-color: var(--white-60, #ffffff99); + } + + .md\:border-black-64 { + border-color: var(--black-64, #000000a3); + } + + .md\:border-Shadow\ and\ Highlight-Shadow { + border-color: var(--shadow-and-highlight-shadow, #7f7e7f); + } + + .md\:border-Shadow\ and\ Highlight-Highlight { + border-color: var(--shadow-and-highlight-highlight, #474747); + } + + .md\:border-Shadow\ and\ Highlight-highlight\ one { + border-color: var(--shadow-and-highlight-highlight-one, #474747bf); + } + + .md\:border-Shadow\ and\ Highlight-highlight\ two { + border-color: var(--shadow-and-highlight-highlight-two, #47474799); + } + + .md\:border-Shadow\ and\ Highlight-highlight\ three { + border-color: var(--shadow-and-highlight-highlight-three, #47474766); + } + + .md\:border-Shadow\ and\ Highlight-highlight\ five { + border-color: var(--shadow-and-highlight-highlight-five, #4747471a); + } + + .md\:border-Shadow\ and\ Highlight-shadow\ one { + border-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); + } + + .md\:border-Shadow\ and\ Highlight-shadow\ two { + border-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); + } + + .md\:border-Shadow\ and\ Highlight-shadow\ three { + border-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); + } + + .md\:border-Shadow\ and\ Highlight-shadow\ four { + border-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); + } + + .md\:border-Shadow\ and\ Highlight-shadow\ five { + border-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); + } + + .md\:border-Shadow\ and\ Highlight-highlight\ four { + border-color: var(--shadow-and-highlight-highlight-four, #47474740); + } + + .md\:border-Base\ Layer\ Styles-Base\ Layer-\ Light-White { + border-color: var(--base-layer-styles-base-layer-light-white, #ffffff); + } + + .md\:border-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite { + border-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); + } + + .md\:border-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack { + border-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); + } + + .md\:border-Base\ Layer\ Styles-Base\ Layer-Dark-Black { + border-color: var(--base-layer-styles-base-layer-dark-black, #000000); + } + + .md\:border-Grey-Scale-white { + border-color: var(--grey-scale-white, #ffffff); + } + + .md\:border-Grey-Scale-off-white { + border-color: var(--grey-scale-off-white, #f0edee); + } + + .md\:border-Grey\ Scale-grey { + border-color: var(--grey-scale-grey, #7f7e7f); + } + + .md\:border-Grey\ Scale-charcoal { + border-color: var(--grey-scale-charcoal, #474747); + } + + .md\:border-Grey\ Scale-off-black { + border-color: var(--grey-scale-off-black, #1c1c1c); + } + + .md\:border-Grey\ Scale-black { + border-color: var(--grey-scale-black, #000000); + } + + .md\:border-Blue-blue { + border-color: var(--blue-blue, #3a7ca5); + } + + .md\:border-Blue-blue-100 { + border-color: var(--blue-blue-100, #75a3c0); + } + + .md\:border-Blue-blue-200 { + border-color: var(--blue-blue-200, #9cbed2); + } + + .md\:border-Blue-blue-300 { + border-color: var(--blue-blue-300, #4f7d9a); + } + + .md\:border-Blue-blue-400 { + border-color: var(--blue-blue-400, #5c7d92); + } + + .md\:border-Blue-blue-500 { + border-color: var(--blue-blue-500, #347095); + } + + .md\:border-Blue-blue-600 { + border-color: var(--blue-blue-600, #295774); + } + + .md\:border-Blue-blue-700 { + border-color: var(--blue-blue-700, #173242); + } + + .md\:border-LightBlue-lightblue { + border-color: var(--light-blue-lightblue, #81c3d7); + } + + .md\:border-LightBlue-lightblue-100 { + border-color: var(--light-blue-lightblue-100, #a7d5e3); + } + + .md\:border-LightBlue-lightblue-200 { + border-color: var(--light-blue-lightblue-200, #c0e1eb); + } + + .md\:border-LightBlue-lightblue-300 { + border-color: var(--light-blue-lightblue-300, #80aebd); + } + + .md\:border-LightBlue-lightblue-400 { + border-color: var(--light-blue-lightblue-400, #80a0ab); + } + + .md\:border-LightBlue-lightblue-500 { + border-color: var(--light-blue-lightblue-500, #74afc1); + } + + .md\:border-LightBlue-lightblue-600 { + border-color: var(--light-blue-lightblue-600, #5a8997); + } + + .md\:border-LightBlue-lightblue-650 { + border-color: var(--light-blue-lightblue-650, #3e5e65); + } + + .md\:border-LightBlue-lightblue-700 { + border-color: var(--light-blue-lightblue-700, #344e56); + } + + .md\:border-Orange-orange { + border-color: var(--orange-orange, #ff7f0e); + } + + .md\:border-Orange-orange-100 { + border-color: var(--orange-orange-100, #ffa556); + } + + .md\:border-Orange-orange-200 { + border-color: var(--orange-orange-200, #ffbf86); + } + + .md\:border-Orange-orange-300 { + border-color: var(--orange-orange-300, #d97f30); + } + + .md\:border-Orange-orange-400 { + border-color: var(--orange-orange-400, #bf7e46); + } + + .md\:border-Orange-orange-500 { + border-color: var(--orange-orange-500, #e5720d); + } + + .md\:border-Orange-orange-600 { + border-color: var(--orange-orange-600, #b3590a); + } + + .md\:border-Orange-orange-700 { + border-color: var(--orange-orange-700, #663306); + } + + .md\:border-Yellow-yellow { + border-color: var(--yellow-yellow, #ffab00); + } + + .md\:border-Yellow-yellow-100 { + border-color: var(--yellow-yellow-100, #ffc44c); + } + + .md\:border-Yellow-yellow-200 { + border-color: var(--yellow-yellow-200, #ffd580); + } + + .md\:border-Yellow-yellow-300 { + border-color: var(--yellow-yellow-300, #d99d26); + } + + .md\:border-Yellow-yellow-400 { + border-color: var(--yellow-yellow-400, #bf943f); + } + + .md\:border-Yellow-yellow-500 { + border-color: var(--yellow-yellow-500, #e59a00); + } + + .md\:border-Yellow-yellow-600 { + border-color: var(--yellow-yellow-600, #b37800); + } + + .md\:border-Yellow-yellow-700 { + border-color: var(--yellow-yellow-700, #664400); + } + + .md\:border-Notification-notification { + border-color: var(--notification-notification, #3959ff); + } + + .md\:border-Notification-notification-100 { + border-color: var(--notification-notification-100, #748bff); + } + + .md\:border-Notification-notification-200 { + border-color: var(--notification-notification-200, #9cacff); + } + + .md\:border-Notification-notification-300 { + border-color: var(--notification-notification-300, #4e64d9); + } + + .md\:border-Notification-notification-400 { + border-color: var(--notification-notification-400, #5c6cbf); + } + + .md\:border-Notification-notification-500 { + border-color: var(--notification-notification-500, #3350e5); + } + + .md\:border-Notification-notification-600 { + border-color: var(--notification-notification-600, #283eb3); + } + + .md\:border-Notification-notification-700 { + border-color: var(--notification-notification-700, #172466); + } + + .md\:border-Success-success\ -700 { + border-color: var(--success-success-700, #24471f); + } + + .md\:border-Success-success { + border-color: var(--success-success, #5bb14d); + } + + .md\:border-Success-success\ -100 { + border-color: var(--success-success-100, #8cc882); + } + + .md\:border-Success-success\ -200 { + border-color: var(--success-success-200, #add8a6); + } + + .md\:border-Success-success\ -300 { + border-color: var(--success-success-300, #66a25c); + } + + .md\:border-Success-success\ -400 { + border-color: var(--success-success-400, #6d9766); + } + + .md\:border-Success-success\ -500 { + border-color: var(--success-success-500, #529f45); + } + + .md\:border-Success-success\ -600 { + border-color: var(--success-success-600, #407c36); + } + + .md\:border-Error-error { + border-color: var(--error-error, #f03d3e); + } + + .md\:border-Error-error-100 { + border-color: var(--error-error-100, #f57778); + } + + .md\:border-Error-error-200 { + border-color: var(--error-error-200, #f89e9e); + } + + .md\:border-Error-error-250 { + border-color: var(--error-error-250, #f9c8c8); + } + + .md\:border-Error-error-300 { + border-color: var(--error-error-300, #ce5151); + } + + .md\:border-Error-error-400 { + border-color: var(--error-error-400, #b85e5e); + } + + .md\:border-Error-error-500 { + border-color: var(--error-error-500, #d83738); + } + + .md\:border-Error-error-600 { + border-color: var(--error-error-600, #a82b2b); + } + + .md\:border-Error-error-700 { + border-color: var(--error-error-700, #601819); + } + + .group:hover .md\:group-hover\:border-colors-black { + border-color: var(--colors-black, #000000); + } + + .group:hover .md\:group-hover\:border-colors-white { + border-color: var(--colors-white, #ffffff); + } + + .group:hover .md\:group-hover\:border-colors-gray-100 { + border-color: var(--colors-gray-100, #f7fafc); + } + + .group:hover .md\:group-hover\:border-colors-gray-200 { + border-color: var(--colors-gray-200, #edf2f7); + } + + .group:hover .md\:group-hover\:border-colors-gray-300 { + border-color: var(--colors-gray-300, #e2e8f0); + } + + .group:hover .md\:group-hover\:border-colors-gray-400 { + border-color: var(--colors-gray-400, #cbd5e0); + } + + .group:hover .md\:group-hover\:border-colors-gray-500 { + border-color: var(--colors-gray-500, #a0aec0); + } + + .group:hover .md\:group-hover\:border-colors-gray-600 { + border-color: var(--colors-gray-600, #718096); + } + + .group:hover .md\:group-hover\:border-colors-gray-700 { + border-color: var(--colors-gray-700, #4a5568); + } + + .group:hover .md\:group-hover\:border-colors-gray-800 { + border-color: var(--colors-gray-800, #2d3748); + } + + .group:hover .md\:group-hover\:border-colors-gray-900 { + border-color: var(--colors-gray-900, #1a202c); + } + + .group:hover .md\:group-hover\:border-colors-red-100 { + border-color: var(--colors-red-100, #fff5f5); + } + + .group:hover .md\:group-hover\:border-colors-red-200 { + border-color: var(--colors-red-200, #fed7d7); + } + + .group:hover .md\:group-hover\:border-colors-red-300 { + border-color: var(--colors-red-300, #feb2b2); + } + + .group:hover .md\:group-hover\:border-colors-red-400 { + border-color: var(--colors-red-400, #fc8181); + } + + .group:hover .md\:group-hover\:border-colors-red-500 { + border-color: var(--colors-red-500, #f56565); + } + + .group:hover .md\:group-hover\:border-colors-red-600 { + border-color: var(--colors-red-600, #e53e3e); + } + + .group:hover .md\:group-hover\:border-colors-red-700 { + border-color: var(--colors-red-700, #c53030); + } + + .group:hover .md\:group-hover\:border-colors-red-800 { + border-color: var(--colors-red-800, #9b2c2c); + } + + .group:hover .md\:group-hover\:border-colors-red-900 { + border-color: var(--colors-red-900, #742a2a); + } + + .group:hover .md\:group-hover\:border-colors-orange-100 { + border-color: var(--colors-orange-100, #fffaf0); + } + + .group:hover .md\:group-hover\:border-colors-orange-200 { + border-color: var(--colors-orange-200, #feebc8); + } + + .group:hover .md\:group-hover\:border-colors-orange-300 { + border-color: var(--colors-orange-300, #fbd38d); + } + + .group:hover .md\:group-hover\:border-colors-orange-400 { + border-color: var(--colors-orange-400, #f6ad55); + } + + .group:hover .md\:group-hover\:border-colors-orange-500 { + border-color: var(--colors-orange-500, #ed8936); + } + + .group:hover .md\:group-hover\:border-colors-orange-600 { + border-color: var(--colors-orange-600, #dd6b20); + } + + .group:hover .md\:group-hover\:border-colors-orange-700 { + border-color: var(--colors-orange-700, #c05621); + } + + .group:hover .md\:group-hover\:border-colors-orange-800 { + border-color: var(--colors-orange-800, #9c4221); + } + + .group:hover .md\:group-hover\:border-colors-orange-900 { + border-color: var(--colors-orange-900, #7b341e); + } + + .group:hover .md\:group-hover\:border-colors-yellow-100 { + border-color: var(--colors-yellow-100, #fffff0); + } + + .group:hover .md\:group-hover\:border-colors-yellow-200 { + border-color: var(--colors-yellow-200, #fefcbf); + } + + .group:hover .md\:group-hover\:border-colors-yellow-300 { + border-color: var(--colors-yellow-300, #faf089); + } + + .group:hover .md\:group-hover\:border-colors-yellow-400 { + border-color: var(--colors-yellow-400, #f6e05e); + } + + .group:hover .md\:group-hover\:border-colors-yellow-500 { + border-color: var(--colors-yellow-500, #ecc94b); + } + + .group:hover .md\:group-hover\:border-colors-yellow-600 { + border-color: var(--colors-yellow-600, #d69e2e); + } + + .group:hover .md\:group-hover\:border-colors-yellow-700 { + border-color: var(--colors-yellow-700, #b7791f); + } + + .group:hover .md\:group-hover\:border-colors-yellow-800 { + border-color: var(--colors-yellow-800, #975a16); + } + + .group:hover .md\:group-hover\:border-colors-yellow-900 { + border-color: var(--colors-yellow-900, #744210); + } + + .group:hover .md\:group-hover\:border-colors-green-100 { + border-color: var(--colors-green-100, #f0fff4); + } + + .group:hover .md\:group-hover\:border-colors-green-200 { + border-color: var(--colors-green-200, #c6f6d5); + } + + .group:hover .md\:group-hover\:border-colors-green-300 { + border-color: var(--colors-green-300, #9ae6b4); + } + + .group:hover .md\:group-hover\:border-colors-green-400 { + border-color: var(--colors-green-400, #68d391); + } + + .group:hover .md\:group-hover\:border-colors-green-500 { + border-color: var(--colors-green-500, #48bb78); + } + + .group:hover .md\:group-hover\:border-colors-green-600 { + border-color: var(--colors-green-600, #38a169); + } + + .group:hover .md\:group-hover\:border-colors-green-700 { + border-color: var(--colors-green-700, #2f855a); + } + + .group:hover .md\:group-hover\:border-colors-green-800 { + border-color: var(--colors-green-800, #276749); + } + + .group:hover .md\:group-hover\:border-colors-green-900 { + border-color: var(--colors-green-900, #22543d); + } + + .group:hover .md\:group-hover\:border-colors-teal-100 { + border-color: var(--colors-teal-100, #e6fffa); + } + + .group:hover .md\:group-hover\:border-colors-teal-200 { + border-color: var(--colors-teal-200, #b2f5ea); + } + + .group:hover .md\:group-hover\:border-colors-teal-300 { + border-color: var(--colors-teal-300, #81e6d9); + } + + .group:hover .md\:group-hover\:border-colors-teal-400 { + border-color: var(--colors-teal-400, #4fd1c5); + } + + .group:hover .md\:group-hover\:border-colors-teal-500 { + border-color: var(--colors-teal-500, #38b2ac); + } + + .group:hover .md\:group-hover\:border-colors-teal-600 { + border-color: var(--colors-teal-600, #319795); + } + + .group:hover .md\:group-hover\:border-colors-teal-700 { + border-color: var(--colors-teal-700, #2c7a7b); + } + + .group:hover .md\:group-hover\:border-colors-teal-800 { + border-color: var(--colors-teal-800, #285e61); + } + + .group:hover .md\:group-hover\:border-colors-teal-900 { + border-color: var(--colors-teal-900, #234e52); + } + + .group:hover .md\:group-hover\:border-colors-blue-100 { + border-color: var(--colors-blue-100, #ebf8ff); + } + + .group:hover .md\:group-hover\:border-colors-blue-200 { + border-color: var(--colors-blue-200, #bee3f8); + } + + .group:hover .md\:group-hover\:border-colors-blue-300 { + border-color: var(--colors-blue-300, #90cdf4); + } + + .group:hover .md\:group-hover\:border-colors-blue-400 { + border-color: var(--colors-blue-400, #63b3ed); + } + + .group:hover .md\:group-hover\:border-colors-blue-500 { + border-color: var(--colors-blue-500, #4299e1); + } + + .group:hover .md\:group-hover\:border-colors-blue-600 { + border-color: var(--colors-blue-600, #3182ce); + } + + .group:hover .md\:group-hover\:border-colors-blue-700 { + border-color: var(--colors-blue-700, #2b6cb0); + } + + .group:hover .md\:group-hover\:border-colors-blue-800 { + border-color: var(--colors-blue-800, #2c5282); + } + + .group:hover .md\:group-hover\:border-colors-blue-900 { + border-color: var(--colors-blue-900, #2a4365); + } + + .group:hover .md\:group-hover\:border-colors-indigo-100 { + border-color: var(--colors-indigo-100, #ebf4ff); + } + + .group:hover .md\:group-hover\:border-colors-indigo-200 { + border-color: var(--colors-indigo-200, #c3dafe); + } + + .group:hover .md\:group-hover\:border-colors-indigo-300 { + border-color: var(--colors-indigo-300, #a3bffa); + } + + .group:hover .md\:group-hover\:border-colors-indigo-400 { + border-color: var(--colors-indigo-400, #7f9cf5); + } + + .group:hover .md\:group-hover\:border-colors-indigo-500 { + border-color: var(--colors-indigo-500, #667eea); + } + + .group:hover .md\:group-hover\:border-colors-indigo-600 { + border-color: var(--colors-indigo-600, #5a67d8); + } + + .group:hover .md\:group-hover\:border-colors-indigo-700 { + border-color: var(--colors-indigo-700, #4c51bf); + } + + .group:hover .md\:group-hover\:border-colors-indigo-800 { + border-color: var(--colors-indigo-800, #434190); + } + + .group:hover .md\:group-hover\:border-colors-indigo-900 { + border-color: var(--colors-indigo-900, #3c366b); + } + + .group:hover .md\:group-hover\:border-colors-purple-100 { + border-color: var(--colors-purple-100, #faf5ff); + } + + .group:hover .md\:group-hover\:border-colors-purple-200 { + border-color: var(--colors-purple-200, #e9d8fd); + } + + .group:hover .md\:group-hover\:border-colors-purple-300 { + border-color: var(--colors-purple-300, #d6bcfa); + } + + .group:hover .md\:group-hover\:border-colors-purple-400 { + border-color: var(--colors-purple-400, #b794f4); + } + + .group:hover .md\:group-hover\:border-colors-purple-500 { + border-color: var(--colors-purple-500, #9f7aea); + } + + .group:hover .md\:group-hover\:border-colors-purple-600 { + border-color: var(--colors-purple-600, #805ad5); + } + + .group:hover .md\:group-hover\:border-colors-purple-700 { + border-color: var(--colors-purple-700, #6b46c1); + } + + .group:hover .md\:group-hover\:border-colors-purple-800 { + border-color: var(--colors-purple-800, #553c9a); + } + + .group:hover .md\:group-hover\:border-colors-purple-900 { + border-color: var(--colors-purple-900, #44337a); + } + + .group:hover .md\:group-hover\:border-colors-pink-100 { + border-color: var(--colors-pink-100, #fff5f7); + } + + .group:hover .md\:group-hover\:border-colors-pink-200 { + border-color: var(--colors-pink-200, #fed7e2); + } + + .group:hover .md\:group-hover\:border-colors-pink-300 { + border-color: var(--colors-pink-300, #fbb6ce); + } + + .group:hover .md\:group-hover\:border-colors-pink-400 { + border-color: var(--colors-pink-400, #f687b3); + } + + .group:hover .md\:group-hover\:border-colors-pink-500 { + border-color: var(--colors-pink-500, #ed64a6); + } + + .group:hover .md\:group-hover\:border-colors-pink-600 { + border-color: var(--colors-pink-600, #d53f8c); + } + + .group:hover .md\:group-hover\:border-colors-pink-700 { + border-color: var(--colors-pink-700, #b83280); + } + + .group:hover .md\:group-hover\:border-colors-pink-800 { + border-color: var(--colors-pink-800, #97266d); + } + + .group:hover .md\:group-hover\:border-colors-pink-900 { + border-color: var(--colors-pink-900, #702459); + } + + .group:hover .md\:group-hover\:border-Box\ Shadow { + border-color: var(--box-shadow, #7f7e7f); + } + + .group:hover .md\:group-hover\:border-Error16 { + border-color: var(--error16, #f03d3e40); + } + + .group:hover .md\:group-hover\:border-Success16 { + border-color: var(--success16, #5bb14d40); + } + + .group:hover .md\:group-hover\:border-Notification16 { + border-color: var(--notification16, #3959ff40); + } + + .group:hover .md\:group-hover\:border-Error8 { + border-color: var(--error8, #f03d3e1a); + } + + .group:hover .md\:group-hover\:border-Notification8 { + border-color: var(--notification8, #3959ff1a); + } + + .group:hover .md\:group-hover\:border-Success8 { + border-color: var(--success8, #5bb14d1a); + } + + .group:hover .md\:group-hover\:border-Light\ -\ Overlay { + border-color: var(--light-overlay, #f0edee66); + } + + .group:hover .md\:group-hover\:border-Dark-\ Overlay { + border-color: var(--dark-overlay, #7f7e7f66); + } + + .group:hover .md\:group-hover\:border-black-40 { + border-color: var(--black-40, #00000066); + } + + .group:hover .md\:group-hover\:border-black-75 { + border-color: var(--black-75, #000000bf); + } + + .group:hover .md\:group-hover\:border-black-60 { + border-color: var(--black-60, #00000099); + } + + .group:hover .md\:group-hover\:border-black-50 { + border-color: var(--black-50, #00000080); + } + + .group:hover .md\:group-hover\:border-black-25 { + border-color: var(--black-25, #00000040); + } + + .group:hover .md\:group-hover\:border-black-10 { + border-color: var(--black-10, #0000001a); + } + + .group:hover .md\:group-hover\:border-white-25 { + border-color: var(--white-25, #ffffff40); + } + + .group:hover .md\:group-hover\:border-white-60 { + border-color: var(--white-60, #ffffff99); + } + + .group:hover .md\:group-hover\:border-black-64 { + border-color: var(--black-64, #000000a3); + } + + .group:hover .md\:group-hover\:border-Shadow\ and\ Highlight-Shadow { + border-color: var(--shadow-and-highlight-shadow, #7f7e7f); + } + + .group:hover .md\:group-hover\:border-Shadow\ and\ Highlight-Highlight { + border-color: var(--shadow-and-highlight-highlight, #474747); + } + + .group:hover .md\:group-hover\:border-Shadow\ and\ Highlight-highlight\ one { + border-color: var(--shadow-and-highlight-highlight-one, #474747bf); + } + + .group:hover .md\:group-hover\:border-Shadow\ and\ Highlight-highlight\ two { + border-color: var(--shadow-and-highlight-highlight-two, #47474799); + } + + .group:hover .md\:group-hover\:border-Shadow\ and\ Highlight-highlight\ three { + border-color: var(--shadow-and-highlight-highlight-three, #47474766); + } + + .group:hover .md\:group-hover\:border-Shadow\ and\ Highlight-highlight\ five { + border-color: var(--shadow-and-highlight-highlight-five, #4747471a); + } + + .group:hover .md\:group-hover\:border-Shadow\ and\ Highlight-shadow\ one { + border-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); + } + + .group:hover .md\:group-hover\:border-Shadow\ and\ Highlight-shadow\ two { + border-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); + } + + .group:hover .md\:group-hover\:border-Shadow\ and\ Highlight-shadow\ three { + border-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); + } + + .group:hover .md\:group-hover\:border-Shadow\ and\ Highlight-shadow\ four { + border-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); + } + + .group:hover .md\:group-hover\:border-Shadow\ and\ Highlight-shadow\ five { + border-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); + } + + .group:hover .md\:group-hover\:border-Shadow\ and\ Highlight-highlight\ four { + border-color: var(--shadow-and-highlight-highlight-four, #47474740); + } + + .group:hover .md\:group-hover\:border-Base\ Layer\ Styles-Base\ Layer-\ Light-White { + border-color: var(--base-layer-styles-base-layer-light-white, #ffffff); + } + + .group:hover .md\:group-hover\:border-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite { + border-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); + } + + .group:hover .md\:group-hover\:border-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack { + border-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); + } + + .group:hover .md\:group-hover\:border-Base\ Layer\ Styles-Base\ Layer-Dark-Black { + border-color: var(--base-layer-styles-base-layer-dark-black, #000000); + } + + .group:hover .md\:group-hover\:border-Grey-Scale-white { + border-color: var(--grey-scale-white, #ffffff); + } + + .group:hover .md\:group-hover\:border-Grey-Scale-off-white { + border-color: var(--grey-scale-off-white, #f0edee); + } + + .group:hover .md\:group-hover\:border-Grey\ Scale-grey { + border-color: var(--grey-scale-grey, #7f7e7f); + } + + .group:hover .md\:group-hover\:border-Grey\ Scale-charcoal { + border-color: var(--grey-scale-charcoal, #474747); + } + + .group:hover .md\:group-hover\:border-Grey\ Scale-off-black { + border-color: var(--grey-scale-off-black, #1c1c1c); + } + + .group:hover .md\:group-hover\:border-Grey\ Scale-black { + border-color: var(--grey-scale-black, #000000); + } + + .group:hover .md\:group-hover\:border-Blue-blue { + border-color: var(--blue-blue, #3a7ca5); + } + + .group:hover .md\:group-hover\:border-Blue-blue-100 { + border-color: var(--blue-blue-100, #75a3c0); + } + + .group:hover .md\:group-hover\:border-Blue-blue-200 { + border-color: var(--blue-blue-200, #9cbed2); + } + + .group:hover .md\:group-hover\:border-Blue-blue-300 { + border-color: var(--blue-blue-300, #4f7d9a); + } + + .group:hover .md\:group-hover\:border-Blue-blue-400 { + border-color: var(--blue-blue-400, #5c7d92); + } + + .group:hover .md\:group-hover\:border-Blue-blue-500 { + border-color: var(--blue-blue-500, #347095); + } + + .group:hover .md\:group-hover\:border-Blue-blue-600 { + border-color: var(--blue-blue-600, #295774); + } + + .group:hover .md\:group-hover\:border-Blue-blue-700 { + border-color: var(--blue-blue-700, #173242); + } + + .group:hover .md\:group-hover\:border-LightBlue-lightblue { + border-color: var(--light-blue-lightblue, #81c3d7); + } + + .group:hover .md\:group-hover\:border-LightBlue-lightblue-100 { + border-color: var(--light-blue-lightblue-100, #a7d5e3); + } + + .group:hover .md\:group-hover\:border-LightBlue-lightblue-200 { + border-color: var(--light-blue-lightblue-200, #c0e1eb); + } + + .group:hover .md\:group-hover\:border-LightBlue-lightblue-300 { + border-color: var(--light-blue-lightblue-300, #80aebd); + } + + .group:hover .md\:group-hover\:border-LightBlue-lightblue-400 { + border-color: var(--light-blue-lightblue-400, #80a0ab); + } + + .group:hover .md\:group-hover\:border-LightBlue-lightblue-500 { + border-color: var(--light-blue-lightblue-500, #74afc1); + } + + .group:hover .md\:group-hover\:border-LightBlue-lightblue-600 { + border-color: var(--light-blue-lightblue-600, #5a8997); + } + + .group:hover .md\:group-hover\:border-LightBlue-lightblue-650 { + border-color: var(--light-blue-lightblue-650, #3e5e65); + } + + .group:hover .md\:group-hover\:border-LightBlue-lightblue-700 { + border-color: var(--light-blue-lightblue-700, #344e56); + } + + .group:hover .md\:group-hover\:border-Orange-orange { + border-color: var(--orange-orange, #ff7f0e); + } + + .group:hover .md\:group-hover\:border-Orange-orange-100 { + border-color: var(--orange-orange-100, #ffa556); + } + + .group:hover .md\:group-hover\:border-Orange-orange-200 { + border-color: var(--orange-orange-200, #ffbf86); + } + + .group:hover .md\:group-hover\:border-Orange-orange-300 { + border-color: var(--orange-orange-300, #d97f30); + } + + .group:hover .md\:group-hover\:border-Orange-orange-400 { + border-color: var(--orange-orange-400, #bf7e46); + } + + .group:hover .md\:group-hover\:border-Orange-orange-500 { + border-color: var(--orange-orange-500, #e5720d); + } + + .group:hover .md\:group-hover\:border-Orange-orange-600 { + border-color: var(--orange-orange-600, #b3590a); + } + + .group:hover .md\:group-hover\:border-Orange-orange-700 { + border-color: var(--orange-orange-700, #663306); + } + + .group:hover .md\:group-hover\:border-Yellow-yellow { + border-color: var(--yellow-yellow, #ffab00); + } + + .group:hover .md\:group-hover\:border-Yellow-yellow-100 { + border-color: var(--yellow-yellow-100, #ffc44c); + } + + .group:hover .md\:group-hover\:border-Yellow-yellow-200 { + border-color: var(--yellow-yellow-200, #ffd580); + } + + .group:hover .md\:group-hover\:border-Yellow-yellow-300 { + border-color: var(--yellow-yellow-300, #d99d26); + } + + .group:hover .md\:group-hover\:border-Yellow-yellow-400 { + border-color: var(--yellow-yellow-400, #bf943f); + } + + .group:hover .md\:group-hover\:border-Yellow-yellow-500 { + border-color: var(--yellow-yellow-500, #e59a00); + } + + .group:hover .md\:group-hover\:border-Yellow-yellow-600 { + border-color: var(--yellow-yellow-600, #b37800); + } + + .group:hover .md\:group-hover\:border-Yellow-yellow-700 { + border-color: var(--yellow-yellow-700, #664400); + } + + .group:hover .md\:group-hover\:border-Notification-notification { + border-color: var(--notification-notification, #3959ff); + } + + .group:hover .md\:group-hover\:border-Notification-notification-100 { + border-color: var(--notification-notification-100, #748bff); + } + + .group:hover .md\:group-hover\:border-Notification-notification-200 { + border-color: var(--notification-notification-200, #9cacff); + } + + .group:hover .md\:group-hover\:border-Notification-notification-300 { + border-color: var(--notification-notification-300, #4e64d9); + } + + .group:hover .md\:group-hover\:border-Notification-notification-400 { + border-color: var(--notification-notification-400, #5c6cbf); + } + + .group:hover .md\:group-hover\:border-Notification-notification-500 { + border-color: var(--notification-notification-500, #3350e5); + } + + .group:hover .md\:group-hover\:border-Notification-notification-600 { + border-color: var(--notification-notification-600, #283eb3); + } + + .group:hover .md\:group-hover\:border-Notification-notification-700 { + border-color: var(--notification-notification-700, #172466); + } + + .group:hover .md\:group-hover\:border-Success-success\ -700 { + border-color: var(--success-success-700, #24471f); + } + + .group:hover .md\:group-hover\:border-Success-success { + border-color: var(--success-success, #5bb14d); + } + + .group:hover .md\:group-hover\:border-Success-success\ -100 { + border-color: var(--success-success-100, #8cc882); + } + + .group:hover .md\:group-hover\:border-Success-success\ -200 { + border-color: var(--success-success-200, #add8a6); + } + + .group:hover .md\:group-hover\:border-Success-success\ -300 { + border-color: var(--success-success-300, #66a25c); + } + + .group:hover .md\:group-hover\:border-Success-success\ -400 { + border-color: var(--success-success-400, #6d9766); + } + + .group:hover .md\:group-hover\:border-Success-success\ -500 { + border-color: var(--success-success-500, #529f45); + } + + .group:hover .md\:group-hover\:border-Success-success\ -600 { + border-color: var(--success-success-600, #407c36); + } + + .group:hover .md\:group-hover\:border-Error-error { + border-color: var(--error-error, #f03d3e); + } + + .group:hover .md\:group-hover\:border-Error-error-100 { + border-color: var(--error-error-100, #f57778); + } + + .group:hover .md\:group-hover\:border-Error-error-200 { + border-color: var(--error-error-200, #f89e9e); + } + + .group:hover .md\:group-hover\:border-Error-error-250 { + border-color: var(--error-error-250, #f9c8c8); + } + + .group:hover .md\:group-hover\:border-Error-error-300 { + border-color: var(--error-error-300, #ce5151); + } + + .group:hover .md\:group-hover\:border-Error-error-400 { + border-color: var(--error-error-400, #b85e5e); + } + + .group:hover .md\:group-hover\:border-Error-error-500 { + border-color: var(--error-error-500, #d83738); + } + + .group:hover .md\:group-hover\:border-Error-error-600 { + border-color: var(--error-error-600, #a82b2b); + } + + .group:hover .md\:group-hover\:border-Error-error-700 { + border-color: var(--error-error-700, #601819); + } + + .md\:focus-within\:border-colors-black:focus-within { + border-color: var(--colors-black, #000000); + } + + .md\:focus-within\:border-colors-white:focus-within { + border-color: var(--colors-white, #ffffff); + } + + .md\:focus-within\:border-colors-gray-100:focus-within { + border-color: var(--colors-gray-100, #f7fafc); + } + + .md\:focus-within\:border-colors-gray-200:focus-within { + border-color: var(--colors-gray-200, #edf2f7); + } + + .md\:focus-within\:border-colors-gray-300:focus-within { + border-color: var(--colors-gray-300, #e2e8f0); + } + + .md\:focus-within\:border-colors-gray-400:focus-within { + border-color: var(--colors-gray-400, #cbd5e0); + } + + .md\:focus-within\:border-colors-gray-500:focus-within { + border-color: var(--colors-gray-500, #a0aec0); + } + + .md\:focus-within\:border-colors-gray-600:focus-within { + border-color: var(--colors-gray-600, #718096); + } + + .md\:focus-within\:border-colors-gray-700:focus-within { + border-color: var(--colors-gray-700, #4a5568); + } + + .md\:focus-within\:border-colors-gray-800:focus-within { + border-color: var(--colors-gray-800, #2d3748); + } + + .md\:focus-within\:border-colors-gray-900:focus-within { + border-color: var(--colors-gray-900, #1a202c); + } + + .md\:focus-within\:border-colors-red-100:focus-within { + border-color: var(--colors-red-100, #fff5f5); + } + + .md\:focus-within\:border-colors-red-200:focus-within { + border-color: var(--colors-red-200, #fed7d7); + } + + .md\:focus-within\:border-colors-red-300:focus-within { + border-color: var(--colors-red-300, #feb2b2); + } + + .md\:focus-within\:border-colors-red-400:focus-within { + border-color: var(--colors-red-400, #fc8181); + } + + .md\:focus-within\:border-colors-red-500:focus-within { + border-color: var(--colors-red-500, #f56565); + } + + .md\:focus-within\:border-colors-red-600:focus-within { + border-color: var(--colors-red-600, #e53e3e); + } + + .md\:focus-within\:border-colors-red-700:focus-within { + border-color: var(--colors-red-700, #c53030); + } + + .md\:focus-within\:border-colors-red-800:focus-within { + border-color: var(--colors-red-800, #9b2c2c); + } + + .md\:focus-within\:border-colors-red-900:focus-within { + border-color: var(--colors-red-900, #742a2a); + } + + .md\:focus-within\:border-colors-orange-100:focus-within { + border-color: var(--colors-orange-100, #fffaf0); + } + + .md\:focus-within\:border-colors-orange-200:focus-within { + border-color: var(--colors-orange-200, #feebc8); + } + + .md\:focus-within\:border-colors-orange-300:focus-within { + border-color: var(--colors-orange-300, #fbd38d); + } + + .md\:focus-within\:border-colors-orange-400:focus-within { + border-color: var(--colors-orange-400, #f6ad55); + } + + .md\:focus-within\:border-colors-orange-500:focus-within { + border-color: var(--colors-orange-500, #ed8936); + } + + .md\:focus-within\:border-colors-orange-600:focus-within { + border-color: var(--colors-orange-600, #dd6b20); + } + + .md\:focus-within\:border-colors-orange-700:focus-within { + border-color: var(--colors-orange-700, #c05621); + } + + .md\:focus-within\:border-colors-orange-800:focus-within { + border-color: var(--colors-orange-800, #9c4221); + } + + .md\:focus-within\:border-colors-orange-900:focus-within { + border-color: var(--colors-orange-900, #7b341e); + } + + .md\:focus-within\:border-colors-yellow-100:focus-within { + border-color: var(--colors-yellow-100, #fffff0); + } + + .md\:focus-within\:border-colors-yellow-200:focus-within { + border-color: var(--colors-yellow-200, #fefcbf); + } + + .md\:focus-within\:border-colors-yellow-300:focus-within { + border-color: var(--colors-yellow-300, #faf089); + } + + .md\:focus-within\:border-colors-yellow-400:focus-within { + border-color: var(--colors-yellow-400, #f6e05e); + } + + .md\:focus-within\:border-colors-yellow-500:focus-within { + border-color: var(--colors-yellow-500, #ecc94b); + } + + .md\:focus-within\:border-colors-yellow-600:focus-within { + border-color: var(--colors-yellow-600, #d69e2e); + } + + .md\:focus-within\:border-colors-yellow-700:focus-within { + border-color: var(--colors-yellow-700, #b7791f); + } + + .md\:focus-within\:border-colors-yellow-800:focus-within { + border-color: var(--colors-yellow-800, #975a16); + } + + .md\:focus-within\:border-colors-yellow-900:focus-within { + border-color: var(--colors-yellow-900, #744210); + } + + .md\:focus-within\:border-colors-green-100:focus-within { + border-color: var(--colors-green-100, #f0fff4); + } + + .md\:focus-within\:border-colors-green-200:focus-within { + border-color: var(--colors-green-200, #c6f6d5); + } + + .md\:focus-within\:border-colors-green-300:focus-within { + border-color: var(--colors-green-300, #9ae6b4); + } + + .md\:focus-within\:border-colors-green-400:focus-within { + border-color: var(--colors-green-400, #68d391); + } + + .md\:focus-within\:border-colors-green-500:focus-within { + border-color: var(--colors-green-500, #48bb78); + } + + .md\:focus-within\:border-colors-green-600:focus-within { + border-color: var(--colors-green-600, #38a169); + } + + .md\:focus-within\:border-colors-green-700:focus-within { + border-color: var(--colors-green-700, #2f855a); + } + + .md\:focus-within\:border-colors-green-800:focus-within { + border-color: var(--colors-green-800, #276749); + } + + .md\:focus-within\:border-colors-green-900:focus-within { + border-color: var(--colors-green-900, #22543d); + } + + .md\:focus-within\:border-colors-teal-100:focus-within { + border-color: var(--colors-teal-100, #e6fffa); + } + + .md\:focus-within\:border-colors-teal-200:focus-within { + border-color: var(--colors-teal-200, #b2f5ea); + } + + .md\:focus-within\:border-colors-teal-300:focus-within { + border-color: var(--colors-teal-300, #81e6d9); + } + + .md\:focus-within\:border-colors-teal-400:focus-within { + border-color: var(--colors-teal-400, #4fd1c5); + } + + .md\:focus-within\:border-colors-teal-500:focus-within { + border-color: var(--colors-teal-500, #38b2ac); + } + + .md\:focus-within\:border-colors-teal-600:focus-within { + border-color: var(--colors-teal-600, #319795); + } + + .md\:focus-within\:border-colors-teal-700:focus-within { + border-color: var(--colors-teal-700, #2c7a7b); + } + + .md\:focus-within\:border-colors-teal-800:focus-within { + border-color: var(--colors-teal-800, #285e61); + } + + .md\:focus-within\:border-colors-teal-900:focus-within { + border-color: var(--colors-teal-900, #234e52); + } + + .md\:focus-within\:border-colors-blue-100:focus-within { + border-color: var(--colors-blue-100, #ebf8ff); + } + + .md\:focus-within\:border-colors-blue-200:focus-within { + border-color: var(--colors-blue-200, #bee3f8); + } + + .md\:focus-within\:border-colors-blue-300:focus-within { + border-color: var(--colors-blue-300, #90cdf4); + } + + .md\:focus-within\:border-colors-blue-400:focus-within { + border-color: var(--colors-blue-400, #63b3ed); + } + + .md\:focus-within\:border-colors-blue-500:focus-within { + border-color: var(--colors-blue-500, #4299e1); + } + + .md\:focus-within\:border-colors-blue-600:focus-within { + border-color: var(--colors-blue-600, #3182ce); + } + + .md\:focus-within\:border-colors-blue-700:focus-within { + border-color: var(--colors-blue-700, #2b6cb0); + } + + .md\:focus-within\:border-colors-blue-800:focus-within { + border-color: var(--colors-blue-800, #2c5282); + } + + .md\:focus-within\:border-colors-blue-900:focus-within { + border-color: var(--colors-blue-900, #2a4365); + } + + .md\:focus-within\:border-colors-indigo-100:focus-within { + border-color: var(--colors-indigo-100, #ebf4ff); + } + + .md\:focus-within\:border-colors-indigo-200:focus-within { + border-color: var(--colors-indigo-200, #c3dafe); + } + + .md\:focus-within\:border-colors-indigo-300:focus-within { + border-color: var(--colors-indigo-300, #a3bffa); + } + + .md\:focus-within\:border-colors-indigo-400:focus-within { + border-color: var(--colors-indigo-400, #7f9cf5); + } + + .md\:focus-within\:border-colors-indigo-500:focus-within { + border-color: var(--colors-indigo-500, #667eea); + } + + .md\:focus-within\:border-colors-indigo-600:focus-within { + border-color: var(--colors-indigo-600, #5a67d8); + } + + .md\:focus-within\:border-colors-indigo-700:focus-within { + border-color: var(--colors-indigo-700, #4c51bf); + } + + .md\:focus-within\:border-colors-indigo-800:focus-within { + border-color: var(--colors-indigo-800, #434190); + } + + .md\:focus-within\:border-colors-indigo-900:focus-within { + border-color: var(--colors-indigo-900, #3c366b); + } + + .md\:focus-within\:border-colors-purple-100:focus-within { + border-color: var(--colors-purple-100, #faf5ff); + } + + .md\:focus-within\:border-colors-purple-200:focus-within { + border-color: var(--colors-purple-200, #e9d8fd); + } + + .md\:focus-within\:border-colors-purple-300:focus-within { + border-color: var(--colors-purple-300, #d6bcfa); + } + + .md\:focus-within\:border-colors-purple-400:focus-within { + border-color: var(--colors-purple-400, #b794f4); + } + + .md\:focus-within\:border-colors-purple-500:focus-within { + border-color: var(--colors-purple-500, #9f7aea); + } + + .md\:focus-within\:border-colors-purple-600:focus-within { + border-color: var(--colors-purple-600, #805ad5); + } + + .md\:focus-within\:border-colors-purple-700:focus-within { + border-color: var(--colors-purple-700, #6b46c1); + } + + .md\:focus-within\:border-colors-purple-800:focus-within { + border-color: var(--colors-purple-800, #553c9a); + } + + .md\:focus-within\:border-colors-purple-900:focus-within { + border-color: var(--colors-purple-900, #44337a); + } + + .md\:focus-within\:border-colors-pink-100:focus-within { + border-color: var(--colors-pink-100, #fff5f7); + } + + .md\:focus-within\:border-colors-pink-200:focus-within { + border-color: var(--colors-pink-200, #fed7e2); + } + + .md\:focus-within\:border-colors-pink-300:focus-within { + border-color: var(--colors-pink-300, #fbb6ce); + } + + .md\:focus-within\:border-colors-pink-400:focus-within { + border-color: var(--colors-pink-400, #f687b3); + } + + .md\:focus-within\:border-colors-pink-500:focus-within { + border-color: var(--colors-pink-500, #ed64a6); + } + + .md\:focus-within\:border-colors-pink-600:focus-within { + border-color: var(--colors-pink-600, #d53f8c); + } + + .md\:focus-within\:border-colors-pink-700:focus-within { + border-color: var(--colors-pink-700, #b83280); + } + + .md\:focus-within\:border-colors-pink-800:focus-within { + border-color: var(--colors-pink-800, #97266d); + } + + .md\:focus-within\:border-colors-pink-900:focus-within { + border-color: var(--colors-pink-900, #702459); + } + + .md\:focus-within\:border-Box\ Shadow:focus-within { + border-color: var(--box-shadow, #7f7e7f); + } + + .md\:focus-within\:border-Error16:focus-within { + border-color: var(--error16, #f03d3e40); + } + + .md\:focus-within\:border-Success16:focus-within { + border-color: var(--success16, #5bb14d40); + } + + .md\:focus-within\:border-Notification16:focus-within { + border-color: var(--notification16, #3959ff40); + } + + .md\:focus-within\:border-Error8:focus-within { + border-color: var(--error8, #f03d3e1a); + } + + .md\:focus-within\:border-Notification8:focus-within { + border-color: var(--notification8, #3959ff1a); + } + + .md\:focus-within\:border-Success8:focus-within { + border-color: var(--success8, #5bb14d1a); + } + + .md\:focus-within\:border-Light\ -\ Overlay:focus-within { + border-color: var(--light-overlay, #f0edee66); + } + + .md\:focus-within\:border-Dark-\ Overlay:focus-within { + border-color: var(--dark-overlay, #7f7e7f66); + } + + .md\:focus-within\:border-black-40:focus-within { + border-color: var(--black-40, #00000066); + } + + .md\:focus-within\:border-black-75:focus-within { + border-color: var(--black-75, #000000bf); + } + + .md\:focus-within\:border-black-60:focus-within { + border-color: var(--black-60, #00000099); + } + + .md\:focus-within\:border-black-50:focus-within { + border-color: var(--black-50, #00000080); + } + + .md\:focus-within\:border-black-25:focus-within { + border-color: var(--black-25, #00000040); + } + + .md\:focus-within\:border-black-10:focus-within { + border-color: var(--black-10, #0000001a); + } + + .md\:focus-within\:border-white-25:focus-within { + border-color: var(--white-25, #ffffff40); + } + + .md\:focus-within\:border-white-60:focus-within { + border-color: var(--white-60, #ffffff99); + } + + .md\:focus-within\:border-black-64:focus-within { + border-color: var(--black-64, #000000a3); + } + + .md\:focus-within\:border-Shadow\ and\ Highlight-Shadow:focus-within { + border-color: var(--shadow-and-highlight-shadow, #7f7e7f); + } + + .md\:focus-within\:border-Shadow\ and\ Highlight-Highlight:focus-within { + border-color: var(--shadow-and-highlight-highlight, #474747); + } + + .md\:focus-within\:border-Shadow\ and\ Highlight-highlight\ one:focus-within { + border-color: var(--shadow-and-highlight-highlight-one, #474747bf); + } + + .md\:focus-within\:border-Shadow\ and\ Highlight-highlight\ two:focus-within { + border-color: var(--shadow-and-highlight-highlight-two, #47474799); + } + + .md\:focus-within\:border-Shadow\ and\ Highlight-highlight\ three:focus-within { + border-color: var(--shadow-and-highlight-highlight-three, #47474766); + } + + .md\:focus-within\:border-Shadow\ and\ Highlight-highlight\ five:focus-within { + border-color: var(--shadow-and-highlight-highlight-five, #4747471a); + } + + .md\:focus-within\:border-Shadow\ and\ Highlight-shadow\ one:focus-within { + border-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); + } + + .md\:focus-within\:border-Shadow\ and\ Highlight-shadow\ two:focus-within { + border-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); + } + + .md\:focus-within\:border-Shadow\ and\ Highlight-shadow\ three:focus-within { + border-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); + } + + .md\:focus-within\:border-Shadow\ and\ Highlight-shadow\ four:focus-within { + border-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); + } + + .md\:focus-within\:border-Shadow\ and\ Highlight-shadow\ five:focus-within { + border-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); + } + + .md\:focus-within\:border-Shadow\ and\ Highlight-highlight\ four:focus-within { + border-color: var(--shadow-and-highlight-highlight-four, #47474740); + } + + .md\:focus-within\:border-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus-within { + border-color: var(--base-layer-styles-base-layer-light-white, #ffffff); + } + + .md\:focus-within\:border-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus-within { + border-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); + } + + .md\:focus-within\:border-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus-within { + border-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); + } + + .md\:focus-within\:border-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus-within { + border-color: var(--base-layer-styles-base-layer-dark-black, #000000); + } + + .md\:focus-within\:border-Grey-Scale-white:focus-within { + border-color: var(--grey-scale-white, #ffffff); + } + + .md\:focus-within\:border-Grey-Scale-off-white:focus-within { + border-color: var(--grey-scale-off-white, #f0edee); + } + + .md\:focus-within\:border-Grey\ Scale-grey:focus-within { + border-color: var(--grey-scale-grey, #7f7e7f); + } + + .md\:focus-within\:border-Grey\ Scale-charcoal:focus-within { + border-color: var(--grey-scale-charcoal, #474747); + } + + .md\:focus-within\:border-Grey\ Scale-off-black:focus-within { + border-color: var(--grey-scale-off-black, #1c1c1c); + } + + .md\:focus-within\:border-Grey\ Scale-black:focus-within { + border-color: var(--grey-scale-black, #000000); + } + + .md\:focus-within\:border-Blue-blue:focus-within { + border-color: var(--blue-blue, #3a7ca5); + } + + .md\:focus-within\:border-Blue-blue-100:focus-within { + border-color: var(--blue-blue-100, #75a3c0); + } + + .md\:focus-within\:border-Blue-blue-200:focus-within { + border-color: var(--blue-blue-200, #9cbed2); + } + + .md\:focus-within\:border-Blue-blue-300:focus-within { + border-color: var(--blue-blue-300, #4f7d9a); + } + + .md\:focus-within\:border-Blue-blue-400:focus-within { + border-color: var(--blue-blue-400, #5c7d92); + } + + .md\:focus-within\:border-Blue-blue-500:focus-within { + border-color: var(--blue-blue-500, #347095); + } + + .md\:focus-within\:border-Blue-blue-600:focus-within { + border-color: var(--blue-blue-600, #295774); + } + + .md\:focus-within\:border-Blue-blue-700:focus-within { + border-color: var(--blue-blue-700, #173242); + } + + .md\:focus-within\:border-LightBlue-lightblue:focus-within { + border-color: var(--light-blue-lightblue, #81c3d7); + } + + .md\:focus-within\:border-LightBlue-lightblue-100:focus-within { + border-color: var(--light-blue-lightblue-100, #a7d5e3); + } + + .md\:focus-within\:border-LightBlue-lightblue-200:focus-within { + border-color: var(--light-blue-lightblue-200, #c0e1eb); + } + + .md\:focus-within\:border-LightBlue-lightblue-300:focus-within { + border-color: var(--light-blue-lightblue-300, #80aebd); + } + + .md\:focus-within\:border-LightBlue-lightblue-400:focus-within { + border-color: var(--light-blue-lightblue-400, #80a0ab); + } + + .md\:focus-within\:border-LightBlue-lightblue-500:focus-within { + border-color: var(--light-blue-lightblue-500, #74afc1); + } + + .md\:focus-within\:border-LightBlue-lightblue-600:focus-within { + border-color: var(--light-blue-lightblue-600, #5a8997); + } + + .md\:focus-within\:border-LightBlue-lightblue-650:focus-within { + border-color: var(--light-blue-lightblue-650, #3e5e65); + } + + .md\:focus-within\:border-LightBlue-lightblue-700:focus-within { + border-color: var(--light-blue-lightblue-700, #344e56); + } + + .md\:focus-within\:border-Orange-orange:focus-within { + border-color: var(--orange-orange, #ff7f0e); + } + + .md\:focus-within\:border-Orange-orange-100:focus-within { + border-color: var(--orange-orange-100, #ffa556); + } + + .md\:focus-within\:border-Orange-orange-200:focus-within { + border-color: var(--orange-orange-200, #ffbf86); + } + + .md\:focus-within\:border-Orange-orange-300:focus-within { + border-color: var(--orange-orange-300, #d97f30); + } + + .md\:focus-within\:border-Orange-orange-400:focus-within { + border-color: var(--orange-orange-400, #bf7e46); + } + + .md\:focus-within\:border-Orange-orange-500:focus-within { + border-color: var(--orange-orange-500, #e5720d); + } + + .md\:focus-within\:border-Orange-orange-600:focus-within { + border-color: var(--orange-orange-600, #b3590a); + } + + .md\:focus-within\:border-Orange-orange-700:focus-within { + border-color: var(--orange-orange-700, #663306); + } + + .md\:focus-within\:border-Yellow-yellow:focus-within { + border-color: var(--yellow-yellow, #ffab00); + } + + .md\:focus-within\:border-Yellow-yellow-100:focus-within { + border-color: var(--yellow-yellow-100, #ffc44c); + } + + .md\:focus-within\:border-Yellow-yellow-200:focus-within { + border-color: var(--yellow-yellow-200, #ffd580); + } + + .md\:focus-within\:border-Yellow-yellow-300:focus-within { + border-color: var(--yellow-yellow-300, #d99d26); + } + + .md\:focus-within\:border-Yellow-yellow-400:focus-within { + border-color: var(--yellow-yellow-400, #bf943f); + } + + .md\:focus-within\:border-Yellow-yellow-500:focus-within { + border-color: var(--yellow-yellow-500, #e59a00); + } + + .md\:focus-within\:border-Yellow-yellow-600:focus-within { + border-color: var(--yellow-yellow-600, #b37800); + } + + .md\:focus-within\:border-Yellow-yellow-700:focus-within { + border-color: var(--yellow-yellow-700, #664400); + } + + .md\:focus-within\:border-Notification-notification:focus-within { + border-color: var(--notification-notification, #3959ff); + } + + .md\:focus-within\:border-Notification-notification-100:focus-within { + border-color: var(--notification-notification-100, #748bff); + } + + .md\:focus-within\:border-Notification-notification-200:focus-within { + border-color: var(--notification-notification-200, #9cacff); + } + + .md\:focus-within\:border-Notification-notification-300:focus-within { + border-color: var(--notification-notification-300, #4e64d9); + } + + .md\:focus-within\:border-Notification-notification-400:focus-within { + border-color: var(--notification-notification-400, #5c6cbf); + } + + .md\:focus-within\:border-Notification-notification-500:focus-within { + border-color: var(--notification-notification-500, #3350e5); + } + + .md\:focus-within\:border-Notification-notification-600:focus-within { + border-color: var(--notification-notification-600, #283eb3); + } + + .md\:focus-within\:border-Notification-notification-700:focus-within { + border-color: var(--notification-notification-700, #172466); + } + + .md\:focus-within\:border-Success-success\ -700:focus-within { + border-color: var(--success-success-700, #24471f); + } + + .md\:focus-within\:border-Success-success:focus-within { + border-color: var(--success-success, #5bb14d); + } + + .md\:focus-within\:border-Success-success\ -100:focus-within { + border-color: var(--success-success-100, #8cc882); + } + + .md\:focus-within\:border-Success-success\ -200:focus-within { + border-color: var(--success-success-200, #add8a6); + } + + .md\:focus-within\:border-Success-success\ -300:focus-within { + border-color: var(--success-success-300, #66a25c); + } + + .md\:focus-within\:border-Success-success\ -400:focus-within { + border-color: var(--success-success-400, #6d9766); + } + + .md\:focus-within\:border-Success-success\ -500:focus-within { + border-color: var(--success-success-500, #529f45); + } + + .md\:focus-within\:border-Success-success\ -600:focus-within { + border-color: var(--success-success-600, #407c36); + } + + .md\:focus-within\:border-Error-error:focus-within { + border-color: var(--error-error, #f03d3e); + } + + .md\:focus-within\:border-Error-error-100:focus-within { + border-color: var(--error-error-100, #f57778); + } + + .md\:focus-within\:border-Error-error-200:focus-within { + border-color: var(--error-error-200, #f89e9e); + } + + .md\:focus-within\:border-Error-error-250:focus-within { + border-color: var(--error-error-250, #f9c8c8); + } + + .md\:focus-within\:border-Error-error-300:focus-within { + border-color: var(--error-error-300, #ce5151); + } + + .md\:focus-within\:border-Error-error-400:focus-within { + border-color: var(--error-error-400, #b85e5e); + } + + .md\:focus-within\:border-Error-error-500:focus-within { + border-color: var(--error-error-500, #d83738); + } + + .md\:focus-within\:border-Error-error-600:focus-within { + border-color: var(--error-error-600, #a82b2b); + } + + .md\:focus-within\:border-Error-error-700:focus-within { + border-color: var(--error-error-700, #601819); + } + + .md\:hover\:border-colors-black:hover { + border-color: var(--colors-black, #000000); + } + + .md\:hover\:border-colors-white:hover { + border-color: var(--colors-white, #ffffff); + } + + .md\:hover\:border-colors-gray-100:hover { + border-color: var(--colors-gray-100, #f7fafc); + } + + .md\:hover\:border-colors-gray-200:hover { + border-color: var(--colors-gray-200, #edf2f7); + } + + .md\:hover\:border-colors-gray-300:hover { + border-color: var(--colors-gray-300, #e2e8f0); + } + + .md\:hover\:border-colors-gray-400:hover { + border-color: var(--colors-gray-400, #cbd5e0); + } + + .md\:hover\:border-colors-gray-500:hover { + border-color: var(--colors-gray-500, #a0aec0); + } + + .md\:hover\:border-colors-gray-600:hover { + border-color: var(--colors-gray-600, #718096); + } + + .md\:hover\:border-colors-gray-700:hover { + border-color: var(--colors-gray-700, #4a5568); + } + + .md\:hover\:border-colors-gray-800:hover { + border-color: var(--colors-gray-800, #2d3748); + } + + .md\:hover\:border-colors-gray-900:hover { + border-color: var(--colors-gray-900, #1a202c); + } + + .md\:hover\:border-colors-red-100:hover { + border-color: var(--colors-red-100, #fff5f5); + } + + .md\:hover\:border-colors-red-200:hover { + border-color: var(--colors-red-200, #fed7d7); + } + + .md\:hover\:border-colors-red-300:hover { + border-color: var(--colors-red-300, #feb2b2); + } + + .md\:hover\:border-colors-red-400:hover { + border-color: var(--colors-red-400, #fc8181); + } + + .md\:hover\:border-colors-red-500:hover { + border-color: var(--colors-red-500, #f56565); + } + + .md\:hover\:border-colors-red-600:hover { + border-color: var(--colors-red-600, #e53e3e); + } + + .md\:hover\:border-colors-red-700:hover { + border-color: var(--colors-red-700, #c53030); + } + + .md\:hover\:border-colors-red-800:hover { + border-color: var(--colors-red-800, #9b2c2c); + } + + .md\:hover\:border-colors-red-900:hover { + border-color: var(--colors-red-900, #742a2a); + } + + .md\:hover\:border-colors-orange-100:hover { + border-color: var(--colors-orange-100, #fffaf0); + } + + .md\:hover\:border-colors-orange-200:hover { + border-color: var(--colors-orange-200, #feebc8); + } + + .md\:hover\:border-colors-orange-300:hover { + border-color: var(--colors-orange-300, #fbd38d); + } + + .md\:hover\:border-colors-orange-400:hover { + border-color: var(--colors-orange-400, #f6ad55); + } + + .md\:hover\:border-colors-orange-500:hover { + border-color: var(--colors-orange-500, #ed8936); + } + + .md\:hover\:border-colors-orange-600:hover { + border-color: var(--colors-orange-600, #dd6b20); + } + + .md\:hover\:border-colors-orange-700:hover { + border-color: var(--colors-orange-700, #c05621); + } + + .md\:hover\:border-colors-orange-800:hover { + border-color: var(--colors-orange-800, #9c4221); + } + + .md\:hover\:border-colors-orange-900:hover { + border-color: var(--colors-orange-900, #7b341e); + } + + .md\:hover\:border-colors-yellow-100:hover { + border-color: var(--colors-yellow-100, #fffff0); + } + + .md\:hover\:border-colors-yellow-200:hover { + border-color: var(--colors-yellow-200, #fefcbf); + } + + .md\:hover\:border-colors-yellow-300:hover { + border-color: var(--colors-yellow-300, #faf089); + } + + .md\:hover\:border-colors-yellow-400:hover { + border-color: var(--colors-yellow-400, #f6e05e); + } + + .md\:hover\:border-colors-yellow-500:hover { + border-color: var(--colors-yellow-500, #ecc94b); + } + + .md\:hover\:border-colors-yellow-600:hover { + border-color: var(--colors-yellow-600, #d69e2e); + } + + .md\:hover\:border-colors-yellow-700:hover { + border-color: var(--colors-yellow-700, #b7791f); + } + + .md\:hover\:border-colors-yellow-800:hover { + border-color: var(--colors-yellow-800, #975a16); + } + + .md\:hover\:border-colors-yellow-900:hover { + border-color: var(--colors-yellow-900, #744210); + } + + .md\:hover\:border-colors-green-100:hover { + border-color: var(--colors-green-100, #f0fff4); + } + + .md\:hover\:border-colors-green-200:hover { + border-color: var(--colors-green-200, #c6f6d5); + } + + .md\:hover\:border-colors-green-300:hover { + border-color: var(--colors-green-300, #9ae6b4); + } + + .md\:hover\:border-colors-green-400:hover { + border-color: var(--colors-green-400, #68d391); + } + + .md\:hover\:border-colors-green-500:hover { + border-color: var(--colors-green-500, #48bb78); + } + + .md\:hover\:border-colors-green-600:hover { + border-color: var(--colors-green-600, #38a169); + } + + .md\:hover\:border-colors-green-700:hover { + border-color: var(--colors-green-700, #2f855a); + } + + .md\:hover\:border-colors-green-800:hover { + border-color: var(--colors-green-800, #276749); + } + + .md\:hover\:border-colors-green-900:hover { + border-color: var(--colors-green-900, #22543d); + } + + .md\:hover\:border-colors-teal-100:hover { + border-color: var(--colors-teal-100, #e6fffa); + } + + .md\:hover\:border-colors-teal-200:hover { + border-color: var(--colors-teal-200, #b2f5ea); + } + + .md\:hover\:border-colors-teal-300:hover { + border-color: var(--colors-teal-300, #81e6d9); + } + + .md\:hover\:border-colors-teal-400:hover { + border-color: var(--colors-teal-400, #4fd1c5); + } + + .md\:hover\:border-colors-teal-500:hover { + border-color: var(--colors-teal-500, #38b2ac); + } + + .md\:hover\:border-colors-teal-600:hover { + border-color: var(--colors-teal-600, #319795); + } + + .md\:hover\:border-colors-teal-700:hover { + border-color: var(--colors-teal-700, #2c7a7b); + } + + .md\:hover\:border-colors-teal-800:hover { + border-color: var(--colors-teal-800, #285e61); + } + + .md\:hover\:border-colors-teal-900:hover { + border-color: var(--colors-teal-900, #234e52); + } + + .md\:hover\:border-colors-blue-100:hover { + border-color: var(--colors-blue-100, #ebf8ff); + } + + .md\:hover\:border-colors-blue-200:hover { + border-color: var(--colors-blue-200, #bee3f8); + } + + .md\:hover\:border-colors-blue-300:hover { + border-color: var(--colors-blue-300, #90cdf4); + } + + .md\:hover\:border-colors-blue-400:hover { + border-color: var(--colors-blue-400, #63b3ed); + } + + .md\:hover\:border-colors-blue-500:hover { + border-color: var(--colors-blue-500, #4299e1); + } + + .md\:hover\:border-colors-blue-600:hover { + border-color: var(--colors-blue-600, #3182ce); + } + + .md\:hover\:border-colors-blue-700:hover { + border-color: var(--colors-blue-700, #2b6cb0); + } + + .md\:hover\:border-colors-blue-800:hover { + border-color: var(--colors-blue-800, #2c5282); + } + + .md\:hover\:border-colors-blue-900:hover { + border-color: var(--colors-blue-900, #2a4365); + } + + .md\:hover\:border-colors-indigo-100:hover { + border-color: var(--colors-indigo-100, #ebf4ff); + } + + .md\:hover\:border-colors-indigo-200:hover { + border-color: var(--colors-indigo-200, #c3dafe); + } + + .md\:hover\:border-colors-indigo-300:hover { + border-color: var(--colors-indigo-300, #a3bffa); + } + + .md\:hover\:border-colors-indigo-400:hover { + border-color: var(--colors-indigo-400, #7f9cf5); + } + + .md\:hover\:border-colors-indigo-500:hover { + border-color: var(--colors-indigo-500, #667eea); + } + + .md\:hover\:border-colors-indigo-600:hover { + border-color: var(--colors-indigo-600, #5a67d8); + } + + .md\:hover\:border-colors-indigo-700:hover { + border-color: var(--colors-indigo-700, #4c51bf); + } + + .md\:hover\:border-colors-indigo-800:hover { + border-color: var(--colors-indigo-800, #434190); + } + + .md\:hover\:border-colors-indigo-900:hover { + border-color: var(--colors-indigo-900, #3c366b); + } + + .md\:hover\:border-colors-purple-100:hover { + border-color: var(--colors-purple-100, #faf5ff); + } + + .md\:hover\:border-colors-purple-200:hover { + border-color: var(--colors-purple-200, #e9d8fd); + } + + .md\:hover\:border-colors-purple-300:hover { + border-color: var(--colors-purple-300, #d6bcfa); + } + + .md\:hover\:border-colors-purple-400:hover { + border-color: var(--colors-purple-400, #b794f4); + } + + .md\:hover\:border-colors-purple-500:hover { + border-color: var(--colors-purple-500, #9f7aea); + } + + .md\:hover\:border-colors-purple-600:hover { + border-color: var(--colors-purple-600, #805ad5); + } + + .md\:hover\:border-colors-purple-700:hover { + border-color: var(--colors-purple-700, #6b46c1); + } + + .md\:hover\:border-colors-purple-800:hover { + border-color: var(--colors-purple-800, #553c9a); + } + + .md\:hover\:border-colors-purple-900:hover { + border-color: var(--colors-purple-900, #44337a); + } + + .md\:hover\:border-colors-pink-100:hover { + border-color: var(--colors-pink-100, #fff5f7); + } + + .md\:hover\:border-colors-pink-200:hover { + border-color: var(--colors-pink-200, #fed7e2); + } + + .md\:hover\:border-colors-pink-300:hover { + border-color: var(--colors-pink-300, #fbb6ce); + } + + .md\:hover\:border-colors-pink-400:hover { + border-color: var(--colors-pink-400, #f687b3); + } + + .md\:hover\:border-colors-pink-500:hover { + border-color: var(--colors-pink-500, #ed64a6); + } + + .md\:hover\:border-colors-pink-600:hover { + border-color: var(--colors-pink-600, #d53f8c); + } + + .md\:hover\:border-colors-pink-700:hover { + border-color: var(--colors-pink-700, #b83280); + } + + .md\:hover\:border-colors-pink-800:hover { + border-color: var(--colors-pink-800, #97266d); + } + + .md\:hover\:border-colors-pink-900:hover { + border-color: var(--colors-pink-900, #702459); + } + + .md\:hover\:border-Box\ Shadow:hover { + border-color: var(--box-shadow, #7f7e7f); + } + + .md\:hover\:border-Error16:hover { + border-color: var(--error16, #f03d3e40); + } + + .md\:hover\:border-Success16:hover { + border-color: var(--success16, #5bb14d40); + } + + .md\:hover\:border-Notification16:hover { + border-color: var(--notification16, #3959ff40); + } + + .md\:hover\:border-Error8:hover { + border-color: var(--error8, #f03d3e1a); + } + + .md\:hover\:border-Notification8:hover { + border-color: var(--notification8, #3959ff1a); + } + + .md\:hover\:border-Success8:hover { + border-color: var(--success8, #5bb14d1a); + } + + .md\:hover\:border-Light\ -\ Overlay:hover { + border-color: var(--light-overlay, #f0edee66); + } + + .md\:hover\:border-Dark-\ Overlay:hover { + border-color: var(--dark-overlay, #7f7e7f66); + } + + .md\:hover\:border-black-40:hover { + border-color: var(--black-40, #00000066); + } + + .md\:hover\:border-black-75:hover { + border-color: var(--black-75, #000000bf); + } + + .md\:hover\:border-black-60:hover { + border-color: var(--black-60, #00000099); + } + + .md\:hover\:border-black-50:hover { + border-color: var(--black-50, #00000080); + } + + .md\:hover\:border-black-25:hover { + border-color: var(--black-25, #00000040); + } + + .md\:hover\:border-black-10:hover { + border-color: var(--black-10, #0000001a); + } + + .md\:hover\:border-white-25:hover { + border-color: var(--white-25, #ffffff40); + } + + .md\:hover\:border-white-60:hover { + border-color: var(--white-60, #ffffff99); + } + + .md\:hover\:border-black-64:hover { + border-color: var(--black-64, #000000a3); + } + + .md\:hover\:border-Shadow\ and\ Highlight-Shadow:hover { + border-color: var(--shadow-and-highlight-shadow, #7f7e7f); + } + + .md\:hover\:border-Shadow\ and\ Highlight-Highlight:hover { + border-color: var(--shadow-and-highlight-highlight, #474747); + } + + .md\:hover\:border-Shadow\ and\ Highlight-highlight\ one:hover { + border-color: var(--shadow-and-highlight-highlight-one, #474747bf); + } + + .md\:hover\:border-Shadow\ and\ Highlight-highlight\ two:hover { + border-color: var(--shadow-and-highlight-highlight-two, #47474799); + } + + .md\:hover\:border-Shadow\ and\ Highlight-highlight\ three:hover { + border-color: var(--shadow-and-highlight-highlight-three, #47474766); + } + + .md\:hover\:border-Shadow\ and\ Highlight-highlight\ five:hover { + border-color: var(--shadow-and-highlight-highlight-five, #4747471a); + } + + .md\:hover\:border-Shadow\ and\ Highlight-shadow\ one:hover { + border-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); + } + + .md\:hover\:border-Shadow\ and\ Highlight-shadow\ two:hover { + border-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); + } + + .md\:hover\:border-Shadow\ and\ Highlight-shadow\ three:hover { + border-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); + } + + .md\:hover\:border-Shadow\ and\ Highlight-shadow\ four:hover { + border-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); + } + + .md\:hover\:border-Shadow\ and\ Highlight-shadow\ five:hover { + border-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); + } + + .md\:hover\:border-Shadow\ and\ Highlight-highlight\ four:hover { + border-color: var(--shadow-and-highlight-highlight-four, #47474740); + } + + .md\:hover\:border-Base\ Layer\ Styles-Base\ Layer-\ Light-White:hover { + border-color: var(--base-layer-styles-base-layer-light-white, #ffffff); + } + + .md\:hover\:border-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:hover { + border-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); + } + + .md\:hover\:border-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:hover { + border-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); + } + + .md\:hover\:border-Base\ Layer\ Styles-Base\ Layer-Dark-Black:hover { + border-color: var(--base-layer-styles-base-layer-dark-black, #000000); + } + + .md\:hover\:border-Grey-Scale-white:hover { + border-color: var(--grey-scale-white, #ffffff); + } + + .md\:hover\:border-Grey-Scale-off-white:hover { + border-color: var(--grey-scale-off-white, #f0edee); + } + + .md\:hover\:border-Grey\ Scale-grey:hover { + border-color: var(--grey-scale-grey, #7f7e7f); + } + + .md\:hover\:border-Grey\ Scale-charcoal:hover { + border-color: var(--grey-scale-charcoal, #474747); + } + + .md\:hover\:border-Grey\ Scale-off-black:hover { + border-color: var(--grey-scale-off-black, #1c1c1c); + } + + .md\:hover\:border-Grey\ Scale-black:hover { + border-color: var(--grey-scale-black, #000000); + } + + .md\:hover\:border-Blue-blue:hover { + border-color: var(--blue-blue, #3a7ca5); + } + + .md\:hover\:border-Blue-blue-100:hover { + border-color: var(--blue-blue-100, #75a3c0); + } + + .md\:hover\:border-Blue-blue-200:hover { + border-color: var(--blue-blue-200, #9cbed2); + } + + .md\:hover\:border-Blue-blue-300:hover { + border-color: var(--blue-blue-300, #4f7d9a); + } + + .md\:hover\:border-Blue-blue-400:hover { + border-color: var(--blue-blue-400, #5c7d92); + } + + .md\:hover\:border-Blue-blue-500:hover { + border-color: var(--blue-blue-500, #347095); + } + + .md\:hover\:border-Blue-blue-600:hover { + border-color: var(--blue-blue-600, #295774); + } + + .md\:hover\:border-Blue-blue-700:hover { + border-color: var(--blue-blue-700, #173242); + } + + .md\:hover\:border-LightBlue-lightblue:hover { + border-color: var(--light-blue-lightblue, #81c3d7); + } + + .md\:hover\:border-LightBlue-lightblue-100:hover { + border-color: var(--light-blue-lightblue-100, #a7d5e3); + } + + .md\:hover\:border-LightBlue-lightblue-200:hover { + border-color: var(--light-blue-lightblue-200, #c0e1eb); + } + + .md\:hover\:border-LightBlue-lightblue-300:hover { + border-color: var(--light-blue-lightblue-300, #80aebd); + } + + .md\:hover\:border-LightBlue-lightblue-400:hover { + border-color: var(--light-blue-lightblue-400, #80a0ab); + } + + .md\:hover\:border-LightBlue-lightblue-500:hover { + border-color: var(--light-blue-lightblue-500, #74afc1); + } + + .md\:hover\:border-LightBlue-lightblue-600:hover { + border-color: var(--light-blue-lightblue-600, #5a8997); + } + + .md\:hover\:border-LightBlue-lightblue-650:hover { + border-color: var(--light-blue-lightblue-650, #3e5e65); + } + + .md\:hover\:border-LightBlue-lightblue-700:hover { + border-color: var(--light-blue-lightblue-700, #344e56); + } + + .md\:hover\:border-Orange-orange:hover { + border-color: var(--orange-orange, #ff7f0e); + } + + .md\:hover\:border-Orange-orange-100:hover { + border-color: var(--orange-orange-100, #ffa556); + } + + .md\:hover\:border-Orange-orange-200:hover { + border-color: var(--orange-orange-200, #ffbf86); + } + + .md\:hover\:border-Orange-orange-300:hover { + border-color: var(--orange-orange-300, #d97f30); + } + + .md\:hover\:border-Orange-orange-400:hover { + border-color: var(--orange-orange-400, #bf7e46); + } + + .md\:hover\:border-Orange-orange-500:hover { + border-color: var(--orange-orange-500, #e5720d); + } + + .md\:hover\:border-Orange-orange-600:hover { + border-color: var(--orange-orange-600, #b3590a); + } + + .md\:hover\:border-Orange-orange-700:hover { + border-color: var(--orange-orange-700, #663306); + } + + .md\:hover\:border-Yellow-yellow:hover { + border-color: var(--yellow-yellow, #ffab00); + } + + .md\:hover\:border-Yellow-yellow-100:hover { + border-color: var(--yellow-yellow-100, #ffc44c); + } + + .md\:hover\:border-Yellow-yellow-200:hover { + border-color: var(--yellow-yellow-200, #ffd580); + } + + .md\:hover\:border-Yellow-yellow-300:hover { + border-color: var(--yellow-yellow-300, #d99d26); + } + + .md\:hover\:border-Yellow-yellow-400:hover { + border-color: var(--yellow-yellow-400, #bf943f); + } + + .md\:hover\:border-Yellow-yellow-500:hover { + border-color: var(--yellow-yellow-500, #e59a00); + } + + .md\:hover\:border-Yellow-yellow-600:hover { + border-color: var(--yellow-yellow-600, #b37800); + } + + .md\:hover\:border-Yellow-yellow-700:hover { + border-color: var(--yellow-yellow-700, #664400); + } + + .md\:hover\:border-Notification-notification:hover { + border-color: var(--notification-notification, #3959ff); + } + + .md\:hover\:border-Notification-notification-100:hover { + border-color: var(--notification-notification-100, #748bff); + } + + .md\:hover\:border-Notification-notification-200:hover { + border-color: var(--notification-notification-200, #9cacff); + } + + .md\:hover\:border-Notification-notification-300:hover { + border-color: var(--notification-notification-300, #4e64d9); + } + + .md\:hover\:border-Notification-notification-400:hover { + border-color: var(--notification-notification-400, #5c6cbf); + } + + .md\:hover\:border-Notification-notification-500:hover { + border-color: var(--notification-notification-500, #3350e5); + } + + .md\:hover\:border-Notification-notification-600:hover { + border-color: var(--notification-notification-600, #283eb3); + } + + .md\:hover\:border-Notification-notification-700:hover { + border-color: var(--notification-notification-700, #172466); + } + + .md\:hover\:border-Success-success\ -700:hover { + border-color: var(--success-success-700, #24471f); + } + + .md\:hover\:border-Success-success:hover { + border-color: var(--success-success, #5bb14d); + } + + .md\:hover\:border-Success-success\ -100:hover { + border-color: var(--success-success-100, #8cc882); + } + + .md\:hover\:border-Success-success\ -200:hover { + border-color: var(--success-success-200, #add8a6); + } + + .md\:hover\:border-Success-success\ -300:hover { + border-color: var(--success-success-300, #66a25c); + } + + .md\:hover\:border-Success-success\ -400:hover { + border-color: var(--success-success-400, #6d9766); + } + + .md\:hover\:border-Success-success\ -500:hover { + border-color: var(--success-success-500, #529f45); + } + + .md\:hover\:border-Success-success\ -600:hover { + border-color: var(--success-success-600, #407c36); + } + + .md\:hover\:border-Error-error:hover { + border-color: var(--error-error, #f03d3e); + } + + .md\:hover\:border-Error-error-100:hover { + border-color: var(--error-error-100, #f57778); + } + + .md\:hover\:border-Error-error-200:hover { + border-color: var(--error-error-200, #f89e9e); + } + + .md\:hover\:border-Error-error-250:hover { + border-color: var(--error-error-250, #f9c8c8); + } + + .md\:hover\:border-Error-error-300:hover { + border-color: var(--error-error-300, #ce5151); + } + + .md\:hover\:border-Error-error-400:hover { + border-color: var(--error-error-400, #b85e5e); + } + + .md\:hover\:border-Error-error-500:hover { + border-color: var(--error-error-500, #d83738); + } + + .md\:hover\:border-Error-error-600:hover { + border-color: var(--error-error-600, #a82b2b); + } + + .md\:hover\:border-Error-error-700:hover { + border-color: var(--error-error-700, #601819); + } + + .md\:focus\:border-colors-black:focus { + border-color: var(--colors-black, #000000); + } + + .md\:focus\:border-colors-white:focus { + border-color: var(--colors-white, #ffffff); + } + + .md\:focus\:border-colors-gray-100:focus { + border-color: var(--colors-gray-100, #f7fafc); + } + + .md\:focus\:border-colors-gray-200:focus { + border-color: var(--colors-gray-200, #edf2f7); + } + + .md\:focus\:border-colors-gray-300:focus { + border-color: var(--colors-gray-300, #e2e8f0); + } + + .md\:focus\:border-colors-gray-400:focus { + border-color: var(--colors-gray-400, #cbd5e0); + } + + .md\:focus\:border-colors-gray-500:focus { + border-color: var(--colors-gray-500, #a0aec0); + } + + .md\:focus\:border-colors-gray-600:focus { + border-color: var(--colors-gray-600, #718096); + } + + .md\:focus\:border-colors-gray-700:focus { + border-color: var(--colors-gray-700, #4a5568); + } + + .md\:focus\:border-colors-gray-800:focus { + border-color: var(--colors-gray-800, #2d3748); + } + + .md\:focus\:border-colors-gray-900:focus { + border-color: var(--colors-gray-900, #1a202c); + } + + .md\:focus\:border-colors-red-100:focus { + border-color: var(--colors-red-100, #fff5f5); + } + + .md\:focus\:border-colors-red-200:focus { + border-color: var(--colors-red-200, #fed7d7); + } + + .md\:focus\:border-colors-red-300:focus { + border-color: var(--colors-red-300, #feb2b2); + } + + .md\:focus\:border-colors-red-400:focus { + border-color: var(--colors-red-400, #fc8181); + } + + .md\:focus\:border-colors-red-500:focus { + border-color: var(--colors-red-500, #f56565); + } + + .md\:focus\:border-colors-red-600:focus { + border-color: var(--colors-red-600, #e53e3e); + } + + .md\:focus\:border-colors-red-700:focus { + border-color: var(--colors-red-700, #c53030); + } + + .md\:focus\:border-colors-red-800:focus { + border-color: var(--colors-red-800, #9b2c2c); + } + + .md\:focus\:border-colors-red-900:focus { + border-color: var(--colors-red-900, #742a2a); + } + + .md\:focus\:border-colors-orange-100:focus { + border-color: var(--colors-orange-100, #fffaf0); + } + + .md\:focus\:border-colors-orange-200:focus { + border-color: var(--colors-orange-200, #feebc8); + } + + .md\:focus\:border-colors-orange-300:focus { + border-color: var(--colors-orange-300, #fbd38d); + } + + .md\:focus\:border-colors-orange-400:focus { + border-color: var(--colors-orange-400, #f6ad55); + } + + .md\:focus\:border-colors-orange-500:focus { + border-color: var(--colors-orange-500, #ed8936); + } + + .md\:focus\:border-colors-orange-600:focus { + border-color: var(--colors-orange-600, #dd6b20); + } + + .md\:focus\:border-colors-orange-700:focus { + border-color: var(--colors-orange-700, #c05621); + } + + .md\:focus\:border-colors-orange-800:focus { + border-color: var(--colors-orange-800, #9c4221); + } + + .md\:focus\:border-colors-orange-900:focus { + border-color: var(--colors-orange-900, #7b341e); + } + + .md\:focus\:border-colors-yellow-100:focus { + border-color: var(--colors-yellow-100, #fffff0); + } + + .md\:focus\:border-colors-yellow-200:focus { + border-color: var(--colors-yellow-200, #fefcbf); + } + + .md\:focus\:border-colors-yellow-300:focus { + border-color: var(--colors-yellow-300, #faf089); + } + + .md\:focus\:border-colors-yellow-400:focus { + border-color: var(--colors-yellow-400, #f6e05e); + } + + .md\:focus\:border-colors-yellow-500:focus { + border-color: var(--colors-yellow-500, #ecc94b); + } + + .md\:focus\:border-colors-yellow-600:focus { + border-color: var(--colors-yellow-600, #d69e2e); + } + + .md\:focus\:border-colors-yellow-700:focus { + border-color: var(--colors-yellow-700, #b7791f); + } + + .md\:focus\:border-colors-yellow-800:focus { + border-color: var(--colors-yellow-800, #975a16); + } + + .md\:focus\:border-colors-yellow-900:focus { + border-color: var(--colors-yellow-900, #744210); + } + + .md\:focus\:border-colors-green-100:focus { + border-color: var(--colors-green-100, #f0fff4); + } + + .md\:focus\:border-colors-green-200:focus { + border-color: var(--colors-green-200, #c6f6d5); + } + + .md\:focus\:border-colors-green-300:focus { + border-color: var(--colors-green-300, #9ae6b4); + } + + .md\:focus\:border-colors-green-400:focus { + border-color: var(--colors-green-400, #68d391); + } + + .md\:focus\:border-colors-green-500:focus { + border-color: var(--colors-green-500, #48bb78); + } + + .md\:focus\:border-colors-green-600:focus { + border-color: var(--colors-green-600, #38a169); + } + + .md\:focus\:border-colors-green-700:focus { + border-color: var(--colors-green-700, #2f855a); + } + + .md\:focus\:border-colors-green-800:focus { + border-color: var(--colors-green-800, #276749); + } + + .md\:focus\:border-colors-green-900:focus { + border-color: var(--colors-green-900, #22543d); + } + + .md\:focus\:border-colors-teal-100:focus { + border-color: var(--colors-teal-100, #e6fffa); + } + + .md\:focus\:border-colors-teal-200:focus { + border-color: var(--colors-teal-200, #b2f5ea); + } + + .md\:focus\:border-colors-teal-300:focus { + border-color: var(--colors-teal-300, #81e6d9); + } + + .md\:focus\:border-colors-teal-400:focus { + border-color: var(--colors-teal-400, #4fd1c5); + } + + .md\:focus\:border-colors-teal-500:focus { + border-color: var(--colors-teal-500, #38b2ac); + } + + .md\:focus\:border-colors-teal-600:focus { + border-color: var(--colors-teal-600, #319795); + } + + .md\:focus\:border-colors-teal-700:focus { + border-color: var(--colors-teal-700, #2c7a7b); + } + + .md\:focus\:border-colors-teal-800:focus { + border-color: var(--colors-teal-800, #285e61); + } + + .md\:focus\:border-colors-teal-900:focus { + border-color: var(--colors-teal-900, #234e52); + } + + .md\:focus\:border-colors-blue-100:focus { + border-color: var(--colors-blue-100, #ebf8ff); + } + + .md\:focus\:border-colors-blue-200:focus { + border-color: var(--colors-blue-200, #bee3f8); + } + + .md\:focus\:border-colors-blue-300:focus { + border-color: var(--colors-blue-300, #90cdf4); + } + + .md\:focus\:border-colors-blue-400:focus { + border-color: var(--colors-blue-400, #63b3ed); + } + + .md\:focus\:border-colors-blue-500:focus { + border-color: var(--colors-blue-500, #4299e1); + } + + .md\:focus\:border-colors-blue-600:focus { + border-color: var(--colors-blue-600, #3182ce); + } + + .md\:focus\:border-colors-blue-700:focus { + border-color: var(--colors-blue-700, #2b6cb0); + } + + .md\:focus\:border-colors-blue-800:focus { + border-color: var(--colors-blue-800, #2c5282); + } + + .md\:focus\:border-colors-blue-900:focus { + border-color: var(--colors-blue-900, #2a4365); + } + + .md\:focus\:border-colors-indigo-100:focus { + border-color: var(--colors-indigo-100, #ebf4ff); + } + + .md\:focus\:border-colors-indigo-200:focus { + border-color: var(--colors-indigo-200, #c3dafe); + } + + .md\:focus\:border-colors-indigo-300:focus { + border-color: var(--colors-indigo-300, #a3bffa); + } + + .md\:focus\:border-colors-indigo-400:focus { + border-color: var(--colors-indigo-400, #7f9cf5); + } + + .md\:focus\:border-colors-indigo-500:focus { + border-color: var(--colors-indigo-500, #667eea); + } + + .md\:focus\:border-colors-indigo-600:focus { + border-color: var(--colors-indigo-600, #5a67d8); + } + + .md\:focus\:border-colors-indigo-700:focus { + border-color: var(--colors-indigo-700, #4c51bf); + } + + .md\:focus\:border-colors-indigo-800:focus { + border-color: var(--colors-indigo-800, #434190); + } + + .md\:focus\:border-colors-indigo-900:focus { + border-color: var(--colors-indigo-900, #3c366b); + } + + .md\:focus\:border-colors-purple-100:focus { + border-color: var(--colors-purple-100, #faf5ff); + } + + .md\:focus\:border-colors-purple-200:focus { + border-color: var(--colors-purple-200, #e9d8fd); + } + + .md\:focus\:border-colors-purple-300:focus { + border-color: var(--colors-purple-300, #d6bcfa); + } + + .md\:focus\:border-colors-purple-400:focus { + border-color: var(--colors-purple-400, #b794f4); + } + + .md\:focus\:border-colors-purple-500:focus { + border-color: var(--colors-purple-500, #9f7aea); + } + + .md\:focus\:border-colors-purple-600:focus { + border-color: var(--colors-purple-600, #805ad5); + } + + .md\:focus\:border-colors-purple-700:focus { + border-color: var(--colors-purple-700, #6b46c1); + } + + .md\:focus\:border-colors-purple-800:focus { + border-color: var(--colors-purple-800, #553c9a); + } + + .md\:focus\:border-colors-purple-900:focus { + border-color: var(--colors-purple-900, #44337a); + } + + .md\:focus\:border-colors-pink-100:focus { + border-color: var(--colors-pink-100, #fff5f7); + } + + .md\:focus\:border-colors-pink-200:focus { + border-color: var(--colors-pink-200, #fed7e2); + } + + .md\:focus\:border-colors-pink-300:focus { + border-color: var(--colors-pink-300, #fbb6ce); + } + + .md\:focus\:border-colors-pink-400:focus { + border-color: var(--colors-pink-400, #f687b3); + } + + .md\:focus\:border-colors-pink-500:focus { + border-color: var(--colors-pink-500, #ed64a6); + } + + .md\:focus\:border-colors-pink-600:focus { + border-color: var(--colors-pink-600, #d53f8c); + } + + .md\:focus\:border-colors-pink-700:focus { + border-color: var(--colors-pink-700, #b83280); + } + + .md\:focus\:border-colors-pink-800:focus { + border-color: var(--colors-pink-800, #97266d); + } + + .md\:focus\:border-colors-pink-900:focus { + border-color: var(--colors-pink-900, #702459); + } + + .md\:focus\:border-Box\ Shadow:focus { + border-color: var(--box-shadow, #7f7e7f); + } + + .md\:focus\:border-Error16:focus { + border-color: var(--error16, #f03d3e40); + } + + .md\:focus\:border-Success16:focus { + border-color: var(--success16, #5bb14d40); + } + + .md\:focus\:border-Notification16:focus { + border-color: var(--notification16, #3959ff40); + } + + .md\:focus\:border-Error8:focus { + border-color: var(--error8, #f03d3e1a); + } + + .md\:focus\:border-Notification8:focus { + border-color: var(--notification8, #3959ff1a); + } + + .md\:focus\:border-Success8:focus { + border-color: var(--success8, #5bb14d1a); + } + + .md\:focus\:border-Light\ -\ Overlay:focus { + border-color: var(--light-overlay, #f0edee66); + } + + .md\:focus\:border-Dark-\ Overlay:focus { + border-color: var(--dark-overlay, #7f7e7f66); + } + + .md\:focus\:border-black-40:focus { + border-color: var(--black-40, #00000066); + } + + .md\:focus\:border-black-75:focus { + border-color: var(--black-75, #000000bf); + } + + .md\:focus\:border-black-60:focus { + border-color: var(--black-60, #00000099); + } + + .md\:focus\:border-black-50:focus { + border-color: var(--black-50, #00000080); + } + + .md\:focus\:border-black-25:focus { + border-color: var(--black-25, #00000040); + } + + .md\:focus\:border-black-10:focus { + border-color: var(--black-10, #0000001a); + } + + .md\:focus\:border-white-25:focus { + border-color: var(--white-25, #ffffff40); + } + + .md\:focus\:border-white-60:focus { + border-color: var(--white-60, #ffffff99); + } + + .md\:focus\:border-black-64:focus { + border-color: var(--black-64, #000000a3); + } + + .md\:focus\:border-Shadow\ and\ Highlight-Shadow:focus { + border-color: var(--shadow-and-highlight-shadow, #7f7e7f); + } + + .md\:focus\:border-Shadow\ and\ Highlight-Highlight:focus { + border-color: var(--shadow-and-highlight-highlight, #474747); + } + + .md\:focus\:border-Shadow\ and\ Highlight-highlight\ one:focus { + border-color: var(--shadow-and-highlight-highlight-one, #474747bf); + } + + .md\:focus\:border-Shadow\ and\ Highlight-highlight\ two:focus { + border-color: var(--shadow-and-highlight-highlight-two, #47474799); + } + + .md\:focus\:border-Shadow\ and\ Highlight-highlight\ three:focus { + border-color: var(--shadow-and-highlight-highlight-three, #47474766); + } + + .md\:focus\:border-Shadow\ and\ Highlight-highlight\ five:focus { + border-color: var(--shadow-and-highlight-highlight-five, #4747471a); + } + + .md\:focus\:border-Shadow\ and\ Highlight-shadow\ one:focus { + border-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); + } + + .md\:focus\:border-Shadow\ and\ Highlight-shadow\ two:focus { + border-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); + } + + .md\:focus\:border-Shadow\ and\ Highlight-shadow\ three:focus { + border-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); + } + + .md\:focus\:border-Shadow\ and\ Highlight-shadow\ four:focus { + border-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); + } + + .md\:focus\:border-Shadow\ and\ Highlight-shadow\ five:focus { + border-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); + } + + .md\:focus\:border-Shadow\ and\ Highlight-highlight\ four:focus { + border-color: var(--shadow-and-highlight-highlight-four, #47474740); + } + + .md\:focus\:border-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus { + border-color: var(--base-layer-styles-base-layer-light-white, #ffffff); + } + + .md\:focus\:border-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus { + border-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); + } + + .md\:focus\:border-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus { + border-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); + } + + .md\:focus\:border-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus { + border-color: var(--base-layer-styles-base-layer-dark-black, #000000); + } + + .md\:focus\:border-Grey-Scale-white:focus { + border-color: var(--grey-scale-white, #ffffff); + } + + .md\:focus\:border-Grey-Scale-off-white:focus { + border-color: var(--grey-scale-off-white, #f0edee); + } + + .md\:focus\:border-Grey\ Scale-grey:focus { + border-color: var(--grey-scale-grey, #7f7e7f); + } + + .md\:focus\:border-Grey\ Scale-charcoal:focus { + border-color: var(--grey-scale-charcoal, #474747); + } + + .md\:focus\:border-Grey\ Scale-off-black:focus { + border-color: var(--grey-scale-off-black, #1c1c1c); + } + + .md\:focus\:border-Grey\ Scale-black:focus { + border-color: var(--grey-scale-black, #000000); + } + + .md\:focus\:border-Blue-blue:focus { + border-color: var(--blue-blue, #3a7ca5); + } + + .md\:focus\:border-Blue-blue-100:focus { + border-color: var(--blue-blue-100, #75a3c0); + } + + .md\:focus\:border-Blue-blue-200:focus { + border-color: var(--blue-blue-200, #9cbed2); + } + + .md\:focus\:border-Blue-blue-300:focus { + border-color: var(--blue-blue-300, #4f7d9a); + } + + .md\:focus\:border-Blue-blue-400:focus { + border-color: var(--blue-blue-400, #5c7d92); + } + + .md\:focus\:border-Blue-blue-500:focus { + border-color: var(--blue-blue-500, #347095); + } + + .md\:focus\:border-Blue-blue-600:focus { + border-color: var(--blue-blue-600, #295774); + } + + .md\:focus\:border-Blue-blue-700:focus { + border-color: var(--blue-blue-700, #173242); + } + + .md\:focus\:border-LightBlue-lightblue:focus { + border-color: var(--light-blue-lightblue, #81c3d7); + } + + .md\:focus\:border-LightBlue-lightblue-100:focus { + border-color: var(--light-blue-lightblue-100, #a7d5e3); + } + + .md\:focus\:border-LightBlue-lightblue-200:focus { + border-color: var(--light-blue-lightblue-200, #c0e1eb); + } + + .md\:focus\:border-LightBlue-lightblue-300:focus { + border-color: var(--light-blue-lightblue-300, #80aebd); + } + + .md\:focus\:border-LightBlue-lightblue-400:focus { + border-color: var(--light-blue-lightblue-400, #80a0ab); + } + + .md\:focus\:border-LightBlue-lightblue-500:focus { + border-color: var(--light-blue-lightblue-500, #74afc1); + } + + .md\:focus\:border-LightBlue-lightblue-600:focus { + border-color: var(--light-blue-lightblue-600, #5a8997); + } + + .md\:focus\:border-LightBlue-lightblue-650:focus { + border-color: var(--light-blue-lightblue-650, #3e5e65); + } + + .md\:focus\:border-LightBlue-lightblue-700:focus { + border-color: var(--light-blue-lightblue-700, #344e56); + } + + .md\:focus\:border-Orange-orange:focus { + border-color: var(--orange-orange, #ff7f0e); + } + + .md\:focus\:border-Orange-orange-100:focus { + border-color: var(--orange-orange-100, #ffa556); + } + + .md\:focus\:border-Orange-orange-200:focus { + border-color: var(--orange-orange-200, #ffbf86); + } + + .md\:focus\:border-Orange-orange-300:focus { + border-color: var(--orange-orange-300, #d97f30); + } + + .md\:focus\:border-Orange-orange-400:focus { + border-color: var(--orange-orange-400, #bf7e46); + } + + .md\:focus\:border-Orange-orange-500:focus { + border-color: var(--orange-orange-500, #e5720d); + } + + .md\:focus\:border-Orange-orange-600:focus { + border-color: var(--orange-orange-600, #b3590a); + } + + .md\:focus\:border-Orange-orange-700:focus { + border-color: var(--orange-orange-700, #663306); + } + + .md\:focus\:border-Yellow-yellow:focus { + border-color: var(--yellow-yellow, #ffab00); + } + + .md\:focus\:border-Yellow-yellow-100:focus { + border-color: var(--yellow-yellow-100, #ffc44c); + } + + .md\:focus\:border-Yellow-yellow-200:focus { + border-color: var(--yellow-yellow-200, #ffd580); + } + + .md\:focus\:border-Yellow-yellow-300:focus { + border-color: var(--yellow-yellow-300, #d99d26); + } + + .md\:focus\:border-Yellow-yellow-400:focus { + border-color: var(--yellow-yellow-400, #bf943f); + } + + .md\:focus\:border-Yellow-yellow-500:focus { + border-color: var(--yellow-yellow-500, #e59a00); + } + + .md\:focus\:border-Yellow-yellow-600:focus { + border-color: var(--yellow-yellow-600, #b37800); + } + + .md\:focus\:border-Yellow-yellow-700:focus { + border-color: var(--yellow-yellow-700, #664400); + } + + .md\:focus\:border-Notification-notification:focus { + border-color: var(--notification-notification, #3959ff); + } + + .md\:focus\:border-Notification-notification-100:focus { + border-color: var(--notification-notification-100, #748bff); + } + + .md\:focus\:border-Notification-notification-200:focus { + border-color: var(--notification-notification-200, #9cacff); + } + + .md\:focus\:border-Notification-notification-300:focus { + border-color: var(--notification-notification-300, #4e64d9); + } + + .md\:focus\:border-Notification-notification-400:focus { + border-color: var(--notification-notification-400, #5c6cbf); + } + + .md\:focus\:border-Notification-notification-500:focus { + border-color: var(--notification-notification-500, #3350e5); + } + + .md\:focus\:border-Notification-notification-600:focus { + border-color: var(--notification-notification-600, #283eb3); + } + + .md\:focus\:border-Notification-notification-700:focus { + border-color: var(--notification-notification-700, #172466); + } + + .md\:focus\:border-Success-success\ -700:focus { + border-color: var(--success-success-700, #24471f); + } + + .md\:focus\:border-Success-success:focus { + border-color: var(--success-success, #5bb14d); + } + + .md\:focus\:border-Success-success\ -100:focus { + border-color: var(--success-success-100, #8cc882); + } + + .md\:focus\:border-Success-success\ -200:focus { + border-color: var(--success-success-200, #add8a6); + } + + .md\:focus\:border-Success-success\ -300:focus { + border-color: var(--success-success-300, #66a25c); + } + + .md\:focus\:border-Success-success\ -400:focus { + border-color: var(--success-success-400, #6d9766); + } + + .md\:focus\:border-Success-success\ -500:focus { + border-color: var(--success-success-500, #529f45); + } + + .md\:focus\:border-Success-success\ -600:focus { + border-color: var(--success-success-600, #407c36); + } + + .md\:focus\:border-Error-error:focus { + border-color: var(--error-error, #f03d3e); + } + + .md\:focus\:border-Error-error-100:focus { + border-color: var(--error-error-100, #f57778); + } + + .md\:focus\:border-Error-error-200:focus { + border-color: var(--error-error-200, #f89e9e); + } + + .md\:focus\:border-Error-error-250:focus { + border-color: var(--error-error-250, #f9c8c8); + } + + .md\:focus\:border-Error-error-300:focus { + border-color: var(--error-error-300, #ce5151); + } + + .md\:focus\:border-Error-error-400:focus { + border-color: var(--error-error-400, #b85e5e); + } + + .md\:focus\:border-Error-error-500:focus { + border-color: var(--error-error-500, #d83738); + } + + .md\:focus\:border-Error-error-600:focus { + border-color: var(--error-error-600, #a82b2b); + } + + .md\:focus\:border-Error-error-700:focus { + border-color: var(--error-error-700, #601819); + } + + .md\:border-opacity-0 { + --tw-border-opacity: 0; + } + + .md\:border-opacity-5 { + --tw-border-opacity: 0.05; + } + + .md\:border-opacity-10 { + --tw-border-opacity: 0.1; + } + + .md\:border-opacity-20 { + --tw-border-opacity: 0.2; + } + + .md\:border-opacity-25 { + --tw-border-opacity: 0.25; + } + + .md\:border-opacity-30 { + --tw-border-opacity: 0.3; + } + + .md\:border-opacity-40 { + --tw-border-opacity: 0.4; + } + + .md\:border-opacity-50 { + --tw-border-opacity: 0.5; + } + + .md\:border-opacity-60 { + --tw-border-opacity: 0.6; + } + + .md\:border-opacity-70 { + --tw-border-opacity: 0.7; + } + + .md\:border-opacity-75 { + --tw-border-opacity: 0.75; + } + + .md\:border-opacity-80 { + --tw-border-opacity: 0.8; + } + + .md\:border-opacity-90 { + --tw-border-opacity: 0.9; + } + + .md\:border-opacity-95 { + --tw-border-opacity: 0.95; + } + + .md\:border-opacity-100 { + --tw-border-opacity: 1; + } + + .group:hover .md\:group-hover\:border-opacity-0 { + --tw-border-opacity: 0; + } + + .group:hover .md\:group-hover\:border-opacity-5 { + --tw-border-opacity: 0.05; + } + + .group:hover .md\:group-hover\:border-opacity-10 { + --tw-border-opacity: 0.1; + } + + .group:hover .md\:group-hover\:border-opacity-20 { + --tw-border-opacity: 0.2; + } + + .group:hover .md\:group-hover\:border-opacity-25 { + --tw-border-opacity: 0.25; + } + + .group:hover .md\:group-hover\:border-opacity-30 { + --tw-border-opacity: 0.3; + } + + .group:hover .md\:group-hover\:border-opacity-40 { + --tw-border-opacity: 0.4; + } + + .group:hover .md\:group-hover\:border-opacity-50 { + --tw-border-opacity: 0.5; + } + + .group:hover .md\:group-hover\:border-opacity-60 { + --tw-border-opacity: 0.6; + } + + .group:hover .md\:group-hover\:border-opacity-70 { + --tw-border-opacity: 0.7; + } + + .group:hover .md\:group-hover\:border-opacity-75 { + --tw-border-opacity: 0.75; + } + + .group:hover .md\:group-hover\:border-opacity-80 { + --tw-border-opacity: 0.8; + } + + .group:hover .md\:group-hover\:border-opacity-90 { + --tw-border-opacity: 0.9; + } + + .group:hover .md\:group-hover\:border-opacity-95 { + --tw-border-opacity: 0.95; + } + + .group:hover .md\:group-hover\:border-opacity-100 { + --tw-border-opacity: 1; + } + + .md\:focus-within\:border-opacity-0:focus-within { + --tw-border-opacity: 0; + } + + .md\:focus-within\:border-opacity-5:focus-within { + --tw-border-opacity: 0.05; + } + + .md\:focus-within\:border-opacity-10:focus-within { + --tw-border-opacity: 0.1; + } + + .md\:focus-within\:border-opacity-20:focus-within { + --tw-border-opacity: 0.2; + } + + .md\:focus-within\:border-opacity-25:focus-within { + --tw-border-opacity: 0.25; + } + + .md\:focus-within\:border-opacity-30:focus-within { + --tw-border-opacity: 0.3; + } + + .md\:focus-within\:border-opacity-40:focus-within { + --tw-border-opacity: 0.4; + } + + .md\:focus-within\:border-opacity-50:focus-within { + --tw-border-opacity: 0.5; + } + + .md\:focus-within\:border-opacity-60:focus-within { + --tw-border-opacity: 0.6; + } + + .md\:focus-within\:border-opacity-70:focus-within { + --tw-border-opacity: 0.7; + } + + .md\:focus-within\:border-opacity-75:focus-within { + --tw-border-opacity: 0.75; + } + + .md\:focus-within\:border-opacity-80:focus-within { + --tw-border-opacity: 0.8; + } + + .md\:focus-within\:border-opacity-90:focus-within { + --tw-border-opacity: 0.9; + } + + .md\:focus-within\:border-opacity-95:focus-within { + --tw-border-opacity: 0.95; + } + + .md\:focus-within\:border-opacity-100:focus-within { + --tw-border-opacity: 1; + } + + .md\:hover\:border-opacity-0:hover { + --tw-border-opacity: 0; + } + + .md\:hover\:border-opacity-5:hover { + --tw-border-opacity: 0.05; + } + + .md\:hover\:border-opacity-10:hover { + --tw-border-opacity: 0.1; + } + + .md\:hover\:border-opacity-20:hover { + --tw-border-opacity: 0.2; + } + + .md\:hover\:border-opacity-25:hover { + --tw-border-opacity: 0.25; + } + + .md\:hover\:border-opacity-30:hover { + --tw-border-opacity: 0.3; + } + + .md\:hover\:border-opacity-40:hover { + --tw-border-opacity: 0.4; + } + + .md\:hover\:border-opacity-50:hover { + --tw-border-opacity: 0.5; + } + + .md\:hover\:border-opacity-60:hover { + --tw-border-opacity: 0.6; + } + + .md\:hover\:border-opacity-70:hover { + --tw-border-opacity: 0.7; + } + + .md\:hover\:border-opacity-75:hover { + --tw-border-opacity: 0.75; + } + + .md\:hover\:border-opacity-80:hover { + --tw-border-opacity: 0.8; + } + + .md\:hover\:border-opacity-90:hover { + --tw-border-opacity: 0.9; + } + + .md\:hover\:border-opacity-95:hover { + --tw-border-opacity: 0.95; + } + + .md\:hover\:border-opacity-100:hover { + --tw-border-opacity: 1; + } + + .md\:focus\:border-opacity-0:focus { + --tw-border-opacity: 0; + } + + .md\:focus\:border-opacity-5:focus { + --tw-border-opacity: 0.05; + } + + .md\:focus\:border-opacity-10:focus { + --tw-border-opacity: 0.1; + } + + .md\:focus\:border-opacity-20:focus { + --tw-border-opacity: 0.2; + } + + .md\:focus\:border-opacity-25:focus { + --tw-border-opacity: 0.25; + } + + .md\:focus\:border-opacity-30:focus { + --tw-border-opacity: 0.3; + } + + .md\:focus\:border-opacity-40:focus { + --tw-border-opacity: 0.4; + } + + .md\:focus\:border-opacity-50:focus { + --tw-border-opacity: 0.5; + } + + .md\:focus\:border-opacity-60:focus { + --tw-border-opacity: 0.6; + } + + .md\:focus\:border-opacity-70:focus { + --tw-border-opacity: 0.7; + } + + .md\:focus\:border-opacity-75:focus { + --tw-border-opacity: 0.75; + } + + .md\:focus\:border-opacity-80:focus { + --tw-border-opacity: 0.8; + } + + .md\:focus\:border-opacity-90:focus { + --tw-border-opacity: 0.9; + } + + .md\:focus\:border-opacity-95:focus { + --tw-border-opacity: 0.95; + } + + .md\:focus\:border-opacity-100:focus { + --tw-border-opacity: 1; + } + + .md\:bg-colors-black { + background-color: var(--colors-black, #000000); + } + + .md\:bg-colors-white { + background-color: var(--colors-white, #ffffff); + } + + .md\:bg-colors-gray-100 { + background-color: var(--colors-gray-100, #f7fafc); + } + + .md\:bg-colors-gray-200 { + background-color: var(--colors-gray-200, #edf2f7); + } + + .md\:bg-colors-gray-300 { + background-color: var(--colors-gray-300, #e2e8f0); + } + + .md\:bg-colors-gray-400 { + background-color: var(--colors-gray-400, #cbd5e0); + } + + .md\:bg-colors-gray-500 { + background-color: var(--colors-gray-500, #a0aec0); + } + + .md\:bg-colors-gray-600 { + background-color: var(--colors-gray-600, #718096); + } + + .md\:bg-colors-gray-700 { + background-color: var(--colors-gray-700, #4a5568); + } + + .md\:bg-colors-gray-800 { + background-color: var(--colors-gray-800, #2d3748); + } + + .md\:bg-colors-gray-900 { + background-color: var(--colors-gray-900, #1a202c); + } + + .md\:bg-colors-red-100 { + background-color: var(--colors-red-100, #fff5f5); + } + + .md\:bg-colors-red-200 { + background-color: var(--colors-red-200, #fed7d7); + } + + .md\:bg-colors-red-300 { + background-color: var(--colors-red-300, #feb2b2); + } + + .md\:bg-colors-red-400 { + background-color: var(--colors-red-400, #fc8181); + } + + .md\:bg-colors-red-500 { + background-color: var(--colors-red-500, #f56565); + } + + .md\:bg-colors-red-600 { + background-color: var(--colors-red-600, #e53e3e); + } + + .md\:bg-colors-red-700 { + background-color: var(--colors-red-700, #c53030); + } + + .md\:bg-colors-red-800 { + background-color: var(--colors-red-800, #9b2c2c); + } + + .md\:bg-colors-red-900 { + background-color: var(--colors-red-900, #742a2a); + } + + .md\:bg-colors-orange-100 { + background-color: var(--colors-orange-100, #fffaf0); + } + + .md\:bg-colors-orange-200 { + background-color: var(--colors-orange-200, #feebc8); + } + + .md\:bg-colors-orange-300 { + background-color: var(--colors-orange-300, #fbd38d); + } + + .md\:bg-colors-orange-400 { + background-color: var(--colors-orange-400, #f6ad55); + } + + .md\:bg-colors-orange-500 { + background-color: var(--colors-orange-500, #ed8936); + } + + .md\:bg-colors-orange-600 { + background-color: var(--colors-orange-600, #dd6b20); + } + + .md\:bg-colors-orange-700 { + background-color: var(--colors-orange-700, #c05621); + } + + .md\:bg-colors-orange-800 { + background-color: var(--colors-orange-800, #9c4221); + } + + .md\:bg-colors-orange-900 { + background-color: var(--colors-orange-900, #7b341e); + } + + .md\:bg-colors-yellow-100 { + background-color: var(--colors-yellow-100, #fffff0); + } + + .md\:bg-colors-yellow-200 { + background-color: var(--colors-yellow-200, #fefcbf); + } + + .md\:bg-colors-yellow-300 { + background-color: var(--colors-yellow-300, #faf089); + } + + .md\:bg-colors-yellow-400 { + background-color: var(--colors-yellow-400, #f6e05e); + } + + .md\:bg-colors-yellow-500 { + background-color: var(--colors-yellow-500, #ecc94b); + } + + .md\:bg-colors-yellow-600 { + background-color: var(--colors-yellow-600, #d69e2e); + } + + .md\:bg-colors-yellow-700 { + background-color: var(--colors-yellow-700, #b7791f); + } + + .md\:bg-colors-yellow-800 { + background-color: var(--colors-yellow-800, #975a16); + } + + .md\:bg-colors-yellow-900 { + background-color: var(--colors-yellow-900, #744210); + } + + .md\:bg-colors-green-100 { + background-color: var(--colors-green-100, #f0fff4); + } + + .md\:bg-colors-green-200 { + background-color: var(--colors-green-200, #c6f6d5); + } + + .md\:bg-colors-green-300 { + background-color: var(--colors-green-300, #9ae6b4); + } + + .md\:bg-colors-green-400 { + background-color: var(--colors-green-400, #68d391); + } + + .md\:bg-colors-green-500 { + background-color: var(--colors-green-500, #48bb78); + } + + .md\:bg-colors-green-600 { + background-color: var(--colors-green-600, #38a169); + } + + .md\:bg-colors-green-700 { + background-color: var(--colors-green-700, #2f855a); + } + + .md\:bg-colors-green-800 { + background-color: var(--colors-green-800, #276749); + } + + .md\:bg-colors-green-900 { + background-color: var(--colors-green-900, #22543d); + } + + .md\:bg-colors-teal-100 { + background-color: var(--colors-teal-100, #e6fffa); + } + + .md\:bg-colors-teal-200 { + background-color: var(--colors-teal-200, #b2f5ea); + } + + .md\:bg-colors-teal-300 { + background-color: var(--colors-teal-300, #81e6d9); + } + + .md\:bg-colors-teal-400 { + background-color: var(--colors-teal-400, #4fd1c5); + } + + .md\:bg-colors-teal-500 { + background-color: var(--colors-teal-500, #38b2ac); + } + + .md\:bg-colors-teal-600 { + background-color: var(--colors-teal-600, #319795); + } + + .md\:bg-colors-teal-700 { + background-color: var(--colors-teal-700, #2c7a7b); + } + + .md\:bg-colors-teal-800 { + background-color: var(--colors-teal-800, #285e61); + } + + .md\:bg-colors-teal-900 { + background-color: var(--colors-teal-900, #234e52); + } + + .md\:bg-colors-blue-100 { + background-color: var(--colors-blue-100, #ebf8ff); + } + + .md\:bg-colors-blue-200 { + background-color: var(--colors-blue-200, #bee3f8); + } + + .md\:bg-colors-blue-300 { + background-color: var(--colors-blue-300, #90cdf4); + } + + .md\:bg-colors-blue-400 { + background-color: var(--colors-blue-400, #63b3ed); + } + + .md\:bg-colors-blue-500 { + background-color: var(--colors-blue-500, #4299e1); + } + + .md\:bg-colors-blue-600 { + background-color: var(--colors-blue-600, #3182ce); + } + + .md\:bg-colors-blue-700 { + background-color: var(--colors-blue-700, #2b6cb0); + } + + .md\:bg-colors-blue-800 { + background-color: var(--colors-blue-800, #2c5282); + } + + .md\:bg-colors-blue-900 { + background-color: var(--colors-blue-900, #2a4365); + } + + .md\:bg-colors-indigo-100 { + background-color: var(--colors-indigo-100, #ebf4ff); + } + + .md\:bg-colors-indigo-200 { + background-color: var(--colors-indigo-200, #c3dafe); + } + + .md\:bg-colors-indigo-300 { + background-color: var(--colors-indigo-300, #a3bffa); + } + + .md\:bg-colors-indigo-400 { + background-color: var(--colors-indigo-400, #7f9cf5); + } + + .md\:bg-colors-indigo-500 { + background-color: var(--colors-indigo-500, #667eea); + } + + .md\:bg-colors-indigo-600 { + background-color: var(--colors-indigo-600, #5a67d8); + } + + .md\:bg-colors-indigo-700 { + background-color: var(--colors-indigo-700, #4c51bf); + } + + .md\:bg-colors-indigo-800 { + background-color: var(--colors-indigo-800, #434190); + } + + .md\:bg-colors-indigo-900 { + background-color: var(--colors-indigo-900, #3c366b); + } + + .md\:bg-colors-purple-100 { + background-color: var(--colors-purple-100, #faf5ff); + } + + .md\:bg-colors-purple-200 { + background-color: var(--colors-purple-200, #e9d8fd); + } + + .md\:bg-colors-purple-300 { + background-color: var(--colors-purple-300, #d6bcfa); + } + + .md\:bg-colors-purple-400 { + background-color: var(--colors-purple-400, #b794f4); + } + + .md\:bg-colors-purple-500 { + background-color: var(--colors-purple-500, #9f7aea); + } + + .md\:bg-colors-purple-600 { + background-color: var(--colors-purple-600, #805ad5); + } + + .md\:bg-colors-purple-700 { + background-color: var(--colors-purple-700, #6b46c1); + } + + .md\:bg-colors-purple-800 { + background-color: var(--colors-purple-800, #553c9a); + } + + .md\:bg-colors-purple-900 { + background-color: var(--colors-purple-900, #44337a); + } + + .md\:bg-colors-pink-100 { + background-color: var(--colors-pink-100, #fff5f7); + } + + .md\:bg-colors-pink-200 { + background-color: var(--colors-pink-200, #fed7e2); + } + + .md\:bg-colors-pink-300 { + background-color: var(--colors-pink-300, #fbb6ce); + } + + .md\:bg-colors-pink-400 { + background-color: var(--colors-pink-400, #f687b3); + } + + .md\:bg-colors-pink-500 { + background-color: var(--colors-pink-500, #ed64a6); + } + + .md\:bg-colors-pink-600 { + background-color: var(--colors-pink-600, #d53f8c); + } + + .md\:bg-colors-pink-700 { + background-color: var(--colors-pink-700, #b83280); + } + + .md\:bg-colors-pink-800 { + background-color: var(--colors-pink-800, #97266d); + } + + .md\:bg-colors-pink-900 { + background-color: var(--colors-pink-900, #702459); + } + + .md\:bg-Box\ Shadow { + background-color: var(--box-shadow, #7f7e7f); + } + + .md\:bg-Error16 { + background-color: var(--error16, #f03d3e40); + } + + .md\:bg-Success16 { + background-color: var(--success16, #5bb14d40); + } + + .md\:bg-Notification16 { + background-color: var(--notification16, #3959ff40); + } + + .md\:bg-Error8 { + background-color: var(--error8, #f03d3e1a); + } + + .md\:bg-Notification8 { + background-color: var(--notification8, #3959ff1a); + } + + .md\:bg-Success8 { + background-color: var(--success8, #5bb14d1a); + } + + .md\:bg-Light\ -\ Overlay { + background-color: var(--light-overlay, #f0edee66); + } + + .md\:bg-Dark-\ Overlay { + background-color: var(--dark-overlay, #7f7e7f66); + } + + .md\:bg-black-40 { + background-color: var(--black-40, #00000066); + } + + .md\:bg-black-75 { + background-color: var(--black-75, #000000bf); + } + + .md\:bg-black-60 { + background-color: var(--black-60, #00000099); + } + + .md\:bg-black-50 { + background-color: var(--black-50, #00000080); + } + + .md\:bg-black-25 { + background-color: var(--black-25, #00000040); + } + + .md\:bg-black-10 { + background-color: var(--black-10, #0000001a); + } + + .md\:bg-white-25 { + background-color: var(--white-25, #ffffff40); + } + + .md\:bg-white-60 { + background-color: var(--white-60, #ffffff99); + } + + .md\:bg-black-64 { + background-color: var(--black-64, #000000a3); + } + + .md\:bg-Shadow\ and\ Highlight-Shadow { + background-color: var(--shadow-and-highlight-shadow, #7f7e7f); + } + + .md\:bg-Shadow\ and\ Highlight-Highlight { + background-color: var(--shadow-and-highlight-highlight, #474747); + } + + .md\:bg-Shadow\ and\ Highlight-highlight\ one { + background-color: var(--shadow-and-highlight-highlight-one, #474747bf); + } + + .md\:bg-Shadow\ and\ Highlight-highlight\ two { + background-color: var(--shadow-and-highlight-highlight-two, #47474799); + } + + .md\:bg-Shadow\ and\ Highlight-highlight\ three { + background-color: var(--shadow-and-highlight-highlight-three, #47474766); + } + + .md\:bg-Shadow\ and\ Highlight-highlight\ five { + background-color: var(--shadow-and-highlight-highlight-five, #4747471a); + } + + .md\:bg-Shadow\ and\ Highlight-shadow\ one { + background-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); + } + + .md\:bg-Shadow\ and\ Highlight-shadow\ two { + background-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); + } + + .md\:bg-Shadow\ and\ Highlight-shadow\ three { + background-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); + } + + .md\:bg-Shadow\ and\ Highlight-shadow\ four { + background-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); + } + + .md\:bg-Shadow\ and\ Highlight-shadow\ five { + background-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); + } + + .md\:bg-Shadow\ and\ Highlight-highlight\ four { + background-color: var(--shadow-and-highlight-highlight-four, #47474740); + } + + .md\:bg-Base\ Layer\ Styles-Base\ Layer-\ Light-White { + background-color: var(--base-layer-styles-base-layer-light-white, #ffffff); + } + + .md\:bg-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite { + background-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); + } + + .md\:bg-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack { + background-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); + } + + .md\:bg-Base\ Layer\ Styles-Base\ Layer-Dark-Black { + background-color: var(--base-layer-styles-base-layer-dark-black, #000000); + } + + .md\:bg-Grey-Scale-white { + background-color: var(--grey-scale-white, #ffffff); + } + + .md\:bg-Grey-Scale-off-white { + background-color: var(--grey-scale-off-white, #f0edee); + } + + .md\:bg-Grey\ Scale-grey { + background-color: var(--grey-scale-grey, #7f7e7f); + } + + .md\:bg-Grey\ Scale-charcoal { + background-color: var(--grey-scale-charcoal, #474747); + } + + .md\:bg-Grey\ Scale-off-black { + background-color: var(--grey-scale-off-black, #1c1c1c); + } + + .md\:bg-Grey\ Scale-black { + background-color: var(--grey-scale-black, #000000); + } + + .md\:bg-Blue-blue { + background-color: var(--blue-blue, #3a7ca5); + } + + .md\:bg-Blue-blue-100 { + background-color: var(--blue-blue-100, #75a3c0); + } + + .md\:bg-Blue-blue-200 { + background-color: var(--blue-blue-200, #9cbed2); + } + + .md\:bg-Blue-blue-300 { + background-color: var(--blue-blue-300, #4f7d9a); + } + + .md\:bg-Blue-blue-400 { + background-color: var(--blue-blue-400, #5c7d92); + } + + .md\:bg-Blue-blue-500 { + background-color: var(--blue-blue-500, #347095); + } + + .md\:bg-Blue-blue-600 { + background-color: var(--blue-blue-600, #295774); + } + + .md\:bg-Blue-blue-700 { + background-color: var(--blue-blue-700, #173242); + } + + .md\:bg-LightBlue-lightblue { + background-color: var(--light-blue-lightblue, #81c3d7); + } + + .md\:bg-LightBlue-lightblue-100 { + background-color: var(--light-blue-lightblue-100, #a7d5e3); + } + + .md\:bg-LightBlue-lightblue-200 { + background-color: var(--light-blue-lightblue-200, #c0e1eb); + } + + .md\:bg-LightBlue-lightblue-300 { + background-color: var(--light-blue-lightblue-300, #80aebd); + } + + .md\:bg-LightBlue-lightblue-400 { + background-color: var(--light-blue-lightblue-400, #80a0ab); + } + + .md\:bg-LightBlue-lightblue-500 { + background-color: var(--light-blue-lightblue-500, #74afc1); + } + + .md\:bg-LightBlue-lightblue-600 { + background-color: var(--light-blue-lightblue-600, #5a8997); + } + + .md\:bg-LightBlue-lightblue-650 { + background-color: var(--light-blue-lightblue-650, #3e5e65); + } + + .md\:bg-LightBlue-lightblue-700 { + background-color: var(--light-blue-lightblue-700, #344e56); + } + + .md\:bg-Orange-orange { + background-color: var(--orange-orange, #ff7f0e); + } + + .md\:bg-Orange-orange-100 { + background-color: var(--orange-orange-100, #ffa556); + } + + .md\:bg-Orange-orange-200 { + background-color: var(--orange-orange-200, #ffbf86); + } + + .md\:bg-Orange-orange-300 { + background-color: var(--orange-orange-300, #d97f30); + } + + .md\:bg-Orange-orange-400 { + background-color: var(--orange-orange-400, #bf7e46); + } + + .md\:bg-Orange-orange-500 { + background-color: var(--orange-orange-500, #e5720d); + } + + .md\:bg-Orange-orange-600 { + background-color: var(--orange-orange-600, #b3590a); + } + + .md\:bg-Orange-orange-700 { + background-color: var(--orange-orange-700, #663306); + } + + .md\:bg-Yellow-yellow { + background-color: var(--yellow-yellow, #ffab00); + } + + .md\:bg-Yellow-yellow-100 { + background-color: var(--yellow-yellow-100, #ffc44c); + } + + .md\:bg-Yellow-yellow-200 { + background-color: var(--yellow-yellow-200, #ffd580); + } + + .md\:bg-Yellow-yellow-300 { + background-color: var(--yellow-yellow-300, #d99d26); + } + + .md\:bg-Yellow-yellow-400 { + background-color: var(--yellow-yellow-400, #bf943f); + } + + .md\:bg-Yellow-yellow-500 { + background-color: var(--yellow-yellow-500, #e59a00); + } + + .md\:bg-Yellow-yellow-600 { + background-color: var(--yellow-yellow-600, #b37800); + } + + .md\:bg-Yellow-yellow-700 { + background-color: var(--yellow-yellow-700, #664400); + } + + .md\:bg-Notification-notification { + background-color: var(--notification-notification, #3959ff); + } + + .md\:bg-Notification-notification-100 { + background-color: var(--notification-notification-100, #748bff); + } + + .md\:bg-Notification-notification-200 { + background-color: var(--notification-notification-200, #9cacff); + } + + .md\:bg-Notification-notification-300 { + background-color: var(--notification-notification-300, #4e64d9); + } + + .md\:bg-Notification-notification-400 { + background-color: var(--notification-notification-400, #5c6cbf); + } + + .md\:bg-Notification-notification-500 { + background-color: var(--notification-notification-500, #3350e5); + } + + .md\:bg-Notification-notification-600 { + background-color: var(--notification-notification-600, #283eb3); + } + + .md\:bg-Notification-notification-700 { + background-color: var(--notification-notification-700, #172466); + } + + .md\:bg-Success-success\ -700 { + background-color: var(--success-success-700, #24471f); + } + + .md\:bg-Success-success { + background-color: var(--success-success, #5bb14d); + } + + .md\:bg-Success-success\ -100 { + background-color: var(--success-success-100, #8cc882); + } + + .md\:bg-Success-success\ -200 { + background-color: var(--success-success-200, #add8a6); + } + + .md\:bg-Success-success\ -300 { + background-color: var(--success-success-300, #66a25c); + } + + .md\:bg-Success-success\ -400 { + background-color: var(--success-success-400, #6d9766); + } + + .md\:bg-Success-success\ -500 { + background-color: var(--success-success-500, #529f45); + } + + .md\:bg-Success-success\ -600 { + background-color: var(--success-success-600, #407c36); + } + + .md\:bg-Error-error { + background-color: var(--error-error, #f03d3e); + } + + .md\:bg-Error-error-100 { + background-color: var(--error-error-100, #f57778); + } + + .md\:bg-Error-error-200 { + background-color: var(--error-error-200, #f89e9e); + } + + .md\:bg-Error-error-250 { + background-color: var(--error-error-250, #f9c8c8); + } + + .md\:bg-Error-error-300 { + background-color: var(--error-error-300, #ce5151); + } + + .md\:bg-Error-error-400 { + background-color: var(--error-error-400, #b85e5e); + } + + .md\:bg-Error-error-500 { + background-color: var(--error-error-500, #d83738); + } + + .md\:bg-Error-error-600 { + background-color: var(--error-error-600, #a82b2b); + } + + .md\:bg-Error-error-700 { + background-color: var(--error-error-700, #601819); + } + + .group:hover .md\:group-hover\:bg-colors-black { + background-color: var(--colors-black, #000000); + } + + .group:hover .md\:group-hover\:bg-colors-white { + background-color: var(--colors-white, #ffffff); + } + + .group:hover .md\:group-hover\:bg-colors-gray-100 { + background-color: var(--colors-gray-100, #f7fafc); + } + + .group:hover .md\:group-hover\:bg-colors-gray-200 { + background-color: var(--colors-gray-200, #edf2f7); + } + + .group:hover .md\:group-hover\:bg-colors-gray-300 { + background-color: var(--colors-gray-300, #e2e8f0); + } + + .group:hover .md\:group-hover\:bg-colors-gray-400 { + background-color: var(--colors-gray-400, #cbd5e0); + } + + .group:hover .md\:group-hover\:bg-colors-gray-500 { + background-color: var(--colors-gray-500, #a0aec0); + } + + .group:hover .md\:group-hover\:bg-colors-gray-600 { + background-color: var(--colors-gray-600, #718096); + } + + .group:hover .md\:group-hover\:bg-colors-gray-700 { + background-color: var(--colors-gray-700, #4a5568); + } + + .group:hover .md\:group-hover\:bg-colors-gray-800 { + background-color: var(--colors-gray-800, #2d3748); + } + + .group:hover .md\:group-hover\:bg-colors-gray-900 { + background-color: var(--colors-gray-900, #1a202c); + } + + .group:hover .md\:group-hover\:bg-colors-red-100 { + background-color: var(--colors-red-100, #fff5f5); + } + + .group:hover .md\:group-hover\:bg-colors-red-200 { + background-color: var(--colors-red-200, #fed7d7); + } + + .group:hover .md\:group-hover\:bg-colors-red-300 { + background-color: var(--colors-red-300, #feb2b2); + } + + .group:hover .md\:group-hover\:bg-colors-red-400 { + background-color: var(--colors-red-400, #fc8181); + } + + .group:hover .md\:group-hover\:bg-colors-red-500 { + background-color: var(--colors-red-500, #f56565); + } + + .group:hover .md\:group-hover\:bg-colors-red-600 { + background-color: var(--colors-red-600, #e53e3e); + } + + .group:hover .md\:group-hover\:bg-colors-red-700 { + background-color: var(--colors-red-700, #c53030); + } + + .group:hover .md\:group-hover\:bg-colors-red-800 { + background-color: var(--colors-red-800, #9b2c2c); + } + + .group:hover .md\:group-hover\:bg-colors-red-900 { + background-color: var(--colors-red-900, #742a2a); + } + + .group:hover .md\:group-hover\:bg-colors-orange-100 { + background-color: var(--colors-orange-100, #fffaf0); + } + + .group:hover .md\:group-hover\:bg-colors-orange-200 { + background-color: var(--colors-orange-200, #feebc8); + } + + .group:hover .md\:group-hover\:bg-colors-orange-300 { + background-color: var(--colors-orange-300, #fbd38d); + } + + .group:hover .md\:group-hover\:bg-colors-orange-400 { + background-color: var(--colors-orange-400, #f6ad55); + } + + .group:hover .md\:group-hover\:bg-colors-orange-500 { + background-color: var(--colors-orange-500, #ed8936); + } + + .group:hover .md\:group-hover\:bg-colors-orange-600 { + background-color: var(--colors-orange-600, #dd6b20); + } + + .group:hover .md\:group-hover\:bg-colors-orange-700 { + background-color: var(--colors-orange-700, #c05621); + } + + .group:hover .md\:group-hover\:bg-colors-orange-800 { + background-color: var(--colors-orange-800, #9c4221); + } + + .group:hover .md\:group-hover\:bg-colors-orange-900 { + background-color: var(--colors-orange-900, #7b341e); + } + + .group:hover .md\:group-hover\:bg-colors-yellow-100 { + background-color: var(--colors-yellow-100, #fffff0); + } + + .group:hover .md\:group-hover\:bg-colors-yellow-200 { + background-color: var(--colors-yellow-200, #fefcbf); + } + + .group:hover .md\:group-hover\:bg-colors-yellow-300 { + background-color: var(--colors-yellow-300, #faf089); + } + + .group:hover .md\:group-hover\:bg-colors-yellow-400 { + background-color: var(--colors-yellow-400, #f6e05e); + } + + .group:hover .md\:group-hover\:bg-colors-yellow-500 { + background-color: var(--colors-yellow-500, #ecc94b); + } + + .group:hover .md\:group-hover\:bg-colors-yellow-600 { + background-color: var(--colors-yellow-600, #d69e2e); + } + + .group:hover .md\:group-hover\:bg-colors-yellow-700 { + background-color: var(--colors-yellow-700, #b7791f); + } + + .group:hover .md\:group-hover\:bg-colors-yellow-800 { + background-color: var(--colors-yellow-800, #975a16); + } + + .group:hover .md\:group-hover\:bg-colors-yellow-900 { + background-color: var(--colors-yellow-900, #744210); + } + + .group:hover .md\:group-hover\:bg-colors-green-100 { + background-color: var(--colors-green-100, #f0fff4); + } + + .group:hover .md\:group-hover\:bg-colors-green-200 { + background-color: var(--colors-green-200, #c6f6d5); + } + + .group:hover .md\:group-hover\:bg-colors-green-300 { + background-color: var(--colors-green-300, #9ae6b4); + } + + .group:hover .md\:group-hover\:bg-colors-green-400 { + background-color: var(--colors-green-400, #68d391); + } + + .group:hover .md\:group-hover\:bg-colors-green-500 { + background-color: var(--colors-green-500, #48bb78); + } + + .group:hover .md\:group-hover\:bg-colors-green-600 { + background-color: var(--colors-green-600, #38a169); + } + + .group:hover .md\:group-hover\:bg-colors-green-700 { + background-color: var(--colors-green-700, #2f855a); + } + + .group:hover .md\:group-hover\:bg-colors-green-800 { + background-color: var(--colors-green-800, #276749); + } + + .group:hover .md\:group-hover\:bg-colors-green-900 { + background-color: var(--colors-green-900, #22543d); + } + + .group:hover .md\:group-hover\:bg-colors-teal-100 { + background-color: var(--colors-teal-100, #e6fffa); + } + + .group:hover .md\:group-hover\:bg-colors-teal-200 { + background-color: var(--colors-teal-200, #b2f5ea); + } + + .group:hover .md\:group-hover\:bg-colors-teal-300 { + background-color: var(--colors-teal-300, #81e6d9); + } + + .group:hover .md\:group-hover\:bg-colors-teal-400 { + background-color: var(--colors-teal-400, #4fd1c5); + } + + .group:hover .md\:group-hover\:bg-colors-teal-500 { + background-color: var(--colors-teal-500, #38b2ac); + } + + .group:hover .md\:group-hover\:bg-colors-teal-600 { + background-color: var(--colors-teal-600, #319795); + } + + .group:hover .md\:group-hover\:bg-colors-teal-700 { + background-color: var(--colors-teal-700, #2c7a7b); + } + + .group:hover .md\:group-hover\:bg-colors-teal-800 { + background-color: var(--colors-teal-800, #285e61); + } + + .group:hover .md\:group-hover\:bg-colors-teal-900 { + background-color: var(--colors-teal-900, #234e52); + } + + .group:hover .md\:group-hover\:bg-colors-blue-100 { + background-color: var(--colors-blue-100, #ebf8ff); + } + + .group:hover .md\:group-hover\:bg-colors-blue-200 { + background-color: var(--colors-blue-200, #bee3f8); + } + + .group:hover .md\:group-hover\:bg-colors-blue-300 { + background-color: var(--colors-blue-300, #90cdf4); + } + + .group:hover .md\:group-hover\:bg-colors-blue-400 { + background-color: var(--colors-blue-400, #63b3ed); + } + + .group:hover .md\:group-hover\:bg-colors-blue-500 { + background-color: var(--colors-blue-500, #4299e1); + } + + .group:hover .md\:group-hover\:bg-colors-blue-600 { + background-color: var(--colors-blue-600, #3182ce); + } + + .group:hover .md\:group-hover\:bg-colors-blue-700 { + background-color: var(--colors-blue-700, #2b6cb0); + } + + .group:hover .md\:group-hover\:bg-colors-blue-800 { + background-color: var(--colors-blue-800, #2c5282); + } + + .group:hover .md\:group-hover\:bg-colors-blue-900 { + background-color: var(--colors-blue-900, #2a4365); + } + + .group:hover .md\:group-hover\:bg-colors-indigo-100 { + background-color: var(--colors-indigo-100, #ebf4ff); + } + + .group:hover .md\:group-hover\:bg-colors-indigo-200 { + background-color: var(--colors-indigo-200, #c3dafe); + } + + .group:hover .md\:group-hover\:bg-colors-indigo-300 { + background-color: var(--colors-indigo-300, #a3bffa); + } + + .group:hover .md\:group-hover\:bg-colors-indigo-400 { + background-color: var(--colors-indigo-400, #7f9cf5); + } + + .group:hover .md\:group-hover\:bg-colors-indigo-500 { + background-color: var(--colors-indigo-500, #667eea); + } + + .group:hover .md\:group-hover\:bg-colors-indigo-600 { + background-color: var(--colors-indigo-600, #5a67d8); + } + + .group:hover .md\:group-hover\:bg-colors-indigo-700 { + background-color: var(--colors-indigo-700, #4c51bf); + } + + .group:hover .md\:group-hover\:bg-colors-indigo-800 { + background-color: var(--colors-indigo-800, #434190); + } + + .group:hover .md\:group-hover\:bg-colors-indigo-900 { + background-color: var(--colors-indigo-900, #3c366b); + } + + .group:hover .md\:group-hover\:bg-colors-purple-100 { + background-color: var(--colors-purple-100, #faf5ff); + } + + .group:hover .md\:group-hover\:bg-colors-purple-200 { + background-color: var(--colors-purple-200, #e9d8fd); + } + + .group:hover .md\:group-hover\:bg-colors-purple-300 { + background-color: var(--colors-purple-300, #d6bcfa); + } + + .group:hover .md\:group-hover\:bg-colors-purple-400 { + background-color: var(--colors-purple-400, #b794f4); + } + + .group:hover .md\:group-hover\:bg-colors-purple-500 { + background-color: var(--colors-purple-500, #9f7aea); + } + + .group:hover .md\:group-hover\:bg-colors-purple-600 { + background-color: var(--colors-purple-600, #805ad5); + } + + .group:hover .md\:group-hover\:bg-colors-purple-700 { + background-color: var(--colors-purple-700, #6b46c1); + } + + .group:hover .md\:group-hover\:bg-colors-purple-800 { + background-color: var(--colors-purple-800, #553c9a); + } + + .group:hover .md\:group-hover\:bg-colors-purple-900 { + background-color: var(--colors-purple-900, #44337a); + } + + .group:hover .md\:group-hover\:bg-colors-pink-100 { + background-color: var(--colors-pink-100, #fff5f7); + } + + .group:hover .md\:group-hover\:bg-colors-pink-200 { + background-color: var(--colors-pink-200, #fed7e2); + } + + .group:hover .md\:group-hover\:bg-colors-pink-300 { + background-color: var(--colors-pink-300, #fbb6ce); + } + + .group:hover .md\:group-hover\:bg-colors-pink-400 { + background-color: var(--colors-pink-400, #f687b3); + } + + .group:hover .md\:group-hover\:bg-colors-pink-500 { + background-color: var(--colors-pink-500, #ed64a6); + } + + .group:hover .md\:group-hover\:bg-colors-pink-600 { + background-color: var(--colors-pink-600, #d53f8c); + } + + .group:hover .md\:group-hover\:bg-colors-pink-700 { + background-color: var(--colors-pink-700, #b83280); + } + + .group:hover .md\:group-hover\:bg-colors-pink-800 { + background-color: var(--colors-pink-800, #97266d); + } + + .group:hover .md\:group-hover\:bg-colors-pink-900 { + background-color: var(--colors-pink-900, #702459); + } + + .group:hover .md\:group-hover\:bg-Box\ Shadow { + background-color: var(--box-shadow, #7f7e7f); + } + + .group:hover .md\:group-hover\:bg-Error16 { + background-color: var(--error16, #f03d3e40); + } + + .group:hover .md\:group-hover\:bg-Success16 { + background-color: var(--success16, #5bb14d40); + } + + .group:hover .md\:group-hover\:bg-Notification16 { + background-color: var(--notification16, #3959ff40); + } + + .group:hover .md\:group-hover\:bg-Error8 { + background-color: var(--error8, #f03d3e1a); + } + + .group:hover .md\:group-hover\:bg-Notification8 { + background-color: var(--notification8, #3959ff1a); + } + + .group:hover .md\:group-hover\:bg-Success8 { + background-color: var(--success8, #5bb14d1a); + } + + .group:hover .md\:group-hover\:bg-Light\ -\ Overlay { + background-color: var(--light-overlay, #f0edee66); + } + + .group:hover .md\:group-hover\:bg-Dark-\ Overlay { + background-color: var(--dark-overlay, #7f7e7f66); + } + + .group:hover .md\:group-hover\:bg-black-40 { + background-color: var(--black-40, #00000066); + } + + .group:hover .md\:group-hover\:bg-black-75 { + background-color: var(--black-75, #000000bf); + } + + .group:hover .md\:group-hover\:bg-black-60 { + background-color: var(--black-60, #00000099); + } + + .group:hover .md\:group-hover\:bg-black-50 { + background-color: var(--black-50, #00000080); + } + + .group:hover .md\:group-hover\:bg-black-25 { + background-color: var(--black-25, #00000040); + } + + .group:hover .md\:group-hover\:bg-black-10 { + background-color: var(--black-10, #0000001a); + } + + .group:hover .md\:group-hover\:bg-white-25 { + background-color: var(--white-25, #ffffff40); + } + + .group:hover .md\:group-hover\:bg-white-60 { + background-color: var(--white-60, #ffffff99); + } + + .group:hover .md\:group-hover\:bg-black-64 { + background-color: var(--black-64, #000000a3); + } + + .group:hover .md\:group-hover\:bg-Shadow\ and\ Highlight-Shadow { + background-color: var(--shadow-and-highlight-shadow, #7f7e7f); + } + + .group:hover .md\:group-hover\:bg-Shadow\ and\ Highlight-Highlight { + background-color: var(--shadow-and-highlight-highlight, #474747); + } + + .group:hover .md\:group-hover\:bg-Shadow\ and\ Highlight-highlight\ one { + background-color: var(--shadow-and-highlight-highlight-one, #474747bf); + } + + .group:hover .md\:group-hover\:bg-Shadow\ and\ Highlight-highlight\ two { + background-color: var(--shadow-and-highlight-highlight-two, #47474799); + } + + .group:hover .md\:group-hover\:bg-Shadow\ and\ Highlight-highlight\ three { + background-color: var(--shadow-and-highlight-highlight-three, #47474766); + } + + .group:hover .md\:group-hover\:bg-Shadow\ and\ Highlight-highlight\ five { + background-color: var(--shadow-and-highlight-highlight-five, #4747471a); + } + + .group:hover .md\:group-hover\:bg-Shadow\ and\ Highlight-shadow\ one { + background-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); + } + + .group:hover .md\:group-hover\:bg-Shadow\ and\ Highlight-shadow\ two { + background-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); + } + + .group:hover .md\:group-hover\:bg-Shadow\ and\ Highlight-shadow\ three { + background-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); + } + + .group:hover .md\:group-hover\:bg-Shadow\ and\ Highlight-shadow\ four { + background-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); + } + + .group:hover .md\:group-hover\:bg-Shadow\ and\ Highlight-shadow\ five { + background-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); + } + + .group:hover .md\:group-hover\:bg-Shadow\ and\ Highlight-highlight\ four { + background-color: var(--shadow-and-highlight-highlight-four, #47474740); + } + + .group:hover .md\:group-hover\:bg-Base\ Layer\ Styles-Base\ Layer-\ Light-White { + background-color: var(--base-layer-styles-base-layer-light-white, #ffffff); + } + + .group:hover .md\:group-hover\:bg-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite { + background-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); + } + + .group:hover .md\:group-hover\:bg-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack { + background-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); + } + + .group:hover .md\:group-hover\:bg-Base\ Layer\ Styles-Base\ Layer-Dark-Black { + background-color: var(--base-layer-styles-base-layer-dark-black, #000000); + } + + .group:hover .md\:group-hover\:bg-Grey-Scale-white { + background-color: var(--grey-scale-white, #ffffff); + } + + .group:hover .md\:group-hover\:bg-Grey-Scale-off-white { + background-color: var(--grey-scale-off-white, #f0edee); + } + + .group:hover .md\:group-hover\:bg-Grey\ Scale-grey { + background-color: var(--grey-scale-grey, #7f7e7f); + } + + .group:hover .md\:group-hover\:bg-Grey\ Scale-charcoal { + background-color: var(--grey-scale-charcoal, #474747); + } + + .group:hover .md\:group-hover\:bg-Grey\ Scale-off-black { + background-color: var(--grey-scale-off-black, #1c1c1c); + } + + .group:hover .md\:group-hover\:bg-Grey\ Scale-black { + background-color: var(--grey-scale-black, #000000); + } + + .group:hover .md\:group-hover\:bg-Blue-blue { + background-color: var(--blue-blue, #3a7ca5); + } + + .group:hover .md\:group-hover\:bg-Blue-blue-100 { + background-color: var(--blue-blue-100, #75a3c0); + } + + .group:hover .md\:group-hover\:bg-Blue-blue-200 { + background-color: var(--blue-blue-200, #9cbed2); + } + + .group:hover .md\:group-hover\:bg-Blue-blue-300 { + background-color: var(--blue-blue-300, #4f7d9a); + } + + .group:hover .md\:group-hover\:bg-Blue-blue-400 { + background-color: var(--blue-blue-400, #5c7d92); + } + + .group:hover .md\:group-hover\:bg-Blue-blue-500 { + background-color: var(--blue-blue-500, #347095); + } + + .group:hover .md\:group-hover\:bg-Blue-blue-600 { + background-color: var(--blue-blue-600, #295774); + } + + .group:hover .md\:group-hover\:bg-Blue-blue-700 { + background-color: var(--blue-blue-700, #173242); + } + + .group:hover .md\:group-hover\:bg-LightBlue-lightblue { + background-color: var(--light-blue-lightblue, #81c3d7); + } + + .group:hover .md\:group-hover\:bg-LightBlue-lightblue-100 { + background-color: var(--light-blue-lightblue-100, #a7d5e3); + } + + .group:hover .md\:group-hover\:bg-LightBlue-lightblue-200 { + background-color: var(--light-blue-lightblue-200, #c0e1eb); + } + + .group:hover .md\:group-hover\:bg-LightBlue-lightblue-300 { + background-color: var(--light-blue-lightblue-300, #80aebd); + } + + .group:hover .md\:group-hover\:bg-LightBlue-lightblue-400 { + background-color: var(--light-blue-lightblue-400, #80a0ab); + } + + .group:hover .md\:group-hover\:bg-LightBlue-lightblue-500 { + background-color: var(--light-blue-lightblue-500, #74afc1); + } + + .group:hover .md\:group-hover\:bg-LightBlue-lightblue-600 { + background-color: var(--light-blue-lightblue-600, #5a8997); + } + + .group:hover .md\:group-hover\:bg-LightBlue-lightblue-650 { + background-color: var(--light-blue-lightblue-650, #3e5e65); + } + + .group:hover .md\:group-hover\:bg-LightBlue-lightblue-700 { + background-color: var(--light-blue-lightblue-700, #344e56); + } + + .group:hover .md\:group-hover\:bg-Orange-orange { + background-color: var(--orange-orange, #ff7f0e); + } + + .group:hover .md\:group-hover\:bg-Orange-orange-100 { + background-color: var(--orange-orange-100, #ffa556); + } + + .group:hover .md\:group-hover\:bg-Orange-orange-200 { + background-color: var(--orange-orange-200, #ffbf86); + } + + .group:hover .md\:group-hover\:bg-Orange-orange-300 { + background-color: var(--orange-orange-300, #d97f30); + } + + .group:hover .md\:group-hover\:bg-Orange-orange-400 { + background-color: var(--orange-orange-400, #bf7e46); + } + + .group:hover .md\:group-hover\:bg-Orange-orange-500 { + background-color: var(--orange-orange-500, #e5720d); + } + + .group:hover .md\:group-hover\:bg-Orange-orange-600 { + background-color: var(--orange-orange-600, #b3590a); + } + + .group:hover .md\:group-hover\:bg-Orange-orange-700 { + background-color: var(--orange-orange-700, #663306); + } + + .group:hover .md\:group-hover\:bg-Yellow-yellow { + background-color: var(--yellow-yellow, #ffab00); + } + + .group:hover .md\:group-hover\:bg-Yellow-yellow-100 { + background-color: var(--yellow-yellow-100, #ffc44c); + } + + .group:hover .md\:group-hover\:bg-Yellow-yellow-200 { + background-color: var(--yellow-yellow-200, #ffd580); + } + + .group:hover .md\:group-hover\:bg-Yellow-yellow-300 { + background-color: var(--yellow-yellow-300, #d99d26); + } + + .group:hover .md\:group-hover\:bg-Yellow-yellow-400 { + background-color: var(--yellow-yellow-400, #bf943f); + } + + .group:hover .md\:group-hover\:bg-Yellow-yellow-500 { + background-color: var(--yellow-yellow-500, #e59a00); + } + + .group:hover .md\:group-hover\:bg-Yellow-yellow-600 { + background-color: var(--yellow-yellow-600, #b37800); + } + + .group:hover .md\:group-hover\:bg-Yellow-yellow-700 { + background-color: var(--yellow-yellow-700, #664400); + } + + .group:hover .md\:group-hover\:bg-Notification-notification { + background-color: var(--notification-notification, #3959ff); + } + + .group:hover .md\:group-hover\:bg-Notification-notification-100 { + background-color: var(--notification-notification-100, #748bff); + } + + .group:hover .md\:group-hover\:bg-Notification-notification-200 { + background-color: var(--notification-notification-200, #9cacff); + } + + .group:hover .md\:group-hover\:bg-Notification-notification-300 { + background-color: var(--notification-notification-300, #4e64d9); + } + + .group:hover .md\:group-hover\:bg-Notification-notification-400 { + background-color: var(--notification-notification-400, #5c6cbf); + } + + .group:hover .md\:group-hover\:bg-Notification-notification-500 { + background-color: var(--notification-notification-500, #3350e5); + } + + .group:hover .md\:group-hover\:bg-Notification-notification-600 { + background-color: var(--notification-notification-600, #283eb3); + } + + .group:hover .md\:group-hover\:bg-Notification-notification-700 { + background-color: var(--notification-notification-700, #172466); + } + + .group:hover .md\:group-hover\:bg-Success-success\ -700 { + background-color: var(--success-success-700, #24471f); + } + + .group:hover .md\:group-hover\:bg-Success-success { + background-color: var(--success-success, #5bb14d); + } + + .group:hover .md\:group-hover\:bg-Success-success\ -100 { + background-color: var(--success-success-100, #8cc882); + } + + .group:hover .md\:group-hover\:bg-Success-success\ -200 { + background-color: var(--success-success-200, #add8a6); + } + + .group:hover .md\:group-hover\:bg-Success-success\ -300 { + background-color: var(--success-success-300, #66a25c); + } + + .group:hover .md\:group-hover\:bg-Success-success\ -400 { + background-color: var(--success-success-400, #6d9766); + } + + .group:hover .md\:group-hover\:bg-Success-success\ -500 { + background-color: var(--success-success-500, #529f45); + } + + .group:hover .md\:group-hover\:bg-Success-success\ -600 { + background-color: var(--success-success-600, #407c36); + } + + .group:hover .md\:group-hover\:bg-Error-error { + background-color: var(--error-error, #f03d3e); + } + + .group:hover .md\:group-hover\:bg-Error-error-100 { + background-color: var(--error-error-100, #f57778); + } + + .group:hover .md\:group-hover\:bg-Error-error-200 { + background-color: var(--error-error-200, #f89e9e); + } + + .group:hover .md\:group-hover\:bg-Error-error-250 { + background-color: var(--error-error-250, #f9c8c8); + } + + .group:hover .md\:group-hover\:bg-Error-error-300 { + background-color: var(--error-error-300, #ce5151); + } + + .group:hover .md\:group-hover\:bg-Error-error-400 { + background-color: var(--error-error-400, #b85e5e); + } + + .group:hover .md\:group-hover\:bg-Error-error-500 { + background-color: var(--error-error-500, #d83738); + } + + .group:hover .md\:group-hover\:bg-Error-error-600 { + background-color: var(--error-error-600, #a82b2b); + } + + .group:hover .md\:group-hover\:bg-Error-error-700 { + background-color: var(--error-error-700, #601819); + } + + .md\:focus-within\:bg-colors-black:focus-within { + background-color: var(--colors-black, #000000); + } + + .md\:focus-within\:bg-colors-white:focus-within { + background-color: var(--colors-white, #ffffff); + } + + .md\:focus-within\:bg-colors-gray-100:focus-within { + background-color: var(--colors-gray-100, #f7fafc); + } + + .md\:focus-within\:bg-colors-gray-200:focus-within { + background-color: var(--colors-gray-200, #edf2f7); + } + + .md\:focus-within\:bg-colors-gray-300:focus-within { + background-color: var(--colors-gray-300, #e2e8f0); + } + + .md\:focus-within\:bg-colors-gray-400:focus-within { + background-color: var(--colors-gray-400, #cbd5e0); + } + + .md\:focus-within\:bg-colors-gray-500:focus-within { + background-color: var(--colors-gray-500, #a0aec0); + } + + .md\:focus-within\:bg-colors-gray-600:focus-within { + background-color: var(--colors-gray-600, #718096); + } + + .md\:focus-within\:bg-colors-gray-700:focus-within { + background-color: var(--colors-gray-700, #4a5568); + } + + .md\:focus-within\:bg-colors-gray-800:focus-within { + background-color: var(--colors-gray-800, #2d3748); + } + + .md\:focus-within\:bg-colors-gray-900:focus-within { + background-color: var(--colors-gray-900, #1a202c); + } + + .md\:focus-within\:bg-colors-red-100:focus-within { + background-color: var(--colors-red-100, #fff5f5); + } + + .md\:focus-within\:bg-colors-red-200:focus-within { + background-color: var(--colors-red-200, #fed7d7); + } + + .md\:focus-within\:bg-colors-red-300:focus-within { + background-color: var(--colors-red-300, #feb2b2); + } + + .md\:focus-within\:bg-colors-red-400:focus-within { + background-color: var(--colors-red-400, #fc8181); + } + + .md\:focus-within\:bg-colors-red-500:focus-within { + background-color: var(--colors-red-500, #f56565); + } + + .md\:focus-within\:bg-colors-red-600:focus-within { + background-color: var(--colors-red-600, #e53e3e); + } + + .md\:focus-within\:bg-colors-red-700:focus-within { + background-color: var(--colors-red-700, #c53030); + } + + .md\:focus-within\:bg-colors-red-800:focus-within { + background-color: var(--colors-red-800, #9b2c2c); + } + + .md\:focus-within\:bg-colors-red-900:focus-within { + background-color: var(--colors-red-900, #742a2a); + } + + .md\:focus-within\:bg-colors-orange-100:focus-within { + background-color: var(--colors-orange-100, #fffaf0); + } + + .md\:focus-within\:bg-colors-orange-200:focus-within { + background-color: var(--colors-orange-200, #feebc8); + } + + .md\:focus-within\:bg-colors-orange-300:focus-within { + background-color: var(--colors-orange-300, #fbd38d); + } + + .md\:focus-within\:bg-colors-orange-400:focus-within { + background-color: var(--colors-orange-400, #f6ad55); + } + + .md\:focus-within\:bg-colors-orange-500:focus-within { + background-color: var(--colors-orange-500, #ed8936); + } + + .md\:focus-within\:bg-colors-orange-600:focus-within { + background-color: var(--colors-orange-600, #dd6b20); + } + + .md\:focus-within\:bg-colors-orange-700:focus-within { + background-color: var(--colors-orange-700, #c05621); + } + + .md\:focus-within\:bg-colors-orange-800:focus-within { + background-color: var(--colors-orange-800, #9c4221); + } + + .md\:focus-within\:bg-colors-orange-900:focus-within { + background-color: var(--colors-orange-900, #7b341e); + } + + .md\:focus-within\:bg-colors-yellow-100:focus-within { + background-color: var(--colors-yellow-100, #fffff0); + } + + .md\:focus-within\:bg-colors-yellow-200:focus-within { + background-color: var(--colors-yellow-200, #fefcbf); + } + + .md\:focus-within\:bg-colors-yellow-300:focus-within { + background-color: var(--colors-yellow-300, #faf089); + } + + .md\:focus-within\:bg-colors-yellow-400:focus-within { + background-color: var(--colors-yellow-400, #f6e05e); + } + + .md\:focus-within\:bg-colors-yellow-500:focus-within { + background-color: var(--colors-yellow-500, #ecc94b); + } + + .md\:focus-within\:bg-colors-yellow-600:focus-within { + background-color: var(--colors-yellow-600, #d69e2e); + } + + .md\:focus-within\:bg-colors-yellow-700:focus-within { + background-color: var(--colors-yellow-700, #b7791f); + } + + .md\:focus-within\:bg-colors-yellow-800:focus-within { + background-color: var(--colors-yellow-800, #975a16); + } + + .md\:focus-within\:bg-colors-yellow-900:focus-within { + background-color: var(--colors-yellow-900, #744210); + } + + .md\:focus-within\:bg-colors-green-100:focus-within { + background-color: var(--colors-green-100, #f0fff4); + } + + .md\:focus-within\:bg-colors-green-200:focus-within { + background-color: var(--colors-green-200, #c6f6d5); + } + + .md\:focus-within\:bg-colors-green-300:focus-within { + background-color: var(--colors-green-300, #9ae6b4); + } + + .md\:focus-within\:bg-colors-green-400:focus-within { + background-color: var(--colors-green-400, #68d391); + } + + .md\:focus-within\:bg-colors-green-500:focus-within { + background-color: var(--colors-green-500, #48bb78); + } + + .md\:focus-within\:bg-colors-green-600:focus-within { + background-color: var(--colors-green-600, #38a169); + } + + .md\:focus-within\:bg-colors-green-700:focus-within { + background-color: var(--colors-green-700, #2f855a); + } + + .md\:focus-within\:bg-colors-green-800:focus-within { + background-color: var(--colors-green-800, #276749); + } + + .md\:focus-within\:bg-colors-green-900:focus-within { + background-color: var(--colors-green-900, #22543d); + } + + .md\:focus-within\:bg-colors-teal-100:focus-within { + background-color: var(--colors-teal-100, #e6fffa); + } + + .md\:focus-within\:bg-colors-teal-200:focus-within { + background-color: var(--colors-teal-200, #b2f5ea); + } + + .md\:focus-within\:bg-colors-teal-300:focus-within { + background-color: var(--colors-teal-300, #81e6d9); + } + + .md\:focus-within\:bg-colors-teal-400:focus-within { + background-color: var(--colors-teal-400, #4fd1c5); + } + + .md\:focus-within\:bg-colors-teal-500:focus-within { + background-color: var(--colors-teal-500, #38b2ac); + } + + .md\:focus-within\:bg-colors-teal-600:focus-within { + background-color: var(--colors-teal-600, #319795); + } + + .md\:focus-within\:bg-colors-teal-700:focus-within { + background-color: var(--colors-teal-700, #2c7a7b); + } + + .md\:focus-within\:bg-colors-teal-800:focus-within { + background-color: var(--colors-teal-800, #285e61); + } + + .md\:focus-within\:bg-colors-teal-900:focus-within { + background-color: var(--colors-teal-900, #234e52); + } + + .md\:focus-within\:bg-colors-blue-100:focus-within { + background-color: var(--colors-blue-100, #ebf8ff); + } + + .md\:focus-within\:bg-colors-blue-200:focus-within { + background-color: var(--colors-blue-200, #bee3f8); + } + + .md\:focus-within\:bg-colors-blue-300:focus-within { + background-color: var(--colors-blue-300, #90cdf4); + } + + .md\:focus-within\:bg-colors-blue-400:focus-within { + background-color: var(--colors-blue-400, #63b3ed); + } + + .md\:focus-within\:bg-colors-blue-500:focus-within { + background-color: var(--colors-blue-500, #4299e1); + } + + .md\:focus-within\:bg-colors-blue-600:focus-within { + background-color: var(--colors-blue-600, #3182ce); + } + + .md\:focus-within\:bg-colors-blue-700:focus-within { + background-color: var(--colors-blue-700, #2b6cb0); + } + + .md\:focus-within\:bg-colors-blue-800:focus-within { + background-color: var(--colors-blue-800, #2c5282); + } + + .md\:focus-within\:bg-colors-blue-900:focus-within { + background-color: var(--colors-blue-900, #2a4365); + } + + .md\:focus-within\:bg-colors-indigo-100:focus-within { + background-color: var(--colors-indigo-100, #ebf4ff); + } + + .md\:focus-within\:bg-colors-indigo-200:focus-within { + background-color: var(--colors-indigo-200, #c3dafe); + } + + .md\:focus-within\:bg-colors-indigo-300:focus-within { + background-color: var(--colors-indigo-300, #a3bffa); + } + + .md\:focus-within\:bg-colors-indigo-400:focus-within { + background-color: var(--colors-indigo-400, #7f9cf5); + } + + .md\:focus-within\:bg-colors-indigo-500:focus-within { + background-color: var(--colors-indigo-500, #667eea); + } + + .md\:focus-within\:bg-colors-indigo-600:focus-within { + background-color: var(--colors-indigo-600, #5a67d8); + } + + .md\:focus-within\:bg-colors-indigo-700:focus-within { + background-color: var(--colors-indigo-700, #4c51bf); + } + + .md\:focus-within\:bg-colors-indigo-800:focus-within { + background-color: var(--colors-indigo-800, #434190); + } + + .md\:focus-within\:bg-colors-indigo-900:focus-within { + background-color: var(--colors-indigo-900, #3c366b); + } + + .md\:focus-within\:bg-colors-purple-100:focus-within { + background-color: var(--colors-purple-100, #faf5ff); + } + + .md\:focus-within\:bg-colors-purple-200:focus-within { + background-color: var(--colors-purple-200, #e9d8fd); + } + + .md\:focus-within\:bg-colors-purple-300:focus-within { + background-color: var(--colors-purple-300, #d6bcfa); + } + + .md\:focus-within\:bg-colors-purple-400:focus-within { + background-color: var(--colors-purple-400, #b794f4); + } + + .md\:focus-within\:bg-colors-purple-500:focus-within { + background-color: var(--colors-purple-500, #9f7aea); + } + + .md\:focus-within\:bg-colors-purple-600:focus-within { + background-color: var(--colors-purple-600, #805ad5); + } + + .md\:focus-within\:bg-colors-purple-700:focus-within { + background-color: var(--colors-purple-700, #6b46c1); + } + + .md\:focus-within\:bg-colors-purple-800:focus-within { + background-color: var(--colors-purple-800, #553c9a); + } + + .md\:focus-within\:bg-colors-purple-900:focus-within { + background-color: var(--colors-purple-900, #44337a); + } + + .md\:focus-within\:bg-colors-pink-100:focus-within { + background-color: var(--colors-pink-100, #fff5f7); + } + + .md\:focus-within\:bg-colors-pink-200:focus-within { + background-color: var(--colors-pink-200, #fed7e2); + } + + .md\:focus-within\:bg-colors-pink-300:focus-within { + background-color: var(--colors-pink-300, #fbb6ce); + } + + .md\:focus-within\:bg-colors-pink-400:focus-within { + background-color: var(--colors-pink-400, #f687b3); + } + + .md\:focus-within\:bg-colors-pink-500:focus-within { + background-color: var(--colors-pink-500, #ed64a6); + } + + .md\:focus-within\:bg-colors-pink-600:focus-within { + background-color: var(--colors-pink-600, #d53f8c); + } + + .md\:focus-within\:bg-colors-pink-700:focus-within { + background-color: var(--colors-pink-700, #b83280); + } + + .md\:focus-within\:bg-colors-pink-800:focus-within { + background-color: var(--colors-pink-800, #97266d); + } + + .md\:focus-within\:bg-colors-pink-900:focus-within { + background-color: var(--colors-pink-900, #702459); + } + + .md\:focus-within\:bg-Box\ Shadow:focus-within { + background-color: var(--box-shadow, #7f7e7f); + } + + .md\:focus-within\:bg-Error16:focus-within { + background-color: var(--error16, #f03d3e40); + } + + .md\:focus-within\:bg-Success16:focus-within { + background-color: var(--success16, #5bb14d40); + } + + .md\:focus-within\:bg-Notification16:focus-within { + background-color: var(--notification16, #3959ff40); + } + + .md\:focus-within\:bg-Error8:focus-within { + background-color: var(--error8, #f03d3e1a); + } + + .md\:focus-within\:bg-Notification8:focus-within { + background-color: var(--notification8, #3959ff1a); + } + + .md\:focus-within\:bg-Success8:focus-within { + background-color: var(--success8, #5bb14d1a); + } + + .md\:focus-within\:bg-Light\ -\ Overlay:focus-within { + background-color: var(--light-overlay, #f0edee66); + } + + .md\:focus-within\:bg-Dark-\ Overlay:focus-within { + background-color: var(--dark-overlay, #7f7e7f66); + } + + .md\:focus-within\:bg-black-40:focus-within { + background-color: var(--black-40, #00000066); + } + + .md\:focus-within\:bg-black-75:focus-within { + background-color: var(--black-75, #000000bf); + } + + .md\:focus-within\:bg-black-60:focus-within { + background-color: var(--black-60, #00000099); + } + + .md\:focus-within\:bg-black-50:focus-within { + background-color: var(--black-50, #00000080); + } + + .md\:focus-within\:bg-black-25:focus-within { + background-color: var(--black-25, #00000040); + } + + .md\:focus-within\:bg-black-10:focus-within { + background-color: var(--black-10, #0000001a); + } + + .md\:focus-within\:bg-white-25:focus-within { + background-color: var(--white-25, #ffffff40); + } + + .md\:focus-within\:bg-white-60:focus-within { + background-color: var(--white-60, #ffffff99); + } + + .md\:focus-within\:bg-black-64:focus-within { + background-color: var(--black-64, #000000a3); + } + + .md\:focus-within\:bg-Shadow\ and\ Highlight-Shadow:focus-within { + background-color: var(--shadow-and-highlight-shadow, #7f7e7f); + } + + .md\:focus-within\:bg-Shadow\ and\ Highlight-Highlight:focus-within { + background-color: var(--shadow-and-highlight-highlight, #474747); + } + + .md\:focus-within\:bg-Shadow\ and\ Highlight-highlight\ one:focus-within { + background-color: var(--shadow-and-highlight-highlight-one, #474747bf); + } + + .md\:focus-within\:bg-Shadow\ and\ Highlight-highlight\ two:focus-within { + background-color: var(--shadow-and-highlight-highlight-two, #47474799); + } + + .md\:focus-within\:bg-Shadow\ and\ Highlight-highlight\ three:focus-within { + background-color: var(--shadow-and-highlight-highlight-three, #47474766); + } + + .md\:focus-within\:bg-Shadow\ and\ Highlight-highlight\ five:focus-within { + background-color: var(--shadow-and-highlight-highlight-five, #4747471a); + } + + .md\:focus-within\:bg-Shadow\ and\ Highlight-shadow\ one:focus-within { + background-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); + } + + .md\:focus-within\:bg-Shadow\ and\ Highlight-shadow\ two:focus-within { + background-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); + } + + .md\:focus-within\:bg-Shadow\ and\ Highlight-shadow\ three:focus-within { + background-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); + } + + .md\:focus-within\:bg-Shadow\ and\ Highlight-shadow\ four:focus-within { + background-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); + } + + .md\:focus-within\:bg-Shadow\ and\ Highlight-shadow\ five:focus-within { + background-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); + } + + .md\:focus-within\:bg-Shadow\ and\ Highlight-highlight\ four:focus-within { + background-color: var(--shadow-and-highlight-highlight-four, #47474740); + } + + .md\:focus-within\:bg-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus-within { + background-color: var(--base-layer-styles-base-layer-light-white, #ffffff); + } + + .md\:focus-within\:bg-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus-within { + background-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); + } + + .md\:focus-within\:bg-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus-within { + background-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); + } + + .md\:focus-within\:bg-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus-within { + background-color: var(--base-layer-styles-base-layer-dark-black, #000000); + } + + .md\:focus-within\:bg-Grey-Scale-white:focus-within { + background-color: var(--grey-scale-white, #ffffff); + } + + .md\:focus-within\:bg-Grey-Scale-off-white:focus-within { + background-color: var(--grey-scale-off-white, #f0edee); + } + + .md\:focus-within\:bg-Grey\ Scale-grey:focus-within { + background-color: var(--grey-scale-grey, #7f7e7f); + } + + .md\:focus-within\:bg-Grey\ Scale-charcoal:focus-within { + background-color: var(--grey-scale-charcoal, #474747); + } + + .md\:focus-within\:bg-Grey\ Scale-off-black:focus-within { + background-color: var(--grey-scale-off-black, #1c1c1c); + } + + .md\:focus-within\:bg-Grey\ Scale-black:focus-within { + background-color: var(--grey-scale-black, #000000); + } + + .md\:focus-within\:bg-Blue-blue:focus-within { + background-color: var(--blue-blue, #3a7ca5); + } + + .md\:focus-within\:bg-Blue-blue-100:focus-within { + background-color: var(--blue-blue-100, #75a3c0); + } + + .md\:focus-within\:bg-Blue-blue-200:focus-within { + background-color: var(--blue-blue-200, #9cbed2); + } + + .md\:focus-within\:bg-Blue-blue-300:focus-within { + background-color: var(--blue-blue-300, #4f7d9a); + } + + .md\:focus-within\:bg-Blue-blue-400:focus-within { + background-color: var(--blue-blue-400, #5c7d92); + } + + .md\:focus-within\:bg-Blue-blue-500:focus-within { + background-color: var(--blue-blue-500, #347095); + } + + .md\:focus-within\:bg-Blue-blue-600:focus-within { + background-color: var(--blue-blue-600, #295774); + } + + .md\:focus-within\:bg-Blue-blue-700:focus-within { + background-color: var(--blue-blue-700, #173242); + } + + .md\:focus-within\:bg-LightBlue-lightblue:focus-within { + background-color: var(--light-blue-lightblue, #81c3d7); + } + + .md\:focus-within\:bg-LightBlue-lightblue-100:focus-within { + background-color: var(--light-blue-lightblue-100, #a7d5e3); + } + + .md\:focus-within\:bg-LightBlue-lightblue-200:focus-within { + background-color: var(--light-blue-lightblue-200, #c0e1eb); + } + + .md\:focus-within\:bg-LightBlue-lightblue-300:focus-within { + background-color: var(--light-blue-lightblue-300, #80aebd); + } + + .md\:focus-within\:bg-LightBlue-lightblue-400:focus-within { + background-color: var(--light-blue-lightblue-400, #80a0ab); + } + + .md\:focus-within\:bg-LightBlue-lightblue-500:focus-within { + background-color: var(--light-blue-lightblue-500, #74afc1); + } + + .md\:focus-within\:bg-LightBlue-lightblue-600:focus-within { + background-color: var(--light-blue-lightblue-600, #5a8997); + } + + .md\:focus-within\:bg-LightBlue-lightblue-650:focus-within { + background-color: var(--light-blue-lightblue-650, #3e5e65); + } + + .md\:focus-within\:bg-LightBlue-lightblue-700:focus-within { + background-color: var(--light-blue-lightblue-700, #344e56); + } + + .md\:focus-within\:bg-Orange-orange:focus-within { + background-color: var(--orange-orange, #ff7f0e); + } + + .md\:focus-within\:bg-Orange-orange-100:focus-within { + background-color: var(--orange-orange-100, #ffa556); + } + + .md\:focus-within\:bg-Orange-orange-200:focus-within { + background-color: var(--orange-orange-200, #ffbf86); + } + + .md\:focus-within\:bg-Orange-orange-300:focus-within { + background-color: var(--orange-orange-300, #d97f30); + } + + .md\:focus-within\:bg-Orange-orange-400:focus-within { + background-color: var(--orange-orange-400, #bf7e46); + } + + .md\:focus-within\:bg-Orange-orange-500:focus-within { + background-color: var(--orange-orange-500, #e5720d); + } + + .md\:focus-within\:bg-Orange-orange-600:focus-within { + background-color: var(--orange-orange-600, #b3590a); + } + + .md\:focus-within\:bg-Orange-orange-700:focus-within { + background-color: var(--orange-orange-700, #663306); + } + + .md\:focus-within\:bg-Yellow-yellow:focus-within { + background-color: var(--yellow-yellow, #ffab00); + } + + .md\:focus-within\:bg-Yellow-yellow-100:focus-within { + background-color: var(--yellow-yellow-100, #ffc44c); + } + + .md\:focus-within\:bg-Yellow-yellow-200:focus-within { + background-color: var(--yellow-yellow-200, #ffd580); + } + + .md\:focus-within\:bg-Yellow-yellow-300:focus-within { + background-color: var(--yellow-yellow-300, #d99d26); + } + + .md\:focus-within\:bg-Yellow-yellow-400:focus-within { + background-color: var(--yellow-yellow-400, #bf943f); + } + + .md\:focus-within\:bg-Yellow-yellow-500:focus-within { + background-color: var(--yellow-yellow-500, #e59a00); + } + + .md\:focus-within\:bg-Yellow-yellow-600:focus-within { + background-color: var(--yellow-yellow-600, #b37800); + } + + .md\:focus-within\:bg-Yellow-yellow-700:focus-within { + background-color: var(--yellow-yellow-700, #664400); + } + + .md\:focus-within\:bg-Notification-notification:focus-within { + background-color: var(--notification-notification, #3959ff); + } + + .md\:focus-within\:bg-Notification-notification-100:focus-within { + background-color: var(--notification-notification-100, #748bff); + } + + .md\:focus-within\:bg-Notification-notification-200:focus-within { + background-color: var(--notification-notification-200, #9cacff); + } + + .md\:focus-within\:bg-Notification-notification-300:focus-within { + background-color: var(--notification-notification-300, #4e64d9); + } + + .md\:focus-within\:bg-Notification-notification-400:focus-within { + background-color: var(--notification-notification-400, #5c6cbf); + } + + .md\:focus-within\:bg-Notification-notification-500:focus-within { + background-color: var(--notification-notification-500, #3350e5); + } + + .md\:focus-within\:bg-Notification-notification-600:focus-within { + background-color: var(--notification-notification-600, #283eb3); + } + + .md\:focus-within\:bg-Notification-notification-700:focus-within { + background-color: var(--notification-notification-700, #172466); + } + + .md\:focus-within\:bg-Success-success\ -700:focus-within { + background-color: var(--success-success-700, #24471f); + } + + .md\:focus-within\:bg-Success-success:focus-within { + background-color: var(--success-success, #5bb14d); + } + + .md\:focus-within\:bg-Success-success\ -100:focus-within { + background-color: var(--success-success-100, #8cc882); + } + + .md\:focus-within\:bg-Success-success\ -200:focus-within { + background-color: var(--success-success-200, #add8a6); + } + + .md\:focus-within\:bg-Success-success\ -300:focus-within { + background-color: var(--success-success-300, #66a25c); + } + + .md\:focus-within\:bg-Success-success\ -400:focus-within { + background-color: var(--success-success-400, #6d9766); + } + + .md\:focus-within\:bg-Success-success\ -500:focus-within { + background-color: var(--success-success-500, #529f45); + } + + .md\:focus-within\:bg-Success-success\ -600:focus-within { + background-color: var(--success-success-600, #407c36); + } + + .md\:focus-within\:bg-Error-error:focus-within { + background-color: var(--error-error, #f03d3e); + } + + .md\:focus-within\:bg-Error-error-100:focus-within { + background-color: var(--error-error-100, #f57778); + } + + .md\:focus-within\:bg-Error-error-200:focus-within { + background-color: var(--error-error-200, #f89e9e); + } + + .md\:focus-within\:bg-Error-error-250:focus-within { + background-color: var(--error-error-250, #f9c8c8); + } + + .md\:focus-within\:bg-Error-error-300:focus-within { + background-color: var(--error-error-300, #ce5151); + } + + .md\:focus-within\:bg-Error-error-400:focus-within { + background-color: var(--error-error-400, #b85e5e); + } + + .md\:focus-within\:bg-Error-error-500:focus-within { + background-color: var(--error-error-500, #d83738); + } + + .md\:focus-within\:bg-Error-error-600:focus-within { + background-color: var(--error-error-600, #a82b2b); + } + + .md\:focus-within\:bg-Error-error-700:focus-within { + background-color: var(--error-error-700, #601819); + } + + .md\:hover\:bg-colors-black:hover { + background-color: var(--colors-black, #000000); + } + + .md\:hover\:bg-colors-white:hover { + background-color: var(--colors-white, #ffffff); + } + + .md\:hover\:bg-colors-gray-100:hover { + background-color: var(--colors-gray-100, #f7fafc); + } + + .md\:hover\:bg-colors-gray-200:hover { + background-color: var(--colors-gray-200, #edf2f7); + } + + .md\:hover\:bg-colors-gray-300:hover { + background-color: var(--colors-gray-300, #e2e8f0); + } + + .md\:hover\:bg-colors-gray-400:hover { + background-color: var(--colors-gray-400, #cbd5e0); + } + + .md\:hover\:bg-colors-gray-500:hover { + background-color: var(--colors-gray-500, #a0aec0); + } + + .md\:hover\:bg-colors-gray-600:hover { + background-color: var(--colors-gray-600, #718096); + } + + .md\:hover\:bg-colors-gray-700:hover { + background-color: var(--colors-gray-700, #4a5568); + } + + .md\:hover\:bg-colors-gray-800:hover { + background-color: var(--colors-gray-800, #2d3748); + } + + .md\:hover\:bg-colors-gray-900:hover { + background-color: var(--colors-gray-900, #1a202c); + } + + .md\:hover\:bg-colors-red-100:hover { + background-color: var(--colors-red-100, #fff5f5); + } + + .md\:hover\:bg-colors-red-200:hover { + background-color: var(--colors-red-200, #fed7d7); + } + + .md\:hover\:bg-colors-red-300:hover { + background-color: var(--colors-red-300, #feb2b2); + } + + .md\:hover\:bg-colors-red-400:hover { + background-color: var(--colors-red-400, #fc8181); + } + + .md\:hover\:bg-colors-red-500:hover { + background-color: var(--colors-red-500, #f56565); + } + + .md\:hover\:bg-colors-red-600:hover { + background-color: var(--colors-red-600, #e53e3e); + } + + .md\:hover\:bg-colors-red-700:hover { + background-color: var(--colors-red-700, #c53030); + } + + .md\:hover\:bg-colors-red-800:hover { + background-color: var(--colors-red-800, #9b2c2c); + } + + .md\:hover\:bg-colors-red-900:hover { + background-color: var(--colors-red-900, #742a2a); + } + + .md\:hover\:bg-colors-orange-100:hover { + background-color: var(--colors-orange-100, #fffaf0); + } + + .md\:hover\:bg-colors-orange-200:hover { + background-color: var(--colors-orange-200, #feebc8); + } + + .md\:hover\:bg-colors-orange-300:hover { + background-color: var(--colors-orange-300, #fbd38d); + } + + .md\:hover\:bg-colors-orange-400:hover { + background-color: var(--colors-orange-400, #f6ad55); + } + + .md\:hover\:bg-colors-orange-500:hover { + background-color: var(--colors-orange-500, #ed8936); + } + + .md\:hover\:bg-colors-orange-600:hover { + background-color: var(--colors-orange-600, #dd6b20); + } + + .md\:hover\:bg-colors-orange-700:hover { + background-color: var(--colors-orange-700, #c05621); + } + + .md\:hover\:bg-colors-orange-800:hover { + background-color: var(--colors-orange-800, #9c4221); + } + + .md\:hover\:bg-colors-orange-900:hover { + background-color: var(--colors-orange-900, #7b341e); + } + + .md\:hover\:bg-colors-yellow-100:hover { + background-color: var(--colors-yellow-100, #fffff0); + } + + .md\:hover\:bg-colors-yellow-200:hover { + background-color: var(--colors-yellow-200, #fefcbf); + } + + .md\:hover\:bg-colors-yellow-300:hover { + background-color: var(--colors-yellow-300, #faf089); + } + + .md\:hover\:bg-colors-yellow-400:hover { + background-color: var(--colors-yellow-400, #f6e05e); + } + + .md\:hover\:bg-colors-yellow-500:hover { + background-color: var(--colors-yellow-500, #ecc94b); + } + + .md\:hover\:bg-colors-yellow-600:hover { + background-color: var(--colors-yellow-600, #d69e2e); + } + + .md\:hover\:bg-colors-yellow-700:hover { + background-color: var(--colors-yellow-700, #b7791f); + } + + .md\:hover\:bg-colors-yellow-800:hover { + background-color: var(--colors-yellow-800, #975a16); + } + + .md\:hover\:bg-colors-yellow-900:hover { + background-color: var(--colors-yellow-900, #744210); + } + + .md\:hover\:bg-colors-green-100:hover { + background-color: var(--colors-green-100, #f0fff4); + } + + .md\:hover\:bg-colors-green-200:hover { + background-color: var(--colors-green-200, #c6f6d5); + } + + .md\:hover\:bg-colors-green-300:hover { + background-color: var(--colors-green-300, #9ae6b4); + } + + .md\:hover\:bg-colors-green-400:hover { + background-color: var(--colors-green-400, #68d391); + } + + .md\:hover\:bg-colors-green-500:hover { + background-color: var(--colors-green-500, #48bb78); + } + + .md\:hover\:bg-colors-green-600:hover { + background-color: var(--colors-green-600, #38a169); + } + + .md\:hover\:bg-colors-green-700:hover { + background-color: var(--colors-green-700, #2f855a); + } + + .md\:hover\:bg-colors-green-800:hover { + background-color: var(--colors-green-800, #276749); + } + + .md\:hover\:bg-colors-green-900:hover { + background-color: var(--colors-green-900, #22543d); + } + + .md\:hover\:bg-colors-teal-100:hover { + background-color: var(--colors-teal-100, #e6fffa); + } + + .md\:hover\:bg-colors-teal-200:hover { + background-color: var(--colors-teal-200, #b2f5ea); + } + + .md\:hover\:bg-colors-teal-300:hover { + background-color: var(--colors-teal-300, #81e6d9); + } + + .md\:hover\:bg-colors-teal-400:hover { + background-color: var(--colors-teal-400, #4fd1c5); + } + + .md\:hover\:bg-colors-teal-500:hover { + background-color: var(--colors-teal-500, #38b2ac); + } + + .md\:hover\:bg-colors-teal-600:hover { + background-color: var(--colors-teal-600, #319795); + } + + .md\:hover\:bg-colors-teal-700:hover { + background-color: var(--colors-teal-700, #2c7a7b); + } + + .md\:hover\:bg-colors-teal-800:hover { + background-color: var(--colors-teal-800, #285e61); + } + + .md\:hover\:bg-colors-teal-900:hover { + background-color: var(--colors-teal-900, #234e52); + } + + .md\:hover\:bg-colors-blue-100:hover { + background-color: var(--colors-blue-100, #ebf8ff); + } + + .md\:hover\:bg-colors-blue-200:hover { + background-color: var(--colors-blue-200, #bee3f8); + } + + .md\:hover\:bg-colors-blue-300:hover { + background-color: var(--colors-blue-300, #90cdf4); + } + + .md\:hover\:bg-colors-blue-400:hover { + background-color: var(--colors-blue-400, #63b3ed); + } + + .md\:hover\:bg-colors-blue-500:hover { + background-color: var(--colors-blue-500, #4299e1); + } + + .md\:hover\:bg-colors-blue-600:hover { + background-color: var(--colors-blue-600, #3182ce); + } + + .md\:hover\:bg-colors-blue-700:hover { + background-color: var(--colors-blue-700, #2b6cb0); + } + + .md\:hover\:bg-colors-blue-800:hover { + background-color: var(--colors-blue-800, #2c5282); + } + + .md\:hover\:bg-colors-blue-900:hover { + background-color: var(--colors-blue-900, #2a4365); + } + + .md\:hover\:bg-colors-indigo-100:hover { + background-color: var(--colors-indigo-100, #ebf4ff); + } + + .md\:hover\:bg-colors-indigo-200:hover { + background-color: var(--colors-indigo-200, #c3dafe); + } + + .md\:hover\:bg-colors-indigo-300:hover { + background-color: var(--colors-indigo-300, #a3bffa); + } + + .md\:hover\:bg-colors-indigo-400:hover { + background-color: var(--colors-indigo-400, #7f9cf5); + } + + .md\:hover\:bg-colors-indigo-500:hover { + background-color: var(--colors-indigo-500, #667eea); + } + + .md\:hover\:bg-colors-indigo-600:hover { + background-color: var(--colors-indigo-600, #5a67d8); + } + + .md\:hover\:bg-colors-indigo-700:hover { + background-color: var(--colors-indigo-700, #4c51bf); + } + + .md\:hover\:bg-colors-indigo-800:hover { + background-color: var(--colors-indigo-800, #434190); + } + + .md\:hover\:bg-colors-indigo-900:hover { + background-color: var(--colors-indigo-900, #3c366b); + } + + .md\:hover\:bg-colors-purple-100:hover { + background-color: var(--colors-purple-100, #faf5ff); + } + + .md\:hover\:bg-colors-purple-200:hover { + background-color: var(--colors-purple-200, #e9d8fd); + } + + .md\:hover\:bg-colors-purple-300:hover { + background-color: var(--colors-purple-300, #d6bcfa); + } + + .md\:hover\:bg-colors-purple-400:hover { + background-color: var(--colors-purple-400, #b794f4); + } + + .md\:hover\:bg-colors-purple-500:hover { + background-color: var(--colors-purple-500, #9f7aea); + } + + .md\:hover\:bg-colors-purple-600:hover { + background-color: var(--colors-purple-600, #805ad5); + } + + .md\:hover\:bg-colors-purple-700:hover { + background-color: var(--colors-purple-700, #6b46c1); + } + + .md\:hover\:bg-colors-purple-800:hover { + background-color: var(--colors-purple-800, #553c9a); + } + + .md\:hover\:bg-colors-purple-900:hover { + background-color: var(--colors-purple-900, #44337a); + } + + .md\:hover\:bg-colors-pink-100:hover { + background-color: var(--colors-pink-100, #fff5f7); + } + + .md\:hover\:bg-colors-pink-200:hover { + background-color: var(--colors-pink-200, #fed7e2); + } + + .md\:hover\:bg-colors-pink-300:hover { + background-color: var(--colors-pink-300, #fbb6ce); + } + + .md\:hover\:bg-colors-pink-400:hover { + background-color: var(--colors-pink-400, #f687b3); + } + + .md\:hover\:bg-colors-pink-500:hover { + background-color: var(--colors-pink-500, #ed64a6); + } + + .md\:hover\:bg-colors-pink-600:hover { + background-color: var(--colors-pink-600, #d53f8c); + } + + .md\:hover\:bg-colors-pink-700:hover { + background-color: var(--colors-pink-700, #b83280); + } + + .md\:hover\:bg-colors-pink-800:hover { + background-color: var(--colors-pink-800, #97266d); + } + + .md\:hover\:bg-colors-pink-900:hover { + background-color: var(--colors-pink-900, #702459); + } + + .md\:hover\:bg-Box\ Shadow:hover { + background-color: var(--box-shadow, #7f7e7f); + } + + .md\:hover\:bg-Error16:hover { + background-color: var(--error16, #f03d3e40); + } + + .md\:hover\:bg-Success16:hover { + background-color: var(--success16, #5bb14d40); + } + + .md\:hover\:bg-Notification16:hover { + background-color: var(--notification16, #3959ff40); + } + + .md\:hover\:bg-Error8:hover { + background-color: var(--error8, #f03d3e1a); + } + + .md\:hover\:bg-Notification8:hover { + background-color: var(--notification8, #3959ff1a); + } + + .md\:hover\:bg-Success8:hover { + background-color: var(--success8, #5bb14d1a); + } + + .md\:hover\:bg-Light\ -\ Overlay:hover { + background-color: var(--light-overlay, #f0edee66); + } + + .md\:hover\:bg-Dark-\ Overlay:hover { + background-color: var(--dark-overlay, #7f7e7f66); + } + + .md\:hover\:bg-black-40:hover { + background-color: var(--black-40, #00000066); + } + + .md\:hover\:bg-black-75:hover { + background-color: var(--black-75, #000000bf); + } + + .md\:hover\:bg-black-60:hover { + background-color: var(--black-60, #00000099); + } + + .md\:hover\:bg-black-50:hover { + background-color: var(--black-50, #00000080); + } + + .md\:hover\:bg-black-25:hover { + background-color: var(--black-25, #00000040); + } + + .md\:hover\:bg-black-10:hover { + background-color: var(--black-10, #0000001a); + } + + .md\:hover\:bg-white-25:hover { + background-color: var(--white-25, #ffffff40); + } + + .md\:hover\:bg-white-60:hover { + background-color: var(--white-60, #ffffff99); + } + + .md\:hover\:bg-black-64:hover { + background-color: var(--black-64, #000000a3); + } + + .md\:hover\:bg-Shadow\ and\ Highlight-Shadow:hover { + background-color: var(--shadow-and-highlight-shadow, #7f7e7f); + } + + .md\:hover\:bg-Shadow\ and\ Highlight-Highlight:hover { + background-color: var(--shadow-and-highlight-highlight, #474747); + } + + .md\:hover\:bg-Shadow\ and\ Highlight-highlight\ one:hover { + background-color: var(--shadow-and-highlight-highlight-one, #474747bf); + } + + .md\:hover\:bg-Shadow\ and\ Highlight-highlight\ two:hover { + background-color: var(--shadow-and-highlight-highlight-two, #47474799); + } + + .md\:hover\:bg-Shadow\ and\ Highlight-highlight\ three:hover { + background-color: var(--shadow-and-highlight-highlight-three, #47474766); + } + + .md\:hover\:bg-Shadow\ and\ Highlight-highlight\ five:hover { + background-color: var(--shadow-and-highlight-highlight-five, #4747471a); + } + + .md\:hover\:bg-Shadow\ and\ Highlight-shadow\ one:hover { + background-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); + } + + .md\:hover\:bg-Shadow\ and\ Highlight-shadow\ two:hover { + background-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); + } + + .md\:hover\:bg-Shadow\ and\ Highlight-shadow\ three:hover { + background-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); + } + + .md\:hover\:bg-Shadow\ and\ Highlight-shadow\ four:hover { + background-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); + } + + .md\:hover\:bg-Shadow\ and\ Highlight-shadow\ five:hover { + background-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); + } + + .md\:hover\:bg-Shadow\ and\ Highlight-highlight\ four:hover { + background-color: var(--shadow-and-highlight-highlight-four, #47474740); + } + + .md\:hover\:bg-Base\ Layer\ Styles-Base\ Layer-\ Light-White:hover { + background-color: var(--base-layer-styles-base-layer-light-white, #ffffff); + } + + .md\:hover\:bg-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:hover { + background-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); + } + + .md\:hover\:bg-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:hover { + background-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); + } + + .md\:hover\:bg-Base\ Layer\ Styles-Base\ Layer-Dark-Black:hover { + background-color: var(--base-layer-styles-base-layer-dark-black, #000000); + } + + .md\:hover\:bg-Grey-Scale-white:hover { + background-color: var(--grey-scale-white, #ffffff); + } + + .md\:hover\:bg-Grey-Scale-off-white:hover { + background-color: var(--grey-scale-off-white, #f0edee); + } + + .md\:hover\:bg-Grey\ Scale-grey:hover { + background-color: var(--grey-scale-grey, #7f7e7f); + } + + .md\:hover\:bg-Grey\ Scale-charcoal:hover { + background-color: var(--grey-scale-charcoal, #474747); + } + + .md\:hover\:bg-Grey\ Scale-off-black:hover { + background-color: var(--grey-scale-off-black, #1c1c1c); + } + + .md\:hover\:bg-Grey\ Scale-black:hover { + background-color: var(--grey-scale-black, #000000); + } + + .md\:hover\:bg-Blue-blue:hover { + background-color: var(--blue-blue, #3a7ca5); + } + + .md\:hover\:bg-Blue-blue-100:hover { + background-color: var(--blue-blue-100, #75a3c0); + } + + .md\:hover\:bg-Blue-blue-200:hover { + background-color: var(--blue-blue-200, #9cbed2); + } + + .md\:hover\:bg-Blue-blue-300:hover { + background-color: var(--blue-blue-300, #4f7d9a); + } + + .md\:hover\:bg-Blue-blue-400:hover { + background-color: var(--blue-blue-400, #5c7d92); + } + + .md\:hover\:bg-Blue-blue-500:hover { + background-color: var(--blue-blue-500, #347095); + } + + .md\:hover\:bg-Blue-blue-600:hover { + background-color: var(--blue-blue-600, #295774); + } + + .md\:hover\:bg-Blue-blue-700:hover { + background-color: var(--blue-blue-700, #173242); + } + + .md\:hover\:bg-LightBlue-lightblue:hover { + background-color: var(--light-blue-lightblue, #81c3d7); + } + + .md\:hover\:bg-LightBlue-lightblue-100:hover { + background-color: var(--light-blue-lightblue-100, #a7d5e3); + } + + .md\:hover\:bg-LightBlue-lightblue-200:hover { + background-color: var(--light-blue-lightblue-200, #c0e1eb); + } + + .md\:hover\:bg-LightBlue-lightblue-300:hover { + background-color: var(--light-blue-lightblue-300, #80aebd); + } + + .md\:hover\:bg-LightBlue-lightblue-400:hover { + background-color: var(--light-blue-lightblue-400, #80a0ab); + } + + .md\:hover\:bg-LightBlue-lightblue-500:hover { + background-color: var(--light-blue-lightblue-500, #74afc1); + } + + .md\:hover\:bg-LightBlue-lightblue-600:hover { + background-color: var(--light-blue-lightblue-600, #5a8997); + } + + .md\:hover\:bg-LightBlue-lightblue-650:hover { + background-color: var(--light-blue-lightblue-650, #3e5e65); + } + + .md\:hover\:bg-LightBlue-lightblue-700:hover { + background-color: var(--light-blue-lightblue-700, #344e56); + } + + .md\:hover\:bg-Orange-orange:hover { + background-color: var(--orange-orange, #ff7f0e); + } + + .md\:hover\:bg-Orange-orange-100:hover { + background-color: var(--orange-orange-100, #ffa556); + } + + .md\:hover\:bg-Orange-orange-200:hover { + background-color: var(--orange-orange-200, #ffbf86); + } + + .md\:hover\:bg-Orange-orange-300:hover { + background-color: var(--orange-orange-300, #d97f30); + } + + .md\:hover\:bg-Orange-orange-400:hover { + background-color: var(--orange-orange-400, #bf7e46); + } + + .md\:hover\:bg-Orange-orange-500:hover { + background-color: var(--orange-orange-500, #e5720d); + } + + .md\:hover\:bg-Orange-orange-600:hover { + background-color: var(--orange-orange-600, #b3590a); + } + + .md\:hover\:bg-Orange-orange-700:hover { + background-color: var(--orange-orange-700, #663306); + } + + .md\:hover\:bg-Yellow-yellow:hover { + background-color: var(--yellow-yellow, #ffab00); + } + + .md\:hover\:bg-Yellow-yellow-100:hover { + background-color: var(--yellow-yellow-100, #ffc44c); + } + + .md\:hover\:bg-Yellow-yellow-200:hover { + background-color: var(--yellow-yellow-200, #ffd580); + } + + .md\:hover\:bg-Yellow-yellow-300:hover { + background-color: var(--yellow-yellow-300, #d99d26); + } + + .md\:hover\:bg-Yellow-yellow-400:hover { + background-color: var(--yellow-yellow-400, #bf943f); + } + + .md\:hover\:bg-Yellow-yellow-500:hover { + background-color: var(--yellow-yellow-500, #e59a00); + } + + .md\:hover\:bg-Yellow-yellow-600:hover { + background-color: var(--yellow-yellow-600, #b37800); + } + + .md\:hover\:bg-Yellow-yellow-700:hover { + background-color: var(--yellow-yellow-700, #664400); + } + + .md\:hover\:bg-Notification-notification:hover { + background-color: var(--notification-notification, #3959ff); + } + + .md\:hover\:bg-Notification-notification-100:hover { + background-color: var(--notification-notification-100, #748bff); + } + + .md\:hover\:bg-Notification-notification-200:hover { + background-color: var(--notification-notification-200, #9cacff); + } + + .md\:hover\:bg-Notification-notification-300:hover { + background-color: var(--notification-notification-300, #4e64d9); + } + + .md\:hover\:bg-Notification-notification-400:hover { + background-color: var(--notification-notification-400, #5c6cbf); + } + + .md\:hover\:bg-Notification-notification-500:hover { + background-color: var(--notification-notification-500, #3350e5); + } + + .md\:hover\:bg-Notification-notification-600:hover { + background-color: var(--notification-notification-600, #283eb3); + } + + .md\:hover\:bg-Notification-notification-700:hover { + background-color: var(--notification-notification-700, #172466); + } + + .md\:hover\:bg-Success-success\ -700:hover { + background-color: var(--success-success-700, #24471f); + } + + .md\:hover\:bg-Success-success:hover { + background-color: var(--success-success, #5bb14d); + } + + .md\:hover\:bg-Success-success\ -100:hover { + background-color: var(--success-success-100, #8cc882); + } + + .md\:hover\:bg-Success-success\ -200:hover { + background-color: var(--success-success-200, #add8a6); + } + + .md\:hover\:bg-Success-success\ -300:hover { + background-color: var(--success-success-300, #66a25c); + } + + .md\:hover\:bg-Success-success\ -400:hover { + background-color: var(--success-success-400, #6d9766); + } + + .md\:hover\:bg-Success-success\ -500:hover { + background-color: var(--success-success-500, #529f45); + } + + .md\:hover\:bg-Success-success\ -600:hover { + background-color: var(--success-success-600, #407c36); + } + + .md\:hover\:bg-Error-error:hover { + background-color: var(--error-error, #f03d3e); + } + + .md\:hover\:bg-Error-error-100:hover { + background-color: var(--error-error-100, #f57778); + } + + .md\:hover\:bg-Error-error-200:hover { + background-color: var(--error-error-200, #f89e9e); + } + + .md\:hover\:bg-Error-error-250:hover { + background-color: var(--error-error-250, #f9c8c8); + } + + .md\:hover\:bg-Error-error-300:hover { + background-color: var(--error-error-300, #ce5151); + } + + .md\:hover\:bg-Error-error-400:hover { + background-color: var(--error-error-400, #b85e5e); + } + + .md\:hover\:bg-Error-error-500:hover { + background-color: var(--error-error-500, #d83738); + } + + .md\:hover\:bg-Error-error-600:hover { + background-color: var(--error-error-600, #a82b2b); + } + + .md\:hover\:bg-Error-error-700:hover { + background-color: var(--error-error-700, #601819); + } + + .md\:focus\:bg-colors-black:focus { + background-color: var(--colors-black, #000000); + } + + .md\:focus\:bg-colors-white:focus { + background-color: var(--colors-white, #ffffff); + } + + .md\:focus\:bg-colors-gray-100:focus { + background-color: var(--colors-gray-100, #f7fafc); + } + + .md\:focus\:bg-colors-gray-200:focus { + background-color: var(--colors-gray-200, #edf2f7); + } + + .md\:focus\:bg-colors-gray-300:focus { + background-color: var(--colors-gray-300, #e2e8f0); + } + + .md\:focus\:bg-colors-gray-400:focus { + background-color: var(--colors-gray-400, #cbd5e0); + } + + .md\:focus\:bg-colors-gray-500:focus { + background-color: var(--colors-gray-500, #a0aec0); + } + + .md\:focus\:bg-colors-gray-600:focus { + background-color: var(--colors-gray-600, #718096); + } + + .md\:focus\:bg-colors-gray-700:focus { + background-color: var(--colors-gray-700, #4a5568); + } + + .md\:focus\:bg-colors-gray-800:focus { + background-color: var(--colors-gray-800, #2d3748); + } + + .md\:focus\:bg-colors-gray-900:focus { + background-color: var(--colors-gray-900, #1a202c); + } + + .md\:focus\:bg-colors-red-100:focus { + background-color: var(--colors-red-100, #fff5f5); + } + + .md\:focus\:bg-colors-red-200:focus { + background-color: var(--colors-red-200, #fed7d7); + } + + .md\:focus\:bg-colors-red-300:focus { + background-color: var(--colors-red-300, #feb2b2); + } + + .md\:focus\:bg-colors-red-400:focus { + background-color: var(--colors-red-400, #fc8181); + } + + .md\:focus\:bg-colors-red-500:focus { + background-color: var(--colors-red-500, #f56565); + } + + .md\:focus\:bg-colors-red-600:focus { + background-color: var(--colors-red-600, #e53e3e); + } + + .md\:focus\:bg-colors-red-700:focus { + background-color: var(--colors-red-700, #c53030); + } + + .md\:focus\:bg-colors-red-800:focus { + background-color: var(--colors-red-800, #9b2c2c); + } + + .md\:focus\:bg-colors-red-900:focus { + background-color: var(--colors-red-900, #742a2a); + } + + .md\:focus\:bg-colors-orange-100:focus { + background-color: var(--colors-orange-100, #fffaf0); + } + + .md\:focus\:bg-colors-orange-200:focus { + background-color: var(--colors-orange-200, #feebc8); + } + + .md\:focus\:bg-colors-orange-300:focus { + background-color: var(--colors-orange-300, #fbd38d); + } + + .md\:focus\:bg-colors-orange-400:focus { + background-color: var(--colors-orange-400, #f6ad55); + } + + .md\:focus\:bg-colors-orange-500:focus { + background-color: var(--colors-orange-500, #ed8936); + } + + .md\:focus\:bg-colors-orange-600:focus { + background-color: var(--colors-orange-600, #dd6b20); + } + + .md\:focus\:bg-colors-orange-700:focus { + background-color: var(--colors-orange-700, #c05621); + } + + .md\:focus\:bg-colors-orange-800:focus { + background-color: var(--colors-orange-800, #9c4221); + } + + .md\:focus\:bg-colors-orange-900:focus { + background-color: var(--colors-orange-900, #7b341e); + } + + .md\:focus\:bg-colors-yellow-100:focus { + background-color: var(--colors-yellow-100, #fffff0); + } + + .md\:focus\:bg-colors-yellow-200:focus { + background-color: var(--colors-yellow-200, #fefcbf); + } + + .md\:focus\:bg-colors-yellow-300:focus { + background-color: var(--colors-yellow-300, #faf089); + } + + .md\:focus\:bg-colors-yellow-400:focus { + background-color: var(--colors-yellow-400, #f6e05e); + } + + .md\:focus\:bg-colors-yellow-500:focus { + background-color: var(--colors-yellow-500, #ecc94b); + } + + .md\:focus\:bg-colors-yellow-600:focus { + background-color: var(--colors-yellow-600, #d69e2e); + } + + .md\:focus\:bg-colors-yellow-700:focus { + background-color: var(--colors-yellow-700, #b7791f); + } + + .md\:focus\:bg-colors-yellow-800:focus { + background-color: var(--colors-yellow-800, #975a16); + } + + .md\:focus\:bg-colors-yellow-900:focus { + background-color: var(--colors-yellow-900, #744210); + } + + .md\:focus\:bg-colors-green-100:focus { + background-color: var(--colors-green-100, #f0fff4); + } + + .md\:focus\:bg-colors-green-200:focus { + background-color: var(--colors-green-200, #c6f6d5); + } + + .md\:focus\:bg-colors-green-300:focus { + background-color: var(--colors-green-300, #9ae6b4); + } + + .md\:focus\:bg-colors-green-400:focus { + background-color: var(--colors-green-400, #68d391); + } + + .md\:focus\:bg-colors-green-500:focus { + background-color: var(--colors-green-500, #48bb78); + } + + .md\:focus\:bg-colors-green-600:focus { + background-color: var(--colors-green-600, #38a169); + } + + .md\:focus\:bg-colors-green-700:focus { + background-color: var(--colors-green-700, #2f855a); + } + + .md\:focus\:bg-colors-green-800:focus { + background-color: var(--colors-green-800, #276749); + } + + .md\:focus\:bg-colors-green-900:focus { + background-color: var(--colors-green-900, #22543d); + } + + .md\:focus\:bg-colors-teal-100:focus { + background-color: var(--colors-teal-100, #e6fffa); + } + + .md\:focus\:bg-colors-teal-200:focus { + background-color: var(--colors-teal-200, #b2f5ea); + } + + .md\:focus\:bg-colors-teal-300:focus { + background-color: var(--colors-teal-300, #81e6d9); + } + + .md\:focus\:bg-colors-teal-400:focus { + background-color: var(--colors-teal-400, #4fd1c5); + } + + .md\:focus\:bg-colors-teal-500:focus { + background-color: var(--colors-teal-500, #38b2ac); + } + + .md\:focus\:bg-colors-teal-600:focus { + background-color: var(--colors-teal-600, #319795); + } + + .md\:focus\:bg-colors-teal-700:focus { + background-color: var(--colors-teal-700, #2c7a7b); + } + + .md\:focus\:bg-colors-teal-800:focus { + background-color: var(--colors-teal-800, #285e61); + } + + .md\:focus\:bg-colors-teal-900:focus { + background-color: var(--colors-teal-900, #234e52); + } + + .md\:focus\:bg-colors-blue-100:focus { + background-color: var(--colors-blue-100, #ebf8ff); + } + + .md\:focus\:bg-colors-blue-200:focus { + background-color: var(--colors-blue-200, #bee3f8); + } + + .md\:focus\:bg-colors-blue-300:focus { + background-color: var(--colors-blue-300, #90cdf4); + } + + .md\:focus\:bg-colors-blue-400:focus { + background-color: var(--colors-blue-400, #63b3ed); + } + + .md\:focus\:bg-colors-blue-500:focus { + background-color: var(--colors-blue-500, #4299e1); + } + + .md\:focus\:bg-colors-blue-600:focus { + background-color: var(--colors-blue-600, #3182ce); + } + + .md\:focus\:bg-colors-blue-700:focus { + background-color: var(--colors-blue-700, #2b6cb0); + } + + .md\:focus\:bg-colors-blue-800:focus { + background-color: var(--colors-blue-800, #2c5282); + } + + .md\:focus\:bg-colors-blue-900:focus { + background-color: var(--colors-blue-900, #2a4365); + } + + .md\:focus\:bg-colors-indigo-100:focus { + background-color: var(--colors-indigo-100, #ebf4ff); + } + + .md\:focus\:bg-colors-indigo-200:focus { + background-color: var(--colors-indigo-200, #c3dafe); + } + + .md\:focus\:bg-colors-indigo-300:focus { + background-color: var(--colors-indigo-300, #a3bffa); + } + + .md\:focus\:bg-colors-indigo-400:focus { + background-color: var(--colors-indigo-400, #7f9cf5); + } + + .md\:focus\:bg-colors-indigo-500:focus { + background-color: var(--colors-indigo-500, #667eea); + } + + .md\:focus\:bg-colors-indigo-600:focus { + background-color: var(--colors-indigo-600, #5a67d8); + } + + .md\:focus\:bg-colors-indigo-700:focus { + background-color: var(--colors-indigo-700, #4c51bf); + } + + .md\:focus\:bg-colors-indigo-800:focus { + background-color: var(--colors-indigo-800, #434190); + } + + .md\:focus\:bg-colors-indigo-900:focus { + background-color: var(--colors-indigo-900, #3c366b); + } + + .md\:focus\:bg-colors-purple-100:focus { + background-color: var(--colors-purple-100, #faf5ff); + } + + .md\:focus\:bg-colors-purple-200:focus { + background-color: var(--colors-purple-200, #e9d8fd); + } + + .md\:focus\:bg-colors-purple-300:focus { + background-color: var(--colors-purple-300, #d6bcfa); + } + + .md\:focus\:bg-colors-purple-400:focus { + background-color: var(--colors-purple-400, #b794f4); + } + + .md\:focus\:bg-colors-purple-500:focus { + background-color: var(--colors-purple-500, #9f7aea); + } + + .md\:focus\:bg-colors-purple-600:focus { + background-color: var(--colors-purple-600, #805ad5); + } + + .md\:focus\:bg-colors-purple-700:focus { + background-color: var(--colors-purple-700, #6b46c1); + } + + .md\:focus\:bg-colors-purple-800:focus { + background-color: var(--colors-purple-800, #553c9a); + } + + .md\:focus\:bg-colors-purple-900:focus { + background-color: var(--colors-purple-900, #44337a); + } + + .md\:focus\:bg-colors-pink-100:focus { + background-color: var(--colors-pink-100, #fff5f7); + } + + .md\:focus\:bg-colors-pink-200:focus { + background-color: var(--colors-pink-200, #fed7e2); + } + + .md\:focus\:bg-colors-pink-300:focus { + background-color: var(--colors-pink-300, #fbb6ce); + } + + .md\:focus\:bg-colors-pink-400:focus { + background-color: var(--colors-pink-400, #f687b3); + } + + .md\:focus\:bg-colors-pink-500:focus { + background-color: var(--colors-pink-500, #ed64a6); + } + + .md\:focus\:bg-colors-pink-600:focus { + background-color: var(--colors-pink-600, #d53f8c); + } + + .md\:focus\:bg-colors-pink-700:focus { + background-color: var(--colors-pink-700, #b83280); + } + + .md\:focus\:bg-colors-pink-800:focus { + background-color: var(--colors-pink-800, #97266d); + } + + .md\:focus\:bg-colors-pink-900:focus { + background-color: var(--colors-pink-900, #702459); + } + + .md\:focus\:bg-Box\ Shadow:focus { + background-color: var(--box-shadow, #7f7e7f); + } + + .md\:focus\:bg-Error16:focus { + background-color: var(--error16, #f03d3e40); + } + + .md\:focus\:bg-Success16:focus { + background-color: var(--success16, #5bb14d40); + } + + .md\:focus\:bg-Notification16:focus { + background-color: var(--notification16, #3959ff40); + } + + .md\:focus\:bg-Error8:focus { + background-color: var(--error8, #f03d3e1a); + } + + .md\:focus\:bg-Notification8:focus { + background-color: var(--notification8, #3959ff1a); + } + + .md\:focus\:bg-Success8:focus { + background-color: var(--success8, #5bb14d1a); + } + + .md\:focus\:bg-Light\ -\ Overlay:focus { + background-color: var(--light-overlay, #f0edee66); + } + + .md\:focus\:bg-Dark-\ Overlay:focus { + background-color: var(--dark-overlay, #7f7e7f66); + } + + .md\:focus\:bg-black-40:focus { + background-color: var(--black-40, #00000066); + } + + .md\:focus\:bg-black-75:focus { + background-color: var(--black-75, #000000bf); + } + + .md\:focus\:bg-black-60:focus { + background-color: var(--black-60, #00000099); + } + + .md\:focus\:bg-black-50:focus { + background-color: var(--black-50, #00000080); + } + + .md\:focus\:bg-black-25:focus { + background-color: var(--black-25, #00000040); + } + + .md\:focus\:bg-black-10:focus { + background-color: var(--black-10, #0000001a); + } + + .md\:focus\:bg-white-25:focus { + background-color: var(--white-25, #ffffff40); + } + + .md\:focus\:bg-white-60:focus { + background-color: var(--white-60, #ffffff99); + } + + .md\:focus\:bg-black-64:focus { + background-color: var(--black-64, #000000a3); + } + + .md\:focus\:bg-Shadow\ and\ Highlight-Shadow:focus { + background-color: var(--shadow-and-highlight-shadow, #7f7e7f); + } + + .md\:focus\:bg-Shadow\ and\ Highlight-Highlight:focus { + background-color: var(--shadow-and-highlight-highlight, #474747); + } + + .md\:focus\:bg-Shadow\ and\ Highlight-highlight\ one:focus { + background-color: var(--shadow-and-highlight-highlight-one, #474747bf); + } + + .md\:focus\:bg-Shadow\ and\ Highlight-highlight\ two:focus { + background-color: var(--shadow-and-highlight-highlight-two, #47474799); + } + + .md\:focus\:bg-Shadow\ and\ Highlight-highlight\ three:focus { + background-color: var(--shadow-and-highlight-highlight-three, #47474766); + } + + .md\:focus\:bg-Shadow\ and\ Highlight-highlight\ five:focus { + background-color: var(--shadow-and-highlight-highlight-five, #4747471a); + } + + .md\:focus\:bg-Shadow\ and\ Highlight-shadow\ one:focus { + background-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); + } + + .md\:focus\:bg-Shadow\ and\ Highlight-shadow\ two:focus { + background-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); + } + + .md\:focus\:bg-Shadow\ and\ Highlight-shadow\ three:focus { + background-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); + } + + .md\:focus\:bg-Shadow\ and\ Highlight-shadow\ four:focus { + background-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); + } + + .md\:focus\:bg-Shadow\ and\ Highlight-shadow\ five:focus { + background-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); + } + + .md\:focus\:bg-Shadow\ and\ Highlight-highlight\ four:focus { + background-color: var(--shadow-and-highlight-highlight-four, #47474740); + } + + .md\:focus\:bg-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus { + background-color: var(--base-layer-styles-base-layer-light-white, #ffffff); + } + + .md\:focus\:bg-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus { + background-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); + } + + .md\:focus\:bg-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus { + background-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); + } + + .md\:focus\:bg-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus { + background-color: var(--base-layer-styles-base-layer-dark-black, #000000); + } + + .md\:focus\:bg-Grey-Scale-white:focus { + background-color: var(--grey-scale-white, #ffffff); + } + + .md\:focus\:bg-Grey-Scale-off-white:focus { + background-color: var(--grey-scale-off-white, #f0edee); + } + + .md\:focus\:bg-Grey\ Scale-grey:focus { + background-color: var(--grey-scale-grey, #7f7e7f); + } + + .md\:focus\:bg-Grey\ Scale-charcoal:focus { + background-color: var(--grey-scale-charcoal, #474747); + } + + .md\:focus\:bg-Grey\ Scale-off-black:focus { + background-color: var(--grey-scale-off-black, #1c1c1c); + } + + .md\:focus\:bg-Grey\ Scale-black:focus { + background-color: var(--grey-scale-black, #000000); + } + + .md\:focus\:bg-Blue-blue:focus { + background-color: var(--blue-blue, #3a7ca5); + } + + .md\:focus\:bg-Blue-blue-100:focus { + background-color: var(--blue-blue-100, #75a3c0); + } + + .md\:focus\:bg-Blue-blue-200:focus { + background-color: var(--blue-blue-200, #9cbed2); + } + + .md\:focus\:bg-Blue-blue-300:focus { + background-color: var(--blue-blue-300, #4f7d9a); + } + + .md\:focus\:bg-Blue-blue-400:focus { + background-color: var(--blue-blue-400, #5c7d92); + } + + .md\:focus\:bg-Blue-blue-500:focus { + background-color: var(--blue-blue-500, #347095); + } + + .md\:focus\:bg-Blue-blue-600:focus { + background-color: var(--blue-blue-600, #295774); + } + + .md\:focus\:bg-Blue-blue-700:focus { + background-color: var(--blue-blue-700, #173242); + } + + .md\:focus\:bg-LightBlue-lightblue:focus { + background-color: var(--light-blue-lightblue, #81c3d7); + } + + .md\:focus\:bg-LightBlue-lightblue-100:focus { + background-color: var(--light-blue-lightblue-100, #a7d5e3); + } + + .md\:focus\:bg-LightBlue-lightblue-200:focus { + background-color: var(--light-blue-lightblue-200, #c0e1eb); + } + + .md\:focus\:bg-LightBlue-lightblue-300:focus { + background-color: var(--light-blue-lightblue-300, #80aebd); + } + + .md\:focus\:bg-LightBlue-lightblue-400:focus { + background-color: var(--light-blue-lightblue-400, #80a0ab); + } + + .md\:focus\:bg-LightBlue-lightblue-500:focus { + background-color: var(--light-blue-lightblue-500, #74afc1); + } + + .md\:focus\:bg-LightBlue-lightblue-600:focus { + background-color: var(--light-blue-lightblue-600, #5a8997); + } + + .md\:focus\:bg-LightBlue-lightblue-650:focus { + background-color: var(--light-blue-lightblue-650, #3e5e65); + } + + .md\:focus\:bg-LightBlue-lightblue-700:focus { + background-color: var(--light-blue-lightblue-700, #344e56); + } + + .md\:focus\:bg-Orange-orange:focus { + background-color: var(--orange-orange, #ff7f0e); + } + + .md\:focus\:bg-Orange-orange-100:focus { + background-color: var(--orange-orange-100, #ffa556); + } + + .md\:focus\:bg-Orange-orange-200:focus { + background-color: var(--orange-orange-200, #ffbf86); + } + + .md\:focus\:bg-Orange-orange-300:focus { + background-color: var(--orange-orange-300, #d97f30); + } + + .md\:focus\:bg-Orange-orange-400:focus { + background-color: var(--orange-orange-400, #bf7e46); + } + + .md\:focus\:bg-Orange-orange-500:focus { + background-color: var(--orange-orange-500, #e5720d); + } + + .md\:focus\:bg-Orange-orange-600:focus { + background-color: var(--orange-orange-600, #b3590a); + } + + .md\:focus\:bg-Orange-orange-700:focus { + background-color: var(--orange-orange-700, #663306); + } + + .md\:focus\:bg-Yellow-yellow:focus { + background-color: var(--yellow-yellow, #ffab00); + } + + .md\:focus\:bg-Yellow-yellow-100:focus { + background-color: var(--yellow-yellow-100, #ffc44c); + } + + .md\:focus\:bg-Yellow-yellow-200:focus { + background-color: var(--yellow-yellow-200, #ffd580); + } + + .md\:focus\:bg-Yellow-yellow-300:focus { + background-color: var(--yellow-yellow-300, #d99d26); + } + + .md\:focus\:bg-Yellow-yellow-400:focus { + background-color: var(--yellow-yellow-400, #bf943f); + } + + .md\:focus\:bg-Yellow-yellow-500:focus { + background-color: var(--yellow-yellow-500, #e59a00); + } + + .md\:focus\:bg-Yellow-yellow-600:focus { + background-color: var(--yellow-yellow-600, #b37800); + } + + .md\:focus\:bg-Yellow-yellow-700:focus { + background-color: var(--yellow-yellow-700, #664400); + } + + .md\:focus\:bg-Notification-notification:focus { + background-color: var(--notification-notification, #3959ff); + } + + .md\:focus\:bg-Notification-notification-100:focus { + background-color: var(--notification-notification-100, #748bff); + } + + .md\:focus\:bg-Notification-notification-200:focus { + background-color: var(--notification-notification-200, #9cacff); + } + + .md\:focus\:bg-Notification-notification-300:focus { + background-color: var(--notification-notification-300, #4e64d9); + } + + .md\:focus\:bg-Notification-notification-400:focus { + background-color: var(--notification-notification-400, #5c6cbf); + } + + .md\:focus\:bg-Notification-notification-500:focus { + background-color: var(--notification-notification-500, #3350e5); + } + + .md\:focus\:bg-Notification-notification-600:focus { + background-color: var(--notification-notification-600, #283eb3); + } + + .md\:focus\:bg-Notification-notification-700:focus { + background-color: var(--notification-notification-700, #172466); + } + + .md\:focus\:bg-Success-success\ -700:focus { + background-color: var(--success-success-700, #24471f); + } + + .md\:focus\:bg-Success-success:focus { + background-color: var(--success-success, #5bb14d); + } + + .md\:focus\:bg-Success-success\ -100:focus { + background-color: var(--success-success-100, #8cc882); + } + + .md\:focus\:bg-Success-success\ -200:focus { + background-color: var(--success-success-200, #add8a6); + } + + .md\:focus\:bg-Success-success\ -300:focus { + background-color: var(--success-success-300, #66a25c); + } + + .md\:focus\:bg-Success-success\ -400:focus { + background-color: var(--success-success-400, #6d9766); + } + + .md\:focus\:bg-Success-success\ -500:focus { + background-color: var(--success-success-500, #529f45); + } + + .md\:focus\:bg-Success-success\ -600:focus { + background-color: var(--success-success-600, #407c36); + } + + .md\:focus\:bg-Error-error:focus { + background-color: var(--error-error, #f03d3e); + } + + .md\:focus\:bg-Error-error-100:focus { + background-color: var(--error-error-100, #f57778); + } + + .md\:focus\:bg-Error-error-200:focus { + background-color: var(--error-error-200, #f89e9e); + } + + .md\:focus\:bg-Error-error-250:focus { + background-color: var(--error-error-250, #f9c8c8); + } + + .md\:focus\:bg-Error-error-300:focus { + background-color: var(--error-error-300, #ce5151); + } + + .md\:focus\:bg-Error-error-400:focus { + background-color: var(--error-error-400, #b85e5e); + } + + .md\:focus\:bg-Error-error-500:focus { + background-color: var(--error-error-500, #d83738); + } + + .md\:focus\:bg-Error-error-600:focus { + background-color: var(--error-error-600, #a82b2b); + } + + .md\:focus\:bg-Error-error-700:focus { + background-color: var(--error-error-700, #601819); + } + + .md\:bg-opacity-0 { + --tw-bg-opacity: 0; + } + + .md\:bg-opacity-5 { + --tw-bg-opacity: 0.05; + } + + .md\:bg-opacity-10 { + --tw-bg-opacity: 0.1; + } + + .md\:bg-opacity-20 { + --tw-bg-opacity: 0.2; + } + + .md\:bg-opacity-25 { + --tw-bg-opacity: 0.25; + } + + .md\:bg-opacity-30 { + --tw-bg-opacity: 0.3; + } + + .md\:bg-opacity-40 { + --tw-bg-opacity: 0.4; + } + + .md\:bg-opacity-50 { + --tw-bg-opacity: 0.5; + } + + .md\:bg-opacity-60 { + --tw-bg-opacity: 0.6; + } + + .md\:bg-opacity-70 { + --tw-bg-opacity: 0.7; + } + + .md\:bg-opacity-75 { + --tw-bg-opacity: 0.75; + } + + .md\:bg-opacity-80 { + --tw-bg-opacity: 0.8; + } + + .md\:bg-opacity-90 { + --tw-bg-opacity: 0.9; + } + + .md\:bg-opacity-95 { + --tw-bg-opacity: 0.95; + } + + .md\:bg-opacity-100 { + --tw-bg-opacity: 1; + } + + .group:hover .md\:group-hover\:bg-opacity-0 { + --tw-bg-opacity: 0; + } + + .group:hover .md\:group-hover\:bg-opacity-5 { + --tw-bg-opacity: 0.05; + } + + .group:hover .md\:group-hover\:bg-opacity-10 { + --tw-bg-opacity: 0.1; + } + + .group:hover .md\:group-hover\:bg-opacity-20 { + --tw-bg-opacity: 0.2; + } + + .group:hover .md\:group-hover\:bg-opacity-25 { + --tw-bg-opacity: 0.25; + } + + .group:hover .md\:group-hover\:bg-opacity-30 { + --tw-bg-opacity: 0.3; + } + + .group:hover .md\:group-hover\:bg-opacity-40 { + --tw-bg-opacity: 0.4; + } + + .group:hover .md\:group-hover\:bg-opacity-50 { + --tw-bg-opacity: 0.5; + } + + .group:hover .md\:group-hover\:bg-opacity-60 { + --tw-bg-opacity: 0.6; + } + + .group:hover .md\:group-hover\:bg-opacity-70 { + --tw-bg-opacity: 0.7; + } + + .group:hover .md\:group-hover\:bg-opacity-75 { + --tw-bg-opacity: 0.75; + } + + .group:hover .md\:group-hover\:bg-opacity-80 { + --tw-bg-opacity: 0.8; + } + + .group:hover .md\:group-hover\:bg-opacity-90 { + --tw-bg-opacity: 0.9; + } + + .group:hover .md\:group-hover\:bg-opacity-95 { + --tw-bg-opacity: 0.95; + } + + .group:hover .md\:group-hover\:bg-opacity-100 { + --tw-bg-opacity: 1; + } + + .md\:focus-within\:bg-opacity-0:focus-within { + --tw-bg-opacity: 0; + } + + .md\:focus-within\:bg-opacity-5:focus-within { + --tw-bg-opacity: 0.05; + } + + .md\:focus-within\:bg-opacity-10:focus-within { + --tw-bg-opacity: 0.1; + } + + .md\:focus-within\:bg-opacity-20:focus-within { + --tw-bg-opacity: 0.2; + } + + .md\:focus-within\:bg-opacity-25:focus-within { + --tw-bg-opacity: 0.25; + } + + .md\:focus-within\:bg-opacity-30:focus-within { + --tw-bg-opacity: 0.3; + } + + .md\:focus-within\:bg-opacity-40:focus-within { + --tw-bg-opacity: 0.4; + } + + .md\:focus-within\:bg-opacity-50:focus-within { + --tw-bg-opacity: 0.5; + } + + .md\:focus-within\:bg-opacity-60:focus-within { + --tw-bg-opacity: 0.6; + } + + .md\:focus-within\:bg-opacity-70:focus-within { + --tw-bg-opacity: 0.7; + } + + .md\:focus-within\:bg-opacity-75:focus-within { + --tw-bg-opacity: 0.75; + } + + .md\:focus-within\:bg-opacity-80:focus-within { + --tw-bg-opacity: 0.8; + } + + .md\:focus-within\:bg-opacity-90:focus-within { + --tw-bg-opacity: 0.9; + } + + .md\:focus-within\:bg-opacity-95:focus-within { + --tw-bg-opacity: 0.95; + } + + .md\:focus-within\:bg-opacity-100:focus-within { + --tw-bg-opacity: 1; + } + + .md\:hover\:bg-opacity-0:hover { + --tw-bg-opacity: 0; + } + + .md\:hover\:bg-opacity-5:hover { + --tw-bg-opacity: 0.05; + } + + .md\:hover\:bg-opacity-10:hover { + --tw-bg-opacity: 0.1; + } + + .md\:hover\:bg-opacity-20:hover { + --tw-bg-opacity: 0.2; + } + + .md\:hover\:bg-opacity-25:hover { + --tw-bg-opacity: 0.25; + } + + .md\:hover\:bg-opacity-30:hover { + --tw-bg-opacity: 0.3; + } + + .md\:hover\:bg-opacity-40:hover { + --tw-bg-opacity: 0.4; + } + + .md\:hover\:bg-opacity-50:hover { + --tw-bg-opacity: 0.5; + } + + .md\:hover\:bg-opacity-60:hover { + --tw-bg-opacity: 0.6; + } + + .md\:hover\:bg-opacity-70:hover { + --tw-bg-opacity: 0.7; + } + + .md\:hover\:bg-opacity-75:hover { + --tw-bg-opacity: 0.75; + } + + .md\:hover\:bg-opacity-80:hover { + --tw-bg-opacity: 0.8; + } + + .md\:hover\:bg-opacity-90:hover { + --tw-bg-opacity: 0.9; + } + + .md\:hover\:bg-opacity-95:hover { + --tw-bg-opacity: 0.95; + } + + .md\:hover\:bg-opacity-100:hover { + --tw-bg-opacity: 1; + } + + .md\:focus\:bg-opacity-0:focus { + --tw-bg-opacity: 0; + } + + .md\:focus\:bg-opacity-5:focus { + --tw-bg-opacity: 0.05; + } + + .md\:focus\:bg-opacity-10:focus { + --tw-bg-opacity: 0.1; + } + + .md\:focus\:bg-opacity-20:focus { + --tw-bg-opacity: 0.2; + } + + .md\:focus\:bg-opacity-25:focus { + --tw-bg-opacity: 0.25; + } + + .md\:focus\:bg-opacity-30:focus { + --tw-bg-opacity: 0.3; + } + + .md\:focus\:bg-opacity-40:focus { + --tw-bg-opacity: 0.4; + } + + .md\:focus\:bg-opacity-50:focus { + --tw-bg-opacity: 0.5; + } + + .md\:focus\:bg-opacity-60:focus { + --tw-bg-opacity: 0.6; + } + + .md\:focus\:bg-opacity-70:focus { + --tw-bg-opacity: 0.7; + } + + .md\:focus\:bg-opacity-75:focus { + --tw-bg-opacity: 0.75; + } + + .md\:focus\:bg-opacity-80:focus { + --tw-bg-opacity: 0.8; + } + + .md\:focus\:bg-opacity-90:focus { + --tw-bg-opacity: 0.9; + } + + .md\:focus\:bg-opacity-95:focus { + --tw-bg-opacity: 0.95; + } + + .md\:focus\:bg-opacity-100:focus { + --tw-bg-opacity: 1; + } + + .md\:bg-none { + background-image: none; + } + + .md\:bg-gradient-to-t { + background-image: linear-gradient(to top, var(--tw-gradient-stops)); + } + + .md\:bg-gradient-to-tr { + background-image: linear-gradient(to top right, var(--tw-gradient-stops)); + } + + .md\:bg-gradient-to-r { + background-image: linear-gradient(to right, var(--tw-gradient-stops)); + } + + .md\:bg-gradient-to-br { + background-image: linear-gradient(to bottom right, var(--tw-gradient-stops)); + } + + .md\:bg-gradient-to-b { + background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); + } + + .md\:bg-gradient-to-bl { + background-image: linear-gradient(to bottom left, var(--tw-gradient-stops)); + } + + .md\:bg-gradient-to-l { + background-image: linear-gradient(to left, var(--tw-gradient-stops)); + } + + .md\:bg-gradient-to-tl { + background-image: linear-gradient(to top left, var(--tw-gradient-stops)); + } + + .md\:from-colors-black { + --tw-gradient-from: var(--colors-black, #000000); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-white { + --tw-gradient-from: var(--colors-white, #ffffff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-gray-100 { + --tw-gradient-from: var(--colors-gray-100, #f7fafc); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-gray-200 { + --tw-gradient-from: var(--colors-gray-200, #edf2f7); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-gray-300 { + --tw-gradient-from: var(--colors-gray-300, #e2e8f0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-gray-400 { + --tw-gradient-from: var(--colors-gray-400, #cbd5e0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-gray-500 { + --tw-gradient-from: var(--colors-gray-500, #a0aec0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-gray-600 { + --tw-gradient-from: var(--colors-gray-600, #718096); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-gray-700 { + --tw-gradient-from: var(--colors-gray-700, #4a5568); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-gray-800 { + --tw-gradient-from: var(--colors-gray-800, #2d3748); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-gray-900 { + --tw-gradient-from: var(--colors-gray-900, #1a202c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-red-100 { + --tw-gradient-from: var(--colors-red-100, #fff5f5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-red-200 { + --tw-gradient-from: var(--colors-red-200, #fed7d7); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-red-300 { + --tw-gradient-from: var(--colors-red-300, #feb2b2); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-red-400 { + --tw-gradient-from: var(--colors-red-400, #fc8181); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-red-500 { + --tw-gradient-from: var(--colors-red-500, #f56565); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-red-600 { + --tw-gradient-from: var(--colors-red-600, #e53e3e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-red-700 { + --tw-gradient-from: var(--colors-red-700, #c53030); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-red-800 { + --tw-gradient-from: var(--colors-red-800, #9b2c2c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-red-900 { + --tw-gradient-from: var(--colors-red-900, #742a2a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-orange-100 { + --tw-gradient-from: var(--colors-orange-100, #fffaf0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-orange-200 { + --tw-gradient-from: var(--colors-orange-200, #feebc8); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-orange-300 { + --tw-gradient-from: var(--colors-orange-300, #fbd38d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-orange-400 { + --tw-gradient-from: var(--colors-orange-400, #f6ad55); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-orange-500 { + --tw-gradient-from: var(--colors-orange-500, #ed8936); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-orange-600 { + --tw-gradient-from: var(--colors-orange-600, #dd6b20); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-orange-700 { + --tw-gradient-from: var(--colors-orange-700, #c05621); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-orange-800 { + --tw-gradient-from: var(--colors-orange-800, #9c4221); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-orange-900 { + --tw-gradient-from: var(--colors-orange-900, #7b341e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-yellow-100 { + --tw-gradient-from: var(--colors-yellow-100, #fffff0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-yellow-200 { + --tw-gradient-from: var(--colors-yellow-200, #fefcbf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-yellow-300 { + --tw-gradient-from: var(--colors-yellow-300, #faf089); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-yellow-400 { + --tw-gradient-from: var(--colors-yellow-400, #f6e05e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-yellow-500 { + --tw-gradient-from: var(--colors-yellow-500, #ecc94b); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-yellow-600 { + --tw-gradient-from: var(--colors-yellow-600, #d69e2e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-yellow-700 { + --tw-gradient-from: var(--colors-yellow-700, #b7791f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-yellow-800 { + --tw-gradient-from: var(--colors-yellow-800, #975a16); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-yellow-900 { + --tw-gradient-from: var(--colors-yellow-900, #744210); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-green-100 { + --tw-gradient-from: var(--colors-green-100, #f0fff4); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-green-200 { + --tw-gradient-from: var(--colors-green-200, #c6f6d5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-green-300 { + --tw-gradient-from: var(--colors-green-300, #9ae6b4); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-green-400 { + --tw-gradient-from: var(--colors-green-400, #68d391); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-green-500 { + --tw-gradient-from: var(--colors-green-500, #48bb78); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-green-600 { + --tw-gradient-from: var(--colors-green-600, #38a169); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-green-700 { + --tw-gradient-from: var(--colors-green-700, #2f855a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-green-800 { + --tw-gradient-from: var(--colors-green-800, #276749); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-green-900 { + --tw-gradient-from: var(--colors-green-900, #22543d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-teal-100 { + --tw-gradient-from: var(--colors-teal-100, #e6fffa); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-teal-200 { + --tw-gradient-from: var(--colors-teal-200, #b2f5ea); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-teal-300 { + --tw-gradient-from: var(--colors-teal-300, #81e6d9); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-teal-400 { + --tw-gradient-from: var(--colors-teal-400, #4fd1c5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-teal-500 { + --tw-gradient-from: var(--colors-teal-500, #38b2ac); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-teal-600 { + --tw-gradient-from: var(--colors-teal-600, #319795); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-teal-700 { + --tw-gradient-from: var(--colors-teal-700, #2c7a7b); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-teal-800 { + --tw-gradient-from: var(--colors-teal-800, #285e61); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-teal-900 { + --tw-gradient-from: var(--colors-teal-900, #234e52); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-blue-100 { + --tw-gradient-from: var(--colors-blue-100, #ebf8ff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-blue-200 { + --tw-gradient-from: var(--colors-blue-200, #bee3f8); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-blue-300 { + --tw-gradient-from: var(--colors-blue-300, #90cdf4); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-blue-400 { + --tw-gradient-from: var(--colors-blue-400, #63b3ed); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-blue-500 { + --tw-gradient-from: var(--colors-blue-500, #4299e1); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-blue-600 { + --tw-gradient-from: var(--colors-blue-600, #3182ce); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-blue-700 { + --tw-gradient-from: var(--colors-blue-700, #2b6cb0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-blue-800 { + --tw-gradient-from: var(--colors-blue-800, #2c5282); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-blue-900 { + --tw-gradient-from: var(--colors-blue-900, #2a4365); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-indigo-100 { + --tw-gradient-from: var(--colors-indigo-100, #ebf4ff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-indigo-200 { + --tw-gradient-from: var(--colors-indigo-200, #c3dafe); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-indigo-300 { + --tw-gradient-from: var(--colors-indigo-300, #a3bffa); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-indigo-400 { + --tw-gradient-from: var(--colors-indigo-400, #7f9cf5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-indigo-500 { + --tw-gradient-from: var(--colors-indigo-500, #667eea); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-indigo-600 { + --tw-gradient-from: var(--colors-indigo-600, #5a67d8); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-indigo-700 { + --tw-gradient-from: var(--colors-indigo-700, #4c51bf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-indigo-800 { + --tw-gradient-from: var(--colors-indigo-800, #434190); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-indigo-900 { + --tw-gradient-from: var(--colors-indigo-900, #3c366b); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-purple-100 { + --tw-gradient-from: var(--colors-purple-100, #faf5ff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-purple-200 { + --tw-gradient-from: var(--colors-purple-200, #e9d8fd); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-purple-300 { + --tw-gradient-from: var(--colors-purple-300, #d6bcfa); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-purple-400 { + --tw-gradient-from: var(--colors-purple-400, #b794f4); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-purple-500 { + --tw-gradient-from: var(--colors-purple-500, #9f7aea); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-purple-600 { + --tw-gradient-from: var(--colors-purple-600, #805ad5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-purple-700 { + --tw-gradient-from: var(--colors-purple-700, #6b46c1); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-purple-800 { + --tw-gradient-from: var(--colors-purple-800, #553c9a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-purple-900 { + --tw-gradient-from: var(--colors-purple-900, #44337a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-pink-100 { + --tw-gradient-from: var(--colors-pink-100, #fff5f7); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-pink-200 { + --tw-gradient-from: var(--colors-pink-200, #fed7e2); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-pink-300 { + --tw-gradient-from: var(--colors-pink-300, #fbb6ce); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-pink-400 { + --tw-gradient-from: var(--colors-pink-400, #f687b3); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-pink-500 { + --tw-gradient-from: var(--colors-pink-500, #ed64a6); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-pink-600 { + --tw-gradient-from: var(--colors-pink-600, #d53f8c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-pink-700 { + --tw-gradient-from: var(--colors-pink-700, #b83280); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-pink-800 { + --tw-gradient-from: var(--colors-pink-800, #97266d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-colors-pink-900 { + --tw-gradient-from: var(--colors-pink-900, #702459); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-Box\ Shadow { + --tw-gradient-from: var(--box-shadow, #7f7e7f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-Error16 { + --tw-gradient-from: var(--error16, #f03d3e40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-Success16 { + --tw-gradient-from: var(--success16, #5bb14d40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-Notification16 { + --tw-gradient-from: var(--notification16, #3959ff40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-Error8 { + --tw-gradient-from: var(--error8, #f03d3e1a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-Notification8 { + --tw-gradient-from: var(--notification8, #3959ff1a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-Success8 { + --tw-gradient-from: var(--success8, #5bb14d1a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-Light\ -\ Overlay { + --tw-gradient-from: var(--light-overlay, #f0edee66); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-Dark-\ Overlay { + --tw-gradient-from: var(--dark-overlay, #7f7e7f66); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-black-40 { + --tw-gradient-from: var(--black-40, #00000066); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-black-75 { + --tw-gradient-from: var(--black-75, #000000bf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-black-60 { + --tw-gradient-from: var(--black-60, #00000099); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-black-50 { + --tw-gradient-from: var(--black-50, #00000080); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-black-25 { + --tw-gradient-from: var(--black-25, #00000040); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-black-10 { + --tw-gradient-from: var(--black-10, #0000001a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-white-25 { + --tw-gradient-from: var(--white-25, #ffffff40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-white-60 { + --tw-gradient-from: var(--white-60, #ffffff99); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-black-64 { + --tw-gradient-from: var(--black-64, #000000a3); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-Shadow\ and\ Highlight-Shadow { + --tw-gradient-from: var(--shadow-and-highlight-shadow, #7f7e7f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-Shadow\ and\ Highlight-Highlight { + --tw-gradient-from: var(--shadow-and-highlight-highlight, #474747); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-Shadow\ and\ Highlight-highlight\ one { + --tw-gradient-from: var(--shadow-and-highlight-highlight-one, #474747bf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-Shadow\ and\ Highlight-highlight\ two { + --tw-gradient-from: var(--shadow-and-highlight-highlight-two, #47474799); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-Shadow\ and\ Highlight-highlight\ three { + --tw-gradient-from: var(--shadow-and-highlight-highlight-three, #47474766); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-Shadow\ and\ Highlight-highlight\ five { + --tw-gradient-from: var(--shadow-and-highlight-highlight-five, #4747471a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-Shadow\ and\ Highlight-shadow\ one { + --tw-gradient-from: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-Shadow\ and\ Highlight-shadow\ two { + --tw-gradient-from: var(--shadow-and-highlight-shadow-two, #7f7e7f99); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-Shadow\ and\ Highlight-shadow\ three { + --tw-gradient-from: var(--shadow-and-highlight-shadow-three, #7f7e7f66); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-Shadow\ and\ Highlight-shadow\ four { + --tw-gradient-from: var(--shadow-and-highlight-shadow-four, #7f7e7f40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-Shadow\ and\ Highlight-shadow\ five { + --tw-gradient-from: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-Shadow\ and\ Highlight-highlight\ four { + --tw-gradient-from: var(--shadow-and-highlight-highlight-four, #47474740); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-Base\ Layer\ Styles-Base\ Layer-\ Light-White { + --tw-gradient-from: var(--base-layer-styles-base-layer-light-white, #ffffff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite { + --tw-gradient-from: var(--base-layer-styles-base-layer-light-off-white, #f0edee); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack { + --tw-gradient-from: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-Base\ Layer\ Styles-Base\ Layer-Dark-Black { + --tw-gradient-from: var(--base-layer-styles-base-layer-dark-black, #000000); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-Grey-Scale-white { + --tw-gradient-from: var(--grey-scale-white, #ffffff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-Grey-Scale-off-white { + --tw-gradient-from: var(--grey-scale-off-white, #f0edee); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-Grey\ Scale-grey { + --tw-gradient-from: var(--grey-scale-grey, #7f7e7f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-Grey\ Scale-charcoal { + --tw-gradient-from: var(--grey-scale-charcoal, #474747); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-Grey\ Scale-off-black { + --tw-gradient-from: var(--grey-scale-off-black, #1c1c1c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-Grey\ Scale-black { + --tw-gradient-from: var(--grey-scale-black, #000000); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-Blue-blue { + --tw-gradient-from: var(--blue-blue, #3a7ca5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-Blue-blue-100 { + --tw-gradient-from: var(--blue-blue-100, #75a3c0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-Blue-blue-200 { + --tw-gradient-from: var(--blue-blue-200, #9cbed2); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-Blue-blue-300 { + --tw-gradient-from: var(--blue-blue-300, #4f7d9a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-Blue-blue-400 { + --tw-gradient-from: var(--blue-blue-400, #5c7d92); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-Blue-blue-500 { + --tw-gradient-from: var(--blue-blue-500, #347095); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-Blue-blue-600 { + --tw-gradient-from: var(--blue-blue-600, #295774); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-Blue-blue-700 { + --tw-gradient-from: var(--blue-blue-700, #173242); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-LightBlue-lightblue { + --tw-gradient-from: var(--light-blue-lightblue, #81c3d7); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-LightBlue-lightblue-100 { + --tw-gradient-from: var(--light-blue-lightblue-100, #a7d5e3); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-LightBlue-lightblue-200 { + --tw-gradient-from: var(--light-blue-lightblue-200, #c0e1eb); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-LightBlue-lightblue-300 { + --tw-gradient-from: var(--light-blue-lightblue-300, #80aebd); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-LightBlue-lightblue-400 { + --tw-gradient-from: var(--light-blue-lightblue-400, #80a0ab); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-LightBlue-lightblue-500 { + --tw-gradient-from: var(--light-blue-lightblue-500, #74afc1); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-LightBlue-lightblue-600 { + --tw-gradient-from: var(--light-blue-lightblue-600, #5a8997); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-LightBlue-lightblue-650 { + --tw-gradient-from: var(--light-blue-lightblue-650, #3e5e65); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-LightBlue-lightblue-700 { + --tw-gradient-from: var(--light-blue-lightblue-700, #344e56); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-Orange-orange { + --tw-gradient-from: var(--orange-orange, #ff7f0e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-Orange-orange-100 { + --tw-gradient-from: var(--orange-orange-100, #ffa556); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-Orange-orange-200 { + --tw-gradient-from: var(--orange-orange-200, #ffbf86); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-Orange-orange-300 { + --tw-gradient-from: var(--orange-orange-300, #d97f30); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-Orange-orange-400 { + --tw-gradient-from: var(--orange-orange-400, #bf7e46); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-Orange-orange-500 { + --tw-gradient-from: var(--orange-orange-500, #e5720d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-Orange-orange-600 { + --tw-gradient-from: var(--orange-orange-600, #b3590a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-Orange-orange-700 { + --tw-gradient-from: var(--orange-orange-700, #663306); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-Yellow-yellow { + --tw-gradient-from: var(--yellow-yellow, #ffab00); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-Yellow-yellow-100 { + --tw-gradient-from: var(--yellow-yellow-100, #ffc44c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-Yellow-yellow-200 { + --tw-gradient-from: var(--yellow-yellow-200, #ffd580); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-Yellow-yellow-300 { + --tw-gradient-from: var(--yellow-yellow-300, #d99d26); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-Yellow-yellow-400 { + --tw-gradient-from: var(--yellow-yellow-400, #bf943f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-Yellow-yellow-500 { + --tw-gradient-from: var(--yellow-yellow-500, #e59a00); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-Yellow-yellow-600 { + --tw-gradient-from: var(--yellow-yellow-600, #b37800); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-Yellow-yellow-700 { + --tw-gradient-from: var(--yellow-yellow-700, #664400); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-Notification-notification { + --tw-gradient-from: var(--notification-notification, #3959ff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-Notification-notification-100 { + --tw-gradient-from: var(--notification-notification-100, #748bff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-Notification-notification-200 { + --tw-gradient-from: var(--notification-notification-200, #9cacff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-Notification-notification-300 { + --tw-gradient-from: var(--notification-notification-300, #4e64d9); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-Notification-notification-400 { + --tw-gradient-from: var(--notification-notification-400, #5c6cbf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-Notification-notification-500 { + --tw-gradient-from: var(--notification-notification-500, #3350e5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-Notification-notification-600 { + --tw-gradient-from: var(--notification-notification-600, #283eb3); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-Notification-notification-700 { + --tw-gradient-from: var(--notification-notification-700, #172466); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-Success-success\ -700 { + --tw-gradient-from: var(--success-success-700, #24471f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-Success-success { + --tw-gradient-from: var(--success-success, #5bb14d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-Success-success\ -100 { + --tw-gradient-from: var(--success-success-100, #8cc882); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-Success-success\ -200 { + --tw-gradient-from: var(--success-success-200, #add8a6); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-Success-success\ -300 { + --tw-gradient-from: var(--success-success-300, #66a25c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-Success-success\ -400 { + --tw-gradient-from: var(--success-success-400, #6d9766); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-Success-success\ -500 { + --tw-gradient-from: var(--success-success-500, #529f45); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-Success-success\ -600 { + --tw-gradient-from: var(--success-success-600, #407c36); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-Error-error { + --tw-gradient-from: var(--error-error, #f03d3e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-Error-error-100 { + --tw-gradient-from: var(--error-error-100, #f57778); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-Error-error-200 { + --tw-gradient-from: var(--error-error-200, #f89e9e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-Error-error-250 { + --tw-gradient-from: var(--error-error-250, #f9c8c8); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-Error-error-300 { + --tw-gradient-from: var(--error-error-300, #ce5151); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-Error-error-400 { + --tw-gradient-from: var(--error-error-400, #b85e5e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-Error-error-500 { + --tw-gradient-from: var(--error-error-500, #d83738); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-Error-error-600 { + --tw-gradient-from: var(--error-error-600, #a82b2b); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:from-Error-error-700 { + --tw-gradient-from: var(--error-error-700, #601819); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-black:hover { + --tw-gradient-from: var(--colors-black, #000000); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-white:hover { + --tw-gradient-from: var(--colors-white, #ffffff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-gray-100:hover { + --tw-gradient-from: var(--colors-gray-100, #f7fafc); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-gray-200:hover { + --tw-gradient-from: var(--colors-gray-200, #edf2f7); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-gray-300:hover { + --tw-gradient-from: var(--colors-gray-300, #e2e8f0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-gray-400:hover { + --tw-gradient-from: var(--colors-gray-400, #cbd5e0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-gray-500:hover { + --tw-gradient-from: var(--colors-gray-500, #a0aec0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-gray-600:hover { + --tw-gradient-from: var(--colors-gray-600, #718096); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-gray-700:hover { + --tw-gradient-from: var(--colors-gray-700, #4a5568); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-gray-800:hover { + --tw-gradient-from: var(--colors-gray-800, #2d3748); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-gray-900:hover { + --tw-gradient-from: var(--colors-gray-900, #1a202c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-red-100:hover { + --tw-gradient-from: var(--colors-red-100, #fff5f5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-red-200:hover { + --tw-gradient-from: var(--colors-red-200, #fed7d7); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-red-300:hover { + --tw-gradient-from: var(--colors-red-300, #feb2b2); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-red-400:hover { + --tw-gradient-from: var(--colors-red-400, #fc8181); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-red-500:hover { + --tw-gradient-from: var(--colors-red-500, #f56565); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-red-600:hover { + --tw-gradient-from: var(--colors-red-600, #e53e3e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-red-700:hover { + --tw-gradient-from: var(--colors-red-700, #c53030); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-red-800:hover { + --tw-gradient-from: var(--colors-red-800, #9b2c2c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-red-900:hover { + --tw-gradient-from: var(--colors-red-900, #742a2a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-orange-100:hover { + --tw-gradient-from: var(--colors-orange-100, #fffaf0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-orange-200:hover { + --tw-gradient-from: var(--colors-orange-200, #feebc8); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-orange-300:hover { + --tw-gradient-from: var(--colors-orange-300, #fbd38d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-orange-400:hover { + --tw-gradient-from: var(--colors-orange-400, #f6ad55); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-orange-500:hover { + --tw-gradient-from: var(--colors-orange-500, #ed8936); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-orange-600:hover { + --tw-gradient-from: var(--colors-orange-600, #dd6b20); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-orange-700:hover { + --tw-gradient-from: var(--colors-orange-700, #c05621); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-orange-800:hover { + --tw-gradient-from: var(--colors-orange-800, #9c4221); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-orange-900:hover { + --tw-gradient-from: var(--colors-orange-900, #7b341e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-yellow-100:hover { + --tw-gradient-from: var(--colors-yellow-100, #fffff0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-yellow-200:hover { + --tw-gradient-from: var(--colors-yellow-200, #fefcbf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-yellow-300:hover { + --tw-gradient-from: var(--colors-yellow-300, #faf089); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-yellow-400:hover { + --tw-gradient-from: var(--colors-yellow-400, #f6e05e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-yellow-500:hover { + --tw-gradient-from: var(--colors-yellow-500, #ecc94b); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-yellow-600:hover { + --tw-gradient-from: var(--colors-yellow-600, #d69e2e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-yellow-700:hover { + --tw-gradient-from: var(--colors-yellow-700, #b7791f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-yellow-800:hover { + --tw-gradient-from: var(--colors-yellow-800, #975a16); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-yellow-900:hover { + --tw-gradient-from: var(--colors-yellow-900, #744210); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-green-100:hover { + --tw-gradient-from: var(--colors-green-100, #f0fff4); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-green-200:hover { + --tw-gradient-from: var(--colors-green-200, #c6f6d5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-green-300:hover { + --tw-gradient-from: var(--colors-green-300, #9ae6b4); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-green-400:hover { + --tw-gradient-from: var(--colors-green-400, #68d391); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-green-500:hover { + --tw-gradient-from: var(--colors-green-500, #48bb78); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-green-600:hover { + --tw-gradient-from: var(--colors-green-600, #38a169); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-green-700:hover { + --tw-gradient-from: var(--colors-green-700, #2f855a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-green-800:hover { + --tw-gradient-from: var(--colors-green-800, #276749); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-green-900:hover { + --tw-gradient-from: var(--colors-green-900, #22543d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-teal-100:hover { + --tw-gradient-from: var(--colors-teal-100, #e6fffa); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-teal-200:hover { + --tw-gradient-from: var(--colors-teal-200, #b2f5ea); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-teal-300:hover { + --tw-gradient-from: var(--colors-teal-300, #81e6d9); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-teal-400:hover { + --tw-gradient-from: var(--colors-teal-400, #4fd1c5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-teal-500:hover { + --tw-gradient-from: var(--colors-teal-500, #38b2ac); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-teal-600:hover { + --tw-gradient-from: var(--colors-teal-600, #319795); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-teal-700:hover { + --tw-gradient-from: var(--colors-teal-700, #2c7a7b); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-teal-800:hover { + --tw-gradient-from: var(--colors-teal-800, #285e61); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-teal-900:hover { + --tw-gradient-from: var(--colors-teal-900, #234e52); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-blue-100:hover { + --tw-gradient-from: var(--colors-blue-100, #ebf8ff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-blue-200:hover { + --tw-gradient-from: var(--colors-blue-200, #bee3f8); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-blue-300:hover { + --tw-gradient-from: var(--colors-blue-300, #90cdf4); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-blue-400:hover { + --tw-gradient-from: var(--colors-blue-400, #63b3ed); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-blue-500:hover { + --tw-gradient-from: var(--colors-blue-500, #4299e1); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-blue-600:hover { + --tw-gradient-from: var(--colors-blue-600, #3182ce); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-blue-700:hover { + --tw-gradient-from: var(--colors-blue-700, #2b6cb0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-blue-800:hover { + --tw-gradient-from: var(--colors-blue-800, #2c5282); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-blue-900:hover { + --tw-gradient-from: var(--colors-blue-900, #2a4365); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-indigo-100:hover { + --tw-gradient-from: var(--colors-indigo-100, #ebf4ff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-indigo-200:hover { + --tw-gradient-from: var(--colors-indigo-200, #c3dafe); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-indigo-300:hover { + --tw-gradient-from: var(--colors-indigo-300, #a3bffa); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-indigo-400:hover { + --tw-gradient-from: var(--colors-indigo-400, #7f9cf5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-indigo-500:hover { + --tw-gradient-from: var(--colors-indigo-500, #667eea); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-indigo-600:hover { + --tw-gradient-from: var(--colors-indigo-600, #5a67d8); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-indigo-700:hover { + --tw-gradient-from: var(--colors-indigo-700, #4c51bf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-indigo-800:hover { + --tw-gradient-from: var(--colors-indigo-800, #434190); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-indigo-900:hover { + --tw-gradient-from: var(--colors-indigo-900, #3c366b); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-purple-100:hover { + --tw-gradient-from: var(--colors-purple-100, #faf5ff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-purple-200:hover { + --tw-gradient-from: var(--colors-purple-200, #e9d8fd); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-purple-300:hover { + --tw-gradient-from: var(--colors-purple-300, #d6bcfa); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-purple-400:hover { + --tw-gradient-from: var(--colors-purple-400, #b794f4); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-purple-500:hover { + --tw-gradient-from: var(--colors-purple-500, #9f7aea); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-purple-600:hover { + --tw-gradient-from: var(--colors-purple-600, #805ad5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-purple-700:hover { + --tw-gradient-from: var(--colors-purple-700, #6b46c1); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-purple-800:hover { + --tw-gradient-from: var(--colors-purple-800, #553c9a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-purple-900:hover { + --tw-gradient-from: var(--colors-purple-900, #44337a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-pink-100:hover { + --tw-gradient-from: var(--colors-pink-100, #fff5f7); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-pink-200:hover { + --tw-gradient-from: var(--colors-pink-200, #fed7e2); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-pink-300:hover { + --tw-gradient-from: var(--colors-pink-300, #fbb6ce); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-pink-400:hover { + --tw-gradient-from: var(--colors-pink-400, #f687b3); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-pink-500:hover { + --tw-gradient-from: var(--colors-pink-500, #ed64a6); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-pink-600:hover { + --tw-gradient-from: var(--colors-pink-600, #d53f8c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-pink-700:hover { + --tw-gradient-from: var(--colors-pink-700, #b83280); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-pink-800:hover { + --tw-gradient-from: var(--colors-pink-800, #97266d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-colors-pink-900:hover { + --tw-gradient-from: var(--colors-pink-900, #702459); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-Box\ Shadow:hover { + --tw-gradient-from: var(--box-shadow, #7f7e7f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-Error16:hover { + --tw-gradient-from: var(--error16, #f03d3e40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-Success16:hover { + --tw-gradient-from: var(--success16, #5bb14d40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-Notification16:hover { + --tw-gradient-from: var(--notification16, #3959ff40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-Error8:hover { + --tw-gradient-from: var(--error8, #f03d3e1a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-Notification8:hover { + --tw-gradient-from: var(--notification8, #3959ff1a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-Success8:hover { + --tw-gradient-from: var(--success8, #5bb14d1a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-Light\ -\ Overlay:hover { + --tw-gradient-from: var(--light-overlay, #f0edee66); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-Dark-\ Overlay:hover { + --tw-gradient-from: var(--dark-overlay, #7f7e7f66); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-black-40:hover { + --tw-gradient-from: var(--black-40, #00000066); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-black-75:hover { + --tw-gradient-from: var(--black-75, #000000bf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-black-60:hover { + --tw-gradient-from: var(--black-60, #00000099); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-black-50:hover { + --tw-gradient-from: var(--black-50, #00000080); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-black-25:hover { + --tw-gradient-from: var(--black-25, #00000040); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-black-10:hover { + --tw-gradient-from: var(--black-10, #0000001a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-white-25:hover { + --tw-gradient-from: var(--white-25, #ffffff40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-white-60:hover { + --tw-gradient-from: var(--white-60, #ffffff99); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-black-64:hover { + --tw-gradient-from: var(--black-64, #000000a3); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-Shadow\ and\ Highlight-Shadow:hover { + --tw-gradient-from: var(--shadow-and-highlight-shadow, #7f7e7f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-Shadow\ and\ Highlight-Highlight:hover { + --tw-gradient-from: var(--shadow-and-highlight-highlight, #474747); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-Shadow\ and\ Highlight-highlight\ one:hover { + --tw-gradient-from: var(--shadow-and-highlight-highlight-one, #474747bf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-Shadow\ and\ Highlight-highlight\ two:hover { + --tw-gradient-from: var(--shadow-and-highlight-highlight-two, #47474799); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-Shadow\ and\ Highlight-highlight\ three:hover { + --tw-gradient-from: var(--shadow-and-highlight-highlight-three, #47474766); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-Shadow\ and\ Highlight-highlight\ five:hover { + --tw-gradient-from: var(--shadow-and-highlight-highlight-five, #4747471a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-Shadow\ and\ Highlight-shadow\ one:hover { + --tw-gradient-from: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-Shadow\ and\ Highlight-shadow\ two:hover { + --tw-gradient-from: var(--shadow-and-highlight-shadow-two, #7f7e7f99); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-Shadow\ and\ Highlight-shadow\ three:hover { + --tw-gradient-from: var(--shadow-and-highlight-shadow-three, #7f7e7f66); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-Shadow\ and\ Highlight-shadow\ four:hover { + --tw-gradient-from: var(--shadow-and-highlight-shadow-four, #7f7e7f40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-Shadow\ and\ Highlight-shadow\ five:hover { + --tw-gradient-from: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-Shadow\ and\ Highlight-highlight\ four:hover { + --tw-gradient-from: var(--shadow-and-highlight-highlight-four, #47474740); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-Base\ Layer\ Styles-Base\ Layer-\ Light-White:hover { + --tw-gradient-from: var(--base-layer-styles-base-layer-light-white, #ffffff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:hover { + --tw-gradient-from: var(--base-layer-styles-base-layer-light-off-white, #f0edee); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:hover { + --tw-gradient-from: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-Base\ Layer\ Styles-Base\ Layer-Dark-Black:hover { + --tw-gradient-from: var(--base-layer-styles-base-layer-dark-black, #000000); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-Grey-Scale-white:hover { + --tw-gradient-from: var(--grey-scale-white, #ffffff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-Grey-Scale-off-white:hover { + --tw-gradient-from: var(--grey-scale-off-white, #f0edee); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-Grey\ Scale-grey:hover { + --tw-gradient-from: var(--grey-scale-grey, #7f7e7f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-Grey\ Scale-charcoal:hover { + --tw-gradient-from: var(--grey-scale-charcoal, #474747); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-Grey\ Scale-off-black:hover { + --tw-gradient-from: var(--grey-scale-off-black, #1c1c1c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-Grey\ Scale-black:hover { + --tw-gradient-from: var(--grey-scale-black, #000000); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-Blue-blue:hover { + --tw-gradient-from: var(--blue-blue, #3a7ca5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-Blue-blue-100:hover { + --tw-gradient-from: var(--blue-blue-100, #75a3c0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-Blue-blue-200:hover { + --tw-gradient-from: var(--blue-blue-200, #9cbed2); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-Blue-blue-300:hover { + --tw-gradient-from: var(--blue-blue-300, #4f7d9a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-Blue-blue-400:hover { + --tw-gradient-from: var(--blue-blue-400, #5c7d92); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-Blue-blue-500:hover { + --tw-gradient-from: var(--blue-blue-500, #347095); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-Blue-blue-600:hover { + --tw-gradient-from: var(--blue-blue-600, #295774); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-Blue-blue-700:hover { + --tw-gradient-from: var(--blue-blue-700, #173242); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-LightBlue-lightblue:hover { + --tw-gradient-from: var(--light-blue-lightblue, #81c3d7); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-LightBlue-lightblue-100:hover { + --tw-gradient-from: var(--light-blue-lightblue-100, #a7d5e3); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-LightBlue-lightblue-200:hover { + --tw-gradient-from: var(--light-blue-lightblue-200, #c0e1eb); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-LightBlue-lightblue-300:hover { + --tw-gradient-from: var(--light-blue-lightblue-300, #80aebd); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-LightBlue-lightblue-400:hover { + --tw-gradient-from: var(--light-blue-lightblue-400, #80a0ab); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-LightBlue-lightblue-500:hover { + --tw-gradient-from: var(--light-blue-lightblue-500, #74afc1); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-LightBlue-lightblue-600:hover { + --tw-gradient-from: var(--light-blue-lightblue-600, #5a8997); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-LightBlue-lightblue-650:hover { + --tw-gradient-from: var(--light-blue-lightblue-650, #3e5e65); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-LightBlue-lightblue-700:hover { + --tw-gradient-from: var(--light-blue-lightblue-700, #344e56); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-Orange-orange:hover { + --tw-gradient-from: var(--orange-orange, #ff7f0e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-Orange-orange-100:hover { + --tw-gradient-from: var(--orange-orange-100, #ffa556); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-Orange-orange-200:hover { + --tw-gradient-from: var(--orange-orange-200, #ffbf86); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-Orange-orange-300:hover { + --tw-gradient-from: var(--orange-orange-300, #d97f30); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-Orange-orange-400:hover { + --tw-gradient-from: var(--orange-orange-400, #bf7e46); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-Orange-orange-500:hover { + --tw-gradient-from: var(--orange-orange-500, #e5720d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-Orange-orange-600:hover { + --tw-gradient-from: var(--orange-orange-600, #b3590a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-Orange-orange-700:hover { + --tw-gradient-from: var(--orange-orange-700, #663306); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-Yellow-yellow:hover { + --tw-gradient-from: var(--yellow-yellow, #ffab00); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-Yellow-yellow-100:hover { + --tw-gradient-from: var(--yellow-yellow-100, #ffc44c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-Yellow-yellow-200:hover { + --tw-gradient-from: var(--yellow-yellow-200, #ffd580); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-Yellow-yellow-300:hover { + --tw-gradient-from: var(--yellow-yellow-300, #d99d26); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-Yellow-yellow-400:hover { + --tw-gradient-from: var(--yellow-yellow-400, #bf943f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-Yellow-yellow-500:hover { + --tw-gradient-from: var(--yellow-yellow-500, #e59a00); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-Yellow-yellow-600:hover { + --tw-gradient-from: var(--yellow-yellow-600, #b37800); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-Yellow-yellow-700:hover { + --tw-gradient-from: var(--yellow-yellow-700, #664400); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-Notification-notification:hover { + --tw-gradient-from: var(--notification-notification, #3959ff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-Notification-notification-100:hover { + --tw-gradient-from: var(--notification-notification-100, #748bff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-Notification-notification-200:hover { + --tw-gradient-from: var(--notification-notification-200, #9cacff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-Notification-notification-300:hover { + --tw-gradient-from: var(--notification-notification-300, #4e64d9); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-Notification-notification-400:hover { + --tw-gradient-from: var(--notification-notification-400, #5c6cbf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-Notification-notification-500:hover { + --tw-gradient-from: var(--notification-notification-500, #3350e5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-Notification-notification-600:hover { + --tw-gradient-from: var(--notification-notification-600, #283eb3); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-Notification-notification-700:hover { + --tw-gradient-from: var(--notification-notification-700, #172466); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-Success-success\ -700:hover { + --tw-gradient-from: var(--success-success-700, #24471f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-Success-success:hover { + --tw-gradient-from: var(--success-success, #5bb14d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-Success-success\ -100:hover { + --tw-gradient-from: var(--success-success-100, #8cc882); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-Success-success\ -200:hover { + --tw-gradient-from: var(--success-success-200, #add8a6); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-Success-success\ -300:hover { + --tw-gradient-from: var(--success-success-300, #66a25c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-Success-success\ -400:hover { + --tw-gradient-from: var(--success-success-400, #6d9766); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-Success-success\ -500:hover { + --tw-gradient-from: var(--success-success-500, #529f45); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-Success-success\ -600:hover { + --tw-gradient-from: var(--success-success-600, #407c36); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-Error-error:hover { + --tw-gradient-from: var(--error-error, #f03d3e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-Error-error-100:hover { + --tw-gradient-from: var(--error-error-100, #f57778); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-Error-error-200:hover { + --tw-gradient-from: var(--error-error-200, #f89e9e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-Error-error-250:hover { + --tw-gradient-from: var(--error-error-250, #f9c8c8); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-Error-error-300:hover { + --tw-gradient-from: var(--error-error-300, #ce5151); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-Error-error-400:hover { + --tw-gradient-from: var(--error-error-400, #b85e5e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-Error-error-500:hover { + --tw-gradient-from: var(--error-error-500, #d83738); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-Error-error-600:hover { + --tw-gradient-from: var(--error-error-600, #a82b2b); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:from-Error-error-700:hover { + --tw-gradient-from: var(--error-error-700, #601819); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-black:focus { + --tw-gradient-from: var(--colors-black, #000000); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-white:focus { + --tw-gradient-from: var(--colors-white, #ffffff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-gray-100:focus { + --tw-gradient-from: var(--colors-gray-100, #f7fafc); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-gray-200:focus { + --tw-gradient-from: var(--colors-gray-200, #edf2f7); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-gray-300:focus { + --tw-gradient-from: var(--colors-gray-300, #e2e8f0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-gray-400:focus { + --tw-gradient-from: var(--colors-gray-400, #cbd5e0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-gray-500:focus { + --tw-gradient-from: var(--colors-gray-500, #a0aec0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-gray-600:focus { + --tw-gradient-from: var(--colors-gray-600, #718096); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-gray-700:focus { + --tw-gradient-from: var(--colors-gray-700, #4a5568); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-gray-800:focus { + --tw-gradient-from: var(--colors-gray-800, #2d3748); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-gray-900:focus { + --tw-gradient-from: var(--colors-gray-900, #1a202c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-red-100:focus { + --tw-gradient-from: var(--colors-red-100, #fff5f5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-red-200:focus { + --tw-gradient-from: var(--colors-red-200, #fed7d7); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-red-300:focus { + --tw-gradient-from: var(--colors-red-300, #feb2b2); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-red-400:focus { + --tw-gradient-from: var(--colors-red-400, #fc8181); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-red-500:focus { + --tw-gradient-from: var(--colors-red-500, #f56565); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-red-600:focus { + --tw-gradient-from: var(--colors-red-600, #e53e3e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-red-700:focus { + --tw-gradient-from: var(--colors-red-700, #c53030); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-red-800:focus { + --tw-gradient-from: var(--colors-red-800, #9b2c2c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-red-900:focus { + --tw-gradient-from: var(--colors-red-900, #742a2a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-orange-100:focus { + --tw-gradient-from: var(--colors-orange-100, #fffaf0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-orange-200:focus { + --tw-gradient-from: var(--colors-orange-200, #feebc8); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-orange-300:focus { + --tw-gradient-from: var(--colors-orange-300, #fbd38d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-orange-400:focus { + --tw-gradient-from: var(--colors-orange-400, #f6ad55); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-orange-500:focus { + --tw-gradient-from: var(--colors-orange-500, #ed8936); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-orange-600:focus { + --tw-gradient-from: var(--colors-orange-600, #dd6b20); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-orange-700:focus { + --tw-gradient-from: var(--colors-orange-700, #c05621); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-orange-800:focus { + --tw-gradient-from: var(--colors-orange-800, #9c4221); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-orange-900:focus { + --tw-gradient-from: var(--colors-orange-900, #7b341e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-yellow-100:focus { + --tw-gradient-from: var(--colors-yellow-100, #fffff0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-yellow-200:focus { + --tw-gradient-from: var(--colors-yellow-200, #fefcbf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-yellow-300:focus { + --tw-gradient-from: var(--colors-yellow-300, #faf089); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-yellow-400:focus { + --tw-gradient-from: var(--colors-yellow-400, #f6e05e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-yellow-500:focus { + --tw-gradient-from: var(--colors-yellow-500, #ecc94b); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-yellow-600:focus { + --tw-gradient-from: var(--colors-yellow-600, #d69e2e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-yellow-700:focus { + --tw-gradient-from: var(--colors-yellow-700, #b7791f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-yellow-800:focus { + --tw-gradient-from: var(--colors-yellow-800, #975a16); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-yellow-900:focus { + --tw-gradient-from: var(--colors-yellow-900, #744210); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-green-100:focus { + --tw-gradient-from: var(--colors-green-100, #f0fff4); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-green-200:focus { + --tw-gradient-from: var(--colors-green-200, #c6f6d5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-green-300:focus { + --tw-gradient-from: var(--colors-green-300, #9ae6b4); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-green-400:focus { + --tw-gradient-from: var(--colors-green-400, #68d391); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-green-500:focus { + --tw-gradient-from: var(--colors-green-500, #48bb78); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-green-600:focus { + --tw-gradient-from: var(--colors-green-600, #38a169); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-green-700:focus { + --tw-gradient-from: var(--colors-green-700, #2f855a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-green-800:focus { + --tw-gradient-from: var(--colors-green-800, #276749); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-green-900:focus { + --tw-gradient-from: var(--colors-green-900, #22543d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-teal-100:focus { + --tw-gradient-from: var(--colors-teal-100, #e6fffa); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-teal-200:focus { + --tw-gradient-from: var(--colors-teal-200, #b2f5ea); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-teal-300:focus { + --tw-gradient-from: var(--colors-teal-300, #81e6d9); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-teal-400:focus { + --tw-gradient-from: var(--colors-teal-400, #4fd1c5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-teal-500:focus { + --tw-gradient-from: var(--colors-teal-500, #38b2ac); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-teal-600:focus { + --tw-gradient-from: var(--colors-teal-600, #319795); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-teal-700:focus { + --tw-gradient-from: var(--colors-teal-700, #2c7a7b); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-teal-800:focus { + --tw-gradient-from: var(--colors-teal-800, #285e61); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-teal-900:focus { + --tw-gradient-from: var(--colors-teal-900, #234e52); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-blue-100:focus { + --tw-gradient-from: var(--colors-blue-100, #ebf8ff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-blue-200:focus { + --tw-gradient-from: var(--colors-blue-200, #bee3f8); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-blue-300:focus { + --tw-gradient-from: var(--colors-blue-300, #90cdf4); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-blue-400:focus { + --tw-gradient-from: var(--colors-blue-400, #63b3ed); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-blue-500:focus { + --tw-gradient-from: var(--colors-blue-500, #4299e1); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-blue-600:focus { + --tw-gradient-from: var(--colors-blue-600, #3182ce); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-blue-700:focus { + --tw-gradient-from: var(--colors-blue-700, #2b6cb0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-blue-800:focus { + --tw-gradient-from: var(--colors-blue-800, #2c5282); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-blue-900:focus { + --tw-gradient-from: var(--colors-blue-900, #2a4365); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-indigo-100:focus { + --tw-gradient-from: var(--colors-indigo-100, #ebf4ff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-indigo-200:focus { + --tw-gradient-from: var(--colors-indigo-200, #c3dafe); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-indigo-300:focus { + --tw-gradient-from: var(--colors-indigo-300, #a3bffa); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-indigo-400:focus { + --tw-gradient-from: var(--colors-indigo-400, #7f9cf5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-indigo-500:focus { + --tw-gradient-from: var(--colors-indigo-500, #667eea); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-indigo-600:focus { + --tw-gradient-from: var(--colors-indigo-600, #5a67d8); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-indigo-700:focus { + --tw-gradient-from: var(--colors-indigo-700, #4c51bf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-indigo-800:focus { + --tw-gradient-from: var(--colors-indigo-800, #434190); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-indigo-900:focus { + --tw-gradient-from: var(--colors-indigo-900, #3c366b); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-purple-100:focus { + --tw-gradient-from: var(--colors-purple-100, #faf5ff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-purple-200:focus { + --tw-gradient-from: var(--colors-purple-200, #e9d8fd); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-purple-300:focus { + --tw-gradient-from: var(--colors-purple-300, #d6bcfa); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-purple-400:focus { + --tw-gradient-from: var(--colors-purple-400, #b794f4); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-purple-500:focus { + --tw-gradient-from: var(--colors-purple-500, #9f7aea); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-purple-600:focus { + --tw-gradient-from: var(--colors-purple-600, #805ad5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-purple-700:focus { + --tw-gradient-from: var(--colors-purple-700, #6b46c1); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-purple-800:focus { + --tw-gradient-from: var(--colors-purple-800, #553c9a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-purple-900:focus { + --tw-gradient-from: var(--colors-purple-900, #44337a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-pink-100:focus { + --tw-gradient-from: var(--colors-pink-100, #fff5f7); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-pink-200:focus { + --tw-gradient-from: var(--colors-pink-200, #fed7e2); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-pink-300:focus { + --tw-gradient-from: var(--colors-pink-300, #fbb6ce); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-pink-400:focus { + --tw-gradient-from: var(--colors-pink-400, #f687b3); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-pink-500:focus { + --tw-gradient-from: var(--colors-pink-500, #ed64a6); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-pink-600:focus { + --tw-gradient-from: var(--colors-pink-600, #d53f8c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-pink-700:focus { + --tw-gradient-from: var(--colors-pink-700, #b83280); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-pink-800:focus { + --tw-gradient-from: var(--colors-pink-800, #97266d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-colors-pink-900:focus { + --tw-gradient-from: var(--colors-pink-900, #702459); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-Box\ Shadow:focus { + --tw-gradient-from: var(--box-shadow, #7f7e7f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-Error16:focus { + --tw-gradient-from: var(--error16, #f03d3e40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-Success16:focus { + --tw-gradient-from: var(--success16, #5bb14d40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-Notification16:focus { + --tw-gradient-from: var(--notification16, #3959ff40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-Error8:focus { + --tw-gradient-from: var(--error8, #f03d3e1a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-Notification8:focus { + --tw-gradient-from: var(--notification8, #3959ff1a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-Success8:focus { + --tw-gradient-from: var(--success8, #5bb14d1a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-Light\ -\ Overlay:focus { + --tw-gradient-from: var(--light-overlay, #f0edee66); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-Dark-\ Overlay:focus { + --tw-gradient-from: var(--dark-overlay, #7f7e7f66); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-black-40:focus { + --tw-gradient-from: var(--black-40, #00000066); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-black-75:focus { + --tw-gradient-from: var(--black-75, #000000bf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-black-60:focus { + --tw-gradient-from: var(--black-60, #00000099); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-black-50:focus { + --tw-gradient-from: var(--black-50, #00000080); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-black-25:focus { + --tw-gradient-from: var(--black-25, #00000040); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-black-10:focus { + --tw-gradient-from: var(--black-10, #0000001a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-white-25:focus { + --tw-gradient-from: var(--white-25, #ffffff40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-white-60:focus { + --tw-gradient-from: var(--white-60, #ffffff99); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-black-64:focus { + --tw-gradient-from: var(--black-64, #000000a3); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-Shadow\ and\ Highlight-Shadow:focus { + --tw-gradient-from: var(--shadow-and-highlight-shadow, #7f7e7f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-Shadow\ and\ Highlight-Highlight:focus { + --tw-gradient-from: var(--shadow-and-highlight-highlight, #474747); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-Shadow\ and\ Highlight-highlight\ one:focus { + --tw-gradient-from: var(--shadow-and-highlight-highlight-one, #474747bf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-Shadow\ and\ Highlight-highlight\ two:focus { + --tw-gradient-from: var(--shadow-and-highlight-highlight-two, #47474799); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-Shadow\ and\ Highlight-highlight\ three:focus { + --tw-gradient-from: var(--shadow-and-highlight-highlight-three, #47474766); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-Shadow\ and\ Highlight-highlight\ five:focus { + --tw-gradient-from: var(--shadow-and-highlight-highlight-five, #4747471a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-Shadow\ and\ Highlight-shadow\ one:focus { + --tw-gradient-from: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-Shadow\ and\ Highlight-shadow\ two:focus { + --tw-gradient-from: var(--shadow-and-highlight-shadow-two, #7f7e7f99); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-Shadow\ and\ Highlight-shadow\ three:focus { + --tw-gradient-from: var(--shadow-and-highlight-shadow-three, #7f7e7f66); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-Shadow\ and\ Highlight-shadow\ four:focus { + --tw-gradient-from: var(--shadow-and-highlight-shadow-four, #7f7e7f40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-Shadow\ and\ Highlight-shadow\ five:focus { + --tw-gradient-from: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-Shadow\ and\ Highlight-highlight\ four:focus { + --tw-gradient-from: var(--shadow-and-highlight-highlight-four, #47474740); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus { + --tw-gradient-from: var(--base-layer-styles-base-layer-light-white, #ffffff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus { + --tw-gradient-from: var(--base-layer-styles-base-layer-light-off-white, #f0edee); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus { + --tw-gradient-from: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus { + --tw-gradient-from: var(--base-layer-styles-base-layer-dark-black, #000000); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-Grey-Scale-white:focus { + --tw-gradient-from: var(--grey-scale-white, #ffffff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-Grey-Scale-off-white:focus { + --tw-gradient-from: var(--grey-scale-off-white, #f0edee); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-Grey\ Scale-grey:focus { + --tw-gradient-from: var(--grey-scale-grey, #7f7e7f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-Grey\ Scale-charcoal:focus { + --tw-gradient-from: var(--grey-scale-charcoal, #474747); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-Grey\ Scale-off-black:focus { + --tw-gradient-from: var(--grey-scale-off-black, #1c1c1c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-Grey\ Scale-black:focus { + --tw-gradient-from: var(--grey-scale-black, #000000); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-Blue-blue:focus { + --tw-gradient-from: var(--blue-blue, #3a7ca5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-Blue-blue-100:focus { + --tw-gradient-from: var(--blue-blue-100, #75a3c0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-Blue-blue-200:focus { + --tw-gradient-from: var(--blue-blue-200, #9cbed2); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-Blue-blue-300:focus { + --tw-gradient-from: var(--blue-blue-300, #4f7d9a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-Blue-blue-400:focus { + --tw-gradient-from: var(--blue-blue-400, #5c7d92); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-Blue-blue-500:focus { + --tw-gradient-from: var(--blue-blue-500, #347095); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-Blue-blue-600:focus { + --tw-gradient-from: var(--blue-blue-600, #295774); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-Blue-blue-700:focus { + --tw-gradient-from: var(--blue-blue-700, #173242); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-LightBlue-lightblue:focus { + --tw-gradient-from: var(--light-blue-lightblue, #81c3d7); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-LightBlue-lightblue-100:focus { + --tw-gradient-from: var(--light-blue-lightblue-100, #a7d5e3); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-LightBlue-lightblue-200:focus { + --tw-gradient-from: var(--light-blue-lightblue-200, #c0e1eb); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-LightBlue-lightblue-300:focus { + --tw-gradient-from: var(--light-blue-lightblue-300, #80aebd); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-LightBlue-lightblue-400:focus { + --tw-gradient-from: var(--light-blue-lightblue-400, #80a0ab); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-LightBlue-lightblue-500:focus { + --tw-gradient-from: var(--light-blue-lightblue-500, #74afc1); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-LightBlue-lightblue-600:focus { + --tw-gradient-from: var(--light-blue-lightblue-600, #5a8997); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-LightBlue-lightblue-650:focus { + --tw-gradient-from: var(--light-blue-lightblue-650, #3e5e65); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-LightBlue-lightblue-700:focus { + --tw-gradient-from: var(--light-blue-lightblue-700, #344e56); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-Orange-orange:focus { + --tw-gradient-from: var(--orange-orange, #ff7f0e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-Orange-orange-100:focus { + --tw-gradient-from: var(--orange-orange-100, #ffa556); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-Orange-orange-200:focus { + --tw-gradient-from: var(--orange-orange-200, #ffbf86); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-Orange-orange-300:focus { + --tw-gradient-from: var(--orange-orange-300, #d97f30); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-Orange-orange-400:focus { + --tw-gradient-from: var(--orange-orange-400, #bf7e46); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-Orange-orange-500:focus { + --tw-gradient-from: var(--orange-orange-500, #e5720d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-Orange-orange-600:focus { + --tw-gradient-from: var(--orange-orange-600, #b3590a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-Orange-orange-700:focus { + --tw-gradient-from: var(--orange-orange-700, #663306); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-Yellow-yellow:focus { + --tw-gradient-from: var(--yellow-yellow, #ffab00); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-Yellow-yellow-100:focus { + --tw-gradient-from: var(--yellow-yellow-100, #ffc44c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-Yellow-yellow-200:focus { + --tw-gradient-from: var(--yellow-yellow-200, #ffd580); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-Yellow-yellow-300:focus { + --tw-gradient-from: var(--yellow-yellow-300, #d99d26); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-Yellow-yellow-400:focus { + --tw-gradient-from: var(--yellow-yellow-400, #bf943f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-Yellow-yellow-500:focus { + --tw-gradient-from: var(--yellow-yellow-500, #e59a00); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-Yellow-yellow-600:focus { + --tw-gradient-from: var(--yellow-yellow-600, #b37800); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-Yellow-yellow-700:focus { + --tw-gradient-from: var(--yellow-yellow-700, #664400); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-Notification-notification:focus { + --tw-gradient-from: var(--notification-notification, #3959ff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-Notification-notification-100:focus { + --tw-gradient-from: var(--notification-notification-100, #748bff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-Notification-notification-200:focus { + --tw-gradient-from: var(--notification-notification-200, #9cacff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-Notification-notification-300:focus { + --tw-gradient-from: var(--notification-notification-300, #4e64d9); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-Notification-notification-400:focus { + --tw-gradient-from: var(--notification-notification-400, #5c6cbf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-Notification-notification-500:focus { + --tw-gradient-from: var(--notification-notification-500, #3350e5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-Notification-notification-600:focus { + --tw-gradient-from: var(--notification-notification-600, #283eb3); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-Notification-notification-700:focus { + --tw-gradient-from: var(--notification-notification-700, #172466); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-Success-success\ -700:focus { + --tw-gradient-from: var(--success-success-700, #24471f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-Success-success:focus { + --tw-gradient-from: var(--success-success, #5bb14d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-Success-success\ -100:focus { + --tw-gradient-from: var(--success-success-100, #8cc882); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-Success-success\ -200:focus { + --tw-gradient-from: var(--success-success-200, #add8a6); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-Success-success\ -300:focus { + --tw-gradient-from: var(--success-success-300, #66a25c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-Success-success\ -400:focus { + --tw-gradient-from: var(--success-success-400, #6d9766); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-Success-success\ -500:focus { + --tw-gradient-from: var(--success-success-500, #529f45); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-Success-success\ -600:focus { + --tw-gradient-from: var(--success-success-600, #407c36); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-Error-error:focus { + --tw-gradient-from: var(--error-error, #f03d3e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-Error-error-100:focus { + --tw-gradient-from: var(--error-error-100, #f57778); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-Error-error-200:focus { + --tw-gradient-from: var(--error-error-200, #f89e9e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-Error-error-250:focus { + --tw-gradient-from: var(--error-error-250, #f9c8c8); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-Error-error-300:focus { + --tw-gradient-from: var(--error-error-300, #ce5151); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-Error-error-400:focus { + --tw-gradient-from: var(--error-error-400, #b85e5e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-Error-error-500:focus { + --tw-gradient-from: var(--error-error-500, #d83738); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-Error-error-600:focus { + --tw-gradient-from: var(--error-error-600, #a82b2b); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:from-Error-error-700:focus { + --tw-gradient-from: var(--error-error-700, #601819); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-black { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-black, #000000), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-white { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-white, #ffffff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-gray-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-100, #f7fafc), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-gray-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-200, #edf2f7), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-gray-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-300, #e2e8f0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-gray-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-400, #cbd5e0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-gray-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-500, #a0aec0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-gray-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-600, #718096), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-gray-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-700, #4a5568), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-gray-800 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-800, #2d3748), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-gray-900 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-900, #1a202c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-red-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-100, #fff5f5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-red-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-200, #fed7d7), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-red-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-300, #feb2b2), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-red-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-400, #fc8181), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-red-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-500, #f56565), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-red-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-600, #e53e3e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-red-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-700, #c53030), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-red-800 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-800, #9b2c2c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-red-900 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-900, #742a2a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-orange-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-100, #fffaf0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-orange-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-200, #feebc8), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-orange-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-300, #fbd38d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-orange-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-400, #f6ad55), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-orange-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-500, #ed8936), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-orange-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-600, #dd6b20), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-orange-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-700, #c05621), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-orange-800 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-800, #9c4221), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-orange-900 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-900, #7b341e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-yellow-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-100, #fffff0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-yellow-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-200, #fefcbf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-yellow-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-300, #faf089), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-yellow-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-400, #f6e05e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-yellow-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-500, #ecc94b), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-yellow-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-600, #d69e2e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-yellow-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-700, #b7791f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-yellow-800 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-800, #975a16), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-yellow-900 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-900, #744210), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-green-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-100, #f0fff4), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-green-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-200, #c6f6d5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-green-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-300, #9ae6b4), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-green-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-400, #68d391), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-green-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-500, #48bb78), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-green-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-600, #38a169), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-green-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-700, #2f855a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-green-800 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-800, #276749), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-green-900 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-900, #22543d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-teal-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-100, #e6fffa), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-teal-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-200, #b2f5ea), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-teal-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-300, #81e6d9), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-teal-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-400, #4fd1c5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-teal-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-500, #38b2ac), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-teal-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-600, #319795), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-teal-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-700, #2c7a7b), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-teal-800 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-800, #285e61), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-teal-900 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-900, #234e52), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-blue-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-100, #ebf8ff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-blue-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-200, #bee3f8), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-blue-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-300, #90cdf4), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-blue-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-400, #63b3ed), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-blue-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-500, #4299e1), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-blue-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-600, #3182ce), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-blue-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-700, #2b6cb0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-blue-800 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-800, #2c5282), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-blue-900 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-900, #2a4365), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-indigo-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-100, #ebf4ff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-indigo-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-200, #c3dafe), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-indigo-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-300, #a3bffa), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-indigo-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-400, #7f9cf5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-indigo-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-500, #667eea), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-indigo-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-600, #5a67d8), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-indigo-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-700, #4c51bf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-indigo-800 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-800, #434190), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-indigo-900 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-900, #3c366b), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-purple-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-100, #faf5ff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-purple-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-200, #e9d8fd), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-purple-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-300, #d6bcfa), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-purple-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-400, #b794f4), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-purple-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-500, #9f7aea), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-purple-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-600, #805ad5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-purple-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-700, #6b46c1), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-purple-800 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-800, #553c9a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-purple-900 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-900, #44337a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-pink-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-100, #fff5f7), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-pink-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-200, #fed7e2), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-pink-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-300, #fbb6ce), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-pink-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-400, #f687b3), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-pink-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-500, #ed64a6), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-pink-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-600, #d53f8c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-pink-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-700, #b83280), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-pink-800 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-800, #97266d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-colors-pink-900 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-900, #702459), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-Box\ Shadow { + --tw-gradient-stops: var(--tw-gradient-from), var(--box-shadow, #7f7e7f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-Error16 { + --tw-gradient-stops: var(--tw-gradient-from), var(--error16, #f03d3e40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-Success16 { + --tw-gradient-stops: var(--tw-gradient-from), var(--success16, #5bb14d40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-Notification16 { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification16, #3959ff40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-Error8 { + --tw-gradient-stops: var(--tw-gradient-from), var(--error8, #f03d3e1a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-Notification8 { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification8, #3959ff1a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-Success8 { + --tw-gradient-stops: var(--tw-gradient-from), var(--success8, #5bb14d1a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-Light\ -\ Overlay { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-overlay, #f0edee66), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-Dark-\ Overlay { + --tw-gradient-stops: var(--tw-gradient-from), var(--dark-overlay, #7f7e7f66), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-black-40 { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-40, #00000066), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-black-75 { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-75, #000000bf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-black-60 { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-60, #00000099), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-black-50 { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-50, #00000080), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-black-25 { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-25, #00000040), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-black-10 { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-10, #0000001a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-white-25 { + --tw-gradient-stops: var(--tw-gradient-from), var(--white-25, #ffffff40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-white-60 { + --tw-gradient-stops: var(--tw-gradient-from), var(--white-60, #ffffff99), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-black-64 { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-64, #000000a3), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-Shadow\ and\ Highlight-Shadow { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow, #7f7e7f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-Shadow\ and\ Highlight-Highlight { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight, #474747), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-Shadow\ and\ Highlight-highlight\ one { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-one, #474747bf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-Shadow\ and\ Highlight-highlight\ two { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-two, #47474799), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-Shadow\ and\ Highlight-highlight\ three { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-three, #47474766), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-Shadow\ and\ Highlight-highlight\ five { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-five, #4747471a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-Shadow\ and\ Highlight-shadow\ one { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-one, #7f7e7fbf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-Shadow\ and\ Highlight-shadow\ two { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-two, #7f7e7f99), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-Shadow\ and\ Highlight-shadow\ three { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-three, #7f7e7f66), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-Shadow\ and\ Highlight-shadow\ four { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-four, #7f7e7f40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-Shadow\ and\ Highlight-shadow\ five { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-five, #7f7e7f1a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-Shadow\ and\ Highlight-highlight\ four { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-four, #47474740), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-Base\ Layer\ Styles-Base\ Layer-\ Light-White { + --tw-gradient-stops: var(--tw-gradient-from), var(--base-layer-styles-base-layer-light-white, #ffffff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite { + --tw-gradient-stops: var(--tw-gradient-from), var(--base-layer-styles-base-layer-light-off-white, #f0edee), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack { + --tw-gradient-stops: var(--tw-gradient-from), var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-Base\ Layer\ Styles-Base\ Layer-Dark-Black { + --tw-gradient-stops: var(--tw-gradient-from), var(--base-layer-styles-base-layer-dark-black, #000000), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-Grey-Scale-white { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-white, #ffffff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-Grey-Scale-off-white { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-off-white, #f0edee), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-Grey\ Scale-grey { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-grey, #7f7e7f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-Grey\ Scale-charcoal { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-charcoal, #474747), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-Grey\ Scale-off-black { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-off-black, #1c1c1c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-Grey\ Scale-black { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-black, #000000), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-Blue-blue { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue, #3a7ca5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-Blue-blue-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-100, #75a3c0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-Blue-blue-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-200, #9cbed2), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-Blue-blue-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-300, #4f7d9a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-Blue-blue-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-400, #5c7d92), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-Blue-blue-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-500, #347095), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-Blue-blue-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-600, #295774), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-Blue-blue-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-700, #173242), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-LightBlue-lightblue { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue, #81c3d7), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-LightBlue-lightblue-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-100, #a7d5e3), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-LightBlue-lightblue-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-200, #c0e1eb), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-LightBlue-lightblue-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-300, #80aebd), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-LightBlue-lightblue-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-400, #80a0ab), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-LightBlue-lightblue-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-500, #74afc1), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-LightBlue-lightblue-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-600, #5a8997), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-LightBlue-lightblue-650 { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-650, #3e5e65), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-LightBlue-lightblue-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-700, #344e56), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-Orange-orange { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange, #ff7f0e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-Orange-orange-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-100, #ffa556), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-Orange-orange-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-200, #ffbf86), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-Orange-orange-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-300, #d97f30), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-Orange-orange-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-400, #bf7e46), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-Orange-orange-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-500, #e5720d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-Orange-orange-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-600, #b3590a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-Orange-orange-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-700, #663306), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-Yellow-yellow { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow, #ffab00), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-Yellow-yellow-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-100, #ffc44c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-Yellow-yellow-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-200, #ffd580), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-Yellow-yellow-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-300, #d99d26), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-Yellow-yellow-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-400, #bf943f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-Yellow-yellow-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-500, #e59a00), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-Yellow-yellow-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-600, #b37800), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-Yellow-yellow-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-700, #664400), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-Notification-notification { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification, #3959ff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-Notification-notification-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-100, #748bff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-Notification-notification-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-200, #9cacff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-Notification-notification-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-300, #4e64d9), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-Notification-notification-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-400, #5c6cbf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-Notification-notification-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-500, #3350e5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-Notification-notification-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-600, #283eb3), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-Notification-notification-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-700, #172466), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-Success-success\ -700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-700, #24471f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-Success-success { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success, #5bb14d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-Success-success\ -100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-100, #8cc882), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-Success-success\ -200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-200, #add8a6), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-Success-success\ -300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-300, #66a25c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-Success-success\ -400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-400, #6d9766), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-Success-success\ -500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-500, #529f45), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-Success-success\ -600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-600, #407c36), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-Error-error { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error, #f03d3e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-Error-error-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-100, #f57778), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-Error-error-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-200, #f89e9e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-Error-error-250 { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-250, #f9c8c8), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-Error-error-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-300, #ce5151), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-Error-error-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-400, #b85e5e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-Error-error-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-500, #d83738), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-Error-error-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-600, #a82b2b), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:via-Error-error-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-700, #601819), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-black:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-black, #000000), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-white:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-white, #ffffff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-gray-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-100, #f7fafc), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-gray-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-200, #edf2f7), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-gray-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-300, #e2e8f0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-gray-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-400, #cbd5e0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-gray-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-500, #a0aec0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-gray-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-600, #718096), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-gray-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-700, #4a5568), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-gray-800:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-800, #2d3748), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-gray-900:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-900, #1a202c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-red-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-100, #fff5f5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-red-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-200, #fed7d7), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-red-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-300, #feb2b2), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-red-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-400, #fc8181), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-red-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-500, #f56565), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-red-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-600, #e53e3e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-red-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-700, #c53030), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-red-800:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-800, #9b2c2c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-red-900:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-900, #742a2a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-orange-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-100, #fffaf0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-orange-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-200, #feebc8), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-orange-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-300, #fbd38d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-orange-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-400, #f6ad55), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-orange-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-500, #ed8936), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-orange-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-600, #dd6b20), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-orange-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-700, #c05621), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-orange-800:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-800, #9c4221), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-orange-900:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-900, #7b341e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-yellow-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-100, #fffff0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-yellow-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-200, #fefcbf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-yellow-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-300, #faf089), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-yellow-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-400, #f6e05e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-yellow-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-500, #ecc94b), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-yellow-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-600, #d69e2e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-yellow-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-700, #b7791f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-yellow-800:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-800, #975a16), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-yellow-900:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-900, #744210), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-green-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-100, #f0fff4), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-green-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-200, #c6f6d5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-green-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-300, #9ae6b4), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-green-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-400, #68d391), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-green-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-500, #48bb78), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-green-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-600, #38a169), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-green-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-700, #2f855a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-green-800:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-800, #276749), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-green-900:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-900, #22543d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-teal-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-100, #e6fffa), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-teal-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-200, #b2f5ea), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-teal-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-300, #81e6d9), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-teal-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-400, #4fd1c5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-teal-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-500, #38b2ac), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-teal-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-600, #319795), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-teal-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-700, #2c7a7b), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-teal-800:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-800, #285e61), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-teal-900:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-900, #234e52), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-blue-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-100, #ebf8ff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-blue-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-200, #bee3f8), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-blue-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-300, #90cdf4), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-blue-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-400, #63b3ed), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-blue-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-500, #4299e1), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-blue-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-600, #3182ce), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-blue-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-700, #2b6cb0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-blue-800:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-800, #2c5282), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-blue-900:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-900, #2a4365), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-indigo-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-100, #ebf4ff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-indigo-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-200, #c3dafe), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-indigo-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-300, #a3bffa), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-indigo-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-400, #7f9cf5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-indigo-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-500, #667eea), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-indigo-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-600, #5a67d8), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-indigo-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-700, #4c51bf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-indigo-800:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-800, #434190), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-indigo-900:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-900, #3c366b), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-purple-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-100, #faf5ff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-purple-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-200, #e9d8fd), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-purple-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-300, #d6bcfa), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-purple-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-400, #b794f4), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-purple-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-500, #9f7aea), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-purple-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-600, #805ad5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-purple-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-700, #6b46c1), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-purple-800:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-800, #553c9a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-purple-900:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-900, #44337a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-pink-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-100, #fff5f7), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-pink-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-200, #fed7e2), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-pink-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-300, #fbb6ce), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-pink-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-400, #f687b3), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-pink-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-500, #ed64a6), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-pink-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-600, #d53f8c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-pink-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-700, #b83280), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-pink-800:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-800, #97266d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-colors-pink-900:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-900, #702459), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-Box\ Shadow:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--box-shadow, #7f7e7f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-Error16:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--error16, #f03d3e40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-Success16:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--success16, #5bb14d40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-Notification16:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification16, #3959ff40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-Error8:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--error8, #f03d3e1a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-Notification8:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification8, #3959ff1a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-Success8:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--success8, #5bb14d1a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-Light\ -\ Overlay:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-overlay, #f0edee66), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-Dark-\ Overlay:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--dark-overlay, #7f7e7f66), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-black-40:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-40, #00000066), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-black-75:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-75, #000000bf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-black-60:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-60, #00000099), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-black-50:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-50, #00000080), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-black-25:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-25, #00000040), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-black-10:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-10, #0000001a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-white-25:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--white-25, #ffffff40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-white-60:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--white-60, #ffffff99), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-black-64:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-64, #000000a3), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-Shadow\ and\ Highlight-Shadow:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow, #7f7e7f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-Shadow\ and\ Highlight-Highlight:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight, #474747), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-Shadow\ and\ Highlight-highlight\ one:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-one, #474747bf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-Shadow\ and\ Highlight-highlight\ two:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-two, #47474799), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-Shadow\ and\ Highlight-highlight\ three:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-three, #47474766), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-Shadow\ and\ Highlight-highlight\ five:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-five, #4747471a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-Shadow\ and\ Highlight-shadow\ one:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-one, #7f7e7fbf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-Shadow\ and\ Highlight-shadow\ two:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-two, #7f7e7f99), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-Shadow\ and\ Highlight-shadow\ three:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-three, #7f7e7f66), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-Shadow\ and\ Highlight-shadow\ four:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-four, #7f7e7f40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-Shadow\ and\ Highlight-shadow\ five:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-five, #7f7e7f1a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-Shadow\ and\ Highlight-highlight\ four:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-four, #47474740), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-Base\ Layer\ Styles-Base\ Layer-\ Light-White:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--base-layer-styles-base-layer-light-white, #ffffff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--base-layer-styles-base-layer-light-off-white, #f0edee), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-Base\ Layer\ Styles-Base\ Layer-Dark-Black:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--base-layer-styles-base-layer-dark-black, #000000), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-Grey-Scale-white:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-white, #ffffff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-Grey-Scale-off-white:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-off-white, #f0edee), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-Grey\ Scale-grey:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-grey, #7f7e7f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-Grey\ Scale-charcoal:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-charcoal, #474747), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-Grey\ Scale-off-black:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-off-black, #1c1c1c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-Grey\ Scale-black:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-black, #000000), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-Blue-blue:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue, #3a7ca5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-Blue-blue-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-100, #75a3c0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-Blue-blue-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-200, #9cbed2), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-Blue-blue-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-300, #4f7d9a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-Blue-blue-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-400, #5c7d92), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-Blue-blue-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-500, #347095), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-Blue-blue-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-600, #295774), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-Blue-blue-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-700, #173242), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-LightBlue-lightblue:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue, #81c3d7), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-LightBlue-lightblue-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-100, #a7d5e3), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-LightBlue-lightblue-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-200, #c0e1eb), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-LightBlue-lightblue-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-300, #80aebd), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-LightBlue-lightblue-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-400, #80a0ab), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-LightBlue-lightblue-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-500, #74afc1), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-LightBlue-lightblue-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-600, #5a8997), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-LightBlue-lightblue-650:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-650, #3e5e65), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-LightBlue-lightblue-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-700, #344e56), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-Orange-orange:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange, #ff7f0e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-Orange-orange-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-100, #ffa556), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-Orange-orange-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-200, #ffbf86), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-Orange-orange-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-300, #d97f30), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-Orange-orange-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-400, #bf7e46), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-Orange-orange-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-500, #e5720d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-Orange-orange-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-600, #b3590a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-Orange-orange-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-700, #663306), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-Yellow-yellow:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow, #ffab00), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-Yellow-yellow-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-100, #ffc44c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-Yellow-yellow-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-200, #ffd580), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-Yellow-yellow-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-300, #d99d26), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-Yellow-yellow-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-400, #bf943f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-Yellow-yellow-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-500, #e59a00), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-Yellow-yellow-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-600, #b37800), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-Yellow-yellow-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-700, #664400), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-Notification-notification:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification, #3959ff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-Notification-notification-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-100, #748bff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-Notification-notification-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-200, #9cacff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-Notification-notification-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-300, #4e64d9), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-Notification-notification-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-400, #5c6cbf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-Notification-notification-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-500, #3350e5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-Notification-notification-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-600, #283eb3), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-Notification-notification-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-700, #172466), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-Success-success\ -700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-700, #24471f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-Success-success:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success, #5bb14d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-Success-success\ -100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-100, #8cc882), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-Success-success\ -200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-200, #add8a6), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-Success-success\ -300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-300, #66a25c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-Success-success\ -400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-400, #6d9766), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-Success-success\ -500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-500, #529f45), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-Success-success\ -600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-600, #407c36), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-Error-error:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error, #f03d3e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-Error-error-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-100, #f57778), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-Error-error-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-200, #f89e9e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-Error-error-250:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-250, #f9c8c8), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-Error-error-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-300, #ce5151), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-Error-error-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-400, #b85e5e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-Error-error-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-500, #d83738), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-Error-error-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-600, #a82b2b), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:hover\:via-Error-error-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-700, #601819), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-black:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-black, #000000), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-white:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-white, #ffffff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-gray-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-100, #f7fafc), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-gray-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-200, #edf2f7), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-gray-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-300, #e2e8f0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-gray-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-400, #cbd5e0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-gray-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-500, #a0aec0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-gray-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-600, #718096), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-gray-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-700, #4a5568), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-gray-800:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-800, #2d3748), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-gray-900:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-900, #1a202c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-red-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-100, #fff5f5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-red-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-200, #fed7d7), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-red-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-300, #feb2b2), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-red-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-400, #fc8181), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-red-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-500, #f56565), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-red-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-600, #e53e3e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-red-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-700, #c53030), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-red-800:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-800, #9b2c2c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-red-900:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-900, #742a2a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-orange-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-100, #fffaf0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-orange-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-200, #feebc8), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-orange-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-300, #fbd38d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-orange-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-400, #f6ad55), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-orange-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-500, #ed8936), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-orange-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-600, #dd6b20), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-orange-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-700, #c05621), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-orange-800:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-800, #9c4221), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-orange-900:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-900, #7b341e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-yellow-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-100, #fffff0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-yellow-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-200, #fefcbf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-yellow-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-300, #faf089), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-yellow-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-400, #f6e05e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-yellow-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-500, #ecc94b), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-yellow-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-600, #d69e2e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-yellow-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-700, #b7791f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-yellow-800:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-800, #975a16), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-yellow-900:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-900, #744210), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-green-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-100, #f0fff4), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-green-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-200, #c6f6d5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-green-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-300, #9ae6b4), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-green-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-400, #68d391), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-green-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-500, #48bb78), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-green-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-600, #38a169), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-green-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-700, #2f855a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-green-800:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-800, #276749), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-green-900:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-900, #22543d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-teal-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-100, #e6fffa), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-teal-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-200, #b2f5ea), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-teal-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-300, #81e6d9), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-teal-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-400, #4fd1c5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-teal-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-500, #38b2ac), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-teal-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-600, #319795), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-teal-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-700, #2c7a7b), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-teal-800:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-800, #285e61), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-teal-900:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-900, #234e52), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-blue-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-100, #ebf8ff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-blue-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-200, #bee3f8), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-blue-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-300, #90cdf4), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-blue-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-400, #63b3ed), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-blue-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-500, #4299e1), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-blue-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-600, #3182ce), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-blue-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-700, #2b6cb0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-blue-800:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-800, #2c5282), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-blue-900:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-900, #2a4365), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-indigo-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-100, #ebf4ff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-indigo-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-200, #c3dafe), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-indigo-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-300, #a3bffa), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-indigo-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-400, #7f9cf5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-indigo-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-500, #667eea), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-indigo-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-600, #5a67d8), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-indigo-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-700, #4c51bf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-indigo-800:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-800, #434190), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-indigo-900:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-900, #3c366b), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-purple-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-100, #faf5ff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-purple-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-200, #e9d8fd), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-purple-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-300, #d6bcfa), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-purple-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-400, #b794f4), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-purple-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-500, #9f7aea), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-purple-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-600, #805ad5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-purple-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-700, #6b46c1), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-purple-800:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-800, #553c9a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-purple-900:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-900, #44337a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-pink-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-100, #fff5f7), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-pink-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-200, #fed7e2), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-pink-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-300, #fbb6ce), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-pink-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-400, #f687b3), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-pink-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-500, #ed64a6), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-pink-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-600, #d53f8c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-pink-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-700, #b83280), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-pink-800:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-800, #97266d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-colors-pink-900:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-900, #702459), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-Box\ Shadow:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--box-shadow, #7f7e7f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-Error16:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--error16, #f03d3e40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-Success16:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--success16, #5bb14d40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-Notification16:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification16, #3959ff40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-Error8:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--error8, #f03d3e1a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-Notification8:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification8, #3959ff1a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-Success8:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--success8, #5bb14d1a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-Light\ -\ Overlay:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-overlay, #f0edee66), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-Dark-\ Overlay:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--dark-overlay, #7f7e7f66), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-black-40:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-40, #00000066), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-black-75:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-75, #000000bf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-black-60:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-60, #00000099), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-black-50:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-50, #00000080), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-black-25:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-25, #00000040), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-black-10:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-10, #0000001a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-white-25:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--white-25, #ffffff40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-white-60:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--white-60, #ffffff99), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-black-64:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-64, #000000a3), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-Shadow\ and\ Highlight-Shadow:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow, #7f7e7f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-Shadow\ and\ Highlight-Highlight:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight, #474747), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-Shadow\ and\ Highlight-highlight\ one:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-one, #474747bf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-Shadow\ and\ Highlight-highlight\ two:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-two, #47474799), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-Shadow\ and\ Highlight-highlight\ three:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-three, #47474766), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-Shadow\ and\ Highlight-highlight\ five:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-five, #4747471a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-Shadow\ and\ Highlight-shadow\ one:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-one, #7f7e7fbf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-Shadow\ and\ Highlight-shadow\ two:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-two, #7f7e7f99), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-Shadow\ and\ Highlight-shadow\ three:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-three, #7f7e7f66), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-Shadow\ and\ Highlight-shadow\ four:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-four, #7f7e7f40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-Shadow\ and\ Highlight-shadow\ five:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-five, #7f7e7f1a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-Shadow\ and\ Highlight-highlight\ four:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-four, #47474740), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--base-layer-styles-base-layer-light-white, #ffffff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--base-layer-styles-base-layer-light-off-white, #f0edee), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--base-layer-styles-base-layer-dark-black, #000000), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-Grey-Scale-white:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-white, #ffffff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-Grey-Scale-off-white:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-off-white, #f0edee), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-Grey\ Scale-grey:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-grey, #7f7e7f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-Grey\ Scale-charcoal:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-charcoal, #474747), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-Grey\ Scale-off-black:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-off-black, #1c1c1c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-Grey\ Scale-black:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-black, #000000), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-Blue-blue:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue, #3a7ca5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-Blue-blue-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-100, #75a3c0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-Blue-blue-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-200, #9cbed2), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-Blue-blue-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-300, #4f7d9a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-Blue-blue-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-400, #5c7d92), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-Blue-blue-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-500, #347095), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-Blue-blue-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-600, #295774), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-Blue-blue-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-700, #173242), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-LightBlue-lightblue:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue, #81c3d7), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-LightBlue-lightblue-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-100, #a7d5e3), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-LightBlue-lightblue-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-200, #c0e1eb), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-LightBlue-lightblue-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-300, #80aebd), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-LightBlue-lightblue-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-400, #80a0ab), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-LightBlue-lightblue-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-500, #74afc1), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-LightBlue-lightblue-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-600, #5a8997), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-LightBlue-lightblue-650:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-650, #3e5e65), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-LightBlue-lightblue-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-700, #344e56), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-Orange-orange:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange, #ff7f0e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-Orange-orange-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-100, #ffa556), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-Orange-orange-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-200, #ffbf86), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-Orange-orange-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-300, #d97f30), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-Orange-orange-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-400, #bf7e46), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-Orange-orange-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-500, #e5720d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-Orange-orange-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-600, #b3590a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-Orange-orange-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-700, #663306), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-Yellow-yellow:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow, #ffab00), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-Yellow-yellow-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-100, #ffc44c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-Yellow-yellow-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-200, #ffd580), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-Yellow-yellow-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-300, #d99d26), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-Yellow-yellow-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-400, #bf943f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-Yellow-yellow-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-500, #e59a00), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-Yellow-yellow-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-600, #b37800), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-Yellow-yellow-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-700, #664400), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-Notification-notification:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification, #3959ff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-Notification-notification-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-100, #748bff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-Notification-notification-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-200, #9cacff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-Notification-notification-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-300, #4e64d9), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-Notification-notification-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-400, #5c6cbf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-Notification-notification-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-500, #3350e5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-Notification-notification-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-600, #283eb3), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-Notification-notification-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-700, #172466), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-Success-success\ -700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-700, #24471f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-Success-success:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success, #5bb14d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-Success-success\ -100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-100, #8cc882), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-Success-success\ -200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-200, #add8a6), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-Success-success\ -300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-300, #66a25c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-Success-success\ -400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-400, #6d9766), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-Success-success\ -500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-500, #529f45), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-Success-success\ -600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-600, #407c36), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-Error-error:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error, #f03d3e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-Error-error-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-100, #f57778), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-Error-error-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-200, #f89e9e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-Error-error-250:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-250, #f9c8c8), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-Error-error-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-300, #ce5151), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-Error-error-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-400, #b85e5e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-Error-error-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-500, #d83738), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-Error-error-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-600, #a82b2b), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:focus\:via-Error-error-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-700, #601819), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .md\:to-colors-black { + --tw-gradient-to: var(--colors-black, #000000); + } + + .md\:to-colors-white { + --tw-gradient-to: var(--colors-white, #ffffff); + } + + .md\:to-colors-gray-100 { + --tw-gradient-to: var(--colors-gray-100, #f7fafc); + } + + .md\:to-colors-gray-200 { + --tw-gradient-to: var(--colors-gray-200, #edf2f7); + } + + .md\:to-colors-gray-300 { + --tw-gradient-to: var(--colors-gray-300, #e2e8f0); + } + + .md\:to-colors-gray-400 { + --tw-gradient-to: var(--colors-gray-400, #cbd5e0); + } + + .md\:to-colors-gray-500 { + --tw-gradient-to: var(--colors-gray-500, #a0aec0); + } + + .md\:to-colors-gray-600 { + --tw-gradient-to: var(--colors-gray-600, #718096); + } + + .md\:to-colors-gray-700 { + --tw-gradient-to: var(--colors-gray-700, #4a5568); + } + + .md\:to-colors-gray-800 { + --tw-gradient-to: var(--colors-gray-800, #2d3748); + } + + .md\:to-colors-gray-900 { + --tw-gradient-to: var(--colors-gray-900, #1a202c); + } + + .md\:to-colors-red-100 { + --tw-gradient-to: var(--colors-red-100, #fff5f5); + } + + .md\:to-colors-red-200 { + --tw-gradient-to: var(--colors-red-200, #fed7d7); + } + + .md\:to-colors-red-300 { + --tw-gradient-to: var(--colors-red-300, #feb2b2); + } + + .md\:to-colors-red-400 { + --tw-gradient-to: var(--colors-red-400, #fc8181); + } + + .md\:to-colors-red-500 { + --tw-gradient-to: var(--colors-red-500, #f56565); + } + + .md\:to-colors-red-600 { + --tw-gradient-to: var(--colors-red-600, #e53e3e); + } + + .md\:to-colors-red-700 { + --tw-gradient-to: var(--colors-red-700, #c53030); + } + + .md\:to-colors-red-800 { + --tw-gradient-to: var(--colors-red-800, #9b2c2c); + } + + .md\:to-colors-red-900 { + --tw-gradient-to: var(--colors-red-900, #742a2a); + } + + .md\:to-colors-orange-100 { + --tw-gradient-to: var(--colors-orange-100, #fffaf0); + } + + .md\:to-colors-orange-200 { + --tw-gradient-to: var(--colors-orange-200, #feebc8); + } + + .md\:to-colors-orange-300 { + --tw-gradient-to: var(--colors-orange-300, #fbd38d); + } + + .md\:to-colors-orange-400 { + --tw-gradient-to: var(--colors-orange-400, #f6ad55); + } + + .md\:to-colors-orange-500 { + --tw-gradient-to: var(--colors-orange-500, #ed8936); + } + + .md\:to-colors-orange-600 { + --tw-gradient-to: var(--colors-orange-600, #dd6b20); + } + + .md\:to-colors-orange-700 { + --tw-gradient-to: var(--colors-orange-700, #c05621); + } + + .md\:to-colors-orange-800 { + --tw-gradient-to: var(--colors-orange-800, #9c4221); + } + + .md\:to-colors-orange-900 { + --tw-gradient-to: var(--colors-orange-900, #7b341e); + } + + .md\:to-colors-yellow-100 { + --tw-gradient-to: var(--colors-yellow-100, #fffff0); + } + + .md\:to-colors-yellow-200 { + --tw-gradient-to: var(--colors-yellow-200, #fefcbf); + } + + .md\:to-colors-yellow-300 { + --tw-gradient-to: var(--colors-yellow-300, #faf089); + } + + .md\:to-colors-yellow-400 { + --tw-gradient-to: var(--colors-yellow-400, #f6e05e); + } + + .md\:to-colors-yellow-500 { + --tw-gradient-to: var(--colors-yellow-500, #ecc94b); + } + + .md\:to-colors-yellow-600 { + --tw-gradient-to: var(--colors-yellow-600, #d69e2e); + } + + .md\:to-colors-yellow-700 { + --tw-gradient-to: var(--colors-yellow-700, #b7791f); + } + + .md\:to-colors-yellow-800 { + --tw-gradient-to: var(--colors-yellow-800, #975a16); + } + + .md\:to-colors-yellow-900 { + --tw-gradient-to: var(--colors-yellow-900, #744210); + } + + .md\:to-colors-green-100 { + --tw-gradient-to: var(--colors-green-100, #f0fff4); + } + + .md\:to-colors-green-200 { + --tw-gradient-to: var(--colors-green-200, #c6f6d5); + } + + .md\:to-colors-green-300 { + --tw-gradient-to: var(--colors-green-300, #9ae6b4); + } + + .md\:to-colors-green-400 { + --tw-gradient-to: var(--colors-green-400, #68d391); + } + + .md\:to-colors-green-500 { + --tw-gradient-to: var(--colors-green-500, #48bb78); + } + + .md\:to-colors-green-600 { + --tw-gradient-to: var(--colors-green-600, #38a169); + } + + .md\:to-colors-green-700 { + --tw-gradient-to: var(--colors-green-700, #2f855a); + } + + .md\:to-colors-green-800 { + --tw-gradient-to: var(--colors-green-800, #276749); + } + + .md\:to-colors-green-900 { + --tw-gradient-to: var(--colors-green-900, #22543d); + } + + .md\:to-colors-teal-100 { + --tw-gradient-to: var(--colors-teal-100, #e6fffa); + } + + .md\:to-colors-teal-200 { + --tw-gradient-to: var(--colors-teal-200, #b2f5ea); + } + + .md\:to-colors-teal-300 { + --tw-gradient-to: var(--colors-teal-300, #81e6d9); + } + + .md\:to-colors-teal-400 { + --tw-gradient-to: var(--colors-teal-400, #4fd1c5); + } + + .md\:to-colors-teal-500 { + --tw-gradient-to: var(--colors-teal-500, #38b2ac); + } + + .md\:to-colors-teal-600 { + --tw-gradient-to: var(--colors-teal-600, #319795); + } + + .md\:to-colors-teal-700 { + --tw-gradient-to: var(--colors-teal-700, #2c7a7b); + } + + .md\:to-colors-teal-800 { + --tw-gradient-to: var(--colors-teal-800, #285e61); + } + + .md\:to-colors-teal-900 { + --tw-gradient-to: var(--colors-teal-900, #234e52); + } + + .md\:to-colors-blue-100 { + --tw-gradient-to: var(--colors-blue-100, #ebf8ff); + } + + .md\:to-colors-blue-200 { + --tw-gradient-to: var(--colors-blue-200, #bee3f8); + } + + .md\:to-colors-blue-300 { + --tw-gradient-to: var(--colors-blue-300, #90cdf4); + } + + .md\:to-colors-blue-400 { + --tw-gradient-to: var(--colors-blue-400, #63b3ed); + } + + .md\:to-colors-blue-500 { + --tw-gradient-to: var(--colors-blue-500, #4299e1); + } + + .md\:to-colors-blue-600 { + --tw-gradient-to: var(--colors-blue-600, #3182ce); + } + + .md\:to-colors-blue-700 { + --tw-gradient-to: var(--colors-blue-700, #2b6cb0); + } + + .md\:to-colors-blue-800 { + --tw-gradient-to: var(--colors-blue-800, #2c5282); + } + + .md\:to-colors-blue-900 { + --tw-gradient-to: var(--colors-blue-900, #2a4365); + } + + .md\:to-colors-indigo-100 { + --tw-gradient-to: var(--colors-indigo-100, #ebf4ff); + } + + .md\:to-colors-indigo-200 { + --tw-gradient-to: var(--colors-indigo-200, #c3dafe); + } + + .md\:to-colors-indigo-300 { + --tw-gradient-to: var(--colors-indigo-300, #a3bffa); + } + + .md\:to-colors-indigo-400 { + --tw-gradient-to: var(--colors-indigo-400, #7f9cf5); + } + + .md\:to-colors-indigo-500 { + --tw-gradient-to: var(--colors-indigo-500, #667eea); + } + + .md\:to-colors-indigo-600 { + --tw-gradient-to: var(--colors-indigo-600, #5a67d8); + } + + .md\:to-colors-indigo-700 { + --tw-gradient-to: var(--colors-indigo-700, #4c51bf); + } + + .md\:to-colors-indigo-800 { + --tw-gradient-to: var(--colors-indigo-800, #434190); + } + + .md\:to-colors-indigo-900 { + --tw-gradient-to: var(--colors-indigo-900, #3c366b); + } + + .md\:to-colors-purple-100 { + --tw-gradient-to: var(--colors-purple-100, #faf5ff); + } + + .md\:to-colors-purple-200 { + --tw-gradient-to: var(--colors-purple-200, #e9d8fd); + } + + .md\:to-colors-purple-300 { + --tw-gradient-to: var(--colors-purple-300, #d6bcfa); + } + + .md\:to-colors-purple-400 { + --tw-gradient-to: var(--colors-purple-400, #b794f4); + } + + .md\:to-colors-purple-500 { + --tw-gradient-to: var(--colors-purple-500, #9f7aea); + } + + .md\:to-colors-purple-600 { + --tw-gradient-to: var(--colors-purple-600, #805ad5); + } + + .md\:to-colors-purple-700 { + --tw-gradient-to: var(--colors-purple-700, #6b46c1); + } + + .md\:to-colors-purple-800 { + --tw-gradient-to: var(--colors-purple-800, #553c9a); + } + + .md\:to-colors-purple-900 { + --tw-gradient-to: var(--colors-purple-900, #44337a); + } + + .md\:to-colors-pink-100 { + --tw-gradient-to: var(--colors-pink-100, #fff5f7); + } + + .md\:to-colors-pink-200 { + --tw-gradient-to: var(--colors-pink-200, #fed7e2); + } + + .md\:to-colors-pink-300 { + --tw-gradient-to: var(--colors-pink-300, #fbb6ce); + } + + .md\:to-colors-pink-400 { + --tw-gradient-to: var(--colors-pink-400, #f687b3); + } + + .md\:to-colors-pink-500 { + --tw-gradient-to: var(--colors-pink-500, #ed64a6); + } + + .md\:to-colors-pink-600 { + --tw-gradient-to: var(--colors-pink-600, #d53f8c); + } + + .md\:to-colors-pink-700 { + --tw-gradient-to: var(--colors-pink-700, #b83280); + } + + .md\:to-colors-pink-800 { + --tw-gradient-to: var(--colors-pink-800, #97266d); + } + + .md\:to-colors-pink-900 { + --tw-gradient-to: var(--colors-pink-900, #702459); + } + + .md\:to-Box\ Shadow { + --tw-gradient-to: var(--box-shadow, #7f7e7f); + } + + .md\:to-Error16 { + --tw-gradient-to: var(--error16, #f03d3e40); + } + + .md\:to-Success16 { + --tw-gradient-to: var(--success16, #5bb14d40); + } + + .md\:to-Notification16 { + --tw-gradient-to: var(--notification16, #3959ff40); + } + + .md\:to-Error8 { + --tw-gradient-to: var(--error8, #f03d3e1a); + } + + .md\:to-Notification8 { + --tw-gradient-to: var(--notification8, #3959ff1a); + } + + .md\:to-Success8 { + --tw-gradient-to: var(--success8, #5bb14d1a); + } + + .md\:to-Light\ -\ Overlay { + --tw-gradient-to: var(--light-overlay, #f0edee66); + } + + .md\:to-Dark-\ Overlay { + --tw-gradient-to: var(--dark-overlay, #7f7e7f66); + } + + .md\:to-black-40 { + --tw-gradient-to: var(--black-40, #00000066); + } + + .md\:to-black-75 { + --tw-gradient-to: var(--black-75, #000000bf); + } + + .md\:to-black-60 { + --tw-gradient-to: var(--black-60, #00000099); + } + + .md\:to-black-50 { + --tw-gradient-to: var(--black-50, #00000080); + } + + .md\:to-black-25 { + --tw-gradient-to: var(--black-25, #00000040); + } + + .md\:to-black-10 { + --tw-gradient-to: var(--black-10, #0000001a); + } + + .md\:to-white-25 { + --tw-gradient-to: var(--white-25, #ffffff40); + } + + .md\:to-white-60 { + --tw-gradient-to: var(--white-60, #ffffff99); + } + + .md\:to-black-64 { + --tw-gradient-to: var(--black-64, #000000a3); + } + + .md\:to-Shadow\ and\ Highlight-Shadow { + --tw-gradient-to: var(--shadow-and-highlight-shadow, #7f7e7f); + } + + .md\:to-Shadow\ and\ Highlight-Highlight { + --tw-gradient-to: var(--shadow-and-highlight-highlight, #474747); + } + + .md\:to-Shadow\ and\ Highlight-highlight\ one { + --tw-gradient-to: var(--shadow-and-highlight-highlight-one, #474747bf); + } + + .md\:to-Shadow\ and\ Highlight-highlight\ two { + --tw-gradient-to: var(--shadow-and-highlight-highlight-two, #47474799); + } + + .md\:to-Shadow\ and\ Highlight-highlight\ three { + --tw-gradient-to: var(--shadow-and-highlight-highlight-three, #47474766); + } + + .md\:to-Shadow\ and\ Highlight-highlight\ five { + --tw-gradient-to: var(--shadow-and-highlight-highlight-five, #4747471a); + } + + .md\:to-Shadow\ and\ Highlight-shadow\ one { + --tw-gradient-to: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); + } + + .md\:to-Shadow\ and\ Highlight-shadow\ two { + --tw-gradient-to: var(--shadow-and-highlight-shadow-two, #7f7e7f99); + } + + .md\:to-Shadow\ and\ Highlight-shadow\ three { + --tw-gradient-to: var(--shadow-and-highlight-shadow-three, #7f7e7f66); + } + + .md\:to-Shadow\ and\ Highlight-shadow\ four { + --tw-gradient-to: var(--shadow-and-highlight-shadow-four, #7f7e7f40); + } + + .md\:to-Shadow\ and\ Highlight-shadow\ five { + --tw-gradient-to: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); + } + + .md\:to-Shadow\ and\ Highlight-highlight\ four { + --tw-gradient-to: var(--shadow-and-highlight-highlight-four, #47474740); + } + + .md\:to-Base\ Layer\ Styles-Base\ Layer-\ Light-White { + --tw-gradient-to: var(--base-layer-styles-base-layer-light-white, #ffffff); + } + + .md\:to-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite { + --tw-gradient-to: var(--base-layer-styles-base-layer-light-off-white, #f0edee); + } + + .md\:to-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack { + --tw-gradient-to: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); + } + + .md\:to-Base\ Layer\ Styles-Base\ Layer-Dark-Black { + --tw-gradient-to: var(--base-layer-styles-base-layer-dark-black, #000000); + } + + .md\:to-Grey-Scale-white { + --tw-gradient-to: var(--grey-scale-white, #ffffff); + } + + .md\:to-Grey-Scale-off-white { + --tw-gradient-to: var(--grey-scale-off-white, #f0edee); + } + + .md\:to-Grey\ Scale-grey { + --tw-gradient-to: var(--grey-scale-grey, #7f7e7f); + } + + .md\:to-Grey\ Scale-charcoal { + --tw-gradient-to: var(--grey-scale-charcoal, #474747); + } + + .md\:to-Grey\ Scale-off-black { + --tw-gradient-to: var(--grey-scale-off-black, #1c1c1c); + } + + .md\:to-Grey\ Scale-black { + --tw-gradient-to: var(--grey-scale-black, #000000); + } + + .md\:to-Blue-blue { + --tw-gradient-to: var(--blue-blue, #3a7ca5); + } + + .md\:to-Blue-blue-100 { + --tw-gradient-to: var(--blue-blue-100, #75a3c0); + } + + .md\:to-Blue-blue-200 { + --tw-gradient-to: var(--blue-blue-200, #9cbed2); + } + + .md\:to-Blue-blue-300 { + --tw-gradient-to: var(--blue-blue-300, #4f7d9a); + } + + .md\:to-Blue-blue-400 { + --tw-gradient-to: var(--blue-blue-400, #5c7d92); + } + + .md\:to-Blue-blue-500 { + --tw-gradient-to: var(--blue-blue-500, #347095); + } + + .md\:to-Blue-blue-600 { + --tw-gradient-to: var(--blue-blue-600, #295774); + } + + .md\:to-Blue-blue-700 { + --tw-gradient-to: var(--blue-blue-700, #173242); + } + + .md\:to-LightBlue-lightblue { + --tw-gradient-to: var(--light-blue-lightblue, #81c3d7); + } + + .md\:to-LightBlue-lightblue-100 { + --tw-gradient-to: var(--light-blue-lightblue-100, #a7d5e3); + } + + .md\:to-LightBlue-lightblue-200 { + --tw-gradient-to: var(--light-blue-lightblue-200, #c0e1eb); + } + + .md\:to-LightBlue-lightblue-300 { + --tw-gradient-to: var(--light-blue-lightblue-300, #80aebd); + } + + .md\:to-LightBlue-lightblue-400 { + --tw-gradient-to: var(--light-blue-lightblue-400, #80a0ab); + } + + .md\:to-LightBlue-lightblue-500 { + --tw-gradient-to: var(--light-blue-lightblue-500, #74afc1); + } + + .md\:to-LightBlue-lightblue-600 { + --tw-gradient-to: var(--light-blue-lightblue-600, #5a8997); + } + + .md\:to-LightBlue-lightblue-650 { + --tw-gradient-to: var(--light-blue-lightblue-650, #3e5e65); + } + + .md\:to-LightBlue-lightblue-700 { + --tw-gradient-to: var(--light-blue-lightblue-700, #344e56); + } + + .md\:to-Orange-orange { + --tw-gradient-to: var(--orange-orange, #ff7f0e); + } + + .md\:to-Orange-orange-100 { + --tw-gradient-to: var(--orange-orange-100, #ffa556); + } + + .md\:to-Orange-orange-200 { + --tw-gradient-to: var(--orange-orange-200, #ffbf86); + } + + .md\:to-Orange-orange-300 { + --tw-gradient-to: var(--orange-orange-300, #d97f30); + } + + .md\:to-Orange-orange-400 { + --tw-gradient-to: var(--orange-orange-400, #bf7e46); + } + + .md\:to-Orange-orange-500 { + --tw-gradient-to: var(--orange-orange-500, #e5720d); + } + + .md\:to-Orange-orange-600 { + --tw-gradient-to: var(--orange-orange-600, #b3590a); + } + + .md\:to-Orange-orange-700 { + --tw-gradient-to: var(--orange-orange-700, #663306); + } + + .md\:to-Yellow-yellow { + --tw-gradient-to: var(--yellow-yellow, #ffab00); + } + + .md\:to-Yellow-yellow-100 { + --tw-gradient-to: var(--yellow-yellow-100, #ffc44c); + } + + .md\:to-Yellow-yellow-200 { + --tw-gradient-to: var(--yellow-yellow-200, #ffd580); + } + + .md\:to-Yellow-yellow-300 { + --tw-gradient-to: var(--yellow-yellow-300, #d99d26); + } + + .md\:to-Yellow-yellow-400 { + --tw-gradient-to: var(--yellow-yellow-400, #bf943f); + } + + .md\:to-Yellow-yellow-500 { + --tw-gradient-to: var(--yellow-yellow-500, #e59a00); + } + + .md\:to-Yellow-yellow-600 { + --tw-gradient-to: var(--yellow-yellow-600, #b37800); + } + + .md\:to-Yellow-yellow-700 { + --tw-gradient-to: var(--yellow-yellow-700, #664400); + } + + .md\:to-Notification-notification { + --tw-gradient-to: var(--notification-notification, #3959ff); + } + + .md\:to-Notification-notification-100 { + --tw-gradient-to: var(--notification-notification-100, #748bff); + } + + .md\:to-Notification-notification-200 { + --tw-gradient-to: var(--notification-notification-200, #9cacff); + } + + .md\:to-Notification-notification-300 { + --tw-gradient-to: var(--notification-notification-300, #4e64d9); + } + + .md\:to-Notification-notification-400 { + --tw-gradient-to: var(--notification-notification-400, #5c6cbf); + } + + .md\:to-Notification-notification-500 { + --tw-gradient-to: var(--notification-notification-500, #3350e5); + } + + .md\:to-Notification-notification-600 { + --tw-gradient-to: var(--notification-notification-600, #283eb3); + } + + .md\:to-Notification-notification-700 { + --tw-gradient-to: var(--notification-notification-700, #172466); + } + + .md\:to-Success-success\ -700 { + --tw-gradient-to: var(--success-success-700, #24471f); + } + + .md\:to-Success-success { + --tw-gradient-to: var(--success-success, #5bb14d); + } + + .md\:to-Success-success\ -100 { + --tw-gradient-to: var(--success-success-100, #8cc882); + } + + .md\:to-Success-success\ -200 { + --tw-gradient-to: var(--success-success-200, #add8a6); + } + + .md\:to-Success-success\ -300 { + --tw-gradient-to: var(--success-success-300, #66a25c); + } + + .md\:to-Success-success\ -400 { + --tw-gradient-to: var(--success-success-400, #6d9766); + } + + .md\:to-Success-success\ -500 { + --tw-gradient-to: var(--success-success-500, #529f45); + } + + .md\:to-Success-success\ -600 { + --tw-gradient-to: var(--success-success-600, #407c36); + } + + .md\:to-Error-error { + --tw-gradient-to: var(--error-error, #f03d3e); + } + + .md\:to-Error-error-100 { + --tw-gradient-to: var(--error-error-100, #f57778); + } + + .md\:to-Error-error-200 { + --tw-gradient-to: var(--error-error-200, #f89e9e); + } + + .md\:to-Error-error-250 { + --tw-gradient-to: var(--error-error-250, #f9c8c8); + } + + .md\:to-Error-error-300 { + --tw-gradient-to: var(--error-error-300, #ce5151); + } + + .md\:to-Error-error-400 { + --tw-gradient-to: var(--error-error-400, #b85e5e); + } + + .md\:to-Error-error-500 { + --tw-gradient-to: var(--error-error-500, #d83738); + } + + .md\:to-Error-error-600 { + --tw-gradient-to: var(--error-error-600, #a82b2b); + } + + .md\:to-Error-error-700 { + --tw-gradient-to: var(--error-error-700, #601819); + } + + .md\:hover\:to-colors-black:hover { + --tw-gradient-to: var(--colors-black, #000000); + } + + .md\:hover\:to-colors-white:hover { + --tw-gradient-to: var(--colors-white, #ffffff); + } + + .md\:hover\:to-colors-gray-100:hover { + --tw-gradient-to: var(--colors-gray-100, #f7fafc); + } + + .md\:hover\:to-colors-gray-200:hover { + --tw-gradient-to: var(--colors-gray-200, #edf2f7); + } + + .md\:hover\:to-colors-gray-300:hover { + --tw-gradient-to: var(--colors-gray-300, #e2e8f0); + } + + .md\:hover\:to-colors-gray-400:hover { + --tw-gradient-to: var(--colors-gray-400, #cbd5e0); + } + + .md\:hover\:to-colors-gray-500:hover { + --tw-gradient-to: var(--colors-gray-500, #a0aec0); + } + + .md\:hover\:to-colors-gray-600:hover { + --tw-gradient-to: var(--colors-gray-600, #718096); + } + + .md\:hover\:to-colors-gray-700:hover { + --tw-gradient-to: var(--colors-gray-700, #4a5568); + } + + .md\:hover\:to-colors-gray-800:hover { + --tw-gradient-to: var(--colors-gray-800, #2d3748); + } + + .md\:hover\:to-colors-gray-900:hover { + --tw-gradient-to: var(--colors-gray-900, #1a202c); + } + + .md\:hover\:to-colors-red-100:hover { + --tw-gradient-to: var(--colors-red-100, #fff5f5); + } + + .md\:hover\:to-colors-red-200:hover { + --tw-gradient-to: var(--colors-red-200, #fed7d7); + } + + .md\:hover\:to-colors-red-300:hover { + --tw-gradient-to: var(--colors-red-300, #feb2b2); + } + + .md\:hover\:to-colors-red-400:hover { + --tw-gradient-to: var(--colors-red-400, #fc8181); + } + + .md\:hover\:to-colors-red-500:hover { + --tw-gradient-to: var(--colors-red-500, #f56565); + } + + .md\:hover\:to-colors-red-600:hover { + --tw-gradient-to: var(--colors-red-600, #e53e3e); + } + + .md\:hover\:to-colors-red-700:hover { + --tw-gradient-to: var(--colors-red-700, #c53030); + } + + .md\:hover\:to-colors-red-800:hover { + --tw-gradient-to: var(--colors-red-800, #9b2c2c); + } + + .md\:hover\:to-colors-red-900:hover { + --tw-gradient-to: var(--colors-red-900, #742a2a); + } + + .md\:hover\:to-colors-orange-100:hover { + --tw-gradient-to: var(--colors-orange-100, #fffaf0); + } + + .md\:hover\:to-colors-orange-200:hover { + --tw-gradient-to: var(--colors-orange-200, #feebc8); + } + + .md\:hover\:to-colors-orange-300:hover { + --tw-gradient-to: var(--colors-orange-300, #fbd38d); + } + + .md\:hover\:to-colors-orange-400:hover { + --tw-gradient-to: var(--colors-orange-400, #f6ad55); + } + + .md\:hover\:to-colors-orange-500:hover { + --tw-gradient-to: var(--colors-orange-500, #ed8936); + } + + .md\:hover\:to-colors-orange-600:hover { + --tw-gradient-to: var(--colors-orange-600, #dd6b20); + } + + .md\:hover\:to-colors-orange-700:hover { + --tw-gradient-to: var(--colors-orange-700, #c05621); + } + + .md\:hover\:to-colors-orange-800:hover { + --tw-gradient-to: var(--colors-orange-800, #9c4221); + } + + .md\:hover\:to-colors-orange-900:hover { + --tw-gradient-to: var(--colors-orange-900, #7b341e); + } + + .md\:hover\:to-colors-yellow-100:hover { + --tw-gradient-to: var(--colors-yellow-100, #fffff0); + } + + .md\:hover\:to-colors-yellow-200:hover { + --tw-gradient-to: var(--colors-yellow-200, #fefcbf); + } + + .md\:hover\:to-colors-yellow-300:hover { + --tw-gradient-to: var(--colors-yellow-300, #faf089); + } + + .md\:hover\:to-colors-yellow-400:hover { + --tw-gradient-to: var(--colors-yellow-400, #f6e05e); + } + + .md\:hover\:to-colors-yellow-500:hover { + --tw-gradient-to: var(--colors-yellow-500, #ecc94b); + } + + .md\:hover\:to-colors-yellow-600:hover { + --tw-gradient-to: var(--colors-yellow-600, #d69e2e); + } + + .md\:hover\:to-colors-yellow-700:hover { + --tw-gradient-to: var(--colors-yellow-700, #b7791f); + } + + .md\:hover\:to-colors-yellow-800:hover { + --tw-gradient-to: var(--colors-yellow-800, #975a16); + } + + .md\:hover\:to-colors-yellow-900:hover { + --tw-gradient-to: var(--colors-yellow-900, #744210); + } + + .md\:hover\:to-colors-green-100:hover { + --tw-gradient-to: var(--colors-green-100, #f0fff4); + } + + .md\:hover\:to-colors-green-200:hover { + --tw-gradient-to: var(--colors-green-200, #c6f6d5); + } + + .md\:hover\:to-colors-green-300:hover { + --tw-gradient-to: var(--colors-green-300, #9ae6b4); + } + + .md\:hover\:to-colors-green-400:hover { + --tw-gradient-to: var(--colors-green-400, #68d391); + } + + .md\:hover\:to-colors-green-500:hover { + --tw-gradient-to: var(--colors-green-500, #48bb78); + } + + .md\:hover\:to-colors-green-600:hover { + --tw-gradient-to: var(--colors-green-600, #38a169); + } + + .md\:hover\:to-colors-green-700:hover { + --tw-gradient-to: var(--colors-green-700, #2f855a); + } + + .md\:hover\:to-colors-green-800:hover { + --tw-gradient-to: var(--colors-green-800, #276749); + } + + .md\:hover\:to-colors-green-900:hover { + --tw-gradient-to: var(--colors-green-900, #22543d); + } + + .md\:hover\:to-colors-teal-100:hover { + --tw-gradient-to: var(--colors-teal-100, #e6fffa); + } + + .md\:hover\:to-colors-teal-200:hover { + --tw-gradient-to: var(--colors-teal-200, #b2f5ea); + } + + .md\:hover\:to-colors-teal-300:hover { + --tw-gradient-to: var(--colors-teal-300, #81e6d9); + } + + .md\:hover\:to-colors-teal-400:hover { + --tw-gradient-to: var(--colors-teal-400, #4fd1c5); + } + + .md\:hover\:to-colors-teal-500:hover { + --tw-gradient-to: var(--colors-teal-500, #38b2ac); + } + + .md\:hover\:to-colors-teal-600:hover { + --tw-gradient-to: var(--colors-teal-600, #319795); + } + + .md\:hover\:to-colors-teal-700:hover { + --tw-gradient-to: var(--colors-teal-700, #2c7a7b); + } + + .md\:hover\:to-colors-teal-800:hover { + --tw-gradient-to: var(--colors-teal-800, #285e61); + } + + .md\:hover\:to-colors-teal-900:hover { + --tw-gradient-to: var(--colors-teal-900, #234e52); + } + + .md\:hover\:to-colors-blue-100:hover { + --tw-gradient-to: var(--colors-blue-100, #ebf8ff); + } + + .md\:hover\:to-colors-blue-200:hover { + --tw-gradient-to: var(--colors-blue-200, #bee3f8); + } + + .md\:hover\:to-colors-blue-300:hover { + --tw-gradient-to: var(--colors-blue-300, #90cdf4); + } + + .md\:hover\:to-colors-blue-400:hover { + --tw-gradient-to: var(--colors-blue-400, #63b3ed); + } + + .md\:hover\:to-colors-blue-500:hover { + --tw-gradient-to: var(--colors-blue-500, #4299e1); + } + + .md\:hover\:to-colors-blue-600:hover { + --tw-gradient-to: var(--colors-blue-600, #3182ce); + } + + .md\:hover\:to-colors-blue-700:hover { + --tw-gradient-to: var(--colors-blue-700, #2b6cb0); + } + + .md\:hover\:to-colors-blue-800:hover { + --tw-gradient-to: var(--colors-blue-800, #2c5282); + } + + .md\:hover\:to-colors-blue-900:hover { + --tw-gradient-to: var(--colors-blue-900, #2a4365); + } + + .md\:hover\:to-colors-indigo-100:hover { + --tw-gradient-to: var(--colors-indigo-100, #ebf4ff); + } + + .md\:hover\:to-colors-indigo-200:hover { + --tw-gradient-to: var(--colors-indigo-200, #c3dafe); + } + + .md\:hover\:to-colors-indigo-300:hover { + --tw-gradient-to: var(--colors-indigo-300, #a3bffa); + } + + .md\:hover\:to-colors-indigo-400:hover { + --tw-gradient-to: var(--colors-indigo-400, #7f9cf5); + } + + .md\:hover\:to-colors-indigo-500:hover { + --tw-gradient-to: var(--colors-indigo-500, #667eea); + } + + .md\:hover\:to-colors-indigo-600:hover { + --tw-gradient-to: var(--colors-indigo-600, #5a67d8); + } + + .md\:hover\:to-colors-indigo-700:hover { + --tw-gradient-to: var(--colors-indigo-700, #4c51bf); + } + + .md\:hover\:to-colors-indigo-800:hover { + --tw-gradient-to: var(--colors-indigo-800, #434190); + } + + .md\:hover\:to-colors-indigo-900:hover { + --tw-gradient-to: var(--colors-indigo-900, #3c366b); + } + + .md\:hover\:to-colors-purple-100:hover { + --tw-gradient-to: var(--colors-purple-100, #faf5ff); + } + + .md\:hover\:to-colors-purple-200:hover { + --tw-gradient-to: var(--colors-purple-200, #e9d8fd); + } + + .md\:hover\:to-colors-purple-300:hover { + --tw-gradient-to: var(--colors-purple-300, #d6bcfa); + } + + .md\:hover\:to-colors-purple-400:hover { + --tw-gradient-to: var(--colors-purple-400, #b794f4); + } + + .md\:hover\:to-colors-purple-500:hover { + --tw-gradient-to: var(--colors-purple-500, #9f7aea); + } + + .md\:hover\:to-colors-purple-600:hover { + --tw-gradient-to: var(--colors-purple-600, #805ad5); + } + + .md\:hover\:to-colors-purple-700:hover { + --tw-gradient-to: var(--colors-purple-700, #6b46c1); + } + + .md\:hover\:to-colors-purple-800:hover { + --tw-gradient-to: var(--colors-purple-800, #553c9a); + } + + .md\:hover\:to-colors-purple-900:hover { + --tw-gradient-to: var(--colors-purple-900, #44337a); + } + + .md\:hover\:to-colors-pink-100:hover { + --tw-gradient-to: var(--colors-pink-100, #fff5f7); + } + + .md\:hover\:to-colors-pink-200:hover { + --tw-gradient-to: var(--colors-pink-200, #fed7e2); + } + + .md\:hover\:to-colors-pink-300:hover { + --tw-gradient-to: var(--colors-pink-300, #fbb6ce); + } + + .md\:hover\:to-colors-pink-400:hover { + --tw-gradient-to: var(--colors-pink-400, #f687b3); + } + + .md\:hover\:to-colors-pink-500:hover { + --tw-gradient-to: var(--colors-pink-500, #ed64a6); + } + + .md\:hover\:to-colors-pink-600:hover { + --tw-gradient-to: var(--colors-pink-600, #d53f8c); + } + + .md\:hover\:to-colors-pink-700:hover { + --tw-gradient-to: var(--colors-pink-700, #b83280); + } + + .md\:hover\:to-colors-pink-800:hover { + --tw-gradient-to: var(--colors-pink-800, #97266d); + } + + .md\:hover\:to-colors-pink-900:hover { + --tw-gradient-to: var(--colors-pink-900, #702459); + } + + .md\:hover\:to-Box\ Shadow:hover { + --tw-gradient-to: var(--box-shadow, #7f7e7f); + } + + .md\:hover\:to-Error16:hover { + --tw-gradient-to: var(--error16, #f03d3e40); + } + + .md\:hover\:to-Success16:hover { + --tw-gradient-to: var(--success16, #5bb14d40); + } + + .md\:hover\:to-Notification16:hover { + --tw-gradient-to: var(--notification16, #3959ff40); + } + + .md\:hover\:to-Error8:hover { + --tw-gradient-to: var(--error8, #f03d3e1a); + } + + .md\:hover\:to-Notification8:hover { + --tw-gradient-to: var(--notification8, #3959ff1a); + } + + .md\:hover\:to-Success8:hover { + --tw-gradient-to: var(--success8, #5bb14d1a); + } + + .md\:hover\:to-Light\ -\ Overlay:hover { + --tw-gradient-to: var(--light-overlay, #f0edee66); + } + + .md\:hover\:to-Dark-\ Overlay:hover { + --tw-gradient-to: var(--dark-overlay, #7f7e7f66); + } + + .md\:hover\:to-black-40:hover { + --tw-gradient-to: var(--black-40, #00000066); + } + + .md\:hover\:to-black-75:hover { + --tw-gradient-to: var(--black-75, #000000bf); + } + + .md\:hover\:to-black-60:hover { + --tw-gradient-to: var(--black-60, #00000099); + } + + .md\:hover\:to-black-50:hover { + --tw-gradient-to: var(--black-50, #00000080); + } + + .md\:hover\:to-black-25:hover { + --tw-gradient-to: var(--black-25, #00000040); + } + + .md\:hover\:to-black-10:hover { + --tw-gradient-to: var(--black-10, #0000001a); + } + + .md\:hover\:to-white-25:hover { + --tw-gradient-to: var(--white-25, #ffffff40); + } + + .md\:hover\:to-white-60:hover { + --tw-gradient-to: var(--white-60, #ffffff99); + } + + .md\:hover\:to-black-64:hover { + --tw-gradient-to: var(--black-64, #000000a3); + } + + .md\:hover\:to-Shadow\ and\ Highlight-Shadow:hover { + --tw-gradient-to: var(--shadow-and-highlight-shadow, #7f7e7f); + } + + .md\:hover\:to-Shadow\ and\ Highlight-Highlight:hover { + --tw-gradient-to: var(--shadow-and-highlight-highlight, #474747); + } + + .md\:hover\:to-Shadow\ and\ Highlight-highlight\ one:hover { + --tw-gradient-to: var(--shadow-and-highlight-highlight-one, #474747bf); + } + + .md\:hover\:to-Shadow\ and\ Highlight-highlight\ two:hover { + --tw-gradient-to: var(--shadow-and-highlight-highlight-two, #47474799); + } + + .md\:hover\:to-Shadow\ and\ Highlight-highlight\ three:hover { + --tw-gradient-to: var(--shadow-and-highlight-highlight-three, #47474766); + } + + .md\:hover\:to-Shadow\ and\ Highlight-highlight\ five:hover { + --tw-gradient-to: var(--shadow-and-highlight-highlight-five, #4747471a); + } + + .md\:hover\:to-Shadow\ and\ Highlight-shadow\ one:hover { + --tw-gradient-to: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); + } + + .md\:hover\:to-Shadow\ and\ Highlight-shadow\ two:hover { + --tw-gradient-to: var(--shadow-and-highlight-shadow-two, #7f7e7f99); + } + + .md\:hover\:to-Shadow\ and\ Highlight-shadow\ three:hover { + --tw-gradient-to: var(--shadow-and-highlight-shadow-three, #7f7e7f66); + } + + .md\:hover\:to-Shadow\ and\ Highlight-shadow\ four:hover { + --tw-gradient-to: var(--shadow-and-highlight-shadow-four, #7f7e7f40); + } + + .md\:hover\:to-Shadow\ and\ Highlight-shadow\ five:hover { + --tw-gradient-to: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); + } + + .md\:hover\:to-Shadow\ and\ Highlight-highlight\ four:hover { + --tw-gradient-to: var(--shadow-and-highlight-highlight-four, #47474740); + } + + .md\:hover\:to-Base\ Layer\ Styles-Base\ Layer-\ Light-White:hover { + --tw-gradient-to: var(--base-layer-styles-base-layer-light-white, #ffffff); + } + + .md\:hover\:to-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:hover { + --tw-gradient-to: var(--base-layer-styles-base-layer-light-off-white, #f0edee); + } + + .md\:hover\:to-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:hover { + --tw-gradient-to: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); + } + + .md\:hover\:to-Base\ Layer\ Styles-Base\ Layer-Dark-Black:hover { + --tw-gradient-to: var(--base-layer-styles-base-layer-dark-black, #000000); + } + + .md\:hover\:to-Grey-Scale-white:hover { + --tw-gradient-to: var(--grey-scale-white, #ffffff); + } + + .md\:hover\:to-Grey-Scale-off-white:hover { + --tw-gradient-to: var(--grey-scale-off-white, #f0edee); + } + + .md\:hover\:to-Grey\ Scale-grey:hover { + --tw-gradient-to: var(--grey-scale-grey, #7f7e7f); + } + + .md\:hover\:to-Grey\ Scale-charcoal:hover { + --tw-gradient-to: var(--grey-scale-charcoal, #474747); + } + + .md\:hover\:to-Grey\ Scale-off-black:hover { + --tw-gradient-to: var(--grey-scale-off-black, #1c1c1c); + } + + .md\:hover\:to-Grey\ Scale-black:hover { + --tw-gradient-to: var(--grey-scale-black, #000000); + } + + .md\:hover\:to-Blue-blue:hover { + --tw-gradient-to: var(--blue-blue, #3a7ca5); + } + + .md\:hover\:to-Blue-blue-100:hover { + --tw-gradient-to: var(--blue-blue-100, #75a3c0); + } + + .md\:hover\:to-Blue-blue-200:hover { + --tw-gradient-to: var(--blue-blue-200, #9cbed2); + } + + .md\:hover\:to-Blue-blue-300:hover { + --tw-gradient-to: var(--blue-blue-300, #4f7d9a); + } + + .md\:hover\:to-Blue-blue-400:hover { + --tw-gradient-to: var(--blue-blue-400, #5c7d92); + } + + .md\:hover\:to-Blue-blue-500:hover { + --tw-gradient-to: var(--blue-blue-500, #347095); + } + + .md\:hover\:to-Blue-blue-600:hover { + --tw-gradient-to: var(--blue-blue-600, #295774); + } + + .md\:hover\:to-Blue-blue-700:hover { + --tw-gradient-to: var(--blue-blue-700, #173242); + } + + .md\:hover\:to-LightBlue-lightblue:hover { + --tw-gradient-to: var(--light-blue-lightblue, #81c3d7); + } + + .md\:hover\:to-LightBlue-lightblue-100:hover { + --tw-gradient-to: var(--light-blue-lightblue-100, #a7d5e3); + } + + .md\:hover\:to-LightBlue-lightblue-200:hover { + --tw-gradient-to: var(--light-blue-lightblue-200, #c0e1eb); + } + + .md\:hover\:to-LightBlue-lightblue-300:hover { + --tw-gradient-to: var(--light-blue-lightblue-300, #80aebd); + } + + .md\:hover\:to-LightBlue-lightblue-400:hover { + --tw-gradient-to: var(--light-blue-lightblue-400, #80a0ab); + } + + .md\:hover\:to-LightBlue-lightblue-500:hover { + --tw-gradient-to: var(--light-blue-lightblue-500, #74afc1); + } + + .md\:hover\:to-LightBlue-lightblue-600:hover { + --tw-gradient-to: var(--light-blue-lightblue-600, #5a8997); + } + + .md\:hover\:to-LightBlue-lightblue-650:hover { + --tw-gradient-to: var(--light-blue-lightblue-650, #3e5e65); + } + + .md\:hover\:to-LightBlue-lightblue-700:hover { + --tw-gradient-to: var(--light-blue-lightblue-700, #344e56); + } + + .md\:hover\:to-Orange-orange:hover { + --tw-gradient-to: var(--orange-orange, #ff7f0e); + } + + .md\:hover\:to-Orange-orange-100:hover { + --tw-gradient-to: var(--orange-orange-100, #ffa556); + } + + .md\:hover\:to-Orange-orange-200:hover { + --tw-gradient-to: var(--orange-orange-200, #ffbf86); + } + + .md\:hover\:to-Orange-orange-300:hover { + --tw-gradient-to: var(--orange-orange-300, #d97f30); + } + + .md\:hover\:to-Orange-orange-400:hover { + --tw-gradient-to: var(--orange-orange-400, #bf7e46); + } + + .md\:hover\:to-Orange-orange-500:hover { + --tw-gradient-to: var(--orange-orange-500, #e5720d); + } + + .md\:hover\:to-Orange-orange-600:hover { + --tw-gradient-to: var(--orange-orange-600, #b3590a); + } + + .md\:hover\:to-Orange-orange-700:hover { + --tw-gradient-to: var(--orange-orange-700, #663306); + } + + .md\:hover\:to-Yellow-yellow:hover { + --tw-gradient-to: var(--yellow-yellow, #ffab00); + } + + .md\:hover\:to-Yellow-yellow-100:hover { + --tw-gradient-to: var(--yellow-yellow-100, #ffc44c); + } + + .md\:hover\:to-Yellow-yellow-200:hover { + --tw-gradient-to: var(--yellow-yellow-200, #ffd580); + } + + .md\:hover\:to-Yellow-yellow-300:hover { + --tw-gradient-to: var(--yellow-yellow-300, #d99d26); + } + + .md\:hover\:to-Yellow-yellow-400:hover { + --tw-gradient-to: var(--yellow-yellow-400, #bf943f); + } + + .md\:hover\:to-Yellow-yellow-500:hover { + --tw-gradient-to: var(--yellow-yellow-500, #e59a00); + } + + .md\:hover\:to-Yellow-yellow-600:hover { + --tw-gradient-to: var(--yellow-yellow-600, #b37800); + } + + .md\:hover\:to-Yellow-yellow-700:hover { + --tw-gradient-to: var(--yellow-yellow-700, #664400); + } + + .md\:hover\:to-Notification-notification:hover { + --tw-gradient-to: var(--notification-notification, #3959ff); + } + + .md\:hover\:to-Notification-notification-100:hover { + --tw-gradient-to: var(--notification-notification-100, #748bff); + } + + .md\:hover\:to-Notification-notification-200:hover { + --tw-gradient-to: var(--notification-notification-200, #9cacff); + } + + .md\:hover\:to-Notification-notification-300:hover { + --tw-gradient-to: var(--notification-notification-300, #4e64d9); + } + + .md\:hover\:to-Notification-notification-400:hover { + --tw-gradient-to: var(--notification-notification-400, #5c6cbf); + } + + .md\:hover\:to-Notification-notification-500:hover { + --tw-gradient-to: var(--notification-notification-500, #3350e5); + } + + .md\:hover\:to-Notification-notification-600:hover { + --tw-gradient-to: var(--notification-notification-600, #283eb3); + } + + .md\:hover\:to-Notification-notification-700:hover { + --tw-gradient-to: var(--notification-notification-700, #172466); + } + + .md\:hover\:to-Success-success\ -700:hover { + --tw-gradient-to: var(--success-success-700, #24471f); + } + + .md\:hover\:to-Success-success:hover { + --tw-gradient-to: var(--success-success, #5bb14d); + } + + .md\:hover\:to-Success-success\ -100:hover { + --tw-gradient-to: var(--success-success-100, #8cc882); + } + + .md\:hover\:to-Success-success\ -200:hover { + --tw-gradient-to: var(--success-success-200, #add8a6); + } + + .md\:hover\:to-Success-success\ -300:hover { + --tw-gradient-to: var(--success-success-300, #66a25c); + } + + .md\:hover\:to-Success-success\ -400:hover { + --tw-gradient-to: var(--success-success-400, #6d9766); + } + + .md\:hover\:to-Success-success\ -500:hover { + --tw-gradient-to: var(--success-success-500, #529f45); + } + + .md\:hover\:to-Success-success\ -600:hover { + --tw-gradient-to: var(--success-success-600, #407c36); + } + + .md\:hover\:to-Error-error:hover { + --tw-gradient-to: var(--error-error, #f03d3e); + } + + .md\:hover\:to-Error-error-100:hover { + --tw-gradient-to: var(--error-error-100, #f57778); + } + + .md\:hover\:to-Error-error-200:hover { + --tw-gradient-to: var(--error-error-200, #f89e9e); + } + + .md\:hover\:to-Error-error-250:hover { + --tw-gradient-to: var(--error-error-250, #f9c8c8); + } + + .md\:hover\:to-Error-error-300:hover { + --tw-gradient-to: var(--error-error-300, #ce5151); + } + + .md\:hover\:to-Error-error-400:hover { + --tw-gradient-to: var(--error-error-400, #b85e5e); + } + + .md\:hover\:to-Error-error-500:hover { + --tw-gradient-to: var(--error-error-500, #d83738); + } + + .md\:hover\:to-Error-error-600:hover { + --tw-gradient-to: var(--error-error-600, #a82b2b); + } + + .md\:hover\:to-Error-error-700:hover { + --tw-gradient-to: var(--error-error-700, #601819); + } + + .md\:focus\:to-colors-black:focus { + --tw-gradient-to: var(--colors-black, #000000); + } + + .md\:focus\:to-colors-white:focus { + --tw-gradient-to: var(--colors-white, #ffffff); + } + + .md\:focus\:to-colors-gray-100:focus { + --tw-gradient-to: var(--colors-gray-100, #f7fafc); + } + + .md\:focus\:to-colors-gray-200:focus { + --tw-gradient-to: var(--colors-gray-200, #edf2f7); + } + + .md\:focus\:to-colors-gray-300:focus { + --tw-gradient-to: var(--colors-gray-300, #e2e8f0); + } + + .md\:focus\:to-colors-gray-400:focus { + --tw-gradient-to: var(--colors-gray-400, #cbd5e0); + } + + .md\:focus\:to-colors-gray-500:focus { + --tw-gradient-to: var(--colors-gray-500, #a0aec0); + } + + .md\:focus\:to-colors-gray-600:focus { + --tw-gradient-to: var(--colors-gray-600, #718096); + } + + .md\:focus\:to-colors-gray-700:focus { + --tw-gradient-to: var(--colors-gray-700, #4a5568); + } + + .md\:focus\:to-colors-gray-800:focus { + --tw-gradient-to: var(--colors-gray-800, #2d3748); + } + + .md\:focus\:to-colors-gray-900:focus { + --tw-gradient-to: var(--colors-gray-900, #1a202c); + } + + .md\:focus\:to-colors-red-100:focus { + --tw-gradient-to: var(--colors-red-100, #fff5f5); + } + + .md\:focus\:to-colors-red-200:focus { + --tw-gradient-to: var(--colors-red-200, #fed7d7); + } + + .md\:focus\:to-colors-red-300:focus { + --tw-gradient-to: var(--colors-red-300, #feb2b2); + } + + .md\:focus\:to-colors-red-400:focus { + --tw-gradient-to: var(--colors-red-400, #fc8181); + } + + .md\:focus\:to-colors-red-500:focus { + --tw-gradient-to: var(--colors-red-500, #f56565); + } + + .md\:focus\:to-colors-red-600:focus { + --tw-gradient-to: var(--colors-red-600, #e53e3e); + } + + .md\:focus\:to-colors-red-700:focus { + --tw-gradient-to: var(--colors-red-700, #c53030); + } + + .md\:focus\:to-colors-red-800:focus { + --tw-gradient-to: var(--colors-red-800, #9b2c2c); + } + + .md\:focus\:to-colors-red-900:focus { + --tw-gradient-to: var(--colors-red-900, #742a2a); + } + + .md\:focus\:to-colors-orange-100:focus { + --tw-gradient-to: var(--colors-orange-100, #fffaf0); + } + + .md\:focus\:to-colors-orange-200:focus { + --tw-gradient-to: var(--colors-orange-200, #feebc8); + } + + .md\:focus\:to-colors-orange-300:focus { + --tw-gradient-to: var(--colors-orange-300, #fbd38d); + } + + .md\:focus\:to-colors-orange-400:focus { + --tw-gradient-to: var(--colors-orange-400, #f6ad55); + } + + .md\:focus\:to-colors-orange-500:focus { + --tw-gradient-to: var(--colors-orange-500, #ed8936); + } + + .md\:focus\:to-colors-orange-600:focus { + --tw-gradient-to: var(--colors-orange-600, #dd6b20); + } + + .md\:focus\:to-colors-orange-700:focus { + --tw-gradient-to: var(--colors-orange-700, #c05621); + } + + .md\:focus\:to-colors-orange-800:focus { + --tw-gradient-to: var(--colors-orange-800, #9c4221); + } + + .md\:focus\:to-colors-orange-900:focus { + --tw-gradient-to: var(--colors-orange-900, #7b341e); + } + + .md\:focus\:to-colors-yellow-100:focus { + --tw-gradient-to: var(--colors-yellow-100, #fffff0); + } + + .md\:focus\:to-colors-yellow-200:focus { + --tw-gradient-to: var(--colors-yellow-200, #fefcbf); + } + + .md\:focus\:to-colors-yellow-300:focus { + --tw-gradient-to: var(--colors-yellow-300, #faf089); + } + + .md\:focus\:to-colors-yellow-400:focus { + --tw-gradient-to: var(--colors-yellow-400, #f6e05e); + } + + .md\:focus\:to-colors-yellow-500:focus { + --tw-gradient-to: var(--colors-yellow-500, #ecc94b); + } + + .md\:focus\:to-colors-yellow-600:focus { + --tw-gradient-to: var(--colors-yellow-600, #d69e2e); + } + + .md\:focus\:to-colors-yellow-700:focus { + --tw-gradient-to: var(--colors-yellow-700, #b7791f); + } + + .md\:focus\:to-colors-yellow-800:focus { + --tw-gradient-to: var(--colors-yellow-800, #975a16); + } + + .md\:focus\:to-colors-yellow-900:focus { + --tw-gradient-to: var(--colors-yellow-900, #744210); + } + + .md\:focus\:to-colors-green-100:focus { + --tw-gradient-to: var(--colors-green-100, #f0fff4); + } + + .md\:focus\:to-colors-green-200:focus { + --tw-gradient-to: var(--colors-green-200, #c6f6d5); + } + + .md\:focus\:to-colors-green-300:focus { + --tw-gradient-to: var(--colors-green-300, #9ae6b4); + } + + .md\:focus\:to-colors-green-400:focus { + --tw-gradient-to: var(--colors-green-400, #68d391); + } + + .md\:focus\:to-colors-green-500:focus { + --tw-gradient-to: var(--colors-green-500, #48bb78); + } + + .md\:focus\:to-colors-green-600:focus { + --tw-gradient-to: var(--colors-green-600, #38a169); + } + + .md\:focus\:to-colors-green-700:focus { + --tw-gradient-to: var(--colors-green-700, #2f855a); + } + + .md\:focus\:to-colors-green-800:focus { + --tw-gradient-to: var(--colors-green-800, #276749); + } + + .md\:focus\:to-colors-green-900:focus { + --tw-gradient-to: var(--colors-green-900, #22543d); + } + + .md\:focus\:to-colors-teal-100:focus { + --tw-gradient-to: var(--colors-teal-100, #e6fffa); + } + + .md\:focus\:to-colors-teal-200:focus { + --tw-gradient-to: var(--colors-teal-200, #b2f5ea); + } + + .md\:focus\:to-colors-teal-300:focus { + --tw-gradient-to: var(--colors-teal-300, #81e6d9); + } + + .md\:focus\:to-colors-teal-400:focus { + --tw-gradient-to: var(--colors-teal-400, #4fd1c5); + } + + .md\:focus\:to-colors-teal-500:focus { + --tw-gradient-to: var(--colors-teal-500, #38b2ac); + } + + .md\:focus\:to-colors-teal-600:focus { + --tw-gradient-to: var(--colors-teal-600, #319795); + } + + .md\:focus\:to-colors-teal-700:focus { + --tw-gradient-to: var(--colors-teal-700, #2c7a7b); + } + + .md\:focus\:to-colors-teal-800:focus { + --tw-gradient-to: var(--colors-teal-800, #285e61); + } + + .md\:focus\:to-colors-teal-900:focus { + --tw-gradient-to: var(--colors-teal-900, #234e52); + } + + .md\:focus\:to-colors-blue-100:focus { + --tw-gradient-to: var(--colors-blue-100, #ebf8ff); + } + + .md\:focus\:to-colors-blue-200:focus { + --tw-gradient-to: var(--colors-blue-200, #bee3f8); + } + + .md\:focus\:to-colors-blue-300:focus { + --tw-gradient-to: var(--colors-blue-300, #90cdf4); + } + + .md\:focus\:to-colors-blue-400:focus { + --tw-gradient-to: var(--colors-blue-400, #63b3ed); + } + + .md\:focus\:to-colors-blue-500:focus { + --tw-gradient-to: var(--colors-blue-500, #4299e1); + } + + .md\:focus\:to-colors-blue-600:focus { + --tw-gradient-to: var(--colors-blue-600, #3182ce); + } + + .md\:focus\:to-colors-blue-700:focus { + --tw-gradient-to: var(--colors-blue-700, #2b6cb0); + } + + .md\:focus\:to-colors-blue-800:focus { + --tw-gradient-to: var(--colors-blue-800, #2c5282); + } + + .md\:focus\:to-colors-blue-900:focus { + --tw-gradient-to: var(--colors-blue-900, #2a4365); + } + + .md\:focus\:to-colors-indigo-100:focus { + --tw-gradient-to: var(--colors-indigo-100, #ebf4ff); + } + + .md\:focus\:to-colors-indigo-200:focus { + --tw-gradient-to: var(--colors-indigo-200, #c3dafe); + } + + .md\:focus\:to-colors-indigo-300:focus { + --tw-gradient-to: var(--colors-indigo-300, #a3bffa); + } + + .md\:focus\:to-colors-indigo-400:focus { + --tw-gradient-to: var(--colors-indigo-400, #7f9cf5); + } + + .md\:focus\:to-colors-indigo-500:focus { + --tw-gradient-to: var(--colors-indigo-500, #667eea); + } + + .md\:focus\:to-colors-indigo-600:focus { + --tw-gradient-to: var(--colors-indigo-600, #5a67d8); + } + + .md\:focus\:to-colors-indigo-700:focus { + --tw-gradient-to: var(--colors-indigo-700, #4c51bf); + } + + .md\:focus\:to-colors-indigo-800:focus { + --tw-gradient-to: var(--colors-indigo-800, #434190); + } + + .md\:focus\:to-colors-indigo-900:focus { + --tw-gradient-to: var(--colors-indigo-900, #3c366b); + } + + .md\:focus\:to-colors-purple-100:focus { + --tw-gradient-to: var(--colors-purple-100, #faf5ff); + } + + .md\:focus\:to-colors-purple-200:focus { + --tw-gradient-to: var(--colors-purple-200, #e9d8fd); + } + + .md\:focus\:to-colors-purple-300:focus { + --tw-gradient-to: var(--colors-purple-300, #d6bcfa); + } + + .md\:focus\:to-colors-purple-400:focus { + --tw-gradient-to: var(--colors-purple-400, #b794f4); + } + + .md\:focus\:to-colors-purple-500:focus { + --tw-gradient-to: var(--colors-purple-500, #9f7aea); + } + + .md\:focus\:to-colors-purple-600:focus { + --tw-gradient-to: var(--colors-purple-600, #805ad5); + } + + .md\:focus\:to-colors-purple-700:focus { + --tw-gradient-to: var(--colors-purple-700, #6b46c1); + } + + .md\:focus\:to-colors-purple-800:focus { + --tw-gradient-to: var(--colors-purple-800, #553c9a); + } + + .md\:focus\:to-colors-purple-900:focus { + --tw-gradient-to: var(--colors-purple-900, #44337a); + } + + .md\:focus\:to-colors-pink-100:focus { + --tw-gradient-to: var(--colors-pink-100, #fff5f7); + } + + .md\:focus\:to-colors-pink-200:focus { + --tw-gradient-to: var(--colors-pink-200, #fed7e2); + } + + .md\:focus\:to-colors-pink-300:focus { + --tw-gradient-to: var(--colors-pink-300, #fbb6ce); + } + + .md\:focus\:to-colors-pink-400:focus { + --tw-gradient-to: var(--colors-pink-400, #f687b3); + } + + .md\:focus\:to-colors-pink-500:focus { + --tw-gradient-to: var(--colors-pink-500, #ed64a6); + } + + .md\:focus\:to-colors-pink-600:focus { + --tw-gradient-to: var(--colors-pink-600, #d53f8c); + } + + .md\:focus\:to-colors-pink-700:focus { + --tw-gradient-to: var(--colors-pink-700, #b83280); + } + + .md\:focus\:to-colors-pink-800:focus { + --tw-gradient-to: var(--colors-pink-800, #97266d); + } + + .md\:focus\:to-colors-pink-900:focus { + --tw-gradient-to: var(--colors-pink-900, #702459); + } + + .md\:focus\:to-Box\ Shadow:focus { + --tw-gradient-to: var(--box-shadow, #7f7e7f); + } + + .md\:focus\:to-Error16:focus { + --tw-gradient-to: var(--error16, #f03d3e40); + } + + .md\:focus\:to-Success16:focus { + --tw-gradient-to: var(--success16, #5bb14d40); + } + + .md\:focus\:to-Notification16:focus { + --tw-gradient-to: var(--notification16, #3959ff40); + } + + .md\:focus\:to-Error8:focus { + --tw-gradient-to: var(--error8, #f03d3e1a); + } + + .md\:focus\:to-Notification8:focus { + --tw-gradient-to: var(--notification8, #3959ff1a); + } + + .md\:focus\:to-Success8:focus { + --tw-gradient-to: var(--success8, #5bb14d1a); + } + + .md\:focus\:to-Light\ -\ Overlay:focus { + --tw-gradient-to: var(--light-overlay, #f0edee66); + } + + .md\:focus\:to-Dark-\ Overlay:focus { + --tw-gradient-to: var(--dark-overlay, #7f7e7f66); + } + + .md\:focus\:to-black-40:focus { + --tw-gradient-to: var(--black-40, #00000066); + } + + .md\:focus\:to-black-75:focus { + --tw-gradient-to: var(--black-75, #000000bf); + } + + .md\:focus\:to-black-60:focus { + --tw-gradient-to: var(--black-60, #00000099); + } + + .md\:focus\:to-black-50:focus { + --tw-gradient-to: var(--black-50, #00000080); + } + + .md\:focus\:to-black-25:focus { + --tw-gradient-to: var(--black-25, #00000040); + } + + .md\:focus\:to-black-10:focus { + --tw-gradient-to: var(--black-10, #0000001a); + } + + .md\:focus\:to-white-25:focus { + --tw-gradient-to: var(--white-25, #ffffff40); + } + + .md\:focus\:to-white-60:focus { + --tw-gradient-to: var(--white-60, #ffffff99); + } + + .md\:focus\:to-black-64:focus { + --tw-gradient-to: var(--black-64, #000000a3); + } + + .md\:focus\:to-Shadow\ and\ Highlight-Shadow:focus { + --tw-gradient-to: var(--shadow-and-highlight-shadow, #7f7e7f); + } + + .md\:focus\:to-Shadow\ and\ Highlight-Highlight:focus { + --tw-gradient-to: var(--shadow-and-highlight-highlight, #474747); + } + + .md\:focus\:to-Shadow\ and\ Highlight-highlight\ one:focus { + --tw-gradient-to: var(--shadow-and-highlight-highlight-one, #474747bf); + } + + .md\:focus\:to-Shadow\ and\ Highlight-highlight\ two:focus { + --tw-gradient-to: var(--shadow-and-highlight-highlight-two, #47474799); + } + + .md\:focus\:to-Shadow\ and\ Highlight-highlight\ three:focus { + --tw-gradient-to: var(--shadow-and-highlight-highlight-three, #47474766); + } + + .md\:focus\:to-Shadow\ and\ Highlight-highlight\ five:focus { + --tw-gradient-to: var(--shadow-and-highlight-highlight-five, #4747471a); + } + + .md\:focus\:to-Shadow\ and\ Highlight-shadow\ one:focus { + --tw-gradient-to: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); + } + + .md\:focus\:to-Shadow\ and\ Highlight-shadow\ two:focus { + --tw-gradient-to: var(--shadow-and-highlight-shadow-two, #7f7e7f99); + } + + .md\:focus\:to-Shadow\ and\ Highlight-shadow\ three:focus { + --tw-gradient-to: var(--shadow-and-highlight-shadow-three, #7f7e7f66); + } + + .md\:focus\:to-Shadow\ and\ Highlight-shadow\ four:focus { + --tw-gradient-to: var(--shadow-and-highlight-shadow-four, #7f7e7f40); + } + + .md\:focus\:to-Shadow\ and\ Highlight-shadow\ five:focus { + --tw-gradient-to: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); + } + + .md\:focus\:to-Shadow\ and\ Highlight-highlight\ four:focus { + --tw-gradient-to: var(--shadow-and-highlight-highlight-four, #47474740); + } + + .md\:focus\:to-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus { + --tw-gradient-to: var(--base-layer-styles-base-layer-light-white, #ffffff); + } + + .md\:focus\:to-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus { + --tw-gradient-to: var(--base-layer-styles-base-layer-light-off-white, #f0edee); + } + + .md\:focus\:to-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus { + --tw-gradient-to: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); + } + + .md\:focus\:to-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus { + --tw-gradient-to: var(--base-layer-styles-base-layer-dark-black, #000000); + } + + .md\:focus\:to-Grey-Scale-white:focus { + --tw-gradient-to: var(--grey-scale-white, #ffffff); + } + + .md\:focus\:to-Grey-Scale-off-white:focus { + --tw-gradient-to: var(--grey-scale-off-white, #f0edee); + } + + .md\:focus\:to-Grey\ Scale-grey:focus { + --tw-gradient-to: var(--grey-scale-grey, #7f7e7f); + } + + .md\:focus\:to-Grey\ Scale-charcoal:focus { + --tw-gradient-to: var(--grey-scale-charcoal, #474747); + } + + .md\:focus\:to-Grey\ Scale-off-black:focus { + --tw-gradient-to: var(--grey-scale-off-black, #1c1c1c); + } + + .md\:focus\:to-Grey\ Scale-black:focus { + --tw-gradient-to: var(--grey-scale-black, #000000); + } + + .md\:focus\:to-Blue-blue:focus { + --tw-gradient-to: var(--blue-blue, #3a7ca5); + } + + .md\:focus\:to-Blue-blue-100:focus { + --tw-gradient-to: var(--blue-blue-100, #75a3c0); + } + + .md\:focus\:to-Blue-blue-200:focus { + --tw-gradient-to: var(--blue-blue-200, #9cbed2); + } + + .md\:focus\:to-Blue-blue-300:focus { + --tw-gradient-to: var(--blue-blue-300, #4f7d9a); + } + + .md\:focus\:to-Blue-blue-400:focus { + --tw-gradient-to: var(--blue-blue-400, #5c7d92); + } + + .md\:focus\:to-Blue-blue-500:focus { + --tw-gradient-to: var(--blue-blue-500, #347095); + } + + .md\:focus\:to-Blue-blue-600:focus { + --tw-gradient-to: var(--blue-blue-600, #295774); + } + + .md\:focus\:to-Blue-blue-700:focus { + --tw-gradient-to: var(--blue-blue-700, #173242); + } + + .md\:focus\:to-LightBlue-lightblue:focus { + --tw-gradient-to: var(--light-blue-lightblue, #81c3d7); + } + + .md\:focus\:to-LightBlue-lightblue-100:focus { + --tw-gradient-to: var(--light-blue-lightblue-100, #a7d5e3); + } + + .md\:focus\:to-LightBlue-lightblue-200:focus { + --tw-gradient-to: var(--light-blue-lightblue-200, #c0e1eb); + } + + .md\:focus\:to-LightBlue-lightblue-300:focus { + --tw-gradient-to: var(--light-blue-lightblue-300, #80aebd); + } + + .md\:focus\:to-LightBlue-lightblue-400:focus { + --tw-gradient-to: var(--light-blue-lightblue-400, #80a0ab); + } + + .md\:focus\:to-LightBlue-lightblue-500:focus { + --tw-gradient-to: var(--light-blue-lightblue-500, #74afc1); + } + + .md\:focus\:to-LightBlue-lightblue-600:focus { + --tw-gradient-to: var(--light-blue-lightblue-600, #5a8997); + } + + .md\:focus\:to-LightBlue-lightblue-650:focus { + --tw-gradient-to: var(--light-blue-lightblue-650, #3e5e65); + } + + .md\:focus\:to-LightBlue-lightblue-700:focus { + --tw-gradient-to: var(--light-blue-lightblue-700, #344e56); + } + + .md\:focus\:to-Orange-orange:focus { + --tw-gradient-to: var(--orange-orange, #ff7f0e); + } + + .md\:focus\:to-Orange-orange-100:focus { + --tw-gradient-to: var(--orange-orange-100, #ffa556); + } + + .md\:focus\:to-Orange-orange-200:focus { + --tw-gradient-to: var(--orange-orange-200, #ffbf86); + } + + .md\:focus\:to-Orange-orange-300:focus { + --tw-gradient-to: var(--orange-orange-300, #d97f30); + } + + .md\:focus\:to-Orange-orange-400:focus { + --tw-gradient-to: var(--orange-orange-400, #bf7e46); + } + + .md\:focus\:to-Orange-orange-500:focus { + --tw-gradient-to: var(--orange-orange-500, #e5720d); + } + + .md\:focus\:to-Orange-orange-600:focus { + --tw-gradient-to: var(--orange-orange-600, #b3590a); + } + + .md\:focus\:to-Orange-orange-700:focus { + --tw-gradient-to: var(--orange-orange-700, #663306); + } + + .md\:focus\:to-Yellow-yellow:focus { + --tw-gradient-to: var(--yellow-yellow, #ffab00); + } + + .md\:focus\:to-Yellow-yellow-100:focus { + --tw-gradient-to: var(--yellow-yellow-100, #ffc44c); + } + + .md\:focus\:to-Yellow-yellow-200:focus { + --tw-gradient-to: var(--yellow-yellow-200, #ffd580); + } + + .md\:focus\:to-Yellow-yellow-300:focus { + --tw-gradient-to: var(--yellow-yellow-300, #d99d26); + } + + .md\:focus\:to-Yellow-yellow-400:focus { + --tw-gradient-to: var(--yellow-yellow-400, #bf943f); + } + + .md\:focus\:to-Yellow-yellow-500:focus { + --tw-gradient-to: var(--yellow-yellow-500, #e59a00); + } + + .md\:focus\:to-Yellow-yellow-600:focus { + --tw-gradient-to: var(--yellow-yellow-600, #b37800); + } + + .md\:focus\:to-Yellow-yellow-700:focus { + --tw-gradient-to: var(--yellow-yellow-700, #664400); + } + + .md\:focus\:to-Notification-notification:focus { + --tw-gradient-to: var(--notification-notification, #3959ff); + } + + .md\:focus\:to-Notification-notification-100:focus { + --tw-gradient-to: var(--notification-notification-100, #748bff); + } + + .md\:focus\:to-Notification-notification-200:focus { + --tw-gradient-to: var(--notification-notification-200, #9cacff); + } + + .md\:focus\:to-Notification-notification-300:focus { + --tw-gradient-to: var(--notification-notification-300, #4e64d9); + } + + .md\:focus\:to-Notification-notification-400:focus { + --tw-gradient-to: var(--notification-notification-400, #5c6cbf); + } + + .md\:focus\:to-Notification-notification-500:focus { + --tw-gradient-to: var(--notification-notification-500, #3350e5); + } + + .md\:focus\:to-Notification-notification-600:focus { + --tw-gradient-to: var(--notification-notification-600, #283eb3); + } + + .md\:focus\:to-Notification-notification-700:focus { + --tw-gradient-to: var(--notification-notification-700, #172466); + } + + .md\:focus\:to-Success-success\ -700:focus { + --tw-gradient-to: var(--success-success-700, #24471f); + } + + .md\:focus\:to-Success-success:focus { + --tw-gradient-to: var(--success-success, #5bb14d); + } + + .md\:focus\:to-Success-success\ -100:focus { + --tw-gradient-to: var(--success-success-100, #8cc882); + } + + .md\:focus\:to-Success-success\ -200:focus { + --tw-gradient-to: var(--success-success-200, #add8a6); + } + + .md\:focus\:to-Success-success\ -300:focus { + --tw-gradient-to: var(--success-success-300, #66a25c); + } + + .md\:focus\:to-Success-success\ -400:focus { + --tw-gradient-to: var(--success-success-400, #6d9766); + } + + .md\:focus\:to-Success-success\ -500:focus { + --tw-gradient-to: var(--success-success-500, #529f45); + } + + .md\:focus\:to-Success-success\ -600:focus { + --tw-gradient-to: var(--success-success-600, #407c36); + } + + .md\:focus\:to-Error-error:focus { + --tw-gradient-to: var(--error-error, #f03d3e); + } + + .md\:focus\:to-Error-error-100:focus { + --tw-gradient-to: var(--error-error-100, #f57778); + } + + .md\:focus\:to-Error-error-200:focus { + --tw-gradient-to: var(--error-error-200, #f89e9e); + } + + .md\:focus\:to-Error-error-250:focus { + --tw-gradient-to: var(--error-error-250, #f9c8c8); + } + + .md\:focus\:to-Error-error-300:focus { + --tw-gradient-to: var(--error-error-300, #ce5151); + } + + .md\:focus\:to-Error-error-400:focus { + --tw-gradient-to: var(--error-error-400, #b85e5e); + } + + .md\:focus\:to-Error-error-500:focus { + --tw-gradient-to: var(--error-error-500, #d83738); + } + + .md\:focus\:to-Error-error-600:focus { + --tw-gradient-to: var(--error-error-600, #a82b2b); + } + + .md\:focus\:to-Error-error-700:focus { + --tw-gradient-to: var(--error-error-700, #601819); + } + + .md\:decoration-slice { + -webkit-box-decoration-break: slice; + box-decoration-break: slice; + } + + .md\:decoration-clone { + -webkit-box-decoration-break: clone; + box-decoration-break: clone; + } + + .md\:bg-auto { + background-size: auto; + } + + .md\:bg-cover { + background-size: cover; + } + + .md\:bg-contain { + background-size: contain; + } + + .md\:bg-fixed { + background-attachment: fixed; + } + + .md\:bg-local { + background-attachment: local; + } + + .md\:bg-scroll { + background-attachment: scroll; + } + + .md\:bg-clip-border { + background-clip: border-box; + } + + .md\:bg-clip-padding { + background-clip: padding-box; + } + + .md\:bg-clip-content { + background-clip: content-box; + } + + .md\:bg-clip-text { + -webkit-background-clip: text; + background-clip: text; + } + + .md\:bg-bottom { + background-position: bottom; + } + + .md\:bg-center { + background-position: center; + } + + .md\:bg-left { + background-position: left; + } + + .md\:bg-left-bottom { + background-position: left bottom; + } + + .md\:bg-left-top { + background-position: left top; + } + + .md\:bg-right { + background-position: right; + } + + .md\:bg-right-bottom { + background-position: right bottom; + } + + .md\:bg-right-top { + background-position: right top; + } + + .md\:bg-top { + background-position: top; + } + + .md\:bg-repeat { + background-repeat: repeat; + } + + .md\:bg-no-repeat { + background-repeat: no-repeat; + } + + .md\:bg-repeat-x { + background-repeat: repeat-x; + } + + .md\:bg-repeat-y { + background-repeat: repeat-y; + } + + .md\:bg-repeat-round { + background-repeat: round; + } + + .md\:bg-repeat-space { + background-repeat: space; + } + + .md\:bg-origin-border { + background-origin: border-box; + } + + .md\:bg-origin-padding { + background-origin: padding-box; + } + + .md\:bg-origin-content { + background-origin: content-box; + } + + .md\:fill-current { + fill: currentColor; + } + + .md\:stroke-current { + stroke: currentColor; + } + + .md\:stroke-0 { + stroke-width: 0; + } + + .md\:stroke-1 { + stroke-width: 1; + } + + .md\:stroke-2 { + stroke-width: 2; + } + + .md\:object-contain { + -o-object-fit: contain; + object-fit: contain; + } + + .md\:object-cover { + -o-object-fit: cover; + object-fit: cover; + } + + .md\:object-fill { + -o-object-fit: fill; + object-fit: fill; + } + + .md\:object-none { + -o-object-fit: none; + object-fit: none; + } + + .md\:object-scale-down { + -o-object-fit: scale-down; + object-fit: scale-down; + } + + .md\:object-bottom { + -o-object-position: bottom; + object-position: bottom; + } + + .md\:object-center { + -o-object-position: center; + object-position: center; + } + + .md\:object-left { + -o-object-position: left; + object-position: left; + } + + .md\:object-left-bottom { + -o-object-position: left bottom; + object-position: left bottom; + } + + .md\:object-left-top { + -o-object-position: left top; + object-position: left top; + } + + .md\:object-right { + -o-object-position: right; + object-position: right; + } + + .md\:object-right-bottom { + -o-object-position: right bottom; + object-position: right bottom; + } + + .md\:object-right-top { + -o-object-position: right top; + object-position: right top; + } + + .md\:object-top { + -o-object-position: top; + object-position: top; + } + + .md\:p-0 { + padding: 0px; + } + + .md\:p-1 { + padding: 0.25rem; + } + + .md\:p-2 { + padding: 0.5rem; + } + + .md\:p-3 { + padding: 0.75rem; + } + + .md\:p-4 { + padding: 1rem; + } + + .md\:p-5 { + padding: 1.25rem; + } + + .md\:p-6 { + padding: 1.5rem; + } + + .md\:p-7 { + padding: 1.75rem; + } + + .md\:p-8 { + padding: 2rem; + } + + .md\:p-9 { + padding: 2.25rem; + } + + .md\:p-10 { + padding: 2.5rem; + } + + .md\:p-11 { + padding: 2.75rem; + } + + .md\:p-12 { + padding: 3rem; + } + + .md\:p-14 { + padding: 3.5rem; + } + + .md\:p-16 { + padding: 4rem; + } + + .md\:p-20 { + padding: 5rem; + } + + .md\:p-24 { + padding: 6rem; + } + + .md\:p-28 { + padding: 7rem; + } + + .md\:p-32 { + padding: 8rem; + } + + .md\:p-36 { + padding: 9rem; + } + + .md\:p-40 { + padding: 10rem; + } + + .md\:p-44 { + padding: 11rem; + } + + .md\:p-48 { + padding: 12rem; + } + + .md\:p-52 { + padding: 13rem; + } + + .md\:p-56 { + padding: 14rem; + } + + .md\:p-60 { + padding: 15rem; + } + + .md\:p-64 { + padding: 16rem; + } + + .md\:p-72 { + padding: 18rem; + } + + .md\:p-80 { + padding: 20rem; + } + + .md\:p-96 { + padding: 24rem; + } + + .md\:p-px { + padding: 1px; + } + + .md\:p-0\.5 { + padding: 0.125rem; + } + + .md\:p-1\.5 { + padding: 0.375rem; + } + + .md\:p-2\.5 { + padding: 0.625rem; + } + + .md\:p-3\.5 { + padding: 0.875rem; + } + + .md\:px-0 { + padding-left: 0px; + padding-right: 0px; + } + + .md\:px-1 { + padding-left: 0.25rem; + padding-right: 0.25rem; + } + + .md\:px-2 { + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .md\:px-3 { + padding-left: 0.75rem; + padding-right: 0.75rem; + } + + .md\:px-4 { + padding-left: 1rem; + padding-right: 1rem; + } + + .md\:px-5 { + padding-left: 1.25rem; + padding-right: 1.25rem; + } + + .md\:px-6 { + padding-left: 1.5rem; + padding-right: 1.5rem; + } + + .md\:px-7 { + padding-left: 1.75rem; + padding-right: 1.75rem; + } + + .md\:px-8 { + padding-left: 2rem; + padding-right: 2rem; + } + + .md\:px-9 { + padding-left: 2.25rem; + padding-right: 2.25rem; + } + + .md\:px-10 { + padding-left: 2.5rem; + padding-right: 2.5rem; + } + + .md\:px-11 { + padding-left: 2.75rem; + padding-right: 2.75rem; + } + + .md\:px-12 { + padding-left: 3rem; + padding-right: 3rem; + } + + .md\:px-14 { + padding-left: 3.5rem; + padding-right: 3.5rem; + } + + .md\:px-16 { + padding-left: 4rem; + padding-right: 4rem; + } + + .md\:px-20 { + padding-left: 5rem; + padding-right: 5rem; + } + + .md\:px-24 { + padding-left: 6rem; + padding-right: 6rem; + } + + .md\:px-28 { + padding-left: 7rem; + padding-right: 7rem; + } + + .md\:px-32 { + padding-left: 8rem; + padding-right: 8rem; + } + + .md\:px-36 { + padding-left: 9rem; + padding-right: 9rem; + } + + .md\:px-40 { + padding-left: 10rem; + padding-right: 10rem; + } + + .md\:px-44 { + padding-left: 11rem; + padding-right: 11rem; + } + + .md\:px-48 { + padding-left: 12rem; + padding-right: 12rem; + } + + .md\:px-52 { + padding-left: 13rem; + padding-right: 13rem; + } + + .md\:px-56 { + padding-left: 14rem; + padding-right: 14rem; + } + + .md\:px-60 { + padding-left: 15rem; + padding-right: 15rem; + } + + .md\:px-64 { + padding-left: 16rem; + padding-right: 16rem; + } + + .md\:px-72 { + padding-left: 18rem; + padding-right: 18rem; + } + + .md\:px-80 { + padding-left: 20rem; + padding-right: 20rem; + } + + .md\:px-96 { + padding-left: 24rem; + padding-right: 24rem; + } + + .md\:px-px { + padding-left: 1px; + padding-right: 1px; + } + + .md\:px-0\.5 { + padding-left: 0.125rem; + padding-right: 0.125rem; + } + + .md\:px-1\.5 { + padding-left: 0.375rem; + padding-right: 0.375rem; + } + + .md\:px-2\.5 { + padding-left: 0.625rem; + padding-right: 0.625rem; + } + + .md\:px-3\.5 { + padding-left: 0.875rem; + padding-right: 0.875rem; + } + + .md\:py-0 { + padding-top: 0px; + padding-bottom: 0px; + } + + .md\:py-1 { + padding-top: 0.25rem; + padding-bottom: 0.25rem; + } + + .md\:py-2 { + padding-top: 0.5rem; + padding-bottom: 0.5rem; + } + + .md\:py-3 { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + } + + .md\:py-4 { + padding-top: 1rem; + padding-bottom: 1rem; + } + + .md\:py-5 { + padding-top: 1.25rem; + padding-bottom: 1.25rem; + } + + .md\:py-6 { + padding-top: 1.5rem; + padding-bottom: 1.5rem; + } + + .md\:py-7 { + padding-top: 1.75rem; + padding-bottom: 1.75rem; + } + + .md\:py-8 { + padding-top: 2rem; + padding-bottom: 2rem; + } + + .md\:py-9 { + padding-top: 2.25rem; + padding-bottom: 2.25rem; + } + + .md\:py-10 { + padding-top: 2.5rem; + padding-bottom: 2.5rem; + } + + .md\:py-11 { + padding-top: 2.75rem; + padding-bottom: 2.75rem; + } + + .md\:py-12 { + padding-top: 3rem; + padding-bottom: 3rem; + } + + .md\:py-14 { + padding-top: 3.5rem; + padding-bottom: 3.5rem; + } + + .md\:py-16 { + padding-top: 4rem; + padding-bottom: 4rem; + } + + .md\:py-20 { + padding-top: 5rem; + padding-bottom: 5rem; + } + + .md\:py-24 { + padding-top: 6rem; + padding-bottom: 6rem; + } + + .md\:py-28 { + padding-top: 7rem; + padding-bottom: 7rem; + } + + .md\:py-32 { + padding-top: 8rem; + padding-bottom: 8rem; + } + + .md\:py-36 { + padding-top: 9rem; + padding-bottom: 9rem; + } + + .md\:py-40 { + padding-top: 10rem; + padding-bottom: 10rem; + } + + .md\:py-44 { + padding-top: 11rem; + padding-bottom: 11rem; + } + + .md\:py-48 { + padding-top: 12rem; + padding-bottom: 12rem; + } + + .md\:py-52 { + padding-top: 13rem; + padding-bottom: 13rem; + } + + .md\:py-56 { + padding-top: 14rem; + padding-bottom: 14rem; + } + + .md\:py-60 { + padding-top: 15rem; + padding-bottom: 15rem; + } + + .md\:py-64 { + padding-top: 16rem; + padding-bottom: 16rem; + } + + .md\:py-72 { + padding-top: 18rem; + padding-bottom: 18rem; + } + + .md\:py-80 { + padding-top: 20rem; + padding-bottom: 20rem; + } + + .md\:py-96 { + padding-top: 24rem; + padding-bottom: 24rem; + } + + .md\:py-px { + padding-top: 1px; + padding-bottom: 1px; + } + + .md\:py-0\.5 { + padding-top: 0.125rem; + padding-bottom: 0.125rem; + } + + .md\:py-1\.5 { + padding-top: 0.375rem; + padding-bottom: 0.375rem; + } + + .md\:py-2\.5 { + padding-top: 0.625rem; + padding-bottom: 0.625rem; + } + + .md\:py-3\.5 { + padding-top: 0.875rem; + padding-bottom: 0.875rem; + } + + .md\:pt-0 { + padding-top: 0px; + } + + .md\:pt-1 { + padding-top: 0.25rem; + } + + .md\:pt-2 { + padding-top: 0.5rem; + } + + .md\:pt-3 { + padding-top: 0.75rem; + } + + .md\:pt-4 { + padding-top: 1rem; + } + + .md\:pt-5 { + padding-top: 1.25rem; + } + + .md\:pt-6 { + padding-top: 1.5rem; + } + + .md\:pt-7 { + padding-top: 1.75rem; + } + + .md\:pt-8 { + padding-top: 2rem; + } + + .md\:pt-9 { + padding-top: 2.25rem; + } + + .md\:pt-10 { + padding-top: 2.5rem; + } + + .md\:pt-11 { + padding-top: 2.75rem; + } + + .md\:pt-12 { + padding-top: 3rem; + } + + .md\:pt-14 { + padding-top: 3.5rem; + } + + .md\:pt-16 { + padding-top: 4rem; + } + + .md\:pt-20 { + padding-top: 5rem; + } + + .md\:pt-24 { + padding-top: 6rem; + } + + .md\:pt-28 { + padding-top: 7rem; + } + + .md\:pt-32 { + padding-top: 8rem; + } + + .md\:pt-36 { + padding-top: 9rem; + } + + .md\:pt-40 { + padding-top: 10rem; + } + + .md\:pt-44 { + padding-top: 11rem; + } + + .md\:pt-48 { + padding-top: 12rem; + } + + .md\:pt-52 { + padding-top: 13rem; + } + + .md\:pt-56 { + padding-top: 14rem; + } + + .md\:pt-60 { + padding-top: 15rem; + } + + .md\:pt-64 { + padding-top: 16rem; + } + + .md\:pt-72 { + padding-top: 18rem; + } + + .md\:pt-80 { + padding-top: 20rem; + } + + .md\:pt-96 { + padding-top: 24rem; + } + + .md\:pt-px { + padding-top: 1px; + } + + .md\:pt-0\.5 { + padding-top: 0.125rem; + } + + .md\:pt-1\.5 { + padding-top: 0.375rem; + } + + .md\:pt-2\.5 { + padding-top: 0.625rem; + } + + .md\:pt-3\.5 { + padding-top: 0.875rem; + } + + .md\:pr-0 { + padding-right: 0px; + } + + .md\:pr-1 { + padding-right: 0.25rem; + } + + .md\:pr-2 { + padding-right: 0.5rem; + } + + .md\:pr-3 { + padding-right: 0.75rem; + } + + .md\:pr-4 { + padding-right: 1rem; + } + + .md\:pr-5 { + padding-right: 1.25rem; + } + + .md\:pr-6 { + padding-right: 1.5rem; + } + + .md\:pr-7 { + padding-right: 1.75rem; + } + + .md\:pr-8 { + padding-right: 2rem; + } + + .md\:pr-9 { + padding-right: 2.25rem; + } + + .md\:pr-10 { + padding-right: 2.5rem; + } + + .md\:pr-11 { + padding-right: 2.75rem; + } + + .md\:pr-12 { + padding-right: 3rem; + } + + .md\:pr-14 { + padding-right: 3.5rem; + } + + .md\:pr-16 { + padding-right: 4rem; + } + + .md\:pr-20 { + padding-right: 5rem; + } + + .md\:pr-24 { + padding-right: 6rem; + } + + .md\:pr-28 { + padding-right: 7rem; + } + + .md\:pr-32 { + padding-right: 8rem; + } + + .md\:pr-36 { + padding-right: 9rem; + } + + .md\:pr-40 { + padding-right: 10rem; + } + + .md\:pr-44 { + padding-right: 11rem; + } + + .md\:pr-48 { + padding-right: 12rem; + } + + .md\:pr-52 { + padding-right: 13rem; + } + + .md\:pr-56 { + padding-right: 14rem; + } + + .md\:pr-60 { + padding-right: 15rem; + } + + .md\:pr-64 { + padding-right: 16rem; + } + + .md\:pr-72 { + padding-right: 18rem; + } + + .md\:pr-80 { + padding-right: 20rem; + } + + .md\:pr-96 { + padding-right: 24rem; + } + + .md\:pr-px { + padding-right: 1px; + } + + .md\:pr-0\.5 { + padding-right: 0.125rem; + } + + .md\:pr-1\.5 { + padding-right: 0.375rem; + } + + .md\:pr-2\.5 { + padding-right: 0.625rem; + } + + .md\:pr-3\.5 { + padding-right: 0.875rem; + } + + .md\:pb-0 { + padding-bottom: 0px; + } + + .md\:pb-1 { + padding-bottom: 0.25rem; + } + + .md\:pb-2 { + padding-bottom: 0.5rem; + } + + .md\:pb-3 { + padding-bottom: 0.75rem; + } + + .md\:pb-4 { + padding-bottom: 1rem; + } + + .md\:pb-5 { + padding-bottom: 1.25rem; + } + + .md\:pb-6 { + padding-bottom: 1.5rem; + } + + .md\:pb-7 { + padding-bottom: 1.75rem; + } + + .md\:pb-8 { + padding-bottom: 2rem; + } + + .md\:pb-9 { + padding-bottom: 2.25rem; + } + + .md\:pb-10 { + padding-bottom: 2.5rem; + } + + .md\:pb-11 { + padding-bottom: 2.75rem; + } + + .md\:pb-12 { + padding-bottom: 3rem; + } + + .md\:pb-14 { + padding-bottom: 3.5rem; + } + + .md\:pb-16 { + padding-bottom: 4rem; + } + + .md\:pb-20 { + padding-bottom: 5rem; + } + + .md\:pb-24 { + padding-bottom: 6rem; + } + + .md\:pb-28 { + padding-bottom: 7rem; + } + + .md\:pb-32 { + padding-bottom: 8rem; + } + + .md\:pb-36 { + padding-bottom: 9rem; + } + + .md\:pb-40 { + padding-bottom: 10rem; + } + + .md\:pb-44 { + padding-bottom: 11rem; + } + + .md\:pb-48 { + padding-bottom: 12rem; + } + + .md\:pb-52 { + padding-bottom: 13rem; + } + + .md\:pb-56 { + padding-bottom: 14rem; + } + + .md\:pb-60 { + padding-bottom: 15rem; + } + + .md\:pb-64 { + padding-bottom: 16rem; + } + + .md\:pb-72 { + padding-bottom: 18rem; + } + + .md\:pb-80 { + padding-bottom: 20rem; + } + + .md\:pb-96 { + padding-bottom: 24rem; + } + + .md\:pb-px { + padding-bottom: 1px; + } + + .md\:pb-0\.5 { + padding-bottom: 0.125rem; + } + + .md\:pb-1\.5 { + padding-bottom: 0.375rem; + } + + .md\:pb-2\.5 { + padding-bottom: 0.625rem; + } + + .md\:pb-3\.5 { + padding-bottom: 0.875rem; + } + + .md\:pl-0 { + padding-left: 0px; + } + + .md\:pl-1 { + padding-left: 0.25rem; + } + + .md\:pl-2 { + padding-left: 0.5rem; + } + + .md\:pl-3 { + padding-left: 0.75rem; + } + + .md\:pl-4 { + padding-left: 1rem; + } + + .md\:pl-5 { + padding-left: 1.25rem; + } + + .md\:pl-6 { + padding-left: 1.5rem; + } + + .md\:pl-7 { + padding-left: 1.75rem; + } + + .md\:pl-8 { + padding-left: 2rem; + } + + .md\:pl-9 { + padding-left: 2.25rem; + } + + .md\:pl-10 { + padding-left: 2.5rem; + } + + .md\:pl-11 { + padding-left: 2.75rem; + } + + .md\:pl-12 { + padding-left: 3rem; + } + + .md\:pl-14 { + padding-left: 3.5rem; + } + + .md\:pl-16 { + padding-left: 4rem; + } + + .md\:pl-20 { + padding-left: 5rem; + } + + .md\:pl-24 { + padding-left: 6rem; + } + + .md\:pl-28 { + padding-left: 7rem; + } + + .md\:pl-32 { + padding-left: 8rem; + } + + .md\:pl-36 { + padding-left: 9rem; + } + + .md\:pl-40 { + padding-left: 10rem; + } + + .md\:pl-44 { + padding-left: 11rem; + } + + .md\:pl-48 { + padding-left: 12rem; + } + + .md\:pl-52 { + padding-left: 13rem; + } + + .md\:pl-56 { + padding-left: 14rem; + } + + .md\:pl-60 { + padding-left: 15rem; + } + + .md\:pl-64 { + padding-left: 16rem; + } + + .md\:pl-72 { + padding-left: 18rem; + } + + .md\:pl-80 { + padding-left: 20rem; + } + + .md\:pl-96 { + padding-left: 24rem; + } + + .md\:pl-px { + padding-left: 1px; + } + + .md\:pl-0\.5 { + padding-left: 0.125rem; + } + + .md\:pl-1\.5 { + padding-left: 0.375rem; + } + + .md\:pl-2\.5 { + padding-left: 0.625rem; + } + + .md\:pl-3\.5 { + padding-left: 0.875rem; + } + + .md\:text-left { + text-align: left; + } + + .md\:text-center { + text-align: center; + } + + .md\:text-right { + text-align: right; + } + + .md\:text-justify { + text-align: justify; + } + + .md\:align-baseline { + vertical-align: baseline; + } + + .md\:align-top { + vertical-align: top; + } + + .md\:align-middle { + vertical-align: middle; + } + + .md\:align-bottom { + vertical-align: bottom; + } + + .md\:align-text-top { + vertical-align: text-top; + } + + .md\:align-text-bottom { + vertical-align: text-bottom; + } + + .md\:font-sans { + font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + } + + .md\:font-serif { + font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; + } + + .md\:font-mono { + font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + } + + .md\:text-xs { + font-size: 0.75rem; + line-height: 1rem; + } + + .md\:text-sm { + font-size: 0.875rem; + line-height: 1.25rem; + } + + .md\:text-base { + font-size: 1rem; + line-height: 1.5rem; + } + + .md\:text-lg { + font-size: 1.125rem; + line-height: 1.75rem; + } + + .md\:text-xl { + font-size: 1.25rem; + line-height: 1.75rem; + } + + .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-8xl { + font-size: 6rem; + line-height: 1; + } + + .md\:text-9xl { + font-size: 8rem; + line-height: 1; + } + + .md\:font-thin { + font-weight: 100; + } + + .md\:font-extralight { + font-weight: 200; + } + + .md\:font-light { + font-weight: 300; + } + + .md\:font-normal { + font-weight: 400; + } + + .md\:font-medium { + font-weight: 500; + } + + .md\:font-semibold { + font-weight: 600; + } + + .md\:font-bold { + font-weight: 700; + } + + .md\:font-extrabold { + font-weight: 800; + } + + .md\:font-black { + font-weight: 900; + } + + .md\:uppercase { + text-transform: uppercase; + } + + .md\:lowercase { + text-transform: lowercase; + } + + .md\:capitalize { + text-transform: capitalize; + } + + .md\:normal-case { + text-transform: none; + } + + .md\:italic { + font-style: italic; + } + + .md\:not-italic { + font-style: normal; + } + + .md\:ordinal, .md\:slashed-zero, .md\:lining-nums, .md\:oldstyle-nums, .md\:proportional-nums, .md\:tabular-nums, .md\:diagonal-fractions, .md\:stacked-fractions { + --tw-ordinal: var(--tw-empty,/*!*/ /*!*/); + --tw-slashed-zero: var(--tw-empty,/*!*/ /*!*/); + --tw-numeric-figure: var(--tw-empty,/*!*/ /*!*/); + --tw-numeric-spacing: var(--tw-empty,/*!*/ /*!*/); + --tw-numeric-fraction: var(--tw-empty,/*!*/ /*!*/); + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); + } + + .md\:normal-nums { + font-variant-numeric: normal; + } + + .md\:ordinal { + --tw-ordinal: ordinal; + } + + .md\:slashed-zero { + --tw-slashed-zero: slashed-zero; + } + + .md\:lining-nums { + --tw-numeric-figure: lining-nums; + } + + .md\:oldstyle-nums { + --tw-numeric-figure: oldstyle-nums; + } + + .md\:proportional-nums { + --tw-numeric-spacing: proportional-nums; + } + + .md\:tabular-nums { + --tw-numeric-spacing: tabular-nums; + } + + .md\:diagonal-fractions { + --tw-numeric-fraction: diagonal-fractions; + } + + .md\:stacked-fractions { + --tw-numeric-fraction: stacked-fractions; + } + + .md\:leading-3 { + line-height: .75rem; + } + + .md\:leading-4 { + line-height: 1rem; + } + + .md\:leading-5 { + line-height: 1.25rem; + } + + .md\:leading-6 { + line-height: 1.5rem; + } + + .md\:leading-7 { + line-height: 1.75rem; + } + + .md\:leading-8 { + line-height: 2rem; + } + + .md\:leading-9 { + line-height: 2.25rem; + } + + .md\:leading-10 { + line-height: 2.5rem; + } + + .md\:leading-none { + line-height: 1; + } + + .md\:leading-tight { + line-height: 1.25; + } + + .md\:leading-snug { + line-height: 1.375; + } + + .md\:leading-normal { + line-height: 1.5; + } + + .md\:leading-relaxed { + line-height: 1.625; + } + + .md\:leading-loose { + line-height: 2; + } + + .md\:tracking-tighter { + letter-spacing: -0.05em; + } + + .md\:tracking-tight { + letter-spacing: -0.025em; + } + + .md\:tracking-normal { + letter-spacing: 0em; + } + + .md\:tracking-wide { + letter-spacing: 0.025em; + } + + .md\:tracking-wider { + letter-spacing: 0.05em; + } + + .md\:tracking-widest { + letter-spacing: 0.1em; + } + + .md\:text-colors-black { + color: var(--colors-black, #000000); + } + + .md\:text-colors-white { + color: var(--colors-white, #ffffff); + } + + .md\:text-colors-gray-100 { + color: var(--colors-gray-100, #f7fafc); + } + + .md\:text-colors-gray-200 { + color: var(--colors-gray-200, #edf2f7); + } + + .md\:text-colors-gray-300 { + color: var(--colors-gray-300, #e2e8f0); + } + + .md\:text-colors-gray-400 { + color: var(--colors-gray-400, #cbd5e0); + } + + .md\:text-colors-gray-500 { + color: var(--colors-gray-500, #a0aec0); + } + + .md\:text-colors-gray-600 { + color: var(--colors-gray-600, #718096); + } + + .md\:text-colors-gray-700 { + color: var(--colors-gray-700, #4a5568); + } + + .md\:text-colors-gray-800 { + color: var(--colors-gray-800, #2d3748); + } + + .md\:text-colors-gray-900 { + color: var(--colors-gray-900, #1a202c); + } + + .md\:text-colors-red-100 { + color: var(--colors-red-100, #fff5f5); + } + + .md\:text-colors-red-200 { + color: var(--colors-red-200, #fed7d7); + } + + .md\:text-colors-red-300 { + color: var(--colors-red-300, #feb2b2); + } + + .md\:text-colors-red-400 { + color: var(--colors-red-400, #fc8181); + } + + .md\:text-colors-red-500 { + color: var(--colors-red-500, #f56565); + } + + .md\:text-colors-red-600 { + color: var(--colors-red-600, #e53e3e); + } + + .md\:text-colors-red-700 { + color: var(--colors-red-700, #c53030); + } + + .md\:text-colors-red-800 { + color: var(--colors-red-800, #9b2c2c); + } + + .md\:text-colors-red-900 { + color: var(--colors-red-900, #742a2a); + } + + .md\:text-colors-orange-100 { + color: var(--colors-orange-100, #fffaf0); + } + + .md\:text-colors-orange-200 { + color: var(--colors-orange-200, #feebc8); + } + + .md\:text-colors-orange-300 { + color: var(--colors-orange-300, #fbd38d); + } + + .md\:text-colors-orange-400 { + color: var(--colors-orange-400, #f6ad55); + } + + .md\:text-colors-orange-500 { + color: var(--colors-orange-500, #ed8936); + } + + .md\:text-colors-orange-600 { + color: var(--colors-orange-600, #dd6b20); + } + + .md\:text-colors-orange-700 { + color: var(--colors-orange-700, #c05621); + } + + .md\:text-colors-orange-800 { + color: var(--colors-orange-800, #9c4221); + } + + .md\:text-colors-orange-900 { + color: var(--colors-orange-900, #7b341e); + } + + .md\:text-colors-yellow-100 { + color: var(--colors-yellow-100, #fffff0); + } + + .md\:text-colors-yellow-200 { + color: var(--colors-yellow-200, #fefcbf); + } + + .md\:text-colors-yellow-300 { + color: var(--colors-yellow-300, #faf089); + } + + .md\:text-colors-yellow-400 { + color: var(--colors-yellow-400, #f6e05e); + } + + .md\:text-colors-yellow-500 { + color: var(--colors-yellow-500, #ecc94b); + } + + .md\:text-colors-yellow-600 { + color: var(--colors-yellow-600, #d69e2e); + } + + .md\:text-colors-yellow-700 { + color: var(--colors-yellow-700, #b7791f); + } + + .md\:text-colors-yellow-800 { + color: var(--colors-yellow-800, #975a16); + } + + .md\:text-colors-yellow-900 { + color: var(--colors-yellow-900, #744210); + } + + .md\:text-colors-green-100 { + color: var(--colors-green-100, #f0fff4); + } + + .md\:text-colors-green-200 { + color: var(--colors-green-200, #c6f6d5); + } + + .md\:text-colors-green-300 { + color: var(--colors-green-300, #9ae6b4); + } + + .md\:text-colors-green-400 { + color: var(--colors-green-400, #68d391); + } + + .md\:text-colors-green-500 { + color: var(--colors-green-500, #48bb78); + } + + .md\:text-colors-green-600 { + color: var(--colors-green-600, #38a169); + } + + .md\:text-colors-green-700 { + color: var(--colors-green-700, #2f855a); + } + + .md\:text-colors-green-800 { + color: var(--colors-green-800, #276749); + } + + .md\:text-colors-green-900 { + color: var(--colors-green-900, #22543d); + } + + .md\:text-colors-teal-100 { + color: var(--colors-teal-100, #e6fffa); + } + + .md\:text-colors-teal-200 { + color: var(--colors-teal-200, #b2f5ea); + } + + .md\:text-colors-teal-300 { + color: var(--colors-teal-300, #81e6d9); + } + + .md\:text-colors-teal-400 { + color: var(--colors-teal-400, #4fd1c5); + } + + .md\:text-colors-teal-500 { + color: var(--colors-teal-500, #38b2ac); + } + + .md\:text-colors-teal-600 { + color: var(--colors-teal-600, #319795); + } + + .md\:text-colors-teal-700 { + color: var(--colors-teal-700, #2c7a7b); + } + + .md\:text-colors-teal-800 { + color: var(--colors-teal-800, #285e61); + } + + .md\:text-colors-teal-900 { + color: var(--colors-teal-900, #234e52); + } + + .md\:text-colors-blue-100 { + color: var(--colors-blue-100, #ebf8ff); + } + + .md\:text-colors-blue-200 { + color: var(--colors-blue-200, #bee3f8); + } + + .md\:text-colors-blue-300 { + color: var(--colors-blue-300, #90cdf4); + } + + .md\:text-colors-blue-400 { + color: var(--colors-blue-400, #63b3ed); + } + + .md\:text-colors-blue-500 { + color: var(--colors-blue-500, #4299e1); + } + + .md\:text-colors-blue-600 { + color: var(--colors-blue-600, #3182ce); + } + + .md\:text-colors-blue-700 { + color: var(--colors-blue-700, #2b6cb0); + } + + .md\:text-colors-blue-800 { + color: var(--colors-blue-800, #2c5282); + } + + .md\:text-colors-blue-900 { + color: var(--colors-blue-900, #2a4365); + } + + .md\:text-colors-indigo-100 { + color: var(--colors-indigo-100, #ebf4ff); + } + + .md\:text-colors-indigo-200 { + color: var(--colors-indigo-200, #c3dafe); + } + + .md\:text-colors-indigo-300 { + color: var(--colors-indigo-300, #a3bffa); + } + + .md\:text-colors-indigo-400 { + color: var(--colors-indigo-400, #7f9cf5); + } + + .md\:text-colors-indigo-500 { + color: var(--colors-indigo-500, #667eea); + } + + .md\:text-colors-indigo-600 { + color: var(--colors-indigo-600, #5a67d8); + } + + .md\:text-colors-indigo-700 { + color: var(--colors-indigo-700, #4c51bf); + } + + .md\:text-colors-indigo-800 { + color: var(--colors-indigo-800, #434190); + } + + .md\:text-colors-indigo-900 { + color: var(--colors-indigo-900, #3c366b); + } + + .md\:text-colors-purple-100 { + color: var(--colors-purple-100, #faf5ff); + } + + .md\:text-colors-purple-200 { + color: var(--colors-purple-200, #e9d8fd); + } + + .md\:text-colors-purple-300 { + color: var(--colors-purple-300, #d6bcfa); + } + + .md\:text-colors-purple-400 { + color: var(--colors-purple-400, #b794f4); + } + + .md\:text-colors-purple-500 { + color: var(--colors-purple-500, #9f7aea); + } + + .md\:text-colors-purple-600 { + color: var(--colors-purple-600, #805ad5); + } + + .md\:text-colors-purple-700 { + color: var(--colors-purple-700, #6b46c1); + } + + .md\:text-colors-purple-800 { + color: var(--colors-purple-800, #553c9a); + } + + .md\:text-colors-purple-900 { + color: var(--colors-purple-900, #44337a); + } + + .md\:text-colors-pink-100 { + color: var(--colors-pink-100, #fff5f7); + } + + .md\:text-colors-pink-200 { + color: var(--colors-pink-200, #fed7e2); + } + + .md\:text-colors-pink-300 { + color: var(--colors-pink-300, #fbb6ce); + } + + .md\:text-colors-pink-400 { + color: var(--colors-pink-400, #f687b3); + } + + .md\:text-colors-pink-500 { + color: var(--colors-pink-500, #ed64a6); + } + + .md\:text-colors-pink-600 { + color: var(--colors-pink-600, #d53f8c); + } + + .md\:text-colors-pink-700 { + color: var(--colors-pink-700, #b83280); + } + + .md\:text-colors-pink-800 { + color: var(--colors-pink-800, #97266d); + } + + .md\:text-colors-pink-900 { + color: var(--colors-pink-900, #702459); + } + + .md\:text-Box\ Shadow { + color: var(--box-shadow, #7f7e7f); + } + + .md\:text-Error16 { + color: var(--error16, #f03d3e40); + } + + .md\:text-Success16 { + color: var(--success16, #5bb14d40); + } + + .md\:text-Notification16 { + color: var(--notification16, #3959ff40); + } + + .md\:text-Error8 { + color: var(--error8, #f03d3e1a); + } + + .md\:text-Notification8 { + color: var(--notification8, #3959ff1a); + } + + .md\:text-Success8 { + color: var(--success8, #5bb14d1a); + } + + .md\:text-Light\ -\ Overlay { + color: var(--light-overlay, #f0edee66); + } + + .md\:text-Dark-\ Overlay { + color: var(--dark-overlay, #7f7e7f66); + } + + .md\:text-black-40 { + color: var(--black-40, #00000066); + } + + .md\:text-black-75 { + color: var(--black-75, #000000bf); + } + + .md\:text-black-60 { + color: var(--black-60, #00000099); + } + + .md\:text-black-50 { + color: var(--black-50, #00000080); + } + + .md\:text-black-25 { + color: var(--black-25, #00000040); + } + + .md\:text-black-10 { + color: var(--black-10, #0000001a); + } + + .md\:text-white-25 { + color: var(--white-25, #ffffff40); + } + + .md\:text-white-60 { + color: var(--white-60, #ffffff99); + } + + .md\:text-black-64 { + color: var(--black-64, #000000a3); + } + + .md\:text-Shadow\ and\ Highlight-Shadow { + color: var(--shadow-and-highlight-shadow, #7f7e7f); + } + + .md\:text-Shadow\ and\ Highlight-Highlight { + color: var(--shadow-and-highlight-highlight, #474747); + } + + .md\:text-Shadow\ and\ Highlight-highlight\ one { + color: var(--shadow-and-highlight-highlight-one, #474747bf); + } + + .md\:text-Shadow\ and\ Highlight-highlight\ two { + color: var(--shadow-and-highlight-highlight-two, #47474799); + } + + .md\:text-Shadow\ and\ Highlight-highlight\ three { + color: var(--shadow-and-highlight-highlight-three, #47474766); + } + + .md\:text-Shadow\ and\ Highlight-highlight\ five { + color: var(--shadow-and-highlight-highlight-five, #4747471a); + } + + .md\:text-Shadow\ and\ Highlight-shadow\ one { + color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); + } + + .md\:text-Shadow\ and\ Highlight-shadow\ two { + color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); + } + + .md\:text-Shadow\ and\ Highlight-shadow\ three { + color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); + } + + .md\:text-Shadow\ and\ Highlight-shadow\ four { + color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); + } + + .md\:text-Shadow\ and\ Highlight-shadow\ five { + color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); + } + + .md\:text-Shadow\ and\ Highlight-highlight\ four { + color: var(--shadow-and-highlight-highlight-four, #47474740); + } + + .md\:text-Base\ Layer\ Styles-Base\ Layer-\ Light-White { + color: var(--base-layer-styles-base-layer-light-white, #ffffff); + } + + .md\:text-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite { + color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); + } + + .md\:text-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack { + color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); + } + + .md\:text-Base\ Layer\ Styles-Base\ Layer-Dark-Black { + color: var(--base-layer-styles-base-layer-dark-black, #000000); + } + + .md\:text-Grey-Scale-white { + color: var(--grey-scale-white, #ffffff); + } + + .md\:text-Grey-Scale-off-white { + color: var(--grey-scale-off-white, #f0edee); + } + + .md\:text-Grey\ Scale-grey { + color: var(--grey-scale-grey, #7f7e7f); + } + + .md\:text-Grey\ Scale-charcoal { + color: var(--grey-scale-charcoal, #474747); + } + + .md\:text-Grey\ Scale-off-black { + color: var(--grey-scale-off-black, #1c1c1c); + } + + .md\:text-Grey\ Scale-black { + color: var(--grey-scale-black, #000000); + } + + .md\:text-Blue-blue { + color: var(--blue-blue, #3a7ca5); + } + + .md\:text-Blue-blue-100 { + color: var(--blue-blue-100, #75a3c0); + } + + .md\:text-Blue-blue-200 { + color: var(--blue-blue-200, #9cbed2); + } + + .md\:text-Blue-blue-300 { + color: var(--blue-blue-300, #4f7d9a); + } + + .md\:text-Blue-blue-400 { + color: var(--blue-blue-400, #5c7d92); + } + + .md\:text-Blue-blue-500 { + color: var(--blue-blue-500, #347095); + } + + .md\:text-Blue-blue-600 { + color: var(--blue-blue-600, #295774); + } + + .md\:text-Blue-blue-700 { + color: var(--blue-blue-700, #173242); + } + + .md\:text-LightBlue-lightblue { + color: var(--light-blue-lightblue, #81c3d7); + } + + .md\:text-LightBlue-lightblue-100 { + color: var(--light-blue-lightblue-100, #a7d5e3); + } + + .md\:text-LightBlue-lightblue-200 { + color: var(--light-blue-lightblue-200, #c0e1eb); + } + + .md\:text-LightBlue-lightblue-300 { + color: var(--light-blue-lightblue-300, #80aebd); + } + + .md\:text-LightBlue-lightblue-400 { + color: var(--light-blue-lightblue-400, #80a0ab); + } + + .md\:text-LightBlue-lightblue-500 { + color: var(--light-blue-lightblue-500, #74afc1); + } + + .md\:text-LightBlue-lightblue-600 { + color: var(--light-blue-lightblue-600, #5a8997); + } + + .md\:text-LightBlue-lightblue-650 { + color: var(--light-blue-lightblue-650, #3e5e65); + } + + .md\:text-LightBlue-lightblue-700 { + color: var(--light-blue-lightblue-700, #344e56); + } + + .md\:text-Orange-orange { + color: var(--orange-orange, #ff7f0e); + } + + .md\:text-Orange-orange-100 { + color: var(--orange-orange-100, #ffa556); + } + + .md\:text-Orange-orange-200 { + color: var(--orange-orange-200, #ffbf86); + } + + .md\:text-Orange-orange-300 { + color: var(--orange-orange-300, #d97f30); + } + + .md\:text-Orange-orange-400 { + color: var(--orange-orange-400, #bf7e46); + } + + .md\:text-Orange-orange-500 { + color: var(--orange-orange-500, #e5720d); + } + + .md\:text-Orange-orange-600 { + color: var(--orange-orange-600, #b3590a); + } + + .md\:text-Orange-orange-700 { + color: var(--orange-orange-700, #663306); + } + + .md\:text-Yellow-yellow { + color: var(--yellow-yellow, #ffab00); + } + + .md\:text-Yellow-yellow-100 { + color: var(--yellow-yellow-100, #ffc44c); + } + + .md\:text-Yellow-yellow-200 { + color: var(--yellow-yellow-200, #ffd580); + } + + .md\:text-Yellow-yellow-300 { + color: var(--yellow-yellow-300, #d99d26); + } + + .md\:text-Yellow-yellow-400 { + color: var(--yellow-yellow-400, #bf943f); + } + + .md\:text-Yellow-yellow-500 { + color: var(--yellow-yellow-500, #e59a00); + } + + .md\:text-Yellow-yellow-600 { + color: var(--yellow-yellow-600, #b37800); + } + + .md\:text-Yellow-yellow-700 { + color: var(--yellow-yellow-700, #664400); + } + + .md\:text-Notification-notification { + color: var(--notification-notification, #3959ff); + } + + .md\:text-Notification-notification-100 { + color: var(--notification-notification-100, #748bff); + } + + .md\:text-Notification-notification-200 { + color: var(--notification-notification-200, #9cacff); + } + + .md\:text-Notification-notification-300 { + color: var(--notification-notification-300, #4e64d9); + } + + .md\:text-Notification-notification-400 { + color: var(--notification-notification-400, #5c6cbf); + } + + .md\:text-Notification-notification-500 { + color: var(--notification-notification-500, #3350e5); + } + + .md\:text-Notification-notification-600 { + color: var(--notification-notification-600, #283eb3); + } + + .md\:text-Notification-notification-700 { + color: var(--notification-notification-700, #172466); + } + + .md\:text-Success-success\ -700 { + color: var(--success-success-700, #24471f); + } + + .md\:text-Success-success { + color: var(--success-success, #5bb14d); + } + + .md\:text-Success-success\ -100 { + color: var(--success-success-100, #8cc882); + } + + .md\:text-Success-success\ -200 { + color: var(--success-success-200, #add8a6); + } + + .md\:text-Success-success\ -300 { + color: var(--success-success-300, #66a25c); + } + + .md\:text-Success-success\ -400 { + color: var(--success-success-400, #6d9766); + } + + .md\:text-Success-success\ -500 { + color: var(--success-success-500, #529f45); + } + + .md\:text-Success-success\ -600 { + color: var(--success-success-600, #407c36); + } + + .md\:text-Error-error { + color: var(--error-error, #f03d3e); + } + + .md\:text-Error-error-100 { + color: var(--error-error-100, #f57778); + } + + .md\:text-Error-error-200 { + color: var(--error-error-200, #f89e9e); + } + + .md\:text-Error-error-250 { + color: var(--error-error-250, #f9c8c8); + } + + .md\:text-Error-error-300 { + color: var(--error-error-300, #ce5151); + } + + .md\:text-Error-error-400 { + color: var(--error-error-400, #b85e5e); + } + + .md\:text-Error-error-500 { + color: var(--error-error-500, #d83738); + } + + .md\:text-Error-error-600 { + color: var(--error-error-600, #a82b2b); + } + + .md\:text-Error-error-700 { + color: var(--error-error-700, #601819); + } + + .group:hover .md\:group-hover\:text-colors-black { + color: var(--colors-black, #000000); + } + + .group:hover .md\:group-hover\:text-colors-white { + color: var(--colors-white, #ffffff); + } + + .group:hover .md\:group-hover\:text-colors-gray-100 { + color: var(--colors-gray-100, #f7fafc); + } + + .group:hover .md\:group-hover\:text-colors-gray-200 { + color: var(--colors-gray-200, #edf2f7); + } + + .group:hover .md\:group-hover\:text-colors-gray-300 { + color: var(--colors-gray-300, #e2e8f0); + } + + .group:hover .md\:group-hover\:text-colors-gray-400 { + color: var(--colors-gray-400, #cbd5e0); + } + + .group:hover .md\:group-hover\:text-colors-gray-500 { + color: var(--colors-gray-500, #a0aec0); + } + + .group:hover .md\:group-hover\:text-colors-gray-600 { + color: var(--colors-gray-600, #718096); + } + + .group:hover .md\:group-hover\:text-colors-gray-700 { + color: var(--colors-gray-700, #4a5568); + } + + .group:hover .md\:group-hover\:text-colors-gray-800 { + color: var(--colors-gray-800, #2d3748); + } + + .group:hover .md\:group-hover\:text-colors-gray-900 { + color: var(--colors-gray-900, #1a202c); + } + + .group:hover .md\:group-hover\:text-colors-red-100 { + color: var(--colors-red-100, #fff5f5); + } + + .group:hover .md\:group-hover\:text-colors-red-200 { + color: var(--colors-red-200, #fed7d7); + } + + .group:hover .md\:group-hover\:text-colors-red-300 { + color: var(--colors-red-300, #feb2b2); + } + + .group:hover .md\:group-hover\:text-colors-red-400 { + color: var(--colors-red-400, #fc8181); + } + + .group:hover .md\:group-hover\:text-colors-red-500 { + color: var(--colors-red-500, #f56565); + } + + .group:hover .md\:group-hover\:text-colors-red-600 { + color: var(--colors-red-600, #e53e3e); + } + + .group:hover .md\:group-hover\:text-colors-red-700 { + color: var(--colors-red-700, #c53030); + } + + .group:hover .md\:group-hover\:text-colors-red-800 { + color: var(--colors-red-800, #9b2c2c); + } + + .group:hover .md\:group-hover\:text-colors-red-900 { + color: var(--colors-red-900, #742a2a); + } + + .group:hover .md\:group-hover\:text-colors-orange-100 { + color: var(--colors-orange-100, #fffaf0); + } + + .group:hover .md\:group-hover\:text-colors-orange-200 { + color: var(--colors-orange-200, #feebc8); + } + + .group:hover .md\:group-hover\:text-colors-orange-300 { + color: var(--colors-orange-300, #fbd38d); + } + + .group:hover .md\:group-hover\:text-colors-orange-400 { + color: var(--colors-orange-400, #f6ad55); + } + + .group:hover .md\:group-hover\:text-colors-orange-500 { + color: var(--colors-orange-500, #ed8936); + } + + .group:hover .md\:group-hover\:text-colors-orange-600 { + color: var(--colors-orange-600, #dd6b20); + } + + .group:hover .md\:group-hover\:text-colors-orange-700 { + color: var(--colors-orange-700, #c05621); + } + + .group:hover .md\:group-hover\:text-colors-orange-800 { + color: var(--colors-orange-800, #9c4221); + } + + .group:hover .md\:group-hover\:text-colors-orange-900 { + color: var(--colors-orange-900, #7b341e); + } + + .group:hover .md\:group-hover\:text-colors-yellow-100 { + color: var(--colors-yellow-100, #fffff0); + } + + .group:hover .md\:group-hover\:text-colors-yellow-200 { + color: var(--colors-yellow-200, #fefcbf); + } + + .group:hover .md\:group-hover\:text-colors-yellow-300 { + color: var(--colors-yellow-300, #faf089); + } + + .group:hover .md\:group-hover\:text-colors-yellow-400 { + color: var(--colors-yellow-400, #f6e05e); + } + + .group:hover .md\:group-hover\:text-colors-yellow-500 { + color: var(--colors-yellow-500, #ecc94b); + } + + .group:hover .md\:group-hover\:text-colors-yellow-600 { + color: var(--colors-yellow-600, #d69e2e); + } + + .group:hover .md\:group-hover\:text-colors-yellow-700 { + color: var(--colors-yellow-700, #b7791f); + } + + .group:hover .md\:group-hover\:text-colors-yellow-800 { + color: var(--colors-yellow-800, #975a16); + } + + .group:hover .md\:group-hover\:text-colors-yellow-900 { + color: var(--colors-yellow-900, #744210); + } + + .group:hover .md\:group-hover\:text-colors-green-100 { + color: var(--colors-green-100, #f0fff4); + } + + .group:hover .md\:group-hover\:text-colors-green-200 { + color: var(--colors-green-200, #c6f6d5); + } + + .group:hover .md\:group-hover\:text-colors-green-300 { + color: var(--colors-green-300, #9ae6b4); + } + + .group:hover .md\:group-hover\:text-colors-green-400 { + color: var(--colors-green-400, #68d391); + } + + .group:hover .md\:group-hover\:text-colors-green-500 { + color: var(--colors-green-500, #48bb78); + } + + .group:hover .md\:group-hover\:text-colors-green-600 { + color: var(--colors-green-600, #38a169); + } + + .group:hover .md\:group-hover\:text-colors-green-700 { + color: var(--colors-green-700, #2f855a); + } + + .group:hover .md\:group-hover\:text-colors-green-800 { + color: var(--colors-green-800, #276749); + } + + .group:hover .md\:group-hover\:text-colors-green-900 { + color: var(--colors-green-900, #22543d); + } + + .group:hover .md\:group-hover\:text-colors-teal-100 { + color: var(--colors-teal-100, #e6fffa); + } + + .group:hover .md\:group-hover\:text-colors-teal-200 { + color: var(--colors-teal-200, #b2f5ea); + } + + .group:hover .md\:group-hover\:text-colors-teal-300 { + color: var(--colors-teal-300, #81e6d9); + } + + .group:hover .md\:group-hover\:text-colors-teal-400 { + color: var(--colors-teal-400, #4fd1c5); + } + + .group:hover .md\:group-hover\:text-colors-teal-500 { + color: var(--colors-teal-500, #38b2ac); + } + + .group:hover .md\:group-hover\:text-colors-teal-600 { + color: var(--colors-teal-600, #319795); + } + + .group:hover .md\:group-hover\:text-colors-teal-700 { + color: var(--colors-teal-700, #2c7a7b); + } + + .group:hover .md\:group-hover\:text-colors-teal-800 { + color: var(--colors-teal-800, #285e61); + } + + .group:hover .md\:group-hover\:text-colors-teal-900 { + color: var(--colors-teal-900, #234e52); + } + + .group:hover .md\:group-hover\:text-colors-blue-100 { + color: var(--colors-blue-100, #ebf8ff); + } + + .group:hover .md\:group-hover\:text-colors-blue-200 { + color: var(--colors-blue-200, #bee3f8); + } + + .group:hover .md\:group-hover\:text-colors-blue-300 { + color: var(--colors-blue-300, #90cdf4); + } + + .group:hover .md\:group-hover\:text-colors-blue-400 { + color: var(--colors-blue-400, #63b3ed); + } + + .group:hover .md\:group-hover\:text-colors-blue-500 { + color: var(--colors-blue-500, #4299e1); + } + + .group:hover .md\:group-hover\:text-colors-blue-600 { + color: var(--colors-blue-600, #3182ce); + } + + .group:hover .md\:group-hover\:text-colors-blue-700 { + color: var(--colors-blue-700, #2b6cb0); + } + + .group:hover .md\:group-hover\:text-colors-blue-800 { + color: var(--colors-blue-800, #2c5282); + } + + .group:hover .md\:group-hover\:text-colors-blue-900 { + color: var(--colors-blue-900, #2a4365); + } + + .group:hover .md\:group-hover\:text-colors-indigo-100 { + color: var(--colors-indigo-100, #ebf4ff); + } + + .group:hover .md\:group-hover\:text-colors-indigo-200 { + color: var(--colors-indigo-200, #c3dafe); + } + + .group:hover .md\:group-hover\:text-colors-indigo-300 { + color: var(--colors-indigo-300, #a3bffa); + } + + .group:hover .md\:group-hover\:text-colors-indigo-400 { + color: var(--colors-indigo-400, #7f9cf5); + } + + .group:hover .md\:group-hover\:text-colors-indigo-500 { + color: var(--colors-indigo-500, #667eea); + } + + .group:hover .md\:group-hover\:text-colors-indigo-600 { + color: var(--colors-indigo-600, #5a67d8); + } + + .group:hover .md\:group-hover\:text-colors-indigo-700 { + color: var(--colors-indigo-700, #4c51bf); + } + + .group:hover .md\:group-hover\:text-colors-indigo-800 { + color: var(--colors-indigo-800, #434190); + } + + .group:hover .md\:group-hover\:text-colors-indigo-900 { + color: var(--colors-indigo-900, #3c366b); + } + + .group:hover .md\:group-hover\:text-colors-purple-100 { + color: var(--colors-purple-100, #faf5ff); + } + + .group:hover .md\:group-hover\:text-colors-purple-200 { + color: var(--colors-purple-200, #e9d8fd); + } + + .group:hover .md\:group-hover\:text-colors-purple-300 { + color: var(--colors-purple-300, #d6bcfa); + } + + .group:hover .md\:group-hover\:text-colors-purple-400 { + color: var(--colors-purple-400, #b794f4); + } + + .group:hover .md\:group-hover\:text-colors-purple-500 { + color: var(--colors-purple-500, #9f7aea); + } + + .group:hover .md\:group-hover\:text-colors-purple-600 { + color: var(--colors-purple-600, #805ad5); + } + + .group:hover .md\:group-hover\:text-colors-purple-700 { + color: var(--colors-purple-700, #6b46c1); + } + + .group:hover .md\:group-hover\:text-colors-purple-800 { + color: var(--colors-purple-800, #553c9a); + } + + .group:hover .md\:group-hover\:text-colors-purple-900 { + color: var(--colors-purple-900, #44337a); + } + + .group:hover .md\:group-hover\:text-colors-pink-100 { + color: var(--colors-pink-100, #fff5f7); + } + + .group:hover .md\:group-hover\:text-colors-pink-200 { + color: var(--colors-pink-200, #fed7e2); + } + + .group:hover .md\:group-hover\:text-colors-pink-300 { + color: var(--colors-pink-300, #fbb6ce); + } + + .group:hover .md\:group-hover\:text-colors-pink-400 { + color: var(--colors-pink-400, #f687b3); + } + + .group:hover .md\:group-hover\:text-colors-pink-500 { + color: var(--colors-pink-500, #ed64a6); + } + + .group:hover .md\:group-hover\:text-colors-pink-600 { + color: var(--colors-pink-600, #d53f8c); + } + + .group:hover .md\:group-hover\:text-colors-pink-700 { + color: var(--colors-pink-700, #b83280); + } + + .group:hover .md\:group-hover\:text-colors-pink-800 { + color: var(--colors-pink-800, #97266d); + } + + .group:hover .md\:group-hover\:text-colors-pink-900 { + color: var(--colors-pink-900, #702459); + } + + .group:hover .md\:group-hover\:text-Box\ Shadow { + color: var(--box-shadow, #7f7e7f); + } + + .group:hover .md\:group-hover\:text-Error16 { + color: var(--error16, #f03d3e40); + } + + .group:hover .md\:group-hover\:text-Success16 { + color: var(--success16, #5bb14d40); + } + + .group:hover .md\:group-hover\:text-Notification16 { + color: var(--notification16, #3959ff40); + } + + .group:hover .md\:group-hover\:text-Error8 { + color: var(--error8, #f03d3e1a); + } + + .group:hover .md\:group-hover\:text-Notification8 { + color: var(--notification8, #3959ff1a); + } + + .group:hover .md\:group-hover\:text-Success8 { + color: var(--success8, #5bb14d1a); + } + + .group:hover .md\:group-hover\:text-Light\ -\ Overlay { + color: var(--light-overlay, #f0edee66); + } + + .group:hover .md\:group-hover\:text-Dark-\ Overlay { + color: var(--dark-overlay, #7f7e7f66); + } + + .group:hover .md\:group-hover\:text-black-40 { + color: var(--black-40, #00000066); + } + + .group:hover .md\:group-hover\:text-black-75 { + color: var(--black-75, #000000bf); + } + + .group:hover .md\:group-hover\:text-black-60 { + color: var(--black-60, #00000099); + } + + .group:hover .md\:group-hover\:text-black-50 { + color: var(--black-50, #00000080); + } + + .group:hover .md\:group-hover\:text-black-25 { + color: var(--black-25, #00000040); + } + + .group:hover .md\:group-hover\:text-black-10 { + color: var(--black-10, #0000001a); + } + + .group:hover .md\:group-hover\:text-white-25 { + color: var(--white-25, #ffffff40); + } + + .group:hover .md\:group-hover\:text-white-60 { + color: var(--white-60, #ffffff99); + } + + .group:hover .md\:group-hover\:text-black-64 { + color: var(--black-64, #000000a3); + } + + .group:hover .md\:group-hover\:text-Shadow\ and\ Highlight-Shadow { + color: var(--shadow-and-highlight-shadow, #7f7e7f); + } + + .group:hover .md\:group-hover\:text-Shadow\ and\ Highlight-Highlight { + color: var(--shadow-and-highlight-highlight, #474747); + } + + .group:hover .md\:group-hover\:text-Shadow\ and\ Highlight-highlight\ one { + color: var(--shadow-and-highlight-highlight-one, #474747bf); + } + + .group:hover .md\:group-hover\:text-Shadow\ and\ Highlight-highlight\ two { + color: var(--shadow-and-highlight-highlight-two, #47474799); + } + + .group:hover .md\:group-hover\:text-Shadow\ and\ Highlight-highlight\ three { + color: var(--shadow-and-highlight-highlight-three, #47474766); + } + + .group:hover .md\:group-hover\:text-Shadow\ and\ Highlight-highlight\ five { + color: var(--shadow-and-highlight-highlight-five, #4747471a); + } + + .group:hover .md\:group-hover\:text-Shadow\ and\ Highlight-shadow\ one { + color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); + } + + .group:hover .md\:group-hover\:text-Shadow\ and\ Highlight-shadow\ two { + color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); + } + + .group:hover .md\:group-hover\:text-Shadow\ and\ Highlight-shadow\ three { + color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); + } + + .group:hover .md\:group-hover\:text-Shadow\ and\ Highlight-shadow\ four { + color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); + } + + .group:hover .md\:group-hover\:text-Shadow\ and\ Highlight-shadow\ five { + color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); + } + + .group:hover .md\:group-hover\:text-Shadow\ and\ Highlight-highlight\ four { + color: var(--shadow-and-highlight-highlight-four, #47474740); + } + + .group:hover .md\:group-hover\:text-Base\ Layer\ Styles-Base\ Layer-\ Light-White { + color: var(--base-layer-styles-base-layer-light-white, #ffffff); + } + + .group:hover .md\:group-hover\:text-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite { + color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); + } + + .group:hover .md\:group-hover\:text-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack { + color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); + } + + .group:hover .md\:group-hover\:text-Base\ Layer\ Styles-Base\ Layer-Dark-Black { + color: var(--base-layer-styles-base-layer-dark-black, #000000); + } + + .group:hover .md\:group-hover\:text-Grey-Scale-white { + color: var(--grey-scale-white, #ffffff); + } + + .group:hover .md\:group-hover\:text-Grey-Scale-off-white { + color: var(--grey-scale-off-white, #f0edee); + } + + .group:hover .md\:group-hover\:text-Grey\ Scale-grey { + color: var(--grey-scale-grey, #7f7e7f); + } + + .group:hover .md\:group-hover\:text-Grey\ Scale-charcoal { + color: var(--grey-scale-charcoal, #474747); + } + + .group:hover .md\:group-hover\:text-Grey\ Scale-off-black { + color: var(--grey-scale-off-black, #1c1c1c); + } + + .group:hover .md\:group-hover\:text-Grey\ Scale-black { + color: var(--grey-scale-black, #000000); + } + + .group:hover .md\:group-hover\:text-Blue-blue { + color: var(--blue-blue, #3a7ca5); + } + + .group:hover .md\:group-hover\:text-Blue-blue-100 { + color: var(--blue-blue-100, #75a3c0); + } + + .group:hover .md\:group-hover\:text-Blue-blue-200 { + color: var(--blue-blue-200, #9cbed2); + } + + .group:hover .md\:group-hover\:text-Blue-blue-300 { + color: var(--blue-blue-300, #4f7d9a); + } + + .group:hover .md\:group-hover\:text-Blue-blue-400 { + color: var(--blue-blue-400, #5c7d92); + } + + .group:hover .md\:group-hover\:text-Blue-blue-500 { + color: var(--blue-blue-500, #347095); + } + + .group:hover .md\:group-hover\:text-Blue-blue-600 { + color: var(--blue-blue-600, #295774); + } + + .group:hover .md\:group-hover\:text-Blue-blue-700 { + color: var(--blue-blue-700, #173242); + } + + .group:hover .md\:group-hover\:text-LightBlue-lightblue { + color: var(--light-blue-lightblue, #81c3d7); + } + + .group:hover .md\:group-hover\:text-LightBlue-lightblue-100 { + color: var(--light-blue-lightblue-100, #a7d5e3); + } + + .group:hover .md\:group-hover\:text-LightBlue-lightblue-200 { + color: var(--light-blue-lightblue-200, #c0e1eb); + } + + .group:hover .md\:group-hover\:text-LightBlue-lightblue-300 { + color: var(--light-blue-lightblue-300, #80aebd); + } + + .group:hover .md\:group-hover\:text-LightBlue-lightblue-400 { + color: var(--light-blue-lightblue-400, #80a0ab); + } + + .group:hover .md\:group-hover\:text-LightBlue-lightblue-500 { + color: var(--light-blue-lightblue-500, #74afc1); + } + + .group:hover .md\:group-hover\:text-LightBlue-lightblue-600 { + color: var(--light-blue-lightblue-600, #5a8997); + } + + .group:hover .md\:group-hover\:text-LightBlue-lightblue-650 { + color: var(--light-blue-lightblue-650, #3e5e65); + } + + .group:hover .md\:group-hover\:text-LightBlue-lightblue-700 { + color: var(--light-blue-lightblue-700, #344e56); + } + + .group:hover .md\:group-hover\:text-Orange-orange { + color: var(--orange-orange, #ff7f0e); + } + + .group:hover .md\:group-hover\:text-Orange-orange-100 { + color: var(--orange-orange-100, #ffa556); + } + + .group:hover .md\:group-hover\:text-Orange-orange-200 { + color: var(--orange-orange-200, #ffbf86); + } + + .group:hover .md\:group-hover\:text-Orange-orange-300 { + color: var(--orange-orange-300, #d97f30); + } + + .group:hover .md\:group-hover\:text-Orange-orange-400 { + color: var(--orange-orange-400, #bf7e46); + } + + .group:hover .md\:group-hover\:text-Orange-orange-500 { + color: var(--orange-orange-500, #e5720d); + } + + .group:hover .md\:group-hover\:text-Orange-orange-600 { + color: var(--orange-orange-600, #b3590a); + } + + .group:hover .md\:group-hover\:text-Orange-orange-700 { + color: var(--orange-orange-700, #663306); + } + + .group:hover .md\:group-hover\:text-Yellow-yellow { + color: var(--yellow-yellow, #ffab00); + } + + .group:hover .md\:group-hover\:text-Yellow-yellow-100 { + color: var(--yellow-yellow-100, #ffc44c); + } + + .group:hover .md\:group-hover\:text-Yellow-yellow-200 { + color: var(--yellow-yellow-200, #ffd580); + } + + .group:hover .md\:group-hover\:text-Yellow-yellow-300 { + color: var(--yellow-yellow-300, #d99d26); + } + + .group:hover .md\:group-hover\:text-Yellow-yellow-400 { + color: var(--yellow-yellow-400, #bf943f); + } + + .group:hover .md\:group-hover\:text-Yellow-yellow-500 { + color: var(--yellow-yellow-500, #e59a00); + } + + .group:hover .md\:group-hover\:text-Yellow-yellow-600 { + color: var(--yellow-yellow-600, #b37800); + } + + .group:hover .md\:group-hover\:text-Yellow-yellow-700 { + color: var(--yellow-yellow-700, #664400); + } + + .group:hover .md\:group-hover\:text-Notification-notification { + color: var(--notification-notification, #3959ff); + } + + .group:hover .md\:group-hover\:text-Notification-notification-100 { + color: var(--notification-notification-100, #748bff); + } + + .group:hover .md\:group-hover\:text-Notification-notification-200 { + color: var(--notification-notification-200, #9cacff); + } + + .group:hover .md\:group-hover\:text-Notification-notification-300 { + color: var(--notification-notification-300, #4e64d9); + } + + .group:hover .md\:group-hover\:text-Notification-notification-400 { + color: var(--notification-notification-400, #5c6cbf); + } + + .group:hover .md\:group-hover\:text-Notification-notification-500 { + color: var(--notification-notification-500, #3350e5); + } + + .group:hover .md\:group-hover\:text-Notification-notification-600 { + color: var(--notification-notification-600, #283eb3); + } + + .group:hover .md\:group-hover\:text-Notification-notification-700 { + color: var(--notification-notification-700, #172466); + } + + .group:hover .md\:group-hover\:text-Success-success\ -700 { + color: var(--success-success-700, #24471f); + } + + .group:hover .md\:group-hover\:text-Success-success { + color: var(--success-success, #5bb14d); + } + + .group:hover .md\:group-hover\:text-Success-success\ -100 { + color: var(--success-success-100, #8cc882); + } + + .group:hover .md\:group-hover\:text-Success-success\ -200 { + color: var(--success-success-200, #add8a6); + } + + .group:hover .md\:group-hover\:text-Success-success\ -300 { + color: var(--success-success-300, #66a25c); + } + + .group:hover .md\:group-hover\:text-Success-success\ -400 { + color: var(--success-success-400, #6d9766); + } + + .group:hover .md\:group-hover\:text-Success-success\ -500 { + color: var(--success-success-500, #529f45); + } + + .group:hover .md\:group-hover\:text-Success-success\ -600 { + color: var(--success-success-600, #407c36); + } + + .group:hover .md\:group-hover\:text-Error-error { + color: var(--error-error, #f03d3e); + } + + .group:hover .md\:group-hover\:text-Error-error-100 { + color: var(--error-error-100, #f57778); + } + + .group:hover .md\:group-hover\:text-Error-error-200 { + color: var(--error-error-200, #f89e9e); + } + + .group:hover .md\:group-hover\:text-Error-error-250 { + color: var(--error-error-250, #f9c8c8); + } + + .group:hover .md\:group-hover\:text-Error-error-300 { + color: var(--error-error-300, #ce5151); + } + + .group:hover .md\:group-hover\:text-Error-error-400 { + color: var(--error-error-400, #b85e5e); + } + + .group:hover .md\:group-hover\:text-Error-error-500 { + color: var(--error-error-500, #d83738); + } + + .group:hover .md\:group-hover\:text-Error-error-600 { + color: var(--error-error-600, #a82b2b); + } + + .group:hover .md\:group-hover\:text-Error-error-700 { + color: var(--error-error-700, #601819); + } + + .md\:focus-within\:text-colors-black:focus-within { + color: var(--colors-black, #000000); + } + + .md\:focus-within\:text-colors-white:focus-within { + color: var(--colors-white, #ffffff); + } + + .md\:focus-within\:text-colors-gray-100:focus-within { + color: var(--colors-gray-100, #f7fafc); + } + + .md\:focus-within\:text-colors-gray-200:focus-within { + color: var(--colors-gray-200, #edf2f7); + } + + .md\:focus-within\:text-colors-gray-300:focus-within { + color: var(--colors-gray-300, #e2e8f0); + } + + .md\:focus-within\:text-colors-gray-400:focus-within { + color: var(--colors-gray-400, #cbd5e0); + } + + .md\:focus-within\:text-colors-gray-500:focus-within { + color: var(--colors-gray-500, #a0aec0); + } + + .md\:focus-within\:text-colors-gray-600:focus-within { + color: var(--colors-gray-600, #718096); + } + + .md\:focus-within\:text-colors-gray-700:focus-within { + color: var(--colors-gray-700, #4a5568); + } + + .md\:focus-within\:text-colors-gray-800:focus-within { + color: var(--colors-gray-800, #2d3748); + } + + .md\:focus-within\:text-colors-gray-900:focus-within { + color: var(--colors-gray-900, #1a202c); + } + + .md\:focus-within\:text-colors-red-100:focus-within { + color: var(--colors-red-100, #fff5f5); + } + + .md\:focus-within\:text-colors-red-200:focus-within { + color: var(--colors-red-200, #fed7d7); + } + + .md\:focus-within\:text-colors-red-300:focus-within { + color: var(--colors-red-300, #feb2b2); + } + + .md\:focus-within\:text-colors-red-400:focus-within { + color: var(--colors-red-400, #fc8181); + } + + .md\:focus-within\:text-colors-red-500:focus-within { + color: var(--colors-red-500, #f56565); + } + + .md\:focus-within\:text-colors-red-600:focus-within { + color: var(--colors-red-600, #e53e3e); + } + + .md\:focus-within\:text-colors-red-700:focus-within { + color: var(--colors-red-700, #c53030); + } + + .md\:focus-within\:text-colors-red-800:focus-within { + color: var(--colors-red-800, #9b2c2c); + } + + .md\:focus-within\:text-colors-red-900:focus-within { + color: var(--colors-red-900, #742a2a); + } + + .md\:focus-within\:text-colors-orange-100:focus-within { + color: var(--colors-orange-100, #fffaf0); + } + + .md\:focus-within\:text-colors-orange-200:focus-within { + color: var(--colors-orange-200, #feebc8); + } + + .md\:focus-within\:text-colors-orange-300:focus-within { + color: var(--colors-orange-300, #fbd38d); + } + + .md\:focus-within\:text-colors-orange-400:focus-within { + color: var(--colors-orange-400, #f6ad55); + } + + .md\:focus-within\:text-colors-orange-500:focus-within { + color: var(--colors-orange-500, #ed8936); + } + + .md\:focus-within\:text-colors-orange-600:focus-within { + color: var(--colors-orange-600, #dd6b20); + } + + .md\:focus-within\:text-colors-orange-700:focus-within { + color: var(--colors-orange-700, #c05621); + } + + .md\:focus-within\:text-colors-orange-800:focus-within { + color: var(--colors-orange-800, #9c4221); + } + + .md\:focus-within\:text-colors-orange-900:focus-within { + color: var(--colors-orange-900, #7b341e); + } + + .md\:focus-within\:text-colors-yellow-100:focus-within { + color: var(--colors-yellow-100, #fffff0); + } + + .md\:focus-within\:text-colors-yellow-200:focus-within { + color: var(--colors-yellow-200, #fefcbf); + } + + .md\:focus-within\:text-colors-yellow-300:focus-within { + color: var(--colors-yellow-300, #faf089); + } + + .md\:focus-within\:text-colors-yellow-400:focus-within { + color: var(--colors-yellow-400, #f6e05e); + } + + .md\:focus-within\:text-colors-yellow-500:focus-within { + color: var(--colors-yellow-500, #ecc94b); + } + + .md\:focus-within\:text-colors-yellow-600:focus-within { + color: var(--colors-yellow-600, #d69e2e); + } + + .md\:focus-within\:text-colors-yellow-700:focus-within { + color: var(--colors-yellow-700, #b7791f); + } + + .md\:focus-within\:text-colors-yellow-800:focus-within { + color: var(--colors-yellow-800, #975a16); + } + + .md\:focus-within\:text-colors-yellow-900:focus-within { + color: var(--colors-yellow-900, #744210); + } + + .md\:focus-within\:text-colors-green-100:focus-within { + color: var(--colors-green-100, #f0fff4); + } + + .md\:focus-within\:text-colors-green-200:focus-within { + color: var(--colors-green-200, #c6f6d5); + } + + .md\:focus-within\:text-colors-green-300:focus-within { + color: var(--colors-green-300, #9ae6b4); + } + + .md\:focus-within\:text-colors-green-400:focus-within { + color: var(--colors-green-400, #68d391); + } + + .md\:focus-within\:text-colors-green-500:focus-within { + color: var(--colors-green-500, #48bb78); + } + + .md\:focus-within\:text-colors-green-600:focus-within { + color: var(--colors-green-600, #38a169); + } + + .md\:focus-within\:text-colors-green-700:focus-within { + color: var(--colors-green-700, #2f855a); + } + + .md\:focus-within\:text-colors-green-800:focus-within { + color: var(--colors-green-800, #276749); + } + + .md\:focus-within\:text-colors-green-900:focus-within { + color: var(--colors-green-900, #22543d); + } + + .md\:focus-within\:text-colors-teal-100:focus-within { + color: var(--colors-teal-100, #e6fffa); + } + + .md\:focus-within\:text-colors-teal-200:focus-within { + color: var(--colors-teal-200, #b2f5ea); + } + + .md\:focus-within\:text-colors-teal-300:focus-within { + color: var(--colors-teal-300, #81e6d9); + } + + .md\:focus-within\:text-colors-teal-400:focus-within { + color: var(--colors-teal-400, #4fd1c5); + } + + .md\:focus-within\:text-colors-teal-500:focus-within { + color: var(--colors-teal-500, #38b2ac); + } + + .md\:focus-within\:text-colors-teal-600:focus-within { + color: var(--colors-teal-600, #319795); + } + + .md\:focus-within\:text-colors-teal-700:focus-within { + color: var(--colors-teal-700, #2c7a7b); + } + + .md\:focus-within\:text-colors-teal-800:focus-within { + color: var(--colors-teal-800, #285e61); + } + + .md\:focus-within\:text-colors-teal-900:focus-within { + color: var(--colors-teal-900, #234e52); + } + + .md\:focus-within\:text-colors-blue-100:focus-within { + color: var(--colors-blue-100, #ebf8ff); + } + + .md\:focus-within\:text-colors-blue-200:focus-within { + color: var(--colors-blue-200, #bee3f8); + } + + .md\:focus-within\:text-colors-blue-300:focus-within { + color: var(--colors-blue-300, #90cdf4); + } + + .md\:focus-within\:text-colors-blue-400:focus-within { + color: var(--colors-blue-400, #63b3ed); + } + + .md\:focus-within\:text-colors-blue-500:focus-within { + color: var(--colors-blue-500, #4299e1); + } + + .md\:focus-within\:text-colors-blue-600:focus-within { + color: var(--colors-blue-600, #3182ce); + } + + .md\:focus-within\:text-colors-blue-700:focus-within { + color: var(--colors-blue-700, #2b6cb0); + } + + .md\:focus-within\:text-colors-blue-800:focus-within { + color: var(--colors-blue-800, #2c5282); + } + + .md\:focus-within\:text-colors-blue-900:focus-within { + color: var(--colors-blue-900, #2a4365); + } + + .md\:focus-within\:text-colors-indigo-100:focus-within { + color: var(--colors-indigo-100, #ebf4ff); + } + + .md\:focus-within\:text-colors-indigo-200:focus-within { + color: var(--colors-indigo-200, #c3dafe); + } + + .md\:focus-within\:text-colors-indigo-300:focus-within { + color: var(--colors-indigo-300, #a3bffa); + } + + .md\:focus-within\:text-colors-indigo-400:focus-within { + color: var(--colors-indigo-400, #7f9cf5); + } + + .md\:focus-within\:text-colors-indigo-500:focus-within { + color: var(--colors-indigo-500, #667eea); + } + + .md\:focus-within\:text-colors-indigo-600:focus-within { + color: var(--colors-indigo-600, #5a67d8); + } + + .md\:focus-within\:text-colors-indigo-700:focus-within { + color: var(--colors-indigo-700, #4c51bf); + } + + .md\:focus-within\:text-colors-indigo-800:focus-within { + color: var(--colors-indigo-800, #434190); + } + + .md\:focus-within\:text-colors-indigo-900:focus-within { + color: var(--colors-indigo-900, #3c366b); + } + + .md\:focus-within\:text-colors-purple-100:focus-within { + color: var(--colors-purple-100, #faf5ff); + } + + .md\:focus-within\:text-colors-purple-200:focus-within { + color: var(--colors-purple-200, #e9d8fd); + } + + .md\:focus-within\:text-colors-purple-300:focus-within { + color: var(--colors-purple-300, #d6bcfa); + } + + .md\:focus-within\:text-colors-purple-400:focus-within { + color: var(--colors-purple-400, #b794f4); + } + + .md\:focus-within\:text-colors-purple-500:focus-within { + color: var(--colors-purple-500, #9f7aea); + } + + .md\:focus-within\:text-colors-purple-600:focus-within { + color: var(--colors-purple-600, #805ad5); + } + + .md\:focus-within\:text-colors-purple-700:focus-within { + color: var(--colors-purple-700, #6b46c1); + } + + .md\:focus-within\:text-colors-purple-800:focus-within { + color: var(--colors-purple-800, #553c9a); + } + + .md\:focus-within\:text-colors-purple-900:focus-within { + color: var(--colors-purple-900, #44337a); + } + + .md\:focus-within\:text-colors-pink-100:focus-within { + color: var(--colors-pink-100, #fff5f7); + } + + .md\:focus-within\:text-colors-pink-200:focus-within { + color: var(--colors-pink-200, #fed7e2); + } + + .md\:focus-within\:text-colors-pink-300:focus-within { + color: var(--colors-pink-300, #fbb6ce); + } + + .md\:focus-within\:text-colors-pink-400:focus-within { + color: var(--colors-pink-400, #f687b3); + } + + .md\:focus-within\:text-colors-pink-500:focus-within { + color: var(--colors-pink-500, #ed64a6); + } + + .md\:focus-within\:text-colors-pink-600:focus-within { + color: var(--colors-pink-600, #d53f8c); + } + + .md\:focus-within\:text-colors-pink-700:focus-within { + color: var(--colors-pink-700, #b83280); + } + + .md\:focus-within\:text-colors-pink-800:focus-within { + color: var(--colors-pink-800, #97266d); + } + + .md\:focus-within\:text-colors-pink-900:focus-within { + color: var(--colors-pink-900, #702459); + } + + .md\:focus-within\:text-Box\ Shadow:focus-within { + color: var(--box-shadow, #7f7e7f); + } + + .md\:focus-within\:text-Error16:focus-within { + color: var(--error16, #f03d3e40); + } + + .md\:focus-within\:text-Success16:focus-within { + color: var(--success16, #5bb14d40); + } + + .md\:focus-within\:text-Notification16:focus-within { + color: var(--notification16, #3959ff40); + } + + .md\:focus-within\:text-Error8:focus-within { + color: var(--error8, #f03d3e1a); + } + + .md\:focus-within\:text-Notification8:focus-within { + color: var(--notification8, #3959ff1a); + } + + .md\:focus-within\:text-Success8:focus-within { + color: var(--success8, #5bb14d1a); + } + + .md\:focus-within\:text-Light\ -\ Overlay:focus-within { + color: var(--light-overlay, #f0edee66); + } + + .md\:focus-within\:text-Dark-\ Overlay:focus-within { + color: var(--dark-overlay, #7f7e7f66); + } + + .md\:focus-within\:text-black-40:focus-within { + color: var(--black-40, #00000066); + } + + .md\:focus-within\:text-black-75:focus-within { + color: var(--black-75, #000000bf); + } + + .md\:focus-within\:text-black-60:focus-within { + color: var(--black-60, #00000099); + } + + .md\:focus-within\:text-black-50:focus-within { + color: var(--black-50, #00000080); + } + + .md\:focus-within\:text-black-25:focus-within { + color: var(--black-25, #00000040); + } + + .md\:focus-within\:text-black-10:focus-within { + color: var(--black-10, #0000001a); + } + + .md\:focus-within\:text-white-25:focus-within { + color: var(--white-25, #ffffff40); + } + + .md\:focus-within\:text-white-60:focus-within { + color: var(--white-60, #ffffff99); + } + + .md\:focus-within\:text-black-64:focus-within { + color: var(--black-64, #000000a3); + } + + .md\:focus-within\:text-Shadow\ and\ Highlight-Shadow:focus-within { + color: var(--shadow-and-highlight-shadow, #7f7e7f); + } + + .md\:focus-within\:text-Shadow\ and\ Highlight-Highlight:focus-within { + color: var(--shadow-and-highlight-highlight, #474747); + } + + .md\:focus-within\:text-Shadow\ and\ Highlight-highlight\ one:focus-within { + color: var(--shadow-and-highlight-highlight-one, #474747bf); + } + + .md\:focus-within\:text-Shadow\ and\ Highlight-highlight\ two:focus-within { + color: var(--shadow-and-highlight-highlight-two, #47474799); + } + + .md\:focus-within\:text-Shadow\ and\ Highlight-highlight\ three:focus-within { + color: var(--shadow-and-highlight-highlight-three, #47474766); + } + + .md\:focus-within\:text-Shadow\ and\ Highlight-highlight\ five:focus-within { + color: var(--shadow-and-highlight-highlight-five, #4747471a); + } + + .md\:focus-within\:text-Shadow\ and\ Highlight-shadow\ one:focus-within { + color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); + } + + .md\:focus-within\:text-Shadow\ and\ Highlight-shadow\ two:focus-within { + color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); + } + + .md\:focus-within\:text-Shadow\ and\ Highlight-shadow\ three:focus-within { + color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); + } + + .md\:focus-within\:text-Shadow\ and\ Highlight-shadow\ four:focus-within { + color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); + } + + .md\:focus-within\:text-Shadow\ and\ Highlight-shadow\ five:focus-within { + color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); + } + + .md\:focus-within\:text-Shadow\ and\ Highlight-highlight\ four:focus-within { + color: var(--shadow-and-highlight-highlight-four, #47474740); + } + + .md\:focus-within\:text-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus-within { + color: var(--base-layer-styles-base-layer-light-white, #ffffff); + } + + .md\:focus-within\:text-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus-within { + color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); + } + + .md\:focus-within\:text-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus-within { + color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); + } + + .md\:focus-within\:text-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus-within { + color: var(--base-layer-styles-base-layer-dark-black, #000000); + } + + .md\:focus-within\:text-Grey-Scale-white:focus-within { + color: var(--grey-scale-white, #ffffff); + } + + .md\:focus-within\:text-Grey-Scale-off-white:focus-within { + color: var(--grey-scale-off-white, #f0edee); + } + + .md\:focus-within\:text-Grey\ Scale-grey:focus-within { + color: var(--grey-scale-grey, #7f7e7f); + } + + .md\:focus-within\:text-Grey\ Scale-charcoal:focus-within { + color: var(--grey-scale-charcoal, #474747); + } + + .md\:focus-within\:text-Grey\ Scale-off-black:focus-within { + color: var(--grey-scale-off-black, #1c1c1c); + } + + .md\:focus-within\:text-Grey\ Scale-black:focus-within { + color: var(--grey-scale-black, #000000); + } + + .md\:focus-within\:text-Blue-blue:focus-within { + color: var(--blue-blue, #3a7ca5); + } + + .md\:focus-within\:text-Blue-blue-100:focus-within { + color: var(--blue-blue-100, #75a3c0); + } + + .md\:focus-within\:text-Blue-blue-200:focus-within { + color: var(--blue-blue-200, #9cbed2); + } + + .md\:focus-within\:text-Blue-blue-300:focus-within { + color: var(--blue-blue-300, #4f7d9a); + } + + .md\:focus-within\:text-Blue-blue-400:focus-within { + color: var(--blue-blue-400, #5c7d92); + } + + .md\:focus-within\:text-Blue-blue-500:focus-within { + color: var(--blue-blue-500, #347095); + } + + .md\:focus-within\:text-Blue-blue-600:focus-within { + color: var(--blue-blue-600, #295774); + } + + .md\:focus-within\:text-Blue-blue-700:focus-within { + color: var(--blue-blue-700, #173242); + } + + .md\:focus-within\:text-LightBlue-lightblue:focus-within { + color: var(--light-blue-lightblue, #81c3d7); + } + + .md\:focus-within\:text-LightBlue-lightblue-100:focus-within { + color: var(--light-blue-lightblue-100, #a7d5e3); + } + + .md\:focus-within\:text-LightBlue-lightblue-200:focus-within { + color: var(--light-blue-lightblue-200, #c0e1eb); + } + + .md\:focus-within\:text-LightBlue-lightblue-300:focus-within { + color: var(--light-blue-lightblue-300, #80aebd); + } + + .md\:focus-within\:text-LightBlue-lightblue-400:focus-within { + color: var(--light-blue-lightblue-400, #80a0ab); + } + + .md\:focus-within\:text-LightBlue-lightblue-500:focus-within { + color: var(--light-blue-lightblue-500, #74afc1); + } + + .md\:focus-within\:text-LightBlue-lightblue-600:focus-within { + color: var(--light-blue-lightblue-600, #5a8997); + } + + .md\:focus-within\:text-LightBlue-lightblue-650:focus-within { + color: var(--light-blue-lightblue-650, #3e5e65); + } + + .md\:focus-within\:text-LightBlue-lightblue-700:focus-within { + color: var(--light-blue-lightblue-700, #344e56); + } + + .md\:focus-within\:text-Orange-orange:focus-within { + color: var(--orange-orange, #ff7f0e); + } + + .md\:focus-within\:text-Orange-orange-100:focus-within { + color: var(--orange-orange-100, #ffa556); + } + + .md\:focus-within\:text-Orange-orange-200:focus-within { + color: var(--orange-orange-200, #ffbf86); + } + + .md\:focus-within\:text-Orange-orange-300:focus-within { + color: var(--orange-orange-300, #d97f30); + } + + .md\:focus-within\:text-Orange-orange-400:focus-within { + color: var(--orange-orange-400, #bf7e46); + } + + .md\:focus-within\:text-Orange-orange-500:focus-within { + color: var(--orange-orange-500, #e5720d); + } + + .md\:focus-within\:text-Orange-orange-600:focus-within { + color: var(--orange-orange-600, #b3590a); + } + + .md\:focus-within\:text-Orange-orange-700:focus-within { + color: var(--orange-orange-700, #663306); + } + + .md\:focus-within\:text-Yellow-yellow:focus-within { + color: var(--yellow-yellow, #ffab00); + } + + .md\:focus-within\:text-Yellow-yellow-100:focus-within { + color: var(--yellow-yellow-100, #ffc44c); + } + + .md\:focus-within\:text-Yellow-yellow-200:focus-within { + color: var(--yellow-yellow-200, #ffd580); + } + + .md\:focus-within\:text-Yellow-yellow-300:focus-within { + color: var(--yellow-yellow-300, #d99d26); + } + + .md\:focus-within\:text-Yellow-yellow-400:focus-within { + color: var(--yellow-yellow-400, #bf943f); + } + + .md\:focus-within\:text-Yellow-yellow-500:focus-within { + color: var(--yellow-yellow-500, #e59a00); + } + + .md\:focus-within\:text-Yellow-yellow-600:focus-within { + color: var(--yellow-yellow-600, #b37800); + } + + .md\:focus-within\:text-Yellow-yellow-700:focus-within { + color: var(--yellow-yellow-700, #664400); + } + + .md\:focus-within\:text-Notification-notification:focus-within { + color: var(--notification-notification, #3959ff); + } + + .md\:focus-within\:text-Notification-notification-100:focus-within { + color: var(--notification-notification-100, #748bff); + } + + .md\:focus-within\:text-Notification-notification-200:focus-within { + color: var(--notification-notification-200, #9cacff); + } + + .md\:focus-within\:text-Notification-notification-300:focus-within { + color: var(--notification-notification-300, #4e64d9); + } + + .md\:focus-within\:text-Notification-notification-400:focus-within { + color: var(--notification-notification-400, #5c6cbf); + } + + .md\:focus-within\:text-Notification-notification-500:focus-within { + color: var(--notification-notification-500, #3350e5); + } + + .md\:focus-within\:text-Notification-notification-600:focus-within { + color: var(--notification-notification-600, #283eb3); + } + + .md\:focus-within\:text-Notification-notification-700:focus-within { + color: var(--notification-notification-700, #172466); + } + + .md\:focus-within\:text-Success-success\ -700:focus-within { + color: var(--success-success-700, #24471f); + } + + .md\:focus-within\:text-Success-success:focus-within { + color: var(--success-success, #5bb14d); + } + + .md\:focus-within\:text-Success-success\ -100:focus-within { + color: var(--success-success-100, #8cc882); + } + + .md\:focus-within\:text-Success-success\ -200:focus-within { + color: var(--success-success-200, #add8a6); + } + + .md\:focus-within\:text-Success-success\ -300:focus-within { + color: var(--success-success-300, #66a25c); + } + + .md\:focus-within\:text-Success-success\ -400:focus-within { + color: var(--success-success-400, #6d9766); + } + + .md\:focus-within\:text-Success-success\ -500:focus-within { + color: var(--success-success-500, #529f45); + } + + .md\:focus-within\:text-Success-success\ -600:focus-within { + color: var(--success-success-600, #407c36); + } + + .md\:focus-within\:text-Error-error:focus-within { + color: var(--error-error, #f03d3e); + } + + .md\:focus-within\:text-Error-error-100:focus-within { + color: var(--error-error-100, #f57778); + } + + .md\:focus-within\:text-Error-error-200:focus-within { + color: var(--error-error-200, #f89e9e); + } + + .md\:focus-within\:text-Error-error-250:focus-within { + color: var(--error-error-250, #f9c8c8); + } + + .md\:focus-within\:text-Error-error-300:focus-within { + color: var(--error-error-300, #ce5151); + } + + .md\:focus-within\:text-Error-error-400:focus-within { + color: var(--error-error-400, #b85e5e); + } + + .md\:focus-within\:text-Error-error-500:focus-within { + color: var(--error-error-500, #d83738); + } + + .md\:focus-within\:text-Error-error-600:focus-within { + color: var(--error-error-600, #a82b2b); + } + + .md\:focus-within\:text-Error-error-700:focus-within { + color: var(--error-error-700, #601819); + } + + .md\:hover\:text-colors-black:hover { + color: var(--colors-black, #000000); + } + + .md\:hover\:text-colors-white:hover { + color: var(--colors-white, #ffffff); + } + + .md\:hover\:text-colors-gray-100:hover { + color: var(--colors-gray-100, #f7fafc); + } + + .md\:hover\:text-colors-gray-200:hover { + color: var(--colors-gray-200, #edf2f7); + } + + .md\:hover\:text-colors-gray-300:hover { + color: var(--colors-gray-300, #e2e8f0); + } + + .md\:hover\:text-colors-gray-400:hover { + color: var(--colors-gray-400, #cbd5e0); + } + + .md\:hover\:text-colors-gray-500:hover { + color: var(--colors-gray-500, #a0aec0); + } + + .md\:hover\:text-colors-gray-600:hover { + color: var(--colors-gray-600, #718096); + } + + .md\:hover\:text-colors-gray-700:hover { + color: var(--colors-gray-700, #4a5568); + } + + .md\:hover\:text-colors-gray-800:hover { + color: var(--colors-gray-800, #2d3748); + } + + .md\:hover\:text-colors-gray-900:hover { + color: var(--colors-gray-900, #1a202c); + } + + .md\:hover\:text-colors-red-100:hover { + color: var(--colors-red-100, #fff5f5); + } + + .md\:hover\:text-colors-red-200:hover { + color: var(--colors-red-200, #fed7d7); + } + + .md\:hover\:text-colors-red-300:hover { + color: var(--colors-red-300, #feb2b2); + } + + .md\:hover\:text-colors-red-400:hover { + color: var(--colors-red-400, #fc8181); + } + + .md\:hover\:text-colors-red-500:hover { + color: var(--colors-red-500, #f56565); + } + + .md\:hover\:text-colors-red-600:hover { + color: var(--colors-red-600, #e53e3e); + } + + .md\:hover\:text-colors-red-700:hover { + color: var(--colors-red-700, #c53030); + } + + .md\:hover\:text-colors-red-800:hover { + color: var(--colors-red-800, #9b2c2c); + } + + .md\:hover\:text-colors-red-900:hover { + color: var(--colors-red-900, #742a2a); + } + + .md\:hover\:text-colors-orange-100:hover { + color: var(--colors-orange-100, #fffaf0); + } + + .md\:hover\:text-colors-orange-200:hover { + color: var(--colors-orange-200, #feebc8); + } + + .md\:hover\:text-colors-orange-300:hover { + color: var(--colors-orange-300, #fbd38d); + } + + .md\:hover\:text-colors-orange-400:hover { + color: var(--colors-orange-400, #f6ad55); + } + + .md\:hover\:text-colors-orange-500:hover { + color: var(--colors-orange-500, #ed8936); + } + + .md\:hover\:text-colors-orange-600:hover { + color: var(--colors-orange-600, #dd6b20); + } + + .md\:hover\:text-colors-orange-700:hover { + color: var(--colors-orange-700, #c05621); + } + + .md\:hover\:text-colors-orange-800:hover { + color: var(--colors-orange-800, #9c4221); + } + + .md\:hover\:text-colors-orange-900:hover { + color: var(--colors-orange-900, #7b341e); + } + + .md\:hover\:text-colors-yellow-100:hover { + color: var(--colors-yellow-100, #fffff0); + } + + .md\:hover\:text-colors-yellow-200:hover { + color: var(--colors-yellow-200, #fefcbf); + } + + .md\:hover\:text-colors-yellow-300:hover { + color: var(--colors-yellow-300, #faf089); + } + + .md\:hover\:text-colors-yellow-400:hover { + color: var(--colors-yellow-400, #f6e05e); + } + + .md\:hover\:text-colors-yellow-500:hover { + color: var(--colors-yellow-500, #ecc94b); + } + + .md\:hover\:text-colors-yellow-600:hover { + color: var(--colors-yellow-600, #d69e2e); + } + + .md\:hover\:text-colors-yellow-700:hover { + color: var(--colors-yellow-700, #b7791f); + } + + .md\:hover\:text-colors-yellow-800:hover { + color: var(--colors-yellow-800, #975a16); + } + + .md\:hover\:text-colors-yellow-900:hover { + color: var(--colors-yellow-900, #744210); + } + + .md\:hover\:text-colors-green-100:hover { + color: var(--colors-green-100, #f0fff4); + } + + .md\:hover\:text-colors-green-200:hover { + color: var(--colors-green-200, #c6f6d5); + } + + .md\:hover\:text-colors-green-300:hover { + color: var(--colors-green-300, #9ae6b4); + } + + .md\:hover\:text-colors-green-400:hover { + color: var(--colors-green-400, #68d391); + } + + .md\:hover\:text-colors-green-500:hover { + color: var(--colors-green-500, #48bb78); + } + + .md\:hover\:text-colors-green-600:hover { + color: var(--colors-green-600, #38a169); + } + + .md\:hover\:text-colors-green-700:hover { + color: var(--colors-green-700, #2f855a); + } + + .md\:hover\:text-colors-green-800:hover { + color: var(--colors-green-800, #276749); + } + + .md\:hover\:text-colors-green-900:hover { + color: var(--colors-green-900, #22543d); + } + + .md\:hover\:text-colors-teal-100:hover { + color: var(--colors-teal-100, #e6fffa); + } + + .md\:hover\:text-colors-teal-200:hover { + color: var(--colors-teal-200, #b2f5ea); + } + + .md\:hover\:text-colors-teal-300:hover { + color: var(--colors-teal-300, #81e6d9); + } + + .md\:hover\:text-colors-teal-400:hover { + color: var(--colors-teal-400, #4fd1c5); + } + + .md\:hover\:text-colors-teal-500:hover { + color: var(--colors-teal-500, #38b2ac); + } + + .md\:hover\:text-colors-teal-600:hover { + color: var(--colors-teal-600, #319795); + } + + .md\:hover\:text-colors-teal-700:hover { + color: var(--colors-teal-700, #2c7a7b); + } + + .md\:hover\:text-colors-teal-800:hover { + color: var(--colors-teal-800, #285e61); + } + + .md\:hover\:text-colors-teal-900:hover { + color: var(--colors-teal-900, #234e52); + } + + .md\:hover\:text-colors-blue-100:hover { + color: var(--colors-blue-100, #ebf8ff); + } + + .md\:hover\:text-colors-blue-200:hover { + color: var(--colors-blue-200, #bee3f8); + } + + .md\:hover\:text-colors-blue-300:hover { + color: var(--colors-blue-300, #90cdf4); + } + + .md\:hover\:text-colors-blue-400:hover { + color: var(--colors-blue-400, #63b3ed); + } + + .md\:hover\:text-colors-blue-500:hover { + color: var(--colors-blue-500, #4299e1); + } + + .md\:hover\:text-colors-blue-600:hover { + color: var(--colors-blue-600, #3182ce); + } + + .md\:hover\:text-colors-blue-700:hover { + color: var(--colors-blue-700, #2b6cb0); + } + + .md\:hover\:text-colors-blue-800:hover { + color: var(--colors-blue-800, #2c5282); + } + + .md\:hover\:text-colors-blue-900:hover { + color: var(--colors-blue-900, #2a4365); + } + + .md\:hover\:text-colors-indigo-100:hover { + color: var(--colors-indigo-100, #ebf4ff); + } + + .md\:hover\:text-colors-indigo-200:hover { + color: var(--colors-indigo-200, #c3dafe); + } + + .md\:hover\:text-colors-indigo-300:hover { + color: var(--colors-indigo-300, #a3bffa); + } + + .md\:hover\:text-colors-indigo-400:hover { + color: var(--colors-indigo-400, #7f9cf5); + } + + .md\:hover\:text-colors-indigo-500:hover { + color: var(--colors-indigo-500, #667eea); + } + + .md\:hover\:text-colors-indigo-600:hover { + color: var(--colors-indigo-600, #5a67d8); + } + + .md\:hover\:text-colors-indigo-700:hover { + color: var(--colors-indigo-700, #4c51bf); + } + + .md\:hover\:text-colors-indigo-800:hover { + color: var(--colors-indigo-800, #434190); + } + + .md\:hover\:text-colors-indigo-900:hover { + color: var(--colors-indigo-900, #3c366b); + } + + .md\:hover\:text-colors-purple-100:hover { + color: var(--colors-purple-100, #faf5ff); + } + + .md\:hover\:text-colors-purple-200:hover { + color: var(--colors-purple-200, #e9d8fd); + } + + .md\:hover\:text-colors-purple-300:hover { + color: var(--colors-purple-300, #d6bcfa); + } + + .md\:hover\:text-colors-purple-400:hover { + color: var(--colors-purple-400, #b794f4); + } + + .md\:hover\:text-colors-purple-500:hover { + color: var(--colors-purple-500, #9f7aea); + } + + .md\:hover\:text-colors-purple-600:hover { + color: var(--colors-purple-600, #805ad5); + } + + .md\:hover\:text-colors-purple-700:hover { + color: var(--colors-purple-700, #6b46c1); + } + + .md\:hover\:text-colors-purple-800:hover { + color: var(--colors-purple-800, #553c9a); + } + + .md\:hover\:text-colors-purple-900:hover { + color: var(--colors-purple-900, #44337a); + } + + .md\:hover\:text-colors-pink-100:hover { + color: var(--colors-pink-100, #fff5f7); + } + + .md\:hover\:text-colors-pink-200:hover { + color: var(--colors-pink-200, #fed7e2); + } + + .md\:hover\:text-colors-pink-300:hover { + color: var(--colors-pink-300, #fbb6ce); + } + + .md\:hover\:text-colors-pink-400:hover { + color: var(--colors-pink-400, #f687b3); + } + + .md\:hover\:text-colors-pink-500:hover { + color: var(--colors-pink-500, #ed64a6); + } + + .md\:hover\:text-colors-pink-600:hover { + color: var(--colors-pink-600, #d53f8c); + } + + .md\:hover\:text-colors-pink-700:hover { + color: var(--colors-pink-700, #b83280); + } + + .md\:hover\:text-colors-pink-800:hover { + color: var(--colors-pink-800, #97266d); + } + + .md\:hover\:text-colors-pink-900:hover { + color: var(--colors-pink-900, #702459); + } + + .md\:hover\:text-Box\ Shadow:hover { + color: var(--box-shadow, #7f7e7f); + } + + .md\:hover\:text-Error16:hover { + color: var(--error16, #f03d3e40); + } + + .md\:hover\:text-Success16:hover { + color: var(--success16, #5bb14d40); + } + + .md\:hover\:text-Notification16:hover { + color: var(--notification16, #3959ff40); + } + + .md\:hover\:text-Error8:hover { + color: var(--error8, #f03d3e1a); + } + + .md\:hover\:text-Notification8:hover { + color: var(--notification8, #3959ff1a); + } + + .md\:hover\:text-Success8:hover { + color: var(--success8, #5bb14d1a); + } + + .md\:hover\:text-Light\ -\ Overlay:hover { + color: var(--light-overlay, #f0edee66); + } + + .md\:hover\:text-Dark-\ Overlay:hover { + color: var(--dark-overlay, #7f7e7f66); + } + + .md\:hover\:text-black-40:hover { + color: var(--black-40, #00000066); + } + + .md\:hover\:text-black-75:hover { + color: var(--black-75, #000000bf); + } + + .md\:hover\:text-black-60:hover { + color: var(--black-60, #00000099); + } + + .md\:hover\:text-black-50:hover { + color: var(--black-50, #00000080); + } + + .md\:hover\:text-black-25:hover { + color: var(--black-25, #00000040); + } + + .md\:hover\:text-black-10:hover { + color: var(--black-10, #0000001a); + } + + .md\:hover\:text-white-25:hover { + color: var(--white-25, #ffffff40); + } + + .md\:hover\:text-white-60:hover { + color: var(--white-60, #ffffff99); + } + + .md\:hover\:text-black-64:hover { + color: var(--black-64, #000000a3); + } + + .md\:hover\:text-Shadow\ and\ Highlight-Shadow:hover { + color: var(--shadow-and-highlight-shadow, #7f7e7f); + } + + .md\:hover\:text-Shadow\ and\ Highlight-Highlight:hover { + color: var(--shadow-and-highlight-highlight, #474747); + } + + .md\:hover\:text-Shadow\ and\ Highlight-highlight\ one:hover { + color: var(--shadow-and-highlight-highlight-one, #474747bf); + } + + .md\:hover\:text-Shadow\ and\ Highlight-highlight\ two:hover { + color: var(--shadow-and-highlight-highlight-two, #47474799); + } + + .md\:hover\:text-Shadow\ and\ Highlight-highlight\ three:hover { + color: var(--shadow-and-highlight-highlight-three, #47474766); + } + + .md\:hover\:text-Shadow\ and\ Highlight-highlight\ five:hover { + color: var(--shadow-and-highlight-highlight-five, #4747471a); + } + + .md\:hover\:text-Shadow\ and\ Highlight-shadow\ one:hover { + color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); + } + + .md\:hover\:text-Shadow\ and\ Highlight-shadow\ two:hover { + color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); + } + + .md\:hover\:text-Shadow\ and\ Highlight-shadow\ three:hover { + color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); + } + + .md\:hover\:text-Shadow\ and\ Highlight-shadow\ four:hover { + color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); + } + + .md\:hover\:text-Shadow\ and\ Highlight-shadow\ five:hover { + color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); + } + + .md\:hover\:text-Shadow\ and\ Highlight-highlight\ four:hover { + color: var(--shadow-and-highlight-highlight-four, #47474740); + } + + .md\:hover\:text-Base\ Layer\ Styles-Base\ Layer-\ Light-White:hover { + color: var(--base-layer-styles-base-layer-light-white, #ffffff); + } + + .md\:hover\:text-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:hover { + color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); + } + + .md\:hover\:text-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:hover { + color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); + } + + .md\:hover\:text-Base\ Layer\ Styles-Base\ Layer-Dark-Black:hover { + color: var(--base-layer-styles-base-layer-dark-black, #000000); + } + + .md\:hover\:text-Grey-Scale-white:hover { + color: var(--grey-scale-white, #ffffff); + } + + .md\:hover\:text-Grey-Scale-off-white:hover { + color: var(--grey-scale-off-white, #f0edee); + } + + .md\:hover\:text-Grey\ Scale-grey:hover { + color: var(--grey-scale-grey, #7f7e7f); + } + + .md\:hover\:text-Grey\ Scale-charcoal:hover { + color: var(--grey-scale-charcoal, #474747); + } + + .md\:hover\:text-Grey\ Scale-off-black:hover { + color: var(--grey-scale-off-black, #1c1c1c); + } + + .md\:hover\:text-Grey\ Scale-black:hover { + color: var(--grey-scale-black, #000000); + } + + .md\:hover\:text-Blue-blue:hover { + color: var(--blue-blue, #3a7ca5); + } + + .md\:hover\:text-Blue-blue-100:hover { + color: var(--blue-blue-100, #75a3c0); + } + + .md\:hover\:text-Blue-blue-200:hover { + color: var(--blue-blue-200, #9cbed2); + } + + .md\:hover\:text-Blue-blue-300:hover { + color: var(--blue-blue-300, #4f7d9a); + } + + .md\:hover\:text-Blue-blue-400:hover { + color: var(--blue-blue-400, #5c7d92); + } + + .md\:hover\:text-Blue-blue-500:hover { + color: var(--blue-blue-500, #347095); + } + + .md\:hover\:text-Blue-blue-600:hover { + color: var(--blue-blue-600, #295774); + } + + .md\:hover\:text-Blue-blue-700:hover { + color: var(--blue-blue-700, #173242); + } + + .md\:hover\:text-LightBlue-lightblue:hover { + color: var(--light-blue-lightblue, #81c3d7); + } + + .md\:hover\:text-LightBlue-lightblue-100:hover { + color: var(--light-blue-lightblue-100, #a7d5e3); + } + + .md\:hover\:text-LightBlue-lightblue-200:hover { + color: var(--light-blue-lightblue-200, #c0e1eb); + } + + .md\:hover\:text-LightBlue-lightblue-300:hover { + color: var(--light-blue-lightblue-300, #80aebd); + } + + .md\:hover\:text-LightBlue-lightblue-400:hover { + color: var(--light-blue-lightblue-400, #80a0ab); + } + + .md\:hover\:text-LightBlue-lightblue-500:hover { + color: var(--light-blue-lightblue-500, #74afc1); + } + + .md\:hover\:text-LightBlue-lightblue-600:hover { + color: var(--light-blue-lightblue-600, #5a8997); + } + + .md\:hover\:text-LightBlue-lightblue-650:hover { + color: var(--light-blue-lightblue-650, #3e5e65); + } + + .md\:hover\:text-LightBlue-lightblue-700:hover { + color: var(--light-blue-lightblue-700, #344e56); + } + + .md\:hover\:text-Orange-orange:hover { + color: var(--orange-orange, #ff7f0e); + } + + .md\:hover\:text-Orange-orange-100:hover { + color: var(--orange-orange-100, #ffa556); + } + + .md\:hover\:text-Orange-orange-200:hover { + color: var(--orange-orange-200, #ffbf86); + } + + .md\:hover\:text-Orange-orange-300:hover { + color: var(--orange-orange-300, #d97f30); + } + + .md\:hover\:text-Orange-orange-400:hover { + color: var(--orange-orange-400, #bf7e46); + } + + .md\:hover\:text-Orange-orange-500:hover { + color: var(--orange-orange-500, #e5720d); + } + + .md\:hover\:text-Orange-orange-600:hover { + color: var(--orange-orange-600, #b3590a); + } + + .md\:hover\:text-Orange-orange-700:hover { + color: var(--orange-orange-700, #663306); + } + + .md\:hover\:text-Yellow-yellow:hover { + color: var(--yellow-yellow, #ffab00); + } + + .md\:hover\:text-Yellow-yellow-100:hover { + color: var(--yellow-yellow-100, #ffc44c); + } + + .md\:hover\:text-Yellow-yellow-200:hover { + color: var(--yellow-yellow-200, #ffd580); + } + + .md\:hover\:text-Yellow-yellow-300:hover { + color: var(--yellow-yellow-300, #d99d26); + } + + .md\:hover\:text-Yellow-yellow-400:hover { + color: var(--yellow-yellow-400, #bf943f); + } + + .md\:hover\:text-Yellow-yellow-500:hover { + color: var(--yellow-yellow-500, #e59a00); + } + + .md\:hover\:text-Yellow-yellow-600:hover { + color: var(--yellow-yellow-600, #b37800); + } + + .md\:hover\:text-Yellow-yellow-700:hover { + color: var(--yellow-yellow-700, #664400); + } + + .md\:hover\:text-Notification-notification:hover { + color: var(--notification-notification, #3959ff); + } + + .md\:hover\:text-Notification-notification-100:hover { + color: var(--notification-notification-100, #748bff); + } + + .md\:hover\:text-Notification-notification-200:hover { + color: var(--notification-notification-200, #9cacff); + } + + .md\:hover\:text-Notification-notification-300:hover { + color: var(--notification-notification-300, #4e64d9); + } + + .md\:hover\:text-Notification-notification-400:hover { + color: var(--notification-notification-400, #5c6cbf); + } + + .md\:hover\:text-Notification-notification-500:hover { + color: var(--notification-notification-500, #3350e5); + } + + .md\:hover\:text-Notification-notification-600:hover { + color: var(--notification-notification-600, #283eb3); + } + + .md\:hover\:text-Notification-notification-700:hover { + color: var(--notification-notification-700, #172466); + } + + .md\:hover\:text-Success-success\ -700:hover { + color: var(--success-success-700, #24471f); + } + + .md\:hover\:text-Success-success:hover { + color: var(--success-success, #5bb14d); + } + + .md\:hover\:text-Success-success\ -100:hover { + color: var(--success-success-100, #8cc882); + } + + .md\:hover\:text-Success-success\ -200:hover { + color: var(--success-success-200, #add8a6); + } + + .md\:hover\:text-Success-success\ -300:hover { + color: var(--success-success-300, #66a25c); + } + + .md\:hover\:text-Success-success\ -400:hover { + color: var(--success-success-400, #6d9766); + } + + .md\:hover\:text-Success-success\ -500:hover { + color: var(--success-success-500, #529f45); + } + + .md\:hover\:text-Success-success\ -600:hover { + color: var(--success-success-600, #407c36); + } + + .md\:hover\:text-Error-error:hover { + color: var(--error-error, #f03d3e); + } + + .md\:hover\:text-Error-error-100:hover { + color: var(--error-error-100, #f57778); + } + + .md\:hover\:text-Error-error-200:hover { + color: var(--error-error-200, #f89e9e); + } + + .md\:hover\:text-Error-error-250:hover { + color: var(--error-error-250, #f9c8c8); + } + + .md\:hover\:text-Error-error-300:hover { + color: var(--error-error-300, #ce5151); + } + + .md\:hover\:text-Error-error-400:hover { + color: var(--error-error-400, #b85e5e); + } + + .md\:hover\:text-Error-error-500:hover { + color: var(--error-error-500, #d83738); + } + + .md\:hover\:text-Error-error-600:hover { + color: var(--error-error-600, #a82b2b); + } + + .md\:hover\:text-Error-error-700:hover { + color: var(--error-error-700, #601819); + } + + .md\:focus\:text-colors-black:focus { + color: var(--colors-black, #000000); + } + + .md\:focus\:text-colors-white:focus { + color: var(--colors-white, #ffffff); + } + + .md\:focus\:text-colors-gray-100:focus { + color: var(--colors-gray-100, #f7fafc); + } + + .md\:focus\:text-colors-gray-200:focus { + color: var(--colors-gray-200, #edf2f7); + } + + .md\:focus\:text-colors-gray-300:focus { + color: var(--colors-gray-300, #e2e8f0); + } + + .md\:focus\:text-colors-gray-400:focus { + color: var(--colors-gray-400, #cbd5e0); + } + + .md\:focus\:text-colors-gray-500:focus { + color: var(--colors-gray-500, #a0aec0); + } + + .md\:focus\:text-colors-gray-600:focus { + color: var(--colors-gray-600, #718096); + } + + .md\:focus\:text-colors-gray-700:focus { + color: var(--colors-gray-700, #4a5568); + } + + .md\:focus\:text-colors-gray-800:focus { + color: var(--colors-gray-800, #2d3748); + } + + .md\:focus\:text-colors-gray-900:focus { + color: var(--colors-gray-900, #1a202c); + } + + .md\:focus\:text-colors-red-100:focus { + color: var(--colors-red-100, #fff5f5); + } + + .md\:focus\:text-colors-red-200:focus { + color: var(--colors-red-200, #fed7d7); + } + + .md\:focus\:text-colors-red-300:focus { + color: var(--colors-red-300, #feb2b2); + } + + .md\:focus\:text-colors-red-400:focus { + color: var(--colors-red-400, #fc8181); + } + + .md\:focus\:text-colors-red-500:focus { + color: var(--colors-red-500, #f56565); + } + + .md\:focus\:text-colors-red-600:focus { + color: var(--colors-red-600, #e53e3e); + } + + .md\:focus\:text-colors-red-700:focus { + color: var(--colors-red-700, #c53030); + } + + .md\:focus\:text-colors-red-800:focus { + color: var(--colors-red-800, #9b2c2c); + } + + .md\:focus\:text-colors-red-900:focus { + color: var(--colors-red-900, #742a2a); + } + + .md\:focus\:text-colors-orange-100:focus { + color: var(--colors-orange-100, #fffaf0); + } + + .md\:focus\:text-colors-orange-200:focus { + color: var(--colors-orange-200, #feebc8); + } + + .md\:focus\:text-colors-orange-300:focus { + color: var(--colors-orange-300, #fbd38d); + } + + .md\:focus\:text-colors-orange-400:focus { + color: var(--colors-orange-400, #f6ad55); + } + + .md\:focus\:text-colors-orange-500:focus { + color: var(--colors-orange-500, #ed8936); + } + + .md\:focus\:text-colors-orange-600:focus { + color: var(--colors-orange-600, #dd6b20); + } + + .md\:focus\:text-colors-orange-700:focus { + color: var(--colors-orange-700, #c05621); + } + + .md\:focus\:text-colors-orange-800:focus { + color: var(--colors-orange-800, #9c4221); + } + + .md\:focus\:text-colors-orange-900:focus { + color: var(--colors-orange-900, #7b341e); + } + + .md\:focus\:text-colors-yellow-100:focus { + color: var(--colors-yellow-100, #fffff0); + } + + .md\:focus\:text-colors-yellow-200:focus { + color: var(--colors-yellow-200, #fefcbf); + } + + .md\:focus\:text-colors-yellow-300:focus { + color: var(--colors-yellow-300, #faf089); + } + + .md\:focus\:text-colors-yellow-400:focus { + color: var(--colors-yellow-400, #f6e05e); + } + + .md\:focus\:text-colors-yellow-500:focus { + color: var(--colors-yellow-500, #ecc94b); + } + + .md\:focus\:text-colors-yellow-600:focus { + color: var(--colors-yellow-600, #d69e2e); + } + + .md\:focus\:text-colors-yellow-700:focus { + color: var(--colors-yellow-700, #b7791f); + } + + .md\:focus\:text-colors-yellow-800:focus { + color: var(--colors-yellow-800, #975a16); + } + + .md\:focus\:text-colors-yellow-900:focus { + color: var(--colors-yellow-900, #744210); + } + + .md\:focus\:text-colors-green-100:focus { + color: var(--colors-green-100, #f0fff4); + } + + .md\:focus\:text-colors-green-200:focus { + color: var(--colors-green-200, #c6f6d5); + } + + .md\:focus\:text-colors-green-300:focus { + color: var(--colors-green-300, #9ae6b4); + } + + .md\:focus\:text-colors-green-400:focus { + color: var(--colors-green-400, #68d391); + } + + .md\:focus\:text-colors-green-500:focus { + color: var(--colors-green-500, #48bb78); + } + + .md\:focus\:text-colors-green-600:focus { + color: var(--colors-green-600, #38a169); + } + + .md\:focus\:text-colors-green-700:focus { + color: var(--colors-green-700, #2f855a); + } + + .md\:focus\:text-colors-green-800:focus { + color: var(--colors-green-800, #276749); + } + + .md\:focus\:text-colors-green-900:focus { + color: var(--colors-green-900, #22543d); + } + + .md\:focus\:text-colors-teal-100:focus { + color: var(--colors-teal-100, #e6fffa); + } + + .md\:focus\:text-colors-teal-200:focus { + color: var(--colors-teal-200, #b2f5ea); + } + + .md\:focus\:text-colors-teal-300:focus { + color: var(--colors-teal-300, #81e6d9); + } + + .md\:focus\:text-colors-teal-400:focus { + color: var(--colors-teal-400, #4fd1c5); + } + + .md\:focus\:text-colors-teal-500:focus { + color: var(--colors-teal-500, #38b2ac); + } + + .md\:focus\:text-colors-teal-600:focus { + color: var(--colors-teal-600, #319795); + } + + .md\:focus\:text-colors-teal-700:focus { + color: var(--colors-teal-700, #2c7a7b); + } + + .md\:focus\:text-colors-teal-800:focus { + color: var(--colors-teal-800, #285e61); + } + + .md\:focus\:text-colors-teal-900:focus { + color: var(--colors-teal-900, #234e52); + } + + .md\:focus\:text-colors-blue-100:focus { + color: var(--colors-blue-100, #ebf8ff); + } + + .md\:focus\:text-colors-blue-200:focus { + color: var(--colors-blue-200, #bee3f8); + } + + .md\:focus\:text-colors-blue-300:focus { + color: var(--colors-blue-300, #90cdf4); + } + + .md\:focus\:text-colors-blue-400:focus { + color: var(--colors-blue-400, #63b3ed); + } + + .md\:focus\:text-colors-blue-500:focus { + color: var(--colors-blue-500, #4299e1); + } + + .md\:focus\:text-colors-blue-600:focus { + color: var(--colors-blue-600, #3182ce); + } + + .md\:focus\:text-colors-blue-700:focus { + color: var(--colors-blue-700, #2b6cb0); + } + + .md\:focus\:text-colors-blue-800:focus { + color: var(--colors-blue-800, #2c5282); + } + + .md\:focus\:text-colors-blue-900:focus { + color: var(--colors-blue-900, #2a4365); + } + + .md\:focus\:text-colors-indigo-100:focus { + color: var(--colors-indigo-100, #ebf4ff); + } + + .md\:focus\:text-colors-indigo-200:focus { + color: var(--colors-indigo-200, #c3dafe); + } + + .md\:focus\:text-colors-indigo-300:focus { + color: var(--colors-indigo-300, #a3bffa); + } + + .md\:focus\:text-colors-indigo-400:focus { + color: var(--colors-indigo-400, #7f9cf5); + } + + .md\:focus\:text-colors-indigo-500:focus { + color: var(--colors-indigo-500, #667eea); + } + + .md\:focus\:text-colors-indigo-600:focus { + color: var(--colors-indigo-600, #5a67d8); + } + + .md\:focus\:text-colors-indigo-700:focus { + color: var(--colors-indigo-700, #4c51bf); + } + + .md\:focus\:text-colors-indigo-800:focus { + color: var(--colors-indigo-800, #434190); + } + + .md\:focus\:text-colors-indigo-900:focus { + color: var(--colors-indigo-900, #3c366b); + } + + .md\:focus\:text-colors-purple-100:focus { + color: var(--colors-purple-100, #faf5ff); + } + + .md\:focus\:text-colors-purple-200:focus { + color: var(--colors-purple-200, #e9d8fd); + } + + .md\:focus\:text-colors-purple-300:focus { + color: var(--colors-purple-300, #d6bcfa); + } + + .md\:focus\:text-colors-purple-400:focus { + color: var(--colors-purple-400, #b794f4); + } + + .md\:focus\:text-colors-purple-500:focus { + color: var(--colors-purple-500, #9f7aea); + } + + .md\:focus\:text-colors-purple-600:focus { + color: var(--colors-purple-600, #805ad5); + } + + .md\:focus\:text-colors-purple-700:focus { + color: var(--colors-purple-700, #6b46c1); + } + + .md\:focus\:text-colors-purple-800:focus { + color: var(--colors-purple-800, #553c9a); + } + + .md\:focus\:text-colors-purple-900:focus { + color: var(--colors-purple-900, #44337a); + } + + .md\:focus\:text-colors-pink-100:focus { + color: var(--colors-pink-100, #fff5f7); + } + + .md\:focus\:text-colors-pink-200:focus { + color: var(--colors-pink-200, #fed7e2); + } + + .md\:focus\:text-colors-pink-300:focus { + color: var(--colors-pink-300, #fbb6ce); + } + + .md\:focus\:text-colors-pink-400:focus { + color: var(--colors-pink-400, #f687b3); + } + + .md\:focus\:text-colors-pink-500:focus { + color: var(--colors-pink-500, #ed64a6); + } + + .md\:focus\:text-colors-pink-600:focus { + color: var(--colors-pink-600, #d53f8c); + } + + .md\:focus\:text-colors-pink-700:focus { + color: var(--colors-pink-700, #b83280); + } + + .md\:focus\:text-colors-pink-800:focus { + color: var(--colors-pink-800, #97266d); + } + + .md\:focus\:text-colors-pink-900:focus { + color: var(--colors-pink-900, #702459); + } + + .md\:focus\:text-Box\ Shadow:focus { + color: var(--box-shadow, #7f7e7f); + } + + .md\:focus\:text-Error16:focus { + color: var(--error16, #f03d3e40); + } + + .md\:focus\:text-Success16:focus { + color: var(--success16, #5bb14d40); + } + + .md\:focus\:text-Notification16:focus { + color: var(--notification16, #3959ff40); + } + + .md\:focus\:text-Error8:focus { + color: var(--error8, #f03d3e1a); + } + + .md\:focus\:text-Notification8:focus { + color: var(--notification8, #3959ff1a); + } + + .md\:focus\:text-Success8:focus { + color: var(--success8, #5bb14d1a); + } + + .md\:focus\:text-Light\ -\ Overlay:focus { + color: var(--light-overlay, #f0edee66); + } + + .md\:focus\:text-Dark-\ Overlay:focus { + color: var(--dark-overlay, #7f7e7f66); + } + + .md\:focus\:text-black-40:focus { + color: var(--black-40, #00000066); + } + + .md\:focus\:text-black-75:focus { + color: var(--black-75, #000000bf); + } + + .md\:focus\:text-black-60:focus { + color: var(--black-60, #00000099); + } + + .md\:focus\:text-black-50:focus { + color: var(--black-50, #00000080); + } + + .md\:focus\:text-black-25:focus { + color: var(--black-25, #00000040); + } + + .md\:focus\:text-black-10:focus { + color: var(--black-10, #0000001a); + } + + .md\:focus\:text-white-25:focus { + color: var(--white-25, #ffffff40); + } + + .md\:focus\:text-white-60:focus { + color: var(--white-60, #ffffff99); + } + + .md\:focus\:text-black-64:focus { + color: var(--black-64, #000000a3); + } + + .md\:focus\:text-Shadow\ and\ Highlight-Shadow:focus { + color: var(--shadow-and-highlight-shadow, #7f7e7f); + } + + .md\:focus\:text-Shadow\ and\ Highlight-Highlight:focus { + color: var(--shadow-and-highlight-highlight, #474747); + } + + .md\:focus\:text-Shadow\ and\ Highlight-highlight\ one:focus { + color: var(--shadow-and-highlight-highlight-one, #474747bf); + } + + .md\:focus\:text-Shadow\ and\ Highlight-highlight\ two:focus { + color: var(--shadow-and-highlight-highlight-two, #47474799); + } + + .md\:focus\:text-Shadow\ and\ Highlight-highlight\ three:focus { + color: var(--shadow-and-highlight-highlight-three, #47474766); + } + + .md\:focus\:text-Shadow\ and\ Highlight-highlight\ five:focus { + color: var(--shadow-and-highlight-highlight-five, #4747471a); + } + + .md\:focus\:text-Shadow\ and\ Highlight-shadow\ one:focus { + color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); + } + + .md\:focus\:text-Shadow\ and\ Highlight-shadow\ two:focus { + color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); + } + + .md\:focus\:text-Shadow\ and\ Highlight-shadow\ three:focus { + color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); + } + + .md\:focus\:text-Shadow\ and\ Highlight-shadow\ four:focus { + color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); + } + + .md\:focus\:text-Shadow\ and\ Highlight-shadow\ five:focus { + color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); + } + + .md\:focus\:text-Shadow\ and\ Highlight-highlight\ four:focus { + color: var(--shadow-and-highlight-highlight-four, #47474740); + } + + .md\:focus\:text-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus { + color: var(--base-layer-styles-base-layer-light-white, #ffffff); + } + + .md\:focus\:text-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus { + color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); + } + + .md\:focus\:text-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus { + color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); + } + + .md\:focus\:text-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus { + color: var(--base-layer-styles-base-layer-dark-black, #000000); + } + + .md\:focus\:text-Grey-Scale-white:focus { + color: var(--grey-scale-white, #ffffff); + } + + .md\:focus\:text-Grey-Scale-off-white:focus { + color: var(--grey-scale-off-white, #f0edee); + } + + .md\:focus\:text-Grey\ Scale-grey:focus { + color: var(--grey-scale-grey, #7f7e7f); + } + + .md\:focus\:text-Grey\ Scale-charcoal:focus { + color: var(--grey-scale-charcoal, #474747); + } + + .md\:focus\:text-Grey\ Scale-off-black:focus { + color: var(--grey-scale-off-black, #1c1c1c); + } + + .md\:focus\:text-Grey\ Scale-black:focus { + color: var(--grey-scale-black, #000000); + } + + .md\:focus\:text-Blue-blue:focus { + color: var(--blue-blue, #3a7ca5); + } + + .md\:focus\:text-Blue-blue-100:focus { + color: var(--blue-blue-100, #75a3c0); + } + + .md\:focus\:text-Blue-blue-200:focus { + color: var(--blue-blue-200, #9cbed2); + } + + .md\:focus\:text-Blue-blue-300:focus { + color: var(--blue-blue-300, #4f7d9a); + } + + .md\:focus\:text-Blue-blue-400:focus { + color: var(--blue-blue-400, #5c7d92); + } + + .md\:focus\:text-Blue-blue-500:focus { + color: var(--blue-blue-500, #347095); + } + + .md\:focus\:text-Blue-blue-600:focus { + color: var(--blue-blue-600, #295774); + } + + .md\:focus\:text-Blue-blue-700:focus { + color: var(--blue-blue-700, #173242); + } + + .md\:focus\:text-LightBlue-lightblue:focus { + color: var(--light-blue-lightblue, #81c3d7); + } + + .md\:focus\:text-LightBlue-lightblue-100:focus { + color: var(--light-blue-lightblue-100, #a7d5e3); + } + + .md\:focus\:text-LightBlue-lightblue-200:focus { + color: var(--light-blue-lightblue-200, #c0e1eb); + } + + .md\:focus\:text-LightBlue-lightblue-300:focus { + color: var(--light-blue-lightblue-300, #80aebd); + } + + .md\:focus\:text-LightBlue-lightblue-400:focus { + color: var(--light-blue-lightblue-400, #80a0ab); + } + + .md\:focus\:text-LightBlue-lightblue-500:focus { + color: var(--light-blue-lightblue-500, #74afc1); + } + + .md\:focus\:text-LightBlue-lightblue-600:focus { + color: var(--light-blue-lightblue-600, #5a8997); + } + + .md\:focus\:text-LightBlue-lightblue-650:focus { + color: var(--light-blue-lightblue-650, #3e5e65); + } + + .md\:focus\:text-LightBlue-lightblue-700:focus { + color: var(--light-blue-lightblue-700, #344e56); + } + + .md\:focus\:text-Orange-orange:focus { + color: var(--orange-orange, #ff7f0e); + } + + .md\:focus\:text-Orange-orange-100:focus { + color: var(--orange-orange-100, #ffa556); + } + + .md\:focus\:text-Orange-orange-200:focus { + color: var(--orange-orange-200, #ffbf86); + } + + .md\:focus\:text-Orange-orange-300:focus { + color: var(--orange-orange-300, #d97f30); + } + + .md\:focus\:text-Orange-orange-400:focus { + color: var(--orange-orange-400, #bf7e46); + } + + .md\:focus\:text-Orange-orange-500:focus { + color: var(--orange-orange-500, #e5720d); + } + + .md\:focus\:text-Orange-orange-600:focus { + color: var(--orange-orange-600, #b3590a); + } + + .md\:focus\:text-Orange-orange-700:focus { + color: var(--orange-orange-700, #663306); + } + + .md\:focus\:text-Yellow-yellow:focus { + color: var(--yellow-yellow, #ffab00); + } + + .md\:focus\:text-Yellow-yellow-100:focus { + color: var(--yellow-yellow-100, #ffc44c); + } + + .md\:focus\:text-Yellow-yellow-200:focus { + color: var(--yellow-yellow-200, #ffd580); + } + + .md\:focus\:text-Yellow-yellow-300:focus { + color: var(--yellow-yellow-300, #d99d26); + } + + .md\:focus\:text-Yellow-yellow-400:focus { + color: var(--yellow-yellow-400, #bf943f); + } + + .md\:focus\:text-Yellow-yellow-500:focus { + color: var(--yellow-yellow-500, #e59a00); + } + + .md\:focus\:text-Yellow-yellow-600:focus { + color: var(--yellow-yellow-600, #b37800); + } + + .md\:focus\:text-Yellow-yellow-700:focus { + color: var(--yellow-yellow-700, #664400); + } + + .md\:focus\:text-Notification-notification:focus { + color: var(--notification-notification, #3959ff); + } + + .md\:focus\:text-Notification-notification-100:focus { + color: var(--notification-notification-100, #748bff); + } + + .md\:focus\:text-Notification-notification-200:focus { + color: var(--notification-notification-200, #9cacff); + } + + .md\:focus\:text-Notification-notification-300:focus { + color: var(--notification-notification-300, #4e64d9); + } + + .md\:focus\:text-Notification-notification-400:focus { + color: var(--notification-notification-400, #5c6cbf); + } + + .md\:focus\:text-Notification-notification-500:focus { + color: var(--notification-notification-500, #3350e5); + } + + .md\:focus\:text-Notification-notification-600:focus { + color: var(--notification-notification-600, #283eb3); + } + + .md\:focus\:text-Notification-notification-700:focus { + color: var(--notification-notification-700, #172466); + } + + .md\:focus\:text-Success-success\ -700:focus { + color: var(--success-success-700, #24471f); + } + + .md\:focus\:text-Success-success:focus { + color: var(--success-success, #5bb14d); + } + + .md\:focus\:text-Success-success\ -100:focus { + color: var(--success-success-100, #8cc882); + } + + .md\:focus\:text-Success-success\ -200:focus { + color: var(--success-success-200, #add8a6); + } + + .md\:focus\:text-Success-success\ -300:focus { + color: var(--success-success-300, #66a25c); + } + + .md\:focus\:text-Success-success\ -400:focus { + color: var(--success-success-400, #6d9766); + } + + .md\:focus\:text-Success-success\ -500:focus { + color: var(--success-success-500, #529f45); + } + + .md\:focus\:text-Success-success\ -600:focus { + color: var(--success-success-600, #407c36); + } + + .md\:focus\:text-Error-error:focus { + color: var(--error-error, #f03d3e); + } + + .md\:focus\:text-Error-error-100:focus { + color: var(--error-error-100, #f57778); + } + + .md\:focus\:text-Error-error-200:focus { + color: var(--error-error-200, #f89e9e); + } + + .md\:focus\:text-Error-error-250:focus { + color: var(--error-error-250, #f9c8c8); + } + + .md\:focus\:text-Error-error-300:focus { + color: var(--error-error-300, #ce5151); + } + + .md\:focus\:text-Error-error-400:focus { + color: var(--error-error-400, #b85e5e); + } + + .md\:focus\:text-Error-error-500:focus { + color: var(--error-error-500, #d83738); + } + + .md\:focus\:text-Error-error-600:focus { + color: var(--error-error-600, #a82b2b); + } + + .md\:focus\:text-Error-error-700:focus { + color: var(--error-error-700, #601819); + } + + .md\:text-opacity-0 { + --tw-text-opacity: 0; + } + + .md\:text-opacity-5 { + --tw-text-opacity: 0.05; + } + + .md\:text-opacity-10 { + --tw-text-opacity: 0.1; + } + + .md\:text-opacity-20 { + --tw-text-opacity: 0.2; + } + + .md\:text-opacity-25 { + --tw-text-opacity: 0.25; + } + + .md\:text-opacity-30 { + --tw-text-opacity: 0.3; + } + + .md\:text-opacity-40 { + --tw-text-opacity: 0.4; + } + + .md\:text-opacity-50 { + --tw-text-opacity: 0.5; + } + + .md\:text-opacity-60 { + --tw-text-opacity: 0.6; + } + + .md\:text-opacity-70 { + --tw-text-opacity: 0.7; + } + + .md\:text-opacity-75 { + --tw-text-opacity: 0.75; + } + + .md\:text-opacity-80 { + --tw-text-opacity: 0.8; + } + + .md\:text-opacity-90 { + --tw-text-opacity: 0.9; + } + + .md\:text-opacity-95 { + --tw-text-opacity: 0.95; + } + + .md\:text-opacity-100 { + --tw-text-opacity: 1; + } + + .group:hover .md\:group-hover\:text-opacity-0 { + --tw-text-opacity: 0; + } + + .group:hover .md\:group-hover\:text-opacity-5 { + --tw-text-opacity: 0.05; + } + + .group:hover .md\:group-hover\:text-opacity-10 { + --tw-text-opacity: 0.1; + } + + .group:hover .md\:group-hover\:text-opacity-20 { + --tw-text-opacity: 0.2; + } + + .group:hover .md\:group-hover\:text-opacity-25 { + --tw-text-opacity: 0.25; + } + + .group:hover .md\:group-hover\:text-opacity-30 { + --tw-text-opacity: 0.3; + } + + .group:hover .md\:group-hover\:text-opacity-40 { + --tw-text-opacity: 0.4; + } + + .group:hover .md\:group-hover\:text-opacity-50 { + --tw-text-opacity: 0.5; + } + + .group:hover .md\:group-hover\:text-opacity-60 { + --tw-text-opacity: 0.6; + } + + .group:hover .md\:group-hover\:text-opacity-70 { + --tw-text-opacity: 0.7; + } + + .group:hover .md\:group-hover\:text-opacity-75 { + --tw-text-opacity: 0.75; + } + + .group:hover .md\:group-hover\:text-opacity-80 { + --tw-text-opacity: 0.8; + } + + .group:hover .md\:group-hover\:text-opacity-90 { + --tw-text-opacity: 0.9; + } + + .group:hover .md\:group-hover\:text-opacity-95 { + --tw-text-opacity: 0.95; + } + + .group:hover .md\:group-hover\:text-opacity-100 { + --tw-text-opacity: 1; + } + + .md\:focus-within\:text-opacity-0:focus-within { + --tw-text-opacity: 0; + } + + .md\:focus-within\:text-opacity-5:focus-within { + --tw-text-opacity: 0.05; + } + + .md\:focus-within\:text-opacity-10:focus-within { + --tw-text-opacity: 0.1; + } + + .md\:focus-within\:text-opacity-20:focus-within { + --tw-text-opacity: 0.2; + } + + .md\:focus-within\:text-opacity-25:focus-within { + --tw-text-opacity: 0.25; + } + + .md\:focus-within\:text-opacity-30:focus-within { + --tw-text-opacity: 0.3; + } + + .md\:focus-within\:text-opacity-40:focus-within { + --tw-text-opacity: 0.4; + } + + .md\:focus-within\:text-opacity-50:focus-within { + --tw-text-opacity: 0.5; + } + + .md\:focus-within\:text-opacity-60:focus-within { + --tw-text-opacity: 0.6; + } + + .md\:focus-within\:text-opacity-70:focus-within { + --tw-text-opacity: 0.7; + } + + .md\:focus-within\:text-opacity-75:focus-within { + --tw-text-opacity: 0.75; + } + + .md\:focus-within\:text-opacity-80:focus-within { + --tw-text-opacity: 0.8; + } + + .md\:focus-within\:text-opacity-90:focus-within { + --tw-text-opacity: 0.9; + } + + .md\:focus-within\:text-opacity-95:focus-within { + --tw-text-opacity: 0.95; + } + + .md\:focus-within\:text-opacity-100:focus-within { + --tw-text-opacity: 1; + } + + .md\:hover\:text-opacity-0:hover { + --tw-text-opacity: 0; + } + + .md\:hover\:text-opacity-5:hover { + --tw-text-opacity: 0.05; + } + + .md\:hover\:text-opacity-10:hover { + --tw-text-opacity: 0.1; + } + + .md\:hover\:text-opacity-20:hover { + --tw-text-opacity: 0.2; + } + + .md\:hover\:text-opacity-25:hover { + --tw-text-opacity: 0.25; + } + + .md\:hover\:text-opacity-30:hover { + --tw-text-opacity: 0.3; + } + + .md\:hover\:text-opacity-40:hover { + --tw-text-opacity: 0.4; + } + + .md\:hover\:text-opacity-50:hover { + --tw-text-opacity: 0.5; + } + + .md\:hover\:text-opacity-60:hover { + --tw-text-opacity: 0.6; + } + + .md\:hover\:text-opacity-70:hover { + --tw-text-opacity: 0.7; + } + + .md\:hover\:text-opacity-75:hover { + --tw-text-opacity: 0.75; + } + + .md\:hover\:text-opacity-80:hover { + --tw-text-opacity: 0.8; + } + + .md\:hover\:text-opacity-90:hover { + --tw-text-opacity: 0.9; + } + + .md\:hover\:text-opacity-95:hover { + --tw-text-opacity: 0.95; + } + + .md\:hover\:text-opacity-100:hover { + --tw-text-opacity: 1; + } + + .md\:focus\:text-opacity-0:focus { + --tw-text-opacity: 0; + } + + .md\:focus\:text-opacity-5:focus { + --tw-text-opacity: 0.05; + } + + .md\:focus\:text-opacity-10:focus { + --tw-text-opacity: 0.1; + } + + .md\:focus\:text-opacity-20:focus { + --tw-text-opacity: 0.2; + } + + .md\:focus\:text-opacity-25:focus { + --tw-text-opacity: 0.25; + } + + .md\:focus\:text-opacity-30:focus { + --tw-text-opacity: 0.3; + } + + .md\:focus\:text-opacity-40:focus { + --tw-text-opacity: 0.4; + } + + .md\:focus\:text-opacity-50:focus { + --tw-text-opacity: 0.5; + } + + .md\:focus\:text-opacity-60:focus { + --tw-text-opacity: 0.6; + } + + .md\:focus\:text-opacity-70:focus { + --tw-text-opacity: 0.7; + } + + .md\:focus\:text-opacity-75:focus { + --tw-text-opacity: 0.75; + } + + .md\:focus\:text-opacity-80:focus { + --tw-text-opacity: 0.8; + } + + .md\:focus\:text-opacity-90:focus { + --tw-text-opacity: 0.9; + } + + .md\:focus\:text-opacity-95:focus { + --tw-text-opacity: 0.95; + } + + .md\:focus\:text-opacity-100:focus { + --tw-text-opacity: 1; + } + + .md\:underline { + text-decoration: underline; + } + + .md\:line-through { + text-decoration: line-through; + } + + .md\:no-underline { + text-decoration: none; + } + + .group:hover .md\:group-hover\:underline { + text-decoration: underline; + } + + .group:hover .md\:group-hover\:line-through { + text-decoration: line-through; + } + + .group:hover .md\:group-hover\:no-underline { + text-decoration: none; + } + + .md\:focus-within\:underline:focus-within { + text-decoration: underline; + } + + .md\:focus-within\:line-through:focus-within { + text-decoration: line-through; + } + + .md\:focus-within\:no-underline:focus-within { + text-decoration: none; + } + + .md\:hover\:underline:hover { + text-decoration: underline; + } + + .md\:hover\:line-through:hover { + text-decoration: line-through; + } + + .md\:hover\:no-underline:hover { + text-decoration: none; + } + + .md\:focus\:underline:focus { + text-decoration: underline; + } + + .md\:focus\:line-through:focus { + text-decoration: line-through; + } + + .md\:focus\:no-underline:focus { + text-decoration: none; + } + + .md\:antialiased { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + } + + .md\:subpixel-antialiased { + -webkit-font-smoothing: auto; + -moz-osx-font-smoothing: auto; + } + + .md\:placeholder-colors-black::-moz-placeholder { + color: var(--colors-black, #000000); + } + + .md\:placeholder-colors-black::placeholder { + color: var(--colors-black, #000000); + } + + .md\:placeholder-colors-white::-moz-placeholder { + color: var(--colors-white, #ffffff); + } + + .md\:placeholder-colors-white::placeholder { + color: var(--colors-white, #ffffff); + } + + .md\:placeholder-colors-gray-100::-moz-placeholder { + color: var(--colors-gray-100, #f7fafc); + } + + .md\:placeholder-colors-gray-100::placeholder { + color: var(--colors-gray-100, #f7fafc); + } + + .md\:placeholder-colors-gray-200::-moz-placeholder { + color: var(--colors-gray-200, #edf2f7); } - .sm\:inset-16 { - top: 4rem; - right: 4rem; - bottom: 4rem; - left: 4rem; + .md\:placeholder-colors-gray-200::placeholder { + color: var(--colors-gray-200, #edf2f7); } - .sm\:inset-20 { - top: 5rem; - right: 5rem; - bottom: 5rem; - left: 5rem; + .md\:placeholder-colors-gray-300::-moz-placeholder { + color: var(--colors-gray-300, #e2e8f0); } - .sm\:inset-24 { - top: 6rem; - right: 6rem; - bottom: 6rem; - left: 6rem; + .md\:placeholder-colors-gray-300::placeholder { + color: var(--colors-gray-300, #e2e8f0); } - .sm\:inset-28 { - top: 7rem; - right: 7rem; - bottom: 7rem; - left: 7rem; + .md\:placeholder-colors-gray-400::-moz-placeholder { + color: var(--colors-gray-400, #cbd5e0); } - .sm\:inset-32 { - top: 8rem; - right: 8rem; - bottom: 8rem; - left: 8rem; + .md\:placeholder-colors-gray-400::placeholder { + color: var(--colors-gray-400, #cbd5e0); } - .sm\:inset-36 { - top: 9rem; - right: 9rem; - bottom: 9rem; - left: 9rem; + .md\:placeholder-colors-gray-500::-moz-placeholder { + color: var(--colors-gray-500, #a0aec0); } - .sm\:inset-40 { - top: 10rem; - right: 10rem; - bottom: 10rem; - left: 10rem; + .md\:placeholder-colors-gray-500::placeholder { + color: var(--colors-gray-500, #a0aec0); } - .sm\:inset-44 { - top: 11rem; - right: 11rem; - bottom: 11rem; - left: 11rem; + .md\:placeholder-colors-gray-600::-moz-placeholder { + color: var(--colors-gray-600, #718096); } - .sm\:inset-48 { - top: 12rem; - right: 12rem; - bottom: 12rem; - left: 12rem; + .md\:placeholder-colors-gray-600::placeholder { + color: var(--colors-gray-600, #718096); } - .sm\:inset-52 { - top: 13rem; - right: 13rem; - bottom: 13rem; - left: 13rem; + .md\:placeholder-colors-gray-700::-moz-placeholder { + color: var(--colors-gray-700, #4a5568); } - .sm\:inset-56 { - top: 14rem; - right: 14rem; - bottom: 14rem; - left: 14rem; + .md\:placeholder-colors-gray-700::placeholder { + color: var(--colors-gray-700, #4a5568); } - .sm\:inset-60 { - top: 15rem; - right: 15rem; - bottom: 15rem; - left: 15rem; + .md\:placeholder-colors-gray-800::-moz-placeholder { + color: var(--colors-gray-800, #2d3748); } - .sm\:inset-64 { - top: 16rem; - right: 16rem; - bottom: 16rem; - left: 16rem; + .md\:placeholder-colors-gray-800::placeholder { + color: var(--colors-gray-800, #2d3748); } - .sm\:inset-72 { - top: 18rem; - right: 18rem; - bottom: 18rem; - left: 18rem; + .md\:placeholder-colors-gray-900::-moz-placeholder { + color: var(--colors-gray-900, #1a202c); } - .sm\:inset-80 { - top: 20rem; - right: 20rem; - bottom: 20rem; - left: 20rem; + .md\:placeholder-colors-gray-900::placeholder { + color: var(--colors-gray-900, #1a202c); } - .sm\:inset-96 { - top: 24rem; - right: 24rem; - bottom: 24rem; - left: 24rem; + .md\:placeholder-colors-red-100::-moz-placeholder { + color: var(--colors-red-100, #fff5f5); } - .sm\:inset-auto { - top: auto; - right: auto; - bottom: auto; - left: auto; + .md\:placeholder-colors-red-100::placeholder { + color: var(--colors-red-100, #fff5f5); } - .sm\:inset-px { - top: 1px; - right: 1px; - bottom: 1px; - left: 1px; + .md\:placeholder-colors-red-200::-moz-placeholder { + color: var(--colors-red-200, #fed7d7); } - .sm\:inset-0\.5 { - top: 0.125rem; - right: 0.125rem; - bottom: 0.125rem; - left: 0.125rem; + .md\:placeholder-colors-red-200::placeholder { + color: var(--colors-red-200, #fed7d7); } - .sm\:inset-1\.5 { - top: 0.375rem; - right: 0.375rem; - bottom: 0.375rem; - left: 0.375rem; + .md\:placeholder-colors-red-300::-moz-placeholder { + color: var(--colors-red-300, #feb2b2); } - .sm\:inset-2\.5 { - top: 0.625rem; - right: 0.625rem; - bottom: 0.625rem; - left: 0.625rem; + .md\:placeholder-colors-red-300::placeholder { + color: var(--colors-red-300, #feb2b2); } - .sm\:inset-3\.5 { - top: 0.875rem; - right: 0.875rem; - bottom: 0.875rem; - left: 0.875rem; + .md\:placeholder-colors-red-400::-moz-placeholder { + color: var(--colors-red-400, #fc8181); } - .sm\:-inset-0 { - top: 0px; - right: 0px; - bottom: 0px; - left: 0px; + .md\:placeholder-colors-red-400::placeholder { + color: var(--colors-red-400, #fc8181); } - .sm\:-inset-1 { - top: -0.25rem; - right: -0.25rem; - bottom: -0.25rem; - left: -0.25rem; + .md\:placeholder-colors-red-500::-moz-placeholder { + color: var(--colors-red-500, #f56565); } - .sm\:-inset-2 { - top: -0.5rem; - right: -0.5rem; - bottom: -0.5rem; - left: -0.5rem; + .md\:placeholder-colors-red-500::placeholder { + color: var(--colors-red-500, #f56565); } - .sm\:-inset-3 { - top: -0.75rem; - right: -0.75rem; - bottom: -0.75rem; - left: -0.75rem; + .md\:placeholder-colors-red-600::-moz-placeholder { + color: var(--colors-red-600, #e53e3e); } - .sm\:-inset-4 { - top: -1rem; - right: -1rem; - bottom: -1rem; - left: -1rem; + .md\:placeholder-colors-red-600::placeholder { + color: var(--colors-red-600, #e53e3e); } - .sm\:-inset-5 { - top: -1.25rem; - right: -1.25rem; - bottom: -1.25rem; - left: -1.25rem; + .md\:placeholder-colors-red-700::-moz-placeholder { + color: var(--colors-red-700, #c53030); } - .sm\:-inset-6 { - top: -1.5rem; - right: -1.5rem; - bottom: -1.5rem; - left: -1.5rem; + .md\:placeholder-colors-red-700::placeholder { + color: var(--colors-red-700, #c53030); } - .sm\:-inset-7 { - top: -1.75rem; - right: -1.75rem; - bottom: -1.75rem; - left: -1.75rem; + .md\:placeholder-colors-red-800::-moz-placeholder { + color: var(--colors-red-800, #9b2c2c); } - .sm\:-inset-8 { - top: -2rem; - right: -2rem; - bottom: -2rem; - left: -2rem; + .md\:placeholder-colors-red-800::placeholder { + color: var(--colors-red-800, #9b2c2c); } - .sm\:-inset-9 { - top: -2.25rem; - right: -2.25rem; - bottom: -2.25rem; - left: -2.25rem; + .md\:placeholder-colors-red-900::-moz-placeholder { + color: var(--colors-red-900, #742a2a); } - .sm\:-inset-10 { - top: -2.5rem; - right: -2.5rem; - bottom: -2.5rem; - left: -2.5rem; + .md\:placeholder-colors-red-900::placeholder { + color: var(--colors-red-900, #742a2a); } - .sm\:-inset-11 { - top: -2.75rem; - right: -2.75rem; - bottom: -2.75rem; - left: -2.75rem; + .md\:placeholder-colors-orange-100::-moz-placeholder { + color: var(--colors-orange-100, #fffaf0); } - .sm\:-inset-12 { - top: -3rem; - right: -3rem; - bottom: -3rem; - left: -3rem; + .md\:placeholder-colors-orange-100::placeholder { + color: var(--colors-orange-100, #fffaf0); } - .sm\:-inset-14 { - top: -3.5rem; - right: -3.5rem; - bottom: -3.5rem; - left: -3.5rem; + .md\:placeholder-colors-orange-200::-moz-placeholder { + color: var(--colors-orange-200, #feebc8); } - .sm\:-inset-16 { - top: -4rem; - right: -4rem; - bottom: -4rem; - left: -4rem; + .md\:placeholder-colors-orange-200::placeholder { + color: var(--colors-orange-200, #feebc8); } - .sm\:-inset-20 { - top: -5rem; - right: -5rem; - bottom: -5rem; - left: -5rem; + .md\:placeholder-colors-orange-300::-moz-placeholder { + color: var(--colors-orange-300, #fbd38d); } - .sm\:-inset-24 { - top: -6rem; - right: -6rem; - bottom: -6rem; - left: -6rem; + .md\:placeholder-colors-orange-300::placeholder { + color: var(--colors-orange-300, #fbd38d); } - .sm\:-inset-28 { - top: -7rem; - right: -7rem; - bottom: -7rem; - left: -7rem; + .md\:placeholder-colors-orange-400::-moz-placeholder { + color: var(--colors-orange-400, #f6ad55); } - .sm\:-inset-32 { - top: -8rem; - right: -8rem; - bottom: -8rem; - left: -8rem; + .md\:placeholder-colors-orange-400::placeholder { + color: var(--colors-orange-400, #f6ad55); } - .sm\:-inset-36 { - top: -9rem; - right: -9rem; - bottom: -9rem; - left: -9rem; + .md\:placeholder-colors-orange-500::-moz-placeholder { + color: var(--colors-orange-500, #ed8936); } - .sm\:-inset-40 { - top: -10rem; - right: -10rem; - bottom: -10rem; - left: -10rem; + .md\:placeholder-colors-orange-500::placeholder { + color: var(--colors-orange-500, #ed8936); } - .sm\:-inset-44 { - top: -11rem; - right: -11rem; - bottom: -11rem; - left: -11rem; + .md\:placeholder-colors-orange-600::-moz-placeholder { + color: var(--colors-orange-600, #dd6b20); } - .sm\:-inset-48 { - top: -12rem; - right: -12rem; - bottom: -12rem; - left: -12rem; + .md\:placeholder-colors-orange-600::placeholder { + color: var(--colors-orange-600, #dd6b20); } - .sm\:-inset-52 { - top: -13rem; - right: -13rem; - bottom: -13rem; - left: -13rem; + .md\:placeholder-colors-orange-700::-moz-placeholder { + color: var(--colors-orange-700, #c05621); } - .sm\:-inset-56 { - top: -14rem; - right: -14rem; - bottom: -14rem; - left: -14rem; + .md\:placeholder-colors-orange-700::placeholder { + color: var(--colors-orange-700, #c05621); } - .sm\:-inset-60 { - top: -15rem; - right: -15rem; - bottom: -15rem; - left: -15rem; + .md\:placeholder-colors-orange-800::-moz-placeholder { + color: var(--colors-orange-800, #9c4221); } - .sm\:-inset-64 { - top: -16rem; - right: -16rem; - bottom: -16rem; - left: -16rem; + .md\:placeholder-colors-orange-800::placeholder { + color: var(--colors-orange-800, #9c4221); } - .sm\:-inset-72 { - top: -18rem; - right: -18rem; - bottom: -18rem; - left: -18rem; + .md\:placeholder-colors-orange-900::-moz-placeholder { + color: var(--colors-orange-900, #7b341e); } - .sm\:-inset-80 { - top: -20rem; - right: -20rem; - bottom: -20rem; - left: -20rem; + .md\:placeholder-colors-orange-900::placeholder { + color: var(--colors-orange-900, #7b341e); } - .sm\:-inset-96 { - top: -24rem; - right: -24rem; - bottom: -24rem; - left: -24rem; + .md\:placeholder-colors-yellow-100::-moz-placeholder { + color: var(--colors-yellow-100, #fffff0); } - .sm\:-inset-px { - top: -1px; - right: -1px; - bottom: -1px; - left: -1px; + .md\:placeholder-colors-yellow-100::placeholder { + color: var(--colors-yellow-100, #fffff0); } - .sm\:-inset-0\.5 { - top: -0.125rem; - right: -0.125rem; - bottom: -0.125rem; - left: -0.125rem; + .md\:placeholder-colors-yellow-200::-moz-placeholder { + color: var(--colors-yellow-200, #fefcbf); } - .sm\:-inset-1\.5 { - top: -0.375rem; - right: -0.375rem; - bottom: -0.375rem; - left: -0.375rem; + .md\:placeholder-colors-yellow-200::placeholder { + color: var(--colors-yellow-200, #fefcbf); } - .sm\:-inset-2\.5 { - top: -0.625rem; - right: -0.625rem; - bottom: -0.625rem; - left: -0.625rem; + .md\:placeholder-colors-yellow-300::-moz-placeholder { + color: var(--colors-yellow-300, #faf089); } - .sm\:-inset-3\.5 { - top: -0.875rem; - right: -0.875rem; - bottom: -0.875rem; - left: -0.875rem; + .md\:placeholder-colors-yellow-300::placeholder { + color: var(--colors-yellow-300, #faf089); } - .sm\:inset-1\/2 { - top: 50%; - right: 50%; - bottom: 50%; - left: 50%; + .md\:placeholder-colors-yellow-400::-moz-placeholder { + color: var(--colors-yellow-400, #f6e05e); } - .sm\:inset-1\/3 { - top: 33.333333%; - right: 33.333333%; - bottom: 33.333333%; - left: 33.333333%; + .md\:placeholder-colors-yellow-400::placeholder { + color: var(--colors-yellow-400, #f6e05e); } - .sm\:inset-2\/3 { - top: 66.666667%; - right: 66.666667%; - bottom: 66.666667%; - left: 66.666667%; + .md\:placeholder-colors-yellow-500::-moz-placeholder { + color: var(--colors-yellow-500, #ecc94b); } - .sm\:inset-1\/4 { - top: 25%; - right: 25%; - bottom: 25%; - left: 25%; + .md\:placeholder-colors-yellow-500::placeholder { + color: var(--colors-yellow-500, #ecc94b); } - .sm\:inset-2\/4 { - top: 50%; - right: 50%; - bottom: 50%; - left: 50%; + .md\:placeholder-colors-yellow-600::-moz-placeholder { + color: var(--colors-yellow-600, #d69e2e); } - .sm\:inset-3\/4 { - top: 75%; - right: 75%; - bottom: 75%; - left: 75%; + .md\:placeholder-colors-yellow-600::placeholder { + color: var(--colors-yellow-600, #d69e2e); } - .sm\:inset-full { - top: 100%; - right: 100%; - bottom: 100%; - left: 100%; + .md\:placeholder-colors-yellow-700::-moz-placeholder { + color: var(--colors-yellow-700, #b7791f); } - .sm\:-inset-1\/2 { - top: -50%; - right: -50%; - bottom: -50%; - left: -50%; + .md\:placeholder-colors-yellow-700::placeholder { + color: var(--colors-yellow-700, #b7791f); } - .sm\:-inset-1\/3 { - top: -33.333333%; - right: -33.333333%; - bottom: -33.333333%; - left: -33.333333%; + .md\:placeholder-colors-yellow-800::-moz-placeholder { + color: var(--colors-yellow-800, #975a16); } - .sm\:-inset-2\/3 { - top: -66.666667%; - right: -66.666667%; - bottom: -66.666667%; - left: -66.666667%; + .md\:placeholder-colors-yellow-800::placeholder { + color: var(--colors-yellow-800, #975a16); } - .sm\:-inset-1\/4 { - top: -25%; - right: -25%; - bottom: -25%; - left: -25%; + .md\:placeholder-colors-yellow-900::-moz-placeholder { + color: var(--colors-yellow-900, #744210); } - .sm\:-inset-2\/4 { - top: -50%; - right: -50%; - bottom: -50%; - left: -50%; + .md\:placeholder-colors-yellow-900::placeholder { + color: var(--colors-yellow-900, #744210); } - .sm\:-inset-3\/4 { - top: -75%; - right: -75%; - bottom: -75%; - left: -75%; + .md\:placeholder-colors-green-100::-moz-placeholder { + color: var(--colors-green-100, #f0fff4); } - .sm\:-inset-full { - top: -100%; - right: -100%; - bottom: -100%; - left: -100%; + .md\:placeholder-colors-green-100::placeholder { + color: var(--colors-green-100, #f0fff4); } - .sm\:inset-x-0 { - left: 0px; - right: 0px; + .md\:placeholder-colors-green-200::-moz-placeholder { + color: var(--colors-green-200, #c6f6d5); } - .sm\:inset-x-1 { - left: 0.25rem; - right: 0.25rem; + .md\:placeholder-colors-green-200::placeholder { + color: var(--colors-green-200, #c6f6d5); } - .sm\:inset-x-2 { - left: 0.5rem; - right: 0.5rem; + .md\:placeholder-colors-green-300::-moz-placeholder { + color: var(--colors-green-300, #9ae6b4); } - .sm\:inset-x-3 { - left: 0.75rem; - right: 0.75rem; + .md\:placeholder-colors-green-300::placeholder { + color: var(--colors-green-300, #9ae6b4); } - .sm\:inset-x-4 { - left: 1rem; - right: 1rem; + .md\:placeholder-colors-green-400::-moz-placeholder { + color: var(--colors-green-400, #68d391); } - .sm\:inset-x-5 { - left: 1.25rem; - right: 1.25rem; + .md\:placeholder-colors-green-400::placeholder { + color: var(--colors-green-400, #68d391); } - .sm\:inset-x-6 { - left: 1.5rem; - right: 1.5rem; + .md\:placeholder-colors-green-500::-moz-placeholder { + color: var(--colors-green-500, #48bb78); } - .sm\:inset-x-7 { - left: 1.75rem; - right: 1.75rem; + .md\:placeholder-colors-green-500::placeholder { + color: var(--colors-green-500, #48bb78); } - .sm\:inset-x-8 { - left: 2rem; - right: 2rem; + .md\:placeholder-colors-green-600::-moz-placeholder { + color: var(--colors-green-600, #38a169); } - .sm\:inset-x-9 { - left: 2.25rem; - right: 2.25rem; + .md\:placeholder-colors-green-600::placeholder { + color: var(--colors-green-600, #38a169); } - .sm\:inset-x-10 { - left: 2.5rem; - right: 2.5rem; + .md\:placeholder-colors-green-700::-moz-placeholder { + color: var(--colors-green-700, #2f855a); } - .sm\:inset-x-11 { - left: 2.75rem; - right: 2.75rem; + .md\:placeholder-colors-green-700::placeholder { + color: var(--colors-green-700, #2f855a); } - .sm\:inset-x-12 { - left: 3rem; - right: 3rem; + .md\:placeholder-colors-green-800::-moz-placeholder { + color: var(--colors-green-800, #276749); } - .sm\:inset-x-14 { - left: 3.5rem; - right: 3.5rem; + .md\:placeholder-colors-green-800::placeholder { + color: var(--colors-green-800, #276749); } - .sm\:inset-x-16 { - left: 4rem; - right: 4rem; + .md\:placeholder-colors-green-900::-moz-placeholder { + color: var(--colors-green-900, #22543d); } - .sm\:inset-x-20 { - left: 5rem; - right: 5rem; + .md\:placeholder-colors-green-900::placeholder { + color: var(--colors-green-900, #22543d); } - .sm\:inset-x-24 { - left: 6rem; - right: 6rem; + .md\:placeholder-colors-teal-100::-moz-placeholder { + color: var(--colors-teal-100, #e6fffa); } - .sm\:inset-x-28 { - left: 7rem; - right: 7rem; + .md\:placeholder-colors-teal-100::placeholder { + color: var(--colors-teal-100, #e6fffa); } - .sm\:inset-x-32 { - left: 8rem; - right: 8rem; + .md\:placeholder-colors-teal-200::-moz-placeholder { + color: var(--colors-teal-200, #b2f5ea); } - .sm\:inset-x-36 { - left: 9rem; - right: 9rem; + .md\:placeholder-colors-teal-200::placeholder { + color: var(--colors-teal-200, #b2f5ea); } - .sm\:inset-x-40 { - left: 10rem; - right: 10rem; + .md\:placeholder-colors-teal-300::-moz-placeholder { + color: var(--colors-teal-300, #81e6d9); } - .sm\:inset-x-44 { - left: 11rem; - right: 11rem; + .md\:placeholder-colors-teal-300::placeholder { + color: var(--colors-teal-300, #81e6d9); } - .sm\:inset-x-48 { - left: 12rem; - right: 12rem; + .md\:placeholder-colors-teal-400::-moz-placeholder { + color: var(--colors-teal-400, #4fd1c5); } - .sm\:inset-x-52 { - left: 13rem; - right: 13rem; + .md\:placeholder-colors-teal-400::placeholder { + color: var(--colors-teal-400, #4fd1c5); } - .sm\:inset-x-56 { - left: 14rem; - right: 14rem; + .md\:placeholder-colors-teal-500::-moz-placeholder { + color: var(--colors-teal-500, #38b2ac); } - .sm\:inset-x-60 { - left: 15rem; - right: 15rem; + .md\:placeholder-colors-teal-500::placeholder { + color: var(--colors-teal-500, #38b2ac); } - .sm\:inset-x-64 { - left: 16rem; - right: 16rem; + .md\:placeholder-colors-teal-600::-moz-placeholder { + color: var(--colors-teal-600, #319795); } - .sm\:inset-x-72 { - left: 18rem; - right: 18rem; + .md\:placeholder-colors-teal-600::placeholder { + color: var(--colors-teal-600, #319795); } - .sm\:inset-x-80 { - left: 20rem; - right: 20rem; + .md\:placeholder-colors-teal-700::-moz-placeholder { + color: var(--colors-teal-700, #2c7a7b); } - .sm\:inset-x-96 { - left: 24rem; - right: 24rem; + .md\:placeholder-colors-teal-700::placeholder { + color: var(--colors-teal-700, #2c7a7b); } - .sm\:inset-x-auto { - left: auto; - right: auto; + .md\:placeholder-colors-teal-800::-moz-placeholder { + color: var(--colors-teal-800, #285e61); } - .sm\:inset-x-px { - left: 1px; - right: 1px; + .md\:placeholder-colors-teal-800::placeholder { + color: var(--colors-teal-800, #285e61); } - .sm\:inset-x-0\.5 { - left: 0.125rem; - right: 0.125rem; + .md\:placeholder-colors-teal-900::-moz-placeholder { + color: var(--colors-teal-900, #234e52); } - .sm\:inset-x-1\.5 { - left: 0.375rem; - right: 0.375rem; + .md\:placeholder-colors-teal-900::placeholder { + color: var(--colors-teal-900, #234e52); } - .sm\:inset-x-2\.5 { - left: 0.625rem; - right: 0.625rem; + .md\:placeholder-colors-blue-100::-moz-placeholder { + color: var(--colors-blue-100, #ebf8ff); } - .sm\:inset-x-3\.5 { - left: 0.875rem; - right: 0.875rem; + .md\:placeholder-colors-blue-100::placeholder { + color: var(--colors-blue-100, #ebf8ff); } - .sm\:-inset-x-0 { - left: 0px; - right: 0px; + .md\:placeholder-colors-blue-200::-moz-placeholder { + color: var(--colors-blue-200, #bee3f8); } - .sm\:-inset-x-1 { - left: -0.25rem; - right: -0.25rem; + .md\:placeholder-colors-blue-200::placeholder { + color: var(--colors-blue-200, #bee3f8); } - .sm\:-inset-x-2 { - left: -0.5rem; - right: -0.5rem; + .md\:placeholder-colors-blue-300::-moz-placeholder { + color: var(--colors-blue-300, #90cdf4); } - .sm\:-inset-x-3 { - left: -0.75rem; - right: -0.75rem; + .md\:placeholder-colors-blue-300::placeholder { + color: var(--colors-blue-300, #90cdf4); } - .sm\:-inset-x-4 { - left: -1rem; - right: -1rem; + .md\:placeholder-colors-blue-400::-moz-placeholder { + color: var(--colors-blue-400, #63b3ed); } - .sm\:-inset-x-5 { - left: -1.25rem; - right: -1.25rem; + .md\:placeholder-colors-blue-400::placeholder { + color: var(--colors-blue-400, #63b3ed); } - .sm\:-inset-x-6 { - left: -1.5rem; - right: -1.5rem; + .md\:placeholder-colors-blue-500::-moz-placeholder { + color: var(--colors-blue-500, #4299e1); } - .sm\:-inset-x-7 { - left: -1.75rem; - right: -1.75rem; + .md\:placeholder-colors-blue-500::placeholder { + color: var(--colors-blue-500, #4299e1); } - .sm\:-inset-x-8 { - left: -2rem; - right: -2rem; + .md\:placeholder-colors-blue-600::-moz-placeholder { + color: var(--colors-blue-600, #3182ce); } - .sm\:-inset-x-9 { - left: -2.25rem; - right: -2.25rem; + .md\:placeholder-colors-blue-600::placeholder { + color: var(--colors-blue-600, #3182ce); } - .sm\:-inset-x-10 { - left: -2.5rem; - right: -2.5rem; + .md\:placeholder-colors-blue-700::-moz-placeholder { + color: var(--colors-blue-700, #2b6cb0); } - .sm\:-inset-x-11 { - left: -2.75rem; - right: -2.75rem; + .md\:placeholder-colors-blue-700::placeholder { + color: var(--colors-blue-700, #2b6cb0); } - .sm\:-inset-x-12 { - left: -3rem; - right: -3rem; + .md\:placeholder-colors-blue-800::-moz-placeholder { + color: var(--colors-blue-800, #2c5282); } - .sm\:-inset-x-14 { - left: -3.5rem; - right: -3.5rem; + .md\:placeholder-colors-blue-800::placeholder { + color: var(--colors-blue-800, #2c5282); } - .sm\:-inset-x-16 { - left: -4rem; - right: -4rem; + .md\:placeholder-colors-blue-900::-moz-placeholder { + color: var(--colors-blue-900, #2a4365); } - .sm\:-inset-x-20 { - left: -5rem; - right: -5rem; + .md\:placeholder-colors-blue-900::placeholder { + color: var(--colors-blue-900, #2a4365); } - .sm\:-inset-x-24 { - left: -6rem; - right: -6rem; + .md\:placeholder-colors-indigo-100::-moz-placeholder { + color: var(--colors-indigo-100, #ebf4ff); } - .sm\:-inset-x-28 { - left: -7rem; - right: -7rem; + .md\:placeholder-colors-indigo-100::placeholder { + color: var(--colors-indigo-100, #ebf4ff); } - .sm\:-inset-x-32 { - left: -8rem; - right: -8rem; + .md\:placeholder-colors-indigo-200::-moz-placeholder { + color: var(--colors-indigo-200, #c3dafe); } - .sm\:-inset-x-36 { - left: -9rem; - right: -9rem; + .md\:placeholder-colors-indigo-200::placeholder { + color: var(--colors-indigo-200, #c3dafe); } - .sm\:-inset-x-40 { - left: -10rem; - right: -10rem; + .md\:placeholder-colors-indigo-300::-moz-placeholder { + color: var(--colors-indigo-300, #a3bffa); } - .sm\:-inset-x-44 { - left: -11rem; - right: -11rem; + .md\:placeholder-colors-indigo-300::placeholder { + color: var(--colors-indigo-300, #a3bffa); } - .sm\:-inset-x-48 { - left: -12rem; - right: -12rem; + .md\:placeholder-colors-indigo-400::-moz-placeholder { + color: var(--colors-indigo-400, #7f9cf5); } - .sm\:-inset-x-52 { - left: -13rem; - right: -13rem; + .md\:placeholder-colors-indigo-400::placeholder { + color: var(--colors-indigo-400, #7f9cf5); } - .sm\:-inset-x-56 { - left: -14rem; - right: -14rem; + .md\:placeholder-colors-indigo-500::-moz-placeholder { + color: var(--colors-indigo-500, #667eea); } - .sm\:-inset-x-60 { - left: -15rem; - right: -15rem; + .md\:placeholder-colors-indigo-500::placeholder { + color: var(--colors-indigo-500, #667eea); } - .sm\:-inset-x-64 { - left: -16rem; - right: -16rem; + .md\:placeholder-colors-indigo-600::-moz-placeholder { + color: var(--colors-indigo-600, #5a67d8); } - .sm\:-inset-x-72 { - left: -18rem; - right: -18rem; + .md\:placeholder-colors-indigo-600::placeholder { + color: var(--colors-indigo-600, #5a67d8); } - .sm\:-inset-x-80 { - left: -20rem; - right: -20rem; + .md\:placeholder-colors-indigo-700::-moz-placeholder { + color: var(--colors-indigo-700, #4c51bf); } - .sm\:-inset-x-96 { - left: -24rem; - right: -24rem; + .md\:placeholder-colors-indigo-700::placeholder { + color: var(--colors-indigo-700, #4c51bf); } - .sm\:-inset-x-px { - left: -1px; - right: -1px; + .md\:placeholder-colors-indigo-800::-moz-placeholder { + color: var(--colors-indigo-800, #434190); } - .sm\:-inset-x-0\.5 { - left: -0.125rem; - right: -0.125rem; + .md\:placeholder-colors-indigo-800::placeholder { + color: var(--colors-indigo-800, #434190); } - .sm\:-inset-x-1\.5 { - left: -0.375rem; - right: -0.375rem; + .md\:placeholder-colors-indigo-900::-moz-placeholder { + color: var(--colors-indigo-900, #3c366b); } - .sm\:-inset-x-2\.5 { - left: -0.625rem; - right: -0.625rem; + .md\:placeholder-colors-indigo-900::placeholder { + color: var(--colors-indigo-900, #3c366b); } - .sm\:-inset-x-3\.5 { - left: -0.875rem; - right: -0.875rem; + .md\:placeholder-colors-purple-100::-moz-placeholder { + color: var(--colors-purple-100, #faf5ff); } - .sm\:inset-x-1\/2 { - left: 50%; - right: 50%; + .md\:placeholder-colors-purple-100::placeholder { + color: var(--colors-purple-100, #faf5ff); } - .sm\:inset-x-1\/3 { - left: 33.333333%; - right: 33.333333%; + .md\:placeholder-colors-purple-200::-moz-placeholder { + color: var(--colors-purple-200, #e9d8fd); } - .sm\:inset-x-2\/3 { - left: 66.666667%; - right: 66.666667%; + .md\:placeholder-colors-purple-200::placeholder { + color: var(--colors-purple-200, #e9d8fd); } - .sm\:inset-x-1\/4 { - left: 25%; - right: 25%; + .md\:placeholder-colors-purple-300::-moz-placeholder { + color: var(--colors-purple-300, #d6bcfa); } - .sm\:inset-x-2\/4 { - left: 50%; - right: 50%; + .md\:placeholder-colors-purple-300::placeholder { + color: var(--colors-purple-300, #d6bcfa); } - .sm\:inset-x-3\/4 { - left: 75%; - right: 75%; + .md\:placeholder-colors-purple-400::-moz-placeholder { + color: var(--colors-purple-400, #b794f4); } - .sm\:inset-x-full { - left: 100%; - right: 100%; + .md\:placeholder-colors-purple-400::placeholder { + color: var(--colors-purple-400, #b794f4); } - .sm\:-inset-x-1\/2 { - left: -50%; - right: -50%; + .md\:placeholder-colors-purple-500::-moz-placeholder { + color: var(--colors-purple-500, #9f7aea); } - .sm\:-inset-x-1\/3 { - left: -33.333333%; - right: -33.333333%; + .md\:placeholder-colors-purple-500::placeholder { + color: var(--colors-purple-500, #9f7aea); } - .sm\:-inset-x-2\/3 { - left: -66.666667%; - right: -66.666667%; + .md\:placeholder-colors-purple-600::-moz-placeholder { + color: var(--colors-purple-600, #805ad5); } - .sm\:-inset-x-1\/4 { - left: -25%; - right: -25%; + .md\:placeholder-colors-purple-600::placeholder { + color: var(--colors-purple-600, #805ad5); } - .sm\:-inset-x-2\/4 { - left: -50%; - right: -50%; + .md\:placeholder-colors-purple-700::-moz-placeholder { + color: var(--colors-purple-700, #6b46c1); } - .sm\:-inset-x-3\/4 { - left: -75%; - right: -75%; + .md\:placeholder-colors-purple-700::placeholder { + color: var(--colors-purple-700, #6b46c1); } - .sm\:-inset-x-full { - left: -100%; - right: -100%; + .md\:placeholder-colors-purple-800::-moz-placeholder { + color: var(--colors-purple-800, #553c9a); } - .sm\:inset-y-0 { - top: 0px; - bottom: 0px; + .md\:placeholder-colors-purple-800::placeholder { + color: var(--colors-purple-800, #553c9a); } - .sm\:inset-y-1 { - top: 0.25rem; - bottom: 0.25rem; + .md\:placeholder-colors-purple-900::-moz-placeholder { + color: var(--colors-purple-900, #44337a); } - .sm\:inset-y-2 { - top: 0.5rem; - bottom: 0.5rem; + .md\:placeholder-colors-purple-900::placeholder { + color: var(--colors-purple-900, #44337a); } - .sm\:inset-y-3 { - top: 0.75rem; - bottom: 0.75rem; + .md\:placeholder-colors-pink-100::-moz-placeholder { + color: var(--colors-pink-100, #fff5f7); } - .sm\:inset-y-4 { - top: 1rem; - bottom: 1rem; + .md\:placeholder-colors-pink-100::placeholder { + color: var(--colors-pink-100, #fff5f7); } - .sm\:inset-y-5 { - top: 1.25rem; - bottom: 1.25rem; + .md\:placeholder-colors-pink-200::-moz-placeholder { + color: var(--colors-pink-200, #fed7e2); } - .sm\:inset-y-6 { - top: 1.5rem; - bottom: 1.5rem; + .md\:placeholder-colors-pink-200::placeholder { + color: var(--colors-pink-200, #fed7e2); } - .sm\:inset-y-7 { - top: 1.75rem; - bottom: 1.75rem; + .md\:placeholder-colors-pink-300::-moz-placeholder { + color: var(--colors-pink-300, #fbb6ce); } - .sm\:inset-y-8 { - top: 2rem; - bottom: 2rem; + .md\:placeholder-colors-pink-300::placeholder { + color: var(--colors-pink-300, #fbb6ce); } - .sm\:inset-y-9 { - top: 2.25rem; - bottom: 2.25rem; + .md\:placeholder-colors-pink-400::-moz-placeholder { + color: var(--colors-pink-400, #f687b3); } - .sm\:inset-y-10 { - top: 2.5rem; - bottom: 2.5rem; + .md\:placeholder-colors-pink-400::placeholder { + color: var(--colors-pink-400, #f687b3); } - .sm\:inset-y-11 { - top: 2.75rem; - bottom: 2.75rem; + .md\:placeholder-colors-pink-500::-moz-placeholder { + color: var(--colors-pink-500, #ed64a6); } - .sm\:inset-y-12 { - top: 3rem; - bottom: 3rem; + .md\:placeholder-colors-pink-500::placeholder { + color: var(--colors-pink-500, #ed64a6); } - .sm\:inset-y-14 { - top: 3.5rem; - bottom: 3.5rem; + .md\:placeholder-colors-pink-600::-moz-placeholder { + color: var(--colors-pink-600, #d53f8c); } - .sm\:inset-y-16 { - top: 4rem; - bottom: 4rem; + .md\:placeholder-colors-pink-600::placeholder { + color: var(--colors-pink-600, #d53f8c); } - .sm\:inset-y-20 { - top: 5rem; - bottom: 5rem; + .md\:placeholder-colors-pink-700::-moz-placeholder { + color: var(--colors-pink-700, #b83280); } - .sm\:inset-y-24 { - top: 6rem; - bottom: 6rem; + .md\:placeholder-colors-pink-700::placeholder { + color: var(--colors-pink-700, #b83280); } - .sm\:inset-y-28 { - top: 7rem; - bottom: 7rem; + .md\:placeholder-colors-pink-800::-moz-placeholder { + color: var(--colors-pink-800, #97266d); } - .sm\:inset-y-32 { - top: 8rem; - bottom: 8rem; + .md\:placeholder-colors-pink-800::placeholder { + color: var(--colors-pink-800, #97266d); } - .sm\:inset-y-36 { - top: 9rem; - bottom: 9rem; + .md\:placeholder-colors-pink-900::-moz-placeholder { + color: var(--colors-pink-900, #702459); } - .sm\:inset-y-40 { - top: 10rem; - bottom: 10rem; + .md\:placeholder-colors-pink-900::placeholder { + color: var(--colors-pink-900, #702459); } - .sm\:inset-y-44 { - top: 11rem; - bottom: 11rem; + .md\:placeholder-Box\ Shadow::-moz-placeholder { + color: var(--box-shadow, #7f7e7f); } - .sm\:inset-y-48 { - top: 12rem; - bottom: 12rem; + .md\:placeholder-Box\ Shadow::placeholder { + color: var(--box-shadow, #7f7e7f); } - .sm\:inset-y-52 { - top: 13rem; - bottom: 13rem; + .md\:placeholder-Error16::-moz-placeholder { + color: var(--error16, #f03d3e40); } - .sm\:inset-y-56 { - top: 14rem; - bottom: 14rem; + .md\:placeholder-Error16::placeholder { + color: var(--error16, #f03d3e40); } - .sm\:inset-y-60 { - top: 15rem; - bottom: 15rem; + .md\:placeholder-Success16::-moz-placeholder { + color: var(--success16, #5bb14d40); } - .sm\:inset-y-64 { - top: 16rem; - bottom: 16rem; + .md\:placeholder-Success16::placeholder { + color: var(--success16, #5bb14d40); } - .sm\:inset-y-72 { - top: 18rem; - bottom: 18rem; + .md\:placeholder-Notification16::-moz-placeholder { + color: var(--notification16, #3959ff40); } - .sm\:inset-y-80 { - top: 20rem; - bottom: 20rem; + .md\:placeholder-Notification16::placeholder { + color: var(--notification16, #3959ff40); } - .sm\:inset-y-96 { - top: 24rem; - bottom: 24rem; + .md\:placeholder-Error8::-moz-placeholder { + color: var(--error8, #f03d3e1a); } - .sm\:inset-y-auto { - top: auto; - bottom: auto; + .md\:placeholder-Error8::placeholder { + color: var(--error8, #f03d3e1a); } - .sm\:inset-y-px { - top: 1px; - bottom: 1px; + .md\:placeholder-Notification8::-moz-placeholder { + color: var(--notification8, #3959ff1a); } - .sm\:inset-y-0\.5 { - top: 0.125rem; - bottom: 0.125rem; + .md\:placeholder-Notification8::placeholder { + color: var(--notification8, #3959ff1a); } - .sm\:inset-y-1\.5 { - top: 0.375rem; - bottom: 0.375rem; + .md\:placeholder-Success8::-moz-placeholder { + color: var(--success8, #5bb14d1a); } - .sm\:inset-y-2\.5 { - top: 0.625rem; - bottom: 0.625rem; + .md\:placeholder-Success8::placeholder { + color: var(--success8, #5bb14d1a); } - .sm\:inset-y-3\.5 { - top: 0.875rem; - bottom: 0.875rem; + .md\:placeholder-Light\ -\ Overlay::-moz-placeholder { + color: var(--light-overlay, #f0edee66); } - .sm\:-inset-y-0 { - top: 0px; - bottom: 0px; + .md\:placeholder-Light\ -\ Overlay::placeholder { + color: var(--light-overlay, #f0edee66); } - .sm\:-inset-y-1 { - top: -0.25rem; - bottom: -0.25rem; + .md\:placeholder-Dark-\ Overlay::-moz-placeholder { + color: var(--dark-overlay, #7f7e7f66); } - .sm\:-inset-y-2 { - top: -0.5rem; - bottom: -0.5rem; + .md\:placeholder-Dark-\ Overlay::placeholder { + color: var(--dark-overlay, #7f7e7f66); } - .sm\:-inset-y-3 { - top: -0.75rem; - bottom: -0.75rem; + .md\:placeholder-black-40::-moz-placeholder { + color: var(--black-40, #00000066); } - .sm\:-inset-y-4 { - top: -1rem; - bottom: -1rem; + .md\:placeholder-black-40::placeholder { + color: var(--black-40, #00000066); } - .sm\:-inset-y-5 { - top: -1.25rem; - bottom: -1.25rem; + .md\:placeholder-black-75::-moz-placeholder { + color: var(--black-75, #000000bf); } - .sm\:-inset-y-6 { - top: -1.5rem; - bottom: -1.5rem; + .md\:placeholder-black-75::placeholder { + color: var(--black-75, #000000bf); } - .sm\:-inset-y-7 { - top: -1.75rem; - bottom: -1.75rem; + .md\:placeholder-black-60::-moz-placeholder { + color: var(--black-60, #00000099); } - .sm\:-inset-y-8 { - top: -2rem; - bottom: -2rem; + .md\:placeholder-black-60::placeholder { + color: var(--black-60, #00000099); } - .sm\:-inset-y-9 { - top: -2.25rem; - bottom: -2.25rem; + .md\:placeholder-black-50::-moz-placeholder { + color: var(--black-50, #00000080); } - .sm\:-inset-y-10 { - top: -2.5rem; - bottom: -2.5rem; + .md\:placeholder-black-50::placeholder { + color: var(--black-50, #00000080); } - .sm\:-inset-y-11 { - top: -2.75rem; - bottom: -2.75rem; + .md\:placeholder-black-25::-moz-placeholder { + color: var(--black-25, #00000040); } - .sm\:-inset-y-12 { - top: -3rem; - bottom: -3rem; + .md\:placeholder-black-25::placeholder { + color: var(--black-25, #00000040); } - .sm\:-inset-y-14 { - top: -3.5rem; - bottom: -3.5rem; + .md\:placeholder-black-10::-moz-placeholder { + color: var(--black-10, #0000001a); } - .sm\:-inset-y-16 { - top: -4rem; - bottom: -4rem; + .md\:placeholder-black-10::placeholder { + color: var(--black-10, #0000001a); } - .sm\:-inset-y-20 { - top: -5rem; - bottom: -5rem; + .md\:placeholder-white-25::-moz-placeholder { + color: var(--white-25, #ffffff40); } - .sm\:-inset-y-24 { - top: -6rem; - bottom: -6rem; + .md\:placeholder-white-25::placeholder { + color: var(--white-25, #ffffff40); } - .sm\:-inset-y-28 { - top: -7rem; - bottom: -7rem; + .md\:placeholder-white-60::-moz-placeholder { + color: var(--white-60, #ffffff99); } - .sm\:-inset-y-32 { - top: -8rem; - bottom: -8rem; + .md\:placeholder-white-60::placeholder { + color: var(--white-60, #ffffff99); } - .sm\:-inset-y-36 { - top: -9rem; - bottom: -9rem; + .md\:placeholder-black-64::-moz-placeholder { + color: var(--black-64, #000000a3); } - .sm\:-inset-y-40 { - top: -10rem; - bottom: -10rem; + .md\:placeholder-black-64::placeholder { + color: var(--black-64, #000000a3); } - .sm\:-inset-y-44 { - top: -11rem; - bottom: -11rem; + .md\:placeholder-Shadow\ and\ Highlight-Shadow::-moz-placeholder { + color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .sm\:-inset-y-48 { - top: -12rem; - bottom: -12rem; + .md\:placeholder-Shadow\ and\ Highlight-Shadow::placeholder { + color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .sm\:-inset-y-52 { - top: -13rem; - bottom: -13rem; + .md\:placeholder-Shadow\ and\ Highlight-Highlight::-moz-placeholder { + color: var(--shadow-and-highlight-highlight, #474747); } - .sm\:-inset-y-56 { - top: -14rem; - bottom: -14rem; + .md\:placeholder-Shadow\ and\ Highlight-Highlight::placeholder { + color: var(--shadow-and-highlight-highlight, #474747); } - .sm\:-inset-y-60 { - top: -15rem; - bottom: -15rem; + .md\:placeholder-Shadow\ and\ Highlight-highlight\ one::-moz-placeholder { + color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .sm\:-inset-y-64 { - top: -16rem; - bottom: -16rem; + .md\:placeholder-Shadow\ and\ Highlight-highlight\ one::placeholder { + color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .sm\:-inset-y-72 { - top: -18rem; - bottom: -18rem; + .md\:placeholder-Shadow\ and\ Highlight-highlight\ two::-moz-placeholder { + color: var(--shadow-and-highlight-highlight-two, #47474799); } - .sm\:-inset-y-80 { - top: -20rem; - bottom: -20rem; + .md\:placeholder-Shadow\ and\ Highlight-highlight\ two::placeholder { + color: var(--shadow-and-highlight-highlight-two, #47474799); } - .sm\:-inset-y-96 { - top: -24rem; - bottom: -24rem; + .md\:placeholder-Shadow\ and\ Highlight-highlight\ three::-moz-placeholder { + color: var(--shadow-and-highlight-highlight-three, #47474766); } - .sm\:-inset-y-px { - top: -1px; - bottom: -1px; + .md\:placeholder-Shadow\ and\ Highlight-highlight\ three::placeholder { + color: var(--shadow-and-highlight-highlight-three, #47474766); } - .sm\:-inset-y-0\.5 { - top: -0.125rem; - bottom: -0.125rem; + .md\:placeholder-Shadow\ and\ Highlight-highlight\ five::-moz-placeholder { + color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .sm\:-inset-y-1\.5 { - top: -0.375rem; - bottom: -0.375rem; + .md\:placeholder-Shadow\ and\ Highlight-highlight\ five::placeholder { + color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .sm\:-inset-y-2\.5 { - top: -0.625rem; - bottom: -0.625rem; + .md\:placeholder-Shadow\ and\ Highlight-shadow\ one::-moz-placeholder { + color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .sm\:-inset-y-3\.5 { - top: -0.875rem; - bottom: -0.875rem; + .md\:placeholder-Shadow\ and\ Highlight-shadow\ one::placeholder { + color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .sm\:inset-y-1\/2 { - top: 50%; - bottom: 50%; + .md\:placeholder-Shadow\ and\ Highlight-shadow\ two::-moz-placeholder { + color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .sm\:inset-y-1\/3 { - top: 33.333333%; - bottom: 33.333333%; + .md\:placeholder-Shadow\ and\ Highlight-shadow\ two::placeholder { + color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .sm\:inset-y-2\/3 { - top: 66.666667%; - bottom: 66.666667%; + .md\:placeholder-Shadow\ and\ Highlight-shadow\ three::-moz-placeholder { + color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .sm\:inset-y-1\/4 { - top: 25%; - bottom: 25%; + .md\:placeholder-Shadow\ and\ Highlight-shadow\ three::placeholder { + color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .sm\:inset-y-2\/4 { - top: 50%; - bottom: 50%; + .md\:placeholder-Shadow\ and\ Highlight-shadow\ four::-moz-placeholder { + color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .sm\:inset-y-3\/4 { - top: 75%; - bottom: 75%; + .md\:placeholder-Shadow\ and\ Highlight-shadow\ four::placeholder { + color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .sm\:inset-y-full { - top: 100%; - bottom: 100%; + .md\:placeholder-Shadow\ and\ Highlight-shadow\ five::-moz-placeholder { + color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .sm\:-inset-y-1\/2 { - top: -50%; - bottom: -50%; + .md\:placeholder-Shadow\ and\ Highlight-shadow\ five::placeholder { + color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .sm\:-inset-y-1\/3 { - top: -33.333333%; - bottom: -33.333333%; + .md\:placeholder-Shadow\ and\ Highlight-highlight\ four::-moz-placeholder { + color: var(--shadow-and-highlight-highlight-four, #47474740); } - .sm\:-inset-y-2\/3 { - top: -66.666667%; - bottom: -66.666667%; + .md\:placeholder-Shadow\ and\ Highlight-highlight\ four::placeholder { + color: var(--shadow-and-highlight-highlight-four, #47474740); } - .sm\:-inset-y-1\/4 { - top: -25%; - bottom: -25%; + .md\:placeholder-Base\ Layer\ Styles-Base\ Layer-\ Light-White::-moz-placeholder { + color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .sm\:-inset-y-2\/4 { - top: -50%; - bottom: -50%; + .md\:placeholder-Base\ Layer\ Styles-Base\ Layer-\ Light-White::placeholder { + color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .sm\:-inset-y-3\/4 { - top: -75%; - bottom: -75%; + .md\:placeholder-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite::-moz-placeholder { + color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .sm\:-inset-y-full { - top: -100%; - bottom: -100%; + .md\:placeholder-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite::placeholder { + color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .sm\:top-0 { - top: 0px; + .md\:placeholder-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack::-moz-placeholder { + color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .sm\:top-1 { - top: 0.25rem; + .md\:placeholder-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack::placeholder { + color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .sm\:top-2 { - top: 0.5rem; + .md\:placeholder-Base\ Layer\ Styles-Base\ Layer-Dark-Black::-moz-placeholder { + color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .sm\:top-3 { - top: 0.75rem; + .md\:placeholder-Base\ Layer\ Styles-Base\ Layer-Dark-Black::placeholder { + color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .sm\:top-4 { - top: 1rem; + .md\:placeholder-Grey-Scale-white::-moz-placeholder { + color: var(--grey-scale-white, #ffffff); } - .sm\:top-5 { - top: 1.25rem; + .md\:placeholder-Grey-Scale-white::placeholder { + color: var(--grey-scale-white, #ffffff); } - .sm\:top-6 { - top: 1.5rem; + .md\:placeholder-Grey-Scale-off-white::-moz-placeholder { + color: var(--grey-scale-off-white, #f0edee); } - .sm\:top-7 { - top: 1.75rem; + .md\:placeholder-Grey-Scale-off-white::placeholder { + color: var(--grey-scale-off-white, #f0edee); } - .sm\:top-8 { - top: 2rem; + .md\:placeholder-Grey\ Scale-grey::-moz-placeholder { + color: var(--grey-scale-grey, #7f7e7f); } - .sm\:top-9 { - top: 2.25rem; + .md\:placeholder-Grey\ Scale-grey::placeholder { + color: var(--grey-scale-grey, #7f7e7f); } - .sm\:top-10 { - top: 2.5rem; + .md\:placeholder-Grey\ Scale-charcoal::-moz-placeholder { + color: var(--grey-scale-charcoal, #474747); } - .sm\:top-11 { - top: 2.75rem; + .md\:placeholder-Grey\ Scale-charcoal::placeholder { + color: var(--grey-scale-charcoal, #474747); } - .sm\:top-12 { - top: 3rem; + .md\:placeholder-Grey\ Scale-off-black::-moz-placeholder { + color: var(--grey-scale-off-black, #1c1c1c); } - .sm\:top-14 { - top: 3.5rem; + .md\:placeholder-Grey\ Scale-off-black::placeholder { + color: var(--grey-scale-off-black, #1c1c1c); } - .sm\:top-16 { - top: 4rem; + .md\:placeholder-Grey\ Scale-black::-moz-placeholder { + color: var(--grey-scale-black, #000000); } - .sm\:top-20 { - top: 5rem; + .md\:placeholder-Grey\ Scale-black::placeholder { + color: var(--grey-scale-black, #000000); } - .sm\:top-24 { - top: 6rem; + .md\:placeholder-Blue-blue::-moz-placeholder { + color: var(--blue-blue, #3a7ca5); } - .sm\:top-28 { - top: 7rem; + .md\:placeholder-Blue-blue::placeholder { + color: var(--blue-blue, #3a7ca5); } - .sm\:top-32 { - top: 8rem; + .md\:placeholder-Blue-blue-100::-moz-placeholder { + color: var(--blue-blue-100, #75a3c0); } - .sm\:top-36 { - top: 9rem; + .md\:placeholder-Blue-blue-100::placeholder { + color: var(--blue-blue-100, #75a3c0); } - .sm\:top-40 { - top: 10rem; + .md\:placeholder-Blue-blue-200::-moz-placeholder { + color: var(--blue-blue-200, #9cbed2); } - .sm\:top-44 { - top: 11rem; + .md\:placeholder-Blue-blue-200::placeholder { + color: var(--blue-blue-200, #9cbed2); } - .sm\:top-48 { - top: 12rem; + .md\:placeholder-Blue-blue-300::-moz-placeholder { + color: var(--blue-blue-300, #4f7d9a); } - .sm\:top-52 { - top: 13rem; + .md\:placeholder-Blue-blue-300::placeholder { + color: var(--blue-blue-300, #4f7d9a); } - .sm\:top-56 { - top: 14rem; + .md\:placeholder-Blue-blue-400::-moz-placeholder { + color: var(--blue-blue-400, #5c7d92); } - .sm\:top-60 { - top: 15rem; + .md\:placeholder-Blue-blue-400::placeholder { + color: var(--blue-blue-400, #5c7d92); } - .sm\:top-64 { - top: 16rem; + .md\:placeholder-Blue-blue-500::-moz-placeholder { + color: var(--blue-blue-500, #347095); } - .sm\:top-72 { - top: 18rem; + .md\:placeholder-Blue-blue-500::placeholder { + color: var(--blue-blue-500, #347095); } - .sm\:top-80 { - top: 20rem; + .md\:placeholder-Blue-blue-600::-moz-placeholder { + color: var(--blue-blue-600, #295774); } - .sm\:top-96 { - top: 24rem; + .md\:placeholder-Blue-blue-600::placeholder { + color: var(--blue-blue-600, #295774); } - .sm\:top-auto { - top: auto; + .md\:placeholder-Blue-blue-700::-moz-placeholder { + color: var(--blue-blue-700, #173242); } - .sm\:top-px { - top: 1px; + .md\:placeholder-Blue-blue-700::placeholder { + color: var(--blue-blue-700, #173242); } - .sm\:top-0\.5 { - top: 0.125rem; + .md\:placeholder-LightBlue-lightblue::-moz-placeholder { + color: var(--light-blue-lightblue, #81c3d7); } - .sm\:top-1\.5 { - top: 0.375rem; + .md\:placeholder-LightBlue-lightblue::placeholder { + color: var(--light-blue-lightblue, #81c3d7); } - .sm\:top-2\.5 { - top: 0.625rem; + .md\:placeholder-LightBlue-lightblue-100::-moz-placeholder { + color: var(--light-blue-lightblue-100, #a7d5e3); } - .sm\:top-3\.5 { - top: 0.875rem; + .md\:placeholder-LightBlue-lightblue-100::placeholder { + color: var(--light-blue-lightblue-100, #a7d5e3); } - .sm\:-top-0 { - top: 0px; + .md\:placeholder-LightBlue-lightblue-200::-moz-placeholder { + color: var(--light-blue-lightblue-200, #c0e1eb); } - .sm\:-top-1 { - top: -0.25rem; + .md\:placeholder-LightBlue-lightblue-200::placeholder { + color: var(--light-blue-lightblue-200, #c0e1eb); } - .sm\:-top-2 { - top: -0.5rem; + .md\:placeholder-LightBlue-lightblue-300::-moz-placeholder { + color: var(--light-blue-lightblue-300, #80aebd); } - .sm\:-top-3 { - top: -0.75rem; + .md\:placeholder-LightBlue-lightblue-300::placeholder { + color: var(--light-blue-lightblue-300, #80aebd); } - .sm\:-top-4 { - top: -1rem; + .md\:placeholder-LightBlue-lightblue-400::-moz-placeholder { + color: var(--light-blue-lightblue-400, #80a0ab); } - .sm\:-top-5 { - top: -1.25rem; + .md\:placeholder-LightBlue-lightblue-400::placeholder { + color: var(--light-blue-lightblue-400, #80a0ab); } - .sm\:-top-6 { - top: -1.5rem; + .md\:placeholder-LightBlue-lightblue-500::-moz-placeholder { + color: var(--light-blue-lightblue-500, #74afc1); } - .sm\:-top-7 { - top: -1.75rem; + .md\:placeholder-LightBlue-lightblue-500::placeholder { + color: var(--light-blue-lightblue-500, #74afc1); } - .sm\:-top-8 { - top: -2rem; + .md\:placeholder-LightBlue-lightblue-600::-moz-placeholder { + color: var(--light-blue-lightblue-600, #5a8997); } - .sm\:-top-9 { - top: -2.25rem; + .md\:placeholder-LightBlue-lightblue-600::placeholder { + color: var(--light-blue-lightblue-600, #5a8997); } - .sm\:-top-10 { - top: -2.5rem; + .md\:placeholder-LightBlue-lightblue-650::-moz-placeholder { + color: var(--light-blue-lightblue-650, #3e5e65); } - .sm\:-top-11 { - top: -2.75rem; + .md\:placeholder-LightBlue-lightblue-650::placeholder { + color: var(--light-blue-lightblue-650, #3e5e65); } - .sm\:-top-12 { - top: -3rem; + .md\:placeholder-LightBlue-lightblue-700::-moz-placeholder { + color: var(--light-blue-lightblue-700, #344e56); } - .sm\:-top-14 { - top: -3.5rem; + .md\:placeholder-LightBlue-lightblue-700::placeholder { + color: var(--light-blue-lightblue-700, #344e56); } - .sm\:-top-16 { - top: -4rem; + .md\:placeholder-Orange-orange::-moz-placeholder { + color: var(--orange-orange, #ff7f0e); } - .sm\:-top-20 { - top: -5rem; + .md\:placeholder-Orange-orange::placeholder { + color: var(--orange-orange, #ff7f0e); } - .sm\:-top-24 { - top: -6rem; + .md\:placeholder-Orange-orange-100::-moz-placeholder { + color: var(--orange-orange-100, #ffa556); } - .sm\:-top-28 { - top: -7rem; + .md\:placeholder-Orange-orange-100::placeholder { + color: var(--orange-orange-100, #ffa556); } - .sm\:-top-32 { - top: -8rem; + .md\:placeholder-Orange-orange-200::-moz-placeholder { + color: var(--orange-orange-200, #ffbf86); } - .sm\:-top-36 { - top: -9rem; + .md\:placeholder-Orange-orange-200::placeholder { + color: var(--orange-orange-200, #ffbf86); } - .sm\:-top-40 { - top: -10rem; + .md\:placeholder-Orange-orange-300::-moz-placeholder { + color: var(--orange-orange-300, #d97f30); } - .sm\:-top-44 { - top: -11rem; + .md\:placeholder-Orange-orange-300::placeholder { + color: var(--orange-orange-300, #d97f30); } - .sm\:-top-48 { - top: -12rem; + .md\:placeholder-Orange-orange-400::-moz-placeholder { + color: var(--orange-orange-400, #bf7e46); } - .sm\:-top-52 { - top: -13rem; + .md\:placeholder-Orange-orange-400::placeholder { + color: var(--orange-orange-400, #bf7e46); } - .sm\:-top-56 { - top: -14rem; + .md\:placeholder-Orange-orange-500::-moz-placeholder { + color: var(--orange-orange-500, #e5720d); } - .sm\:-top-60 { - top: -15rem; + .md\:placeholder-Orange-orange-500::placeholder { + color: var(--orange-orange-500, #e5720d); } - .sm\:-top-64 { - top: -16rem; + .md\:placeholder-Orange-orange-600::-moz-placeholder { + color: var(--orange-orange-600, #b3590a); } - .sm\:-top-72 { - top: -18rem; + .md\:placeholder-Orange-orange-600::placeholder { + color: var(--orange-orange-600, #b3590a); } - .sm\:-top-80 { - top: -20rem; + .md\:placeholder-Orange-orange-700::-moz-placeholder { + color: var(--orange-orange-700, #663306); } - .sm\:-top-96 { - top: -24rem; + .md\:placeholder-Orange-orange-700::placeholder { + color: var(--orange-orange-700, #663306); } - .sm\:-top-px { - top: -1px; + .md\:placeholder-Yellow-yellow::-moz-placeholder { + color: var(--yellow-yellow, #ffab00); } - .sm\:-top-0\.5 { - top: -0.125rem; + .md\:placeholder-Yellow-yellow::placeholder { + color: var(--yellow-yellow, #ffab00); } - .sm\:-top-1\.5 { - top: -0.375rem; + .md\:placeholder-Yellow-yellow-100::-moz-placeholder { + color: var(--yellow-yellow-100, #ffc44c); } - .sm\:-top-2\.5 { - top: -0.625rem; + .md\:placeholder-Yellow-yellow-100::placeholder { + color: var(--yellow-yellow-100, #ffc44c); } - .sm\:-top-3\.5 { - top: -0.875rem; + .md\:placeholder-Yellow-yellow-200::-moz-placeholder { + color: var(--yellow-yellow-200, #ffd580); } - .sm\:top-1\/2 { - top: 50%; + .md\:placeholder-Yellow-yellow-200::placeholder { + color: var(--yellow-yellow-200, #ffd580); } - .sm\:top-1\/3 { - top: 33.333333%; + .md\:placeholder-Yellow-yellow-300::-moz-placeholder { + color: var(--yellow-yellow-300, #d99d26); } - .sm\:top-2\/3 { - top: 66.666667%; + .md\:placeholder-Yellow-yellow-300::placeholder { + color: var(--yellow-yellow-300, #d99d26); } - .sm\:top-1\/4 { - top: 25%; + .md\:placeholder-Yellow-yellow-400::-moz-placeholder { + color: var(--yellow-yellow-400, #bf943f); } - .sm\:top-2\/4 { - top: 50%; + .md\:placeholder-Yellow-yellow-400::placeholder { + color: var(--yellow-yellow-400, #bf943f); + } + + .md\:placeholder-Yellow-yellow-500::-moz-placeholder { + color: var(--yellow-yellow-500, #e59a00); } - .sm\:top-3\/4 { - top: 75%; + .md\:placeholder-Yellow-yellow-500::placeholder { + color: var(--yellow-yellow-500, #e59a00); } - .sm\:top-full { - top: 100%; + .md\:placeholder-Yellow-yellow-600::-moz-placeholder { + color: var(--yellow-yellow-600, #b37800); } - .sm\:-top-1\/2 { - top: -50%; + .md\:placeholder-Yellow-yellow-600::placeholder { + color: var(--yellow-yellow-600, #b37800); } - .sm\:-top-1\/3 { - top: -33.333333%; + .md\:placeholder-Yellow-yellow-700::-moz-placeholder { + color: var(--yellow-yellow-700, #664400); } - .sm\:-top-2\/3 { - top: -66.666667%; + .md\:placeholder-Yellow-yellow-700::placeholder { + color: var(--yellow-yellow-700, #664400); } - .sm\:-top-1\/4 { - top: -25%; + .md\:placeholder-Notification-notification::-moz-placeholder { + color: var(--notification-notification, #3959ff); } - .sm\:-top-2\/4 { - top: -50%; + .md\:placeholder-Notification-notification::placeholder { + color: var(--notification-notification, #3959ff); } - .sm\:-top-3\/4 { - top: -75%; + .md\:placeholder-Notification-notification-100::-moz-placeholder { + color: var(--notification-notification-100, #748bff); } - .sm\:-top-full { - top: -100%; + .md\:placeholder-Notification-notification-100::placeholder { + color: var(--notification-notification-100, #748bff); } - .sm\:right-0 { - right: 0px; + .md\:placeholder-Notification-notification-200::-moz-placeholder { + color: var(--notification-notification-200, #9cacff); } - .sm\:right-1 { - right: 0.25rem; + .md\:placeholder-Notification-notification-200::placeholder { + color: var(--notification-notification-200, #9cacff); } - .sm\:right-2 { - right: 0.5rem; + .md\:placeholder-Notification-notification-300::-moz-placeholder { + color: var(--notification-notification-300, #4e64d9); } - .sm\:right-3 { - right: 0.75rem; + .md\:placeholder-Notification-notification-300::placeholder { + color: var(--notification-notification-300, #4e64d9); } - .sm\:right-4 { - right: 1rem; + .md\:placeholder-Notification-notification-400::-moz-placeholder { + color: var(--notification-notification-400, #5c6cbf); } - .sm\:right-5 { - right: 1.25rem; + .md\:placeholder-Notification-notification-400::placeholder { + color: var(--notification-notification-400, #5c6cbf); } - .sm\:right-6 { - right: 1.5rem; + .md\:placeholder-Notification-notification-500::-moz-placeholder { + color: var(--notification-notification-500, #3350e5); } - .sm\:right-7 { - right: 1.75rem; + .md\:placeholder-Notification-notification-500::placeholder { + color: var(--notification-notification-500, #3350e5); } - .sm\:right-8 { - right: 2rem; + .md\:placeholder-Notification-notification-600::-moz-placeholder { + color: var(--notification-notification-600, #283eb3); } - .sm\:right-9 { - right: 2.25rem; + .md\:placeholder-Notification-notification-600::placeholder { + color: var(--notification-notification-600, #283eb3); } - .sm\:right-10 { - right: 2.5rem; + .md\:placeholder-Notification-notification-700::-moz-placeholder { + color: var(--notification-notification-700, #172466); } - .sm\:right-11 { - right: 2.75rem; + .md\:placeholder-Notification-notification-700::placeholder { + color: var(--notification-notification-700, #172466); } - .sm\:right-12 { - right: 3rem; + .md\:placeholder-Success-success\ -700::-moz-placeholder { + color: var(--success-success-700, #24471f); } - .sm\:right-14 { - right: 3.5rem; + .md\:placeholder-Success-success\ -700::placeholder { + color: var(--success-success-700, #24471f); } - .sm\:right-16 { - right: 4rem; + .md\:placeholder-Success-success::-moz-placeholder { + color: var(--success-success, #5bb14d); } - .sm\:right-20 { - right: 5rem; + .md\:placeholder-Success-success::placeholder { + color: var(--success-success, #5bb14d); } - .sm\:right-24 { - right: 6rem; + .md\:placeholder-Success-success\ -100::-moz-placeholder { + color: var(--success-success-100, #8cc882); } - .sm\:right-28 { - right: 7rem; + .md\:placeholder-Success-success\ -100::placeholder { + color: var(--success-success-100, #8cc882); } - .sm\:right-32 { - right: 8rem; + .md\:placeholder-Success-success\ -200::-moz-placeholder { + color: var(--success-success-200, #add8a6); } - .sm\:right-36 { - right: 9rem; + .md\:placeholder-Success-success\ -200::placeholder { + color: var(--success-success-200, #add8a6); } - .sm\:right-40 { - right: 10rem; + .md\:placeholder-Success-success\ -300::-moz-placeholder { + color: var(--success-success-300, #66a25c); } - .sm\:right-44 { - right: 11rem; + .md\:placeholder-Success-success\ -300::placeholder { + color: var(--success-success-300, #66a25c); } - .sm\:right-48 { - right: 12rem; + .md\:placeholder-Success-success\ -400::-moz-placeholder { + color: var(--success-success-400, #6d9766); } - .sm\:right-52 { - right: 13rem; + .md\:placeholder-Success-success\ -400::placeholder { + color: var(--success-success-400, #6d9766); } - .sm\:right-56 { - right: 14rem; + .md\:placeholder-Success-success\ -500::-moz-placeholder { + color: var(--success-success-500, #529f45); } - .sm\:right-60 { - right: 15rem; + .md\:placeholder-Success-success\ -500::placeholder { + color: var(--success-success-500, #529f45); } - .sm\:right-64 { - right: 16rem; + .md\:placeholder-Success-success\ -600::-moz-placeholder { + color: var(--success-success-600, #407c36); } - .sm\:right-72 { - right: 18rem; + .md\:placeholder-Success-success\ -600::placeholder { + color: var(--success-success-600, #407c36); } - .sm\:right-80 { - right: 20rem; + .md\:placeholder-Error-error::-moz-placeholder { + color: var(--error-error, #f03d3e); } - .sm\:right-96 { - right: 24rem; + .md\:placeholder-Error-error::placeholder { + color: var(--error-error, #f03d3e); } - .sm\:right-auto { - right: auto; + .md\:placeholder-Error-error-100::-moz-placeholder { + color: var(--error-error-100, #f57778); } - .sm\:right-px { - right: 1px; + .md\:placeholder-Error-error-100::placeholder { + color: var(--error-error-100, #f57778); } - .sm\:right-0\.5 { - right: 0.125rem; + .md\:placeholder-Error-error-200::-moz-placeholder { + color: var(--error-error-200, #f89e9e); } - .sm\:right-1\.5 { - right: 0.375rem; + .md\:placeholder-Error-error-200::placeholder { + color: var(--error-error-200, #f89e9e); } - .sm\:right-2\.5 { - right: 0.625rem; + .md\:placeholder-Error-error-250::-moz-placeholder { + color: var(--error-error-250, #f9c8c8); } - .sm\:right-3\.5 { - right: 0.875rem; + .md\:placeholder-Error-error-250::placeholder { + color: var(--error-error-250, #f9c8c8); } - .sm\:-right-0 { - right: 0px; + .md\:placeholder-Error-error-300::-moz-placeholder { + color: var(--error-error-300, #ce5151); } - .sm\:-right-1 { - right: -0.25rem; + .md\:placeholder-Error-error-300::placeholder { + color: var(--error-error-300, #ce5151); } - .sm\:-right-2 { - right: -0.5rem; + .md\:placeholder-Error-error-400::-moz-placeholder { + color: var(--error-error-400, #b85e5e); } - .sm\:-right-3 { - right: -0.75rem; + .md\:placeholder-Error-error-400::placeholder { + color: var(--error-error-400, #b85e5e); } - .sm\:-right-4 { - right: -1rem; + .md\:placeholder-Error-error-500::-moz-placeholder { + color: var(--error-error-500, #d83738); } - .sm\:-right-5 { - right: -1.25rem; + .md\:placeholder-Error-error-500::placeholder { + color: var(--error-error-500, #d83738); } - .sm\:-right-6 { - right: -1.5rem; + .md\:placeholder-Error-error-600::-moz-placeholder { + color: var(--error-error-600, #a82b2b); } - .sm\:-right-7 { - right: -1.75rem; + .md\:placeholder-Error-error-600::placeholder { + color: var(--error-error-600, #a82b2b); } - .sm\:-right-8 { - right: -2rem; + .md\:placeholder-Error-error-700::-moz-placeholder { + color: var(--error-error-700, #601819); } - .sm\:-right-9 { - right: -2.25rem; + .md\:placeholder-Error-error-700::placeholder { + color: var(--error-error-700, #601819); } - .sm\:-right-10 { - right: -2.5rem; + .md\:focus\:placeholder-colors-black:focus::-moz-placeholder { + color: var(--colors-black, #000000); } - .sm\:-right-11 { - right: -2.75rem; + .md\:focus\:placeholder-colors-black:focus::placeholder { + color: var(--colors-black, #000000); } - .sm\:-right-12 { - right: -3rem; + .md\:focus\:placeholder-colors-white:focus::-moz-placeholder { + color: var(--colors-white, #ffffff); } - .sm\:-right-14 { - right: -3.5rem; + .md\:focus\:placeholder-colors-white:focus::placeholder { + color: var(--colors-white, #ffffff); } - .sm\:-right-16 { - right: -4rem; + .md\:focus\:placeholder-colors-gray-100:focus::-moz-placeholder { + color: var(--colors-gray-100, #f7fafc); } - .sm\:-right-20 { - right: -5rem; + .md\:focus\:placeholder-colors-gray-100:focus::placeholder { + color: var(--colors-gray-100, #f7fafc); } - .sm\:-right-24 { - right: -6rem; + .md\:focus\:placeholder-colors-gray-200:focus::-moz-placeholder { + color: var(--colors-gray-200, #edf2f7); } - .sm\:-right-28 { - right: -7rem; + .md\:focus\:placeholder-colors-gray-200:focus::placeholder { + color: var(--colors-gray-200, #edf2f7); } - .sm\:-right-32 { - right: -8rem; + .md\:focus\:placeholder-colors-gray-300:focus::-moz-placeholder { + color: var(--colors-gray-300, #e2e8f0); } - .sm\:-right-36 { - right: -9rem; + .md\:focus\:placeholder-colors-gray-300:focus::placeholder { + color: var(--colors-gray-300, #e2e8f0); } - .sm\:-right-40 { - right: -10rem; + .md\:focus\:placeholder-colors-gray-400:focus::-moz-placeholder { + color: var(--colors-gray-400, #cbd5e0); } - .sm\:-right-44 { - right: -11rem; + .md\:focus\:placeholder-colors-gray-400:focus::placeholder { + color: var(--colors-gray-400, #cbd5e0); } - .sm\:-right-48 { - right: -12rem; + .md\:focus\:placeholder-colors-gray-500:focus::-moz-placeholder { + color: var(--colors-gray-500, #a0aec0); } - .sm\:-right-52 { - right: -13rem; + .md\:focus\:placeholder-colors-gray-500:focus::placeholder { + color: var(--colors-gray-500, #a0aec0); } - .sm\:-right-56 { - right: -14rem; + .md\:focus\:placeholder-colors-gray-600:focus::-moz-placeholder { + color: var(--colors-gray-600, #718096); } - .sm\:-right-60 { - right: -15rem; + .md\:focus\:placeholder-colors-gray-600:focus::placeholder { + color: var(--colors-gray-600, #718096); } - .sm\:-right-64 { - right: -16rem; + .md\:focus\:placeholder-colors-gray-700:focus::-moz-placeholder { + color: var(--colors-gray-700, #4a5568); } - .sm\:-right-72 { - right: -18rem; + .md\:focus\:placeholder-colors-gray-700:focus::placeholder { + color: var(--colors-gray-700, #4a5568); } - .sm\:-right-80 { - right: -20rem; + .md\:focus\:placeholder-colors-gray-800:focus::-moz-placeholder { + color: var(--colors-gray-800, #2d3748); } - .sm\:-right-96 { - right: -24rem; + .md\:focus\:placeholder-colors-gray-800:focus::placeholder { + color: var(--colors-gray-800, #2d3748); } - .sm\:-right-px { - right: -1px; + .md\:focus\:placeholder-colors-gray-900:focus::-moz-placeholder { + color: var(--colors-gray-900, #1a202c); } - .sm\:-right-0\.5 { - right: -0.125rem; + .md\:focus\:placeholder-colors-gray-900:focus::placeholder { + color: var(--colors-gray-900, #1a202c); } - .sm\:-right-1\.5 { - right: -0.375rem; + .md\:focus\:placeholder-colors-red-100:focus::-moz-placeholder { + color: var(--colors-red-100, #fff5f5); } - .sm\:-right-2\.5 { - right: -0.625rem; + .md\:focus\:placeholder-colors-red-100:focus::placeholder { + color: var(--colors-red-100, #fff5f5); } - .sm\:-right-3\.5 { - right: -0.875rem; + .md\:focus\:placeholder-colors-red-200:focus::-moz-placeholder { + color: var(--colors-red-200, #fed7d7); } - .sm\:right-1\/2 { - right: 50%; + .md\:focus\:placeholder-colors-red-200:focus::placeholder { + color: var(--colors-red-200, #fed7d7); } - .sm\:right-1\/3 { - right: 33.333333%; + .md\:focus\:placeholder-colors-red-300:focus::-moz-placeholder { + color: var(--colors-red-300, #feb2b2); } - .sm\:right-2\/3 { - right: 66.666667%; + .md\:focus\:placeholder-colors-red-300:focus::placeholder { + color: var(--colors-red-300, #feb2b2); } - .sm\:right-1\/4 { - right: 25%; + .md\:focus\:placeholder-colors-red-400:focus::-moz-placeholder { + color: var(--colors-red-400, #fc8181); } - .sm\:right-2\/4 { - right: 50%; + .md\:focus\:placeholder-colors-red-400:focus::placeholder { + color: var(--colors-red-400, #fc8181); } - .sm\:right-3\/4 { - right: 75%; + .md\:focus\:placeholder-colors-red-500:focus::-moz-placeholder { + color: var(--colors-red-500, #f56565); } - .sm\:right-full { - right: 100%; + .md\:focus\:placeholder-colors-red-500:focus::placeholder { + color: var(--colors-red-500, #f56565); } - .sm\:-right-1\/2 { - right: -50%; + .md\:focus\:placeholder-colors-red-600:focus::-moz-placeholder { + color: var(--colors-red-600, #e53e3e); } - .sm\:-right-1\/3 { - right: -33.333333%; + .md\:focus\:placeholder-colors-red-600:focus::placeholder { + color: var(--colors-red-600, #e53e3e); } - .sm\:-right-2\/3 { - right: -66.666667%; + .md\:focus\:placeholder-colors-red-700:focus::-moz-placeholder { + color: var(--colors-red-700, #c53030); } - .sm\:-right-1\/4 { - right: -25%; + .md\:focus\:placeholder-colors-red-700:focus::placeholder { + color: var(--colors-red-700, #c53030); } - .sm\:-right-2\/4 { - right: -50%; + .md\:focus\:placeholder-colors-red-800:focus::-moz-placeholder { + color: var(--colors-red-800, #9b2c2c); } - .sm\:-right-3\/4 { - right: -75%; + .md\:focus\:placeholder-colors-red-800:focus::placeholder { + color: var(--colors-red-800, #9b2c2c); } - .sm\:-right-full { - right: -100%; + .md\:focus\:placeholder-colors-red-900:focus::-moz-placeholder { + color: var(--colors-red-900, #742a2a); } - .sm\:bottom-0 { - bottom: 0px; + .md\:focus\:placeholder-colors-red-900:focus::placeholder { + color: var(--colors-red-900, #742a2a); } - .sm\:bottom-1 { - bottom: 0.25rem; + .md\:focus\:placeholder-colors-orange-100:focus::-moz-placeholder { + color: var(--colors-orange-100, #fffaf0); } - .sm\:bottom-2 { - bottom: 0.5rem; + .md\:focus\:placeholder-colors-orange-100:focus::placeholder { + color: var(--colors-orange-100, #fffaf0); } - .sm\:bottom-3 { - bottom: 0.75rem; + .md\:focus\:placeholder-colors-orange-200:focus::-moz-placeholder { + color: var(--colors-orange-200, #feebc8); } - .sm\:bottom-4 { - bottom: 1rem; + .md\:focus\:placeholder-colors-orange-200:focus::placeholder { + color: var(--colors-orange-200, #feebc8); } - .sm\:bottom-5 { - bottom: 1.25rem; + .md\:focus\:placeholder-colors-orange-300:focus::-moz-placeholder { + color: var(--colors-orange-300, #fbd38d); } - .sm\:bottom-6 { - bottom: 1.5rem; + .md\:focus\:placeholder-colors-orange-300:focus::placeholder { + color: var(--colors-orange-300, #fbd38d); } - .sm\:bottom-7 { - bottom: 1.75rem; + .md\:focus\:placeholder-colors-orange-400:focus::-moz-placeholder { + color: var(--colors-orange-400, #f6ad55); } - .sm\:bottom-8 { - bottom: 2rem; + .md\:focus\:placeholder-colors-orange-400:focus::placeholder { + color: var(--colors-orange-400, #f6ad55); } - .sm\:bottom-9 { - bottom: 2.25rem; + .md\:focus\:placeholder-colors-orange-500:focus::-moz-placeholder { + color: var(--colors-orange-500, #ed8936); } - .sm\:bottom-10 { - bottom: 2.5rem; + .md\:focus\:placeholder-colors-orange-500:focus::placeholder { + color: var(--colors-orange-500, #ed8936); } - .sm\:bottom-11 { - bottom: 2.75rem; + .md\:focus\:placeholder-colors-orange-600:focus::-moz-placeholder { + color: var(--colors-orange-600, #dd6b20); } - .sm\:bottom-12 { - bottom: 3rem; + .md\:focus\:placeholder-colors-orange-600:focus::placeholder { + color: var(--colors-orange-600, #dd6b20); } - .sm\:bottom-14 { - bottom: 3.5rem; + .md\:focus\:placeholder-colors-orange-700:focus::-moz-placeholder { + color: var(--colors-orange-700, #c05621); } - .sm\:bottom-16 { - bottom: 4rem; + .md\:focus\:placeholder-colors-orange-700:focus::placeholder { + color: var(--colors-orange-700, #c05621); } - .sm\:bottom-20 { - bottom: 5rem; + .md\:focus\:placeholder-colors-orange-800:focus::-moz-placeholder { + color: var(--colors-orange-800, #9c4221); } - .sm\:bottom-24 { - bottom: 6rem; + .md\:focus\:placeholder-colors-orange-800:focus::placeholder { + color: var(--colors-orange-800, #9c4221); } - .sm\:bottom-28 { - bottom: 7rem; + .md\:focus\:placeholder-colors-orange-900:focus::-moz-placeholder { + color: var(--colors-orange-900, #7b341e); } - .sm\:bottom-32 { - bottom: 8rem; + .md\:focus\:placeholder-colors-orange-900:focus::placeholder { + color: var(--colors-orange-900, #7b341e); } - .sm\:bottom-36 { - bottom: 9rem; + .md\:focus\:placeholder-colors-yellow-100:focus::-moz-placeholder { + color: var(--colors-yellow-100, #fffff0); } - .sm\:bottom-40 { - bottom: 10rem; + .md\:focus\:placeholder-colors-yellow-100:focus::placeholder { + color: var(--colors-yellow-100, #fffff0); } - .sm\:bottom-44 { - bottom: 11rem; + .md\:focus\:placeholder-colors-yellow-200:focus::-moz-placeholder { + color: var(--colors-yellow-200, #fefcbf); } - .sm\:bottom-48 { - bottom: 12rem; + .md\:focus\:placeholder-colors-yellow-200:focus::placeholder { + color: var(--colors-yellow-200, #fefcbf); } - .sm\:bottom-52 { - bottom: 13rem; + .md\:focus\:placeholder-colors-yellow-300:focus::-moz-placeholder { + color: var(--colors-yellow-300, #faf089); } - .sm\:bottom-56 { - bottom: 14rem; + .md\:focus\:placeholder-colors-yellow-300:focus::placeholder { + color: var(--colors-yellow-300, #faf089); } - .sm\:bottom-60 { - bottom: 15rem; + .md\:focus\:placeholder-colors-yellow-400:focus::-moz-placeholder { + color: var(--colors-yellow-400, #f6e05e); } - .sm\:bottom-64 { - bottom: 16rem; + .md\:focus\:placeholder-colors-yellow-400:focus::placeholder { + color: var(--colors-yellow-400, #f6e05e); } - .sm\:bottom-72 { - bottom: 18rem; + .md\:focus\:placeholder-colors-yellow-500:focus::-moz-placeholder { + color: var(--colors-yellow-500, #ecc94b); } - .sm\:bottom-80 { - bottom: 20rem; + .md\:focus\:placeholder-colors-yellow-500:focus::placeholder { + color: var(--colors-yellow-500, #ecc94b); } - .sm\:bottom-96 { - bottom: 24rem; + .md\:focus\:placeholder-colors-yellow-600:focus::-moz-placeholder { + color: var(--colors-yellow-600, #d69e2e); } - .sm\:bottom-auto { - bottom: auto; + .md\:focus\:placeholder-colors-yellow-600:focus::placeholder { + color: var(--colors-yellow-600, #d69e2e); } - .sm\:bottom-px { - bottom: 1px; + .md\:focus\:placeholder-colors-yellow-700:focus::-moz-placeholder { + color: var(--colors-yellow-700, #b7791f); } - .sm\:bottom-0\.5 { - bottom: 0.125rem; + .md\:focus\:placeholder-colors-yellow-700:focus::placeholder { + color: var(--colors-yellow-700, #b7791f); } - .sm\:bottom-1\.5 { - bottom: 0.375rem; + .md\:focus\:placeholder-colors-yellow-800:focus::-moz-placeholder { + color: var(--colors-yellow-800, #975a16); } - .sm\:bottom-2\.5 { - bottom: 0.625rem; + .md\:focus\:placeholder-colors-yellow-800:focus::placeholder { + color: var(--colors-yellow-800, #975a16); } - .sm\:bottom-3\.5 { - bottom: 0.875rem; + .md\:focus\:placeholder-colors-yellow-900:focus::-moz-placeholder { + color: var(--colors-yellow-900, #744210); } - .sm\:-bottom-0 { - bottom: 0px; + .md\:focus\:placeholder-colors-yellow-900:focus::placeholder { + color: var(--colors-yellow-900, #744210); } - .sm\:-bottom-1 { - bottom: -0.25rem; + .md\:focus\:placeholder-colors-green-100:focus::-moz-placeholder { + color: var(--colors-green-100, #f0fff4); } - .sm\:-bottom-2 { - bottom: -0.5rem; + .md\:focus\:placeholder-colors-green-100:focus::placeholder { + color: var(--colors-green-100, #f0fff4); } - .sm\:-bottom-3 { - bottom: -0.75rem; + .md\:focus\:placeholder-colors-green-200:focus::-moz-placeholder { + color: var(--colors-green-200, #c6f6d5); } - .sm\:-bottom-4 { - bottom: -1rem; + .md\:focus\:placeholder-colors-green-200:focus::placeholder { + color: var(--colors-green-200, #c6f6d5); } - .sm\:-bottom-5 { - bottom: -1.25rem; + .md\:focus\:placeholder-colors-green-300:focus::-moz-placeholder { + color: var(--colors-green-300, #9ae6b4); } - .sm\:-bottom-6 { - bottom: -1.5rem; + .md\:focus\:placeholder-colors-green-300:focus::placeholder { + color: var(--colors-green-300, #9ae6b4); } - .sm\:-bottom-7 { - bottom: -1.75rem; + .md\:focus\:placeholder-colors-green-400:focus::-moz-placeholder { + color: var(--colors-green-400, #68d391); } - .sm\:-bottom-8 { - bottom: -2rem; + .md\:focus\:placeholder-colors-green-400:focus::placeholder { + color: var(--colors-green-400, #68d391); } - .sm\:-bottom-9 { - bottom: -2.25rem; + .md\:focus\:placeholder-colors-green-500:focus::-moz-placeholder { + color: var(--colors-green-500, #48bb78); } - .sm\:-bottom-10 { - bottom: -2.5rem; + .md\:focus\:placeholder-colors-green-500:focus::placeholder { + color: var(--colors-green-500, #48bb78); } - .sm\:-bottom-11 { - bottom: -2.75rem; + .md\:focus\:placeholder-colors-green-600:focus::-moz-placeholder { + color: var(--colors-green-600, #38a169); } - .sm\:-bottom-12 { - bottom: -3rem; + .md\:focus\:placeholder-colors-green-600:focus::placeholder { + color: var(--colors-green-600, #38a169); } - .sm\:-bottom-14 { - bottom: -3.5rem; + .md\:focus\:placeholder-colors-green-700:focus::-moz-placeholder { + color: var(--colors-green-700, #2f855a); } - .sm\:-bottom-16 { - bottom: -4rem; + .md\:focus\:placeholder-colors-green-700:focus::placeholder { + color: var(--colors-green-700, #2f855a); } - .sm\:-bottom-20 { - bottom: -5rem; + .md\:focus\:placeholder-colors-green-800:focus::-moz-placeholder { + color: var(--colors-green-800, #276749); } - .sm\:-bottom-24 { - bottom: -6rem; + .md\:focus\:placeholder-colors-green-800:focus::placeholder { + color: var(--colors-green-800, #276749); } - .sm\:-bottom-28 { - bottom: -7rem; + .md\:focus\:placeholder-colors-green-900:focus::-moz-placeholder { + color: var(--colors-green-900, #22543d); } - .sm\:-bottom-32 { - bottom: -8rem; + .md\:focus\:placeholder-colors-green-900:focus::placeholder { + color: var(--colors-green-900, #22543d); } - .sm\:-bottom-36 { - bottom: -9rem; + .md\:focus\:placeholder-colors-teal-100:focus::-moz-placeholder { + color: var(--colors-teal-100, #e6fffa); } - .sm\:-bottom-40 { - bottom: -10rem; + .md\:focus\:placeholder-colors-teal-100:focus::placeholder { + color: var(--colors-teal-100, #e6fffa); } - .sm\:-bottom-44 { - bottom: -11rem; + .md\:focus\:placeholder-colors-teal-200:focus::-moz-placeholder { + color: var(--colors-teal-200, #b2f5ea); } - .sm\:-bottom-48 { - bottom: -12rem; + .md\:focus\:placeholder-colors-teal-200:focus::placeholder { + color: var(--colors-teal-200, #b2f5ea); } - .sm\:-bottom-52 { - bottom: -13rem; + .md\:focus\:placeholder-colors-teal-300:focus::-moz-placeholder { + color: var(--colors-teal-300, #81e6d9); } - .sm\:-bottom-56 { - bottom: -14rem; + .md\:focus\:placeholder-colors-teal-300:focus::placeholder { + color: var(--colors-teal-300, #81e6d9); } - .sm\:-bottom-60 { - bottom: -15rem; + .md\:focus\:placeholder-colors-teal-400:focus::-moz-placeholder { + color: var(--colors-teal-400, #4fd1c5); } - .sm\:-bottom-64 { - bottom: -16rem; + .md\:focus\:placeholder-colors-teal-400:focus::placeholder { + color: var(--colors-teal-400, #4fd1c5); } - .sm\:-bottom-72 { - bottom: -18rem; + .md\:focus\:placeholder-colors-teal-500:focus::-moz-placeholder { + color: var(--colors-teal-500, #38b2ac); } - .sm\:-bottom-80 { - bottom: -20rem; + .md\:focus\:placeholder-colors-teal-500:focus::placeholder { + color: var(--colors-teal-500, #38b2ac); } - .sm\:-bottom-96 { - bottom: -24rem; + .md\:focus\:placeholder-colors-teal-600:focus::-moz-placeholder { + color: var(--colors-teal-600, #319795); } - .sm\:-bottom-px { - bottom: -1px; + .md\:focus\:placeholder-colors-teal-600:focus::placeholder { + color: var(--colors-teal-600, #319795); } - .sm\:-bottom-0\.5 { - bottom: -0.125rem; + .md\:focus\:placeholder-colors-teal-700:focus::-moz-placeholder { + color: var(--colors-teal-700, #2c7a7b); } - .sm\:-bottom-1\.5 { - bottom: -0.375rem; + .md\:focus\:placeholder-colors-teal-700:focus::placeholder { + color: var(--colors-teal-700, #2c7a7b); } - .sm\:-bottom-2\.5 { - bottom: -0.625rem; + .md\:focus\:placeholder-colors-teal-800:focus::-moz-placeholder { + color: var(--colors-teal-800, #285e61); } - .sm\:-bottom-3\.5 { - bottom: -0.875rem; + .md\:focus\:placeholder-colors-teal-800:focus::placeholder { + color: var(--colors-teal-800, #285e61); } - .sm\:bottom-1\/2 { - bottom: 50%; + .md\:focus\:placeholder-colors-teal-900:focus::-moz-placeholder { + color: var(--colors-teal-900, #234e52); } - .sm\:bottom-1\/3 { - bottom: 33.333333%; + .md\:focus\:placeholder-colors-teal-900:focus::placeholder { + color: var(--colors-teal-900, #234e52); } - .sm\:bottom-2\/3 { - bottom: 66.666667%; + .md\:focus\:placeholder-colors-blue-100:focus::-moz-placeholder { + color: var(--colors-blue-100, #ebf8ff); } - .sm\:bottom-1\/4 { - bottom: 25%; + .md\:focus\:placeholder-colors-blue-100:focus::placeholder { + color: var(--colors-blue-100, #ebf8ff); } - .sm\:bottom-2\/4 { - bottom: 50%; + .md\:focus\:placeholder-colors-blue-200:focus::-moz-placeholder { + color: var(--colors-blue-200, #bee3f8); } - .sm\:bottom-3\/4 { - bottom: 75%; + .md\:focus\:placeholder-colors-blue-200:focus::placeholder { + color: var(--colors-blue-200, #bee3f8); } - .sm\:bottom-full { - bottom: 100%; + .md\:focus\:placeholder-colors-blue-300:focus::-moz-placeholder { + color: var(--colors-blue-300, #90cdf4); } - .sm\:-bottom-1\/2 { - bottom: -50%; + .md\:focus\:placeholder-colors-blue-300:focus::placeholder { + color: var(--colors-blue-300, #90cdf4); } - .sm\:-bottom-1\/3 { - bottom: -33.333333%; + .md\:focus\:placeholder-colors-blue-400:focus::-moz-placeholder { + color: var(--colors-blue-400, #63b3ed); } - .sm\:-bottom-2\/3 { - bottom: -66.666667%; + .md\:focus\:placeholder-colors-blue-400:focus::placeholder { + color: var(--colors-blue-400, #63b3ed); } - .sm\:-bottom-1\/4 { - bottom: -25%; + .md\:focus\:placeholder-colors-blue-500:focus::-moz-placeholder { + color: var(--colors-blue-500, #4299e1); } - .sm\:-bottom-2\/4 { - bottom: -50%; + .md\:focus\:placeholder-colors-blue-500:focus::placeholder { + color: var(--colors-blue-500, #4299e1); } - .sm\:-bottom-3\/4 { - bottom: -75%; + .md\:focus\:placeholder-colors-blue-600:focus::-moz-placeholder { + color: var(--colors-blue-600, #3182ce); } - .sm\:-bottom-full { - bottom: -100%; + .md\:focus\:placeholder-colors-blue-600:focus::placeholder { + color: var(--colors-blue-600, #3182ce); } - .sm\:left-0 { - left: 0px; + .md\:focus\:placeholder-colors-blue-700:focus::-moz-placeholder { + color: var(--colors-blue-700, #2b6cb0); } - .sm\:left-1 { - left: 0.25rem; + .md\:focus\:placeholder-colors-blue-700:focus::placeholder { + color: var(--colors-blue-700, #2b6cb0); } - .sm\:left-2 { - left: 0.5rem; + .md\:focus\:placeholder-colors-blue-800:focus::-moz-placeholder { + color: var(--colors-blue-800, #2c5282); } - .sm\:left-3 { - left: 0.75rem; + .md\:focus\:placeholder-colors-blue-800:focus::placeholder { + color: var(--colors-blue-800, #2c5282); } - .sm\:left-4 { - left: 1rem; + .md\:focus\:placeholder-colors-blue-900:focus::-moz-placeholder { + color: var(--colors-blue-900, #2a4365); } - .sm\:left-5 { - left: 1.25rem; + .md\:focus\:placeholder-colors-blue-900:focus::placeholder { + color: var(--colors-blue-900, #2a4365); } - .sm\:left-6 { - left: 1.5rem; + .md\:focus\:placeholder-colors-indigo-100:focus::-moz-placeholder { + color: var(--colors-indigo-100, #ebf4ff); } - .sm\:left-7 { - left: 1.75rem; + .md\:focus\:placeholder-colors-indigo-100:focus::placeholder { + color: var(--colors-indigo-100, #ebf4ff); } - .sm\:left-8 { - left: 2rem; + .md\:focus\:placeholder-colors-indigo-200:focus::-moz-placeholder { + color: var(--colors-indigo-200, #c3dafe); } - .sm\:left-9 { - left: 2.25rem; + .md\:focus\:placeholder-colors-indigo-200:focus::placeholder { + color: var(--colors-indigo-200, #c3dafe); } - .sm\:left-10 { - left: 2.5rem; + .md\:focus\:placeholder-colors-indigo-300:focus::-moz-placeholder { + color: var(--colors-indigo-300, #a3bffa); } - .sm\:left-11 { - left: 2.75rem; + .md\:focus\:placeholder-colors-indigo-300:focus::placeholder { + color: var(--colors-indigo-300, #a3bffa); } - .sm\:left-12 { - left: 3rem; + .md\:focus\:placeholder-colors-indigo-400:focus::-moz-placeholder { + color: var(--colors-indigo-400, #7f9cf5); } - .sm\:left-14 { - left: 3.5rem; + .md\:focus\:placeholder-colors-indigo-400:focus::placeholder { + color: var(--colors-indigo-400, #7f9cf5); } - .sm\:left-16 { - left: 4rem; + .md\:focus\:placeholder-colors-indigo-500:focus::-moz-placeholder { + color: var(--colors-indigo-500, #667eea); } - .sm\:left-20 { - left: 5rem; + .md\:focus\:placeholder-colors-indigo-500:focus::placeholder { + color: var(--colors-indigo-500, #667eea); } - .sm\:left-24 { - left: 6rem; + .md\:focus\:placeholder-colors-indigo-600:focus::-moz-placeholder { + color: var(--colors-indigo-600, #5a67d8); } - .sm\:left-28 { - left: 7rem; + .md\:focus\:placeholder-colors-indigo-600:focus::placeholder { + color: var(--colors-indigo-600, #5a67d8); } - .sm\:left-32 { - left: 8rem; + .md\:focus\:placeholder-colors-indigo-700:focus::-moz-placeholder { + color: var(--colors-indigo-700, #4c51bf); } - .sm\:left-36 { - left: 9rem; + .md\:focus\:placeholder-colors-indigo-700:focus::placeholder { + color: var(--colors-indigo-700, #4c51bf); } - .sm\:left-40 { - left: 10rem; + .md\:focus\:placeholder-colors-indigo-800:focus::-moz-placeholder { + color: var(--colors-indigo-800, #434190); } - .sm\:left-44 { - left: 11rem; + .md\:focus\:placeholder-colors-indigo-800:focus::placeholder { + color: var(--colors-indigo-800, #434190); } - .sm\:left-48 { - left: 12rem; + .md\:focus\:placeholder-colors-indigo-900:focus::-moz-placeholder { + color: var(--colors-indigo-900, #3c366b); } - .sm\:left-52 { - left: 13rem; + .md\:focus\:placeholder-colors-indigo-900:focus::placeholder { + color: var(--colors-indigo-900, #3c366b); } - .sm\:left-56 { - left: 14rem; + .md\:focus\:placeholder-colors-purple-100:focus::-moz-placeholder { + color: var(--colors-purple-100, #faf5ff); } - .sm\:left-60 { - left: 15rem; + .md\:focus\:placeholder-colors-purple-100:focus::placeholder { + color: var(--colors-purple-100, #faf5ff); } - .sm\:left-64 { - left: 16rem; + .md\:focus\:placeholder-colors-purple-200:focus::-moz-placeholder { + color: var(--colors-purple-200, #e9d8fd); } - .sm\:left-72 { - left: 18rem; + .md\:focus\:placeholder-colors-purple-200:focus::placeholder { + color: var(--colors-purple-200, #e9d8fd); } - .sm\:left-80 { - left: 20rem; + .md\:focus\:placeholder-colors-purple-300:focus::-moz-placeholder { + color: var(--colors-purple-300, #d6bcfa); } - .sm\:left-96 { - left: 24rem; + .md\:focus\:placeholder-colors-purple-300:focus::placeholder { + color: var(--colors-purple-300, #d6bcfa); } - .sm\:left-auto { - left: auto; + .md\:focus\:placeholder-colors-purple-400:focus::-moz-placeholder { + color: var(--colors-purple-400, #b794f4); } - .sm\:left-px { - left: 1px; + .md\:focus\:placeholder-colors-purple-400:focus::placeholder { + color: var(--colors-purple-400, #b794f4); } - .sm\:left-0\.5 { - left: 0.125rem; + .md\:focus\:placeholder-colors-purple-500:focus::-moz-placeholder { + color: var(--colors-purple-500, #9f7aea); } - .sm\:left-1\.5 { - left: 0.375rem; + .md\:focus\:placeholder-colors-purple-500:focus::placeholder { + color: var(--colors-purple-500, #9f7aea); } - .sm\:left-2\.5 { - left: 0.625rem; + .md\:focus\:placeholder-colors-purple-600:focus::-moz-placeholder { + color: var(--colors-purple-600, #805ad5); } - .sm\:left-3\.5 { - left: 0.875rem; + .md\:focus\:placeholder-colors-purple-600:focus::placeholder { + color: var(--colors-purple-600, #805ad5); } - .sm\:-left-0 { - left: 0px; + .md\:focus\:placeholder-colors-purple-700:focus::-moz-placeholder { + color: var(--colors-purple-700, #6b46c1); } - .sm\:-left-1 { - left: -0.25rem; + .md\:focus\:placeholder-colors-purple-700:focus::placeholder { + color: var(--colors-purple-700, #6b46c1); } - .sm\:-left-2 { - left: -0.5rem; + .md\:focus\:placeholder-colors-purple-800:focus::-moz-placeholder { + color: var(--colors-purple-800, #553c9a); } - .sm\:-left-3 { - left: -0.75rem; + .md\:focus\:placeholder-colors-purple-800:focus::placeholder { + color: var(--colors-purple-800, #553c9a); } - .sm\:-left-4 { - left: -1rem; + .md\:focus\:placeholder-colors-purple-900:focus::-moz-placeholder { + color: var(--colors-purple-900, #44337a); } - .sm\:-left-5 { - left: -1.25rem; + .md\:focus\:placeholder-colors-purple-900:focus::placeholder { + color: var(--colors-purple-900, #44337a); } - .sm\:-left-6 { - left: -1.5rem; + .md\:focus\:placeholder-colors-pink-100:focus::-moz-placeholder { + color: var(--colors-pink-100, #fff5f7); } - .sm\:-left-7 { - left: -1.75rem; + .md\:focus\:placeholder-colors-pink-100:focus::placeholder { + color: var(--colors-pink-100, #fff5f7); } - .sm\:-left-8 { - left: -2rem; + .md\:focus\:placeholder-colors-pink-200:focus::-moz-placeholder { + color: var(--colors-pink-200, #fed7e2); } - .sm\:-left-9 { - left: -2.25rem; + .md\:focus\:placeholder-colors-pink-200:focus::placeholder { + color: var(--colors-pink-200, #fed7e2); } - .sm\:-left-10 { - left: -2.5rem; + .md\:focus\:placeholder-colors-pink-300:focus::-moz-placeholder { + color: var(--colors-pink-300, #fbb6ce); } - .sm\:-left-11 { - left: -2.75rem; + .md\:focus\:placeholder-colors-pink-300:focus::placeholder { + color: var(--colors-pink-300, #fbb6ce); } - .sm\:-left-12 { - left: -3rem; + .md\:focus\:placeholder-colors-pink-400:focus::-moz-placeholder { + color: var(--colors-pink-400, #f687b3); } - .sm\:-left-14 { - left: -3.5rem; + .md\:focus\:placeholder-colors-pink-400:focus::placeholder { + color: var(--colors-pink-400, #f687b3); } - .sm\:-left-16 { - left: -4rem; + .md\:focus\:placeholder-colors-pink-500:focus::-moz-placeholder { + color: var(--colors-pink-500, #ed64a6); } - .sm\:-left-20 { - left: -5rem; + .md\:focus\:placeholder-colors-pink-500:focus::placeholder { + color: var(--colors-pink-500, #ed64a6); } - .sm\:-left-24 { - left: -6rem; + .md\:focus\:placeholder-colors-pink-600:focus::-moz-placeholder { + color: var(--colors-pink-600, #d53f8c); } - .sm\:-left-28 { - left: -7rem; + .md\:focus\:placeholder-colors-pink-600:focus::placeholder { + color: var(--colors-pink-600, #d53f8c); } - .sm\:-left-32 { - left: -8rem; + .md\:focus\:placeholder-colors-pink-700:focus::-moz-placeholder { + color: var(--colors-pink-700, #b83280); } - .sm\:-left-36 { - left: -9rem; + .md\:focus\:placeholder-colors-pink-700:focus::placeholder { + color: var(--colors-pink-700, #b83280); } - .sm\:-left-40 { - left: -10rem; + .md\:focus\:placeholder-colors-pink-800:focus::-moz-placeholder { + color: var(--colors-pink-800, #97266d); } - .sm\:-left-44 { - left: -11rem; + .md\:focus\:placeholder-colors-pink-800:focus::placeholder { + color: var(--colors-pink-800, #97266d); } - .sm\:-left-48 { - left: -12rem; + .md\:focus\:placeholder-colors-pink-900:focus::-moz-placeholder { + color: var(--colors-pink-900, #702459); } - .sm\:-left-52 { - left: -13rem; + .md\:focus\:placeholder-colors-pink-900:focus::placeholder { + color: var(--colors-pink-900, #702459); } - .sm\:-left-56 { - left: -14rem; + .md\:focus\:placeholder-Box\ Shadow:focus::-moz-placeholder { + color: var(--box-shadow, #7f7e7f); } - .sm\:-left-60 { - left: -15rem; + .md\:focus\:placeholder-Box\ Shadow:focus::placeholder { + color: var(--box-shadow, #7f7e7f); } - .sm\:-left-64 { - left: -16rem; + .md\:focus\:placeholder-Error16:focus::-moz-placeholder { + color: var(--error16, #f03d3e40); } - .sm\:-left-72 { - left: -18rem; + .md\:focus\:placeholder-Error16:focus::placeholder { + color: var(--error16, #f03d3e40); } - .sm\:-left-80 { - left: -20rem; + .md\:focus\:placeholder-Success16:focus::-moz-placeholder { + color: var(--success16, #5bb14d40); } - .sm\:-left-96 { - left: -24rem; + .md\:focus\:placeholder-Success16:focus::placeholder { + color: var(--success16, #5bb14d40); } - .sm\:-left-px { - left: -1px; + .md\:focus\:placeholder-Notification16:focus::-moz-placeholder { + color: var(--notification16, #3959ff40); } - .sm\:-left-0\.5 { - left: -0.125rem; + .md\:focus\:placeholder-Notification16:focus::placeholder { + color: var(--notification16, #3959ff40); } - .sm\:-left-1\.5 { - left: -0.375rem; + .md\:focus\:placeholder-Error8:focus::-moz-placeholder { + color: var(--error8, #f03d3e1a); } - .sm\:-left-2\.5 { - left: -0.625rem; + .md\:focus\:placeholder-Error8:focus::placeholder { + color: var(--error8, #f03d3e1a); } - .sm\:-left-3\.5 { - left: -0.875rem; + .md\:focus\:placeholder-Notification8:focus::-moz-placeholder { + color: var(--notification8, #3959ff1a); } - .sm\:left-1\/2 { - left: 50%; + .md\:focus\:placeholder-Notification8:focus::placeholder { + color: var(--notification8, #3959ff1a); } - .sm\:left-1\/3 { - left: 33.333333%; + .md\:focus\:placeholder-Success8:focus::-moz-placeholder { + color: var(--success8, #5bb14d1a); } - .sm\:left-2\/3 { - left: 66.666667%; + .md\:focus\:placeholder-Success8:focus::placeholder { + color: var(--success8, #5bb14d1a); } - .sm\:left-1\/4 { - left: 25%; + .md\:focus\:placeholder-Light\ -\ Overlay:focus::-moz-placeholder { + color: var(--light-overlay, #f0edee66); } - .sm\:left-2\/4 { - left: 50%; + .md\:focus\:placeholder-Light\ -\ Overlay:focus::placeholder { + color: var(--light-overlay, #f0edee66); } - .sm\:left-3\/4 { - left: 75%; + .md\:focus\:placeholder-Dark-\ Overlay:focus::-moz-placeholder { + color: var(--dark-overlay, #7f7e7f66); } - .sm\:left-full { - left: 100%; + .md\:focus\:placeholder-Dark-\ Overlay:focus::placeholder { + color: var(--dark-overlay, #7f7e7f66); } - .sm\:-left-1\/2 { - left: -50%; + .md\:focus\:placeholder-black-40:focus::-moz-placeholder { + color: var(--black-40, #00000066); } - .sm\:-left-1\/3 { - left: -33.333333%; + .md\:focus\:placeholder-black-40:focus::placeholder { + color: var(--black-40, #00000066); } - .sm\:-left-2\/3 { - left: -66.666667%; + .md\:focus\:placeholder-black-75:focus::-moz-placeholder { + color: var(--black-75, #000000bf); } - .sm\:-left-1\/4 { - left: -25%; + .md\:focus\:placeholder-black-75:focus::placeholder { + color: var(--black-75, #000000bf); } - .sm\:-left-2\/4 { - left: -50%; + .md\:focus\:placeholder-black-60:focus::-moz-placeholder { + color: var(--black-60, #00000099); } - .sm\:-left-3\/4 { - left: -75%; + .md\:focus\:placeholder-black-60:focus::placeholder { + color: var(--black-60, #00000099); } - .sm\:-left-full { - left: -100%; + .md\:focus\:placeholder-black-50:focus::-moz-placeholder { + color: var(--black-50, #00000080); } - .sm\:isolate { - isolation: isolate; + .md\:focus\:placeholder-black-50:focus::placeholder { + color: var(--black-50, #00000080); } - .sm\:isolation-auto { - isolation: auto; + .md\:focus\:placeholder-black-25:focus::-moz-placeholder { + color: var(--black-25, #00000040); } - .sm\:z-0 { - z-index: 0; + .md\:focus\:placeholder-black-25:focus::placeholder { + color: var(--black-25, #00000040); } - .sm\:z-10 { - z-index: 10; + .md\:focus\:placeholder-black-10:focus::-moz-placeholder { + color: var(--black-10, #0000001a); } - .sm\:z-20 { - z-index: 20; + .md\:focus\:placeholder-black-10:focus::placeholder { + color: var(--black-10, #0000001a); } - .sm\:z-30 { - z-index: 30; + .md\:focus\:placeholder-white-25:focus::-moz-placeholder { + color: var(--white-25, #ffffff40); } - .sm\:z-40 { - z-index: 40; + .md\:focus\:placeholder-white-25:focus::placeholder { + color: var(--white-25, #ffffff40); } - .sm\:z-50 { - z-index: 50; + .md\:focus\:placeholder-white-60:focus::-moz-placeholder { + color: var(--white-60, #ffffff99); } - .sm\:z-auto { - z-index: auto; + .md\:focus\:placeholder-white-60:focus::placeholder { + color: var(--white-60, #ffffff99); } - .sm\:focus-within\:z-0:focus-within { - z-index: 0; + .md\:focus\:placeholder-black-64:focus::-moz-placeholder { + color: var(--black-64, #000000a3); } - .sm\:focus-within\:z-10:focus-within { - z-index: 10; + .md\:focus\:placeholder-black-64:focus::placeholder { + color: var(--black-64, #000000a3); } - .sm\:focus-within\:z-20:focus-within { - z-index: 20; + .md\:focus\:placeholder-Shadow\ and\ Highlight-Shadow:focus::-moz-placeholder { + color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .sm\:focus-within\:z-30:focus-within { - z-index: 30; + .md\:focus\:placeholder-Shadow\ and\ Highlight-Shadow:focus::placeholder { + color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .sm\:focus-within\:z-40:focus-within { - z-index: 40; + .md\:focus\:placeholder-Shadow\ and\ Highlight-Highlight:focus::-moz-placeholder { + color: var(--shadow-and-highlight-highlight, #474747); } - .sm\:focus-within\:z-50:focus-within { - z-index: 50; + .md\:focus\:placeholder-Shadow\ and\ Highlight-Highlight:focus::placeholder { + color: var(--shadow-and-highlight-highlight, #474747); } - .sm\:focus-within\:z-auto:focus-within { - z-index: auto; + .md\:focus\:placeholder-Shadow\ and\ Highlight-highlight\ one:focus::-moz-placeholder { + color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .sm\:focus\:z-0:focus { - z-index: 0; + .md\:focus\:placeholder-Shadow\ and\ Highlight-highlight\ one:focus::placeholder { + color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .sm\:focus\:z-10:focus { - z-index: 10; + .md\:focus\:placeholder-Shadow\ and\ Highlight-highlight\ two:focus::-moz-placeholder { + color: var(--shadow-and-highlight-highlight-two, #47474799); } - .sm\:focus\:z-20:focus { - z-index: 20; + .md\:focus\:placeholder-Shadow\ and\ Highlight-highlight\ two:focus::placeholder { + color: var(--shadow-and-highlight-highlight-two, #47474799); } - .sm\:focus\:z-30:focus { - z-index: 30; + .md\:focus\:placeholder-Shadow\ and\ Highlight-highlight\ three:focus::-moz-placeholder { + color: var(--shadow-and-highlight-highlight-three, #47474766); } - .sm\:focus\:z-40:focus { - z-index: 40; + .md\:focus\:placeholder-Shadow\ and\ Highlight-highlight\ three:focus::placeholder { + color: var(--shadow-and-highlight-highlight-three, #47474766); } - .sm\:focus\:z-50:focus { - z-index: 50; + .md\:focus\:placeholder-Shadow\ and\ Highlight-highlight\ five:focus::-moz-placeholder { + color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .sm\:focus\:z-auto:focus { - z-index: auto; + .md\:focus\:placeholder-Shadow\ and\ Highlight-highlight\ five:focus::placeholder { + color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .sm\:order-1 { - order: 1; + .md\:focus\:placeholder-Shadow\ and\ Highlight-shadow\ one:focus::-moz-placeholder { + color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .sm\:order-2 { - order: 2; + .md\:focus\:placeholder-Shadow\ and\ Highlight-shadow\ one:focus::placeholder { + color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .sm\:order-3 { - order: 3; + .md\:focus\:placeholder-Shadow\ and\ Highlight-shadow\ two:focus::-moz-placeholder { + color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .sm\:order-4 { - order: 4; + .md\:focus\:placeholder-Shadow\ and\ Highlight-shadow\ two:focus::placeholder { + color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .sm\:order-5 { - order: 5; + .md\:focus\:placeholder-Shadow\ and\ Highlight-shadow\ three:focus::-moz-placeholder { + color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .sm\:order-6 { - order: 6; + .md\:focus\:placeholder-Shadow\ and\ Highlight-shadow\ three:focus::placeholder { + color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .sm\:order-7 { - order: 7; + .md\:focus\:placeholder-Shadow\ and\ Highlight-shadow\ four:focus::-moz-placeholder { + color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .sm\:order-8 { - order: 8; + .md\:focus\:placeholder-Shadow\ and\ Highlight-shadow\ four:focus::placeholder { + color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .sm\:order-9 { - order: 9; + .md\:focus\:placeholder-Shadow\ and\ Highlight-shadow\ five:focus::-moz-placeholder { + color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .sm\:order-10 { - order: 10; + .md\:focus\:placeholder-Shadow\ and\ Highlight-shadow\ five:focus::placeholder { + color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .sm\:order-11 { - order: 11; + .md\:focus\:placeholder-Shadow\ and\ Highlight-highlight\ four:focus::-moz-placeholder { + color: var(--shadow-and-highlight-highlight-four, #47474740); } - .sm\:order-12 { - order: 12; + .md\:focus\:placeholder-Shadow\ and\ Highlight-highlight\ four:focus::placeholder { + color: var(--shadow-and-highlight-highlight-four, #47474740); } - .sm\:order-first { - order: -9999; + .md\:focus\:placeholder-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus::-moz-placeholder { + color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .sm\:order-last { - order: 9999; + .md\:focus\:placeholder-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus::placeholder { + color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .sm\:order-none { - order: 0; + .md\:focus\:placeholder-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus::-moz-placeholder { + color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .sm\:col-auto { - grid-column: auto; + .md\:focus\:placeholder-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus::placeholder { + color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .sm\:col-span-1 { - grid-column: span 1 / span 1; + .md\:focus\:placeholder-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus::-moz-placeholder { + color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .sm\:col-span-2 { - grid-column: span 2 / span 2; + .md\:focus\:placeholder-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus::placeholder { + color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .sm\:col-span-3 { - grid-column: span 3 / span 3; + .md\:focus\:placeholder-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus::-moz-placeholder { + color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .sm\:col-span-4 { - grid-column: span 4 / span 4; + .md\:focus\:placeholder-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus::placeholder { + color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .sm\:col-span-5 { - grid-column: span 5 / span 5; + .md\:focus\:placeholder-Grey-Scale-white:focus::-moz-placeholder { + color: var(--grey-scale-white, #ffffff); } - .sm\:col-span-6 { - grid-column: span 6 / span 6; + .md\:focus\:placeholder-Grey-Scale-white:focus::placeholder { + color: var(--grey-scale-white, #ffffff); } - .sm\:col-span-7 { - grid-column: span 7 / span 7; + .md\:focus\:placeholder-Grey-Scale-off-white:focus::-moz-placeholder { + color: var(--grey-scale-off-white, #f0edee); } - .sm\:col-span-8 { - grid-column: span 8 / span 8; + .md\:focus\:placeholder-Grey-Scale-off-white:focus::placeholder { + color: var(--grey-scale-off-white, #f0edee); } - .sm\:col-span-9 { - grid-column: span 9 / span 9; + .md\:focus\:placeholder-Grey\ Scale-grey:focus::-moz-placeholder { + color: var(--grey-scale-grey, #7f7e7f); } - .sm\:col-span-10 { - grid-column: span 10 / span 10; + .md\:focus\:placeholder-Grey\ Scale-grey:focus::placeholder { + color: var(--grey-scale-grey, #7f7e7f); } - .sm\:col-span-11 { - grid-column: span 11 / span 11; + .md\:focus\:placeholder-Grey\ Scale-charcoal:focus::-moz-placeholder { + color: var(--grey-scale-charcoal, #474747); } - .sm\:col-span-12 { - grid-column: span 12 / span 12; + .md\:focus\:placeholder-Grey\ Scale-charcoal:focus::placeholder { + color: var(--grey-scale-charcoal, #474747); } - .sm\:col-span-full { - grid-column: 1 / -1; + .md\:focus\:placeholder-Grey\ Scale-off-black:focus::-moz-placeholder { + color: var(--grey-scale-off-black, #1c1c1c); } - .sm\:col-start-1 { - grid-column-start: 1; + .md\:focus\:placeholder-Grey\ Scale-off-black:focus::placeholder { + color: var(--grey-scale-off-black, #1c1c1c); } - .sm\:col-start-2 { - grid-column-start: 2; + .md\:focus\:placeholder-Grey\ Scale-black:focus::-moz-placeholder { + color: var(--grey-scale-black, #000000); } - .sm\:col-start-3 { - grid-column-start: 3; + .md\:focus\:placeholder-Grey\ Scale-black:focus::placeholder { + color: var(--grey-scale-black, #000000); } - .sm\:col-start-4 { - grid-column-start: 4; + .md\:focus\:placeholder-Blue-blue:focus::-moz-placeholder { + color: var(--blue-blue, #3a7ca5); } - .sm\:col-start-5 { - grid-column-start: 5; + .md\:focus\:placeholder-Blue-blue:focus::placeholder { + color: var(--blue-blue, #3a7ca5); } - .sm\:col-start-6 { - grid-column-start: 6; + .md\:focus\:placeholder-Blue-blue-100:focus::-moz-placeholder { + color: var(--blue-blue-100, #75a3c0); } - .sm\:col-start-7 { - grid-column-start: 7; + .md\:focus\:placeholder-Blue-blue-100:focus::placeholder { + color: var(--blue-blue-100, #75a3c0); } - .sm\:col-start-8 { - grid-column-start: 8; + .md\:focus\:placeholder-Blue-blue-200:focus::-moz-placeholder { + color: var(--blue-blue-200, #9cbed2); } - .sm\:col-start-9 { - grid-column-start: 9; + .md\:focus\:placeholder-Blue-blue-200:focus::placeholder { + color: var(--blue-blue-200, #9cbed2); } - .sm\:col-start-10 { - grid-column-start: 10; + .md\:focus\:placeholder-Blue-blue-300:focus::-moz-placeholder { + color: var(--blue-blue-300, #4f7d9a); } - .sm\:col-start-11 { - grid-column-start: 11; + .md\:focus\:placeholder-Blue-blue-300:focus::placeholder { + color: var(--blue-blue-300, #4f7d9a); } - .sm\:col-start-12 { - grid-column-start: 12; + .md\:focus\:placeholder-Blue-blue-400:focus::-moz-placeholder { + color: var(--blue-blue-400, #5c7d92); } - .sm\:col-start-13 { - grid-column-start: 13; + .md\:focus\:placeholder-Blue-blue-400:focus::placeholder { + color: var(--blue-blue-400, #5c7d92); } - .sm\:col-start-auto { - grid-column-start: auto; + .md\:focus\:placeholder-Blue-blue-500:focus::-moz-placeholder { + color: var(--blue-blue-500, #347095); } - .sm\:col-end-1 { - grid-column-end: 1; + .md\:focus\:placeholder-Blue-blue-500:focus::placeholder { + color: var(--blue-blue-500, #347095); } - .sm\:col-end-2 { - grid-column-end: 2; + .md\:focus\:placeholder-Blue-blue-600:focus::-moz-placeholder { + color: var(--blue-blue-600, #295774); } - .sm\:col-end-3 { - grid-column-end: 3; + .md\:focus\:placeholder-Blue-blue-600:focus::placeholder { + color: var(--blue-blue-600, #295774); } - .sm\:col-end-4 { - grid-column-end: 4; + .md\:focus\:placeholder-Blue-blue-700:focus::-moz-placeholder { + color: var(--blue-blue-700, #173242); } - .sm\:col-end-5 { - grid-column-end: 5; + .md\:focus\:placeholder-Blue-blue-700:focus::placeholder { + color: var(--blue-blue-700, #173242); } - .sm\:col-end-6 { - grid-column-end: 6; + .md\:focus\:placeholder-LightBlue-lightblue:focus::-moz-placeholder { + color: var(--light-blue-lightblue, #81c3d7); } - .sm\:col-end-7 { - grid-column-end: 7; + .md\:focus\:placeholder-LightBlue-lightblue:focus::placeholder { + color: var(--light-blue-lightblue, #81c3d7); } - .sm\:col-end-8 { - grid-column-end: 8; + .md\:focus\:placeholder-LightBlue-lightblue-100:focus::-moz-placeholder { + color: var(--light-blue-lightblue-100, #a7d5e3); } - .sm\:col-end-9 { - grid-column-end: 9; + .md\:focus\:placeholder-LightBlue-lightblue-100:focus::placeholder { + color: var(--light-blue-lightblue-100, #a7d5e3); } - .sm\:col-end-10 { - grid-column-end: 10; + .md\:focus\:placeholder-LightBlue-lightblue-200:focus::-moz-placeholder { + color: var(--light-blue-lightblue-200, #c0e1eb); } - .sm\:col-end-11 { - grid-column-end: 11; + .md\:focus\:placeholder-LightBlue-lightblue-200:focus::placeholder { + color: var(--light-blue-lightblue-200, #c0e1eb); } - .sm\:col-end-12 { - grid-column-end: 12; + .md\:focus\:placeholder-LightBlue-lightblue-300:focus::-moz-placeholder { + color: var(--light-blue-lightblue-300, #80aebd); } - .sm\:col-end-13 { - grid-column-end: 13; + .md\:focus\:placeholder-LightBlue-lightblue-300:focus::placeholder { + color: var(--light-blue-lightblue-300, #80aebd); } - .sm\:col-end-auto { - grid-column-end: auto; + .md\:focus\:placeholder-LightBlue-lightblue-400:focus::-moz-placeholder { + color: var(--light-blue-lightblue-400, #80a0ab); } - .sm\:row-auto { - grid-row: auto; + .md\:focus\:placeholder-LightBlue-lightblue-400:focus::placeholder { + color: var(--light-blue-lightblue-400, #80a0ab); } - .sm\:row-span-1 { - grid-row: span 1 / span 1; + .md\:focus\:placeholder-LightBlue-lightblue-500:focus::-moz-placeholder { + color: var(--light-blue-lightblue-500, #74afc1); } - .sm\:row-span-2 { - grid-row: span 2 / span 2; + .md\:focus\:placeholder-LightBlue-lightblue-500:focus::placeholder { + color: var(--light-blue-lightblue-500, #74afc1); } - .sm\:row-span-3 { - grid-row: span 3 / span 3; + .md\:focus\:placeholder-LightBlue-lightblue-600:focus::-moz-placeholder { + color: var(--light-blue-lightblue-600, #5a8997); } - .sm\:row-span-4 { - grid-row: span 4 / span 4; + .md\:focus\:placeholder-LightBlue-lightblue-600:focus::placeholder { + color: var(--light-blue-lightblue-600, #5a8997); } - .sm\:row-span-5 { - grid-row: span 5 / span 5; + .md\:focus\:placeholder-LightBlue-lightblue-650:focus::-moz-placeholder { + color: var(--light-blue-lightblue-650, #3e5e65); } - .sm\:row-span-6 { - grid-row: span 6 / span 6; + .md\:focus\:placeholder-LightBlue-lightblue-650:focus::placeholder { + color: var(--light-blue-lightblue-650, #3e5e65); } - .sm\:row-span-full { - grid-row: 1 / -1; + .md\:focus\:placeholder-LightBlue-lightblue-700:focus::-moz-placeholder { + color: var(--light-blue-lightblue-700, #344e56); } - .sm\:row-start-1 { - grid-row-start: 1; + .md\:focus\:placeholder-LightBlue-lightblue-700:focus::placeholder { + color: var(--light-blue-lightblue-700, #344e56); } - .sm\:row-start-2 { - grid-row-start: 2; + .md\:focus\:placeholder-Orange-orange:focus::-moz-placeholder { + color: var(--orange-orange, #ff7f0e); } - .sm\:row-start-3 { - grid-row-start: 3; + .md\:focus\:placeholder-Orange-orange:focus::placeholder { + color: var(--orange-orange, #ff7f0e); } - .sm\:row-start-4 { - grid-row-start: 4; + .md\:focus\:placeholder-Orange-orange-100:focus::-moz-placeholder { + color: var(--orange-orange-100, #ffa556); } - .sm\:row-start-5 { - grid-row-start: 5; + .md\:focus\:placeholder-Orange-orange-100:focus::placeholder { + color: var(--orange-orange-100, #ffa556); } - .sm\:row-start-6 { - grid-row-start: 6; + .md\:focus\:placeholder-Orange-orange-200:focus::-moz-placeholder { + color: var(--orange-orange-200, #ffbf86); } - .sm\:row-start-7 { - grid-row-start: 7; + .md\:focus\:placeholder-Orange-orange-200:focus::placeholder { + color: var(--orange-orange-200, #ffbf86); } - .sm\:row-start-auto { - grid-row-start: auto; + .md\:focus\:placeholder-Orange-orange-300:focus::-moz-placeholder { + color: var(--orange-orange-300, #d97f30); } - .sm\:row-end-1 { - grid-row-end: 1; + .md\:focus\:placeholder-Orange-orange-300:focus::placeholder { + color: var(--orange-orange-300, #d97f30); } - .sm\:row-end-2 { - grid-row-end: 2; + .md\:focus\:placeholder-Orange-orange-400:focus::-moz-placeholder { + color: var(--orange-orange-400, #bf7e46); } - .sm\:row-end-3 { - grid-row-end: 3; + .md\:focus\:placeholder-Orange-orange-400:focus::placeholder { + color: var(--orange-orange-400, #bf7e46); } - .sm\:row-end-4 { - grid-row-end: 4; + .md\:focus\:placeholder-Orange-orange-500:focus::-moz-placeholder { + color: var(--orange-orange-500, #e5720d); } - .sm\:row-end-5 { - grid-row-end: 5; + .md\:focus\:placeholder-Orange-orange-500:focus::placeholder { + color: var(--orange-orange-500, #e5720d); } - .sm\:row-end-6 { - grid-row-end: 6; + .md\:focus\:placeholder-Orange-orange-600:focus::-moz-placeholder { + color: var(--orange-orange-600, #b3590a); } - .sm\:row-end-7 { - grid-row-end: 7; + .md\:focus\:placeholder-Orange-orange-600:focus::placeholder { + color: var(--orange-orange-600, #b3590a); } - .sm\:row-end-auto { - grid-row-end: auto; + .md\:focus\:placeholder-Orange-orange-700:focus::-moz-placeholder { + color: var(--orange-orange-700, #663306); } - .sm\:float-right { - float: right; + .md\:focus\:placeholder-Orange-orange-700:focus::placeholder { + color: var(--orange-orange-700, #663306); } - .sm\:float-left { - float: left; + .md\:focus\:placeholder-Yellow-yellow:focus::-moz-placeholder { + color: var(--yellow-yellow, #ffab00); } - .sm\:float-none { - float: none; + .md\:focus\:placeholder-Yellow-yellow:focus::placeholder { + color: var(--yellow-yellow, #ffab00); } - .sm\:clear-left { - clear: left; + .md\:focus\:placeholder-Yellow-yellow-100:focus::-moz-placeholder { + color: var(--yellow-yellow-100, #ffc44c); } - .sm\:clear-right { - clear: right; + .md\:focus\:placeholder-Yellow-yellow-100:focus::placeholder { + color: var(--yellow-yellow-100, #ffc44c); } - .sm\:clear-both { - clear: both; + .md\:focus\:placeholder-Yellow-yellow-200:focus::-moz-placeholder { + color: var(--yellow-yellow-200, #ffd580); } - .sm\:clear-none { - clear: none; + .md\:focus\:placeholder-Yellow-yellow-200:focus::placeholder { + color: var(--yellow-yellow-200, #ffd580); } - .sm\:m-0 { - margin: 0px; + .md\:focus\:placeholder-Yellow-yellow-300:focus::-moz-placeholder { + color: var(--yellow-yellow-300, #d99d26); } - .sm\:m-1 { - margin: 0.25rem; + .md\:focus\:placeholder-Yellow-yellow-300:focus::placeholder { + color: var(--yellow-yellow-300, #d99d26); } - .sm\:m-2 { - margin: 0.5rem; + .md\:focus\:placeholder-Yellow-yellow-400:focus::-moz-placeholder { + color: var(--yellow-yellow-400, #bf943f); } - .sm\:m-3 { - margin: 0.75rem; + .md\:focus\:placeholder-Yellow-yellow-400:focus::placeholder { + color: var(--yellow-yellow-400, #bf943f); } - .sm\:m-4 { - margin: 1rem; + .md\:focus\:placeholder-Yellow-yellow-500:focus::-moz-placeholder { + color: var(--yellow-yellow-500, #e59a00); } - .sm\:m-5 { - margin: 1.25rem; + .md\:focus\:placeholder-Yellow-yellow-500:focus::placeholder { + color: var(--yellow-yellow-500, #e59a00); } - .sm\:m-6 { - margin: 1.5rem; + .md\:focus\:placeholder-Yellow-yellow-600:focus::-moz-placeholder { + color: var(--yellow-yellow-600, #b37800); } - .sm\:m-7 { - margin: 1.75rem; + .md\:focus\:placeholder-Yellow-yellow-600:focus::placeholder { + color: var(--yellow-yellow-600, #b37800); } - .sm\:m-8 { - margin: 2rem; + .md\:focus\:placeholder-Yellow-yellow-700:focus::-moz-placeholder { + color: var(--yellow-yellow-700, #664400); } - .sm\:m-9 { - margin: 2.25rem; + .md\:focus\:placeholder-Yellow-yellow-700:focus::placeholder { + color: var(--yellow-yellow-700, #664400); } - .sm\:m-10 { - margin: 2.5rem; + .md\:focus\:placeholder-Notification-notification:focus::-moz-placeholder { + color: var(--notification-notification, #3959ff); } - .sm\:m-11 { - margin: 2.75rem; + .md\:focus\:placeholder-Notification-notification:focus::placeholder { + color: var(--notification-notification, #3959ff); } - .sm\:m-12 { - margin: 3rem; + .md\:focus\:placeholder-Notification-notification-100:focus::-moz-placeholder { + color: var(--notification-notification-100, #748bff); } - .sm\:m-14 { - margin: 3.5rem; + .md\:focus\:placeholder-Notification-notification-100:focus::placeholder { + color: var(--notification-notification-100, #748bff); } - .sm\:m-16 { - margin: 4rem; + .md\:focus\:placeholder-Notification-notification-200:focus::-moz-placeholder { + color: var(--notification-notification-200, #9cacff); } - .sm\:m-20 { - margin: 5rem; + .md\:focus\:placeholder-Notification-notification-200:focus::placeholder { + color: var(--notification-notification-200, #9cacff); } - .sm\:m-24 { - margin: 6rem; + .md\:focus\:placeholder-Notification-notification-300:focus::-moz-placeholder { + color: var(--notification-notification-300, #4e64d9); } - .sm\:m-28 { - margin: 7rem; + .md\:focus\:placeholder-Notification-notification-300:focus::placeholder { + color: var(--notification-notification-300, #4e64d9); } - .sm\:m-32 { - margin: 8rem; + .md\:focus\:placeholder-Notification-notification-400:focus::-moz-placeholder { + color: var(--notification-notification-400, #5c6cbf); } - .sm\:m-36 { - margin: 9rem; + .md\:focus\:placeholder-Notification-notification-400:focus::placeholder { + color: var(--notification-notification-400, #5c6cbf); } - .sm\:m-40 { - margin: 10rem; + .md\:focus\:placeholder-Notification-notification-500:focus::-moz-placeholder { + color: var(--notification-notification-500, #3350e5); } - .sm\:m-44 { - margin: 11rem; + .md\:focus\:placeholder-Notification-notification-500:focus::placeholder { + color: var(--notification-notification-500, #3350e5); } - .sm\:m-48 { - margin: 12rem; + .md\:focus\:placeholder-Notification-notification-600:focus::-moz-placeholder { + color: var(--notification-notification-600, #283eb3); } - .sm\:m-52 { - margin: 13rem; + .md\:focus\:placeholder-Notification-notification-600:focus::placeholder { + color: var(--notification-notification-600, #283eb3); } - .sm\:m-56 { - margin: 14rem; + .md\:focus\:placeholder-Notification-notification-700:focus::-moz-placeholder { + color: var(--notification-notification-700, #172466); } - .sm\:m-60 { - margin: 15rem; + .md\:focus\:placeholder-Notification-notification-700:focus::placeholder { + color: var(--notification-notification-700, #172466); } - .sm\:m-64 { - margin: 16rem; + .md\:focus\:placeholder-Success-success\ -700:focus::-moz-placeholder { + color: var(--success-success-700, #24471f); } - .sm\:m-72 { - margin: 18rem; + .md\:focus\:placeholder-Success-success\ -700:focus::placeholder { + color: var(--success-success-700, #24471f); } - .sm\:m-80 { - margin: 20rem; + .md\:focus\:placeholder-Success-success:focus::-moz-placeholder { + color: var(--success-success, #5bb14d); } - .sm\:m-96 { - margin: 24rem; + .md\:focus\:placeholder-Success-success:focus::placeholder { + color: var(--success-success, #5bb14d); } - .sm\:m-auto { - margin: auto; + .md\:focus\:placeholder-Success-success\ -100:focus::-moz-placeholder { + color: var(--success-success-100, #8cc882); } - .sm\:m-px { - margin: 1px; + .md\:focus\:placeholder-Success-success\ -100:focus::placeholder { + color: var(--success-success-100, #8cc882); } - .sm\:m-0\.5 { - margin: 0.125rem; + .md\:focus\:placeholder-Success-success\ -200:focus::-moz-placeholder { + color: var(--success-success-200, #add8a6); } - .sm\:m-1\.5 { - margin: 0.375rem; + .md\:focus\:placeholder-Success-success\ -200:focus::placeholder { + color: var(--success-success-200, #add8a6); } - .sm\:m-2\.5 { - margin: 0.625rem; + .md\:focus\:placeholder-Success-success\ -300:focus::-moz-placeholder { + color: var(--success-success-300, #66a25c); } - .sm\:m-3\.5 { - margin: 0.875rem; + .md\:focus\:placeholder-Success-success\ -300:focus::placeholder { + color: var(--success-success-300, #66a25c); } - .sm\:-m-0 { - margin: 0px; + .md\:focus\:placeholder-Success-success\ -400:focus::-moz-placeholder { + color: var(--success-success-400, #6d9766); } - .sm\:-m-1 { - margin: -0.25rem; + .md\:focus\:placeholder-Success-success\ -400:focus::placeholder { + color: var(--success-success-400, #6d9766); } - .sm\:-m-2 { - margin: -0.5rem; + .md\:focus\:placeholder-Success-success\ -500:focus::-moz-placeholder { + color: var(--success-success-500, #529f45); } - .sm\:-m-3 { - margin: -0.75rem; + .md\:focus\:placeholder-Success-success\ -500:focus::placeholder { + color: var(--success-success-500, #529f45); } - .sm\:-m-4 { - margin: -1rem; + .md\:focus\:placeholder-Success-success\ -600:focus::-moz-placeholder { + color: var(--success-success-600, #407c36); } - .sm\:-m-5 { - margin: -1.25rem; + .md\:focus\:placeholder-Success-success\ -600:focus::placeholder { + color: var(--success-success-600, #407c36); } - .sm\:-m-6 { - margin: -1.5rem; + .md\:focus\:placeholder-Error-error:focus::-moz-placeholder { + color: var(--error-error, #f03d3e); } - .sm\:-m-7 { - margin: -1.75rem; + .md\:focus\:placeholder-Error-error:focus::placeholder { + color: var(--error-error, #f03d3e); } - .sm\:-m-8 { - margin: -2rem; + .md\:focus\:placeholder-Error-error-100:focus::-moz-placeholder { + color: var(--error-error-100, #f57778); } - .sm\:-m-9 { - margin: -2.25rem; + .md\:focus\:placeholder-Error-error-100:focus::placeholder { + color: var(--error-error-100, #f57778); } - .sm\:-m-10 { - margin: -2.5rem; + .md\:focus\:placeholder-Error-error-200:focus::-moz-placeholder { + color: var(--error-error-200, #f89e9e); } - .sm\:-m-11 { - margin: -2.75rem; + .md\:focus\:placeholder-Error-error-200:focus::placeholder { + color: var(--error-error-200, #f89e9e); } - .sm\:-m-12 { - margin: -3rem; + .md\:focus\:placeholder-Error-error-250:focus::-moz-placeholder { + color: var(--error-error-250, #f9c8c8); } - .sm\:-m-14 { - margin: -3.5rem; + .md\:focus\:placeholder-Error-error-250:focus::placeholder { + color: var(--error-error-250, #f9c8c8); } - .sm\:-m-16 { - margin: -4rem; + .md\:focus\:placeholder-Error-error-300:focus::-moz-placeholder { + color: var(--error-error-300, #ce5151); } - .sm\:-m-20 { - margin: -5rem; + .md\:focus\:placeholder-Error-error-300:focus::placeholder { + color: var(--error-error-300, #ce5151); } - .sm\:-m-24 { - margin: -6rem; + .md\:focus\:placeholder-Error-error-400:focus::-moz-placeholder { + color: var(--error-error-400, #b85e5e); } - .sm\:-m-28 { - margin: -7rem; + .md\:focus\:placeholder-Error-error-400:focus::placeholder { + color: var(--error-error-400, #b85e5e); } - .sm\:-m-32 { - margin: -8rem; + .md\:focus\:placeholder-Error-error-500:focus::-moz-placeholder { + color: var(--error-error-500, #d83738); } - .sm\:-m-36 { - margin: -9rem; + .md\:focus\:placeholder-Error-error-500:focus::placeholder { + color: var(--error-error-500, #d83738); } - .sm\:-m-40 { - margin: -10rem; + .md\:focus\:placeholder-Error-error-600:focus::-moz-placeholder { + color: var(--error-error-600, #a82b2b); } - .sm\:-m-44 { - margin: -11rem; + .md\:focus\:placeholder-Error-error-600:focus::placeholder { + color: var(--error-error-600, #a82b2b); } - .sm\:-m-48 { - margin: -12rem; + .md\:focus\:placeholder-Error-error-700:focus::-moz-placeholder { + color: var(--error-error-700, #601819); } - .sm\:-m-52 { - margin: -13rem; + .md\:focus\:placeholder-Error-error-700:focus::placeholder { + color: var(--error-error-700, #601819); } - .sm\:-m-56 { - margin: -14rem; + .md\:placeholder-opacity-0::-moz-placeholder { + --tw-placeholder-opacity: 0; } - .sm\:-m-60 { - margin: -15rem; + .md\:placeholder-opacity-0::placeholder { + --tw-placeholder-opacity: 0; } - .sm\:-m-64 { - margin: -16rem; + .md\:placeholder-opacity-5::-moz-placeholder { + --tw-placeholder-opacity: 0.05; } - .sm\:-m-72 { - margin: -18rem; + .md\:placeholder-opacity-5::placeholder { + --tw-placeholder-opacity: 0.05; } - .sm\:-m-80 { - margin: -20rem; + .md\:placeholder-opacity-10::-moz-placeholder { + --tw-placeholder-opacity: 0.1; } - .sm\:-m-96 { - margin: -24rem; + .md\:placeholder-opacity-10::placeholder { + --tw-placeholder-opacity: 0.1; } - .sm\:-m-px { - margin: -1px; + .md\:placeholder-opacity-20::-moz-placeholder { + --tw-placeholder-opacity: 0.2; } - .sm\:-m-0\.5 { - margin: -0.125rem; + .md\:placeholder-opacity-20::placeholder { + --tw-placeholder-opacity: 0.2; } - .sm\:-m-1\.5 { - margin: -0.375rem; + .md\:placeholder-opacity-25::-moz-placeholder { + --tw-placeholder-opacity: 0.25; } - .sm\:-m-2\.5 { - margin: -0.625rem; + .md\:placeholder-opacity-25::placeholder { + --tw-placeholder-opacity: 0.25; } - .sm\:-m-3\.5 { - margin: -0.875rem; + .md\:placeholder-opacity-30::-moz-placeholder { + --tw-placeholder-opacity: 0.3; } - .sm\:mx-0 { - margin-left: 0px; - margin-right: 0px; + .md\:placeholder-opacity-30::placeholder { + --tw-placeholder-opacity: 0.3; } - .sm\:mx-1 { - margin-left: 0.25rem; - margin-right: 0.25rem; + .md\:placeholder-opacity-40::-moz-placeholder { + --tw-placeholder-opacity: 0.4; } - .sm\:mx-2 { - margin-left: 0.5rem; - margin-right: 0.5rem; + .md\:placeholder-opacity-40::placeholder { + --tw-placeholder-opacity: 0.4; } - .sm\:mx-3 { - margin-left: 0.75rem; - margin-right: 0.75rem; + .md\:placeholder-opacity-50::-moz-placeholder { + --tw-placeholder-opacity: 0.5; } - .sm\:mx-4 { - margin-left: 1rem; - margin-right: 1rem; + .md\:placeholder-opacity-50::placeholder { + --tw-placeholder-opacity: 0.5; } - .sm\:mx-5 { - margin-left: 1.25rem; - margin-right: 1.25rem; + .md\:placeholder-opacity-60::-moz-placeholder { + --tw-placeholder-opacity: 0.6; } - .sm\:mx-6 { - margin-left: 1.5rem; - margin-right: 1.5rem; + .md\:placeholder-opacity-60::placeholder { + --tw-placeholder-opacity: 0.6; } - .sm\:mx-7 { - margin-left: 1.75rem; - margin-right: 1.75rem; + .md\:placeholder-opacity-70::-moz-placeholder { + --tw-placeholder-opacity: 0.7; } - .sm\:mx-8 { - margin-left: 2rem; - margin-right: 2rem; + .md\:placeholder-opacity-70::placeholder { + --tw-placeholder-opacity: 0.7; } - .sm\:mx-9 { - margin-left: 2.25rem; - margin-right: 2.25rem; + .md\:placeholder-opacity-75::-moz-placeholder { + --tw-placeholder-opacity: 0.75; } - .sm\:mx-10 { - margin-left: 2.5rem; - margin-right: 2.5rem; + .md\:placeholder-opacity-75::placeholder { + --tw-placeholder-opacity: 0.75; } - .sm\:mx-11 { - margin-left: 2.75rem; - margin-right: 2.75rem; + .md\:placeholder-opacity-80::-moz-placeholder { + --tw-placeholder-opacity: 0.8; } - .sm\:mx-12 { - margin-left: 3rem; - margin-right: 3rem; + .md\:placeholder-opacity-80::placeholder { + --tw-placeholder-opacity: 0.8; } - .sm\:mx-14 { - margin-left: 3.5rem; - margin-right: 3.5rem; + .md\:placeholder-opacity-90::-moz-placeholder { + --tw-placeholder-opacity: 0.9; } - .sm\:mx-16 { - margin-left: 4rem; - margin-right: 4rem; + .md\:placeholder-opacity-90::placeholder { + --tw-placeholder-opacity: 0.9; } - .sm\:mx-20 { - margin-left: 5rem; - margin-right: 5rem; + .md\:placeholder-opacity-95::-moz-placeholder { + --tw-placeholder-opacity: 0.95; } - .sm\:mx-24 { - margin-left: 6rem; - margin-right: 6rem; + .md\:placeholder-opacity-95::placeholder { + --tw-placeholder-opacity: 0.95; } - .sm\:mx-28 { - margin-left: 7rem; - margin-right: 7rem; + .md\:placeholder-opacity-100::-moz-placeholder { + --tw-placeholder-opacity: 1; } - .sm\:mx-32 { - margin-left: 8rem; - margin-right: 8rem; + .md\:placeholder-opacity-100::placeholder { + --tw-placeholder-opacity: 1; } - .sm\:mx-36 { - margin-left: 9rem; - margin-right: 9rem; + .md\:focus\:placeholder-opacity-0:focus::-moz-placeholder { + --tw-placeholder-opacity: 0; } - .sm\:mx-40 { - margin-left: 10rem; - margin-right: 10rem; + .md\:focus\:placeholder-opacity-0:focus::placeholder { + --tw-placeholder-opacity: 0; } - .sm\:mx-44 { - margin-left: 11rem; - margin-right: 11rem; + .md\:focus\:placeholder-opacity-5:focus::-moz-placeholder { + --tw-placeholder-opacity: 0.05; } - .sm\:mx-48 { - margin-left: 12rem; - margin-right: 12rem; + .md\:focus\:placeholder-opacity-5:focus::placeholder { + --tw-placeholder-opacity: 0.05; } - .sm\:mx-52 { - margin-left: 13rem; - margin-right: 13rem; + .md\:focus\:placeholder-opacity-10:focus::-moz-placeholder { + --tw-placeholder-opacity: 0.1; } - .sm\:mx-56 { - margin-left: 14rem; - margin-right: 14rem; + .md\:focus\:placeholder-opacity-10:focus::placeholder { + --tw-placeholder-opacity: 0.1; } - .sm\:mx-60 { - margin-left: 15rem; - margin-right: 15rem; + .md\:focus\:placeholder-opacity-20:focus::-moz-placeholder { + --tw-placeholder-opacity: 0.2; } - .sm\:mx-64 { - margin-left: 16rem; - margin-right: 16rem; + .md\:focus\:placeholder-opacity-20:focus::placeholder { + --tw-placeholder-opacity: 0.2; } - .sm\:mx-72 { - margin-left: 18rem; - margin-right: 18rem; + .md\:focus\:placeholder-opacity-25:focus::-moz-placeholder { + --tw-placeholder-opacity: 0.25; } - .sm\:mx-80 { - margin-left: 20rem; - margin-right: 20rem; + .md\:focus\:placeholder-opacity-25:focus::placeholder { + --tw-placeholder-opacity: 0.25; } - .sm\:mx-96 { - margin-left: 24rem; - margin-right: 24rem; + .md\:focus\:placeholder-opacity-30:focus::-moz-placeholder { + --tw-placeholder-opacity: 0.3; } - .sm\:mx-auto { - margin-left: auto; - margin-right: auto; + .md\:focus\:placeholder-opacity-30:focus::placeholder { + --tw-placeholder-opacity: 0.3; } - .sm\:mx-px { - margin-left: 1px; - margin-right: 1px; + .md\:focus\:placeholder-opacity-40:focus::-moz-placeholder { + --tw-placeholder-opacity: 0.4; } - .sm\:mx-0\.5 { - margin-left: 0.125rem; - margin-right: 0.125rem; + .md\:focus\:placeholder-opacity-40:focus::placeholder { + --tw-placeholder-opacity: 0.4; } - .sm\:mx-1\.5 { - margin-left: 0.375rem; - margin-right: 0.375rem; + .md\:focus\:placeholder-opacity-50:focus::-moz-placeholder { + --tw-placeholder-opacity: 0.5; } - .sm\:mx-2\.5 { - margin-left: 0.625rem; - margin-right: 0.625rem; + .md\:focus\:placeholder-opacity-50:focus::placeholder { + --tw-placeholder-opacity: 0.5; } - .sm\:mx-3\.5 { - margin-left: 0.875rem; - margin-right: 0.875rem; + .md\:focus\:placeholder-opacity-60:focus::-moz-placeholder { + --tw-placeholder-opacity: 0.6; } - .sm\:-mx-0 { - margin-left: 0px; - margin-right: 0px; + .md\:focus\:placeholder-opacity-60:focus::placeholder { + --tw-placeholder-opacity: 0.6; } - .sm\:-mx-1 { - margin-left: -0.25rem; - margin-right: -0.25rem; + .md\:focus\:placeholder-opacity-70:focus::-moz-placeholder { + --tw-placeholder-opacity: 0.7; } - .sm\:-mx-2 { - margin-left: -0.5rem; - margin-right: -0.5rem; + .md\:focus\:placeholder-opacity-70:focus::placeholder { + --tw-placeholder-opacity: 0.7; } - .sm\:-mx-3 { - margin-left: -0.75rem; - margin-right: -0.75rem; + .md\:focus\:placeholder-opacity-75:focus::-moz-placeholder { + --tw-placeholder-opacity: 0.75; } - .sm\:-mx-4 { - margin-left: -1rem; - margin-right: -1rem; + .md\:focus\:placeholder-opacity-75:focus::placeholder { + --tw-placeholder-opacity: 0.75; } - .sm\:-mx-5 { - margin-left: -1.25rem; - margin-right: -1.25rem; + .md\:focus\:placeholder-opacity-80:focus::-moz-placeholder { + --tw-placeholder-opacity: 0.8; } - .sm\:-mx-6 { - margin-left: -1.5rem; - margin-right: -1.5rem; + .md\:focus\:placeholder-opacity-80:focus::placeholder { + --tw-placeholder-opacity: 0.8; } - .sm\:-mx-7 { - margin-left: -1.75rem; - margin-right: -1.75rem; + .md\:focus\:placeholder-opacity-90:focus::-moz-placeholder { + --tw-placeholder-opacity: 0.9; } - .sm\:-mx-8 { - margin-left: -2rem; - margin-right: -2rem; + .md\:focus\:placeholder-opacity-90:focus::placeholder { + --tw-placeholder-opacity: 0.9; } - .sm\:-mx-9 { - margin-left: -2.25rem; - margin-right: -2.25rem; + .md\:focus\:placeholder-opacity-95:focus::-moz-placeholder { + --tw-placeholder-opacity: 0.95; } - .sm\:-mx-10 { - margin-left: -2.5rem; - margin-right: -2.5rem; + .md\:focus\:placeholder-opacity-95:focus::placeholder { + --tw-placeholder-opacity: 0.95; } - .sm\:-mx-11 { - margin-left: -2.75rem; - margin-right: -2.75rem; + .md\:focus\:placeholder-opacity-100:focus::-moz-placeholder { + --tw-placeholder-opacity: 1; } - .sm\:-mx-12 { - margin-left: -3rem; - margin-right: -3rem; + .md\:focus\:placeholder-opacity-100:focus::placeholder { + --tw-placeholder-opacity: 1; } - .sm\:-mx-14 { - margin-left: -3.5rem; - margin-right: -3.5rem; + .md\:opacity-0 { + opacity: 0; } - .sm\:-mx-16 { - margin-left: -4rem; - margin-right: -4rem; + .md\:opacity-5 { + opacity: 0.05; } - .sm\:-mx-20 { - margin-left: -5rem; - margin-right: -5rem; + .md\:opacity-10 { + opacity: 0.1; } - .sm\:-mx-24 { - margin-left: -6rem; - margin-right: -6rem; + .md\:opacity-20 { + opacity: 0.2; } - .sm\:-mx-28 { - margin-left: -7rem; - margin-right: -7rem; + .md\:opacity-25 { + opacity: 0.25; } - .sm\:-mx-32 { - margin-left: -8rem; - margin-right: -8rem; + .md\:opacity-30 { + opacity: 0.3; } - .sm\:-mx-36 { - margin-left: -9rem; - margin-right: -9rem; + .md\:opacity-40 { + opacity: 0.4; } - .sm\:-mx-40 { - margin-left: -10rem; - margin-right: -10rem; + .md\:opacity-50 { + opacity: 0.5; } - .sm\:-mx-44 { - margin-left: -11rem; - margin-right: -11rem; + .md\:opacity-60 { + opacity: 0.6; } - .sm\:-mx-48 { - margin-left: -12rem; - margin-right: -12rem; + .md\:opacity-70 { + opacity: 0.7; } - .sm\:-mx-52 { - margin-left: -13rem; - margin-right: -13rem; + .md\:opacity-75 { + opacity: 0.75; } - .sm\:-mx-56 { - margin-left: -14rem; - margin-right: -14rem; + .md\:opacity-80 { + opacity: 0.8; } - .sm\:-mx-60 { - margin-left: -15rem; - margin-right: -15rem; + .md\:opacity-90 { + opacity: 0.9; } - .sm\:-mx-64 { - margin-left: -16rem; - margin-right: -16rem; + .md\:opacity-95 { + opacity: 0.95; } - .sm\:-mx-72 { - margin-left: -18rem; - margin-right: -18rem; + .md\:opacity-100 { + opacity: 1; } - .sm\:-mx-80 { - margin-left: -20rem; - margin-right: -20rem; + .group:hover .md\:group-hover\:opacity-0 { + opacity: 0; } - .sm\:-mx-96 { - margin-left: -24rem; - margin-right: -24rem; + .group:hover .md\:group-hover\:opacity-5 { + opacity: 0.05; } - .sm\:-mx-px { - margin-left: -1px; - margin-right: -1px; + .group:hover .md\:group-hover\:opacity-10 { + opacity: 0.1; } - .sm\:-mx-0\.5 { - margin-left: -0.125rem; - margin-right: -0.125rem; + .group:hover .md\:group-hover\:opacity-20 { + opacity: 0.2; } - .sm\:-mx-1\.5 { - margin-left: -0.375rem; - margin-right: -0.375rem; + .group:hover .md\:group-hover\:opacity-25 { + opacity: 0.25; } - .sm\:-mx-2\.5 { - margin-left: -0.625rem; - margin-right: -0.625rem; + .group:hover .md\:group-hover\:opacity-30 { + opacity: 0.3; } - .sm\:-mx-3\.5 { - margin-left: -0.875rem; - margin-right: -0.875rem; + .group:hover .md\:group-hover\:opacity-40 { + opacity: 0.4; } - .sm\:my-0 { - margin-top: 0px; - margin-bottom: 0px; + .group:hover .md\:group-hover\:opacity-50 { + opacity: 0.5; } - .sm\:my-1 { - margin-top: 0.25rem; - margin-bottom: 0.25rem; + .group:hover .md\:group-hover\:opacity-60 { + opacity: 0.6; } - .sm\:my-2 { - margin-top: 0.5rem; - margin-bottom: 0.5rem; + .group:hover .md\:group-hover\:opacity-70 { + opacity: 0.7; } - .sm\:my-3 { - margin-top: 0.75rem; - margin-bottom: 0.75rem; + .group:hover .md\:group-hover\:opacity-75 { + opacity: 0.75; } - .sm\:my-4 { - margin-top: 1rem; - margin-bottom: 1rem; + .group:hover .md\:group-hover\:opacity-80 { + opacity: 0.8; } - .sm\:my-5 { - margin-top: 1.25rem; - margin-bottom: 1.25rem; + .group:hover .md\:group-hover\:opacity-90 { + opacity: 0.9; } - .sm\:my-6 { - margin-top: 1.5rem; - margin-bottom: 1.5rem; + .group:hover .md\:group-hover\:opacity-95 { + opacity: 0.95; } - .sm\:my-7 { - margin-top: 1.75rem; - margin-bottom: 1.75rem; + .group:hover .md\:group-hover\:opacity-100 { + opacity: 1; } - .sm\:my-8 { - margin-top: 2rem; - margin-bottom: 2rem; + .md\:focus-within\:opacity-0:focus-within { + opacity: 0; } - .sm\:my-9 { - margin-top: 2.25rem; - margin-bottom: 2.25rem; + .md\:focus-within\:opacity-5:focus-within { + opacity: 0.05; } - .sm\:my-10 { - margin-top: 2.5rem; - margin-bottom: 2.5rem; + .md\:focus-within\:opacity-10:focus-within { + opacity: 0.1; } - .sm\:my-11 { - margin-top: 2.75rem; - margin-bottom: 2.75rem; + .md\:focus-within\:opacity-20:focus-within { + opacity: 0.2; } - .sm\:my-12 { - margin-top: 3rem; - margin-bottom: 3rem; + .md\:focus-within\:opacity-25:focus-within { + opacity: 0.25; } - .sm\:my-14 { - margin-top: 3.5rem; - margin-bottom: 3.5rem; + .md\:focus-within\:opacity-30:focus-within { + opacity: 0.3; } - .sm\:my-16 { - margin-top: 4rem; - margin-bottom: 4rem; + .md\:focus-within\:opacity-40:focus-within { + opacity: 0.4; } - .sm\:my-20 { - margin-top: 5rem; - margin-bottom: 5rem; + .md\:focus-within\:opacity-50:focus-within { + opacity: 0.5; } - .sm\:my-24 { - margin-top: 6rem; - margin-bottom: 6rem; + .md\:focus-within\:opacity-60:focus-within { + opacity: 0.6; } - .sm\:my-28 { - margin-top: 7rem; - margin-bottom: 7rem; + .md\:focus-within\:opacity-70:focus-within { + opacity: 0.7; } - .sm\:my-32 { - margin-top: 8rem; - margin-bottom: 8rem; + .md\:focus-within\:opacity-75:focus-within { + opacity: 0.75; } - .sm\:my-36 { - margin-top: 9rem; - margin-bottom: 9rem; + .md\:focus-within\:opacity-80:focus-within { + opacity: 0.8; } - .sm\:my-40 { - margin-top: 10rem; - margin-bottom: 10rem; + .md\:focus-within\:opacity-90:focus-within { + opacity: 0.9; } - .sm\:my-44 { - margin-top: 11rem; - margin-bottom: 11rem; + .md\:focus-within\:opacity-95:focus-within { + opacity: 0.95; } - .sm\:my-48 { - margin-top: 12rem; - margin-bottom: 12rem; + .md\:focus-within\:opacity-100:focus-within { + opacity: 1; } - .sm\:my-52 { - margin-top: 13rem; - margin-bottom: 13rem; + .md\:hover\:opacity-0:hover { + opacity: 0; } - .sm\:my-56 { - margin-top: 14rem; - margin-bottom: 14rem; + .md\:hover\:opacity-5:hover { + opacity: 0.05; } - .sm\:my-60 { - margin-top: 15rem; - margin-bottom: 15rem; + .md\:hover\:opacity-10:hover { + opacity: 0.1; } - .sm\:my-64 { - margin-top: 16rem; - margin-bottom: 16rem; + .md\:hover\:opacity-20:hover { + opacity: 0.2; } - .sm\:my-72 { - margin-top: 18rem; - margin-bottom: 18rem; + .md\:hover\:opacity-25:hover { + opacity: 0.25; } - .sm\:my-80 { - margin-top: 20rem; - margin-bottom: 20rem; + .md\:hover\:opacity-30:hover { + opacity: 0.3; } - .sm\:my-96 { - margin-top: 24rem; - margin-bottom: 24rem; + .md\:hover\:opacity-40:hover { + opacity: 0.4; } - .sm\:my-auto { - margin-top: auto; - margin-bottom: auto; + .md\:hover\:opacity-50:hover { + opacity: 0.5; } - .sm\:my-px { - margin-top: 1px; - margin-bottom: 1px; + .md\:hover\:opacity-60:hover { + opacity: 0.6; } - .sm\:my-0\.5 { - margin-top: 0.125rem; - margin-bottom: 0.125rem; + .md\:hover\:opacity-70:hover { + opacity: 0.7; } - .sm\:my-1\.5 { - margin-top: 0.375rem; - margin-bottom: 0.375rem; + .md\:hover\:opacity-75:hover { + opacity: 0.75; } - .sm\:my-2\.5 { - margin-top: 0.625rem; - margin-bottom: 0.625rem; + .md\:hover\:opacity-80:hover { + opacity: 0.8; } - .sm\:my-3\.5 { - margin-top: 0.875rem; - margin-bottom: 0.875rem; + .md\:hover\:opacity-90:hover { + opacity: 0.9; } - .sm\:-my-0 { - margin-top: 0px; - margin-bottom: 0px; + .md\:hover\:opacity-95:hover { + opacity: 0.95; } - .sm\:-my-1 { - margin-top: -0.25rem; - margin-bottom: -0.25rem; + .md\:hover\:opacity-100:hover { + opacity: 1; } - .sm\:-my-2 { - margin-top: -0.5rem; - margin-bottom: -0.5rem; + .md\:focus\:opacity-0:focus { + opacity: 0; } - .sm\:-my-3 { - margin-top: -0.75rem; - margin-bottom: -0.75rem; + .md\:focus\:opacity-5:focus { + opacity: 0.05; } - .sm\:-my-4 { - margin-top: -1rem; - margin-bottom: -1rem; + .md\:focus\:opacity-10:focus { + opacity: 0.1; } - .sm\:-my-5 { - margin-top: -1.25rem; - margin-bottom: -1.25rem; + .md\:focus\:opacity-20:focus { + opacity: 0.2; } - .sm\:-my-6 { - margin-top: -1.5rem; - margin-bottom: -1.5rem; + .md\:focus\:opacity-25:focus { + opacity: 0.25; } - .sm\:-my-7 { - margin-top: -1.75rem; - margin-bottom: -1.75rem; + .md\:focus\:opacity-30:focus { + opacity: 0.3; } - .sm\:-my-8 { - margin-top: -2rem; - margin-bottom: -2rem; + .md\:focus\:opacity-40:focus { + opacity: 0.4; } - .sm\:-my-9 { - margin-top: -2.25rem; - margin-bottom: -2.25rem; + .md\:focus\:opacity-50:focus { + opacity: 0.5; } - .sm\:-my-10 { - margin-top: -2.5rem; - margin-bottom: -2.5rem; + .md\:focus\:opacity-60:focus { + opacity: 0.6; } - .sm\:-my-11 { - margin-top: -2.75rem; - margin-bottom: -2.75rem; + .md\:focus\:opacity-70:focus { + opacity: 0.7; } - .sm\:-my-12 { - margin-top: -3rem; - margin-bottom: -3rem; + .md\:focus\:opacity-75:focus { + opacity: 0.75; } - .sm\:-my-14 { - margin-top: -3.5rem; - margin-bottom: -3.5rem; + .md\:focus\:opacity-80:focus { + opacity: 0.8; } - .sm\:-my-16 { - margin-top: -4rem; - margin-bottom: -4rem; + .md\:focus\:opacity-90:focus { + opacity: 0.9; } - .sm\:-my-20 { - margin-top: -5rem; - margin-bottom: -5rem; + .md\:focus\:opacity-95:focus { + opacity: 0.95; } - .sm\:-my-24 { - margin-top: -6rem; - margin-bottom: -6rem; + .md\:focus\:opacity-100:focus { + opacity: 1; } - .sm\:-my-28 { - margin-top: -7rem; - margin-bottom: -7rem; + .md\:bg-blend-normal { + background-blend-mode: normal; } - .sm\:-my-32 { - margin-top: -8rem; - margin-bottom: -8rem; + .md\:bg-blend-multiply { + background-blend-mode: multiply; } - .sm\:-my-36 { - margin-top: -9rem; - margin-bottom: -9rem; + .md\:bg-blend-screen { + background-blend-mode: screen; } - .sm\:-my-40 { - margin-top: -10rem; - margin-bottom: -10rem; + .md\:bg-blend-overlay { + background-blend-mode: overlay; } - .sm\:-my-44 { - margin-top: -11rem; - margin-bottom: -11rem; + .md\:bg-blend-darken { + background-blend-mode: darken; } - .sm\:-my-48 { - margin-top: -12rem; - margin-bottom: -12rem; + .md\:bg-blend-lighten { + background-blend-mode: lighten; } - .sm\:-my-52 { - margin-top: -13rem; - margin-bottom: -13rem; + .md\:bg-blend-color-dodge { + background-blend-mode: color-dodge; } - .sm\:-my-56 { - margin-top: -14rem; - margin-bottom: -14rem; + .md\:bg-blend-color-burn { + background-blend-mode: color-burn; } - .sm\:-my-60 { - margin-top: -15rem; - margin-bottom: -15rem; + .md\:bg-blend-hard-light { + background-blend-mode: hard-light; } - .sm\:-my-64 { - margin-top: -16rem; - margin-bottom: -16rem; + .md\:bg-blend-soft-light { + background-blend-mode: soft-light; } - .sm\:-my-72 { - margin-top: -18rem; - margin-bottom: -18rem; + .md\:bg-blend-difference { + background-blend-mode: difference; } - .sm\:-my-80 { - margin-top: -20rem; - margin-bottom: -20rem; + .md\:bg-blend-exclusion { + background-blend-mode: exclusion; } - .sm\:-my-96 { - margin-top: -24rem; - margin-bottom: -24rem; + .md\:bg-blend-hue { + background-blend-mode: hue; } - .sm\:-my-px { - margin-top: -1px; - margin-bottom: -1px; + .md\:bg-blend-saturation { + background-blend-mode: saturation; } - .sm\:-my-0\.5 { - margin-top: -0.125rem; - margin-bottom: -0.125rem; + .md\:bg-blend-color { + background-blend-mode: color; } - .sm\:-my-1\.5 { - margin-top: -0.375rem; - margin-bottom: -0.375rem; + .md\:bg-blend-luminosity { + background-blend-mode: luminosity; } - .sm\:-my-2\.5 { - margin-top: -0.625rem; - margin-bottom: -0.625rem; + .md\:mix-blend-normal { + mix-blend-mode: normal; } - .sm\:-my-3\.5 { - margin-top: -0.875rem; - margin-bottom: -0.875rem; + .md\:mix-blend-multiply { + mix-blend-mode: multiply; } - .sm\:mt-0 { - margin-top: 0px; + .md\:mix-blend-screen { + mix-blend-mode: screen; } - .sm\:mt-1 { - margin-top: 0.25rem; + .md\:mix-blend-overlay { + mix-blend-mode: overlay; } - .sm\:mt-2 { - margin-top: 0.5rem; + .md\:mix-blend-darken { + mix-blend-mode: darken; } - .sm\:mt-3 { - margin-top: 0.75rem; + .md\:mix-blend-lighten { + mix-blend-mode: lighten; } - .sm\:mt-4 { - margin-top: 1rem; + .md\:mix-blend-color-dodge { + mix-blend-mode: color-dodge; } - .sm\:mt-5 { - margin-top: 1.25rem; + .md\:mix-blend-color-burn { + mix-blend-mode: color-burn; } - .sm\:mt-6 { - margin-top: 1.5rem; + .md\:mix-blend-hard-light { + mix-blend-mode: hard-light; } - .sm\:mt-7 { - margin-top: 1.75rem; + .md\:mix-blend-soft-light { + mix-blend-mode: soft-light; } - .sm\:mt-8 { - margin-top: 2rem; + .md\:mix-blend-difference { + mix-blend-mode: difference; } - .sm\:mt-9 { - margin-top: 2.25rem; + .md\:mix-blend-exclusion { + mix-blend-mode: exclusion; } - .sm\:mt-10 { - margin-top: 2.5rem; + .md\:mix-blend-hue { + mix-blend-mode: hue; } - .sm\:mt-11 { - margin-top: 2.75rem; + .md\:mix-blend-saturation { + mix-blend-mode: saturation; } - .sm\:mt-12 { - margin-top: 3rem; + .md\:mix-blend-color { + mix-blend-mode: color; } - .sm\:mt-14 { - margin-top: 3.5rem; + .md\:mix-blend-luminosity { + mix-blend-mode: luminosity; } - .sm\:mt-16 { - margin-top: 4rem; + .md\:shadow-sm { + --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .sm\:mt-20 { - margin-top: 5rem; + .md\:shadow { + --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .sm\:mt-24 { - margin-top: 6rem; + .md\:shadow-md { + --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .sm\:mt-28 { - margin-top: 7rem; + .md\:shadow-lg { + --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .sm\:mt-32 { - margin-top: 8rem; + .md\:shadow-xl { + --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .sm\:mt-36 { - margin-top: 9rem; + .md\:shadow-2xl { + --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .sm\:mt-40 { - margin-top: 10rem; + .md\:shadow-inner { + --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .sm\:mt-44 { - margin-top: 11rem; + .md\:shadow-none { + --tw-shadow: 0 0 #0000; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .sm\:mt-48 { - margin-top: 12rem; + .group:hover .md\:group-hover\:shadow-sm { + --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .sm\:mt-52 { - margin-top: 13rem; + .group:hover .md\:group-hover\:shadow { + --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .sm\:mt-56 { - margin-top: 14rem; + .group:hover .md\:group-hover\:shadow-md { + --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .sm\:mt-60 { - margin-top: 15rem; + .group:hover .md\:group-hover\:shadow-lg { + --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .sm\:mt-64 { - margin-top: 16rem; + .group:hover .md\:group-hover\:shadow-xl { + --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .sm\:mt-72 { - margin-top: 18rem; + .group:hover .md\:group-hover\:shadow-2xl { + --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .sm\:mt-80 { - margin-top: 20rem; + .group:hover .md\:group-hover\:shadow-inner { + --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .sm\:mt-96 { - margin-top: 24rem; + .group:hover .md\:group-hover\:shadow-none { + --tw-shadow: 0 0 #0000; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .sm\:mt-auto { - margin-top: auto; + .md\:focus-within\:shadow-sm:focus-within { + --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .sm\:mt-px { - margin-top: 1px; + .md\:focus-within\:shadow:focus-within { + --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .sm\:mt-0\.5 { - margin-top: 0.125rem; + .md\:focus-within\:shadow-md:focus-within { + --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .sm\:mt-1\.5 { - margin-top: 0.375rem; + .md\:focus-within\:shadow-lg:focus-within { + --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .sm\:mt-2\.5 { - margin-top: 0.625rem; + .md\:focus-within\:shadow-xl:focus-within { + --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .sm\:mt-3\.5 { - margin-top: 0.875rem; + .md\:focus-within\:shadow-2xl:focus-within { + --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .sm\:-mt-0 { - margin-top: 0px; + .md\:focus-within\:shadow-inner:focus-within { + --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .sm\:-mt-1 { - margin-top: -0.25rem; + .md\:focus-within\:shadow-none:focus-within { + --tw-shadow: 0 0 #0000; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .sm\:-mt-2 { - margin-top: -0.5rem; + .md\:hover\:shadow-sm:hover { + --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .sm\:-mt-3 { - margin-top: -0.75rem; + .md\:hover\:shadow:hover { + --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .sm\:-mt-4 { - margin-top: -1rem; + .md\:hover\:shadow-md:hover { + --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .sm\:-mt-5 { - margin-top: -1.25rem; + .md\:hover\:shadow-lg:hover { + --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .sm\:-mt-6 { - margin-top: -1.5rem; + .md\:hover\:shadow-xl:hover { + --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .sm\:-mt-7 { - margin-top: -1.75rem; + .md\:hover\:shadow-2xl:hover { + --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .sm\:-mt-8 { - margin-top: -2rem; + .md\:hover\:shadow-inner:hover { + --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .sm\:-mt-9 { - margin-top: -2.25rem; + .md\:hover\:shadow-none:hover { + --tw-shadow: 0 0 #0000; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .sm\:-mt-10 { - margin-top: -2.5rem; + .md\:focus\:shadow-sm:focus { + --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .sm\:-mt-11 { - margin-top: -2.75rem; + .md\:focus\:shadow:focus { + --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .sm\:-mt-12 { - margin-top: -3rem; + .md\:focus\:shadow-md:focus { + --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .sm\:-mt-14 { - margin-top: -3.5rem; + .md\:focus\:shadow-lg:focus { + --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .sm\:-mt-16 { - margin-top: -4rem; + .md\:focus\:shadow-xl:focus { + --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .sm\:-mt-20 { - margin-top: -5rem; + .md\:focus\:shadow-2xl:focus { + --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .sm\:-mt-24 { - margin-top: -6rem; + .md\:focus\:shadow-inner:focus { + --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .sm\:-mt-28 { - margin-top: -7rem; + .md\:focus\:shadow-none:focus { + --tw-shadow: 0 0 #0000; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .sm\:-mt-32 { - margin-top: -8rem; + .md\:outline-none { + outline: 2px solid transparent; + outline-offset: 2px; } - .sm\:-mt-36 { - margin-top: -9rem; + .md\:outline-white { + outline: 2px dotted white; + outline-offset: 2px; } - .sm\:-mt-40 { - margin-top: -10rem; + .md\:outline-black { + outline: 2px dotted black; + outline-offset: 2px; } - .sm\:-mt-44 { - margin-top: -11rem; + .md\:focus-within\:outline-none:focus-within { + outline: 2px solid transparent; + outline-offset: 2px; } - .sm\:-mt-48 { - margin-top: -12rem; + .md\:focus-within\:outline-white:focus-within { + outline: 2px dotted white; + outline-offset: 2px; } - .sm\:-mt-52 { - margin-top: -13rem; + .md\:focus-within\:outline-black:focus-within { + outline: 2px dotted black; + outline-offset: 2px; } - .sm\:-mt-56 { - margin-top: -14rem; + .md\:focus\:outline-none:focus { + outline: 2px solid transparent; + outline-offset: 2px; } - .sm\:-mt-60 { - margin-top: -15rem; + .md\:focus\:outline-white:focus { + outline: 2px dotted white; + outline-offset: 2px; } - .sm\:-mt-64 { - margin-top: -16rem; + .md\:focus\:outline-black:focus { + outline: 2px dotted black; + outline-offset: 2px; } - .sm\:-mt-72 { - margin-top: -18rem; + .md\: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); } - .sm\:-mt-80 { - margin-top: -20rem; + .md\:ring-1 { + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } - .sm\:-mt-96 { - margin-top: -24rem; + .md\: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); } - .sm\:-mt-px { - margin-top: -1px; + .md\: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); } - .sm\:-mt-0\.5 { - margin-top: -0.125rem; + .md\:ring-8 { + --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(8px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } - .sm\:-mt-1\.5 { - margin-top: -0.375rem; + .md\: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); } - .sm\:-mt-2\.5 { - margin-top: -0.625rem; + .md\:focus-within\:ring-0:focus-within { + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(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); } - .sm\:-mt-3\.5 { - margin-top: -0.875rem; + .md\:focus-within\:ring-1:focus-within { + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } - .sm\:mr-0 { - margin-right: 0px; + .md\:focus-within\:ring-2:focus-within { + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } - .sm\:mr-1 { - margin-right: 0.25rem; + .md\:focus-within\:ring-4:focus-within { + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(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); } - .sm\:mr-2 { - margin-right: 0.5rem; + .md\:focus-within\:ring-8:focus-within { + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } - .sm\:mr-3 { - margin-right: 0.75rem; + .md\:focus-within\:ring:focus-within { + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(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); } - .sm\:mr-4 { - margin-right: 1rem; + .md\: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); } - .sm\:mr-5 { - margin-right: 1.25rem; + .md\: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); } - .sm\:mr-6 { - margin-right: 1.5rem; + .md\: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); } - .sm\:mr-7 { - margin-right: 1.75rem; + .md\:focus\:ring-4:focus { + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } - .sm\:mr-8 { - margin-right: 2rem; + .md\:focus\:ring-8: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(8px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } - .sm\:mr-9 { - margin-right: 2.25rem; + .md\:focus\:ring: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(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); } - .sm\:mr-10 { - margin-right: 2.5rem; + .md\:ring-inset { + --tw-ring-inset: inset; } - .sm\:mr-11 { - margin-right: 2.75rem; + .md\:focus-within\:ring-inset:focus-within { + --tw-ring-inset: inset; } - .sm\:mr-12 { - margin-right: 3rem; + .md\:focus\:ring-inset:focus { + --tw-ring-inset: inset; } - - .sm\:mr-14 { - margin-right: 3.5rem; + + .md\:ring-colors-black { + --tw-ring-color: var(--colors-black, #000000); } - .sm\:mr-16 { - margin-right: 4rem; + .md\:ring-colors-white { + --tw-ring-color: var(--colors-white, #ffffff); } - .sm\:mr-20 { - margin-right: 5rem; + .md\:ring-colors-gray-100 { + --tw-ring-color: var(--colors-gray-100, #f7fafc); } - .sm\:mr-24 { - margin-right: 6rem; + .md\:ring-colors-gray-200 { + --tw-ring-color: var(--colors-gray-200, #edf2f7); } - .sm\:mr-28 { - margin-right: 7rem; + .md\:ring-colors-gray-300 { + --tw-ring-color: var(--colors-gray-300, #e2e8f0); } - .sm\:mr-32 { - margin-right: 8rem; + .md\:ring-colors-gray-400 { + --tw-ring-color: var(--colors-gray-400, #cbd5e0); } - .sm\:mr-36 { - margin-right: 9rem; + .md\:ring-colors-gray-500 { + --tw-ring-color: var(--colors-gray-500, #a0aec0); } - .sm\:mr-40 { - margin-right: 10rem; + .md\:ring-colors-gray-600 { + --tw-ring-color: var(--colors-gray-600, #718096); } - .sm\:mr-44 { - margin-right: 11rem; + .md\:ring-colors-gray-700 { + --tw-ring-color: var(--colors-gray-700, #4a5568); } - .sm\:mr-48 { - margin-right: 12rem; + .md\:ring-colors-gray-800 { + --tw-ring-color: var(--colors-gray-800, #2d3748); } - .sm\:mr-52 { - margin-right: 13rem; + .md\:ring-colors-gray-900 { + --tw-ring-color: var(--colors-gray-900, #1a202c); } - .sm\:mr-56 { - margin-right: 14rem; + .md\:ring-colors-red-100 { + --tw-ring-color: var(--colors-red-100, #fff5f5); } - .sm\:mr-60 { - margin-right: 15rem; + .md\:ring-colors-red-200 { + --tw-ring-color: var(--colors-red-200, #fed7d7); } - .sm\:mr-64 { - margin-right: 16rem; + .md\:ring-colors-red-300 { + --tw-ring-color: var(--colors-red-300, #feb2b2); } - .sm\:mr-72 { - margin-right: 18rem; + .md\:ring-colors-red-400 { + --tw-ring-color: var(--colors-red-400, #fc8181); } - .sm\:mr-80 { - margin-right: 20rem; + .md\:ring-colors-red-500 { + --tw-ring-color: var(--colors-red-500, #f56565); } - .sm\:mr-96 { - margin-right: 24rem; + .md\:ring-colors-red-600 { + --tw-ring-color: var(--colors-red-600, #e53e3e); } - .sm\:mr-auto { - margin-right: auto; + .md\:ring-colors-red-700 { + --tw-ring-color: var(--colors-red-700, #c53030); } - .sm\:mr-px { - margin-right: 1px; + .md\:ring-colors-red-800 { + --tw-ring-color: var(--colors-red-800, #9b2c2c); } - .sm\:mr-0\.5 { - margin-right: 0.125rem; + .md\:ring-colors-red-900 { + --tw-ring-color: var(--colors-red-900, #742a2a); } - .sm\:mr-1\.5 { - margin-right: 0.375rem; + .md\:ring-colors-orange-100 { + --tw-ring-color: var(--colors-orange-100, #fffaf0); } - .sm\:mr-2\.5 { - margin-right: 0.625rem; + .md\:ring-colors-orange-200 { + --tw-ring-color: var(--colors-orange-200, #feebc8); } - .sm\:mr-3\.5 { - margin-right: 0.875rem; + .md\:ring-colors-orange-300 { + --tw-ring-color: var(--colors-orange-300, #fbd38d); } - .sm\:-mr-0 { - margin-right: 0px; + .md\:ring-colors-orange-400 { + --tw-ring-color: var(--colors-orange-400, #f6ad55); } - .sm\:-mr-1 { - margin-right: -0.25rem; + .md\:ring-colors-orange-500 { + --tw-ring-color: var(--colors-orange-500, #ed8936); } - .sm\:-mr-2 { - margin-right: -0.5rem; + .md\:ring-colors-orange-600 { + --tw-ring-color: var(--colors-orange-600, #dd6b20); } - .sm\:-mr-3 { - margin-right: -0.75rem; + .md\:ring-colors-orange-700 { + --tw-ring-color: var(--colors-orange-700, #c05621); } - .sm\:-mr-4 { - margin-right: -1rem; + .md\:ring-colors-orange-800 { + --tw-ring-color: var(--colors-orange-800, #9c4221); } - .sm\:-mr-5 { - margin-right: -1.25rem; + .md\:ring-colors-orange-900 { + --tw-ring-color: var(--colors-orange-900, #7b341e); } - .sm\:-mr-6 { - margin-right: -1.5rem; + .md\:ring-colors-yellow-100 { + --tw-ring-color: var(--colors-yellow-100, #fffff0); } - .sm\:-mr-7 { - margin-right: -1.75rem; + .md\:ring-colors-yellow-200 { + --tw-ring-color: var(--colors-yellow-200, #fefcbf); } - .sm\:-mr-8 { - margin-right: -2rem; + .md\:ring-colors-yellow-300 { + --tw-ring-color: var(--colors-yellow-300, #faf089); } - .sm\:-mr-9 { - margin-right: -2.25rem; + .md\:ring-colors-yellow-400 { + --tw-ring-color: var(--colors-yellow-400, #f6e05e); } - .sm\:-mr-10 { - margin-right: -2.5rem; + .md\:ring-colors-yellow-500 { + --tw-ring-color: var(--colors-yellow-500, #ecc94b); } - .sm\:-mr-11 { - margin-right: -2.75rem; + .md\:ring-colors-yellow-600 { + --tw-ring-color: var(--colors-yellow-600, #d69e2e); } - .sm\:-mr-12 { - margin-right: -3rem; + .md\:ring-colors-yellow-700 { + --tw-ring-color: var(--colors-yellow-700, #b7791f); } - .sm\:-mr-14 { - margin-right: -3.5rem; + .md\:ring-colors-yellow-800 { + --tw-ring-color: var(--colors-yellow-800, #975a16); } - .sm\:-mr-16 { - margin-right: -4rem; + .md\:ring-colors-yellow-900 { + --tw-ring-color: var(--colors-yellow-900, #744210); } - .sm\:-mr-20 { - margin-right: -5rem; + .md\:ring-colors-green-100 { + --tw-ring-color: var(--colors-green-100, #f0fff4); } - .sm\:-mr-24 { - margin-right: -6rem; + .md\:ring-colors-green-200 { + --tw-ring-color: var(--colors-green-200, #c6f6d5); } - .sm\:-mr-28 { - margin-right: -7rem; + .md\:ring-colors-green-300 { + --tw-ring-color: var(--colors-green-300, #9ae6b4); } - .sm\:-mr-32 { - margin-right: -8rem; + .md\:ring-colors-green-400 { + --tw-ring-color: var(--colors-green-400, #68d391); } - .sm\:-mr-36 { - margin-right: -9rem; + .md\:ring-colors-green-500 { + --tw-ring-color: var(--colors-green-500, #48bb78); } - .sm\:-mr-40 { - margin-right: -10rem; + .md\:ring-colors-green-600 { + --tw-ring-color: var(--colors-green-600, #38a169); } - .sm\:-mr-44 { - margin-right: -11rem; + .md\:ring-colors-green-700 { + --tw-ring-color: var(--colors-green-700, #2f855a); } - .sm\:-mr-48 { - margin-right: -12rem; + .md\:ring-colors-green-800 { + --tw-ring-color: var(--colors-green-800, #276749); } - .sm\:-mr-52 { - margin-right: -13rem; + .md\:ring-colors-green-900 { + --tw-ring-color: var(--colors-green-900, #22543d); } - .sm\:-mr-56 { - margin-right: -14rem; + .md\:ring-colors-teal-100 { + --tw-ring-color: var(--colors-teal-100, #e6fffa); } - .sm\:-mr-60 { - margin-right: -15rem; + .md\:ring-colors-teal-200 { + --tw-ring-color: var(--colors-teal-200, #b2f5ea); } - .sm\:-mr-64 { - margin-right: -16rem; + .md\:ring-colors-teal-300 { + --tw-ring-color: var(--colors-teal-300, #81e6d9); } - .sm\:-mr-72 { - margin-right: -18rem; + .md\:ring-colors-teal-400 { + --tw-ring-color: var(--colors-teal-400, #4fd1c5); } - .sm\:-mr-80 { - margin-right: -20rem; + .md\:ring-colors-teal-500 { + --tw-ring-color: var(--colors-teal-500, #38b2ac); } - .sm\:-mr-96 { - margin-right: -24rem; + .md\:ring-colors-teal-600 { + --tw-ring-color: var(--colors-teal-600, #319795); } - .sm\:-mr-px { - margin-right: -1px; + .md\:ring-colors-teal-700 { + --tw-ring-color: var(--colors-teal-700, #2c7a7b); } - .sm\:-mr-0\.5 { - margin-right: -0.125rem; + .md\:ring-colors-teal-800 { + --tw-ring-color: var(--colors-teal-800, #285e61); } - .sm\:-mr-1\.5 { - margin-right: -0.375rem; + .md\:ring-colors-teal-900 { + --tw-ring-color: var(--colors-teal-900, #234e52); } - .sm\:-mr-2\.5 { - margin-right: -0.625rem; + .md\:ring-colors-blue-100 { + --tw-ring-color: var(--colors-blue-100, #ebf8ff); } - .sm\:-mr-3\.5 { - margin-right: -0.875rem; + .md\:ring-colors-blue-200 { + --tw-ring-color: var(--colors-blue-200, #bee3f8); } - .sm\:mb-0 { - margin-bottom: 0px; + .md\:ring-colors-blue-300 { + --tw-ring-color: var(--colors-blue-300, #90cdf4); } - .sm\:mb-1 { - margin-bottom: 0.25rem; + .md\:ring-colors-blue-400 { + --tw-ring-color: var(--colors-blue-400, #63b3ed); } - .sm\:mb-2 { - margin-bottom: 0.5rem; + .md\:ring-colors-blue-500 { + --tw-ring-color: var(--colors-blue-500, #4299e1); } - .sm\:mb-3 { - margin-bottom: 0.75rem; + .md\:ring-colors-blue-600 { + --tw-ring-color: var(--colors-blue-600, #3182ce); } - .sm\:mb-4 { - margin-bottom: 1rem; + .md\:ring-colors-blue-700 { + --tw-ring-color: var(--colors-blue-700, #2b6cb0); } - .sm\:mb-5 { - margin-bottom: 1.25rem; + .md\:ring-colors-blue-800 { + --tw-ring-color: var(--colors-blue-800, #2c5282); } - .sm\:mb-6 { - margin-bottom: 1.5rem; + .md\:ring-colors-blue-900 { + --tw-ring-color: var(--colors-blue-900, #2a4365); } - .sm\:mb-7 { - margin-bottom: 1.75rem; + .md\:ring-colors-indigo-100 { + --tw-ring-color: var(--colors-indigo-100, #ebf4ff); } - .sm\:mb-8 { - margin-bottom: 2rem; + .md\:ring-colors-indigo-200 { + --tw-ring-color: var(--colors-indigo-200, #c3dafe); } - .sm\:mb-9 { - margin-bottom: 2.25rem; + .md\:ring-colors-indigo-300 { + --tw-ring-color: var(--colors-indigo-300, #a3bffa); } - .sm\:mb-10 { - margin-bottom: 2.5rem; + .md\:ring-colors-indigo-400 { + --tw-ring-color: var(--colors-indigo-400, #7f9cf5); } - .sm\:mb-11 { - margin-bottom: 2.75rem; + .md\:ring-colors-indigo-500 { + --tw-ring-color: var(--colors-indigo-500, #667eea); } - .sm\:mb-12 { - margin-bottom: 3rem; + .md\:ring-colors-indigo-600 { + --tw-ring-color: var(--colors-indigo-600, #5a67d8); } - .sm\:mb-14 { - margin-bottom: 3.5rem; + .md\:ring-colors-indigo-700 { + --tw-ring-color: var(--colors-indigo-700, #4c51bf); } - .sm\:mb-16 { - margin-bottom: 4rem; + .md\:ring-colors-indigo-800 { + --tw-ring-color: var(--colors-indigo-800, #434190); } - .sm\:mb-20 { - margin-bottom: 5rem; + .md\:ring-colors-indigo-900 { + --tw-ring-color: var(--colors-indigo-900, #3c366b); } - .sm\:mb-24 { - margin-bottom: 6rem; + .md\:ring-colors-purple-100 { + --tw-ring-color: var(--colors-purple-100, #faf5ff); } - .sm\:mb-28 { - margin-bottom: 7rem; + .md\:ring-colors-purple-200 { + --tw-ring-color: var(--colors-purple-200, #e9d8fd); } - .sm\:mb-32 { - margin-bottom: 8rem; + .md\:ring-colors-purple-300 { + --tw-ring-color: var(--colors-purple-300, #d6bcfa); } - .sm\:mb-36 { - margin-bottom: 9rem; + .md\:ring-colors-purple-400 { + --tw-ring-color: var(--colors-purple-400, #b794f4); } - .sm\:mb-40 { - margin-bottom: 10rem; + .md\:ring-colors-purple-500 { + --tw-ring-color: var(--colors-purple-500, #9f7aea); } - .sm\:mb-44 { - margin-bottom: 11rem; + .md\:ring-colors-purple-600 { + --tw-ring-color: var(--colors-purple-600, #805ad5); } - .sm\:mb-48 { - margin-bottom: 12rem; + .md\:ring-colors-purple-700 { + --tw-ring-color: var(--colors-purple-700, #6b46c1); } - .sm\:mb-52 { - margin-bottom: 13rem; + .md\:ring-colors-purple-800 { + --tw-ring-color: var(--colors-purple-800, #553c9a); } - .sm\:mb-56 { - margin-bottom: 14rem; + .md\:ring-colors-purple-900 { + --tw-ring-color: var(--colors-purple-900, #44337a); } - .sm\:mb-60 { - margin-bottom: 15rem; + .md\:ring-colors-pink-100 { + --tw-ring-color: var(--colors-pink-100, #fff5f7); } - .sm\:mb-64 { - margin-bottom: 16rem; + .md\:ring-colors-pink-200 { + --tw-ring-color: var(--colors-pink-200, #fed7e2); } - .sm\:mb-72 { - margin-bottom: 18rem; + .md\:ring-colors-pink-300 { + --tw-ring-color: var(--colors-pink-300, #fbb6ce); } - .sm\:mb-80 { - margin-bottom: 20rem; + .md\:ring-colors-pink-400 { + --tw-ring-color: var(--colors-pink-400, #f687b3); } - .sm\:mb-96 { - margin-bottom: 24rem; + .md\:ring-colors-pink-500 { + --tw-ring-color: var(--colors-pink-500, #ed64a6); } - .sm\:mb-auto { - margin-bottom: auto; + .md\:ring-colors-pink-600 { + --tw-ring-color: var(--colors-pink-600, #d53f8c); } - .sm\:mb-px { - margin-bottom: 1px; + .md\:ring-colors-pink-700 { + --tw-ring-color: var(--colors-pink-700, #b83280); } - .sm\:mb-0\.5 { - margin-bottom: 0.125rem; + .md\:ring-colors-pink-800 { + --tw-ring-color: var(--colors-pink-800, #97266d); } - .sm\:mb-1\.5 { - margin-bottom: 0.375rem; + .md\:ring-colors-pink-900 { + --tw-ring-color: var(--colors-pink-900, #702459); } - .sm\:mb-2\.5 { - margin-bottom: 0.625rem; + .md\:ring-Box\ Shadow { + --tw-ring-color: var(--box-shadow, #7f7e7f); } - .sm\:mb-3\.5 { - margin-bottom: 0.875rem; + .md\:ring-Error16 { + --tw-ring-color: var(--error16, #f03d3e40); } - .sm\:-mb-0 { - margin-bottom: 0px; + .md\:ring-Success16 { + --tw-ring-color: var(--success16, #5bb14d40); } - .sm\:-mb-1 { - margin-bottom: -0.25rem; + .md\:ring-Notification16 { + --tw-ring-color: var(--notification16, #3959ff40); } - .sm\:-mb-2 { - margin-bottom: -0.5rem; + .md\:ring-Error8 { + --tw-ring-color: var(--error8, #f03d3e1a); } - .sm\:-mb-3 { - margin-bottom: -0.75rem; + .md\:ring-Notification8 { + --tw-ring-color: var(--notification8, #3959ff1a); } - .sm\:-mb-4 { - margin-bottom: -1rem; + .md\:ring-Success8 { + --tw-ring-color: var(--success8, #5bb14d1a); } - .sm\:-mb-5 { - margin-bottom: -1.25rem; + .md\:ring-Light\ -\ Overlay { + --tw-ring-color: var(--light-overlay, #f0edee66); } - .sm\:-mb-6 { - margin-bottom: -1.5rem; + .md\:ring-Dark-\ Overlay { + --tw-ring-color: var(--dark-overlay, #7f7e7f66); } - .sm\:-mb-7 { - margin-bottom: -1.75rem; + .md\:ring-black-40 { + --tw-ring-color: var(--black-40, #00000066); } - .sm\:-mb-8 { - margin-bottom: -2rem; + .md\:ring-black-75 { + --tw-ring-color: var(--black-75, #000000bf); } - .sm\:-mb-9 { - margin-bottom: -2.25rem; + .md\:ring-black-60 { + --tw-ring-color: var(--black-60, #00000099); } - .sm\:-mb-10 { - margin-bottom: -2.5rem; + .md\:ring-black-50 { + --tw-ring-color: var(--black-50, #00000080); } - .sm\:-mb-11 { - margin-bottom: -2.75rem; + .md\:ring-black-25 { + --tw-ring-color: var(--black-25, #00000040); } - .sm\:-mb-12 { - margin-bottom: -3rem; + .md\:ring-black-10 { + --tw-ring-color: var(--black-10, #0000001a); } - .sm\:-mb-14 { - margin-bottom: -3.5rem; + .md\:ring-white-25 { + --tw-ring-color: var(--white-25, #ffffff40); } - .sm\:-mb-16 { - margin-bottom: -4rem; + .md\:ring-white-60 { + --tw-ring-color: var(--white-60, #ffffff99); } - .sm\:-mb-20 { - margin-bottom: -5rem; + .md\:ring-black-64 { + --tw-ring-color: var(--black-64, #000000a3); } - .sm\:-mb-24 { - margin-bottom: -6rem; + .md\:ring-Shadow\ and\ Highlight-Shadow { + --tw-ring-color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .sm\:-mb-28 { - margin-bottom: -7rem; + .md\:ring-Shadow\ and\ Highlight-Highlight { + --tw-ring-color: var(--shadow-and-highlight-highlight, #474747); } - .sm\:-mb-32 { - margin-bottom: -8rem; + .md\:ring-Shadow\ and\ Highlight-highlight\ one { + --tw-ring-color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .sm\:-mb-36 { - margin-bottom: -9rem; + .md\:ring-Shadow\ and\ Highlight-highlight\ two { + --tw-ring-color: var(--shadow-and-highlight-highlight-two, #47474799); } - .sm\:-mb-40 { - margin-bottom: -10rem; + .md\:ring-Shadow\ and\ Highlight-highlight\ three { + --tw-ring-color: var(--shadow-and-highlight-highlight-three, #47474766); } - .sm\:-mb-44 { - margin-bottom: -11rem; + .md\:ring-Shadow\ and\ Highlight-highlight\ five { + --tw-ring-color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .sm\:-mb-48 { - margin-bottom: -12rem; + .md\:ring-Shadow\ and\ Highlight-shadow\ one { + --tw-ring-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .sm\:-mb-52 { - margin-bottom: -13rem; + .md\:ring-Shadow\ and\ Highlight-shadow\ two { + --tw-ring-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .sm\:-mb-56 { - margin-bottom: -14rem; + .md\:ring-Shadow\ and\ Highlight-shadow\ three { + --tw-ring-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .sm\:-mb-60 { - margin-bottom: -15rem; + .md\:ring-Shadow\ and\ Highlight-shadow\ four { + --tw-ring-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .sm\:-mb-64 { - margin-bottom: -16rem; + .md\:ring-Shadow\ and\ Highlight-shadow\ five { + --tw-ring-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .sm\:-mb-72 { - margin-bottom: -18rem; + .md\:ring-Shadow\ and\ Highlight-highlight\ four { + --tw-ring-color: var(--shadow-and-highlight-highlight-four, #47474740); } - .sm\:-mb-80 { - margin-bottom: -20rem; + .md\:ring-Base\ Layer\ Styles-Base\ Layer-\ Light-White { + --tw-ring-color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .sm\:-mb-96 { - margin-bottom: -24rem; + .md\:ring-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite { + --tw-ring-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .sm\:-mb-px { - margin-bottom: -1px; + .md\:ring-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack { + --tw-ring-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .sm\:-mb-0\.5 { - margin-bottom: -0.125rem; + .md\:ring-Base\ Layer\ Styles-Base\ Layer-Dark-Black { + --tw-ring-color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .sm\:-mb-1\.5 { - margin-bottom: -0.375rem; + .md\:ring-Grey-Scale-white { + --tw-ring-color: var(--grey-scale-white, #ffffff); } - .sm\:-mb-2\.5 { - margin-bottom: -0.625rem; + .md\:ring-Grey-Scale-off-white { + --tw-ring-color: var(--grey-scale-off-white, #f0edee); } - .sm\:-mb-3\.5 { - margin-bottom: -0.875rem; + .md\:ring-Grey\ Scale-grey { + --tw-ring-color: var(--grey-scale-grey, #7f7e7f); } - .sm\:ml-0 { - margin-left: 0px; + .md\:ring-Grey\ Scale-charcoal { + --tw-ring-color: var(--grey-scale-charcoal, #474747); } - .sm\:ml-1 { - margin-left: 0.25rem; + .md\:ring-Grey\ Scale-off-black { + --tw-ring-color: var(--grey-scale-off-black, #1c1c1c); } - .sm\:ml-2 { - margin-left: 0.5rem; + .md\:ring-Grey\ Scale-black { + --tw-ring-color: var(--grey-scale-black, #000000); } - .sm\:ml-3 { - margin-left: 0.75rem; + .md\:ring-Blue-blue { + --tw-ring-color: var(--blue-blue, #3a7ca5); } - .sm\:ml-4 { - margin-left: 1rem; + .md\:ring-Blue-blue-100 { + --tw-ring-color: var(--blue-blue-100, #75a3c0); } - .sm\:ml-5 { - margin-left: 1.25rem; + .md\:ring-Blue-blue-200 { + --tw-ring-color: var(--blue-blue-200, #9cbed2); } - .sm\:ml-6 { - margin-left: 1.5rem; + .md\:ring-Blue-blue-300 { + --tw-ring-color: var(--blue-blue-300, #4f7d9a); } - .sm\:ml-7 { - margin-left: 1.75rem; + .md\:ring-Blue-blue-400 { + --tw-ring-color: var(--blue-blue-400, #5c7d92); } - .sm\:ml-8 { - margin-left: 2rem; + .md\:ring-Blue-blue-500 { + --tw-ring-color: var(--blue-blue-500, #347095); } - .sm\:ml-9 { - margin-left: 2.25rem; + .md\:ring-Blue-blue-600 { + --tw-ring-color: var(--blue-blue-600, #295774); } - .sm\:ml-10 { - margin-left: 2.5rem; + .md\:ring-Blue-blue-700 { + --tw-ring-color: var(--blue-blue-700, #173242); } - .sm\:ml-11 { - margin-left: 2.75rem; + .md\:ring-LightBlue-lightblue { + --tw-ring-color: var(--light-blue-lightblue, #81c3d7); } - .sm\:ml-12 { - margin-left: 3rem; + .md\:ring-LightBlue-lightblue-100 { + --tw-ring-color: var(--light-blue-lightblue-100, #a7d5e3); } - .sm\:ml-14 { - margin-left: 3.5rem; + .md\:ring-LightBlue-lightblue-200 { + --tw-ring-color: var(--light-blue-lightblue-200, #c0e1eb); } - .sm\:ml-16 { - margin-left: 4rem; + .md\:ring-LightBlue-lightblue-300 { + --tw-ring-color: var(--light-blue-lightblue-300, #80aebd); } - .sm\:ml-20 { - margin-left: 5rem; + .md\:ring-LightBlue-lightblue-400 { + --tw-ring-color: var(--light-blue-lightblue-400, #80a0ab); } - .sm\:ml-24 { - margin-left: 6rem; + .md\:ring-LightBlue-lightblue-500 { + --tw-ring-color: var(--light-blue-lightblue-500, #74afc1); } - .sm\:ml-28 { - margin-left: 7rem; + .md\:ring-LightBlue-lightblue-600 { + --tw-ring-color: var(--light-blue-lightblue-600, #5a8997); } - .sm\:ml-32 { - margin-left: 8rem; + .md\:ring-LightBlue-lightblue-650 { + --tw-ring-color: var(--light-blue-lightblue-650, #3e5e65); } - .sm\:ml-36 { - margin-left: 9rem; + .md\:ring-LightBlue-lightblue-700 { + --tw-ring-color: var(--light-blue-lightblue-700, #344e56); } - .sm\:ml-40 { - margin-left: 10rem; + .md\:ring-Orange-orange { + --tw-ring-color: var(--orange-orange, #ff7f0e); } - .sm\:ml-44 { - margin-left: 11rem; + .md\:ring-Orange-orange-100 { + --tw-ring-color: var(--orange-orange-100, #ffa556); } - .sm\:ml-48 { - margin-left: 12rem; + .md\:ring-Orange-orange-200 { + --tw-ring-color: var(--orange-orange-200, #ffbf86); } - .sm\:ml-52 { - margin-left: 13rem; + .md\:ring-Orange-orange-300 { + --tw-ring-color: var(--orange-orange-300, #d97f30); } - .sm\:ml-56 { - margin-left: 14rem; + .md\:ring-Orange-orange-400 { + --tw-ring-color: var(--orange-orange-400, #bf7e46); } - .sm\:ml-60 { - margin-left: 15rem; + .md\:ring-Orange-orange-500 { + --tw-ring-color: var(--orange-orange-500, #e5720d); } - .sm\:ml-64 { - margin-left: 16rem; + .md\:ring-Orange-orange-600 { + --tw-ring-color: var(--orange-orange-600, #b3590a); } - .sm\:ml-72 { - margin-left: 18rem; + .md\:ring-Orange-orange-700 { + --tw-ring-color: var(--orange-orange-700, #663306); } - .sm\:ml-80 { - margin-left: 20rem; + .md\:ring-Yellow-yellow { + --tw-ring-color: var(--yellow-yellow, #ffab00); } - .sm\:ml-96 { - margin-left: 24rem; + .md\:ring-Yellow-yellow-100 { + --tw-ring-color: var(--yellow-yellow-100, #ffc44c); } - .sm\:ml-auto { - margin-left: auto; + .md\:ring-Yellow-yellow-200 { + --tw-ring-color: var(--yellow-yellow-200, #ffd580); } - .sm\:ml-px { - margin-left: 1px; + .md\:ring-Yellow-yellow-300 { + --tw-ring-color: var(--yellow-yellow-300, #d99d26); } - .sm\:ml-0\.5 { - margin-left: 0.125rem; + .md\:ring-Yellow-yellow-400 { + --tw-ring-color: var(--yellow-yellow-400, #bf943f); } - .sm\:ml-1\.5 { - margin-left: 0.375rem; + .md\:ring-Yellow-yellow-500 { + --tw-ring-color: var(--yellow-yellow-500, #e59a00); } - .sm\:ml-2\.5 { - margin-left: 0.625rem; + .md\:ring-Yellow-yellow-600 { + --tw-ring-color: var(--yellow-yellow-600, #b37800); } - .sm\:ml-3\.5 { - margin-left: 0.875rem; + .md\:ring-Yellow-yellow-700 { + --tw-ring-color: var(--yellow-yellow-700, #664400); } - .sm\:-ml-0 { - margin-left: 0px; + .md\:ring-Notification-notification { + --tw-ring-color: var(--notification-notification, #3959ff); } - .sm\:-ml-1 { - margin-left: -0.25rem; + .md\:ring-Notification-notification-100 { + --tw-ring-color: var(--notification-notification-100, #748bff); } - .sm\:-ml-2 { - margin-left: -0.5rem; + .md\:ring-Notification-notification-200 { + --tw-ring-color: var(--notification-notification-200, #9cacff); } - .sm\:-ml-3 { - margin-left: -0.75rem; + .md\:ring-Notification-notification-300 { + --tw-ring-color: var(--notification-notification-300, #4e64d9); } - .sm\:-ml-4 { - margin-left: -1rem; + .md\:ring-Notification-notification-400 { + --tw-ring-color: var(--notification-notification-400, #5c6cbf); } - .sm\:-ml-5 { - margin-left: -1.25rem; + .md\:ring-Notification-notification-500 { + --tw-ring-color: var(--notification-notification-500, #3350e5); } - .sm\:-ml-6 { - margin-left: -1.5rem; + .md\:ring-Notification-notification-600 { + --tw-ring-color: var(--notification-notification-600, #283eb3); } - .sm\:-ml-7 { - margin-left: -1.75rem; + .md\:ring-Notification-notification-700 { + --tw-ring-color: var(--notification-notification-700, #172466); } - .sm\:-ml-8 { - margin-left: -2rem; + .md\:ring-Success-success\ -700 { + --tw-ring-color: var(--success-success-700, #24471f); } - .sm\:-ml-9 { - margin-left: -2.25rem; + .md\:ring-Success-success { + --tw-ring-color: var(--success-success, #5bb14d); } - .sm\:-ml-10 { - margin-left: -2.5rem; + .md\:ring-Success-success\ -100 { + --tw-ring-color: var(--success-success-100, #8cc882); } - .sm\:-ml-11 { - margin-left: -2.75rem; + .md\:ring-Success-success\ -200 { + --tw-ring-color: var(--success-success-200, #add8a6); } - .sm\:-ml-12 { - margin-left: -3rem; + .md\:ring-Success-success\ -300 { + --tw-ring-color: var(--success-success-300, #66a25c); } - .sm\:-ml-14 { - margin-left: -3.5rem; + .md\:ring-Success-success\ -400 { + --tw-ring-color: var(--success-success-400, #6d9766); } - .sm\:-ml-16 { - margin-left: -4rem; + .md\:ring-Success-success\ -500 { + --tw-ring-color: var(--success-success-500, #529f45); } - .sm\:-ml-20 { - margin-left: -5rem; + .md\:ring-Success-success\ -600 { + --tw-ring-color: var(--success-success-600, #407c36); } - .sm\:-ml-24 { - margin-left: -6rem; + .md\:ring-Error-error { + --tw-ring-color: var(--error-error, #f03d3e); } - .sm\:-ml-28 { - margin-left: -7rem; + .md\:ring-Error-error-100 { + --tw-ring-color: var(--error-error-100, #f57778); } - .sm\:-ml-32 { - margin-left: -8rem; + .md\:ring-Error-error-200 { + --tw-ring-color: var(--error-error-200, #f89e9e); } - .sm\:-ml-36 { - margin-left: -9rem; + .md\:ring-Error-error-250 { + --tw-ring-color: var(--error-error-250, #f9c8c8); } - .sm\:-ml-40 { - margin-left: -10rem; + .md\:ring-Error-error-300 { + --tw-ring-color: var(--error-error-300, #ce5151); } - .sm\:-ml-44 { - margin-left: -11rem; + .md\:ring-Error-error-400 { + --tw-ring-color: var(--error-error-400, #b85e5e); } - .sm\:-ml-48 { - margin-left: -12rem; + .md\:ring-Error-error-500 { + --tw-ring-color: var(--error-error-500, #d83738); } - .sm\:-ml-52 { - margin-left: -13rem; + .md\:ring-Error-error-600 { + --tw-ring-color: var(--error-error-600, #a82b2b); } - .sm\:-ml-56 { - margin-left: -14rem; + .md\:ring-Error-error-700 { + --tw-ring-color: var(--error-error-700, #601819); } - .sm\:-ml-60 { - margin-left: -15rem; + .md\:focus-within\:ring-colors-black:focus-within { + --tw-ring-color: var(--colors-black, #000000); } - .sm\:-ml-64 { - margin-left: -16rem; + .md\:focus-within\:ring-colors-white:focus-within { + --tw-ring-color: var(--colors-white, #ffffff); } - .sm\:-ml-72 { - margin-left: -18rem; + .md\:focus-within\:ring-colors-gray-100:focus-within { + --tw-ring-color: var(--colors-gray-100, #f7fafc); } - .sm\:-ml-80 { - margin-left: -20rem; + .md\:focus-within\:ring-colors-gray-200:focus-within { + --tw-ring-color: var(--colors-gray-200, #edf2f7); } - .sm\:-ml-96 { - margin-left: -24rem; + .md\:focus-within\:ring-colors-gray-300:focus-within { + --tw-ring-color: var(--colors-gray-300, #e2e8f0); } - .sm\:-ml-px { - margin-left: -1px; + .md\:focus-within\:ring-colors-gray-400:focus-within { + --tw-ring-color: var(--colors-gray-400, #cbd5e0); } - .sm\:-ml-0\.5 { - margin-left: -0.125rem; + .md\:focus-within\:ring-colors-gray-500:focus-within { + --tw-ring-color: var(--colors-gray-500, #a0aec0); } - .sm\:-ml-1\.5 { - margin-left: -0.375rem; + .md\:focus-within\:ring-colors-gray-600:focus-within { + --tw-ring-color: var(--colors-gray-600, #718096); } - .sm\:-ml-2\.5 { - margin-left: -0.625rem; + .md\:focus-within\:ring-colors-gray-700:focus-within { + --tw-ring-color: var(--colors-gray-700, #4a5568); } - .sm\:-ml-3\.5 { - margin-left: -0.875rem; + .md\:focus-within\:ring-colors-gray-800:focus-within { + --tw-ring-color: var(--colors-gray-800, #2d3748); } - .sm\:box-border { - box-sizing: border-box; + .md\:focus-within\:ring-colors-gray-900:focus-within { + --tw-ring-color: var(--colors-gray-900, #1a202c); } - .sm\:box-content { - box-sizing: content-box; + .md\:focus-within\:ring-colors-red-100:focus-within { + --tw-ring-color: var(--colors-red-100, #fff5f5); } - .sm\:block { - display: block; + .md\:focus-within\:ring-colors-red-200:focus-within { + --tw-ring-color: var(--colors-red-200, #fed7d7); } - .sm\:inline-block { - display: inline-block; + .md\:focus-within\:ring-colors-red-300:focus-within { + --tw-ring-color: var(--colors-red-300, #feb2b2); } - .sm\:inline { - display: inline; + .md\:focus-within\:ring-colors-red-400:focus-within { + --tw-ring-color: var(--colors-red-400, #fc8181); } - .sm\:flex { - display: flex; + .md\:focus-within\:ring-colors-red-500:focus-within { + --tw-ring-color: var(--colors-red-500, #f56565); } - .sm\:inline-flex { - display: inline-flex; + .md\:focus-within\:ring-colors-red-600:focus-within { + --tw-ring-color: var(--colors-red-600, #e53e3e); } - .sm\:table { - display: table; + .md\:focus-within\:ring-colors-red-700:focus-within { + --tw-ring-color: var(--colors-red-700, #c53030); } - .sm\:inline-table { - display: inline-table; + .md\:focus-within\:ring-colors-red-800:focus-within { + --tw-ring-color: var(--colors-red-800, #9b2c2c); } - .sm\:table-caption { - display: table-caption; + .md\:focus-within\:ring-colors-red-900:focus-within { + --tw-ring-color: var(--colors-red-900, #742a2a); } - .sm\:table-cell { - display: table-cell; + .md\:focus-within\:ring-colors-orange-100:focus-within { + --tw-ring-color: var(--colors-orange-100, #fffaf0); } - .sm\:table-column { - display: table-column; + .md\:focus-within\:ring-colors-orange-200:focus-within { + --tw-ring-color: var(--colors-orange-200, #feebc8); } - .sm\:table-column-group { - display: table-column-group; + .md\:focus-within\:ring-colors-orange-300:focus-within { + --tw-ring-color: var(--colors-orange-300, #fbd38d); } - .sm\:table-footer-group { - display: table-footer-group; + .md\:focus-within\:ring-colors-orange-400:focus-within { + --tw-ring-color: var(--colors-orange-400, #f6ad55); } - .sm\:table-header-group { - display: table-header-group; + .md\:focus-within\:ring-colors-orange-500:focus-within { + --tw-ring-color: var(--colors-orange-500, #ed8936); } - .sm\:table-row-group { - display: table-row-group; + .md\:focus-within\:ring-colors-orange-600:focus-within { + --tw-ring-color: var(--colors-orange-600, #dd6b20); } - .sm\:table-row { - display: table-row; + .md\:focus-within\:ring-colors-orange-700:focus-within { + --tw-ring-color: var(--colors-orange-700, #c05621); } - .sm\:flow-root { - display: flow-root; + .md\:focus-within\:ring-colors-orange-800:focus-within { + --tw-ring-color: var(--colors-orange-800, #9c4221); } - .sm\:grid { - display: grid; + .md\:focus-within\:ring-colors-orange-900:focus-within { + --tw-ring-color: var(--colors-orange-900, #7b341e); } - .sm\:inline-grid { - display: inline-grid; + .md\:focus-within\:ring-colors-yellow-100:focus-within { + --tw-ring-color: var(--colors-yellow-100, #fffff0); } - .sm\:contents { - display: contents; + .md\:focus-within\:ring-colors-yellow-200:focus-within { + --tw-ring-color: var(--colors-yellow-200, #fefcbf); } - .sm\:list-item { - display: list-item; + .md\:focus-within\:ring-colors-yellow-300:focus-within { + --tw-ring-color: var(--colors-yellow-300, #faf089); } - .sm\:hidden { - display: none; + .md\:focus-within\:ring-colors-yellow-400:focus-within { + --tw-ring-color: var(--colors-yellow-400, #f6e05e); } - .sm\:h-0 { - height: 0px; + .md\:focus-within\:ring-colors-yellow-500:focus-within { + --tw-ring-color: var(--colors-yellow-500, #ecc94b); } - .sm\:h-1 { - height: 0.25rem; + .md\:focus-within\:ring-colors-yellow-600:focus-within { + --tw-ring-color: var(--colors-yellow-600, #d69e2e); } - .sm\:h-2 { - height: 0.5rem; + .md\:focus-within\:ring-colors-yellow-700:focus-within { + --tw-ring-color: var(--colors-yellow-700, #b7791f); } - .sm\:h-3 { - height: 0.75rem; + .md\:focus-within\:ring-colors-yellow-800:focus-within { + --tw-ring-color: var(--colors-yellow-800, #975a16); } - .sm\:h-4 { - height: 1rem; + .md\:focus-within\:ring-colors-yellow-900:focus-within { + --tw-ring-color: var(--colors-yellow-900, #744210); } - .sm\:h-5 { - height: 1.25rem; + .md\:focus-within\:ring-colors-green-100:focus-within { + --tw-ring-color: var(--colors-green-100, #f0fff4); } - .sm\:h-6 { - height: 1.5rem; + .md\:focus-within\:ring-colors-green-200:focus-within { + --tw-ring-color: var(--colors-green-200, #c6f6d5); } - .sm\:h-7 { - height: 1.75rem; + .md\:focus-within\:ring-colors-green-300:focus-within { + --tw-ring-color: var(--colors-green-300, #9ae6b4); } - .sm\:h-8 { - height: 2rem; + .md\:focus-within\:ring-colors-green-400:focus-within { + --tw-ring-color: var(--colors-green-400, #68d391); } - .sm\:h-9 { - height: 2.25rem; + .md\:focus-within\:ring-colors-green-500:focus-within { + --tw-ring-color: var(--colors-green-500, #48bb78); } - .sm\:h-10 { - height: 2.5rem; + .md\:focus-within\:ring-colors-green-600:focus-within { + --tw-ring-color: var(--colors-green-600, #38a169); } - .sm\:h-11 { - height: 2.75rem; + .md\:focus-within\:ring-colors-green-700:focus-within { + --tw-ring-color: var(--colors-green-700, #2f855a); } - .sm\:h-12 { - height: 3rem; + .md\:focus-within\:ring-colors-green-800:focus-within { + --tw-ring-color: var(--colors-green-800, #276749); } - .sm\:h-14 { - height: 3.5rem; + .md\:focus-within\:ring-colors-green-900:focus-within { + --tw-ring-color: var(--colors-green-900, #22543d); } - .sm\:h-16 { - height: 4rem; + .md\:focus-within\:ring-colors-teal-100:focus-within { + --tw-ring-color: var(--colors-teal-100, #e6fffa); } - .sm\:h-20 { - height: 5rem; + .md\:focus-within\:ring-colors-teal-200:focus-within { + --tw-ring-color: var(--colors-teal-200, #b2f5ea); } - .sm\:h-24 { - height: 6rem; + .md\:focus-within\:ring-colors-teal-300:focus-within { + --tw-ring-color: var(--colors-teal-300, #81e6d9); } - .sm\:h-28 { - height: 7rem; + .md\:focus-within\:ring-colors-teal-400:focus-within { + --tw-ring-color: var(--colors-teal-400, #4fd1c5); } - .sm\:h-32 { - height: 8rem; + .md\:focus-within\:ring-colors-teal-500:focus-within { + --tw-ring-color: var(--colors-teal-500, #38b2ac); } - .sm\:h-36 { - height: 9rem; + .md\:focus-within\:ring-colors-teal-600:focus-within { + --tw-ring-color: var(--colors-teal-600, #319795); } - .sm\:h-40 { - height: 10rem; + .md\:focus-within\:ring-colors-teal-700:focus-within { + --tw-ring-color: var(--colors-teal-700, #2c7a7b); } - .sm\:h-44 { - height: 11rem; + .md\:focus-within\:ring-colors-teal-800:focus-within { + --tw-ring-color: var(--colors-teal-800, #285e61); } - .sm\:h-48 { - height: 12rem; + .md\:focus-within\:ring-colors-teal-900:focus-within { + --tw-ring-color: var(--colors-teal-900, #234e52); } - .sm\:h-52 { - height: 13rem; + .md\:focus-within\:ring-colors-blue-100:focus-within { + --tw-ring-color: var(--colors-blue-100, #ebf8ff); } - .sm\:h-56 { - height: 14rem; + .md\:focus-within\:ring-colors-blue-200:focus-within { + --tw-ring-color: var(--colors-blue-200, #bee3f8); } - .sm\:h-60 { - height: 15rem; + .md\:focus-within\:ring-colors-blue-300:focus-within { + --tw-ring-color: var(--colors-blue-300, #90cdf4); } - .sm\:h-64 { - height: 16rem; + .md\:focus-within\:ring-colors-blue-400:focus-within { + --tw-ring-color: var(--colors-blue-400, #63b3ed); } - .sm\:h-72 { - height: 18rem; + .md\:focus-within\:ring-colors-blue-500:focus-within { + --tw-ring-color: var(--colors-blue-500, #4299e1); } - .sm\:h-80 { - height: 20rem; + .md\:focus-within\:ring-colors-blue-600:focus-within { + --tw-ring-color: var(--colors-blue-600, #3182ce); } - .sm\:h-96 { - height: 24rem; + .md\:focus-within\:ring-colors-blue-700:focus-within { + --tw-ring-color: var(--colors-blue-700, #2b6cb0); } - .sm\:h-auto { - height: auto; + .md\:focus-within\:ring-colors-blue-800:focus-within { + --tw-ring-color: var(--colors-blue-800, #2c5282); } - .sm\:h-px { - height: 1px; + .md\:focus-within\:ring-colors-blue-900:focus-within { + --tw-ring-color: var(--colors-blue-900, #2a4365); } - .sm\:h-0\.5 { - height: 0.125rem; + .md\:focus-within\:ring-colors-indigo-100:focus-within { + --tw-ring-color: var(--colors-indigo-100, #ebf4ff); } - .sm\:h-1\.5 { - height: 0.375rem; + .md\:focus-within\:ring-colors-indigo-200:focus-within { + --tw-ring-color: var(--colors-indigo-200, #c3dafe); } - .sm\:h-2\.5 { - height: 0.625rem; + .md\:focus-within\:ring-colors-indigo-300:focus-within { + --tw-ring-color: var(--colors-indigo-300, #a3bffa); } - .sm\:h-3\.5 { - height: 0.875rem; + .md\:focus-within\:ring-colors-indigo-400:focus-within { + --tw-ring-color: var(--colors-indigo-400, #7f9cf5); } - .sm\:h-1\/2 { - height: 50%; + .md\:focus-within\:ring-colors-indigo-500:focus-within { + --tw-ring-color: var(--colors-indigo-500, #667eea); } - .sm\:h-1\/3 { - height: 33.333333%; + .md\:focus-within\:ring-colors-indigo-600:focus-within { + --tw-ring-color: var(--colors-indigo-600, #5a67d8); } - .sm\:h-2\/3 { - height: 66.666667%; + .md\:focus-within\:ring-colors-indigo-700:focus-within { + --tw-ring-color: var(--colors-indigo-700, #4c51bf); } - .sm\:h-1\/4 { - height: 25%; + .md\:focus-within\:ring-colors-indigo-800:focus-within { + --tw-ring-color: var(--colors-indigo-800, #434190); } - .sm\:h-2\/4 { - height: 50%; + .md\:focus-within\:ring-colors-indigo-900:focus-within { + --tw-ring-color: var(--colors-indigo-900, #3c366b); } - .sm\:h-3\/4 { - height: 75%; + .md\:focus-within\:ring-colors-purple-100:focus-within { + --tw-ring-color: var(--colors-purple-100, #faf5ff); } - .sm\:h-1\/5 { - height: 20%; + .md\:focus-within\:ring-colors-purple-200:focus-within { + --tw-ring-color: var(--colors-purple-200, #e9d8fd); } - .sm\:h-2\/5 { - height: 40%; + .md\:focus-within\:ring-colors-purple-300:focus-within { + --tw-ring-color: var(--colors-purple-300, #d6bcfa); } - .sm\:h-3\/5 { - height: 60%; + .md\:focus-within\:ring-colors-purple-400:focus-within { + --tw-ring-color: var(--colors-purple-400, #b794f4); } - .sm\:h-4\/5 { - height: 80%; + .md\:focus-within\:ring-colors-purple-500:focus-within { + --tw-ring-color: var(--colors-purple-500, #9f7aea); } - .sm\:h-1\/6 { - height: 16.666667%; + .md\:focus-within\:ring-colors-purple-600:focus-within { + --tw-ring-color: var(--colors-purple-600, #805ad5); } - .sm\:h-2\/6 { - height: 33.333333%; + .md\:focus-within\:ring-colors-purple-700:focus-within { + --tw-ring-color: var(--colors-purple-700, #6b46c1); } - .sm\:h-3\/6 { - height: 50%; + .md\:focus-within\:ring-colors-purple-800:focus-within { + --tw-ring-color: var(--colors-purple-800, #553c9a); } - .sm\:h-4\/6 { - height: 66.666667%; + .md\:focus-within\:ring-colors-purple-900:focus-within { + --tw-ring-color: var(--colors-purple-900, #44337a); } - .sm\:h-5\/6 { - height: 83.333333%; + .md\:focus-within\:ring-colors-pink-100:focus-within { + --tw-ring-color: var(--colors-pink-100, #fff5f7); } - .sm\:h-full { - height: 100%; + .md\:focus-within\:ring-colors-pink-200:focus-within { + --tw-ring-color: var(--colors-pink-200, #fed7e2); } - .sm\:h-screen { - height: 100vh; + .md\:focus-within\:ring-colors-pink-300:focus-within { + --tw-ring-color: var(--colors-pink-300, #fbb6ce); } - .sm\:max-h-0 { - max-height: 0px; + .md\:focus-within\:ring-colors-pink-400:focus-within { + --tw-ring-color: var(--colors-pink-400, #f687b3); } - .sm\:max-h-1 { - max-height: 0.25rem; + .md\:focus-within\:ring-colors-pink-500:focus-within { + --tw-ring-color: var(--colors-pink-500, #ed64a6); } - .sm\:max-h-2 { - max-height: 0.5rem; + .md\:focus-within\:ring-colors-pink-600:focus-within { + --tw-ring-color: var(--colors-pink-600, #d53f8c); } - .sm\:max-h-3 { - max-height: 0.75rem; + .md\:focus-within\:ring-colors-pink-700:focus-within { + --tw-ring-color: var(--colors-pink-700, #b83280); } - .sm\:max-h-4 { - max-height: 1rem; + .md\:focus-within\:ring-colors-pink-800:focus-within { + --tw-ring-color: var(--colors-pink-800, #97266d); } - .sm\:max-h-5 { - max-height: 1.25rem; + .md\:focus-within\:ring-colors-pink-900:focus-within { + --tw-ring-color: var(--colors-pink-900, #702459); } - .sm\:max-h-6 { - max-height: 1.5rem; + .md\:focus-within\:ring-Box\ Shadow:focus-within { + --tw-ring-color: var(--box-shadow, #7f7e7f); } - .sm\:max-h-7 { - max-height: 1.75rem; + .md\:focus-within\:ring-Error16:focus-within { + --tw-ring-color: var(--error16, #f03d3e40); } - .sm\:max-h-8 { - max-height: 2rem; + .md\:focus-within\:ring-Success16:focus-within { + --tw-ring-color: var(--success16, #5bb14d40); } - .sm\:max-h-9 { - max-height: 2.25rem; + .md\:focus-within\:ring-Notification16:focus-within { + --tw-ring-color: var(--notification16, #3959ff40); } - .sm\:max-h-10 { - max-height: 2.5rem; + .md\:focus-within\:ring-Error8:focus-within { + --tw-ring-color: var(--error8, #f03d3e1a); } - .sm\:max-h-11 { - max-height: 2.75rem; + .md\:focus-within\:ring-Notification8:focus-within { + --tw-ring-color: var(--notification8, #3959ff1a); } - .sm\:max-h-12 { - max-height: 3rem; + .md\:focus-within\:ring-Success8:focus-within { + --tw-ring-color: var(--success8, #5bb14d1a); } - .sm\:max-h-14 { - max-height: 3.5rem; + .md\:focus-within\:ring-Light\ -\ Overlay:focus-within { + --tw-ring-color: var(--light-overlay, #f0edee66); } - .sm\:max-h-16 { - max-height: 4rem; + .md\:focus-within\:ring-Dark-\ Overlay:focus-within { + --tw-ring-color: var(--dark-overlay, #7f7e7f66); } - .sm\:max-h-20 { - max-height: 5rem; + .md\:focus-within\:ring-black-40:focus-within { + --tw-ring-color: var(--black-40, #00000066); } - .sm\:max-h-24 { - max-height: 6rem; + .md\:focus-within\:ring-black-75:focus-within { + --tw-ring-color: var(--black-75, #000000bf); } - .sm\:max-h-28 { - max-height: 7rem; + .md\:focus-within\:ring-black-60:focus-within { + --tw-ring-color: var(--black-60, #00000099); } - .sm\:max-h-32 { - max-height: 8rem; + .md\:focus-within\:ring-black-50:focus-within { + --tw-ring-color: var(--black-50, #00000080); } - .sm\:max-h-36 { - max-height: 9rem; + .md\:focus-within\:ring-black-25:focus-within { + --tw-ring-color: var(--black-25, #00000040); } - .sm\:max-h-40 { - max-height: 10rem; + .md\:focus-within\:ring-black-10:focus-within { + --tw-ring-color: var(--black-10, #0000001a); } - .sm\:max-h-44 { - max-height: 11rem; + .md\:focus-within\:ring-white-25:focus-within { + --tw-ring-color: var(--white-25, #ffffff40); } - .sm\:max-h-48 { - max-height: 12rem; + .md\:focus-within\:ring-white-60:focus-within { + --tw-ring-color: var(--white-60, #ffffff99); } - .sm\:max-h-52 { - max-height: 13rem; + .md\:focus-within\:ring-black-64:focus-within { + --tw-ring-color: var(--black-64, #000000a3); } - .sm\:max-h-56 { - max-height: 14rem; + .md\:focus-within\:ring-Shadow\ and\ Highlight-Shadow:focus-within { + --tw-ring-color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .sm\:max-h-60 { - max-height: 15rem; + .md\:focus-within\:ring-Shadow\ and\ Highlight-Highlight:focus-within { + --tw-ring-color: var(--shadow-and-highlight-highlight, #474747); } - .sm\:max-h-64 { - max-height: 16rem; + .md\:focus-within\:ring-Shadow\ and\ Highlight-highlight\ one:focus-within { + --tw-ring-color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .sm\:max-h-72 { - max-height: 18rem; + .md\:focus-within\:ring-Shadow\ and\ Highlight-highlight\ two:focus-within { + --tw-ring-color: var(--shadow-and-highlight-highlight-two, #47474799); } - .sm\:max-h-80 { - max-height: 20rem; + .md\:focus-within\:ring-Shadow\ and\ Highlight-highlight\ three:focus-within { + --tw-ring-color: var(--shadow-and-highlight-highlight-three, #47474766); } - .sm\:max-h-96 { - max-height: 24rem; + .md\:focus-within\:ring-Shadow\ and\ Highlight-highlight\ five:focus-within { + --tw-ring-color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .sm\:max-h-px { - max-height: 1px; + .md\:focus-within\:ring-Shadow\ and\ Highlight-shadow\ one:focus-within { + --tw-ring-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .sm\:max-h-0\.5 { - max-height: 0.125rem; + .md\:focus-within\:ring-Shadow\ and\ Highlight-shadow\ two:focus-within { + --tw-ring-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .sm\:max-h-1\.5 { - max-height: 0.375rem; + .md\:focus-within\:ring-Shadow\ and\ Highlight-shadow\ three:focus-within { + --tw-ring-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .sm\:max-h-2\.5 { - max-height: 0.625rem; + .md\:focus-within\:ring-Shadow\ and\ Highlight-shadow\ four:focus-within { + --tw-ring-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .sm\:max-h-3\.5 { - max-height: 0.875rem; + .md\:focus-within\:ring-Shadow\ and\ Highlight-shadow\ five:focus-within { + --tw-ring-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .sm\:max-h-full { - max-height: 100%; + .md\:focus-within\:ring-Shadow\ and\ Highlight-highlight\ four:focus-within { + --tw-ring-color: var(--shadow-and-highlight-highlight-four, #47474740); } - .sm\:max-h-screen { - max-height: 100vh; + .md\:focus-within\:ring-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus-within { + --tw-ring-color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .sm\:min-h-0 { - min-height: 0px; + .md\:focus-within\:ring-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus-within { + --tw-ring-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .sm\:min-h-full { - min-height: 100%; + .md\:focus-within\:ring-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus-within { + --tw-ring-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .sm\:min-h-screen { - min-height: 100vh; + .md\:focus-within\:ring-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus-within { + --tw-ring-color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .sm\:w-0 { - width: 0px; + .md\:focus-within\:ring-Grey-Scale-white:focus-within { + --tw-ring-color: var(--grey-scale-white, #ffffff); } - .sm\:w-1 { - width: 0.25rem; + .md\:focus-within\:ring-Grey-Scale-off-white:focus-within { + --tw-ring-color: var(--grey-scale-off-white, #f0edee); } - .sm\:w-2 { - width: 0.5rem; + .md\:focus-within\:ring-Grey\ Scale-grey:focus-within { + --tw-ring-color: var(--grey-scale-grey, #7f7e7f); } - .sm\:w-3 { - width: 0.75rem; + .md\:focus-within\:ring-Grey\ Scale-charcoal:focus-within { + --tw-ring-color: var(--grey-scale-charcoal, #474747); } - .sm\:w-4 { - width: 1rem; + .md\:focus-within\:ring-Grey\ Scale-off-black:focus-within { + --tw-ring-color: var(--grey-scale-off-black, #1c1c1c); } - .sm\:w-5 { - width: 1.25rem; + .md\:focus-within\:ring-Grey\ Scale-black:focus-within { + --tw-ring-color: var(--grey-scale-black, #000000); } - .sm\:w-6 { - width: 1.5rem; + .md\:focus-within\:ring-Blue-blue:focus-within { + --tw-ring-color: var(--blue-blue, #3a7ca5); } - .sm\:w-7 { - width: 1.75rem; + .md\:focus-within\:ring-Blue-blue-100:focus-within { + --tw-ring-color: var(--blue-blue-100, #75a3c0); } - .sm\:w-8 { - width: 2rem; + .md\:focus-within\:ring-Blue-blue-200:focus-within { + --tw-ring-color: var(--blue-blue-200, #9cbed2); } - .sm\:w-9 { - width: 2.25rem; + .md\:focus-within\:ring-Blue-blue-300:focus-within { + --tw-ring-color: var(--blue-blue-300, #4f7d9a); } - .sm\:w-10 { - width: 2.5rem; + .md\:focus-within\:ring-Blue-blue-400:focus-within { + --tw-ring-color: var(--blue-blue-400, #5c7d92); } - .sm\:w-11 { - width: 2.75rem; + .md\:focus-within\:ring-Blue-blue-500:focus-within { + --tw-ring-color: var(--blue-blue-500, #347095); } - .sm\:w-12 { - width: 3rem; + .md\:focus-within\:ring-Blue-blue-600:focus-within { + --tw-ring-color: var(--blue-blue-600, #295774); } - .sm\:w-14 { - width: 3.5rem; + .md\:focus-within\:ring-Blue-blue-700:focus-within { + --tw-ring-color: var(--blue-blue-700, #173242); } - .sm\:w-16 { - width: 4rem; + .md\:focus-within\:ring-LightBlue-lightblue:focus-within { + --tw-ring-color: var(--light-blue-lightblue, #81c3d7); } - .sm\:w-20 { - width: 5rem; + .md\:focus-within\:ring-LightBlue-lightblue-100:focus-within { + --tw-ring-color: var(--light-blue-lightblue-100, #a7d5e3); } - .sm\:w-24 { - width: 6rem; + .md\:focus-within\:ring-LightBlue-lightblue-200:focus-within { + --tw-ring-color: var(--light-blue-lightblue-200, #c0e1eb); } - .sm\:w-28 { - width: 7rem; + .md\:focus-within\:ring-LightBlue-lightblue-300:focus-within { + --tw-ring-color: var(--light-blue-lightblue-300, #80aebd); } - .sm\:w-32 { - width: 8rem; + .md\:focus-within\:ring-LightBlue-lightblue-400:focus-within { + --tw-ring-color: var(--light-blue-lightblue-400, #80a0ab); } - .sm\:w-36 { - width: 9rem; + .md\:focus-within\:ring-LightBlue-lightblue-500:focus-within { + --tw-ring-color: var(--light-blue-lightblue-500, #74afc1); } - .sm\:w-40 { - width: 10rem; + .md\:focus-within\:ring-LightBlue-lightblue-600:focus-within { + --tw-ring-color: var(--light-blue-lightblue-600, #5a8997); } - .sm\:w-44 { - width: 11rem; + .md\:focus-within\:ring-LightBlue-lightblue-650:focus-within { + --tw-ring-color: var(--light-blue-lightblue-650, #3e5e65); } - .sm\:w-48 { - width: 12rem; + .md\:focus-within\:ring-LightBlue-lightblue-700:focus-within { + --tw-ring-color: var(--light-blue-lightblue-700, #344e56); } - .sm\:w-52 { - width: 13rem; + .md\:focus-within\:ring-Orange-orange:focus-within { + --tw-ring-color: var(--orange-orange, #ff7f0e); } - .sm\:w-56 { - width: 14rem; + .md\:focus-within\:ring-Orange-orange-100:focus-within { + --tw-ring-color: var(--orange-orange-100, #ffa556); } - .sm\:w-60 { - width: 15rem; + .md\:focus-within\:ring-Orange-orange-200:focus-within { + --tw-ring-color: var(--orange-orange-200, #ffbf86); } - .sm\:w-64 { - width: 16rem; + .md\:focus-within\:ring-Orange-orange-300:focus-within { + --tw-ring-color: var(--orange-orange-300, #d97f30); } - .sm\:w-72 { - width: 18rem; + .md\:focus-within\:ring-Orange-orange-400:focus-within { + --tw-ring-color: var(--orange-orange-400, #bf7e46); } - .sm\:w-80 { - width: 20rem; + .md\:focus-within\:ring-Orange-orange-500:focus-within { + --tw-ring-color: var(--orange-orange-500, #e5720d); } - .sm\:w-96 { - width: 24rem; + .md\:focus-within\:ring-Orange-orange-600:focus-within { + --tw-ring-color: var(--orange-orange-600, #b3590a); } - .sm\:w-auto { - width: auto; + .md\:focus-within\:ring-Orange-orange-700:focus-within { + --tw-ring-color: var(--orange-orange-700, #663306); } - .sm\:w-px { - width: 1px; + .md\:focus-within\:ring-Yellow-yellow:focus-within { + --tw-ring-color: var(--yellow-yellow, #ffab00); } - .sm\:w-0\.5 { - width: 0.125rem; + .md\:focus-within\:ring-Yellow-yellow-100:focus-within { + --tw-ring-color: var(--yellow-yellow-100, #ffc44c); } - .sm\:w-1\.5 { - width: 0.375rem; + .md\:focus-within\:ring-Yellow-yellow-200:focus-within { + --tw-ring-color: var(--yellow-yellow-200, #ffd580); } - .sm\:w-2\.5 { - width: 0.625rem; + .md\:focus-within\:ring-Yellow-yellow-300:focus-within { + --tw-ring-color: var(--yellow-yellow-300, #d99d26); } - .sm\:w-3\.5 { - width: 0.875rem; + .md\:focus-within\:ring-Yellow-yellow-400:focus-within { + --tw-ring-color: var(--yellow-yellow-400, #bf943f); } - .sm\:w-1\/2 { - width: 50%; + .md\:focus-within\:ring-Yellow-yellow-500:focus-within { + --tw-ring-color: var(--yellow-yellow-500, #e59a00); } - .sm\:w-1\/3 { - width: 33.333333%; + .md\:focus-within\:ring-Yellow-yellow-600:focus-within { + --tw-ring-color: var(--yellow-yellow-600, #b37800); } - .sm\:w-2\/3 { - width: 66.666667%; + .md\:focus-within\:ring-Yellow-yellow-700:focus-within { + --tw-ring-color: var(--yellow-yellow-700, #664400); } - .sm\:w-1\/4 { - width: 25%; + .md\:focus-within\:ring-Notification-notification:focus-within { + --tw-ring-color: var(--notification-notification, #3959ff); } - .sm\:w-2\/4 { - width: 50%; + .md\:focus-within\:ring-Notification-notification-100:focus-within { + --tw-ring-color: var(--notification-notification-100, #748bff); } - .sm\:w-3\/4 { - width: 75%; + .md\:focus-within\:ring-Notification-notification-200:focus-within { + --tw-ring-color: var(--notification-notification-200, #9cacff); } - .sm\:w-1\/5 { - width: 20%; + .md\:focus-within\:ring-Notification-notification-300:focus-within { + --tw-ring-color: var(--notification-notification-300, #4e64d9); } - .sm\:w-2\/5 { - width: 40%; + .md\:focus-within\:ring-Notification-notification-400:focus-within { + --tw-ring-color: var(--notification-notification-400, #5c6cbf); } - .sm\:w-3\/5 { - width: 60%; + .md\:focus-within\:ring-Notification-notification-500:focus-within { + --tw-ring-color: var(--notification-notification-500, #3350e5); } - .sm\:w-4\/5 { - width: 80%; + .md\:focus-within\:ring-Notification-notification-600:focus-within { + --tw-ring-color: var(--notification-notification-600, #283eb3); } - .sm\:w-1\/6 { - width: 16.666667%; + .md\:focus-within\:ring-Notification-notification-700:focus-within { + --tw-ring-color: var(--notification-notification-700, #172466); } - .sm\:w-2\/6 { - width: 33.333333%; + .md\:focus-within\:ring-Success-success\ -700:focus-within { + --tw-ring-color: var(--success-success-700, #24471f); } - .sm\:w-3\/6 { - width: 50%; + .md\:focus-within\:ring-Success-success:focus-within { + --tw-ring-color: var(--success-success, #5bb14d); } - .sm\:w-4\/6 { - width: 66.666667%; + .md\:focus-within\:ring-Success-success\ -100:focus-within { + --tw-ring-color: var(--success-success-100, #8cc882); } - .sm\:w-5\/6 { - width: 83.333333%; + .md\:focus-within\:ring-Success-success\ -200:focus-within { + --tw-ring-color: var(--success-success-200, #add8a6); } - .sm\:w-1\/12 { - width: 8.333333%; + .md\:focus-within\:ring-Success-success\ -300:focus-within { + --tw-ring-color: var(--success-success-300, #66a25c); } - .sm\:w-2\/12 { - width: 16.666667%; + .md\:focus-within\:ring-Success-success\ -400:focus-within { + --tw-ring-color: var(--success-success-400, #6d9766); } - .sm\:w-3\/12 { - width: 25%; + .md\:focus-within\:ring-Success-success\ -500:focus-within { + --tw-ring-color: var(--success-success-500, #529f45); } - .sm\:w-4\/12 { - width: 33.333333%; + .md\:focus-within\:ring-Success-success\ -600:focus-within { + --tw-ring-color: var(--success-success-600, #407c36); } - .sm\:w-5\/12 { - width: 41.666667%; + .md\:focus-within\:ring-Error-error:focus-within { + --tw-ring-color: var(--error-error, #f03d3e); } - .sm\:w-6\/12 { - width: 50%; + .md\:focus-within\:ring-Error-error-100:focus-within { + --tw-ring-color: var(--error-error-100, #f57778); } - .sm\:w-7\/12 { - width: 58.333333%; + .md\:focus-within\:ring-Error-error-200:focus-within { + --tw-ring-color: var(--error-error-200, #f89e9e); } - .sm\:w-8\/12 { - width: 66.666667%; + .md\:focus-within\:ring-Error-error-250:focus-within { + --tw-ring-color: var(--error-error-250, #f9c8c8); } - .sm\:w-9\/12 { - width: 75%; + .md\:focus-within\:ring-Error-error-300:focus-within { + --tw-ring-color: var(--error-error-300, #ce5151); } - .sm\:w-10\/12 { - width: 83.333333%; + .md\:focus-within\:ring-Error-error-400:focus-within { + --tw-ring-color: var(--error-error-400, #b85e5e); } - .sm\:w-11\/12 { - width: 91.666667%; + .md\:focus-within\:ring-Error-error-500:focus-within { + --tw-ring-color: var(--error-error-500, #d83738); } - .sm\:w-full { - width: 100%; + .md\:focus-within\:ring-Error-error-600:focus-within { + --tw-ring-color: var(--error-error-600, #a82b2b); } - .sm\:w-screen { - width: 100vw; + .md\:focus-within\:ring-Error-error-700:focus-within { + --tw-ring-color: var(--error-error-700, #601819); } - .sm\:w-min { - width: -moz-min-content; - width: min-content; + .md\:focus\:ring-colors-black:focus { + --tw-ring-color: var(--colors-black, #000000); } - .sm\:w-max { - width: -moz-max-content; - width: max-content; + .md\:focus\:ring-colors-white:focus { + --tw-ring-color: var(--colors-white, #ffffff); } - .sm\:min-w-0 { - min-width: 0px; + .md\:focus\:ring-colors-gray-100:focus { + --tw-ring-color: var(--colors-gray-100, #f7fafc); } - .sm\:min-w-full { - min-width: 100%; + .md\:focus\:ring-colors-gray-200:focus { + --tw-ring-color: var(--colors-gray-200, #edf2f7); } - .sm\:min-w-min { - min-width: -moz-min-content; - min-width: min-content; + .md\:focus\:ring-colors-gray-300:focus { + --tw-ring-color: var(--colors-gray-300, #e2e8f0); } - .sm\:min-w-max { - min-width: -moz-max-content; - min-width: max-content; + .md\:focus\:ring-colors-gray-400:focus { + --tw-ring-color: var(--colors-gray-400, #cbd5e0); } - .sm\:max-w-0 { - max-width: 0rem; + .md\:focus\:ring-colors-gray-500:focus { + --tw-ring-color: var(--colors-gray-500, #a0aec0); } - .sm\:max-w-none { - max-width: none; + .md\:focus\:ring-colors-gray-600:focus { + --tw-ring-color: var(--colors-gray-600, #718096); } - .sm\:max-w-xs { - max-width: 20rem; + .md\:focus\:ring-colors-gray-700:focus { + --tw-ring-color: var(--colors-gray-700, #4a5568); } - .sm\:max-w-sm { - max-width: 24rem; + .md\:focus\:ring-colors-gray-800:focus { + --tw-ring-color: var(--colors-gray-800, #2d3748); } - .sm\:max-w-md { - max-width: 28rem; + .md\:focus\:ring-colors-gray-900:focus { + --tw-ring-color: var(--colors-gray-900, #1a202c); } - .sm\:max-w-lg { - max-width: 32rem; + .md\:focus\:ring-colors-red-100:focus { + --tw-ring-color: var(--colors-red-100, #fff5f5); } - .sm\:max-w-xl { - max-width: 36rem; + .md\:focus\:ring-colors-red-200:focus { + --tw-ring-color: var(--colors-red-200, #fed7d7); } - .sm\:max-w-2xl { - max-width: 42rem; + .md\:focus\:ring-colors-red-300:focus { + --tw-ring-color: var(--colors-red-300, #feb2b2); } - .sm\:max-w-3xl { - max-width: 48rem; + .md\:focus\:ring-colors-red-400:focus { + --tw-ring-color: var(--colors-red-400, #fc8181); } - .sm\:max-w-4xl { - max-width: 56rem; + .md\:focus\:ring-colors-red-500:focus { + --tw-ring-color: var(--colors-red-500, #f56565); } - .sm\:max-w-5xl { - max-width: 64rem; + .md\:focus\:ring-colors-red-600:focus { + --tw-ring-color: var(--colors-red-600, #e53e3e); } - .sm\:max-w-6xl { - max-width: 72rem; + .md\:focus\:ring-colors-red-700:focus { + --tw-ring-color: var(--colors-red-700, #c53030); } - .sm\:max-w-7xl { - max-width: 80rem; + .md\:focus\:ring-colors-red-800:focus { + --tw-ring-color: var(--colors-red-800, #9b2c2c); } - .sm\:max-w-full { - max-width: 100%; + .md\:focus\:ring-colors-red-900:focus { + --tw-ring-color: var(--colors-red-900, #742a2a); } - .sm\:max-w-min { - max-width: -moz-min-content; - max-width: min-content; + .md\:focus\:ring-colors-orange-100:focus { + --tw-ring-color: var(--colors-orange-100, #fffaf0); } - .sm\:max-w-max { - max-width: -moz-max-content; - max-width: max-content; + .md\:focus\:ring-colors-orange-200:focus { + --tw-ring-color: var(--colors-orange-200, #feebc8); } - .sm\:max-w-prose { - max-width: 65ch; + .md\:focus\:ring-colors-orange-300:focus { + --tw-ring-color: var(--colors-orange-300, #fbd38d); } - .sm\:max-w-screen-sm { - max-width: 640px; + .md\:focus\:ring-colors-orange-400:focus { + --tw-ring-color: var(--colors-orange-400, #f6ad55); } - .sm\:max-w-screen-md { - max-width: 768px; + .md\:focus\:ring-colors-orange-500:focus { + --tw-ring-color: var(--colors-orange-500, #ed8936); } - .sm\:max-w-screen-lg { - max-width: 1024px; + .md\:focus\:ring-colors-orange-600:focus { + --tw-ring-color: var(--colors-orange-600, #dd6b20); } - .sm\:max-w-screen-xl { - max-width: 1280px; + .md\:focus\:ring-colors-orange-700:focus { + --tw-ring-color: var(--colors-orange-700, #c05621); } - .sm\:max-w-screen-2xl { - max-width: 1536px; + .md\:focus\:ring-colors-orange-800:focus { + --tw-ring-color: var(--colors-orange-800, #9c4221); } - .sm\:flex-1 { - flex: 1 1 0%; + .md\:focus\:ring-colors-orange-900:focus { + --tw-ring-color: var(--colors-orange-900, #7b341e); } - .sm\:flex-auto { - flex: 1 1 auto; + .md\:focus\:ring-colors-yellow-100:focus { + --tw-ring-color: var(--colors-yellow-100, #fffff0); } - .sm\:flex-initial { - flex: 0 1 auto; + .md\:focus\:ring-colors-yellow-200:focus { + --tw-ring-color: var(--colors-yellow-200, #fefcbf); } - .sm\:flex-none { - flex: none; + .md\:focus\:ring-colors-yellow-300:focus { + --tw-ring-color: var(--colors-yellow-300, #faf089); } - .sm\:flex-shrink-0 { - flex-shrink: 0; + .md\:focus\:ring-colors-yellow-400:focus { + --tw-ring-color: var(--colors-yellow-400, #f6e05e); } - .sm\:flex-shrink { - flex-shrink: 1; + .md\:focus\:ring-colors-yellow-500:focus { + --tw-ring-color: var(--colors-yellow-500, #ecc94b); } - .sm\:flex-grow-0 { - flex-grow: 0; + .md\:focus\:ring-colors-yellow-600:focus { + --tw-ring-color: var(--colors-yellow-600, #d69e2e); } - .sm\:flex-grow { - flex-grow: 1; + .md\:focus\:ring-colors-yellow-700:focus { + --tw-ring-color: var(--colors-yellow-700, #b7791f); } - .sm\:table-auto { - table-layout: auto; + .md\:focus\:ring-colors-yellow-800:focus { + --tw-ring-color: var(--colors-yellow-800, #975a16); } - .sm\:table-fixed { - table-layout: fixed; + .md\:focus\:ring-colors-yellow-900:focus { + --tw-ring-color: var(--colors-yellow-900, #744210); } - .sm\:border-collapse { - border-collapse: collapse; + .md\:focus\:ring-colors-green-100:focus { + --tw-ring-color: var(--colors-green-100, #f0fff4); } - .sm\:border-separate { - border-collapse: separate; + .md\:focus\:ring-colors-green-200:focus { + --tw-ring-color: var(--colors-green-200, #c6f6d5); } - .sm\:origin-center { - transform-origin: center; + .md\:focus\:ring-colors-green-300:focus { + --tw-ring-color: var(--colors-green-300, #9ae6b4); } - .sm\:origin-top { - transform-origin: top; + .md\:focus\:ring-colors-green-400:focus { + --tw-ring-color: var(--colors-green-400, #68d391); } - .sm\:origin-top-right { - transform-origin: top right; + .md\:focus\:ring-colors-green-500:focus { + --tw-ring-color: var(--colors-green-500, #48bb78); } - .sm\:origin-right { - transform-origin: right; + .md\:focus\:ring-colors-green-600:focus { + --tw-ring-color: var(--colors-green-600, #38a169); } - .sm\:origin-bottom-right { - transform-origin: bottom right; + .md\:focus\:ring-colors-green-700:focus { + --tw-ring-color: var(--colors-green-700, #2f855a); } - .sm\:origin-bottom { - transform-origin: bottom; + .md\:focus\:ring-colors-green-800:focus { + --tw-ring-color: var(--colors-green-800, #276749); } - .sm\:origin-bottom-left { - transform-origin: bottom left; + .md\:focus\:ring-colors-green-900:focus { + --tw-ring-color: var(--colors-green-900, #22543d); } - .sm\:origin-left { - transform-origin: left; + .md\:focus\:ring-colors-teal-100:focus { + --tw-ring-color: var(--colors-teal-100, #e6fffa); } - .sm\:origin-top-left { - transform-origin: top left; + .md\:focus\:ring-colors-teal-200:focus { + --tw-ring-color: var(--colors-teal-200, #b2f5ea); } - .sm\:transform { - --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; - transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); + .md\:focus\:ring-colors-teal-300:focus { + --tw-ring-color: var(--colors-teal-300, #81e6d9); } - .sm\:transform-gpu { - --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; - transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); + .md\:focus\:ring-colors-teal-400:focus { + --tw-ring-color: var(--colors-teal-400, #4fd1c5); } - .sm\:transform-none { - transform: none; + .md\:focus\:ring-colors-teal-500:focus { + --tw-ring-color: var(--colors-teal-500, #38b2ac); } - .sm\:translate-x-0 { - --tw-translate-x: 0px; + .md\:focus\:ring-colors-teal-600:focus { + --tw-ring-color: var(--colors-teal-600, #319795); } - .sm\:translate-x-1 { - --tw-translate-x: 0.25rem; + .md\:focus\:ring-colors-teal-700:focus { + --tw-ring-color: var(--colors-teal-700, #2c7a7b); } - .sm\:translate-x-2 { - --tw-translate-x: 0.5rem; + .md\:focus\:ring-colors-teal-800:focus { + --tw-ring-color: var(--colors-teal-800, #285e61); } - .sm\:translate-x-3 { - --tw-translate-x: 0.75rem; + .md\:focus\:ring-colors-teal-900:focus { + --tw-ring-color: var(--colors-teal-900, #234e52); } - .sm\:translate-x-4 { - --tw-translate-x: 1rem; + .md\:focus\:ring-colors-blue-100:focus { + --tw-ring-color: var(--colors-blue-100, #ebf8ff); } - .sm\:translate-x-5 { - --tw-translate-x: 1.25rem; + .md\:focus\:ring-colors-blue-200:focus { + --tw-ring-color: var(--colors-blue-200, #bee3f8); } - .sm\:translate-x-6 { - --tw-translate-x: 1.5rem; + .md\:focus\:ring-colors-blue-300:focus { + --tw-ring-color: var(--colors-blue-300, #90cdf4); } - .sm\:translate-x-7 { - --tw-translate-x: 1.75rem; + .md\:focus\:ring-colors-blue-400:focus { + --tw-ring-color: var(--colors-blue-400, #63b3ed); } - .sm\:translate-x-8 { - --tw-translate-x: 2rem; + .md\:focus\:ring-colors-blue-500:focus { + --tw-ring-color: var(--colors-blue-500, #4299e1); } - .sm\:translate-x-9 { - --tw-translate-x: 2.25rem; + .md\:focus\:ring-colors-blue-600:focus { + --tw-ring-color: var(--colors-blue-600, #3182ce); } - .sm\:translate-x-10 { - --tw-translate-x: 2.5rem; + .md\:focus\:ring-colors-blue-700:focus { + --tw-ring-color: var(--colors-blue-700, #2b6cb0); } - .sm\:translate-x-11 { - --tw-translate-x: 2.75rem; + .md\:focus\:ring-colors-blue-800:focus { + --tw-ring-color: var(--colors-blue-800, #2c5282); } - .sm\:translate-x-12 { - --tw-translate-x: 3rem; + .md\:focus\:ring-colors-blue-900:focus { + --tw-ring-color: var(--colors-blue-900, #2a4365); } - .sm\:translate-x-14 { - --tw-translate-x: 3.5rem; + .md\:focus\:ring-colors-indigo-100:focus { + --tw-ring-color: var(--colors-indigo-100, #ebf4ff); } - .sm\:translate-x-16 { - --tw-translate-x: 4rem; + .md\:focus\:ring-colors-indigo-200:focus { + --tw-ring-color: var(--colors-indigo-200, #c3dafe); } - .sm\:translate-x-20 { - --tw-translate-x: 5rem; + .md\:focus\:ring-colors-indigo-300:focus { + --tw-ring-color: var(--colors-indigo-300, #a3bffa); } - .sm\:translate-x-24 { - --tw-translate-x: 6rem; + .md\:focus\:ring-colors-indigo-400:focus { + --tw-ring-color: var(--colors-indigo-400, #7f9cf5); } - .sm\:translate-x-28 { - --tw-translate-x: 7rem; + .md\:focus\:ring-colors-indigo-500:focus { + --tw-ring-color: var(--colors-indigo-500, #667eea); } - .sm\:translate-x-32 { - --tw-translate-x: 8rem; + .md\:focus\:ring-colors-indigo-600:focus { + --tw-ring-color: var(--colors-indigo-600, #5a67d8); } - .sm\:translate-x-36 { - --tw-translate-x: 9rem; + .md\:focus\:ring-colors-indigo-700:focus { + --tw-ring-color: var(--colors-indigo-700, #4c51bf); } - .sm\:translate-x-40 { - --tw-translate-x: 10rem; + .md\:focus\:ring-colors-indigo-800:focus { + --tw-ring-color: var(--colors-indigo-800, #434190); } - .sm\:translate-x-44 { - --tw-translate-x: 11rem; + .md\:focus\:ring-colors-indigo-900:focus { + --tw-ring-color: var(--colors-indigo-900, #3c366b); } - .sm\:translate-x-48 { - --tw-translate-x: 12rem; + .md\:focus\:ring-colors-purple-100:focus { + --tw-ring-color: var(--colors-purple-100, #faf5ff); } - .sm\:translate-x-52 { - --tw-translate-x: 13rem; + .md\:focus\:ring-colors-purple-200:focus { + --tw-ring-color: var(--colors-purple-200, #e9d8fd); } - .sm\:translate-x-56 { - --tw-translate-x: 14rem; + .md\:focus\:ring-colors-purple-300:focus { + --tw-ring-color: var(--colors-purple-300, #d6bcfa); } - .sm\:translate-x-60 { - --tw-translate-x: 15rem; + .md\:focus\:ring-colors-purple-400:focus { + --tw-ring-color: var(--colors-purple-400, #b794f4); } - .sm\:translate-x-64 { - --tw-translate-x: 16rem; + .md\:focus\:ring-colors-purple-500:focus { + --tw-ring-color: var(--colors-purple-500, #9f7aea); } - .sm\:translate-x-72 { - --tw-translate-x: 18rem; + .md\:focus\:ring-colors-purple-600:focus { + --tw-ring-color: var(--colors-purple-600, #805ad5); } - .sm\:translate-x-80 { - --tw-translate-x: 20rem; + .md\:focus\:ring-colors-purple-700:focus { + --tw-ring-color: var(--colors-purple-700, #6b46c1); } - .sm\:translate-x-96 { - --tw-translate-x: 24rem; + .md\:focus\:ring-colors-purple-800:focus { + --tw-ring-color: var(--colors-purple-800, #553c9a); } - .sm\:translate-x-px { - --tw-translate-x: 1px; + .md\:focus\:ring-colors-purple-900:focus { + --tw-ring-color: var(--colors-purple-900, #44337a); } - .sm\:translate-x-0\.5 { - --tw-translate-x: 0.125rem; + .md\:focus\:ring-colors-pink-100:focus { + --tw-ring-color: var(--colors-pink-100, #fff5f7); } - .sm\:translate-x-1\.5 { - --tw-translate-x: 0.375rem; + .md\:focus\:ring-colors-pink-200:focus { + --tw-ring-color: var(--colors-pink-200, #fed7e2); } - .sm\:translate-x-2\.5 { - --tw-translate-x: 0.625rem; + .md\:focus\:ring-colors-pink-300:focus { + --tw-ring-color: var(--colors-pink-300, #fbb6ce); } - .sm\:translate-x-3\.5 { - --tw-translate-x: 0.875rem; + .md\:focus\:ring-colors-pink-400:focus { + --tw-ring-color: var(--colors-pink-400, #f687b3); } - .sm\:-translate-x-0 { - --tw-translate-x: 0px; + .md\:focus\:ring-colors-pink-500:focus { + --tw-ring-color: var(--colors-pink-500, #ed64a6); } - .sm\:-translate-x-1 { - --tw-translate-x: -0.25rem; + .md\:focus\:ring-colors-pink-600:focus { + --tw-ring-color: var(--colors-pink-600, #d53f8c); } - .sm\:-translate-x-2 { - --tw-translate-x: -0.5rem; + .md\:focus\:ring-colors-pink-700:focus { + --tw-ring-color: var(--colors-pink-700, #b83280); } - .sm\:-translate-x-3 { - --tw-translate-x: -0.75rem; + .md\:focus\:ring-colors-pink-800:focus { + --tw-ring-color: var(--colors-pink-800, #97266d); } - .sm\:-translate-x-4 { - --tw-translate-x: -1rem; + .md\:focus\:ring-colors-pink-900:focus { + --tw-ring-color: var(--colors-pink-900, #702459); } - .sm\:-translate-x-5 { - --tw-translate-x: -1.25rem; + .md\:focus\:ring-Box\ Shadow:focus { + --tw-ring-color: var(--box-shadow, #7f7e7f); } - .sm\:-translate-x-6 { - --tw-translate-x: -1.5rem; + .md\:focus\:ring-Error16:focus { + --tw-ring-color: var(--error16, #f03d3e40); } - .sm\:-translate-x-7 { - --tw-translate-x: -1.75rem; + .md\:focus\:ring-Success16:focus { + --tw-ring-color: var(--success16, #5bb14d40); } - .sm\:-translate-x-8 { - --tw-translate-x: -2rem; + .md\:focus\:ring-Notification16:focus { + --tw-ring-color: var(--notification16, #3959ff40); } - .sm\:-translate-x-9 { - --tw-translate-x: -2.25rem; + .md\:focus\:ring-Error8:focus { + --tw-ring-color: var(--error8, #f03d3e1a); } - .sm\:-translate-x-10 { - --tw-translate-x: -2.5rem; + .md\:focus\:ring-Notification8:focus { + --tw-ring-color: var(--notification8, #3959ff1a); } - .sm\:-translate-x-11 { - --tw-translate-x: -2.75rem; + .md\:focus\:ring-Success8:focus { + --tw-ring-color: var(--success8, #5bb14d1a); } - .sm\:-translate-x-12 { - --tw-translate-x: -3rem; + .md\:focus\:ring-Light\ -\ Overlay:focus { + --tw-ring-color: var(--light-overlay, #f0edee66); } - .sm\:-translate-x-14 { - --tw-translate-x: -3.5rem; + .md\:focus\:ring-Dark-\ Overlay:focus { + --tw-ring-color: var(--dark-overlay, #7f7e7f66); } - .sm\:-translate-x-16 { - --tw-translate-x: -4rem; + .md\:focus\:ring-black-40:focus { + --tw-ring-color: var(--black-40, #00000066); } - .sm\:-translate-x-20 { - --tw-translate-x: -5rem; + .md\:focus\:ring-black-75:focus { + --tw-ring-color: var(--black-75, #000000bf); } - .sm\:-translate-x-24 { - --tw-translate-x: -6rem; + .md\:focus\:ring-black-60:focus { + --tw-ring-color: var(--black-60, #00000099); } - .sm\:-translate-x-28 { - --tw-translate-x: -7rem; + .md\:focus\:ring-black-50:focus { + --tw-ring-color: var(--black-50, #00000080); } - .sm\:-translate-x-32 { - --tw-translate-x: -8rem; + .md\:focus\:ring-black-25:focus { + --tw-ring-color: var(--black-25, #00000040); } - .sm\:-translate-x-36 { - --tw-translate-x: -9rem; + .md\:focus\:ring-black-10:focus { + --tw-ring-color: var(--black-10, #0000001a); } - .sm\:-translate-x-40 { - --tw-translate-x: -10rem; + .md\:focus\:ring-white-25:focus { + --tw-ring-color: var(--white-25, #ffffff40); } - .sm\:-translate-x-44 { - --tw-translate-x: -11rem; + .md\:focus\:ring-white-60:focus { + --tw-ring-color: var(--white-60, #ffffff99); } - .sm\:-translate-x-48 { - --tw-translate-x: -12rem; + .md\:focus\:ring-black-64:focus { + --tw-ring-color: var(--black-64, #000000a3); } - .sm\:-translate-x-52 { - --tw-translate-x: -13rem; + .md\:focus\:ring-Shadow\ and\ Highlight-Shadow:focus { + --tw-ring-color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .sm\:-translate-x-56 { - --tw-translate-x: -14rem; + .md\:focus\:ring-Shadow\ and\ Highlight-Highlight:focus { + --tw-ring-color: var(--shadow-and-highlight-highlight, #474747); } - .sm\:-translate-x-60 { - --tw-translate-x: -15rem; + .md\:focus\:ring-Shadow\ and\ Highlight-highlight\ one:focus { + --tw-ring-color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .sm\:-translate-x-64 { - --tw-translate-x: -16rem; + .md\:focus\:ring-Shadow\ and\ Highlight-highlight\ two:focus { + --tw-ring-color: var(--shadow-and-highlight-highlight-two, #47474799); } - .sm\:-translate-x-72 { - --tw-translate-x: -18rem; + .md\:focus\:ring-Shadow\ and\ Highlight-highlight\ three:focus { + --tw-ring-color: var(--shadow-and-highlight-highlight-three, #47474766); } - .sm\:-translate-x-80 { - --tw-translate-x: -20rem; + .md\:focus\:ring-Shadow\ and\ Highlight-highlight\ five:focus { + --tw-ring-color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .sm\:-translate-x-96 { - --tw-translate-x: -24rem; + .md\:focus\:ring-Shadow\ and\ Highlight-shadow\ one:focus { + --tw-ring-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .sm\:-translate-x-px { - --tw-translate-x: -1px; + .md\:focus\:ring-Shadow\ and\ Highlight-shadow\ two:focus { + --tw-ring-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .sm\:-translate-x-0\.5 { - --tw-translate-x: -0.125rem; + .md\:focus\:ring-Shadow\ and\ Highlight-shadow\ three:focus { + --tw-ring-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .sm\:-translate-x-1\.5 { - --tw-translate-x: -0.375rem; + .md\:focus\:ring-Shadow\ and\ Highlight-shadow\ four:focus { + --tw-ring-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .sm\:-translate-x-2\.5 { - --tw-translate-x: -0.625rem; + .md\:focus\:ring-Shadow\ and\ Highlight-shadow\ five:focus { + --tw-ring-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .sm\:-translate-x-3\.5 { - --tw-translate-x: -0.875rem; + .md\:focus\:ring-Shadow\ and\ Highlight-highlight\ four:focus { + --tw-ring-color: var(--shadow-and-highlight-highlight-four, #47474740); + } + + .md\:focus\:ring-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus { + --tw-ring-color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .sm\:translate-x-1\/2 { - --tw-translate-x: 50%; + .md\:focus\:ring-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus { + --tw-ring-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .sm\:translate-x-1\/3 { - --tw-translate-x: 33.333333%; + .md\:focus\:ring-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus { + --tw-ring-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .sm\:translate-x-2\/3 { - --tw-translate-x: 66.666667%; + .md\:focus\:ring-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus { + --tw-ring-color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .sm\:translate-x-1\/4 { - --tw-translate-x: 25%; + .md\:focus\:ring-Grey-Scale-white:focus { + --tw-ring-color: var(--grey-scale-white, #ffffff); } - .sm\:translate-x-2\/4 { - --tw-translate-x: 50%; + .md\:focus\:ring-Grey-Scale-off-white:focus { + --tw-ring-color: var(--grey-scale-off-white, #f0edee); } - .sm\:translate-x-3\/4 { - --tw-translate-x: 75%; + .md\:focus\:ring-Grey\ Scale-grey:focus { + --tw-ring-color: var(--grey-scale-grey, #7f7e7f); } - .sm\:translate-x-full { - --tw-translate-x: 100%; + .md\:focus\:ring-Grey\ Scale-charcoal:focus { + --tw-ring-color: var(--grey-scale-charcoal, #474747); } - .sm\:-translate-x-1\/2 { - --tw-translate-x: -50%; + .md\:focus\:ring-Grey\ Scale-off-black:focus { + --tw-ring-color: var(--grey-scale-off-black, #1c1c1c); } - .sm\:-translate-x-1\/3 { - --tw-translate-x: -33.333333%; + .md\:focus\:ring-Grey\ Scale-black:focus { + --tw-ring-color: var(--grey-scale-black, #000000); } - .sm\:-translate-x-2\/3 { - --tw-translate-x: -66.666667%; + .md\:focus\:ring-Blue-blue:focus { + --tw-ring-color: var(--blue-blue, #3a7ca5); } - .sm\:-translate-x-1\/4 { - --tw-translate-x: -25%; + .md\:focus\:ring-Blue-blue-100:focus { + --tw-ring-color: var(--blue-blue-100, #75a3c0); } - .sm\:-translate-x-2\/4 { - --tw-translate-x: -50%; + .md\:focus\:ring-Blue-blue-200:focus { + --tw-ring-color: var(--blue-blue-200, #9cbed2); } - .sm\:-translate-x-3\/4 { - --tw-translate-x: -75%; + .md\:focus\:ring-Blue-blue-300:focus { + --tw-ring-color: var(--blue-blue-300, #4f7d9a); } - .sm\:-translate-x-full { - --tw-translate-x: -100%; + .md\:focus\:ring-Blue-blue-400:focus { + --tw-ring-color: var(--blue-blue-400, #5c7d92); } - .sm\:translate-y-0 { - --tw-translate-y: 0px; + .md\:focus\:ring-Blue-blue-500:focus { + --tw-ring-color: var(--blue-blue-500, #347095); } - .sm\:translate-y-1 { - --tw-translate-y: 0.25rem; + .md\:focus\:ring-Blue-blue-600:focus { + --tw-ring-color: var(--blue-blue-600, #295774); } - .sm\:translate-y-2 { - --tw-translate-y: 0.5rem; + .md\:focus\:ring-Blue-blue-700:focus { + --tw-ring-color: var(--blue-blue-700, #173242); } - .sm\:translate-y-3 { - --tw-translate-y: 0.75rem; + .md\:focus\:ring-LightBlue-lightblue:focus { + --tw-ring-color: var(--light-blue-lightblue, #81c3d7); } - .sm\:translate-y-4 { - --tw-translate-y: 1rem; + .md\:focus\:ring-LightBlue-lightblue-100:focus { + --tw-ring-color: var(--light-blue-lightblue-100, #a7d5e3); } - .sm\:translate-y-5 { - --tw-translate-y: 1.25rem; + .md\:focus\:ring-LightBlue-lightblue-200:focus { + --tw-ring-color: var(--light-blue-lightblue-200, #c0e1eb); } - .sm\:translate-y-6 { - --tw-translate-y: 1.5rem; + .md\:focus\:ring-LightBlue-lightblue-300:focus { + --tw-ring-color: var(--light-blue-lightblue-300, #80aebd); } - .sm\:translate-y-7 { - --tw-translate-y: 1.75rem; + .md\:focus\:ring-LightBlue-lightblue-400:focus { + --tw-ring-color: var(--light-blue-lightblue-400, #80a0ab); } - .sm\:translate-y-8 { - --tw-translate-y: 2rem; + .md\:focus\:ring-LightBlue-lightblue-500:focus { + --tw-ring-color: var(--light-blue-lightblue-500, #74afc1); } - .sm\:translate-y-9 { - --tw-translate-y: 2.25rem; + .md\:focus\:ring-LightBlue-lightblue-600:focus { + --tw-ring-color: var(--light-blue-lightblue-600, #5a8997); } - .sm\:translate-y-10 { - --tw-translate-y: 2.5rem; + .md\:focus\:ring-LightBlue-lightblue-650:focus { + --tw-ring-color: var(--light-blue-lightblue-650, #3e5e65); } - .sm\:translate-y-11 { - --tw-translate-y: 2.75rem; + .md\:focus\:ring-LightBlue-lightblue-700:focus { + --tw-ring-color: var(--light-blue-lightblue-700, #344e56); } - .sm\:translate-y-12 { - --tw-translate-y: 3rem; + .md\:focus\:ring-Orange-orange:focus { + --tw-ring-color: var(--orange-orange, #ff7f0e); } - .sm\:translate-y-14 { - --tw-translate-y: 3.5rem; + .md\:focus\:ring-Orange-orange-100:focus { + --tw-ring-color: var(--orange-orange-100, #ffa556); } - .sm\:translate-y-16 { - --tw-translate-y: 4rem; + .md\:focus\:ring-Orange-orange-200:focus { + --tw-ring-color: var(--orange-orange-200, #ffbf86); } - .sm\:translate-y-20 { - --tw-translate-y: 5rem; + .md\:focus\:ring-Orange-orange-300:focus { + --tw-ring-color: var(--orange-orange-300, #d97f30); } - .sm\:translate-y-24 { - --tw-translate-y: 6rem; + .md\:focus\:ring-Orange-orange-400:focus { + --tw-ring-color: var(--orange-orange-400, #bf7e46); } - .sm\:translate-y-28 { - --tw-translate-y: 7rem; + .md\:focus\:ring-Orange-orange-500:focus { + --tw-ring-color: var(--orange-orange-500, #e5720d); } - .sm\:translate-y-32 { - --tw-translate-y: 8rem; + .md\:focus\:ring-Orange-orange-600:focus { + --tw-ring-color: var(--orange-orange-600, #b3590a); } - .sm\:translate-y-36 { - --tw-translate-y: 9rem; + .md\:focus\:ring-Orange-orange-700:focus { + --tw-ring-color: var(--orange-orange-700, #663306); } - .sm\:translate-y-40 { - --tw-translate-y: 10rem; + .md\:focus\:ring-Yellow-yellow:focus { + --tw-ring-color: var(--yellow-yellow, #ffab00); } - .sm\:translate-y-44 { - --tw-translate-y: 11rem; + .md\:focus\:ring-Yellow-yellow-100:focus { + --tw-ring-color: var(--yellow-yellow-100, #ffc44c); } - .sm\:translate-y-48 { - --tw-translate-y: 12rem; + .md\:focus\:ring-Yellow-yellow-200:focus { + --tw-ring-color: var(--yellow-yellow-200, #ffd580); } - .sm\:translate-y-52 { - --tw-translate-y: 13rem; + .md\:focus\:ring-Yellow-yellow-300:focus { + --tw-ring-color: var(--yellow-yellow-300, #d99d26); } - .sm\:translate-y-56 { - --tw-translate-y: 14rem; + .md\:focus\:ring-Yellow-yellow-400:focus { + --tw-ring-color: var(--yellow-yellow-400, #bf943f); } - .sm\:translate-y-60 { - --tw-translate-y: 15rem; + .md\:focus\:ring-Yellow-yellow-500:focus { + --tw-ring-color: var(--yellow-yellow-500, #e59a00); } - .sm\:translate-y-64 { - --tw-translate-y: 16rem; + .md\:focus\:ring-Yellow-yellow-600:focus { + --tw-ring-color: var(--yellow-yellow-600, #b37800); } - .sm\:translate-y-72 { - --tw-translate-y: 18rem; + .md\:focus\:ring-Yellow-yellow-700:focus { + --tw-ring-color: var(--yellow-yellow-700, #664400); } - .sm\:translate-y-80 { - --tw-translate-y: 20rem; + .md\:focus\:ring-Notification-notification:focus { + --tw-ring-color: var(--notification-notification, #3959ff); } - .sm\:translate-y-96 { - --tw-translate-y: 24rem; + .md\:focus\:ring-Notification-notification-100:focus { + --tw-ring-color: var(--notification-notification-100, #748bff); } - .sm\:translate-y-px { - --tw-translate-y: 1px; + .md\:focus\:ring-Notification-notification-200:focus { + --tw-ring-color: var(--notification-notification-200, #9cacff); } - .sm\:translate-y-0\.5 { - --tw-translate-y: 0.125rem; + .md\:focus\:ring-Notification-notification-300:focus { + --tw-ring-color: var(--notification-notification-300, #4e64d9); } - .sm\:translate-y-1\.5 { - --tw-translate-y: 0.375rem; + .md\:focus\:ring-Notification-notification-400:focus { + --tw-ring-color: var(--notification-notification-400, #5c6cbf); } - .sm\:translate-y-2\.5 { - --tw-translate-y: 0.625rem; + .md\:focus\:ring-Notification-notification-500:focus { + --tw-ring-color: var(--notification-notification-500, #3350e5); } - .sm\:translate-y-3\.5 { - --tw-translate-y: 0.875rem; + .md\:focus\:ring-Notification-notification-600:focus { + --tw-ring-color: var(--notification-notification-600, #283eb3); } - .sm\:-translate-y-0 { - --tw-translate-y: 0px; + .md\:focus\:ring-Notification-notification-700:focus { + --tw-ring-color: var(--notification-notification-700, #172466); } - .sm\:-translate-y-1 { - --tw-translate-y: -0.25rem; + .md\:focus\:ring-Success-success\ -700:focus { + --tw-ring-color: var(--success-success-700, #24471f); } - .sm\:-translate-y-2 { - --tw-translate-y: -0.5rem; + .md\:focus\:ring-Success-success:focus { + --tw-ring-color: var(--success-success, #5bb14d); } - .sm\:-translate-y-3 { - --tw-translate-y: -0.75rem; + .md\:focus\:ring-Success-success\ -100:focus { + --tw-ring-color: var(--success-success-100, #8cc882); } - .sm\:-translate-y-4 { - --tw-translate-y: -1rem; + .md\:focus\:ring-Success-success\ -200:focus { + --tw-ring-color: var(--success-success-200, #add8a6); } - .sm\:-translate-y-5 { - --tw-translate-y: -1.25rem; + .md\:focus\:ring-Success-success\ -300:focus { + --tw-ring-color: var(--success-success-300, #66a25c); } - .sm\:-translate-y-6 { - --tw-translate-y: -1.5rem; + .md\:focus\:ring-Success-success\ -400:focus { + --tw-ring-color: var(--success-success-400, #6d9766); } - .sm\:-translate-y-7 { - --tw-translate-y: -1.75rem; + .md\:focus\:ring-Success-success\ -500:focus { + --tw-ring-color: var(--success-success-500, #529f45); } - .sm\:-translate-y-8 { - --tw-translate-y: -2rem; + .md\:focus\:ring-Success-success\ -600:focus { + --tw-ring-color: var(--success-success-600, #407c36); } - .sm\:-translate-y-9 { - --tw-translate-y: -2.25rem; + .md\:focus\:ring-Error-error:focus { + --tw-ring-color: var(--error-error, #f03d3e); } - .sm\:-translate-y-10 { - --tw-translate-y: -2.5rem; + .md\:focus\:ring-Error-error-100:focus { + --tw-ring-color: var(--error-error-100, #f57778); } - .sm\:-translate-y-11 { - --tw-translate-y: -2.75rem; + .md\:focus\:ring-Error-error-200:focus { + --tw-ring-color: var(--error-error-200, #f89e9e); } - .sm\:-translate-y-12 { - --tw-translate-y: -3rem; + .md\:focus\:ring-Error-error-250:focus { + --tw-ring-color: var(--error-error-250, #f9c8c8); } - .sm\:-translate-y-14 { - --tw-translate-y: -3.5rem; + .md\:focus\:ring-Error-error-300:focus { + --tw-ring-color: var(--error-error-300, #ce5151); } - .sm\:-translate-y-16 { - --tw-translate-y: -4rem; + .md\:focus\:ring-Error-error-400:focus { + --tw-ring-color: var(--error-error-400, #b85e5e); } - .sm\:-translate-y-20 { - --tw-translate-y: -5rem; + .md\:focus\:ring-Error-error-500:focus { + --tw-ring-color: var(--error-error-500, #d83738); } - .sm\:-translate-y-24 { - --tw-translate-y: -6rem; + .md\:focus\:ring-Error-error-600:focus { + --tw-ring-color: var(--error-error-600, #a82b2b); } - .sm\:-translate-y-28 { - --tw-translate-y: -7rem; + .md\:focus\:ring-Error-error-700:focus { + --tw-ring-color: var(--error-error-700, #601819); } - .sm\:-translate-y-32 { - --tw-translate-y: -8rem; + .md\:ring-opacity-0 { + --tw-ring-opacity: 0; } - .sm\:-translate-y-36 { - --tw-translate-y: -9rem; + .md\:ring-opacity-5 { + --tw-ring-opacity: 0.05; } - .sm\:-translate-y-40 { - --tw-translate-y: -10rem; + .md\:ring-opacity-10 { + --tw-ring-opacity: 0.1; } - .sm\:-translate-y-44 { - --tw-translate-y: -11rem; + .md\:ring-opacity-20 { + --tw-ring-opacity: 0.2; } - .sm\:-translate-y-48 { - --tw-translate-y: -12rem; + .md\:ring-opacity-25 { + --tw-ring-opacity: 0.25; } - .sm\:-translate-y-52 { - --tw-translate-y: -13rem; + .md\:ring-opacity-30 { + --tw-ring-opacity: 0.3; } - .sm\:-translate-y-56 { - --tw-translate-y: -14rem; + .md\:ring-opacity-40 { + --tw-ring-opacity: 0.4; } - .sm\:-translate-y-60 { - --tw-translate-y: -15rem; + .md\:ring-opacity-50 { + --tw-ring-opacity: 0.5; } - .sm\:-translate-y-64 { - --tw-translate-y: -16rem; + .md\:ring-opacity-60 { + --tw-ring-opacity: 0.6; } - .sm\:-translate-y-72 { - --tw-translate-y: -18rem; + .md\:ring-opacity-70 { + --tw-ring-opacity: 0.7; } - .sm\:-translate-y-80 { - --tw-translate-y: -20rem; + .md\:ring-opacity-75 { + --tw-ring-opacity: 0.75; } - .sm\:-translate-y-96 { - --tw-translate-y: -24rem; + .md\:ring-opacity-80 { + --tw-ring-opacity: 0.8; } - .sm\:-translate-y-px { - --tw-translate-y: -1px; + .md\:ring-opacity-90 { + --tw-ring-opacity: 0.9; } - .sm\:-translate-y-0\.5 { - --tw-translate-y: -0.125rem; + .md\:ring-opacity-95 { + --tw-ring-opacity: 0.95; } - .sm\:-translate-y-1\.5 { - --tw-translate-y: -0.375rem; + .md\:ring-opacity-100 { + --tw-ring-opacity: 1; } - .sm\:-translate-y-2\.5 { - --tw-translate-y: -0.625rem; + .md\:focus-within\:ring-opacity-0:focus-within { + --tw-ring-opacity: 0; } - .sm\:-translate-y-3\.5 { - --tw-translate-y: -0.875rem; + .md\:focus-within\:ring-opacity-5:focus-within { + --tw-ring-opacity: 0.05; } - .sm\:translate-y-1\/2 { - --tw-translate-y: 50%; + .md\:focus-within\:ring-opacity-10:focus-within { + --tw-ring-opacity: 0.1; } - .sm\:translate-y-1\/3 { - --tw-translate-y: 33.333333%; + .md\:focus-within\:ring-opacity-20:focus-within { + --tw-ring-opacity: 0.2; } - .sm\:translate-y-2\/3 { - --tw-translate-y: 66.666667%; + .md\:focus-within\:ring-opacity-25:focus-within { + --tw-ring-opacity: 0.25; } - .sm\:translate-y-1\/4 { - --tw-translate-y: 25%; + .md\:focus-within\:ring-opacity-30:focus-within { + --tw-ring-opacity: 0.3; } - .sm\:translate-y-2\/4 { - --tw-translate-y: 50%; + .md\:focus-within\:ring-opacity-40:focus-within { + --tw-ring-opacity: 0.4; } - .sm\:translate-y-3\/4 { - --tw-translate-y: 75%; + .md\:focus-within\:ring-opacity-50:focus-within { + --tw-ring-opacity: 0.5; } - .sm\:translate-y-full { - --tw-translate-y: 100%; + .md\:focus-within\:ring-opacity-60:focus-within { + --tw-ring-opacity: 0.6; } - .sm\:-translate-y-1\/2 { - --tw-translate-y: -50%; + .md\:focus-within\:ring-opacity-70:focus-within { + --tw-ring-opacity: 0.7; } - .sm\:-translate-y-1\/3 { - --tw-translate-y: -33.333333%; + .md\:focus-within\:ring-opacity-75:focus-within { + --tw-ring-opacity: 0.75; } - .sm\:-translate-y-2\/3 { - --tw-translate-y: -66.666667%; + .md\:focus-within\:ring-opacity-80:focus-within { + --tw-ring-opacity: 0.8; } - .sm\:-translate-y-1\/4 { - --tw-translate-y: -25%; + .md\:focus-within\:ring-opacity-90:focus-within { + --tw-ring-opacity: 0.9; } - .sm\:-translate-y-2\/4 { - --tw-translate-y: -50%; + .md\:focus-within\:ring-opacity-95:focus-within { + --tw-ring-opacity: 0.95; } - .sm\:-translate-y-3\/4 { - --tw-translate-y: -75%; + .md\:focus-within\:ring-opacity-100:focus-within { + --tw-ring-opacity: 1; } - .sm\:-translate-y-full { - --tw-translate-y: -100%; + .md\:focus\:ring-opacity-0:focus { + --tw-ring-opacity: 0; } - .sm\:hover\:translate-x-0:hover { - --tw-translate-x: 0px; + .md\:focus\:ring-opacity-5:focus { + --tw-ring-opacity: 0.05; } - .sm\:hover\:translate-x-1:hover { - --tw-translate-x: 0.25rem; + .md\:focus\:ring-opacity-10:focus { + --tw-ring-opacity: 0.1; } - .sm\:hover\:translate-x-2:hover { - --tw-translate-x: 0.5rem; + .md\:focus\:ring-opacity-20:focus { + --tw-ring-opacity: 0.2; } - .sm\:hover\:translate-x-3:hover { - --tw-translate-x: 0.75rem; + .md\:focus\:ring-opacity-25:focus { + --tw-ring-opacity: 0.25; } - .sm\:hover\:translate-x-4:hover { - --tw-translate-x: 1rem; + .md\:focus\:ring-opacity-30:focus { + --tw-ring-opacity: 0.3; } - .sm\:hover\:translate-x-5:hover { - --tw-translate-x: 1.25rem; + .md\:focus\:ring-opacity-40:focus { + --tw-ring-opacity: 0.4; } - .sm\:hover\:translate-x-6:hover { - --tw-translate-x: 1.5rem; + .md\:focus\:ring-opacity-50:focus { + --tw-ring-opacity: 0.5; } - .sm\:hover\:translate-x-7:hover { - --tw-translate-x: 1.75rem; + .md\:focus\:ring-opacity-60:focus { + --tw-ring-opacity: 0.6; } - .sm\:hover\:translate-x-8:hover { - --tw-translate-x: 2rem; + .md\:focus\:ring-opacity-70:focus { + --tw-ring-opacity: 0.7; } - .sm\:hover\:translate-x-9:hover { - --tw-translate-x: 2.25rem; + .md\:focus\:ring-opacity-75:focus { + --tw-ring-opacity: 0.75; } - .sm\:hover\:translate-x-10:hover { - --tw-translate-x: 2.5rem; + .md\:focus\:ring-opacity-80:focus { + --tw-ring-opacity: 0.8; } - .sm\:hover\:translate-x-11:hover { - --tw-translate-x: 2.75rem; + .md\:focus\:ring-opacity-90:focus { + --tw-ring-opacity: 0.9; } - .sm\:hover\:translate-x-12:hover { - --tw-translate-x: 3rem; + .md\:focus\:ring-opacity-95:focus { + --tw-ring-opacity: 0.95; } - .sm\:hover\:translate-x-14:hover { - --tw-translate-x: 3.5rem; + .md\:focus\:ring-opacity-100:focus { + --tw-ring-opacity: 1; } - .sm\:hover\:translate-x-16:hover { - --tw-translate-x: 4rem; + .md\:ring-offset-0 { + --tw-ring-offset-width: 0px; } - .sm\:hover\:translate-x-20:hover { - --tw-translate-x: 5rem; + .md\:ring-offset-1 { + --tw-ring-offset-width: 1px; } - .sm\:hover\:translate-x-24:hover { - --tw-translate-x: 6rem; + .md\:ring-offset-2 { + --tw-ring-offset-width: 2px; } - .sm\:hover\:translate-x-28:hover { - --tw-translate-x: 7rem; + .md\:ring-offset-4 { + --tw-ring-offset-width: 4px; } - .sm\:hover\:translate-x-32:hover { - --tw-translate-x: 8rem; + .md\:ring-offset-8 { + --tw-ring-offset-width: 8px; } - .sm\:hover\:translate-x-36:hover { - --tw-translate-x: 9rem; + .md\:focus-within\:ring-offset-0:focus-within { + --tw-ring-offset-width: 0px; } - .sm\:hover\:translate-x-40:hover { - --tw-translate-x: 10rem; + .md\:focus-within\:ring-offset-1:focus-within { + --tw-ring-offset-width: 1px; } - .sm\:hover\:translate-x-44:hover { - --tw-translate-x: 11rem; + .md\:focus-within\:ring-offset-2:focus-within { + --tw-ring-offset-width: 2px; } - .sm\:hover\:translate-x-48:hover { - --tw-translate-x: 12rem; + .md\:focus-within\:ring-offset-4:focus-within { + --tw-ring-offset-width: 4px; } - .sm\:hover\:translate-x-52:hover { - --tw-translate-x: 13rem; + .md\:focus-within\:ring-offset-8:focus-within { + --tw-ring-offset-width: 8px; } - .sm\:hover\:translate-x-56:hover { - --tw-translate-x: 14rem; + .md\:focus\:ring-offset-0:focus { + --tw-ring-offset-width: 0px; } - .sm\:hover\:translate-x-60:hover { - --tw-translate-x: 15rem; + .md\:focus\:ring-offset-1:focus { + --tw-ring-offset-width: 1px; } - .sm\:hover\:translate-x-64:hover { - --tw-translate-x: 16rem; + .md\:focus\:ring-offset-2:focus { + --tw-ring-offset-width: 2px; } - .sm\:hover\:translate-x-72:hover { - --tw-translate-x: 18rem; + .md\:focus\:ring-offset-4:focus { + --tw-ring-offset-width: 4px; } - .sm\:hover\:translate-x-80:hover { - --tw-translate-x: 20rem; + .md\:focus\:ring-offset-8:focus { + --tw-ring-offset-width: 8px; } - .sm\:hover\:translate-x-96:hover { - --tw-translate-x: 24rem; + .md\:ring-offset-colors-black { + --tw-ring-offset-color: var(--colors-black, #000000); } - .sm\:hover\:translate-x-px:hover { - --tw-translate-x: 1px; + .md\:ring-offset-colors-white { + --tw-ring-offset-color: var(--colors-white, #ffffff); } - .sm\:hover\:translate-x-0\.5:hover { - --tw-translate-x: 0.125rem; + .md\:ring-offset-colors-gray-100 { + --tw-ring-offset-color: var(--colors-gray-100, #f7fafc); } - .sm\:hover\:translate-x-1\.5:hover { - --tw-translate-x: 0.375rem; + .md\:ring-offset-colors-gray-200 { + --tw-ring-offset-color: var(--colors-gray-200, #edf2f7); } - .sm\:hover\:translate-x-2\.5:hover { - --tw-translate-x: 0.625rem; + .md\:ring-offset-colors-gray-300 { + --tw-ring-offset-color: var(--colors-gray-300, #e2e8f0); } - .sm\:hover\:translate-x-3\.5:hover { - --tw-translate-x: 0.875rem; + .md\:ring-offset-colors-gray-400 { + --tw-ring-offset-color: var(--colors-gray-400, #cbd5e0); } - .sm\:hover\:-translate-x-0:hover { - --tw-translate-x: 0px; + .md\:ring-offset-colors-gray-500 { + --tw-ring-offset-color: var(--colors-gray-500, #a0aec0); } - .sm\:hover\:-translate-x-1:hover { - --tw-translate-x: -0.25rem; + .md\:ring-offset-colors-gray-600 { + --tw-ring-offset-color: var(--colors-gray-600, #718096); } - .sm\:hover\:-translate-x-2:hover { - --tw-translate-x: -0.5rem; + .md\:ring-offset-colors-gray-700 { + --tw-ring-offset-color: var(--colors-gray-700, #4a5568); } - .sm\:hover\:-translate-x-3:hover { - --tw-translate-x: -0.75rem; + .md\:ring-offset-colors-gray-800 { + --tw-ring-offset-color: var(--colors-gray-800, #2d3748); } - .sm\:hover\:-translate-x-4:hover { - --tw-translate-x: -1rem; + .md\:ring-offset-colors-gray-900 { + --tw-ring-offset-color: var(--colors-gray-900, #1a202c); } - .sm\:hover\:-translate-x-5:hover { - --tw-translate-x: -1.25rem; + .md\:ring-offset-colors-red-100 { + --tw-ring-offset-color: var(--colors-red-100, #fff5f5); } - .sm\:hover\:-translate-x-6:hover { - --tw-translate-x: -1.5rem; + .md\:ring-offset-colors-red-200 { + --tw-ring-offset-color: var(--colors-red-200, #fed7d7); } - .sm\:hover\:-translate-x-7:hover { - --tw-translate-x: -1.75rem; + .md\:ring-offset-colors-red-300 { + --tw-ring-offset-color: var(--colors-red-300, #feb2b2); } - .sm\:hover\:-translate-x-8:hover { - --tw-translate-x: -2rem; + .md\:ring-offset-colors-red-400 { + --tw-ring-offset-color: var(--colors-red-400, #fc8181); } - .sm\:hover\:-translate-x-9:hover { - --tw-translate-x: -2.25rem; + .md\:ring-offset-colors-red-500 { + --tw-ring-offset-color: var(--colors-red-500, #f56565); } - .sm\:hover\:-translate-x-10:hover { - --tw-translate-x: -2.5rem; + .md\:ring-offset-colors-red-600 { + --tw-ring-offset-color: var(--colors-red-600, #e53e3e); } - .sm\:hover\:-translate-x-11:hover { - --tw-translate-x: -2.75rem; + .md\:ring-offset-colors-red-700 { + --tw-ring-offset-color: var(--colors-red-700, #c53030); } - .sm\:hover\:-translate-x-12:hover { - --tw-translate-x: -3rem; + .md\:ring-offset-colors-red-800 { + --tw-ring-offset-color: var(--colors-red-800, #9b2c2c); } - .sm\:hover\:-translate-x-14:hover { - --tw-translate-x: -3.5rem; + .md\:ring-offset-colors-red-900 { + --tw-ring-offset-color: var(--colors-red-900, #742a2a); } - .sm\:hover\:-translate-x-16:hover { - --tw-translate-x: -4rem; + .md\:ring-offset-colors-orange-100 { + --tw-ring-offset-color: var(--colors-orange-100, #fffaf0); } - .sm\:hover\:-translate-x-20:hover { - --tw-translate-x: -5rem; + .md\:ring-offset-colors-orange-200 { + --tw-ring-offset-color: var(--colors-orange-200, #feebc8); } - .sm\:hover\:-translate-x-24:hover { - --tw-translate-x: -6rem; + .md\:ring-offset-colors-orange-300 { + --tw-ring-offset-color: var(--colors-orange-300, #fbd38d); } - .sm\:hover\:-translate-x-28:hover { - --tw-translate-x: -7rem; + .md\:ring-offset-colors-orange-400 { + --tw-ring-offset-color: var(--colors-orange-400, #f6ad55); } - .sm\:hover\:-translate-x-32:hover { - --tw-translate-x: -8rem; + .md\:ring-offset-colors-orange-500 { + --tw-ring-offset-color: var(--colors-orange-500, #ed8936); } - .sm\:hover\:-translate-x-36:hover { - --tw-translate-x: -9rem; + .md\:ring-offset-colors-orange-600 { + --tw-ring-offset-color: var(--colors-orange-600, #dd6b20); } - .sm\:hover\:-translate-x-40:hover { - --tw-translate-x: -10rem; + .md\:ring-offset-colors-orange-700 { + --tw-ring-offset-color: var(--colors-orange-700, #c05621); } - .sm\:hover\:-translate-x-44:hover { - --tw-translate-x: -11rem; + .md\:ring-offset-colors-orange-800 { + --tw-ring-offset-color: var(--colors-orange-800, #9c4221); } - .sm\:hover\:-translate-x-48:hover { - --tw-translate-x: -12rem; + .md\:ring-offset-colors-orange-900 { + --tw-ring-offset-color: var(--colors-orange-900, #7b341e); } - .sm\:hover\:-translate-x-52:hover { - --tw-translate-x: -13rem; + .md\:ring-offset-colors-yellow-100 { + --tw-ring-offset-color: var(--colors-yellow-100, #fffff0); } - .sm\:hover\:-translate-x-56:hover { - --tw-translate-x: -14rem; + .md\:ring-offset-colors-yellow-200 { + --tw-ring-offset-color: var(--colors-yellow-200, #fefcbf); } - .sm\:hover\:-translate-x-60:hover { - --tw-translate-x: -15rem; + .md\:ring-offset-colors-yellow-300 { + --tw-ring-offset-color: var(--colors-yellow-300, #faf089); } - .sm\:hover\:-translate-x-64:hover { - --tw-translate-x: -16rem; + .md\:ring-offset-colors-yellow-400 { + --tw-ring-offset-color: var(--colors-yellow-400, #f6e05e); } - .sm\:hover\:-translate-x-72:hover { - --tw-translate-x: -18rem; + .md\:ring-offset-colors-yellow-500 { + --tw-ring-offset-color: var(--colors-yellow-500, #ecc94b); } - .sm\:hover\:-translate-x-80:hover { - --tw-translate-x: -20rem; + .md\:ring-offset-colors-yellow-600 { + --tw-ring-offset-color: var(--colors-yellow-600, #d69e2e); } - .sm\:hover\:-translate-x-96:hover { - --tw-translate-x: -24rem; + .md\:ring-offset-colors-yellow-700 { + --tw-ring-offset-color: var(--colors-yellow-700, #b7791f); } - .sm\:hover\:-translate-x-px:hover { - --tw-translate-x: -1px; + .md\:ring-offset-colors-yellow-800 { + --tw-ring-offset-color: var(--colors-yellow-800, #975a16); } - .sm\:hover\:-translate-x-0\.5:hover { - --tw-translate-x: -0.125rem; + .md\:ring-offset-colors-yellow-900 { + --tw-ring-offset-color: var(--colors-yellow-900, #744210); } - .sm\:hover\:-translate-x-1\.5:hover { - --tw-translate-x: -0.375rem; + .md\:ring-offset-colors-green-100 { + --tw-ring-offset-color: var(--colors-green-100, #f0fff4); } - .sm\:hover\:-translate-x-2\.5:hover { - --tw-translate-x: -0.625rem; + .md\:ring-offset-colors-green-200 { + --tw-ring-offset-color: var(--colors-green-200, #c6f6d5); } - .sm\:hover\:-translate-x-3\.5:hover { - --tw-translate-x: -0.875rem; + .md\:ring-offset-colors-green-300 { + --tw-ring-offset-color: var(--colors-green-300, #9ae6b4); } - .sm\:hover\:translate-x-1\/2:hover { - --tw-translate-x: 50%; + .md\:ring-offset-colors-green-400 { + --tw-ring-offset-color: var(--colors-green-400, #68d391); } - .sm\:hover\:translate-x-1\/3:hover { - --tw-translate-x: 33.333333%; + .md\:ring-offset-colors-green-500 { + --tw-ring-offset-color: var(--colors-green-500, #48bb78); } - .sm\:hover\:translate-x-2\/3:hover { - --tw-translate-x: 66.666667%; + .md\:ring-offset-colors-green-600 { + --tw-ring-offset-color: var(--colors-green-600, #38a169); } - .sm\:hover\:translate-x-1\/4:hover { - --tw-translate-x: 25%; + .md\:ring-offset-colors-green-700 { + --tw-ring-offset-color: var(--colors-green-700, #2f855a); } - .sm\:hover\:translate-x-2\/4:hover { - --tw-translate-x: 50%; + .md\:ring-offset-colors-green-800 { + --tw-ring-offset-color: var(--colors-green-800, #276749); } - .sm\:hover\:translate-x-3\/4:hover { - --tw-translate-x: 75%; + .md\:ring-offset-colors-green-900 { + --tw-ring-offset-color: var(--colors-green-900, #22543d); } - .sm\:hover\:translate-x-full:hover { - --tw-translate-x: 100%; + .md\:ring-offset-colors-teal-100 { + --tw-ring-offset-color: var(--colors-teal-100, #e6fffa); } - .sm\:hover\:-translate-x-1\/2:hover { - --tw-translate-x: -50%; + .md\:ring-offset-colors-teal-200 { + --tw-ring-offset-color: var(--colors-teal-200, #b2f5ea); } - .sm\:hover\:-translate-x-1\/3:hover { - --tw-translate-x: -33.333333%; + .md\:ring-offset-colors-teal-300 { + --tw-ring-offset-color: var(--colors-teal-300, #81e6d9); } - .sm\:hover\:-translate-x-2\/3:hover { - --tw-translate-x: -66.666667%; + .md\:ring-offset-colors-teal-400 { + --tw-ring-offset-color: var(--colors-teal-400, #4fd1c5); } - .sm\:hover\:-translate-x-1\/4:hover { - --tw-translate-x: -25%; + .md\:ring-offset-colors-teal-500 { + --tw-ring-offset-color: var(--colors-teal-500, #38b2ac); } - .sm\:hover\:-translate-x-2\/4:hover { - --tw-translate-x: -50%; + .md\:ring-offset-colors-teal-600 { + --tw-ring-offset-color: var(--colors-teal-600, #319795); } - .sm\:hover\:-translate-x-3\/4:hover { - --tw-translate-x: -75%; + .md\:ring-offset-colors-teal-700 { + --tw-ring-offset-color: var(--colors-teal-700, #2c7a7b); } - .sm\:hover\:-translate-x-full:hover { - --tw-translate-x: -100%; + .md\:ring-offset-colors-teal-800 { + --tw-ring-offset-color: var(--colors-teal-800, #285e61); } - .sm\:hover\:translate-y-0:hover { - --tw-translate-y: 0px; + .md\:ring-offset-colors-teal-900 { + --tw-ring-offset-color: var(--colors-teal-900, #234e52); } - .sm\:hover\:translate-y-1:hover { - --tw-translate-y: 0.25rem; + .md\:ring-offset-colors-blue-100 { + --tw-ring-offset-color: var(--colors-blue-100, #ebf8ff); } - .sm\:hover\:translate-y-2:hover { - --tw-translate-y: 0.5rem; + .md\:ring-offset-colors-blue-200 { + --tw-ring-offset-color: var(--colors-blue-200, #bee3f8); } - .sm\:hover\:translate-y-3:hover { - --tw-translate-y: 0.75rem; + .md\:ring-offset-colors-blue-300 { + --tw-ring-offset-color: var(--colors-blue-300, #90cdf4); } - .sm\:hover\:translate-y-4:hover { - --tw-translate-y: 1rem; + .md\:ring-offset-colors-blue-400 { + --tw-ring-offset-color: var(--colors-blue-400, #63b3ed); } - .sm\:hover\:translate-y-5:hover { - --tw-translate-y: 1.25rem; + .md\:ring-offset-colors-blue-500 { + --tw-ring-offset-color: var(--colors-blue-500, #4299e1); } - .sm\:hover\:translate-y-6:hover { - --tw-translate-y: 1.5rem; + .md\:ring-offset-colors-blue-600 { + --tw-ring-offset-color: var(--colors-blue-600, #3182ce); } - .sm\:hover\:translate-y-7:hover { - --tw-translate-y: 1.75rem; + .md\:ring-offset-colors-blue-700 { + --tw-ring-offset-color: var(--colors-blue-700, #2b6cb0); } - .sm\:hover\:translate-y-8:hover { - --tw-translate-y: 2rem; + .md\:ring-offset-colors-blue-800 { + --tw-ring-offset-color: var(--colors-blue-800, #2c5282); } - .sm\:hover\:translate-y-9:hover { - --tw-translate-y: 2.25rem; + .md\:ring-offset-colors-blue-900 { + --tw-ring-offset-color: var(--colors-blue-900, #2a4365); } - .sm\:hover\:translate-y-10:hover { - --tw-translate-y: 2.5rem; + .md\:ring-offset-colors-indigo-100 { + --tw-ring-offset-color: var(--colors-indigo-100, #ebf4ff); } - .sm\:hover\:translate-y-11:hover { - --tw-translate-y: 2.75rem; + .md\:ring-offset-colors-indigo-200 { + --tw-ring-offset-color: var(--colors-indigo-200, #c3dafe); } - .sm\:hover\:translate-y-12:hover { - --tw-translate-y: 3rem; + .md\:ring-offset-colors-indigo-300 { + --tw-ring-offset-color: var(--colors-indigo-300, #a3bffa); } - .sm\:hover\:translate-y-14:hover { - --tw-translate-y: 3.5rem; + .md\:ring-offset-colors-indigo-400 { + --tw-ring-offset-color: var(--colors-indigo-400, #7f9cf5); } - .sm\:hover\:translate-y-16:hover { - --tw-translate-y: 4rem; + .md\:ring-offset-colors-indigo-500 { + --tw-ring-offset-color: var(--colors-indigo-500, #667eea); } - .sm\:hover\:translate-y-20:hover { - --tw-translate-y: 5rem; + .md\:ring-offset-colors-indigo-600 { + --tw-ring-offset-color: var(--colors-indigo-600, #5a67d8); } - .sm\:hover\:translate-y-24:hover { - --tw-translate-y: 6rem; + .md\:ring-offset-colors-indigo-700 { + --tw-ring-offset-color: var(--colors-indigo-700, #4c51bf); } - .sm\:hover\:translate-y-28:hover { - --tw-translate-y: 7rem; + .md\:ring-offset-colors-indigo-800 { + --tw-ring-offset-color: var(--colors-indigo-800, #434190); } - .sm\:hover\:translate-y-32:hover { - --tw-translate-y: 8rem; + .md\:ring-offset-colors-indigo-900 { + --tw-ring-offset-color: var(--colors-indigo-900, #3c366b); } - .sm\:hover\:translate-y-36:hover { - --tw-translate-y: 9rem; + .md\:ring-offset-colors-purple-100 { + --tw-ring-offset-color: var(--colors-purple-100, #faf5ff); } - .sm\:hover\:translate-y-40:hover { - --tw-translate-y: 10rem; + .md\:ring-offset-colors-purple-200 { + --tw-ring-offset-color: var(--colors-purple-200, #e9d8fd); } - .sm\:hover\:translate-y-44:hover { - --tw-translate-y: 11rem; + .md\:ring-offset-colors-purple-300 { + --tw-ring-offset-color: var(--colors-purple-300, #d6bcfa); } - .sm\:hover\:translate-y-48:hover { - --tw-translate-y: 12rem; + .md\:ring-offset-colors-purple-400 { + --tw-ring-offset-color: var(--colors-purple-400, #b794f4); } - .sm\:hover\:translate-y-52:hover { - --tw-translate-y: 13rem; + .md\:ring-offset-colors-purple-500 { + --tw-ring-offset-color: var(--colors-purple-500, #9f7aea); } - .sm\:hover\:translate-y-56:hover { - --tw-translate-y: 14rem; + .md\:ring-offset-colors-purple-600 { + --tw-ring-offset-color: var(--colors-purple-600, #805ad5); } - .sm\:hover\:translate-y-60:hover { - --tw-translate-y: 15rem; + .md\:ring-offset-colors-purple-700 { + --tw-ring-offset-color: var(--colors-purple-700, #6b46c1); } - .sm\:hover\:translate-y-64:hover { - --tw-translate-y: 16rem; + .md\:ring-offset-colors-purple-800 { + --tw-ring-offset-color: var(--colors-purple-800, #553c9a); } - .sm\:hover\:translate-y-72:hover { - --tw-translate-y: 18rem; + .md\:ring-offset-colors-purple-900 { + --tw-ring-offset-color: var(--colors-purple-900, #44337a); } - .sm\:hover\:translate-y-80:hover { - --tw-translate-y: 20rem; + .md\:ring-offset-colors-pink-100 { + --tw-ring-offset-color: var(--colors-pink-100, #fff5f7); } - .sm\:hover\:translate-y-96:hover { - --tw-translate-y: 24rem; + .md\:ring-offset-colors-pink-200 { + --tw-ring-offset-color: var(--colors-pink-200, #fed7e2); } - .sm\:hover\:translate-y-px:hover { - --tw-translate-y: 1px; + .md\:ring-offset-colors-pink-300 { + --tw-ring-offset-color: var(--colors-pink-300, #fbb6ce); } - .sm\:hover\:translate-y-0\.5:hover { - --tw-translate-y: 0.125rem; + .md\:ring-offset-colors-pink-400 { + --tw-ring-offset-color: var(--colors-pink-400, #f687b3); } - .sm\:hover\:translate-y-1\.5:hover { - --tw-translate-y: 0.375rem; + .md\:ring-offset-colors-pink-500 { + --tw-ring-offset-color: var(--colors-pink-500, #ed64a6); } - .sm\:hover\:translate-y-2\.5:hover { - --tw-translate-y: 0.625rem; + .md\:ring-offset-colors-pink-600 { + --tw-ring-offset-color: var(--colors-pink-600, #d53f8c); } - .sm\:hover\:translate-y-3\.5:hover { - --tw-translate-y: 0.875rem; + .md\:ring-offset-colors-pink-700 { + --tw-ring-offset-color: var(--colors-pink-700, #b83280); } - .sm\:hover\:-translate-y-0:hover { - --tw-translate-y: 0px; + .md\:ring-offset-colors-pink-800 { + --tw-ring-offset-color: var(--colors-pink-800, #97266d); } - .sm\:hover\:-translate-y-1:hover { - --tw-translate-y: -0.25rem; + .md\:ring-offset-colors-pink-900 { + --tw-ring-offset-color: var(--colors-pink-900, #702459); } - .sm\:hover\:-translate-y-2:hover { - --tw-translate-y: -0.5rem; + .md\:ring-offset-Box\ Shadow { + --tw-ring-offset-color: var(--box-shadow, #7f7e7f); } - .sm\:hover\:-translate-y-3:hover { - --tw-translate-y: -0.75rem; + .md\:ring-offset-Error16 { + --tw-ring-offset-color: var(--error16, #f03d3e40); } - .sm\:hover\:-translate-y-4:hover { - --tw-translate-y: -1rem; + .md\:ring-offset-Success16 { + --tw-ring-offset-color: var(--success16, #5bb14d40); } - .sm\:hover\:-translate-y-5:hover { - --tw-translate-y: -1.25rem; + .md\:ring-offset-Notification16 { + --tw-ring-offset-color: var(--notification16, #3959ff40); } - .sm\:hover\:-translate-y-6:hover { - --tw-translate-y: -1.5rem; + .md\:ring-offset-Error8 { + --tw-ring-offset-color: var(--error8, #f03d3e1a); } - .sm\:hover\:-translate-y-7:hover { - --tw-translate-y: -1.75rem; + .md\:ring-offset-Notification8 { + --tw-ring-offset-color: var(--notification8, #3959ff1a); } - .sm\:hover\:-translate-y-8:hover { - --tw-translate-y: -2rem; + .md\:ring-offset-Success8 { + --tw-ring-offset-color: var(--success8, #5bb14d1a); } - .sm\:hover\:-translate-y-9:hover { - --tw-translate-y: -2.25rem; + .md\:ring-offset-Light\ -\ Overlay { + --tw-ring-offset-color: var(--light-overlay, #f0edee66); } - .sm\:hover\:-translate-y-10:hover { - --tw-translate-y: -2.5rem; + .md\:ring-offset-Dark-\ Overlay { + --tw-ring-offset-color: var(--dark-overlay, #7f7e7f66); } - .sm\:hover\:-translate-y-11:hover { - --tw-translate-y: -2.75rem; + .md\:ring-offset-black-40 { + --tw-ring-offset-color: var(--black-40, #00000066); } - .sm\:hover\:-translate-y-12:hover { - --tw-translate-y: -3rem; + .md\:ring-offset-black-75 { + --tw-ring-offset-color: var(--black-75, #000000bf); } - .sm\:hover\:-translate-y-14:hover { - --tw-translate-y: -3.5rem; + .md\:ring-offset-black-60 { + --tw-ring-offset-color: var(--black-60, #00000099); } - .sm\:hover\:-translate-y-16:hover { - --tw-translate-y: -4rem; + .md\:ring-offset-black-50 { + --tw-ring-offset-color: var(--black-50, #00000080); } - .sm\:hover\:-translate-y-20:hover { - --tw-translate-y: -5rem; + .md\:ring-offset-black-25 { + --tw-ring-offset-color: var(--black-25, #00000040); } - .sm\:hover\:-translate-y-24:hover { - --tw-translate-y: -6rem; + .md\:ring-offset-black-10 { + --tw-ring-offset-color: var(--black-10, #0000001a); } - .sm\:hover\:-translate-y-28:hover { - --tw-translate-y: -7rem; + .md\:ring-offset-white-25 { + --tw-ring-offset-color: var(--white-25, #ffffff40); } - .sm\:hover\:-translate-y-32:hover { - --tw-translate-y: -8rem; + .md\:ring-offset-white-60 { + --tw-ring-offset-color: var(--white-60, #ffffff99); } - .sm\:hover\:-translate-y-36:hover { - --tw-translate-y: -9rem; + .md\:ring-offset-black-64 { + --tw-ring-offset-color: var(--black-64, #000000a3); } - .sm\:hover\:-translate-y-40:hover { - --tw-translate-y: -10rem; + .md\:ring-offset-Shadow\ and\ Highlight-Shadow { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .sm\:hover\:-translate-y-44:hover { - --tw-translate-y: -11rem; + .md\:ring-offset-Shadow\ and\ Highlight-Highlight { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight, #474747); } - .sm\:hover\:-translate-y-48:hover { - --tw-translate-y: -12rem; + .md\:ring-offset-Shadow\ and\ Highlight-highlight\ one { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .sm\:hover\:-translate-y-52:hover { - --tw-translate-y: -13rem; + .md\:ring-offset-Shadow\ and\ Highlight-highlight\ two { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-two, #47474799); } - .sm\:hover\:-translate-y-56:hover { - --tw-translate-y: -14rem; + .md\:ring-offset-Shadow\ and\ Highlight-highlight\ three { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-three, #47474766); } - .sm\:hover\:-translate-y-60:hover { - --tw-translate-y: -15rem; + .md\:ring-offset-Shadow\ and\ Highlight-highlight\ five { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .sm\:hover\:-translate-y-64:hover { - --tw-translate-y: -16rem; + .md\:ring-offset-Shadow\ and\ Highlight-shadow\ one { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .sm\:hover\:-translate-y-72:hover { - --tw-translate-y: -18rem; + .md\:ring-offset-Shadow\ and\ Highlight-shadow\ two { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .sm\:hover\:-translate-y-80:hover { - --tw-translate-y: -20rem; + .md\:ring-offset-Shadow\ and\ Highlight-shadow\ three { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .sm\:hover\:-translate-y-96:hover { - --tw-translate-y: -24rem; + .md\:ring-offset-Shadow\ and\ Highlight-shadow\ four { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .sm\:hover\:-translate-y-px:hover { - --tw-translate-y: -1px; + .md\:ring-offset-Shadow\ and\ Highlight-shadow\ five { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .sm\:hover\:-translate-y-0\.5:hover { - --tw-translate-y: -0.125rem; + .md\:ring-offset-Shadow\ and\ Highlight-highlight\ four { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-four, #47474740); } - .sm\:hover\:-translate-y-1\.5:hover { - --tw-translate-y: -0.375rem; + .md\:ring-offset-Base\ Layer\ Styles-Base\ Layer-\ Light-White { + --tw-ring-offset-color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .sm\:hover\:-translate-y-2\.5:hover { - --tw-translate-y: -0.625rem; + .md\:ring-offset-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite { + --tw-ring-offset-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .sm\:hover\:-translate-y-3\.5:hover { - --tw-translate-y: -0.875rem; + .md\:ring-offset-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack { + --tw-ring-offset-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .sm\:hover\:translate-y-1\/2:hover { - --tw-translate-y: 50%; + .md\:ring-offset-Base\ Layer\ Styles-Base\ Layer-Dark-Black { + --tw-ring-offset-color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .sm\:hover\:translate-y-1\/3:hover { - --tw-translate-y: 33.333333%; + .md\:ring-offset-Grey-Scale-white { + --tw-ring-offset-color: var(--grey-scale-white, #ffffff); } - .sm\:hover\:translate-y-2\/3:hover { - --tw-translate-y: 66.666667%; + .md\:ring-offset-Grey-Scale-off-white { + --tw-ring-offset-color: var(--grey-scale-off-white, #f0edee); } - .sm\:hover\:translate-y-1\/4:hover { - --tw-translate-y: 25%; + .md\:ring-offset-Grey\ Scale-grey { + --tw-ring-offset-color: var(--grey-scale-grey, #7f7e7f); } - .sm\:hover\:translate-y-2\/4:hover { - --tw-translate-y: 50%; + .md\:ring-offset-Grey\ Scale-charcoal { + --tw-ring-offset-color: var(--grey-scale-charcoal, #474747); } - .sm\:hover\:translate-y-3\/4:hover { - --tw-translate-y: 75%; + .md\:ring-offset-Grey\ Scale-off-black { + --tw-ring-offset-color: var(--grey-scale-off-black, #1c1c1c); } - .sm\:hover\:translate-y-full:hover { - --tw-translate-y: 100%; + .md\:ring-offset-Grey\ Scale-black { + --tw-ring-offset-color: var(--grey-scale-black, #000000); } - .sm\:hover\:-translate-y-1\/2:hover { - --tw-translate-y: -50%; + .md\:ring-offset-Blue-blue { + --tw-ring-offset-color: var(--blue-blue, #3a7ca5); } - .sm\:hover\:-translate-y-1\/3:hover { - --tw-translate-y: -33.333333%; + .md\:ring-offset-Blue-blue-100 { + --tw-ring-offset-color: var(--blue-blue-100, #75a3c0); } - .sm\:hover\:-translate-y-2\/3:hover { - --tw-translate-y: -66.666667%; + .md\:ring-offset-Blue-blue-200 { + --tw-ring-offset-color: var(--blue-blue-200, #9cbed2); } - .sm\:hover\:-translate-y-1\/4:hover { - --tw-translate-y: -25%; + .md\:ring-offset-Blue-blue-300 { + --tw-ring-offset-color: var(--blue-blue-300, #4f7d9a); } - .sm\:hover\:-translate-y-2\/4:hover { - --tw-translate-y: -50%; + .md\:ring-offset-Blue-blue-400 { + --tw-ring-offset-color: var(--blue-blue-400, #5c7d92); } - .sm\:hover\:-translate-y-3\/4:hover { - --tw-translate-y: -75%; + .md\:ring-offset-Blue-blue-500 { + --tw-ring-offset-color: var(--blue-blue-500, #347095); } - .sm\:hover\:-translate-y-full:hover { - --tw-translate-y: -100%; + .md\:ring-offset-Blue-blue-600 { + --tw-ring-offset-color: var(--blue-blue-600, #295774); } - .sm\:focus\:translate-x-0:focus { - --tw-translate-x: 0px; + .md\:ring-offset-Blue-blue-700 { + --tw-ring-offset-color: var(--blue-blue-700, #173242); } - .sm\:focus\:translate-x-1:focus { - --tw-translate-x: 0.25rem; + .md\:ring-offset-LightBlue-lightblue { + --tw-ring-offset-color: var(--light-blue-lightblue, #81c3d7); } - .sm\:focus\:translate-x-2:focus { - --tw-translate-x: 0.5rem; + .md\:ring-offset-LightBlue-lightblue-100 { + --tw-ring-offset-color: var(--light-blue-lightblue-100, #a7d5e3); } - .sm\:focus\:translate-x-3:focus { - --tw-translate-x: 0.75rem; + .md\:ring-offset-LightBlue-lightblue-200 { + --tw-ring-offset-color: var(--light-blue-lightblue-200, #c0e1eb); } - .sm\:focus\:translate-x-4:focus { - --tw-translate-x: 1rem; + .md\:ring-offset-LightBlue-lightblue-300 { + --tw-ring-offset-color: var(--light-blue-lightblue-300, #80aebd); } - .sm\:focus\:translate-x-5:focus { - --tw-translate-x: 1.25rem; + .md\:ring-offset-LightBlue-lightblue-400 { + --tw-ring-offset-color: var(--light-blue-lightblue-400, #80a0ab); } - .sm\:focus\:translate-x-6:focus { - --tw-translate-x: 1.5rem; + .md\:ring-offset-LightBlue-lightblue-500 { + --tw-ring-offset-color: var(--light-blue-lightblue-500, #74afc1); } - .sm\:focus\:translate-x-7:focus { - --tw-translate-x: 1.75rem; + .md\:ring-offset-LightBlue-lightblue-600 { + --tw-ring-offset-color: var(--light-blue-lightblue-600, #5a8997); } - .sm\:focus\:translate-x-8:focus { - --tw-translate-x: 2rem; + .md\:ring-offset-LightBlue-lightblue-650 { + --tw-ring-offset-color: var(--light-blue-lightblue-650, #3e5e65); } - .sm\:focus\:translate-x-9:focus { - --tw-translate-x: 2.25rem; + .md\:ring-offset-LightBlue-lightblue-700 { + --tw-ring-offset-color: var(--light-blue-lightblue-700, #344e56); } - .sm\:focus\:translate-x-10:focus { - --tw-translate-x: 2.5rem; + .md\:ring-offset-Orange-orange { + --tw-ring-offset-color: var(--orange-orange, #ff7f0e); } - .sm\:focus\:translate-x-11:focus { - --tw-translate-x: 2.75rem; + .md\:ring-offset-Orange-orange-100 { + --tw-ring-offset-color: var(--orange-orange-100, #ffa556); } - .sm\:focus\:translate-x-12:focus { - --tw-translate-x: 3rem; + .md\:ring-offset-Orange-orange-200 { + --tw-ring-offset-color: var(--orange-orange-200, #ffbf86); } - .sm\:focus\:translate-x-14:focus { - --tw-translate-x: 3.5rem; + .md\:ring-offset-Orange-orange-300 { + --tw-ring-offset-color: var(--orange-orange-300, #d97f30); } - .sm\:focus\:translate-x-16:focus { - --tw-translate-x: 4rem; + .md\:ring-offset-Orange-orange-400 { + --tw-ring-offset-color: var(--orange-orange-400, #bf7e46); } - .sm\:focus\:translate-x-20:focus { - --tw-translate-x: 5rem; + .md\:ring-offset-Orange-orange-500 { + --tw-ring-offset-color: var(--orange-orange-500, #e5720d); } - .sm\:focus\:translate-x-24:focus { - --tw-translate-x: 6rem; + .md\:ring-offset-Orange-orange-600 { + --tw-ring-offset-color: var(--orange-orange-600, #b3590a); } - .sm\:focus\:translate-x-28:focus { - --tw-translate-x: 7rem; + .md\:ring-offset-Orange-orange-700 { + --tw-ring-offset-color: var(--orange-orange-700, #663306); } - .sm\:focus\:translate-x-32:focus { - --tw-translate-x: 8rem; + .md\:ring-offset-Yellow-yellow { + --tw-ring-offset-color: var(--yellow-yellow, #ffab00); } - .sm\:focus\:translate-x-36:focus { - --tw-translate-x: 9rem; + .md\:ring-offset-Yellow-yellow-100 { + --tw-ring-offset-color: var(--yellow-yellow-100, #ffc44c); } - .sm\:focus\:translate-x-40:focus { - --tw-translate-x: 10rem; + .md\:ring-offset-Yellow-yellow-200 { + --tw-ring-offset-color: var(--yellow-yellow-200, #ffd580); } - .sm\:focus\:translate-x-44:focus { - --tw-translate-x: 11rem; + .md\:ring-offset-Yellow-yellow-300 { + --tw-ring-offset-color: var(--yellow-yellow-300, #d99d26); } - .sm\:focus\:translate-x-48:focus { - --tw-translate-x: 12rem; + .md\:ring-offset-Yellow-yellow-400 { + --tw-ring-offset-color: var(--yellow-yellow-400, #bf943f); } - .sm\:focus\:translate-x-52:focus { - --tw-translate-x: 13rem; + .md\:ring-offset-Yellow-yellow-500 { + --tw-ring-offset-color: var(--yellow-yellow-500, #e59a00); } - .sm\:focus\:translate-x-56:focus { - --tw-translate-x: 14rem; + .md\:ring-offset-Yellow-yellow-600 { + --tw-ring-offset-color: var(--yellow-yellow-600, #b37800); } - .sm\:focus\:translate-x-60:focus { - --tw-translate-x: 15rem; + .md\:ring-offset-Yellow-yellow-700 { + --tw-ring-offset-color: var(--yellow-yellow-700, #664400); } - .sm\:focus\:translate-x-64:focus { - --tw-translate-x: 16rem; + .md\:ring-offset-Notification-notification { + --tw-ring-offset-color: var(--notification-notification, #3959ff); } - .sm\:focus\:translate-x-72:focus { - --tw-translate-x: 18rem; + .md\:ring-offset-Notification-notification-100 { + --tw-ring-offset-color: var(--notification-notification-100, #748bff); } - .sm\:focus\:translate-x-80:focus { - --tw-translate-x: 20rem; + .md\:ring-offset-Notification-notification-200 { + --tw-ring-offset-color: var(--notification-notification-200, #9cacff); } - .sm\:focus\:translate-x-96:focus { - --tw-translate-x: 24rem; + .md\:ring-offset-Notification-notification-300 { + --tw-ring-offset-color: var(--notification-notification-300, #4e64d9); } - .sm\:focus\:translate-x-px:focus { - --tw-translate-x: 1px; + .md\:ring-offset-Notification-notification-400 { + --tw-ring-offset-color: var(--notification-notification-400, #5c6cbf); } - .sm\:focus\:translate-x-0\.5:focus { - --tw-translate-x: 0.125rem; + .md\:ring-offset-Notification-notification-500 { + --tw-ring-offset-color: var(--notification-notification-500, #3350e5); } - .sm\:focus\:translate-x-1\.5:focus { - --tw-translate-x: 0.375rem; + .md\:ring-offset-Notification-notification-600 { + --tw-ring-offset-color: var(--notification-notification-600, #283eb3); } - .sm\:focus\:translate-x-2\.5:focus { - --tw-translate-x: 0.625rem; + .md\:ring-offset-Notification-notification-700 { + --tw-ring-offset-color: var(--notification-notification-700, #172466); } - .sm\:focus\:translate-x-3\.5:focus { - --tw-translate-x: 0.875rem; + .md\:ring-offset-Success-success\ -700 { + --tw-ring-offset-color: var(--success-success-700, #24471f); } - .sm\:focus\:-translate-x-0:focus { - --tw-translate-x: 0px; + .md\:ring-offset-Success-success { + --tw-ring-offset-color: var(--success-success, #5bb14d); } - .sm\:focus\:-translate-x-1:focus { - --tw-translate-x: -0.25rem; + .md\:ring-offset-Success-success\ -100 { + --tw-ring-offset-color: var(--success-success-100, #8cc882); } - .sm\:focus\:-translate-x-2:focus { - --tw-translate-x: -0.5rem; + .md\:ring-offset-Success-success\ -200 { + --tw-ring-offset-color: var(--success-success-200, #add8a6); } - .sm\:focus\:-translate-x-3:focus { - --tw-translate-x: -0.75rem; + .md\:ring-offset-Success-success\ -300 { + --tw-ring-offset-color: var(--success-success-300, #66a25c); } - .sm\:focus\:-translate-x-4:focus { - --tw-translate-x: -1rem; + .md\:ring-offset-Success-success\ -400 { + --tw-ring-offset-color: var(--success-success-400, #6d9766); } - .sm\:focus\:-translate-x-5:focus { - --tw-translate-x: -1.25rem; + .md\:ring-offset-Success-success\ -500 { + --tw-ring-offset-color: var(--success-success-500, #529f45); } - .sm\:focus\:-translate-x-6:focus { - --tw-translate-x: -1.5rem; + .md\:ring-offset-Success-success\ -600 { + --tw-ring-offset-color: var(--success-success-600, #407c36); } - .sm\:focus\:-translate-x-7:focus { - --tw-translate-x: -1.75rem; + .md\:ring-offset-Error-error { + --tw-ring-offset-color: var(--error-error, #f03d3e); } - .sm\:focus\:-translate-x-8:focus { - --tw-translate-x: -2rem; + .md\:ring-offset-Error-error-100 { + --tw-ring-offset-color: var(--error-error-100, #f57778); } - .sm\:focus\:-translate-x-9:focus { - --tw-translate-x: -2.25rem; + .md\:ring-offset-Error-error-200 { + --tw-ring-offset-color: var(--error-error-200, #f89e9e); } - .sm\:focus\:-translate-x-10:focus { - --tw-translate-x: -2.5rem; + .md\:ring-offset-Error-error-250 { + --tw-ring-offset-color: var(--error-error-250, #f9c8c8); } - .sm\:focus\:-translate-x-11:focus { - --tw-translate-x: -2.75rem; + .md\:ring-offset-Error-error-300 { + --tw-ring-offset-color: var(--error-error-300, #ce5151); } - .sm\:focus\:-translate-x-12:focus { - --tw-translate-x: -3rem; + .md\:ring-offset-Error-error-400 { + --tw-ring-offset-color: var(--error-error-400, #b85e5e); } - .sm\:focus\:-translate-x-14:focus { - --tw-translate-x: -3.5rem; + .md\:ring-offset-Error-error-500 { + --tw-ring-offset-color: var(--error-error-500, #d83738); } - .sm\:focus\:-translate-x-16:focus { - --tw-translate-x: -4rem; + .md\:ring-offset-Error-error-600 { + --tw-ring-offset-color: var(--error-error-600, #a82b2b); } - .sm\:focus\:-translate-x-20:focus { - --tw-translate-x: -5rem; + .md\:ring-offset-Error-error-700 { + --tw-ring-offset-color: var(--error-error-700, #601819); } - .sm\:focus\:-translate-x-24:focus { - --tw-translate-x: -6rem; + .md\:focus-within\:ring-offset-colors-black:focus-within { + --tw-ring-offset-color: var(--colors-black, #000000); } - .sm\:focus\:-translate-x-28:focus { - --tw-translate-x: -7rem; + .md\:focus-within\:ring-offset-colors-white:focus-within { + --tw-ring-offset-color: var(--colors-white, #ffffff); } - .sm\:focus\:-translate-x-32:focus { - --tw-translate-x: -8rem; + .md\:focus-within\:ring-offset-colors-gray-100:focus-within { + --tw-ring-offset-color: var(--colors-gray-100, #f7fafc); } - .sm\:focus\:-translate-x-36:focus { - --tw-translate-x: -9rem; + .md\:focus-within\:ring-offset-colors-gray-200:focus-within { + --tw-ring-offset-color: var(--colors-gray-200, #edf2f7); } - .sm\:focus\:-translate-x-40:focus { - --tw-translate-x: -10rem; + .md\:focus-within\:ring-offset-colors-gray-300:focus-within { + --tw-ring-offset-color: var(--colors-gray-300, #e2e8f0); } - .sm\:focus\:-translate-x-44:focus { - --tw-translate-x: -11rem; + .md\:focus-within\:ring-offset-colors-gray-400:focus-within { + --tw-ring-offset-color: var(--colors-gray-400, #cbd5e0); } - .sm\:focus\:-translate-x-48:focus { - --tw-translate-x: -12rem; + .md\:focus-within\:ring-offset-colors-gray-500:focus-within { + --tw-ring-offset-color: var(--colors-gray-500, #a0aec0); } - .sm\:focus\:-translate-x-52:focus { - --tw-translate-x: -13rem; + .md\:focus-within\:ring-offset-colors-gray-600:focus-within { + --tw-ring-offset-color: var(--colors-gray-600, #718096); } - .sm\:focus\:-translate-x-56:focus { - --tw-translate-x: -14rem; + .md\:focus-within\:ring-offset-colors-gray-700:focus-within { + --tw-ring-offset-color: var(--colors-gray-700, #4a5568); } - .sm\:focus\:-translate-x-60:focus { - --tw-translate-x: -15rem; + .md\:focus-within\:ring-offset-colors-gray-800:focus-within { + --tw-ring-offset-color: var(--colors-gray-800, #2d3748); } - .sm\:focus\:-translate-x-64:focus { - --tw-translate-x: -16rem; + .md\:focus-within\:ring-offset-colors-gray-900:focus-within { + --tw-ring-offset-color: var(--colors-gray-900, #1a202c); } - .sm\:focus\:-translate-x-72:focus { - --tw-translate-x: -18rem; + .md\:focus-within\:ring-offset-colors-red-100:focus-within { + --tw-ring-offset-color: var(--colors-red-100, #fff5f5); } - .sm\:focus\:-translate-x-80:focus { - --tw-translate-x: -20rem; + .md\:focus-within\:ring-offset-colors-red-200:focus-within { + --tw-ring-offset-color: var(--colors-red-200, #fed7d7); } - .sm\:focus\:-translate-x-96:focus { - --tw-translate-x: -24rem; + .md\:focus-within\:ring-offset-colors-red-300:focus-within { + --tw-ring-offset-color: var(--colors-red-300, #feb2b2); } - .sm\:focus\:-translate-x-px:focus { - --tw-translate-x: -1px; + .md\:focus-within\:ring-offset-colors-red-400:focus-within { + --tw-ring-offset-color: var(--colors-red-400, #fc8181); } - .sm\:focus\:-translate-x-0\.5:focus { - --tw-translate-x: -0.125rem; + .md\:focus-within\:ring-offset-colors-red-500:focus-within { + --tw-ring-offset-color: var(--colors-red-500, #f56565); } - .sm\:focus\:-translate-x-1\.5:focus { - --tw-translate-x: -0.375rem; + .md\:focus-within\:ring-offset-colors-red-600:focus-within { + --tw-ring-offset-color: var(--colors-red-600, #e53e3e); } - .sm\:focus\:-translate-x-2\.5:focus { - --tw-translate-x: -0.625rem; + .md\:focus-within\:ring-offset-colors-red-700:focus-within { + --tw-ring-offset-color: var(--colors-red-700, #c53030); } - .sm\:focus\:-translate-x-3\.5:focus { - --tw-translate-x: -0.875rem; + .md\:focus-within\:ring-offset-colors-red-800:focus-within { + --tw-ring-offset-color: var(--colors-red-800, #9b2c2c); } - .sm\:focus\:translate-x-1\/2:focus { - --tw-translate-x: 50%; + .md\:focus-within\:ring-offset-colors-red-900:focus-within { + --tw-ring-offset-color: var(--colors-red-900, #742a2a); } - .sm\:focus\:translate-x-1\/3:focus { - --tw-translate-x: 33.333333%; + .md\:focus-within\:ring-offset-colors-orange-100:focus-within { + --tw-ring-offset-color: var(--colors-orange-100, #fffaf0); } - .sm\:focus\:translate-x-2\/3:focus { - --tw-translate-x: 66.666667%; + .md\:focus-within\:ring-offset-colors-orange-200:focus-within { + --tw-ring-offset-color: var(--colors-orange-200, #feebc8); } - .sm\:focus\:translate-x-1\/4:focus { - --tw-translate-x: 25%; + .md\:focus-within\:ring-offset-colors-orange-300:focus-within { + --tw-ring-offset-color: var(--colors-orange-300, #fbd38d); } - .sm\:focus\:translate-x-2\/4:focus { - --tw-translate-x: 50%; + .md\:focus-within\:ring-offset-colors-orange-400:focus-within { + --tw-ring-offset-color: var(--colors-orange-400, #f6ad55); } - .sm\:focus\:translate-x-3\/4:focus { - --tw-translate-x: 75%; + .md\:focus-within\:ring-offset-colors-orange-500:focus-within { + --tw-ring-offset-color: var(--colors-orange-500, #ed8936); } - .sm\:focus\:translate-x-full:focus { - --tw-translate-x: 100%; + .md\:focus-within\:ring-offset-colors-orange-600:focus-within { + --tw-ring-offset-color: var(--colors-orange-600, #dd6b20); } - .sm\:focus\:-translate-x-1\/2:focus { - --tw-translate-x: -50%; + .md\:focus-within\:ring-offset-colors-orange-700:focus-within { + --tw-ring-offset-color: var(--colors-orange-700, #c05621); } - .sm\:focus\:-translate-x-1\/3:focus { - --tw-translate-x: -33.333333%; + .md\:focus-within\:ring-offset-colors-orange-800:focus-within { + --tw-ring-offset-color: var(--colors-orange-800, #9c4221); } - .sm\:focus\:-translate-x-2\/3:focus { - --tw-translate-x: -66.666667%; + .md\:focus-within\:ring-offset-colors-orange-900:focus-within { + --tw-ring-offset-color: var(--colors-orange-900, #7b341e); } - .sm\:focus\:-translate-x-1\/4:focus { - --tw-translate-x: -25%; + .md\:focus-within\:ring-offset-colors-yellow-100:focus-within { + --tw-ring-offset-color: var(--colors-yellow-100, #fffff0); } - .sm\:focus\:-translate-x-2\/4:focus { - --tw-translate-x: -50%; + .md\:focus-within\:ring-offset-colors-yellow-200:focus-within { + --tw-ring-offset-color: var(--colors-yellow-200, #fefcbf); } - .sm\:focus\:-translate-x-3\/4:focus { - --tw-translate-x: -75%; + .md\:focus-within\:ring-offset-colors-yellow-300:focus-within { + --tw-ring-offset-color: var(--colors-yellow-300, #faf089); } - .sm\:focus\:-translate-x-full:focus { - --tw-translate-x: -100%; + .md\:focus-within\:ring-offset-colors-yellow-400:focus-within { + --tw-ring-offset-color: var(--colors-yellow-400, #f6e05e); } - .sm\:focus\:translate-y-0:focus { - --tw-translate-y: 0px; + .md\:focus-within\:ring-offset-colors-yellow-500:focus-within { + --tw-ring-offset-color: var(--colors-yellow-500, #ecc94b); } - .sm\:focus\:translate-y-1:focus { - --tw-translate-y: 0.25rem; + .md\:focus-within\:ring-offset-colors-yellow-600:focus-within { + --tw-ring-offset-color: var(--colors-yellow-600, #d69e2e); } - .sm\:focus\:translate-y-2:focus { - --tw-translate-y: 0.5rem; + .md\:focus-within\:ring-offset-colors-yellow-700:focus-within { + --tw-ring-offset-color: var(--colors-yellow-700, #b7791f); } - .sm\:focus\:translate-y-3:focus { - --tw-translate-y: 0.75rem; + .md\:focus-within\:ring-offset-colors-yellow-800:focus-within { + --tw-ring-offset-color: var(--colors-yellow-800, #975a16); } - .sm\:focus\:translate-y-4:focus { - --tw-translate-y: 1rem; + .md\:focus-within\:ring-offset-colors-yellow-900:focus-within { + --tw-ring-offset-color: var(--colors-yellow-900, #744210); } - .sm\:focus\:translate-y-5:focus { - --tw-translate-y: 1.25rem; + .md\:focus-within\:ring-offset-colors-green-100:focus-within { + --tw-ring-offset-color: var(--colors-green-100, #f0fff4); } - .sm\:focus\:translate-y-6:focus { - --tw-translate-y: 1.5rem; + .md\:focus-within\:ring-offset-colors-green-200:focus-within { + --tw-ring-offset-color: var(--colors-green-200, #c6f6d5); } - .sm\:focus\:translate-y-7:focus { - --tw-translate-y: 1.75rem; + .md\:focus-within\:ring-offset-colors-green-300:focus-within { + --tw-ring-offset-color: var(--colors-green-300, #9ae6b4); } - .sm\:focus\:translate-y-8:focus { - --tw-translate-y: 2rem; + .md\:focus-within\:ring-offset-colors-green-400:focus-within { + --tw-ring-offset-color: var(--colors-green-400, #68d391); } - .sm\:focus\:translate-y-9:focus { - --tw-translate-y: 2.25rem; + .md\:focus-within\:ring-offset-colors-green-500:focus-within { + --tw-ring-offset-color: var(--colors-green-500, #48bb78); } - .sm\:focus\:translate-y-10:focus { - --tw-translate-y: 2.5rem; + .md\:focus-within\:ring-offset-colors-green-600:focus-within { + --tw-ring-offset-color: var(--colors-green-600, #38a169); } - .sm\:focus\:translate-y-11:focus { - --tw-translate-y: 2.75rem; + .md\:focus-within\:ring-offset-colors-green-700:focus-within { + --tw-ring-offset-color: var(--colors-green-700, #2f855a); } - .sm\:focus\:translate-y-12:focus { - --tw-translate-y: 3rem; + .md\:focus-within\:ring-offset-colors-green-800:focus-within { + --tw-ring-offset-color: var(--colors-green-800, #276749); } - .sm\:focus\:translate-y-14:focus { - --tw-translate-y: 3.5rem; + .md\:focus-within\:ring-offset-colors-green-900:focus-within { + --tw-ring-offset-color: var(--colors-green-900, #22543d); } - .sm\:focus\:translate-y-16:focus { - --tw-translate-y: 4rem; + .md\:focus-within\:ring-offset-colors-teal-100:focus-within { + --tw-ring-offset-color: var(--colors-teal-100, #e6fffa); } - .sm\:focus\:translate-y-20:focus { - --tw-translate-y: 5rem; + .md\:focus-within\:ring-offset-colors-teal-200:focus-within { + --tw-ring-offset-color: var(--colors-teal-200, #b2f5ea); } - .sm\:focus\:translate-y-24:focus { - --tw-translate-y: 6rem; + .md\:focus-within\:ring-offset-colors-teal-300:focus-within { + --tw-ring-offset-color: var(--colors-teal-300, #81e6d9); } - .sm\:focus\:translate-y-28:focus { - --tw-translate-y: 7rem; + .md\:focus-within\:ring-offset-colors-teal-400:focus-within { + --tw-ring-offset-color: var(--colors-teal-400, #4fd1c5); } - .sm\:focus\:translate-y-32:focus { - --tw-translate-y: 8rem; + .md\:focus-within\:ring-offset-colors-teal-500:focus-within { + --tw-ring-offset-color: var(--colors-teal-500, #38b2ac); } - .sm\:focus\:translate-y-36:focus { - --tw-translate-y: 9rem; + .md\:focus-within\:ring-offset-colors-teal-600:focus-within { + --tw-ring-offset-color: var(--colors-teal-600, #319795); } - .sm\:focus\:translate-y-40:focus { - --tw-translate-y: 10rem; + .md\:focus-within\:ring-offset-colors-teal-700:focus-within { + --tw-ring-offset-color: var(--colors-teal-700, #2c7a7b); } - .sm\:focus\:translate-y-44:focus { - --tw-translate-y: 11rem; + .md\:focus-within\:ring-offset-colors-teal-800:focus-within { + --tw-ring-offset-color: var(--colors-teal-800, #285e61); } - .sm\:focus\:translate-y-48:focus { - --tw-translate-y: 12rem; + .md\:focus-within\:ring-offset-colors-teal-900:focus-within { + --tw-ring-offset-color: var(--colors-teal-900, #234e52); } - .sm\:focus\:translate-y-52:focus { - --tw-translate-y: 13rem; + .md\:focus-within\:ring-offset-colors-blue-100:focus-within { + --tw-ring-offset-color: var(--colors-blue-100, #ebf8ff); } - .sm\:focus\:translate-y-56:focus { - --tw-translate-y: 14rem; + .md\:focus-within\:ring-offset-colors-blue-200:focus-within { + --tw-ring-offset-color: var(--colors-blue-200, #bee3f8); } - .sm\:focus\:translate-y-60:focus { - --tw-translate-y: 15rem; + .md\:focus-within\:ring-offset-colors-blue-300:focus-within { + --tw-ring-offset-color: var(--colors-blue-300, #90cdf4); } - .sm\:focus\:translate-y-64:focus { - --tw-translate-y: 16rem; + .md\:focus-within\:ring-offset-colors-blue-400:focus-within { + --tw-ring-offset-color: var(--colors-blue-400, #63b3ed); } - .sm\:focus\:translate-y-72:focus { - --tw-translate-y: 18rem; + .md\:focus-within\:ring-offset-colors-blue-500:focus-within { + --tw-ring-offset-color: var(--colors-blue-500, #4299e1); } - .sm\:focus\:translate-y-80:focus { - --tw-translate-y: 20rem; + .md\:focus-within\:ring-offset-colors-blue-600:focus-within { + --tw-ring-offset-color: var(--colors-blue-600, #3182ce); } - .sm\:focus\:translate-y-96:focus { - --tw-translate-y: 24rem; + .md\:focus-within\:ring-offset-colors-blue-700:focus-within { + --tw-ring-offset-color: var(--colors-blue-700, #2b6cb0); } - .sm\:focus\:translate-y-px:focus { - --tw-translate-y: 1px; + .md\:focus-within\:ring-offset-colors-blue-800:focus-within { + --tw-ring-offset-color: var(--colors-blue-800, #2c5282); } - .sm\:focus\:translate-y-0\.5:focus { - --tw-translate-y: 0.125rem; + .md\:focus-within\:ring-offset-colors-blue-900:focus-within { + --tw-ring-offset-color: var(--colors-blue-900, #2a4365); } - .sm\:focus\:translate-y-1\.5:focus { - --tw-translate-y: 0.375rem; + .md\:focus-within\:ring-offset-colors-indigo-100:focus-within { + --tw-ring-offset-color: var(--colors-indigo-100, #ebf4ff); } - .sm\:focus\:translate-y-2\.5:focus { - --tw-translate-y: 0.625rem; + .md\:focus-within\:ring-offset-colors-indigo-200:focus-within { + --tw-ring-offset-color: var(--colors-indigo-200, #c3dafe); } - .sm\:focus\:translate-y-3\.5:focus { - --tw-translate-y: 0.875rem; + .md\:focus-within\:ring-offset-colors-indigo-300:focus-within { + --tw-ring-offset-color: var(--colors-indigo-300, #a3bffa); } - .sm\:focus\:-translate-y-0:focus { - --tw-translate-y: 0px; + .md\:focus-within\:ring-offset-colors-indigo-400:focus-within { + --tw-ring-offset-color: var(--colors-indigo-400, #7f9cf5); } - .sm\:focus\:-translate-y-1:focus { - --tw-translate-y: -0.25rem; + .md\:focus-within\:ring-offset-colors-indigo-500:focus-within { + --tw-ring-offset-color: var(--colors-indigo-500, #667eea); } - .sm\:focus\:-translate-y-2:focus { - --tw-translate-y: -0.5rem; + .md\:focus-within\:ring-offset-colors-indigo-600:focus-within { + --tw-ring-offset-color: var(--colors-indigo-600, #5a67d8); } - .sm\:focus\:-translate-y-3:focus { - --tw-translate-y: -0.75rem; + .md\:focus-within\:ring-offset-colors-indigo-700:focus-within { + --tw-ring-offset-color: var(--colors-indigo-700, #4c51bf); } - .sm\:focus\:-translate-y-4:focus { - --tw-translate-y: -1rem; + .md\:focus-within\:ring-offset-colors-indigo-800:focus-within { + --tw-ring-offset-color: var(--colors-indigo-800, #434190); } - .sm\:focus\:-translate-y-5:focus { - --tw-translate-y: -1.25rem; + .md\:focus-within\:ring-offset-colors-indigo-900:focus-within { + --tw-ring-offset-color: var(--colors-indigo-900, #3c366b); } - .sm\:focus\:-translate-y-6:focus { - --tw-translate-y: -1.5rem; + .md\:focus-within\:ring-offset-colors-purple-100:focus-within { + --tw-ring-offset-color: var(--colors-purple-100, #faf5ff); } - .sm\:focus\:-translate-y-7:focus { - --tw-translate-y: -1.75rem; + .md\:focus-within\:ring-offset-colors-purple-200:focus-within { + --tw-ring-offset-color: var(--colors-purple-200, #e9d8fd); } - .sm\:focus\:-translate-y-8:focus { - --tw-translate-y: -2rem; + .md\:focus-within\:ring-offset-colors-purple-300:focus-within { + --tw-ring-offset-color: var(--colors-purple-300, #d6bcfa); } - .sm\:focus\:-translate-y-9:focus { - --tw-translate-y: -2.25rem; + .md\:focus-within\:ring-offset-colors-purple-400:focus-within { + --tw-ring-offset-color: var(--colors-purple-400, #b794f4); } - .sm\:focus\:-translate-y-10:focus { - --tw-translate-y: -2.5rem; + .md\:focus-within\:ring-offset-colors-purple-500:focus-within { + --tw-ring-offset-color: var(--colors-purple-500, #9f7aea); } - .sm\:focus\:-translate-y-11:focus { - --tw-translate-y: -2.75rem; + .md\:focus-within\:ring-offset-colors-purple-600:focus-within { + --tw-ring-offset-color: var(--colors-purple-600, #805ad5); } - .sm\:focus\:-translate-y-12:focus { - --tw-translate-y: -3rem; + .md\:focus-within\:ring-offset-colors-purple-700:focus-within { + --tw-ring-offset-color: var(--colors-purple-700, #6b46c1); } - .sm\:focus\:-translate-y-14:focus { - --tw-translate-y: -3.5rem; + .md\:focus-within\:ring-offset-colors-purple-800:focus-within { + --tw-ring-offset-color: var(--colors-purple-800, #553c9a); } - .sm\:focus\:-translate-y-16:focus { - --tw-translate-y: -4rem; + .md\:focus-within\:ring-offset-colors-purple-900:focus-within { + --tw-ring-offset-color: var(--colors-purple-900, #44337a); } - .sm\:focus\:-translate-y-20:focus { - --tw-translate-y: -5rem; + .md\:focus-within\:ring-offset-colors-pink-100:focus-within { + --tw-ring-offset-color: var(--colors-pink-100, #fff5f7); } - .sm\:focus\:-translate-y-24:focus { - --tw-translate-y: -6rem; + .md\:focus-within\:ring-offset-colors-pink-200:focus-within { + --tw-ring-offset-color: var(--colors-pink-200, #fed7e2); } - .sm\:focus\:-translate-y-28:focus { - --tw-translate-y: -7rem; + .md\:focus-within\:ring-offset-colors-pink-300:focus-within { + --tw-ring-offset-color: var(--colors-pink-300, #fbb6ce); } - .sm\:focus\:-translate-y-32:focus { - --tw-translate-y: -8rem; + .md\:focus-within\:ring-offset-colors-pink-400:focus-within { + --tw-ring-offset-color: var(--colors-pink-400, #f687b3); } - .sm\:focus\:-translate-y-36:focus { - --tw-translate-y: -9rem; + .md\:focus-within\:ring-offset-colors-pink-500:focus-within { + --tw-ring-offset-color: var(--colors-pink-500, #ed64a6); } - .sm\:focus\:-translate-y-40:focus { - --tw-translate-y: -10rem; + .md\:focus-within\:ring-offset-colors-pink-600:focus-within { + --tw-ring-offset-color: var(--colors-pink-600, #d53f8c); } - .sm\:focus\:-translate-y-44:focus { - --tw-translate-y: -11rem; + .md\:focus-within\:ring-offset-colors-pink-700:focus-within { + --tw-ring-offset-color: var(--colors-pink-700, #b83280); } - .sm\:focus\:-translate-y-48:focus { - --tw-translate-y: -12rem; + .md\:focus-within\:ring-offset-colors-pink-800:focus-within { + --tw-ring-offset-color: var(--colors-pink-800, #97266d); } - .sm\:focus\:-translate-y-52:focus { - --tw-translate-y: -13rem; + .md\:focus-within\:ring-offset-colors-pink-900:focus-within { + --tw-ring-offset-color: var(--colors-pink-900, #702459); } - .sm\:focus\:-translate-y-56:focus { - --tw-translate-y: -14rem; + .md\:focus-within\:ring-offset-Box\ Shadow:focus-within { + --tw-ring-offset-color: var(--box-shadow, #7f7e7f); } - .sm\:focus\:-translate-y-60:focus { - --tw-translate-y: -15rem; + .md\:focus-within\:ring-offset-Error16:focus-within { + --tw-ring-offset-color: var(--error16, #f03d3e40); } - .sm\:focus\:-translate-y-64:focus { - --tw-translate-y: -16rem; + .md\:focus-within\:ring-offset-Success16:focus-within { + --tw-ring-offset-color: var(--success16, #5bb14d40); } - .sm\:focus\:-translate-y-72:focus { - --tw-translate-y: -18rem; + .md\:focus-within\:ring-offset-Notification16:focus-within { + --tw-ring-offset-color: var(--notification16, #3959ff40); } - .sm\:focus\:-translate-y-80:focus { - --tw-translate-y: -20rem; + .md\:focus-within\:ring-offset-Error8:focus-within { + --tw-ring-offset-color: var(--error8, #f03d3e1a); } - .sm\:focus\:-translate-y-96:focus { - --tw-translate-y: -24rem; + .md\:focus-within\:ring-offset-Notification8:focus-within { + --tw-ring-offset-color: var(--notification8, #3959ff1a); } - .sm\:focus\:-translate-y-px:focus { - --tw-translate-y: -1px; + .md\:focus-within\:ring-offset-Success8:focus-within { + --tw-ring-offset-color: var(--success8, #5bb14d1a); } - .sm\:focus\:-translate-y-0\.5:focus { - --tw-translate-y: -0.125rem; + .md\:focus-within\:ring-offset-Light\ -\ Overlay:focus-within { + --tw-ring-offset-color: var(--light-overlay, #f0edee66); } - .sm\:focus\:-translate-y-1\.5:focus { - --tw-translate-y: -0.375rem; + .md\:focus-within\:ring-offset-Dark-\ Overlay:focus-within { + --tw-ring-offset-color: var(--dark-overlay, #7f7e7f66); } - .sm\:focus\:-translate-y-2\.5:focus { - --tw-translate-y: -0.625rem; + .md\:focus-within\:ring-offset-black-40:focus-within { + --tw-ring-offset-color: var(--black-40, #00000066); } - .sm\:focus\:-translate-y-3\.5:focus { - --tw-translate-y: -0.875rem; + .md\:focus-within\:ring-offset-black-75:focus-within { + --tw-ring-offset-color: var(--black-75, #000000bf); } - .sm\:focus\:translate-y-1\/2:focus { - --tw-translate-y: 50%; + .md\:focus-within\:ring-offset-black-60:focus-within { + --tw-ring-offset-color: var(--black-60, #00000099); } - .sm\:focus\:translate-y-1\/3:focus { - --tw-translate-y: 33.333333%; + .md\:focus-within\:ring-offset-black-50:focus-within { + --tw-ring-offset-color: var(--black-50, #00000080); } - .sm\:focus\:translate-y-2\/3:focus { - --tw-translate-y: 66.666667%; + .md\:focus-within\:ring-offset-black-25:focus-within { + --tw-ring-offset-color: var(--black-25, #00000040); } - .sm\:focus\:translate-y-1\/4:focus { - --tw-translate-y: 25%; + .md\:focus-within\:ring-offset-black-10:focus-within { + --tw-ring-offset-color: var(--black-10, #0000001a); } - .sm\:focus\:translate-y-2\/4:focus { - --tw-translate-y: 50%; + .md\:focus-within\:ring-offset-white-25:focus-within { + --tw-ring-offset-color: var(--white-25, #ffffff40); } - .sm\:focus\:translate-y-3\/4:focus { - --tw-translate-y: 75%; + .md\:focus-within\:ring-offset-white-60:focus-within { + --tw-ring-offset-color: var(--white-60, #ffffff99); } - .sm\:focus\:translate-y-full:focus { - --tw-translate-y: 100%; + .md\:focus-within\:ring-offset-black-64:focus-within { + --tw-ring-offset-color: var(--black-64, #000000a3); } - .sm\:focus\:-translate-y-1\/2:focus { - --tw-translate-y: -50%; + .md\:focus-within\:ring-offset-Shadow\ and\ Highlight-Shadow:focus-within { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .sm\:focus\:-translate-y-1\/3:focus { - --tw-translate-y: -33.333333%; + .md\:focus-within\:ring-offset-Shadow\ and\ Highlight-Highlight:focus-within { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight, #474747); } - .sm\:focus\:-translate-y-2\/3:focus { - --tw-translate-y: -66.666667%; + .md\:focus-within\:ring-offset-Shadow\ and\ Highlight-highlight\ one:focus-within { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .sm\:focus\:-translate-y-1\/4:focus { - --tw-translate-y: -25%; + .md\:focus-within\:ring-offset-Shadow\ and\ Highlight-highlight\ two:focus-within { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-two, #47474799); } - .sm\:focus\:-translate-y-2\/4:focus { - --tw-translate-y: -50%; + .md\:focus-within\:ring-offset-Shadow\ and\ Highlight-highlight\ three:focus-within { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-three, #47474766); } - .sm\:focus\:-translate-y-3\/4:focus { - --tw-translate-y: -75%; + .md\:focus-within\:ring-offset-Shadow\ and\ Highlight-highlight\ five:focus-within { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .sm\:focus\:-translate-y-full:focus { - --tw-translate-y: -100%; + .md\:focus-within\:ring-offset-Shadow\ and\ Highlight-shadow\ one:focus-within { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .sm\:rotate-0 { - --tw-rotate: 0deg; + .md\:focus-within\:ring-offset-Shadow\ and\ Highlight-shadow\ two:focus-within { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .sm\:rotate-1 { - --tw-rotate: 1deg; + .md\:focus-within\:ring-offset-Shadow\ and\ Highlight-shadow\ three:focus-within { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .sm\:rotate-2 { - --tw-rotate: 2deg; + .md\:focus-within\:ring-offset-Shadow\ and\ Highlight-shadow\ four:focus-within { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .sm\:rotate-3 { - --tw-rotate: 3deg; + .md\:focus-within\:ring-offset-Shadow\ and\ Highlight-shadow\ five:focus-within { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .sm\:rotate-6 { - --tw-rotate: 6deg; + .md\:focus-within\:ring-offset-Shadow\ and\ Highlight-highlight\ four:focus-within { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-four, #47474740); } - .sm\:rotate-12 { - --tw-rotate: 12deg; + .md\:focus-within\:ring-offset-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus-within { + --tw-ring-offset-color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .sm\:rotate-45 { - --tw-rotate: 45deg; + .md\:focus-within\:ring-offset-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus-within { + --tw-ring-offset-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .sm\:rotate-90 { - --tw-rotate: 90deg; + .md\:focus-within\:ring-offset-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus-within { + --tw-ring-offset-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .sm\:rotate-180 { - --tw-rotate: 180deg; + .md\:focus-within\:ring-offset-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus-within { + --tw-ring-offset-color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .sm\:-rotate-180 { - --tw-rotate: -180deg; + .md\:focus-within\:ring-offset-Grey-Scale-white:focus-within { + --tw-ring-offset-color: var(--grey-scale-white, #ffffff); } - .sm\:-rotate-90 { - --tw-rotate: -90deg; + .md\:focus-within\:ring-offset-Grey-Scale-off-white:focus-within { + --tw-ring-offset-color: var(--grey-scale-off-white, #f0edee); } - .sm\:-rotate-45 { - --tw-rotate: -45deg; + .md\:focus-within\:ring-offset-Grey\ Scale-grey:focus-within { + --tw-ring-offset-color: var(--grey-scale-grey, #7f7e7f); } - .sm\:-rotate-12 { - --tw-rotate: -12deg; + .md\:focus-within\:ring-offset-Grey\ Scale-charcoal:focus-within { + --tw-ring-offset-color: var(--grey-scale-charcoal, #474747); } - .sm\:-rotate-6 { - --tw-rotate: -6deg; + .md\:focus-within\:ring-offset-Grey\ Scale-off-black:focus-within { + --tw-ring-offset-color: var(--grey-scale-off-black, #1c1c1c); } - .sm\:-rotate-3 { - --tw-rotate: -3deg; + .md\:focus-within\:ring-offset-Grey\ Scale-black:focus-within { + --tw-ring-offset-color: var(--grey-scale-black, #000000); } - .sm\:-rotate-2 { - --tw-rotate: -2deg; + .md\:focus-within\:ring-offset-Blue-blue:focus-within { + --tw-ring-offset-color: var(--blue-blue, #3a7ca5); } - .sm\:-rotate-1 { - --tw-rotate: -1deg; + .md\:focus-within\:ring-offset-Blue-blue-100:focus-within { + --tw-ring-offset-color: var(--blue-blue-100, #75a3c0); + } + + .md\:focus-within\:ring-offset-Blue-blue-200:focus-within { + --tw-ring-offset-color: var(--blue-blue-200, #9cbed2); } - .sm\:hover\:rotate-0:hover { - --tw-rotate: 0deg; + .md\:focus-within\:ring-offset-Blue-blue-300:focus-within { + --tw-ring-offset-color: var(--blue-blue-300, #4f7d9a); } - .sm\:hover\:rotate-1:hover { - --tw-rotate: 1deg; + .md\:focus-within\:ring-offset-Blue-blue-400:focus-within { + --tw-ring-offset-color: var(--blue-blue-400, #5c7d92); } - .sm\:hover\:rotate-2:hover { - --tw-rotate: 2deg; + .md\:focus-within\:ring-offset-Blue-blue-500:focus-within { + --tw-ring-offset-color: var(--blue-blue-500, #347095); } - .sm\:hover\:rotate-3:hover { - --tw-rotate: 3deg; + .md\:focus-within\:ring-offset-Blue-blue-600:focus-within { + --tw-ring-offset-color: var(--blue-blue-600, #295774); } - .sm\:hover\:rotate-6:hover { - --tw-rotate: 6deg; + .md\:focus-within\:ring-offset-Blue-blue-700:focus-within { + --tw-ring-offset-color: var(--blue-blue-700, #173242); } - .sm\:hover\:rotate-12:hover { - --tw-rotate: 12deg; + .md\:focus-within\:ring-offset-LightBlue-lightblue:focus-within { + --tw-ring-offset-color: var(--light-blue-lightblue, #81c3d7); } - .sm\:hover\:rotate-45:hover { - --tw-rotate: 45deg; + .md\:focus-within\:ring-offset-LightBlue-lightblue-100:focus-within { + --tw-ring-offset-color: var(--light-blue-lightblue-100, #a7d5e3); } - .sm\:hover\:rotate-90:hover { - --tw-rotate: 90deg; + .md\:focus-within\:ring-offset-LightBlue-lightblue-200:focus-within { + --tw-ring-offset-color: var(--light-blue-lightblue-200, #c0e1eb); } - .sm\:hover\:rotate-180:hover { - --tw-rotate: 180deg; + .md\:focus-within\:ring-offset-LightBlue-lightblue-300:focus-within { + --tw-ring-offset-color: var(--light-blue-lightblue-300, #80aebd); } - .sm\:hover\:-rotate-180:hover { - --tw-rotate: -180deg; + .md\:focus-within\:ring-offset-LightBlue-lightblue-400:focus-within { + --tw-ring-offset-color: var(--light-blue-lightblue-400, #80a0ab); } - .sm\:hover\:-rotate-90:hover { - --tw-rotate: -90deg; + .md\:focus-within\:ring-offset-LightBlue-lightblue-500:focus-within { + --tw-ring-offset-color: var(--light-blue-lightblue-500, #74afc1); } - .sm\:hover\:-rotate-45:hover { - --tw-rotate: -45deg; + .md\:focus-within\:ring-offset-LightBlue-lightblue-600:focus-within { + --tw-ring-offset-color: var(--light-blue-lightblue-600, #5a8997); } - .sm\:hover\:-rotate-12:hover { - --tw-rotate: -12deg; + .md\:focus-within\:ring-offset-LightBlue-lightblue-650:focus-within { + --tw-ring-offset-color: var(--light-blue-lightblue-650, #3e5e65); } - .sm\:hover\:-rotate-6:hover { - --tw-rotate: -6deg; + .md\:focus-within\:ring-offset-LightBlue-lightblue-700:focus-within { + --tw-ring-offset-color: var(--light-blue-lightblue-700, #344e56); } - .sm\:hover\:-rotate-3:hover { - --tw-rotate: -3deg; + .md\:focus-within\:ring-offset-Orange-orange:focus-within { + --tw-ring-offset-color: var(--orange-orange, #ff7f0e); } - .sm\:hover\:-rotate-2:hover { - --tw-rotate: -2deg; + .md\:focus-within\:ring-offset-Orange-orange-100:focus-within { + --tw-ring-offset-color: var(--orange-orange-100, #ffa556); } - .sm\:hover\:-rotate-1:hover { - --tw-rotate: -1deg; + .md\:focus-within\:ring-offset-Orange-orange-200:focus-within { + --tw-ring-offset-color: var(--orange-orange-200, #ffbf86); } - .sm\:focus\:rotate-0:focus { - --tw-rotate: 0deg; + .md\:focus-within\:ring-offset-Orange-orange-300:focus-within { + --tw-ring-offset-color: var(--orange-orange-300, #d97f30); } - .sm\:focus\:rotate-1:focus { - --tw-rotate: 1deg; + .md\:focus-within\:ring-offset-Orange-orange-400:focus-within { + --tw-ring-offset-color: var(--orange-orange-400, #bf7e46); } - .sm\:focus\:rotate-2:focus { - --tw-rotate: 2deg; + .md\:focus-within\:ring-offset-Orange-orange-500:focus-within { + --tw-ring-offset-color: var(--orange-orange-500, #e5720d); } - .sm\:focus\:rotate-3:focus { - --tw-rotate: 3deg; + .md\:focus-within\:ring-offset-Orange-orange-600:focus-within { + --tw-ring-offset-color: var(--orange-orange-600, #b3590a); } - .sm\:focus\:rotate-6:focus { - --tw-rotate: 6deg; + .md\:focus-within\:ring-offset-Orange-orange-700:focus-within { + --tw-ring-offset-color: var(--orange-orange-700, #663306); } - .sm\:focus\:rotate-12:focus { - --tw-rotate: 12deg; + .md\:focus-within\:ring-offset-Yellow-yellow:focus-within { + --tw-ring-offset-color: var(--yellow-yellow, #ffab00); } - .sm\:focus\:rotate-45:focus { - --tw-rotate: 45deg; + .md\:focus-within\:ring-offset-Yellow-yellow-100:focus-within { + --tw-ring-offset-color: var(--yellow-yellow-100, #ffc44c); } - .sm\:focus\:rotate-90:focus { - --tw-rotate: 90deg; + .md\:focus-within\:ring-offset-Yellow-yellow-200:focus-within { + --tw-ring-offset-color: var(--yellow-yellow-200, #ffd580); } - .sm\:focus\:rotate-180:focus { - --tw-rotate: 180deg; + .md\:focus-within\:ring-offset-Yellow-yellow-300:focus-within { + --tw-ring-offset-color: var(--yellow-yellow-300, #d99d26); } - .sm\:focus\:-rotate-180:focus { - --tw-rotate: -180deg; + .md\:focus-within\:ring-offset-Yellow-yellow-400:focus-within { + --tw-ring-offset-color: var(--yellow-yellow-400, #bf943f); } - .sm\:focus\:-rotate-90:focus { - --tw-rotate: -90deg; + .md\:focus-within\:ring-offset-Yellow-yellow-500:focus-within { + --tw-ring-offset-color: var(--yellow-yellow-500, #e59a00); } - .sm\:focus\:-rotate-45:focus { - --tw-rotate: -45deg; + .md\:focus-within\:ring-offset-Yellow-yellow-600:focus-within { + --tw-ring-offset-color: var(--yellow-yellow-600, #b37800); } - .sm\:focus\:-rotate-12:focus { - --tw-rotate: -12deg; + .md\:focus-within\:ring-offset-Yellow-yellow-700:focus-within { + --tw-ring-offset-color: var(--yellow-yellow-700, #664400); } - .sm\:focus\:-rotate-6:focus { - --tw-rotate: -6deg; + .md\:focus-within\:ring-offset-Notification-notification:focus-within { + --tw-ring-offset-color: var(--notification-notification, #3959ff); } - .sm\:focus\:-rotate-3:focus { - --tw-rotate: -3deg; + .md\:focus-within\:ring-offset-Notification-notification-100:focus-within { + --tw-ring-offset-color: var(--notification-notification-100, #748bff); } - .sm\:focus\:-rotate-2:focus { - --tw-rotate: -2deg; + .md\:focus-within\:ring-offset-Notification-notification-200:focus-within { + --tw-ring-offset-color: var(--notification-notification-200, #9cacff); } - .sm\:focus\:-rotate-1:focus { - --tw-rotate: -1deg; + .md\:focus-within\:ring-offset-Notification-notification-300:focus-within { + --tw-ring-offset-color: var(--notification-notification-300, #4e64d9); } - .sm\:skew-x-0 { - --tw-skew-x: 0deg; + .md\:focus-within\:ring-offset-Notification-notification-400:focus-within { + --tw-ring-offset-color: var(--notification-notification-400, #5c6cbf); } - .sm\:skew-x-1 { - --tw-skew-x: 1deg; + .md\:focus-within\:ring-offset-Notification-notification-500:focus-within { + --tw-ring-offset-color: var(--notification-notification-500, #3350e5); } - .sm\:skew-x-2 { - --tw-skew-x: 2deg; + .md\:focus-within\:ring-offset-Notification-notification-600:focus-within { + --tw-ring-offset-color: var(--notification-notification-600, #283eb3); } - .sm\:skew-x-3 { - --tw-skew-x: 3deg; + .md\:focus-within\:ring-offset-Notification-notification-700:focus-within { + --tw-ring-offset-color: var(--notification-notification-700, #172466); } - .sm\:skew-x-6 { - --tw-skew-x: 6deg; + .md\:focus-within\:ring-offset-Success-success\ -700:focus-within { + --tw-ring-offset-color: var(--success-success-700, #24471f); } - .sm\:skew-x-12 { - --tw-skew-x: 12deg; + .md\:focus-within\:ring-offset-Success-success:focus-within { + --tw-ring-offset-color: var(--success-success, #5bb14d); } - .sm\:-skew-x-12 { - --tw-skew-x: -12deg; + .md\:focus-within\:ring-offset-Success-success\ -100:focus-within { + --tw-ring-offset-color: var(--success-success-100, #8cc882); } - .sm\:-skew-x-6 { - --tw-skew-x: -6deg; + .md\:focus-within\:ring-offset-Success-success\ -200:focus-within { + --tw-ring-offset-color: var(--success-success-200, #add8a6); } - .sm\:-skew-x-3 { - --tw-skew-x: -3deg; + .md\:focus-within\:ring-offset-Success-success\ -300:focus-within { + --tw-ring-offset-color: var(--success-success-300, #66a25c); } - .sm\:-skew-x-2 { - --tw-skew-x: -2deg; + .md\:focus-within\:ring-offset-Success-success\ -400:focus-within { + --tw-ring-offset-color: var(--success-success-400, #6d9766); } - .sm\:-skew-x-1 { - --tw-skew-x: -1deg; + .md\:focus-within\:ring-offset-Success-success\ -500:focus-within { + --tw-ring-offset-color: var(--success-success-500, #529f45); } - .sm\:skew-y-0 { - --tw-skew-y: 0deg; + .md\:focus-within\:ring-offset-Success-success\ -600:focus-within { + --tw-ring-offset-color: var(--success-success-600, #407c36); } - .sm\:skew-y-1 { - --tw-skew-y: 1deg; + .md\:focus-within\:ring-offset-Error-error:focus-within { + --tw-ring-offset-color: var(--error-error, #f03d3e); } - .sm\:skew-y-2 { - --tw-skew-y: 2deg; + .md\:focus-within\:ring-offset-Error-error-100:focus-within { + --tw-ring-offset-color: var(--error-error-100, #f57778); } - .sm\:skew-y-3 { - --tw-skew-y: 3deg; + .md\:focus-within\:ring-offset-Error-error-200:focus-within { + --tw-ring-offset-color: var(--error-error-200, #f89e9e); } - .sm\:skew-y-6 { - --tw-skew-y: 6deg; + .md\:focus-within\:ring-offset-Error-error-250:focus-within { + --tw-ring-offset-color: var(--error-error-250, #f9c8c8); } - .sm\:skew-y-12 { - --tw-skew-y: 12deg; + .md\:focus-within\:ring-offset-Error-error-300:focus-within { + --tw-ring-offset-color: var(--error-error-300, #ce5151); } - .sm\:-skew-y-12 { - --tw-skew-y: -12deg; + .md\:focus-within\:ring-offset-Error-error-400:focus-within { + --tw-ring-offset-color: var(--error-error-400, #b85e5e); } - .sm\:-skew-y-6 { - --tw-skew-y: -6deg; + .md\:focus-within\:ring-offset-Error-error-500:focus-within { + --tw-ring-offset-color: var(--error-error-500, #d83738); } - .sm\:-skew-y-3 { - --tw-skew-y: -3deg; + .md\:focus-within\:ring-offset-Error-error-600:focus-within { + --tw-ring-offset-color: var(--error-error-600, #a82b2b); } - .sm\:-skew-y-2 { - --tw-skew-y: -2deg; + .md\:focus-within\:ring-offset-Error-error-700:focus-within { + --tw-ring-offset-color: var(--error-error-700, #601819); } - .sm\:-skew-y-1 { - --tw-skew-y: -1deg; + .md\:focus\:ring-offset-colors-black:focus { + --tw-ring-offset-color: var(--colors-black, #000000); } - .sm\:hover\:skew-x-0:hover { - --tw-skew-x: 0deg; + .md\:focus\:ring-offset-colors-white:focus { + --tw-ring-offset-color: var(--colors-white, #ffffff); } - .sm\:hover\:skew-x-1:hover { - --tw-skew-x: 1deg; + .md\:focus\:ring-offset-colors-gray-100:focus { + --tw-ring-offset-color: var(--colors-gray-100, #f7fafc); } - .sm\:hover\:skew-x-2:hover { - --tw-skew-x: 2deg; + .md\:focus\:ring-offset-colors-gray-200:focus { + --tw-ring-offset-color: var(--colors-gray-200, #edf2f7); } - .sm\:hover\:skew-x-3:hover { - --tw-skew-x: 3deg; + .md\:focus\:ring-offset-colors-gray-300:focus { + --tw-ring-offset-color: var(--colors-gray-300, #e2e8f0); } - .sm\:hover\:skew-x-6:hover { - --tw-skew-x: 6deg; + .md\:focus\:ring-offset-colors-gray-400:focus { + --tw-ring-offset-color: var(--colors-gray-400, #cbd5e0); } - .sm\:hover\:skew-x-12:hover { - --tw-skew-x: 12deg; + .md\:focus\:ring-offset-colors-gray-500:focus { + --tw-ring-offset-color: var(--colors-gray-500, #a0aec0); } - .sm\:hover\:-skew-x-12:hover { - --tw-skew-x: -12deg; + .md\:focus\:ring-offset-colors-gray-600:focus { + --tw-ring-offset-color: var(--colors-gray-600, #718096); } - .sm\:hover\:-skew-x-6:hover { - --tw-skew-x: -6deg; + .md\:focus\:ring-offset-colors-gray-700:focus { + --tw-ring-offset-color: var(--colors-gray-700, #4a5568); } - .sm\:hover\:-skew-x-3:hover { - --tw-skew-x: -3deg; + .md\:focus\:ring-offset-colors-gray-800:focus { + --tw-ring-offset-color: var(--colors-gray-800, #2d3748); } - .sm\:hover\:-skew-x-2:hover { - --tw-skew-x: -2deg; + .md\:focus\:ring-offset-colors-gray-900:focus { + --tw-ring-offset-color: var(--colors-gray-900, #1a202c); } - .sm\:hover\:-skew-x-1:hover { - --tw-skew-x: -1deg; + .md\:focus\:ring-offset-colors-red-100:focus { + --tw-ring-offset-color: var(--colors-red-100, #fff5f5); } - .sm\:hover\:skew-y-0:hover { - --tw-skew-y: 0deg; + .md\:focus\:ring-offset-colors-red-200:focus { + --tw-ring-offset-color: var(--colors-red-200, #fed7d7); } - .sm\:hover\:skew-y-1:hover { - --tw-skew-y: 1deg; + .md\:focus\:ring-offset-colors-red-300:focus { + --tw-ring-offset-color: var(--colors-red-300, #feb2b2); } - .sm\:hover\:skew-y-2:hover { - --tw-skew-y: 2deg; + .md\:focus\:ring-offset-colors-red-400:focus { + --tw-ring-offset-color: var(--colors-red-400, #fc8181); } - .sm\:hover\:skew-y-3:hover { - --tw-skew-y: 3deg; + .md\:focus\:ring-offset-colors-red-500:focus { + --tw-ring-offset-color: var(--colors-red-500, #f56565); } - .sm\:hover\:skew-y-6:hover { - --tw-skew-y: 6deg; + .md\:focus\:ring-offset-colors-red-600:focus { + --tw-ring-offset-color: var(--colors-red-600, #e53e3e); } - .sm\:hover\:skew-y-12:hover { - --tw-skew-y: 12deg; + .md\:focus\:ring-offset-colors-red-700:focus { + --tw-ring-offset-color: var(--colors-red-700, #c53030); } - .sm\:hover\:-skew-y-12:hover { - --tw-skew-y: -12deg; + .md\:focus\:ring-offset-colors-red-800:focus { + --tw-ring-offset-color: var(--colors-red-800, #9b2c2c); } - .sm\:hover\:-skew-y-6:hover { - --tw-skew-y: -6deg; + .md\:focus\:ring-offset-colors-red-900:focus { + --tw-ring-offset-color: var(--colors-red-900, #742a2a); } - .sm\:hover\:-skew-y-3:hover { - --tw-skew-y: -3deg; + .md\:focus\:ring-offset-colors-orange-100:focus { + --tw-ring-offset-color: var(--colors-orange-100, #fffaf0); } - .sm\:hover\:-skew-y-2:hover { - --tw-skew-y: -2deg; + .md\:focus\:ring-offset-colors-orange-200:focus { + --tw-ring-offset-color: var(--colors-orange-200, #feebc8); } - .sm\:hover\:-skew-y-1:hover { - --tw-skew-y: -1deg; + .md\:focus\:ring-offset-colors-orange-300:focus { + --tw-ring-offset-color: var(--colors-orange-300, #fbd38d); } - .sm\:focus\:skew-x-0:focus { - --tw-skew-x: 0deg; + .md\:focus\:ring-offset-colors-orange-400:focus { + --tw-ring-offset-color: var(--colors-orange-400, #f6ad55); } - .sm\:focus\:skew-x-1:focus { - --tw-skew-x: 1deg; + .md\:focus\:ring-offset-colors-orange-500:focus { + --tw-ring-offset-color: var(--colors-orange-500, #ed8936); } - .sm\:focus\:skew-x-2:focus { - --tw-skew-x: 2deg; + .md\:focus\:ring-offset-colors-orange-600:focus { + --tw-ring-offset-color: var(--colors-orange-600, #dd6b20); } - .sm\:focus\:skew-x-3:focus { - --tw-skew-x: 3deg; + .md\:focus\:ring-offset-colors-orange-700:focus { + --tw-ring-offset-color: var(--colors-orange-700, #c05621); } - .sm\:focus\:skew-x-6:focus { - --tw-skew-x: 6deg; + .md\:focus\:ring-offset-colors-orange-800:focus { + --tw-ring-offset-color: var(--colors-orange-800, #9c4221); } - .sm\:focus\:skew-x-12:focus { - --tw-skew-x: 12deg; + .md\:focus\:ring-offset-colors-orange-900:focus { + --tw-ring-offset-color: var(--colors-orange-900, #7b341e); } - .sm\:focus\:-skew-x-12:focus { - --tw-skew-x: -12deg; + .md\:focus\:ring-offset-colors-yellow-100:focus { + --tw-ring-offset-color: var(--colors-yellow-100, #fffff0); } - .sm\:focus\:-skew-x-6:focus { - --tw-skew-x: -6deg; + .md\:focus\:ring-offset-colors-yellow-200:focus { + --tw-ring-offset-color: var(--colors-yellow-200, #fefcbf); } - .sm\:focus\:-skew-x-3:focus { - --tw-skew-x: -3deg; + .md\:focus\:ring-offset-colors-yellow-300:focus { + --tw-ring-offset-color: var(--colors-yellow-300, #faf089); } - .sm\:focus\:-skew-x-2:focus { - --tw-skew-x: -2deg; + .md\:focus\:ring-offset-colors-yellow-400:focus { + --tw-ring-offset-color: var(--colors-yellow-400, #f6e05e); } - .sm\:focus\:-skew-x-1:focus { - --tw-skew-x: -1deg; + .md\:focus\:ring-offset-colors-yellow-500:focus { + --tw-ring-offset-color: var(--colors-yellow-500, #ecc94b); } - .sm\:focus\:skew-y-0:focus { - --tw-skew-y: 0deg; + .md\:focus\:ring-offset-colors-yellow-600:focus { + --tw-ring-offset-color: var(--colors-yellow-600, #d69e2e); } - .sm\:focus\:skew-y-1:focus { - --tw-skew-y: 1deg; + .md\:focus\:ring-offset-colors-yellow-700:focus { + --tw-ring-offset-color: var(--colors-yellow-700, #b7791f); } - .sm\:focus\:skew-y-2:focus { - --tw-skew-y: 2deg; + .md\:focus\:ring-offset-colors-yellow-800:focus { + --tw-ring-offset-color: var(--colors-yellow-800, #975a16); } - .sm\:focus\:skew-y-3:focus { - --tw-skew-y: 3deg; + .md\:focus\:ring-offset-colors-yellow-900:focus { + --tw-ring-offset-color: var(--colors-yellow-900, #744210); } - .sm\:focus\:skew-y-6:focus { - --tw-skew-y: 6deg; + .md\:focus\:ring-offset-colors-green-100:focus { + --tw-ring-offset-color: var(--colors-green-100, #f0fff4); } - .sm\:focus\:skew-y-12:focus { - --tw-skew-y: 12deg; + .md\:focus\:ring-offset-colors-green-200:focus { + --tw-ring-offset-color: var(--colors-green-200, #c6f6d5); } - .sm\:focus\:-skew-y-12:focus { - --tw-skew-y: -12deg; + .md\:focus\:ring-offset-colors-green-300:focus { + --tw-ring-offset-color: var(--colors-green-300, #9ae6b4); } - .sm\:focus\:-skew-y-6:focus { - --tw-skew-y: -6deg; + .md\:focus\:ring-offset-colors-green-400:focus { + --tw-ring-offset-color: var(--colors-green-400, #68d391); } - .sm\:focus\:-skew-y-3:focus { - --tw-skew-y: -3deg; + .md\:focus\:ring-offset-colors-green-500:focus { + --tw-ring-offset-color: var(--colors-green-500, #48bb78); } - .sm\:focus\:-skew-y-2:focus { - --tw-skew-y: -2deg; + .md\:focus\:ring-offset-colors-green-600:focus { + --tw-ring-offset-color: var(--colors-green-600, #38a169); } - .sm\:focus\:-skew-y-1:focus { - --tw-skew-y: -1deg; + .md\:focus\:ring-offset-colors-green-700:focus { + --tw-ring-offset-color: var(--colors-green-700, #2f855a); } - .sm\:scale-0 { - --tw-scale-x: 0; - --tw-scale-y: 0; + .md\:focus\:ring-offset-colors-green-800:focus { + --tw-ring-offset-color: var(--colors-green-800, #276749); } - .sm\:scale-50 { - --tw-scale-x: .5; - --tw-scale-y: .5; + .md\:focus\:ring-offset-colors-green-900:focus { + --tw-ring-offset-color: var(--colors-green-900, #22543d); } - .sm\:scale-75 { - --tw-scale-x: .75; - --tw-scale-y: .75; + .md\:focus\:ring-offset-colors-teal-100:focus { + --tw-ring-offset-color: var(--colors-teal-100, #e6fffa); } - .sm\:scale-90 { - --tw-scale-x: .9; - --tw-scale-y: .9; + .md\:focus\:ring-offset-colors-teal-200:focus { + --tw-ring-offset-color: var(--colors-teal-200, #b2f5ea); } - .sm\:scale-95 { - --tw-scale-x: .95; - --tw-scale-y: .95; + .md\:focus\:ring-offset-colors-teal-300:focus { + --tw-ring-offset-color: var(--colors-teal-300, #81e6d9); } - .sm\:scale-100 { - --tw-scale-x: 1; - --tw-scale-y: 1; + .md\:focus\:ring-offset-colors-teal-400:focus { + --tw-ring-offset-color: var(--colors-teal-400, #4fd1c5); } - .sm\:scale-105 { - --tw-scale-x: 1.05; - --tw-scale-y: 1.05; + .md\:focus\:ring-offset-colors-teal-500:focus { + --tw-ring-offset-color: var(--colors-teal-500, #38b2ac); } - .sm\:scale-110 { - --tw-scale-x: 1.1; - --tw-scale-y: 1.1; + .md\:focus\:ring-offset-colors-teal-600:focus { + --tw-ring-offset-color: var(--colors-teal-600, #319795); } - .sm\:scale-125 { - --tw-scale-x: 1.25; - --tw-scale-y: 1.25; + .md\:focus\:ring-offset-colors-teal-700:focus { + --tw-ring-offset-color: var(--colors-teal-700, #2c7a7b); } - .sm\:scale-150 { - --tw-scale-x: 1.5; - --tw-scale-y: 1.5; + .md\:focus\:ring-offset-colors-teal-800:focus { + --tw-ring-offset-color: var(--colors-teal-800, #285e61); } - .sm\:hover\:scale-0:hover { - --tw-scale-x: 0; - --tw-scale-y: 0; + .md\:focus\:ring-offset-colors-teal-900:focus { + --tw-ring-offset-color: var(--colors-teal-900, #234e52); } - .sm\:hover\:scale-50:hover { - --tw-scale-x: .5; - --tw-scale-y: .5; + .md\:focus\:ring-offset-colors-blue-100:focus { + --tw-ring-offset-color: var(--colors-blue-100, #ebf8ff); } - .sm\:hover\:scale-75:hover { - --tw-scale-x: .75; - --tw-scale-y: .75; + .md\:focus\:ring-offset-colors-blue-200:focus { + --tw-ring-offset-color: var(--colors-blue-200, #bee3f8); } - .sm\:hover\:scale-90:hover { - --tw-scale-x: .9; - --tw-scale-y: .9; + .md\:focus\:ring-offset-colors-blue-300:focus { + --tw-ring-offset-color: var(--colors-blue-300, #90cdf4); } - .sm\:hover\:scale-95:hover { - --tw-scale-x: .95; - --tw-scale-y: .95; + .md\:focus\:ring-offset-colors-blue-400:focus { + --tw-ring-offset-color: var(--colors-blue-400, #63b3ed); } - .sm\:hover\:scale-100:hover { - --tw-scale-x: 1; - --tw-scale-y: 1; + .md\:focus\:ring-offset-colors-blue-500:focus { + --tw-ring-offset-color: var(--colors-blue-500, #4299e1); } - .sm\:hover\:scale-105:hover { - --tw-scale-x: 1.05; - --tw-scale-y: 1.05; + .md\:focus\:ring-offset-colors-blue-600:focus { + --tw-ring-offset-color: var(--colors-blue-600, #3182ce); } - .sm\:hover\:scale-110:hover { - --tw-scale-x: 1.1; - --tw-scale-y: 1.1; + .md\:focus\:ring-offset-colors-blue-700:focus { + --tw-ring-offset-color: var(--colors-blue-700, #2b6cb0); } - .sm\:hover\:scale-125:hover { - --tw-scale-x: 1.25; - --tw-scale-y: 1.25; + .md\:focus\:ring-offset-colors-blue-800:focus { + --tw-ring-offset-color: var(--colors-blue-800, #2c5282); } - .sm\:hover\:scale-150:hover { - --tw-scale-x: 1.5; - --tw-scale-y: 1.5; + .md\:focus\:ring-offset-colors-blue-900:focus { + --tw-ring-offset-color: var(--colors-blue-900, #2a4365); } - .sm\:focus\:scale-0:focus { - --tw-scale-x: 0; - --tw-scale-y: 0; + .md\:focus\:ring-offset-colors-indigo-100:focus { + --tw-ring-offset-color: var(--colors-indigo-100, #ebf4ff); } - .sm\:focus\:scale-50:focus { - --tw-scale-x: .5; - --tw-scale-y: .5; + .md\:focus\:ring-offset-colors-indigo-200:focus { + --tw-ring-offset-color: var(--colors-indigo-200, #c3dafe); } - .sm\:focus\:scale-75:focus { - --tw-scale-x: .75; - --tw-scale-y: .75; + .md\:focus\:ring-offset-colors-indigo-300:focus { + --tw-ring-offset-color: var(--colors-indigo-300, #a3bffa); } - .sm\:focus\:scale-90:focus { - --tw-scale-x: .9; - --tw-scale-y: .9; + .md\:focus\:ring-offset-colors-indigo-400:focus { + --tw-ring-offset-color: var(--colors-indigo-400, #7f9cf5); } - .sm\:focus\:scale-95:focus { - --tw-scale-x: .95; - --tw-scale-y: .95; + .md\:focus\:ring-offset-colors-indigo-500:focus { + --tw-ring-offset-color: var(--colors-indigo-500, #667eea); } - .sm\:focus\:scale-100:focus { - --tw-scale-x: 1; - --tw-scale-y: 1; + .md\:focus\:ring-offset-colors-indigo-600:focus { + --tw-ring-offset-color: var(--colors-indigo-600, #5a67d8); } - .sm\:focus\:scale-105:focus { - --tw-scale-x: 1.05; - --tw-scale-y: 1.05; + .md\:focus\:ring-offset-colors-indigo-700:focus { + --tw-ring-offset-color: var(--colors-indigo-700, #4c51bf); } - .sm\:focus\:scale-110:focus { - --tw-scale-x: 1.1; - --tw-scale-y: 1.1; + .md\:focus\:ring-offset-colors-indigo-800:focus { + --tw-ring-offset-color: var(--colors-indigo-800, #434190); } - .sm\:focus\:scale-125:focus { - --tw-scale-x: 1.25; - --tw-scale-y: 1.25; + .md\:focus\:ring-offset-colors-indigo-900:focus { + --tw-ring-offset-color: var(--colors-indigo-900, #3c366b); } - .sm\:focus\:scale-150:focus { - --tw-scale-x: 1.5; - --tw-scale-y: 1.5; + .md\:focus\:ring-offset-colors-purple-100:focus { + --tw-ring-offset-color: var(--colors-purple-100, #faf5ff); } - .sm\:scale-x-0 { - --tw-scale-x: 0; + .md\:focus\:ring-offset-colors-purple-200:focus { + --tw-ring-offset-color: var(--colors-purple-200, #e9d8fd); } - .sm\:scale-x-50 { - --tw-scale-x: .5; + .md\:focus\:ring-offset-colors-purple-300:focus { + --tw-ring-offset-color: var(--colors-purple-300, #d6bcfa); } - .sm\:scale-x-75 { - --tw-scale-x: .75; + .md\:focus\:ring-offset-colors-purple-400:focus { + --tw-ring-offset-color: var(--colors-purple-400, #b794f4); } - .sm\:scale-x-90 { - --tw-scale-x: .9; + .md\:focus\:ring-offset-colors-purple-500:focus { + --tw-ring-offset-color: var(--colors-purple-500, #9f7aea); } - .sm\:scale-x-95 { - --tw-scale-x: .95; + .md\:focus\:ring-offset-colors-purple-600:focus { + --tw-ring-offset-color: var(--colors-purple-600, #805ad5); } - .sm\:scale-x-100 { - --tw-scale-x: 1; + .md\:focus\:ring-offset-colors-purple-700:focus { + --tw-ring-offset-color: var(--colors-purple-700, #6b46c1); } - .sm\:scale-x-105 { - --tw-scale-x: 1.05; + .md\:focus\:ring-offset-colors-purple-800:focus { + --tw-ring-offset-color: var(--colors-purple-800, #553c9a); } - .sm\:scale-x-110 { - --tw-scale-x: 1.1; + .md\:focus\:ring-offset-colors-purple-900:focus { + --tw-ring-offset-color: var(--colors-purple-900, #44337a); } - .sm\:scale-x-125 { - --tw-scale-x: 1.25; + .md\:focus\:ring-offset-colors-pink-100:focus { + --tw-ring-offset-color: var(--colors-pink-100, #fff5f7); } - .sm\:scale-x-150 { - --tw-scale-x: 1.5; + .md\:focus\:ring-offset-colors-pink-200:focus { + --tw-ring-offset-color: var(--colors-pink-200, #fed7e2); } - .sm\:scale-y-0 { - --tw-scale-y: 0; + .md\:focus\:ring-offset-colors-pink-300:focus { + --tw-ring-offset-color: var(--colors-pink-300, #fbb6ce); } - .sm\:scale-y-50 { - --tw-scale-y: .5; + .md\:focus\:ring-offset-colors-pink-400:focus { + --tw-ring-offset-color: var(--colors-pink-400, #f687b3); } - .sm\:scale-y-75 { - --tw-scale-y: .75; + .md\:focus\:ring-offset-colors-pink-500:focus { + --tw-ring-offset-color: var(--colors-pink-500, #ed64a6); } - .sm\:scale-y-90 { - --tw-scale-y: .9; + .md\:focus\:ring-offset-colors-pink-600:focus { + --tw-ring-offset-color: var(--colors-pink-600, #d53f8c); } - .sm\:scale-y-95 { - --tw-scale-y: .95; + .md\:focus\:ring-offset-colors-pink-700:focus { + --tw-ring-offset-color: var(--colors-pink-700, #b83280); } - .sm\:scale-y-100 { - --tw-scale-y: 1; + .md\:focus\:ring-offset-colors-pink-800:focus { + --tw-ring-offset-color: var(--colors-pink-800, #97266d); } - .sm\:scale-y-105 { - --tw-scale-y: 1.05; + .md\:focus\:ring-offset-colors-pink-900:focus { + --tw-ring-offset-color: var(--colors-pink-900, #702459); } - .sm\:scale-y-110 { - --tw-scale-y: 1.1; + .md\:focus\:ring-offset-Box\ Shadow:focus { + --tw-ring-offset-color: var(--box-shadow, #7f7e7f); } - .sm\:scale-y-125 { - --tw-scale-y: 1.25; + .md\:focus\:ring-offset-Error16:focus { + --tw-ring-offset-color: var(--error16, #f03d3e40); } - .sm\:scale-y-150 { - --tw-scale-y: 1.5; + .md\:focus\:ring-offset-Success16:focus { + --tw-ring-offset-color: var(--success16, #5bb14d40); } - .sm\:hover\:scale-x-0:hover { - --tw-scale-x: 0; + .md\:focus\:ring-offset-Notification16:focus { + --tw-ring-offset-color: var(--notification16, #3959ff40); } - .sm\:hover\:scale-x-50:hover { - --tw-scale-x: .5; + .md\:focus\:ring-offset-Error8:focus { + --tw-ring-offset-color: var(--error8, #f03d3e1a); } - .sm\:hover\:scale-x-75:hover { - --tw-scale-x: .75; + .md\:focus\:ring-offset-Notification8:focus { + --tw-ring-offset-color: var(--notification8, #3959ff1a); } - .sm\:hover\:scale-x-90:hover { - --tw-scale-x: .9; + .md\:focus\:ring-offset-Success8:focus { + --tw-ring-offset-color: var(--success8, #5bb14d1a); } - .sm\:hover\:scale-x-95:hover { - --tw-scale-x: .95; + .md\:focus\:ring-offset-Light\ -\ Overlay:focus { + --tw-ring-offset-color: var(--light-overlay, #f0edee66); } - .sm\:hover\:scale-x-100:hover { - --tw-scale-x: 1; + .md\:focus\:ring-offset-Dark-\ Overlay:focus { + --tw-ring-offset-color: var(--dark-overlay, #7f7e7f66); } - .sm\:hover\:scale-x-105:hover { - --tw-scale-x: 1.05; + .md\:focus\:ring-offset-black-40:focus { + --tw-ring-offset-color: var(--black-40, #00000066); } - .sm\:hover\:scale-x-110:hover { - --tw-scale-x: 1.1; + .md\:focus\:ring-offset-black-75:focus { + --tw-ring-offset-color: var(--black-75, #000000bf); } - .sm\:hover\:scale-x-125:hover { - --tw-scale-x: 1.25; + .md\:focus\:ring-offset-black-60:focus { + --tw-ring-offset-color: var(--black-60, #00000099); } - .sm\:hover\:scale-x-150:hover { - --tw-scale-x: 1.5; + .md\:focus\:ring-offset-black-50:focus { + --tw-ring-offset-color: var(--black-50, #00000080); } - .sm\:hover\:scale-y-0:hover { - --tw-scale-y: 0; + .md\:focus\:ring-offset-black-25:focus { + --tw-ring-offset-color: var(--black-25, #00000040); } - .sm\:hover\:scale-y-50:hover { - --tw-scale-y: .5; + .md\:focus\:ring-offset-black-10:focus { + --tw-ring-offset-color: var(--black-10, #0000001a); } - .sm\:hover\:scale-y-75:hover { - --tw-scale-y: .75; + .md\:focus\:ring-offset-white-25:focus { + --tw-ring-offset-color: var(--white-25, #ffffff40); } - .sm\:hover\:scale-y-90:hover { - --tw-scale-y: .9; + .md\:focus\:ring-offset-white-60:focus { + --tw-ring-offset-color: var(--white-60, #ffffff99); } - .sm\:hover\:scale-y-95:hover { - --tw-scale-y: .95; + .md\:focus\:ring-offset-black-64:focus { + --tw-ring-offset-color: var(--black-64, #000000a3); } - .sm\:hover\:scale-y-100:hover { - --tw-scale-y: 1; + .md\:focus\:ring-offset-Shadow\ and\ Highlight-Shadow:focus { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .sm\:hover\:scale-y-105:hover { - --tw-scale-y: 1.05; + .md\:focus\:ring-offset-Shadow\ and\ Highlight-Highlight:focus { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight, #474747); } - .sm\:hover\:scale-y-110:hover { - --tw-scale-y: 1.1; + .md\:focus\:ring-offset-Shadow\ and\ Highlight-highlight\ one:focus { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .sm\:hover\:scale-y-125:hover { - --tw-scale-y: 1.25; + .md\:focus\:ring-offset-Shadow\ and\ Highlight-highlight\ two:focus { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-two, #47474799); } - .sm\:hover\:scale-y-150:hover { - --tw-scale-y: 1.5; + .md\:focus\:ring-offset-Shadow\ and\ Highlight-highlight\ three:focus { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-three, #47474766); } - .sm\:focus\:scale-x-0:focus { - --tw-scale-x: 0; + .md\:focus\:ring-offset-Shadow\ and\ Highlight-highlight\ five:focus { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .sm\:focus\:scale-x-50:focus { - --tw-scale-x: .5; + .md\:focus\:ring-offset-Shadow\ and\ Highlight-shadow\ one:focus { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .sm\:focus\:scale-x-75:focus { - --tw-scale-x: .75; + .md\:focus\:ring-offset-Shadow\ and\ Highlight-shadow\ two:focus { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .sm\:focus\:scale-x-90:focus { - --tw-scale-x: .9; + .md\:focus\:ring-offset-Shadow\ and\ Highlight-shadow\ three:focus { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .sm\:focus\:scale-x-95:focus { - --tw-scale-x: .95; + .md\:focus\:ring-offset-Shadow\ and\ Highlight-shadow\ four:focus { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .sm\:focus\:scale-x-100:focus { - --tw-scale-x: 1; + .md\:focus\:ring-offset-Shadow\ and\ Highlight-shadow\ five:focus { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .sm\:focus\:scale-x-105:focus { - --tw-scale-x: 1.05; + .md\:focus\:ring-offset-Shadow\ and\ Highlight-highlight\ four:focus { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-four, #47474740); } - .sm\:focus\:scale-x-110:focus { - --tw-scale-x: 1.1; + .md\:focus\:ring-offset-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus { + --tw-ring-offset-color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .sm\:focus\:scale-x-125:focus { - --tw-scale-x: 1.25; + .md\:focus\:ring-offset-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus { + --tw-ring-offset-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .sm\:focus\:scale-x-150:focus { - --tw-scale-x: 1.5; + .md\:focus\:ring-offset-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus { + --tw-ring-offset-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .sm\:focus\:scale-y-0:focus { - --tw-scale-y: 0; + .md\:focus\:ring-offset-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus { + --tw-ring-offset-color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .sm\:focus\:scale-y-50:focus { - --tw-scale-y: .5; + .md\:focus\:ring-offset-Grey-Scale-white:focus { + --tw-ring-offset-color: var(--grey-scale-white, #ffffff); } - .sm\:focus\:scale-y-75:focus { - --tw-scale-y: .75; + .md\:focus\:ring-offset-Grey-Scale-off-white:focus { + --tw-ring-offset-color: var(--grey-scale-off-white, #f0edee); } - .sm\:focus\:scale-y-90:focus { - --tw-scale-y: .9; + .md\:focus\:ring-offset-Grey\ Scale-grey:focus { + --tw-ring-offset-color: var(--grey-scale-grey, #7f7e7f); } - .sm\:focus\:scale-y-95:focus { - --tw-scale-y: .95; + .md\:focus\:ring-offset-Grey\ Scale-charcoal:focus { + --tw-ring-offset-color: var(--grey-scale-charcoal, #474747); } - .sm\:focus\:scale-y-100:focus { - --tw-scale-y: 1; + .md\:focus\:ring-offset-Grey\ Scale-off-black:focus { + --tw-ring-offset-color: var(--grey-scale-off-black, #1c1c1c); } - .sm\:focus\:scale-y-105:focus { - --tw-scale-y: 1.05; + .md\:focus\:ring-offset-Grey\ Scale-black:focus { + --tw-ring-offset-color: var(--grey-scale-black, #000000); } - .sm\:focus\:scale-y-110:focus { - --tw-scale-y: 1.1; + .md\:focus\:ring-offset-Blue-blue:focus { + --tw-ring-offset-color: var(--blue-blue, #3a7ca5); } - .sm\:focus\:scale-y-125:focus { - --tw-scale-y: 1.25; + .md\:focus\:ring-offset-Blue-blue-100:focus { + --tw-ring-offset-color: var(--blue-blue-100, #75a3c0); } - .sm\:focus\:scale-y-150:focus { - --tw-scale-y: 1.5; + .md\:focus\:ring-offset-Blue-blue-200:focus { + --tw-ring-offset-color: var(--blue-blue-200, #9cbed2); } - .sm\:animate-none { - animation: none; + .md\:focus\:ring-offset-Blue-blue-300:focus { + --tw-ring-offset-color: var(--blue-blue-300, #4f7d9a); } - .sm\:animate-spin { - animation: spin 1s linear infinite; + .md\:focus\:ring-offset-Blue-blue-400:focus { + --tw-ring-offset-color: var(--blue-blue-400, #5c7d92); } - .sm\:animate-ping { - animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; + .md\:focus\:ring-offset-Blue-blue-500:focus { + --tw-ring-offset-color: var(--blue-blue-500, #347095); } - .sm\:animate-pulse { - animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; + .md\:focus\:ring-offset-Blue-blue-600:focus { + --tw-ring-offset-color: var(--blue-blue-600, #295774); } - .sm\:animate-bounce { - animation: bounce 1s infinite; + .md\:focus\:ring-offset-Blue-blue-700:focus { + --tw-ring-offset-color: var(--blue-blue-700, #173242); } - .sm\:cursor-auto { - cursor: auto; + .md\:focus\:ring-offset-LightBlue-lightblue:focus { + --tw-ring-offset-color: var(--light-blue-lightblue, #81c3d7); } - .sm\:cursor-default { - cursor: default; + .md\:focus\:ring-offset-LightBlue-lightblue-100:focus { + --tw-ring-offset-color: var(--light-blue-lightblue-100, #a7d5e3); } - .sm\:cursor-pointer { - cursor: pointer; + .md\:focus\:ring-offset-LightBlue-lightblue-200:focus { + --tw-ring-offset-color: var(--light-blue-lightblue-200, #c0e1eb); } - .sm\:cursor-wait { - cursor: wait; + .md\:focus\:ring-offset-LightBlue-lightblue-300:focus { + --tw-ring-offset-color: var(--light-blue-lightblue-300, #80aebd); } - .sm\:cursor-text { - cursor: text; + .md\:focus\:ring-offset-LightBlue-lightblue-400:focus { + --tw-ring-offset-color: var(--light-blue-lightblue-400, #80a0ab); } - .sm\:cursor-move { - cursor: move; + .md\:focus\:ring-offset-LightBlue-lightblue-500:focus { + --tw-ring-offset-color: var(--light-blue-lightblue-500, #74afc1); } - .sm\:cursor-help { - cursor: help; + .md\:focus\:ring-offset-LightBlue-lightblue-600:focus { + --tw-ring-offset-color: var(--light-blue-lightblue-600, #5a8997); } - .sm\:cursor-not-allowed { - cursor: not-allowed; + .md\:focus\:ring-offset-LightBlue-lightblue-650:focus { + --tw-ring-offset-color: var(--light-blue-lightblue-650, #3e5e65); } - .sm\:select-none { - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; + .md\:focus\:ring-offset-LightBlue-lightblue-700:focus { + --tw-ring-offset-color: var(--light-blue-lightblue-700, #344e56); } - .sm\:select-text { - -webkit-user-select: text; - -moz-user-select: text; - user-select: text; + .md\:focus\:ring-offset-Orange-orange:focus { + --tw-ring-offset-color: var(--orange-orange, #ff7f0e); } - .sm\:select-all { - -webkit-user-select: all; - -moz-user-select: all; - user-select: all; + .md\:focus\:ring-offset-Orange-orange-100:focus { + --tw-ring-offset-color: var(--orange-orange-100, #ffa556); } - .sm\:select-auto { - -webkit-user-select: auto; - -moz-user-select: auto; - user-select: auto; + .md\:focus\:ring-offset-Orange-orange-200:focus { + --tw-ring-offset-color: var(--orange-orange-200, #ffbf86); } - .sm\:resize-none { - resize: none; + .md\:focus\:ring-offset-Orange-orange-300:focus { + --tw-ring-offset-color: var(--orange-orange-300, #d97f30); } - .sm\:resize-y { - resize: vertical; + .md\:focus\:ring-offset-Orange-orange-400:focus { + --tw-ring-offset-color: var(--orange-orange-400, #bf7e46); } - .sm\:resize-x { - resize: horizontal; + .md\:focus\:ring-offset-Orange-orange-500:focus { + --tw-ring-offset-color: var(--orange-orange-500, #e5720d); } - .sm\:resize { - resize: both; + .md\:focus\:ring-offset-Orange-orange-600:focus { + --tw-ring-offset-color: var(--orange-orange-600, #b3590a); } - .sm\:list-inside { - list-style-position: inside; + .md\:focus\:ring-offset-Orange-orange-700:focus { + --tw-ring-offset-color: var(--orange-orange-700, #663306); } - .sm\:list-outside { - list-style-position: outside; + .md\:focus\:ring-offset-Yellow-yellow:focus { + --tw-ring-offset-color: var(--yellow-yellow, #ffab00); } - .sm\:list-none { - list-style-type: none; + .md\:focus\:ring-offset-Yellow-yellow-100:focus { + --tw-ring-offset-color: var(--yellow-yellow-100, #ffc44c); } - .sm\:list-disc { - list-style-type: disc; + .md\:focus\:ring-offset-Yellow-yellow-200:focus { + --tw-ring-offset-color: var(--yellow-yellow-200, #ffd580); } - .sm\:list-decimal { - list-style-type: decimal; + .md\:focus\:ring-offset-Yellow-yellow-300:focus { + --tw-ring-offset-color: var(--yellow-yellow-300, #d99d26); } - .sm\:appearance-none { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; + .md\:focus\:ring-offset-Yellow-yellow-400:focus { + --tw-ring-offset-color: var(--yellow-yellow-400, #bf943f); } - .sm\:auto-cols-auto { - grid-auto-columns: auto; + .md\:focus\:ring-offset-Yellow-yellow-500:focus { + --tw-ring-offset-color: var(--yellow-yellow-500, #e59a00); } - .sm\:auto-cols-min { - grid-auto-columns: min-content; + .md\:focus\:ring-offset-Yellow-yellow-600:focus { + --tw-ring-offset-color: var(--yellow-yellow-600, #b37800); } - .sm\:auto-cols-max { - grid-auto-columns: max-content; + .md\:focus\:ring-offset-Yellow-yellow-700:focus { + --tw-ring-offset-color: var(--yellow-yellow-700, #664400); } - .sm\:auto-cols-fr { - grid-auto-columns: minmax(0, 1fr); + .md\:focus\:ring-offset-Notification-notification:focus { + --tw-ring-offset-color: var(--notification-notification, #3959ff); } - .sm\:grid-flow-row { - grid-auto-flow: row; + .md\:focus\:ring-offset-Notification-notification-100:focus { + --tw-ring-offset-color: var(--notification-notification-100, #748bff); } - .sm\:grid-flow-col { - grid-auto-flow: column; + .md\:focus\:ring-offset-Notification-notification-200:focus { + --tw-ring-offset-color: var(--notification-notification-200, #9cacff); } - .sm\:grid-flow-row-dense { - grid-auto-flow: row dense; + .md\:focus\:ring-offset-Notification-notification-300:focus { + --tw-ring-offset-color: var(--notification-notification-300, #4e64d9); } - .sm\:grid-flow-col-dense { - grid-auto-flow: column dense; + .md\:focus\:ring-offset-Notification-notification-400:focus { + --tw-ring-offset-color: var(--notification-notification-400, #5c6cbf); } - .sm\:auto-rows-auto { - grid-auto-rows: auto; + .md\:focus\:ring-offset-Notification-notification-500:focus { + --tw-ring-offset-color: var(--notification-notification-500, #3350e5); } - .sm\:auto-rows-min { - grid-auto-rows: min-content; + .md\:focus\:ring-offset-Notification-notification-600:focus { + --tw-ring-offset-color: var(--notification-notification-600, #283eb3); } - .sm\:auto-rows-max { - grid-auto-rows: max-content; + .md\:focus\:ring-offset-Notification-notification-700:focus { + --tw-ring-offset-color: var(--notification-notification-700, #172466); } - .sm\:auto-rows-fr { - grid-auto-rows: minmax(0, 1fr); + .md\:focus\:ring-offset-Success-success\ -700:focus { + --tw-ring-offset-color: var(--success-success-700, #24471f); } - .sm\:grid-cols-1 { - grid-template-columns: repeat(1, minmax(0, 1fr)); + .md\:focus\:ring-offset-Success-success:focus { + --tw-ring-offset-color: var(--success-success, #5bb14d); } - .sm\:grid-cols-2 { - grid-template-columns: repeat(2, minmax(0, 1fr)); + .md\:focus\:ring-offset-Success-success\ -100:focus { + --tw-ring-offset-color: var(--success-success-100, #8cc882); } - .sm\:grid-cols-3 { - grid-template-columns: repeat(3, minmax(0, 1fr)); + .md\:focus\:ring-offset-Success-success\ -200:focus { + --tw-ring-offset-color: var(--success-success-200, #add8a6); } - .sm\:grid-cols-4 { - grid-template-columns: repeat(4, minmax(0, 1fr)); + .md\:focus\:ring-offset-Success-success\ -300:focus { + --tw-ring-offset-color: var(--success-success-300, #66a25c); } - .sm\:grid-cols-5 { - grid-template-columns: repeat(5, minmax(0, 1fr)); + .md\:focus\:ring-offset-Success-success\ -400:focus { + --tw-ring-offset-color: var(--success-success-400, #6d9766); } - .sm\:grid-cols-6 { - grid-template-columns: repeat(6, minmax(0, 1fr)); + .md\:focus\:ring-offset-Success-success\ -500:focus { + --tw-ring-offset-color: var(--success-success-500, #529f45); } - .sm\:grid-cols-7 { - grid-template-columns: repeat(7, minmax(0, 1fr)); + .md\:focus\:ring-offset-Success-success\ -600:focus { + --tw-ring-offset-color: var(--success-success-600, #407c36); } - .sm\:grid-cols-8 { - grid-template-columns: repeat(8, minmax(0, 1fr)); + .md\:focus\:ring-offset-Error-error:focus { + --tw-ring-offset-color: var(--error-error, #f03d3e); } - .sm\:grid-cols-9 { - grid-template-columns: repeat(9, minmax(0, 1fr)); + .md\:focus\:ring-offset-Error-error-100:focus { + --tw-ring-offset-color: var(--error-error-100, #f57778); } - .sm\:grid-cols-10 { - grid-template-columns: repeat(10, minmax(0, 1fr)); + .md\:focus\:ring-offset-Error-error-200:focus { + --tw-ring-offset-color: var(--error-error-200, #f89e9e); } - .sm\:grid-cols-11 { - grid-template-columns: repeat(11, minmax(0, 1fr)); + .md\:focus\:ring-offset-Error-error-250:focus { + --tw-ring-offset-color: var(--error-error-250, #f9c8c8); } - .sm\:grid-cols-12 { - grid-template-columns: repeat(12, minmax(0, 1fr)); + .md\:focus\:ring-offset-Error-error-300:focus { + --tw-ring-offset-color: var(--error-error-300, #ce5151); } - .sm\:grid-cols-none { - grid-template-columns: none; + .md\:focus\:ring-offset-Error-error-400:focus { + --tw-ring-offset-color: var(--error-error-400, #b85e5e); } - .sm\:grid-rows-1 { - grid-template-rows: repeat(1, minmax(0, 1fr)); + .md\:focus\:ring-offset-Error-error-500:focus { + --tw-ring-offset-color: var(--error-error-500, #d83738); } - .sm\:grid-rows-2 { - grid-template-rows: repeat(2, minmax(0, 1fr)); + .md\:focus\:ring-offset-Error-error-600:focus { + --tw-ring-offset-color: var(--error-error-600, #a82b2b); } - .sm\:grid-rows-3 { - grid-template-rows: repeat(3, minmax(0, 1fr)); + .md\:focus\:ring-offset-Error-error-700:focus { + --tw-ring-offset-color: var(--error-error-700, #601819); } - .sm\:grid-rows-4 { - grid-template-rows: repeat(4, minmax(0, 1fr)); + .md\:filter { + --tw-blur: var(--tw-empty,/*!*/ /*!*/); + --tw-brightness: var(--tw-empty,/*!*/ /*!*/); + --tw-contrast: var(--tw-empty,/*!*/ /*!*/); + --tw-grayscale: var(--tw-empty,/*!*/ /*!*/); + --tw-hue-rotate: var(--tw-empty,/*!*/ /*!*/); + --tw-invert: var(--tw-empty,/*!*/ /*!*/); + --tw-saturate: var(--tw-empty,/*!*/ /*!*/); + --tw-sepia: var(--tw-empty,/*!*/ /*!*/); + --tw-drop-shadow: var(--tw-empty,/*!*/ /*!*/); + 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); } - .sm\:grid-rows-5 { - grid-template-rows: repeat(5, minmax(0, 1fr)); + .md\:filter-none { + filter: none; } - .sm\:grid-rows-6 { - grid-template-rows: repeat(6, minmax(0, 1fr)); + .md\:blur-0 { + --tw-blur: blur(0); } - .sm\:grid-rows-none { - grid-template-rows: none; + .md\:blur-none { + --tw-blur: blur(0); } - .sm\:flex-row { - flex-direction: row; + .md\:blur-sm { + --tw-blur: blur(4px); } - .sm\:flex-row-reverse { - flex-direction: row-reverse; + .md\:blur { + --tw-blur: blur(8px); } - .sm\:flex-col { - flex-direction: column; + .md\:blur-md { + --tw-blur: blur(12px); } - .sm\:flex-col-reverse { - flex-direction: column-reverse; + .md\:blur-lg { + --tw-blur: blur(16px); } - .sm\:flex-wrap { - flex-wrap: wrap; + .md\:blur-xl { + --tw-blur: blur(24px); } - .sm\:flex-wrap-reverse { - flex-wrap: wrap-reverse; + .md\:blur-2xl { + --tw-blur: blur(40px); } - .sm\:flex-nowrap { - flex-wrap: nowrap; + .md\:blur-3xl { + --tw-blur: blur(64px); } - .sm\:place-content-center { - place-content: center; + .md\:brightness-0 { + --tw-brightness: brightness(0); } - .sm\:place-content-start { - place-content: start; + .md\:brightness-50 { + --tw-brightness: brightness(.5); } - .sm\:place-content-end { - place-content: end; + .md\:brightness-75 { + --tw-brightness: brightness(.75); } - .sm\:place-content-between { - place-content: space-between; + .md\:brightness-90 { + --tw-brightness: brightness(.9); } - .sm\:place-content-around { - place-content: space-around; + .md\:brightness-95 { + --tw-brightness: brightness(.95); } - .sm\:place-content-evenly { - place-content: space-evenly; + .md\:brightness-100 { + --tw-brightness: brightness(1); } - .sm\:place-content-stretch { - place-content: stretch; + .md\:brightness-105 { + --tw-brightness: brightness(1.05); } - .sm\:place-items-start { - place-items: start; + .md\:brightness-110 { + --tw-brightness: brightness(1.1); } - .sm\:place-items-end { - place-items: end; + .md\:brightness-125 { + --tw-brightness: brightness(1.25); } - .sm\:place-items-center { - place-items: center; + .md\:brightness-150 { + --tw-brightness: brightness(1.5); } - .sm\:place-items-stretch { - place-items: stretch; + .md\:brightness-200 { + --tw-brightness: brightness(2); } - .sm\:content-center { - align-content: center; + .md\:contrast-0 { + --tw-contrast: contrast(0); } - .sm\:content-start { - align-content: flex-start; + .md\:contrast-50 { + --tw-contrast: contrast(.5); } - .sm\:content-end { - align-content: flex-end; + .md\:contrast-75 { + --tw-contrast: contrast(.75); } - .sm\:content-between { - align-content: space-between; + .md\:contrast-100 { + --tw-contrast: contrast(1); } - .sm\:content-around { - align-content: space-around; + .md\:contrast-125 { + --tw-contrast: contrast(1.25); } - .sm\:content-evenly { - align-content: space-evenly; + .md\:contrast-150 { + --tw-contrast: contrast(1.5); } - .sm\:items-start { - align-items: flex-start; + .md\:contrast-200 { + --tw-contrast: contrast(2); } - .sm\:items-end { - align-items: flex-end; + .md\:drop-shadow-sm { + --tw-drop-shadow: drop-shadow(0 1px 1px rgba(0,0,0,0.05)); } - .sm\:items-center { - align-items: center; + .md\:drop-shadow { + --tw-drop-shadow: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1)) drop-shadow(0 1px 1px rgba(0, 0, 0, 0.06)); } - .sm\:items-baseline { - align-items: baseline; + .md\:drop-shadow-md { + --tw-drop-shadow: drop-shadow(0 4px 3px rgba(0, 0, 0, 0.07)) drop-shadow(0 2px 2px rgba(0, 0, 0, 0.06)); } - .sm\:items-stretch { - align-items: stretch; + .md\:drop-shadow-lg { + --tw-drop-shadow: drop-shadow(0 10px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0 4px 3px rgba(0, 0, 0, 0.1)); } - .sm\:justify-start { - justify-content: flex-start; + .md\:drop-shadow-xl { + --tw-drop-shadow: drop-shadow(0 20px 13px rgba(0, 0, 0, 0.03)) drop-shadow(0 8px 5px rgba(0, 0, 0, 0.08)); } - .sm\:justify-end { - justify-content: flex-end; + .md\:drop-shadow-2xl { + --tw-drop-shadow: drop-shadow(0 25px 25px rgba(0, 0, 0, 0.15)); } - .sm\:justify-center { - justify-content: center; + .md\:drop-shadow-none { + --tw-drop-shadow: drop-shadow(0 0 #0000); } - .sm\:justify-between { - justify-content: space-between; + .md\:grayscale-0 { + --tw-grayscale: grayscale(0); } - .sm\:justify-around { - justify-content: space-around; + .md\:grayscale { + --tw-grayscale: grayscale(100%); } - .sm\:justify-evenly { - justify-content: space-evenly; + .md\:hue-rotate-0 { + --tw-hue-rotate: hue-rotate(0deg); } - .sm\:justify-items-start { - justify-items: start; + .md\:hue-rotate-15 { + --tw-hue-rotate: hue-rotate(15deg); } - .sm\:justify-items-end { - justify-items: end; + .md\:hue-rotate-30 { + --tw-hue-rotate: hue-rotate(30deg); } - .sm\:justify-items-center { - justify-items: center; + .md\:hue-rotate-60 { + --tw-hue-rotate: hue-rotate(60deg); } - .sm\:justify-items-stretch { - justify-items: stretch; + .md\:hue-rotate-90 { + --tw-hue-rotate: hue-rotate(90deg); } - .sm\:gap-0 { - gap: 0px; + .md\:hue-rotate-180 { + --tw-hue-rotate: hue-rotate(180deg); } - .sm\:gap-1 { - gap: 0.25rem; + .md\:-hue-rotate-180 { + --tw-hue-rotate: hue-rotate(-180deg); } - .sm\:gap-2 { - gap: 0.5rem; + .md\:-hue-rotate-90 { + --tw-hue-rotate: hue-rotate(-90deg); } - .sm\:gap-3 { - gap: 0.75rem; + .md\:-hue-rotate-60 { + --tw-hue-rotate: hue-rotate(-60deg); } - .sm\:gap-4 { - gap: 1rem; + .md\:-hue-rotate-30 { + --tw-hue-rotate: hue-rotate(-30deg); } - .sm\:gap-5 { - gap: 1.25rem; + .md\:-hue-rotate-15 { + --tw-hue-rotate: hue-rotate(-15deg); } - .sm\:gap-6 { - gap: 1.5rem; + .md\:invert-0 { + --tw-invert: invert(0); } - .sm\:gap-7 { - gap: 1.75rem; + .md\:invert { + --tw-invert: invert(100%); } - .sm\:gap-8 { - gap: 2rem; + .md\:saturate-0 { + --tw-saturate: saturate(0); } - .sm\:gap-9 { - gap: 2.25rem; + .md\:saturate-50 { + --tw-saturate: saturate(.5); } - .sm\:gap-10 { - gap: 2.5rem; + .md\:saturate-100 { + --tw-saturate: saturate(1); } - .sm\:gap-11 { - gap: 2.75rem; + .md\:saturate-150 { + --tw-saturate: saturate(1.5); } - .sm\:gap-12 { - gap: 3rem; + .md\:saturate-200 { + --tw-saturate: saturate(2); } - .sm\:gap-14 { - gap: 3.5rem; + .md\:sepia-0 { + --tw-sepia: sepia(0); } - .sm\:gap-16 { - gap: 4rem; + .md\:sepia { + --tw-sepia: sepia(100%); } - .sm\:gap-20 { - gap: 5rem; + .md\:backdrop-filter { + --tw-backdrop-blur: var(--tw-empty,/*!*/ /*!*/); + --tw-backdrop-brightness: var(--tw-empty,/*!*/ /*!*/); + --tw-backdrop-contrast: var(--tw-empty,/*!*/ /*!*/); + --tw-backdrop-grayscale: var(--tw-empty,/*!*/ /*!*/); + --tw-backdrop-hue-rotate: var(--tw-empty,/*!*/ /*!*/); + --tw-backdrop-invert: var(--tw-empty,/*!*/ /*!*/); + --tw-backdrop-opacity: var(--tw-empty,/*!*/ /*!*/); + --tw-backdrop-saturate: var(--tw-empty,/*!*/ /*!*/); + --tw-backdrop-sepia: var(--tw-empty,/*!*/ /*!*/); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } - .sm\:gap-24 { - gap: 6rem; + .md\:backdrop-filter-none { + -webkit-backdrop-filter: none; + backdrop-filter: none; } - .sm\:gap-28 { - gap: 7rem; + .md\:backdrop-blur-0 { + --tw-backdrop-blur: blur(0); } - .sm\:gap-32 { - gap: 8rem; + .md\:backdrop-blur-none { + --tw-backdrop-blur: blur(0); } - .sm\:gap-36 { - gap: 9rem; + .md\:backdrop-blur-sm { + --tw-backdrop-blur: blur(4px); } - .sm\:gap-40 { - gap: 10rem; + .md\:backdrop-blur { + --tw-backdrop-blur: blur(8px); } - .sm\:gap-44 { - gap: 11rem; + .md\:backdrop-blur-md { + --tw-backdrop-blur: blur(12px); } - .sm\:gap-48 { - gap: 12rem; + .md\:backdrop-blur-lg { + --tw-backdrop-blur: blur(16px); } - .sm\:gap-52 { - gap: 13rem; + .md\:backdrop-blur-xl { + --tw-backdrop-blur: blur(24px); } - .sm\:gap-56 { - gap: 14rem; + .md\:backdrop-blur-2xl { + --tw-backdrop-blur: blur(40px); } - .sm\:gap-60 { - gap: 15rem; + .md\:backdrop-blur-3xl { + --tw-backdrop-blur: blur(64px); } - .sm\:gap-64 { - gap: 16rem; + .md\:backdrop-brightness-0 { + --tw-backdrop-brightness: brightness(0); } - .sm\:gap-72 { - gap: 18rem; + .md\:backdrop-brightness-50 { + --tw-backdrop-brightness: brightness(.5); } - .sm\:gap-80 { - gap: 20rem; + .md\:backdrop-brightness-75 { + --tw-backdrop-brightness: brightness(.75); } - .sm\:gap-96 { - gap: 24rem; + .md\:backdrop-brightness-90 { + --tw-backdrop-brightness: brightness(.9); } - .sm\:gap-px { - gap: 1px; + .md\:backdrop-brightness-95 { + --tw-backdrop-brightness: brightness(.95); } - .sm\:gap-0\.5 { - gap: 0.125rem; + .md\:backdrop-brightness-100 { + --tw-backdrop-brightness: brightness(1); } - .sm\:gap-1\.5 { - gap: 0.375rem; + .md\:backdrop-brightness-105 { + --tw-backdrop-brightness: brightness(1.05); } - .sm\:gap-2\.5 { - gap: 0.625rem; + .md\:backdrop-brightness-110 { + --tw-backdrop-brightness: brightness(1.1); } - .sm\:gap-3\.5 { - gap: 0.875rem; + .md\:backdrop-brightness-125 { + --tw-backdrop-brightness: brightness(1.25); } - .sm\:gap-x-0 { - -moz-column-gap: 0px; - column-gap: 0px; + .md\:backdrop-brightness-150 { + --tw-backdrop-brightness: brightness(1.5); } - .sm\:gap-x-1 { - -moz-column-gap: 0.25rem; - column-gap: 0.25rem; + .md\:backdrop-brightness-200 { + --tw-backdrop-brightness: brightness(2); } - .sm\:gap-x-2 { - -moz-column-gap: 0.5rem; - column-gap: 0.5rem; + .md\:backdrop-contrast-0 { + --tw-backdrop-contrast: contrast(0); } - .sm\:gap-x-3 { - -moz-column-gap: 0.75rem; - column-gap: 0.75rem; + .md\:backdrop-contrast-50 { + --tw-backdrop-contrast: contrast(.5); } - .sm\:gap-x-4 { - -moz-column-gap: 1rem; - column-gap: 1rem; + .md\:backdrop-contrast-75 { + --tw-backdrop-contrast: contrast(.75); } - .sm\:gap-x-5 { - -moz-column-gap: 1.25rem; - column-gap: 1.25rem; + .md\:backdrop-contrast-100 { + --tw-backdrop-contrast: contrast(1); } - .sm\:gap-x-6 { - -moz-column-gap: 1.5rem; - column-gap: 1.5rem; + .md\:backdrop-contrast-125 { + --tw-backdrop-contrast: contrast(1.25); } - .sm\:gap-x-7 { - -moz-column-gap: 1.75rem; - column-gap: 1.75rem; + .md\:backdrop-contrast-150 { + --tw-backdrop-contrast: contrast(1.5); } - .sm\:gap-x-8 { - -moz-column-gap: 2rem; - column-gap: 2rem; + .md\:backdrop-contrast-200 { + --tw-backdrop-contrast: contrast(2); } - .sm\:gap-x-9 { - -moz-column-gap: 2.25rem; - column-gap: 2.25rem; + .md\:backdrop-grayscale-0 { + --tw-backdrop-grayscale: grayscale(0); } - .sm\:gap-x-10 { - -moz-column-gap: 2.5rem; - column-gap: 2.5rem; + .md\:backdrop-grayscale { + --tw-backdrop-grayscale: grayscale(100%); } - .sm\:gap-x-11 { - -moz-column-gap: 2.75rem; - column-gap: 2.75rem; + .md\:backdrop-hue-rotate-0 { + --tw-backdrop-hue-rotate: hue-rotate(0deg); } - .sm\:gap-x-12 { - -moz-column-gap: 3rem; - column-gap: 3rem; + .md\:backdrop-hue-rotate-15 { + --tw-backdrop-hue-rotate: hue-rotate(15deg); } - .sm\:gap-x-14 { - -moz-column-gap: 3.5rem; - column-gap: 3.5rem; + .md\:backdrop-hue-rotate-30 { + --tw-backdrop-hue-rotate: hue-rotate(30deg); } - .sm\:gap-x-16 { - -moz-column-gap: 4rem; - column-gap: 4rem; + .md\:backdrop-hue-rotate-60 { + --tw-backdrop-hue-rotate: hue-rotate(60deg); } - .sm\:gap-x-20 { - -moz-column-gap: 5rem; - column-gap: 5rem; + .md\:backdrop-hue-rotate-90 { + --tw-backdrop-hue-rotate: hue-rotate(90deg); } - .sm\:gap-x-24 { - -moz-column-gap: 6rem; - column-gap: 6rem; + .md\:backdrop-hue-rotate-180 { + --tw-backdrop-hue-rotate: hue-rotate(180deg); } - .sm\:gap-x-28 { - -moz-column-gap: 7rem; - column-gap: 7rem; + .md\:-backdrop-hue-rotate-180 { + --tw-backdrop-hue-rotate: hue-rotate(-180deg); } - .sm\:gap-x-32 { - -moz-column-gap: 8rem; - column-gap: 8rem; + .md\:-backdrop-hue-rotate-90 { + --tw-backdrop-hue-rotate: hue-rotate(-90deg); } - .sm\:gap-x-36 { - -moz-column-gap: 9rem; - column-gap: 9rem; + .md\:-backdrop-hue-rotate-60 { + --tw-backdrop-hue-rotate: hue-rotate(-60deg); } - .sm\:gap-x-40 { - -moz-column-gap: 10rem; - column-gap: 10rem; + .md\:-backdrop-hue-rotate-30 { + --tw-backdrop-hue-rotate: hue-rotate(-30deg); } - .sm\:gap-x-44 { - -moz-column-gap: 11rem; - column-gap: 11rem; + .md\:-backdrop-hue-rotate-15 { + --tw-backdrop-hue-rotate: hue-rotate(-15deg); } - .sm\:gap-x-48 { - -moz-column-gap: 12rem; - column-gap: 12rem; + .md\:backdrop-invert-0 { + --tw-backdrop-invert: invert(0); } - .sm\:gap-x-52 { - -moz-column-gap: 13rem; - column-gap: 13rem; + .md\:backdrop-invert { + --tw-backdrop-invert: invert(100%); } - .sm\:gap-x-56 { - -moz-column-gap: 14rem; - column-gap: 14rem; + .md\:backdrop-opacity-0 { + --tw-backdrop-opacity: opacity(0); } - .sm\:gap-x-60 { - -moz-column-gap: 15rem; - column-gap: 15rem; + .md\:backdrop-opacity-5 { + --tw-backdrop-opacity: opacity(0.05); } - .sm\:gap-x-64 { - -moz-column-gap: 16rem; - column-gap: 16rem; + .md\:backdrop-opacity-10 { + --tw-backdrop-opacity: opacity(0.1); } - .sm\:gap-x-72 { - -moz-column-gap: 18rem; - column-gap: 18rem; + .md\:backdrop-opacity-20 { + --tw-backdrop-opacity: opacity(0.2); } - .sm\:gap-x-80 { - -moz-column-gap: 20rem; - column-gap: 20rem; + .md\:backdrop-opacity-25 { + --tw-backdrop-opacity: opacity(0.25); } - .sm\:gap-x-96 { - -moz-column-gap: 24rem; - column-gap: 24rem; + .md\:backdrop-opacity-30 { + --tw-backdrop-opacity: opacity(0.3); } - .sm\:gap-x-px { - -moz-column-gap: 1px; - column-gap: 1px; + .md\:backdrop-opacity-40 { + --tw-backdrop-opacity: opacity(0.4); } - .sm\:gap-x-0\.5 { - -moz-column-gap: 0.125rem; - column-gap: 0.125rem; + .md\:backdrop-opacity-50 { + --tw-backdrop-opacity: opacity(0.5); + } + + .md\:backdrop-opacity-60 { + --tw-backdrop-opacity: opacity(0.6); } - .sm\:gap-x-1\.5 { - -moz-column-gap: 0.375rem; - column-gap: 0.375rem; + .md\:backdrop-opacity-70 { + --tw-backdrop-opacity: opacity(0.7); } - .sm\:gap-x-2\.5 { - -moz-column-gap: 0.625rem; - column-gap: 0.625rem; + .md\:backdrop-opacity-75 { + --tw-backdrop-opacity: opacity(0.75); } - .sm\:gap-x-3\.5 { - -moz-column-gap: 0.875rem; - column-gap: 0.875rem; + .md\:backdrop-opacity-80 { + --tw-backdrop-opacity: opacity(0.8); } - .sm\:gap-y-0 { - row-gap: 0px; + .md\:backdrop-opacity-90 { + --tw-backdrop-opacity: opacity(0.9); } - .sm\:gap-y-1 { - row-gap: 0.25rem; + .md\:backdrop-opacity-95 { + --tw-backdrop-opacity: opacity(0.95); } - .sm\:gap-y-2 { - row-gap: 0.5rem; + .md\:backdrop-opacity-100 { + --tw-backdrop-opacity: opacity(1); } - .sm\:gap-y-3 { - row-gap: 0.75rem; + .md\:backdrop-saturate-0 { + --tw-backdrop-saturate: saturate(0); } - .sm\:gap-y-4 { - row-gap: 1rem; + .md\:backdrop-saturate-50 { + --tw-backdrop-saturate: saturate(.5); } - .sm\:gap-y-5 { - row-gap: 1.25rem; + .md\:backdrop-saturate-100 { + --tw-backdrop-saturate: saturate(1); } - .sm\:gap-y-6 { - row-gap: 1.5rem; + .md\:backdrop-saturate-150 { + --tw-backdrop-saturate: saturate(1.5); } - .sm\:gap-y-7 { - row-gap: 1.75rem; + .md\:backdrop-saturate-200 { + --tw-backdrop-saturate: saturate(2); } - .sm\:gap-y-8 { - row-gap: 2rem; + .md\:backdrop-sepia-0 { + --tw-backdrop-sepia: sepia(0); } - .sm\:gap-y-9 { - row-gap: 2.25rem; + .md\:backdrop-sepia { + --tw-backdrop-sepia: sepia(100%); } - .sm\:gap-y-10 { - row-gap: 2.5rem; + .md\:transition-none { + transition-property: none; } - .sm\:gap-y-11 { - row-gap: 2.75rem; + .md\:transition-all { + transition-property: all; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 150ms; } - .sm\:gap-y-12 { - row-gap: 3rem; + .md\:transition { + transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; + transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; + transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 150ms; } - .sm\:gap-y-14 { - row-gap: 3.5rem; + .md\:transition-colors { + transition-property: background-color, border-color, color, fill, stroke; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 150ms; } - .sm\:gap-y-16 { - row-gap: 4rem; + .md\:transition-opacity { + transition-property: opacity; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 150ms; } - .sm\:gap-y-20 { - row-gap: 5rem; + .md\:transition-shadow { + transition-property: box-shadow; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 150ms; } - .sm\:gap-y-24 { - row-gap: 6rem; + .md\:transition-transform { + transition-property: transform; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 150ms; } - .sm\:gap-y-28 { - row-gap: 7rem; + .md\:delay-75 { + transition-delay: 75ms; } - .sm\:gap-y-32 { - row-gap: 8rem; + .md\:delay-100 { + transition-delay: 100ms; } - .sm\:gap-y-36 { - row-gap: 9rem; + .md\:delay-150 { + transition-delay: 150ms; } - .sm\:gap-y-40 { - row-gap: 10rem; + .md\:delay-200 { + transition-delay: 200ms; } - .sm\:gap-y-44 { - row-gap: 11rem; + .md\:delay-300 { + transition-delay: 300ms; } - .sm\:gap-y-48 { - row-gap: 12rem; + .md\:delay-500 { + transition-delay: 500ms; } - .sm\:gap-y-52 { - row-gap: 13rem; + .md\:delay-700 { + transition-delay: 700ms; } - .sm\:gap-y-56 { - row-gap: 14rem; + .md\:delay-1000 { + transition-delay: 1000ms; } - .sm\:gap-y-60 { - row-gap: 15rem; + .md\:duration-75 { + transition-duration: 75ms; } - .sm\:gap-y-64 { - row-gap: 16rem; + .md\:duration-100 { + transition-duration: 100ms; } - .sm\:gap-y-72 { - row-gap: 18rem; + .md\:duration-150 { + transition-duration: 150ms; } - .sm\:gap-y-80 { - row-gap: 20rem; + .md\:duration-200 { + transition-duration: 200ms; } - .sm\:gap-y-96 { - row-gap: 24rem; + .md\:duration-300 { + transition-duration: 300ms; } - .sm\:gap-y-px { - row-gap: 1px; + .md\:duration-500 { + transition-duration: 500ms; } - .sm\:gap-y-0\.5 { - row-gap: 0.125rem; + .md\:duration-700 { + transition-duration: 700ms; } - .sm\:gap-y-1\.5 { - row-gap: 0.375rem; + .md\:duration-1000 { + transition-duration: 1000ms; } - .sm\:gap-y-2\.5 { - row-gap: 0.625rem; + .md\:ease-linear { + transition-timing-function: linear; } - .sm\:gap-y-3\.5 { - row-gap: 0.875rem; + .md\:ease-in { + transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } - .sm\:space-x-0 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(0px * var(--tw-space-x-reverse)); - margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse))); + .md\:ease-out { + transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } - .sm\: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))); + .md\:ease-in-out { + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } +} - .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))); +@media (min-width: 1024px) { + .lg\:container { + width: 100%; } - .sm\: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))); + @media (min-width: 640px) { + .lg\:container { + max-width: 640px; + } } - .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))); + @media (min-width: 768px) { + .lg\:container { + max-width: 768px; + } } - .sm\:space-x-5 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(1.25rem * var(--tw-space-x-reverse)); - margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse))); + @media (min-width: 1024px) { + .lg\:container { + max-width: 1024px; + } } - .sm\: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))); + @media (min-width: 1280px) { + .lg\:container { + max-width: 1280px; + } } - .sm\:space-x-7 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(1.75rem * var(--tw-space-x-reverse)); - margin-left: calc(1.75rem * calc(1 - var(--tw-space-x-reverse))); + @media (min-width: 1536px) { + .lg\:container { + max-width: 1536px; + } } - .sm\: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))); + .lg\: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; } - .sm\:space-x-9 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(2.25rem * var(--tw-space-x-reverse)); - margin-left: calc(2.25rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:not-sr-only { + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; } - .sm\:space-x-10 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(2.5rem * var(--tw-space-x-reverse)); - margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:focus-within\:sr-only:focus-within { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border-width: 0; } - .sm\:space-x-11 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(2.75rem * var(--tw-space-x-reverse)); - margin-left: calc(2.75rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:focus-within\:not-sr-only:focus-within { + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; } - .sm\:space-x-12 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(3rem * var(--tw-space-x-reverse)); - margin-left: calc(3rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:focus\:sr-only:focus { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border-width: 0; } - .sm\:space-x-14 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(3.5rem * var(--tw-space-x-reverse)); - margin-left: calc(3.5rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:focus\:not-sr-only:focus { + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; } - .sm\:space-x-16 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(4rem * var(--tw-space-x-reverse)); - margin-left: calc(4rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:pointer-events-none { + pointer-events: none; } - .sm\:space-x-20 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(5rem * var(--tw-space-x-reverse)); - margin-left: calc(5rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:pointer-events-auto { + pointer-events: auto; } - .sm\:space-x-24 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(6rem * var(--tw-space-x-reverse)); - margin-left: calc(6rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:visible { + visibility: visible; } - .sm\:space-x-28 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(7rem * var(--tw-space-x-reverse)); - margin-left: calc(7rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:invisible { + visibility: hidden; } - .sm\:space-x-32 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(8rem * var(--tw-space-x-reverse)); - margin-left: calc(8rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:static { + position: static; } - .sm\:space-x-36 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(9rem * var(--tw-space-x-reverse)); - margin-left: calc(9rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:fixed { + position: fixed; } - .sm\:space-x-40 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(10rem * var(--tw-space-x-reverse)); - margin-left: calc(10rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:absolute { + position: absolute; } - .sm\:space-x-44 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(11rem * var(--tw-space-x-reverse)); - margin-left: calc(11rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:relative { + position: relative; } - .sm\:space-x-48 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(12rem * var(--tw-space-x-reverse)); - margin-left: calc(12rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:sticky { + position: sticky; } - .sm\:space-x-52 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(13rem * var(--tw-space-x-reverse)); - margin-left: calc(13rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:inset-0 { + top: 0px; + right: 0px; + bottom: 0px; + left: 0px; } - .sm\:space-x-56 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(14rem * var(--tw-space-x-reverse)); - margin-left: calc(14rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:inset-1 { + top: 0.25rem; + right: 0.25rem; + bottom: 0.25rem; + left: 0.25rem; } - .sm\:space-x-60 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(15rem * var(--tw-space-x-reverse)); - margin-left: calc(15rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:inset-2 { + top: 0.5rem; + right: 0.5rem; + bottom: 0.5rem; + left: 0.5rem; } - .sm\:space-x-64 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(16rem * var(--tw-space-x-reverse)); - margin-left: calc(16rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:inset-3 { + top: 0.75rem; + right: 0.75rem; + bottom: 0.75rem; + left: 0.75rem; } - .sm\:space-x-72 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(18rem * var(--tw-space-x-reverse)); - margin-left: calc(18rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:inset-4 { + top: 1rem; + right: 1rem; + bottom: 1rem; + left: 1rem; } - .sm\:space-x-80 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(20rem * var(--tw-space-x-reverse)); - margin-left: calc(20rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:inset-5 { + top: 1.25rem; + right: 1.25rem; + bottom: 1.25rem; + left: 1.25rem; } - .sm\:space-x-96 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(24rem * var(--tw-space-x-reverse)); - margin-left: calc(24rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:inset-6 { + top: 1.5rem; + right: 1.5rem; + bottom: 1.5rem; + left: 1.5rem; } - .sm\:space-x-px > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(1px * var(--tw-space-x-reverse)); - margin-left: calc(1px * calc(1 - var(--tw-space-x-reverse))); + .lg\:inset-7 { + top: 1.75rem; + right: 1.75rem; + bottom: 1.75rem; + left: 1.75rem; } - .sm\:space-x-0\.5 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(0.125rem * var(--tw-space-x-reverse)); - margin-left: calc(0.125rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:inset-8 { + top: 2rem; + right: 2rem; + bottom: 2rem; + left: 2rem; } - .sm\: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))); + .lg\:inset-9 { + top: 2.25rem; + right: 2.25rem; + bottom: 2.25rem; + left: 2.25rem; } - .sm\: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))); + .lg\:inset-10 { + top: 2.5rem; + right: 2.5rem; + bottom: 2.5rem; + left: 2.5rem; } - .sm\:space-x-3\.5 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(0.875rem * var(--tw-space-x-reverse)); - margin-left: calc(0.875rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:inset-11 { + top: 2.75rem; + right: 2.75rem; + bottom: 2.75rem; + left: 2.75rem; } - .sm\:-space-x-0 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(0px * var(--tw-space-x-reverse)); - margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse))); + .lg\:inset-12 { + top: 3rem; + right: 3rem; + bottom: 3rem; + left: 3rem; } - .sm\:-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))); + .lg\:inset-14 { + top: 3.5rem; + right: 3.5rem; + bottom: 3.5rem; + left: 3.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))); + .lg\:inset-16 { + top: 4rem; + right: 4rem; + bottom: 4rem; + left: 4rem; } - .sm\:-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))); + .lg\:inset-20 { + top: 5rem; + right: 5rem; + bottom: 5rem; + left: 5rem; } - .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))); + .lg\:inset-24 { + top: 6rem; + right: 6rem; + bottom: 6rem; + left: 6rem; } - .sm\:-space-x-5 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-1.25rem * var(--tw-space-x-reverse)); - margin-left: calc(-1.25rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:inset-28 { + top: 7rem; + right: 7rem; + bottom: 7rem; + left: 7rem; } - .sm\:-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))); + .lg\:inset-32 { + top: 8rem; + right: 8rem; + bottom: 8rem; + left: 8rem; } - .sm\:-space-x-7 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-1.75rem * var(--tw-space-x-reverse)); - margin-left: calc(-1.75rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:inset-36 { + top: 9rem; + right: 9rem; + bottom: 9rem; + left: 9rem; } - .sm\:-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))); + .lg\:inset-40 { + top: 10rem; + right: 10rem; + bottom: 10rem; + left: 10rem; } - .sm\:-space-x-9 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-2.25rem * var(--tw-space-x-reverse)); - margin-left: calc(-2.25rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:inset-44 { + top: 11rem; + right: 11rem; + bottom: 11rem; + left: 11rem; } - .sm\:-space-x-10 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-2.5rem * var(--tw-space-x-reverse)); - margin-left: calc(-2.5rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:inset-48 { + top: 12rem; + right: 12rem; + bottom: 12rem; + left: 12rem; } - .sm\:-space-x-11 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-2.75rem * var(--tw-space-x-reverse)); - margin-left: calc(-2.75rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:inset-52 { + top: 13rem; + right: 13rem; + bottom: 13rem; + left: 13rem; } - .sm\:-space-x-12 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-3rem * var(--tw-space-x-reverse)); - margin-left: calc(-3rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:inset-56 { + top: 14rem; + right: 14rem; + bottom: 14rem; + left: 14rem; } - .sm\:-space-x-14 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-3.5rem * var(--tw-space-x-reverse)); - margin-left: calc(-3.5rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:inset-60 { + top: 15rem; + right: 15rem; + bottom: 15rem; + left: 15rem; } - .sm\:-space-x-16 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-4rem * var(--tw-space-x-reverse)); - margin-left: calc(-4rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:inset-64 { + top: 16rem; + right: 16rem; + bottom: 16rem; + left: 16rem; } - .sm\:-space-x-20 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-5rem * var(--tw-space-x-reverse)); - margin-left: calc(-5rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:inset-72 { + top: 18rem; + right: 18rem; + bottom: 18rem; + left: 18rem; } - .sm\:-space-x-24 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-6rem * var(--tw-space-x-reverse)); - margin-left: calc(-6rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:inset-80 { + top: 20rem; + right: 20rem; + bottom: 20rem; + left: 20rem; } - .sm\:-space-x-28 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-7rem * var(--tw-space-x-reverse)); - margin-left: calc(-7rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:inset-96 { + top: 24rem; + right: 24rem; + bottom: 24rem; + left: 24rem; } - .sm\:-space-x-32 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-8rem * var(--tw-space-x-reverse)); - margin-left: calc(-8rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:inset-auto { + top: auto; + right: auto; + bottom: auto; + left: auto; } - .sm\:-space-x-36 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-9rem * var(--tw-space-x-reverse)); - margin-left: calc(-9rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:inset-px { + top: 1px; + right: 1px; + bottom: 1px; + left: 1px; } - .sm\:-space-x-40 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-10rem * var(--tw-space-x-reverse)); - margin-left: calc(-10rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:inset-0\.5 { + top: 0.125rem; + right: 0.125rem; + bottom: 0.125rem; + left: 0.125rem; } - .sm\:-space-x-44 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-11rem * var(--tw-space-x-reverse)); - margin-left: calc(-11rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:inset-1\.5 { + top: 0.375rem; + right: 0.375rem; + bottom: 0.375rem; + left: 0.375rem; } - .sm\:-space-x-48 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-12rem * var(--tw-space-x-reverse)); - margin-left: calc(-12rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:inset-2\.5 { + top: 0.625rem; + right: 0.625rem; + bottom: 0.625rem; + left: 0.625rem; } - .sm\:-space-x-52 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-13rem * var(--tw-space-x-reverse)); - margin-left: calc(-13rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:inset-3\.5 { + top: 0.875rem; + right: 0.875rem; + bottom: 0.875rem; + left: 0.875rem; } - .sm\:-space-x-56 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-14rem * var(--tw-space-x-reverse)); - margin-left: calc(-14rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:-inset-0 { + top: 0px; + right: 0px; + bottom: 0px; + left: 0px; } - .sm\:-space-x-60 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-15rem * var(--tw-space-x-reverse)); - margin-left: calc(-15rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:-inset-1 { + top: -0.25rem; + right: -0.25rem; + bottom: -0.25rem; + left: -0.25rem; } - .sm\:-space-x-64 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-16rem * var(--tw-space-x-reverse)); - margin-left: calc(-16rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:-inset-2 { + top: -0.5rem; + right: -0.5rem; + bottom: -0.5rem; + left: -0.5rem; } - .sm\:-space-x-72 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-18rem * var(--tw-space-x-reverse)); - margin-left: calc(-18rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:-inset-3 { + top: -0.75rem; + right: -0.75rem; + bottom: -0.75rem; + left: -0.75rem; } - .sm\:-space-x-80 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-20rem * var(--tw-space-x-reverse)); - margin-left: calc(-20rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:-inset-4 { + top: -1rem; + right: -1rem; + bottom: -1rem; + left: -1rem; } - .sm\:-space-x-96 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-24rem * var(--tw-space-x-reverse)); - margin-left: calc(-24rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:-inset-5 { + top: -1.25rem; + right: -1.25rem; + bottom: -1.25rem; + left: -1.25rem; } - .sm\:-space-x-px > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-1px * var(--tw-space-x-reverse)); - margin-left: calc(-1px * calc(1 - var(--tw-space-x-reverse))); + .lg\:-inset-6 { + top: -1.5rem; + right: -1.5rem; + bottom: -1.5rem; + left: -1.5rem; } - .sm\:-space-x-0\.5 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-0.125rem * var(--tw-space-x-reverse)); - margin-left: calc(-0.125rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:-inset-7 { + top: -1.75rem; + right: -1.75rem; + bottom: -1.75rem; + left: -1.75rem; } - .sm\:-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))); + .lg\:-inset-8 { + top: -2rem; + right: -2rem; + bottom: -2rem; + left: -2rem; } - .sm\:-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))); + .lg\:-inset-9 { + top: -2.25rem; + right: -2.25rem; + bottom: -2.25rem; + left: -2.25rem; } - .sm\:-space-x-3\.5 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-0.875rem * var(--tw-space-x-reverse)); - margin-left: calc(-0.875rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:-inset-10 { + top: -2.5rem; + right: -2.5rem; + bottom: -2.5rem; + left: -2.5rem; } - .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)); + .lg\:-inset-11 { + top: -2.75rem; + right: -2.75rem; + bottom: -2.75rem; + left: -2.75rem; } - .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)); + .lg\:-inset-12 { + top: -3rem; + right: -3rem; + bottom: -3rem; + left: -3rem; } - .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)); + .lg\:-inset-14 { + top: -3.5rem; + right: -3.5rem; + bottom: -3.5rem; + left: -3.5rem; } - .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)); + .lg\:-inset-16 { + top: -4rem; + right: -4rem; + bottom: -4rem; + left: -4rem; } - .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)); + .lg\:-inset-20 { + top: -5rem; + right: -5rem; + bottom: -5rem; + left: -5rem; } - .sm\:space-y-5 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(1.25rem * var(--tw-space-y-reverse)); + .lg\:-inset-24 { + top: -6rem; + right: -6rem; + bottom: -6rem; + left: -6rem; } - .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)); + .lg\:-inset-28 { + top: -7rem; + right: -7rem; + bottom: -7rem; + left: -7rem; } - .sm\:space-y-7 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(1.75rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(1.75rem * var(--tw-space-y-reverse)); + .lg\:-inset-32 { + top: -8rem; + right: -8rem; + bottom: -8rem; + left: -8rem; } - .sm\:space-y-8 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(2rem * var(--tw-space-y-reverse)); + .lg\:-inset-36 { + top: -9rem; + right: -9rem; + bottom: -9rem; + left: -9rem; } - .sm\:space-y-9 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(2.25rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(2.25rem * var(--tw-space-y-reverse)); + .lg\:-inset-40 { + top: -10rem; + right: -10rem; + bottom: -10rem; + left: -10rem; } - .sm\: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)); + .lg\:-inset-44 { + top: -11rem; + right: -11rem; + bottom: -11rem; + left: -11rem; } - .sm\:space-y-11 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(2.75rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(2.75rem * var(--tw-space-y-reverse)); + .lg\:-inset-48 { + top: -12rem; + right: -12rem; + bottom: -12rem; + left: -12rem; } - .sm\: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)); + .lg\:-inset-52 { + top: -13rem; + right: -13rem; + bottom: -13rem; + left: -13rem; } - .sm\:space-y-14 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(3.5rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(3.5rem * var(--tw-space-y-reverse)); + .lg\:-inset-56 { + top: -14rem; + right: -14rem; + bottom: -14rem; + left: -14rem; } - .sm\: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)); + .lg\:-inset-60 { + top: -15rem; + right: -15rem; + bottom: -15rem; + left: -15rem; } - .sm\:space-y-20 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(5rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(5rem * var(--tw-space-y-reverse)); + .lg\:-inset-64 { + top: -16rem; + right: -16rem; + bottom: -16rem; + left: -16rem; } - .sm\:space-y-24 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(6rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(6rem * var(--tw-space-y-reverse)); + .lg\:-inset-72 { + top: -18rem; + right: -18rem; + bottom: -18rem; + left: -18rem; } - .sm\:space-y-28 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(7rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(7rem * var(--tw-space-y-reverse)); + .lg\:-inset-80 { + top: -20rem; + right: -20rem; + bottom: -20rem; + left: -20rem; } - .sm\:space-y-32 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(8rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(8rem * var(--tw-space-y-reverse)); + .lg\:-inset-96 { + top: -24rem; + right: -24rem; + bottom: -24rem; + left: -24rem; } - .sm\:space-y-36 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(9rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(9rem * var(--tw-space-y-reverse)); + .lg\:-inset-px { + top: -1px; + right: -1px; + bottom: -1px; + left: -1px; } - .sm\:space-y-40 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(10rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(10rem * var(--tw-space-y-reverse)); + .lg\:-inset-0\.5 { + top: -0.125rem; + right: -0.125rem; + bottom: -0.125rem; + left: -0.125rem; } - .sm\:space-y-44 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(11rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(11rem * var(--tw-space-y-reverse)); + .lg\:-inset-1\.5 { + top: -0.375rem; + right: -0.375rem; + bottom: -0.375rem; + left: -0.375rem; } - .sm\:space-y-48 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(12rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(12rem * var(--tw-space-y-reverse)); + .lg\:-inset-2\.5 { + top: -0.625rem; + right: -0.625rem; + bottom: -0.625rem; + left: -0.625rem; } - .sm\:space-y-52 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(13rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(13rem * var(--tw-space-y-reverse)); + .lg\:-inset-3\.5 { + top: -0.875rem; + right: -0.875rem; + bottom: -0.875rem; + left: -0.875rem; } - .sm\:space-y-56 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(14rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(14rem * var(--tw-space-y-reverse)); + .lg\:inset-1\/2 { + top: 50%; + right: 50%; + bottom: 50%; + left: 50%; } - .sm\:space-y-60 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(15rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(15rem * var(--tw-space-y-reverse)); + .lg\:inset-1\/3 { + top: 33.333333%; + right: 33.333333%; + bottom: 33.333333%; + left: 33.333333%; } - .sm\:space-y-64 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(16rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(16rem * var(--tw-space-y-reverse)); + .lg\:inset-2\/3 { + top: 66.666667%; + right: 66.666667%; + bottom: 66.666667%; + left: 66.666667%; } - .sm\:space-y-72 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(18rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(18rem * var(--tw-space-y-reverse)); + .lg\:inset-1\/4 { + top: 25%; + right: 25%; + bottom: 25%; + left: 25%; } - .sm\:space-y-80 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(20rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(20rem * var(--tw-space-y-reverse)); + .lg\:inset-2\/4 { + top: 50%; + right: 50%; + bottom: 50%; + left: 50%; } - .sm\:space-y-96 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(24rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(24rem * var(--tw-space-y-reverse)); + .lg\:inset-3\/4 { + top: 75%; + right: 75%; + bottom: 75%; + left: 75%; } - .sm\:space-y-px > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(1px * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(1px * var(--tw-space-y-reverse)); + .lg\:inset-full { + top: 100%; + right: 100%; + bottom: 100%; + left: 100%; } - .sm\: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)); + .lg\:-inset-1\/2 { + top: -50%; + right: -50%; + bottom: -50%; + left: -50%; } - .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)); + .lg\:-inset-1\/3 { + top: -33.333333%; + right: -33.333333%; + bottom: -33.333333%; + left: -33.333333%; } - .sm\: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)); + .lg\:-inset-2\/3 { + top: -66.666667%; + right: -66.666667%; + bottom: -66.666667%; + left: -66.666667%; } - .sm\:space-y-3\.5 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(0.875rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(0.875rem * var(--tw-space-y-reverse)); + .lg\:-inset-1\/4 { + top: -25%; + right: -25%; + bottom: -25%; + left: -25%; } - .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)); + .lg\:-inset-2\/4 { + top: -50%; + right: -50%; + bottom: -50%; + left: -50%; } - .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)); + .lg\:-inset-3\/4 { + top: -75%; + right: -75%; + bottom: -75%; + left: -75%; } - .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)); + .lg\:-inset-full { + top: -100%; + right: -100%; + bottom: -100%; + left: -100%; } - .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)); + .lg\:inset-x-0 { + left: 0px; + right: 0px; } - .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)); + .lg\:inset-x-1 { + left: 0.25rem; + right: 0.25rem; } - .sm\:-space-y-5 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-1.25rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-1.25rem * var(--tw-space-y-reverse)); + .lg\:inset-x-2 { + left: 0.5rem; + right: 0.5rem; } - .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)); + .lg\:inset-x-3 { + left: 0.75rem; + right: 0.75rem; } - .sm\:-space-y-7 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-1.75rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-1.75rem * var(--tw-space-y-reverse)); + .lg\:inset-x-4 { + left: 1rem; + right: 1rem; } - .sm\:-space-y-8 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-2rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-2rem * var(--tw-space-y-reverse)); + .lg\:inset-x-5 { + left: 1.25rem; + right: 1.25rem; } - .sm\:-space-y-9 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-2.25rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-2.25rem * var(--tw-space-y-reverse)); + .lg\:inset-x-6 { + left: 1.5rem; + right: 1.5rem; } - .sm\:-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)); + .lg\:inset-x-7 { + left: 1.75rem; + right: 1.75rem; } - .sm\:-space-y-11 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-2.75rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-2.75rem * var(--tw-space-y-reverse)); + .lg\:inset-x-8 { + left: 2rem; + right: 2rem; } - .sm\:-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)); + .lg\:inset-x-9 { + left: 2.25rem; + right: 2.25rem; } - .sm\:-space-y-14 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-3.5rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-3.5rem * var(--tw-space-y-reverse)); + .lg\:inset-x-10 { + left: 2.5rem; + right: 2.5rem; } - .sm\:-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)); + .lg\:inset-x-11 { + left: 2.75rem; + right: 2.75rem; } - .sm\:-space-y-20 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-5rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-5rem * var(--tw-space-y-reverse)); + .lg\:inset-x-12 { + left: 3rem; + right: 3rem; } - .sm\:-space-y-24 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-6rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-6rem * var(--tw-space-y-reverse)); + .lg\:inset-x-14 { + left: 3.5rem; + right: 3.5rem; } - .sm\:-space-y-28 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-7rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-7rem * var(--tw-space-y-reverse)); + .lg\:inset-x-16 { + left: 4rem; + right: 4rem; } - .sm\:-space-y-32 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-8rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-8rem * var(--tw-space-y-reverse)); + .lg\:inset-x-20 { + left: 5rem; + right: 5rem; } - .sm\:-space-y-36 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-9rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-9rem * var(--tw-space-y-reverse)); + .lg\:inset-x-24 { + left: 6rem; + right: 6rem; } - .sm\:-space-y-40 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-10rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-10rem * var(--tw-space-y-reverse)); + .lg\:inset-x-28 { + left: 7rem; + right: 7rem; } - .sm\:-space-y-44 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-11rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-11rem * var(--tw-space-y-reverse)); + .lg\:inset-x-32 { + left: 8rem; + right: 8rem; } - .sm\:-space-y-48 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-12rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-12rem * var(--tw-space-y-reverse)); + .lg\:inset-x-36 { + left: 9rem; + right: 9rem; } - .sm\:-space-y-52 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-13rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-13rem * var(--tw-space-y-reverse)); + .lg\:inset-x-40 { + left: 10rem; + right: 10rem; } - .sm\:-space-y-56 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-14rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-14rem * var(--tw-space-y-reverse)); + .lg\:inset-x-44 { + left: 11rem; + right: 11rem; } - .sm\:-space-y-60 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-15rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-15rem * var(--tw-space-y-reverse)); + .lg\:inset-x-48 { + left: 12rem; + right: 12rem; } - .sm\:-space-y-64 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-16rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-16rem * var(--tw-space-y-reverse)); + .lg\:inset-x-52 { + left: 13rem; + right: 13rem; } - .sm\:-space-y-72 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-18rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-18rem * var(--tw-space-y-reverse)); + .lg\:inset-x-56 { + left: 14rem; + right: 14rem; } - .sm\:-space-y-80 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-20rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-20rem * var(--tw-space-y-reverse)); + .lg\:inset-x-60 { + left: 15rem; + right: 15rem; } - .sm\:-space-y-96 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-24rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-24rem * var(--tw-space-y-reverse)); + .lg\:inset-x-64 { + left: 16rem; + right: 16rem; } - .sm\:-space-y-px > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-1px * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-1px * var(--tw-space-y-reverse)); + .lg\:inset-x-72 { + left: 18rem; + right: 18rem; } - .sm\:-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)); + .lg\:inset-x-80 { + left: 20rem; + right: 20rem; } - .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)); + .lg\:inset-x-96 { + left: 24rem; + right: 24rem; } - .sm\:-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)); + .lg\:inset-x-auto { + left: auto; + right: auto; } - .sm\:-space-y-3\.5 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-0.875rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-0.875rem * var(--tw-space-y-reverse)); + .lg\:inset-x-px { + left: 1px; + right: 1px; } - .sm\:space-y-reverse > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 1; + .lg\:inset-x-0\.5 { + left: 0.125rem; + right: 0.125rem; } - .sm\:space-x-reverse > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 1; + .lg\:inset-x-1\.5 { + left: 0.375rem; + right: 0.375rem; } - .sm\:divide-x-0 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-x-reverse: 0; - border-right-width: calc(0px * var(--tw-divide-x-reverse)); - border-left-width: calc(0px * calc(1 - var(--tw-divide-x-reverse))); + .lg\:inset-x-2\.5 { + left: 0.625rem; + right: 0.625rem; } - .sm\:divide-x-2 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-x-reverse: 0; - border-right-width: calc(2px * var(--tw-divide-x-reverse)); - border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse))); + .lg\:inset-x-3\.5 { + left: 0.875rem; + right: 0.875rem; } - .sm\:divide-x-4 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-x-reverse: 0; - border-right-width: calc(4px * var(--tw-divide-x-reverse)); - border-left-width: calc(4px * calc(1 - var(--tw-divide-x-reverse))); + .lg\:-inset-x-0 { + left: 0px; + right: 0px; } - .sm\:divide-x-8 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-x-reverse: 0; - border-right-width: calc(8px * var(--tw-divide-x-reverse)); - border-left-width: calc(8px * calc(1 - var(--tw-divide-x-reverse))); + .lg\:-inset-x-1 { + left: -0.25rem; + right: -0.25rem; } - .sm\:divide-x > :not([hidden]) ~ :not([hidden]) { - --tw-divide-x-reverse: 0; - border-right-width: calc(1px * var(--tw-divide-x-reverse)); - border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); + .lg\:-inset-x-2 { + left: -0.5rem; + right: -0.5rem; } - .sm\:divide-y-0 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-y-reverse: 0; - border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse))); - border-bottom-width: calc(0px * var(--tw-divide-y-reverse)); + .lg\:-inset-x-3 { + left: -0.75rem; + right: -0.75rem; } - .sm\:divide-y-2 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-y-reverse: 0; - border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse))); - border-bottom-width: calc(2px * var(--tw-divide-y-reverse)); + .lg\:-inset-x-4 { + left: -1rem; + right: -1rem; } - .sm\:divide-y-4 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-y-reverse: 0; - border-top-width: calc(4px * calc(1 - var(--tw-divide-y-reverse))); - border-bottom-width: calc(4px * var(--tw-divide-y-reverse)); + .lg\:-inset-x-5 { + left: -1.25rem; + right: -1.25rem; } - .sm\:divide-y-8 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-y-reverse: 0; - border-top-width: calc(8px * calc(1 - var(--tw-divide-y-reverse))); - border-bottom-width: calc(8px * var(--tw-divide-y-reverse)); + .lg\:-inset-x-6 { + left: -1.5rem; + right: -1.5rem; } - .sm\: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)); + .lg\:-inset-x-7 { + left: -1.75rem; + right: -1.75rem; } - .sm\:divide-y-reverse > :not([hidden]) ~ :not([hidden]) { - --tw-divide-y-reverse: 1; + .lg\:-inset-x-8 { + left: -2rem; + right: -2rem; } - .sm\:divide-x-reverse > :not([hidden]) ~ :not([hidden]) { - --tw-divide-x-reverse: 1; + .lg\:-inset-x-9 { + left: -2.25rem; + right: -2.25rem; } - .sm\:divide-solid > :not([hidden]) ~ :not([hidden]) { - border-style: solid; + .lg\:-inset-x-10 { + left: -2.5rem; + right: -2.5rem; } - .sm\:divide-dashed > :not([hidden]) ~ :not([hidden]) { - border-style: dashed; + .lg\:-inset-x-11 { + left: -2.75rem; + right: -2.75rem; } - .sm\:divide-dotted > :not([hidden]) ~ :not([hidden]) { - border-style: dotted; + .lg\:-inset-x-12 { + left: -3rem; + right: -3rem; } - .sm\:divide-double > :not([hidden]) ~ :not([hidden]) { - border-style: double; + .lg\:-inset-x-14 { + left: -3.5rem; + right: -3.5rem; } - .sm\:divide-none > :not([hidden]) ~ :not([hidden]) { - border-style: none; + .lg\:-inset-x-16 { + left: -4rem; + right: -4rem; } - .sm\:divide-transparent > :not([hidden]) ~ :not([hidden]) { - border-color: transparent; + .lg\:-inset-x-20 { + left: -5rem; + right: -5rem; } - .sm\:divide-current > :not([hidden]) ~ :not([hidden]) { - border-color: currentColor; + .lg\:-inset-x-24 { + left: -6rem; + right: -6rem; } - .sm\:divide-black > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(0, 0, 0, var(--tw-divide-opacity)); + .lg\:-inset-x-28 { + left: -7rem; + right: -7rem; } - .sm\:divide-white > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(255, 255, 255, var(--tw-divide-opacity)); + .lg\:-inset-x-32 { + left: -8rem; + right: -8rem; } - .sm\:divide-gray-50 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(249, 250, 251, var(--tw-divide-opacity)); + .lg\:-inset-x-36 { + left: -9rem; + right: -9rem; } - .sm\:divide-gray-100 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(243, 244, 246, var(--tw-divide-opacity)); + .lg\:-inset-x-40 { + left: -10rem; + right: -10rem; } - .sm\:divide-gray-200 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(229, 231, 235, var(--tw-divide-opacity)); + .lg\:-inset-x-44 { + left: -11rem; + right: -11rem; } - .sm\:divide-gray-300 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(209, 213, 219, var(--tw-divide-opacity)); + .lg\:-inset-x-48 { + left: -12rem; + right: -12rem; } - .sm\:divide-gray-400 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(156, 163, 175, var(--tw-divide-opacity)); + .lg\:-inset-x-52 { + left: -13rem; + right: -13rem; } - .sm\:divide-gray-500 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(107, 114, 128, var(--tw-divide-opacity)); + .lg\:-inset-x-56 { + left: -14rem; + right: -14rem; } - .sm\:divide-gray-600 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(75, 85, 99, var(--tw-divide-opacity)); + .lg\:-inset-x-60 { + left: -15rem; + right: -15rem; } - .sm\:divide-gray-700 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(55, 65, 81, var(--tw-divide-opacity)); + .lg\:-inset-x-64 { + left: -16rem; + right: -16rem; } - .sm\:divide-gray-800 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(31, 41, 55, var(--tw-divide-opacity)); + .lg\:-inset-x-72 { + left: -18rem; + right: -18rem; } - .sm\:divide-gray-900 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(17, 24, 39, var(--tw-divide-opacity)); + .lg\:-inset-x-80 { + left: -20rem; + right: -20rem; } - .sm\:divide-red-50 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(254, 242, 242, var(--tw-divide-opacity)); + .lg\:-inset-x-96 { + left: -24rem; + right: -24rem; } - .sm\:divide-red-100 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(254, 226, 226, var(--tw-divide-opacity)); + .lg\:-inset-x-px { + left: -1px; + right: -1px; } - .sm\:divide-red-200 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(254, 202, 202, var(--tw-divide-opacity)); + .lg\:-inset-x-0\.5 { + left: -0.125rem; + right: -0.125rem; } - .sm\:divide-red-300 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(252, 165, 165, var(--tw-divide-opacity)); + .lg\:-inset-x-1\.5 { + left: -0.375rem; + right: -0.375rem; } - .sm\:divide-red-400 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(248, 113, 113, var(--tw-divide-opacity)); + .lg\:-inset-x-2\.5 { + left: -0.625rem; + right: -0.625rem; } - .sm\:divide-red-500 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(239, 68, 68, var(--tw-divide-opacity)); + .lg\:-inset-x-3\.5 { + left: -0.875rem; + right: -0.875rem; } - .sm\:divide-red-600 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(220, 38, 38, var(--tw-divide-opacity)); + .lg\:inset-x-1\/2 { + left: 50%; + right: 50%; } - .sm\:divide-red-700 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(185, 28, 28, var(--tw-divide-opacity)); + .lg\:inset-x-1\/3 { + left: 33.333333%; + right: 33.333333%; } - .sm\:divide-red-800 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(153, 27, 27, var(--tw-divide-opacity)); + .lg\:inset-x-2\/3 { + left: 66.666667%; + right: 66.666667%; } - .sm\:divide-red-900 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(127, 29, 29, var(--tw-divide-opacity)); + .lg\:inset-x-1\/4 { + left: 25%; + right: 25%; } - .sm\:divide-yellow-50 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(255, 251, 235, var(--tw-divide-opacity)); + .lg\:inset-x-2\/4 { + left: 50%; + right: 50%; } - .sm\:divide-yellow-100 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(254, 243, 199, var(--tw-divide-opacity)); + .lg\:inset-x-3\/4 { + left: 75%; + right: 75%; } - .sm\:divide-yellow-200 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(253, 230, 138, var(--tw-divide-opacity)); + .lg\:inset-x-full { + left: 100%; + right: 100%; } - .sm\:divide-yellow-300 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(252, 211, 77, var(--tw-divide-opacity)); + .lg\:-inset-x-1\/2 { + left: -50%; + right: -50%; } - .sm\:divide-yellow-400 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(251, 191, 36, var(--tw-divide-opacity)); + .lg\:-inset-x-1\/3 { + left: -33.333333%; + right: -33.333333%; } - .sm\:divide-yellow-500 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(245, 158, 11, var(--tw-divide-opacity)); + .lg\:-inset-x-2\/3 { + left: -66.666667%; + right: -66.666667%; } - .sm\:divide-yellow-600 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(217, 119, 6, var(--tw-divide-opacity)); + .lg\:-inset-x-1\/4 { + left: -25%; + right: -25%; } - .sm\:divide-yellow-700 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(180, 83, 9, var(--tw-divide-opacity)); + .lg\:-inset-x-2\/4 { + left: -50%; + right: -50%; } - .sm\:divide-yellow-800 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(146, 64, 14, var(--tw-divide-opacity)); + .lg\:-inset-x-3\/4 { + left: -75%; + right: -75%; } - .sm\:divide-yellow-900 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(120, 53, 15, var(--tw-divide-opacity)); + .lg\:-inset-x-full { + left: -100%; + right: -100%; } - .sm\:divide-green-50 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(236, 253, 245, var(--tw-divide-opacity)); + .lg\:inset-y-0 { + top: 0px; + bottom: 0px; } - .sm\:divide-green-100 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(209, 250, 229, var(--tw-divide-opacity)); + .lg\:inset-y-1 { + top: 0.25rem; + bottom: 0.25rem; } - .sm\:divide-green-200 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(167, 243, 208, var(--tw-divide-opacity)); + .lg\:inset-y-2 { + top: 0.5rem; + bottom: 0.5rem; } - .sm\:divide-green-300 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(110, 231, 183, var(--tw-divide-opacity)); + .lg\:inset-y-3 { + top: 0.75rem; + bottom: 0.75rem; } - .sm\:divide-green-400 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(52, 211, 153, var(--tw-divide-opacity)); + .lg\:inset-y-4 { + top: 1rem; + bottom: 1rem; } - .sm\:divide-green-500 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(16, 185, 129, var(--tw-divide-opacity)); + .lg\:inset-y-5 { + top: 1.25rem; + bottom: 1.25rem; } - .sm\:divide-green-600 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(5, 150, 105, var(--tw-divide-opacity)); + .lg\:inset-y-6 { + top: 1.5rem; + bottom: 1.5rem; } - .sm\:divide-green-700 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(4, 120, 87, var(--tw-divide-opacity)); + .lg\:inset-y-7 { + top: 1.75rem; + bottom: 1.75rem; } - .sm\:divide-green-800 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(6, 95, 70, var(--tw-divide-opacity)); + .lg\:inset-y-8 { + top: 2rem; + bottom: 2rem; } - .sm\:divide-green-900 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(6, 78, 59, var(--tw-divide-opacity)); + .lg\:inset-y-9 { + top: 2.25rem; + bottom: 2.25rem; } - .sm\:divide-blue-50 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(239, 246, 255, var(--tw-divide-opacity)); + .lg\:inset-y-10 { + top: 2.5rem; + bottom: 2.5rem; } - .sm\:divide-blue-100 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(219, 234, 254, var(--tw-divide-opacity)); + .lg\:inset-y-11 { + top: 2.75rem; + bottom: 2.75rem; } - .sm\:divide-blue-200 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(191, 219, 254, var(--tw-divide-opacity)); + .lg\:inset-y-12 { + top: 3rem; + bottom: 3rem; } - .sm\:divide-blue-300 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(147, 197, 253, var(--tw-divide-opacity)); + .lg\:inset-y-14 { + top: 3.5rem; + bottom: 3.5rem; } - .sm\:divide-blue-400 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(96, 165, 250, var(--tw-divide-opacity)); + .lg\:inset-y-16 { + top: 4rem; + bottom: 4rem; } - .sm\:divide-blue-500 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(59, 130, 246, var(--tw-divide-opacity)); + .lg\:inset-y-20 { + top: 5rem; + bottom: 5rem; } - .sm\:divide-blue-600 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(37, 99, 235, var(--tw-divide-opacity)); + .lg\:inset-y-24 { + top: 6rem; + bottom: 6rem; } - .sm\:divide-blue-700 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(29, 78, 216, var(--tw-divide-opacity)); + .lg\:inset-y-28 { + top: 7rem; + bottom: 7rem; } - .sm\:divide-blue-800 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(30, 64, 175, var(--tw-divide-opacity)); + .lg\:inset-y-32 { + top: 8rem; + bottom: 8rem; } - .sm\:divide-blue-900 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(30, 58, 138, var(--tw-divide-opacity)); + .lg\:inset-y-36 { + top: 9rem; + bottom: 9rem; } - .sm\:divide-indigo-50 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(238, 242, 255, var(--tw-divide-opacity)); + .lg\:inset-y-40 { + top: 10rem; + bottom: 10rem; } - .sm\:divide-indigo-100 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(224, 231, 255, var(--tw-divide-opacity)); + .lg\:inset-y-44 { + top: 11rem; + bottom: 11rem; } - .sm\:divide-indigo-200 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(199, 210, 254, var(--tw-divide-opacity)); + .lg\:inset-y-48 { + top: 12rem; + bottom: 12rem; } - .sm\:divide-indigo-300 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(165, 180, 252, var(--tw-divide-opacity)); + .lg\:inset-y-52 { + top: 13rem; + bottom: 13rem; } - .sm\:divide-indigo-400 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(129, 140, 248, var(--tw-divide-opacity)); + .lg\:inset-y-56 { + top: 14rem; + bottom: 14rem; } - .sm\:divide-indigo-500 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(99, 102, 241, var(--tw-divide-opacity)); + .lg\:inset-y-60 { + top: 15rem; + bottom: 15rem; } - .sm\:divide-indigo-600 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(79, 70, 229, var(--tw-divide-opacity)); + .lg\:inset-y-64 { + top: 16rem; + bottom: 16rem; } - .sm\:divide-indigo-700 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(67, 56, 202, var(--tw-divide-opacity)); + .lg\:inset-y-72 { + top: 18rem; + bottom: 18rem; } - .sm\:divide-indigo-800 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(55, 48, 163, var(--tw-divide-opacity)); + .lg\:inset-y-80 { + top: 20rem; + bottom: 20rem; } - .sm\:divide-indigo-900 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(49, 46, 129, var(--tw-divide-opacity)); + .lg\:inset-y-96 { + top: 24rem; + bottom: 24rem; } - .sm\:divide-purple-50 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(245, 243, 255, var(--tw-divide-opacity)); + .lg\:inset-y-auto { + top: auto; + bottom: auto; } - .sm\:divide-purple-100 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(237, 233, 254, var(--tw-divide-opacity)); + .lg\:inset-y-px { + top: 1px; + bottom: 1px; } - .sm\:divide-purple-200 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(221, 214, 254, var(--tw-divide-opacity)); + .lg\:inset-y-0\.5 { + top: 0.125rem; + bottom: 0.125rem; } - .sm\:divide-purple-300 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(196, 181, 253, var(--tw-divide-opacity)); + .lg\:inset-y-1\.5 { + top: 0.375rem; + bottom: 0.375rem; } - .sm\:divide-purple-400 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(167, 139, 250, var(--tw-divide-opacity)); + .lg\:inset-y-2\.5 { + top: 0.625rem; + bottom: 0.625rem; } - .sm\:divide-purple-500 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(139, 92, 246, var(--tw-divide-opacity)); + .lg\:inset-y-3\.5 { + top: 0.875rem; + bottom: 0.875rem; } - .sm\:divide-purple-600 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(124, 58, 237, var(--tw-divide-opacity)); + .lg\:-inset-y-0 { + top: 0px; + bottom: 0px; } - .sm\:divide-purple-700 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(109, 40, 217, var(--tw-divide-opacity)); + .lg\:-inset-y-1 { + top: -0.25rem; + bottom: -0.25rem; } - .sm\:divide-purple-800 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(91, 33, 182, var(--tw-divide-opacity)); + .lg\:-inset-y-2 { + top: -0.5rem; + bottom: -0.5rem; } - .sm\:divide-purple-900 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(76, 29, 149, var(--tw-divide-opacity)); + .lg\:-inset-y-3 { + top: -0.75rem; + bottom: -0.75rem; } - .sm\:divide-pink-50 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(253, 242, 248, var(--tw-divide-opacity)); + .lg\:-inset-y-4 { + top: -1rem; + bottom: -1rem; } - .sm\:divide-pink-100 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(252, 231, 243, var(--tw-divide-opacity)); + .lg\:-inset-y-5 { + top: -1.25rem; + bottom: -1.25rem; } - .sm\:divide-pink-200 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(251, 207, 232, var(--tw-divide-opacity)); + .lg\:-inset-y-6 { + top: -1.5rem; + bottom: -1.5rem; } - .sm\:divide-pink-300 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(249, 168, 212, var(--tw-divide-opacity)); + .lg\:-inset-y-7 { + top: -1.75rem; + bottom: -1.75rem; } - .sm\:divide-pink-400 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(244, 114, 182, var(--tw-divide-opacity)); + .lg\:-inset-y-8 { + top: -2rem; + bottom: -2rem; } - .sm\:divide-pink-500 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(236, 72, 153, var(--tw-divide-opacity)); + .lg\:-inset-y-9 { + top: -2.25rem; + bottom: -2.25rem; } - .sm\:divide-pink-600 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(219, 39, 119, var(--tw-divide-opacity)); + .lg\:-inset-y-10 { + top: -2.5rem; + bottom: -2.5rem; } - .sm\:divide-pink-700 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(190, 24, 93, var(--tw-divide-opacity)); + .lg\:-inset-y-11 { + top: -2.75rem; + bottom: -2.75rem; } - .sm\:divide-pink-800 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(157, 23, 77, var(--tw-divide-opacity)); + .lg\:-inset-y-12 { + top: -3rem; + bottom: -3rem; } - .sm\:divide-pink-900 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(131, 24, 67, var(--tw-divide-opacity)); + .lg\:-inset-y-14 { + top: -3.5rem; + bottom: -3.5rem; } - .sm\:divide-opacity-0 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 0; + .lg\:-inset-y-16 { + top: -4rem; + bottom: -4rem; } - .sm\:divide-opacity-5 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 0.05; + .lg\:-inset-y-20 { + top: -5rem; + bottom: -5rem; } - .sm\:divide-opacity-10 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 0.1; + .lg\:-inset-y-24 { + top: -6rem; + bottom: -6rem; } - .sm\:divide-opacity-20 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 0.2; + .lg\:-inset-y-28 { + top: -7rem; + bottom: -7rem; } - .sm\:divide-opacity-25 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 0.25; + .lg\:-inset-y-32 { + top: -8rem; + bottom: -8rem; } - .sm\:divide-opacity-30 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 0.3; + .lg\:-inset-y-36 { + top: -9rem; + bottom: -9rem; } - .sm\:divide-opacity-40 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 0.4; + .lg\:-inset-y-40 { + top: -10rem; + bottom: -10rem; } - .sm\:divide-opacity-50 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 0.5; + .lg\:-inset-y-44 { + top: -11rem; + bottom: -11rem; } - .sm\:divide-opacity-60 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 0.6; + .lg\:-inset-y-48 { + top: -12rem; + bottom: -12rem; } - .sm\:divide-opacity-70 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 0.7; + .lg\:-inset-y-52 { + top: -13rem; + bottom: -13rem; } - .sm\:divide-opacity-75 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 0.75; + .lg\:-inset-y-56 { + top: -14rem; + bottom: -14rem; } - .sm\:divide-opacity-80 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 0.8; + .lg\:-inset-y-60 { + top: -15rem; + bottom: -15rem; } - .sm\:divide-opacity-90 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 0.9; + .lg\:-inset-y-64 { + top: -16rem; + bottom: -16rem; } - .sm\:divide-opacity-95 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 0.95; + .lg\:-inset-y-72 { + top: -18rem; + bottom: -18rem; } - .sm\:divide-opacity-100 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; + .lg\:-inset-y-80 { + top: -20rem; + bottom: -20rem; } - .sm\:place-self-auto { - place-self: auto; + .lg\:-inset-y-96 { + top: -24rem; + bottom: -24rem; } - .sm\:place-self-start { - place-self: start; + .lg\:-inset-y-px { + top: -1px; + bottom: -1px; } - .sm\:place-self-end { - place-self: end; + .lg\:-inset-y-0\.5 { + top: -0.125rem; + bottom: -0.125rem; } - .sm\:place-self-center { - place-self: center; + .lg\:-inset-y-1\.5 { + top: -0.375rem; + bottom: -0.375rem; } - .sm\:place-self-stretch { - place-self: stretch; + .lg\:-inset-y-2\.5 { + top: -0.625rem; + bottom: -0.625rem; } - .sm\:self-auto { - align-self: auto; + .lg\:-inset-y-3\.5 { + top: -0.875rem; + bottom: -0.875rem; } - .sm\:self-start { - align-self: flex-start; + .lg\:inset-y-1\/2 { + top: 50%; + bottom: 50%; } - .sm\:self-end { - align-self: flex-end; + .lg\:inset-y-1\/3 { + top: 33.333333%; + bottom: 33.333333%; } - .sm\:self-center { - align-self: center; + .lg\:inset-y-2\/3 { + top: 66.666667%; + bottom: 66.666667%; } - .sm\:self-stretch { - align-self: stretch; + .lg\:inset-y-1\/4 { + top: 25%; + bottom: 25%; } - .sm\:self-baseline { - align-self: baseline; + .lg\:inset-y-2\/4 { + top: 50%; + bottom: 50%; } - .sm\:justify-self-auto { - justify-self: auto; + .lg\:inset-y-3\/4 { + top: 75%; + bottom: 75%; } - .sm\:justify-self-start { - justify-self: start; + .lg\:inset-y-full { + top: 100%; + bottom: 100%; } - .sm\:justify-self-end { - justify-self: end; + .lg\:-inset-y-1\/2 { + top: -50%; + bottom: -50%; } - .sm\:justify-self-center { - justify-self: center; + .lg\:-inset-y-1\/3 { + top: -33.333333%; + bottom: -33.333333%; } - .sm\:justify-self-stretch { - justify-self: stretch; + .lg\:-inset-y-2\/3 { + top: -66.666667%; + bottom: -66.666667%; } - .sm\:overflow-auto { - overflow: auto; + .lg\:-inset-y-1\/4 { + top: -25%; + bottom: -25%; } - .sm\:overflow-hidden { - overflow: hidden; + .lg\:-inset-y-2\/4 { + top: -50%; + bottom: -50%; } - .sm\:overflow-visible { - overflow: visible; + .lg\:-inset-y-3\/4 { + top: -75%; + bottom: -75%; } - .sm\:overflow-scroll { - overflow: scroll; + .lg\:-inset-y-full { + top: -100%; + bottom: -100%; } - .sm\:overflow-x-auto { - overflow-x: auto; + .lg\:top-0 { + top: 0px; } - .sm\:overflow-y-auto { - overflow-y: auto; + .lg\:top-1 { + top: 0.25rem; } - .sm\:overflow-x-hidden { - overflow-x: hidden; + .lg\:top-2 { + top: 0.5rem; } - .sm\:overflow-y-hidden { - overflow-y: hidden; + .lg\:top-3 { + top: 0.75rem; } - .sm\:overflow-x-visible { - overflow-x: visible; + .lg\:top-4 { + top: 1rem; } - .sm\:overflow-y-visible { - overflow-y: visible; + .lg\:top-5 { + top: 1.25rem; } - .sm\:overflow-x-scroll { - overflow-x: scroll; + .lg\:top-6 { + top: 1.5rem; } - .sm\:overflow-y-scroll { - overflow-y: scroll; + .lg\:top-7 { + top: 1.75rem; } - .sm\:overscroll-auto { - overscroll-behavior: auto; + .lg\:top-8 { + top: 2rem; } - .sm\:overscroll-contain { - overscroll-behavior: contain; + .lg\:top-9 { + top: 2.25rem; } - .sm\:overscroll-none { - overscroll-behavior: none; + .lg\:top-10 { + top: 2.5rem; } - .sm\:overscroll-y-auto { - overscroll-behavior-y: auto; + .lg\:top-11 { + top: 2.75rem; } - .sm\:overscroll-y-contain { - overscroll-behavior-y: contain; + .lg\:top-12 { + top: 3rem; } - .sm\:overscroll-y-none { - overscroll-behavior-y: none; + .lg\:top-14 { + top: 3.5rem; } - .sm\:overscroll-x-auto { - overscroll-behavior-x: auto; + .lg\:top-16 { + top: 4rem; } - .sm\:overscroll-x-contain { - overscroll-behavior-x: contain; + .lg\:top-20 { + top: 5rem; } - .sm\:overscroll-x-none { - overscroll-behavior-x: none; + .lg\:top-24 { + top: 6rem; } - .sm\:truncate { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; + .lg\:top-28 { + top: 7rem; } - .sm\:overflow-ellipsis { - text-overflow: ellipsis; + .lg\:top-32 { + top: 8rem; } - .sm\:overflow-clip { - text-overflow: clip; + .lg\:top-36 { + top: 9rem; } - .sm\:whitespace-normal { - white-space: normal; + .lg\:top-40 { + top: 10rem; } - .sm\:whitespace-nowrap { - white-space: nowrap; + .lg\:top-44 { + top: 11rem; } - .sm\:whitespace-pre { - white-space: pre; + .lg\:top-48 { + top: 12rem; } - .sm\:whitespace-pre-line { - white-space: pre-line; + .lg\:top-52 { + top: 13rem; } - .sm\:whitespace-pre-wrap { - white-space: pre-wrap; + .lg\:top-56 { + top: 14rem; } - .sm\:break-normal { - overflow-wrap: normal; - word-break: normal; + .lg\:top-60 { + top: 15rem; } - .sm\:break-words { - overflow-wrap: break-word; + .lg\:top-64 { + top: 16rem; } - .sm\:break-all { - word-break: break-all; + .lg\:top-72 { + top: 18rem; } - .sm\:rounded-none { - border-radius: 0px; + .lg\:top-80 { + top: 20rem; } - .sm\:rounded-sm { - border-radius: 0.125rem; + .lg\:top-96 { + top: 24rem; } - .sm\:rounded { - border-radius: 0.25rem; + .lg\:top-auto { + top: auto; } - .sm\:rounded-md { - border-radius: 0.375rem; + .lg\:top-px { + top: 1px; } - .sm\:rounded-lg { - border-radius: 0.5rem; + .lg\:top-0\.5 { + top: 0.125rem; } - .sm\:rounded-xl { - border-radius: 0.75rem; + .lg\:top-1\.5 { + top: 0.375rem; } - .sm\:rounded-2xl { - border-radius: 1rem; + .lg\:top-2\.5 { + top: 0.625rem; } - .sm\:rounded-3xl { - border-radius: 1.5rem; + .lg\:top-3\.5 { + top: 0.875rem; } - .sm\:rounded-full { - border-radius: 9999px; + .lg\:-top-0 { + top: 0px; } - .sm\:rounded-t-none { - border-top-left-radius: 0px; - border-top-right-radius: 0px; + .lg\:-top-1 { + top: -0.25rem; } - .sm\:rounded-t-sm { - border-top-left-radius: 0.125rem; - border-top-right-radius: 0.125rem; + .lg\:-top-2 { + top: -0.5rem; } - .sm\:rounded-t { - border-top-left-radius: 0.25rem; - border-top-right-radius: 0.25rem; + .lg\:-top-3 { + top: -0.75rem; } - .sm\:rounded-t-md { - border-top-left-radius: 0.375rem; - border-top-right-radius: 0.375rem; + .lg\:-top-4 { + top: -1rem; } - .sm\:rounded-t-lg { - border-top-left-radius: 0.5rem; - border-top-right-radius: 0.5rem; + .lg\:-top-5 { + top: -1.25rem; } - .sm\:rounded-t-xl { - border-top-left-radius: 0.75rem; - border-top-right-radius: 0.75rem; + .lg\:-top-6 { + top: -1.5rem; } - .sm\:rounded-t-2xl { - border-top-left-radius: 1rem; - border-top-right-radius: 1rem; + .lg\:-top-7 { + top: -1.75rem; } - .sm\:rounded-t-3xl { - border-top-left-radius: 1.5rem; - border-top-right-radius: 1.5rem; + .lg\:-top-8 { + top: -2rem; } - .sm\:rounded-t-full { - border-top-left-radius: 9999px; - border-top-right-radius: 9999px; + .lg\:-top-9 { + top: -2.25rem; } - .sm\:rounded-r-none { - border-top-right-radius: 0px; - border-bottom-right-radius: 0px; + .lg\:-top-10 { + top: -2.5rem; } - .sm\:rounded-r-sm { - border-top-right-radius: 0.125rem; - border-bottom-right-radius: 0.125rem; + .lg\:-top-11 { + top: -2.75rem; } - .sm\:rounded-r { - border-top-right-radius: 0.25rem; - border-bottom-right-radius: 0.25rem; + .lg\:-top-12 { + top: -3rem; } - .sm\:rounded-r-md { - border-top-right-radius: 0.375rem; - border-bottom-right-radius: 0.375rem; + .lg\:-top-14 { + top: -3.5rem; } - .sm\:rounded-r-lg { - border-top-right-radius: 0.5rem; - border-bottom-right-radius: 0.5rem; + .lg\:-top-16 { + top: -4rem; } - .sm\:rounded-r-xl { - border-top-right-radius: 0.75rem; - border-bottom-right-radius: 0.75rem; + .lg\:-top-20 { + top: -5rem; } - .sm\:rounded-r-2xl { - border-top-right-radius: 1rem; - border-bottom-right-radius: 1rem; + .lg\:-top-24 { + top: -6rem; } - .sm\:rounded-r-3xl { - border-top-right-radius: 1.5rem; - border-bottom-right-radius: 1.5rem; + .lg\:-top-28 { + top: -7rem; } - .sm\:rounded-r-full { - border-top-right-radius: 9999px; - border-bottom-right-radius: 9999px; + .lg\:-top-32 { + top: -8rem; } - .sm\:rounded-b-none { - border-bottom-right-radius: 0px; - border-bottom-left-radius: 0px; + .lg\:-top-36 { + top: -9rem; } - .sm\:rounded-b-sm { - border-bottom-right-radius: 0.125rem; - border-bottom-left-radius: 0.125rem; + .lg\:-top-40 { + top: -10rem; } - .sm\:rounded-b { - border-bottom-right-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; + .lg\:-top-44 { + top: -11rem; } - .sm\:rounded-b-md { - border-bottom-right-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; + .lg\:-top-48 { + top: -12rem; } - .sm\:rounded-b-lg { - border-bottom-right-radius: 0.5rem; - border-bottom-left-radius: 0.5rem; + .lg\:-top-52 { + top: -13rem; } - .sm\:rounded-b-xl { - border-bottom-right-radius: 0.75rem; - border-bottom-left-radius: 0.75rem; + .lg\:-top-56 { + top: -14rem; } - .sm\:rounded-b-2xl { - border-bottom-right-radius: 1rem; - border-bottom-left-radius: 1rem; + .lg\:-top-60 { + top: -15rem; } - .sm\:rounded-b-3xl { - border-bottom-right-radius: 1.5rem; - border-bottom-left-radius: 1.5rem; + .lg\:-top-64 { + top: -16rem; } - .sm\:rounded-b-full { - border-bottom-right-radius: 9999px; - border-bottom-left-radius: 9999px; + .lg\:-top-72 { + top: -18rem; } - .sm\:rounded-l-none { - border-top-left-radius: 0px; - border-bottom-left-radius: 0px; + .lg\:-top-80 { + top: -20rem; } - .sm\:rounded-l-sm { - border-top-left-radius: 0.125rem; - border-bottom-left-radius: 0.125rem; + .lg\:-top-96 { + top: -24rem; } - .sm\:rounded-l { - border-top-left-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; + .lg\:-top-px { + top: -1px; } - .sm\:rounded-l-md { - border-top-left-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; + .lg\:-top-0\.5 { + top: -0.125rem; } - .sm\:rounded-l-lg { - border-top-left-radius: 0.5rem; - border-bottom-left-radius: 0.5rem; + .lg\:-top-1\.5 { + top: -0.375rem; } - .sm\:rounded-l-xl { - border-top-left-radius: 0.75rem; - border-bottom-left-radius: 0.75rem; + .lg\:-top-2\.5 { + top: -0.625rem; } - .sm\:rounded-l-2xl { - border-top-left-radius: 1rem; - border-bottom-left-radius: 1rem; + .lg\:-top-3\.5 { + top: -0.875rem; } - .sm\:rounded-l-3xl { - border-top-left-radius: 1.5rem; - border-bottom-left-radius: 1.5rem; + .lg\:top-1\/2 { + top: 50%; } - .sm\:rounded-l-full { - border-top-left-radius: 9999px; - border-bottom-left-radius: 9999px; + .lg\:top-1\/3 { + top: 33.333333%; } - .sm\:rounded-tl-none { - border-top-left-radius: 0px; + .lg\:top-2\/3 { + top: 66.666667%; } - .sm\:rounded-tl-sm { - border-top-left-radius: 0.125rem; + .lg\:top-1\/4 { + top: 25%; } - .sm\:rounded-tl { - border-top-left-radius: 0.25rem; + .lg\:top-2\/4 { + top: 50%; } - .sm\:rounded-tl-md { - border-top-left-radius: 0.375rem; + .lg\:top-3\/4 { + top: 75%; } - .sm\:rounded-tl-lg { - border-top-left-radius: 0.5rem; + .lg\:top-full { + top: 100%; } - .sm\:rounded-tl-xl { - border-top-left-radius: 0.75rem; + .lg\:-top-1\/2 { + top: -50%; } - .sm\:rounded-tl-2xl { - border-top-left-radius: 1rem; + .lg\:-top-1\/3 { + top: -33.333333%; } - .sm\:rounded-tl-3xl { - border-top-left-radius: 1.5rem; + .lg\:-top-2\/3 { + top: -66.666667%; } - .sm\:rounded-tl-full { - border-top-left-radius: 9999px; + .lg\:-top-1\/4 { + top: -25%; } - .sm\:rounded-tr-none { - border-top-right-radius: 0px; + .lg\:-top-2\/4 { + top: -50%; } - .sm\:rounded-tr-sm { - border-top-right-radius: 0.125rem; + .lg\:-top-3\/4 { + top: -75%; } - .sm\:rounded-tr { - border-top-right-radius: 0.25rem; + .lg\:-top-full { + top: -100%; } - .sm\:rounded-tr-md { - border-top-right-radius: 0.375rem; + .lg\:right-0 { + right: 0px; } - .sm\:rounded-tr-lg { - border-top-right-radius: 0.5rem; + .lg\:right-1 { + right: 0.25rem; } - .sm\:rounded-tr-xl { - border-top-right-radius: 0.75rem; + .lg\:right-2 { + right: 0.5rem; } - .sm\:rounded-tr-2xl { - border-top-right-radius: 1rem; + .lg\:right-3 { + right: 0.75rem; } - .sm\:rounded-tr-3xl { - border-top-right-radius: 1.5rem; + .lg\:right-4 { + right: 1rem; } - .sm\:rounded-tr-full { - border-top-right-radius: 9999px; + .lg\:right-5 { + right: 1.25rem; } - .sm\:rounded-br-none { - border-bottom-right-radius: 0px; + .lg\:right-6 { + right: 1.5rem; } - .sm\:rounded-br-sm { - border-bottom-right-radius: 0.125rem; + .lg\:right-7 { + right: 1.75rem; } - .sm\:rounded-br { - border-bottom-right-radius: 0.25rem; + .lg\:right-8 { + right: 2rem; } - .sm\:rounded-br-md { - border-bottom-right-radius: 0.375rem; + .lg\:right-9 { + right: 2.25rem; } - .sm\:rounded-br-lg { - border-bottom-right-radius: 0.5rem; + .lg\:right-10 { + right: 2.5rem; } - .sm\:rounded-br-xl { - border-bottom-right-radius: 0.75rem; + .lg\:right-11 { + right: 2.75rem; } - .sm\:rounded-br-2xl { - border-bottom-right-radius: 1rem; + .lg\:right-12 { + right: 3rem; } - .sm\:rounded-br-3xl { - border-bottom-right-radius: 1.5rem; + .lg\:right-14 { + right: 3.5rem; } - .sm\:rounded-br-full { - border-bottom-right-radius: 9999px; + .lg\:right-16 { + right: 4rem; } - .sm\:rounded-bl-none { - border-bottom-left-radius: 0px; + .lg\:right-20 { + right: 5rem; } - .sm\:rounded-bl-sm { - border-bottom-left-radius: 0.125rem; + .lg\:right-24 { + right: 6rem; } - .sm\:rounded-bl { - border-bottom-left-radius: 0.25rem; + .lg\:right-28 { + right: 7rem; } - .sm\:rounded-bl-md { - border-bottom-left-radius: 0.375rem; + .lg\:right-32 { + right: 8rem; } - .sm\:rounded-bl-lg { - border-bottom-left-radius: 0.5rem; + .lg\:right-36 { + right: 9rem; } - .sm\:rounded-bl-xl { - border-bottom-left-radius: 0.75rem; + .lg\:right-40 { + right: 10rem; } - .sm\:rounded-bl-2xl { - border-bottom-left-radius: 1rem; + .lg\:right-44 { + right: 11rem; } - .sm\:rounded-bl-3xl { - border-bottom-left-radius: 1.5rem; + .lg\:right-48 { + right: 12rem; } - .sm\:rounded-bl-full { - border-bottom-left-radius: 9999px; + .lg\:right-52 { + right: 13rem; } - .sm\:border-0 { - border-width: 0px; + .lg\:right-56 { + right: 14rem; } - .sm\:border-2 { - border-width: 2px; + .lg\:right-60 { + right: 15rem; } - .sm\:border-4 { - border-width: 4px; + .lg\:right-64 { + right: 16rem; } - .sm\:border-8 { - border-width: 8px; + .lg\:right-72 { + right: 18rem; } - .sm\:border { - border-width: 1px; + .lg\:right-80 { + right: 20rem; } - .sm\:border-t-0 { - border-top-width: 0px; + .lg\:right-96 { + right: 24rem; } - .sm\:border-t-2 { - border-top-width: 2px; + .lg\:right-auto { + right: auto; } - .sm\:border-t-4 { - border-top-width: 4px; + .lg\:right-px { + right: 1px; } - .sm\:border-t-8 { - border-top-width: 8px; + .lg\:right-0\.5 { + right: 0.125rem; } - .sm\:border-t { - border-top-width: 1px; + .lg\:right-1\.5 { + right: 0.375rem; } - .sm\:border-r-0 { - border-right-width: 0px; + .lg\:right-2\.5 { + right: 0.625rem; } - .sm\:border-r-2 { - border-right-width: 2px; + .lg\:right-3\.5 { + right: 0.875rem; } - .sm\:border-r-4 { - border-right-width: 4px; + .lg\:-right-0 { + right: 0px; } - .sm\:border-r-8 { - border-right-width: 8px; + .lg\:-right-1 { + right: -0.25rem; } - .sm\:border-r { - border-right-width: 1px; + .lg\:-right-2 { + right: -0.5rem; } - .sm\:border-b-0 { - border-bottom-width: 0px; + .lg\:-right-3 { + right: -0.75rem; } - .sm\:border-b-2 { - border-bottom-width: 2px; + .lg\:-right-4 { + right: -1rem; } - .sm\:border-b-4 { - border-bottom-width: 4px; + .lg\:-right-5 { + right: -1.25rem; } - .sm\:border-b-8 { - border-bottom-width: 8px; + .lg\:-right-6 { + right: -1.5rem; } - .sm\:border-b { - border-bottom-width: 1px; + .lg\:-right-7 { + right: -1.75rem; } - .sm\:border-l-0 { - border-left-width: 0px; + .lg\:-right-8 { + right: -2rem; } - .sm\:border-l-2 { - border-left-width: 2px; + .lg\:-right-9 { + right: -2.25rem; } - .sm\:border-l-4 { - border-left-width: 4px; + .lg\:-right-10 { + right: -2.5rem; } - .sm\:border-l-8 { - border-left-width: 8px; + .lg\:-right-11 { + right: -2.75rem; } - .sm\:border-l { - border-left-width: 1px; + .lg\:-right-12 { + right: -3rem; } - .sm\:border-solid { - border-style: solid; + .lg\:-right-14 { + right: -3.5rem; } - .sm\:border-dashed { - border-style: dashed; + .lg\:-right-16 { + right: -4rem; } - .sm\:border-dotted { - border-style: dotted; + .lg\:-right-20 { + right: -5rem; } - .sm\:border-double { - border-style: double; + .lg\:-right-24 { + right: -6rem; } - .sm\:border-none { - border-style: none; + .lg\:-right-28 { + right: -7rem; } - .sm\:border-transparent { - border-color: transparent; + .lg\:-right-32 { + right: -8rem; } - .sm\:border-current { - border-color: currentColor; + .lg\:-right-36 { + right: -9rem; } - .sm\:border-black { - --tw-border-opacity: 1; - border-color: rgba(0, 0, 0, var(--tw-border-opacity)); + .lg\:-right-40 { + right: -10rem; } - .sm\:border-white { - --tw-border-opacity: 1; - border-color: rgba(255, 255, 255, var(--tw-border-opacity)); + .lg\:-right-44 { + right: -11rem; } - .sm\:border-gray-50 { - --tw-border-opacity: 1; - border-color: rgba(249, 250, 251, var(--tw-border-opacity)); + .lg\:-right-48 { + right: -12rem; } - .sm\:border-gray-100 { - --tw-border-opacity: 1; - border-color: rgba(243, 244, 246, var(--tw-border-opacity)); + .lg\:-right-52 { + right: -13rem; } - .sm\:border-gray-200 { - --tw-border-opacity: 1; - border-color: rgba(229, 231, 235, var(--tw-border-opacity)); + .lg\:-right-56 { + right: -14rem; } - .sm\:border-gray-300 { - --tw-border-opacity: 1; - border-color: rgba(209, 213, 219, var(--tw-border-opacity)); + .lg\:-right-60 { + right: -15rem; } - .sm\:border-gray-400 { - --tw-border-opacity: 1; - border-color: rgba(156, 163, 175, var(--tw-border-opacity)); + .lg\:-right-64 { + right: -16rem; } - .sm\:border-gray-500 { - --tw-border-opacity: 1; - border-color: rgba(107, 114, 128, var(--tw-border-opacity)); + .lg\:-right-72 { + right: -18rem; } - .sm\:border-gray-600 { - --tw-border-opacity: 1; - border-color: rgba(75, 85, 99, var(--tw-border-opacity)); + .lg\:-right-80 { + right: -20rem; } - .sm\:border-gray-700 { - --tw-border-opacity: 1; - border-color: rgba(55, 65, 81, var(--tw-border-opacity)); + .lg\:-right-96 { + right: -24rem; } - .sm\:border-gray-800 { - --tw-border-opacity: 1; - border-color: rgba(31, 41, 55, var(--tw-border-opacity)); + .lg\:-right-px { + right: -1px; } - .sm\:border-gray-900 { - --tw-border-opacity: 1; - border-color: rgba(17, 24, 39, var(--tw-border-opacity)); + .lg\:-right-0\.5 { + right: -0.125rem; } - .sm\:border-red-50 { - --tw-border-opacity: 1; - border-color: rgba(254, 242, 242, var(--tw-border-opacity)); + .lg\:-right-1\.5 { + right: -0.375rem; } - .sm\:border-red-100 { - --tw-border-opacity: 1; - border-color: rgba(254, 226, 226, var(--tw-border-opacity)); + .lg\:-right-2\.5 { + right: -0.625rem; } - .sm\:border-red-200 { - --tw-border-opacity: 1; - border-color: rgba(254, 202, 202, var(--tw-border-opacity)); + .lg\:-right-3\.5 { + right: -0.875rem; } - .sm\:border-red-300 { - --tw-border-opacity: 1; - border-color: rgba(252, 165, 165, var(--tw-border-opacity)); + .lg\:right-1\/2 { + right: 50%; } - .sm\:border-red-400 { - --tw-border-opacity: 1; - border-color: rgba(248, 113, 113, var(--tw-border-opacity)); + .lg\:right-1\/3 { + right: 33.333333%; } - .sm\:border-red-500 { - --tw-border-opacity: 1; - border-color: rgba(239, 68, 68, var(--tw-border-opacity)); + .lg\:right-2\/3 { + right: 66.666667%; } - .sm\:border-red-600 { - --tw-border-opacity: 1; - border-color: rgba(220, 38, 38, var(--tw-border-opacity)); + .lg\:right-1\/4 { + right: 25%; } - .sm\:border-red-700 { - --tw-border-opacity: 1; - border-color: rgba(185, 28, 28, var(--tw-border-opacity)); + .lg\:right-2\/4 { + right: 50%; } - .sm\:border-red-800 { - --tw-border-opacity: 1; - border-color: rgba(153, 27, 27, var(--tw-border-opacity)); + .lg\:right-3\/4 { + right: 75%; } - .sm\:border-red-900 { - --tw-border-opacity: 1; - border-color: rgba(127, 29, 29, var(--tw-border-opacity)); + .lg\:right-full { + right: 100%; } - .sm\:border-yellow-50 { - --tw-border-opacity: 1; - border-color: rgba(255, 251, 235, var(--tw-border-opacity)); + .lg\:-right-1\/2 { + right: -50%; } - .sm\:border-yellow-100 { - --tw-border-opacity: 1; - border-color: rgba(254, 243, 199, var(--tw-border-opacity)); + .lg\:-right-1\/3 { + right: -33.333333%; } - .sm\:border-yellow-200 { - --tw-border-opacity: 1; - border-color: rgba(253, 230, 138, var(--tw-border-opacity)); + .lg\:-right-2\/3 { + right: -66.666667%; } - .sm\:border-yellow-300 { - --tw-border-opacity: 1; - border-color: rgba(252, 211, 77, var(--tw-border-opacity)); + .lg\:-right-1\/4 { + right: -25%; } - .sm\:border-yellow-400 { - --tw-border-opacity: 1; - border-color: rgba(251, 191, 36, var(--tw-border-opacity)); + .lg\:-right-2\/4 { + right: -50%; } - .sm\:border-yellow-500 { - --tw-border-opacity: 1; - border-color: rgba(245, 158, 11, var(--tw-border-opacity)); + .lg\:-right-3\/4 { + right: -75%; } - .sm\:border-yellow-600 { - --tw-border-opacity: 1; - border-color: rgba(217, 119, 6, var(--tw-border-opacity)); + .lg\:-right-full { + right: -100%; } - .sm\:border-yellow-700 { - --tw-border-opacity: 1; - border-color: rgba(180, 83, 9, var(--tw-border-opacity)); + .lg\:bottom-0 { + bottom: 0px; } - .sm\:border-yellow-800 { - --tw-border-opacity: 1; - border-color: rgba(146, 64, 14, var(--tw-border-opacity)); + .lg\:bottom-1 { + bottom: 0.25rem; } - .sm\:border-yellow-900 { - --tw-border-opacity: 1; - border-color: rgba(120, 53, 15, var(--tw-border-opacity)); + .lg\:bottom-2 { + bottom: 0.5rem; } - .sm\:border-green-50 { - --tw-border-opacity: 1; - border-color: rgba(236, 253, 245, var(--tw-border-opacity)); + .lg\:bottom-3 { + bottom: 0.75rem; } - .sm\:border-green-100 { - --tw-border-opacity: 1; - border-color: rgba(209, 250, 229, var(--tw-border-opacity)); + .lg\:bottom-4 { + bottom: 1rem; } - .sm\:border-green-200 { - --tw-border-opacity: 1; - border-color: rgba(167, 243, 208, var(--tw-border-opacity)); + .lg\:bottom-5 { + bottom: 1.25rem; } - .sm\:border-green-300 { - --tw-border-opacity: 1; - border-color: rgba(110, 231, 183, var(--tw-border-opacity)); + .lg\:bottom-6 { + bottom: 1.5rem; } - .sm\:border-green-400 { - --tw-border-opacity: 1; - border-color: rgba(52, 211, 153, var(--tw-border-opacity)); + .lg\:bottom-7 { + bottom: 1.75rem; } - .sm\:border-green-500 { - --tw-border-opacity: 1; - border-color: rgba(16, 185, 129, var(--tw-border-opacity)); + .lg\:bottom-8 { + bottom: 2rem; } - .sm\:border-green-600 { - --tw-border-opacity: 1; - border-color: rgba(5, 150, 105, var(--tw-border-opacity)); + .lg\:bottom-9 { + bottom: 2.25rem; } - .sm\:border-green-700 { - --tw-border-opacity: 1; - border-color: rgba(4, 120, 87, var(--tw-border-opacity)); + .lg\:bottom-10 { + bottom: 2.5rem; } - .sm\:border-green-800 { - --tw-border-opacity: 1; - border-color: rgba(6, 95, 70, var(--tw-border-opacity)); + .lg\:bottom-11 { + bottom: 2.75rem; } - .sm\:border-green-900 { - --tw-border-opacity: 1; - border-color: rgba(6, 78, 59, var(--tw-border-opacity)); + .lg\:bottom-12 { + bottom: 3rem; } - .sm\:border-blue-50 { - --tw-border-opacity: 1; - border-color: rgba(239, 246, 255, var(--tw-border-opacity)); + .lg\:bottom-14 { + bottom: 3.5rem; } - .sm\:border-blue-100 { - --tw-border-opacity: 1; - border-color: rgba(219, 234, 254, var(--tw-border-opacity)); + .lg\:bottom-16 { + bottom: 4rem; } - .sm\:border-blue-200 { - --tw-border-opacity: 1; - border-color: rgba(191, 219, 254, var(--tw-border-opacity)); + .lg\:bottom-20 { + bottom: 5rem; } - .sm\:border-blue-300 { - --tw-border-opacity: 1; - border-color: rgba(147, 197, 253, var(--tw-border-opacity)); + .lg\:bottom-24 { + bottom: 6rem; } - .sm\:border-blue-400 { - --tw-border-opacity: 1; - border-color: rgba(96, 165, 250, var(--tw-border-opacity)); + .lg\:bottom-28 { + bottom: 7rem; } - .sm\:border-blue-500 { - --tw-border-opacity: 1; - border-color: rgba(59, 130, 246, var(--tw-border-opacity)); + .lg\:bottom-32 { + bottom: 8rem; } - .sm\:border-blue-600 { - --tw-border-opacity: 1; - border-color: rgba(37, 99, 235, var(--tw-border-opacity)); + .lg\:bottom-36 { + bottom: 9rem; } - .sm\:border-blue-700 { - --tw-border-opacity: 1; - border-color: rgba(29, 78, 216, var(--tw-border-opacity)); + .lg\:bottom-40 { + bottom: 10rem; } - .sm\:border-blue-800 { - --tw-border-opacity: 1; - border-color: rgba(30, 64, 175, var(--tw-border-opacity)); + .lg\:bottom-44 { + bottom: 11rem; } - .sm\:border-blue-900 { - --tw-border-opacity: 1; - border-color: rgba(30, 58, 138, var(--tw-border-opacity)); + .lg\:bottom-48 { + bottom: 12rem; } - .sm\:border-indigo-50 { - --tw-border-opacity: 1; - border-color: rgba(238, 242, 255, var(--tw-border-opacity)); + .lg\:bottom-52 { + bottom: 13rem; } - .sm\:border-indigo-100 { - --tw-border-opacity: 1; - border-color: rgba(224, 231, 255, var(--tw-border-opacity)); + .lg\:bottom-56 { + bottom: 14rem; } - .sm\:border-indigo-200 { - --tw-border-opacity: 1; - border-color: rgba(199, 210, 254, var(--tw-border-opacity)); + .lg\:bottom-60 { + bottom: 15rem; } - .sm\:border-indigo-300 { - --tw-border-opacity: 1; - border-color: rgba(165, 180, 252, var(--tw-border-opacity)); + .lg\:bottom-64 { + bottom: 16rem; } - .sm\:border-indigo-400 { - --tw-border-opacity: 1; - border-color: rgba(129, 140, 248, var(--tw-border-opacity)); + .lg\:bottom-72 { + bottom: 18rem; } - .sm\:border-indigo-500 { - --tw-border-opacity: 1; - border-color: rgba(99, 102, 241, var(--tw-border-opacity)); + .lg\:bottom-80 { + bottom: 20rem; } - .sm\:border-indigo-600 { - --tw-border-opacity: 1; - border-color: rgba(79, 70, 229, var(--tw-border-opacity)); + .lg\:bottom-96 { + bottom: 24rem; } - .sm\:border-indigo-700 { - --tw-border-opacity: 1; - border-color: rgba(67, 56, 202, var(--tw-border-opacity)); + .lg\:bottom-auto { + bottom: auto; } - .sm\:border-indigo-800 { - --tw-border-opacity: 1; - border-color: rgba(55, 48, 163, var(--tw-border-opacity)); + .lg\:bottom-px { + bottom: 1px; } - .sm\:border-indigo-900 { - --tw-border-opacity: 1; - border-color: rgba(49, 46, 129, var(--tw-border-opacity)); + .lg\:bottom-0\.5 { + bottom: 0.125rem; } - .sm\:border-purple-50 { - --tw-border-opacity: 1; - border-color: rgba(245, 243, 255, var(--tw-border-opacity)); + .lg\:bottom-1\.5 { + bottom: 0.375rem; } - .sm\:border-purple-100 { - --tw-border-opacity: 1; - border-color: rgba(237, 233, 254, var(--tw-border-opacity)); + .lg\:bottom-2\.5 { + bottom: 0.625rem; } - .sm\:border-purple-200 { - --tw-border-opacity: 1; - border-color: rgba(221, 214, 254, var(--tw-border-opacity)); + .lg\:bottom-3\.5 { + bottom: 0.875rem; } - .sm\:border-purple-300 { - --tw-border-opacity: 1; - border-color: rgba(196, 181, 253, var(--tw-border-opacity)); + .lg\:-bottom-0 { + bottom: 0px; } - .sm\:border-purple-400 { - --tw-border-opacity: 1; - border-color: rgba(167, 139, 250, var(--tw-border-opacity)); + .lg\:-bottom-1 { + bottom: -0.25rem; } - .sm\:border-purple-500 { - --tw-border-opacity: 1; - border-color: rgba(139, 92, 246, var(--tw-border-opacity)); + .lg\:-bottom-2 { + bottom: -0.5rem; } - .sm\:border-purple-600 { - --tw-border-opacity: 1; - border-color: rgba(124, 58, 237, var(--tw-border-opacity)); + .lg\:-bottom-3 { + bottom: -0.75rem; } - .sm\:border-purple-700 { - --tw-border-opacity: 1; - border-color: rgba(109, 40, 217, var(--tw-border-opacity)); + .lg\:-bottom-4 { + bottom: -1rem; } - .sm\:border-purple-800 { - --tw-border-opacity: 1; - border-color: rgba(91, 33, 182, var(--tw-border-opacity)); + .lg\:-bottom-5 { + bottom: -1.25rem; } - .sm\:border-purple-900 { - --tw-border-opacity: 1; - border-color: rgba(76, 29, 149, var(--tw-border-opacity)); + .lg\:-bottom-6 { + bottom: -1.5rem; } - .sm\:border-pink-50 { - --tw-border-opacity: 1; - border-color: rgba(253, 242, 248, var(--tw-border-opacity)); + .lg\:-bottom-7 { + bottom: -1.75rem; } - .sm\:border-pink-100 { - --tw-border-opacity: 1; - border-color: rgba(252, 231, 243, var(--tw-border-opacity)); + .lg\:-bottom-8 { + bottom: -2rem; } - .sm\:border-pink-200 { - --tw-border-opacity: 1; - border-color: rgba(251, 207, 232, var(--tw-border-opacity)); + .lg\:-bottom-9 { + bottom: -2.25rem; } - .sm\:border-pink-300 { - --tw-border-opacity: 1; - border-color: rgba(249, 168, 212, var(--tw-border-opacity)); + .lg\:-bottom-10 { + bottom: -2.5rem; } - .sm\:border-pink-400 { - --tw-border-opacity: 1; - border-color: rgba(244, 114, 182, var(--tw-border-opacity)); + .lg\:-bottom-11 { + bottom: -2.75rem; } - .sm\:border-pink-500 { - --tw-border-opacity: 1; - border-color: rgba(236, 72, 153, var(--tw-border-opacity)); + .lg\:-bottom-12 { + bottom: -3rem; } - .sm\:border-pink-600 { - --tw-border-opacity: 1; - border-color: rgba(219, 39, 119, var(--tw-border-opacity)); + .lg\:-bottom-14 { + bottom: -3.5rem; } - .sm\:border-pink-700 { - --tw-border-opacity: 1; - border-color: rgba(190, 24, 93, var(--tw-border-opacity)); + .lg\:-bottom-16 { + bottom: -4rem; } - .sm\:border-pink-800 { - --tw-border-opacity: 1; - border-color: rgba(157, 23, 77, var(--tw-border-opacity)); + .lg\:-bottom-20 { + bottom: -5rem; } - .sm\:border-pink-900 { - --tw-border-opacity: 1; - border-color: rgba(131, 24, 67, var(--tw-border-opacity)); + .lg\:-bottom-24 { + bottom: -6rem; } - .group:hover .sm\:group-hover\:border-transparent { - border-color: transparent; + .lg\:-bottom-28 { + bottom: -7rem; } - .group:hover .sm\:group-hover\:border-current { - border-color: currentColor; + .lg\:-bottom-32 { + bottom: -8rem; } - .group:hover .sm\:group-hover\:border-black { - --tw-border-opacity: 1; - border-color: rgba(0, 0, 0, var(--tw-border-opacity)); + .lg\:-bottom-36 { + bottom: -9rem; } - .group:hover .sm\:group-hover\:border-white { - --tw-border-opacity: 1; - border-color: rgba(255, 255, 255, var(--tw-border-opacity)); + .lg\:-bottom-40 { + bottom: -10rem; } - .group:hover .sm\:group-hover\:border-gray-50 { - --tw-border-opacity: 1; - border-color: rgba(249, 250, 251, var(--tw-border-opacity)); + .lg\:-bottom-44 { + bottom: -11rem; } - .group:hover .sm\:group-hover\:border-gray-100 { - --tw-border-opacity: 1; - border-color: rgba(243, 244, 246, var(--tw-border-opacity)); + .lg\:-bottom-48 { + bottom: -12rem; } - .group:hover .sm\:group-hover\:border-gray-200 { - --tw-border-opacity: 1; - border-color: rgba(229, 231, 235, var(--tw-border-opacity)); + .lg\:-bottom-52 { + bottom: -13rem; } - .group:hover .sm\:group-hover\:border-gray-300 { - --tw-border-opacity: 1; - border-color: rgba(209, 213, 219, var(--tw-border-opacity)); + .lg\:-bottom-56 { + bottom: -14rem; } - .group:hover .sm\:group-hover\:border-gray-400 { - --tw-border-opacity: 1; - border-color: rgba(156, 163, 175, var(--tw-border-opacity)); + .lg\:-bottom-60 { + bottom: -15rem; } - .group:hover .sm\:group-hover\:border-gray-500 { - --tw-border-opacity: 1; - border-color: rgba(107, 114, 128, var(--tw-border-opacity)); + .lg\:-bottom-64 { + bottom: -16rem; } - .group:hover .sm\:group-hover\:border-gray-600 { - --tw-border-opacity: 1; - border-color: rgba(75, 85, 99, var(--tw-border-opacity)); + .lg\:-bottom-72 { + bottom: -18rem; } - .group:hover .sm\:group-hover\:border-gray-700 { - --tw-border-opacity: 1; - border-color: rgba(55, 65, 81, var(--tw-border-opacity)); + .lg\:-bottom-80 { + bottom: -20rem; } - .group:hover .sm\:group-hover\:border-gray-800 { - --tw-border-opacity: 1; - border-color: rgba(31, 41, 55, var(--tw-border-opacity)); + .lg\:-bottom-96 { + bottom: -24rem; } - .group:hover .sm\:group-hover\:border-gray-900 { - --tw-border-opacity: 1; - border-color: rgba(17, 24, 39, var(--tw-border-opacity)); + .lg\:-bottom-px { + bottom: -1px; } - .group:hover .sm\:group-hover\:border-red-50 { - --tw-border-opacity: 1; - border-color: rgba(254, 242, 242, var(--tw-border-opacity)); + .lg\:-bottom-0\.5 { + bottom: -0.125rem; } - .group:hover .sm\:group-hover\:border-red-100 { - --tw-border-opacity: 1; - border-color: rgba(254, 226, 226, var(--tw-border-opacity)); + .lg\:-bottom-1\.5 { + bottom: -0.375rem; } - .group:hover .sm\:group-hover\:border-red-200 { - --tw-border-opacity: 1; - border-color: rgba(254, 202, 202, var(--tw-border-opacity)); + .lg\:-bottom-2\.5 { + bottom: -0.625rem; } - .group:hover .sm\:group-hover\:border-red-300 { - --tw-border-opacity: 1; - border-color: rgba(252, 165, 165, var(--tw-border-opacity)); + .lg\:-bottom-3\.5 { + bottom: -0.875rem; } - .group:hover .sm\:group-hover\:border-red-400 { - --tw-border-opacity: 1; - border-color: rgba(248, 113, 113, var(--tw-border-opacity)); + .lg\:bottom-1\/2 { + bottom: 50%; } - .group:hover .sm\:group-hover\:border-red-500 { - --tw-border-opacity: 1; - border-color: rgba(239, 68, 68, var(--tw-border-opacity)); + .lg\:bottom-1\/3 { + bottom: 33.333333%; } - .group:hover .sm\:group-hover\:border-red-600 { - --tw-border-opacity: 1; - border-color: rgba(220, 38, 38, var(--tw-border-opacity)); + .lg\:bottom-2\/3 { + bottom: 66.666667%; } - .group:hover .sm\:group-hover\:border-red-700 { - --tw-border-opacity: 1; - border-color: rgba(185, 28, 28, var(--tw-border-opacity)); + .lg\:bottom-1\/4 { + bottom: 25%; } - .group:hover .sm\:group-hover\:border-red-800 { - --tw-border-opacity: 1; - border-color: rgba(153, 27, 27, var(--tw-border-opacity)); + .lg\:bottom-2\/4 { + bottom: 50%; } - .group:hover .sm\:group-hover\:border-red-900 { - --tw-border-opacity: 1; - border-color: rgba(127, 29, 29, var(--tw-border-opacity)); + .lg\:bottom-3\/4 { + bottom: 75%; } - .group:hover .sm\:group-hover\:border-yellow-50 { - --tw-border-opacity: 1; - border-color: rgba(255, 251, 235, var(--tw-border-opacity)); + .lg\:bottom-full { + bottom: 100%; } - .group:hover .sm\:group-hover\:border-yellow-100 { - --tw-border-opacity: 1; - border-color: rgba(254, 243, 199, var(--tw-border-opacity)); + .lg\:-bottom-1\/2 { + bottom: -50%; } - .group:hover .sm\:group-hover\:border-yellow-200 { - --tw-border-opacity: 1; - border-color: rgba(253, 230, 138, var(--tw-border-opacity)); + .lg\:-bottom-1\/3 { + bottom: -33.333333%; } - .group:hover .sm\:group-hover\:border-yellow-300 { - --tw-border-opacity: 1; - border-color: rgba(252, 211, 77, var(--tw-border-opacity)); + .lg\:-bottom-2\/3 { + bottom: -66.666667%; } - .group:hover .sm\:group-hover\:border-yellow-400 { - --tw-border-opacity: 1; - border-color: rgba(251, 191, 36, var(--tw-border-opacity)); + .lg\:-bottom-1\/4 { + bottom: -25%; } - .group:hover .sm\:group-hover\:border-yellow-500 { - --tw-border-opacity: 1; - border-color: rgba(245, 158, 11, var(--tw-border-opacity)); + .lg\:-bottom-2\/4 { + bottom: -50%; } - .group:hover .sm\:group-hover\:border-yellow-600 { - --tw-border-opacity: 1; - border-color: rgba(217, 119, 6, var(--tw-border-opacity)); + .lg\:-bottom-3\/4 { + bottom: -75%; } - .group:hover .sm\:group-hover\:border-yellow-700 { - --tw-border-opacity: 1; - border-color: rgba(180, 83, 9, var(--tw-border-opacity)); + .lg\:-bottom-full { + bottom: -100%; } - .group:hover .sm\:group-hover\:border-yellow-800 { - --tw-border-opacity: 1; - border-color: rgba(146, 64, 14, var(--tw-border-opacity)); + .lg\:left-0 { + left: 0px; } - .group:hover .sm\:group-hover\:border-yellow-900 { - --tw-border-opacity: 1; - border-color: rgba(120, 53, 15, var(--tw-border-opacity)); + .lg\:left-1 { + left: 0.25rem; } - .group:hover .sm\:group-hover\:border-green-50 { - --tw-border-opacity: 1; - border-color: rgba(236, 253, 245, var(--tw-border-opacity)); + .lg\:left-2 { + left: 0.5rem; } - .group:hover .sm\:group-hover\:border-green-100 { - --tw-border-opacity: 1; - border-color: rgba(209, 250, 229, var(--tw-border-opacity)); + .lg\:left-3 { + left: 0.75rem; } - .group:hover .sm\:group-hover\:border-green-200 { - --tw-border-opacity: 1; - border-color: rgba(167, 243, 208, var(--tw-border-opacity)); + .lg\:left-4 { + left: 1rem; } - .group:hover .sm\:group-hover\:border-green-300 { - --tw-border-opacity: 1; - border-color: rgba(110, 231, 183, var(--tw-border-opacity)); + .lg\:left-5 { + left: 1.25rem; } - .group:hover .sm\:group-hover\:border-green-400 { - --tw-border-opacity: 1; - border-color: rgba(52, 211, 153, var(--tw-border-opacity)); + .lg\:left-6 { + left: 1.5rem; } - .group:hover .sm\:group-hover\:border-green-500 { - --tw-border-opacity: 1; - border-color: rgba(16, 185, 129, var(--tw-border-opacity)); + .lg\:left-7 { + left: 1.75rem; } - .group:hover .sm\:group-hover\:border-green-600 { - --tw-border-opacity: 1; - border-color: rgba(5, 150, 105, var(--tw-border-opacity)); + .lg\:left-8 { + left: 2rem; } - .group:hover .sm\:group-hover\:border-green-700 { - --tw-border-opacity: 1; - border-color: rgba(4, 120, 87, var(--tw-border-opacity)); + .lg\:left-9 { + left: 2.25rem; } - .group:hover .sm\:group-hover\:border-green-800 { - --tw-border-opacity: 1; - border-color: rgba(6, 95, 70, var(--tw-border-opacity)); + .lg\:left-10 { + left: 2.5rem; } - .group:hover .sm\:group-hover\:border-green-900 { - --tw-border-opacity: 1; - border-color: rgba(6, 78, 59, var(--tw-border-opacity)); + .lg\:left-11 { + left: 2.75rem; } - .group:hover .sm\:group-hover\:border-blue-50 { - --tw-border-opacity: 1; - border-color: rgba(239, 246, 255, var(--tw-border-opacity)); + .lg\:left-12 { + left: 3rem; } - .group:hover .sm\:group-hover\:border-blue-100 { - --tw-border-opacity: 1; - border-color: rgba(219, 234, 254, var(--tw-border-opacity)); + .lg\:left-14 { + left: 3.5rem; } - .group:hover .sm\:group-hover\:border-blue-200 { - --tw-border-opacity: 1; - border-color: rgba(191, 219, 254, var(--tw-border-opacity)); + .lg\:left-16 { + left: 4rem; } - .group:hover .sm\:group-hover\:border-blue-300 { - --tw-border-opacity: 1; - border-color: rgba(147, 197, 253, var(--tw-border-opacity)); + .lg\:left-20 { + left: 5rem; } - .group:hover .sm\:group-hover\:border-blue-400 { - --tw-border-opacity: 1; - border-color: rgba(96, 165, 250, var(--tw-border-opacity)); + .lg\:left-24 { + left: 6rem; } - .group:hover .sm\:group-hover\:border-blue-500 { - --tw-border-opacity: 1; - border-color: rgba(59, 130, 246, var(--tw-border-opacity)); + .lg\:left-28 { + left: 7rem; } - .group:hover .sm\:group-hover\:border-blue-600 { - --tw-border-opacity: 1; - border-color: rgba(37, 99, 235, var(--tw-border-opacity)); + .lg\:left-32 { + left: 8rem; } - .group:hover .sm\:group-hover\:border-blue-700 { - --tw-border-opacity: 1; - border-color: rgba(29, 78, 216, var(--tw-border-opacity)); + .lg\:left-36 { + left: 9rem; } - .group:hover .sm\:group-hover\:border-blue-800 { - --tw-border-opacity: 1; - border-color: rgba(30, 64, 175, var(--tw-border-opacity)); + .lg\:left-40 { + left: 10rem; } - .group:hover .sm\:group-hover\:border-blue-900 { - --tw-border-opacity: 1; - border-color: rgba(30, 58, 138, var(--tw-border-opacity)); + .lg\:left-44 { + left: 11rem; } - .group:hover .sm\:group-hover\:border-indigo-50 { - --tw-border-opacity: 1; - border-color: rgba(238, 242, 255, var(--tw-border-opacity)); + .lg\:left-48 { + left: 12rem; } - .group:hover .sm\:group-hover\:border-indigo-100 { - --tw-border-opacity: 1; - border-color: rgba(224, 231, 255, var(--tw-border-opacity)); + .lg\:left-52 { + left: 13rem; } - .group:hover .sm\:group-hover\:border-indigo-200 { - --tw-border-opacity: 1; - border-color: rgba(199, 210, 254, var(--tw-border-opacity)); + .lg\:left-56 { + left: 14rem; } - .group:hover .sm\:group-hover\:border-indigo-300 { - --tw-border-opacity: 1; - border-color: rgba(165, 180, 252, var(--tw-border-opacity)); + .lg\:left-60 { + left: 15rem; } - .group:hover .sm\:group-hover\:border-indigo-400 { - --tw-border-opacity: 1; - border-color: rgba(129, 140, 248, var(--tw-border-opacity)); + .lg\:left-64 { + left: 16rem; } - .group:hover .sm\:group-hover\:border-indigo-500 { - --tw-border-opacity: 1; - border-color: rgba(99, 102, 241, var(--tw-border-opacity)); + .lg\:left-72 { + left: 18rem; } - .group:hover .sm\:group-hover\:border-indigo-600 { - --tw-border-opacity: 1; - border-color: rgba(79, 70, 229, var(--tw-border-opacity)); + .lg\:left-80 { + left: 20rem; } - .group:hover .sm\:group-hover\:border-indigo-700 { - --tw-border-opacity: 1; - border-color: rgba(67, 56, 202, var(--tw-border-opacity)); + .lg\:left-96 { + left: 24rem; } - .group:hover .sm\:group-hover\:border-indigo-800 { - --tw-border-opacity: 1; - border-color: rgba(55, 48, 163, var(--tw-border-opacity)); + .lg\:left-auto { + left: auto; } - .group:hover .sm\:group-hover\:border-indigo-900 { - --tw-border-opacity: 1; - border-color: rgba(49, 46, 129, var(--tw-border-opacity)); + .lg\:left-px { + left: 1px; } - .group:hover .sm\:group-hover\:border-purple-50 { - --tw-border-opacity: 1; - border-color: rgba(245, 243, 255, var(--tw-border-opacity)); + .lg\:left-0\.5 { + left: 0.125rem; } - .group:hover .sm\:group-hover\:border-purple-100 { - --tw-border-opacity: 1; - border-color: rgba(237, 233, 254, var(--tw-border-opacity)); + .lg\:left-1\.5 { + left: 0.375rem; } - .group:hover .sm\:group-hover\:border-purple-200 { - --tw-border-opacity: 1; - border-color: rgba(221, 214, 254, var(--tw-border-opacity)); + .lg\:left-2\.5 { + left: 0.625rem; } - .group:hover .sm\:group-hover\:border-purple-300 { - --tw-border-opacity: 1; - border-color: rgba(196, 181, 253, var(--tw-border-opacity)); + .lg\:left-3\.5 { + left: 0.875rem; } - .group:hover .sm\:group-hover\:border-purple-400 { - --tw-border-opacity: 1; - border-color: rgba(167, 139, 250, var(--tw-border-opacity)); + .lg\:-left-0 { + left: 0px; } - .group:hover .sm\:group-hover\:border-purple-500 { - --tw-border-opacity: 1; - border-color: rgba(139, 92, 246, var(--tw-border-opacity)); + .lg\:-left-1 { + left: -0.25rem; } - .group:hover .sm\:group-hover\:border-purple-600 { - --tw-border-opacity: 1; - border-color: rgba(124, 58, 237, var(--tw-border-opacity)); + .lg\:-left-2 { + left: -0.5rem; } - .group:hover .sm\:group-hover\:border-purple-700 { - --tw-border-opacity: 1; - border-color: rgba(109, 40, 217, var(--tw-border-opacity)); + .lg\:-left-3 { + left: -0.75rem; } - .group:hover .sm\:group-hover\:border-purple-800 { - --tw-border-opacity: 1; - border-color: rgba(91, 33, 182, var(--tw-border-opacity)); + .lg\:-left-4 { + left: -1rem; } - .group:hover .sm\:group-hover\:border-purple-900 { - --tw-border-opacity: 1; - border-color: rgba(76, 29, 149, var(--tw-border-opacity)); + .lg\:-left-5 { + left: -1.25rem; } - .group:hover .sm\:group-hover\:border-pink-50 { - --tw-border-opacity: 1; - border-color: rgba(253, 242, 248, var(--tw-border-opacity)); + .lg\:-left-6 { + left: -1.5rem; } - .group:hover .sm\:group-hover\:border-pink-100 { - --tw-border-opacity: 1; - border-color: rgba(252, 231, 243, var(--tw-border-opacity)); + .lg\:-left-7 { + left: -1.75rem; } - .group:hover .sm\:group-hover\:border-pink-200 { - --tw-border-opacity: 1; - border-color: rgba(251, 207, 232, var(--tw-border-opacity)); + .lg\:-left-8 { + left: -2rem; } - .group:hover .sm\:group-hover\:border-pink-300 { - --tw-border-opacity: 1; - border-color: rgba(249, 168, 212, var(--tw-border-opacity)); + .lg\:-left-9 { + left: -2.25rem; } - .group:hover .sm\:group-hover\:border-pink-400 { - --tw-border-opacity: 1; - border-color: rgba(244, 114, 182, var(--tw-border-opacity)); + .lg\:-left-10 { + left: -2.5rem; } - .group:hover .sm\:group-hover\:border-pink-500 { - --tw-border-opacity: 1; - border-color: rgba(236, 72, 153, var(--tw-border-opacity)); + .lg\:-left-11 { + left: -2.75rem; } - .group:hover .sm\:group-hover\:border-pink-600 { - --tw-border-opacity: 1; - border-color: rgba(219, 39, 119, var(--tw-border-opacity)); + .lg\:-left-12 { + left: -3rem; } - .group:hover .sm\:group-hover\:border-pink-700 { - --tw-border-opacity: 1; - border-color: rgba(190, 24, 93, var(--tw-border-opacity)); + .lg\:-left-14 { + left: -3.5rem; } - .group:hover .sm\:group-hover\:border-pink-800 { - --tw-border-opacity: 1; - border-color: rgba(157, 23, 77, var(--tw-border-opacity)); + .lg\:-left-16 { + left: -4rem; } - .group:hover .sm\:group-hover\:border-pink-900 { - --tw-border-opacity: 1; - border-color: rgba(131, 24, 67, var(--tw-border-opacity)); + .lg\:-left-20 { + left: -5rem; } - .sm\:focus-within\:border-transparent:focus-within { - border-color: transparent; + .lg\:-left-24 { + left: -6rem; } - .sm\:focus-within\:border-current:focus-within { - border-color: currentColor; + .lg\:-left-28 { + left: -7rem; } - .sm\:focus-within\:border-black:focus-within { - --tw-border-opacity: 1; - border-color: rgba(0, 0, 0, var(--tw-border-opacity)); + .lg\:-left-32 { + left: -8rem; } - .sm\:focus-within\:border-white:focus-within { - --tw-border-opacity: 1; - border-color: rgba(255, 255, 255, var(--tw-border-opacity)); + .lg\:-left-36 { + left: -9rem; } - .sm\:focus-within\:border-gray-50:focus-within { - --tw-border-opacity: 1; - border-color: rgba(249, 250, 251, var(--tw-border-opacity)); + .lg\:-left-40 { + left: -10rem; } - .sm\:focus-within\:border-gray-100:focus-within { - --tw-border-opacity: 1; - border-color: rgba(243, 244, 246, var(--tw-border-opacity)); + .lg\:-left-44 { + left: -11rem; } - .sm\:focus-within\:border-gray-200:focus-within { - --tw-border-opacity: 1; - border-color: rgba(229, 231, 235, var(--tw-border-opacity)); + .lg\:-left-48 { + left: -12rem; } - .sm\:focus-within\:border-gray-300:focus-within { - --tw-border-opacity: 1; - border-color: rgba(209, 213, 219, var(--tw-border-opacity)); + .lg\:-left-52 { + left: -13rem; } - .sm\:focus-within\:border-gray-400:focus-within { - --tw-border-opacity: 1; - border-color: rgba(156, 163, 175, var(--tw-border-opacity)); + .lg\:-left-56 { + left: -14rem; } - .sm\:focus-within\:border-gray-500:focus-within { - --tw-border-opacity: 1; - border-color: rgba(107, 114, 128, var(--tw-border-opacity)); + .lg\:-left-60 { + left: -15rem; } - .sm\:focus-within\:border-gray-600:focus-within { - --tw-border-opacity: 1; - border-color: rgba(75, 85, 99, var(--tw-border-opacity)); + .lg\:-left-64 { + left: -16rem; } - .sm\:focus-within\:border-gray-700:focus-within { - --tw-border-opacity: 1; - border-color: rgba(55, 65, 81, var(--tw-border-opacity)); + .lg\:-left-72 { + left: -18rem; } - .sm\:focus-within\:border-gray-800:focus-within { - --tw-border-opacity: 1; - border-color: rgba(31, 41, 55, var(--tw-border-opacity)); + .lg\:-left-80 { + left: -20rem; } - .sm\:focus-within\:border-gray-900:focus-within { - --tw-border-opacity: 1; - border-color: rgba(17, 24, 39, var(--tw-border-opacity)); + .lg\:-left-96 { + left: -24rem; } - .sm\:focus-within\:border-red-50:focus-within { - --tw-border-opacity: 1; - border-color: rgba(254, 242, 242, var(--tw-border-opacity)); + .lg\:-left-px { + left: -1px; } - .sm\:focus-within\:border-red-100:focus-within { - --tw-border-opacity: 1; - border-color: rgba(254, 226, 226, var(--tw-border-opacity)); + .lg\:-left-0\.5 { + left: -0.125rem; } - .sm\:focus-within\:border-red-200:focus-within { - --tw-border-opacity: 1; - border-color: rgba(254, 202, 202, var(--tw-border-opacity)); + .lg\:-left-1\.5 { + left: -0.375rem; } - .sm\:focus-within\:border-red-300:focus-within { - --tw-border-opacity: 1; - border-color: rgba(252, 165, 165, var(--tw-border-opacity)); + .lg\:-left-2\.5 { + left: -0.625rem; } - .sm\:focus-within\:border-red-400:focus-within { - --tw-border-opacity: 1; - border-color: rgba(248, 113, 113, var(--tw-border-opacity)); + .lg\:-left-3\.5 { + left: -0.875rem; } - .sm\:focus-within\:border-red-500:focus-within { - --tw-border-opacity: 1; - border-color: rgba(239, 68, 68, var(--tw-border-opacity)); + .lg\:left-1\/2 { + left: 50%; } - .sm\:focus-within\:border-red-600:focus-within { - --tw-border-opacity: 1; - border-color: rgba(220, 38, 38, var(--tw-border-opacity)); + .lg\:left-1\/3 { + left: 33.333333%; } - .sm\:focus-within\:border-red-700:focus-within { - --tw-border-opacity: 1; - border-color: rgba(185, 28, 28, var(--tw-border-opacity)); + .lg\:left-2\/3 { + left: 66.666667%; } - .sm\:focus-within\:border-red-800:focus-within { - --tw-border-opacity: 1; - border-color: rgba(153, 27, 27, var(--tw-border-opacity)); + .lg\:left-1\/4 { + left: 25%; } - .sm\:focus-within\:border-red-900:focus-within { - --tw-border-opacity: 1; - border-color: rgba(127, 29, 29, var(--tw-border-opacity)); + .lg\:left-2\/4 { + left: 50%; } - .sm\:focus-within\:border-yellow-50:focus-within { - --tw-border-opacity: 1; - border-color: rgba(255, 251, 235, var(--tw-border-opacity)); + .lg\:left-3\/4 { + left: 75%; } - .sm\:focus-within\:border-yellow-100:focus-within { - --tw-border-opacity: 1; - border-color: rgba(254, 243, 199, var(--tw-border-opacity)); + .lg\:left-full { + left: 100%; } - .sm\:focus-within\:border-yellow-200:focus-within { - --tw-border-opacity: 1; - border-color: rgba(253, 230, 138, var(--tw-border-opacity)); + .lg\:-left-1\/2 { + left: -50%; } - .sm\:focus-within\:border-yellow-300:focus-within { - --tw-border-opacity: 1; - border-color: rgba(252, 211, 77, var(--tw-border-opacity)); + .lg\:-left-1\/3 { + left: -33.333333%; } - .sm\:focus-within\:border-yellow-400:focus-within { - --tw-border-opacity: 1; - border-color: rgba(251, 191, 36, var(--tw-border-opacity)); + .lg\:-left-2\/3 { + left: -66.666667%; } - .sm\:focus-within\:border-yellow-500:focus-within { - --tw-border-opacity: 1; - border-color: rgba(245, 158, 11, var(--tw-border-opacity)); + .lg\:-left-1\/4 { + left: -25%; } - .sm\:focus-within\:border-yellow-600:focus-within { - --tw-border-opacity: 1; - border-color: rgba(217, 119, 6, var(--tw-border-opacity)); + .lg\:-left-2\/4 { + left: -50%; } - .sm\:focus-within\:border-yellow-700:focus-within { - --tw-border-opacity: 1; - border-color: rgba(180, 83, 9, var(--tw-border-opacity)); + .lg\:-left-3\/4 { + left: -75%; } - .sm\:focus-within\:border-yellow-800:focus-within { - --tw-border-opacity: 1; - border-color: rgba(146, 64, 14, var(--tw-border-opacity)); + .lg\:-left-full { + left: -100%; } - .sm\:focus-within\:border-yellow-900:focus-within { - --tw-border-opacity: 1; - border-color: rgba(120, 53, 15, var(--tw-border-opacity)); + .lg\:isolate { + isolation: isolate; } - .sm\:focus-within\:border-green-50:focus-within { - --tw-border-opacity: 1; - border-color: rgba(236, 253, 245, var(--tw-border-opacity)); + .lg\:isolation-auto { + isolation: auto; } - .sm\:focus-within\:border-green-100:focus-within { - --tw-border-opacity: 1; - border-color: rgba(209, 250, 229, var(--tw-border-opacity)); + .lg\:z-0 { + z-index: 0; } - .sm\:focus-within\:border-green-200:focus-within { - --tw-border-opacity: 1; - border-color: rgba(167, 243, 208, var(--tw-border-opacity)); + .lg\:z-10 { + z-index: 10; } - .sm\:focus-within\:border-green-300:focus-within { - --tw-border-opacity: 1; - border-color: rgba(110, 231, 183, var(--tw-border-opacity)); + .lg\:z-20 { + z-index: 20; } - .sm\:focus-within\:border-green-400:focus-within { - --tw-border-opacity: 1; - border-color: rgba(52, 211, 153, var(--tw-border-opacity)); + .lg\:z-30 { + z-index: 30; } - .sm\:focus-within\:border-green-500:focus-within { - --tw-border-opacity: 1; - border-color: rgba(16, 185, 129, var(--tw-border-opacity)); + .lg\:z-40 { + z-index: 40; } - .sm\:focus-within\:border-green-600:focus-within { - --tw-border-opacity: 1; - border-color: rgba(5, 150, 105, var(--tw-border-opacity)); + .lg\:z-50 { + z-index: 50; } - .sm\:focus-within\:border-green-700:focus-within { - --tw-border-opacity: 1; - border-color: rgba(4, 120, 87, var(--tw-border-opacity)); + .lg\:z-auto { + z-index: auto; } - .sm\:focus-within\:border-green-800:focus-within { - --tw-border-opacity: 1; - border-color: rgba(6, 95, 70, var(--tw-border-opacity)); + .lg\:focus-within\:z-0:focus-within { + z-index: 0; } - .sm\:focus-within\:border-green-900:focus-within { - --tw-border-opacity: 1; - border-color: rgba(6, 78, 59, var(--tw-border-opacity)); + .lg\:focus-within\:z-10:focus-within { + z-index: 10; } - .sm\:focus-within\:border-blue-50:focus-within { - --tw-border-opacity: 1; - border-color: rgba(239, 246, 255, var(--tw-border-opacity)); + .lg\:focus-within\:z-20:focus-within { + z-index: 20; } - .sm\:focus-within\:border-blue-100:focus-within { - --tw-border-opacity: 1; - border-color: rgba(219, 234, 254, var(--tw-border-opacity)); + .lg\:focus-within\:z-30:focus-within { + z-index: 30; } - .sm\:focus-within\:border-blue-200:focus-within { - --tw-border-opacity: 1; - border-color: rgba(191, 219, 254, var(--tw-border-opacity)); + .lg\:focus-within\:z-40:focus-within { + z-index: 40; } - .sm\:focus-within\:border-blue-300:focus-within { - --tw-border-opacity: 1; - border-color: rgba(147, 197, 253, var(--tw-border-opacity)); + .lg\:focus-within\:z-50:focus-within { + z-index: 50; } - .sm\:focus-within\:border-blue-400:focus-within { - --tw-border-opacity: 1; - border-color: rgba(96, 165, 250, var(--tw-border-opacity)); + .lg\:focus-within\:z-auto:focus-within { + z-index: auto; } - .sm\:focus-within\:border-blue-500:focus-within { - --tw-border-opacity: 1; - border-color: rgba(59, 130, 246, var(--tw-border-opacity)); + .lg\:focus\:z-0:focus { + z-index: 0; } - .sm\:focus-within\:border-blue-600:focus-within { - --tw-border-opacity: 1; - border-color: rgba(37, 99, 235, var(--tw-border-opacity)); + .lg\:focus\:z-10:focus { + z-index: 10; } - .sm\:focus-within\:border-blue-700:focus-within { - --tw-border-opacity: 1; - border-color: rgba(29, 78, 216, var(--tw-border-opacity)); + .lg\:focus\:z-20:focus { + z-index: 20; } - .sm\:focus-within\:border-blue-800:focus-within { - --tw-border-opacity: 1; - border-color: rgba(30, 64, 175, var(--tw-border-opacity)); + .lg\:focus\:z-30:focus { + z-index: 30; } - .sm\:focus-within\:border-blue-900:focus-within { - --tw-border-opacity: 1; - border-color: rgba(30, 58, 138, var(--tw-border-opacity)); + .lg\:focus\:z-40:focus { + z-index: 40; } - .sm\:focus-within\:border-indigo-50:focus-within { - --tw-border-opacity: 1; - border-color: rgba(238, 242, 255, var(--tw-border-opacity)); + .lg\:focus\:z-50:focus { + z-index: 50; } - .sm\:focus-within\:border-indigo-100:focus-within { - --tw-border-opacity: 1; - border-color: rgba(224, 231, 255, var(--tw-border-opacity)); + .lg\:focus\:z-auto:focus { + z-index: auto; } - .sm\:focus-within\:border-indigo-200:focus-within { - --tw-border-opacity: 1; - border-color: rgba(199, 210, 254, var(--tw-border-opacity)); + .lg\:order-1 { + order: 1; } - .sm\:focus-within\:border-indigo-300:focus-within { - --tw-border-opacity: 1; - border-color: rgba(165, 180, 252, var(--tw-border-opacity)); + .lg\:order-2 { + order: 2; } - .sm\:focus-within\:border-indigo-400:focus-within { - --tw-border-opacity: 1; - border-color: rgba(129, 140, 248, var(--tw-border-opacity)); + .lg\:order-3 { + order: 3; } - .sm\:focus-within\:border-indigo-500:focus-within { - --tw-border-opacity: 1; - border-color: rgba(99, 102, 241, var(--tw-border-opacity)); + .lg\:order-4 { + order: 4; } - .sm\:focus-within\:border-indigo-600:focus-within { - --tw-border-opacity: 1; - border-color: rgba(79, 70, 229, var(--tw-border-opacity)); + .lg\:order-5 { + order: 5; } - .sm\:focus-within\:border-indigo-700:focus-within { - --tw-border-opacity: 1; - border-color: rgba(67, 56, 202, var(--tw-border-opacity)); + .lg\:order-6 { + order: 6; } - .sm\:focus-within\:border-indigo-800:focus-within { - --tw-border-opacity: 1; - border-color: rgba(55, 48, 163, var(--tw-border-opacity)); + .lg\:order-7 { + order: 7; } - .sm\:focus-within\:border-indigo-900:focus-within { - --tw-border-opacity: 1; - border-color: rgba(49, 46, 129, var(--tw-border-opacity)); + .lg\:order-8 { + order: 8; } - .sm\:focus-within\:border-purple-50:focus-within { - --tw-border-opacity: 1; - border-color: rgba(245, 243, 255, var(--tw-border-opacity)); + .lg\:order-9 { + order: 9; } - .sm\:focus-within\:border-purple-100:focus-within { - --tw-border-opacity: 1; - border-color: rgba(237, 233, 254, var(--tw-border-opacity)); + .lg\:order-10 { + order: 10; } - .sm\:focus-within\:border-purple-200:focus-within { - --tw-border-opacity: 1; - border-color: rgba(221, 214, 254, var(--tw-border-opacity)); + .lg\:order-11 { + order: 11; } - .sm\:focus-within\:border-purple-300:focus-within { - --tw-border-opacity: 1; - border-color: rgba(196, 181, 253, var(--tw-border-opacity)); + .lg\:order-12 { + order: 12; } - .sm\:focus-within\:border-purple-400:focus-within { - --tw-border-opacity: 1; - border-color: rgba(167, 139, 250, var(--tw-border-opacity)); + .lg\:order-first { + order: -9999; } - .sm\:focus-within\:border-purple-500:focus-within { - --tw-border-opacity: 1; - border-color: rgba(139, 92, 246, var(--tw-border-opacity)); + .lg\:order-last { + order: 9999; } - .sm\:focus-within\:border-purple-600:focus-within { - --tw-border-opacity: 1; - border-color: rgba(124, 58, 237, var(--tw-border-opacity)); + .lg\:order-none { + order: 0; } - .sm\:focus-within\:border-purple-700:focus-within { - --tw-border-opacity: 1; - border-color: rgba(109, 40, 217, var(--tw-border-opacity)); + .lg\:col-auto { + grid-column: auto; } - .sm\:focus-within\:border-purple-800:focus-within { - --tw-border-opacity: 1; - border-color: rgba(91, 33, 182, var(--tw-border-opacity)); + .lg\:col-span-1 { + grid-column: span 1 / span 1; } - .sm\:focus-within\:border-purple-900:focus-within { - --tw-border-opacity: 1; - border-color: rgba(76, 29, 149, var(--tw-border-opacity)); + .lg\:col-span-2 { + grid-column: span 2 / span 2; } - .sm\:focus-within\:border-pink-50:focus-within { - --tw-border-opacity: 1; - border-color: rgba(253, 242, 248, var(--tw-border-opacity)); + .lg\:col-span-3 { + grid-column: span 3 / span 3; } - .sm\:focus-within\:border-pink-100:focus-within { - --tw-border-opacity: 1; - border-color: rgba(252, 231, 243, var(--tw-border-opacity)); + .lg\:col-span-4 { + grid-column: span 4 / span 4; } - .sm\:focus-within\:border-pink-200:focus-within { - --tw-border-opacity: 1; - border-color: rgba(251, 207, 232, var(--tw-border-opacity)); + .lg\:col-span-5 { + grid-column: span 5 / span 5; } - .sm\:focus-within\:border-pink-300:focus-within { - --tw-border-opacity: 1; - border-color: rgba(249, 168, 212, var(--tw-border-opacity)); + .lg\:col-span-6 { + grid-column: span 6 / span 6; } - .sm\:focus-within\:border-pink-400:focus-within { - --tw-border-opacity: 1; - border-color: rgba(244, 114, 182, var(--tw-border-opacity)); + .lg\:col-span-7 { + grid-column: span 7 / span 7; } - .sm\:focus-within\:border-pink-500:focus-within { - --tw-border-opacity: 1; - border-color: rgba(236, 72, 153, var(--tw-border-opacity)); + .lg\:col-span-8 { + grid-column: span 8 / span 8; } - .sm\:focus-within\:border-pink-600:focus-within { - --tw-border-opacity: 1; - border-color: rgba(219, 39, 119, var(--tw-border-opacity)); + .lg\:col-span-9 { + grid-column: span 9 / span 9; } - .sm\:focus-within\:border-pink-700:focus-within { - --tw-border-opacity: 1; - border-color: rgba(190, 24, 93, var(--tw-border-opacity)); + .lg\:col-span-10 { + grid-column: span 10 / span 10; } - .sm\:focus-within\:border-pink-800:focus-within { - --tw-border-opacity: 1; - border-color: rgba(157, 23, 77, var(--tw-border-opacity)); + .lg\:col-span-11 { + grid-column: span 11 / span 11; } - .sm\:focus-within\:border-pink-900:focus-within { - --tw-border-opacity: 1; - border-color: rgba(131, 24, 67, var(--tw-border-opacity)); + .lg\:col-span-12 { + grid-column: span 12 / span 12; } - .sm\:hover\:border-transparent:hover { - border-color: transparent; + .lg\:col-span-full { + grid-column: 1 / -1; } - .sm\:hover\:border-current:hover { - border-color: currentColor; + .lg\:col-start-1 { + grid-column-start: 1; } - .sm\:hover\:border-black:hover { - --tw-border-opacity: 1; - border-color: rgba(0, 0, 0, var(--tw-border-opacity)); + .lg\:col-start-2 { + grid-column-start: 2; } - .sm\:hover\:border-white:hover { - --tw-border-opacity: 1; - border-color: rgba(255, 255, 255, var(--tw-border-opacity)); + .lg\:col-start-3 { + grid-column-start: 3; } - .sm\:hover\:border-gray-50:hover { - --tw-border-opacity: 1; - border-color: rgba(249, 250, 251, var(--tw-border-opacity)); + .lg\:col-start-4 { + grid-column-start: 4; } - .sm\:hover\:border-gray-100:hover { - --tw-border-opacity: 1; - border-color: rgba(243, 244, 246, var(--tw-border-opacity)); + .lg\:col-start-5 { + grid-column-start: 5; } - .sm\:hover\:border-gray-200:hover { - --tw-border-opacity: 1; - border-color: rgba(229, 231, 235, var(--tw-border-opacity)); + .lg\:col-start-6 { + grid-column-start: 6; } - .sm\:hover\:border-gray-300:hover { - --tw-border-opacity: 1; - border-color: rgba(209, 213, 219, var(--tw-border-opacity)); + .lg\:col-start-7 { + grid-column-start: 7; } - .sm\:hover\:border-gray-400:hover { - --tw-border-opacity: 1; - border-color: rgba(156, 163, 175, var(--tw-border-opacity)); + .lg\:col-start-8 { + grid-column-start: 8; } - .sm\:hover\:border-gray-500:hover { - --tw-border-opacity: 1; - border-color: rgba(107, 114, 128, var(--tw-border-opacity)); + .lg\:col-start-9 { + grid-column-start: 9; } - .sm\:hover\:border-gray-600:hover { - --tw-border-opacity: 1; - border-color: rgba(75, 85, 99, var(--tw-border-opacity)); + .lg\:col-start-10 { + grid-column-start: 10; } - .sm\:hover\:border-gray-700:hover { - --tw-border-opacity: 1; - border-color: rgba(55, 65, 81, var(--tw-border-opacity)); + .lg\:col-start-11 { + grid-column-start: 11; } - .sm\:hover\:border-gray-800:hover { - --tw-border-opacity: 1; - border-color: rgba(31, 41, 55, var(--tw-border-opacity)); + .lg\:col-start-12 { + grid-column-start: 12; } - .sm\:hover\:border-gray-900:hover { - --tw-border-opacity: 1; - border-color: rgba(17, 24, 39, var(--tw-border-opacity)); + .lg\:col-start-13 { + grid-column-start: 13; } - .sm\:hover\:border-red-50:hover { - --tw-border-opacity: 1; - border-color: rgba(254, 242, 242, var(--tw-border-opacity)); + .lg\:col-start-auto { + grid-column-start: auto; } - .sm\:hover\:border-red-100:hover { - --tw-border-opacity: 1; - border-color: rgba(254, 226, 226, var(--tw-border-opacity)); + .lg\:col-end-1 { + grid-column-end: 1; } - .sm\:hover\:border-red-200:hover { - --tw-border-opacity: 1; - border-color: rgba(254, 202, 202, var(--tw-border-opacity)); + .lg\:col-end-2 { + grid-column-end: 2; } - .sm\:hover\:border-red-300:hover { - --tw-border-opacity: 1; - border-color: rgba(252, 165, 165, var(--tw-border-opacity)); + .lg\:col-end-3 { + grid-column-end: 3; } - .sm\:hover\:border-red-400:hover { - --tw-border-opacity: 1; - border-color: rgba(248, 113, 113, var(--tw-border-opacity)); + .lg\:col-end-4 { + grid-column-end: 4; } - .sm\:hover\:border-red-500:hover { - --tw-border-opacity: 1; - border-color: rgba(239, 68, 68, var(--tw-border-opacity)); + .lg\:col-end-5 { + grid-column-end: 5; } - .sm\:hover\:border-red-600:hover { - --tw-border-opacity: 1; - border-color: rgba(220, 38, 38, var(--tw-border-opacity)); + .lg\:col-end-6 { + grid-column-end: 6; } - .sm\:hover\:border-red-700:hover { - --tw-border-opacity: 1; - border-color: rgba(185, 28, 28, var(--tw-border-opacity)); + .lg\:col-end-7 { + grid-column-end: 7; } - .sm\:hover\:border-red-800:hover { - --tw-border-opacity: 1; - border-color: rgba(153, 27, 27, var(--tw-border-opacity)); + .lg\:col-end-8 { + grid-column-end: 8; } - .sm\:hover\:border-red-900:hover { - --tw-border-opacity: 1; - border-color: rgba(127, 29, 29, var(--tw-border-opacity)); + .lg\:col-end-9 { + grid-column-end: 9; } - .sm\:hover\:border-yellow-50:hover { - --tw-border-opacity: 1; - border-color: rgba(255, 251, 235, var(--tw-border-opacity)); + .lg\:col-end-10 { + grid-column-end: 10; } - .sm\:hover\:border-yellow-100:hover { - --tw-border-opacity: 1; - border-color: rgba(254, 243, 199, var(--tw-border-opacity)); + .lg\:col-end-11 { + grid-column-end: 11; } - .sm\:hover\:border-yellow-200:hover { - --tw-border-opacity: 1; - border-color: rgba(253, 230, 138, var(--tw-border-opacity)); + .lg\:col-end-12 { + grid-column-end: 12; } - .sm\:hover\:border-yellow-300:hover { - --tw-border-opacity: 1; - border-color: rgba(252, 211, 77, var(--tw-border-opacity)); + .lg\:col-end-13 { + grid-column-end: 13; } - .sm\:hover\:border-yellow-400:hover { - --tw-border-opacity: 1; - border-color: rgba(251, 191, 36, var(--tw-border-opacity)); + .lg\:col-end-auto { + grid-column-end: auto; } - .sm\:hover\:border-yellow-500:hover { - --tw-border-opacity: 1; - border-color: rgba(245, 158, 11, var(--tw-border-opacity)); + .lg\:row-auto { + grid-row: auto; } - .sm\:hover\:border-yellow-600:hover { - --tw-border-opacity: 1; - border-color: rgba(217, 119, 6, var(--tw-border-opacity)); + .lg\:row-span-1 { + grid-row: span 1 / span 1; } - .sm\:hover\:border-yellow-700:hover { - --tw-border-opacity: 1; - border-color: rgba(180, 83, 9, var(--tw-border-opacity)); + .lg\:row-span-2 { + grid-row: span 2 / span 2; } - .sm\:hover\:border-yellow-800:hover { - --tw-border-opacity: 1; - border-color: rgba(146, 64, 14, var(--tw-border-opacity)); + .lg\:row-span-3 { + grid-row: span 3 / span 3; } - .sm\:hover\:border-yellow-900:hover { - --tw-border-opacity: 1; - border-color: rgba(120, 53, 15, var(--tw-border-opacity)); + .lg\:row-span-4 { + grid-row: span 4 / span 4; } - .sm\:hover\:border-green-50:hover { - --tw-border-opacity: 1; - border-color: rgba(236, 253, 245, var(--tw-border-opacity)); + .lg\:row-span-5 { + grid-row: span 5 / span 5; } - .sm\:hover\:border-green-100:hover { - --tw-border-opacity: 1; - border-color: rgba(209, 250, 229, var(--tw-border-opacity)); + .lg\:row-span-6 { + grid-row: span 6 / span 6; } - .sm\:hover\:border-green-200:hover { - --tw-border-opacity: 1; - border-color: rgba(167, 243, 208, var(--tw-border-opacity)); + .lg\:row-span-full { + grid-row: 1 / -1; } - .sm\:hover\:border-green-300:hover { - --tw-border-opacity: 1; - border-color: rgba(110, 231, 183, var(--tw-border-opacity)); + .lg\:row-start-1 { + grid-row-start: 1; } - .sm\:hover\:border-green-400:hover { - --tw-border-opacity: 1; - border-color: rgba(52, 211, 153, var(--tw-border-opacity)); + .lg\:row-start-2 { + grid-row-start: 2; } - .sm\:hover\:border-green-500:hover { - --tw-border-opacity: 1; - border-color: rgba(16, 185, 129, var(--tw-border-opacity)); + .lg\:row-start-3 { + grid-row-start: 3; } - .sm\:hover\:border-green-600:hover { - --tw-border-opacity: 1; - border-color: rgba(5, 150, 105, var(--tw-border-opacity)); + .lg\:row-start-4 { + grid-row-start: 4; } - .sm\:hover\:border-green-700:hover { - --tw-border-opacity: 1; - border-color: rgba(4, 120, 87, var(--tw-border-opacity)); + .lg\:row-start-5 { + grid-row-start: 5; } - .sm\:hover\:border-green-800:hover { - --tw-border-opacity: 1; - border-color: rgba(6, 95, 70, var(--tw-border-opacity)); + .lg\:row-start-6 { + grid-row-start: 6; } - .sm\:hover\:border-green-900:hover { - --tw-border-opacity: 1; - border-color: rgba(6, 78, 59, var(--tw-border-opacity)); + .lg\:row-start-7 { + grid-row-start: 7; } - .sm\:hover\:border-blue-50:hover { - --tw-border-opacity: 1; - border-color: rgba(239, 246, 255, var(--tw-border-opacity)); + .lg\:row-start-auto { + grid-row-start: auto; } - .sm\:hover\:border-blue-100:hover { - --tw-border-opacity: 1; - border-color: rgba(219, 234, 254, var(--tw-border-opacity)); + .lg\:row-end-1 { + grid-row-end: 1; } - .sm\:hover\:border-blue-200:hover { - --tw-border-opacity: 1; - border-color: rgba(191, 219, 254, var(--tw-border-opacity)); + .lg\:row-end-2 { + grid-row-end: 2; } - .sm\:hover\:border-blue-300:hover { - --tw-border-opacity: 1; - border-color: rgba(147, 197, 253, var(--tw-border-opacity)); + .lg\:row-end-3 { + grid-row-end: 3; } - .sm\:hover\:border-blue-400:hover { - --tw-border-opacity: 1; - border-color: rgba(96, 165, 250, var(--tw-border-opacity)); + .lg\:row-end-4 { + grid-row-end: 4; } - .sm\:hover\:border-blue-500:hover { - --tw-border-opacity: 1; - border-color: rgba(59, 130, 246, var(--tw-border-opacity)); + .lg\:row-end-5 { + grid-row-end: 5; } - .sm\:hover\:border-blue-600:hover { - --tw-border-opacity: 1; - border-color: rgba(37, 99, 235, var(--tw-border-opacity)); + .lg\:row-end-6 { + grid-row-end: 6; } - .sm\:hover\:border-blue-700:hover { - --tw-border-opacity: 1; - border-color: rgba(29, 78, 216, var(--tw-border-opacity)); + .lg\:row-end-7 { + grid-row-end: 7; } - .sm\:hover\:border-blue-800:hover { - --tw-border-opacity: 1; - border-color: rgba(30, 64, 175, var(--tw-border-opacity)); + .lg\:row-end-auto { + grid-row-end: auto; } - .sm\:hover\:border-blue-900:hover { - --tw-border-opacity: 1; - border-color: rgba(30, 58, 138, var(--tw-border-opacity)); + .lg\:float-right { + float: right; } - .sm\:hover\:border-indigo-50:hover { - --tw-border-opacity: 1; - border-color: rgba(238, 242, 255, var(--tw-border-opacity)); + .lg\:float-left { + float: left; } - .sm\:hover\:border-indigo-100:hover { - --tw-border-opacity: 1; - border-color: rgba(224, 231, 255, var(--tw-border-opacity)); + .lg\:float-none { + float: none; } - .sm\:hover\:border-indigo-200:hover { - --tw-border-opacity: 1; - border-color: rgba(199, 210, 254, var(--tw-border-opacity)); + .lg\:clear-left { + clear: left; } - .sm\:hover\:border-indigo-300:hover { - --tw-border-opacity: 1; - border-color: rgba(165, 180, 252, var(--tw-border-opacity)); + .lg\:clear-right { + clear: right; } - .sm\:hover\:border-indigo-400:hover { - --tw-border-opacity: 1; - border-color: rgba(129, 140, 248, var(--tw-border-opacity)); + .lg\:clear-both { + clear: both; } - .sm\:hover\:border-indigo-500:hover { - --tw-border-opacity: 1; - border-color: rgba(99, 102, 241, var(--tw-border-opacity)); + .lg\:clear-none { + clear: none; } - .sm\:hover\:border-indigo-600:hover { - --tw-border-opacity: 1; - border-color: rgba(79, 70, 229, var(--tw-border-opacity)); + .lg\:m-0 { + margin: 0px; } - .sm\:hover\:border-indigo-700:hover { - --tw-border-opacity: 1; - border-color: rgba(67, 56, 202, var(--tw-border-opacity)); + .lg\:m-1 { + margin: 0.25rem; } - .sm\:hover\:border-indigo-800:hover { - --tw-border-opacity: 1; - border-color: rgba(55, 48, 163, var(--tw-border-opacity)); + .lg\:m-2 { + margin: 0.5rem; } - .sm\:hover\:border-indigo-900:hover { - --tw-border-opacity: 1; - border-color: rgba(49, 46, 129, var(--tw-border-opacity)); + .lg\:m-3 { + margin: 0.75rem; } - .sm\:hover\:border-purple-50:hover { - --tw-border-opacity: 1; - border-color: rgba(245, 243, 255, var(--tw-border-opacity)); + .lg\:m-4 { + margin: 1rem; } - .sm\:hover\:border-purple-100:hover { - --tw-border-opacity: 1; - border-color: rgba(237, 233, 254, var(--tw-border-opacity)); + .lg\:m-5 { + margin: 1.25rem; } - .sm\:hover\:border-purple-200:hover { - --tw-border-opacity: 1; - border-color: rgba(221, 214, 254, var(--tw-border-opacity)); + .lg\:m-6 { + margin: 1.5rem; } - .sm\:hover\:border-purple-300:hover { - --tw-border-opacity: 1; - border-color: rgba(196, 181, 253, var(--tw-border-opacity)); + .lg\:m-7 { + margin: 1.75rem; } - .sm\:hover\:border-purple-400:hover { - --tw-border-opacity: 1; - border-color: rgba(167, 139, 250, var(--tw-border-opacity)); + .lg\:m-8 { + margin: 2rem; } - .sm\:hover\:border-purple-500:hover { - --tw-border-opacity: 1; - border-color: rgba(139, 92, 246, var(--tw-border-opacity)); + .lg\:m-9 { + margin: 2.25rem; } - .sm\:hover\:border-purple-600:hover { - --tw-border-opacity: 1; - border-color: rgba(124, 58, 237, var(--tw-border-opacity)); + .lg\:m-10 { + margin: 2.5rem; } - .sm\:hover\:border-purple-700:hover { - --tw-border-opacity: 1; - border-color: rgba(109, 40, 217, var(--tw-border-opacity)); + .lg\:m-11 { + margin: 2.75rem; } - .sm\:hover\:border-purple-800:hover { - --tw-border-opacity: 1; - border-color: rgba(91, 33, 182, var(--tw-border-opacity)); + .lg\:m-12 { + margin: 3rem; } - .sm\:hover\:border-purple-900:hover { - --tw-border-opacity: 1; - border-color: rgba(76, 29, 149, var(--tw-border-opacity)); + .lg\:m-14 { + margin: 3.5rem; } - .sm\:hover\:border-pink-50:hover { - --tw-border-opacity: 1; - border-color: rgba(253, 242, 248, var(--tw-border-opacity)); + .lg\:m-16 { + margin: 4rem; } - .sm\:hover\:border-pink-100:hover { - --tw-border-opacity: 1; - border-color: rgba(252, 231, 243, var(--tw-border-opacity)); + .lg\:m-20 { + margin: 5rem; } - .sm\:hover\:border-pink-200:hover { - --tw-border-opacity: 1; - border-color: rgba(251, 207, 232, var(--tw-border-opacity)); + .lg\:m-24 { + margin: 6rem; } - .sm\:hover\:border-pink-300:hover { - --tw-border-opacity: 1; - border-color: rgba(249, 168, 212, var(--tw-border-opacity)); + .lg\:m-28 { + margin: 7rem; } - .sm\:hover\:border-pink-400:hover { - --tw-border-opacity: 1; - border-color: rgba(244, 114, 182, var(--tw-border-opacity)); + .lg\:m-32 { + margin: 8rem; } - .sm\:hover\:border-pink-500:hover { - --tw-border-opacity: 1; - border-color: rgba(236, 72, 153, var(--tw-border-opacity)); + .lg\:m-36 { + margin: 9rem; } - .sm\:hover\:border-pink-600:hover { - --tw-border-opacity: 1; - border-color: rgba(219, 39, 119, var(--tw-border-opacity)); + .lg\:m-40 { + margin: 10rem; } - .sm\:hover\:border-pink-700:hover { - --tw-border-opacity: 1; - border-color: rgba(190, 24, 93, var(--tw-border-opacity)); + .lg\:m-44 { + margin: 11rem; } - .sm\:hover\:border-pink-800:hover { - --tw-border-opacity: 1; - border-color: rgba(157, 23, 77, var(--tw-border-opacity)); + .lg\:m-48 { + margin: 12rem; } - .sm\:hover\:border-pink-900:hover { - --tw-border-opacity: 1; - border-color: rgba(131, 24, 67, var(--tw-border-opacity)); + .lg\:m-52 { + margin: 13rem; } - .sm\:focus\:border-transparent:focus { - border-color: transparent; + .lg\:m-56 { + margin: 14rem; } - .sm\:focus\:border-current:focus { - border-color: currentColor; + .lg\:m-60 { + margin: 15rem; } - .sm\:focus\:border-black:focus { - --tw-border-opacity: 1; - border-color: rgba(0, 0, 0, var(--tw-border-opacity)); + .lg\:m-64 { + margin: 16rem; } - .sm\:focus\:border-white:focus { - --tw-border-opacity: 1; - border-color: rgba(255, 255, 255, var(--tw-border-opacity)); + .lg\:m-72 { + margin: 18rem; } - .sm\:focus\:border-gray-50:focus { - --tw-border-opacity: 1; - border-color: rgba(249, 250, 251, var(--tw-border-opacity)); + .lg\:m-80 { + margin: 20rem; } - .sm\:focus\:border-gray-100:focus { - --tw-border-opacity: 1; - border-color: rgba(243, 244, 246, var(--tw-border-opacity)); + .lg\:m-96 { + margin: 24rem; } - .sm\:focus\:border-gray-200:focus { - --tw-border-opacity: 1; - border-color: rgba(229, 231, 235, var(--tw-border-opacity)); + .lg\:m-auto { + margin: auto; } - .sm\:focus\:border-gray-300:focus { - --tw-border-opacity: 1; - border-color: rgba(209, 213, 219, var(--tw-border-opacity)); + .lg\:m-px { + margin: 1px; } - .sm\:focus\:border-gray-400:focus { - --tw-border-opacity: 1; - border-color: rgba(156, 163, 175, var(--tw-border-opacity)); + .lg\:m-0\.5 { + margin: 0.125rem; } - .sm\:focus\:border-gray-500:focus { - --tw-border-opacity: 1; - border-color: rgba(107, 114, 128, var(--tw-border-opacity)); + .lg\:m-1\.5 { + margin: 0.375rem; } - .sm\:focus\:border-gray-600:focus { - --tw-border-opacity: 1; - border-color: rgba(75, 85, 99, var(--tw-border-opacity)); + .lg\:m-2\.5 { + margin: 0.625rem; } - .sm\:focus\:border-gray-700:focus { - --tw-border-opacity: 1; - border-color: rgba(55, 65, 81, var(--tw-border-opacity)); + .lg\:m-3\.5 { + margin: 0.875rem; } - .sm\:focus\:border-gray-800:focus { - --tw-border-opacity: 1; - border-color: rgba(31, 41, 55, var(--tw-border-opacity)); + .lg\:-m-0 { + margin: 0px; } - .sm\:focus\:border-gray-900:focus { - --tw-border-opacity: 1; - border-color: rgba(17, 24, 39, var(--tw-border-opacity)); + .lg\:-m-1 { + margin: -0.25rem; } - .sm\:focus\:border-red-50:focus { - --tw-border-opacity: 1; - border-color: rgba(254, 242, 242, var(--tw-border-opacity)); + .lg\:-m-2 { + margin: -0.5rem; } - .sm\:focus\:border-red-100:focus { - --tw-border-opacity: 1; - border-color: rgba(254, 226, 226, var(--tw-border-opacity)); + .lg\:-m-3 { + margin: -0.75rem; } - .sm\:focus\:border-red-200:focus { - --tw-border-opacity: 1; - border-color: rgba(254, 202, 202, var(--tw-border-opacity)); + .lg\:-m-4 { + margin: -1rem; } - .sm\:focus\:border-red-300:focus { - --tw-border-opacity: 1; - border-color: rgba(252, 165, 165, var(--tw-border-opacity)); + .lg\:-m-5 { + margin: -1.25rem; } - .sm\:focus\:border-red-400:focus { - --tw-border-opacity: 1; - border-color: rgba(248, 113, 113, var(--tw-border-opacity)); + .lg\:-m-6 { + margin: -1.5rem; } - .sm\:focus\:border-red-500:focus { - --tw-border-opacity: 1; - border-color: rgba(239, 68, 68, var(--tw-border-opacity)); + .lg\:-m-7 { + margin: -1.75rem; } - .sm\:focus\:border-red-600:focus { - --tw-border-opacity: 1; - border-color: rgba(220, 38, 38, var(--tw-border-opacity)); + .lg\:-m-8 { + margin: -2rem; } - .sm\:focus\:border-red-700:focus { - --tw-border-opacity: 1; - border-color: rgba(185, 28, 28, var(--tw-border-opacity)); + .lg\:-m-9 { + margin: -2.25rem; } - .sm\:focus\:border-red-800:focus { - --tw-border-opacity: 1; - border-color: rgba(153, 27, 27, var(--tw-border-opacity)); + .lg\:-m-10 { + margin: -2.5rem; } - .sm\:focus\:border-red-900:focus { - --tw-border-opacity: 1; - border-color: rgba(127, 29, 29, var(--tw-border-opacity)); + .lg\:-m-11 { + margin: -2.75rem; } - .sm\:focus\:border-yellow-50:focus { - --tw-border-opacity: 1; - border-color: rgba(255, 251, 235, var(--tw-border-opacity)); + .lg\:-m-12 { + margin: -3rem; } - .sm\:focus\:border-yellow-100:focus { - --tw-border-opacity: 1; - border-color: rgba(254, 243, 199, var(--tw-border-opacity)); + .lg\:-m-14 { + margin: -3.5rem; } - .sm\:focus\:border-yellow-200:focus { - --tw-border-opacity: 1; - border-color: rgba(253, 230, 138, var(--tw-border-opacity)); + .lg\:-m-16 { + margin: -4rem; } - .sm\:focus\:border-yellow-300:focus { - --tw-border-opacity: 1; - border-color: rgba(252, 211, 77, var(--tw-border-opacity)); + .lg\:-m-20 { + margin: -5rem; } - .sm\:focus\:border-yellow-400:focus { - --tw-border-opacity: 1; - border-color: rgba(251, 191, 36, var(--tw-border-opacity)); + .lg\:-m-24 { + margin: -6rem; } - .sm\:focus\:border-yellow-500:focus { - --tw-border-opacity: 1; - border-color: rgba(245, 158, 11, var(--tw-border-opacity)); + .lg\:-m-28 { + margin: -7rem; } - .sm\:focus\:border-yellow-600:focus { - --tw-border-opacity: 1; - border-color: rgba(217, 119, 6, var(--tw-border-opacity)); + .lg\:-m-32 { + margin: -8rem; } - .sm\:focus\:border-yellow-700:focus { - --tw-border-opacity: 1; - border-color: rgba(180, 83, 9, var(--tw-border-opacity)); + .lg\:-m-36 { + margin: -9rem; } - .sm\:focus\:border-yellow-800:focus { - --tw-border-opacity: 1; - border-color: rgba(146, 64, 14, var(--tw-border-opacity)); + .lg\:-m-40 { + margin: -10rem; } - .sm\:focus\:border-yellow-900:focus { - --tw-border-opacity: 1; - border-color: rgba(120, 53, 15, var(--tw-border-opacity)); + .lg\:-m-44 { + margin: -11rem; } - .sm\:focus\:border-green-50:focus { - --tw-border-opacity: 1; - border-color: rgba(236, 253, 245, var(--tw-border-opacity)); + .lg\:-m-48 { + margin: -12rem; } - .sm\:focus\:border-green-100:focus { - --tw-border-opacity: 1; - border-color: rgba(209, 250, 229, var(--tw-border-opacity)); + .lg\:-m-52 { + margin: -13rem; } - .sm\:focus\:border-green-200:focus { - --tw-border-opacity: 1; - border-color: rgba(167, 243, 208, var(--tw-border-opacity)); + .lg\:-m-56 { + margin: -14rem; } - .sm\:focus\:border-green-300:focus { - --tw-border-opacity: 1; - border-color: rgba(110, 231, 183, var(--tw-border-opacity)); + .lg\:-m-60 { + margin: -15rem; } - .sm\:focus\:border-green-400:focus { - --tw-border-opacity: 1; - border-color: rgba(52, 211, 153, var(--tw-border-opacity)); + .lg\:-m-64 { + margin: -16rem; } - .sm\:focus\:border-green-500:focus { - --tw-border-opacity: 1; - border-color: rgba(16, 185, 129, var(--tw-border-opacity)); + .lg\:-m-72 { + margin: -18rem; } - .sm\:focus\:border-green-600:focus { - --tw-border-opacity: 1; - border-color: rgba(5, 150, 105, var(--tw-border-opacity)); + .lg\:-m-80 { + margin: -20rem; } - .sm\:focus\:border-green-700:focus { - --tw-border-opacity: 1; - border-color: rgba(4, 120, 87, var(--tw-border-opacity)); + .lg\:-m-96 { + margin: -24rem; } - .sm\:focus\:border-green-800:focus { - --tw-border-opacity: 1; - border-color: rgba(6, 95, 70, var(--tw-border-opacity)); + .lg\:-m-px { + margin: -1px; } - .sm\:focus\:border-green-900:focus { - --tw-border-opacity: 1; - border-color: rgba(6, 78, 59, var(--tw-border-opacity)); + .lg\:-m-0\.5 { + margin: -0.125rem; } - .sm\:focus\:border-blue-50:focus { - --tw-border-opacity: 1; - border-color: rgba(239, 246, 255, var(--tw-border-opacity)); + .lg\:-m-1\.5 { + margin: -0.375rem; } - .sm\:focus\:border-blue-100:focus { - --tw-border-opacity: 1; - border-color: rgba(219, 234, 254, var(--tw-border-opacity)); + .lg\:-m-2\.5 { + margin: -0.625rem; } - .sm\:focus\:border-blue-200:focus { - --tw-border-opacity: 1; - border-color: rgba(191, 219, 254, var(--tw-border-opacity)); + .lg\:-m-3\.5 { + margin: -0.875rem; } - .sm\:focus\:border-blue-300:focus { - --tw-border-opacity: 1; - border-color: rgba(147, 197, 253, var(--tw-border-opacity)); + .lg\:mx-0 { + margin-left: 0px; + margin-right: 0px; } - .sm\:focus\:border-blue-400:focus { - --tw-border-opacity: 1; - border-color: rgba(96, 165, 250, var(--tw-border-opacity)); + .lg\:mx-1 { + margin-left: 0.25rem; + margin-right: 0.25rem; } - .sm\:focus\:border-blue-500:focus { - --tw-border-opacity: 1; - border-color: rgba(59, 130, 246, var(--tw-border-opacity)); + .lg\:mx-2 { + margin-left: 0.5rem; + margin-right: 0.5rem; } - .sm\:focus\:border-blue-600:focus { - --tw-border-opacity: 1; - border-color: rgba(37, 99, 235, var(--tw-border-opacity)); + .lg\:mx-3 { + margin-left: 0.75rem; + margin-right: 0.75rem; } - .sm\:focus\:border-blue-700:focus { - --tw-border-opacity: 1; - border-color: rgba(29, 78, 216, var(--tw-border-opacity)); + .lg\:mx-4 { + margin-left: 1rem; + margin-right: 1rem; } - .sm\:focus\:border-blue-800:focus { - --tw-border-opacity: 1; - border-color: rgba(30, 64, 175, var(--tw-border-opacity)); + .lg\:mx-5 { + margin-left: 1.25rem; + margin-right: 1.25rem; } - .sm\:focus\:border-blue-900:focus { - --tw-border-opacity: 1; - border-color: rgba(30, 58, 138, var(--tw-border-opacity)); + .lg\:mx-6 { + margin-left: 1.5rem; + margin-right: 1.5rem; } - .sm\:focus\:border-indigo-50:focus { - --tw-border-opacity: 1; - border-color: rgba(238, 242, 255, var(--tw-border-opacity)); + .lg\:mx-7 { + margin-left: 1.75rem; + margin-right: 1.75rem; } - .sm\:focus\:border-indigo-100:focus { - --tw-border-opacity: 1; - border-color: rgba(224, 231, 255, var(--tw-border-opacity)); + .lg\:mx-8 { + margin-left: 2rem; + margin-right: 2rem; } - .sm\:focus\:border-indigo-200:focus { - --tw-border-opacity: 1; - border-color: rgba(199, 210, 254, var(--tw-border-opacity)); + .lg\:mx-9 { + margin-left: 2.25rem; + margin-right: 2.25rem; } - .sm\:focus\:border-indigo-300:focus { - --tw-border-opacity: 1; - border-color: rgba(165, 180, 252, var(--tw-border-opacity)); + .lg\:mx-10 { + margin-left: 2.5rem; + margin-right: 2.5rem; } - .sm\:focus\:border-indigo-400:focus { - --tw-border-opacity: 1; - border-color: rgba(129, 140, 248, var(--tw-border-opacity)); + .lg\:mx-11 { + margin-left: 2.75rem; + margin-right: 2.75rem; } - .sm\:focus\:border-indigo-500:focus { - --tw-border-opacity: 1; - border-color: rgba(99, 102, 241, var(--tw-border-opacity)); + .lg\:mx-12 { + margin-left: 3rem; + margin-right: 3rem; } - .sm\:focus\:border-indigo-600:focus { - --tw-border-opacity: 1; - border-color: rgba(79, 70, 229, var(--tw-border-opacity)); + .lg\:mx-14 { + margin-left: 3.5rem; + margin-right: 3.5rem; } - .sm\:focus\:border-indigo-700:focus { - --tw-border-opacity: 1; - border-color: rgba(67, 56, 202, var(--tw-border-opacity)); + .lg\:mx-16 { + margin-left: 4rem; + margin-right: 4rem; } - .sm\:focus\:border-indigo-800:focus { - --tw-border-opacity: 1; - border-color: rgba(55, 48, 163, var(--tw-border-opacity)); + .lg\:mx-20 { + margin-left: 5rem; + margin-right: 5rem; } - .sm\:focus\:border-indigo-900:focus { - --tw-border-opacity: 1; - border-color: rgba(49, 46, 129, var(--tw-border-opacity)); + .lg\:mx-24 { + margin-left: 6rem; + margin-right: 6rem; } - .sm\:focus\:border-purple-50:focus { - --tw-border-opacity: 1; - border-color: rgba(245, 243, 255, var(--tw-border-opacity)); + .lg\:mx-28 { + margin-left: 7rem; + margin-right: 7rem; } - .sm\:focus\:border-purple-100:focus { - --tw-border-opacity: 1; - border-color: rgba(237, 233, 254, var(--tw-border-opacity)); + .lg\:mx-32 { + margin-left: 8rem; + margin-right: 8rem; } - .sm\:focus\:border-purple-200:focus { - --tw-border-opacity: 1; - border-color: rgba(221, 214, 254, var(--tw-border-opacity)); + .lg\:mx-36 { + margin-left: 9rem; + margin-right: 9rem; } - .sm\:focus\:border-purple-300:focus { - --tw-border-opacity: 1; - border-color: rgba(196, 181, 253, var(--tw-border-opacity)); + .lg\:mx-40 { + margin-left: 10rem; + margin-right: 10rem; } - .sm\:focus\:border-purple-400:focus { - --tw-border-opacity: 1; - border-color: rgba(167, 139, 250, var(--tw-border-opacity)); + .lg\:mx-44 { + margin-left: 11rem; + margin-right: 11rem; } - .sm\:focus\:border-purple-500:focus { - --tw-border-opacity: 1; - border-color: rgba(139, 92, 246, var(--tw-border-opacity)); + .lg\:mx-48 { + margin-left: 12rem; + margin-right: 12rem; } - .sm\:focus\:border-purple-600:focus { - --tw-border-opacity: 1; - border-color: rgba(124, 58, 237, var(--tw-border-opacity)); + .lg\:mx-52 { + margin-left: 13rem; + margin-right: 13rem; } - .sm\:focus\:border-purple-700:focus { - --tw-border-opacity: 1; - border-color: rgba(109, 40, 217, var(--tw-border-opacity)); + .lg\:mx-56 { + margin-left: 14rem; + margin-right: 14rem; } - .sm\:focus\:border-purple-800:focus { - --tw-border-opacity: 1; - border-color: rgba(91, 33, 182, var(--tw-border-opacity)); + .lg\:mx-60 { + margin-left: 15rem; + margin-right: 15rem; } - .sm\:focus\:border-purple-900:focus { - --tw-border-opacity: 1; - border-color: rgba(76, 29, 149, var(--tw-border-opacity)); + .lg\:mx-64 { + margin-left: 16rem; + margin-right: 16rem; } - .sm\:focus\:border-pink-50:focus { - --tw-border-opacity: 1; - border-color: rgba(253, 242, 248, var(--tw-border-opacity)); + .lg\:mx-72 { + margin-left: 18rem; + margin-right: 18rem; } - .sm\:focus\:border-pink-100:focus { - --tw-border-opacity: 1; - border-color: rgba(252, 231, 243, var(--tw-border-opacity)); + .lg\:mx-80 { + margin-left: 20rem; + margin-right: 20rem; } - .sm\:focus\:border-pink-200:focus { - --tw-border-opacity: 1; - border-color: rgba(251, 207, 232, var(--tw-border-opacity)); + .lg\:mx-96 { + margin-left: 24rem; + margin-right: 24rem; } - .sm\:focus\:border-pink-300:focus { - --tw-border-opacity: 1; - border-color: rgba(249, 168, 212, var(--tw-border-opacity)); + .lg\:mx-auto { + margin-left: auto; + margin-right: auto; } - .sm\:focus\:border-pink-400:focus { - --tw-border-opacity: 1; - border-color: rgba(244, 114, 182, var(--tw-border-opacity)); + .lg\:mx-px { + margin-left: 1px; + margin-right: 1px; } - .sm\:focus\:border-pink-500:focus { - --tw-border-opacity: 1; - border-color: rgba(236, 72, 153, var(--tw-border-opacity)); + .lg\:mx-0\.5 { + margin-left: 0.125rem; + margin-right: 0.125rem; } - .sm\:focus\:border-pink-600:focus { - --tw-border-opacity: 1; - border-color: rgba(219, 39, 119, var(--tw-border-opacity)); + .lg\:mx-1\.5 { + margin-left: 0.375rem; + margin-right: 0.375rem; } - .sm\:focus\:border-pink-700:focus { - --tw-border-opacity: 1; - border-color: rgba(190, 24, 93, var(--tw-border-opacity)); + .lg\:mx-2\.5 { + margin-left: 0.625rem; + margin-right: 0.625rem; } - .sm\:focus\:border-pink-800:focus { - --tw-border-opacity: 1; - border-color: rgba(157, 23, 77, var(--tw-border-opacity)); + .lg\:mx-3\.5 { + margin-left: 0.875rem; + margin-right: 0.875rem; } - .sm\:focus\:border-pink-900:focus { - --tw-border-opacity: 1; - border-color: rgba(131, 24, 67, var(--tw-border-opacity)); + .lg\:-mx-0 { + margin-left: 0px; + margin-right: 0px; } - .sm\:border-opacity-0 { - --tw-border-opacity: 0; + .lg\:-mx-1 { + margin-left: -0.25rem; + margin-right: -0.25rem; } - .sm\:border-opacity-5 { - --tw-border-opacity: 0.05; + .lg\:-mx-2 { + margin-left: -0.5rem; + margin-right: -0.5rem; } - .sm\:border-opacity-10 { - --tw-border-opacity: 0.1; + .lg\:-mx-3 { + margin-left: -0.75rem; + margin-right: -0.75rem; } - .sm\:border-opacity-20 { - --tw-border-opacity: 0.2; + .lg\:-mx-4 { + margin-left: -1rem; + margin-right: -1rem; } - .sm\:border-opacity-25 { - --tw-border-opacity: 0.25; + .lg\:-mx-5 { + margin-left: -1.25rem; + margin-right: -1.25rem; } - .sm\:border-opacity-30 { - --tw-border-opacity: 0.3; + .lg\:-mx-6 { + margin-left: -1.5rem; + margin-right: -1.5rem; } - .sm\:border-opacity-40 { - --tw-border-opacity: 0.4; + .lg\:-mx-7 { + margin-left: -1.75rem; + margin-right: -1.75rem; } - .sm\:border-opacity-50 { - --tw-border-opacity: 0.5; + .lg\:-mx-8 { + margin-left: -2rem; + margin-right: -2rem; } - .sm\:border-opacity-60 { - --tw-border-opacity: 0.6; + .lg\:-mx-9 { + margin-left: -2.25rem; + margin-right: -2.25rem; } - .sm\:border-opacity-70 { - --tw-border-opacity: 0.7; + .lg\:-mx-10 { + margin-left: -2.5rem; + margin-right: -2.5rem; } - .sm\:border-opacity-75 { - --tw-border-opacity: 0.75; + .lg\:-mx-11 { + margin-left: -2.75rem; + margin-right: -2.75rem; } - .sm\:border-opacity-80 { - --tw-border-opacity: 0.8; + .lg\:-mx-12 { + margin-left: -3rem; + margin-right: -3rem; } - .sm\:border-opacity-90 { - --tw-border-opacity: 0.9; + .lg\:-mx-14 { + margin-left: -3.5rem; + margin-right: -3.5rem; } - .sm\:border-opacity-95 { - --tw-border-opacity: 0.95; + .lg\:-mx-16 { + margin-left: -4rem; + margin-right: -4rem; } - .sm\:border-opacity-100 { - --tw-border-opacity: 1; + .lg\:-mx-20 { + margin-left: -5rem; + margin-right: -5rem; } - .group:hover .sm\:group-hover\:border-opacity-0 { - --tw-border-opacity: 0; + .lg\:-mx-24 { + margin-left: -6rem; + margin-right: -6rem; } - .group:hover .sm\:group-hover\:border-opacity-5 { - --tw-border-opacity: 0.05; + .lg\:-mx-28 { + margin-left: -7rem; + margin-right: -7rem; } - .group:hover .sm\:group-hover\:border-opacity-10 { - --tw-border-opacity: 0.1; + .lg\:-mx-32 { + margin-left: -8rem; + margin-right: -8rem; } - .group:hover .sm\:group-hover\:border-opacity-20 { - --tw-border-opacity: 0.2; + .lg\:-mx-36 { + margin-left: -9rem; + margin-right: -9rem; } - .group:hover .sm\:group-hover\:border-opacity-25 { - --tw-border-opacity: 0.25; + .lg\:-mx-40 { + margin-left: -10rem; + margin-right: -10rem; } - .group:hover .sm\:group-hover\:border-opacity-30 { - --tw-border-opacity: 0.3; + .lg\:-mx-44 { + margin-left: -11rem; + margin-right: -11rem; } - .group:hover .sm\:group-hover\:border-opacity-40 { - --tw-border-opacity: 0.4; + .lg\:-mx-48 { + margin-left: -12rem; + margin-right: -12rem; } - .group:hover .sm\:group-hover\:border-opacity-50 { - --tw-border-opacity: 0.5; + .lg\:-mx-52 { + margin-left: -13rem; + margin-right: -13rem; } - .group:hover .sm\:group-hover\:border-opacity-60 { - --tw-border-opacity: 0.6; + .lg\:-mx-56 { + margin-left: -14rem; + margin-right: -14rem; } - .group:hover .sm\:group-hover\:border-opacity-70 { - --tw-border-opacity: 0.7; + .lg\:-mx-60 { + margin-left: -15rem; + margin-right: -15rem; } - .group:hover .sm\:group-hover\:border-opacity-75 { - --tw-border-opacity: 0.75; + .lg\:-mx-64 { + margin-left: -16rem; + margin-right: -16rem; } - .group:hover .sm\:group-hover\:border-opacity-80 { - --tw-border-opacity: 0.8; + .lg\:-mx-72 { + margin-left: -18rem; + margin-right: -18rem; } - .group:hover .sm\:group-hover\:border-opacity-90 { - --tw-border-opacity: 0.9; + .lg\:-mx-80 { + margin-left: -20rem; + margin-right: -20rem; } - .group:hover .sm\:group-hover\:border-opacity-95 { - --tw-border-opacity: 0.95; + .lg\:-mx-96 { + margin-left: -24rem; + margin-right: -24rem; } - .group:hover .sm\:group-hover\:border-opacity-100 { - --tw-border-opacity: 1; + .lg\:-mx-px { + margin-left: -1px; + margin-right: -1px; } - .sm\:focus-within\:border-opacity-0:focus-within { - --tw-border-opacity: 0; + .lg\:-mx-0\.5 { + margin-left: -0.125rem; + margin-right: -0.125rem; } - .sm\:focus-within\:border-opacity-5:focus-within { - --tw-border-opacity: 0.05; + .lg\:-mx-1\.5 { + margin-left: -0.375rem; + margin-right: -0.375rem; } - .sm\:focus-within\:border-opacity-10:focus-within { - --tw-border-opacity: 0.1; + .lg\:-mx-2\.5 { + margin-left: -0.625rem; + margin-right: -0.625rem; } - .sm\:focus-within\:border-opacity-20:focus-within { - --tw-border-opacity: 0.2; + .lg\:-mx-3\.5 { + margin-left: -0.875rem; + margin-right: -0.875rem; } - .sm\:focus-within\:border-opacity-25:focus-within { - --tw-border-opacity: 0.25; + .lg\:my-0 { + margin-top: 0px; + margin-bottom: 0px; } - .sm\:focus-within\:border-opacity-30:focus-within { - --tw-border-opacity: 0.3; + .lg\:my-1 { + margin-top: 0.25rem; + margin-bottom: 0.25rem; } - .sm\:focus-within\:border-opacity-40:focus-within { - --tw-border-opacity: 0.4; + .lg\:my-2 { + margin-top: 0.5rem; + margin-bottom: 0.5rem; } - .sm\:focus-within\:border-opacity-50:focus-within { - --tw-border-opacity: 0.5; + .lg\:my-3 { + margin-top: 0.75rem; + margin-bottom: 0.75rem; } - .sm\:focus-within\:border-opacity-60:focus-within { - --tw-border-opacity: 0.6; + .lg\:my-4 { + margin-top: 1rem; + margin-bottom: 1rem; } - .sm\:focus-within\:border-opacity-70:focus-within { - --tw-border-opacity: 0.7; + .lg\:my-5 { + margin-top: 1.25rem; + margin-bottom: 1.25rem; } - .sm\:focus-within\:border-opacity-75:focus-within { - --tw-border-opacity: 0.75; + .lg\:my-6 { + margin-top: 1.5rem; + margin-bottom: 1.5rem; } - .sm\:focus-within\:border-opacity-80:focus-within { - --tw-border-opacity: 0.8; + .lg\:my-7 { + margin-top: 1.75rem; + margin-bottom: 1.75rem; } - .sm\:focus-within\:border-opacity-90:focus-within { - --tw-border-opacity: 0.9; + .lg\:my-8 { + margin-top: 2rem; + margin-bottom: 2rem; } - .sm\:focus-within\:border-opacity-95:focus-within { - --tw-border-opacity: 0.95; + .lg\:my-9 { + margin-top: 2.25rem; + margin-bottom: 2.25rem; } - .sm\:focus-within\:border-opacity-100:focus-within { - --tw-border-opacity: 1; + .lg\:my-10 { + margin-top: 2.5rem; + margin-bottom: 2.5rem; } - .sm\:hover\:border-opacity-0:hover { - --tw-border-opacity: 0; + .lg\:my-11 { + margin-top: 2.75rem; + margin-bottom: 2.75rem; } - .sm\:hover\:border-opacity-5:hover { - --tw-border-opacity: 0.05; + .lg\:my-12 { + margin-top: 3rem; + margin-bottom: 3rem; } - .sm\:hover\:border-opacity-10:hover { - --tw-border-opacity: 0.1; + .lg\:my-14 { + margin-top: 3.5rem; + margin-bottom: 3.5rem; } - .sm\:hover\:border-opacity-20:hover { - --tw-border-opacity: 0.2; + .lg\:my-16 { + margin-top: 4rem; + margin-bottom: 4rem; } - .sm\:hover\:border-opacity-25:hover { - --tw-border-opacity: 0.25; + .lg\:my-20 { + margin-top: 5rem; + margin-bottom: 5rem; } - .sm\:hover\:border-opacity-30:hover { - --tw-border-opacity: 0.3; + .lg\:my-24 { + margin-top: 6rem; + margin-bottom: 6rem; } - .sm\:hover\:border-opacity-40:hover { - --tw-border-opacity: 0.4; + .lg\:my-28 { + margin-top: 7rem; + margin-bottom: 7rem; } - .sm\:hover\:border-opacity-50:hover { - --tw-border-opacity: 0.5; + .lg\:my-32 { + margin-top: 8rem; + margin-bottom: 8rem; } - .sm\:hover\:border-opacity-60:hover { - --tw-border-opacity: 0.6; + .lg\:my-36 { + margin-top: 9rem; + margin-bottom: 9rem; } - .sm\:hover\:border-opacity-70:hover { - --tw-border-opacity: 0.7; + .lg\:my-40 { + margin-top: 10rem; + margin-bottom: 10rem; } - .sm\:hover\:border-opacity-75:hover { - --tw-border-opacity: 0.75; + .lg\:my-44 { + margin-top: 11rem; + margin-bottom: 11rem; } - .sm\:hover\:border-opacity-80:hover { - --tw-border-opacity: 0.8; + .lg\:my-48 { + margin-top: 12rem; + margin-bottom: 12rem; } - .sm\:hover\:border-opacity-90:hover { - --tw-border-opacity: 0.9; + .lg\:my-52 { + margin-top: 13rem; + margin-bottom: 13rem; } - .sm\:hover\:border-opacity-95:hover { - --tw-border-opacity: 0.95; + .lg\:my-56 { + margin-top: 14rem; + margin-bottom: 14rem; } - .sm\:hover\:border-opacity-100:hover { - --tw-border-opacity: 1; + .lg\:my-60 { + margin-top: 15rem; + margin-bottom: 15rem; } - .sm\:focus\:border-opacity-0:focus { - --tw-border-opacity: 0; + .lg\:my-64 { + margin-top: 16rem; + margin-bottom: 16rem; } - .sm\:focus\:border-opacity-5:focus { - --tw-border-opacity: 0.05; + .lg\:my-72 { + margin-top: 18rem; + margin-bottom: 18rem; } - .sm\:focus\:border-opacity-10:focus { - --tw-border-opacity: 0.1; + .lg\:my-80 { + margin-top: 20rem; + margin-bottom: 20rem; } - .sm\:focus\:border-opacity-20:focus { - --tw-border-opacity: 0.2; + .lg\:my-96 { + margin-top: 24rem; + margin-bottom: 24rem; } - .sm\:focus\:border-opacity-25:focus { - --tw-border-opacity: 0.25; + .lg\:my-auto { + margin-top: auto; + margin-bottom: auto; } - .sm\:focus\:border-opacity-30:focus { - --tw-border-opacity: 0.3; + .lg\:my-px { + margin-top: 1px; + margin-bottom: 1px; } - .sm\:focus\:border-opacity-40:focus { - --tw-border-opacity: 0.4; + .lg\:my-0\.5 { + margin-top: 0.125rem; + margin-bottom: 0.125rem; } - .sm\:focus\:border-opacity-50:focus { - --tw-border-opacity: 0.5; + .lg\:my-1\.5 { + margin-top: 0.375rem; + margin-bottom: 0.375rem; } - .sm\:focus\:border-opacity-60:focus { - --tw-border-opacity: 0.6; + .lg\:my-2\.5 { + margin-top: 0.625rem; + margin-bottom: 0.625rem; } - .sm\:focus\:border-opacity-70:focus { - --tw-border-opacity: 0.7; + .lg\:my-3\.5 { + margin-top: 0.875rem; + margin-bottom: 0.875rem; } - .sm\:focus\:border-opacity-75:focus { - --tw-border-opacity: 0.75; + .lg\:-my-0 { + margin-top: 0px; + margin-bottom: 0px; } - .sm\:focus\:border-opacity-80:focus { - --tw-border-opacity: 0.8; + .lg\:-my-1 { + margin-top: -0.25rem; + margin-bottom: -0.25rem; } - .sm\:focus\:border-opacity-90:focus { - --tw-border-opacity: 0.9; + .lg\:-my-2 { + margin-top: -0.5rem; + margin-bottom: -0.5rem; } - .sm\:focus\:border-opacity-95:focus { - --tw-border-opacity: 0.95; + .lg\:-my-3 { + margin-top: -0.75rem; + margin-bottom: -0.75rem; } - .sm\:focus\:border-opacity-100:focus { - --tw-border-opacity: 1; + .lg\:-my-4 { + margin-top: -1rem; + margin-bottom: -1rem; } - .sm\:bg-transparent { - background-color: transparent; + .lg\:-my-5 { + margin-top: -1.25rem; + margin-bottom: -1.25rem; } - .sm\:bg-current { - background-color: currentColor; + .lg\:-my-6 { + margin-top: -1.5rem; + margin-bottom: -1.5rem; } - .sm\:bg-black { - --tw-bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--tw-bg-opacity)); + .lg\:-my-7 { + margin-top: -1.75rem; + margin-bottom: -1.75rem; } - .sm\:bg-white { - --tw-bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); + .lg\:-my-8 { + margin-top: -2rem; + margin-bottom: -2rem; } - .sm\:bg-gray-50 { - --tw-bg-opacity: 1; - background-color: rgba(249, 250, 251, var(--tw-bg-opacity)); + .lg\:-my-9 { + margin-top: -2.25rem; + margin-bottom: -2.25rem; } - .sm\:bg-gray-100 { - --tw-bg-opacity: 1; - background-color: rgba(243, 244, 246, var(--tw-bg-opacity)); + .lg\:-my-10 { + margin-top: -2.5rem; + margin-bottom: -2.5rem; } - .sm\:bg-gray-200 { - --tw-bg-opacity: 1; - background-color: rgba(229, 231, 235, var(--tw-bg-opacity)); + .lg\:-my-11 { + margin-top: -2.75rem; + margin-bottom: -2.75rem; } - .sm\:bg-gray-300 { - --tw-bg-opacity: 1; - background-color: rgba(209, 213, 219, var(--tw-bg-opacity)); + .lg\:-my-12 { + margin-top: -3rem; + margin-bottom: -3rem; } - .sm\:bg-gray-400 { - --tw-bg-opacity: 1; - background-color: rgba(156, 163, 175, var(--tw-bg-opacity)); + .lg\:-my-14 { + margin-top: -3.5rem; + margin-bottom: -3.5rem; } - .sm\:bg-gray-500 { - --tw-bg-opacity: 1; - background-color: rgba(107, 114, 128, var(--tw-bg-opacity)); + .lg\:-my-16 { + margin-top: -4rem; + margin-bottom: -4rem; } - .sm\:bg-gray-600 { - --tw-bg-opacity: 1; - background-color: rgba(75, 85, 99, var(--tw-bg-opacity)); + .lg\:-my-20 { + margin-top: -5rem; + margin-bottom: -5rem; } - .sm\:bg-gray-700 { - --tw-bg-opacity: 1; - background-color: rgba(55, 65, 81, var(--tw-bg-opacity)); + .lg\:-my-24 { + margin-top: -6rem; + margin-bottom: -6rem; } - .sm\:bg-gray-800 { - --tw-bg-opacity: 1; - background-color: rgba(31, 41, 55, var(--tw-bg-opacity)); + .lg\:-my-28 { + margin-top: -7rem; + margin-bottom: -7rem; } - .sm\:bg-gray-900 { - --tw-bg-opacity: 1; - background-color: rgba(17, 24, 39, var(--tw-bg-opacity)); + .lg\:-my-32 { + margin-top: -8rem; + margin-bottom: -8rem; } - .sm\:bg-red-50 { - --tw-bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--tw-bg-opacity)); + .lg\:-my-36 { + margin-top: -9rem; + margin-bottom: -9rem; } - .sm\:bg-red-100 { - --tw-bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--tw-bg-opacity)); + .lg\:-my-40 { + margin-top: -10rem; + margin-bottom: -10rem; } - .sm\:bg-red-200 { - --tw-bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--tw-bg-opacity)); + .lg\:-my-44 { + margin-top: -11rem; + margin-bottom: -11rem; } - .sm\:bg-red-300 { - --tw-bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--tw-bg-opacity)); + .lg\:-my-48 { + margin-top: -12rem; + margin-bottom: -12rem; } - .sm\:bg-red-400 { - --tw-bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--tw-bg-opacity)); + .lg\:-my-52 { + margin-top: -13rem; + margin-bottom: -13rem; } - .sm\:bg-red-500 { - --tw-bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--tw-bg-opacity)); + .lg\:-my-56 { + margin-top: -14rem; + margin-bottom: -14rem; } - .sm\:bg-red-600 { - --tw-bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--tw-bg-opacity)); + .lg\:-my-60 { + margin-top: -15rem; + margin-bottom: -15rem; } - .sm\:bg-red-700 { - --tw-bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--tw-bg-opacity)); + .lg\:-my-64 { + margin-top: -16rem; + margin-bottom: -16rem; } - .sm\:bg-red-800 { - --tw-bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--tw-bg-opacity)); + .lg\:-my-72 { + margin-top: -18rem; + margin-bottom: -18rem; } - .sm\:bg-red-900 { - --tw-bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--tw-bg-opacity)); + .lg\:-my-80 { + margin-top: -20rem; + margin-bottom: -20rem; } - .sm\:bg-yellow-50 { - --tw-bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--tw-bg-opacity)); + .lg\:-my-96 { + margin-top: -24rem; + margin-bottom: -24rem; } - .sm\:bg-yellow-100 { - --tw-bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--tw-bg-opacity)); + .lg\:-my-px { + margin-top: -1px; + margin-bottom: -1px; } - .sm\:bg-yellow-200 { - --tw-bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--tw-bg-opacity)); + .lg\:-my-0\.5 { + margin-top: -0.125rem; + margin-bottom: -0.125rem; } - .sm\:bg-yellow-300 { - --tw-bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--tw-bg-opacity)); + .lg\:-my-1\.5 { + margin-top: -0.375rem; + margin-bottom: -0.375rem; } - .sm\:bg-yellow-400 { - --tw-bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--tw-bg-opacity)); + .lg\:-my-2\.5 { + margin-top: -0.625rem; + margin-bottom: -0.625rem; } - .sm\:bg-yellow-500 { - --tw-bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--tw-bg-opacity)); + .lg\:-my-3\.5 { + margin-top: -0.875rem; + margin-bottom: -0.875rem; } - .sm\:bg-yellow-600 { - --tw-bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--tw-bg-opacity)); + .lg\:mt-0 { + margin-top: 0px; } - .sm\:bg-yellow-700 { - --tw-bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--tw-bg-opacity)); + .lg\:mt-1 { + margin-top: 0.25rem; } - .sm\:bg-yellow-800 { - --tw-bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--tw-bg-opacity)); + .lg\:mt-2 { + margin-top: 0.5rem; } - .sm\:bg-yellow-900 { - --tw-bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--tw-bg-opacity)); + .lg\:mt-3 { + margin-top: 0.75rem; } - .sm\:bg-green-50 { - --tw-bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--tw-bg-opacity)); + .lg\:mt-4 { + margin-top: 1rem; } - .sm\:bg-green-100 { - --tw-bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--tw-bg-opacity)); + .lg\:mt-5 { + margin-top: 1.25rem; } - .sm\:bg-green-200 { - --tw-bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--tw-bg-opacity)); + .lg\:mt-6 { + margin-top: 1.5rem; } - .sm\:bg-green-300 { - --tw-bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--tw-bg-opacity)); + .lg\:mt-7 { + margin-top: 1.75rem; } - .sm\:bg-green-400 { - --tw-bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--tw-bg-opacity)); + .lg\:mt-8 { + margin-top: 2rem; } - .sm\:bg-green-500 { - --tw-bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--tw-bg-opacity)); + .lg\:mt-9 { + margin-top: 2.25rem; } - .sm\:bg-green-600 { - --tw-bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--tw-bg-opacity)); + .lg\:mt-10 { + margin-top: 2.5rem; } - .sm\:bg-green-700 { - --tw-bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--tw-bg-opacity)); + .lg\:mt-11 { + margin-top: 2.75rem; } - .sm\:bg-green-800 { - --tw-bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--tw-bg-opacity)); + .lg\:mt-12 { + margin-top: 3rem; } - .sm\:bg-green-900 { - --tw-bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--tw-bg-opacity)); + .lg\:mt-14 { + margin-top: 3.5rem; } - .sm\:bg-blue-50 { - --tw-bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--tw-bg-opacity)); + .lg\:mt-16 { + margin-top: 4rem; } - .sm\:bg-blue-100 { - --tw-bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--tw-bg-opacity)); + .lg\:mt-20 { + margin-top: 5rem; } - .sm\:bg-blue-200 { - --tw-bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--tw-bg-opacity)); + .lg\:mt-24 { + margin-top: 6rem; } - .sm\:bg-blue-300 { - --tw-bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--tw-bg-opacity)); + .lg\:mt-28 { + margin-top: 7rem; } - .sm\:bg-blue-400 { - --tw-bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--tw-bg-opacity)); + .lg\:mt-32 { + margin-top: 8rem; } - .sm\:bg-blue-500 { - --tw-bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--tw-bg-opacity)); + .lg\:mt-36 { + margin-top: 9rem; } - .sm\:bg-blue-600 { - --tw-bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--tw-bg-opacity)); + .lg\:mt-40 { + margin-top: 10rem; } - .sm\:bg-blue-700 { - --tw-bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--tw-bg-opacity)); + .lg\:mt-44 { + margin-top: 11rem; } - .sm\:bg-blue-800 { - --tw-bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--tw-bg-opacity)); + .lg\:mt-48 { + margin-top: 12rem; } - .sm\:bg-blue-900 { - --tw-bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--tw-bg-opacity)); + .lg\:mt-52 { + margin-top: 13rem; } - .sm\:bg-indigo-50 { - --tw-bg-opacity: 1; - background-color: rgba(238, 242, 255, var(--tw-bg-opacity)); + .lg\:mt-56 { + margin-top: 14rem; } - .sm\:bg-indigo-100 { - --tw-bg-opacity: 1; - background-color: rgba(224, 231, 255, var(--tw-bg-opacity)); + .lg\:mt-60 { + margin-top: 15rem; } - .sm\:bg-indigo-200 { - --tw-bg-opacity: 1; - background-color: rgba(199, 210, 254, var(--tw-bg-opacity)); + .lg\:mt-64 { + margin-top: 16rem; } - .sm\:bg-indigo-300 { - --tw-bg-opacity: 1; - background-color: rgba(165, 180, 252, var(--tw-bg-opacity)); + .lg\:mt-72 { + margin-top: 18rem; } - .sm\:bg-indigo-400 { - --tw-bg-opacity: 1; - background-color: rgba(129, 140, 248, var(--tw-bg-opacity)); + .lg\:mt-80 { + margin-top: 20rem; } - .sm\:bg-indigo-500 { - --tw-bg-opacity: 1; - background-color: rgba(99, 102, 241, var(--tw-bg-opacity)); + .lg\:mt-96 { + margin-top: 24rem; } - .sm\:bg-indigo-600 { - --tw-bg-opacity: 1; - background-color: rgba(79, 70, 229, var(--tw-bg-opacity)); + .lg\:mt-auto { + margin-top: auto; } - .sm\:bg-indigo-700 { - --tw-bg-opacity: 1; - background-color: rgba(67, 56, 202, var(--tw-bg-opacity)); + .lg\:mt-px { + margin-top: 1px; } - .sm\:bg-indigo-800 { - --tw-bg-opacity: 1; - background-color: rgba(55, 48, 163, var(--tw-bg-opacity)); + .lg\:mt-0\.5 { + margin-top: 0.125rem; } - .sm\:bg-indigo-900 { - --tw-bg-opacity: 1; - background-color: rgba(49, 46, 129, var(--tw-bg-opacity)); + .lg\:mt-1\.5 { + margin-top: 0.375rem; } - .sm\:bg-purple-50 { - --tw-bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--tw-bg-opacity)); + .lg\:mt-2\.5 { + margin-top: 0.625rem; } - .sm\:bg-purple-100 { - --tw-bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--tw-bg-opacity)); + .lg\:mt-3\.5 { + margin-top: 0.875rem; } - .sm\:bg-purple-200 { - --tw-bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--tw-bg-opacity)); + .lg\:-mt-0 { + margin-top: 0px; } - .sm\:bg-purple-300 { - --tw-bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--tw-bg-opacity)); + .lg\:-mt-1 { + margin-top: -0.25rem; } - .sm\:bg-purple-400 { - --tw-bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--tw-bg-opacity)); + .lg\:-mt-2 { + margin-top: -0.5rem; } - .sm\:bg-purple-500 { - --tw-bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--tw-bg-opacity)); + .lg\:-mt-3 { + margin-top: -0.75rem; } - .sm\:bg-purple-600 { - --tw-bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--tw-bg-opacity)); + .lg\:-mt-4 { + margin-top: -1rem; } - .sm\:bg-purple-700 { - --tw-bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--tw-bg-opacity)); + .lg\:-mt-5 { + margin-top: -1.25rem; } - .sm\:bg-purple-800 { - --tw-bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--tw-bg-opacity)); + .lg\:-mt-6 { + margin-top: -1.5rem; } - .sm\:bg-purple-900 { - --tw-bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--tw-bg-opacity)); + .lg\:-mt-7 { + margin-top: -1.75rem; } - .sm\:bg-pink-50 { - --tw-bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--tw-bg-opacity)); + .lg\:-mt-8 { + margin-top: -2rem; } - .sm\:bg-pink-100 { - --tw-bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--tw-bg-opacity)); + .lg\:-mt-9 { + margin-top: -2.25rem; } - .sm\:bg-pink-200 { - --tw-bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--tw-bg-opacity)); + .lg\:-mt-10 { + margin-top: -2.5rem; } - .sm\:bg-pink-300 { - --tw-bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--tw-bg-opacity)); + .lg\:-mt-11 { + margin-top: -2.75rem; } - .sm\:bg-pink-400 { - --tw-bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--tw-bg-opacity)); + .lg\:-mt-12 { + margin-top: -3rem; } - .sm\:bg-pink-500 { - --tw-bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--tw-bg-opacity)); + .lg\:-mt-14 { + margin-top: -3.5rem; } - .sm\:bg-pink-600 { - --tw-bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--tw-bg-opacity)); + .lg\:-mt-16 { + margin-top: -4rem; } - .sm\:bg-pink-700 { - --tw-bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--tw-bg-opacity)); + .lg\:-mt-20 { + margin-top: -5rem; } - .sm\:bg-pink-800 { - --tw-bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--tw-bg-opacity)); + .lg\:-mt-24 { + margin-top: -6rem; } - .sm\:bg-pink-900 { - --tw-bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--tw-bg-opacity)); + .lg\:-mt-28 { + margin-top: -7rem; } - .group:hover .sm\:group-hover\:bg-transparent { - background-color: transparent; + .lg\:-mt-32 { + margin-top: -8rem; } - .group:hover .sm\:group-hover\:bg-current { - background-color: currentColor; + .lg\:-mt-36 { + margin-top: -9rem; } - .group:hover .sm\:group-hover\:bg-black { - --tw-bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--tw-bg-opacity)); + .lg\:-mt-40 { + margin-top: -10rem; } - .group:hover .sm\:group-hover\:bg-white { - --tw-bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); + .lg\:-mt-44 { + margin-top: -11rem; } - .group:hover .sm\:group-hover\:bg-gray-50 { - --tw-bg-opacity: 1; - background-color: rgba(249, 250, 251, var(--tw-bg-opacity)); + .lg\:-mt-48 { + margin-top: -12rem; } - .group:hover .sm\:group-hover\:bg-gray-100 { - --tw-bg-opacity: 1; - background-color: rgba(243, 244, 246, var(--tw-bg-opacity)); + .lg\:-mt-52 { + margin-top: -13rem; } - .group:hover .sm\:group-hover\:bg-gray-200 { - --tw-bg-opacity: 1; - background-color: rgba(229, 231, 235, var(--tw-bg-opacity)); + .lg\:-mt-56 { + margin-top: -14rem; } - .group:hover .sm\:group-hover\:bg-gray-300 { - --tw-bg-opacity: 1; - background-color: rgba(209, 213, 219, var(--tw-bg-opacity)); + .lg\:-mt-60 { + margin-top: -15rem; } - .group:hover .sm\:group-hover\:bg-gray-400 { - --tw-bg-opacity: 1; - background-color: rgba(156, 163, 175, var(--tw-bg-opacity)); + .lg\:-mt-64 { + margin-top: -16rem; } - .group:hover .sm\:group-hover\:bg-gray-500 { - --tw-bg-opacity: 1; - background-color: rgba(107, 114, 128, var(--tw-bg-opacity)); + .lg\:-mt-72 { + margin-top: -18rem; } - .group:hover .sm\:group-hover\:bg-gray-600 { - --tw-bg-opacity: 1; - background-color: rgba(75, 85, 99, var(--tw-bg-opacity)); + .lg\:-mt-80 { + margin-top: -20rem; } - .group:hover .sm\:group-hover\:bg-gray-700 { - --tw-bg-opacity: 1; - background-color: rgba(55, 65, 81, var(--tw-bg-opacity)); + .lg\:-mt-96 { + margin-top: -24rem; } - .group:hover .sm\:group-hover\:bg-gray-800 { - --tw-bg-opacity: 1; - background-color: rgba(31, 41, 55, var(--tw-bg-opacity)); + .lg\:-mt-px { + margin-top: -1px; } - .group:hover .sm\:group-hover\:bg-gray-900 { - --tw-bg-opacity: 1; - background-color: rgba(17, 24, 39, var(--tw-bg-opacity)); + .lg\:-mt-0\.5 { + margin-top: -0.125rem; } - .group:hover .sm\:group-hover\:bg-red-50 { - --tw-bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--tw-bg-opacity)); + .lg\:-mt-1\.5 { + margin-top: -0.375rem; } - .group:hover .sm\:group-hover\:bg-red-100 { - --tw-bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--tw-bg-opacity)); + .lg\:-mt-2\.5 { + margin-top: -0.625rem; } - .group:hover .sm\:group-hover\:bg-red-200 { - --tw-bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--tw-bg-opacity)); + .lg\:-mt-3\.5 { + margin-top: -0.875rem; } - .group:hover .sm\:group-hover\:bg-red-300 { - --tw-bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--tw-bg-opacity)); + .lg\:mr-0 { + margin-right: 0px; } - .group:hover .sm\:group-hover\:bg-red-400 { - --tw-bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--tw-bg-opacity)); + .lg\:mr-1 { + margin-right: 0.25rem; } - .group:hover .sm\:group-hover\:bg-red-500 { - --tw-bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--tw-bg-opacity)); + .lg\:mr-2 { + margin-right: 0.5rem; } - .group:hover .sm\:group-hover\:bg-red-600 { - --tw-bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--tw-bg-opacity)); + .lg\:mr-3 { + margin-right: 0.75rem; } - .group:hover .sm\:group-hover\:bg-red-700 { - --tw-bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--tw-bg-opacity)); + .lg\:mr-4 { + margin-right: 1rem; } - .group:hover .sm\:group-hover\:bg-red-800 { - --tw-bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--tw-bg-opacity)); + .lg\:mr-5 { + margin-right: 1.25rem; } - .group:hover .sm\:group-hover\:bg-red-900 { - --tw-bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--tw-bg-opacity)); + .lg\:mr-6 { + margin-right: 1.5rem; } - .group:hover .sm\:group-hover\:bg-yellow-50 { - --tw-bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--tw-bg-opacity)); + .lg\:mr-7 { + margin-right: 1.75rem; } - .group:hover .sm\:group-hover\:bg-yellow-100 { - --tw-bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--tw-bg-opacity)); + .lg\:mr-8 { + margin-right: 2rem; } - .group:hover .sm\:group-hover\:bg-yellow-200 { - --tw-bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--tw-bg-opacity)); + .lg\:mr-9 { + margin-right: 2.25rem; } - .group:hover .sm\:group-hover\:bg-yellow-300 { - --tw-bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--tw-bg-opacity)); + .lg\:mr-10 { + margin-right: 2.5rem; } - .group:hover .sm\:group-hover\:bg-yellow-400 { - --tw-bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--tw-bg-opacity)); + .lg\:mr-11 { + margin-right: 2.75rem; } - .group:hover .sm\:group-hover\:bg-yellow-500 { - --tw-bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--tw-bg-opacity)); + .lg\:mr-12 { + margin-right: 3rem; } - .group:hover .sm\:group-hover\:bg-yellow-600 { - --tw-bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--tw-bg-opacity)); + .lg\:mr-14 { + margin-right: 3.5rem; } - .group:hover .sm\:group-hover\:bg-yellow-700 { - --tw-bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--tw-bg-opacity)); + .lg\:mr-16 { + margin-right: 4rem; } - .group:hover .sm\:group-hover\:bg-yellow-800 { - --tw-bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--tw-bg-opacity)); + .lg\:mr-20 { + margin-right: 5rem; } - .group:hover .sm\:group-hover\:bg-yellow-900 { - --tw-bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--tw-bg-opacity)); + .lg\:mr-24 { + margin-right: 6rem; } - .group:hover .sm\:group-hover\:bg-green-50 { - --tw-bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--tw-bg-opacity)); + .lg\:mr-28 { + margin-right: 7rem; } - .group:hover .sm\:group-hover\:bg-green-100 { - --tw-bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--tw-bg-opacity)); + .lg\:mr-32 { + margin-right: 8rem; } - .group:hover .sm\:group-hover\:bg-green-200 { - --tw-bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--tw-bg-opacity)); + .lg\:mr-36 { + margin-right: 9rem; } - .group:hover .sm\:group-hover\:bg-green-300 { - --tw-bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--tw-bg-opacity)); + .lg\:mr-40 { + margin-right: 10rem; } - .group:hover .sm\:group-hover\:bg-green-400 { - --tw-bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--tw-bg-opacity)); + .lg\:mr-44 { + margin-right: 11rem; } - .group:hover .sm\:group-hover\:bg-green-500 { - --tw-bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--tw-bg-opacity)); + .lg\:mr-48 { + margin-right: 12rem; } - .group:hover .sm\:group-hover\:bg-green-600 { - --tw-bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--tw-bg-opacity)); + .lg\:mr-52 { + margin-right: 13rem; } - .group:hover .sm\:group-hover\:bg-green-700 { - --tw-bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--tw-bg-opacity)); + .lg\:mr-56 { + margin-right: 14rem; } - .group:hover .sm\:group-hover\:bg-green-800 { - --tw-bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--tw-bg-opacity)); + .lg\:mr-60 { + margin-right: 15rem; } - .group:hover .sm\:group-hover\:bg-green-900 { - --tw-bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--tw-bg-opacity)); + .lg\:mr-64 { + margin-right: 16rem; } - .group:hover .sm\:group-hover\:bg-blue-50 { - --tw-bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--tw-bg-opacity)); + .lg\:mr-72 { + margin-right: 18rem; } - .group:hover .sm\:group-hover\:bg-blue-100 { - --tw-bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--tw-bg-opacity)); + .lg\:mr-80 { + margin-right: 20rem; } - .group:hover .sm\:group-hover\:bg-blue-200 { - --tw-bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--tw-bg-opacity)); + .lg\:mr-96 { + margin-right: 24rem; } - .group:hover .sm\:group-hover\:bg-blue-300 { - --tw-bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--tw-bg-opacity)); + .lg\:mr-auto { + margin-right: auto; } - .group:hover .sm\:group-hover\:bg-blue-400 { - --tw-bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--tw-bg-opacity)); + .lg\:mr-px { + margin-right: 1px; } - .group:hover .sm\:group-hover\:bg-blue-500 { - --tw-bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--tw-bg-opacity)); + .lg\:mr-0\.5 { + margin-right: 0.125rem; } - .group:hover .sm\:group-hover\:bg-blue-600 { - --tw-bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--tw-bg-opacity)); + .lg\:mr-1\.5 { + margin-right: 0.375rem; } - .group:hover .sm\:group-hover\:bg-blue-700 { - --tw-bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--tw-bg-opacity)); + .lg\:mr-2\.5 { + margin-right: 0.625rem; } - .group:hover .sm\:group-hover\:bg-blue-800 { - --tw-bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--tw-bg-opacity)); + .lg\:mr-3\.5 { + margin-right: 0.875rem; } - .group:hover .sm\:group-hover\:bg-blue-900 { - --tw-bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--tw-bg-opacity)); + .lg\:-mr-0 { + margin-right: 0px; } - .group:hover .sm\:group-hover\:bg-indigo-50 { - --tw-bg-opacity: 1; - background-color: rgba(238, 242, 255, var(--tw-bg-opacity)); + .lg\:-mr-1 { + margin-right: -0.25rem; } - .group:hover .sm\:group-hover\:bg-indigo-100 { - --tw-bg-opacity: 1; - background-color: rgba(224, 231, 255, var(--tw-bg-opacity)); + .lg\:-mr-2 { + margin-right: -0.5rem; } - .group:hover .sm\:group-hover\:bg-indigo-200 { - --tw-bg-opacity: 1; - background-color: rgba(199, 210, 254, var(--tw-bg-opacity)); + .lg\:-mr-3 { + margin-right: -0.75rem; } - .group:hover .sm\:group-hover\:bg-indigo-300 { - --tw-bg-opacity: 1; - background-color: rgba(165, 180, 252, var(--tw-bg-opacity)); + .lg\:-mr-4 { + margin-right: -1rem; } - .group:hover .sm\:group-hover\:bg-indigo-400 { - --tw-bg-opacity: 1; - background-color: rgba(129, 140, 248, var(--tw-bg-opacity)); + .lg\:-mr-5 { + margin-right: -1.25rem; } - .group:hover .sm\:group-hover\:bg-indigo-500 { - --tw-bg-opacity: 1; - background-color: rgba(99, 102, 241, var(--tw-bg-opacity)); + .lg\:-mr-6 { + margin-right: -1.5rem; } - .group:hover .sm\:group-hover\:bg-indigo-600 { - --tw-bg-opacity: 1; - background-color: rgba(79, 70, 229, var(--tw-bg-opacity)); + .lg\:-mr-7 { + margin-right: -1.75rem; } - .group:hover .sm\:group-hover\:bg-indigo-700 { - --tw-bg-opacity: 1; - background-color: rgba(67, 56, 202, var(--tw-bg-opacity)); + .lg\:-mr-8 { + margin-right: -2rem; } - .group:hover .sm\:group-hover\:bg-indigo-800 { - --tw-bg-opacity: 1; - background-color: rgba(55, 48, 163, var(--tw-bg-opacity)); + .lg\:-mr-9 { + margin-right: -2.25rem; } - .group:hover .sm\:group-hover\:bg-indigo-900 { - --tw-bg-opacity: 1; - background-color: rgba(49, 46, 129, var(--tw-bg-opacity)); + .lg\:-mr-10 { + margin-right: -2.5rem; } - .group:hover .sm\:group-hover\:bg-purple-50 { - --tw-bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--tw-bg-opacity)); + .lg\:-mr-11 { + margin-right: -2.75rem; } - .group:hover .sm\:group-hover\:bg-purple-100 { - --tw-bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--tw-bg-opacity)); + .lg\:-mr-12 { + margin-right: -3rem; } - .group:hover .sm\:group-hover\:bg-purple-200 { - --tw-bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--tw-bg-opacity)); + .lg\:-mr-14 { + margin-right: -3.5rem; } - .group:hover .sm\:group-hover\:bg-purple-300 { - --tw-bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--tw-bg-opacity)); + .lg\:-mr-16 { + margin-right: -4rem; } - .group:hover .sm\:group-hover\:bg-purple-400 { - --tw-bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--tw-bg-opacity)); + .lg\:-mr-20 { + margin-right: -5rem; } - .group:hover .sm\:group-hover\:bg-purple-500 { - --tw-bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--tw-bg-opacity)); + .lg\:-mr-24 { + margin-right: -6rem; } - .group:hover .sm\:group-hover\:bg-purple-600 { - --tw-bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--tw-bg-opacity)); + .lg\:-mr-28 { + margin-right: -7rem; } - .group:hover .sm\:group-hover\:bg-purple-700 { - --tw-bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--tw-bg-opacity)); + .lg\:-mr-32 { + margin-right: -8rem; } - .group:hover .sm\:group-hover\:bg-purple-800 { - --tw-bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--tw-bg-opacity)); + .lg\:-mr-36 { + margin-right: -9rem; } - .group:hover .sm\:group-hover\:bg-purple-900 { - --tw-bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--tw-bg-opacity)); + .lg\:-mr-40 { + margin-right: -10rem; } - .group:hover .sm\:group-hover\:bg-pink-50 { - --tw-bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--tw-bg-opacity)); + .lg\:-mr-44 { + margin-right: -11rem; } - .group:hover .sm\:group-hover\:bg-pink-100 { - --tw-bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--tw-bg-opacity)); + .lg\:-mr-48 { + margin-right: -12rem; } - .group:hover .sm\:group-hover\:bg-pink-200 { - --tw-bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--tw-bg-opacity)); + .lg\:-mr-52 { + margin-right: -13rem; } - .group:hover .sm\:group-hover\:bg-pink-300 { - --tw-bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--tw-bg-opacity)); + .lg\:-mr-56 { + margin-right: -14rem; } - .group:hover .sm\:group-hover\:bg-pink-400 { - --tw-bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--tw-bg-opacity)); + .lg\:-mr-60 { + margin-right: -15rem; } - .group:hover .sm\:group-hover\:bg-pink-500 { - --tw-bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--tw-bg-opacity)); + .lg\:-mr-64 { + margin-right: -16rem; } - .group:hover .sm\:group-hover\:bg-pink-600 { - --tw-bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--tw-bg-opacity)); + .lg\:-mr-72 { + margin-right: -18rem; } - .group:hover .sm\:group-hover\:bg-pink-700 { - --tw-bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--tw-bg-opacity)); + .lg\:-mr-80 { + margin-right: -20rem; } - .group:hover .sm\:group-hover\:bg-pink-800 { - --tw-bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--tw-bg-opacity)); + .lg\:-mr-96 { + margin-right: -24rem; } - .group:hover .sm\:group-hover\:bg-pink-900 { - --tw-bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--tw-bg-opacity)); + .lg\:-mr-px { + margin-right: -1px; } - .sm\:focus-within\:bg-transparent:focus-within { - background-color: transparent; + .lg\:-mr-0\.5 { + margin-right: -0.125rem; } - .sm\:focus-within\:bg-current:focus-within { - background-color: currentColor; + .lg\:-mr-1\.5 { + margin-right: -0.375rem; } - .sm\:focus-within\:bg-black:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--tw-bg-opacity)); + .lg\:-mr-2\.5 { + margin-right: -0.625rem; } - .sm\:focus-within\:bg-white:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); + .lg\:-mr-3\.5 { + margin-right: -0.875rem; } - .sm\:focus-within\:bg-gray-50:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(249, 250, 251, var(--tw-bg-opacity)); + .lg\:mb-0 { + margin-bottom: 0px; } - .sm\:focus-within\:bg-gray-100:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(243, 244, 246, var(--tw-bg-opacity)); + .lg\:mb-1 { + margin-bottom: 0.25rem; } - .sm\:focus-within\:bg-gray-200:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(229, 231, 235, var(--tw-bg-opacity)); + .lg\:mb-2 { + margin-bottom: 0.5rem; } - .sm\:focus-within\:bg-gray-300:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(209, 213, 219, var(--tw-bg-opacity)); + .lg\:mb-3 { + margin-bottom: 0.75rem; } - .sm\:focus-within\:bg-gray-400:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(156, 163, 175, var(--tw-bg-opacity)); + .lg\:mb-4 { + margin-bottom: 1rem; } - .sm\:focus-within\:bg-gray-500:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(107, 114, 128, var(--tw-bg-opacity)); + .lg\:mb-5 { + margin-bottom: 1.25rem; } - .sm\:focus-within\:bg-gray-600:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(75, 85, 99, var(--tw-bg-opacity)); + .lg\:mb-6 { + margin-bottom: 1.5rem; } - .sm\:focus-within\:bg-gray-700:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(55, 65, 81, var(--tw-bg-opacity)); + .lg\:mb-7 { + margin-bottom: 1.75rem; } - .sm\:focus-within\:bg-gray-800:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(31, 41, 55, var(--tw-bg-opacity)); + .lg\:mb-8 { + margin-bottom: 2rem; } - .sm\:focus-within\:bg-gray-900:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(17, 24, 39, var(--tw-bg-opacity)); + .lg\:mb-9 { + margin-bottom: 2.25rem; } - .sm\:focus-within\:bg-red-50:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--tw-bg-opacity)); + .lg\:mb-10 { + margin-bottom: 2.5rem; } - .sm\:focus-within\:bg-red-100:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--tw-bg-opacity)); + .lg\:mb-11 { + margin-bottom: 2.75rem; } - .sm\:focus-within\:bg-red-200:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--tw-bg-opacity)); + .lg\:mb-12 { + margin-bottom: 3rem; } - .sm\:focus-within\:bg-red-300:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--tw-bg-opacity)); + .lg\:mb-14 { + margin-bottom: 3.5rem; } - .sm\:focus-within\:bg-red-400:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--tw-bg-opacity)); + .lg\:mb-16 { + margin-bottom: 4rem; } - .sm\:focus-within\:bg-red-500:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--tw-bg-opacity)); + .lg\:mb-20 { + margin-bottom: 5rem; } - .sm\:focus-within\:bg-red-600:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--tw-bg-opacity)); + .lg\:mb-24 { + margin-bottom: 6rem; } - .sm\:focus-within\:bg-red-700:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--tw-bg-opacity)); + .lg\:mb-28 { + margin-bottom: 7rem; } - .sm\:focus-within\:bg-red-800:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--tw-bg-opacity)); + .lg\:mb-32 { + margin-bottom: 8rem; } - .sm\:focus-within\:bg-red-900:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--tw-bg-opacity)); + .lg\:mb-36 { + margin-bottom: 9rem; } - .sm\:focus-within\:bg-yellow-50:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--tw-bg-opacity)); + .lg\:mb-40 { + margin-bottom: 10rem; } - .sm\:focus-within\:bg-yellow-100:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--tw-bg-opacity)); + .lg\:mb-44 { + margin-bottom: 11rem; } - .sm\:focus-within\:bg-yellow-200:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--tw-bg-opacity)); + .lg\:mb-48 { + margin-bottom: 12rem; } - .sm\:focus-within\:bg-yellow-300:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--tw-bg-opacity)); + .lg\:mb-52 { + margin-bottom: 13rem; } - .sm\:focus-within\:bg-yellow-400:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--tw-bg-opacity)); + .lg\:mb-56 { + margin-bottom: 14rem; } - .sm\:focus-within\:bg-yellow-500:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--tw-bg-opacity)); + .lg\:mb-60 { + margin-bottom: 15rem; } - .sm\:focus-within\:bg-yellow-600:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--tw-bg-opacity)); + .lg\:mb-64 { + margin-bottom: 16rem; } - .sm\:focus-within\:bg-yellow-700:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--tw-bg-opacity)); + .lg\:mb-72 { + margin-bottom: 18rem; } - .sm\:focus-within\:bg-yellow-800:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--tw-bg-opacity)); + .lg\:mb-80 { + margin-bottom: 20rem; } - .sm\:focus-within\:bg-yellow-900:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--tw-bg-opacity)); + .lg\:mb-96 { + margin-bottom: 24rem; } - .sm\:focus-within\:bg-green-50:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--tw-bg-opacity)); + .lg\:mb-auto { + margin-bottom: auto; } - .sm\:focus-within\:bg-green-100:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--tw-bg-opacity)); + .lg\:mb-px { + margin-bottom: 1px; } - .sm\:focus-within\:bg-green-200:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--tw-bg-opacity)); + .lg\:mb-0\.5 { + margin-bottom: 0.125rem; } - .sm\:focus-within\:bg-green-300:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--tw-bg-opacity)); + .lg\:mb-1\.5 { + margin-bottom: 0.375rem; } - .sm\:focus-within\:bg-green-400:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--tw-bg-opacity)); + .lg\:mb-2\.5 { + margin-bottom: 0.625rem; } - .sm\:focus-within\:bg-green-500:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--tw-bg-opacity)); + .lg\:mb-3\.5 { + margin-bottom: 0.875rem; } - .sm\:focus-within\:bg-green-600:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--tw-bg-opacity)); + .lg\:-mb-0 { + margin-bottom: 0px; } - .sm\:focus-within\:bg-green-700:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--tw-bg-opacity)); + .lg\:-mb-1 { + margin-bottom: -0.25rem; } - .sm\:focus-within\:bg-green-800:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--tw-bg-opacity)); + .lg\:-mb-2 { + margin-bottom: -0.5rem; } - .sm\:focus-within\:bg-green-900:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--tw-bg-opacity)); + .lg\:-mb-3 { + margin-bottom: -0.75rem; } - .sm\:focus-within\:bg-blue-50:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--tw-bg-opacity)); + .lg\:-mb-4 { + margin-bottom: -1rem; } - .sm\:focus-within\:bg-blue-100:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--tw-bg-opacity)); + .lg\:-mb-5 { + margin-bottom: -1.25rem; } - .sm\:focus-within\:bg-blue-200:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--tw-bg-opacity)); + .lg\:-mb-6 { + margin-bottom: -1.5rem; } - .sm\:focus-within\:bg-blue-300:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--tw-bg-opacity)); + .lg\:-mb-7 { + margin-bottom: -1.75rem; } - .sm\:focus-within\:bg-blue-400:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--tw-bg-opacity)); + .lg\:-mb-8 { + margin-bottom: -2rem; } - .sm\:focus-within\:bg-blue-500:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--tw-bg-opacity)); + .lg\:-mb-9 { + margin-bottom: -2.25rem; } - .sm\:focus-within\:bg-blue-600:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--tw-bg-opacity)); + .lg\:-mb-10 { + margin-bottom: -2.5rem; } - .sm\:focus-within\:bg-blue-700:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--tw-bg-opacity)); + .lg\:-mb-11 { + margin-bottom: -2.75rem; } - .sm\:focus-within\:bg-blue-800:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--tw-bg-opacity)); + .lg\:-mb-12 { + margin-bottom: -3rem; } - .sm\:focus-within\:bg-blue-900:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--tw-bg-opacity)); + .lg\:-mb-14 { + margin-bottom: -3.5rem; } - .sm\:focus-within\:bg-indigo-50:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(238, 242, 255, var(--tw-bg-opacity)); + .lg\:-mb-16 { + margin-bottom: -4rem; } - .sm\:focus-within\:bg-indigo-100:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(224, 231, 255, var(--tw-bg-opacity)); + .lg\:-mb-20 { + margin-bottom: -5rem; } - .sm\:focus-within\:bg-indigo-200:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(199, 210, 254, var(--tw-bg-opacity)); + .lg\:-mb-24 { + margin-bottom: -6rem; } - .sm\:focus-within\:bg-indigo-300:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(165, 180, 252, var(--tw-bg-opacity)); + .lg\:-mb-28 { + margin-bottom: -7rem; } - .sm\:focus-within\:bg-indigo-400:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(129, 140, 248, var(--tw-bg-opacity)); + .lg\:-mb-32 { + margin-bottom: -8rem; } - .sm\:focus-within\:bg-indigo-500:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(99, 102, 241, var(--tw-bg-opacity)); + .lg\:-mb-36 { + margin-bottom: -9rem; } - .sm\:focus-within\:bg-indigo-600:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(79, 70, 229, var(--tw-bg-opacity)); + .lg\:-mb-40 { + margin-bottom: -10rem; } - .sm\:focus-within\:bg-indigo-700:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(67, 56, 202, var(--tw-bg-opacity)); + .lg\:-mb-44 { + margin-bottom: -11rem; } - .sm\:focus-within\:bg-indigo-800:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(55, 48, 163, var(--tw-bg-opacity)); + .lg\:-mb-48 { + margin-bottom: -12rem; } - .sm\:focus-within\:bg-indigo-900:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(49, 46, 129, var(--tw-bg-opacity)); + .lg\:-mb-52 { + margin-bottom: -13rem; } - .sm\:focus-within\:bg-purple-50:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--tw-bg-opacity)); + .lg\:-mb-56 { + margin-bottom: -14rem; } - .sm\:focus-within\:bg-purple-100:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--tw-bg-opacity)); + .lg\:-mb-60 { + margin-bottom: -15rem; } - .sm\:focus-within\:bg-purple-200:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--tw-bg-opacity)); + .lg\:-mb-64 { + margin-bottom: -16rem; } - .sm\:focus-within\:bg-purple-300:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--tw-bg-opacity)); + .lg\:-mb-72 { + margin-bottom: -18rem; } - .sm\:focus-within\:bg-purple-400:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--tw-bg-opacity)); + .lg\:-mb-80 { + margin-bottom: -20rem; } - .sm\:focus-within\:bg-purple-500:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--tw-bg-opacity)); + .lg\:-mb-96 { + margin-bottom: -24rem; } - .sm\:focus-within\:bg-purple-600:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--tw-bg-opacity)); + .lg\:-mb-px { + margin-bottom: -1px; } - .sm\:focus-within\:bg-purple-700:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--tw-bg-opacity)); + .lg\:-mb-0\.5 { + margin-bottom: -0.125rem; } - .sm\:focus-within\:bg-purple-800:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--tw-bg-opacity)); + .lg\:-mb-1\.5 { + margin-bottom: -0.375rem; } - .sm\:focus-within\:bg-purple-900:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--tw-bg-opacity)); + .lg\:-mb-2\.5 { + margin-bottom: -0.625rem; } - .sm\:focus-within\:bg-pink-50:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--tw-bg-opacity)); + .lg\:-mb-3\.5 { + margin-bottom: -0.875rem; } - .sm\:focus-within\:bg-pink-100:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--tw-bg-opacity)); + .lg\:ml-0 { + margin-left: 0px; } - .sm\:focus-within\:bg-pink-200:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--tw-bg-opacity)); + .lg\:ml-1 { + margin-left: 0.25rem; } - .sm\:focus-within\:bg-pink-300:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--tw-bg-opacity)); + .lg\:ml-2 { + margin-left: 0.5rem; } - .sm\:focus-within\:bg-pink-400:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--tw-bg-opacity)); + .lg\:ml-3 { + margin-left: 0.75rem; } - .sm\:focus-within\:bg-pink-500:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--tw-bg-opacity)); + .lg\:ml-4 { + margin-left: 1rem; } - .sm\:focus-within\:bg-pink-600:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--tw-bg-opacity)); + .lg\:ml-5 { + margin-left: 1.25rem; } - .sm\:focus-within\:bg-pink-700:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--tw-bg-opacity)); + .lg\:ml-6 { + margin-left: 1.5rem; } - .sm\:focus-within\:bg-pink-800:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--tw-bg-opacity)); + .lg\:ml-7 { + margin-left: 1.75rem; } - .sm\:focus-within\:bg-pink-900:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--tw-bg-opacity)); + .lg\:ml-8 { + margin-left: 2rem; } - .sm\:hover\:bg-transparent:hover { - background-color: transparent; + .lg\:ml-9 { + margin-left: 2.25rem; } - .sm\:hover\:bg-current:hover { - background-color: currentColor; + .lg\:ml-10 { + margin-left: 2.5rem; } - .sm\:hover\:bg-black:hover { - --tw-bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--tw-bg-opacity)); + .lg\:ml-11 { + margin-left: 2.75rem; } - .sm\:hover\:bg-white:hover { - --tw-bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); + .lg\:ml-12 { + margin-left: 3rem; } - .sm\:hover\:bg-gray-50:hover { - --tw-bg-opacity: 1; - background-color: rgba(249, 250, 251, var(--tw-bg-opacity)); + .lg\:ml-14 { + margin-left: 3.5rem; } - .sm\:hover\:bg-gray-100:hover { - --tw-bg-opacity: 1; - background-color: rgba(243, 244, 246, var(--tw-bg-opacity)); + .lg\:ml-16 { + margin-left: 4rem; } - .sm\:hover\:bg-gray-200:hover { - --tw-bg-opacity: 1; - background-color: rgba(229, 231, 235, var(--tw-bg-opacity)); + .lg\:ml-20 { + margin-left: 5rem; } - .sm\:hover\:bg-gray-300:hover { - --tw-bg-opacity: 1; - background-color: rgba(209, 213, 219, var(--tw-bg-opacity)); + .lg\:ml-24 { + margin-left: 6rem; } - .sm\:hover\:bg-gray-400:hover { - --tw-bg-opacity: 1; - background-color: rgba(156, 163, 175, var(--tw-bg-opacity)); + .lg\:ml-28 { + margin-left: 7rem; } - .sm\:hover\:bg-gray-500:hover { - --tw-bg-opacity: 1; - background-color: rgba(107, 114, 128, var(--tw-bg-opacity)); + .lg\:ml-32 { + margin-left: 8rem; } - .sm\:hover\:bg-gray-600:hover { - --tw-bg-opacity: 1; - background-color: rgba(75, 85, 99, var(--tw-bg-opacity)); + .lg\:ml-36 { + margin-left: 9rem; } - .sm\:hover\:bg-gray-700:hover { - --tw-bg-opacity: 1; - background-color: rgba(55, 65, 81, var(--tw-bg-opacity)); + .lg\:ml-40 { + margin-left: 10rem; } - .sm\:hover\:bg-gray-800:hover { - --tw-bg-opacity: 1; - background-color: rgba(31, 41, 55, var(--tw-bg-opacity)); + .lg\:ml-44 { + margin-left: 11rem; } - .sm\:hover\:bg-gray-900:hover { - --tw-bg-opacity: 1; - background-color: rgba(17, 24, 39, var(--tw-bg-opacity)); + .lg\:ml-48 { + margin-left: 12rem; } - .sm\:hover\:bg-red-50:hover { - --tw-bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--tw-bg-opacity)); + .lg\:ml-52 { + margin-left: 13rem; } - .sm\:hover\:bg-red-100:hover { - --tw-bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--tw-bg-opacity)); + .lg\:ml-56 { + margin-left: 14rem; } - .sm\:hover\:bg-red-200:hover { - --tw-bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--tw-bg-opacity)); + .lg\:ml-60 { + margin-left: 15rem; } - .sm\:hover\:bg-red-300:hover { - --tw-bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--tw-bg-opacity)); + .lg\:ml-64 { + margin-left: 16rem; } - .sm\:hover\:bg-red-400:hover { - --tw-bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--tw-bg-opacity)); + .lg\:ml-72 { + margin-left: 18rem; } - .sm\:hover\:bg-red-500:hover { - --tw-bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--tw-bg-opacity)); + .lg\:ml-80 { + margin-left: 20rem; } - .sm\:hover\:bg-red-600:hover { - --tw-bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--tw-bg-opacity)); + .lg\:ml-96 { + margin-left: 24rem; } - .sm\:hover\:bg-red-700:hover { - --tw-bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--tw-bg-opacity)); + .lg\:ml-auto { + margin-left: auto; } - .sm\:hover\:bg-red-800:hover { - --tw-bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--tw-bg-opacity)); + .lg\:ml-px { + margin-left: 1px; } - .sm\:hover\:bg-red-900:hover { - --tw-bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--tw-bg-opacity)); + .lg\:ml-0\.5 { + margin-left: 0.125rem; } - .sm\:hover\:bg-yellow-50:hover { - --tw-bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--tw-bg-opacity)); + .lg\:ml-1\.5 { + margin-left: 0.375rem; } - .sm\:hover\:bg-yellow-100:hover { - --tw-bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--tw-bg-opacity)); + .lg\:ml-2\.5 { + margin-left: 0.625rem; } - .sm\:hover\:bg-yellow-200:hover { - --tw-bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--tw-bg-opacity)); + .lg\:ml-3\.5 { + margin-left: 0.875rem; } - .sm\:hover\:bg-yellow-300:hover { - --tw-bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--tw-bg-opacity)); + .lg\:-ml-0 { + margin-left: 0px; } - .sm\:hover\:bg-yellow-400:hover { - --tw-bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--tw-bg-opacity)); + .lg\:-ml-1 { + margin-left: -0.25rem; } - .sm\:hover\:bg-yellow-500:hover { - --tw-bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--tw-bg-opacity)); + .lg\:-ml-2 { + margin-left: -0.5rem; } - .sm\:hover\:bg-yellow-600:hover { - --tw-bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--tw-bg-opacity)); + .lg\:-ml-3 { + margin-left: -0.75rem; } - .sm\:hover\:bg-yellow-700:hover { - --tw-bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--tw-bg-opacity)); + .lg\:-ml-4 { + margin-left: -1rem; } - .sm\:hover\:bg-yellow-800:hover { - --tw-bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--tw-bg-opacity)); + .lg\:-ml-5 { + margin-left: -1.25rem; } - .sm\:hover\:bg-yellow-900:hover { - --tw-bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--tw-bg-opacity)); + .lg\:-ml-6 { + margin-left: -1.5rem; } - .sm\:hover\:bg-green-50:hover { - --tw-bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--tw-bg-opacity)); + .lg\:-ml-7 { + margin-left: -1.75rem; } - .sm\:hover\:bg-green-100:hover { - --tw-bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--tw-bg-opacity)); + .lg\:-ml-8 { + margin-left: -2rem; } - .sm\:hover\:bg-green-200:hover { - --tw-bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--tw-bg-opacity)); + .lg\:-ml-9 { + margin-left: -2.25rem; } - .sm\:hover\:bg-green-300:hover { - --tw-bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--tw-bg-opacity)); + .lg\:-ml-10 { + margin-left: -2.5rem; } - .sm\:hover\:bg-green-400:hover { - --tw-bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--tw-bg-opacity)); + .lg\:-ml-11 { + margin-left: -2.75rem; } - .sm\:hover\:bg-green-500:hover { - --tw-bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--tw-bg-opacity)); + .lg\:-ml-12 { + margin-left: -3rem; } - .sm\:hover\:bg-green-600:hover { - --tw-bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--tw-bg-opacity)); + .lg\:-ml-14 { + margin-left: -3.5rem; } - .sm\:hover\:bg-green-700:hover { - --tw-bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--tw-bg-opacity)); + .lg\:-ml-16 { + margin-left: -4rem; } - .sm\:hover\:bg-green-800:hover { - --tw-bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--tw-bg-opacity)); + .lg\:-ml-20 { + margin-left: -5rem; } - .sm\:hover\:bg-green-900:hover { - --tw-bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--tw-bg-opacity)); + .lg\:-ml-24 { + margin-left: -6rem; } - .sm\:hover\:bg-blue-50:hover { - --tw-bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--tw-bg-opacity)); + .lg\:-ml-28 { + margin-left: -7rem; } - .sm\:hover\:bg-blue-100:hover { - --tw-bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--tw-bg-opacity)); + .lg\:-ml-32 { + margin-left: -8rem; } - .sm\:hover\:bg-blue-200:hover { - --tw-bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--tw-bg-opacity)); + .lg\:-ml-36 { + margin-left: -9rem; } - .sm\:hover\:bg-blue-300:hover { - --tw-bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--tw-bg-opacity)); + .lg\:-ml-40 { + margin-left: -10rem; } - .sm\:hover\:bg-blue-400:hover { - --tw-bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--tw-bg-opacity)); + .lg\:-ml-44 { + margin-left: -11rem; } - .sm\:hover\:bg-blue-500:hover { - --tw-bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--tw-bg-opacity)); + .lg\:-ml-48 { + margin-left: -12rem; } - .sm\:hover\:bg-blue-600:hover { - --tw-bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--tw-bg-opacity)); + .lg\:-ml-52 { + margin-left: -13rem; } - .sm\:hover\:bg-blue-700:hover { - --tw-bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--tw-bg-opacity)); + .lg\:-ml-56 { + margin-left: -14rem; } - .sm\:hover\:bg-blue-800:hover { - --tw-bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--tw-bg-opacity)); + .lg\:-ml-60 { + margin-left: -15rem; } - .sm\:hover\:bg-blue-900:hover { - --tw-bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--tw-bg-opacity)); + .lg\:-ml-64 { + margin-left: -16rem; } - .sm\:hover\:bg-indigo-50:hover { - --tw-bg-opacity: 1; - background-color: rgba(238, 242, 255, var(--tw-bg-opacity)); + .lg\:-ml-72 { + margin-left: -18rem; } - .sm\:hover\:bg-indigo-100:hover { - --tw-bg-opacity: 1; - background-color: rgba(224, 231, 255, var(--tw-bg-opacity)); + .lg\:-ml-80 { + margin-left: -20rem; } - .sm\:hover\:bg-indigo-200:hover { - --tw-bg-opacity: 1; - background-color: rgba(199, 210, 254, var(--tw-bg-opacity)); + .lg\:-ml-96 { + margin-left: -24rem; } - .sm\:hover\:bg-indigo-300:hover { - --tw-bg-opacity: 1; - background-color: rgba(165, 180, 252, var(--tw-bg-opacity)); + .lg\:-ml-px { + margin-left: -1px; } - .sm\:hover\:bg-indigo-400:hover { - --tw-bg-opacity: 1; - background-color: rgba(129, 140, 248, var(--tw-bg-opacity)); + .lg\:-ml-0\.5 { + margin-left: -0.125rem; } - .sm\:hover\:bg-indigo-500:hover { - --tw-bg-opacity: 1; - background-color: rgba(99, 102, 241, var(--tw-bg-opacity)); + .lg\:-ml-1\.5 { + margin-left: -0.375rem; } - .sm\:hover\:bg-indigo-600:hover { - --tw-bg-opacity: 1; - background-color: rgba(79, 70, 229, var(--tw-bg-opacity)); + .lg\:-ml-2\.5 { + margin-left: -0.625rem; } - .sm\:hover\:bg-indigo-700:hover { - --tw-bg-opacity: 1; - background-color: rgba(67, 56, 202, var(--tw-bg-opacity)); + .lg\:-ml-3\.5 { + margin-left: -0.875rem; } - .sm\:hover\:bg-indigo-800:hover { - --tw-bg-opacity: 1; - background-color: rgba(55, 48, 163, var(--tw-bg-opacity)); + .lg\:box-border { + box-sizing: border-box; } - .sm\:hover\:bg-indigo-900:hover { - --tw-bg-opacity: 1; - background-color: rgba(49, 46, 129, var(--tw-bg-opacity)); + .lg\:box-content { + box-sizing: content-box; } - .sm\:hover\:bg-purple-50:hover { - --tw-bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--tw-bg-opacity)); + .lg\:block { + display: block; } - .sm\:hover\:bg-purple-100:hover { - --tw-bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--tw-bg-opacity)); + .lg\:inline-block { + display: inline-block; } - .sm\:hover\:bg-purple-200:hover { - --tw-bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--tw-bg-opacity)); + .lg\:inline { + display: inline; } - .sm\:hover\:bg-purple-300:hover { - --tw-bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--tw-bg-opacity)); + .lg\:flex { + display: flex; } - .sm\:hover\:bg-purple-400:hover { - --tw-bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--tw-bg-opacity)); + .lg\:inline-flex { + display: inline-flex; } - .sm\:hover\:bg-purple-500:hover { - --tw-bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--tw-bg-opacity)); + .lg\:table { + display: table; } - .sm\:hover\:bg-purple-600:hover { - --tw-bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--tw-bg-opacity)); + .lg\:inline-table { + display: inline-table; } - .sm\:hover\:bg-purple-700:hover { - --tw-bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--tw-bg-opacity)); + .lg\:table-caption { + display: table-caption; } - .sm\:hover\:bg-purple-800:hover { - --tw-bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--tw-bg-opacity)); + .lg\:table-cell { + display: table-cell; } - .sm\:hover\:bg-purple-900:hover { - --tw-bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--tw-bg-opacity)); + .lg\:table-column { + display: table-column; } - .sm\:hover\:bg-pink-50:hover { - --tw-bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--tw-bg-opacity)); + .lg\:table-column-group { + display: table-column-group; } - .sm\:hover\:bg-pink-100:hover { - --tw-bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--tw-bg-opacity)); + .lg\:table-footer-group { + display: table-footer-group; } - .sm\:hover\:bg-pink-200:hover { - --tw-bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--tw-bg-opacity)); + .lg\:table-header-group { + display: table-header-group; } - .sm\:hover\:bg-pink-300:hover { - --tw-bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--tw-bg-opacity)); + .lg\:table-row-group { + display: table-row-group; } - .sm\:hover\:bg-pink-400:hover { - --tw-bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--tw-bg-opacity)); + .lg\:table-row { + display: table-row; } - .sm\:hover\:bg-pink-500:hover { - --tw-bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--tw-bg-opacity)); + .lg\:flow-root { + display: flow-root; } - .sm\:hover\:bg-pink-600:hover { - --tw-bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--tw-bg-opacity)); + .lg\:grid { + display: grid; } - .sm\:hover\:bg-pink-700:hover { - --tw-bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--tw-bg-opacity)); + .lg\:inline-grid { + display: inline-grid; } - .sm\:hover\:bg-pink-800:hover { - --tw-bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--tw-bg-opacity)); + .lg\:contents { + display: contents; } - .sm\:hover\:bg-pink-900:hover { - --tw-bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--tw-bg-opacity)); + .lg\:list-item { + display: list-item; } - .sm\:focus\:bg-transparent:focus { - background-color: transparent; + .lg\:hidden { + display: none; } - .sm\:focus\:bg-current:focus { - background-color: currentColor; + .lg\:h-0 { + height: 0px; } - .sm\:focus\:bg-black:focus { - --tw-bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--tw-bg-opacity)); + .lg\:h-1 { + height: 0.25rem; } - .sm\:focus\:bg-white:focus { - --tw-bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); + .lg\:h-2 { + height: 0.5rem; } - .sm\:focus\:bg-gray-50:focus { - --tw-bg-opacity: 1; - background-color: rgba(249, 250, 251, var(--tw-bg-opacity)); + .lg\:h-3 { + height: 0.75rem; } - .sm\:focus\:bg-gray-100:focus { - --tw-bg-opacity: 1; - background-color: rgba(243, 244, 246, var(--tw-bg-opacity)); + .lg\:h-4 { + height: 1rem; } - .sm\:focus\:bg-gray-200:focus { - --tw-bg-opacity: 1; - background-color: rgba(229, 231, 235, var(--tw-bg-opacity)); + .lg\:h-5 { + height: 1.25rem; } - .sm\:focus\:bg-gray-300:focus { - --tw-bg-opacity: 1; - background-color: rgba(209, 213, 219, var(--tw-bg-opacity)); + .lg\:h-6 { + height: 1.5rem; } - .sm\:focus\:bg-gray-400:focus { - --tw-bg-opacity: 1; - background-color: rgba(156, 163, 175, var(--tw-bg-opacity)); + .lg\:h-7 { + height: 1.75rem; } - .sm\:focus\:bg-gray-500:focus { - --tw-bg-opacity: 1; - background-color: rgba(107, 114, 128, var(--tw-bg-opacity)); + .lg\:h-8 { + height: 2rem; } - .sm\:focus\:bg-gray-600:focus { - --tw-bg-opacity: 1; - background-color: rgba(75, 85, 99, var(--tw-bg-opacity)); + .lg\:h-9 { + height: 2.25rem; } - .sm\:focus\:bg-gray-700:focus { - --tw-bg-opacity: 1; - background-color: rgba(55, 65, 81, var(--tw-bg-opacity)); + .lg\:h-10 { + height: 2.5rem; } - .sm\:focus\:bg-gray-800:focus { - --tw-bg-opacity: 1; - background-color: rgba(31, 41, 55, var(--tw-bg-opacity)); + .lg\:h-11 { + height: 2.75rem; } - .sm\:focus\:bg-gray-900:focus { - --tw-bg-opacity: 1; - background-color: rgba(17, 24, 39, var(--tw-bg-opacity)); + .lg\:h-12 { + height: 3rem; } - .sm\:focus\:bg-red-50:focus { - --tw-bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--tw-bg-opacity)); + .lg\:h-14 { + height: 3.5rem; } - .sm\:focus\:bg-red-100:focus { - --tw-bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--tw-bg-opacity)); + .lg\:h-16 { + height: 4rem; } - .sm\:focus\:bg-red-200:focus { - --tw-bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--tw-bg-opacity)); + .lg\:h-20 { + height: 5rem; } - .sm\:focus\:bg-red-300:focus { - --tw-bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--tw-bg-opacity)); + .lg\:h-24 { + height: 6rem; } - .sm\:focus\:bg-red-400:focus { - --tw-bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--tw-bg-opacity)); + .lg\:h-28 { + height: 7rem; } - .sm\:focus\:bg-red-500:focus { - --tw-bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--tw-bg-opacity)); + .lg\:h-32 { + height: 8rem; } - .sm\:focus\:bg-red-600:focus { - --tw-bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--tw-bg-opacity)); + .lg\:h-36 { + height: 9rem; } - .sm\:focus\:bg-red-700:focus { - --tw-bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--tw-bg-opacity)); + .lg\:h-40 { + height: 10rem; } - .sm\:focus\:bg-red-800:focus { - --tw-bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--tw-bg-opacity)); + .lg\:h-44 { + height: 11rem; } - .sm\:focus\:bg-red-900:focus { - --tw-bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--tw-bg-opacity)); + .lg\:h-48 { + height: 12rem; } - .sm\:focus\:bg-yellow-50:focus { - --tw-bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--tw-bg-opacity)); + .lg\:h-52 { + height: 13rem; } - .sm\:focus\:bg-yellow-100:focus { - --tw-bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--tw-bg-opacity)); + .lg\:h-56 { + height: 14rem; } - .sm\:focus\:bg-yellow-200:focus { - --tw-bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--tw-bg-opacity)); + .lg\:h-60 { + height: 15rem; } - .sm\:focus\:bg-yellow-300:focus { - --tw-bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--tw-bg-opacity)); + .lg\:h-64 { + height: 16rem; } - .sm\:focus\:bg-yellow-400:focus { - --tw-bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--tw-bg-opacity)); + .lg\:h-72 { + height: 18rem; } - .sm\:focus\:bg-yellow-500:focus { - --tw-bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--tw-bg-opacity)); + .lg\:h-80 { + height: 20rem; } - .sm\:focus\:bg-yellow-600:focus { - --tw-bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--tw-bg-opacity)); + .lg\:h-96 { + height: 24rem; } - .sm\:focus\:bg-yellow-700:focus { - --tw-bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--tw-bg-opacity)); + .lg\:h-auto { + height: auto; } - .sm\:focus\:bg-yellow-800:focus { - --tw-bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--tw-bg-opacity)); + .lg\:h-px { + height: 1px; } - .sm\:focus\:bg-yellow-900:focus { - --tw-bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--tw-bg-opacity)); + .lg\:h-0\.5 { + height: 0.125rem; } - .sm\:focus\:bg-green-50:focus { - --tw-bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--tw-bg-opacity)); + .lg\:h-1\.5 { + height: 0.375rem; } - .sm\:focus\:bg-green-100:focus { - --tw-bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--tw-bg-opacity)); + .lg\:h-2\.5 { + height: 0.625rem; } - .sm\:focus\:bg-green-200:focus { - --tw-bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--tw-bg-opacity)); + .lg\:h-3\.5 { + height: 0.875rem; } - .sm\:focus\:bg-green-300:focus { - --tw-bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--tw-bg-opacity)); + .lg\:h-1\/2 { + height: 50%; } - .sm\:focus\:bg-green-400:focus { - --tw-bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--tw-bg-opacity)); + .lg\:h-1\/3 { + height: 33.333333%; } - .sm\:focus\:bg-green-500:focus { - --tw-bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--tw-bg-opacity)); + .lg\:h-2\/3 { + height: 66.666667%; } - .sm\:focus\:bg-green-600:focus { - --tw-bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--tw-bg-opacity)); + .lg\:h-1\/4 { + height: 25%; } - .sm\:focus\:bg-green-700:focus { - --tw-bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--tw-bg-opacity)); + .lg\:h-2\/4 { + height: 50%; } - .sm\:focus\:bg-green-800:focus { - --tw-bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--tw-bg-opacity)); + .lg\:h-3\/4 { + height: 75%; } - .sm\:focus\:bg-green-900:focus { - --tw-bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--tw-bg-opacity)); + .lg\:h-1\/5 { + height: 20%; } - .sm\:focus\:bg-blue-50:focus { - --tw-bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--tw-bg-opacity)); + .lg\:h-2\/5 { + height: 40%; } - .sm\:focus\:bg-blue-100:focus { - --tw-bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--tw-bg-opacity)); + .lg\:h-3\/5 { + height: 60%; } - .sm\:focus\:bg-blue-200:focus { - --tw-bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--tw-bg-opacity)); + .lg\:h-4\/5 { + height: 80%; } - .sm\:focus\:bg-blue-300:focus { - --tw-bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--tw-bg-opacity)); + .lg\:h-1\/6 { + height: 16.666667%; } - .sm\:focus\:bg-blue-400:focus { - --tw-bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--tw-bg-opacity)); + .lg\:h-2\/6 { + height: 33.333333%; } - .sm\:focus\:bg-blue-500:focus { - --tw-bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--tw-bg-opacity)); + .lg\:h-3\/6 { + height: 50%; } - .sm\:focus\:bg-blue-600:focus { - --tw-bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--tw-bg-opacity)); + .lg\:h-4\/6 { + height: 66.666667%; } - .sm\:focus\:bg-blue-700:focus { - --tw-bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--tw-bg-opacity)); + .lg\:h-5\/6 { + height: 83.333333%; } - .sm\:focus\:bg-blue-800:focus { - --tw-bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--tw-bg-opacity)); + .lg\:h-full { + height: 100%; } - .sm\:focus\:bg-blue-900:focus { - --tw-bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--tw-bg-opacity)); + .lg\:h-screen { + height: 100vh; } - .sm\:focus\:bg-indigo-50:focus { - --tw-bg-opacity: 1; - background-color: rgba(238, 242, 255, var(--tw-bg-opacity)); + .lg\:max-h-0 { + max-height: 0px; } - .sm\:focus\:bg-indigo-100:focus { - --tw-bg-opacity: 1; - background-color: rgba(224, 231, 255, var(--tw-bg-opacity)); + .lg\:max-h-1 { + max-height: 0.25rem; } - .sm\:focus\:bg-indigo-200:focus { - --tw-bg-opacity: 1; - background-color: rgba(199, 210, 254, var(--tw-bg-opacity)); + .lg\:max-h-2 { + max-height: 0.5rem; } - .sm\:focus\:bg-indigo-300:focus { - --tw-bg-opacity: 1; - background-color: rgba(165, 180, 252, var(--tw-bg-opacity)); + .lg\:max-h-3 { + max-height: 0.75rem; } - .sm\:focus\:bg-indigo-400:focus { - --tw-bg-opacity: 1; - background-color: rgba(129, 140, 248, var(--tw-bg-opacity)); + .lg\:max-h-4 { + max-height: 1rem; } - .sm\:focus\:bg-indigo-500:focus { - --tw-bg-opacity: 1; - background-color: rgba(99, 102, 241, var(--tw-bg-opacity)); + .lg\:max-h-5 { + max-height: 1.25rem; } - .sm\:focus\:bg-indigo-600:focus { - --tw-bg-opacity: 1; - background-color: rgba(79, 70, 229, var(--tw-bg-opacity)); + .lg\:max-h-6 { + max-height: 1.5rem; } - .sm\:focus\:bg-indigo-700:focus { - --tw-bg-opacity: 1; - background-color: rgba(67, 56, 202, var(--tw-bg-opacity)); + .lg\:max-h-7 { + max-height: 1.75rem; } - .sm\:focus\:bg-indigo-800:focus { - --tw-bg-opacity: 1; - background-color: rgba(55, 48, 163, var(--tw-bg-opacity)); + .lg\:max-h-8 { + max-height: 2rem; } - .sm\:focus\:bg-indigo-900:focus { - --tw-bg-opacity: 1; - background-color: rgba(49, 46, 129, var(--tw-bg-opacity)); + .lg\:max-h-9 { + max-height: 2.25rem; } - .sm\:focus\:bg-purple-50:focus { - --tw-bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--tw-bg-opacity)); + .lg\:max-h-10 { + max-height: 2.5rem; } - .sm\:focus\:bg-purple-100:focus { - --tw-bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--tw-bg-opacity)); + .lg\:max-h-11 { + max-height: 2.75rem; } - .sm\:focus\:bg-purple-200:focus { - --tw-bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--tw-bg-opacity)); + .lg\:max-h-12 { + max-height: 3rem; } - .sm\:focus\:bg-purple-300:focus { - --tw-bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--tw-bg-opacity)); + .lg\:max-h-14 { + max-height: 3.5rem; } - .sm\:focus\:bg-purple-400:focus { - --tw-bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--tw-bg-opacity)); + .lg\:max-h-16 { + max-height: 4rem; } - .sm\:focus\:bg-purple-500:focus { - --tw-bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--tw-bg-opacity)); + .lg\:max-h-20 { + max-height: 5rem; } - .sm\:focus\:bg-purple-600:focus { - --tw-bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--tw-bg-opacity)); + .lg\:max-h-24 { + max-height: 6rem; } - .sm\:focus\:bg-purple-700:focus { - --tw-bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--tw-bg-opacity)); + .lg\:max-h-28 { + max-height: 7rem; } - .sm\:focus\:bg-purple-800:focus { - --tw-bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--tw-bg-opacity)); + .lg\:max-h-32 { + max-height: 8rem; } - .sm\:focus\:bg-purple-900:focus { - --tw-bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--tw-bg-opacity)); + .lg\:max-h-36 { + max-height: 9rem; } - .sm\:focus\:bg-pink-50:focus { - --tw-bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--tw-bg-opacity)); + .lg\:max-h-40 { + max-height: 10rem; } - .sm\:focus\:bg-pink-100:focus { - --tw-bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--tw-bg-opacity)); + .lg\:max-h-44 { + max-height: 11rem; } - .sm\:focus\:bg-pink-200:focus { - --tw-bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--tw-bg-opacity)); + .lg\:max-h-48 { + max-height: 12rem; } - .sm\:focus\:bg-pink-300:focus { - --tw-bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--tw-bg-opacity)); + .lg\:max-h-52 { + max-height: 13rem; } - .sm\:focus\:bg-pink-400:focus { - --tw-bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--tw-bg-opacity)); + .lg\:max-h-56 { + max-height: 14rem; } - .sm\:focus\:bg-pink-500:focus { - --tw-bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--tw-bg-opacity)); + .lg\:max-h-60 { + max-height: 15rem; } - .sm\:focus\:bg-pink-600:focus { - --tw-bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--tw-bg-opacity)); + .lg\:max-h-64 { + max-height: 16rem; } - .sm\:focus\:bg-pink-700:focus { - --tw-bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--tw-bg-opacity)); + .lg\:max-h-72 { + max-height: 18rem; } - .sm\:focus\:bg-pink-800:focus { - --tw-bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--tw-bg-opacity)); + .lg\:max-h-80 { + max-height: 20rem; } - .sm\:focus\:bg-pink-900:focus { - --tw-bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--tw-bg-opacity)); + .lg\:max-h-96 { + max-height: 24rem; } - .sm\:bg-opacity-0 { - --tw-bg-opacity: 0; + .lg\:max-h-px { + max-height: 1px; } - .sm\:bg-opacity-5 { - --tw-bg-opacity: 0.05; + .lg\:max-h-0\.5 { + max-height: 0.125rem; } - .sm\:bg-opacity-10 { - --tw-bg-opacity: 0.1; + .lg\:max-h-1\.5 { + max-height: 0.375rem; } - .sm\:bg-opacity-20 { - --tw-bg-opacity: 0.2; + .lg\:max-h-2\.5 { + max-height: 0.625rem; } - .sm\:bg-opacity-25 { - --tw-bg-opacity: 0.25; + .lg\:max-h-3\.5 { + max-height: 0.875rem; } - .sm\:bg-opacity-30 { - --tw-bg-opacity: 0.3; + .lg\:max-h-full { + max-height: 100%; } - .sm\:bg-opacity-40 { - --tw-bg-opacity: 0.4; + .lg\:max-h-screen { + max-height: 100vh; } - .sm\:bg-opacity-50 { - --tw-bg-opacity: 0.5; + .lg\:min-h-0 { + min-height: 0px; } - .sm\:bg-opacity-60 { - --tw-bg-opacity: 0.6; + .lg\:min-h-full { + min-height: 100%; } - .sm\:bg-opacity-70 { - --tw-bg-opacity: 0.7; + .lg\:min-h-screen { + min-height: 100vh; } - .sm\:bg-opacity-75 { - --tw-bg-opacity: 0.75; + .lg\:w-0 { + width: 0px; } - .sm\:bg-opacity-80 { - --tw-bg-opacity: 0.8; + .lg\:w-1 { + width: 0.25rem; } - .sm\:bg-opacity-90 { - --tw-bg-opacity: 0.9; + .lg\:w-2 { + width: 0.5rem; } - .sm\:bg-opacity-95 { - --tw-bg-opacity: 0.95; + .lg\:w-3 { + width: 0.75rem; } - .sm\:bg-opacity-100 { - --tw-bg-opacity: 1; + .lg\:w-4 { + width: 1rem; } - .group:hover .sm\:group-hover\:bg-opacity-0 { - --tw-bg-opacity: 0; + .lg\:w-5 { + width: 1.25rem; } - .group:hover .sm\:group-hover\:bg-opacity-5 { - --tw-bg-opacity: 0.05; + .lg\:w-6 { + width: 1.5rem; } - .group:hover .sm\:group-hover\:bg-opacity-10 { - --tw-bg-opacity: 0.1; + .lg\:w-7 { + width: 1.75rem; } - .group:hover .sm\:group-hover\:bg-opacity-20 { - --tw-bg-opacity: 0.2; + .lg\:w-8 { + width: 2rem; } - .group:hover .sm\:group-hover\:bg-opacity-25 { - --tw-bg-opacity: 0.25; + .lg\:w-9 { + width: 2.25rem; } - .group:hover .sm\:group-hover\:bg-opacity-30 { - --tw-bg-opacity: 0.3; + .lg\:w-10 { + width: 2.5rem; } - .group:hover .sm\:group-hover\:bg-opacity-40 { - --tw-bg-opacity: 0.4; + .lg\:w-11 { + width: 2.75rem; } - .group:hover .sm\:group-hover\:bg-opacity-50 { - --tw-bg-opacity: 0.5; + .lg\:w-12 { + width: 3rem; } - .group:hover .sm\:group-hover\:bg-opacity-60 { - --tw-bg-opacity: 0.6; + .lg\:w-14 { + width: 3.5rem; } - .group:hover .sm\:group-hover\:bg-opacity-70 { - --tw-bg-opacity: 0.7; + .lg\:w-16 { + width: 4rem; } - .group:hover .sm\:group-hover\:bg-opacity-75 { - --tw-bg-opacity: 0.75; + .lg\:w-20 { + width: 5rem; } - .group:hover .sm\:group-hover\:bg-opacity-80 { - --tw-bg-opacity: 0.8; + .lg\:w-24 { + width: 6rem; } - .group:hover .sm\:group-hover\:bg-opacity-90 { - --tw-bg-opacity: 0.9; + .lg\:w-28 { + width: 7rem; } - .group:hover .sm\:group-hover\:bg-opacity-95 { - --tw-bg-opacity: 0.95; + .lg\:w-32 { + width: 8rem; } - .group:hover .sm\:group-hover\:bg-opacity-100 { - --tw-bg-opacity: 1; + .lg\:w-36 { + width: 9rem; } - .sm\:focus-within\:bg-opacity-0:focus-within { - --tw-bg-opacity: 0; + .lg\:w-40 { + width: 10rem; } - .sm\:focus-within\:bg-opacity-5:focus-within { - --tw-bg-opacity: 0.05; + .lg\:w-44 { + width: 11rem; } - .sm\:focus-within\:bg-opacity-10:focus-within { - --tw-bg-opacity: 0.1; + .lg\:w-48 { + width: 12rem; } - .sm\:focus-within\:bg-opacity-20:focus-within { - --tw-bg-opacity: 0.2; + .lg\:w-52 { + width: 13rem; } - .sm\:focus-within\:bg-opacity-25:focus-within { - --tw-bg-opacity: 0.25; + .lg\:w-56 { + width: 14rem; } - .sm\:focus-within\:bg-opacity-30:focus-within { - --tw-bg-opacity: 0.3; + .lg\:w-60 { + width: 15rem; } - .sm\:focus-within\:bg-opacity-40:focus-within { - --tw-bg-opacity: 0.4; + .lg\:w-64 { + width: 16rem; } - .sm\:focus-within\:bg-opacity-50:focus-within { - --tw-bg-opacity: 0.5; + .lg\:w-72 { + width: 18rem; } - .sm\:focus-within\:bg-opacity-60:focus-within { - --tw-bg-opacity: 0.6; + .lg\:w-80 { + width: 20rem; } - .sm\:focus-within\:bg-opacity-70:focus-within { - --tw-bg-opacity: 0.7; + .lg\:w-96 { + width: 24rem; } - .sm\:focus-within\:bg-opacity-75:focus-within { - --tw-bg-opacity: 0.75; + .lg\:w-auto { + width: auto; } - .sm\:focus-within\:bg-opacity-80:focus-within { - --tw-bg-opacity: 0.8; + .lg\:w-px { + width: 1px; } - .sm\:focus-within\:bg-opacity-90:focus-within { - --tw-bg-opacity: 0.9; + .lg\:w-0\.5 { + width: 0.125rem; } - .sm\:focus-within\:bg-opacity-95:focus-within { - --tw-bg-opacity: 0.95; + .lg\:w-1\.5 { + width: 0.375rem; } - .sm\:focus-within\:bg-opacity-100:focus-within { - --tw-bg-opacity: 1; + .lg\:w-2\.5 { + width: 0.625rem; } - .sm\:hover\:bg-opacity-0:hover { - --tw-bg-opacity: 0; + .lg\:w-3\.5 { + width: 0.875rem; } - .sm\:hover\:bg-opacity-5:hover { - --tw-bg-opacity: 0.05; + .lg\:w-1\/2 { + width: 50%; } - .sm\:hover\:bg-opacity-10:hover { - --tw-bg-opacity: 0.1; + .lg\:w-1\/3 { + width: 33.333333%; } - .sm\:hover\:bg-opacity-20:hover { - --tw-bg-opacity: 0.2; + .lg\:w-2\/3 { + width: 66.666667%; } - .sm\:hover\:bg-opacity-25:hover { - --tw-bg-opacity: 0.25; + .lg\:w-1\/4 { + width: 25%; } - .sm\:hover\:bg-opacity-30:hover { - --tw-bg-opacity: 0.3; + .lg\:w-2\/4 { + width: 50%; } - .sm\:hover\:bg-opacity-40:hover { - --tw-bg-opacity: 0.4; + .lg\:w-3\/4 { + width: 75%; } - .sm\:hover\:bg-opacity-50:hover { - --tw-bg-opacity: 0.5; + .lg\:w-1\/5 { + width: 20%; } - .sm\:hover\:bg-opacity-60:hover { - --tw-bg-opacity: 0.6; + .lg\:w-2\/5 { + width: 40%; } - .sm\:hover\:bg-opacity-70:hover { - --tw-bg-opacity: 0.7; + .lg\:w-3\/5 { + width: 60%; } - .sm\:hover\:bg-opacity-75:hover { - --tw-bg-opacity: 0.75; + .lg\:w-4\/5 { + width: 80%; } - .sm\:hover\:bg-opacity-80:hover { - --tw-bg-opacity: 0.8; + .lg\:w-1\/6 { + width: 16.666667%; } - .sm\:hover\:bg-opacity-90:hover { - --tw-bg-opacity: 0.9; + .lg\:w-2\/6 { + width: 33.333333%; } - .sm\:hover\:bg-opacity-95:hover { - --tw-bg-opacity: 0.95; + .lg\:w-3\/6 { + width: 50%; } - .sm\:hover\:bg-opacity-100:hover { - --tw-bg-opacity: 1; + .lg\:w-4\/6 { + width: 66.666667%; } - .sm\:focus\:bg-opacity-0:focus { - --tw-bg-opacity: 0; + .lg\:w-5\/6 { + width: 83.333333%; } - .sm\:focus\:bg-opacity-5:focus { - --tw-bg-opacity: 0.05; + .lg\:w-1\/12 { + width: 8.333333%; } - .sm\:focus\:bg-opacity-10:focus { - --tw-bg-opacity: 0.1; + .lg\:w-2\/12 { + width: 16.666667%; } - .sm\:focus\:bg-opacity-20:focus { - --tw-bg-opacity: 0.2; + .lg\:w-3\/12 { + width: 25%; } - .sm\:focus\:bg-opacity-25:focus { - --tw-bg-opacity: 0.25; + .lg\:w-4\/12 { + width: 33.333333%; } - .sm\:focus\:bg-opacity-30:focus { - --tw-bg-opacity: 0.3; + .lg\:w-5\/12 { + width: 41.666667%; } - .sm\:focus\:bg-opacity-40:focus { - --tw-bg-opacity: 0.4; + .lg\:w-6\/12 { + width: 50%; } - .sm\:focus\:bg-opacity-50:focus { - --tw-bg-opacity: 0.5; + .lg\:w-7\/12 { + width: 58.333333%; } - .sm\:focus\:bg-opacity-60:focus { - --tw-bg-opacity: 0.6; + .lg\:w-8\/12 { + width: 66.666667%; } - .sm\:focus\:bg-opacity-70:focus { - --tw-bg-opacity: 0.7; + .lg\:w-9\/12 { + width: 75%; } - .sm\:focus\:bg-opacity-75:focus { - --tw-bg-opacity: 0.75; + .lg\:w-10\/12 { + width: 83.333333%; } - .sm\:focus\:bg-opacity-80:focus { - --tw-bg-opacity: 0.8; + .lg\:w-11\/12 { + width: 91.666667%; } - .sm\:focus\:bg-opacity-90:focus { - --tw-bg-opacity: 0.9; + .lg\:w-full { + width: 100%; } - .sm\:focus\:bg-opacity-95:focus { - --tw-bg-opacity: 0.95; + .lg\:w-screen { + width: 100vw; } - .sm\:focus\:bg-opacity-100:focus { - --tw-bg-opacity: 1; + .lg\:w-min { + width: -moz-min-content; + width: min-content; } - .sm\:bg-none { - background-image: none; + .lg\:w-max { + width: -moz-max-content; + width: max-content; } - .sm\:bg-gradient-to-t { - background-image: linear-gradient(to top, var(--tw-gradient-stops)); + .lg\:min-w-0 { + min-width: 0px; } - .sm\:bg-gradient-to-tr { - background-image: linear-gradient(to top right, var(--tw-gradient-stops)); + .lg\:min-w-full { + min-width: 100%; } - .sm\:bg-gradient-to-r { - background-image: linear-gradient(to right, var(--tw-gradient-stops)); + .lg\:min-w-min { + min-width: -moz-min-content; + min-width: min-content; } - .sm\:bg-gradient-to-br { - background-image: linear-gradient(to bottom right, var(--tw-gradient-stops)); + .lg\:min-w-max { + min-width: -moz-max-content; + min-width: max-content; } - .sm\:bg-gradient-to-b { - background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); + .lg\:max-w-0 { + max-width: 0rem; } - .sm\:bg-gradient-to-bl { - background-image: linear-gradient(to bottom left, var(--tw-gradient-stops)); + .lg\:max-w-none { + max-width: none; } - .sm\:bg-gradient-to-l { - background-image: linear-gradient(to left, var(--tw-gradient-stops)); + .lg\:max-w-xs { + max-width: 20rem; } - .sm\:bg-gradient-to-tl { - background-image: linear-gradient(to top left, var(--tw-gradient-stops)); + .lg\:max-w-sm { + max-width: 24rem; } - .sm\:from-transparent { - --tw-gradient-from: transparent; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); + .lg\:max-w-md { + max-width: 28rem; } - .sm\:from-current { - --tw-gradient-from: currentColor; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + .lg\:max-w-lg { + max-width: 32rem; } - .sm\:from-black { - --tw-gradient-from: #000; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); + .lg\:max-w-xl { + max-width: 36rem; } - .sm\:from-white { - --tw-gradient-from: #fff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + .lg\:max-w-2xl { + max-width: 42rem; } - .sm\:from-gray-50 { - --tw-gradient-from: #f9fafb; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0)); + .lg\:max-w-3xl { + max-width: 48rem; } - .sm\:from-gray-100 { - --tw-gradient-from: #f3f4f6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0)); + .lg\:max-w-4xl { + max-width: 56rem; } - .sm\:from-gray-200 { - --tw-gradient-from: #e5e7eb; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0)); + .lg\:max-w-5xl { + max-width: 64rem; } - .sm\:from-gray-300 { - --tw-gradient-from: #d1d5db; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0)); + .lg\:max-w-6xl { + max-width: 72rem; } - .sm\:from-gray-400 { - --tw-gradient-from: #9ca3af; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0)); + .lg\:max-w-7xl { + max-width: 80rem; } - .sm\:from-gray-500 { - --tw-gradient-from: #6b7280; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0)); + .lg\:max-w-full { + max-width: 100%; } - .sm\:from-gray-600 { - --tw-gradient-from: #4b5563; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0)); + .lg\:max-w-min { + max-width: -moz-min-content; + max-width: min-content; } - .sm\:from-gray-700 { - --tw-gradient-from: #374151; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0)); + .lg\:max-w-max { + max-width: -moz-max-content; + max-width: max-content; } - .sm\:from-gray-800 { - --tw-gradient-from: #1f2937; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0)); + .lg\:max-w-prose { + max-width: 65ch; } - .sm\:from-gray-900 { - --tw-gradient-from: #111827; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0)); + .lg\:max-w-screen-sm { + max-width: 640px; } - .sm\:from-red-50 { - --tw-gradient-from: #fef2f2; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0)); + .lg\:max-w-screen-md { + max-width: 768px; } - .sm\:from-red-100 { - --tw-gradient-from: #fee2e2; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0)); + .lg\:max-w-screen-lg { + max-width: 1024px; } - .sm\:from-red-200 { - --tw-gradient-from: #fecaca; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0)); + .lg\:max-w-screen-xl { + max-width: 1280px; } - .sm\:from-red-300 { - --tw-gradient-from: #fca5a5; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0)); + .lg\:max-w-screen-2xl { + max-width: 1536px; } - .sm\:from-red-400 { - --tw-gradient-from: #f87171; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0)); + .lg\:flex-1 { + flex: 1 1 0%; } - .sm\:from-red-500 { - --tw-gradient-from: #ef4444; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0)); + .lg\:flex-auto { + flex: 1 1 auto; } - .sm\:from-red-600 { - --tw-gradient-from: #dc2626; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0)); + .lg\:flex-initial { + flex: 0 1 auto; } - .sm\:from-red-700 { - --tw-gradient-from: #b91c1c; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0)); + .lg\:flex-none { + flex: none; } - .sm\:from-red-800 { - --tw-gradient-from: #991b1b; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0)); + .lg\:flex-shrink-0 { + flex-shrink: 0; } - .sm\:from-red-900 { - --tw-gradient-from: #7f1d1d; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0)); + .lg\:flex-shrink { + flex-shrink: 1; } - .sm\:from-yellow-50 { - --tw-gradient-from: #fffbeb; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0)); + .lg\:flex-grow-0 { + flex-grow: 0; } - .sm\:from-yellow-100 { - --tw-gradient-from: #fef3c7; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0)); + .lg\:flex-grow { + flex-grow: 1; } - .sm\:from-yellow-200 { - --tw-gradient-from: #fde68a; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0)); + .lg\:table-auto { + table-layout: auto; } - .sm\:from-yellow-300 { - --tw-gradient-from: #fcd34d; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0)); + .lg\:table-fixed { + table-layout: fixed; } - .sm\:from-yellow-400 { - --tw-gradient-from: #fbbf24; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0)); + .lg\:border-collapse { + border-collapse: collapse; } - .sm\:from-yellow-500 { - --tw-gradient-from: #f59e0b; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0)); + .lg\:border-separate { + border-collapse: separate; } - .sm\:from-yellow-600 { - --tw-gradient-from: #d97706; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0)); + .lg\:origin-center { + transform-origin: center; } - .sm\:from-yellow-700 { - --tw-gradient-from: #b45309; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0)); + .lg\:origin-top { + transform-origin: top; } - .sm\:from-yellow-800 { - --tw-gradient-from: #92400e; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0)); + .lg\:origin-top-right { + transform-origin: top right; } - .sm\:from-yellow-900 { - --tw-gradient-from: #78350f; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0)); + .lg\:origin-right { + transform-origin: right; } - .sm\:from-green-50 { - --tw-gradient-from: #ecfdf5; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0)); + .lg\:origin-bottom-right { + transform-origin: bottom right; } - .sm\:from-green-100 { - --tw-gradient-from: #d1fae5; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0)); + .lg\:origin-bottom { + transform-origin: bottom; } - .sm\:from-green-200 { - --tw-gradient-from: #a7f3d0; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0)); + .lg\:origin-bottom-left { + transform-origin: bottom left; } - .sm\:from-green-300 { - --tw-gradient-from: #6ee7b7; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0)); + .lg\:origin-left { + transform-origin: left; } - .sm\:from-green-400 { - --tw-gradient-from: #34d399; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0)); + .lg\:origin-top-left { + transform-origin: top left; } - .sm\:from-green-500 { - --tw-gradient-from: #10b981; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0)); + .lg\:transform { + --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; + transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } - .sm\:from-green-600 { - --tw-gradient-from: #059669; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0)); + .lg\:transform-gpu { + --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; + transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } - .sm\:from-green-700 { - --tw-gradient-from: #047857; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0)); + .lg\:transform-none { + transform: none; } - .sm\:from-green-800 { - --tw-gradient-from: #065f46; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0)); + .lg\:translate-x-0 { + --tw-translate-x: 0px; } - .sm\:from-green-900 { - --tw-gradient-from: #064e3b; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0)); + .lg\:translate-x-1 { + --tw-translate-x: 0.25rem; } - .sm\:from-blue-50 { - --tw-gradient-from: #eff6ff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0)); + .lg\:translate-x-2 { + --tw-translate-x: 0.5rem; } - .sm\:from-blue-100 { - --tw-gradient-from: #dbeafe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0)); + .lg\:translate-x-3 { + --tw-translate-x: 0.75rem; } - .sm\:from-blue-200 { - --tw-gradient-from: #bfdbfe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0)); + .lg\:translate-x-4 { + --tw-translate-x: 1rem; } - .sm\:from-blue-300 { - --tw-gradient-from: #93c5fd; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0)); + .lg\:translate-x-5 { + --tw-translate-x: 1.25rem; } - .sm\:from-blue-400 { - --tw-gradient-from: #60a5fa; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0)); + .lg\:translate-x-6 { + --tw-translate-x: 1.5rem; } - .sm\:from-blue-500 { - --tw-gradient-from: #3b82f6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0)); + .lg\:translate-x-7 { + --tw-translate-x: 1.75rem; } - .sm\:from-blue-600 { - --tw-gradient-from: #2563eb; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0)); + .lg\:translate-x-8 { + --tw-translate-x: 2rem; } - .sm\:from-blue-700 { - --tw-gradient-from: #1d4ed8; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0)); + .lg\:translate-x-9 { + --tw-translate-x: 2.25rem; } - .sm\:from-blue-800 { - --tw-gradient-from: #1e40af; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0)); + .lg\:translate-x-10 { + --tw-translate-x: 2.5rem; } - .sm\:from-blue-900 { - --tw-gradient-from: #1e3a8a; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0)); + .lg\:translate-x-11 { + --tw-translate-x: 2.75rem; } - .sm\:from-indigo-50 { - --tw-gradient-from: #eef2ff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0)); + .lg\:translate-x-12 { + --tw-translate-x: 3rem; } - .sm\:from-indigo-100 { - --tw-gradient-from: #e0e7ff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0)); + .lg\:translate-x-14 { + --tw-translate-x: 3.5rem; } - .sm\:from-indigo-200 { - --tw-gradient-from: #c7d2fe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0)); + .lg\:translate-x-16 { + --tw-translate-x: 4rem; } - .sm\:from-indigo-300 { - --tw-gradient-from: #a5b4fc; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0)); + .lg\:translate-x-20 { + --tw-translate-x: 5rem; } - .sm\:from-indigo-400 { - --tw-gradient-from: #818cf8; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0)); + .lg\:translate-x-24 { + --tw-translate-x: 6rem; } - .sm\:from-indigo-500 { - --tw-gradient-from: #6366f1; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0)); + .lg\:translate-x-28 { + --tw-translate-x: 7rem; } - .sm\:from-indigo-600 { - --tw-gradient-from: #4f46e5; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0)); + .lg\:translate-x-32 { + --tw-translate-x: 8rem; } - .sm\:from-indigo-700 { - --tw-gradient-from: #4338ca; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0)); + .lg\:translate-x-36 { + --tw-translate-x: 9rem; } - .sm\:from-indigo-800 { - --tw-gradient-from: #3730a3; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0)); + .lg\:translate-x-40 { + --tw-translate-x: 10rem; } - .sm\:from-indigo-900 { - --tw-gradient-from: #312e81; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0)); + .lg\:translate-x-44 { + --tw-translate-x: 11rem; } - .sm\:from-purple-50 { - --tw-gradient-from: #f5f3ff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0)); + .lg\:translate-x-48 { + --tw-translate-x: 12rem; } - .sm\:from-purple-100 { - --tw-gradient-from: #ede9fe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0)); + .lg\:translate-x-52 { + --tw-translate-x: 13rem; } - .sm\:from-purple-200 { - --tw-gradient-from: #ddd6fe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0)); + .lg\:translate-x-56 { + --tw-translate-x: 14rem; } - .sm\:from-purple-300 { - --tw-gradient-from: #c4b5fd; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0)); + .lg\:translate-x-60 { + --tw-translate-x: 15rem; } - .sm\:from-purple-400 { - --tw-gradient-from: #a78bfa; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0)); + .lg\:translate-x-64 { + --tw-translate-x: 16rem; } - .sm\:from-purple-500 { - --tw-gradient-from: #8b5cf6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0)); + .lg\:translate-x-72 { + --tw-translate-x: 18rem; } - .sm\:from-purple-600 { - --tw-gradient-from: #7c3aed; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0)); + .lg\:translate-x-80 { + --tw-translate-x: 20rem; } - .sm\:from-purple-700 { - --tw-gradient-from: #6d28d9; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0)); + .lg\:translate-x-96 { + --tw-translate-x: 24rem; } - .sm\:from-purple-800 { - --tw-gradient-from: #5b21b6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0)); + .lg\:translate-x-px { + --tw-translate-x: 1px; } - .sm\:from-purple-900 { - --tw-gradient-from: #4c1d95; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0)); + .lg\:translate-x-0\.5 { + --tw-translate-x: 0.125rem; } - .sm\:from-pink-50 { - --tw-gradient-from: #fdf2f8; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0)); + .lg\:translate-x-1\.5 { + --tw-translate-x: 0.375rem; } - .sm\:from-pink-100 { - --tw-gradient-from: #fce7f3; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0)); + .lg\:translate-x-2\.5 { + --tw-translate-x: 0.625rem; } - .sm\:from-pink-200 { - --tw-gradient-from: #fbcfe8; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0)); + .lg\:translate-x-3\.5 { + --tw-translate-x: 0.875rem; } - .sm\:from-pink-300 { - --tw-gradient-from: #f9a8d4; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0)); + .lg\:-translate-x-0 { + --tw-translate-x: 0px; } - .sm\:from-pink-400 { - --tw-gradient-from: #f472b6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0)); + .lg\:-translate-x-1 { + --tw-translate-x: -0.25rem; } - .sm\:from-pink-500 { - --tw-gradient-from: #ec4899; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0)); + .lg\:-translate-x-2 { + --tw-translate-x: -0.5rem; } - .sm\:from-pink-600 { - --tw-gradient-from: #db2777; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0)); + .lg\:-translate-x-3 { + --tw-translate-x: -0.75rem; } - .sm\:from-pink-700 { - --tw-gradient-from: #be185d; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0)); + .lg\:-translate-x-4 { + --tw-translate-x: -1rem; } - .sm\:from-pink-800 { - --tw-gradient-from: #9d174d; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0)); + .lg\:-translate-x-5 { + --tw-translate-x: -1.25rem; } - .sm\:from-pink-900 { - --tw-gradient-from: #831843; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0)); + .lg\:-translate-x-6 { + --tw-translate-x: -1.5rem; } - .sm\:hover\:from-transparent:hover { - --tw-gradient-from: transparent; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); + .lg\:-translate-x-7 { + --tw-translate-x: -1.75rem; } - .sm\:hover\:from-current:hover { - --tw-gradient-from: currentColor; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + .lg\:-translate-x-8 { + --tw-translate-x: -2rem; } - .sm\:hover\:from-black:hover { - --tw-gradient-from: #000; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); + .lg\:-translate-x-9 { + --tw-translate-x: -2.25rem; } - .sm\:hover\:from-white:hover { - --tw-gradient-from: #fff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + .lg\:-translate-x-10 { + --tw-translate-x: -2.5rem; } - .sm\:hover\:from-gray-50:hover { - --tw-gradient-from: #f9fafb; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0)); + .lg\:-translate-x-11 { + --tw-translate-x: -2.75rem; } - .sm\:hover\:from-gray-100:hover { - --tw-gradient-from: #f3f4f6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0)); + .lg\:-translate-x-12 { + --tw-translate-x: -3rem; } - .sm\:hover\:from-gray-200:hover { - --tw-gradient-from: #e5e7eb; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0)); + .lg\:-translate-x-14 { + --tw-translate-x: -3.5rem; } - .sm\:hover\:from-gray-300:hover { - --tw-gradient-from: #d1d5db; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0)); + .lg\:-translate-x-16 { + --tw-translate-x: -4rem; } - .sm\:hover\:from-gray-400:hover { - --tw-gradient-from: #9ca3af; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0)); + .lg\:-translate-x-20 { + --tw-translate-x: -5rem; } - .sm\:hover\:from-gray-500:hover { - --tw-gradient-from: #6b7280; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0)); + .lg\:-translate-x-24 { + --tw-translate-x: -6rem; } - .sm\:hover\:from-gray-600:hover { - --tw-gradient-from: #4b5563; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0)); + .lg\:-translate-x-28 { + --tw-translate-x: -7rem; } - .sm\:hover\:from-gray-700:hover { - --tw-gradient-from: #374151; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0)); + .lg\:-translate-x-32 { + --tw-translate-x: -8rem; } - .sm\:hover\:from-gray-800:hover { - --tw-gradient-from: #1f2937; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0)); + .lg\:-translate-x-36 { + --tw-translate-x: -9rem; } - .sm\:hover\:from-gray-900:hover { - --tw-gradient-from: #111827; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0)); + .lg\:-translate-x-40 { + --tw-translate-x: -10rem; } - .sm\:hover\:from-red-50:hover { - --tw-gradient-from: #fef2f2; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0)); + .lg\:-translate-x-44 { + --tw-translate-x: -11rem; } - .sm\:hover\:from-red-100:hover { - --tw-gradient-from: #fee2e2; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0)); + .lg\:-translate-x-48 { + --tw-translate-x: -12rem; } - .sm\:hover\:from-red-200:hover { - --tw-gradient-from: #fecaca; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0)); + .lg\:-translate-x-52 { + --tw-translate-x: -13rem; } - .sm\:hover\:from-red-300:hover { - --tw-gradient-from: #fca5a5; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0)); + .lg\:-translate-x-56 { + --tw-translate-x: -14rem; } - .sm\:hover\:from-red-400:hover { - --tw-gradient-from: #f87171; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0)); + .lg\:-translate-x-60 { + --tw-translate-x: -15rem; } - .sm\:hover\:from-red-500:hover { - --tw-gradient-from: #ef4444; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0)); + .lg\:-translate-x-64 { + --tw-translate-x: -16rem; } - .sm\:hover\:from-red-600:hover { - --tw-gradient-from: #dc2626; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0)); + .lg\:-translate-x-72 { + --tw-translate-x: -18rem; } - .sm\:hover\:from-red-700:hover { - --tw-gradient-from: #b91c1c; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0)); + .lg\:-translate-x-80 { + --tw-translate-x: -20rem; } - .sm\:hover\:from-red-800:hover { - --tw-gradient-from: #991b1b; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0)); + .lg\:-translate-x-96 { + --tw-translate-x: -24rem; } - .sm\:hover\:from-red-900:hover { - --tw-gradient-from: #7f1d1d; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0)); + .lg\:-translate-x-px { + --tw-translate-x: -1px; } - .sm\:hover\:from-yellow-50:hover { - --tw-gradient-from: #fffbeb; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0)); + .lg\:-translate-x-0\.5 { + --tw-translate-x: -0.125rem; } - .sm\:hover\:from-yellow-100:hover { - --tw-gradient-from: #fef3c7; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0)); + .lg\:-translate-x-1\.5 { + --tw-translate-x: -0.375rem; } - .sm\:hover\:from-yellow-200:hover { - --tw-gradient-from: #fde68a; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0)); + .lg\:-translate-x-2\.5 { + --tw-translate-x: -0.625rem; } - .sm\:hover\:from-yellow-300:hover { - --tw-gradient-from: #fcd34d; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0)); + .lg\:-translate-x-3\.5 { + --tw-translate-x: -0.875rem; } - .sm\:hover\:from-yellow-400:hover { - --tw-gradient-from: #fbbf24; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0)); + .lg\:translate-x-1\/2 { + --tw-translate-x: 50%; } - .sm\:hover\:from-yellow-500:hover { - --tw-gradient-from: #f59e0b; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0)); + .lg\:translate-x-1\/3 { + --tw-translate-x: 33.333333%; } - .sm\:hover\:from-yellow-600:hover { - --tw-gradient-from: #d97706; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0)); + .lg\:translate-x-2\/3 { + --tw-translate-x: 66.666667%; } - .sm\:hover\:from-yellow-700:hover { - --tw-gradient-from: #b45309; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0)); + .lg\:translate-x-1\/4 { + --tw-translate-x: 25%; } - .sm\:hover\:from-yellow-800:hover { - --tw-gradient-from: #92400e; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0)); + .lg\:translate-x-2\/4 { + --tw-translate-x: 50%; } - .sm\:hover\:from-yellow-900:hover { - --tw-gradient-from: #78350f; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0)); + .lg\:translate-x-3\/4 { + --tw-translate-x: 75%; } - .sm\:hover\:from-green-50:hover { - --tw-gradient-from: #ecfdf5; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0)); + .lg\:translate-x-full { + --tw-translate-x: 100%; } - .sm\:hover\:from-green-100:hover { - --tw-gradient-from: #d1fae5; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0)); + .lg\:-translate-x-1\/2 { + --tw-translate-x: -50%; } - .sm\:hover\:from-green-200:hover { - --tw-gradient-from: #a7f3d0; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0)); + .lg\:-translate-x-1\/3 { + --tw-translate-x: -33.333333%; } - .sm\:hover\:from-green-300:hover { - --tw-gradient-from: #6ee7b7; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0)); + .lg\:-translate-x-2\/3 { + --tw-translate-x: -66.666667%; } - .sm\:hover\:from-green-400:hover { - --tw-gradient-from: #34d399; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0)); + .lg\:-translate-x-1\/4 { + --tw-translate-x: -25%; } - .sm\:hover\:from-green-500:hover { - --tw-gradient-from: #10b981; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0)); + .lg\:-translate-x-2\/4 { + --tw-translate-x: -50%; } - .sm\:hover\:from-green-600:hover { - --tw-gradient-from: #059669; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0)); + .lg\:-translate-x-3\/4 { + --tw-translate-x: -75%; } - .sm\:hover\:from-green-700:hover { - --tw-gradient-from: #047857; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0)); + .lg\:-translate-x-full { + --tw-translate-x: -100%; } - .sm\:hover\:from-green-800:hover { - --tw-gradient-from: #065f46; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0)); + .lg\:translate-y-0 { + --tw-translate-y: 0px; } - .sm\:hover\:from-green-900:hover { - --tw-gradient-from: #064e3b; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0)); + .lg\:translate-y-1 { + --tw-translate-y: 0.25rem; } - .sm\:hover\:from-blue-50:hover { - --tw-gradient-from: #eff6ff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0)); + .lg\:translate-y-2 { + --tw-translate-y: 0.5rem; } - .sm\:hover\:from-blue-100:hover { - --tw-gradient-from: #dbeafe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0)); + .lg\:translate-y-3 { + --tw-translate-y: 0.75rem; } - .sm\:hover\:from-blue-200:hover { - --tw-gradient-from: #bfdbfe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0)); + .lg\:translate-y-4 { + --tw-translate-y: 1rem; } - .sm\:hover\:from-blue-300:hover { - --tw-gradient-from: #93c5fd; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0)); + .lg\:translate-y-5 { + --tw-translate-y: 1.25rem; } - .sm\:hover\:from-blue-400:hover { - --tw-gradient-from: #60a5fa; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0)); + .lg\:translate-y-6 { + --tw-translate-y: 1.5rem; } - .sm\:hover\:from-blue-500:hover { - --tw-gradient-from: #3b82f6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0)); + .lg\:translate-y-7 { + --tw-translate-y: 1.75rem; } - .sm\:hover\:from-blue-600:hover { - --tw-gradient-from: #2563eb; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0)); + .lg\:translate-y-8 { + --tw-translate-y: 2rem; } - .sm\:hover\:from-blue-700:hover { - --tw-gradient-from: #1d4ed8; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0)); + .lg\:translate-y-9 { + --tw-translate-y: 2.25rem; } - .sm\:hover\:from-blue-800:hover { - --tw-gradient-from: #1e40af; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0)); + .lg\:translate-y-10 { + --tw-translate-y: 2.5rem; } - .sm\:hover\:from-blue-900:hover { - --tw-gradient-from: #1e3a8a; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0)); + .lg\:translate-y-11 { + --tw-translate-y: 2.75rem; } - .sm\:hover\:from-indigo-50:hover { - --tw-gradient-from: #eef2ff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0)); + .lg\:translate-y-12 { + --tw-translate-y: 3rem; } - .sm\:hover\:from-indigo-100:hover { - --tw-gradient-from: #e0e7ff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0)); + .lg\:translate-y-14 { + --tw-translate-y: 3.5rem; } - .sm\:hover\:from-indigo-200:hover { - --tw-gradient-from: #c7d2fe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0)); + .lg\:translate-y-16 { + --tw-translate-y: 4rem; } - .sm\:hover\:from-indigo-300:hover { - --tw-gradient-from: #a5b4fc; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0)); + .lg\:translate-y-20 { + --tw-translate-y: 5rem; } - .sm\:hover\:from-indigo-400:hover { - --tw-gradient-from: #818cf8; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0)); + .lg\:translate-y-24 { + --tw-translate-y: 6rem; } - .sm\:hover\:from-indigo-500:hover { - --tw-gradient-from: #6366f1; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0)); + .lg\:translate-y-28 { + --tw-translate-y: 7rem; } - .sm\:hover\:from-indigo-600:hover { - --tw-gradient-from: #4f46e5; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0)); + .lg\:translate-y-32 { + --tw-translate-y: 8rem; } - .sm\:hover\:from-indigo-700:hover { - --tw-gradient-from: #4338ca; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0)); + .lg\:translate-y-36 { + --tw-translate-y: 9rem; } - .sm\:hover\:from-indigo-800:hover { - --tw-gradient-from: #3730a3; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0)); + .lg\:translate-y-40 { + --tw-translate-y: 10rem; } - .sm\:hover\:from-indigo-900:hover { - --tw-gradient-from: #312e81; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0)); + .lg\:translate-y-44 { + --tw-translate-y: 11rem; } - .sm\:hover\:from-purple-50:hover { - --tw-gradient-from: #f5f3ff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0)); + .lg\:translate-y-48 { + --tw-translate-y: 12rem; } - .sm\:hover\:from-purple-100:hover { - --tw-gradient-from: #ede9fe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0)); + .lg\:translate-y-52 { + --tw-translate-y: 13rem; } - .sm\:hover\:from-purple-200:hover { - --tw-gradient-from: #ddd6fe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0)); + .lg\:translate-y-56 { + --tw-translate-y: 14rem; } - .sm\:hover\:from-purple-300:hover { - --tw-gradient-from: #c4b5fd; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0)); + .lg\:translate-y-60 { + --tw-translate-y: 15rem; } - .sm\:hover\:from-purple-400:hover { - --tw-gradient-from: #a78bfa; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0)); + .lg\:translate-y-64 { + --tw-translate-y: 16rem; } - .sm\:hover\:from-purple-500:hover { - --tw-gradient-from: #8b5cf6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0)); + .lg\:translate-y-72 { + --tw-translate-y: 18rem; } - .sm\:hover\:from-purple-600:hover { - --tw-gradient-from: #7c3aed; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0)); + .lg\:translate-y-80 { + --tw-translate-y: 20rem; } - .sm\:hover\:from-purple-700:hover { - --tw-gradient-from: #6d28d9; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0)); + .lg\:translate-y-96 { + --tw-translate-y: 24rem; } - .sm\:hover\:from-purple-800:hover { - --tw-gradient-from: #5b21b6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0)); + .lg\:translate-y-px { + --tw-translate-y: 1px; } - .sm\:hover\:from-purple-900:hover { - --tw-gradient-from: #4c1d95; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0)); + .lg\:translate-y-0\.5 { + --tw-translate-y: 0.125rem; } - .sm\:hover\:from-pink-50:hover { - --tw-gradient-from: #fdf2f8; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0)); + .lg\:translate-y-1\.5 { + --tw-translate-y: 0.375rem; } - .sm\:hover\:from-pink-100:hover { - --tw-gradient-from: #fce7f3; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0)); + .lg\:translate-y-2\.5 { + --tw-translate-y: 0.625rem; } - .sm\:hover\:from-pink-200:hover { - --tw-gradient-from: #fbcfe8; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0)); + .lg\:translate-y-3\.5 { + --tw-translate-y: 0.875rem; } - .sm\:hover\:from-pink-300:hover { - --tw-gradient-from: #f9a8d4; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0)); + .lg\:-translate-y-0 { + --tw-translate-y: 0px; } - .sm\:hover\:from-pink-400:hover { - --tw-gradient-from: #f472b6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0)); + .lg\:-translate-y-1 { + --tw-translate-y: -0.25rem; } - .sm\:hover\:from-pink-500:hover { - --tw-gradient-from: #ec4899; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0)); + .lg\:-translate-y-2 { + --tw-translate-y: -0.5rem; } - .sm\:hover\:from-pink-600:hover { - --tw-gradient-from: #db2777; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0)); + .lg\:-translate-y-3 { + --tw-translate-y: -0.75rem; } - .sm\:hover\:from-pink-700:hover { - --tw-gradient-from: #be185d; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0)); + .lg\:-translate-y-4 { + --tw-translate-y: -1rem; } - .sm\:hover\:from-pink-800:hover { - --tw-gradient-from: #9d174d; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0)); + .lg\:-translate-y-5 { + --tw-translate-y: -1.25rem; } - .sm\:hover\:from-pink-900:hover { - --tw-gradient-from: #831843; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0)); + .lg\:-translate-y-6 { + --tw-translate-y: -1.5rem; } - .sm\:focus\:from-transparent:focus { - --tw-gradient-from: transparent; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); + .lg\:-translate-y-7 { + --tw-translate-y: -1.75rem; } - .sm\:focus\:from-current:focus { - --tw-gradient-from: currentColor; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + .lg\:-translate-y-8 { + --tw-translate-y: -2rem; } - .sm\:focus\:from-black:focus { - --tw-gradient-from: #000; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); + .lg\:-translate-y-9 { + --tw-translate-y: -2.25rem; } - .sm\:focus\:from-white:focus { - --tw-gradient-from: #fff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + .lg\:-translate-y-10 { + --tw-translate-y: -2.5rem; } - .sm\:focus\:from-gray-50:focus { - --tw-gradient-from: #f9fafb; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0)); + .lg\:-translate-y-11 { + --tw-translate-y: -2.75rem; } - .sm\:focus\:from-gray-100:focus { - --tw-gradient-from: #f3f4f6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0)); + .lg\:-translate-y-12 { + --tw-translate-y: -3rem; } - .sm\:focus\:from-gray-200:focus { - --tw-gradient-from: #e5e7eb; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0)); + .lg\:-translate-y-14 { + --tw-translate-y: -3.5rem; } - .sm\:focus\:from-gray-300:focus { - --tw-gradient-from: #d1d5db; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0)); + .lg\:-translate-y-16 { + --tw-translate-y: -4rem; } - .sm\:focus\:from-gray-400:focus { - --tw-gradient-from: #9ca3af; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0)); + .lg\:-translate-y-20 { + --tw-translate-y: -5rem; } - .sm\:focus\:from-gray-500:focus { - --tw-gradient-from: #6b7280; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0)); + .lg\:-translate-y-24 { + --tw-translate-y: -6rem; } - .sm\:focus\:from-gray-600:focus { - --tw-gradient-from: #4b5563; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0)); + .lg\:-translate-y-28 { + --tw-translate-y: -7rem; } - .sm\:focus\:from-gray-700:focus { - --tw-gradient-from: #374151; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0)); + .lg\:-translate-y-32 { + --tw-translate-y: -8rem; } - .sm\:focus\:from-gray-800:focus { - --tw-gradient-from: #1f2937; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0)); + .lg\:-translate-y-36 { + --tw-translate-y: -9rem; } - .sm\:focus\:from-gray-900:focus { - --tw-gradient-from: #111827; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0)); + .lg\:-translate-y-40 { + --tw-translate-y: -10rem; } - .sm\:focus\:from-red-50:focus { - --tw-gradient-from: #fef2f2; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0)); + .lg\:-translate-y-44 { + --tw-translate-y: -11rem; } - .sm\:focus\:from-red-100:focus { - --tw-gradient-from: #fee2e2; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0)); + .lg\:-translate-y-48 { + --tw-translate-y: -12rem; } - .sm\:focus\:from-red-200:focus { - --tw-gradient-from: #fecaca; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0)); + .lg\:-translate-y-52 { + --tw-translate-y: -13rem; } - .sm\:focus\:from-red-300:focus { - --tw-gradient-from: #fca5a5; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0)); + .lg\:-translate-y-56 { + --tw-translate-y: -14rem; } - .sm\:focus\:from-red-400:focus { - --tw-gradient-from: #f87171; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0)); + .lg\:-translate-y-60 { + --tw-translate-y: -15rem; } - .sm\:focus\:from-red-500:focus { - --tw-gradient-from: #ef4444; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0)); + .lg\:-translate-y-64 { + --tw-translate-y: -16rem; } - .sm\:focus\:from-red-600:focus { - --tw-gradient-from: #dc2626; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0)); + .lg\:-translate-y-72 { + --tw-translate-y: -18rem; } - .sm\:focus\:from-red-700:focus { - --tw-gradient-from: #b91c1c; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0)); + .lg\:-translate-y-80 { + --tw-translate-y: -20rem; } - .sm\:focus\:from-red-800:focus { - --tw-gradient-from: #991b1b; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0)); + .lg\:-translate-y-96 { + --tw-translate-y: -24rem; } - .sm\:focus\:from-red-900:focus { - --tw-gradient-from: #7f1d1d; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0)); + .lg\:-translate-y-px { + --tw-translate-y: -1px; } - .sm\:focus\:from-yellow-50:focus { - --tw-gradient-from: #fffbeb; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0)); + .lg\:-translate-y-0\.5 { + --tw-translate-y: -0.125rem; } - .sm\:focus\:from-yellow-100:focus { - --tw-gradient-from: #fef3c7; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0)); + .lg\:-translate-y-1\.5 { + --tw-translate-y: -0.375rem; } - .sm\:focus\:from-yellow-200:focus { - --tw-gradient-from: #fde68a; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0)); + .lg\:-translate-y-2\.5 { + --tw-translate-y: -0.625rem; } - .sm\:focus\:from-yellow-300:focus { - --tw-gradient-from: #fcd34d; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0)); + .lg\:-translate-y-3\.5 { + --tw-translate-y: -0.875rem; } - .sm\:focus\:from-yellow-400:focus { - --tw-gradient-from: #fbbf24; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0)); + .lg\:translate-y-1\/2 { + --tw-translate-y: 50%; } - .sm\:focus\:from-yellow-500:focus { - --tw-gradient-from: #f59e0b; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0)); + .lg\:translate-y-1\/3 { + --tw-translate-y: 33.333333%; } - .sm\:focus\:from-yellow-600:focus { - --tw-gradient-from: #d97706; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0)); + .lg\:translate-y-2\/3 { + --tw-translate-y: 66.666667%; } - .sm\:focus\:from-yellow-700:focus { - --tw-gradient-from: #b45309; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0)); + .lg\:translate-y-1\/4 { + --tw-translate-y: 25%; } - .sm\:focus\:from-yellow-800:focus { - --tw-gradient-from: #92400e; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0)); + .lg\:translate-y-2\/4 { + --tw-translate-y: 50%; } - .sm\:focus\:from-yellow-900:focus { - --tw-gradient-from: #78350f; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0)); + .lg\:translate-y-3\/4 { + --tw-translate-y: 75%; } - .sm\:focus\:from-green-50:focus { - --tw-gradient-from: #ecfdf5; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0)); + .lg\:translate-y-full { + --tw-translate-y: 100%; } - .sm\:focus\:from-green-100:focus { - --tw-gradient-from: #d1fae5; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0)); + .lg\:-translate-y-1\/2 { + --tw-translate-y: -50%; } - .sm\:focus\:from-green-200:focus { - --tw-gradient-from: #a7f3d0; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0)); + .lg\:-translate-y-1\/3 { + --tw-translate-y: -33.333333%; } - .sm\:focus\:from-green-300:focus { - --tw-gradient-from: #6ee7b7; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0)); + .lg\:-translate-y-2\/3 { + --tw-translate-y: -66.666667%; } - .sm\:focus\:from-green-400:focus { - --tw-gradient-from: #34d399; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0)); + .lg\:-translate-y-1\/4 { + --tw-translate-y: -25%; } - .sm\:focus\:from-green-500:focus { - --tw-gradient-from: #10b981; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0)); + .lg\:-translate-y-2\/4 { + --tw-translate-y: -50%; } - .sm\:focus\:from-green-600:focus { - --tw-gradient-from: #059669; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0)); + .lg\:-translate-y-3\/4 { + --tw-translate-y: -75%; } - .sm\:focus\:from-green-700:focus { - --tw-gradient-from: #047857; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0)); + .lg\:-translate-y-full { + --tw-translate-y: -100%; } - .sm\:focus\:from-green-800:focus { - --tw-gradient-from: #065f46; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0)); + .lg\:hover\:translate-x-0:hover { + --tw-translate-x: 0px; } - .sm\:focus\:from-green-900:focus { - --tw-gradient-from: #064e3b; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0)); + .lg\:hover\:translate-x-1:hover { + --tw-translate-x: 0.25rem; } - .sm\:focus\:from-blue-50:focus { - --tw-gradient-from: #eff6ff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0)); + .lg\:hover\:translate-x-2:hover { + --tw-translate-x: 0.5rem; } - .sm\:focus\:from-blue-100:focus { - --tw-gradient-from: #dbeafe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0)); + .lg\:hover\:translate-x-3:hover { + --tw-translate-x: 0.75rem; } - .sm\:focus\:from-blue-200:focus { - --tw-gradient-from: #bfdbfe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0)); + .lg\:hover\:translate-x-4:hover { + --tw-translate-x: 1rem; } - .sm\:focus\:from-blue-300:focus { - --tw-gradient-from: #93c5fd; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0)); + .lg\:hover\:translate-x-5:hover { + --tw-translate-x: 1.25rem; } - .sm\:focus\:from-blue-400:focus { - --tw-gradient-from: #60a5fa; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0)); + .lg\:hover\:translate-x-6:hover { + --tw-translate-x: 1.5rem; } - .sm\:focus\:from-blue-500:focus { - --tw-gradient-from: #3b82f6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0)); + .lg\:hover\:translate-x-7:hover { + --tw-translate-x: 1.75rem; } - .sm\:focus\:from-blue-600:focus { - --tw-gradient-from: #2563eb; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0)); + .lg\:hover\:translate-x-8:hover { + --tw-translate-x: 2rem; } - .sm\:focus\:from-blue-700:focus { - --tw-gradient-from: #1d4ed8; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0)); + .lg\:hover\:translate-x-9:hover { + --tw-translate-x: 2.25rem; } - .sm\:focus\:from-blue-800:focus { - --tw-gradient-from: #1e40af; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0)); + .lg\:hover\:translate-x-10:hover { + --tw-translate-x: 2.5rem; } - .sm\:focus\:from-blue-900:focus { - --tw-gradient-from: #1e3a8a; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0)); + .lg\:hover\:translate-x-11:hover { + --tw-translate-x: 2.75rem; } - .sm\:focus\:from-indigo-50:focus { - --tw-gradient-from: #eef2ff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0)); + .lg\:hover\:translate-x-12:hover { + --tw-translate-x: 3rem; } - .sm\:focus\:from-indigo-100:focus { - --tw-gradient-from: #e0e7ff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0)); + .lg\:hover\:translate-x-14:hover { + --tw-translate-x: 3.5rem; } - .sm\:focus\:from-indigo-200:focus { - --tw-gradient-from: #c7d2fe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0)); + .lg\:hover\:translate-x-16:hover { + --tw-translate-x: 4rem; } - .sm\:focus\:from-indigo-300:focus { - --tw-gradient-from: #a5b4fc; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0)); + .lg\:hover\:translate-x-20:hover { + --tw-translate-x: 5rem; } - .sm\:focus\:from-indigo-400:focus { - --tw-gradient-from: #818cf8; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0)); + .lg\:hover\:translate-x-24:hover { + --tw-translate-x: 6rem; } - .sm\:focus\:from-indigo-500:focus { - --tw-gradient-from: #6366f1; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0)); + .lg\:hover\:translate-x-28:hover { + --tw-translate-x: 7rem; } - .sm\:focus\:from-indigo-600:focus { - --tw-gradient-from: #4f46e5; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0)); + .lg\:hover\:translate-x-32:hover { + --tw-translate-x: 8rem; } - .sm\:focus\:from-indigo-700:focus { - --tw-gradient-from: #4338ca; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0)); + .lg\:hover\:translate-x-36:hover { + --tw-translate-x: 9rem; } - .sm\:focus\:from-indigo-800:focus { - --tw-gradient-from: #3730a3; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0)); + .lg\:hover\:translate-x-40:hover { + --tw-translate-x: 10rem; } - .sm\:focus\:from-indigo-900:focus { - --tw-gradient-from: #312e81; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0)); + .lg\:hover\:translate-x-44:hover { + --tw-translate-x: 11rem; } - .sm\:focus\:from-purple-50:focus { - --tw-gradient-from: #f5f3ff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0)); + .lg\:hover\:translate-x-48:hover { + --tw-translate-x: 12rem; } - .sm\:focus\:from-purple-100:focus { - --tw-gradient-from: #ede9fe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0)); + .lg\:hover\:translate-x-52:hover { + --tw-translate-x: 13rem; } - .sm\:focus\:from-purple-200:focus { - --tw-gradient-from: #ddd6fe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0)); + .lg\:hover\:translate-x-56:hover { + --tw-translate-x: 14rem; } - .sm\:focus\:from-purple-300:focus { - --tw-gradient-from: #c4b5fd; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0)); + .lg\:hover\:translate-x-60:hover { + --tw-translate-x: 15rem; } - .sm\:focus\:from-purple-400:focus { - --tw-gradient-from: #a78bfa; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0)); + .lg\:hover\:translate-x-64:hover { + --tw-translate-x: 16rem; } - .sm\:focus\:from-purple-500:focus { - --tw-gradient-from: #8b5cf6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0)); + .lg\:hover\:translate-x-72:hover { + --tw-translate-x: 18rem; } - .sm\:focus\:from-purple-600:focus { - --tw-gradient-from: #7c3aed; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0)); + .lg\:hover\:translate-x-80:hover { + --tw-translate-x: 20rem; } - .sm\:focus\:from-purple-700:focus { - --tw-gradient-from: #6d28d9; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0)); + .lg\:hover\:translate-x-96:hover { + --tw-translate-x: 24rem; } - .sm\:focus\:from-purple-800:focus { - --tw-gradient-from: #5b21b6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0)); + .lg\:hover\:translate-x-px:hover { + --tw-translate-x: 1px; } - .sm\:focus\:from-purple-900:focus { - --tw-gradient-from: #4c1d95; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0)); + .lg\:hover\:translate-x-0\.5:hover { + --tw-translate-x: 0.125rem; } - .sm\:focus\:from-pink-50:focus { - --tw-gradient-from: #fdf2f8; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0)); + .lg\:hover\:translate-x-1\.5:hover { + --tw-translate-x: 0.375rem; } - .sm\:focus\:from-pink-100:focus { - --tw-gradient-from: #fce7f3; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0)); + .lg\:hover\:translate-x-2\.5:hover { + --tw-translate-x: 0.625rem; } - .sm\:focus\:from-pink-200:focus { - --tw-gradient-from: #fbcfe8; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0)); + .lg\:hover\:translate-x-3\.5:hover { + --tw-translate-x: 0.875rem; } - .sm\:focus\:from-pink-300:focus { - --tw-gradient-from: #f9a8d4; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0)); + .lg\:hover\:-translate-x-0:hover { + --tw-translate-x: 0px; } - .sm\:focus\:from-pink-400:focus { - --tw-gradient-from: #f472b6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0)); + .lg\:hover\:-translate-x-1:hover { + --tw-translate-x: -0.25rem; } - .sm\:focus\:from-pink-500:focus { - --tw-gradient-from: #ec4899; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0)); + .lg\:hover\:-translate-x-2:hover { + --tw-translate-x: -0.5rem; } - .sm\:focus\:from-pink-600:focus { - --tw-gradient-from: #db2777; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0)); + .lg\:hover\:-translate-x-3:hover { + --tw-translate-x: -0.75rem; } - .sm\:focus\:from-pink-700:focus { - --tw-gradient-from: #be185d; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0)); + .lg\:hover\:-translate-x-4:hover { + --tw-translate-x: -1rem; } - .sm\:focus\:from-pink-800:focus { - --tw-gradient-from: #9d174d; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0)); + .lg\:hover\:-translate-x-5:hover { + --tw-translate-x: -1.25rem; } - .sm\:focus\:from-pink-900:focus { - --tw-gradient-from: #831843; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0)); + .lg\:hover\:-translate-x-6:hover { + --tw-translate-x: -1.5rem; } - .sm\:via-transparent { - --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0)); + .lg\:hover\:-translate-x-7:hover { + --tw-translate-x: -1.75rem; } - .sm\:via-current { - --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0)); + .lg\:hover\:-translate-x-8:hover { + --tw-translate-x: -2rem; } - .sm\:via-black { - --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0)); + .lg\:hover\:-translate-x-9:hover { + --tw-translate-x: -2.25rem; } - .sm\:via-white { - --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0)); + .lg\:hover\:-translate-x-10:hover { + --tw-translate-x: -2.5rem; } - .sm\:via-gray-50 { - --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0)); + .lg\:hover\:-translate-x-11:hover { + --tw-translate-x: -2.75rem; } - .sm\:via-gray-100 { - --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0)); + .lg\:hover\:-translate-x-12:hover { + --tw-translate-x: -3rem; } - .sm\:via-gray-200 { - --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0)); + .lg\:hover\:-translate-x-14:hover { + --tw-translate-x: -3.5rem; } - .sm\:via-gray-300 { - --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0)); + .lg\:hover\:-translate-x-16:hover { + --tw-translate-x: -4rem; } - .sm\:via-gray-400 { - --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0)); + .lg\:hover\:-translate-x-20:hover { + --tw-translate-x: -5rem; } - .sm\:via-gray-500 { - --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0)); + .lg\:hover\:-translate-x-24:hover { + --tw-translate-x: -6rem; } - .sm\:via-gray-600 { - --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0)); + .lg\:hover\:-translate-x-28:hover { + --tw-translate-x: -7rem; } - .sm\:via-gray-700 { - --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0)); + .lg\:hover\:-translate-x-32:hover { + --tw-translate-x: -8rem; } - .sm\:via-gray-800 { - --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0)); + .lg\:hover\:-translate-x-36:hover { + --tw-translate-x: -9rem; } - .sm\:via-gray-900 { - --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0)); + .lg\:hover\:-translate-x-40:hover { + --tw-translate-x: -10rem; } - .sm\:via-red-50 { - --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0)); + .lg\:hover\:-translate-x-44:hover { + --tw-translate-x: -11rem; } - .sm\:via-red-100 { - --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0)); + .lg\:hover\:-translate-x-48:hover { + --tw-translate-x: -12rem; } - .sm\:via-red-200 { - --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0)); + .lg\:hover\:-translate-x-52:hover { + --tw-translate-x: -13rem; } - .sm\:via-red-300 { - --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0)); + .lg\:hover\:-translate-x-56:hover { + --tw-translate-x: -14rem; } - .sm\:via-red-400 { - --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0)); + .lg\:hover\:-translate-x-60:hover { + --tw-translate-x: -15rem; } - .sm\:via-red-500 { - --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0)); + .lg\:hover\:-translate-x-64:hover { + --tw-translate-x: -16rem; } - .sm\:via-red-600 { - --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0)); + .lg\:hover\:-translate-x-72:hover { + --tw-translate-x: -18rem; } - .sm\:via-red-700 { - --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0)); + .lg\:hover\:-translate-x-80:hover { + --tw-translate-x: -20rem; } - .sm\:via-red-800 { - --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0)); + .lg\:hover\:-translate-x-96:hover { + --tw-translate-x: -24rem; } - .sm\:via-red-900 { - --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0)); + .lg\:hover\:-translate-x-px:hover { + --tw-translate-x: -1px; } - .sm\:via-yellow-50 { - --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0)); + .lg\:hover\:-translate-x-0\.5:hover { + --tw-translate-x: -0.125rem; } - .sm\:via-yellow-100 { - --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0)); + .lg\:hover\:-translate-x-1\.5:hover { + --tw-translate-x: -0.375rem; } - .sm\:via-yellow-200 { - --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0)); + .lg\:hover\:-translate-x-2\.5:hover { + --tw-translate-x: -0.625rem; } - .sm\:via-yellow-300 { - --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0)); + .lg\:hover\:-translate-x-3\.5:hover { + --tw-translate-x: -0.875rem; } - .sm\:via-yellow-400 { - --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0)); + .lg\:hover\:translate-x-1\/2:hover { + --tw-translate-x: 50%; } - .sm\:via-yellow-500 { - --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0)); + .lg\:hover\:translate-x-1\/3:hover { + --tw-translate-x: 33.333333%; } - .sm\:via-yellow-600 { - --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0)); + .lg\:hover\:translate-x-2\/3:hover { + --tw-translate-x: 66.666667%; } - .sm\:via-yellow-700 { - --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0)); + .lg\:hover\:translate-x-1\/4:hover { + --tw-translate-x: 25%; } - .sm\:via-yellow-800 { - --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0)); + .lg\:hover\:translate-x-2\/4:hover { + --tw-translate-x: 50%; } - .sm\:via-yellow-900 { - --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0)); + .lg\:hover\:translate-x-3\/4:hover { + --tw-translate-x: 75%; } - .sm\:via-green-50 { - --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0)); + .lg\:hover\:translate-x-full:hover { + --tw-translate-x: 100%; } - .sm\:via-green-100 { - --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0)); + .lg\:hover\:-translate-x-1\/2:hover { + --tw-translate-x: -50%; } - .sm\:via-green-200 { - --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0)); + .lg\:hover\:-translate-x-1\/3:hover { + --tw-translate-x: -33.333333%; } - .sm\:via-green-300 { - --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0)); + .lg\:hover\:-translate-x-2\/3:hover { + --tw-translate-x: -66.666667%; } - .sm\:via-green-400 { - --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0)); + .lg\:hover\:-translate-x-1\/4:hover { + --tw-translate-x: -25%; } - .sm\:via-green-500 { - --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0)); + .lg\:hover\:-translate-x-2\/4:hover { + --tw-translate-x: -50%; } - .sm\:via-green-600 { - --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0)); + .lg\:hover\:-translate-x-3\/4:hover { + --tw-translate-x: -75%; } - .sm\:via-green-700 { - --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0)); + .lg\:hover\:-translate-x-full:hover { + --tw-translate-x: -100%; } - .sm\:via-green-800 { - --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0)); + .lg\:hover\:translate-y-0:hover { + --tw-translate-y: 0px; } - .sm\:via-green-900 { - --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0)); + .lg\:hover\:translate-y-1:hover { + --tw-translate-y: 0.25rem; } - .sm\:via-blue-50 { - --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0)); + .lg\:hover\:translate-y-2:hover { + --tw-translate-y: 0.5rem; } - .sm\:via-blue-100 { - --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0)); + .lg\:hover\:translate-y-3:hover { + --tw-translate-y: 0.75rem; } - .sm\:via-blue-200 { - --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0)); + .lg\:hover\:translate-y-4:hover { + --tw-translate-y: 1rem; } - .sm\:via-blue-300 { - --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0)); + .lg\:hover\:translate-y-5:hover { + --tw-translate-y: 1.25rem; } - .sm\:via-blue-400 { - --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0)); + .lg\:hover\:translate-y-6:hover { + --tw-translate-y: 1.5rem; } - .sm\:via-blue-500 { - --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0)); + .lg\:hover\:translate-y-7:hover { + --tw-translate-y: 1.75rem; } - .sm\:via-blue-600 { - --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0)); + .lg\:hover\:translate-y-8:hover { + --tw-translate-y: 2rem; } - .sm\:via-blue-700 { - --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0)); + .lg\:hover\:translate-y-9:hover { + --tw-translate-y: 2.25rem; } - .sm\:via-blue-800 { - --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0)); + .lg\:hover\:translate-y-10:hover { + --tw-translate-y: 2.5rem; } - .sm\:via-blue-900 { - --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0)); + .lg\:hover\:translate-y-11:hover { + --tw-translate-y: 2.75rem; } - .sm\:via-indigo-50 { - --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0)); + .lg\:hover\:translate-y-12:hover { + --tw-translate-y: 3rem; } - .sm\:via-indigo-100 { - --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0)); + .lg\:hover\:translate-y-14:hover { + --tw-translate-y: 3.5rem; } - .sm\:via-indigo-200 { - --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0)); + .lg\:hover\:translate-y-16:hover { + --tw-translate-y: 4rem; } - .sm\:via-indigo-300 { - --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0)); + .lg\:hover\:translate-y-20:hover { + --tw-translate-y: 5rem; } - .sm\:via-indigo-400 { - --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0)); + .lg\:hover\:translate-y-24:hover { + --tw-translate-y: 6rem; } - .sm\:via-indigo-500 { - --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0)); + .lg\:hover\:translate-y-28:hover { + --tw-translate-y: 7rem; } - .sm\:via-indigo-600 { - --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0)); + .lg\:hover\:translate-y-32:hover { + --tw-translate-y: 8rem; } - .sm\:via-indigo-700 { - --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0)); + .lg\:hover\:translate-y-36:hover { + --tw-translate-y: 9rem; } - .sm\:via-indigo-800 { - --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0)); + .lg\:hover\:translate-y-40:hover { + --tw-translate-y: 10rem; } - .sm\:via-indigo-900 { - --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0)); + .lg\:hover\:translate-y-44:hover { + --tw-translate-y: 11rem; } - .sm\:via-purple-50 { - --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0)); + .lg\:hover\:translate-y-48:hover { + --tw-translate-y: 12rem; } - .sm\:via-purple-100 { - --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0)); + .lg\:hover\:translate-y-52:hover { + --tw-translate-y: 13rem; } - .sm\:via-purple-200 { - --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0)); + .lg\:hover\:translate-y-56:hover { + --tw-translate-y: 14rem; } - .sm\:via-purple-300 { - --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0)); + .lg\:hover\:translate-y-60:hover { + --tw-translate-y: 15rem; } - .sm\:via-purple-400 { - --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0)); + .lg\:hover\:translate-y-64:hover { + --tw-translate-y: 16rem; } - .sm\:via-purple-500 { - --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0)); + .lg\:hover\:translate-y-72:hover { + --tw-translate-y: 18rem; } - .sm\:via-purple-600 { - --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0)); + .lg\:hover\:translate-y-80:hover { + --tw-translate-y: 20rem; } - .sm\:via-purple-700 { - --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0)); + .lg\:hover\:translate-y-96:hover { + --tw-translate-y: 24rem; } - .sm\:via-purple-800 { - --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0)); + .lg\:hover\:translate-y-px:hover { + --tw-translate-y: 1px; } - .sm\:via-purple-900 { - --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0)); + .lg\:hover\:translate-y-0\.5:hover { + --tw-translate-y: 0.125rem; } - .sm\:via-pink-50 { - --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0)); + .lg\:hover\:translate-y-1\.5:hover { + --tw-translate-y: 0.375rem; } - .sm\:via-pink-100 { - --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0)); + .lg\:hover\:translate-y-2\.5:hover { + --tw-translate-y: 0.625rem; } - .sm\:via-pink-200 { - --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0)); + .lg\:hover\:translate-y-3\.5:hover { + --tw-translate-y: 0.875rem; } - .sm\:via-pink-300 { - --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0)); + .lg\:hover\:-translate-y-0:hover { + --tw-translate-y: 0px; } - .sm\:via-pink-400 { - --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0)); + .lg\:hover\:-translate-y-1:hover { + --tw-translate-y: -0.25rem; } - .sm\:via-pink-500 { - --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0)); + .lg\:hover\:-translate-y-2:hover { + --tw-translate-y: -0.5rem; } - .sm\:via-pink-600 { - --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0)); + .lg\:hover\:-translate-y-3:hover { + --tw-translate-y: -0.75rem; } - .sm\:via-pink-700 { - --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0)); + .lg\:hover\:-translate-y-4:hover { + --tw-translate-y: -1rem; } - .sm\:via-pink-800 { - --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0)); + .lg\:hover\:-translate-y-5:hover { + --tw-translate-y: -1.25rem; } - .sm\:via-pink-900 { - --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0)); + .lg\:hover\:-translate-y-6:hover { + --tw-translate-y: -1.5rem; } - .sm\:hover\:via-transparent:hover { - --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0)); + .lg\:hover\:-translate-y-7:hover { + --tw-translate-y: -1.75rem; } - .sm\:hover\:via-current:hover { - --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0)); + .lg\:hover\:-translate-y-8:hover { + --tw-translate-y: -2rem; } - .sm\:hover\:via-black:hover { - --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0)); + .lg\:hover\:-translate-y-9:hover { + --tw-translate-y: -2.25rem; } - .sm\:hover\:via-white:hover { - --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0)); + .lg\:hover\:-translate-y-10:hover { + --tw-translate-y: -2.5rem; } - .sm\:hover\:via-gray-50:hover { - --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0)); + .lg\:hover\:-translate-y-11:hover { + --tw-translate-y: -2.75rem; } - .sm\:hover\:via-gray-100:hover { - --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0)); + .lg\:hover\:-translate-y-12:hover { + --tw-translate-y: -3rem; } - .sm\:hover\:via-gray-200:hover { - --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0)); + .lg\:hover\:-translate-y-14:hover { + --tw-translate-y: -3.5rem; } - .sm\:hover\:via-gray-300:hover { - --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0)); + .lg\:hover\:-translate-y-16:hover { + --tw-translate-y: -4rem; } - .sm\:hover\:via-gray-400:hover { - --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0)); + .lg\:hover\:-translate-y-20:hover { + --tw-translate-y: -5rem; } - .sm\:hover\:via-gray-500:hover { - --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0)); + .lg\:hover\:-translate-y-24:hover { + --tw-translate-y: -6rem; } - .sm\:hover\:via-gray-600:hover { - --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0)); + .lg\:hover\:-translate-y-28:hover { + --tw-translate-y: -7rem; } - .sm\:hover\:via-gray-700:hover { - --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0)); + .lg\:hover\:-translate-y-32:hover { + --tw-translate-y: -8rem; } - .sm\:hover\:via-gray-800:hover { - --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0)); + .lg\:hover\:-translate-y-36:hover { + --tw-translate-y: -9rem; } - .sm\:hover\:via-gray-900:hover { - --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0)); + .lg\:hover\:-translate-y-40:hover { + --tw-translate-y: -10rem; } - .sm\:hover\:via-red-50:hover { - --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0)); + .lg\:hover\:-translate-y-44:hover { + --tw-translate-y: -11rem; } - .sm\:hover\:via-red-100:hover { - --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0)); + .lg\:hover\:-translate-y-48:hover { + --tw-translate-y: -12rem; } - .sm\:hover\:via-red-200:hover { - --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0)); + .lg\:hover\:-translate-y-52:hover { + --tw-translate-y: -13rem; } - .sm\:hover\:via-red-300:hover { - --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0)); + .lg\:hover\:-translate-y-56:hover { + --tw-translate-y: -14rem; } - .sm\:hover\:via-red-400:hover { - --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0)); + .lg\:hover\:-translate-y-60:hover { + --tw-translate-y: -15rem; } - .sm\:hover\:via-red-500:hover { - --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0)); + .lg\:hover\:-translate-y-64:hover { + --tw-translate-y: -16rem; } - .sm\:hover\:via-red-600:hover { - --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0)); + .lg\:hover\:-translate-y-72:hover { + --tw-translate-y: -18rem; } - .sm\:hover\:via-red-700:hover { - --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0)); + .lg\:hover\:-translate-y-80:hover { + --tw-translate-y: -20rem; } - .sm\:hover\:via-red-800:hover { - --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0)); + .lg\:hover\:-translate-y-96:hover { + --tw-translate-y: -24rem; } - .sm\:hover\:via-red-900:hover { - --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0)); + .lg\:hover\:-translate-y-px:hover { + --tw-translate-y: -1px; } - .sm\:hover\:via-yellow-50:hover { - --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0)); + .lg\:hover\:-translate-y-0\.5:hover { + --tw-translate-y: -0.125rem; } - .sm\:hover\:via-yellow-100:hover { - --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0)); + .lg\:hover\:-translate-y-1\.5:hover { + --tw-translate-y: -0.375rem; } - .sm\:hover\:via-yellow-200:hover { - --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0)); + .lg\:hover\:-translate-y-2\.5:hover { + --tw-translate-y: -0.625rem; } - .sm\:hover\:via-yellow-300:hover { - --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0)); + .lg\:hover\:-translate-y-3\.5:hover { + --tw-translate-y: -0.875rem; } - .sm\:hover\:via-yellow-400:hover { - --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0)); + .lg\:hover\:translate-y-1\/2:hover { + --tw-translate-y: 50%; } - .sm\:hover\:via-yellow-500:hover { - --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0)); + .lg\:hover\:translate-y-1\/3:hover { + --tw-translate-y: 33.333333%; } - .sm\:hover\:via-yellow-600:hover { - --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0)); + .lg\:hover\:translate-y-2\/3:hover { + --tw-translate-y: 66.666667%; } - .sm\:hover\:via-yellow-700:hover { - --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0)); + .lg\:hover\:translate-y-1\/4:hover { + --tw-translate-y: 25%; } - .sm\:hover\:via-yellow-800:hover { - --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0)); + .lg\:hover\:translate-y-2\/4:hover { + --tw-translate-y: 50%; } - .sm\:hover\:via-yellow-900:hover { - --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0)); + .lg\:hover\:translate-y-3\/4:hover { + --tw-translate-y: 75%; } - .sm\:hover\:via-green-50:hover { - --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0)); + .lg\:hover\:translate-y-full:hover { + --tw-translate-y: 100%; } - .sm\:hover\:via-green-100:hover { - --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0)); + .lg\:hover\:-translate-y-1\/2:hover { + --tw-translate-y: -50%; } - .sm\:hover\:via-green-200:hover { - --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0)); + .lg\:hover\:-translate-y-1\/3:hover { + --tw-translate-y: -33.333333%; } - .sm\:hover\:via-green-300:hover { - --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0)); + .lg\:hover\:-translate-y-2\/3:hover { + --tw-translate-y: -66.666667%; } - .sm\:hover\:via-green-400:hover { - --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0)); + .lg\:hover\:-translate-y-1\/4:hover { + --tw-translate-y: -25%; } - .sm\:hover\:via-green-500:hover { - --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0)); + .lg\:hover\:-translate-y-2\/4:hover { + --tw-translate-y: -50%; } - .sm\:hover\:via-green-600:hover { - --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0)); + .lg\:hover\:-translate-y-3\/4:hover { + --tw-translate-y: -75%; } - .sm\:hover\:via-green-700:hover { - --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0)); + .lg\:hover\:-translate-y-full:hover { + --tw-translate-y: -100%; } - .sm\:hover\:via-green-800:hover { - --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0)); + .lg\:focus\:translate-x-0:focus { + --tw-translate-x: 0px; } - .sm\:hover\:via-green-900:hover { - --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0)); + .lg\:focus\:translate-x-1:focus { + --tw-translate-x: 0.25rem; } - .sm\:hover\:via-blue-50:hover { - --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0)); + .lg\:focus\:translate-x-2:focus { + --tw-translate-x: 0.5rem; } - .sm\:hover\:via-blue-100:hover { - --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0)); + .lg\:focus\:translate-x-3:focus { + --tw-translate-x: 0.75rem; } - .sm\:hover\:via-blue-200:hover { - --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0)); + .lg\:focus\:translate-x-4:focus { + --tw-translate-x: 1rem; } - .sm\:hover\:via-blue-300:hover { - --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0)); + .lg\:focus\:translate-x-5:focus { + --tw-translate-x: 1.25rem; } - .sm\:hover\:via-blue-400:hover { - --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0)); + .lg\:focus\:translate-x-6:focus { + --tw-translate-x: 1.5rem; } - .sm\:hover\:via-blue-500:hover { - --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0)); + .lg\:focus\:translate-x-7:focus { + --tw-translate-x: 1.75rem; } - .sm\:hover\:via-blue-600:hover { - --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0)); + .lg\:focus\:translate-x-8:focus { + --tw-translate-x: 2rem; } - .sm\:hover\:via-blue-700:hover { - --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0)); + .lg\:focus\:translate-x-9:focus { + --tw-translate-x: 2.25rem; } - .sm\:hover\:via-blue-800:hover { - --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0)); + .lg\:focus\:translate-x-10:focus { + --tw-translate-x: 2.5rem; } - .sm\:hover\:via-blue-900:hover { - --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0)); + .lg\:focus\:translate-x-11:focus { + --tw-translate-x: 2.75rem; } - .sm\:hover\:via-indigo-50:hover { - --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0)); + .lg\:focus\:translate-x-12:focus { + --tw-translate-x: 3rem; } - .sm\:hover\:via-indigo-100:hover { - --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0)); + .lg\:focus\:translate-x-14:focus { + --tw-translate-x: 3.5rem; } - .sm\:hover\:via-indigo-200:hover { - --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0)); + .lg\:focus\:translate-x-16:focus { + --tw-translate-x: 4rem; } - .sm\:hover\:via-indigo-300:hover { - --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0)); + .lg\:focus\:translate-x-20:focus { + --tw-translate-x: 5rem; } - .sm\:hover\:via-indigo-400:hover { - --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0)); + .lg\:focus\:translate-x-24:focus { + --tw-translate-x: 6rem; } - .sm\:hover\:via-indigo-500:hover { - --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0)); + .lg\:focus\:translate-x-28:focus { + --tw-translate-x: 7rem; } - .sm\:hover\:via-indigo-600:hover { - --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0)); + .lg\:focus\:translate-x-32:focus { + --tw-translate-x: 8rem; } - .sm\:hover\:via-indigo-700:hover { - --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0)); + .lg\:focus\:translate-x-36:focus { + --tw-translate-x: 9rem; } - .sm\:hover\:via-indigo-800:hover { - --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0)); + .lg\:focus\:translate-x-40:focus { + --tw-translate-x: 10rem; } - .sm\:hover\:via-indigo-900:hover { - --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0)); + .lg\:focus\:translate-x-44:focus { + --tw-translate-x: 11rem; } - .sm\:hover\:via-purple-50:hover { - --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0)); + .lg\:focus\:translate-x-48:focus { + --tw-translate-x: 12rem; } - .sm\:hover\:via-purple-100:hover { - --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0)); + .lg\:focus\:translate-x-52:focus { + --tw-translate-x: 13rem; } - .sm\:hover\:via-purple-200:hover { - --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0)); + .lg\:focus\:translate-x-56:focus { + --tw-translate-x: 14rem; } - .sm\:hover\:via-purple-300:hover { - --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0)); + .lg\:focus\:translate-x-60:focus { + --tw-translate-x: 15rem; } - .sm\:hover\:via-purple-400:hover { - --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0)); + .lg\:focus\:translate-x-64:focus { + --tw-translate-x: 16rem; } - .sm\:hover\:via-purple-500:hover { - --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0)); + .lg\:focus\:translate-x-72:focus { + --tw-translate-x: 18rem; } - .sm\:hover\:via-purple-600:hover { - --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0)); + .lg\:focus\:translate-x-80:focus { + --tw-translate-x: 20rem; } - .sm\:hover\:via-purple-700:hover { - --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0)); + .lg\:focus\:translate-x-96:focus { + --tw-translate-x: 24rem; } - .sm\:hover\:via-purple-800:hover { - --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0)); + .lg\:focus\:translate-x-px:focus { + --tw-translate-x: 1px; } - .sm\:hover\:via-purple-900:hover { - --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0)); + .lg\:focus\:translate-x-0\.5:focus { + --tw-translate-x: 0.125rem; } - .sm\:hover\:via-pink-50:hover { - --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0)); + .lg\:focus\:translate-x-1\.5:focus { + --tw-translate-x: 0.375rem; } - .sm\:hover\:via-pink-100:hover { - --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0)); + .lg\:focus\:translate-x-2\.5:focus { + --tw-translate-x: 0.625rem; } - .sm\:hover\:via-pink-200:hover { - --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0)); + .lg\:focus\:translate-x-3\.5:focus { + --tw-translate-x: 0.875rem; } - .sm\:hover\:via-pink-300:hover { - --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0)); + .lg\:focus\:-translate-x-0:focus { + --tw-translate-x: 0px; } - .sm\:hover\:via-pink-400:hover { - --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0)); + .lg\:focus\:-translate-x-1:focus { + --tw-translate-x: -0.25rem; } - .sm\:hover\:via-pink-500:hover { - --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0)); + .lg\:focus\:-translate-x-2:focus { + --tw-translate-x: -0.5rem; } - .sm\:hover\:via-pink-600:hover { - --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0)); + .lg\:focus\:-translate-x-3:focus { + --tw-translate-x: -0.75rem; } - .sm\:hover\:via-pink-700:hover { - --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0)); + .lg\:focus\:-translate-x-4:focus { + --tw-translate-x: -1rem; } - .sm\:hover\:via-pink-800:hover { - --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0)); + .lg\:focus\:-translate-x-5:focus { + --tw-translate-x: -1.25rem; } - .sm\:hover\:via-pink-900:hover { - --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0)); + .lg\:focus\:-translate-x-6:focus { + --tw-translate-x: -1.5rem; } - .sm\:focus\:via-transparent:focus { - --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0)); + .lg\:focus\:-translate-x-7:focus { + --tw-translate-x: -1.75rem; } - .sm\:focus\:via-current:focus { - --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0)); + .lg\:focus\:-translate-x-8:focus { + --tw-translate-x: -2rem; } - .sm\:focus\:via-black:focus { - --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0)); + .lg\:focus\:-translate-x-9:focus { + --tw-translate-x: -2.25rem; } - .sm\:focus\:via-white:focus { - --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0)); + .lg\:focus\:-translate-x-10:focus { + --tw-translate-x: -2.5rem; } - .sm\:focus\:via-gray-50:focus { - --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0)); + .lg\:focus\:-translate-x-11:focus { + --tw-translate-x: -2.75rem; } - .sm\:focus\:via-gray-100:focus { - --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0)); + .lg\:focus\:-translate-x-12:focus { + --tw-translate-x: -3rem; } - .sm\:focus\:via-gray-200:focus { - --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0)); + .lg\:focus\:-translate-x-14:focus { + --tw-translate-x: -3.5rem; } - .sm\:focus\:via-gray-300:focus { - --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0)); + .lg\:focus\:-translate-x-16:focus { + --tw-translate-x: -4rem; } - .sm\:focus\:via-gray-400:focus { - --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0)); + .lg\:focus\:-translate-x-20:focus { + --tw-translate-x: -5rem; } - .sm\:focus\:via-gray-500:focus { - --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0)); + .lg\:focus\:-translate-x-24:focus { + --tw-translate-x: -6rem; } - .sm\:focus\:via-gray-600:focus { - --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0)); + .lg\:focus\:-translate-x-28:focus { + --tw-translate-x: -7rem; } - .sm\:focus\:via-gray-700:focus { - --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0)); + .lg\:focus\:-translate-x-32:focus { + --tw-translate-x: -8rem; } - .sm\:focus\:via-gray-800:focus { - --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0)); + .lg\:focus\:-translate-x-36:focus { + --tw-translate-x: -9rem; } - .sm\:focus\:via-gray-900:focus { - --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0)); + .lg\:focus\:-translate-x-40:focus { + --tw-translate-x: -10rem; } - .sm\:focus\:via-red-50:focus { - --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0)); + .lg\:focus\:-translate-x-44:focus { + --tw-translate-x: -11rem; } - .sm\:focus\:via-red-100:focus { - --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0)); + .lg\:focus\:-translate-x-48:focus { + --tw-translate-x: -12rem; } - .sm\:focus\:via-red-200:focus { - --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0)); + .lg\:focus\:-translate-x-52:focus { + --tw-translate-x: -13rem; } - .sm\:focus\:via-red-300:focus { - --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0)); + .lg\:focus\:-translate-x-56:focus { + --tw-translate-x: -14rem; } - .sm\:focus\:via-red-400:focus { - --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0)); + .lg\:focus\:-translate-x-60:focus { + --tw-translate-x: -15rem; } - .sm\:focus\:via-red-500:focus { - --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0)); + .lg\:focus\:-translate-x-64:focus { + --tw-translate-x: -16rem; } - .sm\:focus\:via-red-600:focus { - --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0)); + .lg\:focus\:-translate-x-72:focus { + --tw-translate-x: -18rem; } - .sm\:focus\:via-red-700:focus { - --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0)); + .lg\:focus\:-translate-x-80:focus { + --tw-translate-x: -20rem; } - .sm\:focus\:via-red-800:focus { - --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0)); + .lg\:focus\:-translate-x-96:focus { + --tw-translate-x: -24rem; } - .sm\:focus\:via-red-900:focus { - --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0)); + .lg\:focus\:-translate-x-px:focus { + --tw-translate-x: -1px; } - .sm\:focus\:via-yellow-50:focus { - --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0)); + .lg\:focus\:-translate-x-0\.5:focus { + --tw-translate-x: -0.125rem; } - .sm\:focus\:via-yellow-100:focus { - --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0)); + .lg\:focus\:-translate-x-1\.5:focus { + --tw-translate-x: -0.375rem; } - .sm\:focus\:via-yellow-200:focus { - --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0)); + .lg\:focus\:-translate-x-2\.5:focus { + --tw-translate-x: -0.625rem; } - .sm\:focus\:via-yellow-300:focus { - --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0)); + .lg\:focus\:-translate-x-3\.5:focus { + --tw-translate-x: -0.875rem; } - .sm\:focus\:via-yellow-400:focus { - --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0)); + .lg\:focus\:translate-x-1\/2:focus { + --tw-translate-x: 50%; } - .sm\:focus\:via-yellow-500:focus { - --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0)); + .lg\:focus\:translate-x-1\/3:focus { + --tw-translate-x: 33.333333%; } - .sm\:focus\:via-yellow-600:focus { - --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0)); + .lg\:focus\:translate-x-2\/3:focus { + --tw-translate-x: 66.666667%; } - .sm\:focus\:via-yellow-700:focus { - --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0)); + .lg\:focus\:translate-x-1\/4:focus { + --tw-translate-x: 25%; } - .sm\:focus\:via-yellow-800:focus { - --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0)); + .lg\:focus\:translate-x-2\/4:focus { + --tw-translate-x: 50%; } - .sm\:focus\:via-yellow-900:focus { - --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0)); + .lg\:focus\:translate-x-3\/4:focus { + --tw-translate-x: 75%; } - .sm\:focus\:via-green-50:focus { - --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0)); + .lg\:focus\:translate-x-full:focus { + --tw-translate-x: 100%; } - .sm\:focus\:via-green-100:focus { - --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0)); + .lg\:focus\:-translate-x-1\/2:focus { + --tw-translate-x: -50%; } - .sm\:focus\:via-green-200:focus { - --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0)); + .lg\:focus\:-translate-x-1\/3:focus { + --tw-translate-x: -33.333333%; } - .sm\:focus\:via-green-300:focus { - --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0)); + .lg\:focus\:-translate-x-2\/3:focus { + --tw-translate-x: -66.666667%; } - .sm\:focus\:via-green-400:focus { - --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0)); + .lg\:focus\:-translate-x-1\/4:focus { + --tw-translate-x: -25%; } - .sm\:focus\:via-green-500:focus { - --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0)); + .lg\:focus\:-translate-x-2\/4:focus { + --tw-translate-x: -50%; } - .sm\:focus\:via-green-600:focus { - --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0)); + .lg\:focus\:-translate-x-3\/4:focus { + --tw-translate-x: -75%; } - .sm\:focus\:via-green-700:focus { - --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0)); + .lg\:focus\:-translate-x-full:focus { + --tw-translate-x: -100%; } - .sm\:focus\:via-green-800:focus { - --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0)); + .lg\:focus\:translate-y-0:focus { + --tw-translate-y: 0px; } - .sm\:focus\:via-green-900:focus { - --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0)); + .lg\:focus\:translate-y-1:focus { + --tw-translate-y: 0.25rem; } - .sm\:focus\:via-blue-50:focus { - --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0)); + .lg\:focus\:translate-y-2:focus { + --tw-translate-y: 0.5rem; } - .sm\:focus\:via-blue-100:focus { - --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0)); + .lg\:focus\:translate-y-3:focus { + --tw-translate-y: 0.75rem; } - .sm\:focus\:via-blue-200:focus { - --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0)); + .lg\:focus\:translate-y-4:focus { + --tw-translate-y: 1rem; } - .sm\:focus\:via-blue-300:focus { - --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0)); + .lg\:focus\:translate-y-5:focus { + --tw-translate-y: 1.25rem; } - .sm\:focus\:via-blue-400:focus { - --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0)); + .lg\:focus\:translate-y-6:focus { + --tw-translate-y: 1.5rem; } - .sm\:focus\:via-blue-500:focus { - --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0)); + .lg\:focus\:translate-y-7:focus { + --tw-translate-y: 1.75rem; } - .sm\:focus\:via-blue-600:focus { - --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0)); + .lg\:focus\:translate-y-8:focus { + --tw-translate-y: 2rem; } - .sm\:focus\:via-blue-700:focus { - --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0)); + .lg\:focus\:translate-y-9:focus { + --tw-translate-y: 2.25rem; } - .sm\:focus\:via-blue-800:focus { - --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0)); + .lg\:focus\:translate-y-10:focus { + --tw-translate-y: 2.5rem; } - .sm\:focus\:via-blue-900:focus { - --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0)); + .lg\:focus\:translate-y-11:focus { + --tw-translate-y: 2.75rem; } - .sm\:focus\:via-indigo-50:focus { - --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0)); + .lg\:focus\:translate-y-12:focus { + --tw-translate-y: 3rem; } - .sm\:focus\:via-indigo-100:focus { - --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0)); + .lg\:focus\:translate-y-14:focus { + --tw-translate-y: 3.5rem; } - .sm\:focus\:via-indigo-200:focus { - --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0)); + .lg\:focus\:translate-y-16:focus { + --tw-translate-y: 4rem; } - .sm\:focus\:via-indigo-300:focus { - --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0)); + .lg\:focus\:translate-y-20:focus { + --tw-translate-y: 5rem; } - .sm\:focus\:via-indigo-400:focus { - --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0)); + .lg\:focus\:translate-y-24:focus { + --tw-translate-y: 6rem; } - .sm\:focus\:via-indigo-500:focus { - --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0)); + .lg\:focus\:translate-y-28:focus { + --tw-translate-y: 7rem; } - .sm\:focus\:via-indigo-600:focus { - --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0)); + .lg\:focus\:translate-y-32:focus { + --tw-translate-y: 8rem; } - .sm\:focus\:via-indigo-700:focus { - --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0)); + .lg\:focus\:translate-y-36:focus { + --tw-translate-y: 9rem; } - .sm\:focus\:via-indigo-800:focus { - --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0)); + .lg\:focus\:translate-y-40:focus { + --tw-translate-y: 10rem; } - .sm\:focus\:via-indigo-900:focus { - --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0)); + .lg\:focus\:translate-y-44:focus { + --tw-translate-y: 11rem; } - .sm\:focus\:via-purple-50:focus { - --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0)); + .lg\:focus\:translate-y-48:focus { + --tw-translate-y: 12rem; } - .sm\:focus\:via-purple-100:focus { - --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0)); + .lg\:focus\:translate-y-52:focus { + --tw-translate-y: 13rem; } - .sm\:focus\:via-purple-200:focus { - --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0)); + .lg\:focus\:translate-y-56:focus { + --tw-translate-y: 14rem; } - .sm\:focus\:via-purple-300:focus { - --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0)); + .lg\:focus\:translate-y-60:focus { + --tw-translate-y: 15rem; } - .sm\:focus\:via-purple-400:focus { - --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0)); + .lg\:focus\:translate-y-64:focus { + --tw-translate-y: 16rem; } - .sm\:focus\:via-purple-500:focus { - --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0)); + .lg\:focus\:translate-y-72:focus { + --tw-translate-y: 18rem; } - .sm\:focus\:via-purple-600:focus { - --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0)); + .lg\:focus\:translate-y-80:focus { + --tw-translate-y: 20rem; } - .sm\:focus\:via-purple-700:focus { - --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0)); + .lg\:focus\:translate-y-96:focus { + --tw-translate-y: 24rem; } - .sm\:focus\:via-purple-800:focus { - --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0)); + .lg\:focus\:translate-y-px:focus { + --tw-translate-y: 1px; } - .sm\:focus\:via-purple-900:focus { - --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0)); + .lg\:focus\:translate-y-0\.5:focus { + --tw-translate-y: 0.125rem; } - .sm\:focus\:via-pink-50:focus { - --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0)); + .lg\:focus\:translate-y-1\.5:focus { + --tw-translate-y: 0.375rem; } - .sm\:focus\:via-pink-100:focus { - --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0)); + .lg\:focus\:translate-y-2\.5:focus { + --tw-translate-y: 0.625rem; } - .sm\:focus\:via-pink-200:focus { - --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0)); + .lg\:focus\:translate-y-3\.5:focus { + --tw-translate-y: 0.875rem; } - .sm\:focus\:via-pink-300:focus { - --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0)); + .lg\:focus\:-translate-y-0:focus { + --tw-translate-y: 0px; } - .sm\:focus\:via-pink-400:focus { - --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0)); + .lg\:focus\:-translate-y-1:focus { + --tw-translate-y: -0.25rem; } - .sm\:focus\:via-pink-500:focus { - --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0)); + .lg\:focus\:-translate-y-2:focus { + --tw-translate-y: -0.5rem; } - .sm\:focus\:via-pink-600:focus { - --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0)); + .lg\:focus\:-translate-y-3:focus { + --tw-translate-y: -0.75rem; } - .sm\:focus\:via-pink-700:focus { - --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0)); + .lg\:focus\:-translate-y-4:focus { + --tw-translate-y: -1rem; } - .sm\:focus\:via-pink-800:focus { - --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0)); + .lg\:focus\:-translate-y-5:focus { + --tw-translate-y: -1.25rem; } - .sm\:focus\:via-pink-900:focus { - --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0)); + .lg\:focus\:-translate-y-6:focus { + --tw-translate-y: -1.5rem; } - .sm\:to-transparent { - --tw-gradient-to: transparent; + .lg\:focus\:-translate-y-7:focus { + --tw-translate-y: -1.75rem; } - .sm\:to-current { - --tw-gradient-to: currentColor; + .lg\:focus\:-translate-y-8:focus { + --tw-translate-y: -2rem; } - .sm\:to-black { - --tw-gradient-to: #000; + .lg\:focus\:-translate-y-9:focus { + --tw-translate-y: -2.25rem; } - .sm\:to-white { - --tw-gradient-to: #fff; + .lg\:focus\:-translate-y-10:focus { + --tw-translate-y: -2.5rem; } - .sm\:to-gray-50 { - --tw-gradient-to: #f9fafb; + .lg\:focus\:-translate-y-11:focus { + --tw-translate-y: -2.75rem; } - .sm\:to-gray-100 { - --tw-gradient-to: #f3f4f6; + .lg\:focus\:-translate-y-12:focus { + --tw-translate-y: -3rem; } - .sm\:to-gray-200 { - --tw-gradient-to: #e5e7eb; + .lg\:focus\:-translate-y-14:focus { + --tw-translate-y: -3.5rem; } - .sm\:to-gray-300 { - --tw-gradient-to: #d1d5db; + .lg\:focus\:-translate-y-16:focus { + --tw-translate-y: -4rem; } - .sm\:to-gray-400 { - --tw-gradient-to: #9ca3af; + .lg\:focus\:-translate-y-20:focus { + --tw-translate-y: -5rem; } - .sm\:to-gray-500 { - --tw-gradient-to: #6b7280; + .lg\:focus\:-translate-y-24:focus { + --tw-translate-y: -6rem; } - .sm\:to-gray-600 { - --tw-gradient-to: #4b5563; + .lg\:focus\:-translate-y-28:focus { + --tw-translate-y: -7rem; } - .sm\:to-gray-700 { - --tw-gradient-to: #374151; + .lg\:focus\:-translate-y-32:focus { + --tw-translate-y: -8rem; } - .sm\:to-gray-800 { - --tw-gradient-to: #1f2937; + .lg\:focus\:-translate-y-36:focus { + --tw-translate-y: -9rem; } - .sm\:to-gray-900 { - --tw-gradient-to: #111827; + .lg\:focus\:-translate-y-40:focus { + --tw-translate-y: -10rem; } - .sm\:to-red-50 { - --tw-gradient-to: #fef2f2; + .lg\:focus\:-translate-y-44:focus { + --tw-translate-y: -11rem; } - .sm\:to-red-100 { - --tw-gradient-to: #fee2e2; + .lg\:focus\:-translate-y-48:focus { + --tw-translate-y: -12rem; } - .sm\:to-red-200 { - --tw-gradient-to: #fecaca; + .lg\:focus\:-translate-y-52:focus { + --tw-translate-y: -13rem; } - .sm\:to-red-300 { - --tw-gradient-to: #fca5a5; + .lg\:focus\:-translate-y-56:focus { + --tw-translate-y: -14rem; } - .sm\:to-red-400 { - --tw-gradient-to: #f87171; + .lg\:focus\:-translate-y-60:focus { + --tw-translate-y: -15rem; } - .sm\:to-red-500 { - --tw-gradient-to: #ef4444; + .lg\:focus\:-translate-y-64:focus { + --tw-translate-y: -16rem; } - .sm\:to-red-600 { - --tw-gradient-to: #dc2626; + .lg\:focus\:-translate-y-72:focus { + --tw-translate-y: -18rem; } - .sm\:to-red-700 { - --tw-gradient-to: #b91c1c; + .lg\:focus\:-translate-y-80:focus { + --tw-translate-y: -20rem; } - .sm\:to-red-800 { - --tw-gradient-to: #991b1b; + .lg\:focus\:-translate-y-96:focus { + --tw-translate-y: -24rem; } - .sm\:to-red-900 { - --tw-gradient-to: #7f1d1d; + .lg\:focus\:-translate-y-px:focus { + --tw-translate-y: -1px; } - .sm\:to-yellow-50 { - --tw-gradient-to: #fffbeb; + .lg\:focus\:-translate-y-0\.5:focus { + --tw-translate-y: -0.125rem; } - .sm\:to-yellow-100 { - --tw-gradient-to: #fef3c7; + .lg\:focus\:-translate-y-1\.5:focus { + --tw-translate-y: -0.375rem; } - .sm\:to-yellow-200 { - --tw-gradient-to: #fde68a; + .lg\:focus\:-translate-y-2\.5:focus { + --tw-translate-y: -0.625rem; } - .sm\:to-yellow-300 { - --tw-gradient-to: #fcd34d; + .lg\:focus\:-translate-y-3\.5:focus { + --tw-translate-y: -0.875rem; } - .sm\:to-yellow-400 { - --tw-gradient-to: #fbbf24; + .lg\:focus\:translate-y-1\/2:focus { + --tw-translate-y: 50%; } - .sm\:to-yellow-500 { - --tw-gradient-to: #f59e0b; + .lg\:focus\:translate-y-1\/3:focus { + --tw-translate-y: 33.333333%; } - .sm\:to-yellow-600 { - --tw-gradient-to: #d97706; + .lg\:focus\:translate-y-2\/3:focus { + --tw-translate-y: 66.666667%; } - .sm\:to-yellow-700 { - --tw-gradient-to: #b45309; + .lg\:focus\:translate-y-1\/4:focus { + --tw-translate-y: 25%; } - .sm\:to-yellow-800 { - --tw-gradient-to: #92400e; + .lg\:focus\:translate-y-2\/4:focus { + --tw-translate-y: 50%; } - .sm\:to-yellow-900 { - --tw-gradient-to: #78350f; + .lg\:focus\:translate-y-3\/4:focus { + --tw-translate-y: 75%; } - .sm\:to-green-50 { - --tw-gradient-to: #ecfdf5; + .lg\:focus\:translate-y-full:focus { + --tw-translate-y: 100%; } - .sm\:to-green-100 { - --tw-gradient-to: #d1fae5; + .lg\:focus\:-translate-y-1\/2:focus { + --tw-translate-y: -50%; } - .sm\:to-green-200 { - --tw-gradient-to: #a7f3d0; + .lg\:focus\:-translate-y-1\/3:focus { + --tw-translate-y: -33.333333%; } - .sm\:to-green-300 { - --tw-gradient-to: #6ee7b7; + .lg\:focus\:-translate-y-2\/3:focus { + --tw-translate-y: -66.666667%; } - .sm\:to-green-400 { - --tw-gradient-to: #34d399; + .lg\:focus\:-translate-y-1\/4:focus { + --tw-translate-y: -25%; } - .sm\:to-green-500 { - --tw-gradient-to: #10b981; + .lg\:focus\:-translate-y-2\/4:focus { + --tw-translate-y: -50%; } - .sm\:to-green-600 { - --tw-gradient-to: #059669; + .lg\:focus\:-translate-y-3\/4:focus { + --tw-translate-y: -75%; } - .sm\:to-green-700 { - --tw-gradient-to: #047857; + .lg\:focus\:-translate-y-full:focus { + --tw-translate-y: -100%; } - .sm\:to-green-800 { - --tw-gradient-to: #065f46; + .lg\:rotate-0 { + --tw-rotate: 0deg; } - .sm\:to-green-900 { - --tw-gradient-to: #064e3b; + .lg\:rotate-1 { + --tw-rotate: 1deg; } - .sm\:to-blue-50 { - --tw-gradient-to: #eff6ff; + .lg\:rotate-2 { + --tw-rotate: 2deg; } - .sm\:to-blue-100 { - --tw-gradient-to: #dbeafe; + .lg\:rotate-3 { + --tw-rotate: 3deg; } - .sm\:to-blue-200 { - --tw-gradient-to: #bfdbfe; + .lg\:rotate-6 { + --tw-rotate: 6deg; } - .sm\:to-blue-300 { - --tw-gradient-to: #93c5fd; + .lg\:rotate-12 { + --tw-rotate: 12deg; } - .sm\:to-blue-400 { - --tw-gradient-to: #60a5fa; + .lg\:rotate-45 { + --tw-rotate: 45deg; } - .sm\:to-blue-500 { - --tw-gradient-to: #3b82f6; + .lg\:rotate-90 { + --tw-rotate: 90deg; } - .sm\:to-blue-600 { - --tw-gradient-to: #2563eb; + .lg\:rotate-180 { + --tw-rotate: 180deg; } - .sm\:to-blue-700 { - --tw-gradient-to: #1d4ed8; + .lg\:-rotate-180 { + --tw-rotate: -180deg; } - .sm\:to-blue-800 { - --tw-gradient-to: #1e40af; + .lg\:-rotate-90 { + --tw-rotate: -90deg; } - .sm\:to-blue-900 { - --tw-gradient-to: #1e3a8a; + .lg\:-rotate-45 { + --tw-rotate: -45deg; } - .sm\:to-indigo-50 { - --tw-gradient-to: #eef2ff; + .lg\:-rotate-12 { + --tw-rotate: -12deg; } - .sm\:to-indigo-100 { - --tw-gradient-to: #e0e7ff; + .lg\:-rotate-6 { + --tw-rotate: -6deg; } - .sm\:to-indigo-200 { - --tw-gradient-to: #c7d2fe; + .lg\:-rotate-3 { + --tw-rotate: -3deg; } - .sm\:to-indigo-300 { - --tw-gradient-to: #a5b4fc; + .lg\:-rotate-2 { + --tw-rotate: -2deg; } - .sm\:to-indigo-400 { - --tw-gradient-to: #818cf8; + .lg\:-rotate-1 { + --tw-rotate: -1deg; } - .sm\:to-indigo-500 { - --tw-gradient-to: #6366f1; + .lg\:hover\:rotate-0:hover { + --tw-rotate: 0deg; } - .sm\:to-indigo-600 { - --tw-gradient-to: #4f46e5; + .lg\:hover\:rotate-1:hover { + --tw-rotate: 1deg; } - .sm\:to-indigo-700 { - --tw-gradient-to: #4338ca; + .lg\:hover\:rotate-2:hover { + --tw-rotate: 2deg; } - .sm\:to-indigo-800 { - --tw-gradient-to: #3730a3; + .lg\:hover\:rotate-3:hover { + --tw-rotate: 3deg; } - .sm\:to-indigo-900 { - --tw-gradient-to: #312e81; + .lg\:hover\:rotate-6:hover { + --tw-rotate: 6deg; } - .sm\:to-purple-50 { - --tw-gradient-to: #f5f3ff; + .lg\:hover\:rotate-12:hover { + --tw-rotate: 12deg; } - .sm\:to-purple-100 { - --tw-gradient-to: #ede9fe; + .lg\:hover\:rotate-45:hover { + --tw-rotate: 45deg; } - .sm\:to-purple-200 { - --tw-gradient-to: #ddd6fe; + .lg\:hover\:rotate-90:hover { + --tw-rotate: 90deg; } - .sm\:to-purple-300 { - --tw-gradient-to: #c4b5fd; + .lg\:hover\:rotate-180:hover { + --tw-rotate: 180deg; } - .sm\:to-purple-400 { - --tw-gradient-to: #a78bfa; + .lg\:hover\:-rotate-180:hover { + --tw-rotate: -180deg; } - .sm\:to-purple-500 { - --tw-gradient-to: #8b5cf6; + .lg\:hover\:-rotate-90:hover { + --tw-rotate: -90deg; } - .sm\:to-purple-600 { - --tw-gradient-to: #7c3aed; + .lg\:hover\:-rotate-45:hover { + --tw-rotate: -45deg; } - .sm\:to-purple-700 { - --tw-gradient-to: #6d28d9; + .lg\:hover\:-rotate-12:hover { + --tw-rotate: -12deg; } - .sm\:to-purple-800 { - --tw-gradient-to: #5b21b6; + .lg\:hover\:-rotate-6:hover { + --tw-rotate: -6deg; } - .sm\:to-purple-900 { - --tw-gradient-to: #4c1d95; + .lg\:hover\:-rotate-3:hover { + --tw-rotate: -3deg; } - .sm\:to-pink-50 { - --tw-gradient-to: #fdf2f8; + .lg\:hover\:-rotate-2:hover { + --tw-rotate: -2deg; } - .sm\:to-pink-100 { - --tw-gradient-to: #fce7f3; + .lg\:hover\:-rotate-1:hover { + --tw-rotate: -1deg; } - .sm\:to-pink-200 { - --tw-gradient-to: #fbcfe8; + .lg\:focus\:rotate-0:focus { + --tw-rotate: 0deg; } - .sm\:to-pink-300 { - --tw-gradient-to: #f9a8d4; + .lg\:focus\:rotate-1:focus { + --tw-rotate: 1deg; } - .sm\:to-pink-400 { - --tw-gradient-to: #f472b6; + .lg\:focus\:rotate-2:focus { + --tw-rotate: 2deg; } - .sm\:to-pink-500 { - --tw-gradient-to: #ec4899; + .lg\:focus\:rotate-3:focus { + --tw-rotate: 3deg; } - .sm\:to-pink-600 { - --tw-gradient-to: #db2777; + .lg\:focus\:rotate-6:focus { + --tw-rotate: 6deg; } - .sm\:to-pink-700 { - --tw-gradient-to: #be185d; + .lg\:focus\:rotate-12:focus { + --tw-rotate: 12deg; } - .sm\:to-pink-800 { - --tw-gradient-to: #9d174d; + .lg\:focus\:rotate-45:focus { + --tw-rotate: 45deg; } - .sm\:to-pink-900 { - --tw-gradient-to: #831843; + .lg\:focus\:rotate-90:focus { + --tw-rotate: 90deg; } - .sm\:hover\:to-transparent:hover { - --tw-gradient-to: transparent; + .lg\:focus\:rotate-180:focus { + --tw-rotate: 180deg; } - .sm\:hover\:to-current:hover { - --tw-gradient-to: currentColor; + .lg\:focus\:-rotate-180:focus { + --tw-rotate: -180deg; } - .sm\:hover\:to-black:hover { - --tw-gradient-to: #000; + .lg\:focus\:-rotate-90:focus { + --tw-rotate: -90deg; } - .sm\:hover\:to-white:hover { - --tw-gradient-to: #fff; + .lg\:focus\:-rotate-45:focus { + --tw-rotate: -45deg; } - .sm\:hover\:to-gray-50:hover { - --tw-gradient-to: #f9fafb; + .lg\:focus\:-rotate-12:focus { + --tw-rotate: -12deg; } - .sm\:hover\:to-gray-100:hover { - --tw-gradient-to: #f3f4f6; + .lg\:focus\:-rotate-6:focus { + --tw-rotate: -6deg; } - .sm\:hover\:to-gray-200:hover { - --tw-gradient-to: #e5e7eb; + .lg\:focus\:-rotate-3:focus { + --tw-rotate: -3deg; } - .sm\:hover\:to-gray-300:hover { - --tw-gradient-to: #d1d5db; + .lg\:focus\:-rotate-2:focus { + --tw-rotate: -2deg; } - .sm\:hover\:to-gray-400:hover { - --tw-gradient-to: #9ca3af; + .lg\:focus\:-rotate-1:focus { + --tw-rotate: -1deg; } - .sm\:hover\:to-gray-500:hover { - --tw-gradient-to: #6b7280; + .lg\:skew-x-0 { + --tw-skew-x: 0deg; } - .sm\:hover\:to-gray-600:hover { - --tw-gradient-to: #4b5563; + .lg\:skew-x-1 { + --tw-skew-x: 1deg; } - .sm\:hover\:to-gray-700:hover { - --tw-gradient-to: #374151; + .lg\:skew-x-2 { + --tw-skew-x: 2deg; } - .sm\:hover\:to-gray-800:hover { - --tw-gradient-to: #1f2937; + .lg\:skew-x-3 { + --tw-skew-x: 3deg; } - .sm\:hover\:to-gray-900:hover { - --tw-gradient-to: #111827; + .lg\:skew-x-6 { + --tw-skew-x: 6deg; } - .sm\:hover\:to-red-50:hover { - --tw-gradient-to: #fef2f2; + .lg\:skew-x-12 { + --tw-skew-x: 12deg; } - .sm\:hover\:to-red-100:hover { - --tw-gradient-to: #fee2e2; + .lg\:-skew-x-12 { + --tw-skew-x: -12deg; } - .sm\:hover\:to-red-200:hover { - --tw-gradient-to: #fecaca; + .lg\:-skew-x-6 { + --tw-skew-x: -6deg; } - .sm\:hover\:to-red-300:hover { - --tw-gradient-to: #fca5a5; + .lg\:-skew-x-3 { + --tw-skew-x: -3deg; } - .sm\:hover\:to-red-400:hover { - --tw-gradient-to: #f87171; + .lg\:-skew-x-2 { + --tw-skew-x: -2deg; } - .sm\:hover\:to-red-500:hover { - --tw-gradient-to: #ef4444; + .lg\:-skew-x-1 { + --tw-skew-x: -1deg; } - .sm\:hover\:to-red-600:hover { - --tw-gradient-to: #dc2626; + .lg\:skew-y-0 { + --tw-skew-y: 0deg; } - .sm\:hover\:to-red-700:hover { - --tw-gradient-to: #b91c1c; + .lg\:skew-y-1 { + --tw-skew-y: 1deg; } - .sm\:hover\:to-red-800:hover { - --tw-gradient-to: #991b1b; + .lg\:skew-y-2 { + --tw-skew-y: 2deg; } - .sm\:hover\:to-red-900:hover { - --tw-gradient-to: #7f1d1d; + .lg\:skew-y-3 { + --tw-skew-y: 3deg; } - .sm\:hover\:to-yellow-50:hover { - --tw-gradient-to: #fffbeb; + .lg\:skew-y-6 { + --tw-skew-y: 6deg; } - .sm\:hover\:to-yellow-100:hover { - --tw-gradient-to: #fef3c7; + .lg\:skew-y-12 { + --tw-skew-y: 12deg; } - .sm\:hover\:to-yellow-200:hover { - --tw-gradient-to: #fde68a; + .lg\:-skew-y-12 { + --tw-skew-y: -12deg; } - .sm\:hover\:to-yellow-300:hover { - --tw-gradient-to: #fcd34d; + .lg\:-skew-y-6 { + --tw-skew-y: -6deg; } - .sm\:hover\:to-yellow-400:hover { - --tw-gradient-to: #fbbf24; + .lg\:-skew-y-3 { + --tw-skew-y: -3deg; } - .sm\:hover\:to-yellow-500:hover { - --tw-gradient-to: #f59e0b; + .lg\:-skew-y-2 { + --tw-skew-y: -2deg; } - .sm\:hover\:to-yellow-600:hover { - --tw-gradient-to: #d97706; + .lg\:-skew-y-1 { + --tw-skew-y: -1deg; } - .sm\:hover\:to-yellow-700:hover { - --tw-gradient-to: #b45309; + .lg\:hover\:skew-x-0:hover { + --tw-skew-x: 0deg; } - .sm\:hover\:to-yellow-800:hover { - --tw-gradient-to: #92400e; + .lg\:hover\:skew-x-1:hover { + --tw-skew-x: 1deg; } - .sm\:hover\:to-yellow-900:hover { - --tw-gradient-to: #78350f; + .lg\:hover\:skew-x-2:hover { + --tw-skew-x: 2deg; } - .sm\:hover\:to-green-50:hover { - --tw-gradient-to: #ecfdf5; + .lg\:hover\:skew-x-3:hover { + --tw-skew-x: 3deg; } - .sm\:hover\:to-green-100:hover { - --tw-gradient-to: #d1fae5; + .lg\:hover\:skew-x-6:hover { + --tw-skew-x: 6deg; } - .sm\:hover\:to-green-200:hover { - --tw-gradient-to: #a7f3d0; + .lg\:hover\:skew-x-12:hover { + --tw-skew-x: 12deg; } - .sm\:hover\:to-green-300:hover { - --tw-gradient-to: #6ee7b7; + .lg\:hover\:-skew-x-12:hover { + --tw-skew-x: -12deg; } - .sm\:hover\:to-green-400:hover { - --tw-gradient-to: #34d399; + .lg\:hover\:-skew-x-6:hover { + --tw-skew-x: -6deg; } - .sm\:hover\:to-green-500:hover { - --tw-gradient-to: #10b981; + .lg\:hover\:-skew-x-3:hover { + --tw-skew-x: -3deg; } - .sm\:hover\:to-green-600:hover { - --tw-gradient-to: #059669; + .lg\:hover\:-skew-x-2:hover { + --tw-skew-x: -2deg; } - .sm\:hover\:to-green-700:hover { - --tw-gradient-to: #047857; + .lg\:hover\:-skew-x-1:hover { + --tw-skew-x: -1deg; } - .sm\:hover\:to-green-800:hover { - --tw-gradient-to: #065f46; + .lg\:hover\:skew-y-0:hover { + --tw-skew-y: 0deg; } - .sm\:hover\:to-green-900:hover { - --tw-gradient-to: #064e3b; + .lg\:hover\:skew-y-1:hover { + --tw-skew-y: 1deg; } - .sm\:hover\:to-blue-50:hover { - --tw-gradient-to: #eff6ff; + .lg\:hover\:skew-y-2:hover { + --tw-skew-y: 2deg; } - .sm\:hover\:to-blue-100:hover { - --tw-gradient-to: #dbeafe; + .lg\:hover\:skew-y-3:hover { + --tw-skew-y: 3deg; } - .sm\:hover\:to-blue-200:hover { - --tw-gradient-to: #bfdbfe; + .lg\:hover\:skew-y-6:hover { + --tw-skew-y: 6deg; } - .sm\:hover\:to-blue-300:hover { - --tw-gradient-to: #93c5fd; + .lg\:hover\:skew-y-12:hover { + --tw-skew-y: 12deg; } - .sm\:hover\:to-blue-400:hover { - --tw-gradient-to: #60a5fa; + .lg\:hover\:-skew-y-12:hover { + --tw-skew-y: -12deg; } - .sm\:hover\:to-blue-500:hover { - --tw-gradient-to: #3b82f6; + .lg\:hover\:-skew-y-6:hover { + --tw-skew-y: -6deg; } - .sm\:hover\:to-blue-600:hover { - --tw-gradient-to: #2563eb; + .lg\:hover\:-skew-y-3:hover { + --tw-skew-y: -3deg; } - .sm\:hover\:to-blue-700:hover { - --tw-gradient-to: #1d4ed8; + .lg\:hover\:-skew-y-2:hover { + --tw-skew-y: -2deg; } - .sm\:hover\:to-blue-800:hover { - --tw-gradient-to: #1e40af; + .lg\:hover\:-skew-y-1:hover { + --tw-skew-y: -1deg; } - .sm\:hover\:to-blue-900:hover { - --tw-gradient-to: #1e3a8a; + .lg\:focus\:skew-x-0:focus { + --tw-skew-x: 0deg; } - .sm\:hover\:to-indigo-50:hover { - --tw-gradient-to: #eef2ff; + .lg\:focus\:skew-x-1:focus { + --tw-skew-x: 1deg; } - .sm\:hover\:to-indigo-100:hover { - --tw-gradient-to: #e0e7ff; + .lg\:focus\:skew-x-2:focus { + --tw-skew-x: 2deg; } - .sm\:hover\:to-indigo-200:hover { - --tw-gradient-to: #c7d2fe; + .lg\:focus\:skew-x-3:focus { + --tw-skew-x: 3deg; } - .sm\:hover\:to-indigo-300:hover { - --tw-gradient-to: #a5b4fc; + .lg\:focus\:skew-x-6:focus { + --tw-skew-x: 6deg; } - .sm\:hover\:to-indigo-400:hover { - --tw-gradient-to: #818cf8; + .lg\:focus\:skew-x-12:focus { + --tw-skew-x: 12deg; } - .sm\:hover\:to-indigo-500:hover { - --tw-gradient-to: #6366f1; + .lg\:focus\:-skew-x-12:focus { + --tw-skew-x: -12deg; } - .sm\:hover\:to-indigo-600:hover { - --tw-gradient-to: #4f46e5; + .lg\:focus\:-skew-x-6:focus { + --tw-skew-x: -6deg; } - .sm\:hover\:to-indigo-700:hover { - --tw-gradient-to: #4338ca; + .lg\:focus\:-skew-x-3:focus { + --tw-skew-x: -3deg; } - .sm\:hover\:to-indigo-800:hover { - --tw-gradient-to: #3730a3; + .lg\:focus\:-skew-x-2:focus { + --tw-skew-x: -2deg; } - .sm\:hover\:to-indigo-900:hover { - --tw-gradient-to: #312e81; + .lg\:focus\:-skew-x-1:focus { + --tw-skew-x: -1deg; } - .sm\:hover\:to-purple-50:hover { - --tw-gradient-to: #f5f3ff; + .lg\:focus\:skew-y-0:focus { + --tw-skew-y: 0deg; } - .sm\:hover\:to-purple-100:hover { - --tw-gradient-to: #ede9fe; + .lg\:focus\:skew-y-1:focus { + --tw-skew-y: 1deg; } - .sm\:hover\:to-purple-200:hover { - --tw-gradient-to: #ddd6fe; + .lg\:focus\:skew-y-2:focus { + --tw-skew-y: 2deg; } - .sm\:hover\:to-purple-300:hover { - --tw-gradient-to: #c4b5fd; + .lg\:focus\:skew-y-3:focus { + --tw-skew-y: 3deg; } - .sm\:hover\:to-purple-400:hover { - --tw-gradient-to: #a78bfa; + .lg\:focus\:skew-y-6:focus { + --tw-skew-y: 6deg; } - .sm\:hover\:to-purple-500:hover { - --tw-gradient-to: #8b5cf6; + .lg\:focus\:skew-y-12:focus { + --tw-skew-y: 12deg; } - .sm\:hover\:to-purple-600:hover { - --tw-gradient-to: #7c3aed; + .lg\:focus\:-skew-y-12:focus { + --tw-skew-y: -12deg; } - .sm\:hover\:to-purple-700:hover { - --tw-gradient-to: #6d28d9; + .lg\:focus\:-skew-y-6:focus { + --tw-skew-y: -6deg; } - .sm\:hover\:to-purple-800:hover { - --tw-gradient-to: #5b21b6; + .lg\:focus\:-skew-y-3:focus { + --tw-skew-y: -3deg; } - .sm\:hover\:to-purple-900:hover { - --tw-gradient-to: #4c1d95; + .lg\:focus\:-skew-y-2:focus { + --tw-skew-y: -2deg; } - .sm\:hover\:to-pink-50:hover { - --tw-gradient-to: #fdf2f8; + .lg\:focus\:-skew-y-1:focus { + --tw-skew-y: -1deg; } - .sm\:hover\:to-pink-100:hover { - --tw-gradient-to: #fce7f3; + .lg\:scale-0 { + --tw-scale-x: 0; + --tw-scale-y: 0; } - .sm\:hover\:to-pink-200:hover { - --tw-gradient-to: #fbcfe8; + .lg\:scale-50 { + --tw-scale-x: .5; + --tw-scale-y: .5; } - .sm\:hover\:to-pink-300:hover { - --tw-gradient-to: #f9a8d4; + .lg\:scale-75 { + --tw-scale-x: .75; + --tw-scale-y: .75; } - .sm\:hover\:to-pink-400:hover { - --tw-gradient-to: #f472b6; + .lg\:scale-90 { + --tw-scale-x: .9; + --tw-scale-y: .9; } - .sm\:hover\:to-pink-500:hover { - --tw-gradient-to: #ec4899; + .lg\:scale-95 { + --tw-scale-x: .95; + --tw-scale-y: .95; } - .sm\:hover\:to-pink-600:hover { - --tw-gradient-to: #db2777; + .lg\:scale-100 { + --tw-scale-x: 1; + --tw-scale-y: 1; } - .sm\:hover\:to-pink-700:hover { - --tw-gradient-to: #be185d; + .lg\:scale-105 { + --tw-scale-x: 1.05; + --tw-scale-y: 1.05; } - .sm\:hover\:to-pink-800:hover { - --tw-gradient-to: #9d174d; + .lg\:scale-110 { + --tw-scale-x: 1.1; + --tw-scale-y: 1.1; } - .sm\:hover\:to-pink-900:hover { - --tw-gradient-to: #831843; + .lg\:scale-125 { + --tw-scale-x: 1.25; + --tw-scale-y: 1.25; } - .sm\:focus\:to-transparent:focus { - --tw-gradient-to: transparent; + .lg\:scale-150 { + --tw-scale-x: 1.5; + --tw-scale-y: 1.5; } - .sm\:focus\:to-current:focus { - --tw-gradient-to: currentColor; + .lg\:hover\:scale-0:hover { + --tw-scale-x: 0; + --tw-scale-y: 0; } - .sm\:focus\:to-black:focus { - --tw-gradient-to: #000; + .lg\:hover\:scale-50:hover { + --tw-scale-x: .5; + --tw-scale-y: .5; } - .sm\:focus\:to-white:focus { - --tw-gradient-to: #fff; + .lg\:hover\:scale-75:hover { + --tw-scale-x: .75; + --tw-scale-y: .75; } - .sm\:focus\:to-gray-50:focus { - --tw-gradient-to: #f9fafb; + .lg\:hover\:scale-90:hover { + --tw-scale-x: .9; + --tw-scale-y: .9; } - .sm\:focus\:to-gray-100:focus { - --tw-gradient-to: #f3f4f6; + .lg\:hover\:scale-95:hover { + --tw-scale-x: .95; + --tw-scale-y: .95; } - .sm\:focus\:to-gray-200:focus { - --tw-gradient-to: #e5e7eb; + .lg\:hover\:scale-100:hover { + --tw-scale-x: 1; + --tw-scale-y: 1; } - .sm\:focus\:to-gray-300:focus { - --tw-gradient-to: #d1d5db; + .lg\:hover\:scale-105:hover { + --tw-scale-x: 1.05; + --tw-scale-y: 1.05; } - .sm\:focus\:to-gray-400:focus { - --tw-gradient-to: #9ca3af; + .lg\:hover\:scale-110:hover { + --tw-scale-x: 1.1; + --tw-scale-y: 1.1; } - .sm\:focus\:to-gray-500:focus { - --tw-gradient-to: #6b7280; + .lg\:hover\:scale-125:hover { + --tw-scale-x: 1.25; + --tw-scale-y: 1.25; } - .sm\:focus\:to-gray-600:focus { - --tw-gradient-to: #4b5563; + .lg\:hover\:scale-150:hover { + --tw-scale-x: 1.5; + --tw-scale-y: 1.5; } - .sm\:focus\:to-gray-700:focus { - --tw-gradient-to: #374151; + .lg\:focus\:scale-0:focus { + --tw-scale-x: 0; + --tw-scale-y: 0; } - .sm\:focus\:to-gray-800:focus { - --tw-gradient-to: #1f2937; + .lg\:focus\:scale-50:focus { + --tw-scale-x: .5; + --tw-scale-y: .5; } - .sm\:focus\:to-gray-900:focus { - --tw-gradient-to: #111827; + .lg\:focus\:scale-75:focus { + --tw-scale-x: .75; + --tw-scale-y: .75; } - .sm\:focus\:to-red-50:focus { - --tw-gradient-to: #fef2f2; + .lg\:focus\:scale-90:focus { + --tw-scale-x: .9; + --tw-scale-y: .9; } - .sm\:focus\:to-red-100:focus { - --tw-gradient-to: #fee2e2; + .lg\:focus\:scale-95:focus { + --tw-scale-x: .95; + --tw-scale-y: .95; } - .sm\:focus\:to-red-200:focus { - --tw-gradient-to: #fecaca; + .lg\:focus\:scale-100:focus { + --tw-scale-x: 1; + --tw-scale-y: 1; } - .sm\:focus\:to-red-300:focus { - --tw-gradient-to: #fca5a5; + .lg\:focus\:scale-105:focus { + --tw-scale-x: 1.05; + --tw-scale-y: 1.05; } - .sm\:focus\:to-red-400:focus { - --tw-gradient-to: #f87171; + .lg\:focus\:scale-110:focus { + --tw-scale-x: 1.1; + --tw-scale-y: 1.1; } - .sm\:focus\:to-red-500:focus { - --tw-gradient-to: #ef4444; + .lg\:focus\:scale-125:focus { + --tw-scale-x: 1.25; + --tw-scale-y: 1.25; } - .sm\:focus\:to-red-600:focus { - --tw-gradient-to: #dc2626; + .lg\:focus\:scale-150:focus { + --tw-scale-x: 1.5; + --tw-scale-y: 1.5; } - .sm\:focus\:to-red-700:focus { - --tw-gradient-to: #b91c1c; + .lg\:scale-x-0 { + --tw-scale-x: 0; } - .sm\:focus\:to-red-800:focus { - --tw-gradient-to: #991b1b; + .lg\:scale-x-50 { + --tw-scale-x: .5; } - .sm\:focus\:to-red-900:focus { - --tw-gradient-to: #7f1d1d; + .lg\:scale-x-75 { + --tw-scale-x: .75; } - .sm\:focus\:to-yellow-50:focus { - --tw-gradient-to: #fffbeb; + .lg\:scale-x-90 { + --tw-scale-x: .9; } - .sm\:focus\:to-yellow-100:focus { - --tw-gradient-to: #fef3c7; + .lg\:scale-x-95 { + --tw-scale-x: .95; } - .sm\:focus\:to-yellow-200:focus { - --tw-gradient-to: #fde68a; + .lg\:scale-x-100 { + --tw-scale-x: 1; } - .sm\:focus\:to-yellow-300:focus { - --tw-gradient-to: #fcd34d; + .lg\:scale-x-105 { + --tw-scale-x: 1.05; } - .sm\:focus\:to-yellow-400:focus { - --tw-gradient-to: #fbbf24; + .lg\:scale-x-110 { + --tw-scale-x: 1.1; } - .sm\:focus\:to-yellow-500:focus { - --tw-gradient-to: #f59e0b; + .lg\:scale-x-125 { + --tw-scale-x: 1.25; } - .sm\:focus\:to-yellow-600:focus { - --tw-gradient-to: #d97706; + .lg\:scale-x-150 { + --tw-scale-x: 1.5; } - .sm\:focus\:to-yellow-700:focus { - --tw-gradient-to: #b45309; + .lg\:scale-y-0 { + --tw-scale-y: 0; } - .sm\:focus\:to-yellow-800:focus { - --tw-gradient-to: #92400e; + .lg\:scale-y-50 { + --tw-scale-y: .5; } - .sm\:focus\:to-yellow-900:focus { - --tw-gradient-to: #78350f; + .lg\:scale-y-75 { + --tw-scale-y: .75; } - .sm\:focus\:to-green-50:focus { - --tw-gradient-to: #ecfdf5; + .lg\:scale-y-90 { + --tw-scale-y: .9; } - .sm\:focus\:to-green-100:focus { - --tw-gradient-to: #d1fae5; + .lg\:scale-y-95 { + --tw-scale-y: .95; } - .sm\:focus\:to-green-200:focus { - --tw-gradient-to: #a7f3d0; + .lg\:scale-y-100 { + --tw-scale-y: 1; } - .sm\:focus\:to-green-300:focus { - --tw-gradient-to: #6ee7b7; + .lg\:scale-y-105 { + --tw-scale-y: 1.05; } - .sm\:focus\:to-green-400:focus { - --tw-gradient-to: #34d399; + .lg\:scale-y-110 { + --tw-scale-y: 1.1; } - .sm\:focus\:to-green-500:focus { - --tw-gradient-to: #10b981; + .lg\:scale-y-125 { + --tw-scale-y: 1.25; } - .sm\:focus\:to-green-600:focus { - --tw-gradient-to: #059669; + .lg\:scale-y-150 { + --tw-scale-y: 1.5; } - .sm\:focus\:to-green-700:focus { - --tw-gradient-to: #047857; + .lg\:hover\:scale-x-0:hover { + --tw-scale-x: 0; } - .sm\:focus\:to-green-800:focus { - --tw-gradient-to: #065f46; + .lg\:hover\:scale-x-50:hover { + --tw-scale-x: .5; } - .sm\:focus\:to-green-900:focus { - --tw-gradient-to: #064e3b; + .lg\:hover\:scale-x-75:hover { + --tw-scale-x: .75; } - .sm\:focus\:to-blue-50:focus { - --tw-gradient-to: #eff6ff; + .lg\:hover\:scale-x-90:hover { + --tw-scale-x: .9; } - .sm\:focus\:to-blue-100:focus { - --tw-gradient-to: #dbeafe; + .lg\:hover\:scale-x-95:hover { + --tw-scale-x: .95; } - .sm\:focus\:to-blue-200:focus { - --tw-gradient-to: #bfdbfe; + .lg\:hover\:scale-x-100:hover { + --tw-scale-x: 1; } - .sm\:focus\:to-blue-300:focus { - --tw-gradient-to: #93c5fd; + .lg\:hover\:scale-x-105:hover { + --tw-scale-x: 1.05; } - .sm\:focus\:to-blue-400:focus { - --tw-gradient-to: #60a5fa; + .lg\:hover\:scale-x-110:hover { + --tw-scale-x: 1.1; } - .sm\:focus\:to-blue-500:focus { - --tw-gradient-to: #3b82f6; + .lg\:hover\:scale-x-125:hover { + --tw-scale-x: 1.25; } - .sm\:focus\:to-blue-600:focus { - --tw-gradient-to: #2563eb; + .lg\:hover\:scale-x-150:hover { + --tw-scale-x: 1.5; } - .sm\:focus\:to-blue-700:focus { - --tw-gradient-to: #1d4ed8; + .lg\:hover\:scale-y-0:hover { + --tw-scale-y: 0; } - .sm\:focus\:to-blue-800:focus { - --tw-gradient-to: #1e40af; + .lg\:hover\:scale-y-50:hover { + --tw-scale-y: .5; } - .sm\:focus\:to-blue-900:focus { - --tw-gradient-to: #1e3a8a; + .lg\:hover\:scale-y-75:hover { + --tw-scale-y: .75; } - .sm\:focus\:to-indigo-50:focus { - --tw-gradient-to: #eef2ff; + .lg\:hover\:scale-y-90:hover { + --tw-scale-y: .9; } - .sm\:focus\:to-indigo-100:focus { - --tw-gradient-to: #e0e7ff; + .lg\:hover\:scale-y-95:hover { + --tw-scale-y: .95; } - .sm\:focus\:to-indigo-200:focus { - --tw-gradient-to: #c7d2fe; + .lg\:hover\:scale-y-100:hover { + --tw-scale-y: 1; } - .sm\:focus\:to-indigo-300:focus { - --tw-gradient-to: #a5b4fc; + .lg\:hover\:scale-y-105:hover { + --tw-scale-y: 1.05; } - .sm\:focus\:to-indigo-400:focus { - --tw-gradient-to: #818cf8; + .lg\:hover\:scale-y-110:hover { + --tw-scale-y: 1.1; } - .sm\:focus\:to-indigo-500:focus { - --tw-gradient-to: #6366f1; + .lg\:hover\:scale-y-125:hover { + --tw-scale-y: 1.25; } - .sm\:focus\:to-indigo-600:focus { - --tw-gradient-to: #4f46e5; + .lg\:hover\:scale-y-150:hover { + --tw-scale-y: 1.5; } - .sm\:focus\:to-indigo-700:focus { - --tw-gradient-to: #4338ca; + .lg\:focus\:scale-x-0:focus { + --tw-scale-x: 0; } - .sm\:focus\:to-indigo-800:focus { - --tw-gradient-to: #3730a3; + .lg\:focus\:scale-x-50:focus { + --tw-scale-x: .5; } - .sm\:focus\:to-indigo-900:focus { - --tw-gradient-to: #312e81; + .lg\:focus\:scale-x-75:focus { + --tw-scale-x: .75; } - .sm\:focus\:to-purple-50:focus { - --tw-gradient-to: #f5f3ff; + .lg\:focus\:scale-x-90:focus { + --tw-scale-x: .9; } - .sm\:focus\:to-purple-100:focus { - --tw-gradient-to: #ede9fe; + .lg\:focus\:scale-x-95:focus { + --tw-scale-x: .95; } - .sm\:focus\:to-purple-200:focus { - --tw-gradient-to: #ddd6fe; + .lg\:focus\:scale-x-100:focus { + --tw-scale-x: 1; } - .sm\:focus\:to-purple-300:focus { - --tw-gradient-to: #c4b5fd; + .lg\:focus\:scale-x-105:focus { + --tw-scale-x: 1.05; } - .sm\:focus\:to-purple-400:focus { - --tw-gradient-to: #a78bfa; + .lg\:focus\:scale-x-110:focus { + --tw-scale-x: 1.1; } - .sm\:focus\:to-purple-500:focus { - --tw-gradient-to: #8b5cf6; + .lg\:focus\:scale-x-125:focus { + --tw-scale-x: 1.25; } - .sm\:focus\:to-purple-600:focus { - --tw-gradient-to: #7c3aed; + .lg\:focus\:scale-x-150:focus { + --tw-scale-x: 1.5; } - .sm\:focus\:to-purple-700:focus { - --tw-gradient-to: #6d28d9; + .lg\:focus\:scale-y-0:focus { + --tw-scale-y: 0; } - .sm\:focus\:to-purple-800:focus { - --tw-gradient-to: #5b21b6; + .lg\:focus\:scale-y-50:focus { + --tw-scale-y: .5; } - .sm\:focus\:to-purple-900:focus { - --tw-gradient-to: #4c1d95; + .lg\:focus\:scale-y-75:focus { + --tw-scale-y: .75; } - .sm\:focus\:to-pink-50:focus { - --tw-gradient-to: #fdf2f8; + .lg\:focus\:scale-y-90:focus { + --tw-scale-y: .9; } - .sm\:focus\:to-pink-100:focus { - --tw-gradient-to: #fce7f3; + .lg\:focus\:scale-y-95:focus { + --tw-scale-y: .95; } - .sm\:focus\:to-pink-200:focus { - --tw-gradient-to: #fbcfe8; + .lg\:focus\:scale-y-100:focus { + --tw-scale-y: 1; } - .sm\:focus\:to-pink-300:focus { - --tw-gradient-to: #f9a8d4; + .lg\:focus\:scale-y-105:focus { + --tw-scale-y: 1.05; } - .sm\:focus\:to-pink-400:focus { - --tw-gradient-to: #f472b6; + .lg\:focus\:scale-y-110:focus { + --tw-scale-y: 1.1; } - .sm\:focus\:to-pink-500:focus { - --tw-gradient-to: #ec4899; + .lg\:focus\:scale-y-125:focus { + --tw-scale-y: 1.25; } - .sm\:focus\:to-pink-600:focus { - --tw-gradient-to: #db2777; + .lg\:focus\:scale-y-150:focus { + --tw-scale-y: 1.5; } - .sm\:focus\:to-pink-700:focus { - --tw-gradient-to: #be185d; + .lg\:animate-none { + animation: none; } - .sm\:focus\:to-pink-800:focus { - --tw-gradient-to: #9d174d; + .lg\:animate-spin { + animation: spin 1s linear infinite; } - .sm\:focus\:to-pink-900:focus { - --tw-gradient-to: #831843; + .lg\:animate-ping { + animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; } - .sm\:decoration-slice { - -webkit-box-decoration-break: slice; - box-decoration-break: slice; + .lg\:animate-pulse { + animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } - .sm\:decoration-clone { - -webkit-box-decoration-break: clone; - box-decoration-break: clone; + .lg\:animate-bounce { + animation: bounce 1s infinite; } - .sm\:bg-auto { - background-size: auto; + .lg\:cursor-auto { + cursor: auto; } - .sm\:bg-cover { - background-size: cover; + .lg\:cursor-default { + cursor: default; } - .sm\:bg-contain { - background-size: contain; + .lg\:cursor-pointer { + cursor: pointer; } - .sm\:bg-fixed { - background-attachment: fixed; + .lg\:cursor-wait { + cursor: wait; } - .sm\:bg-local { - background-attachment: local; + .lg\:cursor-text { + cursor: text; } - .sm\:bg-scroll { - background-attachment: scroll; + .lg\:cursor-move { + cursor: move; } - .sm\:bg-clip-border { - background-clip: border-box; + .lg\:cursor-help { + cursor: help; } - .sm\:bg-clip-padding { - background-clip: padding-box; + .lg\:cursor-not-allowed { + cursor: not-allowed; } - .sm\:bg-clip-content { - background-clip: content-box; + .lg\:select-none { + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; } - .sm\:bg-clip-text { - -webkit-background-clip: text; - background-clip: text; + .lg\:select-text { + -webkit-user-select: text; + -moz-user-select: text; + user-select: text; } - .sm\:bg-bottom { - background-position: bottom; + .lg\:select-all { + -webkit-user-select: all; + -moz-user-select: all; + user-select: all; } - .sm\:bg-center { - background-position: center; + .lg\:select-auto { + -webkit-user-select: auto; + -moz-user-select: auto; + user-select: auto; } - .sm\:bg-left { - background-position: left; + .lg\:resize-none { + resize: none; } - .sm\:bg-left-bottom { - background-position: left bottom; + .lg\:resize-y { + resize: vertical; } - .sm\:bg-left-top { - background-position: left top; + .lg\:resize-x { + resize: horizontal; } - .sm\:bg-right { - background-position: right; + .lg\:resize { + resize: both; } - .sm\:bg-right-bottom { - background-position: right bottom; + .lg\:list-inside { + list-style-position: inside; } - .sm\:bg-right-top { - background-position: right top; + .lg\:list-outside { + list-style-position: outside; } - .sm\:bg-top { - background-position: top; + .lg\:list-none { + list-style-type: none; } - .sm\:bg-repeat { - background-repeat: repeat; + .lg\:list-disc { + list-style-type: disc; } - .sm\:bg-no-repeat { - background-repeat: no-repeat; + .lg\:list-decimal { + list-style-type: decimal; } - .sm\:bg-repeat-x { - background-repeat: repeat-x; + .lg\:appearance-none { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; } - .sm\:bg-repeat-y { - background-repeat: repeat-y; + .lg\:auto-cols-auto { + grid-auto-columns: auto; } - .sm\:bg-repeat-round { - background-repeat: round; + .lg\:auto-cols-min { + grid-auto-columns: min-content; } - .sm\:bg-repeat-space { - background-repeat: space; + .lg\:auto-cols-max { + grid-auto-columns: max-content; } - .sm\:bg-origin-border { - background-origin: border-box; + .lg\:auto-cols-fr { + grid-auto-columns: minmax(0, 1fr); } - .sm\:bg-origin-padding { - background-origin: padding-box; + .lg\:grid-flow-row { + grid-auto-flow: row; } - .sm\:bg-origin-content { - background-origin: content-box; + .lg\:grid-flow-col { + grid-auto-flow: column; } - .sm\:fill-current { - fill: currentColor; + .lg\:grid-flow-row-dense { + grid-auto-flow: row dense; } - .sm\:stroke-current { - stroke: currentColor; + .lg\:grid-flow-col-dense { + grid-auto-flow: column dense; } - .sm\:stroke-0 { - stroke-width: 0; + .lg\:auto-rows-auto { + grid-auto-rows: auto; } - .sm\:stroke-1 { - stroke-width: 1; + .lg\:auto-rows-min { + grid-auto-rows: min-content; } - .sm\:stroke-2 { - stroke-width: 2; + .lg\:auto-rows-max { + grid-auto-rows: max-content; } - .sm\:object-contain { - -o-object-fit: contain; - object-fit: contain; + .lg\:auto-rows-fr { + grid-auto-rows: minmax(0, 1fr); } - .sm\:object-cover { - -o-object-fit: cover; - object-fit: cover; + .lg\:grid-cols-1 { + grid-template-columns: repeat(1, minmax(0, 1fr)); } - .sm\:object-fill { - -o-object-fit: fill; - object-fit: fill; + .lg\:grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); } - .sm\:object-none { - -o-object-fit: none; - object-fit: none; + .lg\:grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); } - .sm\:object-scale-down { - -o-object-fit: scale-down; - object-fit: scale-down; + .lg\:grid-cols-4 { + grid-template-columns: repeat(4, minmax(0, 1fr)); } - .sm\:object-bottom { - -o-object-position: bottom; - object-position: bottom; + .lg\:grid-cols-5 { + grid-template-columns: repeat(5, minmax(0, 1fr)); } - .sm\:object-center { - -o-object-position: center; - object-position: center; + .lg\:grid-cols-6 { + grid-template-columns: repeat(6, minmax(0, 1fr)); } - .sm\:object-left { - -o-object-position: left; - object-position: left; + .lg\:grid-cols-7 { + grid-template-columns: repeat(7, minmax(0, 1fr)); } - .sm\:object-left-bottom { - -o-object-position: left bottom; - object-position: left bottom; + .lg\:grid-cols-8 { + grid-template-columns: repeat(8, minmax(0, 1fr)); } - .sm\:object-left-top { - -o-object-position: left top; - object-position: left top; + .lg\:grid-cols-9 { + grid-template-columns: repeat(9, minmax(0, 1fr)); } - .sm\:object-right { - -o-object-position: right; - object-position: right; + .lg\:grid-cols-10 { + grid-template-columns: repeat(10, minmax(0, 1fr)); } - .sm\:object-right-bottom { - -o-object-position: right bottom; - object-position: right bottom; + .lg\:grid-cols-11 { + grid-template-columns: repeat(11, minmax(0, 1fr)); } - .sm\:object-right-top { - -o-object-position: right top; - object-position: right top; + .lg\:grid-cols-12 { + grid-template-columns: repeat(12, minmax(0, 1fr)); } - .sm\:object-top { - -o-object-position: top; - object-position: top; + .lg\:grid-cols-none { + grid-template-columns: none; } - .sm\:p-0 { - padding: 0px; + .lg\:grid-rows-1 { + grid-template-rows: repeat(1, minmax(0, 1fr)); } - .sm\:p-1 { - padding: 0.25rem; + .lg\:grid-rows-2 { + grid-template-rows: repeat(2, minmax(0, 1fr)); } - .sm\:p-2 { - padding: 0.5rem; + .lg\:grid-rows-3 { + grid-template-rows: repeat(3, minmax(0, 1fr)); } - .sm\:p-3 { - padding: 0.75rem; + .lg\:grid-rows-4 { + grid-template-rows: repeat(4, minmax(0, 1fr)); } - .sm\:p-4 { - padding: 1rem; + .lg\:grid-rows-5 { + grid-template-rows: repeat(5, minmax(0, 1fr)); } - .sm\:p-5 { - padding: 1.25rem; + .lg\:grid-rows-6 { + grid-template-rows: repeat(6, minmax(0, 1fr)); } - .sm\:p-6 { - padding: 1.5rem; + .lg\:grid-rows-none { + grid-template-rows: none; } - .sm\:p-7 { - padding: 1.75rem; + .lg\:flex-row { + flex-direction: row; } - .sm\:p-8 { - padding: 2rem; + .lg\:flex-row-reverse { + flex-direction: row-reverse; } - .sm\:p-9 { - padding: 2.25rem; + .lg\:flex-col { + flex-direction: column; } - .sm\:p-10 { - padding: 2.5rem; + .lg\:flex-col-reverse { + flex-direction: column-reverse; } - .sm\:p-11 { - padding: 2.75rem; + .lg\:flex-wrap { + flex-wrap: wrap; } - .sm\:p-12 { - padding: 3rem; + .lg\:flex-wrap-reverse { + flex-wrap: wrap-reverse; } - .sm\:p-14 { - padding: 3.5rem; + .lg\:flex-nowrap { + flex-wrap: nowrap; } - .sm\:p-16 { - padding: 4rem; + .lg\:place-content-center { + place-content: center; } - .sm\:p-20 { - padding: 5rem; + .lg\:place-content-start { + place-content: start; } - .sm\:p-24 { - padding: 6rem; + .lg\:place-content-end { + place-content: end; } - .sm\:p-28 { - padding: 7rem; + .lg\:place-content-between { + place-content: space-between; } - .sm\:p-32 { - padding: 8rem; + .lg\:place-content-around { + place-content: space-around; } - .sm\:p-36 { - padding: 9rem; + .lg\:place-content-evenly { + place-content: space-evenly; } - .sm\:p-40 { - padding: 10rem; + .lg\:place-content-stretch { + place-content: stretch; } - .sm\:p-44 { - padding: 11rem; + .lg\:place-items-start { + place-items: start; } - .sm\:p-48 { - padding: 12rem; + .lg\:place-items-end { + place-items: end; } - .sm\:p-52 { - padding: 13rem; + .lg\:place-items-center { + place-items: center; } - .sm\:p-56 { - padding: 14rem; + .lg\:place-items-stretch { + place-items: stretch; } - .sm\:p-60 { - padding: 15rem; + .lg\:content-center { + align-content: center; } - .sm\:p-64 { - padding: 16rem; + .lg\:content-start { + align-content: flex-start; } - .sm\:p-72 { - padding: 18rem; + .lg\:content-end { + align-content: flex-end; } - .sm\:p-80 { - padding: 20rem; + .lg\:content-between { + align-content: space-between; } - .sm\:p-96 { - padding: 24rem; + .lg\:content-around { + align-content: space-around; } - .sm\:p-px { - padding: 1px; + .lg\:content-evenly { + align-content: space-evenly; } - .sm\:p-0\.5 { - padding: 0.125rem; + .lg\:items-start { + align-items: flex-start; } - .sm\:p-1\.5 { - padding: 0.375rem; + .lg\:items-end { + align-items: flex-end; } - .sm\:p-2\.5 { - padding: 0.625rem; + .lg\:items-center { + align-items: center; } - .sm\:p-3\.5 { - padding: 0.875rem; + .lg\:items-baseline { + align-items: baseline; } - .sm\:px-0 { - padding-left: 0px; - padding-right: 0px; + .lg\:items-stretch { + align-items: stretch; } - .sm\:px-1 { - padding-left: 0.25rem; - padding-right: 0.25rem; + .lg\:justify-start { + justify-content: flex-start; } - .sm\:px-2 { - padding-left: 0.5rem; - padding-right: 0.5rem; + .lg\:justify-end { + justify-content: flex-end; } - .sm\:px-3 { - padding-left: 0.75rem; - padding-right: 0.75rem; + .lg\:justify-center { + justify-content: center; } - .sm\:px-4 { - padding-left: 1rem; - padding-right: 1rem; + .lg\:justify-between { + justify-content: space-between; } - .sm\:px-5 { - padding-left: 1.25rem; - padding-right: 1.25rem; + .lg\:justify-around { + justify-content: space-around; } - .sm\:px-6 { - padding-left: 1.5rem; - padding-right: 1.5rem; + .lg\:justify-evenly { + justify-content: space-evenly; } - .sm\:px-7 { - padding-left: 1.75rem; - padding-right: 1.75rem; + .lg\:justify-items-start { + justify-items: start; } - .sm\:px-8 { - padding-left: 2rem; - padding-right: 2rem; + .lg\:justify-items-end { + justify-items: end; } - .sm\:px-9 { - padding-left: 2.25rem; - padding-right: 2.25rem; + .lg\:justify-items-center { + justify-items: center; } - .sm\:px-10 { - padding-left: 2.5rem; - padding-right: 2.5rem; + .lg\:justify-items-stretch { + justify-items: stretch; } - .sm\:px-11 { - padding-left: 2.75rem; - padding-right: 2.75rem; + .lg\:gap-0 { + gap: 0px; } - .sm\:px-12 { - padding-left: 3rem; - padding-right: 3rem; + .lg\:gap-1 { + gap: 0.25rem; } - .sm\:px-14 { - padding-left: 3.5rem; - padding-right: 3.5rem; + .lg\:gap-2 { + gap: 0.5rem; } - .sm\:px-16 { - padding-left: 4rem; - padding-right: 4rem; + .lg\:gap-3 { + gap: 0.75rem; } - .sm\:px-20 { - padding-left: 5rem; - padding-right: 5rem; + .lg\:gap-4 { + gap: 1rem; } - .sm\:px-24 { - padding-left: 6rem; - padding-right: 6rem; + .lg\:gap-5 { + gap: 1.25rem; } - .sm\:px-28 { - padding-left: 7rem; - padding-right: 7rem; + .lg\:gap-6 { + gap: 1.5rem; } - .sm\:px-32 { - padding-left: 8rem; - padding-right: 8rem; + .lg\:gap-7 { + gap: 1.75rem; } - .sm\:px-36 { - padding-left: 9rem; - padding-right: 9rem; + .lg\:gap-8 { + gap: 2rem; } - .sm\:px-40 { - padding-left: 10rem; - padding-right: 10rem; + .lg\:gap-9 { + gap: 2.25rem; } - .sm\:px-44 { - padding-left: 11rem; - padding-right: 11rem; + .lg\:gap-10 { + gap: 2.5rem; } - .sm\:px-48 { - padding-left: 12rem; - padding-right: 12rem; + .lg\:gap-11 { + gap: 2.75rem; } - .sm\:px-52 { - padding-left: 13rem; - padding-right: 13rem; + .lg\:gap-12 { + gap: 3rem; } - .sm\:px-56 { - padding-left: 14rem; - padding-right: 14rem; + .lg\:gap-14 { + gap: 3.5rem; } - .sm\:px-60 { - padding-left: 15rem; - padding-right: 15rem; + .lg\:gap-16 { + gap: 4rem; } - .sm\:px-64 { - padding-left: 16rem; - padding-right: 16rem; + .lg\:gap-20 { + gap: 5rem; } - .sm\:px-72 { - padding-left: 18rem; - padding-right: 18rem; + .lg\:gap-24 { + gap: 6rem; } - .sm\:px-80 { - padding-left: 20rem; - padding-right: 20rem; + .lg\:gap-28 { + gap: 7rem; } - .sm\:px-96 { - padding-left: 24rem; - padding-right: 24rem; + .lg\:gap-32 { + gap: 8rem; } - .sm\:px-px { - padding-left: 1px; - padding-right: 1px; + .lg\:gap-36 { + gap: 9rem; } - .sm\:px-0\.5 { - padding-left: 0.125rem; - padding-right: 0.125rem; + .lg\:gap-40 { + gap: 10rem; } - .sm\:px-1\.5 { - padding-left: 0.375rem; - padding-right: 0.375rem; + .lg\:gap-44 { + gap: 11rem; } - .sm\:px-2\.5 { - padding-left: 0.625rem; - padding-right: 0.625rem; + .lg\:gap-48 { + gap: 12rem; } - .sm\:px-3\.5 { - padding-left: 0.875rem; - padding-right: 0.875rem; + .lg\:gap-52 { + gap: 13rem; } - .sm\:py-0 { - padding-top: 0px; - padding-bottom: 0px; + .lg\:gap-56 { + gap: 14rem; } - .sm\:py-1 { - padding-top: 0.25rem; - padding-bottom: 0.25rem; + .lg\:gap-60 { + gap: 15rem; } - .sm\:py-2 { - padding-top: 0.5rem; - padding-bottom: 0.5rem; + .lg\:gap-64 { + gap: 16rem; } - .sm\:py-3 { - padding-top: 0.75rem; - padding-bottom: 0.75rem; + .lg\:gap-72 { + gap: 18rem; } - .sm\:py-4 { - padding-top: 1rem; - padding-bottom: 1rem; + .lg\:gap-80 { + gap: 20rem; } - .sm\:py-5 { - padding-top: 1.25rem; - padding-bottom: 1.25rem; + .lg\:gap-96 { + gap: 24rem; } - .sm\:py-6 { - padding-top: 1.5rem; - padding-bottom: 1.5rem; + .lg\:gap-px { + gap: 1px; } - .sm\:py-7 { - padding-top: 1.75rem; - padding-bottom: 1.75rem; + .lg\:gap-0\.5 { + gap: 0.125rem; } - .sm\:py-8 { - padding-top: 2rem; - padding-bottom: 2rem; + .lg\:gap-1\.5 { + gap: 0.375rem; } - .sm\:py-9 { - padding-top: 2.25rem; - padding-bottom: 2.25rem; + .lg\:gap-2\.5 { + gap: 0.625rem; } - .sm\:py-10 { - padding-top: 2.5rem; - padding-bottom: 2.5rem; + .lg\:gap-3\.5 { + gap: 0.875rem; } - .sm\:py-11 { - padding-top: 2.75rem; - padding-bottom: 2.75rem; + .lg\:gap-x-0 { + -moz-column-gap: 0px; + column-gap: 0px; } - .sm\:py-12 { - padding-top: 3rem; - padding-bottom: 3rem; + .lg\:gap-x-1 { + -moz-column-gap: 0.25rem; + column-gap: 0.25rem; } - .sm\:py-14 { - padding-top: 3.5rem; - padding-bottom: 3.5rem; + .lg\:gap-x-2 { + -moz-column-gap: 0.5rem; + column-gap: 0.5rem; } - .sm\:py-16 { - padding-top: 4rem; - padding-bottom: 4rem; + .lg\:gap-x-3 { + -moz-column-gap: 0.75rem; + column-gap: 0.75rem; } - .sm\:py-20 { - padding-top: 5rem; - padding-bottom: 5rem; + .lg\:gap-x-4 { + -moz-column-gap: 1rem; + column-gap: 1rem; } - .sm\:py-24 { - padding-top: 6rem; - padding-bottom: 6rem; + .lg\:gap-x-5 { + -moz-column-gap: 1.25rem; + column-gap: 1.25rem; } - .sm\:py-28 { - padding-top: 7rem; - padding-bottom: 7rem; + .lg\:gap-x-6 { + -moz-column-gap: 1.5rem; + column-gap: 1.5rem; } - .sm\:py-32 { - padding-top: 8rem; - padding-bottom: 8rem; + .lg\:gap-x-7 { + -moz-column-gap: 1.75rem; + column-gap: 1.75rem; } - .sm\:py-36 { - padding-top: 9rem; - padding-bottom: 9rem; + .lg\:gap-x-8 { + -moz-column-gap: 2rem; + column-gap: 2rem; } - .sm\:py-40 { - padding-top: 10rem; - padding-bottom: 10rem; + .lg\:gap-x-9 { + -moz-column-gap: 2.25rem; + column-gap: 2.25rem; } - .sm\:py-44 { - padding-top: 11rem; - padding-bottom: 11rem; + .lg\:gap-x-10 { + -moz-column-gap: 2.5rem; + column-gap: 2.5rem; } - .sm\:py-48 { - padding-top: 12rem; - padding-bottom: 12rem; + .lg\:gap-x-11 { + -moz-column-gap: 2.75rem; + column-gap: 2.75rem; } - .sm\:py-52 { - padding-top: 13rem; - padding-bottom: 13rem; + .lg\:gap-x-12 { + -moz-column-gap: 3rem; + column-gap: 3rem; } - .sm\:py-56 { - padding-top: 14rem; - padding-bottom: 14rem; + .lg\:gap-x-14 { + -moz-column-gap: 3.5rem; + column-gap: 3.5rem; } - .sm\:py-60 { - padding-top: 15rem; - padding-bottom: 15rem; + .lg\:gap-x-16 { + -moz-column-gap: 4rem; + column-gap: 4rem; } - .sm\:py-64 { - padding-top: 16rem; - padding-bottom: 16rem; + .lg\:gap-x-20 { + -moz-column-gap: 5rem; + column-gap: 5rem; } - .sm\:py-72 { - padding-top: 18rem; - padding-bottom: 18rem; + .lg\:gap-x-24 { + -moz-column-gap: 6rem; + column-gap: 6rem; } - .sm\:py-80 { - padding-top: 20rem; - padding-bottom: 20rem; + .lg\:gap-x-28 { + -moz-column-gap: 7rem; + column-gap: 7rem; } - .sm\:py-96 { - padding-top: 24rem; - padding-bottom: 24rem; + .lg\:gap-x-32 { + -moz-column-gap: 8rem; + column-gap: 8rem; } - .sm\:py-px { - padding-top: 1px; - padding-bottom: 1px; + .lg\:gap-x-36 { + -moz-column-gap: 9rem; + column-gap: 9rem; } - .sm\:py-0\.5 { - padding-top: 0.125rem; - padding-bottom: 0.125rem; + .lg\:gap-x-40 { + -moz-column-gap: 10rem; + column-gap: 10rem; } - .sm\:py-1\.5 { - padding-top: 0.375rem; - padding-bottom: 0.375rem; + .lg\:gap-x-44 { + -moz-column-gap: 11rem; + column-gap: 11rem; } - .sm\:py-2\.5 { - padding-top: 0.625rem; - padding-bottom: 0.625rem; + .lg\:gap-x-48 { + -moz-column-gap: 12rem; + column-gap: 12rem; } - .sm\:py-3\.5 { - padding-top: 0.875rem; - padding-bottom: 0.875rem; + .lg\:gap-x-52 { + -moz-column-gap: 13rem; + column-gap: 13rem; } - .sm\:pt-0 { - padding-top: 0px; + .lg\:gap-x-56 { + -moz-column-gap: 14rem; + column-gap: 14rem; } - .sm\:pt-1 { - padding-top: 0.25rem; + .lg\:gap-x-60 { + -moz-column-gap: 15rem; + column-gap: 15rem; } - .sm\:pt-2 { - padding-top: 0.5rem; + .lg\:gap-x-64 { + -moz-column-gap: 16rem; + column-gap: 16rem; } - .sm\:pt-3 { - padding-top: 0.75rem; + .lg\:gap-x-72 { + -moz-column-gap: 18rem; + column-gap: 18rem; } - .sm\:pt-4 { - padding-top: 1rem; + .lg\:gap-x-80 { + -moz-column-gap: 20rem; + column-gap: 20rem; } - .sm\:pt-5 { - padding-top: 1.25rem; + .lg\:gap-x-96 { + -moz-column-gap: 24rem; + column-gap: 24rem; } - .sm\:pt-6 { - padding-top: 1.5rem; + .lg\:gap-x-px { + -moz-column-gap: 1px; + column-gap: 1px; } - .sm\:pt-7 { - padding-top: 1.75rem; + .lg\:gap-x-0\.5 { + -moz-column-gap: 0.125rem; + column-gap: 0.125rem; } - .sm\:pt-8 { - padding-top: 2rem; + .lg\:gap-x-1\.5 { + -moz-column-gap: 0.375rem; + column-gap: 0.375rem; } - .sm\:pt-9 { - padding-top: 2.25rem; + .lg\:gap-x-2\.5 { + -moz-column-gap: 0.625rem; + column-gap: 0.625rem; } - .sm\:pt-10 { - padding-top: 2.5rem; + .lg\:gap-x-3\.5 { + -moz-column-gap: 0.875rem; + column-gap: 0.875rem; } - .sm\:pt-11 { - padding-top: 2.75rem; + .lg\:gap-y-0 { + row-gap: 0px; } - .sm\:pt-12 { - padding-top: 3rem; + .lg\:gap-y-1 { + row-gap: 0.25rem; } - .sm\:pt-14 { - padding-top: 3.5rem; + .lg\:gap-y-2 { + row-gap: 0.5rem; } - .sm\:pt-16 { - padding-top: 4rem; + .lg\:gap-y-3 { + row-gap: 0.75rem; } - .sm\:pt-20 { - padding-top: 5rem; + .lg\:gap-y-4 { + row-gap: 1rem; } - .sm\:pt-24 { - padding-top: 6rem; + .lg\:gap-y-5 { + row-gap: 1.25rem; } - .sm\:pt-28 { - padding-top: 7rem; + .lg\:gap-y-6 { + row-gap: 1.5rem; } - .sm\:pt-32 { - padding-top: 8rem; + .lg\:gap-y-7 { + row-gap: 1.75rem; } - .sm\:pt-36 { - padding-top: 9rem; + .lg\:gap-y-8 { + row-gap: 2rem; } - .sm\:pt-40 { - padding-top: 10rem; + .lg\:gap-y-9 { + row-gap: 2.25rem; } - .sm\:pt-44 { - padding-top: 11rem; + .lg\:gap-y-10 { + row-gap: 2.5rem; } - .sm\:pt-48 { - padding-top: 12rem; + .lg\:gap-y-11 { + row-gap: 2.75rem; } - .sm\:pt-52 { - padding-top: 13rem; + .lg\:gap-y-12 { + row-gap: 3rem; } - .sm\:pt-56 { - padding-top: 14rem; + .lg\:gap-y-14 { + row-gap: 3.5rem; } - .sm\:pt-60 { - padding-top: 15rem; + .lg\:gap-y-16 { + row-gap: 4rem; } - .sm\:pt-64 { - padding-top: 16rem; + .lg\:gap-y-20 { + row-gap: 5rem; } - .sm\:pt-72 { - padding-top: 18rem; + .lg\:gap-y-24 { + row-gap: 6rem; } - .sm\:pt-80 { - padding-top: 20rem; + .lg\:gap-y-28 { + row-gap: 7rem; } - .sm\:pt-96 { - padding-top: 24rem; + .lg\:gap-y-32 { + row-gap: 8rem; } - .sm\:pt-px { - padding-top: 1px; + .lg\:gap-y-36 { + row-gap: 9rem; } - .sm\:pt-0\.5 { - padding-top: 0.125rem; + .lg\:gap-y-40 { + row-gap: 10rem; } - .sm\:pt-1\.5 { - padding-top: 0.375rem; + .lg\:gap-y-44 { + row-gap: 11rem; } - .sm\:pt-2\.5 { - padding-top: 0.625rem; + .lg\:gap-y-48 { + row-gap: 12rem; } - .sm\:pt-3\.5 { - padding-top: 0.875rem; + .lg\:gap-y-52 { + row-gap: 13rem; } - .sm\:pr-0 { - padding-right: 0px; + .lg\:gap-y-56 { + row-gap: 14rem; } - .sm\:pr-1 { - padding-right: 0.25rem; + .lg\:gap-y-60 { + row-gap: 15rem; } - .sm\:pr-2 { - padding-right: 0.5rem; + .lg\:gap-y-64 { + row-gap: 16rem; } - .sm\:pr-3 { - padding-right: 0.75rem; + .lg\:gap-y-72 { + row-gap: 18rem; } - .sm\:pr-4 { - padding-right: 1rem; + .lg\:gap-y-80 { + row-gap: 20rem; } - .sm\:pr-5 { - padding-right: 1.25rem; + .lg\:gap-y-96 { + row-gap: 24rem; } - .sm\:pr-6 { - padding-right: 1.5rem; + .lg\:gap-y-px { + row-gap: 1px; } - .sm\:pr-7 { - padding-right: 1.75rem; + .lg\:gap-y-0\.5 { + row-gap: 0.125rem; } - .sm\:pr-8 { - padding-right: 2rem; + .lg\:gap-y-1\.5 { + row-gap: 0.375rem; } - .sm\:pr-9 { - padding-right: 2.25rem; + .lg\:gap-y-2\.5 { + row-gap: 0.625rem; } - .sm\:pr-10 { - padding-right: 2.5rem; + .lg\:gap-y-3\.5 { + row-gap: 0.875rem; } - .sm\:pr-11 { - padding-right: 2.75rem; + .lg\:space-x-0 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(0px * var(--tw-space-x-reverse)); + margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse))); } - .sm\:pr-12 { - padding-right: 3rem; + .lg\: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))); } - .sm\:pr-14 { - padding-right: 3.5rem; + .lg\: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\:pr-16 { - padding-right: 4rem; + .lg\: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))); } - .sm\:pr-20 { - padding-right: 5rem; + .lg\: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\:pr-24 { - padding-right: 6rem; + .lg\:space-x-5 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(1.25rem * var(--tw-space-x-reverse)); + margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse))); } - .sm\:pr-28 { - padding-right: 7rem; + .lg\: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))); } - .sm\:pr-32 { - padding-right: 8rem; + .lg\:space-x-7 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(1.75rem * var(--tw-space-x-reverse)); + margin-left: calc(1.75rem * calc(1 - var(--tw-space-x-reverse))); } - .sm\:pr-36 { - padding-right: 9rem; + .lg\: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))); } - .sm\:pr-40 { - padding-right: 10rem; + .lg\:space-x-9 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(2.25rem * var(--tw-space-x-reverse)); + margin-left: calc(2.25rem * calc(1 - var(--tw-space-x-reverse))); } - .sm\:pr-44 { - padding-right: 11rem; + .lg\:space-x-10 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(2.5rem * var(--tw-space-x-reverse)); + margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse))); } - .sm\:pr-48 { - padding-right: 12rem; + .lg\:space-x-11 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(2.75rem * var(--tw-space-x-reverse)); + margin-left: calc(2.75rem * calc(1 - var(--tw-space-x-reverse))); } - .sm\:pr-52 { - padding-right: 13rem; + .lg\:space-x-12 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(3rem * var(--tw-space-x-reverse)); + margin-left: calc(3rem * calc(1 - var(--tw-space-x-reverse))); } - .sm\:pr-56 { - padding-right: 14rem; + .lg\:space-x-14 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(3.5rem * var(--tw-space-x-reverse)); + margin-left: calc(3.5rem * calc(1 - var(--tw-space-x-reverse))); } - .sm\:pr-60 { - padding-right: 15rem; + .lg\:space-x-16 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(4rem * var(--tw-space-x-reverse)); + margin-left: calc(4rem * calc(1 - var(--tw-space-x-reverse))); } - .sm\:pr-64 { - padding-right: 16rem; + .lg\:space-x-20 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(5rem * var(--tw-space-x-reverse)); + margin-left: calc(5rem * calc(1 - var(--tw-space-x-reverse))); } - .sm\:pr-72 { - padding-right: 18rem; + .lg\:space-x-24 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(6rem * var(--tw-space-x-reverse)); + margin-left: calc(6rem * calc(1 - var(--tw-space-x-reverse))); } - .sm\:pr-80 { - padding-right: 20rem; + .lg\:space-x-28 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(7rem * var(--tw-space-x-reverse)); + margin-left: calc(7rem * calc(1 - var(--tw-space-x-reverse))); } - .sm\:pr-96 { - padding-right: 24rem; + .lg\:space-x-32 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(8rem * var(--tw-space-x-reverse)); + margin-left: calc(8rem * calc(1 - var(--tw-space-x-reverse))); } - .sm\:pr-px { - padding-right: 1px; + .lg\:space-x-36 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(9rem * var(--tw-space-x-reverse)); + margin-left: calc(9rem * calc(1 - var(--tw-space-x-reverse))); } - .sm\:pr-0\.5 { - padding-right: 0.125rem; + .lg\:space-x-40 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(10rem * var(--tw-space-x-reverse)); + margin-left: calc(10rem * calc(1 - var(--tw-space-x-reverse))); } - .sm\:pr-1\.5 { - padding-right: 0.375rem; + .lg\:space-x-44 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(11rem * var(--tw-space-x-reverse)); + margin-left: calc(11rem * calc(1 - var(--tw-space-x-reverse))); } - .sm\:pr-2\.5 { - padding-right: 0.625rem; + .lg\:space-x-48 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(12rem * var(--tw-space-x-reverse)); + margin-left: calc(12rem * calc(1 - var(--tw-space-x-reverse))); } - .sm\:pr-3\.5 { - padding-right: 0.875rem; + .lg\:space-x-52 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(13rem * var(--tw-space-x-reverse)); + margin-left: calc(13rem * calc(1 - var(--tw-space-x-reverse))); } - .sm\:pb-0 { - padding-bottom: 0px; + .lg\:space-x-56 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(14rem * var(--tw-space-x-reverse)); + margin-left: calc(14rem * calc(1 - var(--tw-space-x-reverse))); } - .sm\:pb-1 { - padding-bottom: 0.25rem; + .lg\:space-x-60 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(15rem * var(--tw-space-x-reverse)); + margin-left: calc(15rem * calc(1 - var(--tw-space-x-reverse))); } - .sm\:pb-2 { - padding-bottom: 0.5rem; + .lg\:space-x-64 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(16rem * var(--tw-space-x-reverse)); + margin-left: calc(16rem * calc(1 - var(--tw-space-x-reverse))); } - .sm\:pb-3 { - padding-bottom: 0.75rem; + .lg\:space-x-72 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(18rem * var(--tw-space-x-reverse)); + margin-left: calc(18rem * calc(1 - var(--tw-space-x-reverse))); } - .sm\:pb-4 { - padding-bottom: 1rem; + .lg\:space-x-80 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(20rem * var(--tw-space-x-reverse)); + margin-left: calc(20rem * calc(1 - var(--tw-space-x-reverse))); } - .sm\:pb-5 { - padding-bottom: 1.25rem; + .lg\:space-x-96 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(24rem * var(--tw-space-x-reverse)); + margin-left: calc(24rem * calc(1 - var(--tw-space-x-reverse))); } - .sm\:pb-6 { - padding-bottom: 1.5rem; + .lg\:space-x-px > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(1px * var(--tw-space-x-reverse)); + margin-left: calc(1px * calc(1 - var(--tw-space-x-reverse))); } - .sm\:pb-7 { - padding-bottom: 1.75rem; + .lg\:space-x-0\.5 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(0.125rem * var(--tw-space-x-reverse)); + margin-left: calc(0.125rem * calc(1 - var(--tw-space-x-reverse))); } - .sm\:pb-8 { - padding-bottom: 2rem; + .lg\: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))); } - .sm\:pb-9 { - padding-bottom: 2.25rem; + .lg\: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))); } - .sm\:pb-10 { - padding-bottom: 2.5rem; + .lg\:space-x-3\.5 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(0.875rem * var(--tw-space-x-reverse)); + margin-left: calc(0.875rem * calc(1 - var(--tw-space-x-reverse))); } - .sm\:pb-11 { - padding-bottom: 2.75rem; + .lg\:-space-x-0 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(0px * var(--tw-space-x-reverse)); + margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse))); } - .sm\:pb-12 { - padding-bottom: 3rem; + .lg\:-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))); } - .sm\:pb-14 { - padding-bottom: 3.5rem; + .lg\:-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\:pb-16 { - padding-bottom: 4rem; + .lg\:-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))); } - .sm\:pb-20 { - padding-bottom: 5rem; + .lg\:-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\:pb-24 { - padding-bottom: 6rem; + .lg\:-space-x-5 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-1.25rem * var(--tw-space-x-reverse)); + margin-left: calc(-1.25rem * calc(1 - var(--tw-space-x-reverse))); } - .sm\:pb-28 { - padding-bottom: 7rem; + .lg\:-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))); } - .sm\:pb-32 { - padding-bottom: 8rem; + .lg\:-space-x-7 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-1.75rem * var(--tw-space-x-reverse)); + margin-left: calc(-1.75rem * calc(1 - var(--tw-space-x-reverse))); } - .sm\:pb-36 { - padding-bottom: 9rem; + .lg\:-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))); } - .sm\:pb-40 { - padding-bottom: 10rem; + .lg\:-space-x-9 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-2.25rem * var(--tw-space-x-reverse)); + margin-left: calc(-2.25rem * calc(1 - var(--tw-space-x-reverse))); } - .sm\:pb-44 { - padding-bottom: 11rem; + .lg\:-space-x-10 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-2.5rem * var(--tw-space-x-reverse)); + margin-left: calc(-2.5rem * calc(1 - var(--tw-space-x-reverse))); } - .sm\:pb-48 { - padding-bottom: 12rem; + .lg\:-space-x-11 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-2.75rem * var(--tw-space-x-reverse)); + margin-left: calc(-2.75rem * calc(1 - var(--tw-space-x-reverse))); } - .sm\:pb-52 { - padding-bottom: 13rem; + .lg\:-space-x-12 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-3rem * var(--tw-space-x-reverse)); + margin-left: calc(-3rem * calc(1 - var(--tw-space-x-reverse))); } - .sm\:pb-56 { - padding-bottom: 14rem; + .lg\:-space-x-14 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-3.5rem * var(--tw-space-x-reverse)); + margin-left: calc(-3.5rem * calc(1 - var(--tw-space-x-reverse))); } - .sm\:pb-60 { - padding-bottom: 15rem; + .lg\:-space-x-16 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-4rem * var(--tw-space-x-reverse)); + margin-left: calc(-4rem * calc(1 - var(--tw-space-x-reverse))); } - .sm\:pb-64 { - padding-bottom: 16rem; + .lg\:-space-x-20 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-5rem * var(--tw-space-x-reverse)); + margin-left: calc(-5rem * calc(1 - var(--tw-space-x-reverse))); } - .sm\:pb-72 { - padding-bottom: 18rem; + .lg\:-space-x-24 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-6rem * var(--tw-space-x-reverse)); + margin-left: calc(-6rem * calc(1 - var(--tw-space-x-reverse))); } - .sm\:pb-80 { - padding-bottom: 20rem; + .lg\:-space-x-28 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-7rem * var(--tw-space-x-reverse)); + margin-left: calc(-7rem * calc(1 - var(--tw-space-x-reverse))); } - .sm\:pb-96 { - padding-bottom: 24rem; + .lg\:-space-x-32 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-8rem * var(--tw-space-x-reverse)); + margin-left: calc(-8rem * calc(1 - var(--tw-space-x-reverse))); } - .sm\:pb-px { - padding-bottom: 1px; + .lg\:-space-x-36 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-9rem * var(--tw-space-x-reverse)); + margin-left: calc(-9rem * calc(1 - var(--tw-space-x-reverse))); } - .sm\:pb-0\.5 { - padding-bottom: 0.125rem; + .lg\:-space-x-40 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-10rem * var(--tw-space-x-reverse)); + margin-left: calc(-10rem * calc(1 - var(--tw-space-x-reverse))); } - .sm\:pb-1\.5 { - padding-bottom: 0.375rem; + .lg\:-space-x-44 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-11rem * var(--tw-space-x-reverse)); + margin-left: calc(-11rem * calc(1 - var(--tw-space-x-reverse))); } - .sm\:pb-2\.5 { - padding-bottom: 0.625rem; + .lg\:-space-x-48 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-12rem * var(--tw-space-x-reverse)); + margin-left: calc(-12rem * calc(1 - var(--tw-space-x-reverse))); } - .sm\:pb-3\.5 { - padding-bottom: 0.875rem; + .lg\:-space-x-52 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-13rem * var(--tw-space-x-reverse)); + margin-left: calc(-13rem * calc(1 - var(--tw-space-x-reverse))); } - .sm\:pl-0 { - padding-left: 0px; + .lg\:-space-x-56 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-14rem * var(--tw-space-x-reverse)); + margin-left: calc(-14rem * calc(1 - var(--tw-space-x-reverse))); } - .sm\:pl-1 { - padding-left: 0.25rem; + .lg\:-space-x-60 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-15rem * var(--tw-space-x-reverse)); + margin-left: calc(-15rem * calc(1 - var(--tw-space-x-reverse))); } - .sm\:pl-2 { - padding-left: 0.5rem; + .lg\:-space-x-64 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-16rem * var(--tw-space-x-reverse)); + margin-left: calc(-16rem * calc(1 - var(--tw-space-x-reverse))); } - .sm\:pl-3 { - padding-left: 0.75rem; + .lg\:-space-x-72 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-18rem * var(--tw-space-x-reverse)); + margin-left: calc(-18rem * calc(1 - var(--tw-space-x-reverse))); } - .sm\:pl-4 { - padding-left: 1rem; + .lg\:-space-x-80 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-20rem * var(--tw-space-x-reverse)); + margin-left: calc(-20rem * calc(1 - var(--tw-space-x-reverse))); } - .sm\:pl-5 { - padding-left: 1.25rem; + .lg\:-space-x-96 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-24rem * var(--tw-space-x-reverse)); + margin-left: calc(-24rem * calc(1 - var(--tw-space-x-reverse))); } - .sm\:pl-6 { - padding-left: 1.5rem; + .lg\:-space-x-px > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-1px * var(--tw-space-x-reverse)); + margin-left: calc(-1px * calc(1 - var(--tw-space-x-reverse))); } - .sm\:pl-7 { - padding-left: 1.75rem; + .lg\:-space-x-0\.5 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-0.125rem * var(--tw-space-x-reverse)); + margin-left: calc(-0.125rem * calc(1 - var(--tw-space-x-reverse))); } - .sm\:pl-8 { - padding-left: 2rem; + .lg\:-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))); } - .sm\:pl-9 { - padding-left: 2.25rem; + .lg\:-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))); } - .sm\:pl-10 { - padding-left: 2.5rem; + .lg\:-space-x-3\.5 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-0.875rem * var(--tw-space-x-reverse)); + margin-left: calc(-0.875rem * calc(1 - var(--tw-space-x-reverse))); } - .sm\:pl-11 { - padding-left: 2.75rem; + .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)); } - .sm\:pl-12 { - padding-left: 3rem; + .lg\: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\:pl-14 { - padding-left: 3.5rem; + .lg\: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\:pl-16 { - padding-left: 4rem; + .lg\: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\:pl-20 { - padding-left: 5rem; + .lg\:space-y-4 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(1rem * var(--tw-space-y-reverse)); } - .sm\:pl-24 { - padding-left: 6rem; + .lg\:space-y-5 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(1.25rem * var(--tw-space-y-reverse)); } - .sm\:pl-28 { - padding-left: 7rem; + .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)); } - .sm\:pl-32 { - padding-left: 8rem; + .lg\:space-y-7 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(1.75rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(1.75rem * var(--tw-space-y-reverse)); } - .sm\:pl-36 { - padding-left: 9rem; + .lg\:space-y-8 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(2rem * var(--tw-space-y-reverse)); } - .sm\:pl-40 { - padding-left: 10rem; + .lg\:space-y-9 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(2.25rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(2.25rem * var(--tw-space-y-reverse)); } - .sm\:pl-44 { - padding-left: 11rem; + .lg\: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)); } - .sm\:pl-48 { - padding-left: 12rem; + .lg\:space-y-11 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(2.75rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(2.75rem * var(--tw-space-y-reverse)); } - .sm\:pl-52 { - padding-left: 13rem; + .lg\: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)); } - .sm\:pl-56 { - padding-left: 14rem; + .lg\:space-y-14 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(3.5rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(3.5rem * var(--tw-space-y-reverse)); } - .sm\:pl-60 { - padding-left: 15rem; + .lg\: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)); } - .sm\:pl-64 { - padding-left: 16rem; + .lg\:space-y-20 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(5rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(5rem * var(--tw-space-y-reverse)); } - .sm\:pl-72 { - padding-left: 18rem; + .lg\:space-y-24 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(6rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(6rem * var(--tw-space-y-reverse)); } - .sm\:pl-80 { - padding-left: 20rem; + .lg\:space-y-28 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(7rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(7rem * var(--tw-space-y-reverse)); } - .sm\:pl-96 { - padding-left: 24rem; + .lg\:space-y-32 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(8rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(8rem * var(--tw-space-y-reverse)); } - .sm\:pl-px { - padding-left: 1px; + .lg\:space-y-36 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(9rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(9rem * var(--tw-space-y-reverse)); } - .sm\:pl-0\.5 { - padding-left: 0.125rem; + .lg\:space-y-40 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(10rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(10rem * var(--tw-space-y-reverse)); } - .sm\:pl-1\.5 { - padding-left: 0.375rem; + .lg\:space-y-44 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(11rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(11rem * var(--tw-space-y-reverse)); } - .sm\:pl-2\.5 { - padding-left: 0.625rem; + .lg\:space-y-48 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(12rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(12rem * var(--tw-space-y-reverse)); } - .sm\:pl-3\.5 { - padding-left: 0.875rem; + .lg\:space-y-52 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(13rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(13rem * var(--tw-space-y-reverse)); } - .sm\:text-left { - text-align: left; + .lg\:space-y-56 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(14rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(14rem * var(--tw-space-y-reverse)); } - .sm\:text-center { - text-align: center; + .lg\:space-y-60 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(15rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(15rem * var(--tw-space-y-reverse)); } - .sm\:text-right { - text-align: right; + .lg\:space-y-64 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(16rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(16rem * var(--tw-space-y-reverse)); } - .sm\:text-justify { - text-align: justify; + .lg\:space-y-72 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(18rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(18rem * var(--tw-space-y-reverse)); } - .sm\:align-baseline { - vertical-align: baseline; + .lg\:space-y-80 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(20rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(20rem * var(--tw-space-y-reverse)); } - .sm\:align-top { - vertical-align: top; + .lg\:space-y-96 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(24rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(24rem * var(--tw-space-y-reverse)); } - .sm\:align-middle { - vertical-align: middle; + .lg\:space-y-px > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(1px * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(1px * var(--tw-space-y-reverse)); } - .sm\:align-bottom { - vertical-align: bottom; + .lg\: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)); } - .sm\:align-text-top { - vertical-align: text-top; + .lg\: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\:align-text-bottom { - vertical-align: text-bottom; + .lg\: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)); } - .sm\:font-sans { - font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + .lg\:space-y-3\.5 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(0.875rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(0.875rem * var(--tw-space-y-reverse)); } - .sm\:font-serif { - font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; + .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)); } - .sm\:font-mono { - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + .lg\:-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\:text-xs { - font-size: 0.75rem; - line-height: 1rem; + .lg\:-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\:text-sm { - font-size: 0.875rem; - line-height: 1.25rem; + .lg\:-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\:text-base { - font-size: 1rem; - line-height: 1.5rem; + .lg\:-space-y-4 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-1rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-1rem * var(--tw-space-y-reverse)); } - .sm\:text-lg { - font-size: 1.125rem; - line-height: 1.75rem; + .lg\:-space-y-5 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-1.25rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-1.25rem * var(--tw-space-y-reverse)); } - .sm\:text-xl { - font-size: 1.25rem; - line-height: 1.75rem; + .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)); } - .sm\:text-2xl { - font-size: 1.5rem; - line-height: 2rem; + .lg\:-space-y-7 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-1.75rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-1.75rem * var(--tw-space-y-reverse)); } - .sm\:text-3xl { - font-size: 1.875rem; - line-height: 2.25rem; + .lg\:-space-y-8 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-2rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-2rem * var(--tw-space-y-reverse)); } - .sm\:text-4xl { - font-size: 2.25rem; - line-height: 2.5rem; + .lg\:-space-y-9 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-2.25rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-2.25rem * var(--tw-space-y-reverse)); } - .sm\:text-5xl { - font-size: 3rem; - line-height: 1; + .lg\:-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)); } - .sm\:text-6xl { - font-size: 3.75rem; - line-height: 1; + .lg\:-space-y-11 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-2.75rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-2.75rem * var(--tw-space-y-reverse)); } - .sm\:text-7xl { - font-size: 4.5rem; - line-height: 1; + .lg\:-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)); } - .sm\:text-8xl { - font-size: 6rem; - line-height: 1; + .lg\:-space-y-14 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-3.5rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-3.5rem * var(--tw-space-y-reverse)); } - .sm\:text-9xl { - font-size: 8rem; - line-height: 1; + .lg\:-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)); } - .sm\:font-thin { - font-weight: 100; + .lg\:-space-y-20 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-5rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-5rem * var(--tw-space-y-reverse)); } - .sm\:font-extralight { - font-weight: 200; + .lg\:-space-y-24 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-6rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-6rem * var(--tw-space-y-reverse)); } - .sm\:font-light { - font-weight: 300; + .lg\:-space-y-28 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-7rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-7rem * var(--tw-space-y-reverse)); } - .sm\:font-normal { - font-weight: 400; + .lg\:-space-y-32 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-8rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-8rem * var(--tw-space-y-reverse)); } - .sm\:font-medium { - font-weight: 500; + .lg\:-space-y-36 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-9rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-9rem * var(--tw-space-y-reverse)); } - .sm\:font-semibold { - font-weight: 600; + .lg\:-space-y-40 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-10rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-10rem * var(--tw-space-y-reverse)); } - .sm\:font-bold { - font-weight: 700; + .lg\:-space-y-44 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-11rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-11rem * var(--tw-space-y-reverse)); } - .sm\:font-extrabold { - font-weight: 800; + .lg\:-space-y-48 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-12rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-12rem * var(--tw-space-y-reverse)); } - .sm\:font-black { - font-weight: 900; + .lg\:-space-y-52 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-13rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-13rem * var(--tw-space-y-reverse)); } - .sm\:uppercase { - text-transform: uppercase; + .lg\:-space-y-56 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-14rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-14rem * var(--tw-space-y-reverse)); } - .sm\:lowercase { - text-transform: lowercase; + .lg\:-space-y-60 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-15rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-15rem * var(--tw-space-y-reverse)); } - .sm\:capitalize { - text-transform: capitalize; + .lg\:-space-y-64 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-16rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-16rem * var(--tw-space-y-reverse)); } - .sm\:normal-case { - text-transform: none; + .lg\:-space-y-72 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-18rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-18rem * var(--tw-space-y-reverse)); } - .sm\:italic { - font-style: italic; + .lg\:-space-y-80 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-20rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-20rem * var(--tw-space-y-reverse)); } - .sm\:not-italic { - font-style: normal; + .lg\:-space-y-96 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-24rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-24rem * var(--tw-space-y-reverse)); } - .sm\:ordinal, .sm\:slashed-zero, .sm\:lining-nums, .sm\:oldstyle-nums, .sm\:proportional-nums, .sm\:tabular-nums, .sm\:diagonal-fractions, .sm\:stacked-fractions { - --tw-ordinal: var(--tw-empty,/*!*/ /*!*/); - --tw-slashed-zero: var(--tw-empty,/*!*/ /*!*/); - --tw-numeric-figure: var(--tw-empty,/*!*/ /*!*/); - --tw-numeric-spacing: var(--tw-empty,/*!*/ /*!*/); - --tw-numeric-fraction: var(--tw-empty,/*!*/ /*!*/); - font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); + .lg\:-space-y-px > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-1px * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-1px * var(--tw-space-y-reverse)); } - .sm\:normal-nums { - font-variant-numeric: normal; + .lg\:-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)); } - .sm\:ordinal { - --tw-ordinal: ordinal; + .lg\:-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\:slashed-zero { - --tw-slashed-zero: slashed-zero; + .lg\:-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)); } - .sm\:lining-nums { - --tw-numeric-figure: lining-nums; + .lg\:-space-y-3\.5 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-0.875rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-0.875rem * var(--tw-space-y-reverse)); } - .sm\:oldstyle-nums { - --tw-numeric-figure: oldstyle-nums; + .lg\:space-y-reverse > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 1; + } + + .lg\:space-x-reverse > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 1; } - .sm\:proportional-nums { - --tw-numeric-spacing: proportional-nums; + .lg\:divide-x-0 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-x-reverse: 0; + border-right-width: calc(0px * var(--tw-divide-x-reverse)); + border-left-width: calc(0px * calc(1 - var(--tw-divide-x-reverse))); } - .sm\:tabular-nums { - --tw-numeric-spacing: tabular-nums; + .lg\:divide-x-2 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-x-reverse: 0; + border-right-width: calc(2px * var(--tw-divide-x-reverse)); + border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse))); } - .sm\:diagonal-fractions { - --tw-numeric-fraction: diagonal-fractions; + .lg\:divide-x-4 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-x-reverse: 0; + border-right-width: calc(4px * var(--tw-divide-x-reverse)); + border-left-width: calc(4px * calc(1 - var(--tw-divide-x-reverse))); } - .sm\:stacked-fractions { - --tw-numeric-fraction: stacked-fractions; + .lg\:divide-x-8 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-x-reverse: 0; + border-right-width: calc(8px * var(--tw-divide-x-reverse)); + border-left-width: calc(8px * calc(1 - var(--tw-divide-x-reverse))); } - .sm\:leading-3 { - line-height: .75rem; + .lg\:divide-x > :not([hidden]) ~ :not([hidden]) { + --tw-divide-x-reverse: 0; + border-right-width: calc(1px * var(--tw-divide-x-reverse)); + border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); } - .sm\:leading-4 { - line-height: 1rem; + .lg\:divide-y-0 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-y-reverse: 0; + border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse))); + border-bottom-width: calc(0px * var(--tw-divide-y-reverse)); } - .sm\:leading-5 { - line-height: 1.25rem; + .lg\:divide-y-2 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-y-reverse: 0; + border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse))); + border-bottom-width: calc(2px * var(--tw-divide-y-reverse)); } - .sm\:leading-6 { - line-height: 1.5rem; + .lg\:divide-y-4 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-y-reverse: 0; + border-top-width: calc(4px * calc(1 - var(--tw-divide-y-reverse))); + border-bottom-width: calc(4px * var(--tw-divide-y-reverse)); } - .sm\:leading-7 { - line-height: 1.75rem; + .lg\:divide-y-8 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-y-reverse: 0; + border-top-width: calc(8px * calc(1 - var(--tw-divide-y-reverse))); + border-bottom-width: calc(8px * var(--tw-divide-y-reverse)); } - .sm\:leading-8 { - line-height: 2rem; + .lg\: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)); } - .sm\:leading-9 { - line-height: 2.25rem; + .lg\:divide-y-reverse > :not([hidden]) ~ :not([hidden]) { + --tw-divide-y-reverse: 1; } - .sm\:leading-10 { - line-height: 2.5rem; + .lg\:divide-x-reverse > :not([hidden]) ~ :not([hidden]) { + --tw-divide-x-reverse: 1; } - .sm\:leading-none { - line-height: 1; + .lg\:divide-solid > :not([hidden]) ~ :not([hidden]) { + border-style: solid; } - .sm\:leading-tight { - line-height: 1.25; + .lg\:divide-dashed > :not([hidden]) ~ :not([hidden]) { + border-style: dashed; } - .sm\:leading-snug { - line-height: 1.375; + .lg\:divide-dotted > :not([hidden]) ~ :not([hidden]) { + border-style: dotted; } - .sm\:leading-normal { - line-height: 1.5; + .lg\:divide-double > :not([hidden]) ~ :not([hidden]) { + border-style: double; } - .sm\:leading-relaxed { - line-height: 1.625; + .lg\:divide-none > :not([hidden]) ~ :not([hidden]) { + border-style: none; } - .sm\:leading-loose { - line-height: 2; + .lg\:divide-colors-black > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-black, #000000); } - .sm\:tracking-tighter { - letter-spacing: -0.05em; + .lg\:divide-colors-white > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-white, #ffffff); } - .sm\:tracking-tight { - letter-spacing: -0.025em; + .lg\:divide-colors-gray-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-gray-100, #f7fafc); } - .sm\:tracking-normal { - letter-spacing: 0em; + .lg\:divide-colors-gray-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-gray-200, #edf2f7); } - .sm\:tracking-wide { - letter-spacing: 0.025em; + .lg\:divide-colors-gray-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-gray-300, #e2e8f0); } - .sm\:tracking-wider { - letter-spacing: 0.05em; + .lg\:divide-colors-gray-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-gray-400, #cbd5e0); } - .sm\:tracking-widest { - letter-spacing: 0.1em; + .lg\:divide-colors-gray-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-gray-500, #a0aec0); } - .sm\:text-transparent { - color: transparent; + .lg\:divide-colors-gray-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-gray-600, #718096); } - .sm\:text-current { - color: currentColor; + .lg\:divide-colors-gray-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-gray-700, #4a5568); } - .sm\:text-black { - --tw-text-opacity: 1; - color: rgba(0, 0, 0, var(--tw-text-opacity)); + .lg\:divide-colors-gray-800 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-gray-800, #2d3748); } - .sm\:text-white { - --tw-text-opacity: 1; - color: rgba(255, 255, 255, var(--tw-text-opacity)); + .lg\:divide-colors-gray-900 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-gray-900, #1a202c); } - .sm\:text-gray-50 { - --tw-text-opacity: 1; - color: rgba(249, 250, 251, var(--tw-text-opacity)); + .lg\:divide-colors-red-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-red-100, #fff5f5); } - .sm\:text-gray-100 { - --tw-text-opacity: 1; - color: rgba(243, 244, 246, var(--tw-text-opacity)); + .lg\:divide-colors-red-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-red-200, #fed7d7); } - .sm\:text-gray-200 { - --tw-text-opacity: 1; - color: rgba(229, 231, 235, var(--tw-text-opacity)); + .lg\:divide-colors-red-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-red-300, #feb2b2); } - .sm\:text-gray-300 { - --tw-text-opacity: 1; - color: rgba(209, 213, 219, var(--tw-text-opacity)); + .lg\:divide-colors-red-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-red-400, #fc8181); } - .sm\:text-gray-400 { - --tw-text-opacity: 1; - color: rgba(156, 163, 175, var(--tw-text-opacity)); + .lg\:divide-colors-red-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-red-500, #f56565); } - .sm\:text-gray-500 { - --tw-text-opacity: 1; - color: rgba(107, 114, 128, var(--tw-text-opacity)); + .lg\:divide-colors-red-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-red-600, #e53e3e); } - .sm\:text-gray-600 { - --tw-text-opacity: 1; - color: rgba(75, 85, 99, var(--tw-text-opacity)); + .lg\:divide-colors-red-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-red-700, #c53030); } - .sm\:text-gray-700 { - --tw-text-opacity: 1; - color: rgba(55, 65, 81, var(--tw-text-opacity)); + .lg\:divide-colors-red-800 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-red-800, #9b2c2c); } - .sm\:text-gray-800 { - --tw-text-opacity: 1; - color: rgba(31, 41, 55, var(--tw-text-opacity)); + .lg\:divide-colors-red-900 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-red-900, #742a2a); } - .sm\:text-gray-900 { - --tw-text-opacity: 1; - color: rgba(17, 24, 39, var(--tw-text-opacity)); + .lg\:divide-colors-orange-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-orange-100, #fffaf0); } - .sm\:text-red-50 { - --tw-text-opacity: 1; - color: rgba(254, 242, 242, var(--tw-text-opacity)); + .lg\:divide-colors-orange-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-orange-200, #feebc8); } - .sm\:text-red-100 { - --tw-text-opacity: 1; - color: rgba(254, 226, 226, var(--tw-text-opacity)); + .lg\:divide-colors-orange-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-orange-300, #fbd38d); } - .sm\:text-red-200 { - --tw-text-opacity: 1; - color: rgba(254, 202, 202, var(--tw-text-opacity)); + .lg\:divide-colors-orange-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-orange-400, #f6ad55); } - .sm\:text-red-300 { - --tw-text-opacity: 1; - color: rgba(252, 165, 165, var(--tw-text-opacity)); + .lg\:divide-colors-orange-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-orange-500, #ed8936); } - .sm\:text-red-400 { - --tw-text-opacity: 1; - color: rgba(248, 113, 113, var(--tw-text-opacity)); + .lg\:divide-colors-orange-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-orange-600, #dd6b20); } - .sm\:text-red-500 { - --tw-text-opacity: 1; - color: rgba(239, 68, 68, var(--tw-text-opacity)); + .lg\:divide-colors-orange-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-orange-700, #c05621); } - .sm\:text-red-600 { - --tw-text-opacity: 1; - color: rgba(220, 38, 38, var(--tw-text-opacity)); + .lg\:divide-colors-orange-800 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-orange-800, #9c4221); } - .sm\:text-red-700 { - --tw-text-opacity: 1; - color: rgba(185, 28, 28, var(--tw-text-opacity)); + .lg\:divide-colors-orange-900 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-orange-900, #7b341e); } - .sm\:text-red-800 { - --tw-text-opacity: 1; - color: rgba(153, 27, 27, var(--tw-text-opacity)); + .lg\:divide-colors-yellow-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-yellow-100, #fffff0); } - .sm\:text-red-900 { - --tw-text-opacity: 1; - color: rgba(127, 29, 29, var(--tw-text-opacity)); + .lg\:divide-colors-yellow-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-yellow-200, #fefcbf); } - .sm\:text-yellow-50 { - --tw-text-opacity: 1; - color: rgba(255, 251, 235, var(--tw-text-opacity)); + .lg\:divide-colors-yellow-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-yellow-300, #faf089); } - .sm\:text-yellow-100 { - --tw-text-opacity: 1; - color: rgba(254, 243, 199, var(--tw-text-opacity)); + .lg\:divide-colors-yellow-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-yellow-400, #f6e05e); } - .sm\:text-yellow-200 { - --tw-text-opacity: 1; - color: rgba(253, 230, 138, var(--tw-text-opacity)); + .lg\:divide-colors-yellow-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-yellow-500, #ecc94b); } - .sm\:text-yellow-300 { - --tw-text-opacity: 1; - color: rgba(252, 211, 77, var(--tw-text-opacity)); + .lg\:divide-colors-yellow-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-yellow-600, #d69e2e); } - .sm\:text-yellow-400 { - --tw-text-opacity: 1; - color: rgba(251, 191, 36, var(--tw-text-opacity)); + .lg\:divide-colors-yellow-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-yellow-700, #b7791f); } - .sm\:text-yellow-500 { - --tw-text-opacity: 1; - color: rgba(245, 158, 11, var(--tw-text-opacity)); + .lg\:divide-colors-yellow-800 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-yellow-800, #975a16); } - .sm\:text-yellow-600 { - --tw-text-opacity: 1; - color: rgba(217, 119, 6, var(--tw-text-opacity)); + .lg\:divide-colors-yellow-900 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-yellow-900, #744210); } - .sm\:text-yellow-700 { - --tw-text-opacity: 1; - color: rgba(180, 83, 9, var(--tw-text-opacity)); + .lg\:divide-colors-green-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-green-100, #f0fff4); } - .sm\:text-yellow-800 { - --tw-text-opacity: 1; - color: rgba(146, 64, 14, var(--tw-text-opacity)); + .lg\:divide-colors-green-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-green-200, #c6f6d5); } - .sm\:text-yellow-900 { - --tw-text-opacity: 1; - color: rgba(120, 53, 15, var(--tw-text-opacity)); + .lg\:divide-colors-green-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-green-300, #9ae6b4); } - .sm\:text-green-50 { - --tw-text-opacity: 1; - color: rgba(236, 253, 245, var(--tw-text-opacity)); + .lg\:divide-colors-green-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-green-400, #68d391); } - .sm\:text-green-100 { - --tw-text-opacity: 1; - color: rgba(209, 250, 229, var(--tw-text-opacity)); + .lg\:divide-colors-green-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-green-500, #48bb78); } - .sm\:text-green-200 { - --tw-text-opacity: 1; - color: rgba(167, 243, 208, var(--tw-text-opacity)); + .lg\:divide-colors-green-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-green-600, #38a169); } - .sm\:text-green-300 { - --tw-text-opacity: 1; - color: rgba(110, 231, 183, var(--tw-text-opacity)); + .lg\:divide-colors-green-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-green-700, #2f855a); } - .sm\:text-green-400 { - --tw-text-opacity: 1; - color: rgba(52, 211, 153, var(--tw-text-opacity)); + .lg\:divide-colors-green-800 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-green-800, #276749); } - .sm\:text-green-500 { - --tw-text-opacity: 1; - color: rgba(16, 185, 129, var(--tw-text-opacity)); + .lg\:divide-colors-green-900 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-green-900, #22543d); } - .sm\:text-green-600 { - --tw-text-opacity: 1; - color: rgba(5, 150, 105, var(--tw-text-opacity)); + .lg\:divide-colors-teal-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-teal-100, #e6fffa); } - .sm\:text-green-700 { - --tw-text-opacity: 1; - color: rgba(4, 120, 87, var(--tw-text-opacity)); + .lg\:divide-colors-teal-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-teal-200, #b2f5ea); } - .sm\:text-green-800 { - --tw-text-opacity: 1; - color: rgba(6, 95, 70, var(--tw-text-opacity)); + .lg\:divide-colors-teal-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-teal-300, #81e6d9); } - .sm\:text-green-900 { - --tw-text-opacity: 1; - color: rgba(6, 78, 59, var(--tw-text-opacity)); + .lg\:divide-colors-teal-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-teal-400, #4fd1c5); } - .sm\:text-blue-50 { - --tw-text-opacity: 1; - color: rgba(239, 246, 255, var(--tw-text-opacity)); + .lg\:divide-colors-teal-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-teal-500, #38b2ac); } - .sm\:text-blue-100 { - --tw-text-opacity: 1; - color: rgba(219, 234, 254, var(--tw-text-opacity)); + .lg\:divide-colors-teal-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-teal-600, #319795); } - .sm\:text-blue-200 { - --tw-text-opacity: 1; - color: rgba(191, 219, 254, var(--tw-text-opacity)); + .lg\:divide-colors-teal-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-teal-700, #2c7a7b); } - .sm\:text-blue-300 { - --tw-text-opacity: 1; - color: rgba(147, 197, 253, var(--tw-text-opacity)); + .lg\:divide-colors-teal-800 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-teal-800, #285e61); } - .sm\:text-blue-400 { - --tw-text-opacity: 1; - color: rgba(96, 165, 250, var(--tw-text-opacity)); + .lg\:divide-colors-teal-900 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-teal-900, #234e52); } - .sm\:text-blue-500 { - --tw-text-opacity: 1; - color: rgba(59, 130, 246, var(--tw-text-opacity)); + .lg\:divide-colors-blue-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-blue-100, #ebf8ff); } - .sm\:text-blue-600 { - --tw-text-opacity: 1; - color: rgba(37, 99, 235, var(--tw-text-opacity)); + .lg\:divide-colors-blue-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-blue-200, #bee3f8); } - .sm\:text-blue-700 { - --tw-text-opacity: 1; - color: rgba(29, 78, 216, var(--tw-text-opacity)); + .lg\:divide-colors-blue-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-blue-300, #90cdf4); } - .sm\:text-blue-800 { - --tw-text-opacity: 1; - color: rgba(30, 64, 175, var(--tw-text-opacity)); + .lg\:divide-colors-blue-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-blue-400, #63b3ed); } - .sm\:text-blue-900 { - --tw-text-opacity: 1; - color: rgba(30, 58, 138, var(--tw-text-opacity)); + .lg\:divide-colors-blue-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-blue-500, #4299e1); } - .sm\:text-indigo-50 { - --tw-text-opacity: 1; - color: rgba(238, 242, 255, var(--tw-text-opacity)); + .lg\:divide-colors-blue-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-blue-600, #3182ce); } - .sm\:text-indigo-100 { - --tw-text-opacity: 1; - color: rgba(224, 231, 255, var(--tw-text-opacity)); + .lg\:divide-colors-blue-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-blue-700, #2b6cb0); } - .sm\:text-indigo-200 { - --tw-text-opacity: 1; - color: rgba(199, 210, 254, var(--tw-text-opacity)); + .lg\:divide-colors-blue-800 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-blue-800, #2c5282); } - .sm\:text-indigo-300 { - --tw-text-opacity: 1; - color: rgba(165, 180, 252, var(--tw-text-opacity)); + .lg\:divide-colors-blue-900 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-blue-900, #2a4365); } - .sm\:text-indigo-400 { - --tw-text-opacity: 1; - color: rgba(129, 140, 248, var(--tw-text-opacity)); + .lg\:divide-colors-indigo-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-indigo-100, #ebf4ff); } - .sm\:text-indigo-500 { - --tw-text-opacity: 1; - color: rgba(99, 102, 241, var(--tw-text-opacity)); + .lg\:divide-colors-indigo-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-indigo-200, #c3dafe); } - .sm\:text-indigo-600 { - --tw-text-opacity: 1; - color: rgba(79, 70, 229, var(--tw-text-opacity)); + .lg\:divide-colors-indigo-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-indigo-300, #a3bffa); } - .sm\:text-indigo-700 { - --tw-text-opacity: 1; - color: rgba(67, 56, 202, var(--tw-text-opacity)); + .lg\:divide-colors-indigo-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-indigo-400, #7f9cf5); } - .sm\:text-indigo-800 { - --tw-text-opacity: 1; - color: rgba(55, 48, 163, var(--tw-text-opacity)); + .lg\:divide-colors-indigo-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-indigo-500, #667eea); } - .sm\:text-indigo-900 { - --tw-text-opacity: 1; - color: rgba(49, 46, 129, var(--tw-text-opacity)); + .lg\:divide-colors-indigo-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-indigo-600, #5a67d8); } - .sm\:text-purple-50 { - --tw-text-opacity: 1; - color: rgba(245, 243, 255, var(--tw-text-opacity)); + .lg\:divide-colors-indigo-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-indigo-700, #4c51bf); } - .sm\:text-purple-100 { - --tw-text-opacity: 1; - color: rgba(237, 233, 254, var(--tw-text-opacity)); + .lg\:divide-colors-indigo-800 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-indigo-800, #434190); } - .sm\:text-purple-200 { - --tw-text-opacity: 1; - color: rgba(221, 214, 254, var(--tw-text-opacity)); + .lg\:divide-colors-indigo-900 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-indigo-900, #3c366b); } - .sm\:text-purple-300 { - --tw-text-opacity: 1; - color: rgba(196, 181, 253, var(--tw-text-opacity)); + .lg\:divide-colors-purple-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-purple-100, #faf5ff); } - .sm\:text-purple-400 { - --tw-text-opacity: 1; - color: rgba(167, 139, 250, var(--tw-text-opacity)); + .lg\:divide-colors-purple-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-purple-200, #e9d8fd); } - .sm\:text-purple-500 { - --tw-text-opacity: 1; - color: rgba(139, 92, 246, var(--tw-text-opacity)); + .lg\:divide-colors-purple-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-purple-300, #d6bcfa); } - .sm\:text-purple-600 { - --tw-text-opacity: 1; - color: rgba(124, 58, 237, var(--tw-text-opacity)); + .lg\:divide-colors-purple-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-purple-400, #b794f4); } - .sm\:text-purple-700 { - --tw-text-opacity: 1; - color: rgba(109, 40, 217, var(--tw-text-opacity)); + .lg\:divide-colors-purple-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-purple-500, #9f7aea); } - .sm\:text-purple-800 { - --tw-text-opacity: 1; - color: rgba(91, 33, 182, var(--tw-text-opacity)); + .lg\:divide-colors-purple-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-purple-600, #805ad5); } - .sm\:text-purple-900 { - --tw-text-opacity: 1; - color: rgba(76, 29, 149, var(--tw-text-opacity)); + .lg\:divide-colors-purple-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-purple-700, #6b46c1); } - .sm\:text-pink-50 { - --tw-text-opacity: 1; - color: rgba(253, 242, 248, var(--tw-text-opacity)); + .lg\:divide-colors-purple-800 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-purple-800, #553c9a); } - .sm\:text-pink-100 { - --tw-text-opacity: 1; - color: rgba(252, 231, 243, var(--tw-text-opacity)); + .lg\:divide-colors-purple-900 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-purple-900, #44337a); } - .sm\:text-pink-200 { - --tw-text-opacity: 1; - color: rgba(251, 207, 232, var(--tw-text-opacity)); + .lg\:divide-colors-pink-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-pink-100, #fff5f7); } - .sm\:text-pink-300 { - --tw-text-opacity: 1; - color: rgba(249, 168, 212, var(--tw-text-opacity)); + .lg\:divide-colors-pink-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-pink-200, #fed7e2); } - .sm\:text-pink-400 { - --tw-text-opacity: 1; - color: rgba(244, 114, 182, var(--tw-text-opacity)); + .lg\:divide-colors-pink-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-pink-300, #fbb6ce); } - .sm\:text-pink-500 { - --tw-text-opacity: 1; - color: rgba(236, 72, 153, var(--tw-text-opacity)); + .lg\:divide-colors-pink-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-pink-400, #f687b3); } - .sm\:text-pink-600 { - --tw-text-opacity: 1; - color: rgba(219, 39, 119, var(--tw-text-opacity)); + .lg\:divide-colors-pink-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-pink-500, #ed64a6); } - .sm\:text-pink-700 { - --tw-text-opacity: 1; - color: rgba(190, 24, 93, var(--tw-text-opacity)); + .lg\:divide-colors-pink-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-pink-600, #d53f8c); } - .sm\:text-pink-800 { - --tw-text-opacity: 1; - color: rgba(157, 23, 77, var(--tw-text-opacity)); + .lg\:divide-colors-pink-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-pink-700, #b83280); } - .sm\:text-pink-900 { - --tw-text-opacity: 1; - color: rgba(131, 24, 67, var(--tw-text-opacity)); + .lg\:divide-colors-pink-800 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-pink-800, #97266d); } - .group:hover .sm\:group-hover\:text-transparent { - color: transparent; + .lg\:divide-colors-pink-900 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-pink-900, #702459); } - .group:hover .sm\:group-hover\:text-current { - color: currentColor; + .lg\:divide-Box\ Shadow > :not([hidden]) ~ :not([hidden]) { + border-color: var(--box-shadow, #7f7e7f); } - .group:hover .sm\:group-hover\:text-black { - --tw-text-opacity: 1; - color: rgba(0, 0, 0, var(--tw-text-opacity)); + .lg\:divide-Error16 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--error16, #f03d3e40); } - .group:hover .sm\:group-hover\:text-white { - --tw-text-opacity: 1; - color: rgba(255, 255, 255, var(--tw-text-opacity)); + .lg\:divide-Success16 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--success16, #5bb14d40); } - .group:hover .sm\:group-hover\:text-gray-50 { - --tw-text-opacity: 1; - color: rgba(249, 250, 251, var(--tw-text-opacity)); + .lg\:divide-Notification16 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--notification16, #3959ff40); } - .group:hover .sm\:group-hover\:text-gray-100 { - --tw-text-opacity: 1; - color: rgba(243, 244, 246, var(--tw-text-opacity)); + .lg\:divide-Error8 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--error8, #f03d3e1a); } - .group:hover .sm\:group-hover\:text-gray-200 { - --tw-text-opacity: 1; - color: rgba(229, 231, 235, var(--tw-text-opacity)); + .lg\:divide-Notification8 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--notification8, #3959ff1a); } - .group:hover .sm\:group-hover\:text-gray-300 { - --tw-text-opacity: 1; - color: rgba(209, 213, 219, var(--tw-text-opacity)); + .lg\:divide-Success8 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--success8, #5bb14d1a); } - .group:hover .sm\:group-hover\:text-gray-400 { - --tw-text-opacity: 1; - color: rgba(156, 163, 175, var(--tw-text-opacity)); + .lg\:divide-Light\ -\ Overlay > :not([hidden]) ~ :not([hidden]) { + border-color: var(--light-overlay, #f0edee66); } - .group:hover .sm\:group-hover\:text-gray-500 { - --tw-text-opacity: 1; - color: rgba(107, 114, 128, var(--tw-text-opacity)); + .lg\:divide-Dark-\ Overlay > :not([hidden]) ~ :not([hidden]) { + border-color: var(--dark-overlay, #7f7e7f66); } - .group:hover .sm\:group-hover\:text-gray-600 { - --tw-text-opacity: 1; - color: rgba(75, 85, 99, var(--tw-text-opacity)); + .lg\:divide-black-40 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--black-40, #00000066); } - .group:hover .sm\:group-hover\:text-gray-700 { - --tw-text-opacity: 1; - color: rgba(55, 65, 81, var(--tw-text-opacity)); + .lg\:divide-black-75 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--black-75, #000000bf); } - .group:hover .sm\:group-hover\:text-gray-800 { - --tw-text-opacity: 1; - color: rgba(31, 41, 55, var(--tw-text-opacity)); + .lg\:divide-black-60 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--black-60, #00000099); } - .group:hover .sm\:group-hover\:text-gray-900 { - --tw-text-opacity: 1; - color: rgba(17, 24, 39, var(--tw-text-opacity)); + .lg\:divide-black-50 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--black-50, #00000080); } - .group:hover .sm\:group-hover\:text-red-50 { - --tw-text-opacity: 1; - color: rgba(254, 242, 242, var(--tw-text-opacity)); + .lg\:divide-black-25 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--black-25, #00000040); } - .group:hover .sm\:group-hover\:text-red-100 { - --tw-text-opacity: 1; - color: rgba(254, 226, 226, var(--tw-text-opacity)); + .lg\:divide-black-10 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--black-10, #0000001a); } - .group:hover .sm\:group-hover\:text-red-200 { - --tw-text-opacity: 1; - color: rgba(254, 202, 202, var(--tw-text-opacity)); + .lg\:divide-white-25 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--white-25, #ffffff40); } - .group:hover .sm\:group-hover\:text-red-300 { - --tw-text-opacity: 1; - color: rgba(252, 165, 165, var(--tw-text-opacity)); + .lg\:divide-white-60 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--white-60, #ffffff99); } - .group:hover .sm\:group-hover\:text-red-400 { - --tw-text-opacity: 1; - color: rgba(248, 113, 113, var(--tw-text-opacity)); + .lg\:divide-black-64 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--black-64, #000000a3); } - .group:hover .sm\:group-hover\:text-red-500 { - --tw-text-opacity: 1; - color: rgba(239, 68, 68, var(--tw-text-opacity)); + .lg\:divide-Shadow\ and\ Highlight-Shadow > :not([hidden]) ~ :not([hidden]) { + border-color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .group:hover .sm\:group-hover\:text-red-600 { - --tw-text-opacity: 1; - color: rgba(220, 38, 38, var(--tw-text-opacity)); + .lg\:divide-Shadow\ and\ Highlight-Highlight > :not([hidden]) ~ :not([hidden]) { + border-color: var(--shadow-and-highlight-highlight, #474747); } - .group:hover .sm\:group-hover\:text-red-700 { - --tw-text-opacity: 1; - color: rgba(185, 28, 28, var(--tw-text-opacity)); + .lg\:divide-Shadow\ and\ Highlight-highlight\ one > :not([hidden]) ~ :not([hidden]) { + border-color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .group:hover .sm\:group-hover\:text-red-800 { - --tw-text-opacity: 1; - color: rgba(153, 27, 27, var(--tw-text-opacity)); + .lg\:divide-Shadow\ and\ Highlight-highlight\ two > :not([hidden]) ~ :not([hidden]) { + border-color: var(--shadow-and-highlight-highlight-two, #47474799); } - .group:hover .sm\:group-hover\:text-red-900 { - --tw-text-opacity: 1; - color: rgba(127, 29, 29, var(--tw-text-opacity)); + .lg\:divide-Shadow\ and\ Highlight-highlight\ three > :not([hidden]) ~ :not([hidden]) { + border-color: var(--shadow-and-highlight-highlight-three, #47474766); } - .group:hover .sm\:group-hover\:text-yellow-50 { - --tw-text-opacity: 1; - color: rgba(255, 251, 235, var(--tw-text-opacity)); + .lg\:divide-Shadow\ and\ Highlight-highlight\ five > :not([hidden]) ~ :not([hidden]) { + border-color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .group:hover .sm\:group-hover\:text-yellow-100 { - --tw-text-opacity: 1; - color: rgba(254, 243, 199, var(--tw-text-opacity)); + .lg\:divide-Shadow\ and\ Highlight-shadow\ one > :not([hidden]) ~ :not([hidden]) { + border-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .group:hover .sm\:group-hover\:text-yellow-200 { - --tw-text-opacity: 1; - color: rgba(253, 230, 138, var(--tw-text-opacity)); + .lg\:divide-Shadow\ and\ Highlight-shadow\ two > :not([hidden]) ~ :not([hidden]) { + border-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .group:hover .sm\:group-hover\:text-yellow-300 { - --tw-text-opacity: 1; - color: rgba(252, 211, 77, var(--tw-text-opacity)); + .lg\:divide-Shadow\ and\ Highlight-shadow\ three > :not([hidden]) ~ :not([hidden]) { + border-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .group:hover .sm\:group-hover\:text-yellow-400 { - --tw-text-opacity: 1; - color: rgba(251, 191, 36, var(--tw-text-opacity)); + .lg\:divide-Shadow\ and\ Highlight-shadow\ four > :not([hidden]) ~ :not([hidden]) { + border-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .group:hover .sm\:group-hover\:text-yellow-500 { - --tw-text-opacity: 1; - color: rgba(245, 158, 11, var(--tw-text-opacity)); + .lg\:divide-Shadow\ and\ Highlight-shadow\ five > :not([hidden]) ~ :not([hidden]) { + border-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .group:hover .sm\:group-hover\:text-yellow-600 { - --tw-text-opacity: 1; - color: rgba(217, 119, 6, var(--tw-text-opacity)); + .lg\:divide-Shadow\ and\ Highlight-highlight\ four > :not([hidden]) ~ :not([hidden]) { + border-color: var(--shadow-and-highlight-highlight-four, #47474740); } - .group:hover .sm\:group-hover\:text-yellow-700 { - --tw-text-opacity: 1; - color: rgba(180, 83, 9, var(--tw-text-opacity)); + .lg\:divide-Base\ Layer\ Styles-Base\ Layer-\ Light-White > :not([hidden]) ~ :not([hidden]) { + border-color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .group:hover .sm\:group-hover\:text-yellow-800 { - --tw-text-opacity: 1; - color: rgba(146, 64, 14, var(--tw-text-opacity)); + .lg\:divide-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite > :not([hidden]) ~ :not([hidden]) { + border-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .group:hover .sm\:group-hover\:text-yellow-900 { - --tw-text-opacity: 1; - color: rgba(120, 53, 15, var(--tw-text-opacity)); + .lg\:divide-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack > :not([hidden]) ~ :not([hidden]) { + border-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .group:hover .sm\:group-hover\:text-green-50 { - --tw-text-opacity: 1; - color: rgba(236, 253, 245, var(--tw-text-opacity)); + .lg\:divide-Base\ Layer\ Styles-Base\ Layer-Dark-Black > :not([hidden]) ~ :not([hidden]) { + border-color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .group:hover .sm\:group-hover\:text-green-100 { - --tw-text-opacity: 1; - color: rgba(209, 250, 229, var(--tw-text-opacity)); + .lg\:divide-Grey-Scale-white > :not([hidden]) ~ :not([hidden]) { + border-color: var(--grey-scale-white, #ffffff); } - .group:hover .sm\:group-hover\:text-green-200 { - --tw-text-opacity: 1; - color: rgba(167, 243, 208, var(--tw-text-opacity)); + .lg\:divide-Grey-Scale-off-white > :not([hidden]) ~ :not([hidden]) { + border-color: var(--grey-scale-off-white, #f0edee); } - .group:hover .sm\:group-hover\:text-green-300 { - --tw-text-opacity: 1; - color: rgba(110, 231, 183, var(--tw-text-opacity)); + .lg\:divide-Grey\ Scale-grey > :not([hidden]) ~ :not([hidden]) { + border-color: var(--grey-scale-grey, #7f7e7f); } - .group:hover .sm\:group-hover\:text-green-400 { - --tw-text-opacity: 1; - color: rgba(52, 211, 153, var(--tw-text-opacity)); + .lg\:divide-Grey\ Scale-charcoal > :not([hidden]) ~ :not([hidden]) { + border-color: var(--grey-scale-charcoal, #474747); } - .group:hover .sm\:group-hover\:text-green-500 { - --tw-text-opacity: 1; - color: rgba(16, 185, 129, var(--tw-text-opacity)); + .lg\:divide-Grey\ Scale-off-black > :not([hidden]) ~ :not([hidden]) { + border-color: var(--grey-scale-off-black, #1c1c1c); } - .group:hover .sm\:group-hover\:text-green-600 { - --tw-text-opacity: 1; - color: rgba(5, 150, 105, var(--tw-text-opacity)); + .lg\:divide-Grey\ Scale-black > :not([hidden]) ~ :not([hidden]) { + border-color: var(--grey-scale-black, #000000); } - .group:hover .sm\:group-hover\:text-green-700 { - --tw-text-opacity: 1; - color: rgba(4, 120, 87, var(--tw-text-opacity)); + .lg\:divide-Blue-blue > :not([hidden]) ~ :not([hidden]) { + border-color: var(--blue-blue, #3a7ca5); } - .group:hover .sm\:group-hover\:text-green-800 { - --tw-text-opacity: 1; - color: rgba(6, 95, 70, var(--tw-text-opacity)); + .lg\:divide-Blue-blue-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--blue-blue-100, #75a3c0); } - .group:hover .sm\:group-hover\:text-green-900 { - --tw-text-opacity: 1; - color: rgba(6, 78, 59, var(--tw-text-opacity)); + .lg\:divide-Blue-blue-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--blue-blue-200, #9cbed2); } - .group:hover .sm\:group-hover\:text-blue-50 { - --tw-text-opacity: 1; - color: rgba(239, 246, 255, var(--tw-text-opacity)); + .lg\:divide-Blue-blue-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--blue-blue-300, #4f7d9a); } - .group:hover .sm\:group-hover\:text-blue-100 { - --tw-text-opacity: 1; - color: rgba(219, 234, 254, var(--tw-text-opacity)); + .lg\:divide-Blue-blue-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--blue-blue-400, #5c7d92); } - .group:hover .sm\:group-hover\:text-blue-200 { - --tw-text-opacity: 1; - color: rgba(191, 219, 254, var(--tw-text-opacity)); + .lg\:divide-Blue-blue-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--blue-blue-500, #347095); } - .group:hover .sm\:group-hover\:text-blue-300 { - --tw-text-opacity: 1; - color: rgba(147, 197, 253, var(--tw-text-opacity)); + .lg\:divide-Blue-blue-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--blue-blue-600, #295774); } - .group:hover .sm\:group-hover\:text-blue-400 { - --tw-text-opacity: 1; - color: rgba(96, 165, 250, var(--tw-text-opacity)); + .lg\:divide-Blue-blue-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--blue-blue-700, #173242); } - .group:hover .sm\:group-hover\:text-blue-500 { - --tw-text-opacity: 1; - color: rgba(59, 130, 246, var(--tw-text-opacity)); + .lg\:divide-LightBlue-lightblue > :not([hidden]) ~ :not([hidden]) { + border-color: var(--light-blue-lightblue, #81c3d7); } - .group:hover .sm\:group-hover\:text-blue-600 { - --tw-text-opacity: 1; - color: rgba(37, 99, 235, var(--tw-text-opacity)); + .lg\:divide-LightBlue-lightblue-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--light-blue-lightblue-100, #a7d5e3); } - .group:hover .sm\:group-hover\:text-blue-700 { - --tw-text-opacity: 1; - color: rgba(29, 78, 216, var(--tw-text-opacity)); + .lg\:divide-LightBlue-lightblue-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--light-blue-lightblue-200, #c0e1eb); } - .group:hover .sm\:group-hover\:text-blue-800 { - --tw-text-opacity: 1; - color: rgba(30, 64, 175, var(--tw-text-opacity)); + .lg\:divide-LightBlue-lightblue-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--light-blue-lightblue-300, #80aebd); } - .group:hover .sm\:group-hover\:text-blue-900 { - --tw-text-opacity: 1; - color: rgba(30, 58, 138, var(--tw-text-opacity)); + .lg\:divide-LightBlue-lightblue-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--light-blue-lightblue-400, #80a0ab); } - .group:hover .sm\:group-hover\:text-indigo-50 { - --tw-text-opacity: 1; - color: rgba(238, 242, 255, var(--tw-text-opacity)); + .lg\:divide-LightBlue-lightblue-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--light-blue-lightblue-500, #74afc1); } - .group:hover .sm\:group-hover\:text-indigo-100 { - --tw-text-opacity: 1; - color: rgba(224, 231, 255, var(--tw-text-opacity)); + .lg\:divide-LightBlue-lightblue-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--light-blue-lightblue-600, #5a8997); } - .group:hover .sm\:group-hover\:text-indigo-200 { - --tw-text-opacity: 1; - color: rgba(199, 210, 254, var(--tw-text-opacity)); + .lg\:divide-LightBlue-lightblue-650 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--light-blue-lightblue-650, #3e5e65); } - .group:hover .sm\:group-hover\:text-indigo-300 { - --tw-text-opacity: 1; - color: rgba(165, 180, 252, var(--tw-text-opacity)); + .lg\:divide-LightBlue-lightblue-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--light-blue-lightblue-700, #344e56); } - .group:hover .sm\:group-hover\:text-indigo-400 { - --tw-text-opacity: 1; - color: rgba(129, 140, 248, var(--tw-text-opacity)); + .lg\:divide-Orange-orange > :not([hidden]) ~ :not([hidden]) { + border-color: var(--orange-orange, #ff7f0e); } - .group:hover .sm\:group-hover\:text-indigo-500 { - --tw-text-opacity: 1; - color: rgba(99, 102, 241, var(--tw-text-opacity)); + .lg\:divide-Orange-orange-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--orange-orange-100, #ffa556); } - .group:hover .sm\:group-hover\:text-indigo-600 { - --tw-text-opacity: 1; - color: rgba(79, 70, 229, var(--tw-text-opacity)); + .lg\:divide-Orange-orange-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--orange-orange-200, #ffbf86); } - .group:hover .sm\:group-hover\:text-indigo-700 { - --tw-text-opacity: 1; - color: rgba(67, 56, 202, var(--tw-text-opacity)); + .lg\:divide-Orange-orange-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--orange-orange-300, #d97f30); } - .group:hover .sm\:group-hover\:text-indigo-800 { - --tw-text-opacity: 1; - color: rgba(55, 48, 163, var(--tw-text-opacity)); + .lg\:divide-Orange-orange-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--orange-orange-400, #bf7e46); } - .group:hover .sm\:group-hover\:text-indigo-900 { - --tw-text-opacity: 1; - color: rgba(49, 46, 129, var(--tw-text-opacity)); + .lg\:divide-Orange-orange-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--orange-orange-500, #e5720d); } - .group:hover .sm\:group-hover\:text-purple-50 { - --tw-text-opacity: 1; - color: rgba(245, 243, 255, var(--tw-text-opacity)); + .lg\:divide-Orange-orange-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--orange-orange-600, #b3590a); } - .group:hover .sm\:group-hover\:text-purple-100 { - --tw-text-opacity: 1; - color: rgba(237, 233, 254, var(--tw-text-opacity)); + .lg\:divide-Orange-orange-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--orange-orange-700, #663306); } - .group:hover .sm\:group-hover\:text-purple-200 { - --tw-text-opacity: 1; - color: rgba(221, 214, 254, var(--tw-text-opacity)); + .lg\:divide-Yellow-yellow > :not([hidden]) ~ :not([hidden]) { + border-color: var(--yellow-yellow, #ffab00); } - .group:hover .sm\:group-hover\:text-purple-300 { - --tw-text-opacity: 1; - color: rgba(196, 181, 253, var(--tw-text-opacity)); + .lg\:divide-Yellow-yellow-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--yellow-yellow-100, #ffc44c); } - .group:hover .sm\:group-hover\:text-purple-400 { - --tw-text-opacity: 1; - color: rgba(167, 139, 250, var(--tw-text-opacity)); + .lg\:divide-Yellow-yellow-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--yellow-yellow-200, #ffd580); } - .group:hover .sm\:group-hover\:text-purple-500 { - --tw-text-opacity: 1; - color: rgba(139, 92, 246, var(--tw-text-opacity)); + .lg\:divide-Yellow-yellow-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--yellow-yellow-300, #d99d26); } - .group:hover .sm\:group-hover\:text-purple-600 { - --tw-text-opacity: 1; - color: rgba(124, 58, 237, var(--tw-text-opacity)); + .lg\:divide-Yellow-yellow-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--yellow-yellow-400, #bf943f); } - .group:hover .sm\:group-hover\:text-purple-700 { - --tw-text-opacity: 1; - color: rgba(109, 40, 217, var(--tw-text-opacity)); + .lg\:divide-Yellow-yellow-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--yellow-yellow-500, #e59a00); } - .group:hover .sm\:group-hover\:text-purple-800 { - --tw-text-opacity: 1; - color: rgba(91, 33, 182, var(--tw-text-opacity)); + .lg\:divide-Yellow-yellow-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--yellow-yellow-600, #b37800); } - .group:hover .sm\:group-hover\:text-purple-900 { - --tw-text-opacity: 1; - color: rgba(76, 29, 149, var(--tw-text-opacity)); + .lg\:divide-Yellow-yellow-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--yellow-yellow-700, #664400); } - .group:hover .sm\:group-hover\:text-pink-50 { - --tw-text-opacity: 1; - color: rgba(253, 242, 248, var(--tw-text-opacity)); + .lg\:divide-Notification-notification > :not([hidden]) ~ :not([hidden]) { + border-color: var(--notification-notification, #3959ff); } - .group:hover .sm\:group-hover\:text-pink-100 { - --tw-text-opacity: 1; - color: rgba(252, 231, 243, var(--tw-text-opacity)); + .lg\:divide-Notification-notification-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--notification-notification-100, #748bff); } - .group:hover .sm\:group-hover\:text-pink-200 { - --tw-text-opacity: 1; - color: rgba(251, 207, 232, var(--tw-text-opacity)); + .lg\:divide-Notification-notification-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--notification-notification-200, #9cacff); } - .group:hover .sm\:group-hover\:text-pink-300 { - --tw-text-opacity: 1; - color: rgba(249, 168, 212, var(--tw-text-opacity)); + .lg\:divide-Notification-notification-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--notification-notification-300, #4e64d9); } - .group:hover .sm\:group-hover\:text-pink-400 { - --tw-text-opacity: 1; - color: rgba(244, 114, 182, var(--tw-text-opacity)); + .lg\:divide-Notification-notification-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--notification-notification-400, #5c6cbf); } - .group:hover .sm\:group-hover\:text-pink-500 { - --tw-text-opacity: 1; - color: rgba(236, 72, 153, var(--tw-text-opacity)); + .lg\:divide-Notification-notification-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--notification-notification-500, #3350e5); } - .group:hover .sm\:group-hover\:text-pink-600 { - --tw-text-opacity: 1; - color: rgba(219, 39, 119, var(--tw-text-opacity)); + .lg\:divide-Notification-notification-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--notification-notification-600, #283eb3); } - .group:hover .sm\:group-hover\:text-pink-700 { - --tw-text-opacity: 1; - color: rgba(190, 24, 93, var(--tw-text-opacity)); + .lg\:divide-Notification-notification-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--notification-notification-700, #172466); } - .group:hover .sm\:group-hover\:text-pink-800 { - --tw-text-opacity: 1; - color: rgba(157, 23, 77, var(--tw-text-opacity)); + .lg\:divide-Success-success\ -700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--success-success-700, #24471f); } - .group:hover .sm\:group-hover\:text-pink-900 { - --tw-text-opacity: 1; - color: rgba(131, 24, 67, var(--tw-text-opacity)); + .lg\:divide-Success-success > :not([hidden]) ~ :not([hidden]) { + border-color: var(--success-success, #5bb14d); } - .sm\:focus-within\:text-transparent:focus-within { - color: transparent; + .lg\:divide-Success-success\ -100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--success-success-100, #8cc882); } - .sm\:focus-within\:text-current:focus-within { - color: currentColor; + .lg\:divide-Success-success\ -200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--success-success-200, #add8a6); } - .sm\:focus-within\:text-black:focus-within { - --tw-text-opacity: 1; - color: rgba(0, 0, 0, var(--tw-text-opacity)); + .lg\:divide-Success-success\ -300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--success-success-300, #66a25c); } - .sm\:focus-within\:text-white:focus-within { - --tw-text-opacity: 1; - color: rgba(255, 255, 255, var(--tw-text-opacity)); + .lg\:divide-Success-success\ -400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--success-success-400, #6d9766); } - .sm\:focus-within\:text-gray-50:focus-within { - --tw-text-opacity: 1; - color: rgba(249, 250, 251, var(--tw-text-opacity)); + .lg\:divide-Success-success\ -500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--success-success-500, #529f45); } - .sm\:focus-within\:text-gray-100:focus-within { - --tw-text-opacity: 1; - color: rgba(243, 244, 246, var(--tw-text-opacity)); + .lg\:divide-Success-success\ -600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--success-success-600, #407c36); } - .sm\:focus-within\:text-gray-200:focus-within { - --tw-text-opacity: 1; - color: rgba(229, 231, 235, var(--tw-text-opacity)); + .lg\:divide-Error-error > :not([hidden]) ~ :not([hidden]) { + border-color: var(--error-error, #f03d3e); } - .sm\:focus-within\:text-gray-300:focus-within { - --tw-text-opacity: 1; - color: rgba(209, 213, 219, var(--tw-text-opacity)); + .lg\:divide-Error-error-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--error-error-100, #f57778); } - .sm\:focus-within\:text-gray-400:focus-within { - --tw-text-opacity: 1; - color: rgba(156, 163, 175, var(--tw-text-opacity)); + .lg\:divide-Error-error-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--error-error-200, #f89e9e); } - .sm\:focus-within\:text-gray-500:focus-within { - --tw-text-opacity: 1; - color: rgba(107, 114, 128, var(--tw-text-opacity)); + .lg\:divide-Error-error-250 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--error-error-250, #f9c8c8); } - .sm\:focus-within\:text-gray-600:focus-within { - --tw-text-opacity: 1; - color: rgba(75, 85, 99, var(--tw-text-opacity)); + .lg\:divide-Error-error-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--error-error-300, #ce5151); } - .sm\:focus-within\:text-gray-700:focus-within { - --tw-text-opacity: 1; - color: rgba(55, 65, 81, var(--tw-text-opacity)); + .lg\:divide-Error-error-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--error-error-400, #b85e5e); } - .sm\:focus-within\:text-gray-800:focus-within { - --tw-text-opacity: 1; - color: rgba(31, 41, 55, var(--tw-text-opacity)); + .lg\:divide-Error-error-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--error-error-500, #d83738); } - .sm\:focus-within\:text-gray-900:focus-within { - --tw-text-opacity: 1; - color: rgba(17, 24, 39, var(--tw-text-opacity)); + .lg\:divide-Error-error-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--error-error-600, #a82b2b); } - .sm\:focus-within\:text-red-50:focus-within { - --tw-text-opacity: 1; - color: rgba(254, 242, 242, var(--tw-text-opacity)); + .lg\:divide-Error-error-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--error-error-700, #601819); } - .sm\:focus-within\:text-red-100:focus-within { - --tw-text-opacity: 1; - color: rgba(254, 226, 226, var(--tw-text-opacity)); + .lg\:divide-opacity-0 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 0; } - .sm\:focus-within\:text-red-200:focus-within { - --tw-text-opacity: 1; - color: rgba(254, 202, 202, var(--tw-text-opacity)); + .lg\:divide-opacity-5 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 0.05; } - .sm\:focus-within\:text-red-300:focus-within { - --tw-text-opacity: 1; - color: rgba(252, 165, 165, var(--tw-text-opacity)); + .lg\:divide-opacity-10 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 0.1; } - .sm\:focus-within\:text-red-400:focus-within { - --tw-text-opacity: 1; - color: rgba(248, 113, 113, var(--tw-text-opacity)); + .lg\:divide-opacity-20 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 0.2; } - .sm\:focus-within\:text-red-500:focus-within { - --tw-text-opacity: 1; - color: rgba(239, 68, 68, var(--tw-text-opacity)); + .lg\:divide-opacity-25 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 0.25; } - .sm\:focus-within\:text-red-600:focus-within { - --tw-text-opacity: 1; - color: rgba(220, 38, 38, var(--tw-text-opacity)); + .lg\:divide-opacity-30 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 0.3; } - .sm\:focus-within\:text-red-700:focus-within { - --tw-text-opacity: 1; - color: rgba(185, 28, 28, var(--tw-text-opacity)); + .lg\:divide-opacity-40 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 0.4; } - .sm\:focus-within\:text-red-800:focus-within { - --tw-text-opacity: 1; - color: rgba(153, 27, 27, var(--tw-text-opacity)); + .lg\:divide-opacity-50 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 0.5; } - .sm\:focus-within\:text-red-900:focus-within { - --tw-text-opacity: 1; - color: rgba(127, 29, 29, var(--tw-text-opacity)); + .lg\:divide-opacity-60 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 0.6; } - .sm\:focus-within\:text-yellow-50:focus-within { - --tw-text-opacity: 1; - color: rgba(255, 251, 235, var(--tw-text-opacity)); + .lg\:divide-opacity-70 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 0.7; } - .sm\:focus-within\:text-yellow-100:focus-within { - --tw-text-opacity: 1; - color: rgba(254, 243, 199, var(--tw-text-opacity)); + .lg\:divide-opacity-75 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 0.75; } - .sm\:focus-within\:text-yellow-200:focus-within { - --tw-text-opacity: 1; - color: rgba(253, 230, 138, var(--tw-text-opacity)); + .lg\:divide-opacity-80 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 0.8; } - .sm\:focus-within\:text-yellow-300:focus-within { - --tw-text-opacity: 1; - color: rgba(252, 211, 77, var(--tw-text-opacity)); + .lg\:divide-opacity-90 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 0.9; } - .sm\:focus-within\:text-yellow-400:focus-within { - --tw-text-opacity: 1; - color: rgba(251, 191, 36, var(--tw-text-opacity)); + .lg\:divide-opacity-95 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 0.95; } - .sm\:focus-within\:text-yellow-500:focus-within { - --tw-text-opacity: 1; - color: rgba(245, 158, 11, var(--tw-text-opacity)); + .lg\:divide-opacity-100 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 1; } - .sm\:focus-within\:text-yellow-600:focus-within { - --tw-text-opacity: 1; - color: rgba(217, 119, 6, var(--tw-text-opacity)); + .lg\:place-self-auto { + place-self: auto; } - .sm\:focus-within\:text-yellow-700:focus-within { - --tw-text-opacity: 1; - color: rgba(180, 83, 9, var(--tw-text-opacity)); + .lg\:place-self-start { + place-self: start; } - .sm\:focus-within\:text-yellow-800:focus-within { - --tw-text-opacity: 1; - color: rgba(146, 64, 14, var(--tw-text-opacity)); + .lg\:place-self-end { + place-self: end; } - .sm\:focus-within\:text-yellow-900:focus-within { - --tw-text-opacity: 1; - color: rgba(120, 53, 15, var(--tw-text-opacity)); + .lg\:place-self-center { + place-self: center; } - .sm\:focus-within\:text-green-50:focus-within { - --tw-text-opacity: 1; - color: rgba(236, 253, 245, var(--tw-text-opacity)); + .lg\:place-self-stretch { + place-self: stretch; } - .sm\:focus-within\:text-green-100:focus-within { - --tw-text-opacity: 1; - color: rgba(209, 250, 229, var(--tw-text-opacity)); + .lg\:self-auto { + align-self: auto; } - .sm\:focus-within\:text-green-200:focus-within { - --tw-text-opacity: 1; - color: rgba(167, 243, 208, var(--tw-text-opacity)); + .lg\:self-start { + align-self: flex-start; } - .sm\:focus-within\:text-green-300:focus-within { - --tw-text-opacity: 1; - color: rgba(110, 231, 183, var(--tw-text-opacity)); + .lg\:self-end { + align-self: flex-end; } - .sm\:focus-within\:text-green-400:focus-within { - --tw-text-opacity: 1; - color: rgba(52, 211, 153, var(--tw-text-opacity)); + .lg\:self-center { + align-self: center; } - .sm\:focus-within\:text-green-500:focus-within { - --tw-text-opacity: 1; - color: rgba(16, 185, 129, var(--tw-text-opacity)); + .lg\:self-stretch { + align-self: stretch; } - .sm\:focus-within\:text-green-600:focus-within { - --tw-text-opacity: 1; - color: rgba(5, 150, 105, var(--tw-text-opacity)); + .lg\:self-baseline { + align-self: baseline; } - .sm\:focus-within\:text-green-700:focus-within { - --tw-text-opacity: 1; - color: rgba(4, 120, 87, var(--tw-text-opacity)); + .lg\:justify-self-auto { + justify-self: auto; } - .sm\:focus-within\:text-green-800:focus-within { - --tw-text-opacity: 1; - color: rgba(6, 95, 70, var(--tw-text-opacity)); + .lg\:justify-self-start { + justify-self: start; } - .sm\:focus-within\:text-green-900:focus-within { - --tw-text-opacity: 1; - color: rgba(6, 78, 59, var(--tw-text-opacity)); + .lg\:justify-self-end { + justify-self: end; } - .sm\:focus-within\:text-blue-50:focus-within { - --tw-text-opacity: 1; - color: rgba(239, 246, 255, var(--tw-text-opacity)); + .lg\:justify-self-center { + justify-self: center; } - .sm\:focus-within\:text-blue-100:focus-within { - --tw-text-opacity: 1; - color: rgba(219, 234, 254, var(--tw-text-opacity)); + .lg\:justify-self-stretch { + justify-self: stretch; } - .sm\:focus-within\:text-blue-200:focus-within { - --tw-text-opacity: 1; - color: rgba(191, 219, 254, var(--tw-text-opacity)); + .lg\:overflow-auto { + overflow: auto; } - .sm\:focus-within\:text-blue-300:focus-within { - --tw-text-opacity: 1; - color: rgba(147, 197, 253, var(--tw-text-opacity)); + .lg\:overflow-hidden { + overflow: hidden; } - .sm\:focus-within\:text-blue-400:focus-within { - --tw-text-opacity: 1; - color: rgba(96, 165, 250, var(--tw-text-opacity)); + .lg\:overflow-visible { + overflow: visible; } - .sm\:focus-within\:text-blue-500:focus-within { - --tw-text-opacity: 1; - color: rgba(59, 130, 246, var(--tw-text-opacity)); + .lg\:overflow-scroll { + overflow: scroll; } - .sm\:focus-within\:text-blue-600:focus-within { - --tw-text-opacity: 1; - color: rgba(37, 99, 235, var(--tw-text-opacity)); + .lg\:overflow-x-auto { + overflow-x: auto; } - .sm\:focus-within\:text-blue-700:focus-within { - --tw-text-opacity: 1; - color: rgba(29, 78, 216, var(--tw-text-opacity)); + .lg\:overflow-y-auto { + overflow-y: auto; } - .sm\:focus-within\:text-blue-800:focus-within { - --tw-text-opacity: 1; - color: rgba(30, 64, 175, var(--tw-text-opacity)); + .lg\:overflow-x-hidden { + overflow-x: hidden; } - .sm\:focus-within\:text-blue-900:focus-within { - --tw-text-opacity: 1; - color: rgba(30, 58, 138, var(--tw-text-opacity)); + .lg\:overflow-y-hidden { + overflow-y: hidden; } - .sm\:focus-within\:text-indigo-50:focus-within { - --tw-text-opacity: 1; - color: rgba(238, 242, 255, var(--tw-text-opacity)); + .lg\:overflow-x-visible { + overflow-x: visible; } - .sm\:focus-within\:text-indigo-100:focus-within { - --tw-text-opacity: 1; - color: rgba(224, 231, 255, var(--tw-text-opacity)); + .lg\:overflow-y-visible { + overflow-y: visible; } - .sm\:focus-within\:text-indigo-200:focus-within { - --tw-text-opacity: 1; - color: rgba(199, 210, 254, var(--tw-text-opacity)); + .lg\:overflow-x-scroll { + overflow-x: scroll; } - .sm\:focus-within\:text-indigo-300:focus-within { - --tw-text-opacity: 1; - color: rgba(165, 180, 252, var(--tw-text-opacity)); + .lg\:overflow-y-scroll { + overflow-y: scroll; } - .sm\:focus-within\:text-indigo-400:focus-within { - --tw-text-opacity: 1; - color: rgba(129, 140, 248, var(--tw-text-opacity)); + .lg\:overscroll-auto { + overscroll-behavior: auto; } - .sm\:focus-within\:text-indigo-500:focus-within { - --tw-text-opacity: 1; - color: rgba(99, 102, 241, var(--tw-text-opacity)); + .lg\:overscroll-contain { + overscroll-behavior: contain; } - .sm\:focus-within\:text-indigo-600:focus-within { - --tw-text-opacity: 1; - color: rgba(79, 70, 229, var(--tw-text-opacity)); + .lg\:overscroll-none { + overscroll-behavior: none; } - .sm\:focus-within\:text-indigo-700:focus-within { - --tw-text-opacity: 1; - color: rgba(67, 56, 202, var(--tw-text-opacity)); + .lg\:overscroll-y-auto { + overscroll-behavior-y: auto; } - .sm\:focus-within\:text-indigo-800:focus-within { - --tw-text-opacity: 1; - color: rgba(55, 48, 163, var(--tw-text-opacity)); + .lg\:overscroll-y-contain { + overscroll-behavior-y: contain; } - .sm\:focus-within\:text-indigo-900:focus-within { - --tw-text-opacity: 1; - color: rgba(49, 46, 129, var(--tw-text-opacity)); + .lg\:overscroll-y-none { + overscroll-behavior-y: none; } - .sm\:focus-within\:text-purple-50:focus-within { - --tw-text-opacity: 1; - color: rgba(245, 243, 255, var(--tw-text-opacity)); + .lg\:overscroll-x-auto { + overscroll-behavior-x: auto; } - .sm\:focus-within\:text-purple-100:focus-within { - --tw-text-opacity: 1; - color: rgba(237, 233, 254, var(--tw-text-opacity)); + .lg\:overscroll-x-contain { + overscroll-behavior-x: contain; } - .sm\:focus-within\:text-purple-200:focus-within { - --tw-text-opacity: 1; - color: rgba(221, 214, 254, var(--tw-text-opacity)); + .lg\:overscroll-x-none { + overscroll-behavior-x: none; } - .sm\:focus-within\:text-purple-300:focus-within { - --tw-text-opacity: 1; - color: rgba(196, 181, 253, var(--tw-text-opacity)); + .lg\:truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } - .sm\:focus-within\:text-purple-400:focus-within { - --tw-text-opacity: 1; - color: rgba(167, 139, 250, var(--tw-text-opacity)); + .lg\:overflow-ellipsis { + text-overflow: ellipsis; } - .sm\:focus-within\:text-purple-500:focus-within { - --tw-text-opacity: 1; - color: rgba(139, 92, 246, var(--tw-text-opacity)); + .lg\:overflow-clip { + text-overflow: clip; } - .sm\:focus-within\:text-purple-600:focus-within { - --tw-text-opacity: 1; - color: rgba(124, 58, 237, var(--tw-text-opacity)); + .lg\:whitespace-normal { + white-space: normal; } - .sm\:focus-within\:text-purple-700:focus-within { - --tw-text-opacity: 1; - color: rgba(109, 40, 217, var(--tw-text-opacity)); + .lg\:whitespace-nowrap { + white-space: nowrap; } - .sm\:focus-within\:text-purple-800:focus-within { - --tw-text-opacity: 1; - color: rgba(91, 33, 182, var(--tw-text-opacity)); + .lg\:whitespace-pre { + white-space: pre; } - .sm\:focus-within\:text-purple-900:focus-within { - --tw-text-opacity: 1; - color: rgba(76, 29, 149, var(--tw-text-opacity)); + .lg\:whitespace-pre-line { + white-space: pre-line; } - .sm\:focus-within\:text-pink-50:focus-within { - --tw-text-opacity: 1; - color: rgba(253, 242, 248, var(--tw-text-opacity)); + .lg\:whitespace-pre-wrap { + white-space: pre-wrap; } - .sm\:focus-within\:text-pink-100:focus-within { - --tw-text-opacity: 1; - color: rgba(252, 231, 243, var(--tw-text-opacity)); + .lg\:break-normal { + overflow-wrap: normal; + word-break: normal; } - .sm\:focus-within\:text-pink-200:focus-within { - --tw-text-opacity: 1; - color: rgba(251, 207, 232, var(--tw-text-opacity)); + .lg\:break-words { + overflow-wrap: break-word; } - .sm\:focus-within\:text-pink-300:focus-within { - --tw-text-opacity: 1; - color: rgba(249, 168, 212, var(--tw-text-opacity)); + .lg\:break-all { + word-break: break-all; } - .sm\:focus-within\:text-pink-400:focus-within { - --tw-text-opacity: 1; - color: rgba(244, 114, 182, var(--tw-text-opacity)); + .lg\:rounded-none { + border-radius: 0px; } - .sm\:focus-within\:text-pink-500:focus-within { - --tw-text-opacity: 1; - color: rgba(236, 72, 153, var(--tw-text-opacity)); + .lg\:rounded-sm { + border-radius: 0.125rem; } - .sm\:focus-within\:text-pink-600:focus-within { - --tw-text-opacity: 1; - color: rgba(219, 39, 119, var(--tw-text-opacity)); + .lg\:rounded { + border-radius: 0.25rem; } - .sm\:focus-within\:text-pink-700:focus-within { - --tw-text-opacity: 1; - color: rgba(190, 24, 93, var(--tw-text-opacity)); + .lg\:rounded-md { + border-radius: 0.375rem; } - .sm\:focus-within\:text-pink-800:focus-within { - --tw-text-opacity: 1; - color: rgba(157, 23, 77, var(--tw-text-opacity)); + .lg\:rounded-lg { + border-radius: 0.5rem; } - .sm\:focus-within\:text-pink-900:focus-within { - --tw-text-opacity: 1; - color: rgba(131, 24, 67, var(--tw-text-opacity)); + .lg\:rounded-xl { + border-radius: 0.75rem; } - .sm\:hover\:text-transparent:hover { - color: transparent; + .lg\:rounded-2xl { + border-radius: 1rem; } - .sm\:hover\:text-current:hover { - color: currentColor; + .lg\:rounded-3xl { + border-radius: 1.5rem; } - .sm\:hover\:text-black:hover { - --tw-text-opacity: 1; - color: rgba(0, 0, 0, var(--tw-text-opacity)); + .lg\:rounded-full { + border-radius: 9999px; } - .sm\:hover\:text-white:hover { - --tw-text-opacity: 1; - color: rgba(255, 255, 255, var(--tw-text-opacity)); + .lg\:rounded-t-none { + border-top-left-radius: 0px; + border-top-right-radius: 0px; } - .sm\:hover\:text-gray-50:hover { - --tw-text-opacity: 1; - color: rgba(249, 250, 251, var(--tw-text-opacity)); + .lg\:rounded-t-sm { + border-top-left-radius: 0.125rem; + border-top-right-radius: 0.125rem; } - .sm\:hover\:text-gray-100:hover { - --tw-text-opacity: 1; - color: rgba(243, 244, 246, var(--tw-text-opacity)); + .lg\:rounded-t { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; } - .sm\:hover\:text-gray-200:hover { - --tw-text-opacity: 1; - color: rgba(229, 231, 235, var(--tw-text-opacity)); + .lg\:rounded-t-md { + border-top-left-radius: 0.375rem; + border-top-right-radius: 0.375rem; } - .sm\:hover\:text-gray-300:hover { - --tw-text-opacity: 1; - color: rgba(209, 213, 219, var(--tw-text-opacity)); + .lg\:rounded-t-lg { + border-top-left-radius: 0.5rem; + border-top-right-radius: 0.5rem; } - .sm\:hover\:text-gray-400:hover { - --tw-text-opacity: 1; - color: rgba(156, 163, 175, var(--tw-text-opacity)); + .lg\:rounded-t-xl { + border-top-left-radius: 0.75rem; + border-top-right-radius: 0.75rem; } - .sm\:hover\:text-gray-500:hover { - --tw-text-opacity: 1; - color: rgba(107, 114, 128, var(--tw-text-opacity)); + .lg\:rounded-t-2xl { + border-top-left-radius: 1rem; + border-top-right-radius: 1rem; } - .sm\:hover\:text-gray-600:hover { - --tw-text-opacity: 1; - color: rgba(75, 85, 99, var(--tw-text-opacity)); + .lg\:rounded-t-3xl { + border-top-left-radius: 1.5rem; + border-top-right-radius: 1.5rem; } - .sm\:hover\:text-gray-700:hover { - --tw-text-opacity: 1; - color: rgba(55, 65, 81, var(--tw-text-opacity)); + .lg\:rounded-t-full { + border-top-left-radius: 9999px; + border-top-right-radius: 9999px; } - .sm\:hover\:text-gray-800:hover { - --tw-text-opacity: 1; - color: rgba(31, 41, 55, var(--tw-text-opacity)); + .lg\:rounded-r-none { + border-top-right-radius: 0px; + border-bottom-right-radius: 0px; } - .sm\:hover\:text-gray-900:hover { - --tw-text-opacity: 1; - color: rgba(17, 24, 39, var(--tw-text-opacity)); + .lg\:rounded-r-sm { + border-top-right-radius: 0.125rem; + border-bottom-right-radius: 0.125rem; } - .sm\:hover\:text-red-50:hover { - --tw-text-opacity: 1; - color: rgba(254, 242, 242, var(--tw-text-opacity)); + .lg\:rounded-r { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; } - .sm\:hover\:text-red-100:hover { - --tw-text-opacity: 1; - color: rgba(254, 226, 226, var(--tw-text-opacity)); + .lg\:rounded-r-md { + border-top-right-radius: 0.375rem; + border-bottom-right-radius: 0.375rem; } - .sm\:hover\:text-red-200:hover { - --tw-text-opacity: 1; - color: rgba(254, 202, 202, var(--tw-text-opacity)); + .lg\:rounded-r-lg { + border-top-right-radius: 0.5rem; + border-bottom-right-radius: 0.5rem; } - .sm\:hover\:text-red-300:hover { - --tw-text-opacity: 1; - color: rgba(252, 165, 165, var(--tw-text-opacity)); + .lg\:rounded-r-xl { + border-top-right-radius: 0.75rem; + border-bottom-right-radius: 0.75rem; } - .sm\:hover\:text-red-400:hover { - --tw-text-opacity: 1; - color: rgba(248, 113, 113, var(--tw-text-opacity)); + .lg\:rounded-r-2xl { + border-top-right-radius: 1rem; + border-bottom-right-radius: 1rem; } - .sm\:hover\:text-red-500:hover { - --tw-text-opacity: 1; - color: rgba(239, 68, 68, var(--tw-text-opacity)); + .lg\:rounded-r-3xl { + border-top-right-radius: 1.5rem; + border-bottom-right-radius: 1.5rem; } - .sm\:hover\:text-red-600:hover { - --tw-text-opacity: 1; - color: rgba(220, 38, 38, var(--tw-text-opacity)); + .lg\:rounded-r-full { + border-top-right-radius: 9999px; + border-bottom-right-radius: 9999px; } - .sm\:hover\:text-red-700:hover { - --tw-text-opacity: 1; - color: rgba(185, 28, 28, var(--tw-text-opacity)); + .lg\:rounded-b-none { + border-bottom-right-radius: 0px; + border-bottom-left-radius: 0px; } - .sm\:hover\:text-red-800:hover { - --tw-text-opacity: 1; - color: rgba(153, 27, 27, var(--tw-text-opacity)); + .lg\:rounded-b-sm { + border-bottom-right-radius: 0.125rem; + border-bottom-left-radius: 0.125rem; } - .sm\:hover\:text-red-900:hover { - --tw-text-opacity: 1; - color: rgba(127, 29, 29, var(--tw-text-opacity)); + .lg\:rounded-b { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; } - .sm\:hover\:text-yellow-50:hover { - --tw-text-opacity: 1; - color: rgba(255, 251, 235, var(--tw-text-opacity)); + .lg\:rounded-b-md { + border-bottom-right-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; } - .sm\:hover\:text-yellow-100:hover { - --tw-text-opacity: 1; - color: rgba(254, 243, 199, var(--tw-text-opacity)); + .lg\:rounded-b-lg { + border-bottom-right-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; } - .sm\:hover\:text-yellow-200:hover { - --tw-text-opacity: 1; - color: rgba(253, 230, 138, var(--tw-text-opacity)); + .lg\:rounded-b-xl { + border-bottom-right-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; } - .sm\:hover\:text-yellow-300:hover { - --tw-text-opacity: 1; - color: rgba(252, 211, 77, var(--tw-text-opacity)); + .lg\:rounded-b-2xl { + border-bottom-right-radius: 1rem; + border-bottom-left-radius: 1rem; } - .sm\:hover\:text-yellow-400:hover { - --tw-text-opacity: 1; - color: rgba(251, 191, 36, var(--tw-text-opacity)); + .lg\:rounded-b-3xl { + border-bottom-right-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; } - .sm\:hover\:text-yellow-500:hover { - --tw-text-opacity: 1; - color: rgba(245, 158, 11, var(--tw-text-opacity)); + .lg\:rounded-b-full { + border-bottom-right-radius: 9999px; + border-bottom-left-radius: 9999px; } - .sm\:hover\:text-yellow-600:hover { - --tw-text-opacity: 1; - color: rgba(217, 119, 6, var(--tw-text-opacity)); + .lg\:rounded-l-none { + border-top-left-radius: 0px; + border-bottom-left-radius: 0px; } - .sm\:hover\:text-yellow-700:hover { - --tw-text-opacity: 1; - color: rgba(180, 83, 9, var(--tw-text-opacity)); + .lg\:rounded-l-sm { + border-top-left-radius: 0.125rem; + border-bottom-left-radius: 0.125rem; } - .sm\:hover\:text-yellow-800:hover { - --tw-text-opacity: 1; - color: rgba(146, 64, 14, var(--tw-text-opacity)); + .lg\:rounded-l { + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; } - .sm\:hover\:text-yellow-900:hover { - --tw-text-opacity: 1; - color: rgba(120, 53, 15, var(--tw-text-opacity)); + .lg\:rounded-l-md { + border-top-left-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; } - .sm\:hover\:text-green-50:hover { - --tw-text-opacity: 1; - color: rgba(236, 253, 245, var(--tw-text-opacity)); + .lg\:rounded-l-lg { + border-top-left-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; } - .sm\:hover\:text-green-100:hover { - --tw-text-opacity: 1; - color: rgba(209, 250, 229, var(--tw-text-opacity)); + .lg\:rounded-l-xl { + border-top-left-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; } - .sm\:hover\:text-green-200:hover { - --tw-text-opacity: 1; - color: rgba(167, 243, 208, var(--tw-text-opacity)); + .lg\:rounded-l-2xl { + border-top-left-radius: 1rem; + border-bottom-left-radius: 1rem; } - .sm\:hover\:text-green-300:hover { - --tw-text-opacity: 1; - color: rgba(110, 231, 183, var(--tw-text-opacity)); + .lg\:rounded-l-3xl { + border-top-left-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; } - .sm\:hover\:text-green-400:hover { - --tw-text-opacity: 1; - color: rgba(52, 211, 153, var(--tw-text-opacity)); + .lg\:rounded-l-full { + border-top-left-radius: 9999px; + border-bottom-left-radius: 9999px; } - .sm\:hover\:text-green-500:hover { - --tw-text-opacity: 1; - color: rgba(16, 185, 129, var(--tw-text-opacity)); + .lg\:rounded-tl-none { + border-top-left-radius: 0px; } - .sm\:hover\:text-green-600:hover { - --tw-text-opacity: 1; - color: rgba(5, 150, 105, var(--tw-text-opacity)); + .lg\:rounded-tl-sm { + border-top-left-radius: 0.125rem; } - .sm\:hover\:text-green-700:hover { - --tw-text-opacity: 1; - color: rgba(4, 120, 87, var(--tw-text-opacity)); + .lg\:rounded-tl { + border-top-left-radius: 0.25rem; } - .sm\:hover\:text-green-800:hover { - --tw-text-opacity: 1; - color: rgba(6, 95, 70, var(--tw-text-opacity)); + .lg\:rounded-tl-md { + border-top-left-radius: 0.375rem; } - .sm\:hover\:text-green-900:hover { - --tw-text-opacity: 1; - color: rgba(6, 78, 59, var(--tw-text-opacity)); + .lg\:rounded-tl-lg { + border-top-left-radius: 0.5rem; } - .sm\:hover\:text-blue-50:hover { - --tw-text-opacity: 1; - color: rgba(239, 246, 255, var(--tw-text-opacity)); + .lg\:rounded-tl-xl { + border-top-left-radius: 0.75rem; } - .sm\:hover\:text-blue-100:hover { - --tw-text-opacity: 1; - color: rgba(219, 234, 254, var(--tw-text-opacity)); + .lg\:rounded-tl-2xl { + border-top-left-radius: 1rem; } - .sm\:hover\:text-blue-200:hover { - --tw-text-opacity: 1; - color: rgba(191, 219, 254, var(--tw-text-opacity)); + .lg\:rounded-tl-3xl { + border-top-left-radius: 1.5rem; } - .sm\:hover\:text-blue-300:hover { - --tw-text-opacity: 1; - color: rgba(147, 197, 253, var(--tw-text-opacity)); + .lg\:rounded-tl-full { + border-top-left-radius: 9999px; } - .sm\:hover\:text-blue-400:hover { - --tw-text-opacity: 1; - color: rgba(96, 165, 250, var(--tw-text-opacity)); + .lg\:rounded-tr-none { + border-top-right-radius: 0px; } - .sm\:hover\:text-blue-500:hover { - --tw-text-opacity: 1; - color: rgba(59, 130, 246, var(--tw-text-opacity)); + .lg\:rounded-tr-sm { + border-top-right-radius: 0.125rem; } - .sm\:hover\:text-blue-600:hover { - --tw-text-opacity: 1; - color: rgba(37, 99, 235, var(--tw-text-opacity)); + .lg\:rounded-tr { + border-top-right-radius: 0.25rem; } - .sm\:hover\:text-blue-700:hover { - --tw-text-opacity: 1; - color: rgba(29, 78, 216, var(--tw-text-opacity)); + .lg\:rounded-tr-md { + border-top-right-radius: 0.375rem; } - .sm\:hover\:text-blue-800:hover { - --tw-text-opacity: 1; - color: rgba(30, 64, 175, var(--tw-text-opacity)); + .lg\:rounded-tr-lg { + border-top-right-radius: 0.5rem; } - .sm\:hover\:text-blue-900:hover { - --tw-text-opacity: 1; - color: rgba(30, 58, 138, var(--tw-text-opacity)); + .lg\:rounded-tr-xl { + border-top-right-radius: 0.75rem; } - .sm\:hover\:text-indigo-50:hover { - --tw-text-opacity: 1; - color: rgba(238, 242, 255, var(--tw-text-opacity)); + .lg\:rounded-tr-2xl { + border-top-right-radius: 1rem; } - .sm\:hover\:text-indigo-100:hover { - --tw-text-opacity: 1; - color: rgba(224, 231, 255, var(--tw-text-opacity)); + .lg\:rounded-tr-3xl { + border-top-right-radius: 1.5rem; } - .sm\:hover\:text-indigo-200:hover { - --tw-text-opacity: 1; - color: rgba(199, 210, 254, var(--tw-text-opacity)); + .lg\:rounded-tr-full { + border-top-right-radius: 9999px; } - .sm\:hover\:text-indigo-300:hover { - --tw-text-opacity: 1; - color: rgba(165, 180, 252, var(--tw-text-opacity)); + .lg\:rounded-br-none { + border-bottom-right-radius: 0px; } - .sm\:hover\:text-indigo-400:hover { - --tw-text-opacity: 1; - color: rgba(129, 140, 248, var(--tw-text-opacity)); + .lg\:rounded-br-sm { + border-bottom-right-radius: 0.125rem; } - .sm\:hover\:text-indigo-500:hover { - --tw-text-opacity: 1; - color: rgba(99, 102, 241, var(--tw-text-opacity)); + .lg\:rounded-br { + border-bottom-right-radius: 0.25rem; } - .sm\:hover\:text-indigo-600:hover { - --tw-text-opacity: 1; - color: rgba(79, 70, 229, var(--tw-text-opacity)); + .lg\:rounded-br-md { + border-bottom-right-radius: 0.375rem; } - .sm\:hover\:text-indigo-700:hover { - --tw-text-opacity: 1; - color: rgba(67, 56, 202, var(--tw-text-opacity)); + .lg\:rounded-br-lg { + border-bottom-right-radius: 0.5rem; } - .sm\:hover\:text-indigo-800:hover { - --tw-text-opacity: 1; - color: rgba(55, 48, 163, var(--tw-text-opacity)); + .lg\:rounded-br-xl { + border-bottom-right-radius: 0.75rem; } - .sm\:hover\:text-indigo-900:hover { - --tw-text-opacity: 1; - color: rgba(49, 46, 129, var(--tw-text-opacity)); + .lg\:rounded-br-2xl { + border-bottom-right-radius: 1rem; } - .sm\:hover\:text-purple-50:hover { - --tw-text-opacity: 1; - color: rgba(245, 243, 255, var(--tw-text-opacity)); + .lg\:rounded-br-3xl { + border-bottom-right-radius: 1.5rem; } - .sm\:hover\:text-purple-100:hover { - --tw-text-opacity: 1; - color: rgba(237, 233, 254, var(--tw-text-opacity)); + .lg\:rounded-br-full { + border-bottom-right-radius: 9999px; } - .sm\:hover\:text-purple-200:hover { - --tw-text-opacity: 1; - color: rgba(221, 214, 254, var(--tw-text-opacity)); + .lg\:rounded-bl-none { + border-bottom-left-radius: 0px; } - .sm\:hover\:text-purple-300:hover { - --tw-text-opacity: 1; - color: rgba(196, 181, 253, var(--tw-text-opacity)); + .lg\:rounded-bl-sm { + border-bottom-left-radius: 0.125rem; } - .sm\:hover\:text-purple-400:hover { - --tw-text-opacity: 1; - color: rgba(167, 139, 250, var(--tw-text-opacity)); + .lg\:rounded-bl { + border-bottom-left-radius: 0.25rem; } - .sm\:hover\:text-purple-500:hover { - --tw-text-opacity: 1; - color: rgba(139, 92, 246, var(--tw-text-opacity)); + .lg\:rounded-bl-md { + border-bottom-left-radius: 0.375rem; } - .sm\:hover\:text-purple-600:hover { - --tw-text-opacity: 1; - color: rgba(124, 58, 237, var(--tw-text-opacity)); + .lg\:rounded-bl-lg { + border-bottom-left-radius: 0.5rem; } - .sm\:hover\:text-purple-700:hover { - --tw-text-opacity: 1; - color: rgba(109, 40, 217, var(--tw-text-opacity)); + .lg\:rounded-bl-xl { + border-bottom-left-radius: 0.75rem; } - .sm\:hover\:text-purple-800:hover { - --tw-text-opacity: 1; - color: rgba(91, 33, 182, var(--tw-text-opacity)); + .lg\:rounded-bl-2xl { + border-bottom-left-radius: 1rem; } - .sm\:hover\:text-purple-900:hover { - --tw-text-opacity: 1; - color: rgba(76, 29, 149, var(--tw-text-opacity)); + .lg\:rounded-bl-3xl { + border-bottom-left-radius: 1.5rem; } - .sm\:hover\:text-pink-50:hover { - --tw-text-opacity: 1; - color: rgba(253, 242, 248, var(--tw-text-opacity)); + .lg\:rounded-bl-full { + border-bottom-left-radius: 9999px; } - .sm\:hover\:text-pink-100:hover { - --tw-text-opacity: 1; - color: rgba(252, 231, 243, var(--tw-text-opacity)); + .lg\:border-0 { + border-width: 0px; } - .sm\:hover\:text-pink-200:hover { - --tw-text-opacity: 1; - color: rgba(251, 207, 232, var(--tw-text-opacity)); + .lg\:border-2 { + border-width: 2px; } - .sm\:hover\:text-pink-300:hover { - --tw-text-opacity: 1; - color: rgba(249, 168, 212, var(--tw-text-opacity)); + .lg\:border-4 { + border-width: 4px; } - .sm\:hover\:text-pink-400:hover { - --tw-text-opacity: 1; - color: rgba(244, 114, 182, var(--tw-text-opacity)); + .lg\:border-8 { + border-width: 8px; } - .sm\:hover\:text-pink-500:hover { - --tw-text-opacity: 1; - color: rgba(236, 72, 153, var(--tw-text-opacity)); + .lg\:border { + border-width: 1px; } - .sm\:hover\:text-pink-600:hover { - --tw-text-opacity: 1; - color: rgba(219, 39, 119, var(--tw-text-opacity)); + .lg\:border-t-0 { + border-top-width: 0px; } - .sm\:hover\:text-pink-700:hover { - --tw-text-opacity: 1; - color: rgba(190, 24, 93, var(--tw-text-opacity)); + .lg\:border-t-2 { + border-top-width: 2px; } - .sm\:hover\:text-pink-800:hover { - --tw-text-opacity: 1; - color: rgba(157, 23, 77, var(--tw-text-opacity)); + .lg\:border-t-4 { + border-top-width: 4px; } - .sm\:hover\:text-pink-900:hover { - --tw-text-opacity: 1; - color: rgba(131, 24, 67, var(--tw-text-opacity)); + .lg\:border-t-8 { + border-top-width: 8px; } - .sm\:focus\:text-transparent:focus { - color: transparent; + .lg\:border-t { + border-top-width: 1px; } - .sm\:focus\:text-current:focus { - color: currentColor; + .lg\:border-r-0 { + border-right-width: 0px; } - .sm\:focus\:text-black:focus { - --tw-text-opacity: 1; - color: rgba(0, 0, 0, var(--tw-text-opacity)); + .lg\:border-r-2 { + border-right-width: 2px; } - .sm\:focus\:text-white:focus { - --tw-text-opacity: 1; - color: rgba(255, 255, 255, var(--tw-text-opacity)); + .lg\:border-r-4 { + border-right-width: 4px; } - .sm\:focus\:text-gray-50:focus { - --tw-text-opacity: 1; - color: rgba(249, 250, 251, var(--tw-text-opacity)); + .lg\:border-r-8 { + border-right-width: 8px; } - .sm\:focus\:text-gray-100:focus { - --tw-text-opacity: 1; - color: rgba(243, 244, 246, var(--tw-text-opacity)); + .lg\:border-r { + border-right-width: 1px; } - .sm\:focus\:text-gray-200:focus { - --tw-text-opacity: 1; - color: rgba(229, 231, 235, var(--tw-text-opacity)); + .lg\:border-b-0 { + border-bottom-width: 0px; } - .sm\:focus\:text-gray-300:focus { - --tw-text-opacity: 1; - color: rgba(209, 213, 219, var(--tw-text-opacity)); + .lg\:border-b-2 { + border-bottom-width: 2px; } - .sm\:focus\:text-gray-400:focus { - --tw-text-opacity: 1; - color: rgba(156, 163, 175, var(--tw-text-opacity)); + .lg\:border-b-4 { + border-bottom-width: 4px; } - .sm\:focus\:text-gray-500:focus { - --tw-text-opacity: 1; - color: rgba(107, 114, 128, var(--tw-text-opacity)); + .lg\:border-b-8 { + border-bottom-width: 8px; } - .sm\:focus\:text-gray-600:focus { - --tw-text-opacity: 1; - color: rgba(75, 85, 99, var(--tw-text-opacity)); + .lg\:border-b { + border-bottom-width: 1px; } - .sm\:focus\:text-gray-700:focus { - --tw-text-opacity: 1; - color: rgba(55, 65, 81, var(--tw-text-opacity)); + .lg\:border-l-0 { + border-left-width: 0px; } - .sm\:focus\:text-gray-800:focus { - --tw-text-opacity: 1; - color: rgba(31, 41, 55, var(--tw-text-opacity)); + .lg\:border-l-2 { + border-left-width: 2px; } - .sm\:focus\:text-gray-900:focus { - --tw-text-opacity: 1; - color: rgba(17, 24, 39, var(--tw-text-opacity)); + .lg\:border-l-4 { + border-left-width: 4px; } - .sm\:focus\:text-red-50:focus { - --tw-text-opacity: 1; - color: rgba(254, 242, 242, var(--tw-text-opacity)); + .lg\:border-l-8 { + border-left-width: 8px; } - .sm\:focus\:text-red-100:focus { - --tw-text-opacity: 1; - color: rgba(254, 226, 226, var(--tw-text-opacity)); + .lg\:border-l { + border-left-width: 1px; } - .sm\:focus\:text-red-200:focus { - --tw-text-opacity: 1; - color: rgba(254, 202, 202, var(--tw-text-opacity)); + .lg\:border-solid { + border-style: solid; } - .sm\:focus\:text-red-300:focus { - --tw-text-opacity: 1; - color: rgba(252, 165, 165, var(--tw-text-opacity)); + .lg\:border-dashed { + border-style: dashed; } - .sm\:focus\:text-red-400:focus { - --tw-text-opacity: 1; - color: rgba(248, 113, 113, var(--tw-text-opacity)); + .lg\:border-dotted { + border-style: dotted; } - .sm\:focus\:text-red-500:focus { - --tw-text-opacity: 1; - color: rgba(239, 68, 68, var(--tw-text-opacity)); + .lg\:border-double { + border-style: double; } - .sm\:focus\:text-red-600:focus { - --tw-text-opacity: 1; - color: rgba(220, 38, 38, var(--tw-text-opacity)); + .lg\:border-none { + border-style: none; } - .sm\:focus\:text-red-700:focus { - --tw-text-opacity: 1; - color: rgba(185, 28, 28, var(--tw-text-opacity)); + .lg\:border-colors-black { + border-color: var(--colors-black, #000000); } - .sm\:focus\:text-red-800:focus { - --tw-text-opacity: 1; - color: rgba(153, 27, 27, var(--tw-text-opacity)); + .lg\:border-colors-white { + border-color: var(--colors-white, #ffffff); } - .sm\:focus\:text-red-900:focus { - --tw-text-opacity: 1; - color: rgba(127, 29, 29, var(--tw-text-opacity)); + .lg\:border-colors-gray-100 { + border-color: var(--colors-gray-100, #f7fafc); } - .sm\:focus\:text-yellow-50:focus { - --tw-text-opacity: 1; - color: rgba(255, 251, 235, var(--tw-text-opacity)); + .lg\:border-colors-gray-200 { + border-color: var(--colors-gray-200, #edf2f7); } - .sm\:focus\:text-yellow-100:focus { - --tw-text-opacity: 1; - color: rgba(254, 243, 199, var(--tw-text-opacity)); + .lg\:border-colors-gray-300 { + border-color: var(--colors-gray-300, #e2e8f0); } - .sm\:focus\:text-yellow-200:focus { - --tw-text-opacity: 1; - color: rgba(253, 230, 138, var(--tw-text-opacity)); + .lg\:border-colors-gray-400 { + border-color: var(--colors-gray-400, #cbd5e0); } - .sm\:focus\:text-yellow-300:focus { - --tw-text-opacity: 1; - color: rgba(252, 211, 77, var(--tw-text-opacity)); + .lg\:border-colors-gray-500 { + border-color: var(--colors-gray-500, #a0aec0); } - .sm\:focus\:text-yellow-400:focus { - --tw-text-opacity: 1; - color: rgba(251, 191, 36, var(--tw-text-opacity)); + .lg\:border-colors-gray-600 { + border-color: var(--colors-gray-600, #718096); } - .sm\:focus\:text-yellow-500:focus { - --tw-text-opacity: 1; - color: rgba(245, 158, 11, var(--tw-text-opacity)); + .lg\:border-colors-gray-700 { + border-color: var(--colors-gray-700, #4a5568); } - .sm\:focus\:text-yellow-600:focus { - --tw-text-opacity: 1; - color: rgba(217, 119, 6, var(--tw-text-opacity)); + .lg\:border-colors-gray-800 { + border-color: var(--colors-gray-800, #2d3748); } - .sm\:focus\:text-yellow-700:focus { - --tw-text-opacity: 1; - color: rgba(180, 83, 9, var(--tw-text-opacity)); + .lg\:border-colors-gray-900 { + border-color: var(--colors-gray-900, #1a202c); } - .sm\:focus\:text-yellow-800:focus { - --tw-text-opacity: 1; - color: rgba(146, 64, 14, var(--tw-text-opacity)); + .lg\:border-colors-red-100 { + border-color: var(--colors-red-100, #fff5f5); } - .sm\:focus\:text-yellow-900:focus { - --tw-text-opacity: 1; - color: rgba(120, 53, 15, var(--tw-text-opacity)); + .lg\:border-colors-red-200 { + border-color: var(--colors-red-200, #fed7d7); } - .sm\:focus\:text-green-50:focus { - --tw-text-opacity: 1; - color: rgba(236, 253, 245, var(--tw-text-opacity)); + .lg\:border-colors-red-300 { + border-color: var(--colors-red-300, #feb2b2); } - .sm\:focus\:text-green-100:focus { - --tw-text-opacity: 1; - color: rgba(209, 250, 229, var(--tw-text-opacity)); + .lg\:border-colors-red-400 { + border-color: var(--colors-red-400, #fc8181); } - .sm\:focus\:text-green-200:focus { - --tw-text-opacity: 1; - color: rgba(167, 243, 208, var(--tw-text-opacity)); + .lg\:border-colors-red-500 { + border-color: var(--colors-red-500, #f56565); } - .sm\:focus\:text-green-300:focus { - --tw-text-opacity: 1; - color: rgba(110, 231, 183, var(--tw-text-opacity)); + .lg\:border-colors-red-600 { + border-color: var(--colors-red-600, #e53e3e); } - .sm\:focus\:text-green-400:focus { - --tw-text-opacity: 1; - color: rgba(52, 211, 153, var(--tw-text-opacity)); + .lg\:border-colors-red-700 { + border-color: var(--colors-red-700, #c53030); } - .sm\:focus\:text-green-500:focus { - --tw-text-opacity: 1; - color: rgba(16, 185, 129, var(--tw-text-opacity)); + .lg\:border-colors-red-800 { + border-color: var(--colors-red-800, #9b2c2c); } - .sm\:focus\:text-green-600:focus { - --tw-text-opacity: 1; - color: rgba(5, 150, 105, var(--tw-text-opacity)); + .lg\:border-colors-red-900 { + border-color: var(--colors-red-900, #742a2a); } - .sm\:focus\:text-green-700:focus { - --tw-text-opacity: 1; - color: rgba(4, 120, 87, var(--tw-text-opacity)); + .lg\:border-colors-orange-100 { + border-color: var(--colors-orange-100, #fffaf0); } - .sm\:focus\:text-green-800:focus { - --tw-text-opacity: 1; - color: rgba(6, 95, 70, var(--tw-text-opacity)); + .lg\:border-colors-orange-200 { + border-color: var(--colors-orange-200, #feebc8); } - .sm\:focus\:text-green-900:focus { - --tw-text-opacity: 1; - color: rgba(6, 78, 59, var(--tw-text-opacity)); + .lg\:border-colors-orange-300 { + border-color: var(--colors-orange-300, #fbd38d); } - .sm\:focus\:text-blue-50:focus { - --tw-text-opacity: 1; - color: rgba(239, 246, 255, var(--tw-text-opacity)); + .lg\:border-colors-orange-400 { + border-color: var(--colors-orange-400, #f6ad55); } - .sm\:focus\:text-blue-100:focus { - --tw-text-opacity: 1; - color: rgba(219, 234, 254, var(--tw-text-opacity)); + .lg\:border-colors-orange-500 { + border-color: var(--colors-orange-500, #ed8936); } - .sm\:focus\:text-blue-200:focus { - --tw-text-opacity: 1; - color: rgba(191, 219, 254, var(--tw-text-opacity)); + .lg\:border-colors-orange-600 { + border-color: var(--colors-orange-600, #dd6b20); } - .sm\:focus\:text-blue-300:focus { - --tw-text-opacity: 1; - color: rgba(147, 197, 253, var(--tw-text-opacity)); + .lg\:border-colors-orange-700 { + border-color: var(--colors-orange-700, #c05621); } - .sm\:focus\:text-blue-400:focus { - --tw-text-opacity: 1; - color: rgba(96, 165, 250, var(--tw-text-opacity)); + .lg\:border-colors-orange-800 { + border-color: var(--colors-orange-800, #9c4221); } - .sm\:focus\:text-blue-500:focus { - --tw-text-opacity: 1; - color: rgba(59, 130, 246, var(--tw-text-opacity)); + .lg\:border-colors-orange-900 { + border-color: var(--colors-orange-900, #7b341e); } - .sm\:focus\:text-blue-600:focus { - --tw-text-opacity: 1; - color: rgba(37, 99, 235, var(--tw-text-opacity)); + .lg\:border-colors-yellow-100 { + border-color: var(--colors-yellow-100, #fffff0); } - .sm\:focus\:text-blue-700:focus { - --tw-text-opacity: 1; - color: rgba(29, 78, 216, var(--tw-text-opacity)); + .lg\:border-colors-yellow-200 { + border-color: var(--colors-yellow-200, #fefcbf); } - .sm\:focus\:text-blue-800:focus { - --tw-text-opacity: 1; - color: rgba(30, 64, 175, var(--tw-text-opacity)); + .lg\:border-colors-yellow-300 { + border-color: var(--colors-yellow-300, #faf089); } - .sm\:focus\:text-blue-900:focus { - --tw-text-opacity: 1; - color: rgba(30, 58, 138, var(--tw-text-opacity)); + .lg\:border-colors-yellow-400 { + border-color: var(--colors-yellow-400, #f6e05e); } - .sm\:focus\:text-indigo-50:focus { - --tw-text-opacity: 1; - color: rgba(238, 242, 255, var(--tw-text-opacity)); + .lg\:border-colors-yellow-500 { + border-color: var(--colors-yellow-500, #ecc94b); } - .sm\:focus\:text-indigo-100:focus { - --tw-text-opacity: 1; - color: rgba(224, 231, 255, var(--tw-text-opacity)); + .lg\:border-colors-yellow-600 { + border-color: var(--colors-yellow-600, #d69e2e); } - .sm\:focus\:text-indigo-200:focus { - --tw-text-opacity: 1; - color: rgba(199, 210, 254, var(--tw-text-opacity)); + .lg\:border-colors-yellow-700 { + border-color: var(--colors-yellow-700, #b7791f); } - .sm\:focus\:text-indigo-300:focus { - --tw-text-opacity: 1; - color: rgba(165, 180, 252, var(--tw-text-opacity)); + .lg\:border-colors-yellow-800 { + border-color: var(--colors-yellow-800, #975a16); } - .sm\:focus\:text-indigo-400:focus { - --tw-text-opacity: 1; - color: rgba(129, 140, 248, var(--tw-text-opacity)); + .lg\:border-colors-yellow-900 { + border-color: var(--colors-yellow-900, #744210); } - .sm\:focus\:text-indigo-500:focus { - --tw-text-opacity: 1; - color: rgba(99, 102, 241, var(--tw-text-opacity)); + .lg\:border-colors-green-100 { + border-color: var(--colors-green-100, #f0fff4); } - .sm\:focus\:text-indigo-600:focus { - --tw-text-opacity: 1; - color: rgba(79, 70, 229, var(--tw-text-opacity)); + .lg\:border-colors-green-200 { + border-color: var(--colors-green-200, #c6f6d5); } - .sm\:focus\:text-indigo-700:focus { - --tw-text-opacity: 1; - color: rgba(67, 56, 202, var(--tw-text-opacity)); + .lg\:border-colors-green-300 { + border-color: var(--colors-green-300, #9ae6b4); } - .sm\:focus\:text-indigo-800:focus { - --tw-text-opacity: 1; - color: rgba(55, 48, 163, var(--tw-text-opacity)); + .lg\:border-colors-green-400 { + border-color: var(--colors-green-400, #68d391); } - .sm\:focus\:text-indigo-900:focus { - --tw-text-opacity: 1; - color: rgba(49, 46, 129, var(--tw-text-opacity)); + .lg\:border-colors-green-500 { + border-color: var(--colors-green-500, #48bb78); } - .sm\:focus\:text-purple-50:focus { - --tw-text-opacity: 1; - color: rgba(245, 243, 255, var(--tw-text-opacity)); + .lg\:border-colors-green-600 { + border-color: var(--colors-green-600, #38a169); } - .sm\:focus\:text-purple-100:focus { - --tw-text-opacity: 1; - color: rgba(237, 233, 254, var(--tw-text-opacity)); + .lg\:border-colors-green-700 { + border-color: var(--colors-green-700, #2f855a); } - .sm\:focus\:text-purple-200:focus { - --tw-text-opacity: 1; - color: rgba(221, 214, 254, var(--tw-text-opacity)); + .lg\:border-colors-green-800 { + border-color: var(--colors-green-800, #276749); } - .sm\:focus\:text-purple-300:focus { - --tw-text-opacity: 1; - color: rgba(196, 181, 253, var(--tw-text-opacity)); + .lg\:border-colors-green-900 { + border-color: var(--colors-green-900, #22543d); } - .sm\:focus\:text-purple-400:focus { - --tw-text-opacity: 1; - color: rgba(167, 139, 250, var(--tw-text-opacity)); + .lg\:border-colors-teal-100 { + border-color: var(--colors-teal-100, #e6fffa); } - .sm\:focus\:text-purple-500:focus { - --tw-text-opacity: 1; - color: rgba(139, 92, 246, var(--tw-text-opacity)); + .lg\:border-colors-teal-200 { + border-color: var(--colors-teal-200, #b2f5ea); } - .sm\:focus\:text-purple-600:focus { - --tw-text-opacity: 1; - color: rgba(124, 58, 237, var(--tw-text-opacity)); + .lg\:border-colors-teal-300 { + border-color: var(--colors-teal-300, #81e6d9); } - .sm\:focus\:text-purple-700:focus { - --tw-text-opacity: 1; - color: rgba(109, 40, 217, var(--tw-text-opacity)); + .lg\:border-colors-teal-400 { + border-color: var(--colors-teal-400, #4fd1c5); } - .sm\:focus\:text-purple-800:focus { - --tw-text-opacity: 1; - color: rgba(91, 33, 182, var(--tw-text-opacity)); + .lg\:border-colors-teal-500 { + border-color: var(--colors-teal-500, #38b2ac); } - .sm\:focus\:text-purple-900:focus { - --tw-text-opacity: 1; - color: rgba(76, 29, 149, var(--tw-text-opacity)); + .lg\:border-colors-teal-600 { + border-color: var(--colors-teal-600, #319795); } - .sm\:focus\:text-pink-50:focus { - --tw-text-opacity: 1; - color: rgba(253, 242, 248, var(--tw-text-opacity)); + .lg\:border-colors-teal-700 { + border-color: var(--colors-teal-700, #2c7a7b); } - .sm\:focus\:text-pink-100:focus { - --tw-text-opacity: 1; - color: rgba(252, 231, 243, var(--tw-text-opacity)); + .lg\:border-colors-teal-800 { + border-color: var(--colors-teal-800, #285e61); } - .sm\:focus\:text-pink-200:focus { - --tw-text-opacity: 1; - color: rgba(251, 207, 232, var(--tw-text-opacity)); + .lg\:border-colors-teal-900 { + border-color: var(--colors-teal-900, #234e52); } - .sm\:focus\:text-pink-300:focus { - --tw-text-opacity: 1; - color: rgba(249, 168, 212, var(--tw-text-opacity)); + .lg\:border-colors-blue-100 { + border-color: var(--colors-blue-100, #ebf8ff); } - .sm\:focus\:text-pink-400:focus { - --tw-text-opacity: 1; - color: rgba(244, 114, 182, var(--tw-text-opacity)); + .lg\:border-colors-blue-200 { + border-color: var(--colors-blue-200, #bee3f8); } - .sm\:focus\:text-pink-500:focus { - --tw-text-opacity: 1; - color: rgba(236, 72, 153, var(--tw-text-opacity)); + .lg\:border-colors-blue-300 { + border-color: var(--colors-blue-300, #90cdf4); } - .sm\:focus\:text-pink-600:focus { - --tw-text-opacity: 1; - color: rgba(219, 39, 119, var(--tw-text-opacity)); + .lg\:border-colors-blue-400 { + border-color: var(--colors-blue-400, #63b3ed); } - .sm\:focus\:text-pink-700:focus { - --tw-text-opacity: 1; - color: rgba(190, 24, 93, var(--tw-text-opacity)); + .lg\:border-colors-blue-500 { + border-color: var(--colors-blue-500, #4299e1); } - .sm\:focus\:text-pink-800:focus { - --tw-text-opacity: 1; - color: rgba(157, 23, 77, var(--tw-text-opacity)); + .lg\:border-colors-blue-600 { + border-color: var(--colors-blue-600, #3182ce); } - .sm\:focus\:text-pink-900:focus { - --tw-text-opacity: 1; - color: rgba(131, 24, 67, var(--tw-text-opacity)); + .lg\:border-colors-blue-700 { + border-color: var(--colors-blue-700, #2b6cb0); } - .sm\:text-opacity-0 { - --tw-text-opacity: 0; + .lg\:border-colors-blue-800 { + border-color: var(--colors-blue-800, #2c5282); } - .sm\:text-opacity-5 { - --tw-text-opacity: 0.05; + .lg\:border-colors-blue-900 { + border-color: var(--colors-blue-900, #2a4365); } - .sm\:text-opacity-10 { - --tw-text-opacity: 0.1; + .lg\:border-colors-indigo-100 { + border-color: var(--colors-indigo-100, #ebf4ff); } - .sm\:text-opacity-20 { - --tw-text-opacity: 0.2; + .lg\:border-colors-indigo-200 { + border-color: var(--colors-indigo-200, #c3dafe); } - .sm\:text-opacity-25 { - --tw-text-opacity: 0.25; + .lg\:border-colors-indigo-300 { + border-color: var(--colors-indigo-300, #a3bffa); } - .sm\:text-opacity-30 { - --tw-text-opacity: 0.3; + .lg\:border-colors-indigo-400 { + border-color: var(--colors-indigo-400, #7f9cf5); } - .sm\:text-opacity-40 { - --tw-text-opacity: 0.4; + .lg\:border-colors-indigo-500 { + border-color: var(--colors-indigo-500, #667eea); } - .sm\:text-opacity-50 { - --tw-text-opacity: 0.5; + .lg\:border-colors-indigo-600 { + border-color: var(--colors-indigo-600, #5a67d8); } - .sm\:text-opacity-60 { - --tw-text-opacity: 0.6; + .lg\:border-colors-indigo-700 { + border-color: var(--colors-indigo-700, #4c51bf); } - .sm\:text-opacity-70 { - --tw-text-opacity: 0.7; + .lg\:border-colors-indigo-800 { + border-color: var(--colors-indigo-800, #434190); } - .sm\:text-opacity-75 { - --tw-text-opacity: 0.75; + .lg\:border-colors-indigo-900 { + border-color: var(--colors-indigo-900, #3c366b); } - .sm\:text-opacity-80 { - --tw-text-opacity: 0.8; + .lg\:border-colors-purple-100 { + border-color: var(--colors-purple-100, #faf5ff); } - .sm\:text-opacity-90 { - --tw-text-opacity: 0.9; + .lg\:border-colors-purple-200 { + border-color: var(--colors-purple-200, #e9d8fd); } - .sm\:text-opacity-95 { - --tw-text-opacity: 0.95; + .lg\:border-colors-purple-300 { + border-color: var(--colors-purple-300, #d6bcfa); } - .sm\:text-opacity-100 { - --tw-text-opacity: 1; + .lg\:border-colors-purple-400 { + border-color: var(--colors-purple-400, #b794f4); } - .group:hover .sm\:group-hover\:text-opacity-0 { - --tw-text-opacity: 0; + .lg\:border-colors-purple-500 { + border-color: var(--colors-purple-500, #9f7aea); } - .group:hover .sm\:group-hover\:text-opacity-5 { - --tw-text-opacity: 0.05; + .lg\:border-colors-purple-600 { + border-color: var(--colors-purple-600, #805ad5); } - .group:hover .sm\:group-hover\:text-opacity-10 { - --tw-text-opacity: 0.1; + .lg\:border-colors-purple-700 { + border-color: var(--colors-purple-700, #6b46c1); } - .group:hover .sm\:group-hover\:text-opacity-20 { - --tw-text-opacity: 0.2; + .lg\:border-colors-purple-800 { + border-color: var(--colors-purple-800, #553c9a); } - .group:hover .sm\:group-hover\:text-opacity-25 { - --tw-text-opacity: 0.25; + .lg\:border-colors-purple-900 { + border-color: var(--colors-purple-900, #44337a); } - .group:hover .sm\:group-hover\:text-opacity-30 { - --tw-text-opacity: 0.3; + .lg\:border-colors-pink-100 { + border-color: var(--colors-pink-100, #fff5f7); } - .group:hover .sm\:group-hover\:text-opacity-40 { - --tw-text-opacity: 0.4; + .lg\:border-colors-pink-200 { + border-color: var(--colors-pink-200, #fed7e2); } - .group:hover .sm\:group-hover\:text-opacity-50 { - --tw-text-opacity: 0.5; + .lg\:border-colors-pink-300 { + border-color: var(--colors-pink-300, #fbb6ce); } - .group:hover .sm\:group-hover\:text-opacity-60 { - --tw-text-opacity: 0.6; + .lg\:border-colors-pink-400 { + border-color: var(--colors-pink-400, #f687b3); } - .group:hover .sm\:group-hover\:text-opacity-70 { - --tw-text-opacity: 0.7; + .lg\:border-colors-pink-500 { + border-color: var(--colors-pink-500, #ed64a6); } - .group:hover .sm\:group-hover\:text-opacity-75 { - --tw-text-opacity: 0.75; + .lg\:border-colors-pink-600 { + border-color: var(--colors-pink-600, #d53f8c); } - .group:hover .sm\:group-hover\:text-opacity-80 { - --tw-text-opacity: 0.8; + .lg\:border-colors-pink-700 { + border-color: var(--colors-pink-700, #b83280); } - .group:hover .sm\:group-hover\:text-opacity-90 { - --tw-text-opacity: 0.9; + .lg\:border-colors-pink-800 { + border-color: var(--colors-pink-800, #97266d); } - .group:hover .sm\:group-hover\:text-opacity-95 { - --tw-text-opacity: 0.95; + .lg\:border-colors-pink-900 { + border-color: var(--colors-pink-900, #702459); } - .group:hover .sm\:group-hover\:text-opacity-100 { - --tw-text-opacity: 1; + .lg\:border-Box\ Shadow { + border-color: var(--box-shadow, #7f7e7f); } - .sm\:focus-within\:text-opacity-0:focus-within { - --tw-text-opacity: 0; + .lg\:border-Error16 { + border-color: var(--error16, #f03d3e40); } - .sm\:focus-within\:text-opacity-5:focus-within { - --tw-text-opacity: 0.05; + .lg\:border-Success16 { + border-color: var(--success16, #5bb14d40); } - .sm\:focus-within\:text-opacity-10:focus-within { - --tw-text-opacity: 0.1; + .lg\:border-Notification16 { + border-color: var(--notification16, #3959ff40); } - .sm\:focus-within\:text-opacity-20:focus-within { - --tw-text-opacity: 0.2; + .lg\:border-Error8 { + border-color: var(--error8, #f03d3e1a); } - .sm\:focus-within\:text-opacity-25:focus-within { - --tw-text-opacity: 0.25; + .lg\:border-Notification8 { + border-color: var(--notification8, #3959ff1a); } - .sm\:focus-within\:text-opacity-30:focus-within { - --tw-text-opacity: 0.3; + .lg\:border-Success8 { + border-color: var(--success8, #5bb14d1a); } - .sm\:focus-within\:text-opacity-40:focus-within { - --tw-text-opacity: 0.4; + .lg\:border-Light\ -\ Overlay { + border-color: var(--light-overlay, #f0edee66); } - .sm\:focus-within\:text-opacity-50:focus-within { - --tw-text-opacity: 0.5; + .lg\:border-Dark-\ Overlay { + border-color: var(--dark-overlay, #7f7e7f66); } - .sm\:focus-within\:text-opacity-60:focus-within { - --tw-text-opacity: 0.6; + .lg\:border-black-40 { + border-color: var(--black-40, #00000066); } - .sm\:focus-within\:text-opacity-70:focus-within { - --tw-text-opacity: 0.7; + .lg\:border-black-75 { + border-color: var(--black-75, #000000bf); } - .sm\:focus-within\:text-opacity-75:focus-within { - --tw-text-opacity: 0.75; + .lg\:border-black-60 { + border-color: var(--black-60, #00000099); } - .sm\:focus-within\:text-opacity-80:focus-within { - --tw-text-opacity: 0.8; + .lg\:border-black-50 { + border-color: var(--black-50, #00000080); } - .sm\:focus-within\:text-opacity-90:focus-within { - --tw-text-opacity: 0.9; + .lg\:border-black-25 { + border-color: var(--black-25, #00000040); } - .sm\:focus-within\:text-opacity-95:focus-within { - --tw-text-opacity: 0.95; + .lg\:border-black-10 { + border-color: var(--black-10, #0000001a); } - .sm\:focus-within\:text-opacity-100:focus-within { - --tw-text-opacity: 1; + .lg\:border-white-25 { + border-color: var(--white-25, #ffffff40); } - .sm\:hover\:text-opacity-0:hover { - --tw-text-opacity: 0; + .lg\:border-white-60 { + border-color: var(--white-60, #ffffff99); } - .sm\:hover\:text-opacity-5:hover { - --tw-text-opacity: 0.05; + .lg\:border-black-64 { + border-color: var(--black-64, #000000a3); } - .sm\:hover\:text-opacity-10:hover { - --tw-text-opacity: 0.1; + .lg\:border-Shadow\ and\ Highlight-Shadow { + border-color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .sm\:hover\:text-opacity-20:hover { - --tw-text-opacity: 0.2; + .lg\:border-Shadow\ and\ Highlight-Highlight { + border-color: var(--shadow-and-highlight-highlight, #474747); } - .sm\:hover\:text-opacity-25:hover { - --tw-text-opacity: 0.25; + .lg\:border-Shadow\ and\ Highlight-highlight\ one { + border-color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .sm\:hover\:text-opacity-30:hover { - --tw-text-opacity: 0.3; + .lg\:border-Shadow\ and\ Highlight-highlight\ two { + border-color: var(--shadow-and-highlight-highlight-two, #47474799); } - .sm\:hover\:text-opacity-40:hover { - --tw-text-opacity: 0.4; + .lg\:border-Shadow\ and\ Highlight-highlight\ three { + border-color: var(--shadow-and-highlight-highlight-three, #47474766); } - .sm\:hover\:text-opacity-50:hover { - --tw-text-opacity: 0.5; + .lg\:border-Shadow\ and\ Highlight-highlight\ five { + border-color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .sm\:hover\:text-opacity-60:hover { - --tw-text-opacity: 0.6; + .lg\:border-Shadow\ and\ Highlight-shadow\ one { + border-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .sm\:hover\:text-opacity-70:hover { - --tw-text-opacity: 0.7; + .lg\:border-Shadow\ and\ Highlight-shadow\ two { + border-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .sm\:hover\:text-opacity-75:hover { - --tw-text-opacity: 0.75; + .lg\:border-Shadow\ and\ Highlight-shadow\ three { + border-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .sm\:hover\:text-opacity-80:hover { - --tw-text-opacity: 0.8; + .lg\:border-Shadow\ and\ Highlight-shadow\ four { + border-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .sm\:hover\:text-opacity-90:hover { - --tw-text-opacity: 0.9; + .lg\:border-Shadow\ and\ Highlight-shadow\ five { + border-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .sm\:hover\:text-opacity-95:hover { - --tw-text-opacity: 0.95; + .lg\:border-Shadow\ and\ Highlight-highlight\ four { + border-color: var(--shadow-and-highlight-highlight-four, #47474740); } - .sm\:hover\:text-opacity-100:hover { - --tw-text-opacity: 1; + .lg\:border-Base\ Layer\ Styles-Base\ Layer-\ Light-White { + border-color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .sm\:focus\:text-opacity-0:focus { - --tw-text-opacity: 0; + .lg\:border-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite { + border-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .sm\:focus\:text-opacity-5:focus { - --tw-text-opacity: 0.05; + .lg\:border-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack { + border-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .sm\:focus\:text-opacity-10:focus { - --tw-text-opacity: 0.1; + .lg\:border-Base\ Layer\ Styles-Base\ Layer-Dark-Black { + border-color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .sm\:focus\:text-opacity-20:focus { - --tw-text-opacity: 0.2; + .lg\:border-Grey-Scale-white { + border-color: var(--grey-scale-white, #ffffff); } - .sm\:focus\:text-opacity-25:focus { - --tw-text-opacity: 0.25; + .lg\:border-Grey-Scale-off-white { + border-color: var(--grey-scale-off-white, #f0edee); } - .sm\:focus\:text-opacity-30:focus { - --tw-text-opacity: 0.3; + .lg\:border-Grey\ Scale-grey { + border-color: var(--grey-scale-grey, #7f7e7f); } - .sm\:focus\:text-opacity-40:focus { - --tw-text-opacity: 0.4; + .lg\:border-Grey\ Scale-charcoal { + border-color: var(--grey-scale-charcoal, #474747); } - .sm\:focus\:text-opacity-50:focus { - --tw-text-opacity: 0.5; + .lg\:border-Grey\ Scale-off-black { + border-color: var(--grey-scale-off-black, #1c1c1c); } - .sm\:focus\:text-opacity-60:focus { - --tw-text-opacity: 0.6; + .lg\:border-Grey\ Scale-black { + border-color: var(--grey-scale-black, #000000); } - .sm\:focus\:text-opacity-70:focus { - --tw-text-opacity: 0.7; + .lg\:border-Blue-blue { + border-color: var(--blue-blue, #3a7ca5); } - .sm\:focus\:text-opacity-75:focus { - --tw-text-opacity: 0.75; + .lg\:border-Blue-blue-100 { + border-color: var(--blue-blue-100, #75a3c0); } - .sm\:focus\:text-opacity-80:focus { - --tw-text-opacity: 0.8; + .lg\:border-Blue-blue-200 { + border-color: var(--blue-blue-200, #9cbed2); } - .sm\:focus\:text-opacity-90:focus { - --tw-text-opacity: 0.9; + .lg\:border-Blue-blue-300 { + border-color: var(--blue-blue-300, #4f7d9a); } - .sm\:focus\:text-opacity-95:focus { - --tw-text-opacity: 0.95; + .lg\:border-Blue-blue-400 { + border-color: var(--blue-blue-400, #5c7d92); } - .sm\:focus\:text-opacity-100:focus { - --tw-text-opacity: 1; + .lg\:border-Blue-blue-500 { + border-color: var(--blue-blue-500, #347095); } - .sm\:underline { - text-decoration: underline; + .lg\:border-Blue-blue-600 { + border-color: var(--blue-blue-600, #295774); } - .sm\:line-through { - text-decoration: line-through; + .lg\:border-Blue-blue-700 { + border-color: var(--blue-blue-700, #173242); } - .sm\:no-underline { - text-decoration: none; + .lg\:border-LightBlue-lightblue { + border-color: var(--light-blue-lightblue, #81c3d7); } - .group:hover .sm\:group-hover\:underline { - text-decoration: underline; + .lg\:border-LightBlue-lightblue-100 { + border-color: var(--light-blue-lightblue-100, #a7d5e3); } - .group:hover .sm\:group-hover\:line-through { - text-decoration: line-through; + .lg\:border-LightBlue-lightblue-200 { + border-color: var(--light-blue-lightblue-200, #c0e1eb); } - .group:hover .sm\:group-hover\:no-underline { - text-decoration: none; + .lg\:border-LightBlue-lightblue-300 { + border-color: var(--light-blue-lightblue-300, #80aebd); } - .sm\:focus-within\:underline:focus-within { - text-decoration: underline; + .lg\:border-LightBlue-lightblue-400 { + border-color: var(--light-blue-lightblue-400, #80a0ab); } - .sm\:focus-within\:line-through:focus-within { - text-decoration: line-through; + .lg\:border-LightBlue-lightblue-500 { + border-color: var(--light-blue-lightblue-500, #74afc1); } - .sm\:focus-within\:no-underline:focus-within { - text-decoration: none; + .lg\:border-LightBlue-lightblue-600 { + border-color: var(--light-blue-lightblue-600, #5a8997); } - .sm\:hover\:underline:hover { - text-decoration: underline; + .lg\:border-LightBlue-lightblue-650 { + border-color: var(--light-blue-lightblue-650, #3e5e65); } - .sm\:hover\:line-through:hover { - text-decoration: line-through; + .lg\:border-LightBlue-lightblue-700 { + border-color: var(--light-blue-lightblue-700, #344e56); } - .sm\:hover\:no-underline:hover { - text-decoration: none; + .lg\:border-Orange-orange { + border-color: var(--orange-orange, #ff7f0e); } - .sm\:focus\:underline:focus { - text-decoration: underline; + .lg\:border-Orange-orange-100 { + border-color: var(--orange-orange-100, #ffa556); } - .sm\:focus\:line-through:focus { - text-decoration: line-through; + .lg\:border-Orange-orange-200 { + border-color: var(--orange-orange-200, #ffbf86); } - .sm\:focus\:no-underline:focus { - text-decoration: none; + .lg\:border-Orange-orange-300 { + border-color: var(--orange-orange-300, #d97f30); } - .sm\:antialiased { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; + .lg\:border-Orange-orange-400 { + border-color: var(--orange-orange-400, #bf7e46); } - .sm\:subpixel-antialiased { - -webkit-font-smoothing: auto; - -moz-osx-font-smoothing: auto; + .lg\:border-Orange-orange-500 { + border-color: var(--orange-orange-500, #e5720d); } - .sm\:placeholder-transparent::-moz-placeholder { - color: transparent; + .lg\:border-Orange-orange-600 { + border-color: var(--orange-orange-600, #b3590a); } - .sm\:placeholder-transparent::placeholder { - color: transparent; + .lg\:border-Orange-orange-700 { + border-color: var(--orange-orange-700, #663306); } - .sm\:placeholder-current::-moz-placeholder { - color: currentColor; + .lg\:border-Yellow-yellow { + border-color: var(--yellow-yellow, #ffab00); } - .sm\:placeholder-current::placeholder { - color: currentColor; + .lg\:border-Yellow-yellow-100 { + border-color: var(--yellow-yellow-100, #ffc44c); } - .sm\:placeholder-black::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(0, 0, 0, var(--tw-placeholder-opacity)); + .lg\:border-Yellow-yellow-200 { + border-color: var(--yellow-yellow-200, #ffd580); } - .sm\:placeholder-black::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(0, 0, 0, var(--tw-placeholder-opacity)); + .lg\:border-Yellow-yellow-300 { + border-color: var(--yellow-yellow-300, #d99d26); } - .sm\:placeholder-white::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(255, 255, 255, var(--tw-placeholder-opacity)); + .lg\:border-Yellow-yellow-400 { + border-color: var(--yellow-yellow-400, #bf943f); } - .sm\:placeholder-white::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(255, 255, 255, var(--tw-placeholder-opacity)); + .lg\:border-Yellow-yellow-500 { + border-color: var(--yellow-yellow-500, #e59a00); } - .sm\:placeholder-gray-50::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(249, 250, 251, var(--tw-placeholder-opacity)); + .lg\:border-Yellow-yellow-600 { + border-color: var(--yellow-yellow-600, #b37800); } - .sm\:placeholder-gray-50::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(249, 250, 251, var(--tw-placeholder-opacity)); + .lg\:border-Yellow-yellow-700 { + border-color: var(--yellow-yellow-700, #664400); } - .sm\:placeholder-gray-100::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(243, 244, 246, var(--tw-placeholder-opacity)); + .lg\:border-Notification-notification { + border-color: var(--notification-notification, #3959ff); } - .sm\:placeholder-gray-100::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(243, 244, 246, var(--tw-placeholder-opacity)); + .lg\:border-Notification-notification-100 { + border-color: var(--notification-notification-100, #748bff); } - .sm\:placeholder-gray-200::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(229, 231, 235, var(--tw-placeholder-opacity)); + .lg\:border-Notification-notification-200 { + border-color: var(--notification-notification-200, #9cacff); } - .sm\:placeholder-gray-200::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(229, 231, 235, var(--tw-placeholder-opacity)); + .lg\:border-Notification-notification-300 { + border-color: var(--notification-notification-300, #4e64d9); } - .sm\:placeholder-gray-300::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(209, 213, 219, var(--tw-placeholder-opacity)); + .lg\:border-Notification-notification-400 { + border-color: var(--notification-notification-400, #5c6cbf); } - .sm\:placeholder-gray-300::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(209, 213, 219, var(--tw-placeholder-opacity)); + .lg\:border-Notification-notification-500 { + border-color: var(--notification-notification-500, #3350e5); } - .sm\:placeholder-gray-400::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(156, 163, 175, var(--tw-placeholder-opacity)); + .lg\:border-Notification-notification-600 { + border-color: var(--notification-notification-600, #283eb3); } - .sm\:placeholder-gray-400::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(156, 163, 175, var(--tw-placeholder-opacity)); + .lg\:border-Notification-notification-700 { + border-color: var(--notification-notification-700, #172466); } - .sm\:placeholder-gray-500::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(107, 114, 128, var(--tw-placeholder-opacity)); + .lg\:border-Success-success\ -700 { + border-color: var(--success-success-700, #24471f); } - .sm\:placeholder-gray-500::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(107, 114, 128, var(--tw-placeholder-opacity)); + .lg\:border-Success-success { + border-color: var(--success-success, #5bb14d); } - .sm\:placeholder-gray-600::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(75, 85, 99, var(--tw-placeholder-opacity)); + .lg\:border-Success-success\ -100 { + border-color: var(--success-success-100, #8cc882); } - .sm\:placeholder-gray-600::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(75, 85, 99, var(--tw-placeholder-opacity)); + .lg\:border-Success-success\ -200 { + border-color: var(--success-success-200, #add8a6); } - .sm\:placeholder-gray-700::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(55, 65, 81, var(--tw-placeholder-opacity)); + .lg\:border-Success-success\ -300 { + border-color: var(--success-success-300, #66a25c); } - .sm\:placeholder-gray-700::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(55, 65, 81, var(--tw-placeholder-opacity)); + .lg\:border-Success-success\ -400 { + border-color: var(--success-success-400, #6d9766); } - .sm\:placeholder-gray-800::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(31, 41, 55, var(--tw-placeholder-opacity)); + .lg\:border-Success-success\ -500 { + border-color: var(--success-success-500, #529f45); } - .sm\:placeholder-gray-800::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(31, 41, 55, var(--tw-placeholder-opacity)); + .lg\:border-Success-success\ -600 { + border-color: var(--success-success-600, #407c36); } - .sm\:placeholder-gray-900::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(17, 24, 39, var(--tw-placeholder-opacity)); + .lg\:border-Error-error { + border-color: var(--error-error, #f03d3e); } - .sm\:placeholder-gray-900::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(17, 24, 39, var(--tw-placeholder-opacity)); + .lg\:border-Error-error-100 { + border-color: var(--error-error-100, #f57778); } - .sm\:placeholder-red-50::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 242, 242, var(--tw-placeholder-opacity)); + .lg\:border-Error-error-200 { + border-color: var(--error-error-200, #f89e9e); } - .sm\:placeholder-red-50::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 242, 242, var(--tw-placeholder-opacity)); + .lg\:border-Error-error-250 { + border-color: var(--error-error-250, #f9c8c8); } - .sm\:placeholder-red-100::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 226, 226, var(--tw-placeholder-opacity)); + .lg\:border-Error-error-300 { + border-color: var(--error-error-300, #ce5151); } - .sm\:placeholder-red-100::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 226, 226, var(--tw-placeholder-opacity)); + .lg\:border-Error-error-400 { + border-color: var(--error-error-400, #b85e5e); } - .sm\:placeholder-red-200::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 202, 202, var(--tw-placeholder-opacity)); + .lg\:border-Error-error-500 { + border-color: var(--error-error-500, #d83738); } - .sm\:placeholder-red-200::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 202, 202, var(--tw-placeholder-opacity)); + .lg\:border-Error-error-600 { + border-color: var(--error-error-600, #a82b2b); } - .sm\:placeholder-red-300::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(252, 165, 165, var(--tw-placeholder-opacity)); + .lg\:border-Error-error-700 { + border-color: var(--error-error-700, #601819); } - .sm\:placeholder-red-300::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(252, 165, 165, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-black { + border-color: var(--colors-black, #000000); } - .sm\:placeholder-red-400::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(248, 113, 113, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-white { + border-color: var(--colors-white, #ffffff); } - .sm\:placeholder-red-400::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(248, 113, 113, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-gray-100 { + border-color: var(--colors-gray-100, #f7fafc); } - .sm\:placeholder-red-500::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(239, 68, 68, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-gray-200 { + border-color: var(--colors-gray-200, #edf2f7); } - .sm\:placeholder-red-500::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(239, 68, 68, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-gray-300 { + border-color: var(--colors-gray-300, #e2e8f0); } - .sm\:placeholder-red-600::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(220, 38, 38, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-gray-400 { + border-color: var(--colors-gray-400, #cbd5e0); } - .sm\:placeholder-red-600::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(220, 38, 38, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-gray-500 { + border-color: var(--colors-gray-500, #a0aec0); } - .sm\:placeholder-red-700::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(185, 28, 28, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-gray-600 { + border-color: var(--colors-gray-600, #718096); } - .sm\:placeholder-red-700::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(185, 28, 28, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-gray-700 { + border-color: var(--colors-gray-700, #4a5568); } - .sm\:placeholder-red-800::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(153, 27, 27, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-gray-800 { + border-color: var(--colors-gray-800, #2d3748); } - .sm\:placeholder-red-800::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(153, 27, 27, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-gray-900 { + border-color: var(--colors-gray-900, #1a202c); } - .sm\:placeholder-red-900::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(127, 29, 29, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-red-100 { + border-color: var(--colors-red-100, #fff5f5); } - .sm\:placeholder-red-900::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(127, 29, 29, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-red-200 { + border-color: var(--colors-red-200, #fed7d7); } - .sm\:placeholder-yellow-50::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(255, 251, 235, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-red-300 { + border-color: var(--colors-red-300, #feb2b2); } - .sm\:placeholder-yellow-50::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(255, 251, 235, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-red-400 { + border-color: var(--colors-red-400, #fc8181); } - .sm\:placeholder-yellow-100::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 243, 199, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-red-500 { + border-color: var(--colors-red-500, #f56565); } - .sm\:placeholder-yellow-100::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 243, 199, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-red-600 { + border-color: var(--colors-red-600, #e53e3e); } - .sm\:placeholder-yellow-200::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(253, 230, 138, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-red-700 { + border-color: var(--colors-red-700, #c53030); } - .sm\:placeholder-yellow-200::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(253, 230, 138, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-red-800 { + border-color: var(--colors-red-800, #9b2c2c); } - .sm\:placeholder-yellow-300::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(252, 211, 77, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-red-900 { + border-color: var(--colors-red-900, #742a2a); } - .sm\:placeholder-yellow-300::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(252, 211, 77, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-orange-100 { + border-color: var(--colors-orange-100, #fffaf0); } - .sm\:placeholder-yellow-400::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(251, 191, 36, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-orange-200 { + border-color: var(--colors-orange-200, #feebc8); } - .sm\:placeholder-yellow-400::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(251, 191, 36, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-orange-300 { + border-color: var(--colors-orange-300, #fbd38d); } - .sm\:placeholder-yellow-500::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(245, 158, 11, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-orange-400 { + border-color: var(--colors-orange-400, #f6ad55); } - .sm\:placeholder-yellow-500::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(245, 158, 11, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-orange-500 { + border-color: var(--colors-orange-500, #ed8936); } - .sm\:placeholder-yellow-600::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(217, 119, 6, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-orange-600 { + border-color: var(--colors-orange-600, #dd6b20); } - .sm\:placeholder-yellow-600::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(217, 119, 6, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-orange-700 { + border-color: var(--colors-orange-700, #c05621); } - .sm\:placeholder-yellow-700::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(180, 83, 9, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-orange-800 { + border-color: var(--colors-orange-800, #9c4221); } - .sm\:placeholder-yellow-700::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(180, 83, 9, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-orange-900 { + border-color: var(--colors-orange-900, #7b341e); } - .sm\:placeholder-yellow-800::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(146, 64, 14, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-yellow-100 { + border-color: var(--colors-yellow-100, #fffff0); } - .sm\:placeholder-yellow-800::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(146, 64, 14, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-yellow-200 { + border-color: var(--colors-yellow-200, #fefcbf); } - .sm\:placeholder-yellow-900::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(120, 53, 15, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-yellow-300 { + border-color: var(--colors-yellow-300, #faf089); } - .sm\:placeholder-yellow-900::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(120, 53, 15, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-yellow-400 { + border-color: var(--colors-yellow-400, #f6e05e); } - .sm\:placeholder-green-50::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(236, 253, 245, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-yellow-500 { + border-color: var(--colors-yellow-500, #ecc94b); } - .sm\:placeholder-green-50::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(236, 253, 245, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-yellow-600 { + border-color: var(--colors-yellow-600, #d69e2e); } - .sm\:placeholder-green-100::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(209, 250, 229, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-yellow-700 { + border-color: var(--colors-yellow-700, #b7791f); } - .sm\:placeholder-green-100::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(209, 250, 229, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-yellow-800 { + border-color: var(--colors-yellow-800, #975a16); } - .sm\:placeholder-green-200::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(167, 243, 208, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-yellow-900 { + border-color: var(--colors-yellow-900, #744210); } - .sm\:placeholder-green-200::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(167, 243, 208, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-green-100 { + border-color: var(--colors-green-100, #f0fff4); } - .sm\:placeholder-green-300::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(110, 231, 183, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-green-200 { + border-color: var(--colors-green-200, #c6f6d5); } - .sm\:placeholder-green-300::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(110, 231, 183, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-green-300 { + border-color: var(--colors-green-300, #9ae6b4); } - .sm\:placeholder-green-400::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(52, 211, 153, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-green-400 { + border-color: var(--colors-green-400, #68d391); } - .sm\:placeholder-green-400::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(52, 211, 153, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-green-500 { + border-color: var(--colors-green-500, #48bb78); } - .sm\:placeholder-green-500::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(16, 185, 129, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-green-600 { + border-color: var(--colors-green-600, #38a169); } - .sm\:placeholder-green-500::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(16, 185, 129, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-green-700 { + border-color: var(--colors-green-700, #2f855a); } - .sm\:placeholder-green-600::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(5, 150, 105, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-green-800 { + border-color: var(--colors-green-800, #276749); } - .sm\:placeholder-green-600::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(5, 150, 105, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-green-900 { + border-color: var(--colors-green-900, #22543d); } - .sm\:placeholder-green-700::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(4, 120, 87, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-teal-100 { + border-color: var(--colors-teal-100, #e6fffa); } - .sm\:placeholder-green-700::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(4, 120, 87, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-teal-200 { + border-color: var(--colors-teal-200, #b2f5ea); } - .sm\:placeholder-green-800::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(6, 95, 70, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-teal-300 { + border-color: var(--colors-teal-300, #81e6d9); } - .sm\:placeholder-green-800::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(6, 95, 70, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-teal-400 { + border-color: var(--colors-teal-400, #4fd1c5); } - .sm\:placeholder-green-900::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(6, 78, 59, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-teal-500 { + border-color: var(--colors-teal-500, #38b2ac); } - .sm\:placeholder-green-900::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(6, 78, 59, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-teal-600 { + border-color: var(--colors-teal-600, #319795); } - .sm\:placeholder-blue-50::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(239, 246, 255, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-teal-700 { + border-color: var(--colors-teal-700, #2c7a7b); } - .sm\:placeholder-blue-50::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(239, 246, 255, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-teal-800 { + border-color: var(--colors-teal-800, #285e61); } - .sm\:placeholder-blue-100::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(219, 234, 254, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-teal-900 { + border-color: var(--colors-teal-900, #234e52); } - .sm\:placeholder-blue-100::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(219, 234, 254, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-blue-100 { + border-color: var(--colors-blue-100, #ebf8ff); } - .sm\:placeholder-blue-200::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(191, 219, 254, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-blue-200 { + border-color: var(--colors-blue-200, #bee3f8); } - .sm\:placeholder-blue-200::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(191, 219, 254, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-blue-300 { + border-color: var(--colors-blue-300, #90cdf4); } - .sm\:placeholder-blue-300::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(147, 197, 253, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-blue-400 { + border-color: var(--colors-blue-400, #63b3ed); } - .sm\:placeholder-blue-300::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(147, 197, 253, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-blue-500 { + border-color: var(--colors-blue-500, #4299e1); } - .sm\:placeholder-blue-400::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(96, 165, 250, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-blue-600 { + border-color: var(--colors-blue-600, #3182ce); } - .sm\:placeholder-blue-400::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(96, 165, 250, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-blue-700 { + border-color: var(--colors-blue-700, #2b6cb0); } - .sm\:placeholder-blue-500::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(59, 130, 246, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-blue-800 { + border-color: var(--colors-blue-800, #2c5282); } - .sm\:placeholder-blue-500::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(59, 130, 246, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-blue-900 { + border-color: var(--colors-blue-900, #2a4365); } - .sm\:placeholder-blue-600::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(37, 99, 235, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-indigo-100 { + border-color: var(--colors-indigo-100, #ebf4ff); } - .sm\:placeholder-blue-600::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(37, 99, 235, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-indigo-200 { + border-color: var(--colors-indigo-200, #c3dafe); } - .sm\:placeholder-blue-700::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(29, 78, 216, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-indigo-300 { + border-color: var(--colors-indigo-300, #a3bffa); } - .sm\:placeholder-blue-700::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(29, 78, 216, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-indigo-400 { + border-color: var(--colors-indigo-400, #7f9cf5); } - .sm\:placeholder-blue-800::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(30, 64, 175, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-indigo-500 { + border-color: var(--colors-indigo-500, #667eea); } - .sm\:placeholder-blue-800::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(30, 64, 175, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-indigo-600 { + border-color: var(--colors-indigo-600, #5a67d8); } - .sm\:placeholder-blue-900::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(30, 58, 138, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-indigo-700 { + border-color: var(--colors-indigo-700, #4c51bf); } - .sm\:placeholder-blue-900::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(30, 58, 138, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-indigo-800 { + border-color: var(--colors-indigo-800, #434190); } - .sm\:placeholder-indigo-50::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(238, 242, 255, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-indigo-900 { + border-color: var(--colors-indigo-900, #3c366b); } - .sm\:placeholder-indigo-50::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(238, 242, 255, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-purple-100 { + border-color: var(--colors-purple-100, #faf5ff); } - .sm\:placeholder-indigo-100::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(224, 231, 255, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-purple-200 { + border-color: var(--colors-purple-200, #e9d8fd); } - .sm\:placeholder-indigo-100::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(224, 231, 255, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-purple-300 { + border-color: var(--colors-purple-300, #d6bcfa); } - .sm\:placeholder-indigo-200::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(199, 210, 254, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-purple-400 { + border-color: var(--colors-purple-400, #b794f4); } - .sm\:placeholder-indigo-200::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(199, 210, 254, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-purple-500 { + border-color: var(--colors-purple-500, #9f7aea); } - .sm\:placeholder-indigo-300::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(165, 180, 252, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-purple-600 { + border-color: var(--colors-purple-600, #805ad5); } - .sm\:placeholder-indigo-300::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(165, 180, 252, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-purple-700 { + border-color: var(--colors-purple-700, #6b46c1); } - .sm\:placeholder-indigo-400::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(129, 140, 248, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-purple-800 { + border-color: var(--colors-purple-800, #553c9a); } - .sm\:placeholder-indigo-400::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(129, 140, 248, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-purple-900 { + border-color: var(--colors-purple-900, #44337a); } - .sm\:placeholder-indigo-500::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(99, 102, 241, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-pink-100 { + border-color: var(--colors-pink-100, #fff5f7); } - .sm\:placeholder-indigo-500::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(99, 102, 241, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-pink-200 { + border-color: var(--colors-pink-200, #fed7e2); } - .sm\:placeholder-indigo-600::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(79, 70, 229, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-pink-300 { + border-color: var(--colors-pink-300, #fbb6ce); } - .sm\:placeholder-indigo-600::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(79, 70, 229, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-pink-400 { + border-color: var(--colors-pink-400, #f687b3); } - .sm\:placeholder-indigo-700::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(67, 56, 202, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-pink-500 { + border-color: var(--colors-pink-500, #ed64a6); } - .sm\:placeholder-indigo-700::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(67, 56, 202, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-pink-600 { + border-color: var(--colors-pink-600, #d53f8c); } - .sm\:placeholder-indigo-800::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(55, 48, 163, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-pink-700 { + border-color: var(--colors-pink-700, #b83280); } - .sm\:placeholder-indigo-800::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(55, 48, 163, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-pink-800 { + border-color: var(--colors-pink-800, #97266d); } - .sm\:placeholder-indigo-900::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(49, 46, 129, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-colors-pink-900 { + border-color: var(--colors-pink-900, #702459); } - .sm\:placeholder-indigo-900::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(49, 46, 129, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-Box\ Shadow { + border-color: var(--box-shadow, #7f7e7f); } - .sm\:placeholder-purple-50::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(245, 243, 255, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-Error16 { + border-color: var(--error16, #f03d3e40); } - .sm\:placeholder-purple-50::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(245, 243, 255, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-Success16 { + border-color: var(--success16, #5bb14d40); } - .sm\:placeholder-purple-100::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(237, 233, 254, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-Notification16 { + border-color: var(--notification16, #3959ff40); } - .sm\:placeholder-purple-100::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(237, 233, 254, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-Error8 { + border-color: var(--error8, #f03d3e1a); } - .sm\:placeholder-purple-200::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(221, 214, 254, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-Notification8 { + border-color: var(--notification8, #3959ff1a); } - .sm\:placeholder-purple-200::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(221, 214, 254, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-Success8 { + border-color: var(--success8, #5bb14d1a); } - .sm\:placeholder-purple-300::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(196, 181, 253, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-Light\ -\ Overlay { + border-color: var(--light-overlay, #f0edee66); } - .sm\:placeholder-purple-300::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(196, 181, 253, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-Dark-\ Overlay { + border-color: var(--dark-overlay, #7f7e7f66); } - .sm\:placeholder-purple-400::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(167, 139, 250, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-black-40 { + border-color: var(--black-40, #00000066); } - .sm\:placeholder-purple-400::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(167, 139, 250, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-black-75 { + border-color: var(--black-75, #000000bf); } - .sm\:placeholder-purple-500::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(139, 92, 246, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-black-60 { + border-color: var(--black-60, #00000099); } - .sm\:placeholder-purple-500::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(139, 92, 246, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-black-50 { + border-color: var(--black-50, #00000080); } - .sm\:placeholder-purple-600::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(124, 58, 237, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-black-25 { + border-color: var(--black-25, #00000040); } - .sm\:placeholder-purple-600::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(124, 58, 237, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-black-10 { + border-color: var(--black-10, #0000001a); } - .sm\:placeholder-purple-700::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(109, 40, 217, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-white-25 { + border-color: var(--white-25, #ffffff40); } - .sm\:placeholder-purple-700::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(109, 40, 217, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-white-60 { + border-color: var(--white-60, #ffffff99); } - .sm\:placeholder-purple-800::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(91, 33, 182, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-black-64 { + border-color: var(--black-64, #000000a3); } - .sm\:placeholder-purple-800::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(91, 33, 182, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-Shadow\ and\ Highlight-Shadow { + border-color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .sm\:placeholder-purple-900::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(76, 29, 149, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-Shadow\ and\ Highlight-Highlight { + border-color: var(--shadow-and-highlight-highlight, #474747); } - .sm\:placeholder-purple-900::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(76, 29, 149, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-Shadow\ and\ Highlight-highlight\ one { + border-color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .sm\:placeholder-pink-50::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(253, 242, 248, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-Shadow\ and\ Highlight-highlight\ two { + border-color: var(--shadow-and-highlight-highlight-two, #47474799); } - .sm\:placeholder-pink-50::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(253, 242, 248, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-Shadow\ and\ Highlight-highlight\ three { + border-color: var(--shadow-and-highlight-highlight-three, #47474766); } - .sm\:placeholder-pink-100::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(252, 231, 243, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-Shadow\ and\ Highlight-highlight\ five { + border-color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .sm\:placeholder-pink-100::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(252, 231, 243, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-Shadow\ and\ Highlight-shadow\ one { + border-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .sm\:placeholder-pink-200::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(251, 207, 232, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-Shadow\ and\ Highlight-shadow\ two { + border-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .sm\:placeholder-pink-200::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(251, 207, 232, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-Shadow\ and\ Highlight-shadow\ three { + border-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .sm\:placeholder-pink-300::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(249, 168, 212, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-Shadow\ and\ Highlight-shadow\ four { + border-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .sm\:placeholder-pink-300::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(249, 168, 212, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-Shadow\ and\ Highlight-shadow\ five { + border-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .sm\:placeholder-pink-400::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(244, 114, 182, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-Shadow\ and\ Highlight-highlight\ four { + border-color: var(--shadow-and-highlight-highlight-four, #47474740); } - .sm\:placeholder-pink-400::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(244, 114, 182, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-Base\ Layer\ Styles-Base\ Layer-\ Light-White { + border-color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .sm\:placeholder-pink-500::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(236, 72, 153, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite { + border-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .sm\:placeholder-pink-500::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(236, 72, 153, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack { + border-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .sm\:placeholder-pink-600::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(219, 39, 119, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-Base\ Layer\ Styles-Base\ Layer-Dark-Black { + border-color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .sm\:placeholder-pink-600::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(219, 39, 119, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-Grey-Scale-white { + border-color: var(--grey-scale-white, #ffffff); } - .sm\:placeholder-pink-700::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(190, 24, 93, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-Grey-Scale-off-white { + border-color: var(--grey-scale-off-white, #f0edee); } - .sm\:placeholder-pink-700::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(190, 24, 93, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-Grey\ Scale-grey { + border-color: var(--grey-scale-grey, #7f7e7f); } - .sm\:placeholder-pink-800::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(157, 23, 77, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-Grey\ Scale-charcoal { + border-color: var(--grey-scale-charcoal, #474747); } - .sm\:placeholder-pink-800::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(157, 23, 77, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-Grey\ Scale-off-black { + border-color: var(--grey-scale-off-black, #1c1c1c); } - .sm\:placeholder-pink-900::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(131, 24, 67, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-Grey\ Scale-black { + border-color: var(--grey-scale-black, #000000); } - .sm\:placeholder-pink-900::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(131, 24, 67, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-Blue-blue { + border-color: var(--blue-blue, #3a7ca5); } - .sm\:focus\:placeholder-transparent:focus::-moz-placeholder { - color: transparent; + .group:hover .lg\:group-hover\:border-Blue-blue-100 { + border-color: var(--blue-blue-100, #75a3c0); } - .sm\:focus\:placeholder-transparent:focus::placeholder { - color: transparent; + .group:hover .lg\:group-hover\:border-Blue-blue-200 { + border-color: var(--blue-blue-200, #9cbed2); } - .sm\:focus\:placeholder-current:focus::-moz-placeholder { - color: currentColor; + .group:hover .lg\:group-hover\:border-Blue-blue-300 { + border-color: var(--blue-blue-300, #4f7d9a); } - .sm\:focus\:placeholder-current:focus::placeholder { - color: currentColor; + .group:hover .lg\:group-hover\:border-Blue-blue-400 { + border-color: var(--blue-blue-400, #5c7d92); } - .sm\:focus\:placeholder-black:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(0, 0, 0, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-Blue-blue-500 { + border-color: var(--blue-blue-500, #347095); } - .sm\:focus\:placeholder-black:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(0, 0, 0, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-Blue-blue-600 { + border-color: var(--blue-blue-600, #295774); } - .sm\:focus\:placeholder-white:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(255, 255, 255, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-Blue-blue-700 { + border-color: var(--blue-blue-700, #173242); } - .sm\:focus\:placeholder-white:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(255, 255, 255, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-LightBlue-lightblue { + border-color: var(--light-blue-lightblue, #81c3d7); } - .sm\:focus\:placeholder-gray-50:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(249, 250, 251, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-LightBlue-lightblue-100 { + border-color: var(--light-blue-lightblue-100, #a7d5e3); } - .sm\:focus\:placeholder-gray-50:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(249, 250, 251, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-LightBlue-lightblue-200 { + border-color: var(--light-blue-lightblue-200, #c0e1eb); } - .sm\:focus\:placeholder-gray-100:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(243, 244, 246, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-LightBlue-lightblue-300 { + border-color: var(--light-blue-lightblue-300, #80aebd); } - .sm\:focus\:placeholder-gray-100:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(243, 244, 246, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-LightBlue-lightblue-400 { + border-color: var(--light-blue-lightblue-400, #80a0ab); } - .sm\:focus\:placeholder-gray-200:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(229, 231, 235, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-LightBlue-lightblue-500 { + border-color: var(--light-blue-lightblue-500, #74afc1); } - .sm\:focus\:placeholder-gray-200:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(229, 231, 235, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-LightBlue-lightblue-600 { + border-color: var(--light-blue-lightblue-600, #5a8997); } - .sm\:focus\:placeholder-gray-300:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(209, 213, 219, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-LightBlue-lightblue-650 { + border-color: var(--light-blue-lightblue-650, #3e5e65); } - .sm\:focus\:placeholder-gray-300:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(209, 213, 219, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-LightBlue-lightblue-700 { + border-color: var(--light-blue-lightblue-700, #344e56); } - .sm\:focus\:placeholder-gray-400:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(156, 163, 175, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-Orange-orange { + border-color: var(--orange-orange, #ff7f0e); } - .sm\:focus\:placeholder-gray-400:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(156, 163, 175, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-Orange-orange-100 { + border-color: var(--orange-orange-100, #ffa556); } - .sm\:focus\:placeholder-gray-500:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(107, 114, 128, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-Orange-orange-200 { + border-color: var(--orange-orange-200, #ffbf86); } - .sm\:focus\:placeholder-gray-500:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(107, 114, 128, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-Orange-orange-300 { + border-color: var(--orange-orange-300, #d97f30); } - .sm\:focus\:placeholder-gray-600:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(75, 85, 99, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-Orange-orange-400 { + border-color: var(--orange-orange-400, #bf7e46); } - .sm\:focus\:placeholder-gray-600:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(75, 85, 99, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-Orange-orange-500 { + border-color: var(--orange-orange-500, #e5720d); } - .sm\:focus\:placeholder-gray-700:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(55, 65, 81, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-Orange-orange-600 { + border-color: var(--orange-orange-600, #b3590a); } - .sm\:focus\:placeholder-gray-700:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(55, 65, 81, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-Orange-orange-700 { + border-color: var(--orange-orange-700, #663306); } - .sm\:focus\:placeholder-gray-800:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(31, 41, 55, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-Yellow-yellow { + border-color: var(--yellow-yellow, #ffab00); } - .sm\:focus\:placeholder-gray-800:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(31, 41, 55, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-Yellow-yellow-100 { + border-color: var(--yellow-yellow-100, #ffc44c); } - .sm\:focus\:placeholder-gray-900:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(17, 24, 39, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-Yellow-yellow-200 { + border-color: var(--yellow-yellow-200, #ffd580); } - .sm\:focus\:placeholder-gray-900:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(17, 24, 39, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-Yellow-yellow-300 { + border-color: var(--yellow-yellow-300, #d99d26); } - .sm\:focus\:placeholder-red-50:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 242, 242, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-Yellow-yellow-400 { + border-color: var(--yellow-yellow-400, #bf943f); } - .sm\:focus\:placeholder-red-50:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 242, 242, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-Yellow-yellow-500 { + border-color: var(--yellow-yellow-500, #e59a00); } - .sm\:focus\:placeholder-red-100:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 226, 226, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-Yellow-yellow-600 { + border-color: var(--yellow-yellow-600, #b37800); } - .sm\:focus\:placeholder-red-100:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 226, 226, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-Yellow-yellow-700 { + border-color: var(--yellow-yellow-700, #664400); } - .sm\:focus\:placeholder-red-200:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 202, 202, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-Notification-notification { + border-color: var(--notification-notification, #3959ff); } - .sm\:focus\:placeholder-red-200:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 202, 202, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-Notification-notification-100 { + border-color: var(--notification-notification-100, #748bff); } - .sm\:focus\:placeholder-red-300:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(252, 165, 165, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-Notification-notification-200 { + border-color: var(--notification-notification-200, #9cacff); } - .sm\:focus\:placeholder-red-300:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(252, 165, 165, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-Notification-notification-300 { + border-color: var(--notification-notification-300, #4e64d9); } - .sm\:focus\:placeholder-red-400:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(248, 113, 113, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-Notification-notification-400 { + border-color: var(--notification-notification-400, #5c6cbf); } - .sm\:focus\:placeholder-red-400:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(248, 113, 113, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-Notification-notification-500 { + border-color: var(--notification-notification-500, #3350e5); } - .sm\:focus\:placeholder-red-500:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(239, 68, 68, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-Notification-notification-600 { + border-color: var(--notification-notification-600, #283eb3); } - .sm\:focus\:placeholder-red-500:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(239, 68, 68, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-Notification-notification-700 { + border-color: var(--notification-notification-700, #172466); } - .sm\:focus\:placeholder-red-600:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(220, 38, 38, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-Success-success\ -700 { + border-color: var(--success-success-700, #24471f); } - .sm\:focus\:placeholder-red-600:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(220, 38, 38, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-Success-success { + border-color: var(--success-success, #5bb14d); } - .sm\:focus\:placeholder-red-700:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(185, 28, 28, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-Success-success\ -100 { + border-color: var(--success-success-100, #8cc882); } - .sm\:focus\:placeholder-red-700:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(185, 28, 28, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-Success-success\ -200 { + border-color: var(--success-success-200, #add8a6); } - .sm\:focus\:placeholder-red-800:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(153, 27, 27, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-Success-success\ -300 { + border-color: var(--success-success-300, #66a25c); } - .sm\:focus\:placeholder-red-800:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(153, 27, 27, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-Success-success\ -400 { + border-color: var(--success-success-400, #6d9766); } - .sm\:focus\:placeholder-red-900:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(127, 29, 29, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-Success-success\ -500 { + border-color: var(--success-success-500, #529f45); } - .sm\:focus\:placeholder-red-900:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(127, 29, 29, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-Success-success\ -600 { + border-color: var(--success-success-600, #407c36); } - .sm\:focus\:placeholder-yellow-50:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(255, 251, 235, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-Error-error { + border-color: var(--error-error, #f03d3e); } - .sm\:focus\:placeholder-yellow-50:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(255, 251, 235, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-Error-error-100 { + border-color: var(--error-error-100, #f57778); } - .sm\:focus\:placeholder-yellow-100:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 243, 199, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-Error-error-200 { + border-color: var(--error-error-200, #f89e9e); } - .sm\:focus\:placeholder-yellow-100:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 243, 199, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-Error-error-250 { + border-color: var(--error-error-250, #f9c8c8); } - .sm\:focus\:placeholder-yellow-200:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(253, 230, 138, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-Error-error-300 { + border-color: var(--error-error-300, #ce5151); } - .sm\:focus\:placeholder-yellow-200:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(253, 230, 138, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-Error-error-400 { + border-color: var(--error-error-400, #b85e5e); } - .sm\:focus\:placeholder-yellow-300:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(252, 211, 77, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-Error-error-500 { + border-color: var(--error-error-500, #d83738); } - .sm\:focus\:placeholder-yellow-300:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(252, 211, 77, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-Error-error-600 { + border-color: var(--error-error-600, #a82b2b); } - .sm\:focus\:placeholder-yellow-400:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(251, 191, 36, var(--tw-placeholder-opacity)); + .group:hover .lg\:group-hover\:border-Error-error-700 { + border-color: var(--error-error-700, #601819); } - .sm\:focus\:placeholder-yellow-400:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(251, 191, 36, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-black:focus-within { + border-color: var(--colors-black, #000000); } - .sm\:focus\:placeholder-yellow-500:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(245, 158, 11, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-white:focus-within { + border-color: var(--colors-white, #ffffff); } - .sm\:focus\:placeholder-yellow-500:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(245, 158, 11, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-gray-100:focus-within { + border-color: var(--colors-gray-100, #f7fafc); } - .sm\:focus\:placeholder-yellow-600:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(217, 119, 6, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-gray-200:focus-within { + border-color: var(--colors-gray-200, #edf2f7); } - .sm\:focus\:placeholder-yellow-600:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(217, 119, 6, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-gray-300:focus-within { + border-color: var(--colors-gray-300, #e2e8f0); } - .sm\:focus\:placeholder-yellow-700:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(180, 83, 9, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-gray-400:focus-within { + border-color: var(--colors-gray-400, #cbd5e0); } - .sm\:focus\:placeholder-yellow-700:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(180, 83, 9, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-gray-500:focus-within { + border-color: var(--colors-gray-500, #a0aec0); } - .sm\:focus\:placeholder-yellow-800:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(146, 64, 14, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-gray-600:focus-within { + border-color: var(--colors-gray-600, #718096); } - .sm\:focus\:placeholder-yellow-800:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(146, 64, 14, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-gray-700:focus-within { + border-color: var(--colors-gray-700, #4a5568); } - .sm\:focus\:placeholder-yellow-900:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(120, 53, 15, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-gray-800:focus-within { + border-color: var(--colors-gray-800, #2d3748); } - .sm\:focus\:placeholder-yellow-900:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(120, 53, 15, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-gray-900:focus-within { + border-color: var(--colors-gray-900, #1a202c); } - .sm\:focus\:placeholder-green-50:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(236, 253, 245, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-red-100:focus-within { + border-color: var(--colors-red-100, #fff5f5); } - .sm\:focus\:placeholder-green-50:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(236, 253, 245, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-red-200:focus-within { + border-color: var(--colors-red-200, #fed7d7); } - .sm\:focus\:placeholder-green-100:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(209, 250, 229, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-red-300:focus-within { + border-color: var(--colors-red-300, #feb2b2); } - .sm\:focus\:placeholder-green-100:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(209, 250, 229, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-red-400:focus-within { + border-color: var(--colors-red-400, #fc8181); } - .sm\:focus\:placeholder-green-200:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(167, 243, 208, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-red-500:focus-within { + border-color: var(--colors-red-500, #f56565); } - .sm\:focus\:placeholder-green-200:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(167, 243, 208, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-red-600:focus-within { + border-color: var(--colors-red-600, #e53e3e); } - .sm\:focus\:placeholder-green-300:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(110, 231, 183, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-red-700:focus-within { + border-color: var(--colors-red-700, #c53030); } - .sm\:focus\:placeholder-green-300:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(110, 231, 183, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-red-800:focus-within { + border-color: var(--colors-red-800, #9b2c2c); } - .sm\:focus\:placeholder-green-400:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(52, 211, 153, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-red-900:focus-within { + border-color: var(--colors-red-900, #742a2a); } - .sm\:focus\:placeholder-green-400:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(52, 211, 153, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-orange-100:focus-within { + border-color: var(--colors-orange-100, #fffaf0); } - .sm\:focus\:placeholder-green-500:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(16, 185, 129, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-orange-200:focus-within { + border-color: var(--colors-orange-200, #feebc8); } - .sm\:focus\:placeholder-green-500:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(16, 185, 129, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-orange-300:focus-within { + border-color: var(--colors-orange-300, #fbd38d); } - .sm\:focus\:placeholder-green-600:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(5, 150, 105, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-orange-400:focus-within { + border-color: var(--colors-orange-400, #f6ad55); } - .sm\:focus\:placeholder-green-600:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(5, 150, 105, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-orange-500:focus-within { + border-color: var(--colors-orange-500, #ed8936); } - .sm\:focus\:placeholder-green-700:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(4, 120, 87, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-orange-600:focus-within { + border-color: var(--colors-orange-600, #dd6b20); } - .sm\:focus\:placeholder-green-700:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(4, 120, 87, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-orange-700:focus-within { + border-color: var(--colors-orange-700, #c05621); } - .sm\:focus\:placeholder-green-800:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(6, 95, 70, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-orange-800:focus-within { + border-color: var(--colors-orange-800, #9c4221); } - .sm\:focus\:placeholder-green-800:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(6, 95, 70, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-orange-900:focus-within { + border-color: var(--colors-orange-900, #7b341e); } - .sm\:focus\:placeholder-green-900:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(6, 78, 59, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-yellow-100:focus-within { + border-color: var(--colors-yellow-100, #fffff0); } - .sm\:focus\:placeholder-green-900:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(6, 78, 59, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-yellow-200:focus-within { + border-color: var(--colors-yellow-200, #fefcbf); } - .sm\:focus\:placeholder-blue-50:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(239, 246, 255, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-yellow-300:focus-within { + border-color: var(--colors-yellow-300, #faf089); } - .sm\:focus\:placeholder-blue-50:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(239, 246, 255, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-yellow-400:focus-within { + border-color: var(--colors-yellow-400, #f6e05e); } - .sm\:focus\:placeholder-blue-100:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(219, 234, 254, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-yellow-500:focus-within { + border-color: var(--colors-yellow-500, #ecc94b); } - .sm\:focus\:placeholder-blue-100:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(219, 234, 254, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-yellow-600:focus-within { + border-color: var(--colors-yellow-600, #d69e2e); } - .sm\:focus\:placeholder-blue-200:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(191, 219, 254, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-yellow-700:focus-within { + border-color: var(--colors-yellow-700, #b7791f); } - .sm\:focus\:placeholder-blue-200:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(191, 219, 254, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-yellow-800:focus-within { + border-color: var(--colors-yellow-800, #975a16); } - .sm\:focus\:placeholder-blue-300:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(147, 197, 253, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-yellow-900:focus-within { + border-color: var(--colors-yellow-900, #744210); } - .sm\:focus\:placeholder-blue-300:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(147, 197, 253, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-green-100:focus-within { + border-color: var(--colors-green-100, #f0fff4); } - .sm\:focus\:placeholder-blue-400:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(96, 165, 250, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-green-200:focus-within { + border-color: var(--colors-green-200, #c6f6d5); } - .sm\:focus\:placeholder-blue-400:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(96, 165, 250, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-green-300:focus-within { + border-color: var(--colors-green-300, #9ae6b4); } - .sm\:focus\:placeholder-blue-500:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(59, 130, 246, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-green-400:focus-within { + border-color: var(--colors-green-400, #68d391); } - .sm\:focus\:placeholder-blue-500:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(59, 130, 246, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-green-500:focus-within { + border-color: var(--colors-green-500, #48bb78); } - .sm\:focus\:placeholder-blue-600:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(37, 99, 235, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-green-600:focus-within { + border-color: var(--colors-green-600, #38a169); } - .sm\:focus\:placeholder-blue-600:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(37, 99, 235, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-green-700:focus-within { + border-color: var(--colors-green-700, #2f855a); } - .sm\:focus\:placeholder-blue-700:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(29, 78, 216, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-green-800:focus-within { + border-color: var(--colors-green-800, #276749); } - .sm\:focus\:placeholder-blue-700:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(29, 78, 216, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-green-900:focus-within { + border-color: var(--colors-green-900, #22543d); } - .sm\:focus\:placeholder-blue-800:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(30, 64, 175, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-teal-100:focus-within { + border-color: var(--colors-teal-100, #e6fffa); } - .sm\:focus\:placeholder-blue-800:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(30, 64, 175, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-teal-200:focus-within { + border-color: var(--colors-teal-200, #b2f5ea); } - .sm\:focus\:placeholder-blue-900:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(30, 58, 138, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-teal-300:focus-within { + border-color: var(--colors-teal-300, #81e6d9); } - .sm\:focus\:placeholder-blue-900:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(30, 58, 138, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-teal-400:focus-within { + border-color: var(--colors-teal-400, #4fd1c5); } - .sm\:focus\:placeholder-indigo-50:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(238, 242, 255, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-teal-500:focus-within { + border-color: var(--colors-teal-500, #38b2ac); } - .sm\:focus\:placeholder-indigo-50:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(238, 242, 255, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-teal-600:focus-within { + border-color: var(--colors-teal-600, #319795); } - .sm\:focus\:placeholder-indigo-100:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(224, 231, 255, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-teal-700:focus-within { + border-color: var(--colors-teal-700, #2c7a7b); } - .sm\:focus\:placeholder-indigo-100:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(224, 231, 255, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-teal-800:focus-within { + border-color: var(--colors-teal-800, #285e61); } - .sm\:focus\:placeholder-indigo-200:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(199, 210, 254, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-teal-900:focus-within { + border-color: var(--colors-teal-900, #234e52); } - .sm\:focus\:placeholder-indigo-200:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(199, 210, 254, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-blue-100:focus-within { + border-color: var(--colors-blue-100, #ebf8ff); } - .sm\:focus\:placeholder-indigo-300:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(165, 180, 252, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-blue-200:focus-within { + border-color: var(--colors-blue-200, #bee3f8); } - .sm\:focus\:placeholder-indigo-300:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(165, 180, 252, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-blue-300:focus-within { + border-color: var(--colors-blue-300, #90cdf4); } - .sm\:focus\:placeholder-indigo-400:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(129, 140, 248, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-blue-400:focus-within { + border-color: var(--colors-blue-400, #63b3ed); } - .sm\:focus\:placeholder-indigo-400:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(129, 140, 248, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-blue-500:focus-within { + border-color: var(--colors-blue-500, #4299e1); } - .sm\:focus\:placeholder-indigo-500:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(99, 102, 241, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-blue-600:focus-within { + border-color: var(--colors-blue-600, #3182ce); } - .sm\:focus\:placeholder-indigo-500:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(99, 102, 241, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-blue-700:focus-within { + border-color: var(--colors-blue-700, #2b6cb0); } - .sm\:focus\:placeholder-indigo-600:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(79, 70, 229, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-blue-800:focus-within { + border-color: var(--colors-blue-800, #2c5282); } - .sm\:focus\:placeholder-indigo-600:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(79, 70, 229, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-blue-900:focus-within { + border-color: var(--colors-blue-900, #2a4365); } - .sm\:focus\:placeholder-indigo-700:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(67, 56, 202, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-indigo-100:focus-within { + border-color: var(--colors-indigo-100, #ebf4ff); } - .sm\:focus\:placeholder-indigo-700:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(67, 56, 202, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-indigo-200:focus-within { + border-color: var(--colors-indigo-200, #c3dafe); } - .sm\:focus\:placeholder-indigo-800:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(55, 48, 163, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-indigo-300:focus-within { + border-color: var(--colors-indigo-300, #a3bffa); } - .sm\:focus\:placeholder-indigo-800:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(55, 48, 163, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-indigo-400:focus-within { + border-color: var(--colors-indigo-400, #7f9cf5); } - .sm\:focus\:placeholder-indigo-900:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(49, 46, 129, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-indigo-500:focus-within { + border-color: var(--colors-indigo-500, #667eea); } - .sm\:focus\:placeholder-indigo-900:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(49, 46, 129, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-indigo-600:focus-within { + border-color: var(--colors-indigo-600, #5a67d8); } - .sm\:focus\:placeholder-purple-50:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(245, 243, 255, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-indigo-700:focus-within { + border-color: var(--colors-indigo-700, #4c51bf); } - .sm\:focus\:placeholder-purple-50:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(245, 243, 255, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-indigo-800:focus-within { + border-color: var(--colors-indigo-800, #434190); } - .sm\:focus\:placeholder-purple-100:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(237, 233, 254, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-indigo-900:focus-within { + border-color: var(--colors-indigo-900, #3c366b); } - .sm\:focus\:placeholder-purple-100:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(237, 233, 254, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-purple-100:focus-within { + border-color: var(--colors-purple-100, #faf5ff); } - .sm\:focus\:placeholder-purple-200:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(221, 214, 254, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-purple-200:focus-within { + border-color: var(--colors-purple-200, #e9d8fd); } - .sm\:focus\:placeholder-purple-200:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(221, 214, 254, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-purple-300:focus-within { + border-color: var(--colors-purple-300, #d6bcfa); } - .sm\:focus\:placeholder-purple-300:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(196, 181, 253, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-purple-400:focus-within { + border-color: var(--colors-purple-400, #b794f4); } - .sm\:focus\:placeholder-purple-300:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(196, 181, 253, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-purple-500:focus-within { + border-color: var(--colors-purple-500, #9f7aea); } - .sm\:focus\:placeholder-purple-400:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(167, 139, 250, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-purple-600:focus-within { + border-color: var(--colors-purple-600, #805ad5); } - .sm\:focus\:placeholder-purple-400:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(167, 139, 250, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-purple-700:focus-within { + border-color: var(--colors-purple-700, #6b46c1); } - .sm\:focus\:placeholder-purple-500:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(139, 92, 246, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-purple-800:focus-within { + border-color: var(--colors-purple-800, #553c9a); } - .sm\:focus\:placeholder-purple-500:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(139, 92, 246, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-purple-900:focus-within { + border-color: var(--colors-purple-900, #44337a); } - .sm\:focus\:placeholder-purple-600:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(124, 58, 237, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-pink-100:focus-within { + border-color: var(--colors-pink-100, #fff5f7); } - .sm\:focus\:placeholder-purple-600:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(124, 58, 237, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-pink-200:focus-within { + border-color: var(--colors-pink-200, #fed7e2); } - .sm\:focus\:placeholder-purple-700:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(109, 40, 217, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-pink-300:focus-within { + border-color: var(--colors-pink-300, #fbb6ce); } - .sm\:focus\:placeholder-purple-700:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(109, 40, 217, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-pink-400:focus-within { + border-color: var(--colors-pink-400, #f687b3); } - .sm\:focus\:placeholder-purple-800:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(91, 33, 182, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-pink-500:focus-within { + border-color: var(--colors-pink-500, #ed64a6); } - .sm\:focus\:placeholder-purple-800:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(91, 33, 182, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-pink-600:focus-within { + border-color: var(--colors-pink-600, #d53f8c); } - .sm\:focus\:placeholder-purple-900:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(76, 29, 149, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-pink-700:focus-within { + border-color: var(--colors-pink-700, #b83280); } - .sm\:focus\:placeholder-purple-900:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(76, 29, 149, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-pink-800:focus-within { + border-color: var(--colors-pink-800, #97266d); } - .sm\:focus\:placeholder-pink-50:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(253, 242, 248, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-colors-pink-900:focus-within { + border-color: var(--colors-pink-900, #702459); } - .sm\:focus\:placeholder-pink-50:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(253, 242, 248, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-Box\ Shadow:focus-within { + border-color: var(--box-shadow, #7f7e7f); } - .sm\:focus\:placeholder-pink-100:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(252, 231, 243, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-Error16:focus-within { + border-color: var(--error16, #f03d3e40); } - .sm\:focus\:placeholder-pink-100:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(252, 231, 243, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-Success16:focus-within { + border-color: var(--success16, #5bb14d40); } - .sm\:focus\:placeholder-pink-200:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(251, 207, 232, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-Notification16:focus-within { + border-color: var(--notification16, #3959ff40); } - .sm\:focus\:placeholder-pink-200:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(251, 207, 232, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-Error8:focus-within { + border-color: var(--error8, #f03d3e1a); } - .sm\:focus\:placeholder-pink-300:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(249, 168, 212, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-Notification8:focus-within { + border-color: var(--notification8, #3959ff1a); } - .sm\:focus\:placeholder-pink-300:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(249, 168, 212, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-Success8:focus-within { + border-color: var(--success8, #5bb14d1a); } - .sm\:focus\:placeholder-pink-400:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(244, 114, 182, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-Light\ -\ Overlay:focus-within { + border-color: var(--light-overlay, #f0edee66); } - .sm\:focus\:placeholder-pink-400:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(244, 114, 182, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-Dark-\ Overlay:focus-within { + border-color: var(--dark-overlay, #7f7e7f66); } - .sm\:focus\:placeholder-pink-500:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(236, 72, 153, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-black-40:focus-within { + border-color: var(--black-40, #00000066); } - .sm\:focus\:placeholder-pink-500:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(236, 72, 153, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-black-75:focus-within { + border-color: var(--black-75, #000000bf); } - .sm\:focus\:placeholder-pink-600:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(219, 39, 119, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-black-60:focus-within { + border-color: var(--black-60, #00000099); } - .sm\:focus\:placeholder-pink-600:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(219, 39, 119, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-black-50:focus-within { + border-color: var(--black-50, #00000080); } - .sm\:focus\:placeholder-pink-700:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(190, 24, 93, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-black-25:focus-within { + border-color: var(--black-25, #00000040); } - .sm\:focus\:placeholder-pink-700:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(190, 24, 93, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-black-10:focus-within { + border-color: var(--black-10, #0000001a); } - .sm\:focus\:placeholder-pink-800:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(157, 23, 77, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-white-25:focus-within { + border-color: var(--white-25, #ffffff40); } - .sm\:focus\:placeholder-pink-800:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(157, 23, 77, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-white-60:focus-within { + border-color: var(--white-60, #ffffff99); } - .sm\:focus\:placeholder-pink-900:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(131, 24, 67, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-black-64:focus-within { + border-color: var(--black-64, #000000a3); } - .sm\:focus\:placeholder-pink-900:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(131, 24, 67, var(--tw-placeholder-opacity)); + .lg\:focus-within\:border-Shadow\ and\ Highlight-Shadow:focus-within { + border-color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .sm\:placeholder-opacity-0::-moz-placeholder { - --tw-placeholder-opacity: 0; + .lg\:focus-within\:border-Shadow\ and\ Highlight-Highlight:focus-within { + border-color: var(--shadow-and-highlight-highlight, #474747); } - .sm\:placeholder-opacity-0::placeholder { - --tw-placeholder-opacity: 0; + .lg\:focus-within\:border-Shadow\ and\ Highlight-highlight\ one:focus-within { + border-color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .sm\:placeholder-opacity-5::-moz-placeholder { - --tw-placeholder-opacity: 0.05; + .lg\:focus-within\:border-Shadow\ and\ Highlight-highlight\ two:focus-within { + border-color: var(--shadow-and-highlight-highlight-two, #47474799); } - .sm\:placeholder-opacity-5::placeholder { - --tw-placeholder-opacity: 0.05; + .lg\:focus-within\:border-Shadow\ and\ Highlight-highlight\ three:focus-within { + border-color: var(--shadow-and-highlight-highlight-three, #47474766); } - .sm\:placeholder-opacity-10::-moz-placeholder { - --tw-placeholder-opacity: 0.1; + .lg\:focus-within\:border-Shadow\ and\ Highlight-highlight\ five:focus-within { + border-color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .sm\:placeholder-opacity-10::placeholder { - --tw-placeholder-opacity: 0.1; + .lg\:focus-within\:border-Shadow\ and\ Highlight-shadow\ one:focus-within { + border-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .sm\:placeholder-opacity-20::-moz-placeholder { - --tw-placeholder-opacity: 0.2; + .lg\:focus-within\:border-Shadow\ and\ Highlight-shadow\ two:focus-within { + border-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .sm\:placeholder-opacity-20::placeholder { - --tw-placeholder-opacity: 0.2; + .lg\:focus-within\:border-Shadow\ and\ Highlight-shadow\ three:focus-within { + border-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .sm\:placeholder-opacity-25::-moz-placeholder { - --tw-placeholder-opacity: 0.25; + .lg\:focus-within\:border-Shadow\ and\ Highlight-shadow\ four:focus-within { + border-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .sm\:placeholder-opacity-25::placeholder { - --tw-placeholder-opacity: 0.25; + .lg\:focus-within\:border-Shadow\ and\ Highlight-shadow\ five:focus-within { + border-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .sm\:placeholder-opacity-30::-moz-placeholder { - --tw-placeholder-opacity: 0.3; + .lg\:focus-within\:border-Shadow\ and\ Highlight-highlight\ four:focus-within { + border-color: var(--shadow-and-highlight-highlight-four, #47474740); } - .sm\:placeholder-opacity-30::placeholder { - --tw-placeholder-opacity: 0.3; + .lg\:focus-within\:border-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus-within { + border-color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .sm\:placeholder-opacity-40::-moz-placeholder { - --tw-placeholder-opacity: 0.4; + .lg\:focus-within\:border-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus-within { + border-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .sm\:placeholder-opacity-40::placeholder { - --tw-placeholder-opacity: 0.4; + .lg\:focus-within\:border-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus-within { + border-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .sm\:placeholder-opacity-50::-moz-placeholder { - --tw-placeholder-opacity: 0.5; + .lg\:focus-within\:border-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus-within { + border-color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .sm\:placeholder-opacity-50::placeholder { - --tw-placeholder-opacity: 0.5; + .lg\:focus-within\:border-Grey-Scale-white:focus-within { + border-color: var(--grey-scale-white, #ffffff); } - .sm\:placeholder-opacity-60::-moz-placeholder { - --tw-placeholder-opacity: 0.6; + .lg\:focus-within\:border-Grey-Scale-off-white:focus-within { + border-color: var(--grey-scale-off-white, #f0edee); } - .sm\:placeholder-opacity-60::placeholder { - --tw-placeholder-opacity: 0.6; + .lg\:focus-within\:border-Grey\ Scale-grey:focus-within { + border-color: var(--grey-scale-grey, #7f7e7f); } - .sm\:placeholder-opacity-70::-moz-placeholder { - --tw-placeholder-opacity: 0.7; + .lg\:focus-within\:border-Grey\ Scale-charcoal:focus-within { + border-color: var(--grey-scale-charcoal, #474747); } - .sm\:placeholder-opacity-70::placeholder { - --tw-placeholder-opacity: 0.7; + .lg\:focus-within\:border-Grey\ Scale-off-black:focus-within { + border-color: var(--grey-scale-off-black, #1c1c1c); } - .sm\:placeholder-opacity-75::-moz-placeholder { - --tw-placeholder-opacity: 0.75; + .lg\:focus-within\:border-Grey\ Scale-black:focus-within { + border-color: var(--grey-scale-black, #000000); } - .sm\:placeholder-opacity-75::placeholder { - --tw-placeholder-opacity: 0.75; + .lg\:focus-within\:border-Blue-blue:focus-within { + border-color: var(--blue-blue, #3a7ca5); } - .sm\:placeholder-opacity-80::-moz-placeholder { - --tw-placeholder-opacity: 0.8; + .lg\:focus-within\:border-Blue-blue-100:focus-within { + border-color: var(--blue-blue-100, #75a3c0); } - .sm\:placeholder-opacity-80::placeholder { - --tw-placeholder-opacity: 0.8; + .lg\:focus-within\:border-Blue-blue-200:focus-within { + border-color: var(--blue-blue-200, #9cbed2); } - .sm\:placeholder-opacity-90::-moz-placeholder { - --tw-placeholder-opacity: 0.9; + .lg\:focus-within\:border-Blue-blue-300:focus-within { + border-color: var(--blue-blue-300, #4f7d9a); } - .sm\:placeholder-opacity-90::placeholder { - --tw-placeholder-opacity: 0.9; + .lg\:focus-within\:border-Blue-blue-400:focus-within { + border-color: var(--blue-blue-400, #5c7d92); } - .sm\:placeholder-opacity-95::-moz-placeholder { - --tw-placeholder-opacity: 0.95; + .lg\:focus-within\:border-Blue-blue-500:focus-within { + border-color: var(--blue-blue-500, #347095); } - .sm\:placeholder-opacity-95::placeholder { - --tw-placeholder-opacity: 0.95; + .lg\:focus-within\:border-Blue-blue-600:focus-within { + border-color: var(--blue-blue-600, #295774); } - .sm\:placeholder-opacity-100::-moz-placeholder { - --tw-placeholder-opacity: 1; + .lg\:focus-within\:border-Blue-blue-700:focus-within { + border-color: var(--blue-blue-700, #173242); } - .sm\:placeholder-opacity-100::placeholder { - --tw-placeholder-opacity: 1; + .lg\:focus-within\:border-LightBlue-lightblue:focus-within { + border-color: var(--light-blue-lightblue, #81c3d7); } - .sm\:focus\:placeholder-opacity-0:focus::-moz-placeholder { - --tw-placeholder-opacity: 0; + .lg\:focus-within\:border-LightBlue-lightblue-100:focus-within { + border-color: var(--light-blue-lightblue-100, #a7d5e3); } - .sm\:focus\:placeholder-opacity-0:focus::placeholder { - --tw-placeholder-opacity: 0; + .lg\:focus-within\:border-LightBlue-lightblue-200:focus-within { + border-color: var(--light-blue-lightblue-200, #c0e1eb); } - .sm\:focus\:placeholder-opacity-5:focus::-moz-placeholder { - --tw-placeholder-opacity: 0.05; + .lg\:focus-within\:border-LightBlue-lightblue-300:focus-within { + border-color: var(--light-blue-lightblue-300, #80aebd); } - .sm\:focus\:placeholder-opacity-5:focus::placeholder { - --tw-placeholder-opacity: 0.05; + .lg\:focus-within\:border-LightBlue-lightblue-400:focus-within { + border-color: var(--light-blue-lightblue-400, #80a0ab); } - .sm\:focus\:placeholder-opacity-10:focus::-moz-placeholder { - --tw-placeholder-opacity: 0.1; + .lg\:focus-within\:border-LightBlue-lightblue-500:focus-within { + border-color: var(--light-blue-lightblue-500, #74afc1); } - .sm\:focus\:placeholder-opacity-10:focus::placeholder { - --tw-placeholder-opacity: 0.1; + .lg\:focus-within\:border-LightBlue-lightblue-600:focus-within { + border-color: var(--light-blue-lightblue-600, #5a8997); } - .sm\:focus\:placeholder-opacity-20:focus::-moz-placeholder { - --tw-placeholder-opacity: 0.2; + .lg\:focus-within\:border-LightBlue-lightblue-650:focus-within { + border-color: var(--light-blue-lightblue-650, #3e5e65); } - .sm\:focus\:placeholder-opacity-20:focus::placeholder { - --tw-placeholder-opacity: 0.2; + .lg\:focus-within\:border-LightBlue-lightblue-700:focus-within { + border-color: var(--light-blue-lightblue-700, #344e56); } - .sm\:focus\:placeholder-opacity-25:focus::-moz-placeholder { - --tw-placeholder-opacity: 0.25; + .lg\:focus-within\:border-Orange-orange:focus-within { + border-color: var(--orange-orange, #ff7f0e); } - .sm\:focus\:placeholder-opacity-25:focus::placeholder { - --tw-placeholder-opacity: 0.25; + .lg\:focus-within\:border-Orange-orange-100:focus-within { + border-color: var(--orange-orange-100, #ffa556); } - .sm\:focus\:placeholder-opacity-30:focus::-moz-placeholder { - --tw-placeholder-opacity: 0.3; + .lg\:focus-within\:border-Orange-orange-200:focus-within { + border-color: var(--orange-orange-200, #ffbf86); } - .sm\:focus\:placeholder-opacity-30:focus::placeholder { - --tw-placeholder-opacity: 0.3; + .lg\:focus-within\:border-Orange-orange-300:focus-within { + border-color: var(--orange-orange-300, #d97f30); } - .sm\:focus\:placeholder-opacity-40:focus::-moz-placeholder { - --tw-placeholder-opacity: 0.4; + .lg\:focus-within\:border-Orange-orange-400:focus-within { + border-color: var(--orange-orange-400, #bf7e46); } - .sm\:focus\:placeholder-opacity-40:focus::placeholder { - --tw-placeholder-opacity: 0.4; + .lg\:focus-within\:border-Orange-orange-500:focus-within { + border-color: var(--orange-orange-500, #e5720d); } - .sm\:focus\:placeholder-opacity-50:focus::-moz-placeholder { - --tw-placeholder-opacity: 0.5; + .lg\:focus-within\:border-Orange-orange-600:focus-within { + border-color: var(--orange-orange-600, #b3590a); } - .sm\:focus\:placeholder-opacity-50:focus::placeholder { - --tw-placeholder-opacity: 0.5; + .lg\:focus-within\:border-Orange-orange-700:focus-within { + border-color: var(--orange-orange-700, #663306); } - .sm\:focus\:placeholder-opacity-60:focus::-moz-placeholder { - --tw-placeholder-opacity: 0.6; + .lg\:focus-within\:border-Yellow-yellow:focus-within { + border-color: var(--yellow-yellow, #ffab00); } - .sm\:focus\:placeholder-opacity-60:focus::placeholder { - --tw-placeholder-opacity: 0.6; + .lg\:focus-within\:border-Yellow-yellow-100:focus-within { + border-color: var(--yellow-yellow-100, #ffc44c); } - .sm\:focus\:placeholder-opacity-70:focus::-moz-placeholder { - --tw-placeholder-opacity: 0.7; + .lg\:focus-within\:border-Yellow-yellow-200:focus-within { + border-color: var(--yellow-yellow-200, #ffd580); } - .sm\:focus\:placeholder-opacity-70:focus::placeholder { - --tw-placeholder-opacity: 0.7; + .lg\:focus-within\:border-Yellow-yellow-300:focus-within { + border-color: var(--yellow-yellow-300, #d99d26); } - .sm\:focus\:placeholder-opacity-75:focus::-moz-placeholder { - --tw-placeholder-opacity: 0.75; + .lg\:focus-within\:border-Yellow-yellow-400:focus-within { + border-color: var(--yellow-yellow-400, #bf943f); } - .sm\:focus\:placeholder-opacity-75:focus::placeholder { - --tw-placeholder-opacity: 0.75; + .lg\:focus-within\:border-Yellow-yellow-500:focus-within { + border-color: var(--yellow-yellow-500, #e59a00); } - .sm\:focus\:placeholder-opacity-80:focus::-moz-placeholder { - --tw-placeholder-opacity: 0.8; + .lg\:focus-within\:border-Yellow-yellow-600:focus-within { + border-color: var(--yellow-yellow-600, #b37800); } - .sm\:focus\:placeholder-opacity-80:focus::placeholder { - --tw-placeholder-opacity: 0.8; + .lg\:focus-within\:border-Yellow-yellow-700:focus-within { + border-color: var(--yellow-yellow-700, #664400); } - .sm\:focus\:placeholder-opacity-90:focus::-moz-placeholder { - --tw-placeholder-opacity: 0.9; + .lg\:focus-within\:border-Notification-notification:focus-within { + border-color: var(--notification-notification, #3959ff); } - .sm\:focus\:placeholder-opacity-90:focus::placeholder { - --tw-placeholder-opacity: 0.9; + .lg\:focus-within\:border-Notification-notification-100:focus-within { + border-color: var(--notification-notification-100, #748bff); } - .sm\:focus\:placeholder-opacity-95:focus::-moz-placeholder { - --tw-placeholder-opacity: 0.95; + .lg\:focus-within\:border-Notification-notification-200:focus-within { + border-color: var(--notification-notification-200, #9cacff); } - .sm\:focus\:placeholder-opacity-95:focus::placeholder { - --tw-placeholder-opacity: 0.95; + .lg\:focus-within\:border-Notification-notification-300:focus-within { + border-color: var(--notification-notification-300, #4e64d9); } - .sm\:focus\:placeholder-opacity-100:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; + .lg\:focus-within\:border-Notification-notification-400:focus-within { + border-color: var(--notification-notification-400, #5c6cbf); } - .sm\:focus\:placeholder-opacity-100:focus::placeholder { - --tw-placeholder-opacity: 1; + .lg\:focus-within\:border-Notification-notification-500:focus-within { + border-color: var(--notification-notification-500, #3350e5); } - .sm\:opacity-0 { - opacity: 0; + .lg\:focus-within\:border-Notification-notification-600:focus-within { + border-color: var(--notification-notification-600, #283eb3); } - .sm\:opacity-5 { - opacity: 0.05; + .lg\:focus-within\:border-Notification-notification-700:focus-within { + border-color: var(--notification-notification-700, #172466); } - .sm\:opacity-10 { - opacity: 0.1; + .lg\:focus-within\:border-Success-success\ -700:focus-within { + border-color: var(--success-success-700, #24471f); } - .sm\:opacity-20 { - opacity: 0.2; + .lg\:focus-within\:border-Success-success:focus-within { + border-color: var(--success-success, #5bb14d); } - .sm\:opacity-25 { - opacity: 0.25; + .lg\:focus-within\:border-Success-success\ -100:focus-within { + border-color: var(--success-success-100, #8cc882); } - .sm\:opacity-30 { - opacity: 0.3; + .lg\:focus-within\:border-Success-success\ -200:focus-within { + border-color: var(--success-success-200, #add8a6); } - .sm\:opacity-40 { - opacity: 0.4; + .lg\:focus-within\:border-Success-success\ -300:focus-within { + border-color: var(--success-success-300, #66a25c); } - .sm\:opacity-50 { - opacity: 0.5; + .lg\:focus-within\:border-Success-success\ -400:focus-within { + border-color: var(--success-success-400, #6d9766); } - .sm\:opacity-60 { - opacity: 0.6; + .lg\:focus-within\:border-Success-success\ -500:focus-within { + border-color: var(--success-success-500, #529f45); } - .sm\:opacity-70 { - opacity: 0.7; + .lg\:focus-within\:border-Success-success\ -600:focus-within { + border-color: var(--success-success-600, #407c36); } - .sm\:opacity-75 { - opacity: 0.75; + .lg\:focus-within\:border-Error-error:focus-within { + border-color: var(--error-error, #f03d3e); } - .sm\:opacity-80 { - opacity: 0.8; + .lg\:focus-within\:border-Error-error-100:focus-within { + border-color: var(--error-error-100, #f57778); } - .sm\:opacity-90 { - opacity: 0.9; + .lg\:focus-within\:border-Error-error-200:focus-within { + border-color: var(--error-error-200, #f89e9e); } - .sm\:opacity-95 { - opacity: 0.95; + .lg\:focus-within\:border-Error-error-250:focus-within { + border-color: var(--error-error-250, #f9c8c8); } - .sm\:opacity-100 { - opacity: 1; + .lg\:focus-within\:border-Error-error-300:focus-within { + border-color: var(--error-error-300, #ce5151); } - .group:hover .sm\:group-hover\:opacity-0 { - opacity: 0; + .lg\:focus-within\:border-Error-error-400:focus-within { + border-color: var(--error-error-400, #b85e5e); } - .group:hover .sm\:group-hover\:opacity-5 { - opacity: 0.05; + .lg\:focus-within\:border-Error-error-500:focus-within { + border-color: var(--error-error-500, #d83738); } - .group:hover .sm\:group-hover\:opacity-10 { - opacity: 0.1; + .lg\:focus-within\:border-Error-error-600:focus-within { + border-color: var(--error-error-600, #a82b2b); } - .group:hover .sm\:group-hover\:opacity-20 { - opacity: 0.2; + .lg\:focus-within\:border-Error-error-700:focus-within { + border-color: var(--error-error-700, #601819); } - .group:hover .sm\:group-hover\:opacity-25 { - opacity: 0.25; + .lg\:hover\:border-colors-black:hover { + border-color: var(--colors-black, #000000); } - .group:hover .sm\:group-hover\:opacity-30 { - opacity: 0.3; + .lg\:hover\:border-colors-white:hover { + border-color: var(--colors-white, #ffffff); } - .group:hover .sm\:group-hover\:opacity-40 { - opacity: 0.4; + .lg\:hover\:border-colors-gray-100:hover { + border-color: var(--colors-gray-100, #f7fafc); } - .group:hover .sm\:group-hover\:opacity-50 { - opacity: 0.5; + .lg\:hover\:border-colors-gray-200:hover { + border-color: var(--colors-gray-200, #edf2f7); } - .group:hover .sm\:group-hover\:opacity-60 { - opacity: 0.6; + .lg\:hover\:border-colors-gray-300:hover { + border-color: var(--colors-gray-300, #e2e8f0); } - .group:hover .sm\:group-hover\:opacity-70 { - opacity: 0.7; + .lg\:hover\:border-colors-gray-400:hover { + border-color: var(--colors-gray-400, #cbd5e0); } - .group:hover .sm\:group-hover\:opacity-75 { - opacity: 0.75; + .lg\:hover\:border-colors-gray-500:hover { + border-color: var(--colors-gray-500, #a0aec0); } - .group:hover .sm\:group-hover\:opacity-80 { - opacity: 0.8; + .lg\:hover\:border-colors-gray-600:hover { + border-color: var(--colors-gray-600, #718096); } - .group:hover .sm\:group-hover\:opacity-90 { - opacity: 0.9; + .lg\:hover\:border-colors-gray-700:hover { + border-color: var(--colors-gray-700, #4a5568); } - .group:hover .sm\:group-hover\:opacity-95 { - opacity: 0.95; + .lg\:hover\:border-colors-gray-800:hover { + border-color: var(--colors-gray-800, #2d3748); } - .group:hover .sm\:group-hover\:opacity-100 { - opacity: 1; + .lg\:hover\:border-colors-gray-900:hover { + border-color: var(--colors-gray-900, #1a202c); } - .sm\:focus-within\:opacity-0:focus-within { - opacity: 0; + .lg\:hover\:border-colors-red-100:hover { + border-color: var(--colors-red-100, #fff5f5); } - .sm\:focus-within\:opacity-5:focus-within { - opacity: 0.05; + .lg\:hover\:border-colors-red-200:hover { + border-color: var(--colors-red-200, #fed7d7); } - .sm\:focus-within\:opacity-10:focus-within { - opacity: 0.1; + .lg\:hover\:border-colors-red-300:hover { + border-color: var(--colors-red-300, #feb2b2); } - .sm\:focus-within\:opacity-20:focus-within { - opacity: 0.2; + .lg\:hover\:border-colors-red-400:hover { + border-color: var(--colors-red-400, #fc8181); } - .sm\:focus-within\:opacity-25:focus-within { - opacity: 0.25; + .lg\:hover\:border-colors-red-500:hover { + border-color: var(--colors-red-500, #f56565); } - .sm\:focus-within\:opacity-30:focus-within { - opacity: 0.3; + .lg\:hover\:border-colors-red-600:hover { + border-color: var(--colors-red-600, #e53e3e); } - .sm\:focus-within\:opacity-40:focus-within { - opacity: 0.4; + .lg\:hover\:border-colors-red-700:hover { + border-color: var(--colors-red-700, #c53030); } - .sm\:focus-within\:opacity-50:focus-within { - opacity: 0.5; + .lg\:hover\:border-colors-red-800:hover { + border-color: var(--colors-red-800, #9b2c2c); } - .sm\:focus-within\:opacity-60:focus-within { - opacity: 0.6; + .lg\:hover\:border-colors-red-900:hover { + border-color: var(--colors-red-900, #742a2a); } - .sm\:focus-within\:opacity-70:focus-within { - opacity: 0.7; + .lg\:hover\:border-colors-orange-100:hover { + border-color: var(--colors-orange-100, #fffaf0); } - .sm\:focus-within\:opacity-75:focus-within { - opacity: 0.75; + .lg\:hover\:border-colors-orange-200:hover { + border-color: var(--colors-orange-200, #feebc8); } - .sm\:focus-within\:opacity-80:focus-within { - opacity: 0.8; + .lg\:hover\:border-colors-orange-300:hover { + border-color: var(--colors-orange-300, #fbd38d); } - .sm\:focus-within\:opacity-90:focus-within { - opacity: 0.9; + .lg\:hover\:border-colors-orange-400:hover { + border-color: var(--colors-orange-400, #f6ad55); } - .sm\:focus-within\:opacity-95:focus-within { - opacity: 0.95; + .lg\:hover\:border-colors-orange-500:hover { + border-color: var(--colors-orange-500, #ed8936); } - .sm\:focus-within\:opacity-100:focus-within { - opacity: 1; + .lg\:hover\:border-colors-orange-600:hover { + border-color: var(--colors-orange-600, #dd6b20); } - .sm\:hover\:opacity-0:hover { - opacity: 0; + .lg\:hover\:border-colors-orange-700:hover { + border-color: var(--colors-orange-700, #c05621); } - .sm\:hover\:opacity-5:hover { - opacity: 0.05; + .lg\:hover\:border-colors-orange-800:hover { + border-color: var(--colors-orange-800, #9c4221); } - .sm\:hover\:opacity-10:hover { - opacity: 0.1; + .lg\:hover\:border-colors-orange-900:hover { + border-color: var(--colors-orange-900, #7b341e); } - .sm\:hover\:opacity-20:hover { - opacity: 0.2; + .lg\:hover\:border-colors-yellow-100:hover { + border-color: var(--colors-yellow-100, #fffff0); } - .sm\:hover\:opacity-25:hover { - opacity: 0.25; + .lg\:hover\:border-colors-yellow-200:hover { + border-color: var(--colors-yellow-200, #fefcbf); } - .sm\:hover\:opacity-30:hover { - opacity: 0.3; + .lg\:hover\:border-colors-yellow-300:hover { + border-color: var(--colors-yellow-300, #faf089); } - .sm\:hover\:opacity-40:hover { - opacity: 0.4; + .lg\:hover\:border-colors-yellow-400:hover { + border-color: var(--colors-yellow-400, #f6e05e); } - .sm\:hover\:opacity-50:hover { - opacity: 0.5; + .lg\:hover\:border-colors-yellow-500:hover { + border-color: var(--colors-yellow-500, #ecc94b); } - .sm\:hover\:opacity-60:hover { - opacity: 0.6; + .lg\:hover\:border-colors-yellow-600:hover { + border-color: var(--colors-yellow-600, #d69e2e); } - .sm\:hover\:opacity-70:hover { - opacity: 0.7; + .lg\:hover\:border-colors-yellow-700:hover { + border-color: var(--colors-yellow-700, #b7791f); } - .sm\:hover\:opacity-75:hover { - opacity: 0.75; + .lg\:hover\:border-colors-yellow-800:hover { + border-color: var(--colors-yellow-800, #975a16); } - .sm\:hover\:opacity-80:hover { - opacity: 0.8; + .lg\:hover\:border-colors-yellow-900:hover { + border-color: var(--colors-yellow-900, #744210); } - .sm\:hover\:opacity-90:hover { - opacity: 0.9; + .lg\:hover\:border-colors-green-100:hover { + border-color: var(--colors-green-100, #f0fff4); } - .sm\:hover\:opacity-95:hover { - opacity: 0.95; + .lg\:hover\:border-colors-green-200:hover { + border-color: var(--colors-green-200, #c6f6d5); } - .sm\:hover\:opacity-100:hover { - opacity: 1; + .lg\:hover\:border-colors-green-300:hover { + border-color: var(--colors-green-300, #9ae6b4); } - .sm\:focus\:opacity-0:focus { - opacity: 0; + .lg\:hover\:border-colors-green-400:hover { + border-color: var(--colors-green-400, #68d391); } - .sm\:focus\:opacity-5:focus { - opacity: 0.05; + .lg\:hover\:border-colors-green-500:hover { + border-color: var(--colors-green-500, #48bb78); } - .sm\:focus\:opacity-10:focus { - opacity: 0.1; + .lg\:hover\:border-colors-green-600:hover { + border-color: var(--colors-green-600, #38a169); } - .sm\:focus\:opacity-20:focus { - opacity: 0.2; + .lg\:hover\:border-colors-green-700:hover { + border-color: var(--colors-green-700, #2f855a); } - .sm\:focus\:opacity-25:focus { - opacity: 0.25; + .lg\:hover\:border-colors-green-800:hover { + border-color: var(--colors-green-800, #276749); } - .sm\:focus\:opacity-30:focus { - opacity: 0.3; + .lg\:hover\:border-colors-green-900:hover { + border-color: var(--colors-green-900, #22543d); } - .sm\:focus\:opacity-40:focus { - opacity: 0.4; + .lg\:hover\:border-colors-teal-100:hover { + border-color: var(--colors-teal-100, #e6fffa); } - .sm\:focus\:opacity-50:focus { - opacity: 0.5; + .lg\:hover\:border-colors-teal-200:hover { + border-color: var(--colors-teal-200, #b2f5ea); } - .sm\:focus\:opacity-60:focus { - opacity: 0.6; + .lg\:hover\:border-colors-teal-300:hover { + border-color: var(--colors-teal-300, #81e6d9); } - .sm\:focus\:opacity-70:focus { - opacity: 0.7; + .lg\:hover\:border-colors-teal-400:hover { + border-color: var(--colors-teal-400, #4fd1c5); } - .sm\:focus\:opacity-75:focus { - opacity: 0.75; + .lg\:hover\:border-colors-teal-500:hover { + border-color: var(--colors-teal-500, #38b2ac); } - .sm\:focus\:opacity-80:focus { - opacity: 0.8; + .lg\:hover\:border-colors-teal-600:hover { + border-color: var(--colors-teal-600, #319795); } - .sm\:focus\:opacity-90:focus { - opacity: 0.9; + .lg\:hover\:border-colors-teal-700:hover { + border-color: var(--colors-teal-700, #2c7a7b); } - .sm\:focus\:opacity-95:focus { - opacity: 0.95; + .lg\:hover\:border-colors-teal-800:hover { + border-color: var(--colors-teal-800, #285e61); } - .sm\:focus\:opacity-100:focus { - opacity: 1; + .lg\:hover\:border-colors-teal-900:hover { + border-color: var(--colors-teal-900, #234e52); } - .sm\:bg-blend-normal { - background-blend-mode: normal; + .lg\:hover\:border-colors-blue-100:hover { + border-color: var(--colors-blue-100, #ebf8ff); } - .sm\:bg-blend-multiply { - background-blend-mode: multiply; + .lg\:hover\:border-colors-blue-200:hover { + border-color: var(--colors-blue-200, #bee3f8); } - .sm\:bg-blend-screen { - background-blend-mode: screen; + .lg\:hover\:border-colors-blue-300:hover { + border-color: var(--colors-blue-300, #90cdf4); } - .sm\:bg-blend-overlay { - background-blend-mode: overlay; + .lg\:hover\:border-colors-blue-400:hover { + border-color: var(--colors-blue-400, #63b3ed); } - .sm\:bg-blend-darken { - background-blend-mode: darken; + .lg\:hover\:border-colors-blue-500:hover { + border-color: var(--colors-blue-500, #4299e1); } - .sm\:bg-blend-lighten { - background-blend-mode: lighten; + .lg\:hover\:border-colors-blue-600:hover { + border-color: var(--colors-blue-600, #3182ce); } - .sm\:bg-blend-color-dodge { - background-blend-mode: color-dodge; + .lg\:hover\:border-colors-blue-700:hover { + border-color: var(--colors-blue-700, #2b6cb0); } - .sm\:bg-blend-color-burn { - background-blend-mode: color-burn; + .lg\:hover\:border-colors-blue-800:hover { + border-color: var(--colors-blue-800, #2c5282); } - .sm\:bg-blend-hard-light { - background-blend-mode: hard-light; + .lg\:hover\:border-colors-blue-900:hover { + border-color: var(--colors-blue-900, #2a4365); } - .sm\:bg-blend-soft-light { - background-blend-mode: soft-light; + .lg\:hover\:border-colors-indigo-100:hover { + border-color: var(--colors-indigo-100, #ebf4ff); } - .sm\:bg-blend-difference { - background-blend-mode: difference; + .lg\:hover\:border-colors-indigo-200:hover { + border-color: var(--colors-indigo-200, #c3dafe); } - .sm\:bg-blend-exclusion { - background-blend-mode: exclusion; + .lg\:hover\:border-colors-indigo-300:hover { + border-color: var(--colors-indigo-300, #a3bffa); } - .sm\:bg-blend-hue { - background-blend-mode: hue; + .lg\:hover\:border-colors-indigo-400:hover { + border-color: var(--colors-indigo-400, #7f9cf5); } - .sm\:bg-blend-saturation { - background-blend-mode: saturation; + .lg\:hover\:border-colors-indigo-500:hover { + border-color: var(--colors-indigo-500, #667eea); } - .sm\:bg-blend-color { - background-blend-mode: color; + .lg\:hover\:border-colors-indigo-600:hover { + border-color: var(--colors-indigo-600, #5a67d8); } - .sm\:bg-blend-luminosity { - background-blend-mode: luminosity; + .lg\:hover\:border-colors-indigo-700:hover { + border-color: var(--colors-indigo-700, #4c51bf); } - .sm\:mix-blend-normal { - mix-blend-mode: normal; + .lg\:hover\:border-colors-indigo-800:hover { + border-color: var(--colors-indigo-800, #434190); } - .sm\:mix-blend-multiply { - mix-blend-mode: multiply; + .lg\:hover\:border-colors-indigo-900:hover { + border-color: var(--colors-indigo-900, #3c366b); } - .sm\:mix-blend-screen { - mix-blend-mode: screen; + .lg\:hover\:border-colors-purple-100:hover { + border-color: var(--colors-purple-100, #faf5ff); } - .sm\:mix-blend-overlay { - mix-blend-mode: overlay; + .lg\:hover\:border-colors-purple-200:hover { + border-color: var(--colors-purple-200, #e9d8fd); } - .sm\:mix-blend-darken { - mix-blend-mode: darken; + .lg\:hover\:border-colors-purple-300:hover { + border-color: var(--colors-purple-300, #d6bcfa); } - .sm\:mix-blend-lighten { - mix-blend-mode: lighten; + .lg\:hover\:border-colors-purple-400:hover { + border-color: var(--colors-purple-400, #b794f4); } - .sm\:mix-blend-color-dodge { - mix-blend-mode: color-dodge; + .lg\:hover\:border-colors-purple-500:hover { + border-color: var(--colors-purple-500, #9f7aea); } - .sm\:mix-blend-color-burn { - mix-blend-mode: color-burn; + .lg\:hover\:border-colors-purple-600:hover { + border-color: var(--colors-purple-600, #805ad5); } - .sm\:mix-blend-hard-light { - mix-blend-mode: hard-light; + .lg\:hover\:border-colors-purple-700:hover { + border-color: var(--colors-purple-700, #6b46c1); } - .sm\:mix-blend-soft-light { - mix-blend-mode: soft-light; + .lg\:hover\:border-colors-purple-800:hover { + border-color: var(--colors-purple-800, #553c9a); } - .sm\:mix-blend-difference { - mix-blend-mode: difference; + .lg\:hover\:border-colors-purple-900:hover { + border-color: var(--colors-purple-900, #44337a); } - .sm\:mix-blend-exclusion { - mix-blend-mode: exclusion; + .lg\:hover\:border-colors-pink-100:hover { + border-color: var(--colors-pink-100, #fff5f7); } - .sm\:mix-blend-hue { - mix-blend-mode: hue; + .lg\:hover\:border-colors-pink-200:hover { + border-color: var(--colors-pink-200, #fed7e2); } - .sm\:mix-blend-saturation { - mix-blend-mode: saturation; + .lg\:hover\:border-colors-pink-300:hover { + border-color: var(--colors-pink-300, #fbb6ce); } - .sm\:mix-blend-color { - mix-blend-mode: color; + .lg\:hover\:border-colors-pink-400:hover { + border-color: var(--colors-pink-400, #f687b3); } - .sm\:mix-blend-luminosity { - mix-blend-mode: luminosity; + .lg\:hover\:border-colors-pink-500:hover { + border-color: var(--colors-pink-500, #ed64a6); } - .sm\:shadow-sm { - --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .lg\:hover\:border-colors-pink-600:hover { + border-color: var(--colors-pink-600, #d53f8c); } - .sm\:shadow { - --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .lg\:hover\:border-colors-pink-700:hover { + border-color: var(--colors-pink-700, #b83280); } - .sm\:shadow-md { - --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .lg\:hover\:border-colors-pink-800:hover { + border-color: var(--colors-pink-800, #97266d); } - .sm\:shadow-lg { - --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .lg\:hover\:border-colors-pink-900:hover { + border-color: var(--colors-pink-900, #702459); } - .sm\:shadow-xl { - --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .lg\:hover\:border-Box\ Shadow:hover { + border-color: var(--box-shadow, #7f7e7f); } - .sm\:shadow-2xl { - --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .lg\:hover\:border-Error16:hover { + border-color: var(--error16, #f03d3e40); } - .sm\:shadow-inner { - --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .lg\:hover\:border-Success16:hover { + border-color: var(--success16, #5bb14d40); } - .sm\:shadow-none { - --tw-shadow: 0 0 #0000; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .lg\:hover\:border-Notification16:hover { + border-color: var(--notification16, #3959ff40); } - .group:hover .sm\:group-hover\:shadow-sm { - --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .lg\:hover\:border-Error8:hover { + border-color: var(--error8, #f03d3e1a); } - .group:hover .sm\:group-hover\:shadow { - --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .lg\:hover\:border-Notification8:hover { + border-color: var(--notification8, #3959ff1a); } - .group:hover .sm\:group-hover\:shadow-md { - --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .lg\:hover\:border-Success8:hover { + border-color: var(--success8, #5bb14d1a); } - .group:hover .sm\:group-hover\:shadow-lg { - --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .lg\:hover\:border-Light\ -\ Overlay:hover { + border-color: var(--light-overlay, #f0edee66); } - .group:hover .sm\:group-hover\:shadow-xl { - --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .lg\:hover\:border-Dark-\ Overlay:hover { + border-color: var(--dark-overlay, #7f7e7f66); } - .group:hover .sm\:group-hover\:shadow-2xl { - --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .lg\:hover\:border-black-40:hover { + border-color: var(--black-40, #00000066); } - .group:hover .sm\:group-hover\:shadow-inner { - --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .lg\:hover\:border-black-75:hover { + border-color: var(--black-75, #000000bf); } - .group:hover .sm\:group-hover\:shadow-none { - --tw-shadow: 0 0 #0000; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .lg\:hover\:border-black-60:hover { + border-color: var(--black-60, #00000099); } - .sm\:focus-within\:shadow-sm:focus-within { - --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .lg\:hover\:border-black-50:hover { + border-color: var(--black-50, #00000080); } - .sm\:focus-within\:shadow:focus-within { - --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .lg\:hover\:border-black-25:hover { + border-color: var(--black-25, #00000040); } - .sm\:focus-within\:shadow-md:focus-within { - --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .lg\:hover\:border-black-10:hover { + border-color: var(--black-10, #0000001a); } - .sm\:focus-within\:shadow-lg:focus-within { - --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .lg\:hover\:border-white-25:hover { + border-color: var(--white-25, #ffffff40); } - .sm\:focus-within\:shadow-xl:focus-within { - --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .lg\:hover\:border-white-60:hover { + border-color: var(--white-60, #ffffff99); } - .sm\:focus-within\:shadow-2xl:focus-within { - --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .lg\:hover\:border-black-64:hover { + border-color: var(--black-64, #000000a3); } - .sm\:focus-within\:shadow-inner:focus-within { - --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .lg\:hover\:border-Shadow\ and\ Highlight-Shadow:hover { + border-color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .sm\:focus-within\:shadow-none:focus-within { - --tw-shadow: 0 0 #0000; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .lg\:hover\:border-Shadow\ and\ Highlight-Highlight:hover { + border-color: var(--shadow-and-highlight-highlight, #474747); } - .sm\:hover\:shadow-sm:hover { - --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .lg\:hover\:border-Shadow\ and\ Highlight-highlight\ one:hover { + border-color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .sm\:hover\:shadow:hover { - --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .lg\:hover\:border-Shadow\ and\ Highlight-highlight\ two:hover { + border-color: var(--shadow-and-highlight-highlight-two, #47474799); } - .sm\:hover\:shadow-md:hover { - --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .lg\:hover\:border-Shadow\ and\ Highlight-highlight\ three:hover { + border-color: var(--shadow-and-highlight-highlight-three, #47474766); } - .sm\:hover\:shadow-lg:hover { - --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .lg\:hover\:border-Shadow\ and\ Highlight-highlight\ five:hover { + border-color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .sm\:hover\:shadow-xl:hover { - --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .lg\:hover\:border-Shadow\ and\ Highlight-shadow\ one:hover { + border-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .sm\:hover\:shadow-2xl:hover { - --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .lg\:hover\:border-Shadow\ and\ Highlight-shadow\ two:hover { + border-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .sm\:hover\:shadow-inner:hover { - --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .lg\:hover\:border-Shadow\ and\ Highlight-shadow\ three:hover { + border-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .sm\:hover\:shadow-none:hover { - --tw-shadow: 0 0 #0000; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .lg\:hover\:border-Shadow\ and\ Highlight-shadow\ four:hover { + border-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .sm\:focus\:shadow-sm:focus { - --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .lg\:hover\:border-Shadow\ and\ Highlight-shadow\ five:hover { + border-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .sm\:focus\:shadow:focus { - --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .lg\:hover\:border-Shadow\ and\ Highlight-highlight\ four:hover { + border-color: var(--shadow-and-highlight-highlight-four, #47474740); } - .sm\:focus\:shadow-md:focus { - --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .lg\:hover\:border-Base\ Layer\ Styles-Base\ Layer-\ Light-White:hover { + border-color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .sm\:focus\:shadow-lg:focus { - --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .lg\:hover\:border-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:hover { + border-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .sm\:focus\:shadow-xl:focus { - --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .lg\:hover\:border-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:hover { + border-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .sm\:focus\:shadow-2xl:focus { - --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .lg\:hover\:border-Base\ Layer\ Styles-Base\ Layer-Dark-Black:hover { + border-color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .sm\:focus\:shadow-inner:focus { - --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .lg\:hover\:border-Grey-Scale-white:hover { + border-color: var(--grey-scale-white, #ffffff); } - .sm\:focus\:shadow-none:focus { - --tw-shadow: 0 0 #0000; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .lg\:hover\:border-Grey-Scale-off-white:hover { + border-color: var(--grey-scale-off-white, #f0edee); } - .sm\:outline-none { - outline: 2px solid transparent; - outline-offset: 2px; + .lg\:hover\:border-Grey\ Scale-grey:hover { + border-color: var(--grey-scale-grey, #7f7e7f); } - .sm\:outline-white { - outline: 2px dotted white; - outline-offset: 2px; + .lg\:hover\:border-Grey\ Scale-charcoal:hover { + border-color: var(--grey-scale-charcoal, #474747); } - .sm\:outline-black { - outline: 2px dotted black; - outline-offset: 2px; + .lg\:hover\:border-Grey\ Scale-off-black:hover { + border-color: var(--grey-scale-off-black, #1c1c1c); } - .sm\:focus-within\:outline-none:focus-within { - outline: 2px solid transparent; - outline-offset: 2px; + .lg\:hover\:border-Grey\ Scale-black:hover { + border-color: var(--grey-scale-black, #000000); } - .sm\:focus-within\:outline-white:focus-within { - outline: 2px dotted white; - outline-offset: 2px; + .lg\:hover\:border-Blue-blue:hover { + border-color: var(--blue-blue, #3a7ca5); } - .sm\:focus-within\:outline-black:focus-within { - outline: 2px dotted black; - outline-offset: 2px; + .lg\:hover\:border-Blue-blue-100:hover { + border-color: var(--blue-blue-100, #75a3c0); } - .sm\:focus\:outline-none:focus { - outline: 2px solid transparent; - outline-offset: 2px; + .lg\:hover\:border-Blue-blue-200:hover { + border-color: var(--blue-blue-200, #9cbed2); } - .sm\:focus\:outline-white:focus { - outline: 2px dotted white; - outline-offset: 2px; + .lg\:hover\:border-Blue-blue-300:hover { + border-color: var(--blue-blue-300, #4f7d9a); } - .sm\:focus\:outline-black:focus { - outline: 2px dotted black; - outline-offset: 2px; + .lg\:hover\:border-Blue-blue-400:hover { + border-color: var(--blue-blue-400, #5c7d92); } - .sm\: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); + .lg\:hover\:border-Blue-blue-500:hover { + border-color: var(--blue-blue-500, #347095); } - .sm\:ring-1 { - --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); - box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); + .lg\:hover\:border-Blue-blue-600:hover { + border-color: var(--blue-blue-600, #295774); } - .sm\: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); + .lg\:hover\:border-Blue-blue-700:hover { + border-color: var(--blue-blue-700, #173242); } - .sm\: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); + .lg\:hover\:border-LightBlue-lightblue:hover { + border-color: var(--light-blue-lightblue, #81c3d7); } - .sm\:ring-8 { - --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(8px + 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); + .lg\:hover\:border-LightBlue-lightblue-100:hover { + border-color: var(--light-blue-lightblue-100, #a7d5e3); } - .sm\: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); + .lg\:hover\:border-LightBlue-lightblue-200:hover { + border-color: var(--light-blue-lightblue-200, #c0e1eb); } - .sm\:focus-within\:ring-0:focus-within { - --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(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); + .lg\:hover\:border-LightBlue-lightblue-300:hover { + border-color: var(--light-blue-lightblue-300, #80aebd); } - .sm\:focus-within\:ring-1:focus-within { - --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); - box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); + .lg\:hover\:border-LightBlue-lightblue-400:hover { + border-color: var(--light-blue-lightblue-400, #80a0ab); } - .sm\:focus-within\:ring-2:focus-within { - --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); - box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); + .lg\:hover\:border-LightBlue-lightblue-500:hover { + border-color: var(--light-blue-lightblue-500, #74afc1); } - .sm\:focus-within\:ring-4:focus-within { - --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(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); + .lg\:hover\:border-LightBlue-lightblue-600:hover { + border-color: var(--light-blue-lightblue-600, #5a8997); } - .sm\:focus-within\:ring-8:focus-within { - --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + 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); + .lg\:hover\:border-LightBlue-lightblue-650:hover { + border-color: var(--light-blue-lightblue-650, #3e5e65); } - .sm\:focus-within\:ring:focus-within { - --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(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); + .lg\:hover\:border-LightBlue-lightblue-700:hover { + border-color: var(--light-blue-lightblue-700, #344e56); } - .sm\: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); + .lg\:hover\:border-Orange-orange:hover { + border-color: var(--orange-orange, #ff7f0e); } - .sm\: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); + .lg\:hover\:border-Orange-orange-100:hover { + border-color: var(--orange-orange-100, #ffa556); } - .sm\: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); + .lg\:hover\:border-Orange-orange-200:hover { + border-color: var(--orange-orange-200, #ffbf86); } - .sm\:focus\:ring-4:focus { - --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color); - box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); + .lg\:hover\:border-Orange-orange-300:hover { + border-color: var(--orange-orange-300, #d97f30); } - .sm\:focus\:ring-8: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(8px + 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); + .lg\:hover\:border-Orange-orange-400:hover { + border-color: var(--orange-orange-400, #bf7e46); } - .sm\:focus\:ring: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(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); + .lg\:hover\:border-Orange-orange-500:hover { + border-color: var(--orange-orange-500, #e5720d); } - .sm\:ring-inset { - --tw-ring-inset: inset; + .lg\:hover\:border-Orange-orange-600:hover { + border-color: var(--orange-orange-600, #b3590a); } - .sm\:focus-within\:ring-inset:focus-within { - --tw-ring-inset: inset; + .lg\:hover\:border-Orange-orange-700:hover { + border-color: var(--orange-orange-700, #663306); } - .sm\:focus\:ring-inset:focus { - --tw-ring-inset: inset; + .lg\:hover\:border-Yellow-yellow:hover { + border-color: var(--yellow-yellow, #ffab00); } - .sm\:ring-transparent { - --tw-ring-color: transparent; + .lg\:hover\:border-Yellow-yellow-100:hover { + border-color: var(--yellow-yellow-100, #ffc44c); } - .sm\:ring-current { - --tw-ring-color: currentColor; + .lg\:hover\:border-Yellow-yellow-200:hover { + border-color: var(--yellow-yellow-200, #ffd580); } - .sm\:ring-black { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity)); + .lg\:hover\:border-Yellow-yellow-300:hover { + border-color: var(--yellow-yellow-300, #d99d26); } - .sm\:ring-white { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity)); + .lg\:hover\:border-Yellow-yellow-400:hover { + border-color: var(--yellow-yellow-400, #bf943f); } - .sm\:ring-gray-50 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity)); + .lg\:hover\:border-Yellow-yellow-500:hover { + border-color: var(--yellow-yellow-500, #e59a00); } - .sm\:ring-gray-100 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity)); + .lg\:hover\:border-Yellow-yellow-600:hover { + border-color: var(--yellow-yellow-600, #b37800); } - .sm\:ring-gray-200 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity)); + .lg\:hover\:border-Yellow-yellow-700:hover { + border-color: var(--yellow-yellow-700, #664400); } - .sm\:ring-gray-300 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity)); + .lg\:hover\:border-Notification-notification:hover { + border-color: var(--notification-notification, #3959ff); } - .sm\:ring-gray-400 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity)); + .lg\:hover\:border-Notification-notification-100:hover { + border-color: var(--notification-notification-100, #748bff); } - .sm\:ring-gray-500 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity)); + .lg\:hover\:border-Notification-notification-200:hover { + border-color: var(--notification-notification-200, #9cacff); } - .sm\:ring-gray-600 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity)); + .lg\:hover\:border-Notification-notification-300:hover { + border-color: var(--notification-notification-300, #4e64d9); } - .sm\:ring-gray-700 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity)); + .lg\:hover\:border-Notification-notification-400:hover { + border-color: var(--notification-notification-400, #5c6cbf); } - .sm\:ring-gray-800 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity)); + .lg\:hover\:border-Notification-notification-500:hover { + border-color: var(--notification-notification-500, #3350e5); } - .sm\:ring-gray-900 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity)); + .lg\:hover\:border-Notification-notification-600:hover { + border-color: var(--notification-notification-600, #283eb3); } - .sm\:ring-red-50 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity)); + .lg\:hover\:border-Notification-notification-700:hover { + border-color: var(--notification-notification-700, #172466); } - .sm\:ring-red-100 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity)); + .lg\:hover\:border-Success-success\ -700:hover { + border-color: var(--success-success-700, #24471f); } - .sm\:ring-red-200 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity)); + .lg\:hover\:border-Success-success:hover { + border-color: var(--success-success, #5bb14d); } - .sm\:ring-red-300 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity)); + .lg\:hover\:border-Success-success\ -100:hover { + border-color: var(--success-success-100, #8cc882); } - .sm\:ring-red-400 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity)); + .lg\:hover\:border-Success-success\ -200:hover { + border-color: var(--success-success-200, #add8a6); } - .sm\:ring-red-500 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity)); + .lg\:hover\:border-Success-success\ -300:hover { + border-color: var(--success-success-300, #66a25c); } - .sm\:ring-red-600 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity)); + .lg\:hover\:border-Success-success\ -400:hover { + border-color: var(--success-success-400, #6d9766); } - .sm\:ring-red-700 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity)); + .lg\:hover\:border-Success-success\ -500:hover { + border-color: var(--success-success-500, #529f45); } - .sm\:ring-red-800 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity)); + .lg\:hover\:border-Success-success\ -600:hover { + border-color: var(--success-success-600, #407c36); } - .sm\:ring-red-900 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity)); + .lg\:hover\:border-Error-error:hover { + border-color: var(--error-error, #f03d3e); } - .sm\:ring-yellow-50 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity)); + .lg\:hover\:border-Error-error-100:hover { + border-color: var(--error-error-100, #f57778); } - .sm\:ring-yellow-100 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity)); + .lg\:hover\:border-Error-error-200:hover { + border-color: var(--error-error-200, #f89e9e); } - .sm\:ring-yellow-200 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity)); + .lg\:hover\:border-Error-error-250:hover { + border-color: var(--error-error-250, #f9c8c8); } - .sm\:ring-yellow-300 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity)); + .lg\:hover\:border-Error-error-300:hover { + border-color: var(--error-error-300, #ce5151); } - .sm\:ring-yellow-400 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity)); + .lg\:hover\:border-Error-error-400:hover { + border-color: var(--error-error-400, #b85e5e); } - .sm\:ring-yellow-500 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity)); + .lg\:hover\:border-Error-error-500:hover { + border-color: var(--error-error-500, #d83738); } - .sm\:ring-yellow-600 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity)); + .lg\:hover\:border-Error-error-600:hover { + border-color: var(--error-error-600, #a82b2b); } - .sm\:ring-yellow-700 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity)); + .lg\:hover\:border-Error-error-700:hover { + border-color: var(--error-error-700, #601819); } - .sm\:ring-yellow-800 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-black:focus { + border-color: var(--colors-black, #000000); } - .sm\:ring-yellow-900 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-white:focus { + border-color: var(--colors-white, #ffffff); } - .sm\:ring-green-50 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-gray-100:focus { + border-color: var(--colors-gray-100, #f7fafc); } - .sm\:ring-green-100 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-gray-200:focus { + border-color: var(--colors-gray-200, #edf2f7); } - .sm\:ring-green-200 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-gray-300:focus { + border-color: var(--colors-gray-300, #e2e8f0); } - .sm\:ring-green-300 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-gray-400:focus { + border-color: var(--colors-gray-400, #cbd5e0); } - .sm\:ring-green-400 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-gray-500:focus { + border-color: var(--colors-gray-500, #a0aec0); } - .sm\:ring-green-500 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-gray-600:focus { + border-color: var(--colors-gray-600, #718096); } - .sm\:ring-green-600 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-gray-700:focus { + border-color: var(--colors-gray-700, #4a5568); } - .sm\:ring-green-700 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-gray-800:focus { + border-color: var(--colors-gray-800, #2d3748); } - .sm\:ring-green-800 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-gray-900:focus { + border-color: var(--colors-gray-900, #1a202c); } - .sm\:ring-green-900 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-red-100:focus { + border-color: var(--colors-red-100, #fff5f5); } - .sm\:ring-blue-50 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-red-200:focus { + border-color: var(--colors-red-200, #fed7d7); } - .sm\:ring-blue-100 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-red-300:focus { + border-color: var(--colors-red-300, #feb2b2); } - .sm\:ring-blue-200 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-red-400:focus { + border-color: var(--colors-red-400, #fc8181); } - .sm\:ring-blue-300 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-red-500:focus { + border-color: var(--colors-red-500, #f56565); } - .sm\:ring-blue-400 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-red-600:focus { + border-color: var(--colors-red-600, #e53e3e); } - .sm\:ring-blue-500 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-red-700:focus { + border-color: var(--colors-red-700, #c53030); } - .sm\:ring-blue-600 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-red-800:focus { + border-color: var(--colors-red-800, #9b2c2c); } - .sm\:ring-blue-700 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-red-900:focus { + border-color: var(--colors-red-900, #742a2a); } - .sm\:ring-blue-800 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-orange-100:focus { + border-color: var(--colors-orange-100, #fffaf0); } - .sm\:ring-blue-900 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-orange-200:focus { + border-color: var(--colors-orange-200, #feebc8); } - .sm\:ring-indigo-50 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-orange-300:focus { + border-color: var(--colors-orange-300, #fbd38d); } - .sm\:ring-indigo-100 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-orange-400:focus { + border-color: var(--colors-orange-400, #f6ad55); } - .sm\:ring-indigo-200 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-orange-500:focus { + border-color: var(--colors-orange-500, #ed8936); } - .sm\:ring-indigo-300 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-orange-600:focus { + border-color: var(--colors-orange-600, #dd6b20); } - .sm\:ring-indigo-400 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-orange-700:focus { + border-color: var(--colors-orange-700, #c05621); } - .sm\:ring-indigo-500 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-orange-800:focus { + border-color: var(--colors-orange-800, #9c4221); } - .sm\:ring-indigo-600 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-orange-900:focus { + border-color: var(--colors-orange-900, #7b341e); } - .sm\:ring-indigo-700 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-yellow-100:focus { + border-color: var(--colors-yellow-100, #fffff0); } - .sm\:ring-indigo-800 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-yellow-200:focus { + border-color: var(--colors-yellow-200, #fefcbf); } - .sm\:ring-indigo-900 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-yellow-300:focus { + border-color: var(--colors-yellow-300, #faf089); } - .sm\:ring-purple-50 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-yellow-400:focus { + border-color: var(--colors-yellow-400, #f6e05e); } - .sm\:ring-purple-100 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-yellow-500:focus { + border-color: var(--colors-yellow-500, #ecc94b); } - .sm\:ring-purple-200 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-yellow-600:focus { + border-color: var(--colors-yellow-600, #d69e2e); } - .sm\:ring-purple-300 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-yellow-700:focus { + border-color: var(--colors-yellow-700, #b7791f); } - .sm\:ring-purple-400 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-yellow-800:focus { + border-color: var(--colors-yellow-800, #975a16); } - .sm\:ring-purple-500 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-yellow-900:focus { + border-color: var(--colors-yellow-900, #744210); } - .sm\:ring-purple-600 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-green-100:focus { + border-color: var(--colors-green-100, #f0fff4); } - .sm\:ring-purple-700 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-green-200:focus { + border-color: var(--colors-green-200, #c6f6d5); } - .sm\:ring-purple-800 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-green-300:focus { + border-color: var(--colors-green-300, #9ae6b4); } - .sm\:ring-purple-900 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-green-400:focus { + border-color: var(--colors-green-400, #68d391); } - .sm\:ring-pink-50 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-green-500:focus { + border-color: var(--colors-green-500, #48bb78); } - .sm\:ring-pink-100 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-green-600:focus { + border-color: var(--colors-green-600, #38a169); } - .sm\:ring-pink-200 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-green-700:focus { + border-color: var(--colors-green-700, #2f855a); } - .sm\:ring-pink-300 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-green-800:focus { + border-color: var(--colors-green-800, #276749); } - .sm\:ring-pink-400 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-green-900:focus { + border-color: var(--colors-green-900, #22543d); } - .sm\:ring-pink-500 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-teal-100:focus { + border-color: var(--colors-teal-100, #e6fffa); } - .sm\:ring-pink-600 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-teal-200:focus { + border-color: var(--colors-teal-200, #b2f5ea); } - .sm\:ring-pink-700 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-teal-300:focus { + border-color: var(--colors-teal-300, #81e6d9); } - .sm\:ring-pink-800 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-teal-400:focus { + border-color: var(--colors-teal-400, #4fd1c5); } - .sm\:ring-pink-900 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-teal-500:focus { + border-color: var(--colors-teal-500, #38b2ac); } - .sm\:focus-within\:ring-transparent:focus-within { - --tw-ring-color: transparent; + .lg\:focus\:border-colors-teal-600:focus { + border-color: var(--colors-teal-600, #319795); } - .sm\:focus-within\:ring-current:focus-within { - --tw-ring-color: currentColor; + .lg\:focus\:border-colors-teal-700:focus { + border-color: var(--colors-teal-700, #2c7a7b); } - .sm\:focus-within\:ring-black:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-teal-800:focus { + border-color: var(--colors-teal-800, #285e61); } - .sm\:focus-within\:ring-white:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-teal-900:focus { + border-color: var(--colors-teal-900, #234e52); } - .sm\:focus-within\:ring-gray-50:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-blue-100:focus { + border-color: var(--colors-blue-100, #ebf8ff); } - .sm\:focus-within\:ring-gray-100:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-blue-200:focus { + border-color: var(--colors-blue-200, #bee3f8); } - .sm\:focus-within\:ring-gray-200:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-blue-300:focus { + border-color: var(--colors-blue-300, #90cdf4); } - .sm\:focus-within\:ring-gray-300:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-blue-400:focus { + border-color: var(--colors-blue-400, #63b3ed); } - .sm\:focus-within\:ring-gray-400:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-blue-500:focus { + border-color: var(--colors-blue-500, #4299e1); } - .sm\:focus-within\:ring-gray-500:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-blue-600:focus { + border-color: var(--colors-blue-600, #3182ce); } - .sm\:focus-within\:ring-gray-600:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-blue-700:focus { + border-color: var(--colors-blue-700, #2b6cb0); } - .sm\:focus-within\:ring-gray-700:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-blue-800:focus { + border-color: var(--colors-blue-800, #2c5282); } - .sm\:focus-within\:ring-gray-800:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-blue-900:focus { + border-color: var(--colors-blue-900, #2a4365); } - .sm\:focus-within\:ring-gray-900:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-indigo-100:focus { + border-color: var(--colors-indigo-100, #ebf4ff); } - .sm\:focus-within\:ring-red-50:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-indigo-200:focus { + border-color: var(--colors-indigo-200, #c3dafe); } - .sm\:focus-within\:ring-red-100:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-indigo-300:focus { + border-color: var(--colors-indigo-300, #a3bffa); } - .sm\:focus-within\:ring-red-200:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-indigo-400:focus { + border-color: var(--colors-indigo-400, #7f9cf5); } - .sm\:focus-within\:ring-red-300:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-indigo-500:focus { + border-color: var(--colors-indigo-500, #667eea); } - .sm\:focus-within\:ring-red-400:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-indigo-600:focus { + border-color: var(--colors-indigo-600, #5a67d8); } - .sm\:focus-within\:ring-red-500:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-indigo-700:focus { + border-color: var(--colors-indigo-700, #4c51bf); } - .sm\:focus-within\:ring-red-600:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-indigo-800:focus { + border-color: var(--colors-indigo-800, #434190); } - .sm\:focus-within\:ring-red-700:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-indigo-900:focus { + border-color: var(--colors-indigo-900, #3c366b); } - .sm\:focus-within\:ring-red-800:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-purple-100:focus { + border-color: var(--colors-purple-100, #faf5ff); } - .sm\:focus-within\:ring-red-900:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-purple-200:focus { + border-color: var(--colors-purple-200, #e9d8fd); } - .sm\:focus-within\:ring-yellow-50:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-purple-300:focus { + border-color: var(--colors-purple-300, #d6bcfa); } - .sm\:focus-within\:ring-yellow-100:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-purple-400:focus { + border-color: var(--colors-purple-400, #b794f4); } - .sm\:focus-within\:ring-yellow-200:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-purple-500:focus { + border-color: var(--colors-purple-500, #9f7aea); } - .sm\:focus-within\:ring-yellow-300:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-purple-600:focus { + border-color: var(--colors-purple-600, #805ad5); } - .sm\:focus-within\:ring-yellow-400:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-purple-700:focus { + border-color: var(--colors-purple-700, #6b46c1); } - .sm\:focus-within\:ring-yellow-500:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-purple-800:focus { + border-color: var(--colors-purple-800, #553c9a); } - .sm\:focus-within\:ring-yellow-600:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-purple-900:focus { + border-color: var(--colors-purple-900, #44337a); } - .sm\:focus-within\:ring-yellow-700:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-pink-100:focus { + border-color: var(--colors-pink-100, #fff5f7); } - .sm\:focus-within\:ring-yellow-800:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-pink-200:focus { + border-color: var(--colors-pink-200, #fed7e2); } - .sm\:focus-within\:ring-yellow-900:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-pink-300:focus { + border-color: var(--colors-pink-300, #fbb6ce); } - .sm\:focus-within\:ring-green-50:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-pink-400:focus { + border-color: var(--colors-pink-400, #f687b3); } - .sm\:focus-within\:ring-green-100:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-pink-500:focus { + border-color: var(--colors-pink-500, #ed64a6); } - .sm\:focus-within\:ring-green-200:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-pink-600:focus { + border-color: var(--colors-pink-600, #d53f8c); } - .sm\:focus-within\:ring-green-300:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-pink-700:focus { + border-color: var(--colors-pink-700, #b83280); } - .sm\:focus-within\:ring-green-400:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-pink-800:focus { + border-color: var(--colors-pink-800, #97266d); } - .sm\:focus-within\:ring-green-500:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity)); + .lg\:focus\:border-colors-pink-900:focus { + border-color: var(--colors-pink-900, #702459); } - .sm\:focus-within\:ring-green-600:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity)); + .lg\:focus\:border-Box\ Shadow:focus { + border-color: var(--box-shadow, #7f7e7f); } - .sm\:focus-within\:ring-green-700:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity)); + .lg\:focus\:border-Error16:focus { + border-color: var(--error16, #f03d3e40); } - .sm\:focus-within\:ring-green-800:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity)); + .lg\:focus\:border-Success16:focus { + border-color: var(--success16, #5bb14d40); } - .sm\:focus-within\:ring-green-900:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity)); + .lg\:focus\:border-Notification16:focus { + border-color: var(--notification16, #3959ff40); } - .sm\:focus-within\:ring-blue-50:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity)); + .lg\:focus\:border-Error8:focus { + border-color: var(--error8, #f03d3e1a); } - .sm\:focus-within\:ring-blue-100:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity)); + .lg\:focus\:border-Notification8:focus { + border-color: var(--notification8, #3959ff1a); } - .sm\:focus-within\:ring-blue-200:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity)); + .lg\:focus\:border-Success8:focus { + border-color: var(--success8, #5bb14d1a); } - .sm\:focus-within\:ring-blue-300:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity)); + .lg\:focus\:border-Light\ -\ Overlay:focus { + border-color: var(--light-overlay, #f0edee66); } - .sm\:focus-within\:ring-blue-400:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity)); + .lg\:focus\:border-Dark-\ Overlay:focus { + border-color: var(--dark-overlay, #7f7e7f66); } - .sm\:focus-within\:ring-blue-500:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity)); + .lg\:focus\:border-black-40:focus { + border-color: var(--black-40, #00000066); } - .sm\:focus-within\:ring-blue-600:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity)); + .lg\:focus\:border-black-75:focus { + border-color: var(--black-75, #000000bf); } - .sm\:focus-within\:ring-blue-700:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity)); + .lg\:focus\:border-black-60:focus { + border-color: var(--black-60, #00000099); } - .sm\:focus-within\:ring-blue-800:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity)); + .lg\:focus\:border-black-50:focus { + border-color: var(--black-50, #00000080); } - .sm\:focus-within\:ring-blue-900:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity)); + .lg\:focus\:border-black-25:focus { + border-color: var(--black-25, #00000040); } - .sm\:focus-within\:ring-indigo-50:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity)); + .lg\:focus\:border-black-10:focus { + border-color: var(--black-10, #0000001a); } - .sm\:focus-within\:ring-indigo-100:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity)); + .lg\:focus\:border-white-25:focus { + border-color: var(--white-25, #ffffff40); } - .sm\:focus-within\:ring-indigo-200:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity)); + .lg\:focus\:border-white-60:focus { + border-color: var(--white-60, #ffffff99); } - .sm\:focus-within\:ring-indigo-300:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity)); + .lg\:focus\:border-black-64:focus { + border-color: var(--black-64, #000000a3); } - .sm\:focus-within\:ring-indigo-400:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity)); + .lg\:focus\:border-Shadow\ and\ Highlight-Shadow:focus { + border-color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .sm\:focus-within\:ring-indigo-500:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity)); + .lg\:focus\:border-Shadow\ and\ Highlight-Highlight:focus { + border-color: var(--shadow-and-highlight-highlight, #474747); } - .sm\:focus-within\:ring-indigo-600:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity)); + .lg\:focus\:border-Shadow\ and\ Highlight-highlight\ one:focus { + border-color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .sm\:focus-within\:ring-indigo-700:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity)); + .lg\:focus\:border-Shadow\ and\ Highlight-highlight\ two:focus { + border-color: var(--shadow-and-highlight-highlight-two, #47474799); } - .sm\:focus-within\:ring-indigo-800:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity)); + .lg\:focus\:border-Shadow\ and\ Highlight-highlight\ three:focus { + border-color: var(--shadow-and-highlight-highlight-three, #47474766); } - .sm\:focus-within\:ring-indigo-900:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity)); + .lg\:focus\:border-Shadow\ and\ Highlight-highlight\ five:focus { + border-color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .sm\:focus-within\:ring-purple-50:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity)); + .lg\:focus\:border-Shadow\ and\ Highlight-shadow\ one:focus { + border-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .sm\:focus-within\:ring-purple-100:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity)); + .lg\:focus\:border-Shadow\ and\ Highlight-shadow\ two:focus { + border-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .sm\:focus-within\:ring-purple-200:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity)); + .lg\:focus\:border-Shadow\ and\ Highlight-shadow\ three:focus { + border-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .sm\:focus-within\:ring-purple-300:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity)); + .lg\:focus\:border-Shadow\ and\ Highlight-shadow\ four:focus { + border-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .sm\:focus-within\:ring-purple-400:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity)); + .lg\:focus\:border-Shadow\ and\ Highlight-shadow\ five:focus { + border-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .sm\:focus-within\:ring-purple-500:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity)); + .lg\:focus\:border-Shadow\ and\ Highlight-highlight\ four:focus { + border-color: var(--shadow-and-highlight-highlight-four, #47474740); } - .sm\:focus-within\:ring-purple-600:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity)); + .lg\:focus\:border-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus { + border-color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .sm\:focus-within\:ring-purple-700:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity)); + .lg\:focus\:border-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus { + border-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .sm\:focus-within\:ring-purple-800:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity)); + .lg\:focus\:border-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus { + border-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .sm\:focus-within\:ring-purple-900:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity)); + .lg\:focus\:border-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus { + border-color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .sm\:focus-within\:ring-pink-50:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity)); + .lg\:focus\:border-Grey-Scale-white:focus { + border-color: var(--grey-scale-white, #ffffff); } - .sm\:focus-within\:ring-pink-100:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity)); + .lg\:focus\:border-Grey-Scale-off-white:focus { + border-color: var(--grey-scale-off-white, #f0edee); } - .sm\:focus-within\:ring-pink-200:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity)); + .lg\:focus\:border-Grey\ Scale-grey:focus { + border-color: var(--grey-scale-grey, #7f7e7f); } - .sm\:focus-within\:ring-pink-300:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity)); + .lg\:focus\:border-Grey\ Scale-charcoal:focus { + border-color: var(--grey-scale-charcoal, #474747); } - .sm\:focus-within\:ring-pink-400:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity)); + .lg\:focus\:border-Grey\ Scale-off-black:focus { + border-color: var(--grey-scale-off-black, #1c1c1c); } - .sm\:focus-within\:ring-pink-500:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity)); + .lg\:focus\:border-Grey\ Scale-black:focus { + border-color: var(--grey-scale-black, #000000); } - .sm\:focus-within\:ring-pink-600:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity)); + .lg\:focus\:border-Blue-blue:focus { + border-color: var(--blue-blue, #3a7ca5); } - .sm\:focus-within\:ring-pink-700:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity)); + .lg\:focus\:border-Blue-blue-100:focus { + border-color: var(--blue-blue-100, #75a3c0); } - .sm\:focus-within\:ring-pink-800:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity)); + .lg\:focus\:border-Blue-blue-200:focus { + border-color: var(--blue-blue-200, #9cbed2); } - .sm\:focus-within\:ring-pink-900:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity)); + .lg\:focus\:border-Blue-blue-300:focus { + border-color: var(--blue-blue-300, #4f7d9a); } - .sm\:focus\:ring-transparent:focus { - --tw-ring-color: transparent; + .lg\:focus\:border-Blue-blue-400:focus { + border-color: var(--blue-blue-400, #5c7d92); } - .sm\:focus\:ring-current:focus { - --tw-ring-color: currentColor; + .lg\:focus\:border-Blue-blue-500:focus { + border-color: var(--blue-blue-500, #347095); } - .sm\:focus\:ring-black:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity)); + .lg\:focus\:border-Blue-blue-600:focus { + border-color: var(--blue-blue-600, #295774); } - .sm\:focus\:ring-white:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity)); + .lg\:focus\:border-Blue-blue-700:focus { + border-color: var(--blue-blue-700, #173242); } - .sm\:focus\:ring-gray-50:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity)); + .lg\:focus\:border-LightBlue-lightblue:focus { + border-color: var(--light-blue-lightblue, #81c3d7); } - .sm\:focus\:ring-gray-100:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity)); + .lg\:focus\:border-LightBlue-lightblue-100:focus { + border-color: var(--light-blue-lightblue-100, #a7d5e3); } - .sm\:focus\:ring-gray-200:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity)); + .lg\:focus\:border-LightBlue-lightblue-200:focus { + border-color: var(--light-blue-lightblue-200, #c0e1eb); } - .sm\:focus\:ring-gray-300:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity)); + .lg\:focus\:border-LightBlue-lightblue-300:focus { + border-color: var(--light-blue-lightblue-300, #80aebd); } - .sm\:focus\:ring-gray-400:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity)); + .lg\:focus\:border-LightBlue-lightblue-400:focus { + border-color: var(--light-blue-lightblue-400, #80a0ab); } - .sm\:focus\:ring-gray-500:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity)); + .lg\:focus\:border-LightBlue-lightblue-500:focus { + border-color: var(--light-blue-lightblue-500, #74afc1); } - .sm\:focus\:ring-gray-600:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity)); + .lg\:focus\:border-LightBlue-lightblue-600:focus { + border-color: var(--light-blue-lightblue-600, #5a8997); } - .sm\:focus\:ring-gray-700:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity)); + .lg\:focus\:border-LightBlue-lightblue-650:focus { + border-color: var(--light-blue-lightblue-650, #3e5e65); } - .sm\:focus\:ring-gray-800:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity)); + .lg\:focus\:border-LightBlue-lightblue-700:focus { + border-color: var(--light-blue-lightblue-700, #344e56); } - .sm\:focus\:ring-gray-900:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity)); + .lg\:focus\:border-Orange-orange:focus { + border-color: var(--orange-orange, #ff7f0e); } - .sm\:focus\:ring-red-50:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity)); + .lg\:focus\:border-Orange-orange-100:focus { + border-color: var(--orange-orange-100, #ffa556); } - .sm\:focus\:ring-red-100:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity)); + .lg\:focus\:border-Orange-orange-200:focus { + border-color: var(--orange-orange-200, #ffbf86); } - .sm\:focus\:ring-red-200:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity)); + .lg\:focus\:border-Orange-orange-300:focus { + border-color: var(--orange-orange-300, #d97f30); } - .sm\:focus\:ring-red-300:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity)); + .lg\:focus\:border-Orange-orange-400:focus { + border-color: var(--orange-orange-400, #bf7e46); } - .sm\:focus\:ring-red-400:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity)); + .lg\:focus\:border-Orange-orange-500:focus { + border-color: var(--orange-orange-500, #e5720d); } - .sm\:focus\:ring-red-500:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity)); + .lg\:focus\:border-Orange-orange-600:focus { + border-color: var(--orange-orange-600, #b3590a); } - .sm\:focus\:ring-red-600:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity)); + .lg\:focus\:border-Orange-orange-700:focus { + border-color: var(--orange-orange-700, #663306); } - .sm\:focus\:ring-red-700:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity)); + .lg\:focus\:border-Yellow-yellow:focus { + border-color: var(--yellow-yellow, #ffab00); } - .sm\:focus\:ring-red-800:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity)); + .lg\:focus\:border-Yellow-yellow-100:focus { + border-color: var(--yellow-yellow-100, #ffc44c); } - .sm\:focus\:ring-red-900:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity)); + .lg\:focus\:border-Yellow-yellow-200:focus { + border-color: var(--yellow-yellow-200, #ffd580); } - .sm\:focus\:ring-yellow-50:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity)); + .lg\:focus\:border-Yellow-yellow-300:focus { + border-color: var(--yellow-yellow-300, #d99d26); } - .sm\:focus\:ring-yellow-100:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity)); + .lg\:focus\:border-Yellow-yellow-400:focus { + border-color: var(--yellow-yellow-400, #bf943f); } - .sm\:focus\:ring-yellow-200:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity)); + .lg\:focus\:border-Yellow-yellow-500:focus { + border-color: var(--yellow-yellow-500, #e59a00); } - .sm\:focus\:ring-yellow-300:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity)); + .lg\:focus\:border-Yellow-yellow-600:focus { + border-color: var(--yellow-yellow-600, #b37800); } - .sm\:focus\:ring-yellow-400:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity)); + .lg\:focus\:border-Yellow-yellow-700:focus { + border-color: var(--yellow-yellow-700, #664400); } - .sm\:focus\:ring-yellow-500:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity)); + .lg\:focus\:border-Notification-notification:focus { + border-color: var(--notification-notification, #3959ff); } - .sm\:focus\:ring-yellow-600:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity)); + .lg\:focus\:border-Notification-notification-100:focus { + border-color: var(--notification-notification-100, #748bff); } - .sm\:focus\:ring-yellow-700:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity)); + .lg\:focus\:border-Notification-notification-200:focus { + border-color: var(--notification-notification-200, #9cacff); } - .sm\:focus\:ring-yellow-800:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity)); + .lg\:focus\:border-Notification-notification-300:focus { + border-color: var(--notification-notification-300, #4e64d9); } - .sm\:focus\:ring-yellow-900:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity)); + .lg\:focus\:border-Notification-notification-400:focus { + border-color: var(--notification-notification-400, #5c6cbf); } - .sm\:focus\:ring-green-50:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity)); + .lg\:focus\:border-Notification-notification-500:focus { + border-color: var(--notification-notification-500, #3350e5); } - .sm\:focus\:ring-green-100:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity)); + .lg\:focus\:border-Notification-notification-600:focus { + border-color: var(--notification-notification-600, #283eb3); } - .sm\:focus\:ring-green-200:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity)); + .lg\:focus\:border-Notification-notification-700:focus { + border-color: var(--notification-notification-700, #172466); } - .sm\:focus\:ring-green-300:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity)); + .lg\:focus\:border-Success-success\ -700:focus { + border-color: var(--success-success-700, #24471f); } - .sm\:focus\:ring-green-400:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity)); + .lg\:focus\:border-Success-success:focus { + border-color: var(--success-success, #5bb14d); } - .sm\:focus\:ring-green-500:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity)); + .lg\:focus\:border-Success-success\ -100:focus { + border-color: var(--success-success-100, #8cc882); } - .sm\:focus\:ring-green-600:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity)); + .lg\:focus\:border-Success-success\ -200:focus { + border-color: var(--success-success-200, #add8a6); } - .sm\:focus\:ring-green-700:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity)); + .lg\:focus\:border-Success-success\ -300:focus { + border-color: var(--success-success-300, #66a25c); } - .sm\:focus\:ring-green-800:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity)); + .lg\:focus\:border-Success-success\ -400:focus { + border-color: var(--success-success-400, #6d9766); } - .sm\:focus\:ring-green-900:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity)); + .lg\:focus\:border-Success-success\ -500:focus { + border-color: var(--success-success-500, #529f45); } - .sm\:focus\:ring-blue-50:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity)); + .lg\:focus\:border-Success-success\ -600:focus { + border-color: var(--success-success-600, #407c36); } - .sm\:focus\:ring-blue-100:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity)); + .lg\:focus\:border-Error-error:focus { + border-color: var(--error-error, #f03d3e); } - .sm\:focus\:ring-blue-200:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity)); + .lg\:focus\:border-Error-error-100:focus { + border-color: var(--error-error-100, #f57778); } - .sm\:focus\:ring-blue-300:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity)); + .lg\:focus\:border-Error-error-200:focus { + border-color: var(--error-error-200, #f89e9e); } - .sm\:focus\:ring-blue-400:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity)); + .lg\:focus\:border-Error-error-250:focus { + border-color: var(--error-error-250, #f9c8c8); } - .sm\:focus\:ring-blue-500:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity)); + .lg\:focus\:border-Error-error-300:focus { + border-color: var(--error-error-300, #ce5151); } - .sm\:focus\:ring-blue-600:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity)); + .lg\:focus\:border-Error-error-400:focus { + border-color: var(--error-error-400, #b85e5e); } - .sm\:focus\:ring-blue-700:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity)); + .lg\:focus\:border-Error-error-500:focus { + border-color: var(--error-error-500, #d83738); } - .sm\:focus\:ring-blue-800:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity)); + .lg\:focus\:border-Error-error-600:focus { + border-color: var(--error-error-600, #a82b2b); } - .sm\:focus\:ring-blue-900:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity)); + .lg\:focus\:border-Error-error-700:focus { + border-color: var(--error-error-700, #601819); } - .sm\:focus\:ring-indigo-50:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity)); + .lg\:border-opacity-0 { + --tw-border-opacity: 0; } - .sm\:focus\:ring-indigo-100:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity)); + .lg\:border-opacity-5 { + --tw-border-opacity: 0.05; } - .sm\:focus\:ring-indigo-200:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity)); + .lg\:border-opacity-10 { + --tw-border-opacity: 0.1; } - .sm\:focus\:ring-indigo-300:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity)); + .lg\:border-opacity-20 { + --tw-border-opacity: 0.2; } - .sm\:focus\:ring-indigo-400:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity)); + .lg\:border-opacity-25 { + --tw-border-opacity: 0.25; } - .sm\:focus\:ring-indigo-500:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity)); + .lg\:border-opacity-30 { + --tw-border-opacity: 0.3; } - .sm\:focus\:ring-indigo-600:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity)); + .lg\:border-opacity-40 { + --tw-border-opacity: 0.4; } - .sm\:focus\:ring-indigo-700:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity)); + .lg\:border-opacity-50 { + --tw-border-opacity: 0.5; } - .sm\:focus\:ring-indigo-800:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity)); + .lg\:border-opacity-60 { + --tw-border-opacity: 0.6; } - .sm\:focus\:ring-indigo-900:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity)); + .lg\:border-opacity-70 { + --tw-border-opacity: 0.7; } - .sm\:focus\:ring-purple-50:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity)); + .lg\:border-opacity-75 { + --tw-border-opacity: 0.75; } - .sm\:focus\:ring-purple-100:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity)); + .lg\:border-opacity-80 { + --tw-border-opacity: 0.8; } - .sm\:focus\:ring-purple-200:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity)); + .lg\:border-opacity-90 { + --tw-border-opacity: 0.9; } - .sm\:focus\:ring-purple-300:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity)); + .lg\:border-opacity-95 { + --tw-border-opacity: 0.95; } - .sm\:focus\:ring-purple-400:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity)); + .lg\:border-opacity-100 { + --tw-border-opacity: 1; } - .sm\:focus\:ring-purple-500:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity)); + .group:hover .lg\:group-hover\:border-opacity-0 { + --tw-border-opacity: 0; } - .sm\:focus\:ring-purple-600:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity)); + .group:hover .lg\:group-hover\:border-opacity-5 { + --tw-border-opacity: 0.05; } - .sm\:focus\:ring-purple-700:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity)); + .group:hover .lg\:group-hover\:border-opacity-10 { + --tw-border-opacity: 0.1; } - .sm\:focus\:ring-purple-800:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity)); + .group:hover .lg\:group-hover\:border-opacity-20 { + --tw-border-opacity: 0.2; } - .sm\:focus\:ring-purple-900:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity)); + .group:hover .lg\:group-hover\:border-opacity-25 { + --tw-border-opacity: 0.25; } - .sm\:focus\:ring-pink-50:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity)); + .group:hover .lg\:group-hover\:border-opacity-30 { + --tw-border-opacity: 0.3; } - .sm\:focus\:ring-pink-100:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity)); + .group:hover .lg\:group-hover\:border-opacity-40 { + --tw-border-opacity: 0.4; } - .sm\:focus\:ring-pink-200:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity)); + .group:hover .lg\:group-hover\:border-opacity-50 { + --tw-border-opacity: 0.5; } - .sm\:focus\:ring-pink-300:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity)); + .group:hover .lg\:group-hover\:border-opacity-60 { + --tw-border-opacity: 0.6; } - .sm\:focus\:ring-pink-400:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity)); + .group:hover .lg\:group-hover\:border-opacity-70 { + --tw-border-opacity: 0.7; } - .sm\:focus\:ring-pink-500:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity)); + .group:hover .lg\:group-hover\:border-opacity-75 { + --tw-border-opacity: 0.75; } - .sm\:focus\:ring-pink-600:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity)); + .group:hover .lg\:group-hover\:border-opacity-80 { + --tw-border-opacity: 0.8; } - .sm\:focus\:ring-pink-700:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity)); + .group:hover .lg\:group-hover\:border-opacity-90 { + --tw-border-opacity: 0.9; } - .sm\:focus\:ring-pink-800:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity)); + .group:hover .lg\:group-hover\:border-opacity-95 { + --tw-border-opacity: 0.95; } - .sm\:focus\:ring-pink-900:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity)); + .group:hover .lg\:group-hover\:border-opacity-100 { + --tw-border-opacity: 1; } - .sm\:ring-opacity-0 { - --tw-ring-opacity: 0; + .lg\:focus-within\:border-opacity-0:focus-within { + --tw-border-opacity: 0; } - .sm\:ring-opacity-5 { - --tw-ring-opacity: 0.05; + .lg\:focus-within\:border-opacity-5:focus-within { + --tw-border-opacity: 0.05; } - .sm\:ring-opacity-10 { - --tw-ring-opacity: 0.1; + .lg\:focus-within\:border-opacity-10:focus-within { + --tw-border-opacity: 0.1; } - .sm\:ring-opacity-20 { - --tw-ring-opacity: 0.2; + .lg\:focus-within\:border-opacity-20:focus-within { + --tw-border-opacity: 0.2; } - .sm\:ring-opacity-25 { - --tw-ring-opacity: 0.25; + .lg\:focus-within\:border-opacity-25:focus-within { + --tw-border-opacity: 0.25; } - .sm\:ring-opacity-30 { - --tw-ring-opacity: 0.3; + .lg\:focus-within\:border-opacity-30:focus-within { + --tw-border-opacity: 0.3; } - .sm\:ring-opacity-40 { - --tw-ring-opacity: 0.4; + .lg\:focus-within\:border-opacity-40:focus-within { + --tw-border-opacity: 0.4; } - .sm\:ring-opacity-50 { - --tw-ring-opacity: 0.5; + .lg\:focus-within\:border-opacity-50:focus-within { + --tw-border-opacity: 0.5; } - .sm\:ring-opacity-60 { - --tw-ring-opacity: 0.6; + .lg\:focus-within\:border-opacity-60:focus-within { + --tw-border-opacity: 0.6; } - .sm\:ring-opacity-70 { - --tw-ring-opacity: 0.7; + .lg\:focus-within\:border-opacity-70:focus-within { + --tw-border-opacity: 0.7; } - .sm\:ring-opacity-75 { - --tw-ring-opacity: 0.75; + .lg\:focus-within\:border-opacity-75:focus-within { + --tw-border-opacity: 0.75; } - .sm\:ring-opacity-80 { - --tw-ring-opacity: 0.8; + .lg\:focus-within\:border-opacity-80:focus-within { + --tw-border-opacity: 0.8; } - .sm\:ring-opacity-90 { - --tw-ring-opacity: 0.9; + .lg\:focus-within\:border-opacity-90:focus-within { + --tw-border-opacity: 0.9; } - .sm\:ring-opacity-95 { - --tw-ring-opacity: 0.95; + .lg\:focus-within\:border-opacity-95:focus-within { + --tw-border-opacity: 0.95; } - .sm\:ring-opacity-100 { - --tw-ring-opacity: 1; + .lg\:focus-within\:border-opacity-100:focus-within { + --tw-border-opacity: 1; } - .sm\:focus-within\:ring-opacity-0:focus-within { - --tw-ring-opacity: 0; + .lg\:hover\:border-opacity-0:hover { + --tw-border-opacity: 0; } - .sm\:focus-within\:ring-opacity-5:focus-within { - --tw-ring-opacity: 0.05; + .lg\:hover\:border-opacity-5:hover { + --tw-border-opacity: 0.05; } - .sm\:focus-within\:ring-opacity-10:focus-within { - --tw-ring-opacity: 0.1; + .lg\:hover\:border-opacity-10:hover { + --tw-border-opacity: 0.1; } - .sm\:focus-within\:ring-opacity-20:focus-within { - --tw-ring-opacity: 0.2; + .lg\:hover\:border-opacity-20:hover { + --tw-border-opacity: 0.2; } - .sm\:focus-within\:ring-opacity-25:focus-within { - --tw-ring-opacity: 0.25; + .lg\:hover\:border-opacity-25:hover { + --tw-border-opacity: 0.25; } - .sm\:focus-within\:ring-opacity-30:focus-within { - --tw-ring-opacity: 0.3; + .lg\:hover\:border-opacity-30:hover { + --tw-border-opacity: 0.3; } - .sm\:focus-within\:ring-opacity-40:focus-within { - --tw-ring-opacity: 0.4; + .lg\:hover\:border-opacity-40:hover { + --tw-border-opacity: 0.4; } - .sm\:focus-within\:ring-opacity-50:focus-within { - --tw-ring-opacity: 0.5; + .lg\:hover\:border-opacity-50:hover { + --tw-border-opacity: 0.5; } - .sm\:focus-within\:ring-opacity-60:focus-within { - --tw-ring-opacity: 0.6; + .lg\:hover\:border-opacity-60:hover { + --tw-border-opacity: 0.6; } - .sm\:focus-within\:ring-opacity-70:focus-within { - --tw-ring-opacity: 0.7; + .lg\:hover\:border-opacity-70:hover { + --tw-border-opacity: 0.7; } - .sm\:focus-within\:ring-opacity-75:focus-within { - --tw-ring-opacity: 0.75; + .lg\:hover\:border-opacity-75:hover { + --tw-border-opacity: 0.75; } - .sm\:focus-within\:ring-opacity-80:focus-within { - --tw-ring-opacity: 0.8; + .lg\:hover\:border-opacity-80:hover { + --tw-border-opacity: 0.8; } - .sm\:focus-within\:ring-opacity-90:focus-within { - --tw-ring-opacity: 0.9; + .lg\:hover\:border-opacity-90:hover { + --tw-border-opacity: 0.9; } - .sm\:focus-within\:ring-opacity-95:focus-within { - --tw-ring-opacity: 0.95; + .lg\:hover\:border-opacity-95:hover { + --tw-border-opacity: 0.95; } - .sm\:focus-within\:ring-opacity-100:focus-within { - --tw-ring-opacity: 1; + .lg\:hover\:border-opacity-100:hover { + --tw-border-opacity: 1; } - .sm\:focus\:ring-opacity-0:focus { - --tw-ring-opacity: 0; + .lg\:focus\:border-opacity-0:focus { + --tw-border-opacity: 0; } - .sm\:focus\:ring-opacity-5:focus { - --tw-ring-opacity: 0.05; + .lg\:focus\:border-opacity-5:focus { + --tw-border-opacity: 0.05; } - .sm\:focus\:ring-opacity-10:focus { - --tw-ring-opacity: 0.1; + .lg\:focus\:border-opacity-10:focus { + --tw-border-opacity: 0.1; } - .sm\:focus\:ring-opacity-20:focus { - --tw-ring-opacity: 0.2; + .lg\:focus\:border-opacity-20:focus { + --tw-border-opacity: 0.2; } - .sm\:focus\:ring-opacity-25:focus { - --tw-ring-opacity: 0.25; + .lg\:focus\:border-opacity-25:focus { + --tw-border-opacity: 0.25; } - .sm\:focus\:ring-opacity-30:focus { - --tw-ring-opacity: 0.3; + .lg\:focus\:border-opacity-30:focus { + --tw-border-opacity: 0.3; } - .sm\:focus\:ring-opacity-40:focus { - --tw-ring-opacity: 0.4; + .lg\:focus\:border-opacity-40:focus { + --tw-border-opacity: 0.4; } - .sm\:focus\:ring-opacity-50:focus { - --tw-ring-opacity: 0.5; + .lg\:focus\:border-opacity-50:focus { + --tw-border-opacity: 0.5; } - .sm\:focus\:ring-opacity-60:focus { - --tw-ring-opacity: 0.6; + .lg\:focus\:border-opacity-60:focus { + --tw-border-opacity: 0.6; } - .sm\:focus\:ring-opacity-70:focus { - --tw-ring-opacity: 0.7; + .lg\:focus\:border-opacity-70:focus { + --tw-border-opacity: 0.7; } - .sm\:focus\:ring-opacity-75:focus { - --tw-ring-opacity: 0.75; + .lg\:focus\:border-opacity-75:focus { + --tw-border-opacity: 0.75; } - .sm\:focus\:ring-opacity-80:focus { - --tw-ring-opacity: 0.8; + .lg\:focus\:border-opacity-80:focus { + --tw-border-opacity: 0.8; } - .sm\:focus\:ring-opacity-90:focus { - --tw-ring-opacity: 0.9; + .lg\:focus\:border-opacity-90:focus { + --tw-border-opacity: 0.9; } - .sm\:focus\:ring-opacity-95:focus { - --tw-ring-opacity: 0.95; + .lg\:focus\:border-opacity-95:focus { + --tw-border-opacity: 0.95; } - .sm\:focus\:ring-opacity-100:focus { - --tw-ring-opacity: 1; + .lg\:focus\:border-opacity-100:focus { + --tw-border-opacity: 1; } - .sm\:ring-offset-0 { - --tw-ring-offset-width: 0px; + .lg\:bg-colors-black { + background-color: var(--colors-black, #000000); } - .sm\:ring-offset-1 { - --tw-ring-offset-width: 1px; + .lg\:bg-colors-white { + background-color: var(--colors-white, #ffffff); } - .sm\:ring-offset-2 { - --tw-ring-offset-width: 2px; + .lg\:bg-colors-gray-100 { + background-color: var(--colors-gray-100, #f7fafc); } - .sm\:ring-offset-4 { - --tw-ring-offset-width: 4px; + .lg\:bg-colors-gray-200 { + background-color: var(--colors-gray-200, #edf2f7); } - .sm\:ring-offset-8 { - --tw-ring-offset-width: 8px; + .lg\:bg-colors-gray-300 { + background-color: var(--colors-gray-300, #e2e8f0); } - .sm\:focus-within\:ring-offset-0:focus-within { - --tw-ring-offset-width: 0px; + .lg\:bg-colors-gray-400 { + background-color: var(--colors-gray-400, #cbd5e0); } - .sm\:focus-within\:ring-offset-1:focus-within { - --tw-ring-offset-width: 1px; + .lg\:bg-colors-gray-500 { + background-color: var(--colors-gray-500, #a0aec0); } - .sm\:focus-within\:ring-offset-2:focus-within { - --tw-ring-offset-width: 2px; + .lg\:bg-colors-gray-600 { + background-color: var(--colors-gray-600, #718096); } - .sm\:focus-within\:ring-offset-4:focus-within { - --tw-ring-offset-width: 4px; + .lg\:bg-colors-gray-700 { + background-color: var(--colors-gray-700, #4a5568); } - .sm\:focus-within\:ring-offset-8:focus-within { - --tw-ring-offset-width: 8px; + .lg\:bg-colors-gray-800 { + background-color: var(--colors-gray-800, #2d3748); } - .sm\:focus\:ring-offset-0:focus { - --tw-ring-offset-width: 0px; + .lg\:bg-colors-gray-900 { + background-color: var(--colors-gray-900, #1a202c); } - .sm\:focus\:ring-offset-1:focus { - --tw-ring-offset-width: 1px; + .lg\:bg-colors-red-100 { + background-color: var(--colors-red-100, #fff5f5); } - .sm\:focus\:ring-offset-2:focus { - --tw-ring-offset-width: 2px; + .lg\:bg-colors-red-200 { + background-color: var(--colors-red-200, #fed7d7); } - .sm\:focus\:ring-offset-4:focus { - --tw-ring-offset-width: 4px; + .lg\:bg-colors-red-300 { + background-color: var(--colors-red-300, #feb2b2); } - .sm\:focus\:ring-offset-8:focus { - --tw-ring-offset-width: 8px; + .lg\:bg-colors-red-400 { + background-color: var(--colors-red-400, #fc8181); } - .sm\:ring-offset-transparent { - --tw-ring-offset-color: transparent; + .lg\:bg-colors-red-500 { + background-color: var(--colors-red-500, #f56565); } - .sm\:ring-offset-current { - --tw-ring-offset-color: currentColor; + .lg\:bg-colors-red-600 { + background-color: var(--colors-red-600, #e53e3e); } - .sm\:ring-offset-black { - --tw-ring-offset-color: #000; + .lg\:bg-colors-red-700 { + background-color: var(--colors-red-700, #c53030); } - .sm\:ring-offset-white { - --tw-ring-offset-color: #fff; + .lg\:bg-colors-red-800 { + background-color: var(--colors-red-800, #9b2c2c); } - .sm\:ring-offset-gray-50 { - --tw-ring-offset-color: #f9fafb; + .lg\:bg-colors-red-900 { + background-color: var(--colors-red-900, #742a2a); } - .sm\:ring-offset-gray-100 { - --tw-ring-offset-color: #f3f4f6; + .lg\:bg-colors-orange-100 { + background-color: var(--colors-orange-100, #fffaf0); } - .sm\:ring-offset-gray-200 { - --tw-ring-offset-color: #e5e7eb; + .lg\:bg-colors-orange-200 { + background-color: var(--colors-orange-200, #feebc8); } - .sm\:ring-offset-gray-300 { - --tw-ring-offset-color: #d1d5db; + .lg\:bg-colors-orange-300 { + background-color: var(--colors-orange-300, #fbd38d); } - .sm\:ring-offset-gray-400 { - --tw-ring-offset-color: #9ca3af; + .lg\:bg-colors-orange-400 { + background-color: var(--colors-orange-400, #f6ad55); } - .sm\:ring-offset-gray-500 { - --tw-ring-offset-color: #6b7280; + .lg\:bg-colors-orange-500 { + background-color: var(--colors-orange-500, #ed8936); } - .sm\:ring-offset-gray-600 { - --tw-ring-offset-color: #4b5563; + .lg\:bg-colors-orange-600 { + background-color: var(--colors-orange-600, #dd6b20); } - .sm\:ring-offset-gray-700 { - --tw-ring-offset-color: #374151; + .lg\:bg-colors-orange-700 { + background-color: var(--colors-orange-700, #c05621); } - .sm\:ring-offset-gray-800 { - --tw-ring-offset-color: #1f2937; + .lg\:bg-colors-orange-800 { + background-color: var(--colors-orange-800, #9c4221); } - .sm\:ring-offset-gray-900 { - --tw-ring-offset-color: #111827; + .lg\:bg-colors-orange-900 { + background-color: var(--colors-orange-900, #7b341e); } - .sm\:ring-offset-red-50 { - --tw-ring-offset-color: #fef2f2; + .lg\:bg-colors-yellow-100 { + background-color: var(--colors-yellow-100, #fffff0); } - .sm\:ring-offset-red-100 { - --tw-ring-offset-color: #fee2e2; + .lg\:bg-colors-yellow-200 { + background-color: var(--colors-yellow-200, #fefcbf); } - .sm\:ring-offset-red-200 { - --tw-ring-offset-color: #fecaca; + .lg\:bg-colors-yellow-300 { + background-color: var(--colors-yellow-300, #faf089); } - .sm\:ring-offset-red-300 { - --tw-ring-offset-color: #fca5a5; + .lg\:bg-colors-yellow-400 { + background-color: var(--colors-yellow-400, #f6e05e); } - .sm\:ring-offset-red-400 { - --tw-ring-offset-color: #f87171; + .lg\:bg-colors-yellow-500 { + background-color: var(--colors-yellow-500, #ecc94b); } - .sm\:ring-offset-red-500 { - --tw-ring-offset-color: #ef4444; + .lg\:bg-colors-yellow-600 { + background-color: var(--colors-yellow-600, #d69e2e); } - .sm\:ring-offset-red-600 { - --tw-ring-offset-color: #dc2626; + .lg\:bg-colors-yellow-700 { + background-color: var(--colors-yellow-700, #b7791f); } - .sm\:ring-offset-red-700 { - --tw-ring-offset-color: #b91c1c; + .lg\:bg-colors-yellow-800 { + background-color: var(--colors-yellow-800, #975a16); } - .sm\:ring-offset-red-800 { - --tw-ring-offset-color: #991b1b; + .lg\:bg-colors-yellow-900 { + background-color: var(--colors-yellow-900, #744210); } - .sm\:ring-offset-red-900 { - --tw-ring-offset-color: #7f1d1d; + .lg\:bg-colors-green-100 { + background-color: var(--colors-green-100, #f0fff4); } - .sm\:ring-offset-yellow-50 { - --tw-ring-offset-color: #fffbeb; + .lg\:bg-colors-green-200 { + background-color: var(--colors-green-200, #c6f6d5); } - .sm\:ring-offset-yellow-100 { - --tw-ring-offset-color: #fef3c7; + .lg\:bg-colors-green-300 { + background-color: var(--colors-green-300, #9ae6b4); } - .sm\:ring-offset-yellow-200 { - --tw-ring-offset-color: #fde68a; + .lg\:bg-colors-green-400 { + background-color: var(--colors-green-400, #68d391); } - .sm\:ring-offset-yellow-300 { - --tw-ring-offset-color: #fcd34d; + .lg\:bg-colors-green-500 { + background-color: var(--colors-green-500, #48bb78); } - .sm\:ring-offset-yellow-400 { - --tw-ring-offset-color: #fbbf24; + .lg\:bg-colors-green-600 { + background-color: var(--colors-green-600, #38a169); } - .sm\:ring-offset-yellow-500 { - --tw-ring-offset-color: #f59e0b; + .lg\:bg-colors-green-700 { + background-color: var(--colors-green-700, #2f855a); } - .sm\:ring-offset-yellow-600 { - --tw-ring-offset-color: #d97706; + .lg\:bg-colors-green-800 { + background-color: var(--colors-green-800, #276749); } - .sm\:ring-offset-yellow-700 { - --tw-ring-offset-color: #b45309; + .lg\:bg-colors-green-900 { + background-color: var(--colors-green-900, #22543d); } - .sm\:ring-offset-yellow-800 { - --tw-ring-offset-color: #92400e; + .lg\:bg-colors-teal-100 { + background-color: var(--colors-teal-100, #e6fffa); } - .sm\:ring-offset-yellow-900 { - --tw-ring-offset-color: #78350f; + .lg\:bg-colors-teal-200 { + background-color: var(--colors-teal-200, #b2f5ea); } - .sm\:ring-offset-green-50 { - --tw-ring-offset-color: #ecfdf5; + .lg\:bg-colors-teal-300 { + background-color: var(--colors-teal-300, #81e6d9); } - .sm\:ring-offset-green-100 { - --tw-ring-offset-color: #d1fae5; + .lg\:bg-colors-teal-400 { + background-color: var(--colors-teal-400, #4fd1c5); } - .sm\:ring-offset-green-200 { - --tw-ring-offset-color: #a7f3d0; + .lg\:bg-colors-teal-500 { + background-color: var(--colors-teal-500, #38b2ac); } - .sm\:ring-offset-green-300 { - --tw-ring-offset-color: #6ee7b7; + .lg\:bg-colors-teal-600 { + background-color: var(--colors-teal-600, #319795); } - .sm\:ring-offset-green-400 { - --tw-ring-offset-color: #34d399; + .lg\:bg-colors-teal-700 { + background-color: var(--colors-teal-700, #2c7a7b); } - .sm\:ring-offset-green-500 { - --tw-ring-offset-color: #10b981; + .lg\:bg-colors-teal-800 { + background-color: var(--colors-teal-800, #285e61); } - .sm\:ring-offset-green-600 { - --tw-ring-offset-color: #059669; + .lg\:bg-colors-teal-900 { + background-color: var(--colors-teal-900, #234e52); } - .sm\:ring-offset-green-700 { - --tw-ring-offset-color: #047857; + .lg\:bg-colors-blue-100 { + background-color: var(--colors-blue-100, #ebf8ff); } - .sm\:ring-offset-green-800 { - --tw-ring-offset-color: #065f46; + .lg\:bg-colors-blue-200 { + background-color: var(--colors-blue-200, #bee3f8); } - .sm\:ring-offset-green-900 { - --tw-ring-offset-color: #064e3b; + .lg\:bg-colors-blue-300 { + background-color: var(--colors-blue-300, #90cdf4); } - .sm\:ring-offset-blue-50 { - --tw-ring-offset-color: #eff6ff; + .lg\:bg-colors-blue-400 { + background-color: var(--colors-blue-400, #63b3ed); } - .sm\:ring-offset-blue-100 { - --tw-ring-offset-color: #dbeafe; + .lg\:bg-colors-blue-500 { + background-color: var(--colors-blue-500, #4299e1); } - .sm\:ring-offset-blue-200 { - --tw-ring-offset-color: #bfdbfe; + .lg\:bg-colors-blue-600 { + background-color: var(--colors-blue-600, #3182ce); } - .sm\:ring-offset-blue-300 { - --tw-ring-offset-color: #93c5fd; + .lg\:bg-colors-blue-700 { + background-color: var(--colors-blue-700, #2b6cb0); } - .sm\:ring-offset-blue-400 { - --tw-ring-offset-color: #60a5fa; + .lg\:bg-colors-blue-800 { + background-color: var(--colors-blue-800, #2c5282); } - .sm\:ring-offset-blue-500 { - --tw-ring-offset-color: #3b82f6; + .lg\:bg-colors-blue-900 { + background-color: var(--colors-blue-900, #2a4365); } - .sm\:ring-offset-blue-600 { - --tw-ring-offset-color: #2563eb; + .lg\:bg-colors-indigo-100 { + background-color: var(--colors-indigo-100, #ebf4ff); } - .sm\:ring-offset-blue-700 { - --tw-ring-offset-color: #1d4ed8; + .lg\:bg-colors-indigo-200 { + background-color: var(--colors-indigo-200, #c3dafe); } - .sm\:ring-offset-blue-800 { - --tw-ring-offset-color: #1e40af; + .lg\:bg-colors-indigo-300 { + background-color: var(--colors-indigo-300, #a3bffa); } - .sm\:ring-offset-blue-900 { - --tw-ring-offset-color: #1e3a8a; + .lg\:bg-colors-indigo-400 { + background-color: var(--colors-indigo-400, #7f9cf5); } - .sm\:ring-offset-indigo-50 { - --tw-ring-offset-color: #eef2ff; + .lg\:bg-colors-indigo-500 { + background-color: var(--colors-indigo-500, #667eea); } - .sm\:ring-offset-indigo-100 { - --tw-ring-offset-color: #e0e7ff; + .lg\:bg-colors-indigo-600 { + background-color: var(--colors-indigo-600, #5a67d8); } - .sm\:ring-offset-indigo-200 { - --tw-ring-offset-color: #c7d2fe; + .lg\:bg-colors-indigo-700 { + background-color: var(--colors-indigo-700, #4c51bf); } - .sm\:ring-offset-indigo-300 { - --tw-ring-offset-color: #a5b4fc; + .lg\:bg-colors-indigo-800 { + background-color: var(--colors-indigo-800, #434190); } - .sm\:ring-offset-indigo-400 { - --tw-ring-offset-color: #818cf8; + .lg\:bg-colors-indigo-900 { + background-color: var(--colors-indigo-900, #3c366b); } - .sm\:ring-offset-indigo-500 { - --tw-ring-offset-color: #6366f1; + .lg\:bg-colors-purple-100 { + background-color: var(--colors-purple-100, #faf5ff); } - .sm\:ring-offset-indigo-600 { - --tw-ring-offset-color: #4f46e5; + .lg\:bg-colors-purple-200 { + background-color: var(--colors-purple-200, #e9d8fd); } - .sm\:ring-offset-indigo-700 { - --tw-ring-offset-color: #4338ca; + .lg\:bg-colors-purple-300 { + background-color: var(--colors-purple-300, #d6bcfa); } - .sm\:ring-offset-indigo-800 { - --tw-ring-offset-color: #3730a3; + .lg\:bg-colors-purple-400 { + background-color: var(--colors-purple-400, #b794f4); } - .sm\:ring-offset-indigo-900 { - --tw-ring-offset-color: #312e81; + .lg\:bg-colors-purple-500 { + background-color: var(--colors-purple-500, #9f7aea); } - .sm\:ring-offset-purple-50 { - --tw-ring-offset-color: #f5f3ff; + .lg\:bg-colors-purple-600 { + background-color: var(--colors-purple-600, #805ad5); } - .sm\:ring-offset-purple-100 { - --tw-ring-offset-color: #ede9fe; + .lg\:bg-colors-purple-700 { + background-color: var(--colors-purple-700, #6b46c1); } - .sm\:ring-offset-purple-200 { - --tw-ring-offset-color: #ddd6fe; + .lg\:bg-colors-purple-800 { + background-color: var(--colors-purple-800, #553c9a); } - .sm\:ring-offset-purple-300 { - --tw-ring-offset-color: #c4b5fd; + .lg\:bg-colors-purple-900 { + background-color: var(--colors-purple-900, #44337a); } - .sm\:ring-offset-purple-400 { - --tw-ring-offset-color: #a78bfa; + .lg\:bg-colors-pink-100 { + background-color: var(--colors-pink-100, #fff5f7); } - .sm\:ring-offset-purple-500 { - --tw-ring-offset-color: #8b5cf6; + .lg\:bg-colors-pink-200 { + background-color: var(--colors-pink-200, #fed7e2); } - .sm\:ring-offset-purple-600 { - --tw-ring-offset-color: #7c3aed; + .lg\:bg-colors-pink-300 { + background-color: var(--colors-pink-300, #fbb6ce); } - .sm\:ring-offset-purple-700 { - --tw-ring-offset-color: #6d28d9; + .lg\:bg-colors-pink-400 { + background-color: var(--colors-pink-400, #f687b3); } - .sm\:ring-offset-purple-800 { - --tw-ring-offset-color: #5b21b6; + .lg\:bg-colors-pink-500 { + background-color: var(--colors-pink-500, #ed64a6); } - .sm\:ring-offset-purple-900 { - --tw-ring-offset-color: #4c1d95; + .lg\:bg-colors-pink-600 { + background-color: var(--colors-pink-600, #d53f8c); } - .sm\:ring-offset-pink-50 { - --tw-ring-offset-color: #fdf2f8; + .lg\:bg-colors-pink-700 { + background-color: var(--colors-pink-700, #b83280); } - .sm\:ring-offset-pink-100 { - --tw-ring-offset-color: #fce7f3; + .lg\:bg-colors-pink-800 { + background-color: var(--colors-pink-800, #97266d); } - .sm\:ring-offset-pink-200 { - --tw-ring-offset-color: #fbcfe8; + .lg\:bg-colors-pink-900 { + background-color: var(--colors-pink-900, #702459); } - .sm\:ring-offset-pink-300 { - --tw-ring-offset-color: #f9a8d4; + .lg\:bg-Box\ Shadow { + background-color: var(--box-shadow, #7f7e7f); } - .sm\:ring-offset-pink-400 { - --tw-ring-offset-color: #f472b6; + .lg\:bg-Error16 { + background-color: var(--error16, #f03d3e40); } - .sm\:ring-offset-pink-500 { - --tw-ring-offset-color: #ec4899; + .lg\:bg-Success16 { + background-color: var(--success16, #5bb14d40); } - .sm\:ring-offset-pink-600 { - --tw-ring-offset-color: #db2777; + .lg\:bg-Notification16 { + background-color: var(--notification16, #3959ff40); } - .sm\:ring-offset-pink-700 { - --tw-ring-offset-color: #be185d; + .lg\:bg-Error8 { + background-color: var(--error8, #f03d3e1a); } - .sm\:ring-offset-pink-800 { - --tw-ring-offset-color: #9d174d; + .lg\:bg-Notification8 { + background-color: var(--notification8, #3959ff1a); } - .sm\:ring-offset-pink-900 { - --tw-ring-offset-color: #831843; + .lg\:bg-Success8 { + background-color: var(--success8, #5bb14d1a); } - .sm\:focus-within\:ring-offset-transparent:focus-within { - --tw-ring-offset-color: transparent; + .lg\:bg-Light\ -\ Overlay { + background-color: var(--light-overlay, #f0edee66); } - .sm\:focus-within\:ring-offset-current:focus-within { - --tw-ring-offset-color: currentColor; + .lg\:bg-Dark-\ Overlay { + background-color: var(--dark-overlay, #7f7e7f66); } - .sm\:focus-within\:ring-offset-black:focus-within { - --tw-ring-offset-color: #000; + .lg\:bg-black-40 { + background-color: var(--black-40, #00000066); } - .sm\:focus-within\:ring-offset-white:focus-within { - --tw-ring-offset-color: #fff; + .lg\:bg-black-75 { + background-color: var(--black-75, #000000bf); } - .sm\:focus-within\:ring-offset-gray-50:focus-within { - --tw-ring-offset-color: #f9fafb; + .lg\:bg-black-60 { + background-color: var(--black-60, #00000099); } - .sm\:focus-within\:ring-offset-gray-100:focus-within { - --tw-ring-offset-color: #f3f4f6; + .lg\:bg-black-50 { + background-color: var(--black-50, #00000080); } - .sm\:focus-within\:ring-offset-gray-200:focus-within { - --tw-ring-offset-color: #e5e7eb; + .lg\:bg-black-25 { + background-color: var(--black-25, #00000040); } - .sm\:focus-within\:ring-offset-gray-300:focus-within { - --tw-ring-offset-color: #d1d5db; + .lg\:bg-black-10 { + background-color: var(--black-10, #0000001a); } - .sm\:focus-within\:ring-offset-gray-400:focus-within { - --tw-ring-offset-color: #9ca3af; + .lg\:bg-white-25 { + background-color: var(--white-25, #ffffff40); } - .sm\:focus-within\:ring-offset-gray-500:focus-within { - --tw-ring-offset-color: #6b7280; + .lg\:bg-white-60 { + background-color: var(--white-60, #ffffff99); } - .sm\:focus-within\:ring-offset-gray-600:focus-within { - --tw-ring-offset-color: #4b5563; + .lg\:bg-black-64 { + background-color: var(--black-64, #000000a3); } - .sm\:focus-within\:ring-offset-gray-700:focus-within { - --tw-ring-offset-color: #374151; + .lg\:bg-Shadow\ and\ Highlight-Shadow { + background-color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .sm\:focus-within\:ring-offset-gray-800:focus-within { - --tw-ring-offset-color: #1f2937; + .lg\:bg-Shadow\ and\ Highlight-Highlight { + background-color: var(--shadow-and-highlight-highlight, #474747); } - .sm\:focus-within\:ring-offset-gray-900:focus-within { - --tw-ring-offset-color: #111827; + .lg\:bg-Shadow\ and\ Highlight-highlight\ one { + background-color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .sm\:focus-within\:ring-offset-red-50:focus-within { - --tw-ring-offset-color: #fef2f2; + .lg\:bg-Shadow\ and\ Highlight-highlight\ two { + background-color: var(--shadow-and-highlight-highlight-two, #47474799); } - .sm\:focus-within\:ring-offset-red-100:focus-within { - --tw-ring-offset-color: #fee2e2; + .lg\:bg-Shadow\ and\ Highlight-highlight\ three { + background-color: var(--shadow-and-highlight-highlight-three, #47474766); } - .sm\:focus-within\:ring-offset-red-200:focus-within { - --tw-ring-offset-color: #fecaca; + .lg\:bg-Shadow\ and\ Highlight-highlight\ five { + background-color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .sm\:focus-within\:ring-offset-red-300:focus-within { - --tw-ring-offset-color: #fca5a5; + .lg\:bg-Shadow\ and\ Highlight-shadow\ one { + background-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .sm\:focus-within\:ring-offset-red-400:focus-within { - --tw-ring-offset-color: #f87171; + .lg\:bg-Shadow\ and\ Highlight-shadow\ two { + background-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .sm\:focus-within\:ring-offset-red-500:focus-within { - --tw-ring-offset-color: #ef4444; + .lg\:bg-Shadow\ and\ Highlight-shadow\ three { + background-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .sm\:focus-within\:ring-offset-red-600:focus-within { - --tw-ring-offset-color: #dc2626; + .lg\:bg-Shadow\ and\ Highlight-shadow\ four { + background-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .sm\:focus-within\:ring-offset-red-700:focus-within { - --tw-ring-offset-color: #b91c1c; + .lg\:bg-Shadow\ and\ Highlight-shadow\ five { + background-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .sm\:focus-within\:ring-offset-red-800:focus-within { - --tw-ring-offset-color: #991b1b; + .lg\:bg-Shadow\ and\ Highlight-highlight\ four { + background-color: var(--shadow-and-highlight-highlight-four, #47474740); } - .sm\:focus-within\:ring-offset-red-900:focus-within { - --tw-ring-offset-color: #7f1d1d; + .lg\:bg-Base\ Layer\ Styles-Base\ Layer-\ Light-White { + background-color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .sm\:focus-within\:ring-offset-yellow-50:focus-within { - --tw-ring-offset-color: #fffbeb; + .lg\:bg-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite { + background-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .sm\:focus-within\:ring-offset-yellow-100:focus-within { - --tw-ring-offset-color: #fef3c7; + .lg\:bg-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack { + background-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .sm\:focus-within\:ring-offset-yellow-200:focus-within { - --tw-ring-offset-color: #fde68a; + .lg\:bg-Base\ Layer\ Styles-Base\ Layer-Dark-Black { + background-color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .sm\:focus-within\:ring-offset-yellow-300:focus-within { - --tw-ring-offset-color: #fcd34d; + .lg\:bg-Grey-Scale-white { + background-color: var(--grey-scale-white, #ffffff); } - .sm\:focus-within\:ring-offset-yellow-400:focus-within { - --tw-ring-offset-color: #fbbf24; + .lg\:bg-Grey-Scale-off-white { + background-color: var(--grey-scale-off-white, #f0edee); } - .sm\:focus-within\:ring-offset-yellow-500:focus-within { - --tw-ring-offset-color: #f59e0b; + .lg\:bg-Grey\ Scale-grey { + background-color: var(--grey-scale-grey, #7f7e7f); } - .sm\:focus-within\:ring-offset-yellow-600:focus-within { - --tw-ring-offset-color: #d97706; + .lg\:bg-Grey\ Scale-charcoal { + background-color: var(--grey-scale-charcoal, #474747); } - .sm\:focus-within\:ring-offset-yellow-700:focus-within { - --tw-ring-offset-color: #b45309; + .lg\:bg-Grey\ Scale-off-black { + background-color: var(--grey-scale-off-black, #1c1c1c); } - .sm\:focus-within\:ring-offset-yellow-800:focus-within { - --tw-ring-offset-color: #92400e; + .lg\:bg-Grey\ Scale-black { + background-color: var(--grey-scale-black, #000000); } - .sm\:focus-within\:ring-offset-yellow-900:focus-within { - --tw-ring-offset-color: #78350f; + .lg\:bg-Blue-blue { + background-color: var(--blue-blue, #3a7ca5); } - .sm\:focus-within\:ring-offset-green-50:focus-within { - --tw-ring-offset-color: #ecfdf5; + .lg\:bg-Blue-blue-100 { + background-color: var(--blue-blue-100, #75a3c0); } - .sm\:focus-within\:ring-offset-green-100:focus-within { - --tw-ring-offset-color: #d1fae5; + .lg\:bg-Blue-blue-200 { + background-color: var(--blue-blue-200, #9cbed2); } - .sm\:focus-within\:ring-offset-green-200:focus-within { - --tw-ring-offset-color: #a7f3d0; + .lg\:bg-Blue-blue-300 { + background-color: var(--blue-blue-300, #4f7d9a); } - .sm\:focus-within\:ring-offset-green-300:focus-within { - --tw-ring-offset-color: #6ee7b7; + .lg\:bg-Blue-blue-400 { + background-color: var(--blue-blue-400, #5c7d92); } - .sm\:focus-within\:ring-offset-green-400:focus-within { - --tw-ring-offset-color: #34d399; + .lg\:bg-Blue-blue-500 { + background-color: var(--blue-blue-500, #347095); } - .sm\:focus-within\:ring-offset-green-500:focus-within { - --tw-ring-offset-color: #10b981; + .lg\:bg-Blue-blue-600 { + background-color: var(--blue-blue-600, #295774); } - .sm\:focus-within\:ring-offset-green-600:focus-within { - --tw-ring-offset-color: #059669; + .lg\:bg-Blue-blue-700 { + background-color: var(--blue-blue-700, #173242); } - .sm\:focus-within\:ring-offset-green-700:focus-within { - --tw-ring-offset-color: #047857; + .lg\:bg-LightBlue-lightblue { + background-color: var(--light-blue-lightblue, #81c3d7); } - .sm\:focus-within\:ring-offset-green-800:focus-within { - --tw-ring-offset-color: #065f46; + .lg\:bg-LightBlue-lightblue-100 { + background-color: var(--light-blue-lightblue-100, #a7d5e3); } - .sm\:focus-within\:ring-offset-green-900:focus-within { - --tw-ring-offset-color: #064e3b; + .lg\:bg-LightBlue-lightblue-200 { + background-color: var(--light-blue-lightblue-200, #c0e1eb); } - .sm\:focus-within\:ring-offset-blue-50:focus-within { - --tw-ring-offset-color: #eff6ff; + .lg\:bg-LightBlue-lightblue-300 { + background-color: var(--light-blue-lightblue-300, #80aebd); } - .sm\:focus-within\:ring-offset-blue-100:focus-within { - --tw-ring-offset-color: #dbeafe; + .lg\:bg-LightBlue-lightblue-400 { + background-color: var(--light-blue-lightblue-400, #80a0ab); } - .sm\:focus-within\:ring-offset-blue-200:focus-within { - --tw-ring-offset-color: #bfdbfe; + .lg\:bg-LightBlue-lightblue-500 { + background-color: var(--light-blue-lightblue-500, #74afc1); } - .sm\:focus-within\:ring-offset-blue-300:focus-within { - --tw-ring-offset-color: #93c5fd; + .lg\:bg-LightBlue-lightblue-600 { + background-color: var(--light-blue-lightblue-600, #5a8997); } - .sm\:focus-within\:ring-offset-blue-400:focus-within { - --tw-ring-offset-color: #60a5fa; + .lg\:bg-LightBlue-lightblue-650 { + background-color: var(--light-blue-lightblue-650, #3e5e65); } - .sm\:focus-within\:ring-offset-blue-500:focus-within { - --tw-ring-offset-color: #3b82f6; + .lg\:bg-LightBlue-lightblue-700 { + background-color: var(--light-blue-lightblue-700, #344e56); } - .sm\:focus-within\:ring-offset-blue-600:focus-within { - --tw-ring-offset-color: #2563eb; + .lg\:bg-Orange-orange { + background-color: var(--orange-orange, #ff7f0e); } - .sm\:focus-within\:ring-offset-blue-700:focus-within { - --tw-ring-offset-color: #1d4ed8; + .lg\:bg-Orange-orange-100 { + background-color: var(--orange-orange-100, #ffa556); } - .sm\:focus-within\:ring-offset-blue-800:focus-within { - --tw-ring-offset-color: #1e40af; + .lg\:bg-Orange-orange-200 { + background-color: var(--orange-orange-200, #ffbf86); } - .sm\:focus-within\:ring-offset-blue-900:focus-within { - --tw-ring-offset-color: #1e3a8a; + .lg\:bg-Orange-orange-300 { + background-color: var(--orange-orange-300, #d97f30); } - .sm\:focus-within\:ring-offset-indigo-50:focus-within { - --tw-ring-offset-color: #eef2ff; + .lg\:bg-Orange-orange-400 { + background-color: var(--orange-orange-400, #bf7e46); } - .sm\:focus-within\:ring-offset-indigo-100:focus-within { - --tw-ring-offset-color: #e0e7ff; + .lg\:bg-Orange-orange-500 { + background-color: var(--orange-orange-500, #e5720d); } - .sm\:focus-within\:ring-offset-indigo-200:focus-within { - --tw-ring-offset-color: #c7d2fe; + .lg\:bg-Orange-orange-600 { + background-color: var(--orange-orange-600, #b3590a); } - .sm\:focus-within\:ring-offset-indigo-300:focus-within { - --tw-ring-offset-color: #a5b4fc; + .lg\:bg-Orange-orange-700 { + background-color: var(--orange-orange-700, #663306); } - .sm\:focus-within\:ring-offset-indigo-400:focus-within { - --tw-ring-offset-color: #818cf8; + .lg\:bg-Yellow-yellow { + background-color: var(--yellow-yellow, #ffab00); } - .sm\:focus-within\:ring-offset-indigo-500:focus-within { - --tw-ring-offset-color: #6366f1; + .lg\:bg-Yellow-yellow-100 { + background-color: var(--yellow-yellow-100, #ffc44c); } - .sm\:focus-within\:ring-offset-indigo-600:focus-within { - --tw-ring-offset-color: #4f46e5; + .lg\:bg-Yellow-yellow-200 { + background-color: var(--yellow-yellow-200, #ffd580); } - .sm\:focus-within\:ring-offset-indigo-700:focus-within { - --tw-ring-offset-color: #4338ca; + .lg\:bg-Yellow-yellow-300 { + background-color: var(--yellow-yellow-300, #d99d26); } - .sm\:focus-within\:ring-offset-indigo-800:focus-within { - --tw-ring-offset-color: #3730a3; + .lg\:bg-Yellow-yellow-400 { + background-color: var(--yellow-yellow-400, #bf943f); } - .sm\:focus-within\:ring-offset-indigo-900:focus-within { - --tw-ring-offset-color: #312e81; + .lg\:bg-Yellow-yellow-500 { + background-color: var(--yellow-yellow-500, #e59a00); } - .sm\:focus-within\:ring-offset-purple-50:focus-within { - --tw-ring-offset-color: #f5f3ff; + .lg\:bg-Yellow-yellow-600 { + background-color: var(--yellow-yellow-600, #b37800); } - .sm\:focus-within\:ring-offset-purple-100:focus-within { - --tw-ring-offset-color: #ede9fe; + .lg\:bg-Yellow-yellow-700 { + background-color: var(--yellow-yellow-700, #664400); } - .sm\:focus-within\:ring-offset-purple-200:focus-within { - --tw-ring-offset-color: #ddd6fe; + .lg\:bg-Notification-notification { + background-color: var(--notification-notification, #3959ff); } - .sm\:focus-within\:ring-offset-purple-300:focus-within { - --tw-ring-offset-color: #c4b5fd; + .lg\:bg-Notification-notification-100 { + background-color: var(--notification-notification-100, #748bff); } - .sm\:focus-within\:ring-offset-purple-400:focus-within { - --tw-ring-offset-color: #a78bfa; + .lg\:bg-Notification-notification-200 { + background-color: var(--notification-notification-200, #9cacff); } - .sm\:focus-within\:ring-offset-purple-500:focus-within { - --tw-ring-offset-color: #8b5cf6; + .lg\:bg-Notification-notification-300 { + background-color: var(--notification-notification-300, #4e64d9); } - .sm\:focus-within\:ring-offset-purple-600:focus-within { - --tw-ring-offset-color: #7c3aed; + .lg\:bg-Notification-notification-400 { + background-color: var(--notification-notification-400, #5c6cbf); } - .sm\:focus-within\:ring-offset-purple-700:focus-within { - --tw-ring-offset-color: #6d28d9; + .lg\:bg-Notification-notification-500 { + background-color: var(--notification-notification-500, #3350e5); } - .sm\:focus-within\:ring-offset-purple-800:focus-within { - --tw-ring-offset-color: #5b21b6; + .lg\:bg-Notification-notification-600 { + background-color: var(--notification-notification-600, #283eb3); } - .sm\:focus-within\:ring-offset-purple-900:focus-within { - --tw-ring-offset-color: #4c1d95; + .lg\:bg-Notification-notification-700 { + background-color: var(--notification-notification-700, #172466); } - .sm\:focus-within\:ring-offset-pink-50:focus-within { - --tw-ring-offset-color: #fdf2f8; + .lg\:bg-Success-success\ -700 { + background-color: var(--success-success-700, #24471f); } - .sm\:focus-within\:ring-offset-pink-100:focus-within { - --tw-ring-offset-color: #fce7f3; + .lg\:bg-Success-success { + background-color: var(--success-success, #5bb14d); } - .sm\:focus-within\:ring-offset-pink-200:focus-within { - --tw-ring-offset-color: #fbcfe8; + .lg\:bg-Success-success\ -100 { + background-color: var(--success-success-100, #8cc882); } - .sm\:focus-within\:ring-offset-pink-300:focus-within { - --tw-ring-offset-color: #f9a8d4; + .lg\:bg-Success-success\ -200 { + background-color: var(--success-success-200, #add8a6); } - .sm\:focus-within\:ring-offset-pink-400:focus-within { - --tw-ring-offset-color: #f472b6; + .lg\:bg-Success-success\ -300 { + background-color: var(--success-success-300, #66a25c); } - .sm\:focus-within\:ring-offset-pink-500:focus-within { - --tw-ring-offset-color: #ec4899; + .lg\:bg-Success-success\ -400 { + background-color: var(--success-success-400, #6d9766); } - .sm\:focus-within\:ring-offset-pink-600:focus-within { - --tw-ring-offset-color: #db2777; + .lg\:bg-Success-success\ -500 { + background-color: var(--success-success-500, #529f45); } - .sm\:focus-within\:ring-offset-pink-700:focus-within { - --tw-ring-offset-color: #be185d; + .lg\:bg-Success-success\ -600 { + background-color: var(--success-success-600, #407c36); } - .sm\:focus-within\:ring-offset-pink-800:focus-within { - --tw-ring-offset-color: #9d174d; + .lg\:bg-Error-error { + background-color: var(--error-error, #f03d3e); } - .sm\:focus-within\:ring-offset-pink-900:focus-within { - --tw-ring-offset-color: #831843; + .lg\:bg-Error-error-100 { + background-color: var(--error-error-100, #f57778); } - .sm\:focus\:ring-offset-transparent:focus { - --tw-ring-offset-color: transparent; + .lg\:bg-Error-error-200 { + background-color: var(--error-error-200, #f89e9e); } - .sm\:focus\:ring-offset-current:focus { - --tw-ring-offset-color: currentColor; + .lg\:bg-Error-error-250 { + background-color: var(--error-error-250, #f9c8c8); } - .sm\:focus\:ring-offset-black:focus { - --tw-ring-offset-color: #000; + .lg\:bg-Error-error-300 { + background-color: var(--error-error-300, #ce5151); } - .sm\:focus\:ring-offset-white:focus { - --tw-ring-offset-color: #fff; + .lg\:bg-Error-error-400 { + background-color: var(--error-error-400, #b85e5e); } - .sm\:focus\:ring-offset-gray-50:focus { - --tw-ring-offset-color: #f9fafb; + .lg\:bg-Error-error-500 { + background-color: var(--error-error-500, #d83738); } - .sm\:focus\:ring-offset-gray-100:focus { - --tw-ring-offset-color: #f3f4f6; + .lg\:bg-Error-error-600 { + background-color: var(--error-error-600, #a82b2b); } - .sm\:focus\:ring-offset-gray-200:focus { - --tw-ring-offset-color: #e5e7eb; + .lg\:bg-Error-error-700 { + background-color: var(--error-error-700, #601819); } - .sm\:focus\:ring-offset-gray-300:focus { - --tw-ring-offset-color: #d1d5db; + .group:hover .lg\:group-hover\:bg-colors-black { + background-color: var(--colors-black, #000000); } - .sm\:focus\:ring-offset-gray-400:focus { - --tw-ring-offset-color: #9ca3af; + .group:hover .lg\:group-hover\:bg-colors-white { + background-color: var(--colors-white, #ffffff); } - .sm\:focus\:ring-offset-gray-500:focus { - --tw-ring-offset-color: #6b7280; + .group:hover .lg\:group-hover\:bg-colors-gray-100 { + background-color: var(--colors-gray-100, #f7fafc); } - .sm\:focus\:ring-offset-gray-600:focus { - --tw-ring-offset-color: #4b5563; + .group:hover .lg\:group-hover\:bg-colors-gray-200 { + background-color: var(--colors-gray-200, #edf2f7); } - .sm\:focus\:ring-offset-gray-700:focus { - --tw-ring-offset-color: #374151; + .group:hover .lg\:group-hover\:bg-colors-gray-300 { + background-color: var(--colors-gray-300, #e2e8f0); } - .sm\:focus\:ring-offset-gray-800:focus { - --tw-ring-offset-color: #1f2937; + .group:hover .lg\:group-hover\:bg-colors-gray-400 { + background-color: var(--colors-gray-400, #cbd5e0); } - .sm\:focus\:ring-offset-gray-900:focus { - --tw-ring-offset-color: #111827; + .group:hover .lg\:group-hover\:bg-colors-gray-500 { + background-color: var(--colors-gray-500, #a0aec0); } - .sm\:focus\:ring-offset-red-50:focus { - --tw-ring-offset-color: #fef2f2; + .group:hover .lg\:group-hover\:bg-colors-gray-600 { + background-color: var(--colors-gray-600, #718096); } - .sm\:focus\:ring-offset-red-100:focus { - --tw-ring-offset-color: #fee2e2; + .group:hover .lg\:group-hover\:bg-colors-gray-700 { + background-color: var(--colors-gray-700, #4a5568); } - .sm\:focus\:ring-offset-red-200:focus { - --tw-ring-offset-color: #fecaca; + .group:hover .lg\:group-hover\:bg-colors-gray-800 { + background-color: var(--colors-gray-800, #2d3748); } - .sm\:focus\:ring-offset-red-300:focus { - --tw-ring-offset-color: #fca5a5; + .group:hover .lg\:group-hover\:bg-colors-gray-900 { + background-color: var(--colors-gray-900, #1a202c); } - .sm\:focus\:ring-offset-red-400:focus { - --tw-ring-offset-color: #f87171; + .group:hover .lg\:group-hover\:bg-colors-red-100 { + background-color: var(--colors-red-100, #fff5f5); } - .sm\:focus\:ring-offset-red-500:focus { - --tw-ring-offset-color: #ef4444; + .group:hover .lg\:group-hover\:bg-colors-red-200 { + background-color: var(--colors-red-200, #fed7d7); } - .sm\:focus\:ring-offset-red-600:focus { - --tw-ring-offset-color: #dc2626; + .group:hover .lg\:group-hover\:bg-colors-red-300 { + background-color: var(--colors-red-300, #feb2b2); } - .sm\:focus\:ring-offset-red-700:focus { - --tw-ring-offset-color: #b91c1c; + .group:hover .lg\:group-hover\:bg-colors-red-400 { + background-color: var(--colors-red-400, #fc8181); } - .sm\:focus\:ring-offset-red-800:focus { - --tw-ring-offset-color: #991b1b; + .group:hover .lg\:group-hover\:bg-colors-red-500 { + background-color: var(--colors-red-500, #f56565); } - .sm\:focus\:ring-offset-red-900:focus { - --tw-ring-offset-color: #7f1d1d; + .group:hover .lg\:group-hover\:bg-colors-red-600 { + background-color: var(--colors-red-600, #e53e3e); } - .sm\:focus\:ring-offset-yellow-50:focus { - --tw-ring-offset-color: #fffbeb; + .group:hover .lg\:group-hover\:bg-colors-red-700 { + background-color: var(--colors-red-700, #c53030); } - .sm\:focus\:ring-offset-yellow-100:focus { - --tw-ring-offset-color: #fef3c7; + .group:hover .lg\:group-hover\:bg-colors-red-800 { + background-color: var(--colors-red-800, #9b2c2c); } - .sm\:focus\:ring-offset-yellow-200:focus { - --tw-ring-offset-color: #fde68a; + .group:hover .lg\:group-hover\:bg-colors-red-900 { + background-color: var(--colors-red-900, #742a2a); } - .sm\:focus\:ring-offset-yellow-300:focus { - --tw-ring-offset-color: #fcd34d; + .group:hover .lg\:group-hover\:bg-colors-orange-100 { + background-color: var(--colors-orange-100, #fffaf0); } - .sm\:focus\:ring-offset-yellow-400:focus { - --tw-ring-offset-color: #fbbf24; + .group:hover .lg\:group-hover\:bg-colors-orange-200 { + background-color: var(--colors-orange-200, #feebc8); } - .sm\:focus\:ring-offset-yellow-500:focus { - --tw-ring-offset-color: #f59e0b; + .group:hover .lg\:group-hover\:bg-colors-orange-300 { + background-color: var(--colors-orange-300, #fbd38d); } - .sm\:focus\:ring-offset-yellow-600:focus { - --tw-ring-offset-color: #d97706; + .group:hover .lg\:group-hover\:bg-colors-orange-400 { + background-color: var(--colors-orange-400, #f6ad55); } - .sm\:focus\:ring-offset-yellow-700:focus { - --tw-ring-offset-color: #b45309; + .group:hover .lg\:group-hover\:bg-colors-orange-500 { + background-color: var(--colors-orange-500, #ed8936); } - .sm\:focus\:ring-offset-yellow-800:focus { - --tw-ring-offset-color: #92400e; + .group:hover .lg\:group-hover\:bg-colors-orange-600 { + background-color: var(--colors-orange-600, #dd6b20); } - .sm\:focus\:ring-offset-yellow-900:focus { - --tw-ring-offset-color: #78350f; + .group:hover .lg\:group-hover\:bg-colors-orange-700 { + background-color: var(--colors-orange-700, #c05621); } - .sm\:focus\:ring-offset-green-50:focus { - --tw-ring-offset-color: #ecfdf5; + .group:hover .lg\:group-hover\:bg-colors-orange-800 { + background-color: var(--colors-orange-800, #9c4221); } - .sm\:focus\:ring-offset-green-100:focus { - --tw-ring-offset-color: #d1fae5; + .group:hover .lg\:group-hover\:bg-colors-orange-900 { + background-color: var(--colors-orange-900, #7b341e); } - .sm\:focus\:ring-offset-green-200:focus { - --tw-ring-offset-color: #a7f3d0; + .group:hover .lg\:group-hover\:bg-colors-yellow-100 { + background-color: var(--colors-yellow-100, #fffff0); } - .sm\:focus\:ring-offset-green-300:focus { - --tw-ring-offset-color: #6ee7b7; + .group:hover .lg\:group-hover\:bg-colors-yellow-200 { + background-color: var(--colors-yellow-200, #fefcbf); } - .sm\:focus\:ring-offset-green-400:focus { - --tw-ring-offset-color: #34d399; + .group:hover .lg\:group-hover\:bg-colors-yellow-300 { + background-color: var(--colors-yellow-300, #faf089); } - .sm\:focus\:ring-offset-green-500:focus { - --tw-ring-offset-color: #10b981; + .group:hover .lg\:group-hover\:bg-colors-yellow-400 { + background-color: var(--colors-yellow-400, #f6e05e); } - .sm\:focus\:ring-offset-green-600:focus { - --tw-ring-offset-color: #059669; + .group:hover .lg\:group-hover\:bg-colors-yellow-500 { + background-color: var(--colors-yellow-500, #ecc94b); } - .sm\:focus\:ring-offset-green-700:focus { - --tw-ring-offset-color: #047857; + .group:hover .lg\:group-hover\:bg-colors-yellow-600 { + background-color: var(--colors-yellow-600, #d69e2e); } - .sm\:focus\:ring-offset-green-800:focus { - --tw-ring-offset-color: #065f46; + .group:hover .lg\:group-hover\:bg-colors-yellow-700 { + background-color: var(--colors-yellow-700, #b7791f); } - .sm\:focus\:ring-offset-green-900:focus { - --tw-ring-offset-color: #064e3b; + .group:hover .lg\:group-hover\:bg-colors-yellow-800 { + background-color: var(--colors-yellow-800, #975a16); } - .sm\:focus\:ring-offset-blue-50:focus { - --tw-ring-offset-color: #eff6ff; + .group:hover .lg\:group-hover\:bg-colors-yellow-900 { + background-color: var(--colors-yellow-900, #744210); } - .sm\:focus\:ring-offset-blue-100:focus { - --tw-ring-offset-color: #dbeafe; + .group:hover .lg\:group-hover\:bg-colors-green-100 { + background-color: var(--colors-green-100, #f0fff4); } - .sm\:focus\:ring-offset-blue-200:focus { - --tw-ring-offset-color: #bfdbfe; + .group:hover .lg\:group-hover\:bg-colors-green-200 { + background-color: var(--colors-green-200, #c6f6d5); } - .sm\:focus\:ring-offset-blue-300:focus { - --tw-ring-offset-color: #93c5fd; + .group:hover .lg\:group-hover\:bg-colors-green-300 { + background-color: var(--colors-green-300, #9ae6b4); } - .sm\:focus\:ring-offset-blue-400:focus { - --tw-ring-offset-color: #60a5fa; + .group:hover .lg\:group-hover\:bg-colors-green-400 { + background-color: var(--colors-green-400, #68d391); } - .sm\:focus\:ring-offset-blue-500:focus { - --tw-ring-offset-color: #3b82f6; + .group:hover .lg\:group-hover\:bg-colors-green-500 { + background-color: var(--colors-green-500, #48bb78); } - .sm\:focus\:ring-offset-blue-600:focus { - --tw-ring-offset-color: #2563eb; + .group:hover .lg\:group-hover\:bg-colors-green-600 { + background-color: var(--colors-green-600, #38a169); } - .sm\:focus\:ring-offset-blue-700:focus { - --tw-ring-offset-color: #1d4ed8; + .group:hover .lg\:group-hover\:bg-colors-green-700 { + background-color: var(--colors-green-700, #2f855a); } - .sm\:focus\:ring-offset-blue-800:focus { - --tw-ring-offset-color: #1e40af; + .group:hover .lg\:group-hover\:bg-colors-green-800 { + background-color: var(--colors-green-800, #276749); } - .sm\:focus\:ring-offset-blue-900:focus { - --tw-ring-offset-color: #1e3a8a; + .group:hover .lg\:group-hover\:bg-colors-green-900 { + background-color: var(--colors-green-900, #22543d); } - .sm\:focus\:ring-offset-indigo-50:focus { - --tw-ring-offset-color: #eef2ff; + .group:hover .lg\:group-hover\:bg-colors-teal-100 { + background-color: var(--colors-teal-100, #e6fffa); } - .sm\:focus\:ring-offset-indigo-100:focus { - --tw-ring-offset-color: #e0e7ff; + .group:hover .lg\:group-hover\:bg-colors-teal-200 { + background-color: var(--colors-teal-200, #b2f5ea); } - .sm\:focus\:ring-offset-indigo-200:focus { - --tw-ring-offset-color: #c7d2fe; + .group:hover .lg\:group-hover\:bg-colors-teal-300 { + background-color: var(--colors-teal-300, #81e6d9); } - .sm\:focus\:ring-offset-indigo-300:focus { - --tw-ring-offset-color: #a5b4fc; + .group:hover .lg\:group-hover\:bg-colors-teal-400 { + background-color: var(--colors-teal-400, #4fd1c5); } - .sm\:focus\:ring-offset-indigo-400:focus { - --tw-ring-offset-color: #818cf8; + .group:hover .lg\:group-hover\:bg-colors-teal-500 { + background-color: var(--colors-teal-500, #38b2ac); } - .sm\:focus\:ring-offset-indigo-500:focus { - --tw-ring-offset-color: #6366f1; + .group:hover .lg\:group-hover\:bg-colors-teal-600 { + background-color: var(--colors-teal-600, #319795); } - .sm\:focus\:ring-offset-indigo-600:focus { - --tw-ring-offset-color: #4f46e5; + .group:hover .lg\:group-hover\:bg-colors-teal-700 { + background-color: var(--colors-teal-700, #2c7a7b); } - .sm\:focus\:ring-offset-indigo-700:focus { - --tw-ring-offset-color: #4338ca; + .group:hover .lg\:group-hover\:bg-colors-teal-800 { + background-color: var(--colors-teal-800, #285e61); } - .sm\:focus\:ring-offset-indigo-800:focus { - --tw-ring-offset-color: #3730a3; + .group:hover .lg\:group-hover\:bg-colors-teal-900 { + background-color: var(--colors-teal-900, #234e52); } - .sm\:focus\:ring-offset-indigo-900:focus { - --tw-ring-offset-color: #312e81; + .group:hover .lg\:group-hover\:bg-colors-blue-100 { + background-color: var(--colors-blue-100, #ebf8ff); } - .sm\:focus\:ring-offset-purple-50:focus { - --tw-ring-offset-color: #f5f3ff; + .group:hover .lg\:group-hover\:bg-colors-blue-200 { + background-color: var(--colors-blue-200, #bee3f8); } - .sm\:focus\:ring-offset-purple-100:focus { - --tw-ring-offset-color: #ede9fe; + .group:hover .lg\:group-hover\:bg-colors-blue-300 { + background-color: var(--colors-blue-300, #90cdf4); } - .sm\:focus\:ring-offset-purple-200:focus { - --tw-ring-offset-color: #ddd6fe; + .group:hover .lg\:group-hover\:bg-colors-blue-400 { + background-color: var(--colors-blue-400, #63b3ed); } - .sm\:focus\:ring-offset-purple-300:focus { - --tw-ring-offset-color: #c4b5fd; + .group:hover .lg\:group-hover\:bg-colors-blue-500 { + background-color: var(--colors-blue-500, #4299e1); } - .sm\:focus\:ring-offset-purple-400:focus { - --tw-ring-offset-color: #a78bfa; + .group:hover .lg\:group-hover\:bg-colors-blue-600 { + background-color: var(--colors-blue-600, #3182ce); } - .sm\:focus\:ring-offset-purple-500:focus { - --tw-ring-offset-color: #8b5cf6; + .group:hover .lg\:group-hover\:bg-colors-blue-700 { + background-color: var(--colors-blue-700, #2b6cb0); } - .sm\:focus\:ring-offset-purple-600:focus { - --tw-ring-offset-color: #7c3aed; + .group:hover .lg\:group-hover\:bg-colors-blue-800 { + background-color: var(--colors-blue-800, #2c5282); } - .sm\:focus\:ring-offset-purple-700:focus { - --tw-ring-offset-color: #6d28d9; + .group:hover .lg\:group-hover\:bg-colors-blue-900 { + background-color: var(--colors-blue-900, #2a4365); } - .sm\:focus\:ring-offset-purple-800:focus { - --tw-ring-offset-color: #5b21b6; + .group:hover .lg\:group-hover\:bg-colors-indigo-100 { + background-color: var(--colors-indigo-100, #ebf4ff); } - .sm\:focus\:ring-offset-purple-900:focus { - --tw-ring-offset-color: #4c1d95; + .group:hover .lg\:group-hover\:bg-colors-indigo-200 { + background-color: var(--colors-indigo-200, #c3dafe); } - .sm\:focus\:ring-offset-pink-50:focus { - --tw-ring-offset-color: #fdf2f8; + .group:hover .lg\:group-hover\:bg-colors-indigo-300 { + background-color: var(--colors-indigo-300, #a3bffa); } - .sm\:focus\:ring-offset-pink-100:focus { - --tw-ring-offset-color: #fce7f3; + .group:hover .lg\:group-hover\:bg-colors-indigo-400 { + background-color: var(--colors-indigo-400, #7f9cf5); } - .sm\:focus\:ring-offset-pink-200:focus { - --tw-ring-offset-color: #fbcfe8; + .group:hover .lg\:group-hover\:bg-colors-indigo-500 { + background-color: var(--colors-indigo-500, #667eea); } - .sm\:focus\:ring-offset-pink-300:focus { - --tw-ring-offset-color: #f9a8d4; + .group:hover .lg\:group-hover\:bg-colors-indigo-600 { + background-color: var(--colors-indigo-600, #5a67d8); } - .sm\:focus\:ring-offset-pink-400:focus { - --tw-ring-offset-color: #f472b6; + .group:hover .lg\:group-hover\:bg-colors-indigo-700 { + background-color: var(--colors-indigo-700, #4c51bf); } - .sm\:focus\:ring-offset-pink-500:focus { - --tw-ring-offset-color: #ec4899; + .group:hover .lg\:group-hover\:bg-colors-indigo-800 { + background-color: var(--colors-indigo-800, #434190); } - .sm\:focus\:ring-offset-pink-600:focus { - --tw-ring-offset-color: #db2777; + .group:hover .lg\:group-hover\:bg-colors-indigo-900 { + background-color: var(--colors-indigo-900, #3c366b); } - .sm\:focus\:ring-offset-pink-700:focus { - --tw-ring-offset-color: #be185d; + .group:hover .lg\:group-hover\:bg-colors-purple-100 { + background-color: var(--colors-purple-100, #faf5ff); } - .sm\:focus\:ring-offset-pink-800:focus { - --tw-ring-offset-color: #9d174d; + .group:hover .lg\:group-hover\:bg-colors-purple-200 { + background-color: var(--colors-purple-200, #e9d8fd); } - .sm\:focus\:ring-offset-pink-900:focus { - --tw-ring-offset-color: #831843; + .group:hover .lg\:group-hover\:bg-colors-purple-300 { + background-color: var(--colors-purple-300, #d6bcfa); } - .sm\:filter { - --tw-blur: var(--tw-empty,/*!*/ /*!*/); - --tw-brightness: var(--tw-empty,/*!*/ /*!*/); - --tw-contrast: var(--tw-empty,/*!*/ /*!*/); - --tw-grayscale: var(--tw-empty,/*!*/ /*!*/); - --tw-hue-rotate: var(--tw-empty,/*!*/ /*!*/); - --tw-invert: var(--tw-empty,/*!*/ /*!*/); - --tw-saturate: var(--tw-empty,/*!*/ /*!*/); - --tw-sepia: var(--tw-empty,/*!*/ /*!*/); - --tw-drop-shadow: var(--tw-empty,/*!*/ /*!*/); - filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); + .group:hover .lg\:group-hover\:bg-colors-purple-400 { + background-color: var(--colors-purple-400, #b794f4); } - .sm\:filter-none { - filter: none; + .group:hover .lg\:group-hover\:bg-colors-purple-500 { + background-color: var(--colors-purple-500, #9f7aea); } - .sm\:blur-0 { - --tw-blur: blur(0); + .group:hover .lg\:group-hover\:bg-colors-purple-600 { + background-color: var(--colors-purple-600, #805ad5); } - .sm\:blur-none { - --tw-blur: blur(0); + .group:hover .lg\:group-hover\:bg-colors-purple-700 { + background-color: var(--colors-purple-700, #6b46c1); } - .sm\:blur-sm { - --tw-blur: blur(4px); + .group:hover .lg\:group-hover\:bg-colors-purple-800 { + background-color: var(--colors-purple-800, #553c9a); } - .sm\:blur { - --tw-blur: blur(8px); + .group:hover .lg\:group-hover\:bg-colors-purple-900 { + background-color: var(--colors-purple-900, #44337a); } - .sm\:blur-md { - --tw-blur: blur(12px); + .group:hover .lg\:group-hover\:bg-colors-pink-100 { + background-color: var(--colors-pink-100, #fff5f7); } - .sm\:blur-lg { - --tw-blur: blur(16px); + .group:hover .lg\:group-hover\:bg-colors-pink-200 { + background-color: var(--colors-pink-200, #fed7e2); } - .sm\:blur-xl { - --tw-blur: blur(24px); + .group:hover .lg\:group-hover\:bg-colors-pink-300 { + background-color: var(--colors-pink-300, #fbb6ce); } - .sm\:blur-2xl { - --tw-blur: blur(40px); + .group:hover .lg\:group-hover\:bg-colors-pink-400 { + background-color: var(--colors-pink-400, #f687b3); } - .sm\:blur-3xl { - --tw-blur: blur(64px); + .group:hover .lg\:group-hover\:bg-colors-pink-500 { + background-color: var(--colors-pink-500, #ed64a6); } - .sm\:brightness-0 { - --tw-brightness: brightness(0); + .group:hover .lg\:group-hover\:bg-colors-pink-600 { + background-color: var(--colors-pink-600, #d53f8c); } - .sm\:brightness-50 { - --tw-brightness: brightness(.5); + .group:hover .lg\:group-hover\:bg-colors-pink-700 { + background-color: var(--colors-pink-700, #b83280); } - .sm\:brightness-75 { - --tw-brightness: brightness(.75); + .group:hover .lg\:group-hover\:bg-colors-pink-800 { + background-color: var(--colors-pink-800, #97266d); } - .sm\:brightness-90 { - --tw-brightness: brightness(.9); + .group:hover .lg\:group-hover\:bg-colors-pink-900 { + background-color: var(--colors-pink-900, #702459); } - .sm\:brightness-95 { - --tw-brightness: brightness(.95); + .group:hover .lg\:group-hover\:bg-Box\ Shadow { + background-color: var(--box-shadow, #7f7e7f); } - .sm\:brightness-100 { - --tw-brightness: brightness(1); + .group:hover .lg\:group-hover\:bg-Error16 { + background-color: var(--error16, #f03d3e40); } - .sm\:brightness-105 { - --tw-brightness: brightness(1.05); + .group:hover .lg\:group-hover\:bg-Success16 { + background-color: var(--success16, #5bb14d40); } - .sm\:brightness-110 { - --tw-brightness: brightness(1.1); + .group:hover .lg\:group-hover\:bg-Notification16 { + background-color: var(--notification16, #3959ff40); } - .sm\:brightness-125 { - --tw-brightness: brightness(1.25); + .group:hover .lg\:group-hover\:bg-Error8 { + background-color: var(--error8, #f03d3e1a); } - .sm\:brightness-150 { - --tw-brightness: brightness(1.5); + .group:hover .lg\:group-hover\:bg-Notification8 { + background-color: var(--notification8, #3959ff1a); } - .sm\:brightness-200 { - --tw-brightness: brightness(2); + .group:hover .lg\:group-hover\:bg-Success8 { + background-color: var(--success8, #5bb14d1a); } - .sm\:contrast-0 { - --tw-contrast: contrast(0); + .group:hover .lg\:group-hover\:bg-Light\ -\ Overlay { + background-color: var(--light-overlay, #f0edee66); } - .sm\:contrast-50 { - --tw-contrast: contrast(.5); + .group:hover .lg\:group-hover\:bg-Dark-\ Overlay { + background-color: var(--dark-overlay, #7f7e7f66); } - .sm\:contrast-75 { - --tw-contrast: contrast(.75); + .group:hover .lg\:group-hover\:bg-black-40 { + background-color: var(--black-40, #00000066); } - .sm\:contrast-100 { - --tw-contrast: contrast(1); + .group:hover .lg\:group-hover\:bg-black-75 { + background-color: var(--black-75, #000000bf); } - .sm\:contrast-125 { - --tw-contrast: contrast(1.25); + .group:hover .lg\:group-hover\:bg-black-60 { + background-color: var(--black-60, #00000099); } - .sm\:contrast-150 { - --tw-contrast: contrast(1.5); + .group:hover .lg\:group-hover\:bg-black-50 { + background-color: var(--black-50, #00000080); } - .sm\:contrast-200 { - --tw-contrast: contrast(2); + .group:hover .lg\:group-hover\:bg-black-25 { + background-color: var(--black-25, #00000040); } - .sm\:drop-shadow-sm { - --tw-drop-shadow: drop-shadow(0 1px 1px rgba(0,0,0,0.05)); + .group:hover .lg\:group-hover\:bg-black-10 { + background-color: var(--black-10, #0000001a); } - .sm\:drop-shadow { - --tw-drop-shadow: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1)) drop-shadow(0 1px 1px rgba(0, 0, 0, 0.06)); + .group:hover .lg\:group-hover\:bg-white-25 { + background-color: var(--white-25, #ffffff40); } - .sm\:drop-shadow-md { - --tw-drop-shadow: drop-shadow(0 4px 3px rgba(0, 0, 0, 0.07)) drop-shadow(0 2px 2px rgba(0, 0, 0, 0.06)); + .group:hover .lg\:group-hover\:bg-white-60 { + background-color: var(--white-60, #ffffff99); } - .sm\:drop-shadow-lg { - --tw-drop-shadow: drop-shadow(0 10px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0 4px 3px rgba(0, 0, 0, 0.1)); + .group:hover .lg\:group-hover\:bg-black-64 { + background-color: var(--black-64, #000000a3); } - .sm\:drop-shadow-xl { - --tw-drop-shadow: drop-shadow(0 20px 13px rgba(0, 0, 0, 0.03)) drop-shadow(0 8px 5px rgba(0, 0, 0, 0.08)); + .group:hover .lg\:group-hover\:bg-Shadow\ and\ Highlight-Shadow { + background-color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .sm\:drop-shadow-2xl { - --tw-drop-shadow: drop-shadow(0 25px 25px rgba(0, 0, 0, 0.15)); + .group:hover .lg\:group-hover\:bg-Shadow\ and\ Highlight-Highlight { + background-color: var(--shadow-and-highlight-highlight, #474747); } - .sm\:drop-shadow-none { - --tw-drop-shadow: drop-shadow(0 0 #0000); + .group:hover .lg\:group-hover\:bg-Shadow\ and\ Highlight-highlight\ one { + background-color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .sm\:grayscale-0 { - --tw-grayscale: grayscale(0); + .group:hover .lg\:group-hover\:bg-Shadow\ and\ Highlight-highlight\ two { + background-color: var(--shadow-and-highlight-highlight-two, #47474799); } - .sm\:grayscale { - --tw-grayscale: grayscale(100%); + .group:hover .lg\:group-hover\:bg-Shadow\ and\ Highlight-highlight\ three { + background-color: var(--shadow-and-highlight-highlight-three, #47474766); } - .sm\:hue-rotate-0 { - --tw-hue-rotate: hue-rotate(0deg); + .group:hover .lg\:group-hover\:bg-Shadow\ and\ Highlight-highlight\ five { + background-color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .sm\:hue-rotate-15 { - --tw-hue-rotate: hue-rotate(15deg); + .group:hover .lg\:group-hover\:bg-Shadow\ and\ Highlight-shadow\ one { + background-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .sm\:hue-rotate-30 { - --tw-hue-rotate: hue-rotate(30deg); + .group:hover .lg\:group-hover\:bg-Shadow\ and\ Highlight-shadow\ two { + background-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .sm\:hue-rotate-60 { - --tw-hue-rotate: hue-rotate(60deg); + .group:hover .lg\:group-hover\:bg-Shadow\ and\ Highlight-shadow\ three { + background-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .sm\:hue-rotate-90 { - --tw-hue-rotate: hue-rotate(90deg); + .group:hover .lg\:group-hover\:bg-Shadow\ and\ Highlight-shadow\ four { + background-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .sm\:hue-rotate-180 { - --tw-hue-rotate: hue-rotate(180deg); + .group:hover .lg\:group-hover\:bg-Shadow\ and\ Highlight-shadow\ five { + background-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .sm\:-hue-rotate-180 { - --tw-hue-rotate: hue-rotate(-180deg); + .group:hover .lg\:group-hover\:bg-Shadow\ and\ Highlight-highlight\ four { + background-color: var(--shadow-and-highlight-highlight-four, #47474740); } - .sm\:-hue-rotate-90 { - --tw-hue-rotate: hue-rotate(-90deg); + .group:hover .lg\:group-hover\:bg-Base\ Layer\ Styles-Base\ Layer-\ Light-White { + background-color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .sm\:-hue-rotate-60 { - --tw-hue-rotate: hue-rotate(-60deg); + .group:hover .lg\:group-hover\:bg-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite { + background-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .sm\:-hue-rotate-30 { - --tw-hue-rotate: hue-rotate(-30deg); + .group:hover .lg\:group-hover\:bg-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack { + background-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .sm\:-hue-rotate-15 { - --tw-hue-rotate: hue-rotate(-15deg); + .group:hover .lg\:group-hover\:bg-Base\ Layer\ Styles-Base\ Layer-Dark-Black { + background-color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .sm\:invert-0 { - --tw-invert: invert(0); + .group:hover .lg\:group-hover\:bg-Grey-Scale-white { + background-color: var(--grey-scale-white, #ffffff); } - .sm\:invert { - --tw-invert: invert(100%); + .group:hover .lg\:group-hover\:bg-Grey-Scale-off-white { + background-color: var(--grey-scale-off-white, #f0edee); } - .sm\:saturate-0 { - --tw-saturate: saturate(0); + .group:hover .lg\:group-hover\:bg-Grey\ Scale-grey { + background-color: var(--grey-scale-grey, #7f7e7f); } - .sm\:saturate-50 { - --tw-saturate: saturate(.5); + .group:hover .lg\:group-hover\:bg-Grey\ Scale-charcoal { + background-color: var(--grey-scale-charcoal, #474747); } - .sm\:saturate-100 { - --tw-saturate: saturate(1); + .group:hover .lg\:group-hover\:bg-Grey\ Scale-off-black { + background-color: var(--grey-scale-off-black, #1c1c1c); } - .sm\:saturate-150 { - --tw-saturate: saturate(1.5); + .group:hover .lg\:group-hover\:bg-Grey\ Scale-black { + background-color: var(--grey-scale-black, #000000); } - .sm\:saturate-200 { - --tw-saturate: saturate(2); + .group:hover .lg\:group-hover\:bg-Blue-blue { + background-color: var(--blue-blue, #3a7ca5); } - .sm\:sepia-0 { - --tw-sepia: sepia(0); + .group:hover .lg\:group-hover\:bg-Blue-blue-100 { + background-color: var(--blue-blue-100, #75a3c0); } - .sm\:sepia { - --tw-sepia: sepia(100%); + .group:hover .lg\:group-hover\:bg-Blue-blue-200 { + background-color: var(--blue-blue-200, #9cbed2); } - .sm\:backdrop-filter { - --tw-backdrop-blur: var(--tw-empty,/*!*/ /*!*/); - --tw-backdrop-brightness: var(--tw-empty,/*!*/ /*!*/); - --tw-backdrop-contrast: var(--tw-empty,/*!*/ /*!*/); - --tw-backdrop-grayscale: var(--tw-empty,/*!*/ /*!*/); - --tw-backdrop-hue-rotate: var(--tw-empty,/*!*/ /*!*/); - --tw-backdrop-invert: var(--tw-empty,/*!*/ /*!*/); - --tw-backdrop-opacity: var(--tw-empty,/*!*/ /*!*/); - --tw-backdrop-saturate: var(--tw-empty,/*!*/ /*!*/); - --tw-backdrop-sepia: var(--tw-empty,/*!*/ /*!*/); - -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); - backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + .group:hover .lg\:group-hover\:bg-Blue-blue-300 { + background-color: var(--blue-blue-300, #4f7d9a); } - .sm\:backdrop-filter-none { - -webkit-backdrop-filter: none; - backdrop-filter: none; + .group:hover .lg\:group-hover\:bg-Blue-blue-400 { + background-color: var(--blue-blue-400, #5c7d92); } - .sm\:backdrop-blur-0 { - --tw-backdrop-blur: blur(0); + .group:hover .lg\:group-hover\:bg-Blue-blue-500 { + background-color: var(--blue-blue-500, #347095); } - .sm\:backdrop-blur-none { - --tw-backdrop-blur: blur(0); + .group:hover .lg\:group-hover\:bg-Blue-blue-600 { + background-color: var(--blue-blue-600, #295774); } - .sm\:backdrop-blur-sm { - --tw-backdrop-blur: blur(4px); + .group:hover .lg\:group-hover\:bg-Blue-blue-700 { + background-color: var(--blue-blue-700, #173242); } - .sm\:backdrop-blur { - --tw-backdrop-blur: blur(8px); + .group:hover .lg\:group-hover\:bg-LightBlue-lightblue { + background-color: var(--light-blue-lightblue, #81c3d7); } - .sm\:backdrop-blur-md { - --tw-backdrop-blur: blur(12px); + .group:hover .lg\:group-hover\:bg-LightBlue-lightblue-100 { + background-color: var(--light-blue-lightblue-100, #a7d5e3); } - .sm\:backdrop-blur-lg { - --tw-backdrop-blur: blur(16px); + .group:hover .lg\:group-hover\:bg-LightBlue-lightblue-200 { + background-color: var(--light-blue-lightblue-200, #c0e1eb); } - .sm\:backdrop-blur-xl { - --tw-backdrop-blur: blur(24px); + .group:hover .lg\:group-hover\:bg-LightBlue-lightblue-300 { + background-color: var(--light-blue-lightblue-300, #80aebd); } - .sm\:backdrop-blur-2xl { - --tw-backdrop-blur: blur(40px); + .group:hover .lg\:group-hover\:bg-LightBlue-lightblue-400 { + background-color: var(--light-blue-lightblue-400, #80a0ab); } - .sm\:backdrop-blur-3xl { - --tw-backdrop-blur: blur(64px); + .group:hover .lg\:group-hover\:bg-LightBlue-lightblue-500 { + background-color: var(--light-blue-lightblue-500, #74afc1); } - .sm\:backdrop-brightness-0 { - --tw-backdrop-brightness: brightness(0); + .group:hover .lg\:group-hover\:bg-LightBlue-lightblue-600 { + background-color: var(--light-blue-lightblue-600, #5a8997); } - .sm\:backdrop-brightness-50 { - --tw-backdrop-brightness: brightness(.5); + .group:hover .lg\:group-hover\:bg-LightBlue-lightblue-650 { + background-color: var(--light-blue-lightblue-650, #3e5e65); } - .sm\:backdrop-brightness-75 { - --tw-backdrop-brightness: brightness(.75); + .group:hover .lg\:group-hover\:bg-LightBlue-lightblue-700 { + background-color: var(--light-blue-lightblue-700, #344e56); } - .sm\:backdrop-brightness-90 { - --tw-backdrop-brightness: brightness(.9); + .group:hover .lg\:group-hover\:bg-Orange-orange { + background-color: var(--orange-orange, #ff7f0e); } - .sm\:backdrop-brightness-95 { - --tw-backdrop-brightness: brightness(.95); + .group:hover .lg\:group-hover\:bg-Orange-orange-100 { + background-color: var(--orange-orange-100, #ffa556); } - .sm\:backdrop-brightness-100 { - --tw-backdrop-brightness: brightness(1); + .group:hover .lg\:group-hover\:bg-Orange-orange-200 { + background-color: var(--orange-orange-200, #ffbf86); } - .sm\:backdrop-brightness-105 { - --tw-backdrop-brightness: brightness(1.05); + .group:hover .lg\:group-hover\:bg-Orange-orange-300 { + background-color: var(--orange-orange-300, #d97f30); } - .sm\:backdrop-brightness-110 { - --tw-backdrop-brightness: brightness(1.1); + .group:hover .lg\:group-hover\:bg-Orange-orange-400 { + background-color: var(--orange-orange-400, #bf7e46); } - .sm\:backdrop-brightness-125 { - --tw-backdrop-brightness: brightness(1.25); + .group:hover .lg\:group-hover\:bg-Orange-orange-500 { + background-color: var(--orange-orange-500, #e5720d); } - .sm\:backdrop-brightness-150 { - --tw-backdrop-brightness: brightness(1.5); + .group:hover .lg\:group-hover\:bg-Orange-orange-600 { + background-color: var(--orange-orange-600, #b3590a); } - .sm\:backdrop-brightness-200 { - --tw-backdrop-brightness: brightness(2); + .group:hover .lg\:group-hover\:bg-Orange-orange-700 { + background-color: var(--orange-orange-700, #663306); } - .sm\:backdrop-contrast-0 { - --tw-backdrop-contrast: contrast(0); + .group:hover .lg\:group-hover\:bg-Yellow-yellow { + background-color: var(--yellow-yellow, #ffab00); } - .sm\:backdrop-contrast-50 { - --tw-backdrop-contrast: contrast(.5); + .group:hover .lg\:group-hover\:bg-Yellow-yellow-100 { + background-color: var(--yellow-yellow-100, #ffc44c); } - .sm\:backdrop-contrast-75 { - --tw-backdrop-contrast: contrast(.75); + .group:hover .lg\:group-hover\:bg-Yellow-yellow-200 { + background-color: var(--yellow-yellow-200, #ffd580); } - .sm\:backdrop-contrast-100 { - --tw-backdrop-contrast: contrast(1); + .group:hover .lg\:group-hover\:bg-Yellow-yellow-300 { + background-color: var(--yellow-yellow-300, #d99d26); } - .sm\:backdrop-contrast-125 { - --tw-backdrop-contrast: contrast(1.25); + .group:hover .lg\:group-hover\:bg-Yellow-yellow-400 { + background-color: var(--yellow-yellow-400, #bf943f); } - .sm\:backdrop-contrast-150 { - --tw-backdrop-contrast: contrast(1.5); + .group:hover .lg\:group-hover\:bg-Yellow-yellow-500 { + background-color: var(--yellow-yellow-500, #e59a00); } - .sm\:backdrop-contrast-200 { - --tw-backdrop-contrast: contrast(2); + .group:hover .lg\:group-hover\:bg-Yellow-yellow-600 { + background-color: var(--yellow-yellow-600, #b37800); } - .sm\:backdrop-grayscale-0 { - --tw-backdrop-grayscale: grayscale(0); + .group:hover .lg\:group-hover\:bg-Yellow-yellow-700 { + background-color: var(--yellow-yellow-700, #664400); } - .sm\:backdrop-grayscale { - --tw-backdrop-grayscale: grayscale(100%); + .group:hover .lg\:group-hover\:bg-Notification-notification { + background-color: var(--notification-notification, #3959ff); } - .sm\:backdrop-hue-rotate-0 { - --tw-backdrop-hue-rotate: hue-rotate(0deg); + .group:hover .lg\:group-hover\:bg-Notification-notification-100 { + background-color: var(--notification-notification-100, #748bff); } - .sm\:backdrop-hue-rotate-15 { - --tw-backdrop-hue-rotate: hue-rotate(15deg); + .group:hover .lg\:group-hover\:bg-Notification-notification-200 { + background-color: var(--notification-notification-200, #9cacff); } - .sm\:backdrop-hue-rotate-30 { - --tw-backdrop-hue-rotate: hue-rotate(30deg); + .group:hover .lg\:group-hover\:bg-Notification-notification-300 { + background-color: var(--notification-notification-300, #4e64d9); } - .sm\:backdrop-hue-rotate-60 { - --tw-backdrop-hue-rotate: hue-rotate(60deg); + .group:hover .lg\:group-hover\:bg-Notification-notification-400 { + background-color: var(--notification-notification-400, #5c6cbf); } - .sm\:backdrop-hue-rotate-90 { - --tw-backdrop-hue-rotate: hue-rotate(90deg); + .group:hover .lg\:group-hover\:bg-Notification-notification-500 { + background-color: var(--notification-notification-500, #3350e5); } - .sm\:backdrop-hue-rotate-180 { - --tw-backdrop-hue-rotate: hue-rotate(180deg); + .group:hover .lg\:group-hover\:bg-Notification-notification-600 { + background-color: var(--notification-notification-600, #283eb3); } - .sm\:-backdrop-hue-rotate-180 { - --tw-backdrop-hue-rotate: hue-rotate(-180deg); + .group:hover .lg\:group-hover\:bg-Notification-notification-700 { + background-color: var(--notification-notification-700, #172466); } - .sm\:-backdrop-hue-rotate-90 { - --tw-backdrop-hue-rotate: hue-rotate(-90deg); + .group:hover .lg\:group-hover\:bg-Success-success\ -700 { + background-color: var(--success-success-700, #24471f); } - .sm\:-backdrop-hue-rotate-60 { - --tw-backdrop-hue-rotate: hue-rotate(-60deg); + .group:hover .lg\:group-hover\:bg-Success-success { + background-color: var(--success-success, #5bb14d); } - .sm\:-backdrop-hue-rotate-30 { - --tw-backdrop-hue-rotate: hue-rotate(-30deg); + .group:hover .lg\:group-hover\:bg-Success-success\ -100 { + background-color: var(--success-success-100, #8cc882); } - .sm\:-backdrop-hue-rotate-15 { - --tw-backdrop-hue-rotate: hue-rotate(-15deg); + .group:hover .lg\:group-hover\:bg-Success-success\ -200 { + background-color: var(--success-success-200, #add8a6); } - .sm\:backdrop-invert-0 { - --tw-backdrop-invert: invert(0); + .group:hover .lg\:group-hover\:bg-Success-success\ -300 { + background-color: var(--success-success-300, #66a25c); } - .sm\:backdrop-invert { - --tw-backdrop-invert: invert(100%); + .group:hover .lg\:group-hover\:bg-Success-success\ -400 { + background-color: var(--success-success-400, #6d9766); } - .sm\:backdrop-opacity-0 { - --tw-backdrop-opacity: opacity(0); + .group:hover .lg\:group-hover\:bg-Success-success\ -500 { + background-color: var(--success-success-500, #529f45); } - .sm\:backdrop-opacity-5 { - --tw-backdrop-opacity: opacity(0.05); + .group:hover .lg\:group-hover\:bg-Success-success\ -600 { + background-color: var(--success-success-600, #407c36); } - .sm\:backdrop-opacity-10 { - --tw-backdrop-opacity: opacity(0.1); + .group:hover .lg\:group-hover\:bg-Error-error { + background-color: var(--error-error, #f03d3e); } - .sm\:backdrop-opacity-20 { - --tw-backdrop-opacity: opacity(0.2); + .group:hover .lg\:group-hover\:bg-Error-error-100 { + background-color: var(--error-error-100, #f57778); } - .sm\:backdrop-opacity-25 { - --tw-backdrop-opacity: opacity(0.25); + .group:hover .lg\:group-hover\:bg-Error-error-200 { + background-color: var(--error-error-200, #f89e9e); } - .sm\:backdrop-opacity-30 { - --tw-backdrop-opacity: opacity(0.3); + .group:hover .lg\:group-hover\:bg-Error-error-250 { + background-color: var(--error-error-250, #f9c8c8); } - .sm\:backdrop-opacity-40 { - --tw-backdrop-opacity: opacity(0.4); + .group:hover .lg\:group-hover\:bg-Error-error-300 { + background-color: var(--error-error-300, #ce5151); } - .sm\:backdrop-opacity-50 { - --tw-backdrop-opacity: opacity(0.5); + .group:hover .lg\:group-hover\:bg-Error-error-400 { + background-color: var(--error-error-400, #b85e5e); } - .sm\:backdrop-opacity-60 { - --tw-backdrop-opacity: opacity(0.6); + .group:hover .lg\:group-hover\:bg-Error-error-500 { + background-color: var(--error-error-500, #d83738); } - .sm\:backdrop-opacity-70 { - --tw-backdrop-opacity: opacity(0.7); + .group:hover .lg\:group-hover\:bg-Error-error-600 { + background-color: var(--error-error-600, #a82b2b); } - .sm\:backdrop-opacity-75 { - --tw-backdrop-opacity: opacity(0.75); + .group:hover .lg\:group-hover\:bg-Error-error-700 { + background-color: var(--error-error-700, #601819); } - .sm\:backdrop-opacity-80 { - --tw-backdrop-opacity: opacity(0.8); + .lg\:focus-within\:bg-colors-black:focus-within { + background-color: var(--colors-black, #000000); } - .sm\:backdrop-opacity-90 { - --tw-backdrop-opacity: opacity(0.9); + .lg\:focus-within\:bg-colors-white:focus-within { + background-color: var(--colors-white, #ffffff); } - .sm\:backdrop-opacity-95 { - --tw-backdrop-opacity: opacity(0.95); + .lg\:focus-within\:bg-colors-gray-100:focus-within { + background-color: var(--colors-gray-100, #f7fafc); } - .sm\:backdrop-opacity-100 { - --tw-backdrop-opacity: opacity(1); + .lg\:focus-within\:bg-colors-gray-200:focus-within { + background-color: var(--colors-gray-200, #edf2f7); } - .sm\:backdrop-saturate-0 { - --tw-backdrop-saturate: saturate(0); + .lg\:focus-within\:bg-colors-gray-300:focus-within { + background-color: var(--colors-gray-300, #e2e8f0); } - .sm\:backdrop-saturate-50 { - --tw-backdrop-saturate: saturate(.5); + .lg\:focus-within\:bg-colors-gray-400:focus-within { + background-color: var(--colors-gray-400, #cbd5e0); } - .sm\:backdrop-saturate-100 { - --tw-backdrop-saturate: saturate(1); + .lg\:focus-within\:bg-colors-gray-500:focus-within { + background-color: var(--colors-gray-500, #a0aec0); } - .sm\:backdrop-saturate-150 { - --tw-backdrop-saturate: saturate(1.5); + .lg\:focus-within\:bg-colors-gray-600:focus-within { + background-color: var(--colors-gray-600, #718096); } - .sm\:backdrop-saturate-200 { - --tw-backdrop-saturate: saturate(2); + .lg\:focus-within\:bg-colors-gray-700:focus-within { + background-color: var(--colors-gray-700, #4a5568); } - .sm\:backdrop-sepia-0 { - --tw-backdrop-sepia: sepia(0); + .lg\:focus-within\:bg-colors-gray-800:focus-within { + background-color: var(--colors-gray-800, #2d3748); } - .sm\:backdrop-sepia { - --tw-backdrop-sepia: sepia(100%); + .lg\:focus-within\:bg-colors-gray-900:focus-within { + background-color: var(--colors-gray-900, #1a202c); } - .sm\:transition-none { - transition-property: none; + .lg\:focus-within\:bg-colors-red-100:focus-within { + background-color: var(--colors-red-100, #fff5f5); } - .sm\:transition-all { - transition-property: all; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 150ms; + .lg\:focus-within\:bg-colors-red-200:focus-within { + background-color: var(--colors-red-200, #fed7d7); } - .sm\:transition { - transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; - transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; - transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 150ms; + .lg\:focus-within\:bg-colors-red-300:focus-within { + background-color: var(--colors-red-300, #feb2b2); } - .sm\:transition-colors { - transition-property: background-color, border-color, color, fill, stroke; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 150ms; + .lg\:focus-within\:bg-colors-red-400:focus-within { + background-color: var(--colors-red-400, #fc8181); } - .sm\:transition-opacity { - transition-property: opacity; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 150ms; + .lg\:focus-within\:bg-colors-red-500:focus-within { + background-color: var(--colors-red-500, #f56565); } - .sm\:transition-shadow { - transition-property: box-shadow; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 150ms; + .lg\:focus-within\:bg-colors-red-600:focus-within { + background-color: var(--colors-red-600, #e53e3e); } - .sm\:transition-transform { - transition-property: transform; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 150ms; + .lg\:focus-within\:bg-colors-red-700:focus-within { + background-color: var(--colors-red-700, #c53030); } - .sm\:delay-75 { - transition-delay: 75ms; + .lg\:focus-within\:bg-colors-red-800:focus-within { + background-color: var(--colors-red-800, #9b2c2c); } - .sm\:delay-100 { - transition-delay: 100ms; + .lg\:focus-within\:bg-colors-red-900:focus-within { + background-color: var(--colors-red-900, #742a2a); } - .sm\:delay-150 { - transition-delay: 150ms; + .lg\:focus-within\:bg-colors-orange-100:focus-within { + background-color: var(--colors-orange-100, #fffaf0); } - .sm\:delay-200 { - transition-delay: 200ms; + .lg\:focus-within\:bg-colors-orange-200:focus-within { + background-color: var(--colors-orange-200, #feebc8); } - .sm\:delay-300 { - transition-delay: 300ms; + .lg\:focus-within\:bg-colors-orange-300:focus-within { + background-color: var(--colors-orange-300, #fbd38d); } - .sm\:delay-500 { - transition-delay: 500ms; + .lg\:focus-within\:bg-colors-orange-400:focus-within { + background-color: var(--colors-orange-400, #f6ad55); } - .sm\:delay-700 { - transition-delay: 700ms; + .lg\:focus-within\:bg-colors-orange-500:focus-within { + background-color: var(--colors-orange-500, #ed8936); } - .sm\:delay-1000 { - transition-delay: 1000ms; + .lg\:focus-within\:bg-colors-orange-600:focus-within { + background-color: var(--colors-orange-600, #dd6b20); } - .sm\:duration-75 { - transition-duration: 75ms; + .lg\:focus-within\:bg-colors-orange-700:focus-within { + background-color: var(--colors-orange-700, #c05621); } - .sm\:duration-100 { - transition-duration: 100ms; + .lg\:focus-within\:bg-colors-orange-800:focus-within { + background-color: var(--colors-orange-800, #9c4221); } - .sm\:duration-150 { - transition-duration: 150ms; + .lg\:focus-within\:bg-colors-orange-900:focus-within { + background-color: var(--colors-orange-900, #7b341e); } - .sm\:duration-200 { - transition-duration: 200ms; + .lg\:focus-within\:bg-colors-yellow-100:focus-within { + background-color: var(--colors-yellow-100, #fffff0); } - .sm\:duration-300 { - transition-duration: 300ms; + .lg\:focus-within\:bg-colors-yellow-200:focus-within { + background-color: var(--colors-yellow-200, #fefcbf); } - .sm\:duration-500 { - transition-duration: 500ms; + .lg\:focus-within\:bg-colors-yellow-300:focus-within { + background-color: var(--colors-yellow-300, #faf089); } - .sm\:duration-700 { - transition-duration: 700ms; + .lg\:focus-within\:bg-colors-yellow-400:focus-within { + background-color: var(--colors-yellow-400, #f6e05e); } - .sm\:duration-1000 { - transition-duration: 1000ms; + .lg\:focus-within\:bg-colors-yellow-500:focus-within { + background-color: var(--colors-yellow-500, #ecc94b); } - .sm\:ease-linear { - transition-timing-function: linear; + .lg\:focus-within\:bg-colors-yellow-600:focus-within { + background-color: var(--colors-yellow-600, #d69e2e); } - .sm\:ease-in { - transition-timing-function: cubic-bezier(0.4, 0, 1, 1); + .lg\:focus-within\:bg-colors-yellow-700:focus-within { + background-color: var(--colors-yellow-700, #b7791f); } - .sm\:ease-out { - transition-timing-function: cubic-bezier(0, 0, 0.2, 1); + .lg\:focus-within\:bg-colors-yellow-800:focus-within { + background-color: var(--colors-yellow-800, #975a16); } - .sm\:ease-in-out { - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + .lg\:focus-within\:bg-colors-yellow-900:focus-within { + background-color: var(--colors-yellow-900, #744210); } -} -@media (min-width: 768px) { - .md\:container { - width: 100%; + .lg\:focus-within\:bg-colors-green-100:focus-within { + background-color: var(--colors-green-100, #f0fff4); } - @media (min-width: 640px) { - .md\:container { - max-width: 640px; - } + .lg\:focus-within\:bg-colors-green-200:focus-within { + background-color: var(--colors-green-200, #c6f6d5); } - @media (min-width: 768px) { - .md\:container { - max-width: 768px; - } + .lg\:focus-within\:bg-colors-green-300:focus-within { + background-color: var(--colors-green-300, #9ae6b4); } - @media (min-width: 1024px) { - .md\:container { - max-width: 1024px; - } + .lg\:focus-within\:bg-colors-green-400:focus-within { + background-color: var(--colors-green-400, #68d391); } - @media (min-width: 1280px) { - .md\:container { - max-width: 1280px; - } + .lg\:focus-within\:bg-colors-green-500:focus-within { + background-color: var(--colors-green-500, #48bb78); } - @media (min-width: 1536px) { - .md\:container { - max-width: 1536px; - } + .lg\:focus-within\:bg-colors-green-600:focus-within { + background-color: var(--colors-green-600, #38a169); } - .md\: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; + .lg\:focus-within\:bg-colors-green-700:focus-within { + background-color: var(--colors-green-700, #2f855a); } - .md\:not-sr-only { - position: static; - width: auto; - height: auto; - padding: 0; - margin: 0; - overflow: visible; - clip: auto; - white-space: normal; + .lg\:focus-within\:bg-colors-green-800:focus-within { + background-color: var(--colors-green-800, #276749); } - .md\:focus-within\:sr-only:focus-within { - position: absolute; - width: 1px; - height: 1px; - padding: 0; - margin: -1px; - overflow: hidden; - clip: rect(0, 0, 0, 0); - white-space: nowrap; - border-width: 0; + .lg\:focus-within\:bg-colors-green-900:focus-within { + background-color: var(--colors-green-900, #22543d); } - .md\:focus-within\:not-sr-only:focus-within { - position: static; - width: auto; - height: auto; - padding: 0; - margin: 0; - overflow: visible; - clip: auto; - white-space: normal; + .lg\:focus-within\:bg-colors-teal-100:focus-within { + background-color: var(--colors-teal-100, #e6fffa); } - .md\:focus\:sr-only:focus { - position: absolute; - width: 1px; - height: 1px; - padding: 0; - margin: -1px; - overflow: hidden; - clip: rect(0, 0, 0, 0); - white-space: nowrap; - border-width: 0; + .lg\:focus-within\:bg-colors-teal-200:focus-within { + background-color: var(--colors-teal-200, #b2f5ea); } - .md\:focus\:not-sr-only:focus { - position: static; - width: auto; - height: auto; - padding: 0; - margin: 0; - overflow: visible; - clip: auto; - white-space: normal; + .lg\:focus-within\:bg-colors-teal-300:focus-within { + background-color: var(--colors-teal-300, #81e6d9); } - .md\:pointer-events-none { - pointer-events: none; + .lg\:focus-within\:bg-colors-teal-400:focus-within { + background-color: var(--colors-teal-400, #4fd1c5); } - .md\:pointer-events-auto { - pointer-events: auto; + .lg\:focus-within\:bg-colors-teal-500:focus-within { + background-color: var(--colors-teal-500, #38b2ac); } - .md\:visible { - visibility: visible; + .lg\:focus-within\:bg-colors-teal-600:focus-within { + background-color: var(--colors-teal-600, #319795); } - .md\:invisible { - visibility: hidden; + .lg\:focus-within\:bg-colors-teal-700:focus-within { + background-color: var(--colors-teal-700, #2c7a7b); } - .md\:static { - position: static; + .lg\:focus-within\:bg-colors-teal-800:focus-within { + background-color: var(--colors-teal-800, #285e61); } - .md\:fixed { - position: fixed; + .lg\:focus-within\:bg-colors-teal-900:focus-within { + background-color: var(--colors-teal-900, #234e52); } - .md\:absolute { - position: absolute; + .lg\:focus-within\:bg-colors-blue-100:focus-within { + background-color: var(--colors-blue-100, #ebf8ff); } - .md\:relative { - position: relative; + .lg\:focus-within\:bg-colors-blue-200:focus-within { + background-color: var(--colors-blue-200, #bee3f8); } - .md\:sticky { - position: sticky; + .lg\:focus-within\:bg-colors-blue-300:focus-within { + background-color: var(--colors-blue-300, #90cdf4); } - .md\:inset-0 { - top: 0px; - right: 0px; - bottom: 0px; - left: 0px; + .lg\:focus-within\:bg-colors-blue-400:focus-within { + background-color: var(--colors-blue-400, #63b3ed); } - .md\:inset-1 { - top: 0.25rem; - right: 0.25rem; - bottom: 0.25rem; - left: 0.25rem; + .lg\:focus-within\:bg-colors-blue-500:focus-within { + background-color: var(--colors-blue-500, #4299e1); } - .md\:inset-2 { - top: 0.5rem; - right: 0.5rem; - bottom: 0.5rem; - left: 0.5rem; + .lg\:focus-within\:bg-colors-blue-600:focus-within { + background-color: var(--colors-blue-600, #3182ce); } - .md\:inset-3 { - top: 0.75rem; - right: 0.75rem; - bottom: 0.75rem; - left: 0.75rem; + .lg\:focus-within\:bg-colors-blue-700:focus-within { + background-color: var(--colors-blue-700, #2b6cb0); } - .md\:inset-4 { - top: 1rem; - right: 1rem; - bottom: 1rem; - left: 1rem; + .lg\:focus-within\:bg-colors-blue-800:focus-within { + background-color: var(--colors-blue-800, #2c5282); } - .md\:inset-5 { - top: 1.25rem; - right: 1.25rem; - bottom: 1.25rem; - left: 1.25rem; + .lg\:focus-within\:bg-colors-blue-900:focus-within { + background-color: var(--colors-blue-900, #2a4365); } - .md\:inset-6 { - top: 1.5rem; - right: 1.5rem; - bottom: 1.5rem; - left: 1.5rem; + .lg\:focus-within\:bg-colors-indigo-100:focus-within { + background-color: var(--colors-indigo-100, #ebf4ff); } - .md\:inset-7 { - top: 1.75rem; - right: 1.75rem; - bottom: 1.75rem; - left: 1.75rem; + .lg\:focus-within\:bg-colors-indigo-200:focus-within { + background-color: var(--colors-indigo-200, #c3dafe); } - .md\:inset-8 { - top: 2rem; - right: 2rem; - bottom: 2rem; - left: 2rem; + .lg\:focus-within\:bg-colors-indigo-300:focus-within { + background-color: var(--colors-indigo-300, #a3bffa); } - .md\:inset-9 { - top: 2.25rem; - right: 2.25rem; - bottom: 2.25rem; - left: 2.25rem; + .lg\:focus-within\:bg-colors-indigo-400:focus-within { + background-color: var(--colors-indigo-400, #7f9cf5); } - .md\:inset-10 { - top: 2.5rem; - right: 2.5rem; - bottom: 2.5rem; - left: 2.5rem; + .lg\:focus-within\:bg-colors-indigo-500:focus-within { + background-color: var(--colors-indigo-500, #667eea); } - .md\:inset-11 { - top: 2.75rem; - right: 2.75rem; - bottom: 2.75rem; - left: 2.75rem; + .lg\:focus-within\:bg-colors-indigo-600:focus-within { + background-color: var(--colors-indigo-600, #5a67d8); } - .md\:inset-12 { - top: 3rem; - right: 3rem; - bottom: 3rem; - left: 3rem; + .lg\:focus-within\:bg-colors-indigo-700:focus-within { + background-color: var(--colors-indigo-700, #4c51bf); } - .md\:inset-14 { - top: 3.5rem; - right: 3.5rem; - bottom: 3.5rem; - left: 3.5rem; + .lg\:focus-within\:bg-colors-indigo-800:focus-within { + background-color: var(--colors-indigo-800, #434190); } - .md\:inset-16 { - top: 4rem; - right: 4rem; - bottom: 4rem; - left: 4rem; + .lg\:focus-within\:bg-colors-indigo-900:focus-within { + background-color: var(--colors-indigo-900, #3c366b); } - .md\:inset-20 { - top: 5rem; - right: 5rem; - bottom: 5rem; - left: 5rem; + .lg\:focus-within\:bg-colors-purple-100:focus-within { + background-color: var(--colors-purple-100, #faf5ff); } - .md\:inset-24 { - top: 6rem; - right: 6rem; - bottom: 6rem; - left: 6rem; + .lg\:focus-within\:bg-colors-purple-200:focus-within { + background-color: var(--colors-purple-200, #e9d8fd); } - .md\:inset-28 { - top: 7rem; - right: 7rem; - bottom: 7rem; - left: 7rem; + .lg\:focus-within\:bg-colors-purple-300:focus-within { + background-color: var(--colors-purple-300, #d6bcfa); } - .md\:inset-32 { - top: 8rem; - right: 8rem; - bottom: 8rem; - left: 8rem; + .lg\:focus-within\:bg-colors-purple-400:focus-within { + background-color: var(--colors-purple-400, #b794f4); } - .md\:inset-36 { - top: 9rem; - right: 9rem; - bottom: 9rem; - left: 9rem; + .lg\:focus-within\:bg-colors-purple-500:focus-within { + background-color: var(--colors-purple-500, #9f7aea); } - .md\:inset-40 { - top: 10rem; - right: 10rem; - bottom: 10rem; - left: 10rem; + .lg\:focus-within\:bg-colors-purple-600:focus-within { + background-color: var(--colors-purple-600, #805ad5); } - .md\:inset-44 { - top: 11rem; - right: 11rem; - bottom: 11rem; - left: 11rem; + .lg\:focus-within\:bg-colors-purple-700:focus-within { + background-color: var(--colors-purple-700, #6b46c1); } - .md\:inset-48 { - top: 12rem; - right: 12rem; - bottom: 12rem; - left: 12rem; + .lg\:focus-within\:bg-colors-purple-800:focus-within { + background-color: var(--colors-purple-800, #553c9a); } - .md\:inset-52 { - top: 13rem; - right: 13rem; - bottom: 13rem; - left: 13rem; + .lg\:focus-within\:bg-colors-purple-900:focus-within { + background-color: var(--colors-purple-900, #44337a); } - .md\:inset-56 { - top: 14rem; - right: 14rem; - bottom: 14rem; - left: 14rem; + .lg\:focus-within\:bg-colors-pink-100:focus-within { + background-color: var(--colors-pink-100, #fff5f7); } - .md\:inset-60 { - top: 15rem; - right: 15rem; - bottom: 15rem; - left: 15rem; + .lg\:focus-within\:bg-colors-pink-200:focus-within { + background-color: var(--colors-pink-200, #fed7e2); } - .md\:inset-64 { - top: 16rem; - right: 16rem; - bottom: 16rem; - left: 16rem; + .lg\:focus-within\:bg-colors-pink-300:focus-within { + background-color: var(--colors-pink-300, #fbb6ce); } - .md\:inset-72 { - top: 18rem; - right: 18rem; - bottom: 18rem; - left: 18rem; + .lg\:focus-within\:bg-colors-pink-400:focus-within { + background-color: var(--colors-pink-400, #f687b3); } - .md\:inset-80 { - top: 20rem; - right: 20rem; - bottom: 20rem; - left: 20rem; + .lg\:focus-within\:bg-colors-pink-500:focus-within { + background-color: var(--colors-pink-500, #ed64a6); + } + + .lg\:focus-within\:bg-colors-pink-600:focus-within { + background-color: var(--colors-pink-600, #d53f8c); } - .md\:inset-96 { - top: 24rem; - right: 24rem; - bottom: 24rem; - left: 24rem; + .lg\:focus-within\:bg-colors-pink-700:focus-within { + background-color: var(--colors-pink-700, #b83280); } - .md\:inset-auto { - top: auto; - right: auto; - bottom: auto; - left: auto; + .lg\:focus-within\:bg-colors-pink-800:focus-within { + background-color: var(--colors-pink-800, #97266d); } - .md\:inset-px { - top: 1px; - right: 1px; - bottom: 1px; - left: 1px; + .lg\:focus-within\:bg-colors-pink-900:focus-within { + background-color: var(--colors-pink-900, #702459); } - .md\:inset-0\.5 { - top: 0.125rem; - right: 0.125rem; - bottom: 0.125rem; - left: 0.125rem; + .lg\:focus-within\:bg-Box\ Shadow:focus-within { + background-color: var(--box-shadow, #7f7e7f); } - .md\:inset-1\.5 { - top: 0.375rem; - right: 0.375rem; - bottom: 0.375rem; - left: 0.375rem; + .lg\:focus-within\:bg-Error16:focus-within { + background-color: var(--error16, #f03d3e40); } - .md\:inset-2\.5 { - top: 0.625rem; - right: 0.625rem; - bottom: 0.625rem; - left: 0.625rem; + .lg\:focus-within\:bg-Success16:focus-within { + background-color: var(--success16, #5bb14d40); } - .md\:inset-3\.5 { - top: 0.875rem; - right: 0.875rem; - bottom: 0.875rem; - left: 0.875rem; + .lg\:focus-within\:bg-Notification16:focus-within { + background-color: var(--notification16, #3959ff40); } - .md\:-inset-0 { - top: 0px; - right: 0px; - bottom: 0px; - left: 0px; + .lg\:focus-within\:bg-Error8:focus-within { + background-color: var(--error8, #f03d3e1a); } - .md\:-inset-1 { - top: -0.25rem; - right: -0.25rem; - bottom: -0.25rem; - left: -0.25rem; + .lg\:focus-within\:bg-Notification8:focus-within { + background-color: var(--notification8, #3959ff1a); } - .md\:-inset-2 { - top: -0.5rem; - right: -0.5rem; - bottom: -0.5rem; - left: -0.5rem; + .lg\:focus-within\:bg-Success8:focus-within { + background-color: var(--success8, #5bb14d1a); } - .md\:-inset-3 { - top: -0.75rem; - right: -0.75rem; - bottom: -0.75rem; - left: -0.75rem; + .lg\:focus-within\:bg-Light\ -\ Overlay:focus-within { + background-color: var(--light-overlay, #f0edee66); } - .md\:-inset-4 { - top: -1rem; - right: -1rem; - bottom: -1rem; - left: -1rem; + .lg\:focus-within\:bg-Dark-\ Overlay:focus-within { + background-color: var(--dark-overlay, #7f7e7f66); } - .md\:-inset-5 { - top: -1.25rem; - right: -1.25rem; - bottom: -1.25rem; - left: -1.25rem; + .lg\:focus-within\:bg-black-40:focus-within { + background-color: var(--black-40, #00000066); } - .md\:-inset-6 { - top: -1.5rem; - right: -1.5rem; - bottom: -1.5rem; - left: -1.5rem; + .lg\:focus-within\:bg-black-75:focus-within { + background-color: var(--black-75, #000000bf); } - .md\:-inset-7 { - top: -1.75rem; - right: -1.75rem; - bottom: -1.75rem; - left: -1.75rem; + .lg\:focus-within\:bg-black-60:focus-within { + background-color: var(--black-60, #00000099); } - .md\:-inset-8 { - top: -2rem; - right: -2rem; - bottom: -2rem; - left: -2rem; + .lg\:focus-within\:bg-black-50:focus-within { + background-color: var(--black-50, #00000080); } - .md\:-inset-9 { - top: -2.25rem; - right: -2.25rem; - bottom: -2.25rem; - left: -2.25rem; + .lg\:focus-within\:bg-black-25:focus-within { + background-color: var(--black-25, #00000040); } - .md\:-inset-10 { - top: -2.5rem; - right: -2.5rem; - bottom: -2.5rem; - left: -2.5rem; + .lg\:focus-within\:bg-black-10:focus-within { + background-color: var(--black-10, #0000001a); } - .md\:-inset-11 { - top: -2.75rem; - right: -2.75rem; - bottom: -2.75rem; - left: -2.75rem; + .lg\:focus-within\:bg-white-25:focus-within { + background-color: var(--white-25, #ffffff40); } - .md\:-inset-12 { - top: -3rem; - right: -3rem; - bottom: -3rem; - left: -3rem; + .lg\:focus-within\:bg-white-60:focus-within { + background-color: var(--white-60, #ffffff99); } - .md\:-inset-14 { - top: -3.5rem; - right: -3.5rem; - bottom: -3.5rem; - left: -3.5rem; + .lg\:focus-within\:bg-black-64:focus-within { + background-color: var(--black-64, #000000a3); } - .md\:-inset-16 { - top: -4rem; - right: -4rem; - bottom: -4rem; - left: -4rem; + .lg\:focus-within\:bg-Shadow\ and\ Highlight-Shadow:focus-within { + background-color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .md\:-inset-20 { - top: -5rem; - right: -5rem; - bottom: -5rem; - left: -5rem; + .lg\:focus-within\:bg-Shadow\ and\ Highlight-Highlight:focus-within { + background-color: var(--shadow-and-highlight-highlight, #474747); } - .md\:-inset-24 { - top: -6rem; - right: -6rem; - bottom: -6rem; - left: -6rem; + .lg\:focus-within\:bg-Shadow\ and\ Highlight-highlight\ one:focus-within { + background-color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .md\:-inset-28 { - top: -7rem; - right: -7rem; - bottom: -7rem; - left: -7rem; + .lg\:focus-within\:bg-Shadow\ and\ Highlight-highlight\ two:focus-within { + background-color: var(--shadow-and-highlight-highlight-two, #47474799); } - .md\:-inset-32 { - top: -8rem; - right: -8rem; - bottom: -8rem; - left: -8rem; + .lg\:focus-within\:bg-Shadow\ and\ Highlight-highlight\ three:focus-within { + background-color: var(--shadow-and-highlight-highlight-three, #47474766); } - .md\:-inset-36 { - top: -9rem; - right: -9rem; - bottom: -9rem; - left: -9rem; + .lg\:focus-within\:bg-Shadow\ and\ Highlight-highlight\ five:focus-within { + background-color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .md\:-inset-40 { - top: -10rem; - right: -10rem; - bottom: -10rem; - left: -10rem; + .lg\:focus-within\:bg-Shadow\ and\ Highlight-shadow\ one:focus-within { + background-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .md\:-inset-44 { - top: -11rem; - right: -11rem; - bottom: -11rem; - left: -11rem; + .lg\:focus-within\:bg-Shadow\ and\ Highlight-shadow\ two:focus-within { + background-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .md\:-inset-48 { - top: -12rem; - right: -12rem; - bottom: -12rem; - left: -12rem; + .lg\:focus-within\:bg-Shadow\ and\ Highlight-shadow\ three:focus-within { + background-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .md\:-inset-52 { - top: -13rem; - right: -13rem; - bottom: -13rem; - left: -13rem; + .lg\:focus-within\:bg-Shadow\ and\ Highlight-shadow\ four:focus-within { + background-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .md\:-inset-56 { - top: -14rem; - right: -14rem; - bottom: -14rem; - left: -14rem; + .lg\:focus-within\:bg-Shadow\ and\ Highlight-shadow\ five:focus-within { + background-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .md\:-inset-60 { - top: -15rem; - right: -15rem; - bottom: -15rem; - left: -15rem; + .lg\:focus-within\:bg-Shadow\ and\ Highlight-highlight\ four:focus-within { + background-color: var(--shadow-and-highlight-highlight-four, #47474740); } - .md\:-inset-64 { - top: -16rem; - right: -16rem; - bottom: -16rem; - left: -16rem; + .lg\:focus-within\:bg-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus-within { + background-color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .md\:-inset-72 { - top: -18rem; - right: -18rem; - bottom: -18rem; - left: -18rem; + .lg\:focus-within\:bg-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus-within { + background-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .md\:-inset-80 { - top: -20rem; - right: -20rem; - bottom: -20rem; - left: -20rem; + .lg\:focus-within\:bg-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus-within { + background-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .md\:-inset-96 { - top: -24rem; - right: -24rem; - bottom: -24rem; - left: -24rem; + .lg\:focus-within\:bg-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus-within { + background-color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .md\:-inset-px { - top: -1px; - right: -1px; - bottom: -1px; - left: -1px; + .lg\:focus-within\:bg-Grey-Scale-white:focus-within { + background-color: var(--grey-scale-white, #ffffff); } - .md\:-inset-0\.5 { - top: -0.125rem; - right: -0.125rem; - bottom: -0.125rem; - left: -0.125rem; + .lg\:focus-within\:bg-Grey-Scale-off-white:focus-within { + background-color: var(--grey-scale-off-white, #f0edee); } - .md\:-inset-1\.5 { - top: -0.375rem; - right: -0.375rem; - bottom: -0.375rem; - left: -0.375rem; + .lg\:focus-within\:bg-Grey\ Scale-grey:focus-within { + background-color: var(--grey-scale-grey, #7f7e7f); } - .md\:-inset-2\.5 { - top: -0.625rem; - right: -0.625rem; - bottom: -0.625rem; - left: -0.625rem; + .lg\:focus-within\:bg-Grey\ Scale-charcoal:focus-within { + background-color: var(--grey-scale-charcoal, #474747); } - .md\:-inset-3\.5 { - top: -0.875rem; - right: -0.875rem; - bottom: -0.875rem; - left: -0.875rem; + .lg\:focus-within\:bg-Grey\ Scale-off-black:focus-within { + background-color: var(--grey-scale-off-black, #1c1c1c); } - .md\:inset-1\/2 { - top: 50%; - right: 50%; - bottom: 50%; - left: 50%; + .lg\:focus-within\:bg-Grey\ Scale-black:focus-within { + background-color: var(--grey-scale-black, #000000); } - .md\:inset-1\/3 { - top: 33.333333%; - right: 33.333333%; - bottom: 33.333333%; - left: 33.333333%; + .lg\:focus-within\:bg-Blue-blue:focus-within { + background-color: var(--blue-blue, #3a7ca5); } - .md\:inset-2\/3 { - top: 66.666667%; - right: 66.666667%; - bottom: 66.666667%; - left: 66.666667%; + .lg\:focus-within\:bg-Blue-blue-100:focus-within { + background-color: var(--blue-blue-100, #75a3c0); } - .md\:inset-1\/4 { - top: 25%; - right: 25%; - bottom: 25%; - left: 25%; + .lg\:focus-within\:bg-Blue-blue-200:focus-within { + background-color: var(--blue-blue-200, #9cbed2); } - .md\:inset-2\/4 { - top: 50%; - right: 50%; - bottom: 50%; - left: 50%; + .lg\:focus-within\:bg-Blue-blue-300:focus-within { + background-color: var(--blue-blue-300, #4f7d9a); } - .md\:inset-3\/4 { - top: 75%; - right: 75%; - bottom: 75%; - left: 75%; + .lg\:focus-within\:bg-Blue-blue-400:focus-within { + background-color: var(--blue-blue-400, #5c7d92); } - .md\:inset-full { - top: 100%; - right: 100%; - bottom: 100%; - left: 100%; + .lg\:focus-within\:bg-Blue-blue-500:focus-within { + background-color: var(--blue-blue-500, #347095); } - .md\:-inset-1\/2 { - top: -50%; - right: -50%; - bottom: -50%; - left: -50%; + .lg\:focus-within\:bg-Blue-blue-600:focus-within { + background-color: var(--blue-blue-600, #295774); } - .md\:-inset-1\/3 { - top: -33.333333%; - right: -33.333333%; - bottom: -33.333333%; - left: -33.333333%; + .lg\:focus-within\:bg-Blue-blue-700:focus-within { + background-color: var(--blue-blue-700, #173242); } - .md\:-inset-2\/3 { - top: -66.666667%; - right: -66.666667%; - bottom: -66.666667%; - left: -66.666667%; + .lg\:focus-within\:bg-LightBlue-lightblue:focus-within { + background-color: var(--light-blue-lightblue, #81c3d7); } - .md\:-inset-1\/4 { - top: -25%; - right: -25%; - bottom: -25%; - left: -25%; + .lg\:focus-within\:bg-LightBlue-lightblue-100:focus-within { + background-color: var(--light-blue-lightblue-100, #a7d5e3); } - .md\:-inset-2\/4 { - top: -50%; - right: -50%; - bottom: -50%; - left: -50%; + .lg\:focus-within\:bg-LightBlue-lightblue-200:focus-within { + background-color: var(--light-blue-lightblue-200, #c0e1eb); } - .md\:-inset-3\/4 { - top: -75%; - right: -75%; - bottom: -75%; - left: -75%; + .lg\:focus-within\:bg-LightBlue-lightblue-300:focus-within { + background-color: var(--light-blue-lightblue-300, #80aebd); } - .md\:-inset-full { - top: -100%; - right: -100%; - bottom: -100%; - left: -100%; + .lg\:focus-within\:bg-LightBlue-lightblue-400:focus-within { + background-color: var(--light-blue-lightblue-400, #80a0ab); } - .md\:inset-x-0 { - left: 0px; - right: 0px; + .lg\:focus-within\:bg-LightBlue-lightblue-500:focus-within { + background-color: var(--light-blue-lightblue-500, #74afc1); } - .md\:inset-x-1 { - left: 0.25rem; - right: 0.25rem; + .lg\:focus-within\:bg-LightBlue-lightblue-600:focus-within { + background-color: var(--light-blue-lightblue-600, #5a8997); } - .md\:inset-x-2 { - left: 0.5rem; - right: 0.5rem; + .lg\:focus-within\:bg-LightBlue-lightblue-650:focus-within { + background-color: var(--light-blue-lightblue-650, #3e5e65); } - .md\:inset-x-3 { - left: 0.75rem; - right: 0.75rem; + .lg\:focus-within\:bg-LightBlue-lightblue-700:focus-within { + background-color: var(--light-blue-lightblue-700, #344e56); } - .md\:inset-x-4 { - left: 1rem; - right: 1rem; + .lg\:focus-within\:bg-Orange-orange:focus-within { + background-color: var(--orange-orange, #ff7f0e); } - .md\:inset-x-5 { - left: 1.25rem; - right: 1.25rem; + .lg\:focus-within\:bg-Orange-orange-100:focus-within { + background-color: var(--orange-orange-100, #ffa556); } - .md\:inset-x-6 { - left: 1.5rem; - right: 1.5rem; + .lg\:focus-within\:bg-Orange-orange-200:focus-within { + background-color: var(--orange-orange-200, #ffbf86); } - .md\:inset-x-7 { - left: 1.75rem; - right: 1.75rem; + .lg\:focus-within\:bg-Orange-orange-300:focus-within { + background-color: var(--orange-orange-300, #d97f30); } - .md\:inset-x-8 { - left: 2rem; - right: 2rem; + .lg\:focus-within\:bg-Orange-orange-400:focus-within { + background-color: var(--orange-orange-400, #bf7e46); } - .md\:inset-x-9 { - left: 2.25rem; - right: 2.25rem; + .lg\:focus-within\:bg-Orange-orange-500:focus-within { + background-color: var(--orange-orange-500, #e5720d); } - .md\:inset-x-10 { - left: 2.5rem; - right: 2.5rem; + .lg\:focus-within\:bg-Orange-orange-600:focus-within { + background-color: var(--orange-orange-600, #b3590a); } - .md\:inset-x-11 { - left: 2.75rem; - right: 2.75rem; + .lg\:focus-within\:bg-Orange-orange-700:focus-within { + background-color: var(--orange-orange-700, #663306); } - .md\:inset-x-12 { - left: 3rem; - right: 3rem; + .lg\:focus-within\:bg-Yellow-yellow:focus-within { + background-color: var(--yellow-yellow, #ffab00); } - .md\:inset-x-14 { - left: 3.5rem; - right: 3.5rem; + .lg\:focus-within\:bg-Yellow-yellow-100:focus-within { + background-color: var(--yellow-yellow-100, #ffc44c); } - .md\:inset-x-16 { - left: 4rem; - right: 4rem; + .lg\:focus-within\:bg-Yellow-yellow-200:focus-within { + background-color: var(--yellow-yellow-200, #ffd580); } - .md\:inset-x-20 { - left: 5rem; - right: 5rem; + .lg\:focus-within\:bg-Yellow-yellow-300:focus-within { + background-color: var(--yellow-yellow-300, #d99d26); } - .md\:inset-x-24 { - left: 6rem; - right: 6rem; + .lg\:focus-within\:bg-Yellow-yellow-400:focus-within { + background-color: var(--yellow-yellow-400, #bf943f); } - .md\:inset-x-28 { - left: 7rem; - right: 7rem; + .lg\:focus-within\:bg-Yellow-yellow-500:focus-within { + background-color: var(--yellow-yellow-500, #e59a00); } - .md\:inset-x-32 { - left: 8rem; - right: 8rem; + .lg\:focus-within\:bg-Yellow-yellow-600:focus-within { + background-color: var(--yellow-yellow-600, #b37800); } - .md\:inset-x-36 { - left: 9rem; - right: 9rem; + .lg\:focus-within\:bg-Yellow-yellow-700:focus-within { + background-color: var(--yellow-yellow-700, #664400); } - .md\:inset-x-40 { - left: 10rem; - right: 10rem; + .lg\:focus-within\:bg-Notification-notification:focus-within { + background-color: var(--notification-notification, #3959ff); } - .md\:inset-x-44 { - left: 11rem; - right: 11rem; + .lg\:focus-within\:bg-Notification-notification-100:focus-within { + background-color: var(--notification-notification-100, #748bff); } - .md\:inset-x-48 { - left: 12rem; - right: 12rem; + .lg\:focus-within\:bg-Notification-notification-200:focus-within { + background-color: var(--notification-notification-200, #9cacff); } - .md\:inset-x-52 { - left: 13rem; - right: 13rem; + .lg\:focus-within\:bg-Notification-notification-300:focus-within { + background-color: var(--notification-notification-300, #4e64d9); } - .md\:inset-x-56 { - left: 14rem; - right: 14rem; + .lg\:focus-within\:bg-Notification-notification-400:focus-within { + background-color: var(--notification-notification-400, #5c6cbf); } - .md\:inset-x-60 { - left: 15rem; - right: 15rem; + .lg\:focus-within\:bg-Notification-notification-500:focus-within { + background-color: var(--notification-notification-500, #3350e5); } - .md\:inset-x-64 { - left: 16rem; - right: 16rem; + .lg\:focus-within\:bg-Notification-notification-600:focus-within { + background-color: var(--notification-notification-600, #283eb3); } - .md\:inset-x-72 { - left: 18rem; - right: 18rem; + .lg\:focus-within\:bg-Notification-notification-700:focus-within { + background-color: var(--notification-notification-700, #172466); } - .md\:inset-x-80 { - left: 20rem; - right: 20rem; + .lg\:focus-within\:bg-Success-success\ -700:focus-within { + background-color: var(--success-success-700, #24471f); } - .md\:inset-x-96 { - left: 24rem; - right: 24rem; + .lg\:focus-within\:bg-Success-success:focus-within { + background-color: var(--success-success, #5bb14d); } - .md\:inset-x-auto { - left: auto; - right: auto; + .lg\:focus-within\:bg-Success-success\ -100:focus-within { + background-color: var(--success-success-100, #8cc882); } - .md\:inset-x-px { - left: 1px; - right: 1px; + .lg\:focus-within\:bg-Success-success\ -200:focus-within { + background-color: var(--success-success-200, #add8a6); } - .md\:inset-x-0\.5 { - left: 0.125rem; - right: 0.125rem; + .lg\:focus-within\:bg-Success-success\ -300:focus-within { + background-color: var(--success-success-300, #66a25c); } - .md\:inset-x-1\.5 { - left: 0.375rem; - right: 0.375rem; + .lg\:focus-within\:bg-Success-success\ -400:focus-within { + background-color: var(--success-success-400, #6d9766); } - .md\:inset-x-2\.5 { - left: 0.625rem; - right: 0.625rem; + .lg\:focus-within\:bg-Success-success\ -500:focus-within { + background-color: var(--success-success-500, #529f45); } - .md\:inset-x-3\.5 { - left: 0.875rem; - right: 0.875rem; + .lg\:focus-within\:bg-Success-success\ -600:focus-within { + background-color: var(--success-success-600, #407c36); } - .md\:-inset-x-0 { - left: 0px; - right: 0px; + .lg\:focus-within\:bg-Error-error:focus-within { + background-color: var(--error-error, #f03d3e); } - .md\:-inset-x-1 { - left: -0.25rem; - right: -0.25rem; + .lg\:focus-within\:bg-Error-error-100:focus-within { + background-color: var(--error-error-100, #f57778); } - .md\:-inset-x-2 { - left: -0.5rem; - right: -0.5rem; + .lg\:focus-within\:bg-Error-error-200:focus-within { + background-color: var(--error-error-200, #f89e9e); } - .md\:-inset-x-3 { - left: -0.75rem; - right: -0.75rem; + .lg\:focus-within\:bg-Error-error-250:focus-within { + background-color: var(--error-error-250, #f9c8c8); } - .md\:-inset-x-4 { - left: -1rem; - right: -1rem; + .lg\:focus-within\:bg-Error-error-300:focus-within { + background-color: var(--error-error-300, #ce5151); } - .md\:-inset-x-5 { - left: -1.25rem; - right: -1.25rem; + .lg\:focus-within\:bg-Error-error-400:focus-within { + background-color: var(--error-error-400, #b85e5e); } - .md\:-inset-x-6 { - left: -1.5rem; - right: -1.5rem; + .lg\:focus-within\:bg-Error-error-500:focus-within { + background-color: var(--error-error-500, #d83738); } - .md\:-inset-x-7 { - left: -1.75rem; - right: -1.75rem; + .lg\:focus-within\:bg-Error-error-600:focus-within { + background-color: var(--error-error-600, #a82b2b); } - .md\:-inset-x-8 { - left: -2rem; - right: -2rem; + .lg\:focus-within\:bg-Error-error-700:focus-within { + background-color: var(--error-error-700, #601819); } - .md\:-inset-x-9 { - left: -2.25rem; - right: -2.25rem; + .lg\:hover\:bg-colors-black:hover { + background-color: var(--colors-black, #000000); } - .md\:-inset-x-10 { - left: -2.5rem; - right: -2.5rem; + .lg\:hover\:bg-colors-white:hover { + background-color: var(--colors-white, #ffffff); } - .md\:-inset-x-11 { - left: -2.75rem; - right: -2.75rem; + .lg\:hover\:bg-colors-gray-100:hover { + background-color: var(--colors-gray-100, #f7fafc); } - .md\:-inset-x-12 { - left: -3rem; - right: -3rem; + .lg\:hover\:bg-colors-gray-200:hover { + background-color: var(--colors-gray-200, #edf2f7); } - .md\:-inset-x-14 { - left: -3.5rem; - right: -3.5rem; + .lg\:hover\:bg-colors-gray-300:hover { + background-color: var(--colors-gray-300, #e2e8f0); } - .md\:-inset-x-16 { - left: -4rem; - right: -4rem; + .lg\:hover\:bg-colors-gray-400:hover { + background-color: var(--colors-gray-400, #cbd5e0); } - .md\:-inset-x-20 { - left: -5rem; - right: -5rem; + .lg\:hover\:bg-colors-gray-500:hover { + background-color: var(--colors-gray-500, #a0aec0); } - .md\:-inset-x-24 { - left: -6rem; - right: -6rem; + .lg\:hover\:bg-colors-gray-600:hover { + background-color: var(--colors-gray-600, #718096); } - .md\:-inset-x-28 { - left: -7rem; - right: -7rem; + .lg\:hover\:bg-colors-gray-700:hover { + background-color: var(--colors-gray-700, #4a5568); } - .md\:-inset-x-32 { - left: -8rem; - right: -8rem; + .lg\:hover\:bg-colors-gray-800:hover { + background-color: var(--colors-gray-800, #2d3748); } - .md\:-inset-x-36 { - left: -9rem; - right: -9rem; + .lg\:hover\:bg-colors-gray-900:hover { + background-color: var(--colors-gray-900, #1a202c); } - .md\:-inset-x-40 { - left: -10rem; - right: -10rem; + .lg\:hover\:bg-colors-red-100:hover { + background-color: var(--colors-red-100, #fff5f5); } - .md\:-inset-x-44 { - left: -11rem; - right: -11rem; + .lg\:hover\:bg-colors-red-200:hover { + background-color: var(--colors-red-200, #fed7d7); } - .md\:-inset-x-48 { - left: -12rem; - right: -12rem; + .lg\:hover\:bg-colors-red-300:hover { + background-color: var(--colors-red-300, #feb2b2); } - .md\:-inset-x-52 { - left: -13rem; - right: -13rem; + .lg\:hover\:bg-colors-red-400:hover { + background-color: var(--colors-red-400, #fc8181); } - .md\:-inset-x-56 { - left: -14rem; - right: -14rem; + .lg\:hover\:bg-colors-red-500:hover { + background-color: var(--colors-red-500, #f56565); } - .md\:-inset-x-60 { - left: -15rem; - right: -15rem; + .lg\:hover\:bg-colors-red-600:hover { + background-color: var(--colors-red-600, #e53e3e); } - .md\:-inset-x-64 { - left: -16rem; - right: -16rem; + .lg\:hover\:bg-colors-red-700:hover { + background-color: var(--colors-red-700, #c53030); } - .md\:-inset-x-72 { - left: -18rem; - right: -18rem; + .lg\:hover\:bg-colors-red-800:hover { + background-color: var(--colors-red-800, #9b2c2c); } - .md\:-inset-x-80 { - left: -20rem; - right: -20rem; + .lg\:hover\:bg-colors-red-900:hover { + background-color: var(--colors-red-900, #742a2a); } - .md\:-inset-x-96 { - left: -24rem; - right: -24rem; + .lg\:hover\:bg-colors-orange-100:hover { + background-color: var(--colors-orange-100, #fffaf0); } - .md\:-inset-x-px { - left: -1px; - right: -1px; + .lg\:hover\:bg-colors-orange-200:hover { + background-color: var(--colors-orange-200, #feebc8); } - .md\:-inset-x-0\.5 { - left: -0.125rem; - right: -0.125rem; + .lg\:hover\:bg-colors-orange-300:hover { + background-color: var(--colors-orange-300, #fbd38d); } - .md\:-inset-x-1\.5 { - left: -0.375rem; - right: -0.375rem; + .lg\:hover\:bg-colors-orange-400:hover { + background-color: var(--colors-orange-400, #f6ad55); } - .md\:-inset-x-2\.5 { - left: -0.625rem; - right: -0.625rem; + .lg\:hover\:bg-colors-orange-500:hover { + background-color: var(--colors-orange-500, #ed8936); } - .md\:-inset-x-3\.5 { - left: -0.875rem; - right: -0.875rem; + .lg\:hover\:bg-colors-orange-600:hover { + background-color: var(--colors-orange-600, #dd6b20); } - .md\:inset-x-1\/2 { - left: 50%; - right: 50%; + .lg\:hover\:bg-colors-orange-700:hover { + background-color: var(--colors-orange-700, #c05621); } - .md\:inset-x-1\/3 { - left: 33.333333%; - right: 33.333333%; + .lg\:hover\:bg-colors-orange-800:hover { + background-color: var(--colors-orange-800, #9c4221); } - .md\:inset-x-2\/3 { - left: 66.666667%; - right: 66.666667%; + .lg\:hover\:bg-colors-orange-900:hover { + background-color: var(--colors-orange-900, #7b341e); } - .md\:inset-x-1\/4 { - left: 25%; - right: 25%; + .lg\:hover\:bg-colors-yellow-100:hover { + background-color: var(--colors-yellow-100, #fffff0); } - .md\:inset-x-2\/4 { - left: 50%; - right: 50%; + .lg\:hover\:bg-colors-yellow-200:hover { + background-color: var(--colors-yellow-200, #fefcbf); } - .md\:inset-x-3\/4 { - left: 75%; - right: 75%; + .lg\:hover\:bg-colors-yellow-300:hover { + background-color: var(--colors-yellow-300, #faf089); } - .md\:inset-x-full { - left: 100%; - right: 100%; + .lg\:hover\:bg-colors-yellow-400:hover { + background-color: var(--colors-yellow-400, #f6e05e); } - .md\:-inset-x-1\/2 { - left: -50%; - right: -50%; + .lg\:hover\:bg-colors-yellow-500:hover { + background-color: var(--colors-yellow-500, #ecc94b); } - .md\:-inset-x-1\/3 { - left: -33.333333%; - right: -33.333333%; + .lg\:hover\:bg-colors-yellow-600:hover { + background-color: var(--colors-yellow-600, #d69e2e); } - .md\:-inset-x-2\/3 { - left: -66.666667%; - right: -66.666667%; + .lg\:hover\:bg-colors-yellow-700:hover { + background-color: var(--colors-yellow-700, #b7791f); } - .md\:-inset-x-1\/4 { - left: -25%; - right: -25%; + .lg\:hover\:bg-colors-yellow-800:hover { + background-color: var(--colors-yellow-800, #975a16); } - .md\:-inset-x-2\/4 { - left: -50%; - right: -50%; + .lg\:hover\:bg-colors-yellow-900:hover { + background-color: var(--colors-yellow-900, #744210); } - .md\:-inset-x-3\/4 { - left: -75%; - right: -75%; + .lg\:hover\:bg-colors-green-100:hover { + background-color: var(--colors-green-100, #f0fff4); } - .md\:-inset-x-full { - left: -100%; - right: -100%; + .lg\:hover\:bg-colors-green-200:hover { + background-color: var(--colors-green-200, #c6f6d5); } - .md\:inset-y-0 { - top: 0px; - bottom: 0px; + .lg\:hover\:bg-colors-green-300:hover { + background-color: var(--colors-green-300, #9ae6b4); } - .md\:inset-y-1 { - top: 0.25rem; - bottom: 0.25rem; + .lg\:hover\:bg-colors-green-400:hover { + background-color: var(--colors-green-400, #68d391); } - .md\:inset-y-2 { - top: 0.5rem; - bottom: 0.5rem; + .lg\:hover\:bg-colors-green-500:hover { + background-color: var(--colors-green-500, #48bb78); } - .md\:inset-y-3 { - top: 0.75rem; - bottom: 0.75rem; + .lg\:hover\:bg-colors-green-600:hover { + background-color: var(--colors-green-600, #38a169); } - .md\:inset-y-4 { - top: 1rem; - bottom: 1rem; + .lg\:hover\:bg-colors-green-700:hover { + background-color: var(--colors-green-700, #2f855a); } - .md\:inset-y-5 { - top: 1.25rem; - bottom: 1.25rem; + .lg\:hover\:bg-colors-green-800:hover { + background-color: var(--colors-green-800, #276749); } - .md\:inset-y-6 { - top: 1.5rem; - bottom: 1.5rem; + .lg\:hover\:bg-colors-green-900:hover { + background-color: var(--colors-green-900, #22543d); } - .md\:inset-y-7 { - top: 1.75rem; - bottom: 1.75rem; + .lg\:hover\:bg-colors-teal-100:hover { + background-color: var(--colors-teal-100, #e6fffa); } - .md\:inset-y-8 { - top: 2rem; - bottom: 2rem; + .lg\:hover\:bg-colors-teal-200:hover { + background-color: var(--colors-teal-200, #b2f5ea); } - .md\:inset-y-9 { - top: 2.25rem; - bottom: 2.25rem; + .lg\:hover\:bg-colors-teal-300:hover { + background-color: var(--colors-teal-300, #81e6d9); } - .md\:inset-y-10 { - top: 2.5rem; - bottom: 2.5rem; + .lg\:hover\:bg-colors-teal-400:hover { + background-color: var(--colors-teal-400, #4fd1c5); } - .md\:inset-y-11 { - top: 2.75rem; - bottom: 2.75rem; + .lg\:hover\:bg-colors-teal-500:hover { + background-color: var(--colors-teal-500, #38b2ac); } - .md\:inset-y-12 { - top: 3rem; - bottom: 3rem; + .lg\:hover\:bg-colors-teal-600:hover { + background-color: var(--colors-teal-600, #319795); } - .md\:inset-y-14 { - top: 3.5rem; - bottom: 3.5rem; + .lg\:hover\:bg-colors-teal-700:hover { + background-color: var(--colors-teal-700, #2c7a7b); } - .md\:inset-y-16 { - top: 4rem; - bottom: 4rem; + .lg\:hover\:bg-colors-teal-800:hover { + background-color: var(--colors-teal-800, #285e61); } - .md\:inset-y-20 { - top: 5rem; - bottom: 5rem; + .lg\:hover\:bg-colors-teal-900:hover { + background-color: var(--colors-teal-900, #234e52); } - .md\:inset-y-24 { - top: 6rem; - bottom: 6rem; + .lg\:hover\:bg-colors-blue-100:hover { + background-color: var(--colors-blue-100, #ebf8ff); } - .md\:inset-y-28 { - top: 7rem; - bottom: 7rem; + .lg\:hover\:bg-colors-blue-200:hover { + background-color: var(--colors-blue-200, #bee3f8); } - .md\:inset-y-32 { - top: 8rem; - bottom: 8rem; + .lg\:hover\:bg-colors-blue-300:hover { + background-color: var(--colors-blue-300, #90cdf4); } - .md\:inset-y-36 { - top: 9rem; - bottom: 9rem; + .lg\:hover\:bg-colors-blue-400:hover { + background-color: var(--colors-blue-400, #63b3ed); } - .md\:inset-y-40 { - top: 10rem; - bottom: 10rem; + .lg\:hover\:bg-colors-blue-500:hover { + background-color: var(--colors-blue-500, #4299e1); } - .md\:inset-y-44 { - top: 11rem; - bottom: 11rem; + .lg\:hover\:bg-colors-blue-600:hover { + background-color: var(--colors-blue-600, #3182ce); } - .md\:inset-y-48 { - top: 12rem; - bottom: 12rem; + .lg\:hover\:bg-colors-blue-700:hover { + background-color: var(--colors-blue-700, #2b6cb0); } - .md\:inset-y-52 { - top: 13rem; - bottom: 13rem; + .lg\:hover\:bg-colors-blue-800:hover { + background-color: var(--colors-blue-800, #2c5282); } - .md\:inset-y-56 { - top: 14rem; - bottom: 14rem; + .lg\:hover\:bg-colors-blue-900:hover { + background-color: var(--colors-blue-900, #2a4365); } - .md\:inset-y-60 { - top: 15rem; - bottom: 15rem; + .lg\:hover\:bg-colors-indigo-100:hover { + background-color: var(--colors-indigo-100, #ebf4ff); } - .md\:inset-y-64 { - top: 16rem; - bottom: 16rem; + .lg\:hover\:bg-colors-indigo-200:hover { + background-color: var(--colors-indigo-200, #c3dafe); } - .md\:inset-y-72 { - top: 18rem; - bottom: 18rem; + .lg\:hover\:bg-colors-indigo-300:hover { + background-color: var(--colors-indigo-300, #a3bffa); } - .md\:inset-y-80 { - top: 20rem; - bottom: 20rem; + .lg\:hover\:bg-colors-indigo-400:hover { + background-color: var(--colors-indigo-400, #7f9cf5); } - .md\:inset-y-96 { - top: 24rem; - bottom: 24rem; + .lg\:hover\:bg-colors-indigo-500:hover { + background-color: var(--colors-indigo-500, #667eea); } - .md\:inset-y-auto { - top: auto; - bottom: auto; + .lg\:hover\:bg-colors-indigo-600:hover { + background-color: var(--colors-indigo-600, #5a67d8); } - .md\:inset-y-px { - top: 1px; - bottom: 1px; + .lg\:hover\:bg-colors-indigo-700:hover { + background-color: var(--colors-indigo-700, #4c51bf); } - .md\:inset-y-0\.5 { - top: 0.125rem; - bottom: 0.125rem; + .lg\:hover\:bg-colors-indigo-800:hover { + background-color: var(--colors-indigo-800, #434190); } - .md\:inset-y-1\.5 { - top: 0.375rem; - bottom: 0.375rem; + .lg\:hover\:bg-colors-indigo-900:hover { + background-color: var(--colors-indigo-900, #3c366b); } - .md\:inset-y-2\.5 { - top: 0.625rem; - bottom: 0.625rem; + .lg\:hover\:bg-colors-purple-100:hover { + background-color: var(--colors-purple-100, #faf5ff); } - .md\:inset-y-3\.5 { - top: 0.875rem; - bottom: 0.875rem; + .lg\:hover\:bg-colors-purple-200:hover { + background-color: var(--colors-purple-200, #e9d8fd); } - .md\:-inset-y-0 { - top: 0px; - bottom: 0px; + .lg\:hover\:bg-colors-purple-300:hover { + background-color: var(--colors-purple-300, #d6bcfa); } - .md\:-inset-y-1 { - top: -0.25rem; - bottom: -0.25rem; + .lg\:hover\:bg-colors-purple-400:hover { + background-color: var(--colors-purple-400, #b794f4); } - .md\:-inset-y-2 { - top: -0.5rem; - bottom: -0.5rem; + .lg\:hover\:bg-colors-purple-500:hover { + background-color: var(--colors-purple-500, #9f7aea); } - .md\:-inset-y-3 { - top: -0.75rem; - bottom: -0.75rem; + .lg\:hover\:bg-colors-purple-600:hover { + background-color: var(--colors-purple-600, #805ad5); } - .md\:-inset-y-4 { - top: -1rem; - bottom: -1rem; + .lg\:hover\:bg-colors-purple-700:hover { + background-color: var(--colors-purple-700, #6b46c1); } - .md\:-inset-y-5 { - top: -1.25rem; - bottom: -1.25rem; + .lg\:hover\:bg-colors-purple-800:hover { + background-color: var(--colors-purple-800, #553c9a); } - .md\:-inset-y-6 { - top: -1.5rem; - bottom: -1.5rem; + .lg\:hover\:bg-colors-purple-900:hover { + background-color: var(--colors-purple-900, #44337a); } - .md\:-inset-y-7 { - top: -1.75rem; - bottom: -1.75rem; + .lg\:hover\:bg-colors-pink-100:hover { + background-color: var(--colors-pink-100, #fff5f7); } - .md\:-inset-y-8 { - top: -2rem; - bottom: -2rem; + .lg\:hover\:bg-colors-pink-200:hover { + background-color: var(--colors-pink-200, #fed7e2); } - .md\:-inset-y-9 { - top: -2.25rem; - bottom: -2.25rem; + .lg\:hover\:bg-colors-pink-300:hover { + background-color: var(--colors-pink-300, #fbb6ce); } - .md\:-inset-y-10 { - top: -2.5rem; - bottom: -2.5rem; + .lg\:hover\:bg-colors-pink-400:hover { + background-color: var(--colors-pink-400, #f687b3); } - .md\:-inset-y-11 { - top: -2.75rem; - bottom: -2.75rem; + .lg\:hover\:bg-colors-pink-500:hover { + background-color: var(--colors-pink-500, #ed64a6); } - .md\:-inset-y-12 { - top: -3rem; - bottom: -3rem; + .lg\:hover\:bg-colors-pink-600:hover { + background-color: var(--colors-pink-600, #d53f8c); } - .md\:-inset-y-14 { - top: -3.5rem; - bottom: -3.5rem; + .lg\:hover\:bg-colors-pink-700:hover { + background-color: var(--colors-pink-700, #b83280); } - .md\:-inset-y-16 { - top: -4rem; - bottom: -4rem; + .lg\:hover\:bg-colors-pink-800:hover { + background-color: var(--colors-pink-800, #97266d); } - .md\:-inset-y-20 { - top: -5rem; - bottom: -5rem; + .lg\:hover\:bg-colors-pink-900:hover { + background-color: var(--colors-pink-900, #702459); } - .md\:-inset-y-24 { - top: -6rem; - bottom: -6rem; + .lg\:hover\:bg-Box\ Shadow:hover { + background-color: var(--box-shadow, #7f7e7f); } - .md\:-inset-y-28 { - top: -7rem; - bottom: -7rem; + .lg\:hover\:bg-Error16:hover { + background-color: var(--error16, #f03d3e40); } - .md\:-inset-y-32 { - top: -8rem; - bottom: -8rem; + .lg\:hover\:bg-Success16:hover { + background-color: var(--success16, #5bb14d40); } - .md\:-inset-y-36 { - top: -9rem; - bottom: -9rem; + .lg\:hover\:bg-Notification16:hover { + background-color: var(--notification16, #3959ff40); } - .md\:-inset-y-40 { - top: -10rem; - bottom: -10rem; + .lg\:hover\:bg-Error8:hover { + background-color: var(--error8, #f03d3e1a); } - .md\:-inset-y-44 { - top: -11rem; - bottom: -11rem; + .lg\:hover\:bg-Notification8:hover { + background-color: var(--notification8, #3959ff1a); } - .md\:-inset-y-48 { - top: -12rem; - bottom: -12rem; + .lg\:hover\:bg-Success8:hover { + background-color: var(--success8, #5bb14d1a); } - .md\:-inset-y-52 { - top: -13rem; - bottom: -13rem; + .lg\:hover\:bg-Light\ -\ Overlay:hover { + background-color: var(--light-overlay, #f0edee66); } - .md\:-inset-y-56 { - top: -14rem; - bottom: -14rem; + .lg\:hover\:bg-Dark-\ Overlay:hover { + background-color: var(--dark-overlay, #7f7e7f66); } - .md\:-inset-y-60 { - top: -15rem; - bottom: -15rem; + .lg\:hover\:bg-black-40:hover { + background-color: var(--black-40, #00000066); } - .md\:-inset-y-64 { - top: -16rem; - bottom: -16rem; + .lg\:hover\:bg-black-75:hover { + background-color: var(--black-75, #000000bf); } - .md\:-inset-y-72 { - top: -18rem; - bottom: -18rem; + .lg\:hover\:bg-black-60:hover { + background-color: var(--black-60, #00000099); } - .md\:-inset-y-80 { - top: -20rem; - bottom: -20rem; + .lg\:hover\:bg-black-50:hover { + background-color: var(--black-50, #00000080); } - .md\:-inset-y-96 { - top: -24rem; - bottom: -24rem; + .lg\:hover\:bg-black-25:hover { + background-color: var(--black-25, #00000040); } - .md\:-inset-y-px { - top: -1px; - bottom: -1px; + .lg\:hover\:bg-black-10:hover { + background-color: var(--black-10, #0000001a); } - .md\:-inset-y-0\.5 { - top: -0.125rem; - bottom: -0.125rem; + .lg\:hover\:bg-white-25:hover { + background-color: var(--white-25, #ffffff40); } - .md\:-inset-y-1\.5 { - top: -0.375rem; - bottom: -0.375rem; + .lg\:hover\:bg-white-60:hover { + background-color: var(--white-60, #ffffff99); } - .md\:-inset-y-2\.5 { - top: -0.625rem; - bottom: -0.625rem; + .lg\:hover\:bg-black-64:hover { + background-color: var(--black-64, #000000a3); } - .md\:-inset-y-3\.5 { - top: -0.875rem; - bottom: -0.875rem; + .lg\:hover\:bg-Shadow\ and\ Highlight-Shadow:hover { + background-color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .md\:inset-y-1\/2 { - top: 50%; - bottom: 50%; + .lg\:hover\:bg-Shadow\ and\ Highlight-Highlight:hover { + background-color: var(--shadow-and-highlight-highlight, #474747); } - .md\:inset-y-1\/3 { - top: 33.333333%; - bottom: 33.333333%; + .lg\:hover\:bg-Shadow\ and\ Highlight-highlight\ one:hover { + background-color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .md\:inset-y-2\/3 { - top: 66.666667%; - bottom: 66.666667%; + .lg\:hover\:bg-Shadow\ and\ Highlight-highlight\ two:hover { + background-color: var(--shadow-and-highlight-highlight-two, #47474799); } - .md\:inset-y-1\/4 { - top: 25%; - bottom: 25%; + .lg\:hover\:bg-Shadow\ and\ Highlight-highlight\ three:hover { + background-color: var(--shadow-and-highlight-highlight-three, #47474766); } - .md\:inset-y-2\/4 { - top: 50%; - bottom: 50%; + .lg\:hover\:bg-Shadow\ and\ Highlight-highlight\ five:hover { + background-color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .md\:inset-y-3\/4 { - top: 75%; - bottom: 75%; + .lg\:hover\:bg-Shadow\ and\ Highlight-shadow\ one:hover { + background-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .md\:inset-y-full { - top: 100%; - bottom: 100%; + .lg\:hover\:bg-Shadow\ and\ Highlight-shadow\ two:hover { + background-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .md\:-inset-y-1\/2 { - top: -50%; - bottom: -50%; + .lg\:hover\:bg-Shadow\ and\ Highlight-shadow\ three:hover { + background-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .md\:-inset-y-1\/3 { - top: -33.333333%; - bottom: -33.333333%; + .lg\:hover\:bg-Shadow\ and\ Highlight-shadow\ four:hover { + background-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .md\:-inset-y-2\/3 { - top: -66.666667%; - bottom: -66.666667%; + .lg\:hover\:bg-Shadow\ and\ Highlight-shadow\ five:hover { + background-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .md\:-inset-y-1\/4 { - top: -25%; - bottom: -25%; + .lg\:hover\:bg-Shadow\ and\ Highlight-highlight\ four:hover { + background-color: var(--shadow-and-highlight-highlight-four, #47474740); } - .md\:-inset-y-2\/4 { - top: -50%; - bottom: -50%; + .lg\:hover\:bg-Base\ Layer\ Styles-Base\ Layer-\ Light-White:hover { + background-color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .md\:-inset-y-3\/4 { - top: -75%; - bottom: -75%; + .lg\:hover\:bg-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:hover { + background-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .md\:-inset-y-full { - top: -100%; - bottom: -100%; + .lg\:hover\:bg-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:hover { + background-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .md\:top-0 { - top: 0px; + .lg\:hover\:bg-Base\ Layer\ Styles-Base\ Layer-Dark-Black:hover { + background-color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .md\:top-1 { - top: 0.25rem; + .lg\:hover\:bg-Grey-Scale-white:hover { + background-color: var(--grey-scale-white, #ffffff); } - .md\:top-2 { - top: 0.5rem; + .lg\:hover\:bg-Grey-Scale-off-white:hover { + background-color: var(--grey-scale-off-white, #f0edee); } - .md\:top-3 { - top: 0.75rem; + .lg\:hover\:bg-Grey\ Scale-grey:hover { + background-color: var(--grey-scale-grey, #7f7e7f); } - .md\:top-4 { - top: 1rem; + .lg\:hover\:bg-Grey\ Scale-charcoal:hover { + background-color: var(--grey-scale-charcoal, #474747); } - .md\:top-5 { - top: 1.25rem; + .lg\:hover\:bg-Grey\ Scale-off-black:hover { + background-color: var(--grey-scale-off-black, #1c1c1c); } - .md\:top-6 { - top: 1.5rem; + .lg\:hover\:bg-Grey\ Scale-black:hover { + background-color: var(--grey-scale-black, #000000); } - .md\:top-7 { - top: 1.75rem; + .lg\:hover\:bg-Blue-blue:hover { + background-color: var(--blue-blue, #3a7ca5); } - .md\:top-8 { - top: 2rem; + .lg\:hover\:bg-Blue-blue-100:hover { + background-color: var(--blue-blue-100, #75a3c0); } - .md\:top-9 { - top: 2.25rem; + .lg\:hover\:bg-Blue-blue-200:hover { + background-color: var(--blue-blue-200, #9cbed2); } - .md\:top-10 { - top: 2.5rem; + .lg\:hover\:bg-Blue-blue-300:hover { + background-color: var(--blue-blue-300, #4f7d9a); } - .md\:top-11 { - top: 2.75rem; + .lg\:hover\:bg-Blue-blue-400:hover { + background-color: var(--blue-blue-400, #5c7d92); } - .md\:top-12 { - top: 3rem; + .lg\:hover\:bg-Blue-blue-500:hover { + background-color: var(--blue-blue-500, #347095); } - .md\:top-14 { - top: 3.5rem; + .lg\:hover\:bg-Blue-blue-600:hover { + background-color: var(--blue-blue-600, #295774); } - .md\:top-16 { - top: 4rem; + .lg\:hover\:bg-Blue-blue-700:hover { + background-color: var(--blue-blue-700, #173242); } - .md\:top-20 { - top: 5rem; + .lg\:hover\:bg-LightBlue-lightblue:hover { + background-color: var(--light-blue-lightblue, #81c3d7); } - .md\:top-24 { - top: 6rem; + .lg\:hover\:bg-LightBlue-lightblue-100:hover { + background-color: var(--light-blue-lightblue-100, #a7d5e3); } - .md\:top-28 { - top: 7rem; + .lg\:hover\:bg-LightBlue-lightblue-200:hover { + background-color: var(--light-blue-lightblue-200, #c0e1eb); } - .md\:top-32 { - top: 8rem; + .lg\:hover\:bg-LightBlue-lightblue-300:hover { + background-color: var(--light-blue-lightblue-300, #80aebd); } - .md\:top-36 { - top: 9rem; + .lg\:hover\:bg-LightBlue-lightblue-400:hover { + background-color: var(--light-blue-lightblue-400, #80a0ab); } - .md\:top-40 { - top: 10rem; + .lg\:hover\:bg-LightBlue-lightblue-500:hover { + background-color: var(--light-blue-lightblue-500, #74afc1); } - .md\:top-44 { - top: 11rem; + .lg\:hover\:bg-LightBlue-lightblue-600:hover { + background-color: var(--light-blue-lightblue-600, #5a8997); } - .md\:top-48 { - top: 12rem; + .lg\:hover\:bg-LightBlue-lightblue-650:hover { + background-color: var(--light-blue-lightblue-650, #3e5e65); } - .md\:top-52 { - top: 13rem; + .lg\:hover\:bg-LightBlue-lightblue-700:hover { + background-color: var(--light-blue-lightblue-700, #344e56); } - .md\:top-56 { - top: 14rem; + .lg\:hover\:bg-Orange-orange:hover { + background-color: var(--orange-orange, #ff7f0e); } - .md\:top-60 { - top: 15rem; + .lg\:hover\:bg-Orange-orange-100:hover { + background-color: var(--orange-orange-100, #ffa556); } - .md\:top-64 { - top: 16rem; + .lg\:hover\:bg-Orange-orange-200:hover { + background-color: var(--orange-orange-200, #ffbf86); } - .md\:top-72 { - top: 18rem; + .lg\:hover\:bg-Orange-orange-300:hover { + background-color: var(--orange-orange-300, #d97f30); } - .md\:top-80 { - top: 20rem; + .lg\:hover\:bg-Orange-orange-400:hover { + background-color: var(--orange-orange-400, #bf7e46); } - .md\:top-96 { - top: 24rem; + .lg\:hover\:bg-Orange-orange-500:hover { + background-color: var(--orange-orange-500, #e5720d); } - .md\:top-auto { - top: auto; + .lg\:hover\:bg-Orange-orange-600:hover { + background-color: var(--orange-orange-600, #b3590a); } - .md\:top-px { - top: 1px; + .lg\:hover\:bg-Orange-orange-700:hover { + background-color: var(--orange-orange-700, #663306); } - .md\:top-0\.5 { - top: 0.125rem; + .lg\:hover\:bg-Yellow-yellow:hover { + background-color: var(--yellow-yellow, #ffab00); } - .md\:top-1\.5 { - top: 0.375rem; + .lg\:hover\:bg-Yellow-yellow-100:hover { + background-color: var(--yellow-yellow-100, #ffc44c); } - .md\:top-2\.5 { - top: 0.625rem; + .lg\:hover\:bg-Yellow-yellow-200:hover { + background-color: var(--yellow-yellow-200, #ffd580); } - .md\:top-3\.5 { - top: 0.875rem; + .lg\:hover\:bg-Yellow-yellow-300:hover { + background-color: var(--yellow-yellow-300, #d99d26); } - .md\:-top-0 { - top: 0px; + .lg\:hover\:bg-Yellow-yellow-400:hover { + background-color: var(--yellow-yellow-400, #bf943f); } - .md\:-top-1 { - top: -0.25rem; + .lg\:hover\:bg-Yellow-yellow-500:hover { + background-color: var(--yellow-yellow-500, #e59a00); } - .md\:-top-2 { - top: -0.5rem; + .lg\:hover\:bg-Yellow-yellow-600:hover { + background-color: var(--yellow-yellow-600, #b37800); } - .md\:-top-3 { - top: -0.75rem; + .lg\:hover\:bg-Yellow-yellow-700:hover { + background-color: var(--yellow-yellow-700, #664400); } - .md\:-top-4 { - top: -1rem; + .lg\:hover\:bg-Notification-notification:hover { + background-color: var(--notification-notification, #3959ff); } - .md\:-top-5 { - top: -1.25rem; + .lg\:hover\:bg-Notification-notification-100:hover { + background-color: var(--notification-notification-100, #748bff); } - .md\:-top-6 { - top: -1.5rem; + .lg\:hover\:bg-Notification-notification-200:hover { + background-color: var(--notification-notification-200, #9cacff); } - .md\:-top-7 { - top: -1.75rem; + .lg\:hover\:bg-Notification-notification-300:hover { + background-color: var(--notification-notification-300, #4e64d9); } - .md\:-top-8 { - top: -2rem; + .lg\:hover\:bg-Notification-notification-400:hover { + background-color: var(--notification-notification-400, #5c6cbf); } - .md\:-top-9 { - top: -2.25rem; + .lg\:hover\:bg-Notification-notification-500:hover { + background-color: var(--notification-notification-500, #3350e5); } - .md\:-top-10 { - top: -2.5rem; + .lg\:hover\:bg-Notification-notification-600:hover { + background-color: var(--notification-notification-600, #283eb3); } - .md\:-top-11 { - top: -2.75rem; + .lg\:hover\:bg-Notification-notification-700:hover { + background-color: var(--notification-notification-700, #172466); } - .md\:-top-12 { - top: -3rem; + .lg\:hover\:bg-Success-success\ -700:hover { + background-color: var(--success-success-700, #24471f); } - .md\:-top-14 { - top: -3.5rem; + .lg\:hover\:bg-Success-success:hover { + background-color: var(--success-success, #5bb14d); } - .md\:-top-16 { - top: -4rem; + .lg\:hover\:bg-Success-success\ -100:hover { + background-color: var(--success-success-100, #8cc882); } - .md\:-top-20 { - top: -5rem; + .lg\:hover\:bg-Success-success\ -200:hover { + background-color: var(--success-success-200, #add8a6); } - .md\:-top-24 { - top: -6rem; + .lg\:hover\:bg-Success-success\ -300:hover { + background-color: var(--success-success-300, #66a25c); } - .md\:-top-28 { - top: -7rem; + .lg\:hover\:bg-Success-success\ -400:hover { + background-color: var(--success-success-400, #6d9766); } - .md\:-top-32 { - top: -8rem; + .lg\:hover\:bg-Success-success\ -500:hover { + background-color: var(--success-success-500, #529f45); } - .md\:-top-36 { - top: -9rem; + .lg\:hover\:bg-Success-success\ -600:hover { + background-color: var(--success-success-600, #407c36); } - .md\:-top-40 { - top: -10rem; + .lg\:hover\:bg-Error-error:hover { + background-color: var(--error-error, #f03d3e); } - .md\:-top-44 { - top: -11rem; + .lg\:hover\:bg-Error-error-100:hover { + background-color: var(--error-error-100, #f57778); } - .md\:-top-48 { - top: -12rem; + .lg\:hover\:bg-Error-error-200:hover { + background-color: var(--error-error-200, #f89e9e); } - .md\:-top-52 { - top: -13rem; + .lg\:hover\:bg-Error-error-250:hover { + background-color: var(--error-error-250, #f9c8c8); } - .md\:-top-56 { - top: -14rem; + .lg\:hover\:bg-Error-error-300:hover { + background-color: var(--error-error-300, #ce5151); } - .md\:-top-60 { - top: -15rem; + .lg\:hover\:bg-Error-error-400:hover { + background-color: var(--error-error-400, #b85e5e); } - .md\:-top-64 { - top: -16rem; + .lg\:hover\:bg-Error-error-500:hover { + background-color: var(--error-error-500, #d83738); } - .md\:-top-72 { - top: -18rem; + .lg\:hover\:bg-Error-error-600:hover { + background-color: var(--error-error-600, #a82b2b); } - .md\:-top-80 { - top: -20rem; + .lg\:hover\:bg-Error-error-700:hover { + background-color: var(--error-error-700, #601819); } - .md\:-top-96 { - top: -24rem; + .lg\:focus\:bg-colors-black:focus { + background-color: var(--colors-black, #000000); } - .md\:-top-px { - top: -1px; + .lg\:focus\:bg-colors-white:focus { + background-color: var(--colors-white, #ffffff); } - .md\:-top-0\.5 { - top: -0.125rem; + .lg\:focus\:bg-colors-gray-100:focus { + background-color: var(--colors-gray-100, #f7fafc); } - .md\:-top-1\.5 { - top: -0.375rem; + .lg\:focus\:bg-colors-gray-200:focus { + background-color: var(--colors-gray-200, #edf2f7); } - .md\:-top-2\.5 { - top: -0.625rem; + .lg\:focus\:bg-colors-gray-300:focus { + background-color: var(--colors-gray-300, #e2e8f0); } - .md\:-top-3\.5 { - top: -0.875rem; + .lg\:focus\:bg-colors-gray-400:focus { + background-color: var(--colors-gray-400, #cbd5e0); } - .md\:top-1\/2 { - top: 50%; + .lg\:focus\:bg-colors-gray-500:focus { + background-color: var(--colors-gray-500, #a0aec0); } - .md\:top-1\/3 { - top: 33.333333%; + .lg\:focus\:bg-colors-gray-600:focus { + background-color: var(--colors-gray-600, #718096); } - .md\:top-2\/3 { - top: 66.666667%; + .lg\:focus\:bg-colors-gray-700:focus { + background-color: var(--colors-gray-700, #4a5568); } - .md\:top-1\/4 { - top: 25%; + .lg\:focus\:bg-colors-gray-800:focus { + background-color: var(--colors-gray-800, #2d3748); } - .md\:top-2\/4 { - top: 50%; + .lg\:focus\:bg-colors-gray-900:focus { + background-color: var(--colors-gray-900, #1a202c); } - .md\:top-3\/4 { - top: 75%; + .lg\:focus\:bg-colors-red-100:focus { + background-color: var(--colors-red-100, #fff5f5); } - .md\:top-full { - top: 100%; + .lg\:focus\:bg-colors-red-200:focus { + background-color: var(--colors-red-200, #fed7d7); } - .md\:-top-1\/2 { - top: -50%; + .lg\:focus\:bg-colors-red-300:focus { + background-color: var(--colors-red-300, #feb2b2); } - .md\:-top-1\/3 { - top: -33.333333%; + .lg\:focus\:bg-colors-red-400:focus { + background-color: var(--colors-red-400, #fc8181); } - .md\:-top-2\/3 { - top: -66.666667%; + .lg\:focus\:bg-colors-red-500:focus { + background-color: var(--colors-red-500, #f56565); } - .md\:-top-1\/4 { - top: -25%; + .lg\:focus\:bg-colors-red-600:focus { + background-color: var(--colors-red-600, #e53e3e); } - .md\:-top-2\/4 { - top: -50%; + .lg\:focus\:bg-colors-red-700:focus { + background-color: var(--colors-red-700, #c53030); } - .md\:-top-3\/4 { - top: -75%; + .lg\:focus\:bg-colors-red-800:focus { + background-color: var(--colors-red-800, #9b2c2c); } - .md\:-top-full { - top: -100%; + .lg\:focus\:bg-colors-red-900:focus { + background-color: var(--colors-red-900, #742a2a); } - .md\:right-0 { - right: 0px; + .lg\:focus\:bg-colors-orange-100:focus { + background-color: var(--colors-orange-100, #fffaf0); } - .md\:right-1 { - right: 0.25rem; + .lg\:focus\:bg-colors-orange-200:focus { + background-color: var(--colors-orange-200, #feebc8); } - .md\:right-2 { - right: 0.5rem; + .lg\:focus\:bg-colors-orange-300:focus { + background-color: var(--colors-orange-300, #fbd38d); } - .md\:right-3 { - right: 0.75rem; + .lg\:focus\:bg-colors-orange-400:focus { + background-color: var(--colors-orange-400, #f6ad55); } - .md\:right-4 { - right: 1rem; + .lg\:focus\:bg-colors-orange-500:focus { + background-color: var(--colors-orange-500, #ed8936); } - .md\:right-5 { - right: 1.25rem; + .lg\:focus\:bg-colors-orange-600:focus { + background-color: var(--colors-orange-600, #dd6b20); } - .md\:right-6 { - right: 1.5rem; + .lg\:focus\:bg-colors-orange-700:focus { + background-color: var(--colors-orange-700, #c05621); } - .md\:right-7 { - right: 1.75rem; + .lg\:focus\:bg-colors-orange-800:focus { + background-color: var(--colors-orange-800, #9c4221); } - .md\:right-8 { - right: 2rem; + .lg\:focus\:bg-colors-orange-900:focus { + background-color: var(--colors-orange-900, #7b341e); } - .md\:right-9 { - right: 2.25rem; + .lg\:focus\:bg-colors-yellow-100:focus { + background-color: var(--colors-yellow-100, #fffff0); } - .md\:right-10 { - right: 2.5rem; + .lg\:focus\:bg-colors-yellow-200:focus { + background-color: var(--colors-yellow-200, #fefcbf); } - .md\:right-11 { - right: 2.75rem; + .lg\:focus\:bg-colors-yellow-300:focus { + background-color: var(--colors-yellow-300, #faf089); } - .md\:right-12 { - right: 3rem; + .lg\:focus\:bg-colors-yellow-400:focus { + background-color: var(--colors-yellow-400, #f6e05e); } - .md\:right-14 { - right: 3.5rem; + .lg\:focus\:bg-colors-yellow-500:focus { + background-color: var(--colors-yellow-500, #ecc94b); } - .md\:right-16 { - right: 4rem; + .lg\:focus\:bg-colors-yellow-600:focus { + background-color: var(--colors-yellow-600, #d69e2e); } - .md\:right-20 { - right: 5rem; + .lg\:focus\:bg-colors-yellow-700:focus { + background-color: var(--colors-yellow-700, #b7791f); } - .md\:right-24 { - right: 6rem; + .lg\:focus\:bg-colors-yellow-800:focus { + background-color: var(--colors-yellow-800, #975a16); } - .md\:right-28 { - right: 7rem; + .lg\:focus\:bg-colors-yellow-900:focus { + background-color: var(--colors-yellow-900, #744210); } - .md\:right-32 { - right: 8rem; + .lg\:focus\:bg-colors-green-100:focus { + background-color: var(--colors-green-100, #f0fff4); } - .md\:right-36 { - right: 9rem; + .lg\:focus\:bg-colors-green-200:focus { + background-color: var(--colors-green-200, #c6f6d5); } - .md\:right-40 { - right: 10rem; + .lg\:focus\:bg-colors-green-300:focus { + background-color: var(--colors-green-300, #9ae6b4); } - .md\:right-44 { - right: 11rem; + .lg\:focus\:bg-colors-green-400:focus { + background-color: var(--colors-green-400, #68d391); } - .md\:right-48 { - right: 12rem; + .lg\:focus\:bg-colors-green-500:focus { + background-color: var(--colors-green-500, #48bb78); } - .md\:right-52 { - right: 13rem; + .lg\:focus\:bg-colors-green-600:focus { + background-color: var(--colors-green-600, #38a169); } - .md\:right-56 { - right: 14rem; + .lg\:focus\:bg-colors-green-700:focus { + background-color: var(--colors-green-700, #2f855a); } - .md\:right-60 { - right: 15rem; + .lg\:focus\:bg-colors-green-800:focus { + background-color: var(--colors-green-800, #276749); } - .md\:right-64 { - right: 16rem; + .lg\:focus\:bg-colors-green-900:focus { + background-color: var(--colors-green-900, #22543d); } - .md\:right-72 { - right: 18rem; + .lg\:focus\:bg-colors-teal-100:focus { + background-color: var(--colors-teal-100, #e6fffa); } - .md\:right-80 { - right: 20rem; + .lg\:focus\:bg-colors-teal-200:focus { + background-color: var(--colors-teal-200, #b2f5ea); } - .md\:right-96 { - right: 24rem; + .lg\:focus\:bg-colors-teal-300:focus { + background-color: var(--colors-teal-300, #81e6d9); + } + + .lg\:focus\:bg-colors-teal-400:focus { + background-color: var(--colors-teal-400, #4fd1c5); + } + + .lg\:focus\:bg-colors-teal-500:focus { + background-color: var(--colors-teal-500, #38b2ac); } - .md\:right-auto { - right: auto; + .lg\:focus\:bg-colors-teal-600:focus { + background-color: var(--colors-teal-600, #319795); } - .md\:right-px { - right: 1px; + .lg\:focus\:bg-colors-teal-700:focus { + background-color: var(--colors-teal-700, #2c7a7b); } - .md\:right-0\.5 { - right: 0.125rem; + .lg\:focus\:bg-colors-teal-800:focus { + background-color: var(--colors-teal-800, #285e61); } - .md\:right-1\.5 { - right: 0.375rem; + .lg\:focus\:bg-colors-teal-900:focus { + background-color: var(--colors-teal-900, #234e52); } - .md\:right-2\.5 { - right: 0.625rem; + .lg\:focus\:bg-colors-blue-100:focus { + background-color: var(--colors-blue-100, #ebf8ff); } - .md\:right-3\.5 { - right: 0.875rem; + .lg\:focus\:bg-colors-blue-200:focus { + background-color: var(--colors-blue-200, #bee3f8); } - .md\:-right-0 { - right: 0px; + .lg\:focus\:bg-colors-blue-300:focus { + background-color: var(--colors-blue-300, #90cdf4); } - .md\:-right-1 { - right: -0.25rem; + .lg\:focus\:bg-colors-blue-400:focus { + background-color: var(--colors-blue-400, #63b3ed); } - .md\:-right-2 { - right: -0.5rem; + .lg\:focus\:bg-colors-blue-500:focus { + background-color: var(--colors-blue-500, #4299e1); } - .md\:-right-3 { - right: -0.75rem; + .lg\:focus\:bg-colors-blue-600:focus { + background-color: var(--colors-blue-600, #3182ce); } - .md\:-right-4 { - right: -1rem; + .lg\:focus\:bg-colors-blue-700:focus { + background-color: var(--colors-blue-700, #2b6cb0); } - .md\:-right-5 { - right: -1.25rem; + .lg\:focus\:bg-colors-blue-800:focus { + background-color: var(--colors-blue-800, #2c5282); } - .md\:-right-6 { - right: -1.5rem; + .lg\:focus\:bg-colors-blue-900:focus { + background-color: var(--colors-blue-900, #2a4365); } - .md\:-right-7 { - right: -1.75rem; + .lg\:focus\:bg-colors-indigo-100:focus { + background-color: var(--colors-indigo-100, #ebf4ff); } - .md\:-right-8 { - right: -2rem; + .lg\:focus\:bg-colors-indigo-200:focus { + background-color: var(--colors-indigo-200, #c3dafe); } - .md\:-right-9 { - right: -2.25rem; + .lg\:focus\:bg-colors-indigo-300:focus { + background-color: var(--colors-indigo-300, #a3bffa); } - .md\:-right-10 { - right: -2.5rem; + .lg\:focus\:bg-colors-indigo-400:focus { + background-color: var(--colors-indigo-400, #7f9cf5); } - .md\:-right-11 { - right: -2.75rem; + .lg\:focus\:bg-colors-indigo-500:focus { + background-color: var(--colors-indigo-500, #667eea); } - .md\:-right-12 { - right: -3rem; + .lg\:focus\:bg-colors-indigo-600:focus { + background-color: var(--colors-indigo-600, #5a67d8); } - .md\:-right-14 { - right: -3.5rem; + .lg\:focus\:bg-colors-indigo-700:focus { + background-color: var(--colors-indigo-700, #4c51bf); } - .md\:-right-16 { - right: -4rem; + .lg\:focus\:bg-colors-indigo-800:focus { + background-color: var(--colors-indigo-800, #434190); } - .md\:-right-20 { - right: -5rem; + .lg\:focus\:bg-colors-indigo-900:focus { + background-color: var(--colors-indigo-900, #3c366b); } - .md\:-right-24 { - right: -6rem; + .lg\:focus\:bg-colors-purple-100:focus { + background-color: var(--colors-purple-100, #faf5ff); } - .md\:-right-28 { - right: -7rem; + .lg\:focus\:bg-colors-purple-200:focus { + background-color: var(--colors-purple-200, #e9d8fd); } - .md\:-right-32 { - right: -8rem; + .lg\:focus\:bg-colors-purple-300:focus { + background-color: var(--colors-purple-300, #d6bcfa); } - .md\:-right-36 { - right: -9rem; + .lg\:focus\:bg-colors-purple-400:focus { + background-color: var(--colors-purple-400, #b794f4); } - .md\:-right-40 { - right: -10rem; + .lg\:focus\:bg-colors-purple-500:focus { + background-color: var(--colors-purple-500, #9f7aea); } - .md\:-right-44 { - right: -11rem; + .lg\:focus\:bg-colors-purple-600:focus { + background-color: var(--colors-purple-600, #805ad5); } - .md\:-right-48 { - right: -12rem; + .lg\:focus\:bg-colors-purple-700:focus { + background-color: var(--colors-purple-700, #6b46c1); } - .md\:-right-52 { - right: -13rem; + .lg\:focus\:bg-colors-purple-800:focus { + background-color: var(--colors-purple-800, #553c9a); } - .md\:-right-56 { - right: -14rem; + .lg\:focus\:bg-colors-purple-900:focus { + background-color: var(--colors-purple-900, #44337a); } - .md\:-right-60 { - right: -15rem; + .lg\:focus\:bg-colors-pink-100:focus { + background-color: var(--colors-pink-100, #fff5f7); } - .md\:-right-64 { - right: -16rem; + .lg\:focus\:bg-colors-pink-200:focus { + background-color: var(--colors-pink-200, #fed7e2); } - .md\:-right-72 { - right: -18rem; + .lg\:focus\:bg-colors-pink-300:focus { + background-color: var(--colors-pink-300, #fbb6ce); } - .md\:-right-80 { - right: -20rem; + .lg\:focus\:bg-colors-pink-400:focus { + background-color: var(--colors-pink-400, #f687b3); } - .md\:-right-96 { - right: -24rem; + .lg\:focus\:bg-colors-pink-500:focus { + background-color: var(--colors-pink-500, #ed64a6); } - .md\:-right-px { - right: -1px; + .lg\:focus\:bg-colors-pink-600:focus { + background-color: var(--colors-pink-600, #d53f8c); } - .md\:-right-0\.5 { - right: -0.125rem; + .lg\:focus\:bg-colors-pink-700:focus { + background-color: var(--colors-pink-700, #b83280); } - .md\:-right-1\.5 { - right: -0.375rem; + .lg\:focus\:bg-colors-pink-800:focus { + background-color: var(--colors-pink-800, #97266d); } - .md\:-right-2\.5 { - right: -0.625rem; + .lg\:focus\:bg-colors-pink-900:focus { + background-color: var(--colors-pink-900, #702459); } - .md\:-right-3\.5 { - right: -0.875rem; + .lg\:focus\:bg-Box\ Shadow:focus { + background-color: var(--box-shadow, #7f7e7f); } - .md\:right-1\/2 { - right: 50%; + .lg\:focus\:bg-Error16:focus { + background-color: var(--error16, #f03d3e40); } - .md\:right-1\/3 { - right: 33.333333%; + .lg\:focus\:bg-Success16:focus { + background-color: var(--success16, #5bb14d40); } - .md\:right-2\/3 { - right: 66.666667%; + .lg\:focus\:bg-Notification16:focus { + background-color: var(--notification16, #3959ff40); } - .md\:right-1\/4 { - right: 25%; + .lg\:focus\:bg-Error8:focus { + background-color: var(--error8, #f03d3e1a); } - .md\:right-2\/4 { - right: 50%; + .lg\:focus\:bg-Notification8:focus { + background-color: var(--notification8, #3959ff1a); } - .md\:right-3\/4 { - right: 75%; + .lg\:focus\:bg-Success8:focus { + background-color: var(--success8, #5bb14d1a); } - .md\:right-full { - right: 100%; + .lg\:focus\:bg-Light\ -\ Overlay:focus { + background-color: var(--light-overlay, #f0edee66); } - .md\:-right-1\/2 { - right: -50%; + .lg\:focus\:bg-Dark-\ Overlay:focus { + background-color: var(--dark-overlay, #7f7e7f66); } - .md\:-right-1\/3 { - right: -33.333333%; + .lg\:focus\:bg-black-40:focus { + background-color: var(--black-40, #00000066); } - .md\:-right-2\/3 { - right: -66.666667%; + .lg\:focus\:bg-black-75:focus { + background-color: var(--black-75, #000000bf); } - .md\:-right-1\/4 { - right: -25%; + .lg\:focus\:bg-black-60:focus { + background-color: var(--black-60, #00000099); } - .md\:-right-2\/4 { - right: -50%; + .lg\:focus\:bg-black-50:focus { + background-color: var(--black-50, #00000080); } - .md\:-right-3\/4 { - right: -75%; + .lg\:focus\:bg-black-25:focus { + background-color: var(--black-25, #00000040); } - .md\:-right-full { - right: -100%; + .lg\:focus\:bg-black-10:focus { + background-color: var(--black-10, #0000001a); } - .md\:bottom-0 { - bottom: 0px; + .lg\:focus\:bg-white-25:focus { + background-color: var(--white-25, #ffffff40); } - .md\:bottom-1 { - bottom: 0.25rem; + .lg\:focus\:bg-white-60:focus { + background-color: var(--white-60, #ffffff99); } - .md\:bottom-2 { - bottom: 0.5rem; + .lg\:focus\:bg-black-64:focus { + background-color: var(--black-64, #000000a3); } - .md\:bottom-3 { - bottom: 0.75rem; + .lg\:focus\:bg-Shadow\ and\ Highlight-Shadow:focus { + background-color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .md\:bottom-4 { - bottom: 1rem; + .lg\:focus\:bg-Shadow\ and\ Highlight-Highlight:focus { + background-color: var(--shadow-and-highlight-highlight, #474747); } - .md\:bottom-5 { - bottom: 1.25rem; + .lg\:focus\:bg-Shadow\ and\ Highlight-highlight\ one:focus { + background-color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .md\:bottom-6 { - bottom: 1.5rem; + .lg\:focus\:bg-Shadow\ and\ Highlight-highlight\ two:focus { + background-color: var(--shadow-and-highlight-highlight-two, #47474799); } - .md\:bottom-7 { - bottom: 1.75rem; + .lg\:focus\:bg-Shadow\ and\ Highlight-highlight\ three:focus { + background-color: var(--shadow-and-highlight-highlight-three, #47474766); } - .md\:bottom-8 { - bottom: 2rem; + .lg\:focus\:bg-Shadow\ and\ Highlight-highlight\ five:focus { + background-color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .md\:bottom-9 { - bottom: 2.25rem; + .lg\:focus\:bg-Shadow\ and\ Highlight-shadow\ one:focus { + background-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .md\:bottom-10 { - bottom: 2.5rem; + .lg\:focus\:bg-Shadow\ and\ Highlight-shadow\ two:focus { + background-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .md\:bottom-11 { - bottom: 2.75rem; + .lg\:focus\:bg-Shadow\ and\ Highlight-shadow\ three:focus { + background-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .md\:bottom-12 { - bottom: 3rem; + .lg\:focus\:bg-Shadow\ and\ Highlight-shadow\ four:focus { + background-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .md\:bottom-14 { - bottom: 3.5rem; + .lg\:focus\:bg-Shadow\ and\ Highlight-shadow\ five:focus { + background-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .md\:bottom-16 { - bottom: 4rem; + .lg\:focus\:bg-Shadow\ and\ Highlight-highlight\ four:focus { + background-color: var(--shadow-and-highlight-highlight-four, #47474740); } - .md\:bottom-20 { - bottom: 5rem; + .lg\:focus\:bg-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus { + background-color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .md\:bottom-24 { - bottom: 6rem; + .lg\:focus\:bg-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus { + background-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .md\:bottom-28 { - bottom: 7rem; + .lg\:focus\:bg-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus { + background-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .md\:bottom-32 { - bottom: 8rem; + .lg\:focus\:bg-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus { + background-color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .md\:bottom-36 { - bottom: 9rem; + .lg\:focus\:bg-Grey-Scale-white:focus { + background-color: var(--grey-scale-white, #ffffff); } - .md\:bottom-40 { - bottom: 10rem; + .lg\:focus\:bg-Grey-Scale-off-white:focus { + background-color: var(--grey-scale-off-white, #f0edee); } - .md\:bottom-44 { - bottom: 11rem; + .lg\:focus\:bg-Grey\ Scale-grey:focus { + background-color: var(--grey-scale-grey, #7f7e7f); } - .md\:bottom-48 { - bottom: 12rem; + .lg\:focus\:bg-Grey\ Scale-charcoal:focus { + background-color: var(--grey-scale-charcoal, #474747); } - .md\:bottom-52 { - bottom: 13rem; + .lg\:focus\:bg-Grey\ Scale-off-black:focus { + background-color: var(--grey-scale-off-black, #1c1c1c); } - .md\:bottom-56 { - bottom: 14rem; + .lg\:focus\:bg-Grey\ Scale-black:focus { + background-color: var(--grey-scale-black, #000000); } - .md\:bottom-60 { - bottom: 15rem; + .lg\:focus\:bg-Blue-blue:focus { + background-color: var(--blue-blue, #3a7ca5); } - .md\:bottom-64 { - bottom: 16rem; + .lg\:focus\:bg-Blue-blue-100:focus { + background-color: var(--blue-blue-100, #75a3c0); } - .md\:bottom-72 { - bottom: 18rem; + .lg\:focus\:bg-Blue-blue-200:focus { + background-color: var(--blue-blue-200, #9cbed2); } - .md\:bottom-80 { - bottom: 20rem; + .lg\:focus\:bg-Blue-blue-300:focus { + background-color: var(--blue-blue-300, #4f7d9a); } - .md\:bottom-96 { - bottom: 24rem; + .lg\:focus\:bg-Blue-blue-400:focus { + background-color: var(--blue-blue-400, #5c7d92); } - .md\:bottom-auto { - bottom: auto; + .lg\:focus\:bg-Blue-blue-500:focus { + background-color: var(--blue-blue-500, #347095); } - .md\:bottom-px { - bottom: 1px; + .lg\:focus\:bg-Blue-blue-600:focus { + background-color: var(--blue-blue-600, #295774); } - .md\:bottom-0\.5 { - bottom: 0.125rem; + .lg\:focus\:bg-Blue-blue-700:focus { + background-color: var(--blue-blue-700, #173242); } - .md\:bottom-1\.5 { - bottom: 0.375rem; + .lg\:focus\:bg-LightBlue-lightblue:focus { + background-color: var(--light-blue-lightblue, #81c3d7); } - .md\:bottom-2\.5 { - bottom: 0.625rem; + .lg\:focus\:bg-LightBlue-lightblue-100:focus { + background-color: var(--light-blue-lightblue-100, #a7d5e3); } - .md\:bottom-3\.5 { - bottom: 0.875rem; + .lg\:focus\:bg-LightBlue-lightblue-200:focus { + background-color: var(--light-blue-lightblue-200, #c0e1eb); } - .md\:-bottom-0 { - bottom: 0px; + .lg\:focus\:bg-LightBlue-lightblue-300:focus { + background-color: var(--light-blue-lightblue-300, #80aebd); } - .md\:-bottom-1 { - bottom: -0.25rem; + .lg\:focus\:bg-LightBlue-lightblue-400:focus { + background-color: var(--light-blue-lightblue-400, #80a0ab); } - .md\:-bottom-2 { - bottom: -0.5rem; + .lg\:focus\:bg-LightBlue-lightblue-500:focus { + background-color: var(--light-blue-lightblue-500, #74afc1); } - .md\:-bottom-3 { - bottom: -0.75rem; + .lg\:focus\:bg-LightBlue-lightblue-600:focus { + background-color: var(--light-blue-lightblue-600, #5a8997); } - .md\:-bottom-4 { - bottom: -1rem; + .lg\:focus\:bg-LightBlue-lightblue-650:focus { + background-color: var(--light-blue-lightblue-650, #3e5e65); } - .md\:-bottom-5 { - bottom: -1.25rem; + .lg\:focus\:bg-LightBlue-lightblue-700:focus { + background-color: var(--light-blue-lightblue-700, #344e56); } - .md\:-bottom-6 { - bottom: -1.5rem; + .lg\:focus\:bg-Orange-orange:focus { + background-color: var(--orange-orange, #ff7f0e); } - .md\:-bottom-7 { - bottom: -1.75rem; + .lg\:focus\:bg-Orange-orange-100:focus { + background-color: var(--orange-orange-100, #ffa556); } - .md\:-bottom-8 { - bottom: -2rem; + .lg\:focus\:bg-Orange-orange-200:focus { + background-color: var(--orange-orange-200, #ffbf86); } - .md\:-bottom-9 { - bottom: -2.25rem; + .lg\:focus\:bg-Orange-orange-300:focus { + background-color: var(--orange-orange-300, #d97f30); } - .md\:-bottom-10 { - bottom: -2.5rem; + .lg\:focus\:bg-Orange-orange-400:focus { + background-color: var(--orange-orange-400, #bf7e46); } - .md\:-bottom-11 { - bottom: -2.75rem; + .lg\:focus\:bg-Orange-orange-500:focus { + background-color: var(--orange-orange-500, #e5720d); } - .md\:-bottom-12 { - bottom: -3rem; + .lg\:focus\:bg-Orange-orange-600:focus { + background-color: var(--orange-orange-600, #b3590a); } - .md\:-bottom-14 { - bottom: -3.5rem; + .lg\:focus\:bg-Orange-orange-700:focus { + background-color: var(--orange-orange-700, #663306); } - .md\:-bottom-16 { - bottom: -4rem; + .lg\:focus\:bg-Yellow-yellow:focus { + background-color: var(--yellow-yellow, #ffab00); } - .md\:-bottom-20 { - bottom: -5rem; + .lg\:focus\:bg-Yellow-yellow-100:focus { + background-color: var(--yellow-yellow-100, #ffc44c); } - .md\:-bottom-24 { - bottom: -6rem; + .lg\:focus\:bg-Yellow-yellow-200:focus { + background-color: var(--yellow-yellow-200, #ffd580); } - .md\:-bottom-28 { - bottom: -7rem; + .lg\:focus\:bg-Yellow-yellow-300:focus { + background-color: var(--yellow-yellow-300, #d99d26); } - .md\:-bottom-32 { - bottom: -8rem; + .lg\:focus\:bg-Yellow-yellow-400:focus { + background-color: var(--yellow-yellow-400, #bf943f); } - .md\:-bottom-36 { - bottom: -9rem; + .lg\:focus\:bg-Yellow-yellow-500:focus { + background-color: var(--yellow-yellow-500, #e59a00); } - .md\:-bottom-40 { - bottom: -10rem; + .lg\:focus\:bg-Yellow-yellow-600:focus { + background-color: var(--yellow-yellow-600, #b37800); } - .md\:-bottom-44 { - bottom: -11rem; + .lg\:focus\:bg-Yellow-yellow-700:focus { + background-color: var(--yellow-yellow-700, #664400); } - .md\:-bottom-48 { - bottom: -12rem; + .lg\:focus\:bg-Notification-notification:focus { + background-color: var(--notification-notification, #3959ff); } - .md\:-bottom-52 { - bottom: -13rem; + .lg\:focus\:bg-Notification-notification-100:focus { + background-color: var(--notification-notification-100, #748bff); } - .md\:-bottom-56 { - bottom: -14rem; + .lg\:focus\:bg-Notification-notification-200:focus { + background-color: var(--notification-notification-200, #9cacff); } - .md\:-bottom-60 { - bottom: -15rem; + .lg\:focus\:bg-Notification-notification-300:focus { + background-color: var(--notification-notification-300, #4e64d9); } - .md\:-bottom-64 { - bottom: -16rem; + .lg\:focus\:bg-Notification-notification-400:focus { + background-color: var(--notification-notification-400, #5c6cbf); } - .md\:-bottom-72 { - bottom: -18rem; + .lg\:focus\:bg-Notification-notification-500:focus { + background-color: var(--notification-notification-500, #3350e5); } - .md\:-bottom-80 { - bottom: -20rem; + .lg\:focus\:bg-Notification-notification-600:focus { + background-color: var(--notification-notification-600, #283eb3); } - .md\:-bottom-96 { - bottom: -24rem; + .lg\:focus\:bg-Notification-notification-700:focus { + background-color: var(--notification-notification-700, #172466); } - .md\:-bottom-px { - bottom: -1px; + .lg\:focus\:bg-Success-success\ -700:focus { + background-color: var(--success-success-700, #24471f); } - .md\:-bottom-0\.5 { - bottom: -0.125rem; + .lg\:focus\:bg-Success-success:focus { + background-color: var(--success-success, #5bb14d); } - .md\:-bottom-1\.5 { - bottom: -0.375rem; + .lg\:focus\:bg-Success-success\ -100:focus { + background-color: var(--success-success-100, #8cc882); } - .md\:-bottom-2\.5 { - bottom: -0.625rem; + .lg\:focus\:bg-Success-success\ -200:focus { + background-color: var(--success-success-200, #add8a6); } - .md\:-bottom-3\.5 { - bottom: -0.875rem; + .lg\:focus\:bg-Success-success\ -300:focus { + background-color: var(--success-success-300, #66a25c); } - .md\:bottom-1\/2 { - bottom: 50%; + .lg\:focus\:bg-Success-success\ -400:focus { + background-color: var(--success-success-400, #6d9766); } - .md\:bottom-1\/3 { - bottom: 33.333333%; + .lg\:focus\:bg-Success-success\ -500:focus { + background-color: var(--success-success-500, #529f45); } - .md\:bottom-2\/3 { - bottom: 66.666667%; + .lg\:focus\:bg-Success-success\ -600:focus { + background-color: var(--success-success-600, #407c36); } - .md\:bottom-1\/4 { - bottom: 25%; + .lg\:focus\:bg-Error-error:focus { + background-color: var(--error-error, #f03d3e); } - .md\:bottom-2\/4 { - bottom: 50%; + .lg\:focus\:bg-Error-error-100:focus { + background-color: var(--error-error-100, #f57778); } - .md\:bottom-3\/4 { - bottom: 75%; + .lg\:focus\:bg-Error-error-200:focus { + background-color: var(--error-error-200, #f89e9e); } - .md\:bottom-full { - bottom: 100%; + .lg\:focus\:bg-Error-error-250:focus { + background-color: var(--error-error-250, #f9c8c8); } - .md\:-bottom-1\/2 { - bottom: -50%; + .lg\:focus\:bg-Error-error-300:focus { + background-color: var(--error-error-300, #ce5151); } - .md\:-bottom-1\/3 { - bottom: -33.333333%; + .lg\:focus\:bg-Error-error-400:focus { + background-color: var(--error-error-400, #b85e5e); } - .md\:-bottom-2\/3 { - bottom: -66.666667%; + .lg\:focus\:bg-Error-error-500:focus { + background-color: var(--error-error-500, #d83738); } - .md\:-bottom-1\/4 { - bottom: -25%; + .lg\:focus\:bg-Error-error-600:focus { + background-color: var(--error-error-600, #a82b2b); } - .md\:-bottom-2\/4 { - bottom: -50%; + .lg\:focus\:bg-Error-error-700:focus { + background-color: var(--error-error-700, #601819); } - .md\:-bottom-3\/4 { - bottom: -75%; + .lg\:bg-opacity-0 { + --tw-bg-opacity: 0; } - .md\:-bottom-full { - bottom: -100%; + .lg\:bg-opacity-5 { + --tw-bg-opacity: 0.05; } - .md\:left-0 { - left: 0px; + .lg\:bg-opacity-10 { + --tw-bg-opacity: 0.1; } - .md\:left-1 { - left: 0.25rem; + .lg\:bg-opacity-20 { + --tw-bg-opacity: 0.2; } - .md\:left-2 { - left: 0.5rem; + .lg\:bg-opacity-25 { + --tw-bg-opacity: 0.25; } - .md\:left-3 { - left: 0.75rem; + .lg\:bg-opacity-30 { + --tw-bg-opacity: 0.3; } - .md\:left-4 { - left: 1rem; + .lg\:bg-opacity-40 { + --tw-bg-opacity: 0.4; } - .md\:left-5 { - left: 1.25rem; + .lg\:bg-opacity-50 { + --tw-bg-opacity: 0.5; } - .md\:left-6 { - left: 1.5rem; + .lg\:bg-opacity-60 { + --tw-bg-opacity: 0.6; } - .md\:left-7 { - left: 1.75rem; + .lg\:bg-opacity-70 { + --tw-bg-opacity: 0.7; } - .md\:left-8 { - left: 2rem; + .lg\:bg-opacity-75 { + --tw-bg-opacity: 0.75; } - .md\:left-9 { - left: 2.25rem; + .lg\:bg-opacity-80 { + --tw-bg-opacity: 0.8; } - .md\:left-10 { - left: 2.5rem; + .lg\:bg-opacity-90 { + --tw-bg-opacity: 0.9; } - .md\:left-11 { - left: 2.75rem; + .lg\:bg-opacity-95 { + --tw-bg-opacity: 0.95; } - .md\:left-12 { - left: 3rem; + .lg\:bg-opacity-100 { + --tw-bg-opacity: 1; } - .md\:left-14 { - left: 3.5rem; + .group:hover .lg\:group-hover\:bg-opacity-0 { + --tw-bg-opacity: 0; } - .md\:left-16 { - left: 4rem; + .group:hover .lg\:group-hover\:bg-opacity-5 { + --tw-bg-opacity: 0.05; } - .md\:left-20 { - left: 5rem; + .group:hover .lg\:group-hover\:bg-opacity-10 { + --tw-bg-opacity: 0.1; } - .md\:left-24 { - left: 6rem; + .group:hover .lg\:group-hover\:bg-opacity-20 { + --tw-bg-opacity: 0.2; } - .md\:left-28 { - left: 7rem; + .group:hover .lg\:group-hover\:bg-opacity-25 { + --tw-bg-opacity: 0.25; } - .md\:left-32 { - left: 8rem; + .group:hover .lg\:group-hover\:bg-opacity-30 { + --tw-bg-opacity: 0.3; } - .md\:left-36 { - left: 9rem; + .group:hover .lg\:group-hover\:bg-opacity-40 { + --tw-bg-opacity: 0.4; } - .md\:left-40 { - left: 10rem; + .group:hover .lg\:group-hover\:bg-opacity-50 { + --tw-bg-opacity: 0.5; } - .md\:left-44 { - left: 11rem; + .group:hover .lg\:group-hover\:bg-opacity-60 { + --tw-bg-opacity: 0.6; } - .md\:left-48 { - left: 12rem; + .group:hover .lg\:group-hover\:bg-opacity-70 { + --tw-bg-opacity: 0.7; } - .md\:left-52 { - left: 13rem; + .group:hover .lg\:group-hover\:bg-opacity-75 { + --tw-bg-opacity: 0.75; } - .md\:left-56 { - left: 14rem; + .group:hover .lg\:group-hover\:bg-opacity-80 { + --tw-bg-opacity: 0.8; } - .md\:left-60 { - left: 15rem; + .group:hover .lg\:group-hover\:bg-opacity-90 { + --tw-bg-opacity: 0.9; } - .md\:left-64 { - left: 16rem; + .group:hover .lg\:group-hover\:bg-opacity-95 { + --tw-bg-opacity: 0.95; } - .md\:left-72 { - left: 18rem; + .group:hover .lg\:group-hover\:bg-opacity-100 { + --tw-bg-opacity: 1; } - .md\:left-80 { - left: 20rem; + .lg\:focus-within\:bg-opacity-0:focus-within { + --tw-bg-opacity: 0; } - .md\:left-96 { - left: 24rem; + .lg\:focus-within\:bg-opacity-5:focus-within { + --tw-bg-opacity: 0.05; } - .md\:left-auto { - left: auto; + .lg\:focus-within\:bg-opacity-10:focus-within { + --tw-bg-opacity: 0.1; } - .md\:left-px { - left: 1px; + .lg\:focus-within\:bg-opacity-20:focus-within { + --tw-bg-opacity: 0.2; } - .md\:left-0\.5 { - left: 0.125rem; + .lg\:focus-within\:bg-opacity-25:focus-within { + --tw-bg-opacity: 0.25; } - .md\:left-1\.5 { - left: 0.375rem; + .lg\:focus-within\:bg-opacity-30:focus-within { + --tw-bg-opacity: 0.3; } - .md\:left-2\.5 { - left: 0.625rem; + .lg\:focus-within\:bg-opacity-40:focus-within { + --tw-bg-opacity: 0.4; } - .md\:left-3\.5 { - left: 0.875rem; + .lg\:focus-within\:bg-opacity-50:focus-within { + --tw-bg-opacity: 0.5; } - .md\:-left-0 { - left: 0px; + .lg\:focus-within\:bg-opacity-60:focus-within { + --tw-bg-opacity: 0.6; } - .md\:-left-1 { - left: -0.25rem; + .lg\:focus-within\:bg-opacity-70:focus-within { + --tw-bg-opacity: 0.7; } - .md\:-left-2 { - left: -0.5rem; + .lg\:focus-within\:bg-opacity-75:focus-within { + --tw-bg-opacity: 0.75; } - .md\:-left-3 { - left: -0.75rem; + .lg\:focus-within\:bg-opacity-80:focus-within { + --tw-bg-opacity: 0.8; } - .md\:-left-4 { - left: -1rem; + .lg\:focus-within\:bg-opacity-90:focus-within { + --tw-bg-opacity: 0.9; } - .md\:-left-5 { - left: -1.25rem; + .lg\:focus-within\:bg-opacity-95:focus-within { + --tw-bg-opacity: 0.95; } - .md\:-left-6 { - left: -1.5rem; + .lg\:focus-within\:bg-opacity-100:focus-within { + --tw-bg-opacity: 1; } - .md\:-left-7 { - left: -1.75rem; + .lg\:hover\:bg-opacity-0:hover { + --tw-bg-opacity: 0; } - .md\:-left-8 { - left: -2rem; + .lg\:hover\:bg-opacity-5:hover { + --tw-bg-opacity: 0.05; } - .md\:-left-9 { - left: -2.25rem; + .lg\:hover\:bg-opacity-10:hover { + --tw-bg-opacity: 0.1; } - .md\:-left-10 { - left: -2.5rem; + .lg\:hover\:bg-opacity-20:hover { + --tw-bg-opacity: 0.2; } - .md\:-left-11 { - left: -2.75rem; + .lg\:hover\:bg-opacity-25:hover { + --tw-bg-opacity: 0.25; } - .md\:-left-12 { - left: -3rem; + .lg\:hover\:bg-opacity-30:hover { + --tw-bg-opacity: 0.3; } - .md\:-left-14 { - left: -3.5rem; + .lg\:hover\:bg-opacity-40:hover { + --tw-bg-opacity: 0.4; } - .md\:-left-16 { - left: -4rem; + .lg\:hover\:bg-opacity-50:hover { + --tw-bg-opacity: 0.5; } - .md\:-left-20 { - left: -5rem; + .lg\:hover\:bg-opacity-60:hover { + --tw-bg-opacity: 0.6; } - .md\:-left-24 { - left: -6rem; + .lg\:hover\:bg-opacity-70:hover { + --tw-bg-opacity: 0.7; } - .md\:-left-28 { - left: -7rem; + .lg\:hover\:bg-opacity-75:hover { + --tw-bg-opacity: 0.75; } - .md\:-left-32 { - left: -8rem; + .lg\:hover\:bg-opacity-80:hover { + --tw-bg-opacity: 0.8; } - .md\:-left-36 { - left: -9rem; + .lg\:hover\:bg-opacity-90:hover { + --tw-bg-opacity: 0.9; } - .md\:-left-40 { - left: -10rem; + .lg\:hover\:bg-opacity-95:hover { + --tw-bg-opacity: 0.95; } - .md\:-left-44 { - left: -11rem; + .lg\:hover\:bg-opacity-100:hover { + --tw-bg-opacity: 1; } - .md\:-left-48 { - left: -12rem; + .lg\:focus\:bg-opacity-0:focus { + --tw-bg-opacity: 0; } - .md\:-left-52 { - left: -13rem; + .lg\:focus\:bg-opacity-5:focus { + --tw-bg-opacity: 0.05; } - .md\:-left-56 { - left: -14rem; + .lg\:focus\:bg-opacity-10:focus { + --tw-bg-opacity: 0.1; } - .md\:-left-60 { - left: -15rem; + .lg\:focus\:bg-opacity-20:focus { + --tw-bg-opacity: 0.2; } - .md\:-left-64 { - left: -16rem; + .lg\:focus\:bg-opacity-25:focus { + --tw-bg-opacity: 0.25; } - .md\:-left-72 { - left: -18rem; + .lg\:focus\:bg-opacity-30:focus { + --tw-bg-opacity: 0.3; } - .md\:-left-80 { - left: -20rem; + .lg\:focus\:bg-opacity-40:focus { + --tw-bg-opacity: 0.4; } - .md\:-left-96 { - left: -24rem; + .lg\:focus\:bg-opacity-50:focus { + --tw-bg-opacity: 0.5; } - .md\:-left-px { - left: -1px; + .lg\:focus\:bg-opacity-60:focus { + --tw-bg-opacity: 0.6; } - .md\:-left-0\.5 { - left: -0.125rem; + .lg\:focus\:bg-opacity-70:focus { + --tw-bg-opacity: 0.7; } - .md\:-left-1\.5 { - left: -0.375rem; + .lg\:focus\:bg-opacity-75:focus { + --tw-bg-opacity: 0.75; } - .md\:-left-2\.5 { - left: -0.625rem; + .lg\:focus\:bg-opacity-80:focus { + --tw-bg-opacity: 0.8; } - .md\:-left-3\.5 { - left: -0.875rem; + .lg\:focus\:bg-opacity-90:focus { + --tw-bg-opacity: 0.9; } - .md\:left-1\/2 { - left: 50%; + .lg\:focus\:bg-opacity-95:focus { + --tw-bg-opacity: 0.95; } - .md\:left-1\/3 { - left: 33.333333%; + .lg\:focus\:bg-opacity-100:focus { + --tw-bg-opacity: 1; } - .md\:left-2\/3 { - left: 66.666667%; + .lg\:bg-none { + background-image: none; } - .md\:left-1\/4 { - left: 25%; + .lg\:bg-gradient-to-t { + background-image: linear-gradient(to top, var(--tw-gradient-stops)); } - .md\:left-2\/4 { - left: 50%; + .lg\:bg-gradient-to-tr { + background-image: linear-gradient(to top right, var(--tw-gradient-stops)); } - .md\:left-3\/4 { - left: 75%; + .lg\:bg-gradient-to-r { + background-image: linear-gradient(to right, var(--tw-gradient-stops)); } - .md\:left-full { - left: 100%; + .lg\:bg-gradient-to-br { + background-image: linear-gradient(to bottom right, var(--tw-gradient-stops)); } - .md\:-left-1\/2 { - left: -50%; + .lg\:bg-gradient-to-b { + background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); } - .md\:-left-1\/3 { - left: -33.333333%; + .lg\:bg-gradient-to-bl { + background-image: linear-gradient(to bottom left, var(--tw-gradient-stops)); } - .md\:-left-2\/3 { - left: -66.666667%; + .lg\:bg-gradient-to-l { + background-image: linear-gradient(to left, var(--tw-gradient-stops)); } - .md\:-left-1\/4 { - left: -25%; + .lg\:bg-gradient-to-tl { + background-image: linear-gradient(to top left, var(--tw-gradient-stops)); } - .md\:-left-2\/4 { - left: -50%; + .lg\:from-colors-black { + --tw-gradient-from: var(--colors-black, #000000); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-left-3\/4 { - left: -75%; + .lg\:from-colors-white { + --tw-gradient-from: var(--colors-white, #ffffff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-left-full { - left: -100%; + .lg\:from-colors-gray-100 { + --tw-gradient-from: var(--colors-gray-100, #f7fafc); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:isolate { - isolation: isolate; + .lg\:from-colors-gray-200 { + --tw-gradient-from: var(--colors-gray-200, #edf2f7); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:isolation-auto { - isolation: auto; + .lg\:from-colors-gray-300 { + --tw-gradient-from: var(--colors-gray-300, #e2e8f0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:z-0 { - z-index: 0; + .lg\:from-colors-gray-400 { + --tw-gradient-from: var(--colors-gray-400, #cbd5e0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:z-10 { - z-index: 10; + .lg\:from-colors-gray-500 { + --tw-gradient-from: var(--colors-gray-500, #a0aec0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:z-20 { - z-index: 20; + .lg\:from-colors-gray-600 { + --tw-gradient-from: var(--colors-gray-600, #718096); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:z-30 { - z-index: 30; + .lg\:from-colors-gray-700 { + --tw-gradient-from: var(--colors-gray-700, #4a5568); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:z-40 { - z-index: 40; + .lg\:from-colors-gray-800 { + --tw-gradient-from: var(--colors-gray-800, #2d3748); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:z-50 { - z-index: 50; + .lg\:from-colors-gray-900 { + --tw-gradient-from: var(--colors-gray-900, #1a202c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:z-auto { - z-index: auto; + .lg\:from-colors-red-100 { + --tw-gradient-from: var(--colors-red-100, #fff5f5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:focus-within\:z-0:focus-within { - z-index: 0; + .lg\:from-colors-red-200 { + --tw-gradient-from: var(--colors-red-200, #fed7d7); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:focus-within\:z-10:focus-within { - z-index: 10; + .lg\:from-colors-red-300 { + --tw-gradient-from: var(--colors-red-300, #feb2b2); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:focus-within\:z-20:focus-within { - z-index: 20; + .lg\:from-colors-red-400 { + --tw-gradient-from: var(--colors-red-400, #fc8181); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:focus-within\:z-30:focus-within { - z-index: 30; + .lg\:from-colors-red-500 { + --tw-gradient-from: var(--colors-red-500, #f56565); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:focus-within\:z-40:focus-within { - z-index: 40; + .lg\:from-colors-red-600 { + --tw-gradient-from: var(--colors-red-600, #e53e3e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:focus-within\:z-50:focus-within { - z-index: 50; + .lg\:from-colors-red-700 { + --tw-gradient-from: var(--colors-red-700, #c53030); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:focus-within\:z-auto:focus-within { - z-index: auto; + .lg\:from-colors-red-800 { + --tw-gradient-from: var(--colors-red-800, #9b2c2c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:focus\:z-0:focus { - z-index: 0; + .lg\:from-colors-red-900 { + --tw-gradient-from: var(--colors-red-900, #742a2a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:focus\:z-10:focus { - z-index: 10; + .lg\:from-colors-orange-100 { + --tw-gradient-from: var(--colors-orange-100, #fffaf0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:focus\:z-20:focus { - z-index: 20; + .lg\:from-colors-orange-200 { + --tw-gradient-from: var(--colors-orange-200, #feebc8); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:focus\:z-30:focus { - z-index: 30; + .lg\:from-colors-orange-300 { + --tw-gradient-from: var(--colors-orange-300, #fbd38d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:focus\:z-40:focus { - z-index: 40; + .lg\:from-colors-orange-400 { + --tw-gradient-from: var(--colors-orange-400, #f6ad55); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:focus\:z-50:focus { - z-index: 50; + .lg\:from-colors-orange-500 { + --tw-gradient-from: var(--colors-orange-500, #ed8936); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:focus\:z-auto:focus { - z-index: auto; + .lg\:from-colors-orange-600 { + --tw-gradient-from: var(--colors-orange-600, #dd6b20); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:order-1 { - order: 1; + .lg\:from-colors-orange-700 { + --tw-gradient-from: var(--colors-orange-700, #c05621); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:order-2 { - order: 2; + .lg\:from-colors-orange-800 { + --tw-gradient-from: var(--colors-orange-800, #9c4221); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:order-3 { - order: 3; + .lg\:from-colors-orange-900 { + --tw-gradient-from: var(--colors-orange-900, #7b341e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:order-4 { - order: 4; + .lg\:from-colors-yellow-100 { + --tw-gradient-from: var(--colors-yellow-100, #fffff0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:order-5 { - order: 5; + .lg\:from-colors-yellow-200 { + --tw-gradient-from: var(--colors-yellow-200, #fefcbf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:order-6 { - order: 6; + .lg\:from-colors-yellow-300 { + --tw-gradient-from: var(--colors-yellow-300, #faf089); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:order-7 { - order: 7; + .lg\:from-colors-yellow-400 { + --tw-gradient-from: var(--colors-yellow-400, #f6e05e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:order-8 { - order: 8; + .lg\:from-colors-yellow-500 { + --tw-gradient-from: var(--colors-yellow-500, #ecc94b); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:order-9 { - order: 9; + .lg\:from-colors-yellow-600 { + --tw-gradient-from: var(--colors-yellow-600, #d69e2e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:order-10 { - order: 10; + .lg\:from-colors-yellow-700 { + --tw-gradient-from: var(--colors-yellow-700, #b7791f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:order-11 { - order: 11; + .lg\:from-colors-yellow-800 { + --tw-gradient-from: var(--colors-yellow-800, #975a16); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:order-12 { - order: 12; + .lg\:from-colors-yellow-900 { + --tw-gradient-from: var(--colors-yellow-900, #744210); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:order-first { - order: -9999; + .lg\:from-colors-green-100 { + --tw-gradient-from: var(--colors-green-100, #f0fff4); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:order-last { - order: 9999; + .lg\:from-colors-green-200 { + --tw-gradient-from: var(--colors-green-200, #c6f6d5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:order-none { - order: 0; + .lg\:from-colors-green-300 { + --tw-gradient-from: var(--colors-green-300, #9ae6b4); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:col-auto { - grid-column: auto; + .lg\:from-colors-green-400 { + --tw-gradient-from: var(--colors-green-400, #68d391); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:col-span-1 { - grid-column: span 1 / span 1; + .lg\:from-colors-green-500 { + --tw-gradient-from: var(--colors-green-500, #48bb78); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:col-span-2 { - grid-column: span 2 / span 2; + .lg\:from-colors-green-600 { + --tw-gradient-from: var(--colors-green-600, #38a169); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:col-span-3 { - grid-column: span 3 / span 3; + .lg\:from-colors-green-700 { + --tw-gradient-from: var(--colors-green-700, #2f855a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:col-span-4 { - grid-column: span 4 / span 4; + .lg\:from-colors-green-800 { + --tw-gradient-from: var(--colors-green-800, #276749); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:col-span-5 { - grid-column: span 5 / span 5; + .lg\:from-colors-green-900 { + --tw-gradient-from: var(--colors-green-900, #22543d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:col-span-6 { - grid-column: span 6 / span 6; + .lg\:from-colors-teal-100 { + --tw-gradient-from: var(--colors-teal-100, #e6fffa); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:col-span-7 { - grid-column: span 7 / span 7; + .lg\:from-colors-teal-200 { + --tw-gradient-from: var(--colors-teal-200, #b2f5ea); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:col-span-8 { - grid-column: span 8 / span 8; + .lg\:from-colors-teal-300 { + --tw-gradient-from: var(--colors-teal-300, #81e6d9); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:col-span-9 { - grid-column: span 9 / span 9; + .lg\:from-colors-teal-400 { + --tw-gradient-from: var(--colors-teal-400, #4fd1c5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:col-span-10 { - grid-column: span 10 / span 10; + .lg\:from-colors-teal-500 { + --tw-gradient-from: var(--colors-teal-500, #38b2ac); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:col-span-11 { - grid-column: span 11 / span 11; + .lg\:from-colors-teal-600 { + --tw-gradient-from: var(--colors-teal-600, #319795); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:col-span-12 { - grid-column: span 12 / span 12; + .lg\:from-colors-teal-700 { + --tw-gradient-from: var(--colors-teal-700, #2c7a7b); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:col-span-full { - grid-column: 1 / -1; + .lg\:from-colors-teal-800 { + --tw-gradient-from: var(--colors-teal-800, #285e61); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:col-start-1 { - grid-column-start: 1; + .lg\:from-colors-teal-900 { + --tw-gradient-from: var(--colors-teal-900, #234e52); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:col-start-2 { - grid-column-start: 2; + .lg\:from-colors-blue-100 { + --tw-gradient-from: var(--colors-blue-100, #ebf8ff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:col-start-3 { - grid-column-start: 3; + .lg\:from-colors-blue-200 { + --tw-gradient-from: var(--colors-blue-200, #bee3f8); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:col-start-4 { - grid-column-start: 4; + .lg\:from-colors-blue-300 { + --tw-gradient-from: var(--colors-blue-300, #90cdf4); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:col-start-5 { - grid-column-start: 5; + .lg\:from-colors-blue-400 { + --tw-gradient-from: var(--colors-blue-400, #63b3ed); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:col-start-6 { - grid-column-start: 6; + .lg\:from-colors-blue-500 { + --tw-gradient-from: var(--colors-blue-500, #4299e1); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:col-start-7 { - grid-column-start: 7; + .lg\:from-colors-blue-600 { + --tw-gradient-from: var(--colors-blue-600, #3182ce); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:col-start-8 { - grid-column-start: 8; + .lg\:from-colors-blue-700 { + --tw-gradient-from: var(--colors-blue-700, #2b6cb0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:col-start-9 { - grid-column-start: 9; + .lg\:from-colors-blue-800 { + --tw-gradient-from: var(--colors-blue-800, #2c5282); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:col-start-10 { - grid-column-start: 10; + .lg\:from-colors-blue-900 { + --tw-gradient-from: var(--colors-blue-900, #2a4365); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:col-start-11 { - grid-column-start: 11; + .lg\:from-colors-indigo-100 { + --tw-gradient-from: var(--colors-indigo-100, #ebf4ff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:col-start-12 { - grid-column-start: 12; + .lg\:from-colors-indigo-200 { + --tw-gradient-from: var(--colors-indigo-200, #c3dafe); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:col-start-13 { - grid-column-start: 13; + .lg\:from-colors-indigo-300 { + --tw-gradient-from: var(--colors-indigo-300, #a3bffa); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:col-start-auto { - grid-column-start: auto; + .lg\:from-colors-indigo-400 { + --tw-gradient-from: var(--colors-indigo-400, #7f9cf5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:col-end-1 { - grid-column-end: 1; + .lg\:from-colors-indigo-500 { + --tw-gradient-from: var(--colors-indigo-500, #667eea); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:col-end-2 { - grid-column-end: 2; + .lg\:from-colors-indigo-600 { + --tw-gradient-from: var(--colors-indigo-600, #5a67d8); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:col-end-3 { - grid-column-end: 3; + .lg\:from-colors-indigo-700 { + --tw-gradient-from: var(--colors-indigo-700, #4c51bf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:col-end-4 { - grid-column-end: 4; + .lg\:from-colors-indigo-800 { + --tw-gradient-from: var(--colors-indigo-800, #434190); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:col-end-5 { - grid-column-end: 5; + .lg\:from-colors-indigo-900 { + --tw-gradient-from: var(--colors-indigo-900, #3c366b); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:col-end-6 { - grid-column-end: 6; + .lg\:from-colors-purple-100 { + --tw-gradient-from: var(--colors-purple-100, #faf5ff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:col-end-7 { - grid-column-end: 7; + .lg\:from-colors-purple-200 { + --tw-gradient-from: var(--colors-purple-200, #e9d8fd); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:col-end-8 { - grid-column-end: 8; + .lg\:from-colors-purple-300 { + --tw-gradient-from: var(--colors-purple-300, #d6bcfa); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:col-end-9 { - grid-column-end: 9; + .lg\:from-colors-purple-400 { + --tw-gradient-from: var(--colors-purple-400, #b794f4); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:col-end-10 { - grid-column-end: 10; + .lg\:from-colors-purple-500 { + --tw-gradient-from: var(--colors-purple-500, #9f7aea); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:col-end-11 { - grid-column-end: 11; + .lg\:from-colors-purple-600 { + --tw-gradient-from: var(--colors-purple-600, #805ad5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:col-end-12 { - grid-column-end: 12; + .lg\:from-colors-purple-700 { + --tw-gradient-from: var(--colors-purple-700, #6b46c1); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:col-end-13 { - grid-column-end: 13; + .lg\:from-colors-purple-800 { + --tw-gradient-from: var(--colors-purple-800, #553c9a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:col-end-auto { - grid-column-end: auto; + .lg\:from-colors-purple-900 { + --tw-gradient-from: var(--colors-purple-900, #44337a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:row-auto { - grid-row: auto; + .lg\:from-colors-pink-100 { + --tw-gradient-from: var(--colors-pink-100, #fff5f7); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:row-span-1 { - grid-row: span 1 / span 1; + .lg\:from-colors-pink-200 { + --tw-gradient-from: var(--colors-pink-200, #fed7e2); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:row-span-2 { - grid-row: span 2 / span 2; + .lg\:from-colors-pink-300 { + --tw-gradient-from: var(--colors-pink-300, #fbb6ce); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:row-span-3 { - grid-row: span 3 / span 3; + .lg\:from-colors-pink-400 { + --tw-gradient-from: var(--colors-pink-400, #f687b3); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:row-span-4 { - grid-row: span 4 / span 4; + .lg\:from-colors-pink-500 { + --tw-gradient-from: var(--colors-pink-500, #ed64a6); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:row-span-5 { - grid-row: span 5 / span 5; + .lg\:from-colors-pink-600 { + --tw-gradient-from: var(--colors-pink-600, #d53f8c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:row-span-6 { - grid-row: span 6 / span 6; + .lg\:from-colors-pink-700 { + --tw-gradient-from: var(--colors-pink-700, #b83280); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:row-span-full { - grid-row: 1 / -1; + .lg\:from-colors-pink-800 { + --tw-gradient-from: var(--colors-pink-800, #97266d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:row-start-1 { - grid-row-start: 1; + .lg\:from-colors-pink-900 { + --tw-gradient-from: var(--colors-pink-900, #702459); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:row-start-2 { - grid-row-start: 2; + .lg\:from-Box\ Shadow { + --tw-gradient-from: var(--box-shadow, #7f7e7f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:row-start-3 { - grid-row-start: 3; + .lg\:from-Error16 { + --tw-gradient-from: var(--error16, #f03d3e40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:row-start-4 { - grid-row-start: 4; + .lg\:from-Success16 { + --tw-gradient-from: var(--success16, #5bb14d40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:row-start-5 { - grid-row-start: 5; + .lg\:from-Notification16 { + --tw-gradient-from: var(--notification16, #3959ff40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:row-start-6 { - grid-row-start: 6; + .lg\:from-Error8 { + --tw-gradient-from: var(--error8, #f03d3e1a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:row-start-7 { - grid-row-start: 7; + .lg\:from-Notification8 { + --tw-gradient-from: var(--notification8, #3959ff1a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:row-start-auto { - grid-row-start: auto; + .lg\:from-Success8 { + --tw-gradient-from: var(--success8, #5bb14d1a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:row-end-1 { - grid-row-end: 1; + .lg\:from-Light\ -\ Overlay { + --tw-gradient-from: var(--light-overlay, #f0edee66); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:row-end-2 { - grid-row-end: 2; + .lg\:from-Dark-\ Overlay { + --tw-gradient-from: var(--dark-overlay, #7f7e7f66); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:row-end-3 { - grid-row-end: 3; + .lg\:from-black-40 { + --tw-gradient-from: var(--black-40, #00000066); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:row-end-4 { - grid-row-end: 4; + .lg\:from-black-75 { + --tw-gradient-from: var(--black-75, #000000bf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:row-end-5 { - grid-row-end: 5; + .lg\:from-black-60 { + --tw-gradient-from: var(--black-60, #00000099); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:row-end-6 { - grid-row-end: 6; + .lg\:from-black-50 { + --tw-gradient-from: var(--black-50, #00000080); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:row-end-7 { - grid-row-end: 7; + .lg\:from-black-25 { + --tw-gradient-from: var(--black-25, #00000040); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:row-end-auto { - grid-row-end: auto; + .lg\:from-black-10 { + --tw-gradient-from: var(--black-10, #0000001a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:float-right { - float: right; + .lg\:from-white-25 { + --tw-gradient-from: var(--white-25, #ffffff40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:float-left { - float: left; + .lg\:from-white-60 { + --tw-gradient-from: var(--white-60, #ffffff99); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:float-none { - float: none; + .lg\:from-black-64 { + --tw-gradient-from: var(--black-64, #000000a3); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:clear-left { - clear: left; + .lg\:from-Shadow\ and\ Highlight-Shadow { + --tw-gradient-from: var(--shadow-and-highlight-shadow, #7f7e7f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:clear-right { - clear: right; + .lg\:from-Shadow\ and\ Highlight-Highlight { + --tw-gradient-from: var(--shadow-and-highlight-highlight, #474747); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:clear-both { - clear: both; + .lg\:from-Shadow\ and\ Highlight-highlight\ one { + --tw-gradient-from: var(--shadow-and-highlight-highlight-one, #474747bf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:clear-none { - clear: none; + .lg\:from-Shadow\ and\ Highlight-highlight\ two { + --tw-gradient-from: var(--shadow-and-highlight-highlight-two, #47474799); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:m-0 { - margin: 0px; + .lg\:from-Shadow\ and\ Highlight-highlight\ three { + --tw-gradient-from: var(--shadow-and-highlight-highlight-three, #47474766); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:m-1 { - margin: 0.25rem; + .lg\:from-Shadow\ and\ Highlight-highlight\ five { + --tw-gradient-from: var(--shadow-and-highlight-highlight-five, #4747471a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:m-2 { - margin: 0.5rem; + .lg\:from-Shadow\ and\ Highlight-shadow\ one { + --tw-gradient-from: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:m-3 { - margin: 0.75rem; + .lg\:from-Shadow\ and\ Highlight-shadow\ two { + --tw-gradient-from: var(--shadow-and-highlight-shadow-two, #7f7e7f99); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:m-4 { - margin: 1rem; + .lg\:from-Shadow\ and\ Highlight-shadow\ three { + --tw-gradient-from: var(--shadow-and-highlight-shadow-three, #7f7e7f66); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:m-5 { - margin: 1.25rem; + .lg\:from-Shadow\ and\ Highlight-shadow\ four { + --tw-gradient-from: var(--shadow-and-highlight-shadow-four, #7f7e7f40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:m-6 { - margin: 1.5rem; + .lg\:from-Shadow\ and\ Highlight-shadow\ five { + --tw-gradient-from: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:m-7 { - margin: 1.75rem; + .lg\:from-Shadow\ and\ Highlight-highlight\ four { + --tw-gradient-from: var(--shadow-and-highlight-highlight-four, #47474740); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:m-8 { - margin: 2rem; + .lg\:from-Base\ Layer\ Styles-Base\ Layer-\ Light-White { + --tw-gradient-from: var(--base-layer-styles-base-layer-light-white, #ffffff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:m-9 { - margin: 2.25rem; + .lg\:from-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite { + --tw-gradient-from: var(--base-layer-styles-base-layer-light-off-white, #f0edee); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:m-10 { - margin: 2.5rem; + .lg\:from-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack { + --tw-gradient-from: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:m-11 { - margin: 2.75rem; + .lg\:from-Base\ Layer\ Styles-Base\ Layer-Dark-Black { + --tw-gradient-from: var(--base-layer-styles-base-layer-dark-black, #000000); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:m-12 { - margin: 3rem; + .lg\:from-Grey-Scale-white { + --tw-gradient-from: var(--grey-scale-white, #ffffff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:m-14 { - margin: 3.5rem; + .lg\:from-Grey-Scale-off-white { + --tw-gradient-from: var(--grey-scale-off-white, #f0edee); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:m-16 { - margin: 4rem; + .lg\:from-Grey\ Scale-grey { + --tw-gradient-from: var(--grey-scale-grey, #7f7e7f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:m-20 { - margin: 5rem; + .lg\:from-Grey\ Scale-charcoal { + --tw-gradient-from: var(--grey-scale-charcoal, #474747); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:m-24 { - margin: 6rem; + .lg\:from-Grey\ Scale-off-black { + --tw-gradient-from: var(--grey-scale-off-black, #1c1c1c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:m-28 { - margin: 7rem; + .lg\:from-Grey\ Scale-black { + --tw-gradient-from: var(--grey-scale-black, #000000); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:m-32 { - margin: 8rem; + .lg\:from-Blue-blue { + --tw-gradient-from: var(--blue-blue, #3a7ca5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:m-36 { - margin: 9rem; + .lg\:from-Blue-blue-100 { + --tw-gradient-from: var(--blue-blue-100, #75a3c0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:m-40 { - margin: 10rem; + .lg\:from-Blue-blue-200 { + --tw-gradient-from: var(--blue-blue-200, #9cbed2); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:m-44 { - margin: 11rem; + .lg\:from-Blue-blue-300 { + --tw-gradient-from: var(--blue-blue-300, #4f7d9a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:m-48 { - margin: 12rem; + .lg\:from-Blue-blue-400 { + --tw-gradient-from: var(--blue-blue-400, #5c7d92); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:m-52 { - margin: 13rem; + .lg\:from-Blue-blue-500 { + --tw-gradient-from: var(--blue-blue-500, #347095); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:m-56 { - margin: 14rem; + .lg\:from-Blue-blue-600 { + --tw-gradient-from: var(--blue-blue-600, #295774); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:m-60 { - margin: 15rem; + .lg\:from-Blue-blue-700 { + --tw-gradient-from: var(--blue-blue-700, #173242); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:m-64 { - margin: 16rem; + .lg\:from-LightBlue-lightblue { + --tw-gradient-from: var(--light-blue-lightblue, #81c3d7); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:m-72 { - margin: 18rem; + .lg\:from-LightBlue-lightblue-100 { + --tw-gradient-from: var(--light-blue-lightblue-100, #a7d5e3); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:m-80 { - margin: 20rem; + .lg\:from-LightBlue-lightblue-200 { + --tw-gradient-from: var(--light-blue-lightblue-200, #c0e1eb); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:m-96 { - margin: 24rem; + .lg\:from-LightBlue-lightblue-300 { + --tw-gradient-from: var(--light-blue-lightblue-300, #80aebd); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:m-auto { - margin: auto; + .lg\:from-LightBlue-lightblue-400 { + --tw-gradient-from: var(--light-blue-lightblue-400, #80a0ab); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:m-px { - margin: 1px; + .lg\:from-LightBlue-lightblue-500 { + --tw-gradient-from: var(--light-blue-lightblue-500, #74afc1); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:m-0\.5 { - margin: 0.125rem; + .lg\:from-LightBlue-lightblue-600 { + --tw-gradient-from: var(--light-blue-lightblue-600, #5a8997); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:m-1\.5 { - margin: 0.375rem; + .lg\:from-LightBlue-lightblue-650 { + --tw-gradient-from: var(--light-blue-lightblue-650, #3e5e65); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:m-2\.5 { - margin: 0.625rem; + .lg\:from-LightBlue-lightblue-700 { + --tw-gradient-from: var(--light-blue-lightblue-700, #344e56); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:m-3\.5 { - margin: 0.875rem; + .lg\:from-Orange-orange { + --tw-gradient-from: var(--orange-orange, #ff7f0e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-m-0 { - margin: 0px; + .lg\:from-Orange-orange-100 { + --tw-gradient-from: var(--orange-orange-100, #ffa556); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-m-1 { - margin: -0.25rem; + .lg\:from-Orange-orange-200 { + --tw-gradient-from: var(--orange-orange-200, #ffbf86); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-m-2 { - margin: -0.5rem; + .lg\:from-Orange-orange-300 { + --tw-gradient-from: var(--orange-orange-300, #d97f30); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-m-3 { - margin: -0.75rem; + .lg\:from-Orange-orange-400 { + --tw-gradient-from: var(--orange-orange-400, #bf7e46); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-m-4 { - margin: -1rem; + .lg\:from-Orange-orange-500 { + --tw-gradient-from: var(--orange-orange-500, #e5720d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-m-5 { - margin: -1.25rem; + .lg\:from-Orange-orange-600 { + --tw-gradient-from: var(--orange-orange-600, #b3590a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-m-6 { - margin: -1.5rem; + .lg\:from-Orange-orange-700 { + --tw-gradient-from: var(--orange-orange-700, #663306); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-m-7 { - margin: -1.75rem; + .lg\:from-Yellow-yellow { + --tw-gradient-from: var(--yellow-yellow, #ffab00); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-m-8 { - margin: -2rem; + .lg\:from-Yellow-yellow-100 { + --tw-gradient-from: var(--yellow-yellow-100, #ffc44c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-m-9 { - margin: -2.25rem; + .lg\:from-Yellow-yellow-200 { + --tw-gradient-from: var(--yellow-yellow-200, #ffd580); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-m-10 { - margin: -2.5rem; + .lg\:from-Yellow-yellow-300 { + --tw-gradient-from: var(--yellow-yellow-300, #d99d26); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-m-11 { - margin: -2.75rem; + .lg\:from-Yellow-yellow-400 { + --tw-gradient-from: var(--yellow-yellow-400, #bf943f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-m-12 { - margin: -3rem; + .lg\:from-Yellow-yellow-500 { + --tw-gradient-from: var(--yellow-yellow-500, #e59a00); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-m-14 { - margin: -3.5rem; + .lg\:from-Yellow-yellow-600 { + --tw-gradient-from: var(--yellow-yellow-600, #b37800); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-m-16 { - margin: -4rem; + .lg\:from-Yellow-yellow-700 { + --tw-gradient-from: var(--yellow-yellow-700, #664400); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-m-20 { - margin: -5rem; + .lg\:from-Notification-notification { + --tw-gradient-from: var(--notification-notification, #3959ff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-m-24 { - margin: -6rem; + .lg\:from-Notification-notification-100 { + --tw-gradient-from: var(--notification-notification-100, #748bff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-m-28 { - margin: -7rem; + .lg\:from-Notification-notification-200 { + --tw-gradient-from: var(--notification-notification-200, #9cacff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-m-32 { - margin: -8rem; + .lg\:from-Notification-notification-300 { + --tw-gradient-from: var(--notification-notification-300, #4e64d9); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-m-36 { - margin: -9rem; + .lg\:from-Notification-notification-400 { + --tw-gradient-from: var(--notification-notification-400, #5c6cbf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-m-40 { - margin: -10rem; + .lg\:from-Notification-notification-500 { + --tw-gradient-from: var(--notification-notification-500, #3350e5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-m-44 { - margin: -11rem; + .lg\:from-Notification-notification-600 { + --tw-gradient-from: var(--notification-notification-600, #283eb3); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-m-48 { - margin: -12rem; + .lg\:from-Notification-notification-700 { + --tw-gradient-from: var(--notification-notification-700, #172466); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-m-52 { - margin: -13rem; + .lg\:from-Success-success\ -700 { + --tw-gradient-from: var(--success-success-700, #24471f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-m-56 { - margin: -14rem; + .lg\:from-Success-success { + --tw-gradient-from: var(--success-success, #5bb14d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-m-60 { - margin: -15rem; + .lg\:from-Success-success\ -100 { + --tw-gradient-from: var(--success-success-100, #8cc882); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-m-64 { - margin: -16rem; + .lg\:from-Success-success\ -200 { + --tw-gradient-from: var(--success-success-200, #add8a6); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-m-72 { - margin: -18rem; + .lg\:from-Success-success\ -300 { + --tw-gradient-from: var(--success-success-300, #66a25c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-m-80 { - margin: -20rem; + .lg\:from-Success-success\ -400 { + --tw-gradient-from: var(--success-success-400, #6d9766); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-m-96 { - margin: -24rem; + .lg\:from-Success-success\ -500 { + --tw-gradient-from: var(--success-success-500, #529f45); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-m-px { - margin: -1px; + .lg\:from-Success-success\ -600 { + --tw-gradient-from: var(--success-success-600, #407c36); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-m-0\.5 { - margin: -0.125rem; + .lg\:from-Error-error { + --tw-gradient-from: var(--error-error, #f03d3e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-m-1\.5 { - margin: -0.375rem; + .lg\:from-Error-error-100 { + --tw-gradient-from: var(--error-error-100, #f57778); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-m-2\.5 { - margin: -0.625rem; + .lg\:from-Error-error-200 { + --tw-gradient-from: var(--error-error-200, #f89e9e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-m-3\.5 { - margin: -0.875rem; + .lg\:from-Error-error-250 { + --tw-gradient-from: var(--error-error-250, #f9c8c8); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mx-0 { - margin-left: 0px; - margin-right: 0px; + .lg\:from-Error-error-300 { + --tw-gradient-from: var(--error-error-300, #ce5151); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mx-1 { - margin-left: 0.25rem; - margin-right: 0.25rem; + .lg\:from-Error-error-400 { + --tw-gradient-from: var(--error-error-400, #b85e5e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mx-2 { - margin-left: 0.5rem; - margin-right: 0.5rem; + .lg\:from-Error-error-500 { + --tw-gradient-from: var(--error-error-500, #d83738); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mx-3 { - margin-left: 0.75rem; - margin-right: 0.75rem; + .lg\:from-Error-error-600 { + --tw-gradient-from: var(--error-error-600, #a82b2b); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mx-4 { - margin-left: 1rem; - margin-right: 1rem; + .lg\:from-Error-error-700 { + --tw-gradient-from: var(--error-error-700, #601819); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mx-5 { - margin-left: 1.25rem; - margin-right: 1.25rem; + .lg\:hover\:from-colors-black:hover { + --tw-gradient-from: var(--colors-black, #000000); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mx-6 { - margin-left: 1.5rem; - margin-right: 1.5rem; + .lg\:hover\:from-colors-white:hover { + --tw-gradient-from: var(--colors-white, #ffffff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mx-7 { - margin-left: 1.75rem; - margin-right: 1.75rem; + .lg\:hover\:from-colors-gray-100:hover { + --tw-gradient-from: var(--colors-gray-100, #f7fafc); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mx-8 { - margin-left: 2rem; - margin-right: 2rem; + .lg\:hover\:from-colors-gray-200:hover { + --tw-gradient-from: var(--colors-gray-200, #edf2f7); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mx-9 { - margin-left: 2.25rem; - margin-right: 2.25rem; + .lg\:hover\:from-colors-gray-300:hover { + --tw-gradient-from: var(--colors-gray-300, #e2e8f0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mx-10 { - margin-left: 2.5rem; - margin-right: 2.5rem; + .lg\:hover\:from-colors-gray-400:hover { + --tw-gradient-from: var(--colors-gray-400, #cbd5e0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mx-11 { - margin-left: 2.75rem; - margin-right: 2.75rem; + .lg\:hover\:from-colors-gray-500:hover { + --tw-gradient-from: var(--colors-gray-500, #a0aec0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mx-12 { - margin-left: 3rem; - margin-right: 3rem; + .lg\:hover\:from-colors-gray-600:hover { + --tw-gradient-from: var(--colors-gray-600, #718096); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mx-14 { - margin-left: 3.5rem; - margin-right: 3.5rem; + .lg\:hover\:from-colors-gray-700:hover { + --tw-gradient-from: var(--colors-gray-700, #4a5568); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mx-16 { - margin-left: 4rem; - margin-right: 4rem; + .lg\:hover\:from-colors-gray-800:hover { + --tw-gradient-from: var(--colors-gray-800, #2d3748); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mx-20 { - margin-left: 5rem; - margin-right: 5rem; + .lg\:hover\:from-colors-gray-900:hover { + --tw-gradient-from: var(--colors-gray-900, #1a202c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mx-24 { - margin-left: 6rem; - margin-right: 6rem; + .lg\:hover\:from-colors-red-100:hover { + --tw-gradient-from: var(--colors-red-100, #fff5f5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mx-28 { - margin-left: 7rem; - margin-right: 7rem; + .lg\:hover\:from-colors-red-200:hover { + --tw-gradient-from: var(--colors-red-200, #fed7d7); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mx-32 { - margin-left: 8rem; - margin-right: 8rem; + .lg\:hover\:from-colors-red-300:hover { + --tw-gradient-from: var(--colors-red-300, #feb2b2); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mx-36 { - margin-left: 9rem; - margin-right: 9rem; + .lg\:hover\:from-colors-red-400:hover { + --tw-gradient-from: var(--colors-red-400, #fc8181); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mx-40 { - margin-left: 10rem; - margin-right: 10rem; + .lg\:hover\:from-colors-red-500:hover { + --tw-gradient-from: var(--colors-red-500, #f56565); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mx-44 { - margin-left: 11rem; - margin-right: 11rem; + .lg\:hover\:from-colors-red-600:hover { + --tw-gradient-from: var(--colors-red-600, #e53e3e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mx-48 { - margin-left: 12rem; - margin-right: 12rem; + .lg\:hover\:from-colors-red-700:hover { + --tw-gradient-from: var(--colors-red-700, #c53030); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mx-52 { - margin-left: 13rem; - margin-right: 13rem; + .lg\:hover\:from-colors-red-800:hover { + --tw-gradient-from: var(--colors-red-800, #9b2c2c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mx-56 { - margin-left: 14rem; - margin-right: 14rem; + .lg\:hover\:from-colors-red-900:hover { + --tw-gradient-from: var(--colors-red-900, #742a2a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mx-60 { - margin-left: 15rem; - margin-right: 15rem; + .lg\:hover\:from-colors-orange-100:hover { + --tw-gradient-from: var(--colors-orange-100, #fffaf0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mx-64 { - margin-left: 16rem; - margin-right: 16rem; + .lg\:hover\:from-colors-orange-200:hover { + --tw-gradient-from: var(--colors-orange-200, #feebc8); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mx-72 { - margin-left: 18rem; - margin-right: 18rem; + .lg\:hover\:from-colors-orange-300:hover { + --tw-gradient-from: var(--colors-orange-300, #fbd38d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mx-80 { - margin-left: 20rem; - margin-right: 20rem; + .lg\:hover\:from-colors-orange-400:hover { + --tw-gradient-from: var(--colors-orange-400, #f6ad55); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mx-96 { - margin-left: 24rem; - margin-right: 24rem; + .lg\:hover\:from-colors-orange-500:hover { + --tw-gradient-from: var(--colors-orange-500, #ed8936); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mx-auto { - margin-left: auto; - margin-right: auto; + .lg\:hover\:from-colors-orange-600:hover { + --tw-gradient-from: var(--colors-orange-600, #dd6b20); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mx-px { - margin-left: 1px; - margin-right: 1px; + .lg\:hover\:from-colors-orange-700:hover { + --tw-gradient-from: var(--colors-orange-700, #c05621); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mx-0\.5 { - margin-left: 0.125rem; - margin-right: 0.125rem; + .lg\:hover\:from-colors-orange-800:hover { + --tw-gradient-from: var(--colors-orange-800, #9c4221); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mx-1\.5 { - margin-left: 0.375rem; - margin-right: 0.375rem; + .lg\:hover\:from-colors-orange-900:hover { + --tw-gradient-from: var(--colors-orange-900, #7b341e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mx-2\.5 { - margin-left: 0.625rem; - margin-right: 0.625rem; + .lg\:hover\:from-colors-yellow-100:hover { + --tw-gradient-from: var(--colors-yellow-100, #fffff0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mx-3\.5 { - margin-left: 0.875rem; - margin-right: 0.875rem; + .lg\:hover\:from-colors-yellow-200:hover { + --tw-gradient-from: var(--colors-yellow-200, #fefcbf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mx-0 { - margin-left: 0px; - margin-right: 0px; + .lg\:hover\:from-colors-yellow-300:hover { + --tw-gradient-from: var(--colors-yellow-300, #faf089); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mx-1 { - margin-left: -0.25rem; - margin-right: -0.25rem; + .lg\:hover\:from-colors-yellow-400:hover { + --tw-gradient-from: var(--colors-yellow-400, #f6e05e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mx-2 { - margin-left: -0.5rem; - margin-right: -0.5rem; + .lg\:hover\:from-colors-yellow-500:hover { + --tw-gradient-from: var(--colors-yellow-500, #ecc94b); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mx-3 { - margin-left: -0.75rem; - margin-right: -0.75rem; + .lg\:hover\:from-colors-yellow-600:hover { + --tw-gradient-from: var(--colors-yellow-600, #d69e2e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mx-4 { - margin-left: -1rem; - margin-right: -1rem; + .lg\:hover\:from-colors-yellow-700:hover { + --tw-gradient-from: var(--colors-yellow-700, #b7791f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mx-5 { - margin-left: -1.25rem; - margin-right: -1.25rem; + .lg\:hover\:from-colors-yellow-800:hover { + --tw-gradient-from: var(--colors-yellow-800, #975a16); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mx-6 { - margin-left: -1.5rem; - margin-right: -1.5rem; + .lg\:hover\:from-colors-yellow-900:hover { + --tw-gradient-from: var(--colors-yellow-900, #744210); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mx-7 { - margin-left: -1.75rem; - margin-right: -1.75rem; + .lg\:hover\:from-colors-green-100:hover { + --tw-gradient-from: var(--colors-green-100, #f0fff4); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mx-8 { - margin-left: -2rem; - margin-right: -2rem; + .lg\:hover\:from-colors-green-200:hover { + --tw-gradient-from: var(--colors-green-200, #c6f6d5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mx-9 { - margin-left: -2.25rem; - margin-right: -2.25rem; + .lg\:hover\:from-colors-green-300:hover { + --tw-gradient-from: var(--colors-green-300, #9ae6b4); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mx-10 { - margin-left: -2.5rem; - margin-right: -2.5rem; + .lg\:hover\:from-colors-green-400:hover { + --tw-gradient-from: var(--colors-green-400, #68d391); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mx-11 { - margin-left: -2.75rem; - margin-right: -2.75rem; + .lg\:hover\:from-colors-green-500:hover { + --tw-gradient-from: var(--colors-green-500, #48bb78); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mx-12 { - margin-left: -3rem; - margin-right: -3rem; + .lg\:hover\:from-colors-green-600:hover { + --tw-gradient-from: var(--colors-green-600, #38a169); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mx-14 { - margin-left: -3.5rem; - margin-right: -3.5rem; + .lg\:hover\:from-colors-green-700:hover { + --tw-gradient-from: var(--colors-green-700, #2f855a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mx-16 { - margin-left: -4rem; - margin-right: -4rem; + .lg\:hover\:from-colors-green-800:hover { + --tw-gradient-from: var(--colors-green-800, #276749); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mx-20 { - margin-left: -5rem; - margin-right: -5rem; + .lg\:hover\:from-colors-green-900:hover { + --tw-gradient-from: var(--colors-green-900, #22543d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mx-24 { - margin-left: -6rem; - margin-right: -6rem; + .lg\:hover\:from-colors-teal-100:hover { + --tw-gradient-from: var(--colors-teal-100, #e6fffa); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mx-28 { - margin-left: -7rem; - margin-right: -7rem; + .lg\:hover\:from-colors-teal-200:hover { + --tw-gradient-from: var(--colors-teal-200, #b2f5ea); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mx-32 { - margin-left: -8rem; - margin-right: -8rem; + .lg\:hover\:from-colors-teal-300:hover { + --tw-gradient-from: var(--colors-teal-300, #81e6d9); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mx-36 { - margin-left: -9rem; - margin-right: -9rem; + .lg\:hover\:from-colors-teal-400:hover { + --tw-gradient-from: var(--colors-teal-400, #4fd1c5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mx-40 { - margin-left: -10rem; - margin-right: -10rem; + .lg\:hover\:from-colors-teal-500:hover { + --tw-gradient-from: var(--colors-teal-500, #38b2ac); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mx-44 { - margin-left: -11rem; - margin-right: -11rem; + .lg\:hover\:from-colors-teal-600:hover { + --tw-gradient-from: var(--colors-teal-600, #319795); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mx-48 { - margin-left: -12rem; - margin-right: -12rem; + .lg\:hover\:from-colors-teal-700:hover { + --tw-gradient-from: var(--colors-teal-700, #2c7a7b); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mx-52 { - margin-left: -13rem; - margin-right: -13rem; + .lg\:hover\:from-colors-teal-800:hover { + --tw-gradient-from: var(--colors-teal-800, #285e61); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mx-56 { - margin-left: -14rem; - margin-right: -14rem; + .lg\:hover\:from-colors-teal-900:hover { + --tw-gradient-from: var(--colors-teal-900, #234e52); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mx-60 { - margin-left: -15rem; - margin-right: -15rem; + .lg\:hover\:from-colors-blue-100:hover { + --tw-gradient-from: var(--colors-blue-100, #ebf8ff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mx-64 { - margin-left: -16rem; - margin-right: -16rem; + .lg\:hover\:from-colors-blue-200:hover { + --tw-gradient-from: var(--colors-blue-200, #bee3f8); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mx-72 { - margin-left: -18rem; - margin-right: -18rem; + .lg\:hover\:from-colors-blue-300:hover { + --tw-gradient-from: var(--colors-blue-300, #90cdf4); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mx-80 { - margin-left: -20rem; - margin-right: -20rem; + .lg\:hover\:from-colors-blue-400:hover { + --tw-gradient-from: var(--colors-blue-400, #63b3ed); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mx-96 { - margin-left: -24rem; - margin-right: -24rem; + .lg\:hover\:from-colors-blue-500:hover { + --tw-gradient-from: var(--colors-blue-500, #4299e1); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mx-px { - margin-left: -1px; - margin-right: -1px; + .lg\:hover\:from-colors-blue-600:hover { + --tw-gradient-from: var(--colors-blue-600, #3182ce); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mx-0\.5 { - margin-left: -0.125rem; - margin-right: -0.125rem; + .lg\:hover\:from-colors-blue-700:hover { + --tw-gradient-from: var(--colors-blue-700, #2b6cb0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mx-1\.5 { - margin-left: -0.375rem; - margin-right: -0.375rem; + .lg\:hover\:from-colors-blue-800:hover { + --tw-gradient-from: var(--colors-blue-800, #2c5282); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mx-2\.5 { - margin-left: -0.625rem; - margin-right: -0.625rem; + .lg\:hover\:from-colors-blue-900:hover { + --tw-gradient-from: var(--colors-blue-900, #2a4365); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mx-3\.5 { - margin-left: -0.875rem; - margin-right: -0.875rem; + .lg\:hover\:from-colors-indigo-100:hover { + --tw-gradient-from: var(--colors-indigo-100, #ebf4ff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:my-0 { - margin-top: 0px; - margin-bottom: 0px; + .lg\:hover\:from-colors-indigo-200:hover { + --tw-gradient-from: var(--colors-indigo-200, #c3dafe); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:my-1 { - margin-top: 0.25rem; - margin-bottom: 0.25rem; + .lg\:hover\:from-colors-indigo-300:hover { + --tw-gradient-from: var(--colors-indigo-300, #a3bffa); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:my-2 { - margin-top: 0.5rem; - margin-bottom: 0.5rem; + .lg\:hover\:from-colors-indigo-400:hover { + --tw-gradient-from: var(--colors-indigo-400, #7f9cf5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:my-3 { - margin-top: 0.75rem; - margin-bottom: 0.75rem; + .lg\:hover\:from-colors-indigo-500:hover { + --tw-gradient-from: var(--colors-indigo-500, #667eea); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:my-4 { - margin-top: 1rem; - margin-bottom: 1rem; + .lg\:hover\:from-colors-indigo-600:hover { + --tw-gradient-from: var(--colors-indigo-600, #5a67d8); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:my-5 { - margin-top: 1.25rem; - margin-bottom: 1.25rem; + .lg\:hover\:from-colors-indigo-700:hover { + --tw-gradient-from: var(--colors-indigo-700, #4c51bf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:my-6 { - margin-top: 1.5rem; - margin-bottom: 1.5rem; + .lg\:hover\:from-colors-indigo-800:hover { + --tw-gradient-from: var(--colors-indigo-800, #434190); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:my-7 { - margin-top: 1.75rem; - margin-bottom: 1.75rem; + .lg\:hover\:from-colors-indigo-900:hover { + --tw-gradient-from: var(--colors-indigo-900, #3c366b); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:my-8 { - margin-top: 2rem; - margin-bottom: 2rem; + .lg\:hover\:from-colors-purple-100:hover { + --tw-gradient-from: var(--colors-purple-100, #faf5ff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:my-9 { - margin-top: 2.25rem; - margin-bottom: 2.25rem; + .lg\:hover\:from-colors-purple-200:hover { + --tw-gradient-from: var(--colors-purple-200, #e9d8fd); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:my-10 { - margin-top: 2.5rem; - margin-bottom: 2.5rem; + .lg\:hover\:from-colors-purple-300:hover { + --tw-gradient-from: var(--colors-purple-300, #d6bcfa); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:my-11 { - margin-top: 2.75rem; - margin-bottom: 2.75rem; + .lg\:hover\:from-colors-purple-400:hover { + --tw-gradient-from: var(--colors-purple-400, #b794f4); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:my-12 { - margin-top: 3rem; - margin-bottom: 3rem; + .lg\:hover\:from-colors-purple-500:hover { + --tw-gradient-from: var(--colors-purple-500, #9f7aea); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:my-14 { - margin-top: 3.5rem; - margin-bottom: 3.5rem; + .lg\:hover\:from-colors-purple-600:hover { + --tw-gradient-from: var(--colors-purple-600, #805ad5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:my-16 { - margin-top: 4rem; - margin-bottom: 4rem; + .lg\:hover\:from-colors-purple-700:hover { + --tw-gradient-from: var(--colors-purple-700, #6b46c1); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:my-20 { - margin-top: 5rem; - margin-bottom: 5rem; + .lg\:hover\:from-colors-purple-800:hover { + --tw-gradient-from: var(--colors-purple-800, #553c9a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:my-24 { - margin-top: 6rem; - margin-bottom: 6rem; + .lg\:hover\:from-colors-purple-900:hover { + --tw-gradient-from: var(--colors-purple-900, #44337a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:my-28 { - margin-top: 7rem; - margin-bottom: 7rem; + .lg\:hover\:from-colors-pink-100:hover { + --tw-gradient-from: var(--colors-pink-100, #fff5f7); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:my-32 { - margin-top: 8rem; - margin-bottom: 8rem; + .lg\:hover\:from-colors-pink-200:hover { + --tw-gradient-from: var(--colors-pink-200, #fed7e2); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:my-36 { - margin-top: 9rem; - margin-bottom: 9rem; + .lg\:hover\:from-colors-pink-300:hover { + --tw-gradient-from: var(--colors-pink-300, #fbb6ce); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:my-40 { - margin-top: 10rem; - margin-bottom: 10rem; + .lg\:hover\:from-colors-pink-400:hover { + --tw-gradient-from: var(--colors-pink-400, #f687b3); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:my-44 { - margin-top: 11rem; - margin-bottom: 11rem; + .lg\:hover\:from-colors-pink-500:hover { + --tw-gradient-from: var(--colors-pink-500, #ed64a6); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:my-48 { - margin-top: 12rem; - margin-bottom: 12rem; + .lg\:hover\:from-colors-pink-600:hover { + --tw-gradient-from: var(--colors-pink-600, #d53f8c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:my-52 { - margin-top: 13rem; - margin-bottom: 13rem; + .lg\:hover\:from-colors-pink-700:hover { + --tw-gradient-from: var(--colors-pink-700, #b83280); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:my-56 { - margin-top: 14rem; - margin-bottom: 14rem; + .lg\:hover\:from-colors-pink-800:hover { + --tw-gradient-from: var(--colors-pink-800, #97266d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:my-60 { - margin-top: 15rem; - margin-bottom: 15rem; + .lg\:hover\:from-colors-pink-900:hover { + --tw-gradient-from: var(--colors-pink-900, #702459); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:my-64 { - margin-top: 16rem; - margin-bottom: 16rem; + .lg\:hover\:from-Box\ Shadow:hover { + --tw-gradient-from: var(--box-shadow, #7f7e7f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:my-72 { - margin-top: 18rem; - margin-bottom: 18rem; + .lg\:hover\:from-Error16:hover { + --tw-gradient-from: var(--error16, #f03d3e40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:my-80 { - margin-top: 20rem; - margin-bottom: 20rem; + .lg\:hover\:from-Success16:hover { + --tw-gradient-from: var(--success16, #5bb14d40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:my-96 { - margin-top: 24rem; - margin-bottom: 24rem; + .lg\:hover\:from-Notification16:hover { + --tw-gradient-from: var(--notification16, #3959ff40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:my-auto { - margin-top: auto; - margin-bottom: auto; + .lg\:hover\:from-Error8:hover { + --tw-gradient-from: var(--error8, #f03d3e1a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:my-px { - margin-top: 1px; - margin-bottom: 1px; + .lg\:hover\:from-Notification8:hover { + --tw-gradient-from: var(--notification8, #3959ff1a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:my-0\.5 { - margin-top: 0.125rem; - margin-bottom: 0.125rem; + .lg\:hover\:from-Success8:hover { + --tw-gradient-from: var(--success8, #5bb14d1a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:my-1\.5 { - margin-top: 0.375rem; - margin-bottom: 0.375rem; + .lg\:hover\:from-Light\ -\ Overlay:hover { + --tw-gradient-from: var(--light-overlay, #f0edee66); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:my-2\.5 { - margin-top: 0.625rem; - margin-bottom: 0.625rem; + .lg\:hover\:from-Dark-\ Overlay:hover { + --tw-gradient-from: var(--dark-overlay, #7f7e7f66); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:my-3\.5 { - margin-top: 0.875rem; - margin-bottom: 0.875rem; + .lg\:hover\:from-black-40:hover { + --tw-gradient-from: var(--black-40, #00000066); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-my-0 { - margin-top: 0px; - margin-bottom: 0px; + .lg\:hover\:from-black-75:hover { + --tw-gradient-from: var(--black-75, #000000bf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-my-1 { - margin-top: -0.25rem; - margin-bottom: -0.25rem; + .lg\:hover\:from-black-60:hover { + --tw-gradient-from: var(--black-60, #00000099); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-my-2 { - margin-top: -0.5rem; - margin-bottom: -0.5rem; + .lg\:hover\:from-black-50:hover { + --tw-gradient-from: var(--black-50, #00000080); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-my-3 { - margin-top: -0.75rem; - margin-bottom: -0.75rem; + .lg\:hover\:from-black-25:hover { + --tw-gradient-from: var(--black-25, #00000040); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-my-4 { - margin-top: -1rem; - margin-bottom: -1rem; + .lg\:hover\:from-black-10:hover { + --tw-gradient-from: var(--black-10, #0000001a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-my-5 { - margin-top: -1.25rem; - margin-bottom: -1.25rem; + .lg\:hover\:from-white-25:hover { + --tw-gradient-from: var(--white-25, #ffffff40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-my-6 { - margin-top: -1.5rem; - margin-bottom: -1.5rem; + .lg\:hover\:from-white-60:hover { + --tw-gradient-from: var(--white-60, #ffffff99); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-my-7 { - margin-top: -1.75rem; - margin-bottom: -1.75rem; + .lg\:hover\:from-black-64:hover { + --tw-gradient-from: var(--black-64, #000000a3); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-my-8 { - margin-top: -2rem; - margin-bottom: -2rem; + .lg\:hover\:from-Shadow\ and\ Highlight-Shadow:hover { + --tw-gradient-from: var(--shadow-and-highlight-shadow, #7f7e7f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-my-9 { - margin-top: -2.25rem; - margin-bottom: -2.25rem; + .lg\:hover\:from-Shadow\ and\ Highlight-Highlight:hover { + --tw-gradient-from: var(--shadow-and-highlight-highlight, #474747); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-my-10 { - margin-top: -2.5rem; - margin-bottom: -2.5rem; + .lg\:hover\:from-Shadow\ and\ Highlight-highlight\ one:hover { + --tw-gradient-from: var(--shadow-and-highlight-highlight-one, #474747bf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-my-11 { - margin-top: -2.75rem; - margin-bottom: -2.75rem; + .lg\:hover\:from-Shadow\ and\ Highlight-highlight\ two:hover { + --tw-gradient-from: var(--shadow-and-highlight-highlight-two, #47474799); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-my-12 { - margin-top: -3rem; - margin-bottom: -3rem; + .lg\:hover\:from-Shadow\ and\ Highlight-highlight\ three:hover { + --tw-gradient-from: var(--shadow-and-highlight-highlight-three, #47474766); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-my-14 { - margin-top: -3.5rem; - margin-bottom: -3.5rem; + .lg\:hover\:from-Shadow\ and\ Highlight-highlight\ five:hover { + --tw-gradient-from: var(--shadow-and-highlight-highlight-five, #4747471a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-my-16 { - margin-top: -4rem; - margin-bottom: -4rem; + .lg\:hover\:from-Shadow\ and\ Highlight-shadow\ one:hover { + --tw-gradient-from: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-my-20 { - margin-top: -5rem; - margin-bottom: -5rem; + .lg\:hover\:from-Shadow\ and\ Highlight-shadow\ two:hover { + --tw-gradient-from: var(--shadow-and-highlight-shadow-two, #7f7e7f99); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-my-24 { - margin-top: -6rem; - margin-bottom: -6rem; + .lg\:hover\:from-Shadow\ and\ Highlight-shadow\ three:hover { + --tw-gradient-from: var(--shadow-and-highlight-shadow-three, #7f7e7f66); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-my-28 { - margin-top: -7rem; - margin-bottom: -7rem; + .lg\:hover\:from-Shadow\ and\ Highlight-shadow\ four:hover { + --tw-gradient-from: var(--shadow-and-highlight-shadow-four, #7f7e7f40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-my-32 { - margin-top: -8rem; - margin-bottom: -8rem; + .lg\:hover\:from-Shadow\ and\ Highlight-shadow\ five:hover { + --tw-gradient-from: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-my-36 { - margin-top: -9rem; - margin-bottom: -9rem; + .lg\:hover\:from-Shadow\ and\ Highlight-highlight\ four:hover { + --tw-gradient-from: var(--shadow-and-highlight-highlight-four, #47474740); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-my-40 { - margin-top: -10rem; - margin-bottom: -10rem; + .lg\:hover\:from-Base\ Layer\ Styles-Base\ Layer-\ Light-White:hover { + --tw-gradient-from: var(--base-layer-styles-base-layer-light-white, #ffffff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-my-44 { - margin-top: -11rem; - margin-bottom: -11rem; + .lg\:hover\:from-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:hover { + --tw-gradient-from: var(--base-layer-styles-base-layer-light-off-white, #f0edee); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-my-48 { - margin-top: -12rem; - margin-bottom: -12rem; + .lg\:hover\:from-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:hover { + --tw-gradient-from: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-my-52 { - margin-top: -13rem; - margin-bottom: -13rem; + .lg\:hover\:from-Base\ Layer\ Styles-Base\ Layer-Dark-Black:hover { + --tw-gradient-from: var(--base-layer-styles-base-layer-dark-black, #000000); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-my-56 { - margin-top: -14rem; - margin-bottom: -14rem; + .lg\:hover\:from-Grey-Scale-white:hover { + --tw-gradient-from: var(--grey-scale-white, #ffffff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-my-60 { - margin-top: -15rem; - margin-bottom: -15rem; + .lg\:hover\:from-Grey-Scale-off-white:hover { + --tw-gradient-from: var(--grey-scale-off-white, #f0edee); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-my-64 { - margin-top: -16rem; - margin-bottom: -16rem; + .lg\:hover\:from-Grey\ Scale-grey:hover { + --tw-gradient-from: var(--grey-scale-grey, #7f7e7f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-my-72 { - margin-top: -18rem; - margin-bottom: -18rem; + .lg\:hover\:from-Grey\ Scale-charcoal:hover { + --tw-gradient-from: var(--grey-scale-charcoal, #474747); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-my-80 { - margin-top: -20rem; - margin-bottom: -20rem; + .lg\:hover\:from-Grey\ Scale-off-black:hover { + --tw-gradient-from: var(--grey-scale-off-black, #1c1c1c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-my-96 { - margin-top: -24rem; - margin-bottom: -24rem; + .lg\:hover\:from-Grey\ Scale-black:hover { + --tw-gradient-from: var(--grey-scale-black, #000000); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-my-px { - margin-top: -1px; - margin-bottom: -1px; + .lg\:hover\:from-Blue-blue:hover { + --tw-gradient-from: var(--blue-blue, #3a7ca5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-my-0\.5 { - margin-top: -0.125rem; - margin-bottom: -0.125rem; + .lg\:hover\:from-Blue-blue-100:hover { + --tw-gradient-from: var(--blue-blue-100, #75a3c0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-my-1\.5 { - margin-top: -0.375rem; - margin-bottom: -0.375rem; + .lg\:hover\:from-Blue-blue-200:hover { + --tw-gradient-from: var(--blue-blue-200, #9cbed2); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-my-2\.5 { - margin-top: -0.625rem; - margin-bottom: -0.625rem; + .lg\:hover\:from-Blue-blue-300:hover { + --tw-gradient-from: var(--blue-blue-300, #4f7d9a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-my-3\.5 { - margin-top: -0.875rem; - margin-bottom: -0.875rem; + .lg\:hover\:from-Blue-blue-400:hover { + --tw-gradient-from: var(--blue-blue-400, #5c7d92); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mt-0 { - margin-top: 0px; + .lg\:hover\:from-Blue-blue-500:hover { + --tw-gradient-from: var(--blue-blue-500, #347095); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mt-1 { - margin-top: 0.25rem; + .lg\:hover\:from-Blue-blue-600:hover { + --tw-gradient-from: var(--blue-blue-600, #295774); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mt-2 { - margin-top: 0.5rem; + .lg\:hover\:from-Blue-blue-700:hover { + --tw-gradient-from: var(--blue-blue-700, #173242); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mt-3 { - margin-top: 0.75rem; + .lg\:hover\:from-LightBlue-lightblue:hover { + --tw-gradient-from: var(--light-blue-lightblue, #81c3d7); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mt-4 { - margin-top: 1rem; + .lg\:hover\:from-LightBlue-lightblue-100:hover { + --tw-gradient-from: var(--light-blue-lightblue-100, #a7d5e3); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mt-5 { - margin-top: 1.25rem; + .lg\:hover\:from-LightBlue-lightblue-200:hover { + --tw-gradient-from: var(--light-blue-lightblue-200, #c0e1eb); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mt-6 { - margin-top: 1.5rem; + .lg\:hover\:from-LightBlue-lightblue-300:hover { + --tw-gradient-from: var(--light-blue-lightblue-300, #80aebd); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mt-7 { - margin-top: 1.75rem; + .lg\:hover\:from-LightBlue-lightblue-400:hover { + --tw-gradient-from: var(--light-blue-lightblue-400, #80a0ab); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mt-8 { - margin-top: 2rem; + .lg\:hover\:from-LightBlue-lightblue-500:hover { + --tw-gradient-from: var(--light-blue-lightblue-500, #74afc1); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mt-9 { - margin-top: 2.25rem; + .lg\:hover\:from-LightBlue-lightblue-600:hover { + --tw-gradient-from: var(--light-blue-lightblue-600, #5a8997); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mt-10 { - margin-top: 2.5rem; + .lg\:hover\:from-LightBlue-lightblue-650:hover { + --tw-gradient-from: var(--light-blue-lightblue-650, #3e5e65); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mt-11 { - margin-top: 2.75rem; + .lg\:hover\:from-LightBlue-lightblue-700:hover { + --tw-gradient-from: var(--light-blue-lightblue-700, #344e56); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mt-12 { - margin-top: 3rem; + .lg\:hover\:from-Orange-orange:hover { + --tw-gradient-from: var(--orange-orange, #ff7f0e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mt-14 { - margin-top: 3.5rem; + .lg\:hover\:from-Orange-orange-100:hover { + --tw-gradient-from: var(--orange-orange-100, #ffa556); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mt-16 { - margin-top: 4rem; + .lg\:hover\:from-Orange-orange-200:hover { + --tw-gradient-from: var(--orange-orange-200, #ffbf86); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mt-20 { - margin-top: 5rem; + .lg\:hover\:from-Orange-orange-300:hover { + --tw-gradient-from: var(--orange-orange-300, #d97f30); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mt-24 { - margin-top: 6rem; + .lg\:hover\:from-Orange-orange-400:hover { + --tw-gradient-from: var(--orange-orange-400, #bf7e46); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mt-28 { - margin-top: 7rem; + .lg\:hover\:from-Orange-orange-500:hover { + --tw-gradient-from: var(--orange-orange-500, #e5720d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mt-32 { - margin-top: 8rem; + .lg\:hover\:from-Orange-orange-600:hover { + --tw-gradient-from: var(--orange-orange-600, #b3590a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mt-36 { - margin-top: 9rem; + .lg\:hover\:from-Orange-orange-700:hover { + --tw-gradient-from: var(--orange-orange-700, #663306); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mt-40 { - margin-top: 10rem; + .lg\:hover\:from-Yellow-yellow:hover { + --tw-gradient-from: var(--yellow-yellow, #ffab00); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mt-44 { - margin-top: 11rem; + .lg\:hover\:from-Yellow-yellow-100:hover { + --tw-gradient-from: var(--yellow-yellow-100, #ffc44c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mt-48 { - margin-top: 12rem; + .lg\:hover\:from-Yellow-yellow-200:hover { + --tw-gradient-from: var(--yellow-yellow-200, #ffd580); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mt-52 { - margin-top: 13rem; + .lg\:hover\:from-Yellow-yellow-300:hover { + --tw-gradient-from: var(--yellow-yellow-300, #d99d26); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mt-56 { - margin-top: 14rem; + .lg\:hover\:from-Yellow-yellow-400:hover { + --tw-gradient-from: var(--yellow-yellow-400, #bf943f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mt-60 { - margin-top: 15rem; + .lg\:hover\:from-Yellow-yellow-500:hover { + --tw-gradient-from: var(--yellow-yellow-500, #e59a00); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mt-64 { - margin-top: 16rem; + .lg\:hover\:from-Yellow-yellow-600:hover { + --tw-gradient-from: var(--yellow-yellow-600, #b37800); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mt-72 { - margin-top: 18rem; + .lg\:hover\:from-Yellow-yellow-700:hover { + --tw-gradient-from: var(--yellow-yellow-700, #664400); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mt-80 { - margin-top: 20rem; + .lg\:hover\:from-Notification-notification:hover { + --tw-gradient-from: var(--notification-notification, #3959ff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mt-96 { - margin-top: 24rem; + .lg\:hover\:from-Notification-notification-100:hover { + --tw-gradient-from: var(--notification-notification-100, #748bff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mt-auto { - margin-top: auto; + .lg\:hover\:from-Notification-notification-200:hover { + --tw-gradient-from: var(--notification-notification-200, #9cacff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mt-px { - margin-top: 1px; + .lg\:hover\:from-Notification-notification-300:hover { + --tw-gradient-from: var(--notification-notification-300, #4e64d9); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mt-0\.5 { - margin-top: 0.125rem; + .lg\:hover\:from-Notification-notification-400:hover { + --tw-gradient-from: var(--notification-notification-400, #5c6cbf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mt-1\.5 { - margin-top: 0.375rem; + .lg\:hover\:from-Notification-notification-500:hover { + --tw-gradient-from: var(--notification-notification-500, #3350e5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mt-2\.5 { - margin-top: 0.625rem; + .lg\:hover\:from-Notification-notification-600:hover { + --tw-gradient-from: var(--notification-notification-600, #283eb3); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mt-3\.5 { - margin-top: 0.875rem; + .lg\:hover\:from-Notification-notification-700:hover { + --tw-gradient-from: var(--notification-notification-700, #172466); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mt-0 { - margin-top: 0px; + .lg\:hover\:from-Success-success\ -700:hover { + --tw-gradient-from: var(--success-success-700, #24471f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mt-1 { - margin-top: -0.25rem; + .lg\:hover\:from-Success-success:hover { + --tw-gradient-from: var(--success-success, #5bb14d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mt-2 { - margin-top: -0.5rem; + .lg\:hover\:from-Success-success\ -100:hover { + --tw-gradient-from: var(--success-success-100, #8cc882); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mt-3 { - margin-top: -0.75rem; + .lg\:hover\:from-Success-success\ -200:hover { + --tw-gradient-from: var(--success-success-200, #add8a6); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mt-4 { - margin-top: -1rem; + .lg\:hover\:from-Success-success\ -300:hover { + --tw-gradient-from: var(--success-success-300, #66a25c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mt-5 { - margin-top: -1.25rem; + .lg\:hover\:from-Success-success\ -400:hover { + --tw-gradient-from: var(--success-success-400, #6d9766); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mt-6 { - margin-top: -1.5rem; + .lg\:hover\:from-Success-success\ -500:hover { + --tw-gradient-from: var(--success-success-500, #529f45); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mt-7 { - margin-top: -1.75rem; + .lg\:hover\:from-Success-success\ -600:hover { + --tw-gradient-from: var(--success-success-600, #407c36); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mt-8 { - margin-top: -2rem; + .lg\:hover\:from-Error-error:hover { + --tw-gradient-from: var(--error-error, #f03d3e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mt-9 { - margin-top: -2.25rem; + .lg\:hover\:from-Error-error-100:hover { + --tw-gradient-from: var(--error-error-100, #f57778); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mt-10 { - margin-top: -2.5rem; + .lg\:hover\:from-Error-error-200:hover { + --tw-gradient-from: var(--error-error-200, #f89e9e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mt-11 { - margin-top: -2.75rem; + .lg\:hover\:from-Error-error-250:hover { + --tw-gradient-from: var(--error-error-250, #f9c8c8); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mt-12 { - margin-top: -3rem; + .lg\:hover\:from-Error-error-300:hover { + --tw-gradient-from: var(--error-error-300, #ce5151); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mt-14 { - margin-top: -3.5rem; + .lg\:hover\:from-Error-error-400:hover { + --tw-gradient-from: var(--error-error-400, #b85e5e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mt-16 { - margin-top: -4rem; + .lg\:hover\:from-Error-error-500:hover { + --tw-gradient-from: var(--error-error-500, #d83738); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mt-20 { - margin-top: -5rem; + .lg\:hover\:from-Error-error-600:hover { + --tw-gradient-from: var(--error-error-600, #a82b2b); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mt-24 { - margin-top: -6rem; + .lg\:hover\:from-Error-error-700:hover { + --tw-gradient-from: var(--error-error-700, #601819); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mt-28 { - margin-top: -7rem; + .lg\:focus\:from-colors-black:focus { + --tw-gradient-from: var(--colors-black, #000000); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mt-32 { - margin-top: -8rem; + .lg\:focus\:from-colors-white:focus { + --tw-gradient-from: var(--colors-white, #ffffff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mt-36 { - margin-top: -9rem; + .lg\:focus\:from-colors-gray-100:focus { + --tw-gradient-from: var(--colors-gray-100, #f7fafc); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mt-40 { - margin-top: -10rem; + .lg\:focus\:from-colors-gray-200:focus { + --tw-gradient-from: var(--colors-gray-200, #edf2f7); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mt-44 { - margin-top: -11rem; + .lg\:focus\:from-colors-gray-300:focus { + --tw-gradient-from: var(--colors-gray-300, #e2e8f0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mt-48 { - margin-top: -12rem; + .lg\:focus\:from-colors-gray-400:focus { + --tw-gradient-from: var(--colors-gray-400, #cbd5e0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mt-52 { - margin-top: -13rem; + .lg\:focus\:from-colors-gray-500:focus { + --tw-gradient-from: var(--colors-gray-500, #a0aec0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mt-56 { - margin-top: -14rem; + .lg\:focus\:from-colors-gray-600:focus { + --tw-gradient-from: var(--colors-gray-600, #718096); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mt-60 { - margin-top: -15rem; + .lg\:focus\:from-colors-gray-700:focus { + --tw-gradient-from: var(--colors-gray-700, #4a5568); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mt-64 { - margin-top: -16rem; + .lg\:focus\:from-colors-gray-800:focus { + --tw-gradient-from: var(--colors-gray-800, #2d3748); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mt-72 { - margin-top: -18rem; + .lg\:focus\:from-colors-gray-900:focus { + --tw-gradient-from: var(--colors-gray-900, #1a202c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mt-80 { - margin-top: -20rem; + .lg\:focus\:from-colors-red-100:focus { + --tw-gradient-from: var(--colors-red-100, #fff5f5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mt-96 { - margin-top: -24rem; + .lg\:focus\:from-colors-red-200:focus { + --tw-gradient-from: var(--colors-red-200, #fed7d7); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mt-px { - margin-top: -1px; + .lg\:focus\:from-colors-red-300:focus { + --tw-gradient-from: var(--colors-red-300, #feb2b2); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mt-0\.5 { - margin-top: -0.125rem; + .lg\:focus\:from-colors-red-400:focus { + --tw-gradient-from: var(--colors-red-400, #fc8181); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mt-1\.5 { - margin-top: -0.375rem; + .lg\:focus\:from-colors-red-500:focus { + --tw-gradient-from: var(--colors-red-500, #f56565); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mt-2\.5 { - margin-top: -0.625rem; + .lg\:focus\:from-colors-red-600:focus { + --tw-gradient-from: var(--colors-red-600, #e53e3e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mt-3\.5 { - margin-top: -0.875rem; + .lg\:focus\:from-colors-red-700:focus { + --tw-gradient-from: var(--colors-red-700, #c53030); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mr-0 { - margin-right: 0px; + .lg\:focus\:from-colors-red-800:focus { + --tw-gradient-from: var(--colors-red-800, #9b2c2c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mr-1 { - margin-right: 0.25rem; + .lg\:focus\:from-colors-red-900:focus { + --tw-gradient-from: var(--colors-red-900, #742a2a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mr-2 { - margin-right: 0.5rem; + .lg\:focus\:from-colors-orange-100:focus { + --tw-gradient-from: var(--colors-orange-100, #fffaf0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mr-3 { - margin-right: 0.75rem; + .lg\:focus\:from-colors-orange-200:focus { + --tw-gradient-from: var(--colors-orange-200, #feebc8); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mr-4 { - margin-right: 1rem; + .lg\:focus\:from-colors-orange-300:focus { + --tw-gradient-from: var(--colors-orange-300, #fbd38d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mr-5 { - margin-right: 1.25rem; + .lg\:focus\:from-colors-orange-400:focus { + --tw-gradient-from: var(--colors-orange-400, #f6ad55); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mr-6 { - margin-right: 1.5rem; + .lg\:focus\:from-colors-orange-500:focus { + --tw-gradient-from: var(--colors-orange-500, #ed8936); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mr-7 { - margin-right: 1.75rem; + .lg\:focus\:from-colors-orange-600:focus { + --tw-gradient-from: var(--colors-orange-600, #dd6b20); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mr-8 { - margin-right: 2rem; + .lg\:focus\:from-colors-orange-700:focus { + --tw-gradient-from: var(--colors-orange-700, #c05621); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mr-9 { - margin-right: 2.25rem; + .lg\:focus\:from-colors-orange-800:focus { + --tw-gradient-from: var(--colors-orange-800, #9c4221); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mr-10 { - margin-right: 2.5rem; + .lg\:focus\:from-colors-orange-900:focus { + --tw-gradient-from: var(--colors-orange-900, #7b341e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mr-11 { - margin-right: 2.75rem; + .lg\:focus\:from-colors-yellow-100:focus { + --tw-gradient-from: var(--colors-yellow-100, #fffff0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mr-12 { - margin-right: 3rem; + .lg\:focus\:from-colors-yellow-200:focus { + --tw-gradient-from: var(--colors-yellow-200, #fefcbf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mr-14 { - margin-right: 3.5rem; + .lg\:focus\:from-colors-yellow-300:focus { + --tw-gradient-from: var(--colors-yellow-300, #faf089); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mr-16 { - margin-right: 4rem; + .lg\:focus\:from-colors-yellow-400:focus { + --tw-gradient-from: var(--colors-yellow-400, #f6e05e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mr-20 { - margin-right: 5rem; + .lg\:focus\:from-colors-yellow-500:focus { + --tw-gradient-from: var(--colors-yellow-500, #ecc94b); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mr-24 { - margin-right: 6rem; + .lg\:focus\:from-colors-yellow-600:focus { + --tw-gradient-from: var(--colors-yellow-600, #d69e2e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mr-28 { - margin-right: 7rem; + .lg\:focus\:from-colors-yellow-700:focus { + --tw-gradient-from: var(--colors-yellow-700, #b7791f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mr-32 { - margin-right: 8rem; + .lg\:focus\:from-colors-yellow-800:focus { + --tw-gradient-from: var(--colors-yellow-800, #975a16); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mr-36 { - margin-right: 9rem; + .lg\:focus\:from-colors-yellow-900:focus { + --tw-gradient-from: var(--colors-yellow-900, #744210); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mr-40 { - margin-right: 10rem; + .lg\:focus\:from-colors-green-100:focus { + --tw-gradient-from: var(--colors-green-100, #f0fff4); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mr-44 { - margin-right: 11rem; + .lg\:focus\:from-colors-green-200:focus { + --tw-gradient-from: var(--colors-green-200, #c6f6d5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mr-48 { - margin-right: 12rem; + .lg\:focus\:from-colors-green-300:focus { + --tw-gradient-from: var(--colors-green-300, #9ae6b4); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mr-52 { - margin-right: 13rem; + .lg\:focus\:from-colors-green-400:focus { + --tw-gradient-from: var(--colors-green-400, #68d391); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mr-56 { - margin-right: 14rem; + .lg\:focus\:from-colors-green-500:focus { + --tw-gradient-from: var(--colors-green-500, #48bb78); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mr-60 { - margin-right: 15rem; + .lg\:focus\:from-colors-green-600:focus { + --tw-gradient-from: var(--colors-green-600, #38a169); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mr-64 { - margin-right: 16rem; + .lg\:focus\:from-colors-green-700:focus { + --tw-gradient-from: var(--colors-green-700, #2f855a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mr-72 { - margin-right: 18rem; + .lg\:focus\:from-colors-green-800:focus { + --tw-gradient-from: var(--colors-green-800, #276749); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mr-80 { - margin-right: 20rem; + .lg\:focus\:from-colors-green-900:focus { + --tw-gradient-from: var(--colors-green-900, #22543d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mr-96 { - margin-right: 24rem; + .lg\:focus\:from-colors-teal-100:focus { + --tw-gradient-from: var(--colors-teal-100, #e6fffa); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mr-auto { - margin-right: auto; + .lg\:focus\:from-colors-teal-200:focus { + --tw-gradient-from: var(--colors-teal-200, #b2f5ea); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mr-px { - margin-right: 1px; + .lg\:focus\:from-colors-teal-300:focus { + --tw-gradient-from: var(--colors-teal-300, #81e6d9); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mr-0\.5 { - margin-right: 0.125rem; + .lg\:focus\:from-colors-teal-400:focus { + --tw-gradient-from: var(--colors-teal-400, #4fd1c5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mr-1\.5 { - margin-right: 0.375rem; + .lg\:focus\:from-colors-teal-500:focus { + --tw-gradient-from: var(--colors-teal-500, #38b2ac); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mr-2\.5 { - margin-right: 0.625rem; + .lg\:focus\:from-colors-teal-600:focus { + --tw-gradient-from: var(--colors-teal-600, #319795); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mr-3\.5 { - margin-right: 0.875rem; + .lg\:focus\:from-colors-teal-700:focus { + --tw-gradient-from: var(--colors-teal-700, #2c7a7b); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mr-0 { - margin-right: 0px; + .lg\:focus\:from-colors-teal-800:focus { + --tw-gradient-from: var(--colors-teal-800, #285e61); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mr-1 { - margin-right: -0.25rem; + .lg\:focus\:from-colors-teal-900:focus { + --tw-gradient-from: var(--colors-teal-900, #234e52); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mr-2 { - margin-right: -0.5rem; + .lg\:focus\:from-colors-blue-100:focus { + --tw-gradient-from: var(--colors-blue-100, #ebf8ff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mr-3 { - margin-right: -0.75rem; + .lg\:focus\:from-colors-blue-200:focus { + --tw-gradient-from: var(--colors-blue-200, #bee3f8); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mr-4 { - margin-right: -1rem; + .lg\:focus\:from-colors-blue-300:focus { + --tw-gradient-from: var(--colors-blue-300, #90cdf4); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mr-5 { - margin-right: -1.25rem; + .lg\:focus\:from-colors-blue-400:focus { + --tw-gradient-from: var(--colors-blue-400, #63b3ed); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mr-6 { - margin-right: -1.5rem; + .lg\:focus\:from-colors-blue-500:focus { + --tw-gradient-from: var(--colors-blue-500, #4299e1); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mr-7 { - margin-right: -1.75rem; + .lg\:focus\:from-colors-blue-600:focus { + --tw-gradient-from: var(--colors-blue-600, #3182ce); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mr-8 { - margin-right: -2rem; + .lg\:focus\:from-colors-blue-700:focus { + --tw-gradient-from: var(--colors-blue-700, #2b6cb0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mr-9 { - margin-right: -2.25rem; + .lg\:focus\:from-colors-blue-800:focus { + --tw-gradient-from: var(--colors-blue-800, #2c5282); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mr-10 { - margin-right: -2.5rem; + .lg\:focus\:from-colors-blue-900:focus { + --tw-gradient-from: var(--colors-blue-900, #2a4365); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mr-11 { - margin-right: -2.75rem; + .lg\:focus\:from-colors-indigo-100:focus { + --tw-gradient-from: var(--colors-indigo-100, #ebf4ff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mr-12 { - margin-right: -3rem; + .lg\:focus\:from-colors-indigo-200:focus { + --tw-gradient-from: var(--colors-indigo-200, #c3dafe); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mr-14 { - margin-right: -3.5rem; + .lg\:focus\:from-colors-indigo-300:focus { + --tw-gradient-from: var(--colors-indigo-300, #a3bffa); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mr-16 { - margin-right: -4rem; + .lg\:focus\:from-colors-indigo-400:focus { + --tw-gradient-from: var(--colors-indigo-400, #7f9cf5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mr-20 { - margin-right: -5rem; + .lg\:focus\:from-colors-indigo-500:focus { + --tw-gradient-from: var(--colors-indigo-500, #667eea); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mr-24 { - margin-right: -6rem; + .lg\:focus\:from-colors-indigo-600:focus { + --tw-gradient-from: var(--colors-indigo-600, #5a67d8); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mr-28 { - margin-right: -7rem; + .lg\:focus\:from-colors-indigo-700:focus { + --tw-gradient-from: var(--colors-indigo-700, #4c51bf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mr-32 { - margin-right: -8rem; + .lg\:focus\:from-colors-indigo-800:focus { + --tw-gradient-from: var(--colors-indigo-800, #434190); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mr-36 { - margin-right: -9rem; + .lg\:focus\:from-colors-indigo-900:focus { + --tw-gradient-from: var(--colors-indigo-900, #3c366b); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mr-40 { - margin-right: -10rem; + .lg\:focus\:from-colors-purple-100:focus { + --tw-gradient-from: var(--colors-purple-100, #faf5ff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mr-44 { - margin-right: -11rem; + .lg\:focus\:from-colors-purple-200:focus { + --tw-gradient-from: var(--colors-purple-200, #e9d8fd); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mr-48 { - margin-right: -12rem; + .lg\:focus\:from-colors-purple-300:focus { + --tw-gradient-from: var(--colors-purple-300, #d6bcfa); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mr-52 { - margin-right: -13rem; + .lg\:focus\:from-colors-purple-400:focus { + --tw-gradient-from: var(--colors-purple-400, #b794f4); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mr-56 { - margin-right: -14rem; + .lg\:focus\:from-colors-purple-500:focus { + --tw-gradient-from: var(--colors-purple-500, #9f7aea); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mr-60 { - margin-right: -15rem; + .lg\:focus\:from-colors-purple-600:focus { + --tw-gradient-from: var(--colors-purple-600, #805ad5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mr-64 { - margin-right: -16rem; + .lg\:focus\:from-colors-purple-700:focus { + --tw-gradient-from: var(--colors-purple-700, #6b46c1); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mr-72 { - margin-right: -18rem; + .lg\:focus\:from-colors-purple-800:focus { + --tw-gradient-from: var(--colors-purple-800, #553c9a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mr-80 { - margin-right: -20rem; + .lg\:focus\:from-colors-purple-900:focus { + --tw-gradient-from: var(--colors-purple-900, #44337a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mr-96 { - margin-right: -24rem; + .lg\:focus\:from-colors-pink-100:focus { + --tw-gradient-from: var(--colors-pink-100, #fff5f7); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mr-px { - margin-right: -1px; + .lg\:focus\:from-colors-pink-200:focus { + --tw-gradient-from: var(--colors-pink-200, #fed7e2); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mr-0\.5 { - margin-right: -0.125rem; + .lg\:focus\:from-colors-pink-300:focus { + --tw-gradient-from: var(--colors-pink-300, #fbb6ce); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mr-1\.5 { - margin-right: -0.375rem; + .lg\:focus\:from-colors-pink-400:focus { + --tw-gradient-from: var(--colors-pink-400, #f687b3); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mr-2\.5 { - margin-right: -0.625rem; + .lg\:focus\:from-colors-pink-500:focus { + --tw-gradient-from: var(--colors-pink-500, #ed64a6); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mr-3\.5 { - margin-right: -0.875rem; + .lg\:focus\:from-colors-pink-600:focus { + --tw-gradient-from: var(--colors-pink-600, #d53f8c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mb-0 { - margin-bottom: 0px; + .lg\:focus\:from-colors-pink-700:focus { + --tw-gradient-from: var(--colors-pink-700, #b83280); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mb-1 { - margin-bottom: 0.25rem; + .lg\:focus\:from-colors-pink-800:focus { + --tw-gradient-from: var(--colors-pink-800, #97266d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mb-2 { - margin-bottom: 0.5rem; + .lg\:focus\:from-colors-pink-900:focus { + --tw-gradient-from: var(--colors-pink-900, #702459); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mb-3 { - margin-bottom: 0.75rem; + .lg\:focus\:from-Box\ Shadow:focus { + --tw-gradient-from: var(--box-shadow, #7f7e7f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mb-4 { - margin-bottom: 1rem; + .lg\:focus\:from-Error16:focus { + --tw-gradient-from: var(--error16, #f03d3e40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mb-5 { - margin-bottom: 1.25rem; + .lg\:focus\:from-Success16:focus { + --tw-gradient-from: var(--success16, #5bb14d40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mb-6 { - margin-bottom: 1.5rem; + .lg\:focus\:from-Notification16:focus { + --tw-gradient-from: var(--notification16, #3959ff40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mb-7 { - margin-bottom: 1.75rem; + .lg\:focus\:from-Error8:focus { + --tw-gradient-from: var(--error8, #f03d3e1a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mb-8 { - margin-bottom: 2rem; + .lg\:focus\:from-Notification8:focus { + --tw-gradient-from: var(--notification8, #3959ff1a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mb-9 { - margin-bottom: 2.25rem; + .lg\:focus\:from-Success8:focus { + --tw-gradient-from: var(--success8, #5bb14d1a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mb-10 { - margin-bottom: 2.5rem; + .lg\:focus\:from-Light\ -\ Overlay:focus { + --tw-gradient-from: var(--light-overlay, #f0edee66); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mb-11 { - margin-bottom: 2.75rem; + .lg\:focus\:from-Dark-\ Overlay:focus { + --tw-gradient-from: var(--dark-overlay, #7f7e7f66); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mb-12 { - margin-bottom: 3rem; + .lg\:focus\:from-black-40:focus { + --tw-gradient-from: var(--black-40, #00000066); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mb-14 { - margin-bottom: 3.5rem; + .lg\:focus\:from-black-75:focus { + --tw-gradient-from: var(--black-75, #000000bf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mb-16 { - margin-bottom: 4rem; + .lg\:focus\:from-black-60:focus { + --tw-gradient-from: var(--black-60, #00000099); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mb-20 { - margin-bottom: 5rem; + .lg\:focus\:from-black-50:focus { + --tw-gradient-from: var(--black-50, #00000080); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mb-24 { - margin-bottom: 6rem; + .lg\:focus\:from-black-25:focus { + --tw-gradient-from: var(--black-25, #00000040); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mb-28 { - margin-bottom: 7rem; + .lg\:focus\:from-black-10:focus { + --tw-gradient-from: var(--black-10, #0000001a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mb-32 { - margin-bottom: 8rem; + .lg\:focus\:from-white-25:focus { + --tw-gradient-from: var(--white-25, #ffffff40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mb-36 { - margin-bottom: 9rem; + .lg\:focus\:from-white-60:focus { + --tw-gradient-from: var(--white-60, #ffffff99); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mb-40 { - margin-bottom: 10rem; + .lg\:focus\:from-black-64:focus { + --tw-gradient-from: var(--black-64, #000000a3); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mb-44 { - margin-bottom: 11rem; + .lg\:focus\:from-Shadow\ and\ Highlight-Shadow:focus { + --tw-gradient-from: var(--shadow-and-highlight-shadow, #7f7e7f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mb-48 { - margin-bottom: 12rem; + .lg\:focus\:from-Shadow\ and\ Highlight-Highlight:focus { + --tw-gradient-from: var(--shadow-and-highlight-highlight, #474747); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mb-52 { - margin-bottom: 13rem; + .lg\:focus\:from-Shadow\ and\ Highlight-highlight\ one:focus { + --tw-gradient-from: var(--shadow-and-highlight-highlight-one, #474747bf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mb-56 { - margin-bottom: 14rem; + .lg\:focus\:from-Shadow\ and\ Highlight-highlight\ two:focus { + --tw-gradient-from: var(--shadow-and-highlight-highlight-two, #47474799); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mb-60 { - margin-bottom: 15rem; + .lg\:focus\:from-Shadow\ and\ Highlight-highlight\ three:focus { + --tw-gradient-from: var(--shadow-and-highlight-highlight-three, #47474766); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mb-64 { - margin-bottom: 16rem; + .lg\:focus\:from-Shadow\ and\ Highlight-highlight\ five:focus { + --tw-gradient-from: var(--shadow-and-highlight-highlight-five, #4747471a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mb-72 { - margin-bottom: 18rem; + .lg\:focus\:from-Shadow\ and\ Highlight-shadow\ one:focus { + --tw-gradient-from: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mb-80 { - margin-bottom: 20rem; + .lg\:focus\:from-Shadow\ and\ Highlight-shadow\ two:focus { + --tw-gradient-from: var(--shadow-and-highlight-shadow-two, #7f7e7f99); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mb-96 { - margin-bottom: 24rem; + .lg\:focus\:from-Shadow\ and\ Highlight-shadow\ three:focus { + --tw-gradient-from: var(--shadow-and-highlight-shadow-three, #7f7e7f66); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mb-auto { - margin-bottom: auto; + .lg\:focus\:from-Shadow\ and\ Highlight-shadow\ four:focus { + --tw-gradient-from: var(--shadow-and-highlight-shadow-four, #7f7e7f40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mb-px { - margin-bottom: 1px; + .lg\:focus\:from-Shadow\ and\ Highlight-shadow\ five:focus { + --tw-gradient-from: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mb-0\.5 { - margin-bottom: 0.125rem; + .lg\:focus\:from-Shadow\ and\ Highlight-highlight\ four:focus { + --tw-gradient-from: var(--shadow-and-highlight-highlight-four, #47474740); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mb-1\.5 { - margin-bottom: 0.375rem; + .lg\:focus\:from-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus { + --tw-gradient-from: var(--base-layer-styles-base-layer-light-white, #ffffff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mb-2\.5 { - margin-bottom: 0.625rem; + .lg\:focus\:from-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus { + --tw-gradient-from: var(--base-layer-styles-base-layer-light-off-white, #f0edee); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:mb-3\.5 { - margin-bottom: 0.875rem; + .lg\:focus\:from-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus { + --tw-gradient-from: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mb-0 { - margin-bottom: 0px; + .lg\:focus\:from-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus { + --tw-gradient-from: var(--base-layer-styles-base-layer-dark-black, #000000); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mb-1 { - margin-bottom: -0.25rem; + .lg\:focus\:from-Grey-Scale-white:focus { + --tw-gradient-from: var(--grey-scale-white, #ffffff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mb-2 { - margin-bottom: -0.5rem; + .lg\:focus\:from-Grey-Scale-off-white:focus { + --tw-gradient-from: var(--grey-scale-off-white, #f0edee); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mb-3 { - margin-bottom: -0.75rem; + .lg\:focus\:from-Grey\ Scale-grey:focus { + --tw-gradient-from: var(--grey-scale-grey, #7f7e7f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mb-4 { - margin-bottom: -1rem; + .lg\:focus\:from-Grey\ Scale-charcoal:focus { + --tw-gradient-from: var(--grey-scale-charcoal, #474747); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mb-5 { - margin-bottom: -1.25rem; + .lg\:focus\:from-Grey\ Scale-off-black:focus { + --tw-gradient-from: var(--grey-scale-off-black, #1c1c1c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mb-6 { - margin-bottom: -1.5rem; + .lg\:focus\:from-Grey\ Scale-black:focus { + --tw-gradient-from: var(--grey-scale-black, #000000); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mb-7 { - margin-bottom: -1.75rem; + .lg\:focus\:from-Blue-blue:focus { + --tw-gradient-from: var(--blue-blue, #3a7ca5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mb-8 { - margin-bottom: -2rem; + .lg\:focus\:from-Blue-blue-100:focus { + --tw-gradient-from: var(--blue-blue-100, #75a3c0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mb-9 { - margin-bottom: -2.25rem; + .lg\:focus\:from-Blue-blue-200:focus { + --tw-gradient-from: var(--blue-blue-200, #9cbed2); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mb-10 { - margin-bottom: -2.5rem; + .lg\:focus\:from-Blue-blue-300:focus { + --tw-gradient-from: var(--blue-blue-300, #4f7d9a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mb-11 { - margin-bottom: -2.75rem; + .lg\:focus\:from-Blue-blue-400:focus { + --tw-gradient-from: var(--blue-blue-400, #5c7d92); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mb-12 { - margin-bottom: -3rem; + .lg\:focus\:from-Blue-blue-500:focus { + --tw-gradient-from: var(--blue-blue-500, #347095); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mb-14 { - margin-bottom: -3.5rem; + .lg\:focus\:from-Blue-blue-600:focus { + --tw-gradient-from: var(--blue-blue-600, #295774); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mb-16 { - margin-bottom: -4rem; + .lg\:focus\:from-Blue-blue-700:focus { + --tw-gradient-from: var(--blue-blue-700, #173242); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mb-20 { - margin-bottom: -5rem; + .lg\:focus\:from-LightBlue-lightblue:focus { + --tw-gradient-from: var(--light-blue-lightblue, #81c3d7); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mb-24 { - margin-bottom: -6rem; + .lg\:focus\:from-LightBlue-lightblue-100:focus { + --tw-gradient-from: var(--light-blue-lightblue-100, #a7d5e3); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mb-28 { - margin-bottom: -7rem; + .lg\:focus\:from-LightBlue-lightblue-200:focus { + --tw-gradient-from: var(--light-blue-lightblue-200, #c0e1eb); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mb-32 { - margin-bottom: -8rem; + .lg\:focus\:from-LightBlue-lightblue-300:focus { + --tw-gradient-from: var(--light-blue-lightblue-300, #80aebd); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mb-36 { - margin-bottom: -9rem; + .lg\:focus\:from-LightBlue-lightblue-400:focus { + --tw-gradient-from: var(--light-blue-lightblue-400, #80a0ab); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mb-40 { - margin-bottom: -10rem; + .lg\:focus\:from-LightBlue-lightblue-500:focus { + --tw-gradient-from: var(--light-blue-lightblue-500, #74afc1); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mb-44 { - margin-bottom: -11rem; + .lg\:focus\:from-LightBlue-lightblue-600:focus { + --tw-gradient-from: var(--light-blue-lightblue-600, #5a8997); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mb-48 { - margin-bottom: -12rem; + .lg\:focus\:from-LightBlue-lightblue-650:focus { + --tw-gradient-from: var(--light-blue-lightblue-650, #3e5e65); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mb-52 { - margin-bottom: -13rem; + .lg\:focus\:from-LightBlue-lightblue-700:focus { + --tw-gradient-from: var(--light-blue-lightblue-700, #344e56); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mb-56 { - margin-bottom: -14rem; + .lg\:focus\:from-Orange-orange:focus { + --tw-gradient-from: var(--orange-orange, #ff7f0e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mb-60 { - margin-bottom: -15rem; + .lg\:focus\:from-Orange-orange-100:focus { + --tw-gradient-from: var(--orange-orange-100, #ffa556); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mb-64 { - margin-bottom: -16rem; + .lg\:focus\:from-Orange-orange-200:focus { + --tw-gradient-from: var(--orange-orange-200, #ffbf86); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mb-72 { - margin-bottom: -18rem; + .lg\:focus\:from-Orange-orange-300:focus { + --tw-gradient-from: var(--orange-orange-300, #d97f30); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mb-80 { - margin-bottom: -20rem; + .lg\:focus\:from-Orange-orange-400:focus { + --tw-gradient-from: var(--orange-orange-400, #bf7e46); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mb-96 { - margin-bottom: -24rem; + .lg\:focus\:from-Orange-orange-500:focus { + --tw-gradient-from: var(--orange-orange-500, #e5720d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mb-px { - margin-bottom: -1px; + .lg\:focus\:from-Orange-orange-600:focus { + --tw-gradient-from: var(--orange-orange-600, #b3590a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mb-0\.5 { - margin-bottom: -0.125rem; + .lg\:focus\:from-Orange-orange-700:focus { + --tw-gradient-from: var(--orange-orange-700, #663306); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mb-1\.5 { - margin-bottom: -0.375rem; + .lg\:focus\:from-Yellow-yellow:focus { + --tw-gradient-from: var(--yellow-yellow, #ffab00); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mb-2\.5 { - margin-bottom: -0.625rem; + .lg\:focus\:from-Yellow-yellow-100:focus { + --tw-gradient-from: var(--yellow-yellow-100, #ffc44c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-mb-3\.5 { - margin-bottom: -0.875rem; + .lg\:focus\:from-Yellow-yellow-200:focus { + --tw-gradient-from: var(--yellow-yellow-200, #ffd580); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:ml-0 { - margin-left: 0px; + .lg\:focus\:from-Yellow-yellow-300:focus { + --tw-gradient-from: var(--yellow-yellow-300, #d99d26); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:ml-1 { - margin-left: 0.25rem; + .lg\:focus\:from-Yellow-yellow-400:focus { + --tw-gradient-from: var(--yellow-yellow-400, #bf943f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:ml-2 { - margin-left: 0.5rem; + .lg\:focus\:from-Yellow-yellow-500:focus { + --tw-gradient-from: var(--yellow-yellow-500, #e59a00); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:ml-3 { - margin-left: 0.75rem; + .lg\:focus\:from-Yellow-yellow-600:focus { + --tw-gradient-from: var(--yellow-yellow-600, #b37800); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:ml-4 { - margin-left: 1rem; + .lg\:focus\:from-Yellow-yellow-700:focus { + --tw-gradient-from: var(--yellow-yellow-700, #664400); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:ml-5 { - margin-left: 1.25rem; + .lg\:focus\:from-Notification-notification:focus { + --tw-gradient-from: var(--notification-notification, #3959ff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:ml-6 { - margin-left: 1.5rem; + .lg\:focus\:from-Notification-notification-100:focus { + --tw-gradient-from: var(--notification-notification-100, #748bff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:ml-7 { - margin-left: 1.75rem; + .lg\:focus\:from-Notification-notification-200:focus { + --tw-gradient-from: var(--notification-notification-200, #9cacff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:ml-8 { - margin-left: 2rem; + .lg\:focus\:from-Notification-notification-300:focus { + --tw-gradient-from: var(--notification-notification-300, #4e64d9); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:ml-9 { - margin-left: 2.25rem; + .lg\:focus\:from-Notification-notification-400:focus { + --tw-gradient-from: var(--notification-notification-400, #5c6cbf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:ml-10 { - margin-left: 2.5rem; + .lg\:focus\:from-Notification-notification-500:focus { + --tw-gradient-from: var(--notification-notification-500, #3350e5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:ml-11 { - margin-left: 2.75rem; + .lg\:focus\:from-Notification-notification-600:focus { + --tw-gradient-from: var(--notification-notification-600, #283eb3); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:ml-12 { - margin-left: 3rem; + .lg\:focus\:from-Notification-notification-700:focus { + --tw-gradient-from: var(--notification-notification-700, #172466); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:ml-14 { - margin-left: 3.5rem; + .lg\:focus\:from-Success-success\ -700:focus { + --tw-gradient-from: var(--success-success-700, #24471f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:ml-16 { - margin-left: 4rem; + .lg\:focus\:from-Success-success:focus { + --tw-gradient-from: var(--success-success, #5bb14d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:ml-20 { - margin-left: 5rem; + .lg\:focus\:from-Success-success\ -100:focus { + --tw-gradient-from: var(--success-success-100, #8cc882); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:ml-24 { - margin-left: 6rem; + .lg\:focus\:from-Success-success\ -200:focus { + --tw-gradient-from: var(--success-success-200, #add8a6); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:ml-28 { - margin-left: 7rem; + .lg\:focus\:from-Success-success\ -300:focus { + --tw-gradient-from: var(--success-success-300, #66a25c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:ml-32 { - margin-left: 8rem; + .lg\:focus\:from-Success-success\ -400:focus { + --tw-gradient-from: var(--success-success-400, #6d9766); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:ml-36 { - margin-left: 9rem; + .lg\:focus\:from-Success-success\ -500:focus { + --tw-gradient-from: var(--success-success-500, #529f45); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:ml-40 { - margin-left: 10rem; + .lg\:focus\:from-Success-success\ -600:focus { + --tw-gradient-from: var(--success-success-600, #407c36); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:ml-44 { - margin-left: 11rem; + .lg\:focus\:from-Error-error:focus { + --tw-gradient-from: var(--error-error, #f03d3e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:ml-48 { - margin-left: 12rem; + .lg\:focus\:from-Error-error-100:focus { + --tw-gradient-from: var(--error-error-100, #f57778); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:ml-52 { - margin-left: 13rem; + .lg\:focus\:from-Error-error-200:focus { + --tw-gradient-from: var(--error-error-200, #f89e9e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:ml-56 { - margin-left: 14rem; + .lg\:focus\:from-Error-error-250:focus { + --tw-gradient-from: var(--error-error-250, #f9c8c8); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:ml-60 { - margin-left: 15rem; + .lg\:focus\:from-Error-error-300:focus { + --tw-gradient-from: var(--error-error-300, #ce5151); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:ml-64 { - margin-left: 16rem; + .lg\:focus\:from-Error-error-400:focus { + --tw-gradient-from: var(--error-error-400, #b85e5e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:ml-72 { - margin-left: 18rem; + .lg\:focus\:from-Error-error-500:focus { + --tw-gradient-from: var(--error-error-500, #d83738); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:ml-80 { - margin-left: 20rem; + .lg\:focus\:from-Error-error-600:focus { + --tw-gradient-from: var(--error-error-600, #a82b2b); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:ml-96 { - margin-left: 24rem; + .lg\:focus\:from-Error-error-700:focus { + --tw-gradient-from: var(--error-error-700, #601819); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:ml-auto { - margin-left: auto; + .lg\:via-colors-black { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-black, #000000), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:ml-px { - margin-left: 1px; + .lg\:via-colors-white { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-white, #ffffff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:ml-0\.5 { - margin-left: 0.125rem; + .lg\:via-colors-gray-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-100, #f7fafc), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:ml-1\.5 { - margin-left: 0.375rem; + .lg\:via-colors-gray-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-200, #edf2f7), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:ml-2\.5 { - margin-left: 0.625rem; + .lg\:via-colors-gray-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-300, #e2e8f0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:ml-3\.5 { - margin-left: 0.875rem; + .lg\:via-colors-gray-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-400, #cbd5e0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-ml-0 { - margin-left: 0px; + .lg\:via-colors-gray-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-500, #a0aec0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-ml-1 { - margin-left: -0.25rem; + .lg\:via-colors-gray-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-600, #718096), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-ml-2 { - margin-left: -0.5rem; + .lg\:via-colors-gray-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-700, #4a5568), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-ml-3 { - margin-left: -0.75rem; + .lg\:via-colors-gray-800 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-800, #2d3748), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-ml-4 { - margin-left: -1rem; + .lg\:via-colors-gray-900 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-900, #1a202c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-ml-5 { - margin-left: -1.25rem; + .lg\:via-colors-red-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-100, #fff5f5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-ml-6 { - margin-left: -1.5rem; + .lg\:via-colors-red-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-200, #fed7d7), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-ml-7 { - margin-left: -1.75rem; + .lg\:via-colors-red-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-300, #feb2b2), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-ml-8 { - margin-left: -2rem; + .lg\:via-colors-red-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-400, #fc8181), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-ml-9 { - margin-left: -2.25rem; + .lg\:via-colors-red-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-500, #f56565), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-ml-10 { - margin-left: -2.5rem; + .lg\:via-colors-red-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-600, #e53e3e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-ml-11 { - margin-left: -2.75rem; + .lg\:via-colors-red-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-700, #c53030), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-ml-12 { - margin-left: -3rem; + .lg\:via-colors-red-800 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-800, #9b2c2c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-ml-14 { - margin-left: -3.5rem; + .lg\:via-colors-red-900 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-900, #742a2a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-ml-16 { - margin-left: -4rem; + .lg\:via-colors-orange-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-100, #fffaf0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-ml-20 { - margin-left: -5rem; + .lg\:via-colors-orange-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-200, #feebc8), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-ml-24 { - margin-left: -6rem; + .lg\:via-colors-orange-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-300, #fbd38d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-ml-28 { - margin-left: -7rem; + .lg\:via-colors-orange-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-400, #f6ad55), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-ml-32 { - margin-left: -8rem; + .lg\:via-colors-orange-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-500, #ed8936), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-ml-36 { - margin-left: -9rem; + .lg\:via-colors-orange-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-600, #dd6b20), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-ml-40 { - margin-left: -10rem; + .lg\:via-colors-orange-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-700, #c05621), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-ml-44 { - margin-left: -11rem; + .lg\:via-colors-orange-800 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-800, #9c4221), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-ml-48 { - margin-left: -12rem; + .lg\:via-colors-orange-900 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-900, #7b341e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-ml-52 { - margin-left: -13rem; + .lg\:via-colors-yellow-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-100, #fffff0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-ml-56 { - margin-left: -14rem; + .lg\:via-colors-yellow-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-200, #fefcbf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-ml-60 { - margin-left: -15rem; + .lg\:via-colors-yellow-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-300, #faf089), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-ml-64 { - margin-left: -16rem; + .lg\:via-colors-yellow-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-400, #f6e05e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-ml-72 { - margin-left: -18rem; + .lg\:via-colors-yellow-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-500, #ecc94b), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-ml-80 { - margin-left: -20rem; + .lg\:via-colors-yellow-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-600, #d69e2e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-ml-96 { - margin-left: -24rem; + .lg\:via-colors-yellow-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-700, #b7791f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-ml-px { - margin-left: -1px; + .lg\:via-colors-yellow-800 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-800, #975a16), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-ml-0\.5 { - margin-left: -0.125rem; + .lg\:via-colors-yellow-900 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-900, #744210), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-ml-1\.5 { - margin-left: -0.375rem; + .lg\:via-colors-green-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-100, #f0fff4), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-ml-2\.5 { - margin-left: -0.625rem; + .lg\:via-colors-green-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-200, #c6f6d5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-ml-3\.5 { - margin-left: -0.875rem; + .lg\:via-colors-green-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-300, #9ae6b4), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:box-border { - box-sizing: border-box; + .lg\:via-colors-green-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-400, #68d391), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:box-content { - box-sizing: content-box; + .lg\:via-colors-green-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-500, #48bb78), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:block { - display: block; + .lg\:via-colors-green-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-600, #38a169), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:inline-block { - display: inline-block; + .lg\:via-colors-green-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-700, #2f855a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:inline { - display: inline; + .lg\:via-colors-green-800 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-800, #276749), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:flex { - display: flex; + .lg\:via-colors-green-900 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-900, #22543d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:inline-flex { - display: inline-flex; + .lg\:via-colors-teal-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-100, #e6fffa), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:table { - display: table; + .lg\:via-colors-teal-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-200, #b2f5ea), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:inline-table { - display: inline-table; + .lg\:via-colors-teal-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-300, #81e6d9), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:table-caption { - display: table-caption; + .lg\:via-colors-teal-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-400, #4fd1c5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:table-cell { - display: table-cell; + .lg\:via-colors-teal-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-500, #38b2ac), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:table-column { - display: table-column; + .lg\:via-colors-teal-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-600, #319795), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:table-column-group { - display: table-column-group; + .lg\:via-colors-teal-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-700, #2c7a7b), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:table-footer-group { - display: table-footer-group; + .lg\:via-colors-teal-800 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-800, #285e61), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:table-header-group { - display: table-header-group; + .lg\:via-colors-teal-900 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-900, #234e52), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:table-row-group { - display: table-row-group; + .lg\:via-colors-blue-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-100, #ebf8ff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:table-row { - display: table-row; + .lg\:via-colors-blue-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-200, #bee3f8), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:flow-root { - display: flow-root; + .lg\:via-colors-blue-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-300, #90cdf4), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:grid { - display: grid; + .lg\:via-colors-blue-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-400, #63b3ed), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:inline-grid { - display: inline-grid; + .lg\:via-colors-blue-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-500, #4299e1), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:contents { - display: contents; + .lg\:via-colors-blue-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-600, #3182ce), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:list-item { - display: list-item; + .lg\:via-colors-blue-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-700, #2b6cb0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hidden { - display: none; + .lg\:via-colors-blue-800 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-800, #2c5282), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:h-0 { - height: 0px; + .lg\:via-colors-blue-900 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-900, #2a4365), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:h-1 { - height: 0.25rem; + .lg\:via-colors-indigo-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-100, #ebf4ff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:h-2 { - height: 0.5rem; + .lg\:via-colors-indigo-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-200, #c3dafe), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:h-3 { - height: 0.75rem; + .lg\:via-colors-indigo-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-300, #a3bffa), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:h-4 { - height: 1rem; + .lg\:via-colors-indigo-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-400, #7f9cf5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:h-5 { - height: 1.25rem; + .lg\:via-colors-indigo-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-500, #667eea), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:h-6 { - height: 1.5rem; + .lg\:via-colors-indigo-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-600, #5a67d8), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:h-7 { - height: 1.75rem; + .lg\:via-colors-indigo-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-700, #4c51bf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:h-8 { - height: 2rem; + .lg\:via-colors-indigo-800 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-800, #434190), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:h-9 { - height: 2.25rem; + .lg\:via-colors-indigo-900 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-900, #3c366b), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:h-10 { - height: 2.5rem; + .lg\:via-colors-purple-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-100, #faf5ff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:h-11 { - height: 2.75rem; + .lg\:via-colors-purple-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-200, #e9d8fd), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:h-12 { - height: 3rem; + .lg\:via-colors-purple-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-300, #d6bcfa), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:h-14 { - height: 3.5rem; + .lg\:via-colors-purple-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-400, #b794f4), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:h-16 { - height: 4rem; + .lg\:via-colors-purple-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-500, #9f7aea), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:h-20 { - height: 5rem; + .lg\:via-colors-purple-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-600, #805ad5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:h-24 { - height: 6rem; + .lg\:via-colors-purple-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-700, #6b46c1), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:h-28 { - height: 7rem; + .lg\:via-colors-purple-800 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-800, #553c9a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:h-32 { - height: 8rem; + .lg\:via-colors-purple-900 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-900, #44337a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:h-36 { - height: 9rem; + .lg\:via-colors-pink-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-100, #fff5f7), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:h-40 { - height: 10rem; + .lg\:via-colors-pink-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-200, #fed7e2), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:h-44 { - height: 11rem; + .lg\:via-colors-pink-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-300, #fbb6ce), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:h-48 { - height: 12rem; + .lg\:via-colors-pink-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-400, #f687b3), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:h-52 { - height: 13rem; + .lg\:via-colors-pink-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-500, #ed64a6), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:h-56 { - height: 14rem; + .lg\:via-colors-pink-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-600, #d53f8c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:h-60 { - height: 15rem; + .lg\:via-colors-pink-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-700, #b83280), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:h-64 { - height: 16rem; + .lg\:via-colors-pink-800 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-800, #97266d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:h-72 { - height: 18rem; + .lg\:via-colors-pink-900 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-900, #702459), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:h-80 { - height: 20rem; + .lg\:via-Box\ Shadow { + --tw-gradient-stops: var(--tw-gradient-from), var(--box-shadow, #7f7e7f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:h-96 { - height: 24rem; + .lg\:via-Error16 { + --tw-gradient-stops: var(--tw-gradient-from), var(--error16, #f03d3e40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:h-auto { - height: auto; + .lg\:via-Success16 { + --tw-gradient-stops: var(--tw-gradient-from), var(--success16, #5bb14d40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:h-px { - height: 1px; + .lg\:via-Notification16 { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification16, #3959ff40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:h-0\.5 { - height: 0.125rem; + .lg\:via-Error8 { + --tw-gradient-stops: var(--tw-gradient-from), var(--error8, #f03d3e1a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:h-1\.5 { - height: 0.375rem; + .lg\:via-Notification8 { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification8, #3959ff1a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:h-2\.5 { - height: 0.625rem; + .lg\:via-Success8 { + --tw-gradient-stops: var(--tw-gradient-from), var(--success8, #5bb14d1a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:h-3\.5 { - height: 0.875rem; + .lg\:via-Light\ -\ Overlay { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-overlay, #f0edee66), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:h-1\/2 { - height: 50%; + .lg\:via-Dark-\ Overlay { + --tw-gradient-stops: var(--tw-gradient-from), var(--dark-overlay, #7f7e7f66), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:h-1\/3 { - height: 33.333333%; + .lg\:via-black-40 { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-40, #00000066), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:h-2\/3 { - height: 66.666667%; + .lg\:via-black-75 { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-75, #000000bf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:h-1\/4 { - height: 25%; + .lg\:via-black-60 { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-60, #00000099), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:h-2\/4 { - height: 50%; + .lg\:via-black-50 { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-50, #00000080), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:h-3\/4 { - height: 75%; + .lg\:via-black-25 { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-25, #00000040), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:h-1\/5 { - height: 20%; + .lg\:via-black-10 { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-10, #0000001a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:h-2\/5 { - height: 40%; + .lg\:via-white-25 { + --tw-gradient-stops: var(--tw-gradient-from), var(--white-25, #ffffff40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:h-3\/5 { - height: 60%; + .lg\:via-white-60 { + --tw-gradient-stops: var(--tw-gradient-from), var(--white-60, #ffffff99), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:h-4\/5 { - height: 80%; + .lg\:via-black-64 { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-64, #000000a3), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:h-1\/6 { - height: 16.666667%; + .lg\:via-Shadow\ and\ Highlight-Shadow { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow, #7f7e7f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:h-2\/6 { - height: 33.333333%; + .lg\:via-Shadow\ and\ Highlight-Highlight { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight, #474747), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:h-3\/6 { - height: 50%; + .lg\:via-Shadow\ and\ Highlight-highlight\ one { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-one, #474747bf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:h-4\/6 { - height: 66.666667%; + .lg\:via-Shadow\ and\ Highlight-highlight\ two { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-two, #47474799), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:h-5\/6 { - height: 83.333333%; + .lg\:via-Shadow\ and\ Highlight-highlight\ three { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-three, #47474766), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:h-full { - height: 100%; + .lg\:via-Shadow\ and\ Highlight-highlight\ five { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-five, #4747471a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:h-screen { - height: 100vh; + .lg\:via-Shadow\ and\ Highlight-shadow\ one { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-one, #7f7e7fbf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:max-h-0 { - max-height: 0px; + .lg\:via-Shadow\ and\ Highlight-shadow\ two { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-two, #7f7e7f99), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:max-h-1 { - max-height: 0.25rem; + .lg\:via-Shadow\ and\ Highlight-shadow\ three { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-three, #7f7e7f66), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:max-h-2 { - max-height: 0.5rem; + .lg\:via-Shadow\ and\ Highlight-shadow\ four { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-four, #7f7e7f40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:max-h-3 { - max-height: 0.75rem; + .lg\:via-Shadow\ and\ Highlight-shadow\ five { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-five, #7f7e7f1a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:max-h-4 { - max-height: 1rem; + .lg\:via-Shadow\ and\ Highlight-highlight\ four { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-four, #47474740), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:max-h-5 { - max-height: 1.25rem; + .lg\:via-Base\ Layer\ Styles-Base\ Layer-\ Light-White { + --tw-gradient-stops: var(--tw-gradient-from), var(--base-layer-styles-base-layer-light-white, #ffffff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:max-h-6 { - max-height: 1.5rem; + .lg\:via-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite { + --tw-gradient-stops: var(--tw-gradient-from), var(--base-layer-styles-base-layer-light-off-white, #f0edee), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:max-h-7 { - max-height: 1.75rem; + .lg\:via-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack { + --tw-gradient-stops: var(--tw-gradient-from), var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:max-h-8 { - max-height: 2rem; + .lg\:via-Base\ Layer\ Styles-Base\ Layer-Dark-Black { + --tw-gradient-stops: var(--tw-gradient-from), var(--base-layer-styles-base-layer-dark-black, #000000), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:max-h-9 { - max-height: 2.25rem; + .lg\:via-Grey-Scale-white { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-white, #ffffff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:max-h-10 { - max-height: 2.5rem; + .lg\:via-Grey-Scale-off-white { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-off-white, #f0edee), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:max-h-11 { - max-height: 2.75rem; + .lg\:via-Grey\ Scale-grey { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-grey, #7f7e7f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:max-h-12 { - max-height: 3rem; + .lg\:via-Grey\ Scale-charcoal { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-charcoal, #474747), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:max-h-14 { - max-height: 3.5rem; + .lg\:via-Grey\ Scale-off-black { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-off-black, #1c1c1c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:max-h-16 { - max-height: 4rem; + .lg\:via-Grey\ Scale-black { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-black, #000000), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:max-h-20 { - max-height: 5rem; + .lg\:via-Blue-blue { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue, #3a7ca5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:max-h-24 { - max-height: 6rem; + .lg\:via-Blue-blue-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-100, #75a3c0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:max-h-28 { - max-height: 7rem; + .lg\:via-Blue-blue-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-200, #9cbed2), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:max-h-32 { - max-height: 8rem; + .lg\:via-Blue-blue-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-300, #4f7d9a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:max-h-36 { - max-height: 9rem; + .lg\:via-Blue-blue-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-400, #5c7d92), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:max-h-40 { - max-height: 10rem; + .lg\:via-Blue-blue-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-500, #347095), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:max-h-44 { - max-height: 11rem; + .lg\:via-Blue-blue-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-600, #295774), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:max-h-48 { - max-height: 12rem; + .lg\:via-Blue-blue-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-700, #173242), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:max-h-52 { - max-height: 13rem; + .lg\:via-LightBlue-lightblue { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue, #81c3d7), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:max-h-56 { - max-height: 14rem; + .lg\:via-LightBlue-lightblue-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-100, #a7d5e3), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:max-h-60 { - max-height: 15rem; + .lg\:via-LightBlue-lightblue-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-200, #c0e1eb), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:max-h-64 { - max-height: 16rem; + .lg\:via-LightBlue-lightblue-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-300, #80aebd), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:max-h-72 { - max-height: 18rem; + .lg\:via-LightBlue-lightblue-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-400, #80a0ab), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:max-h-80 { - max-height: 20rem; + .lg\:via-LightBlue-lightblue-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-500, #74afc1), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:max-h-96 { - max-height: 24rem; + .lg\:via-LightBlue-lightblue-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-600, #5a8997), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:max-h-px { - max-height: 1px; + .lg\:via-LightBlue-lightblue-650 { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-650, #3e5e65), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:max-h-0\.5 { - max-height: 0.125rem; + .lg\:via-LightBlue-lightblue-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-700, #344e56), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:max-h-1\.5 { - max-height: 0.375rem; + .lg\:via-Orange-orange { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange, #ff7f0e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:max-h-2\.5 { - max-height: 0.625rem; + .lg\:via-Orange-orange-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-100, #ffa556), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:max-h-3\.5 { - max-height: 0.875rem; + .lg\:via-Orange-orange-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-200, #ffbf86), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:max-h-full { - max-height: 100%; + .lg\:via-Orange-orange-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-300, #d97f30), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:max-h-screen { - max-height: 100vh; + .lg\:via-Orange-orange-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-400, #bf7e46), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:min-h-0 { - min-height: 0px; + .lg\:via-Orange-orange-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-500, #e5720d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:min-h-full { - min-height: 100%; + .lg\:via-Orange-orange-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-600, #b3590a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:min-h-screen { - min-height: 100vh; + .lg\:via-Orange-orange-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-700, #663306), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:w-0 { - width: 0px; + .lg\:via-Yellow-yellow { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow, #ffab00), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:w-1 { - width: 0.25rem; + .lg\:via-Yellow-yellow-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-100, #ffc44c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:w-2 { - width: 0.5rem; + .lg\:via-Yellow-yellow-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-200, #ffd580), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:w-3 { - width: 0.75rem; + .lg\:via-Yellow-yellow-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-300, #d99d26), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:w-4 { - width: 1rem; + .lg\:via-Yellow-yellow-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-400, #bf943f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:w-5 { - width: 1.25rem; + .lg\:via-Yellow-yellow-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-500, #e59a00), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:w-6 { - width: 1.5rem; + .lg\:via-Yellow-yellow-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-600, #b37800), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:w-7 { - width: 1.75rem; + .lg\:via-Yellow-yellow-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-700, #664400), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:w-8 { - width: 2rem; + .lg\:via-Notification-notification { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification, #3959ff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:w-9 { - width: 2.25rem; + .lg\:via-Notification-notification-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-100, #748bff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:w-10 { - width: 2.5rem; + .lg\:via-Notification-notification-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-200, #9cacff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:w-11 { - width: 2.75rem; + .lg\:via-Notification-notification-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-300, #4e64d9), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:w-12 { - width: 3rem; + .lg\:via-Notification-notification-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-400, #5c6cbf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:w-14 { - width: 3.5rem; + .lg\:via-Notification-notification-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-500, #3350e5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:w-16 { - width: 4rem; + .lg\:via-Notification-notification-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-600, #283eb3), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:w-20 { - width: 5rem; + .lg\:via-Notification-notification-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-700, #172466), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:w-24 { - width: 6rem; + .lg\:via-Success-success\ -700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-700, #24471f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:w-28 { - width: 7rem; + .lg\:via-Success-success { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success, #5bb14d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:w-32 { - width: 8rem; + .lg\:via-Success-success\ -100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-100, #8cc882), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:w-36 { - width: 9rem; + .lg\:via-Success-success\ -200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-200, #add8a6), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:w-40 { - width: 10rem; + .lg\:via-Success-success\ -300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-300, #66a25c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:w-44 { - width: 11rem; + .lg\:via-Success-success\ -400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-400, #6d9766), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:w-48 { - width: 12rem; + .lg\:via-Success-success\ -500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-500, #529f45), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:w-52 { - width: 13rem; + .lg\:via-Success-success\ -600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-600, #407c36), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:w-56 { - width: 14rem; + .lg\:via-Error-error { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error, #f03d3e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:w-60 { - width: 15rem; + .lg\:via-Error-error-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-100, #f57778), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:w-64 { - width: 16rem; + .lg\:via-Error-error-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-200, #f89e9e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:w-72 { - width: 18rem; + .lg\:via-Error-error-250 { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-250, #f9c8c8), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:w-80 { - width: 20rem; + .lg\:via-Error-error-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-300, #ce5151), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:w-96 { - width: 24rem; + .lg\:via-Error-error-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-400, #b85e5e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:w-auto { - width: auto; + .lg\:via-Error-error-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-500, #d83738), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:w-px { - width: 1px; + .lg\:via-Error-error-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-600, #a82b2b), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:w-0\.5 { - width: 0.125rem; + .lg\:via-Error-error-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-700, #601819), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:w-1\.5 { - width: 0.375rem; + .lg\:hover\:via-colors-black:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-black, #000000), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:w-2\.5 { - width: 0.625rem; + .lg\:hover\:via-colors-white:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-white, #ffffff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:w-3\.5 { - width: 0.875rem; + .lg\:hover\:via-colors-gray-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-100, #f7fafc), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:w-1\/2 { - width: 50%; + .lg\:hover\:via-colors-gray-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-200, #edf2f7), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:w-1\/3 { - width: 33.333333%; + .lg\:hover\:via-colors-gray-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-300, #e2e8f0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:w-2\/3 { - width: 66.666667%; + .lg\:hover\:via-colors-gray-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-400, #cbd5e0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:w-1\/4 { - width: 25%; + .lg\:hover\:via-colors-gray-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-500, #a0aec0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:w-2\/4 { - width: 50%; + .lg\:hover\:via-colors-gray-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-600, #718096), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:w-3\/4 { - width: 75%; + .lg\:hover\:via-colors-gray-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-700, #4a5568), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:w-1\/5 { - width: 20%; + .lg\:hover\:via-colors-gray-800:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-800, #2d3748), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:w-2\/5 { - width: 40%; + .lg\:hover\:via-colors-gray-900:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-900, #1a202c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:w-3\/5 { - width: 60%; + .lg\:hover\:via-colors-red-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-100, #fff5f5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:w-4\/5 { - width: 80%; + .lg\:hover\:via-colors-red-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-200, #fed7d7), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:w-1\/6 { - width: 16.666667%; + .lg\:hover\:via-colors-red-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-300, #feb2b2), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:w-2\/6 { - width: 33.333333%; + .lg\:hover\:via-colors-red-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-400, #fc8181), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:w-3\/6 { - width: 50%; + .lg\:hover\:via-colors-red-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-500, #f56565), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:w-4\/6 { - width: 66.666667%; + .lg\:hover\:via-colors-red-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-600, #e53e3e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:w-5\/6 { - width: 83.333333%; + .lg\:hover\:via-colors-red-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-700, #c53030), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:w-1\/12 { - width: 8.333333%; + .lg\:hover\:via-colors-red-800:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-800, #9b2c2c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:w-2\/12 { - width: 16.666667%; + .lg\:hover\:via-colors-red-900:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-900, #742a2a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:w-3\/12 { - width: 25%; + .lg\:hover\:via-colors-orange-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-100, #fffaf0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:w-4\/12 { - width: 33.333333%; + .lg\:hover\:via-colors-orange-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-200, #feebc8), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:w-5\/12 { - width: 41.666667%; + .lg\:hover\:via-colors-orange-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-300, #fbd38d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:w-6\/12 { - width: 50%; + .lg\:hover\:via-colors-orange-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-400, #f6ad55), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:w-7\/12 { - width: 58.333333%; + .lg\:hover\:via-colors-orange-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-500, #ed8936), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:w-8\/12 { - width: 66.666667%; + .lg\:hover\:via-colors-orange-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-600, #dd6b20), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:w-9\/12 { - width: 75%; + .lg\:hover\:via-colors-orange-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-700, #c05621), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:w-10\/12 { - width: 83.333333%; + .lg\:hover\:via-colors-orange-800:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-800, #9c4221), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:w-11\/12 { - width: 91.666667%; + .lg\:hover\:via-colors-orange-900:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-900, #7b341e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:w-full { - width: 100%; + .lg\:hover\:via-colors-yellow-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-100, #fffff0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:w-screen { - width: 100vw; + .lg\:hover\:via-colors-yellow-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-200, #fefcbf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:w-min { - width: -moz-min-content; - width: min-content; + .lg\:hover\:via-colors-yellow-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-300, #faf089), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:w-max { - width: -moz-max-content; - width: max-content; + .lg\:hover\:via-colors-yellow-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-400, #f6e05e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:min-w-0 { - min-width: 0px; + .lg\:hover\:via-colors-yellow-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-500, #ecc94b), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:min-w-full { - min-width: 100%; + .lg\:hover\:via-colors-yellow-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-600, #d69e2e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:min-w-min { - min-width: -moz-min-content; - min-width: min-content; + .lg\:hover\:via-colors-yellow-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-700, #b7791f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:min-w-max { - min-width: -moz-max-content; - min-width: max-content; + .lg\:hover\:via-colors-yellow-800:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-800, #975a16), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:max-w-0 { - max-width: 0rem; + .lg\:hover\:via-colors-yellow-900:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-900, #744210), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:max-w-none { - max-width: none; + .lg\:hover\:via-colors-green-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-100, #f0fff4), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:max-w-xs { - max-width: 20rem; + .lg\:hover\:via-colors-green-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-200, #c6f6d5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:max-w-sm { - max-width: 24rem; + .lg\:hover\:via-colors-green-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-300, #9ae6b4), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:max-w-md { - max-width: 28rem; + .lg\:hover\:via-colors-green-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-400, #68d391), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:max-w-lg { - max-width: 32rem; + .lg\:hover\:via-colors-green-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-500, #48bb78), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:max-w-xl { - max-width: 36rem; + .lg\:hover\:via-colors-green-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-600, #38a169), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:max-w-2xl { - max-width: 42rem; + .lg\:hover\:via-colors-green-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-700, #2f855a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:max-w-3xl { - max-width: 48rem; + .lg\:hover\:via-colors-green-800:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-800, #276749), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:max-w-4xl { - max-width: 56rem; + .lg\:hover\:via-colors-green-900:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-900, #22543d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:max-w-5xl { - max-width: 64rem; + .lg\:hover\:via-colors-teal-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-100, #e6fffa), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:max-w-6xl { - max-width: 72rem; + .lg\:hover\:via-colors-teal-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-200, #b2f5ea), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:max-w-7xl { - max-width: 80rem; + .lg\:hover\:via-colors-teal-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-300, #81e6d9), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:max-w-full { - max-width: 100%; + .lg\:hover\:via-colors-teal-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-400, #4fd1c5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:max-w-min { - max-width: -moz-min-content; - max-width: min-content; + .lg\:hover\:via-colors-teal-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-500, #38b2ac), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:max-w-max { - max-width: -moz-max-content; - max-width: max-content; + .lg\:hover\:via-colors-teal-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-600, #319795), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:max-w-prose { - max-width: 65ch; + .lg\:hover\:via-colors-teal-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-700, #2c7a7b), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:max-w-screen-sm { - max-width: 640px; + .lg\:hover\:via-colors-teal-800:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-800, #285e61), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:max-w-screen-md { - max-width: 768px; + .lg\:hover\:via-colors-teal-900:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-900, #234e52), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:max-w-screen-lg { - max-width: 1024px; + .lg\:hover\:via-colors-blue-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-100, #ebf8ff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:max-w-screen-xl { - max-width: 1280px; + .lg\:hover\:via-colors-blue-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-200, #bee3f8), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:max-w-screen-2xl { - max-width: 1536px; + .lg\:hover\:via-colors-blue-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-300, #90cdf4), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:flex-1 { - flex: 1 1 0%; + .lg\:hover\:via-colors-blue-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-400, #63b3ed), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:flex-auto { - flex: 1 1 auto; + .lg\:hover\:via-colors-blue-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-500, #4299e1), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:flex-initial { - flex: 0 1 auto; + .lg\:hover\:via-colors-blue-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-600, #3182ce), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:flex-none { - flex: none; + .lg\:hover\:via-colors-blue-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-700, #2b6cb0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:flex-shrink-0 { - flex-shrink: 0; + .lg\:hover\:via-colors-blue-800:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-800, #2c5282), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:flex-shrink { - flex-shrink: 1; + .lg\:hover\:via-colors-blue-900:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-900, #2a4365), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:flex-grow-0 { - flex-grow: 0; + .lg\:hover\:via-colors-indigo-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-100, #ebf4ff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:flex-grow { - flex-grow: 1; + .lg\:hover\:via-colors-indigo-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-200, #c3dafe), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:table-auto { - table-layout: auto; + .lg\:hover\:via-colors-indigo-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-300, #a3bffa), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:table-fixed { - table-layout: fixed; + .lg\:hover\:via-colors-indigo-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-400, #7f9cf5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:border-collapse { - border-collapse: collapse; + .lg\:hover\:via-colors-indigo-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-500, #667eea), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:border-separate { - border-collapse: separate; + .lg\:hover\:via-colors-indigo-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-600, #5a67d8), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:origin-center { - transform-origin: center; + .lg\:hover\:via-colors-indigo-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-700, #4c51bf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:origin-top { - transform-origin: top; + .lg\:hover\:via-colors-indigo-800:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-800, #434190), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:origin-top-right { - transform-origin: top right; + .lg\:hover\:via-colors-indigo-900:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-900, #3c366b), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:origin-right { - transform-origin: right; + .lg\:hover\:via-colors-purple-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-100, #faf5ff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:origin-bottom-right { - transform-origin: bottom right; + .lg\:hover\:via-colors-purple-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-200, #e9d8fd), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:origin-bottom { - transform-origin: bottom; + .lg\:hover\:via-colors-purple-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-300, #d6bcfa), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:origin-bottom-left { - transform-origin: bottom left; + .lg\:hover\:via-colors-purple-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-400, #b794f4), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:origin-left { - transform-origin: left; + .lg\:hover\:via-colors-purple-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-500, #9f7aea), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:origin-top-left { - transform-origin: top left; + .lg\:hover\:via-colors-purple-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-600, #805ad5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:transform { - --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; - transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); + .lg\:hover\:via-colors-purple-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-700, #6b46c1), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:transform-gpu { - --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; - transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); + .lg\:hover\:via-colors-purple-800:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-800, #553c9a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:transform-none { - transform: none; + .lg\:hover\:via-colors-purple-900:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-900, #44337a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-x-0 { - --tw-translate-x: 0px; + .lg\:hover\:via-colors-pink-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-100, #fff5f7), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-x-1 { - --tw-translate-x: 0.25rem; + .lg\:hover\:via-colors-pink-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-200, #fed7e2), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-x-2 { - --tw-translate-x: 0.5rem; + .lg\:hover\:via-colors-pink-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-300, #fbb6ce), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-x-3 { - --tw-translate-x: 0.75rem; + .lg\:hover\:via-colors-pink-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-400, #f687b3), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-x-4 { - --tw-translate-x: 1rem; + .lg\:hover\:via-colors-pink-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-500, #ed64a6), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-x-5 { - --tw-translate-x: 1.25rem; + .lg\:hover\:via-colors-pink-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-600, #d53f8c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-x-6 { - --tw-translate-x: 1.5rem; + .lg\:hover\:via-colors-pink-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-700, #b83280), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-x-7 { - --tw-translate-x: 1.75rem; + .lg\:hover\:via-colors-pink-800:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-800, #97266d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-x-8 { - --tw-translate-x: 2rem; + .lg\:hover\:via-colors-pink-900:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-900, #702459), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-x-9 { - --tw-translate-x: 2.25rem; + .lg\:hover\:via-Box\ Shadow:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--box-shadow, #7f7e7f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-x-10 { - --tw-translate-x: 2.5rem; + .lg\:hover\:via-Error16:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--error16, #f03d3e40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-x-11 { - --tw-translate-x: 2.75rem; + .lg\:hover\:via-Success16:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--success16, #5bb14d40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-x-12 { - --tw-translate-x: 3rem; + .lg\:hover\:via-Notification16:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification16, #3959ff40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-x-14 { - --tw-translate-x: 3.5rem; + .lg\:hover\:via-Error8:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--error8, #f03d3e1a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-x-16 { - --tw-translate-x: 4rem; + .lg\:hover\:via-Notification8:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification8, #3959ff1a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-x-20 { - --tw-translate-x: 5rem; + .lg\:hover\:via-Success8:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--success8, #5bb14d1a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-x-24 { - --tw-translate-x: 6rem; + .lg\:hover\:via-Light\ -\ Overlay:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-overlay, #f0edee66), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-x-28 { - --tw-translate-x: 7rem; + .lg\:hover\:via-Dark-\ Overlay:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--dark-overlay, #7f7e7f66), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-x-32 { - --tw-translate-x: 8rem; + .lg\:hover\:via-black-40:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-40, #00000066), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-x-36 { - --tw-translate-x: 9rem; + .lg\:hover\:via-black-75:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-75, #000000bf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .lg\:hover\:via-black-60:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-60, #00000099), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-x-40 { - --tw-translate-x: 10rem; + .lg\:hover\:via-black-50:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-50, #00000080), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-x-44 { - --tw-translate-x: 11rem; + .lg\:hover\:via-black-25:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-25, #00000040), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-x-48 { - --tw-translate-x: 12rem; + .lg\:hover\:via-black-10:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-10, #0000001a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-x-52 { - --tw-translate-x: 13rem; + .lg\:hover\:via-white-25:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--white-25, #ffffff40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-x-56 { - --tw-translate-x: 14rem; + .lg\:hover\:via-white-60:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--white-60, #ffffff99), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-x-60 { - --tw-translate-x: 15rem; + .lg\:hover\:via-black-64:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-64, #000000a3), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-x-64 { - --tw-translate-x: 16rem; + .lg\:hover\:via-Shadow\ and\ Highlight-Shadow:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow, #7f7e7f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-x-72 { - --tw-translate-x: 18rem; + .lg\:hover\:via-Shadow\ and\ Highlight-Highlight:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight, #474747), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-x-80 { - --tw-translate-x: 20rem; + .lg\:hover\:via-Shadow\ and\ Highlight-highlight\ one:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-one, #474747bf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-x-96 { - --tw-translate-x: 24rem; + .lg\:hover\:via-Shadow\ and\ Highlight-highlight\ two:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-two, #47474799), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-x-px { - --tw-translate-x: 1px; + .lg\:hover\:via-Shadow\ and\ Highlight-highlight\ three:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-three, #47474766), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-x-0\.5 { - --tw-translate-x: 0.125rem; + .lg\:hover\:via-Shadow\ and\ Highlight-highlight\ five:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-five, #4747471a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-x-1\.5 { - --tw-translate-x: 0.375rem; + .lg\:hover\:via-Shadow\ and\ Highlight-shadow\ one:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-one, #7f7e7fbf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-x-2\.5 { - --tw-translate-x: 0.625rem; + .lg\:hover\:via-Shadow\ and\ Highlight-shadow\ two:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-two, #7f7e7f99), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-x-3\.5 { - --tw-translate-x: 0.875rem; + .lg\:hover\:via-Shadow\ and\ Highlight-shadow\ three:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-three, #7f7e7f66), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-x-0 { - --tw-translate-x: 0px; + .lg\:hover\:via-Shadow\ and\ Highlight-shadow\ four:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-four, #7f7e7f40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-x-1 { - --tw-translate-x: -0.25rem; + .lg\:hover\:via-Shadow\ and\ Highlight-shadow\ five:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-five, #7f7e7f1a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-x-2 { - --tw-translate-x: -0.5rem; + .lg\:hover\:via-Shadow\ and\ Highlight-highlight\ four:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-four, #47474740), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-x-3 { - --tw-translate-x: -0.75rem; + .lg\:hover\:via-Base\ Layer\ Styles-Base\ Layer-\ Light-White:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--base-layer-styles-base-layer-light-white, #ffffff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-x-4 { - --tw-translate-x: -1rem; + .lg\:hover\:via-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--base-layer-styles-base-layer-light-off-white, #f0edee), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-x-5 { - --tw-translate-x: -1.25rem; + .lg\:hover\:via-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-x-6 { - --tw-translate-x: -1.5rem; + .lg\:hover\:via-Base\ Layer\ Styles-Base\ Layer-Dark-Black:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--base-layer-styles-base-layer-dark-black, #000000), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-x-7 { - --tw-translate-x: -1.75rem; + .lg\:hover\:via-Grey-Scale-white:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-white, #ffffff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-x-8 { - --tw-translate-x: -2rem; + .lg\:hover\:via-Grey-Scale-off-white:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-off-white, #f0edee), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-x-9 { - --tw-translate-x: -2.25rem; + .lg\:hover\:via-Grey\ Scale-grey:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-grey, #7f7e7f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-x-10 { - --tw-translate-x: -2.5rem; + .lg\:hover\:via-Grey\ Scale-charcoal:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-charcoal, #474747), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-x-11 { - --tw-translate-x: -2.75rem; + .lg\:hover\:via-Grey\ Scale-off-black:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-off-black, #1c1c1c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-x-12 { - --tw-translate-x: -3rem; + .lg\:hover\:via-Grey\ Scale-black:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-black, #000000), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-x-14 { - --tw-translate-x: -3.5rem; + .lg\:hover\:via-Blue-blue:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue, #3a7ca5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-x-16 { - --tw-translate-x: -4rem; + .lg\:hover\:via-Blue-blue-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-100, #75a3c0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-x-20 { - --tw-translate-x: -5rem; + .lg\:hover\:via-Blue-blue-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-200, #9cbed2), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-x-24 { - --tw-translate-x: -6rem; + .lg\:hover\:via-Blue-blue-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-300, #4f7d9a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-x-28 { - --tw-translate-x: -7rem; + .lg\:hover\:via-Blue-blue-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-400, #5c7d92), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-x-32 { - --tw-translate-x: -8rem; + .lg\:hover\:via-Blue-blue-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-500, #347095), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-x-36 { - --tw-translate-x: -9rem; + .lg\:hover\:via-Blue-blue-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-600, #295774), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-x-40 { - --tw-translate-x: -10rem; + .lg\:hover\:via-Blue-blue-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-700, #173242), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-x-44 { - --tw-translate-x: -11rem; + .lg\:hover\:via-LightBlue-lightblue:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue, #81c3d7), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-x-48 { - --tw-translate-x: -12rem; + .lg\:hover\:via-LightBlue-lightblue-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-100, #a7d5e3), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-x-52 { - --tw-translate-x: -13rem; + .lg\:hover\:via-LightBlue-lightblue-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-200, #c0e1eb), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-x-56 { - --tw-translate-x: -14rem; + .lg\:hover\:via-LightBlue-lightblue-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-300, #80aebd), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-x-60 { - --tw-translate-x: -15rem; + .lg\:hover\:via-LightBlue-lightblue-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-400, #80a0ab), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-x-64 { - --tw-translate-x: -16rem; + .lg\:hover\:via-LightBlue-lightblue-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-500, #74afc1), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-x-72 { - --tw-translate-x: -18rem; + .lg\:hover\:via-LightBlue-lightblue-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-600, #5a8997), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-x-80 { - --tw-translate-x: -20rem; + .lg\:hover\:via-LightBlue-lightblue-650:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-650, #3e5e65), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-x-96 { - --tw-translate-x: -24rem; + .lg\:hover\:via-LightBlue-lightblue-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-700, #344e56), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-x-px { - --tw-translate-x: -1px; + .lg\:hover\:via-Orange-orange:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange, #ff7f0e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-x-0\.5 { - --tw-translate-x: -0.125rem; + .lg\:hover\:via-Orange-orange-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-100, #ffa556), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-x-1\.5 { - --tw-translate-x: -0.375rem; + .lg\:hover\:via-Orange-orange-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-200, #ffbf86), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-x-2\.5 { - --tw-translate-x: -0.625rem; + .lg\:hover\:via-Orange-orange-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-300, #d97f30), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-x-3\.5 { - --tw-translate-x: -0.875rem; + .lg\:hover\:via-Orange-orange-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-400, #bf7e46), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-x-1\/2 { - --tw-translate-x: 50%; + .lg\:hover\:via-Orange-orange-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-500, #e5720d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-x-1\/3 { - --tw-translate-x: 33.333333%; + .lg\:hover\:via-Orange-orange-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-600, #b3590a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-x-2\/3 { - --tw-translate-x: 66.666667%; + .lg\:hover\:via-Orange-orange-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-700, #663306), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-x-1\/4 { - --tw-translate-x: 25%; + .lg\:hover\:via-Yellow-yellow:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow, #ffab00), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-x-2\/4 { - --tw-translate-x: 50%; + .lg\:hover\:via-Yellow-yellow-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-100, #ffc44c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-x-3\/4 { - --tw-translate-x: 75%; + .lg\:hover\:via-Yellow-yellow-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-200, #ffd580), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-x-full { - --tw-translate-x: 100%; + .lg\:hover\:via-Yellow-yellow-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-300, #d99d26), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-x-1\/2 { - --tw-translate-x: -50%; + .lg\:hover\:via-Yellow-yellow-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-400, #bf943f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-x-1\/3 { - --tw-translate-x: -33.333333%; + .lg\:hover\:via-Yellow-yellow-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-500, #e59a00), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-x-2\/3 { - --tw-translate-x: -66.666667%; + .lg\:hover\:via-Yellow-yellow-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-600, #b37800), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-x-1\/4 { - --tw-translate-x: -25%; + .lg\:hover\:via-Yellow-yellow-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-700, #664400), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-x-2\/4 { - --tw-translate-x: -50%; + .lg\:hover\:via-Notification-notification:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification, #3959ff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-x-3\/4 { - --tw-translate-x: -75%; + .lg\:hover\:via-Notification-notification-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-100, #748bff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-x-full { - --tw-translate-x: -100%; + .lg\:hover\:via-Notification-notification-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-200, #9cacff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-y-0 { - --tw-translate-y: 0px; + .lg\:hover\:via-Notification-notification-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-300, #4e64d9), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-y-1 { - --tw-translate-y: 0.25rem; + .lg\:hover\:via-Notification-notification-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-400, #5c6cbf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-y-2 { - --tw-translate-y: 0.5rem; + .lg\:hover\:via-Notification-notification-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-500, #3350e5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-y-3 { - --tw-translate-y: 0.75rem; + .lg\:hover\:via-Notification-notification-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-600, #283eb3), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-y-4 { - --tw-translate-y: 1rem; + .lg\:hover\:via-Notification-notification-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-700, #172466), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-y-5 { - --tw-translate-y: 1.25rem; + .lg\:hover\:via-Success-success\ -700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-700, #24471f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-y-6 { - --tw-translate-y: 1.5rem; + .lg\:hover\:via-Success-success:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success, #5bb14d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-y-7 { - --tw-translate-y: 1.75rem; + .lg\:hover\:via-Success-success\ -100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-100, #8cc882), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-y-8 { - --tw-translate-y: 2rem; + .lg\:hover\:via-Success-success\ -200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-200, #add8a6), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-y-9 { - --tw-translate-y: 2.25rem; + .lg\:hover\:via-Success-success\ -300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-300, #66a25c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-y-10 { - --tw-translate-y: 2.5rem; + .lg\:hover\:via-Success-success\ -400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-400, #6d9766), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-y-11 { - --tw-translate-y: 2.75rem; + .lg\:hover\:via-Success-success\ -500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-500, #529f45), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-y-12 { - --tw-translate-y: 3rem; + .lg\:hover\:via-Success-success\ -600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-600, #407c36), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-y-14 { - --tw-translate-y: 3.5rem; + .lg\:hover\:via-Error-error:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error, #f03d3e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-y-16 { - --tw-translate-y: 4rem; + .lg\:hover\:via-Error-error-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-100, #f57778), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-y-20 { - --tw-translate-y: 5rem; + .lg\:hover\:via-Error-error-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-200, #f89e9e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-y-24 { - --tw-translate-y: 6rem; + .lg\:hover\:via-Error-error-250:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-250, #f9c8c8), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-y-28 { - --tw-translate-y: 7rem; + .lg\:hover\:via-Error-error-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-300, #ce5151), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-y-32 { - --tw-translate-y: 8rem; + .lg\:hover\:via-Error-error-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-400, #b85e5e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-y-36 { - --tw-translate-y: 9rem; + .lg\:hover\:via-Error-error-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-500, #d83738), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-y-40 { - --tw-translate-y: 10rem; + .lg\:hover\:via-Error-error-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-600, #a82b2b), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-y-44 { - --tw-translate-y: 11rem; + .lg\:hover\:via-Error-error-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-700, #601819), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-y-48 { - --tw-translate-y: 12rem; + .lg\:focus\:via-colors-black:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-black, #000000), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-y-52 { - --tw-translate-y: 13rem; + .lg\:focus\:via-colors-white:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-white, #ffffff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-y-56 { - --tw-translate-y: 14rem; + .lg\:focus\:via-colors-gray-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-100, #f7fafc), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-y-60 { - --tw-translate-y: 15rem; + .lg\:focus\:via-colors-gray-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-200, #edf2f7), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-y-64 { - --tw-translate-y: 16rem; + .lg\:focus\:via-colors-gray-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-300, #e2e8f0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-y-72 { - --tw-translate-y: 18rem; + .lg\:focus\:via-colors-gray-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-400, #cbd5e0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-y-80 { - --tw-translate-y: 20rem; + .lg\:focus\:via-colors-gray-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-500, #a0aec0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-y-96 { - --tw-translate-y: 24rem; + .lg\:focus\:via-colors-gray-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-600, #718096), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-y-px { - --tw-translate-y: 1px; + .lg\:focus\:via-colors-gray-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-700, #4a5568), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-y-0\.5 { - --tw-translate-y: 0.125rem; + .lg\:focus\:via-colors-gray-800:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-800, #2d3748), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-y-1\.5 { - --tw-translate-y: 0.375rem; + .lg\:focus\:via-colors-gray-900:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-900, #1a202c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-y-2\.5 { - --tw-translate-y: 0.625rem; + .lg\:focus\:via-colors-red-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-100, #fff5f5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-y-3\.5 { - --tw-translate-y: 0.875rem; + .lg\:focus\:via-colors-red-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-200, #fed7d7), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-y-0 { - --tw-translate-y: 0px; + .lg\:focus\:via-colors-red-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-300, #feb2b2), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-y-1 { - --tw-translate-y: -0.25rem; + .lg\:focus\:via-colors-red-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-400, #fc8181), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-y-2 { - --tw-translate-y: -0.5rem; + .lg\:focus\:via-colors-red-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-500, #f56565), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-y-3 { - --tw-translate-y: -0.75rem; + .lg\:focus\:via-colors-red-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-600, #e53e3e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-y-4 { - --tw-translate-y: -1rem; + .lg\:focus\:via-colors-red-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-700, #c53030), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-y-5 { - --tw-translate-y: -1.25rem; + .lg\:focus\:via-colors-red-800:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-800, #9b2c2c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-y-6 { - --tw-translate-y: -1.5rem; + .lg\:focus\:via-colors-red-900:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-900, #742a2a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-y-7 { - --tw-translate-y: -1.75rem; + .lg\:focus\:via-colors-orange-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-100, #fffaf0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-y-8 { - --tw-translate-y: -2rem; + .lg\:focus\:via-colors-orange-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-200, #feebc8), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-y-9 { - --tw-translate-y: -2.25rem; + .lg\:focus\:via-colors-orange-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-300, #fbd38d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-y-10 { - --tw-translate-y: -2.5rem; + .lg\:focus\:via-colors-orange-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-400, #f6ad55), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-y-11 { - --tw-translate-y: -2.75rem; + .lg\:focus\:via-colors-orange-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-500, #ed8936), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-y-12 { - --tw-translate-y: -3rem; + .lg\:focus\:via-colors-orange-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-600, #dd6b20), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-y-14 { - --tw-translate-y: -3.5rem; + .lg\:focus\:via-colors-orange-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-700, #c05621), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-y-16 { - --tw-translate-y: -4rem; + .lg\:focus\:via-colors-orange-800:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-800, #9c4221), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-y-20 { - --tw-translate-y: -5rem; + .lg\:focus\:via-colors-orange-900:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-900, #7b341e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-y-24 { - --tw-translate-y: -6rem; + .lg\:focus\:via-colors-yellow-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-100, #fffff0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-y-28 { - --tw-translate-y: -7rem; + .lg\:focus\:via-colors-yellow-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-200, #fefcbf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-y-32 { - --tw-translate-y: -8rem; + .lg\:focus\:via-colors-yellow-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-300, #faf089), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-y-36 { - --tw-translate-y: -9rem; + .lg\:focus\:via-colors-yellow-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-400, #f6e05e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-y-40 { - --tw-translate-y: -10rem; + .lg\:focus\:via-colors-yellow-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-500, #ecc94b), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-y-44 { - --tw-translate-y: -11rem; + .lg\:focus\:via-colors-yellow-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-600, #d69e2e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-y-48 { - --tw-translate-y: -12rem; + .lg\:focus\:via-colors-yellow-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-700, #b7791f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-y-52 { - --tw-translate-y: -13rem; + .lg\:focus\:via-colors-yellow-800:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-800, #975a16), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-y-56 { - --tw-translate-y: -14rem; + .lg\:focus\:via-colors-yellow-900:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-900, #744210), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-y-60 { - --tw-translate-y: -15rem; + .lg\:focus\:via-colors-green-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-100, #f0fff4), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-y-64 { - --tw-translate-y: -16rem; + .lg\:focus\:via-colors-green-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-200, #c6f6d5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-y-72 { - --tw-translate-y: -18rem; + .lg\:focus\:via-colors-green-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-300, #9ae6b4), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-y-80 { - --tw-translate-y: -20rem; + .lg\:focus\:via-colors-green-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-400, #68d391), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-y-96 { - --tw-translate-y: -24rem; + .lg\:focus\:via-colors-green-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-500, #48bb78), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-y-px { - --tw-translate-y: -1px; + .lg\:focus\:via-colors-green-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-600, #38a169), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-y-0\.5 { - --tw-translate-y: -0.125rem; + .lg\:focus\:via-colors-green-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-700, #2f855a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-y-1\.5 { - --tw-translate-y: -0.375rem; + .lg\:focus\:via-colors-green-800:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-800, #276749), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-y-2\.5 { - --tw-translate-y: -0.625rem; + .lg\:focus\:via-colors-green-900:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-900, #22543d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-y-3\.5 { - --tw-translate-y: -0.875rem; + .lg\:focus\:via-colors-teal-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-100, #e6fffa), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-y-1\/2 { - --tw-translate-y: 50%; + .lg\:focus\:via-colors-teal-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-200, #b2f5ea), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-y-1\/3 { - --tw-translate-y: 33.333333%; + .lg\:focus\:via-colors-teal-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-300, #81e6d9), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-y-2\/3 { - --tw-translate-y: 66.666667%; + .lg\:focus\:via-colors-teal-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-400, #4fd1c5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-y-1\/4 { - --tw-translate-y: 25%; + .lg\:focus\:via-colors-teal-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-500, #38b2ac), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-y-2\/4 { - --tw-translate-y: 50%; + .lg\:focus\:via-colors-teal-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-600, #319795), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-y-3\/4 { - --tw-translate-y: 75%; + .lg\:focus\:via-colors-teal-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-700, #2c7a7b), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:translate-y-full { - --tw-translate-y: 100%; + .lg\:focus\:via-colors-teal-800:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-800, #285e61), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-y-1\/2 { - --tw-translate-y: -50%; + .lg\:focus\:via-colors-teal-900:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-900, #234e52), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-y-1\/3 { - --tw-translate-y: -33.333333%; + .lg\:focus\:via-colors-blue-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-100, #ebf8ff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-y-2\/3 { - --tw-translate-y: -66.666667%; + .lg\:focus\:via-colors-blue-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-200, #bee3f8), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-y-1\/4 { - --tw-translate-y: -25%; + .lg\:focus\:via-colors-blue-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-300, #90cdf4), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-y-2\/4 { - --tw-translate-y: -50%; + .lg\:focus\:via-colors-blue-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-400, #63b3ed), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-y-3\/4 { - --tw-translate-y: -75%; + .lg\:focus\:via-colors-blue-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-500, #4299e1), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:-translate-y-full { - --tw-translate-y: -100%; + .lg\:focus\:via-colors-blue-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-600, #3182ce), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:translate-x-0:hover { - --tw-translate-x: 0px; + .lg\:focus\:via-colors-blue-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-700, #2b6cb0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:translate-x-1:hover { - --tw-translate-x: 0.25rem; + .lg\:focus\:via-colors-blue-800:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-800, #2c5282), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:translate-x-2:hover { - --tw-translate-x: 0.5rem; + .lg\:focus\:via-colors-blue-900:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-900, #2a4365), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:translate-x-3:hover { - --tw-translate-x: 0.75rem; + .lg\:focus\:via-colors-indigo-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-100, #ebf4ff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:translate-x-4:hover { - --tw-translate-x: 1rem; + .lg\:focus\:via-colors-indigo-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-200, #c3dafe), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:translate-x-5:hover { - --tw-translate-x: 1.25rem; + .lg\:focus\:via-colors-indigo-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-300, #a3bffa), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:translate-x-6:hover { - --tw-translate-x: 1.5rem; + .lg\:focus\:via-colors-indigo-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-400, #7f9cf5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:translate-x-7:hover { - --tw-translate-x: 1.75rem; + .lg\:focus\:via-colors-indigo-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-500, #667eea), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:translate-x-8:hover { - --tw-translate-x: 2rem; + .lg\:focus\:via-colors-indigo-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-600, #5a67d8), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:translate-x-9:hover { - --tw-translate-x: 2.25rem; + .lg\:focus\:via-colors-indigo-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-700, #4c51bf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:translate-x-10:hover { - --tw-translate-x: 2.5rem; + .lg\:focus\:via-colors-indigo-800:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-800, #434190), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:translate-x-11:hover { - --tw-translate-x: 2.75rem; + .lg\:focus\:via-colors-indigo-900:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-900, #3c366b), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:translate-x-12:hover { - --tw-translate-x: 3rem; + .lg\:focus\:via-colors-purple-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-100, #faf5ff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:translate-x-14:hover { - --tw-translate-x: 3.5rem; + .lg\:focus\:via-colors-purple-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-200, #e9d8fd), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:translate-x-16:hover { - --tw-translate-x: 4rem; + .lg\:focus\:via-colors-purple-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-300, #d6bcfa), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:translate-x-20:hover { - --tw-translate-x: 5rem; + .lg\:focus\:via-colors-purple-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-400, #b794f4), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:translate-x-24:hover { - --tw-translate-x: 6rem; + .lg\:focus\:via-colors-purple-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-500, #9f7aea), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:translate-x-28:hover { - --tw-translate-x: 7rem; + .lg\:focus\:via-colors-purple-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-600, #805ad5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:translate-x-32:hover { - --tw-translate-x: 8rem; + .lg\:focus\:via-colors-purple-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-700, #6b46c1), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:translate-x-36:hover { - --tw-translate-x: 9rem; + .lg\:focus\:via-colors-purple-800:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-800, #553c9a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:translate-x-40:hover { - --tw-translate-x: 10rem; + .lg\:focus\:via-colors-purple-900:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-900, #44337a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:translate-x-44:hover { - --tw-translate-x: 11rem; + .lg\:focus\:via-colors-pink-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-100, #fff5f7), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:translate-x-48:hover { - --tw-translate-x: 12rem; + .lg\:focus\:via-colors-pink-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-200, #fed7e2), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:translate-x-52:hover { - --tw-translate-x: 13rem; + .lg\:focus\:via-colors-pink-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-300, #fbb6ce), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:translate-x-56:hover { - --tw-translate-x: 14rem; + .lg\:focus\:via-colors-pink-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-400, #f687b3), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:translate-x-60:hover { - --tw-translate-x: 15rem; + .lg\:focus\:via-colors-pink-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-500, #ed64a6), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:translate-x-64:hover { - --tw-translate-x: 16rem; + .lg\:focus\:via-colors-pink-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-600, #d53f8c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:translate-x-72:hover { - --tw-translate-x: 18rem; + .lg\:focus\:via-colors-pink-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-700, #b83280), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:translate-x-80:hover { - --tw-translate-x: 20rem; + .lg\:focus\:via-colors-pink-800:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-800, #97266d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:translate-x-96:hover { - --tw-translate-x: 24rem; + .lg\:focus\:via-colors-pink-900:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-900, #702459), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:translate-x-px:hover { - --tw-translate-x: 1px; + .lg\:focus\:via-Box\ Shadow:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--box-shadow, #7f7e7f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:translate-x-0\.5:hover { - --tw-translate-x: 0.125rem; + .lg\:focus\:via-Error16:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--error16, #f03d3e40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:translate-x-1\.5:hover { - --tw-translate-x: 0.375rem; + .lg\:focus\:via-Success16:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--success16, #5bb14d40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:translate-x-2\.5:hover { - --tw-translate-x: 0.625rem; + .lg\:focus\:via-Notification16:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification16, #3959ff40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:translate-x-3\.5:hover { - --tw-translate-x: 0.875rem; + .lg\:focus\:via-Error8:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--error8, #f03d3e1a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:-translate-x-0:hover { - --tw-translate-x: 0px; + .lg\:focus\:via-Notification8:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification8, #3959ff1a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:-translate-x-1:hover { - --tw-translate-x: -0.25rem; + .lg\:focus\:via-Success8:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--success8, #5bb14d1a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:-translate-x-2:hover { - --tw-translate-x: -0.5rem; + .lg\:focus\:via-Light\ -\ Overlay:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-overlay, #f0edee66), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:-translate-x-3:hover { - --tw-translate-x: -0.75rem; + .lg\:focus\:via-Dark-\ Overlay:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--dark-overlay, #7f7e7f66), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:-translate-x-4:hover { - --tw-translate-x: -1rem; + .lg\:focus\:via-black-40:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-40, #00000066), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:-translate-x-5:hover { - --tw-translate-x: -1.25rem; + .lg\:focus\:via-black-75:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-75, #000000bf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:-translate-x-6:hover { - --tw-translate-x: -1.5rem; + .lg\:focus\:via-black-60:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-60, #00000099), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:-translate-x-7:hover { - --tw-translate-x: -1.75rem; + .lg\:focus\:via-black-50:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-50, #00000080), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:-translate-x-8:hover { - --tw-translate-x: -2rem; + .lg\:focus\:via-black-25:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-25, #00000040), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:-translate-x-9:hover { - --tw-translate-x: -2.25rem; + .lg\:focus\:via-black-10:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-10, #0000001a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:-translate-x-10:hover { - --tw-translate-x: -2.5rem; + .lg\:focus\:via-white-25:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--white-25, #ffffff40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:-translate-x-11:hover { - --tw-translate-x: -2.75rem; + .lg\:focus\:via-white-60:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--white-60, #ffffff99), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:-translate-x-12:hover { - --tw-translate-x: -3rem; + .lg\:focus\:via-black-64:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-64, #000000a3), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:-translate-x-14:hover { - --tw-translate-x: -3.5rem; + .lg\:focus\:via-Shadow\ and\ Highlight-Shadow:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow, #7f7e7f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:-translate-x-16:hover { - --tw-translate-x: -4rem; + .lg\:focus\:via-Shadow\ and\ Highlight-Highlight:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight, #474747), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:-translate-x-20:hover { - --tw-translate-x: -5rem; + .lg\:focus\:via-Shadow\ and\ Highlight-highlight\ one:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-one, #474747bf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:-translate-x-24:hover { - --tw-translate-x: -6rem; + .lg\:focus\:via-Shadow\ and\ Highlight-highlight\ two:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-two, #47474799), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:-translate-x-28:hover { - --tw-translate-x: -7rem; + .lg\:focus\:via-Shadow\ and\ Highlight-highlight\ three:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-three, #47474766), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:-translate-x-32:hover { - --tw-translate-x: -8rem; + .lg\:focus\:via-Shadow\ and\ Highlight-highlight\ five:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-five, #4747471a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:-translate-x-36:hover { - --tw-translate-x: -9rem; + .lg\:focus\:via-Shadow\ and\ Highlight-shadow\ one:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-one, #7f7e7fbf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:-translate-x-40:hover { - --tw-translate-x: -10rem; + .lg\:focus\:via-Shadow\ and\ Highlight-shadow\ two:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-two, #7f7e7f99), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:-translate-x-44:hover { - --tw-translate-x: -11rem; + .lg\:focus\:via-Shadow\ and\ Highlight-shadow\ three:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-three, #7f7e7f66), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:-translate-x-48:hover { - --tw-translate-x: -12rem; + .lg\:focus\:via-Shadow\ and\ Highlight-shadow\ four:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-four, #7f7e7f40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:-translate-x-52:hover { - --tw-translate-x: -13rem; + .lg\:focus\:via-Shadow\ and\ Highlight-shadow\ five:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-five, #7f7e7f1a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:-translate-x-56:hover { - --tw-translate-x: -14rem; + .lg\:focus\:via-Shadow\ and\ Highlight-highlight\ four:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-four, #47474740), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:-translate-x-60:hover { - --tw-translate-x: -15rem; + .lg\:focus\:via-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--base-layer-styles-base-layer-light-white, #ffffff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:-translate-x-64:hover { - --tw-translate-x: -16rem; + .lg\:focus\:via-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--base-layer-styles-base-layer-light-off-white, #f0edee), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:-translate-x-72:hover { - --tw-translate-x: -18rem; + .lg\:focus\:via-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:-translate-x-80:hover { - --tw-translate-x: -20rem; + .lg\:focus\:via-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--base-layer-styles-base-layer-dark-black, #000000), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:-translate-x-96:hover { - --tw-translate-x: -24rem; + .lg\:focus\:via-Grey-Scale-white:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-white, #ffffff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:-translate-x-px:hover { - --tw-translate-x: -1px; + .lg\:focus\:via-Grey-Scale-off-white:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-off-white, #f0edee), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:-translate-x-0\.5:hover { - --tw-translate-x: -0.125rem; + .lg\:focus\:via-Grey\ Scale-grey:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-grey, #7f7e7f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:-translate-x-1\.5:hover { - --tw-translate-x: -0.375rem; + .lg\:focus\:via-Grey\ Scale-charcoal:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-charcoal, #474747), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:-translate-x-2\.5:hover { - --tw-translate-x: -0.625rem; + .lg\:focus\:via-Grey\ Scale-off-black:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-off-black, #1c1c1c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:-translate-x-3\.5:hover { - --tw-translate-x: -0.875rem; + .lg\:focus\:via-Grey\ Scale-black:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-black, #000000), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:translate-x-1\/2:hover { - --tw-translate-x: 50%; + .lg\:focus\:via-Blue-blue:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue, #3a7ca5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:translate-x-1\/3:hover { - --tw-translate-x: 33.333333%; + .lg\:focus\:via-Blue-blue-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-100, #75a3c0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:translate-x-2\/3:hover { - --tw-translate-x: 66.666667%; + .lg\:focus\:via-Blue-blue-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-200, #9cbed2), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:translate-x-1\/4:hover { - --tw-translate-x: 25%; + .lg\:focus\:via-Blue-blue-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-300, #4f7d9a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:translate-x-2\/4:hover { - --tw-translate-x: 50%; + .lg\:focus\:via-Blue-blue-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-400, #5c7d92), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:translate-x-3\/4:hover { - --tw-translate-x: 75%; + .lg\:focus\:via-Blue-blue-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-500, #347095), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:translate-x-full:hover { - --tw-translate-x: 100%; + .lg\:focus\:via-Blue-blue-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-600, #295774), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:-translate-x-1\/2:hover { - --tw-translate-x: -50%; + .lg\:focus\:via-Blue-blue-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-700, #173242), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:-translate-x-1\/3:hover { - --tw-translate-x: -33.333333%; + .lg\:focus\:via-LightBlue-lightblue:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue, #81c3d7), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:-translate-x-2\/3:hover { - --tw-translate-x: -66.666667%; + .lg\:focus\:via-LightBlue-lightblue-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-100, #a7d5e3), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:-translate-x-1\/4:hover { - --tw-translate-x: -25%; + .lg\:focus\:via-LightBlue-lightblue-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-200, #c0e1eb), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:-translate-x-2\/4:hover { - --tw-translate-x: -50%; + .lg\:focus\:via-LightBlue-lightblue-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-300, #80aebd), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:-translate-x-3\/4:hover { - --tw-translate-x: -75%; + .lg\:focus\:via-LightBlue-lightblue-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-400, #80a0ab), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:-translate-x-full:hover { - --tw-translate-x: -100%; + .lg\:focus\:via-LightBlue-lightblue-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-500, #74afc1), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:translate-y-0:hover { - --tw-translate-y: 0px; + .lg\:focus\:via-LightBlue-lightblue-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-600, #5a8997), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:translate-y-1:hover { - --tw-translate-y: 0.25rem; + .lg\:focus\:via-LightBlue-lightblue-650:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-650, #3e5e65), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:translate-y-2:hover { - --tw-translate-y: 0.5rem; + .lg\:focus\:via-LightBlue-lightblue-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-700, #344e56), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:translate-y-3:hover { - --tw-translate-y: 0.75rem; + .lg\:focus\:via-Orange-orange:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange, #ff7f0e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:translate-y-4:hover { - --tw-translate-y: 1rem; + .lg\:focus\:via-Orange-orange-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-100, #ffa556), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:translate-y-5:hover { - --tw-translate-y: 1.25rem; + .lg\:focus\:via-Orange-orange-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-200, #ffbf86), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:translate-y-6:hover { - --tw-translate-y: 1.5rem; + .lg\:focus\:via-Orange-orange-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-300, #d97f30), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:translate-y-7:hover { - --tw-translate-y: 1.75rem; + .lg\:focus\:via-Orange-orange-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-400, #bf7e46), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:translate-y-8:hover { - --tw-translate-y: 2rem; + .lg\:focus\:via-Orange-orange-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-500, #e5720d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:translate-y-9:hover { - --tw-translate-y: 2.25rem; + .lg\:focus\:via-Orange-orange-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-600, #b3590a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:translate-y-10:hover { - --tw-translate-y: 2.5rem; + .lg\:focus\:via-Orange-orange-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-700, #663306), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:translate-y-11:hover { - --tw-translate-y: 2.75rem; + .lg\:focus\:via-Yellow-yellow:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow, #ffab00), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:translate-y-12:hover { - --tw-translate-y: 3rem; + .lg\:focus\:via-Yellow-yellow-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-100, #ffc44c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:translate-y-14:hover { - --tw-translate-y: 3.5rem; + .lg\:focus\:via-Yellow-yellow-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-200, #ffd580), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:translate-y-16:hover { - --tw-translate-y: 4rem; + .lg\:focus\:via-Yellow-yellow-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-300, #d99d26), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:translate-y-20:hover { - --tw-translate-y: 5rem; + .lg\:focus\:via-Yellow-yellow-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-400, #bf943f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:translate-y-24:hover { - --tw-translate-y: 6rem; + .lg\:focus\:via-Yellow-yellow-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-500, #e59a00), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:translate-y-28:hover { - --tw-translate-y: 7rem; + .lg\:focus\:via-Yellow-yellow-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-600, #b37800), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:translate-y-32:hover { - --tw-translate-y: 8rem; + .lg\:focus\:via-Yellow-yellow-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-700, #664400), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:translate-y-36:hover { - --tw-translate-y: 9rem; + .lg\:focus\:via-Notification-notification:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification, #3959ff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:translate-y-40:hover { - --tw-translate-y: 10rem; + .lg\:focus\:via-Notification-notification-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-100, #748bff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:translate-y-44:hover { - --tw-translate-y: 11rem; + .lg\:focus\:via-Notification-notification-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-200, #9cacff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:translate-y-48:hover { - --tw-translate-y: 12rem; + .lg\:focus\:via-Notification-notification-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-300, #4e64d9), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:translate-y-52:hover { - --tw-translate-y: 13rem; + .lg\:focus\:via-Notification-notification-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-400, #5c6cbf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:translate-y-56:hover { - --tw-translate-y: 14rem; + .lg\:focus\:via-Notification-notification-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-500, #3350e5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:translate-y-60:hover { - --tw-translate-y: 15rem; + .lg\:focus\:via-Notification-notification-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-600, #283eb3), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:translate-y-64:hover { - --tw-translate-y: 16rem; + .lg\:focus\:via-Notification-notification-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-700, #172466), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:translate-y-72:hover { - --tw-translate-y: 18rem; + .lg\:focus\:via-Success-success\ -700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-700, #24471f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:translate-y-80:hover { - --tw-translate-y: 20rem; + .lg\:focus\:via-Success-success:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success, #5bb14d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:translate-y-96:hover { - --tw-translate-y: 24rem; + .lg\:focus\:via-Success-success\ -100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-100, #8cc882), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:translate-y-px:hover { - --tw-translate-y: 1px; + .lg\:focus\:via-Success-success\ -200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-200, #add8a6), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:translate-y-0\.5:hover { - --tw-translate-y: 0.125rem; + .lg\:focus\:via-Success-success\ -300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-300, #66a25c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:translate-y-1\.5:hover { - --tw-translate-y: 0.375rem; + .lg\:focus\:via-Success-success\ -400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-400, #6d9766), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:translate-y-2\.5:hover { - --tw-translate-y: 0.625rem; + .lg\:focus\:via-Success-success\ -500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-500, #529f45), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:translate-y-3\.5:hover { - --tw-translate-y: 0.875rem; + .lg\:focus\:via-Success-success\ -600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-600, #407c36), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:-translate-y-0:hover { - --tw-translate-y: 0px; + .lg\:focus\:via-Error-error:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error, #f03d3e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:-translate-y-1:hover { - --tw-translate-y: -0.25rem; + .lg\:focus\:via-Error-error-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-100, #f57778), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:-translate-y-2:hover { - --tw-translate-y: -0.5rem; + .lg\:focus\:via-Error-error-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-200, #f89e9e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:-translate-y-3:hover { - --tw-translate-y: -0.75rem; + .lg\:focus\:via-Error-error-250:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-250, #f9c8c8), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:-translate-y-4:hover { - --tw-translate-y: -1rem; + .lg\:focus\:via-Error-error-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-300, #ce5151), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:-translate-y-5:hover { - --tw-translate-y: -1.25rem; + .lg\:focus\:via-Error-error-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-400, #b85e5e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:-translate-y-6:hover { - --tw-translate-y: -1.5rem; + .lg\:focus\:via-Error-error-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-500, #d83738), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:-translate-y-7:hover { - --tw-translate-y: -1.75rem; + .lg\:focus\:via-Error-error-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-600, #a82b2b), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:-translate-y-8:hover { - --tw-translate-y: -2rem; + .lg\:focus\:via-Error-error-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-700, #601819), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .md\:hover\:-translate-y-9:hover { - --tw-translate-y: -2.25rem; + .lg\:to-colors-black { + --tw-gradient-to: var(--colors-black, #000000); } - .md\:hover\:-translate-y-10:hover { - --tw-translate-y: -2.5rem; + .lg\:to-colors-white { + --tw-gradient-to: var(--colors-white, #ffffff); } - .md\:hover\:-translate-y-11:hover { - --tw-translate-y: -2.75rem; + .lg\:to-colors-gray-100 { + --tw-gradient-to: var(--colors-gray-100, #f7fafc); } - .md\:hover\:-translate-y-12:hover { - --tw-translate-y: -3rem; + .lg\:to-colors-gray-200 { + --tw-gradient-to: var(--colors-gray-200, #edf2f7); } - .md\:hover\:-translate-y-14:hover { - --tw-translate-y: -3.5rem; + .lg\:to-colors-gray-300 { + --tw-gradient-to: var(--colors-gray-300, #e2e8f0); } - .md\:hover\:-translate-y-16:hover { - --tw-translate-y: -4rem; + .lg\:to-colors-gray-400 { + --tw-gradient-to: var(--colors-gray-400, #cbd5e0); } - .md\:hover\:-translate-y-20:hover { - --tw-translate-y: -5rem; + .lg\:to-colors-gray-500 { + --tw-gradient-to: var(--colors-gray-500, #a0aec0); } - .md\:hover\:-translate-y-24:hover { - --tw-translate-y: -6rem; + .lg\:to-colors-gray-600 { + --tw-gradient-to: var(--colors-gray-600, #718096); } - .md\:hover\:-translate-y-28:hover { - --tw-translate-y: -7rem; + .lg\:to-colors-gray-700 { + --tw-gradient-to: var(--colors-gray-700, #4a5568); } - .md\:hover\:-translate-y-32:hover { - --tw-translate-y: -8rem; + .lg\:to-colors-gray-800 { + --tw-gradient-to: var(--colors-gray-800, #2d3748); } - .md\:hover\:-translate-y-36:hover { - --tw-translate-y: -9rem; + .lg\:to-colors-gray-900 { + --tw-gradient-to: var(--colors-gray-900, #1a202c); } - .md\:hover\:-translate-y-40:hover { - --tw-translate-y: -10rem; + .lg\:to-colors-red-100 { + --tw-gradient-to: var(--colors-red-100, #fff5f5); } - .md\:hover\:-translate-y-44:hover { - --tw-translate-y: -11rem; + .lg\:to-colors-red-200 { + --tw-gradient-to: var(--colors-red-200, #fed7d7); } - .md\:hover\:-translate-y-48:hover { - --tw-translate-y: -12rem; + .lg\:to-colors-red-300 { + --tw-gradient-to: var(--colors-red-300, #feb2b2); } - .md\:hover\:-translate-y-52:hover { - --tw-translate-y: -13rem; + .lg\:to-colors-red-400 { + --tw-gradient-to: var(--colors-red-400, #fc8181); } - .md\:hover\:-translate-y-56:hover { - --tw-translate-y: -14rem; + .lg\:to-colors-red-500 { + --tw-gradient-to: var(--colors-red-500, #f56565); } - .md\:hover\:-translate-y-60:hover { - --tw-translate-y: -15rem; + .lg\:to-colors-red-600 { + --tw-gradient-to: var(--colors-red-600, #e53e3e); } - .md\:hover\:-translate-y-64:hover { - --tw-translate-y: -16rem; + .lg\:to-colors-red-700 { + --tw-gradient-to: var(--colors-red-700, #c53030); } - .md\:hover\:-translate-y-72:hover { - --tw-translate-y: -18rem; + .lg\:to-colors-red-800 { + --tw-gradient-to: var(--colors-red-800, #9b2c2c); } - .md\:hover\:-translate-y-80:hover { - --tw-translate-y: -20rem; + .lg\:to-colors-red-900 { + --tw-gradient-to: var(--colors-red-900, #742a2a); } - .md\:hover\:-translate-y-96:hover { - --tw-translate-y: -24rem; + .lg\:to-colors-orange-100 { + --tw-gradient-to: var(--colors-orange-100, #fffaf0); } - .md\:hover\:-translate-y-px:hover { - --tw-translate-y: -1px; + .lg\:to-colors-orange-200 { + --tw-gradient-to: var(--colors-orange-200, #feebc8); } - .md\:hover\:-translate-y-0\.5:hover { - --tw-translate-y: -0.125rem; + .lg\:to-colors-orange-300 { + --tw-gradient-to: var(--colors-orange-300, #fbd38d); } - .md\:hover\:-translate-y-1\.5:hover { - --tw-translate-y: -0.375rem; + .lg\:to-colors-orange-400 { + --tw-gradient-to: var(--colors-orange-400, #f6ad55); } - .md\:hover\:-translate-y-2\.5:hover { - --tw-translate-y: -0.625rem; + .lg\:to-colors-orange-500 { + --tw-gradient-to: var(--colors-orange-500, #ed8936); } - .md\:hover\:-translate-y-3\.5:hover { - --tw-translate-y: -0.875rem; + .lg\:to-colors-orange-600 { + --tw-gradient-to: var(--colors-orange-600, #dd6b20); } - .md\:hover\:translate-y-1\/2:hover { - --tw-translate-y: 50%; + .lg\:to-colors-orange-700 { + --tw-gradient-to: var(--colors-orange-700, #c05621); } - .md\:hover\:translate-y-1\/3:hover { - --tw-translate-y: 33.333333%; + .lg\:to-colors-orange-800 { + --tw-gradient-to: var(--colors-orange-800, #9c4221); } - .md\:hover\:translate-y-2\/3:hover { - --tw-translate-y: 66.666667%; + .lg\:to-colors-orange-900 { + --tw-gradient-to: var(--colors-orange-900, #7b341e); } - .md\:hover\:translate-y-1\/4:hover { - --tw-translate-y: 25%; + .lg\:to-colors-yellow-100 { + --tw-gradient-to: var(--colors-yellow-100, #fffff0); } - .md\:hover\:translate-y-2\/4:hover { - --tw-translate-y: 50%; + .lg\:to-colors-yellow-200 { + --tw-gradient-to: var(--colors-yellow-200, #fefcbf); } - .md\:hover\:translate-y-3\/4:hover { - --tw-translate-y: 75%; + .lg\:to-colors-yellow-300 { + --tw-gradient-to: var(--colors-yellow-300, #faf089); } - .md\:hover\:translate-y-full:hover { - --tw-translate-y: 100%; + .lg\:to-colors-yellow-400 { + --tw-gradient-to: var(--colors-yellow-400, #f6e05e); } - .md\:hover\:-translate-y-1\/2:hover { - --tw-translate-y: -50%; + .lg\:to-colors-yellow-500 { + --tw-gradient-to: var(--colors-yellow-500, #ecc94b); } - .md\:hover\:-translate-y-1\/3:hover { - --tw-translate-y: -33.333333%; + .lg\:to-colors-yellow-600 { + --tw-gradient-to: var(--colors-yellow-600, #d69e2e); } - .md\:hover\:-translate-y-2\/3:hover { - --tw-translate-y: -66.666667%; + .lg\:to-colors-yellow-700 { + --tw-gradient-to: var(--colors-yellow-700, #b7791f); } - .md\:hover\:-translate-y-1\/4:hover { - --tw-translate-y: -25%; + .lg\:to-colors-yellow-800 { + --tw-gradient-to: var(--colors-yellow-800, #975a16); } - .md\:hover\:-translate-y-2\/4:hover { - --tw-translate-y: -50%; + .lg\:to-colors-yellow-900 { + --tw-gradient-to: var(--colors-yellow-900, #744210); } - .md\:hover\:-translate-y-3\/4:hover { - --tw-translate-y: -75%; + .lg\:to-colors-green-100 { + --tw-gradient-to: var(--colors-green-100, #f0fff4); } - .md\:hover\:-translate-y-full:hover { - --tw-translate-y: -100%; + .lg\:to-colors-green-200 { + --tw-gradient-to: var(--colors-green-200, #c6f6d5); } - .md\:focus\:translate-x-0:focus { - --tw-translate-x: 0px; + .lg\:to-colors-green-300 { + --tw-gradient-to: var(--colors-green-300, #9ae6b4); } - .md\:focus\:translate-x-1:focus { - --tw-translate-x: 0.25rem; + .lg\:to-colors-green-400 { + --tw-gradient-to: var(--colors-green-400, #68d391); } - .md\:focus\:translate-x-2:focus { - --tw-translate-x: 0.5rem; + .lg\:to-colors-green-500 { + --tw-gradient-to: var(--colors-green-500, #48bb78); } - .md\:focus\:translate-x-3:focus { - --tw-translate-x: 0.75rem; + .lg\:to-colors-green-600 { + --tw-gradient-to: var(--colors-green-600, #38a169); } - .md\:focus\:translate-x-4:focus { - --tw-translate-x: 1rem; + .lg\:to-colors-green-700 { + --tw-gradient-to: var(--colors-green-700, #2f855a); } - .md\:focus\:translate-x-5:focus { - --tw-translate-x: 1.25rem; + .lg\:to-colors-green-800 { + --tw-gradient-to: var(--colors-green-800, #276749); } - .md\:focus\:translate-x-6:focus { - --tw-translate-x: 1.5rem; + .lg\:to-colors-green-900 { + --tw-gradient-to: var(--colors-green-900, #22543d); } - .md\:focus\:translate-x-7:focus { - --tw-translate-x: 1.75rem; + .lg\:to-colors-teal-100 { + --tw-gradient-to: var(--colors-teal-100, #e6fffa); } - .md\:focus\:translate-x-8:focus { - --tw-translate-x: 2rem; + .lg\:to-colors-teal-200 { + --tw-gradient-to: var(--colors-teal-200, #b2f5ea); } - .md\:focus\:translate-x-9:focus { - --tw-translate-x: 2.25rem; + .lg\:to-colors-teal-300 { + --tw-gradient-to: var(--colors-teal-300, #81e6d9); } - .md\:focus\:translate-x-10:focus { - --tw-translate-x: 2.5rem; + .lg\:to-colors-teal-400 { + --tw-gradient-to: var(--colors-teal-400, #4fd1c5); } - .md\:focus\:translate-x-11:focus { - --tw-translate-x: 2.75rem; + .lg\:to-colors-teal-500 { + --tw-gradient-to: var(--colors-teal-500, #38b2ac); } - .md\:focus\:translate-x-12:focus { - --tw-translate-x: 3rem; + .lg\:to-colors-teal-600 { + --tw-gradient-to: var(--colors-teal-600, #319795); } - .md\:focus\:translate-x-14:focus { - --tw-translate-x: 3.5rem; + .lg\:to-colors-teal-700 { + --tw-gradient-to: var(--colors-teal-700, #2c7a7b); } - .md\:focus\:translate-x-16:focus { - --tw-translate-x: 4rem; + .lg\:to-colors-teal-800 { + --tw-gradient-to: var(--colors-teal-800, #285e61); } - .md\:focus\:translate-x-20:focus { - --tw-translate-x: 5rem; + .lg\:to-colors-teal-900 { + --tw-gradient-to: var(--colors-teal-900, #234e52); } - .md\:focus\:translate-x-24:focus { - --tw-translate-x: 6rem; + .lg\:to-colors-blue-100 { + --tw-gradient-to: var(--colors-blue-100, #ebf8ff); } - .md\:focus\:translate-x-28:focus { - --tw-translate-x: 7rem; + .lg\:to-colors-blue-200 { + --tw-gradient-to: var(--colors-blue-200, #bee3f8); } - .md\:focus\:translate-x-32:focus { - --tw-translate-x: 8rem; + .lg\:to-colors-blue-300 { + --tw-gradient-to: var(--colors-blue-300, #90cdf4); } - .md\:focus\:translate-x-36:focus { - --tw-translate-x: 9rem; + .lg\:to-colors-blue-400 { + --tw-gradient-to: var(--colors-blue-400, #63b3ed); } - .md\:focus\:translate-x-40:focus { - --tw-translate-x: 10rem; + .lg\:to-colors-blue-500 { + --tw-gradient-to: var(--colors-blue-500, #4299e1); } - .md\:focus\:translate-x-44:focus { - --tw-translate-x: 11rem; + .lg\:to-colors-blue-600 { + --tw-gradient-to: var(--colors-blue-600, #3182ce); } - .md\:focus\:translate-x-48:focus { - --tw-translate-x: 12rem; + .lg\:to-colors-blue-700 { + --tw-gradient-to: var(--colors-blue-700, #2b6cb0); } - .md\:focus\:translate-x-52:focus { - --tw-translate-x: 13rem; + .lg\:to-colors-blue-800 { + --tw-gradient-to: var(--colors-blue-800, #2c5282); } - .md\:focus\:translate-x-56:focus { - --tw-translate-x: 14rem; + .lg\:to-colors-blue-900 { + --tw-gradient-to: var(--colors-blue-900, #2a4365); } - .md\:focus\:translate-x-60:focus { - --tw-translate-x: 15rem; + .lg\:to-colors-indigo-100 { + --tw-gradient-to: var(--colors-indigo-100, #ebf4ff); } - .md\:focus\:translate-x-64:focus { - --tw-translate-x: 16rem; + .lg\:to-colors-indigo-200 { + --tw-gradient-to: var(--colors-indigo-200, #c3dafe); } - .md\:focus\:translate-x-72:focus { - --tw-translate-x: 18rem; + .lg\:to-colors-indigo-300 { + --tw-gradient-to: var(--colors-indigo-300, #a3bffa); } - .md\:focus\:translate-x-80:focus { - --tw-translate-x: 20rem; + .lg\:to-colors-indigo-400 { + --tw-gradient-to: var(--colors-indigo-400, #7f9cf5); } - .md\:focus\:translate-x-96:focus { - --tw-translate-x: 24rem; + .lg\:to-colors-indigo-500 { + --tw-gradient-to: var(--colors-indigo-500, #667eea); } - .md\:focus\:translate-x-px:focus { - --tw-translate-x: 1px; + .lg\:to-colors-indigo-600 { + --tw-gradient-to: var(--colors-indigo-600, #5a67d8); } - .md\:focus\:translate-x-0\.5:focus { - --tw-translate-x: 0.125rem; + .lg\:to-colors-indigo-700 { + --tw-gradient-to: var(--colors-indigo-700, #4c51bf); } - .md\:focus\:translate-x-1\.5:focus { - --tw-translate-x: 0.375rem; + .lg\:to-colors-indigo-800 { + --tw-gradient-to: var(--colors-indigo-800, #434190); } - .md\:focus\:translate-x-2\.5:focus { - --tw-translate-x: 0.625rem; + .lg\:to-colors-indigo-900 { + --tw-gradient-to: var(--colors-indigo-900, #3c366b); } - .md\:focus\:translate-x-3\.5:focus { - --tw-translate-x: 0.875rem; + .lg\:to-colors-purple-100 { + --tw-gradient-to: var(--colors-purple-100, #faf5ff); } - .md\:focus\:-translate-x-0:focus { - --tw-translate-x: 0px; + .lg\:to-colors-purple-200 { + --tw-gradient-to: var(--colors-purple-200, #e9d8fd); } - .md\:focus\:-translate-x-1:focus { - --tw-translate-x: -0.25rem; + .lg\:to-colors-purple-300 { + --tw-gradient-to: var(--colors-purple-300, #d6bcfa); } - .md\:focus\:-translate-x-2:focus { - --tw-translate-x: -0.5rem; + .lg\:to-colors-purple-400 { + --tw-gradient-to: var(--colors-purple-400, #b794f4); } - .md\:focus\:-translate-x-3:focus { - --tw-translate-x: -0.75rem; + .lg\:to-colors-purple-500 { + --tw-gradient-to: var(--colors-purple-500, #9f7aea); } - .md\:focus\:-translate-x-4:focus { - --tw-translate-x: -1rem; + .lg\:to-colors-purple-600 { + --tw-gradient-to: var(--colors-purple-600, #805ad5); } - .md\:focus\:-translate-x-5:focus { - --tw-translate-x: -1.25rem; + .lg\:to-colors-purple-700 { + --tw-gradient-to: var(--colors-purple-700, #6b46c1); } - .md\:focus\:-translate-x-6:focus { - --tw-translate-x: -1.5rem; + .lg\:to-colors-purple-800 { + --tw-gradient-to: var(--colors-purple-800, #553c9a); } - .md\:focus\:-translate-x-7:focus { - --tw-translate-x: -1.75rem; + .lg\:to-colors-purple-900 { + --tw-gradient-to: var(--colors-purple-900, #44337a); } - .md\:focus\:-translate-x-8:focus { - --tw-translate-x: -2rem; + .lg\:to-colors-pink-100 { + --tw-gradient-to: var(--colors-pink-100, #fff5f7); } - .md\:focus\:-translate-x-9:focus { - --tw-translate-x: -2.25rem; + .lg\:to-colors-pink-200 { + --tw-gradient-to: var(--colors-pink-200, #fed7e2); } - .md\:focus\:-translate-x-10:focus { - --tw-translate-x: -2.5rem; + .lg\:to-colors-pink-300 { + --tw-gradient-to: var(--colors-pink-300, #fbb6ce); } - .md\:focus\:-translate-x-11:focus { - --tw-translate-x: -2.75rem; + .lg\:to-colors-pink-400 { + --tw-gradient-to: var(--colors-pink-400, #f687b3); } - .md\:focus\:-translate-x-12:focus { - --tw-translate-x: -3rem; + .lg\:to-colors-pink-500 { + --tw-gradient-to: var(--colors-pink-500, #ed64a6); } - .md\:focus\:-translate-x-14:focus { - --tw-translate-x: -3.5rem; + .lg\:to-colors-pink-600 { + --tw-gradient-to: var(--colors-pink-600, #d53f8c); } - .md\:focus\:-translate-x-16:focus { - --tw-translate-x: -4rem; + .lg\:to-colors-pink-700 { + --tw-gradient-to: var(--colors-pink-700, #b83280); } - .md\:focus\:-translate-x-20:focus { - --tw-translate-x: -5rem; + .lg\:to-colors-pink-800 { + --tw-gradient-to: var(--colors-pink-800, #97266d); } - .md\:focus\:-translate-x-24:focus { - --tw-translate-x: -6rem; + .lg\:to-colors-pink-900 { + --tw-gradient-to: var(--colors-pink-900, #702459); } - .md\:focus\:-translate-x-28:focus { - --tw-translate-x: -7rem; + .lg\:to-Box\ Shadow { + --tw-gradient-to: var(--box-shadow, #7f7e7f); } - .md\:focus\:-translate-x-32:focus { - --tw-translate-x: -8rem; + .lg\:to-Error16 { + --tw-gradient-to: var(--error16, #f03d3e40); } - .md\:focus\:-translate-x-36:focus { - --tw-translate-x: -9rem; + .lg\:to-Success16 { + --tw-gradient-to: var(--success16, #5bb14d40); } - .md\:focus\:-translate-x-40:focus { - --tw-translate-x: -10rem; + .lg\:to-Notification16 { + --tw-gradient-to: var(--notification16, #3959ff40); } - .md\:focus\:-translate-x-44:focus { - --tw-translate-x: -11rem; + .lg\:to-Error8 { + --tw-gradient-to: var(--error8, #f03d3e1a); } - .md\:focus\:-translate-x-48:focus { - --tw-translate-x: -12rem; + .lg\:to-Notification8 { + --tw-gradient-to: var(--notification8, #3959ff1a); } - .md\:focus\:-translate-x-52:focus { - --tw-translate-x: -13rem; + .lg\:to-Success8 { + --tw-gradient-to: var(--success8, #5bb14d1a); } - .md\:focus\:-translate-x-56:focus { - --tw-translate-x: -14rem; + .lg\:to-Light\ -\ Overlay { + --tw-gradient-to: var(--light-overlay, #f0edee66); } - .md\:focus\:-translate-x-60:focus { - --tw-translate-x: -15rem; + .lg\:to-Dark-\ Overlay { + --tw-gradient-to: var(--dark-overlay, #7f7e7f66); } - .md\:focus\:-translate-x-64:focus { - --tw-translate-x: -16rem; + .lg\:to-black-40 { + --tw-gradient-to: var(--black-40, #00000066); } - .md\:focus\:-translate-x-72:focus { - --tw-translate-x: -18rem; + .lg\:to-black-75 { + --tw-gradient-to: var(--black-75, #000000bf); } - .md\:focus\:-translate-x-80:focus { - --tw-translate-x: -20rem; + .lg\:to-black-60 { + --tw-gradient-to: var(--black-60, #00000099); } - .md\:focus\:-translate-x-96:focus { - --tw-translate-x: -24rem; + .lg\:to-black-50 { + --tw-gradient-to: var(--black-50, #00000080); } - .md\:focus\:-translate-x-px:focus { - --tw-translate-x: -1px; + .lg\:to-black-25 { + --tw-gradient-to: var(--black-25, #00000040); } - .md\:focus\:-translate-x-0\.5:focus { - --tw-translate-x: -0.125rem; + .lg\:to-black-10 { + --tw-gradient-to: var(--black-10, #0000001a); } - .md\:focus\:-translate-x-1\.5:focus { - --tw-translate-x: -0.375rem; + .lg\:to-white-25 { + --tw-gradient-to: var(--white-25, #ffffff40); } - .md\:focus\:-translate-x-2\.5:focus { - --tw-translate-x: -0.625rem; + .lg\:to-white-60 { + --tw-gradient-to: var(--white-60, #ffffff99); } - .md\:focus\:-translate-x-3\.5:focus { - --tw-translate-x: -0.875rem; + .lg\:to-black-64 { + --tw-gradient-to: var(--black-64, #000000a3); } - .md\:focus\:translate-x-1\/2:focus { - --tw-translate-x: 50%; + .lg\:to-Shadow\ and\ Highlight-Shadow { + --tw-gradient-to: var(--shadow-and-highlight-shadow, #7f7e7f); } - .md\:focus\:translate-x-1\/3:focus { - --tw-translate-x: 33.333333%; + .lg\:to-Shadow\ and\ Highlight-Highlight { + --tw-gradient-to: var(--shadow-and-highlight-highlight, #474747); } - .md\:focus\:translate-x-2\/3:focus { - --tw-translate-x: 66.666667%; + .lg\:to-Shadow\ and\ Highlight-highlight\ one { + --tw-gradient-to: var(--shadow-and-highlight-highlight-one, #474747bf); } - .md\:focus\:translate-x-1\/4:focus { - --tw-translate-x: 25%; + .lg\:to-Shadow\ and\ Highlight-highlight\ two { + --tw-gradient-to: var(--shadow-and-highlight-highlight-two, #47474799); } - .md\:focus\:translate-x-2\/4:focus { - --tw-translate-x: 50%; + .lg\:to-Shadow\ and\ Highlight-highlight\ three { + --tw-gradient-to: var(--shadow-and-highlight-highlight-three, #47474766); } - .md\:focus\:translate-x-3\/4:focus { - --tw-translate-x: 75%; + .lg\:to-Shadow\ and\ Highlight-highlight\ five { + --tw-gradient-to: var(--shadow-and-highlight-highlight-five, #4747471a); } - .md\:focus\:translate-x-full:focus { - --tw-translate-x: 100%; + .lg\:to-Shadow\ and\ Highlight-shadow\ one { + --tw-gradient-to: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .md\:focus\:-translate-x-1\/2:focus { - --tw-translate-x: -50%; + .lg\:to-Shadow\ and\ Highlight-shadow\ two { + --tw-gradient-to: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .md\:focus\:-translate-x-1\/3:focus { - --tw-translate-x: -33.333333%; + .lg\:to-Shadow\ and\ Highlight-shadow\ three { + --tw-gradient-to: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .md\:focus\:-translate-x-2\/3:focus { - --tw-translate-x: -66.666667%; + .lg\:to-Shadow\ and\ Highlight-shadow\ four { + --tw-gradient-to: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .md\:focus\:-translate-x-1\/4:focus { - --tw-translate-x: -25%; + .lg\:to-Shadow\ and\ Highlight-shadow\ five { + --tw-gradient-to: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .md\:focus\:-translate-x-2\/4:focus { - --tw-translate-x: -50%; + .lg\:to-Shadow\ and\ Highlight-highlight\ four { + --tw-gradient-to: var(--shadow-and-highlight-highlight-four, #47474740); } - .md\:focus\:-translate-x-3\/4:focus { - --tw-translate-x: -75%; + .lg\:to-Base\ Layer\ Styles-Base\ Layer-\ Light-White { + --tw-gradient-to: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .md\:focus\:-translate-x-full:focus { - --tw-translate-x: -100%; + .lg\:to-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite { + --tw-gradient-to: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .md\:focus\:translate-y-0:focus { - --tw-translate-y: 0px; + .lg\:to-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack { + --tw-gradient-to: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .md\:focus\:translate-y-1:focus { - --tw-translate-y: 0.25rem; + .lg\:to-Base\ Layer\ Styles-Base\ Layer-Dark-Black { + --tw-gradient-to: var(--base-layer-styles-base-layer-dark-black, #000000); } - .md\:focus\:translate-y-2:focus { - --tw-translate-y: 0.5rem; + .lg\:to-Grey-Scale-white { + --tw-gradient-to: var(--grey-scale-white, #ffffff); } - .md\:focus\:translate-y-3:focus { - --tw-translate-y: 0.75rem; + .lg\:to-Grey-Scale-off-white { + --tw-gradient-to: var(--grey-scale-off-white, #f0edee); } - .md\:focus\:translate-y-4:focus { - --tw-translate-y: 1rem; + .lg\:to-Grey\ Scale-grey { + --tw-gradient-to: var(--grey-scale-grey, #7f7e7f); } - .md\:focus\:translate-y-5:focus { - --tw-translate-y: 1.25rem; + .lg\:to-Grey\ Scale-charcoal { + --tw-gradient-to: var(--grey-scale-charcoal, #474747); } - .md\:focus\:translate-y-6:focus { - --tw-translate-y: 1.5rem; + .lg\:to-Grey\ Scale-off-black { + --tw-gradient-to: var(--grey-scale-off-black, #1c1c1c); } - .md\:focus\:translate-y-7:focus { - --tw-translate-y: 1.75rem; + .lg\:to-Grey\ Scale-black { + --tw-gradient-to: var(--grey-scale-black, #000000); } - .md\:focus\:translate-y-8:focus { - --tw-translate-y: 2rem; + .lg\:to-Blue-blue { + --tw-gradient-to: var(--blue-blue, #3a7ca5); } - .md\:focus\:translate-y-9:focus { - --tw-translate-y: 2.25rem; + .lg\:to-Blue-blue-100 { + --tw-gradient-to: var(--blue-blue-100, #75a3c0); } - .md\:focus\:translate-y-10:focus { - --tw-translate-y: 2.5rem; + .lg\:to-Blue-blue-200 { + --tw-gradient-to: var(--blue-blue-200, #9cbed2); } - .md\:focus\:translate-y-11:focus { - --tw-translate-y: 2.75rem; + .lg\:to-Blue-blue-300 { + --tw-gradient-to: var(--blue-blue-300, #4f7d9a); } - .md\:focus\:translate-y-12:focus { - --tw-translate-y: 3rem; + .lg\:to-Blue-blue-400 { + --tw-gradient-to: var(--blue-blue-400, #5c7d92); } - .md\:focus\:translate-y-14:focus { - --tw-translate-y: 3.5rem; + .lg\:to-Blue-blue-500 { + --tw-gradient-to: var(--blue-blue-500, #347095); } - .md\:focus\:translate-y-16:focus { - --tw-translate-y: 4rem; + .lg\:to-Blue-blue-600 { + --tw-gradient-to: var(--blue-blue-600, #295774); } - .md\:focus\:translate-y-20:focus { - --tw-translate-y: 5rem; + .lg\:to-Blue-blue-700 { + --tw-gradient-to: var(--blue-blue-700, #173242); } - .md\:focus\:translate-y-24:focus { - --tw-translate-y: 6rem; + .lg\:to-LightBlue-lightblue { + --tw-gradient-to: var(--light-blue-lightblue, #81c3d7); } - .md\:focus\:translate-y-28:focus { - --tw-translate-y: 7rem; + .lg\:to-LightBlue-lightblue-100 { + --tw-gradient-to: var(--light-blue-lightblue-100, #a7d5e3); } - .md\:focus\:translate-y-32:focus { - --tw-translate-y: 8rem; + .lg\:to-LightBlue-lightblue-200 { + --tw-gradient-to: var(--light-blue-lightblue-200, #c0e1eb); } - .md\:focus\:translate-y-36:focus { - --tw-translate-y: 9rem; + .lg\:to-LightBlue-lightblue-300 { + --tw-gradient-to: var(--light-blue-lightblue-300, #80aebd); } - .md\:focus\:translate-y-40:focus { - --tw-translate-y: 10rem; + .lg\:to-LightBlue-lightblue-400 { + --tw-gradient-to: var(--light-blue-lightblue-400, #80a0ab); } - .md\:focus\:translate-y-44:focus { - --tw-translate-y: 11rem; + .lg\:to-LightBlue-lightblue-500 { + --tw-gradient-to: var(--light-blue-lightblue-500, #74afc1); } - .md\:focus\:translate-y-48:focus { - --tw-translate-y: 12rem; + .lg\:to-LightBlue-lightblue-600 { + --tw-gradient-to: var(--light-blue-lightblue-600, #5a8997); } - .md\:focus\:translate-y-52:focus { - --tw-translate-y: 13rem; + .lg\:to-LightBlue-lightblue-650 { + --tw-gradient-to: var(--light-blue-lightblue-650, #3e5e65); } - .md\:focus\:translate-y-56:focus { - --tw-translate-y: 14rem; + .lg\:to-LightBlue-lightblue-700 { + --tw-gradient-to: var(--light-blue-lightblue-700, #344e56); } - .md\:focus\:translate-y-60:focus { - --tw-translate-y: 15rem; + .lg\:to-Orange-orange { + --tw-gradient-to: var(--orange-orange, #ff7f0e); } - .md\:focus\:translate-y-64:focus { - --tw-translate-y: 16rem; + .lg\:to-Orange-orange-100 { + --tw-gradient-to: var(--orange-orange-100, #ffa556); } - .md\:focus\:translate-y-72:focus { - --tw-translate-y: 18rem; + .lg\:to-Orange-orange-200 { + --tw-gradient-to: var(--orange-orange-200, #ffbf86); } - .md\:focus\:translate-y-80:focus { - --tw-translate-y: 20rem; + .lg\:to-Orange-orange-300 { + --tw-gradient-to: var(--orange-orange-300, #d97f30); } - .md\:focus\:translate-y-96:focus { - --tw-translate-y: 24rem; + .lg\:to-Orange-orange-400 { + --tw-gradient-to: var(--orange-orange-400, #bf7e46); } - .md\:focus\:translate-y-px:focus { - --tw-translate-y: 1px; + .lg\:to-Orange-orange-500 { + --tw-gradient-to: var(--orange-orange-500, #e5720d); } - .md\:focus\:translate-y-0\.5:focus { - --tw-translate-y: 0.125rem; + .lg\:to-Orange-orange-600 { + --tw-gradient-to: var(--orange-orange-600, #b3590a); } - .md\:focus\:translate-y-1\.5:focus { - --tw-translate-y: 0.375rem; + .lg\:to-Orange-orange-700 { + --tw-gradient-to: var(--orange-orange-700, #663306); } - .md\:focus\:translate-y-2\.5:focus { - --tw-translate-y: 0.625rem; + .lg\:to-Yellow-yellow { + --tw-gradient-to: var(--yellow-yellow, #ffab00); } - .md\:focus\:translate-y-3\.5:focus { - --tw-translate-y: 0.875rem; + .lg\:to-Yellow-yellow-100 { + --tw-gradient-to: var(--yellow-yellow-100, #ffc44c); } - .md\:focus\:-translate-y-0:focus { - --tw-translate-y: 0px; + .lg\:to-Yellow-yellow-200 { + --tw-gradient-to: var(--yellow-yellow-200, #ffd580); } - .md\:focus\:-translate-y-1:focus { - --tw-translate-y: -0.25rem; + .lg\:to-Yellow-yellow-300 { + --tw-gradient-to: var(--yellow-yellow-300, #d99d26); } - .md\:focus\:-translate-y-2:focus { - --tw-translate-y: -0.5rem; + .lg\:to-Yellow-yellow-400 { + --tw-gradient-to: var(--yellow-yellow-400, #bf943f); } - .md\:focus\:-translate-y-3:focus { - --tw-translate-y: -0.75rem; + .lg\:to-Yellow-yellow-500 { + --tw-gradient-to: var(--yellow-yellow-500, #e59a00); } - .md\:focus\:-translate-y-4:focus { - --tw-translate-y: -1rem; + .lg\:to-Yellow-yellow-600 { + --tw-gradient-to: var(--yellow-yellow-600, #b37800); } - .md\:focus\:-translate-y-5:focus { - --tw-translate-y: -1.25rem; + .lg\:to-Yellow-yellow-700 { + --tw-gradient-to: var(--yellow-yellow-700, #664400); } - .md\:focus\:-translate-y-6:focus { - --tw-translate-y: -1.5rem; + .lg\:to-Notification-notification { + --tw-gradient-to: var(--notification-notification, #3959ff); } - .md\:focus\:-translate-y-7:focus { - --tw-translate-y: -1.75rem; + .lg\:to-Notification-notification-100 { + --tw-gradient-to: var(--notification-notification-100, #748bff); } - .md\:focus\:-translate-y-8:focus { - --tw-translate-y: -2rem; + .lg\:to-Notification-notification-200 { + --tw-gradient-to: var(--notification-notification-200, #9cacff); } - .md\:focus\:-translate-y-9:focus { - --tw-translate-y: -2.25rem; + .lg\:to-Notification-notification-300 { + --tw-gradient-to: var(--notification-notification-300, #4e64d9); } - .md\:focus\:-translate-y-10:focus { - --tw-translate-y: -2.5rem; + .lg\:to-Notification-notification-400 { + --tw-gradient-to: var(--notification-notification-400, #5c6cbf); } - .md\:focus\:-translate-y-11:focus { - --tw-translate-y: -2.75rem; + .lg\:to-Notification-notification-500 { + --tw-gradient-to: var(--notification-notification-500, #3350e5); } - .md\:focus\:-translate-y-12:focus { - --tw-translate-y: -3rem; + .lg\:to-Notification-notification-600 { + --tw-gradient-to: var(--notification-notification-600, #283eb3); } - .md\:focus\:-translate-y-14:focus { - --tw-translate-y: -3.5rem; + .lg\:to-Notification-notification-700 { + --tw-gradient-to: var(--notification-notification-700, #172466); } - .md\:focus\:-translate-y-16:focus { - --tw-translate-y: -4rem; + .lg\:to-Success-success\ -700 { + --tw-gradient-to: var(--success-success-700, #24471f); } - .md\:focus\:-translate-y-20:focus { - --tw-translate-y: -5rem; + .lg\:to-Success-success { + --tw-gradient-to: var(--success-success, #5bb14d); } - .md\:focus\:-translate-y-24:focus { - --tw-translate-y: -6rem; + .lg\:to-Success-success\ -100 { + --tw-gradient-to: var(--success-success-100, #8cc882); } - .md\:focus\:-translate-y-28:focus { - --tw-translate-y: -7rem; + .lg\:to-Success-success\ -200 { + --tw-gradient-to: var(--success-success-200, #add8a6); } - .md\:focus\:-translate-y-32:focus { - --tw-translate-y: -8rem; + .lg\:to-Success-success\ -300 { + --tw-gradient-to: var(--success-success-300, #66a25c); } - .md\:focus\:-translate-y-36:focus { - --tw-translate-y: -9rem; + .lg\:to-Success-success\ -400 { + --tw-gradient-to: var(--success-success-400, #6d9766); } - .md\:focus\:-translate-y-40:focus { - --tw-translate-y: -10rem; + .lg\:to-Success-success\ -500 { + --tw-gradient-to: var(--success-success-500, #529f45); } - .md\:focus\:-translate-y-44:focus { - --tw-translate-y: -11rem; + .lg\:to-Success-success\ -600 { + --tw-gradient-to: var(--success-success-600, #407c36); } - .md\:focus\:-translate-y-48:focus { - --tw-translate-y: -12rem; + .lg\:to-Error-error { + --tw-gradient-to: var(--error-error, #f03d3e); } - .md\:focus\:-translate-y-52:focus { - --tw-translate-y: -13rem; + .lg\:to-Error-error-100 { + --tw-gradient-to: var(--error-error-100, #f57778); } - .md\:focus\:-translate-y-56:focus { - --tw-translate-y: -14rem; + .lg\:to-Error-error-200 { + --tw-gradient-to: var(--error-error-200, #f89e9e); } - .md\:focus\:-translate-y-60:focus { - --tw-translate-y: -15rem; + .lg\:to-Error-error-250 { + --tw-gradient-to: var(--error-error-250, #f9c8c8); } - .md\:focus\:-translate-y-64:focus { - --tw-translate-y: -16rem; + .lg\:to-Error-error-300 { + --tw-gradient-to: var(--error-error-300, #ce5151); } - .md\:focus\:-translate-y-72:focus { - --tw-translate-y: -18rem; + .lg\:to-Error-error-400 { + --tw-gradient-to: var(--error-error-400, #b85e5e); } - .md\:focus\:-translate-y-80:focus { - --tw-translate-y: -20rem; + .lg\:to-Error-error-500 { + --tw-gradient-to: var(--error-error-500, #d83738); } - .md\:focus\:-translate-y-96:focus { - --tw-translate-y: -24rem; + .lg\:to-Error-error-600 { + --tw-gradient-to: var(--error-error-600, #a82b2b); } - .md\:focus\:-translate-y-px:focus { - --tw-translate-y: -1px; + .lg\:to-Error-error-700 { + --tw-gradient-to: var(--error-error-700, #601819); } - .md\:focus\:-translate-y-0\.5:focus { - --tw-translate-y: -0.125rem; + .lg\:hover\:to-colors-black:hover { + --tw-gradient-to: var(--colors-black, #000000); } - .md\:focus\:-translate-y-1\.5:focus { - --tw-translate-y: -0.375rem; + .lg\:hover\:to-colors-white:hover { + --tw-gradient-to: var(--colors-white, #ffffff); } - .md\:focus\:-translate-y-2\.5:focus { - --tw-translate-y: -0.625rem; + .lg\:hover\:to-colors-gray-100:hover { + --tw-gradient-to: var(--colors-gray-100, #f7fafc); } - .md\:focus\:-translate-y-3\.5:focus { - --tw-translate-y: -0.875rem; + .lg\:hover\:to-colors-gray-200:hover { + --tw-gradient-to: var(--colors-gray-200, #edf2f7); } - .md\:focus\:translate-y-1\/2:focus { - --tw-translate-y: 50%; + .lg\:hover\:to-colors-gray-300:hover { + --tw-gradient-to: var(--colors-gray-300, #e2e8f0); } - .md\:focus\:translate-y-1\/3:focus { - --tw-translate-y: 33.333333%; + .lg\:hover\:to-colors-gray-400:hover { + --tw-gradient-to: var(--colors-gray-400, #cbd5e0); } - .md\:focus\:translate-y-2\/3:focus { - --tw-translate-y: 66.666667%; + .lg\:hover\:to-colors-gray-500:hover { + --tw-gradient-to: var(--colors-gray-500, #a0aec0); } - .md\:focus\:translate-y-1\/4:focus { - --tw-translate-y: 25%; + .lg\:hover\:to-colors-gray-600:hover { + --tw-gradient-to: var(--colors-gray-600, #718096); } - .md\:focus\:translate-y-2\/4:focus { - --tw-translate-y: 50%; + .lg\:hover\:to-colors-gray-700:hover { + --tw-gradient-to: var(--colors-gray-700, #4a5568); } - .md\:focus\:translate-y-3\/4:focus { - --tw-translate-y: 75%; + .lg\:hover\:to-colors-gray-800:hover { + --tw-gradient-to: var(--colors-gray-800, #2d3748); } - .md\:focus\:translate-y-full:focus { - --tw-translate-y: 100%; + .lg\:hover\:to-colors-gray-900:hover { + --tw-gradient-to: var(--colors-gray-900, #1a202c); } - .md\:focus\:-translate-y-1\/2:focus { - --tw-translate-y: -50%; + .lg\:hover\:to-colors-red-100:hover { + --tw-gradient-to: var(--colors-red-100, #fff5f5); } - .md\:focus\:-translate-y-1\/3:focus { - --tw-translate-y: -33.333333%; + .lg\:hover\:to-colors-red-200:hover { + --tw-gradient-to: var(--colors-red-200, #fed7d7); } - .md\:focus\:-translate-y-2\/3:focus { - --tw-translate-y: -66.666667%; + .lg\:hover\:to-colors-red-300:hover { + --tw-gradient-to: var(--colors-red-300, #feb2b2); } - .md\:focus\:-translate-y-1\/4:focus { - --tw-translate-y: -25%; + .lg\:hover\:to-colors-red-400:hover { + --tw-gradient-to: var(--colors-red-400, #fc8181); } - .md\:focus\:-translate-y-2\/4:focus { - --tw-translate-y: -50%; + .lg\:hover\:to-colors-red-500:hover { + --tw-gradient-to: var(--colors-red-500, #f56565); } - .md\:focus\:-translate-y-3\/4:focus { - --tw-translate-y: -75%; + .lg\:hover\:to-colors-red-600:hover { + --tw-gradient-to: var(--colors-red-600, #e53e3e); } - .md\:focus\:-translate-y-full:focus { - --tw-translate-y: -100%; + .lg\:hover\:to-colors-red-700:hover { + --tw-gradient-to: var(--colors-red-700, #c53030); } - .md\:rotate-0 { - --tw-rotate: 0deg; + .lg\:hover\:to-colors-red-800:hover { + --tw-gradient-to: var(--colors-red-800, #9b2c2c); } - .md\:rotate-1 { - --tw-rotate: 1deg; + .lg\:hover\:to-colors-red-900:hover { + --tw-gradient-to: var(--colors-red-900, #742a2a); } - .md\:rotate-2 { - --tw-rotate: 2deg; + .lg\:hover\:to-colors-orange-100:hover { + --tw-gradient-to: var(--colors-orange-100, #fffaf0); } - .md\:rotate-3 { - --tw-rotate: 3deg; + .lg\:hover\:to-colors-orange-200:hover { + --tw-gradient-to: var(--colors-orange-200, #feebc8); } - .md\:rotate-6 { - --tw-rotate: 6deg; + .lg\:hover\:to-colors-orange-300:hover { + --tw-gradient-to: var(--colors-orange-300, #fbd38d); } - .md\:rotate-12 { - --tw-rotate: 12deg; + .lg\:hover\:to-colors-orange-400:hover { + --tw-gradient-to: var(--colors-orange-400, #f6ad55); } - .md\:rotate-45 { - --tw-rotate: 45deg; + .lg\:hover\:to-colors-orange-500:hover { + --tw-gradient-to: var(--colors-orange-500, #ed8936); } - .md\:rotate-90 { - --tw-rotate: 90deg; + .lg\:hover\:to-colors-orange-600:hover { + --tw-gradient-to: var(--colors-orange-600, #dd6b20); } - .md\:rotate-180 { - --tw-rotate: 180deg; + .lg\:hover\:to-colors-orange-700:hover { + --tw-gradient-to: var(--colors-orange-700, #c05621); } - .md\:-rotate-180 { - --tw-rotate: -180deg; + .lg\:hover\:to-colors-orange-800:hover { + --tw-gradient-to: var(--colors-orange-800, #9c4221); } - .md\:-rotate-90 { - --tw-rotate: -90deg; + .lg\:hover\:to-colors-orange-900:hover { + --tw-gradient-to: var(--colors-orange-900, #7b341e); } - .md\:-rotate-45 { - --tw-rotate: -45deg; + .lg\:hover\:to-colors-yellow-100:hover { + --tw-gradient-to: var(--colors-yellow-100, #fffff0); } - .md\:-rotate-12 { - --tw-rotate: -12deg; + .lg\:hover\:to-colors-yellow-200:hover { + --tw-gradient-to: var(--colors-yellow-200, #fefcbf); } - .md\:-rotate-6 { - --tw-rotate: -6deg; + .lg\:hover\:to-colors-yellow-300:hover { + --tw-gradient-to: var(--colors-yellow-300, #faf089); } - .md\:-rotate-3 { - --tw-rotate: -3deg; + .lg\:hover\:to-colors-yellow-400:hover { + --tw-gradient-to: var(--colors-yellow-400, #f6e05e); } - .md\:-rotate-2 { - --tw-rotate: -2deg; + .lg\:hover\:to-colors-yellow-500:hover { + --tw-gradient-to: var(--colors-yellow-500, #ecc94b); } - .md\:-rotate-1 { - --tw-rotate: -1deg; + .lg\:hover\:to-colors-yellow-600:hover { + --tw-gradient-to: var(--colors-yellow-600, #d69e2e); } - .md\:hover\:rotate-0:hover { - --tw-rotate: 0deg; + .lg\:hover\:to-colors-yellow-700:hover { + --tw-gradient-to: var(--colors-yellow-700, #b7791f); } - .md\:hover\:rotate-1:hover { - --tw-rotate: 1deg; + .lg\:hover\:to-colors-yellow-800:hover { + --tw-gradient-to: var(--colors-yellow-800, #975a16); } - .md\:hover\:rotate-2:hover { - --tw-rotate: 2deg; + .lg\:hover\:to-colors-yellow-900:hover { + --tw-gradient-to: var(--colors-yellow-900, #744210); } - .md\:hover\:rotate-3:hover { - --tw-rotate: 3deg; + .lg\:hover\:to-colors-green-100:hover { + --tw-gradient-to: var(--colors-green-100, #f0fff4); } - .md\:hover\:rotate-6:hover { - --tw-rotate: 6deg; + .lg\:hover\:to-colors-green-200:hover { + --tw-gradient-to: var(--colors-green-200, #c6f6d5); } - .md\:hover\:rotate-12:hover { - --tw-rotate: 12deg; + .lg\:hover\:to-colors-green-300:hover { + --tw-gradient-to: var(--colors-green-300, #9ae6b4); } - .md\:hover\:rotate-45:hover { - --tw-rotate: 45deg; + .lg\:hover\:to-colors-green-400:hover { + --tw-gradient-to: var(--colors-green-400, #68d391); } - .md\:hover\:rotate-90:hover { - --tw-rotate: 90deg; + .lg\:hover\:to-colors-green-500:hover { + --tw-gradient-to: var(--colors-green-500, #48bb78); } - .md\:hover\:rotate-180:hover { - --tw-rotate: 180deg; + .lg\:hover\:to-colors-green-600:hover { + --tw-gradient-to: var(--colors-green-600, #38a169); } - .md\:hover\:-rotate-180:hover { - --tw-rotate: -180deg; + .lg\:hover\:to-colors-green-700:hover { + --tw-gradient-to: var(--colors-green-700, #2f855a); + } + + .lg\:hover\:to-colors-green-800:hover { + --tw-gradient-to: var(--colors-green-800, #276749); } - .md\:hover\:-rotate-90:hover { - --tw-rotate: -90deg; + .lg\:hover\:to-colors-green-900:hover { + --tw-gradient-to: var(--colors-green-900, #22543d); } - .md\:hover\:-rotate-45:hover { - --tw-rotate: -45deg; + .lg\:hover\:to-colors-teal-100:hover { + --tw-gradient-to: var(--colors-teal-100, #e6fffa); } - .md\:hover\:-rotate-12:hover { - --tw-rotate: -12deg; + .lg\:hover\:to-colors-teal-200:hover { + --tw-gradient-to: var(--colors-teal-200, #b2f5ea); } - .md\:hover\:-rotate-6:hover { - --tw-rotate: -6deg; + .lg\:hover\:to-colors-teal-300:hover { + --tw-gradient-to: var(--colors-teal-300, #81e6d9); } - .md\:hover\:-rotate-3:hover { - --tw-rotate: -3deg; + .lg\:hover\:to-colors-teal-400:hover { + --tw-gradient-to: var(--colors-teal-400, #4fd1c5); } - .md\:hover\:-rotate-2:hover { - --tw-rotate: -2deg; + .lg\:hover\:to-colors-teal-500:hover { + --tw-gradient-to: var(--colors-teal-500, #38b2ac); } - .md\:hover\:-rotate-1:hover { - --tw-rotate: -1deg; + .lg\:hover\:to-colors-teal-600:hover { + --tw-gradient-to: var(--colors-teal-600, #319795); } - .md\:focus\:rotate-0:focus { - --tw-rotate: 0deg; + .lg\:hover\:to-colors-teal-700:hover { + --tw-gradient-to: var(--colors-teal-700, #2c7a7b); } - .md\:focus\:rotate-1:focus { - --tw-rotate: 1deg; + .lg\:hover\:to-colors-teal-800:hover { + --tw-gradient-to: var(--colors-teal-800, #285e61); } - .md\:focus\:rotate-2:focus { - --tw-rotate: 2deg; + .lg\:hover\:to-colors-teal-900:hover { + --tw-gradient-to: var(--colors-teal-900, #234e52); } - .md\:focus\:rotate-3:focus { - --tw-rotate: 3deg; + .lg\:hover\:to-colors-blue-100:hover { + --tw-gradient-to: var(--colors-blue-100, #ebf8ff); } - .md\:focus\:rotate-6:focus { - --tw-rotate: 6deg; + .lg\:hover\:to-colors-blue-200:hover { + --tw-gradient-to: var(--colors-blue-200, #bee3f8); } - .md\:focus\:rotate-12:focus { - --tw-rotate: 12deg; + .lg\:hover\:to-colors-blue-300:hover { + --tw-gradient-to: var(--colors-blue-300, #90cdf4); } - .md\:focus\:rotate-45:focus { - --tw-rotate: 45deg; + .lg\:hover\:to-colors-blue-400:hover { + --tw-gradient-to: var(--colors-blue-400, #63b3ed); } - .md\:focus\:rotate-90:focus { - --tw-rotate: 90deg; + .lg\:hover\:to-colors-blue-500:hover { + --tw-gradient-to: var(--colors-blue-500, #4299e1); } - .md\:focus\:rotate-180:focus { - --tw-rotate: 180deg; + .lg\:hover\:to-colors-blue-600:hover { + --tw-gradient-to: var(--colors-blue-600, #3182ce); } - .md\:focus\:-rotate-180:focus { - --tw-rotate: -180deg; + .lg\:hover\:to-colors-blue-700:hover { + --tw-gradient-to: var(--colors-blue-700, #2b6cb0); } - .md\:focus\:-rotate-90:focus { - --tw-rotate: -90deg; + .lg\:hover\:to-colors-blue-800:hover { + --tw-gradient-to: var(--colors-blue-800, #2c5282); } - .md\:focus\:-rotate-45:focus { - --tw-rotate: -45deg; + .lg\:hover\:to-colors-blue-900:hover { + --tw-gradient-to: var(--colors-blue-900, #2a4365); } - .md\:focus\:-rotate-12:focus { - --tw-rotate: -12deg; + .lg\:hover\:to-colors-indigo-100:hover { + --tw-gradient-to: var(--colors-indigo-100, #ebf4ff); } - .md\:focus\:-rotate-6:focus { - --tw-rotate: -6deg; + .lg\:hover\:to-colors-indigo-200:hover { + --tw-gradient-to: var(--colors-indigo-200, #c3dafe); } - .md\:focus\:-rotate-3:focus { - --tw-rotate: -3deg; + .lg\:hover\:to-colors-indigo-300:hover { + --tw-gradient-to: var(--colors-indigo-300, #a3bffa); } - .md\:focus\:-rotate-2:focus { - --tw-rotate: -2deg; + .lg\:hover\:to-colors-indigo-400:hover { + --tw-gradient-to: var(--colors-indigo-400, #7f9cf5); } - .md\:focus\:-rotate-1:focus { - --tw-rotate: -1deg; + .lg\:hover\:to-colors-indigo-500:hover { + --tw-gradient-to: var(--colors-indigo-500, #667eea); } - .md\:skew-x-0 { - --tw-skew-x: 0deg; + .lg\:hover\:to-colors-indigo-600:hover { + --tw-gradient-to: var(--colors-indigo-600, #5a67d8); } - .md\:skew-x-1 { - --tw-skew-x: 1deg; + .lg\:hover\:to-colors-indigo-700:hover { + --tw-gradient-to: var(--colors-indigo-700, #4c51bf); } - .md\:skew-x-2 { - --tw-skew-x: 2deg; + .lg\:hover\:to-colors-indigo-800:hover { + --tw-gradient-to: var(--colors-indigo-800, #434190); } - .md\:skew-x-3 { - --tw-skew-x: 3deg; + .lg\:hover\:to-colors-indigo-900:hover { + --tw-gradient-to: var(--colors-indigo-900, #3c366b); } - .md\:skew-x-6 { - --tw-skew-x: 6deg; + .lg\:hover\:to-colors-purple-100:hover { + --tw-gradient-to: var(--colors-purple-100, #faf5ff); } - .md\:skew-x-12 { - --tw-skew-x: 12deg; + .lg\:hover\:to-colors-purple-200:hover { + --tw-gradient-to: var(--colors-purple-200, #e9d8fd); } - .md\:-skew-x-12 { - --tw-skew-x: -12deg; + .lg\:hover\:to-colors-purple-300:hover { + --tw-gradient-to: var(--colors-purple-300, #d6bcfa); } - .md\:-skew-x-6 { - --tw-skew-x: -6deg; + .lg\:hover\:to-colors-purple-400:hover { + --tw-gradient-to: var(--colors-purple-400, #b794f4); } - .md\:-skew-x-3 { - --tw-skew-x: -3deg; + .lg\:hover\:to-colors-purple-500:hover { + --tw-gradient-to: var(--colors-purple-500, #9f7aea); } - .md\:-skew-x-2 { - --tw-skew-x: -2deg; + .lg\:hover\:to-colors-purple-600:hover { + --tw-gradient-to: var(--colors-purple-600, #805ad5); } - .md\:-skew-x-1 { - --tw-skew-x: -1deg; + .lg\:hover\:to-colors-purple-700:hover { + --tw-gradient-to: var(--colors-purple-700, #6b46c1); } - .md\:skew-y-0 { - --tw-skew-y: 0deg; + .lg\:hover\:to-colors-purple-800:hover { + --tw-gradient-to: var(--colors-purple-800, #553c9a); } - .md\:skew-y-1 { - --tw-skew-y: 1deg; + .lg\:hover\:to-colors-purple-900:hover { + --tw-gradient-to: var(--colors-purple-900, #44337a); } - .md\:skew-y-2 { - --tw-skew-y: 2deg; + .lg\:hover\:to-colors-pink-100:hover { + --tw-gradient-to: var(--colors-pink-100, #fff5f7); } - .md\:skew-y-3 { - --tw-skew-y: 3deg; + .lg\:hover\:to-colors-pink-200:hover { + --tw-gradient-to: var(--colors-pink-200, #fed7e2); } - .md\:skew-y-6 { - --tw-skew-y: 6deg; + .lg\:hover\:to-colors-pink-300:hover { + --tw-gradient-to: var(--colors-pink-300, #fbb6ce); } - .md\:skew-y-12 { - --tw-skew-y: 12deg; + .lg\:hover\:to-colors-pink-400:hover { + --tw-gradient-to: var(--colors-pink-400, #f687b3); } - .md\:-skew-y-12 { - --tw-skew-y: -12deg; + .lg\:hover\:to-colors-pink-500:hover { + --tw-gradient-to: var(--colors-pink-500, #ed64a6); } - .md\:-skew-y-6 { - --tw-skew-y: -6deg; + .lg\:hover\:to-colors-pink-600:hover { + --tw-gradient-to: var(--colors-pink-600, #d53f8c); } - .md\:-skew-y-3 { - --tw-skew-y: -3deg; + .lg\:hover\:to-colors-pink-700:hover { + --tw-gradient-to: var(--colors-pink-700, #b83280); } - .md\:-skew-y-2 { - --tw-skew-y: -2deg; + .lg\:hover\:to-colors-pink-800:hover { + --tw-gradient-to: var(--colors-pink-800, #97266d); } - .md\:-skew-y-1 { - --tw-skew-y: -1deg; + .lg\:hover\:to-colors-pink-900:hover { + --tw-gradient-to: var(--colors-pink-900, #702459); } - .md\:hover\:skew-x-0:hover { - --tw-skew-x: 0deg; + .lg\:hover\:to-Box\ Shadow:hover { + --tw-gradient-to: var(--box-shadow, #7f7e7f); } - .md\:hover\:skew-x-1:hover { - --tw-skew-x: 1deg; + .lg\:hover\:to-Error16:hover { + --tw-gradient-to: var(--error16, #f03d3e40); } - .md\:hover\:skew-x-2:hover { - --tw-skew-x: 2deg; + .lg\:hover\:to-Success16:hover { + --tw-gradient-to: var(--success16, #5bb14d40); } - .md\:hover\:skew-x-3:hover { - --tw-skew-x: 3deg; + .lg\:hover\:to-Notification16:hover { + --tw-gradient-to: var(--notification16, #3959ff40); } - .md\:hover\:skew-x-6:hover { - --tw-skew-x: 6deg; + .lg\:hover\:to-Error8:hover { + --tw-gradient-to: var(--error8, #f03d3e1a); } - .md\:hover\:skew-x-12:hover { - --tw-skew-x: 12deg; + .lg\:hover\:to-Notification8:hover { + --tw-gradient-to: var(--notification8, #3959ff1a); } - .md\:hover\:-skew-x-12:hover { - --tw-skew-x: -12deg; + .lg\:hover\:to-Success8:hover { + --tw-gradient-to: var(--success8, #5bb14d1a); } - .md\:hover\:-skew-x-6:hover { - --tw-skew-x: -6deg; + .lg\:hover\:to-Light\ -\ Overlay:hover { + --tw-gradient-to: var(--light-overlay, #f0edee66); } - .md\:hover\:-skew-x-3:hover { - --tw-skew-x: -3deg; + .lg\:hover\:to-Dark-\ Overlay:hover { + --tw-gradient-to: var(--dark-overlay, #7f7e7f66); } - .md\:hover\:-skew-x-2:hover { - --tw-skew-x: -2deg; + .lg\:hover\:to-black-40:hover { + --tw-gradient-to: var(--black-40, #00000066); } - .md\:hover\:-skew-x-1:hover { - --tw-skew-x: -1deg; + .lg\:hover\:to-black-75:hover { + --tw-gradient-to: var(--black-75, #000000bf); } - .md\:hover\:skew-y-0:hover { - --tw-skew-y: 0deg; + .lg\:hover\:to-black-60:hover { + --tw-gradient-to: var(--black-60, #00000099); } - .md\:hover\:skew-y-1:hover { - --tw-skew-y: 1deg; + .lg\:hover\:to-black-50:hover { + --tw-gradient-to: var(--black-50, #00000080); } - .md\:hover\:skew-y-2:hover { - --tw-skew-y: 2deg; + .lg\:hover\:to-black-25:hover { + --tw-gradient-to: var(--black-25, #00000040); } - .md\:hover\:skew-y-3:hover { - --tw-skew-y: 3deg; + .lg\:hover\:to-black-10:hover { + --tw-gradient-to: var(--black-10, #0000001a); } - .md\:hover\:skew-y-6:hover { - --tw-skew-y: 6deg; + .lg\:hover\:to-white-25:hover { + --tw-gradient-to: var(--white-25, #ffffff40); } - .md\:hover\:skew-y-12:hover { - --tw-skew-y: 12deg; + .lg\:hover\:to-white-60:hover { + --tw-gradient-to: var(--white-60, #ffffff99); } - .md\:hover\:-skew-y-12:hover { - --tw-skew-y: -12deg; + .lg\:hover\:to-black-64:hover { + --tw-gradient-to: var(--black-64, #000000a3); } - .md\:hover\:-skew-y-6:hover { - --tw-skew-y: -6deg; + .lg\:hover\:to-Shadow\ and\ Highlight-Shadow:hover { + --tw-gradient-to: var(--shadow-and-highlight-shadow, #7f7e7f); } - .md\:hover\:-skew-y-3:hover { - --tw-skew-y: -3deg; + .lg\:hover\:to-Shadow\ and\ Highlight-Highlight:hover { + --tw-gradient-to: var(--shadow-and-highlight-highlight, #474747); } - .md\:hover\:-skew-y-2:hover { - --tw-skew-y: -2deg; + .lg\:hover\:to-Shadow\ and\ Highlight-highlight\ one:hover { + --tw-gradient-to: var(--shadow-and-highlight-highlight-one, #474747bf); } - .md\:hover\:-skew-y-1:hover { - --tw-skew-y: -1deg; + .lg\:hover\:to-Shadow\ and\ Highlight-highlight\ two:hover { + --tw-gradient-to: var(--shadow-and-highlight-highlight-two, #47474799); } - .md\:focus\:skew-x-0:focus { - --tw-skew-x: 0deg; + .lg\:hover\:to-Shadow\ and\ Highlight-highlight\ three:hover { + --tw-gradient-to: var(--shadow-and-highlight-highlight-three, #47474766); } - .md\:focus\:skew-x-1:focus { - --tw-skew-x: 1deg; + .lg\:hover\:to-Shadow\ and\ Highlight-highlight\ five:hover { + --tw-gradient-to: var(--shadow-and-highlight-highlight-five, #4747471a); } - .md\:focus\:skew-x-2:focus { - --tw-skew-x: 2deg; + .lg\:hover\:to-Shadow\ and\ Highlight-shadow\ one:hover { + --tw-gradient-to: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .md\:focus\:skew-x-3:focus { - --tw-skew-x: 3deg; + .lg\:hover\:to-Shadow\ and\ Highlight-shadow\ two:hover { + --tw-gradient-to: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .md\:focus\:skew-x-6:focus { - --tw-skew-x: 6deg; + .lg\:hover\:to-Shadow\ and\ Highlight-shadow\ three:hover { + --tw-gradient-to: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .md\:focus\:skew-x-12:focus { - --tw-skew-x: 12deg; + .lg\:hover\:to-Shadow\ and\ Highlight-shadow\ four:hover { + --tw-gradient-to: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .md\:focus\:-skew-x-12:focus { - --tw-skew-x: -12deg; + .lg\:hover\:to-Shadow\ and\ Highlight-shadow\ five:hover { + --tw-gradient-to: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .md\:focus\:-skew-x-6:focus { - --tw-skew-x: -6deg; + .lg\:hover\:to-Shadow\ and\ Highlight-highlight\ four:hover { + --tw-gradient-to: var(--shadow-and-highlight-highlight-four, #47474740); } - .md\:focus\:-skew-x-3:focus { - --tw-skew-x: -3deg; + .lg\:hover\:to-Base\ Layer\ Styles-Base\ Layer-\ Light-White:hover { + --tw-gradient-to: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .md\:focus\:-skew-x-2:focus { - --tw-skew-x: -2deg; + .lg\:hover\:to-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:hover { + --tw-gradient-to: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .md\:focus\:-skew-x-1:focus { - --tw-skew-x: -1deg; + .lg\:hover\:to-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:hover { + --tw-gradient-to: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .md\:focus\:skew-y-0:focus { - --tw-skew-y: 0deg; + .lg\:hover\:to-Base\ Layer\ Styles-Base\ Layer-Dark-Black:hover { + --tw-gradient-to: var(--base-layer-styles-base-layer-dark-black, #000000); } - .md\:focus\:skew-y-1:focus { - --tw-skew-y: 1deg; + .lg\:hover\:to-Grey-Scale-white:hover { + --tw-gradient-to: var(--grey-scale-white, #ffffff); } - .md\:focus\:skew-y-2:focus { - --tw-skew-y: 2deg; + .lg\:hover\:to-Grey-Scale-off-white:hover { + --tw-gradient-to: var(--grey-scale-off-white, #f0edee); } - .md\:focus\:skew-y-3:focus { - --tw-skew-y: 3deg; + .lg\:hover\:to-Grey\ Scale-grey:hover { + --tw-gradient-to: var(--grey-scale-grey, #7f7e7f); } - .md\:focus\:skew-y-6:focus { - --tw-skew-y: 6deg; + .lg\:hover\:to-Grey\ Scale-charcoal:hover { + --tw-gradient-to: var(--grey-scale-charcoal, #474747); } - .md\:focus\:skew-y-12:focus { - --tw-skew-y: 12deg; + .lg\:hover\:to-Grey\ Scale-off-black:hover { + --tw-gradient-to: var(--grey-scale-off-black, #1c1c1c); } - .md\:focus\:-skew-y-12:focus { - --tw-skew-y: -12deg; + .lg\:hover\:to-Grey\ Scale-black:hover { + --tw-gradient-to: var(--grey-scale-black, #000000); } - .md\:focus\:-skew-y-6:focus { - --tw-skew-y: -6deg; + .lg\:hover\:to-Blue-blue:hover { + --tw-gradient-to: var(--blue-blue, #3a7ca5); } - .md\:focus\:-skew-y-3:focus { - --tw-skew-y: -3deg; + .lg\:hover\:to-Blue-blue-100:hover { + --tw-gradient-to: var(--blue-blue-100, #75a3c0); } - .md\:focus\:-skew-y-2:focus { - --tw-skew-y: -2deg; + .lg\:hover\:to-Blue-blue-200:hover { + --tw-gradient-to: var(--blue-blue-200, #9cbed2); } - .md\:focus\:-skew-y-1:focus { - --tw-skew-y: -1deg; + .lg\:hover\:to-Blue-blue-300:hover { + --tw-gradient-to: var(--blue-blue-300, #4f7d9a); } - .md\:scale-0 { - --tw-scale-x: 0; - --tw-scale-y: 0; + .lg\:hover\:to-Blue-blue-400:hover { + --tw-gradient-to: var(--blue-blue-400, #5c7d92); } - .md\:scale-50 { - --tw-scale-x: .5; - --tw-scale-y: .5; + .lg\:hover\:to-Blue-blue-500:hover { + --tw-gradient-to: var(--blue-blue-500, #347095); } - .md\:scale-75 { - --tw-scale-x: .75; - --tw-scale-y: .75; + .lg\:hover\:to-Blue-blue-600:hover { + --tw-gradient-to: var(--blue-blue-600, #295774); } - .md\:scale-90 { - --tw-scale-x: .9; - --tw-scale-y: .9; + .lg\:hover\:to-Blue-blue-700:hover { + --tw-gradient-to: var(--blue-blue-700, #173242); } - .md\:scale-95 { - --tw-scale-x: .95; - --tw-scale-y: .95; + .lg\:hover\:to-LightBlue-lightblue:hover { + --tw-gradient-to: var(--light-blue-lightblue, #81c3d7); } - .md\:scale-100 { - --tw-scale-x: 1; - --tw-scale-y: 1; + .lg\:hover\:to-LightBlue-lightblue-100:hover { + --tw-gradient-to: var(--light-blue-lightblue-100, #a7d5e3); } - .md\:scale-105 { - --tw-scale-x: 1.05; - --tw-scale-y: 1.05; + .lg\:hover\:to-LightBlue-lightblue-200:hover { + --tw-gradient-to: var(--light-blue-lightblue-200, #c0e1eb); } - .md\:scale-110 { - --tw-scale-x: 1.1; - --tw-scale-y: 1.1; + .lg\:hover\:to-LightBlue-lightblue-300:hover { + --tw-gradient-to: var(--light-blue-lightblue-300, #80aebd); } - .md\:scale-125 { - --tw-scale-x: 1.25; - --tw-scale-y: 1.25; + .lg\:hover\:to-LightBlue-lightblue-400:hover { + --tw-gradient-to: var(--light-blue-lightblue-400, #80a0ab); } - .md\:scale-150 { - --tw-scale-x: 1.5; - --tw-scale-y: 1.5; + .lg\:hover\:to-LightBlue-lightblue-500:hover { + --tw-gradient-to: var(--light-blue-lightblue-500, #74afc1); } - .md\:hover\:scale-0:hover { - --tw-scale-x: 0; - --tw-scale-y: 0; + .lg\:hover\:to-LightBlue-lightblue-600:hover { + --tw-gradient-to: var(--light-blue-lightblue-600, #5a8997); } - .md\:hover\:scale-50:hover { - --tw-scale-x: .5; - --tw-scale-y: .5; + .lg\:hover\:to-LightBlue-lightblue-650:hover { + --tw-gradient-to: var(--light-blue-lightblue-650, #3e5e65); } - .md\:hover\:scale-75:hover { - --tw-scale-x: .75; - --tw-scale-y: .75; + .lg\:hover\:to-LightBlue-lightblue-700:hover { + --tw-gradient-to: var(--light-blue-lightblue-700, #344e56); } - .md\:hover\:scale-90:hover { - --tw-scale-x: .9; - --tw-scale-y: .9; + .lg\:hover\:to-Orange-orange:hover { + --tw-gradient-to: var(--orange-orange, #ff7f0e); } - .md\:hover\:scale-95:hover { - --tw-scale-x: .95; - --tw-scale-y: .95; + .lg\:hover\:to-Orange-orange-100:hover { + --tw-gradient-to: var(--orange-orange-100, #ffa556); } - .md\:hover\:scale-100:hover { - --tw-scale-x: 1; - --tw-scale-y: 1; + .lg\:hover\:to-Orange-orange-200:hover { + --tw-gradient-to: var(--orange-orange-200, #ffbf86); } - .md\:hover\:scale-105:hover { - --tw-scale-x: 1.05; - --tw-scale-y: 1.05; + .lg\:hover\:to-Orange-orange-300:hover { + --tw-gradient-to: var(--orange-orange-300, #d97f30); } - .md\:hover\:scale-110:hover { - --tw-scale-x: 1.1; - --tw-scale-y: 1.1; + .lg\:hover\:to-Orange-orange-400:hover { + --tw-gradient-to: var(--orange-orange-400, #bf7e46); } - .md\:hover\:scale-125:hover { - --tw-scale-x: 1.25; - --tw-scale-y: 1.25; + .lg\:hover\:to-Orange-orange-500:hover { + --tw-gradient-to: var(--orange-orange-500, #e5720d); } - .md\:hover\:scale-150:hover { - --tw-scale-x: 1.5; - --tw-scale-y: 1.5; + .lg\:hover\:to-Orange-orange-600:hover { + --tw-gradient-to: var(--orange-orange-600, #b3590a); } - .md\:focus\:scale-0:focus { - --tw-scale-x: 0; - --tw-scale-y: 0; + .lg\:hover\:to-Orange-orange-700:hover { + --tw-gradient-to: var(--orange-orange-700, #663306); } - .md\:focus\:scale-50:focus { - --tw-scale-x: .5; - --tw-scale-y: .5; + .lg\:hover\:to-Yellow-yellow:hover { + --tw-gradient-to: var(--yellow-yellow, #ffab00); } - .md\:focus\:scale-75:focus { - --tw-scale-x: .75; - --tw-scale-y: .75; + .lg\:hover\:to-Yellow-yellow-100:hover { + --tw-gradient-to: var(--yellow-yellow-100, #ffc44c); } - .md\:focus\:scale-90:focus { - --tw-scale-x: .9; - --tw-scale-y: .9; + .lg\:hover\:to-Yellow-yellow-200:hover { + --tw-gradient-to: var(--yellow-yellow-200, #ffd580); } - .md\:focus\:scale-95:focus { - --tw-scale-x: .95; - --tw-scale-y: .95; + .lg\:hover\:to-Yellow-yellow-300:hover { + --tw-gradient-to: var(--yellow-yellow-300, #d99d26); } - .md\:focus\:scale-100:focus { - --tw-scale-x: 1; - --tw-scale-y: 1; + .lg\:hover\:to-Yellow-yellow-400:hover { + --tw-gradient-to: var(--yellow-yellow-400, #bf943f); } - .md\:focus\:scale-105:focus { - --tw-scale-x: 1.05; - --tw-scale-y: 1.05; + .lg\:hover\:to-Yellow-yellow-500:hover { + --tw-gradient-to: var(--yellow-yellow-500, #e59a00); } - .md\:focus\:scale-110:focus { - --tw-scale-x: 1.1; - --tw-scale-y: 1.1; + .lg\:hover\:to-Yellow-yellow-600:hover { + --tw-gradient-to: var(--yellow-yellow-600, #b37800); } - .md\:focus\:scale-125:focus { - --tw-scale-x: 1.25; - --tw-scale-y: 1.25; + .lg\:hover\:to-Yellow-yellow-700:hover { + --tw-gradient-to: var(--yellow-yellow-700, #664400); } - .md\:focus\:scale-150:focus { - --tw-scale-x: 1.5; - --tw-scale-y: 1.5; + .lg\:hover\:to-Notification-notification:hover { + --tw-gradient-to: var(--notification-notification, #3959ff); } - .md\:scale-x-0 { - --tw-scale-x: 0; + .lg\:hover\:to-Notification-notification-100:hover { + --tw-gradient-to: var(--notification-notification-100, #748bff); } - .md\:scale-x-50 { - --tw-scale-x: .5; + .lg\:hover\:to-Notification-notification-200:hover { + --tw-gradient-to: var(--notification-notification-200, #9cacff); } - .md\:scale-x-75 { - --tw-scale-x: .75; + .lg\:hover\:to-Notification-notification-300:hover { + --tw-gradient-to: var(--notification-notification-300, #4e64d9); } - .md\:scale-x-90 { - --tw-scale-x: .9; + .lg\:hover\:to-Notification-notification-400:hover { + --tw-gradient-to: var(--notification-notification-400, #5c6cbf); } - .md\:scale-x-95 { - --tw-scale-x: .95; + .lg\:hover\:to-Notification-notification-500:hover { + --tw-gradient-to: var(--notification-notification-500, #3350e5); } - .md\:scale-x-100 { - --tw-scale-x: 1; + .lg\:hover\:to-Notification-notification-600:hover { + --tw-gradient-to: var(--notification-notification-600, #283eb3); } - .md\:scale-x-105 { - --tw-scale-x: 1.05; + .lg\:hover\:to-Notification-notification-700:hover { + --tw-gradient-to: var(--notification-notification-700, #172466); } - .md\:scale-x-110 { - --tw-scale-x: 1.1; + .lg\:hover\:to-Success-success\ -700:hover { + --tw-gradient-to: var(--success-success-700, #24471f); } - .md\:scale-x-125 { - --tw-scale-x: 1.25; + .lg\:hover\:to-Success-success:hover { + --tw-gradient-to: var(--success-success, #5bb14d); } - .md\:scale-x-150 { - --tw-scale-x: 1.5; + .lg\:hover\:to-Success-success\ -100:hover { + --tw-gradient-to: var(--success-success-100, #8cc882); } - .md\:scale-y-0 { - --tw-scale-y: 0; + .lg\:hover\:to-Success-success\ -200:hover { + --tw-gradient-to: var(--success-success-200, #add8a6); } - .md\:scale-y-50 { - --tw-scale-y: .5; + .lg\:hover\:to-Success-success\ -300:hover { + --tw-gradient-to: var(--success-success-300, #66a25c); } - .md\:scale-y-75 { - --tw-scale-y: .75; + .lg\:hover\:to-Success-success\ -400:hover { + --tw-gradient-to: var(--success-success-400, #6d9766); } - .md\:scale-y-90 { - --tw-scale-y: .9; + .lg\:hover\:to-Success-success\ -500:hover { + --tw-gradient-to: var(--success-success-500, #529f45); } - .md\:scale-y-95 { - --tw-scale-y: .95; + .lg\:hover\:to-Success-success\ -600:hover { + --tw-gradient-to: var(--success-success-600, #407c36); } - .md\:scale-y-100 { - --tw-scale-y: 1; + .lg\:hover\:to-Error-error:hover { + --tw-gradient-to: var(--error-error, #f03d3e); } - .md\:scale-y-105 { - --tw-scale-y: 1.05; + .lg\:hover\:to-Error-error-100:hover { + --tw-gradient-to: var(--error-error-100, #f57778); } - .md\:scale-y-110 { - --tw-scale-y: 1.1; + .lg\:hover\:to-Error-error-200:hover { + --tw-gradient-to: var(--error-error-200, #f89e9e); } - .md\:scale-y-125 { - --tw-scale-y: 1.25; + .lg\:hover\:to-Error-error-250:hover { + --tw-gradient-to: var(--error-error-250, #f9c8c8); } - .md\:scale-y-150 { - --tw-scale-y: 1.5; + .lg\:hover\:to-Error-error-300:hover { + --tw-gradient-to: var(--error-error-300, #ce5151); } - .md\:hover\:scale-x-0:hover { - --tw-scale-x: 0; + .lg\:hover\:to-Error-error-400:hover { + --tw-gradient-to: var(--error-error-400, #b85e5e); } - .md\:hover\:scale-x-50:hover { - --tw-scale-x: .5; + .lg\:hover\:to-Error-error-500:hover { + --tw-gradient-to: var(--error-error-500, #d83738); } - .md\:hover\:scale-x-75:hover { - --tw-scale-x: .75; + .lg\:hover\:to-Error-error-600:hover { + --tw-gradient-to: var(--error-error-600, #a82b2b); } - .md\:hover\:scale-x-90:hover { - --tw-scale-x: .9; + .lg\:hover\:to-Error-error-700:hover { + --tw-gradient-to: var(--error-error-700, #601819); } - .md\:hover\:scale-x-95:hover { - --tw-scale-x: .95; + .lg\:focus\:to-colors-black:focus { + --tw-gradient-to: var(--colors-black, #000000); } - .md\:hover\:scale-x-100:hover { - --tw-scale-x: 1; + .lg\:focus\:to-colors-white:focus { + --tw-gradient-to: var(--colors-white, #ffffff); } - .md\:hover\:scale-x-105:hover { - --tw-scale-x: 1.05; + .lg\:focus\:to-colors-gray-100:focus { + --tw-gradient-to: var(--colors-gray-100, #f7fafc); } - .md\:hover\:scale-x-110:hover { - --tw-scale-x: 1.1; + .lg\:focus\:to-colors-gray-200:focus { + --tw-gradient-to: var(--colors-gray-200, #edf2f7); } - .md\:hover\:scale-x-125:hover { - --tw-scale-x: 1.25; + .lg\:focus\:to-colors-gray-300:focus { + --tw-gradient-to: var(--colors-gray-300, #e2e8f0); } - .md\:hover\:scale-x-150:hover { - --tw-scale-x: 1.5; + .lg\:focus\:to-colors-gray-400:focus { + --tw-gradient-to: var(--colors-gray-400, #cbd5e0); } - .md\:hover\:scale-y-0:hover { - --tw-scale-y: 0; + .lg\:focus\:to-colors-gray-500:focus { + --tw-gradient-to: var(--colors-gray-500, #a0aec0); } - .md\:hover\:scale-y-50:hover { - --tw-scale-y: .5; + .lg\:focus\:to-colors-gray-600:focus { + --tw-gradient-to: var(--colors-gray-600, #718096); } - .md\:hover\:scale-y-75:hover { - --tw-scale-y: .75; + .lg\:focus\:to-colors-gray-700:focus { + --tw-gradient-to: var(--colors-gray-700, #4a5568); } - .md\:hover\:scale-y-90:hover { - --tw-scale-y: .9; + .lg\:focus\:to-colors-gray-800:focus { + --tw-gradient-to: var(--colors-gray-800, #2d3748); } - .md\:hover\:scale-y-95:hover { - --tw-scale-y: .95; + .lg\:focus\:to-colors-gray-900:focus { + --tw-gradient-to: var(--colors-gray-900, #1a202c); } - .md\:hover\:scale-y-100:hover { - --tw-scale-y: 1; + .lg\:focus\:to-colors-red-100:focus { + --tw-gradient-to: var(--colors-red-100, #fff5f5); } - .md\:hover\:scale-y-105:hover { - --tw-scale-y: 1.05; + .lg\:focus\:to-colors-red-200:focus { + --tw-gradient-to: var(--colors-red-200, #fed7d7); } - .md\:hover\:scale-y-110:hover { - --tw-scale-y: 1.1; + .lg\:focus\:to-colors-red-300:focus { + --tw-gradient-to: var(--colors-red-300, #feb2b2); } - .md\:hover\:scale-y-125:hover { - --tw-scale-y: 1.25; + .lg\:focus\:to-colors-red-400:focus { + --tw-gradient-to: var(--colors-red-400, #fc8181); } - .md\:hover\:scale-y-150:hover { - --tw-scale-y: 1.5; + .lg\:focus\:to-colors-red-500:focus { + --tw-gradient-to: var(--colors-red-500, #f56565); } - .md\:focus\:scale-x-0:focus { - --tw-scale-x: 0; + .lg\:focus\:to-colors-red-600:focus { + --tw-gradient-to: var(--colors-red-600, #e53e3e); } - .md\:focus\:scale-x-50:focus { - --tw-scale-x: .5; + .lg\:focus\:to-colors-red-700:focus { + --tw-gradient-to: var(--colors-red-700, #c53030); } - .md\:focus\:scale-x-75:focus { - --tw-scale-x: .75; + .lg\:focus\:to-colors-red-800:focus { + --tw-gradient-to: var(--colors-red-800, #9b2c2c); } - .md\:focus\:scale-x-90:focus { - --tw-scale-x: .9; + .lg\:focus\:to-colors-red-900:focus { + --tw-gradient-to: var(--colors-red-900, #742a2a); } - .md\:focus\:scale-x-95:focus { - --tw-scale-x: .95; + .lg\:focus\:to-colors-orange-100:focus { + --tw-gradient-to: var(--colors-orange-100, #fffaf0); } - .md\:focus\:scale-x-100:focus { - --tw-scale-x: 1; + .lg\:focus\:to-colors-orange-200:focus { + --tw-gradient-to: var(--colors-orange-200, #feebc8); } - .md\:focus\:scale-x-105:focus { - --tw-scale-x: 1.05; + .lg\:focus\:to-colors-orange-300:focus { + --tw-gradient-to: var(--colors-orange-300, #fbd38d); } - .md\:focus\:scale-x-110:focus { - --tw-scale-x: 1.1; + .lg\:focus\:to-colors-orange-400:focus { + --tw-gradient-to: var(--colors-orange-400, #f6ad55); } - .md\:focus\:scale-x-125:focus { - --tw-scale-x: 1.25; + .lg\:focus\:to-colors-orange-500:focus { + --tw-gradient-to: var(--colors-orange-500, #ed8936); } - .md\:focus\:scale-x-150:focus { - --tw-scale-x: 1.5; + .lg\:focus\:to-colors-orange-600:focus { + --tw-gradient-to: var(--colors-orange-600, #dd6b20); } - .md\:focus\:scale-y-0:focus { - --tw-scale-y: 0; + .lg\:focus\:to-colors-orange-700:focus { + --tw-gradient-to: var(--colors-orange-700, #c05621); } - .md\:focus\:scale-y-50:focus { - --tw-scale-y: .5; + .lg\:focus\:to-colors-orange-800:focus { + --tw-gradient-to: var(--colors-orange-800, #9c4221); } - .md\:focus\:scale-y-75:focus { - --tw-scale-y: .75; + .lg\:focus\:to-colors-orange-900:focus { + --tw-gradient-to: var(--colors-orange-900, #7b341e); } - .md\:focus\:scale-y-90:focus { - --tw-scale-y: .9; + .lg\:focus\:to-colors-yellow-100:focus { + --tw-gradient-to: var(--colors-yellow-100, #fffff0); } - .md\:focus\:scale-y-95:focus { - --tw-scale-y: .95; + .lg\:focus\:to-colors-yellow-200:focus { + --tw-gradient-to: var(--colors-yellow-200, #fefcbf); } - .md\:focus\:scale-y-100:focus { - --tw-scale-y: 1; + .lg\:focus\:to-colors-yellow-300:focus { + --tw-gradient-to: var(--colors-yellow-300, #faf089); } - .md\:focus\:scale-y-105:focus { - --tw-scale-y: 1.05; + .lg\:focus\:to-colors-yellow-400:focus { + --tw-gradient-to: var(--colors-yellow-400, #f6e05e); } - .md\:focus\:scale-y-110:focus { - --tw-scale-y: 1.1; + .lg\:focus\:to-colors-yellow-500:focus { + --tw-gradient-to: var(--colors-yellow-500, #ecc94b); } - .md\:focus\:scale-y-125:focus { - --tw-scale-y: 1.25; + .lg\:focus\:to-colors-yellow-600:focus { + --tw-gradient-to: var(--colors-yellow-600, #d69e2e); } - .md\:focus\:scale-y-150:focus { - --tw-scale-y: 1.5; + .lg\:focus\:to-colors-yellow-700:focus { + --tw-gradient-to: var(--colors-yellow-700, #b7791f); } - .md\:animate-none { - animation: none; + .lg\:focus\:to-colors-yellow-800:focus { + --tw-gradient-to: var(--colors-yellow-800, #975a16); } - .md\:animate-spin { - animation: spin 1s linear infinite; + .lg\:focus\:to-colors-yellow-900:focus { + --tw-gradient-to: var(--colors-yellow-900, #744210); } - .md\:animate-ping { - animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; + .lg\:focus\:to-colors-green-100:focus { + --tw-gradient-to: var(--colors-green-100, #f0fff4); } - .md\:animate-pulse { - animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; + .lg\:focus\:to-colors-green-200:focus { + --tw-gradient-to: var(--colors-green-200, #c6f6d5); } - .md\:animate-bounce { - animation: bounce 1s infinite; + .lg\:focus\:to-colors-green-300:focus { + --tw-gradient-to: var(--colors-green-300, #9ae6b4); } - .md\:cursor-auto { - cursor: auto; + .lg\:focus\:to-colors-green-400:focus { + --tw-gradient-to: var(--colors-green-400, #68d391); } - .md\:cursor-default { - cursor: default; + .lg\:focus\:to-colors-green-500:focus { + --tw-gradient-to: var(--colors-green-500, #48bb78); } - .md\:cursor-pointer { - cursor: pointer; + .lg\:focus\:to-colors-green-600:focus { + --tw-gradient-to: var(--colors-green-600, #38a169); } - .md\:cursor-wait { - cursor: wait; + .lg\:focus\:to-colors-green-700:focus { + --tw-gradient-to: var(--colors-green-700, #2f855a); } - .md\:cursor-text { - cursor: text; + .lg\:focus\:to-colors-green-800:focus { + --tw-gradient-to: var(--colors-green-800, #276749); } - .md\:cursor-move { - cursor: move; + .lg\:focus\:to-colors-green-900:focus { + --tw-gradient-to: var(--colors-green-900, #22543d); } - .md\:cursor-help { - cursor: help; + .lg\:focus\:to-colors-teal-100:focus { + --tw-gradient-to: var(--colors-teal-100, #e6fffa); } - .md\:cursor-not-allowed { - cursor: not-allowed; + .lg\:focus\:to-colors-teal-200:focus { + --tw-gradient-to: var(--colors-teal-200, #b2f5ea); } - .md\:select-none { - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; + .lg\:focus\:to-colors-teal-300:focus { + --tw-gradient-to: var(--colors-teal-300, #81e6d9); } - .md\:select-text { - -webkit-user-select: text; - -moz-user-select: text; - user-select: text; + .lg\:focus\:to-colors-teal-400:focus { + --tw-gradient-to: var(--colors-teal-400, #4fd1c5); } - .md\:select-all { - -webkit-user-select: all; - -moz-user-select: all; - user-select: all; + .lg\:focus\:to-colors-teal-500:focus { + --tw-gradient-to: var(--colors-teal-500, #38b2ac); } - .md\:select-auto { - -webkit-user-select: auto; - -moz-user-select: auto; - user-select: auto; + .lg\:focus\:to-colors-teal-600:focus { + --tw-gradient-to: var(--colors-teal-600, #319795); } - .md\:resize-none { - resize: none; + .lg\:focus\:to-colors-teal-700:focus { + --tw-gradient-to: var(--colors-teal-700, #2c7a7b); } - .md\:resize-y { - resize: vertical; + .lg\:focus\:to-colors-teal-800:focus { + --tw-gradient-to: var(--colors-teal-800, #285e61); } - .md\:resize-x { - resize: horizontal; + .lg\:focus\:to-colors-teal-900:focus { + --tw-gradient-to: var(--colors-teal-900, #234e52); } - .md\:resize { - resize: both; + .lg\:focus\:to-colors-blue-100:focus { + --tw-gradient-to: var(--colors-blue-100, #ebf8ff); } - .md\:list-inside { - list-style-position: inside; + .lg\:focus\:to-colors-blue-200:focus { + --tw-gradient-to: var(--colors-blue-200, #bee3f8); } - .md\:list-outside { - list-style-position: outside; + .lg\:focus\:to-colors-blue-300:focus { + --tw-gradient-to: var(--colors-blue-300, #90cdf4); } - .md\:list-none { - list-style-type: none; + .lg\:focus\:to-colors-blue-400:focus { + --tw-gradient-to: var(--colors-blue-400, #63b3ed); } - .md\:list-disc { - list-style-type: disc; + .lg\:focus\:to-colors-blue-500:focus { + --tw-gradient-to: var(--colors-blue-500, #4299e1); } - .md\:list-decimal { - list-style-type: decimal; + .lg\:focus\:to-colors-blue-600:focus { + --tw-gradient-to: var(--colors-blue-600, #3182ce); } - .md\:appearance-none { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; + .lg\:focus\:to-colors-blue-700:focus { + --tw-gradient-to: var(--colors-blue-700, #2b6cb0); } - .md\:auto-cols-auto { - grid-auto-columns: auto; + .lg\:focus\:to-colors-blue-800:focus { + --tw-gradient-to: var(--colors-blue-800, #2c5282); } - .md\:auto-cols-min { - grid-auto-columns: min-content; + .lg\:focus\:to-colors-blue-900:focus { + --tw-gradient-to: var(--colors-blue-900, #2a4365); } - .md\:auto-cols-max { - grid-auto-columns: max-content; + .lg\:focus\:to-colors-indigo-100:focus { + --tw-gradient-to: var(--colors-indigo-100, #ebf4ff); } - .md\:auto-cols-fr { - grid-auto-columns: minmax(0, 1fr); + .lg\:focus\:to-colors-indigo-200:focus { + --tw-gradient-to: var(--colors-indigo-200, #c3dafe); } - .md\:grid-flow-row { - grid-auto-flow: row; + .lg\:focus\:to-colors-indigo-300:focus { + --tw-gradient-to: var(--colors-indigo-300, #a3bffa); } - .md\:grid-flow-col { - grid-auto-flow: column; + .lg\:focus\:to-colors-indigo-400:focus { + --tw-gradient-to: var(--colors-indigo-400, #7f9cf5); } - .md\:grid-flow-row-dense { - grid-auto-flow: row dense; + .lg\:focus\:to-colors-indigo-500:focus { + --tw-gradient-to: var(--colors-indigo-500, #667eea); } - .md\:grid-flow-col-dense { - grid-auto-flow: column dense; + .lg\:focus\:to-colors-indigo-600:focus { + --tw-gradient-to: var(--colors-indigo-600, #5a67d8); } - .md\:auto-rows-auto { - grid-auto-rows: auto; + .lg\:focus\:to-colors-indigo-700:focus { + --tw-gradient-to: var(--colors-indigo-700, #4c51bf); } - .md\:auto-rows-min { - grid-auto-rows: min-content; + .lg\:focus\:to-colors-indigo-800:focus { + --tw-gradient-to: var(--colors-indigo-800, #434190); } - .md\:auto-rows-max { - grid-auto-rows: max-content; + .lg\:focus\:to-colors-indigo-900:focus { + --tw-gradient-to: var(--colors-indigo-900, #3c366b); } - .md\:auto-rows-fr { - grid-auto-rows: minmax(0, 1fr); + .lg\:focus\:to-colors-purple-100:focus { + --tw-gradient-to: var(--colors-purple-100, #faf5ff); } - .md\:grid-cols-1 { - grid-template-columns: repeat(1, minmax(0, 1fr)); + .lg\:focus\:to-colors-purple-200:focus { + --tw-gradient-to: var(--colors-purple-200, #e9d8fd); } - .md\:grid-cols-2 { - grid-template-columns: repeat(2, minmax(0, 1fr)); + .lg\:focus\:to-colors-purple-300:focus { + --tw-gradient-to: var(--colors-purple-300, #d6bcfa); } - .md\:grid-cols-3 { - grid-template-columns: repeat(3, minmax(0, 1fr)); + .lg\:focus\:to-colors-purple-400:focus { + --tw-gradient-to: var(--colors-purple-400, #b794f4); } - .md\:grid-cols-4 { - grid-template-columns: repeat(4, minmax(0, 1fr)); + .lg\:focus\:to-colors-purple-500:focus { + --tw-gradient-to: var(--colors-purple-500, #9f7aea); } - .md\:grid-cols-5 { - grid-template-columns: repeat(5, minmax(0, 1fr)); + .lg\:focus\:to-colors-purple-600:focus { + --tw-gradient-to: var(--colors-purple-600, #805ad5); } - .md\:grid-cols-6 { - grid-template-columns: repeat(6, minmax(0, 1fr)); + .lg\:focus\:to-colors-purple-700:focus { + --tw-gradient-to: var(--colors-purple-700, #6b46c1); } - .md\:grid-cols-7 { - grid-template-columns: repeat(7, minmax(0, 1fr)); + .lg\:focus\:to-colors-purple-800:focus { + --tw-gradient-to: var(--colors-purple-800, #553c9a); } - .md\:grid-cols-8 { - grid-template-columns: repeat(8, minmax(0, 1fr)); + .lg\:focus\:to-colors-purple-900:focus { + --tw-gradient-to: var(--colors-purple-900, #44337a); } - .md\:grid-cols-9 { - grid-template-columns: repeat(9, minmax(0, 1fr)); + .lg\:focus\:to-colors-pink-100:focus { + --tw-gradient-to: var(--colors-pink-100, #fff5f7); } - .md\:grid-cols-10 { - grid-template-columns: repeat(10, minmax(0, 1fr)); + .lg\:focus\:to-colors-pink-200:focus { + --tw-gradient-to: var(--colors-pink-200, #fed7e2); } - .md\:grid-cols-11 { - grid-template-columns: repeat(11, minmax(0, 1fr)); + .lg\:focus\:to-colors-pink-300:focus { + --tw-gradient-to: var(--colors-pink-300, #fbb6ce); } - .md\:grid-cols-12 { - grid-template-columns: repeat(12, minmax(0, 1fr)); + .lg\:focus\:to-colors-pink-400:focus { + --tw-gradient-to: var(--colors-pink-400, #f687b3); } - .md\:grid-cols-none { - grid-template-columns: none; + .lg\:focus\:to-colors-pink-500:focus { + --tw-gradient-to: var(--colors-pink-500, #ed64a6); } - .md\:grid-rows-1 { - grid-template-rows: repeat(1, minmax(0, 1fr)); + .lg\:focus\:to-colors-pink-600:focus { + --tw-gradient-to: var(--colors-pink-600, #d53f8c); } - .md\:grid-rows-2 { - grid-template-rows: repeat(2, minmax(0, 1fr)); + .lg\:focus\:to-colors-pink-700:focus { + --tw-gradient-to: var(--colors-pink-700, #b83280); } - .md\:grid-rows-3 { - grid-template-rows: repeat(3, minmax(0, 1fr)); + .lg\:focus\:to-colors-pink-800:focus { + --tw-gradient-to: var(--colors-pink-800, #97266d); } - .md\:grid-rows-4 { - grid-template-rows: repeat(4, minmax(0, 1fr)); + .lg\:focus\:to-colors-pink-900:focus { + --tw-gradient-to: var(--colors-pink-900, #702459); } - .md\:grid-rows-5 { - grid-template-rows: repeat(5, minmax(0, 1fr)); + .lg\:focus\:to-Box\ Shadow:focus { + --tw-gradient-to: var(--box-shadow, #7f7e7f); } - .md\:grid-rows-6 { - grid-template-rows: repeat(6, minmax(0, 1fr)); + .lg\:focus\:to-Error16:focus { + --tw-gradient-to: var(--error16, #f03d3e40); } - .md\:grid-rows-none { - grid-template-rows: none; + .lg\:focus\:to-Success16:focus { + --tw-gradient-to: var(--success16, #5bb14d40); } - .md\:flex-row { - flex-direction: row; + .lg\:focus\:to-Notification16:focus { + --tw-gradient-to: var(--notification16, #3959ff40); } - .md\:flex-row-reverse { - flex-direction: row-reverse; + .lg\:focus\:to-Error8:focus { + --tw-gradient-to: var(--error8, #f03d3e1a); } - .md\:flex-col { - flex-direction: column; + .lg\:focus\:to-Notification8:focus { + --tw-gradient-to: var(--notification8, #3959ff1a); } - .md\:flex-col-reverse { - flex-direction: column-reverse; + .lg\:focus\:to-Success8:focus { + --tw-gradient-to: var(--success8, #5bb14d1a); } - .md\:flex-wrap { - flex-wrap: wrap; + .lg\:focus\:to-Light\ -\ Overlay:focus { + --tw-gradient-to: var(--light-overlay, #f0edee66); } - .md\:flex-wrap-reverse { - flex-wrap: wrap-reverse; + .lg\:focus\:to-Dark-\ Overlay:focus { + --tw-gradient-to: var(--dark-overlay, #7f7e7f66); } - .md\:flex-nowrap { - flex-wrap: nowrap; + .lg\:focus\:to-black-40:focus { + --tw-gradient-to: var(--black-40, #00000066); } - .md\:place-content-center { - place-content: center; + .lg\:focus\:to-black-75:focus { + --tw-gradient-to: var(--black-75, #000000bf); } - .md\:place-content-start { - place-content: start; + .lg\:focus\:to-black-60:focus { + --tw-gradient-to: var(--black-60, #00000099); } - .md\:place-content-end { - place-content: end; + .lg\:focus\:to-black-50:focus { + --tw-gradient-to: var(--black-50, #00000080); } - .md\:place-content-between { - place-content: space-between; + .lg\:focus\:to-black-25:focus { + --tw-gradient-to: var(--black-25, #00000040); } - .md\:place-content-around { - place-content: space-around; + .lg\:focus\:to-black-10:focus { + --tw-gradient-to: var(--black-10, #0000001a); } - .md\:place-content-evenly { - place-content: space-evenly; + .lg\:focus\:to-white-25:focus { + --tw-gradient-to: var(--white-25, #ffffff40); } - .md\:place-content-stretch { - place-content: stretch; + .lg\:focus\:to-white-60:focus { + --tw-gradient-to: var(--white-60, #ffffff99); } - .md\:place-items-start { - place-items: start; + .lg\:focus\:to-black-64:focus { + --tw-gradient-to: var(--black-64, #000000a3); } - .md\:place-items-end { - place-items: end; + .lg\:focus\:to-Shadow\ and\ Highlight-Shadow:focus { + --tw-gradient-to: var(--shadow-and-highlight-shadow, #7f7e7f); } - .md\:place-items-center { - place-items: center; + .lg\:focus\:to-Shadow\ and\ Highlight-Highlight:focus { + --tw-gradient-to: var(--shadow-and-highlight-highlight, #474747); } - .md\:place-items-stretch { - place-items: stretch; + .lg\:focus\:to-Shadow\ and\ Highlight-highlight\ one:focus { + --tw-gradient-to: var(--shadow-and-highlight-highlight-one, #474747bf); } - .md\:content-center { - align-content: center; + .lg\:focus\:to-Shadow\ and\ Highlight-highlight\ two:focus { + --tw-gradient-to: var(--shadow-and-highlight-highlight-two, #47474799); } - .md\:content-start { - align-content: flex-start; + .lg\:focus\:to-Shadow\ and\ Highlight-highlight\ three:focus { + --tw-gradient-to: var(--shadow-and-highlight-highlight-three, #47474766); } - .md\:content-end { - align-content: flex-end; + .lg\:focus\:to-Shadow\ and\ Highlight-highlight\ five:focus { + --tw-gradient-to: var(--shadow-and-highlight-highlight-five, #4747471a); } - .md\:content-between { - align-content: space-between; + .lg\:focus\:to-Shadow\ and\ Highlight-shadow\ one:focus { + --tw-gradient-to: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .md\:content-around { - align-content: space-around; + .lg\:focus\:to-Shadow\ and\ Highlight-shadow\ two:focus { + --tw-gradient-to: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .md\:content-evenly { - align-content: space-evenly; + .lg\:focus\:to-Shadow\ and\ Highlight-shadow\ three:focus { + --tw-gradient-to: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .md\:items-start { - align-items: flex-start; + .lg\:focus\:to-Shadow\ and\ Highlight-shadow\ four:focus { + --tw-gradient-to: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .md\:items-end { - align-items: flex-end; + .lg\:focus\:to-Shadow\ and\ Highlight-shadow\ five:focus { + --tw-gradient-to: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .md\:items-center { - align-items: center; + .lg\:focus\:to-Shadow\ and\ Highlight-highlight\ four:focus { + --tw-gradient-to: var(--shadow-and-highlight-highlight-four, #47474740); } - .md\:items-baseline { - align-items: baseline; + .lg\:focus\:to-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus { + --tw-gradient-to: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .md\:items-stretch { - align-items: stretch; + .lg\:focus\:to-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus { + --tw-gradient-to: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .md\:justify-start { - justify-content: flex-start; + .lg\:focus\:to-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus { + --tw-gradient-to: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .md\:justify-end { - justify-content: flex-end; + .lg\:focus\:to-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus { + --tw-gradient-to: var(--base-layer-styles-base-layer-dark-black, #000000); } - .md\:justify-center { - justify-content: center; + .lg\:focus\:to-Grey-Scale-white:focus { + --tw-gradient-to: var(--grey-scale-white, #ffffff); } - .md\:justify-between { - justify-content: space-between; + .lg\:focus\:to-Grey-Scale-off-white:focus { + --tw-gradient-to: var(--grey-scale-off-white, #f0edee); } - .md\:justify-around { - justify-content: space-around; + .lg\:focus\:to-Grey\ Scale-grey:focus { + --tw-gradient-to: var(--grey-scale-grey, #7f7e7f); } - .md\:justify-evenly { - justify-content: space-evenly; + .lg\:focus\:to-Grey\ Scale-charcoal:focus { + --tw-gradient-to: var(--grey-scale-charcoal, #474747); } - .md\:justify-items-start { - justify-items: start; + .lg\:focus\:to-Grey\ Scale-off-black:focus { + --tw-gradient-to: var(--grey-scale-off-black, #1c1c1c); } - .md\:justify-items-end { - justify-items: end; + .lg\:focus\:to-Grey\ Scale-black:focus { + --tw-gradient-to: var(--grey-scale-black, #000000); } - .md\:justify-items-center { - justify-items: center; + .lg\:focus\:to-Blue-blue:focus { + --tw-gradient-to: var(--blue-blue, #3a7ca5); } - .md\:justify-items-stretch { - justify-items: stretch; + .lg\:focus\:to-Blue-blue-100:focus { + --tw-gradient-to: var(--blue-blue-100, #75a3c0); } - .md\:gap-0 { - gap: 0px; + .lg\:focus\:to-Blue-blue-200:focus { + --tw-gradient-to: var(--blue-blue-200, #9cbed2); } - .md\:gap-1 { - gap: 0.25rem; + .lg\:focus\:to-Blue-blue-300:focus { + --tw-gradient-to: var(--blue-blue-300, #4f7d9a); } - .md\:gap-2 { - gap: 0.5rem; + .lg\:focus\:to-Blue-blue-400:focus { + --tw-gradient-to: var(--blue-blue-400, #5c7d92); } - .md\:gap-3 { - gap: 0.75rem; + .lg\:focus\:to-Blue-blue-500:focus { + --tw-gradient-to: var(--blue-blue-500, #347095); } - .md\:gap-4 { - gap: 1rem; + .lg\:focus\:to-Blue-blue-600:focus { + --tw-gradient-to: var(--blue-blue-600, #295774); } - .md\:gap-5 { - gap: 1.25rem; + .lg\:focus\:to-Blue-blue-700:focus { + --tw-gradient-to: var(--blue-blue-700, #173242); } - .md\:gap-6 { - gap: 1.5rem; + .lg\:focus\:to-LightBlue-lightblue:focus { + --tw-gradient-to: var(--light-blue-lightblue, #81c3d7); } - .md\:gap-7 { - gap: 1.75rem; + .lg\:focus\:to-LightBlue-lightblue-100:focus { + --tw-gradient-to: var(--light-blue-lightblue-100, #a7d5e3); } - .md\:gap-8 { - gap: 2rem; + .lg\:focus\:to-LightBlue-lightblue-200:focus { + --tw-gradient-to: var(--light-blue-lightblue-200, #c0e1eb); } - .md\:gap-9 { - gap: 2.25rem; + .lg\:focus\:to-LightBlue-lightblue-300:focus { + --tw-gradient-to: var(--light-blue-lightblue-300, #80aebd); } - .md\:gap-10 { - gap: 2.5rem; + .lg\:focus\:to-LightBlue-lightblue-400:focus { + --tw-gradient-to: var(--light-blue-lightblue-400, #80a0ab); } - .md\:gap-11 { - gap: 2.75rem; + .lg\:focus\:to-LightBlue-lightblue-500:focus { + --tw-gradient-to: var(--light-blue-lightblue-500, #74afc1); } - .md\:gap-12 { - gap: 3rem; + .lg\:focus\:to-LightBlue-lightblue-600:focus { + --tw-gradient-to: var(--light-blue-lightblue-600, #5a8997); } - .md\:gap-14 { - gap: 3.5rem; + .lg\:focus\:to-LightBlue-lightblue-650:focus { + --tw-gradient-to: var(--light-blue-lightblue-650, #3e5e65); } - .md\:gap-16 { - gap: 4rem; + .lg\:focus\:to-LightBlue-lightblue-700:focus { + --tw-gradient-to: var(--light-blue-lightblue-700, #344e56); } - .md\:gap-20 { - gap: 5rem; + .lg\:focus\:to-Orange-orange:focus { + --tw-gradient-to: var(--orange-orange, #ff7f0e); } - .md\:gap-24 { - gap: 6rem; + .lg\:focus\:to-Orange-orange-100:focus { + --tw-gradient-to: var(--orange-orange-100, #ffa556); } - .md\:gap-28 { - gap: 7rem; + .lg\:focus\:to-Orange-orange-200:focus { + --tw-gradient-to: var(--orange-orange-200, #ffbf86); } - .md\:gap-32 { - gap: 8rem; + .lg\:focus\:to-Orange-orange-300:focus { + --tw-gradient-to: var(--orange-orange-300, #d97f30); } - .md\:gap-36 { - gap: 9rem; + .lg\:focus\:to-Orange-orange-400:focus { + --tw-gradient-to: var(--orange-orange-400, #bf7e46); } - .md\:gap-40 { - gap: 10rem; + .lg\:focus\:to-Orange-orange-500:focus { + --tw-gradient-to: var(--orange-orange-500, #e5720d); } - .md\:gap-44 { - gap: 11rem; + .lg\:focus\:to-Orange-orange-600:focus { + --tw-gradient-to: var(--orange-orange-600, #b3590a); } - .md\:gap-48 { - gap: 12rem; + .lg\:focus\:to-Orange-orange-700:focus { + --tw-gradient-to: var(--orange-orange-700, #663306); } - .md\:gap-52 { - gap: 13rem; + .lg\:focus\:to-Yellow-yellow:focus { + --tw-gradient-to: var(--yellow-yellow, #ffab00); } - .md\:gap-56 { - gap: 14rem; + .lg\:focus\:to-Yellow-yellow-100:focus { + --tw-gradient-to: var(--yellow-yellow-100, #ffc44c); } - .md\:gap-60 { - gap: 15rem; + .lg\:focus\:to-Yellow-yellow-200:focus { + --tw-gradient-to: var(--yellow-yellow-200, #ffd580); } - .md\:gap-64 { - gap: 16rem; + .lg\:focus\:to-Yellow-yellow-300:focus { + --tw-gradient-to: var(--yellow-yellow-300, #d99d26); } - .md\:gap-72 { - gap: 18rem; + .lg\:focus\:to-Yellow-yellow-400:focus { + --tw-gradient-to: var(--yellow-yellow-400, #bf943f); } - .md\:gap-80 { - gap: 20rem; + .lg\:focus\:to-Yellow-yellow-500:focus { + --tw-gradient-to: var(--yellow-yellow-500, #e59a00); } - .md\:gap-96 { - gap: 24rem; + .lg\:focus\:to-Yellow-yellow-600:focus { + --tw-gradient-to: var(--yellow-yellow-600, #b37800); } - .md\:gap-px { - gap: 1px; + .lg\:focus\:to-Yellow-yellow-700:focus { + --tw-gradient-to: var(--yellow-yellow-700, #664400); } - .md\:gap-0\.5 { - gap: 0.125rem; + .lg\:focus\:to-Notification-notification:focus { + --tw-gradient-to: var(--notification-notification, #3959ff); } - .md\:gap-1\.5 { - gap: 0.375rem; + .lg\:focus\:to-Notification-notification-100:focus { + --tw-gradient-to: var(--notification-notification-100, #748bff); } - .md\:gap-2\.5 { - gap: 0.625rem; + .lg\:focus\:to-Notification-notification-200:focus { + --tw-gradient-to: var(--notification-notification-200, #9cacff); } - .md\:gap-3\.5 { - gap: 0.875rem; + .lg\:focus\:to-Notification-notification-300:focus { + --tw-gradient-to: var(--notification-notification-300, #4e64d9); } - .md\:gap-x-0 { - -moz-column-gap: 0px; - column-gap: 0px; + .lg\:focus\:to-Notification-notification-400:focus { + --tw-gradient-to: var(--notification-notification-400, #5c6cbf); } - .md\:gap-x-1 { - -moz-column-gap: 0.25rem; - column-gap: 0.25rem; + .lg\:focus\:to-Notification-notification-500:focus { + --tw-gradient-to: var(--notification-notification-500, #3350e5); } - .md\:gap-x-2 { - -moz-column-gap: 0.5rem; - column-gap: 0.5rem; + .lg\:focus\:to-Notification-notification-600:focus { + --tw-gradient-to: var(--notification-notification-600, #283eb3); } - .md\:gap-x-3 { - -moz-column-gap: 0.75rem; - column-gap: 0.75rem; + .lg\:focus\:to-Notification-notification-700:focus { + --tw-gradient-to: var(--notification-notification-700, #172466); } - .md\:gap-x-4 { - -moz-column-gap: 1rem; - column-gap: 1rem; + .lg\:focus\:to-Success-success\ -700:focus { + --tw-gradient-to: var(--success-success-700, #24471f); } - .md\:gap-x-5 { - -moz-column-gap: 1.25rem; - column-gap: 1.25rem; + .lg\:focus\:to-Success-success:focus { + --tw-gradient-to: var(--success-success, #5bb14d); } - .md\:gap-x-6 { - -moz-column-gap: 1.5rem; - column-gap: 1.5rem; + .lg\:focus\:to-Success-success\ -100:focus { + --tw-gradient-to: var(--success-success-100, #8cc882); } - .md\:gap-x-7 { - -moz-column-gap: 1.75rem; - column-gap: 1.75rem; + .lg\:focus\:to-Success-success\ -200:focus { + --tw-gradient-to: var(--success-success-200, #add8a6); } - .md\:gap-x-8 { - -moz-column-gap: 2rem; - column-gap: 2rem; + .lg\:focus\:to-Success-success\ -300:focus { + --tw-gradient-to: var(--success-success-300, #66a25c); } - .md\:gap-x-9 { - -moz-column-gap: 2.25rem; - column-gap: 2.25rem; + .lg\:focus\:to-Success-success\ -400:focus { + --tw-gradient-to: var(--success-success-400, #6d9766); } - .md\:gap-x-10 { - -moz-column-gap: 2.5rem; - column-gap: 2.5rem; + .lg\:focus\:to-Success-success\ -500:focus { + --tw-gradient-to: var(--success-success-500, #529f45); } - .md\:gap-x-11 { - -moz-column-gap: 2.75rem; - column-gap: 2.75rem; + .lg\:focus\:to-Success-success\ -600:focus { + --tw-gradient-to: var(--success-success-600, #407c36); } - .md\:gap-x-12 { - -moz-column-gap: 3rem; - column-gap: 3rem; + .lg\:focus\:to-Error-error:focus { + --tw-gradient-to: var(--error-error, #f03d3e); } - .md\:gap-x-14 { - -moz-column-gap: 3.5rem; - column-gap: 3.5rem; + .lg\:focus\:to-Error-error-100:focus { + --tw-gradient-to: var(--error-error-100, #f57778); } - .md\:gap-x-16 { - -moz-column-gap: 4rem; - column-gap: 4rem; + .lg\:focus\:to-Error-error-200:focus { + --tw-gradient-to: var(--error-error-200, #f89e9e); } - .md\:gap-x-20 { - -moz-column-gap: 5rem; - column-gap: 5rem; + .lg\:focus\:to-Error-error-250:focus { + --tw-gradient-to: var(--error-error-250, #f9c8c8); } - .md\:gap-x-24 { - -moz-column-gap: 6rem; - column-gap: 6rem; + .lg\:focus\:to-Error-error-300:focus { + --tw-gradient-to: var(--error-error-300, #ce5151); } - .md\:gap-x-28 { - -moz-column-gap: 7rem; - column-gap: 7rem; + .lg\:focus\:to-Error-error-400:focus { + --tw-gradient-to: var(--error-error-400, #b85e5e); } - .md\:gap-x-32 { - -moz-column-gap: 8rem; - column-gap: 8rem; + .lg\:focus\:to-Error-error-500:focus { + --tw-gradient-to: var(--error-error-500, #d83738); } - .md\:gap-x-36 { - -moz-column-gap: 9rem; - column-gap: 9rem; + .lg\:focus\:to-Error-error-600:focus { + --tw-gradient-to: var(--error-error-600, #a82b2b); } - .md\:gap-x-40 { - -moz-column-gap: 10rem; - column-gap: 10rem; + .lg\:focus\:to-Error-error-700:focus { + --tw-gradient-to: var(--error-error-700, #601819); } - .md\:gap-x-44 { - -moz-column-gap: 11rem; - column-gap: 11rem; + .lg\:decoration-slice { + -webkit-box-decoration-break: slice; + box-decoration-break: slice; } - .md\:gap-x-48 { - -moz-column-gap: 12rem; - column-gap: 12rem; + .lg\:decoration-clone { + -webkit-box-decoration-break: clone; + box-decoration-break: clone; } - .md\:gap-x-52 { - -moz-column-gap: 13rem; - column-gap: 13rem; + .lg\:bg-auto { + background-size: auto; } - .md\:gap-x-56 { - -moz-column-gap: 14rem; - column-gap: 14rem; + .lg\:bg-cover { + background-size: cover; } - .md\:gap-x-60 { - -moz-column-gap: 15rem; - column-gap: 15rem; + .lg\:bg-contain { + background-size: contain; } - .md\:gap-x-64 { - -moz-column-gap: 16rem; - column-gap: 16rem; + .lg\:bg-fixed { + background-attachment: fixed; } - .md\:gap-x-72 { - -moz-column-gap: 18rem; - column-gap: 18rem; + .lg\:bg-local { + background-attachment: local; } - .md\:gap-x-80 { - -moz-column-gap: 20rem; - column-gap: 20rem; + .lg\:bg-scroll { + background-attachment: scroll; } - .md\:gap-x-96 { - -moz-column-gap: 24rem; - column-gap: 24rem; + .lg\:bg-clip-border { + background-clip: border-box; } - .md\:gap-x-px { - -moz-column-gap: 1px; - column-gap: 1px; + .lg\:bg-clip-padding { + background-clip: padding-box; } - .md\:gap-x-0\.5 { - -moz-column-gap: 0.125rem; - column-gap: 0.125rem; + .lg\:bg-clip-content { + background-clip: content-box; } - .md\:gap-x-1\.5 { - -moz-column-gap: 0.375rem; - column-gap: 0.375rem; + .lg\:bg-clip-text { + -webkit-background-clip: text; + background-clip: text; } - .md\:gap-x-2\.5 { - -moz-column-gap: 0.625rem; - column-gap: 0.625rem; + .lg\:bg-bottom { + background-position: bottom; } - .md\:gap-x-3\.5 { - -moz-column-gap: 0.875rem; - column-gap: 0.875rem; + .lg\:bg-center { + background-position: center; } - .md\:gap-y-0 { - row-gap: 0px; + .lg\:bg-left { + background-position: left; } - .md\:gap-y-1 { - row-gap: 0.25rem; + .lg\:bg-left-bottom { + background-position: left bottom; } - .md\:gap-y-2 { - row-gap: 0.5rem; + .lg\:bg-left-top { + background-position: left top; } - .md\:gap-y-3 { - row-gap: 0.75rem; + .lg\:bg-right { + background-position: right; } - .md\:gap-y-4 { - row-gap: 1rem; + .lg\:bg-right-bottom { + background-position: right bottom; } - .md\:gap-y-5 { - row-gap: 1.25rem; + .lg\:bg-right-top { + background-position: right top; } - .md\:gap-y-6 { - row-gap: 1.5rem; + .lg\:bg-top { + background-position: top; } - .md\:gap-y-7 { - row-gap: 1.75rem; + .lg\:bg-repeat { + background-repeat: repeat; } - .md\:gap-y-8 { - row-gap: 2rem; + .lg\:bg-no-repeat { + background-repeat: no-repeat; } - .md\:gap-y-9 { - row-gap: 2.25rem; + .lg\:bg-repeat-x { + background-repeat: repeat-x; } - .md\:gap-y-10 { - row-gap: 2.5rem; + .lg\:bg-repeat-y { + background-repeat: repeat-y; } - .md\:gap-y-11 { - row-gap: 2.75rem; + .lg\:bg-repeat-round { + background-repeat: round; } - .md\:gap-y-12 { - row-gap: 3rem; + .lg\:bg-repeat-space { + background-repeat: space; } - .md\:gap-y-14 { - row-gap: 3.5rem; + .lg\:bg-origin-border { + background-origin: border-box; } - .md\:gap-y-16 { - row-gap: 4rem; + .lg\:bg-origin-padding { + background-origin: padding-box; } - .md\:gap-y-20 { - row-gap: 5rem; + .lg\:bg-origin-content { + background-origin: content-box; } - .md\:gap-y-24 { - row-gap: 6rem; + .lg\:fill-current { + fill: currentColor; } - .md\:gap-y-28 { - row-gap: 7rem; + .lg\:stroke-current { + stroke: currentColor; } - .md\:gap-y-32 { - row-gap: 8rem; + .lg\:stroke-0 { + stroke-width: 0; } - .md\:gap-y-36 { - row-gap: 9rem; + .lg\:stroke-1 { + stroke-width: 1; } - .md\:gap-y-40 { - row-gap: 10rem; + .lg\:stroke-2 { + stroke-width: 2; } - .md\:gap-y-44 { - row-gap: 11rem; + .lg\:object-contain { + -o-object-fit: contain; + object-fit: contain; } - .md\:gap-y-48 { - row-gap: 12rem; + .lg\:object-cover { + -o-object-fit: cover; + object-fit: cover; } - .md\:gap-y-52 { - row-gap: 13rem; + .lg\:object-fill { + -o-object-fit: fill; + object-fit: fill; } - .md\:gap-y-56 { - row-gap: 14rem; + .lg\:object-none { + -o-object-fit: none; + object-fit: none; } - .md\:gap-y-60 { - row-gap: 15rem; + .lg\:object-scale-down { + -o-object-fit: scale-down; + object-fit: scale-down; } - .md\:gap-y-64 { - row-gap: 16rem; + .lg\:object-bottom { + -o-object-position: bottom; + object-position: bottom; } - .md\:gap-y-72 { - row-gap: 18rem; + .lg\:object-center { + -o-object-position: center; + object-position: center; } - .md\:gap-y-80 { - row-gap: 20rem; + .lg\:object-left { + -o-object-position: left; + object-position: left; } - .md\:gap-y-96 { - row-gap: 24rem; + .lg\:object-left-bottom { + -o-object-position: left bottom; + object-position: left bottom; } - .md\:gap-y-px { - row-gap: 1px; + .lg\:object-left-top { + -o-object-position: left top; + object-position: left top; } - .md\:gap-y-0\.5 { - row-gap: 0.125rem; + .lg\:object-right { + -o-object-position: right; + object-position: right; } - .md\:gap-y-1\.5 { - row-gap: 0.375rem; + .lg\:object-right-bottom { + -o-object-position: right bottom; + object-position: right bottom; } - .md\:gap-y-2\.5 { - row-gap: 0.625rem; + .lg\:object-right-top { + -o-object-position: right top; + object-position: right top; } - .md\:gap-y-3\.5 { - row-gap: 0.875rem; + .lg\:object-top { + -o-object-position: top; + object-position: top; } - .md\:space-x-0 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(0px * var(--tw-space-x-reverse)); - margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse))); + .lg\:p-0 { + padding: 0px; } - .md\: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))); + .lg\:p-1 { + padding: 0.25rem; } - .md\: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))); + .lg\:p-2 { + padding: 0.5rem; } - .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))); + .lg\:p-3 { + padding: 0.75rem; } - .md\: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))); + .lg\:p-4 { + padding: 1rem; } - .md\:space-x-5 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(1.25rem * var(--tw-space-x-reverse)); - margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:p-5 { + padding: 1.25rem; } - .md\: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))); + .lg\:p-6 { + padding: 1.5rem; } - .md\:space-x-7 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(1.75rem * var(--tw-space-x-reverse)); - margin-left: calc(1.75rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:p-7 { + padding: 1.75rem; } - .md\:space-x-8 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(2rem * var(--tw-space-x-reverse)); - margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:p-8 { + padding: 2rem; } - .md\:space-x-9 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(2.25rem * var(--tw-space-x-reverse)); - margin-left: calc(2.25rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:p-9 { + padding: 2.25rem; } - .md\:space-x-10 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(2.5rem * var(--tw-space-x-reverse)); - margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:p-10 { + padding: 2.5rem; + } + + .lg\:p-11 { + padding: 2.75rem; } - .md\:space-x-11 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(2.75rem * var(--tw-space-x-reverse)); - margin-left: calc(2.75rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:p-12 { + padding: 3rem; } - .md\:space-x-12 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(3rem * var(--tw-space-x-reverse)); - margin-left: calc(3rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:p-14 { + padding: 3.5rem; } - .md\:space-x-14 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(3.5rem * var(--tw-space-x-reverse)); - margin-left: calc(3.5rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:p-16 { + padding: 4rem; } - .md\:space-x-16 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(4rem * var(--tw-space-x-reverse)); - margin-left: calc(4rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:p-20 { + padding: 5rem; } - .md\:space-x-20 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(5rem * var(--tw-space-x-reverse)); - margin-left: calc(5rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:p-24 { + padding: 6rem; } - .md\:space-x-24 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(6rem * var(--tw-space-x-reverse)); - margin-left: calc(6rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:p-28 { + padding: 7rem; } - .md\:space-x-28 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(7rem * var(--tw-space-x-reverse)); - margin-left: calc(7rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:p-32 { + padding: 8rem; } - .md\:space-x-32 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(8rem * var(--tw-space-x-reverse)); - margin-left: calc(8rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:p-36 { + padding: 9rem; } - .md\:space-x-36 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(9rem * var(--tw-space-x-reverse)); - margin-left: calc(9rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:p-40 { + padding: 10rem; } - .md\:space-x-40 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(10rem * var(--tw-space-x-reverse)); - margin-left: calc(10rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:p-44 { + padding: 11rem; } - .md\:space-x-44 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(11rem * var(--tw-space-x-reverse)); - margin-left: calc(11rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:p-48 { + padding: 12rem; } - .md\:space-x-48 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(12rem * var(--tw-space-x-reverse)); - margin-left: calc(12rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:p-52 { + padding: 13rem; } - .md\:space-x-52 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(13rem * var(--tw-space-x-reverse)); - margin-left: calc(13rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:p-56 { + padding: 14rem; } - .md\:space-x-56 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(14rem * var(--tw-space-x-reverse)); - margin-left: calc(14rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:p-60 { + padding: 15rem; } - .md\:space-x-60 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(15rem * var(--tw-space-x-reverse)); - margin-left: calc(15rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:p-64 { + padding: 16rem; } - .md\:space-x-64 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(16rem * var(--tw-space-x-reverse)); - margin-left: calc(16rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:p-72 { + padding: 18rem; } - .md\:space-x-72 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(18rem * var(--tw-space-x-reverse)); - margin-left: calc(18rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:p-80 { + padding: 20rem; } - .md\:space-x-80 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(20rem * var(--tw-space-x-reverse)); - margin-left: calc(20rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:p-96 { + padding: 24rem; } - .md\:space-x-96 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(24rem * var(--tw-space-x-reverse)); - margin-left: calc(24rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:p-px { + padding: 1px; } - .md\:space-x-px > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(1px * var(--tw-space-x-reverse)); - margin-left: calc(1px * calc(1 - var(--tw-space-x-reverse))); + .lg\:p-0\.5 { + padding: 0.125rem; } - .md\:space-x-0\.5 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(0.125rem * var(--tw-space-x-reverse)); - margin-left: calc(0.125rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:p-1\.5 { + padding: 0.375rem; } - .md\: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))); + .lg\:p-2\.5 { + padding: 0.625rem; } - .md\: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))); + .lg\:p-3\.5 { + padding: 0.875rem; } - .md\:space-x-3\.5 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(0.875rem * var(--tw-space-x-reverse)); - margin-left: calc(0.875rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:px-0 { + padding-left: 0px; + padding-right: 0px; } - .md\:-space-x-0 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(0px * var(--tw-space-x-reverse)); - margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse))); + .lg\:px-1 { + padding-left: 0.25rem; + padding-right: 0.25rem; } - .md\:-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))); + .lg\:px-2 { + padding-left: 0.5rem; + padding-right: 0.5rem; } - .md\:-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))); + .lg\:px-3 { + padding-left: 0.75rem; + padding-right: 0.75rem; } - .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))); + .lg\:px-4 { + padding-left: 1rem; + padding-right: 1rem; } - .md\:-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))); + .lg\:px-5 { + padding-left: 1.25rem; + padding-right: 1.25rem; } - .md\:-space-x-5 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-1.25rem * var(--tw-space-x-reverse)); - margin-left: calc(-1.25rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:px-6 { + padding-left: 1.5rem; + padding-right: 1.5rem; } - .md\:-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))); + .lg\:px-7 { + padding-left: 1.75rem; + padding-right: 1.75rem; } - .md\:-space-x-7 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-1.75rem * var(--tw-space-x-reverse)); - margin-left: calc(-1.75rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:px-8 { + padding-left: 2rem; + padding-right: 2rem; } - .md\:-space-x-8 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-2rem * var(--tw-space-x-reverse)); - margin-left: calc(-2rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:px-9 { + padding-left: 2.25rem; + padding-right: 2.25rem; } - .md\:-space-x-9 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-2.25rem * var(--tw-space-x-reverse)); - margin-left: calc(-2.25rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:px-10 { + padding-left: 2.5rem; + padding-right: 2.5rem; } - .md\:-space-x-10 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-2.5rem * var(--tw-space-x-reverse)); - margin-left: calc(-2.5rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:px-11 { + padding-left: 2.75rem; + padding-right: 2.75rem; } - .md\:-space-x-11 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-2.75rem * var(--tw-space-x-reverse)); - margin-left: calc(-2.75rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:px-12 { + padding-left: 3rem; + padding-right: 3rem; } - .md\:-space-x-12 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-3rem * var(--tw-space-x-reverse)); - margin-left: calc(-3rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:px-14 { + padding-left: 3.5rem; + padding-right: 3.5rem; } - .md\:-space-x-14 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-3.5rem * var(--tw-space-x-reverse)); - margin-left: calc(-3.5rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:px-16 { + padding-left: 4rem; + padding-right: 4rem; } - .md\:-space-x-16 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-4rem * var(--tw-space-x-reverse)); - margin-left: calc(-4rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:px-20 { + padding-left: 5rem; + padding-right: 5rem; } - .md\:-space-x-20 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-5rem * var(--tw-space-x-reverse)); - margin-left: calc(-5rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:px-24 { + padding-left: 6rem; + padding-right: 6rem; } - .md\:-space-x-24 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-6rem * var(--tw-space-x-reverse)); - margin-left: calc(-6rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:px-28 { + padding-left: 7rem; + padding-right: 7rem; } - .md\:-space-x-28 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-7rem * var(--tw-space-x-reverse)); - margin-left: calc(-7rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:px-32 { + padding-left: 8rem; + padding-right: 8rem; } - .md\:-space-x-32 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-8rem * var(--tw-space-x-reverse)); - margin-left: calc(-8rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:px-36 { + padding-left: 9rem; + padding-right: 9rem; } - .md\:-space-x-36 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-9rem * var(--tw-space-x-reverse)); - margin-left: calc(-9rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:px-40 { + padding-left: 10rem; + padding-right: 10rem; } - .md\:-space-x-40 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-10rem * var(--tw-space-x-reverse)); - margin-left: calc(-10rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:px-44 { + padding-left: 11rem; + padding-right: 11rem; } - .md\:-space-x-44 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-11rem * var(--tw-space-x-reverse)); - margin-left: calc(-11rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:px-48 { + padding-left: 12rem; + padding-right: 12rem; } - .md\:-space-x-48 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-12rem * var(--tw-space-x-reverse)); - margin-left: calc(-12rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:px-52 { + padding-left: 13rem; + padding-right: 13rem; } - .md\:-space-x-52 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-13rem * var(--tw-space-x-reverse)); - margin-left: calc(-13rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:px-56 { + padding-left: 14rem; + padding-right: 14rem; } - .md\:-space-x-56 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-14rem * var(--tw-space-x-reverse)); - margin-left: calc(-14rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:px-60 { + padding-left: 15rem; + padding-right: 15rem; } - .md\:-space-x-60 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-15rem * var(--tw-space-x-reverse)); - margin-left: calc(-15rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:px-64 { + padding-left: 16rem; + padding-right: 16rem; } - .md\:-space-x-64 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-16rem * var(--tw-space-x-reverse)); - margin-left: calc(-16rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:px-72 { + padding-left: 18rem; + padding-right: 18rem; } - .md\:-space-x-72 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-18rem * var(--tw-space-x-reverse)); - margin-left: calc(-18rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:px-80 { + padding-left: 20rem; + padding-right: 20rem; } - .md\:-space-x-80 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-20rem * var(--tw-space-x-reverse)); - margin-left: calc(-20rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:px-96 { + padding-left: 24rem; + padding-right: 24rem; } - .md\:-space-x-96 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-24rem * var(--tw-space-x-reverse)); - margin-left: calc(-24rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:px-px { + padding-left: 1px; + padding-right: 1px; } - .md\:-space-x-px > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-1px * var(--tw-space-x-reverse)); - margin-left: calc(-1px * calc(1 - var(--tw-space-x-reverse))); + .lg\:px-0\.5 { + padding-left: 0.125rem; + padding-right: 0.125rem; } - .md\:-space-x-0\.5 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-0.125rem * var(--tw-space-x-reverse)); - margin-left: calc(-0.125rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:px-1\.5 { + padding-left: 0.375rem; + padding-right: 0.375rem; } - .md\:-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))); + .lg\:px-2\.5 { + padding-left: 0.625rem; + padding-right: 0.625rem; } - .md\:-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))); + .lg\:px-3\.5 { + padding-left: 0.875rem; + padding-right: 0.875rem; } - .md\:-space-x-3\.5 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-0.875rem * var(--tw-space-x-reverse)); - margin-left: calc(-0.875rem * calc(1 - var(--tw-space-x-reverse))); + .lg\:py-0 { + padding-top: 0px; + padding-bottom: 0px; } - .md\:space-y-0 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(0px * var(--tw-space-y-reverse)); + .lg\:py-1 { + padding-top: 0.25rem; + padding-bottom: 0.25rem; } - .md\: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)); + .lg\:py-2 { + padding-top: 0.5rem; + padding-bottom: 0.5rem; } - .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)); + .lg\:py-3 { + padding-top: 0.75rem; + padding-bottom: 0.75rem; } - .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)); + .lg\:py-4 { + padding-top: 1rem; + padding-bottom: 1rem; } - .md\:space-y-4 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(1rem * var(--tw-space-y-reverse)); + .lg\:py-5 { + padding-top: 1.25rem; + padding-bottom: 1.25rem; } - .md\:space-y-5 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(1.25rem * var(--tw-space-y-reverse)); + .lg\:py-6 { + padding-top: 1.5rem; + padding-bottom: 1.5rem; } - .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)); + .lg\:py-7 { + padding-top: 1.75rem; + padding-bottom: 1.75rem; } - .md\:space-y-7 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(1.75rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(1.75rem * var(--tw-space-y-reverse)); + .lg\:py-8 { + padding-top: 2rem; + padding-bottom: 2rem; } - .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)); + .lg\:py-9 { + padding-top: 2.25rem; + padding-bottom: 2.25rem; } - .md\:space-y-9 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(2.25rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(2.25rem * var(--tw-space-y-reverse)); + .lg\:py-10 { + padding-top: 2.5rem; + padding-bottom: 2.5rem; } - .md\: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)); + .lg\:py-11 { + padding-top: 2.75rem; + padding-bottom: 2.75rem; } - .md\:space-y-11 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(2.75rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(2.75rem * var(--tw-space-y-reverse)); + .lg\:py-12 { + padding-top: 3rem; + padding-bottom: 3rem; } - .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)); + .lg\:py-14 { + padding-top: 3.5rem; + padding-bottom: 3.5rem; } - .md\:space-y-14 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(3.5rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(3.5rem * var(--tw-space-y-reverse)); + .lg\:py-16 { + padding-top: 4rem; + padding-bottom: 4rem; } - .md\: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)); + .lg\:py-20 { + padding-top: 5rem; + padding-bottom: 5rem; } - .md\:space-y-20 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(5rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(5rem * var(--tw-space-y-reverse)); + .lg\:py-24 { + padding-top: 6rem; + padding-bottom: 6rem; } - .md\:space-y-24 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(6rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(6rem * var(--tw-space-y-reverse)); + .lg\:py-28 { + padding-top: 7rem; + padding-bottom: 7rem; } - .md\:space-y-28 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(7rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(7rem * var(--tw-space-y-reverse)); + .lg\:py-32 { + padding-top: 8rem; + padding-bottom: 8rem; } - .md\:space-y-32 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(8rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(8rem * var(--tw-space-y-reverse)); + .lg\:py-36 { + padding-top: 9rem; + padding-bottom: 9rem; } - .md\:space-y-36 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(9rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(9rem * var(--tw-space-y-reverse)); + .lg\:py-40 { + padding-top: 10rem; + padding-bottom: 10rem; } - .md\:space-y-40 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(10rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(10rem * var(--tw-space-y-reverse)); + .lg\:py-44 { + padding-top: 11rem; + padding-bottom: 11rem; } - .md\:space-y-44 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(11rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(11rem * var(--tw-space-y-reverse)); + .lg\:py-48 { + padding-top: 12rem; + padding-bottom: 12rem; } - .md\:space-y-48 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(12rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(12rem * var(--tw-space-y-reverse)); + .lg\:py-52 { + padding-top: 13rem; + padding-bottom: 13rem; } - .md\:space-y-52 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(13rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(13rem * var(--tw-space-y-reverse)); + .lg\:py-56 { + padding-top: 14rem; + padding-bottom: 14rem; } - .md\:space-y-56 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(14rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(14rem * var(--tw-space-y-reverse)); + .lg\:py-60 { + padding-top: 15rem; + padding-bottom: 15rem; } - .md\:space-y-60 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(15rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(15rem * var(--tw-space-y-reverse)); + .lg\:py-64 { + padding-top: 16rem; + padding-bottom: 16rem; } - .md\:space-y-64 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(16rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(16rem * var(--tw-space-y-reverse)); + .lg\:py-72 { + padding-top: 18rem; + padding-bottom: 18rem; } - .md\:space-y-72 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(18rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(18rem * var(--tw-space-y-reverse)); + .lg\:py-80 { + padding-top: 20rem; + padding-bottom: 20rem; } - .md\:space-y-80 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(20rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(20rem * var(--tw-space-y-reverse)); + .lg\:py-96 { + padding-top: 24rem; + padding-bottom: 24rem; } - .md\:space-y-96 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(24rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(24rem * var(--tw-space-y-reverse)); + .lg\:py-px { + padding-top: 1px; + padding-bottom: 1px; } - .md\:space-y-px > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(1px * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(1px * var(--tw-space-y-reverse)); + .lg\:py-0\.5 { + padding-top: 0.125rem; + padding-bottom: 0.125rem; } - .md\: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)); + .lg\:py-1\.5 { + padding-top: 0.375rem; + padding-bottom: 0.375rem; } - .md\: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)); + .lg\:py-2\.5 { + padding-top: 0.625rem; + padding-bottom: 0.625rem; } - .md\: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)); + .lg\:py-3\.5 { + padding-top: 0.875rem; + padding-bottom: 0.875rem; } - .md\:space-y-3\.5 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(0.875rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(0.875rem * var(--tw-space-y-reverse)); + .lg\:pt-0 { + padding-top: 0px; } - .md\:-space-y-0 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(0px * var(--tw-space-y-reverse)); + .lg\:pt-1 { + padding-top: 0.25rem; } - .md\:-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)); + .lg\:pt-2 { + padding-top: 0.5rem; } - .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)); + .lg\:pt-3 { + padding-top: 0.75rem; } - .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)); + .lg\:pt-4 { + padding-top: 1rem; } - .md\:-space-y-4 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-1rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-1rem * var(--tw-space-y-reverse)); + .lg\:pt-5 { + padding-top: 1.25rem; } - .md\:-space-y-5 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-1.25rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-1.25rem * var(--tw-space-y-reverse)); + .lg\:pt-6 { + padding-top: 1.5rem; } - .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)); + .lg\:pt-7 { + padding-top: 1.75rem; } - .md\:-space-y-7 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-1.75rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-1.75rem * var(--tw-space-y-reverse)); + .lg\:pt-8 { + padding-top: 2rem; } - .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)); + .lg\:pt-9 { + padding-top: 2.25rem; } - .md\:-space-y-9 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-2.25rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-2.25rem * var(--tw-space-y-reverse)); + .lg\:pt-10 { + padding-top: 2.5rem; } - .md\:-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)); + .lg\:pt-11 { + padding-top: 2.75rem; } - .md\:-space-y-11 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-2.75rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-2.75rem * var(--tw-space-y-reverse)); + .lg\:pt-12 { + padding-top: 3rem; } - .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)); + .lg\:pt-14 { + padding-top: 3.5rem; } - .md\:-space-y-14 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-3.5rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-3.5rem * var(--tw-space-y-reverse)); + .lg\:pt-16 { + padding-top: 4rem; } - .md\:-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)); + .lg\:pt-20 { + padding-top: 5rem; } - .md\:-space-y-20 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-5rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-5rem * var(--tw-space-y-reverse)); + .lg\:pt-24 { + padding-top: 6rem; } - .md\:-space-y-24 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-6rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-6rem * var(--tw-space-y-reverse)); + .lg\:pt-28 { + padding-top: 7rem; } - .md\:-space-y-28 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-7rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-7rem * var(--tw-space-y-reverse)); + .lg\:pt-32 { + padding-top: 8rem; } - .md\:-space-y-32 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-8rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-8rem * var(--tw-space-y-reverse)); + .lg\:pt-36 { + padding-top: 9rem; } - .md\:-space-y-36 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-9rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-9rem * var(--tw-space-y-reverse)); + .lg\:pt-40 { + padding-top: 10rem; } - .md\:-space-y-40 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-10rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-10rem * var(--tw-space-y-reverse)); + .lg\:pt-44 { + padding-top: 11rem; } - .md\:-space-y-44 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-11rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-11rem * var(--tw-space-y-reverse)); + .lg\:pt-48 { + padding-top: 12rem; } - .md\:-space-y-48 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-12rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-12rem * var(--tw-space-y-reverse)); + .lg\:pt-52 { + padding-top: 13rem; } - .md\:-space-y-52 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-13rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-13rem * var(--tw-space-y-reverse)); + .lg\:pt-56 { + padding-top: 14rem; } - .md\:-space-y-56 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-14rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-14rem * var(--tw-space-y-reverse)); + .lg\:pt-60 { + padding-top: 15rem; } - .md\:-space-y-60 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-15rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-15rem * var(--tw-space-y-reverse)); + .lg\:pt-64 { + padding-top: 16rem; } - .md\:-space-y-64 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-16rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-16rem * var(--tw-space-y-reverse)); + .lg\:pt-72 { + padding-top: 18rem; } - .md\:-space-y-72 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-18rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-18rem * var(--tw-space-y-reverse)); + .lg\:pt-80 { + padding-top: 20rem; } - .md\:-space-y-80 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-20rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-20rem * var(--tw-space-y-reverse)); + .lg\:pt-96 { + padding-top: 24rem; } - .md\:-space-y-96 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-24rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-24rem * var(--tw-space-y-reverse)); + .lg\:pt-px { + padding-top: 1px; } - .md\:-space-y-px > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-1px * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-1px * var(--tw-space-y-reverse)); + .lg\:pt-0\.5 { + padding-top: 0.125rem; } - .md\:-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)); + .lg\:pt-1\.5 { + padding-top: 0.375rem; } - .md\:-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)); + .lg\:pt-2\.5 { + padding-top: 0.625rem; } - .md\:-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)); + .lg\:pt-3\.5 { + padding-top: 0.875rem; } - .md\:-space-y-3\.5 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-0.875rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-0.875rem * var(--tw-space-y-reverse)); + .lg\:pr-0 { + padding-right: 0px; } - .md\:space-y-reverse > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 1; + .lg\:pr-1 { + padding-right: 0.25rem; } - .md\:space-x-reverse > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 1; + .lg\:pr-2 { + padding-right: 0.5rem; } - .md\:divide-x-0 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-x-reverse: 0; - border-right-width: calc(0px * var(--tw-divide-x-reverse)); - border-left-width: calc(0px * calc(1 - var(--tw-divide-x-reverse))); + .lg\:pr-3 { + padding-right: 0.75rem; } - .md\:divide-x-2 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-x-reverse: 0; - border-right-width: calc(2px * var(--tw-divide-x-reverse)); - border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse))); + .lg\:pr-4 { + padding-right: 1rem; } - .md\:divide-x-4 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-x-reverse: 0; - border-right-width: calc(4px * var(--tw-divide-x-reverse)); - border-left-width: calc(4px * calc(1 - var(--tw-divide-x-reverse))); + .lg\:pr-5 { + padding-right: 1.25rem; } - .md\:divide-x-8 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-x-reverse: 0; - border-right-width: calc(8px * var(--tw-divide-x-reverse)); - border-left-width: calc(8px * calc(1 - var(--tw-divide-x-reverse))); + .lg\:pr-6 { + padding-right: 1.5rem; } - .md\:divide-x > :not([hidden]) ~ :not([hidden]) { - --tw-divide-x-reverse: 0; - border-right-width: calc(1px * var(--tw-divide-x-reverse)); - border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); + .lg\:pr-7 { + padding-right: 1.75rem; } - .md\:divide-y-0 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-y-reverse: 0; - border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse))); - border-bottom-width: calc(0px * var(--tw-divide-y-reverse)); + .lg\:pr-8 { + padding-right: 2rem; } - .md\:divide-y-2 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-y-reverse: 0; - border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse))); - border-bottom-width: calc(2px * var(--tw-divide-y-reverse)); + .lg\:pr-9 { + padding-right: 2.25rem; } - .md\:divide-y-4 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-y-reverse: 0; - border-top-width: calc(4px * calc(1 - var(--tw-divide-y-reverse))); - border-bottom-width: calc(4px * var(--tw-divide-y-reverse)); + .lg\:pr-10 { + padding-right: 2.5rem; } - .md\:divide-y-8 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-y-reverse: 0; - border-top-width: calc(8px * calc(1 - var(--tw-divide-y-reverse))); - border-bottom-width: calc(8px * var(--tw-divide-y-reverse)); + .lg\:pr-11 { + padding-right: 2.75rem; } - .md\: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)); + .lg\:pr-12 { + padding-right: 3rem; } - .md\:divide-y-reverse > :not([hidden]) ~ :not([hidden]) { - --tw-divide-y-reverse: 1; + .lg\:pr-14 { + padding-right: 3.5rem; } - .md\:divide-x-reverse > :not([hidden]) ~ :not([hidden]) { - --tw-divide-x-reverse: 1; + .lg\:pr-16 { + padding-right: 4rem; } - .md\:divide-solid > :not([hidden]) ~ :not([hidden]) { - border-style: solid; + .lg\:pr-20 { + padding-right: 5rem; } - .md\:divide-dashed > :not([hidden]) ~ :not([hidden]) { - border-style: dashed; + .lg\:pr-24 { + padding-right: 6rem; } - .md\:divide-dotted > :not([hidden]) ~ :not([hidden]) { - border-style: dotted; + .lg\:pr-28 { + padding-right: 7rem; } - .md\:divide-double > :not([hidden]) ~ :not([hidden]) { - border-style: double; + .lg\:pr-32 { + padding-right: 8rem; } - .md\:divide-none > :not([hidden]) ~ :not([hidden]) { - border-style: none; + .lg\:pr-36 { + padding-right: 9rem; } - .md\:divide-transparent > :not([hidden]) ~ :not([hidden]) { - border-color: transparent; + .lg\:pr-40 { + padding-right: 10rem; } - .md\:divide-current > :not([hidden]) ~ :not([hidden]) { - border-color: currentColor; + .lg\:pr-44 { + padding-right: 11rem; } - .md\:divide-black > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(0, 0, 0, var(--tw-divide-opacity)); + .lg\:pr-48 { + padding-right: 12rem; } - .md\:divide-white > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(255, 255, 255, var(--tw-divide-opacity)); + .lg\:pr-52 { + padding-right: 13rem; } - .md\:divide-gray-50 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(249, 250, 251, var(--tw-divide-opacity)); + .lg\:pr-56 { + padding-right: 14rem; } - .md\:divide-gray-100 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(243, 244, 246, var(--tw-divide-opacity)); + .lg\:pr-60 { + padding-right: 15rem; } - .md\:divide-gray-200 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(229, 231, 235, var(--tw-divide-opacity)); + .lg\:pr-64 { + padding-right: 16rem; } - .md\:divide-gray-300 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(209, 213, 219, var(--tw-divide-opacity)); + .lg\:pr-72 { + padding-right: 18rem; } - .md\:divide-gray-400 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(156, 163, 175, var(--tw-divide-opacity)); + .lg\:pr-80 { + padding-right: 20rem; } - .md\:divide-gray-500 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(107, 114, 128, var(--tw-divide-opacity)); + .lg\:pr-96 { + padding-right: 24rem; } - .md\:divide-gray-600 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(75, 85, 99, var(--tw-divide-opacity)); + .lg\:pr-px { + padding-right: 1px; } - .md\:divide-gray-700 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(55, 65, 81, var(--tw-divide-opacity)); + .lg\:pr-0\.5 { + padding-right: 0.125rem; } - .md\:divide-gray-800 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(31, 41, 55, var(--tw-divide-opacity)); + .lg\:pr-1\.5 { + padding-right: 0.375rem; } - .md\:divide-gray-900 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(17, 24, 39, var(--tw-divide-opacity)); + .lg\:pr-2\.5 { + padding-right: 0.625rem; } - .md\:divide-red-50 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(254, 242, 242, var(--tw-divide-opacity)); + .lg\:pr-3\.5 { + padding-right: 0.875rem; } - .md\:divide-red-100 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(254, 226, 226, var(--tw-divide-opacity)); + .lg\:pb-0 { + padding-bottom: 0px; } - .md\:divide-red-200 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(254, 202, 202, var(--tw-divide-opacity)); + .lg\:pb-1 { + padding-bottom: 0.25rem; } - .md\:divide-red-300 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(252, 165, 165, var(--tw-divide-opacity)); + .lg\:pb-2 { + padding-bottom: 0.5rem; } - .md\:divide-red-400 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(248, 113, 113, var(--tw-divide-opacity)); + .lg\:pb-3 { + padding-bottom: 0.75rem; } - .md\:divide-red-500 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(239, 68, 68, var(--tw-divide-opacity)); + .lg\:pb-4 { + padding-bottom: 1rem; } - .md\:divide-red-600 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(220, 38, 38, var(--tw-divide-opacity)); + .lg\:pb-5 { + padding-bottom: 1.25rem; } - .md\:divide-red-700 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(185, 28, 28, var(--tw-divide-opacity)); + .lg\:pb-6 { + padding-bottom: 1.5rem; } - .md\:divide-red-800 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(153, 27, 27, var(--tw-divide-opacity)); + .lg\:pb-7 { + padding-bottom: 1.75rem; } - .md\:divide-red-900 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(127, 29, 29, var(--tw-divide-opacity)); + .lg\:pb-8 { + padding-bottom: 2rem; } - .md\:divide-yellow-50 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(255, 251, 235, var(--tw-divide-opacity)); + .lg\:pb-9 { + padding-bottom: 2.25rem; } - .md\:divide-yellow-100 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(254, 243, 199, var(--tw-divide-opacity)); + .lg\:pb-10 { + padding-bottom: 2.5rem; } - .md\:divide-yellow-200 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(253, 230, 138, var(--tw-divide-opacity)); + .lg\:pb-11 { + padding-bottom: 2.75rem; } - .md\:divide-yellow-300 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(252, 211, 77, var(--tw-divide-opacity)); + .lg\:pb-12 { + padding-bottom: 3rem; } - .md\:divide-yellow-400 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(251, 191, 36, var(--tw-divide-opacity)); + .lg\:pb-14 { + padding-bottom: 3.5rem; } - .md\:divide-yellow-500 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(245, 158, 11, var(--tw-divide-opacity)); + .lg\:pb-16 { + padding-bottom: 4rem; } - .md\:divide-yellow-600 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(217, 119, 6, var(--tw-divide-opacity)); + .lg\:pb-20 { + padding-bottom: 5rem; } - .md\:divide-yellow-700 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(180, 83, 9, var(--tw-divide-opacity)); + .lg\:pb-24 { + padding-bottom: 6rem; } - .md\:divide-yellow-800 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(146, 64, 14, var(--tw-divide-opacity)); + .lg\:pb-28 { + padding-bottom: 7rem; } - .md\:divide-yellow-900 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(120, 53, 15, var(--tw-divide-opacity)); + .lg\:pb-32 { + padding-bottom: 8rem; } - .md\:divide-green-50 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(236, 253, 245, var(--tw-divide-opacity)); + .lg\:pb-36 { + padding-bottom: 9rem; } - .md\:divide-green-100 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(209, 250, 229, var(--tw-divide-opacity)); + .lg\:pb-40 { + padding-bottom: 10rem; } - .md\:divide-green-200 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(167, 243, 208, var(--tw-divide-opacity)); + .lg\:pb-44 { + padding-bottom: 11rem; } - .md\:divide-green-300 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(110, 231, 183, var(--tw-divide-opacity)); + .lg\:pb-48 { + padding-bottom: 12rem; } - .md\:divide-green-400 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(52, 211, 153, var(--tw-divide-opacity)); + .lg\:pb-52 { + padding-bottom: 13rem; } - .md\:divide-green-500 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(16, 185, 129, var(--tw-divide-opacity)); + .lg\:pb-56 { + padding-bottom: 14rem; } - .md\:divide-green-600 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(5, 150, 105, var(--tw-divide-opacity)); + .lg\:pb-60 { + padding-bottom: 15rem; } - .md\:divide-green-700 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(4, 120, 87, var(--tw-divide-opacity)); + .lg\:pb-64 { + padding-bottom: 16rem; } - .md\:divide-green-800 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(6, 95, 70, var(--tw-divide-opacity)); + .lg\:pb-72 { + padding-bottom: 18rem; } - .md\:divide-green-900 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(6, 78, 59, var(--tw-divide-opacity)); + .lg\:pb-80 { + padding-bottom: 20rem; } - .md\:divide-blue-50 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(239, 246, 255, var(--tw-divide-opacity)); + .lg\:pb-96 { + padding-bottom: 24rem; } - .md\:divide-blue-100 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(219, 234, 254, var(--tw-divide-opacity)); + .lg\:pb-px { + padding-bottom: 1px; } - .md\:divide-blue-200 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(191, 219, 254, var(--tw-divide-opacity)); + .lg\:pb-0\.5 { + padding-bottom: 0.125rem; } - .md\:divide-blue-300 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(147, 197, 253, var(--tw-divide-opacity)); + .lg\:pb-1\.5 { + padding-bottom: 0.375rem; } - .md\:divide-blue-400 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(96, 165, 250, var(--tw-divide-opacity)); + .lg\:pb-2\.5 { + padding-bottom: 0.625rem; } - .md\:divide-blue-500 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(59, 130, 246, var(--tw-divide-opacity)); + .lg\:pb-3\.5 { + padding-bottom: 0.875rem; } - .md\:divide-blue-600 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(37, 99, 235, var(--tw-divide-opacity)); + .lg\:pl-0 { + padding-left: 0px; } - .md\:divide-blue-700 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(29, 78, 216, var(--tw-divide-opacity)); + .lg\:pl-1 { + padding-left: 0.25rem; } - .md\:divide-blue-800 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(30, 64, 175, var(--tw-divide-opacity)); + .lg\:pl-2 { + padding-left: 0.5rem; } - .md\:divide-blue-900 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(30, 58, 138, var(--tw-divide-opacity)); + .lg\:pl-3 { + padding-left: 0.75rem; } - .md\:divide-indigo-50 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(238, 242, 255, var(--tw-divide-opacity)); + .lg\:pl-4 { + padding-left: 1rem; } - .md\:divide-indigo-100 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(224, 231, 255, var(--tw-divide-opacity)); + .lg\:pl-5 { + padding-left: 1.25rem; } - .md\:divide-indigo-200 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(199, 210, 254, var(--tw-divide-opacity)); + .lg\:pl-6 { + padding-left: 1.5rem; } - .md\:divide-indigo-300 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(165, 180, 252, var(--tw-divide-opacity)); + .lg\:pl-7 { + padding-left: 1.75rem; } - .md\:divide-indigo-400 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(129, 140, 248, var(--tw-divide-opacity)); + .lg\:pl-8 { + padding-left: 2rem; } - .md\:divide-indigo-500 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(99, 102, 241, var(--tw-divide-opacity)); + .lg\:pl-9 { + padding-left: 2.25rem; } - .md\:divide-indigo-600 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(79, 70, 229, var(--tw-divide-opacity)); + .lg\:pl-10 { + padding-left: 2.5rem; } - .md\:divide-indigo-700 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(67, 56, 202, var(--tw-divide-opacity)); + .lg\:pl-11 { + padding-left: 2.75rem; } - .md\:divide-indigo-800 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(55, 48, 163, var(--tw-divide-opacity)); + .lg\:pl-12 { + padding-left: 3rem; } - .md\:divide-indigo-900 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(49, 46, 129, var(--tw-divide-opacity)); + .lg\:pl-14 { + padding-left: 3.5rem; } - .md\:divide-purple-50 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(245, 243, 255, var(--tw-divide-opacity)); + .lg\:pl-16 { + padding-left: 4rem; } - .md\:divide-purple-100 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(237, 233, 254, var(--tw-divide-opacity)); + .lg\:pl-20 { + padding-left: 5rem; } - .md\:divide-purple-200 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(221, 214, 254, var(--tw-divide-opacity)); + .lg\:pl-24 { + padding-left: 6rem; } - .md\:divide-purple-300 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(196, 181, 253, var(--tw-divide-opacity)); + .lg\:pl-28 { + padding-left: 7rem; } - .md\:divide-purple-400 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(167, 139, 250, var(--tw-divide-opacity)); + .lg\:pl-32 { + padding-left: 8rem; } - .md\:divide-purple-500 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(139, 92, 246, var(--tw-divide-opacity)); + .lg\:pl-36 { + padding-left: 9rem; } - .md\:divide-purple-600 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(124, 58, 237, var(--tw-divide-opacity)); + .lg\:pl-40 { + padding-left: 10rem; } - .md\:divide-purple-700 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(109, 40, 217, var(--tw-divide-opacity)); + .lg\:pl-44 { + padding-left: 11rem; } - .md\:divide-purple-800 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(91, 33, 182, var(--tw-divide-opacity)); + .lg\:pl-48 { + padding-left: 12rem; } - .md\:divide-purple-900 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(76, 29, 149, var(--tw-divide-opacity)); + .lg\:pl-52 { + padding-left: 13rem; } - .md\:divide-pink-50 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(253, 242, 248, var(--tw-divide-opacity)); + .lg\:pl-56 { + padding-left: 14rem; } - .md\:divide-pink-100 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(252, 231, 243, var(--tw-divide-opacity)); + .lg\:pl-60 { + padding-left: 15rem; } - .md\:divide-pink-200 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(251, 207, 232, var(--tw-divide-opacity)); + .lg\:pl-64 { + padding-left: 16rem; } - .md\:divide-pink-300 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(249, 168, 212, var(--tw-divide-opacity)); + .lg\:pl-72 { + padding-left: 18rem; } - .md\:divide-pink-400 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(244, 114, 182, var(--tw-divide-opacity)); + .lg\:pl-80 { + padding-left: 20rem; } - .md\:divide-pink-500 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(236, 72, 153, var(--tw-divide-opacity)); + .lg\:pl-96 { + padding-left: 24rem; } - .md\:divide-pink-600 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(219, 39, 119, var(--tw-divide-opacity)); + .lg\:pl-px { + padding-left: 1px; } - .md\:divide-pink-700 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(190, 24, 93, var(--tw-divide-opacity)); + .lg\:pl-0\.5 { + padding-left: 0.125rem; } - .md\:divide-pink-800 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(157, 23, 77, var(--tw-divide-opacity)); + .lg\:pl-1\.5 { + padding-left: 0.375rem; } - .md\:divide-pink-900 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(131, 24, 67, var(--tw-divide-opacity)); + .lg\:pl-2\.5 { + padding-left: 0.625rem; } - .md\:divide-opacity-0 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 0; + .lg\:pl-3\.5 { + padding-left: 0.875rem; } - .md\:divide-opacity-5 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 0.05; + .lg\:text-left { + text-align: left; } - .md\:divide-opacity-10 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 0.1; + .lg\:text-center { + text-align: center; } - .md\:divide-opacity-20 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 0.2; + .lg\:text-right { + text-align: right; } - .md\:divide-opacity-25 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 0.25; + .lg\:text-justify { + text-align: justify; } - .md\:divide-opacity-30 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 0.3; + .lg\:align-baseline { + vertical-align: baseline; } - .md\:divide-opacity-40 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 0.4; + .lg\:align-top { + vertical-align: top; } - .md\:divide-opacity-50 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 0.5; + .lg\:align-middle { + vertical-align: middle; } - .md\:divide-opacity-60 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 0.6; + .lg\:align-bottom { + vertical-align: bottom; } - .md\:divide-opacity-70 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 0.7; + .lg\:align-text-top { + vertical-align: text-top; } - .md\:divide-opacity-75 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 0.75; + .lg\:align-text-bottom { + vertical-align: text-bottom; } - .md\:divide-opacity-80 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 0.8; + .lg\:font-sans { + font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } - .md\:divide-opacity-90 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 0.9; + .lg\:font-serif { + font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; } - .md\:divide-opacity-95 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 0.95; + .lg\:font-mono { + font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } - .md\:divide-opacity-100 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; + .lg\:text-xs { + font-size: 0.75rem; + line-height: 1rem; } - .md\:place-self-auto { - place-self: auto; + .lg\:text-sm { + font-size: 0.875rem; + line-height: 1.25rem; } - .md\:place-self-start { - place-self: start; + .lg\:text-base { + font-size: 1rem; + line-height: 1.5rem; } - .md\:place-self-end { - place-self: end; + .lg\:text-lg { + font-size: 1.125rem; + line-height: 1.75rem; } - .md\:place-self-center { - place-self: center; + .lg\:text-xl { + font-size: 1.25rem; + line-height: 1.75rem; } - .md\:place-self-stretch { - place-self: stretch; + .lg\:text-2xl { + font-size: 1.5rem; + line-height: 2rem; } - .md\:self-auto { - align-self: auto; + .lg\:text-3xl { + font-size: 1.875rem; + line-height: 2.25rem; } - .md\:self-start { - align-self: flex-start; + .lg\:text-4xl { + font-size: 2.25rem; + line-height: 2.5rem; } - .md\:self-end { - align-self: flex-end; + .lg\:text-5xl { + font-size: 3rem; + line-height: 1; } - .md\:self-center { - align-self: center; + .lg\:text-6xl { + font-size: 3.75rem; + line-height: 1; } - .md\:self-stretch { - align-self: stretch; + .lg\:text-7xl { + font-size: 4.5rem; + line-height: 1; } - .md\:self-baseline { - align-self: baseline; + .lg\:text-8xl { + font-size: 6rem; + line-height: 1; } - .md\:justify-self-auto { - justify-self: auto; + .lg\:text-9xl { + font-size: 8rem; + line-height: 1; } - .md\:justify-self-start { - justify-self: start; + .lg\:font-thin { + font-weight: 100; } - .md\:justify-self-end { - justify-self: end; + .lg\:font-extralight { + font-weight: 200; } - .md\:justify-self-center { - justify-self: center; + .lg\:font-light { + font-weight: 300; } - .md\:justify-self-stretch { - justify-self: stretch; + .lg\:font-normal { + font-weight: 400; } - .md\:overflow-auto { - overflow: auto; + .lg\:font-medium { + font-weight: 500; } - .md\:overflow-hidden { - overflow: hidden; + .lg\:font-semibold { + font-weight: 600; } - .md\:overflow-visible { - overflow: visible; + .lg\:font-bold { + font-weight: 700; } - .md\:overflow-scroll { - overflow: scroll; + .lg\:font-extrabold { + font-weight: 800; } - .md\:overflow-x-auto { - overflow-x: auto; + .lg\:font-black { + font-weight: 900; } - .md\:overflow-y-auto { - overflow-y: auto; + .lg\:uppercase { + text-transform: uppercase; } - .md\:overflow-x-hidden { - overflow-x: hidden; + .lg\:lowercase { + text-transform: lowercase; } - .md\:overflow-y-hidden { - overflow-y: hidden; + .lg\:capitalize { + text-transform: capitalize; } - .md\:overflow-x-visible { - overflow-x: visible; + .lg\:normal-case { + text-transform: none; } - .md\:overflow-y-visible { - overflow-y: visible; + .lg\:italic { + font-style: italic; } - .md\:overflow-x-scroll { - overflow-x: scroll; + .lg\:not-italic { + font-style: normal; } - .md\:overflow-y-scroll { - overflow-y: scroll; + .lg\:ordinal, .lg\:slashed-zero, .lg\:lining-nums, .lg\:oldstyle-nums, .lg\:proportional-nums, .lg\:tabular-nums, .lg\:diagonal-fractions, .lg\:stacked-fractions { + --tw-ordinal: var(--tw-empty,/*!*/ /*!*/); + --tw-slashed-zero: var(--tw-empty,/*!*/ /*!*/); + --tw-numeric-figure: var(--tw-empty,/*!*/ /*!*/); + --tw-numeric-spacing: var(--tw-empty,/*!*/ /*!*/); + --tw-numeric-fraction: var(--tw-empty,/*!*/ /*!*/); + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); } - .md\:overscroll-auto { - overscroll-behavior: auto; + .lg\:normal-nums { + font-variant-numeric: normal; } - .md\:overscroll-contain { - overscroll-behavior: contain; + .lg\:ordinal { + --tw-ordinal: ordinal; } - .md\:overscroll-none { - overscroll-behavior: none; + .lg\:slashed-zero { + --tw-slashed-zero: slashed-zero; } - .md\:overscroll-y-auto { - overscroll-behavior-y: auto; + .lg\:lining-nums { + --tw-numeric-figure: lining-nums; } - .md\:overscroll-y-contain { - overscroll-behavior-y: contain; + .lg\:oldstyle-nums { + --tw-numeric-figure: oldstyle-nums; } - .md\:overscroll-y-none { - overscroll-behavior-y: none; + .lg\:proportional-nums { + --tw-numeric-spacing: proportional-nums; } - .md\:overscroll-x-auto { - overscroll-behavior-x: auto; + .lg\:tabular-nums { + --tw-numeric-spacing: tabular-nums; } - .md\:overscroll-x-contain { - overscroll-behavior-x: contain; + .lg\:diagonal-fractions { + --tw-numeric-fraction: diagonal-fractions; } - .md\:overscroll-x-none { - overscroll-behavior-x: none; + .lg\:stacked-fractions { + --tw-numeric-fraction: stacked-fractions; } - .md\:truncate { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; + .lg\:leading-3 { + line-height: .75rem; } - .md\:overflow-ellipsis { - text-overflow: ellipsis; + .lg\:leading-4 { + line-height: 1rem; } - .md\:overflow-clip { - text-overflow: clip; + .lg\:leading-5 { + line-height: 1.25rem; } - .md\:whitespace-normal { - white-space: normal; + .lg\:leading-6 { + line-height: 1.5rem; } - .md\:whitespace-nowrap { - white-space: nowrap; + .lg\:leading-7 { + line-height: 1.75rem; } - .md\:whitespace-pre { - white-space: pre; + .lg\:leading-8 { + line-height: 2rem; } - .md\:whitespace-pre-line { - white-space: pre-line; + .lg\:leading-9 { + line-height: 2.25rem; } - .md\:whitespace-pre-wrap { - white-space: pre-wrap; + .lg\:leading-10 { + line-height: 2.5rem; } - .md\:break-normal { - overflow-wrap: normal; - word-break: normal; + .lg\:leading-none { + line-height: 1; } - .md\:break-words { - overflow-wrap: break-word; + .lg\:leading-tight { + line-height: 1.25; } - .md\:break-all { - word-break: break-all; + .lg\:leading-snug { + line-height: 1.375; } - .md\:rounded-none { - border-radius: 0px; + .lg\:leading-normal { + line-height: 1.5; } - .md\:rounded-sm { - border-radius: 0.125rem; + .lg\:leading-relaxed { + line-height: 1.625; } - .md\:rounded { - border-radius: 0.25rem; + .lg\:leading-loose { + line-height: 2; } - .md\:rounded-md { - border-radius: 0.375rem; + .lg\:tracking-tighter { + letter-spacing: -0.05em; } - .md\:rounded-lg { - border-radius: 0.5rem; + .lg\:tracking-tight { + letter-spacing: -0.025em; } - .md\:rounded-xl { - border-radius: 0.75rem; + .lg\:tracking-normal { + letter-spacing: 0em; } - .md\:rounded-2xl { - border-radius: 1rem; + .lg\:tracking-wide { + letter-spacing: 0.025em; } - .md\:rounded-3xl { - border-radius: 1.5rem; + .lg\:tracking-wider { + letter-spacing: 0.05em; } - .md\:rounded-full { - border-radius: 9999px; + .lg\:tracking-widest { + letter-spacing: 0.1em; } - .md\:rounded-t-none { - border-top-left-radius: 0px; - border-top-right-radius: 0px; + .lg\:text-colors-black { + color: var(--colors-black, #000000); } - .md\:rounded-t-sm { - border-top-left-radius: 0.125rem; - border-top-right-radius: 0.125rem; + .lg\:text-colors-white { + color: var(--colors-white, #ffffff); } - .md\:rounded-t { - border-top-left-radius: 0.25rem; - border-top-right-radius: 0.25rem; + .lg\:text-colors-gray-100 { + color: var(--colors-gray-100, #f7fafc); } - .md\:rounded-t-md { - border-top-left-radius: 0.375rem; - border-top-right-radius: 0.375rem; + .lg\:text-colors-gray-200 { + color: var(--colors-gray-200, #edf2f7); } - .md\:rounded-t-lg { - border-top-left-radius: 0.5rem; - border-top-right-radius: 0.5rem; + .lg\:text-colors-gray-300 { + color: var(--colors-gray-300, #e2e8f0); } - .md\:rounded-t-xl { - border-top-left-radius: 0.75rem; - border-top-right-radius: 0.75rem; + .lg\:text-colors-gray-400 { + color: var(--colors-gray-400, #cbd5e0); } - .md\:rounded-t-2xl { - border-top-left-radius: 1rem; - border-top-right-radius: 1rem; + .lg\:text-colors-gray-500 { + color: var(--colors-gray-500, #a0aec0); } - .md\:rounded-t-3xl { - border-top-left-radius: 1.5rem; - border-top-right-radius: 1.5rem; + .lg\:text-colors-gray-600 { + color: var(--colors-gray-600, #718096); } - .md\:rounded-t-full { - border-top-left-radius: 9999px; - border-top-right-radius: 9999px; + .lg\:text-colors-gray-700 { + color: var(--colors-gray-700, #4a5568); } - .md\:rounded-r-none { - border-top-right-radius: 0px; - border-bottom-right-radius: 0px; + .lg\:text-colors-gray-800 { + color: var(--colors-gray-800, #2d3748); } - .md\:rounded-r-sm { - border-top-right-radius: 0.125rem; - border-bottom-right-radius: 0.125rem; + .lg\:text-colors-gray-900 { + color: var(--colors-gray-900, #1a202c); } - .md\:rounded-r { - border-top-right-radius: 0.25rem; - border-bottom-right-radius: 0.25rem; + .lg\:text-colors-red-100 { + color: var(--colors-red-100, #fff5f5); } - .md\:rounded-r-md { - border-top-right-radius: 0.375rem; - border-bottom-right-radius: 0.375rem; + .lg\:text-colors-red-200 { + color: var(--colors-red-200, #fed7d7); } - .md\:rounded-r-lg { - border-top-right-radius: 0.5rem; - border-bottom-right-radius: 0.5rem; + .lg\:text-colors-red-300 { + color: var(--colors-red-300, #feb2b2); } - .md\:rounded-r-xl { - border-top-right-radius: 0.75rem; - border-bottom-right-radius: 0.75rem; + .lg\:text-colors-red-400 { + color: var(--colors-red-400, #fc8181); } - .md\:rounded-r-2xl { - border-top-right-radius: 1rem; - border-bottom-right-radius: 1rem; + .lg\:text-colors-red-500 { + color: var(--colors-red-500, #f56565); } - .md\:rounded-r-3xl { - border-top-right-radius: 1.5rem; - border-bottom-right-radius: 1.5rem; + .lg\:text-colors-red-600 { + color: var(--colors-red-600, #e53e3e); } - .md\:rounded-r-full { - border-top-right-radius: 9999px; - border-bottom-right-radius: 9999px; + .lg\:text-colors-red-700 { + color: var(--colors-red-700, #c53030); } - .md\:rounded-b-none { - border-bottom-right-radius: 0px; - border-bottom-left-radius: 0px; + .lg\:text-colors-red-800 { + color: var(--colors-red-800, #9b2c2c); } - .md\:rounded-b-sm { - border-bottom-right-radius: 0.125rem; - border-bottom-left-radius: 0.125rem; + .lg\:text-colors-red-900 { + color: var(--colors-red-900, #742a2a); } - .md\:rounded-b { - border-bottom-right-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; + .lg\:text-colors-orange-100 { + color: var(--colors-orange-100, #fffaf0); } - .md\:rounded-b-md { - border-bottom-right-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; + .lg\:text-colors-orange-200 { + color: var(--colors-orange-200, #feebc8); } - .md\:rounded-b-lg { - border-bottom-right-radius: 0.5rem; - border-bottom-left-radius: 0.5rem; + .lg\:text-colors-orange-300 { + color: var(--colors-orange-300, #fbd38d); } - .md\:rounded-b-xl { - border-bottom-right-radius: 0.75rem; - border-bottom-left-radius: 0.75rem; + .lg\:text-colors-orange-400 { + color: var(--colors-orange-400, #f6ad55); } - .md\:rounded-b-2xl { - border-bottom-right-radius: 1rem; - border-bottom-left-radius: 1rem; + .lg\:text-colors-orange-500 { + color: var(--colors-orange-500, #ed8936); } - .md\:rounded-b-3xl { - border-bottom-right-radius: 1.5rem; - border-bottom-left-radius: 1.5rem; + .lg\:text-colors-orange-600 { + color: var(--colors-orange-600, #dd6b20); } - .md\:rounded-b-full { - border-bottom-right-radius: 9999px; - border-bottom-left-radius: 9999px; + .lg\:text-colors-orange-700 { + color: var(--colors-orange-700, #c05621); } - .md\:rounded-l-none { - border-top-left-radius: 0px; - border-bottom-left-radius: 0px; + .lg\:text-colors-orange-800 { + color: var(--colors-orange-800, #9c4221); } - .md\:rounded-l-sm { - border-top-left-radius: 0.125rem; - border-bottom-left-radius: 0.125rem; + .lg\:text-colors-orange-900 { + color: var(--colors-orange-900, #7b341e); } - .md\:rounded-l { - border-top-left-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; + .lg\:text-colors-yellow-100 { + color: var(--colors-yellow-100, #fffff0); } - .md\:rounded-l-md { - border-top-left-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; + .lg\:text-colors-yellow-200 { + color: var(--colors-yellow-200, #fefcbf); } - .md\:rounded-l-lg { - border-top-left-radius: 0.5rem; - border-bottom-left-radius: 0.5rem; + .lg\:text-colors-yellow-300 { + color: var(--colors-yellow-300, #faf089); } - .md\:rounded-l-xl { - border-top-left-radius: 0.75rem; - border-bottom-left-radius: 0.75rem; + .lg\:text-colors-yellow-400 { + color: var(--colors-yellow-400, #f6e05e); } - .md\:rounded-l-2xl { - border-top-left-radius: 1rem; - border-bottom-left-radius: 1rem; + .lg\:text-colors-yellow-500 { + color: var(--colors-yellow-500, #ecc94b); } - .md\:rounded-l-3xl { - border-top-left-radius: 1.5rem; - border-bottom-left-radius: 1.5rem; + .lg\:text-colors-yellow-600 { + color: var(--colors-yellow-600, #d69e2e); } - .md\:rounded-l-full { - border-top-left-radius: 9999px; - border-bottom-left-radius: 9999px; + .lg\:text-colors-yellow-700 { + color: var(--colors-yellow-700, #b7791f); } - .md\:rounded-tl-none { - border-top-left-radius: 0px; + .lg\:text-colors-yellow-800 { + color: var(--colors-yellow-800, #975a16); } - .md\:rounded-tl-sm { - border-top-left-radius: 0.125rem; + .lg\:text-colors-yellow-900 { + color: var(--colors-yellow-900, #744210); } - .md\:rounded-tl { - border-top-left-radius: 0.25rem; + .lg\:text-colors-green-100 { + color: var(--colors-green-100, #f0fff4); } - .md\:rounded-tl-md { - border-top-left-radius: 0.375rem; + .lg\:text-colors-green-200 { + color: var(--colors-green-200, #c6f6d5); } - .md\:rounded-tl-lg { - border-top-left-radius: 0.5rem; + .lg\:text-colors-green-300 { + color: var(--colors-green-300, #9ae6b4); } - .md\:rounded-tl-xl { - border-top-left-radius: 0.75rem; + .lg\:text-colors-green-400 { + color: var(--colors-green-400, #68d391); } - .md\:rounded-tl-2xl { - border-top-left-radius: 1rem; + .lg\:text-colors-green-500 { + color: var(--colors-green-500, #48bb78); } - .md\:rounded-tl-3xl { - border-top-left-radius: 1.5rem; + .lg\:text-colors-green-600 { + color: var(--colors-green-600, #38a169); } - .md\:rounded-tl-full { - border-top-left-radius: 9999px; + .lg\:text-colors-green-700 { + color: var(--colors-green-700, #2f855a); } - .md\:rounded-tr-none { - border-top-right-radius: 0px; + .lg\:text-colors-green-800 { + color: var(--colors-green-800, #276749); } - .md\:rounded-tr-sm { - border-top-right-radius: 0.125rem; + .lg\:text-colors-green-900 { + color: var(--colors-green-900, #22543d); } - .md\:rounded-tr { - border-top-right-radius: 0.25rem; + .lg\:text-colors-teal-100 { + color: var(--colors-teal-100, #e6fffa); } - .md\:rounded-tr-md { - border-top-right-radius: 0.375rem; + .lg\:text-colors-teal-200 { + color: var(--colors-teal-200, #b2f5ea); } - .md\:rounded-tr-lg { - border-top-right-radius: 0.5rem; + .lg\:text-colors-teal-300 { + color: var(--colors-teal-300, #81e6d9); } - .md\:rounded-tr-xl { - border-top-right-radius: 0.75rem; + .lg\:text-colors-teal-400 { + color: var(--colors-teal-400, #4fd1c5); } - .md\:rounded-tr-2xl { - border-top-right-radius: 1rem; + .lg\:text-colors-teal-500 { + color: var(--colors-teal-500, #38b2ac); } - .md\:rounded-tr-3xl { - border-top-right-radius: 1.5rem; + .lg\:text-colors-teal-600 { + color: var(--colors-teal-600, #319795); } - .md\:rounded-tr-full { - border-top-right-radius: 9999px; + .lg\:text-colors-teal-700 { + color: var(--colors-teal-700, #2c7a7b); } - .md\:rounded-br-none { - border-bottom-right-radius: 0px; + .lg\:text-colors-teal-800 { + color: var(--colors-teal-800, #285e61); } - .md\:rounded-br-sm { - border-bottom-right-radius: 0.125rem; + .lg\:text-colors-teal-900 { + color: var(--colors-teal-900, #234e52); } - .md\:rounded-br { - border-bottom-right-radius: 0.25rem; + .lg\:text-colors-blue-100 { + color: var(--colors-blue-100, #ebf8ff); } - .md\:rounded-br-md { - border-bottom-right-radius: 0.375rem; + .lg\:text-colors-blue-200 { + color: var(--colors-blue-200, #bee3f8); } - .md\:rounded-br-lg { - border-bottom-right-radius: 0.5rem; + .lg\:text-colors-blue-300 { + color: var(--colors-blue-300, #90cdf4); } - .md\:rounded-br-xl { - border-bottom-right-radius: 0.75rem; + .lg\:text-colors-blue-400 { + color: var(--colors-blue-400, #63b3ed); } - .md\:rounded-br-2xl { - border-bottom-right-radius: 1rem; + .lg\:text-colors-blue-500 { + color: var(--colors-blue-500, #4299e1); } - .md\:rounded-br-3xl { - border-bottom-right-radius: 1.5rem; + .lg\:text-colors-blue-600 { + color: var(--colors-blue-600, #3182ce); } - .md\:rounded-br-full { - border-bottom-right-radius: 9999px; + .lg\:text-colors-blue-700 { + color: var(--colors-blue-700, #2b6cb0); } - .md\:rounded-bl-none { - border-bottom-left-radius: 0px; + .lg\:text-colors-blue-800 { + color: var(--colors-blue-800, #2c5282); } - .md\:rounded-bl-sm { - border-bottom-left-radius: 0.125rem; + .lg\:text-colors-blue-900 { + color: var(--colors-blue-900, #2a4365); } - .md\:rounded-bl { - border-bottom-left-radius: 0.25rem; + .lg\:text-colors-indigo-100 { + color: var(--colors-indigo-100, #ebf4ff); } - .md\:rounded-bl-md { - border-bottom-left-radius: 0.375rem; + .lg\:text-colors-indigo-200 { + color: var(--colors-indigo-200, #c3dafe); } - .md\:rounded-bl-lg { - border-bottom-left-radius: 0.5rem; + .lg\:text-colors-indigo-300 { + color: var(--colors-indigo-300, #a3bffa); } - .md\:rounded-bl-xl { - border-bottom-left-radius: 0.75rem; + .lg\:text-colors-indigo-400 { + color: var(--colors-indigo-400, #7f9cf5); } - .md\:rounded-bl-2xl { - border-bottom-left-radius: 1rem; + .lg\:text-colors-indigo-500 { + color: var(--colors-indigo-500, #667eea); } - .md\:rounded-bl-3xl { - border-bottom-left-radius: 1.5rem; + .lg\:text-colors-indigo-600 { + color: var(--colors-indigo-600, #5a67d8); } - .md\:rounded-bl-full { - border-bottom-left-radius: 9999px; + .lg\:text-colors-indigo-700 { + color: var(--colors-indigo-700, #4c51bf); } - .md\:border-0 { - border-width: 0px; + .lg\:text-colors-indigo-800 { + color: var(--colors-indigo-800, #434190); } - .md\:border-2 { - border-width: 2px; + .lg\:text-colors-indigo-900 { + color: var(--colors-indigo-900, #3c366b); } - .md\:border-4 { - border-width: 4px; + .lg\:text-colors-purple-100 { + color: var(--colors-purple-100, #faf5ff); } - .md\:border-8 { - border-width: 8px; + .lg\:text-colors-purple-200 { + color: var(--colors-purple-200, #e9d8fd); } - .md\:border { - border-width: 1px; + .lg\:text-colors-purple-300 { + color: var(--colors-purple-300, #d6bcfa); } - .md\:border-t-0 { - border-top-width: 0px; + .lg\:text-colors-purple-400 { + color: var(--colors-purple-400, #b794f4); } - .md\:border-t-2 { - border-top-width: 2px; + .lg\:text-colors-purple-500 { + color: var(--colors-purple-500, #9f7aea); } - .md\:border-t-4 { - border-top-width: 4px; + .lg\:text-colors-purple-600 { + color: var(--colors-purple-600, #805ad5); } - .md\:border-t-8 { - border-top-width: 8px; + .lg\:text-colors-purple-700 { + color: var(--colors-purple-700, #6b46c1); } - .md\:border-t { - border-top-width: 1px; + .lg\:text-colors-purple-800 { + color: var(--colors-purple-800, #553c9a); } - .md\:border-r-0 { - border-right-width: 0px; + .lg\:text-colors-purple-900 { + color: var(--colors-purple-900, #44337a); } - .md\:border-r-2 { - border-right-width: 2px; + .lg\:text-colors-pink-100 { + color: var(--colors-pink-100, #fff5f7); } - .md\:border-r-4 { - border-right-width: 4px; + .lg\:text-colors-pink-200 { + color: var(--colors-pink-200, #fed7e2); } - .md\:border-r-8 { - border-right-width: 8px; + .lg\:text-colors-pink-300 { + color: var(--colors-pink-300, #fbb6ce); } - .md\:border-r { - border-right-width: 1px; + .lg\:text-colors-pink-400 { + color: var(--colors-pink-400, #f687b3); } - .md\:border-b-0 { - border-bottom-width: 0px; + .lg\:text-colors-pink-500 { + color: var(--colors-pink-500, #ed64a6); } - .md\:border-b-2 { - border-bottom-width: 2px; + .lg\:text-colors-pink-600 { + color: var(--colors-pink-600, #d53f8c); } - .md\:border-b-4 { - border-bottom-width: 4px; + .lg\:text-colors-pink-700 { + color: var(--colors-pink-700, #b83280); } - .md\:border-b-8 { - border-bottom-width: 8px; + .lg\:text-colors-pink-800 { + color: var(--colors-pink-800, #97266d); } - .md\:border-b { - border-bottom-width: 1px; + .lg\:text-colors-pink-900 { + color: var(--colors-pink-900, #702459); } - .md\:border-l-0 { - border-left-width: 0px; + .lg\:text-Box\ Shadow { + color: var(--box-shadow, #7f7e7f); } - .md\:border-l-2 { - border-left-width: 2px; + .lg\:text-Error16 { + color: var(--error16, #f03d3e40); } - .md\:border-l-4 { - border-left-width: 4px; + .lg\:text-Success16 { + color: var(--success16, #5bb14d40); } - .md\:border-l-8 { - border-left-width: 8px; + .lg\:text-Notification16 { + color: var(--notification16, #3959ff40); } - .md\:border-l { - border-left-width: 1px; + .lg\:text-Error8 { + color: var(--error8, #f03d3e1a); } - .md\:border-solid { - border-style: solid; + .lg\:text-Notification8 { + color: var(--notification8, #3959ff1a); } - .md\:border-dashed { - border-style: dashed; + .lg\:text-Success8 { + color: var(--success8, #5bb14d1a); } - .md\:border-dotted { - border-style: dotted; + .lg\:text-Light\ -\ Overlay { + color: var(--light-overlay, #f0edee66); } - .md\:border-double { - border-style: double; + .lg\:text-Dark-\ Overlay { + color: var(--dark-overlay, #7f7e7f66); } - .md\:border-none { - border-style: none; + .lg\:text-black-40 { + color: var(--black-40, #00000066); } - .md\:border-transparent { - border-color: transparent; + .lg\:text-black-75 { + color: var(--black-75, #000000bf); } - .md\:border-current { - border-color: currentColor; + .lg\:text-black-60 { + color: var(--black-60, #00000099); } - .md\:border-black { - --tw-border-opacity: 1; - border-color: rgba(0, 0, 0, var(--tw-border-opacity)); + .lg\:text-black-50 { + color: var(--black-50, #00000080); } - .md\:border-white { - --tw-border-opacity: 1; - border-color: rgba(255, 255, 255, var(--tw-border-opacity)); + .lg\:text-black-25 { + color: var(--black-25, #00000040); } - .md\:border-gray-50 { - --tw-border-opacity: 1; - border-color: rgba(249, 250, 251, var(--tw-border-opacity)); + .lg\:text-black-10 { + color: var(--black-10, #0000001a); } - .md\:border-gray-100 { - --tw-border-opacity: 1; - border-color: rgba(243, 244, 246, var(--tw-border-opacity)); + .lg\:text-white-25 { + color: var(--white-25, #ffffff40); } - .md\:border-gray-200 { - --tw-border-opacity: 1; - border-color: rgba(229, 231, 235, var(--tw-border-opacity)); + .lg\:text-white-60 { + color: var(--white-60, #ffffff99); } - .md\:border-gray-300 { - --tw-border-opacity: 1; - border-color: rgba(209, 213, 219, var(--tw-border-opacity)); + .lg\:text-black-64 { + color: var(--black-64, #000000a3); } - .md\:border-gray-400 { - --tw-border-opacity: 1; - border-color: rgba(156, 163, 175, var(--tw-border-opacity)); + .lg\:text-Shadow\ and\ Highlight-Shadow { + color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .md\:border-gray-500 { - --tw-border-opacity: 1; - border-color: rgba(107, 114, 128, var(--tw-border-opacity)); + .lg\:text-Shadow\ and\ Highlight-Highlight { + color: var(--shadow-and-highlight-highlight, #474747); } - .md\:border-gray-600 { - --tw-border-opacity: 1; - border-color: rgba(75, 85, 99, var(--tw-border-opacity)); + .lg\:text-Shadow\ and\ Highlight-highlight\ one { + color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .md\:border-gray-700 { - --tw-border-opacity: 1; - border-color: rgba(55, 65, 81, var(--tw-border-opacity)); + .lg\:text-Shadow\ and\ Highlight-highlight\ two { + color: var(--shadow-and-highlight-highlight-two, #47474799); } - .md\:border-gray-800 { - --tw-border-opacity: 1; - border-color: rgba(31, 41, 55, var(--tw-border-opacity)); + .lg\:text-Shadow\ and\ Highlight-highlight\ three { + color: var(--shadow-and-highlight-highlight-three, #47474766); } - .md\:border-gray-900 { - --tw-border-opacity: 1; - border-color: rgba(17, 24, 39, var(--tw-border-opacity)); + .lg\:text-Shadow\ and\ Highlight-highlight\ five { + color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .md\:border-red-50 { - --tw-border-opacity: 1; - border-color: rgba(254, 242, 242, var(--tw-border-opacity)); + .lg\:text-Shadow\ and\ Highlight-shadow\ one { + color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .md\:border-red-100 { - --tw-border-opacity: 1; - border-color: rgba(254, 226, 226, var(--tw-border-opacity)); + .lg\:text-Shadow\ and\ Highlight-shadow\ two { + color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .md\:border-red-200 { - --tw-border-opacity: 1; - border-color: rgba(254, 202, 202, var(--tw-border-opacity)); + .lg\:text-Shadow\ and\ Highlight-shadow\ three { + color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .md\:border-red-300 { - --tw-border-opacity: 1; - border-color: rgba(252, 165, 165, var(--tw-border-opacity)); + .lg\:text-Shadow\ and\ Highlight-shadow\ four { + color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .md\:border-red-400 { - --tw-border-opacity: 1; - border-color: rgba(248, 113, 113, var(--tw-border-opacity)); + .lg\:text-Shadow\ and\ Highlight-shadow\ five { + color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .md\:border-red-500 { - --tw-border-opacity: 1; - border-color: rgba(239, 68, 68, var(--tw-border-opacity)); + .lg\:text-Shadow\ and\ Highlight-highlight\ four { + color: var(--shadow-and-highlight-highlight-four, #47474740); } - .md\:border-red-600 { - --tw-border-opacity: 1; - border-color: rgba(220, 38, 38, var(--tw-border-opacity)); + .lg\:text-Base\ Layer\ Styles-Base\ Layer-\ Light-White { + color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .md\:border-red-700 { - --tw-border-opacity: 1; - border-color: rgba(185, 28, 28, var(--tw-border-opacity)); + .lg\:text-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite { + color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .md\:border-red-800 { - --tw-border-opacity: 1; - border-color: rgba(153, 27, 27, var(--tw-border-opacity)); + .lg\:text-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack { + color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .md\:border-red-900 { - --tw-border-opacity: 1; - border-color: rgba(127, 29, 29, var(--tw-border-opacity)); + .lg\:text-Base\ Layer\ Styles-Base\ Layer-Dark-Black { + color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .md\:border-yellow-50 { - --tw-border-opacity: 1; - border-color: rgba(255, 251, 235, var(--tw-border-opacity)); + .lg\:text-Grey-Scale-white { + color: var(--grey-scale-white, #ffffff); } - .md\:border-yellow-100 { - --tw-border-opacity: 1; - border-color: rgba(254, 243, 199, var(--tw-border-opacity)); + .lg\:text-Grey-Scale-off-white { + color: var(--grey-scale-off-white, #f0edee); } - .md\:border-yellow-200 { - --tw-border-opacity: 1; - border-color: rgba(253, 230, 138, var(--tw-border-opacity)); + .lg\:text-Grey\ Scale-grey { + color: var(--grey-scale-grey, #7f7e7f); } - .md\:border-yellow-300 { - --tw-border-opacity: 1; - border-color: rgba(252, 211, 77, var(--tw-border-opacity)); + .lg\:text-Grey\ Scale-charcoal { + color: var(--grey-scale-charcoal, #474747); } - .md\:border-yellow-400 { - --tw-border-opacity: 1; - border-color: rgba(251, 191, 36, var(--tw-border-opacity)); + .lg\:text-Grey\ Scale-off-black { + color: var(--grey-scale-off-black, #1c1c1c); } - .md\:border-yellow-500 { - --tw-border-opacity: 1; - border-color: rgba(245, 158, 11, var(--tw-border-opacity)); + .lg\:text-Grey\ Scale-black { + color: var(--grey-scale-black, #000000); } - .md\:border-yellow-600 { - --tw-border-opacity: 1; - border-color: rgba(217, 119, 6, var(--tw-border-opacity)); + .lg\:text-Blue-blue { + color: var(--blue-blue, #3a7ca5); } - .md\:border-yellow-700 { - --tw-border-opacity: 1; - border-color: rgba(180, 83, 9, var(--tw-border-opacity)); + .lg\:text-Blue-blue-100 { + color: var(--blue-blue-100, #75a3c0); } - .md\:border-yellow-800 { - --tw-border-opacity: 1; - border-color: rgba(146, 64, 14, var(--tw-border-opacity)); + .lg\:text-Blue-blue-200 { + color: var(--blue-blue-200, #9cbed2); } - .md\:border-yellow-900 { - --tw-border-opacity: 1; - border-color: rgba(120, 53, 15, var(--tw-border-opacity)); + .lg\:text-Blue-blue-300 { + color: var(--blue-blue-300, #4f7d9a); } - .md\:border-green-50 { - --tw-border-opacity: 1; - border-color: rgba(236, 253, 245, var(--tw-border-opacity)); + .lg\:text-Blue-blue-400 { + color: var(--blue-blue-400, #5c7d92); } - .md\:border-green-100 { - --tw-border-opacity: 1; - border-color: rgba(209, 250, 229, var(--tw-border-opacity)); + .lg\:text-Blue-blue-500 { + color: var(--blue-blue-500, #347095); } - .md\:border-green-200 { - --tw-border-opacity: 1; - border-color: rgba(167, 243, 208, var(--tw-border-opacity)); + .lg\:text-Blue-blue-600 { + color: var(--blue-blue-600, #295774); } - .md\:border-green-300 { - --tw-border-opacity: 1; - border-color: rgba(110, 231, 183, var(--tw-border-opacity)); + .lg\:text-Blue-blue-700 { + color: var(--blue-blue-700, #173242); } - .md\:border-green-400 { - --tw-border-opacity: 1; - border-color: rgba(52, 211, 153, var(--tw-border-opacity)); + .lg\:text-LightBlue-lightblue { + color: var(--light-blue-lightblue, #81c3d7); } - .md\:border-green-500 { - --tw-border-opacity: 1; - border-color: rgba(16, 185, 129, var(--tw-border-opacity)); + .lg\:text-LightBlue-lightblue-100 { + color: var(--light-blue-lightblue-100, #a7d5e3); } - .md\:border-green-600 { - --tw-border-opacity: 1; - border-color: rgba(5, 150, 105, var(--tw-border-opacity)); + .lg\:text-LightBlue-lightblue-200 { + color: var(--light-blue-lightblue-200, #c0e1eb); } - .md\:border-green-700 { - --tw-border-opacity: 1; - border-color: rgba(4, 120, 87, var(--tw-border-opacity)); + .lg\:text-LightBlue-lightblue-300 { + color: var(--light-blue-lightblue-300, #80aebd); } - .md\:border-green-800 { - --tw-border-opacity: 1; - border-color: rgba(6, 95, 70, var(--tw-border-opacity)); + .lg\:text-LightBlue-lightblue-400 { + color: var(--light-blue-lightblue-400, #80a0ab); } - .md\:border-green-900 { - --tw-border-opacity: 1; - border-color: rgba(6, 78, 59, var(--tw-border-opacity)); + .lg\:text-LightBlue-lightblue-500 { + color: var(--light-blue-lightblue-500, #74afc1); } - .md\:border-blue-50 { - --tw-border-opacity: 1; - border-color: rgba(239, 246, 255, var(--tw-border-opacity)); + .lg\:text-LightBlue-lightblue-600 { + color: var(--light-blue-lightblue-600, #5a8997); } - .md\:border-blue-100 { - --tw-border-opacity: 1; - border-color: rgba(219, 234, 254, var(--tw-border-opacity)); + .lg\:text-LightBlue-lightblue-650 { + color: var(--light-blue-lightblue-650, #3e5e65); } - .md\:border-blue-200 { - --tw-border-opacity: 1; - border-color: rgba(191, 219, 254, var(--tw-border-opacity)); + .lg\:text-LightBlue-lightblue-700 { + color: var(--light-blue-lightblue-700, #344e56); } - .md\:border-blue-300 { - --tw-border-opacity: 1; - border-color: rgba(147, 197, 253, var(--tw-border-opacity)); + .lg\:text-Orange-orange { + color: var(--orange-orange, #ff7f0e); } - .md\:border-blue-400 { - --tw-border-opacity: 1; - border-color: rgba(96, 165, 250, var(--tw-border-opacity)); + .lg\:text-Orange-orange-100 { + color: var(--orange-orange-100, #ffa556); } - .md\:border-blue-500 { - --tw-border-opacity: 1; - border-color: rgba(59, 130, 246, var(--tw-border-opacity)); + .lg\:text-Orange-orange-200 { + color: var(--orange-orange-200, #ffbf86); } - .md\:border-blue-600 { - --tw-border-opacity: 1; - border-color: rgba(37, 99, 235, var(--tw-border-opacity)); + .lg\:text-Orange-orange-300 { + color: var(--orange-orange-300, #d97f30); } - .md\:border-blue-700 { - --tw-border-opacity: 1; - border-color: rgba(29, 78, 216, var(--tw-border-opacity)); + .lg\:text-Orange-orange-400 { + color: var(--orange-orange-400, #bf7e46); } - .md\:border-blue-800 { - --tw-border-opacity: 1; - border-color: rgba(30, 64, 175, var(--tw-border-opacity)); + .lg\:text-Orange-orange-500 { + color: var(--orange-orange-500, #e5720d); } - .md\:border-blue-900 { - --tw-border-opacity: 1; - border-color: rgba(30, 58, 138, var(--tw-border-opacity)); + .lg\:text-Orange-orange-600 { + color: var(--orange-orange-600, #b3590a); } - .md\:border-indigo-50 { - --tw-border-opacity: 1; - border-color: rgba(238, 242, 255, var(--tw-border-opacity)); + .lg\:text-Orange-orange-700 { + color: var(--orange-orange-700, #663306); } - .md\:border-indigo-100 { - --tw-border-opacity: 1; - border-color: rgba(224, 231, 255, var(--tw-border-opacity)); + .lg\:text-Yellow-yellow { + color: var(--yellow-yellow, #ffab00); } - .md\:border-indigo-200 { - --tw-border-opacity: 1; - border-color: rgba(199, 210, 254, var(--tw-border-opacity)); + .lg\:text-Yellow-yellow-100 { + color: var(--yellow-yellow-100, #ffc44c); } - .md\:border-indigo-300 { - --tw-border-opacity: 1; - border-color: rgba(165, 180, 252, var(--tw-border-opacity)); + .lg\:text-Yellow-yellow-200 { + color: var(--yellow-yellow-200, #ffd580); } - .md\:border-indigo-400 { - --tw-border-opacity: 1; - border-color: rgba(129, 140, 248, var(--tw-border-opacity)); + .lg\:text-Yellow-yellow-300 { + color: var(--yellow-yellow-300, #d99d26); } - .md\:border-indigo-500 { - --tw-border-opacity: 1; - border-color: rgba(99, 102, 241, var(--tw-border-opacity)); + .lg\:text-Yellow-yellow-400 { + color: var(--yellow-yellow-400, #bf943f); } - .md\:border-indigo-600 { - --tw-border-opacity: 1; - border-color: rgba(79, 70, 229, var(--tw-border-opacity)); + .lg\:text-Yellow-yellow-500 { + color: var(--yellow-yellow-500, #e59a00); } - .md\:border-indigo-700 { - --tw-border-opacity: 1; - border-color: rgba(67, 56, 202, var(--tw-border-opacity)); + .lg\:text-Yellow-yellow-600 { + color: var(--yellow-yellow-600, #b37800); } - .md\:border-indigo-800 { - --tw-border-opacity: 1; - border-color: rgba(55, 48, 163, var(--tw-border-opacity)); + .lg\:text-Yellow-yellow-700 { + color: var(--yellow-yellow-700, #664400); } - .md\:border-indigo-900 { - --tw-border-opacity: 1; - border-color: rgba(49, 46, 129, var(--tw-border-opacity)); + .lg\:text-Notification-notification { + color: var(--notification-notification, #3959ff); } - .md\:border-purple-50 { - --tw-border-opacity: 1; - border-color: rgba(245, 243, 255, var(--tw-border-opacity)); + .lg\:text-Notification-notification-100 { + color: var(--notification-notification-100, #748bff); } - .md\:border-purple-100 { - --tw-border-opacity: 1; - border-color: rgba(237, 233, 254, var(--tw-border-opacity)); + .lg\:text-Notification-notification-200 { + color: var(--notification-notification-200, #9cacff); } - .md\:border-purple-200 { - --tw-border-opacity: 1; - border-color: rgba(221, 214, 254, var(--tw-border-opacity)); + .lg\:text-Notification-notification-300 { + color: var(--notification-notification-300, #4e64d9); } - .md\:border-purple-300 { - --tw-border-opacity: 1; - border-color: rgba(196, 181, 253, var(--tw-border-opacity)); + .lg\:text-Notification-notification-400 { + color: var(--notification-notification-400, #5c6cbf); } - .md\:border-purple-400 { - --tw-border-opacity: 1; - border-color: rgba(167, 139, 250, var(--tw-border-opacity)); + .lg\:text-Notification-notification-500 { + color: var(--notification-notification-500, #3350e5); } - .md\:border-purple-500 { - --tw-border-opacity: 1; - border-color: rgba(139, 92, 246, var(--tw-border-opacity)); + .lg\:text-Notification-notification-600 { + color: var(--notification-notification-600, #283eb3); } - .md\:border-purple-600 { - --tw-border-opacity: 1; - border-color: rgba(124, 58, 237, var(--tw-border-opacity)); + .lg\:text-Notification-notification-700 { + color: var(--notification-notification-700, #172466); } - .md\:border-purple-700 { - --tw-border-opacity: 1; - border-color: rgba(109, 40, 217, var(--tw-border-opacity)); + .lg\:text-Success-success\ -700 { + color: var(--success-success-700, #24471f); } - .md\:border-purple-800 { - --tw-border-opacity: 1; - border-color: rgba(91, 33, 182, var(--tw-border-opacity)); + .lg\:text-Success-success { + color: var(--success-success, #5bb14d); } - .md\:border-purple-900 { - --tw-border-opacity: 1; - border-color: rgba(76, 29, 149, var(--tw-border-opacity)); + .lg\:text-Success-success\ -100 { + color: var(--success-success-100, #8cc882); } - .md\:border-pink-50 { - --tw-border-opacity: 1; - border-color: rgba(253, 242, 248, var(--tw-border-opacity)); + .lg\:text-Success-success\ -200 { + color: var(--success-success-200, #add8a6); } - .md\:border-pink-100 { - --tw-border-opacity: 1; - border-color: rgba(252, 231, 243, var(--tw-border-opacity)); + .lg\:text-Success-success\ -300 { + color: var(--success-success-300, #66a25c); } - .md\:border-pink-200 { - --tw-border-opacity: 1; - border-color: rgba(251, 207, 232, var(--tw-border-opacity)); + .lg\:text-Success-success\ -400 { + color: var(--success-success-400, #6d9766); } - .md\:border-pink-300 { - --tw-border-opacity: 1; - border-color: rgba(249, 168, 212, var(--tw-border-opacity)); + .lg\:text-Success-success\ -500 { + color: var(--success-success-500, #529f45); } - .md\:border-pink-400 { - --tw-border-opacity: 1; - border-color: rgba(244, 114, 182, var(--tw-border-opacity)); + .lg\:text-Success-success\ -600 { + color: var(--success-success-600, #407c36); } - .md\:border-pink-500 { - --tw-border-opacity: 1; - border-color: rgba(236, 72, 153, var(--tw-border-opacity)); + .lg\:text-Error-error { + color: var(--error-error, #f03d3e); } - .md\:border-pink-600 { - --tw-border-opacity: 1; - border-color: rgba(219, 39, 119, var(--tw-border-opacity)); + .lg\:text-Error-error-100 { + color: var(--error-error-100, #f57778); } - .md\:border-pink-700 { - --tw-border-opacity: 1; - border-color: rgba(190, 24, 93, var(--tw-border-opacity)); + .lg\:text-Error-error-200 { + color: var(--error-error-200, #f89e9e); } - .md\:border-pink-800 { - --tw-border-opacity: 1; - border-color: rgba(157, 23, 77, var(--tw-border-opacity)); + .lg\:text-Error-error-250 { + color: var(--error-error-250, #f9c8c8); } - .md\:border-pink-900 { - --tw-border-opacity: 1; - border-color: rgba(131, 24, 67, var(--tw-border-opacity)); + .lg\:text-Error-error-300 { + color: var(--error-error-300, #ce5151); } - .group:hover .md\:group-hover\:border-transparent { - border-color: transparent; + .lg\:text-Error-error-400 { + color: var(--error-error-400, #b85e5e); } - .group:hover .md\:group-hover\:border-current { - border-color: currentColor; + .lg\:text-Error-error-500 { + color: var(--error-error-500, #d83738); } - .group:hover .md\:group-hover\:border-black { - --tw-border-opacity: 1; - border-color: rgba(0, 0, 0, var(--tw-border-opacity)); + .lg\:text-Error-error-600 { + color: var(--error-error-600, #a82b2b); } - .group:hover .md\:group-hover\:border-white { - --tw-border-opacity: 1; - border-color: rgba(255, 255, 255, var(--tw-border-opacity)); + .lg\:text-Error-error-700 { + color: var(--error-error-700, #601819); } - .group:hover .md\:group-hover\:border-gray-50 { - --tw-border-opacity: 1; - border-color: rgba(249, 250, 251, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-black { + color: var(--colors-black, #000000); } - .group:hover .md\:group-hover\:border-gray-100 { - --tw-border-opacity: 1; - border-color: rgba(243, 244, 246, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-white { + color: var(--colors-white, #ffffff); } - .group:hover .md\:group-hover\:border-gray-200 { - --tw-border-opacity: 1; - border-color: rgba(229, 231, 235, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-gray-100 { + color: var(--colors-gray-100, #f7fafc); } - .group:hover .md\:group-hover\:border-gray-300 { - --tw-border-opacity: 1; - border-color: rgba(209, 213, 219, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-gray-200 { + color: var(--colors-gray-200, #edf2f7); } - .group:hover .md\:group-hover\:border-gray-400 { - --tw-border-opacity: 1; - border-color: rgba(156, 163, 175, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-gray-300 { + color: var(--colors-gray-300, #e2e8f0); } - .group:hover .md\:group-hover\:border-gray-500 { - --tw-border-opacity: 1; - border-color: rgba(107, 114, 128, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-gray-400 { + color: var(--colors-gray-400, #cbd5e0); } - .group:hover .md\:group-hover\:border-gray-600 { - --tw-border-opacity: 1; - border-color: rgba(75, 85, 99, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-gray-500 { + color: var(--colors-gray-500, #a0aec0); } - .group:hover .md\:group-hover\:border-gray-700 { - --tw-border-opacity: 1; - border-color: rgba(55, 65, 81, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-gray-600 { + color: var(--colors-gray-600, #718096); } - .group:hover .md\:group-hover\:border-gray-800 { - --tw-border-opacity: 1; - border-color: rgba(31, 41, 55, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-gray-700 { + color: var(--colors-gray-700, #4a5568); } - .group:hover .md\:group-hover\:border-gray-900 { - --tw-border-opacity: 1; - border-color: rgba(17, 24, 39, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-gray-800 { + color: var(--colors-gray-800, #2d3748); } - .group:hover .md\:group-hover\:border-red-50 { - --tw-border-opacity: 1; - border-color: rgba(254, 242, 242, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-gray-900 { + color: var(--colors-gray-900, #1a202c); } - .group:hover .md\:group-hover\:border-red-100 { - --tw-border-opacity: 1; - border-color: rgba(254, 226, 226, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-red-100 { + color: var(--colors-red-100, #fff5f5); } - .group:hover .md\:group-hover\:border-red-200 { - --tw-border-opacity: 1; - border-color: rgba(254, 202, 202, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-red-200 { + color: var(--colors-red-200, #fed7d7); } - .group:hover .md\:group-hover\:border-red-300 { - --tw-border-opacity: 1; - border-color: rgba(252, 165, 165, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-red-300 { + color: var(--colors-red-300, #feb2b2); } - .group:hover .md\:group-hover\:border-red-400 { - --tw-border-opacity: 1; - border-color: rgba(248, 113, 113, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-red-400 { + color: var(--colors-red-400, #fc8181); } - .group:hover .md\:group-hover\:border-red-500 { - --tw-border-opacity: 1; - border-color: rgba(239, 68, 68, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-red-500 { + color: var(--colors-red-500, #f56565); } - .group:hover .md\:group-hover\:border-red-600 { - --tw-border-opacity: 1; - border-color: rgba(220, 38, 38, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-red-600 { + color: var(--colors-red-600, #e53e3e); } - .group:hover .md\:group-hover\:border-red-700 { - --tw-border-opacity: 1; - border-color: rgba(185, 28, 28, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-red-700 { + color: var(--colors-red-700, #c53030); } - .group:hover .md\:group-hover\:border-red-800 { - --tw-border-opacity: 1; - border-color: rgba(153, 27, 27, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-red-800 { + color: var(--colors-red-800, #9b2c2c); } - .group:hover .md\:group-hover\:border-red-900 { - --tw-border-opacity: 1; - border-color: rgba(127, 29, 29, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-red-900 { + color: var(--colors-red-900, #742a2a); } - .group:hover .md\:group-hover\:border-yellow-50 { - --tw-border-opacity: 1; - border-color: rgba(255, 251, 235, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-orange-100 { + color: var(--colors-orange-100, #fffaf0); } - .group:hover .md\:group-hover\:border-yellow-100 { - --tw-border-opacity: 1; - border-color: rgba(254, 243, 199, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-orange-200 { + color: var(--colors-orange-200, #feebc8); } - .group:hover .md\:group-hover\:border-yellow-200 { - --tw-border-opacity: 1; - border-color: rgba(253, 230, 138, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-orange-300 { + color: var(--colors-orange-300, #fbd38d); } - .group:hover .md\:group-hover\:border-yellow-300 { - --tw-border-opacity: 1; - border-color: rgba(252, 211, 77, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-orange-400 { + color: var(--colors-orange-400, #f6ad55); } - .group:hover .md\:group-hover\:border-yellow-400 { - --tw-border-opacity: 1; - border-color: rgba(251, 191, 36, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-orange-500 { + color: var(--colors-orange-500, #ed8936); } - .group:hover .md\:group-hover\:border-yellow-500 { - --tw-border-opacity: 1; - border-color: rgba(245, 158, 11, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-orange-600 { + color: var(--colors-orange-600, #dd6b20); } - .group:hover .md\:group-hover\:border-yellow-600 { - --tw-border-opacity: 1; - border-color: rgba(217, 119, 6, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-orange-700 { + color: var(--colors-orange-700, #c05621); } - .group:hover .md\:group-hover\:border-yellow-700 { - --tw-border-opacity: 1; - border-color: rgba(180, 83, 9, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-orange-800 { + color: var(--colors-orange-800, #9c4221); } - .group:hover .md\:group-hover\:border-yellow-800 { - --tw-border-opacity: 1; - border-color: rgba(146, 64, 14, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-orange-900 { + color: var(--colors-orange-900, #7b341e); } - .group:hover .md\:group-hover\:border-yellow-900 { - --tw-border-opacity: 1; - border-color: rgba(120, 53, 15, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-yellow-100 { + color: var(--colors-yellow-100, #fffff0); } - .group:hover .md\:group-hover\:border-green-50 { - --tw-border-opacity: 1; - border-color: rgba(236, 253, 245, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-yellow-200 { + color: var(--colors-yellow-200, #fefcbf); } - .group:hover .md\:group-hover\:border-green-100 { - --tw-border-opacity: 1; - border-color: rgba(209, 250, 229, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-yellow-300 { + color: var(--colors-yellow-300, #faf089); } - .group:hover .md\:group-hover\:border-green-200 { - --tw-border-opacity: 1; - border-color: rgba(167, 243, 208, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-yellow-400 { + color: var(--colors-yellow-400, #f6e05e); } - .group:hover .md\:group-hover\:border-green-300 { - --tw-border-opacity: 1; - border-color: rgba(110, 231, 183, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-yellow-500 { + color: var(--colors-yellow-500, #ecc94b); } - .group:hover .md\:group-hover\:border-green-400 { - --tw-border-opacity: 1; - border-color: rgba(52, 211, 153, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-yellow-600 { + color: var(--colors-yellow-600, #d69e2e); } - .group:hover .md\:group-hover\:border-green-500 { - --tw-border-opacity: 1; - border-color: rgba(16, 185, 129, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-yellow-700 { + color: var(--colors-yellow-700, #b7791f); } - .group:hover .md\:group-hover\:border-green-600 { - --tw-border-opacity: 1; - border-color: rgba(5, 150, 105, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-yellow-800 { + color: var(--colors-yellow-800, #975a16); } - .group:hover .md\:group-hover\:border-green-700 { - --tw-border-opacity: 1; - border-color: rgba(4, 120, 87, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-yellow-900 { + color: var(--colors-yellow-900, #744210); } - .group:hover .md\:group-hover\:border-green-800 { - --tw-border-opacity: 1; - border-color: rgba(6, 95, 70, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-green-100 { + color: var(--colors-green-100, #f0fff4); } - .group:hover .md\:group-hover\:border-green-900 { - --tw-border-opacity: 1; - border-color: rgba(6, 78, 59, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-green-200 { + color: var(--colors-green-200, #c6f6d5); } - .group:hover .md\:group-hover\:border-blue-50 { - --tw-border-opacity: 1; - border-color: rgba(239, 246, 255, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-green-300 { + color: var(--colors-green-300, #9ae6b4); } - .group:hover .md\:group-hover\:border-blue-100 { - --tw-border-opacity: 1; - border-color: rgba(219, 234, 254, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-green-400 { + color: var(--colors-green-400, #68d391); } - .group:hover .md\:group-hover\:border-blue-200 { - --tw-border-opacity: 1; - border-color: rgba(191, 219, 254, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-green-500 { + color: var(--colors-green-500, #48bb78); } - .group:hover .md\:group-hover\:border-blue-300 { - --tw-border-opacity: 1; - border-color: rgba(147, 197, 253, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-green-600 { + color: var(--colors-green-600, #38a169); } - .group:hover .md\:group-hover\:border-blue-400 { - --tw-border-opacity: 1; - border-color: rgba(96, 165, 250, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-green-700 { + color: var(--colors-green-700, #2f855a); } - .group:hover .md\:group-hover\:border-blue-500 { - --tw-border-opacity: 1; - border-color: rgba(59, 130, 246, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-green-800 { + color: var(--colors-green-800, #276749); } - .group:hover .md\:group-hover\:border-blue-600 { - --tw-border-opacity: 1; - border-color: rgba(37, 99, 235, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-green-900 { + color: var(--colors-green-900, #22543d); } - .group:hover .md\:group-hover\:border-blue-700 { - --tw-border-opacity: 1; - border-color: rgba(29, 78, 216, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-teal-100 { + color: var(--colors-teal-100, #e6fffa); } - .group:hover .md\:group-hover\:border-blue-800 { - --tw-border-opacity: 1; - border-color: rgba(30, 64, 175, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-teal-200 { + color: var(--colors-teal-200, #b2f5ea); } - .group:hover .md\:group-hover\:border-blue-900 { - --tw-border-opacity: 1; - border-color: rgba(30, 58, 138, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-teal-300 { + color: var(--colors-teal-300, #81e6d9); } - .group:hover .md\:group-hover\:border-indigo-50 { - --tw-border-opacity: 1; - border-color: rgba(238, 242, 255, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-teal-400 { + color: var(--colors-teal-400, #4fd1c5); } - .group:hover .md\:group-hover\:border-indigo-100 { - --tw-border-opacity: 1; - border-color: rgba(224, 231, 255, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-teal-500 { + color: var(--colors-teal-500, #38b2ac); } - .group:hover .md\:group-hover\:border-indigo-200 { - --tw-border-opacity: 1; - border-color: rgba(199, 210, 254, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-teal-600 { + color: var(--colors-teal-600, #319795); } - .group:hover .md\:group-hover\:border-indigo-300 { - --tw-border-opacity: 1; - border-color: rgba(165, 180, 252, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-teal-700 { + color: var(--colors-teal-700, #2c7a7b); } - .group:hover .md\:group-hover\:border-indigo-400 { - --tw-border-opacity: 1; - border-color: rgba(129, 140, 248, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-teal-800 { + color: var(--colors-teal-800, #285e61); } - .group:hover .md\:group-hover\:border-indigo-500 { - --tw-border-opacity: 1; - border-color: rgba(99, 102, 241, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-teal-900 { + color: var(--colors-teal-900, #234e52); } - .group:hover .md\:group-hover\:border-indigo-600 { - --tw-border-opacity: 1; - border-color: rgba(79, 70, 229, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-blue-100 { + color: var(--colors-blue-100, #ebf8ff); } - .group:hover .md\:group-hover\:border-indigo-700 { - --tw-border-opacity: 1; - border-color: rgba(67, 56, 202, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-blue-200 { + color: var(--colors-blue-200, #bee3f8); } - .group:hover .md\:group-hover\:border-indigo-800 { - --tw-border-opacity: 1; - border-color: rgba(55, 48, 163, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-blue-300 { + color: var(--colors-blue-300, #90cdf4); } - .group:hover .md\:group-hover\:border-indigo-900 { - --tw-border-opacity: 1; - border-color: rgba(49, 46, 129, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-blue-400 { + color: var(--colors-blue-400, #63b3ed); } - .group:hover .md\:group-hover\:border-purple-50 { - --tw-border-opacity: 1; - border-color: rgba(245, 243, 255, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-blue-500 { + color: var(--colors-blue-500, #4299e1); } - .group:hover .md\:group-hover\:border-purple-100 { - --tw-border-opacity: 1; - border-color: rgba(237, 233, 254, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-blue-600 { + color: var(--colors-blue-600, #3182ce); } - .group:hover .md\:group-hover\:border-purple-200 { - --tw-border-opacity: 1; - border-color: rgba(221, 214, 254, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-blue-700 { + color: var(--colors-blue-700, #2b6cb0); } - .group:hover .md\:group-hover\:border-purple-300 { - --tw-border-opacity: 1; - border-color: rgba(196, 181, 253, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-blue-800 { + color: var(--colors-blue-800, #2c5282); } - .group:hover .md\:group-hover\:border-purple-400 { - --tw-border-opacity: 1; - border-color: rgba(167, 139, 250, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-blue-900 { + color: var(--colors-blue-900, #2a4365); } - .group:hover .md\:group-hover\:border-purple-500 { - --tw-border-opacity: 1; - border-color: rgba(139, 92, 246, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-indigo-100 { + color: var(--colors-indigo-100, #ebf4ff); } - .group:hover .md\:group-hover\:border-purple-600 { - --tw-border-opacity: 1; - border-color: rgba(124, 58, 237, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-indigo-200 { + color: var(--colors-indigo-200, #c3dafe); } - .group:hover .md\:group-hover\:border-purple-700 { - --tw-border-opacity: 1; - border-color: rgba(109, 40, 217, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-indigo-300 { + color: var(--colors-indigo-300, #a3bffa); } - .group:hover .md\:group-hover\:border-purple-800 { - --tw-border-opacity: 1; - border-color: rgba(91, 33, 182, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-indigo-400 { + color: var(--colors-indigo-400, #7f9cf5); } - .group:hover .md\:group-hover\:border-purple-900 { - --tw-border-opacity: 1; - border-color: rgba(76, 29, 149, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-indigo-500 { + color: var(--colors-indigo-500, #667eea); } - .group:hover .md\:group-hover\:border-pink-50 { - --tw-border-opacity: 1; - border-color: rgba(253, 242, 248, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-indigo-600 { + color: var(--colors-indigo-600, #5a67d8); } - .group:hover .md\:group-hover\:border-pink-100 { - --tw-border-opacity: 1; - border-color: rgba(252, 231, 243, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-indigo-700 { + color: var(--colors-indigo-700, #4c51bf); } - .group:hover .md\:group-hover\:border-pink-200 { - --tw-border-opacity: 1; - border-color: rgba(251, 207, 232, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-indigo-800 { + color: var(--colors-indigo-800, #434190); } - .group:hover .md\:group-hover\:border-pink-300 { - --tw-border-opacity: 1; - border-color: rgba(249, 168, 212, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-indigo-900 { + color: var(--colors-indigo-900, #3c366b); } - .group:hover .md\:group-hover\:border-pink-400 { - --tw-border-opacity: 1; - border-color: rgba(244, 114, 182, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-purple-100 { + color: var(--colors-purple-100, #faf5ff); } - .group:hover .md\:group-hover\:border-pink-500 { - --tw-border-opacity: 1; - border-color: rgba(236, 72, 153, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-purple-200 { + color: var(--colors-purple-200, #e9d8fd); } - .group:hover .md\:group-hover\:border-pink-600 { - --tw-border-opacity: 1; - border-color: rgba(219, 39, 119, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-purple-300 { + color: var(--colors-purple-300, #d6bcfa); } - .group:hover .md\:group-hover\:border-pink-700 { - --tw-border-opacity: 1; - border-color: rgba(190, 24, 93, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-purple-400 { + color: var(--colors-purple-400, #b794f4); } - .group:hover .md\:group-hover\:border-pink-800 { - --tw-border-opacity: 1; - border-color: rgba(157, 23, 77, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-purple-500 { + color: var(--colors-purple-500, #9f7aea); } - .group:hover .md\:group-hover\:border-pink-900 { - --tw-border-opacity: 1; - border-color: rgba(131, 24, 67, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-purple-600 { + color: var(--colors-purple-600, #805ad5); } - .md\:focus-within\:border-transparent:focus-within { - border-color: transparent; + .group:hover .lg\:group-hover\:text-colors-purple-700 { + color: var(--colors-purple-700, #6b46c1); } - .md\:focus-within\:border-current:focus-within { - border-color: currentColor; + .group:hover .lg\:group-hover\:text-colors-purple-800 { + color: var(--colors-purple-800, #553c9a); } - .md\:focus-within\:border-black:focus-within { - --tw-border-opacity: 1; - border-color: rgba(0, 0, 0, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-purple-900 { + color: var(--colors-purple-900, #44337a); } - .md\:focus-within\:border-white:focus-within { - --tw-border-opacity: 1; - border-color: rgba(255, 255, 255, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-pink-100 { + color: var(--colors-pink-100, #fff5f7); } - .md\:focus-within\:border-gray-50:focus-within { - --tw-border-opacity: 1; - border-color: rgba(249, 250, 251, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-pink-200 { + color: var(--colors-pink-200, #fed7e2); } - .md\:focus-within\:border-gray-100:focus-within { - --tw-border-opacity: 1; - border-color: rgba(243, 244, 246, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-pink-300 { + color: var(--colors-pink-300, #fbb6ce); } - .md\:focus-within\:border-gray-200:focus-within { - --tw-border-opacity: 1; - border-color: rgba(229, 231, 235, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-pink-400 { + color: var(--colors-pink-400, #f687b3); } - .md\:focus-within\:border-gray-300:focus-within { - --tw-border-opacity: 1; - border-color: rgba(209, 213, 219, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-pink-500 { + color: var(--colors-pink-500, #ed64a6); } - .md\:focus-within\:border-gray-400:focus-within { - --tw-border-opacity: 1; - border-color: rgba(156, 163, 175, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-pink-600 { + color: var(--colors-pink-600, #d53f8c); } - .md\:focus-within\:border-gray-500:focus-within { - --tw-border-opacity: 1; - border-color: rgba(107, 114, 128, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-pink-700 { + color: var(--colors-pink-700, #b83280); } - .md\:focus-within\:border-gray-600:focus-within { - --tw-border-opacity: 1; - border-color: rgba(75, 85, 99, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-pink-800 { + color: var(--colors-pink-800, #97266d); } - .md\:focus-within\:border-gray-700:focus-within { - --tw-border-opacity: 1; - border-color: rgba(55, 65, 81, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-colors-pink-900 { + color: var(--colors-pink-900, #702459); } - .md\:focus-within\:border-gray-800:focus-within { - --tw-border-opacity: 1; - border-color: rgba(31, 41, 55, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-Box\ Shadow { + color: var(--box-shadow, #7f7e7f); } - .md\:focus-within\:border-gray-900:focus-within { - --tw-border-opacity: 1; - border-color: rgba(17, 24, 39, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-Error16 { + color: var(--error16, #f03d3e40); } - .md\:focus-within\:border-red-50:focus-within { - --tw-border-opacity: 1; - border-color: rgba(254, 242, 242, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-Success16 { + color: var(--success16, #5bb14d40); } - .md\:focus-within\:border-red-100:focus-within { - --tw-border-opacity: 1; - border-color: rgba(254, 226, 226, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-Notification16 { + color: var(--notification16, #3959ff40); } - .md\:focus-within\:border-red-200:focus-within { - --tw-border-opacity: 1; - border-color: rgba(254, 202, 202, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-Error8 { + color: var(--error8, #f03d3e1a); } - .md\:focus-within\:border-red-300:focus-within { - --tw-border-opacity: 1; - border-color: rgba(252, 165, 165, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-Notification8 { + color: var(--notification8, #3959ff1a); } - .md\:focus-within\:border-red-400:focus-within { - --tw-border-opacity: 1; - border-color: rgba(248, 113, 113, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-Success8 { + color: var(--success8, #5bb14d1a); } - .md\:focus-within\:border-red-500:focus-within { - --tw-border-opacity: 1; - border-color: rgba(239, 68, 68, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-Light\ -\ Overlay { + color: var(--light-overlay, #f0edee66); } - .md\:focus-within\:border-red-600:focus-within { - --tw-border-opacity: 1; - border-color: rgba(220, 38, 38, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-Dark-\ Overlay { + color: var(--dark-overlay, #7f7e7f66); } - .md\:focus-within\:border-red-700:focus-within { - --tw-border-opacity: 1; - border-color: rgba(185, 28, 28, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-black-40 { + color: var(--black-40, #00000066); } - .md\:focus-within\:border-red-800:focus-within { - --tw-border-opacity: 1; - border-color: rgba(153, 27, 27, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-black-75 { + color: var(--black-75, #000000bf); } - .md\:focus-within\:border-red-900:focus-within { - --tw-border-opacity: 1; - border-color: rgba(127, 29, 29, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-black-60 { + color: var(--black-60, #00000099); } - .md\:focus-within\:border-yellow-50:focus-within { - --tw-border-opacity: 1; - border-color: rgba(255, 251, 235, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-black-50 { + color: var(--black-50, #00000080); } - .md\:focus-within\:border-yellow-100:focus-within { - --tw-border-opacity: 1; - border-color: rgba(254, 243, 199, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-black-25 { + color: var(--black-25, #00000040); } - .md\:focus-within\:border-yellow-200:focus-within { - --tw-border-opacity: 1; - border-color: rgba(253, 230, 138, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-black-10 { + color: var(--black-10, #0000001a); } - .md\:focus-within\:border-yellow-300:focus-within { - --tw-border-opacity: 1; - border-color: rgba(252, 211, 77, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-white-25 { + color: var(--white-25, #ffffff40); } - .md\:focus-within\:border-yellow-400:focus-within { - --tw-border-opacity: 1; - border-color: rgba(251, 191, 36, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-white-60 { + color: var(--white-60, #ffffff99); } - .md\:focus-within\:border-yellow-500:focus-within { - --tw-border-opacity: 1; - border-color: rgba(245, 158, 11, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-black-64 { + color: var(--black-64, #000000a3); } - .md\:focus-within\:border-yellow-600:focus-within { - --tw-border-opacity: 1; - border-color: rgba(217, 119, 6, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-Shadow\ and\ Highlight-Shadow { + color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .md\:focus-within\:border-yellow-700:focus-within { - --tw-border-opacity: 1; - border-color: rgba(180, 83, 9, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-Shadow\ and\ Highlight-Highlight { + color: var(--shadow-and-highlight-highlight, #474747); } - .md\:focus-within\:border-yellow-800:focus-within { - --tw-border-opacity: 1; - border-color: rgba(146, 64, 14, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-Shadow\ and\ Highlight-highlight\ one { + color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .md\:focus-within\:border-yellow-900:focus-within { - --tw-border-opacity: 1; - border-color: rgba(120, 53, 15, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-Shadow\ and\ Highlight-highlight\ two { + color: var(--shadow-and-highlight-highlight-two, #47474799); } - .md\:focus-within\:border-green-50:focus-within { - --tw-border-opacity: 1; - border-color: rgba(236, 253, 245, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-Shadow\ and\ Highlight-highlight\ three { + color: var(--shadow-and-highlight-highlight-three, #47474766); } - .md\:focus-within\:border-green-100:focus-within { - --tw-border-opacity: 1; - border-color: rgba(209, 250, 229, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-Shadow\ and\ Highlight-highlight\ five { + color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .md\:focus-within\:border-green-200:focus-within { - --tw-border-opacity: 1; - border-color: rgba(167, 243, 208, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-Shadow\ and\ Highlight-shadow\ one { + color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .md\:focus-within\:border-green-300:focus-within { - --tw-border-opacity: 1; - border-color: rgba(110, 231, 183, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-Shadow\ and\ Highlight-shadow\ two { + color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .md\:focus-within\:border-green-400:focus-within { - --tw-border-opacity: 1; - border-color: rgba(52, 211, 153, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-Shadow\ and\ Highlight-shadow\ three { + color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .md\:focus-within\:border-green-500:focus-within { - --tw-border-opacity: 1; - border-color: rgba(16, 185, 129, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-Shadow\ and\ Highlight-shadow\ four { + color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .md\:focus-within\:border-green-600:focus-within { - --tw-border-opacity: 1; - border-color: rgba(5, 150, 105, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-Shadow\ and\ Highlight-shadow\ five { + color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .md\:focus-within\:border-green-700:focus-within { - --tw-border-opacity: 1; - border-color: rgba(4, 120, 87, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-Shadow\ and\ Highlight-highlight\ four { + color: var(--shadow-and-highlight-highlight-four, #47474740); } - .md\:focus-within\:border-green-800:focus-within { - --tw-border-opacity: 1; - border-color: rgba(6, 95, 70, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-Base\ Layer\ Styles-Base\ Layer-\ Light-White { + color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .md\:focus-within\:border-green-900:focus-within { - --tw-border-opacity: 1; - border-color: rgba(6, 78, 59, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite { + color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .md\:focus-within\:border-blue-50:focus-within { - --tw-border-opacity: 1; - border-color: rgba(239, 246, 255, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack { + color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .md\:focus-within\:border-blue-100:focus-within { - --tw-border-opacity: 1; - border-color: rgba(219, 234, 254, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-Base\ Layer\ Styles-Base\ Layer-Dark-Black { + color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .md\:focus-within\:border-blue-200:focus-within { - --tw-border-opacity: 1; - border-color: rgba(191, 219, 254, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-Grey-Scale-white { + color: var(--grey-scale-white, #ffffff); } - .md\:focus-within\:border-blue-300:focus-within { - --tw-border-opacity: 1; - border-color: rgba(147, 197, 253, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-Grey-Scale-off-white { + color: var(--grey-scale-off-white, #f0edee); } - .md\:focus-within\:border-blue-400:focus-within { - --tw-border-opacity: 1; - border-color: rgba(96, 165, 250, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-Grey\ Scale-grey { + color: var(--grey-scale-grey, #7f7e7f); } - .md\:focus-within\:border-blue-500:focus-within { - --tw-border-opacity: 1; - border-color: rgba(59, 130, 246, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-Grey\ Scale-charcoal { + color: var(--grey-scale-charcoal, #474747); } - .md\:focus-within\:border-blue-600:focus-within { - --tw-border-opacity: 1; - border-color: rgba(37, 99, 235, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-Grey\ Scale-off-black { + color: var(--grey-scale-off-black, #1c1c1c); } - .md\:focus-within\:border-blue-700:focus-within { - --tw-border-opacity: 1; - border-color: rgba(29, 78, 216, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-Grey\ Scale-black { + color: var(--grey-scale-black, #000000); } - .md\:focus-within\:border-blue-800:focus-within { - --tw-border-opacity: 1; - border-color: rgba(30, 64, 175, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-Blue-blue { + color: var(--blue-blue, #3a7ca5); } - .md\:focus-within\:border-blue-900:focus-within { - --tw-border-opacity: 1; - border-color: rgba(30, 58, 138, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-Blue-blue-100 { + color: var(--blue-blue-100, #75a3c0); } - .md\:focus-within\:border-indigo-50:focus-within { - --tw-border-opacity: 1; - border-color: rgba(238, 242, 255, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-Blue-blue-200 { + color: var(--blue-blue-200, #9cbed2); } - .md\:focus-within\:border-indigo-100:focus-within { - --tw-border-opacity: 1; - border-color: rgba(224, 231, 255, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-Blue-blue-300 { + color: var(--blue-blue-300, #4f7d9a); } - .md\:focus-within\:border-indigo-200:focus-within { - --tw-border-opacity: 1; - border-color: rgba(199, 210, 254, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-Blue-blue-400 { + color: var(--blue-blue-400, #5c7d92); } - .md\:focus-within\:border-indigo-300:focus-within { - --tw-border-opacity: 1; - border-color: rgba(165, 180, 252, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-Blue-blue-500 { + color: var(--blue-blue-500, #347095); } - .md\:focus-within\:border-indigo-400:focus-within { - --tw-border-opacity: 1; - border-color: rgba(129, 140, 248, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-Blue-blue-600 { + color: var(--blue-blue-600, #295774); } - .md\:focus-within\:border-indigo-500:focus-within { - --tw-border-opacity: 1; - border-color: rgba(99, 102, 241, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-Blue-blue-700 { + color: var(--blue-blue-700, #173242); } - .md\:focus-within\:border-indigo-600:focus-within { - --tw-border-opacity: 1; - border-color: rgba(79, 70, 229, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-LightBlue-lightblue { + color: var(--light-blue-lightblue, #81c3d7); } - .md\:focus-within\:border-indigo-700:focus-within { - --tw-border-opacity: 1; - border-color: rgba(67, 56, 202, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-LightBlue-lightblue-100 { + color: var(--light-blue-lightblue-100, #a7d5e3); } - .md\:focus-within\:border-indigo-800:focus-within { - --tw-border-opacity: 1; - border-color: rgba(55, 48, 163, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-LightBlue-lightblue-200 { + color: var(--light-blue-lightblue-200, #c0e1eb); } - .md\:focus-within\:border-indigo-900:focus-within { - --tw-border-opacity: 1; - border-color: rgba(49, 46, 129, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-LightBlue-lightblue-300 { + color: var(--light-blue-lightblue-300, #80aebd); } - .md\:focus-within\:border-purple-50:focus-within { - --tw-border-opacity: 1; - border-color: rgba(245, 243, 255, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-LightBlue-lightblue-400 { + color: var(--light-blue-lightblue-400, #80a0ab); } - .md\:focus-within\:border-purple-100:focus-within { - --tw-border-opacity: 1; - border-color: rgba(237, 233, 254, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-LightBlue-lightblue-500 { + color: var(--light-blue-lightblue-500, #74afc1); } - .md\:focus-within\:border-purple-200:focus-within { - --tw-border-opacity: 1; - border-color: rgba(221, 214, 254, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-LightBlue-lightblue-600 { + color: var(--light-blue-lightblue-600, #5a8997); } - .md\:focus-within\:border-purple-300:focus-within { - --tw-border-opacity: 1; - border-color: rgba(196, 181, 253, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-LightBlue-lightblue-650 { + color: var(--light-blue-lightblue-650, #3e5e65); } - .md\:focus-within\:border-purple-400:focus-within { - --tw-border-opacity: 1; - border-color: rgba(167, 139, 250, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-LightBlue-lightblue-700 { + color: var(--light-blue-lightblue-700, #344e56); } - .md\:focus-within\:border-purple-500:focus-within { - --tw-border-opacity: 1; - border-color: rgba(139, 92, 246, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-Orange-orange { + color: var(--orange-orange, #ff7f0e); } - .md\:focus-within\:border-purple-600:focus-within { - --tw-border-opacity: 1; - border-color: rgba(124, 58, 237, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-Orange-orange-100 { + color: var(--orange-orange-100, #ffa556); } - .md\:focus-within\:border-purple-700:focus-within { - --tw-border-opacity: 1; - border-color: rgba(109, 40, 217, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-Orange-orange-200 { + color: var(--orange-orange-200, #ffbf86); } - .md\:focus-within\:border-purple-800:focus-within { - --tw-border-opacity: 1; - border-color: rgba(91, 33, 182, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-Orange-orange-300 { + color: var(--orange-orange-300, #d97f30); } - .md\:focus-within\:border-purple-900:focus-within { - --tw-border-opacity: 1; - border-color: rgba(76, 29, 149, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-Orange-orange-400 { + color: var(--orange-orange-400, #bf7e46); } - .md\:focus-within\:border-pink-50:focus-within { - --tw-border-opacity: 1; - border-color: rgba(253, 242, 248, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-Orange-orange-500 { + color: var(--orange-orange-500, #e5720d); } - .md\:focus-within\:border-pink-100:focus-within { - --tw-border-opacity: 1; - border-color: rgba(252, 231, 243, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-Orange-orange-600 { + color: var(--orange-orange-600, #b3590a); } - .md\:focus-within\:border-pink-200:focus-within { - --tw-border-opacity: 1; - border-color: rgba(251, 207, 232, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-Orange-orange-700 { + color: var(--orange-orange-700, #663306); } - .md\:focus-within\:border-pink-300:focus-within { - --tw-border-opacity: 1; - border-color: rgba(249, 168, 212, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-Yellow-yellow { + color: var(--yellow-yellow, #ffab00); } - .md\:focus-within\:border-pink-400:focus-within { - --tw-border-opacity: 1; - border-color: rgba(244, 114, 182, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-Yellow-yellow-100 { + color: var(--yellow-yellow-100, #ffc44c); } - .md\:focus-within\:border-pink-500:focus-within { - --tw-border-opacity: 1; - border-color: rgba(236, 72, 153, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-Yellow-yellow-200 { + color: var(--yellow-yellow-200, #ffd580); } - .md\:focus-within\:border-pink-600:focus-within { - --tw-border-opacity: 1; - border-color: rgba(219, 39, 119, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-Yellow-yellow-300 { + color: var(--yellow-yellow-300, #d99d26); } - .md\:focus-within\:border-pink-700:focus-within { - --tw-border-opacity: 1; - border-color: rgba(190, 24, 93, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-Yellow-yellow-400 { + color: var(--yellow-yellow-400, #bf943f); } - .md\:focus-within\:border-pink-800:focus-within { - --tw-border-opacity: 1; - border-color: rgba(157, 23, 77, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-Yellow-yellow-500 { + color: var(--yellow-yellow-500, #e59a00); } - .md\:focus-within\:border-pink-900:focus-within { - --tw-border-opacity: 1; - border-color: rgba(131, 24, 67, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-Yellow-yellow-600 { + color: var(--yellow-yellow-600, #b37800); } - .md\:hover\:border-transparent:hover { - border-color: transparent; + .group:hover .lg\:group-hover\:text-Yellow-yellow-700 { + color: var(--yellow-yellow-700, #664400); } - .md\:hover\:border-current:hover { - border-color: currentColor; + .group:hover .lg\:group-hover\:text-Notification-notification { + color: var(--notification-notification, #3959ff); } - .md\:hover\:border-black:hover { - --tw-border-opacity: 1; - border-color: rgba(0, 0, 0, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-Notification-notification-100 { + color: var(--notification-notification-100, #748bff); } - .md\:hover\:border-white:hover { - --tw-border-opacity: 1; - border-color: rgba(255, 255, 255, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-Notification-notification-200 { + color: var(--notification-notification-200, #9cacff); } - .md\:hover\:border-gray-50:hover { - --tw-border-opacity: 1; - border-color: rgba(249, 250, 251, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-Notification-notification-300 { + color: var(--notification-notification-300, #4e64d9); } - .md\:hover\:border-gray-100:hover { - --tw-border-opacity: 1; - border-color: rgba(243, 244, 246, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-Notification-notification-400 { + color: var(--notification-notification-400, #5c6cbf); } - .md\:hover\:border-gray-200:hover { - --tw-border-opacity: 1; - border-color: rgba(229, 231, 235, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-Notification-notification-500 { + color: var(--notification-notification-500, #3350e5); } - .md\:hover\:border-gray-300:hover { - --tw-border-opacity: 1; - border-color: rgba(209, 213, 219, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-Notification-notification-600 { + color: var(--notification-notification-600, #283eb3); } - .md\:hover\:border-gray-400:hover { - --tw-border-opacity: 1; - border-color: rgba(156, 163, 175, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-Notification-notification-700 { + color: var(--notification-notification-700, #172466); } - .md\:hover\:border-gray-500:hover { - --tw-border-opacity: 1; - border-color: rgba(107, 114, 128, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-Success-success\ -700 { + color: var(--success-success-700, #24471f); } - .md\:hover\:border-gray-600:hover { - --tw-border-opacity: 1; - border-color: rgba(75, 85, 99, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-Success-success { + color: var(--success-success, #5bb14d); } - .md\:hover\:border-gray-700:hover { - --tw-border-opacity: 1; - border-color: rgba(55, 65, 81, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-Success-success\ -100 { + color: var(--success-success-100, #8cc882); } - .md\:hover\:border-gray-800:hover { - --tw-border-opacity: 1; - border-color: rgba(31, 41, 55, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-Success-success\ -200 { + color: var(--success-success-200, #add8a6); } - .md\:hover\:border-gray-900:hover { - --tw-border-opacity: 1; - border-color: rgba(17, 24, 39, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-Success-success\ -300 { + color: var(--success-success-300, #66a25c); } - .md\:hover\:border-red-50:hover { - --tw-border-opacity: 1; - border-color: rgba(254, 242, 242, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-Success-success\ -400 { + color: var(--success-success-400, #6d9766); } - .md\:hover\:border-red-100:hover { - --tw-border-opacity: 1; - border-color: rgba(254, 226, 226, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-Success-success\ -500 { + color: var(--success-success-500, #529f45); } - .md\:hover\:border-red-200:hover { - --tw-border-opacity: 1; - border-color: rgba(254, 202, 202, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-Success-success\ -600 { + color: var(--success-success-600, #407c36); } - .md\:hover\:border-red-300:hover { - --tw-border-opacity: 1; - border-color: rgba(252, 165, 165, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-Error-error { + color: var(--error-error, #f03d3e); } - .md\:hover\:border-red-400:hover { - --tw-border-opacity: 1; - border-color: rgba(248, 113, 113, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-Error-error-100 { + color: var(--error-error-100, #f57778); } - .md\:hover\:border-red-500:hover { - --tw-border-opacity: 1; - border-color: rgba(239, 68, 68, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-Error-error-200 { + color: var(--error-error-200, #f89e9e); } - .md\:hover\:border-red-600:hover { - --tw-border-opacity: 1; - border-color: rgba(220, 38, 38, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-Error-error-250 { + color: var(--error-error-250, #f9c8c8); } - .md\:hover\:border-red-700:hover { - --tw-border-opacity: 1; - border-color: rgba(185, 28, 28, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-Error-error-300 { + color: var(--error-error-300, #ce5151); } - .md\:hover\:border-red-800:hover { - --tw-border-opacity: 1; - border-color: rgba(153, 27, 27, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-Error-error-400 { + color: var(--error-error-400, #b85e5e); } - .md\:hover\:border-red-900:hover { - --tw-border-opacity: 1; - border-color: rgba(127, 29, 29, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-Error-error-500 { + color: var(--error-error-500, #d83738); } - .md\:hover\:border-yellow-50:hover { - --tw-border-opacity: 1; - border-color: rgba(255, 251, 235, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-Error-error-600 { + color: var(--error-error-600, #a82b2b); } - .md\:hover\:border-yellow-100:hover { - --tw-border-opacity: 1; - border-color: rgba(254, 243, 199, var(--tw-border-opacity)); + .group:hover .lg\:group-hover\:text-Error-error-700 { + color: var(--error-error-700, #601819); } - .md\:hover\:border-yellow-200:hover { - --tw-border-opacity: 1; - border-color: rgba(253, 230, 138, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-black:focus-within { + color: var(--colors-black, #000000); } - .md\:hover\:border-yellow-300:hover { - --tw-border-opacity: 1; - border-color: rgba(252, 211, 77, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-white:focus-within { + color: var(--colors-white, #ffffff); } - .md\:hover\:border-yellow-400:hover { - --tw-border-opacity: 1; - border-color: rgba(251, 191, 36, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-gray-100:focus-within { + color: var(--colors-gray-100, #f7fafc); } - .md\:hover\:border-yellow-500:hover { - --tw-border-opacity: 1; - border-color: rgba(245, 158, 11, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-gray-200:focus-within { + color: var(--colors-gray-200, #edf2f7); } - .md\:hover\:border-yellow-600:hover { - --tw-border-opacity: 1; - border-color: rgba(217, 119, 6, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-gray-300:focus-within { + color: var(--colors-gray-300, #e2e8f0); } - .md\:hover\:border-yellow-700:hover { - --tw-border-opacity: 1; - border-color: rgba(180, 83, 9, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-gray-400:focus-within { + color: var(--colors-gray-400, #cbd5e0); } - .md\:hover\:border-yellow-800:hover { - --tw-border-opacity: 1; - border-color: rgba(146, 64, 14, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-gray-500:focus-within { + color: var(--colors-gray-500, #a0aec0); } - .md\:hover\:border-yellow-900:hover { - --tw-border-opacity: 1; - border-color: rgba(120, 53, 15, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-gray-600:focus-within { + color: var(--colors-gray-600, #718096); } - .md\:hover\:border-green-50:hover { - --tw-border-opacity: 1; - border-color: rgba(236, 253, 245, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-gray-700:focus-within { + color: var(--colors-gray-700, #4a5568); } - .md\:hover\:border-green-100:hover { - --tw-border-opacity: 1; - border-color: rgba(209, 250, 229, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-gray-800:focus-within { + color: var(--colors-gray-800, #2d3748); } - .md\:hover\:border-green-200:hover { - --tw-border-opacity: 1; - border-color: rgba(167, 243, 208, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-gray-900:focus-within { + color: var(--colors-gray-900, #1a202c); } - .md\:hover\:border-green-300:hover { - --tw-border-opacity: 1; - border-color: rgba(110, 231, 183, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-red-100:focus-within { + color: var(--colors-red-100, #fff5f5); } - .md\:hover\:border-green-400:hover { - --tw-border-opacity: 1; - border-color: rgba(52, 211, 153, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-red-200:focus-within { + color: var(--colors-red-200, #fed7d7); } - .md\:hover\:border-green-500:hover { - --tw-border-opacity: 1; - border-color: rgba(16, 185, 129, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-red-300:focus-within { + color: var(--colors-red-300, #feb2b2); } - .md\:hover\:border-green-600:hover { - --tw-border-opacity: 1; - border-color: rgba(5, 150, 105, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-red-400:focus-within { + color: var(--colors-red-400, #fc8181); } - .md\:hover\:border-green-700:hover { - --tw-border-opacity: 1; - border-color: rgba(4, 120, 87, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-red-500:focus-within { + color: var(--colors-red-500, #f56565); } - .md\:hover\:border-green-800:hover { - --tw-border-opacity: 1; - border-color: rgba(6, 95, 70, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-red-600:focus-within { + color: var(--colors-red-600, #e53e3e); } - .md\:hover\:border-green-900:hover { - --tw-border-opacity: 1; - border-color: rgba(6, 78, 59, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-red-700:focus-within { + color: var(--colors-red-700, #c53030); } - .md\:hover\:border-blue-50:hover { - --tw-border-opacity: 1; - border-color: rgba(239, 246, 255, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-red-800:focus-within { + color: var(--colors-red-800, #9b2c2c); } - .md\:hover\:border-blue-100:hover { - --tw-border-opacity: 1; - border-color: rgba(219, 234, 254, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-red-900:focus-within { + color: var(--colors-red-900, #742a2a); } - .md\:hover\:border-blue-200:hover { - --tw-border-opacity: 1; - border-color: rgba(191, 219, 254, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-orange-100:focus-within { + color: var(--colors-orange-100, #fffaf0); } - .md\:hover\:border-blue-300:hover { - --tw-border-opacity: 1; - border-color: rgba(147, 197, 253, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-orange-200:focus-within { + color: var(--colors-orange-200, #feebc8); } - .md\:hover\:border-blue-400:hover { - --tw-border-opacity: 1; - border-color: rgba(96, 165, 250, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-orange-300:focus-within { + color: var(--colors-orange-300, #fbd38d); } - .md\:hover\:border-blue-500:hover { - --tw-border-opacity: 1; - border-color: rgba(59, 130, 246, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-orange-400:focus-within { + color: var(--colors-orange-400, #f6ad55); } - .md\:hover\:border-blue-600:hover { - --tw-border-opacity: 1; - border-color: rgba(37, 99, 235, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-orange-500:focus-within { + color: var(--colors-orange-500, #ed8936); } - .md\:hover\:border-blue-700:hover { - --tw-border-opacity: 1; - border-color: rgba(29, 78, 216, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-orange-600:focus-within { + color: var(--colors-orange-600, #dd6b20); } - .md\:hover\:border-blue-800:hover { - --tw-border-opacity: 1; - border-color: rgba(30, 64, 175, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-orange-700:focus-within { + color: var(--colors-orange-700, #c05621); } - .md\:hover\:border-blue-900:hover { - --tw-border-opacity: 1; - border-color: rgba(30, 58, 138, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-orange-800:focus-within { + color: var(--colors-orange-800, #9c4221); } - .md\:hover\:border-indigo-50:hover { - --tw-border-opacity: 1; - border-color: rgba(238, 242, 255, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-orange-900:focus-within { + color: var(--colors-orange-900, #7b341e); } - .md\:hover\:border-indigo-100:hover { - --tw-border-opacity: 1; - border-color: rgba(224, 231, 255, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-yellow-100:focus-within { + color: var(--colors-yellow-100, #fffff0); } - .md\:hover\:border-indigo-200:hover { - --tw-border-opacity: 1; - border-color: rgba(199, 210, 254, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-yellow-200:focus-within { + color: var(--colors-yellow-200, #fefcbf); } - .md\:hover\:border-indigo-300:hover { - --tw-border-opacity: 1; - border-color: rgba(165, 180, 252, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-yellow-300:focus-within { + color: var(--colors-yellow-300, #faf089); } - .md\:hover\:border-indigo-400:hover { - --tw-border-opacity: 1; - border-color: rgba(129, 140, 248, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-yellow-400:focus-within { + color: var(--colors-yellow-400, #f6e05e); } - .md\:hover\:border-indigo-500:hover { - --tw-border-opacity: 1; - border-color: rgba(99, 102, 241, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-yellow-500:focus-within { + color: var(--colors-yellow-500, #ecc94b); } - .md\:hover\:border-indigo-600:hover { - --tw-border-opacity: 1; - border-color: rgba(79, 70, 229, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-yellow-600:focus-within { + color: var(--colors-yellow-600, #d69e2e); } - .md\:hover\:border-indigo-700:hover { - --tw-border-opacity: 1; - border-color: rgba(67, 56, 202, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-yellow-700:focus-within { + color: var(--colors-yellow-700, #b7791f); } - .md\:hover\:border-indigo-800:hover { - --tw-border-opacity: 1; - border-color: rgba(55, 48, 163, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-yellow-800:focus-within { + color: var(--colors-yellow-800, #975a16); } - .md\:hover\:border-indigo-900:hover { - --tw-border-opacity: 1; - border-color: rgba(49, 46, 129, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-yellow-900:focus-within { + color: var(--colors-yellow-900, #744210); } - .md\:hover\:border-purple-50:hover { - --tw-border-opacity: 1; - border-color: rgba(245, 243, 255, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-green-100:focus-within { + color: var(--colors-green-100, #f0fff4); } - .md\:hover\:border-purple-100:hover { - --tw-border-opacity: 1; - border-color: rgba(237, 233, 254, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-green-200:focus-within { + color: var(--colors-green-200, #c6f6d5); } - .md\:hover\:border-purple-200:hover { - --tw-border-opacity: 1; - border-color: rgba(221, 214, 254, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-green-300:focus-within { + color: var(--colors-green-300, #9ae6b4); } - .md\:hover\:border-purple-300:hover { - --tw-border-opacity: 1; - border-color: rgba(196, 181, 253, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-green-400:focus-within { + color: var(--colors-green-400, #68d391); } - .md\:hover\:border-purple-400:hover { - --tw-border-opacity: 1; - border-color: rgba(167, 139, 250, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-green-500:focus-within { + color: var(--colors-green-500, #48bb78); } - .md\:hover\:border-purple-500:hover { - --tw-border-opacity: 1; - border-color: rgba(139, 92, 246, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-green-600:focus-within { + color: var(--colors-green-600, #38a169); } - .md\:hover\:border-purple-600:hover { - --tw-border-opacity: 1; - border-color: rgba(124, 58, 237, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-green-700:focus-within { + color: var(--colors-green-700, #2f855a); } - .md\:hover\:border-purple-700:hover { - --tw-border-opacity: 1; - border-color: rgba(109, 40, 217, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-green-800:focus-within { + color: var(--colors-green-800, #276749); } - .md\:hover\:border-purple-800:hover { - --tw-border-opacity: 1; - border-color: rgba(91, 33, 182, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-green-900:focus-within { + color: var(--colors-green-900, #22543d); } - .md\:hover\:border-purple-900:hover { - --tw-border-opacity: 1; - border-color: rgba(76, 29, 149, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-teal-100:focus-within { + color: var(--colors-teal-100, #e6fffa); } - .md\:hover\:border-pink-50:hover { - --tw-border-opacity: 1; - border-color: rgba(253, 242, 248, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-teal-200:focus-within { + color: var(--colors-teal-200, #b2f5ea); } - .md\:hover\:border-pink-100:hover { - --tw-border-opacity: 1; - border-color: rgba(252, 231, 243, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-teal-300:focus-within { + color: var(--colors-teal-300, #81e6d9); } - .md\:hover\:border-pink-200:hover { - --tw-border-opacity: 1; - border-color: rgba(251, 207, 232, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-teal-400:focus-within { + color: var(--colors-teal-400, #4fd1c5); } - .md\:hover\:border-pink-300:hover { - --tw-border-opacity: 1; - border-color: rgba(249, 168, 212, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-teal-500:focus-within { + color: var(--colors-teal-500, #38b2ac); } - .md\:hover\:border-pink-400:hover { - --tw-border-opacity: 1; - border-color: rgba(244, 114, 182, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-teal-600:focus-within { + color: var(--colors-teal-600, #319795); } - .md\:hover\:border-pink-500:hover { - --tw-border-opacity: 1; - border-color: rgba(236, 72, 153, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-teal-700:focus-within { + color: var(--colors-teal-700, #2c7a7b); } - .md\:hover\:border-pink-600:hover { - --tw-border-opacity: 1; - border-color: rgba(219, 39, 119, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-teal-800:focus-within { + color: var(--colors-teal-800, #285e61); } - .md\:hover\:border-pink-700:hover { - --tw-border-opacity: 1; - border-color: rgba(190, 24, 93, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-teal-900:focus-within { + color: var(--colors-teal-900, #234e52); } - .md\:hover\:border-pink-800:hover { - --tw-border-opacity: 1; - border-color: rgba(157, 23, 77, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-blue-100:focus-within { + color: var(--colors-blue-100, #ebf8ff); } - .md\:hover\:border-pink-900:hover { - --tw-border-opacity: 1; - border-color: rgba(131, 24, 67, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-blue-200:focus-within { + color: var(--colors-blue-200, #bee3f8); } - .md\:focus\:border-transparent:focus { - border-color: transparent; + .lg\:focus-within\:text-colors-blue-300:focus-within { + color: var(--colors-blue-300, #90cdf4); } - .md\:focus\:border-current:focus { - border-color: currentColor; + .lg\:focus-within\:text-colors-blue-400:focus-within { + color: var(--colors-blue-400, #63b3ed); } - .md\:focus\:border-black:focus { - --tw-border-opacity: 1; - border-color: rgba(0, 0, 0, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-blue-500:focus-within { + color: var(--colors-blue-500, #4299e1); } - .md\:focus\:border-white:focus { - --tw-border-opacity: 1; - border-color: rgba(255, 255, 255, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-blue-600:focus-within { + color: var(--colors-blue-600, #3182ce); } - .md\:focus\:border-gray-50:focus { - --tw-border-opacity: 1; - border-color: rgba(249, 250, 251, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-blue-700:focus-within { + color: var(--colors-blue-700, #2b6cb0); } - .md\:focus\:border-gray-100:focus { - --tw-border-opacity: 1; - border-color: rgba(243, 244, 246, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-blue-800:focus-within { + color: var(--colors-blue-800, #2c5282); } - .md\:focus\:border-gray-200:focus { - --tw-border-opacity: 1; - border-color: rgba(229, 231, 235, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-blue-900:focus-within { + color: var(--colors-blue-900, #2a4365); } - .md\:focus\:border-gray-300:focus { - --tw-border-opacity: 1; - border-color: rgba(209, 213, 219, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-indigo-100:focus-within { + color: var(--colors-indigo-100, #ebf4ff); } - .md\:focus\:border-gray-400:focus { - --tw-border-opacity: 1; - border-color: rgba(156, 163, 175, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-indigo-200:focus-within { + color: var(--colors-indigo-200, #c3dafe); } - .md\:focus\:border-gray-500:focus { - --tw-border-opacity: 1; - border-color: rgba(107, 114, 128, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-indigo-300:focus-within { + color: var(--colors-indigo-300, #a3bffa); } - .md\:focus\:border-gray-600:focus { - --tw-border-opacity: 1; - border-color: rgba(75, 85, 99, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-indigo-400:focus-within { + color: var(--colors-indigo-400, #7f9cf5); } - .md\:focus\:border-gray-700:focus { - --tw-border-opacity: 1; - border-color: rgba(55, 65, 81, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-indigo-500:focus-within { + color: var(--colors-indigo-500, #667eea); } - .md\:focus\:border-gray-800:focus { - --tw-border-opacity: 1; - border-color: rgba(31, 41, 55, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-indigo-600:focus-within { + color: var(--colors-indigo-600, #5a67d8); } - .md\:focus\:border-gray-900:focus { - --tw-border-opacity: 1; - border-color: rgba(17, 24, 39, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-indigo-700:focus-within { + color: var(--colors-indigo-700, #4c51bf); } - .md\:focus\:border-red-50:focus { - --tw-border-opacity: 1; - border-color: rgba(254, 242, 242, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-indigo-800:focus-within { + color: var(--colors-indigo-800, #434190); } - .md\:focus\:border-red-100:focus { - --tw-border-opacity: 1; - border-color: rgba(254, 226, 226, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-indigo-900:focus-within { + color: var(--colors-indigo-900, #3c366b); } - .md\:focus\:border-red-200:focus { - --tw-border-opacity: 1; - border-color: rgba(254, 202, 202, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-purple-100:focus-within { + color: var(--colors-purple-100, #faf5ff); } - .md\:focus\:border-red-300:focus { - --tw-border-opacity: 1; - border-color: rgba(252, 165, 165, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-purple-200:focus-within { + color: var(--colors-purple-200, #e9d8fd); } - .md\:focus\:border-red-400:focus { - --tw-border-opacity: 1; - border-color: rgba(248, 113, 113, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-purple-300:focus-within { + color: var(--colors-purple-300, #d6bcfa); } - .md\:focus\:border-red-500:focus { - --tw-border-opacity: 1; - border-color: rgba(239, 68, 68, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-purple-400:focus-within { + color: var(--colors-purple-400, #b794f4); } - .md\:focus\:border-red-600:focus { - --tw-border-opacity: 1; - border-color: rgba(220, 38, 38, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-purple-500:focus-within { + color: var(--colors-purple-500, #9f7aea); } - .md\:focus\:border-red-700:focus { - --tw-border-opacity: 1; - border-color: rgba(185, 28, 28, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-purple-600:focus-within { + color: var(--colors-purple-600, #805ad5); } - .md\:focus\:border-red-800:focus { - --tw-border-opacity: 1; - border-color: rgba(153, 27, 27, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-purple-700:focus-within { + color: var(--colors-purple-700, #6b46c1); } - .md\:focus\:border-red-900:focus { - --tw-border-opacity: 1; - border-color: rgba(127, 29, 29, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-purple-800:focus-within { + color: var(--colors-purple-800, #553c9a); } - .md\:focus\:border-yellow-50:focus { - --tw-border-opacity: 1; - border-color: rgba(255, 251, 235, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-purple-900:focus-within { + color: var(--colors-purple-900, #44337a); } - .md\:focus\:border-yellow-100:focus { - --tw-border-opacity: 1; - border-color: rgba(254, 243, 199, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-pink-100:focus-within { + color: var(--colors-pink-100, #fff5f7); } - .md\:focus\:border-yellow-200:focus { - --tw-border-opacity: 1; - border-color: rgba(253, 230, 138, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-pink-200:focus-within { + color: var(--colors-pink-200, #fed7e2); } - .md\:focus\:border-yellow-300:focus { - --tw-border-opacity: 1; - border-color: rgba(252, 211, 77, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-pink-300:focus-within { + color: var(--colors-pink-300, #fbb6ce); } - .md\:focus\:border-yellow-400:focus { - --tw-border-opacity: 1; - border-color: rgba(251, 191, 36, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-pink-400:focus-within { + color: var(--colors-pink-400, #f687b3); } - .md\:focus\:border-yellow-500:focus { - --tw-border-opacity: 1; - border-color: rgba(245, 158, 11, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-pink-500:focus-within { + color: var(--colors-pink-500, #ed64a6); } - .md\:focus\:border-yellow-600:focus { - --tw-border-opacity: 1; - border-color: rgba(217, 119, 6, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-pink-600:focus-within { + color: var(--colors-pink-600, #d53f8c); } - .md\:focus\:border-yellow-700:focus { - --tw-border-opacity: 1; - border-color: rgba(180, 83, 9, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-pink-700:focus-within { + color: var(--colors-pink-700, #b83280); } - .md\:focus\:border-yellow-800:focus { - --tw-border-opacity: 1; - border-color: rgba(146, 64, 14, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-pink-800:focus-within { + color: var(--colors-pink-800, #97266d); } - .md\:focus\:border-yellow-900:focus { - --tw-border-opacity: 1; - border-color: rgba(120, 53, 15, var(--tw-border-opacity)); + .lg\:focus-within\:text-colors-pink-900:focus-within { + color: var(--colors-pink-900, #702459); } - .md\:focus\:border-green-50:focus { - --tw-border-opacity: 1; - border-color: rgba(236, 253, 245, var(--tw-border-opacity)); + .lg\:focus-within\:text-Box\ Shadow:focus-within { + color: var(--box-shadow, #7f7e7f); } - .md\:focus\:border-green-100:focus { - --tw-border-opacity: 1; - border-color: rgba(209, 250, 229, var(--tw-border-opacity)); + .lg\:focus-within\:text-Error16:focus-within { + color: var(--error16, #f03d3e40); } - .md\:focus\:border-green-200:focus { - --tw-border-opacity: 1; - border-color: rgba(167, 243, 208, var(--tw-border-opacity)); + .lg\:focus-within\:text-Success16:focus-within { + color: var(--success16, #5bb14d40); } - .md\:focus\:border-green-300:focus { - --tw-border-opacity: 1; - border-color: rgba(110, 231, 183, var(--tw-border-opacity)); + .lg\:focus-within\:text-Notification16:focus-within { + color: var(--notification16, #3959ff40); } - .md\:focus\:border-green-400:focus { - --tw-border-opacity: 1; - border-color: rgba(52, 211, 153, var(--tw-border-opacity)); + .lg\:focus-within\:text-Error8:focus-within { + color: var(--error8, #f03d3e1a); } - .md\:focus\:border-green-500:focus { - --tw-border-opacity: 1; - border-color: rgba(16, 185, 129, var(--tw-border-opacity)); + .lg\:focus-within\:text-Notification8:focus-within { + color: var(--notification8, #3959ff1a); } - .md\:focus\:border-green-600:focus { - --tw-border-opacity: 1; - border-color: rgba(5, 150, 105, var(--tw-border-opacity)); + .lg\:focus-within\:text-Success8:focus-within { + color: var(--success8, #5bb14d1a); } - .md\:focus\:border-green-700:focus { - --tw-border-opacity: 1; - border-color: rgba(4, 120, 87, var(--tw-border-opacity)); + .lg\:focus-within\:text-Light\ -\ Overlay:focus-within { + color: var(--light-overlay, #f0edee66); } - .md\:focus\:border-green-800:focus { - --tw-border-opacity: 1; - border-color: rgba(6, 95, 70, var(--tw-border-opacity)); + .lg\:focus-within\:text-Dark-\ Overlay:focus-within { + color: var(--dark-overlay, #7f7e7f66); } - .md\:focus\:border-green-900:focus { - --tw-border-opacity: 1; - border-color: rgba(6, 78, 59, var(--tw-border-opacity)); + .lg\:focus-within\:text-black-40:focus-within { + color: var(--black-40, #00000066); } - .md\:focus\:border-blue-50:focus { - --tw-border-opacity: 1; - border-color: rgba(239, 246, 255, var(--tw-border-opacity)); + .lg\:focus-within\:text-black-75:focus-within { + color: var(--black-75, #000000bf); } - .md\:focus\:border-blue-100:focus { - --tw-border-opacity: 1; - border-color: rgba(219, 234, 254, var(--tw-border-opacity)); + .lg\:focus-within\:text-black-60:focus-within { + color: var(--black-60, #00000099); } - .md\:focus\:border-blue-200:focus { - --tw-border-opacity: 1; - border-color: rgba(191, 219, 254, var(--tw-border-opacity)); + .lg\:focus-within\:text-black-50:focus-within { + color: var(--black-50, #00000080); } - .md\:focus\:border-blue-300:focus { - --tw-border-opacity: 1; - border-color: rgba(147, 197, 253, var(--tw-border-opacity)); + .lg\:focus-within\:text-black-25:focus-within { + color: var(--black-25, #00000040); } - .md\:focus\:border-blue-400:focus { - --tw-border-opacity: 1; - border-color: rgba(96, 165, 250, var(--tw-border-opacity)); + .lg\:focus-within\:text-black-10:focus-within { + color: var(--black-10, #0000001a); } - .md\:focus\:border-blue-500:focus { - --tw-border-opacity: 1; - border-color: rgba(59, 130, 246, var(--tw-border-opacity)); + .lg\:focus-within\:text-white-25:focus-within { + color: var(--white-25, #ffffff40); } - .md\:focus\:border-blue-600:focus { - --tw-border-opacity: 1; - border-color: rgba(37, 99, 235, var(--tw-border-opacity)); + .lg\:focus-within\:text-white-60:focus-within { + color: var(--white-60, #ffffff99); } - .md\:focus\:border-blue-700:focus { - --tw-border-opacity: 1; - border-color: rgba(29, 78, 216, var(--tw-border-opacity)); + .lg\:focus-within\:text-black-64:focus-within { + color: var(--black-64, #000000a3); } - .md\:focus\:border-blue-800:focus { - --tw-border-opacity: 1; - border-color: rgba(30, 64, 175, var(--tw-border-opacity)); + .lg\:focus-within\:text-Shadow\ and\ Highlight-Shadow:focus-within { + color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .md\:focus\:border-blue-900:focus { - --tw-border-opacity: 1; - border-color: rgba(30, 58, 138, var(--tw-border-opacity)); + .lg\:focus-within\:text-Shadow\ and\ Highlight-Highlight:focus-within { + color: var(--shadow-and-highlight-highlight, #474747); } - .md\:focus\:border-indigo-50:focus { - --tw-border-opacity: 1; - border-color: rgba(238, 242, 255, var(--tw-border-opacity)); + .lg\:focus-within\:text-Shadow\ and\ Highlight-highlight\ one:focus-within { + color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .md\:focus\:border-indigo-100:focus { - --tw-border-opacity: 1; - border-color: rgba(224, 231, 255, var(--tw-border-opacity)); + .lg\:focus-within\:text-Shadow\ and\ Highlight-highlight\ two:focus-within { + color: var(--shadow-and-highlight-highlight-two, #47474799); } - .md\:focus\:border-indigo-200:focus { - --tw-border-opacity: 1; - border-color: rgba(199, 210, 254, var(--tw-border-opacity)); + .lg\:focus-within\:text-Shadow\ and\ Highlight-highlight\ three:focus-within { + color: var(--shadow-and-highlight-highlight-three, #47474766); } - .md\:focus\:border-indigo-300:focus { - --tw-border-opacity: 1; - border-color: rgba(165, 180, 252, var(--tw-border-opacity)); + .lg\:focus-within\:text-Shadow\ and\ Highlight-highlight\ five:focus-within { + color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .md\:focus\:border-indigo-400:focus { - --tw-border-opacity: 1; - border-color: rgba(129, 140, 248, var(--tw-border-opacity)); + .lg\:focus-within\:text-Shadow\ and\ Highlight-shadow\ one:focus-within { + color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .md\:focus\:border-indigo-500:focus { - --tw-border-opacity: 1; - border-color: rgba(99, 102, 241, var(--tw-border-opacity)); + .lg\:focus-within\:text-Shadow\ and\ Highlight-shadow\ two:focus-within { + color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .md\:focus\:border-indigo-600:focus { - --tw-border-opacity: 1; - border-color: rgba(79, 70, 229, var(--tw-border-opacity)); + .lg\:focus-within\:text-Shadow\ and\ Highlight-shadow\ three:focus-within { + color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .md\:focus\:border-indigo-700:focus { - --tw-border-opacity: 1; - border-color: rgba(67, 56, 202, var(--tw-border-opacity)); + .lg\:focus-within\:text-Shadow\ and\ Highlight-shadow\ four:focus-within { + color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .md\:focus\:border-indigo-800:focus { - --tw-border-opacity: 1; - border-color: rgba(55, 48, 163, var(--tw-border-opacity)); + .lg\:focus-within\:text-Shadow\ and\ Highlight-shadow\ five:focus-within { + color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .md\:focus\:border-indigo-900:focus { - --tw-border-opacity: 1; - border-color: rgba(49, 46, 129, var(--tw-border-opacity)); + .lg\:focus-within\:text-Shadow\ and\ Highlight-highlight\ four:focus-within { + color: var(--shadow-and-highlight-highlight-four, #47474740); } - .md\:focus\:border-purple-50:focus { - --tw-border-opacity: 1; - border-color: rgba(245, 243, 255, var(--tw-border-opacity)); + .lg\:focus-within\:text-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus-within { + color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .md\:focus\:border-purple-100:focus { - --tw-border-opacity: 1; - border-color: rgba(237, 233, 254, var(--tw-border-opacity)); + .lg\:focus-within\:text-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus-within { + color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .md\:focus\:border-purple-200:focus { - --tw-border-opacity: 1; - border-color: rgba(221, 214, 254, var(--tw-border-opacity)); + .lg\:focus-within\:text-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus-within { + color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .md\:focus\:border-purple-300:focus { - --tw-border-opacity: 1; - border-color: rgba(196, 181, 253, var(--tw-border-opacity)); + .lg\:focus-within\:text-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus-within { + color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .md\:focus\:border-purple-400:focus { - --tw-border-opacity: 1; - border-color: rgba(167, 139, 250, var(--tw-border-opacity)); + .lg\:focus-within\:text-Grey-Scale-white:focus-within { + color: var(--grey-scale-white, #ffffff); } - .md\:focus\:border-purple-500:focus { - --tw-border-opacity: 1; - border-color: rgba(139, 92, 246, var(--tw-border-opacity)); + .lg\:focus-within\:text-Grey-Scale-off-white:focus-within { + color: var(--grey-scale-off-white, #f0edee); } - .md\:focus\:border-purple-600:focus { - --tw-border-opacity: 1; - border-color: rgba(124, 58, 237, var(--tw-border-opacity)); + .lg\:focus-within\:text-Grey\ Scale-grey:focus-within { + color: var(--grey-scale-grey, #7f7e7f); } - .md\:focus\:border-purple-700:focus { - --tw-border-opacity: 1; - border-color: rgba(109, 40, 217, var(--tw-border-opacity)); + .lg\:focus-within\:text-Grey\ Scale-charcoal:focus-within { + color: var(--grey-scale-charcoal, #474747); } - .md\:focus\:border-purple-800:focus { - --tw-border-opacity: 1; - border-color: rgba(91, 33, 182, var(--tw-border-opacity)); + .lg\:focus-within\:text-Grey\ Scale-off-black:focus-within { + color: var(--grey-scale-off-black, #1c1c1c); } - .md\:focus\:border-purple-900:focus { - --tw-border-opacity: 1; - border-color: rgba(76, 29, 149, var(--tw-border-opacity)); + .lg\:focus-within\:text-Grey\ Scale-black:focus-within { + color: var(--grey-scale-black, #000000); } - .md\:focus\:border-pink-50:focus { - --tw-border-opacity: 1; - border-color: rgba(253, 242, 248, var(--tw-border-opacity)); + .lg\:focus-within\:text-Blue-blue:focus-within { + color: var(--blue-blue, #3a7ca5); } - .md\:focus\:border-pink-100:focus { - --tw-border-opacity: 1; - border-color: rgba(252, 231, 243, var(--tw-border-opacity)); + .lg\:focus-within\:text-Blue-blue-100:focus-within { + color: var(--blue-blue-100, #75a3c0); } - .md\:focus\:border-pink-200:focus { - --tw-border-opacity: 1; - border-color: rgba(251, 207, 232, var(--tw-border-opacity)); + .lg\:focus-within\:text-Blue-blue-200:focus-within { + color: var(--blue-blue-200, #9cbed2); } - .md\:focus\:border-pink-300:focus { - --tw-border-opacity: 1; - border-color: rgba(249, 168, 212, var(--tw-border-opacity)); + .lg\:focus-within\:text-Blue-blue-300:focus-within { + color: var(--blue-blue-300, #4f7d9a); } - .md\:focus\:border-pink-400:focus { - --tw-border-opacity: 1; - border-color: rgba(244, 114, 182, var(--tw-border-opacity)); + .lg\:focus-within\:text-Blue-blue-400:focus-within { + color: var(--blue-blue-400, #5c7d92); } - .md\:focus\:border-pink-500:focus { - --tw-border-opacity: 1; - border-color: rgba(236, 72, 153, var(--tw-border-opacity)); + .lg\:focus-within\:text-Blue-blue-500:focus-within { + color: var(--blue-blue-500, #347095); } - .md\:focus\:border-pink-600:focus { - --tw-border-opacity: 1; - border-color: rgba(219, 39, 119, var(--tw-border-opacity)); + .lg\:focus-within\:text-Blue-blue-600:focus-within { + color: var(--blue-blue-600, #295774); } - .md\:focus\:border-pink-700:focus { - --tw-border-opacity: 1; - border-color: rgba(190, 24, 93, var(--tw-border-opacity)); + .lg\:focus-within\:text-Blue-blue-700:focus-within { + color: var(--blue-blue-700, #173242); } - .md\:focus\:border-pink-800:focus { - --tw-border-opacity: 1; - border-color: rgba(157, 23, 77, var(--tw-border-opacity)); + .lg\:focus-within\:text-LightBlue-lightblue:focus-within { + color: var(--light-blue-lightblue, #81c3d7); } - .md\:focus\:border-pink-900:focus { - --tw-border-opacity: 1; - border-color: rgba(131, 24, 67, var(--tw-border-opacity)); + .lg\:focus-within\:text-LightBlue-lightblue-100:focus-within { + color: var(--light-blue-lightblue-100, #a7d5e3); } - .md\:border-opacity-0 { - --tw-border-opacity: 0; + .lg\:focus-within\:text-LightBlue-lightblue-200:focus-within { + color: var(--light-blue-lightblue-200, #c0e1eb); } - .md\:border-opacity-5 { - --tw-border-opacity: 0.05; + .lg\:focus-within\:text-LightBlue-lightblue-300:focus-within { + color: var(--light-blue-lightblue-300, #80aebd); } - .md\:border-opacity-10 { - --tw-border-opacity: 0.1; + .lg\:focus-within\:text-LightBlue-lightblue-400:focus-within { + color: var(--light-blue-lightblue-400, #80a0ab); } - .md\:border-opacity-20 { - --tw-border-opacity: 0.2; + .lg\:focus-within\:text-LightBlue-lightblue-500:focus-within { + color: var(--light-blue-lightblue-500, #74afc1); } - .md\:border-opacity-25 { - --tw-border-opacity: 0.25; + .lg\:focus-within\:text-LightBlue-lightblue-600:focus-within { + color: var(--light-blue-lightblue-600, #5a8997); } - .md\:border-opacity-30 { - --tw-border-opacity: 0.3; + .lg\:focus-within\:text-LightBlue-lightblue-650:focus-within { + color: var(--light-blue-lightblue-650, #3e5e65); } - .md\:border-opacity-40 { - --tw-border-opacity: 0.4; + .lg\:focus-within\:text-LightBlue-lightblue-700:focus-within { + color: var(--light-blue-lightblue-700, #344e56); } - .md\:border-opacity-50 { - --tw-border-opacity: 0.5; + .lg\:focus-within\:text-Orange-orange:focus-within { + color: var(--orange-orange, #ff7f0e); } - .md\:border-opacity-60 { - --tw-border-opacity: 0.6; + .lg\:focus-within\:text-Orange-orange-100:focus-within { + color: var(--orange-orange-100, #ffa556); } - .md\:border-opacity-70 { - --tw-border-opacity: 0.7; + .lg\:focus-within\:text-Orange-orange-200:focus-within { + color: var(--orange-orange-200, #ffbf86); } - .md\:border-opacity-75 { - --tw-border-opacity: 0.75; + .lg\:focus-within\:text-Orange-orange-300:focus-within { + color: var(--orange-orange-300, #d97f30); } - .md\:border-opacity-80 { - --tw-border-opacity: 0.8; + .lg\:focus-within\:text-Orange-orange-400:focus-within { + color: var(--orange-orange-400, #bf7e46); } - .md\:border-opacity-90 { - --tw-border-opacity: 0.9; + .lg\:focus-within\:text-Orange-orange-500:focus-within { + color: var(--orange-orange-500, #e5720d); } - .md\:border-opacity-95 { - --tw-border-opacity: 0.95; + .lg\:focus-within\:text-Orange-orange-600:focus-within { + color: var(--orange-orange-600, #b3590a); } - .md\:border-opacity-100 { - --tw-border-opacity: 1; + .lg\:focus-within\:text-Orange-orange-700:focus-within { + color: var(--orange-orange-700, #663306); } - .group:hover .md\:group-hover\:border-opacity-0 { - --tw-border-opacity: 0; + .lg\:focus-within\:text-Yellow-yellow:focus-within { + color: var(--yellow-yellow, #ffab00); } - .group:hover .md\:group-hover\:border-opacity-5 { - --tw-border-opacity: 0.05; + .lg\:focus-within\:text-Yellow-yellow-100:focus-within { + color: var(--yellow-yellow-100, #ffc44c); } - .group:hover .md\:group-hover\:border-opacity-10 { - --tw-border-opacity: 0.1; + .lg\:focus-within\:text-Yellow-yellow-200:focus-within { + color: var(--yellow-yellow-200, #ffd580); } - .group:hover .md\:group-hover\:border-opacity-20 { - --tw-border-opacity: 0.2; + .lg\:focus-within\:text-Yellow-yellow-300:focus-within { + color: var(--yellow-yellow-300, #d99d26); } - .group:hover .md\:group-hover\:border-opacity-25 { - --tw-border-opacity: 0.25; + .lg\:focus-within\:text-Yellow-yellow-400:focus-within { + color: var(--yellow-yellow-400, #bf943f); } - .group:hover .md\:group-hover\:border-opacity-30 { - --tw-border-opacity: 0.3; + .lg\:focus-within\:text-Yellow-yellow-500:focus-within { + color: var(--yellow-yellow-500, #e59a00); } - .group:hover .md\:group-hover\:border-opacity-40 { - --tw-border-opacity: 0.4; + .lg\:focus-within\:text-Yellow-yellow-600:focus-within { + color: var(--yellow-yellow-600, #b37800); } - .group:hover .md\:group-hover\:border-opacity-50 { - --tw-border-opacity: 0.5; + .lg\:focus-within\:text-Yellow-yellow-700:focus-within { + color: var(--yellow-yellow-700, #664400); } - .group:hover .md\:group-hover\:border-opacity-60 { - --tw-border-opacity: 0.6; + .lg\:focus-within\:text-Notification-notification:focus-within { + color: var(--notification-notification, #3959ff); } - .group:hover .md\:group-hover\:border-opacity-70 { - --tw-border-opacity: 0.7; + .lg\:focus-within\:text-Notification-notification-100:focus-within { + color: var(--notification-notification-100, #748bff); } - .group:hover .md\:group-hover\:border-opacity-75 { - --tw-border-opacity: 0.75; + .lg\:focus-within\:text-Notification-notification-200:focus-within { + color: var(--notification-notification-200, #9cacff); } - .group:hover .md\:group-hover\:border-opacity-80 { - --tw-border-opacity: 0.8; + .lg\:focus-within\:text-Notification-notification-300:focus-within { + color: var(--notification-notification-300, #4e64d9); } - .group:hover .md\:group-hover\:border-opacity-90 { - --tw-border-opacity: 0.9; + .lg\:focus-within\:text-Notification-notification-400:focus-within { + color: var(--notification-notification-400, #5c6cbf); } - .group:hover .md\:group-hover\:border-opacity-95 { - --tw-border-opacity: 0.95; + .lg\:focus-within\:text-Notification-notification-500:focus-within { + color: var(--notification-notification-500, #3350e5); } - .group:hover .md\:group-hover\:border-opacity-100 { - --tw-border-opacity: 1; + .lg\:focus-within\:text-Notification-notification-600:focus-within { + color: var(--notification-notification-600, #283eb3); } - .md\:focus-within\:border-opacity-0:focus-within { - --tw-border-opacity: 0; + .lg\:focus-within\:text-Notification-notification-700:focus-within { + color: var(--notification-notification-700, #172466); } - .md\:focus-within\:border-opacity-5:focus-within { - --tw-border-opacity: 0.05; + .lg\:focus-within\:text-Success-success\ -700:focus-within { + color: var(--success-success-700, #24471f); } - .md\:focus-within\:border-opacity-10:focus-within { - --tw-border-opacity: 0.1; + .lg\:focus-within\:text-Success-success:focus-within { + color: var(--success-success, #5bb14d); } - .md\:focus-within\:border-opacity-20:focus-within { - --tw-border-opacity: 0.2; + .lg\:focus-within\:text-Success-success\ -100:focus-within { + color: var(--success-success-100, #8cc882); } - .md\:focus-within\:border-opacity-25:focus-within { - --tw-border-opacity: 0.25; + .lg\:focus-within\:text-Success-success\ -200:focus-within { + color: var(--success-success-200, #add8a6); } - .md\:focus-within\:border-opacity-30:focus-within { - --tw-border-opacity: 0.3; + .lg\:focus-within\:text-Success-success\ -300:focus-within { + color: var(--success-success-300, #66a25c); } - .md\:focus-within\:border-opacity-40:focus-within { - --tw-border-opacity: 0.4; + .lg\:focus-within\:text-Success-success\ -400:focus-within { + color: var(--success-success-400, #6d9766); } - .md\:focus-within\:border-opacity-50:focus-within { - --tw-border-opacity: 0.5; + .lg\:focus-within\:text-Success-success\ -500:focus-within { + color: var(--success-success-500, #529f45); } - .md\:focus-within\:border-opacity-60:focus-within { - --tw-border-opacity: 0.6; + .lg\:focus-within\:text-Success-success\ -600:focus-within { + color: var(--success-success-600, #407c36); } - .md\:focus-within\:border-opacity-70:focus-within { - --tw-border-opacity: 0.7; + .lg\:focus-within\:text-Error-error:focus-within { + color: var(--error-error, #f03d3e); } - .md\:focus-within\:border-opacity-75:focus-within { - --tw-border-opacity: 0.75; + .lg\:focus-within\:text-Error-error-100:focus-within { + color: var(--error-error-100, #f57778); } - .md\:focus-within\:border-opacity-80:focus-within { - --tw-border-opacity: 0.8; + .lg\:focus-within\:text-Error-error-200:focus-within { + color: var(--error-error-200, #f89e9e); } - .md\:focus-within\:border-opacity-90:focus-within { - --tw-border-opacity: 0.9; + .lg\:focus-within\:text-Error-error-250:focus-within { + color: var(--error-error-250, #f9c8c8); } - .md\:focus-within\:border-opacity-95:focus-within { - --tw-border-opacity: 0.95; + .lg\:focus-within\:text-Error-error-300:focus-within { + color: var(--error-error-300, #ce5151); } - .md\:focus-within\:border-opacity-100:focus-within { - --tw-border-opacity: 1; + .lg\:focus-within\:text-Error-error-400:focus-within { + color: var(--error-error-400, #b85e5e); } - .md\:hover\:border-opacity-0:hover { - --tw-border-opacity: 0; + .lg\:focus-within\:text-Error-error-500:focus-within { + color: var(--error-error-500, #d83738); } - .md\:hover\:border-opacity-5:hover { - --tw-border-opacity: 0.05; + .lg\:focus-within\:text-Error-error-600:focus-within { + color: var(--error-error-600, #a82b2b); } - .md\:hover\:border-opacity-10:hover { - --tw-border-opacity: 0.1; + .lg\:focus-within\:text-Error-error-700:focus-within { + color: var(--error-error-700, #601819); } - .md\:hover\:border-opacity-20:hover { - --tw-border-opacity: 0.2; + .lg\:hover\:text-colors-black:hover { + color: var(--colors-black, #000000); } - .md\:hover\:border-opacity-25:hover { - --tw-border-opacity: 0.25; + .lg\:hover\:text-colors-white:hover { + color: var(--colors-white, #ffffff); } - .md\:hover\:border-opacity-30:hover { - --tw-border-opacity: 0.3; + .lg\:hover\:text-colors-gray-100:hover { + color: var(--colors-gray-100, #f7fafc); } - .md\:hover\:border-opacity-40:hover { - --tw-border-opacity: 0.4; + .lg\:hover\:text-colors-gray-200:hover { + color: var(--colors-gray-200, #edf2f7); } - .md\:hover\:border-opacity-50:hover { - --tw-border-opacity: 0.5; + .lg\:hover\:text-colors-gray-300:hover { + color: var(--colors-gray-300, #e2e8f0); } - .md\:hover\:border-opacity-60:hover { - --tw-border-opacity: 0.6; + .lg\:hover\:text-colors-gray-400:hover { + color: var(--colors-gray-400, #cbd5e0); } - .md\:hover\:border-opacity-70:hover { - --tw-border-opacity: 0.7; + .lg\:hover\:text-colors-gray-500:hover { + color: var(--colors-gray-500, #a0aec0); } - .md\:hover\:border-opacity-75:hover { - --tw-border-opacity: 0.75; + .lg\:hover\:text-colors-gray-600:hover { + color: var(--colors-gray-600, #718096); } - .md\:hover\:border-opacity-80:hover { - --tw-border-opacity: 0.8; + .lg\:hover\:text-colors-gray-700:hover { + color: var(--colors-gray-700, #4a5568); } - .md\:hover\:border-opacity-90:hover { - --tw-border-opacity: 0.9; + .lg\:hover\:text-colors-gray-800:hover { + color: var(--colors-gray-800, #2d3748); } - .md\:hover\:border-opacity-95:hover { - --tw-border-opacity: 0.95; + .lg\:hover\:text-colors-gray-900:hover { + color: var(--colors-gray-900, #1a202c); } - .md\:hover\:border-opacity-100:hover { - --tw-border-opacity: 1; + .lg\:hover\:text-colors-red-100:hover { + color: var(--colors-red-100, #fff5f5); } - .md\:focus\:border-opacity-0:focus { - --tw-border-opacity: 0; + .lg\:hover\:text-colors-red-200:hover { + color: var(--colors-red-200, #fed7d7); } - .md\:focus\:border-opacity-5:focus { - --tw-border-opacity: 0.05; + .lg\:hover\:text-colors-red-300:hover { + color: var(--colors-red-300, #feb2b2); } - .md\:focus\:border-opacity-10:focus { - --tw-border-opacity: 0.1; + .lg\:hover\:text-colors-red-400:hover { + color: var(--colors-red-400, #fc8181); } - .md\:focus\:border-opacity-20:focus { - --tw-border-opacity: 0.2; + .lg\:hover\:text-colors-red-500:hover { + color: var(--colors-red-500, #f56565); } - .md\:focus\:border-opacity-25:focus { - --tw-border-opacity: 0.25; + .lg\:hover\:text-colors-red-600:hover { + color: var(--colors-red-600, #e53e3e); } - .md\:focus\:border-opacity-30:focus { - --tw-border-opacity: 0.3; + .lg\:hover\:text-colors-red-700:hover { + color: var(--colors-red-700, #c53030); } - .md\:focus\:border-opacity-40:focus { - --tw-border-opacity: 0.4; + .lg\:hover\:text-colors-red-800:hover { + color: var(--colors-red-800, #9b2c2c); } - .md\:focus\:border-opacity-50:focus { - --tw-border-opacity: 0.5; + .lg\:hover\:text-colors-red-900:hover { + color: var(--colors-red-900, #742a2a); } - .md\:focus\:border-opacity-60:focus { - --tw-border-opacity: 0.6; + .lg\:hover\:text-colors-orange-100:hover { + color: var(--colors-orange-100, #fffaf0); } - .md\:focus\:border-opacity-70:focus { - --tw-border-opacity: 0.7; + .lg\:hover\:text-colors-orange-200:hover { + color: var(--colors-orange-200, #feebc8); } - .md\:focus\:border-opacity-75:focus { - --tw-border-opacity: 0.75; + .lg\:hover\:text-colors-orange-300:hover { + color: var(--colors-orange-300, #fbd38d); } - .md\:focus\:border-opacity-80:focus { - --tw-border-opacity: 0.8; + .lg\:hover\:text-colors-orange-400:hover { + color: var(--colors-orange-400, #f6ad55); } - .md\:focus\:border-opacity-90:focus { - --tw-border-opacity: 0.9; + .lg\:hover\:text-colors-orange-500:hover { + color: var(--colors-orange-500, #ed8936); } - .md\:focus\:border-opacity-95:focus { - --tw-border-opacity: 0.95; + .lg\:hover\:text-colors-orange-600:hover { + color: var(--colors-orange-600, #dd6b20); } - .md\:focus\:border-opacity-100:focus { - --tw-border-opacity: 1; + .lg\:hover\:text-colors-orange-700:hover { + color: var(--colors-orange-700, #c05621); } - .md\:bg-transparent { - background-color: transparent; + .lg\:hover\:text-colors-orange-800:hover { + color: var(--colors-orange-800, #9c4221); } - .md\:bg-current { - background-color: currentColor; + .lg\:hover\:text-colors-orange-900:hover { + color: var(--colors-orange-900, #7b341e); } - .md\:bg-black { - --tw-bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--tw-bg-opacity)); + .lg\:hover\:text-colors-yellow-100:hover { + color: var(--colors-yellow-100, #fffff0); } - .md\:bg-white { - --tw-bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); + .lg\:hover\:text-colors-yellow-200:hover { + color: var(--colors-yellow-200, #fefcbf); } - .md\:bg-gray-50 { - --tw-bg-opacity: 1; - background-color: rgba(249, 250, 251, var(--tw-bg-opacity)); + .lg\:hover\:text-colors-yellow-300:hover { + color: var(--colors-yellow-300, #faf089); } - .md\:bg-gray-100 { - --tw-bg-opacity: 1; - background-color: rgba(243, 244, 246, var(--tw-bg-opacity)); + .lg\:hover\:text-colors-yellow-400:hover { + color: var(--colors-yellow-400, #f6e05e); } - .md\:bg-gray-200 { - --tw-bg-opacity: 1; - background-color: rgba(229, 231, 235, var(--tw-bg-opacity)); + .lg\:hover\:text-colors-yellow-500:hover { + color: var(--colors-yellow-500, #ecc94b); } - .md\:bg-gray-300 { - --tw-bg-opacity: 1; - background-color: rgba(209, 213, 219, var(--tw-bg-opacity)); + .lg\:hover\:text-colors-yellow-600:hover { + color: var(--colors-yellow-600, #d69e2e); } - .md\:bg-gray-400 { - --tw-bg-opacity: 1; - background-color: rgba(156, 163, 175, var(--tw-bg-opacity)); + .lg\:hover\:text-colors-yellow-700:hover { + color: var(--colors-yellow-700, #b7791f); } - .md\:bg-gray-500 { - --tw-bg-opacity: 1; - background-color: rgba(107, 114, 128, var(--tw-bg-opacity)); + .lg\:hover\:text-colors-yellow-800:hover { + color: var(--colors-yellow-800, #975a16); } - .md\:bg-gray-600 { - --tw-bg-opacity: 1; - background-color: rgba(75, 85, 99, var(--tw-bg-opacity)); + .lg\:hover\:text-colors-yellow-900:hover { + color: var(--colors-yellow-900, #744210); } - .md\:bg-gray-700 { - --tw-bg-opacity: 1; - background-color: rgba(55, 65, 81, var(--tw-bg-opacity)); + .lg\:hover\:text-colors-green-100:hover { + color: var(--colors-green-100, #f0fff4); } - .md\:bg-gray-800 { - --tw-bg-opacity: 1; - background-color: rgba(31, 41, 55, var(--tw-bg-opacity)); + .lg\:hover\:text-colors-green-200:hover { + color: var(--colors-green-200, #c6f6d5); } - .md\:bg-gray-900 { - --tw-bg-opacity: 1; - background-color: rgba(17, 24, 39, var(--tw-bg-opacity)); + .lg\:hover\:text-colors-green-300:hover { + color: var(--colors-green-300, #9ae6b4); } - .md\:bg-red-50 { - --tw-bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--tw-bg-opacity)); + .lg\:hover\:text-colors-green-400:hover { + color: var(--colors-green-400, #68d391); } - .md\:bg-red-100 { - --tw-bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--tw-bg-opacity)); + .lg\:hover\:text-colors-green-500:hover { + color: var(--colors-green-500, #48bb78); } - .md\:bg-red-200 { - --tw-bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--tw-bg-opacity)); + .lg\:hover\:text-colors-green-600:hover { + color: var(--colors-green-600, #38a169); } - .md\:bg-red-300 { - --tw-bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--tw-bg-opacity)); + .lg\:hover\:text-colors-green-700:hover { + color: var(--colors-green-700, #2f855a); } - .md\:bg-red-400 { - --tw-bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--tw-bg-opacity)); + .lg\:hover\:text-colors-green-800:hover { + color: var(--colors-green-800, #276749); } - .md\:bg-red-500 { - --tw-bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--tw-bg-opacity)); + .lg\:hover\:text-colors-green-900:hover { + color: var(--colors-green-900, #22543d); } - .md\:bg-red-600 { - --tw-bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--tw-bg-opacity)); + .lg\:hover\:text-colors-teal-100:hover { + color: var(--colors-teal-100, #e6fffa); } - .md\:bg-red-700 { - --tw-bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--tw-bg-opacity)); + .lg\:hover\:text-colors-teal-200:hover { + color: var(--colors-teal-200, #b2f5ea); } - .md\:bg-red-800 { - --tw-bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--tw-bg-opacity)); + .lg\:hover\:text-colors-teal-300:hover { + color: var(--colors-teal-300, #81e6d9); } - .md\:bg-red-900 { - --tw-bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--tw-bg-opacity)); + .lg\:hover\:text-colors-teal-400:hover { + color: var(--colors-teal-400, #4fd1c5); } - .md\:bg-yellow-50 { - --tw-bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--tw-bg-opacity)); + .lg\:hover\:text-colors-teal-500:hover { + color: var(--colors-teal-500, #38b2ac); } - .md\:bg-yellow-100 { - --tw-bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--tw-bg-opacity)); + .lg\:hover\:text-colors-teal-600:hover { + color: var(--colors-teal-600, #319795); } - .md\:bg-yellow-200 { - --tw-bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--tw-bg-opacity)); + .lg\:hover\:text-colors-teal-700:hover { + color: var(--colors-teal-700, #2c7a7b); } - .md\:bg-yellow-300 { - --tw-bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--tw-bg-opacity)); + .lg\:hover\:text-colors-teal-800:hover { + color: var(--colors-teal-800, #285e61); } - .md\:bg-yellow-400 { - --tw-bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--tw-bg-opacity)); + .lg\:hover\:text-colors-teal-900:hover { + color: var(--colors-teal-900, #234e52); } - .md\:bg-yellow-500 { - --tw-bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--tw-bg-opacity)); + .lg\:hover\:text-colors-blue-100:hover { + color: var(--colors-blue-100, #ebf8ff); } - .md\:bg-yellow-600 { - --tw-bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--tw-bg-opacity)); + .lg\:hover\:text-colors-blue-200:hover { + color: var(--colors-blue-200, #bee3f8); } - .md\:bg-yellow-700 { - --tw-bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--tw-bg-opacity)); + .lg\:hover\:text-colors-blue-300:hover { + color: var(--colors-blue-300, #90cdf4); } - .md\:bg-yellow-800 { - --tw-bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--tw-bg-opacity)); + .lg\:hover\:text-colors-blue-400:hover { + color: var(--colors-blue-400, #63b3ed); } - .md\:bg-yellow-900 { - --tw-bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--tw-bg-opacity)); + .lg\:hover\:text-colors-blue-500:hover { + color: var(--colors-blue-500, #4299e1); } - .md\:bg-green-50 { - --tw-bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--tw-bg-opacity)); + .lg\:hover\:text-colors-blue-600:hover { + color: var(--colors-blue-600, #3182ce); } - .md\:bg-green-100 { - --tw-bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--tw-bg-opacity)); + .lg\:hover\:text-colors-blue-700:hover { + color: var(--colors-blue-700, #2b6cb0); } - .md\:bg-green-200 { - --tw-bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--tw-bg-opacity)); + .lg\:hover\:text-colors-blue-800:hover { + color: var(--colors-blue-800, #2c5282); } - .md\:bg-green-300 { - --tw-bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--tw-bg-opacity)); + .lg\:hover\:text-colors-blue-900:hover { + color: var(--colors-blue-900, #2a4365); } - .md\:bg-green-400 { - --tw-bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--tw-bg-opacity)); + .lg\:hover\:text-colors-indigo-100:hover { + color: var(--colors-indigo-100, #ebf4ff); } - .md\:bg-green-500 { - --tw-bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--tw-bg-opacity)); + .lg\:hover\:text-colors-indigo-200:hover { + color: var(--colors-indigo-200, #c3dafe); } - .md\:bg-green-600 { - --tw-bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--tw-bg-opacity)); + .lg\:hover\:text-colors-indigo-300:hover { + color: var(--colors-indigo-300, #a3bffa); } - .md\:bg-green-700 { - --tw-bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--tw-bg-opacity)); + .lg\:hover\:text-colors-indigo-400:hover { + color: var(--colors-indigo-400, #7f9cf5); } - .md\:bg-green-800 { - --tw-bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--tw-bg-opacity)); + .lg\:hover\:text-colors-indigo-500:hover { + color: var(--colors-indigo-500, #667eea); } - .md\:bg-green-900 { - --tw-bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--tw-bg-opacity)); + .lg\:hover\:text-colors-indigo-600:hover { + color: var(--colors-indigo-600, #5a67d8); } - .md\:bg-blue-50 { - --tw-bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--tw-bg-opacity)); + .lg\:hover\:text-colors-indigo-700:hover { + color: var(--colors-indigo-700, #4c51bf); } - .md\:bg-blue-100 { - --tw-bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--tw-bg-opacity)); + .lg\:hover\:text-colors-indigo-800:hover { + color: var(--colors-indigo-800, #434190); } - .md\:bg-blue-200 { - --tw-bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--tw-bg-opacity)); + .lg\:hover\:text-colors-indigo-900:hover { + color: var(--colors-indigo-900, #3c366b); } - .md\:bg-blue-300 { - --tw-bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--tw-bg-opacity)); + .lg\:hover\:text-colors-purple-100:hover { + color: var(--colors-purple-100, #faf5ff); } - .md\:bg-blue-400 { - --tw-bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--tw-bg-opacity)); + .lg\:hover\:text-colors-purple-200:hover { + color: var(--colors-purple-200, #e9d8fd); } - .md\:bg-blue-500 { - --tw-bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--tw-bg-opacity)); + .lg\:hover\:text-colors-purple-300:hover { + color: var(--colors-purple-300, #d6bcfa); } - .md\:bg-blue-600 { - --tw-bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--tw-bg-opacity)); + .lg\:hover\:text-colors-purple-400:hover { + color: var(--colors-purple-400, #b794f4); } - .md\:bg-blue-700 { - --tw-bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--tw-bg-opacity)); + .lg\:hover\:text-colors-purple-500:hover { + color: var(--colors-purple-500, #9f7aea); } - .md\:bg-blue-800 { - --tw-bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--tw-bg-opacity)); + .lg\:hover\:text-colors-purple-600:hover { + color: var(--colors-purple-600, #805ad5); } - .md\:bg-blue-900 { - --tw-bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--tw-bg-opacity)); + .lg\:hover\:text-colors-purple-700:hover { + color: var(--colors-purple-700, #6b46c1); } - .md\:bg-indigo-50 { - --tw-bg-opacity: 1; - background-color: rgba(238, 242, 255, var(--tw-bg-opacity)); + .lg\:hover\:text-colors-purple-800:hover { + color: var(--colors-purple-800, #553c9a); } - .md\:bg-indigo-100 { - --tw-bg-opacity: 1; - background-color: rgba(224, 231, 255, var(--tw-bg-opacity)); + .lg\:hover\:text-colors-purple-900:hover { + color: var(--colors-purple-900, #44337a); } - .md\:bg-indigo-200 { - --tw-bg-opacity: 1; - background-color: rgba(199, 210, 254, var(--tw-bg-opacity)); + .lg\:hover\:text-colors-pink-100:hover { + color: var(--colors-pink-100, #fff5f7); } - .md\:bg-indigo-300 { - --tw-bg-opacity: 1; - background-color: rgba(165, 180, 252, var(--tw-bg-opacity)); + .lg\:hover\:text-colors-pink-200:hover { + color: var(--colors-pink-200, #fed7e2); } - .md\:bg-indigo-400 { - --tw-bg-opacity: 1; - background-color: rgba(129, 140, 248, var(--tw-bg-opacity)); + .lg\:hover\:text-colors-pink-300:hover { + color: var(--colors-pink-300, #fbb6ce); } - .md\:bg-indigo-500 { - --tw-bg-opacity: 1; - background-color: rgba(99, 102, 241, var(--tw-bg-opacity)); + .lg\:hover\:text-colors-pink-400:hover { + color: var(--colors-pink-400, #f687b3); } - .md\:bg-indigo-600 { - --tw-bg-opacity: 1; - background-color: rgba(79, 70, 229, var(--tw-bg-opacity)); + .lg\:hover\:text-colors-pink-500:hover { + color: var(--colors-pink-500, #ed64a6); } - .md\:bg-indigo-700 { - --tw-bg-opacity: 1; - background-color: rgba(67, 56, 202, var(--tw-bg-opacity)); + .lg\:hover\:text-colors-pink-600:hover { + color: var(--colors-pink-600, #d53f8c); } - .md\:bg-indigo-800 { - --tw-bg-opacity: 1; - background-color: rgba(55, 48, 163, var(--tw-bg-opacity)); + .lg\:hover\:text-colors-pink-700:hover { + color: var(--colors-pink-700, #b83280); } - .md\:bg-indigo-900 { - --tw-bg-opacity: 1; - background-color: rgba(49, 46, 129, var(--tw-bg-opacity)); + .lg\:hover\:text-colors-pink-800:hover { + color: var(--colors-pink-800, #97266d); } - .md\:bg-purple-50 { - --tw-bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--tw-bg-opacity)); + .lg\:hover\:text-colors-pink-900:hover { + color: var(--colors-pink-900, #702459); } - .md\:bg-purple-100 { - --tw-bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--tw-bg-opacity)); + .lg\:hover\:text-Box\ Shadow:hover { + color: var(--box-shadow, #7f7e7f); } - .md\:bg-purple-200 { - --tw-bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--tw-bg-opacity)); + .lg\:hover\:text-Error16:hover { + color: var(--error16, #f03d3e40); } - .md\:bg-purple-300 { - --tw-bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--tw-bg-opacity)); + .lg\:hover\:text-Success16:hover { + color: var(--success16, #5bb14d40); } - .md\:bg-purple-400 { - --tw-bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--tw-bg-opacity)); + .lg\:hover\:text-Notification16:hover { + color: var(--notification16, #3959ff40); } - .md\:bg-purple-500 { - --tw-bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--tw-bg-opacity)); + .lg\:hover\:text-Error8:hover { + color: var(--error8, #f03d3e1a); } - .md\:bg-purple-600 { - --tw-bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--tw-bg-opacity)); + .lg\:hover\:text-Notification8:hover { + color: var(--notification8, #3959ff1a); } - .md\:bg-purple-700 { - --tw-bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--tw-bg-opacity)); + .lg\:hover\:text-Success8:hover { + color: var(--success8, #5bb14d1a); } - .md\:bg-purple-800 { - --tw-bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--tw-bg-opacity)); + .lg\:hover\:text-Light\ -\ Overlay:hover { + color: var(--light-overlay, #f0edee66); } - .md\:bg-purple-900 { - --tw-bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--tw-bg-opacity)); + .lg\:hover\:text-Dark-\ Overlay:hover { + color: var(--dark-overlay, #7f7e7f66); } - .md\:bg-pink-50 { - --tw-bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--tw-bg-opacity)); + .lg\:hover\:text-black-40:hover { + color: var(--black-40, #00000066); } - .md\:bg-pink-100 { - --tw-bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--tw-bg-opacity)); + .lg\:hover\:text-black-75:hover { + color: var(--black-75, #000000bf); } - .md\:bg-pink-200 { - --tw-bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--tw-bg-opacity)); + .lg\:hover\:text-black-60:hover { + color: var(--black-60, #00000099); } - .md\:bg-pink-300 { - --tw-bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--tw-bg-opacity)); + .lg\:hover\:text-black-50:hover { + color: var(--black-50, #00000080); } - .md\:bg-pink-400 { - --tw-bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--tw-bg-opacity)); + .lg\:hover\:text-black-25:hover { + color: var(--black-25, #00000040); } - .md\:bg-pink-500 { - --tw-bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--tw-bg-opacity)); + .lg\:hover\:text-black-10:hover { + color: var(--black-10, #0000001a); } - .md\:bg-pink-600 { - --tw-bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--tw-bg-opacity)); + .lg\:hover\:text-white-25:hover { + color: var(--white-25, #ffffff40); } - .md\:bg-pink-700 { - --tw-bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--tw-bg-opacity)); + .lg\:hover\:text-white-60:hover { + color: var(--white-60, #ffffff99); } - .md\:bg-pink-800 { - --tw-bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--tw-bg-opacity)); + .lg\:hover\:text-black-64:hover { + color: var(--black-64, #000000a3); } - .md\:bg-pink-900 { - --tw-bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--tw-bg-opacity)); + .lg\:hover\:text-Shadow\ and\ Highlight-Shadow:hover { + color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .group:hover .md\:group-hover\:bg-transparent { - background-color: transparent; + .lg\:hover\:text-Shadow\ and\ Highlight-Highlight:hover { + color: var(--shadow-and-highlight-highlight, #474747); } - .group:hover .md\:group-hover\:bg-current { - background-color: currentColor; + .lg\:hover\:text-Shadow\ and\ Highlight-highlight\ one:hover { + color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .group:hover .md\:group-hover\:bg-black { - --tw-bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--tw-bg-opacity)); + .lg\:hover\:text-Shadow\ and\ Highlight-highlight\ two:hover { + color: var(--shadow-and-highlight-highlight-two, #47474799); } - .group:hover .md\:group-hover\:bg-white { - --tw-bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); + .lg\:hover\:text-Shadow\ and\ Highlight-highlight\ three:hover { + color: var(--shadow-and-highlight-highlight-three, #47474766); } - .group:hover .md\:group-hover\:bg-gray-50 { - --tw-bg-opacity: 1; - background-color: rgba(249, 250, 251, var(--tw-bg-opacity)); + .lg\:hover\:text-Shadow\ and\ Highlight-highlight\ five:hover { + color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .group:hover .md\:group-hover\:bg-gray-100 { - --tw-bg-opacity: 1; - background-color: rgba(243, 244, 246, var(--tw-bg-opacity)); + .lg\:hover\:text-Shadow\ and\ Highlight-shadow\ one:hover { + color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .group:hover .md\:group-hover\:bg-gray-200 { - --tw-bg-opacity: 1; - background-color: rgba(229, 231, 235, var(--tw-bg-opacity)); + .lg\:hover\:text-Shadow\ and\ Highlight-shadow\ two:hover { + color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .group:hover .md\:group-hover\:bg-gray-300 { - --tw-bg-opacity: 1; - background-color: rgba(209, 213, 219, var(--tw-bg-opacity)); + .lg\:hover\:text-Shadow\ and\ Highlight-shadow\ three:hover { + color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .group:hover .md\:group-hover\:bg-gray-400 { - --tw-bg-opacity: 1; - background-color: rgba(156, 163, 175, var(--tw-bg-opacity)); + .lg\:hover\:text-Shadow\ and\ Highlight-shadow\ four:hover { + color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .group:hover .md\:group-hover\:bg-gray-500 { - --tw-bg-opacity: 1; - background-color: rgba(107, 114, 128, var(--tw-bg-opacity)); + .lg\:hover\:text-Shadow\ and\ Highlight-shadow\ five:hover { + color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .group:hover .md\:group-hover\:bg-gray-600 { - --tw-bg-opacity: 1; - background-color: rgba(75, 85, 99, var(--tw-bg-opacity)); + .lg\:hover\:text-Shadow\ and\ Highlight-highlight\ four:hover { + color: var(--shadow-and-highlight-highlight-four, #47474740); } - .group:hover .md\:group-hover\:bg-gray-700 { - --tw-bg-opacity: 1; - background-color: rgba(55, 65, 81, var(--tw-bg-opacity)); + .lg\:hover\:text-Base\ Layer\ Styles-Base\ Layer-\ Light-White:hover { + color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .group:hover .md\:group-hover\:bg-gray-800 { - --tw-bg-opacity: 1; - background-color: rgba(31, 41, 55, var(--tw-bg-opacity)); + .lg\:hover\:text-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:hover { + color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .group:hover .md\:group-hover\:bg-gray-900 { - --tw-bg-opacity: 1; - background-color: rgba(17, 24, 39, var(--tw-bg-opacity)); + .lg\:hover\:text-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:hover { + color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .group:hover .md\:group-hover\:bg-red-50 { - --tw-bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--tw-bg-opacity)); + .lg\:hover\:text-Base\ Layer\ Styles-Base\ Layer-Dark-Black:hover { + color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .group:hover .md\:group-hover\:bg-red-100 { - --tw-bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--tw-bg-opacity)); + .lg\:hover\:text-Grey-Scale-white:hover { + color: var(--grey-scale-white, #ffffff); } - .group:hover .md\:group-hover\:bg-red-200 { - --tw-bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--tw-bg-opacity)); + .lg\:hover\:text-Grey-Scale-off-white:hover { + color: var(--grey-scale-off-white, #f0edee); } - .group:hover .md\:group-hover\:bg-red-300 { - --tw-bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--tw-bg-opacity)); + .lg\:hover\:text-Grey\ Scale-grey:hover { + color: var(--grey-scale-grey, #7f7e7f); } - .group:hover .md\:group-hover\:bg-red-400 { - --tw-bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--tw-bg-opacity)); + .lg\:hover\:text-Grey\ Scale-charcoal:hover { + color: var(--grey-scale-charcoal, #474747); } - .group:hover .md\:group-hover\:bg-red-500 { - --tw-bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--tw-bg-opacity)); + .lg\:hover\:text-Grey\ Scale-off-black:hover { + color: var(--grey-scale-off-black, #1c1c1c); } - .group:hover .md\:group-hover\:bg-red-600 { - --tw-bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--tw-bg-opacity)); + .lg\:hover\:text-Grey\ Scale-black:hover { + color: var(--grey-scale-black, #000000); } - .group:hover .md\:group-hover\:bg-red-700 { - --tw-bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--tw-bg-opacity)); + .lg\:hover\:text-Blue-blue:hover { + color: var(--blue-blue, #3a7ca5); } - .group:hover .md\:group-hover\:bg-red-800 { - --tw-bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--tw-bg-opacity)); + .lg\:hover\:text-Blue-blue-100:hover { + color: var(--blue-blue-100, #75a3c0); } - .group:hover .md\:group-hover\:bg-red-900 { - --tw-bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--tw-bg-opacity)); + .lg\:hover\:text-Blue-blue-200:hover { + color: var(--blue-blue-200, #9cbed2); } - .group:hover .md\:group-hover\:bg-yellow-50 { - --tw-bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--tw-bg-opacity)); + .lg\:hover\:text-Blue-blue-300:hover { + color: var(--blue-blue-300, #4f7d9a); } - .group:hover .md\:group-hover\:bg-yellow-100 { - --tw-bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--tw-bg-opacity)); + .lg\:hover\:text-Blue-blue-400:hover { + color: var(--blue-blue-400, #5c7d92); } - .group:hover .md\:group-hover\:bg-yellow-200 { - --tw-bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--tw-bg-opacity)); + .lg\:hover\:text-Blue-blue-500:hover { + color: var(--blue-blue-500, #347095); } - .group:hover .md\:group-hover\:bg-yellow-300 { - --tw-bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--tw-bg-opacity)); + .lg\:hover\:text-Blue-blue-600:hover { + color: var(--blue-blue-600, #295774); } - .group:hover .md\:group-hover\:bg-yellow-400 { - --tw-bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--tw-bg-opacity)); + .lg\:hover\:text-Blue-blue-700:hover { + color: var(--blue-blue-700, #173242); } - .group:hover .md\:group-hover\:bg-yellow-500 { - --tw-bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--tw-bg-opacity)); + .lg\:hover\:text-LightBlue-lightblue:hover { + color: var(--light-blue-lightblue, #81c3d7); } - .group:hover .md\:group-hover\:bg-yellow-600 { - --tw-bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--tw-bg-opacity)); + .lg\:hover\:text-LightBlue-lightblue-100:hover { + color: var(--light-blue-lightblue-100, #a7d5e3); } - .group:hover .md\:group-hover\:bg-yellow-700 { - --tw-bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--tw-bg-opacity)); + .lg\:hover\:text-LightBlue-lightblue-200:hover { + color: var(--light-blue-lightblue-200, #c0e1eb); } - .group:hover .md\:group-hover\:bg-yellow-800 { - --tw-bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--tw-bg-opacity)); + .lg\:hover\:text-LightBlue-lightblue-300:hover { + color: var(--light-blue-lightblue-300, #80aebd); } - .group:hover .md\:group-hover\:bg-yellow-900 { - --tw-bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--tw-bg-opacity)); + .lg\:hover\:text-LightBlue-lightblue-400:hover { + color: var(--light-blue-lightblue-400, #80a0ab); } - .group:hover .md\:group-hover\:bg-green-50 { - --tw-bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--tw-bg-opacity)); + .lg\:hover\:text-LightBlue-lightblue-500:hover { + color: var(--light-blue-lightblue-500, #74afc1); } - .group:hover .md\:group-hover\:bg-green-100 { - --tw-bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--tw-bg-opacity)); + .lg\:hover\:text-LightBlue-lightblue-600:hover { + color: var(--light-blue-lightblue-600, #5a8997); } - .group:hover .md\:group-hover\:bg-green-200 { - --tw-bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--tw-bg-opacity)); + .lg\:hover\:text-LightBlue-lightblue-650:hover { + color: var(--light-blue-lightblue-650, #3e5e65); } - .group:hover .md\:group-hover\:bg-green-300 { - --tw-bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--tw-bg-opacity)); + .lg\:hover\:text-LightBlue-lightblue-700:hover { + color: var(--light-blue-lightblue-700, #344e56); } - .group:hover .md\:group-hover\:bg-green-400 { - --tw-bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--tw-bg-opacity)); + .lg\:hover\:text-Orange-orange:hover { + color: var(--orange-orange, #ff7f0e); } - .group:hover .md\:group-hover\:bg-green-500 { - --tw-bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--tw-bg-opacity)); + .lg\:hover\:text-Orange-orange-100:hover { + color: var(--orange-orange-100, #ffa556); } - .group:hover .md\:group-hover\:bg-green-600 { - --tw-bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--tw-bg-opacity)); + .lg\:hover\:text-Orange-orange-200:hover { + color: var(--orange-orange-200, #ffbf86); } - .group:hover .md\:group-hover\:bg-green-700 { - --tw-bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--tw-bg-opacity)); + .lg\:hover\:text-Orange-orange-300:hover { + color: var(--orange-orange-300, #d97f30); } - .group:hover .md\:group-hover\:bg-green-800 { - --tw-bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--tw-bg-opacity)); + .lg\:hover\:text-Orange-orange-400:hover { + color: var(--orange-orange-400, #bf7e46); } - .group:hover .md\:group-hover\:bg-green-900 { - --tw-bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--tw-bg-opacity)); + .lg\:hover\:text-Orange-orange-500:hover { + color: var(--orange-orange-500, #e5720d); } - .group:hover .md\:group-hover\:bg-blue-50 { - --tw-bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--tw-bg-opacity)); + .lg\:hover\:text-Orange-orange-600:hover { + color: var(--orange-orange-600, #b3590a); } - .group:hover .md\:group-hover\:bg-blue-100 { - --tw-bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--tw-bg-opacity)); + .lg\:hover\:text-Orange-orange-700:hover { + color: var(--orange-orange-700, #663306); } - .group:hover .md\:group-hover\:bg-blue-200 { - --tw-bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--tw-bg-opacity)); + .lg\:hover\:text-Yellow-yellow:hover { + color: var(--yellow-yellow, #ffab00); } - .group:hover .md\:group-hover\:bg-blue-300 { - --tw-bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--tw-bg-opacity)); + .lg\:hover\:text-Yellow-yellow-100:hover { + color: var(--yellow-yellow-100, #ffc44c); } - .group:hover .md\:group-hover\:bg-blue-400 { - --tw-bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--tw-bg-opacity)); + .lg\:hover\:text-Yellow-yellow-200:hover { + color: var(--yellow-yellow-200, #ffd580); } - .group:hover .md\:group-hover\:bg-blue-500 { - --tw-bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--tw-bg-opacity)); + .lg\:hover\:text-Yellow-yellow-300:hover { + color: var(--yellow-yellow-300, #d99d26); } - .group:hover .md\:group-hover\:bg-blue-600 { - --tw-bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--tw-bg-opacity)); + .lg\:hover\:text-Yellow-yellow-400:hover { + color: var(--yellow-yellow-400, #bf943f); } - .group:hover .md\:group-hover\:bg-blue-700 { - --tw-bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--tw-bg-opacity)); + .lg\:hover\:text-Yellow-yellow-500:hover { + color: var(--yellow-yellow-500, #e59a00); } - .group:hover .md\:group-hover\:bg-blue-800 { - --tw-bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--tw-bg-opacity)); + .lg\:hover\:text-Yellow-yellow-600:hover { + color: var(--yellow-yellow-600, #b37800); } - .group:hover .md\:group-hover\:bg-blue-900 { - --tw-bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--tw-bg-opacity)); + .lg\:hover\:text-Yellow-yellow-700:hover { + color: var(--yellow-yellow-700, #664400); } - .group:hover .md\:group-hover\:bg-indigo-50 { - --tw-bg-opacity: 1; - background-color: rgba(238, 242, 255, var(--tw-bg-opacity)); + .lg\:hover\:text-Notification-notification:hover { + color: var(--notification-notification, #3959ff); } - .group:hover .md\:group-hover\:bg-indigo-100 { - --tw-bg-opacity: 1; - background-color: rgba(224, 231, 255, var(--tw-bg-opacity)); + .lg\:hover\:text-Notification-notification-100:hover { + color: var(--notification-notification-100, #748bff); } - .group:hover .md\:group-hover\:bg-indigo-200 { - --tw-bg-opacity: 1; - background-color: rgba(199, 210, 254, var(--tw-bg-opacity)); + .lg\:hover\:text-Notification-notification-200:hover { + color: var(--notification-notification-200, #9cacff); } - .group:hover .md\:group-hover\:bg-indigo-300 { - --tw-bg-opacity: 1; - background-color: rgba(165, 180, 252, var(--tw-bg-opacity)); + .lg\:hover\:text-Notification-notification-300:hover { + color: var(--notification-notification-300, #4e64d9); } - .group:hover .md\:group-hover\:bg-indigo-400 { - --tw-bg-opacity: 1; - background-color: rgba(129, 140, 248, var(--tw-bg-opacity)); + .lg\:hover\:text-Notification-notification-400:hover { + color: var(--notification-notification-400, #5c6cbf); } - .group:hover .md\:group-hover\:bg-indigo-500 { - --tw-bg-opacity: 1; - background-color: rgba(99, 102, 241, var(--tw-bg-opacity)); + .lg\:hover\:text-Notification-notification-500:hover { + color: var(--notification-notification-500, #3350e5); } - .group:hover .md\:group-hover\:bg-indigo-600 { - --tw-bg-opacity: 1; - background-color: rgba(79, 70, 229, var(--tw-bg-opacity)); + .lg\:hover\:text-Notification-notification-600:hover { + color: var(--notification-notification-600, #283eb3); } - .group:hover .md\:group-hover\:bg-indigo-700 { - --tw-bg-opacity: 1; - background-color: rgba(67, 56, 202, var(--tw-bg-opacity)); + .lg\:hover\:text-Notification-notification-700:hover { + color: var(--notification-notification-700, #172466); } - .group:hover .md\:group-hover\:bg-indigo-800 { - --tw-bg-opacity: 1; - background-color: rgba(55, 48, 163, var(--tw-bg-opacity)); + .lg\:hover\:text-Success-success\ -700:hover { + color: var(--success-success-700, #24471f); } - .group:hover .md\:group-hover\:bg-indigo-900 { - --tw-bg-opacity: 1; - background-color: rgba(49, 46, 129, var(--tw-bg-opacity)); + .lg\:hover\:text-Success-success:hover { + color: var(--success-success, #5bb14d); } - .group:hover .md\:group-hover\:bg-purple-50 { - --tw-bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--tw-bg-opacity)); + .lg\:hover\:text-Success-success\ -100:hover { + color: var(--success-success-100, #8cc882); } - .group:hover .md\:group-hover\:bg-purple-100 { - --tw-bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--tw-bg-opacity)); + .lg\:hover\:text-Success-success\ -200:hover { + color: var(--success-success-200, #add8a6); } - .group:hover .md\:group-hover\:bg-purple-200 { - --tw-bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--tw-bg-opacity)); + .lg\:hover\:text-Success-success\ -300:hover { + color: var(--success-success-300, #66a25c); } - .group:hover .md\:group-hover\:bg-purple-300 { - --tw-bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--tw-bg-opacity)); + .lg\:hover\:text-Success-success\ -400:hover { + color: var(--success-success-400, #6d9766); } - .group:hover .md\:group-hover\:bg-purple-400 { - --tw-bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--tw-bg-opacity)); + .lg\:hover\:text-Success-success\ -500:hover { + color: var(--success-success-500, #529f45); } - .group:hover .md\:group-hover\:bg-purple-500 { - --tw-bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--tw-bg-opacity)); + .lg\:hover\:text-Success-success\ -600:hover { + color: var(--success-success-600, #407c36); } - .group:hover .md\:group-hover\:bg-purple-600 { - --tw-bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--tw-bg-opacity)); + .lg\:hover\:text-Error-error:hover { + color: var(--error-error, #f03d3e); } - .group:hover .md\:group-hover\:bg-purple-700 { - --tw-bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--tw-bg-opacity)); + .lg\:hover\:text-Error-error-100:hover { + color: var(--error-error-100, #f57778); } - .group:hover .md\:group-hover\:bg-purple-800 { - --tw-bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--tw-bg-opacity)); + .lg\:hover\:text-Error-error-200:hover { + color: var(--error-error-200, #f89e9e); } - .group:hover .md\:group-hover\:bg-purple-900 { - --tw-bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--tw-bg-opacity)); + .lg\:hover\:text-Error-error-250:hover { + color: var(--error-error-250, #f9c8c8); } - .group:hover .md\:group-hover\:bg-pink-50 { - --tw-bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--tw-bg-opacity)); + .lg\:hover\:text-Error-error-300:hover { + color: var(--error-error-300, #ce5151); } - .group:hover .md\:group-hover\:bg-pink-100 { - --tw-bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--tw-bg-opacity)); + .lg\:hover\:text-Error-error-400:hover { + color: var(--error-error-400, #b85e5e); } - .group:hover .md\:group-hover\:bg-pink-200 { - --tw-bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--tw-bg-opacity)); + .lg\:hover\:text-Error-error-500:hover { + color: var(--error-error-500, #d83738); } - .group:hover .md\:group-hover\:bg-pink-300 { - --tw-bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--tw-bg-opacity)); + .lg\:hover\:text-Error-error-600:hover { + color: var(--error-error-600, #a82b2b); } - .group:hover .md\:group-hover\:bg-pink-400 { - --tw-bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--tw-bg-opacity)); + .lg\:hover\:text-Error-error-700:hover { + color: var(--error-error-700, #601819); } - .group:hover .md\:group-hover\:bg-pink-500 { - --tw-bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-black:focus { + color: var(--colors-black, #000000); } - .group:hover .md\:group-hover\:bg-pink-600 { - --tw-bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-white:focus { + color: var(--colors-white, #ffffff); } - .group:hover .md\:group-hover\:bg-pink-700 { - --tw-bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-gray-100:focus { + color: var(--colors-gray-100, #f7fafc); } - .group:hover .md\:group-hover\:bg-pink-800 { - --tw-bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-gray-200:focus { + color: var(--colors-gray-200, #edf2f7); } - .group:hover .md\:group-hover\:bg-pink-900 { - --tw-bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-gray-300:focus { + color: var(--colors-gray-300, #e2e8f0); } - .md\:focus-within\:bg-transparent:focus-within { - background-color: transparent; + .lg\:focus\:text-colors-gray-400:focus { + color: var(--colors-gray-400, #cbd5e0); } - .md\:focus-within\:bg-current:focus-within { - background-color: currentColor; + .lg\:focus\:text-colors-gray-500:focus { + color: var(--colors-gray-500, #a0aec0); } - .md\:focus-within\:bg-black:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-gray-600:focus { + color: var(--colors-gray-600, #718096); } - .md\:focus-within\:bg-white:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-gray-700:focus { + color: var(--colors-gray-700, #4a5568); } - .md\:focus-within\:bg-gray-50:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(249, 250, 251, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-gray-800:focus { + color: var(--colors-gray-800, #2d3748); } - .md\:focus-within\:bg-gray-100:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(243, 244, 246, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-gray-900:focus { + color: var(--colors-gray-900, #1a202c); } - .md\:focus-within\:bg-gray-200:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(229, 231, 235, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-red-100:focus { + color: var(--colors-red-100, #fff5f5); } - .md\:focus-within\:bg-gray-300:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(209, 213, 219, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-red-200:focus { + color: var(--colors-red-200, #fed7d7); } - .md\:focus-within\:bg-gray-400:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(156, 163, 175, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-red-300:focus { + color: var(--colors-red-300, #feb2b2); } - .md\:focus-within\:bg-gray-500:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(107, 114, 128, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-red-400:focus { + color: var(--colors-red-400, #fc8181); } - .md\:focus-within\:bg-gray-600:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(75, 85, 99, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-red-500:focus { + color: var(--colors-red-500, #f56565); } - .md\:focus-within\:bg-gray-700:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(55, 65, 81, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-red-600:focus { + color: var(--colors-red-600, #e53e3e); } - .md\:focus-within\:bg-gray-800:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(31, 41, 55, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-red-700:focus { + color: var(--colors-red-700, #c53030); } - .md\:focus-within\:bg-gray-900:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(17, 24, 39, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-red-800:focus { + color: var(--colors-red-800, #9b2c2c); } - .md\:focus-within\:bg-red-50:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-red-900:focus { + color: var(--colors-red-900, #742a2a); } - .md\:focus-within\:bg-red-100:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-orange-100:focus { + color: var(--colors-orange-100, #fffaf0); } - .md\:focus-within\:bg-red-200:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-orange-200:focus { + color: var(--colors-orange-200, #feebc8); } - .md\:focus-within\:bg-red-300:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-orange-300:focus { + color: var(--colors-orange-300, #fbd38d); } - .md\:focus-within\:bg-red-400:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-orange-400:focus { + color: var(--colors-orange-400, #f6ad55); } - .md\:focus-within\:bg-red-500:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-orange-500:focus { + color: var(--colors-orange-500, #ed8936); } - .md\:focus-within\:bg-red-600:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-orange-600:focus { + color: var(--colors-orange-600, #dd6b20); } - .md\:focus-within\:bg-red-700:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-orange-700:focus { + color: var(--colors-orange-700, #c05621); } - .md\:focus-within\:bg-red-800:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-orange-800:focus { + color: var(--colors-orange-800, #9c4221); } - .md\:focus-within\:bg-red-900:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-orange-900:focus { + color: var(--colors-orange-900, #7b341e); } - .md\:focus-within\:bg-yellow-50:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-yellow-100:focus { + color: var(--colors-yellow-100, #fffff0); } - .md\:focus-within\:bg-yellow-100:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-yellow-200:focus { + color: var(--colors-yellow-200, #fefcbf); } - .md\:focus-within\:bg-yellow-200:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-yellow-300:focus { + color: var(--colors-yellow-300, #faf089); } - .md\:focus-within\:bg-yellow-300:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-yellow-400:focus { + color: var(--colors-yellow-400, #f6e05e); } - .md\:focus-within\:bg-yellow-400:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-yellow-500:focus { + color: var(--colors-yellow-500, #ecc94b); } - .md\:focus-within\:bg-yellow-500:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-yellow-600:focus { + color: var(--colors-yellow-600, #d69e2e); } - .md\:focus-within\:bg-yellow-600:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-yellow-700:focus { + color: var(--colors-yellow-700, #b7791f); } - .md\:focus-within\:bg-yellow-700:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-yellow-800:focus { + color: var(--colors-yellow-800, #975a16); } - .md\:focus-within\:bg-yellow-800:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-yellow-900:focus { + color: var(--colors-yellow-900, #744210); } - .md\:focus-within\:bg-yellow-900:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-green-100:focus { + color: var(--colors-green-100, #f0fff4); } - .md\:focus-within\:bg-green-50:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-green-200:focus { + color: var(--colors-green-200, #c6f6d5); } - .md\:focus-within\:bg-green-100:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-green-300:focus { + color: var(--colors-green-300, #9ae6b4); } - .md\:focus-within\:bg-green-200:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-green-400:focus { + color: var(--colors-green-400, #68d391); } - .md\:focus-within\:bg-green-300:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-green-500:focus { + color: var(--colors-green-500, #48bb78); } - .md\:focus-within\:bg-green-400:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-green-600:focus { + color: var(--colors-green-600, #38a169); } - .md\:focus-within\:bg-green-500:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-green-700:focus { + color: var(--colors-green-700, #2f855a); } - .md\:focus-within\:bg-green-600:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-green-800:focus { + color: var(--colors-green-800, #276749); } - .md\:focus-within\:bg-green-700:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-green-900:focus { + color: var(--colors-green-900, #22543d); } - .md\:focus-within\:bg-green-800:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-teal-100:focus { + color: var(--colors-teal-100, #e6fffa); } - .md\:focus-within\:bg-green-900:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-teal-200:focus { + color: var(--colors-teal-200, #b2f5ea); } - .md\:focus-within\:bg-blue-50:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-teal-300:focus { + color: var(--colors-teal-300, #81e6d9); } - .md\:focus-within\:bg-blue-100:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-teal-400:focus { + color: var(--colors-teal-400, #4fd1c5); } - .md\:focus-within\:bg-blue-200:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-teal-500:focus { + color: var(--colors-teal-500, #38b2ac); } - .md\:focus-within\:bg-blue-300:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-teal-600:focus { + color: var(--colors-teal-600, #319795); } - .md\:focus-within\:bg-blue-400:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-teal-700:focus { + color: var(--colors-teal-700, #2c7a7b); } - .md\:focus-within\:bg-blue-500:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-teal-800:focus { + color: var(--colors-teal-800, #285e61); } - .md\:focus-within\:bg-blue-600:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-teal-900:focus { + color: var(--colors-teal-900, #234e52); } - .md\:focus-within\:bg-blue-700:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-blue-100:focus { + color: var(--colors-blue-100, #ebf8ff); } - .md\:focus-within\:bg-blue-800:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-blue-200:focus { + color: var(--colors-blue-200, #bee3f8); } - .md\:focus-within\:bg-blue-900:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-blue-300:focus { + color: var(--colors-blue-300, #90cdf4); } - .md\:focus-within\:bg-indigo-50:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(238, 242, 255, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-blue-400:focus { + color: var(--colors-blue-400, #63b3ed); } - .md\:focus-within\:bg-indigo-100:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(224, 231, 255, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-blue-500:focus { + color: var(--colors-blue-500, #4299e1); } - .md\:focus-within\:bg-indigo-200:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(199, 210, 254, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-blue-600:focus { + color: var(--colors-blue-600, #3182ce); } - .md\:focus-within\:bg-indigo-300:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(165, 180, 252, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-blue-700:focus { + color: var(--colors-blue-700, #2b6cb0); } - .md\:focus-within\:bg-indigo-400:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(129, 140, 248, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-blue-800:focus { + color: var(--colors-blue-800, #2c5282); } - .md\:focus-within\:bg-indigo-500:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(99, 102, 241, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-blue-900:focus { + color: var(--colors-blue-900, #2a4365); } - .md\:focus-within\:bg-indigo-600:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(79, 70, 229, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-indigo-100:focus { + color: var(--colors-indigo-100, #ebf4ff); } - .md\:focus-within\:bg-indigo-700:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(67, 56, 202, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-indigo-200:focus { + color: var(--colors-indigo-200, #c3dafe); } - .md\:focus-within\:bg-indigo-800:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(55, 48, 163, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-indigo-300:focus { + color: var(--colors-indigo-300, #a3bffa); } - .md\:focus-within\:bg-indigo-900:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(49, 46, 129, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-indigo-400:focus { + color: var(--colors-indigo-400, #7f9cf5); } - .md\:focus-within\:bg-purple-50:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-indigo-500:focus { + color: var(--colors-indigo-500, #667eea); } - .md\:focus-within\:bg-purple-100:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-indigo-600:focus { + color: var(--colors-indigo-600, #5a67d8); } - .md\:focus-within\:bg-purple-200:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-indigo-700:focus { + color: var(--colors-indigo-700, #4c51bf); } - .md\:focus-within\:bg-purple-300:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-indigo-800:focus { + color: var(--colors-indigo-800, #434190); } - .md\:focus-within\:bg-purple-400:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-indigo-900:focus { + color: var(--colors-indigo-900, #3c366b); } - .md\:focus-within\:bg-purple-500:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-purple-100:focus { + color: var(--colors-purple-100, #faf5ff); } - .md\:focus-within\:bg-purple-600:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-purple-200:focus { + color: var(--colors-purple-200, #e9d8fd); } - .md\:focus-within\:bg-purple-700:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-purple-300:focus { + color: var(--colors-purple-300, #d6bcfa); } - .md\:focus-within\:bg-purple-800:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-purple-400:focus { + color: var(--colors-purple-400, #b794f4); } - .md\:focus-within\:bg-purple-900:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-purple-500:focus { + color: var(--colors-purple-500, #9f7aea); } - .md\:focus-within\:bg-pink-50:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-purple-600:focus { + color: var(--colors-purple-600, #805ad5); } - .md\:focus-within\:bg-pink-100:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-purple-700:focus { + color: var(--colors-purple-700, #6b46c1); } - .md\:focus-within\:bg-pink-200:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-purple-800:focus { + color: var(--colors-purple-800, #553c9a); } - .md\:focus-within\:bg-pink-300:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-purple-900:focus { + color: var(--colors-purple-900, #44337a); } - .md\:focus-within\:bg-pink-400:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-pink-100:focus { + color: var(--colors-pink-100, #fff5f7); } - .md\:focus-within\:bg-pink-500:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-pink-200:focus { + color: var(--colors-pink-200, #fed7e2); } - .md\:focus-within\:bg-pink-600:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-pink-300:focus { + color: var(--colors-pink-300, #fbb6ce); } - .md\:focus-within\:bg-pink-700:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-pink-400:focus { + color: var(--colors-pink-400, #f687b3); } - .md\:focus-within\:bg-pink-800:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-pink-500:focus { + color: var(--colors-pink-500, #ed64a6); } - .md\:focus-within\:bg-pink-900:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-pink-600:focus { + color: var(--colors-pink-600, #d53f8c); } - .md\:hover\:bg-transparent:hover { - background-color: transparent; + .lg\:focus\:text-colors-pink-700:focus { + color: var(--colors-pink-700, #b83280); } - .md\:hover\:bg-current:hover { - background-color: currentColor; + .lg\:focus\:text-colors-pink-800:focus { + color: var(--colors-pink-800, #97266d); } - .md\:hover\:bg-black:hover { - --tw-bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--tw-bg-opacity)); + .lg\:focus\:text-colors-pink-900:focus { + color: var(--colors-pink-900, #702459); } - .md\:hover\:bg-white:hover { - --tw-bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); + .lg\:focus\:text-Box\ Shadow:focus { + color: var(--box-shadow, #7f7e7f); } - .md\:hover\:bg-gray-50:hover { - --tw-bg-opacity: 1; - background-color: rgba(249, 250, 251, var(--tw-bg-opacity)); + .lg\:focus\:text-Error16:focus { + color: var(--error16, #f03d3e40); } - .md\:hover\:bg-gray-100:hover { - --tw-bg-opacity: 1; - background-color: rgba(243, 244, 246, var(--tw-bg-opacity)); + .lg\:focus\:text-Success16:focus { + color: var(--success16, #5bb14d40); } - .md\:hover\:bg-gray-200:hover { - --tw-bg-opacity: 1; - background-color: rgba(229, 231, 235, var(--tw-bg-opacity)); + .lg\:focus\:text-Notification16:focus { + color: var(--notification16, #3959ff40); } - .md\:hover\:bg-gray-300:hover { - --tw-bg-opacity: 1; - background-color: rgba(209, 213, 219, var(--tw-bg-opacity)); + .lg\:focus\:text-Error8:focus { + color: var(--error8, #f03d3e1a); } - .md\:hover\:bg-gray-400:hover { - --tw-bg-opacity: 1; - background-color: rgba(156, 163, 175, var(--tw-bg-opacity)); + .lg\:focus\:text-Notification8:focus { + color: var(--notification8, #3959ff1a); } - .md\:hover\:bg-gray-500:hover { - --tw-bg-opacity: 1; - background-color: rgba(107, 114, 128, var(--tw-bg-opacity)); + .lg\:focus\:text-Success8:focus { + color: var(--success8, #5bb14d1a); } - .md\:hover\:bg-gray-600:hover { - --tw-bg-opacity: 1; - background-color: rgba(75, 85, 99, var(--tw-bg-opacity)); + .lg\:focus\:text-Light\ -\ Overlay:focus { + color: var(--light-overlay, #f0edee66); } - .md\:hover\:bg-gray-700:hover { - --tw-bg-opacity: 1; - background-color: rgba(55, 65, 81, var(--tw-bg-opacity)); + .lg\:focus\:text-Dark-\ Overlay:focus { + color: var(--dark-overlay, #7f7e7f66); } - .md\:hover\:bg-gray-800:hover { - --tw-bg-opacity: 1; - background-color: rgba(31, 41, 55, var(--tw-bg-opacity)); + .lg\:focus\:text-black-40:focus { + color: var(--black-40, #00000066); } - .md\:hover\:bg-gray-900:hover { - --tw-bg-opacity: 1; - background-color: rgba(17, 24, 39, var(--tw-bg-opacity)); + .lg\:focus\:text-black-75:focus { + color: var(--black-75, #000000bf); } - .md\:hover\:bg-red-50:hover { - --tw-bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--tw-bg-opacity)); + .lg\:focus\:text-black-60:focus { + color: var(--black-60, #00000099); } - .md\:hover\:bg-red-100:hover { - --tw-bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--tw-bg-opacity)); + .lg\:focus\:text-black-50:focus { + color: var(--black-50, #00000080); } - .md\:hover\:bg-red-200:hover { - --tw-bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--tw-bg-opacity)); + .lg\:focus\:text-black-25:focus { + color: var(--black-25, #00000040); } - .md\:hover\:bg-red-300:hover { - --tw-bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--tw-bg-opacity)); + .lg\:focus\:text-black-10:focus { + color: var(--black-10, #0000001a); } - .md\:hover\:bg-red-400:hover { - --tw-bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--tw-bg-opacity)); + .lg\:focus\:text-white-25:focus { + color: var(--white-25, #ffffff40); } - .md\:hover\:bg-red-500:hover { - --tw-bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--tw-bg-opacity)); + .lg\:focus\:text-white-60:focus { + color: var(--white-60, #ffffff99); } - .md\:hover\:bg-red-600:hover { - --tw-bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--tw-bg-opacity)); + .lg\:focus\:text-black-64:focus { + color: var(--black-64, #000000a3); } - .md\:hover\:bg-red-700:hover { - --tw-bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--tw-bg-opacity)); + .lg\:focus\:text-Shadow\ and\ Highlight-Shadow:focus { + color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .md\:hover\:bg-red-800:hover { - --tw-bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--tw-bg-opacity)); + .lg\:focus\:text-Shadow\ and\ Highlight-Highlight:focus { + color: var(--shadow-and-highlight-highlight, #474747); } - .md\:hover\:bg-red-900:hover { - --tw-bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--tw-bg-opacity)); + .lg\:focus\:text-Shadow\ and\ Highlight-highlight\ one:focus { + color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .md\:hover\:bg-yellow-50:hover { - --tw-bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--tw-bg-opacity)); + .lg\:focus\:text-Shadow\ and\ Highlight-highlight\ two:focus { + color: var(--shadow-and-highlight-highlight-two, #47474799); } - .md\:hover\:bg-yellow-100:hover { - --tw-bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--tw-bg-opacity)); + .lg\:focus\:text-Shadow\ and\ Highlight-highlight\ three:focus { + color: var(--shadow-and-highlight-highlight-three, #47474766); } - .md\:hover\:bg-yellow-200:hover { - --tw-bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--tw-bg-opacity)); + .lg\:focus\:text-Shadow\ and\ Highlight-highlight\ five:focus { + color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .md\:hover\:bg-yellow-300:hover { - --tw-bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--tw-bg-opacity)); + .lg\:focus\:text-Shadow\ and\ Highlight-shadow\ one:focus { + color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .md\:hover\:bg-yellow-400:hover { - --tw-bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--tw-bg-opacity)); + .lg\:focus\:text-Shadow\ and\ Highlight-shadow\ two:focus { + color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .md\:hover\:bg-yellow-500:hover { - --tw-bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--tw-bg-opacity)); + .lg\:focus\:text-Shadow\ and\ Highlight-shadow\ three:focus { + color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .md\:hover\:bg-yellow-600:hover { - --tw-bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--tw-bg-opacity)); + .lg\:focus\:text-Shadow\ and\ Highlight-shadow\ four:focus { + color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .md\:hover\:bg-yellow-700:hover { - --tw-bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--tw-bg-opacity)); + .lg\:focus\:text-Shadow\ and\ Highlight-shadow\ five:focus { + color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .md\:hover\:bg-yellow-800:hover { - --tw-bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--tw-bg-opacity)); + .lg\:focus\:text-Shadow\ and\ Highlight-highlight\ four:focus { + color: var(--shadow-and-highlight-highlight-four, #47474740); } - .md\:hover\:bg-yellow-900:hover { - --tw-bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--tw-bg-opacity)); + .lg\:focus\:text-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus { + color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .md\:hover\:bg-green-50:hover { - --tw-bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--tw-bg-opacity)); + .lg\:focus\:text-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus { + color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .md\:hover\:bg-green-100:hover { - --tw-bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--tw-bg-opacity)); + .lg\:focus\:text-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus { + color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .md\:hover\:bg-green-200:hover { - --tw-bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--tw-bg-opacity)); + .lg\:focus\:text-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus { + color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .md\:hover\:bg-green-300:hover { - --tw-bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--tw-bg-opacity)); + .lg\:focus\:text-Grey-Scale-white:focus { + color: var(--grey-scale-white, #ffffff); } - .md\:hover\:bg-green-400:hover { - --tw-bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--tw-bg-opacity)); + .lg\:focus\:text-Grey-Scale-off-white:focus { + color: var(--grey-scale-off-white, #f0edee); } - .md\:hover\:bg-green-500:hover { - --tw-bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--tw-bg-opacity)); + .lg\:focus\:text-Grey\ Scale-grey:focus { + color: var(--grey-scale-grey, #7f7e7f); } - .md\:hover\:bg-green-600:hover { - --tw-bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--tw-bg-opacity)); + .lg\:focus\:text-Grey\ Scale-charcoal:focus { + color: var(--grey-scale-charcoal, #474747); } - .md\:hover\:bg-green-700:hover { - --tw-bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--tw-bg-opacity)); + .lg\:focus\:text-Grey\ Scale-off-black:focus { + color: var(--grey-scale-off-black, #1c1c1c); } - .md\:hover\:bg-green-800:hover { - --tw-bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--tw-bg-opacity)); + .lg\:focus\:text-Grey\ Scale-black:focus { + color: var(--grey-scale-black, #000000); } - .md\:hover\:bg-green-900:hover { - --tw-bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--tw-bg-opacity)); + .lg\:focus\:text-Blue-blue:focus { + color: var(--blue-blue, #3a7ca5); } - .md\:hover\:bg-blue-50:hover { - --tw-bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--tw-bg-opacity)); + .lg\:focus\:text-Blue-blue-100:focus { + color: var(--blue-blue-100, #75a3c0); } - .md\:hover\:bg-blue-100:hover { - --tw-bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--tw-bg-opacity)); + .lg\:focus\:text-Blue-blue-200:focus { + color: var(--blue-blue-200, #9cbed2); } - .md\:hover\:bg-blue-200:hover { - --tw-bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--tw-bg-opacity)); + .lg\:focus\:text-Blue-blue-300:focus { + color: var(--blue-blue-300, #4f7d9a); } - .md\:hover\:bg-blue-300:hover { - --tw-bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--tw-bg-opacity)); + .lg\:focus\:text-Blue-blue-400:focus { + color: var(--blue-blue-400, #5c7d92); } - .md\:hover\:bg-blue-400:hover { - --tw-bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--tw-bg-opacity)); + .lg\:focus\:text-Blue-blue-500:focus { + color: var(--blue-blue-500, #347095); } - .md\:hover\:bg-blue-500:hover { - --tw-bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--tw-bg-opacity)); + .lg\:focus\:text-Blue-blue-600:focus { + color: var(--blue-blue-600, #295774); } - .md\:hover\:bg-blue-600:hover { - --tw-bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--tw-bg-opacity)); + .lg\:focus\:text-Blue-blue-700:focus { + color: var(--blue-blue-700, #173242); } - .md\:hover\:bg-blue-700:hover { - --tw-bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--tw-bg-opacity)); + .lg\:focus\:text-LightBlue-lightblue:focus { + color: var(--light-blue-lightblue, #81c3d7); } - .md\:hover\:bg-blue-800:hover { - --tw-bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--tw-bg-opacity)); + .lg\:focus\:text-LightBlue-lightblue-100:focus { + color: var(--light-blue-lightblue-100, #a7d5e3); } - .md\:hover\:bg-blue-900:hover { - --tw-bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--tw-bg-opacity)); + .lg\:focus\:text-LightBlue-lightblue-200:focus { + color: var(--light-blue-lightblue-200, #c0e1eb); } - .md\:hover\:bg-indigo-50:hover { - --tw-bg-opacity: 1; - background-color: rgba(238, 242, 255, var(--tw-bg-opacity)); + .lg\:focus\:text-LightBlue-lightblue-300:focus { + color: var(--light-blue-lightblue-300, #80aebd); } - .md\:hover\:bg-indigo-100:hover { - --tw-bg-opacity: 1; - background-color: rgba(224, 231, 255, var(--tw-bg-opacity)); + .lg\:focus\:text-LightBlue-lightblue-400:focus { + color: var(--light-blue-lightblue-400, #80a0ab); } - .md\:hover\:bg-indigo-200:hover { - --tw-bg-opacity: 1; - background-color: rgba(199, 210, 254, var(--tw-bg-opacity)); + .lg\:focus\:text-LightBlue-lightblue-500:focus { + color: var(--light-blue-lightblue-500, #74afc1); } - .md\:hover\:bg-indigo-300:hover { - --tw-bg-opacity: 1; - background-color: rgba(165, 180, 252, var(--tw-bg-opacity)); + .lg\:focus\:text-LightBlue-lightblue-600:focus { + color: var(--light-blue-lightblue-600, #5a8997); } - .md\:hover\:bg-indigo-400:hover { - --tw-bg-opacity: 1; - background-color: rgba(129, 140, 248, var(--tw-bg-opacity)); + .lg\:focus\:text-LightBlue-lightblue-650:focus { + color: var(--light-blue-lightblue-650, #3e5e65); } - .md\:hover\:bg-indigo-500:hover { - --tw-bg-opacity: 1; - background-color: rgba(99, 102, 241, var(--tw-bg-opacity)); + .lg\:focus\:text-LightBlue-lightblue-700:focus { + color: var(--light-blue-lightblue-700, #344e56); } - .md\:hover\:bg-indigo-600:hover { - --tw-bg-opacity: 1; - background-color: rgba(79, 70, 229, var(--tw-bg-opacity)); + .lg\:focus\:text-Orange-orange:focus { + color: var(--orange-orange, #ff7f0e); } - .md\:hover\:bg-indigo-700:hover { - --tw-bg-opacity: 1; - background-color: rgba(67, 56, 202, var(--tw-bg-opacity)); + .lg\:focus\:text-Orange-orange-100:focus { + color: var(--orange-orange-100, #ffa556); } - .md\:hover\:bg-indigo-800:hover { - --tw-bg-opacity: 1; - background-color: rgba(55, 48, 163, var(--tw-bg-opacity)); + .lg\:focus\:text-Orange-orange-200:focus { + color: var(--orange-orange-200, #ffbf86); } - .md\:hover\:bg-indigo-900:hover { - --tw-bg-opacity: 1; - background-color: rgba(49, 46, 129, var(--tw-bg-opacity)); + .lg\:focus\:text-Orange-orange-300:focus { + color: var(--orange-orange-300, #d97f30); } - .md\:hover\:bg-purple-50:hover { - --tw-bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--tw-bg-opacity)); + .lg\:focus\:text-Orange-orange-400:focus { + color: var(--orange-orange-400, #bf7e46); } - .md\:hover\:bg-purple-100:hover { - --tw-bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--tw-bg-opacity)); + .lg\:focus\:text-Orange-orange-500:focus { + color: var(--orange-orange-500, #e5720d); } - .md\:hover\:bg-purple-200:hover { - --tw-bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--tw-bg-opacity)); + .lg\:focus\:text-Orange-orange-600:focus { + color: var(--orange-orange-600, #b3590a); } - .md\:hover\:bg-purple-300:hover { - --tw-bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--tw-bg-opacity)); + .lg\:focus\:text-Orange-orange-700:focus { + color: var(--orange-orange-700, #663306); } - .md\:hover\:bg-purple-400:hover { - --tw-bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--tw-bg-opacity)); + .lg\:focus\:text-Yellow-yellow:focus { + color: var(--yellow-yellow, #ffab00); } - .md\:hover\:bg-purple-500:hover { - --tw-bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--tw-bg-opacity)); + .lg\:focus\:text-Yellow-yellow-100:focus { + color: var(--yellow-yellow-100, #ffc44c); } - .md\:hover\:bg-purple-600:hover { - --tw-bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--tw-bg-opacity)); + .lg\:focus\:text-Yellow-yellow-200:focus { + color: var(--yellow-yellow-200, #ffd580); } - .md\:hover\:bg-purple-700:hover { - --tw-bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--tw-bg-opacity)); + .lg\:focus\:text-Yellow-yellow-300:focus { + color: var(--yellow-yellow-300, #d99d26); } - .md\:hover\:bg-purple-800:hover { - --tw-bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--tw-bg-opacity)); + .lg\:focus\:text-Yellow-yellow-400:focus { + color: var(--yellow-yellow-400, #bf943f); } - .md\:hover\:bg-purple-900:hover { - --tw-bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--tw-bg-opacity)); + .lg\:focus\:text-Yellow-yellow-500:focus { + color: var(--yellow-yellow-500, #e59a00); } - .md\:hover\:bg-pink-50:hover { - --tw-bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--tw-bg-opacity)); + .lg\:focus\:text-Yellow-yellow-600:focus { + color: var(--yellow-yellow-600, #b37800); } - .md\:hover\:bg-pink-100:hover { - --tw-bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--tw-bg-opacity)); + .lg\:focus\:text-Yellow-yellow-700:focus { + color: var(--yellow-yellow-700, #664400); } - .md\:hover\:bg-pink-200:hover { - --tw-bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--tw-bg-opacity)); + .lg\:focus\:text-Notification-notification:focus { + color: var(--notification-notification, #3959ff); } - .md\:hover\:bg-pink-300:hover { - --tw-bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--tw-bg-opacity)); + .lg\:focus\:text-Notification-notification-100:focus { + color: var(--notification-notification-100, #748bff); } - .md\:hover\:bg-pink-400:hover { - --tw-bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--tw-bg-opacity)); + .lg\:focus\:text-Notification-notification-200:focus { + color: var(--notification-notification-200, #9cacff); } - .md\:hover\:bg-pink-500:hover { - --tw-bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--tw-bg-opacity)); + .lg\:focus\:text-Notification-notification-300:focus { + color: var(--notification-notification-300, #4e64d9); } - .md\:hover\:bg-pink-600:hover { - --tw-bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--tw-bg-opacity)); + .lg\:focus\:text-Notification-notification-400:focus { + color: var(--notification-notification-400, #5c6cbf); } - .md\:hover\:bg-pink-700:hover { - --tw-bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--tw-bg-opacity)); + .lg\:focus\:text-Notification-notification-500:focus { + color: var(--notification-notification-500, #3350e5); } - .md\:hover\:bg-pink-800:hover { - --tw-bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--tw-bg-opacity)); + .lg\:focus\:text-Notification-notification-600:focus { + color: var(--notification-notification-600, #283eb3); } - .md\:hover\:bg-pink-900:hover { - --tw-bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--tw-bg-opacity)); + .lg\:focus\:text-Notification-notification-700:focus { + color: var(--notification-notification-700, #172466); } - .md\:focus\:bg-transparent:focus { - background-color: transparent; + .lg\:focus\:text-Success-success\ -700:focus { + color: var(--success-success-700, #24471f); } - .md\:focus\:bg-current:focus { - background-color: currentColor; + .lg\:focus\:text-Success-success:focus { + color: var(--success-success, #5bb14d); } - .md\:focus\:bg-black:focus { - --tw-bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--tw-bg-opacity)); + .lg\:focus\:text-Success-success\ -100:focus { + color: var(--success-success-100, #8cc882); } - .md\:focus\:bg-white:focus { - --tw-bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); + .lg\:focus\:text-Success-success\ -200:focus { + color: var(--success-success-200, #add8a6); } - .md\:focus\:bg-gray-50:focus { - --tw-bg-opacity: 1; - background-color: rgba(249, 250, 251, var(--tw-bg-opacity)); + .lg\:focus\:text-Success-success\ -300:focus { + color: var(--success-success-300, #66a25c); } - .md\:focus\:bg-gray-100:focus { - --tw-bg-opacity: 1; - background-color: rgba(243, 244, 246, var(--tw-bg-opacity)); + .lg\:focus\:text-Success-success\ -400:focus { + color: var(--success-success-400, #6d9766); } - .md\:focus\:bg-gray-200:focus { - --tw-bg-opacity: 1; - background-color: rgba(229, 231, 235, var(--tw-bg-opacity)); + .lg\:focus\:text-Success-success\ -500:focus { + color: var(--success-success-500, #529f45); } - .md\:focus\:bg-gray-300:focus { - --tw-bg-opacity: 1; - background-color: rgba(209, 213, 219, var(--tw-bg-opacity)); + .lg\:focus\:text-Success-success\ -600:focus { + color: var(--success-success-600, #407c36); } - .md\:focus\:bg-gray-400:focus { - --tw-bg-opacity: 1; - background-color: rgba(156, 163, 175, var(--tw-bg-opacity)); + .lg\:focus\:text-Error-error:focus { + color: var(--error-error, #f03d3e); } - .md\:focus\:bg-gray-500:focus { - --tw-bg-opacity: 1; - background-color: rgba(107, 114, 128, var(--tw-bg-opacity)); + .lg\:focus\:text-Error-error-100:focus { + color: var(--error-error-100, #f57778); } - .md\:focus\:bg-gray-600:focus { - --tw-bg-opacity: 1; - background-color: rgba(75, 85, 99, var(--tw-bg-opacity)); + .lg\:focus\:text-Error-error-200:focus { + color: var(--error-error-200, #f89e9e); } - .md\:focus\:bg-gray-700:focus { - --tw-bg-opacity: 1; - background-color: rgba(55, 65, 81, var(--tw-bg-opacity)); + .lg\:focus\:text-Error-error-250:focus { + color: var(--error-error-250, #f9c8c8); } - .md\:focus\:bg-gray-800:focus { - --tw-bg-opacity: 1; - background-color: rgba(31, 41, 55, var(--tw-bg-opacity)); + .lg\:focus\:text-Error-error-300:focus { + color: var(--error-error-300, #ce5151); } - .md\:focus\:bg-gray-900:focus { - --tw-bg-opacity: 1; - background-color: rgba(17, 24, 39, var(--tw-bg-opacity)); + .lg\:focus\:text-Error-error-400:focus { + color: var(--error-error-400, #b85e5e); } - .md\:focus\:bg-red-50:focus { - --tw-bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--tw-bg-opacity)); + .lg\:focus\:text-Error-error-500:focus { + color: var(--error-error-500, #d83738); } - .md\:focus\:bg-red-100:focus { - --tw-bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--tw-bg-opacity)); + .lg\:focus\:text-Error-error-600:focus { + color: var(--error-error-600, #a82b2b); } - .md\:focus\:bg-red-200:focus { - --tw-bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--tw-bg-opacity)); + .lg\:focus\:text-Error-error-700:focus { + color: var(--error-error-700, #601819); } - .md\:focus\:bg-red-300:focus { - --tw-bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--tw-bg-opacity)); + .lg\:text-opacity-0 { + --tw-text-opacity: 0; } - .md\:focus\:bg-red-400:focus { - --tw-bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--tw-bg-opacity)); + .lg\:text-opacity-5 { + --tw-text-opacity: 0.05; } - .md\:focus\:bg-red-500:focus { - --tw-bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--tw-bg-opacity)); + .lg\:text-opacity-10 { + --tw-text-opacity: 0.1; } - .md\:focus\:bg-red-600:focus { - --tw-bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--tw-bg-opacity)); + .lg\:text-opacity-20 { + --tw-text-opacity: 0.2; } - .md\:focus\:bg-red-700:focus { - --tw-bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--tw-bg-opacity)); + .lg\:text-opacity-25 { + --tw-text-opacity: 0.25; } - .md\:focus\:bg-red-800:focus { - --tw-bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--tw-bg-opacity)); + .lg\:text-opacity-30 { + --tw-text-opacity: 0.3; } - .md\:focus\:bg-red-900:focus { - --tw-bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--tw-bg-opacity)); + .lg\:text-opacity-40 { + --tw-text-opacity: 0.4; } - .md\:focus\:bg-yellow-50:focus { - --tw-bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--tw-bg-opacity)); + .lg\:text-opacity-50 { + --tw-text-opacity: 0.5; } - .md\:focus\:bg-yellow-100:focus { - --tw-bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--tw-bg-opacity)); + .lg\:text-opacity-60 { + --tw-text-opacity: 0.6; } - .md\:focus\:bg-yellow-200:focus { - --tw-bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--tw-bg-opacity)); + .lg\:text-opacity-70 { + --tw-text-opacity: 0.7; } - .md\:focus\:bg-yellow-300:focus { - --tw-bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--tw-bg-opacity)); + .lg\:text-opacity-75 { + --tw-text-opacity: 0.75; } - .md\:focus\:bg-yellow-400:focus { - --tw-bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--tw-bg-opacity)); + .lg\:text-opacity-80 { + --tw-text-opacity: 0.8; } - .md\:focus\:bg-yellow-500:focus { - --tw-bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--tw-bg-opacity)); + .lg\:text-opacity-90 { + --tw-text-opacity: 0.9; } - .md\:focus\:bg-yellow-600:focus { - --tw-bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--tw-bg-opacity)); + .lg\:text-opacity-95 { + --tw-text-opacity: 0.95; } - .md\:focus\:bg-yellow-700:focus { - --tw-bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--tw-bg-opacity)); + .lg\:text-opacity-100 { + --tw-text-opacity: 1; } - .md\:focus\:bg-yellow-800:focus { - --tw-bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--tw-bg-opacity)); + .group:hover .lg\:group-hover\:text-opacity-0 { + --tw-text-opacity: 0; } - .md\:focus\:bg-yellow-900:focus { - --tw-bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--tw-bg-opacity)); + .group:hover .lg\:group-hover\:text-opacity-5 { + --tw-text-opacity: 0.05; } - .md\:focus\:bg-green-50:focus { - --tw-bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--tw-bg-opacity)); + .group:hover .lg\:group-hover\:text-opacity-10 { + --tw-text-opacity: 0.1; } - .md\:focus\:bg-green-100:focus { - --tw-bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--tw-bg-opacity)); + .group:hover .lg\:group-hover\:text-opacity-20 { + --tw-text-opacity: 0.2; } - .md\:focus\:bg-green-200:focus { - --tw-bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--tw-bg-opacity)); + .group:hover .lg\:group-hover\:text-opacity-25 { + --tw-text-opacity: 0.25; } - .md\:focus\:bg-green-300:focus { - --tw-bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--tw-bg-opacity)); + .group:hover .lg\:group-hover\:text-opacity-30 { + --tw-text-opacity: 0.3; } - .md\:focus\:bg-green-400:focus { - --tw-bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--tw-bg-opacity)); + .group:hover .lg\:group-hover\:text-opacity-40 { + --tw-text-opacity: 0.4; } - .md\:focus\:bg-green-500:focus { - --tw-bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--tw-bg-opacity)); + .group:hover .lg\:group-hover\:text-opacity-50 { + --tw-text-opacity: 0.5; } - .md\:focus\:bg-green-600:focus { - --tw-bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--tw-bg-opacity)); + .group:hover .lg\:group-hover\:text-opacity-60 { + --tw-text-opacity: 0.6; } - .md\:focus\:bg-green-700:focus { - --tw-bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--tw-bg-opacity)); + .group:hover .lg\:group-hover\:text-opacity-70 { + --tw-text-opacity: 0.7; } - .md\:focus\:bg-green-800:focus { - --tw-bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--tw-bg-opacity)); + .group:hover .lg\:group-hover\:text-opacity-75 { + --tw-text-opacity: 0.75; } - .md\:focus\:bg-green-900:focus { - --tw-bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--tw-bg-opacity)); + .group:hover .lg\:group-hover\:text-opacity-80 { + --tw-text-opacity: 0.8; } - .md\:focus\:bg-blue-50:focus { - --tw-bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--tw-bg-opacity)); + .group:hover .lg\:group-hover\:text-opacity-90 { + --tw-text-opacity: 0.9; } - .md\:focus\:bg-blue-100:focus { - --tw-bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--tw-bg-opacity)); + .group:hover .lg\:group-hover\:text-opacity-95 { + --tw-text-opacity: 0.95; } - .md\:focus\:bg-blue-200:focus { - --tw-bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--tw-bg-opacity)); + .group:hover .lg\:group-hover\:text-opacity-100 { + --tw-text-opacity: 1; } - .md\:focus\:bg-blue-300:focus { - --tw-bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--tw-bg-opacity)); + .lg\:focus-within\:text-opacity-0:focus-within { + --tw-text-opacity: 0; } - .md\:focus\:bg-blue-400:focus { - --tw-bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--tw-bg-opacity)); + .lg\:focus-within\:text-opacity-5:focus-within { + --tw-text-opacity: 0.05; } - .md\:focus\:bg-blue-500:focus { - --tw-bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--tw-bg-opacity)); + .lg\:focus-within\:text-opacity-10:focus-within { + --tw-text-opacity: 0.1; } - .md\:focus\:bg-blue-600:focus { - --tw-bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--tw-bg-opacity)); + .lg\:focus-within\:text-opacity-20:focus-within { + --tw-text-opacity: 0.2; } - .md\:focus\:bg-blue-700:focus { - --tw-bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--tw-bg-opacity)); + .lg\:focus-within\:text-opacity-25:focus-within { + --tw-text-opacity: 0.25; } - .md\:focus\:bg-blue-800:focus { - --tw-bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--tw-bg-opacity)); + .lg\:focus-within\:text-opacity-30:focus-within { + --tw-text-opacity: 0.3; } - .md\:focus\:bg-blue-900:focus { - --tw-bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--tw-bg-opacity)); + .lg\:focus-within\:text-opacity-40:focus-within { + --tw-text-opacity: 0.4; } - .md\:focus\:bg-indigo-50:focus { - --tw-bg-opacity: 1; - background-color: rgba(238, 242, 255, var(--tw-bg-opacity)); + .lg\:focus-within\:text-opacity-50:focus-within { + --tw-text-opacity: 0.5; } - .md\:focus\:bg-indigo-100:focus { - --tw-bg-opacity: 1; - background-color: rgba(224, 231, 255, var(--tw-bg-opacity)); + .lg\:focus-within\:text-opacity-60:focus-within { + --tw-text-opacity: 0.6; } - .md\:focus\:bg-indigo-200:focus { - --tw-bg-opacity: 1; - background-color: rgba(199, 210, 254, var(--tw-bg-opacity)); + .lg\:focus-within\:text-opacity-70:focus-within { + --tw-text-opacity: 0.7; } - .md\:focus\:bg-indigo-300:focus { - --tw-bg-opacity: 1; - background-color: rgba(165, 180, 252, var(--tw-bg-opacity)); + .lg\:focus-within\:text-opacity-75:focus-within { + --tw-text-opacity: 0.75; } - .md\:focus\:bg-indigo-400:focus { - --tw-bg-opacity: 1; - background-color: rgba(129, 140, 248, var(--tw-bg-opacity)); + .lg\:focus-within\:text-opacity-80:focus-within { + --tw-text-opacity: 0.8; } - .md\:focus\:bg-indigo-500:focus { - --tw-bg-opacity: 1; - background-color: rgba(99, 102, 241, var(--tw-bg-opacity)); + .lg\:focus-within\:text-opacity-90:focus-within { + --tw-text-opacity: 0.9; } - .md\:focus\:bg-indigo-600:focus { - --tw-bg-opacity: 1; - background-color: rgba(79, 70, 229, var(--tw-bg-opacity)); + .lg\:focus-within\:text-opacity-95:focus-within { + --tw-text-opacity: 0.95; } - .md\:focus\:bg-indigo-700:focus { - --tw-bg-opacity: 1; - background-color: rgba(67, 56, 202, var(--tw-bg-opacity)); + .lg\:focus-within\:text-opacity-100:focus-within { + --tw-text-opacity: 1; } - .md\:focus\:bg-indigo-800:focus { - --tw-bg-opacity: 1; - background-color: rgba(55, 48, 163, var(--tw-bg-opacity)); + .lg\:hover\:text-opacity-0:hover { + --tw-text-opacity: 0; } - .md\:focus\:bg-indigo-900:focus { - --tw-bg-opacity: 1; - background-color: rgba(49, 46, 129, var(--tw-bg-opacity)); + .lg\:hover\:text-opacity-5:hover { + --tw-text-opacity: 0.05; } - .md\:focus\:bg-purple-50:focus { - --tw-bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--tw-bg-opacity)); + .lg\:hover\:text-opacity-10:hover { + --tw-text-opacity: 0.1; } - .md\:focus\:bg-purple-100:focus { - --tw-bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--tw-bg-opacity)); + .lg\:hover\:text-opacity-20:hover { + --tw-text-opacity: 0.2; } - .md\:focus\:bg-purple-200:focus { - --tw-bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--tw-bg-opacity)); + .lg\:hover\:text-opacity-25:hover { + --tw-text-opacity: 0.25; } - .md\:focus\:bg-purple-300:focus { - --tw-bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--tw-bg-opacity)); + .lg\:hover\:text-opacity-30:hover { + --tw-text-opacity: 0.3; } - .md\:focus\:bg-purple-400:focus { - --tw-bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--tw-bg-opacity)); + .lg\:hover\:text-opacity-40:hover { + --tw-text-opacity: 0.4; } - .md\:focus\:bg-purple-500:focus { - --tw-bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--tw-bg-opacity)); + .lg\:hover\:text-opacity-50:hover { + --tw-text-opacity: 0.5; } - .md\:focus\:bg-purple-600:focus { - --tw-bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--tw-bg-opacity)); + .lg\:hover\:text-opacity-60:hover { + --tw-text-opacity: 0.6; } - .md\:focus\:bg-purple-700:focus { - --tw-bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--tw-bg-opacity)); + .lg\:hover\:text-opacity-70:hover { + --tw-text-opacity: 0.7; } - .md\:focus\:bg-purple-800:focus { - --tw-bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--tw-bg-opacity)); + .lg\:hover\:text-opacity-75:hover { + --tw-text-opacity: 0.75; } - .md\:focus\:bg-purple-900:focus { - --tw-bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--tw-bg-opacity)); + .lg\:hover\:text-opacity-80:hover { + --tw-text-opacity: 0.8; } - .md\:focus\:bg-pink-50:focus { - --tw-bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--tw-bg-opacity)); + .lg\:hover\:text-opacity-90:hover { + --tw-text-opacity: 0.9; } - .md\:focus\:bg-pink-100:focus { - --tw-bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--tw-bg-opacity)); + .lg\:hover\:text-opacity-95:hover { + --tw-text-opacity: 0.95; } - .md\:focus\:bg-pink-200:focus { - --tw-bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--tw-bg-opacity)); + .lg\:hover\:text-opacity-100:hover { + --tw-text-opacity: 1; } - .md\:focus\:bg-pink-300:focus { - --tw-bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--tw-bg-opacity)); + .lg\:focus\:text-opacity-0:focus { + --tw-text-opacity: 0; } - .md\:focus\:bg-pink-400:focus { - --tw-bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--tw-bg-opacity)); + .lg\:focus\:text-opacity-5:focus { + --tw-text-opacity: 0.05; } - .md\:focus\:bg-pink-500:focus { - --tw-bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--tw-bg-opacity)); + .lg\:focus\:text-opacity-10:focus { + --tw-text-opacity: 0.1; } - .md\:focus\:bg-pink-600:focus { - --tw-bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--tw-bg-opacity)); + .lg\:focus\:text-opacity-20:focus { + --tw-text-opacity: 0.2; } - .md\:focus\:bg-pink-700:focus { - --tw-bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--tw-bg-opacity)); + .lg\:focus\:text-opacity-25:focus { + --tw-text-opacity: 0.25; } - .md\:focus\:bg-pink-800:focus { - --tw-bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--tw-bg-opacity)); + .lg\:focus\:text-opacity-30:focus { + --tw-text-opacity: 0.3; } - .md\:focus\:bg-pink-900:focus { - --tw-bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--tw-bg-opacity)); + .lg\:focus\:text-opacity-40:focus { + --tw-text-opacity: 0.4; } - .md\:bg-opacity-0 { - --tw-bg-opacity: 0; + .lg\:focus\:text-opacity-50:focus { + --tw-text-opacity: 0.5; } - .md\:bg-opacity-5 { - --tw-bg-opacity: 0.05; + .lg\:focus\:text-opacity-60:focus { + --tw-text-opacity: 0.6; } - .md\:bg-opacity-10 { - --tw-bg-opacity: 0.1; + .lg\:focus\:text-opacity-70:focus { + --tw-text-opacity: 0.7; } - .md\:bg-opacity-20 { - --tw-bg-opacity: 0.2; + .lg\:focus\:text-opacity-75:focus { + --tw-text-opacity: 0.75; } - .md\:bg-opacity-25 { - --tw-bg-opacity: 0.25; + .lg\:focus\:text-opacity-80:focus { + --tw-text-opacity: 0.8; } - .md\:bg-opacity-30 { - --tw-bg-opacity: 0.3; + .lg\:focus\:text-opacity-90:focus { + --tw-text-opacity: 0.9; } - .md\:bg-opacity-40 { - --tw-bg-opacity: 0.4; + .lg\:focus\:text-opacity-95:focus { + --tw-text-opacity: 0.95; } - .md\:bg-opacity-50 { - --tw-bg-opacity: 0.5; + .lg\:focus\:text-opacity-100:focus { + --tw-text-opacity: 1; } - .md\:bg-opacity-60 { - --tw-bg-opacity: 0.6; + .lg\:underline { + text-decoration: underline; } - .md\:bg-opacity-70 { - --tw-bg-opacity: 0.7; + .lg\:line-through { + text-decoration: line-through; } - .md\:bg-opacity-75 { - --tw-bg-opacity: 0.75; + .lg\:no-underline { + text-decoration: none; } - .md\:bg-opacity-80 { - --tw-bg-opacity: 0.8; + .group:hover .lg\:group-hover\:underline { + text-decoration: underline; } - .md\:bg-opacity-90 { - --tw-bg-opacity: 0.9; + .group:hover .lg\:group-hover\:line-through { + text-decoration: line-through; } - .md\:bg-opacity-95 { - --tw-bg-opacity: 0.95; + .group:hover .lg\:group-hover\:no-underline { + text-decoration: none; } - .md\:bg-opacity-100 { - --tw-bg-opacity: 1; + .lg\:focus-within\:underline:focus-within { + text-decoration: underline; } - .group:hover .md\:group-hover\:bg-opacity-0 { - --tw-bg-opacity: 0; + .lg\:focus-within\:line-through:focus-within { + text-decoration: line-through; } - .group:hover .md\:group-hover\:bg-opacity-5 { - --tw-bg-opacity: 0.05; + .lg\:focus-within\:no-underline:focus-within { + text-decoration: none; } - .group:hover .md\:group-hover\:bg-opacity-10 { - --tw-bg-opacity: 0.1; + .lg\:hover\:underline:hover { + text-decoration: underline; } - .group:hover .md\:group-hover\:bg-opacity-20 { - --tw-bg-opacity: 0.2; + .lg\:hover\:line-through:hover { + text-decoration: line-through; } - .group:hover .md\:group-hover\:bg-opacity-25 { - --tw-bg-opacity: 0.25; + .lg\:hover\:no-underline:hover { + text-decoration: none; } - .group:hover .md\:group-hover\:bg-opacity-30 { - --tw-bg-opacity: 0.3; + .lg\:focus\:underline:focus { + text-decoration: underline; } - .group:hover .md\:group-hover\:bg-opacity-40 { - --tw-bg-opacity: 0.4; + .lg\:focus\:line-through:focus { + text-decoration: line-through; } - .group:hover .md\:group-hover\:bg-opacity-50 { - --tw-bg-opacity: 0.5; + .lg\:focus\:no-underline:focus { + text-decoration: none; } - .group:hover .md\:group-hover\:bg-opacity-60 { - --tw-bg-opacity: 0.6; + .lg\:antialiased { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } - .group:hover .md\:group-hover\:bg-opacity-70 { - --tw-bg-opacity: 0.7; + .lg\:subpixel-antialiased { + -webkit-font-smoothing: auto; + -moz-osx-font-smoothing: auto; } - .group:hover .md\:group-hover\:bg-opacity-75 { - --tw-bg-opacity: 0.75; + .lg\:placeholder-colors-black::-moz-placeholder { + color: var(--colors-black, #000000); } - .group:hover .md\:group-hover\:bg-opacity-80 { - --tw-bg-opacity: 0.8; + .lg\:placeholder-colors-black::placeholder { + color: var(--colors-black, #000000); } - .group:hover .md\:group-hover\:bg-opacity-90 { - --tw-bg-opacity: 0.9; + .lg\:placeholder-colors-white::-moz-placeholder { + color: var(--colors-white, #ffffff); } - .group:hover .md\:group-hover\:bg-opacity-95 { - --tw-bg-opacity: 0.95; + .lg\:placeholder-colors-white::placeholder { + color: var(--colors-white, #ffffff); } - .group:hover .md\:group-hover\:bg-opacity-100 { - --tw-bg-opacity: 1; + .lg\:placeholder-colors-gray-100::-moz-placeholder { + color: var(--colors-gray-100, #f7fafc); } - .md\:focus-within\:bg-opacity-0:focus-within { - --tw-bg-opacity: 0; + .lg\:placeholder-colors-gray-100::placeholder { + color: var(--colors-gray-100, #f7fafc); } - .md\:focus-within\:bg-opacity-5:focus-within { - --tw-bg-opacity: 0.05; + .lg\:placeholder-colors-gray-200::-moz-placeholder { + color: var(--colors-gray-200, #edf2f7); } - .md\:focus-within\:bg-opacity-10:focus-within { - --tw-bg-opacity: 0.1; + .lg\:placeholder-colors-gray-200::placeholder { + color: var(--colors-gray-200, #edf2f7); } - .md\:focus-within\:bg-opacity-20:focus-within { - --tw-bg-opacity: 0.2; + .lg\:placeholder-colors-gray-300::-moz-placeholder { + color: var(--colors-gray-300, #e2e8f0); } - .md\:focus-within\:bg-opacity-25:focus-within { - --tw-bg-opacity: 0.25; + .lg\:placeholder-colors-gray-300::placeholder { + color: var(--colors-gray-300, #e2e8f0); } - .md\:focus-within\:bg-opacity-30:focus-within { - --tw-bg-opacity: 0.3; + .lg\:placeholder-colors-gray-400::-moz-placeholder { + color: var(--colors-gray-400, #cbd5e0); } - .md\:focus-within\:bg-opacity-40:focus-within { - --tw-bg-opacity: 0.4; + .lg\:placeholder-colors-gray-400::placeholder { + color: var(--colors-gray-400, #cbd5e0); } - .md\:focus-within\:bg-opacity-50:focus-within { - --tw-bg-opacity: 0.5; + .lg\:placeholder-colors-gray-500::-moz-placeholder { + color: var(--colors-gray-500, #a0aec0); } - .md\:focus-within\:bg-opacity-60:focus-within { - --tw-bg-opacity: 0.6; + .lg\:placeholder-colors-gray-500::placeholder { + color: var(--colors-gray-500, #a0aec0); } - .md\:focus-within\:bg-opacity-70:focus-within { - --tw-bg-opacity: 0.7; + .lg\:placeholder-colors-gray-600::-moz-placeholder { + color: var(--colors-gray-600, #718096); } - .md\:focus-within\:bg-opacity-75:focus-within { - --tw-bg-opacity: 0.75; + .lg\:placeholder-colors-gray-600::placeholder { + color: var(--colors-gray-600, #718096); } - .md\:focus-within\:bg-opacity-80:focus-within { - --tw-bg-opacity: 0.8; + .lg\:placeholder-colors-gray-700::-moz-placeholder { + color: var(--colors-gray-700, #4a5568); } - .md\:focus-within\:bg-opacity-90:focus-within { - --tw-bg-opacity: 0.9; + .lg\:placeholder-colors-gray-700::placeholder { + color: var(--colors-gray-700, #4a5568); } - .md\:focus-within\:bg-opacity-95:focus-within { - --tw-bg-opacity: 0.95; + .lg\:placeholder-colors-gray-800::-moz-placeholder { + color: var(--colors-gray-800, #2d3748); } - .md\:focus-within\:bg-opacity-100:focus-within { - --tw-bg-opacity: 1; + .lg\:placeholder-colors-gray-800::placeholder { + color: var(--colors-gray-800, #2d3748); } - .md\:hover\:bg-opacity-0:hover { - --tw-bg-opacity: 0; + .lg\:placeholder-colors-gray-900::-moz-placeholder { + color: var(--colors-gray-900, #1a202c); } - .md\:hover\:bg-opacity-5:hover { - --tw-bg-opacity: 0.05; + .lg\:placeholder-colors-gray-900::placeholder { + color: var(--colors-gray-900, #1a202c); } - .md\:hover\:bg-opacity-10:hover { - --tw-bg-opacity: 0.1; + .lg\:placeholder-colors-red-100::-moz-placeholder { + color: var(--colors-red-100, #fff5f5); } - .md\:hover\:bg-opacity-20:hover { - --tw-bg-opacity: 0.2; + .lg\:placeholder-colors-red-100::placeholder { + color: var(--colors-red-100, #fff5f5); } - .md\:hover\:bg-opacity-25:hover { - --tw-bg-opacity: 0.25; + .lg\:placeholder-colors-red-200::-moz-placeholder { + color: var(--colors-red-200, #fed7d7); } - .md\:hover\:bg-opacity-30:hover { - --tw-bg-opacity: 0.3; + .lg\:placeholder-colors-red-200::placeholder { + color: var(--colors-red-200, #fed7d7); } - .md\:hover\:bg-opacity-40:hover { - --tw-bg-opacity: 0.4; + .lg\:placeholder-colors-red-300::-moz-placeholder { + color: var(--colors-red-300, #feb2b2); } - .md\:hover\:bg-opacity-50:hover { - --tw-bg-opacity: 0.5; + .lg\:placeholder-colors-red-300::placeholder { + color: var(--colors-red-300, #feb2b2); } - .md\:hover\:bg-opacity-60:hover { - --tw-bg-opacity: 0.6; + .lg\:placeholder-colors-red-400::-moz-placeholder { + color: var(--colors-red-400, #fc8181); } - .md\:hover\:bg-opacity-70:hover { - --tw-bg-opacity: 0.7; + .lg\:placeholder-colors-red-400::placeholder { + color: var(--colors-red-400, #fc8181); } - .md\:hover\:bg-opacity-75:hover { - --tw-bg-opacity: 0.75; + .lg\:placeholder-colors-red-500::-moz-placeholder { + color: var(--colors-red-500, #f56565); } - .md\:hover\:bg-opacity-80:hover { - --tw-bg-opacity: 0.8; + .lg\:placeholder-colors-red-500::placeholder { + color: var(--colors-red-500, #f56565); } - .md\:hover\:bg-opacity-90:hover { - --tw-bg-opacity: 0.9; + .lg\:placeholder-colors-red-600::-moz-placeholder { + color: var(--colors-red-600, #e53e3e); } - .md\:hover\:bg-opacity-95:hover { - --tw-bg-opacity: 0.95; + .lg\:placeholder-colors-red-600::placeholder { + color: var(--colors-red-600, #e53e3e); } - .md\:hover\:bg-opacity-100:hover { - --tw-bg-opacity: 1; + .lg\:placeholder-colors-red-700::-moz-placeholder { + color: var(--colors-red-700, #c53030); } - .md\:focus\:bg-opacity-0:focus { - --tw-bg-opacity: 0; + .lg\:placeholder-colors-red-700::placeholder { + color: var(--colors-red-700, #c53030); } - .md\:focus\:bg-opacity-5:focus { - --tw-bg-opacity: 0.05; + .lg\:placeholder-colors-red-800::-moz-placeholder { + color: var(--colors-red-800, #9b2c2c); } - .md\:focus\:bg-opacity-10:focus { - --tw-bg-opacity: 0.1; + .lg\:placeholder-colors-red-800::placeholder { + color: var(--colors-red-800, #9b2c2c); } - .md\:focus\:bg-opacity-20:focus { - --tw-bg-opacity: 0.2; + .lg\:placeholder-colors-red-900::-moz-placeholder { + color: var(--colors-red-900, #742a2a); } - .md\:focus\:bg-opacity-25:focus { - --tw-bg-opacity: 0.25; + .lg\:placeholder-colors-red-900::placeholder { + color: var(--colors-red-900, #742a2a); } - .md\:focus\:bg-opacity-30:focus { - --tw-bg-opacity: 0.3; + .lg\:placeholder-colors-orange-100::-moz-placeholder { + color: var(--colors-orange-100, #fffaf0); } - .md\:focus\:bg-opacity-40:focus { - --tw-bg-opacity: 0.4; + .lg\:placeholder-colors-orange-100::placeholder { + color: var(--colors-orange-100, #fffaf0); } - .md\:focus\:bg-opacity-50:focus { - --tw-bg-opacity: 0.5; + .lg\:placeholder-colors-orange-200::-moz-placeholder { + color: var(--colors-orange-200, #feebc8); } - .md\:focus\:bg-opacity-60:focus { - --tw-bg-opacity: 0.6; + .lg\:placeholder-colors-orange-200::placeholder { + color: var(--colors-orange-200, #feebc8); } - .md\:focus\:bg-opacity-70:focus { - --tw-bg-opacity: 0.7; + .lg\:placeholder-colors-orange-300::-moz-placeholder { + color: var(--colors-orange-300, #fbd38d); } - .md\:focus\:bg-opacity-75:focus { - --tw-bg-opacity: 0.75; + .lg\:placeholder-colors-orange-300::placeholder { + color: var(--colors-orange-300, #fbd38d); } - .md\:focus\:bg-opacity-80:focus { - --tw-bg-opacity: 0.8; + .lg\:placeholder-colors-orange-400::-moz-placeholder { + color: var(--colors-orange-400, #f6ad55); } - .md\:focus\:bg-opacity-90:focus { - --tw-bg-opacity: 0.9; + .lg\:placeholder-colors-orange-400::placeholder { + color: var(--colors-orange-400, #f6ad55); } - .md\:focus\:bg-opacity-95:focus { - --tw-bg-opacity: 0.95; + .lg\:placeholder-colors-orange-500::-moz-placeholder { + color: var(--colors-orange-500, #ed8936); } - .md\:focus\:bg-opacity-100:focus { - --tw-bg-opacity: 1; + .lg\:placeholder-colors-orange-500::placeholder { + color: var(--colors-orange-500, #ed8936); } - .md\:bg-none { - background-image: none; + .lg\:placeholder-colors-orange-600::-moz-placeholder { + color: var(--colors-orange-600, #dd6b20); } - .md\:bg-gradient-to-t { - background-image: linear-gradient(to top, var(--tw-gradient-stops)); + .lg\:placeholder-colors-orange-600::placeholder { + color: var(--colors-orange-600, #dd6b20); } - .md\:bg-gradient-to-tr { - background-image: linear-gradient(to top right, var(--tw-gradient-stops)); + .lg\:placeholder-colors-orange-700::-moz-placeholder { + color: var(--colors-orange-700, #c05621); } - .md\:bg-gradient-to-r { - background-image: linear-gradient(to right, var(--tw-gradient-stops)); + .lg\:placeholder-colors-orange-700::placeholder { + color: var(--colors-orange-700, #c05621); } - .md\:bg-gradient-to-br { - background-image: linear-gradient(to bottom right, var(--tw-gradient-stops)); + .lg\:placeholder-colors-orange-800::-moz-placeholder { + color: var(--colors-orange-800, #9c4221); } - .md\:bg-gradient-to-b { - background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); + .lg\:placeholder-colors-orange-800::placeholder { + color: var(--colors-orange-800, #9c4221); } - .md\:bg-gradient-to-bl { - background-image: linear-gradient(to bottom left, var(--tw-gradient-stops)); + .lg\:placeholder-colors-orange-900::-moz-placeholder { + color: var(--colors-orange-900, #7b341e); } - .md\:bg-gradient-to-l { - background-image: linear-gradient(to left, var(--tw-gradient-stops)); + .lg\:placeholder-colors-orange-900::placeholder { + color: var(--colors-orange-900, #7b341e); } - .md\:bg-gradient-to-tl { - background-image: linear-gradient(to top left, var(--tw-gradient-stops)); + .lg\:placeholder-colors-yellow-100::-moz-placeholder { + color: var(--colors-yellow-100, #fffff0); } - .md\:from-transparent { - --tw-gradient-from: transparent; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); + .lg\:placeholder-colors-yellow-100::placeholder { + color: var(--colors-yellow-100, #fffff0); } - .md\:from-current { - --tw-gradient-from: currentColor; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + .lg\:placeholder-colors-yellow-200::-moz-placeholder { + color: var(--colors-yellow-200, #fefcbf); } - .md\:from-black { - --tw-gradient-from: #000; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); + .lg\:placeholder-colors-yellow-200::placeholder { + color: var(--colors-yellow-200, #fefcbf); } - .md\:from-white { - --tw-gradient-from: #fff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + .lg\:placeholder-colors-yellow-300::-moz-placeholder { + color: var(--colors-yellow-300, #faf089); } - .md\:from-gray-50 { - --tw-gradient-from: #f9fafb; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0)); + .lg\:placeholder-colors-yellow-300::placeholder { + color: var(--colors-yellow-300, #faf089); } - .md\:from-gray-100 { - --tw-gradient-from: #f3f4f6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0)); + .lg\:placeholder-colors-yellow-400::-moz-placeholder { + color: var(--colors-yellow-400, #f6e05e); } - .md\:from-gray-200 { - --tw-gradient-from: #e5e7eb; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0)); + .lg\:placeholder-colors-yellow-400::placeholder { + color: var(--colors-yellow-400, #f6e05e); } - .md\:from-gray-300 { - --tw-gradient-from: #d1d5db; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0)); + .lg\:placeholder-colors-yellow-500::-moz-placeholder { + color: var(--colors-yellow-500, #ecc94b); } - .md\:from-gray-400 { - --tw-gradient-from: #9ca3af; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0)); + .lg\:placeholder-colors-yellow-500::placeholder { + color: var(--colors-yellow-500, #ecc94b); } - .md\:from-gray-500 { - --tw-gradient-from: #6b7280; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0)); + .lg\:placeholder-colors-yellow-600::-moz-placeholder { + color: var(--colors-yellow-600, #d69e2e); } - .md\:from-gray-600 { - --tw-gradient-from: #4b5563; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0)); + .lg\:placeholder-colors-yellow-600::placeholder { + color: var(--colors-yellow-600, #d69e2e); } - .md\:from-gray-700 { - --tw-gradient-from: #374151; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0)); + .lg\:placeholder-colors-yellow-700::-moz-placeholder { + color: var(--colors-yellow-700, #b7791f); } - .md\:from-gray-800 { - --tw-gradient-from: #1f2937; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0)); + .lg\:placeholder-colors-yellow-700::placeholder { + color: var(--colors-yellow-700, #b7791f); } - .md\:from-gray-900 { - --tw-gradient-from: #111827; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0)); + .lg\:placeholder-colors-yellow-800::-moz-placeholder { + color: var(--colors-yellow-800, #975a16); } - .md\:from-red-50 { - --tw-gradient-from: #fef2f2; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0)); + .lg\:placeholder-colors-yellow-800::placeholder { + color: var(--colors-yellow-800, #975a16); } - .md\:from-red-100 { - --tw-gradient-from: #fee2e2; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0)); + .lg\:placeholder-colors-yellow-900::-moz-placeholder { + color: var(--colors-yellow-900, #744210); } - .md\:from-red-200 { - --tw-gradient-from: #fecaca; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0)); + .lg\:placeholder-colors-yellow-900::placeholder { + color: var(--colors-yellow-900, #744210); } - .md\:from-red-300 { - --tw-gradient-from: #fca5a5; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0)); + .lg\:placeholder-colors-green-100::-moz-placeholder { + color: var(--colors-green-100, #f0fff4); } - .md\:from-red-400 { - --tw-gradient-from: #f87171; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0)); + .lg\:placeholder-colors-green-100::placeholder { + color: var(--colors-green-100, #f0fff4); } - .md\:from-red-500 { - --tw-gradient-from: #ef4444; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0)); + .lg\:placeholder-colors-green-200::-moz-placeholder { + color: var(--colors-green-200, #c6f6d5); } - .md\:from-red-600 { - --tw-gradient-from: #dc2626; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0)); + .lg\:placeholder-colors-green-200::placeholder { + color: var(--colors-green-200, #c6f6d5); } - .md\:from-red-700 { - --tw-gradient-from: #b91c1c; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0)); + .lg\:placeholder-colors-green-300::-moz-placeholder { + color: var(--colors-green-300, #9ae6b4); } - .md\:from-red-800 { - --tw-gradient-from: #991b1b; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0)); + .lg\:placeholder-colors-green-300::placeholder { + color: var(--colors-green-300, #9ae6b4); } - .md\:from-red-900 { - --tw-gradient-from: #7f1d1d; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0)); + .lg\:placeholder-colors-green-400::-moz-placeholder { + color: var(--colors-green-400, #68d391); } - .md\:from-yellow-50 { - --tw-gradient-from: #fffbeb; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0)); + .lg\:placeholder-colors-green-400::placeholder { + color: var(--colors-green-400, #68d391); } - .md\:from-yellow-100 { - --tw-gradient-from: #fef3c7; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0)); + .lg\:placeholder-colors-green-500::-moz-placeholder { + color: var(--colors-green-500, #48bb78); } - .md\:from-yellow-200 { - --tw-gradient-from: #fde68a; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0)); + .lg\:placeholder-colors-green-500::placeholder { + color: var(--colors-green-500, #48bb78); } - .md\:from-yellow-300 { - --tw-gradient-from: #fcd34d; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0)); + .lg\:placeholder-colors-green-600::-moz-placeholder { + color: var(--colors-green-600, #38a169); } - .md\:from-yellow-400 { - --tw-gradient-from: #fbbf24; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0)); + .lg\:placeholder-colors-green-600::placeholder { + color: var(--colors-green-600, #38a169); } - .md\:from-yellow-500 { - --tw-gradient-from: #f59e0b; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0)); + .lg\:placeholder-colors-green-700::-moz-placeholder { + color: var(--colors-green-700, #2f855a); } - .md\:from-yellow-600 { - --tw-gradient-from: #d97706; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0)); + .lg\:placeholder-colors-green-700::placeholder { + color: var(--colors-green-700, #2f855a); } - .md\:from-yellow-700 { - --tw-gradient-from: #b45309; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0)); + .lg\:placeholder-colors-green-800::-moz-placeholder { + color: var(--colors-green-800, #276749); } - .md\:from-yellow-800 { - --tw-gradient-from: #92400e; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0)); + .lg\:placeholder-colors-green-800::placeholder { + color: var(--colors-green-800, #276749); } - .md\:from-yellow-900 { - --tw-gradient-from: #78350f; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0)); + .lg\:placeholder-colors-green-900::-moz-placeholder { + color: var(--colors-green-900, #22543d); } - .md\:from-green-50 { - --tw-gradient-from: #ecfdf5; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0)); + .lg\:placeholder-colors-green-900::placeholder { + color: var(--colors-green-900, #22543d); } - .md\:from-green-100 { - --tw-gradient-from: #d1fae5; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0)); + .lg\:placeholder-colors-teal-100::-moz-placeholder { + color: var(--colors-teal-100, #e6fffa); } - .md\:from-green-200 { - --tw-gradient-from: #a7f3d0; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0)); + .lg\:placeholder-colors-teal-100::placeholder { + color: var(--colors-teal-100, #e6fffa); } - .md\:from-green-300 { - --tw-gradient-from: #6ee7b7; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0)); + .lg\:placeholder-colors-teal-200::-moz-placeholder { + color: var(--colors-teal-200, #b2f5ea); } - .md\:from-green-400 { - --tw-gradient-from: #34d399; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0)); + .lg\:placeholder-colors-teal-200::placeholder { + color: var(--colors-teal-200, #b2f5ea); } - .md\:from-green-500 { - --tw-gradient-from: #10b981; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0)); + .lg\:placeholder-colors-teal-300::-moz-placeholder { + color: var(--colors-teal-300, #81e6d9); } - .md\:from-green-600 { - --tw-gradient-from: #059669; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0)); + .lg\:placeholder-colors-teal-300::placeholder { + color: var(--colors-teal-300, #81e6d9); } - .md\:from-green-700 { - --tw-gradient-from: #047857; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0)); + .lg\:placeholder-colors-teal-400::-moz-placeholder { + color: var(--colors-teal-400, #4fd1c5); } - .md\:from-green-800 { - --tw-gradient-from: #065f46; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0)); + .lg\:placeholder-colors-teal-400::placeholder { + color: var(--colors-teal-400, #4fd1c5); } - .md\:from-green-900 { - --tw-gradient-from: #064e3b; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0)); + .lg\:placeholder-colors-teal-500::-moz-placeholder { + color: var(--colors-teal-500, #38b2ac); } - .md\:from-blue-50 { - --tw-gradient-from: #eff6ff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0)); + .lg\:placeholder-colors-teal-500::placeholder { + color: var(--colors-teal-500, #38b2ac); } - .md\:from-blue-100 { - --tw-gradient-from: #dbeafe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0)); + .lg\:placeholder-colors-teal-600::-moz-placeholder { + color: var(--colors-teal-600, #319795); } - .md\:from-blue-200 { - --tw-gradient-from: #bfdbfe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0)); + .lg\:placeholder-colors-teal-600::placeholder { + color: var(--colors-teal-600, #319795); } - .md\:from-blue-300 { - --tw-gradient-from: #93c5fd; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0)); + .lg\:placeholder-colors-teal-700::-moz-placeholder { + color: var(--colors-teal-700, #2c7a7b); } - .md\:from-blue-400 { - --tw-gradient-from: #60a5fa; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0)); + .lg\:placeholder-colors-teal-700::placeholder { + color: var(--colors-teal-700, #2c7a7b); } - .md\:from-blue-500 { - --tw-gradient-from: #3b82f6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0)); + .lg\:placeholder-colors-teal-800::-moz-placeholder { + color: var(--colors-teal-800, #285e61); } - .md\:from-blue-600 { - --tw-gradient-from: #2563eb; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0)); + .lg\:placeholder-colors-teal-800::placeholder { + color: var(--colors-teal-800, #285e61); } - .md\:from-blue-700 { - --tw-gradient-from: #1d4ed8; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0)); + .lg\:placeholder-colors-teal-900::-moz-placeholder { + color: var(--colors-teal-900, #234e52); } - .md\:from-blue-800 { - --tw-gradient-from: #1e40af; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0)); + .lg\:placeholder-colors-teal-900::placeholder { + color: var(--colors-teal-900, #234e52); } - .md\:from-blue-900 { - --tw-gradient-from: #1e3a8a; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0)); + .lg\:placeholder-colors-blue-100::-moz-placeholder { + color: var(--colors-blue-100, #ebf8ff); } - .md\:from-indigo-50 { - --tw-gradient-from: #eef2ff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0)); + .lg\:placeholder-colors-blue-100::placeholder { + color: var(--colors-blue-100, #ebf8ff); } - .md\:from-indigo-100 { - --tw-gradient-from: #e0e7ff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0)); + .lg\:placeholder-colors-blue-200::-moz-placeholder { + color: var(--colors-blue-200, #bee3f8); } - .md\:from-indigo-200 { - --tw-gradient-from: #c7d2fe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0)); + .lg\:placeholder-colors-blue-200::placeholder { + color: var(--colors-blue-200, #bee3f8); } - .md\:from-indigo-300 { - --tw-gradient-from: #a5b4fc; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0)); + .lg\:placeholder-colors-blue-300::-moz-placeholder { + color: var(--colors-blue-300, #90cdf4); } - .md\:from-indigo-400 { - --tw-gradient-from: #818cf8; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0)); + .lg\:placeholder-colors-blue-300::placeholder { + color: var(--colors-blue-300, #90cdf4); } - .md\:from-indigo-500 { - --tw-gradient-from: #6366f1; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0)); + .lg\:placeholder-colors-blue-400::-moz-placeholder { + color: var(--colors-blue-400, #63b3ed); } - .md\:from-indigo-600 { - --tw-gradient-from: #4f46e5; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0)); + .lg\:placeholder-colors-blue-400::placeholder { + color: var(--colors-blue-400, #63b3ed); } - .md\:from-indigo-700 { - --tw-gradient-from: #4338ca; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0)); + .lg\:placeholder-colors-blue-500::-moz-placeholder { + color: var(--colors-blue-500, #4299e1); } - .md\:from-indigo-800 { - --tw-gradient-from: #3730a3; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0)); + .lg\:placeholder-colors-blue-500::placeholder { + color: var(--colors-blue-500, #4299e1); } - .md\:from-indigo-900 { - --tw-gradient-from: #312e81; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0)); + .lg\:placeholder-colors-blue-600::-moz-placeholder { + color: var(--colors-blue-600, #3182ce); } - .md\:from-purple-50 { - --tw-gradient-from: #f5f3ff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0)); + .lg\:placeholder-colors-blue-600::placeholder { + color: var(--colors-blue-600, #3182ce); } - .md\:from-purple-100 { - --tw-gradient-from: #ede9fe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0)); + .lg\:placeholder-colors-blue-700::-moz-placeholder { + color: var(--colors-blue-700, #2b6cb0); } - .md\:from-purple-200 { - --tw-gradient-from: #ddd6fe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0)); + .lg\:placeholder-colors-blue-700::placeholder { + color: var(--colors-blue-700, #2b6cb0); } - .md\:from-purple-300 { - --tw-gradient-from: #c4b5fd; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0)); + .lg\:placeholder-colors-blue-800::-moz-placeholder { + color: var(--colors-blue-800, #2c5282); } - .md\:from-purple-400 { - --tw-gradient-from: #a78bfa; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0)); + .lg\:placeholder-colors-blue-800::placeholder { + color: var(--colors-blue-800, #2c5282); } - .md\:from-purple-500 { - --tw-gradient-from: #8b5cf6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0)); + .lg\:placeholder-colors-blue-900::-moz-placeholder { + color: var(--colors-blue-900, #2a4365); } - .md\:from-purple-600 { - --tw-gradient-from: #7c3aed; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0)); + .lg\:placeholder-colors-blue-900::placeholder { + color: var(--colors-blue-900, #2a4365); } - .md\:from-purple-700 { - --tw-gradient-from: #6d28d9; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0)); + .lg\:placeholder-colors-indigo-100::-moz-placeholder { + color: var(--colors-indigo-100, #ebf4ff); } - .md\:from-purple-800 { - --tw-gradient-from: #5b21b6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0)); + .lg\:placeholder-colors-indigo-100::placeholder { + color: var(--colors-indigo-100, #ebf4ff); } - .md\:from-purple-900 { - --tw-gradient-from: #4c1d95; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0)); + .lg\:placeholder-colors-indigo-200::-moz-placeholder { + color: var(--colors-indigo-200, #c3dafe); } - .md\:from-pink-50 { - --tw-gradient-from: #fdf2f8; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0)); + .lg\:placeholder-colors-indigo-200::placeholder { + color: var(--colors-indigo-200, #c3dafe); } - .md\:from-pink-100 { - --tw-gradient-from: #fce7f3; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0)); + .lg\:placeholder-colors-indigo-300::-moz-placeholder { + color: var(--colors-indigo-300, #a3bffa); } - .md\:from-pink-200 { - --tw-gradient-from: #fbcfe8; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0)); + .lg\:placeholder-colors-indigo-300::placeholder { + color: var(--colors-indigo-300, #a3bffa); } - .md\:from-pink-300 { - --tw-gradient-from: #f9a8d4; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0)); + .lg\:placeholder-colors-indigo-400::-moz-placeholder { + color: var(--colors-indigo-400, #7f9cf5); } - .md\:from-pink-400 { - --tw-gradient-from: #f472b6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0)); + .lg\:placeholder-colors-indigo-400::placeholder { + color: var(--colors-indigo-400, #7f9cf5); } - .md\:from-pink-500 { - --tw-gradient-from: #ec4899; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0)); + .lg\:placeholder-colors-indigo-500::-moz-placeholder { + color: var(--colors-indigo-500, #667eea); } - .md\:from-pink-600 { - --tw-gradient-from: #db2777; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0)); + .lg\:placeholder-colors-indigo-500::placeholder { + color: var(--colors-indigo-500, #667eea); } - .md\:from-pink-700 { - --tw-gradient-from: #be185d; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0)); + .lg\:placeholder-colors-indigo-600::-moz-placeholder { + color: var(--colors-indigo-600, #5a67d8); } - .md\:from-pink-800 { - --tw-gradient-from: #9d174d; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0)); + .lg\:placeholder-colors-indigo-600::placeholder { + color: var(--colors-indigo-600, #5a67d8); } - .md\:from-pink-900 { - --tw-gradient-from: #831843; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0)); + .lg\:placeholder-colors-indigo-700::-moz-placeholder { + color: var(--colors-indigo-700, #4c51bf); } - .md\:hover\:from-transparent:hover { - --tw-gradient-from: transparent; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); + .lg\:placeholder-colors-indigo-700::placeholder { + color: var(--colors-indigo-700, #4c51bf); } - .md\:hover\:from-current:hover { - --tw-gradient-from: currentColor; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + .lg\:placeholder-colors-indigo-800::-moz-placeholder { + color: var(--colors-indigo-800, #434190); } - .md\:hover\:from-black:hover { - --tw-gradient-from: #000; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); + .lg\:placeholder-colors-indigo-800::placeholder { + color: var(--colors-indigo-800, #434190); } - .md\:hover\:from-white:hover { - --tw-gradient-from: #fff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + .lg\:placeholder-colors-indigo-900::-moz-placeholder { + color: var(--colors-indigo-900, #3c366b); } - .md\:hover\:from-gray-50:hover { - --tw-gradient-from: #f9fafb; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0)); + .lg\:placeholder-colors-indigo-900::placeholder { + color: var(--colors-indigo-900, #3c366b); } - .md\:hover\:from-gray-100:hover { - --tw-gradient-from: #f3f4f6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0)); + .lg\:placeholder-colors-purple-100::-moz-placeholder { + color: var(--colors-purple-100, #faf5ff); } - .md\:hover\:from-gray-200:hover { - --tw-gradient-from: #e5e7eb; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0)); + .lg\:placeholder-colors-purple-100::placeholder { + color: var(--colors-purple-100, #faf5ff); } - .md\:hover\:from-gray-300:hover { - --tw-gradient-from: #d1d5db; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0)); + .lg\:placeholder-colors-purple-200::-moz-placeholder { + color: var(--colors-purple-200, #e9d8fd); } - .md\:hover\:from-gray-400:hover { - --tw-gradient-from: #9ca3af; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0)); + .lg\:placeholder-colors-purple-200::placeholder { + color: var(--colors-purple-200, #e9d8fd); } - .md\:hover\:from-gray-500:hover { - --tw-gradient-from: #6b7280; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0)); + .lg\:placeholder-colors-purple-300::-moz-placeholder { + color: var(--colors-purple-300, #d6bcfa); } - .md\:hover\:from-gray-600:hover { - --tw-gradient-from: #4b5563; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0)); + .lg\:placeholder-colors-purple-300::placeholder { + color: var(--colors-purple-300, #d6bcfa); } - .md\:hover\:from-gray-700:hover { - --tw-gradient-from: #374151; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0)); + .lg\:placeholder-colors-purple-400::-moz-placeholder { + color: var(--colors-purple-400, #b794f4); } - .md\:hover\:from-gray-800:hover { - --tw-gradient-from: #1f2937; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0)); + .lg\:placeholder-colors-purple-400::placeholder { + color: var(--colors-purple-400, #b794f4); } - .md\:hover\:from-gray-900:hover { - --tw-gradient-from: #111827; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0)); + .lg\:placeholder-colors-purple-500::-moz-placeholder { + color: var(--colors-purple-500, #9f7aea); } - .md\:hover\:from-red-50:hover { - --tw-gradient-from: #fef2f2; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0)); + .lg\:placeholder-colors-purple-500::placeholder { + color: var(--colors-purple-500, #9f7aea); } - .md\:hover\:from-red-100:hover { - --tw-gradient-from: #fee2e2; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0)); + .lg\:placeholder-colors-purple-600::-moz-placeholder { + color: var(--colors-purple-600, #805ad5); } - .md\:hover\:from-red-200:hover { - --tw-gradient-from: #fecaca; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0)); + .lg\:placeholder-colors-purple-600::placeholder { + color: var(--colors-purple-600, #805ad5); } - .md\:hover\:from-red-300:hover { - --tw-gradient-from: #fca5a5; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0)); + .lg\:placeholder-colors-purple-700::-moz-placeholder { + color: var(--colors-purple-700, #6b46c1); } - .md\:hover\:from-red-400:hover { - --tw-gradient-from: #f87171; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0)); + .lg\:placeholder-colors-purple-700::placeholder { + color: var(--colors-purple-700, #6b46c1); } - .md\:hover\:from-red-500:hover { - --tw-gradient-from: #ef4444; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0)); + .lg\:placeholder-colors-purple-800::-moz-placeholder { + color: var(--colors-purple-800, #553c9a); } - .md\:hover\:from-red-600:hover { - --tw-gradient-from: #dc2626; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0)); + .lg\:placeholder-colors-purple-800::placeholder { + color: var(--colors-purple-800, #553c9a); } - .md\:hover\:from-red-700:hover { - --tw-gradient-from: #b91c1c; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0)); + .lg\:placeholder-colors-purple-900::-moz-placeholder { + color: var(--colors-purple-900, #44337a); } - .md\:hover\:from-red-800:hover { - --tw-gradient-from: #991b1b; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0)); + .lg\:placeholder-colors-purple-900::placeholder { + color: var(--colors-purple-900, #44337a); } - .md\:hover\:from-red-900:hover { - --tw-gradient-from: #7f1d1d; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0)); + .lg\:placeholder-colors-pink-100::-moz-placeholder { + color: var(--colors-pink-100, #fff5f7); } - .md\:hover\:from-yellow-50:hover { - --tw-gradient-from: #fffbeb; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0)); + .lg\:placeholder-colors-pink-100::placeholder { + color: var(--colors-pink-100, #fff5f7); } - .md\:hover\:from-yellow-100:hover { - --tw-gradient-from: #fef3c7; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0)); + .lg\:placeholder-colors-pink-200::-moz-placeholder { + color: var(--colors-pink-200, #fed7e2); } - .md\:hover\:from-yellow-200:hover { - --tw-gradient-from: #fde68a; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0)); + .lg\:placeholder-colors-pink-200::placeholder { + color: var(--colors-pink-200, #fed7e2); } - .md\:hover\:from-yellow-300:hover { - --tw-gradient-from: #fcd34d; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0)); + .lg\:placeholder-colors-pink-300::-moz-placeholder { + color: var(--colors-pink-300, #fbb6ce); } - .md\:hover\:from-yellow-400:hover { - --tw-gradient-from: #fbbf24; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0)); + .lg\:placeholder-colors-pink-300::placeholder { + color: var(--colors-pink-300, #fbb6ce); } - .md\:hover\:from-yellow-500:hover { - --tw-gradient-from: #f59e0b; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0)); + .lg\:placeholder-colors-pink-400::-moz-placeholder { + color: var(--colors-pink-400, #f687b3); } - .md\:hover\:from-yellow-600:hover { - --tw-gradient-from: #d97706; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0)); + .lg\:placeholder-colors-pink-400::placeholder { + color: var(--colors-pink-400, #f687b3); } - .md\:hover\:from-yellow-700:hover { - --tw-gradient-from: #b45309; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0)); + .lg\:placeholder-colors-pink-500::-moz-placeholder { + color: var(--colors-pink-500, #ed64a6); } - .md\:hover\:from-yellow-800:hover { - --tw-gradient-from: #92400e; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0)); + .lg\:placeholder-colors-pink-500::placeholder { + color: var(--colors-pink-500, #ed64a6); } - .md\:hover\:from-yellow-900:hover { - --tw-gradient-from: #78350f; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0)); + .lg\:placeholder-colors-pink-600::-moz-placeholder { + color: var(--colors-pink-600, #d53f8c); } - .md\:hover\:from-green-50:hover { - --tw-gradient-from: #ecfdf5; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0)); + .lg\:placeholder-colors-pink-600::placeholder { + color: var(--colors-pink-600, #d53f8c); } - .md\:hover\:from-green-100:hover { - --tw-gradient-from: #d1fae5; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0)); + .lg\:placeholder-colors-pink-700::-moz-placeholder { + color: var(--colors-pink-700, #b83280); } - .md\:hover\:from-green-200:hover { - --tw-gradient-from: #a7f3d0; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0)); + .lg\:placeholder-colors-pink-700::placeholder { + color: var(--colors-pink-700, #b83280); } - .md\:hover\:from-green-300:hover { - --tw-gradient-from: #6ee7b7; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0)); + .lg\:placeholder-colors-pink-800::-moz-placeholder { + color: var(--colors-pink-800, #97266d); } - .md\:hover\:from-green-400:hover { - --tw-gradient-from: #34d399; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0)); + .lg\:placeholder-colors-pink-800::placeholder { + color: var(--colors-pink-800, #97266d); } - .md\:hover\:from-green-500:hover { - --tw-gradient-from: #10b981; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0)); + .lg\:placeholder-colors-pink-900::-moz-placeholder { + color: var(--colors-pink-900, #702459); } - .md\:hover\:from-green-600:hover { - --tw-gradient-from: #059669; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0)); + .lg\:placeholder-colors-pink-900::placeholder { + color: var(--colors-pink-900, #702459); } - .md\:hover\:from-green-700:hover { - --tw-gradient-from: #047857; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0)); + .lg\:placeholder-Box\ Shadow::-moz-placeholder { + color: var(--box-shadow, #7f7e7f); } - .md\:hover\:from-green-800:hover { - --tw-gradient-from: #065f46; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0)); + .lg\:placeholder-Box\ Shadow::placeholder { + color: var(--box-shadow, #7f7e7f); } - .md\:hover\:from-green-900:hover { - --tw-gradient-from: #064e3b; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0)); + .lg\:placeholder-Error16::-moz-placeholder { + color: var(--error16, #f03d3e40); } - .md\:hover\:from-blue-50:hover { - --tw-gradient-from: #eff6ff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0)); + .lg\:placeholder-Error16::placeholder { + color: var(--error16, #f03d3e40); } - .md\:hover\:from-blue-100:hover { - --tw-gradient-from: #dbeafe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0)); + .lg\:placeholder-Success16::-moz-placeholder { + color: var(--success16, #5bb14d40); } - .md\:hover\:from-blue-200:hover { - --tw-gradient-from: #bfdbfe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0)); + .lg\:placeholder-Success16::placeholder { + color: var(--success16, #5bb14d40); } - .md\:hover\:from-blue-300:hover { - --tw-gradient-from: #93c5fd; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0)); + .lg\:placeholder-Notification16::-moz-placeholder { + color: var(--notification16, #3959ff40); } - .md\:hover\:from-blue-400:hover { - --tw-gradient-from: #60a5fa; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0)); + .lg\:placeholder-Notification16::placeholder { + color: var(--notification16, #3959ff40); } - .md\:hover\:from-blue-500:hover { - --tw-gradient-from: #3b82f6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0)); + .lg\:placeholder-Error8::-moz-placeholder { + color: var(--error8, #f03d3e1a); } - .md\:hover\:from-blue-600:hover { - --tw-gradient-from: #2563eb; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0)); + .lg\:placeholder-Error8::placeholder { + color: var(--error8, #f03d3e1a); } - .md\:hover\:from-blue-700:hover { - --tw-gradient-from: #1d4ed8; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0)); + .lg\:placeholder-Notification8::-moz-placeholder { + color: var(--notification8, #3959ff1a); } - .md\:hover\:from-blue-800:hover { - --tw-gradient-from: #1e40af; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0)); + .lg\:placeholder-Notification8::placeholder { + color: var(--notification8, #3959ff1a); } - .md\:hover\:from-blue-900:hover { - --tw-gradient-from: #1e3a8a; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0)); + .lg\:placeholder-Success8::-moz-placeholder { + color: var(--success8, #5bb14d1a); } - .md\:hover\:from-indigo-50:hover { - --tw-gradient-from: #eef2ff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0)); + .lg\:placeholder-Success8::placeholder { + color: var(--success8, #5bb14d1a); } - .md\:hover\:from-indigo-100:hover { - --tw-gradient-from: #e0e7ff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0)); + .lg\:placeholder-Light\ -\ Overlay::-moz-placeholder { + color: var(--light-overlay, #f0edee66); } - .md\:hover\:from-indigo-200:hover { - --tw-gradient-from: #c7d2fe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0)); + .lg\:placeholder-Light\ -\ Overlay::placeholder { + color: var(--light-overlay, #f0edee66); } - .md\:hover\:from-indigo-300:hover { - --tw-gradient-from: #a5b4fc; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0)); + .lg\:placeholder-Dark-\ Overlay::-moz-placeholder { + color: var(--dark-overlay, #7f7e7f66); } - .md\:hover\:from-indigo-400:hover { - --tw-gradient-from: #818cf8; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0)); + .lg\:placeholder-Dark-\ Overlay::placeholder { + color: var(--dark-overlay, #7f7e7f66); } - .md\:hover\:from-indigo-500:hover { - --tw-gradient-from: #6366f1; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0)); + .lg\:placeholder-black-40::-moz-placeholder { + color: var(--black-40, #00000066); } - .md\:hover\:from-indigo-600:hover { - --tw-gradient-from: #4f46e5; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0)); + .lg\:placeholder-black-40::placeholder { + color: var(--black-40, #00000066); } - .md\:hover\:from-indigo-700:hover { - --tw-gradient-from: #4338ca; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0)); + .lg\:placeholder-black-75::-moz-placeholder { + color: var(--black-75, #000000bf); } - .md\:hover\:from-indigo-800:hover { - --tw-gradient-from: #3730a3; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0)); + .lg\:placeholder-black-75::placeholder { + color: var(--black-75, #000000bf); } - .md\:hover\:from-indigo-900:hover { - --tw-gradient-from: #312e81; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0)); + .lg\:placeholder-black-60::-moz-placeholder { + color: var(--black-60, #00000099); } - .md\:hover\:from-purple-50:hover { - --tw-gradient-from: #f5f3ff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0)); + .lg\:placeholder-black-60::placeholder { + color: var(--black-60, #00000099); } - .md\:hover\:from-purple-100:hover { - --tw-gradient-from: #ede9fe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0)); + .lg\:placeholder-black-50::-moz-placeholder { + color: var(--black-50, #00000080); } - .md\:hover\:from-purple-200:hover { - --tw-gradient-from: #ddd6fe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0)); + .lg\:placeholder-black-50::placeholder { + color: var(--black-50, #00000080); } - .md\:hover\:from-purple-300:hover { - --tw-gradient-from: #c4b5fd; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0)); + .lg\:placeholder-black-25::-moz-placeholder { + color: var(--black-25, #00000040); } - .md\:hover\:from-purple-400:hover { - --tw-gradient-from: #a78bfa; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0)); + .lg\:placeholder-black-25::placeholder { + color: var(--black-25, #00000040); } - .md\:hover\:from-purple-500:hover { - --tw-gradient-from: #8b5cf6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0)); + .lg\:placeholder-black-10::-moz-placeholder { + color: var(--black-10, #0000001a); } - .md\:hover\:from-purple-600:hover { - --tw-gradient-from: #7c3aed; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0)); + .lg\:placeholder-black-10::placeholder { + color: var(--black-10, #0000001a); } - .md\:hover\:from-purple-700:hover { - --tw-gradient-from: #6d28d9; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0)); + .lg\:placeholder-white-25::-moz-placeholder { + color: var(--white-25, #ffffff40); } - .md\:hover\:from-purple-800:hover { - --tw-gradient-from: #5b21b6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0)); + .lg\:placeholder-white-25::placeholder { + color: var(--white-25, #ffffff40); } - .md\:hover\:from-purple-900:hover { - --tw-gradient-from: #4c1d95; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0)); + .lg\:placeholder-white-60::-moz-placeholder { + color: var(--white-60, #ffffff99); } - .md\:hover\:from-pink-50:hover { - --tw-gradient-from: #fdf2f8; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0)); + .lg\:placeholder-white-60::placeholder { + color: var(--white-60, #ffffff99); } - .md\:hover\:from-pink-100:hover { - --tw-gradient-from: #fce7f3; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0)); + .lg\:placeholder-black-64::-moz-placeholder { + color: var(--black-64, #000000a3); } - .md\:hover\:from-pink-200:hover { - --tw-gradient-from: #fbcfe8; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0)); + .lg\:placeholder-black-64::placeholder { + color: var(--black-64, #000000a3); } - .md\:hover\:from-pink-300:hover { - --tw-gradient-from: #f9a8d4; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0)); + .lg\:placeholder-Shadow\ and\ Highlight-Shadow::-moz-placeholder { + color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .md\:hover\:from-pink-400:hover { - --tw-gradient-from: #f472b6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0)); + .lg\:placeholder-Shadow\ and\ Highlight-Shadow::placeholder { + color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .md\:hover\:from-pink-500:hover { - --tw-gradient-from: #ec4899; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0)); + .lg\:placeholder-Shadow\ and\ Highlight-Highlight::-moz-placeholder { + color: var(--shadow-and-highlight-highlight, #474747); } - .md\:hover\:from-pink-600:hover { - --tw-gradient-from: #db2777; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0)); + .lg\:placeholder-Shadow\ and\ Highlight-Highlight::placeholder { + color: var(--shadow-and-highlight-highlight, #474747); } - .md\:hover\:from-pink-700:hover { - --tw-gradient-from: #be185d; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0)); + .lg\:placeholder-Shadow\ and\ Highlight-highlight\ one::-moz-placeholder { + color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .md\:hover\:from-pink-800:hover { - --tw-gradient-from: #9d174d; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0)); + .lg\:placeholder-Shadow\ and\ Highlight-highlight\ one::placeholder { + color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .md\:hover\:from-pink-900:hover { - --tw-gradient-from: #831843; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0)); + .lg\:placeholder-Shadow\ and\ Highlight-highlight\ two::-moz-placeholder { + color: var(--shadow-and-highlight-highlight-two, #47474799); } - .md\:focus\:from-transparent:focus { - --tw-gradient-from: transparent; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); + .lg\:placeholder-Shadow\ and\ Highlight-highlight\ two::placeholder { + color: var(--shadow-and-highlight-highlight-two, #47474799); } - .md\:focus\:from-current:focus { - --tw-gradient-from: currentColor; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + .lg\:placeholder-Shadow\ and\ Highlight-highlight\ three::-moz-placeholder { + color: var(--shadow-and-highlight-highlight-three, #47474766); } - .md\:focus\:from-black:focus { - --tw-gradient-from: #000; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); + .lg\:placeholder-Shadow\ and\ Highlight-highlight\ three::placeholder { + color: var(--shadow-and-highlight-highlight-three, #47474766); } - .md\:focus\:from-white:focus { - --tw-gradient-from: #fff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + .lg\:placeholder-Shadow\ and\ Highlight-highlight\ five::-moz-placeholder { + color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .md\:focus\:from-gray-50:focus { - --tw-gradient-from: #f9fafb; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0)); + .lg\:placeholder-Shadow\ and\ Highlight-highlight\ five::placeholder { + color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .md\:focus\:from-gray-100:focus { - --tw-gradient-from: #f3f4f6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0)); + .lg\:placeholder-Shadow\ and\ Highlight-shadow\ one::-moz-placeholder { + color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .md\:focus\:from-gray-200:focus { - --tw-gradient-from: #e5e7eb; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0)); + .lg\:placeholder-Shadow\ and\ Highlight-shadow\ one::placeholder { + color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .md\:focus\:from-gray-300:focus { - --tw-gradient-from: #d1d5db; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0)); + .lg\:placeholder-Shadow\ and\ Highlight-shadow\ two::-moz-placeholder { + color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .md\:focus\:from-gray-400:focus { - --tw-gradient-from: #9ca3af; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0)); + .lg\:placeholder-Shadow\ and\ Highlight-shadow\ two::placeholder { + color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .md\:focus\:from-gray-500:focus { - --tw-gradient-from: #6b7280; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0)); + .lg\:placeholder-Shadow\ and\ Highlight-shadow\ three::-moz-placeholder { + color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .md\:focus\:from-gray-600:focus { - --tw-gradient-from: #4b5563; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0)); + .lg\:placeholder-Shadow\ and\ Highlight-shadow\ three::placeholder { + color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .md\:focus\:from-gray-700:focus { - --tw-gradient-from: #374151; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0)); + .lg\:placeholder-Shadow\ and\ Highlight-shadow\ four::-moz-placeholder { + color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .md\:focus\:from-gray-800:focus { - --tw-gradient-from: #1f2937; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0)); + .lg\:placeholder-Shadow\ and\ Highlight-shadow\ four::placeholder { + color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .md\:focus\:from-gray-900:focus { - --tw-gradient-from: #111827; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0)); + .lg\:placeholder-Shadow\ and\ Highlight-shadow\ five::-moz-placeholder { + color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .md\:focus\:from-red-50:focus { - --tw-gradient-from: #fef2f2; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0)); + .lg\:placeholder-Shadow\ and\ Highlight-shadow\ five::placeholder { + color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .md\:focus\:from-red-100:focus { - --tw-gradient-from: #fee2e2; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0)); + .lg\:placeholder-Shadow\ and\ Highlight-highlight\ four::-moz-placeholder { + color: var(--shadow-and-highlight-highlight-four, #47474740); } - .md\:focus\:from-red-200:focus { - --tw-gradient-from: #fecaca; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0)); + .lg\:placeholder-Shadow\ and\ Highlight-highlight\ four::placeholder { + color: var(--shadow-and-highlight-highlight-four, #47474740); } - .md\:focus\:from-red-300:focus { - --tw-gradient-from: #fca5a5; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0)); + .lg\:placeholder-Base\ Layer\ Styles-Base\ Layer-\ Light-White::-moz-placeholder { + color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .md\:focus\:from-red-400:focus { - --tw-gradient-from: #f87171; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0)); + .lg\:placeholder-Base\ Layer\ Styles-Base\ Layer-\ Light-White::placeholder { + color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .md\:focus\:from-red-500:focus { - --tw-gradient-from: #ef4444; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0)); + .lg\:placeholder-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite::-moz-placeholder { + color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .md\:focus\:from-red-600:focus { - --tw-gradient-from: #dc2626; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0)); + .lg\:placeholder-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite::placeholder { + color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .md\:focus\:from-red-700:focus { - --tw-gradient-from: #b91c1c; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0)); + .lg\:placeholder-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack::-moz-placeholder { + color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .md\:focus\:from-red-800:focus { - --tw-gradient-from: #991b1b; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0)); + .lg\:placeholder-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack::placeholder { + color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .md\:focus\:from-red-900:focus { - --tw-gradient-from: #7f1d1d; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0)); + .lg\:placeholder-Base\ Layer\ Styles-Base\ Layer-Dark-Black::-moz-placeholder { + color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .md\:focus\:from-yellow-50:focus { - --tw-gradient-from: #fffbeb; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0)); + .lg\:placeholder-Base\ Layer\ Styles-Base\ Layer-Dark-Black::placeholder { + color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .md\:focus\:from-yellow-100:focus { - --tw-gradient-from: #fef3c7; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0)); + .lg\:placeholder-Grey-Scale-white::-moz-placeholder { + color: var(--grey-scale-white, #ffffff); } - .md\:focus\:from-yellow-200:focus { - --tw-gradient-from: #fde68a; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0)); + .lg\:placeholder-Grey-Scale-white::placeholder { + color: var(--grey-scale-white, #ffffff); } - .md\:focus\:from-yellow-300:focus { - --tw-gradient-from: #fcd34d; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0)); + .lg\:placeholder-Grey-Scale-off-white::-moz-placeholder { + color: var(--grey-scale-off-white, #f0edee); } - .md\:focus\:from-yellow-400:focus { - --tw-gradient-from: #fbbf24; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0)); + .lg\:placeholder-Grey-Scale-off-white::placeholder { + color: var(--grey-scale-off-white, #f0edee); } - .md\:focus\:from-yellow-500:focus { - --tw-gradient-from: #f59e0b; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0)); + .lg\:placeholder-Grey\ Scale-grey::-moz-placeholder { + color: var(--grey-scale-grey, #7f7e7f); } - .md\:focus\:from-yellow-600:focus { - --tw-gradient-from: #d97706; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0)); + .lg\:placeholder-Grey\ Scale-grey::placeholder { + color: var(--grey-scale-grey, #7f7e7f); } - .md\:focus\:from-yellow-700:focus { - --tw-gradient-from: #b45309; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0)); + .lg\:placeholder-Grey\ Scale-charcoal::-moz-placeholder { + color: var(--grey-scale-charcoal, #474747); } - .md\:focus\:from-yellow-800:focus { - --tw-gradient-from: #92400e; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0)); + .lg\:placeholder-Grey\ Scale-charcoal::placeholder { + color: var(--grey-scale-charcoal, #474747); } - .md\:focus\:from-yellow-900:focus { - --tw-gradient-from: #78350f; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0)); + .lg\:placeholder-Grey\ Scale-off-black::-moz-placeholder { + color: var(--grey-scale-off-black, #1c1c1c); } - .md\:focus\:from-green-50:focus { - --tw-gradient-from: #ecfdf5; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0)); + .lg\:placeholder-Grey\ Scale-off-black::placeholder { + color: var(--grey-scale-off-black, #1c1c1c); } - .md\:focus\:from-green-100:focus { - --tw-gradient-from: #d1fae5; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0)); + .lg\:placeholder-Grey\ Scale-black::-moz-placeholder { + color: var(--grey-scale-black, #000000); } - .md\:focus\:from-green-200:focus { - --tw-gradient-from: #a7f3d0; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0)); + .lg\:placeholder-Grey\ Scale-black::placeholder { + color: var(--grey-scale-black, #000000); } - .md\:focus\:from-green-300:focus { - --tw-gradient-from: #6ee7b7; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0)); + .lg\:placeholder-Blue-blue::-moz-placeholder { + color: var(--blue-blue, #3a7ca5); } - .md\:focus\:from-green-400:focus { - --tw-gradient-from: #34d399; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0)); + .lg\:placeholder-Blue-blue::placeholder { + color: var(--blue-blue, #3a7ca5); } - .md\:focus\:from-green-500:focus { - --tw-gradient-from: #10b981; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0)); + .lg\:placeholder-Blue-blue-100::-moz-placeholder { + color: var(--blue-blue-100, #75a3c0); } - .md\:focus\:from-green-600:focus { - --tw-gradient-from: #059669; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0)); + .lg\:placeholder-Blue-blue-100::placeholder { + color: var(--blue-blue-100, #75a3c0); } - .md\:focus\:from-green-700:focus { - --tw-gradient-from: #047857; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0)); + .lg\:placeholder-Blue-blue-200::-moz-placeholder { + color: var(--blue-blue-200, #9cbed2); } - .md\:focus\:from-green-800:focus { - --tw-gradient-from: #065f46; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0)); + .lg\:placeholder-Blue-blue-200::placeholder { + color: var(--blue-blue-200, #9cbed2); } - .md\:focus\:from-green-900:focus { - --tw-gradient-from: #064e3b; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0)); + .lg\:placeholder-Blue-blue-300::-moz-placeholder { + color: var(--blue-blue-300, #4f7d9a); } - .md\:focus\:from-blue-50:focus { - --tw-gradient-from: #eff6ff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0)); + .lg\:placeholder-Blue-blue-300::placeholder { + color: var(--blue-blue-300, #4f7d9a); } - .md\:focus\:from-blue-100:focus { - --tw-gradient-from: #dbeafe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0)); + .lg\:placeholder-Blue-blue-400::-moz-placeholder { + color: var(--blue-blue-400, #5c7d92); } - .md\:focus\:from-blue-200:focus { - --tw-gradient-from: #bfdbfe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0)); + .lg\:placeholder-Blue-blue-400::placeholder { + color: var(--blue-blue-400, #5c7d92); } - .md\:focus\:from-blue-300:focus { - --tw-gradient-from: #93c5fd; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0)); + .lg\:placeholder-Blue-blue-500::-moz-placeholder { + color: var(--blue-blue-500, #347095); } - .md\:focus\:from-blue-400:focus { - --tw-gradient-from: #60a5fa; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0)); + .lg\:placeholder-Blue-blue-500::placeholder { + color: var(--blue-blue-500, #347095); } - .md\:focus\:from-blue-500:focus { - --tw-gradient-from: #3b82f6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0)); + .lg\:placeholder-Blue-blue-600::-moz-placeholder { + color: var(--blue-blue-600, #295774); } - .md\:focus\:from-blue-600:focus { - --tw-gradient-from: #2563eb; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0)); + .lg\:placeholder-Blue-blue-600::placeholder { + color: var(--blue-blue-600, #295774); } - .md\:focus\:from-blue-700:focus { - --tw-gradient-from: #1d4ed8; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0)); + .lg\:placeholder-Blue-blue-700::-moz-placeholder { + color: var(--blue-blue-700, #173242); } - .md\:focus\:from-blue-800:focus { - --tw-gradient-from: #1e40af; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0)); + .lg\:placeholder-Blue-blue-700::placeholder { + color: var(--blue-blue-700, #173242); } - .md\:focus\:from-blue-900:focus { - --tw-gradient-from: #1e3a8a; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0)); + .lg\:placeholder-LightBlue-lightblue::-moz-placeholder { + color: var(--light-blue-lightblue, #81c3d7); } - .md\:focus\:from-indigo-50:focus { - --tw-gradient-from: #eef2ff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0)); + .lg\:placeholder-LightBlue-lightblue::placeholder { + color: var(--light-blue-lightblue, #81c3d7); } - .md\:focus\:from-indigo-100:focus { - --tw-gradient-from: #e0e7ff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0)); + .lg\:placeholder-LightBlue-lightblue-100::-moz-placeholder { + color: var(--light-blue-lightblue-100, #a7d5e3); } - .md\:focus\:from-indigo-200:focus { - --tw-gradient-from: #c7d2fe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0)); + .lg\:placeholder-LightBlue-lightblue-100::placeholder { + color: var(--light-blue-lightblue-100, #a7d5e3); } - .md\:focus\:from-indigo-300:focus { - --tw-gradient-from: #a5b4fc; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0)); + .lg\:placeholder-LightBlue-lightblue-200::-moz-placeholder { + color: var(--light-blue-lightblue-200, #c0e1eb); } - .md\:focus\:from-indigo-400:focus { - --tw-gradient-from: #818cf8; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0)); + .lg\:placeholder-LightBlue-lightblue-200::placeholder { + color: var(--light-blue-lightblue-200, #c0e1eb); } - .md\:focus\:from-indigo-500:focus { - --tw-gradient-from: #6366f1; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0)); + .lg\:placeholder-LightBlue-lightblue-300::-moz-placeholder { + color: var(--light-blue-lightblue-300, #80aebd); } - .md\:focus\:from-indigo-600:focus { - --tw-gradient-from: #4f46e5; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0)); + .lg\:placeholder-LightBlue-lightblue-300::placeholder { + color: var(--light-blue-lightblue-300, #80aebd); } - .md\:focus\:from-indigo-700:focus { - --tw-gradient-from: #4338ca; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0)); + .lg\:placeholder-LightBlue-lightblue-400::-moz-placeholder { + color: var(--light-blue-lightblue-400, #80a0ab); } - .md\:focus\:from-indigo-800:focus { - --tw-gradient-from: #3730a3; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0)); + .lg\:placeholder-LightBlue-lightblue-400::placeholder { + color: var(--light-blue-lightblue-400, #80a0ab); } - .md\:focus\:from-indigo-900:focus { - --tw-gradient-from: #312e81; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0)); + .lg\:placeholder-LightBlue-lightblue-500::-moz-placeholder { + color: var(--light-blue-lightblue-500, #74afc1); } - .md\:focus\:from-purple-50:focus { - --tw-gradient-from: #f5f3ff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0)); + .lg\:placeholder-LightBlue-lightblue-500::placeholder { + color: var(--light-blue-lightblue-500, #74afc1); } - .md\:focus\:from-purple-100:focus { - --tw-gradient-from: #ede9fe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0)); + .lg\:placeholder-LightBlue-lightblue-600::-moz-placeholder { + color: var(--light-blue-lightblue-600, #5a8997); } - .md\:focus\:from-purple-200:focus { - --tw-gradient-from: #ddd6fe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0)); + .lg\:placeholder-LightBlue-lightblue-600::placeholder { + color: var(--light-blue-lightblue-600, #5a8997); } - .md\:focus\:from-purple-300:focus { - --tw-gradient-from: #c4b5fd; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0)); + .lg\:placeholder-LightBlue-lightblue-650::-moz-placeholder { + color: var(--light-blue-lightblue-650, #3e5e65); } - .md\:focus\:from-purple-400:focus { - --tw-gradient-from: #a78bfa; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0)); + .lg\:placeholder-LightBlue-lightblue-650::placeholder { + color: var(--light-blue-lightblue-650, #3e5e65); } - .md\:focus\:from-purple-500:focus { - --tw-gradient-from: #8b5cf6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0)); + .lg\:placeholder-LightBlue-lightblue-700::-moz-placeholder { + color: var(--light-blue-lightblue-700, #344e56); } - .md\:focus\:from-purple-600:focus { - --tw-gradient-from: #7c3aed; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0)); + .lg\:placeholder-LightBlue-lightblue-700::placeholder { + color: var(--light-blue-lightblue-700, #344e56); } - .md\:focus\:from-purple-700:focus { - --tw-gradient-from: #6d28d9; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0)); + .lg\:placeholder-Orange-orange::-moz-placeholder { + color: var(--orange-orange, #ff7f0e); } - .md\:focus\:from-purple-800:focus { - --tw-gradient-from: #5b21b6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0)); + .lg\:placeholder-Orange-orange::placeholder { + color: var(--orange-orange, #ff7f0e); } - .md\:focus\:from-purple-900:focus { - --tw-gradient-from: #4c1d95; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0)); + .lg\:placeholder-Orange-orange-100::-moz-placeholder { + color: var(--orange-orange-100, #ffa556); } - .md\:focus\:from-pink-50:focus { - --tw-gradient-from: #fdf2f8; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0)); + .lg\:placeholder-Orange-orange-100::placeholder { + color: var(--orange-orange-100, #ffa556); } - .md\:focus\:from-pink-100:focus { - --tw-gradient-from: #fce7f3; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0)); + .lg\:placeholder-Orange-orange-200::-moz-placeholder { + color: var(--orange-orange-200, #ffbf86); } - .md\:focus\:from-pink-200:focus { - --tw-gradient-from: #fbcfe8; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0)); + .lg\:placeholder-Orange-orange-200::placeholder { + color: var(--orange-orange-200, #ffbf86); } - .md\:focus\:from-pink-300:focus { - --tw-gradient-from: #f9a8d4; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0)); + .lg\:placeholder-Orange-orange-300::-moz-placeholder { + color: var(--orange-orange-300, #d97f30); } - .md\:focus\:from-pink-400:focus { - --tw-gradient-from: #f472b6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0)); + .lg\:placeholder-Orange-orange-300::placeholder { + color: var(--orange-orange-300, #d97f30); } - .md\:focus\:from-pink-500:focus { - --tw-gradient-from: #ec4899; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0)); + .lg\:placeholder-Orange-orange-400::-moz-placeholder { + color: var(--orange-orange-400, #bf7e46); } - .md\:focus\:from-pink-600:focus { - --tw-gradient-from: #db2777; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0)); + .lg\:placeholder-Orange-orange-400::placeholder { + color: var(--orange-orange-400, #bf7e46); } - .md\:focus\:from-pink-700:focus { - --tw-gradient-from: #be185d; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0)); + .lg\:placeholder-Orange-orange-500::-moz-placeholder { + color: var(--orange-orange-500, #e5720d); } - .md\:focus\:from-pink-800:focus { - --tw-gradient-from: #9d174d; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0)); + .lg\:placeholder-Orange-orange-500::placeholder { + color: var(--orange-orange-500, #e5720d); } - .md\:focus\:from-pink-900:focus { - --tw-gradient-from: #831843; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0)); + .lg\:placeholder-Orange-orange-600::-moz-placeholder { + color: var(--orange-orange-600, #b3590a); } - .md\:via-transparent { - --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0)); + .lg\:placeholder-Orange-orange-600::placeholder { + color: var(--orange-orange-600, #b3590a); } - .md\:via-current { - --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0)); + .lg\:placeholder-Orange-orange-700::-moz-placeholder { + color: var(--orange-orange-700, #663306); } - .md\:via-black { - --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0)); + .lg\:placeholder-Orange-orange-700::placeholder { + color: var(--orange-orange-700, #663306); } - .md\:via-white { - --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0)); + .lg\:placeholder-Yellow-yellow::-moz-placeholder { + color: var(--yellow-yellow, #ffab00); } - .md\:via-gray-50 { - --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0)); + .lg\:placeholder-Yellow-yellow::placeholder { + color: var(--yellow-yellow, #ffab00); } - .md\:via-gray-100 { - --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0)); + .lg\:placeholder-Yellow-yellow-100::-moz-placeholder { + color: var(--yellow-yellow-100, #ffc44c); } - .md\:via-gray-200 { - --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0)); + .lg\:placeholder-Yellow-yellow-100::placeholder { + color: var(--yellow-yellow-100, #ffc44c); } - .md\:via-gray-300 { - --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0)); + .lg\:placeholder-Yellow-yellow-200::-moz-placeholder { + color: var(--yellow-yellow-200, #ffd580); } - .md\:via-gray-400 { - --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0)); + .lg\:placeholder-Yellow-yellow-200::placeholder { + color: var(--yellow-yellow-200, #ffd580); } - .md\:via-gray-500 { - --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0)); + .lg\:placeholder-Yellow-yellow-300::-moz-placeholder { + color: var(--yellow-yellow-300, #d99d26); } - .md\:via-gray-600 { - --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0)); + .lg\:placeholder-Yellow-yellow-300::placeholder { + color: var(--yellow-yellow-300, #d99d26); } - .md\:via-gray-700 { - --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0)); + .lg\:placeholder-Yellow-yellow-400::-moz-placeholder { + color: var(--yellow-yellow-400, #bf943f); } - .md\:via-gray-800 { - --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0)); + .lg\:placeholder-Yellow-yellow-400::placeholder { + color: var(--yellow-yellow-400, #bf943f); } - .md\:via-gray-900 { - --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0)); + .lg\:placeholder-Yellow-yellow-500::-moz-placeholder { + color: var(--yellow-yellow-500, #e59a00); } - .md\:via-red-50 { - --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0)); + .lg\:placeholder-Yellow-yellow-500::placeholder { + color: var(--yellow-yellow-500, #e59a00); } - .md\:via-red-100 { - --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0)); + .lg\:placeholder-Yellow-yellow-600::-moz-placeholder { + color: var(--yellow-yellow-600, #b37800); } - .md\:via-red-200 { - --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0)); + .lg\:placeholder-Yellow-yellow-600::placeholder { + color: var(--yellow-yellow-600, #b37800); } - .md\:via-red-300 { - --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0)); + .lg\:placeholder-Yellow-yellow-700::-moz-placeholder { + color: var(--yellow-yellow-700, #664400); } - .md\:via-red-400 { - --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0)); + .lg\:placeholder-Yellow-yellow-700::placeholder { + color: var(--yellow-yellow-700, #664400); } - .md\:via-red-500 { - --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0)); + .lg\:placeholder-Notification-notification::-moz-placeholder { + color: var(--notification-notification, #3959ff); } - .md\:via-red-600 { - --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0)); + .lg\:placeholder-Notification-notification::placeholder { + color: var(--notification-notification, #3959ff); } - .md\:via-red-700 { - --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0)); + .lg\:placeholder-Notification-notification-100::-moz-placeholder { + color: var(--notification-notification-100, #748bff); } - .md\:via-red-800 { - --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0)); + .lg\:placeholder-Notification-notification-100::placeholder { + color: var(--notification-notification-100, #748bff); } - .md\:via-red-900 { - --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0)); + .lg\:placeholder-Notification-notification-200::-moz-placeholder { + color: var(--notification-notification-200, #9cacff); } - .md\:via-yellow-50 { - --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0)); + .lg\:placeholder-Notification-notification-200::placeholder { + color: var(--notification-notification-200, #9cacff); } - .md\:via-yellow-100 { - --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0)); + .lg\:placeholder-Notification-notification-300::-moz-placeholder { + color: var(--notification-notification-300, #4e64d9); } - .md\:via-yellow-200 { - --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0)); + .lg\:placeholder-Notification-notification-300::placeholder { + color: var(--notification-notification-300, #4e64d9); } - .md\:via-yellow-300 { - --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0)); + .lg\:placeholder-Notification-notification-400::-moz-placeholder { + color: var(--notification-notification-400, #5c6cbf); } - .md\:via-yellow-400 { - --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0)); + .lg\:placeholder-Notification-notification-400::placeholder { + color: var(--notification-notification-400, #5c6cbf); } - .md\:via-yellow-500 { - --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0)); + .lg\:placeholder-Notification-notification-500::-moz-placeholder { + color: var(--notification-notification-500, #3350e5); } - .md\:via-yellow-600 { - --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0)); + .lg\:placeholder-Notification-notification-500::placeholder { + color: var(--notification-notification-500, #3350e5); } - .md\:via-yellow-700 { - --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0)); + .lg\:placeholder-Notification-notification-600::-moz-placeholder { + color: var(--notification-notification-600, #283eb3); } - .md\:via-yellow-800 { - --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0)); + .lg\:placeholder-Notification-notification-600::placeholder { + color: var(--notification-notification-600, #283eb3); } - .md\:via-yellow-900 { - --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0)); + .lg\:placeholder-Notification-notification-700::-moz-placeholder { + color: var(--notification-notification-700, #172466); } - .md\:via-green-50 { - --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0)); + .lg\:placeholder-Notification-notification-700::placeholder { + color: var(--notification-notification-700, #172466); } - .md\:via-green-100 { - --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0)); + .lg\:placeholder-Success-success\ -700::-moz-placeholder { + color: var(--success-success-700, #24471f); } - .md\:via-green-200 { - --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0)); + .lg\:placeholder-Success-success\ -700::placeholder { + color: var(--success-success-700, #24471f); } - .md\:via-green-300 { - --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0)); + .lg\:placeholder-Success-success::-moz-placeholder { + color: var(--success-success, #5bb14d); } - .md\:via-green-400 { - --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0)); + .lg\:placeholder-Success-success::placeholder { + color: var(--success-success, #5bb14d); } - .md\:via-green-500 { - --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0)); + .lg\:placeholder-Success-success\ -100::-moz-placeholder { + color: var(--success-success-100, #8cc882); } - .md\:via-green-600 { - --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0)); + .lg\:placeholder-Success-success\ -100::placeholder { + color: var(--success-success-100, #8cc882); } - .md\:via-green-700 { - --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0)); + .lg\:placeholder-Success-success\ -200::-moz-placeholder { + color: var(--success-success-200, #add8a6); } - .md\:via-green-800 { - --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0)); + .lg\:placeholder-Success-success\ -200::placeholder { + color: var(--success-success-200, #add8a6); } - .md\:via-green-900 { - --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0)); + .lg\:placeholder-Success-success\ -300::-moz-placeholder { + color: var(--success-success-300, #66a25c); } - .md\:via-blue-50 { - --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0)); + .lg\:placeholder-Success-success\ -300::placeholder { + color: var(--success-success-300, #66a25c); } - .md\:via-blue-100 { - --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0)); + .lg\:placeholder-Success-success\ -400::-moz-placeholder { + color: var(--success-success-400, #6d9766); } - .md\:via-blue-200 { - --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0)); + .lg\:placeholder-Success-success\ -400::placeholder { + color: var(--success-success-400, #6d9766); } - .md\:via-blue-300 { - --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0)); + .lg\:placeholder-Success-success\ -500::-moz-placeholder { + color: var(--success-success-500, #529f45); } - .md\:via-blue-400 { - --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0)); + .lg\:placeholder-Success-success\ -500::placeholder { + color: var(--success-success-500, #529f45); } - .md\:via-blue-500 { - --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0)); + .lg\:placeholder-Success-success\ -600::-moz-placeholder { + color: var(--success-success-600, #407c36); } - .md\:via-blue-600 { - --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0)); + .lg\:placeholder-Success-success\ -600::placeholder { + color: var(--success-success-600, #407c36); } - .md\:via-blue-700 { - --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0)); + .lg\:placeholder-Error-error::-moz-placeholder { + color: var(--error-error, #f03d3e); } - .md\:via-blue-800 { - --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0)); + .lg\:placeholder-Error-error::placeholder { + color: var(--error-error, #f03d3e); } - .md\:via-blue-900 { - --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0)); + .lg\:placeholder-Error-error-100::-moz-placeholder { + color: var(--error-error-100, #f57778); } - .md\:via-indigo-50 { - --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0)); + .lg\:placeholder-Error-error-100::placeholder { + color: var(--error-error-100, #f57778); } - .md\:via-indigo-100 { - --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0)); + .lg\:placeholder-Error-error-200::-moz-placeholder { + color: var(--error-error-200, #f89e9e); } - .md\:via-indigo-200 { - --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0)); + .lg\:placeholder-Error-error-200::placeholder { + color: var(--error-error-200, #f89e9e); } - .md\:via-indigo-300 { - --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0)); + .lg\:placeholder-Error-error-250::-moz-placeholder { + color: var(--error-error-250, #f9c8c8); } - .md\:via-indigo-400 { - --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0)); + .lg\:placeholder-Error-error-250::placeholder { + color: var(--error-error-250, #f9c8c8); } - .md\:via-indigo-500 { - --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0)); + .lg\:placeholder-Error-error-300::-moz-placeholder { + color: var(--error-error-300, #ce5151); } - .md\:via-indigo-600 { - --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0)); + .lg\:placeholder-Error-error-300::placeholder { + color: var(--error-error-300, #ce5151); } - .md\:via-indigo-700 { - --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0)); + .lg\:placeholder-Error-error-400::-moz-placeholder { + color: var(--error-error-400, #b85e5e); } - .md\:via-indigo-800 { - --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0)); + .lg\:placeholder-Error-error-400::placeholder { + color: var(--error-error-400, #b85e5e); } - .md\:via-indigo-900 { - --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0)); + .lg\:placeholder-Error-error-500::-moz-placeholder { + color: var(--error-error-500, #d83738); } - .md\:via-purple-50 { - --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0)); + .lg\:placeholder-Error-error-500::placeholder { + color: var(--error-error-500, #d83738); } - .md\:via-purple-100 { - --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0)); + .lg\:placeholder-Error-error-600::-moz-placeholder { + color: var(--error-error-600, #a82b2b); } - .md\:via-purple-200 { - --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0)); + .lg\:placeholder-Error-error-600::placeholder { + color: var(--error-error-600, #a82b2b); } - .md\:via-purple-300 { - --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0)); + .lg\:placeholder-Error-error-700::-moz-placeholder { + color: var(--error-error-700, #601819); } - .md\:via-purple-400 { - --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0)); + .lg\:placeholder-Error-error-700::placeholder { + color: var(--error-error-700, #601819); } - .md\:via-purple-500 { - --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0)); + .lg\:focus\:placeholder-colors-black:focus::-moz-placeholder { + color: var(--colors-black, #000000); } - .md\:via-purple-600 { - --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0)); + .lg\:focus\:placeholder-colors-black:focus::placeholder { + color: var(--colors-black, #000000); } - .md\:via-purple-700 { - --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0)); + .lg\:focus\:placeholder-colors-white:focus::-moz-placeholder { + color: var(--colors-white, #ffffff); } - .md\:via-purple-800 { - --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0)); + .lg\:focus\:placeholder-colors-white:focus::placeholder { + color: var(--colors-white, #ffffff); } - .md\:via-purple-900 { - --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0)); + .lg\:focus\:placeholder-colors-gray-100:focus::-moz-placeholder { + color: var(--colors-gray-100, #f7fafc); } - .md\:via-pink-50 { - --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0)); + .lg\:focus\:placeholder-colors-gray-100:focus::placeholder { + color: var(--colors-gray-100, #f7fafc); } - .md\:via-pink-100 { - --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0)); + .lg\:focus\:placeholder-colors-gray-200:focus::-moz-placeholder { + color: var(--colors-gray-200, #edf2f7); } - .md\:via-pink-200 { - --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0)); + .lg\:focus\:placeholder-colors-gray-200:focus::placeholder { + color: var(--colors-gray-200, #edf2f7); } - .md\:via-pink-300 { - --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0)); + .lg\:focus\:placeholder-colors-gray-300:focus::-moz-placeholder { + color: var(--colors-gray-300, #e2e8f0); } - .md\:via-pink-400 { - --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0)); + .lg\:focus\:placeholder-colors-gray-300:focus::placeholder { + color: var(--colors-gray-300, #e2e8f0); } - .md\:via-pink-500 { - --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0)); + .lg\:focus\:placeholder-colors-gray-400:focus::-moz-placeholder { + color: var(--colors-gray-400, #cbd5e0); } - .md\:via-pink-600 { - --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0)); + .lg\:focus\:placeholder-colors-gray-400:focus::placeholder { + color: var(--colors-gray-400, #cbd5e0); } - .md\:via-pink-700 { - --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0)); + .lg\:focus\:placeholder-colors-gray-500:focus::-moz-placeholder { + color: var(--colors-gray-500, #a0aec0); } - .md\:via-pink-800 { - --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0)); + .lg\:focus\:placeholder-colors-gray-500:focus::placeholder { + color: var(--colors-gray-500, #a0aec0); } - .md\:via-pink-900 { - --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0)); + .lg\:focus\:placeholder-colors-gray-600:focus::-moz-placeholder { + color: var(--colors-gray-600, #718096); } - .md\:hover\:via-transparent:hover { - --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0)); + .lg\:focus\:placeholder-colors-gray-600:focus::placeholder { + color: var(--colors-gray-600, #718096); } - .md\:hover\:via-current:hover { - --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0)); + .lg\:focus\:placeholder-colors-gray-700:focus::-moz-placeholder { + color: var(--colors-gray-700, #4a5568); } - .md\:hover\:via-black:hover { - --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0)); + .lg\:focus\:placeholder-colors-gray-700:focus::placeholder { + color: var(--colors-gray-700, #4a5568); } - .md\:hover\:via-white:hover { - --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0)); + .lg\:focus\:placeholder-colors-gray-800:focus::-moz-placeholder { + color: var(--colors-gray-800, #2d3748); } - .md\:hover\:via-gray-50:hover { - --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0)); + .lg\:focus\:placeholder-colors-gray-800:focus::placeholder { + color: var(--colors-gray-800, #2d3748); } - .md\:hover\:via-gray-100:hover { - --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0)); + .lg\:focus\:placeholder-colors-gray-900:focus::-moz-placeholder { + color: var(--colors-gray-900, #1a202c); } - .md\:hover\:via-gray-200:hover { - --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0)); + .lg\:focus\:placeholder-colors-gray-900:focus::placeholder { + color: var(--colors-gray-900, #1a202c); } - .md\:hover\:via-gray-300:hover { - --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0)); + .lg\:focus\:placeholder-colors-red-100:focus::-moz-placeholder { + color: var(--colors-red-100, #fff5f5); } - .md\:hover\:via-gray-400:hover { - --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0)); + .lg\:focus\:placeholder-colors-red-100:focus::placeholder { + color: var(--colors-red-100, #fff5f5); } - .md\:hover\:via-gray-500:hover { - --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0)); + .lg\:focus\:placeholder-colors-red-200:focus::-moz-placeholder { + color: var(--colors-red-200, #fed7d7); } - .md\:hover\:via-gray-600:hover { - --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0)); + .lg\:focus\:placeholder-colors-red-200:focus::placeholder { + color: var(--colors-red-200, #fed7d7); } - .md\:hover\:via-gray-700:hover { - --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0)); + .lg\:focus\:placeholder-colors-red-300:focus::-moz-placeholder { + color: var(--colors-red-300, #feb2b2); } - .md\:hover\:via-gray-800:hover { - --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0)); + .lg\:focus\:placeholder-colors-red-300:focus::placeholder { + color: var(--colors-red-300, #feb2b2); } - .md\:hover\:via-gray-900:hover { - --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0)); + .lg\:focus\:placeholder-colors-red-400:focus::-moz-placeholder { + color: var(--colors-red-400, #fc8181); } - .md\:hover\:via-red-50:hover { - --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0)); + .lg\:focus\:placeholder-colors-red-400:focus::placeholder { + color: var(--colors-red-400, #fc8181); } - .md\:hover\:via-red-100:hover { - --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0)); + .lg\:focus\:placeholder-colors-red-500:focus::-moz-placeholder { + color: var(--colors-red-500, #f56565); } - .md\:hover\:via-red-200:hover { - --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0)); + .lg\:focus\:placeholder-colors-red-500:focus::placeholder { + color: var(--colors-red-500, #f56565); } - .md\:hover\:via-red-300:hover { - --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0)); + .lg\:focus\:placeholder-colors-red-600:focus::-moz-placeholder { + color: var(--colors-red-600, #e53e3e); } - .md\:hover\:via-red-400:hover { - --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0)); + .lg\:focus\:placeholder-colors-red-600:focus::placeholder { + color: var(--colors-red-600, #e53e3e); } - .md\:hover\:via-red-500:hover { - --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0)); + .lg\:focus\:placeholder-colors-red-700:focus::-moz-placeholder { + color: var(--colors-red-700, #c53030); } - .md\:hover\:via-red-600:hover { - --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0)); + .lg\:focus\:placeholder-colors-red-700:focus::placeholder { + color: var(--colors-red-700, #c53030); } - .md\:hover\:via-red-700:hover { - --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0)); + .lg\:focus\:placeholder-colors-red-800:focus::-moz-placeholder { + color: var(--colors-red-800, #9b2c2c); } - .md\:hover\:via-red-800:hover { - --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0)); + .lg\:focus\:placeholder-colors-red-800:focus::placeholder { + color: var(--colors-red-800, #9b2c2c); } - .md\:hover\:via-red-900:hover { - --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0)); + .lg\:focus\:placeholder-colors-red-900:focus::-moz-placeholder { + color: var(--colors-red-900, #742a2a); } - .md\:hover\:via-yellow-50:hover { - --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0)); + .lg\:focus\:placeholder-colors-red-900:focus::placeholder { + color: var(--colors-red-900, #742a2a); } - .md\:hover\:via-yellow-100:hover { - --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0)); + .lg\:focus\:placeholder-colors-orange-100:focus::-moz-placeholder { + color: var(--colors-orange-100, #fffaf0); } - .md\:hover\:via-yellow-200:hover { - --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0)); + .lg\:focus\:placeholder-colors-orange-100:focus::placeholder { + color: var(--colors-orange-100, #fffaf0); } - .md\:hover\:via-yellow-300:hover { - --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0)); + .lg\:focus\:placeholder-colors-orange-200:focus::-moz-placeholder { + color: var(--colors-orange-200, #feebc8); } - .md\:hover\:via-yellow-400:hover { - --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0)); + .lg\:focus\:placeholder-colors-orange-200:focus::placeholder { + color: var(--colors-orange-200, #feebc8); } - .md\:hover\:via-yellow-500:hover { - --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0)); + .lg\:focus\:placeholder-colors-orange-300:focus::-moz-placeholder { + color: var(--colors-orange-300, #fbd38d); } - .md\:hover\:via-yellow-600:hover { - --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0)); + .lg\:focus\:placeholder-colors-orange-300:focus::placeholder { + color: var(--colors-orange-300, #fbd38d); } - .md\:hover\:via-yellow-700:hover { - --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0)); + .lg\:focus\:placeholder-colors-orange-400:focus::-moz-placeholder { + color: var(--colors-orange-400, #f6ad55); } - .md\:hover\:via-yellow-800:hover { - --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0)); + .lg\:focus\:placeholder-colors-orange-400:focus::placeholder { + color: var(--colors-orange-400, #f6ad55); } - .md\:hover\:via-yellow-900:hover { - --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0)); + .lg\:focus\:placeholder-colors-orange-500:focus::-moz-placeholder { + color: var(--colors-orange-500, #ed8936); } - .md\:hover\:via-green-50:hover { - --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0)); + .lg\:focus\:placeholder-colors-orange-500:focus::placeholder { + color: var(--colors-orange-500, #ed8936); } - .md\:hover\:via-green-100:hover { - --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0)); + .lg\:focus\:placeholder-colors-orange-600:focus::-moz-placeholder { + color: var(--colors-orange-600, #dd6b20); } - .md\:hover\:via-green-200:hover { - --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0)); + .lg\:focus\:placeholder-colors-orange-600:focus::placeholder { + color: var(--colors-orange-600, #dd6b20); } - .md\:hover\:via-green-300:hover { - --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0)); + .lg\:focus\:placeholder-colors-orange-700:focus::-moz-placeholder { + color: var(--colors-orange-700, #c05621); } - .md\:hover\:via-green-400:hover { - --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0)); + .lg\:focus\:placeholder-colors-orange-700:focus::placeholder { + color: var(--colors-orange-700, #c05621); } - .md\:hover\:via-green-500:hover { - --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0)); + .lg\:focus\:placeholder-colors-orange-800:focus::-moz-placeholder { + color: var(--colors-orange-800, #9c4221); } - .md\:hover\:via-green-600:hover { - --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0)); + .lg\:focus\:placeholder-colors-orange-800:focus::placeholder { + color: var(--colors-orange-800, #9c4221); } - .md\:hover\:via-green-700:hover { - --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0)); + .lg\:focus\:placeholder-colors-orange-900:focus::-moz-placeholder { + color: var(--colors-orange-900, #7b341e); } - .md\:hover\:via-green-800:hover { - --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0)); + .lg\:focus\:placeholder-colors-orange-900:focus::placeholder { + color: var(--colors-orange-900, #7b341e); } - .md\:hover\:via-green-900:hover { - --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0)); + .lg\:focus\:placeholder-colors-yellow-100:focus::-moz-placeholder { + color: var(--colors-yellow-100, #fffff0); } - .md\:hover\:via-blue-50:hover { - --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0)); + .lg\:focus\:placeholder-colors-yellow-100:focus::placeholder { + color: var(--colors-yellow-100, #fffff0); } - .md\:hover\:via-blue-100:hover { - --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0)); + .lg\:focus\:placeholder-colors-yellow-200:focus::-moz-placeholder { + color: var(--colors-yellow-200, #fefcbf); } - .md\:hover\:via-blue-200:hover { - --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0)); + .lg\:focus\:placeholder-colors-yellow-200:focus::placeholder { + color: var(--colors-yellow-200, #fefcbf); } - .md\:hover\:via-blue-300:hover { - --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0)); + .lg\:focus\:placeholder-colors-yellow-300:focus::-moz-placeholder { + color: var(--colors-yellow-300, #faf089); } - .md\:hover\:via-blue-400:hover { - --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0)); + .lg\:focus\:placeholder-colors-yellow-300:focus::placeholder { + color: var(--colors-yellow-300, #faf089); } - .md\:hover\:via-blue-500:hover { - --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0)); + .lg\:focus\:placeholder-colors-yellow-400:focus::-moz-placeholder { + color: var(--colors-yellow-400, #f6e05e); } - .md\:hover\:via-blue-600:hover { - --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0)); + .lg\:focus\:placeholder-colors-yellow-400:focus::placeholder { + color: var(--colors-yellow-400, #f6e05e); } - .md\:hover\:via-blue-700:hover { - --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0)); + .lg\:focus\:placeholder-colors-yellow-500:focus::-moz-placeholder { + color: var(--colors-yellow-500, #ecc94b); } - .md\:hover\:via-blue-800:hover { - --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0)); + .lg\:focus\:placeholder-colors-yellow-500:focus::placeholder { + color: var(--colors-yellow-500, #ecc94b); } - .md\:hover\:via-blue-900:hover { - --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0)); + .lg\:focus\:placeholder-colors-yellow-600:focus::-moz-placeholder { + color: var(--colors-yellow-600, #d69e2e); } - .md\:hover\:via-indigo-50:hover { - --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0)); + .lg\:focus\:placeholder-colors-yellow-600:focus::placeholder { + color: var(--colors-yellow-600, #d69e2e); } - .md\:hover\:via-indigo-100:hover { - --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0)); + .lg\:focus\:placeholder-colors-yellow-700:focus::-moz-placeholder { + color: var(--colors-yellow-700, #b7791f); } - .md\:hover\:via-indigo-200:hover { - --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0)); + .lg\:focus\:placeholder-colors-yellow-700:focus::placeholder { + color: var(--colors-yellow-700, #b7791f); } - .md\:hover\:via-indigo-300:hover { - --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0)); + .lg\:focus\:placeholder-colors-yellow-800:focus::-moz-placeholder { + color: var(--colors-yellow-800, #975a16); } - .md\:hover\:via-indigo-400:hover { - --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0)); + .lg\:focus\:placeholder-colors-yellow-800:focus::placeholder { + color: var(--colors-yellow-800, #975a16); } - .md\:hover\:via-indigo-500:hover { - --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0)); + .lg\:focus\:placeholder-colors-yellow-900:focus::-moz-placeholder { + color: var(--colors-yellow-900, #744210); } - .md\:hover\:via-indigo-600:hover { - --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0)); + .lg\:focus\:placeholder-colors-yellow-900:focus::placeholder { + color: var(--colors-yellow-900, #744210); } - .md\:hover\:via-indigo-700:hover { - --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0)); + .lg\:focus\:placeholder-colors-green-100:focus::-moz-placeholder { + color: var(--colors-green-100, #f0fff4); } - .md\:hover\:via-indigo-800:hover { - --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0)); + .lg\:focus\:placeholder-colors-green-100:focus::placeholder { + color: var(--colors-green-100, #f0fff4); } - .md\:hover\:via-indigo-900:hover { - --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0)); + .lg\:focus\:placeholder-colors-green-200:focus::-moz-placeholder { + color: var(--colors-green-200, #c6f6d5); } - .md\:hover\:via-purple-50:hover { - --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0)); + .lg\:focus\:placeholder-colors-green-200:focus::placeholder { + color: var(--colors-green-200, #c6f6d5); } - .md\:hover\:via-purple-100:hover { - --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0)); + .lg\:focus\:placeholder-colors-green-300:focus::-moz-placeholder { + color: var(--colors-green-300, #9ae6b4); } - .md\:hover\:via-purple-200:hover { - --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0)); + .lg\:focus\:placeholder-colors-green-300:focus::placeholder { + color: var(--colors-green-300, #9ae6b4); } - .md\:hover\:via-purple-300:hover { - --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0)); + .lg\:focus\:placeholder-colors-green-400:focus::-moz-placeholder { + color: var(--colors-green-400, #68d391); } - .md\:hover\:via-purple-400:hover { - --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0)); + .lg\:focus\:placeholder-colors-green-400:focus::placeholder { + color: var(--colors-green-400, #68d391); } - .md\:hover\:via-purple-500:hover { - --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0)); + .lg\:focus\:placeholder-colors-green-500:focus::-moz-placeholder { + color: var(--colors-green-500, #48bb78); } - .md\:hover\:via-purple-600:hover { - --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0)); + .lg\:focus\:placeholder-colors-green-500:focus::placeholder { + color: var(--colors-green-500, #48bb78); } - .md\:hover\:via-purple-700:hover { - --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0)); + .lg\:focus\:placeholder-colors-green-600:focus::-moz-placeholder { + color: var(--colors-green-600, #38a169); } - .md\:hover\:via-purple-800:hover { - --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0)); + .lg\:focus\:placeholder-colors-green-600:focus::placeholder { + color: var(--colors-green-600, #38a169); } - .md\:hover\:via-purple-900:hover { - --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0)); + .lg\:focus\:placeholder-colors-green-700:focus::-moz-placeholder { + color: var(--colors-green-700, #2f855a); } - .md\:hover\:via-pink-50:hover { - --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0)); + .lg\:focus\:placeholder-colors-green-700:focus::placeholder { + color: var(--colors-green-700, #2f855a); } - .md\:hover\:via-pink-100:hover { - --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0)); + .lg\:focus\:placeholder-colors-green-800:focus::-moz-placeholder { + color: var(--colors-green-800, #276749); } - .md\:hover\:via-pink-200:hover { - --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0)); + .lg\:focus\:placeholder-colors-green-800:focus::placeholder { + color: var(--colors-green-800, #276749); } - .md\:hover\:via-pink-300:hover { - --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0)); + .lg\:focus\:placeholder-colors-green-900:focus::-moz-placeholder { + color: var(--colors-green-900, #22543d); } - .md\:hover\:via-pink-400:hover { - --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0)); + .lg\:focus\:placeholder-colors-green-900:focus::placeholder { + color: var(--colors-green-900, #22543d); } - .md\:hover\:via-pink-500:hover { - --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0)); + .lg\:focus\:placeholder-colors-teal-100:focus::-moz-placeholder { + color: var(--colors-teal-100, #e6fffa); } - .md\:hover\:via-pink-600:hover { - --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0)); + .lg\:focus\:placeholder-colors-teal-100:focus::placeholder { + color: var(--colors-teal-100, #e6fffa); } - .md\:hover\:via-pink-700:hover { - --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0)); + .lg\:focus\:placeholder-colors-teal-200:focus::-moz-placeholder { + color: var(--colors-teal-200, #b2f5ea); } - .md\:hover\:via-pink-800:hover { - --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0)); + .lg\:focus\:placeholder-colors-teal-200:focus::placeholder { + color: var(--colors-teal-200, #b2f5ea); } - .md\:hover\:via-pink-900:hover { - --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0)); + .lg\:focus\:placeholder-colors-teal-300:focus::-moz-placeholder { + color: var(--colors-teal-300, #81e6d9); } - .md\:focus\:via-transparent:focus { - --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0)); + .lg\:focus\:placeholder-colors-teal-300:focus::placeholder { + color: var(--colors-teal-300, #81e6d9); } - .md\:focus\:via-current:focus { - --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0)); + .lg\:focus\:placeholder-colors-teal-400:focus::-moz-placeholder { + color: var(--colors-teal-400, #4fd1c5); } - .md\:focus\:via-black:focus { - --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0)); + .lg\:focus\:placeholder-colors-teal-400:focus::placeholder { + color: var(--colors-teal-400, #4fd1c5); } - .md\:focus\:via-white:focus { - --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0)); + .lg\:focus\:placeholder-colors-teal-500:focus::-moz-placeholder { + color: var(--colors-teal-500, #38b2ac); } - .md\:focus\:via-gray-50:focus { - --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0)); + .lg\:focus\:placeholder-colors-teal-500:focus::placeholder { + color: var(--colors-teal-500, #38b2ac); } - .md\:focus\:via-gray-100:focus { - --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0)); + .lg\:focus\:placeholder-colors-teal-600:focus::-moz-placeholder { + color: var(--colors-teal-600, #319795); } - .md\:focus\:via-gray-200:focus { - --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0)); + .lg\:focus\:placeholder-colors-teal-600:focus::placeholder { + color: var(--colors-teal-600, #319795); } - .md\:focus\:via-gray-300:focus { - --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0)); + .lg\:focus\:placeholder-colors-teal-700:focus::-moz-placeholder { + color: var(--colors-teal-700, #2c7a7b); } - .md\:focus\:via-gray-400:focus { - --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0)); + .lg\:focus\:placeholder-colors-teal-700:focus::placeholder { + color: var(--colors-teal-700, #2c7a7b); } - .md\:focus\:via-gray-500:focus { - --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0)); + .lg\:focus\:placeholder-colors-teal-800:focus::-moz-placeholder { + color: var(--colors-teal-800, #285e61); } - .md\:focus\:via-gray-600:focus { - --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0)); + .lg\:focus\:placeholder-colors-teal-800:focus::placeholder { + color: var(--colors-teal-800, #285e61); } - .md\:focus\:via-gray-700:focus { - --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0)); + .lg\:focus\:placeholder-colors-teal-900:focus::-moz-placeholder { + color: var(--colors-teal-900, #234e52); } - .md\:focus\:via-gray-800:focus { - --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0)); + .lg\:focus\:placeholder-colors-teal-900:focus::placeholder { + color: var(--colors-teal-900, #234e52); } - .md\:focus\:via-gray-900:focus { - --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0)); + .lg\:focus\:placeholder-colors-blue-100:focus::-moz-placeholder { + color: var(--colors-blue-100, #ebf8ff); } - .md\:focus\:via-red-50:focus { - --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0)); + .lg\:focus\:placeholder-colors-blue-100:focus::placeholder { + color: var(--colors-blue-100, #ebf8ff); } - .md\:focus\:via-red-100:focus { - --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0)); + .lg\:focus\:placeholder-colors-blue-200:focus::-moz-placeholder { + color: var(--colors-blue-200, #bee3f8); } - .md\:focus\:via-red-200:focus { - --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0)); + .lg\:focus\:placeholder-colors-blue-200:focus::placeholder { + color: var(--colors-blue-200, #bee3f8); } - .md\:focus\:via-red-300:focus { - --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0)); + .lg\:focus\:placeholder-colors-blue-300:focus::-moz-placeholder { + color: var(--colors-blue-300, #90cdf4); } - .md\:focus\:via-red-400:focus { - --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0)); + .lg\:focus\:placeholder-colors-blue-300:focus::placeholder { + color: var(--colors-blue-300, #90cdf4); } - .md\:focus\:via-red-500:focus { - --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0)); + .lg\:focus\:placeholder-colors-blue-400:focus::-moz-placeholder { + color: var(--colors-blue-400, #63b3ed); } - .md\:focus\:via-red-600:focus { - --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0)); + .lg\:focus\:placeholder-colors-blue-400:focus::placeholder { + color: var(--colors-blue-400, #63b3ed); } - .md\:focus\:via-red-700:focus { - --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0)); + .lg\:focus\:placeholder-colors-blue-500:focus::-moz-placeholder { + color: var(--colors-blue-500, #4299e1); } - .md\:focus\:via-red-800:focus { - --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0)); + .lg\:focus\:placeholder-colors-blue-500:focus::placeholder { + color: var(--colors-blue-500, #4299e1); } - .md\:focus\:via-red-900:focus { - --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0)); + .lg\:focus\:placeholder-colors-blue-600:focus::-moz-placeholder { + color: var(--colors-blue-600, #3182ce); } - .md\:focus\:via-yellow-50:focus { - --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0)); + .lg\:focus\:placeholder-colors-blue-600:focus::placeholder { + color: var(--colors-blue-600, #3182ce); } - .md\:focus\:via-yellow-100:focus { - --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0)); + .lg\:focus\:placeholder-colors-blue-700:focus::-moz-placeholder { + color: var(--colors-blue-700, #2b6cb0); } - .md\:focus\:via-yellow-200:focus { - --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0)); + .lg\:focus\:placeholder-colors-blue-700:focus::placeholder { + color: var(--colors-blue-700, #2b6cb0); } - .md\:focus\:via-yellow-300:focus { - --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0)); + .lg\:focus\:placeholder-colors-blue-800:focus::-moz-placeholder { + color: var(--colors-blue-800, #2c5282); } - .md\:focus\:via-yellow-400:focus { - --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0)); + .lg\:focus\:placeholder-colors-blue-800:focus::placeholder { + color: var(--colors-blue-800, #2c5282); } - .md\:focus\:via-yellow-500:focus { - --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0)); + .lg\:focus\:placeholder-colors-blue-900:focus::-moz-placeholder { + color: var(--colors-blue-900, #2a4365); } - .md\:focus\:via-yellow-600:focus { - --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0)); + .lg\:focus\:placeholder-colors-blue-900:focus::placeholder { + color: var(--colors-blue-900, #2a4365); } - .md\:focus\:via-yellow-700:focus { - --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0)); + .lg\:focus\:placeholder-colors-indigo-100:focus::-moz-placeholder { + color: var(--colors-indigo-100, #ebf4ff); } - .md\:focus\:via-yellow-800:focus { - --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0)); + .lg\:focus\:placeholder-colors-indigo-100:focus::placeholder { + color: var(--colors-indigo-100, #ebf4ff); } - .md\:focus\:via-yellow-900:focus { - --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0)); + .lg\:focus\:placeholder-colors-indigo-200:focus::-moz-placeholder { + color: var(--colors-indigo-200, #c3dafe); } - .md\:focus\:via-green-50:focus { - --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0)); + .lg\:focus\:placeholder-colors-indigo-200:focus::placeholder { + color: var(--colors-indigo-200, #c3dafe); } - .md\:focus\:via-green-100:focus { - --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0)); + .lg\:focus\:placeholder-colors-indigo-300:focus::-moz-placeholder { + color: var(--colors-indigo-300, #a3bffa); } - .md\:focus\:via-green-200:focus { - --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0)); + .lg\:focus\:placeholder-colors-indigo-300:focus::placeholder { + color: var(--colors-indigo-300, #a3bffa); } - .md\:focus\:via-green-300:focus { - --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0)); + .lg\:focus\:placeholder-colors-indigo-400:focus::-moz-placeholder { + color: var(--colors-indigo-400, #7f9cf5); } - .md\:focus\:via-green-400:focus { - --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0)); + .lg\:focus\:placeholder-colors-indigo-400:focus::placeholder { + color: var(--colors-indigo-400, #7f9cf5); } - .md\:focus\:via-green-500:focus { - --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0)); + .lg\:focus\:placeholder-colors-indigo-500:focus::-moz-placeholder { + color: var(--colors-indigo-500, #667eea); } - .md\:focus\:via-green-600:focus { - --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0)); + .lg\:focus\:placeholder-colors-indigo-500:focus::placeholder { + color: var(--colors-indigo-500, #667eea); } - .md\:focus\:via-green-700:focus { - --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0)); + .lg\:focus\:placeholder-colors-indigo-600:focus::-moz-placeholder { + color: var(--colors-indigo-600, #5a67d8); } - .md\:focus\:via-green-800:focus { - --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0)); + .lg\:focus\:placeholder-colors-indigo-600:focus::placeholder { + color: var(--colors-indigo-600, #5a67d8); } - .md\:focus\:via-green-900:focus { - --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0)); + .lg\:focus\:placeholder-colors-indigo-700:focus::-moz-placeholder { + color: var(--colors-indigo-700, #4c51bf); } - .md\:focus\:via-blue-50:focus { - --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0)); + .lg\:focus\:placeholder-colors-indigo-700:focus::placeholder { + color: var(--colors-indigo-700, #4c51bf); } - .md\:focus\:via-blue-100:focus { - --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0)); + .lg\:focus\:placeholder-colors-indigo-800:focus::-moz-placeholder { + color: var(--colors-indigo-800, #434190); } - .md\:focus\:via-blue-200:focus { - --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0)); + .lg\:focus\:placeholder-colors-indigo-800:focus::placeholder { + color: var(--colors-indigo-800, #434190); } - .md\:focus\:via-blue-300:focus { - --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0)); + .lg\:focus\:placeholder-colors-indigo-900:focus::-moz-placeholder { + color: var(--colors-indigo-900, #3c366b); } - .md\:focus\:via-blue-400:focus { - --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0)); + .lg\:focus\:placeholder-colors-indigo-900:focus::placeholder { + color: var(--colors-indigo-900, #3c366b); } - .md\:focus\:via-blue-500:focus { - --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0)); + .lg\:focus\:placeholder-colors-purple-100:focus::-moz-placeholder { + color: var(--colors-purple-100, #faf5ff); } - .md\:focus\:via-blue-600:focus { - --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0)); + .lg\:focus\:placeholder-colors-purple-100:focus::placeholder { + color: var(--colors-purple-100, #faf5ff); } - .md\:focus\:via-blue-700:focus { - --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0)); + .lg\:focus\:placeholder-colors-purple-200:focus::-moz-placeholder { + color: var(--colors-purple-200, #e9d8fd); } - .md\:focus\:via-blue-800:focus { - --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0)); + .lg\:focus\:placeholder-colors-purple-200:focus::placeholder { + color: var(--colors-purple-200, #e9d8fd); } - .md\:focus\:via-blue-900:focus { - --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0)); + .lg\:focus\:placeholder-colors-purple-300:focus::-moz-placeholder { + color: var(--colors-purple-300, #d6bcfa); } - .md\:focus\:via-indigo-50:focus { - --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0)); + .lg\:focus\:placeholder-colors-purple-300:focus::placeholder { + color: var(--colors-purple-300, #d6bcfa); } - .md\:focus\:via-indigo-100:focus { - --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0)); + .lg\:focus\:placeholder-colors-purple-400:focus::-moz-placeholder { + color: var(--colors-purple-400, #b794f4); } - .md\:focus\:via-indigo-200:focus { - --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0)); + .lg\:focus\:placeholder-colors-purple-400:focus::placeholder { + color: var(--colors-purple-400, #b794f4); } - .md\:focus\:via-indigo-300:focus { - --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0)); + .lg\:focus\:placeholder-colors-purple-500:focus::-moz-placeholder { + color: var(--colors-purple-500, #9f7aea); } - .md\:focus\:via-indigo-400:focus { - --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0)); + .lg\:focus\:placeholder-colors-purple-500:focus::placeholder { + color: var(--colors-purple-500, #9f7aea); } - .md\:focus\:via-indigo-500:focus { - --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0)); + .lg\:focus\:placeholder-colors-purple-600:focus::-moz-placeholder { + color: var(--colors-purple-600, #805ad5); } - .md\:focus\:via-indigo-600:focus { - --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0)); + .lg\:focus\:placeholder-colors-purple-600:focus::placeholder { + color: var(--colors-purple-600, #805ad5); } - .md\:focus\:via-indigo-700:focus { - --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0)); + .lg\:focus\:placeholder-colors-purple-700:focus::-moz-placeholder { + color: var(--colors-purple-700, #6b46c1); } - .md\:focus\:via-indigo-800:focus { - --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0)); + .lg\:focus\:placeholder-colors-purple-700:focus::placeholder { + color: var(--colors-purple-700, #6b46c1); } - .md\:focus\:via-indigo-900:focus { - --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0)); + .lg\:focus\:placeholder-colors-purple-800:focus::-moz-placeholder { + color: var(--colors-purple-800, #553c9a); } - .md\:focus\:via-purple-50:focus { - --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0)); + .lg\:focus\:placeholder-colors-purple-800:focus::placeholder { + color: var(--colors-purple-800, #553c9a); } - .md\:focus\:via-purple-100:focus { - --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0)); + .lg\:focus\:placeholder-colors-purple-900:focus::-moz-placeholder { + color: var(--colors-purple-900, #44337a); } - .md\:focus\:via-purple-200:focus { - --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0)); + .lg\:focus\:placeholder-colors-purple-900:focus::placeholder { + color: var(--colors-purple-900, #44337a); } - .md\:focus\:via-purple-300:focus { - --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0)); + .lg\:focus\:placeholder-colors-pink-100:focus::-moz-placeholder { + color: var(--colors-pink-100, #fff5f7); } - .md\:focus\:via-purple-400:focus { - --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0)); + .lg\:focus\:placeholder-colors-pink-100:focus::placeholder { + color: var(--colors-pink-100, #fff5f7); } - .md\:focus\:via-purple-500:focus { - --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0)); + .lg\:focus\:placeholder-colors-pink-200:focus::-moz-placeholder { + color: var(--colors-pink-200, #fed7e2); } - .md\:focus\:via-purple-600:focus { - --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0)); + .lg\:focus\:placeholder-colors-pink-200:focus::placeholder { + color: var(--colors-pink-200, #fed7e2); } - .md\:focus\:via-purple-700:focus { - --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0)); + .lg\:focus\:placeholder-colors-pink-300:focus::-moz-placeholder { + color: var(--colors-pink-300, #fbb6ce); } - .md\:focus\:via-purple-800:focus { - --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0)); + .lg\:focus\:placeholder-colors-pink-300:focus::placeholder { + color: var(--colors-pink-300, #fbb6ce); } - .md\:focus\:via-purple-900:focus { - --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0)); + .lg\:focus\:placeholder-colors-pink-400:focus::-moz-placeholder { + color: var(--colors-pink-400, #f687b3); } - .md\:focus\:via-pink-50:focus { - --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0)); + .lg\:focus\:placeholder-colors-pink-400:focus::placeholder { + color: var(--colors-pink-400, #f687b3); } - .md\:focus\:via-pink-100:focus { - --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0)); + .lg\:focus\:placeholder-colors-pink-500:focus::-moz-placeholder { + color: var(--colors-pink-500, #ed64a6); } - .md\:focus\:via-pink-200:focus { - --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0)); + .lg\:focus\:placeholder-colors-pink-500:focus::placeholder { + color: var(--colors-pink-500, #ed64a6); } - .md\:focus\:via-pink-300:focus { - --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0)); + .lg\:focus\:placeholder-colors-pink-600:focus::-moz-placeholder { + color: var(--colors-pink-600, #d53f8c); } - .md\:focus\:via-pink-400:focus { - --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0)); + .lg\:focus\:placeholder-colors-pink-600:focus::placeholder { + color: var(--colors-pink-600, #d53f8c); } - .md\:focus\:via-pink-500:focus { - --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0)); + .lg\:focus\:placeholder-colors-pink-700:focus::-moz-placeholder { + color: var(--colors-pink-700, #b83280); } - .md\:focus\:via-pink-600:focus { - --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0)); + .lg\:focus\:placeholder-colors-pink-700:focus::placeholder { + color: var(--colors-pink-700, #b83280); } - .md\:focus\:via-pink-700:focus { - --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0)); + .lg\:focus\:placeholder-colors-pink-800:focus::-moz-placeholder { + color: var(--colors-pink-800, #97266d); } - .md\:focus\:via-pink-800:focus { - --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0)); + .lg\:focus\:placeholder-colors-pink-800:focus::placeholder { + color: var(--colors-pink-800, #97266d); } - .md\:focus\:via-pink-900:focus { - --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0)); + .lg\:focus\:placeholder-colors-pink-900:focus::-moz-placeholder { + color: var(--colors-pink-900, #702459); } - .md\:to-transparent { - --tw-gradient-to: transparent; + .lg\:focus\:placeholder-colors-pink-900:focus::placeholder { + color: var(--colors-pink-900, #702459); } - .md\:to-current { - --tw-gradient-to: currentColor; + .lg\:focus\:placeholder-Box\ Shadow:focus::-moz-placeholder { + color: var(--box-shadow, #7f7e7f); } - .md\:to-black { - --tw-gradient-to: #000; + .lg\:focus\:placeholder-Box\ Shadow:focus::placeholder { + color: var(--box-shadow, #7f7e7f); } - .md\:to-white { - --tw-gradient-to: #fff; + .lg\:focus\:placeholder-Error16:focus::-moz-placeholder { + color: var(--error16, #f03d3e40); } - .md\:to-gray-50 { - --tw-gradient-to: #f9fafb; + .lg\:focus\:placeholder-Error16:focus::placeholder { + color: var(--error16, #f03d3e40); } - .md\:to-gray-100 { - --tw-gradient-to: #f3f4f6; + .lg\:focus\:placeholder-Success16:focus::-moz-placeholder { + color: var(--success16, #5bb14d40); } - .md\:to-gray-200 { - --tw-gradient-to: #e5e7eb; + .lg\:focus\:placeholder-Success16:focus::placeholder { + color: var(--success16, #5bb14d40); } - .md\:to-gray-300 { - --tw-gradient-to: #d1d5db; + .lg\:focus\:placeholder-Notification16:focus::-moz-placeholder { + color: var(--notification16, #3959ff40); } - .md\:to-gray-400 { - --tw-gradient-to: #9ca3af; + .lg\:focus\:placeholder-Notification16:focus::placeholder { + color: var(--notification16, #3959ff40); } - .md\:to-gray-500 { - --tw-gradient-to: #6b7280; + .lg\:focus\:placeholder-Error8:focus::-moz-placeholder { + color: var(--error8, #f03d3e1a); } - .md\:to-gray-600 { - --tw-gradient-to: #4b5563; + .lg\:focus\:placeholder-Error8:focus::placeholder { + color: var(--error8, #f03d3e1a); } - .md\:to-gray-700 { - --tw-gradient-to: #374151; + .lg\:focus\:placeholder-Notification8:focus::-moz-placeholder { + color: var(--notification8, #3959ff1a); } - .md\:to-gray-800 { - --tw-gradient-to: #1f2937; + .lg\:focus\:placeholder-Notification8:focus::placeholder { + color: var(--notification8, #3959ff1a); } - .md\:to-gray-900 { - --tw-gradient-to: #111827; + .lg\:focus\:placeholder-Success8:focus::-moz-placeholder { + color: var(--success8, #5bb14d1a); } - .md\:to-red-50 { - --tw-gradient-to: #fef2f2; + .lg\:focus\:placeholder-Success8:focus::placeholder { + color: var(--success8, #5bb14d1a); } - .md\:to-red-100 { - --tw-gradient-to: #fee2e2; + .lg\:focus\:placeholder-Light\ -\ Overlay:focus::-moz-placeholder { + color: var(--light-overlay, #f0edee66); } - .md\:to-red-200 { - --tw-gradient-to: #fecaca; + .lg\:focus\:placeholder-Light\ -\ Overlay:focus::placeholder { + color: var(--light-overlay, #f0edee66); } - .md\:to-red-300 { - --tw-gradient-to: #fca5a5; + .lg\:focus\:placeholder-Dark-\ Overlay:focus::-moz-placeholder { + color: var(--dark-overlay, #7f7e7f66); } - .md\:to-red-400 { - --tw-gradient-to: #f87171; + .lg\:focus\:placeholder-Dark-\ Overlay:focus::placeholder { + color: var(--dark-overlay, #7f7e7f66); } - .md\:to-red-500 { - --tw-gradient-to: #ef4444; + .lg\:focus\:placeholder-black-40:focus::-moz-placeholder { + color: var(--black-40, #00000066); } - .md\:to-red-600 { - --tw-gradient-to: #dc2626; + .lg\:focus\:placeholder-black-40:focus::placeholder { + color: var(--black-40, #00000066); } - .md\:to-red-700 { - --tw-gradient-to: #b91c1c; + .lg\:focus\:placeholder-black-75:focus::-moz-placeholder { + color: var(--black-75, #000000bf); } - .md\:to-red-800 { - --tw-gradient-to: #991b1b; + .lg\:focus\:placeholder-black-75:focus::placeholder { + color: var(--black-75, #000000bf); } - .md\:to-red-900 { - --tw-gradient-to: #7f1d1d; + .lg\:focus\:placeholder-black-60:focus::-moz-placeholder { + color: var(--black-60, #00000099); } - .md\:to-yellow-50 { - --tw-gradient-to: #fffbeb; + .lg\:focus\:placeholder-black-60:focus::placeholder { + color: var(--black-60, #00000099); } - .md\:to-yellow-100 { - --tw-gradient-to: #fef3c7; + .lg\:focus\:placeholder-black-50:focus::-moz-placeholder { + color: var(--black-50, #00000080); } - .md\:to-yellow-200 { - --tw-gradient-to: #fde68a; + .lg\:focus\:placeholder-black-50:focus::placeholder { + color: var(--black-50, #00000080); } - .md\:to-yellow-300 { - --tw-gradient-to: #fcd34d; + .lg\:focus\:placeholder-black-25:focus::-moz-placeholder { + color: var(--black-25, #00000040); } - .md\:to-yellow-400 { - --tw-gradient-to: #fbbf24; + .lg\:focus\:placeholder-black-25:focus::placeholder { + color: var(--black-25, #00000040); } - .md\:to-yellow-500 { - --tw-gradient-to: #f59e0b; + .lg\:focus\:placeholder-black-10:focus::-moz-placeholder { + color: var(--black-10, #0000001a); } - .md\:to-yellow-600 { - --tw-gradient-to: #d97706; + .lg\:focus\:placeholder-black-10:focus::placeholder { + color: var(--black-10, #0000001a); } - .md\:to-yellow-700 { - --tw-gradient-to: #b45309; + .lg\:focus\:placeholder-white-25:focus::-moz-placeholder { + color: var(--white-25, #ffffff40); } - .md\:to-yellow-800 { - --tw-gradient-to: #92400e; + .lg\:focus\:placeholder-white-25:focus::placeholder { + color: var(--white-25, #ffffff40); } - .md\:to-yellow-900 { - --tw-gradient-to: #78350f; + .lg\:focus\:placeholder-white-60:focus::-moz-placeholder { + color: var(--white-60, #ffffff99); } - .md\:to-green-50 { - --tw-gradient-to: #ecfdf5; + .lg\:focus\:placeholder-white-60:focus::placeholder { + color: var(--white-60, #ffffff99); } - .md\:to-green-100 { - --tw-gradient-to: #d1fae5; + .lg\:focus\:placeholder-black-64:focus::-moz-placeholder { + color: var(--black-64, #000000a3); } - .md\:to-green-200 { - --tw-gradient-to: #a7f3d0; + .lg\:focus\:placeholder-black-64:focus::placeholder { + color: var(--black-64, #000000a3); } - .md\:to-green-300 { - --tw-gradient-to: #6ee7b7; + .lg\:focus\:placeholder-Shadow\ and\ Highlight-Shadow:focus::-moz-placeholder { + color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .md\:to-green-400 { - --tw-gradient-to: #34d399; + .lg\:focus\:placeholder-Shadow\ and\ Highlight-Shadow:focus::placeholder { + color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .md\:to-green-500 { - --tw-gradient-to: #10b981; + .lg\:focus\:placeholder-Shadow\ and\ Highlight-Highlight:focus::-moz-placeholder { + color: var(--shadow-and-highlight-highlight, #474747); } - .md\:to-green-600 { - --tw-gradient-to: #059669; + .lg\:focus\:placeholder-Shadow\ and\ Highlight-Highlight:focus::placeholder { + color: var(--shadow-and-highlight-highlight, #474747); } - .md\:to-green-700 { - --tw-gradient-to: #047857; + .lg\:focus\:placeholder-Shadow\ and\ Highlight-highlight\ one:focus::-moz-placeholder { + color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .md\:to-green-800 { - --tw-gradient-to: #065f46; + .lg\:focus\:placeholder-Shadow\ and\ Highlight-highlight\ one:focus::placeholder { + color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .md\:to-green-900 { - --tw-gradient-to: #064e3b; + .lg\:focus\:placeholder-Shadow\ and\ Highlight-highlight\ two:focus::-moz-placeholder { + color: var(--shadow-and-highlight-highlight-two, #47474799); } - .md\:to-blue-50 { - --tw-gradient-to: #eff6ff; + .lg\:focus\:placeholder-Shadow\ and\ Highlight-highlight\ two:focus::placeholder { + color: var(--shadow-and-highlight-highlight-two, #47474799); } - .md\:to-blue-100 { - --tw-gradient-to: #dbeafe; + .lg\:focus\:placeholder-Shadow\ and\ Highlight-highlight\ three:focus::-moz-placeholder { + color: var(--shadow-and-highlight-highlight-three, #47474766); } - .md\:to-blue-200 { - --tw-gradient-to: #bfdbfe; + .lg\:focus\:placeholder-Shadow\ and\ Highlight-highlight\ three:focus::placeholder { + color: var(--shadow-and-highlight-highlight-three, #47474766); } - .md\:to-blue-300 { - --tw-gradient-to: #93c5fd; + .lg\:focus\:placeholder-Shadow\ and\ Highlight-highlight\ five:focus::-moz-placeholder { + color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .md\:to-blue-400 { - --tw-gradient-to: #60a5fa; + .lg\:focus\:placeholder-Shadow\ and\ Highlight-highlight\ five:focus::placeholder { + color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .md\:to-blue-500 { - --tw-gradient-to: #3b82f6; + .lg\:focus\:placeholder-Shadow\ and\ Highlight-shadow\ one:focus::-moz-placeholder { + color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .md\:to-blue-600 { - --tw-gradient-to: #2563eb; + .lg\:focus\:placeholder-Shadow\ and\ Highlight-shadow\ one:focus::placeholder { + color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .md\:to-blue-700 { - --tw-gradient-to: #1d4ed8; + .lg\:focus\:placeholder-Shadow\ and\ Highlight-shadow\ two:focus::-moz-placeholder { + color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .md\:to-blue-800 { - --tw-gradient-to: #1e40af; + .lg\:focus\:placeholder-Shadow\ and\ Highlight-shadow\ two:focus::placeholder { + color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .md\:to-blue-900 { - --tw-gradient-to: #1e3a8a; + .lg\:focus\:placeholder-Shadow\ and\ Highlight-shadow\ three:focus::-moz-placeholder { + color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .md\:to-indigo-50 { - --tw-gradient-to: #eef2ff; + .lg\:focus\:placeholder-Shadow\ and\ Highlight-shadow\ three:focus::placeholder { + color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .md\:to-indigo-100 { - --tw-gradient-to: #e0e7ff; + .lg\:focus\:placeholder-Shadow\ and\ Highlight-shadow\ four:focus::-moz-placeholder { + color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .md\:to-indigo-200 { - --tw-gradient-to: #c7d2fe; + .lg\:focus\:placeholder-Shadow\ and\ Highlight-shadow\ four:focus::placeholder { + color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .md\:to-indigo-300 { - --tw-gradient-to: #a5b4fc; + .lg\:focus\:placeholder-Shadow\ and\ Highlight-shadow\ five:focus::-moz-placeholder { + color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .md\:to-indigo-400 { - --tw-gradient-to: #818cf8; + .lg\:focus\:placeholder-Shadow\ and\ Highlight-shadow\ five:focus::placeholder { + color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .md\:to-indigo-500 { - --tw-gradient-to: #6366f1; + .lg\:focus\:placeholder-Shadow\ and\ Highlight-highlight\ four:focus::-moz-placeholder { + color: var(--shadow-and-highlight-highlight-four, #47474740); } - .md\:to-indigo-600 { - --tw-gradient-to: #4f46e5; + .lg\:focus\:placeholder-Shadow\ and\ Highlight-highlight\ four:focus::placeholder { + color: var(--shadow-and-highlight-highlight-four, #47474740); } - .md\:to-indigo-700 { - --tw-gradient-to: #4338ca; + .lg\:focus\:placeholder-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus::-moz-placeholder { + color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .md\:to-indigo-800 { - --tw-gradient-to: #3730a3; + .lg\:focus\:placeholder-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus::placeholder { + color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .md\:to-indigo-900 { - --tw-gradient-to: #312e81; + .lg\:focus\:placeholder-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus::-moz-placeholder { + color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .md\:to-purple-50 { - --tw-gradient-to: #f5f3ff; + .lg\:focus\:placeholder-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus::placeholder { + color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .md\:to-purple-100 { - --tw-gradient-to: #ede9fe; + .lg\:focus\:placeholder-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus::-moz-placeholder { + color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .md\:to-purple-200 { - --tw-gradient-to: #ddd6fe; + .lg\:focus\:placeholder-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus::placeholder { + color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .md\:to-purple-300 { - --tw-gradient-to: #c4b5fd; + .lg\:focus\:placeholder-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus::-moz-placeholder { + color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .md\:to-purple-400 { - --tw-gradient-to: #a78bfa; + .lg\:focus\:placeholder-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus::placeholder { + color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .md\:to-purple-500 { - --tw-gradient-to: #8b5cf6; + .lg\:focus\:placeholder-Grey-Scale-white:focus::-moz-placeholder { + color: var(--grey-scale-white, #ffffff); } - .md\:to-purple-600 { - --tw-gradient-to: #7c3aed; + .lg\:focus\:placeholder-Grey-Scale-white:focus::placeholder { + color: var(--grey-scale-white, #ffffff); } - .md\:to-purple-700 { - --tw-gradient-to: #6d28d9; + .lg\:focus\:placeholder-Grey-Scale-off-white:focus::-moz-placeholder { + color: var(--grey-scale-off-white, #f0edee); } - .md\:to-purple-800 { - --tw-gradient-to: #5b21b6; + .lg\:focus\:placeholder-Grey-Scale-off-white:focus::placeholder { + color: var(--grey-scale-off-white, #f0edee); } - .md\:to-purple-900 { - --tw-gradient-to: #4c1d95; + .lg\:focus\:placeholder-Grey\ Scale-grey:focus::-moz-placeholder { + color: var(--grey-scale-grey, #7f7e7f); } - .md\:to-pink-50 { - --tw-gradient-to: #fdf2f8; + .lg\:focus\:placeholder-Grey\ Scale-grey:focus::placeholder { + color: var(--grey-scale-grey, #7f7e7f); } - .md\:to-pink-100 { - --tw-gradient-to: #fce7f3; + .lg\:focus\:placeholder-Grey\ Scale-charcoal:focus::-moz-placeholder { + color: var(--grey-scale-charcoal, #474747); } - .md\:to-pink-200 { - --tw-gradient-to: #fbcfe8; + .lg\:focus\:placeholder-Grey\ Scale-charcoal:focus::placeholder { + color: var(--grey-scale-charcoal, #474747); } - .md\:to-pink-300 { - --tw-gradient-to: #f9a8d4; + .lg\:focus\:placeholder-Grey\ Scale-off-black:focus::-moz-placeholder { + color: var(--grey-scale-off-black, #1c1c1c); } - .md\:to-pink-400 { - --tw-gradient-to: #f472b6; + .lg\:focus\:placeholder-Grey\ Scale-off-black:focus::placeholder { + color: var(--grey-scale-off-black, #1c1c1c); } - .md\:to-pink-500 { - --tw-gradient-to: #ec4899; + .lg\:focus\:placeholder-Grey\ Scale-black:focus::-moz-placeholder { + color: var(--grey-scale-black, #000000); } - .md\:to-pink-600 { - --tw-gradient-to: #db2777; + .lg\:focus\:placeholder-Grey\ Scale-black:focus::placeholder { + color: var(--grey-scale-black, #000000); } - .md\:to-pink-700 { - --tw-gradient-to: #be185d; + .lg\:focus\:placeholder-Blue-blue:focus::-moz-placeholder { + color: var(--blue-blue, #3a7ca5); } - .md\:to-pink-800 { - --tw-gradient-to: #9d174d; + .lg\:focus\:placeholder-Blue-blue:focus::placeholder { + color: var(--blue-blue, #3a7ca5); } - .md\:to-pink-900 { - --tw-gradient-to: #831843; + .lg\:focus\:placeholder-Blue-blue-100:focus::-moz-placeholder { + color: var(--blue-blue-100, #75a3c0); } - .md\:hover\:to-transparent:hover { - --tw-gradient-to: transparent; + .lg\:focus\:placeholder-Blue-blue-100:focus::placeholder { + color: var(--blue-blue-100, #75a3c0); } - .md\:hover\:to-current:hover { - --tw-gradient-to: currentColor; + .lg\:focus\:placeholder-Blue-blue-200:focus::-moz-placeholder { + color: var(--blue-blue-200, #9cbed2); } - .md\:hover\:to-black:hover { - --tw-gradient-to: #000; + .lg\:focus\:placeholder-Blue-blue-200:focus::placeholder { + color: var(--blue-blue-200, #9cbed2); } - .md\:hover\:to-white:hover { - --tw-gradient-to: #fff; + .lg\:focus\:placeholder-Blue-blue-300:focus::-moz-placeholder { + color: var(--blue-blue-300, #4f7d9a); } - .md\:hover\:to-gray-50:hover { - --tw-gradient-to: #f9fafb; + .lg\:focus\:placeholder-Blue-blue-300:focus::placeholder { + color: var(--blue-blue-300, #4f7d9a); } - .md\:hover\:to-gray-100:hover { - --tw-gradient-to: #f3f4f6; + .lg\:focus\:placeholder-Blue-blue-400:focus::-moz-placeholder { + color: var(--blue-blue-400, #5c7d92); } - .md\:hover\:to-gray-200:hover { - --tw-gradient-to: #e5e7eb; + .lg\:focus\:placeholder-Blue-blue-400:focus::placeholder { + color: var(--blue-blue-400, #5c7d92); } - .md\:hover\:to-gray-300:hover { - --tw-gradient-to: #d1d5db; + .lg\:focus\:placeholder-Blue-blue-500:focus::-moz-placeholder { + color: var(--blue-blue-500, #347095); } - .md\:hover\:to-gray-400:hover { - --tw-gradient-to: #9ca3af; + .lg\:focus\:placeholder-Blue-blue-500:focus::placeholder { + color: var(--blue-blue-500, #347095); } - .md\:hover\:to-gray-500:hover { - --tw-gradient-to: #6b7280; + .lg\:focus\:placeholder-Blue-blue-600:focus::-moz-placeholder { + color: var(--blue-blue-600, #295774); } - .md\:hover\:to-gray-600:hover { - --tw-gradient-to: #4b5563; + .lg\:focus\:placeholder-Blue-blue-600:focus::placeholder { + color: var(--blue-blue-600, #295774); } - .md\:hover\:to-gray-700:hover { - --tw-gradient-to: #374151; + .lg\:focus\:placeholder-Blue-blue-700:focus::-moz-placeholder { + color: var(--blue-blue-700, #173242); } - .md\:hover\:to-gray-800:hover { - --tw-gradient-to: #1f2937; + .lg\:focus\:placeholder-Blue-blue-700:focus::placeholder { + color: var(--blue-blue-700, #173242); } - .md\:hover\:to-gray-900:hover { - --tw-gradient-to: #111827; + .lg\:focus\:placeholder-LightBlue-lightblue:focus::-moz-placeholder { + color: var(--light-blue-lightblue, #81c3d7); } - .md\:hover\:to-red-50:hover { - --tw-gradient-to: #fef2f2; + .lg\:focus\:placeholder-LightBlue-lightblue:focus::placeholder { + color: var(--light-blue-lightblue, #81c3d7); } - .md\:hover\:to-red-100:hover { - --tw-gradient-to: #fee2e2; + .lg\:focus\:placeholder-LightBlue-lightblue-100:focus::-moz-placeholder { + color: var(--light-blue-lightblue-100, #a7d5e3); } - .md\:hover\:to-red-200:hover { - --tw-gradient-to: #fecaca; + .lg\:focus\:placeholder-LightBlue-lightblue-100:focus::placeholder { + color: var(--light-blue-lightblue-100, #a7d5e3); } - .md\:hover\:to-red-300:hover { - --tw-gradient-to: #fca5a5; + .lg\:focus\:placeholder-LightBlue-lightblue-200:focus::-moz-placeholder { + color: var(--light-blue-lightblue-200, #c0e1eb); } - .md\:hover\:to-red-400:hover { - --tw-gradient-to: #f87171; + .lg\:focus\:placeholder-LightBlue-lightblue-200:focus::placeholder { + color: var(--light-blue-lightblue-200, #c0e1eb); } - .md\:hover\:to-red-500:hover { - --tw-gradient-to: #ef4444; + .lg\:focus\:placeholder-LightBlue-lightblue-300:focus::-moz-placeholder { + color: var(--light-blue-lightblue-300, #80aebd); } - .md\:hover\:to-red-600:hover { - --tw-gradient-to: #dc2626; + .lg\:focus\:placeholder-LightBlue-lightblue-300:focus::placeholder { + color: var(--light-blue-lightblue-300, #80aebd); } - .md\:hover\:to-red-700:hover { - --tw-gradient-to: #b91c1c; + .lg\:focus\:placeholder-LightBlue-lightblue-400:focus::-moz-placeholder { + color: var(--light-blue-lightblue-400, #80a0ab); } - .md\:hover\:to-red-800:hover { - --tw-gradient-to: #991b1b; + .lg\:focus\:placeholder-LightBlue-lightblue-400:focus::placeholder { + color: var(--light-blue-lightblue-400, #80a0ab); } - .md\:hover\:to-red-900:hover { - --tw-gradient-to: #7f1d1d; + .lg\:focus\:placeholder-LightBlue-lightblue-500:focus::-moz-placeholder { + color: var(--light-blue-lightblue-500, #74afc1); } - .md\:hover\:to-yellow-50:hover { - --tw-gradient-to: #fffbeb; + .lg\:focus\:placeholder-LightBlue-lightblue-500:focus::placeholder { + color: var(--light-blue-lightblue-500, #74afc1); } - .md\:hover\:to-yellow-100:hover { - --tw-gradient-to: #fef3c7; + .lg\:focus\:placeholder-LightBlue-lightblue-600:focus::-moz-placeholder { + color: var(--light-blue-lightblue-600, #5a8997); } - .md\:hover\:to-yellow-200:hover { - --tw-gradient-to: #fde68a; + .lg\:focus\:placeholder-LightBlue-lightblue-600:focus::placeholder { + color: var(--light-blue-lightblue-600, #5a8997); } - .md\:hover\:to-yellow-300:hover { - --tw-gradient-to: #fcd34d; + .lg\:focus\:placeholder-LightBlue-lightblue-650:focus::-moz-placeholder { + color: var(--light-blue-lightblue-650, #3e5e65); } - .md\:hover\:to-yellow-400:hover { - --tw-gradient-to: #fbbf24; + .lg\:focus\:placeholder-LightBlue-lightblue-650:focus::placeholder { + color: var(--light-blue-lightblue-650, #3e5e65); } - .md\:hover\:to-yellow-500:hover { - --tw-gradient-to: #f59e0b; + .lg\:focus\:placeholder-LightBlue-lightblue-700:focus::-moz-placeholder { + color: var(--light-blue-lightblue-700, #344e56); } - .md\:hover\:to-yellow-600:hover { - --tw-gradient-to: #d97706; + .lg\:focus\:placeholder-LightBlue-lightblue-700:focus::placeholder { + color: var(--light-blue-lightblue-700, #344e56); } - .md\:hover\:to-yellow-700:hover { - --tw-gradient-to: #b45309; + .lg\:focus\:placeholder-Orange-orange:focus::-moz-placeholder { + color: var(--orange-orange, #ff7f0e); } - .md\:hover\:to-yellow-800:hover { - --tw-gradient-to: #92400e; + .lg\:focus\:placeholder-Orange-orange:focus::placeholder { + color: var(--orange-orange, #ff7f0e); } - .md\:hover\:to-yellow-900:hover { - --tw-gradient-to: #78350f; + .lg\:focus\:placeholder-Orange-orange-100:focus::-moz-placeholder { + color: var(--orange-orange-100, #ffa556); } - .md\:hover\:to-green-50:hover { - --tw-gradient-to: #ecfdf5; + .lg\:focus\:placeholder-Orange-orange-100:focus::placeholder { + color: var(--orange-orange-100, #ffa556); } - .md\:hover\:to-green-100:hover { - --tw-gradient-to: #d1fae5; + .lg\:focus\:placeholder-Orange-orange-200:focus::-moz-placeholder { + color: var(--orange-orange-200, #ffbf86); } - .md\:hover\:to-green-200:hover { - --tw-gradient-to: #a7f3d0; + .lg\:focus\:placeholder-Orange-orange-200:focus::placeholder { + color: var(--orange-orange-200, #ffbf86); } - .md\:hover\:to-green-300:hover { - --tw-gradient-to: #6ee7b7; + .lg\:focus\:placeholder-Orange-orange-300:focus::-moz-placeholder { + color: var(--orange-orange-300, #d97f30); } - .md\:hover\:to-green-400:hover { - --tw-gradient-to: #34d399; + .lg\:focus\:placeholder-Orange-orange-300:focus::placeholder { + color: var(--orange-orange-300, #d97f30); } - .md\:hover\:to-green-500:hover { - --tw-gradient-to: #10b981; + .lg\:focus\:placeholder-Orange-orange-400:focus::-moz-placeholder { + color: var(--orange-orange-400, #bf7e46); } - .md\:hover\:to-green-600:hover { - --tw-gradient-to: #059669; + .lg\:focus\:placeholder-Orange-orange-400:focus::placeholder { + color: var(--orange-orange-400, #bf7e46); } - .md\:hover\:to-green-700:hover { - --tw-gradient-to: #047857; + .lg\:focus\:placeholder-Orange-orange-500:focus::-moz-placeholder { + color: var(--orange-orange-500, #e5720d); } - .md\:hover\:to-green-800:hover { - --tw-gradient-to: #065f46; + .lg\:focus\:placeholder-Orange-orange-500:focus::placeholder { + color: var(--orange-orange-500, #e5720d); } - .md\:hover\:to-green-900:hover { - --tw-gradient-to: #064e3b; + .lg\:focus\:placeholder-Orange-orange-600:focus::-moz-placeholder { + color: var(--orange-orange-600, #b3590a); } - .md\:hover\:to-blue-50:hover { - --tw-gradient-to: #eff6ff; + .lg\:focus\:placeholder-Orange-orange-600:focus::placeholder { + color: var(--orange-orange-600, #b3590a); } - .md\:hover\:to-blue-100:hover { - --tw-gradient-to: #dbeafe; + .lg\:focus\:placeholder-Orange-orange-700:focus::-moz-placeholder { + color: var(--orange-orange-700, #663306); } - .md\:hover\:to-blue-200:hover { - --tw-gradient-to: #bfdbfe; + .lg\:focus\:placeholder-Orange-orange-700:focus::placeholder { + color: var(--orange-orange-700, #663306); } - .md\:hover\:to-blue-300:hover { - --tw-gradient-to: #93c5fd; + .lg\:focus\:placeholder-Yellow-yellow:focus::-moz-placeholder { + color: var(--yellow-yellow, #ffab00); } - .md\:hover\:to-blue-400:hover { - --tw-gradient-to: #60a5fa; + .lg\:focus\:placeholder-Yellow-yellow:focus::placeholder { + color: var(--yellow-yellow, #ffab00); } - .md\:hover\:to-blue-500:hover { - --tw-gradient-to: #3b82f6; + .lg\:focus\:placeholder-Yellow-yellow-100:focus::-moz-placeholder { + color: var(--yellow-yellow-100, #ffc44c); } - .md\:hover\:to-blue-600:hover { - --tw-gradient-to: #2563eb; + .lg\:focus\:placeholder-Yellow-yellow-100:focus::placeholder { + color: var(--yellow-yellow-100, #ffc44c); } - .md\:hover\:to-blue-700:hover { - --tw-gradient-to: #1d4ed8; + .lg\:focus\:placeholder-Yellow-yellow-200:focus::-moz-placeholder { + color: var(--yellow-yellow-200, #ffd580); } - .md\:hover\:to-blue-800:hover { - --tw-gradient-to: #1e40af; + .lg\:focus\:placeholder-Yellow-yellow-200:focus::placeholder { + color: var(--yellow-yellow-200, #ffd580); } - .md\:hover\:to-blue-900:hover { - --tw-gradient-to: #1e3a8a; + .lg\:focus\:placeholder-Yellow-yellow-300:focus::-moz-placeholder { + color: var(--yellow-yellow-300, #d99d26); } - .md\:hover\:to-indigo-50:hover { - --tw-gradient-to: #eef2ff; + .lg\:focus\:placeholder-Yellow-yellow-300:focus::placeholder { + color: var(--yellow-yellow-300, #d99d26); } - .md\:hover\:to-indigo-100:hover { - --tw-gradient-to: #e0e7ff; + .lg\:focus\:placeholder-Yellow-yellow-400:focus::-moz-placeholder { + color: var(--yellow-yellow-400, #bf943f); } - .md\:hover\:to-indigo-200:hover { - --tw-gradient-to: #c7d2fe; + .lg\:focus\:placeholder-Yellow-yellow-400:focus::placeholder { + color: var(--yellow-yellow-400, #bf943f); } - .md\:hover\:to-indigo-300:hover { - --tw-gradient-to: #a5b4fc; + .lg\:focus\:placeholder-Yellow-yellow-500:focus::-moz-placeholder { + color: var(--yellow-yellow-500, #e59a00); } - .md\:hover\:to-indigo-400:hover { - --tw-gradient-to: #818cf8; + .lg\:focus\:placeholder-Yellow-yellow-500:focus::placeholder { + color: var(--yellow-yellow-500, #e59a00); } - .md\:hover\:to-indigo-500:hover { - --tw-gradient-to: #6366f1; + .lg\:focus\:placeholder-Yellow-yellow-600:focus::-moz-placeholder { + color: var(--yellow-yellow-600, #b37800); } - .md\:hover\:to-indigo-600:hover { - --tw-gradient-to: #4f46e5; + .lg\:focus\:placeholder-Yellow-yellow-600:focus::placeholder { + color: var(--yellow-yellow-600, #b37800); } - .md\:hover\:to-indigo-700:hover { - --tw-gradient-to: #4338ca; + .lg\:focus\:placeholder-Yellow-yellow-700:focus::-moz-placeholder { + color: var(--yellow-yellow-700, #664400); } - .md\:hover\:to-indigo-800:hover { - --tw-gradient-to: #3730a3; + .lg\:focus\:placeholder-Yellow-yellow-700:focus::placeholder { + color: var(--yellow-yellow-700, #664400); } - .md\:hover\:to-indigo-900:hover { - --tw-gradient-to: #312e81; + .lg\:focus\:placeholder-Notification-notification:focus::-moz-placeholder { + color: var(--notification-notification, #3959ff); } - .md\:hover\:to-purple-50:hover { - --tw-gradient-to: #f5f3ff; + .lg\:focus\:placeholder-Notification-notification:focus::placeholder { + color: var(--notification-notification, #3959ff); } - .md\:hover\:to-purple-100:hover { - --tw-gradient-to: #ede9fe; + .lg\:focus\:placeholder-Notification-notification-100:focus::-moz-placeholder { + color: var(--notification-notification-100, #748bff); } - .md\:hover\:to-purple-200:hover { - --tw-gradient-to: #ddd6fe; + .lg\:focus\:placeholder-Notification-notification-100:focus::placeholder { + color: var(--notification-notification-100, #748bff); } - .md\:hover\:to-purple-300:hover { - --tw-gradient-to: #c4b5fd; + .lg\:focus\:placeholder-Notification-notification-200:focus::-moz-placeholder { + color: var(--notification-notification-200, #9cacff); } - .md\:hover\:to-purple-400:hover { - --tw-gradient-to: #a78bfa; + .lg\:focus\:placeholder-Notification-notification-200:focus::placeholder { + color: var(--notification-notification-200, #9cacff); } - .md\:hover\:to-purple-500:hover { - --tw-gradient-to: #8b5cf6; + .lg\:focus\:placeholder-Notification-notification-300:focus::-moz-placeholder { + color: var(--notification-notification-300, #4e64d9); } - .md\:hover\:to-purple-600:hover { - --tw-gradient-to: #7c3aed; + .lg\:focus\:placeholder-Notification-notification-300:focus::placeholder { + color: var(--notification-notification-300, #4e64d9); } - .md\:hover\:to-purple-700:hover { - --tw-gradient-to: #6d28d9; + .lg\:focus\:placeholder-Notification-notification-400:focus::-moz-placeholder { + color: var(--notification-notification-400, #5c6cbf); } - .md\:hover\:to-purple-800:hover { - --tw-gradient-to: #5b21b6; + .lg\:focus\:placeholder-Notification-notification-400:focus::placeholder { + color: var(--notification-notification-400, #5c6cbf); } - .md\:hover\:to-purple-900:hover { - --tw-gradient-to: #4c1d95; + .lg\:focus\:placeholder-Notification-notification-500:focus::-moz-placeholder { + color: var(--notification-notification-500, #3350e5); } - .md\:hover\:to-pink-50:hover { - --tw-gradient-to: #fdf2f8; + .lg\:focus\:placeholder-Notification-notification-500:focus::placeholder { + color: var(--notification-notification-500, #3350e5); } - .md\:hover\:to-pink-100:hover { - --tw-gradient-to: #fce7f3; + .lg\:focus\:placeholder-Notification-notification-600:focus::-moz-placeholder { + color: var(--notification-notification-600, #283eb3); } - .md\:hover\:to-pink-200:hover { - --tw-gradient-to: #fbcfe8; + .lg\:focus\:placeholder-Notification-notification-600:focus::placeholder { + color: var(--notification-notification-600, #283eb3); } - .md\:hover\:to-pink-300:hover { - --tw-gradient-to: #f9a8d4; + .lg\:focus\:placeholder-Notification-notification-700:focus::-moz-placeholder { + color: var(--notification-notification-700, #172466); } - .md\:hover\:to-pink-400:hover { - --tw-gradient-to: #f472b6; + .lg\:focus\:placeholder-Notification-notification-700:focus::placeholder { + color: var(--notification-notification-700, #172466); } - .md\:hover\:to-pink-500:hover { - --tw-gradient-to: #ec4899; + .lg\:focus\:placeholder-Success-success\ -700:focus::-moz-placeholder { + color: var(--success-success-700, #24471f); } - .md\:hover\:to-pink-600:hover { - --tw-gradient-to: #db2777; + .lg\:focus\:placeholder-Success-success\ -700:focus::placeholder { + color: var(--success-success-700, #24471f); } - .md\:hover\:to-pink-700:hover { - --tw-gradient-to: #be185d; + .lg\:focus\:placeholder-Success-success:focus::-moz-placeholder { + color: var(--success-success, #5bb14d); } - .md\:hover\:to-pink-800:hover { - --tw-gradient-to: #9d174d; + .lg\:focus\:placeholder-Success-success:focus::placeholder { + color: var(--success-success, #5bb14d); } - .md\:hover\:to-pink-900:hover { - --tw-gradient-to: #831843; + .lg\:focus\:placeholder-Success-success\ -100:focus::-moz-placeholder { + color: var(--success-success-100, #8cc882); } - .md\:focus\:to-transparent:focus { - --tw-gradient-to: transparent; + .lg\:focus\:placeholder-Success-success\ -100:focus::placeholder { + color: var(--success-success-100, #8cc882); } - .md\:focus\:to-current:focus { - --tw-gradient-to: currentColor; + .lg\:focus\:placeholder-Success-success\ -200:focus::-moz-placeholder { + color: var(--success-success-200, #add8a6); } - .md\:focus\:to-black:focus { - --tw-gradient-to: #000; + .lg\:focus\:placeholder-Success-success\ -200:focus::placeholder { + color: var(--success-success-200, #add8a6); } - .md\:focus\:to-white:focus { - --tw-gradient-to: #fff; + .lg\:focus\:placeholder-Success-success\ -300:focus::-moz-placeholder { + color: var(--success-success-300, #66a25c); } - .md\:focus\:to-gray-50:focus { - --tw-gradient-to: #f9fafb; + .lg\:focus\:placeholder-Success-success\ -300:focus::placeholder { + color: var(--success-success-300, #66a25c); } - .md\:focus\:to-gray-100:focus { - --tw-gradient-to: #f3f4f6; + .lg\:focus\:placeholder-Success-success\ -400:focus::-moz-placeholder { + color: var(--success-success-400, #6d9766); } - .md\:focus\:to-gray-200:focus { - --tw-gradient-to: #e5e7eb; + .lg\:focus\:placeholder-Success-success\ -400:focus::placeholder { + color: var(--success-success-400, #6d9766); } - .md\:focus\:to-gray-300:focus { - --tw-gradient-to: #d1d5db; + .lg\:focus\:placeholder-Success-success\ -500:focus::-moz-placeholder { + color: var(--success-success-500, #529f45); } - .md\:focus\:to-gray-400:focus { - --tw-gradient-to: #9ca3af; + .lg\:focus\:placeholder-Success-success\ -500:focus::placeholder { + color: var(--success-success-500, #529f45); } - .md\:focus\:to-gray-500:focus { - --tw-gradient-to: #6b7280; + .lg\:focus\:placeholder-Success-success\ -600:focus::-moz-placeholder { + color: var(--success-success-600, #407c36); } - .md\:focus\:to-gray-600:focus { - --tw-gradient-to: #4b5563; + .lg\:focus\:placeholder-Success-success\ -600:focus::placeholder { + color: var(--success-success-600, #407c36); } - .md\:focus\:to-gray-700:focus { - --tw-gradient-to: #374151; + .lg\:focus\:placeholder-Error-error:focus::-moz-placeholder { + color: var(--error-error, #f03d3e); } - .md\:focus\:to-gray-800:focus { - --tw-gradient-to: #1f2937; + .lg\:focus\:placeholder-Error-error:focus::placeholder { + color: var(--error-error, #f03d3e); } - .md\:focus\:to-gray-900:focus { - --tw-gradient-to: #111827; + .lg\:focus\:placeholder-Error-error-100:focus::-moz-placeholder { + color: var(--error-error-100, #f57778); } - .md\:focus\:to-red-50:focus { - --tw-gradient-to: #fef2f2; + .lg\:focus\:placeholder-Error-error-100:focus::placeholder { + color: var(--error-error-100, #f57778); } - .md\:focus\:to-red-100:focus { - --tw-gradient-to: #fee2e2; + .lg\:focus\:placeholder-Error-error-200:focus::-moz-placeholder { + color: var(--error-error-200, #f89e9e); } - .md\:focus\:to-red-200:focus { - --tw-gradient-to: #fecaca; + .lg\:focus\:placeholder-Error-error-200:focus::placeholder { + color: var(--error-error-200, #f89e9e); } - .md\:focus\:to-red-300:focus { - --tw-gradient-to: #fca5a5; + .lg\:focus\:placeholder-Error-error-250:focus::-moz-placeholder { + color: var(--error-error-250, #f9c8c8); } - .md\:focus\:to-red-400:focus { - --tw-gradient-to: #f87171; + .lg\:focus\:placeholder-Error-error-250:focus::placeholder { + color: var(--error-error-250, #f9c8c8); } - .md\:focus\:to-red-500:focus { - --tw-gradient-to: #ef4444; + .lg\:focus\:placeholder-Error-error-300:focus::-moz-placeholder { + color: var(--error-error-300, #ce5151); } - .md\:focus\:to-red-600:focus { - --tw-gradient-to: #dc2626; + .lg\:focus\:placeholder-Error-error-300:focus::placeholder { + color: var(--error-error-300, #ce5151); } - .md\:focus\:to-red-700:focus { - --tw-gradient-to: #b91c1c; + .lg\:focus\:placeholder-Error-error-400:focus::-moz-placeholder { + color: var(--error-error-400, #b85e5e); } - .md\:focus\:to-red-800:focus { - --tw-gradient-to: #991b1b; + .lg\:focus\:placeholder-Error-error-400:focus::placeholder { + color: var(--error-error-400, #b85e5e); } - .md\:focus\:to-red-900:focus { - --tw-gradient-to: #7f1d1d; + .lg\:focus\:placeholder-Error-error-500:focus::-moz-placeholder { + color: var(--error-error-500, #d83738); } - .md\:focus\:to-yellow-50:focus { - --tw-gradient-to: #fffbeb; + .lg\:focus\:placeholder-Error-error-500:focus::placeholder { + color: var(--error-error-500, #d83738); } - .md\:focus\:to-yellow-100:focus { - --tw-gradient-to: #fef3c7; + .lg\:focus\:placeholder-Error-error-600:focus::-moz-placeholder { + color: var(--error-error-600, #a82b2b); } - .md\:focus\:to-yellow-200:focus { - --tw-gradient-to: #fde68a; + .lg\:focus\:placeholder-Error-error-600:focus::placeholder { + color: var(--error-error-600, #a82b2b); } - .md\:focus\:to-yellow-300:focus { - --tw-gradient-to: #fcd34d; + .lg\:focus\:placeholder-Error-error-700:focus::-moz-placeholder { + color: var(--error-error-700, #601819); } - .md\:focus\:to-yellow-400:focus { - --tw-gradient-to: #fbbf24; + .lg\:focus\:placeholder-Error-error-700:focus::placeholder { + color: var(--error-error-700, #601819); } - .md\:focus\:to-yellow-500:focus { - --tw-gradient-to: #f59e0b; + .lg\:placeholder-opacity-0::-moz-placeholder { + --tw-placeholder-opacity: 0; } - .md\:focus\:to-yellow-600:focus { - --tw-gradient-to: #d97706; + .lg\:placeholder-opacity-0::placeholder { + --tw-placeholder-opacity: 0; } - .md\:focus\:to-yellow-700:focus { - --tw-gradient-to: #b45309; + .lg\:placeholder-opacity-5::-moz-placeholder { + --tw-placeholder-opacity: 0.05; } - .md\:focus\:to-yellow-800:focus { - --tw-gradient-to: #92400e; + .lg\:placeholder-opacity-5::placeholder { + --tw-placeholder-opacity: 0.05; } - .md\:focus\:to-yellow-900:focus { - --tw-gradient-to: #78350f; + .lg\:placeholder-opacity-10::-moz-placeholder { + --tw-placeholder-opacity: 0.1; } - .md\:focus\:to-green-50:focus { - --tw-gradient-to: #ecfdf5; + .lg\:placeholder-opacity-10::placeholder { + --tw-placeholder-opacity: 0.1; } - .md\:focus\:to-green-100:focus { - --tw-gradient-to: #d1fae5; + .lg\:placeholder-opacity-20::-moz-placeholder { + --tw-placeholder-opacity: 0.2; } - .md\:focus\:to-green-200:focus { - --tw-gradient-to: #a7f3d0; + .lg\:placeholder-opacity-20::placeholder { + --tw-placeholder-opacity: 0.2; } - .md\:focus\:to-green-300:focus { - --tw-gradient-to: #6ee7b7; + .lg\:placeholder-opacity-25::-moz-placeholder { + --tw-placeholder-opacity: 0.25; } - .md\:focus\:to-green-400:focus { - --tw-gradient-to: #34d399; + .lg\:placeholder-opacity-25::placeholder { + --tw-placeholder-opacity: 0.25; } - .md\:focus\:to-green-500:focus { - --tw-gradient-to: #10b981; + .lg\:placeholder-opacity-30::-moz-placeholder { + --tw-placeholder-opacity: 0.3; } - .md\:focus\:to-green-600:focus { - --tw-gradient-to: #059669; + .lg\:placeholder-opacity-30::placeholder { + --tw-placeholder-opacity: 0.3; } - .md\:focus\:to-green-700:focus { - --tw-gradient-to: #047857; + .lg\:placeholder-opacity-40::-moz-placeholder { + --tw-placeholder-opacity: 0.4; } - .md\:focus\:to-green-800:focus { - --tw-gradient-to: #065f46; + .lg\:placeholder-opacity-40::placeholder { + --tw-placeholder-opacity: 0.4; } - .md\:focus\:to-green-900:focus { - --tw-gradient-to: #064e3b; + .lg\:placeholder-opacity-50::-moz-placeholder { + --tw-placeholder-opacity: 0.5; } - .md\:focus\:to-blue-50:focus { - --tw-gradient-to: #eff6ff; + .lg\:placeholder-opacity-50::placeholder { + --tw-placeholder-opacity: 0.5; } - .md\:focus\:to-blue-100:focus { - --tw-gradient-to: #dbeafe; + .lg\:placeholder-opacity-60::-moz-placeholder { + --tw-placeholder-opacity: 0.6; } - .md\:focus\:to-blue-200:focus { - --tw-gradient-to: #bfdbfe; + .lg\:placeholder-opacity-60::placeholder { + --tw-placeholder-opacity: 0.6; } - .md\:focus\:to-blue-300:focus { - --tw-gradient-to: #93c5fd; + .lg\:placeholder-opacity-70::-moz-placeholder { + --tw-placeholder-opacity: 0.7; } - .md\:focus\:to-blue-400:focus { - --tw-gradient-to: #60a5fa; + .lg\:placeholder-opacity-70::placeholder { + --tw-placeholder-opacity: 0.7; } - .md\:focus\:to-blue-500:focus { - --tw-gradient-to: #3b82f6; + .lg\:placeholder-opacity-75::-moz-placeholder { + --tw-placeholder-opacity: 0.75; } - .md\:focus\:to-blue-600:focus { - --tw-gradient-to: #2563eb; + .lg\:placeholder-opacity-75::placeholder { + --tw-placeholder-opacity: 0.75; } - .md\:focus\:to-blue-700:focus { - --tw-gradient-to: #1d4ed8; + .lg\:placeholder-opacity-80::-moz-placeholder { + --tw-placeholder-opacity: 0.8; } - .md\:focus\:to-blue-800:focus { - --tw-gradient-to: #1e40af; + .lg\:placeholder-opacity-80::placeholder { + --tw-placeholder-opacity: 0.8; } - .md\:focus\:to-blue-900:focus { - --tw-gradient-to: #1e3a8a; + .lg\:placeholder-opacity-90::-moz-placeholder { + --tw-placeholder-opacity: 0.9; } - .md\:focus\:to-indigo-50:focus { - --tw-gradient-to: #eef2ff; + .lg\:placeholder-opacity-90::placeholder { + --tw-placeholder-opacity: 0.9; } - .md\:focus\:to-indigo-100:focus { - --tw-gradient-to: #e0e7ff; + .lg\:placeholder-opacity-95::-moz-placeholder { + --tw-placeholder-opacity: 0.95; } - .md\:focus\:to-indigo-200:focus { - --tw-gradient-to: #c7d2fe; + .lg\:placeholder-opacity-95::placeholder { + --tw-placeholder-opacity: 0.95; } - .md\:focus\:to-indigo-300:focus { - --tw-gradient-to: #a5b4fc; + .lg\:placeholder-opacity-100::-moz-placeholder { + --tw-placeholder-opacity: 1; } - .md\:focus\:to-indigo-400:focus { - --tw-gradient-to: #818cf8; + .lg\:placeholder-opacity-100::placeholder { + --tw-placeholder-opacity: 1; } - .md\:focus\:to-indigo-500:focus { - --tw-gradient-to: #6366f1; + .lg\:focus\:placeholder-opacity-0:focus::-moz-placeholder { + --tw-placeholder-opacity: 0; } - .md\:focus\:to-indigo-600:focus { - --tw-gradient-to: #4f46e5; + .lg\:focus\:placeholder-opacity-0:focus::placeholder { + --tw-placeholder-opacity: 0; } - .md\:focus\:to-indigo-700:focus { - --tw-gradient-to: #4338ca; + .lg\:focus\:placeholder-opacity-5:focus::-moz-placeholder { + --tw-placeholder-opacity: 0.05; } - .md\:focus\:to-indigo-800:focus { - --tw-gradient-to: #3730a3; + .lg\:focus\:placeholder-opacity-5:focus::placeholder { + --tw-placeholder-opacity: 0.05; } - .md\:focus\:to-indigo-900:focus { - --tw-gradient-to: #312e81; + .lg\:focus\:placeholder-opacity-10:focus::-moz-placeholder { + --tw-placeholder-opacity: 0.1; } - .md\:focus\:to-purple-50:focus { - --tw-gradient-to: #f5f3ff; + .lg\:focus\:placeholder-opacity-10:focus::placeholder { + --tw-placeholder-opacity: 0.1; } - .md\:focus\:to-purple-100:focus { - --tw-gradient-to: #ede9fe; + .lg\:focus\:placeholder-opacity-20:focus::-moz-placeholder { + --tw-placeholder-opacity: 0.2; } - .md\:focus\:to-purple-200:focus { - --tw-gradient-to: #ddd6fe; + .lg\:focus\:placeholder-opacity-20:focus::placeholder { + --tw-placeholder-opacity: 0.2; } - .md\:focus\:to-purple-300:focus { - --tw-gradient-to: #c4b5fd; + .lg\:focus\:placeholder-opacity-25:focus::-moz-placeholder { + --tw-placeholder-opacity: 0.25; } - .md\:focus\:to-purple-400:focus { - --tw-gradient-to: #a78bfa; + .lg\:focus\:placeholder-opacity-25:focus::placeholder { + --tw-placeholder-opacity: 0.25; } - .md\:focus\:to-purple-500:focus { - --tw-gradient-to: #8b5cf6; + .lg\:focus\:placeholder-opacity-30:focus::-moz-placeholder { + --tw-placeholder-opacity: 0.3; } - .md\:focus\:to-purple-600:focus { - --tw-gradient-to: #7c3aed; + .lg\:focus\:placeholder-opacity-30:focus::placeholder { + --tw-placeholder-opacity: 0.3; } - .md\:focus\:to-purple-700:focus { - --tw-gradient-to: #6d28d9; + .lg\:focus\:placeholder-opacity-40:focus::-moz-placeholder { + --tw-placeholder-opacity: 0.4; } - .md\:focus\:to-purple-800:focus { - --tw-gradient-to: #5b21b6; + .lg\:focus\:placeholder-opacity-40:focus::placeholder { + --tw-placeholder-opacity: 0.4; } - .md\:focus\:to-purple-900:focus { - --tw-gradient-to: #4c1d95; + .lg\:focus\:placeholder-opacity-50:focus::-moz-placeholder { + --tw-placeholder-opacity: 0.5; } - .md\:focus\:to-pink-50:focus { - --tw-gradient-to: #fdf2f8; + .lg\:focus\:placeholder-opacity-50:focus::placeholder { + --tw-placeholder-opacity: 0.5; } - .md\:focus\:to-pink-100:focus { - --tw-gradient-to: #fce7f3; + .lg\:focus\:placeholder-opacity-60:focus::-moz-placeholder { + --tw-placeholder-opacity: 0.6; } - .md\:focus\:to-pink-200:focus { - --tw-gradient-to: #fbcfe8; + .lg\:focus\:placeholder-opacity-60:focus::placeholder { + --tw-placeholder-opacity: 0.6; } - .md\:focus\:to-pink-300:focus { - --tw-gradient-to: #f9a8d4; + .lg\:focus\:placeholder-opacity-70:focus::-moz-placeholder { + --tw-placeholder-opacity: 0.7; } - .md\:focus\:to-pink-400:focus { - --tw-gradient-to: #f472b6; + .lg\:focus\:placeholder-opacity-70:focus::placeholder { + --tw-placeholder-opacity: 0.7; } - .md\:focus\:to-pink-500:focus { - --tw-gradient-to: #ec4899; + .lg\:focus\:placeholder-opacity-75:focus::-moz-placeholder { + --tw-placeholder-opacity: 0.75; } - .md\:focus\:to-pink-600:focus { - --tw-gradient-to: #db2777; + .lg\:focus\:placeholder-opacity-75:focus::placeholder { + --tw-placeholder-opacity: 0.75; } - .md\:focus\:to-pink-700:focus { - --tw-gradient-to: #be185d; + .lg\:focus\:placeholder-opacity-80:focus::-moz-placeholder { + --tw-placeholder-opacity: 0.8; } - .md\:focus\:to-pink-800:focus { - --tw-gradient-to: #9d174d; + .lg\:focus\:placeholder-opacity-80:focus::placeholder { + --tw-placeholder-opacity: 0.8; } - .md\:focus\:to-pink-900:focus { - --tw-gradient-to: #831843; + .lg\:focus\:placeholder-opacity-90:focus::-moz-placeholder { + --tw-placeholder-opacity: 0.9; } - .md\:decoration-slice { - -webkit-box-decoration-break: slice; - box-decoration-break: slice; + .lg\:focus\:placeholder-opacity-90:focus::placeholder { + --tw-placeholder-opacity: 0.9; } - .md\:decoration-clone { - -webkit-box-decoration-break: clone; - box-decoration-break: clone; + .lg\:focus\:placeholder-opacity-95:focus::-moz-placeholder { + --tw-placeholder-opacity: 0.95; } - .md\:bg-auto { - background-size: auto; + .lg\:focus\:placeholder-opacity-95:focus::placeholder { + --tw-placeholder-opacity: 0.95; } - .md\:bg-cover { - background-size: cover; + .lg\:focus\:placeholder-opacity-100:focus::-moz-placeholder { + --tw-placeholder-opacity: 1; } - .md\:bg-contain { - background-size: contain; + .lg\:focus\:placeholder-opacity-100:focus::placeholder { + --tw-placeholder-opacity: 1; } - .md\:bg-fixed { - background-attachment: fixed; + .lg\:opacity-0 { + opacity: 0; } - .md\:bg-local { - background-attachment: local; + .lg\:opacity-5 { + opacity: 0.05; } - .md\:bg-scroll { - background-attachment: scroll; + .lg\:opacity-10 { + opacity: 0.1; } - .md\:bg-clip-border { - background-clip: border-box; + .lg\:opacity-20 { + opacity: 0.2; } - .md\:bg-clip-padding { - background-clip: padding-box; + .lg\:opacity-25 { + opacity: 0.25; } - .md\:bg-clip-content { - background-clip: content-box; + .lg\:opacity-30 { + opacity: 0.3; } - .md\:bg-clip-text { - -webkit-background-clip: text; - background-clip: text; + .lg\:opacity-40 { + opacity: 0.4; } - .md\:bg-bottom { - background-position: bottom; + .lg\:opacity-50 { + opacity: 0.5; } - .md\:bg-center { - background-position: center; + .lg\:opacity-60 { + opacity: 0.6; } - .md\:bg-left { - background-position: left; + .lg\:opacity-70 { + opacity: 0.7; } - .md\:bg-left-bottom { - background-position: left bottom; + .lg\:opacity-75 { + opacity: 0.75; } - .md\:bg-left-top { - background-position: left top; + .lg\:opacity-80 { + opacity: 0.8; } - .md\:bg-right { - background-position: right; + .lg\:opacity-90 { + opacity: 0.9; } - .md\:bg-right-bottom { - background-position: right bottom; + .lg\:opacity-95 { + opacity: 0.95; } - .md\:bg-right-top { - background-position: right top; + .lg\:opacity-100 { + opacity: 1; } - .md\:bg-top { - background-position: top; + .group:hover .lg\:group-hover\:opacity-0 { + opacity: 0; } - .md\:bg-repeat { - background-repeat: repeat; + .group:hover .lg\:group-hover\:opacity-5 { + opacity: 0.05; } - .md\:bg-no-repeat { - background-repeat: no-repeat; + .group:hover .lg\:group-hover\:opacity-10 { + opacity: 0.1; } - .md\:bg-repeat-x { - background-repeat: repeat-x; + .group:hover .lg\:group-hover\:opacity-20 { + opacity: 0.2; } - .md\:bg-repeat-y { - background-repeat: repeat-y; + .group:hover .lg\:group-hover\:opacity-25 { + opacity: 0.25; } - .md\:bg-repeat-round { - background-repeat: round; + .group:hover .lg\:group-hover\:opacity-30 { + opacity: 0.3; } - .md\:bg-repeat-space { - background-repeat: space; + .group:hover .lg\:group-hover\:opacity-40 { + opacity: 0.4; } - .md\:bg-origin-border { - background-origin: border-box; + .group:hover .lg\:group-hover\:opacity-50 { + opacity: 0.5; } - .md\:bg-origin-padding { - background-origin: padding-box; + .group:hover .lg\:group-hover\:opacity-60 { + opacity: 0.6; } - .md\:bg-origin-content { - background-origin: content-box; + .group:hover .lg\:group-hover\:opacity-70 { + opacity: 0.7; } - .md\:fill-current { - fill: currentColor; + .group:hover .lg\:group-hover\:opacity-75 { + opacity: 0.75; } - .md\:stroke-current { - stroke: currentColor; + .group:hover .lg\:group-hover\:opacity-80 { + opacity: 0.8; } - .md\:stroke-0 { - stroke-width: 0; + .group:hover .lg\:group-hover\:opacity-90 { + opacity: 0.9; } - .md\:stroke-1 { - stroke-width: 1; + .group:hover .lg\:group-hover\:opacity-95 { + opacity: 0.95; } - .md\:stroke-2 { - stroke-width: 2; + .group:hover .lg\:group-hover\:opacity-100 { + opacity: 1; } - .md\:object-contain { - -o-object-fit: contain; - object-fit: contain; + .lg\:focus-within\:opacity-0:focus-within { + opacity: 0; } - .md\:object-cover { - -o-object-fit: cover; - object-fit: cover; + .lg\:focus-within\:opacity-5:focus-within { + opacity: 0.05; } - .md\:object-fill { - -o-object-fit: fill; - object-fit: fill; + .lg\:focus-within\:opacity-10:focus-within { + opacity: 0.1; } - .md\:object-none { - -o-object-fit: none; - object-fit: none; + .lg\:focus-within\:opacity-20:focus-within { + opacity: 0.2; } - .md\:object-scale-down { - -o-object-fit: scale-down; - object-fit: scale-down; + .lg\:focus-within\:opacity-25:focus-within { + opacity: 0.25; } - .md\:object-bottom { - -o-object-position: bottom; - object-position: bottom; + .lg\:focus-within\:opacity-30:focus-within { + opacity: 0.3; } - .md\:object-center { - -o-object-position: center; - object-position: center; + .lg\:focus-within\:opacity-40:focus-within { + opacity: 0.4; } - .md\:object-left { - -o-object-position: left; - object-position: left; + .lg\:focus-within\:opacity-50:focus-within { + opacity: 0.5; } - .md\:object-left-bottom { - -o-object-position: left bottom; - object-position: left bottom; + .lg\:focus-within\:opacity-60:focus-within { + opacity: 0.6; } - .md\:object-left-top { - -o-object-position: left top; - object-position: left top; + .lg\:focus-within\:opacity-70:focus-within { + opacity: 0.7; } - .md\:object-right { - -o-object-position: right; - object-position: right; + .lg\:focus-within\:opacity-75:focus-within { + opacity: 0.75; } - .md\:object-right-bottom { - -o-object-position: right bottom; - object-position: right bottom; + .lg\:focus-within\:opacity-80:focus-within { + opacity: 0.8; } - .md\:object-right-top { - -o-object-position: right top; - object-position: right top; + .lg\:focus-within\:opacity-90:focus-within { + opacity: 0.9; } - .md\:object-top { - -o-object-position: top; - object-position: top; + .lg\:focus-within\:opacity-95:focus-within { + opacity: 0.95; } - .md\:p-0 { - padding: 0px; + .lg\:focus-within\:opacity-100:focus-within { + opacity: 1; } - .md\:p-1 { - padding: 0.25rem; + .lg\:hover\:opacity-0:hover { + opacity: 0; } - .md\:p-2 { - padding: 0.5rem; + .lg\:hover\:opacity-5:hover { + opacity: 0.05; } - .md\:p-3 { - padding: 0.75rem; + .lg\:hover\:opacity-10:hover { + opacity: 0.1; } - .md\:p-4 { - padding: 1rem; + .lg\:hover\:opacity-20:hover { + opacity: 0.2; } - .md\:p-5 { - padding: 1.25rem; + .lg\:hover\:opacity-25:hover { + opacity: 0.25; } - .md\:p-6 { - padding: 1.5rem; + .lg\:hover\:opacity-30:hover { + opacity: 0.3; } - .md\:p-7 { - padding: 1.75rem; + .lg\:hover\:opacity-40:hover { + opacity: 0.4; } - .md\:p-8 { - padding: 2rem; + .lg\:hover\:opacity-50:hover { + opacity: 0.5; } - .md\:p-9 { - padding: 2.25rem; + .lg\:hover\:opacity-60:hover { + opacity: 0.6; } - .md\:p-10 { - padding: 2.5rem; + .lg\:hover\:opacity-70:hover { + opacity: 0.7; } - .md\:p-11 { - padding: 2.75rem; + .lg\:hover\:opacity-75:hover { + opacity: 0.75; } - .md\:p-12 { - padding: 3rem; + .lg\:hover\:opacity-80:hover { + opacity: 0.8; } - .md\:p-14 { - padding: 3.5rem; + .lg\:hover\:opacity-90:hover { + opacity: 0.9; } - .md\:p-16 { - padding: 4rem; + .lg\:hover\:opacity-95:hover { + opacity: 0.95; } - .md\:p-20 { - padding: 5rem; + .lg\:hover\:opacity-100:hover { + opacity: 1; } - .md\:p-24 { - padding: 6rem; + .lg\:focus\:opacity-0:focus { + opacity: 0; } - .md\:p-28 { - padding: 7rem; + .lg\:focus\:opacity-5:focus { + opacity: 0.05; } - .md\:p-32 { - padding: 8rem; + .lg\:focus\:opacity-10:focus { + opacity: 0.1; } - .md\:p-36 { - padding: 9rem; + .lg\:focus\:opacity-20:focus { + opacity: 0.2; } - .md\:p-40 { - padding: 10rem; + .lg\:focus\:opacity-25:focus { + opacity: 0.25; } - .md\:p-44 { - padding: 11rem; + .lg\:focus\:opacity-30:focus { + opacity: 0.3; } - .md\:p-48 { - padding: 12rem; + .lg\:focus\:opacity-40:focus { + opacity: 0.4; } - .md\:p-52 { - padding: 13rem; + .lg\:focus\:opacity-50:focus { + opacity: 0.5; } - .md\:p-56 { - padding: 14rem; + .lg\:focus\:opacity-60:focus { + opacity: 0.6; } - .md\:p-60 { - padding: 15rem; + .lg\:focus\:opacity-70:focus { + opacity: 0.7; } - .md\:p-64 { - padding: 16rem; + .lg\:focus\:opacity-75:focus { + opacity: 0.75; } - .md\:p-72 { - padding: 18rem; + .lg\:focus\:opacity-80:focus { + opacity: 0.8; } - .md\:p-80 { - padding: 20rem; + .lg\:focus\:opacity-90:focus { + opacity: 0.9; } - .md\:p-96 { - padding: 24rem; + .lg\:focus\:opacity-95:focus { + opacity: 0.95; } - .md\:p-px { - padding: 1px; + .lg\:focus\:opacity-100:focus { + opacity: 1; } - .md\:p-0\.5 { - padding: 0.125rem; + .lg\:bg-blend-normal { + background-blend-mode: normal; } - .md\:p-1\.5 { - padding: 0.375rem; + .lg\:bg-blend-multiply { + background-blend-mode: multiply; } - .md\:p-2\.5 { - padding: 0.625rem; + .lg\:bg-blend-screen { + background-blend-mode: screen; } - .md\:p-3\.5 { - padding: 0.875rem; + .lg\:bg-blend-overlay { + background-blend-mode: overlay; } - .md\:px-0 { - padding-left: 0px; - padding-right: 0px; + .lg\:bg-blend-darken { + background-blend-mode: darken; } - .md\:px-1 { - padding-left: 0.25rem; - padding-right: 0.25rem; + .lg\:bg-blend-lighten { + background-blend-mode: lighten; } - .md\:px-2 { - padding-left: 0.5rem; - padding-right: 0.5rem; + .lg\:bg-blend-color-dodge { + background-blend-mode: color-dodge; } - .md\:px-3 { - padding-left: 0.75rem; - padding-right: 0.75rem; + .lg\:bg-blend-color-burn { + background-blend-mode: color-burn; } - .md\:px-4 { - padding-left: 1rem; - padding-right: 1rem; + .lg\:bg-blend-hard-light { + background-blend-mode: hard-light; } - .md\:px-5 { - padding-left: 1.25rem; - padding-right: 1.25rem; + .lg\:bg-blend-soft-light { + background-blend-mode: soft-light; } - .md\:px-6 { - padding-left: 1.5rem; - padding-right: 1.5rem; + .lg\:bg-blend-difference { + background-blend-mode: difference; } - .md\:px-7 { - padding-left: 1.75rem; - padding-right: 1.75rem; + .lg\:bg-blend-exclusion { + background-blend-mode: exclusion; } - .md\:px-8 { - padding-left: 2rem; - padding-right: 2rem; + .lg\:bg-blend-hue { + background-blend-mode: hue; } - .md\:px-9 { - padding-left: 2.25rem; - padding-right: 2.25rem; + .lg\:bg-blend-saturation { + background-blend-mode: saturation; } - .md\:px-10 { - padding-left: 2.5rem; - padding-right: 2.5rem; + .lg\:bg-blend-color { + background-blend-mode: color; } - .md\:px-11 { - padding-left: 2.75rem; - padding-right: 2.75rem; + .lg\:bg-blend-luminosity { + background-blend-mode: luminosity; } - .md\:px-12 { - padding-left: 3rem; - padding-right: 3rem; + .lg\:mix-blend-normal { + mix-blend-mode: normal; } - .md\:px-14 { - padding-left: 3.5rem; - padding-right: 3.5rem; + .lg\:mix-blend-multiply { + mix-blend-mode: multiply; } - .md\:px-16 { - padding-left: 4rem; - padding-right: 4rem; + .lg\:mix-blend-screen { + mix-blend-mode: screen; } - .md\:px-20 { - padding-left: 5rem; - padding-right: 5rem; + .lg\:mix-blend-overlay { + mix-blend-mode: overlay; } - .md\:px-24 { - padding-left: 6rem; - padding-right: 6rem; + .lg\:mix-blend-darken { + mix-blend-mode: darken; } - .md\:px-28 { - padding-left: 7rem; - padding-right: 7rem; + .lg\:mix-blend-lighten { + mix-blend-mode: lighten; } - .md\:px-32 { - padding-left: 8rem; - padding-right: 8rem; + .lg\:mix-blend-color-dodge { + mix-blend-mode: color-dodge; } - .md\:px-36 { - padding-left: 9rem; - padding-right: 9rem; + .lg\:mix-blend-color-burn { + mix-blend-mode: color-burn; } - .md\:px-40 { - padding-left: 10rem; - padding-right: 10rem; + .lg\:mix-blend-hard-light { + mix-blend-mode: hard-light; } - .md\:px-44 { - padding-left: 11rem; - padding-right: 11rem; + .lg\:mix-blend-soft-light { + mix-blend-mode: soft-light; } - .md\:px-48 { - padding-left: 12rem; - padding-right: 12rem; + .lg\:mix-blend-difference { + mix-blend-mode: difference; } - .md\:px-52 { - padding-left: 13rem; - padding-right: 13rem; + .lg\:mix-blend-exclusion { + mix-blend-mode: exclusion; } - .md\:px-56 { - padding-left: 14rem; - padding-right: 14rem; + .lg\:mix-blend-hue { + mix-blend-mode: hue; } - .md\:px-60 { - padding-left: 15rem; - padding-right: 15rem; + .lg\:mix-blend-saturation { + mix-blend-mode: saturation; } - .md\:px-64 { - padding-left: 16rem; - padding-right: 16rem; + .lg\:mix-blend-color { + mix-blend-mode: color; } - .md\:px-72 { - padding-left: 18rem; - padding-right: 18rem; + .lg\:mix-blend-luminosity { + mix-blend-mode: luminosity; } - .md\:px-80 { - padding-left: 20rem; - padding-right: 20rem; + .lg\:shadow-sm { + --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .md\:px-96 { - padding-left: 24rem; - padding-right: 24rem; + .lg\:shadow { + --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .md\:px-px { - padding-left: 1px; - padding-right: 1px; + .lg\:shadow-md { + --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .md\:px-0\.5 { - padding-left: 0.125rem; - padding-right: 0.125rem; + .lg\:shadow-lg { + --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .md\:px-1\.5 { - padding-left: 0.375rem; - padding-right: 0.375rem; + .lg\:shadow-xl { + --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .md\:px-2\.5 { - padding-left: 0.625rem; - padding-right: 0.625rem; + .lg\:shadow-2xl { + --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .md\:px-3\.5 { - padding-left: 0.875rem; - padding-right: 0.875rem; + .lg\:shadow-inner { + --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .md\:py-0 { - padding-top: 0px; - padding-bottom: 0px; + .lg\:shadow-none { + --tw-shadow: 0 0 #0000; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .md\:py-1 { - padding-top: 0.25rem; - padding-bottom: 0.25rem; + .group:hover .lg\:group-hover\:shadow-sm { + --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .md\:py-2 { - padding-top: 0.5rem; - padding-bottom: 0.5rem; + .group:hover .lg\:group-hover\:shadow { + --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .md\:py-3 { - padding-top: 0.75rem; - padding-bottom: 0.75rem; + .group:hover .lg\:group-hover\:shadow-md { + --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .md\:py-4 { - padding-top: 1rem; - padding-bottom: 1rem; + .group:hover .lg\:group-hover\:shadow-lg { + --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .md\:py-5 { - padding-top: 1.25rem; - padding-bottom: 1.25rem; + .group:hover .lg\:group-hover\:shadow-xl { + --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .md\:py-6 { - padding-top: 1.5rem; - padding-bottom: 1.5rem; + .group:hover .lg\:group-hover\:shadow-2xl { + --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .md\:py-7 { - padding-top: 1.75rem; - padding-bottom: 1.75rem; + .group:hover .lg\:group-hover\:shadow-inner { + --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .md\:py-8 { - padding-top: 2rem; - padding-bottom: 2rem; + .group:hover .lg\:group-hover\:shadow-none { + --tw-shadow: 0 0 #0000; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .md\:py-9 { - padding-top: 2.25rem; - padding-bottom: 2.25rem; + .lg\:focus-within\:shadow-sm:focus-within { + --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .md\:py-10 { - padding-top: 2.5rem; - padding-bottom: 2.5rem; + .lg\:focus-within\:shadow:focus-within { + --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .md\:py-11 { - padding-top: 2.75rem; - padding-bottom: 2.75rem; + .lg\:focus-within\:shadow-md:focus-within { + --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .md\:py-12 { - padding-top: 3rem; - padding-bottom: 3rem; + .lg\:focus-within\:shadow-lg:focus-within { + --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .md\:py-14 { - padding-top: 3.5rem; - padding-bottom: 3.5rem; + .lg\:focus-within\:shadow-xl:focus-within { + --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .md\:py-16 { - padding-top: 4rem; - padding-bottom: 4rem; + .lg\:focus-within\:shadow-2xl:focus-within { + --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .md\:py-20 { - padding-top: 5rem; - padding-bottom: 5rem; + .lg\:focus-within\:shadow-inner:focus-within { + --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .md\:py-24 { - padding-top: 6rem; - padding-bottom: 6rem; + .lg\:focus-within\:shadow-none:focus-within { + --tw-shadow: 0 0 #0000; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .md\:py-28 { - padding-top: 7rem; - padding-bottom: 7rem; + .lg\:hover\:shadow-sm:hover { + --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .md\:py-32 { - padding-top: 8rem; - padding-bottom: 8rem; + .lg\:hover\:shadow:hover { + --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .md\:py-36 { - padding-top: 9rem; - padding-bottom: 9rem; + .lg\:hover\:shadow-md:hover { + --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .md\:py-40 { - padding-top: 10rem; - padding-bottom: 10rem; + .lg\:hover\:shadow-lg:hover { + --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .md\:py-44 { - padding-top: 11rem; - padding-bottom: 11rem; + .lg\:hover\:shadow-xl:hover { + --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .md\:py-48 { - padding-top: 12rem; - padding-bottom: 12rem; + .lg\:hover\:shadow-2xl:hover { + --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .md\:py-52 { - padding-top: 13rem; - padding-bottom: 13rem; + .lg\:hover\:shadow-inner:hover { + --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .md\:py-56 { - padding-top: 14rem; - padding-bottom: 14rem; + .lg\:hover\:shadow-none:hover { + --tw-shadow: 0 0 #0000; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .md\:py-60 { - padding-top: 15rem; - padding-bottom: 15rem; + .lg\:focus\:shadow-sm:focus { + --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .md\:py-64 { - padding-top: 16rem; - padding-bottom: 16rem; + .lg\:focus\:shadow:focus { + --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .md\:py-72 { - padding-top: 18rem; - padding-bottom: 18rem; + .lg\:focus\:shadow-md:focus { + --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .md\:py-80 { - padding-top: 20rem; - padding-bottom: 20rem; + .lg\:focus\:shadow-lg:focus { + --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .md\:py-96 { - padding-top: 24rem; - padding-bottom: 24rem; + .lg\:focus\:shadow-xl:focus { + --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .md\:py-px { - padding-top: 1px; - padding-bottom: 1px; + .lg\:focus\:shadow-2xl:focus { + --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .md\:py-0\.5 { - padding-top: 0.125rem; - padding-bottom: 0.125rem; + .lg\:focus\:shadow-inner:focus { + --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .md\:py-1\.5 { - padding-top: 0.375rem; - padding-bottom: 0.375rem; + .lg\:focus\:shadow-none:focus { + --tw-shadow: 0 0 #0000; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .md\:py-2\.5 { - padding-top: 0.625rem; - padding-bottom: 0.625rem; + .lg\:outline-none { + outline: 2px solid transparent; + outline-offset: 2px; } - .md\:py-3\.5 { - padding-top: 0.875rem; - padding-bottom: 0.875rem; + .lg\:outline-white { + outline: 2px dotted white; + outline-offset: 2px; } - .md\:pt-0 { - padding-top: 0px; + .lg\:outline-black { + outline: 2px dotted black; + outline-offset: 2px; } - .md\:pt-1 { - padding-top: 0.25rem; + .lg\:focus-within\:outline-none:focus-within { + outline: 2px solid transparent; + outline-offset: 2px; } - .md\:pt-2 { - padding-top: 0.5rem; + .lg\:focus-within\:outline-white:focus-within { + outline: 2px dotted white; + outline-offset: 2px; } - .md\:pt-3 { - padding-top: 0.75rem; + .lg\:focus-within\:outline-black:focus-within { + outline: 2px dotted black; + outline-offset: 2px; } - .md\:pt-4 { - padding-top: 1rem; + .lg\:focus\:outline-none:focus { + outline: 2px solid transparent; + outline-offset: 2px; } - .md\:pt-5 { - padding-top: 1.25rem; + .lg\:focus\:outline-white:focus { + outline: 2px dotted white; + outline-offset: 2px; } - .md\:pt-6 { - padding-top: 1.5rem; + .lg\:focus\:outline-black:focus { + outline: 2px dotted black; + outline-offset: 2px; } - .md\:pt-7 { - padding-top: 1.75rem; + .lg\: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); } - .md\:pt-8 { - padding-top: 2rem; + .lg\: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); } - .md\:pt-9 { - padding-top: 2.25rem; + .lg\: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); } - .md\:pt-10 { - padding-top: 2.5rem; + .lg\: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); } - .md\:pt-11 { - padding-top: 2.75rem; + .lg\:ring-8 { + --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(8px + 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); } - .md\:pt-12 { - padding-top: 3rem; + .lg\: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); } - .md\:pt-14 { - padding-top: 3.5rem; + .lg\:focus-within\:ring-0:focus-within { + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(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); } - .md\:pt-16 { - padding-top: 4rem; + .lg\:focus-within\:ring-1:focus-within { + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } - .md\:pt-20 { - padding-top: 5rem; + .lg\:focus-within\:ring-2:focus-within { + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } - .md\:pt-24 { - padding-top: 6rem; + .lg\:focus-within\:ring-4:focus-within { + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(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); } - .md\:pt-28 { - padding-top: 7rem; + .lg\:focus-within\:ring-8:focus-within { + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + 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); } - .md\:pt-32 { - padding-top: 8rem; + .lg\:focus-within\:ring:focus-within { + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(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); } - .md\:pt-36 { - padding-top: 9rem; + .lg\: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); } - .md\:pt-40 { - padding-top: 10rem; + .lg\: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); } - .md\:pt-44 { - padding-top: 11rem; + .lg\: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); } - .md\:pt-48 { - padding-top: 12rem; + .lg\:focus\:ring-4:focus { + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } - .md\:pt-52 { - padding-top: 13rem; + .lg\:focus\:ring-8: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(8px + 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); } - .md\:pt-56 { - padding-top: 14rem; + .lg\:focus\:ring: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(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); } - .md\:pt-60 { - padding-top: 15rem; + .lg\:ring-inset { + --tw-ring-inset: inset; } - .md\:pt-64 { - padding-top: 16rem; + .lg\:focus-within\:ring-inset:focus-within { + --tw-ring-inset: inset; } - .md\:pt-72 { - padding-top: 18rem; + .lg\:focus\:ring-inset:focus { + --tw-ring-inset: inset; } - .md\:pt-80 { - padding-top: 20rem; + .lg\:ring-colors-black { + --tw-ring-color: var(--colors-black, #000000); } - .md\:pt-96 { - padding-top: 24rem; + .lg\:ring-colors-white { + --tw-ring-color: var(--colors-white, #ffffff); } - .md\:pt-px { - padding-top: 1px; + .lg\:ring-colors-gray-100 { + --tw-ring-color: var(--colors-gray-100, #f7fafc); } - .md\:pt-0\.5 { - padding-top: 0.125rem; + .lg\:ring-colors-gray-200 { + --tw-ring-color: var(--colors-gray-200, #edf2f7); } - .md\:pt-1\.5 { - padding-top: 0.375rem; + .lg\:ring-colors-gray-300 { + --tw-ring-color: var(--colors-gray-300, #e2e8f0); } - .md\:pt-2\.5 { - padding-top: 0.625rem; + .lg\:ring-colors-gray-400 { + --tw-ring-color: var(--colors-gray-400, #cbd5e0); } - .md\:pt-3\.5 { - padding-top: 0.875rem; + .lg\:ring-colors-gray-500 { + --tw-ring-color: var(--colors-gray-500, #a0aec0); } - .md\:pr-0 { - padding-right: 0px; + .lg\:ring-colors-gray-600 { + --tw-ring-color: var(--colors-gray-600, #718096); } - .md\:pr-1 { - padding-right: 0.25rem; + .lg\:ring-colors-gray-700 { + --tw-ring-color: var(--colors-gray-700, #4a5568); } - .md\:pr-2 { - padding-right: 0.5rem; + .lg\:ring-colors-gray-800 { + --tw-ring-color: var(--colors-gray-800, #2d3748); } - .md\:pr-3 { - padding-right: 0.75rem; + .lg\:ring-colors-gray-900 { + --tw-ring-color: var(--colors-gray-900, #1a202c); } - .md\:pr-4 { - padding-right: 1rem; + .lg\:ring-colors-red-100 { + --tw-ring-color: var(--colors-red-100, #fff5f5); } - .md\:pr-5 { - padding-right: 1.25rem; + .lg\:ring-colors-red-200 { + --tw-ring-color: var(--colors-red-200, #fed7d7); } - .md\:pr-6 { - padding-right: 1.5rem; + .lg\:ring-colors-red-300 { + --tw-ring-color: var(--colors-red-300, #feb2b2); } - .md\:pr-7 { - padding-right: 1.75rem; + .lg\:ring-colors-red-400 { + --tw-ring-color: var(--colors-red-400, #fc8181); } - .md\:pr-8 { - padding-right: 2rem; + .lg\:ring-colors-red-500 { + --tw-ring-color: var(--colors-red-500, #f56565); } - .md\:pr-9 { - padding-right: 2.25rem; + .lg\:ring-colors-red-600 { + --tw-ring-color: var(--colors-red-600, #e53e3e); } - .md\:pr-10 { - padding-right: 2.5rem; + .lg\:ring-colors-red-700 { + --tw-ring-color: var(--colors-red-700, #c53030); } - .md\:pr-11 { - padding-right: 2.75rem; + .lg\:ring-colors-red-800 { + --tw-ring-color: var(--colors-red-800, #9b2c2c); } - .md\:pr-12 { - padding-right: 3rem; + .lg\:ring-colors-red-900 { + --tw-ring-color: var(--colors-red-900, #742a2a); } - .md\:pr-14 { - padding-right: 3.5rem; + .lg\:ring-colors-orange-100 { + --tw-ring-color: var(--colors-orange-100, #fffaf0); } - .md\:pr-16 { - padding-right: 4rem; + .lg\:ring-colors-orange-200 { + --tw-ring-color: var(--colors-orange-200, #feebc8); } - .md\:pr-20 { - padding-right: 5rem; + .lg\:ring-colors-orange-300 { + --tw-ring-color: var(--colors-orange-300, #fbd38d); } - .md\:pr-24 { - padding-right: 6rem; + .lg\:ring-colors-orange-400 { + --tw-ring-color: var(--colors-orange-400, #f6ad55); } - .md\:pr-28 { - padding-right: 7rem; + .lg\:ring-colors-orange-500 { + --tw-ring-color: var(--colors-orange-500, #ed8936); } - .md\:pr-32 { - padding-right: 8rem; + .lg\:ring-colors-orange-600 { + --tw-ring-color: var(--colors-orange-600, #dd6b20); } - .md\:pr-36 { - padding-right: 9rem; + .lg\:ring-colors-orange-700 { + --tw-ring-color: var(--colors-orange-700, #c05621); } - .md\:pr-40 { - padding-right: 10rem; + .lg\:ring-colors-orange-800 { + --tw-ring-color: var(--colors-orange-800, #9c4221); } - .md\:pr-44 { - padding-right: 11rem; + .lg\:ring-colors-orange-900 { + --tw-ring-color: var(--colors-orange-900, #7b341e); } - .md\:pr-48 { - padding-right: 12rem; + .lg\:ring-colors-yellow-100 { + --tw-ring-color: var(--colors-yellow-100, #fffff0); } - .md\:pr-52 { - padding-right: 13rem; + .lg\:ring-colors-yellow-200 { + --tw-ring-color: var(--colors-yellow-200, #fefcbf); } - .md\:pr-56 { - padding-right: 14rem; + .lg\:ring-colors-yellow-300 { + --tw-ring-color: var(--colors-yellow-300, #faf089); } - .md\:pr-60 { - padding-right: 15rem; + .lg\:ring-colors-yellow-400 { + --tw-ring-color: var(--colors-yellow-400, #f6e05e); } - .md\:pr-64 { - padding-right: 16rem; + .lg\:ring-colors-yellow-500 { + --tw-ring-color: var(--colors-yellow-500, #ecc94b); } - .md\:pr-72 { - padding-right: 18rem; + .lg\:ring-colors-yellow-600 { + --tw-ring-color: var(--colors-yellow-600, #d69e2e); } - .md\:pr-80 { - padding-right: 20rem; + .lg\:ring-colors-yellow-700 { + --tw-ring-color: var(--colors-yellow-700, #b7791f); } - .md\:pr-96 { - padding-right: 24rem; + .lg\:ring-colors-yellow-800 { + --tw-ring-color: var(--colors-yellow-800, #975a16); } - .md\:pr-px { - padding-right: 1px; + .lg\:ring-colors-yellow-900 { + --tw-ring-color: var(--colors-yellow-900, #744210); } - .md\:pr-0\.5 { - padding-right: 0.125rem; + .lg\:ring-colors-green-100 { + --tw-ring-color: var(--colors-green-100, #f0fff4); } - .md\:pr-1\.5 { - padding-right: 0.375rem; + .lg\:ring-colors-green-200 { + --tw-ring-color: var(--colors-green-200, #c6f6d5); } - .md\:pr-2\.5 { - padding-right: 0.625rem; + .lg\:ring-colors-green-300 { + --tw-ring-color: var(--colors-green-300, #9ae6b4); } - .md\:pr-3\.5 { - padding-right: 0.875rem; + .lg\:ring-colors-green-400 { + --tw-ring-color: var(--colors-green-400, #68d391); } - .md\:pb-0 { - padding-bottom: 0px; + .lg\:ring-colors-green-500 { + --tw-ring-color: var(--colors-green-500, #48bb78); } - .md\:pb-1 { - padding-bottom: 0.25rem; + .lg\:ring-colors-green-600 { + --tw-ring-color: var(--colors-green-600, #38a169); } - .md\:pb-2 { - padding-bottom: 0.5rem; + .lg\:ring-colors-green-700 { + --tw-ring-color: var(--colors-green-700, #2f855a); } - .md\:pb-3 { - padding-bottom: 0.75rem; + .lg\:ring-colors-green-800 { + --tw-ring-color: var(--colors-green-800, #276749); } - .md\:pb-4 { - padding-bottom: 1rem; + .lg\:ring-colors-green-900 { + --tw-ring-color: var(--colors-green-900, #22543d); } - .md\:pb-5 { - padding-bottom: 1.25rem; + .lg\:ring-colors-teal-100 { + --tw-ring-color: var(--colors-teal-100, #e6fffa); } - .md\:pb-6 { - padding-bottom: 1.5rem; + .lg\:ring-colors-teal-200 { + --tw-ring-color: var(--colors-teal-200, #b2f5ea); } - .md\:pb-7 { - padding-bottom: 1.75rem; + .lg\:ring-colors-teal-300 { + --tw-ring-color: var(--colors-teal-300, #81e6d9); } - .md\:pb-8 { - padding-bottom: 2rem; + .lg\:ring-colors-teal-400 { + --tw-ring-color: var(--colors-teal-400, #4fd1c5); } - .md\:pb-9 { - padding-bottom: 2.25rem; + .lg\:ring-colors-teal-500 { + --tw-ring-color: var(--colors-teal-500, #38b2ac); } - .md\:pb-10 { - padding-bottom: 2.5rem; + .lg\:ring-colors-teal-600 { + --tw-ring-color: var(--colors-teal-600, #319795); } - .md\:pb-11 { - padding-bottom: 2.75rem; + .lg\:ring-colors-teal-700 { + --tw-ring-color: var(--colors-teal-700, #2c7a7b); } - .md\:pb-12 { - padding-bottom: 3rem; + .lg\:ring-colors-teal-800 { + --tw-ring-color: var(--colors-teal-800, #285e61); } - .md\:pb-14 { - padding-bottom: 3.5rem; + .lg\:ring-colors-teal-900 { + --tw-ring-color: var(--colors-teal-900, #234e52); } - .md\:pb-16 { - padding-bottom: 4rem; + .lg\:ring-colors-blue-100 { + --tw-ring-color: var(--colors-blue-100, #ebf8ff); } - .md\:pb-20 { - padding-bottom: 5rem; + .lg\:ring-colors-blue-200 { + --tw-ring-color: var(--colors-blue-200, #bee3f8); } - .md\:pb-24 { - padding-bottom: 6rem; + .lg\:ring-colors-blue-300 { + --tw-ring-color: var(--colors-blue-300, #90cdf4); } - .md\:pb-28 { - padding-bottom: 7rem; + .lg\:ring-colors-blue-400 { + --tw-ring-color: var(--colors-blue-400, #63b3ed); } - .md\:pb-32 { - padding-bottom: 8rem; + .lg\:ring-colors-blue-500 { + --tw-ring-color: var(--colors-blue-500, #4299e1); } - .md\:pb-36 { - padding-bottom: 9rem; + .lg\:ring-colors-blue-600 { + --tw-ring-color: var(--colors-blue-600, #3182ce); } - .md\:pb-40 { - padding-bottom: 10rem; + .lg\:ring-colors-blue-700 { + --tw-ring-color: var(--colors-blue-700, #2b6cb0); } - .md\:pb-44 { - padding-bottom: 11rem; + .lg\:ring-colors-blue-800 { + --tw-ring-color: var(--colors-blue-800, #2c5282); } - .md\:pb-48 { - padding-bottom: 12rem; + .lg\:ring-colors-blue-900 { + --tw-ring-color: var(--colors-blue-900, #2a4365); } - .md\:pb-52 { - padding-bottom: 13rem; + .lg\:ring-colors-indigo-100 { + --tw-ring-color: var(--colors-indigo-100, #ebf4ff); } - .md\:pb-56 { - padding-bottom: 14rem; + .lg\:ring-colors-indigo-200 { + --tw-ring-color: var(--colors-indigo-200, #c3dafe); } - .md\:pb-60 { - padding-bottom: 15rem; + .lg\:ring-colors-indigo-300 { + --tw-ring-color: var(--colors-indigo-300, #a3bffa); } - .md\:pb-64 { - padding-bottom: 16rem; + .lg\:ring-colors-indigo-400 { + --tw-ring-color: var(--colors-indigo-400, #7f9cf5); } - .md\:pb-72 { - padding-bottom: 18rem; + .lg\:ring-colors-indigo-500 { + --tw-ring-color: var(--colors-indigo-500, #667eea); } - .md\:pb-80 { - padding-bottom: 20rem; + .lg\:ring-colors-indigo-600 { + --tw-ring-color: var(--colors-indigo-600, #5a67d8); } - .md\:pb-96 { - padding-bottom: 24rem; + .lg\:ring-colors-indigo-700 { + --tw-ring-color: var(--colors-indigo-700, #4c51bf); } - .md\:pb-px { - padding-bottom: 1px; + .lg\:ring-colors-indigo-800 { + --tw-ring-color: var(--colors-indigo-800, #434190); } - .md\:pb-0\.5 { - padding-bottom: 0.125rem; + .lg\:ring-colors-indigo-900 { + --tw-ring-color: var(--colors-indigo-900, #3c366b); } - .md\:pb-1\.5 { - padding-bottom: 0.375rem; + .lg\:ring-colors-purple-100 { + --tw-ring-color: var(--colors-purple-100, #faf5ff); } - .md\:pb-2\.5 { - padding-bottom: 0.625rem; + .lg\:ring-colors-purple-200 { + --tw-ring-color: var(--colors-purple-200, #e9d8fd); } - .md\:pb-3\.5 { - padding-bottom: 0.875rem; + .lg\:ring-colors-purple-300 { + --tw-ring-color: var(--colors-purple-300, #d6bcfa); } - .md\:pl-0 { - padding-left: 0px; + .lg\:ring-colors-purple-400 { + --tw-ring-color: var(--colors-purple-400, #b794f4); } - .md\:pl-1 { - padding-left: 0.25rem; + .lg\:ring-colors-purple-500 { + --tw-ring-color: var(--colors-purple-500, #9f7aea); } - .md\:pl-2 { - padding-left: 0.5rem; + .lg\:ring-colors-purple-600 { + --tw-ring-color: var(--colors-purple-600, #805ad5); } - .md\:pl-3 { - padding-left: 0.75rem; + .lg\:ring-colors-purple-700 { + --tw-ring-color: var(--colors-purple-700, #6b46c1); } - .md\:pl-4 { - padding-left: 1rem; + .lg\:ring-colors-purple-800 { + --tw-ring-color: var(--colors-purple-800, #553c9a); } - .md\:pl-5 { - padding-left: 1.25rem; + .lg\:ring-colors-purple-900 { + --tw-ring-color: var(--colors-purple-900, #44337a); } - .md\:pl-6 { - padding-left: 1.5rem; + .lg\:ring-colors-pink-100 { + --tw-ring-color: var(--colors-pink-100, #fff5f7); } - .md\:pl-7 { - padding-left: 1.75rem; + .lg\:ring-colors-pink-200 { + --tw-ring-color: var(--colors-pink-200, #fed7e2); } - .md\:pl-8 { - padding-left: 2rem; + .lg\:ring-colors-pink-300 { + --tw-ring-color: var(--colors-pink-300, #fbb6ce); } - .md\:pl-9 { - padding-left: 2.25rem; + .lg\:ring-colors-pink-400 { + --tw-ring-color: var(--colors-pink-400, #f687b3); } - .md\:pl-10 { - padding-left: 2.5rem; + .lg\:ring-colors-pink-500 { + --tw-ring-color: var(--colors-pink-500, #ed64a6); } - .md\:pl-11 { - padding-left: 2.75rem; + .lg\:ring-colors-pink-600 { + --tw-ring-color: var(--colors-pink-600, #d53f8c); } - .md\:pl-12 { - padding-left: 3rem; + .lg\:ring-colors-pink-700 { + --tw-ring-color: var(--colors-pink-700, #b83280); } - .md\:pl-14 { - padding-left: 3.5rem; + .lg\:ring-colors-pink-800 { + --tw-ring-color: var(--colors-pink-800, #97266d); } - .md\:pl-16 { - padding-left: 4rem; + .lg\:ring-colors-pink-900 { + --tw-ring-color: var(--colors-pink-900, #702459); } - .md\:pl-20 { - padding-left: 5rem; + .lg\:ring-Box\ Shadow { + --tw-ring-color: var(--box-shadow, #7f7e7f); } - .md\:pl-24 { - padding-left: 6rem; + .lg\:ring-Error16 { + --tw-ring-color: var(--error16, #f03d3e40); } - .md\:pl-28 { - padding-left: 7rem; + .lg\:ring-Success16 { + --tw-ring-color: var(--success16, #5bb14d40); } - .md\:pl-32 { - padding-left: 8rem; + .lg\:ring-Notification16 { + --tw-ring-color: var(--notification16, #3959ff40); } - .md\:pl-36 { - padding-left: 9rem; + .lg\:ring-Error8 { + --tw-ring-color: var(--error8, #f03d3e1a); } - .md\:pl-40 { - padding-left: 10rem; + .lg\:ring-Notification8 { + --tw-ring-color: var(--notification8, #3959ff1a); } - .md\:pl-44 { - padding-left: 11rem; + .lg\:ring-Success8 { + --tw-ring-color: var(--success8, #5bb14d1a); } - .md\:pl-48 { - padding-left: 12rem; + .lg\:ring-Light\ -\ Overlay { + --tw-ring-color: var(--light-overlay, #f0edee66); } - .md\:pl-52 { - padding-left: 13rem; + .lg\:ring-Dark-\ Overlay { + --tw-ring-color: var(--dark-overlay, #7f7e7f66); } - .md\:pl-56 { - padding-left: 14rem; + .lg\:ring-black-40 { + --tw-ring-color: var(--black-40, #00000066); } - .md\:pl-60 { - padding-left: 15rem; + .lg\:ring-black-75 { + --tw-ring-color: var(--black-75, #000000bf); } - .md\:pl-64 { - padding-left: 16rem; + .lg\:ring-black-60 { + --tw-ring-color: var(--black-60, #00000099); } - .md\:pl-72 { - padding-left: 18rem; + .lg\:ring-black-50 { + --tw-ring-color: var(--black-50, #00000080); } - .md\:pl-80 { - padding-left: 20rem; + .lg\:ring-black-25 { + --tw-ring-color: var(--black-25, #00000040); } - .md\:pl-96 { - padding-left: 24rem; + .lg\:ring-black-10 { + --tw-ring-color: var(--black-10, #0000001a); } - .md\:pl-px { - padding-left: 1px; + .lg\:ring-white-25 { + --tw-ring-color: var(--white-25, #ffffff40); } - .md\:pl-0\.5 { - padding-left: 0.125rem; + .lg\:ring-white-60 { + --tw-ring-color: var(--white-60, #ffffff99); } - .md\:pl-1\.5 { - padding-left: 0.375rem; + .lg\:ring-black-64 { + --tw-ring-color: var(--black-64, #000000a3); } - .md\:pl-2\.5 { - padding-left: 0.625rem; + .lg\:ring-Shadow\ and\ Highlight-Shadow { + --tw-ring-color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .md\:pl-3\.5 { - padding-left: 0.875rem; + .lg\:ring-Shadow\ and\ Highlight-Highlight { + --tw-ring-color: var(--shadow-and-highlight-highlight, #474747); } - .md\:text-left { - text-align: left; + .lg\:ring-Shadow\ and\ Highlight-highlight\ one { + --tw-ring-color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .md\:text-center { - text-align: center; + .lg\:ring-Shadow\ and\ Highlight-highlight\ two { + --tw-ring-color: var(--shadow-and-highlight-highlight-two, #47474799); } - .md\:text-right { - text-align: right; + .lg\:ring-Shadow\ and\ Highlight-highlight\ three { + --tw-ring-color: var(--shadow-and-highlight-highlight-three, #47474766); } - .md\:text-justify { - text-align: justify; + .lg\:ring-Shadow\ and\ Highlight-highlight\ five { + --tw-ring-color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .md\:align-baseline { - vertical-align: baseline; + .lg\:ring-Shadow\ and\ Highlight-shadow\ one { + --tw-ring-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .md\:align-top { - vertical-align: top; + .lg\:ring-Shadow\ and\ Highlight-shadow\ two { + --tw-ring-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .md\:align-middle { - vertical-align: middle; + .lg\:ring-Shadow\ and\ Highlight-shadow\ three { + --tw-ring-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .md\:align-bottom { - vertical-align: bottom; + .lg\:ring-Shadow\ and\ Highlight-shadow\ four { + --tw-ring-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .md\:align-text-top { - vertical-align: text-top; + .lg\:ring-Shadow\ and\ Highlight-shadow\ five { + --tw-ring-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .md\:align-text-bottom { - vertical-align: text-bottom; + .lg\:ring-Shadow\ and\ Highlight-highlight\ four { + --tw-ring-color: var(--shadow-and-highlight-highlight-four, #47474740); } - .md\:font-sans { - font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + .lg\:ring-Base\ Layer\ Styles-Base\ Layer-\ Light-White { + --tw-ring-color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .md\:font-serif { - font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; + .lg\:ring-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite { + --tw-ring-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .md\:font-mono { - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + .lg\:ring-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack { + --tw-ring-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .md\:text-xs { - font-size: 0.75rem; - line-height: 1rem; + .lg\:ring-Base\ Layer\ Styles-Base\ Layer-Dark-Black { + --tw-ring-color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .md\:text-sm { - font-size: 0.875rem; - line-height: 1.25rem; + .lg\:ring-Grey-Scale-white { + --tw-ring-color: var(--grey-scale-white, #ffffff); } - .md\:text-base { - font-size: 1rem; - line-height: 1.5rem; + .lg\:ring-Grey-Scale-off-white { + --tw-ring-color: var(--grey-scale-off-white, #f0edee); } - .md\:text-lg { - font-size: 1.125rem; - line-height: 1.75rem; + .lg\:ring-Grey\ Scale-grey { + --tw-ring-color: var(--grey-scale-grey, #7f7e7f); } - .md\:text-xl { - font-size: 1.25rem; - line-height: 1.75rem; + .lg\:ring-Grey\ Scale-charcoal { + --tw-ring-color: var(--grey-scale-charcoal, #474747); } - .md\:text-2xl { - font-size: 1.5rem; - line-height: 2rem; + .lg\:ring-Grey\ Scale-off-black { + --tw-ring-color: var(--grey-scale-off-black, #1c1c1c); } - .md\:text-3xl { - font-size: 1.875rem; - line-height: 2.25rem; + .lg\:ring-Grey\ Scale-black { + --tw-ring-color: var(--grey-scale-black, #000000); } - .md\:text-4xl { - font-size: 2.25rem; - line-height: 2.5rem; + .lg\:ring-Blue-blue { + --tw-ring-color: var(--blue-blue, #3a7ca5); } - .md\:text-5xl { - font-size: 3rem; - line-height: 1; + .lg\:ring-Blue-blue-100 { + --tw-ring-color: var(--blue-blue-100, #75a3c0); } - .md\:text-6xl { - font-size: 3.75rem; - line-height: 1; + .lg\:ring-Blue-blue-200 { + --tw-ring-color: var(--blue-blue-200, #9cbed2); } - .md\:text-7xl { - font-size: 4.5rem; - line-height: 1; + .lg\:ring-Blue-blue-300 { + --tw-ring-color: var(--blue-blue-300, #4f7d9a); } - .md\:text-8xl { - font-size: 6rem; - line-height: 1; + .lg\:ring-Blue-blue-400 { + --tw-ring-color: var(--blue-blue-400, #5c7d92); } - .md\:text-9xl { - font-size: 8rem; - line-height: 1; + .lg\:ring-Blue-blue-500 { + --tw-ring-color: var(--blue-blue-500, #347095); } - .md\:font-thin { - font-weight: 100; + .lg\:ring-Blue-blue-600 { + --tw-ring-color: var(--blue-blue-600, #295774); } - .md\:font-extralight { - font-weight: 200; + .lg\:ring-Blue-blue-700 { + --tw-ring-color: var(--blue-blue-700, #173242); } - .md\:font-light { - font-weight: 300; + .lg\:ring-LightBlue-lightblue { + --tw-ring-color: var(--light-blue-lightblue, #81c3d7); } - .md\:font-normal { - font-weight: 400; + .lg\:ring-LightBlue-lightblue-100 { + --tw-ring-color: var(--light-blue-lightblue-100, #a7d5e3); } - .md\:font-medium { - font-weight: 500; + .lg\:ring-LightBlue-lightblue-200 { + --tw-ring-color: var(--light-blue-lightblue-200, #c0e1eb); } - .md\:font-semibold { - font-weight: 600; + .lg\:ring-LightBlue-lightblue-300 { + --tw-ring-color: var(--light-blue-lightblue-300, #80aebd); } - .md\:font-bold { - font-weight: 700; + .lg\:ring-LightBlue-lightblue-400 { + --tw-ring-color: var(--light-blue-lightblue-400, #80a0ab); } - .md\:font-extrabold { - font-weight: 800; + .lg\:ring-LightBlue-lightblue-500 { + --tw-ring-color: var(--light-blue-lightblue-500, #74afc1); } - .md\:font-black { - font-weight: 900; + .lg\:ring-LightBlue-lightblue-600 { + --tw-ring-color: var(--light-blue-lightblue-600, #5a8997); } - .md\:uppercase { - text-transform: uppercase; + .lg\:ring-LightBlue-lightblue-650 { + --tw-ring-color: var(--light-blue-lightblue-650, #3e5e65); } - .md\:lowercase { - text-transform: lowercase; + .lg\:ring-LightBlue-lightblue-700 { + --tw-ring-color: var(--light-blue-lightblue-700, #344e56); } - .md\:capitalize { - text-transform: capitalize; + .lg\:ring-Orange-orange { + --tw-ring-color: var(--orange-orange, #ff7f0e); } - .md\:normal-case { - text-transform: none; + .lg\:ring-Orange-orange-100 { + --tw-ring-color: var(--orange-orange-100, #ffa556); } - .md\:italic { - font-style: italic; + .lg\:ring-Orange-orange-200 { + --tw-ring-color: var(--orange-orange-200, #ffbf86); } - .md\:not-italic { - font-style: normal; + .lg\:ring-Orange-orange-300 { + --tw-ring-color: var(--orange-orange-300, #d97f30); } - .md\:ordinal, .md\:slashed-zero, .md\:lining-nums, .md\:oldstyle-nums, .md\:proportional-nums, .md\:tabular-nums, .md\:diagonal-fractions, .md\:stacked-fractions { - --tw-ordinal: var(--tw-empty,/*!*/ /*!*/); - --tw-slashed-zero: var(--tw-empty,/*!*/ /*!*/); - --tw-numeric-figure: var(--tw-empty,/*!*/ /*!*/); - --tw-numeric-spacing: var(--tw-empty,/*!*/ /*!*/); - --tw-numeric-fraction: var(--tw-empty,/*!*/ /*!*/); - font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); + .lg\:ring-Orange-orange-400 { + --tw-ring-color: var(--orange-orange-400, #bf7e46); } - .md\:normal-nums { - font-variant-numeric: normal; + .lg\:ring-Orange-orange-500 { + --tw-ring-color: var(--orange-orange-500, #e5720d); } - .md\:ordinal { - --tw-ordinal: ordinal; + .lg\:ring-Orange-orange-600 { + --tw-ring-color: var(--orange-orange-600, #b3590a); } - .md\:slashed-zero { - --tw-slashed-zero: slashed-zero; + .lg\:ring-Orange-orange-700 { + --tw-ring-color: var(--orange-orange-700, #663306); } - .md\:lining-nums { - --tw-numeric-figure: lining-nums; + .lg\:ring-Yellow-yellow { + --tw-ring-color: var(--yellow-yellow, #ffab00); } - .md\:oldstyle-nums { - --tw-numeric-figure: oldstyle-nums; + .lg\:ring-Yellow-yellow-100 { + --tw-ring-color: var(--yellow-yellow-100, #ffc44c); } - .md\:proportional-nums { - --tw-numeric-spacing: proportional-nums; + .lg\:ring-Yellow-yellow-200 { + --tw-ring-color: var(--yellow-yellow-200, #ffd580); } - .md\:tabular-nums { - --tw-numeric-spacing: tabular-nums; + .lg\:ring-Yellow-yellow-300 { + --tw-ring-color: var(--yellow-yellow-300, #d99d26); } - .md\:diagonal-fractions { - --tw-numeric-fraction: diagonal-fractions; + .lg\:ring-Yellow-yellow-400 { + --tw-ring-color: var(--yellow-yellow-400, #bf943f); } - .md\:stacked-fractions { - --tw-numeric-fraction: stacked-fractions; + .lg\:ring-Yellow-yellow-500 { + --tw-ring-color: var(--yellow-yellow-500, #e59a00); } - .md\:leading-3 { - line-height: .75rem; + .lg\:ring-Yellow-yellow-600 { + --tw-ring-color: var(--yellow-yellow-600, #b37800); } - .md\:leading-4 { - line-height: 1rem; + .lg\:ring-Yellow-yellow-700 { + --tw-ring-color: var(--yellow-yellow-700, #664400); } - .md\:leading-5 { - line-height: 1.25rem; + .lg\:ring-Notification-notification { + --tw-ring-color: var(--notification-notification, #3959ff); } - .md\:leading-6 { - line-height: 1.5rem; + .lg\:ring-Notification-notification-100 { + --tw-ring-color: var(--notification-notification-100, #748bff); } - .md\:leading-7 { - line-height: 1.75rem; + .lg\:ring-Notification-notification-200 { + --tw-ring-color: var(--notification-notification-200, #9cacff); } - .md\:leading-8 { - line-height: 2rem; + .lg\:ring-Notification-notification-300 { + --tw-ring-color: var(--notification-notification-300, #4e64d9); } - .md\:leading-9 { - line-height: 2.25rem; + .lg\:ring-Notification-notification-400 { + --tw-ring-color: var(--notification-notification-400, #5c6cbf); } - .md\:leading-10 { - line-height: 2.5rem; + .lg\:ring-Notification-notification-500 { + --tw-ring-color: var(--notification-notification-500, #3350e5); } - .md\:leading-none { - line-height: 1; + .lg\:ring-Notification-notification-600 { + --tw-ring-color: var(--notification-notification-600, #283eb3); } - .md\:leading-tight { - line-height: 1.25; + .lg\:ring-Notification-notification-700 { + --tw-ring-color: var(--notification-notification-700, #172466); } - .md\:leading-snug { - line-height: 1.375; + .lg\:ring-Success-success\ -700 { + --tw-ring-color: var(--success-success-700, #24471f); } - .md\:leading-normal { - line-height: 1.5; + .lg\:ring-Success-success { + --tw-ring-color: var(--success-success, #5bb14d); } - .md\:leading-relaxed { - line-height: 1.625; + .lg\:ring-Success-success\ -100 { + --tw-ring-color: var(--success-success-100, #8cc882); } - .md\:leading-loose { - line-height: 2; + .lg\:ring-Success-success\ -200 { + --tw-ring-color: var(--success-success-200, #add8a6); } - .md\:tracking-tighter { - letter-spacing: -0.05em; + .lg\:ring-Success-success\ -300 { + --tw-ring-color: var(--success-success-300, #66a25c); } - .md\:tracking-tight { - letter-spacing: -0.025em; + .lg\:ring-Success-success\ -400 { + --tw-ring-color: var(--success-success-400, #6d9766); } - .md\:tracking-normal { - letter-spacing: 0em; + .lg\:ring-Success-success\ -500 { + --tw-ring-color: var(--success-success-500, #529f45); } - .md\:tracking-wide { - letter-spacing: 0.025em; + .lg\:ring-Success-success\ -600 { + --tw-ring-color: var(--success-success-600, #407c36); } - .md\:tracking-wider { - letter-spacing: 0.05em; + .lg\:ring-Error-error { + --tw-ring-color: var(--error-error, #f03d3e); } - .md\:tracking-widest { - letter-spacing: 0.1em; + .lg\:ring-Error-error-100 { + --tw-ring-color: var(--error-error-100, #f57778); } - .md\:text-transparent { - color: transparent; + .lg\:ring-Error-error-200 { + --tw-ring-color: var(--error-error-200, #f89e9e); } - .md\:text-current { - color: currentColor; + .lg\:ring-Error-error-250 { + --tw-ring-color: var(--error-error-250, #f9c8c8); } - .md\:text-black { - --tw-text-opacity: 1; - color: rgba(0, 0, 0, var(--tw-text-opacity)); + .lg\:ring-Error-error-300 { + --tw-ring-color: var(--error-error-300, #ce5151); } - .md\:text-white { - --tw-text-opacity: 1; - color: rgba(255, 255, 255, var(--tw-text-opacity)); + .lg\:ring-Error-error-400 { + --tw-ring-color: var(--error-error-400, #b85e5e); } - .md\:text-gray-50 { - --tw-text-opacity: 1; - color: rgba(249, 250, 251, var(--tw-text-opacity)); + .lg\:ring-Error-error-500 { + --tw-ring-color: var(--error-error-500, #d83738); } - .md\:text-gray-100 { - --tw-text-opacity: 1; - color: rgba(243, 244, 246, var(--tw-text-opacity)); + .lg\:ring-Error-error-600 { + --tw-ring-color: var(--error-error-600, #a82b2b); } - .md\:text-gray-200 { - --tw-text-opacity: 1; - color: rgba(229, 231, 235, var(--tw-text-opacity)); + .lg\:ring-Error-error-700 { + --tw-ring-color: var(--error-error-700, #601819); } - .md\:text-gray-300 { - --tw-text-opacity: 1; - color: rgba(209, 213, 219, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-black:focus-within { + --tw-ring-color: var(--colors-black, #000000); } - .md\:text-gray-400 { - --tw-text-opacity: 1; - color: rgba(156, 163, 175, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-white:focus-within { + --tw-ring-color: var(--colors-white, #ffffff); } - .md\:text-gray-500 { - --tw-text-opacity: 1; - color: rgba(107, 114, 128, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-gray-100:focus-within { + --tw-ring-color: var(--colors-gray-100, #f7fafc); } - .md\:text-gray-600 { - --tw-text-opacity: 1; - color: rgba(75, 85, 99, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-gray-200:focus-within { + --tw-ring-color: var(--colors-gray-200, #edf2f7); } - .md\:text-gray-700 { - --tw-text-opacity: 1; - color: rgba(55, 65, 81, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-gray-300:focus-within { + --tw-ring-color: var(--colors-gray-300, #e2e8f0); } - .md\:text-gray-800 { - --tw-text-opacity: 1; - color: rgba(31, 41, 55, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-gray-400:focus-within { + --tw-ring-color: var(--colors-gray-400, #cbd5e0); } - .md\:text-gray-900 { - --tw-text-opacity: 1; - color: rgba(17, 24, 39, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-gray-500:focus-within { + --tw-ring-color: var(--colors-gray-500, #a0aec0); } - .md\:text-red-50 { - --tw-text-opacity: 1; - color: rgba(254, 242, 242, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-gray-600:focus-within { + --tw-ring-color: var(--colors-gray-600, #718096); } - .md\:text-red-100 { - --tw-text-opacity: 1; - color: rgba(254, 226, 226, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-gray-700:focus-within { + --tw-ring-color: var(--colors-gray-700, #4a5568); } - .md\:text-red-200 { - --tw-text-opacity: 1; - color: rgba(254, 202, 202, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-gray-800:focus-within { + --tw-ring-color: var(--colors-gray-800, #2d3748); } - .md\:text-red-300 { - --tw-text-opacity: 1; - color: rgba(252, 165, 165, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-gray-900:focus-within { + --tw-ring-color: var(--colors-gray-900, #1a202c); } - .md\:text-red-400 { - --tw-text-opacity: 1; - color: rgba(248, 113, 113, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-red-100:focus-within { + --tw-ring-color: var(--colors-red-100, #fff5f5); } - .md\:text-red-500 { - --tw-text-opacity: 1; - color: rgba(239, 68, 68, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-red-200:focus-within { + --tw-ring-color: var(--colors-red-200, #fed7d7); } - .md\:text-red-600 { - --tw-text-opacity: 1; - color: rgba(220, 38, 38, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-red-300:focus-within { + --tw-ring-color: var(--colors-red-300, #feb2b2); } - .md\:text-red-700 { - --tw-text-opacity: 1; - color: rgba(185, 28, 28, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-red-400:focus-within { + --tw-ring-color: var(--colors-red-400, #fc8181); } - .md\:text-red-800 { - --tw-text-opacity: 1; - color: rgba(153, 27, 27, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-red-500:focus-within { + --tw-ring-color: var(--colors-red-500, #f56565); } - .md\:text-red-900 { - --tw-text-opacity: 1; - color: rgba(127, 29, 29, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-red-600:focus-within { + --tw-ring-color: var(--colors-red-600, #e53e3e); } - .md\:text-yellow-50 { - --tw-text-opacity: 1; - color: rgba(255, 251, 235, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-red-700:focus-within { + --tw-ring-color: var(--colors-red-700, #c53030); } - .md\:text-yellow-100 { - --tw-text-opacity: 1; - color: rgba(254, 243, 199, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-red-800:focus-within { + --tw-ring-color: var(--colors-red-800, #9b2c2c); } - .md\:text-yellow-200 { - --tw-text-opacity: 1; - color: rgba(253, 230, 138, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-red-900:focus-within { + --tw-ring-color: var(--colors-red-900, #742a2a); } - .md\:text-yellow-300 { - --tw-text-opacity: 1; - color: rgba(252, 211, 77, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-orange-100:focus-within { + --tw-ring-color: var(--colors-orange-100, #fffaf0); } - .md\:text-yellow-400 { - --tw-text-opacity: 1; - color: rgba(251, 191, 36, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-orange-200:focus-within { + --tw-ring-color: var(--colors-orange-200, #feebc8); } - .md\:text-yellow-500 { - --tw-text-opacity: 1; - color: rgba(245, 158, 11, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-orange-300:focus-within { + --tw-ring-color: var(--colors-orange-300, #fbd38d); } - .md\:text-yellow-600 { - --tw-text-opacity: 1; - color: rgba(217, 119, 6, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-orange-400:focus-within { + --tw-ring-color: var(--colors-orange-400, #f6ad55); } - .md\:text-yellow-700 { - --tw-text-opacity: 1; - color: rgba(180, 83, 9, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-orange-500:focus-within { + --tw-ring-color: var(--colors-orange-500, #ed8936); } - .md\:text-yellow-800 { - --tw-text-opacity: 1; - color: rgba(146, 64, 14, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-orange-600:focus-within { + --tw-ring-color: var(--colors-orange-600, #dd6b20); } - .md\:text-yellow-900 { - --tw-text-opacity: 1; - color: rgba(120, 53, 15, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-orange-700:focus-within { + --tw-ring-color: var(--colors-orange-700, #c05621); } - .md\:text-green-50 { - --tw-text-opacity: 1; - color: rgba(236, 253, 245, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-orange-800:focus-within { + --tw-ring-color: var(--colors-orange-800, #9c4221); } - .md\:text-green-100 { - --tw-text-opacity: 1; - color: rgba(209, 250, 229, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-orange-900:focus-within { + --tw-ring-color: var(--colors-orange-900, #7b341e); } - .md\:text-green-200 { - --tw-text-opacity: 1; - color: rgba(167, 243, 208, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-yellow-100:focus-within { + --tw-ring-color: var(--colors-yellow-100, #fffff0); } - .md\:text-green-300 { - --tw-text-opacity: 1; - color: rgba(110, 231, 183, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-yellow-200:focus-within { + --tw-ring-color: var(--colors-yellow-200, #fefcbf); } - .md\:text-green-400 { - --tw-text-opacity: 1; - color: rgba(52, 211, 153, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-yellow-300:focus-within { + --tw-ring-color: var(--colors-yellow-300, #faf089); } - .md\:text-green-500 { - --tw-text-opacity: 1; - color: rgba(16, 185, 129, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-yellow-400:focus-within { + --tw-ring-color: var(--colors-yellow-400, #f6e05e); } - .md\:text-green-600 { - --tw-text-opacity: 1; - color: rgba(5, 150, 105, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-yellow-500:focus-within { + --tw-ring-color: var(--colors-yellow-500, #ecc94b); } - .md\:text-green-700 { - --tw-text-opacity: 1; - color: rgba(4, 120, 87, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-yellow-600:focus-within { + --tw-ring-color: var(--colors-yellow-600, #d69e2e); } - .md\:text-green-800 { - --tw-text-opacity: 1; - color: rgba(6, 95, 70, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-yellow-700:focus-within { + --tw-ring-color: var(--colors-yellow-700, #b7791f); } - .md\:text-green-900 { - --tw-text-opacity: 1; - color: rgba(6, 78, 59, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-yellow-800:focus-within { + --tw-ring-color: var(--colors-yellow-800, #975a16); } - .md\:text-blue-50 { - --tw-text-opacity: 1; - color: rgba(239, 246, 255, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-yellow-900:focus-within { + --tw-ring-color: var(--colors-yellow-900, #744210); } - .md\:text-blue-100 { - --tw-text-opacity: 1; - color: rgba(219, 234, 254, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-green-100:focus-within { + --tw-ring-color: var(--colors-green-100, #f0fff4); } - .md\:text-blue-200 { - --tw-text-opacity: 1; - color: rgba(191, 219, 254, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-green-200:focus-within { + --tw-ring-color: var(--colors-green-200, #c6f6d5); } - .md\:text-blue-300 { - --tw-text-opacity: 1; - color: rgba(147, 197, 253, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-green-300:focus-within { + --tw-ring-color: var(--colors-green-300, #9ae6b4); } - .md\:text-blue-400 { - --tw-text-opacity: 1; - color: rgba(96, 165, 250, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-green-400:focus-within { + --tw-ring-color: var(--colors-green-400, #68d391); } - .md\:text-blue-500 { - --tw-text-opacity: 1; - color: rgba(59, 130, 246, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-green-500:focus-within { + --tw-ring-color: var(--colors-green-500, #48bb78); } - .md\:text-blue-600 { - --tw-text-opacity: 1; - color: rgba(37, 99, 235, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-green-600:focus-within { + --tw-ring-color: var(--colors-green-600, #38a169); } - .md\:text-blue-700 { - --tw-text-opacity: 1; - color: rgba(29, 78, 216, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-green-700:focus-within { + --tw-ring-color: var(--colors-green-700, #2f855a); } - .md\:text-blue-800 { - --tw-text-opacity: 1; - color: rgba(30, 64, 175, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-green-800:focus-within { + --tw-ring-color: var(--colors-green-800, #276749); } - .md\:text-blue-900 { - --tw-text-opacity: 1; - color: rgba(30, 58, 138, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-green-900:focus-within { + --tw-ring-color: var(--colors-green-900, #22543d); } - .md\:text-indigo-50 { - --tw-text-opacity: 1; - color: rgba(238, 242, 255, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-teal-100:focus-within { + --tw-ring-color: var(--colors-teal-100, #e6fffa); } - .md\:text-indigo-100 { - --tw-text-opacity: 1; - color: rgba(224, 231, 255, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-teal-200:focus-within { + --tw-ring-color: var(--colors-teal-200, #b2f5ea); } - .md\:text-indigo-200 { - --tw-text-opacity: 1; - color: rgba(199, 210, 254, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-teal-300:focus-within { + --tw-ring-color: var(--colors-teal-300, #81e6d9); } - .md\:text-indigo-300 { - --tw-text-opacity: 1; - color: rgba(165, 180, 252, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-teal-400:focus-within { + --tw-ring-color: var(--colors-teal-400, #4fd1c5); } - .md\:text-indigo-400 { - --tw-text-opacity: 1; - color: rgba(129, 140, 248, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-teal-500:focus-within { + --tw-ring-color: var(--colors-teal-500, #38b2ac); } - .md\:text-indigo-500 { - --tw-text-opacity: 1; - color: rgba(99, 102, 241, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-teal-600:focus-within { + --tw-ring-color: var(--colors-teal-600, #319795); } - .md\:text-indigo-600 { - --tw-text-opacity: 1; - color: rgba(79, 70, 229, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-teal-700:focus-within { + --tw-ring-color: var(--colors-teal-700, #2c7a7b); } - .md\:text-indigo-700 { - --tw-text-opacity: 1; - color: rgba(67, 56, 202, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-teal-800:focus-within { + --tw-ring-color: var(--colors-teal-800, #285e61); } - .md\:text-indigo-800 { - --tw-text-opacity: 1; - color: rgba(55, 48, 163, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-teal-900:focus-within { + --tw-ring-color: var(--colors-teal-900, #234e52); } - .md\:text-indigo-900 { - --tw-text-opacity: 1; - color: rgba(49, 46, 129, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-blue-100:focus-within { + --tw-ring-color: var(--colors-blue-100, #ebf8ff); } - .md\:text-purple-50 { - --tw-text-opacity: 1; - color: rgba(245, 243, 255, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-blue-200:focus-within { + --tw-ring-color: var(--colors-blue-200, #bee3f8); } - .md\:text-purple-100 { - --tw-text-opacity: 1; - color: rgba(237, 233, 254, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-blue-300:focus-within { + --tw-ring-color: var(--colors-blue-300, #90cdf4); } - .md\:text-purple-200 { - --tw-text-opacity: 1; - color: rgba(221, 214, 254, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-blue-400:focus-within { + --tw-ring-color: var(--colors-blue-400, #63b3ed); } - .md\:text-purple-300 { - --tw-text-opacity: 1; - color: rgba(196, 181, 253, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-blue-500:focus-within { + --tw-ring-color: var(--colors-blue-500, #4299e1); } - .md\:text-purple-400 { - --tw-text-opacity: 1; - color: rgba(167, 139, 250, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-blue-600:focus-within { + --tw-ring-color: var(--colors-blue-600, #3182ce); } - .md\:text-purple-500 { - --tw-text-opacity: 1; - color: rgba(139, 92, 246, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-blue-700:focus-within { + --tw-ring-color: var(--colors-blue-700, #2b6cb0); } - .md\:text-purple-600 { - --tw-text-opacity: 1; - color: rgba(124, 58, 237, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-blue-800:focus-within { + --tw-ring-color: var(--colors-blue-800, #2c5282); } - .md\:text-purple-700 { - --tw-text-opacity: 1; - color: rgba(109, 40, 217, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-blue-900:focus-within { + --tw-ring-color: var(--colors-blue-900, #2a4365); } - .md\:text-purple-800 { - --tw-text-opacity: 1; - color: rgba(91, 33, 182, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-indigo-100:focus-within { + --tw-ring-color: var(--colors-indigo-100, #ebf4ff); } - .md\:text-purple-900 { - --tw-text-opacity: 1; - color: rgba(76, 29, 149, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-indigo-200:focus-within { + --tw-ring-color: var(--colors-indigo-200, #c3dafe); } - .md\:text-pink-50 { - --tw-text-opacity: 1; - color: rgba(253, 242, 248, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-indigo-300:focus-within { + --tw-ring-color: var(--colors-indigo-300, #a3bffa); } - .md\:text-pink-100 { - --tw-text-opacity: 1; - color: rgba(252, 231, 243, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-indigo-400:focus-within { + --tw-ring-color: var(--colors-indigo-400, #7f9cf5); } - .md\:text-pink-200 { - --tw-text-opacity: 1; - color: rgba(251, 207, 232, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-indigo-500:focus-within { + --tw-ring-color: var(--colors-indigo-500, #667eea); } - .md\:text-pink-300 { - --tw-text-opacity: 1; - color: rgba(249, 168, 212, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-indigo-600:focus-within { + --tw-ring-color: var(--colors-indigo-600, #5a67d8); } - .md\:text-pink-400 { - --tw-text-opacity: 1; - color: rgba(244, 114, 182, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-indigo-700:focus-within { + --tw-ring-color: var(--colors-indigo-700, #4c51bf); } - .md\:text-pink-500 { - --tw-text-opacity: 1; - color: rgba(236, 72, 153, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-indigo-800:focus-within { + --tw-ring-color: var(--colors-indigo-800, #434190); } - .md\:text-pink-600 { - --tw-text-opacity: 1; - color: rgba(219, 39, 119, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-indigo-900:focus-within { + --tw-ring-color: var(--colors-indigo-900, #3c366b); } - .md\:text-pink-700 { - --tw-text-opacity: 1; - color: rgba(190, 24, 93, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-purple-100:focus-within { + --tw-ring-color: var(--colors-purple-100, #faf5ff); } - .md\:text-pink-800 { - --tw-text-opacity: 1; - color: rgba(157, 23, 77, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-purple-200:focus-within { + --tw-ring-color: var(--colors-purple-200, #e9d8fd); } - .md\:text-pink-900 { - --tw-text-opacity: 1; - color: rgba(131, 24, 67, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-purple-300:focus-within { + --tw-ring-color: var(--colors-purple-300, #d6bcfa); } - .group:hover .md\:group-hover\:text-transparent { - color: transparent; + .lg\:focus-within\:ring-colors-purple-400:focus-within { + --tw-ring-color: var(--colors-purple-400, #b794f4); } - .group:hover .md\:group-hover\:text-current { - color: currentColor; + .lg\:focus-within\:ring-colors-purple-500:focus-within { + --tw-ring-color: var(--colors-purple-500, #9f7aea); } - .group:hover .md\:group-hover\:text-black { - --tw-text-opacity: 1; - color: rgba(0, 0, 0, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-purple-600:focus-within { + --tw-ring-color: var(--colors-purple-600, #805ad5); } - .group:hover .md\:group-hover\:text-white { - --tw-text-opacity: 1; - color: rgba(255, 255, 255, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-purple-700:focus-within { + --tw-ring-color: var(--colors-purple-700, #6b46c1); } - .group:hover .md\:group-hover\:text-gray-50 { - --tw-text-opacity: 1; - color: rgba(249, 250, 251, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-purple-800:focus-within { + --tw-ring-color: var(--colors-purple-800, #553c9a); } - .group:hover .md\:group-hover\:text-gray-100 { - --tw-text-opacity: 1; - color: rgba(243, 244, 246, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-purple-900:focus-within { + --tw-ring-color: var(--colors-purple-900, #44337a); } - .group:hover .md\:group-hover\:text-gray-200 { - --tw-text-opacity: 1; - color: rgba(229, 231, 235, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-pink-100:focus-within { + --tw-ring-color: var(--colors-pink-100, #fff5f7); } - .group:hover .md\:group-hover\:text-gray-300 { - --tw-text-opacity: 1; - color: rgba(209, 213, 219, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-pink-200:focus-within { + --tw-ring-color: var(--colors-pink-200, #fed7e2); } - .group:hover .md\:group-hover\:text-gray-400 { - --tw-text-opacity: 1; - color: rgba(156, 163, 175, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-pink-300:focus-within { + --tw-ring-color: var(--colors-pink-300, #fbb6ce); } - .group:hover .md\:group-hover\:text-gray-500 { - --tw-text-opacity: 1; - color: rgba(107, 114, 128, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-pink-400:focus-within { + --tw-ring-color: var(--colors-pink-400, #f687b3); } - .group:hover .md\:group-hover\:text-gray-600 { - --tw-text-opacity: 1; - color: rgba(75, 85, 99, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-pink-500:focus-within { + --tw-ring-color: var(--colors-pink-500, #ed64a6); } - .group:hover .md\:group-hover\:text-gray-700 { - --tw-text-opacity: 1; - color: rgba(55, 65, 81, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-pink-600:focus-within { + --tw-ring-color: var(--colors-pink-600, #d53f8c); } - .group:hover .md\:group-hover\:text-gray-800 { - --tw-text-opacity: 1; - color: rgba(31, 41, 55, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-pink-700:focus-within { + --tw-ring-color: var(--colors-pink-700, #b83280); } - .group:hover .md\:group-hover\:text-gray-900 { - --tw-text-opacity: 1; - color: rgba(17, 24, 39, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-pink-800:focus-within { + --tw-ring-color: var(--colors-pink-800, #97266d); } - .group:hover .md\:group-hover\:text-red-50 { - --tw-text-opacity: 1; - color: rgba(254, 242, 242, var(--tw-text-opacity)); + .lg\:focus-within\:ring-colors-pink-900:focus-within { + --tw-ring-color: var(--colors-pink-900, #702459); } - .group:hover .md\:group-hover\:text-red-100 { - --tw-text-opacity: 1; - color: rgba(254, 226, 226, var(--tw-text-opacity)); + .lg\:focus-within\:ring-Box\ Shadow:focus-within { + --tw-ring-color: var(--box-shadow, #7f7e7f); } - .group:hover .md\:group-hover\:text-red-200 { - --tw-text-opacity: 1; - color: rgba(254, 202, 202, var(--tw-text-opacity)); + .lg\:focus-within\:ring-Error16:focus-within { + --tw-ring-color: var(--error16, #f03d3e40); } - .group:hover .md\:group-hover\:text-red-300 { - --tw-text-opacity: 1; - color: rgba(252, 165, 165, var(--tw-text-opacity)); + .lg\:focus-within\:ring-Success16:focus-within { + --tw-ring-color: var(--success16, #5bb14d40); } - .group:hover .md\:group-hover\:text-red-400 { - --tw-text-opacity: 1; - color: rgba(248, 113, 113, var(--tw-text-opacity)); + .lg\:focus-within\:ring-Notification16:focus-within { + --tw-ring-color: var(--notification16, #3959ff40); } - .group:hover .md\:group-hover\:text-red-500 { - --tw-text-opacity: 1; - color: rgba(239, 68, 68, var(--tw-text-opacity)); + .lg\:focus-within\:ring-Error8:focus-within { + --tw-ring-color: var(--error8, #f03d3e1a); } - .group:hover .md\:group-hover\:text-red-600 { - --tw-text-opacity: 1; - color: rgba(220, 38, 38, var(--tw-text-opacity)); + .lg\:focus-within\:ring-Notification8:focus-within { + --tw-ring-color: var(--notification8, #3959ff1a); } - .group:hover .md\:group-hover\:text-red-700 { - --tw-text-opacity: 1; - color: rgba(185, 28, 28, var(--tw-text-opacity)); + .lg\:focus-within\:ring-Success8:focus-within { + --tw-ring-color: var(--success8, #5bb14d1a); } - .group:hover .md\:group-hover\:text-red-800 { - --tw-text-opacity: 1; - color: rgba(153, 27, 27, var(--tw-text-opacity)); + .lg\:focus-within\:ring-Light\ -\ Overlay:focus-within { + --tw-ring-color: var(--light-overlay, #f0edee66); } - .group:hover .md\:group-hover\:text-red-900 { - --tw-text-opacity: 1; - color: rgba(127, 29, 29, var(--tw-text-opacity)); + .lg\:focus-within\:ring-Dark-\ Overlay:focus-within { + --tw-ring-color: var(--dark-overlay, #7f7e7f66); } - .group:hover .md\:group-hover\:text-yellow-50 { - --tw-text-opacity: 1; - color: rgba(255, 251, 235, var(--tw-text-opacity)); + .lg\:focus-within\:ring-black-40:focus-within { + --tw-ring-color: var(--black-40, #00000066); } - .group:hover .md\:group-hover\:text-yellow-100 { - --tw-text-opacity: 1; - color: rgba(254, 243, 199, var(--tw-text-opacity)); + .lg\:focus-within\:ring-black-75:focus-within { + --tw-ring-color: var(--black-75, #000000bf); } - .group:hover .md\:group-hover\:text-yellow-200 { - --tw-text-opacity: 1; - color: rgba(253, 230, 138, var(--tw-text-opacity)); + .lg\:focus-within\:ring-black-60:focus-within { + --tw-ring-color: var(--black-60, #00000099); } - .group:hover .md\:group-hover\:text-yellow-300 { - --tw-text-opacity: 1; - color: rgba(252, 211, 77, var(--tw-text-opacity)); + .lg\:focus-within\:ring-black-50:focus-within { + --tw-ring-color: var(--black-50, #00000080); } - .group:hover .md\:group-hover\:text-yellow-400 { - --tw-text-opacity: 1; - color: rgba(251, 191, 36, var(--tw-text-opacity)); + .lg\:focus-within\:ring-black-25:focus-within { + --tw-ring-color: var(--black-25, #00000040); } - .group:hover .md\:group-hover\:text-yellow-500 { - --tw-text-opacity: 1; - color: rgba(245, 158, 11, var(--tw-text-opacity)); + .lg\:focus-within\:ring-black-10:focus-within { + --tw-ring-color: var(--black-10, #0000001a); } - .group:hover .md\:group-hover\:text-yellow-600 { - --tw-text-opacity: 1; - color: rgba(217, 119, 6, var(--tw-text-opacity)); + .lg\:focus-within\:ring-white-25:focus-within { + --tw-ring-color: var(--white-25, #ffffff40); } - .group:hover .md\:group-hover\:text-yellow-700 { - --tw-text-opacity: 1; - color: rgba(180, 83, 9, var(--tw-text-opacity)); + .lg\:focus-within\:ring-white-60:focus-within { + --tw-ring-color: var(--white-60, #ffffff99); } - .group:hover .md\:group-hover\:text-yellow-800 { - --tw-text-opacity: 1; - color: rgba(146, 64, 14, var(--tw-text-opacity)); + .lg\:focus-within\:ring-black-64:focus-within { + --tw-ring-color: var(--black-64, #000000a3); } - .group:hover .md\:group-hover\:text-yellow-900 { - --tw-text-opacity: 1; - color: rgba(120, 53, 15, var(--tw-text-opacity)); + .lg\:focus-within\:ring-Shadow\ and\ Highlight-Shadow:focus-within { + --tw-ring-color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .group:hover .md\:group-hover\:text-green-50 { - --tw-text-opacity: 1; - color: rgba(236, 253, 245, var(--tw-text-opacity)); + .lg\:focus-within\:ring-Shadow\ and\ Highlight-Highlight:focus-within { + --tw-ring-color: var(--shadow-and-highlight-highlight, #474747); } - .group:hover .md\:group-hover\:text-green-100 { - --tw-text-opacity: 1; - color: rgba(209, 250, 229, var(--tw-text-opacity)); + .lg\:focus-within\:ring-Shadow\ and\ Highlight-highlight\ one:focus-within { + --tw-ring-color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .group:hover .md\:group-hover\:text-green-200 { - --tw-text-opacity: 1; - color: rgba(167, 243, 208, var(--tw-text-opacity)); + .lg\:focus-within\:ring-Shadow\ and\ Highlight-highlight\ two:focus-within { + --tw-ring-color: var(--shadow-and-highlight-highlight-two, #47474799); } - .group:hover .md\:group-hover\:text-green-300 { - --tw-text-opacity: 1; - color: rgba(110, 231, 183, var(--tw-text-opacity)); + .lg\:focus-within\:ring-Shadow\ and\ Highlight-highlight\ three:focus-within { + --tw-ring-color: var(--shadow-and-highlight-highlight-three, #47474766); } - .group:hover .md\:group-hover\:text-green-400 { - --tw-text-opacity: 1; - color: rgba(52, 211, 153, var(--tw-text-opacity)); + .lg\:focus-within\:ring-Shadow\ and\ Highlight-highlight\ five:focus-within { + --tw-ring-color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .group:hover .md\:group-hover\:text-green-500 { - --tw-text-opacity: 1; - color: rgba(16, 185, 129, var(--tw-text-opacity)); + .lg\:focus-within\:ring-Shadow\ and\ Highlight-shadow\ one:focus-within { + --tw-ring-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .group:hover .md\:group-hover\:text-green-600 { - --tw-text-opacity: 1; - color: rgba(5, 150, 105, var(--tw-text-opacity)); + .lg\:focus-within\:ring-Shadow\ and\ Highlight-shadow\ two:focus-within { + --tw-ring-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .group:hover .md\:group-hover\:text-green-700 { - --tw-text-opacity: 1; - color: rgba(4, 120, 87, var(--tw-text-opacity)); + .lg\:focus-within\:ring-Shadow\ and\ Highlight-shadow\ three:focus-within { + --tw-ring-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .group:hover .md\:group-hover\:text-green-800 { - --tw-text-opacity: 1; - color: rgba(6, 95, 70, var(--tw-text-opacity)); + .lg\:focus-within\:ring-Shadow\ and\ Highlight-shadow\ four:focus-within { + --tw-ring-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .group:hover .md\:group-hover\:text-green-900 { - --tw-text-opacity: 1; - color: rgba(6, 78, 59, var(--tw-text-opacity)); + .lg\:focus-within\:ring-Shadow\ and\ Highlight-shadow\ five:focus-within { + --tw-ring-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .group:hover .md\:group-hover\:text-blue-50 { - --tw-text-opacity: 1; - color: rgba(239, 246, 255, var(--tw-text-opacity)); + .lg\:focus-within\:ring-Shadow\ and\ Highlight-highlight\ four:focus-within { + --tw-ring-color: var(--shadow-and-highlight-highlight-four, #47474740); } - .group:hover .md\:group-hover\:text-blue-100 { - --tw-text-opacity: 1; - color: rgba(219, 234, 254, var(--tw-text-opacity)); + .lg\:focus-within\:ring-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus-within { + --tw-ring-color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .group:hover .md\:group-hover\:text-blue-200 { - --tw-text-opacity: 1; - color: rgba(191, 219, 254, var(--tw-text-opacity)); + .lg\:focus-within\:ring-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus-within { + --tw-ring-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .group:hover .md\:group-hover\:text-blue-300 { - --tw-text-opacity: 1; - color: rgba(147, 197, 253, var(--tw-text-opacity)); + .lg\:focus-within\:ring-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus-within { + --tw-ring-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .group:hover .md\:group-hover\:text-blue-400 { - --tw-text-opacity: 1; - color: rgba(96, 165, 250, var(--tw-text-opacity)); + .lg\:focus-within\:ring-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus-within { + --tw-ring-color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .group:hover .md\:group-hover\:text-blue-500 { - --tw-text-opacity: 1; - color: rgba(59, 130, 246, var(--tw-text-opacity)); + .lg\:focus-within\:ring-Grey-Scale-white:focus-within { + --tw-ring-color: var(--grey-scale-white, #ffffff); } - .group:hover .md\:group-hover\:text-blue-600 { - --tw-text-opacity: 1; - color: rgba(37, 99, 235, var(--tw-text-opacity)); + .lg\:focus-within\:ring-Grey-Scale-off-white:focus-within { + --tw-ring-color: var(--grey-scale-off-white, #f0edee); } - .group:hover .md\:group-hover\:text-blue-700 { - --tw-text-opacity: 1; - color: rgba(29, 78, 216, var(--tw-text-opacity)); + .lg\:focus-within\:ring-Grey\ Scale-grey:focus-within { + --tw-ring-color: var(--grey-scale-grey, #7f7e7f); } - .group:hover .md\:group-hover\:text-blue-800 { - --tw-text-opacity: 1; - color: rgba(30, 64, 175, var(--tw-text-opacity)); + .lg\:focus-within\:ring-Grey\ Scale-charcoal:focus-within { + --tw-ring-color: var(--grey-scale-charcoal, #474747); } - .group:hover .md\:group-hover\:text-blue-900 { - --tw-text-opacity: 1; - color: rgba(30, 58, 138, var(--tw-text-opacity)); + .lg\:focus-within\:ring-Grey\ Scale-off-black:focus-within { + --tw-ring-color: var(--grey-scale-off-black, #1c1c1c); } - .group:hover .md\:group-hover\:text-indigo-50 { - --tw-text-opacity: 1; - color: rgba(238, 242, 255, var(--tw-text-opacity)); + .lg\:focus-within\:ring-Grey\ Scale-black:focus-within { + --tw-ring-color: var(--grey-scale-black, #000000); } - .group:hover .md\:group-hover\:text-indigo-100 { - --tw-text-opacity: 1; - color: rgba(224, 231, 255, var(--tw-text-opacity)); + .lg\:focus-within\:ring-Blue-blue:focus-within { + --tw-ring-color: var(--blue-blue, #3a7ca5); } - .group:hover .md\:group-hover\:text-indigo-200 { - --tw-text-opacity: 1; - color: rgba(199, 210, 254, var(--tw-text-opacity)); + .lg\:focus-within\:ring-Blue-blue-100:focus-within { + --tw-ring-color: var(--blue-blue-100, #75a3c0); } - .group:hover .md\:group-hover\:text-indigo-300 { - --tw-text-opacity: 1; - color: rgba(165, 180, 252, var(--tw-text-opacity)); + .lg\:focus-within\:ring-Blue-blue-200:focus-within { + --tw-ring-color: var(--blue-blue-200, #9cbed2); } - .group:hover .md\:group-hover\:text-indigo-400 { - --tw-text-opacity: 1; - color: rgba(129, 140, 248, var(--tw-text-opacity)); + .lg\:focus-within\:ring-Blue-blue-300:focus-within { + --tw-ring-color: var(--blue-blue-300, #4f7d9a); } - .group:hover .md\:group-hover\:text-indigo-500 { - --tw-text-opacity: 1; - color: rgba(99, 102, 241, var(--tw-text-opacity)); + .lg\:focus-within\:ring-Blue-blue-400:focus-within { + --tw-ring-color: var(--blue-blue-400, #5c7d92); } - .group:hover .md\:group-hover\:text-indigo-600 { - --tw-text-opacity: 1; - color: rgba(79, 70, 229, var(--tw-text-opacity)); + .lg\:focus-within\:ring-Blue-blue-500:focus-within { + --tw-ring-color: var(--blue-blue-500, #347095); } - .group:hover .md\:group-hover\:text-indigo-700 { - --tw-text-opacity: 1; - color: rgba(67, 56, 202, var(--tw-text-opacity)); + .lg\:focus-within\:ring-Blue-blue-600:focus-within { + --tw-ring-color: var(--blue-blue-600, #295774); } - .group:hover .md\:group-hover\:text-indigo-800 { - --tw-text-opacity: 1; - color: rgba(55, 48, 163, var(--tw-text-opacity)); + .lg\:focus-within\:ring-Blue-blue-700:focus-within { + --tw-ring-color: var(--blue-blue-700, #173242); } - .group:hover .md\:group-hover\:text-indigo-900 { - --tw-text-opacity: 1; - color: rgba(49, 46, 129, var(--tw-text-opacity)); + .lg\:focus-within\:ring-LightBlue-lightblue:focus-within { + --tw-ring-color: var(--light-blue-lightblue, #81c3d7); } - .group:hover .md\:group-hover\:text-purple-50 { - --tw-text-opacity: 1; - color: rgba(245, 243, 255, var(--tw-text-opacity)); + .lg\:focus-within\:ring-LightBlue-lightblue-100:focus-within { + --tw-ring-color: var(--light-blue-lightblue-100, #a7d5e3); } - .group:hover .md\:group-hover\:text-purple-100 { - --tw-text-opacity: 1; - color: rgba(237, 233, 254, var(--tw-text-opacity)); + .lg\:focus-within\:ring-LightBlue-lightblue-200:focus-within { + --tw-ring-color: var(--light-blue-lightblue-200, #c0e1eb); } - .group:hover .md\:group-hover\:text-purple-200 { - --tw-text-opacity: 1; - color: rgba(221, 214, 254, var(--tw-text-opacity)); + .lg\:focus-within\:ring-LightBlue-lightblue-300:focus-within { + --tw-ring-color: var(--light-blue-lightblue-300, #80aebd); } - .group:hover .md\:group-hover\:text-purple-300 { - --tw-text-opacity: 1; - color: rgba(196, 181, 253, var(--tw-text-opacity)); + .lg\:focus-within\:ring-LightBlue-lightblue-400:focus-within { + --tw-ring-color: var(--light-blue-lightblue-400, #80a0ab); } - .group:hover .md\:group-hover\:text-purple-400 { - --tw-text-opacity: 1; - color: rgba(167, 139, 250, var(--tw-text-opacity)); + .lg\:focus-within\:ring-LightBlue-lightblue-500:focus-within { + --tw-ring-color: var(--light-blue-lightblue-500, #74afc1); } - .group:hover .md\:group-hover\:text-purple-500 { - --tw-text-opacity: 1; - color: rgba(139, 92, 246, var(--tw-text-opacity)); + .lg\:focus-within\:ring-LightBlue-lightblue-600:focus-within { + --tw-ring-color: var(--light-blue-lightblue-600, #5a8997); } - .group:hover .md\:group-hover\:text-purple-600 { - --tw-text-opacity: 1; - color: rgba(124, 58, 237, var(--tw-text-opacity)); + .lg\:focus-within\:ring-LightBlue-lightblue-650:focus-within { + --tw-ring-color: var(--light-blue-lightblue-650, #3e5e65); } - .group:hover .md\:group-hover\:text-purple-700 { - --tw-text-opacity: 1; - color: rgba(109, 40, 217, var(--tw-text-opacity)); + .lg\:focus-within\:ring-LightBlue-lightblue-700:focus-within { + --tw-ring-color: var(--light-blue-lightblue-700, #344e56); } - .group:hover .md\:group-hover\:text-purple-800 { - --tw-text-opacity: 1; - color: rgba(91, 33, 182, var(--tw-text-opacity)); + .lg\:focus-within\:ring-Orange-orange:focus-within { + --tw-ring-color: var(--orange-orange, #ff7f0e); } - .group:hover .md\:group-hover\:text-purple-900 { - --tw-text-opacity: 1; - color: rgba(76, 29, 149, var(--tw-text-opacity)); + .lg\:focus-within\:ring-Orange-orange-100:focus-within { + --tw-ring-color: var(--orange-orange-100, #ffa556); } - .group:hover .md\:group-hover\:text-pink-50 { - --tw-text-opacity: 1; - color: rgba(253, 242, 248, var(--tw-text-opacity)); + .lg\:focus-within\:ring-Orange-orange-200:focus-within { + --tw-ring-color: var(--orange-orange-200, #ffbf86); } - .group:hover .md\:group-hover\:text-pink-100 { - --tw-text-opacity: 1; - color: rgba(252, 231, 243, var(--tw-text-opacity)); + .lg\:focus-within\:ring-Orange-orange-300:focus-within { + --tw-ring-color: var(--orange-orange-300, #d97f30); } - .group:hover .md\:group-hover\:text-pink-200 { - --tw-text-opacity: 1; - color: rgba(251, 207, 232, var(--tw-text-opacity)); + .lg\:focus-within\:ring-Orange-orange-400:focus-within { + --tw-ring-color: var(--orange-orange-400, #bf7e46); } - .group:hover .md\:group-hover\:text-pink-300 { - --tw-text-opacity: 1; - color: rgba(249, 168, 212, var(--tw-text-opacity)); + .lg\:focus-within\:ring-Orange-orange-500:focus-within { + --tw-ring-color: var(--orange-orange-500, #e5720d); } - .group:hover .md\:group-hover\:text-pink-400 { - --tw-text-opacity: 1; - color: rgba(244, 114, 182, var(--tw-text-opacity)); + .lg\:focus-within\:ring-Orange-orange-600:focus-within { + --tw-ring-color: var(--orange-orange-600, #b3590a); } - .group:hover .md\:group-hover\:text-pink-500 { - --tw-text-opacity: 1; - color: rgba(236, 72, 153, var(--tw-text-opacity)); + .lg\:focus-within\:ring-Orange-orange-700:focus-within { + --tw-ring-color: var(--orange-orange-700, #663306); } - .group:hover .md\:group-hover\:text-pink-600 { - --tw-text-opacity: 1; - color: rgba(219, 39, 119, var(--tw-text-opacity)); + .lg\:focus-within\:ring-Yellow-yellow:focus-within { + --tw-ring-color: var(--yellow-yellow, #ffab00); } - .group:hover .md\:group-hover\:text-pink-700 { - --tw-text-opacity: 1; - color: rgba(190, 24, 93, var(--tw-text-opacity)); + .lg\:focus-within\:ring-Yellow-yellow-100:focus-within { + --tw-ring-color: var(--yellow-yellow-100, #ffc44c); } - .group:hover .md\:group-hover\:text-pink-800 { - --tw-text-opacity: 1; - color: rgba(157, 23, 77, var(--tw-text-opacity)); + .lg\:focus-within\:ring-Yellow-yellow-200:focus-within { + --tw-ring-color: var(--yellow-yellow-200, #ffd580); } - .group:hover .md\:group-hover\:text-pink-900 { - --tw-text-opacity: 1; - color: rgba(131, 24, 67, var(--tw-text-opacity)); + .lg\:focus-within\:ring-Yellow-yellow-300:focus-within { + --tw-ring-color: var(--yellow-yellow-300, #d99d26); } - .md\:focus-within\:text-transparent:focus-within { - color: transparent; + .lg\:focus-within\:ring-Yellow-yellow-400:focus-within { + --tw-ring-color: var(--yellow-yellow-400, #bf943f); } - .md\:focus-within\:text-current:focus-within { - color: currentColor; + .lg\:focus-within\:ring-Yellow-yellow-500:focus-within { + --tw-ring-color: var(--yellow-yellow-500, #e59a00); } - .md\:focus-within\:text-black:focus-within { - --tw-text-opacity: 1; - color: rgba(0, 0, 0, var(--tw-text-opacity)); + .lg\:focus-within\:ring-Yellow-yellow-600:focus-within { + --tw-ring-color: var(--yellow-yellow-600, #b37800); } - .md\:focus-within\:text-white:focus-within { - --tw-text-opacity: 1; - color: rgba(255, 255, 255, var(--tw-text-opacity)); + .lg\:focus-within\:ring-Yellow-yellow-700:focus-within { + --tw-ring-color: var(--yellow-yellow-700, #664400); } - .md\:focus-within\:text-gray-50:focus-within { - --tw-text-opacity: 1; - color: rgba(249, 250, 251, var(--tw-text-opacity)); + .lg\:focus-within\:ring-Notification-notification:focus-within { + --tw-ring-color: var(--notification-notification, #3959ff); } - .md\:focus-within\:text-gray-100:focus-within { - --tw-text-opacity: 1; - color: rgba(243, 244, 246, var(--tw-text-opacity)); + .lg\:focus-within\:ring-Notification-notification-100:focus-within { + --tw-ring-color: var(--notification-notification-100, #748bff); } - .md\:focus-within\:text-gray-200:focus-within { - --tw-text-opacity: 1; - color: rgba(229, 231, 235, var(--tw-text-opacity)); + .lg\:focus-within\:ring-Notification-notification-200:focus-within { + --tw-ring-color: var(--notification-notification-200, #9cacff); } - .md\:focus-within\:text-gray-300:focus-within { - --tw-text-opacity: 1; - color: rgba(209, 213, 219, var(--tw-text-opacity)); + .lg\:focus-within\:ring-Notification-notification-300:focus-within { + --tw-ring-color: var(--notification-notification-300, #4e64d9); } - .md\:focus-within\:text-gray-400:focus-within { - --tw-text-opacity: 1; - color: rgba(156, 163, 175, var(--tw-text-opacity)); + .lg\:focus-within\:ring-Notification-notification-400:focus-within { + --tw-ring-color: var(--notification-notification-400, #5c6cbf); } - .md\:focus-within\:text-gray-500:focus-within { - --tw-text-opacity: 1; - color: rgba(107, 114, 128, var(--tw-text-opacity)); + .lg\:focus-within\:ring-Notification-notification-500:focus-within { + --tw-ring-color: var(--notification-notification-500, #3350e5); } - .md\:focus-within\:text-gray-600:focus-within { - --tw-text-opacity: 1; - color: rgba(75, 85, 99, var(--tw-text-opacity)); + .lg\:focus-within\:ring-Notification-notification-600:focus-within { + --tw-ring-color: var(--notification-notification-600, #283eb3); } - .md\:focus-within\:text-gray-700:focus-within { - --tw-text-opacity: 1; - color: rgba(55, 65, 81, var(--tw-text-opacity)); + .lg\:focus-within\:ring-Notification-notification-700:focus-within { + --tw-ring-color: var(--notification-notification-700, #172466); } - .md\:focus-within\:text-gray-800:focus-within { - --tw-text-opacity: 1; - color: rgba(31, 41, 55, var(--tw-text-opacity)); + .lg\:focus-within\:ring-Success-success\ -700:focus-within { + --tw-ring-color: var(--success-success-700, #24471f); } - .md\:focus-within\:text-gray-900:focus-within { - --tw-text-opacity: 1; - color: rgba(17, 24, 39, var(--tw-text-opacity)); + .lg\:focus-within\:ring-Success-success:focus-within { + --tw-ring-color: var(--success-success, #5bb14d); } - .md\:focus-within\:text-red-50:focus-within { - --tw-text-opacity: 1; - color: rgba(254, 242, 242, var(--tw-text-opacity)); + .lg\:focus-within\:ring-Success-success\ -100:focus-within { + --tw-ring-color: var(--success-success-100, #8cc882); } - .md\:focus-within\:text-red-100:focus-within { - --tw-text-opacity: 1; - color: rgba(254, 226, 226, var(--tw-text-opacity)); + .lg\:focus-within\:ring-Success-success\ -200:focus-within { + --tw-ring-color: var(--success-success-200, #add8a6); } - .md\:focus-within\:text-red-200:focus-within { - --tw-text-opacity: 1; - color: rgba(254, 202, 202, var(--tw-text-opacity)); + .lg\:focus-within\:ring-Success-success\ -300:focus-within { + --tw-ring-color: var(--success-success-300, #66a25c); } - .md\:focus-within\:text-red-300:focus-within { - --tw-text-opacity: 1; - color: rgba(252, 165, 165, var(--tw-text-opacity)); + .lg\:focus-within\:ring-Success-success\ -400:focus-within { + --tw-ring-color: var(--success-success-400, #6d9766); } - .md\:focus-within\:text-red-400:focus-within { - --tw-text-opacity: 1; - color: rgba(248, 113, 113, var(--tw-text-opacity)); + .lg\:focus-within\:ring-Success-success\ -500:focus-within { + --tw-ring-color: var(--success-success-500, #529f45); } - .md\:focus-within\:text-red-500:focus-within { - --tw-text-opacity: 1; - color: rgba(239, 68, 68, var(--tw-text-opacity)); + .lg\:focus-within\:ring-Success-success\ -600:focus-within { + --tw-ring-color: var(--success-success-600, #407c36); } - .md\:focus-within\:text-red-600:focus-within { - --tw-text-opacity: 1; - color: rgba(220, 38, 38, var(--tw-text-opacity)); + .lg\:focus-within\:ring-Error-error:focus-within { + --tw-ring-color: var(--error-error, #f03d3e); } - .md\:focus-within\:text-red-700:focus-within { - --tw-text-opacity: 1; - color: rgba(185, 28, 28, var(--tw-text-opacity)); + .lg\:focus-within\:ring-Error-error-100:focus-within { + --tw-ring-color: var(--error-error-100, #f57778); } - .md\:focus-within\:text-red-800:focus-within { - --tw-text-opacity: 1; - color: rgba(153, 27, 27, var(--tw-text-opacity)); + .lg\:focus-within\:ring-Error-error-200:focus-within { + --tw-ring-color: var(--error-error-200, #f89e9e); } - .md\:focus-within\:text-red-900:focus-within { - --tw-text-opacity: 1; - color: rgba(127, 29, 29, var(--tw-text-opacity)); + .lg\:focus-within\:ring-Error-error-250:focus-within { + --tw-ring-color: var(--error-error-250, #f9c8c8); } - .md\:focus-within\:text-yellow-50:focus-within { - --tw-text-opacity: 1; - color: rgba(255, 251, 235, var(--tw-text-opacity)); + .lg\:focus-within\:ring-Error-error-300:focus-within { + --tw-ring-color: var(--error-error-300, #ce5151); } - .md\:focus-within\:text-yellow-100:focus-within { - --tw-text-opacity: 1; - color: rgba(254, 243, 199, var(--tw-text-opacity)); + .lg\:focus-within\:ring-Error-error-400:focus-within { + --tw-ring-color: var(--error-error-400, #b85e5e); } - .md\:focus-within\:text-yellow-200:focus-within { - --tw-text-opacity: 1; - color: rgba(253, 230, 138, var(--tw-text-opacity)); + .lg\:focus-within\:ring-Error-error-500:focus-within { + --tw-ring-color: var(--error-error-500, #d83738); } - .md\:focus-within\:text-yellow-300:focus-within { - --tw-text-opacity: 1; - color: rgba(252, 211, 77, var(--tw-text-opacity)); + .lg\:focus-within\:ring-Error-error-600:focus-within { + --tw-ring-color: var(--error-error-600, #a82b2b); } - .md\:focus-within\:text-yellow-400:focus-within { - --tw-text-opacity: 1; - color: rgba(251, 191, 36, var(--tw-text-opacity)); + .lg\:focus-within\:ring-Error-error-700:focus-within { + --tw-ring-color: var(--error-error-700, #601819); } - .md\:focus-within\:text-yellow-500:focus-within { - --tw-text-opacity: 1; - color: rgba(245, 158, 11, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-black:focus { + --tw-ring-color: var(--colors-black, #000000); } - .md\:focus-within\:text-yellow-600:focus-within { - --tw-text-opacity: 1; - color: rgba(217, 119, 6, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-white:focus { + --tw-ring-color: var(--colors-white, #ffffff); } - .md\:focus-within\:text-yellow-700:focus-within { - --tw-text-opacity: 1; - color: rgba(180, 83, 9, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-gray-100:focus { + --tw-ring-color: var(--colors-gray-100, #f7fafc); } - .md\:focus-within\:text-yellow-800:focus-within { - --tw-text-opacity: 1; - color: rgba(146, 64, 14, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-gray-200:focus { + --tw-ring-color: var(--colors-gray-200, #edf2f7); } - .md\:focus-within\:text-yellow-900:focus-within { - --tw-text-opacity: 1; - color: rgba(120, 53, 15, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-gray-300:focus { + --tw-ring-color: var(--colors-gray-300, #e2e8f0); } - .md\:focus-within\:text-green-50:focus-within { - --tw-text-opacity: 1; - color: rgba(236, 253, 245, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-gray-400:focus { + --tw-ring-color: var(--colors-gray-400, #cbd5e0); } - .md\:focus-within\:text-green-100:focus-within { - --tw-text-opacity: 1; - color: rgba(209, 250, 229, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-gray-500:focus { + --tw-ring-color: var(--colors-gray-500, #a0aec0); } - .md\:focus-within\:text-green-200:focus-within { - --tw-text-opacity: 1; - color: rgba(167, 243, 208, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-gray-600:focus { + --tw-ring-color: var(--colors-gray-600, #718096); } - .md\:focus-within\:text-green-300:focus-within { - --tw-text-opacity: 1; - color: rgba(110, 231, 183, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-gray-700:focus { + --tw-ring-color: var(--colors-gray-700, #4a5568); } - .md\:focus-within\:text-green-400:focus-within { - --tw-text-opacity: 1; - color: rgba(52, 211, 153, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-gray-800:focus { + --tw-ring-color: var(--colors-gray-800, #2d3748); } - .md\:focus-within\:text-green-500:focus-within { - --tw-text-opacity: 1; - color: rgba(16, 185, 129, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-gray-900:focus { + --tw-ring-color: var(--colors-gray-900, #1a202c); } - .md\:focus-within\:text-green-600:focus-within { - --tw-text-opacity: 1; - color: rgba(5, 150, 105, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-red-100:focus { + --tw-ring-color: var(--colors-red-100, #fff5f5); } - .md\:focus-within\:text-green-700:focus-within { - --tw-text-opacity: 1; - color: rgba(4, 120, 87, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-red-200:focus { + --tw-ring-color: var(--colors-red-200, #fed7d7); } - .md\:focus-within\:text-green-800:focus-within { - --tw-text-opacity: 1; - color: rgba(6, 95, 70, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-red-300:focus { + --tw-ring-color: var(--colors-red-300, #feb2b2); } - .md\:focus-within\:text-green-900:focus-within { - --tw-text-opacity: 1; - color: rgba(6, 78, 59, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-red-400:focus { + --tw-ring-color: var(--colors-red-400, #fc8181); } - .md\:focus-within\:text-blue-50:focus-within { - --tw-text-opacity: 1; - color: rgba(239, 246, 255, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-red-500:focus { + --tw-ring-color: var(--colors-red-500, #f56565); } - .md\:focus-within\:text-blue-100:focus-within { - --tw-text-opacity: 1; - color: rgba(219, 234, 254, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-red-600:focus { + --tw-ring-color: var(--colors-red-600, #e53e3e); } - .md\:focus-within\:text-blue-200:focus-within { - --tw-text-opacity: 1; - color: rgba(191, 219, 254, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-red-700:focus { + --tw-ring-color: var(--colors-red-700, #c53030); } - .md\:focus-within\:text-blue-300:focus-within { - --tw-text-opacity: 1; - color: rgba(147, 197, 253, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-red-800:focus { + --tw-ring-color: var(--colors-red-800, #9b2c2c); } - .md\:focus-within\:text-blue-400:focus-within { - --tw-text-opacity: 1; - color: rgba(96, 165, 250, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-red-900:focus { + --tw-ring-color: var(--colors-red-900, #742a2a); } - .md\:focus-within\:text-blue-500:focus-within { - --tw-text-opacity: 1; - color: rgba(59, 130, 246, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-orange-100:focus { + --tw-ring-color: var(--colors-orange-100, #fffaf0); } - .md\:focus-within\:text-blue-600:focus-within { - --tw-text-opacity: 1; - color: rgba(37, 99, 235, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-orange-200:focus { + --tw-ring-color: var(--colors-orange-200, #feebc8); } - .md\:focus-within\:text-blue-700:focus-within { - --tw-text-opacity: 1; - color: rgba(29, 78, 216, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-orange-300:focus { + --tw-ring-color: var(--colors-orange-300, #fbd38d); } - .md\:focus-within\:text-blue-800:focus-within { - --tw-text-opacity: 1; - color: rgba(30, 64, 175, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-orange-400:focus { + --tw-ring-color: var(--colors-orange-400, #f6ad55); } - .md\:focus-within\:text-blue-900:focus-within { - --tw-text-opacity: 1; - color: rgba(30, 58, 138, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-orange-500:focus { + --tw-ring-color: var(--colors-orange-500, #ed8936); } - .md\:focus-within\:text-indigo-50:focus-within { - --tw-text-opacity: 1; - color: rgba(238, 242, 255, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-orange-600:focus { + --tw-ring-color: var(--colors-orange-600, #dd6b20); } - .md\:focus-within\:text-indigo-100:focus-within { - --tw-text-opacity: 1; - color: rgba(224, 231, 255, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-orange-700:focus { + --tw-ring-color: var(--colors-orange-700, #c05621); } - .md\:focus-within\:text-indigo-200:focus-within { - --tw-text-opacity: 1; - color: rgba(199, 210, 254, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-orange-800:focus { + --tw-ring-color: var(--colors-orange-800, #9c4221); } - .md\:focus-within\:text-indigo-300:focus-within { - --tw-text-opacity: 1; - color: rgba(165, 180, 252, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-orange-900:focus { + --tw-ring-color: var(--colors-orange-900, #7b341e); } - .md\:focus-within\:text-indigo-400:focus-within { - --tw-text-opacity: 1; - color: rgba(129, 140, 248, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-yellow-100:focus { + --tw-ring-color: var(--colors-yellow-100, #fffff0); } - .md\:focus-within\:text-indigo-500:focus-within { - --tw-text-opacity: 1; - color: rgba(99, 102, 241, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-yellow-200:focus { + --tw-ring-color: var(--colors-yellow-200, #fefcbf); } - .md\:focus-within\:text-indigo-600:focus-within { - --tw-text-opacity: 1; - color: rgba(79, 70, 229, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-yellow-300:focus { + --tw-ring-color: var(--colors-yellow-300, #faf089); } - .md\:focus-within\:text-indigo-700:focus-within { - --tw-text-opacity: 1; - color: rgba(67, 56, 202, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-yellow-400:focus { + --tw-ring-color: var(--colors-yellow-400, #f6e05e); } - .md\:focus-within\:text-indigo-800:focus-within { - --tw-text-opacity: 1; - color: rgba(55, 48, 163, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-yellow-500:focus { + --tw-ring-color: var(--colors-yellow-500, #ecc94b); } - .md\:focus-within\:text-indigo-900:focus-within { - --tw-text-opacity: 1; - color: rgba(49, 46, 129, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-yellow-600:focus { + --tw-ring-color: var(--colors-yellow-600, #d69e2e); } - .md\:focus-within\:text-purple-50:focus-within { - --tw-text-opacity: 1; - color: rgba(245, 243, 255, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-yellow-700:focus { + --tw-ring-color: var(--colors-yellow-700, #b7791f); } - .md\:focus-within\:text-purple-100:focus-within { - --tw-text-opacity: 1; - color: rgba(237, 233, 254, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-yellow-800:focus { + --tw-ring-color: var(--colors-yellow-800, #975a16); } - .md\:focus-within\:text-purple-200:focus-within { - --tw-text-opacity: 1; - color: rgba(221, 214, 254, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-yellow-900:focus { + --tw-ring-color: var(--colors-yellow-900, #744210); } - .md\:focus-within\:text-purple-300:focus-within { - --tw-text-opacity: 1; - color: rgba(196, 181, 253, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-green-100:focus { + --tw-ring-color: var(--colors-green-100, #f0fff4); } - .md\:focus-within\:text-purple-400:focus-within { - --tw-text-opacity: 1; - color: rgba(167, 139, 250, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-green-200:focus { + --tw-ring-color: var(--colors-green-200, #c6f6d5); } - .md\:focus-within\:text-purple-500:focus-within { - --tw-text-opacity: 1; - color: rgba(139, 92, 246, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-green-300:focus { + --tw-ring-color: var(--colors-green-300, #9ae6b4); } - .md\:focus-within\:text-purple-600:focus-within { - --tw-text-opacity: 1; - color: rgba(124, 58, 237, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-green-400:focus { + --tw-ring-color: var(--colors-green-400, #68d391); } - .md\:focus-within\:text-purple-700:focus-within { - --tw-text-opacity: 1; - color: rgba(109, 40, 217, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-green-500:focus { + --tw-ring-color: var(--colors-green-500, #48bb78); } - .md\:focus-within\:text-purple-800:focus-within { - --tw-text-opacity: 1; - color: rgba(91, 33, 182, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-green-600:focus { + --tw-ring-color: var(--colors-green-600, #38a169); } - .md\:focus-within\:text-purple-900:focus-within { - --tw-text-opacity: 1; - color: rgba(76, 29, 149, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-green-700:focus { + --tw-ring-color: var(--colors-green-700, #2f855a); } - .md\:focus-within\:text-pink-50:focus-within { - --tw-text-opacity: 1; - color: rgba(253, 242, 248, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-green-800:focus { + --tw-ring-color: var(--colors-green-800, #276749); } - .md\:focus-within\:text-pink-100:focus-within { - --tw-text-opacity: 1; - color: rgba(252, 231, 243, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-green-900:focus { + --tw-ring-color: var(--colors-green-900, #22543d); } - .md\:focus-within\:text-pink-200:focus-within { - --tw-text-opacity: 1; - color: rgba(251, 207, 232, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-teal-100:focus { + --tw-ring-color: var(--colors-teal-100, #e6fffa); } - .md\:focus-within\:text-pink-300:focus-within { - --tw-text-opacity: 1; - color: rgba(249, 168, 212, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-teal-200:focus { + --tw-ring-color: var(--colors-teal-200, #b2f5ea); } - .md\:focus-within\:text-pink-400:focus-within { - --tw-text-opacity: 1; - color: rgba(244, 114, 182, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-teal-300:focus { + --tw-ring-color: var(--colors-teal-300, #81e6d9); } - .md\:focus-within\:text-pink-500:focus-within { - --tw-text-opacity: 1; - color: rgba(236, 72, 153, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-teal-400:focus { + --tw-ring-color: var(--colors-teal-400, #4fd1c5); } - .md\:focus-within\:text-pink-600:focus-within { - --tw-text-opacity: 1; - color: rgba(219, 39, 119, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-teal-500:focus { + --tw-ring-color: var(--colors-teal-500, #38b2ac); } - .md\:focus-within\:text-pink-700:focus-within { - --tw-text-opacity: 1; - color: rgba(190, 24, 93, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-teal-600:focus { + --tw-ring-color: var(--colors-teal-600, #319795); } - .md\:focus-within\:text-pink-800:focus-within { - --tw-text-opacity: 1; - color: rgba(157, 23, 77, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-teal-700:focus { + --tw-ring-color: var(--colors-teal-700, #2c7a7b); } - .md\:focus-within\:text-pink-900:focus-within { - --tw-text-opacity: 1; - color: rgba(131, 24, 67, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-teal-800:focus { + --tw-ring-color: var(--colors-teal-800, #285e61); } - .md\:hover\:text-transparent:hover { - color: transparent; + .lg\:focus\:ring-colors-teal-900:focus { + --tw-ring-color: var(--colors-teal-900, #234e52); } - .md\:hover\:text-current:hover { - color: currentColor; + .lg\:focus\:ring-colors-blue-100:focus { + --tw-ring-color: var(--colors-blue-100, #ebf8ff); } - .md\:hover\:text-black:hover { - --tw-text-opacity: 1; - color: rgba(0, 0, 0, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-blue-200:focus { + --tw-ring-color: var(--colors-blue-200, #bee3f8); } - .md\:hover\:text-white:hover { - --tw-text-opacity: 1; - color: rgba(255, 255, 255, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-blue-300:focus { + --tw-ring-color: var(--colors-blue-300, #90cdf4); } - .md\:hover\:text-gray-50:hover { - --tw-text-opacity: 1; - color: rgba(249, 250, 251, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-blue-400:focus { + --tw-ring-color: var(--colors-blue-400, #63b3ed); } - .md\:hover\:text-gray-100:hover { - --tw-text-opacity: 1; - color: rgba(243, 244, 246, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-blue-500:focus { + --tw-ring-color: var(--colors-blue-500, #4299e1); } - .md\:hover\:text-gray-200:hover { - --tw-text-opacity: 1; - color: rgba(229, 231, 235, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-blue-600:focus { + --tw-ring-color: var(--colors-blue-600, #3182ce); } - .md\:hover\:text-gray-300:hover { - --tw-text-opacity: 1; - color: rgba(209, 213, 219, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-blue-700:focus { + --tw-ring-color: var(--colors-blue-700, #2b6cb0); } - .md\:hover\:text-gray-400:hover { - --tw-text-opacity: 1; - color: rgba(156, 163, 175, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-blue-800:focus { + --tw-ring-color: var(--colors-blue-800, #2c5282); } - .md\:hover\:text-gray-500:hover { - --tw-text-opacity: 1; - color: rgba(107, 114, 128, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-blue-900:focus { + --tw-ring-color: var(--colors-blue-900, #2a4365); } - .md\:hover\:text-gray-600:hover { - --tw-text-opacity: 1; - color: rgba(75, 85, 99, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-indigo-100:focus { + --tw-ring-color: var(--colors-indigo-100, #ebf4ff); } - .md\:hover\:text-gray-700:hover { - --tw-text-opacity: 1; - color: rgba(55, 65, 81, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-indigo-200:focus { + --tw-ring-color: var(--colors-indigo-200, #c3dafe); } - .md\:hover\:text-gray-800:hover { - --tw-text-opacity: 1; - color: rgba(31, 41, 55, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-indigo-300:focus { + --tw-ring-color: var(--colors-indigo-300, #a3bffa); } - .md\:hover\:text-gray-900:hover { - --tw-text-opacity: 1; - color: rgba(17, 24, 39, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-indigo-400:focus { + --tw-ring-color: var(--colors-indigo-400, #7f9cf5); } - .md\:hover\:text-red-50:hover { - --tw-text-opacity: 1; - color: rgba(254, 242, 242, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-indigo-500:focus { + --tw-ring-color: var(--colors-indigo-500, #667eea); } - .md\:hover\:text-red-100:hover { - --tw-text-opacity: 1; - color: rgba(254, 226, 226, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-indigo-600:focus { + --tw-ring-color: var(--colors-indigo-600, #5a67d8); } - .md\:hover\:text-red-200:hover { - --tw-text-opacity: 1; - color: rgba(254, 202, 202, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-indigo-700:focus { + --tw-ring-color: var(--colors-indigo-700, #4c51bf); } - .md\:hover\:text-red-300:hover { - --tw-text-opacity: 1; - color: rgba(252, 165, 165, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-indigo-800:focus { + --tw-ring-color: var(--colors-indigo-800, #434190); } - .md\:hover\:text-red-400:hover { - --tw-text-opacity: 1; - color: rgba(248, 113, 113, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-indigo-900:focus { + --tw-ring-color: var(--colors-indigo-900, #3c366b); } - .md\:hover\:text-red-500:hover { - --tw-text-opacity: 1; - color: rgba(239, 68, 68, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-purple-100:focus { + --tw-ring-color: var(--colors-purple-100, #faf5ff); } - .md\:hover\:text-red-600:hover { - --tw-text-opacity: 1; - color: rgba(220, 38, 38, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-purple-200:focus { + --tw-ring-color: var(--colors-purple-200, #e9d8fd); } - .md\:hover\:text-red-700:hover { - --tw-text-opacity: 1; - color: rgba(185, 28, 28, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-purple-300:focus { + --tw-ring-color: var(--colors-purple-300, #d6bcfa); } - .md\:hover\:text-red-800:hover { - --tw-text-opacity: 1; - color: rgba(153, 27, 27, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-purple-400:focus { + --tw-ring-color: var(--colors-purple-400, #b794f4); } - .md\:hover\:text-red-900:hover { - --tw-text-opacity: 1; - color: rgba(127, 29, 29, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-purple-500:focus { + --tw-ring-color: var(--colors-purple-500, #9f7aea); } - .md\:hover\:text-yellow-50:hover { - --tw-text-opacity: 1; - color: rgba(255, 251, 235, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-purple-600:focus { + --tw-ring-color: var(--colors-purple-600, #805ad5); } - .md\:hover\:text-yellow-100:hover { - --tw-text-opacity: 1; - color: rgba(254, 243, 199, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-purple-700:focus { + --tw-ring-color: var(--colors-purple-700, #6b46c1); } - .md\:hover\:text-yellow-200:hover { - --tw-text-opacity: 1; - color: rgba(253, 230, 138, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-purple-800:focus { + --tw-ring-color: var(--colors-purple-800, #553c9a); } - .md\:hover\:text-yellow-300:hover { - --tw-text-opacity: 1; - color: rgba(252, 211, 77, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-purple-900:focus { + --tw-ring-color: var(--colors-purple-900, #44337a); } - .md\:hover\:text-yellow-400:hover { - --tw-text-opacity: 1; - color: rgba(251, 191, 36, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-pink-100:focus { + --tw-ring-color: var(--colors-pink-100, #fff5f7); } - .md\:hover\:text-yellow-500:hover { - --tw-text-opacity: 1; - color: rgba(245, 158, 11, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-pink-200:focus { + --tw-ring-color: var(--colors-pink-200, #fed7e2); } - .md\:hover\:text-yellow-600:hover { - --tw-text-opacity: 1; - color: rgba(217, 119, 6, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-pink-300:focus { + --tw-ring-color: var(--colors-pink-300, #fbb6ce); } - .md\:hover\:text-yellow-700:hover { - --tw-text-opacity: 1; - color: rgba(180, 83, 9, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-pink-400:focus { + --tw-ring-color: var(--colors-pink-400, #f687b3); } - .md\:hover\:text-yellow-800:hover { - --tw-text-opacity: 1; - color: rgba(146, 64, 14, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-pink-500:focus { + --tw-ring-color: var(--colors-pink-500, #ed64a6); } - .md\:hover\:text-yellow-900:hover { - --tw-text-opacity: 1; - color: rgba(120, 53, 15, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-pink-600:focus { + --tw-ring-color: var(--colors-pink-600, #d53f8c); } - .md\:hover\:text-green-50:hover { - --tw-text-opacity: 1; - color: rgba(236, 253, 245, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-pink-700:focus { + --tw-ring-color: var(--colors-pink-700, #b83280); } - .md\:hover\:text-green-100:hover { - --tw-text-opacity: 1; - color: rgba(209, 250, 229, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-pink-800:focus { + --tw-ring-color: var(--colors-pink-800, #97266d); } - .md\:hover\:text-green-200:hover { - --tw-text-opacity: 1; - color: rgba(167, 243, 208, var(--tw-text-opacity)); + .lg\:focus\:ring-colors-pink-900:focus { + --tw-ring-color: var(--colors-pink-900, #702459); } - .md\:hover\:text-green-300:hover { - --tw-text-opacity: 1; - color: rgba(110, 231, 183, var(--tw-text-opacity)); + .lg\:focus\:ring-Box\ Shadow:focus { + --tw-ring-color: var(--box-shadow, #7f7e7f); } - .md\:hover\:text-green-400:hover { - --tw-text-opacity: 1; - color: rgba(52, 211, 153, var(--tw-text-opacity)); + .lg\:focus\:ring-Error16:focus { + --tw-ring-color: var(--error16, #f03d3e40); } - .md\:hover\:text-green-500:hover { - --tw-text-opacity: 1; - color: rgba(16, 185, 129, var(--tw-text-opacity)); + .lg\:focus\:ring-Success16:focus { + --tw-ring-color: var(--success16, #5bb14d40); } - .md\:hover\:text-green-600:hover { - --tw-text-opacity: 1; - color: rgba(5, 150, 105, var(--tw-text-opacity)); + .lg\:focus\:ring-Notification16:focus { + --tw-ring-color: var(--notification16, #3959ff40); } - .md\:hover\:text-green-700:hover { - --tw-text-opacity: 1; - color: rgba(4, 120, 87, var(--tw-text-opacity)); + .lg\:focus\:ring-Error8:focus { + --tw-ring-color: var(--error8, #f03d3e1a); } - .md\:hover\:text-green-800:hover { - --tw-text-opacity: 1; - color: rgba(6, 95, 70, var(--tw-text-opacity)); + .lg\:focus\:ring-Notification8:focus { + --tw-ring-color: var(--notification8, #3959ff1a); } - .md\:hover\:text-green-900:hover { - --tw-text-opacity: 1; - color: rgba(6, 78, 59, var(--tw-text-opacity)); + .lg\:focus\:ring-Success8:focus { + --tw-ring-color: var(--success8, #5bb14d1a); } - .md\:hover\:text-blue-50:hover { - --tw-text-opacity: 1; - color: rgba(239, 246, 255, var(--tw-text-opacity)); + .lg\:focus\:ring-Light\ -\ Overlay:focus { + --tw-ring-color: var(--light-overlay, #f0edee66); } - .md\:hover\:text-blue-100:hover { - --tw-text-opacity: 1; - color: rgba(219, 234, 254, var(--tw-text-opacity)); + .lg\:focus\:ring-Dark-\ Overlay:focus { + --tw-ring-color: var(--dark-overlay, #7f7e7f66); } - .md\:hover\:text-blue-200:hover { - --tw-text-opacity: 1; - color: rgba(191, 219, 254, var(--tw-text-opacity)); + .lg\:focus\:ring-black-40:focus { + --tw-ring-color: var(--black-40, #00000066); } - .md\:hover\:text-blue-300:hover { - --tw-text-opacity: 1; - color: rgba(147, 197, 253, var(--tw-text-opacity)); + .lg\:focus\:ring-black-75:focus { + --tw-ring-color: var(--black-75, #000000bf); } - .md\:hover\:text-blue-400:hover { - --tw-text-opacity: 1; - color: rgba(96, 165, 250, var(--tw-text-opacity)); + .lg\:focus\:ring-black-60:focus { + --tw-ring-color: var(--black-60, #00000099); } - .md\:hover\:text-blue-500:hover { - --tw-text-opacity: 1; - color: rgba(59, 130, 246, var(--tw-text-opacity)); + .lg\:focus\:ring-black-50:focus { + --tw-ring-color: var(--black-50, #00000080); } - .md\:hover\:text-blue-600:hover { - --tw-text-opacity: 1; - color: rgba(37, 99, 235, var(--tw-text-opacity)); + .lg\:focus\:ring-black-25:focus { + --tw-ring-color: var(--black-25, #00000040); } - .md\:hover\:text-blue-700:hover { - --tw-text-opacity: 1; - color: rgba(29, 78, 216, var(--tw-text-opacity)); + .lg\:focus\:ring-black-10:focus { + --tw-ring-color: var(--black-10, #0000001a); } - .md\:hover\:text-blue-800:hover { - --tw-text-opacity: 1; - color: rgba(30, 64, 175, var(--tw-text-opacity)); + .lg\:focus\:ring-white-25:focus { + --tw-ring-color: var(--white-25, #ffffff40); } - .md\:hover\:text-blue-900:hover { - --tw-text-opacity: 1; - color: rgba(30, 58, 138, var(--tw-text-opacity)); + .lg\:focus\:ring-white-60:focus { + --tw-ring-color: var(--white-60, #ffffff99); } - .md\:hover\:text-indigo-50:hover { - --tw-text-opacity: 1; - color: rgba(238, 242, 255, var(--tw-text-opacity)); + .lg\:focus\:ring-black-64:focus { + --tw-ring-color: var(--black-64, #000000a3); } - .md\:hover\:text-indigo-100:hover { - --tw-text-opacity: 1; - color: rgba(224, 231, 255, var(--tw-text-opacity)); + .lg\:focus\:ring-Shadow\ and\ Highlight-Shadow:focus { + --tw-ring-color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .md\:hover\:text-indigo-200:hover { - --tw-text-opacity: 1; - color: rgba(199, 210, 254, var(--tw-text-opacity)); + .lg\:focus\:ring-Shadow\ and\ Highlight-Highlight:focus { + --tw-ring-color: var(--shadow-and-highlight-highlight, #474747); } - .md\:hover\:text-indigo-300:hover { - --tw-text-opacity: 1; - color: rgba(165, 180, 252, var(--tw-text-opacity)); + .lg\:focus\:ring-Shadow\ and\ Highlight-highlight\ one:focus { + --tw-ring-color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .md\:hover\:text-indigo-400:hover { - --tw-text-opacity: 1; - color: rgba(129, 140, 248, var(--tw-text-opacity)); + .lg\:focus\:ring-Shadow\ and\ Highlight-highlight\ two:focus { + --tw-ring-color: var(--shadow-and-highlight-highlight-two, #47474799); } - .md\:hover\:text-indigo-500:hover { - --tw-text-opacity: 1; - color: rgba(99, 102, 241, var(--tw-text-opacity)); + .lg\:focus\:ring-Shadow\ and\ Highlight-highlight\ three:focus { + --tw-ring-color: var(--shadow-and-highlight-highlight-three, #47474766); } - .md\:hover\:text-indigo-600:hover { - --tw-text-opacity: 1; - color: rgba(79, 70, 229, var(--tw-text-opacity)); + .lg\:focus\:ring-Shadow\ and\ Highlight-highlight\ five:focus { + --tw-ring-color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .md\:hover\:text-indigo-700:hover { - --tw-text-opacity: 1; - color: rgba(67, 56, 202, var(--tw-text-opacity)); + .lg\:focus\:ring-Shadow\ and\ Highlight-shadow\ one:focus { + --tw-ring-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .md\:hover\:text-indigo-800:hover { - --tw-text-opacity: 1; - color: rgba(55, 48, 163, var(--tw-text-opacity)); + .lg\:focus\:ring-Shadow\ and\ Highlight-shadow\ two:focus { + --tw-ring-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .md\:hover\:text-indigo-900:hover { - --tw-text-opacity: 1; - color: rgba(49, 46, 129, var(--tw-text-opacity)); + .lg\:focus\:ring-Shadow\ and\ Highlight-shadow\ three:focus { + --tw-ring-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .md\:hover\:text-purple-50:hover { - --tw-text-opacity: 1; - color: rgba(245, 243, 255, var(--tw-text-opacity)); + .lg\:focus\:ring-Shadow\ and\ Highlight-shadow\ four:focus { + --tw-ring-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .md\:hover\:text-purple-100:hover { - --tw-text-opacity: 1; - color: rgba(237, 233, 254, var(--tw-text-opacity)); + .lg\:focus\:ring-Shadow\ and\ Highlight-shadow\ five:focus { + --tw-ring-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .md\:hover\:text-purple-200:hover { - --tw-text-opacity: 1; - color: rgba(221, 214, 254, var(--tw-text-opacity)); + .lg\:focus\:ring-Shadow\ and\ Highlight-highlight\ four:focus { + --tw-ring-color: var(--shadow-and-highlight-highlight-four, #47474740); } - .md\:hover\:text-purple-300:hover { - --tw-text-opacity: 1; - color: rgba(196, 181, 253, var(--tw-text-opacity)); + .lg\:focus\:ring-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus { + --tw-ring-color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .md\:hover\:text-purple-400:hover { - --tw-text-opacity: 1; - color: rgba(167, 139, 250, var(--tw-text-opacity)); + .lg\:focus\:ring-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus { + --tw-ring-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .md\:hover\:text-purple-500:hover { - --tw-text-opacity: 1; - color: rgba(139, 92, 246, var(--tw-text-opacity)); + .lg\:focus\:ring-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus { + --tw-ring-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .md\:hover\:text-purple-600:hover { - --tw-text-opacity: 1; - color: rgba(124, 58, 237, var(--tw-text-opacity)); + .lg\:focus\:ring-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus { + --tw-ring-color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .md\:hover\:text-purple-700:hover { - --tw-text-opacity: 1; - color: rgba(109, 40, 217, var(--tw-text-opacity)); + .lg\:focus\:ring-Grey-Scale-white:focus { + --tw-ring-color: var(--grey-scale-white, #ffffff); } - .md\:hover\:text-purple-800:hover { - --tw-text-opacity: 1; - color: rgba(91, 33, 182, var(--tw-text-opacity)); + .lg\:focus\:ring-Grey-Scale-off-white:focus { + --tw-ring-color: var(--grey-scale-off-white, #f0edee); } - .md\:hover\:text-purple-900:hover { - --tw-text-opacity: 1; - color: rgba(76, 29, 149, var(--tw-text-opacity)); + .lg\:focus\:ring-Grey\ Scale-grey:focus { + --tw-ring-color: var(--grey-scale-grey, #7f7e7f); } - .md\:hover\:text-pink-50:hover { - --tw-text-opacity: 1; - color: rgba(253, 242, 248, var(--tw-text-opacity)); + .lg\:focus\:ring-Grey\ Scale-charcoal:focus { + --tw-ring-color: var(--grey-scale-charcoal, #474747); } - .md\:hover\:text-pink-100:hover { - --tw-text-opacity: 1; - color: rgba(252, 231, 243, var(--tw-text-opacity)); + .lg\:focus\:ring-Grey\ Scale-off-black:focus { + --tw-ring-color: var(--grey-scale-off-black, #1c1c1c); } - .md\:hover\:text-pink-200:hover { - --tw-text-opacity: 1; - color: rgba(251, 207, 232, var(--tw-text-opacity)); + .lg\:focus\:ring-Grey\ Scale-black:focus { + --tw-ring-color: var(--grey-scale-black, #000000); } - .md\:hover\:text-pink-300:hover { - --tw-text-opacity: 1; - color: rgba(249, 168, 212, var(--tw-text-opacity)); + .lg\:focus\:ring-Blue-blue:focus { + --tw-ring-color: var(--blue-blue, #3a7ca5); } - .md\:hover\:text-pink-400:hover { - --tw-text-opacity: 1; - color: rgba(244, 114, 182, var(--tw-text-opacity)); + .lg\:focus\:ring-Blue-blue-100:focus { + --tw-ring-color: var(--blue-blue-100, #75a3c0); } - .md\:hover\:text-pink-500:hover { - --tw-text-opacity: 1; - color: rgba(236, 72, 153, var(--tw-text-opacity)); + .lg\:focus\:ring-Blue-blue-200:focus { + --tw-ring-color: var(--blue-blue-200, #9cbed2); } - .md\:hover\:text-pink-600:hover { - --tw-text-opacity: 1; - color: rgba(219, 39, 119, var(--tw-text-opacity)); + .lg\:focus\:ring-Blue-blue-300:focus { + --tw-ring-color: var(--blue-blue-300, #4f7d9a); } - .md\:hover\:text-pink-700:hover { - --tw-text-opacity: 1; - color: rgba(190, 24, 93, var(--tw-text-opacity)); + .lg\:focus\:ring-Blue-blue-400:focus { + --tw-ring-color: var(--blue-blue-400, #5c7d92); } - .md\:hover\:text-pink-800:hover { - --tw-text-opacity: 1; - color: rgba(157, 23, 77, var(--tw-text-opacity)); + .lg\:focus\:ring-Blue-blue-500:focus { + --tw-ring-color: var(--blue-blue-500, #347095); } - .md\:hover\:text-pink-900:hover { - --tw-text-opacity: 1; - color: rgba(131, 24, 67, var(--tw-text-opacity)); + .lg\:focus\:ring-Blue-blue-600:focus { + --tw-ring-color: var(--blue-blue-600, #295774); } - .md\:focus\:text-transparent:focus { - color: transparent; + .lg\:focus\:ring-Blue-blue-700:focus { + --tw-ring-color: var(--blue-blue-700, #173242); } - .md\:focus\:text-current:focus { - color: currentColor; + .lg\:focus\:ring-LightBlue-lightblue:focus { + --tw-ring-color: var(--light-blue-lightblue, #81c3d7); } - .md\:focus\:text-black:focus { - --tw-text-opacity: 1; - color: rgba(0, 0, 0, var(--tw-text-opacity)); + .lg\:focus\:ring-LightBlue-lightblue-100:focus { + --tw-ring-color: var(--light-blue-lightblue-100, #a7d5e3); } - .md\:focus\:text-white:focus { - --tw-text-opacity: 1; - color: rgba(255, 255, 255, var(--tw-text-opacity)); + .lg\:focus\:ring-LightBlue-lightblue-200:focus { + --tw-ring-color: var(--light-blue-lightblue-200, #c0e1eb); } - .md\:focus\:text-gray-50:focus { - --tw-text-opacity: 1; - color: rgba(249, 250, 251, var(--tw-text-opacity)); + .lg\:focus\:ring-LightBlue-lightblue-300:focus { + --tw-ring-color: var(--light-blue-lightblue-300, #80aebd); } - .md\:focus\:text-gray-100:focus { - --tw-text-opacity: 1; - color: rgba(243, 244, 246, var(--tw-text-opacity)); + .lg\:focus\:ring-LightBlue-lightblue-400:focus { + --tw-ring-color: var(--light-blue-lightblue-400, #80a0ab); } - .md\:focus\:text-gray-200:focus { - --tw-text-opacity: 1; - color: rgba(229, 231, 235, var(--tw-text-opacity)); + .lg\:focus\:ring-LightBlue-lightblue-500:focus { + --tw-ring-color: var(--light-blue-lightblue-500, #74afc1); } - .md\:focus\:text-gray-300:focus { - --tw-text-opacity: 1; - color: rgba(209, 213, 219, var(--tw-text-opacity)); + .lg\:focus\:ring-LightBlue-lightblue-600:focus { + --tw-ring-color: var(--light-blue-lightblue-600, #5a8997); } - .md\:focus\:text-gray-400:focus { - --tw-text-opacity: 1; - color: rgba(156, 163, 175, var(--tw-text-opacity)); + .lg\:focus\:ring-LightBlue-lightblue-650:focus { + --tw-ring-color: var(--light-blue-lightblue-650, #3e5e65); } - .md\:focus\:text-gray-500:focus { - --tw-text-opacity: 1; - color: rgba(107, 114, 128, var(--tw-text-opacity)); + .lg\:focus\:ring-LightBlue-lightblue-700:focus { + --tw-ring-color: var(--light-blue-lightblue-700, #344e56); } - .md\:focus\:text-gray-600:focus { - --tw-text-opacity: 1; - color: rgba(75, 85, 99, var(--tw-text-opacity)); + .lg\:focus\:ring-Orange-orange:focus { + --tw-ring-color: var(--orange-orange, #ff7f0e); } - .md\:focus\:text-gray-700:focus { - --tw-text-opacity: 1; - color: rgba(55, 65, 81, var(--tw-text-opacity)); + .lg\:focus\:ring-Orange-orange-100:focus { + --tw-ring-color: var(--orange-orange-100, #ffa556); } - .md\:focus\:text-gray-800:focus { - --tw-text-opacity: 1; - color: rgba(31, 41, 55, var(--tw-text-opacity)); + .lg\:focus\:ring-Orange-orange-200:focus { + --tw-ring-color: var(--orange-orange-200, #ffbf86); } - .md\:focus\:text-gray-900:focus { - --tw-text-opacity: 1; - color: rgba(17, 24, 39, var(--tw-text-opacity)); + .lg\:focus\:ring-Orange-orange-300:focus { + --tw-ring-color: var(--orange-orange-300, #d97f30); } - .md\:focus\:text-red-50:focus { - --tw-text-opacity: 1; - color: rgba(254, 242, 242, var(--tw-text-opacity)); + .lg\:focus\:ring-Orange-orange-400:focus { + --tw-ring-color: var(--orange-orange-400, #bf7e46); } - .md\:focus\:text-red-100:focus { - --tw-text-opacity: 1; - color: rgba(254, 226, 226, var(--tw-text-opacity)); + .lg\:focus\:ring-Orange-orange-500:focus { + --tw-ring-color: var(--orange-orange-500, #e5720d); } - .md\:focus\:text-red-200:focus { - --tw-text-opacity: 1; - color: rgba(254, 202, 202, var(--tw-text-opacity)); + .lg\:focus\:ring-Orange-orange-600:focus { + --tw-ring-color: var(--orange-orange-600, #b3590a); } - .md\:focus\:text-red-300:focus { - --tw-text-opacity: 1; - color: rgba(252, 165, 165, var(--tw-text-opacity)); + .lg\:focus\:ring-Orange-orange-700:focus { + --tw-ring-color: var(--orange-orange-700, #663306); } - .md\:focus\:text-red-400:focus { - --tw-text-opacity: 1; - color: rgba(248, 113, 113, var(--tw-text-opacity)); + .lg\:focus\:ring-Yellow-yellow:focus { + --tw-ring-color: var(--yellow-yellow, #ffab00); } - .md\:focus\:text-red-500:focus { - --tw-text-opacity: 1; - color: rgba(239, 68, 68, var(--tw-text-opacity)); + .lg\:focus\:ring-Yellow-yellow-100:focus { + --tw-ring-color: var(--yellow-yellow-100, #ffc44c); } - .md\:focus\:text-red-600:focus { - --tw-text-opacity: 1; - color: rgba(220, 38, 38, var(--tw-text-opacity)); + .lg\:focus\:ring-Yellow-yellow-200:focus { + --tw-ring-color: var(--yellow-yellow-200, #ffd580); } - .md\:focus\:text-red-700:focus { - --tw-text-opacity: 1; - color: rgba(185, 28, 28, var(--tw-text-opacity)); + .lg\:focus\:ring-Yellow-yellow-300:focus { + --tw-ring-color: var(--yellow-yellow-300, #d99d26); } - .md\:focus\:text-red-800:focus { - --tw-text-opacity: 1; - color: rgba(153, 27, 27, var(--tw-text-opacity)); + .lg\:focus\:ring-Yellow-yellow-400:focus { + --tw-ring-color: var(--yellow-yellow-400, #bf943f); } - .md\:focus\:text-red-900:focus { - --tw-text-opacity: 1; - color: rgba(127, 29, 29, var(--tw-text-opacity)); + .lg\:focus\:ring-Yellow-yellow-500:focus { + --tw-ring-color: var(--yellow-yellow-500, #e59a00); } - .md\:focus\:text-yellow-50:focus { - --tw-text-opacity: 1; - color: rgba(255, 251, 235, var(--tw-text-opacity)); + .lg\:focus\:ring-Yellow-yellow-600:focus { + --tw-ring-color: var(--yellow-yellow-600, #b37800); } - .md\:focus\:text-yellow-100:focus { - --tw-text-opacity: 1; - color: rgba(254, 243, 199, var(--tw-text-opacity)); + .lg\:focus\:ring-Yellow-yellow-700:focus { + --tw-ring-color: var(--yellow-yellow-700, #664400); } - .md\:focus\:text-yellow-200:focus { - --tw-text-opacity: 1; - color: rgba(253, 230, 138, var(--tw-text-opacity)); + .lg\:focus\:ring-Notification-notification:focus { + --tw-ring-color: var(--notification-notification, #3959ff); } - .md\:focus\:text-yellow-300:focus { - --tw-text-opacity: 1; - color: rgba(252, 211, 77, var(--tw-text-opacity)); + .lg\:focus\:ring-Notification-notification-100:focus { + --tw-ring-color: var(--notification-notification-100, #748bff); } - .md\:focus\:text-yellow-400:focus { - --tw-text-opacity: 1; - color: rgba(251, 191, 36, var(--tw-text-opacity)); + .lg\:focus\:ring-Notification-notification-200:focus { + --tw-ring-color: var(--notification-notification-200, #9cacff); } - .md\:focus\:text-yellow-500:focus { - --tw-text-opacity: 1; - color: rgba(245, 158, 11, var(--tw-text-opacity)); + .lg\:focus\:ring-Notification-notification-300:focus { + --tw-ring-color: var(--notification-notification-300, #4e64d9); } - .md\:focus\:text-yellow-600:focus { - --tw-text-opacity: 1; - color: rgba(217, 119, 6, var(--tw-text-opacity)); + .lg\:focus\:ring-Notification-notification-400:focus { + --tw-ring-color: var(--notification-notification-400, #5c6cbf); } - .md\:focus\:text-yellow-700:focus { - --tw-text-opacity: 1; - color: rgba(180, 83, 9, var(--tw-text-opacity)); + .lg\:focus\:ring-Notification-notification-500:focus { + --tw-ring-color: var(--notification-notification-500, #3350e5); } - .md\:focus\:text-yellow-800:focus { - --tw-text-opacity: 1; - color: rgba(146, 64, 14, var(--tw-text-opacity)); + .lg\:focus\:ring-Notification-notification-600:focus { + --tw-ring-color: var(--notification-notification-600, #283eb3); } - .md\:focus\:text-yellow-900:focus { - --tw-text-opacity: 1; - color: rgba(120, 53, 15, var(--tw-text-opacity)); + .lg\:focus\:ring-Notification-notification-700:focus { + --tw-ring-color: var(--notification-notification-700, #172466); } - .md\:focus\:text-green-50:focus { - --tw-text-opacity: 1; - color: rgba(236, 253, 245, var(--tw-text-opacity)); + .lg\:focus\:ring-Success-success\ -700:focus { + --tw-ring-color: var(--success-success-700, #24471f); } - .md\:focus\:text-green-100:focus { - --tw-text-opacity: 1; - color: rgba(209, 250, 229, var(--tw-text-opacity)); + .lg\:focus\:ring-Success-success:focus { + --tw-ring-color: var(--success-success, #5bb14d); } - .md\:focus\:text-green-200:focus { - --tw-text-opacity: 1; - color: rgba(167, 243, 208, var(--tw-text-opacity)); + .lg\:focus\:ring-Success-success\ -100:focus { + --tw-ring-color: var(--success-success-100, #8cc882); } - .md\:focus\:text-green-300:focus { - --tw-text-opacity: 1; - color: rgba(110, 231, 183, var(--tw-text-opacity)); + .lg\:focus\:ring-Success-success\ -200:focus { + --tw-ring-color: var(--success-success-200, #add8a6); } - .md\:focus\:text-green-400:focus { - --tw-text-opacity: 1; - color: rgba(52, 211, 153, var(--tw-text-opacity)); + .lg\:focus\:ring-Success-success\ -300:focus { + --tw-ring-color: var(--success-success-300, #66a25c); } - .md\:focus\:text-green-500:focus { - --tw-text-opacity: 1; - color: rgba(16, 185, 129, var(--tw-text-opacity)); + .lg\:focus\:ring-Success-success\ -400:focus { + --tw-ring-color: var(--success-success-400, #6d9766); } - .md\:focus\:text-green-600:focus { - --tw-text-opacity: 1; - color: rgba(5, 150, 105, var(--tw-text-opacity)); + .lg\:focus\:ring-Success-success\ -500:focus { + --tw-ring-color: var(--success-success-500, #529f45); } - .md\:focus\:text-green-700:focus { - --tw-text-opacity: 1; - color: rgba(4, 120, 87, var(--tw-text-opacity)); + .lg\:focus\:ring-Success-success\ -600:focus { + --tw-ring-color: var(--success-success-600, #407c36); } - .md\:focus\:text-green-800:focus { - --tw-text-opacity: 1; - color: rgba(6, 95, 70, var(--tw-text-opacity)); + .lg\:focus\:ring-Error-error:focus { + --tw-ring-color: var(--error-error, #f03d3e); } - .md\:focus\:text-green-900:focus { - --tw-text-opacity: 1; - color: rgba(6, 78, 59, var(--tw-text-opacity)); + .lg\:focus\:ring-Error-error-100:focus { + --tw-ring-color: var(--error-error-100, #f57778); } - .md\:focus\:text-blue-50:focus { - --tw-text-opacity: 1; - color: rgba(239, 246, 255, var(--tw-text-opacity)); + .lg\:focus\:ring-Error-error-200:focus { + --tw-ring-color: var(--error-error-200, #f89e9e); } - .md\:focus\:text-blue-100:focus { - --tw-text-opacity: 1; - color: rgba(219, 234, 254, var(--tw-text-opacity)); + .lg\:focus\:ring-Error-error-250:focus { + --tw-ring-color: var(--error-error-250, #f9c8c8); } - .md\:focus\:text-blue-200:focus { - --tw-text-opacity: 1; - color: rgba(191, 219, 254, var(--tw-text-opacity)); + .lg\:focus\:ring-Error-error-300:focus { + --tw-ring-color: var(--error-error-300, #ce5151); } - .md\:focus\:text-blue-300:focus { - --tw-text-opacity: 1; - color: rgba(147, 197, 253, var(--tw-text-opacity)); + .lg\:focus\:ring-Error-error-400:focus { + --tw-ring-color: var(--error-error-400, #b85e5e); } - .md\:focus\:text-blue-400:focus { - --tw-text-opacity: 1; - color: rgba(96, 165, 250, var(--tw-text-opacity)); + .lg\:focus\:ring-Error-error-500:focus { + --tw-ring-color: var(--error-error-500, #d83738); } - .md\:focus\:text-blue-500:focus { - --tw-text-opacity: 1; - color: rgba(59, 130, 246, var(--tw-text-opacity)); + .lg\:focus\:ring-Error-error-600:focus { + --tw-ring-color: var(--error-error-600, #a82b2b); } - .md\:focus\:text-blue-600:focus { - --tw-text-opacity: 1; - color: rgba(37, 99, 235, var(--tw-text-opacity)); + .lg\:focus\:ring-Error-error-700:focus { + --tw-ring-color: var(--error-error-700, #601819); } - .md\:focus\:text-blue-700:focus { - --tw-text-opacity: 1; - color: rgba(29, 78, 216, var(--tw-text-opacity)); + .lg\:ring-opacity-0 { + --tw-ring-opacity: 0; } - .md\:focus\:text-blue-800:focus { - --tw-text-opacity: 1; - color: rgba(30, 64, 175, var(--tw-text-opacity)); + .lg\:ring-opacity-5 { + --tw-ring-opacity: 0.05; } - .md\:focus\:text-blue-900:focus { - --tw-text-opacity: 1; - color: rgba(30, 58, 138, var(--tw-text-opacity)); + .lg\:ring-opacity-10 { + --tw-ring-opacity: 0.1; } - .md\:focus\:text-indigo-50:focus { - --tw-text-opacity: 1; - color: rgba(238, 242, 255, var(--tw-text-opacity)); + .lg\:ring-opacity-20 { + --tw-ring-opacity: 0.2; } - .md\:focus\:text-indigo-100:focus { - --tw-text-opacity: 1; - color: rgba(224, 231, 255, var(--tw-text-opacity)); + .lg\:ring-opacity-25 { + --tw-ring-opacity: 0.25; } - .md\:focus\:text-indigo-200:focus { - --tw-text-opacity: 1; - color: rgba(199, 210, 254, var(--tw-text-opacity)); + .lg\:ring-opacity-30 { + --tw-ring-opacity: 0.3; } - .md\:focus\:text-indigo-300:focus { - --tw-text-opacity: 1; - color: rgba(165, 180, 252, var(--tw-text-opacity)); + .lg\:ring-opacity-40 { + --tw-ring-opacity: 0.4; } - .md\:focus\:text-indigo-400:focus { - --tw-text-opacity: 1; - color: rgba(129, 140, 248, var(--tw-text-opacity)); + .lg\:ring-opacity-50 { + --tw-ring-opacity: 0.5; } - .md\:focus\:text-indigo-500:focus { - --tw-text-opacity: 1; - color: rgba(99, 102, 241, var(--tw-text-opacity)); + .lg\:ring-opacity-60 { + --tw-ring-opacity: 0.6; } - .md\:focus\:text-indigo-600:focus { - --tw-text-opacity: 1; - color: rgba(79, 70, 229, var(--tw-text-opacity)); + .lg\:ring-opacity-70 { + --tw-ring-opacity: 0.7; } - .md\:focus\:text-indigo-700:focus { - --tw-text-opacity: 1; - color: rgba(67, 56, 202, var(--tw-text-opacity)); + .lg\:ring-opacity-75 { + --tw-ring-opacity: 0.75; } - .md\:focus\:text-indigo-800:focus { - --tw-text-opacity: 1; - color: rgba(55, 48, 163, var(--tw-text-opacity)); + .lg\:ring-opacity-80 { + --tw-ring-opacity: 0.8; } - .md\:focus\:text-indigo-900:focus { - --tw-text-opacity: 1; - color: rgba(49, 46, 129, var(--tw-text-opacity)); + .lg\:ring-opacity-90 { + --tw-ring-opacity: 0.9; } - .md\:focus\:text-purple-50:focus { - --tw-text-opacity: 1; - color: rgba(245, 243, 255, var(--tw-text-opacity)); + .lg\:ring-opacity-95 { + --tw-ring-opacity: 0.95; } - .md\:focus\:text-purple-100:focus { - --tw-text-opacity: 1; - color: rgba(237, 233, 254, var(--tw-text-opacity)); + .lg\:ring-opacity-100 { + --tw-ring-opacity: 1; } - .md\:focus\:text-purple-200:focus { - --tw-text-opacity: 1; - color: rgba(221, 214, 254, var(--tw-text-opacity)); + .lg\:focus-within\:ring-opacity-0:focus-within { + --tw-ring-opacity: 0; } - .md\:focus\:text-purple-300:focus { - --tw-text-opacity: 1; - color: rgba(196, 181, 253, var(--tw-text-opacity)); + .lg\:focus-within\:ring-opacity-5:focus-within { + --tw-ring-opacity: 0.05; } - .md\:focus\:text-purple-400:focus { - --tw-text-opacity: 1; - color: rgba(167, 139, 250, var(--tw-text-opacity)); + .lg\:focus-within\:ring-opacity-10:focus-within { + --tw-ring-opacity: 0.1; } - .md\:focus\:text-purple-500:focus { - --tw-text-opacity: 1; - color: rgba(139, 92, 246, var(--tw-text-opacity)); + .lg\:focus-within\:ring-opacity-20:focus-within { + --tw-ring-opacity: 0.2; } - .md\:focus\:text-purple-600:focus { - --tw-text-opacity: 1; - color: rgba(124, 58, 237, var(--tw-text-opacity)); + .lg\:focus-within\:ring-opacity-25:focus-within { + --tw-ring-opacity: 0.25; } - .md\:focus\:text-purple-700:focus { - --tw-text-opacity: 1; - color: rgba(109, 40, 217, var(--tw-text-opacity)); + .lg\:focus-within\:ring-opacity-30:focus-within { + --tw-ring-opacity: 0.3; } - .md\:focus\:text-purple-800:focus { - --tw-text-opacity: 1; - color: rgba(91, 33, 182, var(--tw-text-opacity)); + .lg\:focus-within\:ring-opacity-40:focus-within { + --tw-ring-opacity: 0.4; } - .md\:focus\:text-purple-900:focus { - --tw-text-opacity: 1; - color: rgba(76, 29, 149, var(--tw-text-opacity)); + .lg\:focus-within\:ring-opacity-50:focus-within { + --tw-ring-opacity: 0.5; } - .md\:focus\:text-pink-50:focus { - --tw-text-opacity: 1; - color: rgba(253, 242, 248, var(--tw-text-opacity)); + .lg\:focus-within\:ring-opacity-60:focus-within { + --tw-ring-opacity: 0.6; } - .md\:focus\:text-pink-100:focus { - --tw-text-opacity: 1; - color: rgba(252, 231, 243, var(--tw-text-opacity)); + .lg\:focus-within\:ring-opacity-70:focus-within { + --tw-ring-opacity: 0.7; } - .md\:focus\:text-pink-200:focus { - --tw-text-opacity: 1; - color: rgba(251, 207, 232, var(--tw-text-opacity)); + .lg\:focus-within\:ring-opacity-75:focus-within { + --tw-ring-opacity: 0.75; } - .md\:focus\:text-pink-300:focus { - --tw-text-opacity: 1; - color: rgba(249, 168, 212, var(--tw-text-opacity)); + .lg\:focus-within\:ring-opacity-80:focus-within { + --tw-ring-opacity: 0.8; } - .md\:focus\:text-pink-400:focus { - --tw-text-opacity: 1; - color: rgba(244, 114, 182, var(--tw-text-opacity)); + .lg\:focus-within\:ring-opacity-90:focus-within { + --tw-ring-opacity: 0.9; } - .md\:focus\:text-pink-500:focus { - --tw-text-opacity: 1; - color: rgba(236, 72, 153, var(--tw-text-opacity)); + .lg\:focus-within\:ring-opacity-95:focus-within { + --tw-ring-opacity: 0.95; } - .md\:focus\:text-pink-600:focus { - --tw-text-opacity: 1; - color: rgba(219, 39, 119, var(--tw-text-opacity)); + .lg\:focus-within\:ring-opacity-100:focus-within { + --tw-ring-opacity: 1; } - .md\:focus\:text-pink-700:focus { - --tw-text-opacity: 1; - color: rgba(190, 24, 93, var(--tw-text-opacity)); + .lg\:focus\:ring-opacity-0:focus { + --tw-ring-opacity: 0; } - .md\:focus\:text-pink-800:focus { - --tw-text-opacity: 1; - color: rgba(157, 23, 77, var(--tw-text-opacity)); + .lg\:focus\:ring-opacity-5:focus { + --tw-ring-opacity: 0.05; } - .md\:focus\:text-pink-900:focus { - --tw-text-opacity: 1; - color: rgba(131, 24, 67, var(--tw-text-opacity)); + .lg\:focus\:ring-opacity-10:focus { + --tw-ring-opacity: 0.1; } - .md\:text-opacity-0 { - --tw-text-opacity: 0; + .lg\:focus\:ring-opacity-20:focus { + --tw-ring-opacity: 0.2; } - .md\:text-opacity-5 { - --tw-text-opacity: 0.05; + .lg\:focus\:ring-opacity-25:focus { + --tw-ring-opacity: 0.25; } - .md\:text-opacity-10 { - --tw-text-opacity: 0.1; + .lg\:focus\:ring-opacity-30:focus { + --tw-ring-opacity: 0.3; } - .md\:text-opacity-20 { - --tw-text-opacity: 0.2; + .lg\:focus\:ring-opacity-40:focus { + --tw-ring-opacity: 0.4; } - .md\:text-opacity-25 { - --tw-text-opacity: 0.25; + .lg\:focus\:ring-opacity-50:focus { + --tw-ring-opacity: 0.5; } - .md\:text-opacity-30 { - --tw-text-opacity: 0.3; + .lg\:focus\:ring-opacity-60:focus { + --tw-ring-opacity: 0.6; } - .md\:text-opacity-40 { - --tw-text-opacity: 0.4; + .lg\:focus\:ring-opacity-70:focus { + --tw-ring-opacity: 0.7; } - .md\:text-opacity-50 { - --tw-text-opacity: 0.5; + .lg\:focus\:ring-opacity-75:focus { + --tw-ring-opacity: 0.75; } - .md\:text-opacity-60 { - --tw-text-opacity: 0.6; + .lg\:focus\:ring-opacity-80:focus { + --tw-ring-opacity: 0.8; } - .md\:text-opacity-70 { - --tw-text-opacity: 0.7; + .lg\:focus\:ring-opacity-90:focus { + --tw-ring-opacity: 0.9; } - .md\:text-opacity-75 { - --tw-text-opacity: 0.75; + .lg\:focus\:ring-opacity-95:focus { + --tw-ring-opacity: 0.95; } - .md\:text-opacity-80 { - --tw-text-opacity: 0.8; + .lg\:focus\:ring-opacity-100:focus { + --tw-ring-opacity: 1; } - .md\:text-opacity-90 { - --tw-text-opacity: 0.9; + .lg\:ring-offset-0 { + --tw-ring-offset-width: 0px; } - .md\:text-opacity-95 { - --tw-text-opacity: 0.95; + .lg\:ring-offset-1 { + --tw-ring-offset-width: 1px; } - .md\:text-opacity-100 { - --tw-text-opacity: 1; + .lg\:ring-offset-2 { + --tw-ring-offset-width: 2px; } - .group:hover .md\:group-hover\:text-opacity-0 { - --tw-text-opacity: 0; + .lg\:ring-offset-4 { + --tw-ring-offset-width: 4px; } - .group:hover .md\:group-hover\:text-opacity-5 { - --tw-text-opacity: 0.05; + .lg\:ring-offset-8 { + --tw-ring-offset-width: 8px; } - .group:hover .md\:group-hover\:text-opacity-10 { - --tw-text-opacity: 0.1; + .lg\:focus-within\:ring-offset-0:focus-within { + --tw-ring-offset-width: 0px; } - .group:hover .md\:group-hover\:text-opacity-20 { - --tw-text-opacity: 0.2; + .lg\:focus-within\:ring-offset-1:focus-within { + --tw-ring-offset-width: 1px; } - .group:hover .md\:group-hover\:text-opacity-25 { - --tw-text-opacity: 0.25; + .lg\:focus-within\:ring-offset-2:focus-within { + --tw-ring-offset-width: 2px; } - .group:hover .md\:group-hover\:text-opacity-30 { - --tw-text-opacity: 0.3; + .lg\:focus-within\:ring-offset-4:focus-within { + --tw-ring-offset-width: 4px; } - .group:hover .md\:group-hover\:text-opacity-40 { - --tw-text-opacity: 0.4; + .lg\:focus-within\:ring-offset-8:focus-within { + --tw-ring-offset-width: 8px; } - .group:hover .md\:group-hover\:text-opacity-50 { - --tw-text-opacity: 0.5; + .lg\:focus\:ring-offset-0:focus { + --tw-ring-offset-width: 0px; } - .group:hover .md\:group-hover\:text-opacity-60 { - --tw-text-opacity: 0.6; + .lg\:focus\:ring-offset-1:focus { + --tw-ring-offset-width: 1px; } - .group:hover .md\:group-hover\:text-opacity-70 { - --tw-text-opacity: 0.7; + .lg\:focus\:ring-offset-2:focus { + --tw-ring-offset-width: 2px; } - .group:hover .md\:group-hover\:text-opacity-75 { - --tw-text-opacity: 0.75; + .lg\:focus\:ring-offset-4:focus { + --tw-ring-offset-width: 4px; } - .group:hover .md\:group-hover\:text-opacity-80 { - --tw-text-opacity: 0.8; + .lg\:focus\:ring-offset-8:focus { + --tw-ring-offset-width: 8px; } - .group:hover .md\:group-hover\:text-opacity-90 { - --tw-text-opacity: 0.9; + .lg\:ring-offset-colors-black { + --tw-ring-offset-color: var(--colors-black, #000000); } - .group:hover .md\:group-hover\:text-opacity-95 { - --tw-text-opacity: 0.95; + .lg\:ring-offset-colors-white { + --tw-ring-offset-color: var(--colors-white, #ffffff); } - .group:hover .md\:group-hover\:text-opacity-100 { - --tw-text-opacity: 1; + .lg\:ring-offset-colors-gray-100 { + --tw-ring-offset-color: var(--colors-gray-100, #f7fafc); } - .md\:focus-within\:text-opacity-0:focus-within { - --tw-text-opacity: 0; + .lg\:ring-offset-colors-gray-200 { + --tw-ring-offset-color: var(--colors-gray-200, #edf2f7); } - .md\:focus-within\:text-opacity-5:focus-within { - --tw-text-opacity: 0.05; + .lg\:ring-offset-colors-gray-300 { + --tw-ring-offset-color: var(--colors-gray-300, #e2e8f0); } - .md\:focus-within\:text-opacity-10:focus-within { - --tw-text-opacity: 0.1; + .lg\:ring-offset-colors-gray-400 { + --tw-ring-offset-color: var(--colors-gray-400, #cbd5e0); } - .md\:focus-within\:text-opacity-20:focus-within { - --tw-text-opacity: 0.2; + .lg\:ring-offset-colors-gray-500 { + --tw-ring-offset-color: var(--colors-gray-500, #a0aec0); } - .md\:focus-within\:text-opacity-25:focus-within { - --tw-text-opacity: 0.25; + .lg\:ring-offset-colors-gray-600 { + --tw-ring-offset-color: var(--colors-gray-600, #718096); } - .md\:focus-within\:text-opacity-30:focus-within { - --tw-text-opacity: 0.3; + .lg\:ring-offset-colors-gray-700 { + --tw-ring-offset-color: var(--colors-gray-700, #4a5568); } - .md\:focus-within\:text-opacity-40:focus-within { - --tw-text-opacity: 0.4; + .lg\:ring-offset-colors-gray-800 { + --tw-ring-offset-color: var(--colors-gray-800, #2d3748); } - .md\:focus-within\:text-opacity-50:focus-within { - --tw-text-opacity: 0.5; + .lg\:ring-offset-colors-gray-900 { + --tw-ring-offset-color: var(--colors-gray-900, #1a202c); } - .md\:focus-within\:text-opacity-60:focus-within { - --tw-text-opacity: 0.6; + .lg\:ring-offset-colors-red-100 { + --tw-ring-offset-color: var(--colors-red-100, #fff5f5); } - .md\:focus-within\:text-opacity-70:focus-within { - --tw-text-opacity: 0.7; + .lg\:ring-offset-colors-red-200 { + --tw-ring-offset-color: var(--colors-red-200, #fed7d7); } - .md\:focus-within\:text-opacity-75:focus-within { - --tw-text-opacity: 0.75; + .lg\:ring-offset-colors-red-300 { + --tw-ring-offset-color: var(--colors-red-300, #feb2b2); } - .md\:focus-within\:text-opacity-80:focus-within { - --tw-text-opacity: 0.8; + .lg\:ring-offset-colors-red-400 { + --tw-ring-offset-color: var(--colors-red-400, #fc8181); } - .md\:focus-within\:text-opacity-90:focus-within { - --tw-text-opacity: 0.9; + .lg\:ring-offset-colors-red-500 { + --tw-ring-offset-color: var(--colors-red-500, #f56565); } - .md\:focus-within\:text-opacity-95:focus-within { - --tw-text-opacity: 0.95; + .lg\:ring-offset-colors-red-600 { + --tw-ring-offset-color: var(--colors-red-600, #e53e3e); } - .md\:focus-within\:text-opacity-100:focus-within { - --tw-text-opacity: 1; + .lg\:ring-offset-colors-red-700 { + --tw-ring-offset-color: var(--colors-red-700, #c53030); } - .md\:hover\:text-opacity-0:hover { - --tw-text-opacity: 0; + .lg\:ring-offset-colors-red-800 { + --tw-ring-offset-color: var(--colors-red-800, #9b2c2c); } - .md\:hover\:text-opacity-5:hover { - --tw-text-opacity: 0.05; + .lg\:ring-offset-colors-red-900 { + --tw-ring-offset-color: var(--colors-red-900, #742a2a); } - .md\:hover\:text-opacity-10:hover { - --tw-text-opacity: 0.1; + .lg\:ring-offset-colors-orange-100 { + --tw-ring-offset-color: var(--colors-orange-100, #fffaf0); } - .md\:hover\:text-opacity-20:hover { - --tw-text-opacity: 0.2; + .lg\:ring-offset-colors-orange-200 { + --tw-ring-offset-color: var(--colors-orange-200, #feebc8); } - .md\:hover\:text-opacity-25:hover { - --tw-text-opacity: 0.25; + .lg\:ring-offset-colors-orange-300 { + --tw-ring-offset-color: var(--colors-orange-300, #fbd38d); } - .md\:hover\:text-opacity-30:hover { - --tw-text-opacity: 0.3; + .lg\:ring-offset-colors-orange-400 { + --tw-ring-offset-color: var(--colors-orange-400, #f6ad55); } - .md\:hover\:text-opacity-40:hover { - --tw-text-opacity: 0.4; + .lg\:ring-offset-colors-orange-500 { + --tw-ring-offset-color: var(--colors-orange-500, #ed8936); } - .md\:hover\:text-opacity-50:hover { - --tw-text-opacity: 0.5; + .lg\:ring-offset-colors-orange-600 { + --tw-ring-offset-color: var(--colors-orange-600, #dd6b20); } - .md\:hover\:text-opacity-60:hover { - --tw-text-opacity: 0.6; + .lg\:ring-offset-colors-orange-700 { + --tw-ring-offset-color: var(--colors-orange-700, #c05621); } - .md\:hover\:text-opacity-70:hover { - --tw-text-opacity: 0.7; + .lg\:ring-offset-colors-orange-800 { + --tw-ring-offset-color: var(--colors-orange-800, #9c4221); } - .md\:hover\:text-opacity-75:hover { - --tw-text-opacity: 0.75; + .lg\:ring-offset-colors-orange-900 { + --tw-ring-offset-color: var(--colors-orange-900, #7b341e); } - .md\:hover\:text-opacity-80:hover { - --tw-text-opacity: 0.8; + .lg\:ring-offset-colors-yellow-100 { + --tw-ring-offset-color: var(--colors-yellow-100, #fffff0); } - .md\:hover\:text-opacity-90:hover { - --tw-text-opacity: 0.9; + .lg\:ring-offset-colors-yellow-200 { + --tw-ring-offset-color: var(--colors-yellow-200, #fefcbf); } - .md\:hover\:text-opacity-95:hover { - --tw-text-opacity: 0.95; + .lg\:ring-offset-colors-yellow-300 { + --tw-ring-offset-color: var(--colors-yellow-300, #faf089); } - .md\:hover\:text-opacity-100:hover { - --tw-text-opacity: 1; + .lg\:ring-offset-colors-yellow-400 { + --tw-ring-offset-color: var(--colors-yellow-400, #f6e05e); } - .md\:focus\:text-opacity-0:focus { - --tw-text-opacity: 0; + .lg\:ring-offset-colors-yellow-500 { + --tw-ring-offset-color: var(--colors-yellow-500, #ecc94b); } - .md\:focus\:text-opacity-5:focus { - --tw-text-opacity: 0.05; + .lg\:ring-offset-colors-yellow-600 { + --tw-ring-offset-color: var(--colors-yellow-600, #d69e2e); } - .md\:focus\:text-opacity-10:focus { - --tw-text-opacity: 0.1; + .lg\:ring-offset-colors-yellow-700 { + --tw-ring-offset-color: var(--colors-yellow-700, #b7791f); } - .md\:focus\:text-opacity-20:focus { - --tw-text-opacity: 0.2; + .lg\:ring-offset-colors-yellow-800 { + --tw-ring-offset-color: var(--colors-yellow-800, #975a16); } - .md\:focus\:text-opacity-25:focus { - --tw-text-opacity: 0.25; + .lg\:ring-offset-colors-yellow-900 { + --tw-ring-offset-color: var(--colors-yellow-900, #744210); } - .md\:focus\:text-opacity-30:focus { - --tw-text-opacity: 0.3; + .lg\:ring-offset-colors-green-100 { + --tw-ring-offset-color: var(--colors-green-100, #f0fff4); } - .md\:focus\:text-opacity-40:focus { - --tw-text-opacity: 0.4; + .lg\:ring-offset-colors-green-200 { + --tw-ring-offset-color: var(--colors-green-200, #c6f6d5); } - .md\:focus\:text-opacity-50:focus { - --tw-text-opacity: 0.5; + .lg\:ring-offset-colors-green-300 { + --tw-ring-offset-color: var(--colors-green-300, #9ae6b4); } - .md\:focus\:text-opacity-60:focus { - --tw-text-opacity: 0.6; + .lg\:ring-offset-colors-green-400 { + --tw-ring-offset-color: var(--colors-green-400, #68d391); } - .md\:focus\:text-opacity-70:focus { - --tw-text-opacity: 0.7; + .lg\:ring-offset-colors-green-500 { + --tw-ring-offset-color: var(--colors-green-500, #48bb78); } - .md\:focus\:text-opacity-75:focus { - --tw-text-opacity: 0.75; + .lg\:ring-offset-colors-green-600 { + --tw-ring-offset-color: var(--colors-green-600, #38a169); } - .md\:focus\:text-opacity-80:focus { - --tw-text-opacity: 0.8; + .lg\:ring-offset-colors-green-700 { + --tw-ring-offset-color: var(--colors-green-700, #2f855a); } - .md\:focus\:text-opacity-90:focus { - --tw-text-opacity: 0.9; + .lg\:ring-offset-colors-green-800 { + --tw-ring-offset-color: var(--colors-green-800, #276749); } - .md\:focus\:text-opacity-95:focus { - --tw-text-opacity: 0.95; + .lg\:ring-offset-colors-green-900 { + --tw-ring-offset-color: var(--colors-green-900, #22543d); } - .md\:focus\:text-opacity-100:focus { - --tw-text-opacity: 1; + .lg\:ring-offset-colors-teal-100 { + --tw-ring-offset-color: var(--colors-teal-100, #e6fffa); } - .md\:underline { - text-decoration: underline; + .lg\:ring-offset-colors-teal-200 { + --tw-ring-offset-color: var(--colors-teal-200, #b2f5ea); } - .md\:line-through { - text-decoration: line-through; + .lg\:ring-offset-colors-teal-300 { + --tw-ring-offset-color: var(--colors-teal-300, #81e6d9); } - .md\:no-underline { - text-decoration: none; + .lg\:ring-offset-colors-teal-400 { + --tw-ring-offset-color: var(--colors-teal-400, #4fd1c5); } - .group:hover .md\:group-hover\:underline { - text-decoration: underline; + .lg\:ring-offset-colors-teal-500 { + --tw-ring-offset-color: var(--colors-teal-500, #38b2ac); } - .group:hover .md\:group-hover\:line-through { - text-decoration: line-through; + .lg\:ring-offset-colors-teal-600 { + --tw-ring-offset-color: var(--colors-teal-600, #319795); } - .group:hover .md\:group-hover\:no-underline { - text-decoration: none; + .lg\:ring-offset-colors-teal-700 { + --tw-ring-offset-color: var(--colors-teal-700, #2c7a7b); } - .md\:focus-within\:underline:focus-within { - text-decoration: underline; + .lg\:ring-offset-colors-teal-800 { + --tw-ring-offset-color: var(--colors-teal-800, #285e61); } - .md\:focus-within\:line-through:focus-within { - text-decoration: line-through; + .lg\:ring-offset-colors-teal-900 { + --tw-ring-offset-color: var(--colors-teal-900, #234e52); } - .md\:focus-within\:no-underline:focus-within { - text-decoration: none; + .lg\:ring-offset-colors-blue-100 { + --tw-ring-offset-color: var(--colors-blue-100, #ebf8ff); } - .md\:hover\:underline:hover { - text-decoration: underline; + .lg\:ring-offset-colors-blue-200 { + --tw-ring-offset-color: var(--colors-blue-200, #bee3f8); } - .md\:hover\:line-through:hover { - text-decoration: line-through; + .lg\:ring-offset-colors-blue-300 { + --tw-ring-offset-color: var(--colors-blue-300, #90cdf4); } - .md\:hover\:no-underline:hover { - text-decoration: none; + .lg\:ring-offset-colors-blue-400 { + --tw-ring-offset-color: var(--colors-blue-400, #63b3ed); } - .md\:focus\:underline:focus { - text-decoration: underline; + .lg\:ring-offset-colors-blue-500 { + --tw-ring-offset-color: var(--colors-blue-500, #4299e1); } - .md\:focus\:line-through:focus { - text-decoration: line-through; + .lg\:ring-offset-colors-blue-600 { + --tw-ring-offset-color: var(--colors-blue-600, #3182ce); } - .md\:focus\:no-underline:focus { - text-decoration: none; + .lg\:ring-offset-colors-blue-700 { + --tw-ring-offset-color: var(--colors-blue-700, #2b6cb0); } - .md\:antialiased { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; + .lg\:ring-offset-colors-blue-800 { + --tw-ring-offset-color: var(--colors-blue-800, #2c5282); } - .md\:subpixel-antialiased { - -webkit-font-smoothing: auto; - -moz-osx-font-smoothing: auto; + .lg\:ring-offset-colors-blue-900 { + --tw-ring-offset-color: var(--colors-blue-900, #2a4365); } - .md\:placeholder-transparent::-moz-placeholder { - color: transparent; + .lg\:ring-offset-colors-indigo-100 { + --tw-ring-offset-color: var(--colors-indigo-100, #ebf4ff); } - .md\:placeholder-transparent::placeholder { - color: transparent; + .lg\:ring-offset-colors-indigo-200 { + --tw-ring-offset-color: var(--colors-indigo-200, #c3dafe); } - .md\:placeholder-current::-moz-placeholder { - color: currentColor; + .lg\:ring-offset-colors-indigo-300 { + --tw-ring-offset-color: var(--colors-indigo-300, #a3bffa); } - .md\:placeholder-current::placeholder { - color: currentColor; + .lg\:ring-offset-colors-indigo-400 { + --tw-ring-offset-color: var(--colors-indigo-400, #7f9cf5); } - .md\:placeholder-black::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(0, 0, 0, var(--tw-placeholder-opacity)); + .lg\:ring-offset-colors-indigo-500 { + --tw-ring-offset-color: var(--colors-indigo-500, #667eea); } - .md\:placeholder-black::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(0, 0, 0, var(--tw-placeholder-opacity)); + .lg\:ring-offset-colors-indigo-600 { + --tw-ring-offset-color: var(--colors-indigo-600, #5a67d8); } - .md\:placeholder-white::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(255, 255, 255, var(--tw-placeholder-opacity)); + .lg\:ring-offset-colors-indigo-700 { + --tw-ring-offset-color: var(--colors-indigo-700, #4c51bf); } - .md\:placeholder-white::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(255, 255, 255, var(--tw-placeholder-opacity)); + .lg\:ring-offset-colors-indigo-800 { + --tw-ring-offset-color: var(--colors-indigo-800, #434190); } - .md\:placeholder-gray-50::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(249, 250, 251, var(--tw-placeholder-opacity)); + .lg\:ring-offset-colors-indigo-900 { + --tw-ring-offset-color: var(--colors-indigo-900, #3c366b); } - .md\:placeholder-gray-50::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(249, 250, 251, var(--tw-placeholder-opacity)); + .lg\:ring-offset-colors-purple-100 { + --tw-ring-offset-color: var(--colors-purple-100, #faf5ff); } - .md\:placeholder-gray-100::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(243, 244, 246, var(--tw-placeholder-opacity)); + .lg\:ring-offset-colors-purple-200 { + --tw-ring-offset-color: var(--colors-purple-200, #e9d8fd); } - .md\:placeholder-gray-100::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(243, 244, 246, var(--tw-placeholder-opacity)); + .lg\:ring-offset-colors-purple-300 { + --tw-ring-offset-color: var(--colors-purple-300, #d6bcfa); } - .md\:placeholder-gray-200::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(229, 231, 235, var(--tw-placeholder-opacity)); + .lg\:ring-offset-colors-purple-400 { + --tw-ring-offset-color: var(--colors-purple-400, #b794f4); } - .md\:placeholder-gray-200::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(229, 231, 235, var(--tw-placeholder-opacity)); + .lg\:ring-offset-colors-purple-500 { + --tw-ring-offset-color: var(--colors-purple-500, #9f7aea); } - .md\:placeholder-gray-300::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(209, 213, 219, var(--tw-placeholder-opacity)); + .lg\:ring-offset-colors-purple-600 { + --tw-ring-offset-color: var(--colors-purple-600, #805ad5); } - .md\:placeholder-gray-300::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(209, 213, 219, var(--tw-placeholder-opacity)); + .lg\:ring-offset-colors-purple-700 { + --tw-ring-offset-color: var(--colors-purple-700, #6b46c1); } - .md\:placeholder-gray-400::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(156, 163, 175, var(--tw-placeholder-opacity)); + .lg\:ring-offset-colors-purple-800 { + --tw-ring-offset-color: var(--colors-purple-800, #553c9a); } - .md\:placeholder-gray-400::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(156, 163, 175, var(--tw-placeholder-opacity)); + .lg\:ring-offset-colors-purple-900 { + --tw-ring-offset-color: var(--colors-purple-900, #44337a); } - .md\:placeholder-gray-500::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(107, 114, 128, var(--tw-placeholder-opacity)); + .lg\:ring-offset-colors-pink-100 { + --tw-ring-offset-color: var(--colors-pink-100, #fff5f7); } - .md\:placeholder-gray-500::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(107, 114, 128, var(--tw-placeholder-opacity)); + .lg\:ring-offset-colors-pink-200 { + --tw-ring-offset-color: var(--colors-pink-200, #fed7e2); } - .md\:placeholder-gray-600::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(75, 85, 99, var(--tw-placeholder-opacity)); + .lg\:ring-offset-colors-pink-300 { + --tw-ring-offset-color: var(--colors-pink-300, #fbb6ce); } - .md\:placeholder-gray-600::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(75, 85, 99, var(--tw-placeholder-opacity)); + .lg\:ring-offset-colors-pink-400 { + --tw-ring-offset-color: var(--colors-pink-400, #f687b3); } - .md\:placeholder-gray-700::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(55, 65, 81, var(--tw-placeholder-opacity)); + .lg\:ring-offset-colors-pink-500 { + --tw-ring-offset-color: var(--colors-pink-500, #ed64a6); } - .md\:placeholder-gray-700::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(55, 65, 81, var(--tw-placeholder-opacity)); + .lg\:ring-offset-colors-pink-600 { + --tw-ring-offset-color: var(--colors-pink-600, #d53f8c); } - .md\:placeholder-gray-800::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(31, 41, 55, var(--tw-placeholder-opacity)); + .lg\:ring-offset-colors-pink-700 { + --tw-ring-offset-color: var(--colors-pink-700, #b83280); } - .md\:placeholder-gray-800::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(31, 41, 55, var(--tw-placeholder-opacity)); + .lg\:ring-offset-colors-pink-800 { + --tw-ring-offset-color: var(--colors-pink-800, #97266d); } - .md\:placeholder-gray-900::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(17, 24, 39, var(--tw-placeholder-opacity)); + .lg\:ring-offset-colors-pink-900 { + --tw-ring-offset-color: var(--colors-pink-900, #702459); } - .md\:placeholder-gray-900::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(17, 24, 39, var(--tw-placeholder-opacity)); + .lg\:ring-offset-Box\ Shadow { + --tw-ring-offset-color: var(--box-shadow, #7f7e7f); } - .md\:placeholder-red-50::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 242, 242, var(--tw-placeholder-opacity)); + .lg\:ring-offset-Error16 { + --tw-ring-offset-color: var(--error16, #f03d3e40); } - .md\:placeholder-red-50::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 242, 242, var(--tw-placeholder-opacity)); + .lg\:ring-offset-Success16 { + --tw-ring-offset-color: var(--success16, #5bb14d40); } - .md\:placeholder-red-100::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 226, 226, var(--tw-placeholder-opacity)); + .lg\:ring-offset-Notification16 { + --tw-ring-offset-color: var(--notification16, #3959ff40); } - .md\:placeholder-red-100::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 226, 226, var(--tw-placeholder-opacity)); + .lg\:ring-offset-Error8 { + --tw-ring-offset-color: var(--error8, #f03d3e1a); } - .md\:placeholder-red-200::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 202, 202, var(--tw-placeholder-opacity)); + .lg\:ring-offset-Notification8 { + --tw-ring-offset-color: var(--notification8, #3959ff1a); } - .md\:placeholder-red-200::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 202, 202, var(--tw-placeholder-opacity)); + .lg\:ring-offset-Success8 { + --tw-ring-offset-color: var(--success8, #5bb14d1a); } - .md\:placeholder-red-300::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(252, 165, 165, var(--tw-placeholder-opacity)); + .lg\:ring-offset-Light\ -\ Overlay { + --tw-ring-offset-color: var(--light-overlay, #f0edee66); } - .md\:placeholder-red-300::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(252, 165, 165, var(--tw-placeholder-opacity)); + .lg\:ring-offset-Dark-\ Overlay { + --tw-ring-offset-color: var(--dark-overlay, #7f7e7f66); } - .md\:placeholder-red-400::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(248, 113, 113, var(--tw-placeholder-opacity)); + .lg\:ring-offset-black-40 { + --tw-ring-offset-color: var(--black-40, #00000066); } - .md\:placeholder-red-400::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(248, 113, 113, var(--tw-placeholder-opacity)); + .lg\:ring-offset-black-75 { + --tw-ring-offset-color: var(--black-75, #000000bf); } - .md\:placeholder-red-500::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(239, 68, 68, var(--tw-placeholder-opacity)); + .lg\:ring-offset-black-60 { + --tw-ring-offset-color: var(--black-60, #00000099); } - .md\:placeholder-red-500::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(239, 68, 68, var(--tw-placeholder-opacity)); + .lg\:ring-offset-black-50 { + --tw-ring-offset-color: var(--black-50, #00000080); } - .md\:placeholder-red-600::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(220, 38, 38, var(--tw-placeholder-opacity)); + .lg\:ring-offset-black-25 { + --tw-ring-offset-color: var(--black-25, #00000040); } - .md\:placeholder-red-600::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(220, 38, 38, var(--tw-placeholder-opacity)); + .lg\:ring-offset-black-10 { + --tw-ring-offset-color: var(--black-10, #0000001a); } - .md\:placeholder-red-700::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(185, 28, 28, var(--tw-placeholder-opacity)); + .lg\:ring-offset-white-25 { + --tw-ring-offset-color: var(--white-25, #ffffff40); } - .md\:placeholder-red-700::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(185, 28, 28, var(--tw-placeholder-opacity)); + .lg\:ring-offset-white-60 { + --tw-ring-offset-color: var(--white-60, #ffffff99); } - .md\:placeholder-red-800::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(153, 27, 27, var(--tw-placeholder-opacity)); + .lg\:ring-offset-black-64 { + --tw-ring-offset-color: var(--black-64, #000000a3); } - .md\:placeholder-red-800::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(153, 27, 27, var(--tw-placeholder-opacity)); + .lg\:ring-offset-Shadow\ and\ Highlight-Shadow { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .md\:placeholder-red-900::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(127, 29, 29, var(--tw-placeholder-opacity)); + .lg\:ring-offset-Shadow\ and\ Highlight-Highlight { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight, #474747); } - .md\:placeholder-red-900::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(127, 29, 29, var(--tw-placeholder-opacity)); + .lg\:ring-offset-Shadow\ and\ Highlight-highlight\ one { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .md\:placeholder-yellow-50::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(255, 251, 235, var(--tw-placeholder-opacity)); + .lg\:ring-offset-Shadow\ and\ Highlight-highlight\ two { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-two, #47474799); } - .md\:placeholder-yellow-50::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(255, 251, 235, var(--tw-placeholder-opacity)); + .lg\:ring-offset-Shadow\ and\ Highlight-highlight\ three { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-three, #47474766); } - .md\:placeholder-yellow-100::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 243, 199, var(--tw-placeholder-opacity)); + .lg\:ring-offset-Shadow\ and\ Highlight-highlight\ five { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .md\:placeholder-yellow-100::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 243, 199, var(--tw-placeholder-opacity)); + .lg\:ring-offset-Shadow\ and\ Highlight-shadow\ one { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .md\:placeholder-yellow-200::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(253, 230, 138, var(--tw-placeholder-opacity)); + .lg\:ring-offset-Shadow\ and\ Highlight-shadow\ two { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .md\:placeholder-yellow-200::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(253, 230, 138, var(--tw-placeholder-opacity)); + .lg\:ring-offset-Shadow\ and\ Highlight-shadow\ three { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .md\:placeholder-yellow-300::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(252, 211, 77, var(--tw-placeholder-opacity)); + .lg\:ring-offset-Shadow\ and\ Highlight-shadow\ four { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .md\:placeholder-yellow-300::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(252, 211, 77, var(--tw-placeholder-opacity)); + .lg\:ring-offset-Shadow\ and\ Highlight-shadow\ five { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .md\:placeholder-yellow-400::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(251, 191, 36, var(--tw-placeholder-opacity)); + .lg\:ring-offset-Shadow\ and\ Highlight-highlight\ four { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-four, #47474740); } - .md\:placeholder-yellow-400::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(251, 191, 36, var(--tw-placeholder-opacity)); + .lg\:ring-offset-Base\ Layer\ Styles-Base\ Layer-\ Light-White { + --tw-ring-offset-color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .md\:placeholder-yellow-500::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(245, 158, 11, var(--tw-placeholder-opacity)); + .lg\:ring-offset-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite { + --tw-ring-offset-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .md\:placeholder-yellow-500::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(245, 158, 11, var(--tw-placeholder-opacity)); + .lg\:ring-offset-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack { + --tw-ring-offset-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .md\:placeholder-yellow-600::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(217, 119, 6, var(--tw-placeholder-opacity)); + .lg\:ring-offset-Base\ Layer\ Styles-Base\ Layer-Dark-Black { + --tw-ring-offset-color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .md\:placeholder-yellow-600::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(217, 119, 6, var(--tw-placeholder-opacity)); + .lg\:ring-offset-Grey-Scale-white { + --tw-ring-offset-color: var(--grey-scale-white, #ffffff); } - .md\:placeholder-yellow-700::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(180, 83, 9, var(--tw-placeholder-opacity)); + .lg\:ring-offset-Grey-Scale-off-white { + --tw-ring-offset-color: var(--grey-scale-off-white, #f0edee); } - .md\:placeholder-yellow-700::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(180, 83, 9, var(--tw-placeholder-opacity)); + .lg\:ring-offset-Grey\ Scale-grey { + --tw-ring-offset-color: var(--grey-scale-grey, #7f7e7f); } - .md\:placeholder-yellow-800::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(146, 64, 14, var(--tw-placeholder-opacity)); + .lg\:ring-offset-Grey\ Scale-charcoal { + --tw-ring-offset-color: var(--grey-scale-charcoal, #474747); } - .md\:placeholder-yellow-800::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(146, 64, 14, var(--tw-placeholder-opacity)); + .lg\:ring-offset-Grey\ Scale-off-black { + --tw-ring-offset-color: var(--grey-scale-off-black, #1c1c1c); } - .md\:placeholder-yellow-900::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(120, 53, 15, var(--tw-placeholder-opacity)); + .lg\:ring-offset-Grey\ Scale-black { + --tw-ring-offset-color: var(--grey-scale-black, #000000); } - .md\:placeholder-yellow-900::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(120, 53, 15, var(--tw-placeholder-opacity)); + .lg\:ring-offset-Blue-blue { + --tw-ring-offset-color: var(--blue-blue, #3a7ca5); } - .md\:placeholder-green-50::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(236, 253, 245, var(--tw-placeholder-opacity)); + .lg\:ring-offset-Blue-blue-100 { + --tw-ring-offset-color: var(--blue-blue-100, #75a3c0); } - .md\:placeholder-green-50::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(236, 253, 245, var(--tw-placeholder-opacity)); + .lg\:ring-offset-Blue-blue-200 { + --tw-ring-offset-color: var(--blue-blue-200, #9cbed2); } - .md\:placeholder-green-100::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(209, 250, 229, var(--tw-placeholder-opacity)); + .lg\:ring-offset-Blue-blue-300 { + --tw-ring-offset-color: var(--blue-blue-300, #4f7d9a); } - .md\:placeholder-green-100::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(209, 250, 229, var(--tw-placeholder-opacity)); + .lg\:ring-offset-Blue-blue-400 { + --tw-ring-offset-color: var(--blue-blue-400, #5c7d92); } - .md\:placeholder-green-200::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(167, 243, 208, var(--tw-placeholder-opacity)); + .lg\:ring-offset-Blue-blue-500 { + --tw-ring-offset-color: var(--blue-blue-500, #347095); } - .md\:placeholder-green-200::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(167, 243, 208, var(--tw-placeholder-opacity)); + .lg\:ring-offset-Blue-blue-600 { + --tw-ring-offset-color: var(--blue-blue-600, #295774); } - .md\:placeholder-green-300::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(110, 231, 183, var(--tw-placeholder-opacity)); + .lg\:ring-offset-Blue-blue-700 { + --tw-ring-offset-color: var(--blue-blue-700, #173242); } - .md\:placeholder-green-300::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(110, 231, 183, var(--tw-placeholder-opacity)); + .lg\:ring-offset-LightBlue-lightblue { + --tw-ring-offset-color: var(--light-blue-lightblue, #81c3d7); } - .md\:placeholder-green-400::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(52, 211, 153, var(--tw-placeholder-opacity)); + .lg\:ring-offset-LightBlue-lightblue-100 { + --tw-ring-offset-color: var(--light-blue-lightblue-100, #a7d5e3); } - .md\:placeholder-green-400::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(52, 211, 153, var(--tw-placeholder-opacity)); + .lg\:ring-offset-LightBlue-lightblue-200 { + --tw-ring-offset-color: var(--light-blue-lightblue-200, #c0e1eb); } - .md\:placeholder-green-500::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(16, 185, 129, var(--tw-placeholder-opacity)); + .lg\:ring-offset-LightBlue-lightblue-300 { + --tw-ring-offset-color: var(--light-blue-lightblue-300, #80aebd); } - .md\:placeholder-green-500::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(16, 185, 129, var(--tw-placeholder-opacity)); + .lg\:ring-offset-LightBlue-lightblue-400 { + --tw-ring-offset-color: var(--light-blue-lightblue-400, #80a0ab); } - .md\:placeholder-green-600::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(5, 150, 105, var(--tw-placeholder-opacity)); + .lg\:ring-offset-LightBlue-lightblue-500 { + --tw-ring-offset-color: var(--light-blue-lightblue-500, #74afc1); } - .md\:placeholder-green-600::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(5, 150, 105, var(--tw-placeholder-opacity)); + .lg\:ring-offset-LightBlue-lightblue-600 { + --tw-ring-offset-color: var(--light-blue-lightblue-600, #5a8997); } - .md\:placeholder-green-700::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(4, 120, 87, var(--tw-placeholder-opacity)); + .lg\:ring-offset-LightBlue-lightblue-650 { + --tw-ring-offset-color: var(--light-blue-lightblue-650, #3e5e65); } - .md\:placeholder-green-700::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(4, 120, 87, var(--tw-placeholder-opacity)); + .lg\:ring-offset-LightBlue-lightblue-700 { + --tw-ring-offset-color: var(--light-blue-lightblue-700, #344e56); } - .md\:placeholder-green-800::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(6, 95, 70, var(--tw-placeholder-opacity)); + .lg\:ring-offset-Orange-orange { + --tw-ring-offset-color: var(--orange-orange, #ff7f0e); } - .md\:placeholder-green-800::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(6, 95, 70, var(--tw-placeholder-opacity)); + .lg\:ring-offset-Orange-orange-100 { + --tw-ring-offset-color: var(--orange-orange-100, #ffa556); } - .md\:placeholder-green-900::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(6, 78, 59, var(--tw-placeholder-opacity)); + .lg\:ring-offset-Orange-orange-200 { + --tw-ring-offset-color: var(--orange-orange-200, #ffbf86); } - .md\:placeholder-green-900::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(6, 78, 59, var(--tw-placeholder-opacity)); + .lg\:ring-offset-Orange-orange-300 { + --tw-ring-offset-color: var(--orange-orange-300, #d97f30); } - .md\:placeholder-blue-50::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(239, 246, 255, var(--tw-placeholder-opacity)); + .lg\:ring-offset-Orange-orange-400 { + --tw-ring-offset-color: var(--orange-orange-400, #bf7e46); } - .md\:placeholder-blue-50::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(239, 246, 255, var(--tw-placeholder-opacity)); + .lg\:ring-offset-Orange-orange-500 { + --tw-ring-offset-color: var(--orange-orange-500, #e5720d); } - .md\:placeholder-blue-100::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(219, 234, 254, var(--tw-placeholder-opacity)); + .lg\:ring-offset-Orange-orange-600 { + --tw-ring-offset-color: var(--orange-orange-600, #b3590a); } - .md\:placeholder-blue-100::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(219, 234, 254, var(--tw-placeholder-opacity)); + .lg\:ring-offset-Orange-orange-700 { + --tw-ring-offset-color: var(--orange-orange-700, #663306); } - .md\:placeholder-blue-200::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(191, 219, 254, var(--tw-placeholder-opacity)); + .lg\:ring-offset-Yellow-yellow { + --tw-ring-offset-color: var(--yellow-yellow, #ffab00); } - .md\:placeholder-blue-200::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(191, 219, 254, var(--tw-placeholder-opacity)); + .lg\:ring-offset-Yellow-yellow-100 { + --tw-ring-offset-color: var(--yellow-yellow-100, #ffc44c); } - .md\:placeholder-blue-300::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(147, 197, 253, var(--tw-placeholder-opacity)); + .lg\:ring-offset-Yellow-yellow-200 { + --tw-ring-offset-color: var(--yellow-yellow-200, #ffd580); } - .md\:placeholder-blue-300::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(147, 197, 253, var(--tw-placeholder-opacity)); + .lg\:ring-offset-Yellow-yellow-300 { + --tw-ring-offset-color: var(--yellow-yellow-300, #d99d26); } - .md\:placeholder-blue-400::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(96, 165, 250, var(--tw-placeholder-opacity)); + .lg\:ring-offset-Yellow-yellow-400 { + --tw-ring-offset-color: var(--yellow-yellow-400, #bf943f); } - .md\:placeholder-blue-400::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(96, 165, 250, var(--tw-placeholder-opacity)); + .lg\:ring-offset-Yellow-yellow-500 { + --tw-ring-offset-color: var(--yellow-yellow-500, #e59a00); } - .md\:placeholder-blue-500::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(59, 130, 246, var(--tw-placeholder-opacity)); + .lg\:ring-offset-Yellow-yellow-600 { + --tw-ring-offset-color: var(--yellow-yellow-600, #b37800); } - .md\:placeholder-blue-500::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(59, 130, 246, var(--tw-placeholder-opacity)); + .lg\:ring-offset-Yellow-yellow-700 { + --tw-ring-offset-color: var(--yellow-yellow-700, #664400); } - .md\:placeholder-blue-600::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(37, 99, 235, var(--tw-placeholder-opacity)); + .lg\:ring-offset-Notification-notification { + --tw-ring-offset-color: var(--notification-notification, #3959ff); } - .md\:placeholder-blue-600::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(37, 99, 235, var(--tw-placeholder-opacity)); + .lg\:ring-offset-Notification-notification-100 { + --tw-ring-offset-color: var(--notification-notification-100, #748bff); } - .md\:placeholder-blue-700::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(29, 78, 216, var(--tw-placeholder-opacity)); + .lg\:ring-offset-Notification-notification-200 { + --tw-ring-offset-color: var(--notification-notification-200, #9cacff); } - .md\:placeholder-blue-700::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(29, 78, 216, var(--tw-placeholder-opacity)); + .lg\:ring-offset-Notification-notification-300 { + --tw-ring-offset-color: var(--notification-notification-300, #4e64d9); } - .md\:placeholder-blue-800::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(30, 64, 175, var(--tw-placeholder-opacity)); + .lg\:ring-offset-Notification-notification-400 { + --tw-ring-offset-color: var(--notification-notification-400, #5c6cbf); } - .md\:placeholder-blue-800::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(30, 64, 175, var(--tw-placeholder-opacity)); + .lg\:ring-offset-Notification-notification-500 { + --tw-ring-offset-color: var(--notification-notification-500, #3350e5); } - .md\:placeholder-blue-900::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(30, 58, 138, var(--tw-placeholder-opacity)); + .lg\:ring-offset-Notification-notification-600 { + --tw-ring-offset-color: var(--notification-notification-600, #283eb3); } - .md\:placeholder-blue-900::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(30, 58, 138, var(--tw-placeholder-opacity)); + .lg\:ring-offset-Notification-notification-700 { + --tw-ring-offset-color: var(--notification-notification-700, #172466); } - .md\:placeholder-indigo-50::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(238, 242, 255, var(--tw-placeholder-opacity)); + .lg\:ring-offset-Success-success\ -700 { + --tw-ring-offset-color: var(--success-success-700, #24471f); } - .md\:placeholder-indigo-50::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(238, 242, 255, var(--tw-placeholder-opacity)); + .lg\:ring-offset-Success-success { + --tw-ring-offset-color: var(--success-success, #5bb14d); } - .md\:placeholder-indigo-100::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(224, 231, 255, var(--tw-placeholder-opacity)); + .lg\:ring-offset-Success-success\ -100 { + --tw-ring-offset-color: var(--success-success-100, #8cc882); } - .md\:placeholder-indigo-100::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(224, 231, 255, var(--tw-placeholder-opacity)); + .lg\:ring-offset-Success-success\ -200 { + --tw-ring-offset-color: var(--success-success-200, #add8a6); } - .md\:placeholder-indigo-200::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(199, 210, 254, var(--tw-placeholder-opacity)); + .lg\:ring-offset-Success-success\ -300 { + --tw-ring-offset-color: var(--success-success-300, #66a25c); } - .md\:placeholder-indigo-200::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(199, 210, 254, var(--tw-placeholder-opacity)); + .lg\:ring-offset-Success-success\ -400 { + --tw-ring-offset-color: var(--success-success-400, #6d9766); } - .md\:placeholder-indigo-300::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(165, 180, 252, var(--tw-placeholder-opacity)); + .lg\:ring-offset-Success-success\ -500 { + --tw-ring-offset-color: var(--success-success-500, #529f45); } - .md\:placeholder-indigo-300::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(165, 180, 252, var(--tw-placeholder-opacity)); + .lg\:ring-offset-Success-success\ -600 { + --tw-ring-offset-color: var(--success-success-600, #407c36); } - .md\:placeholder-indigo-400::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(129, 140, 248, var(--tw-placeholder-opacity)); + .lg\:ring-offset-Error-error { + --tw-ring-offset-color: var(--error-error, #f03d3e); } - .md\:placeholder-indigo-400::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(129, 140, 248, var(--tw-placeholder-opacity)); + .lg\:ring-offset-Error-error-100 { + --tw-ring-offset-color: var(--error-error-100, #f57778); } - .md\:placeholder-indigo-500::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(99, 102, 241, var(--tw-placeholder-opacity)); + .lg\:ring-offset-Error-error-200 { + --tw-ring-offset-color: var(--error-error-200, #f89e9e); } - .md\:placeholder-indigo-500::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(99, 102, 241, var(--tw-placeholder-opacity)); + .lg\:ring-offset-Error-error-250 { + --tw-ring-offset-color: var(--error-error-250, #f9c8c8); } - .md\:placeholder-indigo-600::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(79, 70, 229, var(--tw-placeholder-opacity)); + .lg\:ring-offset-Error-error-300 { + --tw-ring-offset-color: var(--error-error-300, #ce5151); } - .md\:placeholder-indigo-600::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(79, 70, 229, var(--tw-placeholder-opacity)); + .lg\:ring-offset-Error-error-400 { + --tw-ring-offset-color: var(--error-error-400, #b85e5e); } - .md\:placeholder-indigo-700::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(67, 56, 202, var(--tw-placeholder-opacity)); + .lg\:ring-offset-Error-error-500 { + --tw-ring-offset-color: var(--error-error-500, #d83738); } - .md\:placeholder-indigo-700::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(67, 56, 202, var(--tw-placeholder-opacity)); + .lg\:ring-offset-Error-error-600 { + --tw-ring-offset-color: var(--error-error-600, #a82b2b); } - .md\:placeholder-indigo-800::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(55, 48, 163, var(--tw-placeholder-opacity)); + .lg\:ring-offset-Error-error-700 { + --tw-ring-offset-color: var(--error-error-700, #601819); } - .md\:placeholder-indigo-800::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(55, 48, 163, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-black:focus-within { + --tw-ring-offset-color: var(--colors-black, #000000); } - .md\:placeholder-indigo-900::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(49, 46, 129, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-white:focus-within { + --tw-ring-offset-color: var(--colors-white, #ffffff); } - .md\:placeholder-indigo-900::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(49, 46, 129, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-gray-100:focus-within { + --tw-ring-offset-color: var(--colors-gray-100, #f7fafc); } - .md\:placeholder-purple-50::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(245, 243, 255, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-gray-200:focus-within { + --tw-ring-offset-color: var(--colors-gray-200, #edf2f7); } - .md\:placeholder-purple-50::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(245, 243, 255, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-gray-300:focus-within { + --tw-ring-offset-color: var(--colors-gray-300, #e2e8f0); } - .md\:placeholder-purple-100::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(237, 233, 254, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-gray-400:focus-within { + --tw-ring-offset-color: var(--colors-gray-400, #cbd5e0); } - .md\:placeholder-purple-100::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(237, 233, 254, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-gray-500:focus-within { + --tw-ring-offset-color: var(--colors-gray-500, #a0aec0); } - .md\:placeholder-purple-200::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(221, 214, 254, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-gray-600:focus-within { + --tw-ring-offset-color: var(--colors-gray-600, #718096); } - .md\:placeholder-purple-200::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(221, 214, 254, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-gray-700:focus-within { + --tw-ring-offset-color: var(--colors-gray-700, #4a5568); } - .md\:placeholder-purple-300::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(196, 181, 253, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-gray-800:focus-within { + --tw-ring-offset-color: var(--colors-gray-800, #2d3748); } - .md\:placeholder-purple-300::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(196, 181, 253, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-gray-900:focus-within { + --tw-ring-offset-color: var(--colors-gray-900, #1a202c); } - .md\:placeholder-purple-400::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(167, 139, 250, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-red-100:focus-within { + --tw-ring-offset-color: var(--colors-red-100, #fff5f5); } - .md\:placeholder-purple-400::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(167, 139, 250, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-red-200:focus-within { + --tw-ring-offset-color: var(--colors-red-200, #fed7d7); } - .md\:placeholder-purple-500::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(139, 92, 246, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-red-300:focus-within { + --tw-ring-offset-color: var(--colors-red-300, #feb2b2); } - .md\:placeholder-purple-500::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(139, 92, 246, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-red-400:focus-within { + --tw-ring-offset-color: var(--colors-red-400, #fc8181); } - .md\:placeholder-purple-600::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(124, 58, 237, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-red-500:focus-within { + --tw-ring-offset-color: var(--colors-red-500, #f56565); } - .md\:placeholder-purple-600::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(124, 58, 237, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-red-600:focus-within { + --tw-ring-offset-color: var(--colors-red-600, #e53e3e); } - .md\:placeholder-purple-700::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(109, 40, 217, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-red-700:focus-within { + --tw-ring-offset-color: var(--colors-red-700, #c53030); } - .md\:placeholder-purple-700::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(109, 40, 217, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-red-800:focus-within { + --tw-ring-offset-color: var(--colors-red-800, #9b2c2c); } - .md\:placeholder-purple-800::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(91, 33, 182, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-red-900:focus-within { + --tw-ring-offset-color: var(--colors-red-900, #742a2a); } - .md\:placeholder-purple-800::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(91, 33, 182, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-orange-100:focus-within { + --tw-ring-offset-color: var(--colors-orange-100, #fffaf0); } - .md\:placeholder-purple-900::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(76, 29, 149, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-orange-200:focus-within { + --tw-ring-offset-color: var(--colors-orange-200, #feebc8); } - .md\:placeholder-purple-900::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(76, 29, 149, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-orange-300:focus-within { + --tw-ring-offset-color: var(--colors-orange-300, #fbd38d); } - .md\:placeholder-pink-50::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(253, 242, 248, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-orange-400:focus-within { + --tw-ring-offset-color: var(--colors-orange-400, #f6ad55); } - .md\:placeholder-pink-50::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(253, 242, 248, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-orange-500:focus-within { + --tw-ring-offset-color: var(--colors-orange-500, #ed8936); } - .md\:placeholder-pink-100::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(252, 231, 243, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-orange-600:focus-within { + --tw-ring-offset-color: var(--colors-orange-600, #dd6b20); } - .md\:placeholder-pink-100::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(252, 231, 243, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-orange-700:focus-within { + --tw-ring-offset-color: var(--colors-orange-700, #c05621); } - .md\:placeholder-pink-200::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(251, 207, 232, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-orange-800:focus-within { + --tw-ring-offset-color: var(--colors-orange-800, #9c4221); } - .md\:placeholder-pink-200::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(251, 207, 232, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-orange-900:focus-within { + --tw-ring-offset-color: var(--colors-orange-900, #7b341e); } - .md\:placeholder-pink-300::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(249, 168, 212, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-yellow-100:focus-within { + --tw-ring-offset-color: var(--colors-yellow-100, #fffff0); } - .md\:placeholder-pink-300::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(249, 168, 212, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-yellow-200:focus-within { + --tw-ring-offset-color: var(--colors-yellow-200, #fefcbf); } - .md\:placeholder-pink-400::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(244, 114, 182, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-yellow-300:focus-within { + --tw-ring-offset-color: var(--colors-yellow-300, #faf089); } - .md\:placeholder-pink-400::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(244, 114, 182, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-yellow-400:focus-within { + --tw-ring-offset-color: var(--colors-yellow-400, #f6e05e); } - .md\:placeholder-pink-500::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(236, 72, 153, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-yellow-500:focus-within { + --tw-ring-offset-color: var(--colors-yellow-500, #ecc94b); } - .md\:placeholder-pink-500::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(236, 72, 153, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-yellow-600:focus-within { + --tw-ring-offset-color: var(--colors-yellow-600, #d69e2e); } - .md\:placeholder-pink-600::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(219, 39, 119, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-yellow-700:focus-within { + --tw-ring-offset-color: var(--colors-yellow-700, #b7791f); } - .md\:placeholder-pink-600::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(219, 39, 119, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-yellow-800:focus-within { + --tw-ring-offset-color: var(--colors-yellow-800, #975a16); } - .md\:placeholder-pink-700::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(190, 24, 93, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-yellow-900:focus-within { + --tw-ring-offset-color: var(--colors-yellow-900, #744210); } - .md\:placeholder-pink-700::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(190, 24, 93, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-green-100:focus-within { + --tw-ring-offset-color: var(--colors-green-100, #f0fff4); } - .md\:placeholder-pink-800::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(157, 23, 77, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-green-200:focus-within { + --tw-ring-offset-color: var(--colors-green-200, #c6f6d5); } - .md\:placeholder-pink-800::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(157, 23, 77, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-green-300:focus-within { + --tw-ring-offset-color: var(--colors-green-300, #9ae6b4); } - .md\:placeholder-pink-900::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(131, 24, 67, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-green-400:focus-within { + --tw-ring-offset-color: var(--colors-green-400, #68d391); } - .md\:placeholder-pink-900::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(131, 24, 67, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-green-500:focus-within { + --tw-ring-offset-color: var(--colors-green-500, #48bb78); } - .md\:focus\:placeholder-transparent:focus::-moz-placeholder { - color: transparent; + .lg\:focus-within\:ring-offset-colors-green-600:focus-within { + --tw-ring-offset-color: var(--colors-green-600, #38a169); } - .md\:focus\:placeholder-transparent:focus::placeholder { - color: transparent; + .lg\:focus-within\:ring-offset-colors-green-700:focus-within { + --tw-ring-offset-color: var(--colors-green-700, #2f855a); } - .md\:focus\:placeholder-current:focus::-moz-placeholder { - color: currentColor; + .lg\:focus-within\:ring-offset-colors-green-800:focus-within { + --tw-ring-offset-color: var(--colors-green-800, #276749); } - .md\:focus\:placeholder-current:focus::placeholder { - color: currentColor; + .lg\:focus-within\:ring-offset-colors-green-900:focus-within { + --tw-ring-offset-color: var(--colors-green-900, #22543d); } - .md\:focus\:placeholder-black:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(0, 0, 0, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-teal-100:focus-within { + --tw-ring-offset-color: var(--colors-teal-100, #e6fffa); } - .md\:focus\:placeholder-black:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(0, 0, 0, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-teal-200:focus-within { + --tw-ring-offset-color: var(--colors-teal-200, #b2f5ea); } - .md\:focus\:placeholder-white:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(255, 255, 255, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-teal-300:focus-within { + --tw-ring-offset-color: var(--colors-teal-300, #81e6d9); } - .md\:focus\:placeholder-white:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(255, 255, 255, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-teal-400:focus-within { + --tw-ring-offset-color: var(--colors-teal-400, #4fd1c5); } - .md\:focus\:placeholder-gray-50:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(249, 250, 251, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-teal-500:focus-within { + --tw-ring-offset-color: var(--colors-teal-500, #38b2ac); } - .md\:focus\:placeholder-gray-50:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(249, 250, 251, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-teal-600:focus-within { + --tw-ring-offset-color: var(--colors-teal-600, #319795); } - .md\:focus\:placeholder-gray-100:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(243, 244, 246, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-teal-700:focus-within { + --tw-ring-offset-color: var(--colors-teal-700, #2c7a7b); } - .md\:focus\:placeholder-gray-100:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(243, 244, 246, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-teal-800:focus-within { + --tw-ring-offset-color: var(--colors-teal-800, #285e61); } - .md\:focus\:placeholder-gray-200:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(229, 231, 235, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-teal-900:focus-within { + --tw-ring-offset-color: var(--colors-teal-900, #234e52); } - .md\:focus\:placeholder-gray-200:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(229, 231, 235, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-blue-100:focus-within { + --tw-ring-offset-color: var(--colors-blue-100, #ebf8ff); } - .md\:focus\:placeholder-gray-300:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(209, 213, 219, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-blue-200:focus-within { + --tw-ring-offset-color: var(--colors-blue-200, #bee3f8); } - .md\:focus\:placeholder-gray-300:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(209, 213, 219, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-blue-300:focus-within { + --tw-ring-offset-color: var(--colors-blue-300, #90cdf4); } - .md\:focus\:placeholder-gray-400:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(156, 163, 175, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-blue-400:focus-within { + --tw-ring-offset-color: var(--colors-blue-400, #63b3ed); } - .md\:focus\:placeholder-gray-400:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(156, 163, 175, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-blue-500:focus-within { + --tw-ring-offset-color: var(--colors-blue-500, #4299e1); } - .md\:focus\:placeholder-gray-500:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(107, 114, 128, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-blue-600:focus-within { + --tw-ring-offset-color: var(--colors-blue-600, #3182ce); } - .md\:focus\:placeholder-gray-500:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(107, 114, 128, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-blue-700:focus-within { + --tw-ring-offset-color: var(--colors-blue-700, #2b6cb0); } - .md\:focus\:placeholder-gray-600:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(75, 85, 99, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-blue-800:focus-within { + --tw-ring-offset-color: var(--colors-blue-800, #2c5282); } - .md\:focus\:placeholder-gray-600:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(75, 85, 99, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-blue-900:focus-within { + --tw-ring-offset-color: var(--colors-blue-900, #2a4365); } - .md\:focus\:placeholder-gray-700:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(55, 65, 81, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-indigo-100:focus-within { + --tw-ring-offset-color: var(--colors-indigo-100, #ebf4ff); } - .md\:focus\:placeholder-gray-700:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(55, 65, 81, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-indigo-200:focus-within { + --tw-ring-offset-color: var(--colors-indigo-200, #c3dafe); } - .md\:focus\:placeholder-gray-800:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(31, 41, 55, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-indigo-300:focus-within { + --tw-ring-offset-color: var(--colors-indigo-300, #a3bffa); } - .md\:focus\:placeholder-gray-800:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(31, 41, 55, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-indigo-400:focus-within { + --tw-ring-offset-color: var(--colors-indigo-400, #7f9cf5); } - .md\:focus\:placeholder-gray-900:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(17, 24, 39, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-indigo-500:focus-within { + --tw-ring-offset-color: var(--colors-indigo-500, #667eea); } - .md\:focus\:placeholder-gray-900:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(17, 24, 39, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-indigo-600:focus-within { + --tw-ring-offset-color: var(--colors-indigo-600, #5a67d8); } - .md\:focus\:placeholder-red-50:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 242, 242, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-indigo-700:focus-within { + --tw-ring-offset-color: var(--colors-indigo-700, #4c51bf); } - .md\:focus\:placeholder-red-50:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 242, 242, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-indigo-800:focus-within { + --tw-ring-offset-color: var(--colors-indigo-800, #434190); } - .md\:focus\:placeholder-red-100:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 226, 226, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-indigo-900:focus-within { + --tw-ring-offset-color: var(--colors-indigo-900, #3c366b); } - .md\:focus\:placeholder-red-100:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 226, 226, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-purple-100:focus-within { + --tw-ring-offset-color: var(--colors-purple-100, #faf5ff); } - .md\:focus\:placeholder-red-200:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 202, 202, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-purple-200:focus-within { + --tw-ring-offset-color: var(--colors-purple-200, #e9d8fd); } - .md\:focus\:placeholder-red-200:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 202, 202, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-purple-300:focus-within { + --tw-ring-offset-color: var(--colors-purple-300, #d6bcfa); } - .md\:focus\:placeholder-red-300:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(252, 165, 165, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-purple-400:focus-within { + --tw-ring-offset-color: var(--colors-purple-400, #b794f4); } - .md\:focus\:placeholder-red-300:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(252, 165, 165, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-purple-500:focus-within { + --tw-ring-offset-color: var(--colors-purple-500, #9f7aea); } - .md\:focus\:placeholder-red-400:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(248, 113, 113, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-purple-600:focus-within { + --tw-ring-offset-color: var(--colors-purple-600, #805ad5); } - .md\:focus\:placeholder-red-400:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(248, 113, 113, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-purple-700:focus-within { + --tw-ring-offset-color: var(--colors-purple-700, #6b46c1); } - .md\:focus\:placeholder-red-500:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(239, 68, 68, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-purple-800:focus-within { + --tw-ring-offset-color: var(--colors-purple-800, #553c9a); } - .md\:focus\:placeholder-red-500:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(239, 68, 68, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-purple-900:focus-within { + --tw-ring-offset-color: var(--colors-purple-900, #44337a); } - .md\:focus\:placeholder-red-600:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(220, 38, 38, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-pink-100:focus-within { + --tw-ring-offset-color: var(--colors-pink-100, #fff5f7); } - .md\:focus\:placeholder-red-600:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(220, 38, 38, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-pink-200:focus-within { + --tw-ring-offset-color: var(--colors-pink-200, #fed7e2); } - .md\:focus\:placeholder-red-700:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(185, 28, 28, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-pink-300:focus-within { + --tw-ring-offset-color: var(--colors-pink-300, #fbb6ce); } - .md\:focus\:placeholder-red-700:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(185, 28, 28, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-pink-400:focus-within { + --tw-ring-offset-color: var(--colors-pink-400, #f687b3); } - .md\:focus\:placeholder-red-800:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(153, 27, 27, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-pink-500:focus-within { + --tw-ring-offset-color: var(--colors-pink-500, #ed64a6); } - .md\:focus\:placeholder-red-800:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(153, 27, 27, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-pink-600:focus-within { + --tw-ring-offset-color: var(--colors-pink-600, #d53f8c); } - .md\:focus\:placeholder-red-900:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(127, 29, 29, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-pink-700:focus-within { + --tw-ring-offset-color: var(--colors-pink-700, #b83280); } - .md\:focus\:placeholder-red-900:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(127, 29, 29, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-pink-800:focus-within { + --tw-ring-offset-color: var(--colors-pink-800, #97266d); } - .md\:focus\:placeholder-yellow-50:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(255, 251, 235, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-colors-pink-900:focus-within { + --tw-ring-offset-color: var(--colors-pink-900, #702459); } - .md\:focus\:placeholder-yellow-50:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(255, 251, 235, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-Box\ Shadow:focus-within { + --tw-ring-offset-color: var(--box-shadow, #7f7e7f); } - .md\:focus\:placeholder-yellow-100:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 243, 199, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-Error16:focus-within { + --tw-ring-offset-color: var(--error16, #f03d3e40); } - .md\:focus\:placeholder-yellow-100:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 243, 199, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-Success16:focus-within { + --tw-ring-offset-color: var(--success16, #5bb14d40); } - .md\:focus\:placeholder-yellow-200:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(253, 230, 138, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-Notification16:focus-within { + --tw-ring-offset-color: var(--notification16, #3959ff40); } - .md\:focus\:placeholder-yellow-200:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(253, 230, 138, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-Error8:focus-within { + --tw-ring-offset-color: var(--error8, #f03d3e1a); } - .md\:focus\:placeholder-yellow-300:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(252, 211, 77, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-Notification8:focus-within { + --tw-ring-offset-color: var(--notification8, #3959ff1a); } - .md\:focus\:placeholder-yellow-300:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(252, 211, 77, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-Success8:focus-within { + --tw-ring-offset-color: var(--success8, #5bb14d1a); } - .md\:focus\:placeholder-yellow-400:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(251, 191, 36, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-Light\ -\ Overlay:focus-within { + --tw-ring-offset-color: var(--light-overlay, #f0edee66); } - .md\:focus\:placeholder-yellow-400:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(251, 191, 36, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-Dark-\ Overlay:focus-within { + --tw-ring-offset-color: var(--dark-overlay, #7f7e7f66); } - .md\:focus\:placeholder-yellow-500:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(245, 158, 11, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-black-40:focus-within { + --tw-ring-offset-color: var(--black-40, #00000066); } - .md\:focus\:placeholder-yellow-500:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(245, 158, 11, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-black-75:focus-within { + --tw-ring-offset-color: var(--black-75, #000000bf); } - .md\:focus\:placeholder-yellow-600:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(217, 119, 6, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-black-60:focus-within { + --tw-ring-offset-color: var(--black-60, #00000099); } - .md\:focus\:placeholder-yellow-600:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(217, 119, 6, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-black-50:focus-within { + --tw-ring-offset-color: var(--black-50, #00000080); } - .md\:focus\:placeholder-yellow-700:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(180, 83, 9, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-black-25:focus-within { + --tw-ring-offset-color: var(--black-25, #00000040); } - .md\:focus\:placeholder-yellow-700:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(180, 83, 9, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-black-10:focus-within { + --tw-ring-offset-color: var(--black-10, #0000001a); } - .md\:focus\:placeholder-yellow-800:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(146, 64, 14, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-white-25:focus-within { + --tw-ring-offset-color: var(--white-25, #ffffff40); } - .md\:focus\:placeholder-yellow-800:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(146, 64, 14, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-white-60:focus-within { + --tw-ring-offset-color: var(--white-60, #ffffff99); } - .md\:focus\:placeholder-yellow-900:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(120, 53, 15, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-black-64:focus-within { + --tw-ring-offset-color: var(--black-64, #000000a3); } - .md\:focus\:placeholder-yellow-900:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(120, 53, 15, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-Shadow\ and\ Highlight-Shadow:focus-within { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .md\:focus\:placeholder-green-50:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(236, 253, 245, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-Shadow\ and\ Highlight-Highlight:focus-within { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight, #474747); } - .md\:focus\:placeholder-green-50:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(236, 253, 245, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-Shadow\ and\ Highlight-highlight\ one:focus-within { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .md\:focus\:placeholder-green-100:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(209, 250, 229, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-Shadow\ and\ Highlight-highlight\ two:focus-within { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-two, #47474799); } - .md\:focus\:placeholder-green-100:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(209, 250, 229, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-Shadow\ and\ Highlight-highlight\ three:focus-within { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-three, #47474766); } - .md\:focus\:placeholder-green-200:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(167, 243, 208, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-Shadow\ and\ Highlight-highlight\ five:focus-within { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .md\:focus\:placeholder-green-200:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(167, 243, 208, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-Shadow\ and\ Highlight-shadow\ one:focus-within { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .md\:focus\:placeholder-green-300:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(110, 231, 183, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-Shadow\ and\ Highlight-shadow\ two:focus-within { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .md\:focus\:placeholder-green-300:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(110, 231, 183, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-Shadow\ and\ Highlight-shadow\ three:focus-within { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .md\:focus\:placeholder-green-400:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(52, 211, 153, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-Shadow\ and\ Highlight-shadow\ four:focus-within { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .md\:focus\:placeholder-green-400:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(52, 211, 153, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-Shadow\ and\ Highlight-shadow\ five:focus-within { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .md\:focus\:placeholder-green-500:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(16, 185, 129, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-Shadow\ and\ Highlight-highlight\ four:focus-within { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-four, #47474740); } - .md\:focus\:placeholder-green-500:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(16, 185, 129, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus-within { + --tw-ring-offset-color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .md\:focus\:placeholder-green-600:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(5, 150, 105, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus-within { + --tw-ring-offset-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .md\:focus\:placeholder-green-600:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(5, 150, 105, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus-within { + --tw-ring-offset-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .md\:focus\:placeholder-green-700:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(4, 120, 87, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus-within { + --tw-ring-offset-color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .md\:focus\:placeholder-green-700:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(4, 120, 87, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-Grey-Scale-white:focus-within { + --tw-ring-offset-color: var(--grey-scale-white, #ffffff); } - .md\:focus\:placeholder-green-800:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(6, 95, 70, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-Grey-Scale-off-white:focus-within { + --tw-ring-offset-color: var(--grey-scale-off-white, #f0edee); } - .md\:focus\:placeholder-green-800:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(6, 95, 70, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-Grey\ Scale-grey:focus-within { + --tw-ring-offset-color: var(--grey-scale-grey, #7f7e7f); } - .md\:focus\:placeholder-green-900:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(6, 78, 59, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-Grey\ Scale-charcoal:focus-within { + --tw-ring-offset-color: var(--grey-scale-charcoal, #474747); } - .md\:focus\:placeholder-green-900:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(6, 78, 59, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-Grey\ Scale-off-black:focus-within { + --tw-ring-offset-color: var(--grey-scale-off-black, #1c1c1c); } - .md\:focus\:placeholder-blue-50:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(239, 246, 255, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-Grey\ Scale-black:focus-within { + --tw-ring-offset-color: var(--grey-scale-black, #000000); } - .md\:focus\:placeholder-blue-50:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(239, 246, 255, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-Blue-blue:focus-within { + --tw-ring-offset-color: var(--blue-blue, #3a7ca5); } - .md\:focus\:placeholder-blue-100:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(219, 234, 254, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-Blue-blue-100:focus-within { + --tw-ring-offset-color: var(--blue-blue-100, #75a3c0); } - .md\:focus\:placeholder-blue-100:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(219, 234, 254, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-Blue-blue-200:focus-within { + --tw-ring-offset-color: var(--blue-blue-200, #9cbed2); } - .md\:focus\:placeholder-blue-200:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(191, 219, 254, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-Blue-blue-300:focus-within { + --tw-ring-offset-color: var(--blue-blue-300, #4f7d9a); } - .md\:focus\:placeholder-blue-200:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(191, 219, 254, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-Blue-blue-400:focus-within { + --tw-ring-offset-color: var(--blue-blue-400, #5c7d92); } - .md\:focus\:placeholder-blue-300:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(147, 197, 253, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-Blue-blue-500:focus-within { + --tw-ring-offset-color: var(--blue-blue-500, #347095); } - .md\:focus\:placeholder-blue-300:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(147, 197, 253, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-Blue-blue-600:focus-within { + --tw-ring-offset-color: var(--blue-blue-600, #295774); } - .md\:focus\:placeholder-blue-400:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(96, 165, 250, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-Blue-blue-700:focus-within { + --tw-ring-offset-color: var(--blue-blue-700, #173242); } - .md\:focus\:placeholder-blue-400:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(96, 165, 250, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-LightBlue-lightblue:focus-within { + --tw-ring-offset-color: var(--light-blue-lightblue, #81c3d7); } - .md\:focus\:placeholder-blue-500:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(59, 130, 246, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-LightBlue-lightblue-100:focus-within { + --tw-ring-offset-color: var(--light-blue-lightblue-100, #a7d5e3); } - .md\:focus\:placeholder-blue-500:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(59, 130, 246, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-LightBlue-lightblue-200:focus-within { + --tw-ring-offset-color: var(--light-blue-lightblue-200, #c0e1eb); } - .md\:focus\:placeholder-blue-600:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(37, 99, 235, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-LightBlue-lightblue-300:focus-within { + --tw-ring-offset-color: var(--light-blue-lightblue-300, #80aebd); } - .md\:focus\:placeholder-blue-600:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(37, 99, 235, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-LightBlue-lightblue-400:focus-within { + --tw-ring-offset-color: var(--light-blue-lightblue-400, #80a0ab); } - .md\:focus\:placeholder-blue-700:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(29, 78, 216, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-LightBlue-lightblue-500:focus-within { + --tw-ring-offset-color: var(--light-blue-lightblue-500, #74afc1); } - .md\:focus\:placeholder-blue-700:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(29, 78, 216, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-LightBlue-lightblue-600:focus-within { + --tw-ring-offset-color: var(--light-blue-lightblue-600, #5a8997); } - .md\:focus\:placeholder-blue-800:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(30, 64, 175, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-LightBlue-lightblue-650:focus-within { + --tw-ring-offset-color: var(--light-blue-lightblue-650, #3e5e65); } - .md\:focus\:placeholder-blue-800:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(30, 64, 175, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-LightBlue-lightblue-700:focus-within { + --tw-ring-offset-color: var(--light-blue-lightblue-700, #344e56); } - .md\:focus\:placeholder-blue-900:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(30, 58, 138, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-Orange-orange:focus-within { + --tw-ring-offset-color: var(--orange-orange, #ff7f0e); } - .md\:focus\:placeholder-blue-900:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(30, 58, 138, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-Orange-orange-100:focus-within { + --tw-ring-offset-color: var(--orange-orange-100, #ffa556); } - .md\:focus\:placeholder-indigo-50:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(238, 242, 255, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-Orange-orange-200:focus-within { + --tw-ring-offset-color: var(--orange-orange-200, #ffbf86); } - .md\:focus\:placeholder-indigo-50:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(238, 242, 255, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-Orange-orange-300:focus-within { + --tw-ring-offset-color: var(--orange-orange-300, #d97f30); } - .md\:focus\:placeholder-indigo-100:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(224, 231, 255, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-Orange-orange-400:focus-within { + --tw-ring-offset-color: var(--orange-orange-400, #bf7e46); } - .md\:focus\:placeholder-indigo-100:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(224, 231, 255, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-Orange-orange-500:focus-within { + --tw-ring-offset-color: var(--orange-orange-500, #e5720d); } - .md\:focus\:placeholder-indigo-200:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(199, 210, 254, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-Orange-orange-600:focus-within { + --tw-ring-offset-color: var(--orange-orange-600, #b3590a); } - .md\:focus\:placeholder-indigo-200:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(199, 210, 254, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-Orange-orange-700:focus-within { + --tw-ring-offset-color: var(--orange-orange-700, #663306); } - .md\:focus\:placeholder-indigo-300:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(165, 180, 252, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-Yellow-yellow:focus-within { + --tw-ring-offset-color: var(--yellow-yellow, #ffab00); } - .md\:focus\:placeholder-indigo-300:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(165, 180, 252, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-Yellow-yellow-100:focus-within { + --tw-ring-offset-color: var(--yellow-yellow-100, #ffc44c); } - .md\:focus\:placeholder-indigo-400:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(129, 140, 248, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-Yellow-yellow-200:focus-within { + --tw-ring-offset-color: var(--yellow-yellow-200, #ffd580); } - .md\:focus\:placeholder-indigo-400:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(129, 140, 248, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-Yellow-yellow-300:focus-within { + --tw-ring-offset-color: var(--yellow-yellow-300, #d99d26); } - .md\:focus\:placeholder-indigo-500:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(99, 102, 241, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-Yellow-yellow-400:focus-within { + --tw-ring-offset-color: var(--yellow-yellow-400, #bf943f); } - .md\:focus\:placeholder-indigo-500:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(99, 102, 241, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-Yellow-yellow-500:focus-within { + --tw-ring-offset-color: var(--yellow-yellow-500, #e59a00); } - .md\:focus\:placeholder-indigo-600:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(79, 70, 229, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-Yellow-yellow-600:focus-within { + --tw-ring-offset-color: var(--yellow-yellow-600, #b37800); } - .md\:focus\:placeholder-indigo-600:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(79, 70, 229, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-Yellow-yellow-700:focus-within { + --tw-ring-offset-color: var(--yellow-yellow-700, #664400); } - .md\:focus\:placeholder-indigo-700:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(67, 56, 202, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-Notification-notification:focus-within { + --tw-ring-offset-color: var(--notification-notification, #3959ff); } - .md\:focus\:placeholder-indigo-700:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(67, 56, 202, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-Notification-notification-100:focus-within { + --tw-ring-offset-color: var(--notification-notification-100, #748bff); } - .md\:focus\:placeholder-indigo-800:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(55, 48, 163, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-Notification-notification-200:focus-within { + --tw-ring-offset-color: var(--notification-notification-200, #9cacff); } - .md\:focus\:placeholder-indigo-800:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(55, 48, 163, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-Notification-notification-300:focus-within { + --tw-ring-offset-color: var(--notification-notification-300, #4e64d9); } - .md\:focus\:placeholder-indigo-900:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(49, 46, 129, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-Notification-notification-400:focus-within { + --tw-ring-offset-color: var(--notification-notification-400, #5c6cbf); } - .md\:focus\:placeholder-indigo-900:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(49, 46, 129, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-Notification-notification-500:focus-within { + --tw-ring-offset-color: var(--notification-notification-500, #3350e5); } - .md\:focus\:placeholder-purple-50:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(245, 243, 255, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-Notification-notification-600:focus-within { + --tw-ring-offset-color: var(--notification-notification-600, #283eb3); } - .md\:focus\:placeholder-purple-50:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(245, 243, 255, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-Notification-notification-700:focus-within { + --tw-ring-offset-color: var(--notification-notification-700, #172466); } - .md\:focus\:placeholder-purple-100:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(237, 233, 254, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-Success-success\ -700:focus-within { + --tw-ring-offset-color: var(--success-success-700, #24471f); } - .md\:focus\:placeholder-purple-100:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(237, 233, 254, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-Success-success:focus-within { + --tw-ring-offset-color: var(--success-success, #5bb14d); } - .md\:focus\:placeholder-purple-200:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(221, 214, 254, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-Success-success\ -100:focus-within { + --tw-ring-offset-color: var(--success-success-100, #8cc882); } - .md\:focus\:placeholder-purple-200:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(221, 214, 254, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-Success-success\ -200:focus-within { + --tw-ring-offset-color: var(--success-success-200, #add8a6); } - .md\:focus\:placeholder-purple-300:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(196, 181, 253, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-Success-success\ -300:focus-within { + --tw-ring-offset-color: var(--success-success-300, #66a25c); } - .md\:focus\:placeholder-purple-300:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(196, 181, 253, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-Success-success\ -400:focus-within { + --tw-ring-offset-color: var(--success-success-400, #6d9766); } - .md\:focus\:placeholder-purple-400:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(167, 139, 250, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-Success-success\ -500:focus-within { + --tw-ring-offset-color: var(--success-success-500, #529f45); } - .md\:focus\:placeholder-purple-400:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(167, 139, 250, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-Success-success\ -600:focus-within { + --tw-ring-offset-color: var(--success-success-600, #407c36); } - .md\:focus\:placeholder-purple-500:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(139, 92, 246, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-Error-error:focus-within { + --tw-ring-offset-color: var(--error-error, #f03d3e); } - .md\:focus\:placeholder-purple-500:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(139, 92, 246, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-Error-error-100:focus-within { + --tw-ring-offset-color: var(--error-error-100, #f57778); } - .md\:focus\:placeholder-purple-600:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(124, 58, 237, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-Error-error-200:focus-within { + --tw-ring-offset-color: var(--error-error-200, #f89e9e); } - .md\:focus\:placeholder-purple-600:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(124, 58, 237, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-Error-error-250:focus-within { + --tw-ring-offset-color: var(--error-error-250, #f9c8c8); } - .md\:focus\:placeholder-purple-700:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(109, 40, 217, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-Error-error-300:focus-within { + --tw-ring-offset-color: var(--error-error-300, #ce5151); } - .md\:focus\:placeholder-purple-700:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(109, 40, 217, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-Error-error-400:focus-within { + --tw-ring-offset-color: var(--error-error-400, #b85e5e); } - .md\:focus\:placeholder-purple-800:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(91, 33, 182, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-Error-error-500:focus-within { + --tw-ring-offset-color: var(--error-error-500, #d83738); } - .md\:focus\:placeholder-purple-800:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(91, 33, 182, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-Error-error-600:focus-within { + --tw-ring-offset-color: var(--error-error-600, #a82b2b); } - .md\:focus\:placeholder-purple-900:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(76, 29, 149, var(--tw-placeholder-opacity)); + .lg\:focus-within\:ring-offset-Error-error-700:focus-within { + --tw-ring-offset-color: var(--error-error-700, #601819); } - .md\:focus\:placeholder-purple-900:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(76, 29, 149, var(--tw-placeholder-opacity)); + .lg\:focus\:ring-offset-colors-black:focus { + --tw-ring-offset-color: var(--colors-black, #000000); } - .md\:focus\:placeholder-pink-50:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(253, 242, 248, var(--tw-placeholder-opacity)); + .lg\:focus\:ring-offset-colors-white:focus { + --tw-ring-offset-color: var(--colors-white, #ffffff); } - .md\:focus\:placeholder-pink-50:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(253, 242, 248, var(--tw-placeholder-opacity)); + .lg\:focus\:ring-offset-colors-gray-100:focus { + --tw-ring-offset-color: var(--colors-gray-100, #f7fafc); } - .md\:focus\:placeholder-pink-100:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(252, 231, 243, var(--tw-placeholder-opacity)); + .lg\:focus\:ring-offset-colors-gray-200:focus { + --tw-ring-offset-color: var(--colors-gray-200, #edf2f7); } - .md\:focus\:placeholder-pink-100:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(252, 231, 243, var(--tw-placeholder-opacity)); + .lg\:focus\:ring-offset-colors-gray-300:focus { + --tw-ring-offset-color: var(--colors-gray-300, #e2e8f0); } - .md\:focus\:placeholder-pink-200:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(251, 207, 232, var(--tw-placeholder-opacity)); + .lg\:focus\:ring-offset-colors-gray-400:focus { + --tw-ring-offset-color: var(--colors-gray-400, #cbd5e0); } - .md\:focus\:placeholder-pink-200:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(251, 207, 232, var(--tw-placeholder-opacity)); + .lg\:focus\:ring-offset-colors-gray-500:focus { + --tw-ring-offset-color: var(--colors-gray-500, #a0aec0); } - .md\:focus\:placeholder-pink-300:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(249, 168, 212, var(--tw-placeholder-opacity)); + .lg\:focus\:ring-offset-colors-gray-600:focus { + --tw-ring-offset-color: var(--colors-gray-600, #718096); } - .md\:focus\:placeholder-pink-300:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(249, 168, 212, var(--tw-placeholder-opacity)); + .lg\:focus\:ring-offset-colors-gray-700:focus { + --tw-ring-offset-color: var(--colors-gray-700, #4a5568); } - .md\:focus\:placeholder-pink-400:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(244, 114, 182, var(--tw-placeholder-opacity)); + .lg\:focus\:ring-offset-colors-gray-800:focus { + --tw-ring-offset-color: var(--colors-gray-800, #2d3748); } - .md\:focus\:placeholder-pink-400:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(244, 114, 182, var(--tw-placeholder-opacity)); + .lg\:focus\:ring-offset-colors-gray-900:focus { + --tw-ring-offset-color: var(--colors-gray-900, #1a202c); } - .md\:focus\:placeholder-pink-500:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(236, 72, 153, var(--tw-placeholder-opacity)); + .lg\:focus\:ring-offset-colors-red-100:focus { + --tw-ring-offset-color: var(--colors-red-100, #fff5f5); } - .md\:focus\:placeholder-pink-500:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(236, 72, 153, var(--tw-placeholder-opacity)); + .lg\:focus\:ring-offset-colors-red-200:focus { + --tw-ring-offset-color: var(--colors-red-200, #fed7d7); } - .md\:focus\:placeholder-pink-600:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(219, 39, 119, var(--tw-placeholder-opacity)); + .lg\:focus\:ring-offset-colors-red-300:focus { + --tw-ring-offset-color: var(--colors-red-300, #feb2b2); } - .md\:focus\:placeholder-pink-600:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(219, 39, 119, var(--tw-placeholder-opacity)); + .lg\:focus\:ring-offset-colors-red-400:focus { + --tw-ring-offset-color: var(--colors-red-400, #fc8181); } - .md\:focus\:placeholder-pink-700:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(190, 24, 93, var(--tw-placeholder-opacity)); + .lg\:focus\:ring-offset-colors-red-500:focus { + --tw-ring-offset-color: var(--colors-red-500, #f56565); } - .md\:focus\:placeholder-pink-700:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(190, 24, 93, var(--tw-placeholder-opacity)); + .lg\:focus\:ring-offset-colors-red-600:focus { + --tw-ring-offset-color: var(--colors-red-600, #e53e3e); } - .md\:focus\:placeholder-pink-800:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(157, 23, 77, var(--tw-placeholder-opacity)); + .lg\:focus\:ring-offset-colors-red-700:focus { + --tw-ring-offset-color: var(--colors-red-700, #c53030); } - .md\:focus\:placeholder-pink-800:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(157, 23, 77, var(--tw-placeholder-opacity)); + .lg\:focus\:ring-offset-colors-red-800:focus { + --tw-ring-offset-color: var(--colors-red-800, #9b2c2c); } - .md\:focus\:placeholder-pink-900:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(131, 24, 67, var(--tw-placeholder-opacity)); + .lg\:focus\:ring-offset-colors-red-900:focus { + --tw-ring-offset-color: var(--colors-red-900, #742a2a); } - .md\:focus\:placeholder-pink-900:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(131, 24, 67, var(--tw-placeholder-opacity)); + .lg\:focus\:ring-offset-colors-orange-100:focus { + --tw-ring-offset-color: var(--colors-orange-100, #fffaf0); } - .md\:placeholder-opacity-0::-moz-placeholder { - --tw-placeholder-opacity: 0; + .lg\:focus\:ring-offset-colors-orange-200:focus { + --tw-ring-offset-color: var(--colors-orange-200, #feebc8); } - .md\:placeholder-opacity-0::placeholder { - --tw-placeholder-opacity: 0; + .lg\:focus\:ring-offset-colors-orange-300:focus { + --tw-ring-offset-color: var(--colors-orange-300, #fbd38d); } - .md\:placeholder-opacity-5::-moz-placeholder { - --tw-placeholder-opacity: 0.05; + .lg\:focus\:ring-offset-colors-orange-400:focus { + --tw-ring-offset-color: var(--colors-orange-400, #f6ad55); } - .md\:placeholder-opacity-5::placeholder { - --tw-placeholder-opacity: 0.05; + .lg\:focus\:ring-offset-colors-orange-500:focus { + --tw-ring-offset-color: var(--colors-orange-500, #ed8936); } - .md\:placeholder-opacity-10::-moz-placeholder { - --tw-placeholder-opacity: 0.1; + .lg\:focus\:ring-offset-colors-orange-600:focus { + --tw-ring-offset-color: var(--colors-orange-600, #dd6b20); } - .md\:placeholder-opacity-10::placeholder { - --tw-placeholder-opacity: 0.1; + .lg\:focus\:ring-offset-colors-orange-700:focus { + --tw-ring-offset-color: var(--colors-orange-700, #c05621); } - .md\:placeholder-opacity-20::-moz-placeholder { - --tw-placeholder-opacity: 0.2; + .lg\:focus\:ring-offset-colors-orange-800:focus { + --tw-ring-offset-color: var(--colors-orange-800, #9c4221); } - .md\:placeholder-opacity-20::placeholder { - --tw-placeholder-opacity: 0.2; + .lg\:focus\:ring-offset-colors-orange-900:focus { + --tw-ring-offset-color: var(--colors-orange-900, #7b341e); } - .md\:placeholder-opacity-25::-moz-placeholder { - --tw-placeholder-opacity: 0.25; + .lg\:focus\:ring-offset-colors-yellow-100:focus { + --tw-ring-offset-color: var(--colors-yellow-100, #fffff0); } - .md\:placeholder-opacity-25::placeholder { - --tw-placeholder-opacity: 0.25; + .lg\:focus\:ring-offset-colors-yellow-200:focus { + --tw-ring-offset-color: var(--colors-yellow-200, #fefcbf); } - .md\:placeholder-opacity-30::-moz-placeholder { - --tw-placeholder-opacity: 0.3; + .lg\:focus\:ring-offset-colors-yellow-300:focus { + --tw-ring-offset-color: var(--colors-yellow-300, #faf089); } - .md\:placeholder-opacity-30::placeholder { - --tw-placeholder-opacity: 0.3; + .lg\:focus\:ring-offset-colors-yellow-400:focus { + --tw-ring-offset-color: var(--colors-yellow-400, #f6e05e); } - .md\:placeholder-opacity-40::-moz-placeholder { - --tw-placeholder-opacity: 0.4; + .lg\:focus\:ring-offset-colors-yellow-500:focus { + --tw-ring-offset-color: var(--colors-yellow-500, #ecc94b); } - .md\:placeholder-opacity-40::placeholder { - --tw-placeholder-opacity: 0.4; + .lg\:focus\:ring-offset-colors-yellow-600:focus { + --tw-ring-offset-color: var(--colors-yellow-600, #d69e2e); } - .md\:placeholder-opacity-50::-moz-placeholder { - --tw-placeholder-opacity: 0.5; + .lg\:focus\:ring-offset-colors-yellow-700:focus { + --tw-ring-offset-color: var(--colors-yellow-700, #b7791f); } - .md\:placeholder-opacity-50::placeholder { - --tw-placeholder-opacity: 0.5; + .lg\:focus\:ring-offset-colors-yellow-800:focus { + --tw-ring-offset-color: var(--colors-yellow-800, #975a16); } - .md\:placeholder-opacity-60::-moz-placeholder { - --tw-placeholder-opacity: 0.6; + .lg\:focus\:ring-offset-colors-yellow-900:focus { + --tw-ring-offset-color: var(--colors-yellow-900, #744210); } - .md\:placeholder-opacity-60::placeholder { - --tw-placeholder-opacity: 0.6; + .lg\:focus\:ring-offset-colors-green-100:focus { + --tw-ring-offset-color: var(--colors-green-100, #f0fff4); } - .md\:placeholder-opacity-70::-moz-placeholder { - --tw-placeholder-opacity: 0.7; + .lg\:focus\:ring-offset-colors-green-200:focus { + --tw-ring-offset-color: var(--colors-green-200, #c6f6d5); } - .md\:placeholder-opacity-70::placeholder { - --tw-placeholder-opacity: 0.7; + .lg\:focus\:ring-offset-colors-green-300:focus { + --tw-ring-offset-color: var(--colors-green-300, #9ae6b4); } - .md\:placeholder-opacity-75::-moz-placeholder { - --tw-placeholder-opacity: 0.75; + .lg\:focus\:ring-offset-colors-green-400:focus { + --tw-ring-offset-color: var(--colors-green-400, #68d391); } - .md\:placeholder-opacity-75::placeholder { - --tw-placeholder-opacity: 0.75; + .lg\:focus\:ring-offset-colors-green-500:focus { + --tw-ring-offset-color: var(--colors-green-500, #48bb78); } - .md\:placeholder-opacity-80::-moz-placeholder { - --tw-placeholder-opacity: 0.8; + .lg\:focus\:ring-offset-colors-green-600:focus { + --tw-ring-offset-color: var(--colors-green-600, #38a169); } - .md\:placeholder-opacity-80::placeholder { - --tw-placeholder-opacity: 0.8; + .lg\:focus\:ring-offset-colors-green-700:focus { + --tw-ring-offset-color: var(--colors-green-700, #2f855a); } - .md\:placeholder-opacity-90::-moz-placeholder { - --tw-placeholder-opacity: 0.9; + .lg\:focus\:ring-offset-colors-green-800:focus { + --tw-ring-offset-color: var(--colors-green-800, #276749); } - .md\:placeholder-opacity-90::placeholder { - --tw-placeholder-opacity: 0.9; + .lg\:focus\:ring-offset-colors-green-900:focus { + --tw-ring-offset-color: var(--colors-green-900, #22543d); } - .md\:placeholder-opacity-95::-moz-placeholder { - --tw-placeholder-opacity: 0.95; + .lg\:focus\:ring-offset-colors-teal-100:focus { + --tw-ring-offset-color: var(--colors-teal-100, #e6fffa); } - .md\:placeholder-opacity-95::placeholder { - --tw-placeholder-opacity: 0.95; + .lg\:focus\:ring-offset-colors-teal-200:focus { + --tw-ring-offset-color: var(--colors-teal-200, #b2f5ea); } - .md\:placeholder-opacity-100::-moz-placeholder { - --tw-placeholder-opacity: 1; + .lg\:focus\:ring-offset-colors-teal-300:focus { + --tw-ring-offset-color: var(--colors-teal-300, #81e6d9); } - .md\:placeholder-opacity-100::placeholder { - --tw-placeholder-opacity: 1; + .lg\:focus\:ring-offset-colors-teal-400:focus { + --tw-ring-offset-color: var(--colors-teal-400, #4fd1c5); } - .md\:focus\:placeholder-opacity-0:focus::-moz-placeholder { - --tw-placeholder-opacity: 0; + .lg\:focus\:ring-offset-colors-teal-500:focus { + --tw-ring-offset-color: var(--colors-teal-500, #38b2ac); } - .md\:focus\:placeholder-opacity-0:focus::placeholder { - --tw-placeholder-opacity: 0; + .lg\:focus\:ring-offset-colors-teal-600:focus { + --tw-ring-offset-color: var(--colors-teal-600, #319795); } - .md\:focus\:placeholder-opacity-5:focus::-moz-placeholder { - --tw-placeholder-opacity: 0.05; + .lg\:focus\:ring-offset-colors-teal-700:focus { + --tw-ring-offset-color: var(--colors-teal-700, #2c7a7b); } - .md\:focus\:placeholder-opacity-5:focus::placeholder { - --tw-placeholder-opacity: 0.05; + .lg\:focus\:ring-offset-colors-teal-800:focus { + --tw-ring-offset-color: var(--colors-teal-800, #285e61); } - .md\:focus\:placeholder-opacity-10:focus::-moz-placeholder { - --tw-placeholder-opacity: 0.1; + .lg\:focus\:ring-offset-colors-teal-900:focus { + --tw-ring-offset-color: var(--colors-teal-900, #234e52); } - .md\:focus\:placeholder-opacity-10:focus::placeholder { - --tw-placeholder-opacity: 0.1; + .lg\:focus\:ring-offset-colors-blue-100:focus { + --tw-ring-offset-color: var(--colors-blue-100, #ebf8ff); } - .md\:focus\:placeholder-opacity-20:focus::-moz-placeholder { - --tw-placeholder-opacity: 0.2; + .lg\:focus\:ring-offset-colors-blue-200:focus { + --tw-ring-offset-color: var(--colors-blue-200, #bee3f8); } - .md\:focus\:placeholder-opacity-20:focus::placeholder { - --tw-placeholder-opacity: 0.2; + .lg\:focus\:ring-offset-colors-blue-300:focus { + --tw-ring-offset-color: var(--colors-blue-300, #90cdf4); } - .md\:focus\:placeholder-opacity-25:focus::-moz-placeholder { - --tw-placeholder-opacity: 0.25; + .lg\:focus\:ring-offset-colors-blue-400:focus { + --tw-ring-offset-color: var(--colors-blue-400, #63b3ed); } - .md\:focus\:placeholder-opacity-25:focus::placeholder { - --tw-placeholder-opacity: 0.25; + .lg\:focus\:ring-offset-colors-blue-500:focus { + --tw-ring-offset-color: var(--colors-blue-500, #4299e1); } - .md\:focus\:placeholder-opacity-30:focus::-moz-placeholder { - --tw-placeholder-opacity: 0.3; + .lg\:focus\:ring-offset-colors-blue-600:focus { + --tw-ring-offset-color: var(--colors-blue-600, #3182ce); } - .md\:focus\:placeholder-opacity-30:focus::placeholder { - --tw-placeholder-opacity: 0.3; + .lg\:focus\:ring-offset-colors-blue-700:focus { + --tw-ring-offset-color: var(--colors-blue-700, #2b6cb0); } - .md\:focus\:placeholder-opacity-40:focus::-moz-placeholder { - --tw-placeholder-opacity: 0.4; + .lg\:focus\:ring-offset-colors-blue-800:focus { + --tw-ring-offset-color: var(--colors-blue-800, #2c5282); } - .md\:focus\:placeholder-opacity-40:focus::placeholder { - --tw-placeholder-opacity: 0.4; + .lg\:focus\:ring-offset-colors-blue-900:focus { + --tw-ring-offset-color: var(--colors-blue-900, #2a4365); } - .md\:focus\:placeholder-opacity-50:focus::-moz-placeholder { - --tw-placeholder-opacity: 0.5; + .lg\:focus\:ring-offset-colors-indigo-100:focus { + --tw-ring-offset-color: var(--colors-indigo-100, #ebf4ff); } - .md\:focus\:placeholder-opacity-50:focus::placeholder { - --tw-placeholder-opacity: 0.5; + .lg\:focus\:ring-offset-colors-indigo-200:focus { + --tw-ring-offset-color: var(--colors-indigo-200, #c3dafe); } - .md\:focus\:placeholder-opacity-60:focus::-moz-placeholder { - --tw-placeholder-opacity: 0.6; + .lg\:focus\:ring-offset-colors-indigo-300:focus { + --tw-ring-offset-color: var(--colors-indigo-300, #a3bffa); } - .md\:focus\:placeholder-opacity-60:focus::placeholder { - --tw-placeholder-opacity: 0.6; + .lg\:focus\:ring-offset-colors-indigo-400:focus { + --tw-ring-offset-color: var(--colors-indigo-400, #7f9cf5); } - .md\:focus\:placeholder-opacity-70:focus::-moz-placeholder { - --tw-placeholder-opacity: 0.7; + .lg\:focus\:ring-offset-colors-indigo-500:focus { + --tw-ring-offset-color: var(--colors-indigo-500, #667eea); } - .md\:focus\:placeholder-opacity-70:focus::placeholder { - --tw-placeholder-opacity: 0.7; + .lg\:focus\:ring-offset-colors-indigo-600:focus { + --tw-ring-offset-color: var(--colors-indigo-600, #5a67d8); } - .md\:focus\:placeholder-opacity-75:focus::-moz-placeholder { - --tw-placeholder-opacity: 0.75; + .lg\:focus\:ring-offset-colors-indigo-700:focus { + --tw-ring-offset-color: var(--colors-indigo-700, #4c51bf); } - .md\:focus\:placeholder-opacity-75:focus::placeholder { - --tw-placeholder-opacity: 0.75; + .lg\:focus\:ring-offset-colors-indigo-800:focus { + --tw-ring-offset-color: var(--colors-indigo-800, #434190); } - .md\:focus\:placeholder-opacity-80:focus::-moz-placeholder { - --tw-placeholder-opacity: 0.8; + .lg\:focus\:ring-offset-colors-indigo-900:focus { + --tw-ring-offset-color: var(--colors-indigo-900, #3c366b); } - .md\:focus\:placeholder-opacity-80:focus::placeholder { - --tw-placeholder-opacity: 0.8; + .lg\:focus\:ring-offset-colors-purple-100:focus { + --tw-ring-offset-color: var(--colors-purple-100, #faf5ff); } - .md\:focus\:placeholder-opacity-90:focus::-moz-placeholder { - --tw-placeholder-opacity: 0.9; + .lg\:focus\:ring-offset-colors-purple-200:focus { + --tw-ring-offset-color: var(--colors-purple-200, #e9d8fd); } - .md\:focus\:placeholder-opacity-90:focus::placeholder { - --tw-placeholder-opacity: 0.9; + .lg\:focus\:ring-offset-colors-purple-300:focus { + --tw-ring-offset-color: var(--colors-purple-300, #d6bcfa); } - .md\:focus\:placeholder-opacity-95:focus::-moz-placeholder { - --tw-placeholder-opacity: 0.95; + .lg\:focus\:ring-offset-colors-purple-400:focus { + --tw-ring-offset-color: var(--colors-purple-400, #b794f4); } - .md\:focus\:placeholder-opacity-95:focus::placeholder { - --tw-placeholder-opacity: 0.95; + .lg\:focus\:ring-offset-colors-purple-500:focus { + --tw-ring-offset-color: var(--colors-purple-500, #9f7aea); } - .md\:focus\:placeholder-opacity-100:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; + .lg\:focus\:ring-offset-colors-purple-600:focus { + --tw-ring-offset-color: var(--colors-purple-600, #805ad5); } - .md\:focus\:placeholder-opacity-100:focus::placeholder { - --tw-placeholder-opacity: 1; + .lg\:focus\:ring-offset-colors-purple-700:focus { + --tw-ring-offset-color: var(--colors-purple-700, #6b46c1); } - .md\:opacity-0 { - opacity: 0; + .lg\:focus\:ring-offset-colors-purple-800:focus { + --tw-ring-offset-color: var(--colors-purple-800, #553c9a); } - .md\:opacity-5 { - opacity: 0.05; + .lg\:focus\:ring-offset-colors-purple-900:focus { + --tw-ring-offset-color: var(--colors-purple-900, #44337a); } - .md\:opacity-10 { - opacity: 0.1; + .lg\:focus\:ring-offset-colors-pink-100:focus { + --tw-ring-offset-color: var(--colors-pink-100, #fff5f7); } - .md\:opacity-20 { - opacity: 0.2; + .lg\:focus\:ring-offset-colors-pink-200:focus { + --tw-ring-offset-color: var(--colors-pink-200, #fed7e2); } - .md\:opacity-25 { - opacity: 0.25; + .lg\:focus\:ring-offset-colors-pink-300:focus { + --tw-ring-offset-color: var(--colors-pink-300, #fbb6ce); } - .md\:opacity-30 { - opacity: 0.3; + .lg\:focus\:ring-offset-colors-pink-400:focus { + --tw-ring-offset-color: var(--colors-pink-400, #f687b3); } - .md\:opacity-40 { - opacity: 0.4; + .lg\:focus\:ring-offset-colors-pink-500:focus { + --tw-ring-offset-color: var(--colors-pink-500, #ed64a6); } - .md\:opacity-50 { - opacity: 0.5; + .lg\:focus\:ring-offset-colors-pink-600:focus { + --tw-ring-offset-color: var(--colors-pink-600, #d53f8c); } - .md\:opacity-60 { - opacity: 0.6; + .lg\:focus\:ring-offset-colors-pink-700:focus { + --tw-ring-offset-color: var(--colors-pink-700, #b83280); } - .md\:opacity-70 { - opacity: 0.7; + .lg\:focus\:ring-offset-colors-pink-800:focus { + --tw-ring-offset-color: var(--colors-pink-800, #97266d); } - .md\:opacity-75 { - opacity: 0.75; + .lg\:focus\:ring-offset-colors-pink-900:focus { + --tw-ring-offset-color: var(--colors-pink-900, #702459); } - .md\:opacity-80 { - opacity: 0.8; + .lg\:focus\:ring-offset-Box\ Shadow:focus { + --tw-ring-offset-color: var(--box-shadow, #7f7e7f); } - .md\:opacity-90 { - opacity: 0.9; + .lg\:focus\:ring-offset-Error16:focus { + --tw-ring-offset-color: var(--error16, #f03d3e40); } - .md\:opacity-95 { - opacity: 0.95; + .lg\:focus\:ring-offset-Success16:focus { + --tw-ring-offset-color: var(--success16, #5bb14d40); } - .md\:opacity-100 { - opacity: 1; + .lg\:focus\:ring-offset-Notification16:focus { + --tw-ring-offset-color: var(--notification16, #3959ff40); } - .group:hover .md\:group-hover\:opacity-0 { - opacity: 0; + .lg\:focus\:ring-offset-Error8:focus { + --tw-ring-offset-color: var(--error8, #f03d3e1a); } - .group:hover .md\:group-hover\:opacity-5 { - opacity: 0.05; + .lg\:focus\:ring-offset-Notification8:focus { + --tw-ring-offset-color: var(--notification8, #3959ff1a); } - .group:hover .md\:group-hover\:opacity-10 { - opacity: 0.1; + .lg\:focus\:ring-offset-Success8:focus { + --tw-ring-offset-color: var(--success8, #5bb14d1a); } - .group:hover .md\:group-hover\:opacity-20 { - opacity: 0.2; + .lg\:focus\:ring-offset-Light\ -\ Overlay:focus { + --tw-ring-offset-color: var(--light-overlay, #f0edee66); } - .group:hover .md\:group-hover\:opacity-25 { - opacity: 0.25; + .lg\:focus\:ring-offset-Dark-\ Overlay:focus { + --tw-ring-offset-color: var(--dark-overlay, #7f7e7f66); } - .group:hover .md\:group-hover\:opacity-30 { - opacity: 0.3; + .lg\:focus\:ring-offset-black-40:focus { + --tw-ring-offset-color: var(--black-40, #00000066); } - .group:hover .md\:group-hover\:opacity-40 { - opacity: 0.4; + .lg\:focus\:ring-offset-black-75:focus { + --tw-ring-offset-color: var(--black-75, #000000bf); } - .group:hover .md\:group-hover\:opacity-50 { - opacity: 0.5; + .lg\:focus\:ring-offset-black-60:focus { + --tw-ring-offset-color: var(--black-60, #00000099); } - .group:hover .md\:group-hover\:opacity-60 { - opacity: 0.6; + .lg\:focus\:ring-offset-black-50:focus { + --tw-ring-offset-color: var(--black-50, #00000080); } - .group:hover .md\:group-hover\:opacity-70 { - opacity: 0.7; + .lg\:focus\:ring-offset-black-25:focus { + --tw-ring-offset-color: var(--black-25, #00000040); } - .group:hover .md\:group-hover\:opacity-75 { - opacity: 0.75; + .lg\:focus\:ring-offset-black-10:focus { + --tw-ring-offset-color: var(--black-10, #0000001a); } - .group:hover .md\:group-hover\:opacity-80 { - opacity: 0.8; + .lg\:focus\:ring-offset-white-25:focus { + --tw-ring-offset-color: var(--white-25, #ffffff40); } - .group:hover .md\:group-hover\:opacity-90 { - opacity: 0.9; + .lg\:focus\:ring-offset-white-60:focus { + --tw-ring-offset-color: var(--white-60, #ffffff99); } - .group:hover .md\:group-hover\:opacity-95 { - opacity: 0.95; + .lg\:focus\:ring-offset-black-64:focus { + --tw-ring-offset-color: var(--black-64, #000000a3); } - .group:hover .md\:group-hover\:opacity-100 { - opacity: 1; + .lg\:focus\:ring-offset-Shadow\ and\ Highlight-Shadow:focus { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .md\:focus-within\:opacity-0:focus-within { - opacity: 0; + .lg\:focus\:ring-offset-Shadow\ and\ Highlight-Highlight:focus { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight, #474747); } - .md\:focus-within\:opacity-5:focus-within { - opacity: 0.05; + .lg\:focus\:ring-offset-Shadow\ and\ Highlight-highlight\ one:focus { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .md\:focus-within\:opacity-10:focus-within { - opacity: 0.1; + .lg\:focus\:ring-offset-Shadow\ and\ Highlight-highlight\ two:focus { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-two, #47474799); } - .md\:focus-within\:opacity-20:focus-within { - opacity: 0.2; + .lg\:focus\:ring-offset-Shadow\ and\ Highlight-highlight\ three:focus { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-three, #47474766); } - .md\:focus-within\:opacity-25:focus-within { - opacity: 0.25; + .lg\:focus\:ring-offset-Shadow\ and\ Highlight-highlight\ five:focus { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .md\:focus-within\:opacity-30:focus-within { - opacity: 0.3; + .lg\:focus\:ring-offset-Shadow\ and\ Highlight-shadow\ one:focus { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .md\:focus-within\:opacity-40:focus-within { - opacity: 0.4; + .lg\:focus\:ring-offset-Shadow\ and\ Highlight-shadow\ two:focus { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .md\:focus-within\:opacity-50:focus-within { - opacity: 0.5; + .lg\:focus\:ring-offset-Shadow\ and\ Highlight-shadow\ three:focus { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .md\:focus-within\:opacity-60:focus-within { - opacity: 0.6; + .lg\:focus\:ring-offset-Shadow\ and\ Highlight-shadow\ four:focus { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .md\:focus-within\:opacity-70:focus-within { - opacity: 0.7; + .lg\:focus\:ring-offset-Shadow\ and\ Highlight-shadow\ five:focus { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .md\:focus-within\:opacity-75:focus-within { - opacity: 0.75; + .lg\:focus\:ring-offset-Shadow\ and\ Highlight-highlight\ four:focus { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-four, #47474740); } - .md\:focus-within\:opacity-80:focus-within { - opacity: 0.8; + .lg\:focus\:ring-offset-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus { + --tw-ring-offset-color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .md\:focus-within\:opacity-90:focus-within { - opacity: 0.9; + .lg\:focus\:ring-offset-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus { + --tw-ring-offset-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .md\:focus-within\:opacity-95:focus-within { - opacity: 0.95; + .lg\:focus\:ring-offset-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus { + --tw-ring-offset-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .md\:focus-within\:opacity-100:focus-within { - opacity: 1; + .lg\:focus\:ring-offset-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus { + --tw-ring-offset-color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .md\:hover\:opacity-0:hover { - opacity: 0; + .lg\:focus\:ring-offset-Grey-Scale-white:focus { + --tw-ring-offset-color: var(--grey-scale-white, #ffffff); } - .md\:hover\:opacity-5:hover { - opacity: 0.05; + .lg\:focus\:ring-offset-Grey-Scale-off-white:focus { + --tw-ring-offset-color: var(--grey-scale-off-white, #f0edee); } - .md\:hover\:opacity-10:hover { - opacity: 0.1; + .lg\:focus\:ring-offset-Grey\ Scale-grey:focus { + --tw-ring-offset-color: var(--grey-scale-grey, #7f7e7f); } - .md\:hover\:opacity-20:hover { - opacity: 0.2; + .lg\:focus\:ring-offset-Grey\ Scale-charcoal:focus { + --tw-ring-offset-color: var(--grey-scale-charcoal, #474747); } - .md\:hover\:opacity-25:hover { - opacity: 0.25; + .lg\:focus\:ring-offset-Grey\ Scale-off-black:focus { + --tw-ring-offset-color: var(--grey-scale-off-black, #1c1c1c); } - .md\:hover\:opacity-30:hover { - opacity: 0.3; + .lg\:focus\:ring-offset-Grey\ Scale-black:focus { + --tw-ring-offset-color: var(--grey-scale-black, #000000); } - .md\:hover\:opacity-40:hover { - opacity: 0.4; + .lg\:focus\:ring-offset-Blue-blue:focus { + --tw-ring-offset-color: var(--blue-blue, #3a7ca5); } - .md\:hover\:opacity-50:hover { - opacity: 0.5; + .lg\:focus\:ring-offset-Blue-blue-100:focus { + --tw-ring-offset-color: var(--blue-blue-100, #75a3c0); } - .md\:hover\:opacity-60:hover { - opacity: 0.6; + .lg\:focus\:ring-offset-Blue-blue-200:focus { + --tw-ring-offset-color: var(--blue-blue-200, #9cbed2); } - .md\:hover\:opacity-70:hover { - opacity: 0.7; + .lg\:focus\:ring-offset-Blue-blue-300:focus { + --tw-ring-offset-color: var(--blue-blue-300, #4f7d9a); } - .md\:hover\:opacity-75:hover { - opacity: 0.75; + .lg\:focus\:ring-offset-Blue-blue-400:focus { + --tw-ring-offset-color: var(--blue-blue-400, #5c7d92); } - .md\:hover\:opacity-80:hover { - opacity: 0.8; + .lg\:focus\:ring-offset-Blue-blue-500:focus { + --tw-ring-offset-color: var(--blue-blue-500, #347095); } - .md\:hover\:opacity-90:hover { - opacity: 0.9; + .lg\:focus\:ring-offset-Blue-blue-600:focus { + --tw-ring-offset-color: var(--blue-blue-600, #295774); } - .md\:hover\:opacity-95:hover { - opacity: 0.95; + .lg\:focus\:ring-offset-Blue-blue-700:focus { + --tw-ring-offset-color: var(--blue-blue-700, #173242); } - .md\:hover\:opacity-100:hover { - opacity: 1; + .lg\:focus\:ring-offset-LightBlue-lightblue:focus { + --tw-ring-offset-color: var(--light-blue-lightblue, #81c3d7); } - .md\:focus\:opacity-0:focus { - opacity: 0; + .lg\:focus\:ring-offset-LightBlue-lightblue-100:focus { + --tw-ring-offset-color: var(--light-blue-lightblue-100, #a7d5e3); } - .md\:focus\:opacity-5:focus { - opacity: 0.05; + .lg\:focus\:ring-offset-LightBlue-lightblue-200:focus { + --tw-ring-offset-color: var(--light-blue-lightblue-200, #c0e1eb); } - .md\:focus\:opacity-10:focus { - opacity: 0.1; + .lg\:focus\:ring-offset-LightBlue-lightblue-300:focus { + --tw-ring-offset-color: var(--light-blue-lightblue-300, #80aebd); } - .md\:focus\:opacity-20:focus { - opacity: 0.2; + .lg\:focus\:ring-offset-LightBlue-lightblue-400:focus { + --tw-ring-offset-color: var(--light-blue-lightblue-400, #80a0ab); } - .md\:focus\:opacity-25:focus { - opacity: 0.25; + .lg\:focus\:ring-offset-LightBlue-lightblue-500:focus { + --tw-ring-offset-color: var(--light-blue-lightblue-500, #74afc1); } - .md\:focus\:opacity-30:focus { - opacity: 0.3; + .lg\:focus\:ring-offset-LightBlue-lightblue-600:focus { + --tw-ring-offset-color: var(--light-blue-lightblue-600, #5a8997); } - .md\:focus\:opacity-40:focus { - opacity: 0.4; + .lg\:focus\:ring-offset-LightBlue-lightblue-650:focus { + --tw-ring-offset-color: var(--light-blue-lightblue-650, #3e5e65); } - .md\:focus\:opacity-50:focus { - opacity: 0.5; + .lg\:focus\:ring-offset-LightBlue-lightblue-700:focus { + --tw-ring-offset-color: var(--light-blue-lightblue-700, #344e56); } - .md\:focus\:opacity-60:focus { - opacity: 0.6; + .lg\:focus\:ring-offset-Orange-orange:focus { + --tw-ring-offset-color: var(--orange-orange, #ff7f0e); } - .md\:focus\:opacity-70:focus { - opacity: 0.7; + .lg\:focus\:ring-offset-Orange-orange-100:focus { + --tw-ring-offset-color: var(--orange-orange-100, #ffa556); } - .md\:focus\:opacity-75:focus { - opacity: 0.75; + .lg\:focus\:ring-offset-Orange-orange-200:focus { + --tw-ring-offset-color: var(--orange-orange-200, #ffbf86); } - .md\:focus\:opacity-80:focus { - opacity: 0.8; + .lg\:focus\:ring-offset-Orange-orange-300:focus { + --tw-ring-offset-color: var(--orange-orange-300, #d97f30); } - .md\:focus\:opacity-90:focus { - opacity: 0.9; + .lg\:focus\:ring-offset-Orange-orange-400:focus { + --tw-ring-offset-color: var(--orange-orange-400, #bf7e46); } - .md\:focus\:opacity-95:focus { - opacity: 0.95; + .lg\:focus\:ring-offset-Orange-orange-500:focus { + --tw-ring-offset-color: var(--orange-orange-500, #e5720d); } - .md\:focus\:opacity-100:focus { - opacity: 1; + .lg\:focus\:ring-offset-Orange-orange-600:focus { + --tw-ring-offset-color: var(--orange-orange-600, #b3590a); } - .md\:bg-blend-normal { - background-blend-mode: normal; + .lg\:focus\:ring-offset-Orange-orange-700:focus { + --tw-ring-offset-color: var(--orange-orange-700, #663306); } - .md\:bg-blend-multiply { - background-blend-mode: multiply; + .lg\:focus\:ring-offset-Yellow-yellow:focus { + --tw-ring-offset-color: var(--yellow-yellow, #ffab00); } - .md\:bg-blend-screen { - background-blend-mode: screen; + .lg\:focus\:ring-offset-Yellow-yellow-100:focus { + --tw-ring-offset-color: var(--yellow-yellow-100, #ffc44c); } - .md\:bg-blend-overlay { - background-blend-mode: overlay; + .lg\:focus\:ring-offset-Yellow-yellow-200:focus { + --tw-ring-offset-color: var(--yellow-yellow-200, #ffd580); } - .md\:bg-blend-darken { - background-blend-mode: darken; + .lg\:focus\:ring-offset-Yellow-yellow-300:focus { + --tw-ring-offset-color: var(--yellow-yellow-300, #d99d26); } - .md\:bg-blend-lighten { - background-blend-mode: lighten; + .lg\:focus\:ring-offset-Yellow-yellow-400:focus { + --tw-ring-offset-color: var(--yellow-yellow-400, #bf943f); } - .md\:bg-blend-color-dodge { - background-blend-mode: color-dodge; + .lg\:focus\:ring-offset-Yellow-yellow-500:focus { + --tw-ring-offset-color: var(--yellow-yellow-500, #e59a00); } - .md\:bg-blend-color-burn { - background-blend-mode: color-burn; + .lg\:focus\:ring-offset-Yellow-yellow-600:focus { + --tw-ring-offset-color: var(--yellow-yellow-600, #b37800); } - .md\:bg-blend-hard-light { - background-blend-mode: hard-light; + .lg\:focus\:ring-offset-Yellow-yellow-700:focus { + --tw-ring-offset-color: var(--yellow-yellow-700, #664400); } - .md\:bg-blend-soft-light { - background-blend-mode: soft-light; + .lg\:focus\:ring-offset-Notification-notification:focus { + --tw-ring-offset-color: var(--notification-notification, #3959ff); } - .md\:bg-blend-difference { - background-blend-mode: difference; + .lg\:focus\:ring-offset-Notification-notification-100:focus { + --tw-ring-offset-color: var(--notification-notification-100, #748bff); } - .md\:bg-blend-exclusion { - background-blend-mode: exclusion; + .lg\:focus\:ring-offset-Notification-notification-200:focus { + --tw-ring-offset-color: var(--notification-notification-200, #9cacff); } - .md\:bg-blend-hue { - background-blend-mode: hue; + .lg\:focus\:ring-offset-Notification-notification-300:focus { + --tw-ring-offset-color: var(--notification-notification-300, #4e64d9); } - .md\:bg-blend-saturation { - background-blend-mode: saturation; + .lg\:focus\:ring-offset-Notification-notification-400:focus { + --tw-ring-offset-color: var(--notification-notification-400, #5c6cbf); } - .md\:bg-blend-color { - background-blend-mode: color; + .lg\:focus\:ring-offset-Notification-notification-500:focus { + --tw-ring-offset-color: var(--notification-notification-500, #3350e5); } - .md\:bg-blend-luminosity { - background-blend-mode: luminosity; + .lg\:focus\:ring-offset-Notification-notification-600:focus { + --tw-ring-offset-color: var(--notification-notification-600, #283eb3); } - .md\:mix-blend-normal { - mix-blend-mode: normal; + .lg\:focus\:ring-offset-Notification-notification-700:focus { + --tw-ring-offset-color: var(--notification-notification-700, #172466); } - .md\:mix-blend-multiply { - mix-blend-mode: multiply; + .lg\:focus\:ring-offset-Success-success\ -700:focus { + --tw-ring-offset-color: var(--success-success-700, #24471f); } - .md\:mix-blend-screen { - mix-blend-mode: screen; + .lg\:focus\:ring-offset-Success-success:focus { + --tw-ring-offset-color: var(--success-success, #5bb14d); } - .md\:mix-blend-overlay { - mix-blend-mode: overlay; + .lg\:focus\:ring-offset-Success-success\ -100:focus { + --tw-ring-offset-color: var(--success-success-100, #8cc882); } - .md\:mix-blend-darken { - mix-blend-mode: darken; + .lg\:focus\:ring-offset-Success-success\ -200:focus { + --tw-ring-offset-color: var(--success-success-200, #add8a6); } - .md\:mix-blend-lighten { - mix-blend-mode: lighten; + .lg\:focus\:ring-offset-Success-success\ -300:focus { + --tw-ring-offset-color: var(--success-success-300, #66a25c); } - .md\:mix-blend-color-dodge { - mix-blend-mode: color-dodge; + .lg\:focus\:ring-offset-Success-success\ -400:focus { + --tw-ring-offset-color: var(--success-success-400, #6d9766); } - .md\:mix-blend-color-burn { - mix-blend-mode: color-burn; + .lg\:focus\:ring-offset-Success-success\ -500:focus { + --tw-ring-offset-color: var(--success-success-500, #529f45); } - .md\:mix-blend-hard-light { - mix-blend-mode: hard-light; + .lg\:focus\:ring-offset-Success-success\ -600:focus { + --tw-ring-offset-color: var(--success-success-600, #407c36); } - .md\:mix-blend-soft-light { - mix-blend-mode: soft-light; + .lg\:focus\:ring-offset-Error-error:focus { + --tw-ring-offset-color: var(--error-error, #f03d3e); } - .md\:mix-blend-difference { - mix-blend-mode: difference; + .lg\:focus\:ring-offset-Error-error-100:focus { + --tw-ring-offset-color: var(--error-error-100, #f57778); } - .md\:mix-blend-exclusion { - mix-blend-mode: exclusion; + .lg\:focus\:ring-offset-Error-error-200:focus { + --tw-ring-offset-color: var(--error-error-200, #f89e9e); } - .md\:mix-blend-hue { - mix-blend-mode: hue; + .lg\:focus\:ring-offset-Error-error-250:focus { + --tw-ring-offset-color: var(--error-error-250, #f9c8c8); } - .md\:mix-blend-saturation { - mix-blend-mode: saturation; + .lg\:focus\:ring-offset-Error-error-300:focus { + --tw-ring-offset-color: var(--error-error-300, #ce5151); } - .md\:mix-blend-color { - mix-blend-mode: color; + .lg\:focus\:ring-offset-Error-error-400:focus { + --tw-ring-offset-color: var(--error-error-400, #b85e5e); } - .md\:mix-blend-luminosity { - mix-blend-mode: luminosity; + .lg\:focus\:ring-offset-Error-error-500:focus { + --tw-ring-offset-color: var(--error-error-500, #d83738); } - .md\:shadow-sm { - --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .lg\:focus\:ring-offset-Error-error-600:focus { + --tw-ring-offset-color: var(--error-error-600, #a82b2b); } - .md\:shadow { - --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .lg\:focus\:ring-offset-Error-error-700:focus { + --tw-ring-offset-color: var(--error-error-700, #601819); } - .md\:shadow-md { - --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .lg\:filter { + --tw-blur: var(--tw-empty,/*!*/ /*!*/); + --tw-brightness: var(--tw-empty,/*!*/ /*!*/); + --tw-contrast: var(--tw-empty,/*!*/ /*!*/); + --tw-grayscale: var(--tw-empty,/*!*/ /*!*/); + --tw-hue-rotate: var(--tw-empty,/*!*/ /*!*/); + --tw-invert: var(--tw-empty,/*!*/ /*!*/); + --tw-saturate: var(--tw-empty,/*!*/ /*!*/); + --tw-sepia: var(--tw-empty,/*!*/ /*!*/); + --tw-drop-shadow: var(--tw-empty,/*!*/ /*!*/); + 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); } - .md\:shadow-lg { - --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .lg\:filter-none { + filter: none; } - .md\:shadow-xl { - --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .lg\:blur-0 { + --tw-blur: blur(0); } - .md\:shadow-2xl { - --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .lg\:blur-none { + --tw-blur: blur(0); } - .md\:shadow-inner { - --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .lg\:blur-sm { + --tw-blur: blur(4px); } - .md\:shadow-none { - --tw-shadow: 0 0 #0000; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .lg\:blur { + --tw-blur: blur(8px); } - .group:hover .md\:group-hover\:shadow-sm { - --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .lg\:blur-md { + --tw-blur: blur(12px); } - .group:hover .md\:group-hover\:shadow { - --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .lg\:blur-lg { + --tw-blur: blur(16px); } - .group:hover .md\:group-hover\:shadow-md { - --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .lg\:blur-xl { + --tw-blur: blur(24px); } - .group:hover .md\:group-hover\:shadow-lg { - --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .lg\:blur-2xl { + --tw-blur: blur(40px); } - .group:hover .md\:group-hover\:shadow-xl { - --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .lg\:blur-3xl { + --tw-blur: blur(64px); } - .group:hover .md\:group-hover\:shadow-2xl { - --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .lg\:brightness-0 { + --tw-brightness: brightness(0); } - .group:hover .md\:group-hover\:shadow-inner { - --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .lg\:brightness-50 { + --tw-brightness: brightness(.5); } - .group:hover .md\:group-hover\:shadow-none { - --tw-shadow: 0 0 #0000; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .lg\:brightness-75 { + --tw-brightness: brightness(.75); } - .md\:focus-within\:shadow-sm:focus-within { - --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .lg\:brightness-90 { + --tw-brightness: brightness(.9); } - .md\:focus-within\:shadow:focus-within { - --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .lg\:brightness-95 { + --tw-brightness: brightness(.95); } - .md\:focus-within\:shadow-md:focus-within { - --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .lg\:brightness-100 { + --tw-brightness: brightness(1); } - .md\:focus-within\:shadow-lg:focus-within { - --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .lg\:brightness-105 { + --tw-brightness: brightness(1.05); } - .md\:focus-within\:shadow-xl:focus-within { - --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .lg\:brightness-110 { + --tw-brightness: brightness(1.1); } - .md\:focus-within\:shadow-2xl:focus-within { - --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .lg\:brightness-125 { + --tw-brightness: brightness(1.25); } - .md\:focus-within\:shadow-inner:focus-within { - --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .lg\:brightness-150 { + --tw-brightness: brightness(1.5); } - .md\:focus-within\:shadow-none:focus-within { - --tw-shadow: 0 0 #0000; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .lg\:brightness-200 { + --tw-brightness: brightness(2); } - .md\:hover\:shadow-sm:hover { - --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .lg\:contrast-0 { + --tw-contrast: contrast(0); } - .md\:hover\:shadow:hover { - --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .lg\:contrast-50 { + --tw-contrast: contrast(.5); } - .md\:hover\:shadow-md:hover { - --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .lg\:contrast-75 { + --tw-contrast: contrast(.75); } - .md\:hover\:shadow-lg:hover { - --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .lg\:contrast-100 { + --tw-contrast: contrast(1); } - .md\:hover\:shadow-xl:hover { - --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .lg\:contrast-125 { + --tw-contrast: contrast(1.25); } - .md\:hover\:shadow-2xl:hover { - --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .lg\:contrast-150 { + --tw-contrast: contrast(1.5); } - .md\:hover\:shadow-inner:hover { - --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .lg\:contrast-200 { + --tw-contrast: contrast(2); } - .md\:hover\:shadow-none:hover { - --tw-shadow: 0 0 #0000; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .lg\:drop-shadow-sm { + --tw-drop-shadow: drop-shadow(0 1px 1px rgba(0,0,0,0.05)); } - .md\:focus\:shadow-sm:focus { - --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .lg\:drop-shadow { + --tw-drop-shadow: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1)) drop-shadow(0 1px 1px rgba(0, 0, 0, 0.06)); } - .md\:focus\:shadow:focus { - --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .lg\:drop-shadow-md { + --tw-drop-shadow: drop-shadow(0 4px 3px rgba(0, 0, 0, 0.07)) drop-shadow(0 2px 2px rgba(0, 0, 0, 0.06)); } - .md\:focus\:shadow-md:focus { - --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .lg\:drop-shadow-lg { + --tw-drop-shadow: drop-shadow(0 10px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0 4px 3px rgba(0, 0, 0, 0.1)); } - .md\:focus\:shadow-lg:focus { - --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .lg\:drop-shadow-xl { + --tw-drop-shadow: drop-shadow(0 20px 13px rgba(0, 0, 0, 0.03)) drop-shadow(0 8px 5px rgba(0, 0, 0, 0.08)); } - .md\:focus\:shadow-xl:focus { - --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .lg\:drop-shadow-2xl { + --tw-drop-shadow: drop-shadow(0 25px 25px rgba(0, 0, 0, 0.15)); } - .md\:focus\:shadow-2xl:focus { - --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .lg\:drop-shadow-none { + --tw-drop-shadow: drop-shadow(0 0 #0000); } - .md\:focus\:shadow-inner:focus { - --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .lg\:grayscale-0 { + --tw-grayscale: grayscale(0); + } + + .lg\:grayscale { + --tw-grayscale: grayscale(100%); } - .md\:focus\:shadow-none:focus { - --tw-shadow: 0 0 #0000; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .lg\:hue-rotate-0 { + --tw-hue-rotate: hue-rotate(0deg); } - .md\:outline-none { - outline: 2px solid transparent; - outline-offset: 2px; + .lg\:hue-rotate-15 { + --tw-hue-rotate: hue-rotate(15deg); } - .md\:outline-white { - outline: 2px dotted white; - outline-offset: 2px; + .lg\:hue-rotate-30 { + --tw-hue-rotate: hue-rotate(30deg); } - .md\:outline-black { - outline: 2px dotted black; - outline-offset: 2px; + .lg\:hue-rotate-60 { + --tw-hue-rotate: hue-rotate(60deg); } - .md\:focus-within\:outline-none:focus-within { - outline: 2px solid transparent; - outline-offset: 2px; + .lg\:hue-rotate-90 { + --tw-hue-rotate: hue-rotate(90deg); } - .md\:focus-within\:outline-white:focus-within { - outline: 2px dotted white; - outline-offset: 2px; + .lg\:hue-rotate-180 { + --tw-hue-rotate: hue-rotate(180deg); } - .md\:focus-within\:outline-black:focus-within { - outline: 2px dotted black; - outline-offset: 2px; + .lg\:-hue-rotate-180 { + --tw-hue-rotate: hue-rotate(-180deg); } - .md\:focus\:outline-none:focus { - outline: 2px solid transparent; - outline-offset: 2px; + .lg\:-hue-rotate-90 { + --tw-hue-rotate: hue-rotate(-90deg); } - .md\:focus\:outline-white:focus { - outline: 2px dotted white; - outline-offset: 2px; + .lg\:-hue-rotate-60 { + --tw-hue-rotate: hue-rotate(-60deg); } - .md\:focus\:outline-black:focus { - outline: 2px dotted black; - outline-offset: 2px; + .lg\:-hue-rotate-30 { + --tw-hue-rotate: hue-rotate(-30deg); } - .md\: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); + .lg\:-hue-rotate-15 { + --tw-hue-rotate: hue-rotate(-15deg); } - .md\: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); + .lg\:invert-0 { + --tw-invert: invert(0); } - .md\: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); + .lg\:invert { + --tw-invert: invert(100%); } - .md\: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); + .lg\:saturate-0 { + --tw-saturate: saturate(0); } - .md\:ring-8 { - --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(8px + 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); + .lg\:saturate-50 { + --tw-saturate: saturate(.5); } - .md\: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); + .lg\:saturate-100 { + --tw-saturate: saturate(1); } - .md\:focus-within\:ring-0:focus-within { - --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(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); + .lg\:saturate-150 { + --tw-saturate: saturate(1.5); } - .md\:focus-within\:ring-1:focus-within { - --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); - box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); + .lg\:saturate-200 { + --tw-saturate: saturate(2); } - .md\:focus-within\:ring-2:focus-within { - --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); - box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); + .lg\:sepia-0 { + --tw-sepia: sepia(0); } - .md\:focus-within\:ring-4:focus-within { - --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(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); + .lg\:sepia { + --tw-sepia: sepia(100%); } - .md\:focus-within\:ring-8:focus-within { - --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + 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); + .lg\:backdrop-filter { + --tw-backdrop-blur: var(--tw-empty,/*!*/ /*!*/); + --tw-backdrop-brightness: var(--tw-empty,/*!*/ /*!*/); + --tw-backdrop-contrast: var(--tw-empty,/*!*/ /*!*/); + --tw-backdrop-grayscale: var(--tw-empty,/*!*/ /*!*/); + --tw-backdrop-hue-rotate: var(--tw-empty,/*!*/ /*!*/); + --tw-backdrop-invert: var(--tw-empty,/*!*/ /*!*/); + --tw-backdrop-opacity: var(--tw-empty,/*!*/ /*!*/); + --tw-backdrop-saturate: var(--tw-empty,/*!*/ /*!*/); + --tw-backdrop-sepia: var(--tw-empty,/*!*/ /*!*/); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } - .md\:focus-within\:ring:focus-within { - --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(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); + .lg\:backdrop-filter-none { + -webkit-backdrop-filter: none; + backdrop-filter: none; } - .md\: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); + .lg\:backdrop-blur-0 { + --tw-backdrop-blur: blur(0); } - .md\: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); + .lg\:backdrop-blur-none { + --tw-backdrop-blur: blur(0); } - .md\: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); + .lg\:backdrop-blur-sm { + --tw-backdrop-blur: blur(4px); } - .md\:focus\:ring-4:focus { - --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color); - box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); + .lg\:backdrop-blur { + --tw-backdrop-blur: blur(8px); } - .md\:focus\:ring-8: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(8px + 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); + .lg\:backdrop-blur-md { + --tw-backdrop-blur: blur(12px); } - .md\:focus\:ring: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(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); + .lg\:backdrop-blur-lg { + --tw-backdrop-blur: blur(16px); } - .md\:ring-inset { - --tw-ring-inset: inset; + .lg\:backdrop-blur-xl { + --tw-backdrop-blur: blur(24px); } - .md\:focus-within\:ring-inset:focus-within { - --tw-ring-inset: inset; + .lg\:backdrop-blur-2xl { + --tw-backdrop-blur: blur(40px); } - .md\:focus\:ring-inset:focus { - --tw-ring-inset: inset; + .lg\:backdrop-blur-3xl { + --tw-backdrop-blur: blur(64px); } - .md\:ring-transparent { - --tw-ring-color: transparent; + .lg\:backdrop-brightness-0 { + --tw-backdrop-brightness: brightness(0); } - .md\:ring-current { - --tw-ring-color: currentColor; + .lg\:backdrop-brightness-50 { + --tw-backdrop-brightness: brightness(.5); } - .md\:ring-black { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity)); + .lg\:backdrop-brightness-75 { + --tw-backdrop-brightness: brightness(.75); } - .md\:ring-white { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity)); + .lg\:backdrop-brightness-90 { + --tw-backdrop-brightness: brightness(.9); } - .md\:ring-gray-50 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity)); + .lg\:backdrop-brightness-95 { + --tw-backdrop-brightness: brightness(.95); } - .md\:ring-gray-100 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity)); + .lg\:backdrop-brightness-100 { + --tw-backdrop-brightness: brightness(1); } - .md\:ring-gray-200 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity)); + .lg\:backdrop-brightness-105 { + --tw-backdrop-brightness: brightness(1.05); } - .md\:ring-gray-300 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity)); + .lg\:backdrop-brightness-110 { + --tw-backdrop-brightness: brightness(1.1); } - .md\:ring-gray-400 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity)); + .lg\:backdrop-brightness-125 { + --tw-backdrop-brightness: brightness(1.25); } - .md\:ring-gray-500 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity)); + .lg\:backdrop-brightness-150 { + --tw-backdrop-brightness: brightness(1.5); } - .md\:ring-gray-600 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity)); + .lg\:backdrop-brightness-200 { + --tw-backdrop-brightness: brightness(2); } - .md\:ring-gray-700 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity)); + .lg\:backdrop-contrast-0 { + --tw-backdrop-contrast: contrast(0); } - .md\:ring-gray-800 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity)); + .lg\:backdrop-contrast-50 { + --tw-backdrop-contrast: contrast(.5); } - .md\:ring-gray-900 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity)); + .lg\:backdrop-contrast-75 { + --tw-backdrop-contrast: contrast(.75); } - .md\:ring-red-50 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity)); + .lg\:backdrop-contrast-100 { + --tw-backdrop-contrast: contrast(1); } - .md\:ring-red-100 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity)); + .lg\:backdrop-contrast-125 { + --tw-backdrop-contrast: contrast(1.25); } - .md\:ring-red-200 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity)); + .lg\:backdrop-contrast-150 { + --tw-backdrop-contrast: contrast(1.5); } - .md\:ring-red-300 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity)); + .lg\:backdrop-contrast-200 { + --tw-backdrop-contrast: contrast(2); } - .md\:ring-red-400 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity)); + .lg\:backdrop-grayscale-0 { + --tw-backdrop-grayscale: grayscale(0); } - .md\:ring-red-500 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity)); + .lg\:backdrop-grayscale { + --tw-backdrop-grayscale: grayscale(100%); } - .md\:ring-red-600 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity)); + .lg\:backdrop-hue-rotate-0 { + --tw-backdrop-hue-rotate: hue-rotate(0deg); } - .md\:ring-red-700 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity)); + .lg\:backdrop-hue-rotate-15 { + --tw-backdrop-hue-rotate: hue-rotate(15deg); } - .md\:ring-red-800 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity)); + .lg\:backdrop-hue-rotate-30 { + --tw-backdrop-hue-rotate: hue-rotate(30deg); } - .md\:ring-red-900 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity)); + .lg\:backdrop-hue-rotate-60 { + --tw-backdrop-hue-rotate: hue-rotate(60deg); } - .md\:ring-yellow-50 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity)); + .lg\:backdrop-hue-rotate-90 { + --tw-backdrop-hue-rotate: hue-rotate(90deg); } - .md\:ring-yellow-100 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity)); + .lg\:backdrop-hue-rotate-180 { + --tw-backdrop-hue-rotate: hue-rotate(180deg); } - .md\:ring-yellow-200 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity)); + .lg\:-backdrop-hue-rotate-180 { + --tw-backdrop-hue-rotate: hue-rotate(-180deg); } - .md\:ring-yellow-300 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity)); + .lg\:-backdrop-hue-rotate-90 { + --tw-backdrop-hue-rotate: hue-rotate(-90deg); } - .md\:ring-yellow-400 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity)); + .lg\:-backdrop-hue-rotate-60 { + --tw-backdrop-hue-rotate: hue-rotate(-60deg); } - .md\:ring-yellow-500 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity)); + .lg\:-backdrop-hue-rotate-30 { + --tw-backdrop-hue-rotate: hue-rotate(-30deg); } - .md\:ring-yellow-600 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity)); + .lg\:-backdrop-hue-rotate-15 { + --tw-backdrop-hue-rotate: hue-rotate(-15deg); } - .md\:ring-yellow-700 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity)); + .lg\:backdrop-invert-0 { + --tw-backdrop-invert: invert(0); } - .md\:ring-yellow-800 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity)); + .lg\:backdrop-invert { + --tw-backdrop-invert: invert(100%); } - .md\:ring-yellow-900 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity)); + .lg\:backdrop-opacity-0 { + --tw-backdrop-opacity: opacity(0); } - .md\:ring-green-50 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity)); + .lg\:backdrop-opacity-5 { + --tw-backdrop-opacity: opacity(0.05); } - .md\:ring-green-100 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity)); + .lg\:backdrop-opacity-10 { + --tw-backdrop-opacity: opacity(0.1); } - .md\:ring-green-200 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity)); + .lg\:backdrop-opacity-20 { + --tw-backdrop-opacity: opacity(0.2); } - .md\:ring-green-300 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity)); + .lg\:backdrop-opacity-25 { + --tw-backdrop-opacity: opacity(0.25); } - .md\:ring-green-400 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity)); + .lg\:backdrop-opacity-30 { + --tw-backdrop-opacity: opacity(0.3); } - .md\:ring-green-500 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity)); + .lg\:backdrop-opacity-40 { + --tw-backdrop-opacity: opacity(0.4); } - .md\:ring-green-600 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity)); + .lg\:backdrop-opacity-50 { + --tw-backdrop-opacity: opacity(0.5); } - .md\:ring-green-700 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity)); + .lg\:backdrop-opacity-60 { + --tw-backdrop-opacity: opacity(0.6); } - .md\:ring-green-800 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity)); + .lg\:backdrop-opacity-70 { + --tw-backdrop-opacity: opacity(0.7); } - .md\:ring-green-900 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity)); + .lg\:backdrop-opacity-75 { + --tw-backdrop-opacity: opacity(0.75); } - .md\:ring-blue-50 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity)); + .lg\:backdrop-opacity-80 { + --tw-backdrop-opacity: opacity(0.8); } - .md\:ring-blue-100 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity)); + .lg\:backdrop-opacity-90 { + --tw-backdrop-opacity: opacity(0.9); } - .md\:ring-blue-200 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity)); + .lg\:backdrop-opacity-95 { + --tw-backdrop-opacity: opacity(0.95); } - .md\:ring-blue-300 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity)); + .lg\:backdrop-opacity-100 { + --tw-backdrop-opacity: opacity(1); } - .md\:ring-blue-400 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity)); + .lg\:backdrop-saturate-0 { + --tw-backdrop-saturate: saturate(0); } - .md\:ring-blue-500 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity)); + .lg\:backdrop-saturate-50 { + --tw-backdrop-saturate: saturate(.5); } - .md\:ring-blue-600 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity)); + .lg\:backdrop-saturate-100 { + --tw-backdrop-saturate: saturate(1); } - .md\:ring-blue-700 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity)); + .lg\:backdrop-saturate-150 { + --tw-backdrop-saturate: saturate(1.5); } - .md\:ring-blue-800 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity)); + .lg\:backdrop-saturate-200 { + --tw-backdrop-saturate: saturate(2); } - .md\:ring-blue-900 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity)); + .lg\:backdrop-sepia-0 { + --tw-backdrop-sepia: sepia(0); } - .md\:ring-indigo-50 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity)); + .lg\:backdrop-sepia { + --tw-backdrop-sepia: sepia(100%); } - .md\:ring-indigo-100 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity)); + .lg\:transition-none { + transition-property: none; } - .md\:ring-indigo-200 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity)); + .lg\:transition-all { + transition-property: all; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 150ms; } - .md\:ring-indigo-300 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity)); + .lg\:transition { + transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; + transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; + transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 150ms; } - .md\:ring-indigo-400 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity)); + .lg\:transition-colors { + transition-property: background-color, border-color, color, fill, stroke; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 150ms; } - .md\:ring-indigo-500 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity)); + .lg\:transition-opacity { + transition-property: opacity; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 150ms; } - .md\:ring-indigo-600 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity)); + .lg\:transition-shadow { + transition-property: box-shadow; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 150ms; } - .md\:ring-indigo-700 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity)); + .lg\:transition-transform { + transition-property: transform; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 150ms; } - .md\:ring-indigo-800 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity)); + .lg\:delay-75 { + transition-delay: 75ms; } - .md\:ring-indigo-900 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity)); + .lg\:delay-100 { + transition-delay: 100ms; } - .md\:ring-purple-50 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity)); + .lg\:delay-150 { + transition-delay: 150ms; } - .md\:ring-purple-100 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity)); + .lg\:delay-200 { + transition-delay: 200ms; } - .md\:ring-purple-200 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity)); + .lg\:delay-300 { + transition-delay: 300ms; } - .md\:ring-purple-300 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity)); + .lg\:delay-500 { + transition-delay: 500ms; } - .md\:ring-purple-400 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity)); + .lg\:delay-700 { + transition-delay: 700ms; } - .md\:ring-purple-500 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity)); + .lg\:delay-1000 { + transition-delay: 1000ms; } - .md\:ring-purple-600 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity)); + .lg\:duration-75 { + transition-duration: 75ms; } - .md\:ring-purple-700 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity)); + .lg\:duration-100 { + transition-duration: 100ms; } - .md\:ring-purple-800 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity)); + .lg\:duration-150 { + transition-duration: 150ms; } - .md\:ring-purple-900 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity)); + .lg\:duration-200 { + transition-duration: 200ms; } - .md\:ring-pink-50 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity)); + .lg\:duration-300 { + transition-duration: 300ms; } - .md\:ring-pink-100 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity)); + .lg\:duration-500 { + transition-duration: 500ms; } - .md\:ring-pink-200 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity)); + .lg\:duration-700 { + transition-duration: 700ms; } - .md\:ring-pink-300 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity)); + .lg\:duration-1000 { + transition-duration: 1000ms; } - .md\:ring-pink-400 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity)); + .lg\:ease-linear { + transition-timing-function: linear; } - .md\:ring-pink-500 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity)); + .lg\:ease-in { + transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } - .md\:ring-pink-600 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity)); + .lg\:ease-out { + transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } - .md\:ring-pink-700 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity)); + .lg\:ease-in-out { + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } +} - .md\:ring-pink-800 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity)); +@media (min-width: 1280px) { + .xl\:container { + width: 100%; } - .md\:ring-pink-900 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity)); + @media (min-width: 640px) { + .xl\:container { + max-width: 640px; + } } - .md\:focus-within\:ring-transparent:focus-within { - --tw-ring-color: transparent; + @media (min-width: 768px) { + .xl\:container { + max-width: 768px; + } } - .md\:focus-within\:ring-current:focus-within { - --tw-ring-color: currentColor; + @media (min-width: 1024px) { + .xl\:container { + max-width: 1024px; + } } - .md\:focus-within\:ring-black:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity)); + @media (min-width: 1280px) { + .xl\:container { + max-width: 1280px; + } } - .md\:focus-within\:ring-white:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity)); + @media (min-width: 1536px) { + .xl\:container { + max-width: 1536px; + } } - .md\:focus-within\:ring-gray-50:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity)); + .xl\: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; } - .md\:focus-within\:ring-gray-100:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity)); + .xl\:not-sr-only { + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; } - .md\:focus-within\:ring-gray-200:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity)); + .xl\:focus-within\:sr-only:focus-within { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border-width: 0; } - .md\:focus-within\:ring-gray-300:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity)); + .xl\:focus-within\:not-sr-only:focus-within { + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; } - .md\:focus-within\:ring-gray-400:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity)); + .xl\:focus\:sr-only:focus { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border-width: 0; } - .md\:focus-within\:ring-gray-500:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity)); + .xl\:focus\:not-sr-only:focus { + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; } - .md\:focus-within\:ring-gray-600:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity)); + .xl\:pointer-events-none { + pointer-events: none; } - .md\:focus-within\:ring-gray-700:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity)); + .xl\:pointer-events-auto { + pointer-events: auto; } - .md\:focus-within\:ring-gray-800:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity)); + .xl\:visible { + visibility: visible; } - .md\:focus-within\:ring-gray-900:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity)); + .xl\:invisible { + visibility: hidden; } - .md\:focus-within\:ring-red-50:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity)); + .xl\:static { + position: static; } - .md\:focus-within\:ring-red-100:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity)); + .xl\:fixed { + position: fixed; } - .md\:focus-within\:ring-red-200:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity)); + .xl\:absolute { + position: absolute; } - .md\:focus-within\:ring-red-300:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity)); + .xl\:relative { + position: relative; } - .md\:focus-within\:ring-red-400:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity)); + .xl\:sticky { + position: sticky; } - .md\:focus-within\:ring-red-500:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity)); + .xl\:inset-0 { + top: 0px; + right: 0px; + bottom: 0px; + left: 0px; } - .md\:focus-within\:ring-red-600:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity)); + .xl\:inset-1 { + top: 0.25rem; + right: 0.25rem; + bottom: 0.25rem; + left: 0.25rem; } - .md\:focus-within\:ring-red-700:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity)); + .xl\:inset-2 { + top: 0.5rem; + right: 0.5rem; + bottom: 0.5rem; + left: 0.5rem; } - .md\:focus-within\:ring-red-800:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity)); + .xl\:inset-3 { + top: 0.75rem; + right: 0.75rem; + bottom: 0.75rem; + left: 0.75rem; } - .md\:focus-within\:ring-red-900:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity)); + .xl\:inset-4 { + top: 1rem; + right: 1rem; + bottom: 1rem; + left: 1rem; } - .md\:focus-within\:ring-yellow-50:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity)); + .xl\:inset-5 { + top: 1.25rem; + right: 1.25rem; + bottom: 1.25rem; + left: 1.25rem; } - .md\:focus-within\:ring-yellow-100:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity)); + .xl\:inset-6 { + top: 1.5rem; + right: 1.5rem; + bottom: 1.5rem; + left: 1.5rem; } - .md\:focus-within\:ring-yellow-200:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity)); + .xl\:inset-7 { + top: 1.75rem; + right: 1.75rem; + bottom: 1.75rem; + left: 1.75rem; } - .md\:focus-within\:ring-yellow-300:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity)); + .xl\:inset-8 { + top: 2rem; + right: 2rem; + bottom: 2rem; + left: 2rem; } - .md\:focus-within\:ring-yellow-400:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity)); + .xl\:inset-9 { + top: 2.25rem; + right: 2.25rem; + bottom: 2.25rem; + left: 2.25rem; } - .md\:focus-within\:ring-yellow-500:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity)); + .xl\:inset-10 { + top: 2.5rem; + right: 2.5rem; + bottom: 2.5rem; + left: 2.5rem; } - .md\:focus-within\:ring-yellow-600:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity)); + .xl\:inset-11 { + top: 2.75rem; + right: 2.75rem; + bottom: 2.75rem; + left: 2.75rem; } - .md\:focus-within\:ring-yellow-700:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity)); + .xl\:inset-12 { + top: 3rem; + right: 3rem; + bottom: 3rem; + left: 3rem; } - .md\:focus-within\:ring-yellow-800:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity)); + .xl\:inset-14 { + top: 3.5rem; + right: 3.5rem; + bottom: 3.5rem; + left: 3.5rem; } - .md\:focus-within\:ring-yellow-900:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity)); + .xl\:inset-16 { + top: 4rem; + right: 4rem; + bottom: 4rem; + left: 4rem; } - .md\:focus-within\:ring-green-50:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity)); + .xl\:inset-20 { + top: 5rem; + right: 5rem; + bottom: 5rem; + left: 5rem; } - .md\:focus-within\:ring-green-100:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity)); + .xl\:inset-24 { + top: 6rem; + right: 6rem; + bottom: 6rem; + left: 6rem; } - .md\:focus-within\:ring-green-200:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity)); + .xl\:inset-28 { + top: 7rem; + right: 7rem; + bottom: 7rem; + left: 7rem; } - .md\:focus-within\:ring-green-300:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity)); + .xl\:inset-32 { + top: 8rem; + right: 8rem; + bottom: 8rem; + left: 8rem; } - .md\:focus-within\:ring-green-400:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity)); + .xl\:inset-36 { + top: 9rem; + right: 9rem; + bottom: 9rem; + left: 9rem; } - .md\:focus-within\:ring-green-500:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity)); + .xl\:inset-40 { + top: 10rem; + right: 10rem; + bottom: 10rem; + left: 10rem; } - .md\:focus-within\:ring-green-600:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity)); + .xl\:inset-44 { + top: 11rem; + right: 11rem; + bottom: 11rem; + left: 11rem; } - .md\:focus-within\:ring-green-700:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity)); + .xl\:inset-48 { + top: 12rem; + right: 12rem; + bottom: 12rem; + left: 12rem; } - .md\:focus-within\:ring-green-800:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity)); + .xl\:inset-52 { + top: 13rem; + right: 13rem; + bottom: 13rem; + left: 13rem; } - .md\:focus-within\:ring-green-900:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity)); + .xl\:inset-56 { + top: 14rem; + right: 14rem; + bottom: 14rem; + left: 14rem; } - .md\:focus-within\:ring-blue-50:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity)); + .xl\:inset-60 { + top: 15rem; + right: 15rem; + bottom: 15rem; + left: 15rem; } - .md\:focus-within\:ring-blue-100:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity)); + .xl\:inset-64 { + top: 16rem; + right: 16rem; + bottom: 16rem; + left: 16rem; } - .md\:focus-within\:ring-blue-200:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity)); + .xl\:inset-72 { + top: 18rem; + right: 18rem; + bottom: 18rem; + left: 18rem; } - .md\:focus-within\:ring-blue-300:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity)); + .xl\:inset-80 { + top: 20rem; + right: 20rem; + bottom: 20rem; + left: 20rem; } - .md\:focus-within\:ring-blue-400:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity)); + .xl\:inset-96 { + top: 24rem; + right: 24rem; + bottom: 24rem; + left: 24rem; } - .md\:focus-within\:ring-blue-500:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity)); + .xl\:inset-auto { + top: auto; + right: auto; + bottom: auto; + left: auto; } - .md\:focus-within\:ring-blue-600:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity)); + .xl\:inset-px { + top: 1px; + right: 1px; + bottom: 1px; + left: 1px; } - .md\:focus-within\:ring-blue-700:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity)); + .xl\:inset-0\.5 { + top: 0.125rem; + right: 0.125rem; + bottom: 0.125rem; + left: 0.125rem; } - .md\:focus-within\:ring-blue-800:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity)); + .xl\:inset-1\.5 { + top: 0.375rem; + right: 0.375rem; + bottom: 0.375rem; + left: 0.375rem; } - .md\:focus-within\:ring-blue-900:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity)); + .xl\:inset-2\.5 { + top: 0.625rem; + right: 0.625rem; + bottom: 0.625rem; + left: 0.625rem; } - .md\:focus-within\:ring-indigo-50:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity)); + .xl\:inset-3\.5 { + top: 0.875rem; + right: 0.875rem; + bottom: 0.875rem; + left: 0.875rem; } - .md\:focus-within\:ring-indigo-100:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity)); + .xl\:-inset-0 { + top: 0px; + right: 0px; + bottom: 0px; + left: 0px; } - .md\:focus-within\:ring-indigo-200:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity)); + .xl\:-inset-1 { + top: -0.25rem; + right: -0.25rem; + bottom: -0.25rem; + left: -0.25rem; } - .md\:focus-within\:ring-indigo-300:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity)); + .xl\:-inset-2 { + top: -0.5rem; + right: -0.5rem; + bottom: -0.5rem; + left: -0.5rem; } - .md\:focus-within\:ring-indigo-400:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity)); + .xl\:-inset-3 { + top: -0.75rem; + right: -0.75rem; + bottom: -0.75rem; + left: -0.75rem; } - .md\:focus-within\:ring-indigo-500:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity)); + .xl\:-inset-4 { + top: -1rem; + right: -1rem; + bottom: -1rem; + left: -1rem; } - .md\:focus-within\:ring-indigo-600:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity)); + .xl\:-inset-5 { + top: -1.25rem; + right: -1.25rem; + bottom: -1.25rem; + left: -1.25rem; } - .md\:focus-within\:ring-indigo-700:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity)); + .xl\:-inset-6 { + top: -1.5rem; + right: -1.5rem; + bottom: -1.5rem; + left: -1.5rem; } - .md\:focus-within\:ring-indigo-800:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity)); + .xl\:-inset-7 { + top: -1.75rem; + right: -1.75rem; + bottom: -1.75rem; + left: -1.75rem; } - .md\:focus-within\:ring-indigo-900:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity)); + .xl\:-inset-8 { + top: -2rem; + right: -2rem; + bottom: -2rem; + left: -2rem; } - .md\:focus-within\:ring-purple-50:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity)); + .xl\:-inset-9 { + top: -2.25rem; + right: -2.25rem; + bottom: -2.25rem; + left: -2.25rem; } - .md\:focus-within\:ring-purple-100:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity)); + .xl\:-inset-10 { + top: -2.5rem; + right: -2.5rem; + bottom: -2.5rem; + left: -2.5rem; } - .md\:focus-within\:ring-purple-200:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity)); + .xl\:-inset-11 { + top: -2.75rem; + right: -2.75rem; + bottom: -2.75rem; + left: -2.75rem; } - .md\:focus-within\:ring-purple-300:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity)); + .xl\:-inset-12 { + top: -3rem; + right: -3rem; + bottom: -3rem; + left: -3rem; } - .md\:focus-within\:ring-purple-400:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity)); + .xl\:-inset-14 { + top: -3.5rem; + right: -3.5rem; + bottom: -3.5rem; + left: -3.5rem; } - .md\:focus-within\:ring-purple-500:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity)); + .xl\:-inset-16 { + top: -4rem; + right: -4rem; + bottom: -4rem; + left: -4rem; } - .md\:focus-within\:ring-purple-600:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity)); + .xl\:-inset-20 { + top: -5rem; + right: -5rem; + bottom: -5rem; + left: -5rem; } - .md\:focus-within\:ring-purple-700:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity)); + .xl\:-inset-24 { + top: -6rem; + right: -6rem; + bottom: -6rem; + left: -6rem; } - .md\:focus-within\:ring-purple-800:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity)); + .xl\:-inset-28 { + top: -7rem; + right: -7rem; + bottom: -7rem; + left: -7rem; } - .md\:focus-within\:ring-purple-900:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity)); + .xl\:-inset-32 { + top: -8rem; + right: -8rem; + bottom: -8rem; + left: -8rem; } - .md\:focus-within\:ring-pink-50:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity)); + .xl\:-inset-36 { + top: -9rem; + right: -9rem; + bottom: -9rem; + left: -9rem; } - .md\:focus-within\:ring-pink-100:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity)); + .xl\:-inset-40 { + top: -10rem; + right: -10rem; + bottom: -10rem; + left: -10rem; } - .md\:focus-within\:ring-pink-200:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity)); + .xl\:-inset-44 { + top: -11rem; + right: -11rem; + bottom: -11rem; + left: -11rem; } - .md\:focus-within\:ring-pink-300:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity)); + .xl\:-inset-48 { + top: -12rem; + right: -12rem; + bottom: -12rem; + left: -12rem; } - .md\:focus-within\:ring-pink-400:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity)); + .xl\:-inset-52 { + top: -13rem; + right: -13rem; + bottom: -13rem; + left: -13rem; } - .md\:focus-within\:ring-pink-500:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity)); + .xl\:-inset-56 { + top: -14rem; + right: -14rem; + bottom: -14rem; + left: -14rem; } - .md\:focus-within\:ring-pink-600:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity)); + .xl\:-inset-60 { + top: -15rem; + right: -15rem; + bottom: -15rem; + left: -15rem; } - .md\:focus-within\:ring-pink-700:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity)); + .xl\:-inset-64 { + top: -16rem; + right: -16rem; + bottom: -16rem; + left: -16rem; } - .md\:focus-within\:ring-pink-800:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity)); + .xl\:-inset-72 { + top: -18rem; + right: -18rem; + bottom: -18rem; + left: -18rem; } - .md\:focus-within\:ring-pink-900:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity)); + .xl\:-inset-80 { + top: -20rem; + right: -20rem; + bottom: -20rem; + left: -20rem; } - .md\:focus\:ring-transparent:focus { - --tw-ring-color: transparent; + .xl\:-inset-96 { + top: -24rem; + right: -24rem; + bottom: -24rem; + left: -24rem; } - .md\:focus\:ring-current:focus { - --tw-ring-color: currentColor; + .xl\:-inset-px { + top: -1px; + right: -1px; + bottom: -1px; + left: -1px; } - .md\:focus\:ring-black:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity)); + .xl\:-inset-0\.5 { + top: -0.125rem; + right: -0.125rem; + bottom: -0.125rem; + left: -0.125rem; } - .md\:focus\:ring-white:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity)); + .xl\:-inset-1\.5 { + top: -0.375rem; + right: -0.375rem; + bottom: -0.375rem; + left: -0.375rem; } - .md\:focus\:ring-gray-50:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity)); + .xl\:-inset-2\.5 { + top: -0.625rem; + right: -0.625rem; + bottom: -0.625rem; + left: -0.625rem; } - .md\:focus\:ring-gray-100:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity)); + .xl\:-inset-3\.5 { + top: -0.875rem; + right: -0.875rem; + bottom: -0.875rem; + left: -0.875rem; } - .md\:focus\:ring-gray-200:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity)); + .xl\:inset-1\/2 { + top: 50%; + right: 50%; + bottom: 50%; + left: 50%; } - .md\:focus\:ring-gray-300:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity)); + .xl\:inset-1\/3 { + top: 33.333333%; + right: 33.333333%; + bottom: 33.333333%; + left: 33.333333%; } - .md\:focus\:ring-gray-400:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity)); + .xl\:inset-2\/3 { + top: 66.666667%; + right: 66.666667%; + bottom: 66.666667%; + left: 66.666667%; } - .md\:focus\:ring-gray-500:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity)); + .xl\:inset-1\/4 { + top: 25%; + right: 25%; + bottom: 25%; + left: 25%; } - .md\:focus\:ring-gray-600:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity)); + .xl\:inset-2\/4 { + top: 50%; + right: 50%; + bottom: 50%; + left: 50%; } - .md\:focus\:ring-gray-700:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity)); + .xl\:inset-3\/4 { + top: 75%; + right: 75%; + bottom: 75%; + left: 75%; } - .md\:focus\:ring-gray-800:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity)); + .xl\:inset-full { + top: 100%; + right: 100%; + bottom: 100%; + left: 100%; } - .md\:focus\:ring-gray-900:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity)); + .xl\:-inset-1\/2 { + top: -50%; + right: -50%; + bottom: -50%; + left: -50%; } - .md\:focus\:ring-red-50:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity)); + .xl\:-inset-1\/3 { + top: -33.333333%; + right: -33.333333%; + bottom: -33.333333%; + left: -33.333333%; } - .md\:focus\:ring-red-100:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity)); + .xl\:-inset-2\/3 { + top: -66.666667%; + right: -66.666667%; + bottom: -66.666667%; + left: -66.666667%; } - .md\:focus\:ring-red-200:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity)); + .xl\:-inset-1\/4 { + top: -25%; + right: -25%; + bottom: -25%; + left: -25%; } - .md\:focus\:ring-red-300:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity)); + .xl\:-inset-2\/4 { + top: -50%; + right: -50%; + bottom: -50%; + left: -50%; } - .md\:focus\:ring-red-400:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity)); + .xl\:-inset-3\/4 { + top: -75%; + right: -75%; + bottom: -75%; + left: -75%; } - .md\:focus\:ring-red-500:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity)); + .xl\:-inset-full { + top: -100%; + right: -100%; + bottom: -100%; + left: -100%; } - .md\:focus\:ring-red-600:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity)); + .xl\:inset-x-0 { + left: 0px; + right: 0px; } - .md\:focus\:ring-red-700:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity)); + .xl\:inset-x-1 { + left: 0.25rem; + right: 0.25rem; } - .md\:focus\:ring-red-800:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity)); + .xl\:inset-x-2 { + left: 0.5rem; + right: 0.5rem; } - .md\:focus\:ring-red-900:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity)); + .xl\:inset-x-3 { + left: 0.75rem; + right: 0.75rem; } - .md\:focus\:ring-yellow-50:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity)); + .xl\:inset-x-4 { + left: 1rem; + right: 1rem; } - .md\:focus\:ring-yellow-100:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity)); + .xl\:inset-x-5 { + left: 1.25rem; + right: 1.25rem; } - .md\:focus\:ring-yellow-200:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity)); + .xl\:inset-x-6 { + left: 1.5rem; + right: 1.5rem; } - .md\:focus\:ring-yellow-300:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity)); + .xl\:inset-x-7 { + left: 1.75rem; + right: 1.75rem; } - .md\:focus\:ring-yellow-400:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity)); + .xl\:inset-x-8 { + left: 2rem; + right: 2rem; } - .md\:focus\:ring-yellow-500:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity)); + .xl\:inset-x-9 { + left: 2.25rem; + right: 2.25rem; } - .md\:focus\:ring-yellow-600:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity)); + .xl\:inset-x-10 { + left: 2.5rem; + right: 2.5rem; } - .md\:focus\:ring-yellow-700:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity)); + .xl\:inset-x-11 { + left: 2.75rem; + right: 2.75rem; } - .md\:focus\:ring-yellow-800:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity)); + .xl\:inset-x-12 { + left: 3rem; + right: 3rem; } - .md\:focus\:ring-yellow-900:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity)); + .xl\:inset-x-14 { + left: 3.5rem; + right: 3.5rem; } - .md\:focus\:ring-green-50:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity)); + .xl\:inset-x-16 { + left: 4rem; + right: 4rem; } - .md\:focus\:ring-green-100:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity)); + .xl\:inset-x-20 { + left: 5rem; + right: 5rem; } - .md\:focus\:ring-green-200:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity)); + .xl\:inset-x-24 { + left: 6rem; + right: 6rem; } - .md\:focus\:ring-green-300:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity)); + .xl\:inset-x-28 { + left: 7rem; + right: 7rem; } - .md\:focus\:ring-green-400:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity)); + .xl\:inset-x-32 { + left: 8rem; + right: 8rem; } - .md\:focus\:ring-green-500:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity)); + .xl\:inset-x-36 { + left: 9rem; + right: 9rem; } - .md\:focus\:ring-green-600:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity)); + .xl\:inset-x-40 { + left: 10rem; + right: 10rem; } - .md\:focus\:ring-green-700:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity)); + .xl\:inset-x-44 { + left: 11rem; + right: 11rem; } - .md\:focus\:ring-green-800:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity)); + .xl\:inset-x-48 { + left: 12rem; + right: 12rem; } - .md\:focus\:ring-green-900:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity)); + .xl\:inset-x-52 { + left: 13rem; + right: 13rem; } - .md\:focus\:ring-blue-50:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity)); + .xl\:inset-x-56 { + left: 14rem; + right: 14rem; } - .md\:focus\:ring-blue-100:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity)); + .xl\:inset-x-60 { + left: 15rem; + right: 15rem; } - .md\:focus\:ring-blue-200:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity)); + .xl\:inset-x-64 { + left: 16rem; + right: 16rem; } - .md\:focus\:ring-blue-300:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity)); + .xl\:inset-x-72 { + left: 18rem; + right: 18rem; } - .md\:focus\:ring-blue-400:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity)); + .xl\:inset-x-80 { + left: 20rem; + right: 20rem; } - .md\:focus\:ring-blue-500:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity)); + .xl\:inset-x-96 { + left: 24rem; + right: 24rem; } - .md\:focus\:ring-blue-600:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity)); + .xl\:inset-x-auto { + left: auto; + right: auto; } - .md\:focus\:ring-blue-700:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity)); + .xl\:inset-x-px { + left: 1px; + right: 1px; } - .md\:focus\:ring-blue-800:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity)); + .xl\:inset-x-0\.5 { + left: 0.125rem; + right: 0.125rem; } - .md\:focus\:ring-blue-900:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity)); + .xl\:inset-x-1\.5 { + left: 0.375rem; + right: 0.375rem; } - .md\:focus\:ring-indigo-50:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity)); + .xl\:inset-x-2\.5 { + left: 0.625rem; + right: 0.625rem; } - .md\:focus\:ring-indigo-100:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity)); + .xl\:inset-x-3\.5 { + left: 0.875rem; + right: 0.875rem; } - .md\:focus\:ring-indigo-200:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity)); + .xl\:-inset-x-0 { + left: 0px; + right: 0px; } - .md\:focus\:ring-indigo-300:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity)); + .xl\:-inset-x-1 { + left: -0.25rem; + right: -0.25rem; } - .md\:focus\:ring-indigo-400:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity)); + .xl\:-inset-x-2 { + left: -0.5rem; + right: -0.5rem; } - .md\:focus\:ring-indigo-500:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity)); + .xl\:-inset-x-3 { + left: -0.75rem; + right: -0.75rem; } - .md\:focus\:ring-indigo-600:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity)); + .xl\:-inset-x-4 { + left: -1rem; + right: -1rem; } - .md\:focus\:ring-indigo-700:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity)); + .xl\:-inset-x-5 { + left: -1.25rem; + right: -1.25rem; } - .md\:focus\:ring-indigo-800:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity)); + .xl\:-inset-x-6 { + left: -1.5rem; + right: -1.5rem; } - .md\:focus\:ring-indigo-900:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity)); + .xl\:-inset-x-7 { + left: -1.75rem; + right: -1.75rem; } - .md\:focus\:ring-purple-50:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity)); + .xl\:-inset-x-8 { + left: -2rem; + right: -2rem; } - .md\:focus\:ring-purple-100:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity)); + .xl\:-inset-x-9 { + left: -2.25rem; + right: -2.25rem; } - .md\:focus\:ring-purple-200:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity)); + .xl\:-inset-x-10 { + left: -2.5rem; + right: -2.5rem; } - .md\:focus\:ring-purple-300:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity)); + .xl\:-inset-x-11 { + left: -2.75rem; + right: -2.75rem; } - .md\:focus\:ring-purple-400:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity)); + .xl\:-inset-x-12 { + left: -3rem; + right: -3rem; } - .md\:focus\:ring-purple-500:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity)); + .xl\:-inset-x-14 { + left: -3.5rem; + right: -3.5rem; } - .md\:focus\:ring-purple-600:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity)); + .xl\:-inset-x-16 { + left: -4rem; + right: -4rem; } - .md\:focus\:ring-purple-700:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity)); + .xl\:-inset-x-20 { + left: -5rem; + right: -5rem; } - .md\:focus\:ring-purple-800:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity)); + .xl\:-inset-x-24 { + left: -6rem; + right: -6rem; } - .md\:focus\:ring-purple-900:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity)); + .xl\:-inset-x-28 { + left: -7rem; + right: -7rem; } - .md\:focus\:ring-pink-50:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity)); + .xl\:-inset-x-32 { + left: -8rem; + right: -8rem; } - .md\:focus\:ring-pink-100:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity)); + .xl\:-inset-x-36 { + left: -9rem; + right: -9rem; } - .md\:focus\:ring-pink-200:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity)); + .xl\:-inset-x-40 { + left: -10rem; + right: -10rem; } - .md\:focus\:ring-pink-300:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity)); + .xl\:-inset-x-44 { + left: -11rem; + right: -11rem; } - .md\:focus\:ring-pink-400:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity)); + .xl\:-inset-x-48 { + left: -12rem; + right: -12rem; } - .md\:focus\:ring-pink-500:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity)); + .xl\:-inset-x-52 { + left: -13rem; + right: -13rem; } - .md\:focus\:ring-pink-600:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity)); + .xl\:-inset-x-56 { + left: -14rem; + right: -14rem; } - .md\:focus\:ring-pink-700:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity)); + .xl\:-inset-x-60 { + left: -15rem; + right: -15rem; } - .md\:focus\:ring-pink-800:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity)); + .xl\:-inset-x-64 { + left: -16rem; + right: -16rem; } - .md\:focus\:ring-pink-900:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity)); + .xl\:-inset-x-72 { + left: -18rem; + right: -18rem; } - .md\:ring-opacity-0 { - --tw-ring-opacity: 0; + .xl\:-inset-x-80 { + left: -20rem; + right: -20rem; } - .md\:ring-opacity-5 { - --tw-ring-opacity: 0.05; + .xl\:-inset-x-96 { + left: -24rem; + right: -24rem; } - .md\:ring-opacity-10 { - --tw-ring-opacity: 0.1; + .xl\:-inset-x-px { + left: -1px; + right: -1px; } - .md\:ring-opacity-20 { - --tw-ring-opacity: 0.2; + .xl\:-inset-x-0\.5 { + left: -0.125rem; + right: -0.125rem; } - .md\:ring-opacity-25 { - --tw-ring-opacity: 0.25; + .xl\:-inset-x-1\.5 { + left: -0.375rem; + right: -0.375rem; } - .md\:ring-opacity-30 { - --tw-ring-opacity: 0.3; + .xl\:-inset-x-2\.5 { + left: -0.625rem; + right: -0.625rem; } - .md\:ring-opacity-40 { - --tw-ring-opacity: 0.4; + .xl\:-inset-x-3\.5 { + left: -0.875rem; + right: -0.875rem; } - .md\:ring-opacity-50 { - --tw-ring-opacity: 0.5; + .xl\:inset-x-1\/2 { + left: 50%; + right: 50%; } - .md\:ring-opacity-60 { - --tw-ring-opacity: 0.6; + .xl\:inset-x-1\/3 { + left: 33.333333%; + right: 33.333333%; } - .md\:ring-opacity-70 { - --tw-ring-opacity: 0.7; + .xl\:inset-x-2\/3 { + left: 66.666667%; + right: 66.666667%; } - .md\:ring-opacity-75 { - --tw-ring-opacity: 0.75; + .xl\:inset-x-1\/4 { + left: 25%; + right: 25%; } - .md\:ring-opacity-80 { - --tw-ring-opacity: 0.8; + .xl\:inset-x-2\/4 { + left: 50%; + right: 50%; } - .md\:ring-opacity-90 { - --tw-ring-opacity: 0.9; + .xl\:inset-x-3\/4 { + left: 75%; + right: 75%; } - .md\:ring-opacity-95 { - --tw-ring-opacity: 0.95; + .xl\:inset-x-full { + left: 100%; + right: 100%; } - .md\:ring-opacity-100 { - --tw-ring-opacity: 1; + .xl\:-inset-x-1\/2 { + left: -50%; + right: -50%; } - .md\:focus-within\:ring-opacity-0:focus-within { - --tw-ring-opacity: 0; + .xl\:-inset-x-1\/3 { + left: -33.333333%; + right: -33.333333%; } - .md\:focus-within\:ring-opacity-5:focus-within { - --tw-ring-opacity: 0.05; + .xl\:-inset-x-2\/3 { + left: -66.666667%; + right: -66.666667%; } - .md\:focus-within\:ring-opacity-10:focus-within { - --tw-ring-opacity: 0.1; + .xl\:-inset-x-1\/4 { + left: -25%; + right: -25%; } - .md\:focus-within\:ring-opacity-20:focus-within { - --tw-ring-opacity: 0.2; + .xl\:-inset-x-2\/4 { + left: -50%; + right: -50%; } - .md\:focus-within\:ring-opacity-25:focus-within { - --tw-ring-opacity: 0.25; + .xl\:-inset-x-3\/4 { + left: -75%; + right: -75%; } - .md\:focus-within\:ring-opacity-30:focus-within { - --tw-ring-opacity: 0.3; + .xl\:-inset-x-full { + left: -100%; + right: -100%; } - .md\:focus-within\:ring-opacity-40:focus-within { - --tw-ring-opacity: 0.4; + .xl\:inset-y-0 { + top: 0px; + bottom: 0px; } - .md\:focus-within\:ring-opacity-50:focus-within { - --tw-ring-opacity: 0.5; + .xl\:inset-y-1 { + top: 0.25rem; + bottom: 0.25rem; } - .md\:focus-within\:ring-opacity-60:focus-within { - --tw-ring-opacity: 0.6; + .xl\:inset-y-2 { + top: 0.5rem; + bottom: 0.5rem; } - .md\:focus-within\:ring-opacity-70:focus-within { - --tw-ring-opacity: 0.7; + .xl\:inset-y-3 { + top: 0.75rem; + bottom: 0.75rem; } - .md\:focus-within\:ring-opacity-75:focus-within { - --tw-ring-opacity: 0.75; + .xl\:inset-y-4 { + top: 1rem; + bottom: 1rem; } - .md\:focus-within\:ring-opacity-80:focus-within { - --tw-ring-opacity: 0.8; + .xl\:inset-y-5 { + top: 1.25rem; + bottom: 1.25rem; } - .md\:focus-within\:ring-opacity-90:focus-within { - --tw-ring-opacity: 0.9; + .xl\:inset-y-6 { + top: 1.5rem; + bottom: 1.5rem; } - .md\:focus-within\:ring-opacity-95:focus-within { - --tw-ring-opacity: 0.95; + .xl\:inset-y-7 { + top: 1.75rem; + bottom: 1.75rem; } - .md\:focus-within\:ring-opacity-100:focus-within { - --tw-ring-opacity: 1; + .xl\:inset-y-8 { + top: 2rem; + bottom: 2rem; } - .md\:focus\:ring-opacity-0:focus { - --tw-ring-opacity: 0; + .xl\:inset-y-9 { + top: 2.25rem; + bottom: 2.25rem; } - .md\:focus\:ring-opacity-5:focus { - --tw-ring-opacity: 0.05; + .xl\:inset-y-10 { + top: 2.5rem; + bottom: 2.5rem; } - .md\:focus\:ring-opacity-10:focus { - --tw-ring-opacity: 0.1; + .xl\:inset-y-11 { + top: 2.75rem; + bottom: 2.75rem; } - .md\:focus\:ring-opacity-20:focus { - --tw-ring-opacity: 0.2; + .xl\:inset-y-12 { + top: 3rem; + bottom: 3rem; } - .md\:focus\:ring-opacity-25:focus { - --tw-ring-opacity: 0.25; + .xl\:inset-y-14 { + top: 3.5rem; + bottom: 3.5rem; } - .md\:focus\:ring-opacity-30:focus { - --tw-ring-opacity: 0.3; + .xl\:inset-y-16 { + top: 4rem; + bottom: 4rem; } - .md\:focus\:ring-opacity-40:focus { - --tw-ring-opacity: 0.4; + .xl\:inset-y-20 { + top: 5rem; + bottom: 5rem; } - .md\:focus\:ring-opacity-50:focus { - --tw-ring-opacity: 0.5; + .xl\:inset-y-24 { + top: 6rem; + bottom: 6rem; } - .md\:focus\:ring-opacity-60:focus { - --tw-ring-opacity: 0.6; + .xl\:inset-y-28 { + top: 7rem; + bottom: 7rem; } - .md\:focus\:ring-opacity-70:focus { - --tw-ring-opacity: 0.7; + .xl\:inset-y-32 { + top: 8rem; + bottom: 8rem; } - .md\:focus\:ring-opacity-75:focus { - --tw-ring-opacity: 0.75; + .xl\:inset-y-36 { + top: 9rem; + bottom: 9rem; } - .md\:focus\:ring-opacity-80:focus { - --tw-ring-opacity: 0.8; + .xl\:inset-y-40 { + top: 10rem; + bottom: 10rem; } - .md\:focus\:ring-opacity-90:focus { - --tw-ring-opacity: 0.9; + .xl\:inset-y-44 { + top: 11rem; + bottom: 11rem; } - .md\:focus\:ring-opacity-95:focus { - --tw-ring-opacity: 0.95; + .xl\:inset-y-48 { + top: 12rem; + bottom: 12rem; } - .md\:focus\:ring-opacity-100:focus { - --tw-ring-opacity: 1; + .xl\:inset-y-52 { + top: 13rem; + bottom: 13rem; } - .md\:ring-offset-0 { - --tw-ring-offset-width: 0px; + .xl\:inset-y-56 { + top: 14rem; + bottom: 14rem; } - .md\:ring-offset-1 { - --tw-ring-offset-width: 1px; + .xl\:inset-y-60 { + top: 15rem; + bottom: 15rem; } - .md\:ring-offset-2 { - --tw-ring-offset-width: 2px; + .xl\:inset-y-64 { + top: 16rem; + bottom: 16rem; } - .md\:ring-offset-4 { - --tw-ring-offset-width: 4px; + .xl\:inset-y-72 { + top: 18rem; + bottom: 18rem; } - .md\:ring-offset-8 { - --tw-ring-offset-width: 8px; + .xl\:inset-y-80 { + top: 20rem; + bottom: 20rem; } - .md\:focus-within\:ring-offset-0:focus-within { - --tw-ring-offset-width: 0px; + .xl\:inset-y-96 { + top: 24rem; + bottom: 24rem; } - .md\:focus-within\:ring-offset-1:focus-within { - --tw-ring-offset-width: 1px; + .xl\:inset-y-auto { + top: auto; + bottom: auto; } - .md\:focus-within\:ring-offset-2:focus-within { - --tw-ring-offset-width: 2px; + .xl\:inset-y-px { + top: 1px; + bottom: 1px; } - .md\:focus-within\:ring-offset-4:focus-within { - --tw-ring-offset-width: 4px; + .xl\:inset-y-0\.5 { + top: 0.125rem; + bottom: 0.125rem; } - .md\:focus-within\:ring-offset-8:focus-within { - --tw-ring-offset-width: 8px; + .xl\:inset-y-1\.5 { + top: 0.375rem; + bottom: 0.375rem; } - .md\:focus\:ring-offset-0:focus { - --tw-ring-offset-width: 0px; + .xl\:inset-y-2\.5 { + top: 0.625rem; + bottom: 0.625rem; } - .md\:focus\:ring-offset-1:focus { - --tw-ring-offset-width: 1px; + .xl\:inset-y-3\.5 { + top: 0.875rem; + bottom: 0.875rem; } - .md\:focus\:ring-offset-2:focus { - --tw-ring-offset-width: 2px; + .xl\:-inset-y-0 { + top: 0px; + bottom: 0px; } - .md\:focus\:ring-offset-4:focus { - --tw-ring-offset-width: 4px; + .xl\:-inset-y-1 { + top: -0.25rem; + bottom: -0.25rem; } - .md\:focus\:ring-offset-8:focus { - --tw-ring-offset-width: 8px; + .xl\:-inset-y-2 { + top: -0.5rem; + bottom: -0.5rem; } - .md\:ring-offset-transparent { - --tw-ring-offset-color: transparent; + .xl\:-inset-y-3 { + top: -0.75rem; + bottom: -0.75rem; } - .md\:ring-offset-current { - --tw-ring-offset-color: currentColor; + .xl\:-inset-y-4 { + top: -1rem; + bottom: -1rem; } - .md\:ring-offset-black { - --tw-ring-offset-color: #000; + .xl\:-inset-y-5 { + top: -1.25rem; + bottom: -1.25rem; } - .md\:ring-offset-white { - --tw-ring-offset-color: #fff; + .xl\:-inset-y-6 { + top: -1.5rem; + bottom: -1.5rem; } - .md\:ring-offset-gray-50 { - --tw-ring-offset-color: #f9fafb; + .xl\:-inset-y-7 { + top: -1.75rem; + bottom: -1.75rem; } - .md\:ring-offset-gray-100 { - --tw-ring-offset-color: #f3f4f6; + .xl\:-inset-y-8 { + top: -2rem; + bottom: -2rem; } - .md\:ring-offset-gray-200 { - --tw-ring-offset-color: #e5e7eb; + .xl\:-inset-y-9 { + top: -2.25rem; + bottom: -2.25rem; } - .md\:ring-offset-gray-300 { - --tw-ring-offset-color: #d1d5db; + .xl\:-inset-y-10 { + top: -2.5rem; + bottom: -2.5rem; } - .md\:ring-offset-gray-400 { - --tw-ring-offset-color: #9ca3af; + .xl\:-inset-y-11 { + top: -2.75rem; + bottom: -2.75rem; } - .md\:ring-offset-gray-500 { - --tw-ring-offset-color: #6b7280; + .xl\:-inset-y-12 { + top: -3rem; + bottom: -3rem; } - .md\:ring-offset-gray-600 { - --tw-ring-offset-color: #4b5563; + .xl\:-inset-y-14 { + top: -3.5rem; + bottom: -3.5rem; } - .md\:ring-offset-gray-700 { - --tw-ring-offset-color: #374151; + .xl\:-inset-y-16 { + top: -4rem; + bottom: -4rem; } - .md\:ring-offset-gray-800 { - --tw-ring-offset-color: #1f2937; + .xl\:-inset-y-20 { + top: -5rem; + bottom: -5rem; } - .md\:ring-offset-gray-900 { - --tw-ring-offset-color: #111827; + .xl\:-inset-y-24 { + top: -6rem; + bottom: -6rem; } - .md\:ring-offset-red-50 { - --tw-ring-offset-color: #fef2f2; + .xl\:-inset-y-28 { + top: -7rem; + bottom: -7rem; } - .md\:ring-offset-red-100 { - --tw-ring-offset-color: #fee2e2; + .xl\:-inset-y-32 { + top: -8rem; + bottom: -8rem; } - .md\:ring-offset-red-200 { - --tw-ring-offset-color: #fecaca; + .xl\:-inset-y-36 { + top: -9rem; + bottom: -9rem; } - .md\:ring-offset-red-300 { - --tw-ring-offset-color: #fca5a5; + .xl\:-inset-y-40 { + top: -10rem; + bottom: -10rem; } - .md\:ring-offset-red-400 { - --tw-ring-offset-color: #f87171; + .xl\:-inset-y-44 { + top: -11rem; + bottom: -11rem; } - .md\:ring-offset-red-500 { - --tw-ring-offset-color: #ef4444; + .xl\:-inset-y-48 { + top: -12rem; + bottom: -12rem; } - .md\:ring-offset-red-600 { - --tw-ring-offset-color: #dc2626; + .xl\:-inset-y-52 { + top: -13rem; + bottom: -13rem; } - .md\:ring-offset-red-700 { - --tw-ring-offset-color: #b91c1c; + .xl\:-inset-y-56 { + top: -14rem; + bottom: -14rem; } - .md\:ring-offset-red-800 { - --tw-ring-offset-color: #991b1b; + .xl\:-inset-y-60 { + top: -15rem; + bottom: -15rem; } - .md\:ring-offset-red-900 { - --tw-ring-offset-color: #7f1d1d; + .xl\:-inset-y-64 { + top: -16rem; + bottom: -16rem; } - .md\:ring-offset-yellow-50 { - --tw-ring-offset-color: #fffbeb; + .xl\:-inset-y-72 { + top: -18rem; + bottom: -18rem; } - .md\:ring-offset-yellow-100 { - --tw-ring-offset-color: #fef3c7; + .xl\:-inset-y-80 { + top: -20rem; + bottom: -20rem; } - .md\:ring-offset-yellow-200 { - --tw-ring-offset-color: #fde68a; + .xl\:-inset-y-96 { + top: -24rem; + bottom: -24rem; } - .md\:ring-offset-yellow-300 { - --tw-ring-offset-color: #fcd34d; + .xl\:-inset-y-px { + top: -1px; + bottom: -1px; } - .md\:ring-offset-yellow-400 { - --tw-ring-offset-color: #fbbf24; + .xl\:-inset-y-0\.5 { + top: -0.125rem; + bottom: -0.125rem; } - .md\:ring-offset-yellow-500 { - --tw-ring-offset-color: #f59e0b; + .xl\:-inset-y-1\.5 { + top: -0.375rem; + bottom: -0.375rem; } - .md\:ring-offset-yellow-600 { - --tw-ring-offset-color: #d97706; + .xl\:-inset-y-2\.5 { + top: -0.625rem; + bottom: -0.625rem; } - .md\:ring-offset-yellow-700 { - --tw-ring-offset-color: #b45309; + .xl\:-inset-y-3\.5 { + top: -0.875rem; + bottom: -0.875rem; } - .md\:ring-offset-yellow-800 { - --tw-ring-offset-color: #92400e; + .xl\:inset-y-1\/2 { + top: 50%; + bottom: 50%; } - .md\:ring-offset-yellow-900 { - --tw-ring-offset-color: #78350f; + .xl\:inset-y-1\/3 { + top: 33.333333%; + bottom: 33.333333%; } - .md\:ring-offset-green-50 { - --tw-ring-offset-color: #ecfdf5; + .xl\:inset-y-2\/3 { + top: 66.666667%; + bottom: 66.666667%; } - .md\:ring-offset-green-100 { - --tw-ring-offset-color: #d1fae5; + .xl\:inset-y-1\/4 { + top: 25%; + bottom: 25%; } - .md\:ring-offset-green-200 { - --tw-ring-offset-color: #a7f3d0; + .xl\:inset-y-2\/4 { + top: 50%; + bottom: 50%; } - .md\:ring-offset-green-300 { - --tw-ring-offset-color: #6ee7b7; + .xl\:inset-y-3\/4 { + top: 75%; + bottom: 75%; } - .md\:ring-offset-green-400 { - --tw-ring-offset-color: #34d399; + .xl\:inset-y-full { + top: 100%; + bottom: 100%; } - .md\:ring-offset-green-500 { - --tw-ring-offset-color: #10b981; + .xl\:-inset-y-1\/2 { + top: -50%; + bottom: -50%; } - .md\:ring-offset-green-600 { - --tw-ring-offset-color: #059669; + .xl\:-inset-y-1\/3 { + top: -33.333333%; + bottom: -33.333333%; } - .md\:ring-offset-green-700 { - --tw-ring-offset-color: #047857; + .xl\:-inset-y-2\/3 { + top: -66.666667%; + bottom: -66.666667%; } - .md\:ring-offset-green-800 { - --tw-ring-offset-color: #065f46; + .xl\:-inset-y-1\/4 { + top: -25%; + bottom: -25%; } - .md\:ring-offset-green-900 { - --tw-ring-offset-color: #064e3b; + .xl\:-inset-y-2\/4 { + top: -50%; + bottom: -50%; } - .md\:ring-offset-blue-50 { - --tw-ring-offset-color: #eff6ff; + .xl\:-inset-y-3\/4 { + top: -75%; + bottom: -75%; } - .md\:ring-offset-blue-100 { - --tw-ring-offset-color: #dbeafe; + .xl\:-inset-y-full { + top: -100%; + bottom: -100%; } - .md\:ring-offset-blue-200 { - --tw-ring-offset-color: #bfdbfe; + .xl\:top-0 { + top: 0px; } - .md\:ring-offset-blue-300 { - --tw-ring-offset-color: #93c5fd; + .xl\:top-1 { + top: 0.25rem; } - .md\:ring-offset-blue-400 { - --tw-ring-offset-color: #60a5fa; + .xl\:top-2 { + top: 0.5rem; } - .md\:ring-offset-blue-500 { - --tw-ring-offset-color: #3b82f6; + .xl\:top-3 { + top: 0.75rem; } - .md\:ring-offset-blue-600 { - --tw-ring-offset-color: #2563eb; + .xl\:top-4 { + top: 1rem; } - .md\:ring-offset-blue-700 { - --tw-ring-offset-color: #1d4ed8; + .xl\:top-5 { + top: 1.25rem; } - .md\:ring-offset-blue-800 { - --tw-ring-offset-color: #1e40af; + .xl\:top-6 { + top: 1.5rem; } - .md\:ring-offset-blue-900 { - --tw-ring-offset-color: #1e3a8a; + .xl\:top-7 { + top: 1.75rem; } - .md\:ring-offset-indigo-50 { - --tw-ring-offset-color: #eef2ff; + .xl\:top-8 { + top: 2rem; } - .md\:ring-offset-indigo-100 { - --tw-ring-offset-color: #e0e7ff; + .xl\:top-9 { + top: 2.25rem; } - .md\:ring-offset-indigo-200 { - --tw-ring-offset-color: #c7d2fe; + .xl\:top-10 { + top: 2.5rem; } - .md\:ring-offset-indigo-300 { - --tw-ring-offset-color: #a5b4fc; + .xl\:top-11 { + top: 2.75rem; } - .md\:ring-offset-indigo-400 { - --tw-ring-offset-color: #818cf8; + .xl\:top-12 { + top: 3rem; } - .md\:ring-offset-indigo-500 { - --tw-ring-offset-color: #6366f1; + .xl\:top-14 { + top: 3.5rem; } - .md\:ring-offset-indigo-600 { - --tw-ring-offset-color: #4f46e5; + .xl\:top-16 { + top: 4rem; } - .md\:ring-offset-indigo-700 { - --tw-ring-offset-color: #4338ca; + .xl\:top-20 { + top: 5rem; } - .md\:ring-offset-indigo-800 { - --tw-ring-offset-color: #3730a3; + .xl\:top-24 { + top: 6rem; } - .md\:ring-offset-indigo-900 { - --tw-ring-offset-color: #312e81; + .xl\:top-28 { + top: 7rem; } - .md\:ring-offset-purple-50 { - --tw-ring-offset-color: #f5f3ff; + .xl\:top-32 { + top: 8rem; } - .md\:ring-offset-purple-100 { - --tw-ring-offset-color: #ede9fe; + .xl\:top-36 { + top: 9rem; } - .md\:ring-offset-purple-200 { - --tw-ring-offset-color: #ddd6fe; + .xl\:top-40 { + top: 10rem; } - .md\:ring-offset-purple-300 { - --tw-ring-offset-color: #c4b5fd; + .xl\:top-44 { + top: 11rem; } - .md\:ring-offset-purple-400 { - --tw-ring-offset-color: #a78bfa; + .xl\:top-48 { + top: 12rem; } - .md\:ring-offset-purple-500 { - --tw-ring-offset-color: #8b5cf6; + .xl\:top-52 { + top: 13rem; } - .md\:ring-offset-purple-600 { - --tw-ring-offset-color: #7c3aed; + .xl\:top-56 { + top: 14rem; } - .md\:ring-offset-purple-700 { - --tw-ring-offset-color: #6d28d9; + .xl\:top-60 { + top: 15rem; } - .md\:ring-offset-purple-800 { - --tw-ring-offset-color: #5b21b6; + .xl\:top-64 { + top: 16rem; } - .md\:ring-offset-purple-900 { - --tw-ring-offset-color: #4c1d95; + .xl\:top-72 { + top: 18rem; } - .md\:ring-offset-pink-50 { - --tw-ring-offset-color: #fdf2f8; + .xl\:top-80 { + top: 20rem; } - .md\:ring-offset-pink-100 { - --tw-ring-offset-color: #fce7f3; + .xl\:top-96 { + top: 24rem; } - .md\:ring-offset-pink-200 { - --tw-ring-offset-color: #fbcfe8; + .xl\:top-auto { + top: auto; } - .md\:ring-offset-pink-300 { - --tw-ring-offset-color: #f9a8d4; + .xl\:top-px { + top: 1px; } - .md\:ring-offset-pink-400 { - --tw-ring-offset-color: #f472b6; + .xl\:top-0\.5 { + top: 0.125rem; } - .md\:ring-offset-pink-500 { - --tw-ring-offset-color: #ec4899; + .xl\:top-1\.5 { + top: 0.375rem; } - .md\:ring-offset-pink-600 { - --tw-ring-offset-color: #db2777; + .xl\:top-2\.5 { + top: 0.625rem; } - .md\:ring-offset-pink-700 { - --tw-ring-offset-color: #be185d; + .xl\:top-3\.5 { + top: 0.875rem; } - .md\:ring-offset-pink-800 { - --tw-ring-offset-color: #9d174d; + .xl\:-top-0 { + top: 0px; } - .md\:ring-offset-pink-900 { - --tw-ring-offset-color: #831843; + .xl\:-top-1 { + top: -0.25rem; } - .md\:focus-within\:ring-offset-transparent:focus-within { - --tw-ring-offset-color: transparent; + .xl\:-top-2 { + top: -0.5rem; } - .md\:focus-within\:ring-offset-current:focus-within { - --tw-ring-offset-color: currentColor; + .xl\:-top-3 { + top: -0.75rem; } - .md\:focus-within\:ring-offset-black:focus-within { - --tw-ring-offset-color: #000; + .xl\:-top-4 { + top: -1rem; } - .md\:focus-within\:ring-offset-white:focus-within { - --tw-ring-offset-color: #fff; + .xl\:-top-5 { + top: -1.25rem; } - .md\:focus-within\:ring-offset-gray-50:focus-within { - --tw-ring-offset-color: #f9fafb; + .xl\:-top-6 { + top: -1.5rem; } - .md\:focus-within\:ring-offset-gray-100:focus-within { - --tw-ring-offset-color: #f3f4f6; + .xl\:-top-7 { + top: -1.75rem; } - .md\:focus-within\:ring-offset-gray-200:focus-within { - --tw-ring-offset-color: #e5e7eb; + .xl\:-top-8 { + top: -2rem; } - .md\:focus-within\:ring-offset-gray-300:focus-within { - --tw-ring-offset-color: #d1d5db; + .xl\:-top-9 { + top: -2.25rem; } - .md\:focus-within\:ring-offset-gray-400:focus-within { - --tw-ring-offset-color: #9ca3af; + .xl\:-top-10 { + top: -2.5rem; } - .md\:focus-within\:ring-offset-gray-500:focus-within { - --tw-ring-offset-color: #6b7280; + .xl\:-top-11 { + top: -2.75rem; } - .md\:focus-within\:ring-offset-gray-600:focus-within { - --tw-ring-offset-color: #4b5563; + .xl\:-top-12 { + top: -3rem; } - .md\:focus-within\:ring-offset-gray-700:focus-within { - --tw-ring-offset-color: #374151; + .xl\:-top-14 { + top: -3.5rem; } - .md\:focus-within\:ring-offset-gray-800:focus-within { - --tw-ring-offset-color: #1f2937; + .xl\:-top-16 { + top: -4rem; } - .md\:focus-within\:ring-offset-gray-900:focus-within { - --tw-ring-offset-color: #111827; + .xl\:-top-20 { + top: -5rem; } - .md\:focus-within\:ring-offset-red-50:focus-within { - --tw-ring-offset-color: #fef2f2; + .xl\:-top-24 { + top: -6rem; } - .md\:focus-within\:ring-offset-red-100:focus-within { - --tw-ring-offset-color: #fee2e2; + .xl\:-top-28 { + top: -7rem; } - .md\:focus-within\:ring-offset-red-200:focus-within { - --tw-ring-offset-color: #fecaca; + .xl\:-top-32 { + top: -8rem; } - .md\:focus-within\:ring-offset-red-300:focus-within { - --tw-ring-offset-color: #fca5a5; + .xl\:-top-36 { + top: -9rem; } - .md\:focus-within\:ring-offset-red-400:focus-within { - --tw-ring-offset-color: #f87171; + .xl\:-top-40 { + top: -10rem; } - .md\:focus-within\:ring-offset-red-500:focus-within { - --tw-ring-offset-color: #ef4444; + .xl\:-top-44 { + top: -11rem; } - .md\:focus-within\:ring-offset-red-600:focus-within { - --tw-ring-offset-color: #dc2626; + .xl\:-top-48 { + top: -12rem; } - .md\:focus-within\:ring-offset-red-700:focus-within { - --tw-ring-offset-color: #b91c1c; + .xl\:-top-52 { + top: -13rem; } - .md\:focus-within\:ring-offset-red-800:focus-within { - --tw-ring-offset-color: #991b1b; + .xl\:-top-56 { + top: -14rem; } - .md\:focus-within\:ring-offset-red-900:focus-within { - --tw-ring-offset-color: #7f1d1d; + .xl\:-top-60 { + top: -15rem; } - .md\:focus-within\:ring-offset-yellow-50:focus-within { - --tw-ring-offset-color: #fffbeb; + .xl\:-top-64 { + top: -16rem; } - .md\:focus-within\:ring-offset-yellow-100:focus-within { - --tw-ring-offset-color: #fef3c7; + .xl\:-top-72 { + top: -18rem; } - .md\:focus-within\:ring-offset-yellow-200:focus-within { - --tw-ring-offset-color: #fde68a; + .xl\:-top-80 { + top: -20rem; } - .md\:focus-within\:ring-offset-yellow-300:focus-within { - --tw-ring-offset-color: #fcd34d; + .xl\:-top-96 { + top: -24rem; } - .md\:focus-within\:ring-offset-yellow-400:focus-within { - --tw-ring-offset-color: #fbbf24; + .xl\:-top-px { + top: -1px; } - .md\:focus-within\:ring-offset-yellow-500:focus-within { - --tw-ring-offset-color: #f59e0b; + .xl\:-top-0\.5 { + top: -0.125rem; } - .md\:focus-within\:ring-offset-yellow-600:focus-within { - --tw-ring-offset-color: #d97706; + .xl\:-top-1\.5 { + top: -0.375rem; } - .md\:focus-within\:ring-offset-yellow-700:focus-within { - --tw-ring-offset-color: #b45309; + .xl\:-top-2\.5 { + top: -0.625rem; } - .md\:focus-within\:ring-offset-yellow-800:focus-within { - --tw-ring-offset-color: #92400e; + .xl\:-top-3\.5 { + top: -0.875rem; } - .md\:focus-within\:ring-offset-yellow-900:focus-within { - --tw-ring-offset-color: #78350f; + .xl\:top-1\/2 { + top: 50%; } - .md\:focus-within\:ring-offset-green-50:focus-within { - --tw-ring-offset-color: #ecfdf5; + .xl\:top-1\/3 { + top: 33.333333%; } - .md\:focus-within\:ring-offset-green-100:focus-within { - --tw-ring-offset-color: #d1fae5; + .xl\:top-2\/3 { + top: 66.666667%; } - .md\:focus-within\:ring-offset-green-200:focus-within { - --tw-ring-offset-color: #a7f3d0; + .xl\:top-1\/4 { + top: 25%; } - .md\:focus-within\:ring-offset-green-300:focus-within { - --tw-ring-offset-color: #6ee7b7; + .xl\:top-2\/4 { + top: 50%; } - .md\:focus-within\:ring-offset-green-400:focus-within { - --tw-ring-offset-color: #34d399; + .xl\:top-3\/4 { + top: 75%; } - .md\:focus-within\:ring-offset-green-500:focus-within { - --tw-ring-offset-color: #10b981; + .xl\:top-full { + top: 100%; } - .md\:focus-within\:ring-offset-green-600:focus-within { - --tw-ring-offset-color: #059669; + .xl\:-top-1\/2 { + top: -50%; } - .md\:focus-within\:ring-offset-green-700:focus-within { - --tw-ring-offset-color: #047857; + .xl\:-top-1\/3 { + top: -33.333333%; } - .md\:focus-within\:ring-offset-green-800:focus-within { - --tw-ring-offset-color: #065f46; + .xl\:-top-2\/3 { + top: -66.666667%; } - .md\:focus-within\:ring-offset-green-900:focus-within { - --tw-ring-offset-color: #064e3b; + .xl\:-top-1\/4 { + top: -25%; } - .md\:focus-within\:ring-offset-blue-50:focus-within { - --tw-ring-offset-color: #eff6ff; + .xl\:-top-2\/4 { + top: -50%; } - .md\:focus-within\:ring-offset-blue-100:focus-within { - --tw-ring-offset-color: #dbeafe; + .xl\:-top-3\/4 { + top: -75%; } - .md\:focus-within\:ring-offset-blue-200:focus-within { - --tw-ring-offset-color: #bfdbfe; + .xl\:-top-full { + top: -100%; } - .md\:focus-within\:ring-offset-blue-300:focus-within { - --tw-ring-offset-color: #93c5fd; + .xl\:right-0 { + right: 0px; } - .md\:focus-within\:ring-offset-blue-400:focus-within { - --tw-ring-offset-color: #60a5fa; + .xl\:right-1 { + right: 0.25rem; } - .md\:focus-within\:ring-offset-blue-500:focus-within { - --tw-ring-offset-color: #3b82f6; + .xl\:right-2 { + right: 0.5rem; } - .md\:focus-within\:ring-offset-blue-600:focus-within { - --tw-ring-offset-color: #2563eb; + .xl\:right-3 { + right: 0.75rem; } - .md\:focus-within\:ring-offset-blue-700:focus-within { - --tw-ring-offset-color: #1d4ed8; + .xl\:right-4 { + right: 1rem; } - .md\:focus-within\:ring-offset-blue-800:focus-within { - --tw-ring-offset-color: #1e40af; + .xl\:right-5 { + right: 1.25rem; } - .md\:focus-within\:ring-offset-blue-900:focus-within { - --tw-ring-offset-color: #1e3a8a; + .xl\:right-6 { + right: 1.5rem; } - .md\:focus-within\:ring-offset-indigo-50:focus-within { - --tw-ring-offset-color: #eef2ff; + .xl\:right-7 { + right: 1.75rem; } - .md\:focus-within\:ring-offset-indigo-100:focus-within { - --tw-ring-offset-color: #e0e7ff; + .xl\:right-8 { + right: 2rem; } - .md\:focus-within\:ring-offset-indigo-200:focus-within { - --tw-ring-offset-color: #c7d2fe; + .xl\:right-9 { + right: 2.25rem; } - .md\:focus-within\:ring-offset-indigo-300:focus-within { - --tw-ring-offset-color: #a5b4fc; + .xl\:right-10 { + right: 2.5rem; } - .md\:focus-within\:ring-offset-indigo-400:focus-within { - --tw-ring-offset-color: #818cf8; + .xl\:right-11 { + right: 2.75rem; } - .md\:focus-within\:ring-offset-indigo-500:focus-within { - --tw-ring-offset-color: #6366f1; + .xl\:right-12 { + right: 3rem; } - .md\:focus-within\:ring-offset-indigo-600:focus-within { - --tw-ring-offset-color: #4f46e5; + .xl\:right-14 { + right: 3.5rem; } - .md\:focus-within\:ring-offset-indigo-700:focus-within { - --tw-ring-offset-color: #4338ca; + .xl\:right-16 { + right: 4rem; } - .md\:focus-within\:ring-offset-indigo-800:focus-within { - --tw-ring-offset-color: #3730a3; + .xl\:right-20 { + right: 5rem; } - .md\:focus-within\:ring-offset-indigo-900:focus-within { - --tw-ring-offset-color: #312e81; + .xl\:right-24 { + right: 6rem; } - .md\:focus-within\:ring-offset-purple-50:focus-within { - --tw-ring-offset-color: #f5f3ff; + .xl\:right-28 { + right: 7rem; } - .md\:focus-within\:ring-offset-purple-100:focus-within { - --tw-ring-offset-color: #ede9fe; + .xl\:right-32 { + right: 8rem; } - .md\:focus-within\:ring-offset-purple-200:focus-within { - --tw-ring-offset-color: #ddd6fe; + .xl\:right-36 { + right: 9rem; } - .md\:focus-within\:ring-offset-purple-300:focus-within { - --tw-ring-offset-color: #c4b5fd; + .xl\:right-40 { + right: 10rem; } - .md\:focus-within\:ring-offset-purple-400:focus-within { - --tw-ring-offset-color: #a78bfa; + .xl\:right-44 { + right: 11rem; } - .md\:focus-within\:ring-offset-purple-500:focus-within { - --tw-ring-offset-color: #8b5cf6; + .xl\:right-48 { + right: 12rem; } - .md\:focus-within\:ring-offset-purple-600:focus-within { - --tw-ring-offset-color: #7c3aed; + .xl\:right-52 { + right: 13rem; } - .md\:focus-within\:ring-offset-purple-700:focus-within { - --tw-ring-offset-color: #6d28d9; + .xl\:right-56 { + right: 14rem; } - .md\:focus-within\:ring-offset-purple-800:focus-within { - --tw-ring-offset-color: #5b21b6; + .xl\:right-60 { + right: 15rem; } - .md\:focus-within\:ring-offset-purple-900:focus-within { - --tw-ring-offset-color: #4c1d95; + .xl\:right-64 { + right: 16rem; } - .md\:focus-within\:ring-offset-pink-50:focus-within { - --tw-ring-offset-color: #fdf2f8; + .xl\:right-72 { + right: 18rem; } - .md\:focus-within\:ring-offset-pink-100:focus-within { - --tw-ring-offset-color: #fce7f3; + .xl\:right-80 { + right: 20rem; } - .md\:focus-within\:ring-offset-pink-200:focus-within { - --tw-ring-offset-color: #fbcfe8; + .xl\:right-96 { + right: 24rem; } - .md\:focus-within\:ring-offset-pink-300:focus-within { - --tw-ring-offset-color: #f9a8d4; + .xl\:right-auto { + right: auto; } - .md\:focus-within\:ring-offset-pink-400:focus-within { - --tw-ring-offset-color: #f472b6; + .xl\:right-px { + right: 1px; } - .md\:focus-within\:ring-offset-pink-500:focus-within { - --tw-ring-offset-color: #ec4899; + .xl\:right-0\.5 { + right: 0.125rem; } - .md\:focus-within\:ring-offset-pink-600:focus-within { - --tw-ring-offset-color: #db2777; + .xl\:right-1\.5 { + right: 0.375rem; } - .md\:focus-within\:ring-offset-pink-700:focus-within { - --tw-ring-offset-color: #be185d; + .xl\:right-2\.5 { + right: 0.625rem; } - .md\:focus-within\:ring-offset-pink-800:focus-within { - --tw-ring-offset-color: #9d174d; + .xl\:right-3\.5 { + right: 0.875rem; } - .md\:focus-within\:ring-offset-pink-900:focus-within { - --tw-ring-offset-color: #831843; + .xl\:-right-0 { + right: 0px; } - .md\:focus\:ring-offset-transparent:focus { - --tw-ring-offset-color: transparent; + .xl\:-right-1 { + right: -0.25rem; } - .md\:focus\:ring-offset-current:focus { - --tw-ring-offset-color: currentColor; + .xl\:-right-2 { + right: -0.5rem; } - .md\:focus\:ring-offset-black:focus { - --tw-ring-offset-color: #000; + .xl\:-right-3 { + right: -0.75rem; } - .md\:focus\:ring-offset-white:focus { - --tw-ring-offset-color: #fff; + .xl\:-right-4 { + right: -1rem; } - .md\:focus\:ring-offset-gray-50:focus { - --tw-ring-offset-color: #f9fafb; + .xl\:-right-5 { + right: -1.25rem; } - .md\:focus\:ring-offset-gray-100:focus { - --tw-ring-offset-color: #f3f4f6; + .xl\:-right-6 { + right: -1.5rem; } - .md\:focus\:ring-offset-gray-200:focus { - --tw-ring-offset-color: #e5e7eb; + .xl\:-right-7 { + right: -1.75rem; } - .md\:focus\:ring-offset-gray-300:focus { - --tw-ring-offset-color: #d1d5db; + .xl\:-right-8 { + right: -2rem; } - .md\:focus\:ring-offset-gray-400:focus { - --tw-ring-offset-color: #9ca3af; + .xl\:-right-9 { + right: -2.25rem; } - .md\:focus\:ring-offset-gray-500:focus { - --tw-ring-offset-color: #6b7280; + .xl\:-right-10 { + right: -2.5rem; } - .md\:focus\:ring-offset-gray-600:focus { - --tw-ring-offset-color: #4b5563; + .xl\:-right-11 { + right: -2.75rem; } - .md\:focus\:ring-offset-gray-700:focus { - --tw-ring-offset-color: #374151; + .xl\:-right-12 { + right: -3rem; } - .md\:focus\:ring-offset-gray-800:focus { - --tw-ring-offset-color: #1f2937; + .xl\:-right-14 { + right: -3.5rem; } - .md\:focus\:ring-offset-gray-900:focus { - --tw-ring-offset-color: #111827; + .xl\:-right-16 { + right: -4rem; } - .md\:focus\:ring-offset-red-50:focus { - --tw-ring-offset-color: #fef2f2; + .xl\:-right-20 { + right: -5rem; } - .md\:focus\:ring-offset-red-100:focus { - --tw-ring-offset-color: #fee2e2; + .xl\:-right-24 { + right: -6rem; } - .md\:focus\:ring-offset-red-200:focus { - --tw-ring-offset-color: #fecaca; + .xl\:-right-28 { + right: -7rem; } - .md\:focus\:ring-offset-red-300:focus { - --tw-ring-offset-color: #fca5a5; + .xl\:-right-32 { + right: -8rem; } - .md\:focus\:ring-offset-red-400:focus { - --tw-ring-offset-color: #f87171; + .xl\:-right-36 { + right: -9rem; } - .md\:focus\:ring-offset-red-500:focus { - --tw-ring-offset-color: #ef4444; + .xl\:-right-40 { + right: -10rem; } - .md\:focus\:ring-offset-red-600:focus { - --tw-ring-offset-color: #dc2626; + .xl\:-right-44 { + right: -11rem; } - .md\:focus\:ring-offset-red-700:focus { - --tw-ring-offset-color: #b91c1c; + .xl\:-right-48 { + right: -12rem; } - .md\:focus\:ring-offset-red-800:focus { - --tw-ring-offset-color: #991b1b; + .xl\:-right-52 { + right: -13rem; } - .md\:focus\:ring-offset-red-900:focus { - --tw-ring-offset-color: #7f1d1d; + .xl\:-right-56 { + right: -14rem; } - .md\:focus\:ring-offset-yellow-50:focus { - --tw-ring-offset-color: #fffbeb; + .xl\:-right-60 { + right: -15rem; } - .md\:focus\:ring-offset-yellow-100:focus { - --tw-ring-offset-color: #fef3c7; + .xl\:-right-64 { + right: -16rem; } - .md\:focus\:ring-offset-yellow-200:focus { - --tw-ring-offset-color: #fde68a; + .xl\:-right-72 { + right: -18rem; } - .md\:focus\:ring-offset-yellow-300:focus { - --tw-ring-offset-color: #fcd34d; + .xl\:-right-80 { + right: -20rem; } - .md\:focus\:ring-offset-yellow-400:focus { - --tw-ring-offset-color: #fbbf24; + .xl\:-right-96 { + right: -24rem; } - .md\:focus\:ring-offset-yellow-500:focus { - --tw-ring-offset-color: #f59e0b; + .xl\:-right-px { + right: -1px; } - .md\:focus\:ring-offset-yellow-600:focus { - --tw-ring-offset-color: #d97706; + .xl\:-right-0\.5 { + right: -0.125rem; } - .md\:focus\:ring-offset-yellow-700:focus { - --tw-ring-offset-color: #b45309; + .xl\:-right-1\.5 { + right: -0.375rem; } - .md\:focus\:ring-offset-yellow-800:focus { - --tw-ring-offset-color: #92400e; + .xl\:-right-2\.5 { + right: -0.625rem; } - .md\:focus\:ring-offset-yellow-900:focus { - --tw-ring-offset-color: #78350f; + .xl\:-right-3\.5 { + right: -0.875rem; } - .md\:focus\:ring-offset-green-50:focus { - --tw-ring-offset-color: #ecfdf5; + .xl\:right-1\/2 { + right: 50%; } - .md\:focus\:ring-offset-green-100:focus { - --tw-ring-offset-color: #d1fae5; + .xl\:right-1\/3 { + right: 33.333333%; } - .md\:focus\:ring-offset-green-200:focus { - --tw-ring-offset-color: #a7f3d0; + .xl\:right-2\/3 { + right: 66.666667%; } - .md\:focus\:ring-offset-green-300:focus { - --tw-ring-offset-color: #6ee7b7; + .xl\:right-1\/4 { + right: 25%; } - .md\:focus\:ring-offset-green-400:focus { - --tw-ring-offset-color: #34d399; + .xl\:right-2\/4 { + right: 50%; } - .md\:focus\:ring-offset-green-500:focus { - --tw-ring-offset-color: #10b981; + .xl\:right-3\/4 { + right: 75%; } - .md\:focus\:ring-offset-green-600:focus { - --tw-ring-offset-color: #059669; + .xl\:right-full { + right: 100%; } - .md\:focus\:ring-offset-green-700:focus { - --tw-ring-offset-color: #047857; + .xl\:-right-1\/2 { + right: -50%; } - .md\:focus\:ring-offset-green-800:focus { - --tw-ring-offset-color: #065f46; + .xl\:-right-1\/3 { + right: -33.333333%; } - .md\:focus\:ring-offset-green-900:focus { - --tw-ring-offset-color: #064e3b; + .xl\:-right-2\/3 { + right: -66.666667%; } - .md\:focus\:ring-offset-blue-50:focus { - --tw-ring-offset-color: #eff6ff; + .xl\:-right-1\/4 { + right: -25%; } - .md\:focus\:ring-offset-blue-100:focus { - --tw-ring-offset-color: #dbeafe; + .xl\:-right-2\/4 { + right: -50%; } - .md\:focus\:ring-offset-blue-200:focus { - --tw-ring-offset-color: #bfdbfe; + .xl\:-right-3\/4 { + right: -75%; } - .md\:focus\:ring-offset-blue-300:focus { - --tw-ring-offset-color: #93c5fd; + .xl\:-right-full { + right: -100%; } - .md\:focus\:ring-offset-blue-400:focus { - --tw-ring-offset-color: #60a5fa; + .xl\:bottom-0 { + bottom: 0px; } - .md\:focus\:ring-offset-blue-500:focus { - --tw-ring-offset-color: #3b82f6; + .xl\:bottom-1 { + bottom: 0.25rem; } - .md\:focus\:ring-offset-blue-600:focus { - --tw-ring-offset-color: #2563eb; + .xl\:bottom-2 { + bottom: 0.5rem; } - .md\:focus\:ring-offset-blue-700:focus { - --tw-ring-offset-color: #1d4ed8; + .xl\:bottom-3 { + bottom: 0.75rem; } - .md\:focus\:ring-offset-blue-800:focus { - --tw-ring-offset-color: #1e40af; + .xl\:bottom-4 { + bottom: 1rem; } - .md\:focus\:ring-offset-blue-900:focus { - --tw-ring-offset-color: #1e3a8a; + .xl\:bottom-5 { + bottom: 1.25rem; } - .md\:focus\:ring-offset-indigo-50:focus { - --tw-ring-offset-color: #eef2ff; + .xl\:bottom-6 { + bottom: 1.5rem; } - .md\:focus\:ring-offset-indigo-100:focus { - --tw-ring-offset-color: #e0e7ff; + .xl\:bottom-7 { + bottom: 1.75rem; } - .md\:focus\:ring-offset-indigo-200:focus { - --tw-ring-offset-color: #c7d2fe; + .xl\:bottom-8 { + bottom: 2rem; } - .md\:focus\:ring-offset-indigo-300:focus { - --tw-ring-offset-color: #a5b4fc; + .xl\:bottom-9 { + bottom: 2.25rem; } - .md\:focus\:ring-offset-indigo-400:focus { - --tw-ring-offset-color: #818cf8; + .xl\:bottom-10 { + bottom: 2.5rem; } - .md\:focus\:ring-offset-indigo-500:focus { - --tw-ring-offset-color: #6366f1; + .xl\:bottom-11 { + bottom: 2.75rem; } - .md\:focus\:ring-offset-indigo-600:focus { - --tw-ring-offset-color: #4f46e5; + .xl\:bottom-12 { + bottom: 3rem; } - .md\:focus\:ring-offset-indigo-700:focus { - --tw-ring-offset-color: #4338ca; + .xl\:bottom-14 { + bottom: 3.5rem; } - .md\:focus\:ring-offset-indigo-800:focus { - --tw-ring-offset-color: #3730a3; + .xl\:bottom-16 { + bottom: 4rem; } - .md\:focus\:ring-offset-indigo-900:focus { - --tw-ring-offset-color: #312e81; + .xl\:bottom-20 { + bottom: 5rem; } - .md\:focus\:ring-offset-purple-50:focus { - --tw-ring-offset-color: #f5f3ff; + .xl\:bottom-24 { + bottom: 6rem; } - .md\:focus\:ring-offset-purple-100:focus { - --tw-ring-offset-color: #ede9fe; + .xl\:bottom-28 { + bottom: 7rem; } - .md\:focus\:ring-offset-purple-200:focus { - --tw-ring-offset-color: #ddd6fe; + .xl\:bottom-32 { + bottom: 8rem; } - .md\:focus\:ring-offset-purple-300:focus { - --tw-ring-offset-color: #c4b5fd; + .xl\:bottom-36 { + bottom: 9rem; } - .md\:focus\:ring-offset-purple-400:focus { - --tw-ring-offset-color: #a78bfa; + .xl\:bottom-40 { + bottom: 10rem; } - .md\:focus\:ring-offset-purple-500:focus { - --tw-ring-offset-color: #8b5cf6; + .xl\:bottom-44 { + bottom: 11rem; } - .md\:focus\:ring-offset-purple-600:focus { - --tw-ring-offset-color: #7c3aed; + .xl\:bottom-48 { + bottom: 12rem; } - .md\:focus\:ring-offset-purple-700:focus { - --tw-ring-offset-color: #6d28d9; + .xl\:bottom-52 { + bottom: 13rem; } - .md\:focus\:ring-offset-purple-800:focus { - --tw-ring-offset-color: #5b21b6; + .xl\:bottom-56 { + bottom: 14rem; } - .md\:focus\:ring-offset-purple-900:focus { - --tw-ring-offset-color: #4c1d95; + .xl\:bottom-60 { + bottom: 15rem; } - .md\:focus\:ring-offset-pink-50:focus { - --tw-ring-offset-color: #fdf2f8; + .xl\:bottom-64 { + bottom: 16rem; } - .md\:focus\:ring-offset-pink-100:focus { - --tw-ring-offset-color: #fce7f3; + .xl\:bottom-72 { + bottom: 18rem; } - .md\:focus\:ring-offset-pink-200:focus { - --tw-ring-offset-color: #fbcfe8; + .xl\:bottom-80 { + bottom: 20rem; } - .md\:focus\:ring-offset-pink-300:focus { - --tw-ring-offset-color: #f9a8d4; + .xl\:bottom-96 { + bottom: 24rem; } - .md\:focus\:ring-offset-pink-400:focus { - --tw-ring-offset-color: #f472b6; + .xl\:bottom-auto { + bottom: auto; } - .md\:focus\:ring-offset-pink-500:focus { - --tw-ring-offset-color: #ec4899; + .xl\:bottom-px { + bottom: 1px; } - .md\:focus\:ring-offset-pink-600:focus { - --tw-ring-offset-color: #db2777; + .xl\:bottom-0\.5 { + bottom: 0.125rem; } - .md\:focus\:ring-offset-pink-700:focus { - --tw-ring-offset-color: #be185d; + .xl\:bottom-1\.5 { + bottom: 0.375rem; } - .md\:focus\:ring-offset-pink-800:focus { - --tw-ring-offset-color: #9d174d; + .xl\:bottom-2\.5 { + bottom: 0.625rem; } - .md\:focus\:ring-offset-pink-900:focus { - --tw-ring-offset-color: #831843; + .xl\:bottom-3\.5 { + bottom: 0.875rem; } - .md\:filter { - --tw-blur: var(--tw-empty,/*!*/ /*!*/); - --tw-brightness: var(--tw-empty,/*!*/ /*!*/); - --tw-contrast: var(--tw-empty,/*!*/ /*!*/); - --tw-grayscale: var(--tw-empty,/*!*/ /*!*/); - --tw-hue-rotate: var(--tw-empty,/*!*/ /*!*/); - --tw-invert: var(--tw-empty,/*!*/ /*!*/); - --tw-saturate: var(--tw-empty,/*!*/ /*!*/); - --tw-sepia: var(--tw-empty,/*!*/ /*!*/); - --tw-drop-shadow: var(--tw-empty,/*!*/ /*!*/); - 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); + .xl\:-bottom-0 { + bottom: 0px; } - .md\:filter-none { - filter: none; + .xl\:-bottom-1 { + bottom: -0.25rem; } - .md\:blur-0 { - --tw-blur: blur(0); + .xl\:-bottom-2 { + bottom: -0.5rem; } - .md\:blur-none { - --tw-blur: blur(0); + .xl\:-bottom-3 { + bottom: -0.75rem; } - .md\:blur-sm { - --tw-blur: blur(4px); + .xl\:-bottom-4 { + bottom: -1rem; } - .md\:blur { - --tw-blur: blur(8px); + .xl\:-bottom-5 { + bottom: -1.25rem; } - .md\:blur-md { - --tw-blur: blur(12px); + .xl\:-bottom-6 { + bottom: -1.5rem; } - .md\:blur-lg { - --tw-blur: blur(16px); + .xl\:-bottom-7 { + bottom: -1.75rem; } - .md\:blur-xl { - --tw-blur: blur(24px); + .xl\:-bottom-8 { + bottom: -2rem; } - .md\:blur-2xl { - --tw-blur: blur(40px); + .xl\:-bottom-9 { + bottom: -2.25rem; } - .md\:blur-3xl { - --tw-blur: blur(64px); + .xl\:-bottom-10 { + bottom: -2.5rem; } - .md\:brightness-0 { - --tw-brightness: brightness(0); + .xl\:-bottom-11 { + bottom: -2.75rem; } - .md\:brightness-50 { - --tw-brightness: brightness(.5); + .xl\:-bottom-12 { + bottom: -3rem; } - .md\:brightness-75 { - --tw-brightness: brightness(.75); + .xl\:-bottom-14 { + bottom: -3.5rem; } - .md\:brightness-90 { - --tw-brightness: brightness(.9); + .xl\:-bottom-16 { + bottom: -4rem; } - .md\:brightness-95 { - --tw-brightness: brightness(.95); + .xl\:-bottom-20 { + bottom: -5rem; } - .md\:brightness-100 { - --tw-brightness: brightness(1); + .xl\:-bottom-24 { + bottom: -6rem; } - .md\:brightness-105 { - --tw-brightness: brightness(1.05); + .xl\:-bottom-28 { + bottom: -7rem; } - .md\:brightness-110 { - --tw-brightness: brightness(1.1); + .xl\:-bottom-32 { + bottom: -8rem; } - .md\:brightness-125 { - --tw-brightness: brightness(1.25); + .xl\:-bottom-36 { + bottom: -9rem; } - .md\:brightness-150 { - --tw-brightness: brightness(1.5); + .xl\:-bottom-40 { + bottom: -10rem; } - .md\:brightness-200 { - --tw-brightness: brightness(2); + .xl\:-bottom-44 { + bottom: -11rem; } - .md\:contrast-0 { - --tw-contrast: contrast(0); + .xl\:-bottom-48 { + bottom: -12rem; } - .md\:contrast-50 { - --tw-contrast: contrast(.5); + .xl\:-bottom-52 { + bottom: -13rem; } - .md\:contrast-75 { - --tw-contrast: contrast(.75); + .xl\:-bottom-56 { + bottom: -14rem; } - .md\:contrast-100 { - --tw-contrast: contrast(1); + .xl\:-bottom-60 { + bottom: -15rem; } - .md\:contrast-125 { - --tw-contrast: contrast(1.25); + .xl\:-bottom-64 { + bottom: -16rem; } - .md\:contrast-150 { - --tw-contrast: contrast(1.5); + .xl\:-bottom-72 { + bottom: -18rem; } - .md\:contrast-200 { - --tw-contrast: contrast(2); + .xl\:-bottom-80 { + bottom: -20rem; } - .md\:drop-shadow-sm { - --tw-drop-shadow: drop-shadow(0 1px 1px rgba(0,0,0,0.05)); + .xl\:-bottom-96 { + bottom: -24rem; } - .md\:drop-shadow { - --tw-drop-shadow: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1)) drop-shadow(0 1px 1px rgba(0, 0, 0, 0.06)); + .xl\:-bottom-px { + bottom: -1px; } - .md\:drop-shadow-md { - --tw-drop-shadow: drop-shadow(0 4px 3px rgba(0, 0, 0, 0.07)) drop-shadow(0 2px 2px rgba(0, 0, 0, 0.06)); + .xl\:-bottom-0\.5 { + bottom: -0.125rem; } - .md\:drop-shadow-lg { - --tw-drop-shadow: drop-shadow(0 10px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0 4px 3px rgba(0, 0, 0, 0.1)); + .xl\:-bottom-1\.5 { + bottom: -0.375rem; } - .md\:drop-shadow-xl { - --tw-drop-shadow: drop-shadow(0 20px 13px rgba(0, 0, 0, 0.03)) drop-shadow(0 8px 5px rgba(0, 0, 0, 0.08)); + .xl\:-bottom-2\.5 { + bottom: -0.625rem; } - .md\:drop-shadow-2xl { - --tw-drop-shadow: drop-shadow(0 25px 25px rgba(0, 0, 0, 0.15)); + .xl\:-bottom-3\.5 { + bottom: -0.875rem; } - .md\:drop-shadow-none { - --tw-drop-shadow: drop-shadow(0 0 #0000); + .xl\:bottom-1\/2 { + bottom: 50%; } - .md\:grayscale-0 { - --tw-grayscale: grayscale(0); + .xl\:bottom-1\/3 { + bottom: 33.333333%; } - .md\:grayscale { - --tw-grayscale: grayscale(100%); + .xl\:bottom-2\/3 { + bottom: 66.666667%; } - .md\:hue-rotate-0 { - --tw-hue-rotate: hue-rotate(0deg); + .xl\:bottom-1\/4 { + bottom: 25%; } - .md\:hue-rotate-15 { - --tw-hue-rotate: hue-rotate(15deg); + .xl\:bottom-2\/4 { + bottom: 50%; } - .md\:hue-rotate-30 { - --tw-hue-rotate: hue-rotate(30deg); + .xl\:bottom-3\/4 { + bottom: 75%; } - .md\:hue-rotate-60 { - --tw-hue-rotate: hue-rotate(60deg); + .xl\:bottom-full { + bottom: 100%; } - .md\:hue-rotate-90 { - --tw-hue-rotate: hue-rotate(90deg); + .xl\:-bottom-1\/2 { + bottom: -50%; } - .md\:hue-rotate-180 { - --tw-hue-rotate: hue-rotate(180deg); + .xl\:-bottom-1\/3 { + bottom: -33.333333%; } - .md\:-hue-rotate-180 { - --tw-hue-rotate: hue-rotate(-180deg); + .xl\:-bottom-2\/3 { + bottom: -66.666667%; } - .md\:-hue-rotate-90 { - --tw-hue-rotate: hue-rotate(-90deg); + .xl\:-bottom-1\/4 { + bottom: -25%; } - .md\:-hue-rotate-60 { - --tw-hue-rotate: hue-rotate(-60deg); + .xl\:-bottom-2\/4 { + bottom: -50%; } - .md\:-hue-rotate-30 { - --tw-hue-rotate: hue-rotate(-30deg); + .xl\:-bottom-3\/4 { + bottom: -75%; } - .md\:-hue-rotate-15 { - --tw-hue-rotate: hue-rotate(-15deg); + .xl\:-bottom-full { + bottom: -100%; } - .md\:invert-0 { - --tw-invert: invert(0); + .xl\:left-0 { + left: 0px; } - .md\:invert { - --tw-invert: invert(100%); + .xl\:left-1 { + left: 0.25rem; } - .md\:saturate-0 { - --tw-saturate: saturate(0); + .xl\:left-2 { + left: 0.5rem; } - .md\:saturate-50 { - --tw-saturate: saturate(.5); + .xl\:left-3 { + left: 0.75rem; } - .md\:saturate-100 { - --tw-saturate: saturate(1); + .xl\:left-4 { + left: 1rem; } - .md\:saturate-150 { - --tw-saturate: saturate(1.5); + .xl\:left-5 { + left: 1.25rem; } - .md\:saturate-200 { - --tw-saturate: saturate(2); + .xl\:left-6 { + left: 1.5rem; } - .md\:sepia-0 { - --tw-sepia: sepia(0); + .xl\:left-7 { + left: 1.75rem; } - .md\:sepia { - --tw-sepia: sepia(100%); + .xl\:left-8 { + left: 2rem; } - .md\:backdrop-filter { - --tw-backdrop-blur: var(--tw-empty,/*!*/ /*!*/); - --tw-backdrop-brightness: var(--tw-empty,/*!*/ /*!*/); - --tw-backdrop-contrast: var(--tw-empty,/*!*/ /*!*/); - --tw-backdrop-grayscale: var(--tw-empty,/*!*/ /*!*/); - --tw-backdrop-hue-rotate: var(--tw-empty,/*!*/ /*!*/); - --tw-backdrop-invert: var(--tw-empty,/*!*/ /*!*/); - --tw-backdrop-opacity: var(--tw-empty,/*!*/ /*!*/); - --tw-backdrop-saturate: var(--tw-empty,/*!*/ /*!*/); - --tw-backdrop-sepia: var(--tw-empty,/*!*/ /*!*/); - -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); - backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + .xl\:left-9 { + left: 2.25rem; } - .md\:backdrop-filter-none { - -webkit-backdrop-filter: none; - backdrop-filter: none; + .xl\:left-10 { + left: 2.5rem; } - .md\:backdrop-blur-0 { - --tw-backdrop-blur: blur(0); + .xl\:left-11 { + left: 2.75rem; } - .md\:backdrop-blur-none { - --tw-backdrop-blur: blur(0); + .xl\:left-12 { + left: 3rem; } - .md\:backdrop-blur-sm { - --tw-backdrop-blur: blur(4px); + .xl\:left-14 { + left: 3.5rem; } - .md\:backdrop-blur { - --tw-backdrop-blur: blur(8px); + .xl\:left-16 { + left: 4rem; } - .md\:backdrop-blur-md { - --tw-backdrop-blur: blur(12px); + .xl\:left-20 { + left: 5rem; } - .md\:backdrop-blur-lg { - --tw-backdrop-blur: blur(16px); + .xl\:left-24 { + left: 6rem; } - .md\:backdrop-blur-xl { - --tw-backdrop-blur: blur(24px); + .xl\:left-28 { + left: 7rem; } - .md\:backdrop-blur-2xl { - --tw-backdrop-blur: blur(40px); + .xl\:left-32 { + left: 8rem; } - .md\:backdrop-blur-3xl { - --tw-backdrop-blur: blur(64px); + .xl\:left-36 { + left: 9rem; } - .md\:backdrop-brightness-0 { - --tw-backdrop-brightness: brightness(0); + .xl\:left-40 { + left: 10rem; } - .md\:backdrop-brightness-50 { - --tw-backdrop-brightness: brightness(.5); + .xl\:left-44 { + left: 11rem; } - .md\:backdrop-brightness-75 { - --tw-backdrop-brightness: brightness(.75); + .xl\:left-48 { + left: 12rem; } - .md\:backdrop-brightness-90 { - --tw-backdrop-brightness: brightness(.9); + .xl\:left-52 { + left: 13rem; } - .md\:backdrop-brightness-95 { - --tw-backdrop-brightness: brightness(.95); + .xl\:left-56 { + left: 14rem; } - .md\:backdrop-brightness-100 { - --tw-backdrop-brightness: brightness(1); + .xl\:left-60 { + left: 15rem; } - .md\:backdrop-brightness-105 { - --tw-backdrop-brightness: brightness(1.05); + .xl\:left-64 { + left: 16rem; } - .md\:backdrop-brightness-110 { - --tw-backdrop-brightness: brightness(1.1); + .xl\:left-72 { + left: 18rem; } - .md\:backdrop-brightness-125 { - --tw-backdrop-brightness: brightness(1.25); + .xl\:left-80 { + left: 20rem; } - .md\:backdrop-brightness-150 { - --tw-backdrop-brightness: brightness(1.5); + .xl\:left-96 { + left: 24rem; } - .md\:backdrop-brightness-200 { - --tw-backdrop-brightness: brightness(2); + .xl\:left-auto { + left: auto; } - .md\:backdrop-contrast-0 { - --tw-backdrop-contrast: contrast(0); + .xl\:left-px { + left: 1px; } - .md\:backdrop-contrast-50 { - --tw-backdrop-contrast: contrast(.5); + .xl\:left-0\.5 { + left: 0.125rem; } - .md\:backdrop-contrast-75 { - --tw-backdrop-contrast: contrast(.75); + .xl\:left-1\.5 { + left: 0.375rem; } - .md\:backdrop-contrast-100 { - --tw-backdrop-contrast: contrast(1); + .xl\:left-2\.5 { + left: 0.625rem; } - .md\:backdrop-contrast-125 { - --tw-backdrop-contrast: contrast(1.25); + .xl\:left-3\.5 { + left: 0.875rem; } - .md\:backdrop-contrast-150 { - --tw-backdrop-contrast: contrast(1.5); + .xl\:-left-0 { + left: 0px; } - .md\:backdrop-contrast-200 { - --tw-backdrop-contrast: contrast(2); + .xl\:-left-1 { + left: -0.25rem; } - .md\:backdrop-grayscale-0 { - --tw-backdrop-grayscale: grayscale(0); + .xl\:-left-2 { + left: -0.5rem; } - .md\:backdrop-grayscale { - --tw-backdrop-grayscale: grayscale(100%); + .xl\:-left-3 { + left: -0.75rem; } - .md\:backdrop-hue-rotate-0 { - --tw-backdrop-hue-rotate: hue-rotate(0deg); + .xl\:-left-4 { + left: -1rem; } - .md\:backdrop-hue-rotate-15 { - --tw-backdrop-hue-rotate: hue-rotate(15deg); + .xl\:-left-5 { + left: -1.25rem; } - .md\:backdrop-hue-rotate-30 { - --tw-backdrop-hue-rotate: hue-rotate(30deg); + .xl\:-left-6 { + left: -1.5rem; } - .md\:backdrop-hue-rotate-60 { - --tw-backdrop-hue-rotate: hue-rotate(60deg); + .xl\:-left-7 { + left: -1.75rem; } - .md\:backdrop-hue-rotate-90 { - --tw-backdrop-hue-rotate: hue-rotate(90deg); + .xl\:-left-8 { + left: -2rem; } - .md\:backdrop-hue-rotate-180 { - --tw-backdrop-hue-rotate: hue-rotate(180deg); + .xl\:-left-9 { + left: -2.25rem; } - .md\:-backdrop-hue-rotate-180 { - --tw-backdrop-hue-rotate: hue-rotate(-180deg); + .xl\:-left-10 { + left: -2.5rem; } - .md\:-backdrop-hue-rotate-90 { - --tw-backdrop-hue-rotate: hue-rotate(-90deg); + .xl\:-left-11 { + left: -2.75rem; } - .md\:-backdrop-hue-rotate-60 { - --tw-backdrop-hue-rotate: hue-rotate(-60deg); + .xl\:-left-12 { + left: -3rem; } - .md\:-backdrop-hue-rotate-30 { - --tw-backdrop-hue-rotate: hue-rotate(-30deg); + .xl\:-left-14 { + left: -3.5rem; } - .md\:-backdrop-hue-rotate-15 { - --tw-backdrop-hue-rotate: hue-rotate(-15deg); + .xl\:-left-16 { + left: -4rem; } - .md\:backdrop-invert-0 { - --tw-backdrop-invert: invert(0); + .xl\:-left-20 { + left: -5rem; } - .md\:backdrop-invert { - --tw-backdrop-invert: invert(100%); + .xl\:-left-24 { + left: -6rem; } - .md\:backdrop-opacity-0 { - --tw-backdrop-opacity: opacity(0); + .xl\:-left-28 { + left: -7rem; } - .md\:backdrop-opacity-5 { - --tw-backdrop-opacity: opacity(0.05); + .xl\:-left-32 { + left: -8rem; } - .md\:backdrop-opacity-10 { - --tw-backdrop-opacity: opacity(0.1); + .xl\:-left-36 { + left: -9rem; } - .md\:backdrop-opacity-20 { - --tw-backdrop-opacity: opacity(0.2); + .xl\:-left-40 { + left: -10rem; } - .md\:backdrop-opacity-25 { - --tw-backdrop-opacity: opacity(0.25); + .xl\:-left-44 { + left: -11rem; } - .md\:backdrop-opacity-30 { - --tw-backdrop-opacity: opacity(0.3); + .xl\:-left-48 { + left: -12rem; } - .md\:backdrop-opacity-40 { - --tw-backdrop-opacity: opacity(0.4); + .xl\:-left-52 { + left: -13rem; } - .md\:backdrop-opacity-50 { - --tw-backdrop-opacity: opacity(0.5); + .xl\:-left-56 { + left: -14rem; } - .md\:backdrop-opacity-60 { - --tw-backdrop-opacity: opacity(0.6); + .xl\:-left-60 { + left: -15rem; } - .md\:backdrop-opacity-70 { - --tw-backdrop-opacity: opacity(0.7); + .xl\:-left-64 { + left: -16rem; } - .md\:backdrop-opacity-75 { - --tw-backdrop-opacity: opacity(0.75); + .xl\:-left-72 { + left: -18rem; } - .md\:backdrop-opacity-80 { - --tw-backdrop-opacity: opacity(0.8); + .xl\:-left-80 { + left: -20rem; } - .md\:backdrop-opacity-90 { - --tw-backdrop-opacity: opacity(0.9); + .xl\:-left-96 { + left: -24rem; } - .md\:backdrop-opacity-95 { - --tw-backdrop-opacity: opacity(0.95); + .xl\:-left-px { + left: -1px; } - .md\:backdrop-opacity-100 { - --tw-backdrop-opacity: opacity(1); + .xl\:-left-0\.5 { + left: -0.125rem; } - .md\:backdrop-saturate-0 { - --tw-backdrop-saturate: saturate(0); + .xl\:-left-1\.5 { + left: -0.375rem; } - .md\:backdrop-saturate-50 { - --tw-backdrop-saturate: saturate(.5); + .xl\:-left-2\.5 { + left: -0.625rem; } - .md\:backdrop-saturate-100 { - --tw-backdrop-saturate: saturate(1); + .xl\:-left-3\.5 { + left: -0.875rem; } - .md\:backdrop-saturate-150 { - --tw-backdrop-saturate: saturate(1.5); + .xl\:left-1\/2 { + left: 50%; } - .md\:backdrop-saturate-200 { - --tw-backdrop-saturate: saturate(2); + .xl\:left-1\/3 { + left: 33.333333%; } - .md\:backdrop-sepia-0 { - --tw-backdrop-sepia: sepia(0); + .xl\:left-2\/3 { + left: 66.666667%; } - .md\:backdrop-sepia { - --tw-backdrop-sepia: sepia(100%); + .xl\:left-1\/4 { + left: 25%; } - .md\:transition-none { - transition-property: none; + .xl\:left-2\/4 { + left: 50%; } - .md\:transition-all { - transition-property: all; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 150ms; + .xl\:left-3\/4 { + left: 75%; } - .md\:transition { - transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; - transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; - transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 150ms; + .xl\:left-full { + left: 100%; } - .md\:transition-colors { - transition-property: background-color, border-color, color, fill, stroke; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 150ms; + .xl\:-left-1\/2 { + left: -50%; } - .md\:transition-opacity { - transition-property: opacity; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 150ms; + .xl\:-left-1\/3 { + left: -33.333333%; } - .md\:transition-shadow { - transition-property: box-shadow; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 150ms; + .xl\:-left-2\/3 { + left: -66.666667%; } - .md\:transition-transform { - transition-property: transform; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 150ms; + .xl\:-left-1\/4 { + left: -25%; } - .md\:delay-75 { - transition-delay: 75ms; + .xl\:-left-2\/4 { + left: -50%; } - .md\:delay-100 { - transition-delay: 100ms; + .xl\:-left-3\/4 { + left: -75%; } - .md\:delay-150 { - transition-delay: 150ms; + .xl\:-left-full { + left: -100%; } - .md\:delay-200 { - transition-delay: 200ms; + .xl\:isolate { + isolation: isolate; } - .md\:delay-300 { - transition-delay: 300ms; + .xl\:isolation-auto { + isolation: auto; } - .md\:delay-500 { - transition-delay: 500ms; + .xl\:z-0 { + z-index: 0; } - .md\:delay-700 { - transition-delay: 700ms; + .xl\:z-10 { + z-index: 10; } - .md\:delay-1000 { - transition-delay: 1000ms; + .xl\:z-20 { + z-index: 20; } - .md\:duration-75 { - transition-duration: 75ms; + .xl\:z-30 { + z-index: 30; } - .md\:duration-100 { - transition-duration: 100ms; + .xl\:z-40 { + z-index: 40; } - .md\:duration-150 { - transition-duration: 150ms; + .xl\:z-50 { + z-index: 50; } - .md\:duration-200 { - transition-duration: 200ms; + .xl\:z-auto { + z-index: auto; } - .md\:duration-300 { - transition-duration: 300ms; + .xl\:focus-within\:z-0:focus-within { + z-index: 0; } - .md\:duration-500 { - transition-duration: 500ms; + .xl\:focus-within\:z-10:focus-within { + z-index: 10; } - .md\:duration-700 { - transition-duration: 700ms; + .xl\:focus-within\:z-20:focus-within { + z-index: 20; } - .md\:duration-1000 { - transition-duration: 1000ms; + .xl\:focus-within\:z-30:focus-within { + z-index: 30; } - .md\:ease-linear { - transition-timing-function: linear; + .xl\:focus-within\:z-40:focus-within { + z-index: 40; } - .md\:ease-in { - transition-timing-function: cubic-bezier(0.4, 0, 1, 1); + .xl\:focus-within\:z-50:focus-within { + z-index: 50; } - .md\:ease-out { - transition-timing-function: cubic-bezier(0, 0, 0.2, 1); + .xl\:focus-within\:z-auto:focus-within { + z-index: auto; } - .md\:ease-in-out { - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + .xl\:focus\:z-0:focus { + z-index: 0; } -} -@media (min-width: 1024px) { - .lg\:container { - width: 100%; + .xl\:focus\:z-10:focus { + z-index: 10; } - @media (min-width: 640px) { - .lg\:container { - max-width: 640px; - } + .xl\:focus\:z-20:focus { + z-index: 20; } - @media (min-width: 768px) { - .lg\:container { - max-width: 768px; - } + .xl\:focus\:z-30:focus { + z-index: 30; } - @media (min-width: 1024px) { - .lg\:container { - max-width: 1024px; - } + .xl\:focus\:z-40:focus { + z-index: 40; } - @media (min-width: 1280px) { - .lg\:container { - max-width: 1280px; - } + .xl\:focus\:z-50:focus { + z-index: 50; } - @media (min-width: 1536px) { - .lg\:container { - max-width: 1536px; - } + .xl\:focus\:z-auto:focus { + z-index: auto; } - .lg\: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; + .xl\:order-1 { + order: 1; } - .lg\:not-sr-only { - position: static; - width: auto; - height: auto; - padding: 0; - margin: 0; - overflow: visible; - clip: auto; - white-space: normal; + .xl\:order-2 { + order: 2; } - .lg\:focus-within\:sr-only:focus-within { - position: absolute; - width: 1px; - height: 1px; - padding: 0; - margin: -1px; - overflow: hidden; - clip: rect(0, 0, 0, 0); - white-space: nowrap; - border-width: 0; + .xl\:order-3 { + order: 3; } - .lg\:focus-within\:not-sr-only:focus-within { - position: static; - width: auto; - height: auto; - padding: 0; - margin: 0; - overflow: visible; - clip: auto; - white-space: normal; + .xl\:order-4 { + order: 4; } - .lg\:focus\:sr-only:focus { - position: absolute; - width: 1px; - height: 1px; - padding: 0; - margin: -1px; - overflow: hidden; - clip: rect(0, 0, 0, 0); - white-space: nowrap; - border-width: 0; + .xl\:order-5 { + order: 5; } - .lg\:focus\:not-sr-only:focus { - position: static; - width: auto; - height: auto; - padding: 0; - margin: 0; - overflow: visible; - clip: auto; - white-space: normal; + .xl\:order-6 { + order: 6; } - .lg\:pointer-events-none { - pointer-events: none; + .xl\:order-7 { + order: 7; } - .lg\:pointer-events-auto { - pointer-events: auto; + .xl\:order-8 { + order: 8; } - .lg\:visible { - visibility: visible; + .xl\:order-9 { + order: 9; } - .lg\:invisible { - visibility: hidden; + .xl\:order-10 { + order: 10; } - .lg\:static { - position: static; + .xl\:order-11 { + order: 11; } - .lg\:fixed { - position: fixed; + .xl\:order-12 { + order: 12; } - .lg\:absolute { - position: absolute; + .xl\:order-first { + order: -9999; } - .lg\:relative { - position: relative; + .xl\:order-last { + order: 9999; } - .lg\:sticky { - position: sticky; + .xl\:order-none { + order: 0; } - .lg\:inset-0 { - top: 0px; - right: 0px; - bottom: 0px; - left: 0px; + .xl\:col-auto { + grid-column: auto; } - .lg\:inset-1 { - top: 0.25rem; - right: 0.25rem; - bottom: 0.25rem; - left: 0.25rem; + .xl\:col-span-1 { + grid-column: span 1 / span 1; } - .lg\:inset-2 { - top: 0.5rem; - right: 0.5rem; - bottom: 0.5rem; - left: 0.5rem; + .xl\:col-span-2 { + grid-column: span 2 / span 2; } - .lg\:inset-3 { - top: 0.75rem; - right: 0.75rem; - bottom: 0.75rem; - left: 0.75rem; + .xl\:col-span-3 { + grid-column: span 3 / span 3; } - .lg\:inset-4 { - top: 1rem; - right: 1rem; - bottom: 1rem; - left: 1rem; + .xl\:col-span-4 { + grid-column: span 4 / span 4; } - .lg\:inset-5 { - top: 1.25rem; - right: 1.25rem; - bottom: 1.25rem; - left: 1.25rem; + .xl\:col-span-5 { + grid-column: span 5 / span 5; } - .lg\:inset-6 { - top: 1.5rem; - right: 1.5rem; - bottom: 1.5rem; - left: 1.5rem; + .xl\:col-span-6 { + grid-column: span 6 / span 6; } - .lg\:inset-7 { - top: 1.75rem; - right: 1.75rem; - bottom: 1.75rem; - left: 1.75rem; + .xl\:col-span-7 { + grid-column: span 7 / span 7; } - .lg\:inset-8 { - top: 2rem; - right: 2rem; - bottom: 2rem; - left: 2rem; + .xl\:col-span-8 { + grid-column: span 8 / span 8; } - .lg\:inset-9 { - top: 2.25rem; - right: 2.25rem; - bottom: 2.25rem; - left: 2.25rem; + .xl\:col-span-9 { + grid-column: span 9 / span 9; } - .lg\:inset-10 { - top: 2.5rem; - right: 2.5rem; - bottom: 2.5rem; - left: 2.5rem; + .xl\:col-span-10 { + grid-column: span 10 / span 10; } - .lg\:inset-11 { - top: 2.75rem; - right: 2.75rem; - bottom: 2.75rem; - left: 2.75rem; + .xl\:col-span-11 { + grid-column: span 11 / span 11; } - .lg\:inset-12 { - top: 3rem; - right: 3rem; - bottom: 3rem; - left: 3rem; + .xl\:col-span-12 { + grid-column: span 12 / span 12; } - .lg\:inset-14 { - top: 3.5rem; - right: 3.5rem; - bottom: 3.5rem; - left: 3.5rem; + .xl\:col-span-full { + grid-column: 1 / -1; } - .lg\:inset-16 { - top: 4rem; - right: 4rem; - bottom: 4rem; - left: 4rem; + .xl\:col-start-1 { + grid-column-start: 1; } - .lg\:inset-20 { - top: 5rem; - right: 5rem; - bottom: 5rem; - left: 5rem; + .xl\:col-start-2 { + grid-column-start: 2; } - .lg\:inset-24 { - top: 6rem; - right: 6rem; - bottom: 6rem; - left: 6rem; + .xl\:col-start-3 { + grid-column-start: 3; } - .lg\:inset-28 { - top: 7rem; - right: 7rem; - bottom: 7rem; - left: 7rem; + .xl\:col-start-4 { + grid-column-start: 4; } - .lg\:inset-32 { - top: 8rem; - right: 8rem; - bottom: 8rem; - left: 8rem; + .xl\:col-start-5 { + grid-column-start: 5; } - .lg\:inset-36 { - top: 9rem; - right: 9rem; - bottom: 9rem; - left: 9rem; + .xl\:col-start-6 { + grid-column-start: 6; } - .lg\:inset-40 { - top: 10rem; - right: 10rem; - bottom: 10rem; - left: 10rem; + .xl\:col-start-7 { + grid-column-start: 7; } - .lg\:inset-44 { - top: 11rem; - right: 11rem; - bottom: 11rem; - left: 11rem; + .xl\:col-start-8 { + grid-column-start: 8; } - .lg\:inset-48 { - top: 12rem; - right: 12rem; - bottom: 12rem; - left: 12rem; + .xl\:col-start-9 { + grid-column-start: 9; } - .lg\:inset-52 { - top: 13rem; - right: 13rem; - bottom: 13rem; - left: 13rem; + .xl\:col-start-10 { + grid-column-start: 10; } - .lg\:inset-56 { - top: 14rem; - right: 14rem; - bottom: 14rem; - left: 14rem; + .xl\:col-start-11 { + grid-column-start: 11; } - .lg\:inset-60 { - top: 15rem; - right: 15rem; - bottom: 15rem; - left: 15rem; + .xl\:col-start-12 { + grid-column-start: 12; } - .lg\:inset-64 { - top: 16rem; - right: 16rem; - bottom: 16rem; - left: 16rem; + .xl\:col-start-13 { + grid-column-start: 13; } - .lg\:inset-72 { - top: 18rem; - right: 18rem; - bottom: 18rem; - left: 18rem; + .xl\:col-start-auto { + grid-column-start: auto; } - .lg\:inset-80 { - top: 20rem; - right: 20rem; - bottom: 20rem; - left: 20rem; + .xl\:col-end-1 { + grid-column-end: 1; } - .lg\:inset-96 { - top: 24rem; - right: 24rem; - bottom: 24rem; - left: 24rem; + .xl\:col-end-2 { + grid-column-end: 2; } - .lg\:inset-auto { - top: auto; - right: auto; - bottom: auto; - left: auto; + .xl\:col-end-3 { + grid-column-end: 3; } - .lg\:inset-px { - top: 1px; - right: 1px; - bottom: 1px; - left: 1px; + .xl\:col-end-4 { + grid-column-end: 4; } - .lg\:inset-0\.5 { - top: 0.125rem; - right: 0.125rem; - bottom: 0.125rem; - left: 0.125rem; + .xl\:col-end-5 { + grid-column-end: 5; } - .lg\:inset-1\.5 { - top: 0.375rem; - right: 0.375rem; - bottom: 0.375rem; - left: 0.375rem; + .xl\:col-end-6 { + grid-column-end: 6; } - .lg\:inset-2\.5 { - top: 0.625rem; - right: 0.625rem; - bottom: 0.625rem; - left: 0.625rem; + .xl\:col-end-7 { + grid-column-end: 7; } - .lg\:inset-3\.5 { - top: 0.875rem; - right: 0.875rem; - bottom: 0.875rem; - left: 0.875rem; + .xl\:col-end-8 { + grid-column-end: 8; } - .lg\:-inset-0 { - top: 0px; - right: 0px; - bottom: 0px; - left: 0px; + .xl\:col-end-9 { + grid-column-end: 9; } - .lg\:-inset-1 { - top: -0.25rem; - right: -0.25rem; - bottom: -0.25rem; - left: -0.25rem; + .xl\:col-end-10 { + grid-column-end: 10; } - .lg\:-inset-2 { - top: -0.5rem; - right: -0.5rem; - bottom: -0.5rem; - left: -0.5rem; + .xl\:col-end-11 { + grid-column-end: 11; } - .lg\:-inset-3 { - top: -0.75rem; - right: -0.75rem; - bottom: -0.75rem; - left: -0.75rem; + .xl\:col-end-12 { + grid-column-end: 12; } - .lg\:-inset-4 { - top: -1rem; - right: -1rem; - bottom: -1rem; - left: -1rem; + .xl\:col-end-13 { + grid-column-end: 13; } - .lg\:-inset-5 { - top: -1.25rem; - right: -1.25rem; - bottom: -1.25rem; - left: -1.25rem; + .xl\:col-end-auto { + grid-column-end: auto; } - .lg\:-inset-6 { - top: -1.5rem; - right: -1.5rem; - bottom: -1.5rem; - left: -1.5rem; + .xl\:row-auto { + grid-row: auto; } - .lg\:-inset-7 { - top: -1.75rem; - right: -1.75rem; - bottom: -1.75rem; - left: -1.75rem; + .xl\:row-span-1 { + grid-row: span 1 / span 1; } - .lg\:-inset-8 { - top: -2rem; - right: -2rem; - bottom: -2rem; - left: -2rem; + .xl\:row-span-2 { + grid-row: span 2 / span 2; } - .lg\:-inset-9 { - top: -2.25rem; - right: -2.25rem; - bottom: -2.25rem; - left: -2.25rem; + .xl\:row-span-3 { + grid-row: span 3 / span 3; } - .lg\:-inset-10 { - top: -2.5rem; - right: -2.5rem; - bottom: -2.5rem; - left: -2.5rem; + .xl\:row-span-4 { + grid-row: span 4 / span 4; } - .lg\:-inset-11 { - top: -2.75rem; - right: -2.75rem; - bottom: -2.75rem; - left: -2.75rem; + .xl\:row-span-5 { + grid-row: span 5 / span 5; } - .lg\:-inset-12 { - top: -3rem; - right: -3rem; - bottom: -3rem; - left: -3rem; + .xl\:row-span-6 { + grid-row: span 6 / span 6; } - .lg\:-inset-14 { - top: -3.5rem; - right: -3.5rem; - bottom: -3.5rem; - left: -3.5rem; + .xl\:row-span-full { + grid-row: 1 / -1; } - .lg\:-inset-16 { - top: -4rem; - right: -4rem; - bottom: -4rem; - left: -4rem; + .xl\:row-start-1 { + grid-row-start: 1; } - .lg\:-inset-20 { - top: -5rem; - right: -5rem; - bottom: -5rem; - left: -5rem; + .xl\:row-start-2 { + grid-row-start: 2; } - .lg\:-inset-24 { - top: -6rem; - right: -6rem; - bottom: -6rem; - left: -6rem; + .xl\:row-start-3 { + grid-row-start: 3; } - .lg\:-inset-28 { - top: -7rem; - right: -7rem; - bottom: -7rem; - left: -7rem; + .xl\:row-start-4 { + grid-row-start: 4; } - .lg\:-inset-32 { - top: -8rem; - right: -8rem; - bottom: -8rem; - left: -8rem; + .xl\:row-start-5 { + grid-row-start: 5; } - .lg\:-inset-36 { - top: -9rem; - right: -9rem; - bottom: -9rem; - left: -9rem; + .xl\:row-start-6 { + grid-row-start: 6; } - .lg\:-inset-40 { - top: -10rem; - right: -10rem; - bottom: -10rem; - left: -10rem; + .xl\:row-start-7 { + grid-row-start: 7; } - .lg\:-inset-44 { - top: -11rem; - right: -11rem; - bottom: -11rem; - left: -11rem; + .xl\:row-start-auto { + grid-row-start: auto; } - .lg\:-inset-48 { - top: -12rem; - right: -12rem; - bottom: -12rem; - left: -12rem; + .xl\:row-end-1 { + grid-row-end: 1; } - .lg\:-inset-52 { - top: -13rem; - right: -13rem; - bottom: -13rem; - left: -13rem; + .xl\:row-end-2 { + grid-row-end: 2; } - .lg\:-inset-56 { - top: -14rem; - right: -14rem; - bottom: -14rem; - left: -14rem; + .xl\:row-end-3 { + grid-row-end: 3; } - .lg\:-inset-60 { - top: -15rem; - right: -15rem; - bottom: -15rem; - left: -15rem; + .xl\:row-end-4 { + grid-row-end: 4; } - .lg\:-inset-64 { - top: -16rem; - right: -16rem; - bottom: -16rem; - left: -16rem; + .xl\:row-end-5 { + grid-row-end: 5; } - .lg\:-inset-72 { - top: -18rem; - right: -18rem; - bottom: -18rem; - left: -18rem; + .xl\:row-end-6 { + grid-row-end: 6; } - .lg\:-inset-80 { - top: -20rem; - right: -20rem; - bottom: -20rem; - left: -20rem; + .xl\:row-end-7 { + grid-row-end: 7; } - .lg\:-inset-96 { - top: -24rem; - right: -24rem; - bottom: -24rem; - left: -24rem; + .xl\:row-end-auto { + grid-row-end: auto; } - .lg\:-inset-px { - top: -1px; - right: -1px; - bottom: -1px; - left: -1px; + .xl\:float-right { + float: right; } - .lg\:-inset-0\.5 { - top: -0.125rem; - right: -0.125rem; - bottom: -0.125rem; - left: -0.125rem; + .xl\:float-left { + float: left; } - .lg\:-inset-1\.5 { - top: -0.375rem; - right: -0.375rem; - bottom: -0.375rem; - left: -0.375rem; + .xl\:float-none { + float: none; } - .lg\:-inset-2\.5 { - top: -0.625rem; - right: -0.625rem; - bottom: -0.625rem; - left: -0.625rem; + .xl\:clear-left { + clear: left; } - .lg\:-inset-3\.5 { - top: -0.875rem; - right: -0.875rem; - bottom: -0.875rem; - left: -0.875rem; + .xl\:clear-right { + clear: right; } - .lg\:inset-1\/2 { - top: 50%; - right: 50%; - bottom: 50%; - left: 50%; + .xl\:clear-both { + clear: both; } - .lg\:inset-1\/3 { - top: 33.333333%; - right: 33.333333%; - bottom: 33.333333%; - left: 33.333333%; + .xl\:clear-none { + clear: none; } - .lg\:inset-2\/3 { - top: 66.666667%; - right: 66.666667%; - bottom: 66.666667%; - left: 66.666667%; + .xl\:m-0 { + margin: 0px; } - .lg\:inset-1\/4 { - top: 25%; - right: 25%; - bottom: 25%; - left: 25%; + .xl\:m-1 { + margin: 0.25rem; } - .lg\:inset-2\/4 { - top: 50%; - right: 50%; - bottom: 50%; - left: 50%; + .xl\:m-2 { + margin: 0.5rem; } - .lg\:inset-3\/4 { - top: 75%; - right: 75%; - bottom: 75%; - left: 75%; + .xl\:m-3 { + margin: 0.75rem; } - .lg\:inset-full { - top: 100%; - right: 100%; - bottom: 100%; - left: 100%; + .xl\:m-4 { + margin: 1rem; } - .lg\:-inset-1\/2 { - top: -50%; - right: -50%; - bottom: -50%; - left: -50%; + .xl\:m-5 { + margin: 1.25rem; } - .lg\:-inset-1\/3 { - top: -33.333333%; - right: -33.333333%; - bottom: -33.333333%; - left: -33.333333%; + .xl\:m-6 { + margin: 1.5rem; } - .lg\:-inset-2\/3 { - top: -66.666667%; - right: -66.666667%; - bottom: -66.666667%; - left: -66.666667%; + .xl\:m-7 { + margin: 1.75rem; } - .lg\:-inset-1\/4 { - top: -25%; - right: -25%; - bottom: -25%; - left: -25%; + .xl\:m-8 { + margin: 2rem; } - .lg\:-inset-2\/4 { - top: -50%; - right: -50%; - bottom: -50%; - left: -50%; + .xl\:m-9 { + margin: 2.25rem; } - .lg\:-inset-3\/4 { - top: -75%; - right: -75%; - bottom: -75%; - left: -75%; + .xl\:m-10 { + margin: 2.5rem; } - .lg\:-inset-full { - top: -100%; - right: -100%; - bottom: -100%; - left: -100%; + .xl\:m-11 { + margin: 2.75rem; } - .lg\:inset-x-0 { - left: 0px; - right: 0px; + .xl\:m-12 { + margin: 3rem; } - .lg\:inset-x-1 { - left: 0.25rem; - right: 0.25rem; + .xl\:m-14 { + margin: 3.5rem; } - .lg\:inset-x-2 { - left: 0.5rem; - right: 0.5rem; + .xl\:m-16 { + margin: 4rem; } - .lg\:inset-x-3 { - left: 0.75rem; - right: 0.75rem; + .xl\:m-20 { + margin: 5rem; } - .lg\:inset-x-4 { - left: 1rem; - right: 1rem; + .xl\:m-24 { + margin: 6rem; } - .lg\:inset-x-5 { - left: 1.25rem; - right: 1.25rem; + .xl\:m-28 { + margin: 7rem; } - .lg\:inset-x-6 { - left: 1.5rem; - right: 1.5rem; + .xl\:m-32 { + margin: 8rem; } - .lg\:inset-x-7 { - left: 1.75rem; - right: 1.75rem; + .xl\:m-36 { + margin: 9rem; } - .lg\:inset-x-8 { - left: 2rem; - right: 2rem; + .xl\:m-40 { + margin: 10rem; } - .lg\:inset-x-9 { - left: 2.25rem; - right: 2.25rem; + .xl\:m-44 { + margin: 11rem; } - .lg\:inset-x-10 { - left: 2.5rem; - right: 2.5rem; + .xl\:m-48 { + margin: 12rem; } - .lg\:inset-x-11 { - left: 2.75rem; - right: 2.75rem; + .xl\:m-52 { + margin: 13rem; } - .lg\:inset-x-12 { - left: 3rem; - right: 3rem; + .xl\:m-56 { + margin: 14rem; } - .lg\:inset-x-14 { - left: 3.5rem; - right: 3.5rem; + .xl\:m-60 { + margin: 15rem; } - .lg\:inset-x-16 { - left: 4rem; - right: 4rem; + .xl\:m-64 { + margin: 16rem; } - .lg\:inset-x-20 { - left: 5rem; - right: 5rem; + .xl\:m-72 { + margin: 18rem; } - .lg\:inset-x-24 { - left: 6rem; - right: 6rem; + .xl\:m-80 { + margin: 20rem; } - .lg\:inset-x-28 { - left: 7rem; - right: 7rem; + .xl\:m-96 { + margin: 24rem; } - .lg\:inset-x-32 { - left: 8rem; - right: 8rem; + .xl\:m-auto { + margin: auto; } - .lg\:inset-x-36 { - left: 9rem; - right: 9rem; + .xl\:m-px { + margin: 1px; } - .lg\:inset-x-40 { - left: 10rem; - right: 10rem; + .xl\:m-0\.5 { + margin: 0.125rem; } - .lg\:inset-x-44 { - left: 11rem; - right: 11rem; + .xl\:m-1\.5 { + margin: 0.375rem; } - .lg\:inset-x-48 { - left: 12rem; - right: 12rem; + .xl\:m-2\.5 { + margin: 0.625rem; } - .lg\:inset-x-52 { - left: 13rem; - right: 13rem; + .xl\:m-3\.5 { + margin: 0.875rem; } - .lg\:inset-x-56 { - left: 14rem; - right: 14rem; + .xl\:-m-0 { + margin: 0px; } - .lg\:inset-x-60 { - left: 15rem; - right: 15rem; + .xl\:-m-1 { + margin: -0.25rem; } - .lg\:inset-x-64 { - left: 16rem; - right: 16rem; + .xl\:-m-2 { + margin: -0.5rem; } - .lg\:inset-x-72 { - left: 18rem; - right: 18rem; + .xl\:-m-3 { + margin: -0.75rem; } - .lg\:inset-x-80 { - left: 20rem; - right: 20rem; + .xl\:-m-4 { + margin: -1rem; } - .lg\:inset-x-96 { - left: 24rem; - right: 24rem; + .xl\:-m-5 { + margin: -1.25rem; } - .lg\:inset-x-auto { - left: auto; - right: auto; + .xl\:-m-6 { + margin: -1.5rem; } - .lg\:inset-x-px { - left: 1px; - right: 1px; + .xl\:-m-7 { + margin: -1.75rem; } - .lg\:inset-x-0\.5 { - left: 0.125rem; - right: 0.125rem; + .xl\:-m-8 { + margin: -2rem; } - .lg\:inset-x-1\.5 { - left: 0.375rem; - right: 0.375rem; + .xl\:-m-9 { + margin: -2.25rem; } - .lg\:inset-x-2\.5 { - left: 0.625rem; - right: 0.625rem; + .xl\:-m-10 { + margin: -2.5rem; } - .lg\:inset-x-3\.5 { - left: 0.875rem; - right: 0.875rem; + .xl\:-m-11 { + margin: -2.75rem; } - .lg\:-inset-x-0 { - left: 0px; - right: 0px; + .xl\:-m-12 { + margin: -3rem; } - .lg\:-inset-x-1 { - left: -0.25rem; - right: -0.25rem; + .xl\:-m-14 { + margin: -3.5rem; } - .lg\:-inset-x-2 { - left: -0.5rem; - right: -0.5rem; + .xl\:-m-16 { + margin: -4rem; } - .lg\:-inset-x-3 { - left: -0.75rem; - right: -0.75rem; + .xl\:-m-20 { + margin: -5rem; } - .lg\:-inset-x-4 { - left: -1rem; - right: -1rem; + .xl\:-m-24 { + margin: -6rem; } - .lg\:-inset-x-5 { - left: -1.25rem; - right: -1.25rem; + .xl\:-m-28 { + margin: -7rem; } - .lg\:-inset-x-6 { - left: -1.5rem; - right: -1.5rem; + .xl\:-m-32 { + margin: -8rem; } - .lg\:-inset-x-7 { - left: -1.75rem; - right: -1.75rem; + .xl\:-m-36 { + margin: -9rem; } - .lg\:-inset-x-8 { - left: -2rem; - right: -2rem; + .xl\:-m-40 { + margin: -10rem; } - .lg\:-inset-x-9 { - left: -2.25rem; - right: -2.25rem; + .xl\:-m-44 { + margin: -11rem; } - .lg\:-inset-x-10 { - left: -2.5rem; - right: -2.5rem; + .xl\:-m-48 { + margin: -12rem; } - .lg\:-inset-x-11 { - left: -2.75rem; - right: -2.75rem; + .xl\:-m-52 { + margin: -13rem; } - .lg\:-inset-x-12 { - left: -3rem; - right: -3rem; + .xl\:-m-56 { + margin: -14rem; } - .lg\:-inset-x-14 { - left: -3.5rem; - right: -3.5rem; + .xl\:-m-60 { + margin: -15rem; } - .lg\:-inset-x-16 { - left: -4rem; - right: -4rem; + .xl\:-m-64 { + margin: -16rem; } - .lg\:-inset-x-20 { - left: -5rem; - right: -5rem; + .xl\:-m-72 { + margin: -18rem; } - .lg\:-inset-x-24 { - left: -6rem; - right: -6rem; + .xl\:-m-80 { + margin: -20rem; } - .lg\:-inset-x-28 { - left: -7rem; - right: -7rem; + .xl\:-m-96 { + margin: -24rem; } - .lg\:-inset-x-32 { - left: -8rem; - right: -8rem; + .xl\:-m-px { + margin: -1px; } - .lg\:-inset-x-36 { - left: -9rem; - right: -9rem; + .xl\:-m-0\.5 { + margin: -0.125rem; } - .lg\:-inset-x-40 { - left: -10rem; - right: -10rem; + .xl\:-m-1\.5 { + margin: -0.375rem; } - .lg\:-inset-x-44 { - left: -11rem; - right: -11rem; + .xl\:-m-2\.5 { + margin: -0.625rem; } - .lg\:-inset-x-48 { - left: -12rem; - right: -12rem; + .xl\:-m-3\.5 { + margin: -0.875rem; } - .lg\:-inset-x-52 { - left: -13rem; - right: -13rem; + .xl\:mx-0 { + margin-left: 0px; + margin-right: 0px; } - .lg\:-inset-x-56 { - left: -14rem; - right: -14rem; + .xl\:mx-1 { + margin-left: 0.25rem; + margin-right: 0.25rem; } - .lg\:-inset-x-60 { - left: -15rem; - right: -15rem; + .xl\:mx-2 { + margin-left: 0.5rem; + margin-right: 0.5rem; } - .lg\:-inset-x-64 { - left: -16rem; - right: -16rem; + .xl\:mx-3 { + margin-left: 0.75rem; + margin-right: 0.75rem; } - .lg\:-inset-x-72 { - left: -18rem; - right: -18rem; + .xl\:mx-4 { + margin-left: 1rem; + margin-right: 1rem; } - .lg\:-inset-x-80 { - left: -20rem; - right: -20rem; + .xl\:mx-5 { + margin-left: 1.25rem; + margin-right: 1.25rem; } - .lg\:-inset-x-96 { - left: -24rem; - right: -24rem; + .xl\:mx-6 { + margin-left: 1.5rem; + margin-right: 1.5rem; } - .lg\:-inset-x-px { - left: -1px; - right: -1px; + .xl\:mx-7 { + margin-left: 1.75rem; + margin-right: 1.75rem; } - .lg\:-inset-x-0\.5 { - left: -0.125rem; - right: -0.125rem; + .xl\:mx-8 { + margin-left: 2rem; + margin-right: 2rem; } - .lg\:-inset-x-1\.5 { - left: -0.375rem; - right: -0.375rem; + .xl\:mx-9 { + margin-left: 2.25rem; + margin-right: 2.25rem; } - .lg\:-inset-x-2\.5 { - left: -0.625rem; - right: -0.625rem; + .xl\:mx-10 { + margin-left: 2.5rem; + margin-right: 2.5rem; } - .lg\:-inset-x-3\.5 { - left: -0.875rem; - right: -0.875rem; + .xl\:mx-11 { + margin-left: 2.75rem; + margin-right: 2.75rem; } - .lg\:inset-x-1\/2 { - left: 50%; - right: 50%; + .xl\:mx-12 { + margin-left: 3rem; + margin-right: 3rem; } - .lg\:inset-x-1\/3 { - left: 33.333333%; - right: 33.333333%; + .xl\:mx-14 { + margin-left: 3.5rem; + margin-right: 3.5rem; } - .lg\:inset-x-2\/3 { - left: 66.666667%; - right: 66.666667%; + .xl\:mx-16 { + margin-left: 4rem; + margin-right: 4rem; } - .lg\:inset-x-1\/4 { - left: 25%; - right: 25%; + .xl\:mx-20 { + margin-left: 5rem; + margin-right: 5rem; } - .lg\:inset-x-2\/4 { - left: 50%; - right: 50%; + .xl\:mx-24 { + margin-left: 6rem; + margin-right: 6rem; } - .lg\:inset-x-3\/4 { - left: 75%; - right: 75%; + .xl\:mx-28 { + margin-left: 7rem; + margin-right: 7rem; } - .lg\:inset-x-full { - left: 100%; - right: 100%; + .xl\:mx-32 { + margin-left: 8rem; + margin-right: 8rem; } - .lg\:-inset-x-1\/2 { - left: -50%; - right: -50%; + .xl\:mx-36 { + margin-left: 9rem; + margin-right: 9rem; } - .lg\:-inset-x-1\/3 { - left: -33.333333%; - right: -33.333333%; + .xl\:mx-40 { + margin-left: 10rem; + margin-right: 10rem; } - .lg\:-inset-x-2\/3 { - left: -66.666667%; - right: -66.666667%; + .xl\:mx-44 { + margin-left: 11rem; + margin-right: 11rem; } - .lg\:-inset-x-1\/4 { - left: -25%; - right: -25%; + .xl\:mx-48 { + margin-left: 12rem; + margin-right: 12rem; } - .lg\:-inset-x-2\/4 { - left: -50%; - right: -50%; + .xl\:mx-52 { + margin-left: 13rem; + margin-right: 13rem; } - .lg\:-inset-x-3\/4 { - left: -75%; - right: -75%; + .xl\:mx-56 { + margin-left: 14rem; + margin-right: 14rem; } - .lg\:-inset-x-full { - left: -100%; - right: -100%; + .xl\:mx-60 { + margin-left: 15rem; + margin-right: 15rem; } - .lg\:inset-y-0 { - top: 0px; - bottom: 0px; + .xl\:mx-64 { + margin-left: 16rem; + margin-right: 16rem; } - .lg\:inset-y-1 { - top: 0.25rem; - bottom: 0.25rem; + .xl\:mx-72 { + margin-left: 18rem; + margin-right: 18rem; } - .lg\:inset-y-2 { - top: 0.5rem; - bottom: 0.5rem; + .xl\:mx-80 { + margin-left: 20rem; + margin-right: 20rem; } - .lg\:inset-y-3 { - top: 0.75rem; - bottom: 0.75rem; + .xl\:mx-96 { + margin-left: 24rem; + margin-right: 24rem; } - .lg\:inset-y-4 { - top: 1rem; - bottom: 1rem; + .xl\:mx-auto { + margin-left: auto; + margin-right: auto; } - .lg\:inset-y-5 { - top: 1.25rem; - bottom: 1.25rem; + .xl\:mx-px { + margin-left: 1px; + margin-right: 1px; } - .lg\:inset-y-6 { - top: 1.5rem; - bottom: 1.5rem; + .xl\:mx-0\.5 { + margin-left: 0.125rem; + margin-right: 0.125rem; } - .lg\:inset-y-7 { - top: 1.75rem; - bottom: 1.75rem; + .xl\:mx-1\.5 { + margin-left: 0.375rem; + margin-right: 0.375rem; } - .lg\:inset-y-8 { - top: 2rem; - bottom: 2rem; + .xl\:mx-2\.5 { + margin-left: 0.625rem; + margin-right: 0.625rem; } - .lg\:inset-y-9 { - top: 2.25rem; - bottom: 2.25rem; + .xl\:mx-3\.5 { + margin-left: 0.875rem; + margin-right: 0.875rem; } - .lg\:inset-y-10 { - top: 2.5rem; - bottom: 2.5rem; + .xl\:-mx-0 { + margin-left: 0px; + margin-right: 0px; } - .lg\:inset-y-11 { - top: 2.75rem; - bottom: 2.75rem; + .xl\:-mx-1 { + margin-left: -0.25rem; + margin-right: -0.25rem; } - .lg\:inset-y-12 { - top: 3rem; - bottom: 3rem; + .xl\:-mx-2 { + margin-left: -0.5rem; + margin-right: -0.5rem; } - .lg\:inset-y-14 { - top: 3.5rem; - bottom: 3.5rem; + .xl\:-mx-3 { + margin-left: -0.75rem; + margin-right: -0.75rem; } - .lg\:inset-y-16 { - top: 4rem; - bottom: 4rem; + .xl\:-mx-4 { + margin-left: -1rem; + margin-right: -1rem; } - .lg\:inset-y-20 { - top: 5rem; - bottom: 5rem; + .xl\:-mx-5 { + margin-left: -1.25rem; + margin-right: -1.25rem; + } + + .xl\:-mx-6 { + margin-left: -1.5rem; + margin-right: -1.5rem; } - .lg\:inset-y-24 { - top: 6rem; - bottom: 6rem; + .xl\:-mx-7 { + margin-left: -1.75rem; + margin-right: -1.75rem; } - .lg\:inset-y-28 { - top: 7rem; - bottom: 7rem; + .xl\:-mx-8 { + margin-left: -2rem; + margin-right: -2rem; } - .lg\:inset-y-32 { - top: 8rem; - bottom: 8rem; + .xl\:-mx-9 { + margin-left: -2.25rem; + margin-right: -2.25rem; } - .lg\:inset-y-36 { - top: 9rem; - bottom: 9rem; + .xl\:-mx-10 { + margin-left: -2.5rem; + margin-right: -2.5rem; } - .lg\:inset-y-40 { - top: 10rem; - bottom: 10rem; + .xl\:-mx-11 { + margin-left: -2.75rem; + margin-right: -2.75rem; } - .lg\:inset-y-44 { - top: 11rem; - bottom: 11rem; + .xl\:-mx-12 { + margin-left: -3rem; + margin-right: -3rem; } - .lg\:inset-y-48 { - top: 12rem; - bottom: 12rem; + .xl\:-mx-14 { + margin-left: -3.5rem; + margin-right: -3.5rem; } - .lg\:inset-y-52 { - top: 13rem; - bottom: 13rem; + .xl\:-mx-16 { + margin-left: -4rem; + margin-right: -4rem; } - .lg\:inset-y-56 { - top: 14rem; - bottom: 14rem; + .xl\:-mx-20 { + margin-left: -5rem; + margin-right: -5rem; } - .lg\:inset-y-60 { - top: 15rem; - bottom: 15rem; + .xl\:-mx-24 { + margin-left: -6rem; + margin-right: -6rem; } - .lg\:inset-y-64 { - top: 16rem; - bottom: 16rem; + .xl\:-mx-28 { + margin-left: -7rem; + margin-right: -7rem; } - .lg\:inset-y-72 { - top: 18rem; - bottom: 18rem; + .xl\:-mx-32 { + margin-left: -8rem; + margin-right: -8rem; } - .lg\:inset-y-80 { - top: 20rem; - bottom: 20rem; + .xl\:-mx-36 { + margin-left: -9rem; + margin-right: -9rem; } - .lg\:inset-y-96 { - top: 24rem; - bottom: 24rem; + .xl\:-mx-40 { + margin-left: -10rem; + margin-right: -10rem; } - .lg\:inset-y-auto { - top: auto; - bottom: auto; + .xl\:-mx-44 { + margin-left: -11rem; + margin-right: -11rem; } - .lg\:inset-y-px { - top: 1px; - bottom: 1px; + .xl\:-mx-48 { + margin-left: -12rem; + margin-right: -12rem; } - .lg\:inset-y-0\.5 { - top: 0.125rem; - bottom: 0.125rem; + .xl\:-mx-52 { + margin-left: -13rem; + margin-right: -13rem; } - .lg\:inset-y-1\.5 { - top: 0.375rem; - bottom: 0.375rem; + .xl\:-mx-56 { + margin-left: -14rem; + margin-right: -14rem; } - .lg\:inset-y-2\.5 { - top: 0.625rem; - bottom: 0.625rem; + .xl\:-mx-60 { + margin-left: -15rem; + margin-right: -15rem; } - .lg\:inset-y-3\.5 { - top: 0.875rem; - bottom: 0.875rem; + .xl\:-mx-64 { + margin-left: -16rem; + margin-right: -16rem; } - .lg\:-inset-y-0 { - top: 0px; - bottom: 0px; + .xl\:-mx-72 { + margin-left: -18rem; + margin-right: -18rem; } - .lg\:-inset-y-1 { - top: -0.25rem; - bottom: -0.25rem; + .xl\:-mx-80 { + margin-left: -20rem; + margin-right: -20rem; } - .lg\:-inset-y-2 { - top: -0.5rem; - bottom: -0.5rem; + .xl\:-mx-96 { + margin-left: -24rem; + margin-right: -24rem; } - .lg\:-inset-y-3 { - top: -0.75rem; - bottom: -0.75rem; + .xl\:-mx-px { + margin-left: -1px; + margin-right: -1px; } - .lg\:-inset-y-4 { - top: -1rem; - bottom: -1rem; + .xl\:-mx-0\.5 { + margin-left: -0.125rem; + margin-right: -0.125rem; } - .lg\:-inset-y-5 { - top: -1.25rem; - bottom: -1.25rem; + .xl\:-mx-1\.5 { + margin-left: -0.375rem; + margin-right: -0.375rem; } - .lg\:-inset-y-6 { - top: -1.5rem; - bottom: -1.5rem; + .xl\:-mx-2\.5 { + margin-left: -0.625rem; + margin-right: -0.625rem; } - .lg\:-inset-y-7 { - top: -1.75rem; - bottom: -1.75rem; + .xl\:-mx-3\.5 { + margin-left: -0.875rem; + margin-right: -0.875rem; } - .lg\:-inset-y-8 { - top: -2rem; - bottom: -2rem; + .xl\:my-0 { + margin-top: 0px; + margin-bottom: 0px; } - .lg\:-inset-y-9 { - top: -2.25rem; - bottom: -2.25rem; + .xl\:my-1 { + margin-top: 0.25rem; + margin-bottom: 0.25rem; } - .lg\:-inset-y-10 { - top: -2.5rem; - bottom: -2.5rem; + .xl\:my-2 { + margin-top: 0.5rem; + margin-bottom: 0.5rem; } - .lg\:-inset-y-11 { - top: -2.75rem; - bottom: -2.75rem; + .xl\:my-3 { + margin-top: 0.75rem; + margin-bottom: 0.75rem; } - .lg\:-inset-y-12 { - top: -3rem; - bottom: -3rem; + .xl\:my-4 { + margin-top: 1rem; + margin-bottom: 1rem; } - .lg\:-inset-y-14 { - top: -3.5rem; - bottom: -3.5rem; + .xl\:my-5 { + margin-top: 1.25rem; + margin-bottom: 1.25rem; } - .lg\:-inset-y-16 { - top: -4rem; - bottom: -4rem; + .xl\:my-6 { + margin-top: 1.5rem; + margin-bottom: 1.5rem; } - .lg\:-inset-y-20 { - top: -5rem; - bottom: -5rem; + .xl\:my-7 { + margin-top: 1.75rem; + margin-bottom: 1.75rem; } - .lg\:-inset-y-24 { - top: -6rem; - bottom: -6rem; + .xl\:my-8 { + margin-top: 2rem; + margin-bottom: 2rem; } - .lg\:-inset-y-28 { - top: -7rem; - bottom: -7rem; + .xl\:my-9 { + margin-top: 2.25rem; + margin-bottom: 2.25rem; } - .lg\:-inset-y-32 { - top: -8rem; - bottom: -8rem; + .xl\:my-10 { + margin-top: 2.5rem; + margin-bottom: 2.5rem; } - .lg\:-inset-y-36 { - top: -9rem; - bottom: -9rem; + .xl\:my-11 { + margin-top: 2.75rem; + margin-bottom: 2.75rem; } - .lg\:-inset-y-40 { - top: -10rem; - bottom: -10rem; + .xl\:my-12 { + margin-top: 3rem; + margin-bottom: 3rem; } - .lg\:-inset-y-44 { - top: -11rem; - bottom: -11rem; + .xl\:my-14 { + margin-top: 3.5rem; + margin-bottom: 3.5rem; } - .lg\:-inset-y-48 { - top: -12rem; - bottom: -12rem; + .xl\:my-16 { + margin-top: 4rem; + margin-bottom: 4rem; } - .lg\:-inset-y-52 { - top: -13rem; - bottom: -13rem; + .xl\:my-20 { + margin-top: 5rem; + margin-bottom: 5rem; } - .lg\:-inset-y-56 { - top: -14rem; - bottom: -14rem; + .xl\:my-24 { + margin-top: 6rem; + margin-bottom: 6rem; } - .lg\:-inset-y-60 { - top: -15rem; - bottom: -15rem; + .xl\:my-28 { + margin-top: 7rem; + margin-bottom: 7rem; } - .lg\:-inset-y-64 { - top: -16rem; - bottom: -16rem; + .xl\:my-32 { + margin-top: 8rem; + margin-bottom: 8rem; } - .lg\:-inset-y-72 { - top: -18rem; - bottom: -18rem; + .xl\:my-36 { + margin-top: 9rem; + margin-bottom: 9rem; } - .lg\:-inset-y-80 { - top: -20rem; - bottom: -20rem; + .xl\:my-40 { + margin-top: 10rem; + margin-bottom: 10rem; } - .lg\:-inset-y-96 { - top: -24rem; - bottom: -24rem; + .xl\:my-44 { + margin-top: 11rem; + margin-bottom: 11rem; } - .lg\:-inset-y-px { - top: -1px; - bottom: -1px; + .xl\:my-48 { + margin-top: 12rem; + margin-bottom: 12rem; } - .lg\:-inset-y-0\.5 { - top: -0.125rem; - bottom: -0.125rem; + .xl\:my-52 { + margin-top: 13rem; + margin-bottom: 13rem; } - .lg\:-inset-y-1\.5 { - top: -0.375rem; - bottom: -0.375rem; + .xl\:my-56 { + margin-top: 14rem; + margin-bottom: 14rem; } - .lg\:-inset-y-2\.5 { - top: -0.625rem; - bottom: -0.625rem; + .xl\:my-60 { + margin-top: 15rem; + margin-bottom: 15rem; } - .lg\:-inset-y-3\.5 { - top: -0.875rem; - bottom: -0.875rem; + .xl\:my-64 { + margin-top: 16rem; + margin-bottom: 16rem; } - .lg\:inset-y-1\/2 { - top: 50%; - bottom: 50%; + .xl\:my-72 { + margin-top: 18rem; + margin-bottom: 18rem; } - .lg\:inset-y-1\/3 { - top: 33.333333%; - bottom: 33.333333%; + .xl\:my-80 { + margin-top: 20rem; + margin-bottom: 20rem; } - .lg\:inset-y-2\/3 { - top: 66.666667%; - bottom: 66.666667%; + .xl\:my-96 { + margin-top: 24rem; + margin-bottom: 24rem; } - .lg\:inset-y-1\/4 { - top: 25%; - bottom: 25%; + .xl\:my-auto { + margin-top: auto; + margin-bottom: auto; } - .lg\:inset-y-2\/4 { - top: 50%; - bottom: 50%; + .xl\:my-px { + margin-top: 1px; + margin-bottom: 1px; } - .lg\:inset-y-3\/4 { - top: 75%; - bottom: 75%; + .xl\:my-0\.5 { + margin-top: 0.125rem; + margin-bottom: 0.125rem; } - .lg\:inset-y-full { - top: 100%; - bottom: 100%; + .xl\:my-1\.5 { + margin-top: 0.375rem; + margin-bottom: 0.375rem; } - .lg\:-inset-y-1\/2 { - top: -50%; - bottom: -50%; + .xl\:my-2\.5 { + margin-top: 0.625rem; + margin-bottom: 0.625rem; } - .lg\:-inset-y-1\/3 { - top: -33.333333%; - bottom: -33.333333%; + .xl\:my-3\.5 { + margin-top: 0.875rem; + margin-bottom: 0.875rem; } - .lg\:-inset-y-2\/3 { - top: -66.666667%; - bottom: -66.666667%; + .xl\:-my-0 { + margin-top: 0px; + margin-bottom: 0px; } - .lg\:-inset-y-1\/4 { - top: -25%; - bottom: -25%; + .xl\:-my-1 { + margin-top: -0.25rem; + margin-bottom: -0.25rem; } - .lg\:-inset-y-2\/4 { - top: -50%; - bottom: -50%; + .xl\:-my-2 { + margin-top: -0.5rem; + margin-bottom: -0.5rem; } - .lg\:-inset-y-3\/4 { - top: -75%; - bottom: -75%; + .xl\:-my-3 { + margin-top: -0.75rem; + margin-bottom: -0.75rem; } - .lg\:-inset-y-full { - top: -100%; - bottom: -100%; + .xl\:-my-4 { + margin-top: -1rem; + margin-bottom: -1rem; } - .lg\:top-0 { - top: 0px; + .xl\:-my-5 { + margin-top: -1.25rem; + margin-bottom: -1.25rem; } - .lg\:top-1 { - top: 0.25rem; + .xl\:-my-6 { + margin-top: -1.5rem; + margin-bottom: -1.5rem; } - .lg\:top-2 { - top: 0.5rem; + .xl\:-my-7 { + margin-top: -1.75rem; + margin-bottom: -1.75rem; } - .lg\:top-3 { - top: 0.75rem; + .xl\:-my-8 { + margin-top: -2rem; + margin-bottom: -2rem; } - .lg\:top-4 { - top: 1rem; + .xl\:-my-9 { + margin-top: -2.25rem; + margin-bottom: -2.25rem; } - .lg\:top-5 { - top: 1.25rem; + .xl\:-my-10 { + margin-top: -2.5rem; + margin-bottom: -2.5rem; } - .lg\:top-6 { - top: 1.5rem; + .xl\:-my-11 { + margin-top: -2.75rem; + margin-bottom: -2.75rem; } - .lg\:top-7 { - top: 1.75rem; + .xl\:-my-12 { + margin-top: -3rem; + margin-bottom: -3rem; } - .lg\:top-8 { - top: 2rem; + .xl\:-my-14 { + margin-top: -3.5rem; + margin-bottom: -3.5rem; } - .lg\:top-9 { - top: 2.25rem; + .xl\:-my-16 { + margin-top: -4rem; + margin-bottom: -4rem; } - .lg\:top-10 { - top: 2.5rem; + .xl\:-my-20 { + margin-top: -5rem; + margin-bottom: -5rem; } - .lg\:top-11 { - top: 2.75rem; + .xl\:-my-24 { + margin-top: -6rem; + margin-bottom: -6rem; } - .lg\:top-12 { - top: 3rem; + .xl\:-my-28 { + margin-top: -7rem; + margin-bottom: -7rem; } - .lg\:top-14 { - top: 3.5rem; + .xl\:-my-32 { + margin-top: -8rem; + margin-bottom: -8rem; } - .lg\:top-16 { - top: 4rem; + .xl\:-my-36 { + margin-top: -9rem; + margin-bottom: -9rem; } - .lg\:top-20 { - top: 5rem; + .xl\:-my-40 { + margin-top: -10rem; + margin-bottom: -10rem; } - .lg\:top-24 { - top: 6rem; + .xl\:-my-44 { + margin-top: -11rem; + margin-bottom: -11rem; } - .lg\:top-28 { - top: 7rem; + .xl\:-my-48 { + margin-top: -12rem; + margin-bottom: -12rem; } - .lg\:top-32 { - top: 8rem; + .xl\:-my-52 { + margin-top: -13rem; + margin-bottom: -13rem; } - .lg\:top-36 { - top: 9rem; + .xl\:-my-56 { + margin-top: -14rem; + margin-bottom: -14rem; } - .lg\:top-40 { - top: 10rem; + .xl\:-my-60 { + margin-top: -15rem; + margin-bottom: -15rem; } - .lg\:top-44 { - top: 11rem; + .xl\:-my-64 { + margin-top: -16rem; + margin-bottom: -16rem; } - .lg\:top-48 { - top: 12rem; + .xl\:-my-72 { + margin-top: -18rem; + margin-bottom: -18rem; } - .lg\:top-52 { - top: 13rem; + .xl\:-my-80 { + margin-top: -20rem; + margin-bottom: -20rem; } - .lg\:top-56 { - top: 14rem; + .xl\:-my-96 { + margin-top: -24rem; + margin-bottom: -24rem; } - .lg\:top-60 { - top: 15rem; + .xl\:-my-px { + margin-top: -1px; + margin-bottom: -1px; } - .lg\:top-64 { - top: 16rem; + .xl\:-my-0\.5 { + margin-top: -0.125rem; + margin-bottom: -0.125rem; } - .lg\:top-72 { - top: 18rem; + .xl\:-my-1\.5 { + margin-top: -0.375rem; + margin-bottom: -0.375rem; } - .lg\:top-80 { - top: 20rem; + .xl\:-my-2\.5 { + margin-top: -0.625rem; + margin-bottom: -0.625rem; } - .lg\:top-96 { - top: 24rem; + .xl\:-my-3\.5 { + margin-top: -0.875rem; + margin-bottom: -0.875rem; } - .lg\:top-auto { - top: auto; + .xl\:mt-0 { + margin-top: 0px; } - .lg\:top-px { - top: 1px; + .xl\:mt-1 { + margin-top: 0.25rem; } - .lg\:top-0\.5 { - top: 0.125rem; + .xl\:mt-2 { + margin-top: 0.5rem; } - .lg\:top-1\.5 { - top: 0.375rem; + .xl\:mt-3 { + margin-top: 0.75rem; } - .lg\:top-2\.5 { - top: 0.625rem; + .xl\:mt-4 { + margin-top: 1rem; } - .lg\:top-3\.5 { - top: 0.875rem; + .xl\:mt-5 { + margin-top: 1.25rem; } - .lg\:-top-0 { - top: 0px; + .xl\:mt-6 { + margin-top: 1.5rem; } - .lg\:-top-1 { - top: -0.25rem; + .xl\:mt-7 { + margin-top: 1.75rem; } - .lg\:-top-2 { - top: -0.5rem; + .xl\:mt-8 { + margin-top: 2rem; } - .lg\:-top-3 { - top: -0.75rem; + .xl\:mt-9 { + margin-top: 2.25rem; } - .lg\:-top-4 { - top: -1rem; + .xl\:mt-10 { + margin-top: 2.5rem; } - .lg\:-top-5 { - top: -1.25rem; + .xl\:mt-11 { + margin-top: 2.75rem; } - .lg\:-top-6 { - top: -1.5rem; + .xl\:mt-12 { + margin-top: 3rem; } - .lg\:-top-7 { - top: -1.75rem; + .xl\:mt-14 { + margin-top: 3.5rem; } - .lg\:-top-8 { - top: -2rem; + .xl\:mt-16 { + margin-top: 4rem; } - .lg\:-top-9 { - top: -2.25rem; + .xl\:mt-20 { + margin-top: 5rem; } - .lg\:-top-10 { - top: -2.5rem; + .xl\:mt-24 { + margin-top: 6rem; } - .lg\:-top-11 { - top: -2.75rem; + .xl\:mt-28 { + margin-top: 7rem; } - .lg\:-top-12 { - top: -3rem; + .xl\:mt-32 { + margin-top: 8rem; } - .lg\:-top-14 { - top: -3.5rem; + .xl\:mt-36 { + margin-top: 9rem; } - .lg\:-top-16 { - top: -4rem; + .xl\:mt-40 { + margin-top: 10rem; } - .lg\:-top-20 { - top: -5rem; + .xl\:mt-44 { + margin-top: 11rem; } - .lg\:-top-24 { - top: -6rem; + .xl\:mt-48 { + margin-top: 12rem; } - .lg\:-top-28 { - top: -7rem; + .xl\:mt-52 { + margin-top: 13rem; } - .lg\:-top-32 { - top: -8rem; + .xl\:mt-56 { + margin-top: 14rem; } - .lg\:-top-36 { - top: -9rem; + .xl\:mt-60 { + margin-top: 15rem; } - .lg\:-top-40 { - top: -10rem; + .xl\:mt-64 { + margin-top: 16rem; } - .lg\:-top-44 { - top: -11rem; + .xl\:mt-72 { + margin-top: 18rem; } - .lg\:-top-48 { - top: -12rem; + .xl\:mt-80 { + margin-top: 20rem; } - .lg\:-top-52 { - top: -13rem; + .xl\:mt-96 { + margin-top: 24rem; } - .lg\:-top-56 { - top: -14rem; + .xl\:mt-auto { + margin-top: auto; } - .lg\:-top-60 { - top: -15rem; + .xl\:mt-px { + margin-top: 1px; } - .lg\:-top-64 { - top: -16rem; + .xl\:mt-0\.5 { + margin-top: 0.125rem; } - .lg\:-top-72 { - top: -18rem; + .xl\:mt-1\.5 { + margin-top: 0.375rem; } - .lg\:-top-80 { - top: -20rem; + .xl\:mt-2\.5 { + margin-top: 0.625rem; } - .lg\:-top-96 { - top: -24rem; + .xl\:mt-3\.5 { + margin-top: 0.875rem; } - .lg\:-top-px { - top: -1px; + .xl\:-mt-0 { + margin-top: 0px; } - .lg\:-top-0\.5 { - top: -0.125rem; + .xl\:-mt-1 { + margin-top: -0.25rem; } - .lg\:-top-1\.5 { - top: -0.375rem; + .xl\:-mt-2 { + margin-top: -0.5rem; } - .lg\:-top-2\.5 { - top: -0.625rem; + .xl\:-mt-3 { + margin-top: -0.75rem; } - .lg\:-top-3\.5 { - top: -0.875rem; + .xl\:-mt-4 { + margin-top: -1rem; } - .lg\:top-1\/2 { - top: 50%; + .xl\:-mt-5 { + margin-top: -1.25rem; } - .lg\:top-1\/3 { - top: 33.333333%; + .xl\:-mt-6 { + margin-top: -1.5rem; } - .lg\:top-2\/3 { - top: 66.666667%; + .xl\:-mt-7 { + margin-top: -1.75rem; } - .lg\:top-1\/4 { - top: 25%; + .xl\:-mt-8 { + margin-top: -2rem; } - .lg\:top-2\/4 { - top: 50%; + .xl\:-mt-9 { + margin-top: -2.25rem; } - .lg\:top-3\/4 { - top: 75%; + .xl\:-mt-10 { + margin-top: -2.5rem; } - .lg\:top-full { - top: 100%; + .xl\:-mt-11 { + margin-top: -2.75rem; } - .lg\:-top-1\/2 { - top: -50%; + .xl\:-mt-12 { + margin-top: -3rem; } - .lg\:-top-1\/3 { - top: -33.333333%; + .xl\:-mt-14 { + margin-top: -3.5rem; } - .lg\:-top-2\/3 { - top: -66.666667%; + .xl\:-mt-16 { + margin-top: -4rem; } - .lg\:-top-1\/4 { - top: -25%; + .xl\:-mt-20 { + margin-top: -5rem; } - .lg\:-top-2\/4 { - top: -50%; + .xl\:-mt-24 { + margin-top: -6rem; } - .lg\:-top-3\/4 { - top: -75%; + .xl\:-mt-28 { + margin-top: -7rem; } - .lg\:-top-full { - top: -100%; + .xl\:-mt-32 { + margin-top: -8rem; } - .lg\:right-0 { - right: 0px; + .xl\:-mt-36 { + margin-top: -9rem; } - .lg\:right-1 { - right: 0.25rem; + .xl\:-mt-40 { + margin-top: -10rem; } - .lg\:right-2 { - right: 0.5rem; + .xl\:-mt-44 { + margin-top: -11rem; } - .lg\:right-3 { - right: 0.75rem; + .xl\:-mt-48 { + margin-top: -12rem; } - .lg\:right-4 { - right: 1rem; + .xl\:-mt-52 { + margin-top: -13rem; } - .lg\:right-5 { - right: 1.25rem; + .xl\:-mt-56 { + margin-top: -14rem; } - .lg\:right-6 { - right: 1.5rem; + .xl\:-mt-60 { + margin-top: -15rem; } - .lg\:right-7 { - right: 1.75rem; + .xl\:-mt-64 { + margin-top: -16rem; } - .lg\:right-8 { - right: 2rem; + .xl\:-mt-72 { + margin-top: -18rem; } - .lg\:right-9 { - right: 2.25rem; + .xl\:-mt-80 { + margin-top: -20rem; } - .lg\:right-10 { - right: 2.5rem; + .xl\:-mt-96 { + margin-top: -24rem; } - .lg\:right-11 { - right: 2.75rem; + .xl\:-mt-px { + margin-top: -1px; } - .lg\:right-12 { - right: 3rem; + .xl\:-mt-0\.5 { + margin-top: -0.125rem; } - .lg\:right-14 { - right: 3.5rem; + .xl\:-mt-1\.5 { + margin-top: -0.375rem; } - .lg\:right-16 { - right: 4rem; + .xl\:-mt-2\.5 { + margin-top: -0.625rem; } - .lg\:right-20 { - right: 5rem; + .xl\:-mt-3\.5 { + margin-top: -0.875rem; } - .lg\:right-24 { - right: 6rem; + .xl\:mr-0 { + margin-right: 0px; } - .lg\:right-28 { - right: 7rem; + .xl\:mr-1 { + margin-right: 0.25rem; } - .lg\:right-32 { - right: 8rem; + .xl\:mr-2 { + margin-right: 0.5rem; } - .lg\:right-36 { - right: 9rem; + .xl\:mr-3 { + margin-right: 0.75rem; } - .lg\:right-40 { - right: 10rem; + .xl\:mr-4 { + margin-right: 1rem; } - .lg\:right-44 { - right: 11rem; + .xl\:mr-5 { + margin-right: 1.25rem; } - .lg\:right-48 { - right: 12rem; + .xl\:mr-6 { + margin-right: 1.5rem; } - .lg\:right-52 { - right: 13rem; + .xl\:mr-7 { + margin-right: 1.75rem; } - .lg\:right-56 { - right: 14rem; + .xl\:mr-8 { + margin-right: 2rem; } - .lg\:right-60 { - right: 15rem; + .xl\:mr-9 { + margin-right: 2.25rem; } - .lg\:right-64 { - right: 16rem; + .xl\:mr-10 { + margin-right: 2.5rem; } - .lg\:right-72 { - right: 18rem; + .xl\:mr-11 { + margin-right: 2.75rem; } - .lg\:right-80 { - right: 20rem; + .xl\:mr-12 { + margin-right: 3rem; } - .lg\:right-96 { - right: 24rem; + .xl\:mr-14 { + margin-right: 3.5rem; } - .lg\:right-auto { - right: auto; + .xl\:mr-16 { + margin-right: 4rem; } - .lg\:right-px { - right: 1px; + .xl\:mr-20 { + margin-right: 5rem; } - .lg\:right-0\.5 { - right: 0.125rem; + .xl\:mr-24 { + margin-right: 6rem; } - .lg\:right-1\.5 { - right: 0.375rem; + .xl\:mr-28 { + margin-right: 7rem; } - .lg\:right-2\.5 { - right: 0.625rem; + .xl\:mr-32 { + margin-right: 8rem; } - .lg\:right-3\.5 { - right: 0.875rem; + .xl\:mr-36 { + margin-right: 9rem; } - .lg\:-right-0 { - right: 0px; + .xl\:mr-40 { + margin-right: 10rem; } - .lg\:-right-1 { - right: -0.25rem; + .xl\:mr-44 { + margin-right: 11rem; } - .lg\:-right-2 { - right: -0.5rem; + .xl\:mr-48 { + margin-right: 12rem; } - .lg\:-right-3 { - right: -0.75rem; + .xl\:mr-52 { + margin-right: 13rem; } - .lg\:-right-4 { - right: -1rem; + .xl\:mr-56 { + margin-right: 14rem; } - .lg\:-right-5 { - right: -1.25rem; + .xl\:mr-60 { + margin-right: 15rem; } - .lg\:-right-6 { - right: -1.5rem; + .xl\:mr-64 { + margin-right: 16rem; } - .lg\:-right-7 { - right: -1.75rem; + .xl\:mr-72 { + margin-right: 18rem; } - .lg\:-right-8 { - right: -2rem; + .xl\:mr-80 { + margin-right: 20rem; } - .lg\:-right-9 { - right: -2.25rem; + .xl\:mr-96 { + margin-right: 24rem; } - .lg\:-right-10 { - right: -2.5rem; + .xl\:mr-auto { + margin-right: auto; } - .lg\:-right-11 { - right: -2.75rem; + .xl\:mr-px { + margin-right: 1px; } - .lg\:-right-12 { - right: -3rem; + .xl\:mr-0\.5 { + margin-right: 0.125rem; } - .lg\:-right-14 { - right: -3.5rem; + .xl\:mr-1\.5 { + margin-right: 0.375rem; } - .lg\:-right-16 { - right: -4rem; + .xl\:mr-2\.5 { + margin-right: 0.625rem; } - .lg\:-right-20 { - right: -5rem; + .xl\:mr-3\.5 { + margin-right: 0.875rem; } - .lg\:-right-24 { - right: -6rem; + .xl\:-mr-0 { + margin-right: 0px; } - .lg\:-right-28 { - right: -7rem; + .xl\:-mr-1 { + margin-right: -0.25rem; } - .lg\:-right-32 { - right: -8rem; + .xl\:-mr-2 { + margin-right: -0.5rem; } - .lg\:-right-36 { - right: -9rem; + .xl\:-mr-3 { + margin-right: -0.75rem; } - .lg\:-right-40 { - right: -10rem; + .xl\:-mr-4 { + margin-right: -1rem; } - .lg\:-right-44 { - right: -11rem; + .xl\:-mr-5 { + margin-right: -1.25rem; } - .lg\:-right-48 { - right: -12rem; + .xl\:-mr-6 { + margin-right: -1.5rem; } - .lg\:-right-52 { - right: -13rem; + .xl\:-mr-7 { + margin-right: -1.75rem; } - .lg\:-right-56 { - right: -14rem; + .xl\:-mr-8 { + margin-right: -2rem; } - .lg\:-right-60 { - right: -15rem; + .xl\:-mr-9 { + margin-right: -2.25rem; } - .lg\:-right-64 { - right: -16rem; + .xl\:-mr-10 { + margin-right: -2.5rem; } - .lg\:-right-72 { - right: -18rem; + .xl\:-mr-11 { + margin-right: -2.75rem; } - .lg\:-right-80 { - right: -20rem; + .xl\:-mr-12 { + margin-right: -3rem; } - .lg\:-right-96 { - right: -24rem; + .xl\:-mr-14 { + margin-right: -3.5rem; } - .lg\:-right-px { - right: -1px; + .xl\:-mr-16 { + margin-right: -4rem; } - .lg\:-right-0\.5 { - right: -0.125rem; + .xl\:-mr-20 { + margin-right: -5rem; } - .lg\:-right-1\.5 { - right: -0.375rem; + .xl\:-mr-24 { + margin-right: -6rem; } - .lg\:-right-2\.5 { - right: -0.625rem; + .xl\:-mr-28 { + margin-right: -7rem; } - .lg\:-right-3\.5 { - right: -0.875rem; + .xl\:-mr-32 { + margin-right: -8rem; } - .lg\:right-1\/2 { - right: 50%; + .xl\:-mr-36 { + margin-right: -9rem; } - .lg\:right-1\/3 { - right: 33.333333%; + .xl\:-mr-40 { + margin-right: -10rem; } - .lg\:right-2\/3 { - right: 66.666667%; + .xl\:-mr-44 { + margin-right: -11rem; } - .lg\:right-1\/4 { - right: 25%; + .xl\:-mr-48 { + margin-right: -12rem; } - .lg\:right-2\/4 { - right: 50%; + .xl\:-mr-52 { + margin-right: -13rem; } - .lg\:right-3\/4 { - right: 75%; + .xl\:-mr-56 { + margin-right: -14rem; } - .lg\:right-full { - right: 100%; + .xl\:-mr-60 { + margin-right: -15rem; } - .lg\:-right-1\/2 { - right: -50%; + .xl\:-mr-64 { + margin-right: -16rem; } - .lg\:-right-1\/3 { - right: -33.333333%; + .xl\:-mr-72 { + margin-right: -18rem; } - .lg\:-right-2\/3 { - right: -66.666667%; + .xl\:-mr-80 { + margin-right: -20rem; } - .lg\:-right-1\/4 { - right: -25%; + .xl\:-mr-96 { + margin-right: -24rem; } - .lg\:-right-2\/4 { - right: -50%; + .xl\:-mr-px { + margin-right: -1px; } - .lg\:-right-3\/4 { - right: -75%; + .xl\:-mr-0\.5 { + margin-right: -0.125rem; } - .lg\:-right-full { - right: -100%; + .xl\:-mr-1\.5 { + margin-right: -0.375rem; } - .lg\:bottom-0 { - bottom: 0px; + .xl\:-mr-2\.5 { + margin-right: -0.625rem; } - .lg\:bottom-1 { - bottom: 0.25rem; + .xl\:-mr-3\.5 { + margin-right: -0.875rem; } - .lg\:bottom-2 { - bottom: 0.5rem; + .xl\:mb-0 { + margin-bottom: 0px; } - .lg\:bottom-3 { - bottom: 0.75rem; + .xl\:mb-1 { + margin-bottom: 0.25rem; } - .lg\:bottom-4 { - bottom: 1rem; + .xl\:mb-2 { + margin-bottom: 0.5rem; } - .lg\:bottom-5 { - bottom: 1.25rem; + .xl\:mb-3 { + margin-bottom: 0.75rem; } - .lg\:bottom-6 { - bottom: 1.5rem; + .xl\:mb-4 { + margin-bottom: 1rem; } - .lg\:bottom-7 { - bottom: 1.75rem; + .xl\:mb-5 { + margin-bottom: 1.25rem; } - .lg\:bottom-8 { - bottom: 2rem; + .xl\:mb-6 { + margin-bottom: 1.5rem; } - .lg\:bottom-9 { - bottom: 2.25rem; + .xl\:mb-7 { + margin-bottom: 1.75rem; } - .lg\:bottom-10 { - bottom: 2.5rem; + .xl\:mb-8 { + margin-bottom: 2rem; } - .lg\:bottom-11 { - bottom: 2.75rem; + .xl\:mb-9 { + margin-bottom: 2.25rem; } - .lg\:bottom-12 { - bottom: 3rem; + .xl\:mb-10 { + margin-bottom: 2.5rem; } - .lg\:bottom-14 { - bottom: 3.5rem; + .xl\:mb-11 { + margin-bottom: 2.75rem; } - .lg\:bottom-16 { - bottom: 4rem; + .xl\:mb-12 { + margin-bottom: 3rem; } - .lg\:bottom-20 { - bottom: 5rem; + .xl\:mb-14 { + margin-bottom: 3.5rem; } - .lg\:bottom-24 { - bottom: 6rem; + .xl\:mb-16 { + margin-bottom: 4rem; } - .lg\:bottom-28 { - bottom: 7rem; + .xl\:mb-20 { + margin-bottom: 5rem; } - .lg\:bottom-32 { - bottom: 8rem; + .xl\:mb-24 { + margin-bottom: 6rem; } - .lg\:bottom-36 { - bottom: 9rem; + .xl\:mb-28 { + margin-bottom: 7rem; } - .lg\:bottom-40 { - bottom: 10rem; + .xl\:mb-32 { + margin-bottom: 8rem; } - .lg\:bottom-44 { - bottom: 11rem; + .xl\:mb-36 { + margin-bottom: 9rem; } - .lg\:bottom-48 { - bottom: 12rem; + .xl\:mb-40 { + margin-bottom: 10rem; } - .lg\:bottom-52 { - bottom: 13rem; + .xl\:mb-44 { + margin-bottom: 11rem; } - .lg\:bottom-56 { - bottom: 14rem; + .xl\:mb-48 { + margin-bottom: 12rem; } - .lg\:bottom-60 { - bottom: 15rem; + .xl\:mb-52 { + margin-bottom: 13rem; } - .lg\:bottom-64 { - bottom: 16rem; + .xl\:mb-56 { + margin-bottom: 14rem; } - .lg\:bottom-72 { - bottom: 18rem; + .xl\:mb-60 { + margin-bottom: 15rem; } - .lg\:bottom-80 { - bottom: 20rem; + .xl\:mb-64 { + margin-bottom: 16rem; } - .lg\:bottom-96 { - bottom: 24rem; + .xl\:mb-72 { + margin-bottom: 18rem; } - .lg\:bottom-auto { - bottom: auto; + .xl\:mb-80 { + margin-bottom: 20rem; } - .lg\:bottom-px { - bottom: 1px; + .xl\:mb-96 { + margin-bottom: 24rem; } - .lg\:bottom-0\.5 { - bottom: 0.125rem; + .xl\:mb-auto { + margin-bottom: auto; } - .lg\:bottom-1\.5 { - bottom: 0.375rem; + .xl\:mb-px { + margin-bottom: 1px; } - .lg\:bottom-2\.5 { - bottom: 0.625rem; + .xl\:mb-0\.5 { + margin-bottom: 0.125rem; } - .lg\:bottom-3\.5 { - bottom: 0.875rem; + .xl\:mb-1\.5 { + margin-bottom: 0.375rem; } - .lg\:-bottom-0 { - bottom: 0px; + .xl\:mb-2\.5 { + margin-bottom: 0.625rem; } - .lg\:-bottom-1 { - bottom: -0.25rem; + .xl\:mb-3\.5 { + margin-bottom: 0.875rem; } - .lg\:-bottom-2 { - bottom: -0.5rem; + .xl\:-mb-0 { + margin-bottom: 0px; } - .lg\:-bottom-3 { - bottom: -0.75rem; + .xl\:-mb-1 { + margin-bottom: -0.25rem; } - .lg\:-bottom-4 { - bottom: -1rem; + .xl\:-mb-2 { + margin-bottom: -0.5rem; } - .lg\:-bottom-5 { - bottom: -1.25rem; + .xl\:-mb-3 { + margin-bottom: -0.75rem; } - .lg\:-bottom-6 { - bottom: -1.5rem; + .xl\:-mb-4 { + margin-bottom: -1rem; } - .lg\:-bottom-7 { - bottom: -1.75rem; + .xl\:-mb-5 { + margin-bottom: -1.25rem; } - .lg\:-bottom-8 { - bottom: -2rem; + .xl\:-mb-6 { + margin-bottom: -1.5rem; } - .lg\:-bottom-9 { - bottom: -2.25rem; + .xl\:-mb-7 { + margin-bottom: -1.75rem; } - .lg\:-bottom-10 { - bottom: -2.5rem; + .xl\:-mb-8 { + margin-bottom: -2rem; } - .lg\:-bottom-11 { - bottom: -2.75rem; + .xl\:-mb-9 { + margin-bottom: -2.25rem; } - .lg\:-bottom-12 { - bottom: -3rem; + .xl\:-mb-10 { + margin-bottom: -2.5rem; } - .lg\:-bottom-14 { - bottom: -3.5rem; + .xl\:-mb-11 { + margin-bottom: -2.75rem; } - .lg\:-bottom-16 { - bottom: -4rem; + .xl\:-mb-12 { + margin-bottom: -3rem; } - .lg\:-bottom-20 { - bottom: -5rem; + .xl\:-mb-14 { + margin-bottom: -3.5rem; } - .lg\:-bottom-24 { - bottom: -6rem; + .xl\:-mb-16 { + margin-bottom: -4rem; } - .lg\:-bottom-28 { - bottom: -7rem; + .xl\:-mb-20 { + margin-bottom: -5rem; } - .lg\:-bottom-32 { - bottom: -8rem; + .xl\:-mb-24 { + margin-bottom: -6rem; } - .lg\:-bottom-36 { - bottom: -9rem; + .xl\:-mb-28 { + margin-bottom: -7rem; } - .lg\:-bottom-40 { - bottom: -10rem; + .xl\:-mb-32 { + margin-bottom: -8rem; } - .lg\:-bottom-44 { - bottom: -11rem; + .xl\:-mb-36 { + margin-bottom: -9rem; } - .lg\:-bottom-48 { - bottom: -12rem; + .xl\:-mb-40 { + margin-bottom: -10rem; } - .lg\:-bottom-52 { - bottom: -13rem; + .xl\:-mb-44 { + margin-bottom: -11rem; } - .lg\:-bottom-56 { - bottom: -14rem; + .xl\:-mb-48 { + margin-bottom: -12rem; } - .lg\:-bottom-60 { - bottom: -15rem; + .xl\:-mb-52 { + margin-bottom: -13rem; } - .lg\:-bottom-64 { - bottom: -16rem; + .xl\:-mb-56 { + margin-bottom: -14rem; } - .lg\:-bottom-72 { - bottom: -18rem; + .xl\:-mb-60 { + margin-bottom: -15rem; } - .lg\:-bottom-80 { - bottom: -20rem; + .xl\:-mb-64 { + margin-bottom: -16rem; } - .lg\:-bottom-96 { - bottom: -24rem; + .xl\:-mb-72 { + margin-bottom: -18rem; } - .lg\:-bottom-px { - bottom: -1px; + .xl\:-mb-80 { + margin-bottom: -20rem; } - .lg\:-bottom-0\.5 { - bottom: -0.125rem; + .xl\:-mb-96 { + margin-bottom: -24rem; } - .lg\:-bottom-1\.5 { - bottom: -0.375rem; + .xl\:-mb-px { + margin-bottom: -1px; } - .lg\:-bottom-2\.5 { - bottom: -0.625rem; + .xl\:-mb-0\.5 { + margin-bottom: -0.125rem; } - .lg\:-bottom-3\.5 { - bottom: -0.875rem; + .xl\:-mb-1\.5 { + margin-bottom: -0.375rem; } - .lg\:bottom-1\/2 { - bottom: 50%; + .xl\:-mb-2\.5 { + margin-bottom: -0.625rem; } - .lg\:bottom-1\/3 { - bottom: 33.333333%; + .xl\:-mb-3\.5 { + margin-bottom: -0.875rem; } - .lg\:bottom-2\/3 { - bottom: 66.666667%; + .xl\:ml-0 { + margin-left: 0px; } - .lg\:bottom-1\/4 { - bottom: 25%; + .xl\:ml-1 { + margin-left: 0.25rem; } - .lg\:bottom-2\/4 { - bottom: 50%; + .xl\:ml-2 { + margin-left: 0.5rem; } - .lg\:bottom-3\/4 { - bottom: 75%; + .xl\:ml-3 { + margin-left: 0.75rem; } - .lg\:bottom-full { - bottom: 100%; + .xl\:ml-4 { + margin-left: 1rem; } - .lg\:-bottom-1\/2 { - bottom: -50%; + .xl\:ml-5 { + margin-left: 1.25rem; } - .lg\:-bottom-1\/3 { - bottom: -33.333333%; + .xl\:ml-6 { + margin-left: 1.5rem; } - .lg\:-bottom-2\/3 { - bottom: -66.666667%; + .xl\:ml-7 { + margin-left: 1.75rem; } - .lg\:-bottom-1\/4 { - bottom: -25%; + .xl\:ml-8 { + margin-left: 2rem; } - .lg\:-bottom-2\/4 { - bottom: -50%; + .xl\:ml-9 { + margin-left: 2.25rem; } - .lg\:-bottom-3\/4 { - bottom: -75%; + .xl\:ml-10 { + margin-left: 2.5rem; } - .lg\:-bottom-full { - bottom: -100%; + .xl\:ml-11 { + margin-left: 2.75rem; } - .lg\:left-0 { - left: 0px; + .xl\:ml-12 { + margin-left: 3rem; } - .lg\:left-1 { - left: 0.25rem; + .xl\:ml-14 { + margin-left: 3.5rem; } - .lg\:left-2 { - left: 0.5rem; + .xl\:ml-16 { + margin-left: 4rem; } - .lg\:left-3 { - left: 0.75rem; + .xl\:ml-20 { + margin-left: 5rem; } - .lg\:left-4 { - left: 1rem; + .xl\:ml-24 { + margin-left: 6rem; } - .lg\:left-5 { - left: 1.25rem; + .xl\:ml-28 { + margin-left: 7rem; } - .lg\:left-6 { - left: 1.5rem; + .xl\:ml-32 { + margin-left: 8rem; } - .lg\:left-7 { - left: 1.75rem; + .xl\:ml-36 { + margin-left: 9rem; } - .lg\:left-8 { - left: 2rem; + .xl\:ml-40 { + margin-left: 10rem; } - .lg\:left-9 { - left: 2.25rem; + .xl\:ml-44 { + margin-left: 11rem; } - .lg\:left-10 { - left: 2.5rem; + .xl\:ml-48 { + margin-left: 12rem; } - .lg\:left-11 { - left: 2.75rem; + .xl\:ml-52 { + margin-left: 13rem; } - .lg\:left-12 { - left: 3rem; + .xl\:ml-56 { + margin-left: 14rem; } - .lg\:left-14 { - left: 3.5rem; + .xl\:ml-60 { + margin-left: 15rem; } - .lg\:left-16 { - left: 4rem; + .xl\:ml-64 { + margin-left: 16rem; } - .lg\:left-20 { - left: 5rem; + .xl\:ml-72 { + margin-left: 18rem; } - .lg\:left-24 { - left: 6rem; + .xl\:ml-80 { + margin-left: 20rem; } - .lg\:left-28 { - left: 7rem; + .xl\:ml-96 { + margin-left: 24rem; } - .lg\:left-32 { - left: 8rem; + .xl\:ml-auto { + margin-left: auto; } - .lg\:left-36 { - left: 9rem; + .xl\:ml-px { + margin-left: 1px; } - .lg\:left-40 { - left: 10rem; + .xl\:ml-0\.5 { + margin-left: 0.125rem; } - .lg\:left-44 { - left: 11rem; + .xl\:ml-1\.5 { + margin-left: 0.375rem; } - .lg\:left-48 { - left: 12rem; + .xl\:ml-2\.5 { + margin-left: 0.625rem; } - .lg\:left-52 { - left: 13rem; + .xl\:ml-3\.5 { + margin-left: 0.875rem; } - .lg\:left-56 { - left: 14rem; + .xl\:-ml-0 { + margin-left: 0px; } - .lg\:left-60 { - left: 15rem; + .xl\:-ml-1 { + margin-left: -0.25rem; } - .lg\:left-64 { - left: 16rem; + .xl\:-ml-2 { + margin-left: -0.5rem; } - .lg\:left-72 { - left: 18rem; + .xl\:-ml-3 { + margin-left: -0.75rem; } - .lg\:left-80 { - left: 20rem; + .xl\:-ml-4 { + margin-left: -1rem; } - .lg\:left-96 { - left: 24rem; + .xl\:-ml-5 { + margin-left: -1.25rem; } - .lg\:left-auto { - left: auto; + .xl\:-ml-6 { + margin-left: -1.5rem; } - .lg\:left-px { - left: 1px; + .xl\:-ml-7 { + margin-left: -1.75rem; } - .lg\:left-0\.5 { - left: 0.125rem; + .xl\:-ml-8 { + margin-left: -2rem; } - .lg\:left-1\.5 { - left: 0.375rem; + .xl\:-ml-9 { + margin-left: -2.25rem; } - .lg\:left-2\.5 { - left: 0.625rem; + .xl\:-ml-10 { + margin-left: -2.5rem; } - .lg\:left-3\.5 { - left: 0.875rem; + .xl\:-ml-11 { + margin-left: -2.75rem; } - .lg\:-left-0 { - left: 0px; + .xl\:-ml-12 { + margin-left: -3rem; } - .lg\:-left-1 { - left: -0.25rem; + .xl\:-ml-14 { + margin-left: -3.5rem; } - .lg\:-left-2 { - left: -0.5rem; + .xl\:-ml-16 { + margin-left: -4rem; } - .lg\:-left-3 { - left: -0.75rem; + .xl\:-ml-20 { + margin-left: -5rem; } - .lg\:-left-4 { - left: -1rem; + .xl\:-ml-24 { + margin-left: -6rem; } - .lg\:-left-5 { - left: -1.25rem; + .xl\:-ml-28 { + margin-left: -7rem; } - .lg\:-left-6 { - left: -1.5rem; + .xl\:-ml-32 { + margin-left: -8rem; } - .lg\:-left-7 { - left: -1.75rem; + .xl\:-ml-36 { + margin-left: -9rem; } - .lg\:-left-8 { - left: -2rem; + .xl\:-ml-40 { + margin-left: -10rem; } - .lg\:-left-9 { - left: -2.25rem; + .xl\:-ml-44 { + margin-left: -11rem; } - .lg\:-left-10 { - left: -2.5rem; + .xl\:-ml-48 { + margin-left: -12rem; } - .lg\:-left-11 { - left: -2.75rem; + .xl\:-ml-52 { + margin-left: -13rem; } - .lg\:-left-12 { - left: -3rem; + .xl\:-ml-56 { + margin-left: -14rem; } - .lg\:-left-14 { - left: -3.5rem; + .xl\:-ml-60 { + margin-left: -15rem; } - .lg\:-left-16 { - left: -4rem; + .xl\:-ml-64 { + margin-left: -16rem; } - .lg\:-left-20 { - left: -5rem; + .xl\:-ml-72 { + margin-left: -18rem; } - .lg\:-left-24 { - left: -6rem; + .xl\:-ml-80 { + margin-left: -20rem; } - .lg\:-left-28 { - left: -7rem; + .xl\:-ml-96 { + margin-left: -24rem; } - .lg\:-left-32 { - left: -8rem; + .xl\:-ml-px { + margin-left: -1px; } - .lg\:-left-36 { - left: -9rem; + .xl\:-ml-0\.5 { + margin-left: -0.125rem; } - .lg\:-left-40 { - left: -10rem; + .xl\:-ml-1\.5 { + margin-left: -0.375rem; } - .lg\:-left-44 { - left: -11rem; + .xl\:-ml-2\.5 { + margin-left: -0.625rem; } - .lg\:-left-48 { - left: -12rem; + .xl\:-ml-3\.5 { + margin-left: -0.875rem; } - .lg\:-left-52 { - left: -13rem; + .xl\:box-border { + box-sizing: border-box; } - .lg\:-left-56 { - left: -14rem; + .xl\:box-content { + box-sizing: content-box; } - .lg\:-left-60 { - left: -15rem; + .xl\:block { + display: block; } - .lg\:-left-64 { - left: -16rem; + .xl\:inline-block { + display: inline-block; } - .lg\:-left-72 { - left: -18rem; + .xl\:inline { + display: inline; } - .lg\:-left-80 { - left: -20rem; + .xl\:flex { + display: flex; } - .lg\:-left-96 { - left: -24rem; + .xl\:inline-flex { + display: inline-flex; } - .lg\:-left-px { - left: -1px; + .xl\:table { + display: table; } - .lg\:-left-0\.5 { - left: -0.125rem; + .xl\:inline-table { + display: inline-table; } - .lg\:-left-1\.5 { - left: -0.375rem; + .xl\:table-caption { + display: table-caption; } - .lg\:-left-2\.5 { - left: -0.625rem; + .xl\:table-cell { + display: table-cell; } - .lg\:-left-3\.5 { - left: -0.875rem; + .xl\:table-column { + display: table-column; } - .lg\:left-1\/2 { - left: 50%; + .xl\:table-column-group { + display: table-column-group; } - .lg\:left-1\/3 { - left: 33.333333%; + .xl\:table-footer-group { + display: table-footer-group; } - .lg\:left-2\/3 { - left: 66.666667%; + .xl\:table-header-group { + display: table-header-group; } - .lg\:left-1\/4 { - left: 25%; + .xl\:table-row-group { + display: table-row-group; } - .lg\:left-2\/4 { - left: 50%; + .xl\:table-row { + display: table-row; } - .lg\:left-3\/4 { - left: 75%; + .xl\:flow-root { + display: flow-root; } - .lg\:left-full { - left: 100%; + .xl\:grid { + display: grid; } - .lg\:-left-1\/2 { - left: -50%; + .xl\:inline-grid { + display: inline-grid; } - .lg\:-left-1\/3 { - left: -33.333333%; + .xl\:contents { + display: contents; } - .lg\:-left-2\/3 { - left: -66.666667%; + .xl\:list-item { + display: list-item; } - .lg\:-left-1\/4 { - left: -25%; + .xl\:hidden { + display: none; } - .lg\:-left-2\/4 { - left: -50%; + .xl\:h-0 { + height: 0px; } - .lg\:-left-3\/4 { - left: -75%; + .xl\:h-1 { + height: 0.25rem; } - .lg\:-left-full { - left: -100%; + .xl\:h-2 { + height: 0.5rem; } - .lg\:isolate { - isolation: isolate; + .xl\:h-3 { + height: 0.75rem; } - .lg\:isolation-auto { - isolation: auto; + .xl\:h-4 { + height: 1rem; } - .lg\:z-0 { - z-index: 0; + .xl\:h-5 { + height: 1.25rem; } - .lg\:z-10 { - z-index: 10; + .xl\:h-6 { + height: 1.5rem; } - .lg\:z-20 { - z-index: 20; + .xl\:h-7 { + height: 1.75rem; } - .lg\:z-30 { - z-index: 30; + .xl\:h-8 { + height: 2rem; } - .lg\:z-40 { - z-index: 40; + .xl\:h-9 { + height: 2.25rem; } - .lg\:z-50 { - z-index: 50; + .xl\:h-10 { + height: 2.5rem; } - .lg\:z-auto { - z-index: auto; + .xl\:h-11 { + height: 2.75rem; } - .lg\:focus-within\:z-0:focus-within { - z-index: 0; + .xl\:h-12 { + height: 3rem; } - .lg\:focus-within\:z-10:focus-within { - z-index: 10; + .xl\:h-14 { + height: 3.5rem; } - .lg\:focus-within\:z-20:focus-within { - z-index: 20; + .xl\:h-16 { + height: 4rem; } - .lg\:focus-within\:z-30:focus-within { - z-index: 30; + .xl\:h-20 { + height: 5rem; } - .lg\:focus-within\:z-40:focus-within { - z-index: 40; + .xl\:h-24 { + height: 6rem; } - .lg\:focus-within\:z-50:focus-within { - z-index: 50; + .xl\:h-28 { + height: 7rem; } - .lg\:focus-within\:z-auto:focus-within { - z-index: auto; + .xl\:h-32 { + height: 8rem; } - .lg\:focus\:z-0:focus { - z-index: 0; + .xl\:h-36 { + height: 9rem; } - .lg\:focus\:z-10:focus { - z-index: 10; + .xl\:h-40 { + height: 10rem; } - .lg\:focus\:z-20:focus { - z-index: 20; + .xl\:h-44 { + height: 11rem; } - .lg\:focus\:z-30:focus { - z-index: 30; + .xl\:h-48 { + height: 12rem; } - .lg\:focus\:z-40:focus { - z-index: 40; + .xl\:h-52 { + height: 13rem; } - .lg\:focus\:z-50:focus { - z-index: 50; + .xl\:h-56 { + height: 14rem; } - .lg\:focus\:z-auto:focus { - z-index: auto; + .xl\:h-60 { + height: 15rem; } - .lg\:order-1 { - order: 1; + .xl\:h-64 { + height: 16rem; } - .lg\:order-2 { - order: 2; + .xl\:h-72 { + height: 18rem; } - .lg\:order-3 { - order: 3; + .xl\:h-80 { + height: 20rem; } - .lg\:order-4 { - order: 4; + .xl\:h-96 { + height: 24rem; } - .lg\:order-5 { - order: 5; + .xl\:h-auto { + height: auto; } - .lg\:order-6 { - order: 6; + .xl\:h-px { + height: 1px; } - .lg\:order-7 { - order: 7; + .xl\:h-0\.5 { + height: 0.125rem; } - .lg\:order-8 { - order: 8; + .xl\:h-1\.5 { + height: 0.375rem; } - .lg\:order-9 { - order: 9; + .xl\:h-2\.5 { + height: 0.625rem; } - .lg\:order-10 { - order: 10; + .xl\:h-3\.5 { + height: 0.875rem; } - .lg\:order-11 { - order: 11; + .xl\:h-1\/2 { + height: 50%; } - .lg\:order-12 { - order: 12; + .xl\:h-1\/3 { + height: 33.333333%; } - .lg\:order-first { - order: -9999; + .xl\:h-2\/3 { + height: 66.666667%; } - .lg\:order-last { - order: 9999; + .xl\:h-1\/4 { + height: 25%; } - .lg\:order-none { - order: 0; + .xl\:h-2\/4 { + height: 50%; } - .lg\:col-auto { - grid-column: auto; + .xl\:h-3\/4 { + height: 75%; } - .lg\:col-span-1 { - grid-column: span 1 / span 1; + .xl\:h-1\/5 { + height: 20%; } - .lg\:col-span-2 { - grid-column: span 2 / span 2; + .xl\:h-2\/5 { + height: 40%; } - .lg\:col-span-3 { - grid-column: span 3 / span 3; + .xl\:h-3\/5 { + height: 60%; } - .lg\:col-span-4 { - grid-column: span 4 / span 4; + .xl\:h-4\/5 { + height: 80%; } - .lg\:col-span-5 { - grid-column: span 5 / span 5; + .xl\:h-1\/6 { + height: 16.666667%; } - .lg\:col-span-6 { - grid-column: span 6 / span 6; + .xl\:h-2\/6 { + height: 33.333333%; } - .lg\:col-span-7 { - grid-column: span 7 / span 7; + .xl\:h-3\/6 { + height: 50%; } - .lg\:col-span-8 { - grid-column: span 8 / span 8; + .xl\:h-4\/6 { + height: 66.666667%; } - .lg\:col-span-9 { - grid-column: span 9 / span 9; + .xl\:h-5\/6 { + height: 83.333333%; } - .lg\:col-span-10 { - grid-column: span 10 / span 10; + .xl\:h-full { + height: 100%; } - .lg\:col-span-11 { - grid-column: span 11 / span 11; + .xl\:h-screen { + height: 100vh; } - .lg\:col-span-12 { - grid-column: span 12 / span 12; + .xl\:max-h-0 { + max-height: 0px; } - .lg\:col-span-full { - grid-column: 1 / -1; + .xl\:max-h-1 { + max-height: 0.25rem; } - .lg\:col-start-1 { - grid-column-start: 1; + .xl\:max-h-2 { + max-height: 0.5rem; } - .lg\:col-start-2 { - grid-column-start: 2; + .xl\:max-h-3 { + max-height: 0.75rem; } - .lg\:col-start-3 { - grid-column-start: 3; + .xl\:max-h-4 { + max-height: 1rem; } - .lg\:col-start-4 { - grid-column-start: 4; + .xl\:max-h-5 { + max-height: 1.25rem; } - .lg\:col-start-5 { - grid-column-start: 5; + .xl\:max-h-6 { + max-height: 1.5rem; } - .lg\:col-start-6 { - grid-column-start: 6; + .xl\:max-h-7 { + max-height: 1.75rem; } - .lg\:col-start-7 { - grid-column-start: 7; + .xl\:max-h-8 { + max-height: 2rem; } - .lg\:col-start-8 { - grid-column-start: 8; + .xl\:max-h-9 { + max-height: 2.25rem; } - .lg\:col-start-9 { - grid-column-start: 9; + .xl\:max-h-10 { + max-height: 2.5rem; } - .lg\:col-start-10 { - grid-column-start: 10; + .xl\:max-h-11 { + max-height: 2.75rem; } - .lg\:col-start-11 { - grid-column-start: 11; + .xl\:max-h-12 { + max-height: 3rem; } - .lg\:col-start-12 { - grid-column-start: 12; + .xl\:max-h-14 { + max-height: 3.5rem; } - .lg\:col-start-13 { - grid-column-start: 13; + .xl\:max-h-16 { + max-height: 4rem; } - .lg\:col-start-auto { - grid-column-start: auto; + .xl\:max-h-20 { + max-height: 5rem; } - .lg\:col-end-1 { - grid-column-end: 1; + .xl\:max-h-24 { + max-height: 6rem; } - .lg\:col-end-2 { - grid-column-end: 2; + .xl\:max-h-28 { + max-height: 7rem; } - .lg\:col-end-3 { - grid-column-end: 3; + .xl\:max-h-32 { + max-height: 8rem; } - .lg\:col-end-4 { - grid-column-end: 4; + .xl\:max-h-36 { + max-height: 9rem; } - .lg\:col-end-5 { - grid-column-end: 5; + .xl\:max-h-40 { + max-height: 10rem; } - .lg\:col-end-6 { - grid-column-end: 6; + .xl\:max-h-44 { + max-height: 11rem; } - .lg\:col-end-7 { - grid-column-end: 7; + .xl\:max-h-48 { + max-height: 12rem; } - .lg\:col-end-8 { - grid-column-end: 8; + .xl\:max-h-52 { + max-height: 13rem; } - .lg\:col-end-9 { - grid-column-end: 9; + .xl\:max-h-56 { + max-height: 14rem; } - .lg\:col-end-10 { - grid-column-end: 10; + .xl\:max-h-60 { + max-height: 15rem; } - .lg\:col-end-11 { - grid-column-end: 11; + .xl\:max-h-64 { + max-height: 16rem; } - .lg\:col-end-12 { - grid-column-end: 12; + .xl\:max-h-72 { + max-height: 18rem; } - .lg\:col-end-13 { - grid-column-end: 13; + .xl\:max-h-80 { + max-height: 20rem; } - .lg\:col-end-auto { - grid-column-end: auto; + .xl\:max-h-96 { + max-height: 24rem; } - .lg\:row-auto { - grid-row: auto; + .xl\:max-h-px { + max-height: 1px; } - .lg\:row-span-1 { - grid-row: span 1 / span 1; + .xl\:max-h-0\.5 { + max-height: 0.125rem; } - .lg\:row-span-2 { - grid-row: span 2 / span 2; + .xl\:max-h-1\.5 { + max-height: 0.375rem; } - .lg\:row-span-3 { - grid-row: span 3 / span 3; + .xl\:max-h-2\.5 { + max-height: 0.625rem; } - .lg\:row-span-4 { - grid-row: span 4 / span 4; + .xl\:max-h-3\.5 { + max-height: 0.875rem; } - .lg\:row-span-5 { - grid-row: span 5 / span 5; + .xl\:max-h-full { + max-height: 100%; } - .lg\:row-span-6 { - grid-row: span 6 / span 6; + .xl\:max-h-screen { + max-height: 100vh; } - .lg\:row-span-full { - grid-row: 1 / -1; + .xl\:min-h-0 { + min-height: 0px; } - .lg\:row-start-1 { - grid-row-start: 1; + .xl\:min-h-full { + min-height: 100%; } - .lg\:row-start-2 { - grid-row-start: 2; + .xl\:min-h-screen { + min-height: 100vh; } - .lg\:row-start-3 { - grid-row-start: 3; + .xl\:w-0 { + width: 0px; } - .lg\:row-start-4 { - grid-row-start: 4; + .xl\:w-1 { + width: 0.25rem; } - .lg\:row-start-5 { - grid-row-start: 5; + .xl\:w-2 { + width: 0.5rem; } - .lg\:row-start-6 { - grid-row-start: 6; + .xl\:w-3 { + width: 0.75rem; } - .lg\:row-start-7 { - grid-row-start: 7; + .xl\:w-4 { + width: 1rem; } - .lg\:row-start-auto { - grid-row-start: auto; + .xl\:w-5 { + width: 1.25rem; } - .lg\:row-end-1 { - grid-row-end: 1; + .xl\:w-6 { + width: 1.5rem; } - .lg\:row-end-2 { - grid-row-end: 2; + .xl\:w-7 { + width: 1.75rem; } - .lg\:row-end-3 { - grid-row-end: 3; + .xl\:w-8 { + width: 2rem; } - .lg\:row-end-4 { - grid-row-end: 4; + .xl\:w-9 { + width: 2.25rem; } - .lg\:row-end-5 { - grid-row-end: 5; + .xl\:w-10 { + width: 2.5rem; } - .lg\:row-end-6 { - grid-row-end: 6; + .xl\:w-11 { + width: 2.75rem; } - .lg\:row-end-7 { - grid-row-end: 7; + .xl\:w-12 { + width: 3rem; } - .lg\:row-end-auto { - grid-row-end: auto; + .xl\:w-14 { + width: 3.5rem; } - .lg\:float-right { - float: right; + .xl\:w-16 { + width: 4rem; } - .lg\:float-left { - float: left; + .xl\:w-20 { + width: 5rem; } - .lg\:float-none { - float: none; + .xl\:w-24 { + width: 6rem; } - .lg\:clear-left { - clear: left; + .xl\:w-28 { + width: 7rem; } - .lg\:clear-right { - clear: right; + .xl\:w-32 { + width: 8rem; } - .lg\:clear-both { - clear: both; + .xl\:w-36 { + width: 9rem; } - .lg\:clear-none { - clear: none; + .xl\:w-40 { + width: 10rem; } - .lg\:m-0 { - margin: 0px; + .xl\:w-44 { + width: 11rem; } - .lg\:m-1 { - margin: 0.25rem; + .xl\:w-48 { + width: 12rem; } - .lg\:m-2 { - margin: 0.5rem; + .xl\:w-52 { + width: 13rem; } - .lg\:m-3 { - margin: 0.75rem; + .xl\:w-56 { + width: 14rem; } - .lg\:m-4 { - margin: 1rem; + .xl\:w-60 { + width: 15rem; } - .lg\:m-5 { - margin: 1.25rem; + .xl\:w-64 { + width: 16rem; } - .lg\:m-6 { - margin: 1.5rem; + .xl\:w-72 { + width: 18rem; } - .lg\:m-7 { - margin: 1.75rem; + .xl\:w-80 { + width: 20rem; } - .lg\:m-8 { - margin: 2rem; + .xl\:w-96 { + width: 24rem; } - .lg\:m-9 { - margin: 2.25rem; + .xl\:w-auto { + width: auto; } - .lg\:m-10 { - margin: 2.5rem; + .xl\:w-px { + width: 1px; } - .lg\:m-11 { - margin: 2.75rem; + .xl\:w-0\.5 { + width: 0.125rem; } - .lg\:m-12 { - margin: 3rem; + .xl\:w-1\.5 { + width: 0.375rem; } - .lg\:m-14 { - margin: 3.5rem; + .xl\:w-2\.5 { + width: 0.625rem; } - .lg\:m-16 { - margin: 4rem; + .xl\:w-3\.5 { + width: 0.875rem; } - .lg\:m-20 { - margin: 5rem; + .xl\:w-1\/2 { + width: 50%; } - .lg\:m-24 { - margin: 6rem; + .xl\:w-1\/3 { + width: 33.333333%; } - .lg\:m-28 { - margin: 7rem; + .xl\:w-2\/3 { + width: 66.666667%; } - .lg\:m-32 { - margin: 8rem; + .xl\:w-1\/4 { + width: 25%; } - .lg\:m-36 { - margin: 9rem; + .xl\:w-2\/4 { + width: 50%; } - .lg\:m-40 { - margin: 10rem; + .xl\:w-3\/4 { + width: 75%; } - .lg\:m-44 { - margin: 11rem; + .xl\:w-1\/5 { + width: 20%; } - .lg\:m-48 { - margin: 12rem; + .xl\:w-2\/5 { + width: 40%; } - .lg\:m-52 { - margin: 13rem; + .xl\:w-3\/5 { + width: 60%; } - .lg\:m-56 { - margin: 14rem; + .xl\:w-4\/5 { + width: 80%; } - .lg\:m-60 { - margin: 15rem; + .xl\:w-1\/6 { + width: 16.666667%; } - .lg\:m-64 { - margin: 16rem; + .xl\:w-2\/6 { + width: 33.333333%; } - .lg\:m-72 { - margin: 18rem; + .xl\:w-3\/6 { + width: 50%; } - .lg\:m-80 { - margin: 20rem; + .xl\:w-4\/6 { + width: 66.666667%; } - .lg\:m-96 { - margin: 24rem; + .xl\:w-5\/6 { + width: 83.333333%; } - .lg\:m-auto { - margin: auto; + .xl\:w-1\/12 { + width: 8.333333%; } - .lg\:m-px { - margin: 1px; + .xl\:w-2\/12 { + width: 16.666667%; } - .lg\:m-0\.5 { - margin: 0.125rem; + .xl\:w-3\/12 { + width: 25%; } - .lg\:m-1\.5 { - margin: 0.375rem; + .xl\:w-4\/12 { + width: 33.333333%; } - .lg\:m-2\.5 { - margin: 0.625rem; + .xl\:w-5\/12 { + width: 41.666667%; } - .lg\:m-3\.5 { - margin: 0.875rem; + .xl\:w-6\/12 { + width: 50%; } - .lg\:-m-0 { - margin: 0px; + .xl\:w-7\/12 { + width: 58.333333%; } - .lg\:-m-1 { - margin: -0.25rem; + .xl\:w-8\/12 { + width: 66.666667%; } - .lg\:-m-2 { - margin: -0.5rem; + .xl\:w-9\/12 { + width: 75%; } - .lg\:-m-3 { - margin: -0.75rem; + .xl\:w-10\/12 { + width: 83.333333%; } - .lg\:-m-4 { - margin: -1rem; + .xl\:w-11\/12 { + width: 91.666667%; } - .lg\:-m-5 { - margin: -1.25rem; + .xl\:w-full { + width: 100%; } - .lg\:-m-6 { - margin: -1.5rem; + .xl\:w-screen { + width: 100vw; } - .lg\:-m-7 { - margin: -1.75rem; + .xl\:w-min { + width: -moz-min-content; + width: min-content; } - .lg\:-m-8 { - margin: -2rem; + .xl\:w-max { + width: -moz-max-content; + width: max-content; } - .lg\:-m-9 { - margin: -2.25rem; + .xl\:min-w-0 { + min-width: 0px; } - .lg\:-m-10 { - margin: -2.5rem; + .xl\:min-w-full { + min-width: 100%; } - .lg\:-m-11 { - margin: -2.75rem; + .xl\:min-w-min { + min-width: -moz-min-content; + min-width: min-content; } - .lg\:-m-12 { - margin: -3rem; + .xl\:min-w-max { + min-width: -moz-max-content; + min-width: max-content; } - .lg\:-m-14 { - margin: -3.5rem; + .xl\:max-w-0 { + max-width: 0rem; } - .lg\:-m-16 { - margin: -4rem; + .xl\:max-w-none { + max-width: none; } - .lg\:-m-20 { - margin: -5rem; + .xl\:max-w-xs { + max-width: 20rem; } - .lg\:-m-24 { - margin: -6rem; + .xl\:max-w-sm { + max-width: 24rem; } - .lg\:-m-28 { - margin: -7rem; + .xl\:max-w-md { + max-width: 28rem; } - .lg\:-m-32 { - margin: -8rem; + .xl\:max-w-lg { + max-width: 32rem; } - .lg\:-m-36 { - margin: -9rem; + .xl\:max-w-xl { + max-width: 36rem; } - .lg\:-m-40 { - margin: -10rem; + .xl\:max-w-2xl { + max-width: 42rem; } - .lg\:-m-44 { - margin: -11rem; + .xl\:max-w-3xl { + max-width: 48rem; } - .lg\:-m-48 { - margin: -12rem; + .xl\:max-w-4xl { + max-width: 56rem; } - .lg\:-m-52 { - margin: -13rem; + .xl\:max-w-5xl { + max-width: 64rem; } - .lg\:-m-56 { - margin: -14rem; + .xl\:max-w-6xl { + max-width: 72rem; } - .lg\:-m-60 { - margin: -15rem; + .xl\:max-w-7xl { + max-width: 80rem; } - .lg\:-m-64 { - margin: -16rem; + .xl\:max-w-full { + max-width: 100%; } - .lg\:-m-72 { - margin: -18rem; + .xl\:max-w-min { + max-width: -moz-min-content; + max-width: min-content; } - .lg\:-m-80 { - margin: -20rem; + .xl\:max-w-max { + max-width: -moz-max-content; + max-width: max-content; } - .lg\:-m-96 { - margin: -24rem; + .xl\:max-w-prose { + max-width: 65ch; } - .lg\:-m-px { - margin: -1px; + .xl\:max-w-screen-sm { + max-width: 640px; } - .lg\:-m-0\.5 { - margin: -0.125rem; + .xl\:max-w-screen-md { + max-width: 768px; } - .lg\:-m-1\.5 { - margin: -0.375rem; + .xl\:max-w-screen-lg { + max-width: 1024px; } - .lg\:-m-2\.5 { - margin: -0.625rem; + .xl\:max-w-screen-xl { + max-width: 1280px; } - .lg\:-m-3\.5 { - margin: -0.875rem; + .xl\:max-w-screen-2xl { + max-width: 1536px; } - .lg\:mx-0 { - margin-left: 0px; - margin-right: 0px; + .xl\:flex-1 { + flex: 1 1 0%; } - .lg\:mx-1 { - margin-left: 0.25rem; - margin-right: 0.25rem; + .xl\:flex-auto { + flex: 1 1 auto; } - .lg\:mx-2 { - margin-left: 0.5rem; - margin-right: 0.5rem; + .xl\:flex-initial { + flex: 0 1 auto; } - .lg\:mx-3 { - margin-left: 0.75rem; - margin-right: 0.75rem; + .xl\:flex-none { + flex: none; } - .lg\:mx-4 { - margin-left: 1rem; - margin-right: 1rem; + .xl\:flex-shrink-0 { + flex-shrink: 0; } - .lg\:mx-5 { - margin-left: 1.25rem; - margin-right: 1.25rem; + .xl\:flex-shrink { + flex-shrink: 1; } - .lg\:mx-6 { - margin-left: 1.5rem; - margin-right: 1.5rem; + .xl\:flex-grow-0 { + flex-grow: 0; } - .lg\:mx-7 { - margin-left: 1.75rem; - margin-right: 1.75rem; + .xl\:flex-grow { + flex-grow: 1; } - .lg\:mx-8 { - margin-left: 2rem; - margin-right: 2rem; + .xl\:table-auto { + table-layout: auto; } - .lg\:mx-9 { - margin-left: 2.25rem; - margin-right: 2.25rem; + .xl\:table-fixed { + table-layout: fixed; } - .lg\:mx-10 { - margin-left: 2.5rem; - margin-right: 2.5rem; + .xl\:border-collapse { + border-collapse: collapse; } - .lg\:mx-11 { - margin-left: 2.75rem; - margin-right: 2.75rem; + .xl\:border-separate { + border-collapse: separate; } - .lg\:mx-12 { - margin-left: 3rem; - margin-right: 3rem; + .xl\:origin-center { + transform-origin: center; } - .lg\:mx-14 { - margin-left: 3.5rem; - margin-right: 3.5rem; + .xl\:origin-top { + transform-origin: top; } - .lg\:mx-16 { - margin-left: 4rem; - margin-right: 4rem; + .xl\:origin-top-right { + transform-origin: top right; } - .lg\:mx-20 { - margin-left: 5rem; - margin-right: 5rem; + .xl\:origin-right { + transform-origin: right; } - .lg\:mx-24 { - margin-left: 6rem; - margin-right: 6rem; + .xl\:origin-bottom-right { + transform-origin: bottom right; } - .lg\:mx-28 { - margin-left: 7rem; - margin-right: 7rem; + .xl\:origin-bottom { + transform-origin: bottom; } - .lg\:mx-32 { - margin-left: 8rem; - margin-right: 8rem; + .xl\:origin-bottom-left { + transform-origin: bottom left; } - .lg\:mx-36 { - margin-left: 9rem; - margin-right: 9rem; + .xl\:origin-left { + transform-origin: left; } - .lg\:mx-40 { - margin-left: 10rem; - margin-right: 10rem; + .xl\:origin-top-left { + transform-origin: top left; } - .lg\:mx-44 { - margin-left: 11rem; - margin-right: 11rem; + .xl\:transform { + --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; + transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } - .lg\:mx-48 { - margin-left: 12rem; - margin-right: 12rem; + .xl\:transform-gpu { + --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; + transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } - .lg\:mx-52 { - margin-left: 13rem; - margin-right: 13rem; + .xl\:transform-none { + transform: none; } - .lg\:mx-56 { - margin-left: 14rem; - margin-right: 14rem; + .xl\:translate-x-0 { + --tw-translate-x: 0px; } - .lg\:mx-60 { - margin-left: 15rem; - margin-right: 15rem; + .xl\:translate-x-1 { + --tw-translate-x: 0.25rem; } - .lg\:mx-64 { - margin-left: 16rem; - margin-right: 16rem; + .xl\:translate-x-2 { + --tw-translate-x: 0.5rem; } - .lg\:mx-72 { - margin-left: 18rem; - margin-right: 18rem; + .xl\:translate-x-3 { + --tw-translate-x: 0.75rem; } - .lg\:mx-80 { - margin-left: 20rem; - margin-right: 20rem; + .xl\:translate-x-4 { + --tw-translate-x: 1rem; } - .lg\:mx-96 { - margin-left: 24rem; - margin-right: 24rem; + .xl\:translate-x-5 { + --tw-translate-x: 1.25rem; } - .lg\:mx-auto { - margin-left: auto; - margin-right: auto; + .xl\:translate-x-6 { + --tw-translate-x: 1.5rem; } - .lg\:mx-px { - margin-left: 1px; - margin-right: 1px; + .xl\:translate-x-7 { + --tw-translate-x: 1.75rem; } - .lg\:mx-0\.5 { - margin-left: 0.125rem; - margin-right: 0.125rem; + .xl\:translate-x-8 { + --tw-translate-x: 2rem; } - .lg\:mx-1\.5 { - margin-left: 0.375rem; - margin-right: 0.375rem; + .xl\:translate-x-9 { + --tw-translate-x: 2.25rem; } - .lg\:mx-2\.5 { - margin-left: 0.625rem; - margin-right: 0.625rem; + .xl\:translate-x-10 { + --tw-translate-x: 2.5rem; } - .lg\:mx-3\.5 { - margin-left: 0.875rem; - margin-right: 0.875rem; + .xl\:translate-x-11 { + --tw-translate-x: 2.75rem; } - .lg\:-mx-0 { - margin-left: 0px; - margin-right: 0px; + .xl\:translate-x-12 { + --tw-translate-x: 3rem; } - .lg\:-mx-1 { - margin-left: -0.25rem; - margin-right: -0.25rem; + .xl\:translate-x-14 { + --tw-translate-x: 3.5rem; } - .lg\:-mx-2 { - margin-left: -0.5rem; - margin-right: -0.5rem; + .xl\:translate-x-16 { + --tw-translate-x: 4rem; } - .lg\:-mx-3 { - margin-left: -0.75rem; - margin-right: -0.75rem; + .xl\:translate-x-20 { + --tw-translate-x: 5rem; } - .lg\:-mx-4 { - margin-left: -1rem; - margin-right: -1rem; + .xl\:translate-x-24 { + --tw-translate-x: 6rem; } - .lg\:-mx-5 { - margin-left: -1.25rem; - margin-right: -1.25rem; + .xl\:translate-x-28 { + --tw-translate-x: 7rem; } - .lg\:-mx-6 { - margin-left: -1.5rem; - margin-right: -1.5rem; + .xl\:translate-x-32 { + --tw-translate-x: 8rem; } - .lg\:-mx-7 { - margin-left: -1.75rem; - margin-right: -1.75rem; + .xl\:translate-x-36 { + --tw-translate-x: 9rem; } - .lg\:-mx-8 { - margin-left: -2rem; - margin-right: -2rem; + .xl\:translate-x-40 { + --tw-translate-x: 10rem; } - .lg\:-mx-9 { - margin-left: -2.25rem; - margin-right: -2.25rem; + .xl\:translate-x-44 { + --tw-translate-x: 11rem; } - .lg\:-mx-10 { - margin-left: -2.5rem; - margin-right: -2.5rem; + .xl\:translate-x-48 { + --tw-translate-x: 12rem; } - .lg\:-mx-11 { - margin-left: -2.75rem; - margin-right: -2.75rem; + .xl\:translate-x-52 { + --tw-translate-x: 13rem; } - .lg\:-mx-12 { - margin-left: -3rem; - margin-right: -3rem; + .xl\:translate-x-56 { + --tw-translate-x: 14rem; } - .lg\:-mx-14 { - margin-left: -3.5rem; - margin-right: -3.5rem; + .xl\:translate-x-60 { + --tw-translate-x: 15rem; } - .lg\:-mx-16 { - margin-left: -4rem; - margin-right: -4rem; + .xl\:translate-x-64 { + --tw-translate-x: 16rem; } - .lg\:-mx-20 { - margin-left: -5rem; - margin-right: -5rem; + .xl\:translate-x-72 { + --tw-translate-x: 18rem; } - .lg\:-mx-24 { - margin-left: -6rem; - margin-right: -6rem; + .xl\:translate-x-80 { + --tw-translate-x: 20rem; } - .lg\:-mx-28 { - margin-left: -7rem; - margin-right: -7rem; + .xl\:translate-x-96 { + --tw-translate-x: 24rem; } - .lg\:-mx-32 { - margin-left: -8rem; - margin-right: -8rem; + .xl\:translate-x-px { + --tw-translate-x: 1px; } - .lg\:-mx-36 { - margin-left: -9rem; - margin-right: -9rem; + .xl\:translate-x-0\.5 { + --tw-translate-x: 0.125rem; } - .lg\:-mx-40 { - margin-left: -10rem; - margin-right: -10rem; + .xl\:translate-x-1\.5 { + --tw-translate-x: 0.375rem; } - .lg\:-mx-44 { - margin-left: -11rem; - margin-right: -11rem; + .xl\:translate-x-2\.5 { + --tw-translate-x: 0.625rem; } - .lg\:-mx-48 { - margin-left: -12rem; - margin-right: -12rem; + .xl\:translate-x-3\.5 { + --tw-translate-x: 0.875rem; } - .lg\:-mx-52 { - margin-left: -13rem; - margin-right: -13rem; + .xl\:-translate-x-0 { + --tw-translate-x: 0px; } - .lg\:-mx-56 { - margin-left: -14rem; - margin-right: -14rem; + .xl\:-translate-x-1 { + --tw-translate-x: -0.25rem; } - .lg\:-mx-60 { - margin-left: -15rem; - margin-right: -15rem; + .xl\:-translate-x-2 { + --tw-translate-x: -0.5rem; } - .lg\:-mx-64 { - margin-left: -16rem; - margin-right: -16rem; + .xl\:-translate-x-3 { + --tw-translate-x: -0.75rem; } - .lg\:-mx-72 { - margin-left: -18rem; - margin-right: -18rem; + .xl\:-translate-x-4 { + --tw-translate-x: -1rem; } - .lg\:-mx-80 { - margin-left: -20rem; - margin-right: -20rem; + .xl\:-translate-x-5 { + --tw-translate-x: -1.25rem; } - .lg\:-mx-96 { - margin-left: -24rem; - margin-right: -24rem; + .xl\:-translate-x-6 { + --tw-translate-x: -1.5rem; } - .lg\:-mx-px { - margin-left: -1px; - margin-right: -1px; + .xl\:-translate-x-7 { + --tw-translate-x: -1.75rem; } - .lg\:-mx-0\.5 { - margin-left: -0.125rem; - margin-right: -0.125rem; + .xl\:-translate-x-8 { + --tw-translate-x: -2rem; } - .lg\:-mx-1\.5 { - margin-left: -0.375rem; - margin-right: -0.375rem; + .xl\:-translate-x-9 { + --tw-translate-x: -2.25rem; } - .lg\:-mx-2\.5 { - margin-left: -0.625rem; - margin-right: -0.625rem; + .xl\:-translate-x-10 { + --tw-translate-x: -2.5rem; } - .lg\:-mx-3\.5 { - margin-left: -0.875rem; - margin-right: -0.875rem; + .xl\:-translate-x-11 { + --tw-translate-x: -2.75rem; } - .lg\:my-0 { - margin-top: 0px; - margin-bottom: 0px; + .xl\:-translate-x-12 { + --tw-translate-x: -3rem; } - .lg\:my-1 { - margin-top: 0.25rem; - margin-bottom: 0.25rem; + .xl\:-translate-x-14 { + --tw-translate-x: -3.5rem; } - .lg\:my-2 { - margin-top: 0.5rem; - margin-bottom: 0.5rem; + .xl\:-translate-x-16 { + --tw-translate-x: -4rem; } - .lg\:my-3 { - margin-top: 0.75rem; - margin-bottom: 0.75rem; + .xl\:-translate-x-20 { + --tw-translate-x: -5rem; } - .lg\:my-4 { - margin-top: 1rem; - margin-bottom: 1rem; + .xl\:-translate-x-24 { + --tw-translate-x: -6rem; } - .lg\:my-5 { - margin-top: 1.25rem; - margin-bottom: 1.25rem; + .xl\:-translate-x-28 { + --tw-translate-x: -7rem; } - .lg\:my-6 { - margin-top: 1.5rem; - margin-bottom: 1.5rem; + .xl\:-translate-x-32 { + --tw-translate-x: -8rem; } - .lg\:my-7 { - margin-top: 1.75rem; - margin-bottom: 1.75rem; + .xl\:-translate-x-36 { + --tw-translate-x: -9rem; } - .lg\:my-8 { - margin-top: 2rem; - margin-bottom: 2rem; + .xl\:-translate-x-40 { + --tw-translate-x: -10rem; } - .lg\:my-9 { - margin-top: 2.25rem; - margin-bottom: 2.25rem; + .xl\:-translate-x-44 { + --tw-translate-x: -11rem; } - .lg\:my-10 { - margin-top: 2.5rem; - margin-bottom: 2.5rem; + .xl\:-translate-x-48 { + --tw-translate-x: -12rem; } - .lg\:my-11 { - margin-top: 2.75rem; - margin-bottom: 2.75rem; + .xl\:-translate-x-52 { + --tw-translate-x: -13rem; } - .lg\:my-12 { - margin-top: 3rem; - margin-bottom: 3rem; + .xl\:-translate-x-56 { + --tw-translate-x: -14rem; } - .lg\:my-14 { - margin-top: 3.5rem; - margin-bottom: 3.5rem; + .xl\:-translate-x-60 { + --tw-translate-x: -15rem; } - .lg\:my-16 { - margin-top: 4rem; - margin-bottom: 4rem; + .xl\:-translate-x-64 { + --tw-translate-x: -16rem; } - .lg\:my-20 { - margin-top: 5rem; - margin-bottom: 5rem; + .xl\:-translate-x-72 { + --tw-translate-x: -18rem; } - .lg\:my-24 { - margin-top: 6rem; - margin-bottom: 6rem; + .xl\:-translate-x-80 { + --tw-translate-x: -20rem; } - .lg\:my-28 { - margin-top: 7rem; - margin-bottom: 7rem; + .xl\:-translate-x-96 { + --tw-translate-x: -24rem; } - .lg\:my-32 { - margin-top: 8rem; - margin-bottom: 8rem; + .xl\:-translate-x-px { + --tw-translate-x: -1px; } - .lg\:my-36 { - margin-top: 9rem; - margin-bottom: 9rem; + .xl\:-translate-x-0\.5 { + --tw-translate-x: -0.125rem; } - .lg\:my-40 { - margin-top: 10rem; - margin-bottom: 10rem; + .xl\:-translate-x-1\.5 { + --tw-translate-x: -0.375rem; } - .lg\:my-44 { - margin-top: 11rem; - margin-bottom: 11rem; + .xl\:-translate-x-2\.5 { + --tw-translate-x: -0.625rem; } - .lg\:my-48 { - margin-top: 12rem; - margin-bottom: 12rem; + .xl\:-translate-x-3\.5 { + --tw-translate-x: -0.875rem; } - .lg\:my-52 { - margin-top: 13rem; - margin-bottom: 13rem; + .xl\:translate-x-1\/2 { + --tw-translate-x: 50%; } - .lg\:my-56 { - margin-top: 14rem; - margin-bottom: 14rem; + .xl\:translate-x-1\/3 { + --tw-translate-x: 33.333333%; } - .lg\:my-60 { - margin-top: 15rem; - margin-bottom: 15rem; + .xl\:translate-x-2\/3 { + --tw-translate-x: 66.666667%; } - .lg\:my-64 { - margin-top: 16rem; - margin-bottom: 16rem; + .xl\:translate-x-1\/4 { + --tw-translate-x: 25%; } - .lg\:my-72 { - margin-top: 18rem; - margin-bottom: 18rem; + .xl\:translate-x-2\/4 { + --tw-translate-x: 50%; } - .lg\:my-80 { - margin-top: 20rem; - margin-bottom: 20rem; + .xl\:translate-x-3\/4 { + --tw-translate-x: 75%; } - .lg\:my-96 { - margin-top: 24rem; - margin-bottom: 24rem; + .xl\:translate-x-full { + --tw-translate-x: 100%; } - .lg\:my-auto { - margin-top: auto; - margin-bottom: auto; + .xl\:-translate-x-1\/2 { + --tw-translate-x: -50%; } - .lg\:my-px { - margin-top: 1px; - margin-bottom: 1px; + .xl\:-translate-x-1\/3 { + --tw-translate-x: -33.333333%; + } + + .xl\:-translate-x-2\/3 { + --tw-translate-x: -66.666667%; } - .lg\:my-0\.5 { - margin-top: 0.125rem; - margin-bottom: 0.125rem; + .xl\:-translate-x-1\/4 { + --tw-translate-x: -25%; } - .lg\:my-1\.5 { - margin-top: 0.375rem; - margin-bottom: 0.375rem; + .xl\:-translate-x-2\/4 { + --tw-translate-x: -50%; } - .lg\:my-2\.5 { - margin-top: 0.625rem; - margin-bottom: 0.625rem; + .xl\:-translate-x-3\/4 { + --tw-translate-x: -75%; } - .lg\:my-3\.5 { - margin-top: 0.875rem; - margin-bottom: 0.875rem; + .xl\:-translate-x-full { + --tw-translate-x: -100%; } - .lg\:-my-0 { - margin-top: 0px; - margin-bottom: 0px; + .xl\:translate-y-0 { + --tw-translate-y: 0px; } - .lg\:-my-1 { - margin-top: -0.25rem; - margin-bottom: -0.25rem; + .xl\:translate-y-1 { + --tw-translate-y: 0.25rem; } - .lg\:-my-2 { - margin-top: -0.5rem; - margin-bottom: -0.5rem; + .xl\:translate-y-2 { + --tw-translate-y: 0.5rem; } - .lg\:-my-3 { - margin-top: -0.75rem; - margin-bottom: -0.75rem; + .xl\:translate-y-3 { + --tw-translate-y: 0.75rem; } - .lg\:-my-4 { - margin-top: -1rem; - margin-bottom: -1rem; + .xl\:translate-y-4 { + --tw-translate-y: 1rem; } - .lg\:-my-5 { - margin-top: -1.25rem; - margin-bottom: -1.25rem; + .xl\:translate-y-5 { + --tw-translate-y: 1.25rem; } - .lg\:-my-6 { - margin-top: -1.5rem; - margin-bottom: -1.5rem; + .xl\:translate-y-6 { + --tw-translate-y: 1.5rem; } - .lg\:-my-7 { - margin-top: -1.75rem; - margin-bottom: -1.75rem; + .xl\:translate-y-7 { + --tw-translate-y: 1.75rem; } - .lg\:-my-8 { - margin-top: -2rem; - margin-bottom: -2rem; + .xl\:translate-y-8 { + --tw-translate-y: 2rem; } - .lg\:-my-9 { - margin-top: -2.25rem; - margin-bottom: -2.25rem; + .xl\:translate-y-9 { + --tw-translate-y: 2.25rem; } - .lg\:-my-10 { - margin-top: -2.5rem; - margin-bottom: -2.5rem; + .xl\:translate-y-10 { + --tw-translate-y: 2.5rem; } - .lg\:-my-11 { - margin-top: -2.75rem; - margin-bottom: -2.75rem; + .xl\:translate-y-11 { + --tw-translate-y: 2.75rem; } - .lg\:-my-12 { - margin-top: -3rem; - margin-bottom: -3rem; + .xl\:translate-y-12 { + --tw-translate-y: 3rem; } - .lg\:-my-14 { - margin-top: -3.5rem; - margin-bottom: -3.5rem; + .xl\:translate-y-14 { + --tw-translate-y: 3.5rem; } - .lg\:-my-16 { - margin-top: -4rem; - margin-bottom: -4rem; + .xl\:translate-y-16 { + --tw-translate-y: 4rem; } - .lg\:-my-20 { - margin-top: -5rem; - margin-bottom: -5rem; + .xl\:translate-y-20 { + --tw-translate-y: 5rem; } - .lg\:-my-24 { - margin-top: -6rem; - margin-bottom: -6rem; + .xl\:translate-y-24 { + --tw-translate-y: 6rem; } - .lg\:-my-28 { - margin-top: -7rem; - margin-bottom: -7rem; + .xl\:translate-y-28 { + --tw-translate-y: 7rem; } - .lg\:-my-32 { - margin-top: -8rem; - margin-bottom: -8rem; + .xl\:translate-y-32 { + --tw-translate-y: 8rem; } - .lg\:-my-36 { - margin-top: -9rem; - margin-bottom: -9rem; + .xl\:translate-y-36 { + --tw-translate-y: 9rem; } - .lg\:-my-40 { - margin-top: -10rem; - margin-bottom: -10rem; + .xl\:translate-y-40 { + --tw-translate-y: 10rem; } - .lg\:-my-44 { - margin-top: -11rem; - margin-bottom: -11rem; + .xl\:translate-y-44 { + --tw-translate-y: 11rem; } - .lg\:-my-48 { - margin-top: -12rem; - margin-bottom: -12rem; + .xl\:translate-y-48 { + --tw-translate-y: 12rem; } - .lg\:-my-52 { - margin-top: -13rem; - margin-bottom: -13rem; + .xl\:translate-y-52 { + --tw-translate-y: 13rem; } - .lg\:-my-56 { - margin-top: -14rem; - margin-bottom: -14rem; + .xl\:translate-y-56 { + --tw-translate-y: 14rem; } - .lg\:-my-60 { - margin-top: -15rem; - margin-bottom: -15rem; + .xl\:translate-y-60 { + --tw-translate-y: 15rem; } - .lg\:-my-64 { - margin-top: -16rem; - margin-bottom: -16rem; + .xl\:translate-y-64 { + --tw-translate-y: 16rem; } - .lg\:-my-72 { - margin-top: -18rem; - margin-bottom: -18rem; + .xl\:translate-y-72 { + --tw-translate-y: 18rem; } - .lg\:-my-80 { - margin-top: -20rem; - margin-bottom: -20rem; + .xl\:translate-y-80 { + --tw-translate-y: 20rem; } - .lg\:-my-96 { - margin-top: -24rem; - margin-bottom: -24rem; + .xl\:translate-y-96 { + --tw-translate-y: 24rem; } - .lg\:-my-px { - margin-top: -1px; - margin-bottom: -1px; + .xl\:translate-y-px { + --tw-translate-y: 1px; } - .lg\:-my-0\.5 { - margin-top: -0.125rem; - margin-bottom: -0.125rem; + .xl\:translate-y-0\.5 { + --tw-translate-y: 0.125rem; } - .lg\:-my-1\.5 { - margin-top: -0.375rem; - margin-bottom: -0.375rem; + .xl\:translate-y-1\.5 { + --tw-translate-y: 0.375rem; } - .lg\:-my-2\.5 { - margin-top: -0.625rem; - margin-bottom: -0.625rem; + .xl\:translate-y-2\.5 { + --tw-translate-y: 0.625rem; } - .lg\:-my-3\.5 { - margin-top: -0.875rem; - margin-bottom: -0.875rem; + .xl\:translate-y-3\.5 { + --tw-translate-y: 0.875rem; } - .lg\:mt-0 { - margin-top: 0px; + .xl\:-translate-y-0 { + --tw-translate-y: 0px; } - .lg\:mt-1 { - margin-top: 0.25rem; + .xl\:-translate-y-1 { + --tw-translate-y: -0.25rem; } - .lg\:mt-2 { - margin-top: 0.5rem; + .xl\:-translate-y-2 { + --tw-translate-y: -0.5rem; } - .lg\:mt-3 { - margin-top: 0.75rem; + .xl\:-translate-y-3 { + --tw-translate-y: -0.75rem; } - .lg\:mt-4 { - margin-top: 1rem; + .xl\:-translate-y-4 { + --tw-translate-y: -1rem; } - .lg\:mt-5 { - margin-top: 1.25rem; + .xl\:-translate-y-5 { + --tw-translate-y: -1.25rem; } - .lg\:mt-6 { - margin-top: 1.5rem; + .xl\:-translate-y-6 { + --tw-translate-y: -1.5rem; } - .lg\:mt-7 { - margin-top: 1.75rem; + .xl\:-translate-y-7 { + --tw-translate-y: -1.75rem; } - .lg\:mt-8 { - margin-top: 2rem; + .xl\:-translate-y-8 { + --tw-translate-y: -2rem; } - .lg\:mt-9 { - margin-top: 2.25rem; + .xl\:-translate-y-9 { + --tw-translate-y: -2.25rem; } - .lg\:mt-10 { - margin-top: 2.5rem; + .xl\:-translate-y-10 { + --tw-translate-y: -2.5rem; } - .lg\:mt-11 { - margin-top: 2.75rem; + .xl\:-translate-y-11 { + --tw-translate-y: -2.75rem; } - .lg\:mt-12 { - margin-top: 3rem; + .xl\:-translate-y-12 { + --tw-translate-y: -3rem; } - .lg\:mt-14 { - margin-top: 3.5rem; + .xl\:-translate-y-14 { + --tw-translate-y: -3.5rem; } - .lg\:mt-16 { - margin-top: 4rem; + .xl\:-translate-y-16 { + --tw-translate-y: -4rem; } - .lg\:mt-20 { - margin-top: 5rem; + .xl\:-translate-y-20 { + --tw-translate-y: -5rem; } - .lg\:mt-24 { - margin-top: 6rem; + .xl\:-translate-y-24 { + --tw-translate-y: -6rem; } - .lg\:mt-28 { - margin-top: 7rem; + .xl\:-translate-y-28 { + --tw-translate-y: -7rem; } - .lg\:mt-32 { - margin-top: 8rem; + .xl\:-translate-y-32 { + --tw-translate-y: -8rem; } - .lg\:mt-36 { - margin-top: 9rem; + .xl\:-translate-y-36 { + --tw-translate-y: -9rem; } - .lg\:mt-40 { - margin-top: 10rem; + .xl\:-translate-y-40 { + --tw-translate-y: -10rem; } - .lg\:mt-44 { - margin-top: 11rem; + .xl\:-translate-y-44 { + --tw-translate-y: -11rem; } - .lg\:mt-48 { - margin-top: 12rem; + .xl\:-translate-y-48 { + --tw-translate-y: -12rem; } - .lg\:mt-52 { - margin-top: 13rem; + .xl\:-translate-y-52 { + --tw-translate-y: -13rem; } - .lg\:mt-56 { - margin-top: 14rem; + .xl\:-translate-y-56 { + --tw-translate-y: -14rem; } - .lg\:mt-60 { - margin-top: 15rem; + .xl\:-translate-y-60 { + --tw-translate-y: -15rem; } - .lg\:mt-64 { - margin-top: 16rem; + .xl\:-translate-y-64 { + --tw-translate-y: -16rem; } - .lg\:mt-72 { - margin-top: 18rem; + .xl\:-translate-y-72 { + --tw-translate-y: -18rem; } - .lg\:mt-80 { - margin-top: 20rem; + .xl\:-translate-y-80 { + --tw-translate-y: -20rem; } - .lg\:mt-96 { - margin-top: 24rem; + .xl\:-translate-y-96 { + --tw-translate-y: -24rem; } - .lg\:mt-auto { - margin-top: auto; + .xl\:-translate-y-px { + --tw-translate-y: -1px; } - .lg\:mt-px { - margin-top: 1px; + .xl\:-translate-y-0\.5 { + --tw-translate-y: -0.125rem; } - .lg\:mt-0\.5 { - margin-top: 0.125rem; + .xl\:-translate-y-1\.5 { + --tw-translate-y: -0.375rem; } - .lg\:mt-1\.5 { - margin-top: 0.375rem; + .xl\:-translate-y-2\.5 { + --tw-translate-y: -0.625rem; } - .lg\:mt-2\.5 { - margin-top: 0.625rem; + .xl\:-translate-y-3\.5 { + --tw-translate-y: -0.875rem; } - .lg\:mt-3\.5 { - margin-top: 0.875rem; + .xl\:translate-y-1\/2 { + --tw-translate-y: 50%; } - .lg\:-mt-0 { - margin-top: 0px; + .xl\:translate-y-1\/3 { + --tw-translate-y: 33.333333%; } - .lg\:-mt-1 { - margin-top: -0.25rem; + .xl\:translate-y-2\/3 { + --tw-translate-y: 66.666667%; } - .lg\:-mt-2 { - margin-top: -0.5rem; + .xl\:translate-y-1\/4 { + --tw-translate-y: 25%; } - .lg\:-mt-3 { - margin-top: -0.75rem; + .xl\:translate-y-2\/4 { + --tw-translate-y: 50%; } - .lg\:-mt-4 { - margin-top: -1rem; + .xl\:translate-y-3\/4 { + --tw-translate-y: 75%; } - .lg\:-mt-5 { - margin-top: -1.25rem; + .xl\:translate-y-full { + --tw-translate-y: 100%; } - .lg\:-mt-6 { - margin-top: -1.5rem; + .xl\:-translate-y-1\/2 { + --tw-translate-y: -50%; } - .lg\:-mt-7 { - margin-top: -1.75rem; + .xl\:-translate-y-1\/3 { + --tw-translate-y: -33.333333%; } - .lg\:-mt-8 { - margin-top: -2rem; + .xl\:-translate-y-2\/3 { + --tw-translate-y: -66.666667%; } - .lg\:-mt-9 { - margin-top: -2.25rem; + .xl\:-translate-y-1\/4 { + --tw-translate-y: -25%; } - .lg\:-mt-10 { - margin-top: -2.5rem; + .xl\:-translate-y-2\/4 { + --tw-translate-y: -50%; } - .lg\:-mt-11 { - margin-top: -2.75rem; + .xl\:-translate-y-3\/4 { + --tw-translate-y: -75%; } - .lg\:-mt-12 { - margin-top: -3rem; + .xl\:-translate-y-full { + --tw-translate-y: -100%; } - .lg\:-mt-14 { - margin-top: -3.5rem; + .xl\:hover\:translate-x-0:hover { + --tw-translate-x: 0px; } - .lg\:-mt-16 { - margin-top: -4rem; + .xl\:hover\:translate-x-1:hover { + --tw-translate-x: 0.25rem; } - .lg\:-mt-20 { - margin-top: -5rem; + .xl\:hover\:translate-x-2:hover { + --tw-translate-x: 0.5rem; } - .lg\:-mt-24 { - margin-top: -6rem; + .xl\:hover\:translate-x-3:hover { + --tw-translate-x: 0.75rem; } - .lg\:-mt-28 { - margin-top: -7rem; + .xl\:hover\:translate-x-4:hover { + --tw-translate-x: 1rem; } - .lg\:-mt-32 { - margin-top: -8rem; + .xl\:hover\:translate-x-5:hover { + --tw-translate-x: 1.25rem; } - .lg\:-mt-36 { - margin-top: -9rem; + .xl\:hover\:translate-x-6:hover { + --tw-translate-x: 1.5rem; } - .lg\:-mt-40 { - margin-top: -10rem; + .xl\:hover\:translate-x-7:hover { + --tw-translate-x: 1.75rem; } - .lg\:-mt-44 { - margin-top: -11rem; + .xl\:hover\:translate-x-8:hover { + --tw-translate-x: 2rem; } - .lg\:-mt-48 { - margin-top: -12rem; + .xl\:hover\:translate-x-9:hover { + --tw-translate-x: 2.25rem; } - .lg\:-mt-52 { - margin-top: -13rem; + .xl\:hover\:translate-x-10:hover { + --tw-translate-x: 2.5rem; } - .lg\:-mt-56 { - margin-top: -14rem; + .xl\:hover\:translate-x-11:hover { + --tw-translate-x: 2.75rem; } - .lg\:-mt-60 { - margin-top: -15rem; + .xl\:hover\:translate-x-12:hover { + --tw-translate-x: 3rem; } - .lg\:-mt-64 { - margin-top: -16rem; + .xl\:hover\:translate-x-14:hover { + --tw-translate-x: 3.5rem; } - .lg\:-mt-72 { - margin-top: -18rem; + .xl\:hover\:translate-x-16:hover { + --tw-translate-x: 4rem; } - .lg\:-mt-80 { - margin-top: -20rem; + .xl\:hover\:translate-x-20:hover { + --tw-translate-x: 5rem; } - .lg\:-mt-96 { - margin-top: -24rem; + .xl\:hover\:translate-x-24:hover { + --tw-translate-x: 6rem; } - .lg\:-mt-px { - margin-top: -1px; + .xl\:hover\:translate-x-28:hover { + --tw-translate-x: 7rem; } - .lg\:-mt-0\.5 { - margin-top: -0.125rem; + .xl\:hover\:translate-x-32:hover { + --tw-translate-x: 8rem; } - .lg\:-mt-1\.5 { - margin-top: -0.375rem; + .xl\:hover\:translate-x-36:hover { + --tw-translate-x: 9rem; } - .lg\:-mt-2\.5 { - margin-top: -0.625rem; + .xl\:hover\:translate-x-40:hover { + --tw-translate-x: 10rem; } - .lg\:-mt-3\.5 { - margin-top: -0.875rem; + .xl\:hover\:translate-x-44:hover { + --tw-translate-x: 11rem; } - .lg\:mr-0 { - margin-right: 0px; + .xl\:hover\:translate-x-48:hover { + --tw-translate-x: 12rem; } - .lg\:mr-1 { - margin-right: 0.25rem; + .xl\:hover\:translate-x-52:hover { + --tw-translate-x: 13rem; } - .lg\:mr-2 { - margin-right: 0.5rem; + .xl\:hover\:translate-x-56:hover { + --tw-translate-x: 14rem; } - .lg\:mr-3 { - margin-right: 0.75rem; + .xl\:hover\:translate-x-60:hover { + --tw-translate-x: 15rem; } - .lg\:mr-4 { - margin-right: 1rem; + .xl\:hover\:translate-x-64:hover { + --tw-translate-x: 16rem; } - .lg\:mr-5 { - margin-right: 1.25rem; + .xl\:hover\:translate-x-72:hover { + --tw-translate-x: 18rem; } - .lg\:mr-6 { - margin-right: 1.5rem; + .xl\:hover\:translate-x-80:hover { + --tw-translate-x: 20rem; } - .lg\:mr-7 { - margin-right: 1.75rem; + .xl\:hover\:translate-x-96:hover { + --tw-translate-x: 24rem; } - .lg\:mr-8 { - margin-right: 2rem; + .xl\:hover\:translate-x-px:hover { + --tw-translate-x: 1px; } - .lg\:mr-9 { - margin-right: 2.25rem; + .xl\:hover\:translate-x-0\.5:hover { + --tw-translate-x: 0.125rem; } - .lg\:mr-10 { - margin-right: 2.5rem; + .xl\:hover\:translate-x-1\.5:hover { + --tw-translate-x: 0.375rem; } - .lg\:mr-11 { - margin-right: 2.75rem; + .xl\:hover\:translate-x-2\.5:hover { + --tw-translate-x: 0.625rem; } - .lg\:mr-12 { - margin-right: 3rem; + .xl\:hover\:translate-x-3\.5:hover { + --tw-translate-x: 0.875rem; } - .lg\:mr-14 { - margin-right: 3.5rem; + .xl\:hover\:-translate-x-0:hover { + --tw-translate-x: 0px; } - .lg\:mr-16 { - margin-right: 4rem; + .xl\:hover\:-translate-x-1:hover { + --tw-translate-x: -0.25rem; } - .lg\:mr-20 { - margin-right: 5rem; + .xl\:hover\:-translate-x-2:hover { + --tw-translate-x: -0.5rem; } - .lg\:mr-24 { - margin-right: 6rem; + .xl\:hover\:-translate-x-3:hover { + --tw-translate-x: -0.75rem; } - .lg\:mr-28 { - margin-right: 7rem; + .xl\:hover\:-translate-x-4:hover { + --tw-translate-x: -1rem; } - .lg\:mr-32 { - margin-right: 8rem; + .xl\:hover\:-translate-x-5:hover { + --tw-translate-x: -1.25rem; } - .lg\:mr-36 { - margin-right: 9rem; + .xl\:hover\:-translate-x-6:hover { + --tw-translate-x: -1.5rem; } - .lg\:mr-40 { - margin-right: 10rem; + .xl\:hover\:-translate-x-7:hover { + --tw-translate-x: -1.75rem; } - .lg\:mr-44 { - margin-right: 11rem; + .xl\:hover\:-translate-x-8:hover { + --tw-translate-x: -2rem; } - .lg\:mr-48 { - margin-right: 12rem; + .xl\:hover\:-translate-x-9:hover { + --tw-translate-x: -2.25rem; } - .lg\:mr-52 { - margin-right: 13rem; + .xl\:hover\:-translate-x-10:hover { + --tw-translate-x: -2.5rem; } - .lg\:mr-56 { - margin-right: 14rem; + .xl\:hover\:-translate-x-11:hover { + --tw-translate-x: -2.75rem; } - .lg\:mr-60 { - margin-right: 15rem; + .xl\:hover\:-translate-x-12:hover { + --tw-translate-x: -3rem; } - .lg\:mr-64 { - margin-right: 16rem; + .xl\:hover\:-translate-x-14:hover { + --tw-translate-x: -3.5rem; } - .lg\:mr-72 { - margin-right: 18rem; + .xl\:hover\:-translate-x-16:hover { + --tw-translate-x: -4rem; } - .lg\:mr-80 { - margin-right: 20rem; + .xl\:hover\:-translate-x-20:hover { + --tw-translate-x: -5rem; } - .lg\:mr-96 { - margin-right: 24rem; + .xl\:hover\:-translate-x-24:hover { + --tw-translate-x: -6rem; } - .lg\:mr-auto { - margin-right: auto; + .xl\:hover\:-translate-x-28:hover { + --tw-translate-x: -7rem; } - .lg\:mr-px { - margin-right: 1px; + .xl\:hover\:-translate-x-32:hover { + --tw-translate-x: -8rem; } - .lg\:mr-0\.5 { - margin-right: 0.125rem; + .xl\:hover\:-translate-x-36:hover { + --tw-translate-x: -9rem; } - .lg\:mr-1\.5 { - margin-right: 0.375rem; + .xl\:hover\:-translate-x-40:hover { + --tw-translate-x: -10rem; } - .lg\:mr-2\.5 { - margin-right: 0.625rem; + .xl\:hover\:-translate-x-44:hover { + --tw-translate-x: -11rem; } - .lg\:mr-3\.5 { - margin-right: 0.875rem; + .xl\:hover\:-translate-x-48:hover { + --tw-translate-x: -12rem; } - .lg\:-mr-0 { - margin-right: 0px; + .xl\:hover\:-translate-x-52:hover { + --tw-translate-x: -13rem; } - .lg\:-mr-1 { - margin-right: -0.25rem; + .xl\:hover\:-translate-x-56:hover { + --tw-translate-x: -14rem; } - .lg\:-mr-2 { - margin-right: -0.5rem; + .xl\:hover\:-translate-x-60:hover { + --tw-translate-x: -15rem; } - .lg\:-mr-3 { - margin-right: -0.75rem; + .xl\:hover\:-translate-x-64:hover { + --tw-translate-x: -16rem; } - .lg\:-mr-4 { - margin-right: -1rem; + .xl\:hover\:-translate-x-72:hover { + --tw-translate-x: -18rem; } - .lg\:-mr-5 { - margin-right: -1.25rem; + .xl\:hover\:-translate-x-80:hover { + --tw-translate-x: -20rem; } - .lg\:-mr-6 { - margin-right: -1.5rem; + .xl\:hover\:-translate-x-96:hover { + --tw-translate-x: -24rem; } - .lg\:-mr-7 { - margin-right: -1.75rem; + .xl\:hover\:-translate-x-px:hover { + --tw-translate-x: -1px; } - .lg\:-mr-8 { - margin-right: -2rem; + .xl\:hover\:-translate-x-0\.5:hover { + --tw-translate-x: -0.125rem; } - .lg\:-mr-9 { - margin-right: -2.25rem; + .xl\:hover\:-translate-x-1\.5:hover { + --tw-translate-x: -0.375rem; } - .lg\:-mr-10 { - margin-right: -2.5rem; + .xl\:hover\:-translate-x-2\.5:hover { + --tw-translate-x: -0.625rem; } - .lg\:-mr-11 { - margin-right: -2.75rem; + .xl\:hover\:-translate-x-3\.5:hover { + --tw-translate-x: -0.875rem; } - .lg\:-mr-12 { - margin-right: -3rem; + .xl\:hover\:translate-x-1\/2:hover { + --tw-translate-x: 50%; } - .lg\:-mr-14 { - margin-right: -3.5rem; + .xl\:hover\:translate-x-1\/3:hover { + --tw-translate-x: 33.333333%; } - .lg\:-mr-16 { - margin-right: -4rem; + .xl\:hover\:translate-x-2\/3:hover { + --tw-translate-x: 66.666667%; } - .lg\:-mr-20 { - margin-right: -5rem; + .xl\:hover\:translate-x-1\/4:hover { + --tw-translate-x: 25%; } - .lg\:-mr-24 { - margin-right: -6rem; + .xl\:hover\:translate-x-2\/4:hover { + --tw-translate-x: 50%; } - .lg\:-mr-28 { - margin-right: -7rem; + .xl\:hover\:translate-x-3\/4:hover { + --tw-translate-x: 75%; } - .lg\:-mr-32 { - margin-right: -8rem; + .xl\:hover\:translate-x-full:hover { + --tw-translate-x: 100%; } - .lg\:-mr-36 { - margin-right: -9rem; + .xl\:hover\:-translate-x-1\/2:hover { + --tw-translate-x: -50%; } - .lg\:-mr-40 { - margin-right: -10rem; + .xl\:hover\:-translate-x-1\/3:hover { + --tw-translate-x: -33.333333%; } - .lg\:-mr-44 { - margin-right: -11rem; + .xl\:hover\:-translate-x-2\/3:hover { + --tw-translate-x: -66.666667%; } - .lg\:-mr-48 { - margin-right: -12rem; + .xl\:hover\:-translate-x-1\/4:hover { + --tw-translate-x: -25%; } - .lg\:-mr-52 { - margin-right: -13rem; + .xl\:hover\:-translate-x-2\/4:hover { + --tw-translate-x: -50%; } - .lg\:-mr-56 { - margin-right: -14rem; + .xl\:hover\:-translate-x-3\/4:hover { + --tw-translate-x: -75%; } - .lg\:-mr-60 { - margin-right: -15rem; + .xl\:hover\:-translate-x-full:hover { + --tw-translate-x: -100%; } - .lg\:-mr-64 { - margin-right: -16rem; + .xl\:hover\:translate-y-0:hover { + --tw-translate-y: 0px; } - .lg\:-mr-72 { - margin-right: -18rem; + .xl\:hover\:translate-y-1:hover { + --tw-translate-y: 0.25rem; } - .lg\:-mr-80 { - margin-right: -20rem; + .xl\:hover\:translate-y-2:hover { + --tw-translate-y: 0.5rem; } - .lg\:-mr-96 { - margin-right: -24rem; + .xl\:hover\:translate-y-3:hover { + --tw-translate-y: 0.75rem; } - .lg\:-mr-px { - margin-right: -1px; + .xl\:hover\:translate-y-4:hover { + --tw-translate-y: 1rem; } - .lg\:-mr-0\.5 { - margin-right: -0.125rem; + .xl\:hover\:translate-y-5:hover { + --tw-translate-y: 1.25rem; } - .lg\:-mr-1\.5 { - margin-right: -0.375rem; + .xl\:hover\:translate-y-6:hover { + --tw-translate-y: 1.5rem; } - .lg\:-mr-2\.5 { - margin-right: -0.625rem; + .xl\:hover\:translate-y-7:hover { + --tw-translate-y: 1.75rem; } - .lg\:-mr-3\.5 { - margin-right: -0.875rem; + .xl\:hover\:translate-y-8:hover { + --tw-translate-y: 2rem; } - .lg\:mb-0 { - margin-bottom: 0px; + .xl\:hover\:translate-y-9:hover { + --tw-translate-y: 2.25rem; } - .lg\:mb-1 { - margin-bottom: 0.25rem; + .xl\:hover\:translate-y-10:hover { + --tw-translate-y: 2.5rem; } - .lg\:mb-2 { - margin-bottom: 0.5rem; + .xl\:hover\:translate-y-11:hover { + --tw-translate-y: 2.75rem; } - .lg\:mb-3 { - margin-bottom: 0.75rem; + .xl\:hover\:translate-y-12:hover { + --tw-translate-y: 3rem; } - .lg\:mb-4 { - margin-bottom: 1rem; + .xl\:hover\:translate-y-14:hover { + --tw-translate-y: 3.5rem; } - .lg\:mb-5 { - margin-bottom: 1.25rem; + .xl\:hover\:translate-y-16:hover { + --tw-translate-y: 4rem; } - .lg\:mb-6 { - margin-bottom: 1.5rem; + .xl\:hover\:translate-y-20:hover { + --tw-translate-y: 5rem; } - .lg\:mb-7 { - margin-bottom: 1.75rem; + .xl\:hover\:translate-y-24:hover { + --tw-translate-y: 6rem; } - .lg\:mb-8 { - margin-bottom: 2rem; + .xl\:hover\:translate-y-28:hover { + --tw-translate-y: 7rem; } - .lg\:mb-9 { - margin-bottom: 2.25rem; + .xl\:hover\:translate-y-32:hover { + --tw-translate-y: 8rem; } - .lg\:mb-10 { - margin-bottom: 2.5rem; + .xl\:hover\:translate-y-36:hover { + --tw-translate-y: 9rem; } - .lg\:mb-11 { - margin-bottom: 2.75rem; + .xl\:hover\:translate-y-40:hover { + --tw-translate-y: 10rem; } - .lg\:mb-12 { - margin-bottom: 3rem; + .xl\:hover\:translate-y-44:hover { + --tw-translate-y: 11rem; } - .lg\:mb-14 { - margin-bottom: 3.5rem; + .xl\:hover\:translate-y-48:hover { + --tw-translate-y: 12rem; } - .lg\:mb-16 { - margin-bottom: 4rem; + .xl\:hover\:translate-y-52:hover { + --tw-translate-y: 13rem; } - .lg\:mb-20 { - margin-bottom: 5rem; + .xl\:hover\:translate-y-56:hover { + --tw-translate-y: 14rem; } - .lg\:mb-24 { - margin-bottom: 6rem; + .xl\:hover\:translate-y-60:hover { + --tw-translate-y: 15rem; } - .lg\:mb-28 { - margin-bottom: 7rem; + .xl\:hover\:translate-y-64:hover { + --tw-translate-y: 16rem; } - .lg\:mb-32 { - margin-bottom: 8rem; + .xl\:hover\:translate-y-72:hover { + --tw-translate-y: 18rem; } - .lg\:mb-36 { - margin-bottom: 9rem; + .xl\:hover\:translate-y-80:hover { + --tw-translate-y: 20rem; } - .lg\:mb-40 { - margin-bottom: 10rem; + .xl\:hover\:translate-y-96:hover { + --tw-translate-y: 24rem; } - .lg\:mb-44 { - margin-bottom: 11rem; + .xl\:hover\:translate-y-px:hover { + --tw-translate-y: 1px; } - .lg\:mb-48 { - margin-bottom: 12rem; + .xl\:hover\:translate-y-0\.5:hover { + --tw-translate-y: 0.125rem; } - .lg\:mb-52 { - margin-bottom: 13rem; + .xl\:hover\:translate-y-1\.5:hover { + --tw-translate-y: 0.375rem; } - .lg\:mb-56 { - margin-bottom: 14rem; + .xl\:hover\:translate-y-2\.5:hover { + --tw-translate-y: 0.625rem; } - .lg\:mb-60 { - margin-bottom: 15rem; + .xl\:hover\:translate-y-3\.5:hover { + --tw-translate-y: 0.875rem; } - .lg\:mb-64 { - margin-bottom: 16rem; + .xl\:hover\:-translate-y-0:hover { + --tw-translate-y: 0px; } - .lg\:mb-72 { - margin-bottom: 18rem; + .xl\:hover\:-translate-y-1:hover { + --tw-translate-y: -0.25rem; } - .lg\:mb-80 { - margin-bottom: 20rem; + .xl\:hover\:-translate-y-2:hover { + --tw-translate-y: -0.5rem; } - .lg\:mb-96 { - margin-bottom: 24rem; + .xl\:hover\:-translate-y-3:hover { + --tw-translate-y: -0.75rem; } - .lg\:mb-auto { - margin-bottom: auto; + .xl\:hover\:-translate-y-4:hover { + --tw-translate-y: -1rem; } - .lg\:mb-px { - margin-bottom: 1px; + .xl\:hover\:-translate-y-5:hover { + --tw-translate-y: -1.25rem; } - .lg\:mb-0\.5 { - margin-bottom: 0.125rem; + .xl\:hover\:-translate-y-6:hover { + --tw-translate-y: -1.5rem; } - .lg\:mb-1\.5 { - margin-bottom: 0.375rem; + .xl\:hover\:-translate-y-7:hover { + --tw-translate-y: -1.75rem; } - .lg\:mb-2\.5 { - margin-bottom: 0.625rem; + .xl\:hover\:-translate-y-8:hover { + --tw-translate-y: -2rem; } - .lg\:mb-3\.5 { - margin-bottom: 0.875rem; + .xl\:hover\:-translate-y-9:hover { + --tw-translate-y: -2.25rem; } - .lg\:-mb-0 { - margin-bottom: 0px; + .xl\:hover\:-translate-y-10:hover { + --tw-translate-y: -2.5rem; } - .lg\:-mb-1 { - margin-bottom: -0.25rem; + .xl\:hover\:-translate-y-11:hover { + --tw-translate-y: -2.75rem; } - .lg\:-mb-2 { - margin-bottom: -0.5rem; + .xl\:hover\:-translate-y-12:hover { + --tw-translate-y: -3rem; } - .lg\:-mb-3 { - margin-bottom: -0.75rem; + .xl\:hover\:-translate-y-14:hover { + --tw-translate-y: -3.5rem; } - .lg\:-mb-4 { - margin-bottom: -1rem; + .xl\:hover\:-translate-y-16:hover { + --tw-translate-y: -4rem; } - .lg\:-mb-5 { - margin-bottom: -1.25rem; + .xl\:hover\:-translate-y-20:hover { + --tw-translate-y: -5rem; } - .lg\:-mb-6 { - margin-bottom: -1.5rem; + .xl\:hover\:-translate-y-24:hover { + --tw-translate-y: -6rem; } - .lg\:-mb-7 { - margin-bottom: -1.75rem; + .xl\:hover\:-translate-y-28:hover { + --tw-translate-y: -7rem; } - .lg\:-mb-8 { - margin-bottom: -2rem; + .xl\:hover\:-translate-y-32:hover { + --tw-translate-y: -8rem; } - .lg\:-mb-9 { - margin-bottom: -2.25rem; + .xl\:hover\:-translate-y-36:hover { + --tw-translate-y: -9rem; } - .lg\:-mb-10 { - margin-bottom: -2.5rem; + .xl\:hover\:-translate-y-40:hover { + --tw-translate-y: -10rem; } - .lg\:-mb-11 { - margin-bottom: -2.75rem; + .xl\:hover\:-translate-y-44:hover { + --tw-translate-y: -11rem; } - .lg\:-mb-12 { - margin-bottom: -3rem; + .xl\:hover\:-translate-y-48:hover { + --tw-translate-y: -12rem; } - .lg\:-mb-14 { - margin-bottom: -3.5rem; + .xl\:hover\:-translate-y-52:hover { + --tw-translate-y: -13rem; } - .lg\:-mb-16 { - margin-bottom: -4rem; + .xl\:hover\:-translate-y-56:hover { + --tw-translate-y: -14rem; } - .lg\:-mb-20 { - margin-bottom: -5rem; + .xl\:hover\:-translate-y-60:hover { + --tw-translate-y: -15rem; } - .lg\:-mb-24 { - margin-bottom: -6rem; + .xl\:hover\:-translate-y-64:hover { + --tw-translate-y: -16rem; } - .lg\:-mb-28 { - margin-bottom: -7rem; + .xl\:hover\:-translate-y-72:hover { + --tw-translate-y: -18rem; } - .lg\:-mb-32 { - margin-bottom: -8rem; + .xl\:hover\:-translate-y-80:hover { + --tw-translate-y: -20rem; } - .lg\:-mb-36 { - margin-bottom: -9rem; + .xl\:hover\:-translate-y-96:hover { + --tw-translate-y: -24rem; } - .lg\:-mb-40 { - margin-bottom: -10rem; + .xl\:hover\:-translate-y-px:hover { + --tw-translate-y: -1px; } - .lg\:-mb-44 { - margin-bottom: -11rem; + .xl\:hover\:-translate-y-0\.5:hover { + --tw-translate-y: -0.125rem; } - .lg\:-mb-48 { - margin-bottom: -12rem; + .xl\:hover\:-translate-y-1\.5:hover { + --tw-translate-y: -0.375rem; } - .lg\:-mb-52 { - margin-bottom: -13rem; + .xl\:hover\:-translate-y-2\.5:hover { + --tw-translate-y: -0.625rem; } - .lg\:-mb-56 { - margin-bottom: -14rem; + .xl\:hover\:-translate-y-3\.5:hover { + --tw-translate-y: -0.875rem; } - .lg\:-mb-60 { - margin-bottom: -15rem; + .xl\:hover\:translate-y-1\/2:hover { + --tw-translate-y: 50%; } - .lg\:-mb-64 { - margin-bottom: -16rem; + .xl\:hover\:translate-y-1\/3:hover { + --tw-translate-y: 33.333333%; } - .lg\:-mb-72 { - margin-bottom: -18rem; + .xl\:hover\:translate-y-2\/3:hover { + --tw-translate-y: 66.666667%; } - .lg\:-mb-80 { - margin-bottom: -20rem; + .xl\:hover\:translate-y-1\/4:hover { + --tw-translate-y: 25%; } - .lg\:-mb-96 { - margin-bottom: -24rem; + .xl\:hover\:translate-y-2\/4:hover { + --tw-translate-y: 50%; } - .lg\:-mb-px { - margin-bottom: -1px; + .xl\:hover\:translate-y-3\/4:hover { + --tw-translate-y: 75%; } - .lg\:-mb-0\.5 { - margin-bottom: -0.125rem; + .xl\:hover\:translate-y-full:hover { + --tw-translate-y: 100%; } - .lg\:-mb-1\.5 { - margin-bottom: -0.375rem; + .xl\:hover\:-translate-y-1\/2:hover { + --tw-translate-y: -50%; } - .lg\:-mb-2\.5 { - margin-bottom: -0.625rem; + .xl\:hover\:-translate-y-1\/3:hover { + --tw-translate-y: -33.333333%; } - .lg\:-mb-3\.5 { - margin-bottom: -0.875rem; + .xl\:hover\:-translate-y-2\/3:hover { + --tw-translate-y: -66.666667%; } - .lg\:ml-0 { - margin-left: 0px; + .xl\:hover\:-translate-y-1\/4:hover { + --tw-translate-y: -25%; } - .lg\:ml-1 { - margin-left: 0.25rem; + .xl\:hover\:-translate-y-2\/4:hover { + --tw-translate-y: -50%; } - .lg\:ml-2 { - margin-left: 0.5rem; + .xl\:hover\:-translate-y-3\/4:hover { + --tw-translate-y: -75%; } - .lg\:ml-3 { - margin-left: 0.75rem; + .xl\:hover\:-translate-y-full:hover { + --tw-translate-y: -100%; } - .lg\:ml-4 { - margin-left: 1rem; + .xl\:focus\:translate-x-0:focus { + --tw-translate-x: 0px; } - .lg\:ml-5 { - margin-left: 1.25rem; + .xl\:focus\:translate-x-1:focus { + --tw-translate-x: 0.25rem; } - .lg\:ml-6 { - margin-left: 1.5rem; + .xl\:focus\:translate-x-2:focus { + --tw-translate-x: 0.5rem; } - .lg\:ml-7 { - margin-left: 1.75rem; + .xl\:focus\:translate-x-3:focus { + --tw-translate-x: 0.75rem; } - .lg\:ml-8 { - margin-left: 2rem; + .xl\:focus\:translate-x-4:focus { + --tw-translate-x: 1rem; } - .lg\:ml-9 { - margin-left: 2.25rem; + .xl\:focus\:translate-x-5:focus { + --tw-translate-x: 1.25rem; } - .lg\:ml-10 { - margin-left: 2.5rem; + .xl\:focus\:translate-x-6:focus { + --tw-translate-x: 1.5rem; } - .lg\:ml-11 { - margin-left: 2.75rem; + .xl\:focus\:translate-x-7:focus { + --tw-translate-x: 1.75rem; } - .lg\:ml-12 { - margin-left: 3rem; + .xl\:focus\:translate-x-8:focus { + --tw-translate-x: 2rem; } - .lg\:ml-14 { - margin-left: 3.5rem; + .xl\:focus\:translate-x-9:focus { + --tw-translate-x: 2.25rem; } - .lg\:ml-16 { - margin-left: 4rem; + .xl\:focus\:translate-x-10:focus { + --tw-translate-x: 2.5rem; } - .lg\:ml-20 { - margin-left: 5rem; + .xl\:focus\:translate-x-11:focus { + --tw-translate-x: 2.75rem; } - .lg\:ml-24 { - margin-left: 6rem; + .xl\:focus\:translate-x-12:focus { + --tw-translate-x: 3rem; } - .lg\:ml-28 { - margin-left: 7rem; + .xl\:focus\:translate-x-14:focus { + --tw-translate-x: 3.5rem; } - .lg\:ml-32 { - margin-left: 8rem; + .xl\:focus\:translate-x-16:focus { + --tw-translate-x: 4rem; } - .lg\:ml-36 { - margin-left: 9rem; + .xl\:focus\:translate-x-20:focus { + --tw-translate-x: 5rem; } - .lg\:ml-40 { - margin-left: 10rem; + .xl\:focus\:translate-x-24:focus { + --tw-translate-x: 6rem; } - .lg\:ml-44 { - margin-left: 11rem; + .xl\:focus\:translate-x-28:focus { + --tw-translate-x: 7rem; } - .lg\:ml-48 { - margin-left: 12rem; + .xl\:focus\:translate-x-32:focus { + --tw-translate-x: 8rem; } - .lg\:ml-52 { - margin-left: 13rem; + .xl\:focus\:translate-x-36:focus { + --tw-translate-x: 9rem; } - .lg\:ml-56 { - margin-left: 14rem; + .xl\:focus\:translate-x-40:focus { + --tw-translate-x: 10rem; } - .lg\:ml-60 { - margin-left: 15rem; + .xl\:focus\:translate-x-44:focus { + --tw-translate-x: 11rem; } - .lg\:ml-64 { - margin-left: 16rem; + .xl\:focus\:translate-x-48:focus { + --tw-translate-x: 12rem; } - .lg\:ml-72 { - margin-left: 18rem; + .xl\:focus\:translate-x-52:focus { + --tw-translate-x: 13rem; } - .lg\:ml-80 { - margin-left: 20rem; + .xl\:focus\:translate-x-56:focus { + --tw-translate-x: 14rem; } - .lg\:ml-96 { - margin-left: 24rem; + .xl\:focus\:translate-x-60:focus { + --tw-translate-x: 15rem; } - .lg\:ml-auto { - margin-left: auto; + .xl\:focus\:translate-x-64:focus { + --tw-translate-x: 16rem; } - .lg\:ml-px { - margin-left: 1px; + .xl\:focus\:translate-x-72:focus { + --tw-translate-x: 18rem; } - .lg\:ml-0\.5 { - margin-left: 0.125rem; + .xl\:focus\:translate-x-80:focus { + --tw-translate-x: 20rem; } - .lg\:ml-1\.5 { - margin-left: 0.375rem; + .xl\:focus\:translate-x-96:focus { + --tw-translate-x: 24rem; } - .lg\:ml-2\.5 { - margin-left: 0.625rem; + .xl\:focus\:translate-x-px:focus { + --tw-translate-x: 1px; } - .lg\:ml-3\.5 { - margin-left: 0.875rem; + .xl\:focus\:translate-x-0\.5:focus { + --tw-translate-x: 0.125rem; } - .lg\:-ml-0 { - margin-left: 0px; + .xl\:focus\:translate-x-1\.5:focus { + --tw-translate-x: 0.375rem; } - .lg\:-ml-1 { - margin-left: -0.25rem; + .xl\:focus\:translate-x-2\.5:focus { + --tw-translate-x: 0.625rem; } - .lg\:-ml-2 { - margin-left: -0.5rem; + .xl\:focus\:translate-x-3\.5:focus { + --tw-translate-x: 0.875rem; } - .lg\:-ml-3 { - margin-left: -0.75rem; + .xl\:focus\:-translate-x-0:focus { + --tw-translate-x: 0px; } - .lg\:-ml-4 { - margin-left: -1rem; + .xl\:focus\:-translate-x-1:focus { + --tw-translate-x: -0.25rem; } - .lg\:-ml-5 { - margin-left: -1.25rem; + .xl\:focus\:-translate-x-2:focus { + --tw-translate-x: -0.5rem; } - .lg\:-ml-6 { - margin-left: -1.5rem; + .xl\:focus\:-translate-x-3:focus { + --tw-translate-x: -0.75rem; } - .lg\:-ml-7 { - margin-left: -1.75rem; + .xl\:focus\:-translate-x-4:focus { + --tw-translate-x: -1rem; } - .lg\:-ml-8 { - margin-left: -2rem; + .xl\:focus\:-translate-x-5:focus { + --tw-translate-x: -1.25rem; } - .lg\:-ml-9 { - margin-left: -2.25rem; + .xl\:focus\:-translate-x-6:focus { + --tw-translate-x: -1.5rem; } - .lg\:-ml-10 { - margin-left: -2.5rem; + .xl\:focus\:-translate-x-7:focus { + --tw-translate-x: -1.75rem; } - .lg\:-ml-11 { - margin-left: -2.75rem; + .xl\:focus\:-translate-x-8:focus { + --tw-translate-x: -2rem; } - .lg\:-ml-12 { - margin-left: -3rem; + .xl\:focus\:-translate-x-9:focus { + --tw-translate-x: -2.25rem; } - .lg\:-ml-14 { - margin-left: -3.5rem; + .xl\:focus\:-translate-x-10:focus { + --tw-translate-x: -2.5rem; } - .lg\:-ml-16 { - margin-left: -4rem; + .xl\:focus\:-translate-x-11:focus { + --tw-translate-x: -2.75rem; } - .lg\:-ml-20 { - margin-left: -5rem; + .xl\:focus\:-translate-x-12:focus { + --tw-translate-x: -3rem; } - .lg\:-ml-24 { - margin-left: -6rem; + .xl\:focus\:-translate-x-14:focus { + --tw-translate-x: -3.5rem; } - .lg\:-ml-28 { - margin-left: -7rem; + .xl\:focus\:-translate-x-16:focus { + --tw-translate-x: -4rem; } - .lg\:-ml-32 { - margin-left: -8rem; + .xl\:focus\:-translate-x-20:focus { + --tw-translate-x: -5rem; } - .lg\:-ml-36 { - margin-left: -9rem; + .xl\:focus\:-translate-x-24:focus { + --tw-translate-x: -6rem; } - .lg\:-ml-40 { - margin-left: -10rem; + .xl\:focus\:-translate-x-28:focus { + --tw-translate-x: -7rem; } - .lg\:-ml-44 { - margin-left: -11rem; + .xl\:focus\:-translate-x-32:focus { + --tw-translate-x: -8rem; } - .lg\:-ml-48 { - margin-left: -12rem; + .xl\:focus\:-translate-x-36:focus { + --tw-translate-x: -9rem; } - .lg\:-ml-52 { - margin-left: -13rem; + .xl\:focus\:-translate-x-40:focus { + --tw-translate-x: -10rem; } - .lg\:-ml-56 { - margin-left: -14rem; + .xl\:focus\:-translate-x-44:focus { + --tw-translate-x: -11rem; } - .lg\:-ml-60 { - margin-left: -15rem; + .xl\:focus\:-translate-x-48:focus { + --tw-translate-x: -12rem; } - .lg\:-ml-64 { - margin-left: -16rem; + .xl\:focus\:-translate-x-52:focus { + --tw-translate-x: -13rem; } - .lg\:-ml-72 { - margin-left: -18rem; + .xl\:focus\:-translate-x-56:focus { + --tw-translate-x: -14rem; } - .lg\:-ml-80 { - margin-left: -20rem; + .xl\:focus\:-translate-x-60:focus { + --tw-translate-x: -15rem; } - .lg\:-ml-96 { - margin-left: -24rem; + .xl\:focus\:-translate-x-64:focus { + --tw-translate-x: -16rem; } - .lg\:-ml-px { - margin-left: -1px; + .xl\:focus\:-translate-x-72:focus { + --tw-translate-x: -18rem; } - .lg\:-ml-0\.5 { - margin-left: -0.125rem; + .xl\:focus\:-translate-x-80:focus { + --tw-translate-x: -20rem; } - .lg\:-ml-1\.5 { - margin-left: -0.375rem; + .xl\:focus\:-translate-x-96:focus { + --tw-translate-x: -24rem; } - .lg\:-ml-2\.5 { - margin-left: -0.625rem; + .xl\:focus\:-translate-x-px:focus { + --tw-translate-x: -1px; } - .lg\:-ml-3\.5 { - margin-left: -0.875rem; + .xl\:focus\:-translate-x-0\.5:focus { + --tw-translate-x: -0.125rem; } - .lg\:box-border { - box-sizing: border-box; + .xl\:focus\:-translate-x-1\.5:focus { + --tw-translate-x: -0.375rem; } - .lg\:box-content { - box-sizing: content-box; + .xl\:focus\:-translate-x-2\.5:focus { + --tw-translate-x: -0.625rem; } - .lg\:block { - display: block; + .xl\:focus\:-translate-x-3\.5:focus { + --tw-translate-x: -0.875rem; } - .lg\:inline-block { - display: inline-block; + .xl\:focus\:translate-x-1\/2:focus { + --tw-translate-x: 50%; } - .lg\:inline { - display: inline; + .xl\:focus\:translate-x-1\/3:focus { + --tw-translate-x: 33.333333%; } - .lg\:flex { - display: flex; + .xl\:focus\:translate-x-2\/3:focus { + --tw-translate-x: 66.666667%; } - .lg\:inline-flex { - display: inline-flex; + .xl\:focus\:translate-x-1\/4:focus { + --tw-translate-x: 25%; } - .lg\:table { - display: table; + .xl\:focus\:translate-x-2\/4:focus { + --tw-translate-x: 50%; } - .lg\:inline-table { - display: inline-table; + .xl\:focus\:translate-x-3\/4:focus { + --tw-translate-x: 75%; } - .lg\:table-caption { - display: table-caption; + .xl\:focus\:translate-x-full:focus { + --tw-translate-x: 100%; } - .lg\:table-cell { - display: table-cell; + .xl\:focus\:-translate-x-1\/2:focus { + --tw-translate-x: -50%; } - .lg\:table-column { - display: table-column; + .xl\:focus\:-translate-x-1\/3:focus { + --tw-translate-x: -33.333333%; } - .lg\:table-column-group { - display: table-column-group; + .xl\:focus\:-translate-x-2\/3:focus { + --tw-translate-x: -66.666667%; } - .lg\:table-footer-group { - display: table-footer-group; + .xl\:focus\:-translate-x-1\/4:focus { + --tw-translate-x: -25%; } - .lg\:table-header-group { - display: table-header-group; + .xl\:focus\:-translate-x-2\/4:focus { + --tw-translate-x: -50%; } - .lg\:table-row-group { - display: table-row-group; + .xl\:focus\:-translate-x-3\/4:focus { + --tw-translate-x: -75%; } - .lg\:table-row { - display: table-row; + .xl\:focus\:-translate-x-full:focus { + --tw-translate-x: -100%; } - .lg\:flow-root { - display: flow-root; + .xl\:focus\:translate-y-0:focus { + --tw-translate-y: 0px; } - .lg\:grid { - display: grid; + .xl\:focus\:translate-y-1:focus { + --tw-translate-y: 0.25rem; } - .lg\:inline-grid { - display: inline-grid; + .xl\:focus\:translate-y-2:focus { + --tw-translate-y: 0.5rem; } - .lg\:contents { - display: contents; + .xl\:focus\:translate-y-3:focus { + --tw-translate-y: 0.75rem; } - .lg\:list-item { - display: list-item; + .xl\:focus\:translate-y-4:focus { + --tw-translate-y: 1rem; } - .lg\:hidden { - display: none; + .xl\:focus\:translate-y-5:focus { + --tw-translate-y: 1.25rem; } - .lg\:h-0 { - height: 0px; + .xl\:focus\:translate-y-6:focus { + --tw-translate-y: 1.5rem; } - .lg\:h-1 { - height: 0.25rem; + .xl\:focus\:translate-y-7:focus { + --tw-translate-y: 1.75rem; } - .lg\:h-2 { - height: 0.5rem; + .xl\:focus\:translate-y-8:focus { + --tw-translate-y: 2rem; } - .lg\:h-3 { - height: 0.75rem; + .xl\:focus\:translate-y-9:focus { + --tw-translate-y: 2.25rem; } - .lg\:h-4 { - height: 1rem; + .xl\:focus\:translate-y-10:focus { + --tw-translate-y: 2.5rem; } - .lg\:h-5 { - height: 1.25rem; + .xl\:focus\:translate-y-11:focus { + --tw-translate-y: 2.75rem; } - .lg\:h-6 { - height: 1.5rem; + .xl\:focus\:translate-y-12:focus { + --tw-translate-y: 3rem; } - .lg\:h-7 { - height: 1.75rem; + .xl\:focus\:translate-y-14:focus { + --tw-translate-y: 3.5rem; } - .lg\:h-8 { - height: 2rem; + .xl\:focus\:translate-y-16:focus { + --tw-translate-y: 4rem; } - .lg\:h-9 { - height: 2.25rem; + .xl\:focus\:translate-y-20:focus { + --tw-translate-y: 5rem; } - .lg\:h-10 { - height: 2.5rem; + .xl\:focus\:translate-y-24:focus { + --tw-translate-y: 6rem; } - .lg\:h-11 { - height: 2.75rem; + .xl\:focus\:translate-y-28:focus { + --tw-translate-y: 7rem; } - .lg\:h-12 { - height: 3rem; + .xl\:focus\:translate-y-32:focus { + --tw-translate-y: 8rem; } - .lg\:h-14 { - height: 3.5rem; + .xl\:focus\:translate-y-36:focus { + --tw-translate-y: 9rem; } - .lg\:h-16 { - height: 4rem; + .xl\:focus\:translate-y-40:focus { + --tw-translate-y: 10rem; } - .lg\:h-20 { - height: 5rem; + .xl\:focus\:translate-y-44:focus { + --tw-translate-y: 11rem; } - .lg\:h-24 { - height: 6rem; + .xl\:focus\:translate-y-48:focus { + --tw-translate-y: 12rem; } - .lg\:h-28 { - height: 7rem; + .xl\:focus\:translate-y-52:focus { + --tw-translate-y: 13rem; } - .lg\:h-32 { - height: 8rem; + .xl\:focus\:translate-y-56:focus { + --tw-translate-y: 14rem; } - .lg\:h-36 { - height: 9rem; + .xl\:focus\:translate-y-60:focus { + --tw-translate-y: 15rem; } - .lg\:h-40 { - height: 10rem; + .xl\:focus\:translate-y-64:focus { + --tw-translate-y: 16rem; } - .lg\:h-44 { - height: 11rem; + .xl\:focus\:translate-y-72:focus { + --tw-translate-y: 18rem; } - .lg\:h-48 { - height: 12rem; + .xl\:focus\:translate-y-80:focus { + --tw-translate-y: 20rem; } - .lg\:h-52 { - height: 13rem; + .xl\:focus\:translate-y-96:focus { + --tw-translate-y: 24rem; } - .lg\:h-56 { - height: 14rem; + .xl\:focus\:translate-y-px:focus { + --tw-translate-y: 1px; } - .lg\:h-60 { - height: 15rem; + .xl\:focus\:translate-y-0\.5:focus { + --tw-translate-y: 0.125rem; } - .lg\:h-64 { - height: 16rem; + .xl\:focus\:translate-y-1\.5:focus { + --tw-translate-y: 0.375rem; } - .lg\:h-72 { - height: 18rem; + .xl\:focus\:translate-y-2\.5:focus { + --tw-translate-y: 0.625rem; } - .lg\:h-80 { - height: 20rem; + .xl\:focus\:translate-y-3\.5:focus { + --tw-translate-y: 0.875rem; } - .lg\:h-96 { - height: 24rem; + .xl\:focus\:-translate-y-0:focus { + --tw-translate-y: 0px; } - .lg\:h-auto { - height: auto; + .xl\:focus\:-translate-y-1:focus { + --tw-translate-y: -0.25rem; } - .lg\:h-px { - height: 1px; + .xl\:focus\:-translate-y-2:focus { + --tw-translate-y: -0.5rem; } - .lg\:h-0\.5 { - height: 0.125rem; + .xl\:focus\:-translate-y-3:focus { + --tw-translate-y: -0.75rem; } - .lg\:h-1\.5 { - height: 0.375rem; + .xl\:focus\:-translate-y-4:focus { + --tw-translate-y: -1rem; } - .lg\:h-2\.5 { - height: 0.625rem; + .xl\:focus\:-translate-y-5:focus { + --tw-translate-y: -1.25rem; } - .lg\:h-3\.5 { - height: 0.875rem; + .xl\:focus\:-translate-y-6:focus { + --tw-translate-y: -1.5rem; } - .lg\:h-1\/2 { - height: 50%; + .xl\:focus\:-translate-y-7:focus { + --tw-translate-y: -1.75rem; } - .lg\:h-1\/3 { - height: 33.333333%; + .xl\:focus\:-translate-y-8:focus { + --tw-translate-y: -2rem; } - .lg\:h-2\/3 { - height: 66.666667%; + .xl\:focus\:-translate-y-9:focus { + --tw-translate-y: -2.25rem; } - .lg\:h-1\/4 { - height: 25%; + .xl\:focus\:-translate-y-10:focus { + --tw-translate-y: -2.5rem; } - .lg\:h-2\/4 { - height: 50%; + .xl\:focus\:-translate-y-11:focus { + --tw-translate-y: -2.75rem; } - .lg\:h-3\/4 { - height: 75%; + .xl\:focus\:-translate-y-12:focus { + --tw-translate-y: -3rem; } - .lg\:h-1\/5 { - height: 20%; + .xl\:focus\:-translate-y-14:focus { + --tw-translate-y: -3.5rem; } - .lg\:h-2\/5 { - height: 40%; + .xl\:focus\:-translate-y-16:focus { + --tw-translate-y: -4rem; } - .lg\:h-3\/5 { - height: 60%; + .xl\:focus\:-translate-y-20:focus { + --tw-translate-y: -5rem; } - .lg\:h-4\/5 { - height: 80%; + .xl\:focus\:-translate-y-24:focus { + --tw-translate-y: -6rem; } - .lg\:h-1\/6 { - height: 16.666667%; + .xl\:focus\:-translate-y-28:focus { + --tw-translate-y: -7rem; } - .lg\:h-2\/6 { - height: 33.333333%; + .xl\:focus\:-translate-y-32:focus { + --tw-translate-y: -8rem; } - .lg\:h-3\/6 { - height: 50%; + .xl\:focus\:-translate-y-36:focus { + --tw-translate-y: -9rem; } - .lg\:h-4\/6 { - height: 66.666667%; + .xl\:focus\:-translate-y-40:focus { + --tw-translate-y: -10rem; } - .lg\:h-5\/6 { - height: 83.333333%; + .xl\:focus\:-translate-y-44:focus { + --tw-translate-y: -11rem; } - .lg\:h-full { - height: 100%; + .xl\:focus\:-translate-y-48:focus { + --tw-translate-y: -12rem; } - .lg\:h-screen { - height: 100vh; + .xl\:focus\:-translate-y-52:focus { + --tw-translate-y: -13rem; } - .lg\:max-h-0 { - max-height: 0px; + .xl\:focus\:-translate-y-56:focus { + --tw-translate-y: -14rem; } - .lg\:max-h-1 { - max-height: 0.25rem; + .xl\:focus\:-translate-y-60:focus { + --tw-translate-y: -15rem; } - .lg\:max-h-2 { - max-height: 0.5rem; + .xl\:focus\:-translate-y-64:focus { + --tw-translate-y: -16rem; } - .lg\:max-h-3 { - max-height: 0.75rem; + .xl\:focus\:-translate-y-72:focus { + --tw-translate-y: -18rem; } - .lg\:max-h-4 { - max-height: 1rem; + .xl\:focus\:-translate-y-80:focus { + --tw-translate-y: -20rem; } - .lg\:max-h-5 { - max-height: 1.25rem; + .xl\:focus\:-translate-y-96:focus { + --tw-translate-y: -24rem; } - .lg\:max-h-6 { - max-height: 1.5rem; + .xl\:focus\:-translate-y-px:focus { + --tw-translate-y: -1px; } - .lg\:max-h-7 { - max-height: 1.75rem; + .xl\:focus\:-translate-y-0\.5:focus { + --tw-translate-y: -0.125rem; } - .lg\:max-h-8 { - max-height: 2rem; + .xl\:focus\:-translate-y-1\.5:focus { + --tw-translate-y: -0.375rem; } - .lg\:max-h-9 { - max-height: 2.25rem; + .xl\:focus\:-translate-y-2\.5:focus { + --tw-translate-y: -0.625rem; } - .lg\:max-h-10 { - max-height: 2.5rem; + .xl\:focus\:-translate-y-3\.5:focus { + --tw-translate-y: -0.875rem; } - .lg\:max-h-11 { - max-height: 2.75rem; + .xl\:focus\:translate-y-1\/2:focus { + --tw-translate-y: 50%; } - .lg\:max-h-12 { - max-height: 3rem; + .xl\:focus\:translate-y-1\/3:focus { + --tw-translate-y: 33.333333%; } - .lg\:max-h-14 { - max-height: 3.5rem; + .xl\:focus\:translate-y-2\/3:focus { + --tw-translate-y: 66.666667%; } - .lg\:max-h-16 { - max-height: 4rem; + .xl\:focus\:translate-y-1\/4:focus { + --tw-translate-y: 25%; } - .lg\:max-h-20 { - max-height: 5rem; + .xl\:focus\:translate-y-2\/4:focus { + --tw-translate-y: 50%; } - .lg\:max-h-24 { - max-height: 6rem; + .xl\:focus\:translate-y-3\/4:focus { + --tw-translate-y: 75%; } - .lg\:max-h-28 { - max-height: 7rem; + .xl\:focus\:translate-y-full:focus { + --tw-translate-y: 100%; } - .lg\:max-h-32 { - max-height: 8rem; + .xl\:focus\:-translate-y-1\/2:focus { + --tw-translate-y: -50%; } - .lg\:max-h-36 { - max-height: 9rem; + .xl\:focus\:-translate-y-1\/3:focus { + --tw-translate-y: -33.333333%; } - .lg\:max-h-40 { - max-height: 10rem; + .xl\:focus\:-translate-y-2\/3:focus { + --tw-translate-y: -66.666667%; } - .lg\:max-h-44 { - max-height: 11rem; + .xl\:focus\:-translate-y-1\/4:focus { + --tw-translate-y: -25%; } - .lg\:max-h-48 { - max-height: 12rem; + .xl\:focus\:-translate-y-2\/4:focus { + --tw-translate-y: -50%; } - .lg\:max-h-52 { - max-height: 13rem; + .xl\:focus\:-translate-y-3\/4:focus { + --tw-translate-y: -75%; } - .lg\:max-h-56 { - max-height: 14rem; + .xl\:focus\:-translate-y-full:focus { + --tw-translate-y: -100%; } - .lg\:max-h-60 { - max-height: 15rem; + .xl\:rotate-0 { + --tw-rotate: 0deg; } - .lg\:max-h-64 { - max-height: 16rem; + .xl\:rotate-1 { + --tw-rotate: 1deg; } - .lg\:max-h-72 { - max-height: 18rem; + .xl\:rotate-2 { + --tw-rotate: 2deg; } - .lg\:max-h-80 { - max-height: 20rem; + .xl\:rotate-3 { + --tw-rotate: 3deg; } - .lg\:max-h-96 { - max-height: 24rem; + .xl\:rotate-6 { + --tw-rotate: 6deg; } - .lg\:max-h-px { - max-height: 1px; + .xl\:rotate-12 { + --tw-rotate: 12deg; } - .lg\:max-h-0\.5 { - max-height: 0.125rem; + .xl\:rotate-45 { + --tw-rotate: 45deg; } - .lg\:max-h-1\.5 { - max-height: 0.375rem; + .xl\:rotate-90 { + --tw-rotate: 90deg; } - .lg\:max-h-2\.5 { - max-height: 0.625rem; + .xl\:rotate-180 { + --tw-rotate: 180deg; } - .lg\:max-h-3\.5 { - max-height: 0.875rem; + .xl\:-rotate-180 { + --tw-rotate: -180deg; } - .lg\:max-h-full { - max-height: 100%; + .xl\:-rotate-90 { + --tw-rotate: -90deg; } - .lg\:max-h-screen { - max-height: 100vh; + .xl\:-rotate-45 { + --tw-rotate: -45deg; } - .lg\:min-h-0 { - min-height: 0px; + .xl\:-rotate-12 { + --tw-rotate: -12deg; } - .lg\:min-h-full { - min-height: 100%; + .xl\:-rotate-6 { + --tw-rotate: -6deg; } - .lg\:min-h-screen { - min-height: 100vh; + .xl\:-rotate-3 { + --tw-rotate: -3deg; } - .lg\:w-0 { - width: 0px; + .xl\:-rotate-2 { + --tw-rotate: -2deg; } - .lg\:w-1 { - width: 0.25rem; + .xl\:-rotate-1 { + --tw-rotate: -1deg; } - .lg\:w-2 { - width: 0.5rem; + .xl\:hover\:rotate-0:hover { + --tw-rotate: 0deg; } - .lg\:w-3 { - width: 0.75rem; + .xl\:hover\:rotate-1:hover { + --tw-rotate: 1deg; } - .lg\:w-4 { - width: 1rem; + .xl\:hover\:rotate-2:hover { + --tw-rotate: 2deg; } - .lg\:w-5 { - width: 1.25rem; + .xl\:hover\:rotate-3:hover { + --tw-rotate: 3deg; } - .lg\:w-6 { - width: 1.5rem; + .xl\:hover\:rotate-6:hover { + --tw-rotate: 6deg; } - .lg\:w-7 { - width: 1.75rem; + .xl\:hover\:rotate-12:hover { + --tw-rotate: 12deg; } - .lg\:w-8 { - width: 2rem; + .xl\:hover\:rotate-45:hover { + --tw-rotate: 45deg; } - .lg\:w-9 { - width: 2.25rem; + .xl\:hover\:rotate-90:hover { + --tw-rotate: 90deg; } - .lg\:w-10 { - width: 2.5rem; + .xl\:hover\:rotate-180:hover { + --tw-rotate: 180deg; } - .lg\:w-11 { - width: 2.75rem; + .xl\:hover\:-rotate-180:hover { + --tw-rotate: -180deg; } - .lg\:w-12 { - width: 3rem; + .xl\:hover\:-rotate-90:hover { + --tw-rotate: -90deg; } - .lg\:w-14 { - width: 3.5rem; + .xl\:hover\:-rotate-45:hover { + --tw-rotate: -45deg; } - .lg\:w-16 { - width: 4rem; + .xl\:hover\:-rotate-12:hover { + --tw-rotate: -12deg; } - .lg\:w-20 { - width: 5rem; + .xl\:hover\:-rotate-6:hover { + --tw-rotate: -6deg; } - .lg\:w-24 { - width: 6rem; + .xl\:hover\:-rotate-3:hover { + --tw-rotate: -3deg; } - .lg\:w-28 { - width: 7rem; + .xl\:hover\:-rotate-2:hover { + --tw-rotate: -2deg; } - .lg\:w-32 { - width: 8rem; + .xl\:hover\:-rotate-1:hover { + --tw-rotate: -1deg; } - .lg\:w-36 { - width: 9rem; + .xl\:focus\:rotate-0:focus { + --tw-rotate: 0deg; } - .lg\:w-40 { - width: 10rem; + .xl\:focus\:rotate-1:focus { + --tw-rotate: 1deg; } - .lg\:w-44 { - width: 11rem; + .xl\:focus\:rotate-2:focus { + --tw-rotate: 2deg; } - .lg\:w-48 { - width: 12rem; + .xl\:focus\:rotate-3:focus { + --tw-rotate: 3deg; } - .lg\:w-52 { - width: 13rem; + .xl\:focus\:rotate-6:focus { + --tw-rotate: 6deg; } - .lg\:w-56 { - width: 14rem; + .xl\:focus\:rotate-12:focus { + --tw-rotate: 12deg; } - .lg\:w-60 { - width: 15rem; + .xl\:focus\:rotate-45:focus { + --tw-rotate: 45deg; } - .lg\:w-64 { - width: 16rem; + .xl\:focus\:rotate-90:focus { + --tw-rotate: 90deg; } - .lg\:w-72 { - width: 18rem; + .xl\:focus\:rotate-180:focus { + --tw-rotate: 180deg; } - .lg\:w-80 { - width: 20rem; + .xl\:focus\:-rotate-180:focus { + --tw-rotate: -180deg; } - .lg\:w-96 { - width: 24rem; + .xl\:focus\:-rotate-90:focus { + --tw-rotate: -90deg; } - .lg\:w-auto { - width: auto; + .xl\:focus\:-rotate-45:focus { + --tw-rotate: -45deg; } - .lg\:w-px { - width: 1px; + .xl\:focus\:-rotate-12:focus { + --tw-rotate: -12deg; } - .lg\:w-0\.5 { - width: 0.125rem; + .xl\:focus\:-rotate-6:focus { + --tw-rotate: -6deg; } - .lg\:w-1\.5 { - width: 0.375rem; + .xl\:focus\:-rotate-3:focus { + --tw-rotate: -3deg; } - .lg\:w-2\.5 { - width: 0.625rem; + .xl\:focus\:-rotate-2:focus { + --tw-rotate: -2deg; } - .lg\:w-3\.5 { - width: 0.875rem; + .xl\:focus\:-rotate-1:focus { + --tw-rotate: -1deg; } - .lg\:w-1\/2 { - width: 50%; + .xl\:skew-x-0 { + --tw-skew-x: 0deg; } - .lg\:w-1\/3 { - width: 33.333333%; + .xl\:skew-x-1 { + --tw-skew-x: 1deg; } - .lg\:w-2\/3 { - width: 66.666667%; + .xl\:skew-x-2 { + --tw-skew-x: 2deg; } - .lg\:w-1\/4 { - width: 25%; + .xl\:skew-x-3 { + --tw-skew-x: 3deg; } - .lg\:w-2\/4 { - width: 50%; + .xl\:skew-x-6 { + --tw-skew-x: 6deg; } - .lg\:w-3\/4 { - width: 75%; + .xl\:skew-x-12 { + --tw-skew-x: 12deg; } - .lg\:w-1\/5 { - width: 20%; + .xl\:-skew-x-12 { + --tw-skew-x: -12deg; } - .lg\:w-2\/5 { - width: 40%; + .xl\:-skew-x-6 { + --tw-skew-x: -6deg; } - .lg\:w-3\/5 { - width: 60%; + .xl\:-skew-x-3 { + --tw-skew-x: -3deg; } - .lg\:w-4\/5 { - width: 80%; + .xl\:-skew-x-2 { + --tw-skew-x: -2deg; } - .lg\:w-1\/6 { - width: 16.666667%; + .xl\:-skew-x-1 { + --tw-skew-x: -1deg; } - .lg\:w-2\/6 { - width: 33.333333%; + .xl\:skew-y-0 { + --tw-skew-y: 0deg; } - .lg\:w-3\/6 { - width: 50%; + .xl\:skew-y-1 { + --tw-skew-y: 1deg; } - .lg\:w-4\/6 { - width: 66.666667%; + .xl\:skew-y-2 { + --tw-skew-y: 2deg; } - .lg\:w-5\/6 { - width: 83.333333%; + .xl\:skew-y-3 { + --tw-skew-y: 3deg; } - .lg\:w-1\/12 { - width: 8.333333%; + .xl\:skew-y-6 { + --tw-skew-y: 6deg; } - .lg\:w-2\/12 { - width: 16.666667%; + .xl\:skew-y-12 { + --tw-skew-y: 12deg; } - .lg\:w-3\/12 { - width: 25%; + .xl\:-skew-y-12 { + --tw-skew-y: -12deg; } - .lg\:w-4\/12 { - width: 33.333333%; + .xl\:-skew-y-6 { + --tw-skew-y: -6deg; } - .lg\:w-5\/12 { - width: 41.666667%; + .xl\:-skew-y-3 { + --tw-skew-y: -3deg; } - .lg\:w-6\/12 { - width: 50%; + .xl\:-skew-y-2 { + --tw-skew-y: -2deg; } - .lg\:w-7\/12 { - width: 58.333333%; + .xl\:-skew-y-1 { + --tw-skew-y: -1deg; } - .lg\:w-8\/12 { - width: 66.666667%; + .xl\:hover\:skew-x-0:hover { + --tw-skew-x: 0deg; } - .lg\:w-9\/12 { - width: 75%; + .xl\:hover\:skew-x-1:hover { + --tw-skew-x: 1deg; } - .lg\:w-10\/12 { - width: 83.333333%; + .xl\:hover\:skew-x-2:hover { + --tw-skew-x: 2deg; } - .lg\:w-11\/12 { - width: 91.666667%; + .xl\:hover\:skew-x-3:hover { + --tw-skew-x: 3deg; } - .lg\:w-full { - width: 100%; + .xl\:hover\:skew-x-6:hover { + --tw-skew-x: 6deg; } - .lg\:w-screen { - width: 100vw; + .xl\:hover\:skew-x-12:hover { + --tw-skew-x: 12deg; } - .lg\:w-min { - width: -moz-min-content; - width: min-content; + .xl\:hover\:-skew-x-12:hover { + --tw-skew-x: -12deg; } - .lg\:w-max { - width: -moz-max-content; - width: max-content; + .xl\:hover\:-skew-x-6:hover { + --tw-skew-x: -6deg; } - .lg\:min-w-0 { - min-width: 0px; + .xl\:hover\:-skew-x-3:hover { + --tw-skew-x: -3deg; } - .lg\:min-w-full { - min-width: 100%; + .xl\:hover\:-skew-x-2:hover { + --tw-skew-x: -2deg; } - .lg\:min-w-min { - min-width: -moz-min-content; - min-width: min-content; + .xl\:hover\:-skew-x-1:hover { + --tw-skew-x: -1deg; } - .lg\:min-w-max { - min-width: -moz-max-content; - min-width: max-content; + .xl\:hover\:skew-y-0:hover { + --tw-skew-y: 0deg; } - .lg\:max-w-0 { - max-width: 0rem; + .xl\:hover\:skew-y-1:hover { + --tw-skew-y: 1deg; } - .lg\:max-w-none { - max-width: none; + .xl\:hover\:skew-y-2:hover { + --tw-skew-y: 2deg; } - .lg\:max-w-xs { - max-width: 20rem; + .xl\:hover\:skew-y-3:hover { + --tw-skew-y: 3deg; } - .lg\:max-w-sm { - max-width: 24rem; + .xl\:hover\:skew-y-6:hover { + --tw-skew-y: 6deg; } - .lg\:max-w-md { - max-width: 28rem; + .xl\:hover\:skew-y-12:hover { + --tw-skew-y: 12deg; } - .lg\:max-w-lg { - max-width: 32rem; + .xl\:hover\:-skew-y-12:hover { + --tw-skew-y: -12deg; } - .lg\:max-w-xl { - max-width: 36rem; + .xl\:hover\:-skew-y-6:hover { + --tw-skew-y: -6deg; } - .lg\:max-w-2xl { - max-width: 42rem; + .xl\:hover\:-skew-y-3:hover { + --tw-skew-y: -3deg; } - .lg\:max-w-3xl { - max-width: 48rem; + .xl\:hover\:-skew-y-2:hover { + --tw-skew-y: -2deg; } - .lg\:max-w-4xl { - max-width: 56rem; + .xl\:hover\:-skew-y-1:hover { + --tw-skew-y: -1deg; } - .lg\:max-w-5xl { - max-width: 64rem; + .xl\:focus\:skew-x-0:focus { + --tw-skew-x: 0deg; } - .lg\:max-w-6xl { - max-width: 72rem; + .xl\:focus\:skew-x-1:focus { + --tw-skew-x: 1deg; } - .lg\:max-w-7xl { - max-width: 80rem; + .xl\:focus\:skew-x-2:focus { + --tw-skew-x: 2deg; } - .lg\:max-w-full { - max-width: 100%; + .xl\:focus\:skew-x-3:focus { + --tw-skew-x: 3deg; } - .lg\:max-w-min { - max-width: -moz-min-content; - max-width: min-content; + .xl\:focus\:skew-x-6:focus { + --tw-skew-x: 6deg; } - .lg\:max-w-max { - max-width: -moz-max-content; - max-width: max-content; + .xl\:focus\:skew-x-12:focus { + --tw-skew-x: 12deg; } - .lg\:max-w-prose { - max-width: 65ch; + .xl\:focus\:-skew-x-12:focus { + --tw-skew-x: -12deg; } - .lg\:max-w-screen-sm { - max-width: 640px; + .xl\:focus\:-skew-x-6:focus { + --tw-skew-x: -6deg; } - .lg\:max-w-screen-md { - max-width: 768px; + .xl\:focus\:-skew-x-3:focus { + --tw-skew-x: -3deg; } - .lg\:max-w-screen-lg { - max-width: 1024px; + .xl\:focus\:-skew-x-2:focus { + --tw-skew-x: -2deg; } - .lg\:max-w-screen-xl { - max-width: 1280px; + .xl\:focus\:-skew-x-1:focus { + --tw-skew-x: -1deg; } - .lg\:max-w-screen-2xl { - max-width: 1536px; + .xl\:focus\:skew-y-0:focus { + --tw-skew-y: 0deg; } - .lg\:flex-1 { - flex: 1 1 0%; + .xl\:focus\:skew-y-1:focus { + --tw-skew-y: 1deg; } - .lg\:flex-auto { - flex: 1 1 auto; + .xl\:focus\:skew-y-2:focus { + --tw-skew-y: 2deg; } - .lg\:flex-initial { - flex: 0 1 auto; + .xl\:focus\:skew-y-3:focus { + --tw-skew-y: 3deg; } - .lg\:flex-none { - flex: none; + .xl\:focus\:skew-y-6:focus { + --tw-skew-y: 6deg; } - .lg\:flex-shrink-0 { - flex-shrink: 0; + .xl\:focus\:skew-y-12:focus { + --tw-skew-y: 12deg; } - .lg\:flex-shrink { - flex-shrink: 1; + .xl\:focus\:-skew-y-12:focus { + --tw-skew-y: -12deg; } - .lg\:flex-grow-0 { - flex-grow: 0; + .xl\:focus\:-skew-y-6:focus { + --tw-skew-y: -6deg; } - .lg\:flex-grow { - flex-grow: 1; + .xl\:focus\:-skew-y-3:focus { + --tw-skew-y: -3deg; } - .lg\:table-auto { - table-layout: auto; + .xl\:focus\:-skew-y-2:focus { + --tw-skew-y: -2deg; } - .lg\:table-fixed { - table-layout: fixed; + .xl\:focus\:-skew-y-1:focus { + --tw-skew-y: -1deg; } - .lg\:border-collapse { - border-collapse: collapse; + .xl\:scale-0 { + --tw-scale-x: 0; + --tw-scale-y: 0; } - .lg\:border-separate { - border-collapse: separate; + .xl\:scale-50 { + --tw-scale-x: .5; + --tw-scale-y: .5; } - .lg\:origin-center { - transform-origin: center; + .xl\:scale-75 { + --tw-scale-x: .75; + --tw-scale-y: .75; } - .lg\:origin-top { - transform-origin: top; + .xl\:scale-90 { + --tw-scale-x: .9; + --tw-scale-y: .9; } - .lg\:origin-top-right { - transform-origin: top right; + .xl\:scale-95 { + --tw-scale-x: .95; + --tw-scale-y: .95; } - .lg\:origin-right { - transform-origin: right; + .xl\:scale-100 { + --tw-scale-x: 1; + --tw-scale-y: 1; } - .lg\:origin-bottom-right { - transform-origin: bottom right; + .xl\:scale-105 { + --tw-scale-x: 1.05; + --tw-scale-y: 1.05; } - .lg\:origin-bottom { - transform-origin: bottom; + .xl\:scale-110 { + --tw-scale-x: 1.1; + --tw-scale-y: 1.1; } - .lg\:origin-bottom-left { - transform-origin: bottom left; + .xl\:scale-125 { + --tw-scale-x: 1.25; + --tw-scale-y: 1.25; } - .lg\:origin-left { - transform-origin: left; + .xl\:scale-150 { + --tw-scale-x: 1.5; + --tw-scale-y: 1.5; } - .lg\:origin-top-left { - transform-origin: top left; + .xl\:hover\:scale-0:hover { + --tw-scale-x: 0; + --tw-scale-y: 0; } - .lg\:transform { - --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; - transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); + .xl\:hover\:scale-50:hover { + --tw-scale-x: .5; + --tw-scale-y: .5; } - .lg\:transform-gpu { - --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; - transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); + .xl\:hover\:scale-75:hover { + --tw-scale-x: .75; + --tw-scale-y: .75; } - .lg\:transform-none { - transform: none; + .xl\:hover\:scale-90:hover { + --tw-scale-x: .9; + --tw-scale-y: .9; } - .lg\:translate-x-0 { - --tw-translate-x: 0px; + .xl\:hover\:scale-95:hover { + --tw-scale-x: .95; + --tw-scale-y: .95; } - .lg\:translate-x-1 { - --tw-translate-x: 0.25rem; + .xl\:hover\:scale-100:hover { + --tw-scale-x: 1; + --tw-scale-y: 1; } - .lg\:translate-x-2 { - --tw-translate-x: 0.5rem; + .xl\:hover\:scale-105:hover { + --tw-scale-x: 1.05; + --tw-scale-y: 1.05; } - .lg\:translate-x-3 { - --tw-translate-x: 0.75rem; + .xl\:hover\:scale-110:hover { + --tw-scale-x: 1.1; + --tw-scale-y: 1.1; } - .lg\:translate-x-4 { - --tw-translate-x: 1rem; + .xl\:hover\:scale-125:hover { + --tw-scale-x: 1.25; + --tw-scale-y: 1.25; } - .lg\:translate-x-5 { - --tw-translate-x: 1.25rem; + .xl\:hover\:scale-150:hover { + --tw-scale-x: 1.5; + --tw-scale-y: 1.5; } - .lg\:translate-x-6 { - --tw-translate-x: 1.5rem; + .xl\:focus\:scale-0:focus { + --tw-scale-x: 0; + --tw-scale-y: 0; } - .lg\:translate-x-7 { - --tw-translate-x: 1.75rem; + .xl\:focus\:scale-50:focus { + --tw-scale-x: .5; + --tw-scale-y: .5; } - .lg\:translate-x-8 { - --tw-translate-x: 2rem; + .xl\:focus\:scale-75:focus { + --tw-scale-x: .75; + --tw-scale-y: .75; } - .lg\:translate-x-9 { - --tw-translate-x: 2.25rem; + .xl\:focus\:scale-90:focus { + --tw-scale-x: .9; + --tw-scale-y: .9; } - .lg\:translate-x-10 { - --tw-translate-x: 2.5rem; + .xl\:focus\:scale-95:focus { + --tw-scale-x: .95; + --tw-scale-y: .95; } - .lg\:translate-x-11 { - --tw-translate-x: 2.75rem; + .xl\:focus\:scale-100:focus { + --tw-scale-x: 1; + --tw-scale-y: 1; } - .lg\:translate-x-12 { - --tw-translate-x: 3rem; + .xl\:focus\:scale-105:focus { + --tw-scale-x: 1.05; + --tw-scale-y: 1.05; } - .lg\:translate-x-14 { - --tw-translate-x: 3.5rem; + .xl\:focus\:scale-110:focus { + --tw-scale-x: 1.1; + --tw-scale-y: 1.1; } - .lg\:translate-x-16 { - --tw-translate-x: 4rem; + .xl\:focus\:scale-125:focus { + --tw-scale-x: 1.25; + --tw-scale-y: 1.25; } - .lg\:translate-x-20 { - --tw-translate-x: 5rem; + .xl\:focus\:scale-150:focus { + --tw-scale-x: 1.5; + --tw-scale-y: 1.5; } - .lg\:translate-x-24 { - --tw-translate-x: 6rem; + .xl\:scale-x-0 { + --tw-scale-x: 0; } - .lg\:translate-x-28 { - --tw-translate-x: 7rem; + .xl\:scale-x-50 { + --tw-scale-x: .5; } - .lg\:translate-x-32 { - --tw-translate-x: 8rem; + .xl\:scale-x-75 { + --tw-scale-x: .75; } - .lg\:translate-x-36 { - --tw-translate-x: 9rem; + .xl\:scale-x-90 { + --tw-scale-x: .9; } - .lg\:translate-x-40 { - --tw-translate-x: 10rem; + .xl\:scale-x-95 { + --tw-scale-x: .95; } - .lg\:translate-x-44 { - --tw-translate-x: 11rem; + .xl\:scale-x-100 { + --tw-scale-x: 1; } - .lg\:translate-x-48 { - --tw-translate-x: 12rem; + .xl\:scale-x-105 { + --tw-scale-x: 1.05; } - .lg\:translate-x-52 { - --tw-translate-x: 13rem; + .xl\:scale-x-110 { + --tw-scale-x: 1.1; } - .lg\:translate-x-56 { - --tw-translate-x: 14rem; + .xl\:scale-x-125 { + --tw-scale-x: 1.25; } - .lg\:translate-x-60 { - --tw-translate-x: 15rem; + .xl\:scale-x-150 { + --tw-scale-x: 1.5; } - .lg\:translate-x-64 { - --tw-translate-x: 16rem; + .xl\:scale-y-0 { + --tw-scale-y: 0; } - .lg\:translate-x-72 { - --tw-translate-x: 18rem; + .xl\:scale-y-50 { + --tw-scale-y: .5; } - .lg\:translate-x-80 { - --tw-translate-x: 20rem; + .xl\:scale-y-75 { + --tw-scale-y: .75; } - .lg\:translate-x-96 { - --tw-translate-x: 24rem; + .xl\:scale-y-90 { + --tw-scale-y: .9; } - .lg\:translate-x-px { - --tw-translate-x: 1px; + .xl\:scale-y-95 { + --tw-scale-y: .95; } - .lg\:translate-x-0\.5 { - --tw-translate-x: 0.125rem; + .xl\:scale-y-100 { + --tw-scale-y: 1; } - .lg\:translate-x-1\.5 { - --tw-translate-x: 0.375rem; + .xl\:scale-y-105 { + --tw-scale-y: 1.05; } - .lg\:translate-x-2\.5 { - --tw-translate-x: 0.625rem; + .xl\:scale-y-110 { + --tw-scale-y: 1.1; } - .lg\:translate-x-3\.5 { - --tw-translate-x: 0.875rem; + .xl\:scale-y-125 { + --tw-scale-y: 1.25; } - .lg\:-translate-x-0 { - --tw-translate-x: 0px; + .xl\:scale-y-150 { + --tw-scale-y: 1.5; } - .lg\:-translate-x-1 { - --tw-translate-x: -0.25rem; + .xl\:hover\:scale-x-0:hover { + --tw-scale-x: 0; } - .lg\:-translate-x-2 { - --tw-translate-x: -0.5rem; + .xl\:hover\:scale-x-50:hover { + --tw-scale-x: .5; } - .lg\:-translate-x-3 { - --tw-translate-x: -0.75rem; + .xl\:hover\:scale-x-75:hover { + --tw-scale-x: .75; } - .lg\:-translate-x-4 { - --tw-translate-x: -1rem; + .xl\:hover\:scale-x-90:hover { + --tw-scale-x: .9; } - .lg\:-translate-x-5 { - --tw-translate-x: -1.25rem; + .xl\:hover\:scale-x-95:hover { + --tw-scale-x: .95; } - .lg\:-translate-x-6 { - --tw-translate-x: -1.5rem; + .xl\:hover\:scale-x-100:hover { + --tw-scale-x: 1; } - .lg\:-translate-x-7 { - --tw-translate-x: -1.75rem; + .xl\:hover\:scale-x-105:hover { + --tw-scale-x: 1.05; } - .lg\:-translate-x-8 { - --tw-translate-x: -2rem; + .xl\:hover\:scale-x-110:hover { + --tw-scale-x: 1.1; } - .lg\:-translate-x-9 { - --tw-translate-x: -2.25rem; + .xl\:hover\:scale-x-125:hover { + --tw-scale-x: 1.25; } - .lg\:-translate-x-10 { - --tw-translate-x: -2.5rem; + .xl\:hover\:scale-x-150:hover { + --tw-scale-x: 1.5; } - .lg\:-translate-x-11 { - --tw-translate-x: -2.75rem; + .xl\:hover\:scale-y-0:hover { + --tw-scale-y: 0; } - .lg\:-translate-x-12 { - --tw-translate-x: -3rem; + .xl\:hover\:scale-y-50:hover { + --tw-scale-y: .5; } - .lg\:-translate-x-14 { - --tw-translate-x: -3.5rem; + .xl\:hover\:scale-y-75:hover { + --tw-scale-y: .75; } - .lg\:-translate-x-16 { - --tw-translate-x: -4rem; + .xl\:hover\:scale-y-90:hover { + --tw-scale-y: .9; } - .lg\:-translate-x-20 { - --tw-translate-x: -5rem; + .xl\:hover\:scale-y-95:hover { + --tw-scale-y: .95; } - .lg\:-translate-x-24 { - --tw-translate-x: -6rem; + .xl\:hover\:scale-y-100:hover { + --tw-scale-y: 1; } - .lg\:-translate-x-28 { - --tw-translate-x: -7rem; + .xl\:hover\:scale-y-105:hover { + --tw-scale-y: 1.05; } - .lg\:-translate-x-32 { - --tw-translate-x: -8rem; + .xl\:hover\:scale-y-110:hover { + --tw-scale-y: 1.1; } - .lg\:-translate-x-36 { - --tw-translate-x: -9rem; + .xl\:hover\:scale-y-125:hover { + --tw-scale-y: 1.25; } - .lg\:-translate-x-40 { - --tw-translate-x: -10rem; + .xl\:hover\:scale-y-150:hover { + --tw-scale-y: 1.5; } - .lg\:-translate-x-44 { - --tw-translate-x: -11rem; + .xl\:focus\:scale-x-0:focus { + --tw-scale-x: 0; } - .lg\:-translate-x-48 { - --tw-translate-x: -12rem; + .xl\:focus\:scale-x-50:focus { + --tw-scale-x: .5; } - .lg\:-translate-x-52 { - --tw-translate-x: -13rem; + .xl\:focus\:scale-x-75:focus { + --tw-scale-x: .75; } - .lg\:-translate-x-56 { - --tw-translate-x: -14rem; + .xl\:focus\:scale-x-90:focus { + --tw-scale-x: .9; } - .lg\:-translate-x-60 { - --tw-translate-x: -15rem; + .xl\:focus\:scale-x-95:focus { + --tw-scale-x: .95; } - .lg\:-translate-x-64 { - --tw-translate-x: -16rem; + .xl\:focus\:scale-x-100:focus { + --tw-scale-x: 1; } - .lg\:-translate-x-72 { - --tw-translate-x: -18rem; + .xl\:focus\:scale-x-105:focus { + --tw-scale-x: 1.05; } - .lg\:-translate-x-80 { - --tw-translate-x: -20rem; + .xl\:focus\:scale-x-110:focus { + --tw-scale-x: 1.1; } - .lg\:-translate-x-96 { - --tw-translate-x: -24rem; + .xl\:focus\:scale-x-125:focus { + --tw-scale-x: 1.25; } - .lg\:-translate-x-px { - --tw-translate-x: -1px; + .xl\:focus\:scale-x-150:focus { + --tw-scale-x: 1.5; } - .lg\:-translate-x-0\.5 { - --tw-translate-x: -0.125rem; + .xl\:focus\:scale-y-0:focus { + --tw-scale-y: 0; } - .lg\:-translate-x-1\.5 { - --tw-translate-x: -0.375rem; + .xl\:focus\:scale-y-50:focus { + --tw-scale-y: .5; } - .lg\:-translate-x-2\.5 { - --tw-translate-x: -0.625rem; + .xl\:focus\:scale-y-75:focus { + --tw-scale-y: .75; } - .lg\:-translate-x-3\.5 { - --tw-translate-x: -0.875rem; + .xl\:focus\:scale-y-90:focus { + --tw-scale-y: .9; } - .lg\:translate-x-1\/2 { - --tw-translate-x: 50%; + .xl\:focus\:scale-y-95:focus { + --tw-scale-y: .95; } - .lg\:translate-x-1\/3 { - --tw-translate-x: 33.333333%; + .xl\:focus\:scale-y-100:focus { + --tw-scale-y: 1; } - .lg\:translate-x-2\/3 { - --tw-translate-x: 66.666667%; + .xl\:focus\:scale-y-105:focus { + --tw-scale-y: 1.05; } - .lg\:translate-x-1\/4 { - --tw-translate-x: 25%; + .xl\:focus\:scale-y-110:focus { + --tw-scale-y: 1.1; } - .lg\:translate-x-2\/4 { - --tw-translate-x: 50%; + .xl\:focus\:scale-y-125:focus { + --tw-scale-y: 1.25; } - .lg\:translate-x-3\/4 { - --tw-translate-x: 75%; + .xl\:focus\:scale-y-150:focus { + --tw-scale-y: 1.5; } - .lg\:translate-x-full { - --tw-translate-x: 100%; + .xl\:animate-none { + animation: none; } - .lg\:-translate-x-1\/2 { - --tw-translate-x: -50%; + .xl\:animate-spin { + animation: spin 1s linear infinite; } - .lg\:-translate-x-1\/3 { - --tw-translate-x: -33.333333%; + .xl\:animate-ping { + animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; } - .lg\:-translate-x-2\/3 { - --tw-translate-x: -66.666667%; + .xl\:animate-pulse { + animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } - .lg\:-translate-x-1\/4 { - --tw-translate-x: -25%; + .xl\:animate-bounce { + animation: bounce 1s infinite; } - .lg\:-translate-x-2\/4 { - --tw-translate-x: -50%; + .xl\:cursor-auto { + cursor: auto; } - .lg\:-translate-x-3\/4 { - --tw-translate-x: -75%; + .xl\:cursor-default { + cursor: default; } - .lg\:-translate-x-full { - --tw-translate-x: -100%; + .xl\:cursor-pointer { + cursor: pointer; } - .lg\:translate-y-0 { - --tw-translate-y: 0px; + .xl\:cursor-wait { + cursor: wait; } - .lg\:translate-y-1 { - --tw-translate-y: 0.25rem; + .xl\:cursor-text { + cursor: text; } - .lg\:translate-y-2 { - --tw-translate-y: 0.5rem; + .xl\:cursor-move { + cursor: move; } - .lg\:translate-y-3 { - --tw-translate-y: 0.75rem; + .xl\:cursor-help { + cursor: help; } - .lg\:translate-y-4 { - --tw-translate-y: 1rem; + .xl\:cursor-not-allowed { + cursor: not-allowed; } - .lg\:translate-y-5 { - --tw-translate-y: 1.25rem; + .xl\:select-none { + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; } - .lg\:translate-y-6 { - --tw-translate-y: 1.5rem; + .xl\:select-text { + -webkit-user-select: text; + -moz-user-select: text; + user-select: text; } - .lg\:translate-y-7 { - --tw-translate-y: 1.75rem; + .xl\:select-all { + -webkit-user-select: all; + -moz-user-select: all; + user-select: all; } - .lg\:translate-y-8 { - --tw-translate-y: 2rem; + .xl\:select-auto { + -webkit-user-select: auto; + -moz-user-select: auto; + user-select: auto; } - .lg\:translate-y-9 { - --tw-translate-y: 2.25rem; + .xl\:resize-none { + resize: none; } - .lg\:translate-y-10 { - --tw-translate-y: 2.5rem; + .xl\:resize-y { + resize: vertical; } - .lg\:translate-y-11 { - --tw-translate-y: 2.75rem; + .xl\:resize-x { + resize: horizontal; } - .lg\:translate-y-12 { - --tw-translate-y: 3rem; + .xl\:resize { + resize: both; } - .lg\:translate-y-14 { - --tw-translate-y: 3.5rem; + .xl\:list-inside { + list-style-position: inside; } - .lg\:translate-y-16 { - --tw-translate-y: 4rem; + .xl\:list-outside { + list-style-position: outside; } - .lg\:translate-y-20 { - --tw-translate-y: 5rem; + .xl\:list-none { + list-style-type: none; } - .lg\:translate-y-24 { - --tw-translate-y: 6rem; + .xl\:list-disc { + list-style-type: disc; } - .lg\:translate-y-28 { - --tw-translate-y: 7rem; + .xl\:list-decimal { + list-style-type: decimal; } - .lg\:translate-y-32 { - --tw-translate-y: 8rem; + .xl\:appearance-none { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; } - .lg\:translate-y-36 { - --tw-translate-y: 9rem; + .xl\:auto-cols-auto { + grid-auto-columns: auto; } - .lg\:translate-y-40 { - --tw-translate-y: 10rem; + .xl\:auto-cols-min { + grid-auto-columns: min-content; } - .lg\:translate-y-44 { - --tw-translate-y: 11rem; + .xl\:auto-cols-max { + grid-auto-columns: max-content; } - .lg\:translate-y-48 { - --tw-translate-y: 12rem; + .xl\:auto-cols-fr { + grid-auto-columns: minmax(0, 1fr); } - .lg\:translate-y-52 { - --tw-translate-y: 13rem; + .xl\:grid-flow-row { + grid-auto-flow: row; } - .lg\:translate-y-56 { - --tw-translate-y: 14rem; + .xl\:grid-flow-col { + grid-auto-flow: column; } - .lg\:translate-y-60 { - --tw-translate-y: 15rem; + .xl\:grid-flow-row-dense { + grid-auto-flow: row dense; } - .lg\:translate-y-64 { - --tw-translate-y: 16rem; + .xl\:grid-flow-col-dense { + grid-auto-flow: column dense; } - .lg\:translate-y-72 { - --tw-translate-y: 18rem; + .xl\:auto-rows-auto { + grid-auto-rows: auto; } - .lg\:translate-y-80 { - --tw-translate-y: 20rem; + .xl\:auto-rows-min { + grid-auto-rows: min-content; } - .lg\:translate-y-96 { - --tw-translate-y: 24rem; + .xl\:auto-rows-max { + grid-auto-rows: max-content; } - .lg\:translate-y-px { - --tw-translate-y: 1px; + .xl\:auto-rows-fr { + grid-auto-rows: minmax(0, 1fr); } - .lg\:translate-y-0\.5 { - --tw-translate-y: 0.125rem; + .xl\:grid-cols-1 { + grid-template-columns: repeat(1, minmax(0, 1fr)); } - .lg\:translate-y-1\.5 { - --tw-translate-y: 0.375rem; + .xl\:grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); } - .lg\:translate-y-2\.5 { - --tw-translate-y: 0.625rem; + .xl\:grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); } - .lg\:translate-y-3\.5 { - --tw-translate-y: 0.875rem; + .xl\:grid-cols-4 { + grid-template-columns: repeat(4, minmax(0, 1fr)); } - .lg\:-translate-y-0 { - --tw-translate-y: 0px; + .xl\:grid-cols-5 { + grid-template-columns: repeat(5, minmax(0, 1fr)); } - .lg\:-translate-y-1 { - --tw-translate-y: -0.25rem; + .xl\:grid-cols-6 { + grid-template-columns: repeat(6, minmax(0, 1fr)); } - .lg\:-translate-y-2 { - --tw-translate-y: -0.5rem; + .xl\:grid-cols-7 { + grid-template-columns: repeat(7, minmax(0, 1fr)); } - .lg\:-translate-y-3 { - --tw-translate-y: -0.75rem; + .xl\:grid-cols-8 { + grid-template-columns: repeat(8, minmax(0, 1fr)); } - .lg\:-translate-y-4 { - --tw-translate-y: -1rem; + .xl\:grid-cols-9 { + grid-template-columns: repeat(9, minmax(0, 1fr)); } - .lg\:-translate-y-5 { - --tw-translate-y: -1.25rem; + .xl\:grid-cols-10 { + grid-template-columns: repeat(10, minmax(0, 1fr)); } - .lg\:-translate-y-6 { - --tw-translate-y: -1.5rem; + .xl\:grid-cols-11 { + grid-template-columns: repeat(11, minmax(0, 1fr)); } - .lg\:-translate-y-7 { - --tw-translate-y: -1.75rem; + .xl\:grid-cols-12 { + grid-template-columns: repeat(12, minmax(0, 1fr)); } - .lg\:-translate-y-8 { - --tw-translate-y: -2rem; + .xl\:grid-cols-none { + grid-template-columns: none; } - .lg\:-translate-y-9 { - --tw-translate-y: -2.25rem; + .xl\:grid-rows-1 { + grid-template-rows: repeat(1, minmax(0, 1fr)); } - .lg\:-translate-y-10 { - --tw-translate-y: -2.5rem; + .xl\:grid-rows-2 { + grid-template-rows: repeat(2, minmax(0, 1fr)); } - .lg\:-translate-y-11 { - --tw-translate-y: -2.75rem; + .xl\:grid-rows-3 { + grid-template-rows: repeat(3, minmax(0, 1fr)); } - .lg\:-translate-y-12 { - --tw-translate-y: -3rem; + .xl\:grid-rows-4 { + grid-template-rows: repeat(4, minmax(0, 1fr)); } - .lg\:-translate-y-14 { - --tw-translate-y: -3.5rem; + .xl\:grid-rows-5 { + grid-template-rows: repeat(5, minmax(0, 1fr)); } - .lg\:-translate-y-16 { - --tw-translate-y: -4rem; + .xl\:grid-rows-6 { + grid-template-rows: repeat(6, minmax(0, 1fr)); } - .lg\:-translate-y-20 { - --tw-translate-y: -5rem; + .xl\:grid-rows-none { + grid-template-rows: none; } - .lg\:-translate-y-24 { - --tw-translate-y: -6rem; + .xl\:flex-row { + flex-direction: row; } - .lg\:-translate-y-28 { - --tw-translate-y: -7rem; + .xl\:flex-row-reverse { + flex-direction: row-reverse; } - .lg\:-translate-y-32 { - --tw-translate-y: -8rem; + .xl\:flex-col { + flex-direction: column; } - .lg\:-translate-y-36 { - --tw-translate-y: -9rem; + .xl\:flex-col-reverse { + flex-direction: column-reverse; } - .lg\:-translate-y-40 { - --tw-translate-y: -10rem; + .xl\:flex-wrap { + flex-wrap: wrap; } - .lg\:-translate-y-44 { - --tw-translate-y: -11rem; + .xl\:flex-wrap-reverse { + flex-wrap: wrap-reverse; } - .lg\:-translate-y-48 { - --tw-translate-y: -12rem; + .xl\:flex-nowrap { + flex-wrap: nowrap; } - .lg\:-translate-y-52 { - --tw-translate-y: -13rem; + .xl\:place-content-center { + place-content: center; } - .lg\:-translate-y-56 { - --tw-translate-y: -14rem; + .xl\:place-content-start { + place-content: start; } - .lg\:-translate-y-60 { - --tw-translate-y: -15rem; + .xl\:place-content-end { + place-content: end; } - .lg\:-translate-y-64 { - --tw-translate-y: -16rem; + .xl\:place-content-between { + place-content: space-between; } - .lg\:-translate-y-72 { - --tw-translate-y: -18rem; + .xl\:place-content-around { + place-content: space-around; } - .lg\:-translate-y-80 { - --tw-translate-y: -20rem; + .xl\:place-content-evenly { + place-content: space-evenly; } - .lg\:-translate-y-96 { - --tw-translate-y: -24rem; + .xl\:place-content-stretch { + place-content: stretch; } - .lg\:-translate-y-px { - --tw-translate-y: -1px; + .xl\:place-items-start { + place-items: start; } - .lg\:-translate-y-0\.5 { - --tw-translate-y: -0.125rem; + .xl\:place-items-end { + place-items: end; } - .lg\:-translate-y-1\.5 { - --tw-translate-y: -0.375rem; + .xl\:place-items-center { + place-items: center; } - .lg\:-translate-y-2\.5 { - --tw-translate-y: -0.625rem; + .xl\:place-items-stretch { + place-items: stretch; } - .lg\:-translate-y-3\.5 { - --tw-translate-y: -0.875rem; + .xl\:content-center { + align-content: center; } - .lg\:translate-y-1\/2 { - --tw-translate-y: 50%; + .xl\:content-start { + align-content: flex-start; } - .lg\:translate-y-1\/3 { - --tw-translate-y: 33.333333%; + .xl\:content-end { + align-content: flex-end; } - .lg\:translate-y-2\/3 { - --tw-translate-y: 66.666667%; + .xl\:content-between { + align-content: space-between; } - .lg\:translate-y-1\/4 { - --tw-translate-y: 25%; + .xl\:content-around { + align-content: space-around; } - .lg\:translate-y-2\/4 { - --tw-translate-y: 50%; + .xl\:content-evenly { + align-content: space-evenly; } - .lg\:translate-y-3\/4 { - --tw-translate-y: 75%; + .xl\:items-start { + align-items: flex-start; } - .lg\:translate-y-full { - --tw-translate-y: 100%; + .xl\:items-end { + align-items: flex-end; } - .lg\:-translate-y-1\/2 { - --tw-translate-y: -50%; + .xl\:items-center { + align-items: center; } - .lg\:-translate-y-1\/3 { - --tw-translate-y: -33.333333%; + .xl\:items-baseline { + align-items: baseline; } - .lg\:-translate-y-2\/3 { - --tw-translate-y: -66.666667%; + .xl\:items-stretch { + align-items: stretch; } - .lg\:-translate-y-1\/4 { - --tw-translate-y: -25%; + .xl\:justify-start { + justify-content: flex-start; } - .lg\:-translate-y-2\/4 { - --tw-translate-y: -50%; + .xl\:justify-end { + justify-content: flex-end; } - .lg\:-translate-y-3\/4 { - --tw-translate-y: -75%; + .xl\:justify-center { + justify-content: center; } - .lg\:-translate-y-full { - --tw-translate-y: -100%; + .xl\:justify-between { + justify-content: space-between; } - .lg\:hover\:translate-x-0:hover { - --tw-translate-x: 0px; + .xl\:justify-around { + justify-content: space-around; } - .lg\:hover\:translate-x-1:hover { - --tw-translate-x: 0.25rem; + .xl\:justify-evenly { + justify-content: space-evenly; } - .lg\:hover\:translate-x-2:hover { - --tw-translate-x: 0.5rem; + .xl\:justify-items-start { + justify-items: start; } - .lg\:hover\:translate-x-3:hover { - --tw-translate-x: 0.75rem; + .xl\:justify-items-end { + justify-items: end; } - .lg\:hover\:translate-x-4:hover { - --tw-translate-x: 1rem; + .xl\:justify-items-center { + justify-items: center; } - .lg\:hover\:translate-x-5:hover { - --tw-translate-x: 1.25rem; + .xl\:justify-items-stretch { + justify-items: stretch; } - .lg\:hover\:translate-x-6:hover { - --tw-translate-x: 1.5rem; + .xl\:gap-0 { + gap: 0px; } - .lg\:hover\:translate-x-7:hover { - --tw-translate-x: 1.75rem; + .xl\:gap-1 { + gap: 0.25rem; } - .lg\:hover\:translate-x-8:hover { - --tw-translate-x: 2rem; + .xl\:gap-2 { + gap: 0.5rem; } - .lg\:hover\:translate-x-9:hover { - --tw-translate-x: 2.25rem; + .xl\:gap-3 { + gap: 0.75rem; } - .lg\:hover\:translate-x-10:hover { - --tw-translate-x: 2.5rem; + .xl\:gap-4 { + gap: 1rem; } - .lg\:hover\:translate-x-11:hover { - --tw-translate-x: 2.75rem; + .xl\:gap-5 { + gap: 1.25rem; } - .lg\:hover\:translate-x-12:hover { - --tw-translate-x: 3rem; + .xl\:gap-6 { + gap: 1.5rem; } - .lg\:hover\:translate-x-14:hover { - --tw-translate-x: 3.5rem; + .xl\:gap-7 { + gap: 1.75rem; } - .lg\:hover\:translate-x-16:hover { - --tw-translate-x: 4rem; + .xl\:gap-8 { + gap: 2rem; } - .lg\:hover\:translate-x-20:hover { - --tw-translate-x: 5rem; + .xl\:gap-9 { + gap: 2.25rem; } - .lg\:hover\:translate-x-24:hover { - --tw-translate-x: 6rem; + .xl\:gap-10 { + gap: 2.5rem; } - .lg\:hover\:translate-x-28:hover { - --tw-translate-x: 7rem; + .xl\:gap-11 { + gap: 2.75rem; } - .lg\:hover\:translate-x-32:hover { - --tw-translate-x: 8rem; + .xl\:gap-12 { + gap: 3rem; } - .lg\:hover\:translate-x-36:hover { - --tw-translate-x: 9rem; + .xl\:gap-14 { + gap: 3.5rem; } - .lg\:hover\:translate-x-40:hover { - --tw-translate-x: 10rem; + .xl\:gap-16 { + gap: 4rem; } - .lg\:hover\:translate-x-44:hover { - --tw-translate-x: 11rem; + .xl\:gap-20 { + gap: 5rem; } - .lg\:hover\:translate-x-48:hover { - --tw-translate-x: 12rem; + .xl\:gap-24 { + gap: 6rem; } - .lg\:hover\:translate-x-52:hover { - --tw-translate-x: 13rem; + .xl\:gap-28 { + gap: 7rem; } - .lg\:hover\:translate-x-56:hover { - --tw-translate-x: 14rem; + .xl\:gap-32 { + gap: 8rem; } - .lg\:hover\:translate-x-60:hover { - --tw-translate-x: 15rem; + .xl\:gap-36 { + gap: 9rem; } - .lg\:hover\:translate-x-64:hover { - --tw-translate-x: 16rem; + .xl\:gap-40 { + gap: 10rem; } - .lg\:hover\:translate-x-72:hover { - --tw-translate-x: 18rem; + .xl\:gap-44 { + gap: 11rem; } - .lg\:hover\:translate-x-80:hover { - --tw-translate-x: 20rem; + .xl\:gap-48 { + gap: 12rem; } - .lg\:hover\:translate-x-96:hover { - --tw-translate-x: 24rem; + .xl\:gap-52 { + gap: 13rem; } - .lg\:hover\:translate-x-px:hover { - --tw-translate-x: 1px; + .xl\:gap-56 { + gap: 14rem; } - .lg\:hover\:translate-x-0\.5:hover { - --tw-translate-x: 0.125rem; + .xl\:gap-60 { + gap: 15rem; } - .lg\:hover\:translate-x-1\.5:hover { - --tw-translate-x: 0.375rem; + .xl\:gap-64 { + gap: 16rem; } - .lg\:hover\:translate-x-2\.5:hover { - --tw-translate-x: 0.625rem; + .xl\:gap-72 { + gap: 18rem; } - .lg\:hover\:translate-x-3\.5:hover { - --tw-translate-x: 0.875rem; + .xl\:gap-80 { + gap: 20rem; } - .lg\:hover\:-translate-x-0:hover { - --tw-translate-x: 0px; + .xl\:gap-96 { + gap: 24rem; } - .lg\:hover\:-translate-x-1:hover { - --tw-translate-x: -0.25rem; + .xl\:gap-px { + gap: 1px; } - .lg\:hover\:-translate-x-2:hover { - --tw-translate-x: -0.5rem; + .xl\:gap-0\.5 { + gap: 0.125rem; } - .lg\:hover\:-translate-x-3:hover { - --tw-translate-x: -0.75rem; + .xl\:gap-1\.5 { + gap: 0.375rem; } - .lg\:hover\:-translate-x-4:hover { - --tw-translate-x: -1rem; + .xl\:gap-2\.5 { + gap: 0.625rem; } - .lg\:hover\:-translate-x-5:hover { - --tw-translate-x: -1.25rem; + .xl\:gap-3\.5 { + gap: 0.875rem; } - .lg\:hover\:-translate-x-6:hover { - --tw-translate-x: -1.5rem; + .xl\:gap-x-0 { + -moz-column-gap: 0px; + column-gap: 0px; } - .lg\:hover\:-translate-x-7:hover { - --tw-translate-x: -1.75rem; + .xl\:gap-x-1 { + -moz-column-gap: 0.25rem; + column-gap: 0.25rem; } - .lg\:hover\:-translate-x-8:hover { - --tw-translate-x: -2rem; + .xl\:gap-x-2 { + -moz-column-gap: 0.5rem; + column-gap: 0.5rem; } - .lg\:hover\:-translate-x-9:hover { - --tw-translate-x: -2.25rem; + .xl\:gap-x-3 { + -moz-column-gap: 0.75rem; + column-gap: 0.75rem; } - .lg\:hover\:-translate-x-10:hover { - --tw-translate-x: -2.5rem; + .xl\:gap-x-4 { + -moz-column-gap: 1rem; + column-gap: 1rem; } - .lg\:hover\:-translate-x-11:hover { - --tw-translate-x: -2.75rem; + .xl\:gap-x-5 { + -moz-column-gap: 1.25rem; + column-gap: 1.25rem; } - .lg\:hover\:-translate-x-12:hover { - --tw-translate-x: -3rem; + .xl\:gap-x-6 { + -moz-column-gap: 1.5rem; + column-gap: 1.5rem; } - .lg\:hover\:-translate-x-14:hover { - --tw-translate-x: -3.5rem; + .xl\:gap-x-7 { + -moz-column-gap: 1.75rem; + column-gap: 1.75rem; } - .lg\:hover\:-translate-x-16:hover { - --tw-translate-x: -4rem; + .xl\:gap-x-8 { + -moz-column-gap: 2rem; + column-gap: 2rem; } - .lg\:hover\:-translate-x-20:hover { - --tw-translate-x: -5rem; + .xl\:gap-x-9 { + -moz-column-gap: 2.25rem; + column-gap: 2.25rem; } - .lg\:hover\:-translate-x-24:hover { - --tw-translate-x: -6rem; + .xl\:gap-x-10 { + -moz-column-gap: 2.5rem; + column-gap: 2.5rem; } - .lg\:hover\:-translate-x-28:hover { - --tw-translate-x: -7rem; + .xl\:gap-x-11 { + -moz-column-gap: 2.75rem; + column-gap: 2.75rem; } - .lg\:hover\:-translate-x-32:hover { - --tw-translate-x: -8rem; + .xl\:gap-x-12 { + -moz-column-gap: 3rem; + column-gap: 3rem; } - .lg\:hover\:-translate-x-36:hover { - --tw-translate-x: -9rem; + .xl\:gap-x-14 { + -moz-column-gap: 3.5rem; + column-gap: 3.5rem; } - .lg\:hover\:-translate-x-40:hover { - --tw-translate-x: -10rem; + .xl\:gap-x-16 { + -moz-column-gap: 4rem; + column-gap: 4rem; } - .lg\:hover\:-translate-x-44:hover { - --tw-translate-x: -11rem; + .xl\:gap-x-20 { + -moz-column-gap: 5rem; + column-gap: 5rem; } - .lg\:hover\:-translate-x-48:hover { - --tw-translate-x: -12rem; + .xl\:gap-x-24 { + -moz-column-gap: 6rem; + column-gap: 6rem; } - .lg\:hover\:-translate-x-52:hover { - --tw-translate-x: -13rem; + .xl\:gap-x-28 { + -moz-column-gap: 7rem; + column-gap: 7rem; } - .lg\:hover\:-translate-x-56:hover { - --tw-translate-x: -14rem; + .xl\:gap-x-32 { + -moz-column-gap: 8rem; + column-gap: 8rem; } - .lg\:hover\:-translate-x-60:hover { - --tw-translate-x: -15rem; + .xl\:gap-x-36 { + -moz-column-gap: 9rem; + column-gap: 9rem; } - .lg\:hover\:-translate-x-64:hover { - --tw-translate-x: -16rem; + .xl\:gap-x-40 { + -moz-column-gap: 10rem; + column-gap: 10rem; } - .lg\:hover\:-translate-x-72:hover { - --tw-translate-x: -18rem; + .xl\:gap-x-44 { + -moz-column-gap: 11rem; + column-gap: 11rem; } - .lg\:hover\:-translate-x-80:hover { - --tw-translate-x: -20rem; + .xl\:gap-x-48 { + -moz-column-gap: 12rem; + column-gap: 12rem; } - .lg\:hover\:-translate-x-96:hover { - --tw-translate-x: -24rem; + .xl\:gap-x-52 { + -moz-column-gap: 13rem; + column-gap: 13rem; } - .lg\:hover\:-translate-x-px:hover { - --tw-translate-x: -1px; + .xl\:gap-x-56 { + -moz-column-gap: 14rem; + column-gap: 14rem; } - .lg\:hover\:-translate-x-0\.5:hover { - --tw-translate-x: -0.125rem; + .xl\:gap-x-60 { + -moz-column-gap: 15rem; + column-gap: 15rem; } - .lg\:hover\:-translate-x-1\.5:hover { - --tw-translate-x: -0.375rem; + .xl\:gap-x-64 { + -moz-column-gap: 16rem; + column-gap: 16rem; } - .lg\:hover\:-translate-x-2\.5:hover { - --tw-translate-x: -0.625rem; + .xl\:gap-x-72 { + -moz-column-gap: 18rem; + column-gap: 18rem; } - .lg\:hover\:-translate-x-3\.5:hover { - --tw-translate-x: -0.875rem; + .xl\:gap-x-80 { + -moz-column-gap: 20rem; + column-gap: 20rem; } - .lg\:hover\:translate-x-1\/2:hover { - --tw-translate-x: 50%; + .xl\:gap-x-96 { + -moz-column-gap: 24rem; + column-gap: 24rem; } - .lg\:hover\:translate-x-1\/3:hover { - --tw-translate-x: 33.333333%; + .xl\:gap-x-px { + -moz-column-gap: 1px; + column-gap: 1px; } - .lg\:hover\:translate-x-2\/3:hover { - --tw-translate-x: 66.666667%; + .xl\:gap-x-0\.5 { + -moz-column-gap: 0.125rem; + column-gap: 0.125rem; } - .lg\:hover\:translate-x-1\/4:hover { - --tw-translate-x: 25%; + .xl\:gap-x-1\.5 { + -moz-column-gap: 0.375rem; + column-gap: 0.375rem; } - .lg\:hover\:translate-x-2\/4:hover { - --tw-translate-x: 50%; + .xl\:gap-x-2\.5 { + -moz-column-gap: 0.625rem; + column-gap: 0.625rem; } - .lg\:hover\:translate-x-3\/4:hover { - --tw-translate-x: 75%; + .xl\:gap-x-3\.5 { + -moz-column-gap: 0.875rem; + column-gap: 0.875rem; } - .lg\:hover\:translate-x-full:hover { - --tw-translate-x: 100%; + .xl\:gap-y-0 { + row-gap: 0px; } - .lg\:hover\:-translate-x-1\/2:hover { - --tw-translate-x: -50%; + .xl\:gap-y-1 { + row-gap: 0.25rem; } - .lg\:hover\:-translate-x-1\/3:hover { - --tw-translate-x: -33.333333%; + .xl\:gap-y-2 { + row-gap: 0.5rem; } - .lg\:hover\:-translate-x-2\/3:hover { - --tw-translate-x: -66.666667%; + .xl\:gap-y-3 { + row-gap: 0.75rem; } - .lg\:hover\:-translate-x-1\/4:hover { - --tw-translate-x: -25%; + .xl\:gap-y-4 { + row-gap: 1rem; } - .lg\:hover\:-translate-x-2\/4:hover { - --tw-translate-x: -50%; + .xl\:gap-y-5 { + row-gap: 1.25rem; } - .lg\:hover\:-translate-x-3\/4:hover { - --tw-translate-x: -75%; + .xl\:gap-y-6 { + row-gap: 1.5rem; } - .lg\:hover\:-translate-x-full:hover { - --tw-translate-x: -100%; + .xl\:gap-y-7 { + row-gap: 1.75rem; } - .lg\:hover\:translate-y-0:hover { - --tw-translate-y: 0px; + .xl\:gap-y-8 { + row-gap: 2rem; } - .lg\:hover\:translate-y-1:hover { - --tw-translate-y: 0.25rem; + .xl\:gap-y-9 { + row-gap: 2.25rem; } - .lg\:hover\:translate-y-2:hover { - --tw-translate-y: 0.5rem; + .xl\:gap-y-10 { + row-gap: 2.5rem; } - .lg\:hover\:translate-y-3:hover { - --tw-translate-y: 0.75rem; + .xl\:gap-y-11 { + row-gap: 2.75rem; } - .lg\:hover\:translate-y-4:hover { - --tw-translate-y: 1rem; + .xl\:gap-y-12 { + row-gap: 3rem; } - .lg\:hover\:translate-y-5:hover { - --tw-translate-y: 1.25rem; + .xl\:gap-y-14 { + row-gap: 3.5rem; } - .lg\:hover\:translate-y-6:hover { - --tw-translate-y: 1.5rem; + .xl\:gap-y-16 { + row-gap: 4rem; } - .lg\:hover\:translate-y-7:hover { - --tw-translate-y: 1.75rem; + .xl\:gap-y-20 { + row-gap: 5rem; } - .lg\:hover\:translate-y-8:hover { - --tw-translate-y: 2rem; + .xl\:gap-y-24 { + row-gap: 6rem; } - .lg\:hover\:translate-y-9:hover { - --tw-translate-y: 2.25rem; + .xl\:gap-y-28 { + row-gap: 7rem; } - .lg\:hover\:translate-y-10:hover { - --tw-translate-y: 2.5rem; + .xl\:gap-y-32 { + row-gap: 8rem; } - .lg\:hover\:translate-y-11:hover { - --tw-translate-y: 2.75rem; + .xl\:gap-y-36 { + row-gap: 9rem; } - .lg\:hover\:translate-y-12:hover { - --tw-translate-y: 3rem; + .xl\:gap-y-40 { + row-gap: 10rem; } - .lg\:hover\:translate-y-14:hover { - --tw-translate-y: 3.5rem; + .xl\:gap-y-44 { + row-gap: 11rem; } - .lg\:hover\:translate-y-16:hover { - --tw-translate-y: 4rem; + .xl\:gap-y-48 { + row-gap: 12rem; } - .lg\:hover\:translate-y-20:hover { - --tw-translate-y: 5rem; + .xl\:gap-y-52 { + row-gap: 13rem; } - .lg\:hover\:translate-y-24:hover { - --tw-translate-y: 6rem; + .xl\:gap-y-56 { + row-gap: 14rem; } - .lg\:hover\:translate-y-28:hover { - --tw-translate-y: 7rem; + .xl\:gap-y-60 { + row-gap: 15rem; } - .lg\:hover\:translate-y-32:hover { - --tw-translate-y: 8rem; + .xl\:gap-y-64 { + row-gap: 16rem; } - .lg\:hover\:translate-y-36:hover { - --tw-translate-y: 9rem; + .xl\:gap-y-72 { + row-gap: 18rem; } - .lg\:hover\:translate-y-40:hover { - --tw-translate-y: 10rem; + .xl\:gap-y-80 { + row-gap: 20rem; } - .lg\:hover\:translate-y-44:hover { - --tw-translate-y: 11rem; + .xl\:gap-y-96 { + row-gap: 24rem; } - .lg\:hover\:translate-y-48:hover { - --tw-translate-y: 12rem; + .xl\:gap-y-px { + row-gap: 1px; } - .lg\:hover\:translate-y-52:hover { - --tw-translate-y: 13rem; + .xl\:gap-y-0\.5 { + row-gap: 0.125rem; } - .lg\:hover\:translate-y-56:hover { - --tw-translate-y: 14rem; + .xl\:gap-y-1\.5 { + row-gap: 0.375rem; } - .lg\:hover\:translate-y-60:hover { - --tw-translate-y: 15rem; + .xl\:gap-y-2\.5 { + row-gap: 0.625rem; } - .lg\:hover\:translate-y-64:hover { - --tw-translate-y: 16rem; + .xl\:gap-y-3\.5 { + row-gap: 0.875rem; } - .lg\:hover\:translate-y-72:hover { - --tw-translate-y: 18rem; + .xl\:space-x-0 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(0px * var(--tw-space-x-reverse)); + margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse))); } - .lg\:hover\:translate-y-80:hover { - --tw-translate-y: 20rem; + .xl\: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))); } - .lg\:hover\:translate-y-96:hover { - --tw-translate-y: 24rem; + .xl\: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))); } - .lg\:hover\:translate-y-px:hover { - --tw-translate-y: 1px; + .xl\: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))); } - .lg\:hover\:translate-y-0\.5:hover { - --tw-translate-y: 0.125rem; + .xl\: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))); } - .lg\:hover\:translate-y-1\.5:hover { - --tw-translate-y: 0.375rem; + .xl\:space-x-5 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(1.25rem * var(--tw-space-x-reverse)); + margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse))); } - .lg\:hover\:translate-y-2\.5:hover { - --tw-translate-y: 0.625rem; + .xl\: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))); } - .lg\:hover\:translate-y-3\.5:hover { - --tw-translate-y: 0.875rem; + .xl\:space-x-7 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(1.75rem * var(--tw-space-x-reverse)); + margin-left: calc(1.75rem * calc(1 - var(--tw-space-x-reverse))); } - .lg\:hover\:-translate-y-0:hover { - --tw-translate-y: 0px; + .xl\: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))); } - .lg\:hover\:-translate-y-1:hover { - --tw-translate-y: -0.25rem; + .xl\:space-x-9 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(2.25rem * var(--tw-space-x-reverse)); + margin-left: calc(2.25rem * calc(1 - var(--tw-space-x-reverse))); } - .lg\:hover\:-translate-y-2:hover { - --tw-translate-y: -0.5rem; + .xl\:space-x-10 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(2.5rem * var(--tw-space-x-reverse)); + margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse))); } - .lg\:hover\:-translate-y-3:hover { - --tw-translate-y: -0.75rem; + .xl\:space-x-11 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(2.75rem * var(--tw-space-x-reverse)); + margin-left: calc(2.75rem * calc(1 - var(--tw-space-x-reverse))); } - .lg\:hover\:-translate-y-4:hover { - --tw-translate-y: -1rem; + .xl\:space-x-12 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(3rem * var(--tw-space-x-reverse)); + margin-left: calc(3rem * calc(1 - var(--tw-space-x-reverse))); } - .lg\:hover\:-translate-y-5:hover { - --tw-translate-y: -1.25rem; + .xl\:space-x-14 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(3.5rem * var(--tw-space-x-reverse)); + margin-left: calc(3.5rem * calc(1 - var(--tw-space-x-reverse))); } - .lg\:hover\:-translate-y-6:hover { - --tw-translate-y: -1.5rem; + .xl\:space-x-16 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(4rem * var(--tw-space-x-reverse)); + margin-left: calc(4rem * calc(1 - var(--tw-space-x-reverse))); } - .lg\:hover\:-translate-y-7:hover { - --tw-translate-y: -1.75rem; + .xl\:space-x-20 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(5rem * var(--tw-space-x-reverse)); + margin-left: calc(5rem * calc(1 - var(--tw-space-x-reverse))); } - .lg\:hover\:-translate-y-8:hover { - --tw-translate-y: -2rem; + .xl\:space-x-24 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(6rem * var(--tw-space-x-reverse)); + margin-left: calc(6rem * calc(1 - var(--tw-space-x-reverse))); } - .lg\:hover\:-translate-y-9:hover { - --tw-translate-y: -2.25rem; + .xl\:space-x-28 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(7rem * var(--tw-space-x-reverse)); + margin-left: calc(7rem * calc(1 - var(--tw-space-x-reverse))); } - .lg\:hover\:-translate-y-10:hover { - --tw-translate-y: -2.5rem; + .xl\:space-x-32 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(8rem * var(--tw-space-x-reverse)); + margin-left: calc(8rem * calc(1 - var(--tw-space-x-reverse))); } - .lg\:hover\:-translate-y-11:hover { - --tw-translate-y: -2.75rem; + .xl\:space-x-36 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(9rem * var(--tw-space-x-reverse)); + margin-left: calc(9rem * calc(1 - var(--tw-space-x-reverse))); } - .lg\:hover\:-translate-y-12:hover { - --tw-translate-y: -3rem; + .xl\:space-x-40 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(10rem * var(--tw-space-x-reverse)); + margin-left: calc(10rem * calc(1 - var(--tw-space-x-reverse))); } - .lg\:hover\:-translate-y-14:hover { - --tw-translate-y: -3.5rem; + .xl\:space-x-44 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(11rem * var(--tw-space-x-reverse)); + margin-left: calc(11rem * calc(1 - var(--tw-space-x-reverse))); } - .lg\:hover\:-translate-y-16:hover { - --tw-translate-y: -4rem; + .xl\:space-x-48 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(12rem * var(--tw-space-x-reverse)); + margin-left: calc(12rem * calc(1 - var(--tw-space-x-reverse))); } - .lg\:hover\:-translate-y-20:hover { - --tw-translate-y: -5rem; + .xl\:space-x-52 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(13rem * var(--tw-space-x-reverse)); + margin-left: calc(13rem * calc(1 - var(--tw-space-x-reverse))); } - .lg\:hover\:-translate-y-24:hover { - --tw-translate-y: -6rem; + .xl\:space-x-56 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(14rem * var(--tw-space-x-reverse)); + margin-left: calc(14rem * calc(1 - var(--tw-space-x-reverse))); } - .lg\:hover\:-translate-y-28:hover { - --tw-translate-y: -7rem; + .xl\:space-x-60 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(15rem * var(--tw-space-x-reverse)); + margin-left: calc(15rem * calc(1 - var(--tw-space-x-reverse))); } - .lg\:hover\:-translate-y-32:hover { - --tw-translate-y: -8rem; + .xl\:space-x-64 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(16rem * var(--tw-space-x-reverse)); + margin-left: calc(16rem * calc(1 - var(--tw-space-x-reverse))); } - .lg\:hover\:-translate-y-36:hover { - --tw-translate-y: -9rem; + .xl\:space-x-72 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(18rem * var(--tw-space-x-reverse)); + margin-left: calc(18rem * calc(1 - var(--tw-space-x-reverse))); } - .lg\:hover\:-translate-y-40:hover { - --tw-translate-y: -10rem; + .xl\:space-x-80 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(20rem * var(--tw-space-x-reverse)); + margin-left: calc(20rem * calc(1 - var(--tw-space-x-reverse))); } - .lg\:hover\:-translate-y-44:hover { - --tw-translate-y: -11rem; + .xl\:space-x-96 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(24rem * var(--tw-space-x-reverse)); + margin-left: calc(24rem * calc(1 - var(--tw-space-x-reverse))); } - .lg\:hover\:-translate-y-48:hover { - --tw-translate-y: -12rem; + .xl\:space-x-px > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(1px * var(--tw-space-x-reverse)); + margin-left: calc(1px * calc(1 - var(--tw-space-x-reverse))); } - .lg\:hover\:-translate-y-52:hover { - --tw-translate-y: -13rem; + .xl\:space-x-0\.5 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(0.125rem * var(--tw-space-x-reverse)); + margin-left: calc(0.125rem * calc(1 - var(--tw-space-x-reverse))); } - .lg\:hover\:-translate-y-56:hover { - --tw-translate-y: -14rem; + .xl\: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))); } - .lg\:hover\:-translate-y-60:hover { - --tw-translate-y: -15rem; + .xl\: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))); } - .lg\:hover\:-translate-y-64:hover { - --tw-translate-y: -16rem; + .xl\:space-x-3\.5 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(0.875rem * var(--tw-space-x-reverse)); + margin-left: calc(0.875rem * calc(1 - var(--tw-space-x-reverse))); } - .lg\:hover\:-translate-y-72:hover { - --tw-translate-y: -18rem; + .xl\:-space-x-0 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(0px * var(--tw-space-x-reverse)); + margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse))); } - .lg\:hover\:-translate-y-80:hover { - --tw-translate-y: -20rem; + .xl\:-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))); } - .lg\:hover\:-translate-y-96:hover { - --tw-translate-y: -24rem; + .xl\:-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))); } - .lg\:hover\:-translate-y-px:hover { - --tw-translate-y: -1px; + .xl\:-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))); } - .lg\:hover\:-translate-y-0\.5:hover { - --tw-translate-y: -0.125rem; + .xl\:-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))); } - .lg\:hover\:-translate-y-1\.5:hover { - --tw-translate-y: -0.375rem; + .xl\:-space-x-5 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-1.25rem * var(--tw-space-x-reverse)); + margin-left: calc(-1.25rem * calc(1 - var(--tw-space-x-reverse))); } - .lg\:hover\:-translate-y-2\.5:hover { - --tw-translate-y: -0.625rem; + .xl\:-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))); } - .lg\:hover\:-translate-y-3\.5:hover { - --tw-translate-y: -0.875rem; + .xl\:-space-x-7 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-1.75rem * var(--tw-space-x-reverse)); + margin-left: calc(-1.75rem * calc(1 - var(--tw-space-x-reverse))); } - .lg\:hover\:translate-y-1\/2:hover { - --tw-translate-y: 50%; + .xl\:-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))); } - .lg\:hover\:translate-y-1\/3:hover { - --tw-translate-y: 33.333333%; + .xl\:-space-x-9 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-2.25rem * var(--tw-space-x-reverse)); + margin-left: calc(-2.25rem * calc(1 - var(--tw-space-x-reverse))); } - .lg\:hover\:translate-y-2\/3:hover { - --tw-translate-y: 66.666667%; + .xl\:-space-x-10 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-2.5rem * var(--tw-space-x-reverse)); + margin-left: calc(-2.5rem * calc(1 - var(--tw-space-x-reverse))); } - .lg\:hover\:translate-y-1\/4:hover { - --tw-translate-y: 25%; + .xl\:-space-x-11 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-2.75rem * var(--tw-space-x-reverse)); + margin-left: calc(-2.75rem * calc(1 - var(--tw-space-x-reverse))); } - .lg\:hover\:translate-y-2\/4:hover { - --tw-translate-y: 50%; + .xl\:-space-x-12 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-3rem * var(--tw-space-x-reverse)); + margin-left: calc(-3rem * calc(1 - var(--tw-space-x-reverse))); } - .lg\:hover\:translate-y-3\/4:hover { - --tw-translate-y: 75%; + .xl\:-space-x-14 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-3.5rem * var(--tw-space-x-reverse)); + margin-left: calc(-3.5rem * calc(1 - var(--tw-space-x-reverse))); } - .lg\:hover\:translate-y-full:hover { - --tw-translate-y: 100%; + .xl\:-space-x-16 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-4rem * var(--tw-space-x-reverse)); + margin-left: calc(-4rem * calc(1 - var(--tw-space-x-reverse))); } - .lg\:hover\:-translate-y-1\/2:hover { - --tw-translate-y: -50%; + .xl\:-space-x-20 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-5rem * var(--tw-space-x-reverse)); + margin-left: calc(-5rem * calc(1 - var(--tw-space-x-reverse))); } - .lg\:hover\:-translate-y-1\/3:hover { - --tw-translate-y: -33.333333%; + .xl\:-space-x-24 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-6rem * var(--tw-space-x-reverse)); + margin-left: calc(-6rem * calc(1 - var(--tw-space-x-reverse))); } - .lg\:hover\:-translate-y-2\/3:hover { - --tw-translate-y: -66.666667%; + .xl\:-space-x-28 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-7rem * var(--tw-space-x-reverse)); + margin-left: calc(-7rem * calc(1 - var(--tw-space-x-reverse))); } - .lg\:hover\:-translate-y-1\/4:hover { - --tw-translate-y: -25%; + .xl\:-space-x-32 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-8rem * var(--tw-space-x-reverse)); + margin-left: calc(-8rem * calc(1 - var(--tw-space-x-reverse))); } - .lg\:hover\:-translate-y-2\/4:hover { - --tw-translate-y: -50%; + .xl\:-space-x-36 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-9rem * var(--tw-space-x-reverse)); + margin-left: calc(-9rem * calc(1 - var(--tw-space-x-reverse))); } - .lg\:hover\:-translate-y-3\/4:hover { - --tw-translate-y: -75%; + .xl\:-space-x-40 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-10rem * var(--tw-space-x-reverse)); + margin-left: calc(-10rem * calc(1 - var(--tw-space-x-reverse))); } - .lg\:hover\:-translate-y-full:hover { - --tw-translate-y: -100%; + .xl\:-space-x-44 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-11rem * var(--tw-space-x-reverse)); + margin-left: calc(-11rem * calc(1 - var(--tw-space-x-reverse))); } - .lg\:focus\:translate-x-0:focus { - --tw-translate-x: 0px; + .xl\:-space-x-48 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-12rem * var(--tw-space-x-reverse)); + margin-left: calc(-12rem * calc(1 - var(--tw-space-x-reverse))); } - .lg\:focus\:translate-x-1:focus { - --tw-translate-x: 0.25rem; + .xl\:-space-x-52 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-13rem * var(--tw-space-x-reverse)); + margin-left: calc(-13rem * calc(1 - var(--tw-space-x-reverse))); } - .lg\:focus\:translate-x-2:focus { - --tw-translate-x: 0.5rem; + .xl\:-space-x-56 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-14rem * var(--tw-space-x-reverse)); + margin-left: calc(-14rem * calc(1 - var(--tw-space-x-reverse))); } - .lg\:focus\:translate-x-3:focus { - --tw-translate-x: 0.75rem; + .xl\:-space-x-60 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-15rem * var(--tw-space-x-reverse)); + margin-left: calc(-15rem * calc(1 - var(--tw-space-x-reverse))); } - .lg\:focus\:translate-x-4:focus { - --tw-translate-x: 1rem; + .xl\:-space-x-64 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-16rem * var(--tw-space-x-reverse)); + margin-left: calc(-16rem * calc(1 - var(--tw-space-x-reverse))); } - .lg\:focus\:translate-x-5:focus { - --tw-translate-x: 1.25rem; + .xl\:-space-x-72 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-18rem * var(--tw-space-x-reverse)); + margin-left: calc(-18rem * calc(1 - var(--tw-space-x-reverse))); } - .lg\:focus\:translate-x-6:focus { - --tw-translate-x: 1.5rem; + .xl\:-space-x-80 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-20rem * var(--tw-space-x-reverse)); + margin-left: calc(-20rem * calc(1 - var(--tw-space-x-reverse))); } - .lg\:focus\:translate-x-7:focus { - --tw-translate-x: 1.75rem; + .xl\:-space-x-96 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-24rem * var(--tw-space-x-reverse)); + margin-left: calc(-24rem * calc(1 - var(--tw-space-x-reverse))); } - .lg\:focus\:translate-x-8:focus { - --tw-translate-x: 2rem; + .xl\:-space-x-px > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-1px * var(--tw-space-x-reverse)); + margin-left: calc(-1px * calc(1 - var(--tw-space-x-reverse))); } - .lg\:focus\:translate-x-9:focus { - --tw-translate-x: 2.25rem; + .xl\:-space-x-0\.5 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-0.125rem * var(--tw-space-x-reverse)); + margin-left: calc(-0.125rem * calc(1 - var(--tw-space-x-reverse))); } - .lg\:focus\:translate-x-10:focus { - --tw-translate-x: 2.5rem; + .xl\:-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))); } - .lg\:focus\:translate-x-11:focus { - --tw-translate-x: 2.75rem; + .xl\:-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))); } - .lg\:focus\:translate-x-12:focus { - --tw-translate-x: 3rem; + .xl\:-space-x-3\.5 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-0.875rem * var(--tw-space-x-reverse)); + margin-left: calc(-0.875rem * calc(1 - var(--tw-space-x-reverse))); } - .lg\:focus\:translate-x-14:focus { - --tw-translate-x: 3.5rem; + .xl\: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\:focus\:translate-x-16:focus { - --tw-translate-x: 4rem; + .xl\: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)); } - .lg\:focus\:translate-x-20:focus { - --tw-translate-x: 5rem; + .xl\: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)); } - .lg\:focus\:translate-x-24:focus { - --tw-translate-x: 6rem; + .xl\: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)); } - .lg\:focus\:translate-x-28:focus { - --tw-translate-x: 7rem; + .xl\:space-y-4 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(1rem * var(--tw-space-y-reverse)); } - .lg\:focus\:translate-x-32:focus { - --tw-translate-x: 8rem; + .xl\: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)); } - .lg\:focus\:translate-x-36:focus { - --tw-translate-x: 9rem; + .xl\: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\:focus\:translate-x-40:focus { - --tw-translate-x: 10rem; + .xl\:space-y-7 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(1.75rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(1.75rem * var(--tw-space-y-reverse)); } - .lg\:focus\:translate-x-44:focus { - --tw-translate-x: 11rem; + .xl\:space-y-8 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(2rem * var(--tw-space-y-reverse)); } - .lg\:focus\:translate-x-48:focus { - --tw-translate-x: 12rem; + .xl\:space-y-9 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(2.25rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(2.25rem * var(--tw-space-y-reverse)); } - .lg\:focus\:translate-x-52:focus { - --tw-translate-x: 13rem; + .xl\: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)); } - .lg\:focus\:translate-x-56:focus { - --tw-translate-x: 14rem; + .xl\:space-y-11 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(2.75rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(2.75rem * var(--tw-space-y-reverse)); } - .lg\:focus\:translate-x-60:focus { - --tw-translate-x: 15rem; + .xl\: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)); } - .lg\:focus\:translate-x-64:focus { - --tw-translate-x: 16rem; + .xl\:space-y-14 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(3.5rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(3.5rem * var(--tw-space-y-reverse)); } - .lg\:focus\:translate-x-72:focus { - --tw-translate-x: 18rem; + .xl\: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)); } - .lg\:focus\:translate-x-80:focus { - --tw-translate-x: 20rem; + .xl\:space-y-20 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(5rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(5rem * var(--tw-space-y-reverse)); } - .lg\:focus\:translate-x-96:focus { - --tw-translate-x: 24rem; + .xl\:space-y-24 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(6rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(6rem * var(--tw-space-y-reverse)); } - .lg\:focus\:translate-x-px:focus { - --tw-translate-x: 1px; + .xl\:space-y-28 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(7rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(7rem * var(--tw-space-y-reverse)); } - .lg\:focus\:translate-x-0\.5:focus { - --tw-translate-x: 0.125rem; + .xl\:space-y-32 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(8rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(8rem * var(--tw-space-y-reverse)); } - .lg\:focus\:translate-x-1\.5:focus { - --tw-translate-x: 0.375rem; + .xl\:space-y-36 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(9rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(9rem * var(--tw-space-y-reverse)); } - .lg\:focus\:translate-x-2\.5:focus { - --tw-translate-x: 0.625rem; + .xl\:space-y-40 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(10rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(10rem * var(--tw-space-y-reverse)); } - .lg\:focus\:translate-x-3\.5:focus { - --tw-translate-x: 0.875rem; + .xl\:space-y-44 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(11rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(11rem * var(--tw-space-y-reverse)); } - .lg\:focus\:-translate-x-0:focus { - --tw-translate-x: 0px; + .xl\:space-y-48 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(12rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(12rem * var(--tw-space-y-reverse)); } - .lg\:focus\:-translate-x-1:focus { - --tw-translate-x: -0.25rem; + .xl\:space-y-52 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(13rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(13rem * var(--tw-space-y-reverse)); } - .lg\:focus\:-translate-x-2:focus { - --tw-translate-x: -0.5rem; + .xl\:space-y-56 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(14rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(14rem * var(--tw-space-y-reverse)); } - .lg\:focus\:-translate-x-3:focus { - --tw-translate-x: -0.75rem; + .xl\:space-y-60 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(15rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(15rem * var(--tw-space-y-reverse)); } - .lg\:focus\:-translate-x-4:focus { - --tw-translate-x: -1rem; + .xl\:space-y-64 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(16rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(16rem * var(--tw-space-y-reverse)); } - .lg\:focus\:-translate-x-5:focus { - --tw-translate-x: -1.25rem; + .xl\:space-y-72 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(18rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(18rem * var(--tw-space-y-reverse)); } - .lg\:focus\:-translate-x-6:focus { - --tw-translate-x: -1.5rem; + .xl\:space-y-80 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(20rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(20rem * var(--tw-space-y-reverse)); } - .lg\:focus\:-translate-x-7:focus { - --tw-translate-x: -1.75rem; + .xl\:space-y-96 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(24rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(24rem * var(--tw-space-y-reverse)); } - .lg\:focus\:-translate-x-8:focus { - --tw-translate-x: -2rem; + .xl\:space-y-px > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(1px * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(1px * var(--tw-space-y-reverse)); } - .lg\:focus\:-translate-x-9:focus { - --tw-translate-x: -2.25rem; + .xl\: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)); } - .lg\:focus\:-translate-x-10:focus { - --tw-translate-x: -2.5rem; + .xl\: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)); } - .lg\:focus\:-translate-x-11:focus { - --tw-translate-x: -2.75rem; + .xl\: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)); } - .lg\:focus\:-translate-x-12:focus { - --tw-translate-x: -3rem; + .xl\:space-y-3\.5 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(0.875rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(0.875rem * var(--tw-space-y-reverse)); } - .lg\:focus\:-translate-x-14:focus { - --tw-translate-x: -3.5rem; + .xl\:-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\:focus\:-translate-x-16:focus { - --tw-translate-x: -4rem; + .xl\:-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)); } - .lg\:focus\:-translate-x-20:focus { - --tw-translate-x: -5rem; + .xl\:-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)); } - .lg\:focus\:-translate-x-24:focus { - --tw-translate-x: -6rem; + .xl\:-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)); } - .lg\:focus\:-translate-x-28:focus { - --tw-translate-x: -7rem; + .xl\:-space-y-4 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-1rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-1rem * var(--tw-space-y-reverse)); } - .lg\:focus\:-translate-x-32:focus { - --tw-translate-x: -8rem; + .xl\:-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)); } - .lg\:focus\:-translate-x-36:focus { - --tw-translate-x: -9rem; + .xl\:-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\:focus\:-translate-x-40:focus { - --tw-translate-x: -10rem; + .xl\:-space-y-7 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-1.75rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-1.75rem * var(--tw-space-y-reverse)); } - .lg\:focus\:-translate-x-44:focus { - --tw-translate-x: -11rem; + .xl\:-space-y-8 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-2rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-2rem * var(--tw-space-y-reverse)); } - .lg\:focus\:-translate-x-48:focus { - --tw-translate-x: -12rem; + .xl\:-space-y-9 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-2.25rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-2.25rem * var(--tw-space-y-reverse)); } - .lg\:focus\:-translate-x-52:focus { - --tw-translate-x: -13rem; + .xl\:-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)); } - .lg\:focus\:-translate-x-56:focus { - --tw-translate-x: -14rem; + .xl\:-space-y-11 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-2.75rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-2.75rem * var(--tw-space-y-reverse)); } - .lg\:focus\:-translate-x-60:focus { - --tw-translate-x: -15rem; + .xl\:-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)); } - .lg\:focus\:-translate-x-64:focus { - --tw-translate-x: -16rem; + .xl\:-space-y-14 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-3.5rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-3.5rem * var(--tw-space-y-reverse)); } - .lg\:focus\:-translate-x-72:focus { - --tw-translate-x: -18rem; + .xl\:-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)); } - .lg\:focus\:-translate-x-80:focus { - --tw-translate-x: -20rem; + .xl\:-space-y-20 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-5rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-5rem * var(--tw-space-y-reverse)); } - .lg\:focus\:-translate-x-96:focus { - --tw-translate-x: -24rem; + .xl\:-space-y-24 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-6rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-6rem * var(--tw-space-y-reverse)); } - .lg\:focus\:-translate-x-px:focus { - --tw-translate-x: -1px; + .xl\:-space-y-28 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-7rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-7rem * var(--tw-space-y-reverse)); } - .lg\:focus\:-translate-x-0\.5:focus { - --tw-translate-x: -0.125rem; + .xl\:-space-y-32 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-8rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-8rem * var(--tw-space-y-reverse)); } - .lg\:focus\:-translate-x-1\.5:focus { - --tw-translate-x: -0.375rem; + .xl\:-space-y-36 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-9rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-9rem * var(--tw-space-y-reverse)); } - .lg\:focus\:-translate-x-2\.5:focus { - --tw-translate-x: -0.625rem; + .xl\:-space-y-40 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-10rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-10rem * var(--tw-space-y-reverse)); } - .lg\:focus\:-translate-x-3\.5:focus { - --tw-translate-x: -0.875rem; + .xl\:-space-y-44 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-11rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-11rem * var(--tw-space-y-reverse)); } - .lg\:focus\:translate-x-1\/2:focus { - --tw-translate-x: 50%; + .xl\:-space-y-48 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-12rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-12rem * var(--tw-space-y-reverse)); } - .lg\:focus\:translate-x-1\/3:focus { - --tw-translate-x: 33.333333%; + .xl\:-space-y-52 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-13rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-13rem * var(--tw-space-y-reverse)); } - .lg\:focus\:translate-x-2\/3:focus { - --tw-translate-x: 66.666667%; + .xl\:-space-y-56 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-14rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-14rem * var(--tw-space-y-reverse)); } - .lg\:focus\:translate-x-1\/4:focus { - --tw-translate-x: 25%; + .xl\:-space-y-60 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-15rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-15rem * var(--tw-space-y-reverse)); } - .lg\:focus\:translate-x-2\/4:focus { - --tw-translate-x: 50%; + .xl\:-space-y-64 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-16rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-16rem * var(--tw-space-y-reverse)); } - .lg\:focus\:translate-x-3\/4:focus { - --tw-translate-x: 75%; + .xl\:-space-y-72 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-18rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-18rem * var(--tw-space-y-reverse)); } - .lg\:focus\:translate-x-full:focus { - --tw-translate-x: 100%; + .xl\:-space-y-80 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-20rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-20rem * var(--tw-space-y-reverse)); } - .lg\:focus\:-translate-x-1\/2:focus { - --tw-translate-x: -50%; + .xl\:-space-y-96 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-24rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-24rem * var(--tw-space-y-reverse)); } - .lg\:focus\:-translate-x-1\/3:focus { - --tw-translate-x: -33.333333%; + .xl\:-space-y-px > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-1px * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-1px * var(--tw-space-y-reverse)); } - .lg\:focus\:-translate-x-2\/3:focus { - --tw-translate-x: -66.666667%; + .xl\:-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)); } - .lg\:focus\:-translate-x-1\/4:focus { - --tw-translate-x: -25%; + .xl\:-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)); } - .lg\:focus\:-translate-x-2\/4:focus { - --tw-translate-x: -50%; + .xl\:-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)); } - .lg\:focus\:-translate-x-3\/4:focus { - --tw-translate-x: -75%; + .xl\:-space-y-3\.5 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-0.875rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-0.875rem * var(--tw-space-y-reverse)); } - .lg\:focus\:-translate-x-full:focus { - --tw-translate-x: -100%; + .xl\:space-y-reverse > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 1; } - .lg\:focus\:translate-y-0:focus { - --tw-translate-y: 0px; + .xl\:space-x-reverse > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 1; } - .lg\:focus\:translate-y-1:focus { - --tw-translate-y: 0.25rem; + .xl\:divide-x-0 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-x-reverse: 0; + border-right-width: calc(0px * var(--tw-divide-x-reverse)); + border-left-width: calc(0px * calc(1 - var(--tw-divide-x-reverse))); } - .lg\:focus\:translate-y-2:focus { - --tw-translate-y: 0.5rem; + .xl\:divide-x-2 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-x-reverse: 0; + border-right-width: calc(2px * var(--tw-divide-x-reverse)); + border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse))); } - .lg\:focus\:translate-y-3:focus { - --tw-translate-y: 0.75rem; + .xl\:divide-x-4 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-x-reverse: 0; + border-right-width: calc(4px * var(--tw-divide-x-reverse)); + border-left-width: calc(4px * calc(1 - var(--tw-divide-x-reverse))); } - .lg\:focus\:translate-y-4:focus { - --tw-translate-y: 1rem; + .xl\:divide-x-8 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-x-reverse: 0; + border-right-width: calc(8px * var(--tw-divide-x-reverse)); + border-left-width: calc(8px * calc(1 - var(--tw-divide-x-reverse))); } - .lg\:focus\:translate-y-5:focus { - --tw-translate-y: 1.25rem; + .xl\:divide-x > :not([hidden]) ~ :not([hidden]) { + --tw-divide-x-reverse: 0; + border-right-width: calc(1px * var(--tw-divide-x-reverse)); + border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); } - .lg\:focus\:translate-y-6:focus { - --tw-translate-y: 1.5rem; + .xl\:divide-y-0 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-y-reverse: 0; + border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse))); + border-bottom-width: calc(0px * var(--tw-divide-y-reverse)); } - .lg\:focus\:translate-y-7:focus { - --tw-translate-y: 1.75rem; + .xl\:divide-y-2 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-y-reverse: 0; + border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse))); + border-bottom-width: calc(2px * var(--tw-divide-y-reverse)); } - .lg\:focus\:translate-y-8:focus { - --tw-translate-y: 2rem; + .xl\:divide-y-4 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-y-reverse: 0; + border-top-width: calc(4px * calc(1 - var(--tw-divide-y-reverse))); + border-bottom-width: calc(4px * var(--tw-divide-y-reverse)); } - .lg\:focus\:translate-y-9:focus { - --tw-translate-y: 2.25rem; + .xl\:divide-y-8 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-y-reverse: 0; + border-top-width: calc(8px * calc(1 - var(--tw-divide-y-reverse))); + border-bottom-width: calc(8px * var(--tw-divide-y-reverse)); } - .lg\:focus\:translate-y-10:focus { - --tw-translate-y: 2.5rem; + .xl\: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)); } - .lg\:focus\:translate-y-11:focus { - --tw-translate-y: 2.75rem; + .xl\:divide-y-reverse > :not([hidden]) ~ :not([hidden]) { + --tw-divide-y-reverse: 1; } - .lg\:focus\:translate-y-12:focus { - --tw-translate-y: 3rem; + .xl\:divide-x-reverse > :not([hidden]) ~ :not([hidden]) { + --tw-divide-x-reverse: 1; } - .lg\:focus\:translate-y-14:focus { - --tw-translate-y: 3.5rem; + .xl\:divide-solid > :not([hidden]) ~ :not([hidden]) { + border-style: solid; } - .lg\:focus\:translate-y-16:focus { - --tw-translate-y: 4rem; + .xl\:divide-dashed > :not([hidden]) ~ :not([hidden]) { + border-style: dashed; } - .lg\:focus\:translate-y-20:focus { - --tw-translate-y: 5rem; + .xl\:divide-dotted > :not([hidden]) ~ :not([hidden]) { + border-style: dotted; } - .lg\:focus\:translate-y-24:focus { - --tw-translate-y: 6rem; + .xl\:divide-double > :not([hidden]) ~ :not([hidden]) { + border-style: double; } - .lg\:focus\:translate-y-28:focus { - --tw-translate-y: 7rem; + .xl\:divide-none > :not([hidden]) ~ :not([hidden]) { + border-style: none; } - .lg\:focus\:translate-y-32:focus { - --tw-translate-y: 8rem; + .xl\:divide-colors-black > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-black, #000000); } - .lg\:focus\:translate-y-36:focus { - --tw-translate-y: 9rem; + .xl\:divide-colors-white > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-white, #ffffff); } - .lg\:focus\:translate-y-40:focus { - --tw-translate-y: 10rem; + .xl\:divide-colors-gray-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-gray-100, #f7fafc); } - .lg\:focus\:translate-y-44:focus { - --tw-translate-y: 11rem; + .xl\:divide-colors-gray-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-gray-200, #edf2f7); } - .lg\:focus\:translate-y-48:focus { - --tw-translate-y: 12rem; + .xl\:divide-colors-gray-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-gray-300, #e2e8f0); } - .lg\:focus\:translate-y-52:focus { - --tw-translate-y: 13rem; + .xl\:divide-colors-gray-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-gray-400, #cbd5e0); } - .lg\:focus\:translate-y-56:focus { - --tw-translate-y: 14rem; + .xl\:divide-colors-gray-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-gray-500, #a0aec0); } - .lg\:focus\:translate-y-60:focus { - --tw-translate-y: 15rem; + .xl\:divide-colors-gray-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-gray-600, #718096); } - .lg\:focus\:translate-y-64:focus { - --tw-translate-y: 16rem; + .xl\:divide-colors-gray-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-gray-700, #4a5568); } - .lg\:focus\:translate-y-72:focus { - --tw-translate-y: 18rem; + .xl\:divide-colors-gray-800 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-gray-800, #2d3748); } - .lg\:focus\:translate-y-80:focus { - --tw-translate-y: 20rem; + .xl\:divide-colors-gray-900 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-gray-900, #1a202c); } - .lg\:focus\:translate-y-96:focus { - --tw-translate-y: 24rem; + .xl\:divide-colors-red-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-red-100, #fff5f5); } - .lg\:focus\:translate-y-px:focus { - --tw-translate-y: 1px; + .xl\:divide-colors-red-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-red-200, #fed7d7); } - .lg\:focus\:translate-y-0\.5:focus { - --tw-translate-y: 0.125rem; + .xl\:divide-colors-red-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-red-300, #feb2b2); } - .lg\:focus\:translate-y-1\.5:focus { - --tw-translate-y: 0.375rem; + .xl\:divide-colors-red-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-red-400, #fc8181); } - .lg\:focus\:translate-y-2\.5:focus { - --tw-translate-y: 0.625rem; + .xl\:divide-colors-red-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-red-500, #f56565); } - .lg\:focus\:translate-y-3\.5:focus { - --tw-translate-y: 0.875rem; + .xl\:divide-colors-red-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-red-600, #e53e3e); } - .lg\:focus\:-translate-y-0:focus { - --tw-translate-y: 0px; + .xl\:divide-colors-red-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-red-700, #c53030); } - .lg\:focus\:-translate-y-1:focus { - --tw-translate-y: -0.25rem; + .xl\:divide-colors-red-800 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-red-800, #9b2c2c); } - .lg\:focus\:-translate-y-2:focus { - --tw-translate-y: -0.5rem; + .xl\:divide-colors-red-900 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-red-900, #742a2a); } - .lg\:focus\:-translate-y-3:focus { - --tw-translate-y: -0.75rem; + .xl\:divide-colors-orange-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-orange-100, #fffaf0); } - .lg\:focus\:-translate-y-4:focus { - --tw-translate-y: -1rem; + .xl\:divide-colors-orange-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-orange-200, #feebc8); } - .lg\:focus\:-translate-y-5:focus { - --tw-translate-y: -1.25rem; + .xl\:divide-colors-orange-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-orange-300, #fbd38d); } - .lg\:focus\:-translate-y-6:focus { - --tw-translate-y: -1.5rem; + .xl\:divide-colors-orange-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-orange-400, #f6ad55); } - .lg\:focus\:-translate-y-7:focus { - --tw-translate-y: -1.75rem; + .xl\:divide-colors-orange-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-orange-500, #ed8936); } - .lg\:focus\:-translate-y-8:focus { - --tw-translate-y: -2rem; + .xl\:divide-colors-orange-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-orange-600, #dd6b20); } - .lg\:focus\:-translate-y-9:focus { - --tw-translate-y: -2.25rem; + .xl\:divide-colors-orange-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-orange-700, #c05621); } - .lg\:focus\:-translate-y-10:focus { - --tw-translate-y: -2.5rem; + .xl\:divide-colors-orange-800 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-orange-800, #9c4221); } - .lg\:focus\:-translate-y-11:focus { - --tw-translate-y: -2.75rem; + .xl\:divide-colors-orange-900 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-orange-900, #7b341e); } - .lg\:focus\:-translate-y-12:focus { - --tw-translate-y: -3rem; + .xl\:divide-colors-yellow-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-yellow-100, #fffff0); } - .lg\:focus\:-translate-y-14:focus { - --tw-translate-y: -3.5rem; + .xl\:divide-colors-yellow-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-yellow-200, #fefcbf); } - .lg\:focus\:-translate-y-16:focus { - --tw-translate-y: -4rem; + .xl\:divide-colors-yellow-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-yellow-300, #faf089); } - .lg\:focus\:-translate-y-20:focus { - --tw-translate-y: -5rem; + .xl\:divide-colors-yellow-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-yellow-400, #f6e05e); } - .lg\:focus\:-translate-y-24:focus { - --tw-translate-y: -6rem; + .xl\:divide-colors-yellow-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-yellow-500, #ecc94b); } - .lg\:focus\:-translate-y-28:focus { - --tw-translate-y: -7rem; + .xl\:divide-colors-yellow-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-yellow-600, #d69e2e); } - .lg\:focus\:-translate-y-32:focus { - --tw-translate-y: -8rem; + .xl\:divide-colors-yellow-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-yellow-700, #b7791f); } - .lg\:focus\:-translate-y-36:focus { - --tw-translate-y: -9rem; + .xl\:divide-colors-yellow-800 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-yellow-800, #975a16); } - .lg\:focus\:-translate-y-40:focus { - --tw-translate-y: -10rem; + .xl\:divide-colors-yellow-900 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-yellow-900, #744210); } - .lg\:focus\:-translate-y-44:focus { - --tw-translate-y: -11rem; + .xl\:divide-colors-green-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-green-100, #f0fff4); } - .lg\:focus\:-translate-y-48:focus { - --tw-translate-y: -12rem; + .xl\:divide-colors-green-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-green-200, #c6f6d5); } - .lg\:focus\:-translate-y-52:focus { - --tw-translate-y: -13rem; + .xl\:divide-colors-green-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-green-300, #9ae6b4); } - .lg\:focus\:-translate-y-56:focus { - --tw-translate-y: -14rem; + .xl\:divide-colors-green-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-green-400, #68d391); } - .lg\:focus\:-translate-y-60:focus { - --tw-translate-y: -15rem; + .xl\:divide-colors-green-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-green-500, #48bb78); } - .lg\:focus\:-translate-y-64:focus { - --tw-translate-y: -16rem; + .xl\:divide-colors-green-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-green-600, #38a169); } - .lg\:focus\:-translate-y-72:focus { - --tw-translate-y: -18rem; + .xl\:divide-colors-green-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-green-700, #2f855a); } - .lg\:focus\:-translate-y-80:focus { - --tw-translate-y: -20rem; + .xl\:divide-colors-green-800 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-green-800, #276749); } - .lg\:focus\:-translate-y-96:focus { - --tw-translate-y: -24rem; + .xl\:divide-colors-green-900 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-green-900, #22543d); } - .lg\:focus\:-translate-y-px:focus { - --tw-translate-y: -1px; + .xl\:divide-colors-teal-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-teal-100, #e6fffa); } - .lg\:focus\:-translate-y-0\.5:focus { - --tw-translate-y: -0.125rem; + .xl\:divide-colors-teal-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-teal-200, #b2f5ea); } - .lg\:focus\:-translate-y-1\.5:focus { - --tw-translate-y: -0.375rem; + .xl\:divide-colors-teal-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-teal-300, #81e6d9); } - .lg\:focus\:-translate-y-2\.5:focus { - --tw-translate-y: -0.625rem; + .xl\:divide-colors-teal-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-teal-400, #4fd1c5); } - .lg\:focus\:-translate-y-3\.5:focus { - --tw-translate-y: -0.875rem; + .xl\:divide-colors-teal-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-teal-500, #38b2ac); } - .lg\:focus\:translate-y-1\/2:focus { - --tw-translate-y: 50%; + .xl\:divide-colors-teal-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-teal-600, #319795); } - .lg\:focus\:translate-y-1\/3:focus { - --tw-translate-y: 33.333333%; + .xl\:divide-colors-teal-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-teal-700, #2c7a7b); } - .lg\:focus\:translate-y-2\/3:focus { - --tw-translate-y: 66.666667%; + .xl\:divide-colors-teal-800 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-teal-800, #285e61); } - .lg\:focus\:translate-y-1\/4:focus { - --tw-translate-y: 25%; + .xl\:divide-colors-teal-900 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-teal-900, #234e52); } - .lg\:focus\:translate-y-2\/4:focus { - --tw-translate-y: 50%; + .xl\:divide-colors-blue-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-blue-100, #ebf8ff); } - .lg\:focus\:translate-y-3\/4:focus { - --tw-translate-y: 75%; + .xl\:divide-colors-blue-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-blue-200, #bee3f8); } - .lg\:focus\:translate-y-full:focus { - --tw-translate-y: 100%; + .xl\:divide-colors-blue-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-blue-300, #90cdf4); } - .lg\:focus\:-translate-y-1\/2:focus { - --tw-translate-y: -50%; + .xl\:divide-colors-blue-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-blue-400, #63b3ed); } - .lg\:focus\:-translate-y-1\/3:focus { - --tw-translate-y: -33.333333%; + .xl\:divide-colors-blue-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-blue-500, #4299e1); } - .lg\:focus\:-translate-y-2\/3:focus { - --tw-translate-y: -66.666667%; + .xl\:divide-colors-blue-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-blue-600, #3182ce); } - .lg\:focus\:-translate-y-1\/4:focus { - --tw-translate-y: -25%; + .xl\:divide-colors-blue-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-blue-700, #2b6cb0); } - .lg\:focus\:-translate-y-2\/4:focus { - --tw-translate-y: -50%; + .xl\:divide-colors-blue-800 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-blue-800, #2c5282); } - .lg\:focus\:-translate-y-3\/4:focus { - --tw-translate-y: -75%; + .xl\:divide-colors-blue-900 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-blue-900, #2a4365); } - .lg\:focus\:-translate-y-full:focus { - --tw-translate-y: -100%; + .xl\:divide-colors-indigo-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-indigo-100, #ebf4ff); } - .lg\:rotate-0 { - --tw-rotate: 0deg; + .xl\:divide-colors-indigo-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-indigo-200, #c3dafe); } - .lg\:rotate-1 { - --tw-rotate: 1deg; + .xl\:divide-colors-indigo-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-indigo-300, #a3bffa); } - .lg\:rotate-2 { - --tw-rotate: 2deg; + .xl\:divide-colors-indigo-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-indigo-400, #7f9cf5); } - .lg\:rotate-3 { - --tw-rotate: 3deg; + .xl\:divide-colors-indigo-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-indigo-500, #667eea); } - .lg\:rotate-6 { - --tw-rotate: 6deg; + .xl\:divide-colors-indigo-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-indigo-600, #5a67d8); } - .lg\:rotate-12 { - --tw-rotate: 12deg; + .xl\:divide-colors-indigo-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-indigo-700, #4c51bf); } - .lg\:rotate-45 { - --tw-rotate: 45deg; + .xl\:divide-colors-indigo-800 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-indigo-800, #434190); } - .lg\:rotate-90 { - --tw-rotate: 90deg; + .xl\:divide-colors-indigo-900 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-indigo-900, #3c366b); } - .lg\:rotate-180 { - --tw-rotate: 180deg; + .xl\:divide-colors-purple-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-purple-100, #faf5ff); } - .lg\:-rotate-180 { - --tw-rotate: -180deg; + .xl\:divide-colors-purple-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-purple-200, #e9d8fd); } - .lg\:-rotate-90 { - --tw-rotate: -90deg; + .xl\:divide-colors-purple-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-purple-300, #d6bcfa); } - .lg\:-rotate-45 { - --tw-rotate: -45deg; + .xl\:divide-colors-purple-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-purple-400, #b794f4); } - .lg\:-rotate-12 { - --tw-rotate: -12deg; + .xl\:divide-colors-purple-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-purple-500, #9f7aea); } - .lg\:-rotate-6 { - --tw-rotate: -6deg; + .xl\:divide-colors-purple-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-purple-600, #805ad5); } - .lg\:-rotate-3 { - --tw-rotate: -3deg; + .xl\:divide-colors-purple-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-purple-700, #6b46c1); } - .lg\:-rotate-2 { - --tw-rotate: -2deg; + .xl\:divide-colors-purple-800 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-purple-800, #553c9a); } - .lg\:-rotate-1 { - --tw-rotate: -1deg; + .xl\:divide-colors-purple-900 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-purple-900, #44337a); } - .lg\:hover\:rotate-0:hover { - --tw-rotate: 0deg; + .xl\:divide-colors-pink-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-pink-100, #fff5f7); } - .lg\:hover\:rotate-1:hover { - --tw-rotate: 1deg; + .xl\:divide-colors-pink-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-pink-200, #fed7e2); } - .lg\:hover\:rotate-2:hover { - --tw-rotate: 2deg; + .xl\:divide-colors-pink-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-pink-300, #fbb6ce); } - .lg\:hover\:rotate-3:hover { - --tw-rotate: 3deg; + .xl\:divide-colors-pink-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-pink-400, #f687b3); } - .lg\:hover\:rotate-6:hover { - --tw-rotate: 6deg; + .xl\:divide-colors-pink-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-pink-500, #ed64a6); } - .lg\:hover\:rotate-12:hover { - --tw-rotate: 12deg; + .xl\:divide-colors-pink-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-pink-600, #d53f8c); } - .lg\:hover\:rotate-45:hover { - --tw-rotate: 45deg; + .xl\:divide-colors-pink-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-pink-700, #b83280); } - .lg\:hover\:rotate-90:hover { - --tw-rotate: 90deg; + .xl\:divide-colors-pink-800 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-pink-800, #97266d); } - .lg\:hover\:rotate-180:hover { - --tw-rotate: 180deg; + .xl\:divide-colors-pink-900 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-pink-900, #702459); } - .lg\:hover\:-rotate-180:hover { - --tw-rotate: -180deg; + .xl\:divide-Box\ Shadow > :not([hidden]) ~ :not([hidden]) { + border-color: var(--box-shadow, #7f7e7f); } - .lg\:hover\:-rotate-90:hover { - --tw-rotate: -90deg; + .xl\:divide-Error16 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--error16, #f03d3e40); } - .lg\:hover\:-rotate-45:hover { - --tw-rotate: -45deg; + .xl\:divide-Success16 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--success16, #5bb14d40); } - .lg\:hover\:-rotate-12:hover { - --tw-rotate: -12deg; + .xl\:divide-Notification16 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--notification16, #3959ff40); } - .lg\:hover\:-rotate-6:hover { - --tw-rotate: -6deg; + .xl\:divide-Error8 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--error8, #f03d3e1a); } - .lg\:hover\:-rotate-3:hover { - --tw-rotate: -3deg; + .xl\:divide-Notification8 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--notification8, #3959ff1a); } - .lg\:hover\:-rotate-2:hover { - --tw-rotate: -2deg; + .xl\:divide-Success8 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--success8, #5bb14d1a); } - .lg\:hover\:-rotate-1:hover { - --tw-rotate: -1deg; + .xl\:divide-Light\ -\ Overlay > :not([hidden]) ~ :not([hidden]) { + border-color: var(--light-overlay, #f0edee66); } - .lg\:focus\:rotate-0:focus { - --tw-rotate: 0deg; + .xl\:divide-Dark-\ Overlay > :not([hidden]) ~ :not([hidden]) { + border-color: var(--dark-overlay, #7f7e7f66); } - .lg\:focus\:rotate-1:focus { - --tw-rotate: 1deg; + .xl\:divide-black-40 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--black-40, #00000066); } - .lg\:focus\:rotate-2:focus { - --tw-rotate: 2deg; + .xl\:divide-black-75 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--black-75, #000000bf); } - .lg\:focus\:rotate-3:focus { - --tw-rotate: 3deg; + .xl\:divide-black-60 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--black-60, #00000099); } - .lg\:focus\:rotate-6:focus { - --tw-rotate: 6deg; + .xl\:divide-black-50 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--black-50, #00000080); } - .lg\:focus\:rotate-12:focus { - --tw-rotate: 12deg; + .xl\:divide-black-25 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--black-25, #00000040); } - .lg\:focus\:rotate-45:focus { - --tw-rotate: 45deg; + .xl\:divide-black-10 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--black-10, #0000001a); } - .lg\:focus\:rotate-90:focus { - --tw-rotate: 90deg; + .xl\:divide-white-25 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--white-25, #ffffff40); } - .lg\:focus\:rotate-180:focus { - --tw-rotate: 180deg; + .xl\:divide-white-60 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--white-60, #ffffff99); } - .lg\:focus\:-rotate-180:focus { - --tw-rotate: -180deg; + .xl\:divide-black-64 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--black-64, #000000a3); } - .lg\:focus\:-rotate-90:focus { - --tw-rotate: -90deg; + .xl\:divide-Shadow\ and\ Highlight-Shadow > :not([hidden]) ~ :not([hidden]) { + border-color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .lg\:focus\:-rotate-45:focus { - --tw-rotate: -45deg; + .xl\:divide-Shadow\ and\ Highlight-Highlight > :not([hidden]) ~ :not([hidden]) { + border-color: var(--shadow-and-highlight-highlight, #474747); } - .lg\:focus\:-rotate-12:focus { - --tw-rotate: -12deg; + .xl\:divide-Shadow\ and\ Highlight-highlight\ one > :not([hidden]) ~ :not([hidden]) { + border-color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .lg\:focus\:-rotate-6:focus { - --tw-rotate: -6deg; + .xl\:divide-Shadow\ and\ Highlight-highlight\ two > :not([hidden]) ~ :not([hidden]) { + border-color: var(--shadow-and-highlight-highlight-two, #47474799); } - .lg\:focus\:-rotate-3:focus { - --tw-rotate: -3deg; + .xl\:divide-Shadow\ and\ Highlight-highlight\ three > :not([hidden]) ~ :not([hidden]) { + border-color: var(--shadow-and-highlight-highlight-three, #47474766); } - .lg\:focus\:-rotate-2:focus { - --tw-rotate: -2deg; + .xl\:divide-Shadow\ and\ Highlight-highlight\ five > :not([hidden]) ~ :not([hidden]) { + border-color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .lg\:focus\:-rotate-1:focus { - --tw-rotate: -1deg; + .xl\:divide-Shadow\ and\ Highlight-shadow\ one > :not([hidden]) ~ :not([hidden]) { + border-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .lg\:skew-x-0 { - --tw-skew-x: 0deg; + .xl\:divide-Shadow\ and\ Highlight-shadow\ two > :not([hidden]) ~ :not([hidden]) { + border-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .lg\:skew-x-1 { - --tw-skew-x: 1deg; + .xl\:divide-Shadow\ and\ Highlight-shadow\ three > :not([hidden]) ~ :not([hidden]) { + border-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .lg\:skew-x-2 { - --tw-skew-x: 2deg; + .xl\:divide-Shadow\ and\ Highlight-shadow\ four > :not([hidden]) ~ :not([hidden]) { + border-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .lg\:skew-x-3 { - --tw-skew-x: 3deg; + .xl\:divide-Shadow\ and\ Highlight-shadow\ five > :not([hidden]) ~ :not([hidden]) { + border-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .lg\:skew-x-6 { - --tw-skew-x: 6deg; + .xl\:divide-Shadow\ and\ Highlight-highlight\ four > :not([hidden]) ~ :not([hidden]) { + border-color: var(--shadow-and-highlight-highlight-four, #47474740); } - .lg\:skew-x-12 { - --tw-skew-x: 12deg; + .xl\:divide-Base\ Layer\ Styles-Base\ Layer-\ Light-White > :not([hidden]) ~ :not([hidden]) { + border-color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .lg\:-skew-x-12 { - --tw-skew-x: -12deg; + .xl\:divide-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite > :not([hidden]) ~ :not([hidden]) { + border-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .lg\:-skew-x-6 { - --tw-skew-x: -6deg; + .xl\:divide-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack > :not([hidden]) ~ :not([hidden]) { + border-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .lg\:-skew-x-3 { - --tw-skew-x: -3deg; + .xl\:divide-Base\ Layer\ Styles-Base\ Layer-Dark-Black > :not([hidden]) ~ :not([hidden]) { + border-color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .lg\:-skew-x-2 { - --tw-skew-x: -2deg; + .xl\:divide-Grey-Scale-white > :not([hidden]) ~ :not([hidden]) { + border-color: var(--grey-scale-white, #ffffff); } - .lg\:-skew-x-1 { - --tw-skew-x: -1deg; + .xl\:divide-Grey-Scale-off-white > :not([hidden]) ~ :not([hidden]) { + border-color: var(--grey-scale-off-white, #f0edee); } - .lg\:skew-y-0 { - --tw-skew-y: 0deg; + .xl\:divide-Grey\ Scale-grey > :not([hidden]) ~ :not([hidden]) { + border-color: var(--grey-scale-grey, #7f7e7f); } - .lg\:skew-y-1 { - --tw-skew-y: 1deg; + .xl\:divide-Grey\ Scale-charcoal > :not([hidden]) ~ :not([hidden]) { + border-color: var(--grey-scale-charcoal, #474747); } - .lg\:skew-y-2 { - --tw-skew-y: 2deg; + .xl\:divide-Grey\ Scale-off-black > :not([hidden]) ~ :not([hidden]) { + border-color: var(--grey-scale-off-black, #1c1c1c); } - .lg\:skew-y-3 { - --tw-skew-y: 3deg; + .xl\:divide-Grey\ Scale-black > :not([hidden]) ~ :not([hidden]) { + border-color: var(--grey-scale-black, #000000); } - .lg\:skew-y-6 { - --tw-skew-y: 6deg; + .xl\:divide-Blue-blue > :not([hidden]) ~ :not([hidden]) { + border-color: var(--blue-blue, #3a7ca5); } - .lg\:skew-y-12 { - --tw-skew-y: 12deg; + .xl\:divide-Blue-blue-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--blue-blue-100, #75a3c0); } - .lg\:-skew-y-12 { - --tw-skew-y: -12deg; + .xl\:divide-Blue-blue-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--blue-blue-200, #9cbed2); } - .lg\:-skew-y-6 { - --tw-skew-y: -6deg; + .xl\:divide-Blue-blue-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--blue-blue-300, #4f7d9a); } - .lg\:-skew-y-3 { - --tw-skew-y: -3deg; + .xl\:divide-Blue-blue-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--blue-blue-400, #5c7d92); } - .lg\:-skew-y-2 { - --tw-skew-y: -2deg; + .xl\:divide-Blue-blue-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--blue-blue-500, #347095); } - .lg\:-skew-y-1 { - --tw-skew-y: -1deg; + .xl\:divide-Blue-blue-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--blue-blue-600, #295774); } - .lg\:hover\:skew-x-0:hover { - --tw-skew-x: 0deg; + .xl\:divide-Blue-blue-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--blue-blue-700, #173242); } - .lg\:hover\:skew-x-1:hover { - --tw-skew-x: 1deg; + .xl\:divide-LightBlue-lightblue > :not([hidden]) ~ :not([hidden]) { + border-color: var(--light-blue-lightblue, #81c3d7); } - .lg\:hover\:skew-x-2:hover { - --tw-skew-x: 2deg; + .xl\:divide-LightBlue-lightblue-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--light-blue-lightblue-100, #a7d5e3); } - .lg\:hover\:skew-x-3:hover { - --tw-skew-x: 3deg; + .xl\:divide-LightBlue-lightblue-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--light-blue-lightblue-200, #c0e1eb); } - .lg\:hover\:skew-x-6:hover { - --tw-skew-x: 6deg; + .xl\:divide-LightBlue-lightblue-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--light-blue-lightblue-300, #80aebd); } - .lg\:hover\:skew-x-12:hover { - --tw-skew-x: 12deg; + .xl\:divide-LightBlue-lightblue-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--light-blue-lightblue-400, #80a0ab); } - .lg\:hover\:-skew-x-12:hover { - --tw-skew-x: -12deg; + .xl\:divide-LightBlue-lightblue-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--light-blue-lightblue-500, #74afc1); } - .lg\:hover\:-skew-x-6:hover { - --tw-skew-x: -6deg; + .xl\:divide-LightBlue-lightblue-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--light-blue-lightblue-600, #5a8997); } - .lg\:hover\:-skew-x-3:hover { - --tw-skew-x: -3deg; + .xl\:divide-LightBlue-lightblue-650 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--light-blue-lightblue-650, #3e5e65); } - .lg\:hover\:-skew-x-2:hover { - --tw-skew-x: -2deg; + .xl\:divide-LightBlue-lightblue-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--light-blue-lightblue-700, #344e56); } - .lg\:hover\:-skew-x-1:hover { - --tw-skew-x: -1deg; + .xl\:divide-Orange-orange > :not([hidden]) ~ :not([hidden]) { + border-color: var(--orange-orange, #ff7f0e); } - .lg\:hover\:skew-y-0:hover { - --tw-skew-y: 0deg; + .xl\:divide-Orange-orange-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--orange-orange-100, #ffa556); } - .lg\:hover\:skew-y-1:hover { - --tw-skew-y: 1deg; + .xl\:divide-Orange-orange-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--orange-orange-200, #ffbf86); } - .lg\:hover\:skew-y-2:hover { - --tw-skew-y: 2deg; + .xl\:divide-Orange-orange-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--orange-orange-300, #d97f30); } - .lg\:hover\:skew-y-3:hover { - --tw-skew-y: 3deg; + .xl\:divide-Orange-orange-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--orange-orange-400, #bf7e46); } - .lg\:hover\:skew-y-6:hover { - --tw-skew-y: 6deg; + .xl\:divide-Orange-orange-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--orange-orange-500, #e5720d); } - .lg\:hover\:skew-y-12:hover { - --tw-skew-y: 12deg; + .xl\:divide-Orange-orange-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--orange-orange-600, #b3590a); } - .lg\:hover\:-skew-y-12:hover { - --tw-skew-y: -12deg; + .xl\:divide-Orange-orange-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--orange-orange-700, #663306); } - .lg\:hover\:-skew-y-6:hover { - --tw-skew-y: -6deg; + .xl\:divide-Yellow-yellow > :not([hidden]) ~ :not([hidden]) { + border-color: var(--yellow-yellow, #ffab00); } - .lg\:hover\:-skew-y-3:hover { - --tw-skew-y: -3deg; + .xl\:divide-Yellow-yellow-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--yellow-yellow-100, #ffc44c); } - .lg\:hover\:-skew-y-2:hover { - --tw-skew-y: -2deg; + .xl\:divide-Yellow-yellow-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--yellow-yellow-200, #ffd580); } - .lg\:hover\:-skew-y-1:hover { - --tw-skew-y: -1deg; + .xl\:divide-Yellow-yellow-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--yellow-yellow-300, #d99d26); } - .lg\:focus\:skew-x-0:focus { - --tw-skew-x: 0deg; + .xl\:divide-Yellow-yellow-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--yellow-yellow-400, #bf943f); } - .lg\:focus\:skew-x-1:focus { - --tw-skew-x: 1deg; + .xl\:divide-Yellow-yellow-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--yellow-yellow-500, #e59a00); } - .lg\:focus\:skew-x-2:focus { - --tw-skew-x: 2deg; + .xl\:divide-Yellow-yellow-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--yellow-yellow-600, #b37800); } - .lg\:focus\:skew-x-3:focus { - --tw-skew-x: 3deg; + .xl\:divide-Yellow-yellow-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--yellow-yellow-700, #664400); } - .lg\:focus\:skew-x-6:focus { - --tw-skew-x: 6deg; + .xl\:divide-Notification-notification > :not([hidden]) ~ :not([hidden]) { + border-color: var(--notification-notification, #3959ff); } - .lg\:focus\:skew-x-12:focus { - --tw-skew-x: 12deg; + .xl\:divide-Notification-notification-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--notification-notification-100, #748bff); } - .lg\:focus\:-skew-x-12:focus { - --tw-skew-x: -12deg; + .xl\:divide-Notification-notification-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--notification-notification-200, #9cacff); } - .lg\:focus\:-skew-x-6:focus { - --tw-skew-x: -6deg; + .xl\:divide-Notification-notification-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--notification-notification-300, #4e64d9); } - .lg\:focus\:-skew-x-3:focus { - --tw-skew-x: -3deg; + .xl\:divide-Notification-notification-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--notification-notification-400, #5c6cbf); } - .lg\:focus\:-skew-x-2:focus { - --tw-skew-x: -2deg; + .xl\:divide-Notification-notification-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--notification-notification-500, #3350e5); } - .lg\:focus\:-skew-x-1:focus { - --tw-skew-x: -1deg; + .xl\:divide-Notification-notification-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--notification-notification-600, #283eb3); } - .lg\:focus\:skew-y-0:focus { - --tw-skew-y: 0deg; + .xl\:divide-Notification-notification-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--notification-notification-700, #172466); } - .lg\:focus\:skew-y-1:focus { - --tw-skew-y: 1deg; + .xl\:divide-Success-success\ -700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--success-success-700, #24471f); } - .lg\:focus\:skew-y-2:focus { - --tw-skew-y: 2deg; + .xl\:divide-Success-success > :not([hidden]) ~ :not([hidden]) { + border-color: var(--success-success, #5bb14d); } - .lg\:focus\:skew-y-3:focus { - --tw-skew-y: 3deg; + .xl\:divide-Success-success\ -100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--success-success-100, #8cc882); } - .lg\:focus\:skew-y-6:focus { - --tw-skew-y: 6deg; + .xl\:divide-Success-success\ -200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--success-success-200, #add8a6); } - .lg\:focus\:skew-y-12:focus { - --tw-skew-y: 12deg; + .xl\:divide-Success-success\ -300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--success-success-300, #66a25c); } - .lg\:focus\:-skew-y-12:focus { - --tw-skew-y: -12deg; + .xl\:divide-Success-success\ -400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--success-success-400, #6d9766); } - .lg\:focus\:-skew-y-6:focus { - --tw-skew-y: -6deg; + .xl\:divide-Success-success\ -500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--success-success-500, #529f45); } - .lg\:focus\:-skew-y-3:focus { - --tw-skew-y: -3deg; + .xl\:divide-Success-success\ -600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--success-success-600, #407c36); } - .lg\:focus\:-skew-y-2:focus { - --tw-skew-y: -2deg; + .xl\:divide-Error-error > :not([hidden]) ~ :not([hidden]) { + border-color: var(--error-error, #f03d3e); } - .lg\:focus\:-skew-y-1:focus { - --tw-skew-y: -1deg; + .xl\:divide-Error-error-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--error-error-100, #f57778); } - .lg\:scale-0 { - --tw-scale-x: 0; - --tw-scale-y: 0; + .xl\:divide-Error-error-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--error-error-200, #f89e9e); } - .lg\:scale-50 { - --tw-scale-x: .5; - --tw-scale-y: .5; + .xl\:divide-Error-error-250 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--error-error-250, #f9c8c8); } - .lg\:scale-75 { - --tw-scale-x: .75; - --tw-scale-y: .75; + .xl\:divide-Error-error-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--error-error-300, #ce5151); } - .lg\:scale-90 { - --tw-scale-x: .9; - --tw-scale-y: .9; + .xl\:divide-Error-error-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--error-error-400, #b85e5e); } - .lg\:scale-95 { - --tw-scale-x: .95; - --tw-scale-y: .95; + .xl\:divide-Error-error-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--error-error-500, #d83738); } - .lg\:scale-100 { - --tw-scale-x: 1; - --tw-scale-y: 1; + .xl\:divide-Error-error-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--error-error-600, #a82b2b); } - .lg\:scale-105 { - --tw-scale-x: 1.05; - --tw-scale-y: 1.05; + .xl\:divide-Error-error-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--error-error-700, #601819); } - .lg\:scale-110 { - --tw-scale-x: 1.1; - --tw-scale-y: 1.1; + .xl\:divide-opacity-0 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 0; } - .lg\:scale-125 { - --tw-scale-x: 1.25; - --tw-scale-y: 1.25; + .xl\:divide-opacity-5 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 0.05; } - .lg\:scale-150 { - --tw-scale-x: 1.5; - --tw-scale-y: 1.5; + .xl\:divide-opacity-10 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 0.1; } - .lg\:hover\:scale-0:hover { - --tw-scale-x: 0; - --tw-scale-y: 0; + .xl\:divide-opacity-20 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 0.2; } - .lg\:hover\:scale-50:hover { - --tw-scale-x: .5; - --tw-scale-y: .5; + .xl\:divide-opacity-25 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 0.25; } - .lg\:hover\:scale-75:hover { - --tw-scale-x: .75; - --tw-scale-y: .75; + .xl\:divide-opacity-30 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 0.3; } - .lg\:hover\:scale-90:hover { - --tw-scale-x: .9; - --tw-scale-y: .9; + .xl\:divide-opacity-40 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 0.4; } - .lg\:hover\:scale-95:hover { - --tw-scale-x: .95; - --tw-scale-y: .95; + .xl\:divide-opacity-50 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 0.5; } - .lg\:hover\:scale-100:hover { - --tw-scale-x: 1; - --tw-scale-y: 1; + .xl\:divide-opacity-60 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 0.6; } - .lg\:hover\:scale-105:hover { - --tw-scale-x: 1.05; - --tw-scale-y: 1.05; + .xl\:divide-opacity-70 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 0.7; } - .lg\:hover\:scale-110:hover { - --tw-scale-x: 1.1; - --tw-scale-y: 1.1; + .xl\:divide-opacity-75 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 0.75; } - .lg\:hover\:scale-125:hover { - --tw-scale-x: 1.25; - --tw-scale-y: 1.25; + .xl\:divide-opacity-80 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 0.8; } - .lg\:hover\:scale-150:hover { - --tw-scale-x: 1.5; - --tw-scale-y: 1.5; + .xl\:divide-opacity-90 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 0.9; } - .lg\:focus\:scale-0:focus { - --tw-scale-x: 0; - --tw-scale-y: 0; + .xl\:divide-opacity-95 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 0.95; } - .lg\:focus\:scale-50:focus { - --tw-scale-x: .5; - --tw-scale-y: .5; + .xl\:divide-opacity-100 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 1; } - .lg\:focus\:scale-75:focus { - --tw-scale-x: .75; - --tw-scale-y: .75; + .xl\:place-self-auto { + place-self: auto; } - .lg\:focus\:scale-90:focus { - --tw-scale-x: .9; - --tw-scale-y: .9; + .xl\:place-self-start { + place-self: start; } - .lg\:focus\:scale-95:focus { - --tw-scale-x: .95; - --tw-scale-y: .95; + .xl\:place-self-end { + place-self: end; } - .lg\:focus\:scale-100:focus { - --tw-scale-x: 1; - --tw-scale-y: 1; + .xl\:place-self-center { + place-self: center; } - .lg\:focus\:scale-105:focus { - --tw-scale-x: 1.05; - --tw-scale-y: 1.05; + .xl\:place-self-stretch { + place-self: stretch; } - .lg\:focus\:scale-110:focus { - --tw-scale-x: 1.1; - --tw-scale-y: 1.1; + .xl\:self-auto { + align-self: auto; } - .lg\:focus\:scale-125:focus { - --tw-scale-x: 1.25; - --tw-scale-y: 1.25; + .xl\:self-start { + align-self: flex-start; } - .lg\:focus\:scale-150:focus { - --tw-scale-x: 1.5; - --tw-scale-y: 1.5; + .xl\:self-end { + align-self: flex-end; } - .lg\:scale-x-0 { - --tw-scale-x: 0; + .xl\:self-center { + align-self: center; } - .lg\:scale-x-50 { - --tw-scale-x: .5; + .xl\:self-stretch { + align-self: stretch; } - .lg\:scale-x-75 { - --tw-scale-x: .75; + .xl\:self-baseline { + align-self: baseline; } - .lg\:scale-x-90 { - --tw-scale-x: .9; + .xl\:justify-self-auto { + justify-self: auto; } - .lg\:scale-x-95 { - --tw-scale-x: .95; + .xl\:justify-self-start { + justify-self: start; } - .lg\:scale-x-100 { - --tw-scale-x: 1; + .xl\:justify-self-end { + justify-self: end; } - .lg\:scale-x-105 { - --tw-scale-x: 1.05; + .xl\:justify-self-center { + justify-self: center; } - .lg\:scale-x-110 { - --tw-scale-x: 1.1; + .xl\:justify-self-stretch { + justify-self: stretch; } - .lg\:scale-x-125 { - --tw-scale-x: 1.25; + .xl\:overflow-auto { + overflow: auto; } - .lg\:scale-x-150 { - --tw-scale-x: 1.5; + .xl\:overflow-hidden { + overflow: hidden; } - .lg\:scale-y-0 { - --tw-scale-y: 0; + .xl\:overflow-visible { + overflow: visible; } - .lg\:scale-y-50 { - --tw-scale-y: .5; + .xl\:overflow-scroll { + overflow: scroll; } - .lg\:scale-y-75 { - --tw-scale-y: .75; + .xl\:overflow-x-auto { + overflow-x: auto; } - .lg\:scale-y-90 { - --tw-scale-y: .9; + .xl\:overflow-y-auto { + overflow-y: auto; } - .lg\:scale-y-95 { - --tw-scale-y: .95; + .xl\:overflow-x-hidden { + overflow-x: hidden; } - .lg\:scale-y-100 { - --tw-scale-y: 1; + .xl\:overflow-y-hidden { + overflow-y: hidden; } - .lg\:scale-y-105 { - --tw-scale-y: 1.05; + .xl\:overflow-x-visible { + overflow-x: visible; } - .lg\:scale-y-110 { - --tw-scale-y: 1.1; + .xl\:overflow-y-visible { + overflow-y: visible; } - .lg\:scale-y-125 { - --tw-scale-y: 1.25; + .xl\:overflow-x-scroll { + overflow-x: scroll; } - .lg\:scale-y-150 { - --tw-scale-y: 1.5; + .xl\:overflow-y-scroll { + overflow-y: scroll; } - .lg\:hover\:scale-x-0:hover { - --tw-scale-x: 0; + .xl\:overscroll-auto { + overscroll-behavior: auto; } - .lg\:hover\:scale-x-50:hover { - --tw-scale-x: .5; + .xl\:overscroll-contain { + overscroll-behavior: contain; } - .lg\:hover\:scale-x-75:hover { - --tw-scale-x: .75; + .xl\:overscroll-none { + overscroll-behavior: none; } - .lg\:hover\:scale-x-90:hover { - --tw-scale-x: .9; + .xl\:overscroll-y-auto { + overscroll-behavior-y: auto; } - .lg\:hover\:scale-x-95:hover { - --tw-scale-x: .95; + .xl\:overscroll-y-contain { + overscroll-behavior-y: contain; } - .lg\:hover\:scale-x-100:hover { - --tw-scale-x: 1; + .xl\:overscroll-y-none { + overscroll-behavior-y: none; } - .lg\:hover\:scale-x-105:hover { - --tw-scale-x: 1.05; + .xl\:overscroll-x-auto { + overscroll-behavior-x: auto; } - .lg\:hover\:scale-x-110:hover { - --tw-scale-x: 1.1; + .xl\:overscroll-x-contain { + overscroll-behavior-x: contain; } - .lg\:hover\:scale-x-125:hover { - --tw-scale-x: 1.25; + .xl\:overscroll-x-none { + overscroll-behavior-x: none; } - .lg\:hover\:scale-x-150:hover { - --tw-scale-x: 1.5; + .xl\:truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } - .lg\:hover\:scale-y-0:hover { - --tw-scale-y: 0; + .xl\:overflow-ellipsis { + text-overflow: ellipsis; } - .lg\:hover\:scale-y-50:hover { - --tw-scale-y: .5; + .xl\:overflow-clip { + text-overflow: clip; } - .lg\:hover\:scale-y-75:hover { - --tw-scale-y: .75; + .xl\:whitespace-normal { + white-space: normal; } - .lg\:hover\:scale-y-90:hover { - --tw-scale-y: .9; + .xl\:whitespace-nowrap { + white-space: nowrap; } - .lg\:hover\:scale-y-95:hover { - --tw-scale-y: .95; + .xl\:whitespace-pre { + white-space: pre; } - .lg\:hover\:scale-y-100:hover { - --tw-scale-y: 1; + .xl\:whitespace-pre-line { + white-space: pre-line; } - .lg\:hover\:scale-y-105:hover { - --tw-scale-y: 1.05; + .xl\:whitespace-pre-wrap { + white-space: pre-wrap; } - .lg\:hover\:scale-y-110:hover { - --tw-scale-y: 1.1; + .xl\:break-normal { + overflow-wrap: normal; + word-break: normal; } - .lg\:hover\:scale-y-125:hover { - --tw-scale-y: 1.25; + .xl\:break-words { + overflow-wrap: break-word; } - .lg\:hover\:scale-y-150:hover { - --tw-scale-y: 1.5; + .xl\:break-all { + word-break: break-all; } - .lg\:focus\:scale-x-0:focus { - --tw-scale-x: 0; + .xl\:rounded-none { + border-radius: 0px; } - .lg\:focus\:scale-x-50:focus { - --tw-scale-x: .5; + .xl\:rounded-sm { + border-radius: 0.125rem; } - .lg\:focus\:scale-x-75:focus { - --tw-scale-x: .75; + .xl\:rounded { + border-radius: 0.25rem; } - .lg\:focus\:scale-x-90:focus { - --tw-scale-x: .9; + .xl\:rounded-md { + border-radius: 0.375rem; } - .lg\:focus\:scale-x-95:focus { - --tw-scale-x: .95; + .xl\:rounded-lg { + border-radius: 0.5rem; } - .lg\:focus\:scale-x-100:focus { - --tw-scale-x: 1; + .xl\:rounded-xl { + border-radius: 0.75rem; } - .lg\:focus\:scale-x-105:focus { - --tw-scale-x: 1.05; + .xl\:rounded-2xl { + border-radius: 1rem; } - .lg\:focus\:scale-x-110:focus { - --tw-scale-x: 1.1; + .xl\:rounded-3xl { + border-radius: 1.5rem; } - .lg\:focus\:scale-x-125:focus { - --tw-scale-x: 1.25; + .xl\:rounded-full { + border-radius: 9999px; } - .lg\:focus\:scale-x-150:focus { - --tw-scale-x: 1.5; + .xl\:rounded-t-none { + border-top-left-radius: 0px; + border-top-right-radius: 0px; } - .lg\:focus\:scale-y-0:focus { - --tw-scale-y: 0; + .xl\:rounded-t-sm { + border-top-left-radius: 0.125rem; + border-top-right-radius: 0.125rem; } - .lg\:focus\:scale-y-50:focus { - --tw-scale-y: .5; + .xl\:rounded-t { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; } - .lg\:focus\:scale-y-75:focus { - --tw-scale-y: .75; + .xl\:rounded-t-md { + border-top-left-radius: 0.375rem; + border-top-right-radius: 0.375rem; } - .lg\:focus\:scale-y-90:focus { - --tw-scale-y: .9; + .xl\:rounded-t-lg { + border-top-left-radius: 0.5rem; + border-top-right-radius: 0.5rem; } - .lg\:focus\:scale-y-95:focus { - --tw-scale-y: .95; + .xl\:rounded-t-xl { + border-top-left-radius: 0.75rem; + border-top-right-radius: 0.75rem; } - .lg\:focus\:scale-y-100:focus { - --tw-scale-y: 1; + .xl\:rounded-t-2xl { + border-top-left-radius: 1rem; + border-top-right-radius: 1rem; } - .lg\:focus\:scale-y-105:focus { - --tw-scale-y: 1.05; + .xl\:rounded-t-3xl { + border-top-left-radius: 1.5rem; + border-top-right-radius: 1.5rem; } - .lg\:focus\:scale-y-110:focus { - --tw-scale-y: 1.1; + .xl\:rounded-t-full { + border-top-left-radius: 9999px; + border-top-right-radius: 9999px; } - .lg\:focus\:scale-y-125:focus { - --tw-scale-y: 1.25; + .xl\:rounded-r-none { + border-top-right-radius: 0px; + border-bottom-right-radius: 0px; } - .lg\:focus\:scale-y-150:focus { - --tw-scale-y: 1.5; + .xl\:rounded-r-sm { + border-top-right-radius: 0.125rem; + border-bottom-right-radius: 0.125rem; } - .lg\:animate-none { - animation: none; + .xl\:rounded-r { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; } - .lg\:animate-spin { - animation: spin 1s linear infinite; + .xl\:rounded-r-md { + border-top-right-radius: 0.375rem; + border-bottom-right-radius: 0.375rem; } - .lg\:animate-ping { - animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; + .xl\:rounded-r-lg { + border-top-right-radius: 0.5rem; + border-bottom-right-radius: 0.5rem; } - .lg\:animate-pulse { - animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; + .xl\:rounded-r-xl { + border-top-right-radius: 0.75rem; + border-bottom-right-radius: 0.75rem; } - .lg\:animate-bounce { - animation: bounce 1s infinite; + .xl\:rounded-r-2xl { + border-top-right-radius: 1rem; + border-bottom-right-radius: 1rem; } - .lg\:cursor-auto { - cursor: auto; + .xl\:rounded-r-3xl { + border-top-right-radius: 1.5rem; + border-bottom-right-radius: 1.5rem; } - .lg\:cursor-default { - cursor: default; + .xl\:rounded-r-full { + border-top-right-radius: 9999px; + border-bottom-right-radius: 9999px; } - .lg\:cursor-pointer { - cursor: pointer; + .xl\:rounded-b-none { + border-bottom-right-radius: 0px; + border-bottom-left-radius: 0px; } - .lg\:cursor-wait { - cursor: wait; + .xl\:rounded-b-sm { + border-bottom-right-radius: 0.125rem; + border-bottom-left-radius: 0.125rem; } - .lg\:cursor-text { - cursor: text; + .xl\:rounded-b { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; } - .lg\:cursor-move { - cursor: move; + .xl\:rounded-b-md { + border-bottom-right-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; } - .lg\:cursor-help { - cursor: help; + .xl\:rounded-b-lg { + border-bottom-right-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; } - .lg\:cursor-not-allowed { - cursor: not-allowed; + .xl\:rounded-b-xl { + border-bottom-right-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; } - .lg\:select-none { - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; + .xl\:rounded-b-2xl { + border-bottom-right-radius: 1rem; + border-bottom-left-radius: 1rem; } - .lg\:select-text { - -webkit-user-select: text; - -moz-user-select: text; - user-select: text; + .xl\:rounded-b-3xl { + border-bottom-right-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; } - .lg\:select-all { - -webkit-user-select: all; - -moz-user-select: all; - user-select: all; + .xl\:rounded-b-full { + border-bottom-right-radius: 9999px; + border-bottom-left-radius: 9999px; } - .lg\:select-auto { - -webkit-user-select: auto; - -moz-user-select: auto; - user-select: auto; + .xl\:rounded-l-none { + border-top-left-radius: 0px; + border-bottom-left-radius: 0px; } - .lg\:resize-none { - resize: none; + .xl\:rounded-l-sm { + border-top-left-radius: 0.125rem; + border-bottom-left-radius: 0.125rem; } - .lg\:resize-y { - resize: vertical; + .xl\:rounded-l { + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; } - .lg\:resize-x { - resize: horizontal; + .xl\:rounded-l-md { + border-top-left-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; } - .lg\:resize { - resize: both; + .xl\:rounded-l-lg { + border-top-left-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; } - .lg\:list-inside { - list-style-position: inside; + .xl\:rounded-l-xl { + border-top-left-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; } - .lg\:list-outside { - list-style-position: outside; + .xl\:rounded-l-2xl { + border-top-left-radius: 1rem; + border-bottom-left-radius: 1rem; } - .lg\:list-none { - list-style-type: none; + .xl\:rounded-l-3xl { + border-top-left-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; } - .lg\:list-disc { - list-style-type: disc; + .xl\:rounded-l-full { + border-top-left-radius: 9999px; + border-bottom-left-radius: 9999px; } - .lg\:list-decimal { - list-style-type: decimal; + .xl\:rounded-tl-none { + border-top-left-radius: 0px; } - .lg\:appearance-none { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; + .xl\:rounded-tl-sm { + border-top-left-radius: 0.125rem; } - .lg\:auto-cols-auto { - grid-auto-columns: auto; + .xl\:rounded-tl { + border-top-left-radius: 0.25rem; } - .lg\:auto-cols-min { - grid-auto-columns: min-content; + .xl\:rounded-tl-md { + border-top-left-radius: 0.375rem; } - .lg\:auto-cols-max { - grid-auto-columns: max-content; + .xl\:rounded-tl-lg { + border-top-left-radius: 0.5rem; } - .lg\:auto-cols-fr { - grid-auto-columns: minmax(0, 1fr); + .xl\:rounded-tl-xl { + border-top-left-radius: 0.75rem; } - .lg\:grid-flow-row { - grid-auto-flow: row; + .xl\:rounded-tl-2xl { + border-top-left-radius: 1rem; } - .lg\:grid-flow-col { - grid-auto-flow: column; + .xl\:rounded-tl-3xl { + border-top-left-radius: 1.5rem; } - .lg\:grid-flow-row-dense { - grid-auto-flow: row dense; + .xl\:rounded-tl-full { + border-top-left-radius: 9999px; } - .lg\:grid-flow-col-dense { - grid-auto-flow: column dense; + .xl\:rounded-tr-none { + border-top-right-radius: 0px; } - .lg\:auto-rows-auto { - grid-auto-rows: auto; + .xl\:rounded-tr-sm { + border-top-right-radius: 0.125rem; } - .lg\:auto-rows-min { - grid-auto-rows: min-content; + .xl\:rounded-tr { + border-top-right-radius: 0.25rem; } - .lg\:auto-rows-max { - grid-auto-rows: max-content; + .xl\:rounded-tr-md { + border-top-right-radius: 0.375rem; } - .lg\:auto-rows-fr { - grid-auto-rows: minmax(0, 1fr); + .xl\:rounded-tr-lg { + border-top-right-radius: 0.5rem; } - .lg\:grid-cols-1 { - grid-template-columns: repeat(1, minmax(0, 1fr)); + .xl\:rounded-tr-xl { + border-top-right-radius: 0.75rem; } - .lg\:grid-cols-2 { - grid-template-columns: repeat(2, minmax(0, 1fr)); + .xl\:rounded-tr-2xl { + border-top-right-radius: 1rem; } - .lg\:grid-cols-3 { - grid-template-columns: repeat(3, minmax(0, 1fr)); + .xl\:rounded-tr-3xl { + border-top-right-radius: 1.5rem; } - .lg\:grid-cols-4 { - grid-template-columns: repeat(4, minmax(0, 1fr)); + .xl\:rounded-tr-full { + border-top-right-radius: 9999px; } - .lg\:grid-cols-5 { - grid-template-columns: repeat(5, minmax(0, 1fr)); + .xl\:rounded-br-none { + border-bottom-right-radius: 0px; } - .lg\:grid-cols-6 { - grid-template-columns: repeat(6, minmax(0, 1fr)); + .xl\:rounded-br-sm { + border-bottom-right-radius: 0.125rem; } - .lg\:grid-cols-7 { - grid-template-columns: repeat(7, minmax(0, 1fr)); + .xl\:rounded-br { + border-bottom-right-radius: 0.25rem; } - .lg\:grid-cols-8 { - grid-template-columns: repeat(8, minmax(0, 1fr)); + .xl\:rounded-br-md { + border-bottom-right-radius: 0.375rem; } - .lg\:grid-cols-9 { - grid-template-columns: repeat(9, minmax(0, 1fr)); + .xl\:rounded-br-lg { + border-bottom-right-radius: 0.5rem; } - .lg\:grid-cols-10 { - grid-template-columns: repeat(10, minmax(0, 1fr)); + .xl\:rounded-br-xl { + border-bottom-right-radius: 0.75rem; } - .lg\:grid-cols-11 { - grid-template-columns: repeat(11, minmax(0, 1fr)); + .xl\:rounded-br-2xl { + border-bottom-right-radius: 1rem; } - .lg\:grid-cols-12 { - grid-template-columns: repeat(12, minmax(0, 1fr)); + .xl\:rounded-br-3xl { + border-bottom-right-radius: 1.5rem; } - .lg\:grid-cols-none { - grid-template-columns: none; + .xl\:rounded-br-full { + border-bottom-right-radius: 9999px; } - .lg\:grid-rows-1 { - grid-template-rows: repeat(1, minmax(0, 1fr)); + .xl\:rounded-bl-none { + border-bottom-left-radius: 0px; } - .lg\:grid-rows-2 { - grid-template-rows: repeat(2, minmax(0, 1fr)); + .xl\:rounded-bl-sm { + border-bottom-left-radius: 0.125rem; } - .lg\:grid-rows-3 { - grid-template-rows: repeat(3, minmax(0, 1fr)); + .xl\:rounded-bl { + border-bottom-left-radius: 0.25rem; } - .lg\:grid-rows-4 { - grid-template-rows: repeat(4, minmax(0, 1fr)); + .xl\:rounded-bl-md { + border-bottom-left-radius: 0.375rem; } - .lg\:grid-rows-5 { - grid-template-rows: repeat(5, minmax(0, 1fr)); + .xl\:rounded-bl-lg { + border-bottom-left-radius: 0.5rem; } - .lg\:grid-rows-6 { - grid-template-rows: repeat(6, minmax(0, 1fr)); + .xl\:rounded-bl-xl { + border-bottom-left-radius: 0.75rem; } - .lg\:grid-rows-none { - grid-template-rows: none; + .xl\:rounded-bl-2xl { + border-bottom-left-radius: 1rem; } - .lg\:flex-row { - flex-direction: row; + .xl\:rounded-bl-3xl { + border-bottom-left-radius: 1.5rem; } - .lg\:flex-row-reverse { - flex-direction: row-reverse; + .xl\:rounded-bl-full { + border-bottom-left-radius: 9999px; } - .lg\:flex-col { - flex-direction: column; + .xl\:border-0 { + border-width: 0px; } - .lg\:flex-col-reverse { - flex-direction: column-reverse; + .xl\:border-2 { + border-width: 2px; } - .lg\:flex-wrap { - flex-wrap: wrap; + .xl\:border-4 { + border-width: 4px; } - .lg\:flex-wrap-reverse { - flex-wrap: wrap-reverse; + .xl\:border-8 { + border-width: 8px; } - .lg\:flex-nowrap { - flex-wrap: nowrap; + .xl\:border { + border-width: 1px; } - .lg\:place-content-center { - place-content: center; + .xl\:border-t-0 { + border-top-width: 0px; } - .lg\:place-content-start { - place-content: start; + .xl\:border-t-2 { + border-top-width: 2px; } - .lg\:place-content-end { - place-content: end; + .xl\:border-t-4 { + border-top-width: 4px; } - .lg\:place-content-between { - place-content: space-between; + .xl\:border-t-8 { + border-top-width: 8px; } - .lg\:place-content-around { - place-content: space-around; + .xl\:border-t { + border-top-width: 1px; } - .lg\:place-content-evenly { - place-content: space-evenly; + .xl\:border-r-0 { + border-right-width: 0px; } - .lg\:place-content-stretch { - place-content: stretch; + .xl\:border-r-2 { + border-right-width: 2px; } - .lg\:place-items-start { - place-items: start; + .xl\:border-r-4 { + border-right-width: 4px; } - .lg\:place-items-end { - place-items: end; + .xl\:border-r-8 { + border-right-width: 8px; } - .lg\:place-items-center { - place-items: center; + .xl\:border-r { + border-right-width: 1px; } - .lg\:place-items-stretch { - place-items: stretch; + .xl\:border-b-0 { + border-bottom-width: 0px; } - .lg\:content-center { - align-content: center; + .xl\:border-b-2 { + border-bottom-width: 2px; } - .lg\:content-start { - align-content: flex-start; + .xl\:border-b-4 { + border-bottom-width: 4px; } - .lg\:content-end { - align-content: flex-end; + .xl\:border-b-8 { + border-bottom-width: 8px; } - .lg\:content-between { - align-content: space-between; + .xl\:border-b { + border-bottom-width: 1px; } - .lg\:content-around { - align-content: space-around; + .xl\:border-l-0 { + border-left-width: 0px; } - .lg\:content-evenly { - align-content: space-evenly; + .xl\:border-l-2 { + border-left-width: 2px; } - .lg\:items-start { - align-items: flex-start; + .xl\:border-l-4 { + border-left-width: 4px; } - .lg\:items-end { - align-items: flex-end; + .xl\:border-l-8 { + border-left-width: 8px; } - .lg\:items-center { - align-items: center; + .xl\:border-l { + border-left-width: 1px; } - .lg\:items-baseline { - align-items: baseline; + .xl\:border-solid { + border-style: solid; } - .lg\:items-stretch { - align-items: stretch; + .xl\:border-dashed { + border-style: dashed; } - .lg\:justify-start { - justify-content: flex-start; + .xl\:border-dotted { + border-style: dotted; } - .lg\:justify-end { - justify-content: flex-end; + .xl\:border-double { + border-style: double; } - .lg\:justify-center { - justify-content: center; + .xl\:border-none { + border-style: none; } - .lg\:justify-between { - justify-content: space-between; + .xl\:border-colors-black { + border-color: var(--colors-black, #000000); } - .lg\:justify-around { - justify-content: space-around; + .xl\:border-colors-white { + border-color: var(--colors-white, #ffffff); } - .lg\:justify-evenly { - justify-content: space-evenly; + .xl\:border-colors-gray-100 { + border-color: var(--colors-gray-100, #f7fafc); } - .lg\:justify-items-start { - justify-items: start; + .xl\:border-colors-gray-200 { + border-color: var(--colors-gray-200, #edf2f7); } - .lg\:justify-items-end { - justify-items: end; + .xl\:border-colors-gray-300 { + border-color: var(--colors-gray-300, #e2e8f0); } - .lg\:justify-items-center { - justify-items: center; + .xl\:border-colors-gray-400 { + border-color: var(--colors-gray-400, #cbd5e0); } - .lg\:justify-items-stretch { - justify-items: stretch; + .xl\:border-colors-gray-500 { + border-color: var(--colors-gray-500, #a0aec0); } - .lg\:gap-0 { - gap: 0px; + .xl\:border-colors-gray-600 { + border-color: var(--colors-gray-600, #718096); } - .lg\:gap-1 { - gap: 0.25rem; + .xl\:border-colors-gray-700 { + border-color: var(--colors-gray-700, #4a5568); } - .lg\:gap-2 { - gap: 0.5rem; + .xl\:border-colors-gray-800 { + border-color: var(--colors-gray-800, #2d3748); } - .lg\:gap-3 { - gap: 0.75rem; + .xl\:border-colors-gray-900 { + border-color: var(--colors-gray-900, #1a202c); } - .lg\:gap-4 { - gap: 1rem; + .xl\:border-colors-red-100 { + border-color: var(--colors-red-100, #fff5f5); } - .lg\:gap-5 { - gap: 1.25rem; + .xl\:border-colors-red-200 { + border-color: var(--colors-red-200, #fed7d7); } - .lg\:gap-6 { - gap: 1.5rem; + .xl\:border-colors-red-300 { + border-color: var(--colors-red-300, #feb2b2); } - .lg\:gap-7 { - gap: 1.75rem; + .xl\:border-colors-red-400 { + border-color: var(--colors-red-400, #fc8181); } - .lg\:gap-8 { - gap: 2rem; + .xl\:border-colors-red-500 { + border-color: var(--colors-red-500, #f56565); } - .lg\:gap-9 { - gap: 2.25rem; + .xl\:border-colors-red-600 { + border-color: var(--colors-red-600, #e53e3e); } - .lg\:gap-10 { - gap: 2.5rem; + .xl\:border-colors-red-700 { + border-color: var(--colors-red-700, #c53030); } - .lg\:gap-11 { - gap: 2.75rem; + .xl\:border-colors-red-800 { + border-color: var(--colors-red-800, #9b2c2c); } - .lg\:gap-12 { - gap: 3rem; + .xl\:border-colors-red-900 { + border-color: var(--colors-red-900, #742a2a); } - .lg\:gap-14 { - gap: 3.5rem; + .xl\:border-colors-orange-100 { + border-color: var(--colors-orange-100, #fffaf0); } - .lg\:gap-16 { - gap: 4rem; + .xl\:border-colors-orange-200 { + border-color: var(--colors-orange-200, #feebc8); } - .lg\:gap-20 { - gap: 5rem; + .xl\:border-colors-orange-300 { + border-color: var(--colors-orange-300, #fbd38d); } - .lg\:gap-24 { - gap: 6rem; + .xl\:border-colors-orange-400 { + border-color: var(--colors-orange-400, #f6ad55); } - .lg\:gap-28 { - gap: 7rem; + .xl\:border-colors-orange-500 { + border-color: var(--colors-orange-500, #ed8936); } - .lg\:gap-32 { - gap: 8rem; + .xl\:border-colors-orange-600 { + border-color: var(--colors-orange-600, #dd6b20); } - .lg\:gap-36 { - gap: 9rem; + .xl\:border-colors-orange-700 { + border-color: var(--colors-orange-700, #c05621); } - .lg\:gap-40 { - gap: 10rem; + .xl\:border-colors-orange-800 { + border-color: var(--colors-orange-800, #9c4221); } - .lg\:gap-44 { - gap: 11rem; + .xl\:border-colors-orange-900 { + border-color: var(--colors-orange-900, #7b341e); } - .lg\:gap-48 { - gap: 12rem; + .xl\:border-colors-yellow-100 { + border-color: var(--colors-yellow-100, #fffff0); } - .lg\:gap-52 { - gap: 13rem; + .xl\:border-colors-yellow-200 { + border-color: var(--colors-yellow-200, #fefcbf); } - .lg\:gap-56 { - gap: 14rem; + .xl\:border-colors-yellow-300 { + border-color: var(--colors-yellow-300, #faf089); } - .lg\:gap-60 { - gap: 15rem; + .xl\:border-colors-yellow-400 { + border-color: var(--colors-yellow-400, #f6e05e); } - .lg\:gap-64 { - gap: 16rem; + .xl\:border-colors-yellow-500 { + border-color: var(--colors-yellow-500, #ecc94b); } - .lg\:gap-72 { - gap: 18rem; + .xl\:border-colors-yellow-600 { + border-color: var(--colors-yellow-600, #d69e2e); } - .lg\:gap-80 { - gap: 20rem; + .xl\:border-colors-yellow-700 { + border-color: var(--colors-yellow-700, #b7791f); } - .lg\:gap-96 { - gap: 24rem; + .xl\:border-colors-yellow-800 { + border-color: var(--colors-yellow-800, #975a16); } - .lg\:gap-px { - gap: 1px; + .xl\:border-colors-yellow-900 { + border-color: var(--colors-yellow-900, #744210); } - .lg\:gap-0\.5 { - gap: 0.125rem; + .xl\:border-colors-green-100 { + border-color: var(--colors-green-100, #f0fff4); } - .lg\:gap-1\.5 { - gap: 0.375rem; + .xl\:border-colors-green-200 { + border-color: var(--colors-green-200, #c6f6d5); } - .lg\:gap-2\.5 { - gap: 0.625rem; + .xl\:border-colors-green-300 { + border-color: var(--colors-green-300, #9ae6b4); } - .lg\:gap-3\.5 { - gap: 0.875rem; + .xl\:border-colors-green-400 { + border-color: var(--colors-green-400, #68d391); } - .lg\:gap-x-0 { - -moz-column-gap: 0px; - column-gap: 0px; + .xl\:border-colors-green-500 { + border-color: var(--colors-green-500, #48bb78); } - .lg\:gap-x-1 { - -moz-column-gap: 0.25rem; - column-gap: 0.25rem; + .xl\:border-colors-green-600 { + border-color: var(--colors-green-600, #38a169); } - .lg\:gap-x-2 { - -moz-column-gap: 0.5rem; - column-gap: 0.5rem; + .xl\:border-colors-green-700 { + border-color: var(--colors-green-700, #2f855a); } - .lg\:gap-x-3 { - -moz-column-gap: 0.75rem; - column-gap: 0.75rem; + .xl\:border-colors-green-800 { + border-color: var(--colors-green-800, #276749); } - .lg\:gap-x-4 { - -moz-column-gap: 1rem; - column-gap: 1rem; + .xl\:border-colors-green-900 { + border-color: var(--colors-green-900, #22543d); } - .lg\:gap-x-5 { - -moz-column-gap: 1.25rem; - column-gap: 1.25rem; + .xl\:border-colors-teal-100 { + border-color: var(--colors-teal-100, #e6fffa); } - .lg\:gap-x-6 { - -moz-column-gap: 1.5rem; - column-gap: 1.5rem; + .xl\:border-colors-teal-200 { + border-color: var(--colors-teal-200, #b2f5ea); } - .lg\:gap-x-7 { - -moz-column-gap: 1.75rem; - column-gap: 1.75rem; + .xl\:border-colors-teal-300 { + border-color: var(--colors-teal-300, #81e6d9); } - .lg\:gap-x-8 { - -moz-column-gap: 2rem; - column-gap: 2rem; + .xl\:border-colors-teal-400 { + border-color: var(--colors-teal-400, #4fd1c5); } - .lg\:gap-x-9 { - -moz-column-gap: 2.25rem; - column-gap: 2.25rem; + .xl\:border-colors-teal-500 { + border-color: var(--colors-teal-500, #38b2ac); } - .lg\:gap-x-10 { - -moz-column-gap: 2.5rem; - column-gap: 2.5rem; + .xl\:border-colors-teal-600 { + border-color: var(--colors-teal-600, #319795); } - .lg\:gap-x-11 { - -moz-column-gap: 2.75rem; - column-gap: 2.75rem; + .xl\:border-colors-teal-700 { + border-color: var(--colors-teal-700, #2c7a7b); } - .lg\:gap-x-12 { - -moz-column-gap: 3rem; - column-gap: 3rem; + .xl\:border-colors-teal-800 { + border-color: var(--colors-teal-800, #285e61); } - .lg\:gap-x-14 { - -moz-column-gap: 3.5rem; - column-gap: 3.5rem; + .xl\:border-colors-teal-900 { + border-color: var(--colors-teal-900, #234e52); } - .lg\:gap-x-16 { - -moz-column-gap: 4rem; - column-gap: 4rem; + .xl\:border-colors-blue-100 { + border-color: var(--colors-blue-100, #ebf8ff); } - .lg\:gap-x-20 { - -moz-column-gap: 5rem; - column-gap: 5rem; + .xl\:border-colors-blue-200 { + border-color: var(--colors-blue-200, #bee3f8); } - .lg\:gap-x-24 { - -moz-column-gap: 6rem; - column-gap: 6rem; + .xl\:border-colors-blue-300 { + border-color: var(--colors-blue-300, #90cdf4); } - .lg\:gap-x-28 { - -moz-column-gap: 7rem; - column-gap: 7rem; + .xl\:border-colors-blue-400 { + border-color: var(--colors-blue-400, #63b3ed); } - .lg\:gap-x-32 { - -moz-column-gap: 8rem; - column-gap: 8rem; + .xl\:border-colors-blue-500 { + border-color: var(--colors-blue-500, #4299e1); } - .lg\:gap-x-36 { - -moz-column-gap: 9rem; - column-gap: 9rem; + .xl\:border-colors-blue-600 { + border-color: var(--colors-blue-600, #3182ce); } - .lg\:gap-x-40 { - -moz-column-gap: 10rem; - column-gap: 10rem; + .xl\:border-colors-blue-700 { + border-color: var(--colors-blue-700, #2b6cb0); } - .lg\:gap-x-44 { - -moz-column-gap: 11rem; - column-gap: 11rem; + .xl\:border-colors-blue-800 { + border-color: var(--colors-blue-800, #2c5282); } - .lg\:gap-x-48 { - -moz-column-gap: 12rem; - column-gap: 12rem; + .xl\:border-colors-blue-900 { + border-color: var(--colors-blue-900, #2a4365); } - .lg\:gap-x-52 { - -moz-column-gap: 13rem; - column-gap: 13rem; + .xl\:border-colors-indigo-100 { + border-color: var(--colors-indigo-100, #ebf4ff); } - .lg\:gap-x-56 { - -moz-column-gap: 14rem; - column-gap: 14rem; + .xl\:border-colors-indigo-200 { + border-color: var(--colors-indigo-200, #c3dafe); } - .lg\:gap-x-60 { - -moz-column-gap: 15rem; - column-gap: 15rem; + .xl\:border-colors-indigo-300 { + border-color: var(--colors-indigo-300, #a3bffa); } - .lg\:gap-x-64 { - -moz-column-gap: 16rem; - column-gap: 16rem; + .xl\:border-colors-indigo-400 { + border-color: var(--colors-indigo-400, #7f9cf5); } - .lg\:gap-x-72 { - -moz-column-gap: 18rem; - column-gap: 18rem; + .xl\:border-colors-indigo-500 { + border-color: var(--colors-indigo-500, #667eea); } - .lg\:gap-x-80 { - -moz-column-gap: 20rem; - column-gap: 20rem; + .xl\:border-colors-indigo-600 { + border-color: var(--colors-indigo-600, #5a67d8); } - .lg\:gap-x-96 { - -moz-column-gap: 24rem; - column-gap: 24rem; + .xl\:border-colors-indigo-700 { + border-color: var(--colors-indigo-700, #4c51bf); } - .lg\:gap-x-px { - -moz-column-gap: 1px; - column-gap: 1px; + .xl\:border-colors-indigo-800 { + border-color: var(--colors-indigo-800, #434190); } - .lg\:gap-x-0\.5 { - -moz-column-gap: 0.125rem; - column-gap: 0.125rem; + .xl\:border-colors-indigo-900 { + border-color: var(--colors-indigo-900, #3c366b); } - .lg\:gap-x-1\.5 { - -moz-column-gap: 0.375rem; - column-gap: 0.375rem; + .xl\:border-colors-purple-100 { + border-color: var(--colors-purple-100, #faf5ff); } - .lg\:gap-x-2\.5 { - -moz-column-gap: 0.625rem; - column-gap: 0.625rem; + .xl\:border-colors-purple-200 { + border-color: var(--colors-purple-200, #e9d8fd); } - .lg\:gap-x-3\.5 { - -moz-column-gap: 0.875rem; - column-gap: 0.875rem; + .xl\:border-colors-purple-300 { + border-color: var(--colors-purple-300, #d6bcfa); } - .lg\:gap-y-0 { - row-gap: 0px; + .xl\:border-colors-purple-400 { + border-color: var(--colors-purple-400, #b794f4); } - .lg\:gap-y-1 { - row-gap: 0.25rem; + .xl\:border-colors-purple-500 { + border-color: var(--colors-purple-500, #9f7aea); } - .lg\:gap-y-2 { - row-gap: 0.5rem; + .xl\:border-colors-purple-600 { + border-color: var(--colors-purple-600, #805ad5); } - .lg\:gap-y-3 { - row-gap: 0.75rem; + .xl\:border-colors-purple-700 { + border-color: var(--colors-purple-700, #6b46c1); } - .lg\:gap-y-4 { - row-gap: 1rem; + .xl\:border-colors-purple-800 { + border-color: var(--colors-purple-800, #553c9a); } - .lg\:gap-y-5 { - row-gap: 1.25rem; + .xl\:border-colors-purple-900 { + border-color: var(--colors-purple-900, #44337a); } - .lg\:gap-y-6 { - row-gap: 1.5rem; + .xl\:border-colors-pink-100 { + border-color: var(--colors-pink-100, #fff5f7); } - .lg\:gap-y-7 { - row-gap: 1.75rem; + .xl\:border-colors-pink-200 { + border-color: var(--colors-pink-200, #fed7e2); } - .lg\:gap-y-8 { - row-gap: 2rem; + .xl\:border-colors-pink-300 { + border-color: var(--colors-pink-300, #fbb6ce); } - .lg\:gap-y-9 { - row-gap: 2.25rem; + .xl\:border-colors-pink-400 { + border-color: var(--colors-pink-400, #f687b3); } - .lg\:gap-y-10 { - row-gap: 2.5rem; + .xl\:border-colors-pink-500 { + border-color: var(--colors-pink-500, #ed64a6); } - .lg\:gap-y-11 { - row-gap: 2.75rem; + .xl\:border-colors-pink-600 { + border-color: var(--colors-pink-600, #d53f8c); } - .lg\:gap-y-12 { - row-gap: 3rem; + .xl\:border-colors-pink-700 { + border-color: var(--colors-pink-700, #b83280); } - .lg\:gap-y-14 { - row-gap: 3.5rem; + .xl\:border-colors-pink-800 { + border-color: var(--colors-pink-800, #97266d); } - .lg\:gap-y-16 { - row-gap: 4rem; + .xl\:border-colors-pink-900 { + border-color: var(--colors-pink-900, #702459); } - .lg\:gap-y-20 { - row-gap: 5rem; + .xl\:border-Box\ Shadow { + border-color: var(--box-shadow, #7f7e7f); } - .lg\:gap-y-24 { - row-gap: 6rem; + .xl\:border-Error16 { + border-color: var(--error16, #f03d3e40); } - .lg\:gap-y-28 { - row-gap: 7rem; + .xl\:border-Success16 { + border-color: var(--success16, #5bb14d40); } - .lg\:gap-y-32 { - row-gap: 8rem; + .xl\:border-Notification16 { + border-color: var(--notification16, #3959ff40); } - .lg\:gap-y-36 { - row-gap: 9rem; + .xl\:border-Error8 { + border-color: var(--error8, #f03d3e1a); } - .lg\:gap-y-40 { - row-gap: 10rem; + .xl\:border-Notification8 { + border-color: var(--notification8, #3959ff1a); } - .lg\:gap-y-44 { - row-gap: 11rem; + .xl\:border-Success8 { + border-color: var(--success8, #5bb14d1a); } - .lg\:gap-y-48 { - row-gap: 12rem; + .xl\:border-Light\ -\ Overlay { + border-color: var(--light-overlay, #f0edee66); } - .lg\:gap-y-52 { - row-gap: 13rem; + .xl\:border-Dark-\ Overlay { + border-color: var(--dark-overlay, #7f7e7f66); } - .lg\:gap-y-56 { - row-gap: 14rem; + .xl\:border-black-40 { + border-color: var(--black-40, #00000066); } - .lg\:gap-y-60 { - row-gap: 15rem; + .xl\:border-black-75 { + border-color: var(--black-75, #000000bf); } - .lg\:gap-y-64 { - row-gap: 16rem; + .xl\:border-black-60 { + border-color: var(--black-60, #00000099); } - .lg\:gap-y-72 { - row-gap: 18rem; + .xl\:border-black-50 { + border-color: var(--black-50, #00000080); } - .lg\:gap-y-80 { - row-gap: 20rem; + .xl\:border-black-25 { + border-color: var(--black-25, #00000040); } - .lg\:gap-y-96 { - row-gap: 24rem; + .xl\:border-black-10 { + border-color: var(--black-10, #0000001a); } - .lg\:gap-y-px { - row-gap: 1px; + .xl\:border-white-25 { + border-color: var(--white-25, #ffffff40); } - .lg\:gap-y-0\.5 { - row-gap: 0.125rem; + .xl\:border-white-60 { + border-color: var(--white-60, #ffffff99); } - .lg\:gap-y-1\.5 { - row-gap: 0.375rem; + .xl\:border-black-64 { + border-color: var(--black-64, #000000a3); } - .lg\:gap-y-2\.5 { - row-gap: 0.625rem; + .xl\:border-Shadow\ and\ Highlight-Shadow { + border-color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .lg\:gap-y-3\.5 { - row-gap: 0.875rem; + .xl\:border-Shadow\ and\ Highlight-Highlight { + border-color: var(--shadow-and-highlight-highlight, #474747); } - .lg\:space-x-0 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(0px * var(--tw-space-x-reverse)); - margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse))); + .xl\:border-Shadow\ and\ Highlight-highlight\ one { + border-color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .lg\: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))); + .xl\:border-Shadow\ and\ Highlight-highlight\ two { + border-color: var(--shadow-and-highlight-highlight-two, #47474799); } - .lg\: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))); + .xl\:border-Shadow\ and\ Highlight-highlight\ three { + border-color: var(--shadow-and-highlight-highlight-three, #47474766); } - .lg\: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))); + .xl\:border-Shadow\ and\ Highlight-highlight\ five { + border-color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .lg\: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))); + .xl\:border-Shadow\ and\ Highlight-shadow\ one { + border-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .lg\:space-x-5 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(1.25rem * var(--tw-space-x-reverse)); - margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:border-Shadow\ and\ Highlight-shadow\ two { + border-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .lg\: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))); + .xl\:border-Shadow\ and\ Highlight-shadow\ three { + border-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .lg\:space-x-7 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(1.75rem * var(--tw-space-x-reverse)); - margin-left: calc(1.75rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:border-Shadow\ and\ Highlight-shadow\ four { + border-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .lg\: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))); + .xl\:border-Shadow\ and\ Highlight-shadow\ five { + border-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .lg\:space-x-9 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(2.25rem * var(--tw-space-x-reverse)); - margin-left: calc(2.25rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:border-Shadow\ and\ Highlight-highlight\ four { + border-color: var(--shadow-and-highlight-highlight-four, #47474740); } - .lg\:space-x-10 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(2.5rem * var(--tw-space-x-reverse)); - margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:border-Base\ Layer\ Styles-Base\ Layer-\ Light-White { + border-color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .lg\:space-x-11 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(2.75rem * var(--tw-space-x-reverse)); - margin-left: calc(2.75rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:border-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite { + border-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .lg\:space-x-12 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(3rem * var(--tw-space-x-reverse)); - margin-left: calc(3rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:border-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack { + border-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .lg\:space-x-14 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(3.5rem * var(--tw-space-x-reverse)); - margin-left: calc(3.5rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:border-Base\ Layer\ Styles-Base\ Layer-Dark-Black { + border-color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .lg\:space-x-16 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(4rem * var(--tw-space-x-reverse)); - margin-left: calc(4rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:border-Grey-Scale-white { + border-color: var(--grey-scale-white, #ffffff); } - .lg\:space-x-20 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(5rem * var(--tw-space-x-reverse)); - margin-left: calc(5rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:border-Grey-Scale-off-white { + border-color: var(--grey-scale-off-white, #f0edee); } - .lg\:space-x-24 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(6rem * var(--tw-space-x-reverse)); - margin-left: calc(6rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:border-Grey\ Scale-grey { + border-color: var(--grey-scale-grey, #7f7e7f); } - .lg\:space-x-28 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(7rem * var(--tw-space-x-reverse)); - margin-left: calc(7rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:border-Grey\ Scale-charcoal { + border-color: var(--grey-scale-charcoal, #474747); } - .lg\:space-x-32 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(8rem * var(--tw-space-x-reverse)); - margin-left: calc(8rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:border-Grey\ Scale-off-black { + border-color: var(--grey-scale-off-black, #1c1c1c); } - .lg\:space-x-36 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(9rem * var(--tw-space-x-reverse)); - margin-left: calc(9rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:border-Grey\ Scale-black { + border-color: var(--grey-scale-black, #000000); } - .lg\:space-x-40 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(10rem * var(--tw-space-x-reverse)); - margin-left: calc(10rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:border-Blue-blue { + border-color: var(--blue-blue, #3a7ca5); } - .lg\:space-x-44 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(11rem * var(--tw-space-x-reverse)); - margin-left: calc(11rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:border-Blue-blue-100 { + border-color: var(--blue-blue-100, #75a3c0); } - .lg\:space-x-48 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(12rem * var(--tw-space-x-reverse)); - margin-left: calc(12rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:border-Blue-blue-200 { + border-color: var(--blue-blue-200, #9cbed2); } - .lg\:space-x-52 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(13rem * var(--tw-space-x-reverse)); - margin-left: calc(13rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:border-Blue-blue-300 { + border-color: var(--blue-blue-300, #4f7d9a); } - .lg\:space-x-56 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(14rem * var(--tw-space-x-reverse)); - margin-left: calc(14rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:border-Blue-blue-400 { + border-color: var(--blue-blue-400, #5c7d92); } - .lg\:space-x-60 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(15rem * var(--tw-space-x-reverse)); - margin-left: calc(15rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:border-Blue-blue-500 { + border-color: var(--blue-blue-500, #347095); } - .lg\:space-x-64 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(16rem * var(--tw-space-x-reverse)); - margin-left: calc(16rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:border-Blue-blue-600 { + border-color: var(--blue-blue-600, #295774); } - .lg\:space-x-72 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(18rem * var(--tw-space-x-reverse)); - margin-left: calc(18rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:border-Blue-blue-700 { + border-color: var(--blue-blue-700, #173242); } - .lg\:space-x-80 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(20rem * var(--tw-space-x-reverse)); - margin-left: calc(20rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:border-LightBlue-lightblue { + border-color: var(--light-blue-lightblue, #81c3d7); } - .lg\:space-x-96 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(24rem * var(--tw-space-x-reverse)); - margin-left: calc(24rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:border-LightBlue-lightblue-100 { + border-color: var(--light-blue-lightblue-100, #a7d5e3); } - .lg\:space-x-px > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(1px * var(--tw-space-x-reverse)); - margin-left: calc(1px * calc(1 - var(--tw-space-x-reverse))); + .xl\:border-LightBlue-lightblue-200 { + border-color: var(--light-blue-lightblue-200, #c0e1eb); } - .lg\:space-x-0\.5 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(0.125rem * var(--tw-space-x-reverse)); - margin-left: calc(0.125rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:border-LightBlue-lightblue-300 { + border-color: var(--light-blue-lightblue-300, #80aebd); } - .lg\: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))); + .xl\:border-LightBlue-lightblue-400 { + border-color: var(--light-blue-lightblue-400, #80a0ab); } - .lg\: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))); + .xl\:border-LightBlue-lightblue-500 { + border-color: var(--light-blue-lightblue-500, #74afc1); } - .lg\:space-x-3\.5 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(0.875rem * var(--tw-space-x-reverse)); - margin-left: calc(0.875rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:border-LightBlue-lightblue-600 { + border-color: var(--light-blue-lightblue-600, #5a8997); } - .lg\:-space-x-0 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(0px * var(--tw-space-x-reverse)); - margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse))); + .xl\:border-LightBlue-lightblue-650 { + border-color: var(--light-blue-lightblue-650, #3e5e65); } - .lg\:-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))); + .xl\:border-LightBlue-lightblue-700 { + border-color: var(--light-blue-lightblue-700, #344e56); } - .lg\:-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))); + .xl\:border-Orange-orange { + border-color: var(--orange-orange, #ff7f0e); } - .lg\:-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))); + .xl\:border-Orange-orange-100 { + border-color: var(--orange-orange-100, #ffa556); } - .lg\:-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))); + .xl\:border-Orange-orange-200 { + border-color: var(--orange-orange-200, #ffbf86); } - .lg\:-space-x-5 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-1.25rem * var(--tw-space-x-reverse)); - margin-left: calc(-1.25rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:border-Orange-orange-300 { + border-color: var(--orange-orange-300, #d97f30); } - .lg\:-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))); + .xl\:border-Orange-orange-400 { + border-color: var(--orange-orange-400, #bf7e46); } - .lg\:-space-x-7 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-1.75rem * var(--tw-space-x-reverse)); - margin-left: calc(-1.75rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:border-Orange-orange-500 { + border-color: var(--orange-orange-500, #e5720d); } - .lg\:-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))); + .xl\:border-Orange-orange-600 { + border-color: var(--orange-orange-600, #b3590a); } - .lg\:-space-x-9 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-2.25rem * var(--tw-space-x-reverse)); - margin-left: calc(-2.25rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:border-Orange-orange-700 { + border-color: var(--orange-orange-700, #663306); } - .lg\:-space-x-10 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-2.5rem * var(--tw-space-x-reverse)); - margin-left: calc(-2.5rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:border-Yellow-yellow { + border-color: var(--yellow-yellow, #ffab00); } - .lg\:-space-x-11 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-2.75rem * var(--tw-space-x-reverse)); - margin-left: calc(-2.75rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:border-Yellow-yellow-100 { + border-color: var(--yellow-yellow-100, #ffc44c); } - .lg\:-space-x-12 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-3rem * var(--tw-space-x-reverse)); - margin-left: calc(-3rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:border-Yellow-yellow-200 { + border-color: var(--yellow-yellow-200, #ffd580); } - .lg\:-space-x-14 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-3.5rem * var(--tw-space-x-reverse)); - margin-left: calc(-3.5rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:border-Yellow-yellow-300 { + border-color: var(--yellow-yellow-300, #d99d26); } - .lg\:-space-x-16 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-4rem * var(--tw-space-x-reverse)); - margin-left: calc(-4rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:border-Yellow-yellow-400 { + border-color: var(--yellow-yellow-400, #bf943f); } - .lg\:-space-x-20 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-5rem * var(--tw-space-x-reverse)); - margin-left: calc(-5rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:border-Yellow-yellow-500 { + border-color: var(--yellow-yellow-500, #e59a00); } - .lg\:-space-x-24 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-6rem * var(--tw-space-x-reverse)); - margin-left: calc(-6rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:border-Yellow-yellow-600 { + border-color: var(--yellow-yellow-600, #b37800); } - .lg\:-space-x-28 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-7rem * var(--tw-space-x-reverse)); - margin-left: calc(-7rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:border-Yellow-yellow-700 { + border-color: var(--yellow-yellow-700, #664400); } - .lg\:-space-x-32 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-8rem * var(--tw-space-x-reverse)); - margin-left: calc(-8rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:border-Notification-notification { + border-color: var(--notification-notification, #3959ff); } - .lg\:-space-x-36 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-9rem * var(--tw-space-x-reverse)); - margin-left: calc(-9rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:border-Notification-notification-100 { + border-color: var(--notification-notification-100, #748bff); } - .lg\:-space-x-40 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-10rem * var(--tw-space-x-reverse)); - margin-left: calc(-10rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:border-Notification-notification-200 { + border-color: var(--notification-notification-200, #9cacff); } - .lg\:-space-x-44 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-11rem * var(--tw-space-x-reverse)); - margin-left: calc(-11rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:border-Notification-notification-300 { + border-color: var(--notification-notification-300, #4e64d9); } - .lg\:-space-x-48 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-12rem * var(--tw-space-x-reverse)); - margin-left: calc(-12rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:border-Notification-notification-400 { + border-color: var(--notification-notification-400, #5c6cbf); } - .lg\:-space-x-52 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-13rem * var(--tw-space-x-reverse)); - margin-left: calc(-13rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:border-Notification-notification-500 { + border-color: var(--notification-notification-500, #3350e5); } - .lg\:-space-x-56 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-14rem * var(--tw-space-x-reverse)); - margin-left: calc(-14rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:border-Notification-notification-600 { + border-color: var(--notification-notification-600, #283eb3); } - .lg\:-space-x-60 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-15rem * var(--tw-space-x-reverse)); - margin-left: calc(-15rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:border-Notification-notification-700 { + border-color: var(--notification-notification-700, #172466); } - .lg\:-space-x-64 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-16rem * var(--tw-space-x-reverse)); - margin-left: calc(-16rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:border-Success-success\ -700 { + border-color: var(--success-success-700, #24471f); } - .lg\:-space-x-72 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-18rem * var(--tw-space-x-reverse)); - margin-left: calc(-18rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:border-Success-success { + border-color: var(--success-success, #5bb14d); } - .lg\:-space-x-80 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-20rem * var(--tw-space-x-reverse)); - margin-left: calc(-20rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:border-Success-success\ -100 { + border-color: var(--success-success-100, #8cc882); } - .lg\:-space-x-96 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-24rem * var(--tw-space-x-reverse)); - margin-left: calc(-24rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:border-Success-success\ -200 { + border-color: var(--success-success-200, #add8a6); } - .lg\:-space-x-px > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-1px * var(--tw-space-x-reverse)); - margin-left: calc(-1px * calc(1 - var(--tw-space-x-reverse))); + .xl\:border-Success-success\ -300 { + border-color: var(--success-success-300, #66a25c); } - .lg\:-space-x-0\.5 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-0.125rem * var(--tw-space-x-reverse)); - margin-left: calc(-0.125rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:border-Success-success\ -400 { + border-color: var(--success-success-400, #6d9766); } - .lg\:-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))); + .xl\:border-Success-success\ -500 { + border-color: var(--success-success-500, #529f45); } - .lg\:-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))); + .xl\:border-Success-success\ -600 { + border-color: var(--success-success-600, #407c36); } - .lg\:-space-x-3\.5 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-0.875rem * var(--tw-space-x-reverse)); - margin-left: calc(-0.875rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:border-Error-error { + border-color: var(--error-error, #f03d3e); } - .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)); + .xl\:border-Error-error-100 { + border-color: var(--error-error-100, #f57778); } - .lg\: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)); + .xl\:border-Error-error-200 { + border-color: var(--error-error-200, #f89e9e); } - .lg\: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)); + .xl\:border-Error-error-250 { + border-color: var(--error-error-250, #f9c8c8); } - .lg\: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)); + .xl\:border-Error-error-300 { + border-color: var(--error-error-300, #ce5151); } - .lg\:space-y-4 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(1rem * var(--tw-space-y-reverse)); + .xl\:border-Error-error-400 { + border-color: var(--error-error-400, #b85e5e); } - .lg\: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)); + .xl\:border-Error-error-500 { + border-color: var(--error-error-500, #d83738); } - .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)); + .xl\:border-Error-error-600 { + border-color: var(--error-error-600, #a82b2b); } - .lg\:space-y-7 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(1.75rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(1.75rem * var(--tw-space-y-reverse)); + .xl\:border-Error-error-700 { + border-color: var(--error-error-700, #601819); } - .lg\:space-y-8 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(2rem * var(--tw-space-y-reverse)); + .group:hover .xl\:group-hover\:border-colors-black { + border-color: var(--colors-black, #000000); } - .lg\:space-y-9 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(2.25rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(2.25rem * var(--tw-space-y-reverse)); + .group:hover .xl\:group-hover\:border-colors-white { + border-color: var(--colors-white, #ffffff); + } + + .group:hover .xl\:group-hover\:border-colors-gray-100 { + border-color: var(--colors-gray-100, #f7fafc); } - .lg\: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)); + .group:hover .xl\:group-hover\:border-colors-gray-200 { + border-color: var(--colors-gray-200, #edf2f7); } - .lg\:space-y-11 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(2.75rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(2.75rem * var(--tw-space-y-reverse)); + .group:hover .xl\:group-hover\:border-colors-gray-300 { + border-color: var(--colors-gray-300, #e2e8f0); } - .lg\: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)); + .group:hover .xl\:group-hover\:border-colors-gray-400 { + border-color: var(--colors-gray-400, #cbd5e0); } - .lg\:space-y-14 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(3.5rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(3.5rem * var(--tw-space-y-reverse)); + .group:hover .xl\:group-hover\:border-colors-gray-500 { + border-color: var(--colors-gray-500, #a0aec0); } - .lg\: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)); + .group:hover .xl\:group-hover\:border-colors-gray-600 { + border-color: var(--colors-gray-600, #718096); } - .lg\:space-y-20 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(5rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(5rem * var(--tw-space-y-reverse)); + .group:hover .xl\:group-hover\:border-colors-gray-700 { + border-color: var(--colors-gray-700, #4a5568); } - .lg\:space-y-24 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(6rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(6rem * var(--tw-space-y-reverse)); + .group:hover .xl\:group-hover\:border-colors-gray-800 { + border-color: var(--colors-gray-800, #2d3748); } - .lg\:space-y-28 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(7rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(7rem * var(--tw-space-y-reverse)); + .group:hover .xl\:group-hover\:border-colors-gray-900 { + border-color: var(--colors-gray-900, #1a202c); } - .lg\:space-y-32 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(8rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(8rem * var(--tw-space-y-reverse)); + .group:hover .xl\:group-hover\:border-colors-red-100 { + border-color: var(--colors-red-100, #fff5f5); } - .lg\:space-y-36 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(9rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(9rem * var(--tw-space-y-reverse)); + .group:hover .xl\:group-hover\:border-colors-red-200 { + border-color: var(--colors-red-200, #fed7d7); } - .lg\:space-y-40 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(10rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(10rem * var(--tw-space-y-reverse)); + .group:hover .xl\:group-hover\:border-colors-red-300 { + border-color: var(--colors-red-300, #feb2b2); } - .lg\:space-y-44 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(11rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(11rem * var(--tw-space-y-reverse)); + .group:hover .xl\:group-hover\:border-colors-red-400 { + border-color: var(--colors-red-400, #fc8181); } - .lg\:space-y-48 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(12rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(12rem * var(--tw-space-y-reverse)); + .group:hover .xl\:group-hover\:border-colors-red-500 { + border-color: var(--colors-red-500, #f56565); } - .lg\:space-y-52 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(13rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(13rem * var(--tw-space-y-reverse)); + .group:hover .xl\:group-hover\:border-colors-red-600 { + border-color: var(--colors-red-600, #e53e3e); } - .lg\:space-y-56 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(14rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(14rem * var(--tw-space-y-reverse)); + .group:hover .xl\:group-hover\:border-colors-red-700 { + border-color: var(--colors-red-700, #c53030); } - .lg\:space-y-60 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(15rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(15rem * var(--tw-space-y-reverse)); + .group:hover .xl\:group-hover\:border-colors-red-800 { + border-color: var(--colors-red-800, #9b2c2c); } - .lg\:space-y-64 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(16rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(16rem * var(--tw-space-y-reverse)); + .group:hover .xl\:group-hover\:border-colors-red-900 { + border-color: var(--colors-red-900, #742a2a); } - .lg\:space-y-72 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(18rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(18rem * var(--tw-space-y-reverse)); + .group:hover .xl\:group-hover\:border-colors-orange-100 { + border-color: var(--colors-orange-100, #fffaf0); } - .lg\:space-y-80 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(20rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(20rem * var(--tw-space-y-reverse)); + .group:hover .xl\:group-hover\:border-colors-orange-200 { + border-color: var(--colors-orange-200, #feebc8); } - .lg\:space-y-96 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(24rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(24rem * var(--tw-space-y-reverse)); + .group:hover .xl\:group-hover\:border-colors-orange-300 { + border-color: var(--colors-orange-300, #fbd38d); } - .lg\:space-y-px > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(1px * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(1px * var(--tw-space-y-reverse)); + .group:hover .xl\:group-hover\:border-colors-orange-400 { + border-color: var(--colors-orange-400, #f6ad55); } - .lg\: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)); + .group:hover .xl\:group-hover\:border-colors-orange-500 { + border-color: var(--colors-orange-500, #ed8936); } - .lg\: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)); + .group:hover .xl\:group-hover\:border-colors-orange-600 { + border-color: var(--colors-orange-600, #dd6b20); } - .lg\: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)); + .group:hover .xl\:group-hover\:border-colors-orange-700 { + border-color: var(--colors-orange-700, #c05621); } - .lg\:space-y-3\.5 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(0.875rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(0.875rem * var(--tw-space-y-reverse)); + .group:hover .xl\:group-hover\:border-colors-orange-800 { + border-color: var(--colors-orange-800, #9c4221); } - .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)); + .group:hover .xl\:group-hover\:border-colors-orange-900 { + border-color: var(--colors-orange-900, #7b341e); } - .lg\:-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)); + .group:hover .xl\:group-hover\:border-colors-yellow-100 { + border-color: var(--colors-yellow-100, #fffff0); } - .lg\:-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)); + .group:hover .xl\:group-hover\:border-colors-yellow-200 { + border-color: var(--colors-yellow-200, #fefcbf); } - .lg\:-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)); + .group:hover .xl\:group-hover\:border-colors-yellow-300 { + border-color: var(--colors-yellow-300, #faf089); } - .lg\:-space-y-4 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-1rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-1rem * var(--tw-space-y-reverse)); + .group:hover .xl\:group-hover\:border-colors-yellow-400 { + border-color: var(--colors-yellow-400, #f6e05e); } - .lg\:-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)); + .group:hover .xl\:group-hover\:border-colors-yellow-500 { + border-color: var(--colors-yellow-500, #ecc94b); } - .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)); + .group:hover .xl\:group-hover\:border-colors-yellow-600 { + border-color: var(--colors-yellow-600, #d69e2e); } - .lg\:-space-y-7 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-1.75rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-1.75rem * var(--tw-space-y-reverse)); + .group:hover .xl\:group-hover\:border-colors-yellow-700 { + border-color: var(--colors-yellow-700, #b7791f); } - .lg\:-space-y-8 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-2rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-2rem * var(--tw-space-y-reverse)); + .group:hover .xl\:group-hover\:border-colors-yellow-800 { + border-color: var(--colors-yellow-800, #975a16); } - .lg\:-space-y-9 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-2.25rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-2.25rem * var(--tw-space-y-reverse)); + .group:hover .xl\:group-hover\:border-colors-yellow-900 { + border-color: var(--colors-yellow-900, #744210); } - .lg\:-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)); + .group:hover .xl\:group-hover\:border-colors-green-100 { + border-color: var(--colors-green-100, #f0fff4); } - .lg\:-space-y-11 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-2.75rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-2.75rem * var(--tw-space-y-reverse)); + .group:hover .xl\:group-hover\:border-colors-green-200 { + border-color: var(--colors-green-200, #c6f6d5); } - .lg\:-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)); + .group:hover .xl\:group-hover\:border-colors-green-300 { + border-color: var(--colors-green-300, #9ae6b4); } - .lg\:-space-y-14 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-3.5rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-3.5rem * var(--tw-space-y-reverse)); + .group:hover .xl\:group-hover\:border-colors-green-400 { + border-color: var(--colors-green-400, #68d391); } - .lg\:-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)); + .group:hover .xl\:group-hover\:border-colors-green-500 { + border-color: var(--colors-green-500, #48bb78); } - .lg\:-space-y-20 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-5rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-5rem * var(--tw-space-y-reverse)); + .group:hover .xl\:group-hover\:border-colors-green-600 { + border-color: var(--colors-green-600, #38a169); } - .lg\:-space-y-24 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-6rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-6rem * var(--tw-space-y-reverse)); + .group:hover .xl\:group-hover\:border-colors-green-700 { + border-color: var(--colors-green-700, #2f855a); } - .lg\:-space-y-28 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-7rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-7rem * var(--tw-space-y-reverse)); + .group:hover .xl\:group-hover\:border-colors-green-800 { + border-color: var(--colors-green-800, #276749); } - .lg\:-space-y-32 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-8rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-8rem * var(--tw-space-y-reverse)); + .group:hover .xl\:group-hover\:border-colors-green-900 { + border-color: var(--colors-green-900, #22543d); } - .lg\:-space-y-36 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-9rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-9rem * var(--tw-space-y-reverse)); + .group:hover .xl\:group-hover\:border-colors-teal-100 { + border-color: var(--colors-teal-100, #e6fffa); } - .lg\:-space-y-40 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-10rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-10rem * var(--tw-space-y-reverse)); + .group:hover .xl\:group-hover\:border-colors-teal-200 { + border-color: var(--colors-teal-200, #b2f5ea); } - .lg\:-space-y-44 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-11rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-11rem * var(--tw-space-y-reverse)); + .group:hover .xl\:group-hover\:border-colors-teal-300 { + border-color: var(--colors-teal-300, #81e6d9); } - .lg\:-space-y-48 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-12rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-12rem * var(--tw-space-y-reverse)); + .group:hover .xl\:group-hover\:border-colors-teal-400 { + border-color: var(--colors-teal-400, #4fd1c5); } - .lg\:-space-y-52 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-13rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-13rem * var(--tw-space-y-reverse)); + .group:hover .xl\:group-hover\:border-colors-teal-500 { + border-color: var(--colors-teal-500, #38b2ac); } - .lg\:-space-y-56 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-14rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-14rem * var(--tw-space-y-reverse)); + .group:hover .xl\:group-hover\:border-colors-teal-600 { + border-color: var(--colors-teal-600, #319795); } - .lg\:-space-y-60 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-15rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-15rem * var(--tw-space-y-reverse)); + .group:hover .xl\:group-hover\:border-colors-teal-700 { + border-color: var(--colors-teal-700, #2c7a7b); } - .lg\:-space-y-64 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-16rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-16rem * var(--tw-space-y-reverse)); + .group:hover .xl\:group-hover\:border-colors-teal-800 { + border-color: var(--colors-teal-800, #285e61); } - .lg\:-space-y-72 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-18rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-18rem * var(--tw-space-y-reverse)); + .group:hover .xl\:group-hover\:border-colors-teal-900 { + border-color: var(--colors-teal-900, #234e52); } - .lg\:-space-y-80 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-20rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-20rem * var(--tw-space-y-reverse)); + .group:hover .xl\:group-hover\:border-colors-blue-100 { + border-color: var(--colors-blue-100, #ebf8ff); } - .lg\:-space-y-96 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-24rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-24rem * var(--tw-space-y-reverse)); + .group:hover .xl\:group-hover\:border-colors-blue-200 { + border-color: var(--colors-blue-200, #bee3f8); } - .lg\:-space-y-px > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-1px * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-1px * var(--tw-space-y-reverse)); + .group:hover .xl\:group-hover\:border-colors-blue-300 { + border-color: var(--colors-blue-300, #90cdf4); } - .lg\:-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)); + .group:hover .xl\:group-hover\:border-colors-blue-400 { + border-color: var(--colors-blue-400, #63b3ed); } - .lg\:-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)); + .group:hover .xl\:group-hover\:border-colors-blue-500 { + border-color: var(--colors-blue-500, #4299e1); } - .lg\:-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)); + .group:hover .xl\:group-hover\:border-colors-blue-600 { + border-color: var(--colors-blue-600, #3182ce); } - .lg\:-space-y-3\.5 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-0.875rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-0.875rem * var(--tw-space-y-reverse)); + .group:hover .xl\:group-hover\:border-colors-blue-700 { + border-color: var(--colors-blue-700, #2b6cb0); } - .lg\:space-y-reverse > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 1; + .group:hover .xl\:group-hover\:border-colors-blue-800 { + border-color: var(--colors-blue-800, #2c5282); } - .lg\:space-x-reverse > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 1; + .group:hover .xl\:group-hover\:border-colors-blue-900 { + border-color: var(--colors-blue-900, #2a4365); } - .lg\:divide-x-0 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-x-reverse: 0; - border-right-width: calc(0px * var(--tw-divide-x-reverse)); - border-left-width: calc(0px * calc(1 - var(--tw-divide-x-reverse))); + .group:hover .xl\:group-hover\:border-colors-indigo-100 { + border-color: var(--colors-indigo-100, #ebf4ff); } - .lg\:divide-x-2 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-x-reverse: 0; - border-right-width: calc(2px * var(--tw-divide-x-reverse)); - border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse))); + .group:hover .xl\:group-hover\:border-colors-indigo-200 { + border-color: var(--colors-indigo-200, #c3dafe); } - .lg\:divide-x-4 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-x-reverse: 0; - border-right-width: calc(4px * var(--tw-divide-x-reverse)); - border-left-width: calc(4px * calc(1 - var(--tw-divide-x-reverse))); + .group:hover .xl\:group-hover\:border-colors-indigo-300 { + border-color: var(--colors-indigo-300, #a3bffa); } - .lg\:divide-x-8 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-x-reverse: 0; - border-right-width: calc(8px * var(--tw-divide-x-reverse)); - border-left-width: calc(8px * calc(1 - var(--tw-divide-x-reverse))); + .group:hover .xl\:group-hover\:border-colors-indigo-400 { + border-color: var(--colors-indigo-400, #7f9cf5); } - .lg\:divide-x > :not([hidden]) ~ :not([hidden]) { - --tw-divide-x-reverse: 0; - border-right-width: calc(1px * var(--tw-divide-x-reverse)); - border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); + .group:hover .xl\:group-hover\:border-colors-indigo-500 { + border-color: var(--colors-indigo-500, #667eea); } - .lg\:divide-y-0 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-y-reverse: 0; - border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse))); - border-bottom-width: calc(0px * var(--tw-divide-y-reverse)); + .group:hover .xl\:group-hover\:border-colors-indigo-600 { + border-color: var(--colors-indigo-600, #5a67d8); } - .lg\:divide-y-2 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-y-reverse: 0; - border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse))); - border-bottom-width: calc(2px * var(--tw-divide-y-reverse)); + .group:hover .xl\:group-hover\:border-colors-indigo-700 { + border-color: var(--colors-indigo-700, #4c51bf); } - .lg\:divide-y-4 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-y-reverse: 0; - border-top-width: calc(4px * calc(1 - var(--tw-divide-y-reverse))); - border-bottom-width: calc(4px * var(--tw-divide-y-reverse)); + .group:hover .xl\:group-hover\:border-colors-indigo-800 { + border-color: var(--colors-indigo-800, #434190); } - .lg\:divide-y-8 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-y-reverse: 0; - border-top-width: calc(8px * calc(1 - var(--tw-divide-y-reverse))); - border-bottom-width: calc(8px * var(--tw-divide-y-reverse)); + .group:hover .xl\:group-hover\:border-colors-indigo-900 { + border-color: var(--colors-indigo-900, #3c366b); } - .lg\: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)); + .group:hover .xl\:group-hover\:border-colors-purple-100 { + border-color: var(--colors-purple-100, #faf5ff); } - .lg\:divide-y-reverse > :not([hidden]) ~ :not([hidden]) { - --tw-divide-y-reverse: 1; + .group:hover .xl\:group-hover\:border-colors-purple-200 { + border-color: var(--colors-purple-200, #e9d8fd); } - .lg\:divide-x-reverse > :not([hidden]) ~ :not([hidden]) { - --tw-divide-x-reverse: 1; + .group:hover .xl\:group-hover\:border-colors-purple-300 { + border-color: var(--colors-purple-300, #d6bcfa); } - .lg\:divide-solid > :not([hidden]) ~ :not([hidden]) { - border-style: solid; + .group:hover .xl\:group-hover\:border-colors-purple-400 { + border-color: var(--colors-purple-400, #b794f4); } - .lg\:divide-dashed > :not([hidden]) ~ :not([hidden]) { - border-style: dashed; + .group:hover .xl\:group-hover\:border-colors-purple-500 { + border-color: var(--colors-purple-500, #9f7aea); } - .lg\:divide-dotted > :not([hidden]) ~ :not([hidden]) { - border-style: dotted; + .group:hover .xl\:group-hover\:border-colors-purple-600 { + border-color: var(--colors-purple-600, #805ad5); } - .lg\:divide-double > :not([hidden]) ~ :not([hidden]) { - border-style: double; + .group:hover .xl\:group-hover\:border-colors-purple-700 { + border-color: var(--colors-purple-700, #6b46c1); } - .lg\:divide-none > :not([hidden]) ~ :not([hidden]) { - border-style: none; + .group:hover .xl\:group-hover\:border-colors-purple-800 { + border-color: var(--colors-purple-800, #553c9a); } - .lg\:divide-transparent > :not([hidden]) ~ :not([hidden]) { - border-color: transparent; + .group:hover .xl\:group-hover\:border-colors-purple-900 { + border-color: var(--colors-purple-900, #44337a); } - .lg\:divide-current > :not([hidden]) ~ :not([hidden]) { - border-color: currentColor; + .group:hover .xl\:group-hover\:border-colors-pink-100 { + border-color: var(--colors-pink-100, #fff5f7); } - .lg\:divide-black > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(0, 0, 0, var(--tw-divide-opacity)); + .group:hover .xl\:group-hover\:border-colors-pink-200 { + border-color: var(--colors-pink-200, #fed7e2); } - .lg\:divide-white > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(255, 255, 255, var(--tw-divide-opacity)); + .group:hover .xl\:group-hover\:border-colors-pink-300 { + border-color: var(--colors-pink-300, #fbb6ce); } - .lg\:divide-gray-50 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(249, 250, 251, var(--tw-divide-opacity)); + .group:hover .xl\:group-hover\:border-colors-pink-400 { + border-color: var(--colors-pink-400, #f687b3); } - .lg\:divide-gray-100 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(243, 244, 246, var(--tw-divide-opacity)); + .group:hover .xl\:group-hover\:border-colors-pink-500 { + border-color: var(--colors-pink-500, #ed64a6); } - .lg\:divide-gray-200 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(229, 231, 235, var(--tw-divide-opacity)); + .group:hover .xl\:group-hover\:border-colors-pink-600 { + border-color: var(--colors-pink-600, #d53f8c); } - .lg\:divide-gray-300 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(209, 213, 219, var(--tw-divide-opacity)); + .group:hover .xl\:group-hover\:border-colors-pink-700 { + border-color: var(--colors-pink-700, #b83280); } - .lg\:divide-gray-400 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(156, 163, 175, var(--tw-divide-opacity)); + .group:hover .xl\:group-hover\:border-colors-pink-800 { + border-color: var(--colors-pink-800, #97266d); } - .lg\:divide-gray-500 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(107, 114, 128, var(--tw-divide-opacity)); + .group:hover .xl\:group-hover\:border-colors-pink-900 { + border-color: var(--colors-pink-900, #702459); } - .lg\:divide-gray-600 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(75, 85, 99, var(--tw-divide-opacity)); + .group:hover .xl\:group-hover\:border-Box\ Shadow { + border-color: var(--box-shadow, #7f7e7f); } - .lg\:divide-gray-700 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(55, 65, 81, var(--tw-divide-opacity)); + .group:hover .xl\:group-hover\:border-Error16 { + border-color: var(--error16, #f03d3e40); } - .lg\:divide-gray-800 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(31, 41, 55, var(--tw-divide-opacity)); + .group:hover .xl\:group-hover\:border-Success16 { + border-color: var(--success16, #5bb14d40); } - .lg\:divide-gray-900 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(17, 24, 39, var(--tw-divide-opacity)); + .group:hover .xl\:group-hover\:border-Notification16 { + border-color: var(--notification16, #3959ff40); } - .lg\:divide-red-50 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(254, 242, 242, var(--tw-divide-opacity)); + .group:hover .xl\:group-hover\:border-Error8 { + border-color: var(--error8, #f03d3e1a); } - .lg\:divide-red-100 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(254, 226, 226, var(--tw-divide-opacity)); + .group:hover .xl\:group-hover\:border-Notification8 { + border-color: var(--notification8, #3959ff1a); } - .lg\:divide-red-200 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(254, 202, 202, var(--tw-divide-opacity)); + .group:hover .xl\:group-hover\:border-Success8 { + border-color: var(--success8, #5bb14d1a); } - .lg\:divide-red-300 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(252, 165, 165, var(--tw-divide-opacity)); + .group:hover .xl\:group-hover\:border-Light\ -\ Overlay { + border-color: var(--light-overlay, #f0edee66); } - .lg\:divide-red-400 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(248, 113, 113, var(--tw-divide-opacity)); + .group:hover .xl\:group-hover\:border-Dark-\ Overlay { + border-color: var(--dark-overlay, #7f7e7f66); } - .lg\:divide-red-500 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(239, 68, 68, var(--tw-divide-opacity)); + .group:hover .xl\:group-hover\:border-black-40 { + border-color: var(--black-40, #00000066); } - .lg\:divide-red-600 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(220, 38, 38, var(--tw-divide-opacity)); + .group:hover .xl\:group-hover\:border-black-75 { + border-color: var(--black-75, #000000bf); } - .lg\:divide-red-700 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(185, 28, 28, var(--tw-divide-opacity)); + .group:hover .xl\:group-hover\:border-black-60 { + border-color: var(--black-60, #00000099); } - .lg\:divide-red-800 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(153, 27, 27, var(--tw-divide-opacity)); + .group:hover .xl\:group-hover\:border-black-50 { + border-color: var(--black-50, #00000080); } - .lg\:divide-red-900 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(127, 29, 29, var(--tw-divide-opacity)); + .group:hover .xl\:group-hover\:border-black-25 { + border-color: var(--black-25, #00000040); } - .lg\:divide-yellow-50 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(255, 251, 235, var(--tw-divide-opacity)); + .group:hover .xl\:group-hover\:border-black-10 { + border-color: var(--black-10, #0000001a); } - .lg\:divide-yellow-100 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(254, 243, 199, var(--tw-divide-opacity)); + .group:hover .xl\:group-hover\:border-white-25 { + border-color: var(--white-25, #ffffff40); } - .lg\:divide-yellow-200 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(253, 230, 138, var(--tw-divide-opacity)); + .group:hover .xl\:group-hover\:border-white-60 { + border-color: var(--white-60, #ffffff99); } - .lg\:divide-yellow-300 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(252, 211, 77, var(--tw-divide-opacity)); + .group:hover .xl\:group-hover\:border-black-64 { + border-color: var(--black-64, #000000a3); } - .lg\:divide-yellow-400 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(251, 191, 36, var(--tw-divide-opacity)); + .group:hover .xl\:group-hover\:border-Shadow\ and\ Highlight-Shadow { + border-color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .lg\:divide-yellow-500 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(245, 158, 11, var(--tw-divide-opacity)); + .group:hover .xl\:group-hover\:border-Shadow\ and\ Highlight-Highlight { + border-color: var(--shadow-and-highlight-highlight, #474747); } - .lg\:divide-yellow-600 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(217, 119, 6, var(--tw-divide-opacity)); + .group:hover .xl\:group-hover\:border-Shadow\ and\ Highlight-highlight\ one { + border-color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .lg\:divide-yellow-700 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(180, 83, 9, var(--tw-divide-opacity)); + .group:hover .xl\:group-hover\:border-Shadow\ and\ Highlight-highlight\ two { + border-color: var(--shadow-and-highlight-highlight-two, #47474799); } - .lg\:divide-yellow-800 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(146, 64, 14, var(--tw-divide-opacity)); + .group:hover .xl\:group-hover\:border-Shadow\ and\ Highlight-highlight\ three { + border-color: var(--shadow-and-highlight-highlight-three, #47474766); } - .lg\:divide-yellow-900 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(120, 53, 15, var(--tw-divide-opacity)); + .group:hover .xl\:group-hover\:border-Shadow\ and\ Highlight-highlight\ five { + border-color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .lg\:divide-green-50 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(236, 253, 245, var(--tw-divide-opacity)); + .group:hover .xl\:group-hover\:border-Shadow\ and\ Highlight-shadow\ one { + border-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .lg\:divide-green-100 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(209, 250, 229, var(--tw-divide-opacity)); + .group:hover .xl\:group-hover\:border-Shadow\ and\ Highlight-shadow\ two { + border-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .lg\:divide-green-200 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(167, 243, 208, var(--tw-divide-opacity)); + .group:hover .xl\:group-hover\:border-Shadow\ and\ Highlight-shadow\ three { + border-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .lg\:divide-green-300 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(110, 231, 183, var(--tw-divide-opacity)); + .group:hover .xl\:group-hover\:border-Shadow\ and\ Highlight-shadow\ four { + border-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .lg\:divide-green-400 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(52, 211, 153, var(--tw-divide-opacity)); + .group:hover .xl\:group-hover\:border-Shadow\ and\ Highlight-shadow\ five { + border-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .lg\:divide-green-500 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(16, 185, 129, var(--tw-divide-opacity)); + .group:hover .xl\:group-hover\:border-Shadow\ and\ Highlight-highlight\ four { + border-color: var(--shadow-and-highlight-highlight-four, #47474740); } - .lg\:divide-green-600 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(5, 150, 105, var(--tw-divide-opacity)); + .group:hover .xl\:group-hover\:border-Base\ Layer\ Styles-Base\ Layer-\ Light-White { + border-color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .lg\:divide-green-700 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(4, 120, 87, var(--tw-divide-opacity)); + .group:hover .xl\:group-hover\:border-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite { + border-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .lg\:divide-green-800 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(6, 95, 70, var(--tw-divide-opacity)); + .group:hover .xl\:group-hover\:border-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack { + border-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .lg\:divide-green-900 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(6, 78, 59, var(--tw-divide-opacity)); + .group:hover .xl\:group-hover\:border-Base\ Layer\ Styles-Base\ Layer-Dark-Black { + border-color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .lg\:divide-blue-50 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(239, 246, 255, var(--tw-divide-opacity)); + .group:hover .xl\:group-hover\:border-Grey-Scale-white { + border-color: var(--grey-scale-white, #ffffff); } - .lg\:divide-blue-100 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(219, 234, 254, var(--tw-divide-opacity)); + .group:hover .xl\:group-hover\:border-Grey-Scale-off-white { + border-color: var(--grey-scale-off-white, #f0edee); } - .lg\:divide-blue-200 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(191, 219, 254, var(--tw-divide-opacity)); + .group:hover .xl\:group-hover\:border-Grey\ Scale-grey { + border-color: var(--grey-scale-grey, #7f7e7f); } - .lg\:divide-blue-300 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(147, 197, 253, var(--tw-divide-opacity)); + .group:hover .xl\:group-hover\:border-Grey\ Scale-charcoal { + border-color: var(--grey-scale-charcoal, #474747); } - .lg\:divide-blue-400 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(96, 165, 250, var(--tw-divide-opacity)); + .group:hover .xl\:group-hover\:border-Grey\ Scale-off-black { + border-color: var(--grey-scale-off-black, #1c1c1c); } - .lg\:divide-blue-500 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(59, 130, 246, var(--tw-divide-opacity)); + .group:hover .xl\:group-hover\:border-Grey\ Scale-black { + border-color: var(--grey-scale-black, #000000); } - .lg\:divide-blue-600 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(37, 99, 235, var(--tw-divide-opacity)); + .group:hover .xl\:group-hover\:border-Blue-blue { + border-color: var(--blue-blue, #3a7ca5); } - .lg\:divide-blue-700 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(29, 78, 216, var(--tw-divide-opacity)); + .group:hover .xl\:group-hover\:border-Blue-blue-100 { + border-color: var(--blue-blue-100, #75a3c0); } - .lg\:divide-blue-800 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(30, 64, 175, var(--tw-divide-opacity)); + .group:hover .xl\:group-hover\:border-Blue-blue-200 { + border-color: var(--blue-blue-200, #9cbed2); } - .lg\:divide-blue-900 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(30, 58, 138, var(--tw-divide-opacity)); + .group:hover .xl\:group-hover\:border-Blue-blue-300 { + border-color: var(--blue-blue-300, #4f7d9a); } - .lg\:divide-indigo-50 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(238, 242, 255, var(--tw-divide-opacity)); + .group:hover .xl\:group-hover\:border-Blue-blue-400 { + border-color: var(--blue-blue-400, #5c7d92); } - .lg\:divide-indigo-100 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(224, 231, 255, var(--tw-divide-opacity)); + .group:hover .xl\:group-hover\:border-Blue-blue-500 { + border-color: var(--blue-blue-500, #347095); } - .lg\:divide-indigo-200 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(199, 210, 254, var(--tw-divide-opacity)); + .group:hover .xl\:group-hover\:border-Blue-blue-600 { + border-color: var(--blue-blue-600, #295774); } - .lg\:divide-indigo-300 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(165, 180, 252, var(--tw-divide-opacity)); + .group:hover .xl\:group-hover\:border-Blue-blue-700 { + border-color: var(--blue-blue-700, #173242); } - .lg\:divide-indigo-400 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(129, 140, 248, var(--tw-divide-opacity)); + .group:hover .xl\:group-hover\:border-LightBlue-lightblue { + border-color: var(--light-blue-lightblue, #81c3d7); } - .lg\:divide-indigo-500 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(99, 102, 241, var(--tw-divide-opacity)); + .group:hover .xl\:group-hover\:border-LightBlue-lightblue-100 { + border-color: var(--light-blue-lightblue-100, #a7d5e3); } - .lg\:divide-indigo-600 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(79, 70, 229, var(--tw-divide-opacity)); + .group:hover .xl\:group-hover\:border-LightBlue-lightblue-200 { + border-color: var(--light-blue-lightblue-200, #c0e1eb); } - .lg\:divide-indigo-700 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(67, 56, 202, var(--tw-divide-opacity)); + .group:hover .xl\:group-hover\:border-LightBlue-lightblue-300 { + border-color: var(--light-blue-lightblue-300, #80aebd); } - .lg\:divide-indigo-800 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(55, 48, 163, var(--tw-divide-opacity)); + .group:hover .xl\:group-hover\:border-LightBlue-lightblue-400 { + border-color: var(--light-blue-lightblue-400, #80a0ab); } - .lg\:divide-indigo-900 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(49, 46, 129, var(--tw-divide-opacity)); + .group:hover .xl\:group-hover\:border-LightBlue-lightblue-500 { + border-color: var(--light-blue-lightblue-500, #74afc1); } - .lg\:divide-purple-50 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(245, 243, 255, var(--tw-divide-opacity)); + .group:hover .xl\:group-hover\:border-LightBlue-lightblue-600 { + border-color: var(--light-blue-lightblue-600, #5a8997); } - .lg\:divide-purple-100 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(237, 233, 254, var(--tw-divide-opacity)); + .group:hover .xl\:group-hover\:border-LightBlue-lightblue-650 { + border-color: var(--light-blue-lightblue-650, #3e5e65); } - .lg\:divide-purple-200 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(221, 214, 254, var(--tw-divide-opacity)); + .group:hover .xl\:group-hover\:border-LightBlue-lightblue-700 { + border-color: var(--light-blue-lightblue-700, #344e56); } - .lg\:divide-purple-300 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(196, 181, 253, var(--tw-divide-opacity)); + .group:hover .xl\:group-hover\:border-Orange-orange { + border-color: var(--orange-orange, #ff7f0e); } - .lg\:divide-purple-400 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(167, 139, 250, var(--tw-divide-opacity)); + .group:hover .xl\:group-hover\:border-Orange-orange-100 { + border-color: var(--orange-orange-100, #ffa556); } - .lg\:divide-purple-500 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(139, 92, 246, var(--tw-divide-opacity)); + .group:hover .xl\:group-hover\:border-Orange-orange-200 { + border-color: var(--orange-orange-200, #ffbf86); } - .lg\:divide-purple-600 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(124, 58, 237, var(--tw-divide-opacity)); + .group:hover .xl\:group-hover\:border-Orange-orange-300 { + border-color: var(--orange-orange-300, #d97f30); } - .lg\:divide-purple-700 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(109, 40, 217, var(--tw-divide-opacity)); + .group:hover .xl\:group-hover\:border-Orange-orange-400 { + border-color: var(--orange-orange-400, #bf7e46); } - .lg\:divide-purple-800 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(91, 33, 182, var(--tw-divide-opacity)); + .group:hover .xl\:group-hover\:border-Orange-orange-500 { + border-color: var(--orange-orange-500, #e5720d); } - .lg\:divide-purple-900 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(76, 29, 149, var(--tw-divide-opacity)); + .group:hover .xl\:group-hover\:border-Orange-orange-600 { + border-color: var(--orange-orange-600, #b3590a); } - .lg\:divide-pink-50 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(253, 242, 248, var(--tw-divide-opacity)); + .group:hover .xl\:group-hover\:border-Orange-orange-700 { + border-color: var(--orange-orange-700, #663306); } - .lg\:divide-pink-100 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(252, 231, 243, var(--tw-divide-opacity)); + .group:hover .xl\:group-hover\:border-Yellow-yellow { + border-color: var(--yellow-yellow, #ffab00); } - .lg\:divide-pink-200 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(251, 207, 232, var(--tw-divide-opacity)); + .group:hover .xl\:group-hover\:border-Yellow-yellow-100 { + border-color: var(--yellow-yellow-100, #ffc44c); } - .lg\:divide-pink-300 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(249, 168, 212, var(--tw-divide-opacity)); + .group:hover .xl\:group-hover\:border-Yellow-yellow-200 { + border-color: var(--yellow-yellow-200, #ffd580); } - .lg\:divide-pink-400 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(244, 114, 182, var(--tw-divide-opacity)); + .group:hover .xl\:group-hover\:border-Yellow-yellow-300 { + border-color: var(--yellow-yellow-300, #d99d26); } - .lg\:divide-pink-500 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(236, 72, 153, var(--tw-divide-opacity)); + .group:hover .xl\:group-hover\:border-Yellow-yellow-400 { + border-color: var(--yellow-yellow-400, #bf943f); } - .lg\:divide-pink-600 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(219, 39, 119, var(--tw-divide-opacity)); + .group:hover .xl\:group-hover\:border-Yellow-yellow-500 { + border-color: var(--yellow-yellow-500, #e59a00); } - .lg\:divide-pink-700 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(190, 24, 93, var(--tw-divide-opacity)); + .group:hover .xl\:group-hover\:border-Yellow-yellow-600 { + border-color: var(--yellow-yellow-600, #b37800); } - .lg\:divide-pink-800 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(157, 23, 77, var(--tw-divide-opacity)); + .group:hover .xl\:group-hover\:border-Yellow-yellow-700 { + border-color: var(--yellow-yellow-700, #664400); } - .lg\:divide-pink-900 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(131, 24, 67, var(--tw-divide-opacity)); + .group:hover .xl\:group-hover\:border-Notification-notification { + border-color: var(--notification-notification, #3959ff); } - .lg\:divide-opacity-0 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 0; + .group:hover .xl\:group-hover\:border-Notification-notification-100 { + border-color: var(--notification-notification-100, #748bff); } - .lg\:divide-opacity-5 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 0.05; + .group:hover .xl\:group-hover\:border-Notification-notification-200 { + border-color: var(--notification-notification-200, #9cacff); } - .lg\:divide-opacity-10 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 0.1; + .group:hover .xl\:group-hover\:border-Notification-notification-300 { + border-color: var(--notification-notification-300, #4e64d9); } - .lg\:divide-opacity-20 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 0.2; + .group:hover .xl\:group-hover\:border-Notification-notification-400 { + border-color: var(--notification-notification-400, #5c6cbf); } - .lg\:divide-opacity-25 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 0.25; + .group:hover .xl\:group-hover\:border-Notification-notification-500 { + border-color: var(--notification-notification-500, #3350e5); } - .lg\:divide-opacity-30 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 0.3; + .group:hover .xl\:group-hover\:border-Notification-notification-600 { + border-color: var(--notification-notification-600, #283eb3); } - .lg\:divide-opacity-40 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 0.4; + .group:hover .xl\:group-hover\:border-Notification-notification-700 { + border-color: var(--notification-notification-700, #172466); } - .lg\:divide-opacity-50 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 0.5; + .group:hover .xl\:group-hover\:border-Success-success\ -700 { + border-color: var(--success-success-700, #24471f); } - .lg\:divide-opacity-60 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 0.6; + .group:hover .xl\:group-hover\:border-Success-success { + border-color: var(--success-success, #5bb14d); } - .lg\:divide-opacity-70 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 0.7; + .group:hover .xl\:group-hover\:border-Success-success\ -100 { + border-color: var(--success-success-100, #8cc882); } - .lg\:divide-opacity-75 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 0.75; + .group:hover .xl\:group-hover\:border-Success-success\ -200 { + border-color: var(--success-success-200, #add8a6); } - .lg\:divide-opacity-80 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 0.8; + .group:hover .xl\:group-hover\:border-Success-success\ -300 { + border-color: var(--success-success-300, #66a25c); } - .lg\:divide-opacity-90 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 0.9; + .group:hover .xl\:group-hover\:border-Success-success\ -400 { + border-color: var(--success-success-400, #6d9766); } - .lg\:divide-opacity-95 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 0.95; + .group:hover .xl\:group-hover\:border-Success-success\ -500 { + border-color: var(--success-success-500, #529f45); } - .lg\:divide-opacity-100 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; + .group:hover .xl\:group-hover\:border-Success-success\ -600 { + border-color: var(--success-success-600, #407c36); } - .lg\:place-self-auto { - place-self: auto; + .group:hover .xl\:group-hover\:border-Error-error { + border-color: var(--error-error, #f03d3e); } - .lg\:place-self-start { - place-self: start; + .group:hover .xl\:group-hover\:border-Error-error-100 { + border-color: var(--error-error-100, #f57778); } - .lg\:place-self-end { - place-self: end; + .group:hover .xl\:group-hover\:border-Error-error-200 { + border-color: var(--error-error-200, #f89e9e); } - .lg\:place-self-center { - place-self: center; + .group:hover .xl\:group-hover\:border-Error-error-250 { + border-color: var(--error-error-250, #f9c8c8); } - .lg\:place-self-stretch { - place-self: stretch; + .group:hover .xl\:group-hover\:border-Error-error-300 { + border-color: var(--error-error-300, #ce5151); } - .lg\:self-auto { - align-self: auto; + .group:hover .xl\:group-hover\:border-Error-error-400 { + border-color: var(--error-error-400, #b85e5e); } - .lg\:self-start { - align-self: flex-start; + .group:hover .xl\:group-hover\:border-Error-error-500 { + border-color: var(--error-error-500, #d83738); } - .lg\:self-end { - align-self: flex-end; + .group:hover .xl\:group-hover\:border-Error-error-600 { + border-color: var(--error-error-600, #a82b2b); } - .lg\:self-center { - align-self: center; + .group:hover .xl\:group-hover\:border-Error-error-700 { + border-color: var(--error-error-700, #601819); } - .lg\:self-stretch { - align-self: stretch; + .xl\:focus-within\:border-colors-black:focus-within { + border-color: var(--colors-black, #000000); } - .lg\:self-baseline { - align-self: baseline; + .xl\:focus-within\:border-colors-white:focus-within { + border-color: var(--colors-white, #ffffff); } - .lg\:justify-self-auto { - justify-self: auto; + .xl\:focus-within\:border-colors-gray-100:focus-within { + border-color: var(--colors-gray-100, #f7fafc); } - .lg\:justify-self-start { - justify-self: start; + .xl\:focus-within\:border-colors-gray-200:focus-within { + border-color: var(--colors-gray-200, #edf2f7); } - .lg\:justify-self-end { - justify-self: end; + .xl\:focus-within\:border-colors-gray-300:focus-within { + border-color: var(--colors-gray-300, #e2e8f0); } - .lg\:justify-self-center { - justify-self: center; + .xl\:focus-within\:border-colors-gray-400:focus-within { + border-color: var(--colors-gray-400, #cbd5e0); } - .lg\:justify-self-stretch { - justify-self: stretch; + .xl\:focus-within\:border-colors-gray-500:focus-within { + border-color: var(--colors-gray-500, #a0aec0); } - .lg\:overflow-auto { - overflow: auto; + .xl\:focus-within\:border-colors-gray-600:focus-within { + border-color: var(--colors-gray-600, #718096); } - .lg\:overflow-hidden { - overflow: hidden; + .xl\:focus-within\:border-colors-gray-700:focus-within { + border-color: var(--colors-gray-700, #4a5568); } - .lg\:overflow-visible { - overflow: visible; + .xl\:focus-within\:border-colors-gray-800:focus-within { + border-color: var(--colors-gray-800, #2d3748); } - .lg\:overflow-scroll { - overflow: scroll; + .xl\:focus-within\:border-colors-gray-900:focus-within { + border-color: var(--colors-gray-900, #1a202c); } - .lg\:overflow-x-auto { - overflow-x: auto; + .xl\:focus-within\:border-colors-red-100:focus-within { + border-color: var(--colors-red-100, #fff5f5); } - .lg\:overflow-y-auto { - overflow-y: auto; + .xl\:focus-within\:border-colors-red-200:focus-within { + border-color: var(--colors-red-200, #fed7d7); } - .lg\:overflow-x-hidden { - overflow-x: hidden; + .xl\:focus-within\:border-colors-red-300:focus-within { + border-color: var(--colors-red-300, #feb2b2); } - .lg\:overflow-y-hidden { - overflow-y: hidden; + .xl\:focus-within\:border-colors-red-400:focus-within { + border-color: var(--colors-red-400, #fc8181); } - .lg\:overflow-x-visible { - overflow-x: visible; + .xl\:focus-within\:border-colors-red-500:focus-within { + border-color: var(--colors-red-500, #f56565); } - .lg\:overflow-y-visible { - overflow-y: visible; + .xl\:focus-within\:border-colors-red-600:focus-within { + border-color: var(--colors-red-600, #e53e3e); } - .lg\:overflow-x-scroll { - overflow-x: scroll; + .xl\:focus-within\:border-colors-red-700:focus-within { + border-color: var(--colors-red-700, #c53030); } - .lg\:overflow-y-scroll { - overflow-y: scroll; + .xl\:focus-within\:border-colors-red-800:focus-within { + border-color: var(--colors-red-800, #9b2c2c); } - .lg\:overscroll-auto { - overscroll-behavior: auto; + .xl\:focus-within\:border-colors-red-900:focus-within { + border-color: var(--colors-red-900, #742a2a); } - .lg\:overscroll-contain { - overscroll-behavior: contain; + .xl\:focus-within\:border-colors-orange-100:focus-within { + border-color: var(--colors-orange-100, #fffaf0); } - .lg\:overscroll-none { - overscroll-behavior: none; + .xl\:focus-within\:border-colors-orange-200:focus-within { + border-color: var(--colors-orange-200, #feebc8); } - .lg\:overscroll-y-auto { - overscroll-behavior-y: auto; + .xl\:focus-within\:border-colors-orange-300:focus-within { + border-color: var(--colors-orange-300, #fbd38d); } - .lg\:overscroll-y-contain { - overscroll-behavior-y: contain; + .xl\:focus-within\:border-colors-orange-400:focus-within { + border-color: var(--colors-orange-400, #f6ad55); } - .lg\:overscroll-y-none { - overscroll-behavior-y: none; + .xl\:focus-within\:border-colors-orange-500:focus-within { + border-color: var(--colors-orange-500, #ed8936); } - .lg\:overscroll-x-auto { - overscroll-behavior-x: auto; + .xl\:focus-within\:border-colors-orange-600:focus-within { + border-color: var(--colors-orange-600, #dd6b20); } - .lg\:overscroll-x-contain { - overscroll-behavior-x: contain; + .xl\:focus-within\:border-colors-orange-700:focus-within { + border-color: var(--colors-orange-700, #c05621); } - .lg\:overscroll-x-none { - overscroll-behavior-x: none; + .xl\:focus-within\:border-colors-orange-800:focus-within { + border-color: var(--colors-orange-800, #9c4221); } - .lg\:truncate { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; + .xl\:focus-within\:border-colors-orange-900:focus-within { + border-color: var(--colors-orange-900, #7b341e); } - .lg\:overflow-ellipsis { - text-overflow: ellipsis; + .xl\:focus-within\:border-colors-yellow-100:focus-within { + border-color: var(--colors-yellow-100, #fffff0); } - .lg\:overflow-clip { - text-overflow: clip; + .xl\:focus-within\:border-colors-yellow-200:focus-within { + border-color: var(--colors-yellow-200, #fefcbf); } - .lg\:whitespace-normal { - white-space: normal; + .xl\:focus-within\:border-colors-yellow-300:focus-within { + border-color: var(--colors-yellow-300, #faf089); } - .lg\:whitespace-nowrap { - white-space: nowrap; + .xl\:focus-within\:border-colors-yellow-400:focus-within { + border-color: var(--colors-yellow-400, #f6e05e); } - .lg\:whitespace-pre { - white-space: pre; + .xl\:focus-within\:border-colors-yellow-500:focus-within { + border-color: var(--colors-yellow-500, #ecc94b); } - .lg\:whitespace-pre-line { - white-space: pre-line; + .xl\:focus-within\:border-colors-yellow-600:focus-within { + border-color: var(--colors-yellow-600, #d69e2e); } - .lg\:whitespace-pre-wrap { - white-space: pre-wrap; + .xl\:focus-within\:border-colors-yellow-700:focus-within { + border-color: var(--colors-yellow-700, #b7791f); } - .lg\:break-normal { - overflow-wrap: normal; - word-break: normal; + .xl\:focus-within\:border-colors-yellow-800:focus-within { + border-color: var(--colors-yellow-800, #975a16); } - .lg\:break-words { - overflow-wrap: break-word; + .xl\:focus-within\:border-colors-yellow-900:focus-within { + border-color: var(--colors-yellow-900, #744210); } - .lg\:break-all { - word-break: break-all; + .xl\:focus-within\:border-colors-green-100:focus-within { + border-color: var(--colors-green-100, #f0fff4); } - .lg\:rounded-none { - border-radius: 0px; + .xl\:focus-within\:border-colors-green-200:focus-within { + border-color: var(--colors-green-200, #c6f6d5); } - .lg\:rounded-sm { - border-radius: 0.125rem; + .xl\:focus-within\:border-colors-green-300:focus-within { + border-color: var(--colors-green-300, #9ae6b4); } - .lg\:rounded { - border-radius: 0.25rem; + .xl\:focus-within\:border-colors-green-400:focus-within { + border-color: var(--colors-green-400, #68d391); } - .lg\:rounded-md { - border-radius: 0.375rem; + .xl\:focus-within\:border-colors-green-500:focus-within { + border-color: var(--colors-green-500, #48bb78); } - .lg\:rounded-lg { - border-radius: 0.5rem; + .xl\:focus-within\:border-colors-green-600:focus-within { + border-color: var(--colors-green-600, #38a169); } - .lg\:rounded-xl { - border-radius: 0.75rem; + .xl\:focus-within\:border-colors-green-700:focus-within { + border-color: var(--colors-green-700, #2f855a); } - .lg\:rounded-2xl { - border-radius: 1rem; + .xl\:focus-within\:border-colors-green-800:focus-within { + border-color: var(--colors-green-800, #276749); } - .lg\:rounded-3xl { - border-radius: 1.5rem; + .xl\:focus-within\:border-colors-green-900:focus-within { + border-color: var(--colors-green-900, #22543d); } - .lg\:rounded-full { - border-radius: 9999px; + .xl\:focus-within\:border-colors-teal-100:focus-within { + border-color: var(--colors-teal-100, #e6fffa); } - .lg\:rounded-t-none { - border-top-left-radius: 0px; - border-top-right-radius: 0px; + .xl\:focus-within\:border-colors-teal-200:focus-within { + border-color: var(--colors-teal-200, #b2f5ea); } - .lg\:rounded-t-sm { - border-top-left-radius: 0.125rem; - border-top-right-radius: 0.125rem; + .xl\:focus-within\:border-colors-teal-300:focus-within { + border-color: var(--colors-teal-300, #81e6d9); } - .lg\:rounded-t { - border-top-left-radius: 0.25rem; - border-top-right-radius: 0.25rem; + .xl\:focus-within\:border-colors-teal-400:focus-within { + border-color: var(--colors-teal-400, #4fd1c5); } - .lg\:rounded-t-md { - border-top-left-radius: 0.375rem; - border-top-right-radius: 0.375rem; + .xl\:focus-within\:border-colors-teal-500:focus-within { + border-color: var(--colors-teal-500, #38b2ac); } - .lg\:rounded-t-lg { - border-top-left-radius: 0.5rem; - border-top-right-radius: 0.5rem; + .xl\:focus-within\:border-colors-teal-600:focus-within { + border-color: var(--colors-teal-600, #319795); } - .lg\:rounded-t-xl { - border-top-left-radius: 0.75rem; - border-top-right-radius: 0.75rem; + .xl\:focus-within\:border-colors-teal-700:focus-within { + border-color: var(--colors-teal-700, #2c7a7b); } - .lg\:rounded-t-2xl { - border-top-left-radius: 1rem; - border-top-right-radius: 1rem; + .xl\:focus-within\:border-colors-teal-800:focus-within { + border-color: var(--colors-teal-800, #285e61); } - .lg\:rounded-t-3xl { - border-top-left-radius: 1.5rem; - border-top-right-radius: 1.5rem; + .xl\:focus-within\:border-colors-teal-900:focus-within { + border-color: var(--colors-teal-900, #234e52); } - .lg\:rounded-t-full { - border-top-left-radius: 9999px; - border-top-right-radius: 9999px; + .xl\:focus-within\:border-colors-blue-100:focus-within { + border-color: var(--colors-blue-100, #ebf8ff); } - .lg\:rounded-r-none { - border-top-right-radius: 0px; - border-bottom-right-radius: 0px; + .xl\:focus-within\:border-colors-blue-200:focus-within { + border-color: var(--colors-blue-200, #bee3f8); } - .lg\:rounded-r-sm { - border-top-right-radius: 0.125rem; - border-bottom-right-radius: 0.125rem; + .xl\:focus-within\:border-colors-blue-300:focus-within { + border-color: var(--colors-blue-300, #90cdf4); } - .lg\:rounded-r { - border-top-right-radius: 0.25rem; - border-bottom-right-radius: 0.25rem; + .xl\:focus-within\:border-colors-blue-400:focus-within { + border-color: var(--colors-blue-400, #63b3ed); } - .lg\:rounded-r-md { - border-top-right-radius: 0.375rem; - border-bottom-right-radius: 0.375rem; + .xl\:focus-within\:border-colors-blue-500:focus-within { + border-color: var(--colors-blue-500, #4299e1); } - .lg\:rounded-r-lg { - border-top-right-radius: 0.5rem; - border-bottom-right-radius: 0.5rem; + .xl\:focus-within\:border-colors-blue-600:focus-within { + border-color: var(--colors-blue-600, #3182ce); } - .lg\:rounded-r-xl { - border-top-right-radius: 0.75rem; - border-bottom-right-radius: 0.75rem; + .xl\:focus-within\:border-colors-blue-700:focus-within { + border-color: var(--colors-blue-700, #2b6cb0); } - .lg\:rounded-r-2xl { - border-top-right-radius: 1rem; - border-bottom-right-radius: 1rem; + .xl\:focus-within\:border-colors-blue-800:focus-within { + border-color: var(--colors-blue-800, #2c5282); } - .lg\:rounded-r-3xl { - border-top-right-radius: 1.5rem; - border-bottom-right-radius: 1.5rem; + .xl\:focus-within\:border-colors-blue-900:focus-within { + border-color: var(--colors-blue-900, #2a4365); } - .lg\:rounded-r-full { - border-top-right-radius: 9999px; - border-bottom-right-radius: 9999px; + .xl\:focus-within\:border-colors-indigo-100:focus-within { + border-color: var(--colors-indigo-100, #ebf4ff); } - .lg\:rounded-b-none { - border-bottom-right-radius: 0px; - border-bottom-left-radius: 0px; + .xl\:focus-within\:border-colors-indigo-200:focus-within { + border-color: var(--colors-indigo-200, #c3dafe); } - .lg\:rounded-b-sm { - border-bottom-right-radius: 0.125rem; - border-bottom-left-radius: 0.125rem; + .xl\:focus-within\:border-colors-indigo-300:focus-within { + border-color: var(--colors-indigo-300, #a3bffa); } - .lg\:rounded-b { - border-bottom-right-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; + .xl\:focus-within\:border-colors-indigo-400:focus-within { + border-color: var(--colors-indigo-400, #7f9cf5); } - .lg\:rounded-b-md { - border-bottom-right-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; + .xl\:focus-within\:border-colors-indigo-500:focus-within { + border-color: var(--colors-indigo-500, #667eea); } - .lg\:rounded-b-lg { - border-bottom-right-radius: 0.5rem; - border-bottom-left-radius: 0.5rem; + .xl\:focus-within\:border-colors-indigo-600:focus-within { + border-color: var(--colors-indigo-600, #5a67d8); } - .lg\:rounded-b-xl { - border-bottom-right-radius: 0.75rem; - border-bottom-left-radius: 0.75rem; + .xl\:focus-within\:border-colors-indigo-700:focus-within { + border-color: var(--colors-indigo-700, #4c51bf); } - .lg\:rounded-b-2xl { - border-bottom-right-radius: 1rem; - border-bottom-left-radius: 1rem; + .xl\:focus-within\:border-colors-indigo-800:focus-within { + border-color: var(--colors-indigo-800, #434190); } - .lg\:rounded-b-3xl { - border-bottom-right-radius: 1.5rem; - border-bottom-left-radius: 1.5rem; + .xl\:focus-within\:border-colors-indigo-900:focus-within { + border-color: var(--colors-indigo-900, #3c366b); } - .lg\:rounded-b-full { - border-bottom-right-radius: 9999px; - border-bottom-left-radius: 9999px; + .xl\:focus-within\:border-colors-purple-100:focus-within { + border-color: var(--colors-purple-100, #faf5ff); } - .lg\:rounded-l-none { - border-top-left-radius: 0px; - border-bottom-left-radius: 0px; + .xl\:focus-within\:border-colors-purple-200:focus-within { + border-color: var(--colors-purple-200, #e9d8fd); } - .lg\:rounded-l-sm { - border-top-left-radius: 0.125rem; - border-bottom-left-radius: 0.125rem; + .xl\:focus-within\:border-colors-purple-300:focus-within { + border-color: var(--colors-purple-300, #d6bcfa); } - .lg\:rounded-l { - border-top-left-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; + .xl\:focus-within\:border-colors-purple-400:focus-within { + border-color: var(--colors-purple-400, #b794f4); } - .lg\:rounded-l-md { - border-top-left-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; + .xl\:focus-within\:border-colors-purple-500:focus-within { + border-color: var(--colors-purple-500, #9f7aea); } - .lg\:rounded-l-lg { - border-top-left-radius: 0.5rem; - border-bottom-left-radius: 0.5rem; + .xl\:focus-within\:border-colors-purple-600:focus-within { + border-color: var(--colors-purple-600, #805ad5); } - .lg\:rounded-l-xl { - border-top-left-radius: 0.75rem; - border-bottom-left-radius: 0.75rem; + .xl\:focus-within\:border-colors-purple-700:focus-within { + border-color: var(--colors-purple-700, #6b46c1); } - .lg\:rounded-l-2xl { - border-top-left-radius: 1rem; - border-bottom-left-radius: 1rem; + .xl\:focus-within\:border-colors-purple-800:focus-within { + border-color: var(--colors-purple-800, #553c9a); } - .lg\:rounded-l-3xl { - border-top-left-radius: 1.5rem; - border-bottom-left-radius: 1.5rem; + .xl\:focus-within\:border-colors-purple-900:focus-within { + border-color: var(--colors-purple-900, #44337a); } - .lg\:rounded-l-full { - border-top-left-radius: 9999px; - border-bottom-left-radius: 9999px; + .xl\:focus-within\:border-colors-pink-100:focus-within { + border-color: var(--colors-pink-100, #fff5f7); } - .lg\:rounded-tl-none { - border-top-left-radius: 0px; + .xl\:focus-within\:border-colors-pink-200:focus-within { + border-color: var(--colors-pink-200, #fed7e2); } - .lg\:rounded-tl-sm { - border-top-left-radius: 0.125rem; + .xl\:focus-within\:border-colors-pink-300:focus-within { + border-color: var(--colors-pink-300, #fbb6ce); } - .lg\:rounded-tl { - border-top-left-radius: 0.25rem; + .xl\:focus-within\:border-colors-pink-400:focus-within { + border-color: var(--colors-pink-400, #f687b3); } - .lg\:rounded-tl-md { - border-top-left-radius: 0.375rem; + .xl\:focus-within\:border-colors-pink-500:focus-within { + border-color: var(--colors-pink-500, #ed64a6); } - .lg\:rounded-tl-lg { - border-top-left-radius: 0.5rem; + .xl\:focus-within\:border-colors-pink-600:focus-within { + border-color: var(--colors-pink-600, #d53f8c); } - .lg\:rounded-tl-xl { - border-top-left-radius: 0.75rem; + .xl\:focus-within\:border-colors-pink-700:focus-within { + border-color: var(--colors-pink-700, #b83280); } - .lg\:rounded-tl-2xl { - border-top-left-radius: 1rem; + .xl\:focus-within\:border-colors-pink-800:focus-within { + border-color: var(--colors-pink-800, #97266d); } - .lg\:rounded-tl-3xl { - border-top-left-radius: 1.5rem; + .xl\:focus-within\:border-colors-pink-900:focus-within { + border-color: var(--colors-pink-900, #702459); } - .lg\:rounded-tl-full { - border-top-left-radius: 9999px; + .xl\:focus-within\:border-Box\ Shadow:focus-within { + border-color: var(--box-shadow, #7f7e7f); } - .lg\:rounded-tr-none { - border-top-right-radius: 0px; + .xl\:focus-within\:border-Error16:focus-within { + border-color: var(--error16, #f03d3e40); } - .lg\:rounded-tr-sm { - border-top-right-radius: 0.125rem; + .xl\:focus-within\:border-Success16:focus-within { + border-color: var(--success16, #5bb14d40); } - .lg\:rounded-tr { - border-top-right-radius: 0.25rem; + .xl\:focus-within\:border-Notification16:focus-within { + border-color: var(--notification16, #3959ff40); } - .lg\:rounded-tr-md { - border-top-right-radius: 0.375rem; + .xl\:focus-within\:border-Error8:focus-within { + border-color: var(--error8, #f03d3e1a); } - .lg\:rounded-tr-lg { - border-top-right-radius: 0.5rem; + .xl\:focus-within\:border-Notification8:focus-within { + border-color: var(--notification8, #3959ff1a); } - .lg\:rounded-tr-xl { - border-top-right-radius: 0.75rem; + .xl\:focus-within\:border-Success8:focus-within { + border-color: var(--success8, #5bb14d1a); } - .lg\:rounded-tr-2xl { - border-top-right-radius: 1rem; + .xl\:focus-within\:border-Light\ -\ Overlay:focus-within { + border-color: var(--light-overlay, #f0edee66); } - .lg\:rounded-tr-3xl { - border-top-right-radius: 1.5rem; + .xl\:focus-within\:border-Dark-\ Overlay:focus-within { + border-color: var(--dark-overlay, #7f7e7f66); } - .lg\:rounded-tr-full { - border-top-right-radius: 9999px; + .xl\:focus-within\:border-black-40:focus-within { + border-color: var(--black-40, #00000066); } - .lg\:rounded-br-none { - border-bottom-right-radius: 0px; + .xl\:focus-within\:border-black-75:focus-within { + border-color: var(--black-75, #000000bf); } - .lg\:rounded-br-sm { - border-bottom-right-radius: 0.125rem; + .xl\:focus-within\:border-black-60:focus-within { + border-color: var(--black-60, #00000099); } - .lg\:rounded-br { - border-bottom-right-radius: 0.25rem; + .xl\:focus-within\:border-black-50:focus-within { + border-color: var(--black-50, #00000080); } - .lg\:rounded-br-md { - border-bottom-right-radius: 0.375rem; + .xl\:focus-within\:border-black-25:focus-within { + border-color: var(--black-25, #00000040); } - .lg\:rounded-br-lg { - border-bottom-right-radius: 0.5rem; + .xl\:focus-within\:border-black-10:focus-within { + border-color: var(--black-10, #0000001a); } - .lg\:rounded-br-xl { - border-bottom-right-radius: 0.75rem; + .xl\:focus-within\:border-white-25:focus-within { + border-color: var(--white-25, #ffffff40); } - .lg\:rounded-br-2xl { - border-bottom-right-radius: 1rem; + .xl\:focus-within\:border-white-60:focus-within { + border-color: var(--white-60, #ffffff99); } - .lg\:rounded-br-3xl { - border-bottom-right-radius: 1.5rem; + .xl\:focus-within\:border-black-64:focus-within { + border-color: var(--black-64, #000000a3); } - .lg\:rounded-br-full { - border-bottom-right-radius: 9999px; + .xl\:focus-within\:border-Shadow\ and\ Highlight-Shadow:focus-within { + border-color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .lg\:rounded-bl-none { - border-bottom-left-radius: 0px; + .xl\:focus-within\:border-Shadow\ and\ Highlight-Highlight:focus-within { + border-color: var(--shadow-and-highlight-highlight, #474747); } - .lg\:rounded-bl-sm { - border-bottom-left-radius: 0.125rem; + .xl\:focus-within\:border-Shadow\ and\ Highlight-highlight\ one:focus-within { + border-color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .lg\:rounded-bl { - border-bottom-left-radius: 0.25rem; + .xl\:focus-within\:border-Shadow\ and\ Highlight-highlight\ two:focus-within { + border-color: var(--shadow-and-highlight-highlight-two, #47474799); } - .lg\:rounded-bl-md { - border-bottom-left-radius: 0.375rem; + .xl\:focus-within\:border-Shadow\ and\ Highlight-highlight\ three:focus-within { + border-color: var(--shadow-and-highlight-highlight-three, #47474766); } - .lg\:rounded-bl-lg { - border-bottom-left-radius: 0.5rem; + .xl\:focus-within\:border-Shadow\ and\ Highlight-highlight\ five:focus-within { + border-color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .lg\:rounded-bl-xl { - border-bottom-left-radius: 0.75rem; + .xl\:focus-within\:border-Shadow\ and\ Highlight-shadow\ one:focus-within { + border-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .lg\:rounded-bl-2xl { - border-bottom-left-radius: 1rem; + .xl\:focus-within\:border-Shadow\ and\ Highlight-shadow\ two:focus-within { + border-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .lg\:rounded-bl-3xl { - border-bottom-left-radius: 1.5rem; + .xl\:focus-within\:border-Shadow\ and\ Highlight-shadow\ three:focus-within { + border-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .lg\:rounded-bl-full { - border-bottom-left-radius: 9999px; + .xl\:focus-within\:border-Shadow\ and\ Highlight-shadow\ four:focus-within { + border-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .lg\:border-0 { - border-width: 0px; + .xl\:focus-within\:border-Shadow\ and\ Highlight-shadow\ five:focus-within { + border-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .lg\:border-2 { - border-width: 2px; + .xl\:focus-within\:border-Shadow\ and\ Highlight-highlight\ four:focus-within { + border-color: var(--shadow-and-highlight-highlight-four, #47474740); } - .lg\:border-4 { - border-width: 4px; + .xl\:focus-within\:border-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus-within { + border-color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .lg\:border-8 { - border-width: 8px; + .xl\:focus-within\:border-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus-within { + border-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .lg\:border { - border-width: 1px; + .xl\:focus-within\:border-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus-within { + border-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .lg\:border-t-0 { - border-top-width: 0px; + .xl\:focus-within\:border-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus-within { + border-color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .lg\:border-t-2 { - border-top-width: 2px; + .xl\:focus-within\:border-Grey-Scale-white:focus-within { + border-color: var(--grey-scale-white, #ffffff); } - .lg\:border-t-4 { - border-top-width: 4px; + .xl\:focus-within\:border-Grey-Scale-off-white:focus-within { + border-color: var(--grey-scale-off-white, #f0edee); } - .lg\:border-t-8 { - border-top-width: 8px; + .xl\:focus-within\:border-Grey\ Scale-grey:focus-within { + border-color: var(--grey-scale-grey, #7f7e7f); } - .lg\:border-t { - border-top-width: 1px; + .xl\:focus-within\:border-Grey\ Scale-charcoal:focus-within { + border-color: var(--grey-scale-charcoal, #474747); } - .lg\:border-r-0 { - border-right-width: 0px; + .xl\:focus-within\:border-Grey\ Scale-off-black:focus-within { + border-color: var(--grey-scale-off-black, #1c1c1c); } - .lg\:border-r-2 { - border-right-width: 2px; + .xl\:focus-within\:border-Grey\ Scale-black:focus-within { + border-color: var(--grey-scale-black, #000000); } - .lg\:border-r-4 { - border-right-width: 4px; + .xl\:focus-within\:border-Blue-blue:focus-within { + border-color: var(--blue-blue, #3a7ca5); } - .lg\:border-r-8 { - border-right-width: 8px; + .xl\:focus-within\:border-Blue-blue-100:focus-within { + border-color: var(--blue-blue-100, #75a3c0); } - .lg\:border-r { - border-right-width: 1px; + .xl\:focus-within\:border-Blue-blue-200:focus-within { + border-color: var(--blue-blue-200, #9cbed2); } - .lg\:border-b-0 { - border-bottom-width: 0px; + .xl\:focus-within\:border-Blue-blue-300:focus-within { + border-color: var(--blue-blue-300, #4f7d9a); } - .lg\:border-b-2 { - border-bottom-width: 2px; + .xl\:focus-within\:border-Blue-blue-400:focus-within { + border-color: var(--blue-blue-400, #5c7d92); } - .lg\:border-b-4 { - border-bottom-width: 4px; + .xl\:focus-within\:border-Blue-blue-500:focus-within { + border-color: var(--blue-blue-500, #347095); } - .lg\:border-b-8 { - border-bottom-width: 8px; + .xl\:focus-within\:border-Blue-blue-600:focus-within { + border-color: var(--blue-blue-600, #295774); } - .lg\:border-b { - border-bottom-width: 1px; + .xl\:focus-within\:border-Blue-blue-700:focus-within { + border-color: var(--blue-blue-700, #173242); } - .lg\:border-l-0 { - border-left-width: 0px; + .xl\:focus-within\:border-LightBlue-lightblue:focus-within { + border-color: var(--light-blue-lightblue, #81c3d7); } - .lg\:border-l-2 { - border-left-width: 2px; + .xl\:focus-within\:border-LightBlue-lightblue-100:focus-within { + border-color: var(--light-blue-lightblue-100, #a7d5e3); } - .lg\:border-l-4 { - border-left-width: 4px; + .xl\:focus-within\:border-LightBlue-lightblue-200:focus-within { + border-color: var(--light-blue-lightblue-200, #c0e1eb); } - .lg\:border-l-8 { - border-left-width: 8px; + .xl\:focus-within\:border-LightBlue-lightblue-300:focus-within { + border-color: var(--light-blue-lightblue-300, #80aebd); } - .lg\:border-l { - border-left-width: 1px; + .xl\:focus-within\:border-LightBlue-lightblue-400:focus-within { + border-color: var(--light-blue-lightblue-400, #80a0ab); } - .lg\:border-solid { - border-style: solid; + .xl\:focus-within\:border-LightBlue-lightblue-500:focus-within { + border-color: var(--light-blue-lightblue-500, #74afc1); } - .lg\:border-dashed { - border-style: dashed; + .xl\:focus-within\:border-LightBlue-lightblue-600:focus-within { + border-color: var(--light-blue-lightblue-600, #5a8997); } - .lg\:border-dotted { - border-style: dotted; + .xl\:focus-within\:border-LightBlue-lightblue-650:focus-within { + border-color: var(--light-blue-lightblue-650, #3e5e65); } - .lg\:border-double { - border-style: double; + .xl\:focus-within\:border-LightBlue-lightblue-700:focus-within { + border-color: var(--light-blue-lightblue-700, #344e56); } - .lg\:border-none { - border-style: none; + .xl\:focus-within\:border-Orange-orange:focus-within { + border-color: var(--orange-orange, #ff7f0e); } - .lg\:border-transparent { - border-color: transparent; + .xl\:focus-within\:border-Orange-orange-100:focus-within { + border-color: var(--orange-orange-100, #ffa556); } - .lg\:border-current { - border-color: currentColor; + .xl\:focus-within\:border-Orange-orange-200:focus-within { + border-color: var(--orange-orange-200, #ffbf86); } - .lg\:border-black { - --tw-border-opacity: 1; - border-color: rgba(0, 0, 0, var(--tw-border-opacity)); + .xl\:focus-within\:border-Orange-orange-300:focus-within { + border-color: var(--orange-orange-300, #d97f30); } - .lg\:border-white { - --tw-border-opacity: 1; - border-color: rgba(255, 255, 255, var(--tw-border-opacity)); + .xl\:focus-within\:border-Orange-orange-400:focus-within { + border-color: var(--orange-orange-400, #bf7e46); } - .lg\:border-gray-50 { - --tw-border-opacity: 1; - border-color: rgba(249, 250, 251, var(--tw-border-opacity)); + .xl\:focus-within\:border-Orange-orange-500:focus-within { + border-color: var(--orange-orange-500, #e5720d); } - .lg\:border-gray-100 { - --tw-border-opacity: 1; - border-color: rgba(243, 244, 246, var(--tw-border-opacity)); + .xl\:focus-within\:border-Orange-orange-600:focus-within { + border-color: var(--orange-orange-600, #b3590a); } - .lg\:border-gray-200 { - --tw-border-opacity: 1; - border-color: rgba(229, 231, 235, var(--tw-border-opacity)); + .xl\:focus-within\:border-Orange-orange-700:focus-within { + border-color: var(--orange-orange-700, #663306); } - .lg\:border-gray-300 { - --tw-border-opacity: 1; - border-color: rgba(209, 213, 219, var(--tw-border-opacity)); + .xl\:focus-within\:border-Yellow-yellow:focus-within { + border-color: var(--yellow-yellow, #ffab00); } - .lg\:border-gray-400 { - --tw-border-opacity: 1; - border-color: rgba(156, 163, 175, var(--tw-border-opacity)); + .xl\:focus-within\:border-Yellow-yellow-100:focus-within { + border-color: var(--yellow-yellow-100, #ffc44c); } - .lg\:border-gray-500 { - --tw-border-opacity: 1; - border-color: rgba(107, 114, 128, var(--tw-border-opacity)); + .xl\:focus-within\:border-Yellow-yellow-200:focus-within { + border-color: var(--yellow-yellow-200, #ffd580); } - .lg\:border-gray-600 { - --tw-border-opacity: 1; - border-color: rgba(75, 85, 99, var(--tw-border-opacity)); + .xl\:focus-within\:border-Yellow-yellow-300:focus-within { + border-color: var(--yellow-yellow-300, #d99d26); } - .lg\:border-gray-700 { - --tw-border-opacity: 1; - border-color: rgba(55, 65, 81, var(--tw-border-opacity)); + .xl\:focus-within\:border-Yellow-yellow-400:focus-within { + border-color: var(--yellow-yellow-400, #bf943f); } - .lg\:border-gray-800 { - --tw-border-opacity: 1; - border-color: rgba(31, 41, 55, var(--tw-border-opacity)); + .xl\:focus-within\:border-Yellow-yellow-500:focus-within { + border-color: var(--yellow-yellow-500, #e59a00); } - .lg\:border-gray-900 { - --tw-border-opacity: 1; - border-color: rgba(17, 24, 39, var(--tw-border-opacity)); + .xl\:focus-within\:border-Yellow-yellow-600:focus-within { + border-color: var(--yellow-yellow-600, #b37800); } - .lg\:border-red-50 { - --tw-border-opacity: 1; - border-color: rgba(254, 242, 242, var(--tw-border-opacity)); + .xl\:focus-within\:border-Yellow-yellow-700:focus-within { + border-color: var(--yellow-yellow-700, #664400); } - .lg\:border-red-100 { - --tw-border-opacity: 1; - border-color: rgba(254, 226, 226, var(--tw-border-opacity)); + .xl\:focus-within\:border-Notification-notification:focus-within { + border-color: var(--notification-notification, #3959ff); } - .lg\:border-red-200 { - --tw-border-opacity: 1; - border-color: rgba(254, 202, 202, var(--tw-border-opacity)); + .xl\:focus-within\:border-Notification-notification-100:focus-within { + border-color: var(--notification-notification-100, #748bff); } - .lg\:border-red-300 { - --tw-border-opacity: 1; - border-color: rgba(252, 165, 165, var(--tw-border-opacity)); + .xl\:focus-within\:border-Notification-notification-200:focus-within { + border-color: var(--notification-notification-200, #9cacff); } - .lg\:border-red-400 { - --tw-border-opacity: 1; - border-color: rgba(248, 113, 113, var(--tw-border-opacity)); + .xl\:focus-within\:border-Notification-notification-300:focus-within { + border-color: var(--notification-notification-300, #4e64d9); } - .lg\:border-red-500 { - --tw-border-opacity: 1; - border-color: rgba(239, 68, 68, var(--tw-border-opacity)); + .xl\:focus-within\:border-Notification-notification-400:focus-within { + border-color: var(--notification-notification-400, #5c6cbf); } - .lg\:border-red-600 { - --tw-border-opacity: 1; - border-color: rgba(220, 38, 38, var(--tw-border-opacity)); + .xl\:focus-within\:border-Notification-notification-500:focus-within { + border-color: var(--notification-notification-500, #3350e5); } - .lg\:border-red-700 { - --tw-border-opacity: 1; - border-color: rgba(185, 28, 28, var(--tw-border-opacity)); + .xl\:focus-within\:border-Notification-notification-600:focus-within { + border-color: var(--notification-notification-600, #283eb3); } - .lg\:border-red-800 { - --tw-border-opacity: 1; - border-color: rgba(153, 27, 27, var(--tw-border-opacity)); + .xl\:focus-within\:border-Notification-notification-700:focus-within { + border-color: var(--notification-notification-700, #172466); } - .lg\:border-red-900 { - --tw-border-opacity: 1; - border-color: rgba(127, 29, 29, var(--tw-border-opacity)); + .xl\:focus-within\:border-Success-success\ -700:focus-within { + border-color: var(--success-success-700, #24471f); } - .lg\:border-yellow-50 { - --tw-border-opacity: 1; - border-color: rgba(255, 251, 235, var(--tw-border-opacity)); + .xl\:focus-within\:border-Success-success:focus-within { + border-color: var(--success-success, #5bb14d); } - .lg\:border-yellow-100 { - --tw-border-opacity: 1; - border-color: rgba(254, 243, 199, var(--tw-border-opacity)); + .xl\:focus-within\:border-Success-success\ -100:focus-within { + border-color: var(--success-success-100, #8cc882); } - .lg\:border-yellow-200 { - --tw-border-opacity: 1; - border-color: rgba(253, 230, 138, var(--tw-border-opacity)); + .xl\:focus-within\:border-Success-success\ -200:focus-within { + border-color: var(--success-success-200, #add8a6); } - .lg\:border-yellow-300 { - --tw-border-opacity: 1; - border-color: rgba(252, 211, 77, var(--tw-border-opacity)); + .xl\:focus-within\:border-Success-success\ -300:focus-within { + border-color: var(--success-success-300, #66a25c); } - .lg\:border-yellow-400 { - --tw-border-opacity: 1; - border-color: rgba(251, 191, 36, var(--tw-border-opacity)); + .xl\:focus-within\:border-Success-success\ -400:focus-within { + border-color: var(--success-success-400, #6d9766); } - .lg\:border-yellow-500 { - --tw-border-opacity: 1; - border-color: rgba(245, 158, 11, var(--tw-border-opacity)); + .xl\:focus-within\:border-Success-success\ -500:focus-within { + border-color: var(--success-success-500, #529f45); } - .lg\:border-yellow-600 { - --tw-border-opacity: 1; - border-color: rgba(217, 119, 6, var(--tw-border-opacity)); + .xl\:focus-within\:border-Success-success\ -600:focus-within { + border-color: var(--success-success-600, #407c36); } - .lg\:border-yellow-700 { - --tw-border-opacity: 1; - border-color: rgba(180, 83, 9, var(--tw-border-opacity)); + .xl\:focus-within\:border-Error-error:focus-within { + border-color: var(--error-error, #f03d3e); } - .lg\:border-yellow-800 { - --tw-border-opacity: 1; - border-color: rgba(146, 64, 14, var(--tw-border-opacity)); + .xl\:focus-within\:border-Error-error-100:focus-within { + border-color: var(--error-error-100, #f57778); } - .lg\:border-yellow-900 { - --tw-border-opacity: 1; - border-color: rgba(120, 53, 15, var(--tw-border-opacity)); + .xl\:focus-within\:border-Error-error-200:focus-within { + border-color: var(--error-error-200, #f89e9e); } - .lg\:border-green-50 { - --tw-border-opacity: 1; - border-color: rgba(236, 253, 245, var(--tw-border-opacity)); + .xl\:focus-within\:border-Error-error-250:focus-within { + border-color: var(--error-error-250, #f9c8c8); } - .lg\:border-green-100 { - --tw-border-opacity: 1; - border-color: rgba(209, 250, 229, var(--tw-border-opacity)); + .xl\:focus-within\:border-Error-error-300:focus-within { + border-color: var(--error-error-300, #ce5151); } - .lg\:border-green-200 { - --tw-border-opacity: 1; - border-color: rgba(167, 243, 208, var(--tw-border-opacity)); + .xl\:focus-within\:border-Error-error-400:focus-within { + border-color: var(--error-error-400, #b85e5e); } - .lg\:border-green-300 { - --tw-border-opacity: 1; - border-color: rgba(110, 231, 183, var(--tw-border-opacity)); + .xl\:focus-within\:border-Error-error-500:focus-within { + border-color: var(--error-error-500, #d83738); } - .lg\:border-green-400 { - --tw-border-opacity: 1; - border-color: rgba(52, 211, 153, var(--tw-border-opacity)); + .xl\:focus-within\:border-Error-error-600:focus-within { + border-color: var(--error-error-600, #a82b2b); } - .lg\:border-green-500 { - --tw-border-opacity: 1; - border-color: rgba(16, 185, 129, var(--tw-border-opacity)); + .xl\:focus-within\:border-Error-error-700:focus-within { + border-color: var(--error-error-700, #601819); } - .lg\:border-green-600 { - --tw-border-opacity: 1; - border-color: rgba(5, 150, 105, var(--tw-border-opacity)); + .xl\:hover\:border-colors-black:hover { + border-color: var(--colors-black, #000000); } - .lg\:border-green-700 { - --tw-border-opacity: 1; - border-color: rgba(4, 120, 87, var(--tw-border-opacity)); + .xl\:hover\:border-colors-white:hover { + border-color: var(--colors-white, #ffffff); } - .lg\:border-green-800 { - --tw-border-opacity: 1; - border-color: rgba(6, 95, 70, var(--tw-border-opacity)); + .xl\:hover\:border-colors-gray-100:hover { + border-color: var(--colors-gray-100, #f7fafc); } - .lg\:border-green-900 { - --tw-border-opacity: 1; - border-color: rgba(6, 78, 59, var(--tw-border-opacity)); + .xl\:hover\:border-colors-gray-200:hover { + border-color: var(--colors-gray-200, #edf2f7); } - .lg\:border-blue-50 { - --tw-border-opacity: 1; - border-color: rgba(239, 246, 255, var(--tw-border-opacity)); + .xl\:hover\:border-colors-gray-300:hover { + border-color: var(--colors-gray-300, #e2e8f0); } - .lg\:border-blue-100 { - --tw-border-opacity: 1; - border-color: rgba(219, 234, 254, var(--tw-border-opacity)); + .xl\:hover\:border-colors-gray-400:hover { + border-color: var(--colors-gray-400, #cbd5e0); } - .lg\:border-blue-200 { - --tw-border-opacity: 1; - border-color: rgba(191, 219, 254, var(--tw-border-opacity)); + .xl\:hover\:border-colors-gray-500:hover { + border-color: var(--colors-gray-500, #a0aec0); } - .lg\:border-blue-300 { - --tw-border-opacity: 1; - border-color: rgba(147, 197, 253, var(--tw-border-opacity)); + .xl\:hover\:border-colors-gray-600:hover { + border-color: var(--colors-gray-600, #718096); } - .lg\:border-blue-400 { - --tw-border-opacity: 1; - border-color: rgba(96, 165, 250, var(--tw-border-opacity)); + .xl\:hover\:border-colors-gray-700:hover { + border-color: var(--colors-gray-700, #4a5568); } - .lg\:border-blue-500 { - --tw-border-opacity: 1; - border-color: rgba(59, 130, 246, var(--tw-border-opacity)); + .xl\:hover\:border-colors-gray-800:hover { + border-color: var(--colors-gray-800, #2d3748); } - .lg\:border-blue-600 { - --tw-border-opacity: 1; - border-color: rgba(37, 99, 235, var(--tw-border-opacity)); + .xl\:hover\:border-colors-gray-900:hover { + border-color: var(--colors-gray-900, #1a202c); } - .lg\:border-blue-700 { - --tw-border-opacity: 1; - border-color: rgba(29, 78, 216, var(--tw-border-opacity)); + .xl\:hover\:border-colors-red-100:hover { + border-color: var(--colors-red-100, #fff5f5); } - .lg\:border-blue-800 { - --tw-border-opacity: 1; - border-color: rgba(30, 64, 175, var(--tw-border-opacity)); + .xl\:hover\:border-colors-red-200:hover { + border-color: var(--colors-red-200, #fed7d7); } - .lg\:border-blue-900 { - --tw-border-opacity: 1; - border-color: rgba(30, 58, 138, var(--tw-border-opacity)); + .xl\:hover\:border-colors-red-300:hover { + border-color: var(--colors-red-300, #feb2b2); } - .lg\:border-indigo-50 { - --tw-border-opacity: 1; - border-color: rgba(238, 242, 255, var(--tw-border-opacity)); + .xl\:hover\:border-colors-red-400:hover { + border-color: var(--colors-red-400, #fc8181); } - .lg\:border-indigo-100 { - --tw-border-opacity: 1; - border-color: rgba(224, 231, 255, var(--tw-border-opacity)); + .xl\:hover\:border-colors-red-500:hover { + border-color: var(--colors-red-500, #f56565); } - .lg\:border-indigo-200 { - --tw-border-opacity: 1; - border-color: rgba(199, 210, 254, var(--tw-border-opacity)); + .xl\:hover\:border-colors-red-600:hover { + border-color: var(--colors-red-600, #e53e3e); } - .lg\:border-indigo-300 { - --tw-border-opacity: 1; - border-color: rgba(165, 180, 252, var(--tw-border-opacity)); + .xl\:hover\:border-colors-red-700:hover { + border-color: var(--colors-red-700, #c53030); } - .lg\:border-indigo-400 { - --tw-border-opacity: 1; - border-color: rgba(129, 140, 248, var(--tw-border-opacity)); + .xl\:hover\:border-colors-red-800:hover { + border-color: var(--colors-red-800, #9b2c2c); } - .lg\:border-indigo-500 { - --tw-border-opacity: 1; - border-color: rgba(99, 102, 241, var(--tw-border-opacity)); + .xl\:hover\:border-colors-red-900:hover { + border-color: var(--colors-red-900, #742a2a); } - .lg\:border-indigo-600 { - --tw-border-opacity: 1; - border-color: rgba(79, 70, 229, var(--tw-border-opacity)); + .xl\:hover\:border-colors-orange-100:hover { + border-color: var(--colors-orange-100, #fffaf0); } - .lg\:border-indigo-700 { - --tw-border-opacity: 1; - border-color: rgba(67, 56, 202, var(--tw-border-opacity)); + .xl\:hover\:border-colors-orange-200:hover { + border-color: var(--colors-orange-200, #feebc8); } - .lg\:border-indigo-800 { - --tw-border-opacity: 1; - border-color: rgba(55, 48, 163, var(--tw-border-opacity)); + .xl\:hover\:border-colors-orange-300:hover { + border-color: var(--colors-orange-300, #fbd38d); } - .lg\:border-indigo-900 { - --tw-border-opacity: 1; - border-color: rgba(49, 46, 129, var(--tw-border-opacity)); + .xl\:hover\:border-colors-orange-400:hover { + border-color: var(--colors-orange-400, #f6ad55); } - .lg\:border-purple-50 { - --tw-border-opacity: 1; - border-color: rgba(245, 243, 255, var(--tw-border-opacity)); + .xl\:hover\:border-colors-orange-500:hover { + border-color: var(--colors-orange-500, #ed8936); } - .lg\:border-purple-100 { - --tw-border-opacity: 1; - border-color: rgba(237, 233, 254, var(--tw-border-opacity)); + .xl\:hover\:border-colors-orange-600:hover { + border-color: var(--colors-orange-600, #dd6b20); } - .lg\:border-purple-200 { - --tw-border-opacity: 1; - border-color: rgba(221, 214, 254, var(--tw-border-opacity)); + .xl\:hover\:border-colors-orange-700:hover { + border-color: var(--colors-orange-700, #c05621); } - .lg\:border-purple-300 { - --tw-border-opacity: 1; - border-color: rgba(196, 181, 253, var(--tw-border-opacity)); + .xl\:hover\:border-colors-orange-800:hover { + border-color: var(--colors-orange-800, #9c4221); } - .lg\:border-purple-400 { - --tw-border-opacity: 1; - border-color: rgba(167, 139, 250, var(--tw-border-opacity)); + .xl\:hover\:border-colors-orange-900:hover { + border-color: var(--colors-orange-900, #7b341e); } - .lg\:border-purple-500 { - --tw-border-opacity: 1; - border-color: rgba(139, 92, 246, var(--tw-border-opacity)); + .xl\:hover\:border-colors-yellow-100:hover { + border-color: var(--colors-yellow-100, #fffff0); } - .lg\:border-purple-600 { - --tw-border-opacity: 1; - border-color: rgba(124, 58, 237, var(--tw-border-opacity)); + .xl\:hover\:border-colors-yellow-200:hover { + border-color: var(--colors-yellow-200, #fefcbf); } - .lg\:border-purple-700 { - --tw-border-opacity: 1; - border-color: rgba(109, 40, 217, var(--tw-border-opacity)); + .xl\:hover\:border-colors-yellow-300:hover { + border-color: var(--colors-yellow-300, #faf089); } - .lg\:border-purple-800 { - --tw-border-opacity: 1; - border-color: rgba(91, 33, 182, var(--tw-border-opacity)); + .xl\:hover\:border-colors-yellow-400:hover { + border-color: var(--colors-yellow-400, #f6e05e); } - .lg\:border-purple-900 { - --tw-border-opacity: 1; - border-color: rgba(76, 29, 149, var(--tw-border-opacity)); + .xl\:hover\:border-colors-yellow-500:hover { + border-color: var(--colors-yellow-500, #ecc94b); } - .lg\:border-pink-50 { - --tw-border-opacity: 1; - border-color: rgba(253, 242, 248, var(--tw-border-opacity)); + .xl\:hover\:border-colors-yellow-600:hover { + border-color: var(--colors-yellow-600, #d69e2e); } - .lg\:border-pink-100 { - --tw-border-opacity: 1; - border-color: rgba(252, 231, 243, var(--tw-border-opacity)); + .xl\:hover\:border-colors-yellow-700:hover { + border-color: var(--colors-yellow-700, #b7791f); } - .lg\:border-pink-200 { - --tw-border-opacity: 1; - border-color: rgba(251, 207, 232, var(--tw-border-opacity)); + .xl\:hover\:border-colors-yellow-800:hover { + border-color: var(--colors-yellow-800, #975a16); } - .lg\:border-pink-300 { - --tw-border-opacity: 1; - border-color: rgba(249, 168, 212, var(--tw-border-opacity)); + .xl\:hover\:border-colors-yellow-900:hover { + border-color: var(--colors-yellow-900, #744210); } - .lg\:border-pink-400 { - --tw-border-opacity: 1; - border-color: rgba(244, 114, 182, var(--tw-border-opacity)); + .xl\:hover\:border-colors-green-100:hover { + border-color: var(--colors-green-100, #f0fff4); } - .lg\:border-pink-500 { - --tw-border-opacity: 1; - border-color: rgba(236, 72, 153, var(--tw-border-opacity)); + .xl\:hover\:border-colors-green-200:hover { + border-color: var(--colors-green-200, #c6f6d5); } - .lg\:border-pink-600 { - --tw-border-opacity: 1; - border-color: rgba(219, 39, 119, var(--tw-border-opacity)); + .xl\:hover\:border-colors-green-300:hover { + border-color: var(--colors-green-300, #9ae6b4); } - .lg\:border-pink-700 { - --tw-border-opacity: 1; - border-color: rgba(190, 24, 93, var(--tw-border-opacity)); + .xl\:hover\:border-colors-green-400:hover { + border-color: var(--colors-green-400, #68d391); } - .lg\:border-pink-800 { - --tw-border-opacity: 1; - border-color: rgba(157, 23, 77, var(--tw-border-opacity)); + .xl\:hover\:border-colors-green-500:hover { + border-color: var(--colors-green-500, #48bb78); } - .lg\:border-pink-900 { - --tw-border-opacity: 1; - border-color: rgba(131, 24, 67, var(--tw-border-opacity)); + .xl\:hover\:border-colors-green-600:hover { + border-color: var(--colors-green-600, #38a169); } - .group:hover .lg\:group-hover\:border-transparent { - border-color: transparent; + .xl\:hover\:border-colors-green-700:hover { + border-color: var(--colors-green-700, #2f855a); } - .group:hover .lg\:group-hover\:border-current { - border-color: currentColor; + .xl\:hover\:border-colors-green-800:hover { + border-color: var(--colors-green-800, #276749); } - .group:hover .lg\:group-hover\:border-black { - --tw-border-opacity: 1; - border-color: rgba(0, 0, 0, var(--tw-border-opacity)); + .xl\:hover\:border-colors-green-900:hover { + border-color: var(--colors-green-900, #22543d); } - .group:hover .lg\:group-hover\:border-white { - --tw-border-opacity: 1; - border-color: rgba(255, 255, 255, var(--tw-border-opacity)); + .xl\:hover\:border-colors-teal-100:hover { + border-color: var(--colors-teal-100, #e6fffa); } - .group:hover .lg\:group-hover\:border-gray-50 { - --tw-border-opacity: 1; - border-color: rgba(249, 250, 251, var(--tw-border-opacity)); + .xl\:hover\:border-colors-teal-200:hover { + border-color: var(--colors-teal-200, #b2f5ea); } - .group:hover .lg\:group-hover\:border-gray-100 { - --tw-border-opacity: 1; - border-color: rgba(243, 244, 246, var(--tw-border-opacity)); + .xl\:hover\:border-colors-teal-300:hover { + border-color: var(--colors-teal-300, #81e6d9); } - .group:hover .lg\:group-hover\:border-gray-200 { - --tw-border-opacity: 1; - border-color: rgba(229, 231, 235, var(--tw-border-opacity)); + .xl\:hover\:border-colors-teal-400:hover { + border-color: var(--colors-teal-400, #4fd1c5); } - .group:hover .lg\:group-hover\:border-gray-300 { - --tw-border-opacity: 1; - border-color: rgba(209, 213, 219, var(--tw-border-opacity)); + .xl\:hover\:border-colors-teal-500:hover { + border-color: var(--colors-teal-500, #38b2ac); } - .group:hover .lg\:group-hover\:border-gray-400 { - --tw-border-opacity: 1; - border-color: rgba(156, 163, 175, var(--tw-border-opacity)); + .xl\:hover\:border-colors-teal-600:hover { + border-color: var(--colors-teal-600, #319795); } - .group:hover .lg\:group-hover\:border-gray-500 { - --tw-border-opacity: 1; - border-color: rgba(107, 114, 128, var(--tw-border-opacity)); + .xl\:hover\:border-colors-teal-700:hover { + border-color: var(--colors-teal-700, #2c7a7b); } - .group:hover .lg\:group-hover\:border-gray-600 { - --tw-border-opacity: 1; - border-color: rgba(75, 85, 99, var(--tw-border-opacity)); + .xl\:hover\:border-colors-teal-800:hover { + border-color: var(--colors-teal-800, #285e61); } - .group:hover .lg\:group-hover\:border-gray-700 { - --tw-border-opacity: 1; - border-color: rgba(55, 65, 81, var(--tw-border-opacity)); + .xl\:hover\:border-colors-teal-900:hover { + border-color: var(--colors-teal-900, #234e52); } - .group:hover .lg\:group-hover\:border-gray-800 { - --tw-border-opacity: 1; - border-color: rgba(31, 41, 55, var(--tw-border-opacity)); + .xl\:hover\:border-colors-blue-100:hover { + border-color: var(--colors-blue-100, #ebf8ff); } - .group:hover .lg\:group-hover\:border-gray-900 { - --tw-border-opacity: 1; - border-color: rgba(17, 24, 39, var(--tw-border-opacity)); + .xl\:hover\:border-colors-blue-200:hover { + border-color: var(--colors-blue-200, #bee3f8); } - .group:hover .lg\:group-hover\:border-red-50 { - --tw-border-opacity: 1; - border-color: rgba(254, 242, 242, var(--tw-border-opacity)); + .xl\:hover\:border-colors-blue-300:hover { + border-color: var(--colors-blue-300, #90cdf4); } - .group:hover .lg\:group-hover\:border-red-100 { - --tw-border-opacity: 1; - border-color: rgba(254, 226, 226, var(--tw-border-opacity)); + .xl\:hover\:border-colors-blue-400:hover { + border-color: var(--colors-blue-400, #63b3ed); } - .group:hover .lg\:group-hover\:border-red-200 { - --tw-border-opacity: 1; - border-color: rgba(254, 202, 202, var(--tw-border-opacity)); + .xl\:hover\:border-colors-blue-500:hover { + border-color: var(--colors-blue-500, #4299e1); } - .group:hover .lg\:group-hover\:border-red-300 { - --tw-border-opacity: 1; - border-color: rgba(252, 165, 165, var(--tw-border-opacity)); + .xl\:hover\:border-colors-blue-600:hover { + border-color: var(--colors-blue-600, #3182ce); } - .group:hover .lg\:group-hover\:border-red-400 { - --tw-border-opacity: 1; - border-color: rgba(248, 113, 113, var(--tw-border-opacity)); + .xl\:hover\:border-colors-blue-700:hover { + border-color: var(--colors-blue-700, #2b6cb0); } - .group:hover .lg\:group-hover\:border-red-500 { - --tw-border-opacity: 1; - border-color: rgba(239, 68, 68, var(--tw-border-opacity)); + .xl\:hover\:border-colors-blue-800:hover { + border-color: var(--colors-blue-800, #2c5282); } - .group:hover .lg\:group-hover\:border-red-600 { - --tw-border-opacity: 1; - border-color: rgba(220, 38, 38, var(--tw-border-opacity)); + .xl\:hover\:border-colors-blue-900:hover { + border-color: var(--colors-blue-900, #2a4365); } - .group:hover .lg\:group-hover\:border-red-700 { - --tw-border-opacity: 1; - border-color: rgba(185, 28, 28, var(--tw-border-opacity)); + .xl\:hover\:border-colors-indigo-100:hover { + border-color: var(--colors-indigo-100, #ebf4ff); } - .group:hover .lg\:group-hover\:border-red-800 { - --tw-border-opacity: 1; - border-color: rgba(153, 27, 27, var(--tw-border-opacity)); + .xl\:hover\:border-colors-indigo-200:hover { + border-color: var(--colors-indigo-200, #c3dafe); } - .group:hover .lg\:group-hover\:border-red-900 { - --tw-border-opacity: 1; - border-color: rgba(127, 29, 29, var(--tw-border-opacity)); + .xl\:hover\:border-colors-indigo-300:hover { + border-color: var(--colors-indigo-300, #a3bffa); } - .group:hover .lg\:group-hover\:border-yellow-50 { - --tw-border-opacity: 1; - border-color: rgba(255, 251, 235, var(--tw-border-opacity)); + .xl\:hover\:border-colors-indigo-400:hover { + border-color: var(--colors-indigo-400, #7f9cf5); } - .group:hover .lg\:group-hover\:border-yellow-100 { - --tw-border-opacity: 1; - border-color: rgba(254, 243, 199, var(--tw-border-opacity)); + .xl\:hover\:border-colors-indigo-500:hover { + border-color: var(--colors-indigo-500, #667eea); } - .group:hover .lg\:group-hover\:border-yellow-200 { - --tw-border-opacity: 1; - border-color: rgba(253, 230, 138, var(--tw-border-opacity)); + .xl\:hover\:border-colors-indigo-600:hover { + border-color: var(--colors-indigo-600, #5a67d8); } - .group:hover .lg\:group-hover\:border-yellow-300 { - --tw-border-opacity: 1; - border-color: rgba(252, 211, 77, var(--tw-border-opacity)); + .xl\:hover\:border-colors-indigo-700:hover { + border-color: var(--colors-indigo-700, #4c51bf); } - .group:hover .lg\:group-hover\:border-yellow-400 { - --tw-border-opacity: 1; - border-color: rgba(251, 191, 36, var(--tw-border-opacity)); + .xl\:hover\:border-colors-indigo-800:hover { + border-color: var(--colors-indigo-800, #434190); } - .group:hover .lg\:group-hover\:border-yellow-500 { - --tw-border-opacity: 1; - border-color: rgba(245, 158, 11, var(--tw-border-opacity)); + .xl\:hover\:border-colors-indigo-900:hover { + border-color: var(--colors-indigo-900, #3c366b); } - .group:hover .lg\:group-hover\:border-yellow-600 { - --tw-border-opacity: 1; - border-color: rgba(217, 119, 6, var(--tw-border-opacity)); + .xl\:hover\:border-colors-purple-100:hover { + border-color: var(--colors-purple-100, #faf5ff); } - .group:hover .lg\:group-hover\:border-yellow-700 { - --tw-border-opacity: 1; - border-color: rgba(180, 83, 9, var(--tw-border-opacity)); + .xl\:hover\:border-colors-purple-200:hover { + border-color: var(--colors-purple-200, #e9d8fd); } - .group:hover .lg\:group-hover\:border-yellow-800 { - --tw-border-opacity: 1; - border-color: rgba(146, 64, 14, var(--tw-border-opacity)); + .xl\:hover\:border-colors-purple-300:hover { + border-color: var(--colors-purple-300, #d6bcfa); } - .group:hover .lg\:group-hover\:border-yellow-900 { - --tw-border-opacity: 1; - border-color: rgba(120, 53, 15, var(--tw-border-opacity)); + .xl\:hover\:border-colors-purple-400:hover { + border-color: var(--colors-purple-400, #b794f4); } - .group:hover .lg\:group-hover\:border-green-50 { - --tw-border-opacity: 1; - border-color: rgba(236, 253, 245, var(--tw-border-opacity)); + .xl\:hover\:border-colors-purple-500:hover { + border-color: var(--colors-purple-500, #9f7aea); } - .group:hover .lg\:group-hover\:border-green-100 { - --tw-border-opacity: 1; - border-color: rgba(209, 250, 229, var(--tw-border-opacity)); + .xl\:hover\:border-colors-purple-600:hover { + border-color: var(--colors-purple-600, #805ad5); } - .group:hover .lg\:group-hover\:border-green-200 { - --tw-border-opacity: 1; - border-color: rgba(167, 243, 208, var(--tw-border-opacity)); + .xl\:hover\:border-colors-purple-700:hover { + border-color: var(--colors-purple-700, #6b46c1); } - .group:hover .lg\:group-hover\:border-green-300 { - --tw-border-opacity: 1; - border-color: rgba(110, 231, 183, var(--tw-border-opacity)); + .xl\:hover\:border-colors-purple-800:hover { + border-color: var(--colors-purple-800, #553c9a); } - .group:hover .lg\:group-hover\:border-green-400 { - --tw-border-opacity: 1; - border-color: rgba(52, 211, 153, var(--tw-border-opacity)); + .xl\:hover\:border-colors-purple-900:hover { + border-color: var(--colors-purple-900, #44337a); } - .group:hover .lg\:group-hover\:border-green-500 { - --tw-border-opacity: 1; - border-color: rgba(16, 185, 129, var(--tw-border-opacity)); + .xl\:hover\:border-colors-pink-100:hover { + border-color: var(--colors-pink-100, #fff5f7); } - .group:hover .lg\:group-hover\:border-green-600 { - --tw-border-opacity: 1; - border-color: rgba(5, 150, 105, var(--tw-border-opacity)); + .xl\:hover\:border-colors-pink-200:hover { + border-color: var(--colors-pink-200, #fed7e2); } - .group:hover .lg\:group-hover\:border-green-700 { - --tw-border-opacity: 1; - border-color: rgba(4, 120, 87, var(--tw-border-opacity)); + .xl\:hover\:border-colors-pink-300:hover { + border-color: var(--colors-pink-300, #fbb6ce); } - .group:hover .lg\:group-hover\:border-green-800 { - --tw-border-opacity: 1; - border-color: rgba(6, 95, 70, var(--tw-border-opacity)); + .xl\:hover\:border-colors-pink-400:hover { + border-color: var(--colors-pink-400, #f687b3); } - .group:hover .lg\:group-hover\:border-green-900 { - --tw-border-opacity: 1; - border-color: rgba(6, 78, 59, var(--tw-border-opacity)); + .xl\:hover\:border-colors-pink-500:hover { + border-color: var(--colors-pink-500, #ed64a6); } - .group:hover .lg\:group-hover\:border-blue-50 { - --tw-border-opacity: 1; - border-color: rgba(239, 246, 255, var(--tw-border-opacity)); + .xl\:hover\:border-colors-pink-600:hover { + border-color: var(--colors-pink-600, #d53f8c); } - .group:hover .lg\:group-hover\:border-blue-100 { - --tw-border-opacity: 1; - border-color: rgba(219, 234, 254, var(--tw-border-opacity)); + .xl\:hover\:border-colors-pink-700:hover { + border-color: var(--colors-pink-700, #b83280); } - .group:hover .lg\:group-hover\:border-blue-200 { - --tw-border-opacity: 1; - border-color: rgba(191, 219, 254, var(--tw-border-opacity)); + .xl\:hover\:border-colors-pink-800:hover { + border-color: var(--colors-pink-800, #97266d); } - .group:hover .lg\:group-hover\:border-blue-300 { - --tw-border-opacity: 1; - border-color: rgba(147, 197, 253, var(--tw-border-opacity)); + .xl\:hover\:border-colors-pink-900:hover { + border-color: var(--colors-pink-900, #702459); } - .group:hover .lg\:group-hover\:border-blue-400 { - --tw-border-opacity: 1; - border-color: rgba(96, 165, 250, var(--tw-border-opacity)); + .xl\:hover\:border-Box\ Shadow:hover { + border-color: var(--box-shadow, #7f7e7f); } - .group:hover .lg\:group-hover\:border-blue-500 { - --tw-border-opacity: 1; - border-color: rgba(59, 130, 246, var(--tw-border-opacity)); + .xl\:hover\:border-Error16:hover { + border-color: var(--error16, #f03d3e40); } - .group:hover .lg\:group-hover\:border-blue-600 { - --tw-border-opacity: 1; - border-color: rgba(37, 99, 235, var(--tw-border-opacity)); + .xl\:hover\:border-Success16:hover { + border-color: var(--success16, #5bb14d40); } - .group:hover .lg\:group-hover\:border-blue-700 { - --tw-border-opacity: 1; - border-color: rgba(29, 78, 216, var(--tw-border-opacity)); + .xl\:hover\:border-Notification16:hover { + border-color: var(--notification16, #3959ff40); } - .group:hover .lg\:group-hover\:border-blue-800 { - --tw-border-opacity: 1; - border-color: rgba(30, 64, 175, var(--tw-border-opacity)); + .xl\:hover\:border-Error8:hover { + border-color: var(--error8, #f03d3e1a); } - .group:hover .lg\:group-hover\:border-blue-900 { - --tw-border-opacity: 1; - border-color: rgba(30, 58, 138, var(--tw-border-opacity)); + .xl\:hover\:border-Notification8:hover { + border-color: var(--notification8, #3959ff1a); } - .group:hover .lg\:group-hover\:border-indigo-50 { - --tw-border-opacity: 1; - border-color: rgba(238, 242, 255, var(--tw-border-opacity)); + .xl\:hover\:border-Success8:hover { + border-color: var(--success8, #5bb14d1a); } - .group:hover .lg\:group-hover\:border-indigo-100 { - --tw-border-opacity: 1; - border-color: rgba(224, 231, 255, var(--tw-border-opacity)); + .xl\:hover\:border-Light\ -\ Overlay:hover { + border-color: var(--light-overlay, #f0edee66); } - .group:hover .lg\:group-hover\:border-indigo-200 { - --tw-border-opacity: 1; - border-color: rgba(199, 210, 254, var(--tw-border-opacity)); + .xl\:hover\:border-Dark-\ Overlay:hover { + border-color: var(--dark-overlay, #7f7e7f66); } - .group:hover .lg\:group-hover\:border-indigo-300 { - --tw-border-opacity: 1; - border-color: rgba(165, 180, 252, var(--tw-border-opacity)); + .xl\:hover\:border-black-40:hover { + border-color: var(--black-40, #00000066); } - .group:hover .lg\:group-hover\:border-indigo-400 { - --tw-border-opacity: 1; - border-color: rgba(129, 140, 248, var(--tw-border-opacity)); + .xl\:hover\:border-black-75:hover { + border-color: var(--black-75, #000000bf); } - .group:hover .lg\:group-hover\:border-indigo-500 { - --tw-border-opacity: 1; - border-color: rgba(99, 102, 241, var(--tw-border-opacity)); + .xl\:hover\:border-black-60:hover { + border-color: var(--black-60, #00000099); } - .group:hover .lg\:group-hover\:border-indigo-600 { - --tw-border-opacity: 1; - border-color: rgba(79, 70, 229, var(--tw-border-opacity)); + .xl\:hover\:border-black-50:hover { + border-color: var(--black-50, #00000080); } - .group:hover .lg\:group-hover\:border-indigo-700 { - --tw-border-opacity: 1; - border-color: rgba(67, 56, 202, var(--tw-border-opacity)); + .xl\:hover\:border-black-25:hover { + border-color: var(--black-25, #00000040); } - .group:hover .lg\:group-hover\:border-indigo-800 { - --tw-border-opacity: 1; - border-color: rgba(55, 48, 163, var(--tw-border-opacity)); + .xl\:hover\:border-black-10:hover { + border-color: var(--black-10, #0000001a); } - .group:hover .lg\:group-hover\:border-indigo-900 { - --tw-border-opacity: 1; - border-color: rgba(49, 46, 129, var(--tw-border-opacity)); + .xl\:hover\:border-white-25:hover { + border-color: var(--white-25, #ffffff40); } - .group:hover .lg\:group-hover\:border-purple-50 { - --tw-border-opacity: 1; - border-color: rgba(245, 243, 255, var(--tw-border-opacity)); + .xl\:hover\:border-white-60:hover { + border-color: var(--white-60, #ffffff99); } - .group:hover .lg\:group-hover\:border-purple-100 { - --tw-border-opacity: 1; - border-color: rgba(237, 233, 254, var(--tw-border-opacity)); + .xl\:hover\:border-black-64:hover { + border-color: var(--black-64, #000000a3); } - .group:hover .lg\:group-hover\:border-purple-200 { - --tw-border-opacity: 1; - border-color: rgba(221, 214, 254, var(--tw-border-opacity)); + .xl\:hover\:border-Shadow\ and\ Highlight-Shadow:hover { + border-color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .group:hover .lg\:group-hover\:border-purple-300 { - --tw-border-opacity: 1; - border-color: rgba(196, 181, 253, var(--tw-border-opacity)); + .xl\:hover\:border-Shadow\ and\ Highlight-Highlight:hover { + border-color: var(--shadow-and-highlight-highlight, #474747); } - .group:hover .lg\:group-hover\:border-purple-400 { - --tw-border-opacity: 1; - border-color: rgba(167, 139, 250, var(--tw-border-opacity)); + .xl\:hover\:border-Shadow\ and\ Highlight-highlight\ one:hover { + border-color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .group:hover .lg\:group-hover\:border-purple-500 { - --tw-border-opacity: 1; - border-color: rgba(139, 92, 246, var(--tw-border-opacity)); + .xl\:hover\:border-Shadow\ and\ Highlight-highlight\ two:hover { + border-color: var(--shadow-and-highlight-highlight-two, #47474799); } - .group:hover .lg\:group-hover\:border-purple-600 { - --tw-border-opacity: 1; - border-color: rgba(124, 58, 237, var(--tw-border-opacity)); + .xl\:hover\:border-Shadow\ and\ Highlight-highlight\ three:hover { + border-color: var(--shadow-and-highlight-highlight-three, #47474766); } - .group:hover .lg\:group-hover\:border-purple-700 { - --tw-border-opacity: 1; - border-color: rgba(109, 40, 217, var(--tw-border-opacity)); + .xl\:hover\:border-Shadow\ and\ Highlight-highlight\ five:hover { + border-color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .group:hover .lg\:group-hover\:border-purple-800 { - --tw-border-opacity: 1; - border-color: rgba(91, 33, 182, var(--tw-border-opacity)); + .xl\:hover\:border-Shadow\ and\ Highlight-shadow\ one:hover { + border-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .group:hover .lg\:group-hover\:border-purple-900 { - --tw-border-opacity: 1; - border-color: rgba(76, 29, 149, var(--tw-border-opacity)); + .xl\:hover\:border-Shadow\ and\ Highlight-shadow\ two:hover { + border-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .group:hover .lg\:group-hover\:border-pink-50 { - --tw-border-opacity: 1; - border-color: rgba(253, 242, 248, var(--tw-border-opacity)); + .xl\:hover\:border-Shadow\ and\ Highlight-shadow\ three:hover { + border-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .group:hover .lg\:group-hover\:border-pink-100 { - --tw-border-opacity: 1; - border-color: rgba(252, 231, 243, var(--tw-border-opacity)); + .xl\:hover\:border-Shadow\ and\ Highlight-shadow\ four:hover { + border-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .group:hover .lg\:group-hover\:border-pink-200 { - --tw-border-opacity: 1; - border-color: rgba(251, 207, 232, var(--tw-border-opacity)); + .xl\:hover\:border-Shadow\ and\ Highlight-shadow\ five:hover { + border-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .group:hover .lg\:group-hover\:border-pink-300 { - --tw-border-opacity: 1; - border-color: rgba(249, 168, 212, var(--tw-border-opacity)); + .xl\:hover\:border-Shadow\ and\ Highlight-highlight\ four:hover { + border-color: var(--shadow-and-highlight-highlight-four, #47474740); } - .group:hover .lg\:group-hover\:border-pink-400 { - --tw-border-opacity: 1; - border-color: rgba(244, 114, 182, var(--tw-border-opacity)); + .xl\:hover\:border-Base\ Layer\ Styles-Base\ Layer-\ Light-White:hover { + border-color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .group:hover .lg\:group-hover\:border-pink-500 { - --tw-border-opacity: 1; - border-color: rgba(236, 72, 153, var(--tw-border-opacity)); + .xl\:hover\:border-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:hover { + border-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .group:hover .lg\:group-hover\:border-pink-600 { - --tw-border-opacity: 1; - border-color: rgba(219, 39, 119, var(--tw-border-opacity)); + .xl\:hover\:border-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:hover { + border-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .group:hover .lg\:group-hover\:border-pink-700 { - --tw-border-opacity: 1; - border-color: rgba(190, 24, 93, var(--tw-border-opacity)); + .xl\:hover\:border-Base\ Layer\ Styles-Base\ Layer-Dark-Black:hover { + border-color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .group:hover .lg\:group-hover\:border-pink-800 { - --tw-border-opacity: 1; - border-color: rgba(157, 23, 77, var(--tw-border-opacity)); + .xl\:hover\:border-Grey-Scale-white:hover { + border-color: var(--grey-scale-white, #ffffff); } - .group:hover .lg\:group-hover\:border-pink-900 { - --tw-border-opacity: 1; - border-color: rgba(131, 24, 67, var(--tw-border-opacity)); + .xl\:hover\:border-Grey-Scale-off-white:hover { + border-color: var(--grey-scale-off-white, #f0edee); } - .lg\:focus-within\:border-transparent:focus-within { - border-color: transparent; + .xl\:hover\:border-Grey\ Scale-grey:hover { + border-color: var(--grey-scale-grey, #7f7e7f); } - .lg\:focus-within\:border-current:focus-within { - border-color: currentColor; + .xl\:hover\:border-Grey\ Scale-charcoal:hover { + border-color: var(--grey-scale-charcoal, #474747); } - .lg\:focus-within\:border-black:focus-within { - --tw-border-opacity: 1; - border-color: rgba(0, 0, 0, var(--tw-border-opacity)); + .xl\:hover\:border-Grey\ Scale-off-black:hover { + border-color: var(--grey-scale-off-black, #1c1c1c); } - .lg\:focus-within\:border-white:focus-within { - --tw-border-opacity: 1; - border-color: rgba(255, 255, 255, var(--tw-border-opacity)); + .xl\:hover\:border-Grey\ Scale-black:hover { + border-color: var(--grey-scale-black, #000000); } - .lg\:focus-within\:border-gray-50:focus-within { - --tw-border-opacity: 1; - border-color: rgba(249, 250, 251, var(--tw-border-opacity)); + .xl\:hover\:border-Blue-blue:hover { + border-color: var(--blue-blue, #3a7ca5); } - .lg\:focus-within\:border-gray-100:focus-within { - --tw-border-opacity: 1; - border-color: rgba(243, 244, 246, var(--tw-border-opacity)); + .xl\:hover\:border-Blue-blue-100:hover { + border-color: var(--blue-blue-100, #75a3c0); } - .lg\:focus-within\:border-gray-200:focus-within { - --tw-border-opacity: 1; - border-color: rgba(229, 231, 235, var(--tw-border-opacity)); + .xl\:hover\:border-Blue-blue-200:hover { + border-color: var(--blue-blue-200, #9cbed2); } - .lg\:focus-within\:border-gray-300:focus-within { - --tw-border-opacity: 1; - border-color: rgba(209, 213, 219, var(--tw-border-opacity)); + .xl\:hover\:border-Blue-blue-300:hover { + border-color: var(--blue-blue-300, #4f7d9a); } - .lg\:focus-within\:border-gray-400:focus-within { - --tw-border-opacity: 1; - border-color: rgba(156, 163, 175, var(--tw-border-opacity)); + .xl\:hover\:border-Blue-blue-400:hover { + border-color: var(--blue-blue-400, #5c7d92); } - .lg\:focus-within\:border-gray-500:focus-within { - --tw-border-opacity: 1; - border-color: rgba(107, 114, 128, var(--tw-border-opacity)); + .xl\:hover\:border-Blue-blue-500:hover { + border-color: var(--blue-blue-500, #347095); } - .lg\:focus-within\:border-gray-600:focus-within { - --tw-border-opacity: 1; - border-color: rgba(75, 85, 99, var(--tw-border-opacity)); + .xl\:hover\:border-Blue-blue-600:hover { + border-color: var(--blue-blue-600, #295774); } - .lg\:focus-within\:border-gray-700:focus-within { - --tw-border-opacity: 1; - border-color: rgba(55, 65, 81, var(--tw-border-opacity)); + .xl\:hover\:border-Blue-blue-700:hover { + border-color: var(--blue-blue-700, #173242); } - .lg\:focus-within\:border-gray-800:focus-within { - --tw-border-opacity: 1; - border-color: rgba(31, 41, 55, var(--tw-border-opacity)); + .xl\:hover\:border-LightBlue-lightblue:hover { + border-color: var(--light-blue-lightblue, #81c3d7); } - .lg\:focus-within\:border-gray-900:focus-within { - --tw-border-opacity: 1; - border-color: rgba(17, 24, 39, var(--tw-border-opacity)); + .xl\:hover\:border-LightBlue-lightblue-100:hover { + border-color: var(--light-blue-lightblue-100, #a7d5e3); } - .lg\:focus-within\:border-red-50:focus-within { - --tw-border-opacity: 1; - border-color: rgba(254, 242, 242, var(--tw-border-opacity)); + .xl\:hover\:border-LightBlue-lightblue-200:hover { + border-color: var(--light-blue-lightblue-200, #c0e1eb); } - .lg\:focus-within\:border-red-100:focus-within { - --tw-border-opacity: 1; - border-color: rgba(254, 226, 226, var(--tw-border-opacity)); + .xl\:hover\:border-LightBlue-lightblue-300:hover { + border-color: var(--light-blue-lightblue-300, #80aebd); } - .lg\:focus-within\:border-red-200:focus-within { - --tw-border-opacity: 1; - border-color: rgba(254, 202, 202, var(--tw-border-opacity)); + .xl\:hover\:border-LightBlue-lightblue-400:hover { + border-color: var(--light-blue-lightblue-400, #80a0ab); } - .lg\:focus-within\:border-red-300:focus-within { - --tw-border-opacity: 1; - border-color: rgba(252, 165, 165, var(--tw-border-opacity)); + .xl\:hover\:border-LightBlue-lightblue-500:hover { + border-color: var(--light-blue-lightblue-500, #74afc1); } - .lg\:focus-within\:border-red-400:focus-within { - --tw-border-opacity: 1; - border-color: rgba(248, 113, 113, var(--tw-border-opacity)); + .xl\:hover\:border-LightBlue-lightblue-600:hover { + border-color: var(--light-blue-lightblue-600, #5a8997); } - .lg\:focus-within\:border-red-500:focus-within { - --tw-border-opacity: 1; - border-color: rgba(239, 68, 68, var(--tw-border-opacity)); + .xl\:hover\:border-LightBlue-lightblue-650:hover { + border-color: var(--light-blue-lightblue-650, #3e5e65); } - .lg\:focus-within\:border-red-600:focus-within { - --tw-border-opacity: 1; - border-color: rgba(220, 38, 38, var(--tw-border-opacity)); + .xl\:hover\:border-LightBlue-lightblue-700:hover { + border-color: var(--light-blue-lightblue-700, #344e56); } - .lg\:focus-within\:border-red-700:focus-within { - --tw-border-opacity: 1; - border-color: rgba(185, 28, 28, var(--tw-border-opacity)); + .xl\:hover\:border-Orange-orange:hover { + border-color: var(--orange-orange, #ff7f0e); } - .lg\:focus-within\:border-red-800:focus-within { - --tw-border-opacity: 1; - border-color: rgba(153, 27, 27, var(--tw-border-opacity)); + .xl\:hover\:border-Orange-orange-100:hover { + border-color: var(--orange-orange-100, #ffa556); } - .lg\:focus-within\:border-red-900:focus-within { - --tw-border-opacity: 1; - border-color: rgba(127, 29, 29, var(--tw-border-opacity)); + .xl\:hover\:border-Orange-orange-200:hover { + border-color: var(--orange-orange-200, #ffbf86); } - .lg\:focus-within\:border-yellow-50:focus-within { - --tw-border-opacity: 1; - border-color: rgba(255, 251, 235, var(--tw-border-opacity)); + .xl\:hover\:border-Orange-orange-300:hover { + border-color: var(--orange-orange-300, #d97f30); } - .lg\:focus-within\:border-yellow-100:focus-within { - --tw-border-opacity: 1; - border-color: rgba(254, 243, 199, var(--tw-border-opacity)); + .xl\:hover\:border-Orange-orange-400:hover { + border-color: var(--orange-orange-400, #bf7e46); } - .lg\:focus-within\:border-yellow-200:focus-within { - --tw-border-opacity: 1; - border-color: rgba(253, 230, 138, var(--tw-border-opacity)); + .xl\:hover\:border-Orange-orange-500:hover { + border-color: var(--orange-orange-500, #e5720d); } - .lg\:focus-within\:border-yellow-300:focus-within { - --tw-border-opacity: 1; - border-color: rgba(252, 211, 77, var(--tw-border-opacity)); + .xl\:hover\:border-Orange-orange-600:hover { + border-color: var(--orange-orange-600, #b3590a); } - .lg\:focus-within\:border-yellow-400:focus-within { - --tw-border-opacity: 1; - border-color: rgba(251, 191, 36, var(--tw-border-opacity)); + .xl\:hover\:border-Orange-orange-700:hover { + border-color: var(--orange-orange-700, #663306); } - .lg\:focus-within\:border-yellow-500:focus-within { - --tw-border-opacity: 1; - border-color: rgba(245, 158, 11, var(--tw-border-opacity)); + .xl\:hover\:border-Yellow-yellow:hover { + border-color: var(--yellow-yellow, #ffab00); } - .lg\:focus-within\:border-yellow-600:focus-within { - --tw-border-opacity: 1; - border-color: rgba(217, 119, 6, var(--tw-border-opacity)); + .xl\:hover\:border-Yellow-yellow-100:hover { + border-color: var(--yellow-yellow-100, #ffc44c); } - .lg\:focus-within\:border-yellow-700:focus-within { - --tw-border-opacity: 1; - border-color: rgba(180, 83, 9, var(--tw-border-opacity)); + .xl\:hover\:border-Yellow-yellow-200:hover { + border-color: var(--yellow-yellow-200, #ffd580); } - .lg\:focus-within\:border-yellow-800:focus-within { - --tw-border-opacity: 1; - border-color: rgba(146, 64, 14, var(--tw-border-opacity)); + .xl\:hover\:border-Yellow-yellow-300:hover { + border-color: var(--yellow-yellow-300, #d99d26); } - .lg\:focus-within\:border-yellow-900:focus-within { - --tw-border-opacity: 1; - border-color: rgba(120, 53, 15, var(--tw-border-opacity)); + .xl\:hover\:border-Yellow-yellow-400:hover { + border-color: var(--yellow-yellow-400, #bf943f); } - .lg\:focus-within\:border-green-50:focus-within { - --tw-border-opacity: 1; - border-color: rgba(236, 253, 245, var(--tw-border-opacity)); + .xl\:hover\:border-Yellow-yellow-500:hover { + border-color: var(--yellow-yellow-500, #e59a00); } - .lg\:focus-within\:border-green-100:focus-within { - --tw-border-opacity: 1; - border-color: rgba(209, 250, 229, var(--tw-border-opacity)); + .xl\:hover\:border-Yellow-yellow-600:hover { + border-color: var(--yellow-yellow-600, #b37800); } - .lg\:focus-within\:border-green-200:focus-within { - --tw-border-opacity: 1; - border-color: rgba(167, 243, 208, var(--tw-border-opacity)); + .xl\:hover\:border-Yellow-yellow-700:hover { + border-color: var(--yellow-yellow-700, #664400); } - .lg\:focus-within\:border-green-300:focus-within { - --tw-border-opacity: 1; - border-color: rgba(110, 231, 183, var(--tw-border-opacity)); + .xl\:hover\:border-Notification-notification:hover { + border-color: var(--notification-notification, #3959ff); } - .lg\:focus-within\:border-green-400:focus-within { - --tw-border-opacity: 1; - border-color: rgba(52, 211, 153, var(--tw-border-opacity)); + .xl\:hover\:border-Notification-notification-100:hover { + border-color: var(--notification-notification-100, #748bff); } - .lg\:focus-within\:border-green-500:focus-within { - --tw-border-opacity: 1; - border-color: rgba(16, 185, 129, var(--tw-border-opacity)); + .xl\:hover\:border-Notification-notification-200:hover { + border-color: var(--notification-notification-200, #9cacff); } - .lg\:focus-within\:border-green-600:focus-within { - --tw-border-opacity: 1; - border-color: rgba(5, 150, 105, var(--tw-border-opacity)); + .xl\:hover\:border-Notification-notification-300:hover { + border-color: var(--notification-notification-300, #4e64d9); } - .lg\:focus-within\:border-green-700:focus-within { - --tw-border-opacity: 1; - border-color: rgba(4, 120, 87, var(--tw-border-opacity)); + .xl\:hover\:border-Notification-notification-400:hover { + border-color: var(--notification-notification-400, #5c6cbf); } - .lg\:focus-within\:border-green-800:focus-within { - --tw-border-opacity: 1; - border-color: rgba(6, 95, 70, var(--tw-border-opacity)); + .xl\:hover\:border-Notification-notification-500:hover { + border-color: var(--notification-notification-500, #3350e5); } - .lg\:focus-within\:border-green-900:focus-within { - --tw-border-opacity: 1; - border-color: rgba(6, 78, 59, var(--tw-border-opacity)); + .xl\:hover\:border-Notification-notification-600:hover { + border-color: var(--notification-notification-600, #283eb3); } - .lg\:focus-within\:border-blue-50:focus-within { - --tw-border-opacity: 1; - border-color: rgba(239, 246, 255, var(--tw-border-opacity)); + .xl\:hover\:border-Notification-notification-700:hover { + border-color: var(--notification-notification-700, #172466); } - .lg\:focus-within\:border-blue-100:focus-within { - --tw-border-opacity: 1; - border-color: rgba(219, 234, 254, var(--tw-border-opacity)); + .xl\:hover\:border-Success-success\ -700:hover { + border-color: var(--success-success-700, #24471f); } - .lg\:focus-within\:border-blue-200:focus-within { - --tw-border-opacity: 1; - border-color: rgba(191, 219, 254, var(--tw-border-opacity)); + .xl\:hover\:border-Success-success:hover { + border-color: var(--success-success, #5bb14d); } - .lg\:focus-within\:border-blue-300:focus-within { - --tw-border-opacity: 1; - border-color: rgba(147, 197, 253, var(--tw-border-opacity)); + .xl\:hover\:border-Success-success\ -100:hover { + border-color: var(--success-success-100, #8cc882); } - .lg\:focus-within\:border-blue-400:focus-within { - --tw-border-opacity: 1; - border-color: rgba(96, 165, 250, var(--tw-border-opacity)); + .xl\:hover\:border-Success-success\ -200:hover { + border-color: var(--success-success-200, #add8a6); } - .lg\:focus-within\:border-blue-500:focus-within { - --tw-border-opacity: 1; - border-color: rgba(59, 130, 246, var(--tw-border-opacity)); + .xl\:hover\:border-Success-success\ -300:hover { + border-color: var(--success-success-300, #66a25c); } - .lg\:focus-within\:border-blue-600:focus-within { - --tw-border-opacity: 1; - border-color: rgba(37, 99, 235, var(--tw-border-opacity)); + .xl\:hover\:border-Success-success\ -400:hover { + border-color: var(--success-success-400, #6d9766); } - .lg\:focus-within\:border-blue-700:focus-within { - --tw-border-opacity: 1; - border-color: rgba(29, 78, 216, var(--tw-border-opacity)); + .xl\:hover\:border-Success-success\ -500:hover { + border-color: var(--success-success-500, #529f45); } - .lg\:focus-within\:border-blue-800:focus-within { - --tw-border-opacity: 1; - border-color: rgba(30, 64, 175, var(--tw-border-opacity)); + .xl\:hover\:border-Success-success\ -600:hover { + border-color: var(--success-success-600, #407c36); } - .lg\:focus-within\:border-blue-900:focus-within { - --tw-border-opacity: 1; - border-color: rgba(30, 58, 138, var(--tw-border-opacity)); + .xl\:hover\:border-Error-error:hover { + border-color: var(--error-error, #f03d3e); } - .lg\:focus-within\:border-indigo-50:focus-within { - --tw-border-opacity: 1; - border-color: rgba(238, 242, 255, var(--tw-border-opacity)); + .xl\:hover\:border-Error-error-100:hover { + border-color: var(--error-error-100, #f57778); } - .lg\:focus-within\:border-indigo-100:focus-within { - --tw-border-opacity: 1; - border-color: rgba(224, 231, 255, var(--tw-border-opacity)); + .xl\:hover\:border-Error-error-200:hover { + border-color: var(--error-error-200, #f89e9e); } - .lg\:focus-within\:border-indigo-200:focus-within { - --tw-border-opacity: 1; - border-color: rgba(199, 210, 254, var(--tw-border-opacity)); + .xl\:hover\:border-Error-error-250:hover { + border-color: var(--error-error-250, #f9c8c8); } - .lg\:focus-within\:border-indigo-300:focus-within { - --tw-border-opacity: 1; - border-color: rgba(165, 180, 252, var(--tw-border-opacity)); + .xl\:hover\:border-Error-error-300:hover { + border-color: var(--error-error-300, #ce5151); } - .lg\:focus-within\:border-indigo-400:focus-within { - --tw-border-opacity: 1; - border-color: rgba(129, 140, 248, var(--tw-border-opacity)); + .xl\:hover\:border-Error-error-400:hover { + border-color: var(--error-error-400, #b85e5e); } - .lg\:focus-within\:border-indigo-500:focus-within { - --tw-border-opacity: 1; - border-color: rgba(99, 102, 241, var(--tw-border-opacity)); + .xl\:hover\:border-Error-error-500:hover { + border-color: var(--error-error-500, #d83738); } - .lg\:focus-within\:border-indigo-600:focus-within { - --tw-border-opacity: 1; - border-color: rgba(79, 70, 229, var(--tw-border-opacity)); + .xl\:hover\:border-Error-error-600:hover { + border-color: var(--error-error-600, #a82b2b); } - .lg\:focus-within\:border-indigo-700:focus-within { - --tw-border-opacity: 1; - border-color: rgba(67, 56, 202, var(--tw-border-opacity)); + .xl\:hover\:border-Error-error-700:hover { + border-color: var(--error-error-700, #601819); } - .lg\:focus-within\:border-indigo-800:focus-within { - --tw-border-opacity: 1; - border-color: rgba(55, 48, 163, var(--tw-border-opacity)); + .xl\:focus\:border-colors-black:focus { + border-color: var(--colors-black, #000000); } - .lg\:focus-within\:border-indigo-900:focus-within { - --tw-border-opacity: 1; - border-color: rgba(49, 46, 129, var(--tw-border-opacity)); + .xl\:focus\:border-colors-white:focus { + border-color: var(--colors-white, #ffffff); } - .lg\:focus-within\:border-purple-50:focus-within { - --tw-border-opacity: 1; - border-color: rgba(245, 243, 255, var(--tw-border-opacity)); + .xl\:focus\:border-colors-gray-100:focus { + border-color: var(--colors-gray-100, #f7fafc); } - .lg\:focus-within\:border-purple-100:focus-within { - --tw-border-opacity: 1; - border-color: rgba(237, 233, 254, var(--tw-border-opacity)); + .xl\:focus\:border-colors-gray-200:focus { + border-color: var(--colors-gray-200, #edf2f7); } - .lg\:focus-within\:border-purple-200:focus-within { - --tw-border-opacity: 1; - border-color: rgba(221, 214, 254, var(--tw-border-opacity)); + .xl\:focus\:border-colors-gray-300:focus { + border-color: var(--colors-gray-300, #e2e8f0); } - .lg\:focus-within\:border-purple-300:focus-within { - --tw-border-opacity: 1; - border-color: rgba(196, 181, 253, var(--tw-border-opacity)); + .xl\:focus\:border-colors-gray-400:focus { + border-color: var(--colors-gray-400, #cbd5e0); } - .lg\:focus-within\:border-purple-400:focus-within { - --tw-border-opacity: 1; - border-color: rgba(167, 139, 250, var(--tw-border-opacity)); + .xl\:focus\:border-colors-gray-500:focus { + border-color: var(--colors-gray-500, #a0aec0); } - .lg\:focus-within\:border-purple-500:focus-within { - --tw-border-opacity: 1; - border-color: rgba(139, 92, 246, var(--tw-border-opacity)); + .xl\:focus\:border-colors-gray-600:focus { + border-color: var(--colors-gray-600, #718096); } - .lg\:focus-within\:border-purple-600:focus-within { - --tw-border-opacity: 1; - border-color: rgba(124, 58, 237, var(--tw-border-opacity)); + .xl\:focus\:border-colors-gray-700:focus { + border-color: var(--colors-gray-700, #4a5568); } - .lg\:focus-within\:border-purple-700:focus-within { - --tw-border-opacity: 1; - border-color: rgba(109, 40, 217, var(--tw-border-opacity)); + .xl\:focus\:border-colors-gray-800:focus { + border-color: var(--colors-gray-800, #2d3748); } - .lg\:focus-within\:border-purple-800:focus-within { - --tw-border-opacity: 1; - border-color: rgba(91, 33, 182, var(--tw-border-opacity)); + .xl\:focus\:border-colors-gray-900:focus { + border-color: var(--colors-gray-900, #1a202c); } - .lg\:focus-within\:border-purple-900:focus-within { - --tw-border-opacity: 1; - border-color: rgba(76, 29, 149, var(--tw-border-opacity)); + .xl\:focus\:border-colors-red-100:focus { + border-color: var(--colors-red-100, #fff5f5); } - .lg\:focus-within\:border-pink-50:focus-within { - --tw-border-opacity: 1; - border-color: rgba(253, 242, 248, var(--tw-border-opacity)); + .xl\:focus\:border-colors-red-200:focus { + border-color: var(--colors-red-200, #fed7d7); } - .lg\:focus-within\:border-pink-100:focus-within { - --tw-border-opacity: 1; - border-color: rgba(252, 231, 243, var(--tw-border-opacity)); + .xl\:focus\:border-colors-red-300:focus { + border-color: var(--colors-red-300, #feb2b2); } - .lg\:focus-within\:border-pink-200:focus-within { - --tw-border-opacity: 1; - border-color: rgba(251, 207, 232, var(--tw-border-opacity)); + .xl\:focus\:border-colors-red-400:focus { + border-color: var(--colors-red-400, #fc8181); } - .lg\:focus-within\:border-pink-300:focus-within { - --tw-border-opacity: 1; - border-color: rgba(249, 168, 212, var(--tw-border-opacity)); + .xl\:focus\:border-colors-red-500:focus { + border-color: var(--colors-red-500, #f56565); } - .lg\:focus-within\:border-pink-400:focus-within { - --tw-border-opacity: 1; - border-color: rgba(244, 114, 182, var(--tw-border-opacity)); + .xl\:focus\:border-colors-red-600:focus { + border-color: var(--colors-red-600, #e53e3e); } - .lg\:focus-within\:border-pink-500:focus-within { - --tw-border-opacity: 1; - border-color: rgba(236, 72, 153, var(--tw-border-opacity)); + .xl\:focus\:border-colors-red-700:focus { + border-color: var(--colors-red-700, #c53030); } - .lg\:focus-within\:border-pink-600:focus-within { - --tw-border-opacity: 1; - border-color: rgba(219, 39, 119, var(--tw-border-opacity)); + .xl\:focus\:border-colors-red-800:focus { + border-color: var(--colors-red-800, #9b2c2c); } - .lg\:focus-within\:border-pink-700:focus-within { - --tw-border-opacity: 1; - border-color: rgba(190, 24, 93, var(--tw-border-opacity)); + .xl\:focus\:border-colors-red-900:focus { + border-color: var(--colors-red-900, #742a2a); } - .lg\:focus-within\:border-pink-800:focus-within { - --tw-border-opacity: 1; - border-color: rgba(157, 23, 77, var(--tw-border-opacity)); + .xl\:focus\:border-colors-orange-100:focus { + border-color: var(--colors-orange-100, #fffaf0); } - .lg\:focus-within\:border-pink-900:focus-within { - --tw-border-opacity: 1; - border-color: rgba(131, 24, 67, var(--tw-border-opacity)); + .xl\:focus\:border-colors-orange-200:focus { + border-color: var(--colors-orange-200, #feebc8); } - .lg\:hover\:border-transparent:hover { - border-color: transparent; + .xl\:focus\:border-colors-orange-300:focus { + border-color: var(--colors-orange-300, #fbd38d); } - .lg\:hover\:border-current:hover { - border-color: currentColor; + .xl\:focus\:border-colors-orange-400:focus { + border-color: var(--colors-orange-400, #f6ad55); } - .lg\:hover\:border-black:hover { - --tw-border-opacity: 1; - border-color: rgba(0, 0, 0, var(--tw-border-opacity)); + .xl\:focus\:border-colors-orange-500:focus { + border-color: var(--colors-orange-500, #ed8936); } - .lg\:hover\:border-white:hover { - --tw-border-opacity: 1; - border-color: rgba(255, 255, 255, var(--tw-border-opacity)); + .xl\:focus\:border-colors-orange-600:focus { + border-color: var(--colors-orange-600, #dd6b20); } - .lg\:hover\:border-gray-50:hover { - --tw-border-opacity: 1; - border-color: rgba(249, 250, 251, var(--tw-border-opacity)); + .xl\:focus\:border-colors-orange-700:focus { + border-color: var(--colors-orange-700, #c05621); } - .lg\:hover\:border-gray-100:hover { - --tw-border-opacity: 1; - border-color: rgba(243, 244, 246, var(--tw-border-opacity)); + .xl\:focus\:border-colors-orange-800:focus { + border-color: var(--colors-orange-800, #9c4221); } - .lg\:hover\:border-gray-200:hover { - --tw-border-opacity: 1; - border-color: rgba(229, 231, 235, var(--tw-border-opacity)); + .xl\:focus\:border-colors-orange-900:focus { + border-color: var(--colors-orange-900, #7b341e); } - .lg\:hover\:border-gray-300:hover { - --tw-border-opacity: 1; - border-color: rgba(209, 213, 219, var(--tw-border-opacity)); + .xl\:focus\:border-colors-yellow-100:focus { + border-color: var(--colors-yellow-100, #fffff0); } - .lg\:hover\:border-gray-400:hover { - --tw-border-opacity: 1; - border-color: rgba(156, 163, 175, var(--tw-border-opacity)); + .xl\:focus\:border-colors-yellow-200:focus { + border-color: var(--colors-yellow-200, #fefcbf); } - .lg\:hover\:border-gray-500:hover { - --tw-border-opacity: 1; - border-color: rgba(107, 114, 128, var(--tw-border-opacity)); + .xl\:focus\:border-colors-yellow-300:focus { + border-color: var(--colors-yellow-300, #faf089); } - .lg\:hover\:border-gray-600:hover { - --tw-border-opacity: 1; - border-color: rgba(75, 85, 99, var(--tw-border-opacity)); + .xl\:focus\:border-colors-yellow-400:focus { + border-color: var(--colors-yellow-400, #f6e05e); } - .lg\:hover\:border-gray-700:hover { - --tw-border-opacity: 1; - border-color: rgba(55, 65, 81, var(--tw-border-opacity)); + .xl\:focus\:border-colors-yellow-500:focus { + border-color: var(--colors-yellow-500, #ecc94b); } - .lg\:hover\:border-gray-800:hover { - --tw-border-opacity: 1; - border-color: rgba(31, 41, 55, var(--tw-border-opacity)); + .xl\:focus\:border-colors-yellow-600:focus { + border-color: var(--colors-yellow-600, #d69e2e); } - .lg\:hover\:border-gray-900:hover { - --tw-border-opacity: 1; - border-color: rgba(17, 24, 39, var(--tw-border-opacity)); + .xl\:focus\:border-colors-yellow-700:focus { + border-color: var(--colors-yellow-700, #b7791f); } - .lg\:hover\:border-red-50:hover { - --tw-border-opacity: 1; - border-color: rgba(254, 242, 242, var(--tw-border-opacity)); + .xl\:focus\:border-colors-yellow-800:focus { + border-color: var(--colors-yellow-800, #975a16); } - .lg\:hover\:border-red-100:hover { - --tw-border-opacity: 1; - border-color: rgba(254, 226, 226, var(--tw-border-opacity)); + .xl\:focus\:border-colors-yellow-900:focus { + border-color: var(--colors-yellow-900, #744210); } - .lg\:hover\:border-red-200:hover { - --tw-border-opacity: 1; - border-color: rgba(254, 202, 202, var(--tw-border-opacity)); + .xl\:focus\:border-colors-green-100:focus { + border-color: var(--colors-green-100, #f0fff4); } - .lg\:hover\:border-red-300:hover { - --tw-border-opacity: 1; - border-color: rgba(252, 165, 165, var(--tw-border-opacity)); + .xl\:focus\:border-colors-green-200:focus { + border-color: var(--colors-green-200, #c6f6d5); } - .lg\:hover\:border-red-400:hover { - --tw-border-opacity: 1; - border-color: rgba(248, 113, 113, var(--tw-border-opacity)); + .xl\:focus\:border-colors-green-300:focus { + border-color: var(--colors-green-300, #9ae6b4); } - .lg\:hover\:border-red-500:hover { - --tw-border-opacity: 1; - border-color: rgba(239, 68, 68, var(--tw-border-opacity)); + .xl\:focus\:border-colors-green-400:focus { + border-color: var(--colors-green-400, #68d391); } - .lg\:hover\:border-red-600:hover { - --tw-border-opacity: 1; - border-color: rgba(220, 38, 38, var(--tw-border-opacity)); + .xl\:focus\:border-colors-green-500:focus { + border-color: var(--colors-green-500, #48bb78); } - .lg\:hover\:border-red-700:hover { - --tw-border-opacity: 1; - border-color: rgba(185, 28, 28, var(--tw-border-opacity)); + .xl\:focus\:border-colors-green-600:focus { + border-color: var(--colors-green-600, #38a169); } - .lg\:hover\:border-red-800:hover { - --tw-border-opacity: 1; - border-color: rgba(153, 27, 27, var(--tw-border-opacity)); + .xl\:focus\:border-colors-green-700:focus { + border-color: var(--colors-green-700, #2f855a); } - .lg\:hover\:border-red-900:hover { - --tw-border-opacity: 1; - border-color: rgba(127, 29, 29, var(--tw-border-opacity)); + .xl\:focus\:border-colors-green-800:focus { + border-color: var(--colors-green-800, #276749); } - .lg\:hover\:border-yellow-50:hover { - --tw-border-opacity: 1; - border-color: rgba(255, 251, 235, var(--tw-border-opacity)); + .xl\:focus\:border-colors-green-900:focus { + border-color: var(--colors-green-900, #22543d); } - .lg\:hover\:border-yellow-100:hover { - --tw-border-opacity: 1; - border-color: rgba(254, 243, 199, var(--tw-border-opacity)); + .xl\:focus\:border-colors-teal-100:focus { + border-color: var(--colors-teal-100, #e6fffa); } - .lg\:hover\:border-yellow-200:hover { - --tw-border-opacity: 1; - border-color: rgba(253, 230, 138, var(--tw-border-opacity)); + .xl\:focus\:border-colors-teal-200:focus { + border-color: var(--colors-teal-200, #b2f5ea); } - .lg\:hover\:border-yellow-300:hover { - --tw-border-opacity: 1; - border-color: rgba(252, 211, 77, var(--tw-border-opacity)); + .xl\:focus\:border-colors-teal-300:focus { + border-color: var(--colors-teal-300, #81e6d9); } - .lg\:hover\:border-yellow-400:hover { - --tw-border-opacity: 1; - border-color: rgba(251, 191, 36, var(--tw-border-opacity)); + .xl\:focus\:border-colors-teal-400:focus { + border-color: var(--colors-teal-400, #4fd1c5); } - .lg\:hover\:border-yellow-500:hover { - --tw-border-opacity: 1; - border-color: rgba(245, 158, 11, var(--tw-border-opacity)); + .xl\:focus\:border-colors-teal-500:focus { + border-color: var(--colors-teal-500, #38b2ac); } - .lg\:hover\:border-yellow-600:hover { - --tw-border-opacity: 1; - border-color: rgba(217, 119, 6, var(--tw-border-opacity)); + .xl\:focus\:border-colors-teal-600:focus { + border-color: var(--colors-teal-600, #319795); } - .lg\:hover\:border-yellow-700:hover { - --tw-border-opacity: 1; - border-color: rgba(180, 83, 9, var(--tw-border-opacity)); + .xl\:focus\:border-colors-teal-700:focus { + border-color: var(--colors-teal-700, #2c7a7b); } - .lg\:hover\:border-yellow-800:hover { - --tw-border-opacity: 1; - border-color: rgba(146, 64, 14, var(--tw-border-opacity)); + .xl\:focus\:border-colors-teal-800:focus { + border-color: var(--colors-teal-800, #285e61); } - .lg\:hover\:border-yellow-900:hover { - --tw-border-opacity: 1; - border-color: rgba(120, 53, 15, var(--tw-border-opacity)); + .xl\:focus\:border-colors-teal-900:focus { + border-color: var(--colors-teal-900, #234e52); } - .lg\:hover\:border-green-50:hover { - --tw-border-opacity: 1; - border-color: rgba(236, 253, 245, var(--tw-border-opacity)); + .xl\:focus\:border-colors-blue-100:focus { + border-color: var(--colors-blue-100, #ebf8ff); } - .lg\:hover\:border-green-100:hover { - --tw-border-opacity: 1; - border-color: rgba(209, 250, 229, var(--tw-border-opacity)); + .xl\:focus\:border-colors-blue-200:focus { + border-color: var(--colors-blue-200, #bee3f8); } - .lg\:hover\:border-green-200:hover { - --tw-border-opacity: 1; - border-color: rgba(167, 243, 208, var(--tw-border-opacity)); + .xl\:focus\:border-colors-blue-300:focus { + border-color: var(--colors-blue-300, #90cdf4); } - .lg\:hover\:border-green-300:hover { - --tw-border-opacity: 1; - border-color: rgba(110, 231, 183, var(--tw-border-opacity)); + .xl\:focus\:border-colors-blue-400:focus { + border-color: var(--colors-blue-400, #63b3ed); } - .lg\:hover\:border-green-400:hover { - --tw-border-opacity: 1; - border-color: rgba(52, 211, 153, var(--tw-border-opacity)); + .xl\:focus\:border-colors-blue-500:focus { + border-color: var(--colors-blue-500, #4299e1); } - .lg\:hover\:border-green-500:hover { - --tw-border-opacity: 1; - border-color: rgba(16, 185, 129, var(--tw-border-opacity)); + .xl\:focus\:border-colors-blue-600:focus { + border-color: var(--colors-blue-600, #3182ce); } - .lg\:hover\:border-green-600:hover { - --tw-border-opacity: 1; - border-color: rgba(5, 150, 105, var(--tw-border-opacity)); + .xl\:focus\:border-colors-blue-700:focus { + border-color: var(--colors-blue-700, #2b6cb0); } - .lg\:hover\:border-green-700:hover { - --tw-border-opacity: 1; - border-color: rgba(4, 120, 87, var(--tw-border-opacity)); + .xl\:focus\:border-colors-blue-800:focus { + border-color: var(--colors-blue-800, #2c5282); } - .lg\:hover\:border-green-800:hover { - --tw-border-opacity: 1; - border-color: rgba(6, 95, 70, var(--tw-border-opacity)); + .xl\:focus\:border-colors-blue-900:focus { + border-color: var(--colors-blue-900, #2a4365); } - .lg\:hover\:border-green-900:hover { - --tw-border-opacity: 1; - border-color: rgba(6, 78, 59, var(--tw-border-opacity)); + .xl\:focus\:border-colors-indigo-100:focus { + border-color: var(--colors-indigo-100, #ebf4ff); } - .lg\:hover\:border-blue-50:hover { - --tw-border-opacity: 1; - border-color: rgba(239, 246, 255, var(--tw-border-opacity)); + .xl\:focus\:border-colors-indigo-200:focus { + border-color: var(--colors-indigo-200, #c3dafe); } - .lg\:hover\:border-blue-100:hover { - --tw-border-opacity: 1; - border-color: rgba(219, 234, 254, var(--tw-border-opacity)); + .xl\:focus\:border-colors-indigo-300:focus { + border-color: var(--colors-indigo-300, #a3bffa); } - .lg\:hover\:border-blue-200:hover { - --tw-border-opacity: 1; - border-color: rgba(191, 219, 254, var(--tw-border-opacity)); + .xl\:focus\:border-colors-indigo-400:focus { + border-color: var(--colors-indigo-400, #7f9cf5); } - .lg\:hover\:border-blue-300:hover { - --tw-border-opacity: 1; - border-color: rgba(147, 197, 253, var(--tw-border-opacity)); + .xl\:focus\:border-colors-indigo-500:focus { + border-color: var(--colors-indigo-500, #667eea); } - .lg\:hover\:border-blue-400:hover { - --tw-border-opacity: 1; - border-color: rgba(96, 165, 250, var(--tw-border-opacity)); + .xl\:focus\:border-colors-indigo-600:focus { + border-color: var(--colors-indigo-600, #5a67d8); } - .lg\:hover\:border-blue-500:hover { - --tw-border-opacity: 1; - border-color: rgba(59, 130, 246, var(--tw-border-opacity)); + .xl\:focus\:border-colors-indigo-700:focus { + border-color: var(--colors-indigo-700, #4c51bf); } - .lg\:hover\:border-blue-600:hover { - --tw-border-opacity: 1; - border-color: rgba(37, 99, 235, var(--tw-border-opacity)); + .xl\:focus\:border-colors-indigo-800:focus { + border-color: var(--colors-indigo-800, #434190); } - .lg\:hover\:border-blue-700:hover { - --tw-border-opacity: 1; - border-color: rgba(29, 78, 216, var(--tw-border-opacity)); + .xl\:focus\:border-colors-indigo-900:focus { + border-color: var(--colors-indigo-900, #3c366b); } - .lg\:hover\:border-blue-800:hover { - --tw-border-opacity: 1; - border-color: rgba(30, 64, 175, var(--tw-border-opacity)); + .xl\:focus\:border-colors-purple-100:focus { + border-color: var(--colors-purple-100, #faf5ff); } - .lg\:hover\:border-blue-900:hover { - --tw-border-opacity: 1; - border-color: rgba(30, 58, 138, var(--tw-border-opacity)); + .xl\:focus\:border-colors-purple-200:focus { + border-color: var(--colors-purple-200, #e9d8fd); } - .lg\:hover\:border-indigo-50:hover { - --tw-border-opacity: 1; - border-color: rgba(238, 242, 255, var(--tw-border-opacity)); + .xl\:focus\:border-colors-purple-300:focus { + border-color: var(--colors-purple-300, #d6bcfa); } - .lg\:hover\:border-indigo-100:hover { - --tw-border-opacity: 1; - border-color: rgba(224, 231, 255, var(--tw-border-opacity)); + .xl\:focus\:border-colors-purple-400:focus { + border-color: var(--colors-purple-400, #b794f4); } - .lg\:hover\:border-indigo-200:hover { - --tw-border-opacity: 1; - border-color: rgba(199, 210, 254, var(--tw-border-opacity)); + .xl\:focus\:border-colors-purple-500:focus { + border-color: var(--colors-purple-500, #9f7aea); } - .lg\:hover\:border-indigo-300:hover { - --tw-border-opacity: 1; - border-color: rgba(165, 180, 252, var(--tw-border-opacity)); + .xl\:focus\:border-colors-purple-600:focus { + border-color: var(--colors-purple-600, #805ad5); } - .lg\:hover\:border-indigo-400:hover { - --tw-border-opacity: 1; - border-color: rgba(129, 140, 248, var(--tw-border-opacity)); + .xl\:focus\:border-colors-purple-700:focus { + border-color: var(--colors-purple-700, #6b46c1); } - .lg\:hover\:border-indigo-500:hover { - --tw-border-opacity: 1; - border-color: rgba(99, 102, 241, var(--tw-border-opacity)); + .xl\:focus\:border-colors-purple-800:focus { + border-color: var(--colors-purple-800, #553c9a); } - .lg\:hover\:border-indigo-600:hover { - --tw-border-opacity: 1; - border-color: rgba(79, 70, 229, var(--tw-border-opacity)); + .xl\:focus\:border-colors-purple-900:focus { + border-color: var(--colors-purple-900, #44337a); } - .lg\:hover\:border-indigo-700:hover { - --tw-border-opacity: 1; - border-color: rgba(67, 56, 202, var(--tw-border-opacity)); + .xl\:focus\:border-colors-pink-100:focus { + border-color: var(--colors-pink-100, #fff5f7); } - .lg\:hover\:border-indigo-800:hover { - --tw-border-opacity: 1; - border-color: rgba(55, 48, 163, var(--tw-border-opacity)); + .xl\:focus\:border-colors-pink-200:focus { + border-color: var(--colors-pink-200, #fed7e2); } - .lg\:hover\:border-indigo-900:hover { - --tw-border-opacity: 1; - border-color: rgba(49, 46, 129, var(--tw-border-opacity)); + .xl\:focus\:border-colors-pink-300:focus { + border-color: var(--colors-pink-300, #fbb6ce); } - .lg\:hover\:border-purple-50:hover { - --tw-border-opacity: 1; - border-color: rgba(245, 243, 255, var(--tw-border-opacity)); + .xl\:focus\:border-colors-pink-400:focus { + border-color: var(--colors-pink-400, #f687b3); } - .lg\:hover\:border-purple-100:hover { - --tw-border-opacity: 1; - border-color: rgba(237, 233, 254, var(--tw-border-opacity)); + .xl\:focus\:border-colors-pink-500:focus { + border-color: var(--colors-pink-500, #ed64a6); } - .lg\:hover\:border-purple-200:hover { - --tw-border-opacity: 1; - border-color: rgba(221, 214, 254, var(--tw-border-opacity)); + .xl\:focus\:border-colors-pink-600:focus { + border-color: var(--colors-pink-600, #d53f8c); } - .lg\:hover\:border-purple-300:hover { - --tw-border-opacity: 1; - border-color: rgba(196, 181, 253, var(--tw-border-opacity)); + .xl\:focus\:border-colors-pink-700:focus { + border-color: var(--colors-pink-700, #b83280); } - .lg\:hover\:border-purple-400:hover { - --tw-border-opacity: 1; - border-color: rgba(167, 139, 250, var(--tw-border-opacity)); + .xl\:focus\:border-colors-pink-800:focus { + border-color: var(--colors-pink-800, #97266d); } - .lg\:hover\:border-purple-500:hover { - --tw-border-opacity: 1; - border-color: rgba(139, 92, 246, var(--tw-border-opacity)); + .xl\:focus\:border-colors-pink-900:focus { + border-color: var(--colors-pink-900, #702459); } - .lg\:hover\:border-purple-600:hover { - --tw-border-opacity: 1; - border-color: rgba(124, 58, 237, var(--tw-border-opacity)); + .xl\:focus\:border-Box\ Shadow:focus { + border-color: var(--box-shadow, #7f7e7f); } - .lg\:hover\:border-purple-700:hover { - --tw-border-opacity: 1; - border-color: rgba(109, 40, 217, var(--tw-border-opacity)); + .xl\:focus\:border-Error16:focus { + border-color: var(--error16, #f03d3e40); } - .lg\:hover\:border-purple-800:hover { - --tw-border-opacity: 1; - border-color: rgba(91, 33, 182, var(--tw-border-opacity)); + .xl\:focus\:border-Success16:focus { + border-color: var(--success16, #5bb14d40); } - .lg\:hover\:border-purple-900:hover { - --tw-border-opacity: 1; - border-color: rgba(76, 29, 149, var(--tw-border-opacity)); + .xl\:focus\:border-Notification16:focus { + border-color: var(--notification16, #3959ff40); } - .lg\:hover\:border-pink-50:hover { - --tw-border-opacity: 1; - border-color: rgba(253, 242, 248, var(--tw-border-opacity)); + .xl\:focus\:border-Error8:focus { + border-color: var(--error8, #f03d3e1a); } - .lg\:hover\:border-pink-100:hover { - --tw-border-opacity: 1; - border-color: rgba(252, 231, 243, var(--tw-border-opacity)); + .xl\:focus\:border-Notification8:focus { + border-color: var(--notification8, #3959ff1a); } - .lg\:hover\:border-pink-200:hover { - --tw-border-opacity: 1; - border-color: rgba(251, 207, 232, var(--tw-border-opacity)); + .xl\:focus\:border-Success8:focus { + border-color: var(--success8, #5bb14d1a); } - .lg\:hover\:border-pink-300:hover { - --tw-border-opacity: 1; - border-color: rgba(249, 168, 212, var(--tw-border-opacity)); + .xl\:focus\:border-Light\ -\ Overlay:focus { + border-color: var(--light-overlay, #f0edee66); } - .lg\:hover\:border-pink-400:hover { - --tw-border-opacity: 1; - border-color: rgba(244, 114, 182, var(--tw-border-opacity)); + .xl\:focus\:border-Dark-\ Overlay:focus { + border-color: var(--dark-overlay, #7f7e7f66); } - .lg\:hover\:border-pink-500:hover { - --tw-border-opacity: 1; - border-color: rgba(236, 72, 153, var(--tw-border-opacity)); + .xl\:focus\:border-black-40:focus { + border-color: var(--black-40, #00000066); } - .lg\:hover\:border-pink-600:hover { - --tw-border-opacity: 1; - border-color: rgba(219, 39, 119, var(--tw-border-opacity)); + .xl\:focus\:border-black-75:focus { + border-color: var(--black-75, #000000bf); } - .lg\:hover\:border-pink-700:hover { - --tw-border-opacity: 1; - border-color: rgba(190, 24, 93, var(--tw-border-opacity)); + .xl\:focus\:border-black-60:focus { + border-color: var(--black-60, #00000099); } - .lg\:hover\:border-pink-800:hover { - --tw-border-opacity: 1; - border-color: rgba(157, 23, 77, var(--tw-border-opacity)); + .xl\:focus\:border-black-50:focus { + border-color: var(--black-50, #00000080); } - .lg\:hover\:border-pink-900:hover { - --tw-border-opacity: 1; - border-color: rgba(131, 24, 67, var(--tw-border-opacity)); + .xl\:focus\:border-black-25:focus { + border-color: var(--black-25, #00000040); } - .lg\:focus\:border-transparent:focus { - border-color: transparent; + .xl\:focus\:border-black-10:focus { + border-color: var(--black-10, #0000001a); } - .lg\:focus\:border-current:focus { - border-color: currentColor; + .xl\:focus\:border-white-25:focus { + border-color: var(--white-25, #ffffff40); } - .lg\:focus\:border-black:focus { - --tw-border-opacity: 1; - border-color: rgba(0, 0, 0, var(--tw-border-opacity)); + .xl\:focus\:border-white-60:focus { + border-color: var(--white-60, #ffffff99); } - .lg\:focus\:border-white:focus { - --tw-border-opacity: 1; - border-color: rgba(255, 255, 255, var(--tw-border-opacity)); + .xl\:focus\:border-black-64:focus { + border-color: var(--black-64, #000000a3); } - .lg\:focus\:border-gray-50:focus { - --tw-border-opacity: 1; - border-color: rgba(249, 250, 251, var(--tw-border-opacity)); + .xl\:focus\:border-Shadow\ and\ Highlight-Shadow:focus { + border-color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .lg\:focus\:border-gray-100:focus { - --tw-border-opacity: 1; - border-color: rgba(243, 244, 246, var(--tw-border-opacity)); + .xl\:focus\:border-Shadow\ and\ Highlight-Highlight:focus { + border-color: var(--shadow-and-highlight-highlight, #474747); } - .lg\:focus\:border-gray-200:focus { - --tw-border-opacity: 1; - border-color: rgba(229, 231, 235, var(--tw-border-opacity)); + .xl\:focus\:border-Shadow\ and\ Highlight-highlight\ one:focus { + border-color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .lg\:focus\:border-gray-300:focus { - --tw-border-opacity: 1; - border-color: rgba(209, 213, 219, var(--tw-border-opacity)); + .xl\:focus\:border-Shadow\ and\ Highlight-highlight\ two:focus { + border-color: var(--shadow-and-highlight-highlight-two, #47474799); } - .lg\:focus\:border-gray-400:focus { - --tw-border-opacity: 1; - border-color: rgba(156, 163, 175, var(--tw-border-opacity)); + .xl\:focus\:border-Shadow\ and\ Highlight-highlight\ three:focus { + border-color: var(--shadow-and-highlight-highlight-three, #47474766); } - .lg\:focus\:border-gray-500:focus { - --tw-border-opacity: 1; - border-color: rgba(107, 114, 128, var(--tw-border-opacity)); + .xl\:focus\:border-Shadow\ and\ Highlight-highlight\ five:focus { + border-color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .lg\:focus\:border-gray-600:focus { - --tw-border-opacity: 1; - border-color: rgba(75, 85, 99, var(--tw-border-opacity)); + .xl\:focus\:border-Shadow\ and\ Highlight-shadow\ one:focus { + border-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .lg\:focus\:border-gray-700:focus { - --tw-border-opacity: 1; - border-color: rgba(55, 65, 81, var(--tw-border-opacity)); + .xl\:focus\:border-Shadow\ and\ Highlight-shadow\ two:focus { + border-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .lg\:focus\:border-gray-800:focus { - --tw-border-opacity: 1; - border-color: rgba(31, 41, 55, var(--tw-border-opacity)); + .xl\:focus\:border-Shadow\ and\ Highlight-shadow\ three:focus { + border-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .lg\:focus\:border-gray-900:focus { - --tw-border-opacity: 1; - border-color: rgba(17, 24, 39, var(--tw-border-opacity)); + .xl\:focus\:border-Shadow\ and\ Highlight-shadow\ four:focus { + border-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .lg\:focus\:border-red-50:focus { - --tw-border-opacity: 1; - border-color: rgba(254, 242, 242, var(--tw-border-opacity)); + .xl\:focus\:border-Shadow\ and\ Highlight-shadow\ five:focus { + border-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .lg\:focus\:border-red-100:focus { - --tw-border-opacity: 1; - border-color: rgba(254, 226, 226, var(--tw-border-opacity)); + .xl\:focus\:border-Shadow\ and\ Highlight-highlight\ four:focus { + border-color: var(--shadow-and-highlight-highlight-four, #47474740); } - .lg\:focus\:border-red-200:focus { - --tw-border-opacity: 1; - border-color: rgba(254, 202, 202, var(--tw-border-opacity)); + .xl\:focus\:border-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus { + border-color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .lg\:focus\:border-red-300:focus { - --tw-border-opacity: 1; - border-color: rgba(252, 165, 165, var(--tw-border-opacity)); + .xl\:focus\:border-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus { + border-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .lg\:focus\:border-red-400:focus { - --tw-border-opacity: 1; - border-color: rgba(248, 113, 113, var(--tw-border-opacity)); + .xl\:focus\:border-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus { + border-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .lg\:focus\:border-red-500:focus { - --tw-border-opacity: 1; - border-color: rgba(239, 68, 68, var(--tw-border-opacity)); + .xl\:focus\:border-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus { + border-color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .lg\:focus\:border-red-600:focus { - --tw-border-opacity: 1; - border-color: rgba(220, 38, 38, var(--tw-border-opacity)); + .xl\:focus\:border-Grey-Scale-white:focus { + border-color: var(--grey-scale-white, #ffffff); } - .lg\:focus\:border-red-700:focus { - --tw-border-opacity: 1; - border-color: rgba(185, 28, 28, var(--tw-border-opacity)); + .xl\:focus\:border-Grey-Scale-off-white:focus { + border-color: var(--grey-scale-off-white, #f0edee); } - .lg\:focus\:border-red-800:focus { - --tw-border-opacity: 1; - border-color: rgba(153, 27, 27, var(--tw-border-opacity)); + .xl\:focus\:border-Grey\ Scale-grey:focus { + border-color: var(--grey-scale-grey, #7f7e7f); } - .lg\:focus\:border-red-900:focus { - --tw-border-opacity: 1; - border-color: rgba(127, 29, 29, var(--tw-border-opacity)); + .xl\:focus\:border-Grey\ Scale-charcoal:focus { + border-color: var(--grey-scale-charcoal, #474747); } - .lg\:focus\:border-yellow-50:focus { - --tw-border-opacity: 1; - border-color: rgba(255, 251, 235, var(--tw-border-opacity)); + .xl\:focus\:border-Grey\ Scale-off-black:focus { + border-color: var(--grey-scale-off-black, #1c1c1c); } - .lg\:focus\:border-yellow-100:focus { - --tw-border-opacity: 1; - border-color: rgba(254, 243, 199, var(--tw-border-opacity)); + .xl\:focus\:border-Grey\ Scale-black:focus { + border-color: var(--grey-scale-black, #000000); } - .lg\:focus\:border-yellow-200:focus { - --tw-border-opacity: 1; - border-color: rgba(253, 230, 138, var(--tw-border-opacity)); + .xl\:focus\:border-Blue-blue:focus { + border-color: var(--blue-blue, #3a7ca5); } - .lg\:focus\:border-yellow-300:focus { - --tw-border-opacity: 1; - border-color: rgba(252, 211, 77, var(--tw-border-opacity)); + .xl\:focus\:border-Blue-blue-100:focus { + border-color: var(--blue-blue-100, #75a3c0); } - .lg\:focus\:border-yellow-400:focus { - --tw-border-opacity: 1; - border-color: rgba(251, 191, 36, var(--tw-border-opacity)); + .xl\:focus\:border-Blue-blue-200:focus { + border-color: var(--blue-blue-200, #9cbed2); } - .lg\:focus\:border-yellow-500:focus { - --tw-border-opacity: 1; - border-color: rgba(245, 158, 11, var(--tw-border-opacity)); + .xl\:focus\:border-Blue-blue-300:focus { + border-color: var(--blue-blue-300, #4f7d9a); } - .lg\:focus\:border-yellow-600:focus { - --tw-border-opacity: 1; - border-color: rgba(217, 119, 6, var(--tw-border-opacity)); + .xl\:focus\:border-Blue-blue-400:focus { + border-color: var(--blue-blue-400, #5c7d92); } - .lg\:focus\:border-yellow-700:focus { - --tw-border-opacity: 1; - border-color: rgba(180, 83, 9, var(--tw-border-opacity)); + .xl\:focus\:border-Blue-blue-500:focus { + border-color: var(--blue-blue-500, #347095); } - .lg\:focus\:border-yellow-800:focus { - --tw-border-opacity: 1; - border-color: rgba(146, 64, 14, var(--tw-border-opacity)); + .xl\:focus\:border-Blue-blue-600:focus { + border-color: var(--blue-blue-600, #295774); } - .lg\:focus\:border-yellow-900:focus { - --tw-border-opacity: 1; - border-color: rgba(120, 53, 15, var(--tw-border-opacity)); + .xl\:focus\:border-Blue-blue-700:focus { + border-color: var(--blue-blue-700, #173242); } - .lg\:focus\:border-green-50:focus { - --tw-border-opacity: 1; - border-color: rgba(236, 253, 245, var(--tw-border-opacity)); + .xl\:focus\:border-LightBlue-lightblue:focus { + border-color: var(--light-blue-lightblue, #81c3d7); } - .lg\:focus\:border-green-100:focus { - --tw-border-opacity: 1; - border-color: rgba(209, 250, 229, var(--tw-border-opacity)); + .xl\:focus\:border-LightBlue-lightblue-100:focus { + border-color: var(--light-blue-lightblue-100, #a7d5e3); } - .lg\:focus\:border-green-200:focus { - --tw-border-opacity: 1; - border-color: rgba(167, 243, 208, var(--tw-border-opacity)); + .xl\:focus\:border-LightBlue-lightblue-200:focus { + border-color: var(--light-blue-lightblue-200, #c0e1eb); } - .lg\:focus\:border-green-300:focus { - --tw-border-opacity: 1; - border-color: rgba(110, 231, 183, var(--tw-border-opacity)); + .xl\:focus\:border-LightBlue-lightblue-300:focus { + border-color: var(--light-blue-lightblue-300, #80aebd); } - .lg\:focus\:border-green-400:focus { - --tw-border-opacity: 1; - border-color: rgba(52, 211, 153, var(--tw-border-opacity)); + .xl\:focus\:border-LightBlue-lightblue-400:focus { + border-color: var(--light-blue-lightblue-400, #80a0ab); } - .lg\:focus\:border-green-500:focus { - --tw-border-opacity: 1; - border-color: rgba(16, 185, 129, var(--tw-border-opacity)); + .xl\:focus\:border-LightBlue-lightblue-500:focus { + border-color: var(--light-blue-lightblue-500, #74afc1); } - .lg\:focus\:border-green-600:focus { - --tw-border-opacity: 1; - border-color: rgba(5, 150, 105, var(--tw-border-opacity)); + .xl\:focus\:border-LightBlue-lightblue-600:focus { + border-color: var(--light-blue-lightblue-600, #5a8997); } - .lg\:focus\:border-green-700:focus { - --tw-border-opacity: 1; - border-color: rgba(4, 120, 87, var(--tw-border-opacity)); + .xl\:focus\:border-LightBlue-lightblue-650:focus { + border-color: var(--light-blue-lightblue-650, #3e5e65); } - .lg\:focus\:border-green-800:focus { - --tw-border-opacity: 1; - border-color: rgba(6, 95, 70, var(--tw-border-opacity)); + .xl\:focus\:border-LightBlue-lightblue-700:focus { + border-color: var(--light-blue-lightblue-700, #344e56); } - .lg\:focus\:border-green-900:focus { - --tw-border-opacity: 1; - border-color: rgba(6, 78, 59, var(--tw-border-opacity)); + .xl\:focus\:border-Orange-orange:focus { + border-color: var(--orange-orange, #ff7f0e); } - .lg\:focus\:border-blue-50:focus { - --tw-border-opacity: 1; - border-color: rgba(239, 246, 255, var(--tw-border-opacity)); + .xl\:focus\:border-Orange-orange-100:focus { + border-color: var(--orange-orange-100, #ffa556); } - .lg\:focus\:border-blue-100:focus { - --tw-border-opacity: 1; - border-color: rgba(219, 234, 254, var(--tw-border-opacity)); + .xl\:focus\:border-Orange-orange-200:focus { + border-color: var(--orange-orange-200, #ffbf86); } - .lg\:focus\:border-blue-200:focus { - --tw-border-opacity: 1; - border-color: rgba(191, 219, 254, var(--tw-border-opacity)); + .xl\:focus\:border-Orange-orange-300:focus { + border-color: var(--orange-orange-300, #d97f30); } - .lg\:focus\:border-blue-300:focus { - --tw-border-opacity: 1; - border-color: rgba(147, 197, 253, var(--tw-border-opacity)); + .xl\:focus\:border-Orange-orange-400:focus { + border-color: var(--orange-orange-400, #bf7e46); } - .lg\:focus\:border-blue-400:focus { - --tw-border-opacity: 1; - border-color: rgba(96, 165, 250, var(--tw-border-opacity)); + .xl\:focus\:border-Orange-orange-500:focus { + border-color: var(--orange-orange-500, #e5720d); } - .lg\:focus\:border-blue-500:focus { - --tw-border-opacity: 1; - border-color: rgba(59, 130, 246, var(--tw-border-opacity)); + .xl\:focus\:border-Orange-orange-600:focus { + border-color: var(--orange-orange-600, #b3590a); } - .lg\:focus\:border-blue-600:focus { - --tw-border-opacity: 1; - border-color: rgba(37, 99, 235, var(--tw-border-opacity)); + .xl\:focus\:border-Orange-orange-700:focus { + border-color: var(--orange-orange-700, #663306); } - .lg\:focus\:border-blue-700:focus { - --tw-border-opacity: 1; - border-color: rgba(29, 78, 216, var(--tw-border-opacity)); + .xl\:focus\:border-Yellow-yellow:focus { + border-color: var(--yellow-yellow, #ffab00); } - .lg\:focus\:border-blue-800:focus { - --tw-border-opacity: 1; - border-color: rgba(30, 64, 175, var(--tw-border-opacity)); + .xl\:focus\:border-Yellow-yellow-100:focus { + border-color: var(--yellow-yellow-100, #ffc44c); } - .lg\:focus\:border-blue-900:focus { - --tw-border-opacity: 1; - border-color: rgba(30, 58, 138, var(--tw-border-opacity)); + .xl\:focus\:border-Yellow-yellow-200:focus { + border-color: var(--yellow-yellow-200, #ffd580); } - .lg\:focus\:border-indigo-50:focus { - --tw-border-opacity: 1; - border-color: rgba(238, 242, 255, var(--tw-border-opacity)); + .xl\:focus\:border-Yellow-yellow-300:focus { + border-color: var(--yellow-yellow-300, #d99d26); } - .lg\:focus\:border-indigo-100:focus { - --tw-border-opacity: 1; - border-color: rgba(224, 231, 255, var(--tw-border-opacity)); + .xl\:focus\:border-Yellow-yellow-400:focus { + border-color: var(--yellow-yellow-400, #bf943f); } - .lg\:focus\:border-indigo-200:focus { - --tw-border-opacity: 1; - border-color: rgba(199, 210, 254, var(--tw-border-opacity)); + .xl\:focus\:border-Yellow-yellow-500:focus { + border-color: var(--yellow-yellow-500, #e59a00); } - .lg\:focus\:border-indigo-300:focus { - --tw-border-opacity: 1; - border-color: rgba(165, 180, 252, var(--tw-border-opacity)); + .xl\:focus\:border-Yellow-yellow-600:focus { + border-color: var(--yellow-yellow-600, #b37800); } - .lg\:focus\:border-indigo-400:focus { - --tw-border-opacity: 1; - border-color: rgba(129, 140, 248, var(--tw-border-opacity)); + .xl\:focus\:border-Yellow-yellow-700:focus { + border-color: var(--yellow-yellow-700, #664400); } - .lg\:focus\:border-indigo-500:focus { - --tw-border-opacity: 1; - border-color: rgba(99, 102, 241, var(--tw-border-opacity)); + .xl\:focus\:border-Notification-notification:focus { + border-color: var(--notification-notification, #3959ff); } - .lg\:focus\:border-indigo-600:focus { - --tw-border-opacity: 1; - border-color: rgba(79, 70, 229, var(--tw-border-opacity)); + .xl\:focus\:border-Notification-notification-100:focus { + border-color: var(--notification-notification-100, #748bff); } - .lg\:focus\:border-indigo-700:focus { - --tw-border-opacity: 1; - border-color: rgba(67, 56, 202, var(--tw-border-opacity)); + .xl\:focus\:border-Notification-notification-200:focus { + border-color: var(--notification-notification-200, #9cacff); } - .lg\:focus\:border-indigo-800:focus { - --tw-border-opacity: 1; - border-color: rgba(55, 48, 163, var(--tw-border-opacity)); + .xl\:focus\:border-Notification-notification-300:focus { + border-color: var(--notification-notification-300, #4e64d9); } - .lg\:focus\:border-indigo-900:focus { - --tw-border-opacity: 1; - border-color: rgba(49, 46, 129, var(--tw-border-opacity)); + .xl\:focus\:border-Notification-notification-400:focus { + border-color: var(--notification-notification-400, #5c6cbf); } - .lg\:focus\:border-purple-50:focus { - --tw-border-opacity: 1; - border-color: rgba(245, 243, 255, var(--tw-border-opacity)); + .xl\:focus\:border-Notification-notification-500:focus { + border-color: var(--notification-notification-500, #3350e5); } - .lg\:focus\:border-purple-100:focus { - --tw-border-opacity: 1; - border-color: rgba(237, 233, 254, var(--tw-border-opacity)); + .xl\:focus\:border-Notification-notification-600:focus { + border-color: var(--notification-notification-600, #283eb3); } - .lg\:focus\:border-purple-200:focus { - --tw-border-opacity: 1; - border-color: rgba(221, 214, 254, var(--tw-border-opacity)); + .xl\:focus\:border-Notification-notification-700:focus { + border-color: var(--notification-notification-700, #172466); } - .lg\:focus\:border-purple-300:focus { - --tw-border-opacity: 1; - border-color: rgba(196, 181, 253, var(--tw-border-opacity)); + .xl\:focus\:border-Success-success\ -700:focus { + border-color: var(--success-success-700, #24471f); } - .lg\:focus\:border-purple-400:focus { - --tw-border-opacity: 1; - border-color: rgba(167, 139, 250, var(--tw-border-opacity)); + .xl\:focus\:border-Success-success:focus { + border-color: var(--success-success, #5bb14d); } - .lg\:focus\:border-purple-500:focus { - --tw-border-opacity: 1; - border-color: rgba(139, 92, 246, var(--tw-border-opacity)); + .xl\:focus\:border-Success-success\ -100:focus { + border-color: var(--success-success-100, #8cc882); } - .lg\:focus\:border-purple-600:focus { - --tw-border-opacity: 1; - border-color: rgba(124, 58, 237, var(--tw-border-opacity)); + .xl\:focus\:border-Success-success\ -200:focus { + border-color: var(--success-success-200, #add8a6); } - .lg\:focus\:border-purple-700:focus { - --tw-border-opacity: 1; - border-color: rgba(109, 40, 217, var(--tw-border-opacity)); + .xl\:focus\:border-Success-success\ -300:focus { + border-color: var(--success-success-300, #66a25c); } - .lg\:focus\:border-purple-800:focus { - --tw-border-opacity: 1; - border-color: rgba(91, 33, 182, var(--tw-border-opacity)); + .xl\:focus\:border-Success-success\ -400:focus { + border-color: var(--success-success-400, #6d9766); } - .lg\:focus\:border-purple-900:focus { - --tw-border-opacity: 1; - border-color: rgba(76, 29, 149, var(--tw-border-opacity)); + .xl\:focus\:border-Success-success\ -500:focus { + border-color: var(--success-success-500, #529f45); } - .lg\:focus\:border-pink-50:focus { - --tw-border-opacity: 1; - border-color: rgba(253, 242, 248, var(--tw-border-opacity)); + .xl\:focus\:border-Success-success\ -600:focus { + border-color: var(--success-success-600, #407c36); } - .lg\:focus\:border-pink-100:focus { - --tw-border-opacity: 1; - border-color: rgba(252, 231, 243, var(--tw-border-opacity)); + .xl\:focus\:border-Error-error:focus { + border-color: var(--error-error, #f03d3e); } - .lg\:focus\:border-pink-200:focus { - --tw-border-opacity: 1; - border-color: rgba(251, 207, 232, var(--tw-border-opacity)); + .xl\:focus\:border-Error-error-100:focus { + border-color: var(--error-error-100, #f57778); } - .lg\:focus\:border-pink-300:focus { - --tw-border-opacity: 1; - border-color: rgba(249, 168, 212, var(--tw-border-opacity)); + .xl\:focus\:border-Error-error-200:focus { + border-color: var(--error-error-200, #f89e9e); } - .lg\:focus\:border-pink-400:focus { - --tw-border-opacity: 1; - border-color: rgba(244, 114, 182, var(--tw-border-opacity)); + .xl\:focus\:border-Error-error-250:focus { + border-color: var(--error-error-250, #f9c8c8); } - .lg\:focus\:border-pink-500:focus { - --tw-border-opacity: 1; - border-color: rgba(236, 72, 153, var(--tw-border-opacity)); + .xl\:focus\:border-Error-error-300:focus { + border-color: var(--error-error-300, #ce5151); } - .lg\:focus\:border-pink-600:focus { - --tw-border-opacity: 1; - border-color: rgba(219, 39, 119, var(--tw-border-opacity)); + .xl\:focus\:border-Error-error-400:focus { + border-color: var(--error-error-400, #b85e5e); } - .lg\:focus\:border-pink-700:focus { - --tw-border-opacity: 1; - border-color: rgba(190, 24, 93, var(--tw-border-opacity)); + .xl\:focus\:border-Error-error-500:focus { + border-color: var(--error-error-500, #d83738); } - .lg\:focus\:border-pink-800:focus { - --tw-border-opacity: 1; - border-color: rgba(157, 23, 77, var(--tw-border-opacity)); + .xl\:focus\:border-Error-error-600:focus { + border-color: var(--error-error-600, #a82b2b); } - .lg\:focus\:border-pink-900:focus { - --tw-border-opacity: 1; - border-color: rgba(131, 24, 67, var(--tw-border-opacity)); + .xl\:focus\:border-Error-error-700:focus { + border-color: var(--error-error-700, #601819); } - .lg\:border-opacity-0 { + .xl\:border-opacity-0 { --tw-border-opacity: 0; } - .lg\:border-opacity-5 { + .xl\:border-opacity-5 { --tw-border-opacity: 0.05; } - .lg\:border-opacity-10 { + .xl\:border-opacity-10 { --tw-border-opacity: 0.1; } - .lg\:border-opacity-20 { + .xl\:border-opacity-20 { --tw-border-opacity: 0.2; } - .lg\:border-opacity-25 { + .xl\:border-opacity-25 { --tw-border-opacity: 0.25; } - .lg\:border-opacity-30 { + .xl\:border-opacity-30 { --tw-border-opacity: 0.3; } - .lg\:border-opacity-40 { + .xl\:border-opacity-40 { --tw-border-opacity: 0.4; } - .lg\:border-opacity-50 { + .xl\:border-opacity-50 { --tw-border-opacity: 0.5; } - .lg\:border-opacity-60 { + .xl\:border-opacity-60 { --tw-border-opacity: 0.6; } - .lg\:border-opacity-70 { + .xl\:border-opacity-70 { --tw-border-opacity: 0.7; } - .lg\:border-opacity-75 { + .xl\:border-opacity-75 { --tw-border-opacity: 0.75; } - .lg\:border-opacity-80 { + .xl\:border-opacity-80 { --tw-border-opacity: 0.8; } - .lg\:border-opacity-90 { + .xl\:border-opacity-90 { --tw-border-opacity: 0.9; } - .lg\:border-opacity-95 { + .xl\:border-opacity-95 { --tw-border-opacity: 0.95; } - .lg\:border-opacity-100 { + .xl\:border-opacity-100 { --tw-border-opacity: 1; } - .group:hover .lg\:group-hover\:border-opacity-0 { + .group:hover .xl\:group-hover\:border-opacity-0 { --tw-border-opacity: 0; } - .group:hover .lg\:group-hover\:border-opacity-5 { + .group:hover .xl\:group-hover\:border-opacity-5 { --tw-border-opacity: 0.05; } - .group:hover .lg\:group-hover\:border-opacity-10 { + .group:hover .xl\:group-hover\:border-opacity-10 { --tw-border-opacity: 0.1; } - .group:hover .lg\:group-hover\:border-opacity-20 { + .group:hover .xl\:group-hover\:border-opacity-20 { --tw-border-opacity: 0.2; } - .group:hover .lg\:group-hover\:border-opacity-25 { + .group:hover .xl\:group-hover\:border-opacity-25 { --tw-border-opacity: 0.25; } - .group:hover .lg\:group-hover\:border-opacity-30 { + .group:hover .xl\:group-hover\:border-opacity-30 { --tw-border-opacity: 0.3; } - .group:hover .lg\:group-hover\:border-opacity-40 { + .group:hover .xl\:group-hover\:border-opacity-40 { --tw-border-opacity: 0.4; } - .group:hover .lg\:group-hover\:border-opacity-50 { + .group:hover .xl\:group-hover\:border-opacity-50 { --tw-border-opacity: 0.5; } - .group:hover .lg\:group-hover\:border-opacity-60 { + .group:hover .xl\:group-hover\:border-opacity-60 { --tw-border-opacity: 0.6; } - .group:hover .lg\:group-hover\:border-opacity-70 { + .group:hover .xl\:group-hover\:border-opacity-70 { --tw-border-opacity: 0.7; } - .group:hover .lg\:group-hover\:border-opacity-75 { + .group:hover .xl\:group-hover\:border-opacity-75 { --tw-border-opacity: 0.75; } - .group:hover .lg\:group-hover\:border-opacity-80 { + .group:hover .xl\:group-hover\:border-opacity-80 { --tw-border-opacity: 0.8; } - .group:hover .lg\:group-hover\:border-opacity-90 { + .group:hover .xl\:group-hover\:border-opacity-90 { --tw-border-opacity: 0.9; } - .group:hover .lg\:group-hover\:border-opacity-95 { + .group:hover .xl\:group-hover\:border-opacity-95 { --tw-border-opacity: 0.95; } - .group:hover .lg\:group-hover\:border-opacity-100 { + .group:hover .xl\:group-hover\:border-opacity-100 { --tw-border-opacity: 1; } - .lg\:focus-within\:border-opacity-0:focus-within { + .xl\:focus-within\:border-opacity-0:focus-within { --tw-border-opacity: 0; } - .lg\:focus-within\:border-opacity-5:focus-within { + .xl\:focus-within\:border-opacity-5:focus-within { --tw-border-opacity: 0.05; } - .lg\:focus-within\:border-opacity-10:focus-within { + .xl\:focus-within\:border-opacity-10:focus-within { --tw-border-opacity: 0.1; } - .lg\:focus-within\:border-opacity-20:focus-within { + .xl\:focus-within\:border-opacity-20:focus-within { --tw-border-opacity: 0.2; } - .lg\:focus-within\:border-opacity-25:focus-within { + .xl\:focus-within\:border-opacity-25:focus-within { --tw-border-opacity: 0.25; } - .lg\:focus-within\:border-opacity-30:focus-within { + .xl\:focus-within\:border-opacity-30:focus-within { --tw-border-opacity: 0.3; } - .lg\:focus-within\:border-opacity-40:focus-within { + .xl\:focus-within\:border-opacity-40:focus-within { --tw-border-opacity: 0.4; } - .lg\:focus-within\:border-opacity-50:focus-within { + .xl\:focus-within\:border-opacity-50:focus-within { --tw-border-opacity: 0.5; } - .lg\:focus-within\:border-opacity-60:focus-within { + .xl\:focus-within\:border-opacity-60:focus-within { --tw-border-opacity: 0.6; } - .lg\:focus-within\:border-opacity-70:focus-within { + .xl\:focus-within\:border-opacity-70:focus-within { --tw-border-opacity: 0.7; } - .lg\:focus-within\:border-opacity-75:focus-within { + .xl\:focus-within\:border-opacity-75:focus-within { --tw-border-opacity: 0.75; } - .lg\:focus-within\:border-opacity-80:focus-within { + .xl\:focus-within\:border-opacity-80:focus-within { --tw-border-opacity: 0.8; } - .lg\:focus-within\:border-opacity-90:focus-within { + .xl\:focus-within\:border-opacity-90:focus-within { --tw-border-opacity: 0.9; } - .lg\:focus-within\:border-opacity-95:focus-within { + .xl\:focus-within\:border-opacity-95:focus-within { --tw-border-opacity: 0.95; } - .lg\:focus-within\:border-opacity-100:focus-within { + .xl\:focus-within\:border-opacity-100:focus-within { --tw-border-opacity: 1; } - .lg\:hover\:border-opacity-0:hover { + .xl\:hover\:border-opacity-0:hover { --tw-border-opacity: 0; } - .lg\:hover\:border-opacity-5:hover { + .xl\:hover\:border-opacity-5:hover { --tw-border-opacity: 0.05; } - .lg\:hover\:border-opacity-10:hover { + .xl\:hover\:border-opacity-10:hover { --tw-border-opacity: 0.1; } - .lg\:hover\:border-opacity-20:hover { + .xl\:hover\:border-opacity-20:hover { --tw-border-opacity: 0.2; } - .lg\:hover\:border-opacity-25:hover { + .xl\:hover\:border-opacity-25:hover { --tw-border-opacity: 0.25; } - .lg\:hover\:border-opacity-30:hover { + .xl\:hover\:border-opacity-30:hover { --tw-border-opacity: 0.3; } - .lg\:hover\:border-opacity-40:hover { + .xl\:hover\:border-opacity-40:hover { --tw-border-opacity: 0.4; } - .lg\:hover\:border-opacity-50:hover { + .xl\:hover\:border-opacity-50:hover { --tw-border-opacity: 0.5; } - .lg\:hover\:border-opacity-60:hover { + .xl\:hover\:border-opacity-60:hover { --tw-border-opacity: 0.6; } - .lg\:hover\:border-opacity-70:hover { + .xl\:hover\:border-opacity-70:hover { --tw-border-opacity: 0.7; } - .lg\:hover\:border-opacity-75:hover { + .xl\:hover\:border-opacity-75:hover { --tw-border-opacity: 0.75; } - .lg\:hover\:border-opacity-80:hover { + .xl\:hover\:border-opacity-80:hover { --tw-border-opacity: 0.8; } - .lg\:hover\:border-opacity-90:hover { + .xl\:hover\:border-opacity-90:hover { --tw-border-opacity: 0.9; } - .lg\:hover\:border-opacity-95:hover { + .xl\:hover\:border-opacity-95:hover { --tw-border-opacity: 0.95; } - .lg\:hover\:border-opacity-100:hover { + .xl\:hover\:border-opacity-100:hover { --tw-border-opacity: 1; } - .lg\:focus\:border-opacity-0:focus { + .xl\:focus\:border-opacity-0:focus { --tw-border-opacity: 0; } - .lg\:focus\:border-opacity-5:focus { + .xl\:focus\:border-opacity-5:focus { --tw-border-opacity: 0.05; } - .lg\:focus\:border-opacity-10:focus { + .xl\:focus\:border-opacity-10:focus { --tw-border-opacity: 0.1; } - .lg\:focus\:border-opacity-20:focus { + .xl\:focus\:border-opacity-20:focus { --tw-border-opacity: 0.2; } - .lg\:focus\:border-opacity-25:focus { + .xl\:focus\:border-opacity-25:focus { --tw-border-opacity: 0.25; } - .lg\:focus\:border-opacity-30:focus { + .xl\:focus\:border-opacity-30:focus { --tw-border-opacity: 0.3; } - .lg\:focus\:border-opacity-40:focus { + .xl\:focus\:border-opacity-40:focus { --tw-border-opacity: 0.4; } - .lg\:focus\:border-opacity-50:focus { + .xl\:focus\:border-opacity-50:focus { --tw-border-opacity: 0.5; } - .lg\:focus\:border-opacity-60:focus { + .xl\:focus\:border-opacity-60:focus { --tw-border-opacity: 0.6; } - .lg\:focus\:border-opacity-70:focus { + .xl\:focus\:border-opacity-70:focus { --tw-border-opacity: 0.7; } - .lg\:focus\:border-opacity-75:focus { + .xl\:focus\:border-opacity-75:focus { --tw-border-opacity: 0.75; } - .lg\:focus\:border-opacity-80:focus { + .xl\:focus\:border-opacity-80:focus { --tw-border-opacity: 0.8; } - .lg\:focus\:border-opacity-90:focus { + .xl\:focus\:border-opacity-90:focus { --tw-border-opacity: 0.9; } - .lg\:focus\:border-opacity-95:focus { + .xl\:focus\:border-opacity-95:focus { --tw-border-opacity: 0.95; } - .lg\:focus\:border-opacity-100:focus { + .xl\:focus\:border-opacity-100:focus { --tw-border-opacity: 1; } - .lg\:bg-transparent { - background-color: transparent; + .xl\:bg-colors-black { + background-color: var(--colors-black, #000000); } - .lg\:bg-current { - background-color: currentColor; + .xl\:bg-colors-white { + background-color: var(--colors-white, #ffffff); } - .lg\:bg-black { - --tw-bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--tw-bg-opacity)); + .xl\:bg-colors-gray-100 { + background-color: var(--colors-gray-100, #f7fafc); } - .lg\:bg-white { - --tw-bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); + .xl\:bg-colors-gray-200 { + background-color: var(--colors-gray-200, #edf2f7); } - .lg\:bg-gray-50 { - --tw-bg-opacity: 1; - background-color: rgba(249, 250, 251, var(--tw-bg-opacity)); + .xl\:bg-colors-gray-300 { + background-color: var(--colors-gray-300, #e2e8f0); } - .lg\:bg-gray-100 { - --tw-bg-opacity: 1; - background-color: rgba(243, 244, 246, var(--tw-bg-opacity)); + .xl\:bg-colors-gray-400 { + background-color: var(--colors-gray-400, #cbd5e0); } - .lg\:bg-gray-200 { - --tw-bg-opacity: 1; - background-color: rgba(229, 231, 235, var(--tw-bg-opacity)); + .xl\:bg-colors-gray-500 { + background-color: var(--colors-gray-500, #a0aec0); } - .lg\:bg-gray-300 { - --tw-bg-opacity: 1; - background-color: rgba(209, 213, 219, var(--tw-bg-opacity)); + .xl\:bg-colors-gray-600 { + background-color: var(--colors-gray-600, #718096); } - .lg\:bg-gray-400 { - --tw-bg-opacity: 1; - background-color: rgba(156, 163, 175, var(--tw-bg-opacity)); + .xl\:bg-colors-gray-700 { + background-color: var(--colors-gray-700, #4a5568); } - .lg\:bg-gray-500 { - --tw-bg-opacity: 1; - background-color: rgba(107, 114, 128, var(--tw-bg-opacity)); + .xl\:bg-colors-gray-800 { + background-color: var(--colors-gray-800, #2d3748); } - .lg\:bg-gray-600 { - --tw-bg-opacity: 1; - background-color: rgba(75, 85, 99, var(--tw-bg-opacity)); + .xl\:bg-colors-gray-900 { + background-color: var(--colors-gray-900, #1a202c); } - .lg\:bg-gray-700 { - --tw-bg-opacity: 1; - background-color: rgba(55, 65, 81, var(--tw-bg-opacity)); + .xl\:bg-colors-red-100 { + background-color: var(--colors-red-100, #fff5f5); } - .lg\:bg-gray-800 { - --tw-bg-opacity: 1; - background-color: rgba(31, 41, 55, var(--tw-bg-opacity)); + .xl\:bg-colors-red-200 { + background-color: var(--colors-red-200, #fed7d7); } - .lg\:bg-gray-900 { - --tw-bg-opacity: 1; - background-color: rgba(17, 24, 39, var(--tw-bg-opacity)); + .xl\:bg-colors-red-300 { + background-color: var(--colors-red-300, #feb2b2); } - .lg\:bg-red-50 { - --tw-bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--tw-bg-opacity)); + .xl\:bg-colors-red-400 { + background-color: var(--colors-red-400, #fc8181); } - .lg\:bg-red-100 { - --tw-bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--tw-bg-opacity)); + .xl\:bg-colors-red-500 { + background-color: var(--colors-red-500, #f56565); } - .lg\:bg-red-200 { - --tw-bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--tw-bg-opacity)); + .xl\:bg-colors-red-600 { + background-color: var(--colors-red-600, #e53e3e); } - .lg\:bg-red-300 { - --tw-bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--tw-bg-opacity)); + .xl\:bg-colors-red-700 { + background-color: var(--colors-red-700, #c53030); } - .lg\:bg-red-400 { - --tw-bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--tw-bg-opacity)); + .xl\:bg-colors-red-800 { + background-color: var(--colors-red-800, #9b2c2c); } - .lg\:bg-red-500 { - --tw-bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--tw-bg-opacity)); + .xl\:bg-colors-red-900 { + background-color: var(--colors-red-900, #742a2a); } - .lg\:bg-red-600 { - --tw-bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--tw-bg-opacity)); + .xl\:bg-colors-orange-100 { + background-color: var(--colors-orange-100, #fffaf0); } - .lg\:bg-red-700 { - --tw-bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--tw-bg-opacity)); + .xl\:bg-colors-orange-200 { + background-color: var(--colors-orange-200, #feebc8); } - .lg\:bg-red-800 { - --tw-bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--tw-bg-opacity)); + .xl\:bg-colors-orange-300 { + background-color: var(--colors-orange-300, #fbd38d); } - .lg\:bg-red-900 { - --tw-bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--tw-bg-opacity)); + .xl\:bg-colors-orange-400 { + background-color: var(--colors-orange-400, #f6ad55); } - .lg\:bg-yellow-50 { - --tw-bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--tw-bg-opacity)); + .xl\:bg-colors-orange-500 { + background-color: var(--colors-orange-500, #ed8936); } - .lg\:bg-yellow-100 { - --tw-bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--tw-bg-opacity)); + .xl\:bg-colors-orange-600 { + background-color: var(--colors-orange-600, #dd6b20); } - .lg\:bg-yellow-200 { - --tw-bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--tw-bg-opacity)); + .xl\:bg-colors-orange-700 { + background-color: var(--colors-orange-700, #c05621); } - .lg\:bg-yellow-300 { - --tw-bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--tw-bg-opacity)); + .xl\:bg-colors-orange-800 { + background-color: var(--colors-orange-800, #9c4221); } - .lg\:bg-yellow-400 { - --tw-bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--tw-bg-opacity)); + .xl\:bg-colors-orange-900 { + background-color: var(--colors-orange-900, #7b341e); } - .lg\:bg-yellow-500 { - --tw-bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--tw-bg-opacity)); + .xl\:bg-colors-yellow-100 { + background-color: var(--colors-yellow-100, #fffff0); } - .lg\:bg-yellow-600 { - --tw-bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--tw-bg-opacity)); + .xl\:bg-colors-yellow-200 { + background-color: var(--colors-yellow-200, #fefcbf); } - .lg\:bg-yellow-700 { - --tw-bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--tw-bg-opacity)); + .xl\:bg-colors-yellow-300 { + background-color: var(--colors-yellow-300, #faf089); } - .lg\:bg-yellow-800 { - --tw-bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--tw-bg-opacity)); + .xl\:bg-colors-yellow-400 { + background-color: var(--colors-yellow-400, #f6e05e); } - .lg\:bg-yellow-900 { - --tw-bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--tw-bg-opacity)); + .xl\:bg-colors-yellow-500 { + background-color: var(--colors-yellow-500, #ecc94b); } - .lg\:bg-green-50 { - --tw-bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--tw-bg-opacity)); + .xl\:bg-colors-yellow-600 { + background-color: var(--colors-yellow-600, #d69e2e); } - .lg\:bg-green-100 { - --tw-bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--tw-bg-opacity)); + .xl\:bg-colors-yellow-700 { + background-color: var(--colors-yellow-700, #b7791f); } - .lg\:bg-green-200 { - --tw-bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--tw-bg-opacity)); + .xl\:bg-colors-yellow-800 { + background-color: var(--colors-yellow-800, #975a16); } - .lg\:bg-green-300 { - --tw-bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--tw-bg-opacity)); + .xl\:bg-colors-yellow-900 { + background-color: var(--colors-yellow-900, #744210); } - .lg\:bg-green-400 { - --tw-bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--tw-bg-opacity)); + .xl\:bg-colors-green-100 { + background-color: var(--colors-green-100, #f0fff4); } - .lg\:bg-green-500 { - --tw-bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--tw-bg-opacity)); + .xl\:bg-colors-green-200 { + background-color: var(--colors-green-200, #c6f6d5); } - .lg\:bg-green-600 { - --tw-bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--tw-bg-opacity)); + .xl\:bg-colors-green-300 { + background-color: var(--colors-green-300, #9ae6b4); } - .lg\:bg-green-700 { - --tw-bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--tw-bg-opacity)); + .xl\:bg-colors-green-400 { + background-color: var(--colors-green-400, #68d391); } - .lg\:bg-green-800 { - --tw-bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--tw-bg-opacity)); + .xl\:bg-colors-green-500 { + background-color: var(--colors-green-500, #48bb78); } - .lg\:bg-green-900 { - --tw-bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--tw-bg-opacity)); + .xl\:bg-colors-green-600 { + background-color: var(--colors-green-600, #38a169); } - .lg\:bg-blue-50 { - --tw-bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--tw-bg-opacity)); + .xl\:bg-colors-green-700 { + background-color: var(--colors-green-700, #2f855a); } - .lg\:bg-blue-100 { - --tw-bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--tw-bg-opacity)); + .xl\:bg-colors-green-800 { + background-color: var(--colors-green-800, #276749); } - .lg\:bg-blue-200 { - --tw-bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--tw-bg-opacity)); + .xl\:bg-colors-green-900 { + background-color: var(--colors-green-900, #22543d); } - .lg\:bg-blue-300 { - --tw-bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--tw-bg-opacity)); + .xl\:bg-colors-teal-100 { + background-color: var(--colors-teal-100, #e6fffa); } - .lg\:bg-blue-400 { - --tw-bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--tw-bg-opacity)); + .xl\:bg-colors-teal-200 { + background-color: var(--colors-teal-200, #b2f5ea); } - .lg\:bg-blue-500 { - --tw-bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--tw-bg-opacity)); + .xl\:bg-colors-teal-300 { + background-color: var(--colors-teal-300, #81e6d9); } - .lg\:bg-blue-600 { - --tw-bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--tw-bg-opacity)); + .xl\:bg-colors-teal-400 { + background-color: var(--colors-teal-400, #4fd1c5); } - .lg\:bg-blue-700 { - --tw-bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--tw-bg-opacity)); + .xl\:bg-colors-teal-500 { + background-color: var(--colors-teal-500, #38b2ac); } - .lg\:bg-blue-800 { - --tw-bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--tw-bg-opacity)); + .xl\:bg-colors-teal-600 { + background-color: var(--colors-teal-600, #319795); } - .lg\:bg-blue-900 { - --tw-bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--tw-bg-opacity)); + .xl\:bg-colors-teal-700 { + background-color: var(--colors-teal-700, #2c7a7b); } - .lg\:bg-indigo-50 { - --tw-bg-opacity: 1; - background-color: rgba(238, 242, 255, var(--tw-bg-opacity)); + .xl\:bg-colors-teal-800 { + background-color: var(--colors-teal-800, #285e61); } - .lg\:bg-indigo-100 { - --tw-bg-opacity: 1; - background-color: rgba(224, 231, 255, var(--tw-bg-opacity)); + .xl\:bg-colors-teal-900 { + background-color: var(--colors-teal-900, #234e52); } - .lg\:bg-indigo-200 { - --tw-bg-opacity: 1; - background-color: rgba(199, 210, 254, var(--tw-bg-opacity)); + .xl\:bg-colors-blue-100 { + background-color: var(--colors-blue-100, #ebf8ff); } - .lg\:bg-indigo-300 { - --tw-bg-opacity: 1; - background-color: rgba(165, 180, 252, var(--tw-bg-opacity)); + .xl\:bg-colors-blue-200 { + background-color: var(--colors-blue-200, #bee3f8); } - .lg\:bg-indigo-400 { - --tw-bg-opacity: 1; - background-color: rgba(129, 140, 248, var(--tw-bg-opacity)); + .xl\:bg-colors-blue-300 { + background-color: var(--colors-blue-300, #90cdf4); } - .lg\:bg-indigo-500 { - --tw-bg-opacity: 1; - background-color: rgba(99, 102, 241, var(--tw-bg-opacity)); + .xl\:bg-colors-blue-400 { + background-color: var(--colors-blue-400, #63b3ed); } - .lg\:bg-indigo-600 { - --tw-bg-opacity: 1; - background-color: rgba(79, 70, 229, var(--tw-bg-opacity)); + .xl\:bg-colors-blue-500 { + background-color: var(--colors-blue-500, #4299e1); } - .lg\:bg-indigo-700 { - --tw-bg-opacity: 1; - background-color: rgba(67, 56, 202, var(--tw-bg-opacity)); + .xl\:bg-colors-blue-600 { + background-color: var(--colors-blue-600, #3182ce); } - .lg\:bg-indigo-800 { - --tw-bg-opacity: 1; - background-color: rgba(55, 48, 163, var(--tw-bg-opacity)); + .xl\:bg-colors-blue-700 { + background-color: var(--colors-blue-700, #2b6cb0); } - .lg\:bg-indigo-900 { - --tw-bg-opacity: 1; - background-color: rgba(49, 46, 129, var(--tw-bg-opacity)); + .xl\:bg-colors-blue-800 { + background-color: var(--colors-blue-800, #2c5282); } - .lg\:bg-purple-50 { - --tw-bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--tw-bg-opacity)); + .xl\:bg-colors-blue-900 { + background-color: var(--colors-blue-900, #2a4365); } - .lg\:bg-purple-100 { - --tw-bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--tw-bg-opacity)); + .xl\:bg-colors-indigo-100 { + background-color: var(--colors-indigo-100, #ebf4ff); } - .lg\:bg-purple-200 { - --tw-bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--tw-bg-opacity)); + .xl\:bg-colors-indigo-200 { + background-color: var(--colors-indigo-200, #c3dafe); } - .lg\:bg-purple-300 { - --tw-bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--tw-bg-opacity)); + .xl\:bg-colors-indigo-300 { + background-color: var(--colors-indigo-300, #a3bffa); } - .lg\:bg-purple-400 { - --tw-bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--tw-bg-opacity)); + .xl\:bg-colors-indigo-400 { + background-color: var(--colors-indigo-400, #7f9cf5); } - .lg\:bg-purple-500 { - --tw-bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--tw-bg-opacity)); + .xl\:bg-colors-indigo-500 { + background-color: var(--colors-indigo-500, #667eea); } - .lg\:bg-purple-600 { - --tw-bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--tw-bg-opacity)); + .xl\:bg-colors-indigo-600 { + background-color: var(--colors-indigo-600, #5a67d8); } - .lg\:bg-purple-700 { - --tw-bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--tw-bg-opacity)); + .xl\:bg-colors-indigo-700 { + background-color: var(--colors-indigo-700, #4c51bf); } - .lg\:bg-purple-800 { - --tw-bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--tw-bg-opacity)); + .xl\:bg-colors-indigo-800 { + background-color: var(--colors-indigo-800, #434190); } - .lg\:bg-purple-900 { - --tw-bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--tw-bg-opacity)); + .xl\:bg-colors-indigo-900 { + background-color: var(--colors-indigo-900, #3c366b); } - .lg\:bg-pink-50 { - --tw-bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--tw-bg-opacity)); + .xl\:bg-colors-purple-100 { + background-color: var(--colors-purple-100, #faf5ff); } - .lg\:bg-pink-100 { - --tw-bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--tw-bg-opacity)); + .xl\:bg-colors-purple-200 { + background-color: var(--colors-purple-200, #e9d8fd); } - .lg\:bg-pink-200 { - --tw-bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--tw-bg-opacity)); + .xl\:bg-colors-purple-300 { + background-color: var(--colors-purple-300, #d6bcfa); } - .lg\:bg-pink-300 { - --tw-bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--tw-bg-opacity)); + .xl\:bg-colors-purple-400 { + background-color: var(--colors-purple-400, #b794f4); } - .lg\:bg-pink-400 { - --tw-bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--tw-bg-opacity)); + .xl\:bg-colors-purple-500 { + background-color: var(--colors-purple-500, #9f7aea); } - .lg\:bg-pink-500 { - --tw-bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--tw-bg-opacity)); + .xl\:bg-colors-purple-600 { + background-color: var(--colors-purple-600, #805ad5); } - .lg\:bg-pink-600 { - --tw-bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--tw-bg-opacity)); + .xl\:bg-colors-purple-700 { + background-color: var(--colors-purple-700, #6b46c1); } - .lg\:bg-pink-700 { - --tw-bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--tw-bg-opacity)); + .xl\:bg-colors-purple-800 { + background-color: var(--colors-purple-800, #553c9a); } - .lg\:bg-pink-800 { - --tw-bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--tw-bg-opacity)); + .xl\:bg-colors-purple-900 { + background-color: var(--colors-purple-900, #44337a); } - .lg\:bg-pink-900 { - --tw-bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--tw-bg-opacity)); + .xl\:bg-colors-pink-100 { + background-color: var(--colors-pink-100, #fff5f7); } - .group:hover .lg\:group-hover\:bg-transparent { - background-color: transparent; + .xl\:bg-colors-pink-200 { + background-color: var(--colors-pink-200, #fed7e2); } - .group:hover .lg\:group-hover\:bg-current { - background-color: currentColor; + .xl\:bg-colors-pink-300 { + background-color: var(--colors-pink-300, #fbb6ce); } - .group:hover .lg\:group-hover\:bg-black { - --tw-bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--tw-bg-opacity)); + .xl\:bg-colors-pink-400 { + background-color: var(--colors-pink-400, #f687b3); } - .group:hover .lg\:group-hover\:bg-white { - --tw-bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); + .xl\:bg-colors-pink-500 { + background-color: var(--colors-pink-500, #ed64a6); } - .group:hover .lg\:group-hover\:bg-gray-50 { - --tw-bg-opacity: 1; - background-color: rgba(249, 250, 251, var(--tw-bg-opacity)); + .xl\:bg-colors-pink-600 { + background-color: var(--colors-pink-600, #d53f8c); } - .group:hover .lg\:group-hover\:bg-gray-100 { - --tw-bg-opacity: 1; - background-color: rgba(243, 244, 246, var(--tw-bg-opacity)); + .xl\:bg-colors-pink-700 { + background-color: var(--colors-pink-700, #b83280); } - .group:hover .lg\:group-hover\:bg-gray-200 { - --tw-bg-opacity: 1; - background-color: rgba(229, 231, 235, var(--tw-bg-opacity)); + .xl\:bg-colors-pink-800 { + background-color: var(--colors-pink-800, #97266d); } - .group:hover .lg\:group-hover\:bg-gray-300 { - --tw-bg-opacity: 1; - background-color: rgba(209, 213, 219, var(--tw-bg-opacity)); + .xl\:bg-colors-pink-900 { + background-color: var(--colors-pink-900, #702459); } - .group:hover .lg\:group-hover\:bg-gray-400 { - --tw-bg-opacity: 1; - background-color: rgba(156, 163, 175, var(--tw-bg-opacity)); + .xl\:bg-Box\ Shadow { + background-color: var(--box-shadow, #7f7e7f); } - .group:hover .lg\:group-hover\:bg-gray-500 { - --tw-bg-opacity: 1; - background-color: rgba(107, 114, 128, var(--tw-bg-opacity)); + .xl\:bg-Error16 { + background-color: var(--error16, #f03d3e40); } - .group:hover .lg\:group-hover\:bg-gray-600 { - --tw-bg-opacity: 1; - background-color: rgba(75, 85, 99, var(--tw-bg-opacity)); + .xl\:bg-Success16 { + background-color: var(--success16, #5bb14d40); } - .group:hover .lg\:group-hover\:bg-gray-700 { - --tw-bg-opacity: 1; - background-color: rgba(55, 65, 81, var(--tw-bg-opacity)); + .xl\:bg-Notification16 { + background-color: var(--notification16, #3959ff40); } - .group:hover .lg\:group-hover\:bg-gray-800 { - --tw-bg-opacity: 1; - background-color: rgba(31, 41, 55, var(--tw-bg-opacity)); + .xl\:bg-Error8 { + background-color: var(--error8, #f03d3e1a); } - .group:hover .lg\:group-hover\:bg-gray-900 { - --tw-bg-opacity: 1; - background-color: rgba(17, 24, 39, var(--tw-bg-opacity)); + .xl\:bg-Notification8 { + background-color: var(--notification8, #3959ff1a); } - .group:hover .lg\:group-hover\:bg-red-50 { - --tw-bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--tw-bg-opacity)); + .xl\:bg-Success8 { + background-color: var(--success8, #5bb14d1a); } - .group:hover .lg\:group-hover\:bg-red-100 { - --tw-bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--tw-bg-opacity)); + .xl\:bg-Light\ -\ Overlay { + background-color: var(--light-overlay, #f0edee66); } - .group:hover .lg\:group-hover\:bg-red-200 { - --tw-bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--tw-bg-opacity)); + .xl\:bg-Dark-\ Overlay { + background-color: var(--dark-overlay, #7f7e7f66); } - .group:hover .lg\:group-hover\:bg-red-300 { - --tw-bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--tw-bg-opacity)); + .xl\:bg-black-40 { + background-color: var(--black-40, #00000066); } - .group:hover .lg\:group-hover\:bg-red-400 { - --tw-bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--tw-bg-opacity)); + .xl\:bg-black-75 { + background-color: var(--black-75, #000000bf); } - .group:hover .lg\:group-hover\:bg-red-500 { - --tw-bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--tw-bg-opacity)); + .xl\:bg-black-60 { + background-color: var(--black-60, #00000099); } - .group:hover .lg\:group-hover\:bg-red-600 { - --tw-bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--tw-bg-opacity)); + .xl\:bg-black-50 { + background-color: var(--black-50, #00000080); } - .group:hover .lg\:group-hover\:bg-red-700 { - --tw-bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--tw-bg-opacity)); + .xl\:bg-black-25 { + background-color: var(--black-25, #00000040); } - .group:hover .lg\:group-hover\:bg-red-800 { - --tw-bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--tw-bg-opacity)); + .xl\:bg-black-10 { + background-color: var(--black-10, #0000001a); } - .group:hover .lg\:group-hover\:bg-red-900 { - --tw-bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--tw-bg-opacity)); + .xl\:bg-white-25 { + background-color: var(--white-25, #ffffff40); } - .group:hover .lg\:group-hover\:bg-yellow-50 { - --tw-bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--tw-bg-opacity)); + .xl\:bg-white-60 { + background-color: var(--white-60, #ffffff99); } - .group:hover .lg\:group-hover\:bg-yellow-100 { - --tw-bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--tw-bg-opacity)); + .xl\:bg-black-64 { + background-color: var(--black-64, #000000a3); } - .group:hover .lg\:group-hover\:bg-yellow-200 { - --tw-bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--tw-bg-opacity)); + .xl\:bg-Shadow\ and\ Highlight-Shadow { + background-color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .group:hover .lg\:group-hover\:bg-yellow-300 { - --tw-bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--tw-bg-opacity)); + .xl\:bg-Shadow\ and\ Highlight-Highlight { + background-color: var(--shadow-and-highlight-highlight, #474747); } - .group:hover .lg\:group-hover\:bg-yellow-400 { - --tw-bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--tw-bg-opacity)); + .xl\:bg-Shadow\ and\ Highlight-highlight\ one { + background-color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .group:hover .lg\:group-hover\:bg-yellow-500 { - --tw-bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--tw-bg-opacity)); + .xl\:bg-Shadow\ and\ Highlight-highlight\ two { + background-color: var(--shadow-and-highlight-highlight-two, #47474799); } - .group:hover .lg\:group-hover\:bg-yellow-600 { - --tw-bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--tw-bg-opacity)); + .xl\:bg-Shadow\ and\ Highlight-highlight\ three { + background-color: var(--shadow-and-highlight-highlight-three, #47474766); } - .group:hover .lg\:group-hover\:bg-yellow-700 { - --tw-bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--tw-bg-opacity)); + .xl\:bg-Shadow\ and\ Highlight-highlight\ five { + background-color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .group:hover .lg\:group-hover\:bg-yellow-800 { - --tw-bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--tw-bg-opacity)); + .xl\:bg-Shadow\ and\ Highlight-shadow\ one { + background-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .group:hover .lg\:group-hover\:bg-yellow-900 { - --tw-bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--tw-bg-opacity)); + .xl\:bg-Shadow\ and\ Highlight-shadow\ two { + background-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .group:hover .lg\:group-hover\:bg-green-50 { - --tw-bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--tw-bg-opacity)); + .xl\:bg-Shadow\ and\ Highlight-shadow\ three { + background-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .group:hover .lg\:group-hover\:bg-green-100 { - --tw-bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--tw-bg-opacity)); + .xl\:bg-Shadow\ and\ Highlight-shadow\ four { + background-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .group:hover .lg\:group-hover\:bg-green-200 { - --tw-bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--tw-bg-opacity)); + .xl\:bg-Shadow\ and\ Highlight-shadow\ five { + background-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .group:hover .lg\:group-hover\:bg-green-300 { - --tw-bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--tw-bg-opacity)); + .xl\:bg-Shadow\ and\ Highlight-highlight\ four { + background-color: var(--shadow-and-highlight-highlight-four, #47474740); } - .group:hover .lg\:group-hover\:bg-green-400 { - --tw-bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--tw-bg-opacity)); + .xl\:bg-Base\ Layer\ Styles-Base\ Layer-\ Light-White { + background-color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .group:hover .lg\:group-hover\:bg-green-500 { - --tw-bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--tw-bg-opacity)); + .xl\:bg-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite { + background-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .group:hover .lg\:group-hover\:bg-green-600 { - --tw-bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--tw-bg-opacity)); + .xl\:bg-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack { + background-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .group:hover .lg\:group-hover\:bg-green-700 { - --tw-bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--tw-bg-opacity)); + .xl\:bg-Base\ Layer\ Styles-Base\ Layer-Dark-Black { + background-color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .group:hover .lg\:group-hover\:bg-green-800 { - --tw-bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--tw-bg-opacity)); + .xl\:bg-Grey-Scale-white { + background-color: var(--grey-scale-white, #ffffff); } - .group:hover .lg\:group-hover\:bg-green-900 { - --tw-bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--tw-bg-opacity)); + .xl\:bg-Grey-Scale-off-white { + background-color: var(--grey-scale-off-white, #f0edee); } - .group:hover .lg\:group-hover\:bg-blue-50 { - --tw-bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--tw-bg-opacity)); + .xl\:bg-Grey\ Scale-grey { + background-color: var(--grey-scale-grey, #7f7e7f); } - .group:hover .lg\:group-hover\:bg-blue-100 { - --tw-bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--tw-bg-opacity)); + .xl\:bg-Grey\ Scale-charcoal { + background-color: var(--grey-scale-charcoal, #474747); } - .group:hover .lg\:group-hover\:bg-blue-200 { - --tw-bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--tw-bg-opacity)); + .xl\:bg-Grey\ Scale-off-black { + background-color: var(--grey-scale-off-black, #1c1c1c); } - .group:hover .lg\:group-hover\:bg-blue-300 { - --tw-bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--tw-bg-opacity)); + .xl\:bg-Grey\ Scale-black { + background-color: var(--grey-scale-black, #000000); } - .group:hover .lg\:group-hover\:bg-blue-400 { - --tw-bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--tw-bg-opacity)); + .xl\:bg-Blue-blue { + background-color: var(--blue-blue, #3a7ca5); } - .group:hover .lg\:group-hover\:bg-blue-500 { - --tw-bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--tw-bg-opacity)); + .xl\:bg-Blue-blue-100 { + background-color: var(--blue-blue-100, #75a3c0); } - .group:hover .lg\:group-hover\:bg-blue-600 { - --tw-bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--tw-bg-opacity)); + .xl\:bg-Blue-blue-200 { + background-color: var(--blue-blue-200, #9cbed2); } - .group:hover .lg\:group-hover\:bg-blue-700 { - --tw-bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--tw-bg-opacity)); + .xl\:bg-Blue-blue-300 { + background-color: var(--blue-blue-300, #4f7d9a); } - .group:hover .lg\:group-hover\:bg-blue-800 { - --tw-bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--tw-bg-opacity)); + .xl\:bg-Blue-blue-400 { + background-color: var(--blue-blue-400, #5c7d92); } - .group:hover .lg\:group-hover\:bg-blue-900 { - --tw-bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--tw-bg-opacity)); + .xl\:bg-Blue-blue-500 { + background-color: var(--blue-blue-500, #347095); } - .group:hover .lg\:group-hover\:bg-indigo-50 { - --tw-bg-opacity: 1; - background-color: rgba(238, 242, 255, var(--tw-bg-opacity)); + .xl\:bg-Blue-blue-600 { + background-color: var(--blue-blue-600, #295774); } - .group:hover .lg\:group-hover\:bg-indigo-100 { - --tw-bg-opacity: 1; - background-color: rgba(224, 231, 255, var(--tw-bg-opacity)); + .xl\:bg-Blue-blue-700 { + background-color: var(--blue-blue-700, #173242); } - .group:hover .lg\:group-hover\:bg-indigo-200 { - --tw-bg-opacity: 1; - background-color: rgba(199, 210, 254, var(--tw-bg-opacity)); + .xl\:bg-LightBlue-lightblue { + background-color: var(--light-blue-lightblue, #81c3d7); } - .group:hover .lg\:group-hover\:bg-indigo-300 { - --tw-bg-opacity: 1; - background-color: rgba(165, 180, 252, var(--tw-bg-opacity)); + .xl\:bg-LightBlue-lightblue-100 { + background-color: var(--light-blue-lightblue-100, #a7d5e3); } - .group:hover .lg\:group-hover\:bg-indigo-400 { - --tw-bg-opacity: 1; - background-color: rgba(129, 140, 248, var(--tw-bg-opacity)); + .xl\:bg-LightBlue-lightblue-200 { + background-color: var(--light-blue-lightblue-200, #c0e1eb); } - .group:hover .lg\:group-hover\:bg-indigo-500 { - --tw-bg-opacity: 1; - background-color: rgba(99, 102, 241, var(--tw-bg-opacity)); + .xl\:bg-LightBlue-lightblue-300 { + background-color: var(--light-blue-lightblue-300, #80aebd); } - .group:hover .lg\:group-hover\:bg-indigo-600 { - --tw-bg-opacity: 1; - background-color: rgba(79, 70, 229, var(--tw-bg-opacity)); + .xl\:bg-LightBlue-lightblue-400 { + background-color: var(--light-blue-lightblue-400, #80a0ab); } - .group:hover .lg\:group-hover\:bg-indigo-700 { - --tw-bg-opacity: 1; - background-color: rgba(67, 56, 202, var(--tw-bg-opacity)); + .xl\:bg-LightBlue-lightblue-500 { + background-color: var(--light-blue-lightblue-500, #74afc1); } - .group:hover .lg\:group-hover\:bg-indigo-800 { - --tw-bg-opacity: 1; - background-color: rgba(55, 48, 163, var(--tw-bg-opacity)); + .xl\:bg-LightBlue-lightblue-600 { + background-color: var(--light-blue-lightblue-600, #5a8997); } - .group:hover .lg\:group-hover\:bg-indigo-900 { - --tw-bg-opacity: 1; - background-color: rgba(49, 46, 129, var(--tw-bg-opacity)); + .xl\:bg-LightBlue-lightblue-650 { + background-color: var(--light-blue-lightblue-650, #3e5e65); } - .group:hover .lg\:group-hover\:bg-purple-50 { - --tw-bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--tw-bg-opacity)); + .xl\:bg-LightBlue-lightblue-700 { + background-color: var(--light-blue-lightblue-700, #344e56); } - .group:hover .lg\:group-hover\:bg-purple-100 { - --tw-bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--tw-bg-opacity)); + .xl\:bg-Orange-orange { + background-color: var(--orange-orange, #ff7f0e); } - .group:hover .lg\:group-hover\:bg-purple-200 { - --tw-bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--tw-bg-opacity)); + .xl\:bg-Orange-orange-100 { + background-color: var(--orange-orange-100, #ffa556); } - .group:hover .lg\:group-hover\:bg-purple-300 { - --tw-bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--tw-bg-opacity)); + .xl\:bg-Orange-orange-200 { + background-color: var(--orange-orange-200, #ffbf86); } - .group:hover .lg\:group-hover\:bg-purple-400 { - --tw-bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--tw-bg-opacity)); + .xl\:bg-Orange-orange-300 { + background-color: var(--orange-orange-300, #d97f30); } - .group:hover .lg\:group-hover\:bg-purple-500 { - --tw-bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--tw-bg-opacity)); + .xl\:bg-Orange-orange-400 { + background-color: var(--orange-orange-400, #bf7e46); } - .group:hover .lg\:group-hover\:bg-purple-600 { - --tw-bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--tw-bg-opacity)); + .xl\:bg-Orange-orange-500 { + background-color: var(--orange-orange-500, #e5720d); } - .group:hover .lg\:group-hover\:bg-purple-700 { - --tw-bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--tw-bg-opacity)); + .xl\:bg-Orange-orange-600 { + background-color: var(--orange-orange-600, #b3590a); } - .group:hover .lg\:group-hover\:bg-purple-800 { - --tw-bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--tw-bg-opacity)); + .xl\:bg-Orange-orange-700 { + background-color: var(--orange-orange-700, #663306); } - .group:hover .lg\:group-hover\:bg-purple-900 { - --tw-bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--tw-bg-opacity)); + .xl\:bg-Yellow-yellow { + background-color: var(--yellow-yellow, #ffab00); } - .group:hover .lg\:group-hover\:bg-pink-50 { - --tw-bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--tw-bg-opacity)); + .xl\:bg-Yellow-yellow-100 { + background-color: var(--yellow-yellow-100, #ffc44c); } - .group:hover .lg\:group-hover\:bg-pink-100 { - --tw-bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--tw-bg-opacity)); + .xl\:bg-Yellow-yellow-200 { + background-color: var(--yellow-yellow-200, #ffd580); } - .group:hover .lg\:group-hover\:bg-pink-200 { - --tw-bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--tw-bg-opacity)); + .xl\:bg-Yellow-yellow-300 { + background-color: var(--yellow-yellow-300, #d99d26); } - .group:hover .lg\:group-hover\:bg-pink-300 { - --tw-bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--tw-bg-opacity)); + .xl\:bg-Yellow-yellow-400 { + background-color: var(--yellow-yellow-400, #bf943f); } - .group:hover .lg\:group-hover\:bg-pink-400 { - --tw-bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--tw-bg-opacity)); + .xl\:bg-Yellow-yellow-500 { + background-color: var(--yellow-yellow-500, #e59a00); } - .group:hover .lg\:group-hover\:bg-pink-500 { - --tw-bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--tw-bg-opacity)); + .xl\:bg-Yellow-yellow-600 { + background-color: var(--yellow-yellow-600, #b37800); } - .group:hover .lg\:group-hover\:bg-pink-600 { - --tw-bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--tw-bg-opacity)); + .xl\:bg-Yellow-yellow-700 { + background-color: var(--yellow-yellow-700, #664400); } - .group:hover .lg\:group-hover\:bg-pink-700 { - --tw-bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--tw-bg-opacity)); + .xl\:bg-Notification-notification { + background-color: var(--notification-notification, #3959ff); } - .group:hover .lg\:group-hover\:bg-pink-800 { - --tw-bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--tw-bg-opacity)); + .xl\:bg-Notification-notification-100 { + background-color: var(--notification-notification-100, #748bff); } - .group:hover .lg\:group-hover\:bg-pink-900 { - --tw-bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--tw-bg-opacity)); + .xl\:bg-Notification-notification-200 { + background-color: var(--notification-notification-200, #9cacff); } - .lg\:focus-within\:bg-transparent:focus-within { - background-color: transparent; + .xl\:bg-Notification-notification-300 { + background-color: var(--notification-notification-300, #4e64d9); } - .lg\:focus-within\:bg-current:focus-within { - background-color: currentColor; + .xl\:bg-Notification-notification-400 { + background-color: var(--notification-notification-400, #5c6cbf); } - .lg\:focus-within\:bg-black:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--tw-bg-opacity)); + .xl\:bg-Notification-notification-500 { + background-color: var(--notification-notification-500, #3350e5); } - .lg\:focus-within\:bg-white:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); + .xl\:bg-Notification-notification-600 { + background-color: var(--notification-notification-600, #283eb3); } - .lg\:focus-within\:bg-gray-50:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(249, 250, 251, var(--tw-bg-opacity)); + .xl\:bg-Notification-notification-700 { + background-color: var(--notification-notification-700, #172466); } - .lg\:focus-within\:bg-gray-100:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(243, 244, 246, var(--tw-bg-opacity)); + .xl\:bg-Success-success\ -700 { + background-color: var(--success-success-700, #24471f); } - .lg\:focus-within\:bg-gray-200:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(229, 231, 235, var(--tw-bg-opacity)); + .xl\:bg-Success-success { + background-color: var(--success-success, #5bb14d); } - .lg\:focus-within\:bg-gray-300:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(209, 213, 219, var(--tw-bg-opacity)); + .xl\:bg-Success-success\ -100 { + background-color: var(--success-success-100, #8cc882); } - .lg\:focus-within\:bg-gray-400:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(156, 163, 175, var(--tw-bg-opacity)); + .xl\:bg-Success-success\ -200 { + background-color: var(--success-success-200, #add8a6); } - .lg\:focus-within\:bg-gray-500:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(107, 114, 128, var(--tw-bg-opacity)); + .xl\:bg-Success-success\ -300 { + background-color: var(--success-success-300, #66a25c); } - .lg\:focus-within\:bg-gray-600:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(75, 85, 99, var(--tw-bg-opacity)); + .xl\:bg-Success-success\ -400 { + background-color: var(--success-success-400, #6d9766); } - .lg\:focus-within\:bg-gray-700:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(55, 65, 81, var(--tw-bg-opacity)); + .xl\:bg-Success-success\ -500 { + background-color: var(--success-success-500, #529f45); } - .lg\:focus-within\:bg-gray-800:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(31, 41, 55, var(--tw-bg-opacity)); + .xl\:bg-Success-success\ -600 { + background-color: var(--success-success-600, #407c36); } - .lg\:focus-within\:bg-gray-900:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(17, 24, 39, var(--tw-bg-opacity)); + .xl\:bg-Error-error { + background-color: var(--error-error, #f03d3e); } - .lg\:focus-within\:bg-red-50:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--tw-bg-opacity)); + .xl\:bg-Error-error-100 { + background-color: var(--error-error-100, #f57778); } - .lg\:focus-within\:bg-red-100:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--tw-bg-opacity)); + .xl\:bg-Error-error-200 { + background-color: var(--error-error-200, #f89e9e); } - .lg\:focus-within\:bg-red-200:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--tw-bg-opacity)); + .xl\:bg-Error-error-250 { + background-color: var(--error-error-250, #f9c8c8); } - .lg\:focus-within\:bg-red-300:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--tw-bg-opacity)); + .xl\:bg-Error-error-300 { + background-color: var(--error-error-300, #ce5151); } - .lg\:focus-within\:bg-red-400:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--tw-bg-opacity)); + .xl\:bg-Error-error-400 { + background-color: var(--error-error-400, #b85e5e); } - .lg\:focus-within\:bg-red-500:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--tw-bg-opacity)); + .xl\:bg-Error-error-500 { + background-color: var(--error-error-500, #d83738); } - .lg\:focus-within\:bg-red-600:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--tw-bg-opacity)); + .xl\:bg-Error-error-600 { + background-color: var(--error-error-600, #a82b2b); } - .lg\:focus-within\:bg-red-700:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--tw-bg-opacity)); + .xl\:bg-Error-error-700 { + background-color: var(--error-error-700, #601819); } - .lg\:focus-within\:bg-red-800:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-black { + background-color: var(--colors-black, #000000); } - .lg\:focus-within\:bg-red-900:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-white { + background-color: var(--colors-white, #ffffff); } - .lg\:focus-within\:bg-yellow-50:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-gray-100 { + background-color: var(--colors-gray-100, #f7fafc); } - .lg\:focus-within\:bg-yellow-100:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-gray-200 { + background-color: var(--colors-gray-200, #edf2f7); } - .lg\:focus-within\:bg-yellow-200:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-gray-300 { + background-color: var(--colors-gray-300, #e2e8f0); } - .lg\:focus-within\:bg-yellow-300:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-gray-400 { + background-color: var(--colors-gray-400, #cbd5e0); } - .lg\:focus-within\:bg-yellow-400:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-gray-500 { + background-color: var(--colors-gray-500, #a0aec0); } - .lg\:focus-within\:bg-yellow-500:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-gray-600 { + background-color: var(--colors-gray-600, #718096); } - .lg\:focus-within\:bg-yellow-600:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-gray-700 { + background-color: var(--colors-gray-700, #4a5568); } - .lg\:focus-within\:bg-yellow-700:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-gray-800 { + background-color: var(--colors-gray-800, #2d3748); } - .lg\:focus-within\:bg-yellow-800:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-gray-900 { + background-color: var(--colors-gray-900, #1a202c); } - .lg\:focus-within\:bg-yellow-900:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-red-100 { + background-color: var(--colors-red-100, #fff5f5); } - .lg\:focus-within\:bg-green-50:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-red-200 { + background-color: var(--colors-red-200, #fed7d7); } - .lg\:focus-within\:bg-green-100:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-red-300 { + background-color: var(--colors-red-300, #feb2b2); } - .lg\:focus-within\:bg-green-200:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-red-400 { + background-color: var(--colors-red-400, #fc8181); } - .lg\:focus-within\:bg-green-300:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-red-500 { + background-color: var(--colors-red-500, #f56565); } - .lg\:focus-within\:bg-green-400:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-red-600 { + background-color: var(--colors-red-600, #e53e3e); } - .lg\:focus-within\:bg-green-500:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-red-700 { + background-color: var(--colors-red-700, #c53030); } - .lg\:focus-within\:bg-green-600:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-red-800 { + background-color: var(--colors-red-800, #9b2c2c); } - .lg\:focus-within\:bg-green-700:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-red-900 { + background-color: var(--colors-red-900, #742a2a); } - .lg\:focus-within\:bg-green-800:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-orange-100 { + background-color: var(--colors-orange-100, #fffaf0); } - .lg\:focus-within\:bg-green-900:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-orange-200 { + background-color: var(--colors-orange-200, #feebc8); } - .lg\:focus-within\:bg-blue-50:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-orange-300 { + background-color: var(--colors-orange-300, #fbd38d); } - .lg\:focus-within\:bg-blue-100:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-orange-400 { + background-color: var(--colors-orange-400, #f6ad55); } - .lg\:focus-within\:bg-blue-200:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-orange-500 { + background-color: var(--colors-orange-500, #ed8936); } - .lg\:focus-within\:bg-blue-300:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-orange-600 { + background-color: var(--colors-orange-600, #dd6b20); } - .lg\:focus-within\:bg-blue-400:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-orange-700 { + background-color: var(--colors-orange-700, #c05621); } - .lg\:focus-within\:bg-blue-500:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-orange-800 { + background-color: var(--colors-orange-800, #9c4221); } - .lg\:focus-within\:bg-blue-600:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-orange-900 { + background-color: var(--colors-orange-900, #7b341e); } - .lg\:focus-within\:bg-blue-700:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-yellow-100 { + background-color: var(--colors-yellow-100, #fffff0); } - .lg\:focus-within\:bg-blue-800:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-yellow-200 { + background-color: var(--colors-yellow-200, #fefcbf); } - .lg\:focus-within\:bg-blue-900:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-yellow-300 { + background-color: var(--colors-yellow-300, #faf089); } - .lg\:focus-within\:bg-indigo-50:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(238, 242, 255, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-yellow-400 { + background-color: var(--colors-yellow-400, #f6e05e); } - .lg\:focus-within\:bg-indigo-100:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(224, 231, 255, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-yellow-500 { + background-color: var(--colors-yellow-500, #ecc94b); } - .lg\:focus-within\:bg-indigo-200:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(199, 210, 254, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-yellow-600 { + background-color: var(--colors-yellow-600, #d69e2e); } - .lg\:focus-within\:bg-indigo-300:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(165, 180, 252, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-yellow-700 { + background-color: var(--colors-yellow-700, #b7791f); } - .lg\:focus-within\:bg-indigo-400:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(129, 140, 248, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-yellow-800 { + background-color: var(--colors-yellow-800, #975a16); } - .lg\:focus-within\:bg-indigo-500:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(99, 102, 241, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-yellow-900 { + background-color: var(--colors-yellow-900, #744210); } - .lg\:focus-within\:bg-indigo-600:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(79, 70, 229, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-green-100 { + background-color: var(--colors-green-100, #f0fff4); } - .lg\:focus-within\:bg-indigo-700:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(67, 56, 202, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-green-200 { + background-color: var(--colors-green-200, #c6f6d5); } - .lg\:focus-within\:bg-indigo-800:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(55, 48, 163, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-green-300 { + background-color: var(--colors-green-300, #9ae6b4); } - .lg\:focus-within\:bg-indigo-900:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(49, 46, 129, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-green-400 { + background-color: var(--colors-green-400, #68d391); } - .lg\:focus-within\:bg-purple-50:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-green-500 { + background-color: var(--colors-green-500, #48bb78); } - .lg\:focus-within\:bg-purple-100:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-green-600 { + background-color: var(--colors-green-600, #38a169); } - .lg\:focus-within\:bg-purple-200:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-green-700 { + background-color: var(--colors-green-700, #2f855a); } - .lg\:focus-within\:bg-purple-300:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-green-800 { + background-color: var(--colors-green-800, #276749); } - .lg\:focus-within\:bg-purple-400:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-green-900 { + background-color: var(--colors-green-900, #22543d); } - .lg\:focus-within\:bg-purple-500:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-teal-100 { + background-color: var(--colors-teal-100, #e6fffa); } - .lg\:focus-within\:bg-purple-600:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-teal-200 { + background-color: var(--colors-teal-200, #b2f5ea); } - .lg\:focus-within\:bg-purple-700:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-teal-300 { + background-color: var(--colors-teal-300, #81e6d9); } - .lg\:focus-within\:bg-purple-800:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-teal-400 { + background-color: var(--colors-teal-400, #4fd1c5); } - .lg\:focus-within\:bg-purple-900:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-teal-500 { + background-color: var(--colors-teal-500, #38b2ac); } - .lg\:focus-within\:bg-pink-50:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-teal-600 { + background-color: var(--colors-teal-600, #319795); } - .lg\:focus-within\:bg-pink-100:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-teal-700 { + background-color: var(--colors-teal-700, #2c7a7b); } - .lg\:focus-within\:bg-pink-200:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-teal-800 { + background-color: var(--colors-teal-800, #285e61); } - .lg\:focus-within\:bg-pink-300:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-teal-900 { + background-color: var(--colors-teal-900, #234e52); } - .lg\:focus-within\:bg-pink-400:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-blue-100 { + background-color: var(--colors-blue-100, #ebf8ff); } - .lg\:focus-within\:bg-pink-500:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-blue-200 { + background-color: var(--colors-blue-200, #bee3f8); } - .lg\:focus-within\:bg-pink-600:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-blue-300 { + background-color: var(--colors-blue-300, #90cdf4); } - .lg\:focus-within\:bg-pink-700:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-blue-400 { + background-color: var(--colors-blue-400, #63b3ed); } - .lg\:focus-within\:bg-pink-800:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-blue-500 { + background-color: var(--colors-blue-500, #4299e1); } - .lg\:focus-within\:bg-pink-900:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-blue-600 { + background-color: var(--colors-blue-600, #3182ce); } - .lg\:hover\:bg-transparent:hover { - background-color: transparent; + .group:hover .xl\:group-hover\:bg-colors-blue-700 { + background-color: var(--colors-blue-700, #2b6cb0); } - .lg\:hover\:bg-current:hover { - background-color: currentColor; + .group:hover .xl\:group-hover\:bg-colors-blue-800 { + background-color: var(--colors-blue-800, #2c5282); } - .lg\:hover\:bg-black:hover { - --tw-bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-blue-900 { + background-color: var(--colors-blue-900, #2a4365); } - .lg\:hover\:bg-white:hover { - --tw-bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-indigo-100 { + background-color: var(--colors-indigo-100, #ebf4ff); } - .lg\:hover\:bg-gray-50:hover { - --tw-bg-opacity: 1; - background-color: rgba(249, 250, 251, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-indigo-200 { + background-color: var(--colors-indigo-200, #c3dafe); } - .lg\:hover\:bg-gray-100:hover { - --tw-bg-opacity: 1; - background-color: rgba(243, 244, 246, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-indigo-300 { + background-color: var(--colors-indigo-300, #a3bffa); } - .lg\:hover\:bg-gray-200:hover { - --tw-bg-opacity: 1; - background-color: rgba(229, 231, 235, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-indigo-400 { + background-color: var(--colors-indigo-400, #7f9cf5); } - .lg\:hover\:bg-gray-300:hover { - --tw-bg-opacity: 1; - background-color: rgba(209, 213, 219, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-indigo-500 { + background-color: var(--colors-indigo-500, #667eea); } - .lg\:hover\:bg-gray-400:hover { - --tw-bg-opacity: 1; - background-color: rgba(156, 163, 175, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-indigo-600 { + background-color: var(--colors-indigo-600, #5a67d8); } - .lg\:hover\:bg-gray-500:hover { - --tw-bg-opacity: 1; - background-color: rgba(107, 114, 128, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-indigo-700 { + background-color: var(--colors-indigo-700, #4c51bf); } - .lg\:hover\:bg-gray-600:hover { - --tw-bg-opacity: 1; - background-color: rgba(75, 85, 99, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-indigo-800 { + background-color: var(--colors-indigo-800, #434190); } - .lg\:hover\:bg-gray-700:hover { - --tw-bg-opacity: 1; - background-color: rgba(55, 65, 81, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-indigo-900 { + background-color: var(--colors-indigo-900, #3c366b); } - .lg\:hover\:bg-gray-800:hover { - --tw-bg-opacity: 1; - background-color: rgba(31, 41, 55, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-purple-100 { + background-color: var(--colors-purple-100, #faf5ff); } - .lg\:hover\:bg-gray-900:hover { - --tw-bg-opacity: 1; - background-color: rgba(17, 24, 39, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-purple-200 { + background-color: var(--colors-purple-200, #e9d8fd); } - .lg\:hover\:bg-red-50:hover { - --tw-bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-purple-300 { + background-color: var(--colors-purple-300, #d6bcfa); } - .lg\:hover\:bg-red-100:hover { - --tw-bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-purple-400 { + background-color: var(--colors-purple-400, #b794f4); } - .lg\:hover\:bg-red-200:hover { - --tw-bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-purple-500 { + background-color: var(--colors-purple-500, #9f7aea); } - .lg\:hover\:bg-red-300:hover { - --tw-bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-purple-600 { + background-color: var(--colors-purple-600, #805ad5); } - .lg\:hover\:bg-red-400:hover { - --tw-bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-purple-700 { + background-color: var(--colors-purple-700, #6b46c1); } - .lg\:hover\:bg-red-500:hover { - --tw-bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-purple-800 { + background-color: var(--colors-purple-800, #553c9a); } - .lg\:hover\:bg-red-600:hover { - --tw-bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-purple-900 { + background-color: var(--colors-purple-900, #44337a); } - .lg\:hover\:bg-red-700:hover { - --tw-bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-pink-100 { + background-color: var(--colors-pink-100, #fff5f7); } - .lg\:hover\:bg-red-800:hover { - --tw-bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-pink-200 { + background-color: var(--colors-pink-200, #fed7e2); } - .lg\:hover\:bg-red-900:hover { - --tw-bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-pink-300 { + background-color: var(--colors-pink-300, #fbb6ce); } - .lg\:hover\:bg-yellow-50:hover { - --tw-bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-pink-400 { + background-color: var(--colors-pink-400, #f687b3); } - .lg\:hover\:bg-yellow-100:hover { - --tw-bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-pink-500 { + background-color: var(--colors-pink-500, #ed64a6); } - .lg\:hover\:bg-yellow-200:hover { - --tw-bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-pink-600 { + background-color: var(--colors-pink-600, #d53f8c); } - .lg\:hover\:bg-yellow-300:hover { - --tw-bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-pink-700 { + background-color: var(--colors-pink-700, #b83280); } - .lg\:hover\:bg-yellow-400:hover { - --tw-bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-pink-800 { + background-color: var(--colors-pink-800, #97266d); } - .lg\:hover\:bg-yellow-500:hover { - --tw-bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-colors-pink-900 { + background-color: var(--colors-pink-900, #702459); } - .lg\:hover\:bg-yellow-600:hover { - --tw-bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-Box\ Shadow { + background-color: var(--box-shadow, #7f7e7f); } - .lg\:hover\:bg-yellow-700:hover { - --tw-bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-Error16 { + background-color: var(--error16, #f03d3e40); } - .lg\:hover\:bg-yellow-800:hover { - --tw-bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-Success16 { + background-color: var(--success16, #5bb14d40); } - .lg\:hover\:bg-yellow-900:hover { - --tw-bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-Notification16 { + background-color: var(--notification16, #3959ff40); } - .lg\:hover\:bg-green-50:hover { - --tw-bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-Error8 { + background-color: var(--error8, #f03d3e1a); } - .lg\:hover\:bg-green-100:hover { - --tw-bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-Notification8 { + background-color: var(--notification8, #3959ff1a); } - .lg\:hover\:bg-green-200:hover { - --tw-bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-Success8 { + background-color: var(--success8, #5bb14d1a); } - .lg\:hover\:bg-green-300:hover { - --tw-bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-Light\ -\ Overlay { + background-color: var(--light-overlay, #f0edee66); } - .lg\:hover\:bg-green-400:hover { - --tw-bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-Dark-\ Overlay { + background-color: var(--dark-overlay, #7f7e7f66); } - .lg\:hover\:bg-green-500:hover { - --tw-bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-black-40 { + background-color: var(--black-40, #00000066); } - .lg\:hover\:bg-green-600:hover { - --tw-bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-black-75 { + background-color: var(--black-75, #000000bf); } - .lg\:hover\:bg-green-700:hover { - --tw-bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-black-60 { + background-color: var(--black-60, #00000099); } - .lg\:hover\:bg-green-800:hover { - --tw-bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-black-50 { + background-color: var(--black-50, #00000080); } - .lg\:hover\:bg-green-900:hover { - --tw-bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-black-25 { + background-color: var(--black-25, #00000040); } - .lg\:hover\:bg-blue-50:hover { - --tw-bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-black-10 { + background-color: var(--black-10, #0000001a); } - .lg\:hover\:bg-blue-100:hover { - --tw-bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-white-25 { + background-color: var(--white-25, #ffffff40); } - .lg\:hover\:bg-blue-200:hover { - --tw-bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-white-60 { + background-color: var(--white-60, #ffffff99); } - .lg\:hover\:bg-blue-300:hover { - --tw-bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-black-64 { + background-color: var(--black-64, #000000a3); } - .lg\:hover\:bg-blue-400:hover { - --tw-bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-Shadow\ and\ Highlight-Shadow { + background-color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .lg\:hover\:bg-blue-500:hover { - --tw-bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-Shadow\ and\ Highlight-Highlight { + background-color: var(--shadow-and-highlight-highlight, #474747); } - .lg\:hover\:bg-blue-600:hover { - --tw-bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-Shadow\ and\ Highlight-highlight\ one { + background-color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .lg\:hover\:bg-blue-700:hover { - --tw-bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-Shadow\ and\ Highlight-highlight\ two { + background-color: var(--shadow-and-highlight-highlight-two, #47474799); } - .lg\:hover\:bg-blue-800:hover { - --tw-bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-Shadow\ and\ Highlight-highlight\ three { + background-color: var(--shadow-and-highlight-highlight-three, #47474766); } - .lg\:hover\:bg-blue-900:hover { - --tw-bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-Shadow\ and\ Highlight-highlight\ five { + background-color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .lg\:hover\:bg-indigo-50:hover { - --tw-bg-opacity: 1; - background-color: rgba(238, 242, 255, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-Shadow\ and\ Highlight-shadow\ one { + background-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .lg\:hover\:bg-indigo-100:hover { - --tw-bg-opacity: 1; - background-color: rgba(224, 231, 255, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-Shadow\ and\ Highlight-shadow\ two { + background-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .lg\:hover\:bg-indigo-200:hover { - --tw-bg-opacity: 1; - background-color: rgba(199, 210, 254, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-Shadow\ and\ Highlight-shadow\ three { + background-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .lg\:hover\:bg-indigo-300:hover { - --tw-bg-opacity: 1; - background-color: rgba(165, 180, 252, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-Shadow\ and\ Highlight-shadow\ four { + background-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .lg\:hover\:bg-indigo-400:hover { - --tw-bg-opacity: 1; - background-color: rgba(129, 140, 248, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-Shadow\ and\ Highlight-shadow\ five { + background-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .lg\:hover\:bg-indigo-500:hover { - --tw-bg-opacity: 1; - background-color: rgba(99, 102, 241, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-Shadow\ and\ Highlight-highlight\ four { + background-color: var(--shadow-and-highlight-highlight-four, #47474740); } - .lg\:hover\:bg-indigo-600:hover { - --tw-bg-opacity: 1; - background-color: rgba(79, 70, 229, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-Base\ Layer\ Styles-Base\ Layer-\ Light-White { + background-color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .lg\:hover\:bg-indigo-700:hover { - --tw-bg-opacity: 1; - background-color: rgba(67, 56, 202, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite { + background-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .lg\:hover\:bg-indigo-800:hover { - --tw-bg-opacity: 1; - background-color: rgba(55, 48, 163, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack { + background-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .lg\:hover\:bg-indigo-900:hover { - --tw-bg-opacity: 1; - background-color: rgba(49, 46, 129, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-Base\ Layer\ Styles-Base\ Layer-Dark-Black { + background-color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .lg\:hover\:bg-purple-50:hover { - --tw-bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-Grey-Scale-white { + background-color: var(--grey-scale-white, #ffffff); } - .lg\:hover\:bg-purple-100:hover { - --tw-bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-Grey-Scale-off-white { + background-color: var(--grey-scale-off-white, #f0edee); } - .lg\:hover\:bg-purple-200:hover { - --tw-bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-Grey\ Scale-grey { + background-color: var(--grey-scale-grey, #7f7e7f); } - .lg\:hover\:bg-purple-300:hover { - --tw-bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-Grey\ Scale-charcoal { + background-color: var(--grey-scale-charcoal, #474747); } - .lg\:hover\:bg-purple-400:hover { - --tw-bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-Grey\ Scale-off-black { + background-color: var(--grey-scale-off-black, #1c1c1c); } - .lg\:hover\:bg-purple-500:hover { - --tw-bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-Grey\ Scale-black { + background-color: var(--grey-scale-black, #000000); } - .lg\:hover\:bg-purple-600:hover { - --tw-bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-Blue-blue { + background-color: var(--blue-blue, #3a7ca5); } - .lg\:hover\:bg-purple-700:hover { - --tw-bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-Blue-blue-100 { + background-color: var(--blue-blue-100, #75a3c0); } - .lg\:hover\:bg-purple-800:hover { - --tw-bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-Blue-blue-200 { + background-color: var(--blue-blue-200, #9cbed2); } - .lg\:hover\:bg-purple-900:hover { - --tw-bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-Blue-blue-300 { + background-color: var(--blue-blue-300, #4f7d9a); } - .lg\:hover\:bg-pink-50:hover { - --tw-bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-Blue-blue-400 { + background-color: var(--blue-blue-400, #5c7d92); } - .lg\:hover\:bg-pink-100:hover { - --tw-bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-Blue-blue-500 { + background-color: var(--blue-blue-500, #347095); } - .lg\:hover\:bg-pink-200:hover { - --tw-bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-Blue-blue-600 { + background-color: var(--blue-blue-600, #295774); } - .lg\:hover\:bg-pink-300:hover { - --tw-bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-Blue-blue-700 { + background-color: var(--blue-blue-700, #173242); } - .lg\:hover\:bg-pink-400:hover { - --tw-bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-LightBlue-lightblue { + background-color: var(--light-blue-lightblue, #81c3d7); } - .lg\:hover\:bg-pink-500:hover { - --tw-bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-LightBlue-lightblue-100 { + background-color: var(--light-blue-lightblue-100, #a7d5e3); } - .lg\:hover\:bg-pink-600:hover { - --tw-bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-LightBlue-lightblue-200 { + background-color: var(--light-blue-lightblue-200, #c0e1eb); } - .lg\:hover\:bg-pink-700:hover { - --tw-bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-LightBlue-lightblue-300 { + background-color: var(--light-blue-lightblue-300, #80aebd); } - .lg\:hover\:bg-pink-800:hover { - --tw-bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-LightBlue-lightblue-400 { + background-color: var(--light-blue-lightblue-400, #80a0ab); } - .lg\:hover\:bg-pink-900:hover { - --tw-bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-LightBlue-lightblue-500 { + background-color: var(--light-blue-lightblue-500, #74afc1); } - .lg\:focus\:bg-transparent:focus { - background-color: transparent; + .group:hover .xl\:group-hover\:bg-LightBlue-lightblue-600 { + background-color: var(--light-blue-lightblue-600, #5a8997); } - .lg\:focus\:bg-current:focus { - background-color: currentColor; + .group:hover .xl\:group-hover\:bg-LightBlue-lightblue-650 { + background-color: var(--light-blue-lightblue-650, #3e5e65); } - .lg\:focus\:bg-black:focus { - --tw-bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-LightBlue-lightblue-700 { + background-color: var(--light-blue-lightblue-700, #344e56); } - .lg\:focus\:bg-white:focus { - --tw-bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-Orange-orange { + background-color: var(--orange-orange, #ff7f0e); } - .lg\:focus\:bg-gray-50:focus { - --tw-bg-opacity: 1; - background-color: rgba(249, 250, 251, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-Orange-orange-100 { + background-color: var(--orange-orange-100, #ffa556); } - .lg\:focus\:bg-gray-100:focus { - --tw-bg-opacity: 1; - background-color: rgba(243, 244, 246, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-Orange-orange-200 { + background-color: var(--orange-orange-200, #ffbf86); } - .lg\:focus\:bg-gray-200:focus { - --tw-bg-opacity: 1; - background-color: rgba(229, 231, 235, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-Orange-orange-300 { + background-color: var(--orange-orange-300, #d97f30); } - .lg\:focus\:bg-gray-300:focus { - --tw-bg-opacity: 1; - background-color: rgba(209, 213, 219, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-Orange-orange-400 { + background-color: var(--orange-orange-400, #bf7e46); } - .lg\:focus\:bg-gray-400:focus { - --tw-bg-opacity: 1; - background-color: rgba(156, 163, 175, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-Orange-orange-500 { + background-color: var(--orange-orange-500, #e5720d); } - .lg\:focus\:bg-gray-500:focus { - --tw-bg-opacity: 1; - background-color: rgba(107, 114, 128, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-Orange-orange-600 { + background-color: var(--orange-orange-600, #b3590a); } - .lg\:focus\:bg-gray-600:focus { - --tw-bg-opacity: 1; - background-color: rgba(75, 85, 99, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-Orange-orange-700 { + background-color: var(--orange-orange-700, #663306); } - .lg\:focus\:bg-gray-700:focus { - --tw-bg-opacity: 1; - background-color: rgba(55, 65, 81, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-Yellow-yellow { + background-color: var(--yellow-yellow, #ffab00); } - .lg\:focus\:bg-gray-800:focus { - --tw-bg-opacity: 1; - background-color: rgba(31, 41, 55, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-Yellow-yellow-100 { + background-color: var(--yellow-yellow-100, #ffc44c); } - .lg\:focus\:bg-gray-900:focus { - --tw-bg-opacity: 1; - background-color: rgba(17, 24, 39, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-Yellow-yellow-200 { + background-color: var(--yellow-yellow-200, #ffd580); } - .lg\:focus\:bg-red-50:focus { - --tw-bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-Yellow-yellow-300 { + background-color: var(--yellow-yellow-300, #d99d26); } - .lg\:focus\:bg-red-100:focus { - --tw-bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-Yellow-yellow-400 { + background-color: var(--yellow-yellow-400, #bf943f); } - .lg\:focus\:bg-red-200:focus { - --tw-bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-Yellow-yellow-500 { + background-color: var(--yellow-yellow-500, #e59a00); } - .lg\:focus\:bg-red-300:focus { - --tw-bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-Yellow-yellow-600 { + background-color: var(--yellow-yellow-600, #b37800); } - .lg\:focus\:bg-red-400:focus { - --tw-bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-Yellow-yellow-700 { + background-color: var(--yellow-yellow-700, #664400); } - .lg\:focus\:bg-red-500:focus { - --tw-bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-Notification-notification { + background-color: var(--notification-notification, #3959ff); } - .lg\:focus\:bg-red-600:focus { - --tw-bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-Notification-notification-100 { + background-color: var(--notification-notification-100, #748bff); } - .lg\:focus\:bg-red-700:focus { - --tw-bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-Notification-notification-200 { + background-color: var(--notification-notification-200, #9cacff); } - .lg\:focus\:bg-red-800:focus { - --tw-bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-Notification-notification-300 { + background-color: var(--notification-notification-300, #4e64d9); } - .lg\:focus\:bg-red-900:focus { - --tw-bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-Notification-notification-400 { + background-color: var(--notification-notification-400, #5c6cbf); } - .lg\:focus\:bg-yellow-50:focus { - --tw-bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-Notification-notification-500 { + background-color: var(--notification-notification-500, #3350e5); } - .lg\:focus\:bg-yellow-100:focus { - --tw-bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-Notification-notification-600 { + background-color: var(--notification-notification-600, #283eb3); } - .lg\:focus\:bg-yellow-200:focus { - --tw-bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-Notification-notification-700 { + background-color: var(--notification-notification-700, #172466); } - .lg\:focus\:bg-yellow-300:focus { - --tw-bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-Success-success\ -700 { + background-color: var(--success-success-700, #24471f); } - .lg\:focus\:bg-yellow-400:focus { - --tw-bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-Success-success { + background-color: var(--success-success, #5bb14d); } - .lg\:focus\:bg-yellow-500:focus { - --tw-bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-Success-success\ -100 { + background-color: var(--success-success-100, #8cc882); } - .lg\:focus\:bg-yellow-600:focus { - --tw-bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-Success-success\ -200 { + background-color: var(--success-success-200, #add8a6); } - .lg\:focus\:bg-yellow-700:focus { - --tw-bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-Success-success\ -300 { + background-color: var(--success-success-300, #66a25c); } - .lg\:focus\:bg-yellow-800:focus { - --tw-bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-Success-success\ -400 { + background-color: var(--success-success-400, #6d9766); } - .lg\:focus\:bg-yellow-900:focus { - --tw-bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-Success-success\ -500 { + background-color: var(--success-success-500, #529f45); } - .lg\:focus\:bg-green-50:focus { - --tw-bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-Success-success\ -600 { + background-color: var(--success-success-600, #407c36); } - .lg\:focus\:bg-green-100:focus { - --tw-bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-Error-error { + background-color: var(--error-error, #f03d3e); } - .lg\:focus\:bg-green-200:focus { - --tw-bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-Error-error-100 { + background-color: var(--error-error-100, #f57778); } - .lg\:focus\:bg-green-300:focus { - --tw-bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-Error-error-200 { + background-color: var(--error-error-200, #f89e9e); } - .lg\:focus\:bg-green-400:focus { - --tw-bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-Error-error-250 { + background-color: var(--error-error-250, #f9c8c8); } - .lg\:focus\:bg-green-500:focus { - --tw-bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-Error-error-300 { + background-color: var(--error-error-300, #ce5151); } - .lg\:focus\:bg-green-600:focus { - --tw-bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-Error-error-400 { + background-color: var(--error-error-400, #b85e5e); } - .lg\:focus\:bg-green-700:focus { - --tw-bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-Error-error-500 { + background-color: var(--error-error-500, #d83738); } - .lg\:focus\:bg-green-800:focus { - --tw-bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-Error-error-600 { + background-color: var(--error-error-600, #a82b2b); } - .lg\:focus\:bg-green-900:focus { - --tw-bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--tw-bg-opacity)); + .group:hover .xl\:group-hover\:bg-Error-error-700 { + background-color: var(--error-error-700, #601819); } - .lg\:focus\:bg-blue-50:focus { - --tw-bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--tw-bg-opacity)); + .xl\:focus-within\:bg-colors-black:focus-within { + background-color: var(--colors-black, #000000); } - .lg\:focus\:bg-blue-100:focus { - --tw-bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--tw-bg-opacity)); + .xl\:focus-within\:bg-colors-white:focus-within { + background-color: var(--colors-white, #ffffff); } - .lg\:focus\:bg-blue-200:focus { - --tw-bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--tw-bg-opacity)); + .xl\:focus-within\:bg-colors-gray-100:focus-within { + background-color: var(--colors-gray-100, #f7fafc); } - .lg\:focus\:bg-blue-300:focus { - --tw-bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--tw-bg-opacity)); + .xl\:focus-within\:bg-colors-gray-200:focus-within { + background-color: var(--colors-gray-200, #edf2f7); } - .lg\:focus\:bg-blue-400:focus { - --tw-bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--tw-bg-opacity)); + .xl\:focus-within\:bg-colors-gray-300:focus-within { + background-color: var(--colors-gray-300, #e2e8f0); } - .lg\:focus\:bg-blue-500:focus { - --tw-bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--tw-bg-opacity)); + .xl\:focus-within\:bg-colors-gray-400:focus-within { + background-color: var(--colors-gray-400, #cbd5e0); } - .lg\:focus\:bg-blue-600:focus { - --tw-bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--tw-bg-opacity)); + .xl\:focus-within\:bg-colors-gray-500:focus-within { + background-color: var(--colors-gray-500, #a0aec0); } - .lg\:focus\:bg-blue-700:focus { - --tw-bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--tw-bg-opacity)); + .xl\:focus-within\:bg-colors-gray-600:focus-within { + background-color: var(--colors-gray-600, #718096); } - .lg\:focus\:bg-blue-800:focus { - --tw-bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--tw-bg-opacity)); + .xl\:focus-within\:bg-colors-gray-700:focus-within { + background-color: var(--colors-gray-700, #4a5568); } - .lg\:focus\:bg-blue-900:focus { - --tw-bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--tw-bg-opacity)); + .xl\:focus-within\:bg-colors-gray-800:focus-within { + background-color: var(--colors-gray-800, #2d3748); } - .lg\:focus\:bg-indigo-50:focus { - --tw-bg-opacity: 1; - background-color: rgba(238, 242, 255, var(--tw-bg-opacity)); + .xl\:focus-within\:bg-colors-gray-900:focus-within { + background-color: var(--colors-gray-900, #1a202c); } - .lg\:focus\:bg-indigo-100:focus { - --tw-bg-opacity: 1; - background-color: rgba(224, 231, 255, var(--tw-bg-opacity)); + .xl\:focus-within\:bg-colors-red-100:focus-within { + background-color: var(--colors-red-100, #fff5f5); } - .lg\:focus\:bg-indigo-200:focus { - --tw-bg-opacity: 1; - background-color: rgba(199, 210, 254, var(--tw-bg-opacity)); + .xl\:focus-within\:bg-colors-red-200:focus-within { + background-color: var(--colors-red-200, #fed7d7); } - .lg\:focus\:bg-indigo-300:focus { - --tw-bg-opacity: 1; - background-color: rgba(165, 180, 252, var(--tw-bg-opacity)); + .xl\:focus-within\:bg-colors-red-300:focus-within { + background-color: var(--colors-red-300, #feb2b2); } - .lg\:focus\:bg-indigo-400:focus { - --tw-bg-opacity: 1; - background-color: rgba(129, 140, 248, var(--tw-bg-opacity)); + .xl\:focus-within\:bg-colors-red-400:focus-within { + background-color: var(--colors-red-400, #fc8181); } - .lg\:focus\:bg-indigo-500:focus { - --tw-bg-opacity: 1; - background-color: rgba(99, 102, 241, var(--tw-bg-opacity)); + .xl\:focus-within\:bg-colors-red-500:focus-within { + background-color: var(--colors-red-500, #f56565); } - .lg\:focus\:bg-indigo-600:focus { - --tw-bg-opacity: 1; - background-color: rgba(79, 70, 229, var(--tw-bg-opacity)); + .xl\:focus-within\:bg-colors-red-600:focus-within { + background-color: var(--colors-red-600, #e53e3e); } - .lg\:focus\:bg-indigo-700:focus { - --tw-bg-opacity: 1; - background-color: rgba(67, 56, 202, var(--tw-bg-opacity)); + .xl\:focus-within\:bg-colors-red-700:focus-within { + background-color: var(--colors-red-700, #c53030); } - .lg\:focus\:bg-indigo-800:focus { - --tw-bg-opacity: 1; - background-color: rgba(55, 48, 163, var(--tw-bg-opacity)); + .xl\:focus-within\:bg-colors-red-800:focus-within { + background-color: var(--colors-red-800, #9b2c2c); } - .lg\:focus\:bg-indigo-900:focus { - --tw-bg-opacity: 1; - background-color: rgba(49, 46, 129, var(--tw-bg-opacity)); + .xl\:focus-within\:bg-colors-red-900:focus-within { + background-color: var(--colors-red-900, #742a2a); } - .lg\:focus\:bg-purple-50:focus { - --tw-bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--tw-bg-opacity)); + .xl\:focus-within\:bg-colors-orange-100:focus-within { + background-color: var(--colors-orange-100, #fffaf0); } - .lg\:focus\:bg-purple-100:focus { - --tw-bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--tw-bg-opacity)); + .xl\:focus-within\:bg-colors-orange-200:focus-within { + background-color: var(--colors-orange-200, #feebc8); } - .lg\:focus\:bg-purple-200:focus { - --tw-bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--tw-bg-opacity)); + .xl\:focus-within\:bg-colors-orange-300:focus-within { + background-color: var(--colors-orange-300, #fbd38d); } - .lg\:focus\:bg-purple-300:focus { - --tw-bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--tw-bg-opacity)); + .xl\:focus-within\:bg-colors-orange-400:focus-within { + background-color: var(--colors-orange-400, #f6ad55); } - .lg\:focus\:bg-purple-400:focus { - --tw-bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--tw-bg-opacity)); + .xl\:focus-within\:bg-colors-orange-500:focus-within { + background-color: var(--colors-orange-500, #ed8936); } - .lg\:focus\:bg-purple-500:focus { - --tw-bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--tw-bg-opacity)); + .xl\:focus-within\:bg-colors-orange-600:focus-within { + background-color: var(--colors-orange-600, #dd6b20); } - .lg\:focus\:bg-purple-600:focus { - --tw-bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--tw-bg-opacity)); + .xl\:focus-within\:bg-colors-orange-700:focus-within { + background-color: var(--colors-orange-700, #c05621); } - .lg\:focus\:bg-purple-700:focus { - --tw-bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--tw-bg-opacity)); + .xl\:focus-within\:bg-colors-orange-800:focus-within { + background-color: var(--colors-orange-800, #9c4221); } - .lg\:focus\:bg-purple-800:focus { - --tw-bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--tw-bg-opacity)); + .xl\:focus-within\:bg-colors-orange-900:focus-within { + background-color: var(--colors-orange-900, #7b341e); } - .lg\:focus\:bg-purple-900:focus { - --tw-bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--tw-bg-opacity)); + .xl\:focus-within\:bg-colors-yellow-100:focus-within { + background-color: var(--colors-yellow-100, #fffff0); } - .lg\:focus\:bg-pink-50:focus { - --tw-bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--tw-bg-opacity)); + .xl\:focus-within\:bg-colors-yellow-200:focus-within { + background-color: var(--colors-yellow-200, #fefcbf); } - .lg\:focus\:bg-pink-100:focus { - --tw-bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--tw-bg-opacity)); + .xl\:focus-within\:bg-colors-yellow-300:focus-within { + background-color: var(--colors-yellow-300, #faf089); } - .lg\:focus\:bg-pink-200:focus { - --tw-bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--tw-bg-opacity)); + .xl\:focus-within\:bg-colors-yellow-400:focus-within { + background-color: var(--colors-yellow-400, #f6e05e); } - .lg\:focus\:bg-pink-300:focus { - --tw-bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--tw-bg-opacity)); + .xl\:focus-within\:bg-colors-yellow-500:focus-within { + background-color: var(--colors-yellow-500, #ecc94b); } - .lg\:focus\:bg-pink-400:focus { - --tw-bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--tw-bg-opacity)); + .xl\:focus-within\:bg-colors-yellow-600:focus-within { + background-color: var(--colors-yellow-600, #d69e2e); } - .lg\:focus\:bg-pink-500:focus { - --tw-bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--tw-bg-opacity)); + .xl\:focus-within\:bg-colors-yellow-700:focus-within { + background-color: var(--colors-yellow-700, #b7791f); } - .lg\:focus\:bg-pink-600:focus { - --tw-bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--tw-bg-opacity)); + .xl\:focus-within\:bg-colors-yellow-800:focus-within { + background-color: var(--colors-yellow-800, #975a16); } - .lg\:focus\:bg-pink-700:focus { - --tw-bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--tw-bg-opacity)); + .xl\:focus-within\:bg-colors-yellow-900:focus-within { + background-color: var(--colors-yellow-900, #744210); } - .lg\:focus\:bg-pink-800:focus { - --tw-bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--tw-bg-opacity)); + .xl\:focus-within\:bg-colors-green-100:focus-within { + background-color: var(--colors-green-100, #f0fff4); } - .lg\:focus\:bg-pink-900:focus { - --tw-bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--tw-bg-opacity)); + .xl\:focus-within\:bg-colors-green-200:focus-within { + background-color: var(--colors-green-200, #c6f6d5); } - .lg\:bg-opacity-0 { - --tw-bg-opacity: 0; + .xl\:focus-within\:bg-colors-green-300:focus-within { + background-color: var(--colors-green-300, #9ae6b4); } - .lg\:bg-opacity-5 { - --tw-bg-opacity: 0.05; + .xl\:focus-within\:bg-colors-green-400:focus-within { + background-color: var(--colors-green-400, #68d391); } - .lg\:bg-opacity-10 { - --tw-bg-opacity: 0.1; + .xl\:focus-within\:bg-colors-green-500:focus-within { + background-color: var(--colors-green-500, #48bb78); } - .lg\:bg-opacity-20 { - --tw-bg-opacity: 0.2; + .xl\:focus-within\:bg-colors-green-600:focus-within { + background-color: var(--colors-green-600, #38a169); } - .lg\:bg-opacity-25 { - --tw-bg-opacity: 0.25; + .xl\:focus-within\:bg-colors-green-700:focus-within { + background-color: var(--colors-green-700, #2f855a); } - .lg\:bg-opacity-30 { - --tw-bg-opacity: 0.3; + .xl\:focus-within\:bg-colors-green-800:focus-within { + background-color: var(--colors-green-800, #276749); } - .lg\:bg-opacity-40 { - --tw-bg-opacity: 0.4; + .xl\:focus-within\:bg-colors-green-900:focus-within { + background-color: var(--colors-green-900, #22543d); } - .lg\:bg-opacity-50 { - --tw-bg-opacity: 0.5; + .xl\:focus-within\:bg-colors-teal-100:focus-within { + background-color: var(--colors-teal-100, #e6fffa); } - .lg\:bg-opacity-60 { - --tw-bg-opacity: 0.6; + .xl\:focus-within\:bg-colors-teal-200:focus-within { + background-color: var(--colors-teal-200, #b2f5ea); } - .lg\:bg-opacity-70 { - --tw-bg-opacity: 0.7; + .xl\:focus-within\:bg-colors-teal-300:focus-within { + background-color: var(--colors-teal-300, #81e6d9); } - .lg\:bg-opacity-75 { - --tw-bg-opacity: 0.75; + .xl\:focus-within\:bg-colors-teal-400:focus-within { + background-color: var(--colors-teal-400, #4fd1c5); } - .lg\:bg-opacity-80 { - --tw-bg-opacity: 0.8; + .xl\:focus-within\:bg-colors-teal-500:focus-within { + background-color: var(--colors-teal-500, #38b2ac); } - .lg\:bg-opacity-90 { - --tw-bg-opacity: 0.9; + .xl\:focus-within\:bg-colors-teal-600:focus-within { + background-color: var(--colors-teal-600, #319795); } - .lg\:bg-opacity-95 { - --tw-bg-opacity: 0.95; + .xl\:focus-within\:bg-colors-teal-700:focus-within { + background-color: var(--colors-teal-700, #2c7a7b); } - .lg\:bg-opacity-100 { - --tw-bg-opacity: 1; + .xl\:focus-within\:bg-colors-teal-800:focus-within { + background-color: var(--colors-teal-800, #285e61); } - .group:hover .lg\:group-hover\:bg-opacity-0 { - --tw-bg-opacity: 0; + .xl\:focus-within\:bg-colors-teal-900:focus-within { + background-color: var(--colors-teal-900, #234e52); } - .group:hover .lg\:group-hover\:bg-opacity-5 { - --tw-bg-opacity: 0.05; + .xl\:focus-within\:bg-colors-blue-100:focus-within { + background-color: var(--colors-blue-100, #ebf8ff); } - .group:hover .lg\:group-hover\:bg-opacity-10 { - --tw-bg-opacity: 0.1; + .xl\:focus-within\:bg-colors-blue-200:focus-within { + background-color: var(--colors-blue-200, #bee3f8); } - .group:hover .lg\:group-hover\:bg-opacity-20 { - --tw-bg-opacity: 0.2; + .xl\:focus-within\:bg-colors-blue-300:focus-within { + background-color: var(--colors-blue-300, #90cdf4); } - .group:hover .lg\:group-hover\:bg-opacity-25 { - --tw-bg-opacity: 0.25; + .xl\:focus-within\:bg-colors-blue-400:focus-within { + background-color: var(--colors-blue-400, #63b3ed); } - .group:hover .lg\:group-hover\:bg-opacity-30 { - --tw-bg-opacity: 0.3; + .xl\:focus-within\:bg-colors-blue-500:focus-within { + background-color: var(--colors-blue-500, #4299e1); } - .group:hover .lg\:group-hover\:bg-opacity-40 { - --tw-bg-opacity: 0.4; + .xl\:focus-within\:bg-colors-blue-600:focus-within { + background-color: var(--colors-blue-600, #3182ce); } - .group:hover .lg\:group-hover\:bg-opacity-50 { - --tw-bg-opacity: 0.5; + .xl\:focus-within\:bg-colors-blue-700:focus-within { + background-color: var(--colors-blue-700, #2b6cb0); } - .group:hover .lg\:group-hover\:bg-opacity-60 { - --tw-bg-opacity: 0.6; + .xl\:focus-within\:bg-colors-blue-800:focus-within { + background-color: var(--colors-blue-800, #2c5282); } - .group:hover .lg\:group-hover\:bg-opacity-70 { - --tw-bg-opacity: 0.7; + .xl\:focus-within\:bg-colors-blue-900:focus-within { + background-color: var(--colors-blue-900, #2a4365); } - .group:hover .lg\:group-hover\:bg-opacity-75 { - --tw-bg-opacity: 0.75; + .xl\:focus-within\:bg-colors-indigo-100:focus-within { + background-color: var(--colors-indigo-100, #ebf4ff); } - .group:hover .lg\:group-hover\:bg-opacity-80 { - --tw-bg-opacity: 0.8; + .xl\:focus-within\:bg-colors-indigo-200:focus-within { + background-color: var(--colors-indigo-200, #c3dafe); } - .group:hover .lg\:group-hover\:bg-opacity-90 { - --tw-bg-opacity: 0.9; + .xl\:focus-within\:bg-colors-indigo-300:focus-within { + background-color: var(--colors-indigo-300, #a3bffa); } - .group:hover .lg\:group-hover\:bg-opacity-95 { - --tw-bg-opacity: 0.95; + .xl\:focus-within\:bg-colors-indigo-400:focus-within { + background-color: var(--colors-indigo-400, #7f9cf5); } - .group:hover .lg\:group-hover\:bg-opacity-100 { - --tw-bg-opacity: 1; + .xl\:focus-within\:bg-colors-indigo-500:focus-within { + background-color: var(--colors-indigo-500, #667eea); } - .lg\:focus-within\:bg-opacity-0:focus-within { - --tw-bg-opacity: 0; + .xl\:focus-within\:bg-colors-indigo-600:focus-within { + background-color: var(--colors-indigo-600, #5a67d8); } - .lg\:focus-within\:bg-opacity-5:focus-within { - --tw-bg-opacity: 0.05; + .xl\:focus-within\:bg-colors-indigo-700:focus-within { + background-color: var(--colors-indigo-700, #4c51bf); } - .lg\:focus-within\:bg-opacity-10:focus-within { - --tw-bg-opacity: 0.1; + .xl\:focus-within\:bg-colors-indigo-800:focus-within { + background-color: var(--colors-indigo-800, #434190); } - .lg\:focus-within\:bg-opacity-20:focus-within { - --tw-bg-opacity: 0.2; + .xl\:focus-within\:bg-colors-indigo-900:focus-within { + background-color: var(--colors-indigo-900, #3c366b); } - .lg\:focus-within\:bg-opacity-25:focus-within { - --tw-bg-opacity: 0.25; + .xl\:focus-within\:bg-colors-purple-100:focus-within { + background-color: var(--colors-purple-100, #faf5ff); } - .lg\:focus-within\:bg-opacity-30:focus-within { - --tw-bg-opacity: 0.3; + .xl\:focus-within\:bg-colors-purple-200:focus-within { + background-color: var(--colors-purple-200, #e9d8fd); } - .lg\:focus-within\:bg-opacity-40:focus-within { - --tw-bg-opacity: 0.4; + .xl\:focus-within\:bg-colors-purple-300:focus-within { + background-color: var(--colors-purple-300, #d6bcfa); } - .lg\:focus-within\:bg-opacity-50:focus-within { - --tw-bg-opacity: 0.5; + .xl\:focus-within\:bg-colors-purple-400:focus-within { + background-color: var(--colors-purple-400, #b794f4); } - .lg\:focus-within\:bg-opacity-60:focus-within { - --tw-bg-opacity: 0.6; + .xl\:focus-within\:bg-colors-purple-500:focus-within { + background-color: var(--colors-purple-500, #9f7aea); } - .lg\:focus-within\:bg-opacity-70:focus-within { - --tw-bg-opacity: 0.7; + .xl\:focus-within\:bg-colors-purple-600:focus-within { + background-color: var(--colors-purple-600, #805ad5); } - .lg\:focus-within\:bg-opacity-75:focus-within { - --tw-bg-opacity: 0.75; + .xl\:focus-within\:bg-colors-purple-700:focus-within { + background-color: var(--colors-purple-700, #6b46c1); } - .lg\:focus-within\:bg-opacity-80:focus-within { - --tw-bg-opacity: 0.8; + .xl\:focus-within\:bg-colors-purple-800:focus-within { + background-color: var(--colors-purple-800, #553c9a); } - .lg\:focus-within\:bg-opacity-90:focus-within { - --tw-bg-opacity: 0.9; + .xl\:focus-within\:bg-colors-purple-900:focus-within { + background-color: var(--colors-purple-900, #44337a); } - .lg\:focus-within\:bg-opacity-95:focus-within { - --tw-bg-opacity: 0.95; + .xl\:focus-within\:bg-colors-pink-100:focus-within { + background-color: var(--colors-pink-100, #fff5f7); } - .lg\:focus-within\:bg-opacity-100:focus-within { - --tw-bg-opacity: 1; + .xl\:focus-within\:bg-colors-pink-200:focus-within { + background-color: var(--colors-pink-200, #fed7e2); } - .lg\:hover\:bg-opacity-0:hover { - --tw-bg-opacity: 0; + .xl\:focus-within\:bg-colors-pink-300:focus-within { + background-color: var(--colors-pink-300, #fbb6ce); } - .lg\:hover\:bg-opacity-5:hover { - --tw-bg-opacity: 0.05; + .xl\:focus-within\:bg-colors-pink-400:focus-within { + background-color: var(--colors-pink-400, #f687b3); } - .lg\:hover\:bg-opacity-10:hover { - --tw-bg-opacity: 0.1; + .xl\:focus-within\:bg-colors-pink-500:focus-within { + background-color: var(--colors-pink-500, #ed64a6); } - .lg\:hover\:bg-opacity-20:hover { - --tw-bg-opacity: 0.2; + .xl\:focus-within\:bg-colors-pink-600:focus-within { + background-color: var(--colors-pink-600, #d53f8c); } - .lg\:hover\:bg-opacity-25:hover { - --tw-bg-opacity: 0.25; + .xl\:focus-within\:bg-colors-pink-700:focus-within { + background-color: var(--colors-pink-700, #b83280); } - .lg\:hover\:bg-opacity-30:hover { - --tw-bg-opacity: 0.3; + .xl\:focus-within\:bg-colors-pink-800:focus-within { + background-color: var(--colors-pink-800, #97266d); } - .lg\:hover\:bg-opacity-40:hover { - --tw-bg-opacity: 0.4; + .xl\:focus-within\:bg-colors-pink-900:focus-within { + background-color: var(--colors-pink-900, #702459); } - .lg\:hover\:bg-opacity-50:hover { - --tw-bg-opacity: 0.5; + .xl\:focus-within\:bg-Box\ Shadow:focus-within { + background-color: var(--box-shadow, #7f7e7f); } - .lg\:hover\:bg-opacity-60:hover { - --tw-bg-opacity: 0.6; + .xl\:focus-within\:bg-Error16:focus-within { + background-color: var(--error16, #f03d3e40); } - .lg\:hover\:bg-opacity-70:hover { - --tw-bg-opacity: 0.7; + .xl\:focus-within\:bg-Success16:focus-within { + background-color: var(--success16, #5bb14d40); } - .lg\:hover\:bg-opacity-75:hover { - --tw-bg-opacity: 0.75; + .xl\:focus-within\:bg-Notification16:focus-within { + background-color: var(--notification16, #3959ff40); } - .lg\:hover\:bg-opacity-80:hover { - --tw-bg-opacity: 0.8; + .xl\:focus-within\:bg-Error8:focus-within { + background-color: var(--error8, #f03d3e1a); } - .lg\:hover\:bg-opacity-90:hover { - --tw-bg-opacity: 0.9; + .xl\:focus-within\:bg-Notification8:focus-within { + background-color: var(--notification8, #3959ff1a); } - .lg\:hover\:bg-opacity-95:hover { - --tw-bg-opacity: 0.95; + .xl\:focus-within\:bg-Success8:focus-within { + background-color: var(--success8, #5bb14d1a); } - .lg\:hover\:bg-opacity-100:hover { - --tw-bg-opacity: 1; + .xl\:focus-within\:bg-Light\ -\ Overlay:focus-within { + background-color: var(--light-overlay, #f0edee66); } - .lg\:focus\:bg-opacity-0:focus { - --tw-bg-opacity: 0; + .xl\:focus-within\:bg-Dark-\ Overlay:focus-within { + background-color: var(--dark-overlay, #7f7e7f66); } - .lg\:focus\:bg-opacity-5:focus { - --tw-bg-opacity: 0.05; + .xl\:focus-within\:bg-black-40:focus-within { + background-color: var(--black-40, #00000066); } - .lg\:focus\:bg-opacity-10:focus { - --tw-bg-opacity: 0.1; + .xl\:focus-within\:bg-black-75:focus-within { + background-color: var(--black-75, #000000bf); } - .lg\:focus\:bg-opacity-20:focus { - --tw-bg-opacity: 0.2; + .xl\:focus-within\:bg-black-60:focus-within { + background-color: var(--black-60, #00000099); } - .lg\:focus\:bg-opacity-25:focus { - --tw-bg-opacity: 0.25; + .xl\:focus-within\:bg-black-50:focus-within { + background-color: var(--black-50, #00000080); } - .lg\:focus\:bg-opacity-30:focus { - --tw-bg-opacity: 0.3; + .xl\:focus-within\:bg-black-25:focus-within { + background-color: var(--black-25, #00000040); } - .lg\:focus\:bg-opacity-40:focus { - --tw-bg-opacity: 0.4; + .xl\:focus-within\:bg-black-10:focus-within { + background-color: var(--black-10, #0000001a); } - .lg\:focus\:bg-opacity-50:focus { - --tw-bg-opacity: 0.5; + .xl\:focus-within\:bg-white-25:focus-within { + background-color: var(--white-25, #ffffff40); } - .lg\:focus\:bg-opacity-60:focus { - --tw-bg-opacity: 0.6; + .xl\:focus-within\:bg-white-60:focus-within { + background-color: var(--white-60, #ffffff99); } - .lg\:focus\:bg-opacity-70:focus { - --tw-bg-opacity: 0.7; + .xl\:focus-within\:bg-black-64:focus-within { + background-color: var(--black-64, #000000a3); } - .lg\:focus\:bg-opacity-75:focus { - --tw-bg-opacity: 0.75; + .xl\:focus-within\:bg-Shadow\ and\ Highlight-Shadow:focus-within { + background-color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .lg\:focus\:bg-opacity-80:focus { - --tw-bg-opacity: 0.8; + .xl\:focus-within\:bg-Shadow\ and\ Highlight-Highlight:focus-within { + background-color: var(--shadow-and-highlight-highlight, #474747); } - .lg\:focus\:bg-opacity-90:focus { - --tw-bg-opacity: 0.9; + .xl\:focus-within\:bg-Shadow\ and\ Highlight-highlight\ one:focus-within { + background-color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .lg\:focus\:bg-opacity-95:focus { - --tw-bg-opacity: 0.95; + .xl\:focus-within\:bg-Shadow\ and\ Highlight-highlight\ two:focus-within { + background-color: var(--shadow-and-highlight-highlight-two, #47474799); } - .lg\:focus\:bg-opacity-100:focus { - --tw-bg-opacity: 1; + .xl\:focus-within\:bg-Shadow\ and\ Highlight-highlight\ three:focus-within { + background-color: var(--shadow-and-highlight-highlight-three, #47474766); } - .lg\:bg-none { - background-image: none; + .xl\:focus-within\:bg-Shadow\ and\ Highlight-highlight\ five:focus-within { + background-color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .lg\:bg-gradient-to-t { - background-image: linear-gradient(to top, var(--tw-gradient-stops)); + .xl\:focus-within\:bg-Shadow\ and\ Highlight-shadow\ one:focus-within { + background-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .lg\:bg-gradient-to-tr { - background-image: linear-gradient(to top right, var(--tw-gradient-stops)); + .xl\:focus-within\:bg-Shadow\ and\ Highlight-shadow\ two:focus-within { + background-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .lg\:bg-gradient-to-r { - background-image: linear-gradient(to right, var(--tw-gradient-stops)); + .xl\:focus-within\:bg-Shadow\ and\ Highlight-shadow\ three:focus-within { + background-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .lg\:bg-gradient-to-br { - background-image: linear-gradient(to bottom right, var(--tw-gradient-stops)); + .xl\:focus-within\:bg-Shadow\ and\ Highlight-shadow\ four:focus-within { + background-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .lg\:bg-gradient-to-b { - background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); + .xl\:focus-within\:bg-Shadow\ and\ Highlight-shadow\ five:focus-within { + background-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .lg\:bg-gradient-to-bl { - background-image: linear-gradient(to bottom left, var(--tw-gradient-stops)); + .xl\:focus-within\:bg-Shadow\ and\ Highlight-highlight\ four:focus-within { + background-color: var(--shadow-and-highlight-highlight-four, #47474740); } - .lg\:bg-gradient-to-l { - background-image: linear-gradient(to left, var(--tw-gradient-stops)); + .xl\:focus-within\:bg-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus-within { + background-color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .lg\:bg-gradient-to-tl { - background-image: linear-gradient(to top left, var(--tw-gradient-stops)); + .xl\:focus-within\:bg-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus-within { + background-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .lg\:from-transparent { - --tw-gradient-from: transparent; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); + .xl\:focus-within\:bg-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus-within { + background-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .lg\:from-current { - --tw-gradient-from: currentColor; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + .xl\:focus-within\:bg-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus-within { + background-color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .lg\:from-black { - --tw-gradient-from: #000; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); + .xl\:focus-within\:bg-Grey-Scale-white:focus-within { + background-color: var(--grey-scale-white, #ffffff); } - .lg\:from-white { - --tw-gradient-from: #fff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + .xl\:focus-within\:bg-Grey-Scale-off-white:focus-within { + background-color: var(--grey-scale-off-white, #f0edee); } - .lg\:from-gray-50 { - --tw-gradient-from: #f9fafb; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0)); + .xl\:focus-within\:bg-Grey\ Scale-grey:focus-within { + background-color: var(--grey-scale-grey, #7f7e7f); } - .lg\:from-gray-100 { - --tw-gradient-from: #f3f4f6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0)); + .xl\:focus-within\:bg-Grey\ Scale-charcoal:focus-within { + background-color: var(--grey-scale-charcoal, #474747); } - .lg\:from-gray-200 { - --tw-gradient-from: #e5e7eb; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0)); + .xl\:focus-within\:bg-Grey\ Scale-off-black:focus-within { + background-color: var(--grey-scale-off-black, #1c1c1c); } - .lg\:from-gray-300 { - --tw-gradient-from: #d1d5db; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0)); + .xl\:focus-within\:bg-Grey\ Scale-black:focus-within { + background-color: var(--grey-scale-black, #000000); } - .lg\:from-gray-400 { - --tw-gradient-from: #9ca3af; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0)); + .xl\:focus-within\:bg-Blue-blue:focus-within { + background-color: var(--blue-blue, #3a7ca5); } - .lg\:from-gray-500 { - --tw-gradient-from: #6b7280; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0)); + .xl\:focus-within\:bg-Blue-blue-100:focus-within { + background-color: var(--blue-blue-100, #75a3c0); } - .lg\:from-gray-600 { - --tw-gradient-from: #4b5563; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0)); + .xl\:focus-within\:bg-Blue-blue-200:focus-within { + background-color: var(--blue-blue-200, #9cbed2); } - .lg\:from-gray-700 { - --tw-gradient-from: #374151; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0)); + .xl\:focus-within\:bg-Blue-blue-300:focus-within { + background-color: var(--blue-blue-300, #4f7d9a); } - .lg\:from-gray-800 { - --tw-gradient-from: #1f2937; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0)); + .xl\:focus-within\:bg-Blue-blue-400:focus-within { + background-color: var(--blue-blue-400, #5c7d92); } - .lg\:from-gray-900 { - --tw-gradient-from: #111827; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0)); + .xl\:focus-within\:bg-Blue-blue-500:focus-within { + background-color: var(--blue-blue-500, #347095); } - .lg\:from-red-50 { - --tw-gradient-from: #fef2f2; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0)); + .xl\:focus-within\:bg-Blue-blue-600:focus-within { + background-color: var(--blue-blue-600, #295774); } - .lg\:from-red-100 { - --tw-gradient-from: #fee2e2; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0)); + .xl\:focus-within\:bg-Blue-blue-700:focus-within { + background-color: var(--blue-blue-700, #173242); } - .lg\:from-red-200 { - --tw-gradient-from: #fecaca; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0)); + .xl\:focus-within\:bg-LightBlue-lightblue:focus-within { + background-color: var(--light-blue-lightblue, #81c3d7); } - .lg\:from-red-300 { - --tw-gradient-from: #fca5a5; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0)); + .xl\:focus-within\:bg-LightBlue-lightblue-100:focus-within { + background-color: var(--light-blue-lightblue-100, #a7d5e3); } - .lg\:from-red-400 { - --tw-gradient-from: #f87171; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0)); + .xl\:focus-within\:bg-LightBlue-lightblue-200:focus-within { + background-color: var(--light-blue-lightblue-200, #c0e1eb); } - .lg\:from-red-500 { - --tw-gradient-from: #ef4444; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0)); + .xl\:focus-within\:bg-LightBlue-lightblue-300:focus-within { + background-color: var(--light-blue-lightblue-300, #80aebd); } - .lg\:from-red-600 { - --tw-gradient-from: #dc2626; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0)); + .xl\:focus-within\:bg-LightBlue-lightblue-400:focus-within { + background-color: var(--light-blue-lightblue-400, #80a0ab); } - .lg\:from-red-700 { - --tw-gradient-from: #b91c1c; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0)); + .xl\:focus-within\:bg-LightBlue-lightblue-500:focus-within { + background-color: var(--light-blue-lightblue-500, #74afc1); } - .lg\:from-red-800 { - --tw-gradient-from: #991b1b; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0)); + .xl\:focus-within\:bg-LightBlue-lightblue-600:focus-within { + background-color: var(--light-blue-lightblue-600, #5a8997); } - .lg\:from-red-900 { - --tw-gradient-from: #7f1d1d; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0)); + .xl\:focus-within\:bg-LightBlue-lightblue-650:focus-within { + background-color: var(--light-blue-lightblue-650, #3e5e65); } - .lg\:from-yellow-50 { - --tw-gradient-from: #fffbeb; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0)); + .xl\:focus-within\:bg-LightBlue-lightblue-700:focus-within { + background-color: var(--light-blue-lightblue-700, #344e56); } - .lg\:from-yellow-100 { - --tw-gradient-from: #fef3c7; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0)); + .xl\:focus-within\:bg-Orange-orange:focus-within { + background-color: var(--orange-orange, #ff7f0e); } - .lg\:from-yellow-200 { - --tw-gradient-from: #fde68a; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0)); + .xl\:focus-within\:bg-Orange-orange-100:focus-within { + background-color: var(--orange-orange-100, #ffa556); } - .lg\:from-yellow-300 { - --tw-gradient-from: #fcd34d; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0)); + .xl\:focus-within\:bg-Orange-orange-200:focus-within { + background-color: var(--orange-orange-200, #ffbf86); } - .lg\:from-yellow-400 { - --tw-gradient-from: #fbbf24; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0)); + .xl\:focus-within\:bg-Orange-orange-300:focus-within { + background-color: var(--orange-orange-300, #d97f30); } - .lg\:from-yellow-500 { - --tw-gradient-from: #f59e0b; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0)); + .xl\:focus-within\:bg-Orange-orange-400:focus-within { + background-color: var(--orange-orange-400, #bf7e46); } - .lg\:from-yellow-600 { - --tw-gradient-from: #d97706; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0)); + .xl\:focus-within\:bg-Orange-orange-500:focus-within { + background-color: var(--orange-orange-500, #e5720d); } - .lg\:from-yellow-700 { - --tw-gradient-from: #b45309; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0)); + .xl\:focus-within\:bg-Orange-orange-600:focus-within { + background-color: var(--orange-orange-600, #b3590a); } - .lg\:from-yellow-800 { - --tw-gradient-from: #92400e; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0)); + .xl\:focus-within\:bg-Orange-orange-700:focus-within { + background-color: var(--orange-orange-700, #663306); } - .lg\:from-yellow-900 { - --tw-gradient-from: #78350f; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0)); + .xl\:focus-within\:bg-Yellow-yellow:focus-within { + background-color: var(--yellow-yellow, #ffab00); } - .lg\:from-green-50 { - --tw-gradient-from: #ecfdf5; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0)); + .xl\:focus-within\:bg-Yellow-yellow-100:focus-within { + background-color: var(--yellow-yellow-100, #ffc44c); } - .lg\:from-green-100 { - --tw-gradient-from: #d1fae5; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0)); + .xl\:focus-within\:bg-Yellow-yellow-200:focus-within { + background-color: var(--yellow-yellow-200, #ffd580); } - .lg\:from-green-200 { - --tw-gradient-from: #a7f3d0; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0)); + .xl\:focus-within\:bg-Yellow-yellow-300:focus-within { + background-color: var(--yellow-yellow-300, #d99d26); } - .lg\:from-green-300 { - --tw-gradient-from: #6ee7b7; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0)); + .xl\:focus-within\:bg-Yellow-yellow-400:focus-within { + background-color: var(--yellow-yellow-400, #bf943f); } - .lg\:from-green-400 { - --tw-gradient-from: #34d399; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0)); + .xl\:focus-within\:bg-Yellow-yellow-500:focus-within { + background-color: var(--yellow-yellow-500, #e59a00); } - .lg\:from-green-500 { - --tw-gradient-from: #10b981; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0)); + .xl\:focus-within\:bg-Yellow-yellow-600:focus-within { + background-color: var(--yellow-yellow-600, #b37800); } - .lg\:from-green-600 { - --tw-gradient-from: #059669; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0)); + .xl\:focus-within\:bg-Yellow-yellow-700:focus-within { + background-color: var(--yellow-yellow-700, #664400); } - .lg\:from-green-700 { - --tw-gradient-from: #047857; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0)); + .xl\:focus-within\:bg-Notification-notification:focus-within { + background-color: var(--notification-notification, #3959ff); } - .lg\:from-green-800 { - --tw-gradient-from: #065f46; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0)); + .xl\:focus-within\:bg-Notification-notification-100:focus-within { + background-color: var(--notification-notification-100, #748bff); } - .lg\:from-green-900 { - --tw-gradient-from: #064e3b; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0)); + .xl\:focus-within\:bg-Notification-notification-200:focus-within { + background-color: var(--notification-notification-200, #9cacff); } - .lg\:from-blue-50 { - --tw-gradient-from: #eff6ff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0)); + .xl\:focus-within\:bg-Notification-notification-300:focus-within { + background-color: var(--notification-notification-300, #4e64d9); } - .lg\:from-blue-100 { - --tw-gradient-from: #dbeafe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0)); + .xl\:focus-within\:bg-Notification-notification-400:focus-within { + background-color: var(--notification-notification-400, #5c6cbf); } - .lg\:from-blue-200 { - --tw-gradient-from: #bfdbfe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0)); + .xl\:focus-within\:bg-Notification-notification-500:focus-within { + background-color: var(--notification-notification-500, #3350e5); } - .lg\:from-blue-300 { - --tw-gradient-from: #93c5fd; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0)); + .xl\:focus-within\:bg-Notification-notification-600:focus-within { + background-color: var(--notification-notification-600, #283eb3); } - .lg\:from-blue-400 { - --tw-gradient-from: #60a5fa; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0)); + .xl\:focus-within\:bg-Notification-notification-700:focus-within { + background-color: var(--notification-notification-700, #172466); } - .lg\:from-blue-500 { - --tw-gradient-from: #3b82f6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0)); + .xl\:focus-within\:bg-Success-success\ -700:focus-within { + background-color: var(--success-success-700, #24471f); } - .lg\:from-blue-600 { - --tw-gradient-from: #2563eb; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0)); + .xl\:focus-within\:bg-Success-success:focus-within { + background-color: var(--success-success, #5bb14d); } - .lg\:from-blue-700 { - --tw-gradient-from: #1d4ed8; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0)); + .xl\:focus-within\:bg-Success-success\ -100:focus-within { + background-color: var(--success-success-100, #8cc882); } - .lg\:from-blue-800 { - --tw-gradient-from: #1e40af; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0)); + .xl\:focus-within\:bg-Success-success\ -200:focus-within { + background-color: var(--success-success-200, #add8a6); } - .lg\:from-blue-900 { - --tw-gradient-from: #1e3a8a; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0)); + .xl\:focus-within\:bg-Success-success\ -300:focus-within { + background-color: var(--success-success-300, #66a25c); } - .lg\:from-indigo-50 { - --tw-gradient-from: #eef2ff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0)); + .xl\:focus-within\:bg-Success-success\ -400:focus-within { + background-color: var(--success-success-400, #6d9766); } - .lg\:from-indigo-100 { - --tw-gradient-from: #e0e7ff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0)); + .xl\:focus-within\:bg-Success-success\ -500:focus-within { + background-color: var(--success-success-500, #529f45); } - .lg\:from-indigo-200 { - --tw-gradient-from: #c7d2fe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0)); + .xl\:focus-within\:bg-Success-success\ -600:focus-within { + background-color: var(--success-success-600, #407c36); } - .lg\:from-indigo-300 { - --tw-gradient-from: #a5b4fc; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0)); + .xl\:focus-within\:bg-Error-error:focus-within { + background-color: var(--error-error, #f03d3e); } - .lg\:from-indigo-400 { - --tw-gradient-from: #818cf8; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0)); + .xl\:focus-within\:bg-Error-error-100:focus-within { + background-color: var(--error-error-100, #f57778); } - .lg\:from-indigo-500 { - --tw-gradient-from: #6366f1; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0)); + .xl\:focus-within\:bg-Error-error-200:focus-within { + background-color: var(--error-error-200, #f89e9e); } - .lg\:from-indigo-600 { - --tw-gradient-from: #4f46e5; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0)); + .xl\:focus-within\:bg-Error-error-250:focus-within { + background-color: var(--error-error-250, #f9c8c8); } - .lg\:from-indigo-700 { - --tw-gradient-from: #4338ca; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0)); + .xl\:focus-within\:bg-Error-error-300:focus-within { + background-color: var(--error-error-300, #ce5151); } - .lg\:from-indigo-800 { - --tw-gradient-from: #3730a3; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0)); + .xl\:focus-within\:bg-Error-error-400:focus-within { + background-color: var(--error-error-400, #b85e5e); } - .lg\:from-indigo-900 { - --tw-gradient-from: #312e81; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0)); + .xl\:focus-within\:bg-Error-error-500:focus-within { + background-color: var(--error-error-500, #d83738); } - .lg\:from-purple-50 { - --tw-gradient-from: #f5f3ff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0)); + .xl\:focus-within\:bg-Error-error-600:focus-within { + background-color: var(--error-error-600, #a82b2b); } - .lg\:from-purple-100 { - --tw-gradient-from: #ede9fe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0)); + .xl\:focus-within\:bg-Error-error-700:focus-within { + background-color: var(--error-error-700, #601819); } - .lg\:from-purple-200 { - --tw-gradient-from: #ddd6fe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0)); + .xl\:hover\:bg-colors-black:hover { + background-color: var(--colors-black, #000000); } - .lg\:from-purple-300 { - --tw-gradient-from: #c4b5fd; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0)); + .xl\:hover\:bg-colors-white:hover { + background-color: var(--colors-white, #ffffff); } - .lg\:from-purple-400 { - --tw-gradient-from: #a78bfa; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0)); + .xl\:hover\:bg-colors-gray-100:hover { + background-color: var(--colors-gray-100, #f7fafc); } - .lg\:from-purple-500 { - --tw-gradient-from: #8b5cf6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0)); + .xl\:hover\:bg-colors-gray-200:hover { + background-color: var(--colors-gray-200, #edf2f7); } - .lg\:from-purple-600 { - --tw-gradient-from: #7c3aed; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0)); + .xl\:hover\:bg-colors-gray-300:hover { + background-color: var(--colors-gray-300, #e2e8f0); } - .lg\:from-purple-700 { - --tw-gradient-from: #6d28d9; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0)); + .xl\:hover\:bg-colors-gray-400:hover { + background-color: var(--colors-gray-400, #cbd5e0); } - .lg\:from-purple-800 { - --tw-gradient-from: #5b21b6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0)); + .xl\:hover\:bg-colors-gray-500:hover { + background-color: var(--colors-gray-500, #a0aec0); } - .lg\:from-purple-900 { - --tw-gradient-from: #4c1d95; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0)); + .xl\:hover\:bg-colors-gray-600:hover { + background-color: var(--colors-gray-600, #718096); } - .lg\:from-pink-50 { - --tw-gradient-from: #fdf2f8; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0)); + .xl\:hover\:bg-colors-gray-700:hover { + background-color: var(--colors-gray-700, #4a5568); } - .lg\:from-pink-100 { - --tw-gradient-from: #fce7f3; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0)); + .xl\:hover\:bg-colors-gray-800:hover { + background-color: var(--colors-gray-800, #2d3748); } - .lg\:from-pink-200 { - --tw-gradient-from: #fbcfe8; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0)); + .xl\:hover\:bg-colors-gray-900:hover { + background-color: var(--colors-gray-900, #1a202c); } - .lg\:from-pink-300 { - --tw-gradient-from: #f9a8d4; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0)); + .xl\:hover\:bg-colors-red-100:hover { + background-color: var(--colors-red-100, #fff5f5); } - .lg\:from-pink-400 { - --tw-gradient-from: #f472b6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0)); + .xl\:hover\:bg-colors-red-200:hover { + background-color: var(--colors-red-200, #fed7d7); } - .lg\:from-pink-500 { - --tw-gradient-from: #ec4899; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0)); + .xl\:hover\:bg-colors-red-300:hover { + background-color: var(--colors-red-300, #feb2b2); } - .lg\:from-pink-600 { - --tw-gradient-from: #db2777; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0)); + .xl\:hover\:bg-colors-red-400:hover { + background-color: var(--colors-red-400, #fc8181); } - .lg\:from-pink-700 { - --tw-gradient-from: #be185d; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0)); + .xl\:hover\:bg-colors-red-500:hover { + background-color: var(--colors-red-500, #f56565); } - .lg\:from-pink-800 { - --tw-gradient-from: #9d174d; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0)); + .xl\:hover\:bg-colors-red-600:hover { + background-color: var(--colors-red-600, #e53e3e); } - .lg\:from-pink-900 { - --tw-gradient-from: #831843; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0)); + .xl\:hover\:bg-colors-red-700:hover { + background-color: var(--colors-red-700, #c53030); } - .lg\:hover\:from-transparent:hover { - --tw-gradient-from: transparent; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); + .xl\:hover\:bg-colors-red-800:hover { + background-color: var(--colors-red-800, #9b2c2c); } - .lg\:hover\:from-current:hover { - --tw-gradient-from: currentColor; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + .xl\:hover\:bg-colors-red-900:hover { + background-color: var(--colors-red-900, #742a2a); } - .lg\:hover\:from-black:hover { - --tw-gradient-from: #000; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); + .xl\:hover\:bg-colors-orange-100:hover { + background-color: var(--colors-orange-100, #fffaf0); } - .lg\:hover\:from-white:hover { - --tw-gradient-from: #fff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + .xl\:hover\:bg-colors-orange-200:hover { + background-color: var(--colors-orange-200, #feebc8); + } + + .xl\:hover\:bg-colors-orange-300:hover { + background-color: var(--colors-orange-300, #fbd38d); + } + + .xl\:hover\:bg-colors-orange-400:hover { + background-color: var(--colors-orange-400, #f6ad55); + } + + .xl\:hover\:bg-colors-orange-500:hover { + background-color: var(--colors-orange-500, #ed8936); + } + + .xl\:hover\:bg-colors-orange-600:hover { + background-color: var(--colors-orange-600, #dd6b20); + } + + .xl\:hover\:bg-colors-orange-700:hover { + background-color: var(--colors-orange-700, #c05621); + } + + .xl\:hover\:bg-colors-orange-800:hover { + background-color: var(--colors-orange-800, #9c4221); + } + + .xl\:hover\:bg-colors-orange-900:hover { + background-color: var(--colors-orange-900, #7b341e); + } + + .xl\:hover\:bg-colors-yellow-100:hover { + background-color: var(--colors-yellow-100, #fffff0); + } + + .xl\:hover\:bg-colors-yellow-200:hover { + background-color: var(--colors-yellow-200, #fefcbf); + } + + .xl\:hover\:bg-colors-yellow-300:hover { + background-color: var(--colors-yellow-300, #faf089); + } + + .xl\:hover\:bg-colors-yellow-400:hover { + background-color: var(--colors-yellow-400, #f6e05e); + } + + .xl\:hover\:bg-colors-yellow-500:hover { + background-color: var(--colors-yellow-500, #ecc94b); + } + + .xl\:hover\:bg-colors-yellow-600:hover { + background-color: var(--colors-yellow-600, #d69e2e); + } + + .xl\:hover\:bg-colors-yellow-700:hover { + background-color: var(--colors-yellow-700, #b7791f); + } + + .xl\:hover\:bg-colors-yellow-800:hover { + background-color: var(--colors-yellow-800, #975a16); + } + + .xl\:hover\:bg-colors-yellow-900:hover { + background-color: var(--colors-yellow-900, #744210); + } + + .xl\:hover\:bg-colors-green-100:hover { + background-color: var(--colors-green-100, #f0fff4); + } + + .xl\:hover\:bg-colors-green-200:hover { + background-color: var(--colors-green-200, #c6f6d5); + } + + .xl\:hover\:bg-colors-green-300:hover { + background-color: var(--colors-green-300, #9ae6b4); + } + + .xl\:hover\:bg-colors-green-400:hover { + background-color: var(--colors-green-400, #68d391); + } + + .xl\:hover\:bg-colors-green-500:hover { + background-color: var(--colors-green-500, #48bb78); + } + + .xl\:hover\:bg-colors-green-600:hover { + background-color: var(--colors-green-600, #38a169); + } + + .xl\:hover\:bg-colors-green-700:hover { + background-color: var(--colors-green-700, #2f855a); + } + + .xl\:hover\:bg-colors-green-800:hover { + background-color: var(--colors-green-800, #276749); + } + + .xl\:hover\:bg-colors-green-900:hover { + background-color: var(--colors-green-900, #22543d); + } + + .xl\:hover\:bg-colors-teal-100:hover { + background-color: var(--colors-teal-100, #e6fffa); + } + + .xl\:hover\:bg-colors-teal-200:hover { + background-color: var(--colors-teal-200, #b2f5ea); + } + + .xl\:hover\:bg-colors-teal-300:hover { + background-color: var(--colors-teal-300, #81e6d9); + } + + .xl\:hover\:bg-colors-teal-400:hover { + background-color: var(--colors-teal-400, #4fd1c5); + } + + .xl\:hover\:bg-colors-teal-500:hover { + background-color: var(--colors-teal-500, #38b2ac); + } + + .xl\:hover\:bg-colors-teal-600:hover { + background-color: var(--colors-teal-600, #319795); + } + + .xl\:hover\:bg-colors-teal-700:hover { + background-color: var(--colors-teal-700, #2c7a7b); + } + + .xl\:hover\:bg-colors-teal-800:hover { + background-color: var(--colors-teal-800, #285e61); + } + + .xl\:hover\:bg-colors-teal-900:hover { + background-color: var(--colors-teal-900, #234e52); + } + + .xl\:hover\:bg-colors-blue-100:hover { + background-color: var(--colors-blue-100, #ebf8ff); + } + + .xl\:hover\:bg-colors-blue-200:hover { + background-color: var(--colors-blue-200, #bee3f8); + } + + .xl\:hover\:bg-colors-blue-300:hover { + background-color: var(--colors-blue-300, #90cdf4); + } + + .xl\:hover\:bg-colors-blue-400:hover { + background-color: var(--colors-blue-400, #63b3ed); + } + + .xl\:hover\:bg-colors-blue-500:hover { + background-color: var(--colors-blue-500, #4299e1); + } + + .xl\:hover\:bg-colors-blue-600:hover { + background-color: var(--colors-blue-600, #3182ce); + } + + .xl\:hover\:bg-colors-blue-700:hover { + background-color: var(--colors-blue-700, #2b6cb0); + } + + .xl\:hover\:bg-colors-blue-800:hover { + background-color: var(--colors-blue-800, #2c5282); + } + + .xl\:hover\:bg-colors-blue-900:hover { + background-color: var(--colors-blue-900, #2a4365); + } + + .xl\:hover\:bg-colors-indigo-100:hover { + background-color: var(--colors-indigo-100, #ebf4ff); + } + + .xl\:hover\:bg-colors-indigo-200:hover { + background-color: var(--colors-indigo-200, #c3dafe); + } + + .xl\:hover\:bg-colors-indigo-300:hover { + background-color: var(--colors-indigo-300, #a3bffa); + } + + .xl\:hover\:bg-colors-indigo-400:hover { + background-color: var(--colors-indigo-400, #7f9cf5); + } + + .xl\:hover\:bg-colors-indigo-500:hover { + background-color: var(--colors-indigo-500, #667eea); + } + + .xl\:hover\:bg-colors-indigo-600:hover { + background-color: var(--colors-indigo-600, #5a67d8); + } + + .xl\:hover\:bg-colors-indigo-700:hover { + background-color: var(--colors-indigo-700, #4c51bf); + } + + .xl\:hover\:bg-colors-indigo-800:hover { + background-color: var(--colors-indigo-800, #434190); + } + + .xl\:hover\:bg-colors-indigo-900:hover { + background-color: var(--colors-indigo-900, #3c366b); + } + + .xl\:hover\:bg-colors-purple-100:hover { + background-color: var(--colors-purple-100, #faf5ff); + } + + .xl\:hover\:bg-colors-purple-200:hover { + background-color: var(--colors-purple-200, #e9d8fd); + } + + .xl\:hover\:bg-colors-purple-300:hover { + background-color: var(--colors-purple-300, #d6bcfa); + } + + .xl\:hover\:bg-colors-purple-400:hover { + background-color: var(--colors-purple-400, #b794f4); + } + + .xl\:hover\:bg-colors-purple-500:hover { + background-color: var(--colors-purple-500, #9f7aea); + } + + .xl\:hover\:bg-colors-purple-600:hover { + background-color: var(--colors-purple-600, #805ad5); + } + + .xl\:hover\:bg-colors-purple-700:hover { + background-color: var(--colors-purple-700, #6b46c1); + } + + .xl\:hover\:bg-colors-purple-800:hover { + background-color: var(--colors-purple-800, #553c9a); + } + + .xl\:hover\:bg-colors-purple-900:hover { + background-color: var(--colors-purple-900, #44337a); + } + + .xl\:hover\:bg-colors-pink-100:hover { + background-color: var(--colors-pink-100, #fff5f7); + } + + .xl\:hover\:bg-colors-pink-200:hover { + background-color: var(--colors-pink-200, #fed7e2); + } + + .xl\:hover\:bg-colors-pink-300:hover { + background-color: var(--colors-pink-300, #fbb6ce); + } + + .xl\:hover\:bg-colors-pink-400:hover { + background-color: var(--colors-pink-400, #f687b3); + } + + .xl\:hover\:bg-colors-pink-500:hover { + background-color: var(--colors-pink-500, #ed64a6); + } + + .xl\:hover\:bg-colors-pink-600:hover { + background-color: var(--colors-pink-600, #d53f8c); + } + + .xl\:hover\:bg-colors-pink-700:hover { + background-color: var(--colors-pink-700, #b83280); + } + + .xl\:hover\:bg-colors-pink-800:hover { + background-color: var(--colors-pink-800, #97266d); } - .lg\:hover\:from-gray-50:hover { - --tw-gradient-from: #f9fafb; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0)); + .xl\:hover\:bg-colors-pink-900:hover { + background-color: var(--colors-pink-900, #702459); } - .lg\:hover\:from-gray-100:hover { - --tw-gradient-from: #f3f4f6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0)); + .xl\:hover\:bg-Box\ Shadow:hover { + background-color: var(--box-shadow, #7f7e7f); } - .lg\:hover\:from-gray-200:hover { - --tw-gradient-from: #e5e7eb; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0)); + .xl\:hover\:bg-Error16:hover { + background-color: var(--error16, #f03d3e40); } - .lg\:hover\:from-gray-300:hover { - --tw-gradient-from: #d1d5db; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0)); + .xl\:hover\:bg-Success16:hover { + background-color: var(--success16, #5bb14d40); } - .lg\:hover\:from-gray-400:hover { - --tw-gradient-from: #9ca3af; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0)); + .xl\:hover\:bg-Notification16:hover { + background-color: var(--notification16, #3959ff40); } - .lg\:hover\:from-gray-500:hover { - --tw-gradient-from: #6b7280; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0)); + .xl\:hover\:bg-Error8:hover { + background-color: var(--error8, #f03d3e1a); } - .lg\:hover\:from-gray-600:hover { - --tw-gradient-from: #4b5563; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0)); + .xl\:hover\:bg-Notification8:hover { + background-color: var(--notification8, #3959ff1a); } - .lg\:hover\:from-gray-700:hover { - --tw-gradient-from: #374151; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0)); + .xl\:hover\:bg-Success8:hover { + background-color: var(--success8, #5bb14d1a); } - .lg\:hover\:from-gray-800:hover { - --tw-gradient-from: #1f2937; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0)); + .xl\:hover\:bg-Light\ -\ Overlay:hover { + background-color: var(--light-overlay, #f0edee66); } - .lg\:hover\:from-gray-900:hover { - --tw-gradient-from: #111827; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0)); + .xl\:hover\:bg-Dark-\ Overlay:hover { + background-color: var(--dark-overlay, #7f7e7f66); } - .lg\:hover\:from-red-50:hover { - --tw-gradient-from: #fef2f2; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0)); + .xl\:hover\:bg-black-40:hover { + background-color: var(--black-40, #00000066); } - .lg\:hover\:from-red-100:hover { - --tw-gradient-from: #fee2e2; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0)); + .xl\:hover\:bg-black-75:hover { + background-color: var(--black-75, #000000bf); } - .lg\:hover\:from-red-200:hover { - --tw-gradient-from: #fecaca; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0)); + .xl\:hover\:bg-black-60:hover { + background-color: var(--black-60, #00000099); } - .lg\:hover\:from-red-300:hover { - --tw-gradient-from: #fca5a5; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0)); + .xl\:hover\:bg-black-50:hover { + background-color: var(--black-50, #00000080); } - .lg\:hover\:from-red-400:hover { - --tw-gradient-from: #f87171; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0)); + .xl\:hover\:bg-black-25:hover { + background-color: var(--black-25, #00000040); } - .lg\:hover\:from-red-500:hover { - --tw-gradient-from: #ef4444; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0)); + .xl\:hover\:bg-black-10:hover { + background-color: var(--black-10, #0000001a); } - .lg\:hover\:from-red-600:hover { - --tw-gradient-from: #dc2626; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0)); + .xl\:hover\:bg-white-25:hover { + background-color: var(--white-25, #ffffff40); } - .lg\:hover\:from-red-700:hover { - --tw-gradient-from: #b91c1c; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0)); + .xl\:hover\:bg-white-60:hover { + background-color: var(--white-60, #ffffff99); } - .lg\:hover\:from-red-800:hover { - --tw-gradient-from: #991b1b; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0)); + .xl\:hover\:bg-black-64:hover { + background-color: var(--black-64, #000000a3); } - .lg\:hover\:from-red-900:hover { - --tw-gradient-from: #7f1d1d; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0)); + .xl\:hover\:bg-Shadow\ and\ Highlight-Shadow:hover { + background-color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .lg\:hover\:from-yellow-50:hover { - --tw-gradient-from: #fffbeb; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0)); + .xl\:hover\:bg-Shadow\ and\ Highlight-Highlight:hover { + background-color: var(--shadow-and-highlight-highlight, #474747); } - .lg\:hover\:from-yellow-100:hover { - --tw-gradient-from: #fef3c7; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0)); + .xl\:hover\:bg-Shadow\ and\ Highlight-highlight\ one:hover { + background-color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .lg\:hover\:from-yellow-200:hover { - --tw-gradient-from: #fde68a; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0)); + .xl\:hover\:bg-Shadow\ and\ Highlight-highlight\ two:hover { + background-color: var(--shadow-and-highlight-highlight-two, #47474799); } - .lg\:hover\:from-yellow-300:hover { - --tw-gradient-from: #fcd34d; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0)); + .xl\:hover\:bg-Shadow\ and\ Highlight-highlight\ three:hover { + background-color: var(--shadow-and-highlight-highlight-three, #47474766); } - .lg\:hover\:from-yellow-400:hover { - --tw-gradient-from: #fbbf24; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0)); + .xl\:hover\:bg-Shadow\ and\ Highlight-highlight\ five:hover { + background-color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .lg\:hover\:from-yellow-500:hover { - --tw-gradient-from: #f59e0b; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0)); + .xl\:hover\:bg-Shadow\ and\ Highlight-shadow\ one:hover { + background-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .lg\:hover\:from-yellow-600:hover { - --tw-gradient-from: #d97706; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0)); + .xl\:hover\:bg-Shadow\ and\ Highlight-shadow\ two:hover { + background-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .lg\:hover\:from-yellow-700:hover { - --tw-gradient-from: #b45309; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0)); + .xl\:hover\:bg-Shadow\ and\ Highlight-shadow\ three:hover { + background-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .lg\:hover\:from-yellow-800:hover { - --tw-gradient-from: #92400e; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0)); + .xl\:hover\:bg-Shadow\ and\ Highlight-shadow\ four:hover { + background-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .lg\:hover\:from-yellow-900:hover { - --tw-gradient-from: #78350f; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0)); + .xl\:hover\:bg-Shadow\ and\ Highlight-shadow\ five:hover { + background-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .lg\:hover\:from-green-50:hover { - --tw-gradient-from: #ecfdf5; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0)); + .xl\:hover\:bg-Shadow\ and\ Highlight-highlight\ four:hover { + background-color: var(--shadow-and-highlight-highlight-four, #47474740); } - .lg\:hover\:from-green-100:hover { - --tw-gradient-from: #d1fae5; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0)); + .xl\:hover\:bg-Base\ Layer\ Styles-Base\ Layer-\ Light-White:hover { + background-color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .lg\:hover\:from-green-200:hover { - --tw-gradient-from: #a7f3d0; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0)); + .xl\:hover\:bg-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:hover { + background-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .lg\:hover\:from-green-300:hover { - --tw-gradient-from: #6ee7b7; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0)); + .xl\:hover\:bg-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:hover { + background-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .lg\:hover\:from-green-400:hover { - --tw-gradient-from: #34d399; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0)); + .xl\:hover\:bg-Base\ Layer\ Styles-Base\ Layer-Dark-Black:hover { + background-color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .lg\:hover\:from-green-500:hover { - --tw-gradient-from: #10b981; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0)); + .xl\:hover\:bg-Grey-Scale-white:hover { + background-color: var(--grey-scale-white, #ffffff); } - .lg\:hover\:from-green-600:hover { - --tw-gradient-from: #059669; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0)); + .xl\:hover\:bg-Grey-Scale-off-white:hover { + background-color: var(--grey-scale-off-white, #f0edee); } - .lg\:hover\:from-green-700:hover { - --tw-gradient-from: #047857; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0)); + .xl\:hover\:bg-Grey\ Scale-grey:hover { + background-color: var(--grey-scale-grey, #7f7e7f); } - .lg\:hover\:from-green-800:hover { - --tw-gradient-from: #065f46; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0)); + .xl\:hover\:bg-Grey\ Scale-charcoal:hover { + background-color: var(--grey-scale-charcoal, #474747); } - .lg\:hover\:from-green-900:hover { - --tw-gradient-from: #064e3b; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0)); + .xl\:hover\:bg-Grey\ Scale-off-black:hover { + background-color: var(--grey-scale-off-black, #1c1c1c); } - .lg\:hover\:from-blue-50:hover { - --tw-gradient-from: #eff6ff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0)); + .xl\:hover\:bg-Grey\ Scale-black:hover { + background-color: var(--grey-scale-black, #000000); } - .lg\:hover\:from-blue-100:hover { - --tw-gradient-from: #dbeafe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0)); + .xl\:hover\:bg-Blue-blue:hover { + background-color: var(--blue-blue, #3a7ca5); } - .lg\:hover\:from-blue-200:hover { - --tw-gradient-from: #bfdbfe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0)); + .xl\:hover\:bg-Blue-blue-100:hover { + background-color: var(--blue-blue-100, #75a3c0); } - .lg\:hover\:from-blue-300:hover { - --tw-gradient-from: #93c5fd; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0)); + .xl\:hover\:bg-Blue-blue-200:hover { + background-color: var(--blue-blue-200, #9cbed2); } - .lg\:hover\:from-blue-400:hover { - --tw-gradient-from: #60a5fa; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0)); + .xl\:hover\:bg-Blue-blue-300:hover { + background-color: var(--blue-blue-300, #4f7d9a); } - .lg\:hover\:from-blue-500:hover { - --tw-gradient-from: #3b82f6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0)); + .xl\:hover\:bg-Blue-blue-400:hover { + background-color: var(--blue-blue-400, #5c7d92); } - .lg\:hover\:from-blue-600:hover { - --tw-gradient-from: #2563eb; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0)); + .xl\:hover\:bg-Blue-blue-500:hover { + background-color: var(--blue-blue-500, #347095); } - .lg\:hover\:from-blue-700:hover { - --tw-gradient-from: #1d4ed8; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0)); + .xl\:hover\:bg-Blue-blue-600:hover { + background-color: var(--blue-blue-600, #295774); } - .lg\:hover\:from-blue-800:hover { - --tw-gradient-from: #1e40af; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0)); + .xl\:hover\:bg-Blue-blue-700:hover { + background-color: var(--blue-blue-700, #173242); } - .lg\:hover\:from-blue-900:hover { - --tw-gradient-from: #1e3a8a; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0)); + .xl\:hover\:bg-LightBlue-lightblue:hover { + background-color: var(--light-blue-lightblue, #81c3d7); } - .lg\:hover\:from-indigo-50:hover { - --tw-gradient-from: #eef2ff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0)); + .xl\:hover\:bg-LightBlue-lightblue-100:hover { + background-color: var(--light-blue-lightblue-100, #a7d5e3); } - .lg\:hover\:from-indigo-100:hover { - --tw-gradient-from: #e0e7ff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0)); + .xl\:hover\:bg-LightBlue-lightblue-200:hover { + background-color: var(--light-blue-lightblue-200, #c0e1eb); } - .lg\:hover\:from-indigo-200:hover { - --tw-gradient-from: #c7d2fe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0)); + .xl\:hover\:bg-LightBlue-lightblue-300:hover { + background-color: var(--light-blue-lightblue-300, #80aebd); } - .lg\:hover\:from-indigo-300:hover { - --tw-gradient-from: #a5b4fc; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0)); + .xl\:hover\:bg-LightBlue-lightblue-400:hover { + background-color: var(--light-blue-lightblue-400, #80a0ab); } - .lg\:hover\:from-indigo-400:hover { - --tw-gradient-from: #818cf8; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0)); + .xl\:hover\:bg-LightBlue-lightblue-500:hover { + background-color: var(--light-blue-lightblue-500, #74afc1); } - .lg\:hover\:from-indigo-500:hover { - --tw-gradient-from: #6366f1; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0)); + .xl\:hover\:bg-LightBlue-lightblue-600:hover { + background-color: var(--light-blue-lightblue-600, #5a8997); } - .lg\:hover\:from-indigo-600:hover { - --tw-gradient-from: #4f46e5; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0)); + .xl\:hover\:bg-LightBlue-lightblue-650:hover { + background-color: var(--light-blue-lightblue-650, #3e5e65); } - .lg\:hover\:from-indigo-700:hover { - --tw-gradient-from: #4338ca; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0)); + .xl\:hover\:bg-LightBlue-lightblue-700:hover { + background-color: var(--light-blue-lightblue-700, #344e56); } - .lg\:hover\:from-indigo-800:hover { - --tw-gradient-from: #3730a3; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0)); + .xl\:hover\:bg-Orange-orange:hover { + background-color: var(--orange-orange, #ff7f0e); } - .lg\:hover\:from-indigo-900:hover { - --tw-gradient-from: #312e81; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0)); + .xl\:hover\:bg-Orange-orange-100:hover { + background-color: var(--orange-orange-100, #ffa556); } - .lg\:hover\:from-purple-50:hover { - --tw-gradient-from: #f5f3ff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0)); + .xl\:hover\:bg-Orange-orange-200:hover { + background-color: var(--orange-orange-200, #ffbf86); } - .lg\:hover\:from-purple-100:hover { - --tw-gradient-from: #ede9fe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0)); + .xl\:hover\:bg-Orange-orange-300:hover { + background-color: var(--orange-orange-300, #d97f30); } - .lg\:hover\:from-purple-200:hover { - --tw-gradient-from: #ddd6fe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0)); + .xl\:hover\:bg-Orange-orange-400:hover { + background-color: var(--orange-orange-400, #bf7e46); } - .lg\:hover\:from-purple-300:hover { - --tw-gradient-from: #c4b5fd; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0)); + .xl\:hover\:bg-Orange-orange-500:hover { + background-color: var(--orange-orange-500, #e5720d); } - .lg\:hover\:from-purple-400:hover { - --tw-gradient-from: #a78bfa; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0)); + .xl\:hover\:bg-Orange-orange-600:hover { + background-color: var(--orange-orange-600, #b3590a); } - .lg\:hover\:from-purple-500:hover { - --tw-gradient-from: #8b5cf6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0)); + .xl\:hover\:bg-Orange-orange-700:hover { + background-color: var(--orange-orange-700, #663306); } - .lg\:hover\:from-purple-600:hover { - --tw-gradient-from: #7c3aed; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0)); + .xl\:hover\:bg-Yellow-yellow:hover { + background-color: var(--yellow-yellow, #ffab00); } - .lg\:hover\:from-purple-700:hover { - --tw-gradient-from: #6d28d9; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0)); + .xl\:hover\:bg-Yellow-yellow-100:hover { + background-color: var(--yellow-yellow-100, #ffc44c); } - .lg\:hover\:from-purple-800:hover { - --tw-gradient-from: #5b21b6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0)); + .xl\:hover\:bg-Yellow-yellow-200:hover { + background-color: var(--yellow-yellow-200, #ffd580); } - .lg\:hover\:from-purple-900:hover { - --tw-gradient-from: #4c1d95; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0)); + .xl\:hover\:bg-Yellow-yellow-300:hover { + background-color: var(--yellow-yellow-300, #d99d26); } - .lg\:hover\:from-pink-50:hover { - --tw-gradient-from: #fdf2f8; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0)); + .xl\:hover\:bg-Yellow-yellow-400:hover { + background-color: var(--yellow-yellow-400, #bf943f); } - .lg\:hover\:from-pink-100:hover { - --tw-gradient-from: #fce7f3; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0)); + .xl\:hover\:bg-Yellow-yellow-500:hover { + background-color: var(--yellow-yellow-500, #e59a00); } - .lg\:hover\:from-pink-200:hover { - --tw-gradient-from: #fbcfe8; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0)); + .xl\:hover\:bg-Yellow-yellow-600:hover { + background-color: var(--yellow-yellow-600, #b37800); } - .lg\:hover\:from-pink-300:hover { - --tw-gradient-from: #f9a8d4; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0)); + .xl\:hover\:bg-Yellow-yellow-700:hover { + background-color: var(--yellow-yellow-700, #664400); } - .lg\:hover\:from-pink-400:hover { - --tw-gradient-from: #f472b6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0)); + .xl\:hover\:bg-Notification-notification:hover { + background-color: var(--notification-notification, #3959ff); } - .lg\:hover\:from-pink-500:hover { - --tw-gradient-from: #ec4899; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0)); + .xl\:hover\:bg-Notification-notification-100:hover { + background-color: var(--notification-notification-100, #748bff); } - .lg\:hover\:from-pink-600:hover { - --tw-gradient-from: #db2777; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0)); + .xl\:hover\:bg-Notification-notification-200:hover { + background-color: var(--notification-notification-200, #9cacff); } - .lg\:hover\:from-pink-700:hover { - --tw-gradient-from: #be185d; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0)); + .xl\:hover\:bg-Notification-notification-300:hover { + background-color: var(--notification-notification-300, #4e64d9); } - .lg\:hover\:from-pink-800:hover { - --tw-gradient-from: #9d174d; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0)); + .xl\:hover\:bg-Notification-notification-400:hover { + background-color: var(--notification-notification-400, #5c6cbf); } - .lg\:hover\:from-pink-900:hover { - --tw-gradient-from: #831843; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0)); + .xl\:hover\:bg-Notification-notification-500:hover { + background-color: var(--notification-notification-500, #3350e5); } - .lg\:focus\:from-transparent:focus { - --tw-gradient-from: transparent; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); + .xl\:hover\:bg-Notification-notification-600:hover { + background-color: var(--notification-notification-600, #283eb3); } - .lg\:focus\:from-current:focus { - --tw-gradient-from: currentColor; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + .xl\:hover\:bg-Notification-notification-700:hover { + background-color: var(--notification-notification-700, #172466); } - .lg\:focus\:from-black:focus { - --tw-gradient-from: #000; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); + .xl\:hover\:bg-Success-success\ -700:hover { + background-color: var(--success-success-700, #24471f); } - .lg\:focus\:from-white:focus { - --tw-gradient-from: #fff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + .xl\:hover\:bg-Success-success:hover { + background-color: var(--success-success, #5bb14d); } - .lg\:focus\:from-gray-50:focus { - --tw-gradient-from: #f9fafb; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0)); + .xl\:hover\:bg-Success-success\ -100:hover { + background-color: var(--success-success-100, #8cc882); } - .lg\:focus\:from-gray-100:focus { - --tw-gradient-from: #f3f4f6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0)); + .xl\:hover\:bg-Success-success\ -200:hover { + background-color: var(--success-success-200, #add8a6); } - .lg\:focus\:from-gray-200:focus { - --tw-gradient-from: #e5e7eb; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0)); + .xl\:hover\:bg-Success-success\ -300:hover { + background-color: var(--success-success-300, #66a25c); } - .lg\:focus\:from-gray-300:focus { - --tw-gradient-from: #d1d5db; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0)); + .xl\:hover\:bg-Success-success\ -400:hover { + background-color: var(--success-success-400, #6d9766); } - .lg\:focus\:from-gray-400:focus { - --tw-gradient-from: #9ca3af; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0)); + .xl\:hover\:bg-Success-success\ -500:hover { + background-color: var(--success-success-500, #529f45); } - .lg\:focus\:from-gray-500:focus { - --tw-gradient-from: #6b7280; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0)); + .xl\:hover\:bg-Success-success\ -600:hover { + background-color: var(--success-success-600, #407c36); } - .lg\:focus\:from-gray-600:focus { - --tw-gradient-from: #4b5563; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0)); + .xl\:hover\:bg-Error-error:hover { + background-color: var(--error-error, #f03d3e); } - .lg\:focus\:from-gray-700:focus { - --tw-gradient-from: #374151; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0)); + .xl\:hover\:bg-Error-error-100:hover { + background-color: var(--error-error-100, #f57778); } - .lg\:focus\:from-gray-800:focus { - --tw-gradient-from: #1f2937; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0)); + .xl\:hover\:bg-Error-error-200:hover { + background-color: var(--error-error-200, #f89e9e); } - .lg\:focus\:from-gray-900:focus { - --tw-gradient-from: #111827; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0)); + .xl\:hover\:bg-Error-error-250:hover { + background-color: var(--error-error-250, #f9c8c8); } - .lg\:focus\:from-red-50:focus { - --tw-gradient-from: #fef2f2; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0)); + .xl\:hover\:bg-Error-error-300:hover { + background-color: var(--error-error-300, #ce5151); } - .lg\:focus\:from-red-100:focus { - --tw-gradient-from: #fee2e2; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0)); + .xl\:hover\:bg-Error-error-400:hover { + background-color: var(--error-error-400, #b85e5e); } - .lg\:focus\:from-red-200:focus { - --tw-gradient-from: #fecaca; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0)); + .xl\:hover\:bg-Error-error-500:hover { + background-color: var(--error-error-500, #d83738); } - .lg\:focus\:from-red-300:focus { - --tw-gradient-from: #fca5a5; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0)); + .xl\:hover\:bg-Error-error-600:hover { + background-color: var(--error-error-600, #a82b2b); } - .lg\:focus\:from-red-400:focus { - --tw-gradient-from: #f87171; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0)); + .xl\:hover\:bg-Error-error-700:hover { + background-color: var(--error-error-700, #601819); } - .lg\:focus\:from-red-500:focus { - --tw-gradient-from: #ef4444; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0)); + .xl\:focus\:bg-colors-black:focus { + background-color: var(--colors-black, #000000); } - .lg\:focus\:from-red-600:focus { - --tw-gradient-from: #dc2626; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0)); + .xl\:focus\:bg-colors-white:focus { + background-color: var(--colors-white, #ffffff); } - .lg\:focus\:from-red-700:focus { - --tw-gradient-from: #b91c1c; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0)); + .xl\:focus\:bg-colors-gray-100:focus { + background-color: var(--colors-gray-100, #f7fafc); } - .lg\:focus\:from-red-800:focus { - --tw-gradient-from: #991b1b; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0)); + .xl\:focus\:bg-colors-gray-200:focus { + background-color: var(--colors-gray-200, #edf2f7); } - .lg\:focus\:from-red-900:focus { - --tw-gradient-from: #7f1d1d; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0)); + .xl\:focus\:bg-colors-gray-300:focus { + background-color: var(--colors-gray-300, #e2e8f0); } - .lg\:focus\:from-yellow-50:focus { - --tw-gradient-from: #fffbeb; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0)); + .xl\:focus\:bg-colors-gray-400:focus { + background-color: var(--colors-gray-400, #cbd5e0); } - .lg\:focus\:from-yellow-100:focus { - --tw-gradient-from: #fef3c7; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0)); + .xl\:focus\:bg-colors-gray-500:focus { + background-color: var(--colors-gray-500, #a0aec0); } - .lg\:focus\:from-yellow-200:focus { - --tw-gradient-from: #fde68a; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0)); + .xl\:focus\:bg-colors-gray-600:focus { + background-color: var(--colors-gray-600, #718096); } - .lg\:focus\:from-yellow-300:focus { - --tw-gradient-from: #fcd34d; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0)); + .xl\:focus\:bg-colors-gray-700:focus { + background-color: var(--colors-gray-700, #4a5568); } - .lg\:focus\:from-yellow-400:focus { - --tw-gradient-from: #fbbf24; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0)); + .xl\:focus\:bg-colors-gray-800:focus { + background-color: var(--colors-gray-800, #2d3748); } - .lg\:focus\:from-yellow-500:focus { - --tw-gradient-from: #f59e0b; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0)); + .xl\:focus\:bg-colors-gray-900:focus { + background-color: var(--colors-gray-900, #1a202c); } - .lg\:focus\:from-yellow-600:focus { - --tw-gradient-from: #d97706; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0)); + .xl\:focus\:bg-colors-red-100:focus { + background-color: var(--colors-red-100, #fff5f5); } - .lg\:focus\:from-yellow-700:focus { - --tw-gradient-from: #b45309; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0)); + .xl\:focus\:bg-colors-red-200:focus { + background-color: var(--colors-red-200, #fed7d7); } - .lg\:focus\:from-yellow-800:focus { - --tw-gradient-from: #92400e; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0)); + .xl\:focus\:bg-colors-red-300:focus { + background-color: var(--colors-red-300, #feb2b2); } - .lg\:focus\:from-yellow-900:focus { - --tw-gradient-from: #78350f; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0)); + .xl\:focus\:bg-colors-red-400:focus { + background-color: var(--colors-red-400, #fc8181); } - .lg\:focus\:from-green-50:focus { - --tw-gradient-from: #ecfdf5; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0)); + .xl\:focus\:bg-colors-red-500:focus { + background-color: var(--colors-red-500, #f56565); } - .lg\:focus\:from-green-100:focus { - --tw-gradient-from: #d1fae5; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0)); + .xl\:focus\:bg-colors-red-600:focus { + background-color: var(--colors-red-600, #e53e3e); } - .lg\:focus\:from-green-200:focus { - --tw-gradient-from: #a7f3d0; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0)); + .xl\:focus\:bg-colors-red-700:focus { + background-color: var(--colors-red-700, #c53030); } - .lg\:focus\:from-green-300:focus { - --tw-gradient-from: #6ee7b7; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0)); + .xl\:focus\:bg-colors-red-800:focus { + background-color: var(--colors-red-800, #9b2c2c); } - .lg\:focus\:from-green-400:focus { - --tw-gradient-from: #34d399; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0)); + .xl\:focus\:bg-colors-red-900:focus { + background-color: var(--colors-red-900, #742a2a); } - .lg\:focus\:from-green-500:focus { - --tw-gradient-from: #10b981; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0)); + .xl\:focus\:bg-colors-orange-100:focus { + background-color: var(--colors-orange-100, #fffaf0); } - .lg\:focus\:from-green-600:focus { - --tw-gradient-from: #059669; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0)); + .xl\:focus\:bg-colors-orange-200:focus { + background-color: var(--colors-orange-200, #feebc8); } - .lg\:focus\:from-green-700:focus { - --tw-gradient-from: #047857; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0)); + .xl\:focus\:bg-colors-orange-300:focus { + background-color: var(--colors-orange-300, #fbd38d); } - .lg\:focus\:from-green-800:focus { - --tw-gradient-from: #065f46; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0)); + .xl\:focus\:bg-colors-orange-400:focus { + background-color: var(--colors-orange-400, #f6ad55); } - .lg\:focus\:from-green-900:focus { - --tw-gradient-from: #064e3b; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0)); + .xl\:focus\:bg-colors-orange-500:focus { + background-color: var(--colors-orange-500, #ed8936); } - .lg\:focus\:from-blue-50:focus { - --tw-gradient-from: #eff6ff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0)); + .xl\:focus\:bg-colors-orange-600:focus { + background-color: var(--colors-orange-600, #dd6b20); } - .lg\:focus\:from-blue-100:focus { - --tw-gradient-from: #dbeafe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0)); + .xl\:focus\:bg-colors-orange-700:focus { + background-color: var(--colors-orange-700, #c05621); } - .lg\:focus\:from-blue-200:focus { - --tw-gradient-from: #bfdbfe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0)); + .xl\:focus\:bg-colors-orange-800:focus { + background-color: var(--colors-orange-800, #9c4221); } - .lg\:focus\:from-blue-300:focus { - --tw-gradient-from: #93c5fd; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0)); + .xl\:focus\:bg-colors-orange-900:focus { + background-color: var(--colors-orange-900, #7b341e); } - .lg\:focus\:from-blue-400:focus { - --tw-gradient-from: #60a5fa; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0)); + .xl\:focus\:bg-colors-yellow-100:focus { + background-color: var(--colors-yellow-100, #fffff0); } - .lg\:focus\:from-blue-500:focus { - --tw-gradient-from: #3b82f6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0)); + .xl\:focus\:bg-colors-yellow-200:focus { + background-color: var(--colors-yellow-200, #fefcbf); } - .lg\:focus\:from-blue-600:focus { - --tw-gradient-from: #2563eb; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0)); + .xl\:focus\:bg-colors-yellow-300:focus { + background-color: var(--colors-yellow-300, #faf089); } - .lg\:focus\:from-blue-700:focus { - --tw-gradient-from: #1d4ed8; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0)); + .xl\:focus\:bg-colors-yellow-400:focus { + background-color: var(--colors-yellow-400, #f6e05e); } - .lg\:focus\:from-blue-800:focus { - --tw-gradient-from: #1e40af; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0)); + .xl\:focus\:bg-colors-yellow-500:focus { + background-color: var(--colors-yellow-500, #ecc94b); } - .lg\:focus\:from-blue-900:focus { - --tw-gradient-from: #1e3a8a; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0)); + .xl\:focus\:bg-colors-yellow-600:focus { + background-color: var(--colors-yellow-600, #d69e2e); } - .lg\:focus\:from-indigo-50:focus { - --tw-gradient-from: #eef2ff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0)); + .xl\:focus\:bg-colors-yellow-700:focus { + background-color: var(--colors-yellow-700, #b7791f); } - .lg\:focus\:from-indigo-100:focus { - --tw-gradient-from: #e0e7ff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0)); + .xl\:focus\:bg-colors-yellow-800:focus { + background-color: var(--colors-yellow-800, #975a16); } - .lg\:focus\:from-indigo-200:focus { - --tw-gradient-from: #c7d2fe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0)); + .xl\:focus\:bg-colors-yellow-900:focus { + background-color: var(--colors-yellow-900, #744210); } - .lg\:focus\:from-indigo-300:focus { - --tw-gradient-from: #a5b4fc; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0)); + .xl\:focus\:bg-colors-green-100:focus { + background-color: var(--colors-green-100, #f0fff4); } - .lg\:focus\:from-indigo-400:focus { - --tw-gradient-from: #818cf8; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0)); + .xl\:focus\:bg-colors-green-200:focus { + background-color: var(--colors-green-200, #c6f6d5); } - .lg\:focus\:from-indigo-500:focus { - --tw-gradient-from: #6366f1; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0)); + .xl\:focus\:bg-colors-green-300:focus { + background-color: var(--colors-green-300, #9ae6b4); } - .lg\:focus\:from-indigo-600:focus { - --tw-gradient-from: #4f46e5; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0)); + .xl\:focus\:bg-colors-green-400:focus { + background-color: var(--colors-green-400, #68d391); } - .lg\:focus\:from-indigo-700:focus { - --tw-gradient-from: #4338ca; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0)); + .xl\:focus\:bg-colors-green-500:focus { + background-color: var(--colors-green-500, #48bb78); } - .lg\:focus\:from-indigo-800:focus { - --tw-gradient-from: #3730a3; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0)); + .xl\:focus\:bg-colors-green-600:focus { + background-color: var(--colors-green-600, #38a169); } - .lg\:focus\:from-indigo-900:focus { - --tw-gradient-from: #312e81; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0)); + .xl\:focus\:bg-colors-green-700:focus { + background-color: var(--colors-green-700, #2f855a); } - .lg\:focus\:from-purple-50:focus { - --tw-gradient-from: #f5f3ff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0)); + .xl\:focus\:bg-colors-green-800:focus { + background-color: var(--colors-green-800, #276749); } - .lg\:focus\:from-purple-100:focus { - --tw-gradient-from: #ede9fe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0)); + .xl\:focus\:bg-colors-green-900:focus { + background-color: var(--colors-green-900, #22543d); } - .lg\:focus\:from-purple-200:focus { - --tw-gradient-from: #ddd6fe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0)); + .xl\:focus\:bg-colors-teal-100:focus { + background-color: var(--colors-teal-100, #e6fffa); } - .lg\:focus\:from-purple-300:focus { - --tw-gradient-from: #c4b5fd; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0)); + .xl\:focus\:bg-colors-teal-200:focus { + background-color: var(--colors-teal-200, #b2f5ea); } - .lg\:focus\:from-purple-400:focus { - --tw-gradient-from: #a78bfa; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0)); + .xl\:focus\:bg-colors-teal-300:focus { + background-color: var(--colors-teal-300, #81e6d9); } - .lg\:focus\:from-purple-500:focus { - --tw-gradient-from: #8b5cf6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0)); + .xl\:focus\:bg-colors-teal-400:focus { + background-color: var(--colors-teal-400, #4fd1c5); } - .lg\:focus\:from-purple-600:focus { - --tw-gradient-from: #7c3aed; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0)); + .xl\:focus\:bg-colors-teal-500:focus { + background-color: var(--colors-teal-500, #38b2ac); } - .lg\:focus\:from-purple-700:focus { - --tw-gradient-from: #6d28d9; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0)); + .xl\:focus\:bg-colors-teal-600:focus { + background-color: var(--colors-teal-600, #319795); } - .lg\:focus\:from-purple-800:focus { - --tw-gradient-from: #5b21b6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0)); + .xl\:focus\:bg-colors-teal-700:focus { + background-color: var(--colors-teal-700, #2c7a7b); } - .lg\:focus\:from-purple-900:focus { - --tw-gradient-from: #4c1d95; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0)); + .xl\:focus\:bg-colors-teal-800:focus { + background-color: var(--colors-teal-800, #285e61); } - .lg\:focus\:from-pink-50:focus { - --tw-gradient-from: #fdf2f8; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0)); + .xl\:focus\:bg-colors-teal-900:focus { + background-color: var(--colors-teal-900, #234e52); } - .lg\:focus\:from-pink-100:focus { - --tw-gradient-from: #fce7f3; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0)); + .xl\:focus\:bg-colors-blue-100:focus { + background-color: var(--colors-blue-100, #ebf8ff); } - .lg\:focus\:from-pink-200:focus { - --tw-gradient-from: #fbcfe8; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0)); + .xl\:focus\:bg-colors-blue-200:focus { + background-color: var(--colors-blue-200, #bee3f8); } - .lg\:focus\:from-pink-300:focus { - --tw-gradient-from: #f9a8d4; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0)); + .xl\:focus\:bg-colors-blue-300:focus { + background-color: var(--colors-blue-300, #90cdf4); } - .lg\:focus\:from-pink-400:focus { - --tw-gradient-from: #f472b6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0)); + .xl\:focus\:bg-colors-blue-400:focus { + background-color: var(--colors-blue-400, #63b3ed); } - .lg\:focus\:from-pink-500:focus { - --tw-gradient-from: #ec4899; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0)); + .xl\:focus\:bg-colors-blue-500:focus { + background-color: var(--colors-blue-500, #4299e1); } - .lg\:focus\:from-pink-600:focus { - --tw-gradient-from: #db2777; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0)); + .xl\:focus\:bg-colors-blue-600:focus { + background-color: var(--colors-blue-600, #3182ce); } - .lg\:focus\:from-pink-700:focus { - --tw-gradient-from: #be185d; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0)); + .xl\:focus\:bg-colors-blue-700:focus { + background-color: var(--colors-blue-700, #2b6cb0); } - .lg\:focus\:from-pink-800:focus { - --tw-gradient-from: #9d174d; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0)); + .xl\:focus\:bg-colors-blue-800:focus { + background-color: var(--colors-blue-800, #2c5282); } - .lg\:focus\:from-pink-900:focus { - --tw-gradient-from: #831843; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0)); + .xl\:focus\:bg-colors-blue-900:focus { + background-color: var(--colors-blue-900, #2a4365); } - .lg\:via-transparent { - --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0)); + .xl\:focus\:bg-colors-indigo-100:focus { + background-color: var(--colors-indigo-100, #ebf4ff); } - .lg\:via-current { - --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0)); + .xl\:focus\:bg-colors-indigo-200:focus { + background-color: var(--colors-indigo-200, #c3dafe); } - .lg\:via-black { - --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0)); + .xl\:focus\:bg-colors-indigo-300:focus { + background-color: var(--colors-indigo-300, #a3bffa); } - .lg\:via-white { - --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0)); + .xl\:focus\:bg-colors-indigo-400:focus { + background-color: var(--colors-indigo-400, #7f9cf5); } - .lg\:via-gray-50 { - --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0)); + .xl\:focus\:bg-colors-indigo-500:focus { + background-color: var(--colors-indigo-500, #667eea); } - .lg\:via-gray-100 { - --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0)); + .xl\:focus\:bg-colors-indigo-600:focus { + background-color: var(--colors-indigo-600, #5a67d8); } - .lg\:via-gray-200 { - --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0)); + .xl\:focus\:bg-colors-indigo-700:focus { + background-color: var(--colors-indigo-700, #4c51bf); } - .lg\:via-gray-300 { - --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0)); + .xl\:focus\:bg-colors-indigo-800:focus { + background-color: var(--colors-indigo-800, #434190); } - .lg\:via-gray-400 { - --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0)); + .xl\:focus\:bg-colors-indigo-900:focus { + background-color: var(--colors-indigo-900, #3c366b); } - .lg\:via-gray-500 { - --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0)); + .xl\:focus\:bg-colors-purple-100:focus { + background-color: var(--colors-purple-100, #faf5ff); } - .lg\:via-gray-600 { - --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0)); + .xl\:focus\:bg-colors-purple-200:focus { + background-color: var(--colors-purple-200, #e9d8fd); } - .lg\:via-gray-700 { - --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0)); + .xl\:focus\:bg-colors-purple-300:focus { + background-color: var(--colors-purple-300, #d6bcfa); } - .lg\:via-gray-800 { - --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0)); + .xl\:focus\:bg-colors-purple-400:focus { + background-color: var(--colors-purple-400, #b794f4); } - .lg\:via-gray-900 { - --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0)); + .xl\:focus\:bg-colors-purple-500:focus { + background-color: var(--colors-purple-500, #9f7aea); } - .lg\:via-red-50 { - --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0)); + .xl\:focus\:bg-colors-purple-600:focus { + background-color: var(--colors-purple-600, #805ad5); } - .lg\:via-red-100 { - --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0)); + .xl\:focus\:bg-colors-purple-700:focus { + background-color: var(--colors-purple-700, #6b46c1); } - .lg\:via-red-200 { - --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0)); + .xl\:focus\:bg-colors-purple-800:focus { + background-color: var(--colors-purple-800, #553c9a); } - .lg\:via-red-300 { - --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0)); + .xl\:focus\:bg-colors-purple-900:focus { + background-color: var(--colors-purple-900, #44337a); } - .lg\:via-red-400 { - --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0)); + .xl\:focus\:bg-colors-pink-100:focus { + background-color: var(--colors-pink-100, #fff5f7); } - .lg\:via-red-500 { - --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0)); + .xl\:focus\:bg-colors-pink-200:focus { + background-color: var(--colors-pink-200, #fed7e2); } - .lg\:via-red-600 { - --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0)); + .xl\:focus\:bg-colors-pink-300:focus { + background-color: var(--colors-pink-300, #fbb6ce); } - .lg\:via-red-700 { - --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0)); + .xl\:focus\:bg-colors-pink-400:focus { + background-color: var(--colors-pink-400, #f687b3); } - .lg\:via-red-800 { - --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0)); + .xl\:focus\:bg-colors-pink-500:focus { + background-color: var(--colors-pink-500, #ed64a6); } - .lg\:via-red-900 { - --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0)); + .xl\:focus\:bg-colors-pink-600:focus { + background-color: var(--colors-pink-600, #d53f8c); } - .lg\:via-yellow-50 { - --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0)); + .xl\:focus\:bg-colors-pink-700:focus { + background-color: var(--colors-pink-700, #b83280); } - .lg\:via-yellow-100 { - --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0)); + .xl\:focus\:bg-colors-pink-800:focus { + background-color: var(--colors-pink-800, #97266d); } - .lg\:via-yellow-200 { - --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0)); + .xl\:focus\:bg-colors-pink-900:focus { + background-color: var(--colors-pink-900, #702459); } - .lg\:via-yellow-300 { - --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0)); + .xl\:focus\:bg-Box\ Shadow:focus { + background-color: var(--box-shadow, #7f7e7f); } - .lg\:via-yellow-400 { - --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0)); + .xl\:focus\:bg-Error16:focus { + background-color: var(--error16, #f03d3e40); } - .lg\:via-yellow-500 { - --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0)); + .xl\:focus\:bg-Success16:focus { + background-color: var(--success16, #5bb14d40); } - .lg\:via-yellow-600 { - --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0)); + .xl\:focus\:bg-Notification16:focus { + background-color: var(--notification16, #3959ff40); } - .lg\:via-yellow-700 { - --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0)); + .xl\:focus\:bg-Error8:focus { + background-color: var(--error8, #f03d3e1a); } - .lg\:via-yellow-800 { - --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0)); + .xl\:focus\:bg-Notification8:focus { + background-color: var(--notification8, #3959ff1a); } - .lg\:via-yellow-900 { - --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0)); + .xl\:focus\:bg-Success8:focus { + background-color: var(--success8, #5bb14d1a); } - .lg\:via-green-50 { - --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0)); + .xl\:focus\:bg-Light\ -\ Overlay:focus { + background-color: var(--light-overlay, #f0edee66); } - .lg\:via-green-100 { - --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0)); + .xl\:focus\:bg-Dark-\ Overlay:focus { + background-color: var(--dark-overlay, #7f7e7f66); } - .lg\:via-green-200 { - --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0)); + .xl\:focus\:bg-black-40:focus { + background-color: var(--black-40, #00000066); } - .lg\:via-green-300 { - --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0)); + .xl\:focus\:bg-black-75:focus { + background-color: var(--black-75, #000000bf); } - .lg\:via-green-400 { - --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0)); + .xl\:focus\:bg-black-60:focus { + background-color: var(--black-60, #00000099); } - .lg\:via-green-500 { - --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0)); + .xl\:focus\:bg-black-50:focus { + background-color: var(--black-50, #00000080); } - .lg\:via-green-600 { - --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0)); + .xl\:focus\:bg-black-25:focus { + background-color: var(--black-25, #00000040); } - .lg\:via-green-700 { - --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0)); + .xl\:focus\:bg-black-10:focus { + background-color: var(--black-10, #0000001a); } - .lg\:via-green-800 { - --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0)); + .xl\:focus\:bg-white-25:focus { + background-color: var(--white-25, #ffffff40); } - .lg\:via-green-900 { - --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0)); + .xl\:focus\:bg-white-60:focus { + background-color: var(--white-60, #ffffff99); } - .lg\:via-blue-50 { - --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0)); + .xl\:focus\:bg-black-64:focus { + background-color: var(--black-64, #000000a3); } - .lg\:via-blue-100 { - --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0)); + .xl\:focus\:bg-Shadow\ and\ Highlight-Shadow:focus { + background-color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .lg\:via-blue-200 { - --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0)); + .xl\:focus\:bg-Shadow\ and\ Highlight-Highlight:focus { + background-color: var(--shadow-and-highlight-highlight, #474747); } - .lg\:via-blue-300 { - --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0)); + .xl\:focus\:bg-Shadow\ and\ Highlight-highlight\ one:focus { + background-color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .lg\:via-blue-400 { - --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0)); + .xl\:focus\:bg-Shadow\ and\ Highlight-highlight\ two:focus { + background-color: var(--shadow-and-highlight-highlight-two, #47474799); } - .lg\:via-blue-500 { - --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0)); + .xl\:focus\:bg-Shadow\ and\ Highlight-highlight\ three:focus { + background-color: var(--shadow-and-highlight-highlight-three, #47474766); } - .lg\:via-blue-600 { - --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0)); + .xl\:focus\:bg-Shadow\ and\ Highlight-highlight\ five:focus { + background-color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .lg\:via-blue-700 { - --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0)); + .xl\:focus\:bg-Shadow\ and\ Highlight-shadow\ one:focus { + background-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .lg\:via-blue-800 { - --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0)); + .xl\:focus\:bg-Shadow\ and\ Highlight-shadow\ two:focus { + background-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .lg\:via-blue-900 { - --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0)); + .xl\:focus\:bg-Shadow\ and\ Highlight-shadow\ three:focus { + background-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .lg\:via-indigo-50 { - --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0)); + .xl\:focus\:bg-Shadow\ and\ Highlight-shadow\ four:focus { + background-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .lg\:via-indigo-100 { - --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0)); + .xl\:focus\:bg-Shadow\ and\ Highlight-shadow\ five:focus { + background-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .lg\:via-indigo-200 { - --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0)); + .xl\:focus\:bg-Shadow\ and\ Highlight-highlight\ four:focus { + background-color: var(--shadow-and-highlight-highlight-four, #47474740); } - .lg\:via-indigo-300 { - --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0)); + .xl\:focus\:bg-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus { + background-color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .lg\:via-indigo-400 { - --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0)); + .xl\:focus\:bg-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus { + background-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .lg\:via-indigo-500 { - --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0)); + .xl\:focus\:bg-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus { + background-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .lg\:via-indigo-600 { - --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0)); + .xl\:focus\:bg-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus { + background-color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .lg\:via-indigo-700 { - --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0)); + .xl\:focus\:bg-Grey-Scale-white:focus { + background-color: var(--grey-scale-white, #ffffff); } - .lg\:via-indigo-800 { - --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0)); + .xl\:focus\:bg-Grey-Scale-off-white:focus { + background-color: var(--grey-scale-off-white, #f0edee); } - .lg\:via-indigo-900 { - --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0)); + .xl\:focus\:bg-Grey\ Scale-grey:focus { + background-color: var(--grey-scale-grey, #7f7e7f); } - .lg\:via-purple-50 { - --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0)); + .xl\:focus\:bg-Grey\ Scale-charcoal:focus { + background-color: var(--grey-scale-charcoal, #474747); } - .lg\:via-purple-100 { - --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0)); + .xl\:focus\:bg-Grey\ Scale-off-black:focus { + background-color: var(--grey-scale-off-black, #1c1c1c); } - .lg\:via-purple-200 { - --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0)); + .xl\:focus\:bg-Grey\ Scale-black:focus { + background-color: var(--grey-scale-black, #000000); } - .lg\:via-purple-300 { - --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0)); + .xl\:focus\:bg-Blue-blue:focus { + background-color: var(--blue-blue, #3a7ca5); } - .lg\:via-purple-400 { - --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0)); + .xl\:focus\:bg-Blue-blue-100:focus { + background-color: var(--blue-blue-100, #75a3c0); } - .lg\:via-purple-500 { - --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0)); + .xl\:focus\:bg-Blue-blue-200:focus { + background-color: var(--blue-blue-200, #9cbed2); } - .lg\:via-purple-600 { - --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0)); + .xl\:focus\:bg-Blue-blue-300:focus { + background-color: var(--blue-blue-300, #4f7d9a); } - .lg\:via-purple-700 { - --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0)); + .xl\:focus\:bg-Blue-blue-400:focus { + background-color: var(--blue-blue-400, #5c7d92); } - .lg\:via-purple-800 { - --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0)); + .xl\:focus\:bg-Blue-blue-500:focus { + background-color: var(--blue-blue-500, #347095); } - .lg\:via-purple-900 { - --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0)); + .xl\:focus\:bg-Blue-blue-600:focus { + background-color: var(--blue-blue-600, #295774); } - .lg\:via-pink-50 { - --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0)); + .xl\:focus\:bg-Blue-blue-700:focus { + background-color: var(--blue-blue-700, #173242); } - .lg\:via-pink-100 { - --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0)); + .xl\:focus\:bg-LightBlue-lightblue:focus { + background-color: var(--light-blue-lightblue, #81c3d7); } - .lg\:via-pink-200 { - --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0)); + .xl\:focus\:bg-LightBlue-lightblue-100:focus { + background-color: var(--light-blue-lightblue-100, #a7d5e3); } - .lg\:via-pink-300 { - --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0)); + .xl\:focus\:bg-LightBlue-lightblue-200:focus { + background-color: var(--light-blue-lightblue-200, #c0e1eb); } - .lg\:via-pink-400 { - --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0)); + .xl\:focus\:bg-LightBlue-lightblue-300:focus { + background-color: var(--light-blue-lightblue-300, #80aebd); } - .lg\:via-pink-500 { - --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0)); + .xl\:focus\:bg-LightBlue-lightblue-400:focus { + background-color: var(--light-blue-lightblue-400, #80a0ab); } - .lg\:via-pink-600 { - --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0)); + .xl\:focus\:bg-LightBlue-lightblue-500:focus { + background-color: var(--light-blue-lightblue-500, #74afc1); } - .lg\:via-pink-700 { - --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0)); + .xl\:focus\:bg-LightBlue-lightblue-600:focus { + background-color: var(--light-blue-lightblue-600, #5a8997); } - .lg\:via-pink-800 { - --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0)); + .xl\:focus\:bg-LightBlue-lightblue-650:focus { + background-color: var(--light-blue-lightblue-650, #3e5e65); } - .lg\:via-pink-900 { - --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0)); + .xl\:focus\:bg-LightBlue-lightblue-700:focus { + background-color: var(--light-blue-lightblue-700, #344e56); } - .lg\:hover\:via-transparent:hover { - --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0)); + .xl\:focus\:bg-Orange-orange:focus { + background-color: var(--orange-orange, #ff7f0e); } - .lg\:hover\:via-current:hover { - --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0)); + .xl\:focus\:bg-Orange-orange-100:focus { + background-color: var(--orange-orange-100, #ffa556); } - .lg\:hover\:via-black:hover { - --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0)); + .xl\:focus\:bg-Orange-orange-200:focus { + background-color: var(--orange-orange-200, #ffbf86); } - .lg\:hover\:via-white:hover { - --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0)); + .xl\:focus\:bg-Orange-orange-300:focus { + background-color: var(--orange-orange-300, #d97f30); } - .lg\:hover\:via-gray-50:hover { - --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0)); + .xl\:focus\:bg-Orange-orange-400:focus { + background-color: var(--orange-orange-400, #bf7e46); } - .lg\:hover\:via-gray-100:hover { - --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0)); + .xl\:focus\:bg-Orange-orange-500:focus { + background-color: var(--orange-orange-500, #e5720d); } - .lg\:hover\:via-gray-200:hover { - --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0)); + .xl\:focus\:bg-Orange-orange-600:focus { + background-color: var(--orange-orange-600, #b3590a); } - .lg\:hover\:via-gray-300:hover { - --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0)); + .xl\:focus\:bg-Orange-orange-700:focus { + background-color: var(--orange-orange-700, #663306); } - .lg\:hover\:via-gray-400:hover { - --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0)); + .xl\:focus\:bg-Yellow-yellow:focus { + background-color: var(--yellow-yellow, #ffab00); } - .lg\:hover\:via-gray-500:hover { - --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0)); + .xl\:focus\:bg-Yellow-yellow-100:focus { + background-color: var(--yellow-yellow-100, #ffc44c); } - .lg\:hover\:via-gray-600:hover { - --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0)); + .xl\:focus\:bg-Yellow-yellow-200:focus { + background-color: var(--yellow-yellow-200, #ffd580); } - .lg\:hover\:via-gray-700:hover { - --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0)); + .xl\:focus\:bg-Yellow-yellow-300:focus { + background-color: var(--yellow-yellow-300, #d99d26); } - .lg\:hover\:via-gray-800:hover { - --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0)); + .xl\:focus\:bg-Yellow-yellow-400:focus { + background-color: var(--yellow-yellow-400, #bf943f); } - .lg\:hover\:via-gray-900:hover { - --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0)); + .xl\:focus\:bg-Yellow-yellow-500:focus { + background-color: var(--yellow-yellow-500, #e59a00); } - .lg\:hover\:via-red-50:hover { - --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0)); + .xl\:focus\:bg-Yellow-yellow-600:focus { + background-color: var(--yellow-yellow-600, #b37800); } - .lg\:hover\:via-red-100:hover { - --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0)); + .xl\:focus\:bg-Yellow-yellow-700:focus { + background-color: var(--yellow-yellow-700, #664400); } - .lg\:hover\:via-red-200:hover { - --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0)); + .xl\:focus\:bg-Notification-notification:focus { + background-color: var(--notification-notification, #3959ff); } - .lg\:hover\:via-red-300:hover { - --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0)); + .xl\:focus\:bg-Notification-notification-100:focus { + background-color: var(--notification-notification-100, #748bff); } - .lg\:hover\:via-red-400:hover { - --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0)); + .xl\:focus\:bg-Notification-notification-200:focus { + background-color: var(--notification-notification-200, #9cacff); } - .lg\:hover\:via-red-500:hover { - --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0)); + .xl\:focus\:bg-Notification-notification-300:focus { + background-color: var(--notification-notification-300, #4e64d9); } - .lg\:hover\:via-red-600:hover { - --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0)); + .xl\:focus\:bg-Notification-notification-400:focus { + background-color: var(--notification-notification-400, #5c6cbf); } - .lg\:hover\:via-red-700:hover { - --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0)); + .xl\:focus\:bg-Notification-notification-500:focus { + background-color: var(--notification-notification-500, #3350e5); } - .lg\:hover\:via-red-800:hover { - --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0)); + .xl\:focus\:bg-Notification-notification-600:focus { + background-color: var(--notification-notification-600, #283eb3); } - .lg\:hover\:via-red-900:hover { - --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0)); + .xl\:focus\:bg-Notification-notification-700:focus { + background-color: var(--notification-notification-700, #172466); } - .lg\:hover\:via-yellow-50:hover { - --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0)); + .xl\:focus\:bg-Success-success\ -700:focus { + background-color: var(--success-success-700, #24471f); } - .lg\:hover\:via-yellow-100:hover { - --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0)); + .xl\:focus\:bg-Success-success:focus { + background-color: var(--success-success, #5bb14d); } - .lg\:hover\:via-yellow-200:hover { - --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0)); + .xl\:focus\:bg-Success-success\ -100:focus { + background-color: var(--success-success-100, #8cc882); } - .lg\:hover\:via-yellow-300:hover { - --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0)); + .xl\:focus\:bg-Success-success\ -200:focus { + background-color: var(--success-success-200, #add8a6); } - .lg\:hover\:via-yellow-400:hover { - --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0)); + .xl\:focus\:bg-Success-success\ -300:focus { + background-color: var(--success-success-300, #66a25c); } - .lg\:hover\:via-yellow-500:hover { - --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0)); + .xl\:focus\:bg-Success-success\ -400:focus { + background-color: var(--success-success-400, #6d9766); } - .lg\:hover\:via-yellow-600:hover { - --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0)); + .xl\:focus\:bg-Success-success\ -500:focus { + background-color: var(--success-success-500, #529f45); } - .lg\:hover\:via-yellow-700:hover { - --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0)); + .xl\:focus\:bg-Success-success\ -600:focus { + background-color: var(--success-success-600, #407c36); } - .lg\:hover\:via-yellow-800:hover { - --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0)); + .xl\:focus\:bg-Error-error:focus { + background-color: var(--error-error, #f03d3e); } - .lg\:hover\:via-yellow-900:hover { - --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0)); + .xl\:focus\:bg-Error-error-100:focus { + background-color: var(--error-error-100, #f57778); } - .lg\:hover\:via-green-50:hover { - --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0)); + .xl\:focus\:bg-Error-error-200:focus { + background-color: var(--error-error-200, #f89e9e); } - .lg\:hover\:via-green-100:hover { - --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0)); + .xl\:focus\:bg-Error-error-250:focus { + background-color: var(--error-error-250, #f9c8c8); } - .lg\:hover\:via-green-200:hover { - --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0)); + .xl\:focus\:bg-Error-error-300:focus { + background-color: var(--error-error-300, #ce5151); } - .lg\:hover\:via-green-300:hover { - --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0)); + .xl\:focus\:bg-Error-error-400:focus { + background-color: var(--error-error-400, #b85e5e); } - .lg\:hover\:via-green-400:hover { - --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0)); + .xl\:focus\:bg-Error-error-500:focus { + background-color: var(--error-error-500, #d83738); } - .lg\:hover\:via-green-500:hover { - --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0)); + .xl\:focus\:bg-Error-error-600:focus { + background-color: var(--error-error-600, #a82b2b); } - .lg\:hover\:via-green-600:hover { - --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0)); + .xl\:focus\:bg-Error-error-700:focus { + background-color: var(--error-error-700, #601819); } - .lg\:hover\:via-green-700:hover { - --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0)); + .xl\:bg-opacity-0 { + --tw-bg-opacity: 0; } - .lg\:hover\:via-green-800:hover { - --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0)); + .xl\:bg-opacity-5 { + --tw-bg-opacity: 0.05; } - .lg\:hover\:via-green-900:hover { - --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0)); + .xl\:bg-opacity-10 { + --tw-bg-opacity: 0.1; } - .lg\:hover\:via-blue-50:hover { - --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0)); + .xl\:bg-opacity-20 { + --tw-bg-opacity: 0.2; } - .lg\:hover\:via-blue-100:hover { - --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0)); + .xl\:bg-opacity-25 { + --tw-bg-opacity: 0.25; } - .lg\:hover\:via-blue-200:hover { - --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0)); + .xl\:bg-opacity-30 { + --tw-bg-opacity: 0.3; } - .lg\:hover\:via-blue-300:hover { - --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0)); + .xl\:bg-opacity-40 { + --tw-bg-opacity: 0.4; } - .lg\:hover\:via-blue-400:hover { - --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0)); + .xl\:bg-opacity-50 { + --tw-bg-opacity: 0.5; } - .lg\:hover\:via-blue-500:hover { - --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0)); + .xl\:bg-opacity-60 { + --tw-bg-opacity: 0.6; } - .lg\:hover\:via-blue-600:hover { - --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0)); + .xl\:bg-opacity-70 { + --tw-bg-opacity: 0.7; } - .lg\:hover\:via-blue-700:hover { - --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0)); + .xl\:bg-opacity-75 { + --tw-bg-opacity: 0.75; } - .lg\:hover\:via-blue-800:hover { - --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0)); + .xl\:bg-opacity-80 { + --tw-bg-opacity: 0.8; } - .lg\:hover\:via-blue-900:hover { - --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0)); + .xl\:bg-opacity-90 { + --tw-bg-opacity: 0.9; } - .lg\:hover\:via-indigo-50:hover { - --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0)); + .xl\:bg-opacity-95 { + --tw-bg-opacity: 0.95; } - .lg\:hover\:via-indigo-100:hover { - --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0)); + .xl\:bg-opacity-100 { + --tw-bg-opacity: 1; } - .lg\:hover\:via-indigo-200:hover { - --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0)); + .group:hover .xl\:group-hover\:bg-opacity-0 { + --tw-bg-opacity: 0; } - .lg\:hover\:via-indigo-300:hover { - --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0)); + .group:hover .xl\:group-hover\:bg-opacity-5 { + --tw-bg-opacity: 0.05; } - .lg\:hover\:via-indigo-400:hover { - --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0)); + .group:hover .xl\:group-hover\:bg-opacity-10 { + --tw-bg-opacity: 0.1; } - .lg\:hover\:via-indigo-500:hover { - --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0)); + .group:hover .xl\:group-hover\:bg-opacity-20 { + --tw-bg-opacity: 0.2; } - .lg\:hover\:via-indigo-600:hover { - --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0)); + .group:hover .xl\:group-hover\:bg-opacity-25 { + --tw-bg-opacity: 0.25; } - .lg\:hover\:via-indigo-700:hover { - --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0)); + .group:hover .xl\:group-hover\:bg-opacity-30 { + --tw-bg-opacity: 0.3; } - .lg\:hover\:via-indigo-800:hover { - --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0)); + .group:hover .xl\:group-hover\:bg-opacity-40 { + --tw-bg-opacity: 0.4; } - .lg\:hover\:via-indigo-900:hover { - --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0)); + .group:hover .xl\:group-hover\:bg-opacity-50 { + --tw-bg-opacity: 0.5; } - .lg\:hover\:via-purple-50:hover { - --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0)); + .group:hover .xl\:group-hover\:bg-opacity-60 { + --tw-bg-opacity: 0.6; } - .lg\:hover\:via-purple-100:hover { - --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0)); + .group:hover .xl\:group-hover\:bg-opacity-70 { + --tw-bg-opacity: 0.7; } - .lg\:hover\:via-purple-200:hover { - --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0)); + .group:hover .xl\:group-hover\:bg-opacity-75 { + --tw-bg-opacity: 0.75; } - .lg\:hover\:via-purple-300:hover { - --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0)); + .group:hover .xl\:group-hover\:bg-opacity-80 { + --tw-bg-opacity: 0.8; } - .lg\:hover\:via-purple-400:hover { - --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0)); + .group:hover .xl\:group-hover\:bg-opacity-90 { + --tw-bg-opacity: 0.9; } - .lg\:hover\:via-purple-500:hover { - --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0)); + .group:hover .xl\:group-hover\:bg-opacity-95 { + --tw-bg-opacity: 0.95; } - .lg\:hover\:via-purple-600:hover { - --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0)); + .group:hover .xl\:group-hover\:bg-opacity-100 { + --tw-bg-opacity: 1; } - .lg\:hover\:via-purple-700:hover { - --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0)); + .xl\:focus-within\:bg-opacity-0:focus-within { + --tw-bg-opacity: 0; } - .lg\:hover\:via-purple-800:hover { - --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0)); + .xl\:focus-within\:bg-opacity-5:focus-within { + --tw-bg-opacity: 0.05; } - .lg\:hover\:via-purple-900:hover { - --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0)); + .xl\:focus-within\:bg-opacity-10:focus-within { + --tw-bg-opacity: 0.1; } - .lg\:hover\:via-pink-50:hover { - --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0)); + .xl\:focus-within\:bg-opacity-20:focus-within { + --tw-bg-opacity: 0.2; } - .lg\:hover\:via-pink-100:hover { - --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0)); + .xl\:focus-within\:bg-opacity-25:focus-within { + --tw-bg-opacity: 0.25; } - .lg\:hover\:via-pink-200:hover { - --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0)); + .xl\:focus-within\:bg-opacity-30:focus-within { + --tw-bg-opacity: 0.3; } - .lg\:hover\:via-pink-300:hover { - --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0)); + .xl\:focus-within\:bg-opacity-40:focus-within { + --tw-bg-opacity: 0.4; } - .lg\:hover\:via-pink-400:hover { - --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0)); + .xl\:focus-within\:bg-opacity-50:focus-within { + --tw-bg-opacity: 0.5; } - .lg\:hover\:via-pink-500:hover { - --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0)); + .xl\:focus-within\:bg-opacity-60:focus-within { + --tw-bg-opacity: 0.6; } - .lg\:hover\:via-pink-600:hover { - --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0)); + .xl\:focus-within\:bg-opacity-70:focus-within { + --tw-bg-opacity: 0.7; } - .lg\:hover\:via-pink-700:hover { - --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0)); + .xl\:focus-within\:bg-opacity-75:focus-within { + --tw-bg-opacity: 0.75; } - .lg\:hover\:via-pink-800:hover { - --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0)); + .xl\:focus-within\:bg-opacity-80:focus-within { + --tw-bg-opacity: 0.8; } - .lg\:hover\:via-pink-900:hover { - --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0)); + .xl\:focus-within\:bg-opacity-90:focus-within { + --tw-bg-opacity: 0.9; } - .lg\:focus\:via-transparent:focus { - --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0)); + .xl\:focus-within\:bg-opacity-95:focus-within { + --tw-bg-opacity: 0.95; } - .lg\:focus\:via-current:focus { - --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0)); + .xl\:focus-within\:bg-opacity-100:focus-within { + --tw-bg-opacity: 1; } - .lg\:focus\:via-black:focus { - --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0)); + .xl\:hover\:bg-opacity-0:hover { + --tw-bg-opacity: 0; } - .lg\:focus\:via-white:focus { - --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0)); + .xl\:hover\:bg-opacity-5:hover { + --tw-bg-opacity: 0.05; } - .lg\:focus\:via-gray-50:focus { - --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0)); + .xl\:hover\:bg-opacity-10:hover { + --tw-bg-opacity: 0.1; } - .lg\:focus\:via-gray-100:focus { - --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0)); + .xl\:hover\:bg-opacity-20:hover { + --tw-bg-opacity: 0.2; } - .lg\:focus\:via-gray-200:focus { - --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0)); + .xl\:hover\:bg-opacity-25:hover { + --tw-bg-opacity: 0.25; } - .lg\:focus\:via-gray-300:focus { - --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0)); + .xl\:hover\:bg-opacity-30:hover { + --tw-bg-opacity: 0.3; } - .lg\:focus\:via-gray-400:focus { - --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0)); + .xl\:hover\:bg-opacity-40:hover { + --tw-bg-opacity: 0.4; } - .lg\:focus\:via-gray-500:focus { - --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0)); + .xl\:hover\:bg-opacity-50:hover { + --tw-bg-opacity: 0.5; } - .lg\:focus\:via-gray-600:focus { - --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0)); + .xl\:hover\:bg-opacity-60:hover { + --tw-bg-opacity: 0.6; } - .lg\:focus\:via-gray-700:focus { - --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0)); + .xl\:hover\:bg-opacity-70:hover { + --tw-bg-opacity: 0.7; } - .lg\:focus\:via-gray-800:focus { - --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0)); + .xl\:hover\:bg-opacity-75:hover { + --tw-bg-opacity: 0.75; } - .lg\:focus\:via-gray-900:focus { - --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0)); + .xl\:hover\:bg-opacity-80:hover { + --tw-bg-opacity: 0.8; } - .lg\:focus\:via-red-50:focus { - --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0)); + .xl\:hover\:bg-opacity-90:hover { + --tw-bg-opacity: 0.9; } - .lg\:focus\:via-red-100:focus { - --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0)); + .xl\:hover\:bg-opacity-95:hover { + --tw-bg-opacity: 0.95; } - .lg\:focus\:via-red-200:focus { - --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0)); + .xl\:hover\:bg-opacity-100:hover { + --tw-bg-opacity: 1; } - .lg\:focus\:via-red-300:focus { - --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0)); + .xl\:focus\:bg-opacity-0:focus { + --tw-bg-opacity: 0; } - .lg\:focus\:via-red-400:focus { - --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0)); + .xl\:focus\:bg-opacity-5:focus { + --tw-bg-opacity: 0.05; } - .lg\:focus\:via-red-500:focus { - --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0)); + .xl\:focus\:bg-opacity-10:focus { + --tw-bg-opacity: 0.1; } - .lg\:focus\:via-red-600:focus { - --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0)); + .xl\:focus\:bg-opacity-20:focus { + --tw-bg-opacity: 0.2; } - .lg\:focus\:via-red-700:focus { - --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0)); + .xl\:focus\:bg-opacity-25:focus { + --tw-bg-opacity: 0.25; } - .lg\:focus\:via-red-800:focus { - --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0)); + .xl\:focus\:bg-opacity-30:focus { + --tw-bg-opacity: 0.3; } - .lg\:focus\:via-red-900:focus { - --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0)); + .xl\:focus\:bg-opacity-40:focus { + --tw-bg-opacity: 0.4; } - .lg\:focus\:via-yellow-50:focus { - --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0)); + .xl\:focus\:bg-opacity-50:focus { + --tw-bg-opacity: 0.5; } - .lg\:focus\:via-yellow-100:focus { - --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0)); + .xl\:focus\:bg-opacity-60:focus { + --tw-bg-opacity: 0.6; } - .lg\:focus\:via-yellow-200:focus { - --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0)); + .xl\:focus\:bg-opacity-70:focus { + --tw-bg-opacity: 0.7; } - .lg\:focus\:via-yellow-300:focus { - --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0)); + .xl\:focus\:bg-opacity-75:focus { + --tw-bg-opacity: 0.75; } - .lg\:focus\:via-yellow-400:focus { - --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0)); + .xl\:focus\:bg-opacity-80:focus { + --tw-bg-opacity: 0.8; } - .lg\:focus\:via-yellow-500:focus { - --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0)); + .xl\:focus\:bg-opacity-90:focus { + --tw-bg-opacity: 0.9; } - .lg\:focus\:via-yellow-600:focus { - --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0)); + .xl\:focus\:bg-opacity-95:focus { + --tw-bg-opacity: 0.95; } - .lg\:focus\:via-yellow-700:focus { - --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0)); + .xl\:focus\:bg-opacity-100:focus { + --tw-bg-opacity: 1; } - .lg\:focus\:via-yellow-800:focus { - --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0)); + .xl\:bg-none { + background-image: none; } - .lg\:focus\:via-yellow-900:focus { - --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0)); + .xl\:bg-gradient-to-t { + background-image: linear-gradient(to top, var(--tw-gradient-stops)); } - .lg\:focus\:via-green-50:focus { - --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0)); + .xl\:bg-gradient-to-tr { + background-image: linear-gradient(to top right, var(--tw-gradient-stops)); } - .lg\:focus\:via-green-100:focus { - --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0)); + .xl\:bg-gradient-to-r { + background-image: linear-gradient(to right, var(--tw-gradient-stops)); } - .lg\:focus\:via-green-200:focus { - --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0)); + .xl\:bg-gradient-to-br { + background-image: linear-gradient(to bottom right, var(--tw-gradient-stops)); } - .lg\:focus\:via-green-300:focus { - --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0)); + .xl\:bg-gradient-to-b { + background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); } - .lg\:focus\:via-green-400:focus { - --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0)); + .xl\:bg-gradient-to-bl { + background-image: linear-gradient(to bottom left, var(--tw-gradient-stops)); } - .lg\:focus\:via-green-500:focus { - --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0)); + .xl\:bg-gradient-to-l { + background-image: linear-gradient(to left, var(--tw-gradient-stops)); } - .lg\:focus\:via-green-600:focus { - --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0)); + .xl\:bg-gradient-to-tl { + background-image: linear-gradient(to top left, var(--tw-gradient-stops)); } - .lg\:focus\:via-green-700:focus { - --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0)); + .xl\:from-colors-black { + --tw-gradient-from: var(--colors-black, #000000); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:via-green-800:focus { - --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0)); + .xl\:from-colors-white { + --tw-gradient-from: var(--colors-white, #ffffff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:via-green-900:focus { - --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0)); + .xl\:from-colors-gray-100 { + --tw-gradient-from: var(--colors-gray-100, #f7fafc); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:via-blue-50:focus { - --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0)); + .xl\:from-colors-gray-200 { + --tw-gradient-from: var(--colors-gray-200, #edf2f7); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:via-blue-100:focus { - --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0)); + .xl\:from-colors-gray-300 { + --tw-gradient-from: var(--colors-gray-300, #e2e8f0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:via-blue-200:focus { - --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0)); + .xl\:from-colors-gray-400 { + --tw-gradient-from: var(--colors-gray-400, #cbd5e0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:via-blue-300:focus { - --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0)); + .xl\:from-colors-gray-500 { + --tw-gradient-from: var(--colors-gray-500, #a0aec0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:via-blue-400:focus { - --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0)); + .xl\:from-colors-gray-600 { + --tw-gradient-from: var(--colors-gray-600, #718096); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:via-blue-500:focus { - --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0)); + .xl\:from-colors-gray-700 { + --tw-gradient-from: var(--colors-gray-700, #4a5568); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:via-blue-600:focus { - --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0)); + .xl\:from-colors-gray-800 { + --tw-gradient-from: var(--colors-gray-800, #2d3748); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:via-blue-700:focus { - --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0)); + .xl\:from-colors-gray-900 { + --tw-gradient-from: var(--colors-gray-900, #1a202c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:via-blue-800:focus { - --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0)); + .xl\:from-colors-red-100 { + --tw-gradient-from: var(--colors-red-100, #fff5f5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:via-blue-900:focus { - --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0)); + .xl\:from-colors-red-200 { + --tw-gradient-from: var(--colors-red-200, #fed7d7); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:via-indigo-50:focus { - --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0)); + .xl\:from-colors-red-300 { + --tw-gradient-from: var(--colors-red-300, #feb2b2); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:via-indigo-100:focus { - --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0)); + .xl\:from-colors-red-400 { + --tw-gradient-from: var(--colors-red-400, #fc8181); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:via-indigo-200:focus { - --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0)); + .xl\:from-colors-red-500 { + --tw-gradient-from: var(--colors-red-500, #f56565); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:via-indigo-300:focus { - --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0)); + .xl\:from-colors-red-600 { + --tw-gradient-from: var(--colors-red-600, #e53e3e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:via-indigo-400:focus { - --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0)); + .xl\:from-colors-red-700 { + --tw-gradient-from: var(--colors-red-700, #c53030); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:via-indigo-500:focus { - --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0)); + .xl\:from-colors-red-800 { + --tw-gradient-from: var(--colors-red-800, #9b2c2c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:via-indigo-600:focus { - --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0)); + .xl\:from-colors-red-900 { + --tw-gradient-from: var(--colors-red-900, #742a2a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:via-indigo-700:focus { - --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0)); + .xl\:from-colors-orange-100 { + --tw-gradient-from: var(--colors-orange-100, #fffaf0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:via-indigo-800:focus { - --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0)); + .xl\:from-colors-orange-200 { + --tw-gradient-from: var(--colors-orange-200, #feebc8); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:via-indigo-900:focus { - --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0)); + .xl\:from-colors-orange-300 { + --tw-gradient-from: var(--colors-orange-300, #fbd38d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:via-purple-50:focus { - --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0)); + .xl\:from-colors-orange-400 { + --tw-gradient-from: var(--colors-orange-400, #f6ad55); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:via-purple-100:focus { - --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0)); + .xl\:from-colors-orange-500 { + --tw-gradient-from: var(--colors-orange-500, #ed8936); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:via-purple-200:focus { - --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0)); + .xl\:from-colors-orange-600 { + --tw-gradient-from: var(--colors-orange-600, #dd6b20); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:via-purple-300:focus { - --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0)); + .xl\:from-colors-orange-700 { + --tw-gradient-from: var(--colors-orange-700, #c05621); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:via-purple-400:focus { - --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0)); + .xl\:from-colors-orange-800 { + --tw-gradient-from: var(--colors-orange-800, #9c4221); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:via-purple-500:focus { - --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0)); + .xl\:from-colors-orange-900 { + --tw-gradient-from: var(--colors-orange-900, #7b341e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:via-purple-600:focus { - --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0)); + .xl\:from-colors-yellow-100 { + --tw-gradient-from: var(--colors-yellow-100, #fffff0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:via-purple-700:focus { - --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0)); + .xl\:from-colors-yellow-200 { + --tw-gradient-from: var(--colors-yellow-200, #fefcbf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:via-purple-800:focus { - --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0)); + .xl\:from-colors-yellow-300 { + --tw-gradient-from: var(--colors-yellow-300, #faf089); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:via-purple-900:focus { - --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0)); + .xl\:from-colors-yellow-400 { + --tw-gradient-from: var(--colors-yellow-400, #f6e05e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:via-pink-50:focus { - --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0)); + .xl\:from-colors-yellow-500 { + --tw-gradient-from: var(--colors-yellow-500, #ecc94b); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:via-pink-100:focus { - --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0)); + .xl\:from-colors-yellow-600 { + --tw-gradient-from: var(--colors-yellow-600, #d69e2e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:via-pink-200:focus { - --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0)); + .xl\:from-colors-yellow-700 { + --tw-gradient-from: var(--colors-yellow-700, #b7791f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:via-pink-300:focus { - --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0)); + .xl\:from-colors-yellow-800 { + --tw-gradient-from: var(--colors-yellow-800, #975a16); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:via-pink-400:focus { - --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0)); + .xl\:from-colors-yellow-900 { + --tw-gradient-from: var(--colors-yellow-900, #744210); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:via-pink-500:focus { - --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0)); + .xl\:from-colors-green-100 { + --tw-gradient-from: var(--colors-green-100, #f0fff4); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:via-pink-600:focus { - --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0)); + .xl\:from-colors-green-200 { + --tw-gradient-from: var(--colors-green-200, #c6f6d5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:via-pink-700:focus { - --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0)); + .xl\:from-colors-green-300 { + --tw-gradient-from: var(--colors-green-300, #9ae6b4); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:via-pink-800:focus { - --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0)); + .xl\:from-colors-green-400 { + --tw-gradient-from: var(--colors-green-400, #68d391); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:via-pink-900:focus { - --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0)); + .xl\:from-colors-green-500 { + --tw-gradient-from: var(--colors-green-500, #48bb78); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-transparent { - --tw-gradient-to: transparent; + .xl\:from-colors-green-600 { + --tw-gradient-from: var(--colors-green-600, #38a169); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-current { - --tw-gradient-to: currentColor; + .xl\:from-colors-green-700 { + --tw-gradient-from: var(--colors-green-700, #2f855a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-black { - --tw-gradient-to: #000; + .xl\:from-colors-green-800 { + --tw-gradient-from: var(--colors-green-800, #276749); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-white { - --tw-gradient-to: #fff; + .xl\:from-colors-green-900 { + --tw-gradient-from: var(--colors-green-900, #22543d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-gray-50 { - --tw-gradient-to: #f9fafb; + .xl\:from-colors-teal-100 { + --tw-gradient-from: var(--colors-teal-100, #e6fffa); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-gray-100 { - --tw-gradient-to: #f3f4f6; + .xl\:from-colors-teal-200 { + --tw-gradient-from: var(--colors-teal-200, #b2f5ea); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-gray-200 { - --tw-gradient-to: #e5e7eb; + .xl\:from-colors-teal-300 { + --tw-gradient-from: var(--colors-teal-300, #81e6d9); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-gray-300 { - --tw-gradient-to: #d1d5db; + .xl\:from-colors-teal-400 { + --tw-gradient-from: var(--colors-teal-400, #4fd1c5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-gray-400 { - --tw-gradient-to: #9ca3af; + .xl\:from-colors-teal-500 { + --tw-gradient-from: var(--colors-teal-500, #38b2ac); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-gray-500 { - --tw-gradient-to: #6b7280; + .xl\:from-colors-teal-600 { + --tw-gradient-from: var(--colors-teal-600, #319795); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-gray-600 { - --tw-gradient-to: #4b5563; + .xl\:from-colors-teal-700 { + --tw-gradient-from: var(--colors-teal-700, #2c7a7b); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-gray-700 { - --tw-gradient-to: #374151; + .xl\:from-colors-teal-800 { + --tw-gradient-from: var(--colors-teal-800, #285e61); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-gray-800 { - --tw-gradient-to: #1f2937; + .xl\:from-colors-teal-900 { + --tw-gradient-from: var(--colors-teal-900, #234e52); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-gray-900 { - --tw-gradient-to: #111827; + .xl\:from-colors-blue-100 { + --tw-gradient-from: var(--colors-blue-100, #ebf8ff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-red-50 { - --tw-gradient-to: #fef2f2; + .xl\:from-colors-blue-200 { + --tw-gradient-from: var(--colors-blue-200, #bee3f8); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-red-100 { - --tw-gradient-to: #fee2e2; + .xl\:from-colors-blue-300 { + --tw-gradient-from: var(--colors-blue-300, #90cdf4); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-red-200 { - --tw-gradient-to: #fecaca; + .xl\:from-colors-blue-400 { + --tw-gradient-from: var(--colors-blue-400, #63b3ed); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-red-300 { - --tw-gradient-to: #fca5a5; + .xl\:from-colors-blue-500 { + --tw-gradient-from: var(--colors-blue-500, #4299e1); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-red-400 { - --tw-gradient-to: #f87171; + .xl\:from-colors-blue-600 { + --tw-gradient-from: var(--colors-blue-600, #3182ce); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-red-500 { - --tw-gradient-to: #ef4444; + .xl\:from-colors-blue-700 { + --tw-gradient-from: var(--colors-blue-700, #2b6cb0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-red-600 { - --tw-gradient-to: #dc2626; + .xl\:from-colors-blue-800 { + --tw-gradient-from: var(--colors-blue-800, #2c5282); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-red-700 { - --tw-gradient-to: #b91c1c; + .xl\:from-colors-blue-900 { + --tw-gradient-from: var(--colors-blue-900, #2a4365); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-red-800 { - --tw-gradient-to: #991b1b; + .xl\:from-colors-indigo-100 { + --tw-gradient-from: var(--colors-indigo-100, #ebf4ff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-red-900 { - --tw-gradient-to: #7f1d1d; + .xl\:from-colors-indigo-200 { + --tw-gradient-from: var(--colors-indigo-200, #c3dafe); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-yellow-50 { - --tw-gradient-to: #fffbeb; + .xl\:from-colors-indigo-300 { + --tw-gradient-from: var(--colors-indigo-300, #a3bffa); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-yellow-100 { - --tw-gradient-to: #fef3c7; + .xl\:from-colors-indigo-400 { + --tw-gradient-from: var(--colors-indigo-400, #7f9cf5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-yellow-200 { - --tw-gradient-to: #fde68a; + .xl\:from-colors-indigo-500 { + --tw-gradient-from: var(--colors-indigo-500, #667eea); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-yellow-300 { - --tw-gradient-to: #fcd34d; + .xl\:from-colors-indigo-600 { + --tw-gradient-from: var(--colors-indigo-600, #5a67d8); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-yellow-400 { - --tw-gradient-to: #fbbf24; + .xl\:from-colors-indigo-700 { + --tw-gradient-from: var(--colors-indigo-700, #4c51bf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-yellow-500 { - --tw-gradient-to: #f59e0b; + .xl\:from-colors-indigo-800 { + --tw-gradient-from: var(--colors-indigo-800, #434190); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-yellow-600 { - --tw-gradient-to: #d97706; + .xl\:from-colors-indigo-900 { + --tw-gradient-from: var(--colors-indigo-900, #3c366b); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-yellow-700 { - --tw-gradient-to: #b45309; + .xl\:from-colors-purple-100 { + --tw-gradient-from: var(--colors-purple-100, #faf5ff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-yellow-800 { - --tw-gradient-to: #92400e; + .xl\:from-colors-purple-200 { + --tw-gradient-from: var(--colors-purple-200, #e9d8fd); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-yellow-900 { - --tw-gradient-to: #78350f; + .xl\:from-colors-purple-300 { + --tw-gradient-from: var(--colors-purple-300, #d6bcfa); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-green-50 { - --tw-gradient-to: #ecfdf5; + .xl\:from-colors-purple-400 { + --tw-gradient-from: var(--colors-purple-400, #b794f4); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-green-100 { - --tw-gradient-to: #d1fae5; + .xl\:from-colors-purple-500 { + --tw-gradient-from: var(--colors-purple-500, #9f7aea); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-green-200 { - --tw-gradient-to: #a7f3d0; + .xl\:from-colors-purple-600 { + --tw-gradient-from: var(--colors-purple-600, #805ad5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-green-300 { - --tw-gradient-to: #6ee7b7; + .xl\:from-colors-purple-700 { + --tw-gradient-from: var(--colors-purple-700, #6b46c1); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-green-400 { - --tw-gradient-to: #34d399; + .xl\:from-colors-purple-800 { + --tw-gradient-from: var(--colors-purple-800, #553c9a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-green-500 { - --tw-gradient-to: #10b981; + .xl\:from-colors-purple-900 { + --tw-gradient-from: var(--colors-purple-900, #44337a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-green-600 { - --tw-gradient-to: #059669; + .xl\:from-colors-pink-100 { + --tw-gradient-from: var(--colors-pink-100, #fff5f7); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-green-700 { - --tw-gradient-to: #047857; + .xl\:from-colors-pink-200 { + --tw-gradient-from: var(--colors-pink-200, #fed7e2); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-green-800 { - --tw-gradient-to: #065f46; + .xl\:from-colors-pink-300 { + --tw-gradient-from: var(--colors-pink-300, #fbb6ce); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-green-900 { - --tw-gradient-to: #064e3b; + .xl\:from-colors-pink-400 { + --tw-gradient-from: var(--colors-pink-400, #f687b3); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-blue-50 { - --tw-gradient-to: #eff6ff; + .xl\:from-colors-pink-500 { + --tw-gradient-from: var(--colors-pink-500, #ed64a6); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-blue-100 { - --tw-gradient-to: #dbeafe; + .xl\:from-colors-pink-600 { + --tw-gradient-from: var(--colors-pink-600, #d53f8c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-blue-200 { - --tw-gradient-to: #bfdbfe; + .xl\:from-colors-pink-700 { + --tw-gradient-from: var(--colors-pink-700, #b83280); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-blue-300 { - --tw-gradient-to: #93c5fd; + .xl\:from-colors-pink-800 { + --tw-gradient-from: var(--colors-pink-800, #97266d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-blue-400 { - --tw-gradient-to: #60a5fa; + .xl\:from-colors-pink-900 { + --tw-gradient-from: var(--colors-pink-900, #702459); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-blue-500 { - --tw-gradient-to: #3b82f6; + .xl\:from-Box\ Shadow { + --tw-gradient-from: var(--box-shadow, #7f7e7f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-blue-600 { - --tw-gradient-to: #2563eb; + .xl\:from-Error16 { + --tw-gradient-from: var(--error16, #f03d3e40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-blue-700 { - --tw-gradient-to: #1d4ed8; + .xl\:from-Success16 { + --tw-gradient-from: var(--success16, #5bb14d40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-blue-800 { - --tw-gradient-to: #1e40af; + .xl\:from-Notification16 { + --tw-gradient-from: var(--notification16, #3959ff40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-blue-900 { - --tw-gradient-to: #1e3a8a; + .xl\:from-Error8 { + --tw-gradient-from: var(--error8, #f03d3e1a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-indigo-50 { - --tw-gradient-to: #eef2ff; + .xl\:from-Notification8 { + --tw-gradient-from: var(--notification8, #3959ff1a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-indigo-100 { - --tw-gradient-to: #e0e7ff; + .xl\:from-Success8 { + --tw-gradient-from: var(--success8, #5bb14d1a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-indigo-200 { - --tw-gradient-to: #c7d2fe; + .xl\:from-Light\ -\ Overlay { + --tw-gradient-from: var(--light-overlay, #f0edee66); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-indigo-300 { - --tw-gradient-to: #a5b4fc; + .xl\:from-Dark-\ Overlay { + --tw-gradient-from: var(--dark-overlay, #7f7e7f66); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-indigo-400 { - --tw-gradient-to: #818cf8; + .xl\:from-black-40 { + --tw-gradient-from: var(--black-40, #00000066); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-indigo-500 { - --tw-gradient-to: #6366f1; + .xl\:from-black-75 { + --tw-gradient-from: var(--black-75, #000000bf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-indigo-600 { - --tw-gradient-to: #4f46e5; + .xl\:from-black-60 { + --tw-gradient-from: var(--black-60, #00000099); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-indigo-700 { - --tw-gradient-to: #4338ca; + .xl\:from-black-50 { + --tw-gradient-from: var(--black-50, #00000080); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-indigo-800 { - --tw-gradient-to: #3730a3; + .xl\:from-black-25 { + --tw-gradient-from: var(--black-25, #00000040); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-indigo-900 { - --tw-gradient-to: #312e81; + .xl\:from-black-10 { + --tw-gradient-from: var(--black-10, #0000001a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-purple-50 { - --tw-gradient-to: #f5f3ff; + .xl\:from-white-25 { + --tw-gradient-from: var(--white-25, #ffffff40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-purple-100 { - --tw-gradient-to: #ede9fe; + .xl\:from-white-60 { + --tw-gradient-from: var(--white-60, #ffffff99); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-purple-200 { - --tw-gradient-to: #ddd6fe; + .xl\:from-black-64 { + --tw-gradient-from: var(--black-64, #000000a3); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-purple-300 { - --tw-gradient-to: #c4b5fd; + .xl\:from-Shadow\ and\ Highlight-Shadow { + --tw-gradient-from: var(--shadow-and-highlight-shadow, #7f7e7f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-purple-400 { - --tw-gradient-to: #a78bfa; + .xl\:from-Shadow\ and\ Highlight-Highlight { + --tw-gradient-from: var(--shadow-and-highlight-highlight, #474747); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-purple-500 { - --tw-gradient-to: #8b5cf6; + .xl\:from-Shadow\ and\ Highlight-highlight\ one { + --tw-gradient-from: var(--shadow-and-highlight-highlight-one, #474747bf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-purple-600 { - --tw-gradient-to: #7c3aed; + .xl\:from-Shadow\ and\ Highlight-highlight\ two { + --tw-gradient-from: var(--shadow-and-highlight-highlight-two, #47474799); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-purple-700 { - --tw-gradient-to: #6d28d9; + .xl\:from-Shadow\ and\ Highlight-highlight\ three { + --tw-gradient-from: var(--shadow-and-highlight-highlight-three, #47474766); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-purple-800 { - --tw-gradient-to: #5b21b6; + .xl\:from-Shadow\ and\ Highlight-highlight\ five { + --tw-gradient-from: var(--shadow-and-highlight-highlight-five, #4747471a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-purple-900 { - --tw-gradient-to: #4c1d95; + .xl\:from-Shadow\ and\ Highlight-shadow\ one { + --tw-gradient-from: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-pink-50 { - --tw-gradient-to: #fdf2f8; + .xl\:from-Shadow\ and\ Highlight-shadow\ two { + --tw-gradient-from: var(--shadow-and-highlight-shadow-two, #7f7e7f99); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-pink-100 { - --tw-gradient-to: #fce7f3; + .xl\:from-Shadow\ and\ Highlight-shadow\ three { + --tw-gradient-from: var(--shadow-and-highlight-shadow-three, #7f7e7f66); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-pink-200 { - --tw-gradient-to: #fbcfe8; + .xl\:from-Shadow\ and\ Highlight-shadow\ four { + --tw-gradient-from: var(--shadow-and-highlight-shadow-four, #7f7e7f40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-pink-300 { - --tw-gradient-to: #f9a8d4; + .xl\:from-Shadow\ and\ Highlight-shadow\ five { + --tw-gradient-from: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-pink-400 { - --tw-gradient-to: #f472b6; + .xl\:from-Shadow\ and\ Highlight-highlight\ four { + --tw-gradient-from: var(--shadow-and-highlight-highlight-four, #47474740); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-pink-500 { - --tw-gradient-to: #ec4899; + .xl\:from-Base\ Layer\ Styles-Base\ Layer-\ Light-White { + --tw-gradient-from: var(--base-layer-styles-base-layer-light-white, #ffffff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-pink-600 { - --tw-gradient-to: #db2777; + .xl\:from-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite { + --tw-gradient-from: var(--base-layer-styles-base-layer-light-off-white, #f0edee); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-pink-700 { - --tw-gradient-to: #be185d; + .xl\:from-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack { + --tw-gradient-from: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-pink-800 { - --tw-gradient-to: #9d174d; + .xl\:from-Base\ Layer\ Styles-Base\ Layer-Dark-Black { + --tw-gradient-from: var(--base-layer-styles-base-layer-dark-black, #000000); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:to-pink-900 { - --tw-gradient-to: #831843; + .xl\:from-Grey-Scale-white { + --tw-gradient-from: var(--grey-scale-white, #ffffff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-transparent:hover { - --tw-gradient-to: transparent; + .xl\:from-Grey-Scale-off-white { + --tw-gradient-from: var(--grey-scale-off-white, #f0edee); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-current:hover { - --tw-gradient-to: currentColor; + .xl\:from-Grey\ Scale-grey { + --tw-gradient-from: var(--grey-scale-grey, #7f7e7f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-black:hover { - --tw-gradient-to: #000; + .xl\:from-Grey\ Scale-charcoal { + --tw-gradient-from: var(--grey-scale-charcoal, #474747); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-white:hover { - --tw-gradient-to: #fff; + .xl\:from-Grey\ Scale-off-black { + --tw-gradient-from: var(--grey-scale-off-black, #1c1c1c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-gray-50:hover { - --tw-gradient-to: #f9fafb; + .xl\:from-Grey\ Scale-black { + --tw-gradient-from: var(--grey-scale-black, #000000); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-gray-100:hover { - --tw-gradient-to: #f3f4f6; + .xl\:from-Blue-blue { + --tw-gradient-from: var(--blue-blue, #3a7ca5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-gray-200:hover { - --tw-gradient-to: #e5e7eb; + .xl\:from-Blue-blue-100 { + --tw-gradient-from: var(--blue-blue-100, #75a3c0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-gray-300:hover { - --tw-gradient-to: #d1d5db; + .xl\:from-Blue-blue-200 { + --tw-gradient-from: var(--blue-blue-200, #9cbed2); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-gray-400:hover { - --tw-gradient-to: #9ca3af; + .xl\:from-Blue-blue-300 { + --tw-gradient-from: var(--blue-blue-300, #4f7d9a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-gray-500:hover { - --tw-gradient-to: #6b7280; + .xl\:from-Blue-blue-400 { + --tw-gradient-from: var(--blue-blue-400, #5c7d92); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-gray-600:hover { - --tw-gradient-to: #4b5563; + .xl\:from-Blue-blue-500 { + --tw-gradient-from: var(--blue-blue-500, #347095); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-gray-700:hover { - --tw-gradient-to: #374151; + .xl\:from-Blue-blue-600 { + --tw-gradient-from: var(--blue-blue-600, #295774); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-gray-800:hover { - --tw-gradient-to: #1f2937; + .xl\:from-Blue-blue-700 { + --tw-gradient-from: var(--blue-blue-700, #173242); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-gray-900:hover { - --tw-gradient-to: #111827; + .xl\:from-LightBlue-lightblue { + --tw-gradient-from: var(--light-blue-lightblue, #81c3d7); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-red-50:hover { - --tw-gradient-to: #fef2f2; + .xl\:from-LightBlue-lightblue-100 { + --tw-gradient-from: var(--light-blue-lightblue-100, #a7d5e3); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-red-100:hover { - --tw-gradient-to: #fee2e2; + .xl\:from-LightBlue-lightblue-200 { + --tw-gradient-from: var(--light-blue-lightblue-200, #c0e1eb); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-red-200:hover { - --tw-gradient-to: #fecaca; + .xl\:from-LightBlue-lightblue-300 { + --tw-gradient-from: var(--light-blue-lightblue-300, #80aebd); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-red-300:hover { - --tw-gradient-to: #fca5a5; + .xl\:from-LightBlue-lightblue-400 { + --tw-gradient-from: var(--light-blue-lightblue-400, #80a0ab); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-red-400:hover { - --tw-gradient-to: #f87171; + .xl\:from-LightBlue-lightblue-500 { + --tw-gradient-from: var(--light-blue-lightblue-500, #74afc1); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-red-500:hover { - --tw-gradient-to: #ef4444; + .xl\:from-LightBlue-lightblue-600 { + --tw-gradient-from: var(--light-blue-lightblue-600, #5a8997); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-red-600:hover { - --tw-gradient-to: #dc2626; + .xl\:from-LightBlue-lightblue-650 { + --tw-gradient-from: var(--light-blue-lightblue-650, #3e5e65); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-red-700:hover { - --tw-gradient-to: #b91c1c; + .xl\:from-LightBlue-lightblue-700 { + --tw-gradient-from: var(--light-blue-lightblue-700, #344e56); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-red-800:hover { - --tw-gradient-to: #991b1b; + .xl\:from-Orange-orange { + --tw-gradient-from: var(--orange-orange, #ff7f0e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-red-900:hover { - --tw-gradient-to: #7f1d1d; + .xl\:from-Orange-orange-100 { + --tw-gradient-from: var(--orange-orange-100, #ffa556); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-yellow-50:hover { - --tw-gradient-to: #fffbeb; + .xl\:from-Orange-orange-200 { + --tw-gradient-from: var(--orange-orange-200, #ffbf86); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-yellow-100:hover { - --tw-gradient-to: #fef3c7; + .xl\:from-Orange-orange-300 { + --tw-gradient-from: var(--orange-orange-300, #d97f30); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-yellow-200:hover { - --tw-gradient-to: #fde68a; + .xl\:from-Orange-orange-400 { + --tw-gradient-from: var(--orange-orange-400, #bf7e46); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-yellow-300:hover { - --tw-gradient-to: #fcd34d; + .xl\:from-Orange-orange-500 { + --tw-gradient-from: var(--orange-orange-500, #e5720d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-yellow-400:hover { - --tw-gradient-to: #fbbf24; + .xl\:from-Orange-orange-600 { + --tw-gradient-from: var(--orange-orange-600, #b3590a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-yellow-500:hover { - --tw-gradient-to: #f59e0b; + .xl\:from-Orange-orange-700 { + --tw-gradient-from: var(--orange-orange-700, #663306); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-yellow-600:hover { - --tw-gradient-to: #d97706; + .xl\:from-Yellow-yellow { + --tw-gradient-from: var(--yellow-yellow, #ffab00); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-yellow-700:hover { - --tw-gradient-to: #b45309; + .xl\:from-Yellow-yellow-100 { + --tw-gradient-from: var(--yellow-yellow-100, #ffc44c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-yellow-800:hover { - --tw-gradient-to: #92400e; + .xl\:from-Yellow-yellow-200 { + --tw-gradient-from: var(--yellow-yellow-200, #ffd580); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-yellow-900:hover { - --tw-gradient-to: #78350f; + .xl\:from-Yellow-yellow-300 { + --tw-gradient-from: var(--yellow-yellow-300, #d99d26); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-green-50:hover { - --tw-gradient-to: #ecfdf5; + .xl\:from-Yellow-yellow-400 { + --tw-gradient-from: var(--yellow-yellow-400, #bf943f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-green-100:hover { - --tw-gradient-to: #d1fae5; + .xl\:from-Yellow-yellow-500 { + --tw-gradient-from: var(--yellow-yellow-500, #e59a00); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-green-200:hover { - --tw-gradient-to: #a7f3d0; + .xl\:from-Yellow-yellow-600 { + --tw-gradient-from: var(--yellow-yellow-600, #b37800); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-green-300:hover { - --tw-gradient-to: #6ee7b7; + .xl\:from-Yellow-yellow-700 { + --tw-gradient-from: var(--yellow-yellow-700, #664400); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-green-400:hover { - --tw-gradient-to: #34d399; + .xl\:from-Notification-notification { + --tw-gradient-from: var(--notification-notification, #3959ff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-green-500:hover { - --tw-gradient-to: #10b981; + .xl\:from-Notification-notification-100 { + --tw-gradient-from: var(--notification-notification-100, #748bff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-green-600:hover { - --tw-gradient-to: #059669; + .xl\:from-Notification-notification-200 { + --tw-gradient-from: var(--notification-notification-200, #9cacff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-green-700:hover { - --tw-gradient-to: #047857; + .xl\:from-Notification-notification-300 { + --tw-gradient-from: var(--notification-notification-300, #4e64d9); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-green-800:hover { - --tw-gradient-to: #065f46; + .xl\:from-Notification-notification-400 { + --tw-gradient-from: var(--notification-notification-400, #5c6cbf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-green-900:hover { - --tw-gradient-to: #064e3b; + .xl\:from-Notification-notification-500 { + --tw-gradient-from: var(--notification-notification-500, #3350e5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-blue-50:hover { - --tw-gradient-to: #eff6ff; + .xl\:from-Notification-notification-600 { + --tw-gradient-from: var(--notification-notification-600, #283eb3); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-blue-100:hover { - --tw-gradient-to: #dbeafe; + .xl\:from-Notification-notification-700 { + --tw-gradient-from: var(--notification-notification-700, #172466); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-blue-200:hover { - --tw-gradient-to: #bfdbfe; + .xl\:from-Success-success\ -700 { + --tw-gradient-from: var(--success-success-700, #24471f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-blue-300:hover { - --tw-gradient-to: #93c5fd; + .xl\:from-Success-success { + --tw-gradient-from: var(--success-success, #5bb14d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-blue-400:hover { - --tw-gradient-to: #60a5fa; + .xl\:from-Success-success\ -100 { + --tw-gradient-from: var(--success-success-100, #8cc882); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-blue-500:hover { - --tw-gradient-to: #3b82f6; + .xl\:from-Success-success\ -200 { + --tw-gradient-from: var(--success-success-200, #add8a6); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-blue-600:hover { - --tw-gradient-to: #2563eb; + .xl\:from-Success-success\ -300 { + --tw-gradient-from: var(--success-success-300, #66a25c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-blue-700:hover { - --tw-gradient-to: #1d4ed8; + .xl\:from-Success-success\ -400 { + --tw-gradient-from: var(--success-success-400, #6d9766); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-blue-800:hover { - --tw-gradient-to: #1e40af; + .xl\:from-Success-success\ -500 { + --tw-gradient-from: var(--success-success-500, #529f45); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-blue-900:hover { - --tw-gradient-to: #1e3a8a; + .xl\:from-Success-success\ -600 { + --tw-gradient-from: var(--success-success-600, #407c36); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-indigo-50:hover { - --tw-gradient-to: #eef2ff; + .xl\:from-Error-error { + --tw-gradient-from: var(--error-error, #f03d3e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-indigo-100:hover { - --tw-gradient-to: #e0e7ff; + .xl\:from-Error-error-100 { + --tw-gradient-from: var(--error-error-100, #f57778); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-indigo-200:hover { - --tw-gradient-to: #c7d2fe; + .xl\:from-Error-error-200 { + --tw-gradient-from: var(--error-error-200, #f89e9e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-indigo-300:hover { - --tw-gradient-to: #a5b4fc; + .xl\:from-Error-error-250 { + --tw-gradient-from: var(--error-error-250, #f9c8c8); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-indigo-400:hover { - --tw-gradient-to: #818cf8; + .xl\:from-Error-error-300 { + --tw-gradient-from: var(--error-error-300, #ce5151); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-indigo-500:hover { - --tw-gradient-to: #6366f1; + .xl\:from-Error-error-400 { + --tw-gradient-from: var(--error-error-400, #b85e5e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-indigo-600:hover { - --tw-gradient-to: #4f46e5; + .xl\:from-Error-error-500 { + --tw-gradient-from: var(--error-error-500, #d83738); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-indigo-700:hover { - --tw-gradient-to: #4338ca; + .xl\:from-Error-error-600 { + --tw-gradient-from: var(--error-error-600, #a82b2b); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-indigo-800:hover { - --tw-gradient-to: #3730a3; + .xl\:from-Error-error-700 { + --tw-gradient-from: var(--error-error-700, #601819); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-indigo-900:hover { - --tw-gradient-to: #312e81; + .xl\:hover\:from-colors-black:hover { + --tw-gradient-from: var(--colors-black, #000000); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-purple-50:hover { - --tw-gradient-to: #f5f3ff; + .xl\:hover\:from-colors-white:hover { + --tw-gradient-from: var(--colors-white, #ffffff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-purple-100:hover { - --tw-gradient-to: #ede9fe; + .xl\:hover\:from-colors-gray-100:hover { + --tw-gradient-from: var(--colors-gray-100, #f7fafc); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-purple-200:hover { - --tw-gradient-to: #ddd6fe; + .xl\:hover\:from-colors-gray-200:hover { + --tw-gradient-from: var(--colors-gray-200, #edf2f7); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-purple-300:hover { - --tw-gradient-to: #c4b5fd; + .xl\:hover\:from-colors-gray-300:hover { + --tw-gradient-from: var(--colors-gray-300, #e2e8f0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-purple-400:hover { - --tw-gradient-to: #a78bfa; + .xl\:hover\:from-colors-gray-400:hover { + --tw-gradient-from: var(--colors-gray-400, #cbd5e0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-purple-500:hover { - --tw-gradient-to: #8b5cf6; + .xl\:hover\:from-colors-gray-500:hover { + --tw-gradient-from: var(--colors-gray-500, #a0aec0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-purple-600:hover { - --tw-gradient-to: #7c3aed; + .xl\:hover\:from-colors-gray-600:hover { + --tw-gradient-from: var(--colors-gray-600, #718096); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-purple-700:hover { - --tw-gradient-to: #6d28d9; + .xl\:hover\:from-colors-gray-700:hover { + --tw-gradient-from: var(--colors-gray-700, #4a5568); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-purple-800:hover { - --tw-gradient-to: #5b21b6; + .xl\:hover\:from-colors-gray-800:hover { + --tw-gradient-from: var(--colors-gray-800, #2d3748); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-purple-900:hover { - --tw-gradient-to: #4c1d95; + .xl\:hover\:from-colors-gray-900:hover { + --tw-gradient-from: var(--colors-gray-900, #1a202c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-pink-50:hover { - --tw-gradient-to: #fdf2f8; + .xl\:hover\:from-colors-red-100:hover { + --tw-gradient-from: var(--colors-red-100, #fff5f5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-pink-100:hover { - --tw-gradient-to: #fce7f3; + .xl\:hover\:from-colors-red-200:hover { + --tw-gradient-from: var(--colors-red-200, #fed7d7); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-pink-200:hover { - --tw-gradient-to: #fbcfe8; + .xl\:hover\:from-colors-red-300:hover { + --tw-gradient-from: var(--colors-red-300, #feb2b2); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-pink-300:hover { - --tw-gradient-to: #f9a8d4; + .xl\:hover\:from-colors-red-400:hover { + --tw-gradient-from: var(--colors-red-400, #fc8181); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-pink-400:hover { - --tw-gradient-to: #f472b6; + .xl\:hover\:from-colors-red-500:hover { + --tw-gradient-from: var(--colors-red-500, #f56565); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-pink-500:hover { - --tw-gradient-to: #ec4899; + .xl\:hover\:from-colors-red-600:hover { + --tw-gradient-from: var(--colors-red-600, #e53e3e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-pink-600:hover { - --tw-gradient-to: #db2777; + .xl\:hover\:from-colors-red-700:hover { + --tw-gradient-from: var(--colors-red-700, #c53030); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-pink-700:hover { - --tw-gradient-to: #be185d; + .xl\:hover\:from-colors-red-800:hover { + --tw-gradient-from: var(--colors-red-800, #9b2c2c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-pink-800:hover { - --tw-gradient-to: #9d174d; + .xl\:hover\:from-colors-red-900:hover { + --tw-gradient-from: var(--colors-red-900, #742a2a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:to-pink-900:hover { - --tw-gradient-to: #831843; + .xl\:hover\:from-colors-orange-100:hover { + --tw-gradient-from: var(--colors-orange-100, #fffaf0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-transparent:focus { - --tw-gradient-to: transparent; + .xl\:hover\:from-colors-orange-200:hover { + --tw-gradient-from: var(--colors-orange-200, #feebc8); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-current:focus { - --tw-gradient-to: currentColor; + .xl\:hover\:from-colors-orange-300:hover { + --tw-gradient-from: var(--colors-orange-300, #fbd38d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-black:focus { - --tw-gradient-to: #000; + .xl\:hover\:from-colors-orange-400:hover { + --tw-gradient-from: var(--colors-orange-400, #f6ad55); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-white:focus { - --tw-gradient-to: #fff; + .xl\:hover\:from-colors-orange-500:hover { + --tw-gradient-from: var(--colors-orange-500, #ed8936); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-gray-50:focus { - --tw-gradient-to: #f9fafb; + .xl\:hover\:from-colors-orange-600:hover { + --tw-gradient-from: var(--colors-orange-600, #dd6b20); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-gray-100:focus { - --tw-gradient-to: #f3f4f6; + .xl\:hover\:from-colors-orange-700:hover { + --tw-gradient-from: var(--colors-orange-700, #c05621); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-gray-200:focus { - --tw-gradient-to: #e5e7eb; + .xl\:hover\:from-colors-orange-800:hover { + --tw-gradient-from: var(--colors-orange-800, #9c4221); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-gray-300:focus { - --tw-gradient-to: #d1d5db; + .xl\:hover\:from-colors-orange-900:hover { + --tw-gradient-from: var(--colors-orange-900, #7b341e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-gray-400:focus { - --tw-gradient-to: #9ca3af; + .xl\:hover\:from-colors-yellow-100:hover { + --tw-gradient-from: var(--colors-yellow-100, #fffff0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-gray-500:focus { - --tw-gradient-to: #6b7280; + .xl\:hover\:from-colors-yellow-200:hover { + --tw-gradient-from: var(--colors-yellow-200, #fefcbf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-gray-600:focus { - --tw-gradient-to: #4b5563; + .xl\:hover\:from-colors-yellow-300:hover { + --tw-gradient-from: var(--colors-yellow-300, #faf089); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-gray-700:focus { - --tw-gradient-to: #374151; + .xl\:hover\:from-colors-yellow-400:hover { + --tw-gradient-from: var(--colors-yellow-400, #f6e05e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-gray-800:focus { - --tw-gradient-to: #1f2937; + .xl\:hover\:from-colors-yellow-500:hover { + --tw-gradient-from: var(--colors-yellow-500, #ecc94b); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-gray-900:focus { - --tw-gradient-to: #111827; + .xl\:hover\:from-colors-yellow-600:hover { + --tw-gradient-from: var(--colors-yellow-600, #d69e2e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-red-50:focus { - --tw-gradient-to: #fef2f2; + .xl\:hover\:from-colors-yellow-700:hover { + --tw-gradient-from: var(--colors-yellow-700, #b7791f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-red-100:focus { - --tw-gradient-to: #fee2e2; + .xl\:hover\:from-colors-yellow-800:hover { + --tw-gradient-from: var(--colors-yellow-800, #975a16); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-red-200:focus { - --tw-gradient-to: #fecaca; + .xl\:hover\:from-colors-yellow-900:hover { + --tw-gradient-from: var(--colors-yellow-900, #744210); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-red-300:focus { - --tw-gradient-to: #fca5a5; + .xl\:hover\:from-colors-green-100:hover { + --tw-gradient-from: var(--colors-green-100, #f0fff4); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-red-400:focus { - --tw-gradient-to: #f87171; + .xl\:hover\:from-colors-green-200:hover { + --tw-gradient-from: var(--colors-green-200, #c6f6d5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-red-500:focus { - --tw-gradient-to: #ef4444; + .xl\:hover\:from-colors-green-300:hover { + --tw-gradient-from: var(--colors-green-300, #9ae6b4); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-red-600:focus { - --tw-gradient-to: #dc2626; + .xl\:hover\:from-colors-green-400:hover { + --tw-gradient-from: var(--colors-green-400, #68d391); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-red-700:focus { - --tw-gradient-to: #b91c1c; + .xl\:hover\:from-colors-green-500:hover { + --tw-gradient-from: var(--colors-green-500, #48bb78); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-red-800:focus { - --tw-gradient-to: #991b1b; + .xl\:hover\:from-colors-green-600:hover { + --tw-gradient-from: var(--colors-green-600, #38a169); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-red-900:focus { - --tw-gradient-to: #7f1d1d; + .xl\:hover\:from-colors-green-700:hover { + --tw-gradient-from: var(--colors-green-700, #2f855a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-yellow-50:focus { - --tw-gradient-to: #fffbeb; + .xl\:hover\:from-colors-green-800:hover { + --tw-gradient-from: var(--colors-green-800, #276749); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-yellow-100:focus { - --tw-gradient-to: #fef3c7; + .xl\:hover\:from-colors-green-900:hover { + --tw-gradient-from: var(--colors-green-900, #22543d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-yellow-200:focus { - --tw-gradient-to: #fde68a; + .xl\:hover\:from-colors-teal-100:hover { + --tw-gradient-from: var(--colors-teal-100, #e6fffa); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-yellow-300:focus { - --tw-gradient-to: #fcd34d; + .xl\:hover\:from-colors-teal-200:hover { + --tw-gradient-from: var(--colors-teal-200, #b2f5ea); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-yellow-400:focus { - --tw-gradient-to: #fbbf24; + .xl\:hover\:from-colors-teal-300:hover { + --tw-gradient-from: var(--colors-teal-300, #81e6d9); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-yellow-500:focus { - --tw-gradient-to: #f59e0b; + .xl\:hover\:from-colors-teal-400:hover { + --tw-gradient-from: var(--colors-teal-400, #4fd1c5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-yellow-600:focus { - --tw-gradient-to: #d97706; + .xl\:hover\:from-colors-teal-500:hover { + --tw-gradient-from: var(--colors-teal-500, #38b2ac); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-yellow-700:focus { - --tw-gradient-to: #b45309; + .xl\:hover\:from-colors-teal-600:hover { + --tw-gradient-from: var(--colors-teal-600, #319795); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-yellow-800:focus { - --tw-gradient-to: #92400e; + .xl\:hover\:from-colors-teal-700:hover { + --tw-gradient-from: var(--colors-teal-700, #2c7a7b); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-yellow-900:focus { - --tw-gradient-to: #78350f; + .xl\:hover\:from-colors-teal-800:hover { + --tw-gradient-from: var(--colors-teal-800, #285e61); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-green-50:focus { - --tw-gradient-to: #ecfdf5; + .xl\:hover\:from-colors-teal-900:hover { + --tw-gradient-from: var(--colors-teal-900, #234e52); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-green-100:focus { - --tw-gradient-to: #d1fae5; + .xl\:hover\:from-colors-blue-100:hover { + --tw-gradient-from: var(--colors-blue-100, #ebf8ff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-green-200:focus { - --tw-gradient-to: #a7f3d0; + .xl\:hover\:from-colors-blue-200:hover { + --tw-gradient-from: var(--colors-blue-200, #bee3f8); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-green-300:focus { - --tw-gradient-to: #6ee7b7; + .xl\:hover\:from-colors-blue-300:hover { + --tw-gradient-from: var(--colors-blue-300, #90cdf4); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-green-400:focus { - --tw-gradient-to: #34d399; + .xl\:hover\:from-colors-blue-400:hover { + --tw-gradient-from: var(--colors-blue-400, #63b3ed); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-green-500:focus { - --tw-gradient-to: #10b981; + .xl\:hover\:from-colors-blue-500:hover { + --tw-gradient-from: var(--colors-blue-500, #4299e1); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-green-600:focus { - --tw-gradient-to: #059669; + .xl\:hover\:from-colors-blue-600:hover { + --tw-gradient-from: var(--colors-blue-600, #3182ce); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-green-700:focus { - --tw-gradient-to: #047857; + .xl\:hover\:from-colors-blue-700:hover { + --tw-gradient-from: var(--colors-blue-700, #2b6cb0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-green-800:focus { - --tw-gradient-to: #065f46; + .xl\:hover\:from-colors-blue-800:hover { + --tw-gradient-from: var(--colors-blue-800, #2c5282); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-green-900:focus { - --tw-gradient-to: #064e3b; + .xl\:hover\:from-colors-blue-900:hover { + --tw-gradient-from: var(--colors-blue-900, #2a4365); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-blue-50:focus { - --tw-gradient-to: #eff6ff; + .xl\:hover\:from-colors-indigo-100:hover { + --tw-gradient-from: var(--colors-indigo-100, #ebf4ff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-blue-100:focus { - --tw-gradient-to: #dbeafe; + .xl\:hover\:from-colors-indigo-200:hover { + --tw-gradient-from: var(--colors-indigo-200, #c3dafe); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-blue-200:focus { - --tw-gradient-to: #bfdbfe; + .xl\:hover\:from-colors-indigo-300:hover { + --tw-gradient-from: var(--colors-indigo-300, #a3bffa); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-blue-300:focus { - --tw-gradient-to: #93c5fd; + .xl\:hover\:from-colors-indigo-400:hover { + --tw-gradient-from: var(--colors-indigo-400, #7f9cf5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-blue-400:focus { - --tw-gradient-to: #60a5fa; + .xl\:hover\:from-colors-indigo-500:hover { + --tw-gradient-from: var(--colors-indigo-500, #667eea); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-blue-500:focus { - --tw-gradient-to: #3b82f6; + .xl\:hover\:from-colors-indigo-600:hover { + --tw-gradient-from: var(--colors-indigo-600, #5a67d8); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-blue-600:focus { - --tw-gradient-to: #2563eb; + .xl\:hover\:from-colors-indigo-700:hover { + --tw-gradient-from: var(--colors-indigo-700, #4c51bf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-blue-700:focus { - --tw-gradient-to: #1d4ed8; + .xl\:hover\:from-colors-indigo-800:hover { + --tw-gradient-from: var(--colors-indigo-800, #434190); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-blue-800:focus { - --tw-gradient-to: #1e40af; + .xl\:hover\:from-colors-indigo-900:hover { + --tw-gradient-from: var(--colors-indigo-900, #3c366b); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-blue-900:focus { - --tw-gradient-to: #1e3a8a; + .xl\:hover\:from-colors-purple-100:hover { + --tw-gradient-from: var(--colors-purple-100, #faf5ff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-indigo-50:focus { - --tw-gradient-to: #eef2ff; + .xl\:hover\:from-colors-purple-200:hover { + --tw-gradient-from: var(--colors-purple-200, #e9d8fd); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-indigo-100:focus { - --tw-gradient-to: #e0e7ff; + .xl\:hover\:from-colors-purple-300:hover { + --tw-gradient-from: var(--colors-purple-300, #d6bcfa); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-indigo-200:focus { - --tw-gradient-to: #c7d2fe; + .xl\:hover\:from-colors-purple-400:hover { + --tw-gradient-from: var(--colors-purple-400, #b794f4); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-indigo-300:focus { - --tw-gradient-to: #a5b4fc; + .xl\:hover\:from-colors-purple-500:hover { + --tw-gradient-from: var(--colors-purple-500, #9f7aea); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-indigo-400:focus { - --tw-gradient-to: #818cf8; + .xl\:hover\:from-colors-purple-600:hover { + --tw-gradient-from: var(--colors-purple-600, #805ad5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-indigo-500:focus { - --tw-gradient-to: #6366f1; + .xl\:hover\:from-colors-purple-700:hover { + --tw-gradient-from: var(--colors-purple-700, #6b46c1); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-indigo-600:focus { - --tw-gradient-to: #4f46e5; + .xl\:hover\:from-colors-purple-800:hover { + --tw-gradient-from: var(--colors-purple-800, #553c9a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-indigo-700:focus { - --tw-gradient-to: #4338ca; + .xl\:hover\:from-colors-purple-900:hover { + --tw-gradient-from: var(--colors-purple-900, #44337a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-indigo-800:focus { - --tw-gradient-to: #3730a3; + .xl\:hover\:from-colors-pink-100:hover { + --tw-gradient-from: var(--colors-pink-100, #fff5f7); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-indigo-900:focus { - --tw-gradient-to: #312e81; + .xl\:hover\:from-colors-pink-200:hover { + --tw-gradient-from: var(--colors-pink-200, #fed7e2); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-purple-50:focus { - --tw-gradient-to: #f5f3ff; + .xl\:hover\:from-colors-pink-300:hover { + --tw-gradient-from: var(--colors-pink-300, #fbb6ce); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-purple-100:focus { - --tw-gradient-to: #ede9fe; + .xl\:hover\:from-colors-pink-400:hover { + --tw-gradient-from: var(--colors-pink-400, #f687b3); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-purple-200:focus { - --tw-gradient-to: #ddd6fe; + .xl\:hover\:from-colors-pink-500:hover { + --tw-gradient-from: var(--colors-pink-500, #ed64a6); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-purple-300:focus { - --tw-gradient-to: #c4b5fd; + .xl\:hover\:from-colors-pink-600:hover { + --tw-gradient-from: var(--colors-pink-600, #d53f8c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-purple-400:focus { - --tw-gradient-to: #a78bfa; + .xl\:hover\:from-colors-pink-700:hover { + --tw-gradient-from: var(--colors-pink-700, #b83280); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-purple-500:focus { - --tw-gradient-to: #8b5cf6; + .xl\:hover\:from-colors-pink-800:hover { + --tw-gradient-from: var(--colors-pink-800, #97266d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-purple-600:focus { - --tw-gradient-to: #7c3aed; + .xl\:hover\:from-colors-pink-900:hover { + --tw-gradient-from: var(--colors-pink-900, #702459); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-purple-700:focus { - --tw-gradient-to: #6d28d9; + .xl\:hover\:from-Box\ Shadow:hover { + --tw-gradient-from: var(--box-shadow, #7f7e7f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-purple-800:focus { - --tw-gradient-to: #5b21b6; + .xl\:hover\:from-Error16:hover { + --tw-gradient-from: var(--error16, #f03d3e40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-purple-900:focus { - --tw-gradient-to: #4c1d95; + .xl\:hover\:from-Success16:hover { + --tw-gradient-from: var(--success16, #5bb14d40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-pink-50:focus { - --tw-gradient-to: #fdf2f8; + .xl\:hover\:from-Notification16:hover { + --tw-gradient-from: var(--notification16, #3959ff40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-pink-100:focus { - --tw-gradient-to: #fce7f3; + .xl\:hover\:from-Error8:hover { + --tw-gradient-from: var(--error8, #f03d3e1a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-pink-200:focus { - --tw-gradient-to: #fbcfe8; + .xl\:hover\:from-Notification8:hover { + --tw-gradient-from: var(--notification8, #3959ff1a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-pink-300:focus { - --tw-gradient-to: #f9a8d4; + .xl\:hover\:from-Success8:hover { + --tw-gradient-from: var(--success8, #5bb14d1a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-pink-400:focus { - --tw-gradient-to: #f472b6; + .xl\:hover\:from-Light\ -\ Overlay:hover { + --tw-gradient-from: var(--light-overlay, #f0edee66); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-pink-500:focus { - --tw-gradient-to: #ec4899; + .xl\:hover\:from-Dark-\ Overlay:hover { + --tw-gradient-from: var(--dark-overlay, #7f7e7f66); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-pink-600:focus { - --tw-gradient-to: #db2777; + .xl\:hover\:from-black-40:hover { + --tw-gradient-from: var(--black-40, #00000066); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-pink-700:focus { - --tw-gradient-to: #be185d; + .xl\:hover\:from-black-75:hover { + --tw-gradient-from: var(--black-75, #000000bf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-pink-800:focus { - --tw-gradient-to: #9d174d; + .xl\:hover\:from-black-60:hover { + --tw-gradient-from: var(--black-60, #00000099); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:to-pink-900:focus { - --tw-gradient-to: #831843; + .xl\:hover\:from-black-50:hover { + --tw-gradient-from: var(--black-50, #00000080); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:decoration-slice { - -webkit-box-decoration-break: slice; - box-decoration-break: slice; + .xl\:hover\:from-black-25:hover { + --tw-gradient-from: var(--black-25, #00000040); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:decoration-clone { - -webkit-box-decoration-break: clone; - box-decoration-break: clone; + .xl\:hover\:from-black-10:hover { + --tw-gradient-from: var(--black-10, #0000001a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:bg-auto { - background-size: auto; + .xl\:hover\:from-white-25:hover { + --tw-gradient-from: var(--white-25, #ffffff40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:bg-cover { - background-size: cover; + .xl\:hover\:from-white-60:hover { + --tw-gradient-from: var(--white-60, #ffffff99); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:bg-contain { - background-size: contain; + .xl\:hover\:from-black-64:hover { + --tw-gradient-from: var(--black-64, #000000a3); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:bg-fixed { - background-attachment: fixed; + .xl\:hover\:from-Shadow\ and\ Highlight-Shadow:hover { + --tw-gradient-from: var(--shadow-and-highlight-shadow, #7f7e7f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:bg-local { - background-attachment: local; + .xl\:hover\:from-Shadow\ and\ Highlight-Highlight:hover { + --tw-gradient-from: var(--shadow-and-highlight-highlight, #474747); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:bg-scroll { - background-attachment: scroll; + .xl\:hover\:from-Shadow\ and\ Highlight-highlight\ one:hover { + --tw-gradient-from: var(--shadow-and-highlight-highlight-one, #474747bf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:bg-clip-border { - background-clip: border-box; + .xl\:hover\:from-Shadow\ and\ Highlight-highlight\ two:hover { + --tw-gradient-from: var(--shadow-and-highlight-highlight-two, #47474799); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:bg-clip-padding { - background-clip: padding-box; + .xl\:hover\:from-Shadow\ and\ Highlight-highlight\ three:hover { + --tw-gradient-from: var(--shadow-and-highlight-highlight-three, #47474766); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:bg-clip-content { - background-clip: content-box; + .xl\:hover\:from-Shadow\ and\ Highlight-highlight\ five:hover { + --tw-gradient-from: var(--shadow-and-highlight-highlight-five, #4747471a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:bg-clip-text { - -webkit-background-clip: text; - background-clip: text; + .xl\:hover\:from-Shadow\ and\ Highlight-shadow\ one:hover { + --tw-gradient-from: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:bg-bottom { - background-position: bottom; + .xl\:hover\:from-Shadow\ and\ Highlight-shadow\ two:hover { + --tw-gradient-from: var(--shadow-and-highlight-shadow-two, #7f7e7f99); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:bg-center { - background-position: center; + .xl\:hover\:from-Shadow\ and\ Highlight-shadow\ three:hover { + --tw-gradient-from: var(--shadow-and-highlight-shadow-three, #7f7e7f66); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:bg-left { - background-position: left; + .xl\:hover\:from-Shadow\ and\ Highlight-shadow\ four:hover { + --tw-gradient-from: var(--shadow-and-highlight-shadow-four, #7f7e7f40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:bg-left-bottom { - background-position: left bottom; + .xl\:hover\:from-Shadow\ and\ Highlight-shadow\ five:hover { + --tw-gradient-from: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:bg-left-top { - background-position: left top; + .xl\:hover\:from-Shadow\ and\ Highlight-highlight\ four:hover { + --tw-gradient-from: var(--shadow-and-highlight-highlight-four, #47474740); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:bg-right { - background-position: right; + .xl\:hover\:from-Base\ Layer\ Styles-Base\ Layer-\ Light-White:hover { + --tw-gradient-from: var(--base-layer-styles-base-layer-light-white, #ffffff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:bg-right-bottom { - background-position: right bottom; + .xl\:hover\:from-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:hover { + --tw-gradient-from: var(--base-layer-styles-base-layer-light-off-white, #f0edee); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:bg-right-top { - background-position: right top; + .xl\:hover\:from-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:hover { + --tw-gradient-from: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:bg-top { - background-position: top; + .xl\:hover\:from-Base\ Layer\ Styles-Base\ Layer-Dark-Black:hover { + --tw-gradient-from: var(--base-layer-styles-base-layer-dark-black, #000000); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:bg-repeat { - background-repeat: repeat; + .xl\:hover\:from-Grey-Scale-white:hover { + --tw-gradient-from: var(--grey-scale-white, #ffffff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:bg-no-repeat { - background-repeat: no-repeat; + .xl\:hover\:from-Grey-Scale-off-white:hover { + --tw-gradient-from: var(--grey-scale-off-white, #f0edee); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:bg-repeat-x { - background-repeat: repeat-x; + .xl\:hover\:from-Grey\ Scale-grey:hover { + --tw-gradient-from: var(--grey-scale-grey, #7f7e7f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:bg-repeat-y { - background-repeat: repeat-y; + .xl\:hover\:from-Grey\ Scale-charcoal:hover { + --tw-gradient-from: var(--grey-scale-charcoal, #474747); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:bg-repeat-round { - background-repeat: round; + .xl\:hover\:from-Grey\ Scale-off-black:hover { + --tw-gradient-from: var(--grey-scale-off-black, #1c1c1c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:bg-repeat-space { - background-repeat: space; + .xl\:hover\:from-Grey\ Scale-black:hover { + --tw-gradient-from: var(--grey-scale-black, #000000); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:bg-origin-border { - background-origin: border-box; + .xl\:hover\:from-Blue-blue:hover { + --tw-gradient-from: var(--blue-blue, #3a7ca5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:bg-origin-padding { - background-origin: padding-box; + .xl\:hover\:from-Blue-blue-100:hover { + --tw-gradient-from: var(--blue-blue-100, #75a3c0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:bg-origin-content { - background-origin: content-box; + .xl\:hover\:from-Blue-blue-200:hover { + --tw-gradient-from: var(--blue-blue-200, #9cbed2); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:fill-current { - fill: currentColor; + .xl\:hover\:from-Blue-blue-300:hover { + --tw-gradient-from: var(--blue-blue-300, #4f7d9a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:stroke-current { - stroke: currentColor; + .xl\:hover\:from-Blue-blue-400:hover { + --tw-gradient-from: var(--blue-blue-400, #5c7d92); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:stroke-0 { - stroke-width: 0; + .xl\:hover\:from-Blue-blue-500:hover { + --tw-gradient-from: var(--blue-blue-500, #347095); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:stroke-1 { - stroke-width: 1; + .xl\:hover\:from-Blue-blue-600:hover { + --tw-gradient-from: var(--blue-blue-600, #295774); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:stroke-2 { - stroke-width: 2; + .xl\:hover\:from-Blue-blue-700:hover { + --tw-gradient-from: var(--blue-blue-700, #173242); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:object-contain { - -o-object-fit: contain; - object-fit: contain; + .xl\:hover\:from-LightBlue-lightblue:hover { + --tw-gradient-from: var(--light-blue-lightblue, #81c3d7); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:object-cover { - -o-object-fit: cover; - object-fit: cover; + .xl\:hover\:from-LightBlue-lightblue-100:hover { + --tw-gradient-from: var(--light-blue-lightblue-100, #a7d5e3); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:object-fill { - -o-object-fit: fill; - object-fit: fill; + .xl\:hover\:from-LightBlue-lightblue-200:hover { + --tw-gradient-from: var(--light-blue-lightblue-200, #c0e1eb); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:object-none { - -o-object-fit: none; - object-fit: none; + .xl\:hover\:from-LightBlue-lightblue-300:hover { + --tw-gradient-from: var(--light-blue-lightblue-300, #80aebd); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:object-scale-down { - -o-object-fit: scale-down; - object-fit: scale-down; + .xl\:hover\:from-LightBlue-lightblue-400:hover { + --tw-gradient-from: var(--light-blue-lightblue-400, #80a0ab); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:object-bottom { - -o-object-position: bottom; - object-position: bottom; + .xl\:hover\:from-LightBlue-lightblue-500:hover { + --tw-gradient-from: var(--light-blue-lightblue-500, #74afc1); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:object-center { - -o-object-position: center; - object-position: center; + .xl\:hover\:from-LightBlue-lightblue-600:hover { + --tw-gradient-from: var(--light-blue-lightblue-600, #5a8997); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:object-left { - -o-object-position: left; - object-position: left; + .xl\:hover\:from-LightBlue-lightblue-650:hover { + --tw-gradient-from: var(--light-blue-lightblue-650, #3e5e65); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:object-left-bottom { - -o-object-position: left bottom; - object-position: left bottom; + .xl\:hover\:from-LightBlue-lightblue-700:hover { + --tw-gradient-from: var(--light-blue-lightblue-700, #344e56); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:object-left-top { - -o-object-position: left top; - object-position: left top; + .xl\:hover\:from-Orange-orange:hover { + --tw-gradient-from: var(--orange-orange, #ff7f0e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:object-right { - -o-object-position: right; - object-position: right; + .xl\:hover\:from-Orange-orange-100:hover { + --tw-gradient-from: var(--orange-orange-100, #ffa556); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:object-right-bottom { - -o-object-position: right bottom; - object-position: right bottom; + .xl\:hover\:from-Orange-orange-200:hover { + --tw-gradient-from: var(--orange-orange-200, #ffbf86); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:object-right-top { - -o-object-position: right top; - object-position: right top; + .xl\:hover\:from-Orange-orange-300:hover { + --tw-gradient-from: var(--orange-orange-300, #d97f30); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:object-top { - -o-object-position: top; - object-position: top; + .xl\:hover\:from-Orange-orange-400:hover { + --tw-gradient-from: var(--orange-orange-400, #bf7e46); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:p-0 { - padding: 0px; + .xl\:hover\:from-Orange-orange-500:hover { + --tw-gradient-from: var(--orange-orange-500, #e5720d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:p-1 { - padding: 0.25rem; + .xl\:hover\:from-Orange-orange-600:hover { + --tw-gradient-from: var(--orange-orange-600, #b3590a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:p-2 { - padding: 0.5rem; + .xl\:hover\:from-Orange-orange-700:hover { + --tw-gradient-from: var(--orange-orange-700, #663306); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:p-3 { - padding: 0.75rem; + .xl\:hover\:from-Yellow-yellow:hover { + --tw-gradient-from: var(--yellow-yellow, #ffab00); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:p-4 { - padding: 1rem; + .xl\:hover\:from-Yellow-yellow-100:hover { + --tw-gradient-from: var(--yellow-yellow-100, #ffc44c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:p-5 { - padding: 1.25rem; + .xl\:hover\:from-Yellow-yellow-200:hover { + --tw-gradient-from: var(--yellow-yellow-200, #ffd580); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:p-6 { - padding: 1.5rem; + .xl\:hover\:from-Yellow-yellow-300:hover { + --tw-gradient-from: var(--yellow-yellow-300, #d99d26); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:p-7 { - padding: 1.75rem; + .xl\:hover\:from-Yellow-yellow-400:hover { + --tw-gradient-from: var(--yellow-yellow-400, #bf943f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:p-8 { - padding: 2rem; + .xl\:hover\:from-Yellow-yellow-500:hover { + --tw-gradient-from: var(--yellow-yellow-500, #e59a00); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:p-9 { - padding: 2.25rem; + .xl\:hover\:from-Yellow-yellow-600:hover { + --tw-gradient-from: var(--yellow-yellow-600, #b37800); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:p-10 { - padding: 2.5rem; + .xl\:hover\:from-Yellow-yellow-700:hover { + --tw-gradient-from: var(--yellow-yellow-700, #664400); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:p-11 { - padding: 2.75rem; + .xl\:hover\:from-Notification-notification:hover { + --tw-gradient-from: var(--notification-notification, #3959ff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:p-12 { - padding: 3rem; + .xl\:hover\:from-Notification-notification-100:hover { + --tw-gradient-from: var(--notification-notification-100, #748bff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:p-14 { - padding: 3.5rem; + .xl\:hover\:from-Notification-notification-200:hover { + --tw-gradient-from: var(--notification-notification-200, #9cacff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:p-16 { - padding: 4rem; + .xl\:hover\:from-Notification-notification-300:hover { + --tw-gradient-from: var(--notification-notification-300, #4e64d9); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:p-20 { - padding: 5rem; + .xl\:hover\:from-Notification-notification-400:hover { + --tw-gradient-from: var(--notification-notification-400, #5c6cbf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:p-24 { - padding: 6rem; + .xl\:hover\:from-Notification-notification-500:hover { + --tw-gradient-from: var(--notification-notification-500, #3350e5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:p-28 { - padding: 7rem; + .xl\:hover\:from-Notification-notification-600:hover { + --tw-gradient-from: var(--notification-notification-600, #283eb3); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:p-32 { - padding: 8rem; + .xl\:hover\:from-Notification-notification-700:hover { + --tw-gradient-from: var(--notification-notification-700, #172466); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:p-36 { - padding: 9rem; + .xl\:hover\:from-Success-success\ -700:hover { + --tw-gradient-from: var(--success-success-700, #24471f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:p-40 { - padding: 10rem; + .xl\:hover\:from-Success-success:hover { + --tw-gradient-from: var(--success-success, #5bb14d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:p-44 { - padding: 11rem; + .xl\:hover\:from-Success-success\ -100:hover { + --tw-gradient-from: var(--success-success-100, #8cc882); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:p-48 { - padding: 12rem; + .xl\:hover\:from-Success-success\ -200:hover { + --tw-gradient-from: var(--success-success-200, #add8a6); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:p-52 { - padding: 13rem; + .xl\:hover\:from-Success-success\ -300:hover { + --tw-gradient-from: var(--success-success-300, #66a25c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:p-56 { - padding: 14rem; + .xl\:hover\:from-Success-success\ -400:hover { + --tw-gradient-from: var(--success-success-400, #6d9766); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:p-60 { - padding: 15rem; + .xl\:hover\:from-Success-success\ -500:hover { + --tw-gradient-from: var(--success-success-500, #529f45); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:p-64 { - padding: 16rem; + .xl\:hover\:from-Success-success\ -600:hover { + --tw-gradient-from: var(--success-success-600, #407c36); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:p-72 { - padding: 18rem; + .xl\:hover\:from-Error-error:hover { + --tw-gradient-from: var(--error-error, #f03d3e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:p-80 { - padding: 20rem; + .xl\:hover\:from-Error-error-100:hover { + --tw-gradient-from: var(--error-error-100, #f57778); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:p-96 { - padding: 24rem; + .xl\:hover\:from-Error-error-200:hover { + --tw-gradient-from: var(--error-error-200, #f89e9e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:p-px { - padding: 1px; + .xl\:hover\:from-Error-error-250:hover { + --tw-gradient-from: var(--error-error-250, #f9c8c8); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:p-0\.5 { - padding: 0.125rem; + .xl\:hover\:from-Error-error-300:hover { + --tw-gradient-from: var(--error-error-300, #ce5151); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:p-1\.5 { - padding: 0.375rem; + .xl\:hover\:from-Error-error-400:hover { + --tw-gradient-from: var(--error-error-400, #b85e5e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:p-2\.5 { - padding: 0.625rem; + .xl\:hover\:from-Error-error-500:hover { + --tw-gradient-from: var(--error-error-500, #d83738); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:p-3\.5 { - padding: 0.875rem; + .xl\:hover\:from-Error-error-600:hover { + --tw-gradient-from: var(--error-error-600, #a82b2b); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:px-0 { - padding-left: 0px; - padding-right: 0px; + .xl\:hover\:from-Error-error-700:hover { + --tw-gradient-from: var(--error-error-700, #601819); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:px-1 { - padding-left: 0.25rem; - padding-right: 0.25rem; + .xl\:focus\:from-colors-black:focus { + --tw-gradient-from: var(--colors-black, #000000); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:px-2 { - padding-left: 0.5rem; - padding-right: 0.5rem; + .xl\:focus\:from-colors-white:focus { + --tw-gradient-from: var(--colors-white, #ffffff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:px-3 { - padding-left: 0.75rem; - padding-right: 0.75rem; + .xl\:focus\:from-colors-gray-100:focus { + --tw-gradient-from: var(--colors-gray-100, #f7fafc); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:px-4 { - padding-left: 1rem; - padding-right: 1rem; + .xl\:focus\:from-colors-gray-200:focus { + --tw-gradient-from: var(--colors-gray-200, #edf2f7); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:px-5 { - padding-left: 1.25rem; - padding-right: 1.25rem; + .xl\:focus\:from-colors-gray-300:focus { + --tw-gradient-from: var(--colors-gray-300, #e2e8f0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:px-6 { - padding-left: 1.5rem; - padding-right: 1.5rem; + .xl\:focus\:from-colors-gray-400:focus { + --tw-gradient-from: var(--colors-gray-400, #cbd5e0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:px-7 { - padding-left: 1.75rem; - padding-right: 1.75rem; + .xl\:focus\:from-colors-gray-500:focus { + --tw-gradient-from: var(--colors-gray-500, #a0aec0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:px-8 { - padding-left: 2rem; - padding-right: 2rem; + .xl\:focus\:from-colors-gray-600:focus { + --tw-gradient-from: var(--colors-gray-600, #718096); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:px-9 { - padding-left: 2.25rem; - padding-right: 2.25rem; + .xl\:focus\:from-colors-gray-700:focus { + --tw-gradient-from: var(--colors-gray-700, #4a5568); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:px-10 { - padding-left: 2.5rem; - padding-right: 2.5rem; + .xl\:focus\:from-colors-gray-800:focus { + --tw-gradient-from: var(--colors-gray-800, #2d3748); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:px-11 { - padding-left: 2.75rem; - padding-right: 2.75rem; + .xl\:focus\:from-colors-gray-900:focus { + --tw-gradient-from: var(--colors-gray-900, #1a202c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:px-12 { - padding-left: 3rem; - padding-right: 3rem; + .xl\:focus\:from-colors-red-100:focus { + --tw-gradient-from: var(--colors-red-100, #fff5f5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:px-14 { - padding-left: 3.5rem; - padding-right: 3.5rem; + .xl\:focus\:from-colors-red-200:focus { + --tw-gradient-from: var(--colors-red-200, #fed7d7); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:px-16 { - padding-left: 4rem; - padding-right: 4rem; + .xl\:focus\:from-colors-red-300:focus { + --tw-gradient-from: var(--colors-red-300, #feb2b2); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:px-20 { - padding-left: 5rem; - padding-right: 5rem; + .xl\:focus\:from-colors-red-400:focus { + --tw-gradient-from: var(--colors-red-400, #fc8181); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:px-24 { - padding-left: 6rem; - padding-right: 6rem; + .xl\:focus\:from-colors-red-500:focus { + --tw-gradient-from: var(--colors-red-500, #f56565); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:px-28 { - padding-left: 7rem; - padding-right: 7rem; + .xl\:focus\:from-colors-red-600:focus { + --tw-gradient-from: var(--colors-red-600, #e53e3e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:px-32 { - padding-left: 8rem; - padding-right: 8rem; + .xl\:focus\:from-colors-red-700:focus { + --tw-gradient-from: var(--colors-red-700, #c53030); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:px-36 { - padding-left: 9rem; - padding-right: 9rem; + .xl\:focus\:from-colors-red-800:focus { + --tw-gradient-from: var(--colors-red-800, #9b2c2c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:px-40 { - padding-left: 10rem; - padding-right: 10rem; + .xl\:focus\:from-colors-red-900:focus { + --tw-gradient-from: var(--colors-red-900, #742a2a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:px-44 { - padding-left: 11rem; - padding-right: 11rem; + .xl\:focus\:from-colors-orange-100:focus { + --tw-gradient-from: var(--colors-orange-100, #fffaf0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:px-48 { - padding-left: 12rem; - padding-right: 12rem; + .xl\:focus\:from-colors-orange-200:focus { + --tw-gradient-from: var(--colors-orange-200, #feebc8); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:px-52 { - padding-left: 13rem; - padding-right: 13rem; + .xl\:focus\:from-colors-orange-300:focus { + --tw-gradient-from: var(--colors-orange-300, #fbd38d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:px-56 { - padding-left: 14rem; - padding-right: 14rem; + .xl\:focus\:from-colors-orange-400:focus { + --tw-gradient-from: var(--colors-orange-400, #f6ad55); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:px-60 { - padding-left: 15rem; - padding-right: 15rem; + .xl\:focus\:from-colors-orange-500:focus { + --tw-gradient-from: var(--colors-orange-500, #ed8936); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:px-64 { - padding-left: 16rem; - padding-right: 16rem; + .xl\:focus\:from-colors-orange-600:focus { + --tw-gradient-from: var(--colors-orange-600, #dd6b20); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:px-72 { - padding-left: 18rem; - padding-right: 18rem; + .xl\:focus\:from-colors-orange-700:focus { + --tw-gradient-from: var(--colors-orange-700, #c05621); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:px-80 { - padding-left: 20rem; - padding-right: 20rem; + .xl\:focus\:from-colors-orange-800:focus { + --tw-gradient-from: var(--colors-orange-800, #9c4221); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:px-96 { - padding-left: 24rem; - padding-right: 24rem; + .xl\:focus\:from-colors-orange-900:focus { + --tw-gradient-from: var(--colors-orange-900, #7b341e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:px-px { - padding-left: 1px; - padding-right: 1px; + .xl\:focus\:from-colors-yellow-100:focus { + --tw-gradient-from: var(--colors-yellow-100, #fffff0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:px-0\.5 { - padding-left: 0.125rem; - padding-right: 0.125rem; + .xl\:focus\:from-colors-yellow-200:focus { + --tw-gradient-from: var(--colors-yellow-200, #fefcbf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:px-1\.5 { - padding-left: 0.375rem; - padding-right: 0.375rem; + .xl\:focus\:from-colors-yellow-300:focus { + --tw-gradient-from: var(--colors-yellow-300, #faf089); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:px-2\.5 { - padding-left: 0.625rem; - padding-right: 0.625rem; + .xl\:focus\:from-colors-yellow-400:focus { + --tw-gradient-from: var(--colors-yellow-400, #f6e05e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:px-3\.5 { - padding-left: 0.875rem; - padding-right: 0.875rem; + .xl\:focus\:from-colors-yellow-500:focus { + --tw-gradient-from: var(--colors-yellow-500, #ecc94b); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:py-0 { - padding-top: 0px; - padding-bottom: 0px; + .xl\:focus\:from-colors-yellow-600:focus { + --tw-gradient-from: var(--colors-yellow-600, #d69e2e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:py-1 { - padding-top: 0.25rem; - padding-bottom: 0.25rem; + .xl\:focus\:from-colors-yellow-700:focus { + --tw-gradient-from: var(--colors-yellow-700, #b7791f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:py-2 { - padding-top: 0.5rem; - padding-bottom: 0.5rem; + .xl\:focus\:from-colors-yellow-800:focus { + --tw-gradient-from: var(--colors-yellow-800, #975a16); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:py-3 { - padding-top: 0.75rem; - padding-bottom: 0.75rem; + .xl\:focus\:from-colors-yellow-900:focus { + --tw-gradient-from: var(--colors-yellow-900, #744210); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:py-4 { - padding-top: 1rem; - padding-bottom: 1rem; + .xl\:focus\:from-colors-green-100:focus { + --tw-gradient-from: var(--colors-green-100, #f0fff4); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:py-5 { - padding-top: 1.25rem; - padding-bottom: 1.25rem; + .xl\:focus\:from-colors-green-200:focus { + --tw-gradient-from: var(--colors-green-200, #c6f6d5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:py-6 { - padding-top: 1.5rem; - padding-bottom: 1.5rem; + .xl\:focus\:from-colors-green-300:focus { + --tw-gradient-from: var(--colors-green-300, #9ae6b4); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:py-7 { - padding-top: 1.75rem; - padding-bottom: 1.75rem; + .xl\:focus\:from-colors-green-400:focus { + --tw-gradient-from: var(--colors-green-400, #68d391); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:py-8 { - padding-top: 2rem; - padding-bottom: 2rem; + .xl\:focus\:from-colors-green-500:focus { + --tw-gradient-from: var(--colors-green-500, #48bb78); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:py-9 { - padding-top: 2.25rem; - padding-bottom: 2.25rem; + .xl\:focus\:from-colors-green-600:focus { + --tw-gradient-from: var(--colors-green-600, #38a169); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:py-10 { - padding-top: 2.5rem; - padding-bottom: 2.5rem; + .xl\:focus\:from-colors-green-700:focus { + --tw-gradient-from: var(--colors-green-700, #2f855a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:py-11 { - padding-top: 2.75rem; - padding-bottom: 2.75rem; + .xl\:focus\:from-colors-green-800:focus { + --tw-gradient-from: var(--colors-green-800, #276749); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:py-12 { - padding-top: 3rem; - padding-bottom: 3rem; + .xl\:focus\:from-colors-green-900:focus { + --tw-gradient-from: var(--colors-green-900, #22543d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:py-14 { - padding-top: 3.5rem; - padding-bottom: 3.5rem; + .xl\:focus\:from-colors-teal-100:focus { + --tw-gradient-from: var(--colors-teal-100, #e6fffa); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:py-16 { - padding-top: 4rem; - padding-bottom: 4rem; + .xl\:focus\:from-colors-teal-200:focus { + --tw-gradient-from: var(--colors-teal-200, #b2f5ea); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:py-20 { - padding-top: 5rem; - padding-bottom: 5rem; + .xl\:focus\:from-colors-teal-300:focus { + --tw-gradient-from: var(--colors-teal-300, #81e6d9); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:py-24 { - padding-top: 6rem; - padding-bottom: 6rem; + .xl\:focus\:from-colors-teal-400:focus { + --tw-gradient-from: var(--colors-teal-400, #4fd1c5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:py-28 { - padding-top: 7rem; - padding-bottom: 7rem; + .xl\:focus\:from-colors-teal-500:focus { + --tw-gradient-from: var(--colors-teal-500, #38b2ac); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:py-32 { - padding-top: 8rem; - padding-bottom: 8rem; + .xl\:focus\:from-colors-teal-600:focus { + --tw-gradient-from: var(--colors-teal-600, #319795); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:py-36 { - padding-top: 9rem; - padding-bottom: 9rem; + .xl\:focus\:from-colors-teal-700:focus { + --tw-gradient-from: var(--colors-teal-700, #2c7a7b); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:py-40 { - padding-top: 10rem; - padding-bottom: 10rem; + .xl\:focus\:from-colors-teal-800:focus { + --tw-gradient-from: var(--colors-teal-800, #285e61); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:py-44 { - padding-top: 11rem; - padding-bottom: 11rem; + .xl\:focus\:from-colors-teal-900:focus { + --tw-gradient-from: var(--colors-teal-900, #234e52); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:py-48 { - padding-top: 12rem; - padding-bottom: 12rem; + .xl\:focus\:from-colors-blue-100:focus { + --tw-gradient-from: var(--colors-blue-100, #ebf8ff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:py-52 { - padding-top: 13rem; - padding-bottom: 13rem; + .xl\:focus\:from-colors-blue-200:focus { + --tw-gradient-from: var(--colors-blue-200, #bee3f8); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:py-56 { - padding-top: 14rem; - padding-bottom: 14rem; + .xl\:focus\:from-colors-blue-300:focus { + --tw-gradient-from: var(--colors-blue-300, #90cdf4); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:py-60 { - padding-top: 15rem; - padding-bottom: 15rem; + .xl\:focus\:from-colors-blue-400:focus { + --tw-gradient-from: var(--colors-blue-400, #63b3ed); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:py-64 { - padding-top: 16rem; - padding-bottom: 16rem; + .xl\:focus\:from-colors-blue-500:focus { + --tw-gradient-from: var(--colors-blue-500, #4299e1); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:py-72 { - padding-top: 18rem; - padding-bottom: 18rem; + .xl\:focus\:from-colors-blue-600:focus { + --tw-gradient-from: var(--colors-blue-600, #3182ce); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:py-80 { - padding-top: 20rem; - padding-bottom: 20rem; + .xl\:focus\:from-colors-blue-700:focus { + --tw-gradient-from: var(--colors-blue-700, #2b6cb0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:py-96 { - padding-top: 24rem; - padding-bottom: 24rem; + .xl\:focus\:from-colors-blue-800:focus { + --tw-gradient-from: var(--colors-blue-800, #2c5282); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:py-px { - padding-top: 1px; - padding-bottom: 1px; + .xl\:focus\:from-colors-blue-900:focus { + --tw-gradient-from: var(--colors-blue-900, #2a4365); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:py-0\.5 { - padding-top: 0.125rem; - padding-bottom: 0.125rem; + .xl\:focus\:from-colors-indigo-100:focus { + --tw-gradient-from: var(--colors-indigo-100, #ebf4ff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:py-1\.5 { - padding-top: 0.375rem; - padding-bottom: 0.375rem; + .xl\:focus\:from-colors-indigo-200:focus { + --tw-gradient-from: var(--colors-indigo-200, #c3dafe); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:py-2\.5 { - padding-top: 0.625rem; - padding-bottom: 0.625rem; + .xl\:focus\:from-colors-indigo-300:focus { + --tw-gradient-from: var(--colors-indigo-300, #a3bffa); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:py-3\.5 { - padding-top: 0.875rem; - padding-bottom: 0.875rem; + .xl\:focus\:from-colors-indigo-400:focus { + --tw-gradient-from: var(--colors-indigo-400, #7f9cf5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pt-0 { - padding-top: 0px; + .xl\:focus\:from-colors-indigo-500:focus { + --tw-gradient-from: var(--colors-indigo-500, #667eea); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pt-1 { - padding-top: 0.25rem; + .xl\:focus\:from-colors-indigo-600:focus { + --tw-gradient-from: var(--colors-indigo-600, #5a67d8); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pt-2 { - padding-top: 0.5rem; + .xl\:focus\:from-colors-indigo-700:focus { + --tw-gradient-from: var(--colors-indigo-700, #4c51bf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pt-3 { - padding-top: 0.75rem; + .xl\:focus\:from-colors-indigo-800:focus { + --tw-gradient-from: var(--colors-indigo-800, #434190); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pt-4 { - padding-top: 1rem; + .xl\:focus\:from-colors-indigo-900:focus { + --tw-gradient-from: var(--colors-indigo-900, #3c366b); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pt-5 { - padding-top: 1.25rem; + .xl\:focus\:from-colors-purple-100:focus { + --tw-gradient-from: var(--colors-purple-100, #faf5ff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pt-6 { - padding-top: 1.5rem; + .xl\:focus\:from-colors-purple-200:focus { + --tw-gradient-from: var(--colors-purple-200, #e9d8fd); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pt-7 { - padding-top: 1.75rem; + .xl\:focus\:from-colors-purple-300:focus { + --tw-gradient-from: var(--colors-purple-300, #d6bcfa); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pt-8 { - padding-top: 2rem; + .xl\:focus\:from-colors-purple-400:focus { + --tw-gradient-from: var(--colors-purple-400, #b794f4); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pt-9 { - padding-top: 2.25rem; + .xl\:focus\:from-colors-purple-500:focus { + --tw-gradient-from: var(--colors-purple-500, #9f7aea); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pt-10 { - padding-top: 2.5rem; + .xl\:focus\:from-colors-purple-600:focus { + --tw-gradient-from: var(--colors-purple-600, #805ad5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pt-11 { - padding-top: 2.75rem; + .xl\:focus\:from-colors-purple-700:focus { + --tw-gradient-from: var(--colors-purple-700, #6b46c1); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pt-12 { - padding-top: 3rem; + .xl\:focus\:from-colors-purple-800:focus { + --tw-gradient-from: var(--colors-purple-800, #553c9a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pt-14 { - padding-top: 3.5rem; + .xl\:focus\:from-colors-purple-900:focus { + --tw-gradient-from: var(--colors-purple-900, #44337a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pt-16 { - padding-top: 4rem; + .xl\:focus\:from-colors-pink-100:focus { + --tw-gradient-from: var(--colors-pink-100, #fff5f7); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pt-20 { - padding-top: 5rem; + .xl\:focus\:from-colors-pink-200:focus { + --tw-gradient-from: var(--colors-pink-200, #fed7e2); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pt-24 { - padding-top: 6rem; + .xl\:focus\:from-colors-pink-300:focus { + --tw-gradient-from: var(--colors-pink-300, #fbb6ce); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pt-28 { - padding-top: 7rem; + .xl\:focus\:from-colors-pink-400:focus { + --tw-gradient-from: var(--colors-pink-400, #f687b3); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pt-32 { - padding-top: 8rem; + .xl\:focus\:from-colors-pink-500:focus { + --tw-gradient-from: var(--colors-pink-500, #ed64a6); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pt-36 { - padding-top: 9rem; + .xl\:focus\:from-colors-pink-600:focus { + --tw-gradient-from: var(--colors-pink-600, #d53f8c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pt-40 { - padding-top: 10rem; + .xl\:focus\:from-colors-pink-700:focus { + --tw-gradient-from: var(--colors-pink-700, #b83280); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pt-44 { - padding-top: 11rem; + .xl\:focus\:from-colors-pink-800:focus { + --tw-gradient-from: var(--colors-pink-800, #97266d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pt-48 { - padding-top: 12rem; + .xl\:focus\:from-colors-pink-900:focus { + --tw-gradient-from: var(--colors-pink-900, #702459); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pt-52 { - padding-top: 13rem; + .xl\:focus\:from-Box\ Shadow:focus { + --tw-gradient-from: var(--box-shadow, #7f7e7f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pt-56 { - padding-top: 14rem; + .xl\:focus\:from-Error16:focus { + --tw-gradient-from: var(--error16, #f03d3e40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pt-60 { - padding-top: 15rem; + .xl\:focus\:from-Success16:focus { + --tw-gradient-from: var(--success16, #5bb14d40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pt-64 { - padding-top: 16rem; + .xl\:focus\:from-Notification16:focus { + --tw-gradient-from: var(--notification16, #3959ff40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pt-72 { - padding-top: 18rem; + .xl\:focus\:from-Error8:focus { + --tw-gradient-from: var(--error8, #f03d3e1a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pt-80 { - padding-top: 20rem; + .xl\:focus\:from-Notification8:focus { + --tw-gradient-from: var(--notification8, #3959ff1a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pt-96 { - padding-top: 24rem; + .xl\:focus\:from-Success8:focus { + --tw-gradient-from: var(--success8, #5bb14d1a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pt-px { - padding-top: 1px; + .xl\:focus\:from-Light\ -\ Overlay:focus { + --tw-gradient-from: var(--light-overlay, #f0edee66); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pt-0\.5 { - padding-top: 0.125rem; + .xl\:focus\:from-Dark-\ Overlay:focus { + --tw-gradient-from: var(--dark-overlay, #7f7e7f66); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pt-1\.5 { - padding-top: 0.375rem; + .xl\:focus\:from-black-40:focus { + --tw-gradient-from: var(--black-40, #00000066); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pt-2\.5 { - padding-top: 0.625rem; + .xl\:focus\:from-black-75:focus { + --tw-gradient-from: var(--black-75, #000000bf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pt-3\.5 { - padding-top: 0.875rem; + .xl\:focus\:from-black-60:focus { + --tw-gradient-from: var(--black-60, #00000099); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pr-0 { - padding-right: 0px; + .xl\:focus\:from-black-50:focus { + --tw-gradient-from: var(--black-50, #00000080); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pr-1 { - padding-right: 0.25rem; + .xl\:focus\:from-black-25:focus { + --tw-gradient-from: var(--black-25, #00000040); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pr-2 { - padding-right: 0.5rem; + .xl\:focus\:from-black-10:focus { + --tw-gradient-from: var(--black-10, #0000001a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pr-3 { - padding-right: 0.75rem; + .xl\:focus\:from-white-25:focus { + --tw-gradient-from: var(--white-25, #ffffff40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pr-4 { - padding-right: 1rem; + .xl\:focus\:from-white-60:focus { + --tw-gradient-from: var(--white-60, #ffffff99); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pr-5 { - padding-right: 1.25rem; + .xl\:focus\:from-black-64:focus { + --tw-gradient-from: var(--black-64, #000000a3); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pr-6 { - padding-right: 1.5rem; + .xl\:focus\:from-Shadow\ and\ Highlight-Shadow:focus { + --tw-gradient-from: var(--shadow-and-highlight-shadow, #7f7e7f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pr-7 { - padding-right: 1.75rem; + .xl\:focus\:from-Shadow\ and\ Highlight-Highlight:focus { + --tw-gradient-from: var(--shadow-and-highlight-highlight, #474747); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pr-8 { - padding-right: 2rem; + .xl\:focus\:from-Shadow\ and\ Highlight-highlight\ one:focus { + --tw-gradient-from: var(--shadow-and-highlight-highlight-one, #474747bf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pr-9 { - padding-right: 2.25rem; + .xl\:focus\:from-Shadow\ and\ Highlight-highlight\ two:focus { + --tw-gradient-from: var(--shadow-and-highlight-highlight-two, #47474799); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pr-10 { - padding-right: 2.5rem; + .xl\:focus\:from-Shadow\ and\ Highlight-highlight\ three:focus { + --tw-gradient-from: var(--shadow-and-highlight-highlight-three, #47474766); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pr-11 { - padding-right: 2.75rem; + .xl\:focus\:from-Shadow\ and\ Highlight-highlight\ five:focus { + --tw-gradient-from: var(--shadow-and-highlight-highlight-five, #4747471a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pr-12 { - padding-right: 3rem; + .xl\:focus\:from-Shadow\ and\ Highlight-shadow\ one:focus { + --tw-gradient-from: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pr-14 { - padding-right: 3.5rem; + .xl\:focus\:from-Shadow\ and\ Highlight-shadow\ two:focus { + --tw-gradient-from: var(--shadow-and-highlight-shadow-two, #7f7e7f99); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pr-16 { - padding-right: 4rem; + .xl\:focus\:from-Shadow\ and\ Highlight-shadow\ three:focus { + --tw-gradient-from: var(--shadow-and-highlight-shadow-three, #7f7e7f66); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pr-20 { - padding-right: 5rem; + .xl\:focus\:from-Shadow\ and\ Highlight-shadow\ four:focus { + --tw-gradient-from: var(--shadow-and-highlight-shadow-four, #7f7e7f40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pr-24 { - padding-right: 6rem; + .xl\:focus\:from-Shadow\ and\ Highlight-shadow\ five:focus { + --tw-gradient-from: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pr-28 { - padding-right: 7rem; + .xl\:focus\:from-Shadow\ and\ Highlight-highlight\ four:focus { + --tw-gradient-from: var(--shadow-and-highlight-highlight-four, #47474740); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pr-32 { - padding-right: 8rem; + .xl\:focus\:from-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus { + --tw-gradient-from: var(--base-layer-styles-base-layer-light-white, #ffffff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pr-36 { - padding-right: 9rem; + .xl\:focus\:from-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus { + --tw-gradient-from: var(--base-layer-styles-base-layer-light-off-white, #f0edee); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pr-40 { - padding-right: 10rem; + .xl\:focus\:from-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus { + --tw-gradient-from: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pr-44 { - padding-right: 11rem; + .xl\:focus\:from-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus { + --tw-gradient-from: var(--base-layer-styles-base-layer-dark-black, #000000); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pr-48 { - padding-right: 12rem; + .xl\:focus\:from-Grey-Scale-white:focus { + --tw-gradient-from: var(--grey-scale-white, #ffffff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pr-52 { - padding-right: 13rem; + .xl\:focus\:from-Grey-Scale-off-white:focus { + --tw-gradient-from: var(--grey-scale-off-white, #f0edee); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pr-56 { - padding-right: 14rem; + .xl\:focus\:from-Grey\ Scale-grey:focus { + --tw-gradient-from: var(--grey-scale-grey, #7f7e7f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pr-60 { - padding-right: 15rem; + .xl\:focus\:from-Grey\ Scale-charcoal:focus { + --tw-gradient-from: var(--grey-scale-charcoal, #474747); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pr-64 { - padding-right: 16rem; + .xl\:focus\:from-Grey\ Scale-off-black:focus { + --tw-gradient-from: var(--grey-scale-off-black, #1c1c1c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pr-72 { - padding-right: 18rem; + .xl\:focus\:from-Grey\ Scale-black:focus { + --tw-gradient-from: var(--grey-scale-black, #000000); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pr-80 { - padding-right: 20rem; + .xl\:focus\:from-Blue-blue:focus { + --tw-gradient-from: var(--blue-blue, #3a7ca5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pr-96 { - padding-right: 24rem; + .xl\:focus\:from-Blue-blue-100:focus { + --tw-gradient-from: var(--blue-blue-100, #75a3c0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pr-px { - padding-right: 1px; + .xl\:focus\:from-Blue-blue-200:focus { + --tw-gradient-from: var(--blue-blue-200, #9cbed2); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pr-0\.5 { - padding-right: 0.125rem; + .xl\:focus\:from-Blue-blue-300:focus { + --tw-gradient-from: var(--blue-blue-300, #4f7d9a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pr-1\.5 { - padding-right: 0.375rem; + .xl\:focus\:from-Blue-blue-400:focus { + --tw-gradient-from: var(--blue-blue-400, #5c7d92); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pr-2\.5 { - padding-right: 0.625rem; + .xl\:focus\:from-Blue-blue-500:focus { + --tw-gradient-from: var(--blue-blue-500, #347095); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pr-3\.5 { - padding-right: 0.875rem; + .xl\:focus\:from-Blue-blue-600:focus { + --tw-gradient-from: var(--blue-blue-600, #295774); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pb-0 { - padding-bottom: 0px; + .xl\:focus\:from-Blue-blue-700:focus { + --tw-gradient-from: var(--blue-blue-700, #173242); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pb-1 { - padding-bottom: 0.25rem; + .xl\:focus\:from-LightBlue-lightblue:focus { + --tw-gradient-from: var(--light-blue-lightblue, #81c3d7); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pb-2 { - padding-bottom: 0.5rem; + .xl\:focus\:from-LightBlue-lightblue-100:focus { + --tw-gradient-from: var(--light-blue-lightblue-100, #a7d5e3); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pb-3 { - padding-bottom: 0.75rem; + .xl\:focus\:from-LightBlue-lightblue-200:focus { + --tw-gradient-from: var(--light-blue-lightblue-200, #c0e1eb); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pb-4 { - padding-bottom: 1rem; + .xl\:focus\:from-LightBlue-lightblue-300:focus { + --tw-gradient-from: var(--light-blue-lightblue-300, #80aebd); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pb-5 { - padding-bottom: 1.25rem; + .xl\:focus\:from-LightBlue-lightblue-400:focus { + --tw-gradient-from: var(--light-blue-lightblue-400, #80a0ab); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pb-6 { - padding-bottom: 1.5rem; + .xl\:focus\:from-LightBlue-lightblue-500:focus { + --tw-gradient-from: var(--light-blue-lightblue-500, #74afc1); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pb-7 { - padding-bottom: 1.75rem; + .xl\:focus\:from-LightBlue-lightblue-600:focus { + --tw-gradient-from: var(--light-blue-lightblue-600, #5a8997); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pb-8 { - padding-bottom: 2rem; + .xl\:focus\:from-LightBlue-lightblue-650:focus { + --tw-gradient-from: var(--light-blue-lightblue-650, #3e5e65); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pb-9 { - padding-bottom: 2.25rem; + .xl\:focus\:from-LightBlue-lightblue-700:focus { + --tw-gradient-from: var(--light-blue-lightblue-700, #344e56); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pb-10 { - padding-bottom: 2.5rem; + .xl\:focus\:from-Orange-orange:focus { + --tw-gradient-from: var(--orange-orange, #ff7f0e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pb-11 { - padding-bottom: 2.75rem; + .xl\:focus\:from-Orange-orange-100:focus { + --tw-gradient-from: var(--orange-orange-100, #ffa556); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pb-12 { - padding-bottom: 3rem; + .xl\:focus\:from-Orange-orange-200:focus { + --tw-gradient-from: var(--orange-orange-200, #ffbf86); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pb-14 { - padding-bottom: 3.5rem; + .xl\:focus\:from-Orange-orange-300:focus { + --tw-gradient-from: var(--orange-orange-300, #d97f30); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pb-16 { - padding-bottom: 4rem; + .xl\:focus\:from-Orange-orange-400:focus { + --tw-gradient-from: var(--orange-orange-400, #bf7e46); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pb-20 { - padding-bottom: 5rem; + .xl\:focus\:from-Orange-orange-500:focus { + --tw-gradient-from: var(--orange-orange-500, #e5720d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pb-24 { - padding-bottom: 6rem; + .xl\:focus\:from-Orange-orange-600:focus { + --tw-gradient-from: var(--orange-orange-600, #b3590a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pb-28 { - padding-bottom: 7rem; + .xl\:focus\:from-Orange-orange-700:focus { + --tw-gradient-from: var(--orange-orange-700, #663306); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pb-32 { - padding-bottom: 8rem; + .xl\:focus\:from-Yellow-yellow:focus { + --tw-gradient-from: var(--yellow-yellow, #ffab00); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pb-36 { - padding-bottom: 9rem; + .xl\:focus\:from-Yellow-yellow-100:focus { + --tw-gradient-from: var(--yellow-yellow-100, #ffc44c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pb-40 { - padding-bottom: 10rem; + .xl\:focus\:from-Yellow-yellow-200:focus { + --tw-gradient-from: var(--yellow-yellow-200, #ffd580); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pb-44 { - padding-bottom: 11rem; + .xl\:focus\:from-Yellow-yellow-300:focus { + --tw-gradient-from: var(--yellow-yellow-300, #d99d26); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pb-48 { - padding-bottom: 12rem; + .xl\:focus\:from-Yellow-yellow-400:focus { + --tw-gradient-from: var(--yellow-yellow-400, #bf943f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pb-52 { - padding-bottom: 13rem; + .xl\:focus\:from-Yellow-yellow-500:focus { + --tw-gradient-from: var(--yellow-yellow-500, #e59a00); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pb-56 { - padding-bottom: 14rem; + .xl\:focus\:from-Yellow-yellow-600:focus { + --tw-gradient-from: var(--yellow-yellow-600, #b37800); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pb-60 { - padding-bottom: 15rem; + .xl\:focus\:from-Yellow-yellow-700:focus { + --tw-gradient-from: var(--yellow-yellow-700, #664400); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pb-64 { - padding-bottom: 16rem; + .xl\:focus\:from-Notification-notification:focus { + --tw-gradient-from: var(--notification-notification, #3959ff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pb-72 { - padding-bottom: 18rem; + .xl\:focus\:from-Notification-notification-100:focus { + --tw-gradient-from: var(--notification-notification-100, #748bff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pb-80 { - padding-bottom: 20rem; + .xl\:focus\:from-Notification-notification-200:focus { + --tw-gradient-from: var(--notification-notification-200, #9cacff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pb-96 { - padding-bottom: 24rem; + .xl\:focus\:from-Notification-notification-300:focus { + --tw-gradient-from: var(--notification-notification-300, #4e64d9); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pb-px { - padding-bottom: 1px; + .xl\:focus\:from-Notification-notification-400:focus { + --tw-gradient-from: var(--notification-notification-400, #5c6cbf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pb-0\.5 { - padding-bottom: 0.125rem; + .xl\:focus\:from-Notification-notification-500:focus { + --tw-gradient-from: var(--notification-notification-500, #3350e5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pb-1\.5 { - padding-bottom: 0.375rem; + .xl\:focus\:from-Notification-notification-600:focus { + --tw-gradient-from: var(--notification-notification-600, #283eb3); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pb-2\.5 { - padding-bottom: 0.625rem; + .xl\:focus\:from-Notification-notification-700:focus { + --tw-gradient-from: var(--notification-notification-700, #172466); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pb-3\.5 { - padding-bottom: 0.875rem; + .xl\:focus\:from-Success-success\ -700:focus { + --tw-gradient-from: var(--success-success-700, #24471f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pl-0 { - padding-left: 0px; + .xl\:focus\:from-Success-success:focus { + --tw-gradient-from: var(--success-success, #5bb14d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pl-1 { - padding-left: 0.25rem; + .xl\:focus\:from-Success-success\ -100:focus { + --tw-gradient-from: var(--success-success-100, #8cc882); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pl-2 { - padding-left: 0.5rem; + .xl\:focus\:from-Success-success\ -200:focus { + --tw-gradient-from: var(--success-success-200, #add8a6); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pl-3 { - padding-left: 0.75rem; + .xl\:focus\:from-Success-success\ -300:focus { + --tw-gradient-from: var(--success-success-300, #66a25c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pl-4 { - padding-left: 1rem; + .xl\:focus\:from-Success-success\ -400:focus { + --tw-gradient-from: var(--success-success-400, #6d9766); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pl-5 { - padding-left: 1.25rem; + .xl\:focus\:from-Success-success\ -500:focus { + --tw-gradient-from: var(--success-success-500, #529f45); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pl-6 { - padding-left: 1.5rem; + .xl\:focus\:from-Success-success\ -600:focus { + --tw-gradient-from: var(--success-success-600, #407c36); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pl-7 { - padding-left: 1.75rem; + .xl\:focus\:from-Error-error:focus { + --tw-gradient-from: var(--error-error, #f03d3e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pl-8 { - padding-left: 2rem; + .xl\:focus\:from-Error-error-100:focus { + --tw-gradient-from: var(--error-error-100, #f57778); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pl-9 { - padding-left: 2.25rem; + .xl\:focus\:from-Error-error-200:focus { + --tw-gradient-from: var(--error-error-200, #f89e9e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pl-10 { - padding-left: 2.5rem; + .xl\:focus\:from-Error-error-250:focus { + --tw-gradient-from: var(--error-error-250, #f9c8c8); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pl-11 { - padding-left: 2.75rem; + .xl\:focus\:from-Error-error-300:focus { + --tw-gradient-from: var(--error-error-300, #ce5151); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pl-12 { - padding-left: 3rem; + .xl\:focus\:from-Error-error-400:focus { + --tw-gradient-from: var(--error-error-400, #b85e5e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pl-14 { - padding-left: 3.5rem; + .xl\:focus\:from-Error-error-500:focus { + --tw-gradient-from: var(--error-error-500, #d83738); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pl-16 { - padding-left: 4rem; + .xl\:focus\:from-Error-error-600:focus { + --tw-gradient-from: var(--error-error-600, #a82b2b); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pl-20 { - padding-left: 5rem; + .xl\:focus\:from-Error-error-700:focus { + --tw-gradient-from: var(--error-error-700, #601819); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pl-24 { - padding-left: 6rem; + .xl\:via-colors-black { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-black, #000000), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pl-28 { - padding-left: 7rem; + .xl\:via-colors-white { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-white, #ffffff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pl-32 { - padding-left: 8rem; + .xl\:via-colors-gray-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-100, #f7fafc), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pl-36 { - padding-left: 9rem; + .xl\:via-colors-gray-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-200, #edf2f7), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pl-40 { - padding-left: 10rem; + .xl\:via-colors-gray-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-300, #e2e8f0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pl-44 { - padding-left: 11rem; + .xl\:via-colors-gray-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-400, #cbd5e0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pl-48 { - padding-left: 12rem; + .xl\:via-colors-gray-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-500, #a0aec0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pl-52 { - padding-left: 13rem; + .xl\:via-colors-gray-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-600, #718096), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pl-56 { - padding-left: 14rem; + .xl\:via-colors-gray-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-700, #4a5568), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pl-60 { - padding-left: 15rem; + .xl\:via-colors-gray-800 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-800, #2d3748), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pl-64 { - padding-left: 16rem; + .xl\:via-colors-gray-900 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-900, #1a202c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pl-72 { - padding-left: 18rem; + .xl\:via-colors-red-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-100, #fff5f5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pl-80 { - padding-left: 20rem; + .xl\:via-colors-red-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-200, #fed7d7), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pl-96 { - padding-left: 24rem; + .xl\:via-colors-red-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-300, #feb2b2), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pl-px { - padding-left: 1px; + .xl\:via-colors-red-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-400, #fc8181), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pl-0\.5 { - padding-left: 0.125rem; + .xl\:via-colors-red-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-500, #f56565), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pl-1\.5 { - padding-left: 0.375rem; + .xl\:via-colors-red-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-600, #e53e3e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pl-2\.5 { - padding-left: 0.625rem; + .xl\:via-colors-red-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-700, #c53030), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:pl-3\.5 { - padding-left: 0.875rem; + .xl\:via-colors-red-800 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-800, #9b2c2c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-left { - text-align: left; + .xl\:via-colors-red-900 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-900, #742a2a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-center { - text-align: center; + .xl\:via-colors-orange-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-100, #fffaf0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-right { - text-align: right; + .xl\:via-colors-orange-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-200, #feebc8), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-justify { - text-align: justify; + .xl\:via-colors-orange-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-300, #fbd38d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:align-baseline { - vertical-align: baseline; + .xl\:via-colors-orange-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-400, #f6ad55), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:align-top { - vertical-align: top; + .xl\:via-colors-orange-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-500, #ed8936), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:align-middle { - vertical-align: middle; + .xl\:via-colors-orange-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-600, #dd6b20), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:align-bottom { - vertical-align: bottom; + .xl\:via-colors-orange-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-700, #c05621), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:align-text-top { - vertical-align: text-top; + .xl\:via-colors-orange-800 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-800, #9c4221), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:align-text-bottom { - vertical-align: text-bottom; + .xl\:via-colors-orange-900 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-900, #7b341e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:font-sans { - font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + .xl\:via-colors-yellow-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-100, #fffff0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:font-serif { - font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; + .xl\:via-colors-yellow-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-200, #fefcbf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:font-mono { - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + .xl\:via-colors-yellow-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-300, #faf089), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-xs { - font-size: 0.75rem; - line-height: 1rem; + .xl\:via-colors-yellow-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-400, #f6e05e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-sm { - font-size: 0.875rem; - line-height: 1.25rem; + .xl\:via-colors-yellow-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-500, #ecc94b), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-base { - font-size: 1rem; - line-height: 1.5rem; + .xl\:via-colors-yellow-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-600, #d69e2e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-lg { - font-size: 1.125rem; - line-height: 1.75rem; + .xl\:via-colors-yellow-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-700, #b7791f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-xl { - font-size: 1.25rem; - line-height: 1.75rem; + .xl\:via-colors-yellow-800 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-800, #975a16), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-2xl { - font-size: 1.5rem; - line-height: 2rem; + .xl\:via-colors-yellow-900 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-900, #744210), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-3xl { - font-size: 1.875rem; - line-height: 2.25rem; + .xl\:via-colors-green-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-100, #f0fff4), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-4xl { - font-size: 2.25rem; - line-height: 2.5rem; + .xl\:via-colors-green-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-200, #c6f6d5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-5xl { - font-size: 3rem; - line-height: 1; + .xl\:via-colors-green-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-300, #9ae6b4), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-6xl { - font-size: 3.75rem; - line-height: 1; + .xl\:via-colors-green-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-400, #68d391), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-7xl { - font-size: 4.5rem; - line-height: 1; + .xl\:via-colors-green-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-500, #48bb78), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-8xl { - font-size: 6rem; - line-height: 1; + .xl\:via-colors-green-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-600, #38a169), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-9xl { - font-size: 8rem; - line-height: 1; + .xl\:via-colors-green-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-700, #2f855a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:font-thin { - font-weight: 100; + .xl\:via-colors-green-800 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-800, #276749), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:font-extralight { - font-weight: 200; + .xl\:via-colors-green-900 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-900, #22543d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:font-light { - font-weight: 300; + .xl\:via-colors-teal-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-100, #e6fffa), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:font-normal { - font-weight: 400; + .xl\:via-colors-teal-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-200, #b2f5ea), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:font-medium { - font-weight: 500; + .xl\:via-colors-teal-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-300, #81e6d9), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:font-semibold { - font-weight: 600; + .xl\:via-colors-teal-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-400, #4fd1c5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:font-bold { - font-weight: 700; + .xl\:via-colors-teal-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-500, #38b2ac), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:font-extrabold { - font-weight: 800; + .xl\:via-colors-teal-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-600, #319795), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:font-black { - font-weight: 900; + .xl\:via-colors-teal-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-700, #2c7a7b), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:uppercase { - text-transform: uppercase; + .xl\:via-colors-teal-800 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-800, #285e61), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:lowercase { - text-transform: lowercase; + .xl\:via-colors-teal-900 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-900, #234e52), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:capitalize { - text-transform: capitalize; + .xl\:via-colors-blue-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-100, #ebf8ff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:normal-case { - text-transform: none; + .xl\:via-colors-blue-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-200, #bee3f8), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:italic { - font-style: italic; + .xl\:via-colors-blue-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-300, #90cdf4), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:not-italic { - font-style: normal; + .xl\:via-colors-blue-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-400, #63b3ed), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:ordinal, .lg\:slashed-zero, .lg\:lining-nums, .lg\:oldstyle-nums, .lg\:proportional-nums, .lg\:tabular-nums, .lg\:diagonal-fractions, .lg\:stacked-fractions { - --tw-ordinal: var(--tw-empty,/*!*/ /*!*/); - --tw-slashed-zero: var(--tw-empty,/*!*/ /*!*/); - --tw-numeric-figure: var(--tw-empty,/*!*/ /*!*/); - --tw-numeric-spacing: var(--tw-empty,/*!*/ /*!*/); - --tw-numeric-fraction: var(--tw-empty,/*!*/ /*!*/); - font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); + .xl\:via-colors-blue-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-500, #4299e1), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:normal-nums { - font-variant-numeric: normal; + .xl\:via-colors-blue-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-600, #3182ce), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:ordinal { - --tw-ordinal: ordinal; + .xl\:via-colors-blue-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-700, #2b6cb0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:slashed-zero { - --tw-slashed-zero: slashed-zero; + .xl\:via-colors-blue-800 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-800, #2c5282), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:lining-nums { - --tw-numeric-figure: lining-nums; + .xl\:via-colors-blue-900 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-900, #2a4365), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:oldstyle-nums { - --tw-numeric-figure: oldstyle-nums; + .xl\:via-colors-indigo-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-100, #ebf4ff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:proportional-nums { - --tw-numeric-spacing: proportional-nums; + .xl\:via-colors-indigo-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-200, #c3dafe), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:tabular-nums { - --tw-numeric-spacing: tabular-nums; + .xl\:via-colors-indigo-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-300, #a3bffa), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:diagonal-fractions { - --tw-numeric-fraction: diagonal-fractions; + .xl\:via-colors-indigo-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-400, #7f9cf5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:stacked-fractions { - --tw-numeric-fraction: stacked-fractions; + .xl\:via-colors-indigo-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-500, #667eea), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:leading-3 { - line-height: .75rem; + .xl\:via-colors-indigo-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-600, #5a67d8), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:leading-4 { - line-height: 1rem; + .xl\:via-colors-indigo-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-700, #4c51bf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:leading-5 { - line-height: 1.25rem; + .xl\:via-colors-indigo-800 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-800, #434190), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:leading-6 { - line-height: 1.5rem; + .xl\:via-colors-indigo-900 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-900, #3c366b), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:leading-7 { - line-height: 1.75rem; + .xl\:via-colors-purple-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-100, #faf5ff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:leading-8 { - line-height: 2rem; + .xl\:via-colors-purple-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-200, #e9d8fd), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:leading-9 { - line-height: 2.25rem; + .xl\:via-colors-purple-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-300, #d6bcfa), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:leading-10 { - line-height: 2.5rem; + .xl\:via-colors-purple-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-400, #b794f4), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:leading-none { - line-height: 1; + .xl\:via-colors-purple-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-500, #9f7aea), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:leading-tight { - line-height: 1.25; + .xl\:via-colors-purple-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-600, #805ad5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:leading-snug { - line-height: 1.375; + .xl\:via-colors-purple-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-700, #6b46c1), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:leading-normal { - line-height: 1.5; + .xl\:via-colors-purple-800 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-800, #553c9a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:leading-relaxed { - line-height: 1.625; + .xl\:via-colors-purple-900 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-900, #44337a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:leading-loose { - line-height: 2; + .xl\:via-colors-pink-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-100, #fff5f7), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:tracking-tighter { - letter-spacing: -0.05em; + .xl\:via-colors-pink-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-200, #fed7e2), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:tracking-tight { - letter-spacing: -0.025em; + .xl\:via-colors-pink-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-300, #fbb6ce), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:tracking-normal { - letter-spacing: 0em; + .xl\:via-colors-pink-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-400, #f687b3), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:tracking-wide { - letter-spacing: 0.025em; + .xl\:via-colors-pink-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-500, #ed64a6), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:tracking-wider { - letter-spacing: 0.05em; + .xl\:via-colors-pink-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-600, #d53f8c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:tracking-widest { - letter-spacing: 0.1em; + .xl\:via-colors-pink-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-700, #b83280), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-transparent { - color: transparent; + .xl\:via-colors-pink-800 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-800, #97266d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-current { - color: currentColor; + .xl\:via-colors-pink-900 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-900, #702459), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-black { - --tw-text-opacity: 1; - color: rgba(0, 0, 0, var(--tw-text-opacity)); + .xl\:via-Box\ Shadow { + --tw-gradient-stops: var(--tw-gradient-from), var(--box-shadow, #7f7e7f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-white { - --tw-text-opacity: 1; - color: rgba(255, 255, 255, var(--tw-text-opacity)); + .xl\:via-Error16 { + --tw-gradient-stops: var(--tw-gradient-from), var(--error16, #f03d3e40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-gray-50 { - --tw-text-opacity: 1; - color: rgba(249, 250, 251, var(--tw-text-opacity)); + .xl\:via-Success16 { + --tw-gradient-stops: var(--tw-gradient-from), var(--success16, #5bb14d40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-gray-100 { - --tw-text-opacity: 1; - color: rgba(243, 244, 246, var(--tw-text-opacity)); + .xl\:via-Notification16 { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification16, #3959ff40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-gray-200 { - --tw-text-opacity: 1; - color: rgba(229, 231, 235, var(--tw-text-opacity)); + .xl\:via-Error8 { + --tw-gradient-stops: var(--tw-gradient-from), var(--error8, #f03d3e1a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-gray-300 { - --tw-text-opacity: 1; - color: rgba(209, 213, 219, var(--tw-text-opacity)); + .xl\:via-Notification8 { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification8, #3959ff1a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-gray-400 { - --tw-text-opacity: 1; - color: rgba(156, 163, 175, var(--tw-text-opacity)); + .xl\:via-Success8 { + --tw-gradient-stops: var(--tw-gradient-from), var(--success8, #5bb14d1a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-gray-500 { - --tw-text-opacity: 1; - color: rgba(107, 114, 128, var(--tw-text-opacity)); + .xl\:via-Light\ -\ Overlay { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-overlay, #f0edee66), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-gray-600 { - --tw-text-opacity: 1; - color: rgba(75, 85, 99, var(--tw-text-opacity)); + .xl\:via-Dark-\ Overlay { + --tw-gradient-stops: var(--tw-gradient-from), var(--dark-overlay, #7f7e7f66), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-gray-700 { - --tw-text-opacity: 1; - color: rgba(55, 65, 81, var(--tw-text-opacity)); + .xl\:via-black-40 { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-40, #00000066), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-gray-800 { - --tw-text-opacity: 1; - color: rgba(31, 41, 55, var(--tw-text-opacity)); + .xl\:via-black-75 { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-75, #000000bf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-gray-900 { - --tw-text-opacity: 1; - color: rgba(17, 24, 39, var(--tw-text-opacity)); + .xl\:via-black-60 { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-60, #00000099), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-red-50 { - --tw-text-opacity: 1; - color: rgba(254, 242, 242, var(--tw-text-opacity)); + .xl\:via-black-50 { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-50, #00000080), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-red-100 { - --tw-text-opacity: 1; - color: rgba(254, 226, 226, var(--tw-text-opacity)); + .xl\:via-black-25 { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-25, #00000040), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-red-200 { - --tw-text-opacity: 1; - color: rgba(254, 202, 202, var(--tw-text-opacity)); + .xl\:via-black-10 { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-10, #0000001a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-red-300 { - --tw-text-opacity: 1; - color: rgba(252, 165, 165, var(--tw-text-opacity)); + .xl\:via-white-25 { + --tw-gradient-stops: var(--tw-gradient-from), var(--white-25, #ffffff40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-red-400 { - --tw-text-opacity: 1; - color: rgba(248, 113, 113, var(--tw-text-opacity)); + .xl\:via-white-60 { + --tw-gradient-stops: var(--tw-gradient-from), var(--white-60, #ffffff99), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-red-500 { - --tw-text-opacity: 1; - color: rgba(239, 68, 68, var(--tw-text-opacity)); + .xl\:via-black-64 { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-64, #000000a3), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-red-600 { - --tw-text-opacity: 1; - color: rgba(220, 38, 38, var(--tw-text-opacity)); + .xl\:via-Shadow\ and\ Highlight-Shadow { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow, #7f7e7f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-red-700 { - --tw-text-opacity: 1; - color: rgba(185, 28, 28, var(--tw-text-opacity)); + .xl\:via-Shadow\ and\ Highlight-Highlight { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight, #474747), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-red-800 { - --tw-text-opacity: 1; - color: rgba(153, 27, 27, var(--tw-text-opacity)); + .xl\:via-Shadow\ and\ Highlight-highlight\ one { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-one, #474747bf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-red-900 { - --tw-text-opacity: 1; - color: rgba(127, 29, 29, var(--tw-text-opacity)); + .xl\:via-Shadow\ and\ Highlight-highlight\ two { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-two, #47474799), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-yellow-50 { - --tw-text-opacity: 1; - color: rgba(255, 251, 235, var(--tw-text-opacity)); + .xl\:via-Shadow\ and\ Highlight-highlight\ three { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-three, #47474766), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-yellow-100 { - --tw-text-opacity: 1; - color: rgba(254, 243, 199, var(--tw-text-opacity)); + .xl\:via-Shadow\ and\ Highlight-highlight\ five { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-five, #4747471a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-yellow-200 { - --tw-text-opacity: 1; - color: rgba(253, 230, 138, var(--tw-text-opacity)); + .xl\:via-Shadow\ and\ Highlight-shadow\ one { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-one, #7f7e7fbf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-yellow-300 { - --tw-text-opacity: 1; - color: rgba(252, 211, 77, var(--tw-text-opacity)); + .xl\:via-Shadow\ and\ Highlight-shadow\ two { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-two, #7f7e7f99), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-yellow-400 { - --tw-text-opacity: 1; - color: rgba(251, 191, 36, var(--tw-text-opacity)); + .xl\:via-Shadow\ and\ Highlight-shadow\ three { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-three, #7f7e7f66), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-yellow-500 { - --tw-text-opacity: 1; - color: rgba(245, 158, 11, var(--tw-text-opacity)); + .xl\:via-Shadow\ and\ Highlight-shadow\ four { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-four, #7f7e7f40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-yellow-600 { - --tw-text-opacity: 1; - color: rgba(217, 119, 6, var(--tw-text-opacity)); + .xl\:via-Shadow\ and\ Highlight-shadow\ five { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-five, #7f7e7f1a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-yellow-700 { - --tw-text-opacity: 1; - color: rgba(180, 83, 9, var(--tw-text-opacity)); + .xl\:via-Shadow\ and\ Highlight-highlight\ four { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-four, #47474740), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-yellow-800 { - --tw-text-opacity: 1; - color: rgba(146, 64, 14, var(--tw-text-opacity)); + .xl\:via-Base\ Layer\ Styles-Base\ Layer-\ Light-White { + --tw-gradient-stops: var(--tw-gradient-from), var(--base-layer-styles-base-layer-light-white, #ffffff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-yellow-900 { - --tw-text-opacity: 1; - color: rgba(120, 53, 15, var(--tw-text-opacity)); + .xl\:via-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite { + --tw-gradient-stops: var(--tw-gradient-from), var(--base-layer-styles-base-layer-light-off-white, #f0edee), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-green-50 { - --tw-text-opacity: 1; - color: rgba(236, 253, 245, var(--tw-text-opacity)); + .xl\:via-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack { + --tw-gradient-stops: var(--tw-gradient-from), var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-green-100 { - --tw-text-opacity: 1; - color: rgba(209, 250, 229, var(--tw-text-opacity)); + .xl\:via-Base\ Layer\ Styles-Base\ Layer-Dark-Black { + --tw-gradient-stops: var(--tw-gradient-from), var(--base-layer-styles-base-layer-dark-black, #000000), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-green-200 { - --tw-text-opacity: 1; - color: rgba(167, 243, 208, var(--tw-text-opacity)); + .xl\:via-Grey-Scale-white { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-white, #ffffff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-green-300 { - --tw-text-opacity: 1; - color: rgba(110, 231, 183, var(--tw-text-opacity)); + .xl\:via-Grey-Scale-off-white { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-off-white, #f0edee), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-green-400 { - --tw-text-opacity: 1; - color: rgba(52, 211, 153, var(--tw-text-opacity)); + .xl\:via-Grey\ Scale-grey { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-grey, #7f7e7f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-green-500 { - --tw-text-opacity: 1; - color: rgba(16, 185, 129, var(--tw-text-opacity)); + .xl\:via-Grey\ Scale-charcoal { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-charcoal, #474747), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-green-600 { - --tw-text-opacity: 1; - color: rgba(5, 150, 105, var(--tw-text-opacity)); + .xl\:via-Grey\ Scale-off-black { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-off-black, #1c1c1c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-green-700 { - --tw-text-opacity: 1; - color: rgba(4, 120, 87, var(--tw-text-opacity)); + .xl\:via-Grey\ Scale-black { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-black, #000000), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-green-800 { - --tw-text-opacity: 1; - color: rgba(6, 95, 70, var(--tw-text-opacity)); + .xl\:via-Blue-blue { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue, #3a7ca5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-green-900 { - --tw-text-opacity: 1; - color: rgba(6, 78, 59, var(--tw-text-opacity)); + .xl\:via-Blue-blue-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-100, #75a3c0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-blue-50 { - --tw-text-opacity: 1; - color: rgba(239, 246, 255, var(--tw-text-opacity)); + .xl\:via-Blue-blue-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-200, #9cbed2), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-blue-100 { - --tw-text-opacity: 1; - color: rgba(219, 234, 254, var(--tw-text-opacity)); + .xl\:via-Blue-blue-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-300, #4f7d9a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-blue-200 { - --tw-text-opacity: 1; - color: rgba(191, 219, 254, var(--tw-text-opacity)); + .xl\:via-Blue-blue-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-400, #5c7d92), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-blue-300 { - --tw-text-opacity: 1; - color: rgba(147, 197, 253, var(--tw-text-opacity)); + .xl\:via-Blue-blue-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-500, #347095), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-blue-400 { - --tw-text-opacity: 1; - color: rgba(96, 165, 250, var(--tw-text-opacity)); + .xl\:via-Blue-blue-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-600, #295774), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-blue-500 { - --tw-text-opacity: 1; - color: rgba(59, 130, 246, var(--tw-text-opacity)); + .xl\:via-Blue-blue-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-700, #173242), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-blue-600 { - --tw-text-opacity: 1; - color: rgba(37, 99, 235, var(--tw-text-opacity)); + .xl\:via-LightBlue-lightblue { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue, #81c3d7), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-blue-700 { - --tw-text-opacity: 1; - color: rgba(29, 78, 216, var(--tw-text-opacity)); + .xl\:via-LightBlue-lightblue-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-100, #a7d5e3), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-blue-800 { - --tw-text-opacity: 1; - color: rgba(30, 64, 175, var(--tw-text-opacity)); + .xl\:via-LightBlue-lightblue-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-200, #c0e1eb), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-blue-900 { - --tw-text-opacity: 1; - color: rgba(30, 58, 138, var(--tw-text-opacity)); + .xl\:via-LightBlue-lightblue-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-300, #80aebd), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-indigo-50 { - --tw-text-opacity: 1; - color: rgba(238, 242, 255, var(--tw-text-opacity)); + .xl\:via-LightBlue-lightblue-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-400, #80a0ab), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-indigo-100 { - --tw-text-opacity: 1; - color: rgba(224, 231, 255, var(--tw-text-opacity)); + .xl\:via-LightBlue-lightblue-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-500, #74afc1), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-indigo-200 { - --tw-text-opacity: 1; - color: rgba(199, 210, 254, var(--tw-text-opacity)); + .xl\:via-LightBlue-lightblue-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-600, #5a8997), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-indigo-300 { - --tw-text-opacity: 1; - color: rgba(165, 180, 252, var(--tw-text-opacity)); + .xl\:via-LightBlue-lightblue-650 { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-650, #3e5e65), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-indigo-400 { - --tw-text-opacity: 1; - color: rgba(129, 140, 248, var(--tw-text-opacity)); + .xl\:via-LightBlue-lightblue-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-700, #344e56), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-indigo-500 { - --tw-text-opacity: 1; - color: rgba(99, 102, 241, var(--tw-text-opacity)); + .xl\:via-Orange-orange { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange, #ff7f0e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-indigo-600 { - --tw-text-opacity: 1; - color: rgba(79, 70, 229, var(--tw-text-opacity)); + .xl\:via-Orange-orange-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-100, #ffa556), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-indigo-700 { - --tw-text-opacity: 1; - color: rgba(67, 56, 202, var(--tw-text-opacity)); + .xl\:via-Orange-orange-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-200, #ffbf86), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-indigo-800 { - --tw-text-opacity: 1; - color: rgba(55, 48, 163, var(--tw-text-opacity)); + .xl\:via-Orange-orange-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-300, #d97f30), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-indigo-900 { - --tw-text-opacity: 1; - color: rgba(49, 46, 129, var(--tw-text-opacity)); + .xl\:via-Orange-orange-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-400, #bf7e46), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-purple-50 { - --tw-text-opacity: 1; - color: rgba(245, 243, 255, var(--tw-text-opacity)); + .xl\:via-Orange-orange-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-500, #e5720d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-purple-100 { - --tw-text-opacity: 1; - color: rgba(237, 233, 254, var(--tw-text-opacity)); + .xl\:via-Orange-orange-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-600, #b3590a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-purple-200 { - --tw-text-opacity: 1; - color: rgba(221, 214, 254, var(--tw-text-opacity)); + .xl\:via-Orange-orange-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-700, #663306), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-purple-300 { - --tw-text-opacity: 1; - color: rgba(196, 181, 253, var(--tw-text-opacity)); + .xl\:via-Yellow-yellow { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow, #ffab00), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-purple-400 { - --tw-text-opacity: 1; - color: rgba(167, 139, 250, var(--tw-text-opacity)); + .xl\:via-Yellow-yellow-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-100, #ffc44c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-purple-500 { - --tw-text-opacity: 1; - color: rgba(139, 92, 246, var(--tw-text-opacity)); + .xl\:via-Yellow-yellow-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-200, #ffd580), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-purple-600 { - --tw-text-opacity: 1; - color: rgba(124, 58, 237, var(--tw-text-opacity)); + .xl\:via-Yellow-yellow-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-300, #d99d26), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-purple-700 { - --tw-text-opacity: 1; - color: rgba(109, 40, 217, var(--tw-text-opacity)); + .xl\:via-Yellow-yellow-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-400, #bf943f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-purple-800 { - --tw-text-opacity: 1; - color: rgba(91, 33, 182, var(--tw-text-opacity)); + .xl\:via-Yellow-yellow-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-500, #e59a00), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-purple-900 { - --tw-text-opacity: 1; - color: rgba(76, 29, 149, var(--tw-text-opacity)); + .xl\:via-Yellow-yellow-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-600, #b37800), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-pink-50 { - --tw-text-opacity: 1; - color: rgba(253, 242, 248, var(--tw-text-opacity)); + .xl\:via-Yellow-yellow-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-700, #664400), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-pink-100 { - --tw-text-opacity: 1; - color: rgba(252, 231, 243, var(--tw-text-opacity)); + .xl\:via-Notification-notification { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification, #3959ff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-pink-200 { - --tw-text-opacity: 1; - color: rgba(251, 207, 232, var(--tw-text-opacity)); + .xl\:via-Notification-notification-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-100, #748bff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-pink-300 { - --tw-text-opacity: 1; - color: rgba(249, 168, 212, var(--tw-text-opacity)); + .xl\:via-Notification-notification-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-200, #9cacff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-pink-400 { - --tw-text-opacity: 1; - color: rgba(244, 114, 182, var(--tw-text-opacity)); + .xl\:via-Notification-notification-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-300, #4e64d9), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-pink-500 { - --tw-text-opacity: 1; - color: rgba(236, 72, 153, var(--tw-text-opacity)); + .xl\:via-Notification-notification-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-400, #5c6cbf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-pink-600 { - --tw-text-opacity: 1; - color: rgba(219, 39, 119, var(--tw-text-opacity)); + .xl\:via-Notification-notification-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-500, #3350e5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-pink-700 { - --tw-text-opacity: 1; - color: rgba(190, 24, 93, var(--tw-text-opacity)); + .xl\:via-Notification-notification-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-600, #283eb3), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-pink-800 { - --tw-text-opacity: 1; - color: rgba(157, 23, 77, var(--tw-text-opacity)); + .xl\:via-Notification-notification-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-700, #172466), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-pink-900 { - --tw-text-opacity: 1; - color: rgba(131, 24, 67, var(--tw-text-opacity)); + .xl\:via-Success-success\ -700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-700, #24471f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-transparent { - color: transparent; + .xl\:via-Success-success { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success, #5bb14d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-current { - color: currentColor; + .xl\:via-Success-success\ -100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-100, #8cc882), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-black { - --tw-text-opacity: 1; - color: rgba(0, 0, 0, var(--tw-text-opacity)); + .xl\:via-Success-success\ -200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-200, #add8a6), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-white { - --tw-text-opacity: 1; - color: rgba(255, 255, 255, var(--tw-text-opacity)); + .xl\:via-Success-success\ -300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-300, #66a25c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-gray-50 { - --tw-text-opacity: 1; - color: rgba(249, 250, 251, var(--tw-text-opacity)); + .xl\:via-Success-success\ -400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-400, #6d9766), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-gray-100 { - --tw-text-opacity: 1; - color: rgba(243, 244, 246, var(--tw-text-opacity)); + .xl\:via-Success-success\ -500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-500, #529f45), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-gray-200 { - --tw-text-opacity: 1; - color: rgba(229, 231, 235, var(--tw-text-opacity)); + .xl\:via-Success-success\ -600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-600, #407c36), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-gray-300 { - --tw-text-opacity: 1; - color: rgba(209, 213, 219, var(--tw-text-opacity)); + .xl\:via-Error-error { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error, #f03d3e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-gray-400 { - --tw-text-opacity: 1; - color: rgba(156, 163, 175, var(--tw-text-opacity)); + .xl\:via-Error-error-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-100, #f57778), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-gray-500 { - --tw-text-opacity: 1; - color: rgba(107, 114, 128, var(--tw-text-opacity)); + .xl\:via-Error-error-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-200, #f89e9e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-gray-600 { - --tw-text-opacity: 1; - color: rgba(75, 85, 99, var(--tw-text-opacity)); + .xl\:via-Error-error-250 { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-250, #f9c8c8), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-gray-700 { - --tw-text-opacity: 1; - color: rgba(55, 65, 81, var(--tw-text-opacity)); + .xl\:via-Error-error-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-300, #ce5151), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-gray-800 { - --tw-text-opacity: 1; - color: rgba(31, 41, 55, var(--tw-text-opacity)); + .xl\:via-Error-error-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-400, #b85e5e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-gray-900 { - --tw-text-opacity: 1; - color: rgba(17, 24, 39, var(--tw-text-opacity)); + .xl\:via-Error-error-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-500, #d83738), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-red-50 { - --tw-text-opacity: 1; - color: rgba(254, 242, 242, var(--tw-text-opacity)); + .xl\:via-Error-error-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-600, #a82b2b), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-red-100 { - --tw-text-opacity: 1; - color: rgba(254, 226, 226, var(--tw-text-opacity)); + .xl\:via-Error-error-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-700, #601819), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-red-200 { - --tw-text-opacity: 1; - color: rgba(254, 202, 202, var(--tw-text-opacity)); + .xl\:hover\:via-colors-black:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-black, #000000), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-red-300 { - --tw-text-opacity: 1; - color: rgba(252, 165, 165, var(--tw-text-opacity)); + .xl\:hover\:via-colors-white:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-white, #ffffff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-red-400 { - --tw-text-opacity: 1; - color: rgba(248, 113, 113, var(--tw-text-opacity)); + .xl\:hover\:via-colors-gray-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-100, #f7fafc), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-red-500 { - --tw-text-opacity: 1; - color: rgba(239, 68, 68, var(--tw-text-opacity)); + .xl\:hover\:via-colors-gray-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-200, #edf2f7), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-red-600 { - --tw-text-opacity: 1; - color: rgba(220, 38, 38, var(--tw-text-opacity)); + .xl\:hover\:via-colors-gray-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-300, #e2e8f0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-red-700 { - --tw-text-opacity: 1; - color: rgba(185, 28, 28, var(--tw-text-opacity)); + .xl\:hover\:via-colors-gray-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-400, #cbd5e0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-red-800 { - --tw-text-opacity: 1; - color: rgba(153, 27, 27, var(--tw-text-opacity)); + .xl\:hover\:via-colors-gray-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-500, #a0aec0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-red-900 { - --tw-text-opacity: 1; - color: rgba(127, 29, 29, var(--tw-text-opacity)); + .xl\:hover\:via-colors-gray-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-600, #718096), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-yellow-50 { - --tw-text-opacity: 1; - color: rgba(255, 251, 235, var(--tw-text-opacity)); + .xl\:hover\:via-colors-gray-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-700, #4a5568), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-yellow-100 { - --tw-text-opacity: 1; - color: rgba(254, 243, 199, var(--tw-text-opacity)); + .xl\:hover\:via-colors-gray-800:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-800, #2d3748), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-yellow-200 { - --tw-text-opacity: 1; - color: rgba(253, 230, 138, var(--tw-text-opacity)); + .xl\:hover\:via-colors-gray-900:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-900, #1a202c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-yellow-300 { - --tw-text-opacity: 1; - color: rgba(252, 211, 77, var(--tw-text-opacity)); + .xl\:hover\:via-colors-red-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-100, #fff5f5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-yellow-400 { - --tw-text-opacity: 1; - color: rgba(251, 191, 36, var(--tw-text-opacity)); + .xl\:hover\:via-colors-red-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-200, #fed7d7), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-yellow-500 { - --tw-text-opacity: 1; - color: rgba(245, 158, 11, var(--tw-text-opacity)); + .xl\:hover\:via-colors-red-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-300, #feb2b2), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-yellow-600 { - --tw-text-opacity: 1; - color: rgba(217, 119, 6, var(--tw-text-opacity)); + .xl\:hover\:via-colors-red-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-400, #fc8181), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-yellow-700 { - --tw-text-opacity: 1; - color: rgba(180, 83, 9, var(--tw-text-opacity)); + .xl\:hover\:via-colors-red-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-500, #f56565), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-yellow-800 { - --tw-text-opacity: 1; - color: rgba(146, 64, 14, var(--tw-text-opacity)); + .xl\:hover\:via-colors-red-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-600, #e53e3e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-yellow-900 { - --tw-text-opacity: 1; - color: rgba(120, 53, 15, var(--tw-text-opacity)); + .xl\:hover\:via-colors-red-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-700, #c53030), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-green-50 { - --tw-text-opacity: 1; - color: rgba(236, 253, 245, var(--tw-text-opacity)); + .xl\:hover\:via-colors-red-800:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-800, #9b2c2c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-green-100 { - --tw-text-opacity: 1; - color: rgba(209, 250, 229, var(--tw-text-opacity)); + .xl\:hover\:via-colors-red-900:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-900, #742a2a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-green-200 { - --tw-text-opacity: 1; - color: rgba(167, 243, 208, var(--tw-text-opacity)); + .xl\:hover\:via-colors-orange-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-100, #fffaf0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-green-300 { - --tw-text-opacity: 1; - color: rgba(110, 231, 183, var(--tw-text-opacity)); + .xl\:hover\:via-colors-orange-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-200, #feebc8), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-green-400 { - --tw-text-opacity: 1; - color: rgba(52, 211, 153, var(--tw-text-opacity)); + .xl\:hover\:via-colors-orange-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-300, #fbd38d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-green-500 { - --tw-text-opacity: 1; - color: rgba(16, 185, 129, var(--tw-text-opacity)); + .xl\:hover\:via-colors-orange-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-400, #f6ad55), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-green-600 { - --tw-text-opacity: 1; - color: rgba(5, 150, 105, var(--tw-text-opacity)); + .xl\:hover\:via-colors-orange-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-500, #ed8936), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-green-700 { - --tw-text-opacity: 1; - color: rgba(4, 120, 87, var(--tw-text-opacity)); + .xl\:hover\:via-colors-orange-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-600, #dd6b20), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-green-800 { - --tw-text-opacity: 1; - color: rgba(6, 95, 70, var(--tw-text-opacity)); + .xl\:hover\:via-colors-orange-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-700, #c05621), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-green-900 { - --tw-text-opacity: 1; - color: rgba(6, 78, 59, var(--tw-text-opacity)); + .xl\:hover\:via-colors-orange-800:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-800, #9c4221), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-blue-50 { - --tw-text-opacity: 1; - color: rgba(239, 246, 255, var(--tw-text-opacity)); + .xl\:hover\:via-colors-orange-900:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-900, #7b341e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-blue-100 { - --tw-text-opacity: 1; - color: rgba(219, 234, 254, var(--tw-text-opacity)); + .xl\:hover\:via-colors-yellow-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-100, #fffff0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-blue-200 { - --tw-text-opacity: 1; - color: rgba(191, 219, 254, var(--tw-text-opacity)); + .xl\:hover\:via-colors-yellow-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-200, #fefcbf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-blue-300 { - --tw-text-opacity: 1; - color: rgba(147, 197, 253, var(--tw-text-opacity)); + .xl\:hover\:via-colors-yellow-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-300, #faf089), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-blue-400 { - --tw-text-opacity: 1; - color: rgba(96, 165, 250, var(--tw-text-opacity)); + .xl\:hover\:via-colors-yellow-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-400, #f6e05e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-blue-500 { - --tw-text-opacity: 1; - color: rgba(59, 130, 246, var(--tw-text-opacity)); + .xl\:hover\:via-colors-yellow-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-500, #ecc94b), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-blue-600 { - --tw-text-opacity: 1; - color: rgba(37, 99, 235, var(--tw-text-opacity)); + .xl\:hover\:via-colors-yellow-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-600, #d69e2e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-blue-700 { - --tw-text-opacity: 1; - color: rgba(29, 78, 216, var(--tw-text-opacity)); + .xl\:hover\:via-colors-yellow-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-700, #b7791f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-blue-800 { - --tw-text-opacity: 1; - color: rgba(30, 64, 175, var(--tw-text-opacity)); + .xl\:hover\:via-colors-yellow-800:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-800, #975a16), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-blue-900 { - --tw-text-opacity: 1; - color: rgba(30, 58, 138, var(--tw-text-opacity)); + .xl\:hover\:via-colors-yellow-900:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-900, #744210), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-indigo-50 { - --tw-text-opacity: 1; - color: rgba(238, 242, 255, var(--tw-text-opacity)); + .xl\:hover\:via-colors-green-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-100, #f0fff4), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-indigo-100 { - --tw-text-opacity: 1; - color: rgba(224, 231, 255, var(--tw-text-opacity)); + .xl\:hover\:via-colors-green-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-200, #c6f6d5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-indigo-200 { - --tw-text-opacity: 1; - color: rgba(199, 210, 254, var(--tw-text-opacity)); + .xl\:hover\:via-colors-green-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-300, #9ae6b4), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-indigo-300 { - --tw-text-opacity: 1; - color: rgba(165, 180, 252, var(--tw-text-opacity)); + .xl\:hover\:via-colors-green-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-400, #68d391), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-indigo-400 { - --tw-text-opacity: 1; - color: rgba(129, 140, 248, var(--tw-text-opacity)); + .xl\:hover\:via-colors-green-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-500, #48bb78), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-indigo-500 { - --tw-text-opacity: 1; - color: rgba(99, 102, 241, var(--tw-text-opacity)); + .xl\:hover\:via-colors-green-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-600, #38a169), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-indigo-600 { - --tw-text-opacity: 1; - color: rgba(79, 70, 229, var(--tw-text-opacity)); + .xl\:hover\:via-colors-green-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-700, #2f855a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-indigo-700 { - --tw-text-opacity: 1; - color: rgba(67, 56, 202, var(--tw-text-opacity)); + .xl\:hover\:via-colors-green-800:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-800, #276749), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-indigo-800 { - --tw-text-opacity: 1; - color: rgba(55, 48, 163, var(--tw-text-opacity)); + .xl\:hover\:via-colors-green-900:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-900, #22543d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-indigo-900 { - --tw-text-opacity: 1; - color: rgba(49, 46, 129, var(--tw-text-opacity)); + .xl\:hover\:via-colors-teal-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-100, #e6fffa), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-purple-50 { - --tw-text-opacity: 1; - color: rgba(245, 243, 255, var(--tw-text-opacity)); + .xl\:hover\:via-colors-teal-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-200, #b2f5ea), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-purple-100 { - --tw-text-opacity: 1; - color: rgba(237, 233, 254, var(--tw-text-opacity)); + .xl\:hover\:via-colors-teal-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-300, #81e6d9), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-purple-200 { - --tw-text-opacity: 1; - color: rgba(221, 214, 254, var(--tw-text-opacity)); + .xl\:hover\:via-colors-teal-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-400, #4fd1c5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-purple-300 { - --tw-text-opacity: 1; - color: rgba(196, 181, 253, var(--tw-text-opacity)); + .xl\:hover\:via-colors-teal-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-500, #38b2ac), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-purple-400 { - --tw-text-opacity: 1; - color: rgba(167, 139, 250, var(--tw-text-opacity)); + .xl\:hover\:via-colors-teal-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-600, #319795), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-purple-500 { - --tw-text-opacity: 1; - color: rgba(139, 92, 246, var(--tw-text-opacity)); + .xl\:hover\:via-colors-teal-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-700, #2c7a7b), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-purple-600 { - --tw-text-opacity: 1; - color: rgba(124, 58, 237, var(--tw-text-opacity)); + .xl\:hover\:via-colors-teal-800:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-800, #285e61), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-purple-700 { - --tw-text-opacity: 1; - color: rgba(109, 40, 217, var(--tw-text-opacity)); + .xl\:hover\:via-colors-teal-900:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-900, #234e52), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-purple-800 { - --tw-text-opacity: 1; - color: rgba(91, 33, 182, var(--tw-text-opacity)); + .xl\:hover\:via-colors-blue-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-100, #ebf8ff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-purple-900 { - --tw-text-opacity: 1; - color: rgba(76, 29, 149, var(--tw-text-opacity)); + .xl\:hover\:via-colors-blue-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-200, #bee3f8), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-pink-50 { - --tw-text-opacity: 1; - color: rgba(253, 242, 248, var(--tw-text-opacity)); + .xl\:hover\:via-colors-blue-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-300, #90cdf4), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-pink-100 { - --tw-text-opacity: 1; - color: rgba(252, 231, 243, var(--tw-text-opacity)); + .xl\:hover\:via-colors-blue-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-400, #63b3ed), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-pink-200 { - --tw-text-opacity: 1; - color: rgba(251, 207, 232, var(--tw-text-opacity)); + .xl\:hover\:via-colors-blue-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-500, #4299e1), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-pink-300 { - --tw-text-opacity: 1; - color: rgba(249, 168, 212, var(--tw-text-opacity)); + .xl\:hover\:via-colors-blue-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-600, #3182ce), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-pink-400 { - --tw-text-opacity: 1; - color: rgba(244, 114, 182, var(--tw-text-opacity)); + .xl\:hover\:via-colors-blue-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-700, #2b6cb0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-pink-500 { - --tw-text-opacity: 1; - color: rgba(236, 72, 153, var(--tw-text-opacity)); + .xl\:hover\:via-colors-blue-800:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-800, #2c5282), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-pink-600 { - --tw-text-opacity: 1; - color: rgba(219, 39, 119, var(--tw-text-opacity)); + .xl\:hover\:via-colors-blue-900:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-900, #2a4365), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-pink-700 { - --tw-text-opacity: 1; - color: rgba(190, 24, 93, var(--tw-text-opacity)); + .xl\:hover\:via-colors-indigo-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-100, #ebf4ff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-pink-800 { - --tw-text-opacity: 1; - color: rgba(157, 23, 77, var(--tw-text-opacity)); + .xl\:hover\:via-colors-indigo-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-200, #c3dafe), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-pink-900 { - --tw-text-opacity: 1; - color: rgba(131, 24, 67, var(--tw-text-opacity)); + .xl\:hover\:via-colors-indigo-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-300, #a3bffa), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-transparent:focus-within { - color: transparent; + .xl\:hover\:via-colors-indigo-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-400, #7f9cf5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-current:focus-within { - color: currentColor; + .xl\:hover\:via-colors-indigo-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-500, #667eea), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-black:focus-within { - --tw-text-opacity: 1; - color: rgba(0, 0, 0, var(--tw-text-opacity)); + .xl\:hover\:via-colors-indigo-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-600, #5a67d8), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-white:focus-within { - --tw-text-opacity: 1; - color: rgba(255, 255, 255, var(--tw-text-opacity)); + .xl\:hover\:via-colors-indigo-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-700, #4c51bf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-gray-50:focus-within { - --tw-text-opacity: 1; - color: rgba(249, 250, 251, var(--tw-text-opacity)); + .xl\:hover\:via-colors-indigo-800:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-800, #434190), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-gray-100:focus-within { - --tw-text-opacity: 1; - color: rgba(243, 244, 246, var(--tw-text-opacity)); + .xl\:hover\:via-colors-indigo-900:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-900, #3c366b), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-gray-200:focus-within { - --tw-text-opacity: 1; - color: rgba(229, 231, 235, var(--tw-text-opacity)); + .xl\:hover\:via-colors-purple-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-100, #faf5ff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-gray-300:focus-within { - --tw-text-opacity: 1; - color: rgba(209, 213, 219, var(--tw-text-opacity)); + .xl\:hover\:via-colors-purple-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-200, #e9d8fd), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-gray-400:focus-within { - --tw-text-opacity: 1; - color: rgba(156, 163, 175, var(--tw-text-opacity)); + .xl\:hover\:via-colors-purple-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-300, #d6bcfa), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-gray-500:focus-within { - --tw-text-opacity: 1; - color: rgba(107, 114, 128, var(--tw-text-opacity)); + .xl\:hover\:via-colors-purple-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-400, #b794f4), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-gray-600:focus-within { - --tw-text-opacity: 1; - color: rgba(75, 85, 99, var(--tw-text-opacity)); + .xl\:hover\:via-colors-purple-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-500, #9f7aea), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-gray-700:focus-within { - --tw-text-opacity: 1; - color: rgba(55, 65, 81, var(--tw-text-opacity)); + .xl\:hover\:via-colors-purple-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-600, #805ad5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-gray-800:focus-within { - --tw-text-opacity: 1; - color: rgba(31, 41, 55, var(--tw-text-opacity)); + .xl\:hover\:via-colors-purple-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-700, #6b46c1), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-gray-900:focus-within { - --tw-text-opacity: 1; - color: rgba(17, 24, 39, var(--tw-text-opacity)); + .xl\:hover\:via-colors-purple-800:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-800, #553c9a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-red-50:focus-within { - --tw-text-opacity: 1; - color: rgba(254, 242, 242, var(--tw-text-opacity)); + .xl\:hover\:via-colors-purple-900:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-900, #44337a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-red-100:focus-within { - --tw-text-opacity: 1; - color: rgba(254, 226, 226, var(--tw-text-opacity)); + .xl\:hover\:via-colors-pink-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-100, #fff5f7), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-red-200:focus-within { - --tw-text-opacity: 1; - color: rgba(254, 202, 202, var(--tw-text-opacity)); + .xl\:hover\:via-colors-pink-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-200, #fed7e2), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-red-300:focus-within { - --tw-text-opacity: 1; - color: rgba(252, 165, 165, var(--tw-text-opacity)); + .xl\:hover\:via-colors-pink-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-300, #fbb6ce), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-red-400:focus-within { - --tw-text-opacity: 1; - color: rgba(248, 113, 113, var(--tw-text-opacity)); + .xl\:hover\:via-colors-pink-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-400, #f687b3), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-red-500:focus-within { - --tw-text-opacity: 1; - color: rgba(239, 68, 68, var(--tw-text-opacity)); + .xl\:hover\:via-colors-pink-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-500, #ed64a6), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-red-600:focus-within { - --tw-text-opacity: 1; - color: rgba(220, 38, 38, var(--tw-text-opacity)); + .xl\:hover\:via-colors-pink-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-600, #d53f8c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-red-700:focus-within { - --tw-text-opacity: 1; - color: rgba(185, 28, 28, var(--tw-text-opacity)); + .xl\:hover\:via-colors-pink-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-700, #b83280), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-red-800:focus-within { - --tw-text-opacity: 1; - color: rgba(153, 27, 27, var(--tw-text-opacity)); + .xl\:hover\:via-colors-pink-800:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-800, #97266d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-red-900:focus-within { - --tw-text-opacity: 1; - color: rgba(127, 29, 29, var(--tw-text-opacity)); + .xl\:hover\:via-colors-pink-900:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-900, #702459), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-yellow-50:focus-within { - --tw-text-opacity: 1; - color: rgba(255, 251, 235, var(--tw-text-opacity)); + .xl\:hover\:via-Box\ Shadow:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--box-shadow, #7f7e7f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-yellow-100:focus-within { - --tw-text-opacity: 1; - color: rgba(254, 243, 199, var(--tw-text-opacity)); + .xl\:hover\:via-Error16:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--error16, #f03d3e40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-yellow-200:focus-within { - --tw-text-opacity: 1; - color: rgba(253, 230, 138, var(--tw-text-opacity)); + .xl\:hover\:via-Success16:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--success16, #5bb14d40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-yellow-300:focus-within { - --tw-text-opacity: 1; - color: rgba(252, 211, 77, var(--tw-text-opacity)); + .xl\:hover\:via-Notification16:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification16, #3959ff40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-yellow-400:focus-within { - --tw-text-opacity: 1; - color: rgba(251, 191, 36, var(--tw-text-opacity)); + .xl\:hover\:via-Error8:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--error8, #f03d3e1a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-yellow-500:focus-within { - --tw-text-opacity: 1; - color: rgba(245, 158, 11, var(--tw-text-opacity)); + .xl\:hover\:via-Notification8:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification8, #3959ff1a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-yellow-600:focus-within { - --tw-text-opacity: 1; - color: rgba(217, 119, 6, var(--tw-text-opacity)); + .xl\:hover\:via-Success8:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--success8, #5bb14d1a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-yellow-700:focus-within { - --tw-text-opacity: 1; - color: rgba(180, 83, 9, var(--tw-text-opacity)); + .xl\:hover\:via-Light\ -\ Overlay:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-overlay, #f0edee66), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-yellow-800:focus-within { - --tw-text-opacity: 1; - color: rgba(146, 64, 14, var(--tw-text-opacity)); + .xl\:hover\:via-Dark-\ Overlay:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--dark-overlay, #7f7e7f66), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-yellow-900:focus-within { - --tw-text-opacity: 1; - color: rgba(120, 53, 15, var(--tw-text-opacity)); + .xl\:hover\:via-black-40:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-40, #00000066), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-green-50:focus-within { - --tw-text-opacity: 1; - color: rgba(236, 253, 245, var(--tw-text-opacity)); + .xl\:hover\:via-black-75:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-75, #000000bf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-green-100:focus-within { - --tw-text-opacity: 1; - color: rgba(209, 250, 229, var(--tw-text-opacity)); + .xl\:hover\:via-black-60:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-60, #00000099), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-green-200:focus-within { - --tw-text-opacity: 1; - color: rgba(167, 243, 208, var(--tw-text-opacity)); + .xl\:hover\:via-black-50:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-50, #00000080), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-green-300:focus-within { - --tw-text-opacity: 1; - color: rgba(110, 231, 183, var(--tw-text-opacity)); + .xl\:hover\:via-black-25:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-25, #00000040), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-green-400:focus-within { - --tw-text-opacity: 1; - color: rgba(52, 211, 153, var(--tw-text-opacity)); + .xl\:hover\:via-black-10:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-10, #0000001a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-green-500:focus-within { - --tw-text-opacity: 1; - color: rgba(16, 185, 129, var(--tw-text-opacity)); + .xl\:hover\:via-white-25:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--white-25, #ffffff40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-green-600:focus-within { - --tw-text-opacity: 1; - color: rgba(5, 150, 105, var(--tw-text-opacity)); + .xl\:hover\:via-white-60:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--white-60, #ffffff99), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-green-700:focus-within { - --tw-text-opacity: 1; - color: rgba(4, 120, 87, var(--tw-text-opacity)); + .xl\:hover\:via-black-64:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-64, #000000a3), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-green-800:focus-within { - --tw-text-opacity: 1; - color: rgba(6, 95, 70, var(--tw-text-opacity)); + .xl\:hover\:via-Shadow\ and\ Highlight-Shadow:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow, #7f7e7f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-green-900:focus-within { - --tw-text-opacity: 1; - color: rgba(6, 78, 59, var(--tw-text-opacity)); + .xl\:hover\:via-Shadow\ and\ Highlight-Highlight:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight, #474747), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-blue-50:focus-within { - --tw-text-opacity: 1; - color: rgba(239, 246, 255, var(--tw-text-opacity)); + .xl\:hover\:via-Shadow\ and\ Highlight-highlight\ one:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-one, #474747bf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-blue-100:focus-within { - --tw-text-opacity: 1; - color: rgba(219, 234, 254, var(--tw-text-opacity)); + .xl\:hover\:via-Shadow\ and\ Highlight-highlight\ two:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-two, #47474799), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-blue-200:focus-within { - --tw-text-opacity: 1; - color: rgba(191, 219, 254, var(--tw-text-opacity)); + .xl\:hover\:via-Shadow\ and\ Highlight-highlight\ three:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-three, #47474766), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-blue-300:focus-within { - --tw-text-opacity: 1; - color: rgba(147, 197, 253, var(--tw-text-opacity)); + .xl\:hover\:via-Shadow\ and\ Highlight-highlight\ five:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-five, #4747471a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-blue-400:focus-within { - --tw-text-opacity: 1; - color: rgba(96, 165, 250, var(--tw-text-opacity)); + .xl\:hover\:via-Shadow\ and\ Highlight-shadow\ one:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-one, #7f7e7fbf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-blue-500:focus-within { - --tw-text-opacity: 1; - color: rgba(59, 130, 246, var(--tw-text-opacity)); + .xl\:hover\:via-Shadow\ and\ Highlight-shadow\ two:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-two, #7f7e7f99), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-blue-600:focus-within { - --tw-text-opacity: 1; - color: rgba(37, 99, 235, var(--tw-text-opacity)); + .xl\:hover\:via-Shadow\ and\ Highlight-shadow\ three:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-three, #7f7e7f66), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-blue-700:focus-within { - --tw-text-opacity: 1; - color: rgba(29, 78, 216, var(--tw-text-opacity)); + .xl\:hover\:via-Shadow\ and\ Highlight-shadow\ four:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-four, #7f7e7f40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-blue-800:focus-within { - --tw-text-opacity: 1; - color: rgba(30, 64, 175, var(--tw-text-opacity)); + .xl\:hover\:via-Shadow\ and\ Highlight-shadow\ five:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-five, #7f7e7f1a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-blue-900:focus-within { - --tw-text-opacity: 1; - color: rgba(30, 58, 138, var(--tw-text-opacity)); + .xl\:hover\:via-Shadow\ and\ Highlight-highlight\ four:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-four, #47474740), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-indigo-50:focus-within { - --tw-text-opacity: 1; - color: rgba(238, 242, 255, var(--tw-text-opacity)); + .xl\:hover\:via-Base\ Layer\ Styles-Base\ Layer-\ Light-White:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--base-layer-styles-base-layer-light-white, #ffffff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-indigo-100:focus-within { - --tw-text-opacity: 1; - color: rgba(224, 231, 255, var(--tw-text-opacity)); + .xl\:hover\:via-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--base-layer-styles-base-layer-light-off-white, #f0edee), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-indigo-200:focus-within { - --tw-text-opacity: 1; - color: rgba(199, 210, 254, var(--tw-text-opacity)); + .xl\:hover\:via-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-indigo-300:focus-within { - --tw-text-opacity: 1; - color: rgba(165, 180, 252, var(--tw-text-opacity)); + .xl\:hover\:via-Base\ Layer\ Styles-Base\ Layer-Dark-Black:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--base-layer-styles-base-layer-dark-black, #000000), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-indigo-400:focus-within { - --tw-text-opacity: 1; - color: rgba(129, 140, 248, var(--tw-text-opacity)); + .xl\:hover\:via-Grey-Scale-white:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-white, #ffffff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-indigo-500:focus-within { - --tw-text-opacity: 1; - color: rgba(99, 102, 241, var(--tw-text-opacity)); + .xl\:hover\:via-Grey-Scale-off-white:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-off-white, #f0edee), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-indigo-600:focus-within { - --tw-text-opacity: 1; - color: rgba(79, 70, 229, var(--tw-text-opacity)); + .xl\:hover\:via-Grey\ Scale-grey:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-grey, #7f7e7f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-indigo-700:focus-within { - --tw-text-opacity: 1; - color: rgba(67, 56, 202, var(--tw-text-opacity)); + .xl\:hover\:via-Grey\ Scale-charcoal:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-charcoal, #474747), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-indigo-800:focus-within { - --tw-text-opacity: 1; - color: rgba(55, 48, 163, var(--tw-text-opacity)); + .xl\:hover\:via-Grey\ Scale-off-black:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-off-black, #1c1c1c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-indigo-900:focus-within { - --tw-text-opacity: 1; - color: rgba(49, 46, 129, var(--tw-text-opacity)); + .xl\:hover\:via-Grey\ Scale-black:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-black, #000000), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-purple-50:focus-within { - --tw-text-opacity: 1; - color: rgba(245, 243, 255, var(--tw-text-opacity)); + .xl\:hover\:via-Blue-blue:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue, #3a7ca5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-purple-100:focus-within { - --tw-text-opacity: 1; - color: rgba(237, 233, 254, var(--tw-text-opacity)); + .xl\:hover\:via-Blue-blue-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-100, #75a3c0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-purple-200:focus-within { - --tw-text-opacity: 1; - color: rgba(221, 214, 254, var(--tw-text-opacity)); + .xl\:hover\:via-Blue-blue-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-200, #9cbed2), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-purple-300:focus-within { - --tw-text-opacity: 1; - color: rgba(196, 181, 253, var(--tw-text-opacity)); + .xl\:hover\:via-Blue-blue-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-300, #4f7d9a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-purple-400:focus-within { - --tw-text-opacity: 1; - color: rgba(167, 139, 250, var(--tw-text-opacity)); + .xl\:hover\:via-Blue-blue-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-400, #5c7d92), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-purple-500:focus-within { - --tw-text-opacity: 1; - color: rgba(139, 92, 246, var(--tw-text-opacity)); + .xl\:hover\:via-Blue-blue-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-500, #347095), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-purple-600:focus-within { - --tw-text-opacity: 1; - color: rgba(124, 58, 237, var(--tw-text-opacity)); + .xl\:hover\:via-Blue-blue-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-600, #295774), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-purple-700:focus-within { - --tw-text-opacity: 1; - color: rgba(109, 40, 217, var(--tw-text-opacity)); + .xl\:hover\:via-Blue-blue-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-700, #173242), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-purple-800:focus-within { - --tw-text-opacity: 1; - color: rgba(91, 33, 182, var(--tw-text-opacity)); + .xl\:hover\:via-LightBlue-lightblue:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue, #81c3d7), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-purple-900:focus-within { - --tw-text-opacity: 1; - color: rgba(76, 29, 149, var(--tw-text-opacity)); + .xl\:hover\:via-LightBlue-lightblue-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-100, #a7d5e3), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-pink-50:focus-within { - --tw-text-opacity: 1; - color: rgba(253, 242, 248, var(--tw-text-opacity)); + .xl\:hover\:via-LightBlue-lightblue-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-200, #c0e1eb), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-pink-100:focus-within { - --tw-text-opacity: 1; - color: rgba(252, 231, 243, var(--tw-text-opacity)); + .xl\:hover\:via-LightBlue-lightblue-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-300, #80aebd), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-pink-200:focus-within { - --tw-text-opacity: 1; - color: rgba(251, 207, 232, var(--tw-text-opacity)); + .xl\:hover\:via-LightBlue-lightblue-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-400, #80a0ab), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-pink-300:focus-within { - --tw-text-opacity: 1; - color: rgba(249, 168, 212, var(--tw-text-opacity)); + .xl\:hover\:via-LightBlue-lightblue-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-500, #74afc1), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-pink-400:focus-within { - --tw-text-opacity: 1; - color: rgba(244, 114, 182, var(--tw-text-opacity)); + .xl\:hover\:via-LightBlue-lightblue-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-600, #5a8997), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-pink-500:focus-within { - --tw-text-opacity: 1; - color: rgba(236, 72, 153, var(--tw-text-opacity)); + .xl\:hover\:via-LightBlue-lightblue-650:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-650, #3e5e65), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-pink-600:focus-within { - --tw-text-opacity: 1; - color: rgba(219, 39, 119, var(--tw-text-opacity)); + .xl\:hover\:via-LightBlue-lightblue-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-700, #344e56), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-pink-700:focus-within { - --tw-text-opacity: 1; - color: rgba(190, 24, 93, var(--tw-text-opacity)); + .xl\:hover\:via-Orange-orange:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange, #ff7f0e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-pink-800:focus-within { - --tw-text-opacity: 1; - color: rgba(157, 23, 77, var(--tw-text-opacity)); + .xl\:hover\:via-Orange-orange-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-100, #ffa556), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-pink-900:focus-within { - --tw-text-opacity: 1; - color: rgba(131, 24, 67, var(--tw-text-opacity)); + .xl\:hover\:via-Orange-orange-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-200, #ffbf86), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-transparent:hover { - color: transparent; + .xl\:hover\:via-Orange-orange-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-300, #d97f30), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-current:hover { - color: currentColor; + .xl\:hover\:via-Orange-orange-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-400, #bf7e46), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-black:hover { - --tw-text-opacity: 1; - color: rgba(0, 0, 0, var(--tw-text-opacity)); + .xl\:hover\:via-Orange-orange-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-500, #e5720d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-white:hover { - --tw-text-opacity: 1; - color: rgba(255, 255, 255, var(--tw-text-opacity)); + .xl\:hover\:via-Orange-orange-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-600, #b3590a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-gray-50:hover { - --tw-text-opacity: 1; - color: rgba(249, 250, 251, var(--tw-text-opacity)); + .xl\:hover\:via-Orange-orange-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-700, #663306), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-gray-100:hover { - --tw-text-opacity: 1; - color: rgba(243, 244, 246, var(--tw-text-opacity)); + .xl\:hover\:via-Yellow-yellow:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow, #ffab00), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-gray-200:hover { - --tw-text-opacity: 1; - color: rgba(229, 231, 235, var(--tw-text-opacity)); + .xl\:hover\:via-Yellow-yellow-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-100, #ffc44c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-gray-300:hover { - --tw-text-opacity: 1; - color: rgba(209, 213, 219, var(--tw-text-opacity)); + .xl\:hover\:via-Yellow-yellow-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-200, #ffd580), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-gray-400:hover { - --tw-text-opacity: 1; - color: rgba(156, 163, 175, var(--tw-text-opacity)); + .xl\:hover\:via-Yellow-yellow-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-300, #d99d26), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-gray-500:hover { - --tw-text-opacity: 1; - color: rgba(107, 114, 128, var(--tw-text-opacity)); + .xl\:hover\:via-Yellow-yellow-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-400, #bf943f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-gray-600:hover { - --tw-text-opacity: 1; - color: rgba(75, 85, 99, var(--tw-text-opacity)); + .xl\:hover\:via-Yellow-yellow-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-500, #e59a00), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-gray-700:hover { - --tw-text-opacity: 1; - color: rgba(55, 65, 81, var(--tw-text-opacity)); + .xl\:hover\:via-Yellow-yellow-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-600, #b37800), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-gray-800:hover { - --tw-text-opacity: 1; - color: rgba(31, 41, 55, var(--tw-text-opacity)); + .xl\:hover\:via-Yellow-yellow-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-700, #664400), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-gray-900:hover { - --tw-text-opacity: 1; - color: rgba(17, 24, 39, var(--tw-text-opacity)); + .xl\:hover\:via-Notification-notification:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification, #3959ff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-red-50:hover { - --tw-text-opacity: 1; - color: rgba(254, 242, 242, var(--tw-text-opacity)); + .xl\:hover\:via-Notification-notification-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-100, #748bff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-red-100:hover { - --tw-text-opacity: 1; - color: rgba(254, 226, 226, var(--tw-text-opacity)); + .xl\:hover\:via-Notification-notification-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-200, #9cacff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-red-200:hover { - --tw-text-opacity: 1; - color: rgba(254, 202, 202, var(--tw-text-opacity)); + .xl\:hover\:via-Notification-notification-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-300, #4e64d9), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-red-300:hover { - --tw-text-opacity: 1; - color: rgba(252, 165, 165, var(--tw-text-opacity)); + .xl\:hover\:via-Notification-notification-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-400, #5c6cbf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-red-400:hover { - --tw-text-opacity: 1; - color: rgba(248, 113, 113, var(--tw-text-opacity)); + .xl\:hover\:via-Notification-notification-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-500, #3350e5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-red-500:hover { - --tw-text-opacity: 1; - color: rgba(239, 68, 68, var(--tw-text-opacity)); + .xl\:hover\:via-Notification-notification-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-600, #283eb3), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-red-600:hover { - --tw-text-opacity: 1; - color: rgba(220, 38, 38, var(--tw-text-opacity)); + .xl\:hover\:via-Notification-notification-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-700, #172466), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-red-700:hover { - --tw-text-opacity: 1; - color: rgba(185, 28, 28, var(--tw-text-opacity)); + .xl\:hover\:via-Success-success\ -700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-700, #24471f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-red-800:hover { - --tw-text-opacity: 1; - color: rgba(153, 27, 27, var(--tw-text-opacity)); + .xl\:hover\:via-Success-success:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success, #5bb14d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-red-900:hover { - --tw-text-opacity: 1; - color: rgba(127, 29, 29, var(--tw-text-opacity)); + .xl\:hover\:via-Success-success\ -100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-100, #8cc882), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-yellow-50:hover { - --tw-text-opacity: 1; - color: rgba(255, 251, 235, var(--tw-text-opacity)); + .xl\:hover\:via-Success-success\ -200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-200, #add8a6), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-yellow-100:hover { - --tw-text-opacity: 1; - color: rgba(254, 243, 199, var(--tw-text-opacity)); + .xl\:hover\:via-Success-success\ -300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-300, #66a25c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-yellow-200:hover { - --tw-text-opacity: 1; - color: rgba(253, 230, 138, var(--tw-text-opacity)); + .xl\:hover\:via-Success-success\ -400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-400, #6d9766), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-yellow-300:hover { - --tw-text-opacity: 1; - color: rgba(252, 211, 77, var(--tw-text-opacity)); + .xl\:hover\:via-Success-success\ -500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-500, #529f45), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-yellow-400:hover { - --tw-text-opacity: 1; - color: rgba(251, 191, 36, var(--tw-text-opacity)); + .xl\:hover\:via-Success-success\ -600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-600, #407c36), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-yellow-500:hover { - --tw-text-opacity: 1; - color: rgba(245, 158, 11, var(--tw-text-opacity)); + .xl\:hover\:via-Error-error:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error, #f03d3e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-yellow-600:hover { - --tw-text-opacity: 1; - color: rgba(217, 119, 6, var(--tw-text-opacity)); + .xl\:hover\:via-Error-error-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-100, #f57778), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-yellow-700:hover { - --tw-text-opacity: 1; - color: rgba(180, 83, 9, var(--tw-text-opacity)); + .xl\:hover\:via-Error-error-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-200, #f89e9e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-yellow-800:hover { - --tw-text-opacity: 1; - color: rgba(146, 64, 14, var(--tw-text-opacity)); + .xl\:hover\:via-Error-error-250:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-250, #f9c8c8), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-yellow-900:hover { - --tw-text-opacity: 1; - color: rgba(120, 53, 15, var(--tw-text-opacity)); + .xl\:hover\:via-Error-error-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-300, #ce5151), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-green-50:hover { - --tw-text-opacity: 1; - color: rgba(236, 253, 245, var(--tw-text-opacity)); + .xl\:hover\:via-Error-error-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-400, #b85e5e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-green-100:hover { - --tw-text-opacity: 1; - color: rgba(209, 250, 229, var(--tw-text-opacity)); + .xl\:hover\:via-Error-error-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-500, #d83738), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-green-200:hover { - --tw-text-opacity: 1; - color: rgba(167, 243, 208, var(--tw-text-opacity)); + .xl\:hover\:via-Error-error-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-600, #a82b2b), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-green-300:hover { - --tw-text-opacity: 1; - color: rgba(110, 231, 183, var(--tw-text-opacity)); + .xl\:hover\:via-Error-error-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-700, #601819), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-green-400:hover { - --tw-text-opacity: 1; - color: rgba(52, 211, 153, var(--tw-text-opacity)); + .xl\:focus\:via-colors-black:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-black, #000000), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-green-500:hover { - --tw-text-opacity: 1; - color: rgba(16, 185, 129, var(--tw-text-opacity)); + .xl\:focus\:via-colors-white:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-white, #ffffff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-green-600:hover { - --tw-text-opacity: 1; - color: rgba(5, 150, 105, var(--tw-text-opacity)); + .xl\:focus\:via-colors-gray-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-100, #f7fafc), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-green-700:hover { - --tw-text-opacity: 1; - color: rgba(4, 120, 87, var(--tw-text-opacity)); + .xl\:focus\:via-colors-gray-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-200, #edf2f7), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-green-800:hover { - --tw-text-opacity: 1; - color: rgba(6, 95, 70, var(--tw-text-opacity)); + .xl\:focus\:via-colors-gray-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-300, #e2e8f0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-green-900:hover { - --tw-text-opacity: 1; - color: rgba(6, 78, 59, var(--tw-text-opacity)); + .xl\:focus\:via-colors-gray-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-400, #cbd5e0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-blue-50:hover { - --tw-text-opacity: 1; - color: rgba(239, 246, 255, var(--tw-text-opacity)); + .xl\:focus\:via-colors-gray-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-500, #a0aec0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-blue-100:hover { - --tw-text-opacity: 1; - color: rgba(219, 234, 254, var(--tw-text-opacity)); + .xl\:focus\:via-colors-gray-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-600, #718096), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-blue-200:hover { - --tw-text-opacity: 1; - color: rgba(191, 219, 254, var(--tw-text-opacity)); + .xl\:focus\:via-colors-gray-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-700, #4a5568), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-blue-300:hover { - --tw-text-opacity: 1; - color: rgba(147, 197, 253, var(--tw-text-opacity)); + .xl\:focus\:via-colors-gray-800:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-800, #2d3748), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-blue-400:hover { - --tw-text-opacity: 1; - color: rgba(96, 165, 250, var(--tw-text-opacity)); + .xl\:focus\:via-colors-gray-900:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-900, #1a202c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-blue-500:hover { - --tw-text-opacity: 1; - color: rgba(59, 130, 246, var(--tw-text-opacity)); + .xl\:focus\:via-colors-red-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-100, #fff5f5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-blue-600:hover { - --tw-text-opacity: 1; - color: rgba(37, 99, 235, var(--tw-text-opacity)); + .xl\:focus\:via-colors-red-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-200, #fed7d7), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-blue-700:hover { - --tw-text-opacity: 1; - color: rgba(29, 78, 216, var(--tw-text-opacity)); + .xl\:focus\:via-colors-red-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-300, #feb2b2), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-blue-800:hover { - --tw-text-opacity: 1; - color: rgba(30, 64, 175, var(--tw-text-opacity)); + .xl\:focus\:via-colors-red-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-400, #fc8181), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-blue-900:hover { - --tw-text-opacity: 1; - color: rgba(30, 58, 138, var(--tw-text-opacity)); + .xl\:focus\:via-colors-red-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-500, #f56565), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-indigo-50:hover { - --tw-text-opacity: 1; - color: rgba(238, 242, 255, var(--tw-text-opacity)); + .xl\:focus\:via-colors-red-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-600, #e53e3e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-indigo-100:hover { - --tw-text-opacity: 1; - color: rgba(224, 231, 255, var(--tw-text-opacity)); + .xl\:focus\:via-colors-red-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-700, #c53030), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-indigo-200:hover { - --tw-text-opacity: 1; - color: rgba(199, 210, 254, var(--tw-text-opacity)); + .xl\:focus\:via-colors-red-800:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-800, #9b2c2c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-indigo-300:hover { - --tw-text-opacity: 1; - color: rgba(165, 180, 252, var(--tw-text-opacity)); + .xl\:focus\:via-colors-red-900:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-900, #742a2a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-indigo-400:hover { - --tw-text-opacity: 1; - color: rgba(129, 140, 248, var(--tw-text-opacity)); + .xl\:focus\:via-colors-orange-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-100, #fffaf0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-indigo-500:hover { - --tw-text-opacity: 1; - color: rgba(99, 102, 241, var(--tw-text-opacity)); + .xl\:focus\:via-colors-orange-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-200, #feebc8), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-indigo-600:hover { - --tw-text-opacity: 1; - color: rgba(79, 70, 229, var(--tw-text-opacity)); + .xl\:focus\:via-colors-orange-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-300, #fbd38d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-indigo-700:hover { - --tw-text-opacity: 1; - color: rgba(67, 56, 202, var(--tw-text-opacity)); + .xl\:focus\:via-colors-orange-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-400, #f6ad55), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-indigo-800:hover { - --tw-text-opacity: 1; - color: rgba(55, 48, 163, var(--tw-text-opacity)); + .xl\:focus\:via-colors-orange-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-500, #ed8936), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-indigo-900:hover { - --tw-text-opacity: 1; - color: rgba(49, 46, 129, var(--tw-text-opacity)); + .xl\:focus\:via-colors-orange-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-600, #dd6b20), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-purple-50:hover { - --tw-text-opacity: 1; - color: rgba(245, 243, 255, var(--tw-text-opacity)); + .xl\:focus\:via-colors-orange-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-700, #c05621), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-purple-100:hover { - --tw-text-opacity: 1; - color: rgba(237, 233, 254, var(--tw-text-opacity)); + .xl\:focus\:via-colors-orange-800:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-800, #9c4221), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-purple-200:hover { - --tw-text-opacity: 1; - color: rgba(221, 214, 254, var(--tw-text-opacity)); + .xl\:focus\:via-colors-orange-900:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-900, #7b341e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-purple-300:hover { - --tw-text-opacity: 1; - color: rgba(196, 181, 253, var(--tw-text-opacity)); + .xl\:focus\:via-colors-yellow-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-100, #fffff0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-purple-400:hover { - --tw-text-opacity: 1; - color: rgba(167, 139, 250, var(--tw-text-opacity)); + .xl\:focus\:via-colors-yellow-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-200, #fefcbf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-purple-500:hover { - --tw-text-opacity: 1; - color: rgba(139, 92, 246, var(--tw-text-opacity)); + .xl\:focus\:via-colors-yellow-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-300, #faf089), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-purple-600:hover { - --tw-text-opacity: 1; - color: rgba(124, 58, 237, var(--tw-text-opacity)); + .xl\:focus\:via-colors-yellow-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-400, #f6e05e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-purple-700:hover { - --tw-text-opacity: 1; - color: rgba(109, 40, 217, var(--tw-text-opacity)); + .xl\:focus\:via-colors-yellow-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-500, #ecc94b), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-purple-800:hover { - --tw-text-opacity: 1; - color: rgba(91, 33, 182, var(--tw-text-opacity)); + .xl\:focus\:via-colors-yellow-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-600, #d69e2e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-purple-900:hover { - --tw-text-opacity: 1; - color: rgba(76, 29, 149, var(--tw-text-opacity)); + .xl\:focus\:via-colors-yellow-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-700, #b7791f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-pink-50:hover { - --tw-text-opacity: 1; - color: rgba(253, 242, 248, var(--tw-text-opacity)); + .xl\:focus\:via-colors-yellow-800:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-800, #975a16), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-pink-100:hover { - --tw-text-opacity: 1; - color: rgba(252, 231, 243, var(--tw-text-opacity)); + .xl\:focus\:via-colors-yellow-900:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-900, #744210), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-pink-200:hover { - --tw-text-opacity: 1; - color: rgba(251, 207, 232, var(--tw-text-opacity)); + .xl\:focus\:via-colors-green-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-100, #f0fff4), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-pink-300:hover { - --tw-text-opacity: 1; - color: rgba(249, 168, 212, var(--tw-text-opacity)); + .xl\:focus\:via-colors-green-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-200, #c6f6d5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-pink-400:hover { - --tw-text-opacity: 1; - color: rgba(244, 114, 182, var(--tw-text-opacity)); + .xl\:focus\:via-colors-green-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-300, #9ae6b4), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-pink-500:hover { - --tw-text-opacity: 1; - color: rgba(236, 72, 153, var(--tw-text-opacity)); + .xl\:focus\:via-colors-green-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-400, #68d391), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-pink-600:hover { - --tw-text-opacity: 1; - color: rgba(219, 39, 119, var(--tw-text-opacity)); + .xl\:focus\:via-colors-green-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-500, #48bb78), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-pink-700:hover { - --tw-text-opacity: 1; - color: rgba(190, 24, 93, var(--tw-text-opacity)); + .xl\:focus\:via-colors-green-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-600, #38a169), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-pink-800:hover { - --tw-text-opacity: 1; - color: rgba(157, 23, 77, var(--tw-text-opacity)); + .xl\:focus\:via-colors-green-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-700, #2f855a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-pink-900:hover { - --tw-text-opacity: 1; - color: rgba(131, 24, 67, var(--tw-text-opacity)); + .xl\:focus\:via-colors-green-800:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-800, #276749), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-transparent:focus { - color: transparent; + .xl\:focus\:via-colors-green-900:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-900, #22543d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-current:focus { - color: currentColor; + .xl\:focus\:via-colors-teal-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-100, #e6fffa), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-black:focus { - --tw-text-opacity: 1; - color: rgba(0, 0, 0, var(--tw-text-opacity)); + .xl\:focus\:via-colors-teal-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-200, #b2f5ea), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-white:focus { - --tw-text-opacity: 1; - color: rgba(255, 255, 255, var(--tw-text-opacity)); + .xl\:focus\:via-colors-teal-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-300, #81e6d9), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-gray-50:focus { - --tw-text-opacity: 1; - color: rgba(249, 250, 251, var(--tw-text-opacity)); + .xl\:focus\:via-colors-teal-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-400, #4fd1c5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-gray-100:focus { - --tw-text-opacity: 1; - color: rgba(243, 244, 246, var(--tw-text-opacity)); + .xl\:focus\:via-colors-teal-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-500, #38b2ac), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-gray-200:focus { - --tw-text-opacity: 1; - color: rgba(229, 231, 235, var(--tw-text-opacity)); + .xl\:focus\:via-colors-teal-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-600, #319795), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-gray-300:focus { - --tw-text-opacity: 1; - color: rgba(209, 213, 219, var(--tw-text-opacity)); + .xl\:focus\:via-colors-teal-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-700, #2c7a7b), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-gray-400:focus { - --tw-text-opacity: 1; - color: rgba(156, 163, 175, var(--tw-text-opacity)); + .xl\:focus\:via-colors-teal-800:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-800, #285e61), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-gray-500:focus { - --tw-text-opacity: 1; - color: rgba(107, 114, 128, var(--tw-text-opacity)); + .xl\:focus\:via-colors-teal-900:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-900, #234e52), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-gray-600:focus { - --tw-text-opacity: 1; - color: rgba(75, 85, 99, var(--tw-text-opacity)); + .xl\:focus\:via-colors-blue-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-100, #ebf8ff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-gray-700:focus { - --tw-text-opacity: 1; - color: rgba(55, 65, 81, var(--tw-text-opacity)); + .xl\:focus\:via-colors-blue-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-200, #bee3f8), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-gray-800:focus { - --tw-text-opacity: 1; - color: rgba(31, 41, 55, var(--tw-text-opacity)); + .xl\:focus\:via-colors-blue-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-300, #90cdf4), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-gray-900:focus { - --tw-text-opacity: 1; - color: rgba(17, 24, 39, var(--tw-text-opacity)); + .xl\:focus\:via-colors-blue-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-400, #63b3ed), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-red-50:focus { - --tw-text-opacity: 1; - color: rgba(254, 242, 242, var(--tw-text-opacity)); + .xl\:focus\:via-colors-blue-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-500, #4299e1), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-red-100:focus { - --tw-text-opacity: 1; - color: rgba(254, 226, 226, var(--tw-text-opacity)); + .xl\:focus\:via-colors-blue-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-600, #3182ce), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-red-200:focus { - --tw-text-opacity: 1; - color: rgba(254, 202, 202, var(--tw-text-opacity)); + .xl\:focus\:via-colors-blue-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-700, #2b6cb0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-red-300:focus { - --tw-text-opacity: 1; - color: rgba(252, 165, 165, var(--tw-text-opacity)); + .xl\:focus\:via-colors-blue-800:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-800, #2c5282), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-red-400:focus { - --tw-text-opacity: 1; - color: rgba(248, 113, 113, var(--tw-text-opacity)); + .xl\:focus\:via-colors-blue-900:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-900, #2a4365), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-red-500:focus { - --tw-text-opacity: 1; - color: rgba(239, 68, 68, var(--tw-text-opacity)); + .xl\:focus\:via-colors-indigo-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-100, #ebf4ff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-red-600:focus { - --tw-text-opacity: 1; - color: rgba(220, 38, 38, var(--tw-text-opacity)); + .xl\:focus\:via-colors-indigo-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-200, #c3dafe), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-red-700:focus { - --tw-text-opacity: 1; - color: rgba(185, 28, 28, var(--tw-text-opacity)); + .xl\:focus\:via-colors-indigo-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-300, #a3bffa), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-red-800:focus { - --tw-text-opacity: 1; - color: rgba(153, 27, 27, var(--tw-text-opacity)); + .xl\:focus\:via-colors-indigo-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-400, #7f9cf5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-red-900:focus { - --tw-text-opacity: 1; - color: rgba(127, 29, 29, var(--tw-text-opacity)); + .xl\:focus\:via-colors-indigo-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-500, #667eea), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-yellow-50:focus { - --tw-text-opacity: 1; - color: rgba(255, 251, 235, var(--tw-text-opacity)); + .xl\:focus\:via-colors-indigo-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-600, #5a67d8), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-yellow-100:focus { - --tw-text-opacity: 1; - color: rgba(254, 243, 199, var(--tw-text-opacity)); + .xl\:focus\:via-colors-indigo-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-700, #4c51bf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-yellow-200:focus { - --tw-text-opacity: 1; - color: rgba(253, 230, 138, var(--tw-text-opacity)); + .xl\:focus\:via-colors-indigo-800:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-800, #434190), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-yellow-300:focus { - --tw-text-opacity: 1; - color: rgba(252, 211, 77, var(--tw-text-opacity)); + .xl\:focus\:via-colors-indigo-900:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-900, #3c366b), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-yellow-400:focus { - --tw-text-opacity: 1; - color: rgba(251, 191, 36, var(--tw-text-opacity)); + .xl\:focus\:via-colors-purple-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-100, #faf5ff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-yellow-500:focus { - --tw-text-opacity: 1; - color: rgba(245, 158, 11, var(--tw-text-opacity)); + .xl\:focus\:via-colors-purple-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-200, #e9d8fd), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-yellow-600:focus { - --tw-text-opacity: 1; - color: rgba(217, 119, 6, var(--tw-text-opacity)); + .xl\:focus\:via-colors-purple-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-300, #d6bcfa), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-yellow-700:focus { - --tw-text-opacity: 1; - color: rgba(180, 83, 9, var(--tw-text-opacity)); + .xl\:focus\:via-colors-purple-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-400, #b794f4), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-yellow-800:focus { - --tw-text-opacity: 1; - color: rgba(146, 64, 14, var(--tw-text-opacity)); + .xl\:focus\:via-colors-purple-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-500, #9f7aea), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-yellow-900:focus { - --tw-text-opacity: 1; - color: rgba(120, 53, 15, var(--tw-text-opacity)); + .xl\:focus\:via-colors-purple-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-600, #805ad5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-green-50:focus { - --tw-text-opacity: 1; - color: rgba(236, 253, 245, var(--tw-text-opacity)); + .xl\:focus\:via-colors-purple-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-700, #6b46c1), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-green-100:focus { - --tw-text-opacity: 1; - color: rgba(209, 250, 229, var(--tw-text-opacity)); + .xl\:focus\:via-colors-purple-800:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-800, #553c9a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-green-200:focus { - --tw-text-opacity: 1; - color: rgba(167, 243, 208, var(--tw-text-opacity)); + .xl\:focus\:via-colors-purple-900:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-900, #44337a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-green-300:focus { - --tw-text-opacity: 1; - color: rgba(110, 231, 183, var(--tw-text-opacity)); + .xl\:focus\:via-colors-pink-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-100, #fff5f7), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-green-400:focus { - --tw-text-opacity: 1; - color: rgba(52, 211, 153, var(--tw-text-opacity)); + .xl\:focus\:via-colors-pink-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-200, #fed7e2), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-green-500:focus { - --tw-text-opacity: 1; - color: rgba(16, 185, 129, var(--tw-text-opacity)); + .xl\:focus\:via-colors-pink-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-300, #fbb6ce), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-green-600:focus { - --tw-text-opacity: 1; - color: rgba(5, 150, 105, var(--tw-text-opacity)); + .xl\:focus\:via-colors-pink-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-400, #f687b3), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-green-700:focus { - --tw-text-opacity: 1; - color: rgba(4, 120, 87, var(--tw-text-opacity)); + .xl\:focus\:via-colors-pink-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-500, #ed64a6), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-green-800:focus { - --tw-text-opacity: 1; - color: rgba(6, 95, 70, var(--tw-text-opacity)); + .xl\:focus\:via-colors-pink-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-600, #d53f8c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-green-900:focus { - --tw-text-opacity: 1; - color: rgba(6, 78, 59, var(--tw-text-opacity)); + .xl\:focus\:via-colors-pink-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-700, #b83280), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-blue-50:focus { - --tw-text-opacity: 1; - color: rgba(239, 246, 255, var(--tw-text-opacity)); + .xl\:focus\:via-colors-pink-800:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-800, #97266d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-blue-100:focus { - --tw-text-opacity: 1; - color: rgba(219, 234, 254, var(--tw-text-opacity)); + .xl\:focus\:via-colors-pink-900:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-900, #702459), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-blue-200:focus { - --tw-text-opacity: 1; - color: rgba(191, 219, 254, var(--tw-text-opacity)); + .xl\:focus\:via-Box\ Shadow:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--box-shadow, #7f7e7f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-blue-300:focus { - --tw-text-opacity: 1; - color: rgba(147, 197, 253, var(--tw-text-opacity)); + .xl\:focus\:via-Error16:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--error16, #f03d3e40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-blue-400:focus { - --tw-text-opacity: 1; - color: rgba(96, 165, 250, var(--tw-text-opacity)); + .xl\:focus\:via-Success16:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--success16, #5bb14d40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-blue-500:focus { - --tw-text-opacity: 1; - color: rgba(59, 130, 246, var(--tw-text-opacity)); + .xl\:focus\:via-Notification16:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification16, #3959ff40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-blue-600:focus { - --tw-text-opacity: 1; - color: rgba(37, 99, 235, var(--tw-text-opacity)); + .xl\:focus\:via-Error8:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--error8, #f03d3e1a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-blue-700:focus { - --tw-text-opacity: 1; - color: rgba(29, 78, 216, var(--tw-text-opacity)); + .xl\:focus\:via-Notification8:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification8, #3959ff1a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-blue-800:focus { - --tw-text-opacity: 1; - color: rgba(30, 64, 175, var(--tw-text-opacity)); + .xl\:focus\:via-Success8:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--success8, #5bb14d1a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-blue-900:focus { - --tw-text-opacity: 1; - color: rgba(30, 58, 138, var(--tw-text-opacity)); + .xl\:focus\:via-Light\ -\ Overlay:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-overlay, #f0edee66), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-indigo-50:focus { - --tw-text-opacity: 1; - color: rgba(238, 242, 255, var(--tw-text-opacity)); + .xl\:focus\:via-Dark-\ Overlay:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--dark-overlay, #7f7e7f66), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-indigo-100:focus { - --tw-text-opacity: 1; - color: rgba(224, 231, 255, var(--tw-text-opacity)); + .xl\:focus\:via-black-40:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-40, #00000066), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-indigo-200:focus { - --tw-text-opacity: 1; - color: rgba(199, 210, 254, var(--tw-text-opacity)); + .xl\:focus\:via-black-75:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-75, #000000bf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-indigo-300:focus { - --tw-text-opacity: 1; - color: rgba(165, 180, 252, var(--tw-text-opacity)); + .xl\:focus\:via-black-60:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-60, #00000099), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-indigo-400:focus { - --tw-text-opacity: 1; - color: rgba(129, 140, 248, var(--tw-text-opacity)); + .xl\:focus\:via-black-50:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-50, #00000080), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-indigo-500:focus { - --tw-text-opacity: 1; - color: rgba(99, 102, 241, var(--tw-text-opacity)); + .xl\:focus\:via-black-25:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-25, #00000040), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-indigo-600:focus { - --tw-text-opacity: 1; - color: rgba(79, 70, 229, var(--tw-text-opacity)); + .xl\:focus\:via-black-10:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-10, #0000001a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-indigo-700:focus { - --tw-text-opacity: 1; - color: rgba(67, 56, 202, var(--tw-text-opacity)); + .xl\:focus\:via-white-25:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--white-25, #ffffff40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-indigo-800:focus { - --tw-text-opacity: 1; - color: rgba(55, 48, 163, var(--tw-text-opacity)); + .xl\:focus\:via-white-60:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--white-60, #ffffff99), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-indigo-900:focus { - --tw-text-opacity: 1; - color: rgba(49, 46, 129, var(--tw-text-opacity)); + .xl\:focus\:via-black-64:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-64, #000000a3), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-purple-50:focus { - --tw-text-opacity: 1; - color: rgba(245, 243, 255, var(--tw-text-opacity)); + .xl\:focus\:via-Shadow\ and\ Highlight-Shadow:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow, #7f7e7f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-purple-100:focus { - --tw-text-opacity: 1; - color: rgba(237, 233, 254, var(--tw-text-opacity)); + .xl\:focus\:via-Shadow\ and\ Highlight-Highlight:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight, #474747), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-purple-200:focus { - --tw-text-opacity: 1; - color: rgba(221, 214, 254, var(--tw-text-opacity)); + .xl\:focus\:via-Shadow\ and\ Highlight-highlight\ one:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-one, #474747bf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-purple-300:focus { - --tw-text-opacity: 1; - color: rgba(196, 181, 253, var(--tw-text-opacity)); + .xl\:focus\:via-Shadow\ and\ Highlight-highlight\ two:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-two, #47474799), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-purple-400:focus { - --tw-text-opacity: 1; - color: rgba(167, 139, 250, var(--tw-text-opacity)); + .xl\:focus\:via-Shadow\ and\ Highlight-highlight\ three:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-three, #47474766), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-purple-500:focus { - --tw-text-opacity: 1; - color: rgba(139, 92, 246, var(--tw-text-opacity)); + .xl\:focus\:via-Shadow\ and\ Highlight-highlight\ five:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-five, #4747471a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-purple-600:focus { - --tw-text-opacity: 1; - color: rgba(124, 58, 237, var(--tw-text-opacity)); + .xl\:focus\:via-Shadow\ and\ Highlight-shadow\ one:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-one, #7f7e7fbf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-purple-700:focus { - --tw-text-opacity: 1; - color: rgba(109, 40, 217, var(--tw-text-opacity)); + .xl\:focus\:via-Shadow\ and\ Highlight-shadow\ two:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-two, #7f7e7f99), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-purple-800:focus { - --tw-text-opacity: 1; - color: rgba(91, 33, 182, var(--tw-text-opacity)); + .xl\:focus\:via-Shadow\ and\ Highlight-shadow\ three:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-three, #7f7e7f66), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-purple-900:focus { - --tw-text-opacity: 1; - color: rgba(76, 29, 149, var(--tw-text-opacity)); + .xl\:focus\:via-Shadow\ and\ Highlight-shadow\ four:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-four, #7f7e7f40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-pink-50:focus { - --tw-text-opacity: 1; - color: rgba(253, 242, 248, var(--tw-text-opacity)); + .xl\:focus\:via-Shadow\ and\ Highlight-shadow\ five:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-five, #7f7e7f1a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-pink-100:focus { - --tw-text-opacity: 1; - color: rgba(252, 231, 243, var(--tw-text-opacity)); + .xl\:focus\:via-Shadow\ and\ Highlight-highlight\ four:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-four, #47474740), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-pink-200:focus { - --tw-text-opacity: 1; - color: rgba(251, 207, 232, var(--tw-text-opacity)); + .xl\:focus\:via-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--base-layer-styles-base-layer-light-white, #ffffff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-pink-300:focus { - --tw-text-opacity: 1; - color: rgba(249, 168, 212, var(--tw-text-opacity)); + .xl\:focus\:via-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--base-layer-styles-base-layer-light-off-white, #f0edee), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-pink-400:focus { - --tw-text-opacity: 1; - color: rgba(244, 114, 182, var(--tw-text-opacity)); + .xl\:focus\:via-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-pink-500:focus { - --tw-text-opacity: 1; - color: rgba(236, 72, 153, var(--tw-text-opacity)); + .xl\:focus\:via-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--base-layer-styles-base-layer-dark-black, #000000), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-pink-600:focus { - --tw-text-opacity: 1; - color: rgba(219, 39, 119, var(--tw-text-opacity)); + .xl\:focus\:via-Grey-Scale-white:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-white, #ffffff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-pink-700:focus { - --tw-text-opacity: 1; - color: rgba(190, 24, 93, var(--tw-text-opacity)); + .xl\:focus\:via-Grey-Scale-off-white:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-off-white, #f0edee), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-pink-800:focus { - --tw-text-opacity: 1; - color: rgba(157, 23, 77, var(--tw-text-opacity)); + .xl\:focus\:via-Grey\ Scale-grey:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-grey, #7f7e7f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-pink-900:focus { - --tw-text-opacity: 1; - color: rgba(131, 24, 67, var(--tw-text-opacity)); + .xl\:focus\:via-Grey\ Scale-charcoal:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-charcoal, #474747), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-opacity-0 { - --tw-text-opacity: 0; + .xl\:focus\:via-Grey\ Scale-off-black:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-off-black, #1c1c1c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-opacity-5 { - --tw-text-opacity: 0.05; + .xl\:focus\:via-Grey\ Scale-black:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-black, #000000), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-opacity-10 { - --tw-text-opacity: 0.1; + .xl\:focus\:via-Blue-blue:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue, #3a7ca5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-opacity-20 { - --tw-text-opacity: 0.2; + .xl\:focus\:via-Blue-blue-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-100, #75a3c0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-opacity-25 { - --tw-text-opacity: 0.25; + .xl\:focus\:via-Blue-blue-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-200, #9cbed2), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-opacity-30 { - --tw-text-opacity: 0.3; + .xl\:focus\:via-Blue-blue-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-300, #4f7d9a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-opacity-40 { - --tw-text-opacity: 0.4; + .xl\:focus\:via-Blue-blue-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-400, #5c7d92), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-opacity-50 { - --tw-text-opacity: 0.5; + .xl\:focus\:via-Blue-blue-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-500, #347095), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-opacity-60 { - --tw-text-opacity: 0.6; + .xl\:focus\:via-Blue-blue-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-600, #295774), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-opacity-70 { - --tw-text-opacity: 0.7; + .xl\:focus\:via-Blue-blue-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-700, #173242), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-opacity-75 { - --tw-text-opacity: 0.75; + .xl\:focus\:via-LightBlue-lightblue:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue, #81c3d7), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-opacity-80 { - --tw-text-opacity: 0.8; + .xl\:focus\:via-LightBlue-lightblue-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-100, #a7d5e3), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-opacity-90 { - --tw-text-opacity: 0.9; + .xl\:focus\:via-LightBlue-lightblue-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-200, #c0e1eb), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-opacity-95 { - --tw-text-opacity: 0.95; + .xl\:focus\:via-LightBlue-lightblue-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-300, #80aebd), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:text-opacity-100 { - --tw-text-opacity: 1; + .xl\:focus\:via-LightBlue-lightblue-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-400, #80a0ab), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-opacity-0 { - --tw-text-opacity: 0; + .xl\:focus\:via-LightBlue-lightblue-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-500, #74afc1), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-opacity-5 { - --tw-text-opacity: 0.05; + .xl\:focus\:via-LightBlue-lightblue-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-600, #5a8997), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-opacity-10 { - --tw-text-opacity: 0.1; + .xl\:focus\:via-LightBlue-lightblue-650:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-650, #3e5e65), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-opacity-20 { - --tw-text-opacity: 0.2; + .xl\:focus\:via-LightBlue-lightblue-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-700, #344e56), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-opacity-25 { - --tw-text-opacity: 0.25; + .xl\:focus\:via-Orange-orange:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange, #ff7f0e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-opacity-30 { - --tw-text-opacity: 0.3; + .xl\:focus\:via-Orange-orange-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-100, #ffa556), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-opacity-40 { - --tw-text-opacity: 0.4; + .xl\:focus\:via-Orange-orange-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-200, #ffbf86), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-opacity-50 { - --tw-text-opacity: 0.5; + .xl\:focus\:via-Orange-orange-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-300, #d97f30), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-opacity-60 { - --tw-text-opacity: 0.6; + .xl\:focus\:via-Orange-orange-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-400, #bf7e46), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-opacity-70 { - --tw-text-opacity: 0.7; + .xl\:focus\:via-Orange-orange-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-500, #e5720d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-opacity-75 { - --tw-text-opacity: 0.75; + .xl\:focus\:via-Orange-orange-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-600, #b3590a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-opacity-80 { - --tw-text-opacity: 0.8; + .xl\:focus\:via-Orange-orange-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-700, #663306), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-opacity-90 { - --tw-text-opacity: 0.9; + .xl\:focus\:via-Yellow-yellow:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow, #ffab00), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-opacity-95 { - --tw-text-opacity: 0.95; + .xl\:focus\:via-Yellow-yellow-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-100, #ffc44c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .group:hover .lg\:group-hover\:text-opacity-100 { - --tw-text-opacity: 1; + .xl\:focus\:via-Yellow-yellow-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-200, #ffd580), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-opacity-0:focus-within { - --tw-text-opacity: 0; + .xl\:focus\:via-Yellow-yellow-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-300, #d99d26), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-opacity-5:focus-within { - --tw-text-opacity: 0.05; + .xl\:focus\:via-Yellow-yellow-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-400, #bf943f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-opacity-10:focus-within { - --tw-text-opacity: 0.1; + .xl\:focus\:via-Yellow-yellow-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-500, #e59a00), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-opacity-20:focus-within { - --tw-text-opacity: 0.2; + .xl\:focus\:via-Yellow-yellow-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-600, #b37800), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-opacity-25:focus-within { - --tw-text-opacity: 0.25; + .xl\:focus\:via-Yellow-yellow-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-700, #664400), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-opacity-30:focus-within { - --tw-text-opacity: 0.3; + .xl\:focus\:via-Notification-notification:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification, #3959ff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-opacity-40:focus-within { - --tw-text-opacity: 0.4; + .xl\:focus\:via-Notification-notification-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-100, #748bff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-opacity-50:focus-within { - --tw-text-opacity: 0.5; + .xl\:focus\:via-Notification-notification-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-200, #9cacff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-opacity-60:focus-within { - --tw-text-opacity: 0.6; + .xl\:focus\:via-Notification-notification-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-300, #4e64d9), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-opacity-70:focus-within { - --tw-text-opacity: 0.7; + .xl\:focus\:via-Notification-notification-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-400, #5c6cbf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-opacity-75:focus-within { - --tw-text-opacity: 0.75; + .xl\:focus\:via-Notification-notification-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-500, #3350e5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-opacity-80:focus-within { - --tw-text-opacity: 0.8; + .xl\:focus\:via-Notification-notification-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-600, #283eb3), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-opacity-90:focus-within { - --tw-text-opacity: 0.9; + .xl\:focus\:via-Notification-notification-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-700, #172466), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-opacity-95:focus-within { - --tw-text-opacity: 0.95; + .xl\:focus\:via-Success-success\ -700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-700, #24471f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus-within\:text-opacity-100:focus-within { - --tw-text-opacity: 1; + .xl\:focus\:via-Success-success:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success, #5bb14d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-opacity-0:hover { - --tw-text-opacity: 0; + .xl\:focus\:via-Success-success\ -100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-100, #8cc882), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-opacity-5:hover { - --tw-text-opacity: 0.05; + .xl\:focus\:via-Success-success\ -200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-200, #add8a6), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-opacity-10:hover { - --tw-text-opacity: 0.1; + .xl\:focus\:via-Success-success\ -300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-300, #66a25c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-opacity-20:hover { - --tw-text-opacity: 0.2; + .xl\:focus\:via-Success-success\ -400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-400, #6d9766), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-opacity-25:hover { - --tw-text-opacity: 0.25; + .xl\:focus\:via-Success-success\ -500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-500, #529f45), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-opacity-30:hover { - --tw-text-opacity: 0.3; + .xl\:focus\:via-Success-success\ -600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-600, #407c36), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-opacity-40:hover { - --tw-text-opacity: 0.4; + .xl\:focus\:via-Error-error:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error, #f03d3e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-opacity-50:hover { - --tw-text-opacity: 0.5; + .xl\:focus\:via-Error-error-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-100, #f57778), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-opacity-60:hover { - --tw-text-opacity: 0.6; + .xl\:focus\:via-Error-error-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-200, #f89e9e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-opacity-70:hover { - --tw-text-opacity: 0.7; + .xl\:focus\:via-Error-error-250:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-250, #f9c8c8), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-opacity-75:hover { - --tw-text-opacity: 0.75; + .xl\:focus\:via-Error-error-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-300, #ce5151), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-opacity-80:hover { - --tw-text-opacity: 0.8; + .xl\:focus\:via-Error-error-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-400, #b85e5e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-opacity-90:hover { - --tw-text-opacity: 0.9; + .xl\:focus\:via-Error-error-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-500, #d83738), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-opacity-95:hover { - --tw-text-opacity: 0.95; + .xl\:focus\:via-Error-error-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-600, #a82b2b), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-opacity-100:hover { - --tw-text-opacity: 1; + .xl\:focus\:via-Error-error-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-700, #601819), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-opacity-0:focus { - --tw-text-opacity: 0; + .xl\:to-colors-black { + --tw-gradient-to: var(--colors-black, #000000); } - .lg\:focus\:text-opacity-5:focus { - --tw-text-opacity: 0.05; + .xl\:to-colors-white { + --tw-gradient-to: var(--colors-white, #ffffff); } - .lg\:focus\:text-opacity-10:focus { - --tw-text-opacity: 0.1; + .xl\:to-colors-gray-100 { + --tw-gradient-to: var(--colors-gray-100, #f7fafc); } - .lg\:focus\:text-opacity-20:focus { - --tw-text-opacity: 0.2; + .xl\:to-colors-gray-200 { + --tw-gradient-to: var(--colors-gray-200, #edf2f7); } - .lg\:focus\:text-opacity-25:focus { - --tw-text-opacity: 0.25; + .xl\:to-colors-gray-300 { + --tw-gradient-to: var(--colors-gray-300, #e2e8f0); } - .lg\:focus\:text-opacity-30:focus { - --tw-text-opacity: 0.3; + .xl\:to-colors-gray-400 { + --tw-gradient-to: var(--colors-gray-400, #cbd5e0); } - .lg\:focus\:text-opacity-40:focus { - --tw-text-opacity: 0.4; + .xl\:to-colors-gray-500 { + --tw-gradient-to: var(--colors-gray-500, #a0aec0); } - .lg\:focus\:text-opacity-50:focus { - --tw-text-opacity: 0.5; + .xl\:to-colors-gray-600 { + --tw-gradient-to: var(--colors-gray-600, #718096); } - .lg\:focus\:text-opacity-60:focus { - --tw-text-opacity: 0.6; + .xl\:to-colors-gray-700 { + --tw-gradient-to: var(--colors-gray-700, #4a5568); } - .lg\:focus\:text-opacity-70:focus { - --tw-text-opacity: 0.7; + .xl\:to-colors-gray-800 { + --tw-gradient-to: var(--colors-gray-800, #2d3748); } - .lg\:focus\:text-opacity-75:focus { - --tw-text-opacity: 0.75; + .xl\:to-colors-gray-900 { + --tw-gradient-to: var(--colors-gray-900, #1a202c); } - .lg\:focus\:text-opacity-80:focus { - --tw-text-opacity: 0.8; + .xl\:to-colors-red-100 { + --tw-gradient-to: var(--colors-red-100, #fff5f5); } - .lg\:focus\:text-opacity-90:focus { - --tw-text-opacity: 0.9; + .xl\:to-colors-red-200 { + --tw-gradient-to: var(--colors-red-200, #fed7d7); } - .lg\:focus\:text-opacity-95:focus { - --tw-text-opacity: 0.95; + .xl\:to-colors-red-300 { + --tw-gradient-to: var(--colors-red-300, #feb2b2); } - .lg\:focus\:text-opacity-100:focus { - --tw-text-opacity: 1; + .xl\:to-colors-red-400 { + --tw-gradient-to: var(--colors-red-400, #fc8181); } - .lg\:underline { - text-decoration: underline; + .xl\:to-colors-red-500 { + --tw-gradient-to: var(--colors-red-500, #f56565); } - .lg\:line-through { - text-decoration: line-through; + .xl\:to-colors-red-600 { + --tw-gradient-to: var(--colors-red-600, #e53e3e); } - .lg\:no-underline { - text-decoration: none; + .xl\:to-colors-red-700 { + --tw-gradient-to: var(--colors-red-700, #c53030); } - .group:hover .lg\:group-hover\:underline { - text-decoration: underline; + .xl\:to-colors-red-800 { + --tw-gradient-to: var(--colors-red-800, #9b2c2c); } - .group:hover .lg\:group-hover\:line-through { - text-decoration: line-through; + .xl\:to-colors-red-900 { + --tw-gradient-to: var(--colors-red-900, #742a2a); } - .group:hover .lg\:group-hover\:no-underline { - text-decoration: none; + .xl\:to-colors-orange-100 { + --tw-gradient-to: var(--colors-orange-100, #fffaf0); } - .lg\:focus-within\:underline:focus-within { - text-decoration: underline; + .xl\:to-colors-orange-200 { + --tw-gradient-to: var(--colors-orange-200, #feebc8); } - .lg\:focus-within\:line-through:focus-within { - text-decoration: line-through; + .xl\:to-colors-orange-300 { + --tw-gradient-to: var(--colors-orange-300, #fbd38d); } - .lg\:focus-within\:no-underline:focus-within { - text-decoration: none; + .xl\:to-colors-orange-400 { + --tw-gradient-to: var(--colors-orange-400, #f6ad55); } - .lg\:hover\:underline:hover { - text-decoration: underline; + .xl\:to-colors-orange-500 { + --tw-gradient-to: var(--colors-orange-500, #ed8936); } - .lg\:hover\:line-through:hover { - text-decoration: line-through; + .xl\:to-colors-orange-600 { + --tw-gradient-to: var(--colors-orange-600, #dd6b20); } - .lg\:hover\:no-underline:hover { - text-decoration: none; + .xl\:to-colors-orange-700 { + --tw-gradient-to: var(--colors-orange-700, #c05621); } - .lg\:focus\:underline:focus { - text-decoration: underline; + .xl\:to-colors-orange-800 { + --tw-gradient-to: var(--colors-orange-800, #9c4221); } - .lg\:focus\:line-through:focus { - text-decoration: line-through; + .xl\:to-colors-orange-900 { + --tw-gradient-to: var(--colors-orange-900, #7b341e); } - .lg\:focus\:no-underline:focus { - text-decoration: none; + .xl\:to-colors-yellow-100 { + --tw-gradient-to: var(--colors-yellow-100, #fffff0); } - .lg\:antialiased { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; + .xl\:to-colors-yellow-200 { + --tw-gradient-to: var(--colors-yellow-200, #fefcbf); } - .lg\:subpixel-antialiased { - -webkit-font-smoothing: auto; - -moz-osx-font-smoothing: auto; + .xl\:to-colors-yellow-300 { + --tw-gradient-to: var(--colors-yellow-300, #faf089); } - .lg\:placeholder-transparent::-moz-placeholder { - color: transparent; + .xl\:to-colors-yellow-400 { + --tw-gradient-to: var(--colors-yellow-400, #f6e05e); } - .lg\:placeholder-transparent::placeholder { - color: transparent; + .xl\:to-colors-yellow-500 { + --tw-gradient-to: var(--colors-yellow-500, #ecc94b); } - .lg\:placeholder-current::-moz-placeholder { - color: currentColor; + .xl\:to-colors-yellow-600 { + --tw-gradient-to: var(--colors-yellow-600, #d69e2e); } - .lg\:placeholder-current::placeholder { - color: currentColor; + .xl\:to-colors-yellow-700 { + --tw-gradient-to: var(--colors-yellow-700, #b7791f); } - .lg\:placeholder-black::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(0, 0, 0, var(--tw-placeholder-opacity)); + .xl\:to-colors-yellow-800 { + --tw-gradient-to: var(--colors-yellow-800, #975a16); } - .lg\:placeholder-black::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(0, 0, 0, var(--tw-placeholder-opacity)); + .xl\:to-colors-yellow-900 { + --tw-gradient-to: var(--colors-yellow-900, #744210); } - .lg\:placeholder-white::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(255, 255, 255, var(--tw-placeholder-opacity)); + .xl\:to-colors-green-100 { + --tw-gradient-to: var(--colors-green-100, #f0fff4); } - .lg\:placeholder-white::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(255, 255, 255, var(--tw-placeholder-opacity)); + .xl\:to-colors-green-200 { + --tw-gradient-to: var(--colors-green-200, #c6f6d5); } - .lg\:placeholder-gray-50::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(249, 250, 251, var(--tw-placeholder-opacity)); + .xl\:to-colors-green-300 { + --tw-gradient-to: var(--colors-green-300, #9ae6b4); } - .lg\:placeholder-gray-50::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(249, 250, 251, var(--tw-placeholder-opacity)); + .xl\:to-colors-green-400 { + --tw-gradient-to: var(--colors-green-400, #68d391); } - .lg\:placeholder-gray-100::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(243, 244, 246, var(--tw-placeholder-opacity)); + .xl\:to-colors-green-500 { + --tw-gradient-to: var(--colors-green-500, #48bb78); } - .lg\:placeholder-gray-100::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(243, 244, 246, var(--tw-placeholder-opacity)); + .xl\:to-colors-green-600 { + --tw-gradient-to: var(--colors-green-600, #38a169); } - .lg\:placeholder-gray-200::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(229, 231, 235, var(--tw-placeholder-opacity)); + .xl\:to-colors-green-700 { + --tw-gradient-to: var(--colors-green-700, #2f855a); } - .lg\:placeholder-gray-200::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(229, 231, 235, var(--tw-placeholder-opacity)); + .xl\:to-colors-green-800 { + --tw-gradient-to: var(--colors-green-800, #276749); } - .lg\:placeholder-gray-300::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(209, 213, 219, var(--tw-placeholder-opacity)); + .xl\:to-colors-green-900 { + --tw-gradient-to: var(--colors-green-900, #22543d); } - .lg\:placeholder-gray-300::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(209, 213, 219, var(--tw-placeholder-opacity)); + .xl\:to-colors-teal-100 { + --tw-gradient-to: var(--colors-teal-100, #e6fffa); } - .lg\:placeholder-gray-400::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(156, 163, 175, var(--tw-placeholder-opacity)); + .xl\:to-colors-teal-200 { + --tw-gradient-to: var(--colors-teal-200, #b2f5ea); } - .lg\:placeholder-gray-400::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(156, 163, 175, var(--tw-placeholder-opacity)); + .xl\:to-colors-teal-300 { + --tw-gradient-to: var(--colors-teal-300, #81e6d9); } - .lg\:placeholder-gray-500::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(107, 114, 128, var(--tw-placeholder-opacity)); + .xl\:to-colors-teal-400 { + --tw-gradient-to: var(--colors-teal-400, #4fd1c5); } - .lg\:placeholder-gray-500::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(107, 114, 128, var(--tw-placeholder-opacity)); + .xl\:to-colors-teal-500 { + --tw-gradient-to: var(--colors-teal-500, #38b2ac); } - .lg\:placeholder-gray-600::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(75, 85, 99, var(--tw-placeholder-opacity)); + .xl\:to-colors-teal-600 { + --tw-gradient-to: var(--colors-teal-600, #319795); } - .lg\:placeholder-gray-600::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(75, 85, 99, var(--tw-placeholder-opacity)); + .xl\:to-colors-teal-700 { + --tw-gradient-to: var(--colors-teal-700, #2c7a7b); } - .lg\:placeholder-gray-700::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(55, 65, 81, var(--tw-placeholder-opacity)); + .xl\:to-colors-teal-800 { + --tw-gradient-to: var(--colors-teal-800, #285e61); } - .lg\:placeholder-gray-700::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(55, 65, 81, var(--tw-placeholder-opacity)); + .xl\:to-colors-teal-900 { + --tw-gradient-to: var(--colors-teal-900, #234e52); } - .lg\:placeholder-gray-800::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(31, 41, 55, var(--tw-placeholder-opacity)); + .xl\:to-colors-blue-100 { + --tw-gradient-to: var(--colors-blue-100, #ebf8ff); } - .lg\:placeholder-gray-800::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(31, 41, 55, var(--tw-placeholder-opacity)); + .xl\:to-colors-blue-200 { + --tw-gradient-to: var(--colors-blue-200, #bee3f8); } - .lg\:placeholder-gray-900::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(17, 24, 39, var(--tw-placeholder-opacity)); + .xl\:to-colors-blue-300 { + --tw-gradient-to: var(--colors-blue-300, #90cdf4); } - .lg\:placeholder-gray-900::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(17, 24, 39, var(--tw-placeholder-opacity)); + .xl\:to-colors-blue-400 { + --tw-gradient-to: var(--colors-blue-400, #63b3ed); } - .lg\:placeholder-red-50::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 242, 242, var(--tw-placeholder-opacity)); + .xl\:to-colors-blue-500 { + --tw-gradient-to: var(--colors-blue-500, #4299e1); } - .lg\:placeholder-red-50::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 242, 242, var(--tw-placeholder-opacity)); + .xl\:to-colors-blue-600 { + --tw-gradient-to: var(--colors-blue-600, #3182ce); } - .lg\:placeholder-red-100::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 226, 226, var(--tw-placeholder-opacity)); + .xl\:to-colors-blue-700 { + --tw-gradient-to: var(--colors-blue-700, #2b6cb0); } - .lg\:placeholder-red-100::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 226, 226, var(--tw-placeholder-opacity)); + .xl\:to-colors-blue-800 { + --tw-gradient-to: var(--colors-blue-800, #2c5282); } - .lg\:placeholder-red-200::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 202, 202, var(--tw-placeholder-opacity)); + .xl\:to-colors-blue-900 { + --tw-gradient-to: var(--colors-blue-900, #2a4365); } - .lg\:placeholder-red-200::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 202, 202, var(--tw-placeholder-opacity)); + .xl\:to-colors-indigo-100 { + --tw-gradient-to: var(--colors-indigo-100, #ebf4ff); } - .lg\:placeholder-red-300::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(252, 165, 165, var(--tw-placeholder-opacity)); + .xl\:to-colors-indigo-200 { + --tw-gradient-to: var(--colors-indigo-200, #c3dafe); } - .lg\:placeholder-red-300::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(252, 165, 165, var(--tw-placeholder-opacity)); + .xl\:to-colors-indigo-300 { + --tw-gradient-to: var(--colors-indigo-300, #a3bffa); } - .lg\:placeholder-red-400::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(248, 113, 113, var(--tw-placeholder-opacity)); + .xl\:to-colors-indigo-400 { + --tw-gradient-to: var(--colors-indigo-400, #7f9cf5); } - .lg\:placeholder-red-400::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(248, 113, 113, var(--tw-placeholder-opacity)); + .xl\:to-colors-indigo-500 { + --tw-gradient-to: var(--colors-indigo-500, #667eea); } - .lg\:placeholder-red-500::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(239, 68, 68, var(--tw-placeholder-opacity)); + .xl\:to-colors-indigo-600 { + --tw-gradient-to: var(--colors-indigo-600, #5a67d8); } - .lg\:placeholder-red-500::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(239, 68, 68, var(--tw-placeholder-opacity)); + .xl\:to-colors-indigo-700 { + --tw-gradient-to: var(--colors-indigo-700, #4c51bf); } - .lg\:placeholder-red-600::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(220, 38, 38, var(--tw-placeholder-opacity)); + .xl\:to-colors-indigo-800 { + --tw-gradient-to: var(--colors-indigo-800, #434190); } - .lg\:placeholder-red-600::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(220, 38, 38, var(--tw-placeholder-opacity)); + .xl\:to-colors-indigo-900 { + --tw-gradient-to: var(--colors-indigo-900, #3c366b); } - .lg\:placeholder-red-700::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(185, 28, 28, var(--tw-placeholder-opacity)); + .xl\:to-colors-purple-100 { + --tw-gradient-to: var(--colors-purple-100, #faf5ff); } - .lg\:placeholder-red-700::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(185, 28, 28, var(--tw-placeholder-opacity)); + .xl\:to-colors-purple-200 { + --tw-gradient-to: var(--colors-purple-200, #e9d8fd); } - .lg\:placeholder-red-800::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(153, 27, 27, var(--tw-placeholder-opacity)); + .xl\:to-colors-purple-300 { + --tw-gradient-to: var(--colors-purple-300, #d6bcfa); } - .lg\:placeholder-red-800::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(153, 27, 27, var(--tw-placeholder-opacity)); + .xl\:to-colors-purple-400 { + --tw-gradient-to: var(--colors-purple-400, #b794f4); } - .lg\:placeholder-red-900::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(127, 29, 29, var(--tw-placeholder-opacity)); + .xl\:to-colors-purple-500 { + --tw-gradient-to: var(--colors-purple-500, #9f7aea); } - .lg\:placeholder-red-900::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(127, 29, 29, var(--tw-placeholder-opacity)); + .xl\:to-colors-purple-600 { + --tw-gradient-to: var(--colors-purple-600, #805ad5); } - .lg\:placeholder-yellow-50::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(255, 251, 235, var(--tw-placeholder-opacity)); + .xl\:to-colors-purple-700 { + --tw-gradient-to: var(--colors-purple-700, #6b46c1); } - .lg\:placeholder-yellow-50::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(255, 251, 235, var(--tw-placeholder-opacity)); + .xl\:to-colors-purple-800 { + --tw-gradient-to: var(--colors-purple-800, #553c9a); } - .lg\:placeholder-yellow-100::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 243, 199, var(--tw-placeholder-opacity)); + .xl\:to-colors-purple-900 { + --tw-gradient-to: var(--colors-purple-900, #44337a); } - .lg\:placeholder-yellow-100::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 243, 199, var(--tw-placeholder-opacity)); + .xl\:to-colors-pink-100 { + --tw-gradient-to: var(--colors-pink-100, #fff5f7); } - .lg\:placeholder-yellow-200::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(253, 230, 138, var(--tw-placeholder-opacity)); + .xl\:to-colors-pink-200 { + --tw-gradient-to: var(--colors-pink-200, #fed7e2); } - .lg\:placeholder-yellow-200::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(253, 230, 138, var(--tw-placeholder-opacity)); + .xl\:to-colors-pink-300 { + --tw-gradient-to: var(--colors-pink-300, #fbb6ce); } - .lg\:placeholder-yellow-300::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(252, 211, 77, var(--tw-placeholder-opacity)); + .xl\:to-colors-pink-400 { + --tw-gradient-to: var(--colors-pink-400, #f687b3); } - .lg\:placeholder-yellow-300::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(252, 211, 77, var(--tw-placeholder-opacity)); + .xl\:to-colors-pink-500 { + --tw-gradient-to: var(--colors-pink-500, #ed64a6); } - .lg\:placeholder-yellow-400::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(251, 191, 36, var(--tw-placeholder-opacity)); + .xl\:to-colors-pink-600 { + --tw-gradient-to: var(--colors-pink-600, #d53f8c); } - .lg\:placeholder-yellow-400::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(251, 191, 36, var(--tw-placeholder-opacity)); + .xl\:to-colors-pink-700 { + --tw-gradient-to: var(--colors-pink-700, #b83280); } - .lg\:placeholder-yellow-500::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(245, 158, 11, var(--tw-placeholder-opacity)); + .xl\:to-colors-pink-800 { + --tw-gradient-to: var(--colors-pink-800, #97266d); } - .lg\:placeholder-yellow-500::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(245, 158, 11, var(--tw-placeholder-opacity)); + .xl\:to-colors-pink-900 { + --tw-gradient-to: var(--colors-pink-900, #702459); } - .lg\:placeholder-yellow-600::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(217, 119, 6, var(--tw-placeholder-opacity)); + .xl\:to-Box\ Shadow { + --tw-gradient-to: var(--box-shadow, #7f7e7f); } - .lg\:placeholder-yellow-600::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(217, 119, 6, var(--tw-placeholder-opacity)); + .xl\:to-Error16 { + --tw-gradient-to: var(--error16, #f03d3e40); } - .lg\:placeholder-yellow-700::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(180, 83, 9, var(--tw-placeholder-opacity)); + .xl\:to-Success16 { + --tw-gradient-to: var(--success16, #5bb14d40); } - .lg\:placeholder-yellow-700::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(180, 83, 9, var(--tw-placeholder-opacity)); + .xl\:to-Notification16 { + --tw-gradient-to: var(--notification16, #3959ff40); } - .lg\:placeholder-yellow-800::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(146, 64, 14, var(--tw-placeholder-opacity)); + .xl\:to-Error8 { + --tw-gradient-to: var(--error8, #f03d3e1a); } - .lg\:placeholder-yellow-800::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(146, 64, 14, var(--tw-placeholder-opacity)); + .xl\:to-Notification8 { + --tw-gradient-to: var(--notification8, #3959ff1a); } - .lg\:placeholder-yellow-900::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(120, 53, 15, var(--tw-placeholder-opacity)); + .xl\:to-Success8 { + --tw-gradient-to: var(--success8, #5bb14d1a); } - .lg\:placeholder-yellow-900::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(120, 53, 15, var(--tw-placeholder-opacity)); + .xl\:to-Light\ -\ Overlay { + --tw-gradient-to: var(--light-overlay, #f0edee66); } - .lg\:placeholder-green-50::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(236, 253, 245, var(--tw-placeholder-opacity)); + .xl\:to-Dark-\ Overlay { + --tw-gradient-to: var(--dark-overlay, #7f7e7f66); } - .lg\:placeholder-green-50::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(236, 253, 245, var(--tw-placeholder-opacity)); + .xl\:to-black-40 { + --tw-gradient-to: var(--black-40, #00000066); } - .lg\:placeholder-green-100::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(209, 250, 229, var(--tw-placeholder-opacity)); + .xl\:to-black-75 { + --tw-gradient-to: var(--black-75, #000000bf); } - .lg\:placeholder-green-100::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(209, 250, 229, var(--tw-placeholder-opacity)); + .xl\:to-black-60 { + --tw-gradient-to: var(--black-60, #00000099); } - .lg\:placeholder-green-200::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(167, 243, 208, var(--tw-placeholder-opacity)); + .xl\:to-black-50 { + --tw-gradient-to: var(--black-50, #00000080); } - .lg\:placeholder-green-200::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(167, 243, 208, var(--tw-placeholder-opacity)); + .xl\:to-black-25 { + --tw-gradient-to: var(--black-25, #00000040); } - .lg\:placeholder-green-300::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(110, 231, 183, var(--tw-placeholder-opacity)); + .xl\:to-black-10 { + --tw-gradient-to: var(--black-10, #0000001a); } - .lg\:placeholder-green-300::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(110, 231, 183, var(--tw-placeholder-opacity)); + .xl\:to-white-25 { + --tw-gradient-to: var(--white-25, #ffffff40); } - .lg\:placeholder-green-400::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(52, 211, 153, var(--tw-placeholder-opacity)); + .xl\:to-white-60 { + --tw-gradient-to: var(--white-60, #ffffff99); } - .lg\:placeholder-green-400::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(52, 211, 153, var(--tw-placeholder-opacity)); + .xl\:to-black-64 { + --tw-gradient-to: var(--black-64, #000000a3); } - .lg\:placeholder-green-500::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(16, 185, 129, var(--tw-placeholder-opacity)); + .xl\:to-Shadow\ and\ Highlight-Shadow { + --tw-gradient-to: var(--shadow-and-highlight-shadow, #7f7e7f); } - .lg\:placeholder-green-500::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(16, 185, 129, var(--tw-placeholder-opacity)); + .xl\:to-Shadow\ and\ Highlight-Highlight { + --tw-gradient-to: var(--shadow-and-highlight-highlight, #474747); } - .lg\:placeholder-green-600::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(5, 150, 105, var(--tw-placeholder-opacity)); + .xl\:to-Shadow\ and\ Highlight-highlight\ one { + --tw-gradient-to: var(--shadow-and-highlight-highlight-one, #474747bf); } - .lg\:placeholder-green-600::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(5, 150, 105, var(--tw-placeholder-opacity)); + .xl\:to-Shadow\ and\ Highlight-highlight\ two { + --tw-gradient-to: var(--shadow-and-highlight-highlight-two, #47474799); } - .lg\:placeholder-green-700::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(4, 120, 87, var(--tw-placeholder-opacity)); + .xl\:to-Shadow\ and\ Highlight-highlight\ three { + --tw-gradient-to: var(--shadow-and-highlight-highlight-three, #47474766); } - .lg\:placeholder-green-700::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(4, 120, 87, var(--tw-placeholder-opacity)); + .xl\:to-Shadow\ and\ Highlight-highlight\ five { + --tw-gradient-to: var(--shadow-and-highlight-highlight-five, #4747471a); } - .lg\:placeholder-green-800::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(6, 95, 70, var(--tw-placeholder-opacity)); + .xl\:to-Shadow\ and\ Highlight-shadow\ one { + --tw-gradient-to: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .lg\:placeholder-green-800::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(6, 95, 70, var(--tw-placeholder-opacity)); + .xl\:to-Shadow\ and\ Highlight-shadow\ two { + --tw-gradient-to: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .lg\:placeholder-green-900::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(6, 78, 59, var(--tw-placeholder-opacity)); + .xl\:to-Shadow\ and\ Highlight-shadow\ three { + --tw-gradient-to: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .lg\:placeholder-green-900::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(6, 78, 59, var(--tw-placeholder-opacity)); + .xl\:to-Shadow\ and\ Highlight-shadow\ four { + --tw-gradient-to: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .lg\:placeholder-blue-50::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(239, 246, 255, var(--tw-placeholder-opacity)); + .xl\:to-Shadow\ and\ Highlight-shadow\ five { + --tw-gradient-to: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .lg\:placeholder-blue-50::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(239, 246, 255, var(--tw-placeholder-opacity)); + .xl\:to-Shadow\ and\ Highlight-highlight\ four { + --tw-gradient-to: var(--shadow-and-highlight-highlight-four, #47474740); } - .lg\:placeholder-blue-100::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(219, 234, 254, var(--tw-placeholder-opacity)); + .xl\:to-Base\ Layer\ Styles-Base\ Layer-\ Light-White { + --tw-gradient-to: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .lg\:placeholder-blue-100::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(219, 234, 254, var(--tw-placeholder-opacity)); + .xl\:to-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite { + --tw-gradient-to: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .lg\:placeholder-blue-200::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(191, 219, 254, var(--tw-placeholder-opacity)); + .xl\:to-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack { + --tw-gradient-to: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .lg\:placeholder-blue-200::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(191, 219, 254, var(--tw-placeholder-opacity)); + .xl\:to-Base\ Layer\ Styles-Base\ Layer-Dark-Black { + --tw-gradient-to: var(--base-layer-styles-base-layer-dark-black, #000000); } - .lg\:placeholder-blue-300::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(147, 197, 253, var(--tw-placeholder-opacity)); + .xl\:to-Grey-Scale-white { + --tw-gradient-to: var(--grey-scale-white, #ffffff); } - .lg\:placeholder-blue-300::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(147, 197, 253, var(--tw-placeholder-opacity)); + .xl\:to-Grey-Scale-off-white { + --tw-gradient-to: var(--grey-scale-off-white, #f0edee); } - .lg\:placeholder-blue-400::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(96, 165, 250, var(--tw-placeholder-opacity)); + .xl\:to-Grey\ Scale-grey { + --tw-gradient-to: var(--grey-scale-grey, #7f7e7f); } - .lg\:placeholder-blue-400::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(96, 165, 250, var(--tw-placeholder-opacity)); + .xl\:to-Grey\ Scale-charcoal { + --tw-gradient-to: var(--grey-scale-charcoal, #474747); } - .lg\:placeholder-blue-500::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(59, 130, 246, var(--tw-placeholder-opacity)); + .xl\:to-Grey\ Scale-off-black { + --tw-gradient-to: var(--grey-scale-off-black, #1c1c1c); } - .lg\:placeholder-blue-500::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(59, 130, 246, var(--tw-placeholder-opacity)); + .xl\:to-Grey\ Scale-black { + --tw-gradient-to: var(--grey-scale-black, #000000); } - .lg\:placeholder-blue-600::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(37, 99, 235, var(--tw-placeholder-opacity)); + .xl\:to-Blue-blue { + --tw-gradient-to: var(--blue-blue, #3a7ca5); } - .lg\:placeholder-blue-600::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(37, 99, 235, var(--tw-placeholder-opacity)); + .xl\:to-Blue-blue-100 { + --tw-gradient-to: var(--blue-blue-100, #75a3c0); } - .lg\:placeholder-blue-700::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(29, 78, 216, var(--tw-placeholder-opacity)); + .xl\:to-Blue-blue-200 { + --tw-gradient-to: var(--blue-blue-200, #9cbed2); } - .lg\:placeholder-blue-700::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(29, 78, 216, var(--tw-placeholder-opacity)); + .xl\:to-Blue-blue-300 { + --tw-gradient-to: var(--blue-blue-300, #4f7d9a); } - .lg\:placeholder-blue-800::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(30, 64, 175, var(--tw-placeholder-opacity)); + .xl\:to-Blue-blue-400 { + --tw-gradient-to: var(--blue-blue-400, #5c7d92); } - .lg\:placeholder-blue-800::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(30, 64, 175, var(--tw-placeholder-opacity)); + .xl\:to-Blue-blue-500 { + --tw-gradient-to: var(--blue-blue-500, #347095); } - .lg\:placeholder-blue-900::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(30, 58, 138, var(--tw-placeholder-opacity)); + .xl\:to-Blue-blue-600 { + --tw-gradient-to: var(--blue-blue-600, #295774); } - .lg\:placeholder-blue-900::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(30, 58, 138, var(--tw-placeholder-opacity)); + .xl\:to-Blue-blue-700 { + --tw-gradient-to: var(--blue-blue-700, #173242); } - .lg\:placeholder-indigo-50::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(238, 242, 255, var(--tw-placeholder-opacity)); + .xl\:to-LightBlue-lightblue { + --tw-gradient-to: var(--light-blue-lightblue, #81c3d7); } - .lg\:placeholder-indigo-50::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(238, 242, 255, var(--tw-placeholder-opacity)); + .xl\:to-LightBlue-lightblue-100 { + --tw-gradient-to: var(--light-blue-lightblue-100, #a7d5e3); } - .lg\:placeholder-indigo-100::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(224, 231, 255, var(--tw-placeholder-opacity)); + .xl\:to-LightBlue-lightblue-200 { + --tw-gradient-to: var(--light-blue-lightblue-200, #c0e1eb); } - .lg\:placeholder-indigo-100::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(224, 231, 255, var(--tw-placeholder-opacity)); + .xl\:to-LightBlue-lightblue-300 { + --tw-gradient-to: var(--light-blue-lightblue-300, #80aebd); } - .lg\:placeholder-indigo-200::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(199, 210, 254, var(--tw-placeholder-opacity)); + .xl\:to-LightBlue-lightblue-400 { + --tw-gradient-to: var(--light-blue-lightblue-400, #80a0ab); } - .lg\:placeholder-indigo-200::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(199, 210, 254, var(--tw-placeholder-opacity)); + .xl\:to-LightBlue-lightblue-500 { + --tw-gradient-to: var(--light-blue-lightblue-500, #74afc1); } - .lg\:placeholder-indigo-300::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(165, 180, 252, var(--tw-placeholder-opacity)); + .xl\:to-LightBlue-lightblue-600 { + --tw-gradient-to: var(--light-blue-lightblue-600, #5a8997); } - .lg\:placeholder-indigo-300::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(165, 180, 252, var(--tw-placeholder-opacity)); + .xl\:to-LightBlue-lightblue-650 { + --tw-gradient-to: var(--light-blue-lightblue-650, #3e5e65); } - .lg\:placeholder-indigo-400::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(129, 140, 248, var(--tw-placeholder-opacity)); + .xl\:to-LightBlue-lightblue-700 { + --tw-gradient-to: var(--light-blue-lightblue-700, #344e56); } - .lg\:placeholder-indigo-400::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(129, 140, 248, var(--tw-placeholder-opacity)); + .xl\:to-Orange-orange { + --tw-gradient-to: var(--orange-orange, #ff7f0e); } - .lg\:placeholder-indigo-500::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(99, 102, 241, var(--tw-placeholder-opacity)); + .xl\:to-Orange-orange-100 { + --tw-gradient-to: var(--orange-orange-100, #ffa556); } - .lg\:placeholder-indigo-500::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(99, 102, 241, var(--tw-placeholder-opacity)); + .xl\:to-Orange-orange-200 { + --tw-gradient-to: var(--orange-orange-200, #ffbf86); } - .lg\:placeholder-indigo-600::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(79, 70, 229, var(--tw-placeholder-opacity)); + .xl\:to-Orange-orange-300 { + --tw-gradient-to: var(--orange-orange-300, #d97f30); } - .lg\:placeholder-indigo-600::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(79, 70, 229, var(--tw-placeholder-opacity)); + .xl\:to-Orange-orange-400 { + --tw-gradient-to: var(--orange-orange-400, #bf7e46); } - .lg\:placeholder-indigo-700::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(67, 56, 202, var(--tw-placeholder-opacity)); + .xl\:to-Orange-orange-500 { + --tw-gradient-to: var(--orange-orange-500, #e5720d); } - .lg\:placeholder-indigo-700::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(67, 56, 202, var(--tw-placeholder-opacity)); + .xl\:to-Orange-orange-600 { + --tw-gradient-to: var(--orange-orange-600, #b3590a); } - .lg\:placeholder-indigo-800::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(55, 48, 163, var(--tw-placeholder-opacity)); + .xl\:to-Orange-orange-700 { + --tw-gradient-to: var(--orange-orange-700, #663306); } - .lg\:placeholder-indigo-800::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(55, 48, 163, var(--tw-placeholder-opacity)); + .xl\:to-Yellow-yellow { + --tw-gradient-to: var(--yellow-yellow, #ffab00); } - .lg\:placeholder-indigo-900::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(49, 46, 129, var(--tw-placeholder-opacity)); + .xl\:to-Yellow-yellow-100 { + --tw-gradient-to: var(--yellow-yellow-100, #ffc44c); } - .lg\:placeholder-indigo-900::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(49, 46, 129, var(--tw-placeholder-opacity)); + .xl\:to-Yellow-yellow-200 { + --tw-gradient-to: var(--yellow-yellow-200, #ffd580); } - .lg\:placeholder-purple-50::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(245, 243, 255, var(--tw-placeholder-opacity)); + .xl\:to-Yellow-yellow-300 { + --tw-gradient-to: var(--yellow-yellow-300, #d99d26); } - .lg\:placeholder-purple-50::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(245, 243, 255, var(--tw-placeholder-opacity)); + .xl\:to-Yellow-yellow-400 { + --tw-gradient-to: var(--yellow-yellow-400, #bf943f); } - .lg\:placeholder-purple-100::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(237, 233, 254, var(--tw-placeholder-opacity)); + .xl\:to-Yellow-yellow-500 { + --tw-gradient-to: var(--yellow-yellow-500, #e59a00); } - .lg\:placeholder-purple-100::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(237, 233, 254, var(--tw-placeholder-opacity)); + .xl\:to-Yellow-yellow-600 { + --tw-gradient-to: var(--yellow-yellow-600, #b37800); } - .lg\:placeholder-purple-200::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(221, 214, 254, var(--tw-placeholder-opacity)); + .xl\:to-Yellow-yellow-700 { + --tw-gradient-to: var(--yellow-yellow-700, #664400); } - .lg\:placeholder-purple-200::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(221, 214, 254, var(--tw-placeholder-opacity)); + .xl\:to-Notification-notification { + --tw-gradient-to: var(--notification-notification, #3959ff); } - .lg\:placeholder-purple-300::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(196, 181, 253, var(--tw-placeholder-opacity)); + .xl\:to-Notification-notification-100 { + --tw-gradient-to: var(--notification-notification-100, #748bff); } - .lg\:placeholder-purple-300::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(196, 181, 253, var(--tw-placeholder-opacity)); + .xl\:to-Notification-notification-200 { + --tw-gradient-to: var(--notification-notification-200, #9cacff); } - .lg\:placeholder-purple-400::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(167, 139, 250, var(--tw-placeholder-opacity)); + .xl\:to-Notification-notification-300 { + --tw-gradient-to: var(--notification-notification-300, #4e64d9); } - .lg\:placeholder-purple-400::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(167, 139, 250, var(--tw-placeholder-opacity)); + .xl\:to-Notification-notification-400 { + --tw-gradient-to: var(--notification-notification-400, #5c6cbf); } - .lg\:placeholder-purple-500::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(139, 92, 246, var(--tw-placeholder-opacity)); + .xl\:to-Notification-notification-500 { + --tw-gradient-to: var(--notification-notification-500, #3350e5); } - .lg\:placeholder-purple-500::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(139, 92, 246, var(--tw-placeholder-opacity)); + .xl\:to-Notification-notification-600 { + --tw-gradient-to: var(--notification-notification-600, #283eb3); } - .lg\:placeholder-purple-600::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(124, 58, 237, var(--tw-placeholder-opacity)); + .xl\:to-Notification-notification-700 { + --tw-gradient-to: var(--notification-notification-700, #172466); } - .lg\:placeholder-purple-600::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(124, 58, 237, var(--tw-placeholder-opacity)); + .xl\:to-Success-success\ -700 { + --tw-gradient-to: var(--success-success-700, #24471f); } - .lg\:placeholder-purple-700::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(109, 40, 217, var(--tw-placeholder-opacity)); + .xl\:to-Success-success { + --tw-gradient-to: var(--success-success, #5bb14d); } - .lg\:placeholder-purple-700::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(109, 40, 217, var(--tw-placeholder-opacity)); + .xl\:to-Success-success\ -100 { + --tw-gradient-to: var(--success-success-100, #8cc882); } - .lg\:placeholder-purple-800::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(91, 33, 182, var(--tw-placeholder-opacity)); + .xl\:to-Success-success\ -200 { + --tw-gradient-to: var(--success-success-200, #add8a6); } - .lg\:placeholder-purple-800::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(91, 33, 182, var(--tw-placeholder-opacity)); + .xl\:to-Success-success\ -300 { + --tw-gradient-to: var(--success-success-300, #66a25c); } - .lg\:placeholder-purple-900::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(76, 29, 149, var(--tw-placeholder-opacity)); + .xl\:to-Success-success\ -400 { + --tw-gradient-to: var(--success-success-400, #6d9766); } - .lg\:placeholder-purple-900::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(76, 29, 149, var(--tw-placeholder-opacity)); + .xl\:to-Success-success\ -500 { + --tw-gradient-to: var(--success-success-500, #529f45); } - .lg\:placeholder-pink-50::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(253, 242, 248, var(--tw-placeholder-opacity)); + .xl\:to-Success-success\ -600 { + --tw-gradient-to: var(--success-success-600, #407c36); } - .lg\:placeholder-pink-50::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(253, 242, 248, var(--tw-placeholder-opacity)); + .xl\:to-Error-error { + --tw-gradient-to: var(--error-error, #f03d3e); } - .lg\:placeholder-pink-100::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(252, 231, 243, var(--tw-placeholder-opacity)); + .xl\:to-Error-error-100 { + --tw-gradient-to: var(--error-error-100, #f57778); } - .lg\:placeholder-pink-100::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(252, 231, 243, var(--tw-placeholder-opacity)); + .xl\:to-Error-error-200 { + --tw-gradient-to: var(--error-error-200, #f89e9e); } - .lg\:placeholder-pink-200::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(251, 207, 232, var(--tw-placeholder-opacity)); + .xl\:to-Error-error-250 { + --tw-gradient-to: var(--error-error-250, #f9c8c8); } - .lg\:placeholder-pink-200::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(251, 207, 232, var(--tw-placeholder-opacity)); + .xl\:to-Error-error-300 { + --tw-gradient-to: var(--error-error-300, #ce5151); } - .lg\:placeholder-pink-300::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(249, 168, 212, var(--tw-placeholder-opacity)); + .xl\:to-Error-error-400 { + --tw-gradient-to: var(--error-error-400, #b85e5e); } - .lg\:placeholder-pink-300::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(249, 168, 212, var(--tw-placeholder-opacity)); + .xl\:to-Error-error-500 { + --tw-gradient-to: var(--error-error-500, #d83738); } - .lg\:placeholder-pink-400::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(244, 114, 182, var(--tw-placeholder-opacity)); + .xl\:to-Error-error-600 { + --tw-gradient-to: var(--error-error-600, #a82b2b); } - .lg\:placeholder-pink-400::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(244, 114, 182, var(--tw-placeholder-opacity)); + .xl\:to-Error-error-700 { + --tw-gradient-to: var(--error-error-700, #601819); } - .lg\:placeholder-pink-500::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(236, 72, 153, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-black:hover { + --tw-gradient-to: var(--colors-black, #000000); } - .lg\:placeholder-pink-500::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(236, 72, 153, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-white:hover { + --tw-gradient-to: var(--colors-white, #ffffff); } - .lg\:placeholder-pink-600::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(219, 39, 119, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-gray-100:hover { + --tw-gradient-to: var(--colors-gray-100, #f7fafc); } - .lg\:placeholder-pink-600::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(219, 39, 119, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-gray-200:hover { + --tw-gradient-to: var(--colors-gray-200, #edf2f7); } - .lg\:placeholder-pink-700::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(190, 24, 93, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-gray-300:hover { + --tw-gradient-to: var(--colors-gray-300, #e2e8f0); } - .lg\:placeholder-pink-700::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(190, 24, 93, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-gray-400:hover { + --tw-gradient-to: var(--colors-gray-400, #cbd5e0); } - .lg\:placeholder-pink-800::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(157, 23, 77, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-gray-500:hover { + --tw-gradient-to: var(--colors-gray-500, #a0aec0); } - .lg\:placeholder-pink-800::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(157, 23, 77, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-gray-600:hover { + --tw-gradient-to: var(--colors-gray-600, #718096); } - .lg\:placeholder-pink-900::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(131, 24, 67, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-gray-700:hover { + --tw-gradient-to: var(--colors-gray-700, #4a5568); } - .lg\:placeholder-pink-900::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(131, 24, 67, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-gray-800:hover { + --tw-gradient-to: var(--colors-gray-800, #2d3748); } - .lg\:focus\:placeholder-transparent:focus::-moz-placeholder { - color: transparent; + .xl\:hover\:to-colors-gray-900:hover { + --tw-gradient-to: var(--colors-gray-900, #1a202c); } - .lg\:focus\:placeholder-transparent:focus::placeholder { - color: transparent; + .xl\:hover\:to-colors-red-100:hover { + --tw-gradient-to: var(--colors-red-100, #fff5f5); } - .lg\:focus\:placeholder-current:focus::-moz-placeholder { - color: currentColor; + .xl\:hover\:to-colors-red-200:hover { + --tw-gradient-to: var(--colors-red-200, #fed7d7); } - .lg\:focus\:placeholder-current:focus::placeholder { - color: currentColor; + .xl\:hover\:to-colors-red-300:hover { + --tw-gradient-to: var(--colors-red-300, #feb2b2); } - .lg\:focus\:placeholder-black:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(0, 0, 0, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-red-400:hover { + --tw-gradient-to: var(--colors-red-400, #fc8181); } - .lg\:focus\:placeholder-black:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(0, 0, 0, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-red-500:hover { + --tw-gradient-to: var(--colors-red-500, #f56565); } - .lg\:focus\:placeholder-white:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(255, 255, 255, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-red-600:hover { + --tw-gradient-to: var(--colors-red-600, #e53e3e); } - .lg\:focus\:placeholder-white:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(255, 255, 255, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-red-700:hover { + --tw-gradient-to: var(--colors-red-700, #c53030); } - .lg\:focus\:placeholder-gray-50:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(249, 250, 251, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-red-800:hover { + --tw-gradient-to: var(--colors-red-800, #9b2c2c); } - .lg\:focus\:placeholder-gray-50:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(249, 250, 251, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-red-900:hover { + --tw-gradient-to: var(--colors-red-900, #742a2a); } - .lg\:focus\:placeholder-gray-100:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(243, 244, 246, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-orange-100:hover { + --tw-gradient-to: var(--colors-orange-100, #fffaf0); } - .lg\:focus\:placeholder-gray-100:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(243, 244, 246, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-orange-200:hover { + --tw-gradient-to: var(--colors-orange-200, #feebc8); } - .lg\:focus\:placeholder-gray-200:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(229, 231, 235, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-orange-300:hover { + --tw-gradient-to: var(--colors-orange-300, #fbd38d); } - .lg\:focus\:placeholder-gray-200:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(229, 231, 235, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-orange-400:hover { + --tw-gradient-to: var(--colors-orange-400, #f6ad55); } - .lg\:focus\:placeholder-gray-300:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(209, 213, 219, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-orange-500:hover { + --tw-gradient-to: var(--colors-orange-500, #ed8936); } - .lg\:focus\:placeholder-gray-300:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(209, 213, 219, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-orange-600:hover { + --tw-gradient-to: var(--colors-orange-600, #dd6b20); } - .lg\:focus\:placeholder-gray-400:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(156, 163, 175, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-orange-700:hover { + --tw-gradient-to: var(--colors-orange-700, #c05621); } - .lg\:focus\:placeholder-gray-400:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(156, 163, 175, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-orange-800:hover { + --tw-gradient-to: var(--colors-orange-800, #9c4221); } - .lg\:focus\:placeholder-gray-500:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(107, 114, 128, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-orange-900:hover { + --tw-gradient-to: var(--colors-orange-900, #7b341e); } - .lg\:focus\:placeholder-gray-500:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(107, 114, 128, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-yellow-100:hover { + --tw-gradient-to: var(--colors-yellow-100, #fffff0); } - .lg\:focus\:placeholder-gray-600:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(75, 85, 99, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-yellow-200:hover { + --tw-gradient-to: var(--colors-yellow-200, #fefcbf); } - .lg\:focus\:placeholder-gray-600:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(75, 85, 99, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-yellow-300:hover { + --tw-gradient-to: var(--colors-yellow-300, #faf089); } - .lg\:focus\:placeholder-gray-700:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(55, 65, 81, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-yellow-400:hover { + --tw-gradient-to: var(--colors-yellow-400, #f6e05e); } - .lg\:focus\:placeholder-gray-700:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(55, 65, 81, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-yellow-500:hover { + --tw-gradient-to: var(--colors-yellow-500, #ecc94b); } - .lg\:focus\:placeholder-gray-800:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(31, 41, 55, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-yellow-600:hover { + --tw-gradient-to: var(--colors-yellow-600, #d69e2e); } - .lg\:focus\:placeholder-gray-800:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(31, 41, 55, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-yellow-700:hover { + --tw-gradient-to: var(--colors-yellow-700, #b7791f); } - .lg\:focus\:placeholder-gray-900:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(17, 24, 39, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-yellow-800:hover { + --tw-gradient-to: var(--colors-yellow-800, #975a16); } - .lg\:focus\:placeholder-gray-900:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(17, 24, 39, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-yellow-900:hover { + --tw-gradient-to: var(--colors-yellow-900, #744210); } - .lg\:focus\:placeholder-red-50:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 242, 242, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-green-100:hover { + --tw-gradient-to: var(--colors-green-100, #f0fff4); } - .lg\:focus\:placeholder-red-50:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 242, 242, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-green-200:hover { + --tw-gradient-to: var(--colors-green-200, #c6f6d5); } - .lg\:focus\:placeholder-red-100:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 226, 226, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-green-300:hover { + --tw-gradient-to: var(--colors-green-300, #9ae6b4); } - .lg\:focus\:placeholder-red-100:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 226, 226, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-green-400:hover { + --tw-gradient-to: var(--colors-green-400, #68d391); } - .lg\:focus\:placeholder-red-200:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 202, 202, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-green-500:hover { + --tw-gradient-to: var(--colors-green-500, #48bb78); } - .lg\:focus\:placeholder-red-200:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 202, 202, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-green-600:hover { + --tw-gradient-to: var(--colors-green-600, #38a169); } - .lg\:focus\:placeholder-red-300:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(252, 165, 165, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-green-700:hover { + --tw-gradient-to: var(--colors-green-700, #2f855a); } - .lg\:focus\:placeholder-red-300:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(252, 165, 165, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-green-800:hover { + --tw-gradient-to: var(--colors-green-800, #276749); } - .lg\:focus\:placeholder-red-400:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(248, 113, 113, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-green-900:hover { + --tw-gradient-to: var(--colors-green-900, #22543d); } - .lg\:focus\:placeholder-red-400:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(248, 113, 113, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-teal-100:hover { + --tw-gradient-to: var(--colors-teal-100, #e6fffa); } - .lg\:focus\:placeholder-red-500:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(239, 68, 68, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-teal-200:hover { + --tw-gradient-to: var(--colors-teal-200, #b2f5ea); } - .lg\:focus\:placeholder-red-500:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(239, 68, 68, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-teal-300:hover { + --tw-gradient-to: var(--colors-teal-300, #81e6d9); } - .lg\:focus\:placeholder-red-600:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(220, 38, 38, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-teal-400:hover { + --tw-gradient-to: var(--colors-teal-400, #4fd1c5); } - .lg\:focus\:placeholder-red-600:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(220, 38, 38, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-teal-500:hover { + --tw-gradient-to: var(--colors-teal-500, #38b2ac); } - .lg\:focus\:placeholder-red-700:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(185, 28, 28, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-teal-600:hover { + --tw-gradient-to: var(--colors-teal-600, #319795); } - .lg\:focus\:placeholder-red-700:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(185, 28, 28, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-teal-700:hover { + --tw-gradient-to: var(--colors-teal-700, #2c7a7b); } - .lg\:focus\:placeholder-red-800:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(153, 27, 27, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-teal-800:hover { + --tw-gradient-to: var(--colors-teal-800, #285e61); } - .lg\:focus\:placeholder-red-800:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(153, 27, 27, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-teal-900:hover { + --tw-gradient-to: var(--colors-teal-900, #234e52); } - .lg\:focus\:placeholder-red-900:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(127, 29, 29, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-blue-100:hover { + --tw-gradient-to: var(--colors-blue-100, #ebf8ff); } - .lg\:focus\:placeholder-red-900:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(127, 29, 29, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-blue-200:hover { + --tw-gradient-to: var(--colors-blue-200, #bee3f8); } - .lg\:focus\:placeholder-yellow-50:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(255, 251, 235, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-blue-300:hover { + --tw-gradient-to: var(--colors-blue-300, #90cdf4); } - .lg\:focus\:placeholder-yellow-50:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(255, 251, 235, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-blue-400:hover { + --tw-gradient-to: var(--colors-blue-400, #63b3ed); } - .lg\:focus\:placeholder-yellow-100:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 243, 199, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-blue-500:hover { + --tw-gradient-to: var(--colors-blue-500, #4299e1); } - .lg\:focus\:placeholder-yellow-100:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 243, 199, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-blue-600:hover { + --tw-gradient-to: var(--colors-blue-600, #3182ce); } - .lg\:focus\:placeholder-yellow-200:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(253, 230, 138, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-blue-700:hover { + --tw-gradient-to: var(--colors-blue-700, #2b6cb0); } - .lg\:focus\:placeholder-yellow-200:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(253, 230, 138, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-blue-800:hover { + --tw-gradient-to: var(--colors-blue-800, #2c5282); } - .lg\:focus\:placeholder-yellow-300:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(252, 211, 77, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-blue-900:hover { + --tw-gradient-to: var(--colors-blue-900, #2a4365); } - .lg\:focus\:placeholder-yellow-300:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(252, 211, 77, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-indigo-100:hover { + --tw-gradient-to: var(--colors-indigo-100, #ebf4ff); } - .lg\:focus\:placeholder-yellow-400:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(251, 191, 36, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-indigo-200:hover { + --tw-gradient-to: var(--colors-indigo-200, #c3dafe); } - .lg\:focus\:placeholder-yellow-400:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(251, 191, 36, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-indigo-300:hover { + --tw-gradient-to: var(--colors-indigo-300, #a3bffa); } - .lg\:focus\:placeholder-yellow-500:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(245, 158, 11, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-indigo-400:hover { + --tw-gradient-to: var(--colors-indigo-400, #7f9cf5); } - .lg\:focus\:placeholder-yellow-500:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(245, 158, 11, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-indigo-500:hover { + --tw-gradient-to: var(--colors-indigo-500, #667eea); } - .lg\:focus\:placeholder-yellow-600:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(217, 119, 6, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-indigo-600:hover { + --tw-gradient-to: var(--colors-indigo-600, #5a67d8); } - .lg\:focus\:placeholder-yellow-600:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(217, 119, 6, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-indigo-700:hover { + --tw-gradient-to: var(--colors-indigo-700, #4c51bf); } - .lg\:focus\:placeholder-yellow-700:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(180, 83, 9, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-indigo-800:hover { + --tw-gradient-to: var(--colors-indigo-800, #434190); } - .lg\:focus\:placeholder-yellow-700:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(180, 83, 9, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-indigo-900:hover { + --tw-gradient-to: var(--colors-indigo-900, #3c366b); } - .lg\:focus\:placeholder-yellow-800:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(146, 64, 14, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-purple-100:hover { + --tw-gradient-to: var(--colors-purple-100, #faf5ff); } - .lg\:focus\:placeholder-yellow-800:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(146, 64, 14, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-purple-200:hover { + --tw-gradient-to: var(--colors-purple-200, #e9d8fd); } - .lg\:focus\:placeholder-yellow-900:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(120, 53, 15, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-purple-300:hover { + --tw-gradient-to: var(--colors-purple-300, #d6bcfa); } - .lg\:focus\:placeholder-yellow-900:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(120, 53, 15, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-purple-400:hover { + --tw-gradient-to: var(--colors-purple-400, #b794f4); } - .lg\:focus\:placeholder-green-50:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(236, 253, 245, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-purple-500:hover { + --tw-gradient-to: var(--colors-purple-500, #9f7aea); } - .lg\:focus\:placeholder-green-50:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(236, 253, 245, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-purple-600:hover { + --tw-gradient-to: var(--colors-purple-600, #805ad5); } - .lg\:focus\:placeholder-green-100:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(209, 250, 229, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-purple-700:hover { + --tw-gradient-to: var(--colors-purple-700, #6b46c1); } - .lg\:focus\:placeholder-green-100:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(209, 250, 229, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-purple-800:hover { + --tw-gradient-to: var(--colors-purple-800, #553c9a); } - .lg\:focus\:placeholder-green-200:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(167, 243, 208, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-purple-900:hover { + --tw-gradient-to: var(--colors-purple-900, #44337a); } - .lg\:focus\:placeholder-green-200:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(167, 243, 208, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-pink-100:hover { + --tw-gradient-to: var(--colors-pink-100, #fff5f7); } - .lg\:focus\:placeholder-green-300:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(110, 231, 183, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-pink-200:hover { + --tw-gradient-to: var(--colors-pink-200, #fed7e2); } - .lg\:focus\:placeholder-green-300:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(110, 231, 183, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-pink-300:hover { + --tw-gradient-to: var(--colors-pink-300, #fbb6ce); } - .lg\:focus\:placeholder-green-400:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(52, 211, 153, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-pink-400:hover { + --tw-gradient-to: var(--colors-pink-400, #f687b3); } - .lg\:focus\:placeholder-green-400:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(52, 211, 153, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-pink-500:hover { + --tw-gradient-to: var(--colors-pink-500, #ed64a6); } - .lg\:focus\:placeholder-green-500:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(16, 185, 129, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-pink-600:hover { + --tw-gradient-to: var(--colors-pink-600, #d53f8c); } - .lg\:focus\:placeholder-green-500:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(16, 185, 129, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-pink-700:hover { + --tw-gradient-to: var(--colors-pink-700, #b83280); } - .lg\:focus\:placeholder-green-600:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(5, 150, 105, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-pink-800:hover { + --tw-gradient-to: var(--colors-pink-800, #97266d); } - .lg\:focus\:placeholder-green-600:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(5, 150, 105, var(--tw-placeholder-opacity)); + .xl\:hover\:to-colors-pink-900:hover { + --tw-gradient-to: var(--colors-pink-900, #702459); } - .lg\:focus\:placeholder-green-700:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(4, 120, 87, var(--tw-placeholder-opacity)); + .xl\:hover\:to-Box\ Shadow:hover { + --tw-gradient-to: var(--box-shadow, #7f7e7f); } - .lg\:focus\:placeholder-green-700:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(4, 120, 87, var(--tw-placeholder-opacity)); + .xl\:hover\:to-Error16:hover { + --tw-gradient-to: var(--error16, #f03d3e40); } - .lg\:focus\:placeholder-green-800:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(6, 95, 70, var(--tw-placeholder-opacity)); + .xl\:hover\:to-Success16:hover { + --tw-gradient-to: var(--success16, #5bb14d40); } - .lg\:focus\:placeholder-green-800:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(6, 95, 70, var(--tw-placeholder-opacity)); + .xl\:hover\:to-Notification16:hover { + --tw-gradient-to: var(--notification16, #3959ff40); } - .lg\:focus\:placeholder-green-900:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(6, 78, 59, var(--tw-placeholder-opacity)); + .xl\:hover\:to-Error8:hover { + --tw-gradient-to: var(--error8, #f03d3e1a); } - .lg\:focus\:placeholder-green-900:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(6, 78, 59, var(--tw-placeholder-opacity)); + .xl\:hover\:to-Notification8:hover { + --tw-gradient-to: var(--notification8, #3959ff1a); } - .lg\:focus\:placeholder-blue-50:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(239, 246, 255, var(--tw-placeholder-opacity)); + .xl\:hover\:to-Success8:hover { + --tw-gradient-to: var(--success8, #5bb14d1a); } - .lg\:focus\:placeholder-blue-50:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(239, 246, 255, var(--tw-placeholder-opacity)); + .xl\:hover\:to-Light\ -\ Overlay:hover { + --tw-gradient-to: var(--light-overlay, #f0edee66); } - .lg\:focus\:placeholder-blue-100:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(219, 234, 254, var(--tw-placeholder-opacity)); + .xl\:hover\:to-Dark-\ Overlay:hover { + --tw-gradient-to: var(--dark-overlay, #7f7e7f66); } - .lg\:focus\:placeholder-blue-100:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(219, 234, 254, var(--tw-placeholder-opacity)); + .xl\:hover\:to-black-40:hover { + --tw-gradient-to: var(--black-40, #00000066); } - .lg\:focus\:placeholder-blue-200:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(191, 219, 254, var(--tw-placeholder-opacity)); + .xl\:hover\:to-black-75:hover { + --tw-gradient-to: var(--black-75, #000000bf); } - .lg\:focus\:placeholder-blue-200:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(191, 219, 254, var(--tw-placeholder-opacity)); + .xl\:hover\:to-black-60:hover { + --tw-gradient-to: var(--black-60, #00000099); } - .lg\:focus\:placeholder-blue-300:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(147, 197, 253, var(--tw-placeholder-opacity)); + .xl\:hover\:to-black-50:hover { + --tw-gradient-to: var(--black-50, #00000080); } - .lg\:focus\:placeholder-blue-300:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(147, 197, 253, var(--tw-placeholder-opacity)); + .xl\:hover\:to-black-25:hover { + --tw-gradient-to: var(--black-25, #00000040); } - .lg\:focus\:placeholder-blue-400:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(96, 165, 250, var(--tw-placeholder-opacity)); + .xl\:hover\:to-black-10:hover { + --tw-gradient-to: var(--black-10, #0000001a); } - .lg\:focus\:placeholder-blue-400:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(96, 165, 250, var(--tw-placeholder-opacity)); + .xl\:hover\:to-white-25:hover { + --tw-gradient-to: var(--white-25, #ffffff40); } - .lg\:focus\:placeholder-blue-500:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(59, 130, 246, var(--tw-placeholder-opacity)); + .xl\:hover\:to-white-60:hover { + --tw-gradient-to: var(--white-60, #ffffff99); } - .lg\:focus\:placeholder-blue-500:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(59, 130, 246, var(--tw-placeholder-opacity)); + .xl\:hover\:to-black-64:hover { + --tw-gradient-to: var(--black-64, #000000a3); } - .lg\:focus\:placeholder-blue-600:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(37, 99, 235, var(--tw-placeholder-opacity)); + .xl\:hover\:to-Shadow\ and\ Highlight-Shadow:hover { + --tw-gradient-to: var(--shadow-and-highlight-shadow, #7f7e7f); } - .lg\:focus\:placeholder-blue-600:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(37, 99, 235, var(--tw-placeholder-opacity)); + .xl\:hover\:to-Shadow\ and\ Highlight-Highlight:hover { + --tw-gradient-to: var(--shadow-and-highlight-highlight, #474747); } - .lg\:focus\:placeholder-blue-700:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(29, 78, 216, var(--tw-placeholder-opacity)); + .xl\:hover\:to-Shadow\ and\ Highlight-highlight\ one:hover { + --tw-gradient-to: var(--shadow-and-highlight-highlight-one, #474747bf); } - .lg\:focus\:placeholder-blue-700:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(29, 78, 216, var(--tw-placeholder-opacity)); + .xl\:hover\:to-Shadow\ and\ Highlight-highlight\ two:hover { + --tw-gradient-to: var(--shadow-and-highlight-highlight-two, #47474799); } - .lg\:focus\:placeholder-blue-800:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(30, 64, 175, var(--tw-placeholder-opacity)); + .xl\:hover\:to-Shadow\ and\ Highlight-highlight\ three:hover { + --tw-gradient-to: var(--shadow-and-highlight-highlight-three, #47474766); } - .lg\:focus\:placeholder-blue-800:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(30, 64, 175, var(--tw-placeholder-opacity)); + .xl\:hover\:to-Shadow\ and\ Highlight-highlight\ five:hover { + --tw-gradient-to: var(--shadow-and-highlight-highlight-five, #4747471a); } - .lg\:focus\:placeholder-blue-900:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(30, 58, 138, var(--tw-placeholder-opacity)); + .xl\:hover\:to-Shadow\ and\ Highlight-shadow\ one:hover { + --tw-gradient-to: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .lg\:focus\:placeholder-blue-900:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(30, 58, 138, var(--tw-placeholder-opacity)); + .xl\:hover\:to-Shadow\ and\ Highlight-shadow\ two:hover { + --tw-gradient-to: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .lg\:focus\:placeholder-indigo-50:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(238, 242, 255, var(--tw-placeholder-opacity)); + .xl\:hover\:to-Shadow\ and\ Highlight-shadow\ three:hover { + --tw-gradient-to: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .lg\:focus\:placeholder-indigo-50:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(238, 242, 255, var(--tw-placeholder-opacity)); + .xl\:hover\:to-Shadow\ and\ Highlight-shadow\ four:hover { + --tw-gradient-to: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .lg\:focus\:placeholder-indigo-100:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(224, 231, 255, var(--tw-placeholder-opacity)); + .xl\:hover\:to-Shadow\ and\ Highlight-shadow\ five:hover { + --tw-gradient-to: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .lg\:focus\:placeholder-indigo-100:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(224, 231, 255, var(--tw-placeholder-opacity)); + .xl\:hover\:to-Shadow\ and\ Highlight-highlight\ four:hover { + --tw-gradient-to: var(--shadow-and-highlight-highlight-four, #47474740); } - .lg\:focus\:placeholder-indigo-200:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(199, 210, 254, var(--tw-placeholder-opacity)); + .xl\:hover\:to-Base\ Layer\ Styles-Base\ Layer-\ Light-White:hover { + --tw-gradient-to: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .lg\:focus\:placeholder-indigo-200:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(199, 210, 254, var(--tw-placeholder-opacity)); + .xl\:hover\:to-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:hover { + --tw-gradient-to: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .lg\:focus\:placeholder-indigo-300:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(165, 180, 252, var(--tw-placeholder-opacity)); + .xl\:hover\:to-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:hover { + --tw-gradient-to: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .lg\:focus\:placeholder-indigo-300:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(165, 180, 252, var(--tw-placeholder-opacity)); + .xl\:hover\:to-Base\ Layer\ Styles-Base\ Layer-Dark-Black:hover { + --tw-gradient-to: var(--base-layer-styles-base-layer-dark-black, #000000); } - .lg\:focus\:placeholder-indigo-400:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(129, 140, 248, var(--tw-placeholder-opacity)); + .xl\:hover\:to-Grey-Scale-white:hover { + --tw-gradient-to: var(--grey-scale-white, #ffffff); } - .lg\:focus\:placeholder-indigo-400:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(129, 140, 248, var(--tw-placeholder-opacity)); + .xl\:hover\:to-Grey-Scale-off-white:hover { + --tw-gradient-to: var(--grey-scale-off-white, #f0edee); } - .lg\:focus\:placeholder-indigo-500:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(99, 102, 241, var(--tw-placeholder-opacity)); + .xl\:hover\:to-Grey\ Scale-grey:hover { + --tw-gradient-to: var(--grey-scale-grey, #7f7e7f); } - .lg\:focus\:placeholder-indigo-500:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(99, 102, 241, var(--tw-placeholder-opacity)); + .xl\:hover\:to-Grey\ Scale-charcoal:hover { + --tw-gradient-to: var(--grey-scale-charcoal, #474747); } - .lg\:focus\:placeholder-indigo-600:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(79, 70, 229, var(--tw-placeholder-opacity)); + .xl\:hover\:to-Grey\ Scale-off-black:hover { + --tw-gradient-to: var(--grey-scale-off-black, #1c1c1c); } - .lg\:focus\:placeholder-indigo-600:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(79, 70, 229, var(--tw-placeholder-opacity)); + .xl\:hover\:to-Grey\ Scale-black:hover { + --tw-gradient-to: var(--grey-scale-black, #000000); } - .lg\:focus\:placeholder-indigo-700:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(67, 56, 202, var(--tw-placeholder-opacity)); + .xl\:hover\:to-Blue-blue:hover { + --tw-gradient-to: var(--blue-blue, #3a7ca5); } - .lg\:focus\:placeholder-indigo-700:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(67, 56, 202, var(--tw-placeholder-opacity)); + .xl\:hover\:to-Blue-blue-100:hover { + --tw-gradient-to: var(--blue-blue-100, #75a3c0); } - .lg\:focus\:placeholder-indigo-800:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(55, 48, 163, var(--tw-placeholder-opacity)); + .xl\:hover\:to-Blue-blue-200:hover { + --tw-gradient-to: var(--blue-blue-200, #9cbed2); } - .lg\:focus\:placeholder-indigo-800:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(55, 48, 163, var(--tw-placeholder-opacity)); + .xl\:hover\:to-Blue-blue-300:hover { + --tw-gradient-to: var(--blue-blue-300, #4f7d9a); } - .lg\:focus\:placeholder-indigo-900:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(49, 46, 129, var(--tw-placeholder-opacity)); + .xl\:hover\:to-Blue-blue-400:hover { + --tw-gradient-to: var(--blue-blue-400, #5c7d92); } - .lg\:focus\:placeholder-indigo-900:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(49, 46, 129, var(--tw-placeholder-opacity)); + .xl\:hover\:to-Blue-blue-500:hover { + --tw-gradient-to: var(--blue-blue-500, #347095); } - .lg\:focus\:placeholder-purple-50:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(245, 243, 255, var(--tw-placeholder-opacity)); + .xl\:hover\:to-Blue-blue-600:hover { + --tw-gradient-to: var(--blue-blue-600, #295774); } - .lg\:focus\:placeholder-purple-50:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(245, 243, 255, var(--tw-placeholder-opacity)); + .xl\:hover\:to-Blue-blue-700:hover { + --tw-gradient-to: var(--blue-blue-700, #173242); } - .lg\:focus\:placeholder-purple-100:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(237, 233, 254, var(--tw-placeholder-opacity)); + .xl\:hover\:to-LightBlue-lightblue:hover { + --tw-gradient-to: var(--light-blue-lightblue, #81c3d7); } - .lg\:focus\:placeholder-purple-100:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(237, 233, 254, var(--tw-placeholder-opacity)); + .xl\:hover\:to-LightBlue-lightblue-100:hover { + --tw-gradient-to: var(--light-blue-lightblue-100, #a7d5e3); } - .lg\:focus\:placeholder-purple-200:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(221, 214, 254, var(--tw-placeholder-opacity)); + .xl\:hover\:to-LightBlue-lightblue-200:hover { + --tw-gradient-to: var(--light-blue-lightblue-200, #c0e1eb); } - .lg\:focus\:placeholder-purple-200:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(221, 214, 254, var(--tw-placeholder-opacity)); + .xl\:hover\:to-LightBlue-lightblue-300:hover { + --tw-gradient-to: var(--light-blue-lightblue-300, #80aebd); } - .lg\:focus\:placeholder-purple-300:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(196, 181, 253, var(--tw-placeholder-opacity)); + .xl\:hover\:to-LightBlue-lightblue-400:hover { + --tw-gradient-to: var(--light-blue-lightblue-400, #80a0ab); } - .lg\:focus\:placeholder-purple-300:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(196, 181, 253, var(--tw-placeholder-opacity)); + .xl\:hover\:to-LightBlue-lightblue-500:hover { + --tw-gradient-to: var(--light-blue-lightblue-500, #74afc1); } - .lg\:focus\:placeholder-purple-400:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(167, 139, 250, var(--tw-placeholder-opacity)); + .xl\:hover\:to-LightBlue-lightblue-600:hover { + --tw-gradient-to: var(--light-blue-lightblue-600, #5a8997); } - .lg\:focus\:placeholder-purple-400:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(167, 139, 250, var(--tw-placeholder-opacity)); + .xl\:hover\:to-LightBlue-lightblue-650:hover { + --tw-gradient-to: var(--light-blue-lightblue-650, #3e5e65); } - .lg\:focus\:placeholder-purple-500:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(139, 92, 246, var(--tw-placeholder-opacity)); + .xl\:hover\:to-LightBlue-lightblue-700:hover { + --tw-gradient-to: var(--light-blue-lightblue-700, #344e56); } - .lg\:focus\:placeholder-purple-500:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(139, 92, 246, var(--tw-placeholder-opacity)); + .xl\:hover\:to-Orange-orange:hover { + --tw-gradient-to: var(--orange-orange, #ff7f0e); } - .lg\:focus\:placeholder-purple-600:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(124, 58, 237, var(--tw-placeholder-opacity)); + .xl\:hover\:to-Orange-orange-100:hover { + --tw-gradient-to: var(--orange-orange-100, #ffa556); } - .lg\:focus\:placeholder-purple-600:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(124, 58, 237, var(--tw-placeholder-opacity)); + .xl\:hover\:to-Orange-orange-200:hover { + --tw-gradient-to: var(--orange-orange-200, #ffbf86); } - .lg\:focus\:placeholder-purple-700:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(109, 40, 217, var(--tw-placeholder-opacity)); + .xl\:hover\:to-Orange-orange-300:hover { + --tw-gradient-to: var(--orange-orange-300, #d97f30); } - .lg\:focus\:placeholder-purple-700:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(109, 40, 217, var(--tw-placeholder-opacity)); + .xl\:hover\:to-Orange-orange-400:hover { + --tw-gradient-to: var(--orange-orange-400, #bf7e46); } - .lg\:focus\:placeholder-purple-800:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(91, 33, 182, var(--tw-placeholder-opacity)); + .xl\:hover\:to-Orange-orange-500:hover { + --tw-gradient-to: var(--orange-orange-500, #e5720d); } - .lg\:focus\:placeholder-purple-800:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(91, 33, 182, var(--tw-placeholder-opacity)); + .xl\:hover\:to-Orange-orange-600:hover { + --tw-gradient-to: var(--orange-orange-600, #b3590a); } - .lg\:focus\:placeholder-purple-900:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(76, 29, 149, var(--tw-placeholder-opacity)); + .xl\:hover\:to-Orange-orange-700:hover { + --tw-gradient-to: var(--orange-orange-700, #663306); } - .lg\:focus\:placeholder-purple-900:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(76, 29, 149, var(--tw-placeholder-opacity)); + .xl\:hover\:to-Yellow-yellow:hover { + --tw-gradient-to: var(--yellow-yellow, #ffab00); } - .lg\:focus\:placeholder-pink-50:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(253, 242, 248, var(--tw-placeholder-opacity)); + .xl\:hover\:to-Yellow-yellow-100:hover { + --tw-gradient-to: var(--yellow-yellow-100, #ffc44c); } - .lg\:focus\:placeholder-pink-50:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(253, 242, 248, var(--tw-placeholder-opacity)); + .xl\:hover\:to-Yellow-yellow-200:hover { + --tw-gradient-to: var(--yellow-yellow-200, #ffd580); } - .lg\:focus\:placeholder-pink-100:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(252, 231, 243, var(--tw-placeholder-opacity)); + .xl\:hover\:to-Yellow-yellow-300:hover { + --tw-gradient-to: var(--yellow-yellow-300, #d99d26); } - .lg\:focus\:placeholder-pink-100:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(252, 231, 243, var(--tw-placeholder-opacity)); + .xl\:hover\:to-Yellow-yellow-400:hover { + --tw-gradient-to: var(--yellow-yellow-400, #bf943f); } - .lg\:focus\:placeholder-pink-200:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(251, 207, 232, var(--tw-placeholder-opacity)); + .xl\:hover\:to-Yellow-yellow-500:hover { + --tw-gradient-to: var(--yellow-yellow-500, #e59a00); } - .lg\:focus\:placeholder-pink-200:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(251, 207, 232, var(--tw-placeholder-opacity)); + .xl\:hover\:to-Yellow-yellow-600:hover { + --tw-gradient-to: var(--yellow-yellow-600, #b37800); } - .lg\:focus\:placeholder-pink-300:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(249, 168, 212, var(--tw-placeholder-opacity)); + .xl\:hover\:to-Yellow-yellow-700:hover { + --tw-gradient-to: var(--yellow-yellow-700, #664400); } - .lg\:focus\:placeholder-pink-300:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(249, 168, 212, var(--tw-placeholder-opacity)); + .xl\:hover\:to-Notification-notification:hover { + --tw-gradient-to: var(--notification-notification, #3959ff); } - .lg\:focus\:placeholder-pink-400:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(244, 114, 182, var(--tw-placeholder-opacity)); + .xl\:hover\:to-Notification-notification-100:hover { + --tw-gradient-to: var(--notification-notification-100, #748bff); } - .lg\:focus\:placeholder-pink-400:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(244, 114, 182, var(--tw-placeholder-opacity)); + .xl\:hover\:to-Notification-notification-200:hover { + --tw-gradient-to: var(--notification-notification-200, #9cacff); } - .lg\:focus\:placeholder-pink-500:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(236, 72, 153, var(--tw-placeholder-opacity)); + .xl\:hover\:to-Notification-notification-300:hover { + --tw-gradient-to: var(--notification-notification-300, #4e64d9); } - .lg\:focus\:placeholder-pink-500:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(236, 72, 153, var(--tw-placeholder-opacity)); + .xl\:hover\:to-Notification-notification-400:hover { + --tw-gradient-to: var(--notification-notification-400, #5c6cbf); } - .lg\:focus\:placeholder-pink-600:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(219, 39, 119, var(--tw-placeholder-opacity)); + .xl\:hover\:to-Notification-notification-500:hover { + --tw-gradient-to: var(--notification-notification-500, #3350e5); } - .lg\:focus\:placeholder-pink-600:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(219, 39, 119, var(--tw-placeholder-opacity)); + .xl\:hover\:to-Notification-notification-600:hover { + --tw-gradient-to: var(--notification-notification-600, #283eb3); } - .lg\:focus\:placeholder-pink-700:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(190, 24, 93, var(--tw-placeholder-opacity)); + .xl\:hover\:to-Notification-notification-700:hover { + --tw-gradient-to: var(--notification-notification-700, #172466); } - .lg\:focus\:placeholder-pink-700:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(190, 24, 93, var(--tw-placeholder-opacity)); + .xl\:hover\:to-Success-success\ -700:hover { + --tw-gradient-to: var(--success-success-700, #24471f); } - .lg\:focus\:placeholder-pink-800:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(157, 23, 77, var(--tw-placeholder-opacity)); + .xl\:hover\:to-Success-success:hover { + --tw-gradient-to: var(--success-success, #5bb14d); } - .lg\:focus\:placeholder-pink-800:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(157, 23, 77, var(--tw-placeholder-opacity)); + .xl\:hover\:to-Success-success\ -100:hover { + --tw-gradient-to: var(--success-success-100, #8cc882); } - .lg\:focus\:placeholder-pink-900:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(131, 24, 67, var(--tw-placeholder-opacity)); + .xl\:hover\:to-Success-success\ -200:hover { + --tw-gradient-to: var(--success-success-200, #add8a6); } - .lg\:focus\:placeholder-pink-900:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(131, 24, 67, var(--tw-placeholder-opacity)); + .xl\:hover\:to-Success-success\ -300:hover { + --tw-gradient-to: var(--success-success-300, #66a25c); } - .lg\:placeholder-opacity-0::-moz-placeholder { - --tw-placeholder-opacity: 0; + .xl\:hover\:to-Success-success\ -400:hover { + --tw-gradient-to: var(--success-success-400, #6d9766); } - .lg\:placeholder-opacity-0::placeholder { - --tw-placeholder-opacity: 0; + .xl\:hover\:to-Success-success\ -500:hover { + --tw-gradient-to: var(--success-success-500, #529f45); } - .lg\:placeholder-opacity-5::-moz-placeholder { - --tw-placeholder-opacity: 0.05; + .xl\:hover\:to-Success-success\ -600:hover { + --tw-gradient-to: var(--success-success-600, #407c36); } - .lg\:placeholder-opacity-5::placeholder { - --tw-placeholder-opacity: 0.05; + .xl\:hover\:to-Error-error:hover { + --tw-gradient-to: var(--error-error, #f03d3e); } - .lg\:placeholder-opacity-10::-moz-placeholder { - --tw-placeholder-opacity: 0.1; + .xl\:hover\:to-Error-error-100:hover { + --tw-gradient-to: var(--error-error-100, #f57778); } - .lg\:placeholder-opacity-10::placeholder { - --tw-placeholder-opacity: 0.1; + .xl\:hover\:to-Error-error-200:hover { + --tw-gradient-to: var(--error-error-200, #f89e9e); } - .lg\:placeholder-opacity-20::-moz-placeholder { - --tw-placeholder-opacity: 0.2; + .xl\:hover\:to-Error-error-250:hover { + --tw-gradient-to: var(--error-error-250, #f9c8c8); } - .lg\:placeholder-opacity-20::placeholder { - --tw-placeholder-opacity: 0.2; + .xl\:hover\:to-Error-error-300:hover { + --tw-gradient-to: var(--error-error-300, #ce5151); } - .lg\:placeholder-opacity-25::-moz-placeholder { - --tw-placeholder-opacity: 0.25; + .xl\:hover\:to-Error-error-400:hover { + --tw-gradient-to: var(--error-error-400, #b85e5e); } - .lg\:placeholder-opacity-25::placeholder { - --tw-placeholder-opacity: 0.25; + .xl\:hover\:to-Error-error-500:hover { + --tw-gradient-to: var(--error-error-500, #d83738); } - .lg\:placeholder-opacity-30::-moz-placeholder { - --tw-placeholder-opacity: 0.3; + .xl\:hover\:to-Error-error-600:hover { + --tw-gradient-to: var(--error-error-600, #a82b2b); } - .lg\:placeholder-opacity-30::placeholder { - --tw-placeholder-opacity: 0.3; + .xl\:hover\:to-Error-error-700:hover { + --tw-gradient-to: var(--error-error-700, #601819); } - .lg\:placeholder-opacity-40::-moz-placeholder { - --tw-placeholder-opacity: 0.4; + .xl\:focus\:to-colors-black:focus { + --tw-gradient-to: var(--colors-black, #000000); } - .lg\:placeholder-opacity-40::placeholder { - --tw-placeholder-opacity: 0.4; + .xl\:focus\:to-colors-white:focus { + --tw-gradient-to: var(--colors-white, #ffffff); } - .lg\:placeholder-opacity-50::-moz-placeholder { - --tw-placeholder-opacity: 0.5; + .xl\:focus\:to-colors-gray-100:focus { + --tw-gradient-to: var(--colors-gray-100, #f7fafc); } - .lg\:placeholder-opacity-50::placeholder { - --tw-placeholder-opacity: 0.5; + .xl\:focus\:to-colors-gray-200:focus { + --tw-gradient-to: var(--colors-gray-200, #edf2f7); } - .lg\:placeholder-opacity-60::-moz-placeholder { - --tw-placeholder-opacity: 0.6; + .xl\:focus\:to-colors-gray-300:focus { + --tw-gradient-to: var(--colors-gray-300, #e2e8f0); } - .lg\:placeholder-opacity-60::placeholder { - --tw-placeholder-opacity: 0.6; + .xl\:focus\:to-colors-gray-400:focus { + --tw-gradient-to: var(--colors-gray-400, #cbd5e0); } - .lg\:placeholder-opacity-70::-moz-placeholder { - --tw-placeholder-opacity: 0.7; + .xl\:focus\:to-colors-gray-500:focus { + --tw-gradient-to: var(--colors-gray-500, #a0aec0); } - .lg\:placeholder-opacity-70::placeholder { - --tw-placeholder-opacity: 0.7; + .xl\:focus\:to-colors-gray-600:focus { + --tw-gradient-to: var(--colors-gray-600, #718096); } - .lg\:placeholder-opacity-75::-moz-placeholder { - --tw-placeholder-opacity: 0.75; + .xl\:focus\:to-colors-gray-700:focus { + --tw-gradient-to: var(--colors-gray-700, #4a5568); } - .lg\:placeholder-opacity-75::placeholder { - --tw-placeholder-opacity: 0.75; + .xl\:focus\:to-colors-gray-800:focus { + --tw-gradient-to: var(--colors-gray-800, #2d3748); } - .lg\:placeholder-opacity-80::-moz-placeholder { - --tw-placeholder-opacity: 0.8; + .xl\:focus\:to-colors-gray-900:focus { + --tw-gradient-to: var(--colors-gray-900, #1a202c); } - .lg\:placeholder-opacity-80::placeholder { - --tw-placeholder-opacity: 0.8; + .xl\:focus\:to-colors-red-100:focus { + --tw-gradient-to: var(--colors-red-100, #fff5f5); } - .lg\:placeholder-opacity-90::-moz-placeholder { - --tw-placeholder-opacity: 0.9; + .xl\:focus\:to-colors-red-200:focus { + --tw-gradient-to: var(--colors-red-200, #fed7d7); } - .lg\:placeholder-opacity-90::placeholder { - --tw-placeholder-opacity: 0.9; + .xl\:focus\:to-colors-red-300:focus { + --tw-gradient-to: var(--colors-red-300, #feb2b2); } - .lg\:placeholder-opacity-95::-moz-placeholder { - --tw-placeholder-opacity: 0.95; + .xl\:focus\:to-colors-red-400:focus { + --tw-gradient-to: var(--colors-red-400, #fc8181); } - .lg\:placeholder-opacity-95::placeholder { - --tw-placeholder-opacity: 0.95; + .xl\:focus\:to-colors-red-500:focus { + --tw-gradient-to: var(--colors-red-500, #f56565); } - .lg\:placeholder-opacity-100::-moz-placeholder { - --tw-placeholder-opacity: 1; + .xl\:focus\:to-colors-red-600:focus { + --tw-gradient-to: var(--colors-red-600, #e53e3e); } - .lg\:placeholder-opacity-100::placeholder { - --tw-placeholder-opacity: 1; + .xl\:focus\:to-colors-red-700:focus { + --tw-gradient-to: var(--colors-red-700, #c53030); } - .lg\:focus\:placeholder-opacity-0:focus::-moz-placeholder { - --tw-placeholder-opacity: 0; + .xl\:focus\:to-colors-red-800:focus { + --tw-gradient-to: var(--colors-red-800, #9b2c2c); } - .lg\:focus\:placeholder-opacity-0:focus::placeholder { - --tw-placeholder-opacity: 0; + .xl\:focus\:to-colors-red-900:focus { + --tw-gradient-to: var(--colors-red-900, #742a2a); } - .lg\:focus\:placeholder-opacity-5:focus::-moz-placeholder { - --tw-placeholder-opacity: 0.05; + .xl\:focus\:to-colors-orange-100:focus { + --tw-gradient-to: var(--colors-orange-100, #fffaf0); } - .lg\:focus\:placeholder-opacity-5:focus::placeholder { - --tw-placeholder-opacity: 0.05; + .xl\:focus\:to-colors-orange-200:focus { + --tw-gradient-to: var(--colors-orange-200, #feebc8); } - .lg\:focus\:placeholder-opacity-10:focus::-moz-placeholder { - --tw-placeholder-opacity: 0.1; + .xl\:focus\:to-colors-orange-300:focus { + --tw-gradient-to: var(--colors-orange-300, #fbd38d); } - .lg\:focus\:placeholder-opacity-10:focus::placeholder { - --tw-placeholder-opacity: 0.1; + .xl\:focus\:to-colors-orange-400:focus { + --tw-gradient-to: var(--colors-orange-400, #f6ad55); } - .lg\:focus\:placeholder-opacity-20:focus::-moz-placeholder { - --tw-placeholder-opacity: 0.2; + .xl\:focus\:to-colors-orange-500:focus { + --tw-gradient-to: var(--colors-orange-500, #ed8936); } - .lg\:focus\:placeholder-opacity-20:focus::placeholder { - --tw-placeholder-opacity: 0.2; + .xl\:focus\:to-colors-orange-600:focus { + --tw-gradient-to: var(--colors-orange-600, #dd6b20); } - .lg\:focus\:placeholder-opacity-25:focus::-moz-placeholder { - --tw-placeholder-opacity: 0.25; + .xl\:focus\:to-colors-orange-700:focus { + --tw-gradient-to: var(--colors-orange-700, #c05621); } - .lg\:focus\:placeholder-opacity-25:focus::placeholder { - --tw-placeholder-opacity: 0.25; + .xl\:focus\:to-colors-orange-800:focus { + --tw-gradient-to: var(--colors-orange-800, #9c4221); } - .lg\:focus\:placeholder-opacity-30:focus::-moz-placeholder { - --tw-placeholder-opacity: 0.3; + .xl\:focus\:to-colors-orange-900:focus { + --tw-gradient-to: var(--colors-orange-900, #7b341e); } - .lg\:focus\:placeholder-opacity-30:focus::placeholder { - --tw-placeholder-opacity: 0.3; + .xl\:focus\:to-colors-yellow-100:focus { + --tw-gradient-to: var(--colors-yellow-100, #fffff0); } - .lg\:focus\:placeholder-opacity-40:focus::-moz-placeholder { - --tw-placeholder-opacity: 0.4; + .xl\:focus\:to-colors-yellow-200:focus { + --tw-gradient-to: var(--colors-yellow-200, #fefcbf); } - .lg\:focus\:placeholder-opacity-40:focus::placeholder { - --tw-placeholder-opacity: 0.4; + .xl\:focus\:to-colors-yellow-300:focus { + --tw-gradient-to: var(--colors-yellow-300, #faf089); } - .lg\:focus\:placeholder-opacity-50:focus::-moz-placeholder { - --tw-placeholder-opacity: 0.5; + .xl\:focus\:to-colors-yellow-400:focus { + --tw-gradient-to: var(--colors-yellow-400, #f6e05e); } - .lg\:focus\:placeholder-opacity-50:focus::placeholder { - --tw-placeholder-opacity: 0.5; + .xl\:focus\:to-colors-yellow-500:focus { + --tw-gradient-to: var(--colors-yellow-500, #ecc94b); } - .lg\:focus\:placeholder-opacity-60:focus::-moz-placeholder { - --tw-placeholder-opacity: 0.6; + .xl\:focus\:to-colors-yellow-600:focus { + --tw-gradient-to: var(--colors-yellow-600, #d69e2e); } - .lg\:focus\:placeholder-opacity-60:focus::placeholder { - --tw-placeholder-opacity: 0.6; + .xl\:focus\:to-colors-yellow-700:focus { + --tw-gradient-to: var(--colors-yellow-700, #b7791f); } - .lg\:focus\:placeholder-opacity-70:focus::-moz-placeholder { - --tw-placeholder-opacity: 0.7; + .xl\:focus\:to-colors-yellow-800:focus { + --tw-gradient-to: var(--colors-yellow-800, #975a16); } - .lg\:focus\:placeholder-opacity-70:focus::placeholder { - --tw-placeholder-opacity: 0.7; + .xl\:focus\:to-colors-yellow-900:focus { + --tw-gradient-to: var(--colors-yellow-900, #744210); } - .lg\:focus\:placeholder-opacity-75:focus::-moz-placeholder { - --tw-placeholder-opacity: 0.75; + .xl\:focus\:to-colors-green-100:focus { + --tw-gradient-to: var(--colors-green-100, #f0fff4); } - .lg\:focus\:placeholder-opacity-75:focus::placeholder { - --tw-placeholder-opacity: 0.75; + .xl\:focus\:to-colors-green-200:focus { + --tw-gradient-to: var(--colors-green-200, #c6f6d5); } - .lg\:focus\:placeholder-opacity-80:focus::-moz-placeholder { - --tw-placeholder-opacity: 0.8; + .xl\:focus\:to-colors-green-300:focus { + --tw-gradient-to: var(--colors-green-300, #9ae6b4); } - .lg\:focus\:placeholder-opacity-80:focus::placeholder { - --tw-placeholder-opacity: 0.8; + .xl\:focus\:to-colors-green-400:focus { + --tw-gradient-to: var(--colors-green-400, #68d391); } - .lg\:focus\:placeholder-opacity-90:focus::-moz-placeholder { - --tw-placeholder-opacity: 0.9; + .xl\:focus\:to-colors-green-500:focus { + --tw-gradient-to: var(--colors-green-500, #48bb78); } - .lg\:focus\:placeholder-opacity-90:focus::placeholder { - --tw-placeholder-opacity: 0.9; + .xl\:focus\:to-colors-green-600:focus { + --tw-gradient-to: var(--colors-green-600, #38a169); } - .lg\:focus\:placeholder-opacity-95:focus::-moz-placeholder { - --tw-placeholder-opacity: 0.95; + .xl\:focus\:to-colors-green-700:focus { + --tw-gradient-to: var(--colors-green-700, #2f855a); } - .lg\:focus\:placeholder-opacity-95:focus::placeholder { - --tw-placeholder-opacity: 0.95; + .xl\:focus\:to-colors-green-800:focus { + --tw-gradient-to: var(--colors-green-800, #276749); } - .lg\:focus\:placeholder-opacity-100:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; + .xl\:focus\:to-colors-green-900:focus { + --tw-gradient-to: var(--colors-green-900, #22543d); } - .lg\:focus\:placeholder-opacity-100:focus::placeholder { - --tw-placeholder-opacity: 1; + .xl\:focus\:to-colors-teal-100:focus { + --tw-gradient-to: var(--colors-teal-100, #e6fffa); } - .lg\:opacity-0 { - opacity: 0; + .xl\:focus\:to-colors-teal-200:focus { + --tw-gradient-to: var(--colors-teal-200, #b2f5ea); } - .lg\:opacity-5 { - opacity: 0.05; + .xl\:focus\:to-colors-teal-300:focus { + --tw-gradient-to: var(--colors-teal-300, #81e6d9); } - .lg\:opacity-10 { - opacity: 0.1; + .xl\:focus\:to-colors-teal-400:focus { + --tw-gradient-to: var(--colors-teal-400, #4fd1c5); } - .lg\:opacity-20 { - opacity: 0.2; + .xl\:focus\:to-colors-teal-500:focus { + --tw-gradient-to: var(--colors-teal-500, #38b2ac); } - .lg\:opacity-25 { - opacity: 0.25; + .xl\:focus\:to-colors-teal-600:focus { + --tw-gradient-to: var(--colors-teal-600, #319795); } - .lg\:opacity-30 { - opacity: 0.3; + .xl\:focus\:to-colors-teal-700:focus { + --tw-gradient-to: var(--colors-teal-700, #2c7a7b); } - .lg\:opacity-40 { - opacity: 0.4; + .xl\:focus\:to-colors-teal-800:focus { + --tw-gradient-to: var(--colors-teal-800, #285e61); } - .lg\:opacity-50 { - opacity: 0.5; + .xl\:focus\:to-colors-teal-900:focus { + --tw-gradient-to: var(--colors-teal-900, #234e52); } - .lg\:opacity-60 { - opacity: 0.6; + .xl\:focus\:to-colors-blue-100:focus { + --tw-gradient-to: var(--colors-blue-100, #ebf8ff); } - .lg\:opacity-70 { - opacity: 0.7; + .xl\:focus\:to-colors-blue-200:focus { + --tw-gradient-to: var(--colors-blue-200, #bee3f8); } - .lg\:opacity-75 { - opacity: 0.75; + .xl\:focus\:to-colors-blue-300:focus { + --tw-gradient-to: var(--colors-blue-300, #90cdf4); } - .lg\:opacity-80 { - opacity: 0.8; + .xl\:focus\:to-colors-blue-400:focus { + --tw-gradient-to: var(--colors-blue-400, #63b3ed); } - .lg\:opacity-90 { - opacity: 0.9; + .xl\:focus\:to-colors-blue-500:focus { + --tw-gradient-to: var(--colors-blue-500, #4299e1); } - .lg\:opacity-95 { - opacity: 0.95; + .xl\:focus\:to-colors-blue-600:focus { + --tw-gradient-to: var(--colors-blue-600, #3182ce); } - .lg\:opacity-100 { - opacity: 1; + .xl\:focus\:to-colors-blue-700:focus { + --tw-gradient-to: var(--colors-blue-700, #2b6cb0); } - .group:hover .lg\:group-hover\:opacity-0 { - opacity: 0; + .xl\:focus\:to-colors-blue-800:focus { + --tw-gradient-to: var(--colors-blue-800, #2c5282); } - .group:hover .lg\:group-hover\:opacity-5 { - opacity: 0.05; + .xl\:focus\:to-colors-blue-900:focus { + --tw-gradient-to: var(--colors-blue-900, #2a4365); } - .group:hover .lg\:group-hover\:opacity-10 { - opacity: 0.1; + .xl\:focus\:to-colors-indigo-100:focus { + --tw-gradient-to: var(--colors-indigo-100, #ebf4ff); } - .group:hover .lg\:group-hover\:opacity-20 { - opacity: 0.2; + .xl\:focus\:to-colors-indigo-200:focus { + --tw-gradient-to: var(--colors-indigo-200, #c3dafe); } - .group:hover .lg\:group-hover\:opacity-25 { - opacity: 0.25; + .xl\:focus\:to-colors-indigo-300:focus { + --tw-gradient-to: var(--colors-indigo-300, #a3bffa); } - .group:hover .lg\:group-hover\:opacity-30 { - opacity: 0.3; + .xl\:focus\:to-colors-indigo-400:focus { + --tw-gradient-to: var(--colors-indigo-400, #7f9cf5); } - .group:hover .lg\:group-hover\:opacity-40 { - opacity: 0.4; + .xl\:focus\:to-colors-indigo-500:focus { + --tw-gradient-to: var(--colors-indigo-500, #667eea); } - .group:hover .lg\:group-hover\:opacity-50 { - opacity: 0.5; + .xl\:focus\:to-colors-indigo-600:focus { + --tw-gradient-to: var(--colors-indigo-600, #5a67d8); } - .group:hover .lg\:group-hover\:opacity-60 { - opacity: 0.6; + .xl\:focus\:to-colors-indigo-700:focus { + --tw-gradient-to: var(--colors-indigo-700, #4c51bf); } - .group:hover .lg\:group-hover\:opacity-70 { - opacity: 0.7; + .xl\:focus\:to-colors-indigo-800:focus { + --tw-gradient-to: var(--colors-indigo-800, #434190); } - .group:hover .lg\:group-hover\:opacity-75 { - opacity: 0.75; + .xl\:focus\:to-colors-indigo-900:focus { + --tw-gradient-to: var(--colors-indigo-900, #3c366b); } - .group:hover .lg\:group-hover\:opacity-80 { - opacity: 0.8; + .xl\:focus\:to-colors-purple-100:focus { + --tw-gradient-to: var(--colors-purple-100, #faf5ff); } - .group:hover .lg\:group-hover\:opacity-90 { - opacity: 0.9; + .xl\:focus\:to-colors-purple-200:focus { + --tw-gradient-to: var(--colors-purple-200, #e9d8fd); } - .group:hover .lg\:group-hover\:opacity-95 { - opacity: 0.95; + .xl\:focus\:to-colors-purple-300:focus { + --tw-gradient-to: var(--colors-purple-300, #d6bcfa); } - .group:hover .lg\:group-hover\:opacity-100 { - opacity: 1; + .xl\:focus\:to-colors-purple-400:focus { + --tw-gradient-to: var(--colors-purple-400, #b794f4); } - .lg\:focus-within\:opacity-0:focus-within { - opacity: 0; + .xl\:focus\:to-colors-purple-500:focus { + --tw-gradient-to: var(--colors-purple-500, #9f7aea); } - .lg\:focus-within\:opacity-5:focus-within { - opacity: 0.05; + .xl\:focus\:to-colors-purple-600:focus { + --tw-gradient-to: var(--colors-purple-600, #805ad5); } - .lg\:focus-within\:opacity-10:focus-within { - opacity: 0.1; + .xl\:focus\:to-colors-purple-700:focus { + --tw-gradient-to: var(--colors-purple-700, #6b46c1); } - .lg\:focus-within\:opacity-20:focus-within { - opacity: 0.2; + .xl\:focus\:to-colors-purple-800:focus { + --tw-gradient-to: var(--colors-purple-800, #553c9a); } - .lg\:focus-within\:opacity-25:focus-within { - opacity: 0.25; + .xl\:focus\:to-colors-purple-900:focus { + --tw-gradient-to: var(--colors-purple-900, #44337a); } - .lg\:focus-within\:opacity-30:focus-within { - opacity: 0.3; + .xl\:focus\:to-colors-pink-100:focus { + --tw-gradient-to: var(--colors-pink-100, #fff5f7); } - .lg\:focus-within\:opacity-40:focus-within { - opacity: 0.4; + .xl\:focus\:to-colors-pink-200:focus { + --tw-gradient-to: var(--colors-pink-200, #fed7e2); } - .lg\:focus-within\:opacity-50:focus-within { - opacity: 0.5; + .xl\:focus\:to-colors-pink-300:focus { + --tw-gradient-to: var(--colors-pink-300, #fbb6ce); } - .lg\:focus-within\:opacity-60:focus-within { - opacity: 0.6; + .xl\:focus\:to-colors-pink-400:focus { + --tw-gradient-to: var(--colors-pink-400, #f687b3); } - .lg\:focus-within\:opacity-70:focus-within { - opacity: 0.7; + .xl\:focus\:to-colors-pink-500:focus { + --tw-gradient-to: var(--colors-pink-500, #ed64a6); } - .lg\:focus-within\:opacity-75:focus-within { - opacity: 0.75; + .xl\:focus\:to-colors-pink-600:focus { + --tw-gradient-to: var(--colors-pink-600, #d53f8c); } - .lg\:focus-within\:opacity-80:focus-within { - opacity: 0.8; + .xl\:focus\:to-colors-pink-700:focus { + --tw-gradient-to: var(--colors-pink-700, #b83280); } - .lg\:focus-within\:opacity-90:focus-within { - opacity: 0.9; + .xl\:focus\:to-colors-pink-800:focus { + --tw-gradient-to: var(--colors-pink-800, #97266d); } - .lg\:focus-within\:opacity-95:focus-within { - opacity: 0.95; + .xl\:focus\:to-colors-pink-900:focus { + --tw-gradient-to: var(--colors-pink-900, #702459); } - .lg\:focus-within\:opacity-100:focus-within { - opacity: 1; + .xl\:focus\:to-Box\ Shadow:focus { + --tw-gradient-to: var(--box-shadow, #7f7e7f); } - .lg\:hover\:opacity-0:hover { - opacity: 0; + .xl\:focus\:to-Error16:focus { + --tw-gradient-to: var(--error16, #f03d3e40); } - .lg\:hover\:opacity-5:hover { - opacity: 0.05; + .xl\:focus\:to-Success16:focus { + --tw-gradient-to: var(--success16, #5bb14d40); } - .lg\:hover\:opacity-10:hover { - opacity: 0.1; + .xl\:focus\:to-Notification16:focus { + --tw-gradient-to: var(--notification16, #3959ff40); } - .lg\:hover\:opacity-20:hover { - opacity: 0.2; + .xl\:focus\:to-Error8:focus { + --tw-gradient-to: var(--error8, #f03d3e1a); } - .lg\:hover\:opacity-25:hover { - opacity: 0.25; + .xl\:focus\:to-Notification8:focus { + --tw-gradient-to: var(--notification8, #3959ff1a); } - .lg\:hover\:opacity-30:hover { - opacity: 0.3; + .xl\:focus\:to-Success8:focus { + --tw-gradient-to: var(--success8, #5bb14d1a); } - .lg\:hover\:opacity-40:hover { - opacity: 0.4; + .xl\:focus\:to-Light\ -\ Overlay:focus { + --tw-gradient-to: var(--light-overlay, #f0edee66); } - .lg\:hover\:opacity-50:hover { - opacity: 0.5; + .xl\:focus\:to-Dark-\ Overlay:focus { + --tw-gradient-to: var(--dark-overlay, #7f7e7f66); } - .lg\:hover\:opacity-60:hover { - opacity: 0.6; + .xl\:focus\:to-black-40:focus { + --tw-gradient-to: var(--black-40, #00000066); } - .lg\:hover\:opacity-70:hover { - opacity: 0.7; + .xl\:focus\:to-black-75:focus { + --tw-gradient-to: var(--black-75, #000000bf); } - .lg\:hover\:opacity-75:hover { - opacity: 0.75; + .xl\:focus\:to-black-60:focus { + --tw-gradient-to: var(--black-60, #00000099); } - .lg\:hover\:opacity-80:hover { - opacity: 0.8; + .xl\:focus\:to-black-50:focus { + --tw-gradient-to: var(--black-50, #00000080); } - .lg\:hover\:opacity-90:hover { - opacity: 0.9; + .xl\:focus\:to-black-25:focus { + --tw-gradient-to: var(--black-25, #00000040); } - .lg\:hover\:opacity-95:hover { - opacity: 0.95; + .xl\:focus\:to-black-10:focus { + --tw-gradient-to: var(--black-10, #0000001a); } - .lg\:hover\:opacity-100:hover { - opacity: 1; + .xl\:focus\:to-white-25:focus { + --tw-gradient-to: var(--white-25, #ffffff40); } - .lg\:focus\:opacity-0:focus { - opacity: 0; + .xl\:focus\:to-white-60:focus { + --tw-gradient-to: var(--white-60, #ffffff99); } - .lg\:focus\:opacity-5:focus { - opacity: 0.05; + .xl\:focus\:to-black-64:focus { + --tw-gradient-to: var(--black-64, #000000a3); } - .lg\:focus\:opacity-10:focus { - opacity: 0.1; + .xl\:focus\:to-Shadow\ and\ Highlight-Shadow:focus { + --tw-gradient-to: var(--shadow-and-highlight-shadow, #7f7e7f); } - .lg\:focus\:opacity-20:focus { - opacity: 0.2; + .xl\:focus\:to-Shadow\ and\ Highlight-Highlight:focus { + --tw-gradient-to: var(--shadow-and-highlight-highlight, #474747); } - .lg\:focus\:opacity-25:focus { - opacity: 0.25; + .xl\:focus\:to-Shadow\ and\ Highlight-highlight\ one:focus { + --tw-gradient-to: var(--shadow-and-highlight-highlight-one, #474747bf); } - .lg\:focus\:opacity-30:focus { - opacity: 0.3; + .xl\:focus\:to-Shadow\ and\ Highlight-highlight\ two:focus { + --tw-gradient-to: var(--shadow-and-highlight-highlight-two, #47474799); } - .lg\:focus\:opacity-40:focus { - opacity: 0.4; + .xl\:focus\:to-Shadow\ and\ Highlight-highlight\ three:focus { + --tw-gradient-to: var(--shadow-and-highlight-highlight-three, #47474766); } - .lg\:focus\:opacity-50:focus { - opacity: 0.5; + .xl\:focus\:to-Shadow\ and\ Highlight-highlight\ five:focus { + --tw-gradient-to: var(--shadow-and-highlight-highlight-five, #4747471a); } - .lg\:focus\:opacity-60:focus { - opacity: 0.6; + .xl\:focus\:to-Shadow\ and\ Highlight-shadow\ one:focus { + --tw-gradient-to: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .lg\:focus\:opacity-70:focus { - opacity: 0.7; + .xl\:focus\:to-Shadow\ and\ Highlight-shadow\ two:focus { + --tw-gradient-to: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .lg\:focus\:opacity-75:focus { - opacity: 0.75; + .xl\:focus\:to-Shadow\ and\ Highlight-shadow\ three:focus { + --tw-gradient-to: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .lg\:focus\:opacity-80:focus { - opacity: 0.8; + .xl\:focus\:to-Shadow\ and\ Highlight-shadow\ four:focus { + --tw-gradient-to: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .lg\:focus\:opacity-90:focus { - opacity: 0.9; + .xl\:focus\:to-Shadow\ and\ Highlight-shadow\ five:focus { + --tw-gradient-to: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .lg\:focus\:opacity-95:focus { - opacity: 0.95; + .xl\:focus\:to-Shadow\ and\ Highlight-highlight\ four:focus { + --tw-gradient-to: var(--shadow-and-highlight-highlight-four, #47474740); } - .lg\:focus\:opacity-100:focus { - opacity: 1; + .xl\:focus\:to-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus { + --tw-gradient-to: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .lg\:bg-blend-normal { - background-blend-mode: normal; + .xl\:focus\:to-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus { + --tw-gradient-to: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .lg\:bg-blend-multiply { - background-blend-mode: multiply; + .xl\:focus\:to-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus { + --tw-gradient-to: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .lg\:bg-blend-screen { - background-blend-mode: screen; + .xl\:focus\:to-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus { + --tw-gradient-to: var(--base-layer-styles-base-layer-dark-black, #000000); } - .lg\:bg-blend-overlay { - background-blend-mode: overlay; + .xl\:focus\:to-Grey-Scale-white:focus { + --tw-gradient-to: var(--grey-scale-white, #ffffff); } - .lg\:bg-blend-darken { - background-blend-mode: darken; + .xl\:focus\:to-Grey-Scale-off-white:focus { + --tw-gradient-to: var(--grey-scale-off-white, #f0edee); } - .lg\:bg-blend-lighten { - background-blend-mode: lighten; + .xl\:focus\:to-Grey\ Scale-grey:focus { + --tw-gradient-to: var(--grey-scale-grey, #7f7e7f); } - .lg\:bg-blend-color-dodge { - background-blend-mode: color-dodge; + .xl\:focus\:to-Grey\ Scale-charcoal:focus { + --tw-gradient-to: var(--grey-scale-charcoal, #474747); } - .lg\:bg-blend-color-burn { - background-blend-mode: color-burn; + .xl\:focus\:to-Grey\ Scale-off-black:focus { + --tw-gradient-to: var(--grey-scale-off-black, #1c1c1c); } - .lg\:bg-blend-hard-light { - background-blend-mode: hard-light; + .xl\:focus\:to-Grey\ Scale-black:focus { + --tw-gradient-to: var(--grey-scale-black, #000000); } - .lg\:bg-blend-soft-light { - background-blend-mode: soft-light; + .xl\:focus\:to-Blue-blue:focus { + --tw-gradient-to: var(--blue-blue, #3a7ca5); } - .lg\:bg-blend-difference { - background-blend-mode: difference; + .xl\:focus\:to-Blue-blue-100:focus { + --tw-gradient-to: var(--blue-blue-100, #75a3c0); } - .lg\:bg-blend-exclusion { - background-blend-mode: exclusion; + .xl\:focus\:to-Blue-blue-200:focus { + --tw-gradient-to: var(--blue-blue-200, #9cbed2); } - .lg\:bg-blend-hue { - background-blend-mode: hue; + .xl\:focus\:to-Blue-blue-300:focus { + --tw-gradient-to: var(--blue-blue-300, #4f7d9a); } - .lg\:bg-blend-saturation { - background-blend-mode: saturation; + .xl\:focus\:to-Blue-blue-400:focus { + --tw-gradient-to: var(--blue-blue-400, #5c7d92); } - .lg\:bg-blend-color { - background-blend-mode: color; + .xl\:focus\:to-Blue-blue-500:focus { + --tw-gradient-to: var(--blue-blue-500, #347095); } - .lg\:bg-blend-luminosity { - background-blend-mode: luminosity; + .xl\:focus\:to-Blue-blue-600:focus { + --tw-gradient-to: var(--blue-blue-600, #295774); } - .lg\:mix-blend-normal { - mix-blend-mode: normal; + .xl\:focus\:to-Blue-blue-700:focus { + --tw-gradient-to: var(--blue-blue-700, #173242); } - .lg\:mix-blend-multiply { - mix-blend-mode: multiply; + .xl\:focus\:to-LightBlue-lightblue:focus { + --tw-gradient-to: var(--light-blue-lightblue, #81c3d7); } - .lg\:mix-blend-screen { - mix-blend-mode: screen; + .xl\:focus\:to-LightBlue-lightblue-100:focus { + --tw-gradient-to: var(--light-blue-lightblue-100, #a7d5e3); } - .lg\:mix-blend-overlay { - mix-blend-mode: overlay; + .xl\:focus\:to-LightBlue-lightblue-200:focus { + --tw-gradient-to: var(--light-blue-lightblue-200, #c0e1eb); } - .lg\:mix-blend-darken { - mix-blend-mode: darken; + .xl\:focus\:to-LightBlue-lightblue-300:focus { + --tw-gradient-to: var(--light-blue-lightblue-300, #80aebd); } - .lg\:mix-blend-lighten { - mix-blend-mode: lighten; + .xl\:focus\:to-LightBlue-lightblue-400:focus { + --tw-gradient-to: var(--light-blue-lightblue-400, #80a0ab); } - .lg\:mix-blend-color-dodge { - mix-blend-mode: color-dodge; + .xl\:focus\:to-LightBlue-lightblue-500:focus { + --tw-gradient-to: var(--light-blue-lightblue-500, #74afc1); } - .lg\:mix-blend-color-burn { - mix-blend-mode: color-burn; + .xl\:focus\:to-LightBlue-lightblue-600:focus { + --tw-gradient-to: var(--light-blue-lightblue-600, #5a8997); } - .lg\:mix-blend-hard-light { - mix-blend-mode: hard-light; + .xl\:focus\:to-LightBlue-lightblue-650:focus { + --tw-gradient-to: var(--light-blue-lightblue-650, #3e5e65); } - .lg\:mix-blend-soft-light { - mix-blend-mode: soft-light; + .xl\:focus\:to-LightBlue-lightblue-700:focus { + --tw-gradient-to: var(--light-blue-lightblue-700, #344e56); } - .lg\:mix-blend-difference { - mix-blend-mode: difference; + .xl\:focus\:to-Orange-orange:focus { + --tw-gradient-to: var(--orange-orange, #ff7f0e); } - .lg\:mix-blend-exclusion { - mix-blend-mode: exclusion; + .xl\:focus\:to-Orange-orange-100:focus { + --tw-gradient-to: var(--orange-orange-100, #ffa556); } - .lg\:mix-blend-hue { - mix-blend-mode: hue; + .xl\:focus\:to-Orange-orange-200:focus { + --tw-gradient-to: var(--orange-orange-200, #ffbf86); } - .lg\:mix-blend-saturation { - mix-blend-mode: saturation; + .xl\:focus\:to-Orange-orange-300:focus { + --tw-gradient-to: var(--orange-orange-300, #d97f30); } - .lg\:mix-blend-color { - mix-blend-mode: color; + .xl\:focus\:to-Orange-orange-400:focus { + --tw-gradient-to: var(--orange-orange-400, #bf7e46); } - .lg\:mix-blend-luminosity { - mix-blend-mode: luminosity; + .xl\:focus\:to-Orange-orange-500:focus { + --tw-gradient-to: var(--orange-orange-500, #e5720d); } - .lg\:shadow-sm { - --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .xl\:focus\:to-Orange-orange-600:focus { + --tw-gradient-to: var(--orange-orange-600, #b3590a); } - .lg\:shadow { - --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .xl\:focus\:to-Orange-orange-700:focus { + --tw-gradient-to: var(--orange-orange-700, #663306); } - .lg\:shadow-md { - --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .xl\:focus\:to-Yellow-yellow:focus { + --tw-gradient-to: var(--yellow-yellow, #ffab00); } - .lg\:shadow-lg { - --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .xl\:focus\:to-Yellow-yellow-100:focus { + --tw-gradient-to: var(--yellow-yellow-100, #ffc44c); } - .lg\:shadow-xl { - --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .xl\:focus\:to-Yellow-yellow-200:focus { + --tw-gradient-to: var(--yellow-yellow-200, #ffd580); } - .lg\:shadow-2xl { - --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .xl\:focus\:to-Yellow-yellow-300:focus { + --tw-gradient-to: var(--yellow-yellow-300, #d99d26); } - .lg\:shadow-inner { - --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .xl\:focus\:to-Yellow-yellow-400:focus { + --tw-gradient-to: var(--yellow-yellow-400, #bf943f); } - .lg\:shadow-none { - --tw-shadow: 0 0 #0000; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .xl\:focus\:to-Yellow-yellow-500:focus { + --tw-gradient-to: var(--yellow-yellow-500, #e59a00); } - .group:hover .lg\:group-hover\:shadow-sm { - --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .xl\:focus\:to-Yellow-yellow-600:focus { + --tw-gradient-to: var(--yellow-yellow-600, #b37800); } - .group:hover .lg\:group-hover\:shadow { - --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .xl\:focus\:to-Yellow-yellow-700:focus { + --tw-gradient-to: var(--yellow-yellow-700, #664400); } - .group:hover .lg\:group-hover\:shadow-md { - --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .xl\:focus\:to-Notification-notification:focus { + --tw-gradient-to: var(--notification-notification, #3959ff); } - .group:hover .lg\:group-hover\:shadow-lg { - --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .xl\:focus\:to-Notification-notification-100:focus { + --tw-gradient-to: var(--notification-notification-100, #748bff); } - .group:hover .lg\:group-hover\:shadow-xl { - --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .xl\:focus\:to-Notification-notification-200:focus { + --tw-gradient-to: var(--notification-notification-200, #9cacff); } - .group:hover .lg\:group-hover\:shadow-2xl { - --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .xl\:focus\:to-Notification-notification-300:focus { + --tw-gradient-to: var(--notification-notification-300, #4e64d9); } - .group:hover .lg\:group-hover\:shadow-inner { - --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .xl\:focus\:to-Notification-notification-400:focus { + --tw-gradient-to: var(--notification-notification-400, #5c6cbf); } - .group:hover .lg\:group-hover\:shadow-none { - --tw-shadow: 0 0 #0000; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .xl\:focus\:to-Notification-notification-500:focus { + --tw-gradient-to: var(--notification-notification-500, #3350e5); } - .lg\:focus-within\:shadow-sm:focus-within { - --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .xl\:focus\:to-Notification-notification-600:focus { + --tw-gradient-to: var(--notification-notification-600, #283eb3); } - .lg\:focus-within\:shadow:focus-within { - --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .xl\:focus\:to-Notification-notification-700:focus { + --tw-gradient-to: var(--notification-notification-700, #172466); } - .lg\:focus-within\:shadow-md:focus-within { - --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .xl\:focus\:to-Success-success\ -700:focus { + --tw-gradient-to: var(--success-success-700, #24471f); } - .lg\:focus-within\:shadow-lg:focus-within { - --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .xl\:focus\:to-Success-success:focus { + --tw-gradient-to: var(--success-success, #5bb14d); } - .lg\:focus-within\:shadow-xl:focus-within { - --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .xl\:focus\:to-Success-success\ -100:focus { + --tw-gradient-to: var(--success-success-100, #8cc882); } - .lg\:focus-within\:shadow-2xl:focus-within { - --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .xl\:focus\:to-Success-success\ -200:focus { + --tw-gradient-to: var(--success-success-200, #add8a6); } - .lg\:focus-within\:shadow-inner:focus-within { - --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .xl\:focus\:to-Success-success\ -300:focus { + --tw-gradient-to: var(--success-success-300, #66a25c); } - .lg\:focus-within\:shadow-none:focus-within { - --tw-shadow: 0 0 #0000; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .xl\:focus\:to-Success-success\ -400:focus { + --tw-gradient-to: var(--success-success-400, #6d9766); } - .lg\:hover\:shadow-sm:hover { - --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .xl\:focus\:to-Success-success\ -500:focus { + --tw-gradient-to: var(--success-success-500, #529f45); } - .lg\:hover\:shadow:hover { - --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .xl\:focus\:to-Success-success\ -600:focus { + --tw-gradient-to: var(--success-success-600, #407c36); } - .lg\:hover\:shadow-md:hover { - --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .xl\:focus\:to-Error-error:focus { + --tw-gradient-to: var(--error-error, #f03d3e); } - .lg\:hover\:shadow-lg:hover { - --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .xl\:focus\:to-Error-error-100:focus { + --tw-gradient-to: var(--error-error-100, #f57778); } - .lg\:hover\:shadow-xl:hover { - --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .xl\:focus\:to-Error-error-200:focus { + --tw-gradient-to: var(--error-error-200, #f89e9e); } - .lg\:hover\:shadow-2xl:hover { - --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .xl\:focus\:to-Error-error-250:focus { + --tw-gradient-to: var(--error-error-250, #f9c8c8); } - .lg\:hover\:shadow-inner:hover { - --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .xl\:focus\:to-Error-error-300:focus { + --tw-gradient-to: var(--error-error-300, #ce5151); } - .lg\:hover\:shadow-none:hover { - --tw-shadow: 0 0 #0000; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .xl\:focus\:to-Error-error-400:focus { + --tw-gradient-to: var(--error-error-400, #b85e5e); } - .lg\:focus\:shadow-sm:focus { - --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .xl\:focus\:to-Error-error-500:focus { + --tw-gradient-to: var(--error-error-500, #d83738); } - .lg\:focus\:shadow:focus { - --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .xl\:focus\:to-Error-error-600:focus { + --tw-gradient-to: var(--error-error-600, #a82b2b); } - .lg\:focus\:shadow-md:focus { - --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .xl\:focus\:to-Error-error-700:focus { + --tw-gradient-to: var(--error-error-700, #601819); } - .lg\:focus\:shadow-lg:focus { - --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .xl\:decoration-slice { + -webkit-box-decoration-break: slice; + box-decoration-break: slice; } - .lg\:focus\:shadow-xl:focus { - --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .xl\:decoration-clone { + -webkit-box-decoration-break: clone; + box-decoration-break: clone; } - .lg\:focus\:shadow-2xl:focus { - --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .xl\:bg-auto { + background-size: auto; } - .lg\:focus\:shadow-inner:focus { - --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .xl\:bg-cover { + background-size: cover; } - .lg\:focus\:shadow-none:focus { - --tw-shadow: 0 0 #0000; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .xl\:bg-contain { + background-size: contain; } - .lg\:outline-none { - outline: 2px solid transparent; - outline-offset: 2px; + .xl\:bg-fixed { + background-attachment: fixed; } - .lg\:outline-white { - outline: 2px dotted white; - outline-offset: 2px; + .xl\:bg-local { + background-attachment: local; } - .lg\:outline-black { - outline: 2px dotted black; - outline-offset: 2px; + .xl\:bg-scroll { + background-attachment: scroll; } - .lg\:focus-within\:outline-none:focus-within { - outline: 2px solid transparent; - outline-offset: 2px; + .xl\:bg-clip-border { + background-clip: border-box; } - .lg\:focus-within\:outline-white:focus-within { - outline: 2px dotted white; - outline-offset: 2px; + .xl\:bg-clip-padding { + background-clip: padding-box; } - .lg\:focus-within\:outline-black:focus-within { - outline: 2px dotted black; - outline-offset: 2px; + .xl\:bg-clip-content { + background-clip: content-box; } - .lg\:focus\:outline-none:focus { - outline: 2px solid transparent; - outline-offset: 2px; + .xl\:bg-clip-text { + -webkit-background-clip: text; + background-clip: text; } - .lg\:focus\:outline-white:focus { - outline: 2px dotted white; - outline-offset: 2px; + .xl\:bg-bottom { + background-position: bottom; } - .lg\:focus\:outline-black:focus { - outline: 2px dotted black; - outline-offset: 2px; + .xl\:bg-center { + background-position: center; } - .lg\: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); + .xl\:bg-left { + background-position: left; } - .lg\: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); + .xl\:bg-left-bottom { + background-position: left bottom; } - .lg\: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); + .xl\:bg-left-top { + background-position: left top; } - .lg\: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); + .xl\:bg-right { + background-position: right; } - .lg\:ring-8 { - --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(8px + 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); + .xl\:bg-right-bottom { + background-position: right bottom; } - .lg\: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); + .xl\:bg-right-top { + background-position: right top; } - .lg\:focus-within\:ring-0:focus-within { - --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(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); + .xl\:bg-top { + background-position: top; } - .lg\:focus-within\:ring-1:focus-within { - --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); - box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); + .xl\:bg-repeat { + background-repeat: repeat; } - .lg\:focus-within\:ring-2:focus-within { - --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); - box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); + .xl\:bg-no-repeat { + background-repeat: no-repeat; } - .lg\:focus-within\:ring-4:focus-within { - --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(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); + .xl\:bg-repeat-x { + background-repeat: repeat-x; } - .lg\:focus-within\:ring-8:focus-within { - --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + 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); + .xl\:bg-repeat-y { + background-repeat: repeat-y; } - .lg\:focus-within\:ring:focus-within { - --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(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); + .xl\:bg-repeat-round { + background-repeat: round; } - .lg\: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); + .xl\:bg-repeat-space { + background-repeat: space; } - .lg\: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); + .xl\:bg-origin-border { + background-origin: border-box; } - .lg\: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); + .xl\:bg-origin-padding { + background-origin: padding-box; } - .lg\:focus\:ring-4:focus { - --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color); - box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); + .xl\:bg-origin-content { + background-origin: content-box; } - .lg\:focus\:ring-8: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(8px + 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); + .xl\:fill-current { + fill: currentColor; } - .lg\:focus\:ring: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(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); + .xl\:stroke-current { + stroke: currentColor; } - .lg\:ring-inset { - --tw-ring-inset: inset; + .xl\:stroke-0 { + stroke-width: 0; } - .lg\:focus-within\:ring-inset:focus-within { - --tw-ring-inset: inset; + .xl\:stroke-1 { + stroke-width: 1; } - .lg\:focus\:ring-inset:focus { - --tw-ring-inset: inset; + .xl\:stroke-2 { + stroke-width: 2; } - .lg\:ring-transparent { - --tw-ring-color: transparent; + .xl\:object-contain { + -o-object-fit: contain; + object-fit: contain; } - .lg\:ring-current { - --tw-ring-color: currentColor; + .xl\:object-cover { + -o-object-fit: cover; + object-fit: cover; } - .lg\:ring-black { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity)); + .xl\:object-fill { + -o-object-fit: fill; + object-fit: fill; } - .lg\:ring-white { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity)); + .xl\:object-none { + -o-object-fit: none; + object-fit: none; } - .lg\:ring-gray-50 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity)); + .xl\:object-scale-down { + -o-object-fit: scale-down; + object-fit: scale-down; } - .lg\:ring-gray-100 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity)); + .xl\:object-bottom { + -o-object-position: bottom; + object-position: bottom; } - .lg\:ring-gray-200 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity)); + .xl\:object-center { + -o-object-position: center; + object-position: center; } - .lg\:ring-gray-300 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity)); + .xl\:object-left { + -o-object-position: left; + object-position: left; } - .lg\:ring-gray-400 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity)); + .xl\:object-left-bottom { + -o-object-position: left bottom; + object-position: left bottom; } - .lg\:ring-gray-500 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity)); + .xl\:object-left-top { + -o-object-position: left top; + object-position: left top; } - .lg\:ring-gray-600 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity)); + .xl\:object-right { + -o-object-position: right; + object-position: right; } - .lg\:ring-gray-700 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity)); + .xl\:object-right-bottom { + -o-object-position: right bottom; + object-position: right bottom; } - .lg\:ring-gray-800 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity)); + .xl\:object-right-top { + -o-object-position: right top; + object-position: right top; } - .lg\:ring-gray-900 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity)); + .xl\:object-top { + -o-object-position: top; + object-position: top; } - .lg\:ring-red-50 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity)); + .xl\:p-0 { + padding: 0px; } - .lg\:ring-red-100 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity)); + .xl\:p-1 { + padding: 0.25rem; } - .lg\:ring-red-200 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity)); + .xl\:p-2 { + padding: 0.5rem; } - .lg\:ring-red-300 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity)); + .xl\:p-3 { + padding: 0.75rem; } - .lg\:ring-red-400 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity)); + .xl\:p-4 { + padding: 1rem; } - .lg\:ring-red-500 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity)); + .xl\:p-5 { + padding: 1.25rem; } - .lg\:ring-red-600 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity)); + .xl\:p-6 { + padding: 1.5rem; } - .lg\:ring-red-700 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity)); + .xl\:p-7 { + padding: 1.75rem; } - .lg\:ring-red-800 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity)); + .xl\:p-8 { + padding: 2rem; } - .lg\:ring-red-900 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity)); + .xl\:p-9 { + padding: 2.25rem; } - .lg\:ring-yellow-50 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity)); + .xl\:p-10 { + padding: 2.5rem; } - .lg\:ring-yellow-100 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity)); + .xl\:p-11 { + padding: 2.75rem; } - .lg\:ring-yellow-200 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity)); + .xl\:p-12 { + padding: 3rem; } - .lg\:ring-yellow-300 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity)); + .xl\:p-14 { + padding: 3.5rem; } - .lg\:ring-yellow-400 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity)); + .xl\:p-16 { + padding: 4rem; } - .lg\:ring-yellow-500 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity)); + .xl\:p-20 { + padding: 5rem; } - .lg\:ring-yellow-600 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity)); + .xl\:p-24 { + padding: 6rem; } - .lg\:ring-yellow-700 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity)); + .xl\:p-28 { + padding: 7rem; } - .lg\:ring-yellow-800 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity)); + .xl\:p-32 { + padding: 8rem; } - .lg\:ring-yellow-900 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity)); + .xl\:p-36 { + padding: 9rem; } - .lg\:ring-green-50 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity)); + .xl\:p-40 { + padding: 10rem; } - .lg\:ring-green-100 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity)); + .xl\:p-44 { + padding: 11rem; } - .lg\:ring-green-200 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity)); + .xl\:p-48 { + padding: 12rem; } - .lg\:ring-green-300 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity)); + .xl\:p-52 { + padding: 13rem; } - .lg\:ring-green-400 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity)); + .xl\:p-56 { + padding: 14rem; } - .lg\:ring-green-500 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity)); + .xl\:p-60 { + padding: 15rem; } - .lg\:ring-green-600 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity)); + .xl\:p-64 { + padding: 16rem; } - .lg\:ring-green-700 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity)); + .xl\:p-72 { + padding: 18rem; } - .lg\:ring-green-800 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity)); + .xl\:p-80 { + padding: 20rem; } - .lg\:ring-green-900 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity)); + .xl\:p-96 { + padding: 24rem; } - .lg\:ring-blue-50 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity)); + .xl\:p-px { + padding: 1px; } - .lg\:ring-blue-100 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity)); + .xl\:p-0\.5 { + padding: 0.125rem; } - .lg\:ring-blue-200 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity)); + .xl\:p-1\.5 { + padding: 0.375rem; } - .lg\:ring-blue-300 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity)); + .xl\:p-2\.5 { + padding: 0.625rem; } - .lg\:ring-blue-400 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity)); + .xl\:p-3\.5 { + padding: 0.875rem; } - .lg\:ring-blue-500 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity)); + .xl\:px-0 { + padding-left: 0px; + padding-right: 0px; } - .lg\:ring-blue-600 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity)); + .xl\:px-1 { + padding-left: 0.25rem; + padding-right: 0.25rem; } - .lg\:ring-blue-700 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity)); + .xl\:px-2 { + padding-left: 0.5rem; + padding-right: 0.5rem; } - .lg\:ring-blue-800 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity)); + .xl\:px-3 { + padding-left: 0.75rem; + padding-right: 0.75rem; } - .lg\:ring-blue-900 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity)); + .xl\:px-4 { + padding-left: 1rem; + padding-right: 1rem; } - .lg\:ring-indigo-50 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity)); + .xl\:px-5 { + padding-left: 1.25rem; + padding-right: 1.25rem; } - .lg\:ring-indigo-100 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity)); + .xl\:px-6 { + padding-left: 1.5rem; + padding-right: 1.5rem; } - .lg\:ring-indigo-200 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity)); + .xl\:px-7 { + padding-left: 1.75rem; + padding-right: 1.75rem; } - .lg\:ring-indigo-300 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity)); + .xl\:px-8 { + padding-left: 2rem; + padding-right: 2rem; } - .lg\:ring-indigo-400 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity)); + .xl\:px-9 { + padding-left: 2.25rem; + padding-right: 2.25rem; } - .lg\:ring-indigo-500 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity)); + .xl\:px-10 { + padding-left: 2.5rem; + padding-right: 2.5rem; } - .lg\:ring-indigo-600 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity)); + .xl\:px-11 { + padding-left: 2.75rem; + padding-right: 2.75rem; } - .lg\:ring-indigo-700 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity)); + .xl\:px-12 { + padding-left: 3rem; + padding-right: 3rem; } - .lg\:ring-indigo-800 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity)); + .xl\:px-14 { + padding-left: 3.5rem; + padding-right: 3.5rem; } - .lg\:ring-indigo-900 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity)); + .xl\:px-16 { + padding-left: 4rem; + padding-right: 4rem; } - .lg\:ring-purple-50 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity)); + .xl\:px-20 { + padding-left: 5rem; + padding-right: 5rem; } - .lg\:ring-purple-100 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity)); + .xl\:px-24 { + padding-left: 6rem; + padding-right: 6rem; } - .lg\:ring-purple-200 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity)); + .xl\:px-28 { + padding-left: 7rem; + padding-right: 7rem; } - .lg\:ring-purple-300 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity)); + .xl\:px-32 { + padding-left: 8rem; + padding-right: 8rem; } - .lg\:ring-purple-400 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity)); + .xl\:px-36 { + padding-left: 9rem; + padding-right: 9rem; } - .lg\:ring-purple-500 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity)); + .xl\:px-40 { + padding-left: 10rem; + padding-right: 10rem; } - .lg\:ring-purple-600 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity)); + .xl\:px-44 { + padding-left: 11rem; + padding-right: 11rem; } - .lg\:ring-purple-700 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity)); + .xl\:px-48 { + padding-left: 12rem; + padding-right: 12rem; } - .lg\:ring-purple-800 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity)); + .xl\:px-52 { + padding-left: 13rem; + padding-right: 13rem; } - .lg\:ring-purple-900 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity)); + .xl\:px-56 { + padding-left: 14rem; + padding-right: 14rem; } - .lg\:ring-pink-50 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity)); + .xl\:px-60 { + padding-left: 15rem; + padding-right: 15rem; } - .lg\:ring-pink-100 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity)); + .xl\:px-64 { + padding-left: 16rem; + padding-right: 16rem; } - .lg\:ring-pink-200 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity)); + .xl\:px-72 { + padding-left: 18rem; + padding-right: 18rem; } - .lg\:ring-pink-300 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity)); + .xl\:px-80 { + padding-left: 20rem; + padding-right: 20rem; } - .lg\:ring-pink-400 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity)); + .xl\:px-96 { + padding-left: 24rem; + padding-right: 24rem; } - .lg\:ring-pink-500 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity)); + .xl\:px-px { + padding-left: 1px; + padding-right: 1px; } - .lg\:ring-pink-600 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity)); + .xl\:px-0\.5 { + padding-left: 0.125rem; + padding-right: 0.125rem; } - .lg\:ring-pink-700 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity)); + .xl\:px-1\.5 { + padding-left: 0.375rem; + padding-right: 0.375rem; } - .lg\:ring-pink-800 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity)); + .xl\:px-2\.5 { + padding-left: 0.625rem; + padding-right: 0.625rem; } - .lg\:ring-pink-900 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity)); + .xl\:px-3\.5 { + padding-left: 0.875rem; + padding-right: 0.875rem; } - .lg\:focus-within\:ring-transparent:focus-within { - --tw-ring-color: transparent; + .xl\:py-0 { + padding-top: 0px; + padding-bottom: 0px; } - .lg\:focus-within\:ring-current:focus-within { - --tw-ring-color: currentColor; + .xl\:py-1 { + padding-top: 0.25rem; + padding-bottom: 0.25rem; } - .lg\:focus-within\:ring-black:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity)); + .xl\:py-2 { + padding-top: 0.5rem; + padding-bottom: 0.5rem; } - .lg\:focus-within\:ring-white:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity)); + .xl\:py-3 { + padding-top: 0.75rem; + padding-bottom: 0.75rem; } - .lg\:focus-within\:ring-gray-50:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity)); + .xl\:py-4 { + padding-top: 1rem; + padding-bottom: 1rem; } - .lg\:focus-within\:ring-gray-100:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity)); + .xl\:py-5 { + padding-top: 1.25rem; + padding-bottom: 1.25rem; } - .lg\:focus-within\:ring-gray-200:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity)); + .xl\:py-6 { + padding-top: 1.5rem; + padding-bottom: 1.5rem; } - .lg\:focus-within\:ring-gray-300:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity)); + .xl\:py-7 { + padding-top: 1.75rem; + padding-bottom: 1.75rem; } - .lg\:focus-within\:ring-gray-400:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity)); + .xl\:py-8 { + padding-top: 2rem; + padding-bottom: 2rem; } - .lg\:focus-within\:ring-gray-500:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity)); + .xl\:py-9 { + padding-top: 2.25rem; + padding-bottom: 2.25rem; } - .lg\:focus-within\:ring-gray-600:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity)); + .xl\:py-10 { + padding-top: 2.5rem; + padding-bottom: 2.5rem; } - .lg\:focus-within\:ring-gray-700:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity)); + .xl\:py-11 { + padding-top: 2.75rem; + padding-bottom: 2.75rem; } - .lg\:focus-within\:ring-gray-800:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity)); + .xl\:py-12 { + padding-top: 3rem; + padding-bottom: 3rem; } - .lg\:focus-within\:ring-gray-900:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity)); + .xl\:py-14 { + padding-top: 3.5rem; + padding-bottom: 3.5rem; } - .lg\:focus-within\:ring-red-50:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity)); + .xl\:py-16 { + padding-top: 4rem; + padding-bottom: 4rem; } - .lg\:focus-within\:ring-red-100:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity)); + .xl\:py-20 { + padding-top: 5rem; + padding-bottom: 5rem; } - .lg\:focus-within\:ring-red-200:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity)); + .xl\:py-24 { + padding-top: 6rem; + padding-bottom: 6rem; } - .lg\:focus-within\:ring-red-300:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity)); + .xl\:py-28 { + padding-top: 7rem; + padding-bottom: 7rem; } - .lg\:focus-within\:ring-red-400:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity)); + .xl\:py-32 { + padding-top: 8rem; + padding-bottom: 8rem; } - .lg\:focus-within\:ring-red-500:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity)); + .xl\:py-36 { + padding-top: 9rem; + padding-bottom: 9rem; } - .lg\:focus-within\:ring-red-600:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity)); + .xl\:py-40 { + padding-top: 10rem; + padding-bottom: 10rem; } - .lg\:focus-within\:ring-red-700:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity)); + .xl\:py-44 { + padding-top: 11rem; + padding-bottom: 11rem; } - .lg\:focus-within\:ring-red-800:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity)); + .xl\:py-48 { + padding-top: 12rem; + padding-bottom: 12rem; } - .lg\:focus-within\:ring-red-900:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity)); + .xl\:py-52 { + padding-top: 13rem; + padding-bottom: 13rem; } - .lg\:focus-within\:ring-yellow-50:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity)); + .xl\:py-56 { + padding-top: 14rem; + padding-bottom: 14rem; } - .lg\:focus-within\:ring-yellow-100:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity)); + .xl\:py-60 { + padding-top: 15rem; + padding-bottom: 15rem; } - .lg\:focus-within\:ring-yellow-200:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity)); + .xl\:py-64 { + padding-top: 16rem; + padding-bottom: 16rem; } - .lg\:focus-within\:ring-yellow-300:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity)); + .xl\:py-72 { + padding-top: 18rem; + padding-bottom: 18rem; } - .lg\:focus-within\:ring-yellow-400:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity)); + .xl\:py-80 { + padding-top: 20rem; + padding-bottom: 20rem; } - .lg\:focus-within\:ring-yellow-500:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity)); + .xl\:py-96 { + padding-top: 24rem; + padding-bottom: 24rem; } - .lg\:focus-within\:ring-yellow-600:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity)); + .xl\:py-px { + padding-top: 1px; + padding-bottom: 1px; } - .lg\:focus-within\:ring-yellow-700:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity)); + .xl\:py-0\.5 { + padding-top: 0.125rem; + padding-bottom: 0.125rem; } - .lg\:focus-within\:ring-yellow-800:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity)); + .xl\:py-1\.5 { + padding-top: 0.375rem; + padding-bottom: 0.375rem; } - .lg\:focus-within\:ring-yellow-900:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity)); + .xl\:py-2\.5 { + padding-top: 0.625rem; + padding-bottom: 0.625rem; } - .lg\:focus-within\:ring-green-50:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity)); + .xl\:py-3\.5 { + padding-top: 0.875rem; + padding-bottom: 0.875rem; } - .lg\:focus-within\:ring-green-100:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity)); + .xl\:pt-0 { + padding-top: 0px; } - .lg\:focus-within\:ring-green-200:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity)); + .xl\:pt-1 { + padding-top: 0.25rem; } - .lg\:focus-within\:ring-green-300:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity)); + .xl\:pt-2 { + padding-top: 0.5rem; } - .lg\:focus-within\:ring-green-400:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity)); + .xl\:pt-3 { + padding-top: 0.75rem; } - .lg\:focus-within\:ring-green-500:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity)); + .xl\:pt-4 { + padding-top: 1rem; } - .lg\:focus-within\:ring-green-600:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity)); + .xl\:pt-5 { + padding-top: 1.25rem; } - .lg\:focus-within\:ring-green-700:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity)); + .xl\:pt-6 { + padding-top: 1.5rem; } - .lg\:focus-within\:ring-green-800:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity)); + .xl\:pt-7 { + padding-top: 1.75rem; } - .lg\:focus-within\:ring-green-900:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity)); + .xl\:pt-8 { + padding-top: 2rem; } - .lg\:focus-within\:ring-blue-50:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity)); + .xl\:pt-9 { + padding-top: 2.25rem; } - .lg\:focus-within\:ring-blue-100:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity)); + .xl\:pt-10 { + padding-top: 2.5rem; } - .lg\:focus-within\:ring-blue-200:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity)); + .xl\:pt-11 { + padding-top: 2.75rem; } - .lg\:focus-within\:ring-blue-300:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity)); + .xl\:pt-12 { + padding-top: 3rem; } - .lg\:focus-within\:ring-blue-400:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity)); + .xl\:pt-14 { + padding-top: 3.5rem; } - .lg\:focus-within\:ring-blue-500:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity)); + .xl\:pt-16 { + padding-top: 4rem; } - .lg\:focus-within\:ring-blue-600:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity)); + .xl\:pt-20 { + padding-top: 5rem; } - .lg\:focus-within\:ring-blue-700:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity)); + .xl\:pt-24 { + padding-top: 6rem; } - .lg\:focus-within\:ring-blue-800:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity)); + .xl\:pt-28 { + padding-top: 7rem; } - .lg\:focus-within\:ring-blue-900:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity)); + .xl\:pt-32 { + padding-top: 8rem; } - .lg\:focus-within\:ring-indigo-50:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity)); + .xl\:pt-36 { + padding-top: 9rem; } - .lg\:focus-within\:ring-indigo-100:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity)); + .xl\:pt-40 { + padding-top: 10rem; } - .lg\:focus-within\:ring-indigo-200:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity)); + .xl\:pt-44 { + padding-top: 11rem; } - .lg\:focus-within\:ring-indigo-300:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity)); + .xl\:pt-48 { + padding-top: 12rem; } - .lg\:focus-within\:ring-indigo-400:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity)); + .xl\:pt-52 { + padding-top: 13rem; } - .lg\:focus-within\:ring-indigo-500:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity)); + .xl\:pt-56 { + padding-top: 14rem; } - .lg\:focus-within\:ring-indigo-600:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity)); + .xl\:pt-60 { + padding-top: 15rem; } - .lg\:focus-within\:ring-indigo-700:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity)); + .xl\:pt-64 { + padding-top: 16rem; } - .lg\:focus-within\:ring-indigo-800:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity)); + .xl\:pt-72 { + padding-top: 18rem; } - .lg\:focus-within\:ring-indigo-900:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity)); + .xl\:pt-80 { + padding-top: 20rem; } - .lg\:focus-within\:ring-purple-50:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity)); + .xl\:pt-96 { + padding-top: 24rem; } - .lg\:focus-within\:ring-purple-100:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity)); + .xl\:pt-px { + padding-top: 1px; } - .lg\:focus-within\:ring-purple-200:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity)); + .xl\:pt-0\.5 { + padding-top: 0.125rem; } - .lg\:focus-within\:ring-purple-300:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity)); + .xl\:pt-1\.5 { + padding-top: 0.375rem; } - .lg\:focus-within\:ring-purple-400:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity)); + .xl\:pt-2\.5 { + padding-top: 0.625rem; } - .lg\:focus-within\:ring-purple-500:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity)); + .xl\:pt-3\.5 { + padding-top: 0.875rem; } - .lg\:focus-within\:ring-purple-600:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity)); + .xl\:pr-0 { + padding-right: 0px; } - .lg\:focus-within\:ring-purple-700:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity)); + .xl\:pr-1 { + padding-right: 0.25rem; } - .lg\:focus-within\:ring-purple-800:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity)); + .xl\:pr-2 { + padding-right: 0.5rem; } - .lg\:focus-within\:ring-purple-900:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity)); + .xl\:pr-3 { + padding-right: 0.75rem; } - .lg\:focus-within\:ring-pink-50:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity)); + .xl\:pr-4 { + padding-right: 1rem; } - .lg\:focus-within\:ring-pink-100:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity)); + .xl\:pr-5 { + padding-right: 1.25rem; } - .lg\:focus-within\:ring-pink-200:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity)); + .xl\:pr-6 { + padding-right: 1.5rem; } - .lg\:focus-within\:ring-pink-300:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity)); + .xl\:pr-7 { + padding-right: 1.75rem; } - .lg\:focus-within\:ring-pink-400:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity)); + .xl\:pr-8 { + padding-right: 2rem; } - .lg\:focus-within\:ring-pink-500:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity)); + .xl\:pr-9 { + padding-right: 2.25rem; } - .lg\:focus-within\:ring-pink-600:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity)); + .xl\:pr-10 { + padding-right: 2.5rem; } - .lg\:focus-within\:ring-pink-700:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity)); + .xl\:pr-11 { + padding-right: 2.75rem; } - .lg\:focus-within\:ring-pink-800:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity)); + .xl\:pr-12 { + padding-right: 3rem; } - .lg\:focus-within\:ring-pink-900:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity)); + .xl\:pr-14 { + padding-right: 3.5rem; } - .lg\:focus\:ring-transparent:focus { - --tw-ring-color: transparent; + .xl\:pr-16 { + padding-right: 4rem; } - .lg\:focus\:ring-current:focus { - --tw-ring-color: currentColor; + .xl\:pr-20 { + padding-right: 5rem; } - .lg\:focus\:ring-black:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity)); + .xl\:pr-24 { + padding-right: 6rem; } - .lg\:focus\:ring-white:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity)); + .xl\:pr-28 { + padding-right: 7rem; } - .lg\:focus\:ring-gray-50:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity)); + .xl\:pr-32 { + padding-right: 8rem; } - .lg\:focus\:ring-gray-100:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity)); + .xl\:pr-36 { + padding-right: 9rem; } - .lg\:focus\:ring-gray-200:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity)); + .xl\:pr-40 { + padding-right: 10rem; } - .lg\:focus\:ring-gray-300:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity)); + .xl\:pr-44 { + padding-right: 11rem; } - .lg\:focus\:ring-gray-400:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity)); + .xl\:pr-48 { + padding-right: 12rem; } - .lg\:focus\:ring-gray-500:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity)); + .xl\:pr-52 { + padding-right: 13rem; } - .lg\:focus\:ring-gray-600:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity)); + .xl\:pr-56 { + padding-right: 14rem; } - .lg\:focus\:ring-gray-700:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity)); + .xl\:pr-60 { + padding-right: 15rem; } - .lg\:focus\:ring-gray-800:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity)); + .xl\:pr-64 { + padding-right: 16rem; } - .lg\:focus\:ring-gray-900:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity)); + .xl\:pr-72 { + padding-right: 18rem; } - .lg\:focus\:ring-red-50:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity)); + .xl\:pr-80 { + padding-right: 20rem; } - .lg\:focus\:ring-red-100:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity)); + .xl\:pr-96 { + padding-right: 24rem; } - .lg\:focus\:ring-red-200:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity)); + .xl\:pr-px { + padding-right: 1px; } - .lg\:focus\:ring-red-300:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity)); + .xl\:pr-0\.5 { + padding-right: 0.125rem; } - .lg\:focus\:ring-red-400:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity)); + .xl\:pr-1\.5 { + padding-right: 0.375rem; } - .lg\:focus\:ring-red-500:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity)); + .xl\:pr-2\.5 { + padding-right: 0.625rem; } - .lg\:focus\:ring-red-600:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity)); + .xl\:pr-3\.5 { + padding-right: 0.875rem; } - .lg\:focus\:ring-red-700:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity)); + .xl\:pb-0 { + padding-bottom: 0px; } - .lg\:focus\:ring-red-800:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity)); + .xl\:pb-1 { + padding-bottom: 0.25rem; } - .lg\:focus\:ring-red-900:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity)); + .xl\:pb-2 { + padding-bottom: 0.5rem; } - .lg\:focus\:ring-yellow-50:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity)); + .xl\:pb-3 { + padding-bottom: 0.75rem; } - .lg\:focus\:ring-yellow-100:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity)); + .xl\:pb-4 { + padding-bottom: 1rem; } - .lg\:focus\:ring-yellow-200:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity)); + .xl\:pb-5 { + padding-bottom: 1.25rem; } - .lg\:focus\:ring-yellow-300:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity)); + .xl\:pb-6 { + padding-bottom: 1.5rem; } - .lg\:focus\:ring-yellow-400:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity)); + .xl\:pb-7 { + padding-bottom: 1.75rem; } - .lg\:focus\:ring-yellow-500:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity)); + .xl\:pb-8 { + padding-bottom: 2rem; } - .lg\:focus\:ring-yellow-600:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity)); + .xl\:pb-9 { + padding-bottom: 2.25rem; } - .lg\:focus\:ring-yellow-700:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity)); + .xl\:pb-10 { + padding-bottom: 2.5rem; } - .lg\:focus\:ring-yellow-800:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity)); + .xl\:pb-11 { + padding-bottom: 2.75rem; } - .lg\:focus\:ring-yellow-900:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity)); + .xl\:pb-12 { + padding-bottom: 3rem; } - .lg\:focus\:ring-green-50:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity)); + .xl\:pb-14 { + padding-bottom: 3.5rem; } - .lg\:focus\:ring-green-100:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity)); + .xl\:pb-16 { + padding-bottom: 4rem; } - .lg\:focus\:ring-green-200:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity)); + .xl\:pb-20 { + padding-bottom: 5rem; } - .lg\:focus\:ring-green-300:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity)); + .xl\:pb-24 { + padding-bottom: 6rem; } - .lg\:focus\:ring-green-400:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity)); + .xl\:pb-28 { + padding-bottom: 7rem; } - .lg\:focus\:ring-green-500:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity)); + .xl\:pb-32 { + padding-bottom: 8rem; } - .lg\:focus\:ring-green-600:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity)); + .xl\:pb-36 { + padding-bottom: 9rem; } - .lg\:focus\:ring-green-700:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity)); + .xl\:pb-40 { + padding-bottom: 10rem; } - .lg\:focus\:ring-green-800:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity)); + .xl\:pb-44 { + padding-bottom: 11rem; } - .lg\:focus\:ring-green-900:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity)); + .xl\:pb-48 { + padding-bottom: 12rem; } - .lg\:focus\:ring-blue-50:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity)); + .xl\:pb-52 { + padding-bottom: 13rem; } - .lg\:focus\:ring-blue-100:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity)); + .xl\:pb-56 { + padding-bottom: 14rem; } - .lg\:focus\:ring-blue-200:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity)); + .xl\:pb-60 { + padding-bottom: 15rem; } - .lg\:focus\:ring-blue-300:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity)); + .xl\:pb-64 { + padding-bottom: 16rem; } - .lg\:focus\:ring-blue-400:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity)); + .xl\:pb-72 { + padding-bottom: 18rem; } - .lg\:focus\:ring-blue-500:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity)); + .xl\:pb-80 { + padding-bottom: 20rem; } - .lg\:focus\:ring-blue-600:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity)); + .xl\:pb-96 { + padding-bottom: 24rem; } - .lg\:focus\:ring-blue-700:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity)); + .xl\:pb-px { + padding-bottom: 1px; } - .lg\:focus\:ring-blue-800:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity)); + .xl\:pb-0\.5 { + padding-bottom: 0.125rem; } - .lg\:focus\:ring-blue-900:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity)); + .xl\:pb-1\.5 { + padding-bottom: 0.375rem; } - .lg\:focus\:ring-indigo-50:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity)); + .xl\:pb-2\.5 { + padding-bottom: 0.625rem; } - .lg\:focus\:ring-indigo-100:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity)); + .xl\:pb-3\.5 { + padding-bottom: 0.875rem; } - .lg\:focus\:ring-indigo-200:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity)); + .xl\:pl-0 { + padding-left: 0px; } - .lg\:focus\:ring-indigo-300:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity)); + .xl\:pl-1 { + padding-left: 0.25rem; } - .lg\:focus\:ring-indigo-400:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity)); + .xl\:pl-2 { + padding-left: 0.5rem; } - .lg\:focus\:ring-indigo-500:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity)); + .xl\:pl-3 { + padding-left: 0.75rem; } - .lg\:focus\:ring-indigo-600:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity)); + .xl\:pl-4 { + padding-left: 1rem; } - .lg\:focus\:ring-indigo-700:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity)); + .xl\:pl-5 { + padding-left: 1.25rem; } - .lg\:focus\:ring-indigo-800:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity)); + .xl\:pl-6 { + padding-left: 1.5rem; } - .lg\:focus\:ring-indigo-900:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity)); + .xl\:pl-7 { + padding-left: 1.75rem; } - .lg\:focus\:ring-purple-50:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity)); + .xl\:pl-8 { + padding-left: 2rem; } - .lg\:focus\:ring-purple-100:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity)); + .xl\:pl-9 { + padding-left: 2.25rem; } - .lg\:focus\:ring-purple-200:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity)); + .xl\:pl-10 { + padding-left: 2.5rem; + } + + .xl\:pl-11 { + padding-left: 2.75rem; } - .lg\:focus\:ring-purple-300:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity)); + .xl\:pl-12 { + padding-left: 3rem; } - .lg\:focus\:ring-purple-400:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity)); + .xl\:pl-14 { + padding-left: 3.5rem; } - .lg\:focus\:ring-purple-500:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity)); + .xl\:pl-16 { + padding-left: 4rem; } - .lg\:focus\:ring-purple-600:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity)); + .xl\:pl-20 { + padding-left: 5rem; } - .lg\:focus\:ring-purple-700:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity)); + .xl\:pl-24 { + padding-left: 6rem; } - .lg\:focus\:ring-purple-800:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity)); + .xl\:pl-28 { + padding-left: 7rem; } - .lg\:focus\:ring-purple-900:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity)); + .xl\:pl-32 { + padding-left: 8rem; } - .lg\:focus\:ring-pink-50:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity)); + .xl\:pl-36 { + padding-left: 9rem; } - .lg\:focus\:ring-pink-100:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity)); + .xl\:pl-40 { + padding-left: 10rem; } - .lg\:focus\:ring-pink-200:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity)); + .xl\:pl-44 { + padding-left: 11rem; } - .lg\:focus\:ring-pink-300:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity)); + .xl\:pl-48 { + padding-left: 12rem; } - .lg\:focus\:ring-pink-400:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity)); + .xl\:pl-52 { + padding-left: 13rem; } - .lg\:focus\:ring-pink-500:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity)); + .xl\:pl-56 { + padding-left: 14rem; } - .lg\:focus\:ring-pink-600:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity)); + .xl\:pl-60 { + padding-left: 15rem; } - .lg\:focus\:ring-pink-700:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity)); + .xl\:pl-64 { + padding-left: 16rem; } - .lg\:focus\:ring-pink-800:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity)); + .xl\:pl-72 { + padding-left: 18rem; } - .lg\:focus\:ring-pink-900:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity)); + .xl\:pl-80 { + padding-left: 20rem; } - .lg\:ring-opacity-0 { - --tw-ring-opacity: 0; + .xl\:pl-96 { + padding-left: 24rem; } - .lg\:ring-opacity-5 { - --tw-ring-opacity: 0.05; + .xl\:pl-px { + padding-left: 1px; } - .lg\:ring-opacity-10 { - --tw-ring-opacity: 0.1; + .xl\:pl-0\.5 { + padding-left: 0.125rem; } - .lg\:ring-opacity-20 { - --tw-ring-opacity: 0.2; + .xl\:pl-1\.5 { + padding-left: 0.375rem; } - .lg\:ring-opacity-25 { - --tw-ring-opacity: 0.25; + .xl\:pl-2\.5 { + padding-left: 0.625rem; } - .lg\:ring-opacity-30 { - --tw-ring-opacity: 0.3; + .xl\:pl-3\.5 { + padding-left: 0.875rem; } - .lg\:ring-opacity-40 { - --tw-ring-opacity: 0.4; + .xl\:text-left { + text-align: left; } - .lg\:ring-opacity-50 { - --tw-ring-opacity: 0.5; + .xl\:text-center { + text-align: center; } - .lg\:ring-opacity-60 { - --tw-ring-opacity: 0.6; + .xl\:text-right { + text-align: right; } - .lg\:ring-opacity-70 { - --tw-ring-opacity: 0.7; + .xl\:text-justify { + text-align: justify; } - .lg\:ring-opacity-75 { - --tw-ring-opacity: 0.75; + .xl\:align-baseline { + vertical-align: baseline; } - .lg\:ring-opacity-80 { - --tw-ring-opacity: 0.8; + .xl\:align-top { + vertical-align: top; } - .lg\:ring-opacity-90 { - --tw-ring-opacity: 0.9; + .xl\:align-middle { + vertical-align: middle; } - .lg\:ring-opacity-95 { - --tw-ring-opacity: 0.95; + .xl\:align-bottom { + vertical-align: bottom; } - .lg\:ring-opacity-100 { - --tw-ring-opacity: 1; + .xl\:align-text-top { + vertical-align: text-top; } - .lg\:focus-within\:ring-opacity-0:focus-within { - --tw-ring-opacity: 0; + .xl\:align-text-bottom { + vertical-align: text-bottom; } - .lg\:focus-within\:ring-opacity-5:focus-within { - --tw-ring-opacity: 0.05; + .xl\:font-sans { + font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } - .lg\:focus-within\:ring-opacity-10:focus-within { - --tw-ring-opacity: 0.1; + .xl\:font-serif { + font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; } - .lg\:focus-within\:ring-opacity-20:focus-within { - --tw-ring-opacity: 0.2; + .xl\:font-mono { + font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } - .lg\:focus-within\:ring-opacity-25:focus-within { - --tw-ring-opacity: 0.25; + .xl\:text-xs { + font-size: 0.75rem; + line-height: 1rem; } - .lg\:focus-within\:ring-opacity-30:focus-within { - --tw-ring-opacity: 0.3; + .xl\:text-sm { + font-size: 0.875rem; + line-height: 1.25rem; } - .lg\:focus-within\:ring-opacity-40:focus-within { - --tw-ring-opacity: 0.4; + .xl\:text-base { + font-size: 1rem; + line-height: 1.5rem; } - .lg\:focus-within\:ring-opacity-50:focus-within { - --tw-ring-opacity: 0.5; + .xl\:text-lg { + font-size: 1.125rem; + line-height: 1.75rem; } - .lg\:focus-within\:ring-opacity-60:focus-within { - --tw-ring-opacity: 0.6; + .xl\:text-xl { + font-size: 1.25rem; + line-height: 1.75rem; } - .lg\:focus-within\:ring-opacity-70:focus-within { - --tw-ring-opacity: 0.7; + .xl\:text-2xl { + font-size: 1.5rem; + line-height: 2rem; } - .lg\:focus-within\:ring-opacity-75:focus-within { - --tw-ring-opacity: 0.75; + .xl\:text-3xl { + font-size: 1.875rem; + line-height: 2.25rem; } - .lg\:focus-within\:ring-opacity-80:focus-within { - --tw-ring-opacity: 0.8; + .xl\:text-4xl { + font-size: 2.25rem; + line-height: 2.5rem; } - .lg\:focus-within\:ring-opacity-90:focus-within { - --tw-ring-opacity: 0.9; + .xl\:text-5xl { + font-size: 3rem; + line-height: 1; } - .lg\:focus-within\:ring-opacity-95:focus-within { - --tw-ring-opacity: 0.95; + .xl\:text-6xl { + font-size: 3.75rem; + line-height: 1; } - .lg\:focus-within\:ring-opacity-100:focus-within { - --tw-ring-opacity: 1; + .xl\:text-7xl { + font-size: 4.5rem; + line-height: 1; } - .lg\:focus\:ring-opacity-0:focus { - --tw-ring-opacity: 0; + .xl\:text-8xl { + font-size: 6rem; + line-height: 1; } - .lg\:focus\:ring-opacity-5:focus { - --tw-ring-opacity: 0.05; + .xl\:text-9xl { + font-size: 8rem; + line-height: 1; } - .lg\:focus\:ring-opacity-10:focus { - --tw-ring-opacity: 0.1; + .xl\:font-thin { + font-weight: 100; } - .lg\:focus\:ring-opacity-20:focus { - --tw-ring-opacity: 0.2; + .xl\:font-extralight { + font-weight: 200; } - .lg\:focus\:ring-opacity-25:focus { - --tw-ring-opacity: 0.25; + .xl\:font-light { + font-weight: 300; } - .lg\:focus\:ring-opacity-30:focus { - --tw-ring-opacity: 0.3; + .xl\:font-normal { + font-weight: 400; } - .lg\:focus\:ring-opacity-40:focus { - --tw-ring-opacity: 0.4; + .xl\:font-medium { + font-weight: 500; } - .lg\:focus\:ring-opacity-50:focus { - --tw-ring-opacity: 0.5; + .xl\:font-semibold { + font-weight: 600; } - .lg\:focus\:ring-opacity-60:focus { - --tw-ring-opacity: 0.6; + .xl\:font-bold { + font-weight: 700; } - .lg\:focus\:ring-opacity-70:focus { - --tw-ring-opacity: 0.7; + .xl\:font-extrabold { + font-weight: 800; } - .lg\:focus\:ring-opacity-75:focus { - --tw-ring-opacity: 0.75; + .xl\:font-black { + font-weight: 900; } - .lg\:focus\:ring-opacity-80:focus { - --tw-ring-opacity: 0.8; + .xl\:uppercase { + text-transform: uppercase; } - .lg\:focus\:ring-opacity-90:focus { - --tw-ring-opacity: 0.9; + .xl\:lowercase { + text-transform: lowercase; } - .lg\:focus\:ring-opacity-95:focus { - --tw-ring-opacity: 0.95; + .xl\:capitalize { + text-transform: capitalize; } - .lg\:focus\:ring-opacity-100:focus { - --tw-ring-opacity: 1; + .xl\:normal-case { + text-transform: none; } - .lg\:ring-offset-0 { - --tw-ring-offset-width: 0px; + .xl\:italic { + font-style: italic; } - .lg\:ring-offset-1 { - --tw-ring-offset-width: 1px; + .xl\:not-italic { + font-style: normal; } - .lg\:ring-offset-2 { - --tw-ring-offset-width: 2px; + .xl\:ordinal, .xl\:slashed-zero, .xl\:lining-nums, .xl\:oldstyle-nums, .xl\:proportional-nums, .xl\:tabular-nums, .xl\:diagonal-fractions, .xl\:stacked-fractions { + --tw-ordinal: var(--tw-empty,/*!*/ /*!*/); + --tw-slashed-zero: var(--tw-empty,/*!*/ /*!*/); + --tw-numeric-figure: var(--tw-empty,/*!*/ /*!*/); + --tw-numeric-spacing: var(--tw-empty,/*!*/ /*!*/); + --tw-numeric-fraction: var(--tw-empty,/*!*/ /*!*/); + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); } - .lg\:ring-offset-4 { - --tw-ring-offset-width: 4px; + .xl\:normal-nums { + font-variant-numeric: normal; } - .lg\:ring-offset-8 { - --tw-ring-offset-width: 8px; + .xl\:ordinal { + --tw-ordinal: ordinal; } - .lg\:focus-within\:ring-offset-0:focus-within { - --tw-ring-offset-width: 0px; + .xl\:slashed-zero { + --tw-slashed-zero: slashed-zero; } - .lg\:focus-within\:ring-offset-1:focus-within { - --tw-ring-offset-width: 1px; + .xl\:lining-nums { + --tw-numeric-figure: lining-nums; } - .lg\:focus-within\:ring-offset-2:focus-within { - --tw-ring-offset-width: 2px; + .xl\:oldstyle-nums { + --tw-numeric-figure: oldstyle-nums; } - .lg\:focus-within\:ring-offset-4:focus-within { - --tw-ring-offset-width: 4px; + .xl\:proportional-nums { + --tw-numeric-spacing: proportional-nums; } - .lg\:focus-within\:ring-offset-8:focus-within { - --tw-ring-offset-width: 8px; + .xl\:tabular-nums { + --tw-numeric-spacing: tabular-nums; } - .lg\:focus\:ring-offset-0:focus { - --tw-ring-offset-width: 0px; + .xl\:diagonal-fractions { + --tw-numeric-fraction: diagonal-fractions; } - .lg\:focus\:ring-offset-1:focus { - --tw-ring-offset-width: 1px; + .xl\:stacked-fractions { + --tw-numeric-fraction: stacked-fractions; } - .lg\:focus\:ring-offset-2:focus { - --tw-ring-offset-width: 2px; + .xl\:leading-3 { + line-height: .75rem; } - .lg\:focus\:ring-offset-4:focus { - --tw-ring-offset-width: 4px; + .xl\:leading-4 { + line-height: 1rem; } - .lg\:focus\:ring-offset-8:focus { - --tw-ring-offset-width: 8px; + .xl\:leading-5 { + line-height: 1.25rem; } - .lg\:ring-offset-transparent { - --tw-ring-offset-color: transparent; + .xl\:leading-6 { + line-height: 1.5rem; } - .lg\:ring-offset-current { - --tw-ring-offset-color: currentColor; + .xl\:leading-7 { + line-height: 1.75rem; } - .lg\:ring-offset-black { - --tw-ring-offset-color: #000; + .xl\:leading-8 { + line-height: 2rem; } - .lg\:ring-offset-white { - --tw-ring-offset-color: #fff; + .xl\:leading-9 { + line-height: 2.25rem; } - .lg\:ring-offset-gray-50 { - --tw-ring-offset-color: #f9fafb; + .xl\:leading-10 { + line-height: 2.5rem; } - .lg\:ring-offset-gray-100 { - --tw-ring-offset-color: #f3f4f6; + .xl\:leading-none { + line-height: 1; } - .lg\:ring-offset-gray-200 { - --tw-ring-offset-color: #e5e7eb; + .xl\:leading-tight { + line-height: 1.25; } - .lg\:ring-offset-gray-300 { - --tw-ring-offset-color: #d1d5db; + .xl\:leading-snug { + line-height: 1.375; } - .lg\:ring-offset-gray-400 { - --tw-ring-offset-color: #9ca3af; + .xl\:leading-normal { + line-height: 1.5; } - .lg\:ring-offset-gray-500 { - --tw-ring-offset-color: #6b7280; + .xl\:leading-relaxed { + line-height: 1.625; } - .lg\:ring-offset-gray-600 { - --tw-ring-offset-color: #4b5563; + .xl\:leading-loose { + line-height: 2; } - .lg\:ring-offset-gray-700 { - --tw-ring-offset-color: #374151; + .xl\:tracking-tighter { + letter-spacing: -0.05em; } - .lg\:ring-offset-gray-800 { - --tw-ring-offset-color: #1f2937; + .xl\:tracking-tight { + letter-spacing: -0.025em; } - .lg\:ring-offset-gray-900 { - --tw-ring-offset-color: #111827; + .xl\:tracking-normal { + letter-spacing: 0em; } - .lg\:ring-offset-red-50 { - --tw-ring-offset-color: #fef2f2; + .xl\:tracking-wide { + letter-spacing: 0.025em; } - .lg\:ring-offset-red-100 { - --tw-ring-offset-color: #fee2e2; + .xl\:tracking-wider { + letter-spacing: 0.05em; } - .lg\:ring-offset-red-200 { - --tw-ring-offset-color: #fecaca; + .xl\:tracking-widest { + letter-spacing: 0.1em; } - .lg\:ring-offset-red-300 { - --tw-ring-offset-color: #fca5a5; + .xl\:text-colors-black { + color: var(--colors-black, #000000); } - .lg\:ring-offset-red-400 { - --tw-ring-offset-color: #f87171; + .xl\:text-colors-white { + color: var(--colors-white, #ffffff); } - .lg\:ring-offset-red-500 { - --tw-ring-offset-color: #ef4444; + .xl\:text-colors-gray-100 { + color: var(--colors-gray-100, #f7fafc); } - .lg\:ring-offset-red-600 { - --tw-ring-offset-color: #dc2626; + .xl\:text-colors-gray-200 { + color: var(--colors-gray-200, #edf2f7); } - .lg\:ring-offset-red-700 { - --tw-ring-offset-color: #b91c1c; + .xl\:text-colors-gray-300 { + color: var(--colors-gray-300, #e2e8f0); } - .lg\:ring-offset-red-800 { - --tw-ring-offset-color: #991b1b; + .xl\:text-colors-gray-400 { + color: var(--colors-gray-400, #cbd5e0); } - .lg\:ring-offset-red-900 { - --tw-ring-offset-color: #7f1d1d; + .xl\:text-colors-gray-500 { + color: var(--colors-gray-500, #a0aec0); } - .lg\:ring-offset-yellow-50 { - --tw-ring-offset-color: #fffbeb; + .xl\:text-colors-gray-600 { + color: var(--colors-gray-600, #718096); } - .lg\:ring-offset-yellow-100 { - --tw-ring-offset-color: #fef3c7; + .xl\:text-colors-gray-700 { + color: var(--colors-gray-700, #4a5568); } - .lg\:ring-offset-yellow-200 { - --tw-ring-offset-color: #fde68a; + .xl\:text-colors-gray-800 { + color: var(--colors-gray-800, #2d3748); } - .lg\:ring-offset-yellow-300 { - --tw-ring-offset-color: #fcd34d; + .xl\:text-colors-gray-900 { + color: var(--colors-gray-900, #1a202c); } - .lg\:ring-offset-yellow-400 { - --tw-ring-offset-color: #fbbf24; + .xl\:text-colors-red-100 { + color: var(--colors-red-100, #fff5f5); } - .lg\:ring-offset-yellow-500 { - --tw-ring-offset-color: #f59e0b; + .xl\:text-colors-red-200 { + color: var(--colors-red-200, #fed7d7); } - .lg\:ring-offset-yellow-600 { - --tw-ring-offset-color: #d97706; + .xl\:text-colors-red-300 { + color: var(--colors-red-300, #feb2b2); } - .lg\:ring-offset-yellow-700 { - --tw-ring-offset-color: #b45309; + .xl\:text-colors-red-400 { + color: var(--colors-red-400, #fc8181); } - .lg\:ring-offset-yellow-800 { - --tw-ring-offset-color: #92400e; + .xl\:text-colors-red-500 { + color: var(--colors-red-500, #f56565); } - .lg\:ring-offset-yellow-900 { - --tw-ring-offset-color: #78350f; + .xl\:text-colors-red-600 { + color: var(--colors-red-600, #e53e3e); } - .lg\:ring-offset-green-50 { - --tw-ring-offset-color: #ecfdf5; + .xl\:text-colors-red-700 { + color: var(--colors-red-700, #c53030); } - .lg\:ring-offset-green-100 { - --tw-ring-offset-color: #d1fae5; + .xl\:text-colors-red-800 { + color: var(--colors-red-800, #9b2c2c); } - .lg\:ring-offset-green-200 { - --tw-ring-offset-color: #a7f3d0; + .xl\:text-colors-red-900 { + color: var(--colors-red-900, #742a2a); } - .lg\:ring-offset-green-300 { - --tw-ring-offset-color: #6ee7b7; + .xl\:text-colors-orange-100 { + color: var(--colors-orange-100, #fffaf0); } - .lg\:ring-offset-green-400 { - --tw-ring-offset-color: #34d399; + .xl\:text-colors-orange-200 { + color: var(--colors-orange-200, #feebc8); } - .lg\:ring-offset-green-500 { - --tw-ring-offset-color: #10b981; + .xl\:text-colors-orange-300 { + color: var(--colors-orange-300, #fbd38d); } - .lg\:ring-offset-green-600 { - --tw-ring-offset-color: #059669; + .xl\:text-colors-orange-400 { + color: var(--colors-orange-400, #f6ad55); } - .lg\:ring-offset-green-700 { - --tw-ring-offset-color: #047857; + .xl\:text-colors-orange-500 { + color: var(--colors-orange-500, #ed8936); } - .lg\:ring-offset-green-800 { - --tw-ring-offset-color: #065f46; + .xl\:text-colors-orange-600 { + color: var(--colors-orange-600, #dd6b20); } - .lg\:ring-offset-green-900 { - --tw-ring-offset-color: #064e3b; + .xl\:text-colors-orange-700 { + color: var(--colors-orange-700, #c05621); } - .lg\:ring-offset-blue-50 { - --tw-ring-offset-color: #eff6ff; + .xl\:text-colors-orange-800 { + color: var(--colors-orange-800, #9c4221); } - .lg\:ring-offset-blue-100 { - --tw-ring-offset-color: #dbeafe; + .xl\:text-colors-orange-900 { + color: var(--colors-orange-900, #7b341e); } - .lg\:ring-offset-blue-200 { - --tw-ring-offset-color: #bfdbfe; + .xl\:text-colors-yellow-100 { + color: var(--colors-yellow-100, #fffff0); } - .lg\:ring-offset-blue-300 { - --tw-ring-offset-color: #93c5fd; + .xl\:text-colors-yellow-200 { + color: var(--colors-yellow-200, #fefcbf); } - .lg\:ring-offset-blue-400 { - --tw-ring-offset-color: #60a5fa; + .xl\:text-colors-yellow-300 { + color: var(--colors-yellow-300, #faf089); } - .lg\:ring-offset-blue-500 { - --tw-ring-offset-color: #3b82f6; + .xl\:text-colors-yellow-400 { + color: var(--colors-yellow-400, #f6e05e); } - .lg\:ring-offset-blue-600 { - --tw-ring-offset-color: #2563eb; + .xl\:text-colors-yellow-500 { + color: var(--colors-yellow-500, #ecc94b); } - .lg\:ring-offset-blue-700 { - --tw-ring-offset-color: #1d4ed8; + .xl\:text-colors-yellow-600 { + color: var(--colors-yellow-600, #d69e2e); } - .lg\:ring-offset-blue-800 { - --tw-ring-offset-color: #1e40af; + .xl\:text-colors-yellow-700 { + color: var(--colors-yellow-700, #b7791f); } - .lg\:ring-offset-blue-900 { - --tw-ring-offset-color: #1e3a8a; + .xl\:text-colors-yellow-800 { + color: var(--colors-yellow-800, #975a16); } - .lg\:ring-offset-indigo-50 { - --tw-ring-offset-color: #eef2ff; + .xl\:text-colors-yellow-900 { + color: var(--colors-yellow-900, #744210); } - .lg\:ring-offset-indigo-100 { - --tw-ring-offset-color: #e0e7ff; + .xl\:text-colors-green-100 { + color: var(--colors-green-100, #f0fff4); } - .lg\:ring-offset-indigo-200 { - --tw-ring-offset-color: #c7d2fe; + .xl\:text-colors-green-200 { + color: var(--colors-green-200, #c6f6d5); } - .lg\:ring-offset-indigo-300 { - --tw-ring-offset-color: #a5b4fc; + .xl\:text-colors-green-300 { + color: var(--colors-green-300, #9ae6b4); } - .lg\:ring-offset-indigo-400 { - --tw-ring-offset-color: #818cf8; + .xl\:text-colors-green-400 { + color: var(--colors-green-400, #68d391); } - .lg\:ring-offset-indigo-500 { - --tw-ring-offset-color: #6366f1; + .xl\:text-colors-green-500 { + color: var(--colors-green-500, #48bb78); } - .lg\:ring-offset-indigo-600 { - --tw-ring-offset-color: #4f46e5; + .xl\:text-colors-green-600 { + color: var(--colors-green-600, #38a169); } - .lg\:ring-offset-indigo-700 { - --tw-ring-offset-color: #4338ca; + .xl\:text-colors-green-700 { + color: var(--colors-green-700, #2f855a); } - .lg\:ring-offset-indigo-800 { - --tw-ring-offset-color: #3730a3; + .xl\:text-colors-green-800 { + color: var(--colors-green-800, #276749); } - .lg\:ring-offset-indigo-900 { - --tw-ring-offset-color: #312e81; + .xl\:text-colors-green-900 { + color: var(--colors-green-900, #22543d); } - .lg\:ring-offset-purple-50 { - --tw-ring-offset-color: #f5f3ff; + .xl\:text-colors-teal-100 { + color: var(--colors-teal-100, #e6fffa); } - .lg\:ring-offset-purple-100 { - --tw-ring-offset-color: #ede9fe; + .xl\:text-colors-teal-200 { + color: var(--colors-teal-200, #b2f5ea); } - .lg\:ring-offset-purple-200 { - --tw-ring-offset-color: #ddd6fe; + .xl\:text-colors-teal-300 { + color: var(--colors-teal-300, #81e6d9); } - .lg\:ring-offset-purple-300 { - --tw-ring-offset-color: #c4b5fd; + .xl\:text-colors-teal-400 { + color: var(--colors-teal-400, #4fd1c5); } - .lg\:ring-offset-purple-400 { - --tw-ring-offset-color: #a78bfa; + .xl\:text-colors-teal-500 { + color: var(--colors-teal-500, #38b2ac); } - .lg\:ring-offset-purple-500 { - --tw-ring-offset-color: #8b5cf6; + .xl\:text-colors-teal-600 { + color: var(--colors-teal-600, #319795); } - .lg\:ring-offset-purple-600 { - --tw-ring-offset-color: #7c3aed; + .xl\:text-colors-teal-700 { + color: var(--colors-teal-700, #2c7a7b); } - .lg\:ring-offset-purple-700 { - --tw-ring-offset-color: #6d28d9; + .xl\:text-colors-teal-800 { + color: var(--colors-teal-800, #285e61); } - .lg\:ring-offset-purple-800 { - --tw-ring-offset-color: #5b21b6; + .xl\:text-colors-teal-900 { + color: var(--colors-teal-900, #234e52); } - .lg\:ring-offset-purple-900 { - --tw-ring-offset-color: #4c1d95; + .xl\:text-colors-blue-100 { + color: var(--colors-blue-100, #ebf8ff); } - .lg\:ring-offset-pink-50 { - --tw-ring-offset-color: #fdf2f8; + .xl\:text-colors-blue-200 { + color: var(--colors-blue-200, #bee3f8); } - .lg\:ring-offset-pink-100 { - --tw-ring-offset-color: #fce7f3; + .xl\:text-colors-blue-300 { + color: var(--colors-blue-300, #90cdf4); } - .lg\:ring-offset-pink-200 { - --tw-ring-offset-color: #fbcfe8; + .xl\:text-colors-blue-400 { + color: var(--colors-blue-400, #63b3ed); } - .lg\:ring-offset-pink-300 { - --tw-ring-offset-color: #f9a8d4; + .xl\:text-colors-blue-500 { + color: var(--colors-blue-500, #4299e1); } - .lg\:ring-offset-pink-400 { - --tw-ring-offset-color: #f472b6; + .xl\:text-colors-blue-600 { + color: var(--colors-blue-600, #3182ce); } - .lg\:ring-offset-pink-500 { - --tw-ring-offset-color: #ec4899; + .xl\:text-colors-blue-700 { + color: var(--colors-blue-700, #2b6cb0); } - .lg\:ring-offset-pink-600 { - --tw-ring-offset-color: #db2777; + .xl\:text-colors-blue-800 { + color: var(--colors-blue-800, #2c5282); } - .lg\:ring-offset-pink-700 { - --tw-ring-offset-color: #be185d; + .xl\:text-colors-blue-900 { + color: var(--colors-blue-900, #2a4365); } - .lg\:ring-offset-pink-800 { - --tw-ring-offset-color: #9d174d; + .xl\:text-colors-indigo-100 { + color: var(--colors-indigo-100, #ebf4ff); } - .lg\:ring-offset-pink-900 { - --tw-ring-offset-color: #831843; + .xl\:text-colors-indigo-200 { + color: var(--colors-indigo-200, #c3dafe); } - .lg\:focus-within\:ring-offset-transparent:focus-within { - --tw-ring-offset-color: transparent; + .xl\:text-colors-indigo-300 { + color: var(--colors-indigo-300, #a3bffa); } - .lg\:focus-within\:ring-offset-current:focus-within { - --tw-ring-offset-color: currentColor; + .xl\:text-colors-indigo-400 { + color: var(--colors-indigo-400, #7f9cf5); } - .lg\:focus-within\:ring-offset-black:focus-within { - --tw-ring-offset-color: #000; + .xl\:text-colors-indigo-500 { + color: var(--colors-indigo-500, #667eea); } - .lg\:focus-within\:ring-offset-white:focus-within { - --tw-ring-offset-color: #fff; + .xl\:text-colors-indigo-600 { + color: var(--colors-indigo-600, #5a67d8); } - .lg\:focus-within\:ring-offset-gray-50:focus-within { - --tw-ring-offset-color: #f9fafb; + .xl\:text-colors-indigo-700 { + color: var(--colors-indigo-700, #4c51bf); } - .lg\:focus-within\:ring-offset-gray-100:focus-within { - --tw-ring-offset-color: #f3f4f6; + .xl\:text-colors-indigo-800 { + color: var(--colors-indigo-800, #434190); } - .lg\:focus-within\:ring-offset-gray-200:focus-within { - --tw-ring-offset-color: #e5e7eb; + .xl\:text-colors-indigo-900 { + color: var(--colors-indigo-900, #3c366b); } - .lg\:focus-within\:ring-offset-gray-300:focus-within { - --tw-ring-offset-color: #d1d5db; + .xl\:text-colors-purple-100 { + color: var(--colors-purple-100, #faf5ff); } - .lg\:focus-within\:ring-offset-gray-400:focus-within { - --tw-ring-offset-color: #9ca3af; + .xl\:text-colors-purple-200 { + color: var(--colors-purple-200, #e9d8fd); } - .lg\:focus-within\:ring-offset-gray-500:focus-within { - --tw-ring-offset-color: #6b7280; + .xl\:text-colors-purple-300 { + color: var(--colors-purple-300, #d6bcfa); } - .lg\:focus-within\:ring-offset-gray-600:focus-within { - --tw-ring-offset-color: #4b5563; + .xl\:text-colors-purple-400 { + color: var(--colors-purple-400, #b794f4); } - .lg\:focus-within\:ring-offset-gray-700:focus-within { - --tw-ring-offset-color: #374151; + .xl\:text-colors-purple-500 { + color: var(--colors-purple-500, #9f7aea); } - .lg\:focus-within\:ring-offset-gray-800:focus-within { - --tw-ring-offset-color: #1f2937; + .xl\:text-colors-purple-600 { + color: var(--colors-purple-600, #805ad5); } - .lg\:focus-within\:ring-offset-gray-900:focus-within { - --tw-ring-offset-color: #111827; + .xl\:text-colors-purple-700 { + color: var(--colors-purple-700, #6b46c1); } - .lg\:focus-within\:ring-offset-red-50:focus-within { - --tw-ring-offset-color: #fef2f2; + .xl\:text-colors-purple-800 { + color: var(--colors-purple-800, #553c9a); } - .lg\:focus-within\:ring-offset-red-100:focus-within { - --tw-ring-offset-color: #fee2e2; + .xl\:text-colors-purple-900 { + color: var(--colors-purple-900, #44337a); } - .lg\:focus-within\:ring-offset-red-200:focus-within { - --tw-ring-offset-color: #fecaca; + .xl\:text-colors-pink-100 { + color: var(--colors-pink-100, #fff5f7); } - .lg\:focus-within\:ring-offset-red-300:focus-within { - --tw-ring-offset-color: #fca5a5; + .xl\:text-colors-pink-200 { + color: var(--colors-pink-200, #fed7e2); } - .lg\:focus-within\:ring-offset-red-400:focus-within { - --tw-ring-offset-color: #f87171; + .xl\:text-colors-pink-300 { + color: var(--colors-pink-300, #fbb6ce); } - .lg\:focus-within\:ring-offset-red-500:focus-within { - --tw-ring-offset-color: #ef4444; + .xl\:text-colors-pink-400 { + color: var(--colors-pink-400, #f687b3); } - .lg\:focus-within\:ring-offset-red-600:focus-within { - --tw-ring-offset-color: #dc2626; + .xl\:text-colors-pink-500 { + color: var(--colors-pink-500, #ed64a6); } - .lg\:focus-within\:ring-offset-red-700:focus-within { - --tw-ring-offset-color: #b91c1c; + .xl\:text-colors-pink-600 { + color: var(--colors-pink-600, #d53f8c); } - .lg\:focus-within\:ring-offset-red-800:focus-within { - --tw-ring-offset-color: #991b1b; + .xl\:text-colors-pink-700 { + color: var(--colors-pink-700, #b83280); } - .lg\:focus-within\:ring-offset-red-900:focus-within { - --tw-ring-offset-color: #7f1d1d; + .xl\:text-colors-pink-800 { + color: var(--colors-pink-800, #97266d); } - .lg\:focus-within\:ring-offset-yellow-50:focus-within { - --tw-ring-offset-color: #fffbeb; + .xl\:text-colors-pink-900 { + color: var(--colors-pink-900, #702459); } - .lg\:focus-within\:ring-offset-yellow-100:focus-within { - --tw-ring-offset-color: #fef3c7; + .xl\:text-Box\ Shadow { + color: var(--box-shadow, #7f7e7f); } - .lg\:focus-within\:ring-offset-yellow-200:focus-within { - --tw-ring-offset-color: #fde68a; + .xl\:text-Error16 { + color: var(--error16, #f03d3e40); } - .lg\:focus-within\:ring-offset-yellow-300:focus-within { - --tw-ring-offset-color: #fcd34d; + .xl\:text-Success16 { + color: var(--success16, #5bb14d40); } - .lg\:focus-within\:ring-offset-yellow-400:focus-within { - --tw-ring-offset-color: #fbbf24; + .xl\:text-Notification16 { + color: var(--notification16, #3959ff40); } - .lg\:focus-within\:ring-offset-yellow-500:focus-within { - --tw-ring-offset-color: #f59e0b; + .xl\:text-Error8 { + color: var(--error8, #f03d3e1a); } - .lg\:focus-within\:ring-offset-yellow-600:focus-within { - --tw-ring-offset-color: #d97706; + .xl\:text-Notification8 { + color: var(--notification8, #3959ff1a); } - .lg\:focus-within\:ring-offset-yellow-700:focus-within { - --tw-ring-offset-color: #b45309; + .xl\:text-Success8 { + color: var(--success8, #5bb14d1a); } - .lg\:focus-within\:ring-offset-yellow-800:focus-within { - --tw-ring-offset-color: #92400e; + .xl\:text-Light\ -\ Overlay { + color: var(--light-overlay, #f0edee66); } - .lg\:focus-within\:ring-offset-yellow-900:focus-within { - --tw-ring-offset-color: #78350f; + .xl\:text-Dark-\ Overlay { + color: var(--dark-overlay, #7f7e7f66); } - .lg\:focus-within\:ring-offset-green-50:focus-within { - --tw-ring-offset-color: #ecfdf5; + .xl\:text-black-40 { + color: var(--black-40, #00000066); } - .lg\:focus-within\:ring-offset-green-100:focus-within { - --tw-ring-offset-color: #d1fae5; + .xl\:text-black-75 { + color: var(--black-75, #000000bf); } - .lg\:focus-within\:ring-offset-green-200:focus-within { - --tw-ring-offset-color: #a7f3d0; + .xl\:text-black-60 { + color: var(--black-60, #00000099); } - .lg\:focus-within\:ring-offset-green-300:focus-within { - --tw-ring-offset-color: #6ee7b7; + .xl\:text-black-50 { + color: var(--black-50, #00000080); } - .lg\:focus-within\:ring-offset-green-400:focus-within { - --tw-ring-offset-color: #34d399; + .xl\:text-black-25 { + color: var(--black-25, #00000040); } - .lg\:focus-within\:ring-offset-green-500:focus-within { - --tw-ring-offset-color: #10b981; + .xl\:text-black-10 { + color: var(--black-10, #0000001a); } - .lg\:focus-within\:ring-offset-green-600:focus-within { - --tw-ring-offset-color: #059669; + .xl\:text-white-25 { + color: var(--white-25, #ffffff40); } - .lg\:focus-within\:ring-offset-green-700:focus-within { - --tw-ring-offset-color: #047857; + .xl\:text-white-60 { + color: var(--white-60, #ffffff99); } - .lg\:focus-within\:ring-offset-green-800:focus-within { - --tw-ring-offset-color: #065f46; + .xl\:text-black-64 { + color: var(--black-64, #000000a3); } - .lg\:focus-within\:ring-offset-green-900:focus-within { - --tw-ring-offset-color: #064e3b; + .xl\:text-Shadow\ and\ Highlight-Shadow { + color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .lg\:focus-within\:ring-offset-blue-50:focus-within { - --tw-ring-offset-color: #eff6ff; + .xl\:text-Shadow\ and\ Highlight-Highlight { + color: var(--shadow-and-highlight-highlight, #474747); } - .lg\:focus-within\:ring-offset-blue-100:focus-within { - --tw-ring-offset-color: #dbeafe; + .xl\:text-Shadow\ and\ Highlight-highlight\ one { + color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .lg\:focus-within\:ring-offset-blue-200:focus-within { - --tw-ring-offset-color: #bfdbfe; + .xl\:text-Shadow\ and\ Highlight-highlight\ two { + color: var(--shadow-and-highlight-highlight-two, #47474799); } - .lg\:focus-within\:ring-offset-blue-300:focus-within { - --tw-ring-offset-color: #93c5fd; + .xl\:text-Shadow\ and\ Highlight-highlight\ three { + color: var(--shadow-and-highlight-highlight-three, #47474766); } - .lg\:focus-within\:ring-offset-blue-400:focus-within { - --tw-ring-offset-color: #60a5fa; + .xl\:text-Shadow\ and\ Highlight-highlight\ five { + color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .lg\:focus-within\:ring-offset-blue-500:focus-within { - --tw-ring-offset-color: #3b82f6; + .xl\:text-Shadow\ and\ Highlight-shadow\ one { + color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .lg\:focus-within\:ring-offset-blue-600:focus-within { - --tw-ring-offset-color: #2563eb; + .xl\:text-Shadow\ and\ Highlight-shadow\ two { + color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .lg\:focus-within\:ring-offset-blue-700:focus-within { - --tw-ring-offset-color: #1d4ed8; + .xl\:text-Shadow\ and\ Highlight-shadow\ three { + color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .lg\:focus-within\:ring-offset-blue-800:focus-within { - --tw-ring-offset-color: #1e40af; + .xl\:text-Shadow\ and\ Highlight-shadow\ four { + color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .lg\:focus-within\:ring-offset-blue-900:focus-within { - --tw-ring-offset-color: #1e3a8a; + .xl\:text-Shadow\ and\ Highlight-shadow\ five { + color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .lg\:focus-within\:ring-offset-indigo-50:focus-within { - --tw-ring-offset-color: #eef2ff; + .xl\:text-Shadow\ and\ Highlight-highlight\ four { + color: var(--shadow-and-highlight-highlight-four, #47474740); } - .lg\:focus-within\:ring-offset-indigo-100:focus-within { - --tw-ring-offset-color: #e0e7ff; + .xl\:text-Base\ Layer\ Styles-Base\ Layer-\ Light-White { + color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .lg\:focus-within\:ring-offset-indigo-200:focus-within { - --tw-ring-offset-color: #c7d2fe; + .xl\:text-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite { + color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .lg\:focus-within\:ring-offset-indigo-300:focus-within { - --tw-ring-offset-color: #a5b4fc; + .xl\:text-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack { + color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .lg\:focus-within\:ring-offset-indigo-400:focus-within { - --tw-ring-offset-color: #818cf8; + .xl\:text-Base\ Layer\ Styles-Base\ Layer-Dark-Black { + color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .lg\:focus-within\:ring-offset-indigo-500:focus-within { - --tw-ring-offset-color: #6366f1; + .xl\:text-Grey-Scale-white { + color: var(--grey-scale-white, #ffffff); } - .lg\:focus-within\:ring-offset-indigo-600:focus-within { - --tw-ring-offset-color: #4f46e5; + .xl\:text-Grey-Scale-off-white { + color: var(--grey-scale-off-white, #f0edee); } - .lg\:focus-within\:ring-offset-indigo-700:focus-within { - --tw-ring-offset-color: #4338ca; + .xl\:text-Grey\ Scale-grey { + color: var(--grey-scale-grey, #7f7e7f); } - .lg\:focus-within\:ring-offset-indigo-800:focus-within { - --tw-ring-offset-color: #3730a3; + .xl\:text-Grey\ Scale-charcoal { + color: var(--grey-scale-charcoal, #474747); } - .lg\:focus-within\:ring-offset-indigo-900:focus-within { - --tw-ring-offset-color: #312e81; + .xl\:text-Grey\ Scale-off-black { + color: var(--grey-scale-off-black, #1c1c1c); } - .lg\:focus-within\:ring-offset-purple-50:focus-within { - --tw-ring-offset-color: #f5f3ff; + .xl\:text-Grey\ Scale-black { + color: var(--grey-scale-black, #000000); } - .lg\:focus-within\:ring-offset-purple-100:focus-within { - --tw-ring-offset-color: #ede9fe; + .xl\:text-Blue-blue { + color: var(--blue-blue, #3a7ca5); } - .lg\:focus-within\:ring-offset-purple-200:focus-within { - --tw-ring-offset-color: #ddd6fe; + .xl\:text-Blue-blue-100 { + color: var(--blue-blue-100, #75a3c0); } - .lg\:focus-within\:ring-offset-purple-300:focus-within { - --tw-ring-offset-color: #c4b5fd; + .xl\:text-Blue-blue-200 { + color: var(--blue-blue-200, #9cbed2); } - .lg\:focus-within\:ring-offset-purple-400:focus-within { - --tw-ring-offset-color: #a78bfa; + .xl\:text-Blue-blue-300 { + color: var(--blue-blue-300, #4f7d9a); } - .lg\:focus-within\:ring-offset-purple-500:focus-within { - --tw-ring-offset-color: #8b5cf6; + .xl\:text-Blue-blue-400 { + color: var(--blue-blue-400, #5c7d92); } - .lg\:focus-within\:ring-offset-purple-600:focus-within { - --tw-ring-offset-color: #7c3aed; + .xl\:text-Blue-blue-500 { + color: var(--blue-blue-500, #347095); } - .lg\:focus-within\:ring-offset-purple-700:focus-within { - --tw-ring-offset-color: #6d28d9; + .xl\:text-Blue-blue-600 { + color: var(--blue-blue-600, #295774); } - .lg\:focus-within\:ring-offset-purple-800:focus-within { - --tw-ring-offset-color: #5b21b6; + .xl\:text-Blue-blue-700 { + color: var(--blue-blue-700, #173242); } - .lg\:focus-within\:ring-offset-purple-900:focus-within { - --tw-ring-offset-color: #4c1d95; + .xl\:text-LightBlue-lightblue { + color: var(--light-blue-lightblue, #81c3d7); } - .lg\:focus-within\:ring-offset-pink-50:focus-within { - --tw-ring-offset-color: #fdf2f8; + .xl\:text-LightBlue-lightblue-100 { + color: var(--light-blue-lightblue-100, #a7d5e3); } - .lg\:focus-within\:ring-offset-pink-100:focus-within { - --tw-ring-offset-color: #fce7f3; + .xl\:text-LightBlue-lightblue-200 { + color: var(--light-blue-lightblue-200, #c0e1eb); } - .lg\:focus-within\:ring-offset-pink-200:focus-within { - --tw-ring-offset-color: #fbcfe8; + .xl\:text-LightBlue-lightblue-300 { + color: var(--light-blue-lightblue-300, #80aebd); } - .lg\:focus-within\:ring-offset-pink-300:focus-within { - --tw-ring-offset-color: #f9a8d4; + .xl\:text-LightBlue-lightblue-400 { + color: var(--light-blue-lightblue-400, #80a0ab); } - .lg\:focus-within\:ring-offset-pink-400:focus-within { - --tw-ring-offset-color: #f472b6; + .xl\:text-LightBlue-lightblue-500 { + color: var(--light-blue-lightblue-500, #74afc1); } - .lg\:focus-within\:ring-offset-pink-500:focus-within { - --tw-ring-offset-color: #ec4899; + .xl\:text-LightBlue-lightblue-600 { + color: var(--light-blue-lightblue-600, #5a8997); } - .lg\:focus-within\:ring-offset-pink-600:focus-within { - --tw-ring-offset-color: #db2777; + .xl\:text-LightBlue-lightblue-650 { + color: var(--light-blue-lightblue-650, #3e5e65); } - .lg\:focus-within\:ring-offset-pink-700:focus-within { - --tw-ring-offset-color: #be185d; + .xl\:text-LightBlue-lightblue-700 { + color: var(--light-blue-lightblue-700, #344e56); } - .lg\:focus-within\:ring-offset-pink-800:focus-within { - --tw-ring-offset-color: #9d174d; + .xl\:text-Orange-orange { + color: var(--orange-orange, #ff7f0e); } - .lg\:focus-within\:ring-offset-pink-900:focus-within { - --tw-ring-offset-color: #831843; + .xl\:text-Orange-orange-100 { + color: var(--orange-orange-100, #ffa556); } - .lg\:focus\:ring-offset-transparent:focus { - --tw-ring-offset-color: transparent; + .xl\:text-Orange-orange-200 { + color: var(--orange-orange-200, #ffbf86); } - .lg\:focus\:ring-offset-current:focus { - --tw-ring-offset-color: currentColor; + .xl\:text-Orange-orange-300 { + color: var(--orange-orange-300, #d97f30); } - .lg\:focus\:ring-offset-black:focus { - --tw-ring-offset-color: #000; + .xl\:text-Orange-orange-400 { + color: var(--orange-orange-400, #bf7e46); } - .lg\:focus\:ring-offset-white:focus { - --tw-ring-offset-color: #fff; + .xl\:text-Orange-orange-500 { + color: var(--orange-orange-500, #e5720d); } - .lg\:focus\:ring-offset-gray-50:focus { - --tw-ring-offset-color: #f9fafb; + .xl\:text-Orange-orange-600 { + color: var(--orange-orange-600, #b3590a); } - .lg\:focus\:ring-offset-gray-100:focus { - --tw-ring-offset-color: #f3f4f6; + .xl\:text-Orange-orange-700 { + color: var(--orange-orange-700, #663306); } - .lg\:focus\:ring-offset-gray-200:focus { - --tw-ring-offset-color: #e5e7eb; + .xl\:text-Yellow-yellow { + color: var(--yellow-yellow, #ffab00); } - .lg\:focus\:ring-offset-gray-300:focus { - --tw-ring-offset-color: #d1d5db; + .xl\:text-Yellow-yellow-100 { + color: var(--yellow-yellow-100, #ffc44c); } - .lg\:focus\:ring-offset-gray-400:focus { - --tw-ring-offset-color: #9ca3af; + .xl\:text-Yellow-yellow-200 { + color: var(--yellow-yellow-200, #ffd580); } - .lg\:focus\:ring-offset-gray-500:focus { - --tw-ring-offset-color: #6b7280; + .xl\:text-Yellow-yellow-300 { + color: var(--yellow-yellow-300, #d99d26); } - .lg\:focus\:ring-offset-gray-600:focus { - --tw-ring-offset-color: #4b5563; + .xl\:text-Yellow-yellow-400 { + color: var(--yellow-yellow-400, #bf943f); } - .lg\:focus\:ring-offset-gray-700:focus { - --tw-ring-offset-color: #374151; + .xl\:text-Yellow-yellow-500 { + color: var(--yellow-yellow-500, #e59a00); } - .lg\:focus\:ring-offset-gray-800:focus { - --tw-ring-offset-color: #1f2937; + .xl\:text-Yellow-yellow-600 { + color: var(--yellow-yellow-600, #b37800); } - .lg\:focus\:ring-offset-gray-900:focus { - --tw-ring-offset-color: #111827; + .xl\:text-Yellow-yellow-700 { + color: var(--yellow-yellow-700, #664400); } - .lg\:focus\:ring-offset-red-50:focus { - --tw-ring-offset-color: #fef2f2; + .xl\:text-Notification-notification { + color: var(--notification-notification, #3959ff); } - .lg\:focus\:ring-offset-red-100:focus { - --tw-ring-offset-color: #fee2e2; + .xl\:text-Notification-notification-100 { + color: var(--notification-notification-100, #748bff); } - .lg\:focus\:ring-offset-red-200:focus { - --tw-ring-offset-color: #fecaca; + .xl\:text-Notification-notification-200 { + color: var(--notification-notification-200, #9cacff); } - .lg\:focus\:ring-offset-red-300:focus { - --tw-ring-offset-color: #fca5a5; + .xl\:text-Notification-notification-300 { + color: var(--notification-notification-300, #4e64d9); } - .lg\:focus\:ring-offset-red-400:focus { - --tw-ring-offset-color: #f87171; + .xl\:text-Notification-notification-400 { + color: var(--notification-notification-400, #5c6cbf); } - .lg\:focus\:ring-offset-red-500:focus { - --tw-ring-offset-color: #ef4444; + .xl\:text-Notification-notification-500 { + color: var(--notification-notification-500, #3350e5); } - .lg\:focus\:ring-offset-red-600:focus { - --tw-ring-offset-color: #dc2626; + .xl\:text-Notification-notification-600 { + color: var(--notification-notification-600, #283eb3); } - .lg\:focus\:ring-offset-red-700:focus { - --tw-ring-offset-color: #b91c1c; + .xl\:text-Notification-notification-700 { + color: var(--notification-notification-700, #172466); } - .lg\:focus\:ring-offset-red-800:focus { - --tw-ring-offset-color: #991b1b; + .xl\:text-Success-success\ -700 { + color: var(--success-success-700, #24471f); } - .lg\:focus\:ring-offset-red-900:focus { - --tw-ring-offset-color: #7f1d1d; + .xl\:text-Success-success { + color: var(--success-success, #5bb14d); } - .lg\:focus\:ring-offset-yellow-50:focus { - --tw-ring-offset-color: #fffbeb; + .xl\:text-Success-success\ -100 { + color: var(--success-success-100, #8cc882); } - .lg\:focus\:ring-offset-yellow-100:focus { - --tw-ring-offset-color: #fef3c7; + .xl\:text-Success-success\ -200 { + color: var(--success-success-200, #add8a6); } - .lg\:focus\:ring-offset-yellow-200:focus { - --tw-ring-offset-color: #fde68a; + .xl\:text-Success-success\ -300 { + color: var(--success-success-300, #66a25c); } - .lg\:focus\:ring-offset-yellow-300:focus { - --tw-ring-offset-color: #fcd34d; + .xl\:text-Success-success\ -400 { + color: var(--success-success-400, #6d9766); } - .lg\:focus\:ring-offset-yellow-400:focus { - --tw-ring-offset-color: #fbbf24; + .xl\:text-Success-success\ -500 { + color: var(--success-success-500, #529f45); } - .lg\:focus\:ring-offset-yellow-500:focus { - --tw-ring-offset-color: #f59e0b; + .xl\:text-Success-success\ -600 { + color: var(--success-success-600, #407c36); } - .lg\:focus\:ring-offset-yellow-600:focus { - --tw-ring-offset-color: #d97706; + .xl\:text-Error-error { + color: var(--error-error, #f03d3e); } - .lg\:focus\:ring-offset-yellow-700:focus { - --tw-ring-offset-color: #b45309; + .xl\:text-Error-error-100 { + color: var(--error-error-100, #f57778); } - .lg\:focus\:ring-offset-yellow-800:focus { - --tw-ring-offset-color: #92400e; + .xl\:text-Error-error-200 { + color: var(--error-error-200, #f89e9e); } - .lg\:focus\:ring-offset-yellow-900:focus { - --tw-ring-offset-color: #78350f; + .xl\:text-Error-error-250 { + color: var(--error-error-250, #f9c8c8); } - .lg\:focus\:ring-offset-green-50:focus { - --tw-ring-offset-color: #ecfdf5; + .xl\:text-Error-error-300 { + color: var(--error-error-300, #ce5151); } - .lg\:focus\:ring-offset-green-100:focus { - --tw-ring-offset-color: #d1fae5; + .xl\:text-Error-error-400 { + color: var(--error-error-400, #b85e5e); } - .lg\:focus\:ring-offset-green-200:focus { - --tw-ring-offset-color: #a7f3d0; + .xl\:text-Error-error-500 { + color: var(--error-error-500, #d83738); } - .lg\:focus\:ring-offset-green-300:focus { - --tw-ring-offset-color: #6ee7b7; + .xl\:text-Error-error-600 { + color: var(--error-error-600, #a82b2b); } - .lg\:focus\:ring-offset-green-400:focus { - --tw-ring-offset-color: #34d399; + .xl\:text-Error-error-700 { + color: var(--error-error-700, #601819); } - .lg\:focus\:ring-offset-green-500:focus { - --tw-ring-offset-color: #10b981; + .group:hover .xl\:group-hover\:text-colors-black { + color: var(--colors-black, #000000); } - .lg\:focus\:ring-offset-green-600:focus { - --tw-ring-offset-color: #059669; + .group:hover .xl\:group-hover\:text-colors-white { + color: var(--colors-white, #ffffff); } - .lg\:focus\:ring-offset-green-700:focus { - --tw-ring-offset-color: #047857; + .group:hover .xl\:group-hover\:text-colors-gray-100 { + color: var(--colors-gray-100, #f7fafc); } - .lg\:focus\:ring-offset-green-800:focus { - --tw-ring-offset-color: #065f46; + .group:hover .xl\:group-hover\:text-colors-gray-200 { + color: var(--colors-gray-200, #edf2f7); } - .lg\:focus\:ring-offset-green-900:focus { - --tw-ring-offset-color: #064e3b; + .group:hover .xl\:group-hover\:text-colors-gray-300 { + color: var(--colors-gray-300, #e2e8f0); } - .lg\:focus\:ring-offset-blue-50:focus { - --tw-ring-offset-color: #eff6ff; + .group:hover .xl\:group-hover\:text-colors-gray-400 { + color: var(--colors-gray-400, #cbd5e0); } - .lg\:focus\:ring-offset-blue-100:focus { - --tw-ring-offset-color: #dbeafe; + .group:hover .xl\:group-hover\:text-colors-gray-500 { + color: var(--colors-gray-500, #a0aec0); } - .lg\:focus\:ring-offset-blue-200:focus { - --tw-ring-offset-color: #bfdbfe; + .group:hover .xl\:group-hover\:text-colors-gray-600 { + color: var(--colors-gray-600, #718096); } - .lg\:focus\:ring-offset-blue-300:focus { - --tw-ring-offset-color: #93c5fd; + .group:hover .xl\:group-hover\:text-colors-gray-700 { + color: var(--colors-gray-700, #4a5568); } - .lg\:focus\:ring-offset-blue-400:focus { - --tw-ring-offset-color: #60a5fa; + .group:hover .xl\:group-hover\:text-colors-gray-800 { + color: var(--colors-gray-800, #2d3748); } - .lg\:focus\:ring-offset-blue-500:focus { - --tw-ring-offset-color: #3b82f6; + .group:hover .xl\:group-hover\:text-colors-gray-900 { + color: var(--colors-gray-900, #1a202c); } - .lg\:focus\:ring-offset-blue-600:focus { - --tw-ring-offset-color: #2563eb; + .group:hover .xl\:group-hover\:text-colors-red-100 { + color: var(--colors-red-100, #fff5f5); } - .lg\:focus\:ring-offset-blue-700:focus { - --tw-ring-offset-color: #1d4ed8; + .group:hover .xl\:group-hover\:text-colors-red-200 { + color: var(--colors-red-200, #fed7d7); } - .lg\:focus\:ring-offset-blue-800:focus { - --tw-ring-offset-color: #1e40af; + .group:hover .xl\:group-hover\:text-colors-red-300 { + color: var(--colors-red-300, #feb2b2); } - .lg\:focus\:ring-offset-blue-900:focus { - --tw-ring-offset-color: #1e3a8a; + .group:hover .xl\:group-hover\:text-colors-red-400 { + color: var(--colors-red-400, #fc8181); } - .lg\:focus\:ring-offset-indigo-50:focus { - --tw-ring-offset-color: #eef2ff; + .group:hover .xl\:group-hover\:text-colors-red-500 { + color: var(--colors-red-500, #f56565); } - .lg\:focus\:ring-offset-indigo-100:focus { - --tw-ring-offset-color: #e0e7ff; + .group:hover .xl\:group-hover\:text-colors-red-600 { + color: var(--colors-red-600, #e53e3e); } - .lg\:focus\:ring-offset-indigo-200:focus { - --tw-ring-offset-color: #c7d2fe; + .group:hover .xl\:group-hover\:text-colors-red-700 { + color: var(--colors-red-700, #c53030); } - .lg\:focus\:ring-offset-indigo-300:focus { - --tw-ring-offset-color: #a5b4fc; + .group:hover .xl\:group-hover\:text-colors-red-800 { + color: var(--colors-red-800, #9b2c2c); } - .lg\:focus\:ring-offset-indigo-400:focus { - --tw-ring-offset-color: #818cf8; + .group:hover .xl\:group-hover\:text-colors-red-900 { + color: var(--colors-red-900, #742a2a); } - .lg\:focus\:ring-offset-indigo-500:focus { - --tw-ring-offset-color: #6366f1; + .group:hover .xl\:group-hover\:text-colors-orange-100 { + color: var(--colors-orange-100, #fffaf0); } - .lg\:focus\:ring-offset-indigo-600:focus { - --tw-ring-offset-color: #4f46e5; + .group:hover .xl\:group-hover\:text-colors-orange-200 { + color: var(--colors-orange-200, #feebc8); } - .lg\:focus\:ring-offset-indigo-700:focus { - --tw-ring-offset-color: #4338ca; + .group:hover .xl\:group-hover\:text-colors-orange-300 { + color: var(--colors-orange-300, #fbd38d); } - .lg\:focus\:ring-offset-indigo-800:focus { - --tw-ring-offset-color: #3730a3; + .group:hover .xl\:group-hover\:text-colors-orange-400 { + color: var(--colors-orange-400, #f6ad55); } - .lg\:focus\:ring-offset-indigo-900:focus { - --tw-ring-offset-color: #312e81; + .group:hover .xl\:group-hover\:text-colors-orange-500 { + color: var(--colors-orange-500, #ed8936); } - .lg\:focus\:ring-offset-purple-50:focus { - --tw-ring-offset-color: #f5f3ff; + .group:hover .xl\:group-hover\:text-colors-orange-600 { + color: var(--colors-orange-600, #dd6b20); } - .lg\:focus\:ring-offset-purple-100:focus { - --tw-ring-offset-color: #ede9fe; + .group:hover .xl\:group-hover\:text-colors-orange-700 { + color: var(--colors-orange-700, #c05621); } - .lg\:focus\:ring-offset-purple-200:focus { - --tw-ring-offset-color: #ddd6fe; + .group:hover .xl\:group-hover\:text-colors-orange-800 { + color: var(--colors-orange-800, #9c4221); } - .lg\:focus\:ring-offset-purple-300:focus { - --tw-ring-offset-color: #c4b5fd; + .group:hover .xl\:group-hover\:text-colors-orange-900 { + color: var(--colors-orange-900, #7b341e); } - .lg\:focus\:ring-offset-purple-400:focus { - --tw-ring-offset-color: #a78bfa; + .group:hover .xl\:group-hover\:text-colors-yellow-100 { + color: var(--colors-yellow-100, #fffff0); } - .lg\:focus\:ring-offset-purple-500:focus { - --tw-ring-offset-color: #8b5cf6; + .group:hover .xl\:group-hover\:text-colors-yellow-200 { + color: var(--colors-yellow-200, #fefcbf); } - .lg\:focus\:ring-offset-purple-600:focus { - --tw-ring-offset-color: #7c3aed; + .group:hover .xl\:group-hover\:text-colors-yellow-300 { + color: var(--colors-yellow-300, #faf089); } - .lg\:focus\:ring-offset-purple-700:focus { - --tw-ring-offset-color: #6d28d9; + .group:hover .xl\:group-hover\:text-colors-yellow-400 { + color: var(--colors-yellow-400, #f6e05e); } - .lg\:focus\:ring-offset-purple-800:focus { - --tw-ring-offset-color: #5b21b6; + .group:hover .xl\:group-hover\:text-colors-yellow-500 { + color: var(--colors-yellow-500, #ecc94b); } - .lg\:focus\:ring-offset-purple-900:focus { - --tw-ring-offset-color: #4c1d95; + .group:hover .xl\:group-hover\:text-colors-yellow-600 { + color: var(--colors-yellow-600, #d69e2e); } - .lg\:focus\:ring-offset-pink-50:focus { - --tw-ring-offset-color: #fdf2f8; + .group:hover .xl\:group-hover\:text-colors-yellow-700 { + color: var(--colors-yellow-700, #b7791f); } - .lg\:focus\:ring-offset-pink-100:focus { - --tw-ring-offset-color: #fce7f3; + .group:hover .xl\:group-hover\:text-colors-yellow-800 { + color: var(--colors-yellow-800, #975a16); } - .lg\:focus\:ring-offset-pink-200:focus { - --tw-ring-offset-color: #fbcfe8; + .group:hover .xl\:group-hover\:text-colors-yellow-900 { + color: var(--colors-yellow-900, #744210); } - .lg\:focus\:ring-offset-pink-300:focus { - --tw-ring-offset-color: #f9a8d4; + .group:hover .xl\:group-hover\:text-colors-green-100 { + color: var(--colors-green-100, #f0fff4); } - .lg\:focus\:ring-offset-pink-400:focus { - --tw-ring-offset-color: #f472b6; + .group:hover .xl\:group-hover\:text-colors-green-200 { + color: var(--colors-green-200, #c6f6d5); } - .lg\:focus\:ring-offset-pink-500:focus { - --tw-ring-offset-color: #ec4899; + .group:hover .xl\:group-hover\:text-colors-green-300 { + color: var(--colors-green-300, #9ae6b4); } - .lg\:focus\:ring-offset-pink-600:focus { - --tw-ring-offset-color: #db2777; + .group:hover .xl\:group-hover\:text-colors-green-400 { + color: var(--colors-green-400, #68d391); } - .lg\:focus\:ring-offset-pink-700:focus { - --tw-ring-offset-color: #be185d; + .group:hover .xl\:group-hover\:text-colors-green-500 { + color: var(--colors-green-500, #48bb78); } - .lg\:focus\:ring-offset-pink-800:focus { - --tw-ring-offset-color: #9d174d; + .group:hover .xl\:group-hover\:text-colors-green-600 { + color: var(--colors-green-600, #38a169); } - .lg\:focus\:ring-offset-pink-900:focus { - --tw-ring-offset-color: #831843; + .group:hover .xl\:group-hover\:text-colors-green-700 { + color: var(--colors-green-700, #2f855a); } - .lg\:filter { - --tw-blur: var(--tw-empty,/*!*/ /*!*/); - --tw-brightness: var(--tw-empty,/*!*/ /*!*/); - --tw-contrast: var(--tw-empty,/*!*/ /*!*/); - --tw-grayscale: var(--tw-empty,/*!*/ /*!*/); - --tw-hue-rotate: var(--tw-empty,/*!*/ /*!*/); - --tw-invert: var(--tw-empty,/*!*/ /*!*/); - --tw-saturate: var(--tw-empty,/*!*/ /*!*/); - --tw-sepia: var(--tw-empty,/*!*/ /*!*/); - --tw-drop-shadow: var(--tw-empty,/*!*/ /*!*/); - filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); + .group:hover .xl\:group-hover\:text-colors-green-800 { + color: var(--colors-green-800, #276749); } - .lg\:filter-none { - filter: none; + .group:hover .xl\:group-hover\:text-colors-green-900 { + color: var(--colors-green-900, #22543d); } - .lg\:blur-0 { - --tw-blur: blur(0); + .group:hover .xl\:group-hover\:text-colors-teal-100 { + color: var(--colors-teal-100, #e6fffa); } - .lg\:blur-none { - --tw-blur: blur(0); + .group:hover .xl\:group-hover\:text-colors-teal-200 { + color: var(--colors-teal-200, #b2f5ea); } - .lg\:blur-sm { - --tw-blur: blur(4px); + .group:hover .xl\:group-hover\:text-colors-teal-300 { + color: var(--colors-teal-300, #81e6d9); } - .lg\:blur { - --tw-blur: blur(8px); + .group:hover .xl\:group-hover\:text-colors-teal-400 { + color: var(--colors-teal-400, #4fd1c5); } - .lg\:blur-md { - --tw-blur: blur(12px); + .group:hover .xl\:group-hover\:text-colors-teal-500 { + color: var(--colors-teal-500, #38b2ac); } - .lg\:blur-lg { - --tw-blur: blur(16px); + .group:hover .xl\:group-hover\:text-colors-teal-600 { + color: var(--colors-teal-600, #319795); } - .lg\:blur-xl { - --tw-blur: blur(24px); + .group:hover .xl\:group-hover\:text-colors-teal-700 { + color: var(--colors-teal-700, #2c7a7b); } - .lg\:blur-2xl { - --tw-blur: blur(40px); + .group:hover .xl\:group-hover\:text-colors-teal-800 { + color: var(--colors-teal-800, #285e61); } - .lg\:blur-3xl { - --tw-blur: blur(64px); + .group:hover .xl\:group-hover\:text-colors-teal-900 { + color: var(--colors-teal-900, #234e52); } - .lg\:brightness-0 { - --tw-brightness: brightness(0); + .group:hover .xl\:group-hover\:text-colors-blue-100 { + color: var(--colors-blue-100, #ebf8ff); } - .lg\:brightness-50 { - --tw-brightness: brightness(.5); + .group:hover .xl\:group-hover\:text-colors-blue-200 { + color: var(--colors-blue-200, #bee3f8); } - .lg\:brightness-75 { - --tw-brightness: brightness(.75); + .group:hover .xl\:group-hover\:text-colors-blue-300 { + color: var(--colors-blue-300, #90cdf4); } - .lg\:brightness-90 { - --tw-brightness: brightness(.9); + .group:hover .xl\:group-hover\:text-colors-blue-400 { + color: var(--colors-blue-400, #63b3ed); } - .lg\:brightness-95 { - --tw-brightness: brightness(.95); + .group:hover .xl\:group-hover\:text-colors-blue-500 { + color: var(--colors-blue-500, #4299e1); } - .lg\:brightness-100 { - --tw-brightness: brightness(1); + .group:hover .xl\:group-hover\:text-colors-blue-600 { + color: var(--colors-blue-600, #3182ce); } - .lg\:brightness-105 { - --tw-brightness: brightness(1.05); + .group:hover .xl\:group-hover\:text-colors-blue-700 { + color: var(--colors-blue-700, #2b6cb0); } - .lg\:brightness-110 { - --tw-brightness: brightness(1.1); + .group:hover .xl\:group-hover\:text-colors-blue-800 { + color: var(--colors-blue-800, #2c5282); } - .lg\:brightness-125 { - --tw-brightness: brightness(1.25); + .group:hover .xl\:group-hover\:text-colors-blue-900 { + color: var(--colors-blue-900, #2a4365); } - .lg\:brightness-150 { - --tw-brightness: brightness(1.5); + .group:hover .xl\:group-hover\:text-colors-indigo-100 { + color: var(--colors-indigo-100, #ebf4ff); } - .lg\:brightness-200 { - --tw-brightness: brightness(2); + .group:hover .xl\:group-hover\:text-colors-indigo-200 { + color: var(--colors-indigo-200, #c3dafe); } - .lg\:contrast-0 { - --tw-contrast: contrast(0); + .group:hover .xl\:group-hover\:text-colors-indigo-300 { + color: var(--colors-indigo-300, #a3bffa); } - .lg\:contrast-50 { - --tw-contrast: contrast(.5); + .group:hover .xl\:group-hover\:text-colors-indigo-400 { + color: var(--colors-indigo-400, #7f9cf5); } - .lg\:contrast-75 { - --tw-contrast: contrast(.75); + .group:hover .xl\:group-hover\:text-colors-indigo-500 { + color: var(--colors-indigo-500, #667eea); } - .lg\:contrast-100 { - --tw-contrast: contrast(1); + .group:hover .xl\:group-hover\:text-colors-indigo-600 { + color: var(--colors-indigo-600, #5a67d8); } - .lg\:contrast-125 { - --tw-contrast: contrast(1.25); + .group:hover .xl\:group-hover\:text-colors-indigo-700 { + color: var(--colors-indigo-700, #4c51bf); } - .lg\:contrast-150 { - --tw-contrast: contrast(1.5); + .group:hover .xl\:group-hover\:text-colors-indigo-800 { + color: var(--colors-indigo-800, #434190); } - .lg\:contrast-200 { - --tw-contrast: contrast(2); + .group:hover .xl\:group-hover\:text-colors-indigo-900 { + color: var(--colors-indigo-900, #3c366b); } - .lg\:drop-shadow-sm { - --tw-drop-shadow: drop-shadow(0 1px 1px rgba(0,0,0,0.05)); + .group:hover .xl\:group-hover\:text-colors-purple-100 { + color: var(--colors-purple-100, #faf5ff); } - .lg\:drop-shadow { - --tw-drop-shadow: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1)) drop-shadow(0 1px 1px rgba(0, 0, 0, 0.06)); + .group:hover .xl\:group-hover\:text-colors-purple-200 { + color: var(--colors-purple-200, #e9d8fd); } - .lg\:drop-shadow-md { - --tw-drop-shadow: drop-shadow(0 4px 3px rgba(0, 0, 0, 0.07)) drop-shadow(0 2px 2px rgba(0, 0, 0, 0.06)); + .group:hover .xl\:group-hover\:text-colors-purple-300 { + color: var(--colors-purple-300, #d6bcfa); } - .lg\:drop-shadow-lg { - --tw-drop-shadow: drop-shadow(0 10px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0 4px 3px rgba(0, 0, 0, 0.1)); + .group:hover .xl\:group-hover\:text-colors-purple-400 { + color: var(--colors-purple-400, #b794f4); } - .lg\:drop-shadow-xl { - --tw-drop-shadow: drop-shadow(0 20px 13px rgba(0, 0, 0, 0.03)) drop-shadow(0 8px 5px rgba(0, 0, 0, 0.08)); + .group:hover .xl\:group-hover\:text-colors-purple-500 { + color: var(--colors-purple-500, #9f7aea); } - .lg\:drop-shadow-2xl { - --tw-drop-shadow: drop-shadow(0 25px 25px rgba(0, 0, 0, 0.15)); + .group:hover .xl\:group-hover\:text-colors-purple-600 { + color: var(--colors-purple-600, #805ad5); } - .lg\:drop-shadow-none { - --tw-drop-shadow: drop-shadow(0 0 #0000); + .group:hover .xl\:group-hover\:text-colors-purple-700 { + color: var(--colors-purple-700, #6b46c1); } - .lg\:grayscale-0 { - --tw-grayscale: grayscale(0); + .group:hover .xl\:group-hover\:text-colors-purple-800 { + color: var(--colors-purple-800, #553c9a); } - .lg\:grayscale { - --tw-grayscale: grayscale(100%); + .group:hover .xl\:group-hover\:text-colors-purple-900 { + color: var(--colors-purple-900, #44337a); } - .lg\:hue-rotate-0 { - --tw-hue-rotate: hue-rotate(0deg); + .group:hover .xl\:group-hover\:text-colors-pink-100 { + color: var(--colors-pink-100, #fff5f7); } - .lg\:hue-rotate-15 { - --tw-hue-rotate: hue-rotate(15deg); + .group:hover .xl\:group-hover\:text-colors-pink-200 { + color: var(--colors-pink-200, #fed7e2); } - .lg\:hue-rotate-30 { - --tw-hue-rotate: hue-rotate(30deg); + .group:hover .xl\:group-hover\:text-colors-pink-300 { + color: var(--colors-pink-300, #fbb6ce); } - .lg\:hue-rotate-60 { - --tw-hue-rotate: hue-rotate(60deg); + .group:hover .xl\:group-hover\:text-colors-pink-400 { + color: var(--colors-pink-400, #f687b3); } - .lg\:hue-rotate-90 { - --tw-hue-rotate: hue-rotate(90deg); + .group:hover .xl\:group-hover\:text-colors-pink-500 { + color: var(--colors-pink-500, #ed64a6); } - .lg\:hue-rotate-180 { - --tw-hue-rotate: hue-rotate(180deg); + .group:hover .xl\:group-hover\:text-colors-pink-600 { + color: var(--colors-pink-600, #d53f8c); } - .lg\:-hue-rotate-180 { - --tw-hue-rotate: hue-rotate(-180deg); + .group:hover .xl\:group-hover\:text-colors-pink-700 { + color: var(--colors-pink-700, #b83280); } - .lg\:-hue-rotate-90 { - --tw-hue-rotate: hue-rotate(-90deg); + .group:hover .xl\:group-hover\:text-colors-pink-800 { + color: var(--colors-pink-800, #97266d); } - .lg\:-hue-rotate-60 { - --tw-hue-rotate: hue-rotate(-60deg); + .group:hover .xl\:group-hover\:text-colors-pink-900 { + color: var(--colors-pink-900, #702459); } - .lg\:-hue-rotate-30 { - --tw-hue-rotate: hue-rotate(-30deg); + .group:hover .xl\:group-hover\:text-Box\ Shadow { + color: var(--box-shadow, #7f7e7f); } - .lg\:-hue-rotate-15 { - --tw-hue-rotate: hue-rotate(-15deg); + .group:hover .xl\:group-hover\:text-Error16 { + color: var(--error16, #f03d3e40); } - .lg\:invert-0 { - --tw-invert: invert(0); + .group:hover .xl\:group-hover\:text-Success16 { + color: var(--success16, #5bb14d40); } - .lg\:invert { - --tw-invert: invert(100%); + .group:hover .xl\:group-hover\:text-Notification16 { + color: var(--notification16, #3959ff40); } - .lg\:saturate-0 { - --tw-saturate: saturate(0); + .group:hover .xl\:group-hover\:text-Error8 { + color: var(--error8, #f03d3e1a); } - .lg\:saturate-50 { - --tw-saturate: saturate(.5); + .group:hover .xl\:group-hover\:text-Notification8 { + color: var(--notification8, #3959ff1a); } - .lg\:saturate-100 { - --tw-saturate: saturate(1); + .group:hover .xl\:group-hover\:text-Success8 { + color: var(--success8, #5bb14d1a); } - .lg\:saturate-150 { - --tw-saturate: saturate(1.5); + .group:hover .xl\:group-hover\:text-Light\ -\ Overlay { + color: var(--light-overlay, #f0edee66); } - .lg\:saturate-200 { - --tw-saturate: saturate(2); + .group:hover .xl\:group-hover\:text-Dark-\ Overlay { + color: var(--dark-overlay, #7f7e7f66); } - .lg\:sepia-0 { - --tw-sepia: sepia(0); + .group:hover .xl\:group-hover\:text-black-40 { + color: var(--black-40, #00000066); } - .lg\:sepia { - --tw-sepia: sepia(100%); + .group:hover .xl\:group-hover\:text-black-75 { + color: var(--black-75, #000000bf); } - .lg\:backdrop-filter { - --tw-backdrop-blur: var(--tw-empty,/*!*/ /*!*/); - --tw-backdrop-brightness: var(--tw-empty,/*!*/ /*!*/); - --tw-backdrop-contrast: var(--tw-empty,/*!*/ /*!*/); - --tw-backdrop-grayscale: var(--tw-empty,/*!*/ /*!*/); - --tw-backdrop-hue-rotate: var(--tw-empty,/*!*/ /*!*/); - --tw-backdrop-invert: var(--tw-empty,/*!*/ /*!*/); - --tw-backdrop-opacity: var(--tw-empty,/*!*/ /*!*/); - --tw-backdrop-saturate: var(--tw-empty,/*!*/ /*!*/); - --tw-backdrop-sepia: var(--tw-empty,/*!*/ /*!*/); - -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); - backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + .group:hover .xl\:group-hover\:text-black-60 { + color: var(--black-60, #00000099); } - .lg\:backdrop-filter-none { - -webkit-backdrop-filter: none; - backdrop-filter: none; + .group:hover .xl\:group-hover\:text-black-50 { + color: var(--black-50, #00000080); } - .lg\:backdrop-blur-0 { - --tw-backdrop-blur: blur(0); + .group:hover .xl\:group-hover\:text-black-25 { + color: var(--black-25, #00000040); } - .lg\:backdrop-blur-none { - --tw-backdrop-blur: blur(0); + .group:hover .xl\:group-hover\:text-black-10 { + color: var(--black-10, #0000001a); } - .lg\:backdrop-blur-sm { - --tw-backdrop-blur: blur(4px); + .group:hover .xl\:group-hover\:text-white-25 { + color: var(--white-25, #ffffff40); } - .lg\:backdrop-blur { - --tw-backdrop-blur: blur(8px); + .group:hover .xl\:group-hover\:text-white-60 { + color: var(--white-60, #ffffff99); } - .lg\:backdrop-blur-md { - --tw-backdrop-blur: blur(12px); + .group:hover .xl\:group-hover\:text-black-64 { + color: var(--black-64, #000000a3); } - .lg\:backdrop-blur-lg { - --tw-backdrop-blur: blur(16px); + .group:hover .xl\:group-hover\:text-Shadow\ and\ Highlight-Shadow { + color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .lg\:backdrop-blur-xl { - --tw-backdrop-blur: blur(24px); + .group:hover .xl\:group-hover\:text-Shadow\ and\ Highlight-Highlight { + color: var(--shadow-and-highlight-highlight, #474747); } - .lg\:backdrop-blur-2xl { - --tw-backdrop-blur: blur(40px); + .group:hover .xl\:group-hover\:text-Shadow\ and\ Highlight-highlight\ one { + color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .lg\:backdrop-blur-3xl { - --tw-backdrop-blur: blur(64px); + .group:hover .xl\:group-hover\:text-Shadow\ and\ Highlight-highlight\ two { + color: var(--shadow-and-highlight-highlight-two, #47474799); } - .lg\:backdrop-brightness-0 { - --tw-backdrop-brightness: brightness(0); + .group:hover .xl\:group-hover\:text-Shadow\ and\ Highlight-highlight\ three { + color: var(--shadow-and-highlight-highlight-three, #47474766); } - .lg\:backdrop-brightness-50 { - --tw-backdrop-brightness: brightness(.5); + .group:hover .xl\:group-hover\:text-Shadow\ and\ Highlight-highlight\ five { + color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .lg\:backdrop-brightness-75 { - --tw-backdrop-brightness: brightness(.75); + .group:hover .xl\:group-hover\:text-Shadow\ and\ Highlight-shadow\ one { + color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .lg\:backdrop-brightness-90 { - --tw-backdrop-brightness: brightness(.9); + .group:hover .xl\:group-hover\:text-Shadow\ and\ Highlight-shadow\ two { + color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .lg\:backdrop-brightness-95 { - --tw-backdrop-brightness: brightness(.95); + .group:hover .xl\:group-hover\:text-Shadow\ and\ Highlight-shadow\ three { + color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .lg\:backdrop-brightness-100 { - --tw-backdrop-brightness: brightness(1); + .group:hover .xl\:group-hover\:text-Shadow\ and\ Highlight-shadow\ four { + color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .lg\:backdrop-brightness-105 { - --tw-backdrop-brightness: brightness(1.05); + .group:hover .xl\:group-hover\:text-Shadow\ and\ Highlight-shadow\ five { + color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .lg\:backdrop-brightness-110 { - --tw-backdrop-brightness: brightness(1.1); + .group:hover .xl\:group-hover\:text-Shadow\ and\ Highlight-highlight\ four { + color: var(--shadow-and-highlight-highlight-four, #47474740); } - .lg\:backdrop-brightness-125 { - --tw-backdrop-brightness: brightness(1.25); + .group:hover .xl\:group-hover\:text-Base\ Layer\ Styles-Base\ Layer-\ Light-White { + color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .lg\:backdrop-brightness-150 { - --tw-backdrop-brightness: brightness(1.5); + .group:hover .xl\:group-hover\:text-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite { + color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .lg\:backdrop-brightness-200 { - --tw-backdrop-brightness: brightness(2); + .group:hover .xl\:group-hover\:text-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack { + color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .lg\:backdrop-contrast-0 { - --tw-backdrop-contrast: contrast(0); + .group:hover .xl\:group-hover\:text-Base\ Layer\ Styles-Base\ Layer-Dark-Black { + color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .lg\:backdrop-contrast-50 { - --tw-backdrop-contrast: contrast(.5); + .group:hover .xl\:group-hover\:text-Grey-Scale-white { + color: var(--grey-scale-white, #ffffff); } - .lg\:backdrop-contrast-75 { - --tw-backdrop-contrast: contrast(.75); + .group:hover .xl\:group-hover\:text-Grey-Scale-off-white { + color: var(--grey-scale-off-white, #f0edee); } - .lg\:backdrop-contrast-100 { - --tw-backdrop-contrast: contrast(1); + .group:hover .xl\:group-hover\:text-Grey\ Scale-grey { + color: var(--grey-scale-grey, #7f7e7f); } - .lg\:backdrop-contrast-125 { - --tw-backdrop-contrast: contrast(1.25); + .group:hover .xl\:group-hover\:text-Grey\ Scale-charcoal { + color: var(--grey-scale-charcoal, #474747); } - .lg\:backdrop-contrast-150 { - --tw-backdrop-contrast: contrast(1.5); + .group:hover .xl\:group-hover\:text-Grey\ Scale-off-black { + color: var(--grey-scale-off-black, #1c1c1c); } - .lg\:backdrop-contrast-200 { - --tw-backdrop-contrast: contrast(2); + .group:hover .xl\:group-hover\:text-Grey\ Scale-black { + color: var(--grey-scale-black, #000000); } - .lg\:backdrop-grayscale-0 { - --tw-backdrop-grayscale: grayscale(0); + .group:hover .xl\:group-hover\:text-Blue-blue { + color: var(--blue-blue, #3a7ca5); } - .lg\:backdrop-grayscale { - --tw-backdrop-grayscale: grayscale(100%); + .group:hover .xl\:group-hover\:text-Blue-blue-100 { + color: var(--blue-blue-100, #75a3c0); } - .lg\:backdrop-hue-rotate-0 { - --tw-backdrop-hue-rotate: hue-rotate(0deg); + .group:hover .xl\:group-hover\:text-Blue-blue-200 { + color: var(--blue-blue-200, #9cbed2); } - .lg\:backdrop-hue-rotate-15 { - --tw-backdrop-hue-rotate: hue-rotate(15deg); + .group:hover .xl\:group-hover\:text-Blue-blue-300 { + color: var(--blue-blue-300, #4f7d9a); } - .lg\:backdrop-hue-rotate-30 { - --tw-backdrop-hue-rotate: hue-rotate(30deg); + .group:hover .xl\:group-hover\:text-Blue-blue-400 { + color: var(--blue-blue-400, #5c7d92); } - .lg\:backdrop-hue-rotate-60 { - --tw-backdrop-hue-rotate: hue-rotate(60deg); + .group:hover .xl\:group-hover\:text-Blue-blue-500 { + color: var(--blue-blue-500, #347095); } - .lg\:backdrop-hue-rotate-90 { - --tw-backdrop-hue-rotate: hue-rotate(90deg); + .group:hover .xl\:group-hover\:text-Blue-blue-600 { + color: var(--blue-blue-600, #295774); } - .lg\:backdrop-hue-rotate-180 { - --tw-backdrop-hue-rotate: hue-rotate(180deg); + .group:hover .xl\:group-hover\:text-Blue-blue-700 { + color: var(--blue-blue-700, #173242); } - .lg\:-backdrop-hue-rotate-180 { - --tw-backdrop-hue-rotate: hue-rotate(-180deg); + .group:hover .xl\:group-hover\:text-LightBlue-lightblue { + color: var(--light-blue-lightblue, #81c3d7); } - .lg\:-backdrop-hue-rotate-90 { - --tw-backdrop-hue-rotate: hue-rotate(-90deg); + .group:hover .xl\:group-hover\:text-LightBlue-lightblue-100 { + color: var(--light-blue-lightblue-100, #a7d5e3); } - .lg\:-backdrop-hue-rotate-60 { - --tw-backdrop-hue-rotate: hue-rotate(-60deg); + .group:hover .xl\:group-hover\:text-LightBlue-lightblue-200 { + color: var(--light-blue-lightblue-200, #c0e1eb); } - .lg\:-backdrop-hue-rotate-30 { - --tw-backdrop-hue-rotate: hue-rotate(-30deg); + .group:hover .xl\:group-hover\:text-LightBlue-lightblue-300 { + color: var(--light-blue-lightblue-300, #80aebd); } - .lg\:-backdrop-hue-rotate-15 { - --tw-backdrop-hue-rotate: hue-rotate(-15deg); + .group:hover .xl\:group-hover\:text-LightBlue-lightblue-400 { + color: var(--light-blue-lightblue-400, #80a0ab); } - .lg\:backdrop-invert-0 { - --tw-backdrop-invert: invert(0); + .group:hover .xl\:group-hover\:text-LightBlue-lightblue-500 { + color: var(--light-blue-lightblue-500, #74afc1); } - .lg\:backdrop-invert { - --tw-backdrop-invert: invert(100%); + .group:hover .xl\:group-hover\:text-LightBlue-lightblue-600 { + color: var(--light-blue-lightblue-600, #5a8997); } - .lg\:backdrop-opacity-0 { - --tw-backdrop-opacity: opacity(0); + .group:hover .xl\:group-hover\:text-LightBlue-lightblue-650 { + color: var(--light-blue-lightblue-650, #3e5e65); } - .lg\:backdrop-opacity-5 { - --tw-backdrop-opacity: opacity(0.05); + .group:hover .xl\:group-hover\:text-LightBlue-lightblue-700 { + color: var(--light-blue-lightblue-700, #344e56); } - .lg\:backdrop-opacity-10 { - --tw-backdrop-opacity: opacity(0.1); + .group:hover .xl\:group-hover\:text-Orange-orange { + color: var(--orange-orange, #ff7f0e); } - .lg\:backdrop-opacity-20 { - --tw-backdrop-opacity: opacity(0.2); + .group:hover .xl\:group-hover\:text-Orange-orange-100 { + color: var(--orange-orange-100, #ffa556); } - .lg\:backdrop-opacity-25 { - --tw-backdrop-opacity: opacity(0.25); + .group:hover .xl\:group-hover\:text-Orange-orange-200 { + color: var(--orange-orange-200, #ffbf86); } - .lg\:backdrop-opacity-30 { - --tw-backdrop-opacity: opacity(0.3); + .group:hover .xl\:group-hover\:text-Orange-orange-300 { + color: var(--orange-orange-300, #d97f30); } - .lg\:backdrop-opacity-40 { - --tw-backdrop-opacity: opacity(0.4); + .group:hover .xl\:group-hover\:text-Orange-orange-400 { + color: var(--orange-orange-400, #bf7e46); } - .lg\:backdrop-opacity-50 { - --tw-backdrop-opacity: opacity(0.5); + .group:hover .xl\:group-hover\:text-Orange-orange-500 { + color: var(--orange-orange-500, #e5720d); } - .lg\:backdrop-opacity-60 { - --tw-backdrop-opacity: opacity(0.6); + .group:hover .xl\:group-hover\:text-Orange-orange-600 { + color: var(--orange-orange-600, #b3590a); } - .lg\:backdrop-opacity-70 { - --tw-backdrop-opacity: opacity(0.7); + .group:hover .xl\:group-hover\:text-Orange-orange-700 { + color: var(--orange-orange-700, #663306); } - .lg\:backdrop-opacity-75 { - --tw-backdrop-opacity: opacity(0.75); + .group:hover .xl\:group-hover\:text-Yellow-yellow { + color: var(--yellow-yellow, #ffab00); } - .lg\:backdrop-opacity-80 { - --tw-backdrop-opacity: opacity(0.8); + .group:hover .xl\:group-hover\:text-Yellow-yellow-100 { + color: var(--yellow-yellow-100, #ffc44c); } - .lg\:backdrop-opacity-90 { - --tw-backdrop-opacity: opacity(0.9); + .group:hover .xl\:group-hover\:text-Yellow-yellow-200 { + color: var(--yellow-yellow-200, #ffd580); } - .lg\:backdrop-opacity-95 { - --tw-backdrop-opacity: opacity(0.95); + .group:hover .xl\:group-hover\:text-Yellow-yellow-300 { + color: var(--yellow-yellow-300, #d99d26); } - .lg\:backdrop-opacity-100 { - --tw-backdrop-opacity: opacity(1); + .group:hover .xl\:group-hover\:text-Yellow-yellow-400 { + color: var(--yellow-yellow-400, #bf943f); } - .lg\:backdrop-saturate-0 { - --tw-backdrop-saturate: saturate(0); + .group:hover .xl\:group-hover\:text-Yellow-yellow-500 { + color: var(--yellow-yellow-500, #e59a00); } - .lg\:backdrop-saturate-50 { - --tw-backdrop-saturate: saturate(.5); + .group:hover .xl\:group-hover\:text-Yellow-yellow-600 { + color: var(--yellow-yellow-600, #b37800); } - .lg\:backdrop-saturate-100 { - --tw-backdrop-saturate: saturate(1); + .group:hover .xl\:group-hover\:text-Yellow-yellow-700 { + color: var(--yellow-yellow-700, #664400); } - .lg\:backdrop-saturate-150 { - --tw-backdrop-saturate: saturate(1.5); + .group:hover .xl\:group-hover\:text-Notification-notification { + color: var(--notification-notification, #3959ff); } - .lg\:backdrop-saturate-200 { - --tw-backdrop-saturate: saturate(2); + .group:hover .xl\:group-hover\:text-Notification-notification-100 { + color: var(--notification-notification-100, #748bff); } - .lg\:backdrop-sepia-0 { - --tw-backdrop-sepia: sepia(0); + .group:hover .xl\:group-hover\:text-Notification-notification-200 { + color: var(--notification-notification-200, #9cacff); } - .lg\:backdrop-sepia { - --tw-backdrop-sepia: sepia(100%); + .group:hover .xl\:group-hover\:text-Notification-notification-300 { + color: var(--notification-notification-300, #4e64d9); } - .lg\:transition-none { - transition-property: none; + .group:hover .xl\:group-hover\:text-Notification-notification-400 { + color: var(--notification-notification-400, #5c6cbf); } - .lg\:transition-all { - transition-property: all; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 150ms; + .group:hover .xl\:group-hover\:text-Notification-notification-500 { + color: var(--notification-notification-500, #3350e5); } - .lg\:transition { - transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; - transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; - transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 150ms; + .group:hover .xl\:group-hover\:text-Notification-notification-600 { + color: var(--notification-notification-600, #283eb3); } - .lg\:transition-colors { - transition-property: background-color, border-color, color, fill, stroke; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 150ms; + .group:hover .xl\:group-hover\:text-Notification-notification-700 { + color: var(--notification-notification-700, #172466); } - .lg\:transition-opacity { - transition-property: opacity; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 150ms; + .group:hover .xl\:group-hover\:text-Success-success\ -700 { + color: var(--success-success-700, #24471f); } - .lg\:transition-shadow { - transition-property: box-shadow; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 150ms; + .group:hover .xl\:group-hover\:text-Success-success { + color: var(--success-success, #5bb14d); } - .lg\:transition-transform { - transition-property: transform; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 150ms; + .group:hover .xl\:group-hover\:text-Success-success\ -100 { + color: var(--success-success-100, #8cc882); } - .lg\:delay-75 { - transition-delay: 75ms; + .group:hover .xl\:group-hover\:text-Success-success\ -200 { + color: var(--success-success-200, #add8a6); } - .lg\:delay-100 { - transition-delay: 100ms; + .group:hover .xl\:group-hover\:text-Success-success\ -300 { + color: var(--success-success-300, #66a25c); } - .lg\:delay-150 { - transition-delay: 150ms; + .group:hover .xl\:group-hover\:text-Success-success\ -400 { + color: var(--success-success-400, #6d9766); } - .lg\:delay-200 { - transition-delay: 200ms; + .group:hover .xl\:group-hover\:text-Success-success\ -500 { + color: var(--success-success-500, #529f45); } - .lg\:delay-300 { - transition-delay: 300ms; + .group:hover .xl\:group-hover\:text-Success-success\ -600 { + color: var(--success-success-600, #407c36); } - .lg\:delay-500 { - transition-delay: 500ms; + .group:hover .xl\:group-hover\:text-Error-error { + color: var(--error-error, #f03d3e); } - .lg\:delay-700 { - transition-delay: 700ms; + .group:hover .xl\:group-hover\:text-Error-error-100 { + color: var(--error-error-100, #f57778); } - .lg\:delay-1000 { - transition-delay: 1000ms; + .group:hover .xl\:group-hover\:text-Error-error-200 { + color: var(--error-error-200, #f89e9e); } - .lg\:duration-75 { - transition-duration: 75ms; + .group:hover .xl\:group-hover\:text-Error-error-250 { + color: var(--error-error-250, #f9c8c8); } - .lg\:duration-100 { - transition-duration: 100ms; + .group:hover .xl\:group-hover\:text-Error-error-300 { + color: var(--error-error-300, #ce5151); } - .lg\:duration-150 { - transition-duration: 150ms; + .group:hover .xl\:group-hover\:text-Error-error-400 { + color: var(--error-error-400, #b85e5e); } - .lg\:duration-200 { - transition-duration: 200ms; + .group:hover .xl\:group-hover\:text-Error-error-500 { + color: var(--error-error-500, #d83738); } - .lg\:duration-300 { - transition-duration: 300ms; + .group:hover .xl\:group-hover\:text-Error-error-600 { + color: var(--error-error-600, #a82b2b); } - .lg\:duration-500 { - transition-duration: 500ms; + .group:hover .xl\:group-hover\:text-Error-error-700 { + color: var(--error-error-700, #601819); } - .lg\:duration-700 { - transition-duration: 700ms; + .xl\:focus-within\:text-colors-black:focus-within { + color: var(--colors-black, #000000); } - .lg\:duration-1000 { - transition-duration: 1000ms; + .xl\:focus-within\:text-colors-white:focus-within { + color: var(--colors-white, #ffffff); } - .lg\:ease-linear { - transition-timing-function: linear; + .xl\:focus-within\:text-colors-gray-100:focus-within { + color: var(--colors-gray-100, #f7fafc); } - .lg\:ease-in { - transition-timing-function: cubic-bezier(0.4, 0, 1, 1); + .xl\:focus-within\:text-colors-gray-200:focus-within { + color: var(--colors-gray-200, #edf2f7); } - .lg\:ease-out { - transition-timing-function: cubic-bezier(0, 0, 0.2, 1); + .xl\:focus-within\:text-colors-gray-300:focus-within { + color: var(--colors-gray-300, #e2e8f0); } - .lg\:ease-in-out { - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + .xl\:focus-within\:text-colors-gray-400:focus-within { + color: var(--colors-gray-400, #cbd5e0); } -} -@media (min-width: 1280px) { - .xl\:container { - width: 100%; + .xl\:focus-within\:text-colors-gray-500:focus-within { + color: var(--colors-gray-500, #a0aec0); } - @media (min-width: 640px) { - .xl\:container { - max-width: 640px; - } + .xl\:focus-within\:text-colors-gray-600:focus-within { + color: var(--colors-gray-600, #718096); } - @media (min-width: 768px) { - .xl\:container { - max-width: 768px; - } + .xl\:focus-within\:text-colors-gray-700:focus-within { + color: var(--colors-gray-700, #4a5568); } - @media (min-width: 1024px) { - .xl\:container { - max-width: 1024px; - } + .xl\:focus-within\:text-colors-gray-800:focus-within { + color: var(--colors-gray-800, #2d3748); } - @media (min-width: 1280px) { - .xl\:container { - max-width: 1280px; - } + .xl\:focus-within\:text-colors-gray-900:focus-within { + color: var(--colors-gray-900, #1a202c); } - @media (min-width: 1536px) { - .xl\:container { - max-width: 1536px; - } + .xl\:focus-within\:text-colors-red-100:focus-within { + color: var(--colors-red-100, #fff5f5); } - .xl\: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; + .xl\:focus-within\:text-colors-red-200:focus-within { + color: var(--colors-red-200, #fed7d7); } - .xl\:not-sr-only { - position: static; - width: auto; - height: auto; - padding: 0; - margin: 0; - overflow: visible; - clip: auto; - white-space: normal; + .xl\:focus-within\:text-colors-red-300:focus-within { + color: var(--colors-red-300, #feb2b2); } - .xl\:focus-within\:sr-only:focus-within { - position: absolute; - width: 1px; - height: 1px; - padding: 0; - margin: -1px; - overflow: hidden; - clip: rect(0, 0, 0, 0); - white-space: nowrap; - border-width: 0; + .xl\:focus-within\:text-colors-red-400:focus-within { + color: var(--colors-red-400, #fc8181); } - .xl\:focus-within\:not-sr-only:focus-within { - position: static; - width: auto; - height: auto; - padding: 0; - margin: 0; - overflow: visible; - clip: auto; - white-space: normal; + .xl\:focus-within\:text-colors-red-500:focus-within { + color: var(--colors-red-500, #f56565); } - .xl\:focus\:sr-only:focus { - position: absolute; - width: 1px; - height: 1px; - padding: 0; - margin: -1px; - overflow: hidden; - clip: rect(0, 0, 0, 0); - white-space: nowrap; - border-width: 0; + .xl\:focus-within\:text-colors-red-600:focus-within { + color: var(--colors-red-600, #e53e3e); } - .xl\:focus\:not-sr-only:focus { - position: static; - width: auto; - height: auto; - padding: 0; - margin: 0; - overflow: visible; - clip: auto; - white-space: normal; + .xl\:focus-within\:text-colors-red-700:focus-within { + color: var(--colors-red-700, #c53030); } - .xl\:pointer-events-none { - pointer-events: none; + .xl\:focus-within\:text-colors-red-800:focus-within { + color: var(--colors-red-800, #9b2c2c); } - .xl\:pointer-events-auto { - pointer-events: auto; + .xl\:focus-within\:text-colors-red-900:focus-within { + color: var(--colors-red-900, #742a2a); } - .xl\:visible { - visibility: visible; + .xl\:focus-within\:text-colors-orange-100:focus-within { + color: var(--colors-orange-100, #fffaf0); } - .xl\:invisible { - visibility: hidden; + .xl\:focus-within\:text-colors-orange-200:focus-within { + color: var(--colors-orange-200, #feebc8); } - .xl\:static { - position: static; + .xl\:focus-within\:text-colors-orange-300:focus-within { + color: var(--colors-orange-300, #fbd38d); } - .xl\:fixed { - position: fixed; + .xl\:focus-within\:text-colors-orange-400:focus-within { + color: var(--colors-orange-400, #f6ad55); } - .xl\:absolute { - position: absolute; + .xl\:focus-within\:text-colors-orange-500:focus-within { + color: var(--colors-orange-500, #ed8936); } - .xl\:relative { - position: relative; + .xl\:focus-within\:text-colors-orange-600:focus-within { + color: var(--colors-orange-600, #dd6b20); } - .xl\:sticky { - position: sticky; + .xl\:focus-within\:text-colors-orange-700:focus-within { + color: var(--colors-orange-700, #c05621); } - .xl\:inset-0 { - top: 0px; - right: 0px; - bottom: 0px; - left: 0px; + .xl\:focus-within\:text-colors-orange-800:focus-within { + color: var(--colors-orange-800, #9c4221); } - .xl\:inset-1 { - top: 0.25rem; - right: 0.25rem; - bottom: 0.25rem; - left: 0.25rem; + .xl\:focus-within\:text-colors-orange-900:focus-within { + color: var(--colors-orange-900, #7b341e); } - .xl\:inset-2 { - top: 0.5rem; - right: 0.5rem; - bottom: 0.5rem; - left: 0.5rem; + .xl\:focus-within\:text-colors-yellow-100:focus-within { + color: var(--colors-yellow-100, #fffff0); } - .xl\:inset-3 { - top: 0.75rem; - right: 0.75rem; - bottom: 0.75rem; - left: 0.75rem; + .xl\:focus-within\:text-colors-yellow-200:focus-within { + color: var(--colors-yellow-200, #fefcbf); } - .xl\:inset-4 { - top: 1rem; - right: 1rem; - bottom: 1rem; - left: 1rem; + .xl\:focus-within\:text-colors-yellow-300:focus-within { + color: var(--colors-yellow-300, #faf089); } - .xl\:inset-5 { - top: 1.25rem; - right: 1.25rem; - bottom: 1.25rem; - left: 1.25rem; + .xl\:focus-within\:text-colors-yellow-400:focus-within { + color: var(--colors-yellow-400, #f6e05e); } - .xl\:inset-6 { - top: 1.5rem; - right: 1.5rem; - bottom: 1.5rem; - left: 1.5rem; + .xl\:focus-within\:text-colors-yellow-500:focus-within { + color: var(--colors-yellow-500, #ecc94b); } - .xl\:inset-7 { - top: 1.75rem; - right: 1.75rem; - bottom: 1.75rem; - left: 1.75rem; + .xl\:focus-within\:text-colors-yellow-600:focus-within { + color: var(--colors-yellow-600, #d69e2e); } - .xl\:inset-8 { - top: 2rem; - right: 2rem; - bottom: 2rem; - left: 2rem; + .xl\:focus-within\:text-colors-yellow-700:focus-within { + color: var(--colors-yellow-700, #b7791f); } - .xl\:inset-9 { - top: 2.25rem; - right: 2.25rem; - bottom: 2.25rem; - left: 2.25rem; + .xl\:focus-within\:text-colors-yellow-800:focus-within { + color: var(--colors-yellow-800, #975a16); } - .xl\:inset-10 { - top: 2.5rem; - right: 2.5rem; - bottom: 2.5rem; - left: 2.5rem; + .xl\:focus-within\:text-colors-yellow-900:focus-within { + color: var(--colors-yellow-900, #744210); } - .xl\:inset-11 { - top: 2.75rem; - right: 2.75rem; - bottom: 2.75rem; - left: 2.75rem; + .xl\:focus-within\:text-colors-green-100:focus-within { + color: var(--colors-green-100, #f0fff4); } - .xl\:inset-12 { - top: 3rem; - right: 3rem; - bottom: 3rem; - left: 3rem; + .xl\:focus-within\:text-colors-green-200:focus-within { + color: var(--colors-green-200, #c6f6d5); } - .xl\:inset-14 { - top: 3.5rem; - right: 3.5rem; - bottom: 3.5rem; - left: 3.5rem; + .xl\:focus-within\:text-colors-green-300:focus-within { + color: var(--colors-green-300, #9ae6b4); } - .xl\:inset-16 { - top: 4rem; - right: 4rem; - bottom: 4rem; - left: 4rem; + .xl\:focus-within\:text-colors-green-400:focus-within { + color: var(--colors-green-400, #68d391); } - .xl\:inset-20 { - top: 5rem; - right: 5rem; - bottom: 5rem; - left: 5rem; + .xl\:focus-within\:text-colors-green-500:focus-within { + color: var(--colors-green-500, #48bb78); } - .xl\:inset-24 { - top: 6rem; - right: 6rem; - bottom: 6rem; - left: 6rem; + .xl\:focus-within\:text-colors-green-600:focus-within { + color: var(--colors-green-600, #38a169); } - .xl\:inset-28 { - top: 7rem; - right: 7rem; - bottom: 7rem; - left: 7rem; + .xl\:focus-within\:text-colors-green-700:focus-within { + color: var(--colors-green-700, #2f855a); } - .xl\:inset-32 { - top: 8rem; - right: 8rem; - bottom: 8rem; - left: 8rem; + .xl\:focus-within\:text-colors-green-800:focus-within { + color: var(--colors-green-800, #276749); } - .xl\:inset-36 { - top: 9rem; - right: 9rem; - bottom: 9rem; - left: 9rem; + .xl\:focus-within\:text-colors-green-900:focus-within { + color: var(--colors-green-900, #22543d); } - .xl\:inset-40 { - top: 10rem; - right: 10rem; - bottom: 10rem; - left: 10rem; + .xl\:focus-within\:text-colors-teal-100:focus-within { + color: var(--colors-teal-100, #e6fffa); } - .xl\:inset-44 { - top: 11rem; - right: 11rem; - bottom: 11rem; - left: 11rem; + .xl\:focus-within\:text-colors-teal-200:focus-within { + color: var(--colors-teal-200, #b2f5ea); } - .xl\:inset-48 { - top: 12rem; - right: 12rem; - bottom: 12rem; - left: 12rem; + .xl\:focus-within\:text-colors-teal-300:focus-within { + color: var(--colors-teal-300, #81e6d9); } - .xl\:inset-52 { - top: 13rem; - right: 13rem; - bottom: 13rem; - left: 13rem; + .xl\:focus-within\:text-colors-teal-400:focus-within { + color: var(--colors-teal-400, #4fd1c5); } - .xl\:inset-56 { - top: 14rem; - right: 14rem; - bottom: 14rem; - left: 14rem; + .xl\:focus-within\:text-colors-teal-500:focus-within { + color: var(--colors-teal-500, #38b2ac); } - .xl\:inset-60 { - top: 15rem; - right: 15rem; - bottom: 15rem; - left: 15rem; + .xl\:focus-within\:text-colors-teal-600:focus-within { + color: var(--colors-teal-600, #319795); } - .xl\:inset-64 { - top: 16rem; - right: 16rem; - bottom: 16rem; - left: 16rem; + .xl\:focus-within\:text-colors-teal-700:focus-within { + color: var(--colors-teal-700, #2c7a7b); } - .xl\:inset-72 { - top: 18rem; - right: 18rem; - bottom: 18rem; - left: 18rem; + .xl\:focus-within\:text-colors-teal-800:focus-within { + color: var(--colors-teal-800, #285e61); } - .xl\:inset-80 { - top: 20rem; - right: 20rem; - bottom: 20rem; - left: 20rem; + .xl\:focus-within\:text-colors-teal-900:focus-within { + color: var(--colors-teal-900, #234e52); } - .xl\:inset-96 { - top: 24rem; - right: 24rem; - bottom: 24rem; - left: 24rem; + .xl\:focus-within\:text-colors-blue-100:focus-within { + color: var(--colors-blue-100, #ebf8ff); } - .xl\:inset-auto { - top: auto; - right: auto; - bottom: auto; - left: auto; + .xl\:focus-within\:text-colors-blue-200:focus-within { + color: var(--colors-blue-200, #bee3f8); } - .xl\:inset-px { - top: 1px; - right: 1px; - bottom: 1px; - left: 1px; + .xl\:focus-within\:text-colors-blue-300:focus-within { + color: var(--colors-blue-300, #90cdf4); } - .xl\:inset-0\.5 { - top: 0.125rem; - right: 0.125rem; - bottom: 0.125rem; - left: 0.125rem; + .xl\:focus-within\:text-colors-blue-400:focus-within { + color: var(--colors-blue-400, #63b3ed); } - .xl\:inset-1\.5 { - top: 0.375rem; - right: 0.375rem; - bottom: 0.375rem; - left: 0.375rem; + .xl\:focus-within\:text-colors-blue-500:focus-within { + color: var(--colors-blue-500, #4299e1); } - .xl\:inset-2\.5 { - top: 0.625rem; - right: 0.625rem; - bottom: 0.625rem; - left: 0.625rem; + .xl\:focus-within\:text-colors-blue-600:focus-within { + color: var(--colors-blue-600, #3182ce); } - .xl\:inset-3\.5 { - top: 0.875rem; - right: 0.875rem; - bottom: 0.875rem; - left: 0.875rem; + .xl\:focus-within\:text-colors-blue-700:focus-within { + color: var(--colors-blue-700, #2b6cb0); } - .xl\:-inset-0 { - top: 0px; - right: 0px; - bottom: 0px; - left: 0px; + .xl\:focus-within\:text-colors-blue-800:focus-within { + color: var(--colors-blue-800, #2c5282); } - .xl\:-inset-1 { - top: -0.25rem; - right: -0.25rem; - bottom: -0.25rem; - left: -0.25rem; + .xl\:focus-within\:text-colors-blue-900:focus-within { + color: var(--colors-blue-900, #2a4365); } - .xl\:-inset-2 { - top: -0.5rem; - right: -0.5rem; - bottom: -0.5rem; - left: -0.5rem; + .xl\:focus-within\:text-colors-indigo-100:focus-within { + color: var(--colors-indigo-100, #ebf4ff); } - .xl\:-inset-3 { - top: -0.75rem; - right: -0.75rem; - bottom: -0.75rem; - left: -0.75rem; + .xl\:focus-within\:text-colors-indigo-200:focus-within { + color: var(--colors-indigo-200, #c3dafe); } - .xl\:-inset-4 { - top: -1rem; - right: -1rem; - bottom: -1rem; - left: -1rem; + .xl\:focus-within\:text-colors-indigo-300:focus-within { + color: var(--colors-indigo-300, #a3bffa); } - .xl\:-inset-5 { - top: -1.25rem; - right: -1.25rem; - bottom: -1.25rem; - left: -1.25rem; + .xl\:focus-within\:text-colors-indigo-400:focus-within { + color: var(--colors-indigo-400, #7f9cf5); } - .xl\:-inset-6 { - top: -1.5rem; - right: -1.5rem; - bottom: -1.5rem; - left: -1.5rem; + .xl\:focus-within\:text-colors-indigo-500:focus-within { + color: var(--colors-indigo-500, #667eea); } - .xl\:-inset-7 { - top: -1.75rem; - right: -1.75rem; - bottom: -1.75rem; - left: -1.75rem; + .xl\:focus-within\:text-colors-indigo-600:focus-within { + color: var(--colors-indigo-600, #5a67d8); } - .xl\:-inset-8 { - top: -2rem; - right: -2rem; - bottom: -2rem; - left: -2rem; + .xl\:focus-within\:text-colors-indigo-700:focus-within { + color: var(--colors-indigo-700, #4c51bf); } - .xl\:-inset-9 { - top: -2.25rem; - right: -2.25rem; - bottom: -2.25rem; - left: -2.25rem; + .xl\:focus-within\:text-colors-indigo-800:focus-within { + color: var(--colors-indigo-800, #434190); } - .xl\:-inset-10 { - top: -2.5rem; - right: -2.5rem; - bottom: -2.5rem; - left: -2.5rem; + .xl\:focus-within\:text-colors-indigo-900:focus-within { + color: var(--colors-indigo-900, #3c366b); } - .xl\:-inset-11 { - top: -2.75rem; - right: -2.75rem; - bottom: -2.75rem; - left: -2.75rem; + .xl\:focus-within\:text-colors-purple-100:focus-within { + color: var(--colors-purple-100, #faf5ff); } - .xl\:-inset-12 { - top: -3rem; - right: -3rem; - bottom: -3rem; - left: -3rem; + .xl\:focus-within\:text-colors-purple-200:focus-within { + color: var(--colors-purple-200, #e9d8fd); } - .xl\:-inset-14 { - top: -3.5rem; - right: -3.5rem; - bottom: -3.5rem; - left: -3.5rem; + .xl\:focus-within\:text-colors-purple-300:focus-within { + color: var(--colors-purple-300, #d6bcfa); } - .xl\:-inset-16 { - top: -4rem; - right: -4rem; - bottom: -4rem; - left: -4rem; + .xl\:focus-within\:text-colors-purple-400:focus-within { + color: var(--colors-purple-400, #b794f4); } - .xl\:-inset-20 { - top: -5rem; - right: -5rem; - bottom: -5rem; - left: -5rem; + .xl\:focus-within\:text-colors-purple-500:focus-within { + color: var(--colors-purple-500, #9f7aea); } - .xl\:-inset-24 { - top: -6rem; - right: -6rem; - bottom: -6rem; - left: -6rem; + .xl\:focus-within\:text-colors-purple-600:focus-within { + color: var(--colors-purple-600, #805ad5); } - .xl\:-inset-28 { - top: -7rem; - right: -7rem; - bottom: -7rem; - left: -7rem; + .xl\:focus-within\:text-colors-purple-700:focus-within { + color: var(--colors-purple-700, #6b46c1); } - .xl\:-inset-32 { - top: -8rem; - right: -8rem; - bottom: -8rem; - left: -8rem; + .xl\:focus-within\:text-colors-purple-800:focus-within { + color: var(--colors-purple-800, #553c9a); } - .xl\:-inset-36 { - top: -9rem; - right: -9rem; - bottom: -9rem; - left: -9rem; + .xl\:focus-within\:text-colors-purple-900:focus-within { + color: var(--colors-purple-900, #44337a); } - .xl\:-inset-40 { - top: -10rem; - right: -10rem; - bottom: -10rem; - left: -10rem; + .xl\:focus-within\:text-colors-pink-100:focus-within { + color: var(--colors-pink-100, #fff5f7); } - .xl\:-inset-44 { - top: -11rem; - right: -11rem; - bottom: -11rem; - left: -11rem; + .xl\:focus-within\:text-colors-pink-200:focus-within { + color: var(--colors-pink-200, #fed7e2); } - .xl\:-inset-48 { - top: -12rem; - right: -12rem; - bottom: -12rem; - left: -12rem; + .xl\:focus-within\:text-colors-pink-300:focus-within { + color: var(--colors-pink-300, #fbb6ce); } - .xl\:-inset-52 { - top: -13rem; - right: -13rem; - bottom: -13rem; - left: -13rem; + .xl\:focus-within\:text-colors-pink-400:focus-within { + color: var(--colors-pink-400, #f687b3); } - .xl\:-inset-56 { - top: -14rem; - right: -14rem; - bottom: -14rem; - left: -14rem; + .xl\:focus-within\:text-colors-pink-500:focus-within { + color: var(--colors-pink-500, #ed64a6); } - .xl\:-inset-60 { - top: -15rem; - right: -15rem; - bottom: -15rem; - left: -15rem; + .xl\:focus-within\:text-colors-pink-600:focus-within { + color: var(--colors-pink-600, #d53f8c); } - .xl\:-inset-64 { - top: -16rem; - right: -16rem; - bottom: -16rem; - left: -16rem; + .xl\:focus-within\:text-colors-pink-700:focus-within { + color: var(--colors-pink-700, #b83280); } - .xl\:-inset-72 { - top: -18rem; - right: -18rem; - bottom: -18rem; - left: -18rem; + .xl\:focus-within\:text-colors-pink-800:focus-within { + color: var(--colors-pink-800, #97266d); } - .xl\:-inset-80 { - top: -20rem; - right: -20rem; - bottom: -20rem; - left: -20rem; + .xl\:focus-within\:text-colors-pink-900:focus-within { + color: var(--colors-pink-900, #702459); } - .xl\:-inset-96 { - top: -24rem; - right: -24rem; - bottom: -24rem; - left: -24rem; + .xl\:focus-within\:text-Box\ Shadow:focus-within { + color: var(--box-shadow, #7f7e7f); } - .xl\:-inset-px { - top: -1px; - right: -1px; - bottom: -1px; - left: -1px; + .xl\:focus-within\:text-Error16:focus-within { + color: var(--error16, #f03d3e40); } - .xl\:-inset-0\.5 { - top: -0.125rem; - right: -0.125rem; - bottom: -0.125rem; - left: -0.125rem; + .xl\:focus-within\:text-Success16:focus-within { + color: var(--success16, #5bb14d40); } - .xl\:-inset-1\.5 { - top: -0.375rem; - right: -0.375rem; - bottom: -0.375rem; - left: -0.375rem; + .xl\:focus-within\:text-Notification16:focus-within { + color: var(--notification16, #3959ff40); } - .xl\:-inset-2\.5 { - top: -0.625rem; - right: -0.625rem; - bottom: -0.625rem; - left: -0.625rem; + .xl\:focus-within\:text-Error8:focus-within { + color: var(--error8, #f03d3e1a); } - .xl\:-inset-3\.5 { - top: -0.875rem; - right: -0.875rem; - bottom: -0.875rem; - left: -0.875rem; + .xl\:focus-within\:text-Notification8:focus-within { + color: var(--notification8, #3959ff1a); } - .xl\:inset-1\/2 { - top: 50%; - right: 50%; - bottom: 50%; - left: 50%; + .xl\:focus-within\:text-Success8:focus-within { + color: var(--success8, #5bb14d1a); } - .xl\:inset-1\/3 { - top: 33.333333%; - right: 33.333333%; - bottom: 33.333333%; - left: 33.333333%; + .xl\:focus-within\:text-Light\ -\ Overlay:focus-within { + color: var(--light-overlay, #f0edee66); } - .xl\:inset-2\/3 { - top: 66.666667%; - right: 66.666667%; - bottom: 66.666667%; - left: 66.666667%; + .xl\:focus-within\:text-Dark-\ Overlay:focus-within { + color: var(--dark-overlay, #7f7e7f66); } - .xl\:inset-1\/4 { - top: 25%; - right: 25%; - bottom: 25%; - left: 25%; + .xl\:focus-within\:text-black-40:focus-within { + color: var(--black-40, #00000066); } - .xl\:inset-2\/4 { - top: 50%; - right: 50%; - bottom: 50%; - left: 50%; + .xl\:focus-within\:text-black-75:focus-within { + color: var(--black-75, #000000bf); } - .xl\:inset-3\/4 { - top: 75%; - right: 75%; - bottom: 75%; - left: 75%; + .xl\:focus-within\:text-black-60:focus-within { + color: var(--black-60, #00000099); } - .xl\:inset-full { - top: 100%; - right: 100%; - bottom: 100%; - left: 100%; + .xl\:focus-within\:text-black-50:focus-within { + color: var(--black-50, #00000080); } - .xl\:-inset-1\/2 { - top: -50%; - right: -50%; - bottom: -50%; - left: -50%; + .xl\:focus-within\:text-black-25:focus-within { + color: var(--black-25, #00000040); } - .xl\:-inset-1\/3 { - top: -33.333333%; - right: -33.333333%; - bottom: -33.333333%; - left: -33.333333%; + .xl\:focus-within\:text-black-10:focus-within { + color: var(--black-10, #0000001a); } - .xl\:-inset-2\/3 { - top: -66.666667%; - right: -66.666667%; - bottom: -66.666667%; - left: -66.666667%; + .xl\:focus-within\:text-white-25:focus-within { + color: var(--white-25, #ffffff40); } - .xl\:-inset-1\/4 { - top: -25%; - right: -25%; - bottom: -25%; - left: -25%; + .xl\:focus-within\:text-white-60:focus-within { + color: var(--white-60, #ffffff99); } - .xl\:-inset-2\/4 { - top: -50%; - right: -50%; - bottom: -50%; - left: -50%; + .xl\:focus-within\:text-black-64:focus-within { + color: var(--black-64, #000000a3); } - .xl\:-inset-3\/4 { - top: -75%; - right: -75%; - bottom: -75%; - left: -75%; + .xl\:focus-within\:text-Shadow\ and\ Highlight-Shadow:focus-within { + color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .xl\:-inset-full { - top: -100%; - right: -100%; - bottom: -100%; - left: -100%; + .xl\:focus-within\:text-Shadow\ and\ Highlight-Highlight:focus-within { + color: var(--shadow-and-highlight-highlight, #474747); } - .xl\:inset-x-0 { - left: 0px; - right: 0px; + .xl\:focus-within\:text-Shadow\ and\ Highlight-highlight\ one:focus-within { + color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .xl\:inset-x-1 { - left: 0.25rem; - right: 0.25rem; + .xl\:focus-within\:text-Shadow\ and\ Highlight-highlight\ two:focus-within { + color: var(--shadow-and-highlight-highlight-two, #47474799); } - .xl\:inset-x-2 { - left: 0.5rem; - right: 0.5rem; + .xl\:focus-within\:text-Shadow\ and\ Highlight-highlight\ three:focus-within { + color: var(--shadow-and-highlight-highlight-three, #47474766); } - .xl\:inset-x-3 { - left: 0.75rem; - right: 0.75rem; + .xl\:focus-within\:text-Shadow\ and\ Highlight-highlight\ five:focus-within { + color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .xl\:inset-x-4 { - left: 1rem; - right: 1rem; + .xl\:focus-within\:text-Shadow\ and\ Highlight-shadow\ one:focus-within { + color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .xl\:inset-x-5 { - left: 1.25rem; - right: 1.25rem; + .xl\:focus-within\:text-Shadow\ and\ Highlight-shadow\ two:focus-within { + color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .xl\:inset-x-6 { - left: 1.5rem; - right: 1.5rem; + .xl\:focus-within\:text-Shadow\ and\ Highlight-shadow\ three:focus-within { + color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .xl\:inset-x-7 { - left: 1.75rem; - right: 1.75rem; + .xl\:focus-within\:text-Shadow\ and\ Highlight-shadow\ four:focus-within { + color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .xl\:inset-x-8 { - left: 2rem; - right: 2rem; + .xl\:focus-within\:text-Shadow\ and\ Highlight-shadow\ five:focus-within { + color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .xl\:inset-x-9 { - left: 2.25rem; - right: 2.25rem; + .xl\:focus-within\:text-Shadow\ and\ Highlight-highlight\ four:focus-within { + color: var(--shadow-and-highlight-highlight-four, #47474740); } - .xl\:inset-x-10 { - left: 2.5rem; - right: 2.5rem; + .xl\:focus-within\:text-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus-within { + color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .xl\:inset-x-11 { - left: 2.75rem; - right: 2.75rem; + .xl\:focus-within\:text-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus-within { + color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .xl\:inset-x-12 { - left: 3rem; - right: 3rem; + .xl\:focus-within\:text-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus-within { + color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .xl\:inset-x-14 { - left: 3.5rem; - right: 3.5rem; + .xl\:focus-within\:text-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus-within { + color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .xl\:inset-x-16 { - left: 4rem; - right: 4rem; + .xl\:focus-within\:text-Grey-Scale-white:focus-within { + color: var(--grey-scale-white, #ffffff); } - .xl\:inset-x-20 { - left: 5rem; - right: 5rem; + .xl\:focus-within\:text-Grey-Scale-off-white:focus-within { + color: var(--grey-scale-off-white, #f0edee); } - .xl\:inset-x-24 { - left: 6rem; - right: 6rem; + .xl\:focus-within\:text-Grey\ Scale-grey:focus-within { + color: var(--grey-scale-grey, #7f7e7f); } - .xl\:inset-x-28 { - left: 7rem; - right: 7rem; + .xl\:focus-within\:text-Grey\ Scale-charcoal:focus-within { + color: var(--grey-scale-charcoal, #474747); } - .xl\:inset-x-32 { - left: 8rem; - right: 8rem; + .xl\:focus-within\:text-Grey\ Scale-off-black:focus-within { + color: var(--grey-scale-off-black, #1c1c1c); } - .xl\:inset-x-36 { - left: 9rem; - right: 9rem; + .xl\:focus-within\:text-Grey\ Scale-black:focus-within { + color: var(--grey-scale-black, #000000); } - .xl\:inset-x-40 { - left: 10rem; - right: 10rem; + .xl\:focus-within\:text-Blue-blue:focus-within { + color: var(--blue-blue, #3a7ca5); } - .xl\:inset-x-44 { - left: 11rem; - right: 11rem; + .xl\:focus-within\:text-Blue-blue-100:focus-within { + color: var(--blue-blue-100, #75a3c0); } - .xl\:inset-x-48 { - left: 12rem; - right: 12rem; + .xl\:focus-within\:text-Blue-blue-200:focus-within { + color: var(--blue-blue-200, #9cbed2); } - .xl\:inset-x-52 { - left: 13rem; - right: 13rem; + .xl\:focus-within\:text-Blue-blue-300:focus-within { + color: var(--blue-blue-300, #4f7d9a); } - .xl\:inset-x-56 { - left: 14rem; - right: 14rem; + .xl\:focus-within\:text-Blue-blue-400:focus-within { + color: var(--blue-blue-400, #5c7d92); } - .xl\:inset-x-60 { - left: 15rem; - right: 15rem; + .xl\:focus-within\:text-Blue-blue-500:focus-within { + color: var(--blue-blue-500, #347095); } - .xl\:inset-x-64 { - left: 16rem; - right: 16rem; + .xl\:focus-within\:text-Blue-blue-600:focus-within { + color: var(--blue-blue-600, #295774); } - .xl\:inset-x-72 { - left: 18rem; - right: 18rem; + .xl\:focus-within\:text-Blue-blue-700:focus-within { + color: var(--blue-blue-700, #173242); } - .xl\:inset-x-80 { - left: 20rem; - right: 20rem; + .xl\:focus-within\:text-LightBlue-lightblue:focus-within { + color: var(--light-blue-lightblue, #81c3d7); } - .xl\:inset-x-96 { - left: 24rem; - right: 24rem; + .xl\:focus-within\:text-LightBlue-lightblue-100:focus-within { + color: var(--light-blue-lightblue-100, #a7d5e3); } - .xl\:inset-x-auto { - left: auto; - right: auto; + .xl\:focus-within\:text-LightBlue-lightblue-200:focus-within { + color: var(--light-blue-lightblue-200, #c0e1eb); } - .xl\:inset-x-px { - left: 1px; - right: 1px; + .xl\:focus-within\:text-LightBlue-lightblue-300:focus-within { + color: var(--light-blue-lightblue-300, #80aebd); } - .xl\:inset-x-0\.5 { - left: 0.125rem; - right: 0.125rem; + .xl\:focus-within\:text-LightBlue-lightblue-400:focus-within { + color: var(--light-blue-lightblue-400, #80a0ab); } - .xl\:inset-x-1\.5 { - left: 0.375rem; - right: 0.375rem; + .xl\:focus-within\:text-LightBlue-lightblue-500:focus-within { + color: var(--light-blue-lightblue-500, #74afc1); } - .xl\:inset-x-2\.5 { - left: 0.625rem; - right: 0.625rem; + .xl\:focus-within\:text-LightBlue-lightblue-600:focus-within { + color: var(--light-blue-lightblue-600, #5a8997); } - .xl\:inset-x-3\.5 { - left: 0.875rem; - right: 0.875rem; + .xl\:focus-within\:text-LightBlue-lightblue-650:focus-within { + color: var(--light-blue-lightblue-650, #3e5e65); } - .xl\:-inset-x-0 { - left: 0px; - right: 0px; + .xl\:focus-within\:text-LightBlue-lightblue-700:focus-within { + color: var(--light-blue-lightblue-700, #344e56); } - .xl\:-inset-x-1 { - left: -0.25rem; - right: -0.25rem; + .xl\:focus-within\:text-Orange-orange:focus-within { + color: var(--orange-orange, #ff7f0e); } - .xl\:-inset-x-2 { - left: -0.5rem; - right: -0.5rem; + .xl\:focus-within\:text-Orange-orange-100:focus-within { + color: var(--orange-orange-100, #ffa556); } - .xl\:-inset-x-3 { - left: -0.75rem; - right: -0.75rem; + .xl\:focus-within\:text-Orange-orange-200:focus-within { + color: var(--orange-orange-200, #ffbf86); } - .xl\:-inset-x-4 { - left: -1rem; - right: -1rem; + .xl\:focus-within\:text-Orange-orange-300:focus-within { + color: var(--orange-orange-300, #d97f30); } - .xl\:-inset-x-5 { - left: -1.25rem; - right: -1.25rem; + .xl\:focus-within\:text-Orange-orange-400:focus-within { + color: var(--orange-orange-400, #bf7e46); } - .xl\:-inset-x-6 { - left: -1.5rem; - right: -1.5rem; + .xl\:focus-within\:text-Orange-orange-500:focus-within { + color: var(--orange-orange-500, #e5720d); } - .xl\:-inset-x-7 { - left: -1.75rem; - right: -1.75rem; + .xl\:focus-within\:text-Orange-orange-600:focus-within { + color: var(--orange-orange-600, #b3590a); } - .xl\:-inset-x-8 { - left: -2rem; - right: -2rem; + .xl\:focus-within\:text-Orange-orange-700:focus-within { + color: var(--orange-orange-700, #663306); } - .xl\:-inset-x-9 { - left: -2.25rem; - right: -2.25rem; + .xl\:focus-within\:text-Yellow-yellow:focus-within { + color: var(--yellow-yellow, #ffab00); } - .xl\:-inset-x-10 { - left: -2.5rem; - right: -2.5rem; + .xl\:focus-within\:text-Yellow-yellow-100:focus-within { + color: var(--yellow-yellow-100, #ffc44c); } - .xl\:-inset-x-11 { - left: -2.75rem; - right: -2.75rem; + .xl\:focus-within\:text-Yellow-yellow-200:focus-within { + color: var(--yellow-yellow-200, #ffd580); } - .xl\:-inset-x-12 { - left: -3rem; - right: -3rem; + .xl\:focus-within\:text-Yellow-yellow-300:focus-within { + color: var(--yellow-yellow-300, #d99d26); } - .xl\:-inset-x-14 { - left: -3.5rem; - right: -3.5rem; + .xl\:focus-within\:text-Yellow-yellow-400:focus-within { + color: var(--yellow-yellow-400, #bf943f); } - .xl\:-inset-x-16 { - left: -4rem; - right: -4rem; + .xl\:focus-within\:text-Yellow-yellow-500:focus-within { + color: var(--yellow-yellow-500, #e59a00); } - .xl\:-inset-x-20 { - left: -5rem; - right: -5rem; + .xl\:focus-within\:text-Yellow-yellow-600:focus-within { + color: var(--yellow-yellow-600, #b37800); } - .xl\:-inset-x-24 { - left: -6rem; - right: -6rem; + .xl\:focus-within\:text-Yellow-yellow-700:focus-within { + color: var(--yellow-yellow-700, #664400); } - .xl\:-inset-x-28 { - left: -7rem; - right: -7rem; + .xl\:focus-within\:text-Notification-notification:focus-within { + color: var(--notification-notification, #3959ff); } - .xl\:-inset-x-32 { - left: -8rem; - right: -8rem; + .xl\:focus-within\:text-Notification-notification-100:focus-within { + color: var(--notification-notification-100, #748bff); } - .xl\:-inset-x-36 { - left: -9rem; - right: -9rem; + .xl\:focus-within\:text-Notification-notification-200:focus-within { + color: var(--notification-notification-200, #9cacff); } - .xl\:-inset-x-40 { - left: -10rem; - right: -10rem; + .xl\:focus-within\:text-Notification-notification-300:focus-within { + color: var(--notification-notification-300, #4e64d9); } - .xl\:-inset-x-44 { - left: -11rem; - right: -11rem; + .xl\:focus-within\:text-Notification-notification-400:focus-within { + color: var(--notification-notification-400, #5c6cbf); } - .xl\:-inset-x-48 { - left: -12rem; - right: -12rem; + .xl\:focus-within\:text-Notification-notification-500:focus-within { + color: var(--notification-notification-500, #3350e5); } - .xl\:-inset-x-52 { - left: -13rem; - right: -13rem; + .xl\:focus-within\:text-Notification-notification-600:focus-within { + color: var(--notification-notification-600, #283eb3); } - .xl\:-inset-x-56 { - left: -14rem; - right: -14rem; + .xl\:focus-within\:text-Notification-notification-700:focus-within { + color: var(--notification-notification-700, #172466); } - .xl\:-inset-x-60 { - left: -15rem; - right: -15rem; + .xl\:focus-within\:text-Success-success\ -700:focus-within { + color: var(--success-success-700, #24471f); } - .xl\:-inset-x-64 { - left: -16rem; - right: -16rem; + .xl\:focus-within\:text-Success-success:focus-within { + color: var(--success-success, #5bb14d); } - .xl\:-inset-x-72 { - left: -18rem; - right: -18rem; + .xl\:focus-within\:text-Success-success\ -100:focus-within { + color: var(--success-success-100, #8cc882); } - .xl\:-inset-x-80 { - left: -20rem; - right: -20rem; + .xl\:focus-within\:text-Success-success\ -200:focus-within { + color: var(--success-success-200, #add8a6); } - .xl\:-inset-x-96 { - left: -24rem; - right: -24rem; + .xl\:focus-within\:text-Success-success\ -300:focus-within { + color: var(--success-success-300, #66a25c); } - .xl\:-inset-x-px { - left: -1px; - right: -1px; + .xl\:focus-within\:text-Success-success\ -400:focus-within { + color: var(--success-success-400, #6d9766); } - .xl\:-inset-x-0\.5 { - left: -0.125rem; - right: -0.125rem; + .xl\:focus-within\:text-Success-success\ -500:focus-within { + color: var(--success-success-500, #529f45); } - .xl\:-inset-x-1\.5 { - left: -0.375rem; - right: -0.375rem; + .xl\:focus-within\:text-Success-success\ -600:focus-within { + color: var(--success-success-600, #407c36); } - .xl\:-inset-x-2\.5 { - left: -0.625rem; - right: -0.625rem; + .xl\:focus-within\:text-Error-error:focus-within { + color: var(--error-error, #f03d3e); } - .xl\:-inset-x-3\.5 { - left: -0.875rem; - right: -0.875rem; + .xl\:focus-within\:text-Error-error-100:focus-within { + color: var(--error-error-100, #f57778); } - .xl\:inset-x-1\/2 { - left: 50%; - right: 50%; + .xl\:focus-within\:text-Error-error-200:focus-within { + color: var(--error-error-200, #f89e9e); } - .xl\:inset-x-1\/3 { - left: 33.333333%; - right: 33.333333%; + .xl\:focus-within\:text-Error-error-250:focus-within { + color: var(--error-error-250, #f9c8c8); } - .xl\:inset-x-2\/3 { - left: 66.666667%; - right: 66.666667%; + .xl\:focus-within\:text-Error-error-300:focus-within { + color: var(--error-error-300, #ce5151); } - .xl\:inset-x-1\/4 { - left: 25%; - right: 25%; + .xl\:focus-within\:text-Error-error-400:focus-within { + color: var(--error-error-400, #b85e5e); } - .xl\:inset-x-2\/4 { - left: 50%; - right: 50%; + .xl\:focus-within\:text-Error-error-500:focus-within { + color: var(--error-error-500, #d83738); } - .xl\:inset-x-3\/4 { - left: 75%; - right: 75%; + .xl\:focus-within\:text-Error-error-600:focus-within { + color: var(--error-error-600, #a82b2b); } - .xl\:inset-x-full { - left: 100%; - right: 100%; + .xl\:focus-within\:text-Error-error-700:focus-within { + color: var(--error-error-700, #601819); } - .xl\:-inset-x-1\/2 { - left: -50%; - right: -50%; + .xl\:hover\:text-colors-black:hover { + color: var(--colors-black, #000000); } - .xl\:-inset-x-1\/3 { - left: -33.333333%; - right: -33.333333%; + .xl\:hover\:text-colors-white:hover { + color: var(--colors-white, #ffffff); } - .xl\:-inset-x-2\/3 { - left: -66.666667%; - right: -66.666667%; + .xl\:hover\:text-colors-gray-100:hover { + color: var(--colors-gray-100, #f7fafc); } - .xl\:-inset-x-1\/4 { - left: -25%; - right: -25%; + .xl\:hover\:text-colors-gray-200:hover { + color: var(--colors-gray-200, #edf2f7); } - .xl\:-inset-x-2\/4 { - left: -50%; - right: -50%; + .xl\:hover\:text-colors-gray-300:hover { + color: var(--colors-gray-300, #e2e8f0); } - .xl\:-inset-x-3\/4 { - left: -75%; - right: -75%; + .xl\:hover\:text-colors-gray-400:hover { + color: var(--colors-gray-400, #cbd5e0); } - .xl\:-inset-x-full { - left: -100%; - right: -100%; + .xl\:hover\:text-colors-gray-500:hover { + color: var(--colors-gray-500, #a0aec0); } - .xl\:inset-y-0 { - top: 0px; - bottom: 0px; + .xl\:hover\:text-colors-gray-600:hover { + color: var(--colors-gray-600, #718096); } - .xl\:inset-y-1 { - top: 0.25rem; - bottom: 0.25rem; + .xl\:hover\:text-colors-gray-700:hover { + color: var(--colors-gray-700, #4a5568); } - .xl\:inset-y-2 { - top: 0.5rem; - bottom: 0.5rem; + .xl\:hover\:text-colors-gray-800:hover { + color: var(--colors-gray-800, #2d3748); } - .xl\:inset-y-3 { - top: 0.75rem; - bottom: 0.75rem; + .xl\:hover\:text-colors-gray-900:hover { + color: var(--colors-gray-900, #1a202c); } - .xl\:inset-y-4 { - top: 1rem; - bottom: 1rem; + .xl\:hover\:text-colors-red-100:hover { + color: var(--colors-red-100, #fff5f5); } - .xl\:inset-y-5 { - top: 1.25rem; - bottom: 1.25rem; + .xl\:hover\:text-colors-red-200:hover { + color: var(--colors-red-200, #fed7d7); } - .xl\:inset-y-6 { - top: 1.5rem; - bottom: 1.5rem; + .xl\:hover\:text-colors-red-300:hover { + color: var(--colors-red-300, #feb2b2); } - .xl\:inset-y-7 { - top: 1.75rem; - bottom: 1.75rem; + .xl\:hover\:text-colors-red-400:hover { + color: var(--colors-red-400, #fc8181); } - .xl\:inset-y-8 { - top: 2rem; - bottom: 2rem; + .xl\:hover\:text-colors-red-500:hover { + color: var(--colors-red-500, #f56565); } - .xl\:inset-y-9 { - top: 2.25rem; - bottom: 2.25rem; + .xl\:hover\:text-colors-red-600:hover { + color: var(--colors-red-600, #e53e3e); } - .xl\:inset-y-10 { - top: 2.5rem; - bottom: 2.5rem; + .xl\:hover\:text-colors-red-700:hover { + color: var(--colors-red-700, #c53030); } - .xl\:inset-y-11 { - top: 2.75rem; - bottom: 2.75rem; + .xl\:hover\:text-colors-red-800:hover { + color: var(--colors-red-800, #9b2c2c); } - .xl\:inset-y-12 { - top: 3rem; - bottom: 3rem; + .xl\:hover\:text-colors-red-900:hover { + color: var(--colors-red-900, #742a2a); } - .xl\:inset-y-14 { - top: 3.5rem; - bottom: 3.5rem; + .xl\:hover\:text-colors-orange-100:hover { + color: var(--colors-orange-100, #fffaf0); } - .xl\:inset-y-16 { - top: 4rem; - bottom: 4rem; + .xl\:hover\:text-colors-orange-200:hover { + color: var(--colors-orange-200, #feebc8); } - .xl\:inset-y-20 { - top: 5rem; - bottom: 5rem; + .xl\:hover\:text-colors-orange-300:hover { + color: var(--colors-orange-300, #fbd38d); } - .xl\:inset-y-24 { - top: 6rem; - bottom: 6rem; + .xl\:hover\:text-colors-orange-400:hover { + color: var(--colors-orange-400, #f6ad55); } - .xl\:inset-y-28 { - top: 7rem; - bottom: 7rem; + .xl\:hover\:text-colors-orange-500:hover { + color: var(--colors-orange-500, #ed8936); } - .xl\:inset-y-32 { - top: 8rem; - bottom: 8rem; + .xl\:hover\:text-colors-orange-600:hover { + color: var(--colors-orange-600, #dd6b20); } - .xl\:inset-y-36 { - top: 9rem; - bottom: 9rem; + .xl\:hover\:text-colors-orange-700:hover { + color: var(--colors-orange-700, #c05621); } - .xl\:inset-y-40 { - top: 10rem; - bottom: 10rem; + .xl\:hover\:text-colors-orange-800:hover { + color: var(--colors-orange-800, #9c4221); } - .xl\:inset-y-44 { - top: 11rem; - bottom: 11rem; + .xl\:hover\:text-colors-orange-900:hover { + color: var(--colors-orange-900, #7b341e); } - .xl\:inset-y-48 { - top: 12rem; - bottom: 12rem; + .xl\:hover\:text-colors-yellow-100:hover { + color: var(--colors-yellow-100, #fffff0); } - .xl\:inset-y-52 { - top: 13rem; - bottom: 13rem; + .xl\:hover\:text-colors-yellow-200:hover { + color: var(--colors-yellow-200, #fefcbf); } - .xl\:inset-y-56 { - top: 14rem; - bottom: 14rem; + .xl\:hover\:text-colors-yellow-300:hover { + color: var(--colors-yellow-300, #faf089); } - .xl\:inset-y-60 { - top: 15rem; - bottom: 15rem; + .xl\:hover\:text-colors-yellow-400:hover { + color: var(--colors-yellow-400, #f6e05e); } - .xl\:inset-y-64 { - top: 16rem; - bottom: 16rem; + .xl\:hover\:text-colors-yellow-500:hover { + color: var(--colors-yellow-500, #ecc94b); } - .xl\:inset-y-72 { - top: 18rem; - bottom: 18rem; + .xl\:hover\:text-colors-yellow-600:hover { + color: var(--colors-yellow-600, #d69e2e); } - .xl\:inset-y-80 { - top: 20rem; - bottom: 20rem; + .xl\:hover\:text-colors-yellow-700:hover { + color: var(--colors-yellow-700, #b7791f); } - .xl\:inset-y-96 { - top: 24rem; - bottom: 24rem; + .xl\:hover\:text-colors-yellow-800:hover { + color: var(--colors-yellow-800, #975a16); } - .xl\:inset-y-auto { - top: auto; - bottom: auto; + .xl\:hover\:text-colors-yellow-900:hover { + color: var(--colors-yellow-900, #744210); } - .xl\:inset-y-px { - top: 1px; - bottom: 1px; + .xl\:hover\:text-colors-green-100:hover { + color: var(--colors-green-100, #f0fff4); } - .xl\:inset-y-0\.5 { - top: 0.125rem; - bottom: 0.125rem; + .xl\:hover\:text-colors-green-200:hover { + color: var(--colors-green-200, #c6f6d5); } - .xl\:inset-y-1\.5 { - top: 0.375rem; - bottom: 0.375rem; + .xl\:hover\:text-colors-green-300:hover { + color: var(--colors-green-300, #9ae6b4); } - .xl\:inset-y-2\.5 { - top: 0.625rem; - bottom: 0.625rem; + .xl\:hover\:text-colors-green-400:hover { + color: var(--colors-green-400, #68d391); } - .xl\:inset-y-3\.5 { - top: 0.875rem; - bottom: 0.875rem; + .xl\:hover\:text-colors-green-500:hover { + color: var(--colors-green-500, #48bb78); } - .xl\:-inset-y-0 { - top: 0px; - bottom: 0px; + .xl\:hover\:text-colors-green-600:hover { + color: var(--colors-green-600, #38a169); } - .xl\:-inset-y-1 { - top: -0.25rem; - bottom: -0.25rem; + .xl\:hover\:text-colors-green-700:hover { + color: var(--colors-green-700, #2f855a); } - .xl\:-inset-y-2 { - top: -0.5rem; - bottom: -0.5rem; + .xl\:hover\:text-colors-green-800:hover { + color: var(--colors-green-800, #276749); } - .xl\:-inset-y-3 { - top: -0.75rem; - bottom: -0.75rem; + .xl\:hover\:text-colors-green-900:hover { + color: var(--colors-green-900, #22543d); } - .xl\:-inset-y-4 { - top: -1rem; - bottom: -1rem; + .xl\:hover\:text-colors-teal-100:hover { + color: var(--colors-teal-100, #e6fffa); } - .xl\:-inset-y-5 { - top: -1.25rem; - bottom: -1.25rem; + .xl\:hover\:text-colors-teal-200:hover { + color: var(--colors-teal-200, #b2f5ea); } - .xl\:-inset-y-6 { - top: -1.5rem; - bottom: -1.5rem; + .xl\:hover\:text-colors-teal-300:hover { + color: var(--colors-teal-300, #81e6d9); } - .xl\:-inset-y-7 { - top: -1.75rem; - bottom: -1.75rem; + .xl\:hover\:text-colors-teal-400:hover { + color: var(--colors-teal-400, #4fd1c5); } - .xl\:-inset-y-8 { - top: -2rem; - bottom: -2rem; + .xl\:hover\:text-colors-teal-500:hover { + color: var(--colors-teal-500, #38b2ac); } - .xl\:-inset-y-9 { - top: -2.25rem; - bottom: -2.25rem; + .xl\:hover\:text-colors-teal-600:hover { + color: var(--colors-teal-600, #319795); } - .xl\:-inset-y-10 { - top: -2.5rem; - bottom: -2.5rem; + .xl\:hover\:text-colors-teal-700:hover { + color: var(--colors-teal-700, #2c7a7b); } - .xl\:-inset-y-11 { - top: -2.75rem; - bottom: -2.75rem; + .xl\:hover\:text-colors-teal-800:hover { + color: var(--colors-teal-800, #285e61); } - .xl\:-inset-y-12 { - top: -3rem; - bottom: -3rem; + .xl\:hover\:text-colors-teal-900:hover { + color: var(--colors-teal-900, #234e52); } - .xl\:-inset-y-14 { - top: -3.5rem; - bottom: -3.5rem; + .xl\:hover\:text-colors-blue-100:hover { + color: var(--colors-blue-100, #ebf8ff); } - .xl\:-inset-y-16 { - top: -4rem; - bottom: -4rem; + .xl\:hover\:text-colors-blue-200:hover { + color: var(--colors-blue-200, #bee3f8); } - .xl\:-inset-y-20 { - top: -5rem; - bottom: -5rem; + .xl\:hover\:text-colors-blue-300:hover { + color: var(--colors-blue-300, #90cdf4); } - .xl\:-inset-y-24 { - top: -6rem; - bottom: -6rem; + .xl\:hover\:text-colors-blue-400:hover { + color: var(--colors-blue-400, #63b3ed); } - .xl\:-inset-y-28 { - top: -7rem; - bottom: -7rem; + .xl\:hover\:text-colors-blue-500:hover { + color: var(--colors-blue-500, #4299e1); } - .xl\:-inset-y-32 { - top: -8rem; - bottom: -8rem; + .xl\:hover\:text-colors-blue-600:hover { + color: var(--colors-blue-600, #3182ce); } - .xl\:-inset-y-36 { - top: -9rem; - bottom: -9rem; + .xl\:hover\:text-colors-blue-700:hover { + color: var(--colors-blue-700, #2b6cb0); } - .xl\:-inset-y-40 { - top: -10rem; - bottom: -10rem; + .xl\:hover\:text-colors-blue-800:hover { + color: var(--colors-blue-800, #2c5282); } - .xl\:-inset-y-44 { - top: -11rem; - bottom: -11rem; + .xl\:hover\:text-colors-blue-900:hover { + color: var(--colors-blue-900, #2a4365); } - .xl\:-inset-y-48 { - top: -12rem; - bottom: -12rem; + .xl\:hover\:text-colors-indigo-100:hover { + color: var(--colors-indigo-100, #ebf4ff); } - .xl\:-inset-y-52 { - top: -13rem; - bottom: -13rem; + .xl\:hover\:text-colors-indigo-200:hover { + color: var(--colors-indigo-200, #c3dafe); } - .xl\:-inset-y-56 { - top: -14rem; - bottom: -14rem; + .xl\:hover\:text-colors-indigo-300:hover { + color: var(--colors-indigo-300, #a3bffa); } - .xl\:-inset-y-60 { - top: -15rem; - bottom: -15rem; + .xl\:hover\:text-colors-indigo-400:hover { + color: var(--colors-indigo-400, #7f9cf5); } - .xl\:-inset-y-64 { - top: -16rem; - bottom: -16rem; + .xl\:hover\:text-colors-indigo-500:hover { + color: var(--colors-indigo-500, #667eea); } - .xl\:-inset-y-72 { - top: -18rem; - bottom: -18rem; + .xl\:hover\:text-colors-indigo-600:hover { + color: var(--colors-indigo-600, #5a67d8); } - .xl\:-inset-y-80 { - top: -20rem; - bottom: -20rem; + .xl\:hover\:text-colors-indigo-700:hover { + color: var(--colors-indigo-700, #4c51bf); } - .xl\:-inset-y-96 { - top: -24rem; - bottom: -24rem; + .xl\:hover\:text-colors-indigo-800:hover { + color: var(--colors-indigo-800, #434190); } - .xl\:-inset-y-px { - top: -1px; - bottom: -1px; + .xl\:hover\:text-colors-indigo-900:hover { + color: var(--colors-indigo-900, #3c366b); } - .xl\:-inset-y-0\.5 { - top: -0.125rem; - bottom: -0.125rem; + .xl\:hover\:text-colors-purple-100:hover { + color: var(--colors-purple-100, #faf5ff); } - .xl\:-inset-y-1\.5 { - top: -0.375rem; - bottom: -0.375rem; + .xl\:hover\:text-colors-purple-200:hover { + color: var(--colors-purple-200, #e9d8fd); } - .xl\:-inset-y-2\.5 { - top: -0.625rem; - bottom: -0.625rem; + .xl\:hover\:text-colors-purple-300:hover { + color: var(--colors-purple-300, #d6bcfa); } - .xl\:-inset-y-3\.5 { - top: -0.875rem; - bottom: -0.875rem; + .xl\:hover\:text-colors-purple-400:hover { + color: var(--colors-purple-400, #b794f4); } - .xl\:inset-y-1\/2 { - top: 50%; - bottom: 50%; + .xl\:hover\:text-colors-purple-500:hover { + color: var(--colors-purple-500, #9f7aea); } - .xl\:inset-y-1\/3 { - top: 33.333333%; - bottom: 33.333333%; + .xl\:hover\:text-colors-purple-600:hover { + color: var(--colors-purple-600, #805ad5); } - .xl\:inset-y-2\/3 { - top: 66.666667%; - bottom: 66.666667%; + .xl\:hover\:text-colors-purple-700:hover { + color: var(--colors-purple-700, #6b46c1); } - .xl\:inset-y-1\/4 { - top: 25%; - bottom: 25%; + .xl\:hover\:text-colors-purple-800:hover { + color: var(--colors-purple-800, #553c9a); } - .xl\:inset-y-2\/4 { - top: 50%; - bottom: 50%; + .xl\:hover\:text-colors-purple-900:hover { + color: var(--colors-purple-900, #44337a); } - .xl\:inset-y-3\/4 { - top: 75%; - bottom: 75%; + .xl\:hover\:text-colors-pink-100:hover { + color: var(--colors-pink-100, #fff5f7); } - .xl\:inset-y-full { - top: 100%; - bottom: 100%; + .xl\:hover\:text-colors-pink-200:hover { + color: var(--colors-pink-200, #fed7e2); } - .xl\:-inset-y-1\/2 { - top: -50%; - bottom: -50%; + .xl\:hover\:text-colors-pink-300:hover { + color: var(--colors-pink-300, #fbb6ce); } - .xl\:-inset-y-1\/3 { - top: -33.333333%; - bottom: -33.333333%; + .xl\:hover\:text-colors-pink-400:hover { + color: var(--colors-pink-400, #f687b3); } - .xl\:-inset-y-2\/3 { - top: -66.666667%; - bottom: -66.666667%; + .xl\:hover\:text-colors-pink-500:hover { + color: var(--colors-pink-500, #ed64a6); } - .xl\:-inset-y-1\/4 { - top: -25%; - bottom: -25%; + .xl\:hover\:text-colors-pink-600:hover { + color: var(--colors-pink-600, #d53f8c); } - .xl\:-inset-y-2\/4 { - top: -50%; - bottom: -50%; + .xl\:hover\:text-colors-pink-700:hover { + color: var(--colors-pink-700, #b83280); } - .xl\:-inset-y-3\/4 { - top: -75%; - bottom: -75%; + .xl\:hover\:text-colors-pink-800:hover { + color: var(--colors-pink-800, #97266d); } - .xl\:-inset-y-full { - top: -100%; - bottom: -100%; + .xl\:hover\:text-colors-pink-900:hover { + color: var(--colors-pink-900, #702459); } - .xl\:top-0 { - top: 0px; + .xl\:hover\:text-Box\ Shadow:hover { + color: var(--box-shadow, #7f7e7f); } - .xl\:top-1 { - top: 0.25rem; + .xl\:hover\:text-Error16:hover { + color: var(--error16, #f03d3e40); } - .xl\:top-2 { - top: 0.5rem; + .xl\:hover\:text-Success16:hover { + color: var(--success16, #5bb14d40); } - .xl\:top-3 { - top: 0.75rem; + .xl\:hover\:text-Notification16:hover { + color: var(--notification16, #3959ff40); } - .xl\:top-4 { - top: 1rem; + .xl\:hover\:text-Error8:hover { + color: var(--error8, #f03d3e1a); } - .xl\:top-5 { - top: 1.25rem; + .xl\:hover\:text-Notification8:hover { + color: var(--notification8, #3959ff1a); } - .xl\:top-6 { - top: 1.5rem; + .xl\:hover\:text-Success8:hover { + color: var(--success8, #5bb14d1a); } - .xl\:top-7 { - top: 1.75rem; + .xl\:hover\:text-Light\ -\ Overlay:hover { + color: var(--light-overlay, #f0edee66); } - .xl\:top-8 { - top: 2rem; + .xl\:hover\:text-Dark-\ Overlay:hover { + color: var(--dark-overlay, #7f7e7f66); } - .xl\:top-9 { - top: 2.25rem; + .xl\:hover\:text-black-40:hover { + color: var(--black-40, #00000066); } - .xl\:top-10 { - top: 2.5rem; + .xl\:hover\:text-black-75:hover { + color: var(--black-75, #000000bf); } - .xl\:top-11 { - top: 2.75rem; + .xl\:hover\:text-black-60:hover { + color: var(--black-60, #00000099); } - .xl\:top-12 { - top: 3rem; + .xl\:hover\:text-black-50:hover { + color: var(--black-50, #00000080); } - .xl\:top-14 { - top: 3.5rem; + .xl\:hover\:text-black-25:hover { + color: var(--black-25, #00000040); } - .xl\:top-16 { - top: 4rem; + .xl\:hover\:text-black-10:hover { + color: var(--black-10, #0000001a); } - .xl\:top-20 { - top: 5rem; + .xl\:hover\:text-white-25:hover { + color: var(--white-25, #ffffff40); } - .xl\:top-24 { - top: 6rem; + .xl\:hover\:text-white-60:hover { + color: var(--white-60, #ffffff99); } - .xl\:top-28 { - top: 7rem; + .xl\:hover\:text-black-64:hover { + color: var(--black-64, #000000a3); } - .xl\:top-32 { - top: 8rem; + .xl\:hover\:text-Shadow\ and\ Highlight-Shadow:hover { + color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .xl\:top-36 { - top: 9rem; + .xl\:hover\:text-Shadow\ and\ Highlight-Highlight:hover { + color: var(--shadow-and-highlight-highlight, #474747); } - .xl\:top-40 { - top: 10rem; + .xl\:hover\:text-Shadow\ and\ Highlight-highlight\ one:hover { + color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .xl\:top-44 { - top: 11rem; + .xl\:hover\:text-Shadow\ and\ Highlight-highlight\ two:hover { + color: var(--shadow-and-highlight-highlight-two, #47474799); } - .xl\:top-48 { - top: 12rem; + .xl\:hover\:text-Shadow\ and\ Highlight-highlight\ three:hover { + color: var(--shadow-and-highlight-highlight-three, #47474766); } - .xl\:top-52 { - top: 13rem; + .xl\:hover\:text-Shadow\ and\ Highlight-highlight\ five:hover { + color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .xl\:top-56 { - top: 14rem; + .xl\:hover\:text-Shadow\ and\ Highlight-shadow\ one:hover { + color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .xl\:top-60 { - top: 15rem; + .xl\:hover\:text-Shadow\ and\ Highlight-shadow\ two:hover { + color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .xl\:top-64 { - top: 16rem; + .xl\:hover\:text-Shadow\ and\ Highlight-shadow\ three:hover { + color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .xl\:top-72 { - top: 18rem; + .xl\:hover\:text-Shadow\ and\ Highlight-shadow\ four:hover { + color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .xl\:top-80 { - top: 20rem; + .xl\:hover\:text-Shadow\ and\ Highlight-shadow\ five:hover { + color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .xl\:top-96 { - top: 24rem; + .xl\:hover\:text-Shadow\ and\ Highlight-highlight\ four:hover { + color: var(--shadow-and-highlight-highlight-four, #47474740); } - .xl\:top-auto { - top: auto; + .xl\:hover\:text-Base\ Layer\ Styles-Base\ Layer-\ Light-White:hover { + color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .xl\:top-px { - top: 1px; + .xl\:hover\:text-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:hover { + color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .xl\:top-0\.5 { - top: 0.125rem; + .xl\:hover\:text-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:hover { + color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .xl\:top-1\.5 { - top: 0.375rem; + .xl\:hover\:text-Base\ Layer\ Styles-Base\ Layer-Dark-Black:hover { + color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .xl\:top-2\.5 { - top: 0.625rem; + .xl\:hover\:text-Grey-Scale-white:hover { + color: var(--grey-scale-white, #ffffff); } - .xl\:top-3\.5 { - top: 0.875rem; + .xl\:hover\:text-Grey-Scale-off-white:hover { + color: var(--grey-scale-off-white, #f0edee); } - .xl\:-top-0 { - top: 0px; + .xl\:hover\:text-Grey\ Scale-grey:hover { + color: var(--grey-scale-grey, #7f7e7f); } - .xl\:-top-1 { - top: -0.25rem; + .xl\:hover\:text-Grey\ Scale-charcoal:hover { + color: var(--grey-scale-charcoal, #474747); } - .xl\:-top-2 { - top: -0.5rem; + .xl\:hover\:text-Grey\ Scale-off-black:hover { + color: var(--grey-scale-off-black, #1c1c1c); } - .xl\:-top-3 { - top: -0.75rem; + .xl\:hover\:text-Grey\ Scale-black:hover { + color: var(--grey-scale-black, #000000); } - .xl\:-top-4 { - top: -1rem; + .xl\:hover\:text-Blue-blue:hover { + color: var(--blue-blue, #3a7ca5); } - .xl\:-top-5 { - top: -1.25rem; + .xl\:hover\:text-Blue-blue-100:hover { + color: var(--blue-blue-100, #75a3c0); } - .xl\:-top-6 { - top: -1.5rem; + .xl\:hover\:text-Blue-blue-200:hover { + color: var(--blue-blue-200, #9cbed2); } - .xl\:-top-7 { - top: -1.75rem; + .xl\:hover\:text-Blue-blue-300:hover { + color: var(--blue-blue-300, #4f7d9a); } - .xl\:-top-8 { - top: -2rem; + .xl\:hover\:text-Blue-blue-400:hover { + color: var(--blue-blue-400, #5c7d92); } - .xl\:-top-9 { - top: -2.25rem; + .xl\:hover\:text-Blue-blue-500:hover { + color: var(--blue-blue-500, #347095); } - .xl\:-top-10 { - top: -2.5rem; + .xl\:hover\:text-Blue-blue-600:hover { + color: var(--blue-blue-600, #295774); } - .xl\:-top-11 { - top: -2.75rem; + .xl\:hover\:text-Blue-blue-700:hover { + color: var(--blue-blue-700, #173242); } - .xl\:-top-12 { - top: -3rem; + .xl\:hover\:text-LightBlue-lightblue:hover { + color: var(--light-blue-lightblue, #81c3d7); } - .xl\:-top-14 { - top: -3.5rem; + .xl\:hover\:text-LightBlue-lightblue-100:hover { + color: var(--light-blue-lightblue-100, #a7d5e3); } - .xl\:-top-16 { - top: -4rem; + .xl\:hover\:text-LightBlue-lightblue-200:hover { + color: var(--light-blue-lightblue-200, #c0e1eb); } - .xl\:-top-20 { - top: -5rem; + .xl\:hover\:text-LightBlue-lightblue-300:hover { + color: var(--light-blue-lightblue-300, #80aebd); } - .xl\:-top-24 { - top: -6rem; + .xl\:hover\:text-LightBlue-lightblue-400:hover { + color: var(--light-blue-lightblue-400, #80a0ab); } - .xl\:-top-28 { - top: -7rem; + .xl\:hover\:text-LightBlue-lightblue-500:hover { + color: var(--light-blue-lightblue-500, #74afc1); } - .xl\:-top-32 { - top: -8rem; + .xl\:hover\:text-LightBlue-lightblue-600:hover { + color: var(--light-blue-lightblue-600, #5a8997); } - .xl\:-top-36 { - top: -9rem; + .xl\:hover\:text-LightBlue-lightblue-650:hover { + color: var(--light-blue-lightblue-650, #3e5e65); } - .xl\:-top-40 { - top: -10rem; + .xl\:hover\:text-LightBlue-lightblue-700:hover { + color: var(--light-blue-lightblue-700, #344e56); } - .xl\:-top-44 { - top: -11rem; + .xl\:hover\:text-Orange-orange:hover { + color: var(--orange-orange, #ff7f0e); } - .xl\:-top-48 { - top: -12rem; + .xl\:hover\:text-Orange-orange-100:hover { + color: var(--orange-orange-100, #ffa556); } - .xl\:-top-52 { - top: -13rem; + .xl\:hover\:text-Orange-orange-200:hover { + color: var(--orange-orange-200, #ffbf86); } - .xl\:-top-56 { - top: -14rem; + .xl\:hover\:text-Orange-orange-300:hover { + color: var(--orange-orange-300, #d97f30); } - .xl\:-top-60 { - top: -15rem; + .xl\:hover\:text-Orange-orange-400:hover { + color: var(--orange-orange-400, #bf7e46); } - .xl\:-top-64 { - top: -16rem; + .xl\:hover\:text-Orange-orange-500:hover { + color: var(--orange-orange-500, #e5720d); } - .xl\:-top-72 { - top: -18rem; + .xl\:hover\:text-Orange-orange-600:hover { + color: var(--orange-orange-600, #b3590a); } - .xl\:-top-80 { - top: -20rem; + .xl\:hover\:text-Orange-orange-700:hover { + color: var(--orange-orange-700, #663306); } - .xl\:-top-96 { - top: -24rem; + .xl\:hover\:text-Yellow-yellow:hover { + color: var(--yellow-yellow, #ffab00); } - .xl\:-top-px { - top: -1px; + .xl\:hover\:text-Yellow-yellow-100:hover { + color: var(--yellow-yellow-100, #ffc44c); } - .xl\:-top-0\.5 { - top: -0.125rem; + .xl\:hover\:text-Yellow-yellow-200:hover { + color: var(--yellow-yellow-200, #ffd580); } - .xl\:-top-1\.5 { - top: -0.375rem; + .xl\:hover\:text-Yellow-yellow-300:hover { + color: var(--yellow-yellow-300, #d99d26); } - .xl\:-top-2\.5 { - top: -0.625rem; + .xl\:hover\:text-Yellow-yellow-400:hover { + color: var(--yellow-yellow-400, #bf943f); } - .xl\:-top-3\.5 { - top: -0.875rem; + .xl\:hover\:text-Yellow-yellow-500:hover { + color: var(--yellow-yellow-500, #e59a00); } - .xl\:top-1\/2 { - top: 50%; + .xl\:hover\:text-Yellow-yellow-600:hover { + color: var(--yellow-yellow-600, #b37800); } - .xl\:top-1\/3 { - top: 33.333333%; + .xl\:hover\:text-Yellow-yellow-700:hover { + color: var(--yellow-yellow-700, #664400); } - .xl\:top-2\/3 { - top: 66.666667%; + .xl\:hover\:text-Notification-notification:hover { + color: var(--notification-notification, #3959ff); } - .xl\:top-1\/4 { - top: 25%; + .xl\:hover\:text-Notification-notification-100:hover { + color: var(--notification-notification-100, #748bff); } - .xl\:top-2\/4 { - top: 50%; + .xl\:hover\:text-Notification-notification-200:hover { + color: var(--notification-notification-200, #9cacff); } - .xl\:top-3\/4 { - top: 75%; + .xl\:hover\:text-Notification-notification-300:hover { + color: var(--notification-notification-300, #4e64d9); } - .xl\:top-full { - top: 100%; + .xl\:hover\:text-Notification-notification-400:hover { + color: var(--notification-notification-400, #5c6cbf); } - .xl\:-top-1\/2 { - top: -50%; + .xl\:hover\:text-Notification-notification-500:hover { + color: var(--notification-notification-500, #3350e5); } - .xl\:-top-1\/3 { - top: -33.333333%; + .xl\:hover\:text-Notification-notification-600:hover { + color: var(--notification-notification-600, #283eb3); } - .xl\:-top-2\/3 { - top: -66.666667%; + .xl\:hover\:text-Notification-notification-700:hover { + color: var(--notification-notification-700, #172466); } - .xl\:-top-1\/4 { - top: -25%; + .xl\:hover\:text-Success-success\ -700:hover { + color: var(--success-success-700, #24471f); } - .xl\:-top-2\/4 { - top: -50%; + .xl\:hover\:text-Success-success:hover { + color: var(--success-success, #5bb14d); } - .xl\:-top-3\/4 { - top: -75%; + .xl\:hover\:text-Success-success\ -100:hover { + color: var(--success-success-100, #8cc882); } - .xl\:-top-full { - top: -100%; + .xl\:hover\:text-Success-success\ -200:hover { + color: var(--success-success-200, #add8a6); } - .xl\:right-0 { - right: 0px; + .xl\:hover\:text-Success-success\ -300:hover { + color: var(--success-success-300, #66a25c); } - .xl\:right-1 { - right: 0.25rem; + .xl\:hover\:text-Success-success\ -400:hover { + color: var(--success-success-400, #6d9766); } - .xl\:right-2 { - right: 0.5rem; + .xl\:hover\:text-Success-success\ -500:hover { + color: var(--success-success-500, #529f45); } - .xl\:right-3 { - right: 0.75rem; + .xl\:hover\:text-Success-success\ -600:hover { + color: var(--success-success-600, #407c36); } - .xl\:right-4 { - right: 1rem; + .xl\:hover\:text-Error-error:hover { + color: var(--error-error, #f03d3e); } - .xl\:right-5 { - right: 1.25rem; + .xl\:hover\:text-Error-error-100:hover { + color: var(--error-error-100, #f57778); } - .xl\:right-6 { - right: 1.5rem; + .xl\:hover\:text-Error-error-200:hover { + color: var(--error-error-200, #f89e9e); } - .xl\:right-7 { - right: 1.75rem; + .xl\:hover\:text-Error-error-250:hover { + color: var(--error-error-250, #f9c8c8); } - .xl\:right-8 { - right: 2rem; + .xl\:hover\:text-Error-error-300:hover { + color: var(--error-error-300, #ce5151); } - .xl\:right-9 { - right: 2.25rem; + .xl\:hover\:text-Error-error-400:hover { + color: var(--error-error-400, #b85e5e); } - .xl\:right-10 { - right: 2.5rem; + .xl\:hover\:text-Error-error-500:hover { + color: var(--error-error-500, #d83738); } - .xl\:right-11 { - right: 2.75rem; + .xl\:hover\:text-Error-error-600:hover { + color: var(--error-error-600, #a82b2b); } - .xl\:right-12 { - right: 3rem; + .xl\:hover\:text-Error-error-700:hover { + color: var(--error-error-700, #601819); } - .xl\:right-14 { - right: 3.5rem; + .xl\:focus\:text-colors-black:focus { + color: var(--colors-black, #000000); } - .xl\:right-16 { - right: 4rem; + .xl\:focus\:text-colors-white:focus { + color: var(--colors-white, #ffffff); } - .xl\:right-20 { - right: 5rem; + .xl\:focus\:text-colors-gray-100:focus { + color: var(--colors-gray-100, #f7fafc); } - .xl\:right-24 { - right: 6rem; + .xl\:focus\:text-colors-gray-200:focus { + color: var(--colors-gray-200, #edf2f7); } - .xl\:right-28 { - right: 7rem; + .xl\:focus\:text-colors-gray-300:focus { + color: var(--colors-gray-300, #e2e8f0); } - .xl\:right-32 { - right: 8rem; + .xl\:focus\:text-colors-gray-400:focus { + color: var(--colors-gray-400, #cbd5e0); } - .xl\:right-36 { - right: 9rem; + .xl\:focus\:text-colors-gray-500:focus { + color: var(--colors-gray-500, #a0aec0); } - .xl\:right-40 { - right: 10rem; + .xl\:focus\:text-colors-gray-600:focus { + color: var(--colors-gray-600, #718096); } - .xl\:right-44 { - right: 11rem; + .xl\:focus\:text-colors-gray-700:focus { + color: var(--colors-gray-700, #4a5568); } - .xl\:right-48 { - right: 12rem; + .xl\:focus\:text-colors-gray-800:focus { + color: var(--colors-gray-800, #2d3748); } - .xl\:right-52 { - right: 13rem; + .xl\:focus\:text-colors-gray-900:focus { + color: var(--colors-gray-900, #1a202c); } - .xl\:right-56 { - right: 14rem; + .xl\:focus\:text-colors-red-100:focus { + color: var(--colors-red-100, #fff5f5); } - .xl\:right-60 { - right: 15rem; + .xl\:focus\:text-colors-red-200:focus { + color: var(--colors-red-200, #fed7d7); } - .xl\:right-64 { - right: 16rem; + .xl\:focus\:text-colors-red-300:focus { + color: var(--colors-red-300, #feb2b2); } - .xl\:right-72 { - right: 18rem; + .xl\:focus\:text-colors-red-400:focus { + color: var(--colors-red-400, #fc8181); } - .xl\:right-80 { - right: 20rem; + .xl\:focus\:text-colors-red-500:focus { + color: var(--colors-red-500, #f56565); } - .xl\:right-96 { - right: 24rem; + .xl\:focus\:text-colors-red-600:focus { + color: var(--colors-red-600, #e53e3e); } - .xl\:right-auto { - right: auto; + .xl\:focus\:text-colors-red-700:focus { + color: var(--colors-red-700, #c53030); } - .xl\:right-px { - right: 1px; + .xl\:focus\:text-colors-red-800:focus { + color: var(--colors-red-800, #9b2c2c); } - .xl\:right-0\.5 { - right: 0.125rem; + .xl\:focus\:text-colors-red-900:focus { + color: var(--colors-red-900, #742a2a); } - .xl\:right-1\.5 { - right: 0.375rem; + .xl\:focus\:text-colors-orange-100:focus { + color: var(--colors-orange-100, #fffaf0); } - .xl\:right-2\.5 { - right: 0.625rem; + .xl\:focus\:text-colors-orange-200:focus { + color: var(--colors-orange-200, #feebc8); } - .xl\:right-3\.5 { - right: 0.875rem; + .xl\:focus\:text-colors-orange-300:focus { + color: var(--colors-orange-300, #fbd38d); } - .xl\:-right-0 { - right: 0px; + .xl\:focus\:text-colors-orange-400:focus { + color: var(--colors-orange-400, #f6ad55); } - .xl\:-right-1 { - right: -0.25rem; + .xl\:focus\:text-colors-orange-500:focus { + color: var(--colors-orange-500, #ed8936); } - .xl\:-right-2 { - right: -0.5rem; + .xl\:focus\:text-colors-orange-600:focus { + color: var(--colors-orange-600, #dd6b20); } - .xl\:-right-3 { - right: -0.75rem; + .xl\:focus\:text-colors-orange-700:focus { + color: var(--colors-orange-700, #c05621); } - .xl\:-right-4 { - right: -1rem; + .xl\:focus\:text-colors-orange-800:focus { + color: var(--colors-orange-800, #9c4221); } - .xl\:-right-5 { - right: -1.25rem; + .xl\:focus\:text-colors-orange-900:focus { + color: var(--colors-orange-900, #7b341e); } - .xl\:-right-6 { - right: -1.5rem; + .xl\:focus\:text-colors-yellow-100:focus { + color: var(--colors-yellow-100, #fffff0); } - .xl\:-right-7 { - right: -1.75rem; + .xl\:focus\:text-colors-yellow-200:focus { + color: var(--colors-yellow-200, #fefcbf); } - .xl\:-right-8 { - right: -2rem; + .xl\:focus\:text-colors-yellow-300:focus { + color: var(--colors-yellow-300, #faf089); } - .xl\:-right-9 { - right: -2.25rem; + .xl\:focus\:text-colors-yellow-400:focus { + color: var(--colors-yellow-400, #f6e05e); } - .xl\:-right-10 { - right: -2.5rem; + .xl\:focus\:text-colors-yellow-500:focus { + color: var(--colors-yellow-500, #ecc94b); } - .xl\:-right-11 { - right: -2.75rem; + .xl\:focus\:text-colors-yellow-600:focus { + color: var(--colors-yellow-600, #d69e2e); } - .xl\:-right-12 { - right: -3rem; + .xl\:focus\:text-colors-yellow-700:focus { + color: var(--colors-yellow-700, #b7791f); } - .xl\:-right-14 { - right: -3.5rem; + .xl\:focus\:text-colors-yellow-800:focus { + color: var(--colors-yellow-800, #975a16); } - .xl\:-right-16 { - right: -4rem; + .xl\:focus\:text-colors-yellow-900:focus { + color: var(--colors-yellow-900, #744210); } - .xl\:-right-20 { - right: -5rem; + .xl\:focus\:text-colors-green-100:focus { + color: var(--colors-green-100, #f0fff4); } - .xl\:-right-24 { - right: -6rem; + .xl\:focus\:text-colors-green-200:focus { + color: var(--colors-green-200, #c6f6d5); } - .xl\:-right-28 { - right: -7rem; + .xl\:focus\:text-colors-green-300:focus { + color: var(--colors-green-300, #9ae6b4); } - .xl\:-right-32 { - right: -8rem; + .xl\:focus\:text-colors-green-400:focus { + color: var(--colors-green-400, #68d391); } - .xl\:-right-36 { - right: -9rem; + .xl\:focus\:text-colors-green-500:focus { + color: var(--colors-green-500, #48bb78); } - .xl\:-right-40 { - right: -10rem; + .xl\:focus\:text-colors-green-600:focus { + color: var(--colors-green-600, #38a169); } - .xl\:-right-44 { - right: -11rem; + .xl\:focus\:text-colors-green-700:focus { + color: var(--colors-green-700, #2f855a); } - .xl\:-right-48 { - right: -12rem; + .xl\:focus\:text-colors-green-800:focus { + color: var(--colors-green-800, #276749); } - .xl\:-right-52 { - right: -13rem; + .xl\:focus\:text-colors-green-900:focus { + color: var(--colors-green-900, #22543d); } - .xl\:-right-56 { - right: -14rem; + .xl\:focus\:text-colors-teal-100:focus { + color: var(--colors-teal-100, #e6fffa); } - .xl\:-right-60 { - right: -15rem; + .xl\:focus\:text-colors-teal-200:focus { + color: var(--colors-teal-200, #b2f5ea); } - .xl\:-right-64 { - right: -16rem; + .xl\:focus\:text-colors-teal-300:focus { + color: var(--colors-teal-300, #81e6d9); } - .xl\:-right-72 { - right: -18rem; + .xl\:focus\:text-colors-teal-400:focus { + color: var(--colors-teal-400, #4fd1c5); } - .xl\:-right-80 { - right: -20rem; + .xl\:focus\:text-colors-teal-500:focus { + color: var(--colors-teal-500, #38b2ac); } - .xl\:-right-96 { - right: -24rem; + .xl\:focus\:text-colors-teal-600:focus { + color: var(--colors-teal-600, #319795); } - .xl\:-right-px { - right: -1px; + .xl\:focus\:text-colors-teal-700:focus { + color: var(--colors-teal-700, #2c7a7b); } - .xl\:-right-0\.5 { - right: -0.125rem; + .xl\:focus\:text-colors-teal-800:focus { + color: var(--colors-teal-800, #285e61); } - .xl\:-right-1\.5 { - right: -0.375rem; + .xl\:focus\:text-colors-teal-900:focus { + color: var(--colors-teal-900, #234e52); } - .xl\:-right-2\.5 { - right: -0.625rem; + .xl\:focus\:text-colors-blue-100:focus { + color: var(--colors-blue-100, #ebf8ff); } - .xl\:-right-3\.5 { - right: -0.875rem; + .xl\:focus\:text-colors-blue-200:focus { + color: var(--colors-blue-200, #bee3f8); } - .xl\:right-1\/2 { - right: 50%; + .xl\:focus\:text-colors-blue-300:focus { + color: var(--colors-blue-300, #90cdf4); } - .xl\:right-1\/3 { - right: 33.333333%; + .xl\:focus\:text-colors-blue-400:focus { + color: var(--colors-blue-400, #63b3ed); } - .xl\:right-2\/3 { - right: 66.666667%; + .xl\:focus\:text-colors-blue-500:focus { + color: var(--colors-blue-500, #4299e1); } - .xl\:right-1\/4 { - right: 25%; + .xl\:focus\:text-colors-blue-600:focus { + color: var(--colors-blue-600, #3182ce); } - .xl\:right-2\/4 { - right: 50%; + .xl\:focus\:text-colors-blue-700:focus { + color: var(--colors-blue-700, #2b6cb0); } - .xl\:right-3\/4 { - right: 75%; + .xl\:focus\:text-colors-blue-800:focus { + color: var(--colors-blue-800, #2c5282); } - .xl\:right-full { - right: 100%; + .xl\:focus\:text-colors-blue-900:focus { + color: var(--colors-blue-900, #2a4365); } - .xl\:-right-1\/2 { - right: -50%; + .xl\:focus\:text-colors-indigo-100:focus { + color: var(--colors-indigo-100, #ebf4ff); } - .xl\:-right-1\/3 { - right: -33.333333%; + .xl\:focus\:text-colors-indigo-200:focus { + color: var(--colors-indigo-200, #c3dafe); + } + + .xl\:focus\:text-colors-indigo-300:focus { + color: var(--colors-indigo-300, #a3bffa); + } + + .xl\:focus\:text-colors-indigo-400:focus { + color: var(--colors-indigo-400, #7f9cf5); } - .xl\:-right-2\/3 { - right: -66.666667%; + .xl\:focus\:text-colors-indigo-500:focus { + color: var(--colors-indigo-500, #667eea); } - .xl\:-right-1\/4 { - right: -25%; + .xl\:focus\:text-colors-indigo-600:focus { + color: var(--colors-indigo-600, #5a67d8); } - .xl\:-right-2\/4 { - right: -50%; + .xl\:focus\:text-colors-indigo-700:focus { + color: var(--colors-indigo-700, #4c51bf); } - .xl\:-right-3\/4 { - right: -75%; + .xl\:focus\:text-colors-indigo-800:focus { + color: var(--colors-indigo-800, #434190); } - .xl\:-right-full { - right: -100%; + .xl\:focus\:text-colors-indigo-900:focus { + color: var(--colors-indigo-900, #3c366b); } - .xl\:bottom-0 { - bottom: 0px; + .xl\:focus\:text-colors-purple-100:focus { + color: var(--colors-purple-100, #faf5ff); } - .xl\:bottom-1 { - bottom: 0.25rem; + .xl\:focus\:text-colors-purple-200:focus { + color: var(--colors-purple-200, #e9d8fd); } - .xl\:bottom-2 { - bottom: 0.5rem; + .xl\:focus\:text-colors-purple-300:focus { + color: var(--colors-purple-300, #d6bcfa); } - .xl\:bottom-3 { - bottom: 0.75rem; + .xl\:focus\:text-colors-purple-400:focus { + color: var(--colors-purple-400, #b794f4); } - .xl\:bottom-4 { - bottom: 1rem; + .xl\:focus\:text-colors-purple-500:focus { + color: var(--colors-purple-500, #9f7aea); } - .xl\:bottom-5 { - bottom: 1.25rem; + .xl\:focus\:text-colors-purple-600:focus { + color: var(--colors-purple-600, #805ad5); } - .xl\:bottom-6 { - bottom: 1.5rem; + .xl\:focus\:text-colors-purple-700:focus { + color: var(--colors-purple-700, #6b46c1); } - .xl\:bottom-7 { - bottom: 1.75rem; + .xl\:focus\:text-colors-purple-800:focus { + color: var(--colors-purple-800, #553c9a); } - .xl\:bottom-8 { - bottom: 2rem; + .xl\:focus\:text-colors-purple-900:focus { + color: var(--colors-purple-900, #44337a); } - .xl\:bottom-9 { - bottom: 2.25rem; + .xl\:focus\:text-colors-pink-100:focus { + color: var(--colors-pink-100, #fff5f7); } - .xl\:bottom-10 { - bottom: 2.5rem; + .xl\:focus\:text-colors-pink-200:focus { + color: var(--colors-pink-200, #fed7e2); } - .xl\:bottom-11 { - bottom: 2.75rem; + .xl\:focus\:text-colors-pink-300:focus { + color: var(--colors-pink-300, #fbb6ce); } - .xl\:bottom-12 { - bottom: 3rem; + .xl\:focus\:text-colors-pink-400:focus { + color: var(--colors-pink-400, #f687b3); } - .xl\:bottom-14 { - bottom: 3.5rem; + .xl\:focus\:text-colors-pink-500:focus { + color: var(--colors-pink-500, #ed64a6); } - .xl\:bottom-16 { - bottom: 4rem; + .xl\:focus\:text-colors-pink-600:focus { + color: var(--colors-pink-600, #d53f8c); } - .xl\:bottom-20 { - bottom: 5rem; + .xl\:focus\:text-colors-pink-700:focus { + color: var(--colors-pink-700, #b83280); } - .xl\:bottom-24 { - bottom: 6rem; + .xl\:focus\:text-colors-pink-800:focus { + color: var(--colors-pink-800, #97266d); } - .xl\:bottom-28 { - bottom: 7rem; + .xl\:focus\:text-colors-pink-900:focus { + color: var(--colors-pink-900, #702459); } - .xl\:bottom-32 { - bottom: 8rem; + .xl\:focus\:text-Box\ Shadow:focus { + color: var(--box-shadow, #7f7e7f); } - .xl\:bottom-36 { - bottom: 9rem; + .xl\:focus\:text-Error16:focus { + color: var(--error16, #f03d3e40); } - .xl\:bottom-40 { - bottom: 10rem; + .xl\:focus\:text-Success16:focus { + color: var(--success16, #5bb14d40); } - .xl\:bottom-44 { - bottom: 11rem; + .xl\:focus\:text-Notification16:focus { + color: var(--notification16, #3959ff40); } - .xl\:bottom-48 { - bottom: 12rem; + .xl\:focus\:text-Error8:focus { + color: var(--error8, #f03d3e1a); } - .xl\:bottom-52 { - bottom: 13rem; + .xl\:focus\:text-Notification8:focus { + color: var(--notification8, #3959ff1a); } - .xl\:bottom-56 { - bottom: 14rem; + .xl\:focus\:text-Success8:focus { + color: var(--success8, #5bb14d1a); } - .xl\:bottom-60 { - bottom: 15rem; + .xl\:focus\:text-Light\ -\ Overlay:focus { + color: var(--light-overlay, #f0edee66); } - .xl\:bottom-64 { - bottom: 16rem; + .xl\:focus\:text-Dark-\ Overlay:focus { + color: var(--dark-overlay, #7f7e7f66); } - .xl\:bottom-72 { - bottom: 18rem; + .xl\:focus\:text-black-40:focus { + color: var(--black-40, #00000066); } - .xl\:bottom-80 { - bottom: 20rem; + .xl\:focus\:text-black-75:focus { + color: var(--black-75, #000000bf); } - .xl\:bottom-96 { - bottom: 24rem; + .xl\:focus\:text-black-60:focus { + color: var(--black-60, #00000099); } - .xl\:bottom-auto { - bottom: auto; + .xl\:focus\:text-black-50:focus { + color: var(--black-50, #00000080); } - .xl\:bottom-px { - bottom: 1px; + .xl\:focus\:text-black-25:focus { + color: var(--black-25, #00000040); } - .xl\:bottom-0\.5 { - bottom: 0.125rem; + .xl\:focus\:text-black-10:focus { + color: var(--black-10, #0000001a); } - .xl\:bottom-1\.5 { - bottom: 0.375rem; + .xl\:focus\:text-white-25:focus { + color: var(--white-25, #ffffff40); } - .xl\:bottom-2\.5 { - bottom: 0.625rem; + .xl\:focus\:text-white-60:focus { + color: var(--white-60, #ffffff99); } - .xl\:bottom-3\.5 { - bottom: 0.875rem; + .xl\:focus\:text-black-64:focus { + color: var(--black-64, #000000a3); } - .xl\:-bottom-0 { - bottom: 0px; + .xl\:focus\:text-Shadow\ and\ Highlight-Shadow:focus { + color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .xl\:-bottom-1 { - bottom: -0.25rem; + .xl\:focus\:text-Shadow\ and\ Highlight-Highlight:focus { + color: var(--shadow-and-highlight-highlight, #474747); } - .xl\:-bottom-2 { - bottom: -0.5rem; + .xl\:focus\:text-Shadow\ and\ Highlight-highlight\ one:focus { + color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .xl\:-bottom-3 { - bottom: -0.75rem; + .xl\:focus\:text-Shadow\ and\ Highlight-highlight\ two:focus { + color: var(--shadow-and-highlight-highlight-two, #47474799); } - .xl\:-bottom-4 { - bottom: -1rem; + .xl\:focus\:text-Shadow\ and\ Highlight-highlight\ three:focus { + color: var(--shadow-and-highlight-highlight-three, #47474766); } - .xl\:-bottom-5 { - bottom: -1.25rem; + .xl\:focus\:text-Shadow\ and\ Highlight-highlight\ five:focus { + color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .xl\:-bottom-6 { - bottom: -1.5rem; + .xl\:focus\:text-Shadow\ and\ Highlight-shadow\ one:focus { + color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .xl\:-bottom-7 { - bottom: -1.75rem; + .xl\:focus\:text-Shadow\ and\ Highlight-shadow\ two:focus { + color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .xl\:-bottom-8 { - bottom: -2rem; + .xl\:focus\:text-Shadow\ and\ Highlight-shadow\ three:focus { + color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .xl\:-bottom-9 { - bottom: -2.25rem; + .xl\:focus\:text-Shadow\ and\ Highlight-shadow\ four:focus { + color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .xl\:-bottom-10 { - bottom: -2.5rem; + .xl\:focus\:text-Shadow\ and\ Highlight-shadow\ five:focus { + color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .xl\:-bottom-11 { - bottom: -2.75rem; + .xl\:focus\:text-Shadow\ and\ Highlight-highlight\ four:focus { + color: var(--shadow-and-highlight-highlight-four, #47474740); } - .xl\:-bottom-12 { - bottom: -3rem; + .xl\:focus\:text-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus { + color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .xl\:-bottom-14 { - bottom: -3.5rem; + .xl\:focus\:text-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus { + color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .xl\:-bottom-16 { - bottom: -4rem; + .xl\:focus\:text-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus { + color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .xl\:-bottom-20 { - bottom: -5rem; + .xl\:focus\:text-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus { + color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .xl\:-bottom-24 { - bottom: -6rem; + .xl\:focus\:text-Grey-Scale-white:focus { + color: var(--grey-scale-white, #ffffff); } - .xl\:-bottom-28 { - bottom: -7rem; + .xl\:focus\:text-Grey-Scale-off-white:focus { + color: var(--grey-scale-off-white, #f0edee); } - .xl\:-bottom-32 { - bottom: -8rem; + .xl\:focus\:text-Grey\ Scale-grey:focus { + color: var(--grey-scale-grey, #7f7e7f); } - .xl\:-bottom-36 { - bottom: -9rem; + .xl\:focus\:text-Grey\ Scale-charcoal:focus { + color: var(--grey-scale-charcoal, #474747); } - .xl\:-bottom-40 { - bottom: -10rem; + .xl\:focus\:text-Grey\ Scale-off-black:focus { + color: var(--grey-scale-off-black, #1c1c1c); } - .xl\:-bottom-44 { - bottom: -11rem; + .xl\:focus\:text-Grey\ Scale-black:focus { + color: var(--grey-scale-black, #000000); } - .xl\:-bottom-48 { - bottom: -12rem; + .xl\:focus\:text-Blue-blue:focus { + color: var(--blue-blue, #3a7ca5); } - .xl\:-bottom-52 { - bottom: -13rem; + .xl\:focus\:text-Blue-blue-100:focus { + color: var(--blue-blue-100, #75a3c0); } - .xl\:-bottom-56 { - bottom: -14rem; + .xl\:focus\:text-Blue-blue-200:focus { + color: var(--blue-blue-200, #9cbed2); } - .xl\:-bottom-60 { - bottom: -15rem; + .xl\:focus\:text-Blue-blue-300:focus { + color: var(--blue-blue-300, #4f7d9a); } - .xl\:-bottom-64 { - bottom: -16rem; + .xl\:focus\:text-Blue-blue-400:focus { + color: var(--blue-blue-400, #5c7d92); } - .xl\:-bottom-72 { - bottom: -18rem; + .xl\:focus\:text-Blue-blue-500:focus { + color: var(--blue-blue-500, #347095); } - .xl\:-bottom-80 { - bottom: -20rem; + .xl\:focus\:text-Blue-blue-600:focus { + color: var(--blue-blue-600, #295774); } - .xl\:-bottom-96 { - bottom: -24rem; + .xl\:focus\:text-Blue-blue-700:focus { + color: var(--blue-blue-700, #173242); } - .xl\:-bottom-px { - bottom: -1px; + .xl\:focus\:text-LightBlue-lightblue:focus { + color: var(--light-blue-lightblue, #81c3d7); } - .xl\:-bottom-0\.5 { - bottom: -0.125rem; + .xl\:focus\:text-LightBlue-lightblue-100:focus { + color: var(--light-blue-lightblue-100, #a7d5e3); } - .xl\:-bottom-1\.5 { - bottom: -0.375rem; + .xl\:focus\:text-LightBlue-lightblue-200:focus { + color: var(--light-blue-lightblue-200, #c0e1eb); } - .xl\:-bottom-2\.5 { - bottom: -0.625rem; + .xl\:focus\:text-LightBlue-lightblue-300:focus { + color: var(--light-blue-lightblue-300, #80aebd); } - .xl\:-bottom-3\.5 { - bottom: -0.875rem; + .xl\:focus\:text-LightBlue-lightblue-400:focus { + color: var(--light-blue-lightblue-400, #80a0ab); } - .xl\:bottom-1\/2 { - bottom: 50%; + .xl\:focus\:text-LightBlue-lightblue-500:focus { + color: var(--light-blue-lightblue-500, #74afc1); } - .xl\:bottom-1\/3 { - bottom: 33.333333%; + .xl\:focus\:text-LightBlue-lightblue-600:focus { + color: var(--light-blue-lightblue-600, #5a8997); } - .xl\:bottom-2\/3 { - bottom: 66.666667%; + .xl\:focus\:text-LightBlue-lightblue-650:focus { + color: var(--light-blue-lightblue-650, #3e5e65); } - .xl\:bottom-1\/4 { - bottom: 25%; + .xl\:focus\:text-LightBlue-lightblue-700:focus { + color: var(--light-blue-lightblue-700, #344e56); } - .xl\:bottom-2\/4 { - bottom: 50%; + .xl\:focus\:text-Orange-orange:focus { + color: var(--orange-orange, #ff7f0e); } - .xl\:bottom-3\/4 { - bottom: 75%; + .xl\:focus\:text-Orange-orange-100:focus { + color: var(--orange-orange-100, #ffa556); } - .xl\:bottom-full { - bottom: 100%; + .xl\:focus\:text-Orange-orange-200:focus { + color: var(--orange-orange-200, #ffbf86); } - .xl\:-bottom-1\/2 { - bottom: -50%; + .xl\:focus\:text-Orange-orange-300:focus { + color: var(--orange-orange-300, #d97f30); } - .xl\:-bottom-1\/3 { - bottom: -33.333333%; + .xl\:focus\:text-Orange-orange-400:focus { + color: var(--orange-orange-400, #bf7e46); } - .xl\:-bottom-2\/3 { - bottom: -66.666667%; + .xl\:focus\:text-Orange-orange-500:focus { + color: var(--orange-orange-500, #e5720d); } - .xl\:-bottom-1\/4 { - bottom: -25%; + .xl\:focus\:text-Orange-orange-600:focus { + color: var(--orange-orange-600, #b3590a); } - .xl\:-bottom-2\/4 { - bottom: -50%; + .xl\:focus\:text-Orange-orange-700:focus { + color: var(--orange-orange-700, #663306); } - .xl\:-bottom-3\/4 { - bottom: -75%; + .xl\:focus\:text-Yellow-yellow:focus { + color: var(--yellow-yellow, #ffab00); } - .xl\:-bottom-full { - bottom: -100%; + .xl\:focus\:text-Yellow-yellow-100:focus { + color: var(--yellow-yellow-100, #ffc44c); } - .xl\:left-0 { - left: 0px; + .xl\:focus\:text-Yellow-yellow-200:focus { + color: var(--yellow-yellow-200, #ffd580); } - .xl\:left-1 { - left: 0.25rem; + .xl\:focus\:text-Yellow-yellow-300:focus { + color: var(--yellow-yellow-300, #d99d26); } - .xl\:left-2 { - left: 0.5rem; + .xl\:focus\:text-Yellow-yellow-400:focus { + color: var(--yellow-yellow-400, #bf943f); } - .xl\:left-3 { - left: 0.75rem; + .xl\:focus\:text-Yellow-yellow-500:focus { + color: var(--yellow-yellow-500, #e59a00); } - .xl\:left-4 { - left: 1rem; + .xl\:focus\:text-Yellow-yellow-600:focus { + color: var(--yellow-yellow-600, #b37800); } - .xl\:left-5 { - left: 1.25rem; + .xl\:focus\:text-Yellow-yellow-700:focus { + color: var(--yellow-yellow-700, #664400); } - .xl\:left-6 { - left: 1.5rem; + .xl\:focus\:text-Notification-notification:focus { + color: var(--notification-notification, #3959ff); } - .xl\:left-7 { - left: 1.75rem; + .xl\:focus\:text-Notification-notification-100:focus { + color: var(--notification-notification-100, #748bff); } - .xl\:left-8 { - left: 2rem; + .xl\:focus\:text-Notification-notification-200:focus { + color: var(--notification-notification-200, #9cacff); } - .xl\:left-9 { - left: 2.25rem; + .xl\:focus\:text-Notification-notification-300:focus { + color: var(--notification-notification-300, #4e64d9); } - .xl\:left-10 { - left: 2.5rem; + .xl\:focus\:text-Notification-notification-400:focus { + color: var(--notification-notification-400, #5c6cbf); } - .xl\:left-11 { - left: 2.75rem; + .xl\:focus\:text-Notification-notification-500:focus { + color: var(--notification-notification-500, #3350e5); } - .xl\:left-12 { - left: 3rem; + .xl\:focus\:text-Notification-notification-600:focus { + color: var(--notification-notification-600, #283eb3); } - .xl\:left-14 { - left: 3.5rem; + .xl\:focus\:text-Notification-notification-700:focus { + color: var(--notification-notification-700, #172466); } - .xl\:left-16 { - left: 4rem; + .xl\:focus\:text-Success-success\ -700:focus { + color: var(--success-success-700, #24471f); } - .xl\:left-20 { - left: 5rem; + .xl\:focus\:text-Success-success:focus { + color: var(--success-success, #5bb14d); } - .xl\:left-24 { - left: 6rem; + .xl\:focus\:text-Success-success\ -100:focus { + color: var(--success-success-100, #8cc882); } - .xl\:left-28 { - left: 7rem; + .xl\:focus\:text-Success-success\ -200:focus { + color: var(--success-success-200, #add8a6); } - .xl\:left-32 { - left: 8rem; + .xl\:focus\:text-Success-success\ -300:focus { + color: var(--success-success-300, #66a25c); } - .xl\:left-36 { - left: 9rem; + .xl\:focus\:text-Success-success\ -400:focus { + color: var(--success-success-400, #6d9766); } - .xl\:left-40 { - left: 10rem; + .xl\:focus\:text-Success-success\ -500:focus { + color: var(--success-success-500, #529f45); } - .xl\:left-44 { - left: 11rem; + .xl\:focus\:text-Success-success\ -600:focus { + color: var(--success-success-600, #407c36); } - .xl\:left-48 { - left: 12rem; + .xl\:focus\:text-Error-error:focus { + color: var(--error-error, #f03d3e); } - .xl\:left-52 { - left: 13rem; + .xl\:focus\:text-Error-error-100:focus { + color: var(--error-error-100, #f57778); } - .xl\:left-56 { - left: 14rem; + .xl\:focus\:text-Error-error-200:focus { + color: var(--error-error-200, #f89e9e); } - .xl\:left-60 { - left: 15rem; + .xl\:focus\:text-Error-error-250:focus { + color: var(--error-error-250, #f9c8c8); } - .xl\:left-64 { - left: 16rem; + .xl\:focus\:text-Error-error-300:focus { + color: var(--error-error-300, #ce5151); } - .xl\:left-72 { - left: 18rem; + .xl\:focus\:text-Error-error-400:focus { + color: var(--error-error-400, #b85e5e); } - .xl\:left-80 { - left: 20rem; + .xl\:focus\:text-Error-error-500:focus { + color: var(--error-error-500, #d83738); } - .xl\:left-96 { - left: 24rem; + .xl\:focus\:text-Error-error-600:focus { + color: var(--error-error-600, #a82b2b); } - .xl\:left-auto { - left: auto; + .xl\:focus\:text-Error-error-700:focus { + color: var(--error-error-700, #601819); } - .xl\:left-px { - left: 1px; + .xl\:text-opacity-0 { + --tw-text-opacity: 0; } - .xl\:left-0\.5 { - left: 0.125rem; + .xl\:text-opacity-5 { + --tw-text-opacity: 0.05; } - .xl\:left-1\.5 { - left: 0.375rem; + .xl\:text-opacity-10 { + --tw-text-opacity: 0.1; } - .xl\:left-2\.5 { - left: 0.625rem; + .xl\:text-opacity-20 { + --tw-text-opacity: 0.2; } - .xl\:left-3\.5 { - left: 0.875rem; + .xl\:text-opacity-25 { + --tw-text-opacity: 0.25; } - .xl\:-left-0 { - left: 0px; + .xl\:text-opacity-30 { + --tw-text-opacity: 0.3; } - .xl\:-left-1 { - left: -0.25rem; + .xl\:text-opacity-40 { + --tw-text-opacity: 0.4; } - .xl\:-left-2 { - left: -0.5rem; + .xl\:text-opacity-50 { + --tw-text-opacity: 0.5; } - .xl\:-left-3 { - left: -0.75rem; + .xl\:text-opacity-60 { + --tw-text-opacity: 0.6; } - .xl\:-left-4 { - left: -1rem; + .xl\:text-opacity-70 { + --tw-text-opacity: 0.7; } - .xl\:-left-5 { - left: -1.25rem; + .xl\:text-opacity-75 { + --tw-text-opacity: 0.75; } - .xl\:-left-6 { - left: -1.5rem; + .xl\:text-opacity-80 { + --tw-text-opacity: 0.8; } - .xl\:-left-7 { - left: -1.75rem; + .xl\:text-opacity-90 { + --tw-text-opacity: 0.9; } - .xl\:-left-8 { - left: -2rem; + .xl\:text-opacity-95 { + --tw-text-opacity: 0.95; } - .xl\:-left-9 { - left: -2.25rem; + .xl\:text-opacity-100 { + --tw-text-opacity: 1; } - .xl\:-left-10 { - left: -2.5rem; + .group:hover .xl\:group-hover\:text-opacity-0 { + --tw-text-opacity: 0; } - .xl\:-left-11 { - left: -2.75rem; + .group:hover .xl\:group-hover\:text-opacity-5 { + --tw-text-opacity: 0.05; } - .xl\:-left-12 { - left: -3rem; + .group:hover .xl\:group-hover\:text-opacity-10 { + --tw-text-opacity: 0.1; } - .xl\:-left-14 { - left: -3.5rem; + .group:hover .xl\:group-hover\:text-opacity-20 { + --tw-text-opacity: 0.2; } - .xl\:-left-16 { - left: -4rem; + .group:hover .xl\:group-hover\:text-opacity-25 { + --tw-text-opacity: 0.25; } - .xl\:-left-20 { - left: -5rem; + .group:hover .xl\:group-hover\:text-opacity-30 { + --tw-text-opacity: 0.3; } - .xl\:-left-24 { - left: -6rem; + .group:hover .xl\:group-hover\:text-opacity-40 { + --tw-text-opacity: 0.4; } - .xl\:-left-28 { - left: -7rem; + .group:hover .xl\:group-hover\:text-opacity-50 { + --tw-text-opacity: 0.5; } - .xl\:-left-32 { - left: -8rem; + .group:hover .xl\:group-hover\:text-opacity-60 { + --tw-text-opacity: 0.6; } - .xl\:-left-36 { - left: -9rem; + .group:hover .xl\:group-hover\:text-opacity-70 { + --tw-text-opacity: 0.7; } - .xl\:-left-40 { - left: -10rem; + .group:hover .xl\:group-hover\:text-opacity-75 { + --tw-text-opacity: 0.75; } - .xl\:-left-44 { - left: -11rem; + .group:hover .xl\:group-hover\:text-opacity-80 { + --tw-text-opacity: 0.8; } - .xl\:-left-48 { - left: -12rem; + .group:hover .xl\:group-hover\:text-opacity-90 { + --tw-text-opacity: 0.9; } - .xl\:-left-52 { - left: -13rem; + .group:hover .xl\:group-hover\:text-opacity-95 { + --tw-text-opacity: 0.95; } - .xl\:-left-56 { - left: -14rem; + .group:hover .xl\:group-hover\:text-opacity-100 { + --tw-text-opacity: 1; } - .xl\:-left-60 { - left: -15rem; + .xl\:focus-within\:text-opacity-0:focus-within { + --tw-text-opacity: 0; } - .xl\:-left-64 { - left: -16rem; + .xl\:focus-within\:text-opacity-5:focus-within { + --tw-text-opacity: 0.05; } - .xl\:-left-72 { - left: -18rem; + .xl\:focus-within\:text-opacity-10:focus-within { + --tw-text-opacity: 0.1; } - .xl\:-left-80 { - left: -20rem; + .xl\:focus-within\:text-opacity-20:focus-within { + --tw-text-opacity: 0.2; } - .xl\:-left-96 { - left: -24rem; + .xl\:focus-within\:text-opacity-25:focus-within { + --tw-text-opacity: 0.25; } - .xl\:-left-px { - left: -1px; + .xl\:focus-within\:text-opacity-30:focus-within { + --tw-text-opacity: 0.3; } - .xl\:-left-0\.5 { - left: -0.125rem; + .xl\:focus-within\:text-opacity-40:focus-within { + --tw-text-opacity: 0.4; } - .xl\:-left-1\.5 { - left: -0.375rem; + .xl\:focus-within\:text-opacity-50:focus-within { + --tw-text-opacity: 0.5; } - .xl\:-left-2\.5 { - left: -0.625rem; + .xl\:focus-within\:text-opacity-60:focus-within { + --tw-text-opacity: 0.6; } - .xl\:-left-3\.5 { - left: -0.875rem; + .xl\:focus-within\:text-opacity-70:focus-within { + --tw-text-opacity: 0.7; } - .xl\:left-1\/2 { - left: 50%; + .xl\:focus-within\:text-opacity-75:focus-within { + --tw-text-opacity: 0.75; } - .xl\:left-1\/3 { - left: 33.333333%; + .xl\:focus-within\:text-opacity-80:focus-within { + --tw-text-opacity: 0.8; } - .xl\:left-2\/3 { - left: 66.666667%; + .xl\:focus-within\:text-opacity-90:focus-within { + --tw-text-opacity: 0.9; } - .xl\:left-1\/4 { - left: 25%; + .xl\:focus-within\:text-opacity-95:focus-within { + --tw-text-opacity: 0.95; } - .xl\:left-2\/4 { - left: 50%; + .xl\:focus-within\:text-opacity-100:focus-within { + --tw-text-opacity: 1; } - .xl\:left-3\/4 { - left: 75%; + .xl\:hover\:text-opacity-0:hover { + --tw-text-opacity: 0; } - .xl\:left-full { - left: 100%; + .xl\:hover\:text-opacity-5:hover { + --tw-text-opacity: 0.05; } - .xl\:-left-1\/2 { - left: -50%; + .xl\:hover\:text-opacity-10:hover { + --tw-text-opacity: 0.1; } - .xl\:-left-1\/3 { - left: -33.333333%; + .xl\:hover\:text-opacity-20:hover { + --tw-text-opacity: 0.2; } - .xl\:-left-2\/3 { - left: -66.666667%; + .xl\:hover\:text-opacity-25:hover { + --tw-text-opacity: 0.25; } - .xl\:-left-1\/4 { - left: -25%; + .xl\:hover\:text-opacity-30:hover { + --tw-text-opacity: 0.3; } - .xl\:-left-2\/4 { - left: -50%; + .xl\:hover\:text-opacity-40:hover { + --tw-text-opacity: 0.4; } - .xl\:-left-3\/4 { - left: -75%; + .xl\:hover\:text-opacity-50:hover { + --tw-text-opacity: 0.5; } - .xl\:-left-full { - left: -100%; + .xl\:hover\:text-opacity-60:hover { + --tw-text-opacity: 0.6; } - .xl\:isolate { - isolation: isolate; + .xl\:hover\:text-opacity-70:hover { + --tw-text-opacity: 0.7; } - .xl\:isolation-auto { - isolation: auto; + .xl\:hover\:text-opacity-75:hover { + --tw-text-opacity: 0.75; } - .xl\:z-0 { - z-index: 0; + .xl\:hover\:text-opacity-80:hover { + --tw-text-opacity: 0.8; } - .xl\:z-10 { - z-index: 10; + .xl\:hover\:text-opacity-90:hover { + --tw-text-opacity: 0.9; } - .xl\:z-20 { - z-index: 20; + .xl\:hover\:text-opacity-95:hover { + --tw-text-opacity: 0.95; } - .xl\:z-30 { - z-index: 30; + .xl\:hover\:text-opacity-100:hover { + --tw-text-opacity: 1; } - .xl\:z-40 { - z-index: 40; + .xl\:focus\:text-opacity-0:focus { + --tw-text-opacity: 0; } - .xl\:z-50 { - z-index: 50; + .xl\:focus\:text-opacity-5:focus { + --tw-text-opacity: 0.05; } - .xl\:z-auto { - z-index: auto; + .xl\:focus\:text-opacity-10:focus { + --tw-text-opacity: 0.1; } - .xl\:focus-within\:z-0:focus-within { - z-index: 0; + .xl\:focus\:text-opacity-20:focus { + --tw-text-opacity: 0.2; } - .xl\:focus-within\:z-10:focus-within { - z-index: 10; + .xl\:focus\:text-opacity-25:focus { + --tw-text-opacity: 0.25; } - .xl\:focus-within\:z-20:focus-within { - z-index: 20; + .xl\:focus\:text-opacity-30:focus { + --tw-text-opacity: 0.3; } - .xl\:focus-within\:z-30:focus-within { - z-index: 30; + .xl\:focus\:text-opacity-40:focus { + --tw-text-opacity: 0.4; } - .xl\:focus-within\:z-40:focus-within { - z-index: 40; + .xl\:focus\:text-opacity-50:focus { + --tw-text-opacity: 0.5; } - .xl\:focus-within\:z-50:focus-within { - z-index: 50; + .xl\:focus\:text-opacity-60:focus { + --tw-text-opacity: 0.6; } - .xl\:focus-within\:z-auto:focus-within { - z-index: auto; + .xl\:focus\:text-opacity-70:focus { + --tw-text-opacity: 0.7; } - .xl\:focus\:z-0:focus { - z-index: 0; + .xl\:focus\:text-opacity-75:focus { + --tw-text-opacity: 0.75; } - .xl\:focus\:z-10:focus { - z-index: 10; + .xl\:focus\:text-opacity-80:focus { + --tw-text-opacity: 0.8; } - .xl\:focus\:z-20:focus { - z-index: 20; + .xl\:focus\:text-opacity-90:focus { + --tw-text-opacity: 0.9; } - .xl\:focus\:z-30:focus { - z-index: 30; + .xl\:focus\:text-opacity-95:focus { + --tw-text-opacity: 0.95; } - .xl\:focus\:z-40:focus { - z-index: 40; + .xl\:focus\:text-opacity-100:focus { + --tw-text-opacity: 1; } - .xl\:focus\:z-50:focus { - z-index: 50; + .xl\:underline { + text-decoration: underline; } - .xl\:focus\:z-auto:focus { - z-index: auto; + .xl\:line-through { + text-decoration: line-through; } - .xl\:order-1 { - order: 1; + .xl\:no-underline { + text-decoration: none; } - .xl\:order-2 { - order: 2; + .group:hover .xl\:group-hover\:underline { + text-decoration: underline; } - .xl\:order-3 { - order: 3; + .group:hover .xl\:group-hover\:line-through { + text-decoration: line-through; } - .xl\:order-4 { - order: 4; + .group:hover .xl\:group-hover\:no-underline { + text-decoration: none; } - .xl\:order-5 { - order: 5; + .xl\:focus-within\:underline:focus-within { + text-decoration: underline; } - .xl\:order-6 { - order: 6; + .xl\:focus-within\:line-through:focus-within { + text-decoration: line-through; } - .xl\:order-7 { - order: 7; + .xl\:focus-within\:no-underline:focus-within { + text-decoration: none; } - .xl\:order-8 { - order: 8; + .xl\:hover\:underline:hover { + text-decoration: underline; } - .xl\:order-9 { - order: 9; + .xl\:hover\:line-through:hover { + text-decoration: line-through; } - .xl\:order-10 { - order: 10; + .xl\:hover\:no-underline:hover { + text-decoration: none; } - .xl\:order-11 { - order: 11; + .xl\:focus\:underline:focus { + text-decoration: underline; } - .xl\:order-12 { - order: 12; + .xl\:focus\:line-through:focus { + text-decoration: line-through; } - .xl\:order-first { - order: -9999; + .xl\:focus\:no-underline:focus { + text-decoration: none; } - .xl\:order-last { - order: 9999; + .xl\:antialiased { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } - .xl\:order-none { - order: 0; + .xl\:subpixel-antialiased { + -webkit-font-smoothing: auto; + -moz-osx-font-smoothing: auto; } - .xl\:col-auto { - grid-column: auto; + .xl\:placeholder-colors-black::-moz-placeholder { + color: var(--colors-black, #000000); } - .xl\:col-span-1 { - grid-column: span 1 / span 1; + .xl\:placeholder-colors-black::placeholder { + color: var(--colors-black, #000000); } - .xl\:col-span-2 { - grid-column: span 2 / span 2; + .xl\:placeholder-colors-white::-moz-placeholder { + color: var(--colors-white, #ffffff); } - .xl\:col-span-3 { - grid-column: span 3 / span 3; + .xl\:placeholder-colors-white::placeholder { + color: var(--colors-white, #ffffff); } - .xl\:col-span-4 { - grid-column: span 4 / span 4; + .xl\:placeholder-colors-gray-100::-moz-placeholder { + color: var(--colors-gray-100, #f7fafc); } - .xl\:col-span-5 { - grid-column: span 5 / span 5; + .xl\:placeholder-colors-gray-100::placeholder { + color: var(--colors-gray-100, #f7fafc); } - .xl\:col-span-6 { - grid-column: span 6 / span 6; + .xl\:placeholder-colors-gray-200::-moz-placeholder { + color: var(--colors-gray-200, #edf2f7); } - .xl\:col-span-7 { - grid-column: span 7 / span 7; + .xl\:placeholder-colors-gray-200::placeholder { + color: var(--colors-gray-200, #edf2f7); } - .xl\:col-span-8 { - grid-column: span 8 / span 8; + .xl\:placeholder-colors-gray-300::-moz-placeholder { + color: var(--colors-gray-300, #e2e8f0); } - .xl\:col-span-9 { - grid-column: span 9 / span 9; + .xl\:placeholder-colors-gray-300::placeholder { + color: var(--colors-gray-300, #e2e8f0); } - .xl\:col-span-10 { - grid-column: span 10 / span 10; + .xl\:placeholder-colors-gray-400::-moz-placeholder { + color: var(--colors-gray-400, #cbd5e0); } - .xl\:col-span-11 { - grid-column: span 11 / span 11; + .xl\:placeholder-colors-gray-400::placeholder { + color: var(--colors-gray-400, #cbd5e0); } - .xl\:col-span-12 { - grid-column: span 12 / span 12; + .xl\:placeholder-colors-gray-500::-moz-placeholder { + color: var(--colors-gray-500, #a0aec0); } - .xl\:col-span-full { - grid-column: 1 / -1; + .xl\:placeholder-colors-gray-500::placeholder { + color: var(--colors-gray-500, #a0aec0); } - .xl\:col-start-1 { - grid-column-start: 1; + .xl\:placeholder-colors-gray-600::-moz-placeholder { + color: var(--colors-gray-600, #718096); } - .xl\:col-start-2 { - grid-column-start: 2; + .xl\:placeholder-colors-gray-600::placeholder { + color: var(--colors-gray-600, #718096); } - .xl\:col-start-3 { - grid-column-start: 3; + .xl\:placeholder-colors-gray-700::-moz-placeholder { + color: var(--colors-gray-700, #4a5568); } - .xl\:col-start-4 { - grid-column-start: 4; + .xl\:placeholder-colors-gray-700::placeholder { + color: var(--colors-gray-700, #4a5568); } - .xl\:col-start-5 { - grid-column-start: 5; + .xl\:placeholder-colors-gray-800::-moz-placeholder { + color: var(--colors-gray-800, #2d3748); } - .xl\:col-start-6 { - grid-column-start: 6; + .xl\:placeholder-colors-gray-800::placeholder { + color: var(--colors-gray-800, #2d3748); } - .xl\:col-start-7 { - grid-column-start: 7; + .xl\:placeholder-colors-gray-900::-moz-placeholder { + color: var(--colors-gray-900, #1a202c); } - .xl\:col-start-8 { - grid-column-start: 8; + .xl\:placeholder-colors-gray-900::placeholder { + color: var(--colors-gray-900, #1a202c); } - .xl\:col-start-9 { - grid-column-start: 9; + .xl\:placeholder-colors-red-100::-moz-placeholder { + color: var(--colors-red-100, #fff5f5); } - .xl\:col-start-10 { - grid-column-start: 10; + .xl\:placeholder-colors-red-100::placeholder { + color: var(--colors-red-100, #fff5f5); } - .xl\:col-start-11 { - grid-column-start: 11; + .xl\:placeholder-colors-red-200::-moz-placeholder { + color: var(--colors-red-200, #fed7d7); } - .xl\:col-start-12 { - grid-column-start: 12; + .xl\:placeholder-colors-red-200::placeholder { + color: var(--colors-red-200, #fed7d7); } - .xl\:col-start-13 { - grid-column-start: 13; + .xl\:placeholder-colors-red-300::-moz-placeholder { + color: var(--colors-red-300, #feb2b2); } - .xl\:col-start-auto { - grid-column-start: auto; + .xl\:placeholder-colors-red-300::placeholder { + color: var(--colors-red-300, #feb2b2); } - .xl\:col-end-1 { - grid-column-end: 1; + .xl\:placeholder-colors-red-400::-moz-placeholder { + color: var(--colors-red-400, #fc8181); } - .xl\:col-end-2 { - grid-column-end: 2; + .xl\:placeholder-colors-red-400::placeholder { + color: var(--colors-red-400, #fc8181); } - .xl\:col-end-3 { - grid-column-end: 3; + .xl\:placeholder-colors-red-500::-moz-placeholder { + color: var(--colors-red-500, #f56565); } - .xl\:col-end-4 { - grid-column-end: 4; + .xl\:placeholder-colors-red-500::placeholder { + color: var(--colors-red-500, #f56565); } - .xl\:col-end-5 { - grid-column-end: 5; + .xl\:placeholder-colors-red-600::-moz-placeholder { + color: var(--colors-red-600, #e53e3e); } - .xl\:col-end-6 { - grid-column-end: 6; + .xl\:placeholder-colors-red-600::placeholder { + color: var(--colors-red-600, #e53e3e); } - .xl\:col-end-7 { - grid-column-end: 7; + .xl\:placeholder-colors-red-700::-moz-placeholder { + color: var(--colors-red-700, #c53030); } - .xl\:col-end-8 { - grid-column-end: 8; + .xl\:placeholder-colors-red-700::placeholder { + color: var(--colors-red-700, #c53030); } - .xl\:col-end-9 { - grid-column-end: 9; + .xl\:placeholder-colors-red-800::-moz-placeholder { + color: var(--colors-red-800, #9b2c2c); } - .xl\:col-end-10 { - grid-column-end: 10; + .xl\:placeholder-colors-red-800::placeholder { + color: var(--colors-red-800, #9b2c2c); } - .xl\:col-end-11 { - grid-column-end: 11; + .xl\:placeholder-colors-red-900::-moz-placeholder { + color: var(--colors-red-900, #742a2a); } - .xl\:col-end-12 { - grid-column-end: 12; + .xl\:placeholder-colors-red-900::placeholder { + color: var(--colors-red-900, #742a2a); } - .xl\:col-end-13 { - grid-column-end: 13; + .xl\:placeholder-colors-orange-100::-moz-placeholder { + color: var(--colors-orange-100, #fffaf0); } - .xl\:col-end-auto { - grid-column-end: auto; + .xl\:placeholder-colors-orange-100::placeholder { + color: var(--colors-orange-100, #fffaf0); } - .xl\:row-auto { - grid-row: auto; + .xl\:placeholder-colors-orange-200::-moz-placeholder { + color: var(--colors-orange-200, #feebc8); } - .xl\:row-span-1 { - grid-row: span 1 / span 1; + .xl\:placeholder-colors-orange-200::placeholder { + color: var(--colors-orange-200, #feebc8); } - .xl\:row-span-2 { - grid-row: span 2 / span 2; + .xl\:placeholder-colors-orange-300::-moz-placeholder { + color: var(--colors-orange-300, #fbd38d); } - .xl\:row-span-3 { - grid-row: span 3 / span 3; + .xl\:placeholder-colors-orange-300::placeholder { + color: var(--colors-orange-300, #fbd38d); } - .xl\:row-span-4 { - grid-row: span 4 / span 4; + .xl\:placeholder-colors-orange-400::-moz-placeholder { + color: var(--colors-orange-400, #f6ad55); } - .xl\:row-span-5 { - grid-row: span 5 / span 5; + .xl\:placeholder-colors-orange-400::placeholder { + color: var(--colors-orange-400, #f6ad55); } - .xl\:row-span-6 { - grid-row: span 6 / span 6; + .xl\:placeholder-colors-orange-500::-moz-placeholder { + color: var(--colors-orange-500, #ed8936); } - .xl\:row-span-full { - grid-row: 1 / -1; + .xl\:placeholder-colors-orange-500::placeholder { + color: var(--colors-orange-500, #ed8936); } - .xl\:row-start-1 { - grid-row-start: 1; + .xl\:placeholder-colors-orange-600::-moz-placeholder { + color: var(--colors-orange-600, #dd6b20); } - .xl\:row-start-2 { - grid-row-start: 2; + .xl\:placeholder-colors-orange-600::placeholder { + color: var(--colors-orange-600, #dd6b20); } - .xl\:row-start-3 { - grid-row-start: 3; + .xl\:placeholder-colors-orange-700::-moz-placeholder { + color: var(--colors-orange-700, #c05621); } - .xl\:row-start-4 { - grid-row-start: 4; + .xl\:placeholder-colors-orange-700::placeholder { + color: var(--colors-orange-700, #c05621); } - .xl\:row-start-5 { - grid-row-start: 5; + .xl\:placeholder-colors-orange-800::-moz-placeholder { + color: var(--colors-orange-800, #9c4221); } - .xl\:row-start-6 { - grid-row-start: 6; + .xl\:placeholder-colors-orange-800::placeholder { + color: var(--colors-orange-800, #9c4221); } - .xl\:row-start-7 { - grid-row-start: 7; + .xl\:placeholder-colors-orange-900::-moz-placeholder { + color: var(--colors-orange-900, #7b341e); } - .xl\:row-start-auto { - grid-row-start: auto; + .xl\:placeholder-colors-orange-900::placeholder { + color: var(--colors-orange-900, #7b341e); } - .xl\:row-end-1 { - grid-row-end: 1; + .xl\:placeholder-colors-yellow-100::-moz-placeholder { + color: var(--colors-yellow-100, #fffff0); } - .xl\:row-end-2 { - grid-row-end: 2; + .xl\:placeholder-colors-yellow-100::placeholder { + color: var(--colors-yellow-100, #fffff0); } - .xl\:row-end-3 { - grid-row-end: 3; + .xl\:placeholder-colors-yellow-200::-moz-placeholder { + color: var(--colors-yellow-200, #fefcbf); } - .xl\:row-end-4 { - grid-row-end: 4; + .xl\:placeholder-colors-yellow-200::placeholder { + color: var(--colors-yellow-200, #fefcbf); } - .xl\:row-end-5 { - grid-row-end: 5; + .xl\:placeholder-colors-yellow-300::-moz-placeholder { + color: var(--colors-yellow-300, #faf089); } - .xl\:row-end-6 { - grid-row-end: 6; + .xl\:placeholder-colors-yellow-300::placeholder { + color: var(--colors-yellow-300, #faf089); } - .xl\:row-end-7 { - grid-row-end: 7; + .xl\:placeholder-colors-yellow-400::-moz-placeholder { + color: var(--colors-yellow-400, #f6e05e); } - .xl\:row-end-auto { - grid-row-end: auto; + .xl\:placeholder-colors-yellow-400::placeholder { + color: var(--colors-yellow-400, #f6e05e); } - .xl\:float-right { - float: right; + .xl\:placeholder-colors-yellow-500::-moz-placeholder { + color: var(--colors-yellow-500, #ecc94b); } - .xl\:float-left { - float: left; + .xl\:placeholder-colors-yellow-500::placeholder { + color: var(--colors-yellow-500, #ecc94b); } - .xl\:float-none { - float: none; + .xl\:placeholder-colors-yellow-600::-moz-placeholder { + color: var(--colors-yellow-600, #d69e2e); } - .xl\:clear-left { - clear: left; + .xl\:placeholder-colors-yellow-600::placeholder { + color: var(--colors-yellow-600, #d69e2e); } - .xl\:clear-right { - clear: right; + .xl\:placeholder-colors-yellow-700::-moz-placeholder { + color: var(--colors-yellow-700, #b7791f); } - .xl\:clear-both { - clear: both; + .xl\:placeholder-colors-yellow-700::placeholder { + color: var(--colors-yellow-700, #b7791f); } - .xl\:clear-none { - clear: none; + .xl\:placeholder-colors-yellow-800::-moz-placeholder { + color: var(--colors-yellow-800, #975a16); } - .xl\:m-0 { - margin: 0px; + .xl\:placeholder-colors-yellow-800::placeholder { + color: var(--colors-yellow-800, #975a16); } - .xl\:m-1 { - margin: 0.25rem; + .xl\:placeholder-colors-yellow-900::-moz-placeholder { + color: var(--colors-yellow-900, #744210); } - .xl\:m-2 { - margin: 0.5rem; + .xl\:placeholder-colors-yellow-900::placeholder { + color: var(--colors-yellow-900, #744210); } - .xl\:m-3 { - margin: 0.75rem; + .xl\:placeholder-colors-green-100::-moz-placeholder { + color: var(--colors-green-100, #f0fff4); } - .xl\:m-4 { - margin: 1rem; + .xl\:placeholder-colors-green-100::placeholder { + color: var(--colors-green-100, #f0fff4); } - .xl\:m-5 { - margin: 1.25rem; + .xl\:placeholder-colors-green-200::-moz-placeholder { + color: var(--colors-green-200, #c6f6d5); } - .xl\:m-6 { - margin: 1.5rem; + .xl\:placeholder-colors-green-200::placeholder { + color: var(--colors-green-200, #c6f6d5); } - .xl\:m-7 { - margin: 1.75rem; + .xl\:placeholder-colors-green-300::-moz-placeholder { + color: var(--colors-green-300, #9ae6b4); } - .xl\:m-8 { - margin: 2rem; + .xl\:placeholder-colors-green-300::placeholder { + color: var(--colors-green-300, #9ae6b4); } - .xl\:m-9 { - margin: 2.25rem; + .xl\:placeholder-colors-green-400::-moz-placeholder { + color: var(--colors-green-400, #68d391); } - .xl\:m-10 { - margin: 2.5rem; + .xl\:placeholder-colors-green-400::placeholder { + color: var(--colors-green-400, #68d391); } - .xl\:m-11 { - margin: 2.75rem; + .xl\:placeholder-colors-green-500::-moz-placeholder { + color: var(--colors-green-500, #48bb78); } - .xl\:m-12 { - margin: 3rem; + .xl\:placeholder-colors-green-500::placeholder { + color: var(--colors-green-500, #48bb78); } - .xl\:m-14 { - margin: 3.5rem; + .xl\:placeholder-colors-green-600::-moz-placeholder { + color: var(--colors-green-600, #38a169); } - .xl\:m-16 { - margin: 4rem; + .xl\:placeholder-colors-green-600::placeholder { + color: var(--colors-green-600, #38a169); } - .xl\:m-20 { - margin: 5rem; + .xl\:placeholder-colors-green-700::-moz-placeholder { + color: var(--colors-green-700, #2f855a); } - .xl\:m-24 { - margin: 6rem; + .xl\:placeholder-colors-green-700::placeholder { + color: var(--colors-green-700, #2f855a); } - .xl\:m-28 { - margin: 7rem; + .xl\:placeholder-colors-green-800::-moz-placeholder { + color: var(--colors-green-800, #276749); } - .xl\:m-32 { - margin: 8rem; + .xl\:placeholder-colors-green-800::placeholder { + color: var(--colors-green-800, #276749); } - .xl\:m-36 { - margin: 9rem; + .xl\:placeholder-colors-green-900::-moz-placeholder { + color: var(--colors-green-900, #22543d); } - .xl\:m-40 { - margin: 10rem; + .xl\:placeholder-colors-green-900::placeholder { + color: var(--colors-green-900, #22543d); } - .xl\:m-44 { - margin: 11rem; + .xl\:placeholder-colors-teal-100::-moz-placeholder { + color: var(--colors-teal-100, #e6fffa); } - .xl\:m-48 { - margin: 12rem; + .xl\:placeholder-colors-teal-100::placeholder { + color: var(--colors-teal-100, #e6fffa); } - .xl\:m-52 { - margin: 13rem; + .xl\:placeholder-colors-teal-200::-moz-placeholder { + color: var(--colors-teal-200, #b2f5ea); } - .xl\:m-56 { - margin: 14rem; + .xl\:placeholder-colors-teal-200::placeholder { + color: var(--colors-teal-200, #b2f5ea); } - .xl\:m-60 { - margin: 15rem; + .xl\:placeholder-colors-teal-300::-moz-placeholder { + color: var(--colors-teal-300, #81e6d9); } - .xl\:m-64 { - margin: 16rem; + .xl\:placeholder-colors-teal-300::placeholder { + color: var(--colors-teal-300, #81e6d9); } - .xl\:m-72 { - margin: 18rem; + .xl\:placeholder-colors-teal-400::-moz-placeholder { + color: var(--colors-teal-400, #4fd1c5); } - .xl\:m-80 { - margin: 20rem; + .xl\:placeholder-colors-teal-400::placeholder { + color: var(--colors-teal-400, #4fd1c5); } - .xl\:m-96 { - margin: 24rem; + .xl\:placeholder-colors-teal-500::-moz-placeholder { + color: var(--colors-teal-500, #38b2ac); } - .xl\:m-auto { - margin: auto; + .xl\:placeholder-colors-teal-500::placeholder { + color: var(--colors-teal-500, #38b2ac); } - .xl\:m-px { - margin: 1px; + .xl\:placeholder-colors-teal-600::-moz-placeholder { + color: var(--colors-teal-600, #319795); } - .xl\:m-0\.5 { - margin: 0.125rem; + .xl\:placeholder-colors-teal-600::placeholder { + color: var(--colors-teal-600, #319795); } - .xl\:m-1\.5 { - margin: 0.375rem; + .xl\:placeholder-colors-teal-700::-moz-placeholder { + color: var(--colors-teal-700, #2c7a7b); } - .xl\:m-2\.5 { - margin: 0.625rem; + .xl\:placeholder-colors-teal-700::placeholder { + color: var(--colors-teal-700, #2c7a7b); } - .xl\:m-3\.5 { - margin: 0.875rem; + .xl\:placeholder-colors-teal-800::-moz-placeholder { + color: var(--colors-teal-800, #285e61); } - .xl\:-m-0 { - margin: 0px; + .xl\:placeholder-colors-teal-800::placeholder { + color: var(--colors-teal-800, #285e61); } - .xl\:-m-1 { - margin: -0.25rem; + .xl\:placeholder-colors-teal-900::-moz-placeholder { + color: var(--colors-teal-900, #234e52); } - .xl\:-m-2 { - margin: -0.5rem; + .xl\:placeholder-colors-teal-900::placeholder { + color: var(--colors-teal-900, #234e52); } - .xl\:-m-3 { - margin: -0.75rem; + .xl\:placeholder-colors-blue-100::-moz-placeholder { + color: var(--colors-blue-100, #ebf8ff); } - .xl\:-m-4 { - margin: -1rem; + .xl\:placeholder-colors-blue-100::placeholder { + color: var(--colors-blue-100, #ebf8ff); } - .xl\:-m-5 { - margin: -1.25rem; + .xl\:placeholder-colors-blue-200::-moz-placeholder { + color: var(--colors-blue-200, #bee3f8); } - .xl\:-m-6 { - margin: -1.5rem; + .xl\:placeholder-colors-blue-200::placeholder { + color: var(--colors-blue-200, #bee3f8); } - .xl\:-m-7 { - margin: -1.75rem; + .xl\:placeholder-colors-blue-300::-moz-placeholder { + color: var(--colors-blue-300, #90cdf4); } - .xl\:-m-8 { - margin: -2rem; + .xl\:placeholder-colors-blue-300::placeholder { + color: var(--colors-blue-300, #90cdf4); } - .xl\:-m-9 { - margin: -2.25rem; + .xl\:placeholder-colors-blue-400::-moz-placeholder { + color: var(--colors-blue-400, #63b3ed); } - .xl\:-m-10 { - margin: -2.5rem; + .xl\:placeholder-colors-blue-400::placeholder { + color: var(--colors-blue-400, #63b3ed); } - .xl\:-m-11 { - margin: -2.75rem; + .xl\:placeholder-colors-blue-500::-moz-placeholder { + color: var(--colors-blue-500, #4299e1); } - .xl\:-m-12 { - margin: -3rem; + .xl\:placeholder-colors-blue-500::placeholder { + color: var(--colors-blue-500, #4299e1); } - .xl\:-m-14 { - margin: -3.5rem; + .xl\:placeholder-colors-blue-600::-moz-placeholder { + color: var(--colors-blue-600, #3182ce); } - .xl\:-m-16 { - margin: -4rem; + .xl\:placeholder-colors-blue-600::placeholder { + color: var(--colors-blue-600, #3182ce); } - .xl\:-m-20 { - margin: -5rem; + .xl\:placeholder-colors-blue-700::-moz-placeholder { + color: var(--colors-blue-700, #2b6cb0); } - .xl\:-m-24 { - margin: -6rem; + .xl\:placeholder-colors-blue-700::placeholder { + color: var(--colors-blue-700, #2b6cb0); } - .xl\:-m-28 { - margin: -7rem; + .xl\:placeholder-colors-blue-800::-moz-placeholder { + color: var(--colors-blue-800, #2c5282); } - .xl\:-m-32 { - margin: -8rem; + .xl\:placeholder-colors-blue-800::placeholder { + color: var(--colors-blue-800, #2c5282); } - .xl\:-m-36 { - margin: -9rem; + .xl\:placeholder-colors-blue-900::-moz-placeholder { + color: var(--colors-blue-900, #2a4365); } - .xl\:-m-40 { - margin: -10rem; + .xl\:placeholder-colors-blue-900::placeholder { + color: var(--colors-blue-900, #2a4365); } - .xl\:-m-44 { - margin: -11rem; + .xl\:placeholder-colors-indigo-100::-moz-placeholder { + color: var(--colors-indigo-100, #ebf4ff); } - .xl\:-m-48 { - margin: -12rem; + .xl\:placeholder-colors-indigo-100::placeholder { + color: var(--colors-indigo-100, #ebf4ff); } - .xl\:-m-52 { - margin: -13rem; + .xl\:placeholder-colors-indigo-200::-moz-placeholder { + color: var(--colors-indigo-200, #c3dafe); } - .xl\:-m-56 { - margin: -14rem; + .xl\:placeholder-colors-indigo-200::placeholder { + color: var(--colors-indigo-200, #c3dafe); } - .xl\:-m-60 { - margin: -15rem; + .xl\:placeholder-colors-indigo-300::-moz-placeholder { + color: var(--colors-indigo-300, #a3bffa); } - .xl\:-m-64 { - margin: -16rem; + .xl\:placeholder-colors-indigo-300::placeholder { + color: var(--colors-indigo-300, #a3bffa); } - .xl\:-m-72 { - margin: -18rem; + .xl\:placeholder-colors-indigo-400::-moz-placeholder { + color: var(--colors-indigo-400, #7f9cf5); } - .xl\:-m-80 { - margin: -20rem; + .xl\:placeholder-colors-indigo-400::placeholder { + color: var(--colors-indigo-400, #7f9cf5); } - .xl\:-m-96 { - margin: -24rem; + .xl\:placeholder-colors-indigo-500::-moz-placeholder { + color: var(--colors-indigo-500, #667eea); } - .xl\:-m-px { - margin: -1px; + .xl\:placeholder-colors-indigo-500::placeholder { + color: var(--colors-indigo-500, #667eea); } - .xl\:-m-0\.5 { - margin: -0.125rem; + .xl\:placeholder-colors-indigo-600::-moz-placeholder { + color: var(--colors-indigo-600, #5a67d8); } - .xl\:-m-1\.5 { - margin: -0.375rem; + .xl\:placeholder-colors-indigo-600::placeholder { + color: var(--colors-indigo-600, #5a67d8); } - .xl\:-m-2\.5 { - margin: -0.625rem; + .xl\:placeholder-colors-indigo-700::-moz-placeholder { + color: var(--colors-indigo-700, #4c51bf); } - .xl\:-m-3\.5 { - margin: -0.875rem; + .xl\:placeholder-colors-indigo-700::placeholder { + color: var(--colors-indigo-700, #4c51bf); } - .xl\:mx-0 { - margin-left: 0px; - margin-right: 0px; + .xl\:placeholder-colors-indigo-800::-moz-placeholder { + color: var(--colors-indigo-800, #434190); } - .xl\:mx-1 { - margin-left: 0.25rem; - margin-right: 0.25rem; + .xl\:placeholder-colors-indigo-800::placeholder { + color: var(--colors-indigo-800, #434190); } - .xl\:mx-2 { - margin-left: 0.5rem; - margin-right: 0.5rem; + .xl\:placeholder-colors-indigo-900::-moz-placeholder { + color: var(--colors-indigo-900, #3c366b); } - .xl\:mx-3 { - margin-left: 0.75rem; - margin-right: 0.75rem; + .xl\:placeholder-colors-indigo-900::placeholder { + color: var(--colors-indigo-900, #3c366b); } - .xl\:mx-4 { - margin-left: 1rem; - margin-right: 1rem; + .xl\:placeholder-colors-purple-100::-moz-placeholder { + color: var(--colors-purple-100, #faf5ff); } - .xl\:mx-5 { - margin-left: 1.25rem; - margin-right: 1.25rem; + .xl\:placeholder-colors-purple-100::placeholder { + color: var(--colors-purple-100, #faf5ff); } - .xl\:mx-6 { - margin-left: 1.5rem; - margin-right: 1.5rem; + .xl\:placeholder-colors-purple-200::-moz-placeholder { + color: var(--colors-purple-200, #e9d8fd); } - .xl\:mx-7 { - margin-left: 1.75rem; - margin-right: 1.75rem; + .xl\:placeholder-colors-purple-200::placeholder { + color: var(--colors-purple-200, #e9d8fd); } - .xl\:mx-8 { - margin-left: 2rem; - margin-right: 2rem; + .xl\:placeholder-colors-purple-300::-moz-placeholder { + color: var(--colors-purple-300, #d6bcfa); } - .xl\:mx-9 { - margin-left: 2.25rem; - margin-right: 2.25rem; + .xl\:placeholder-colors-purple-300::placeholder { + color: var(--colors-purple-300, #d6bcfa); } - .xl\:mx-10 { - margin-left: 2.5rem; - margin-right: 2.5rem; + .xl\:placeholder-colors-purple-400::-moz-placeholder { + color: var(--colors-purple-400, #b794f4); } - .xl\:mx-11 { - margin-left: 2.75rem; - margin-right: 2.75rem; + .xl\:placeholder-colors-purple-400::placeholder { + color: var(--colors-purple-400, #b794f4); } - .xl\:mx-12 { - margin-left: 3rem; - margin-right: 3rem; + .xl\:placeholder-colors-purple-500::-moz-placeholder { + color: var(--colors-purple-500, #9f7aea); } - .xl\:mx-14 { - margin-left: 3.5rem; - margin-right: 3.5rem; + .xl\:placeholder-colors-purple-500::placeholder { + color: var(--colors-purple-500, #9f7aea); } - .xl\:mx-16 { - margin-left: 4rem; - margin-right: 4rem; + .xl\:placeholder-colors-purple-600::-moz-placeholder { + color: var(--colors-purple-600, #805ad5); } - .xl\:mx-20 { - margin-left: 5rem; - margin-right: 5rem; + .xl\:placeholder-colors-purple-600::placeholder { + color: var(--colors-purple-600, #805ad5); } - .xl\:mx-24 { - margin-left: 6rem; - margin-right: 6rem; + .xl\:placeholder-colors-purple-700::-moz-placeholder { + color: var(--colors-purple-700, #6b46c1); } - .xl\:mx-28 { - margin-left: 7rem; - margin-right: 7rem; + .xl\:placeholder-colors-purple-700::placeholder { + color: var(--colors-purple-700, #6b46c1); } - .xl\:mx-32 { - margin-left: 8rem; - margin-right: 8rem; + .xl\:placeholder-colors-purple-800::-moz-placeholder { + color: var(--colors-purple-800, #553c9a); } - .xl\:mx-36 { - margin-left: 9rem; - margin-right: 9rem; + .xl\:placeholder-colors-purple-800::placeholder { + color: var(--colors-purple-800, #553c9a); } - .xl\:mx-40 { - margin-left: 10rem; - margin-right: 10rem; + .xl\:placeholder-colors-purple-900::-moz-placeholder { + color: var(--colors-purple-900, #44337a); } - .xl\:mx-44 { - margin-left: 11rem; - margin-right: 11rem; + .xl\:placeholder-colors-purple-900::placeholder { + color: var(--colors-purple-900, #44337a); } - .xl\:mx-48 { - margin-left: 12rem; - margin-right: 12rem; + .xl\:placeholder-colors-pink-100::-moz-placeholder { + color: var(--colors-pink-100, #fff5f7); } - .xl\:mx-52 { - margin-left: 13rem; - margin-right: 13rem; + .xl\:placeholder-colors-pink-100::placeholder { + color: var(--colors-pink-100, #fff5f7); } - .xl\:mx-56 { - margin-left: 14rem; - margin-right: 14rem; + .xl\:placeholder-colors-pink-200::-moz-placeholder { + color: var(--colors-pink-200, #fed7e2); } - .xl\:mx-60 { - margin-left: 15rem; - margin-right: 15rem; + .xl\:placeholder-colors-pink-200::placeholder { + color: var(--colors-pink-200, #fed7e2); } - .xl\:mx-64 { - margin-left: 16rem; - margin-right: 16rem; + .xl\:placeholder-colors-pink-300::-moz-placeholder { + color: var(--colors-pink-300, #fbb6ce); } - .xl\:mx-72 { - margin-left: 18rem; - margin-right: 18rem; + .xl\:placeholder-colors-pink-300::placeholder { + color: var(--colors-pink-300, #fbb6ce); } - .xl\:mx-80 { - margin-left: 20rem; - margin-right: 20rem; + .xl\:placeholder-colors-pink-400::-moz-placeholder { + color: var(--colors-pink-400, #f687b3); } - .xl\:mx-96 { - margin-left: 24rem; - margin-right: 24rem; + .xl\:placeholder-colors-pink-400::placeholder { + color: var(--colors-pink-400, #f687b3); } - .xl\:mx-auto { - margin-left: auto; - margin-right: auto; + .xl\:placeholder-colors-pink-500::-moz-placeholder { + color: var(--colors-pink-500, #ed64a6); } - .xl\:mx-px { - margin-left: 1px; - margin-right: 1px; + .xl\:placeholder-colors-pink-500::placeholder { + color: var(--colors-pink-500, #ed64a6); } - .xl\:mx-0\.5 { - margin-left: 0.125rem; - margin-right: 0.125rem; + .xl\:placeholder-colors-pink-600::-moz-placeholder { + color: var(--colors-pink-600, #d53f8c); } - .xl\:mx-1\.5 { - margin-left: 0.375rem; - margin-right: 0.375rem; + .xl\:placeholder-colors-pink-600::placeholder { + color: var(--colors-pink-600, #d53f8c); } - .xl\:mx-2\.5 { - margin-left: 0.625rem; - margin-right: 0.625rem; + .xl\:placeholder-colors-pink-700::-moz-placeholder { + color: var(--colors-pink-700, #b83280); } - .xl\:mx-3\.5 { - margin-left: 0.875rem; - margin-right: 0.875rem; + .xl\:placeholder-colors-pink-700::placeholder { + color: var(--colors-pink-700, #b83280); } - .xl\:-mx-0 { - margin-left: 0px; - margin-right: 0px; + .xl\:placeholder-colors-pink-800::-moz-placeholder { + color: var(--colors-pink-800, #97266d); } - .xl\:-mx-1 { - margin-left: -0.25rem; - margin-right: -0.25rem; + .xl\:placeholder-colors-pink-800::placeholder { + color: var(--colors-pink-800, #97266d); } - .xl\:-mx-2 { - margin-left: -0.5rem; - margin-right: -0.5rem; + .xl\:placeholder-colors-pink-900::-moz-placeholder { + color: var(--colors-pink-900, #702459); } - .xl\:-mx-3 { - margin-left: -0.75rem; - margin-right: -0.75rem; + .xl\:placeholder-colors-pink-900::placeholder { + color: var(--colors-pink-900, #702459); } - .xl\:-mx-4 { - margin-left: -1rem; - margin-right: -1rem; + .xl\:placeholder-Box\ Shadow::-moz-placeholder { + color: var(--box-shadow, #7f7e7f); + } + + .xl\:placeholder-Box\ Shadow::placeholder { + color: var(--box-shadow, #7f7e7f); } - .xl\:-mx-5 { - margin-left: -1.25rem; - margin-right: -1.25rem; + .xl\:placeholder-Error16::-moz-placeholder { + color: var(--error16, #f03d3e40); } - .xl\:-mx-6 { - margin-left: -1.5rem; - margin-right: -1.5rem; + .xl\:placeholder-Error16::placeholder { + color: var(--error16, #f03d3e40); } - .xl\:-mx-7 { - margin-left: -1.75rem; - margin-right: -1.75rem; + .xl\:placeholder-Success16::-moz-placeholder { + color: var(--success16, #5bb14d40); } - .xl\:-mx-8 { - margin-left: -2rem; - margin-right: -2rem; + .xl\:placeholder-Success16::placeholder { + color: var(--success16, #5bb14d40); } - .xl\:-mx-9 { - margin-left: -2.25rem; - margin-right: -2.25rem; + .xl\:placeholder-Notification16::-moz-placeholder { + color: var(--notification16, #3959ff40); } - .xl\:-mx-10 { - margin-left: -2.5rem; - margin-right: -2.5rem; + .xl\:placeholder-Notification16::placeholder { + color: var(--notification16, #3959ff40); } - .xl\:-mx-11 { - margin-left: -2.75rem; - margin-right: -2.75rem; + .xl\:placeholder-Error8::-moz-placeholder { + color: var(--error8, #f03d3e1a); } - .xl\:-mx-12 { - margin-left: -3rem; - margin-right: -3rem; + .xl\:placeholder-Error8::placeholder { + color: var(--error8, #f03d3e1a); } - .xl\:-mx-14 { - margin-left: -3.5rem; - margin-right: -3.5rem; + .xl\:placeholder-Notification8::-moz-placeholder { + color: var(--notification8, #3959ff1a); } - .xl\:-mx-16 { - margin-left: -4rem; - margin-right: -4rem; + .xl\:placeholder-Notification8::placeholder { + color: var(--notification8, #3959ff1a); } - .xl\:-mx-20 { - margin-left: -5rem; - margin-right: -5rem; + .xl\:placeholder-Success8::-moz-placeholder { + color: var(--success8, #5bb14d1a); } - .xl\:-mx-24 { - margin-left: -6rem; - margin-right: -6rem; + .xl\:placeholder-Success8::placeholder { + color: var(--success8, #5bb14d1a); } - .xl\:-mx-28 { - margin-left: -7rem; - margin-right: -7rem; + .xl\:placeholder-Light\ -\ Overlay::-moz-placeholder { + color: var(--light-overlay, #f0edee66); } - .xl\:-mx-32 { - margin-left: -8rem; - margin-right: -8rem; + .xl\:placeholder-Light\ -\ Overlay::placeholder { + color: var(--light-overlay, #f0edee66); } - .xl\:-mx-36 { - margin-left: -9rem; - margin-right: -9rem; + .xl\:placeholder-Dark-\ Overlay::-moz-placeholder { + color: var(--dark-overlay, #7f7e7f66); } - .xl\:-mx-40 { - margin-left: -10rem; - margin-right: -10rem; + .xl\:placeholder-Dark-\ Overlay::placeholder { + color: var(--dark-overlay, #7f7e7f66); } - .xl\:-mx-44 { - margin-left: -11rem; - margin-right: -11rem; + .xl\:placeholder-black-40::-moz-placeholder { + color: var(--black-40, #00000066); } - .xl\:-mx-48 { - margin-left: -12rem; - margin-right: -12rem; + .xl\:placeholder-black-40::placeholder { + color: var(--black-40, #00000066); } - .xl\:-mx-52 { - margin-left: -13rem; - margin-right: -13rem; + .xl\:placeholder-black-75::-moz-placeholder { + color: var(--black-75, #000000bf); } - .xl\:-mx-56 { - margin-left: -14rem; - margin-right: -14rem; + .xl\:placeholder-black-75::placeholder { + color: var(--black-75, #000000bf); } - .xl\:-mx-60 { - margin-left: -15rem; - margin-right: -15rem; + .xl\:placeholder-black-60::-moz-placeholder { + color: var(--black-60, #00000099); } - .xl\:-mx-64 { - margin-left: -16rem; - margin-right: -16rem; + .xl\:placeholder-black-60::placeholder { + color: var(--black-60, #00000099); } - .xl\:-mx-72 { - margin-left: -18rem; - margin-right: -18rem; + .xl\:placeholder-black-50::-moz-placeholder { + color: var(--black-50, #00000080); } - .xl\:-mx-80 { - margin-left: -20rem; - margin-right: -20rem; + .xl\:placeholder-black-50::placeholder { + color: var(--black-50, #00000080); } - .xl\:-mx-96 { - margin-left: -24rem; - margin-right: -24rem; + .xl\:placeholder-black-25::-moz-placeholder { + color: var(--black-25, #00000040); } - .xl\:-mx-px { - margin-left: -1px; - margin-right: -1px; + .xl\:placeholder-black-25::placeholder { + color: var(--black-25, #00000040); } - .xl\:-mx-0\.5 { - margin-left: -0.125rem; - margin-right: -0.125rem; + .xl\:placeholder-black-10::-moz-placeholder { + color: var(--black-10, #0000001a); } - .xl\:-mx-1\.5 { - margin-left: -0.375rem; - margin-right: -0.375rem; + .xl\:placeholder-black-10::placeholder { + color: var(--black-10, #0000001a); } - .xl\:-mx-2\.5 { - margin-left: -0.625rem; - margin-right: -0.625rem; + .xl\:placeholder-white-25::-moz-placeholder { + color: var(--white-25, #ffffff40); } - .xl\:-mx-3\.5 { - margin-left: -0.875rem; - margin-right: -0.875rem; + .xl\:placeholder-white-25::placeholder { + color: var(--white-25, #ffffff40); } - .xl\:my-0 { - margin-top: 0px; - margin-bottom: 0px; + .xl\:placeholder-white-60::-moz-placeholder { + color: var(--white-60, #ffffff99); } - .xl\:my-1 { - margin-top: 0.25rem; - margin-bottom: 0.25rem; + .xl\:placeholder-white-60::placeholder { + color: var(--white-60, #ffffff99); } - .xl\:my-2 { - margin-top: 0.5rem; - margin-bottom: 0.5rem; + .xl\:placeholder-black-64::-moz-placeholder { + color: var(--black-64, #000000a3); } - .xl\:my-3 { - margin-top: 0.75rem; - margin-bottom: 0.75rem; + .xl\:placeholder-black-64::placeholder { + color: var(--black-64, #000000a3); } - .xl\:my-4 { - margin-top: 1rem; - margin-bottom: 1rem; + .xl\:placeholder-Shadow\ and\ Highlight-Shadow::-moz-placeholder { + color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .xl\:my-5 { - margin-top: 1.25rem; - margin-bottom: 1.25rem; + .xl\:placeholder-Shadow\ and\ Highlight-Shadow::placeholder { + color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .xl\:my-6 { - margin-top: 1.5rem; - margin-bottom: 1.5rem; + .xl\:placeholder-Shadow\ and\ Highlight-Highlight::-moz-placeholder { + color: var(--shadow-and-highlight-highlight, #474747); } - .xl\:my-7 { - margin-top: 1.75rem; - margin-bottom: 1.75rem; + .xl\:placeholder-Shadow\ and\ Highlight-Highlight::placeholder { + color: var(--shadow-and-highlight-highlight, #474747); } - .xl\:my-8 { - margin-top: 2rem; - margin-bottom: 2rem; + .xl\:placeholder-Shadow\ and\ Highlight-highlight\ one::-moz-placeholder { + color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .xl\:my-9 { - margin-top: 2.25rem; - margin-bottom: 2.25rem; + .xl\:placeholder-Shadow\ and\ Highlight-highlight\ one::placeholder { + color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .xl\:my-10 { - margin-top: 2.5rem; - margin-bottom: 2.5rem; + .xl\:placeholder-Shadow\ and\ Highlight-highlight\ two::-moz-placeholder { + color: var(--shadow-and-highlight-highlight-two, #47474799); } - .xl\:my-11 { - margin-top: 2.75rem; - margin-bottom: 2.75rem; + .xl\:placeholder-Shadow\ and\ Highlight-highlight\ two::placeholder { + color: var(--shadow-and-highlight-highlight-two, #47474799); } - .xl\:my-12 { - margin-top: 3rem; - margin-bottom: 3rem; + .xl\:placeholder-Shadow\ and\ Highlight-highlight\ three::-moz-placeholder { + color: var(--shadow-and-highlight-highlight-three, #47474766); } - .xl\:my-14 { - margin-top: 3.5rem; - margin-bottom: 3.5rem; + .xl\:placeholder-Shadow\ and\ Highlight-highlight\ three::placeholder { + color: var(--shadow-and-highlight-highlight-three, #47474766); } - .xl\:my-16 { - margin-top: 4rem; - margin-bottom: 4rem; + .xl\:placeholder-Shadow\ and\ Highlight-highlight\ five::-moz-placeholder { + color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .xl\:my-20 { - margin-top: 5rem; - margin-bottom: 5rem; + .xl\:placeholder-Shadow\ and\ Highlight-highlight\ five::placeholder { + color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .xl\:my-24 { - margin-top: 6rem; - margin-bottom: 6rem; + .xl\:placeholder-Shadow\ and\ Highlight-shadow\ one::-moz-placeholder { + color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .xl\:my-28 { - margin-top: 7rem; - margin-bottom: 7rem; + .xl\:placeholder-Shadow\ and\ Highlight-shadow\ one::placeholder { + color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .xl\:my-32 { - margin-top: 8rem; - margin-bottom: 8rem; + .xl\:placeholder-Shadow\ and\ Highlight-shadow\ two::-moz-placeholder { + color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .xl\:my-36 { - margin-top: 9rem; - margin-bottom: 9rem; + .xl\:placeholder-Shadow\ and\ Highlight-shadow\ two::placeholder { + color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .xl\:my-40 { - margin-top: 10rem; - margin-bottom: 10rem; + .xl\:placeholder-Shadow\ and\ Highlight-shadow\ three::-moz-placeholder { + color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .xl\:my-44 { - margin-top: 11rem; - margin-bottom: 11rem; + .xl\:placeholder-Shadow\ and\ Highlight-shadow\ three::placeholder { + color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .xl\:my-48 { - margin-top: 12rem; - margin-bottom: 12rem; + .xl\:placeholder-Shadow\ and\ Highlight-shadow\ four::-moz-placeholder { + color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .xl\:my-52 { - margin-top: 13rem; - margin-bottom: 13rem; + .xl\:placeholder-Shadow\ and\ Highlight-shadow\ four::placeholder { + color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .xl\:my-56 { - margin-top: 14rem; - margin-bottom: 14rem; + .xl\:placeholder-Shadow\ and\ Highlight-shadow\ five::-moz-placeholder { + color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .xl\:my-60 { - margin-top: 15rem; - margin-bottom: 15rem; + .xl\:placeholder-Shadow\ and\ Highlight-shadow\ five::placeholder { + color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .xl\:my-64 { - margin-top: 16rem; - margin-bottom: 16rem; + .xl\:placeholder-Shadow\ and\ Highlight-highlight\ four::-moz-placeholder { + color: var(--shadow-and-highlight-highlight-four, #47474740); } - .xl\:my-72 { - margin-top: 18rem; - margin-bottom: 18rem; + .xl\:placeholder-Shadow\ and\ Highlight-highlight\ four::placeholder { + color: var(--shadow-and-highlight-highlight-four, #47474740); } - .xl\:my-80 { - margin-top: 20rem; - margin-bottom: 20rem; + .xl\:placeholder-Base\ Layer\ Styles-Base\ Layer-\ Light-White::-moz-placeholder { + color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .xl\:my-96 { - margin-top: 24rem; - margin-bottom: 24rem; + .xl\:placeholder-Base\ Layer\ Styles-Base\ Layer-\ Light-White::placeholder { + color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .xl\:my-auto { - margin-top: auto; - margin-bottom: auto; + .xl\:placeholder-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite::-moz-placeholder { + color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .xl\:my-px { - margin-top: 1px; - margin-bottom: 1px; + .xl\:placeholder-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite::placeholder { + color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .xl\:my-0\.5 { - margin-top: 0.125rem; - margin-bottom: 0.125rem; + .xl\:placeholder-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack::-moz-placeholder { + color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .xl\:my-1\.5 { - margin-top: 0.375rem; - margin-bottom: 0.375rem; + .xl\:placeholder-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack::placeholder { + color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .xl\:my-2\.5 { - margin-top: 0.625rem; - margin-bottom: 0.625rem; + .xl\:placeholder-Base\ Layer\ Styles-Base\ Layer-Dark-Black::-moz-placeholder { + color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .xl\:my-3\.5 { - margin-top: 0.875rem; - margin-bottom: 0.875rem; + .xl\:placeholder-Base\ Layer\ Styles-Base\ Layer-Dark-Black::placeholder { + color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .xl\:-my-0 { - margin-top: 0px; - margin-bottom: 0px; + .xl\:placeholder-Grey-Scale-white::-moz-placeholder { + color: var(--grey-scale-white, #ffffff); } - .xl\:-my-1 { - margin-top: -0.25rem; - margin-bottom: -0.25rem; + .xl\:placeholder-Grey-Scale-white::placeholder { + color: var(--grey-scale-white, #ffffff); } - .xl\:-my-2 { - margin-top: -0.5rem; - margin-bottom: -0.5rem; + .xl\:placeholder-Grey-Scale-off-white::-moz-placeholder { + color: var(--grey-scale-off-white, #f0edee); } - .xl\:-my-3 { - margin-top: -0.75rem; - margin-bottom: -0.75rem; + .xl\:placeholder-Grey-Scale-off-white::placeholder { + color: var(--grey-scale-off-white, #f0edee); } - .xl\:-my-4 { - margin-top: -1rem; - margin-bottom: -1rem; + .xl\:placeholder-Grey\ Scale-grey::-moz-placeholder { + color: var(--grey-scale-grey, #7f7e7f); } - .xl\:-my-5 { - margin-top: -1.25rem; - margin-bottom: -1.25rem; + .xl\:placeholder-Grey\ Scale-grey::placeholder { + color: var(--grey-scale-grey, #7f7e7f); } - .xl\:-my-6 { - margin-top: -1.5rem; - margin-bottom: -1.5rem; + .xl\:placeholder-Grey\ Scale-charcoal::-moz-placeholder { + color: var(--grey-scale-charcoal, #474747); } - .xl\:-my-7 { - margin-top: -1.75rem; - margin-bottom: -1.75rem; + .xl\:placeholder-Grey\ Scale-charcoal::placeholder { + color: var(--grey-scale-charcoal, #474747); } - .xl\:-my-8 { - margin-top: -2rem; - margin-bottom: -2rem; + .xl\:placeholder-Grey\ Scale-off-black::-moz-placeholder { + color: var(--grey-scale-off-black, #1c1c1c); } - .xl\:-my-9 { - margin-top: -2.25rem; - margin-bottom: -2.25rem; + .xl\:placeholder-Grey\ Scale-off-black::placeholder { + color: var(--grey-scale-off-black, #1c1c1c); } - .xl\:-my-10 { - margin-top: -2.5rem; - margin-bottom: -2.5rem; + .xl\:placeholder-Grey\ Scale-black::-moz-placeholder { + color: var(--grey-scale-black, #000000); } - .xl\:-my-11 { - margin-top: -2.75rem; - margin-bottom: -2.75rem; + .xl\:placeholder-Grey\ Scale-black::placeholder { + color: var(--grey-scale-black, #000000); } - .xl\:-my-12 { - margin-top: -3rem; - margin-bottom: -3rem; + .xl\:placeholder-Blue-blue::-moz-placeholder { + color: var(--blue-blue, #3a7ca5); } - .xl\:-my-14 { - margin-top: -3.5rem; - margin-bottom: -3.5rem; + .xl\:placeholder-Blue-blue::placeholder { + color: var(--blue-blue, #3a7ca5); } - .xl\:-my-16 { - margin-top: -4rem; - margin-bottom: -4rem; + .xl\:placeholder-Blue-blue-100::-moz-placeholder { + color: var(--blue-blue-100, #75a3c0); } - .xl\:-my-20 { - margin-top: -5rem; - margin-bottom: -5rem; + .xl\:placeholder-Blue-blue-100::placeholder { + color: var(--blue-blue-100, #75a3c0); } - .xl\:-my-24 { - margin-top: -6rem; - margin-bottom: -6rem; + .xl\:placeholder-Blue-blue-200::-moz-placeholder { + color: var(--blue-blue-200, #9cbed2); } - .xl\:-my-28 { - margin-top: -7rem; - margin-bottom: -7rem; + .xl\:placeholder-Blue-blue-200::placeholder { + color: var(--blue-blue-200, #9cbed2); } - .xl\:-my-32 { - margin-top: -8rem; - margin-bottom: -8rem; + .xl\:placeholder-Blue-blue-300::-moz-placeholder { + color: var(--blue-blue-300, #4f7d9a); } - .xl\:-my-36 { - margin-top: -9rem; - margin-bottom: -9rem; + .xl\:placeholder-Blue-blue-300::placeholder { + color: var(--blue-blue-300, #4f7d9a); } - .xl\:-my-40 { - margin-top: -10rem; - margin-bottom: -10rem; + .xl\:placeholder-Blue-blue-400::-moz-placeholder { + color: var(--blue-blue-400, #5c7d92); } - .xl\:-my-44 { - margin-top: -11rem; - margin-bottom: -11rem; + .xl\:placeholder-Blue-blue-400::placeholder { + color: var(--blue-blue-400, #5c7d92); } - .xl\:-my-48 { - margin-top: -12rem; - margin-bottom: -12rem; + .xl\:placeholder-Blue-blue-500::-moz-placeholder { + color: var(--blue-blue-500, #347095); } - .xl\:-my-52 { - margin-top: -13rem; - margin-bottom: -13rem; + .xl\:placeholder-Blue-blue-500::placeholder { + color: var(--blue-blue-500, #347095); } - .xl\:-my-56 { - margin-top: -14rem; - margin-bottom: -14rem; + .xl\:placeholder-Blue-blue-600::-moz-placeholder { + color: var(--blue-blue-600, #295774); } - .xl\:-my-60 { - margin-top: -15rem; - margin-bottom: -15rem; + .xl\:placeholder-Blue-blue-600::placeholder { + color: var(--blue-blue-600, #295774); } - .xl\:-my-64 { - margin-top: -16rem; - margin-bottom: -16rem; + .xl\:placeholder-Blue-blue-700::-moz-placeholder { + color: var(--blue-blue-700, #173242); } - .xl\:-my-72 { - margin-top: -18rem; - margin-bottom: -18rem; + .xl\:placeholder-Blue-blue-700::placeholder { + color: var(--blue-blue-700, #173242); } - .xl\:-my-80 { - margin-top: -20rem; - margin-bottom: -20rem; + .xl\:placeholder-LightBlue-lightblue::-moz-placeholder { + color: var(--light-blue-lightblue, #81c3d7); } - .xl\:-my-96 { - margin-top: -24rem; - margin-bottom: -24rem; + .xl\:placeholder-LightBlue-lightblue::placeholder { + color: var(--light-blue-lightblue, #81c3d7); } - .xl\:-my-px { - margin-top: -1px; - margin-bottom: -1px; + .xl\:placeholder-LightBlue-lightblue-100::-moz-placeholder { + color: var(--light-blue-lightblue-100, #a7d5e3); } - .xl\:-my-0\.5 { - margin-top: -0.125rem; - margin-bottom: -0.125rem; + .xl\:placeholder-LightBlue-lightblue-100::placeholder { + color: var(--light-blue-lightblue-100, #a7d5e3); } - .xl\:-my-1\.5 { - margin-top: -0.375rem; - margin-bottom: -0.375rem; + .xl\:placeholder-LightBlue-lightblue-200::-moz-placeholder { + color: var(--light-blue-lightblue-200, #c0e1eb); } - .xl\:-my-2\.5 { - margin-top: -0.625rem; - margin-bottom: -0.625rem; + .xl\:placeholder-LightBlue-lightblue-200::placeholder { + color: var(--light-blue-lightblue-200, #c0e1eb); } - .xl\:-my-3\.5 { - margin-top: -0.875rem; - margin-bottom: -0.875rem; + .xl\:placeholder-LightBlue-lightblue-300::-moz-placeholder { + color: var(--light-blue-lightblue-300, #80aebd); } - .xl\:mt-0 { - margin-top: 0px; + .xl\:placeholder-LightBlue-lightblue-300::placeholder { + color: var(--light-blue-lightblue-300, #80aebd); } - .xl\:mt-1 { - margin-top: 0.25rem; + .xl\:placeholder-LightBlue-lightblue-400::-moz-placeholder { + color: var(--light-blue-lightblue-400, #80a0ab); } - .xl\:mt-2 { - margin-top: 0.5rem; + .xl\:placeholder-LightBlue-lightblue-400::placeholder { + color: var(--light-blue-lightblue-400, #80a0ab); } - .xl\:mt-3 { - margin-top: 0.75rem; + .xl\:placeholder-LightBlue-lightblue-500::-moz-placeholder { + color: var(--light-blue-lightblue-500, #74afc1); } - .xl\:mt-4 { - margin-top: 1rem; + .xl\:placeholder-LightBlue-lightblue-500::placeholder { + color: var(--light-blue-lightblue-500, #74afc1); } - .xl\:mt-5 { - margin-top: 1.25rem; + .xl\:placeholder-LightBlue-lightblue-600::-moz-placeholder { + color: var(--light-blue-lightblue-600, #5a8997); } - .xl\:mt-6 { - margin-top: 1.5rem; + .xl\:placeholder-LightBlue-lightblue-600::placeholder { + color: var(--light-blue-lightblue-600, #5a8997); } - .xl\:mt-7 { - margin-top: 1.75rem; + .xl\:placeholder-LightBlue-lightblue-650::-moz-placeholder { + color: var(--light-blue-lightblue-650, #3e5e65); } - .xl\:mt-8 { - margin-top: 2rem; + .xl\:placeholder-LightBlue-lightblue-650::placeholder { + color: var(--light-blue-lightblue-650, #3e5e65); } - .xl\:mt-9 { - margin-top: 2.25rem; + .xl\:placeholder-LightBlue-lightblue-700::-moz-placeholder { + color: var(--light-blue-lightblue-700, #344e56); } - .xl\:mt-10 { - margin-top: 2.5rem; + .xl\:placeholder-LightBlue-lightblue-700::placeholder { + color: var(--light-blue-lightblue-700, #344e56); } - .xl\:mt-11 { - margin-top: 2.75rem; + .xl\:placeholder-Orange-orange::-moz-placeholder { + color: var(--orange-orange, #ff7f0e); } - .xl\:mt-12 { - margin-top: 3rem; + .xl\:placeholder-Orange-orange::placeholder { + color: var(--orange-orange, #ff7f0e); } - .xl\:mt-14 { - margin-top: 3.5rem; + .xl\:placeholder-Orange-orange-100::-moz-placeholder { + color: var(--orange-orange-100, #ffa556); } - .xl\:mt-16 { - margin-top: 4rem; + .xl\:placeholder-Orange-orange-100::placeholder { + color: var(--orange-orange-100, #ffa556); } - .xl\:mt-20 { - margin-top: 5rem; + .xl\:placeholder-Orange-orange-200::-moz-placeholder { + color: var(--orange-orange-200, #ffbf86); } - .xl\:mt-24 { - margin-top: 6rem; + .xl\:placeholder-Orange-orange-200::placeholder { + color: var(--orange-orange-200, #ffbf86); } - .xl\:mt-28 { - margin-top: 7rem; + .xl\:placeholder-Orange-orange-300::-moz-placeholder { + color: var(--orange-orange-300, #d97f30); } - .xl\:mt-32 { - margin-top: 8rem; + .xl\:placeholder-Orange-orange-300::placeholder { + color: var(--orange-orange-300, #d97f30); } - .xl\:mt-36 { - margin-top: 9rem; + .xl\:placeholder-Orange-orange-400::-moz-placeholder { + color: var(--orange-orange-400, #bf7e46); } - .xl\:mt-40 { - margin-top: 10rem; + .xl\:placeholder-Orange-orange-400::placeholder { + color: var(--orange-orange-400, #bf7e46); } - .xl\:mt-44 { - margin-top: 11rem; + .xl\:placeholder-Orange-orange-500::-moz-placeholder { + color: var(--orange-orange-500, #e5720d); } - .xl\:mt-48 { - margin-top: 12rem; + .xl\:placeholder-Orange-orange-500::placeholder { + color: var(--orange-orange-500, #e5720d); } - .xl\:mt-52 { - margin-top: 13rem; + .xl\:placeholder-Orange-orange-600::-moz-placeholder { + color: var(--orange-orange-600, #b3590a); } - .xl\:mt-56 { - margin-top: 14rem; + .xl\:placeholder-Orange-orange-600::placeholder { + color: var(--orange-orange-600, #b3590a); } - .xl\:mt-60 { - margin-top: 15rem; + .xl\:placeholder-Orange-orange-700::-moz-placeholder { + color: var(--orange-orange-700, #663306); } - .xl\:mt-64 { - margin-top: 16rem; + .xl\:placeholder-Orange-orange-700::placeholder { + color: var(--orange-orange-700, #663306); } - .xl\:mt-72 { - margin-top: 18rem; + .xl\:placeholder-Yellow-yellow::-moz-placeholder { + color: var(--yellow-yellow, #ffab00); } - .xl\:mt-80 { - margin-top: 20rem; + .xl\:placeholder-Yellow-yellow::placeholder { + color: var(--yellow-yellow, #ffab00); } - .xl\:mt-96 { - margin-top: 24rem; + .xl\:placeholder-Yellow-yellow-100::-moz-placeholder { + color: var(--yellow-yellow-100, #ffc44c); } - .xl\:mt-auto { - margin-top: auto; + .xl\:placeholder-Yellow-yellow-100::placeholder { + color: var(--yellow-yellow-100, #ffc44c); } - .xl\:mt-px { - margin-top: 1px; + .xl\:placeholder-Yellow-yellow-200::-moz-placeholder { + color: var(--yellow-yellow-200, #ffd580); } - .xl\:mt-0\.5 { - margin-top: 0.125rem; + .xl\:placeholder-Yellow-yellow-200::placeholder { + color: var(--yellow-yellow-200, #ffd580); } - .xl\:mt-1\.5 { - margin-top: 0.375rem; + .xl\:placeholder-Yellow-yellow-300::-moz-placeholder { + color: var(--yellow-yellow-300, #d99d26); } - .xl\:mt-2\.5 { - margin-top: 0.625rem; + .xl\:placeholder-Yellow-yellow-300::placeholder { + color: var(--yellow-yellow-300, #d99d26); } - .xl\:mt-3\.5 { - margin-top: 0.875rem; + .xl\:placeholder-Yellow-yellow-400::-moz-placeholder { + color: var(--yellow-yellow-400, #bf943f); } - .xl\:-mt-0 { - margin-top: 0px; + .xl\:placeholder-Yellow-yellow-400::placeholder { + color: var(--yellow-yellow-400, #bf943f); } - .xl\:-mt-1 { - margin-top: -0.25rem; + .xl\:placeholder-Yellow-yellow-500::-moz-placeholder { + color: var(--yellow-yellow-500, #e59a00); } - .xl\:-mt-2 { - margin-top: -0.5rem; + .xl\:placeholder-Yellow-yellow-500::placeholder { + color: var(--yellow-yellow-500, #e59a00); } - .xl\:-mt-3 { - margin-top: -0.75rem; + .xl\:placeholder-Yellow-yellow-600::-moz-placeholder { + color: var(--yellow-yellow-600, #b37800); } - .xl\:-mt-4 { - margin-top: -1rem; + .xl\:placeholder-Yellow-yellow-600::placeholder { + color: var(--yellow-yellow-600, #b37800); } - .xl\:-mt-5 { - margin-top: -1.25rem; + .xl\:placeholder-Yellow-yellow-700::-moz-placeholder { + color: var(--yellow-yellow-700, #664400); } - .xl\:-mt-6 { - margin-top: -1.5rem; + .xl\:placeholder-Yellow-yellow-700::placeholder { + color: var(--yellow-yellow-700, #664400); } - .xl\:-mt-7 { - margin-top: -1.75rem; + .xl\:placeholder-Notification-notification::-moz-placeholder { + color: var(--notification-notification, #3959ff); } - .xl\:-mt-8 { - margin-top: -2rem; + .xl\:placeholder-Notification-notification::placeholder { + color: var(--notification-notification, #3959ff); } - .xl\:-mt-9 { - margin-top: -2.25rem; + .xl\:placeholder-Notification-notification-100::-moz-placeholder { + color: var(--notification-notification-100, #748bff); } - .xl\:-mt-10 { - margin-top: -2.5rem; + .xl\:placeholder-Notification-notification-100::placeholder { + color: var(--notification-notification-100, #748bff); } - .xl\:-mt-11 { - margin-top: -2.75rem; + .xl\:placeholder-Notification-notification-200::-moz-placeholder { + color: var(--notification-notification-200, #9cacff); } - .xl\:-mt-12 { - margin-top: -3rem; + .xl\:placeholder-Notification-notification-200::placeholder { + color: var(--notification-notification-200, #9cacff); } - .xl\:-mt-14 { - margin-top: -3.5rem; + .xl\:placeholder-Notification-notification-300::-moz-placeholder { + color: var(--notification-notification-300, #4e64d9); } - .xl\:-mt-16 { - margin-top: -4rem; + .xl\:placeholder-Notification-notification-300::placeholder { + color: var(--notification-notification-300, #4e64d9); } - .xl\:-mt-20 { - margin-top: -5rem; + .xl\:placeholder-Notification-notification-400::-moz-placeholder { + color: var(--notification-notification-400, #5c6cbf); } - .xl\:-mt-24 { - margin-top: -6rem; + .xl\:placeholder-Notification-notification-400::placeholder { + color: var(--notification-notification-400, #5c6cbf); } - .xl\:-mt-28 { - margin-top: -7rem; + .xl\:placeholder-Notification-notification-500::-moz-placeholder { + color: var(--notification-notification-500, #3350e5); } - .xl\:-mt-32 { - margin-top: -8rem; + .xl\:placeholder-Notification-notification-500::placeholder { + color: var(--notification-notification-500, #3350e5); } - .xl\:-mt-36 { - margin-top: -9rem; + .xl\:placeholder-Notification-notification-600::-moz-placeholder { + color: var(--notification-notification-600, #283eb3); } - .xl\:-mt-40 { - margin-top: -10rem; + .xl\:placeholder-Notification-notification-600::placeholder { + color: var(--notification-notification-600, #283eb3); } - .xl\:-mt-44 { - margin-top: -11rem; + .xl\:placeholder-Notification-notification-700::-moz-placeholder { + color: var(--notification-notification-700, #172466); } - .xl\:-mt-48 { - margin-top: -12rem; + .xl\:placeholder-Notification-notification-700::placeholder { + color: var(--notification-notification-700, #172466); } - .xl\:-mt-52 { - margin-top: -13rem; + .xl\:placeholder-Success-success\ -700::-moz-placeholder { + color: var(--success-success-700, #24471f); } - .xl\:-mt-56 { - margin-top: -14rem; + .xl\:placeholder-Success-success\ -700::placeholder { + color: var(--success-success-700, #24471f); } - .xl\:-mt-60 { - margin-top: -15rem; + .xl\:placeholder-Success-success::-moz-placeholder { + color: var(--success-success, #5bb14d); } - .xl\:-mt-64 { - margin-top: -16rem; + .xl\:placeholder-Success-success::placeholder { + color: var(--success-success, #5bb14d); } - .xl\:-mt-72 { - margin-top: -18rem; + .xl\:placeholder-Success-success\ -100::-moz-placeholder { + color: var(--success-success-100, #8cc882); } - .xl\:-mt-80 { - margin-top: -20rem; + .xl\:placeholder-Success-success\ -100::placeholder { + color: var(--success-success-100, #8cc882); } - .xl\:-mt-96 { - margin-top: -24rem; + .xl\:placeholder-Success-success\ -200::-moz-placeholder { + color: var(--success-success-200, #add8a6); } - .xl\:-mt-px { - margin-top: -1px; + .xl\:placeholder-Success-success\ -200::placeholder { + color: var(--success-success-200, #add8a6); } - .xl\:-mt-0\.5 { - margin-top: -0.125rem; + .xl\:placeholder-Success-success\ -300::-moz-placeholder { + color: var(--success-success-300, #66a25c); } - .xl\:-mt-1\.5 { - margin-top: -0.375rem; + .xl\:placeholder-Success-success\ -300::placeholder { + color: var(--success-success-300, #66a25c); } - .xl\:-mt-2\.5 { - margin-top: -0.625rem; + .xl\:placeholder-Success-success\ -400::-moz-placeholder { + color: var(--success-success-400, #6d9766); } - .xl\:-mt-3\.5 { - margin-top: -0.875rem; + .xl\:placeholder-Success-success\ -400::placeholder { + color: var(--success-success-400, #6d9766); } - .xl\:mr-0 { - margin-right: 0px; + .xl\:placeholder-Success-success\ -500::-moz-placeholder { + color: var(--success-success-500, #529f45); } - .xl\:mr-1 { - margin-right: 0.25rem; + .xl\:placeholder-Success-success\ -500::placeholder { + color: var(--success-success-500, #529f45); } - .xl\:mr-2 { - margin-right: 0.5rem; + .xl\:placeholder-Success-success\ -600::-moz-placeholder { + color: var(--success-success-600, #407c36); } - .xl\:mr-3 { - margin-right: 0.75rem; + .xl\:placeholder-Success-success\ -600::placeholder { + color: var(--success-success-600, #407c36); } - .xl\:mr-4 { - margin-right: 1rem; + .xl\:placeholder-Error-error::-moz-placeholder { + color: var(--error-error, #f03d3e); } - .xl\:mr-5 { - margin-right: 1.25rem; + .xl\:placeholder-Error-error::placeholder { + color: var(--error-error, #f03d3e); } - .xl\:mr-6 { - margin-right: 1.5rem; + .xl\:placeholder-Error-error-100::-moz-placeholder { + color: var(--error-error-100, #f57778); } - .xl\:mr-7 { - margin-right: 1.75rem; + .xl\:placeholder-Error-error-100::placeholder { + color: var(--error-error-100, #f57778); } - .xl\:mr-8 { - margin-right: 2rem; + .xl\:placeholder-Error-error-200::-moz-placeholder { + color: var(--error-error-200, #f89e9e); } - .xl\:mr-9 { - margin-right: 2.25rem; + .xl\:placeholder-Error-error-200::placeholder { + color: var(--error-error-200, #f89e9e); } - .xl\:mr-10 { - margin-right: 2.5rem; + .xl\:placeholder-Error-error-250::-moz-placeholder { + color: var(--error-error-250, #f9c8c8); } - .xl\:mr-11 { - margin-right: 2.75rem; + .xl\:placeholder-Error-error-250::placeholder { + color: var(--error-error-250, #f9c8c8); } - .xl\:mr-12 { - margin-right: 3rem; + .xl\:placeholder-Error-error-300::-moz-placeholder { + color: var(--error-error-300, #ce5151); } - .xl\:mr-14 { - margin-right: 3.5rem; + .xl\:placeholder-Error-error-300::placeholder { + color: var(--error-error-300, #ce5151); } - .xl\:mr-16 { - margin-right: 4rem; + .xl\:placeholder-Error-error-400::-moz-placeholder { + color: var(--error-error-400, #b85e5e); } - .xl\:mr-20 { - margin-right: 5rem; + .xl\:placeholder-Error-error-400::placeholder { + color: var(--error-error-400, #b85e5e); } - .xl\:mr-24 { - margin-right: 6rem; + .xl\:placeholder-Error-error-500::-moz-placeholder { + color: var(--error-error-500, #d83738); } - .xl\:mr-28 { - margin-right: 7rem; + .xl\:placeholder-Error-error-500::placeholder { + color: var(--error-error-500, #d83738); } - .xl\:mr-32 { - margin-right: 8rem; + .xl\:placeholder-Error-error-600::-moz-placeholder { + color: var(--error-error-600, #a82b2b); } - .xl\:mr-36 { - margin-right: 9rem; + .xl\:placeholder-Error-error-600::placeholder { + color: var(--error-error-600, #a82b2b); } - .xl\:mr-40 { - margin-right: 10rem; + .xl\:placeholder-Error-error-700::-moz-placeholder { + color: var(--error-error-700, #601819); } - .xl\:mr-44 { - margin-right: 11rem; + .xl\:placeholder-Error-error-700::placeholder { + color: var(--error-error-700, #601819); } - .xl\:mr-48 { - margin-right: 12rem; + .xl\:focus\:placeholder-colors-black:focus::-moz-placeholder { + color: var(--colors-black, #000000); } - .xl\:mr-52 { - margin-right: 13rem; + .xl\:focus\:placeholder-colors-black:focus::placeholder { + color: var(--colors-black, #000000); } - .xl\:mr-56 { - margin-right: 14rem; + .xl\:focus\:placeholder-colors-white:focus::-moz-placeholder { + color: var(--colors-white, #ffffff); } - .xl\:mr-60 { - margin-right: 15rem; + .xl\:focus\:placeholder-colors-white:focus::placeholder { + color: var(--colors-white, #ffffff); } - .xl\:mr-64 { - margin-right: 16rem; + .xl\:focus\:placeholder-colors-gray-100:focus::-moz-placeholder { + color: var(--colors-gray-100, #f7fafc); } - .xl\:mr-72 { - margin-right: 18rem; + .xl\:focus\:placeholder-colors-gray-100:focus::placeholder { + color: var(--colors-gray-100, #f7fafc); } - .xl\:mr-80 { - margin-right: 20rem; + .xl\:focus\:placeholder-colors-gray-200:focus::-moz-placeholder { + color: var(--colors-gray-200, #edf2f7); } - .xl\:mr-96 { - margin-right: 24rem; + .xl\:focus\:placeholder-colors-gray-200:focus::placeholder { + color: var(--colors-gray-200, #edf2f7); } - .xl\:mr-auto { - margin-right: auto; + .xl\:focus\:placeholder-colors-gray-300:focus::-moz-placeholder { + color: var(--colors-gray-300, #e2e8f0); } - .xl\:mr-px { - margin-right: 1px; + .xl\:focus\:placeholder-colors-gray-300:focus::placeholder { + color: var(--colors-gray-300, #e2e8f0); } - .xl\:mr-0\.5 { - margin-right: 0.125rem; + .xl\:focus\:placeholder-colors-gray-400:focus::-moz-placeholder { + color: var(--colors-gray-400, #cbd5e0); } - .xl\:mr-1\.5 { - margin-right: 0.375rem; + .xl\:focus\:placeholder-colors-gray-400:focus::placeholder { + color: var(--colors-gray-400, #cbd5e0); } - .xl\:mr-2\.5 { - margin-right: 0.625rem; + .xl\:focus\:placeholder-colors-gray-500:focus::-moz-placeholder { + color: var(--colors-gray-500, #a0aec0); } - .xl\:mr-3\.5 { - margin-right: 0.875rem; + .xl\:focus\:placeholder-colors-gray-500:focus::placeholder { + color: var(--colors-gray-500, #a0aec0); } - .xl\:-mr-0 { - margin-right: 0px; + .xl\:focus\:placeholder-colors-gray-600:focus::-moz-placeholder { + color: var(--colors-gray-600, #718096); } - .xl\:-mr-1 { - margin-right: -0.25rem; + .xl\:focus\:placeholder-colors-gray-600:focus::placeholder { + color: var(--colors-gray-600, #718096); } - .xl\:-mr-2 { - margin-right: -0.5rem; + .xl\:focus\:placeholder-colors-gray-700:focus::-moz-placeholder { + color: var(--colors-gray-700, #4a5568); } - .xl\:-mr-3 { - margin-right: -0.75rem; + .xl\:focus\:placeholder-colors-gray-700:focus::placeholder { + color: var(--colors-gray-700, #4a5568); } - .xl\:-mr-4 { - margin-right: -1rem; + .xl\:focus\:placeholder-colors-gray-800:focus::-moz-placeholder { + color: var(--colors-gray-800, #2d3748); } - .xl\:-mr-5 { - margin-right: -1.25rem; + .xl\:focus\:placeholder-colors-gray-800:focus::placeholder { + color: var(--colors-gray-800, #2d3748); } - .xl\:-mr-6 { - margin-right: -1.5rem; + .xl\:focus\:placeholder-colors-gray-900:focus::-moz-placeholder { + color: var(--colors-gray-900, #1a202c); } - .xl\:-mr-7 { - margin-right: -1.75rem; + .xl\:focus\:placeholder-colors-gray-900:focus::placeholder { + color: var(--colors-gray-900, #1a202c); } - .xl\:-mr-8 { - margin-right: -2rem; + .xl\:focus\:placeholder-colors-red-100:focus::-moz-placeholder { + color: var(--colors-red-100, #fff5f5); } - .xl\:-mr-9 { - margin-right: -2.25rem; + .xl\:focus\:placeholder-colors-red-100:focus::placeholder { + color: var(--colors-red-100, #fff5f5); } - .xl\:-mr-10 { - margin-right: -2.5rem; + .xl\:focus\:placeholder-colors-red-200:focus::-moz-placeholder { + color: var(--colors-red-200, #fed7d7); } - .xl\:-mr-11 { - margin-right: -2.75rem; + .xl\:focus\:placeholder-colors-red-200:focus::placeholder { + color: var(--colors-red-200, #fed7d7); } - .xl\:-mr-12 { - margin-right: -3rem; + .xl\:focus\:placeholder-colors-red-300:focus::-moz-placeholder { + color: var(--colors-red-300, #feb2b2); } - .xl\:-mr-14 { - margin-right: -3.5rem; + .xl\:focus\:placeholder-colors-red-300:focus::placeholder { + color: var(--colors-red-300, #feb2b2); } - .xl\:-mr-16 { - margin-right: -4rem; + .xl\:focus\:placeholder-colors-red-400:focus::-moz-placeholder { + color: var(--colors-red-400, #fc8181); } - .xl\:-mr-20 { - margin-right: -5rem; + .xl\:focus\:placeholder-colors-red-400:focus::placeholder { + color: var(--colors-red-400, #fc8181); } - .xl\:-mr-24 { - margin-right: -6rem; + .xl\:focus\:placeholder-colors-red-500:focus::-moz-placeholder { + color: var(--colors-red-500, #f56565); } - .xl\:-mr-28 { - margin-right: -7rem; + .xl\:focus\:placeholder-colors-red-500:focus::placeholder { + color: var(--colors-red-500, #f56565); } - .xl\:-mr-32 { - margin-right: -8rem; + .xl\:focus\:placeholder-colors-red-600:focus::-moz-placeholder { + color: var(--colors-red-600, #e53e3e); } - .xl\:-mr-36 { - margin-right: -9rem; + .xl\:focus\:placeholder-colors-red-600:focus::placeholder { + color: var(--colors-red-600, #e53e3e); } - .xl\:-mr-40 { - margin-right: -10rem; + .xl\:focus\:placeholder-colors-red-700:focus::-moz-placeholder { + color: var(--colors-red-700, #c53030); } - .xl\:-mr-44 { - margin-right: -11rem; + .xl\:focus\:placeholder-colors-red-700:focus::placeholder { + color: var(--colors-red-700, #c53030); } - .xl\:-mr-48 { - margin-right: -12rem; + .xl\:focus\:placeholder-colors-red-800:focus::-moz-placeholder { + color: var(--colors-red-800, #9b2c2c); } - .xl\:-mr-52 { - margin-right: -13rem; + .xl\:focus\:placeholder-colors-red-800:focus::placeholder { + color: var(--colors-red-800, #9b2c2c); } - .xl\:-mr-56 { - margin-right: -14rem; + .xl\:focus\:placeholder-colors-red-900:focus::-moz-placeholder { + color: var(--colors-red-900, #742a2a); } - .xl\:-mr-60 { - margin-right: -15rem; + .xl\:focus\:placeholder-colors-red-900:focus::placeholder { + color: var(--colors-red-900, #742a2a); } - .xl\:-mr-64 { - margin-right: -16rem; + .xl\:focus\:placeholder-colors-orange-100:focus::-moz-placeholder { + color: var(--colors-orange-100, #fffaf0); } - .xl\:-mr-72 { - margin-right: -18rem; + .xl\:focus\:placeholder-colors-orange-100:focus::placeholder { + color: var(--colors-orange-100, #fffaf0); } - .xl\:-mr-80 { - margin-right: -20rem; + .xl\:focus\:placeholder-colors-orange-200:focus::-moz-placeholder { + color: var(--colors-orange-200, #feebc8); } - .xl\:-mr-96 { - margin-right: -24rem; + .xl\:focus\:placeholder-colors-orange-200:focus::placeholder { + color: var(--colors-orange-200, #feebc8); } - .xl\:-mr-px { - margin-right: -1px; + .xl\:focus\:placeholder-colors-orange-300:focus::-moz-placeholder { + color: var(--colors-orange-300, #fbd38d); } - .xl\:-mr-0\.5 { - margin-right: -0.125rem; + .xl\:focus\:placeholder-colors-orange-300:focus::placeholder { + color: var(--colors-orange-300, #fbd38d); } - .xl\:-mr-1\.5 { - margin-right: -0.375rem; + .xl\:focus\:placeholder-colors-orange-400:focus::-moz-placeholder { + color: var(--colors-orange-400, #f6ad55); } - .xl\:-mr-2\.5 { - margin-right: -0.625rem; + .xl\:focus\:placeholder-colors-orange-400:focus::placeholder { + color: var(--colors-orange-400, #f6ad55); } - .xl\:-mr-3\.5 { - margin-right: -0.875rem; + .xl\:focus\:placeholder-colors-orange-500:focus::-moz-placeholder { + color: var(--colors-orange-500, #ed8936); } - .xl\:mb-0 { - margin-bottom: 0px; + .xl\:focus\:placeholder-colors-orange-500:focus::placeholder { + color: var(--colors-orange-500, #ed8936); } - .xl\:mb-1 { - margin-bottom: 0.25rem; + .xl\:focus\:placeholder-colors-orange-600:focus::-moz-placeholder { + color: var(--colors-orange-600, #dd6b20); } - .xl\:mb-2 { - margin-bottom: 0.5rem; + .xl\:focus\:placeholder-colors-orange-600:focus::placeholder { + color: var(--colors-orange-600, #dd6b20); } - .xl\:mb-3 { - margin-bottom: 0.75rem; + .xl\:focus\:placeholder-colors-orange-700:focus::-moz-placeholder { + color: var(--colors-orange-700, #c05621); } - .xl\:mb-4 { - margin-bottom: 1rem; + .xl\:focus\:placeholder-colors-orange-700:focus::placeholder { + color: var(--colors-orange-700, #c05621); } - .xl\:mb-5 { - margin-bottom: 1.25rem; + .xl\:focus\:placeholder-colors-orange-800:focus::-moz-placeholder { + color: var(--colors-orange-800, #9c4221); } - .xl\:mb-6 { - margin-bottom: 1.5rem; + .xl\:focus\:placeholder-colors-orange-800:focus::placeholder { + color: var(--colors-orange-800, #9c4221); } - .xl\:mb-7 { - margin-bottom: 1.75rem; + .xl\:focus\:placeholder-colors-orange-900:focus::-moz-placeholder { + color: var(--colors-orange-900, #7b341e); } - .xl\:mb-8 { - margin-bottom: 2rem; + .xl\:focus\:placeholder-colors-orange-900:focus::placeholder { + color: var(--colors-orange-900, #7b341e); } - .xl\:mb-9 { - margin-bottom: 2.25rem; + .xl\:focus\:placeholder-colors-yellow-100:focus::-moz-placeholder { + color: var(--colors-yellow-100, #fffff0); } - .xl\:mb-10 { - margin-bottom: 2.5rem; + .xl\:focus\:placeholder-colors-yellow-100:focus::placeholder { + color: var(--colors-yellow-100, #fffff0); } - .xl\:mb-11 { - margin-bottom: 2.75rem; + .xl\:focus\:placeholder-colors-yellow-200:focus::-moz-placeholder { + color: var(--colors-yellow-200, #fefcbf); } - .xl\:mb-12 { - margin-bottom: 3rem; + .xl\:focus\:placeholder-colors-yellow-200:focus::placeholder { + color: var(--colors-yellow-200, #fefcbf); } - .xl\:mb-14 { - margin-bottom: 3.5rem; + .xl\:focus\:placeholder-colors-yellow-300:focus::-moz-placeholder { + color: var(--colors-yellow-300, #faf089); } - .xl\:mb-16 { - margin-bottom: 4rem; + .xl\:focus\:placeholder-colors-yellow-300:focus::placeholder { + color: var(--colors-yellow-300, #faf089); } - .xl\:mb-20 { - margin-bottom: 5rem; + .xl\:focus\:placeholder-colors-yellow-400:focus::-moz-placeholder { + color: var(--colors-yellow-400, #f6e05e); } - .xl\:mb-24 { - margin-bottom: 6rem; + .xl\:focus\:placeholder-colors-yellow-400:focus::placeholder { + color: var(--colors-yellow-400, #f6e05e); } - .xl\:mb-28 { - margin-bottom: 7rem; + .xl\:focus\:placeholder-colors-yellow-500:focus::-moz-placeholder { + color: var(--colors-yellow-500, #ecc94b); } - .xl\:mb-32 { - margin-bottom: 8rem; + .xl\:focus\:placeholder-colors-yellow-500:focus::placeholder { + color: var(--colors-yellow-500, #ecc94b); } - .xl\:mb-36 { - margin-bottom: 9rem; + .xl\:focus\:placeholder-colors-yellow-600:focus::-moz-placeholder { + color: var(--colors-yellow-600, #d69e2e); } - .xl\:mb-40 { - margin-bottom: 10rem; + .xl\:focus\:placeholder-colors-yellow-600:focus::placeholder { + color: var(--colors-yellow-600, #d69e2e); } - .xl\:mb-44 { - margin-bottom: 11rem; + .xl\:focus\:placeholder-colors-yellow-700:focus::-moz-placeholder { + color: var(--colors-yellow-700, #b7791f); } - .xl\:mb-48 { - margin-bottom: 12rem; + .xl\:focus\:placeholder-colors-yellow-700:focus::placeholder { + color: var(--colors-yellow-700, #b7791f); } - .xl\:mb-52 { - margin-bottom: 13rem; + .xl\:focus\:placeholder-colors-yellow-800:focus::-moz-placeholder { + color: var(--colors-yellow-800, #975a16); } - .xl\:mb-56 { - margin-bottom: 14rem; + .xl\:focus\:placeholder-colors-yellow-800:focus::placeholder { + color: var(--colors-yellow-800, #975a16); } - .xl\:mb-60 { - margin-bottom: 15rem; + .xl\:focus\:placeholder-colors-yellow-900:focus::-moz-placeholder { + color: var(--colors-yellow-900, #744210); } - .xl\:mb-64 { - margin-bottom: 16rem; + .xl\:focus\:placeholder-colors-yellow-900:focus::placeholder { + color: var(--colors-yellow-900, #744210); } - .xl\:mb-72 { - margin-bottom: 18rem; + .xl\:focus\:placeholder-colors-green-100:focus::-moz-placeholder { + color: var(--colors-green-100, #f0fff4); } - .xl\:mb-80 { - margin-bottom: 20rem; + .xl\:focus\:placeholder-colors-green-100:focus::placeholder { + color: var(--colors-green-100, #f0fff4); } - .xl\:mb-96 { - margin-bottom: 24rem; + .xl\:focus\:placeholder-colors-green-200:focus::-moz-placeholder { + color: var(--colors-green-200, #c6f6d5); } - .xl\:mb-auto { - margin-bottom: auto; + .xl\:focus\:placeholder-colors-green-200:focus::placeholder { + color: var(--colors-green-200, #c6f6d5); } - .xl\:mb-px { - margin-bottom: 1px; + .xl\:focus\:placeholder-colors-green-300:focus::-moz-placeholder { + color: var(--colors-green-300, #9ae6b4); } - .xl\:mb-0\.5 { - margin-bottom: 0.125rem; + .xl\:focus\:placeholder-colors-green-300:focus::placeholder { + color: var(--colors-green-300, #9ae6b4); } - .xl\:mb-1\.5 { - margin-bottom: 0.375rem; + .xl\:focus\:placeholder-colors-green-400:focus::-moz-placeholder { + color: var(--colors-green-400, #68d391); } - .xl\:mb-2\.5 { - margin-bottom: 0.625rem; + .xl\:focus\:placeholder-colors-green-400:focus::placeholder { + color: var(--colors-green-400, #68d391); } - .xl\:mb-3\.5 { - margin-bottom: 0.875rem; + .xl\:focus\:placeholder-colors-green-500:focus::-moz-placeholder { + color: var(--colors-green-500, #48bb78); } - .xl\:-mb-0 { - margin-bottom: 0px; + .xl\:focus\:placeholder-colors-green-500:focus::placeholder { + color: var(--colors-green-500, #48bb78); } - .xl\:-mb-1 { - margin-bottom: -0.25rem; + .xl\:focus\:placeholder-colors-green-600:focus::-moz-placeholder { + color: var(--colors-green-600, #38a169); } - .xl\:-mb-2 { - margin-bottom: -0.5rem; + .xl\:focus\:placeholder-colors-green-600:focus::placeholder { + color: var(--colors-green-600, #38a169); } - .xl\:-mb-3 { - margin-bottom: -0.75rem; + .xl\:focus\:placeholder-colors-green-700:focus::-moz-placeholder { + color: var(--colors-green-700, #2f855a); } - .xl\:-mb-4 { - margin-bottom: -1rem; + .xl\:focus\:placeholder-colors-green-700:focus::placeholder { + color: var(--colors-green-700, #2f855a); } - .xl\:-mb-5 { - margin-bottom: -1.25rem; + .xl\:focus\:placeholder-colors-green-800:focus::-moz-placeholder { + color: var(--colors-green-800, #276749); } - .xl\:-mb-6 { - margin-bottom: -1.5rem; + .xl\:focus\:placeholder-colors-green-800:focus::placeholder { + color: var(--colors-green-800, #276749); } - .xl\:-mb-7 { - margin-bottom: -1.75rem; + .xl\:focus\:placeholder-colors-green-900:focus::-moz-placeholder { + color: var(--colors-green-900, #22543d); } - .xl\:-mb-8 { - margin-bottom: -2rem; + .xl\:focus\:placeholder-colors-green-900:focus::placeholder { + color: var(--colors-green-900, #22543d); } - .xl\:-mb-9 { - margin-bottom: -2.25rem; + .xl\:focus\:placeholder-colors-teal-100:focus::-moz-placeholder { + color: var(--colors-teal-100, #e6fffa); } - .xl\:-mb-10 { - margin-bottom: -2.5rem; + .xl\:focus\:placeholder-colors-teal-100:focus::placeholder { + color: var(--colors-teal-100, #e6fffa); } - .xl\:-mb-11 { - margin-bottom: -2.75rem; + .xl\:focus\:placeholder-colors-teal-200:focus::-moz-placeholder { + color: var(--colors-teal-200, #b2f5ea); } - .xl\:-mb-12 { - margin-bottom: -3rem; + .xl\:focus\:placeholder-colors-teal-200:focus::placeholder { + color: var(--colors-teal-200, #b2f5ea); } - .xl\:-mb-14 { - margin-bottom: -3.5rem; + .xl\:focus\:placeholder-colors-teal-300:focus::-moz-placeholder { + color: var(--colors-teal-300, #81e6d9); } - .xl\:-mb-16 { - margin-bottom: -4rem; + .xl\:focus\:placeholder-colors-teal-300:focus::placeholder { + color: var(--colors-teal-300, #81e6d9); } - .xl\:-mb-20 { - margin-bottom: -5rem; + .xl\:focus\:placeholder-colors-teal-400:focus::-moz-placeholder { + color: var(--colors-teal-400, #4fd1c5); } - .xl\:-mb-24 { - margin-bottom: -6rem; + .xl\:focus\:placeholder-colors-teal-400:focus::placeholder { + color: var(--colors-teal-400, #4fd1c5); } - .xl\:-mb-28 { - margin-bottom: -7rem; + .xl\:focus\:placeholder-colors-teal-500:focus::-moz-placeholder { + color: var(--colors-teal-500, #38b2ac); } - .xl\:-mb-32 { - margin-bottom: -8rem; + .xl\:focus\:placeholder-colors-teal-500:focus::placeholder { + color: var(--colors-teal-500, #38b2ac); } - .xl\:-mb-36 { - margin-bottom: -9rem; + .xl\:focus\:placeholder-colors-teal-600:focus::-moz-placeholder { + color: var(--colors-teal-600, #319795); } - .xl\:-mb-40 { - margin-bottom: -10rem; + .xl\:focus\:placeholder-colors-teal-600:focus::placeholder { + color: var(--colors-teal-600, #319795); } - .xl\:-mb-44 { - margin-bottom: -11rem; + .xl\:focus\:placeholder-colors-teal-700:focus::-moz-placeholder { + color: var(--colors-teal-700, #2c7a7b); } - .xl\:-mb-48 { - margin-bottom: -12rem; + .xl\:focus\:placeholder-colors-teal-700:focus::placeholder { + color: var(--colors-teal-700, #2c7a7b); } - .xl\:-mb-52 { - margin-bottom: -13rem; + .xl\:focus\:placeholder-colors-teal-800:focus::-moz-placeholder { + color: var(--colors-teal-800, #285e61); } - .xl\:-mb-56 { - margin-bottom: -14rem; + .xl\:focus\:placeholder-colors-teal-800:focus::placeholder { + color: var(--colors-teal-800, #285e61); } - .xl\:-mb-60 { - margin-bottom: -15rem; + .xl\:focus\:placeholder-colors-teal-900:focus::-moz-placeholder { + color: var(--colors-teal-900, #234e52); } - .xl\:-mb-64 { - margin-bottom: -16rem; + .xl\:focus\:placeholder-colors-teal-900:focus::placeholder { + color: var(--colors-teal-900, #234e52); } - .xl\:-mb-72 { - margin-bottom: -18rem; + .xl\:focus\:placeholder-colors-blue-100:focus::-moz-placeholder { + color: var(--colors-blue-100, #ebf8ff); } - .xl\:-mb-80 { - margin-bottom: -20rem; + .xl\:focus\:placeholder-colors-blue-100:focus::placeholder { + color: var(--colors-blue-100, #ebf8ff); } - .xl\:-mb-96 { - margin-bottom: -24rem; + .xl\:focus\:placeholder-colors-blue-200:focus::-moz-placeholder { + color: var(--colors-blue-200, #bee3f8); } - .xl\:-mb-px { - margin-bottom: -1px; + .xl\:focus\:placeholder-colors-blue-200:focus::placeholder { + color: var(--colors-blue-200, #bee3f8); } - .xl\:-mb-0\.5 { - margin-bottom: -0.125rem; + .xl\:focus\:placeholder-colors-blue-300:focus::-moz-placeholder { + color: var(--colors-blue-300, #90cdf4); } - .xl\:-mb-1\.5 { - margin-bottom: -0.375rem; + .xl\:focus\:placeholder-colors-blue-300:focus::placeholder { + color: var(--colors-blue-300, #90cdf4); } - .xl\:-mb-2\.5 { - margin-bottom: -0.625rem; + .xl\:focus\:placeholder-colors-blue-400:focus::-moz-placeholder { + color: var(--colors-blue-400, #63b3ed); } - .xl\:-mb-3\.5 { - margin-bottom: -0.875rem; + .xl\:focus\:placeholder-colors-blue-400:focus::placeholder { + color: var(--colors-blue-400, #63b3ed); } - .xl\:ml-0 { - margin-left: 0px; + .xl\:focus\:placeholder-colors-blue-500:focus::-moz-placeholder { + color: var(--colors-blue-500, #4299e1); } - .xl\:ml-1 { - margin-left: 0.25rem; + .xl\:focus\:placeholder-colors-blue-500:focus::placeholder { + color: var(--colors-blue-500, #4299e1); } - .xl\:ml-2 { - margin-left: 0.5rem; + .xl\:focus\:placeholder-colors-blue-600:focus::-moz-placeholder { + color: var(--colors-blue-600, #3182ce); } - .xl\:ml-3 { - margin-left: 0.75rem; + .xl\:focus\:placeholder-colors-blue-600:focus::placeholder { + color: var(--colors-blue-600, #3182ce); } - .xl\:ml-4 { - margin-left: 1rem; + .xl\:focus\:placeholder-colors-blue-700:focus::-moz-placeholder { + color: var(--colors-blue-700, #2b6cb0); } - .xl\:ml-5 { - margin-left: 1.25rem; + .xl\:focus\:placeholder-colors-blue-700:focus::placeholder { + color: var(--colors-blue-700, #2b6cb0); } - .xl\:ml-6 { - margin-left: 1.5rem; + .xl\:focus\:placeholder-colors-blue-800:focus::-moz-placeholder { + color: var(--colors-blue-800, #2c5282); } - .xl\:ml-7 { - margin-left: 1.75rem; + .xl\:focus\:placeholder-colors-blue-800:focus::placeholder { + color: var(--colors-blue-800, #2c5282); } - .xl\:ml-8 { - margin-left: 2rem; + .xl\:focus\:placeholder-colors-blue-900:focus::-moz-placeholder { + color: var(--colors-blue-900, #2a4365); } - .xl\:ml-9 { - margin-left: 2.25rem; + .xl\:focus\:placeholder-colors-blue-900:focus::placeholder { + color: var(--colors-blue-900, #2a4365); } - .xl\:ml-10 { - margin-left: 2.5rem; + .xl\:focus\:placeholder-colors-indigo-100:focus::-moz-placeholder { + color: var(--colors-indigo-100, #ebf4ff); } - .xl\:ml-11 { - margin-left: 2.75rem; + .xl\:focus\:placeholder-colors-indigo-100:focus::placeholder { + color: var(--colors-indigo-100, #ebf4ff); } - .xl\:ml-12 { - margin-left: 3rem; + .xl\:focus\:placeholder-colors-indigo-200:focus::-moz-placeholder { + color: var(--colors-indigo-200, #c3dafe); } - .xl\:ml-14 { - margin-left: 3.5rem; + .xl\:focus\:placeholder-colors-indigo-200:focus::placeholder { + color: var(--colors-indigo-200, #c3dafe); } - .xl\:ml-16 { - margin-left: 4rem; + .xl\:focus\:placeholder-colors-indigo-300:focus::-moz-placeholder { + color: var(--colors-indigo-300, #a3bffa); } - .xl\:ml-20 { - margin-left: 5rem; + .xl\:focus\:placeholder-colors-indigo-300:focus::placeholder { + color: var(--colors-indigo-300, #a3bffa); } - .xl\:ml-24 { - margin-left: 6rem; + .xl\:focus\:placeholder-colors-indigo-400:focus::-moz-placeholder { + color: var(--colors-indigo-400, #7f9cf5); } - .xl\:ml-28 { - margin-left: 7rem; + .xl\:focus\:placeholder-colors-indigo-400:focus::placeholder { + color: var(--colors-indigo-400, #7f9cf5); } - .xl\:ml-32 { - margin-left: 8rem; + .xl\:focus\:placeholder-colors-indigo-500:focus::-moz-placeholder { + color: var(--colors-indigo-500, #667eea); } - .xl\:ml-36 { - margin-left: 9rem; + .xl\:focus\:placeholder-colors-indigo-500:focus::placeholder { + color: var(--colors-indigo-500, #667eea); } - .xl\:ml-40 { - margin-left: 10rem; + .xl\:focus\:placeholder-colors-indigo-600:focus::-moz-placeholder { + color: var(--colors-indigo-600, #5a67d8); } - .xl\:ml-44 { - margin-left: 11rem; + .xl\:focus\:placeholder-colors-indigo-600:focus::placeholder { + color: var(--colors-indigo-600, #5a67d8); } - .xl\:ml-48 { - margin-left: 12rem; + .xl\:focus\:placeholder-colors-indigo-700:focus::-moz-placeholder { + color: var(--colors-indigo-700, #4c51bf); } - .xl\:ml-52 { - margin-left: 13rem; + .xl\:focus\:placeholder-colors-indigo-700:focus::placeholder { + color: var(--colors-indigo-700, #4c51bf); } - .xl\:ml-56 { - margin-left: 14rem; + .xl\:focus\:placeholder-colors-indigo-800:focus::-moz-placeholder { + color: var(--colors-indigo-800, #434190); } - .xl\:ml-60 { - margin-left: 15rem; + .xl\:focus\:placeholder-colors-indigo-800:focus::placeholder { + color: var(--colors-indigo-800, #434190); } - .xl\:ml-64 { - margin-left: 16rem; + .xl\:focus\:placeholder-colors-indigo-900:focus::-moz-placeholder { + color: var(--colors-indigo-900, #3c366b); } - .xl\:ml-72 { - margin-left: 18rem; + .xl\:focus\:placeholder-colors-indigo-900:focus::placeholder { + color: var(--colors-indigo-900, #3c366b); } - .xl\:ml-80 { - margin-left: 20rem; + .xl\:focus\:placeholder-colors-purple-100:focus::-moz-placeholder { + color: var(--colors-purple-100, #faf5ff); } - .xl\:ml-96 { - margin-left: 24rem; + .xl\:focus\:placeholder-colors-purple-100:focus::placeholder { + color: var(--colors-purple-100, #faf5ff); } - .xl\:ml-auto { - margin-left: auto; + .xl\:focus\:placeholder-colors-purple-200:focus::-moz-placeholder { + color: var(--colors-purple-200, #e9d8fd); } - .xl\:ml-px { - margin-left: 1px; + .xl\:focus\:placeholder-colors-purple-200:focus::placeholder { + color: var(--colors-purple-200, #e9d8fd); } - .xl\:ml-0\.5 { - margin-left: 0.125rem; + .xl\:focus\:placeholder-colors-purple-300:focus::-moz-placeholder { + color: var(--colors-purple-300, #d6bcfa); } - .xl\:ml-1\.5 { - margin-left: 0.375rem; + .xl\:focus\:placeholder-colors-purple-300:focus::placeholder { + color: var(--colors-purple-300, #d6bcfa); } - .xl\:ml-2\.5 { - margin-left: 0.625rem; + .xl\:focus\:placeholder-colors-purple-400:focus::-moz-placeholder { + color: var(--colors-purple-400, #b794f4); } - .xl\:ml-3\.5 { - margin-left: 0.875rem; + .xl\:focus\:placeholder-colors-purple-400:focus::placeholder { + color: var(--colors-purple-400, #b794f4); } - .xl\:-ml-0 { - margin-left: 0px; + .xl\:focus\:placeholder-colors-purple-500:focus::-moz-placeholder { + color: var(--colors-purple-500, #9f7aea); } - .xl\:-ml-1 { - margin-left: -0.25rem; + .xl\:focus\:placeholder-colors-purple-500:focus::placeholder { + color: var(--colors-purple-500, #9f7aea); } - .xl\:-ml-2 { - margin-left: -0.5rem; + .xl\:focus\:placeholder-colors-purple-600:focus::-moz-placeholder { + color: var(--colors-purple-600, #805ad5); } - .xl\:-ml-3 { - margin-left: -0.75rem; + .xl\:focus\:placeholder-colors-purple-600:focus::placeholder { + color: var(--colors-purple-600, #805ad5); } - .xl\:-ml-4 { - margin-left: -1rem; + .xl\:focus\:placeholder-colors-purple-700:focus::-moz-placeholder { + color: var(--colors-purple-700, #6b46c1); } - .xl\:-ml-5 { - margin-left: -1.25rem; + .xl\:focus\:placeholder-colors-purple-700:focus::placeholder { + color: var(--colors-purple-700, #6b46c1); } - .xl\:-ml-6 { - margin-left: -1.5rem; + .xl\:focus\:placeholder-colors-purple-800:focus::-moz-placeholder { + color: var(--colors-purple-800, #553c9a); } - .xl\:-ml-7 { - margin-left: -1.75rem; + .xl\:focus\:placeholder-colors-purple-800:focus::placeholder { + color: var(--colors-purple-800, #553c9a); } - .xl\:-ml-8 { - margin-left: -2rem; + .xl\:focus\:placeholder-colors-purple-900:focus::-moz-placeholder { + color: var(--colors-purple-900, #44337a); } - .xl\:-ml-9 { - margin-left: -2.25rem; + .xl\:focus\:placeholder-colors-purple-900:focus::placeholder { + color: var(--colors-purple-900, #44337a); } - .xl\:-ml-10 { - margin-left: -2.5rem; + .xl\:focus\:placeholder-colors-pink-100:focus::-moz-placeholder { + color: var(--colors-pink-100, #fff5f7); } - .xl\:-ml-11 { - margin-left: -2.75rem; + .xl\:focus\:placeholder-colors-pink-100:focus::placeholder { + color: var(--colors-pink-100, #fff5f7); } - .xl\:-ml-12 { - margin-left: -3rem; + .xl\:focus\:placeholder-colors-pink-200:focus::-moz-placeholder { + color: var(--colors-pink-200, #fed7e2); } - .xl\:-ml-14 { - margin-left: -3.5rem; + .xl\:focus\:placeholder-colors-pink-200:focus::placeholder { + color: var(--colors-pink-200, #fed7e2); } - .xl\:-ml-16 { - margin-left: -4rem; + .xl\:focus\:placeholder-colors-pink-300:focus::-moz-placeholder { + color: var(--colors-pink-300, #fbb6ce); } - .xl\:-ml-20 { - margin-left: -5rem; + .xl\:focus\:placeholder-colors-pink-300:focus::placeholder { + color: var(--colors-pink-300, #fbb6ce); } - .xl\:-ml-24 { - margin-left: -6rem; + .xl\:focus\:placeholder-colors-pink-400:focus::-moz-placeholder { + color: var(--colors-pink-400, #f687b3); } - .xl\:-ml-28 { - margin-left: -7rem; + .xl\:focus\:placeholder-colors-pink-400:focus::placeholder { + color: var(--colors-pink-400, #f687b3); } - .xl\:-ml-32 { - margin-left: -8rem; + .xl\:focus\:placeholder-colors-pink-500:focus::-moz-placeholder { + color: var(--colors-pink-500, #ed64a6); } - .xl\:-ml-36 { - margin-left: -9rem; + .xl\:focus\:placeholder-colors-pink-500:focus::placeholder { + color: var(--colors-pink-500, #ed64a6); } - .xl\:-ml-40 { - margin-left: -10rem; + .xl\:focus\:placeholder-colors-pink-600:focus::-moz-placeholder { + color: var(--colors-pink-600, #d53f8c); } - .xl\:-ml-44 { - margin-left: -11rem; + .xl\:focus\:placeholder-colors-pink-600:focus::placeholder { + color: var(--colors-pink-600, #d53f8c); } - .xl\:-ml-48 { - margin-left: -12rem; + .xl\:focus\:placeholder-colors-pink-700:focus::-moz-placeholder { + color: var(--colors-pink-700, #b83280); } - .xl\:-ml-52 { - margin-left: -13rem; + .xl\:focus\:placeholder-colors-pink-700:focus::placeholder { + color: var(--colors-pink-700, #b83280); } - .xl\:-ml-56 { - margin-left: -14rem; + .xl\:focus\:placeholder-colors-pink-800:focus::-moz-placeholder { + color: var(--colors-pink-800, #97266d); } - .xl\:-ml-60 { - margin-left: -15rem; + .xl\:focus\:placeholder-colors-pink-800:focus::placeholder { + color: var(--colors-pink-800, #97266d); } - .xl\:-ml-64 { - margin-left: -16rem; + .xl\:focus\:placeholder-colors-pink-900:focus::-moz-placeholder { + color: var(--colors-pink-900, #702459); } - .xl\:-ml-72 { - margin-left: -18rem; + .xl\:focus\:placeholder-colors-pink-900:focus::placeholder { + color: var(--colors-pink-900, #702459); } - .xl\:-ml-80 { - margin-left: -20rem; + .xl\:focus\:placeholder-Box\ Shadow:focus::-moz-placeholder { + color: var(--box-shadow, #7f7e7f); } - .xl\:-ml-96 { - margin-left: -24rem; + .xl\:focus\:placeholder-Box\ Shadow:focus::placeholder { + color: var(--box-shadow, #7f7e7f); } - .xl\:-ml-px { - margin-left: -1px; + .xl\:focus\:placeholder-Error16:focus::-moz-placeholder { + color: var(--error16, #f03d3e40); } - .xl\:-ml-0\.5 { - margin-left: -0.125rem; + .xl\:focus\:placeholder-Error16:focus::placeholder { + color: var(--error16, #f03d3e40); } - .xl\:-ml-1\.5 { - margin-left: -0.375rem; + .xl\:focus\:placeholder-Success16:focus::-moz-placeholder { + color: var(--success16, #5bb14d40); } - .xl\:-ml-2\.5 { - margin-left: -0.625rem; + .xl\:focus\:placeholder-Success16:focus::placeholder { + color: var(--success16, #5bb14d40); } - .xl\:-ml-3\.5 { - margin-left: -0.875rem; + .xl\:focus\:placeholder-Notification16:focus::-moz-placeholder { + color: var(--notification16, #3959ff40); } - .xl\:box-border { - box-sizing: border-box; + .xl\:focus\:placeholder-Notification16:focus::placeholder { + color: var(--notification16, #3959ff40); } - .xl\:box-content { - box-sizing: content-box; + .xl\:focus\:placeholder-Error8:focus::-moz-placeholder { + color: var(--error8, #f03d3e1a); } - .xl\:block { - display: block; + .xl\:focus\:placeholder-Error8:focus::placeholder { + color: var(--error8, #f03d3e1a); } - .xl\:inline-block { - display: inline-block; + .xl\:focus\:placeholder-Notification8:focus::-moz-placeholder { + color: var(--notification8, #3959ff1a); } - .xl\:inline { - display: inline; + .xl\:focus\:placeholder-Notification8:focus::placeholder { + color: var(--notification8, #3959ff1a); } - .xl\:flex { - display: flex; + .xl\:focus\:placeholder-Success8:focus::-moz-placeholder { + color: var(--success8, #5bb14d1a); } - .xl\:inline-flex { - display: inline-flex; + .xl\:focus\:placeholder-Success8:focus::placeholder { + color: var(--success8, #5bb14d1a); } - .xl\:table { - display: table; + .xl\:focus\:placeholder-Light\ -\ Overlay:focus::-moz-placeholder { + color: var(--light-overlay, #f0edee66); } - .xl\:inline-table { - display: inline-table; + .xl\:focus\:placeholder-Light\ -\ Overlay:focus::placeholder { + color: var(--light-overlay, #f0edee66); } - .xl\:table-caption { - display: table-caption; + .xl\:focus\:placeholder-Dark-\ Overlay:focus::-moz-placeholder { + color: var(--dark-overlay, #7f7e7f66); } - .xl\:table-cell { - display: table-cell; + .xl\:focus\:placeholder-Dark-\ Overlay:focus::placeholder { + color: var(--dark-overlay, #7f7e7f66); } - .xl\:table-column { - display: table-column; + .xl\:focus\:placeholder-black-40:focus::-moz-placeholder { + color: var(--black-40, #00000066); } - .xl\:table-column-group { - display: table-column-group; + .xl\:focus\:placeholder-black-40:focus::placeholder { + color: var(--black-40, #00000066); } - .xl\:table-footer-group { - display: table-footer-group; + .xl\:focus\:placeholder-black-75:focus::-moz-placeholder { + color: var(--black-75, #000000bf); } - .xl\:table-header-group { - display: table-header-group; + .xl\:focus\:placeholder-black-75:focus::placeholder { + color: var(--black-75, #000000bf); } - .xl\:table-row-group { - display: table-row-group; + .xl\:focus\:placeholder-black-60:focus::-moz-placeholder { + color: var(--black-60, #00000099); } - .xl\:table-row { - display: table-row; + .xl\:focus\:placeholder-black-60:focus::placeholder { + color: var(--black-60, #00000099); } - .xl\:flow-root { - display: flow-root; + .xl\:focus\:placeholder-black-50:focus::-moz-placeholder { + color: var(--black-50, #00000080); } - .xl\:grid { - display: grid; + .xl\:focus\:placeholder-black-50:focus::placeholder { + color: var(--black-50, #00000080); } - .xl\:inline-grid { - display: inline-grid; + .xl\:focus\:placeholder-black-25:focus::-moz-placeholder { + color: var(--black-25, #00000040); } - .xl\:contents { - display: contents; + .xl\:focus\:placeholder-black-25:focus::placeholder { + color: var(--black-25, #00000040); } - .xl\:list-item { - display: list-item; + .xl\:focus\:placeholder-black-10:focus::-moz-placeholder { + color: var(--black-10, #0000001a); } - .xl\:hidden { - display: none; + .xl\:focus\:placeholder-black-10:focus::placeholder { + color: var(--black-10, #0000001a); } - .xl\:h-0 { - height: 0px; + .xl\:focus\:placeholder-white-25:focus::-moz-placeholder { + color: var(--white-25, #ffffff40); } - .xl\:h-1 { - height: 0.25rem; + .xl\:focus\:placeholder-white-25:focus::placeholder { + color: var(--white-25, #ffffff40); } - .xl\:h-2 { - height: 0.5rem; + .xl\:focus\:placeholder-white-60:focus::-moz-placeholder { + color: var(--white-60, #ffffff99); } - .xl\:h-3 { - height: 0.75rem; + .xl\:focus\:placeholder-white-60:focus::placeholder { + color: var(--white-60, #ffffff99); } - .xl\:h-4 { - height: 1rem; + .xl\:focus\:placeholder-black-64:focus::-moz-placeholder { + color: var(--black-64, #000000a3); } - .xl\:h-5 { - height: 1.25rem; + .xl\:focus\:placeholder-black-64:focus::placeholder { + color: var(--black-64, #000000a3); } - .xl\:h-6 { - height: 1.5rem; + .xl\:focus\:placeholder-Shadow\ and\ Highlight-Shadow:focus::-moz-placeholder { + color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .xl\:h-7 { - height: 1.75rem; + .xl\:focus\:placeholder-Shadow\ and\ Highlight-Shadow:focus::placeholder { + color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .xl\:h-8 { - height: 2rem; + .xl\:focus\:placeholder-Shadow\ and\ Highlight-Highlight:focus::-moz-placeholder { + color: var(--shadow-and-highlight-highlight, #474747); } - .xl\:h-9 { - height: 2.25rem; + .xl\:focus\:placeholder-Shadow\ and\ Highlight-Highlight:focus::placeholder { + color: var(--shadow-and-highlight-highlight, #474747); } - .xl\:h-10 { - height: 2.5rem; + .xl\:focus\:placeholder-Shadow\ and\ Highlight-highlight\ one:focus::-moz-placeholder { + color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .xl\:h-11 { - height: 2.75rem; + .xl\:focus\:placeholder-Shadow\ and\ Highlight-highlight\ one:focus::placeholder { + color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .xl\:h-12 { - height: 3rem; + .xl\:focus\:placeholder-Shadow\ and\ Highlight-highlight\ two:focus::-moz-placeholder { + color: var(--shadow-and-highlight-highlight-two, #47474799); } - .xl\:h-14 { - height: 3.5rem; + .xl\:focus\:placeholder-Shadow\ and\ Highlight-highlight\ two:focus::placeholder { + color: var(--shadow-and-highlight-highlight-two, #47474799); } - .xl\:h-16 { - height: 4rem; + .xl\:focus\:placeholder-Shadow\ and\ Highlight-highlight\ three:focus::-moz-placeholder { + color: var(--shadow-and-highlight-highlight-three, #47474766); } - .xl\:h-20 { - height: 5rem; + .xl\:focus\:placeholder-Shadow\ and\ Highlight-highlight\ three:focus::placeholder { + color: var(--shadow-and-highlight-highlight-three, #47474766); } - .xl\:h-24 { - height: 6rem; + .xl\:focus\:placeholder-Shadow\ and\ Highlight-highlight\ five:focus::-moz-placeholder { + color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .xl\:h-28 { - height: 7rem; + .xl\:focus\:placeholder-Shadow\ and\ Highlight-highlight\ five:focus::placeholder { + color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .xl\:h-32 { - height: 8rem; + .xl\:focus\:placeholder-Shadow\ and\ Highlight-shadow\ one:focus::-moz-placeholder { + color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .xl\:h-36 { - height: 9rem; + .xl\:focus\:placeholder-Shadow\ and\ Highlight-shadow\ one:focus::placeholder { + color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .xl\:h-40 { - height: 10rem; + .xl\:focus\:placeholder-Shadow\ and\ Highlight-shadow\ two:focus::-moz-placeholder { + color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .xl\:h-44 { - height: 11rem; + .xl\:focus\:placeholder-Shadow\ and\ Highlight-shadow\ two:focus::placeholder { + color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .xl\:h-48 { - height: 12rem; + .xl\:focus\:placeholder-Shadow\ and\ Highlight-shadow\ three:focus::-moz-placeholder { + color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .xl\:h-52 { - height: 13rem; + .xl\:focus\:placeholder-Shadow\ and\ Highlight-shadow\ three:focus::placeholder { + color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .xl\:h-56 { - height: 14rem; + .xl\:focus\:placeholder-Shadow\ and\ Highlight-shadow\ four:focus::-moz-placeholder { + color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .xl\:h-60 { - height: 15rem; + .xl\:focus\:placeholder-Shadow\ and\ Highlight-shadow\ four:focus::placeholder { + color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .xl\:h-64 { - height: 16rem; + .xl\:focus\:placeholder-Shadow\ and\ Highlight-shadow\ five:focus::-moz-placeholder { + color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .xl\:h-72 { - height: 18rem; + .xl\:focus\:placeholder-Shadow\ and\ Highlight-shadow\ five:focus::placeholder { + color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .xl\:h-80 { - height: 20rem; + .xl\:focus\:placeholder-Shadow\ and\ Highlight-highlight\ four:focus::-moz-placeholder { + color: var(--shadow-and-highlight-highlight-four, #47474740); } - .xl\:h-96 { - height: 24rem; + .xl\:focus\:placeholder-Shadow\ and\ Highlight-highlight\ four:focus::placeholder { + color: var(--shadow-and-highlight-highlight-four, #47474740); } - .xl\:h-auto { - height: auto; + .xl\:focus\:placeholder-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus::-moz-placeholder { + color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .xl\:h-px { - height: 1px; + .xl\:focus\:placeholder-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus::placeholder { + color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .xl\:h-0\.5 { - height: 0.125rem; + .xl\:focus\:placeholder-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus::-moz-placeholder { + color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .xl\:h-1\.5 { - height: 0.375rem; + .xl\:focus\:placeholder-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus::placeholder { + color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .xl\:h-2\.5 { - height: 0.625rem; + .xl\:focus\:placeholder-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus::-moz-placeholder { + color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .xl\:h-3\.5 { - height: 0.875rem; + .xl\:focus\:placeholder-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus::placeholder { + color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .xl\:h-1\/2 { - height: 50%; + .xl\:focus\:placeholder-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus::-moz-placeholder { + color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .xl\:h-1\/3 { - height: 33.333333%; + .xl\:focus\:placeholder-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus::placeholder { + color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .xl\:h-2\/3 { - height: 66.666667%; + .xl\:focus\:placeholder-Grey-Scale-white:focus::-moz-placeholder { + color: var(--grey-scale-white, #ffffff); } - .xl\:h-1\/4 { - height: 25%; + .xl\:focus\:placeholder-Grey-Scale-white:focus::placeholder { + color: var(--grey-scale-white, #ffffff); } - .xl\:h-2\/4 { - height: 50%; + .xl\:focus\:placeholder-Grey-Scale-off-white:focus::-moz-placeholder { + color: var(--grey-scale-off-white, #f0edee); } - .xl\:h-3\/4 { - height: 75%; + .xl\:focus\:placeholder-Grey-Scale-off-white:focus::placeholder { + color: var(--grey-scale-off-white, #f0edee); } - .xl\:h-1\/5 { - height: 20%; + .xl\:focus\:placeholder-Grey\ Scale-grey:focus::-moz-placeholder { + color: var(--grey-scale-grey, #7f7e7f); } - .xl\:h-2\/5 { - height: 40%; + .xl\:focus\:placeholder-Grey\ Scale-grey:focus::placeholder { + color: var(--grey-scale-grey, #7f7e7f); } - .xl\:h-3\/5 { - height: 60%; + .xl\:focus\:placeholder-Grey\ Scale-charcoal:focus::-moz-placeholder { + color: var(--grey-scale-charcoal, #474747); } - .xl\:h-4\/5 { - height: 80%; + .xl\:focus\:placeholder-Grey\ Scale-charcoal:focus::placeholder { + color: var(--grey-scale-charcoal, #474747); } - .xl\:h-1\/6 { - height: 16.666667%; + .xl\:focus\:placeholder-Grey\ Scale-off-black:focus::-moz-placeholder { + color: var(--grey-scale-off-black, #1c1c1c); } - .xl\:h-2\/6 { - height: 33.333333%; + .xl\:focus\:placeholder-Grey\ Scale-off-black:focus::placeholder { + color: var(--grey-scale-off-black, #1c1c1c); } - .xl\:h-3\/6 { - height: 50%; + .xl\:focus\:placeholder-Grey\ Scale-black:focus::-moz-placeholder { + color: var(--grey-scale-black, #000000); } - .xl\:h-4\/6 { - height: 66.666667%; + .xl\:focus\:placeholder-Grey\ Scale-black:focus::placeholder { + color: var(--grey-scale-black, #000000); } - .xl\:h-5\/6 { - height: 83.333333%; + .xl\:focus\:placeholder-Blue-blue:focus::-moz-placeholder { + color: var(--blue-blue, #3a7ca5); } - .xl\:h-full { - height: 100%; + .xl\:focus\:placeholder-Blue-blue:focus::placeholder { + color: var(--blue-blue, #3a7ca5); } - .xl\:h-screen { - height: 100vh; + .xl\:focus\:placeholder-Blue-blue-100:focus::-moz-placeholder { + color: var(--blue-blue-100, #75a3c0); } - .xl\:max-h-0 { - max-height: 0px; + .xl\:focus\:placeholder-Blue-blue-100:focus::placeholder { + color: var(--blue-blue-100, #75a3c0); } - .xl\:max-h-1 { - max-height: 0.25rem; + .xl\:focus\:placeholder-Blue-blue-200:focus::-moz-placeholder { + color: var(--blue-blue-200, #9cbed2); } - .xl\:max-h-2 { - max-height: 0.5rem; + .xl\:focus\:placeholder-Blue-blue-200:focus::placeholder { + color: var(--blue-blue-200, #9cbed2); } - .xl\:max-h-3 { - max-height: 0.75rem; + .xl\:focus\:placeholder-Blue-blue-300:focus::-moz-placeholder { + color: var(--blue-blue-300, #4f7d9a); } - .xl\:max-h-4 { - max-height: 1rem; + .xl\:focus\:placeholder-Blue-blue-300:focus::placeholder { + color: var(--blue-blue-300, #4f7d9a); } - .xl\:max-h-5 { - max-height: 1.25rem; + .xl\:focus\:placeholder-Blue-blue-400:focus::-moz-placeholder { + color: var(--blue-blue-400, #5c7d92); } - .xl\:max-h-6 { - max-height: 1.5rem; + .xl\:focus\:placeholder-Blue-blue-400:focus::placeholder { + color: var(--blue-blue-400, #5c7d92); } - .xl\:max-h-7 { - max-height: 1.75rem; + .xl\:focus\:placeholder-Blue-blue-500:focus::-moz-placeholder { + color: var(--blue-blue-500, #347095); } - .xl\:max-h-8 { - max-height: 2rem; + .xl\:focus\:placeholder-Blue-blue-500:focus::placeholder { + color: var(--blue-blue-500, #347095); } - .xl\:max-h-9 { - max-height: 2.25rem; + .xl\:focus\:placeholder-Blue-blue-600:focus::-moz-placeholder { + color: var(--blue-blue-600, #295774); } - .xl\:max-h-10 { - max-height: 2.5rem; + .xl\:focus\:placeholder-Blue-blue-600:focus::placeholder { + color: var(--blue-blue-600, #295774); } - .xl\:max-h-11 { - max-height: 2.75rem; + .xl\:focus\:placeholder-Blue-blue-700:focus::-moz-placeholder { + color: var(--blue-blue-700, #173242); } - .xl\:max-h-12 { - max-height: 3rem; + .xl\:focus\:placeholder-Blue-blue-700:focus::placeholder { + color: var(--blue-blue-700, #173242); } - .xl\:max-h-14 { - max-height: 3.5rem; + .xl\:focus\:placeholder-LightBlue-lightblue:focus::-moz-placeholder { + color: var(--light-blue-lightblue, #81c3d7); } - .xl\:max-h-16 { - max-height: 4rem; + .xl\:focus\:placeholder-LightBlue-lightblue:focus::placeholder { + color: var(--light-blue-lightblue, #81c3d7); } - .xl\:max-h-20 { - max-height: 5rem; + .xl\:focus\:placeholder-LightBlue-lightblue-100:focus::-moz-placeholder { + color: var(--light-blue-lightblue-100, #a7d5e3); } - .xl\:max-h-24 { - max-height: 6rem; + .xl\:focus\:placeholder-LightBlue-lightblue-100:focus::placeholder { + color: var(--light-blue-lightblue-100, #a7d5e3); } - .xl\:max-h-28 { - max-height: 7rem; + .xl\:focus\:placeholder-LightBlue-lightblue-200:focus::-moz-placeholder { + color: var(--light-blue-lightblue-200, #c0e1eb); } - .xl\:max-h-32 { - max-height: 8rem; + .xl\:focus\:placeholder-LightBlue-lightblue-200:focus::placeholder { + color: var(--light-blue-lightblue-200, #c0e1eb); } - .xl\:max-h-36 { - max-height: 9rem; + .xl\:focus\:placeholder-LightBlue-lightblue-300:focus::-moz-placeholder { + color: var(--light-blue-lightblue-300, #80aebd); } - .xl\:max-h-40 { - max-height: 10rem; + .xl\:focus\:placeholder-LightBlue-lightblue-300:focus::placeholder { + color: var(--light-blue-lightblue-300, #80aebd); } - .xl\:max-h-44 { - max-height: 11rem; + .xl\:focus\:placeholder-LightBlue-lightblue-400:focus::-moz-placeholder { + color: var(--light-blue-lightblue-400, #80a0ab); } - .xl\:max-h-48 { - max-height: 12rem; + .xl\:focus\:placeholder-LightBlue-lightblue-400:focus::placeholder { + color: var(--light-blue-lightblue-400, #80a0ab); } - .xl\:max-h-52 { - max-height: 13rem; + .xl\:focus\:placeholder-LightBlue-lightblue-500:focus::-moz-placeholder { + color: var(--light-blue-lightblue-500, #74afc1); } - .xl\:max-h-56 { - max-height: 14rem; + .xl\:focus\:placeholder-LightBlue-lightblue-500:focus::placeholder { + color: var(--light-blue-lightblue-500, #74afc1); } - .xl\:max-h-60 { - max-height: 15rem; + .xl\:focus\:placeholder-LightBlue-lightblue-600:focus::-moz-placeholder { + color: var(--light-blue-lightblue-600, #5a8997); } - .xl\:max-h-64 { - max-height: 16rem; + .xl\:focus\:placeholder-LightBlue-lightblue-600:focus::placeholder { + color: var(--light-blue-lightblue-600, #5a8997); } - .xl\:max-h-72 { - max-height: 18rem; + .xl\:focus\:placeholder-LightBlue-lightblue-650:focus::-moz-placeholder { + color: var(--light-blue-lightblue-650, #3e5e65); } - .xl\:max-h-80 { - max-height: 20rem; + .xl\:focus\:placeholder-LightBlue-lightblue-650:focus::placeholder { + color: var(--light-blue-lightblue-650, #3e5e65); } - .xl\:max-h-96 { - max-height: 24rem; + .xl\:focus\:placeholder-LightBlue-lightblue-700:focus::-moz-placeholder { + color: var(--light-blue-lightblue-700, #344e56); } - .xl\:max-h-px { - max-height: 1px; + .xl\:focus\:placeholder-LightBlue-lightblue-700:focus::placeholder { + color: var(--light-blue-lightblue-700, #344e56); } - .xl\:max-h-0\.5 { - max-height: 0.125rem; + .xl\:focus\:placeholder-Orange-orange:focus::-moz-placeholder { + color: var(--orange-orange, #ff7f0e); } - .xl\:max-h-1\.5 { - max-height: 0.375rem; + .xl\:focus\:placeholder-Orange-orange:focus::placeholder { + color: var(--orange-orange, #ff7f0e); } - .xl\:max-h-2\.5 { - max-height: 0.625rem; + .xl\:focus\:placeholder-Orange-orange-100:focus::-moz-placeholder { + color: var(--orange-orange-100, #ffa556); } - .xl\:max-h-3\.5 { - max-height: 0.875rem; + .xl\:focus\:placeholder-Orange-orange-100:focus::placeholder { + color: var(--orange-orange-100, #ffa556); } - .xl\:max-h-full { - max-height: 100%; + .xl\:focus\:placeholder-Orange-orange-200:focus::-moz-placeholder { + color: var(--orange-orange-200, #ffbf86); } - .xl\:max-h-screen { - max-height: 100vh; + .xl\:focus\:placeholder-Orange-orange-200:focus::placeholder { + color: var(--orange-orange-200, #ffbf86); } - .xl\:min-h-0 { - min-height: 0px; + .xl\:focus\:placeholder-Orange-orange-300:focus::-moz-placeholder { + color: var(--orange-orange-300, #d97f30); } - .xl\:min-h-full { - min-height: 100%; + .xl\:focus\:placeholder-Orange-orange-300:focus::placeholder { + color: var(--orange-orange-300, #d97f30); } - .xl\:min-h-screen { - min-height: 100vh; + .xl\:focus\:placeholder-Orange-orange-400:focus::-moz-placeholder { + color: var(--orange-orange-400, #bf7e46); } - .xl\:w-0 { - width: 0px; + .xl\:focus\:placeholder-Orange-orange-400:focus::placeholder { + color: var(--orange-orange-400, #bf7e46); } - .xl\:w-1 { - width: 0.25rem; + .xl\:focus\:placeholder-Orange-orange-500:focus::-moz-placeholder { + color: var(--orange-orange-500, #e5720d); } - .xl\:w-2 { - width: 0.5rem; + .xl\:focus\:placeholder-Orange-orange-500:focus::placeholder { + color: var(--orange-orange-500, #e5720d); } - .xl\:w-3 { - width: 0.75rem; + .xl\:focus\:placeholder-Orange-orange-600:focus::-moz-placeholder { + color: var(--orange-orange-600, #b3590a); } - .xl\:w-4 { - width: 1rem; + .xl\:focus\:placeholder-Orange-orange-600:focus::placeholder { + color: var(--orange-orange-600, #b3590a); } - .xl\:w-5 { - width: 1.25rem; + .xl\:focus\:placeholder-Orange-orange-700:focus::-moz-placeholder { + color: var(--orange-orange-700, #663306); } - .xl\:w-6 { - width: 1.5rem; + .xl\:focus\:placeholder-Orange-orange-700:focus::placeholder { + color: var(--orange-orange-700, #663306); } - .xl\:w-7 { - width: 1.75rem; + .xl\:focus\:placeholder-Yellow-yellow:focus::-moz-placeholder { + color: var(--yellow-yellow, #ffab00); } - .xl\:w-8 { - width: 2rem; + .xl\:focus\:placeholder-Yellow-yellow:focus::placeholder { + color: var(--yellow-yellow, #ffab00); } - .xl\:w-9 { - width: 2.25rem; + .xl\:focus\:placeholder-Yellow-yellow-100:focus::-moz-placeholder { + color: var(--yellow-yellow-100, #ffc44c); } - .xl\:w-10 { - width: 2.5rem; + .xl\:focus\:placeholder-Yellow-yellow-100:focus::placeholder { + color: var(--yellow-yellow-100, #ffc44c); } - .xl\:w-11 { - width: 2.75rem; + .xl\:focus\:placeholder-Yellow-yellow-200:focus::-moz-placeholder { + color: var(--yellow-yellow-200, #ffd580); } - .xl\:w-12 { - width: 3rem; + .xl\:focus\:placeholder-Yellow-yellow-200:focus::placeholder { + color: var(--yellow-yellow-200, #ffd580); } - .xl\:w-14 { - width: 3.5rem; + .xl\:focus\:placeholder-Yellow-yellow-300:focus::-moz-placeholder { + color: var(--yellow-yellow-300, #d99d26); } - .xl\:w-16 { - width: 4rem; + .xl\:focus\:placeholder-Yellow-yellow-300:focus::placeholder { + color: var(--yellow-yellow-300, #d99d26); } - .xl\:w-20 { - width: 5rem; + .xl\:focus\:placeholder-Yellow-yellow-400:focus::-moz-placeholder { + color: var(--yellow-yellow-400, #bf943f); } - .xl\:w-24 { - width: 6rem; + .xl\:focus\:placeholder-Yellow-yellow-400:focus::placeholder { + color: var(--yellow-yellow-400, #bf943f); } - .xl\:w-28 { - width: 7rem; + .xl\:focus\:placeholder-Yellow-yellow-500:focus::-moz-placeholder { + color: var(--yellow-yellow-500, #e59a00); } - .xl\:w-32 { - width: 8rem; + .xl\:focus\:placeholder-Yellow-yellow-500:focus::placeholder { + color: var(--yellow-yellow-500, #e59a00); } - .xl\:w-36 { - width: 9rem; + .xl\:focus\:placeholder-Yellow-yellow-600:focus::-moz-placeholder { + color: var(--yellow-yellow-600, #b37800); } - .xl\:w-40 { - width: 10rem; + .xl\:focus\:placeholder-Yellow-yellow-600:focus::placeholder { + color: var(--yellow-yellow-600, #b37800); } - .xl\:w-44 { - width: 11rem; + .xl\:focus\:placeholder-Yellow-yellow-700:focus::-moz-placeholder { + color: var(--yellow-yellow-700, #664400); } - .xl\:w-48 { - width: 12rem; + .xl\:focus\:placeholder-Yellow-yellow-700:focus::placeholder { + color: var(--yellow-yellow-700, #664400); } - .xl\:w-52 { - width: 13rem; + .xl\:focus\:placeholder-Notification-notification:focus::-moz-placeholder { + color: var(--notification-notification, #3959ff); } - .xl\:w-56 { - width: 14rem; + .xl\:focus\:placeholder-Notification-notification:focus::placeholder { + color: var(--notification-notification, #3959ff); } - .xl\:w-60 { - width: 15rem; + .xl\:focus\:placeholder-Notification-notification-100:focus::-moz-placeholder { + color: var(--notification-notification-100, #748bff); } - .xl\:w-64 { - width: 16rem; + .xl\:focus\:placeholder-Notification-notification-100:focus::placeholder { + color: var(--notification-notification-100, #748bff); } - .xl\:w-72 { - width: 18rem; + .xl\:focus\:placeholder-Notification-notification-200:focus::-moz-placeholder { + color: var(--notification-notification-200, #9cacff); } - .xl\:w-80 { - width: 20rem; + .xl\:focus\:placeholder-Notification-notification-200:focus::placeholder { + color: var(--notification-notification-200, #9cacff); } - .xl\:w-96 { - width: 24rem; + .xl\:focus\:placeholder-Notification-notification-300:focus::-moz-placeholder { + color: var(--notification-notification-300, #4e64d9); } - .xl\:w-auto { - width: auto; + .xl\:focus\:placeholder-Notification-notification-300:focus::placeholder { + color: var(--notification-notification-300, #4e64d9); } - .xl\:w-px { - width: 1px; + .xl\:focus\:placeholder-Notification-notification-400:focus::-moz-placeholder { + color: var(--notification-notification-400, #5c6cbf); } - .xl\:w-0\.5 { - width: 0.125rem; + .xl\:focus\:placeholder-Notification-notification-400:focus::placeholder { + color: var(--notification-notification-400, #5c6cbf); } - .xl\:w-1\.5 { - width: 0.375rem; + .xl\:focus\:placeholder-Notification-notification-500:focus::-moz-placeholder { + color: var(--notification-notification-500, #3350e5); } - .xl\:w-2\.5 { - width: 0.625rem; + .xl\:focus\:placeholder-Notification-notification-500:focus::placeholder { + color: var(--notification-notification-500, #3350e5); } - .xl\:w-3\.5 { - width: 0.875rem; + .xl\:focus\:placeholder-Notification-notification-600:focus::-moz-placeholder { + color: var(--notification-notification-600, #283eb3); } - .xl\:w-1\/2 { - width: 50%; + .xl\:focus\:placeholder-Notification-notification-600:focus::placeholder { + color: var(--notification-notification-600, #283eb3); } - .xl\:w-1\/3 { - width: 33.333333%; + .xl\:focus\:placeholder-Notification-notification-700:focus::-moz-placeholder { + color: var(--notification-notification-700, #172466); } - .xl\:w-2\/3 { - width: 66.666667%; + .xl\:focus\:placeholder-Notification-notification-700:focus::placeholder { + color: var(--notification-notification-700, #172466); } - .xl\:w-1\/4 { - width: 25%; + .xl\:focus\:placeholder-Success-success\ -700:focus::-moz-placeholder { + color: var(--success-success-700, #24471f); } - .xl\:w-2\/4 { - width: 50%; + .xl\:focus\:placeholder-Success-success\ -700:focus::placeholder { + color: var(--success-success-700, #24471f); } - .xl\:w-3\/4 { - width: 75%; + .xl\:focus\:placeholder-Success-success:focus::-moz-placeholder { + color: var(--success-success, #5bb14d); } - .xl\:w-1\/5 { - width: 20%; + .xl\:focus\:placeholder-Success-success:focus::placeholder { + color: var(--success-success, #5bb14d); } - .xl\:w-2\/5 { - width: 40%; + .xl\:focus\:placeholder-Success-success\ -100:focus::-moz-placeholder { + color: var(--success-success-100, #8cc882); } - .xl\:w-3\/5 { - width: 60%; + .xl\:focus\:placeholder-Success-success\ -100:focus::placeholder { + color: var(--success-success-100, #8cc882); } - .xl\:w-4\/5 { - width: 80%; + .xl\:focus\:placeholder-Success-success\ -200:focus::-moz-placeholder { + color: var(--success-success-200, #add8a6); } - .xl\:w-1\/6 { - width: 16.666667%; + .xl\:focus\:placeholder-Success-success\ -200:focus::placeholder { + color: var(--success-success-200, #add8a6); } - .xl\:w-2\/6 { - width: 33.333333%; + .xl\:focus\:placeholder-Success-success\ -300:focus::-moz-placeholder { + color: var(--success-success-300, #66a25c); } - .xl\:w-3\/6 { - width: 50%; + .xl\:focus\:placeholder-Success-success\ -300:focus::placeholder { + color: var(--success-success-300, #66a25c); } - .xl\:w-4\/6 { - width: 66.666667%; + .xl\:focus\:placeholder-Success-success\ -400:focus::-moz-placeholder { + color: var(--success-success-400, #6d9766); } - .xl\:w-5\/6 { - width: 83.333333%; + .xl\:focus\:placeholder-Success-success\ -400:focus::placeholder { + color: var(--success-success-400, #6d9766); } - .xl\:w-1\/12 { - width: 8.333333%; + .xl\:focus\:placeholder-Success-success\ -500:focus::-moz-placeholder { + color: var(--success-success-500, #529f45); } - .xl\:w-2\/12 { - width: 16.666667%; + .xl\:focus\:placeholder-Success-success\ -500:focus::placeholder { + color: var(--success-success-500, #529f45); } - .xl\:w-3\/12 { - width: 25%; + .xl\:focus\:placeholder-Success-success\ -600:focus::-moz-placeholder { + color: var(--success-success-600, #407c36); } - .xl\:w-4\/12 { - width: 33.333333%; + .xl\:focus\:placeholder-Success-success\ -600:focus::placeholder { + color: var(--success-success-600, #407c36); } - .xl\:w-5\/12 { - width: 41.666667%; + .xl\:focus\:placeholder-Error-error:focus::-moz-placeholder { + color: var(--error-error, #f03d3e); } - .xl\:w-6\/12 { - width: 50%; + .xl\:focus\:placeholder-Error-error:focus::placeholder { + color: var(--error-error, #f03d3e); } - .xl\:w-7\/12 { - width: 58.333333%; + .xl\:focus\:placeholder-Error-error-100:focus::-moz-placeholder { + color: var(--error-error-100, #f57778); } - .xl\:w-8\/12 { - width: 66.666667%; + .xl\:focus\:placeholder-Error-error-100:focus::placeholder { + color: var(--error-error-100, #f57778); } - .xl\:w-9\/12 { - width: 75%; + .xl\:focus\:placeholder-Error-error-200:focus::-moz-placeholder { + color: var(--error-error-200, #f89e9e); } - .xl\:w-10\/12 { - width: 83.333333%; + .xl\:focus\:placeholder-Error-error-200:focus::placeholder { + color: var(--error-error-200, #f89e9e); } - .xl\:w-11\/12 { - width: 91.666667%; + .xl\:focus\:placeholder-Error-error-250:focus::-moz-placeholder { + color: var(--error-error-250, #f9c8c8); } - .xl\:w-full { - width: 100%; + .xl\:focus\:placeholder-Error-error-250:focus::placeholder { + color: var(--error-error-250, #f9c8c8); } - .xl\:w-screen { - width: 100vw; + .xl\:focus\:placeholder-Error-error-300:focus::-moz-placeholder { + color: var(--error-error-300, #ce5151); } - .xl\:w-min { - width: -moz-min-content; - width: min-content; + .xl\:focus\:placeholder-Error-error-300:focus::placeholder { + color: var(--error-error-300, #ce5151); } - .xl\:w-max { - width: -moz-max-content; - width: max-content; + .xl\:focus\:placeholder-Error-error-400:focus::-moz-placeholder { + color: var(--error-error-400, #b85e5e); } - .xl\:min-w-0 { - min-width: 0px; + .xl\:focus\:placeholder-Error-error-400:focus::placeholder { + color: var(--error-error-400, #b85e5e); } - .xl\:min-w-full { - min-width: 100%; + .xl\:focus\:placeholder-Error-error-500:focus::-moz-placeholder { + color: var(--error-error-500, #d83738); } - .xl\:min-w-min { - min-width: -moz-min-content; - min-width: min-content; + .xl\:focus\:placeholder-Error-error-500:focus::placeholder { + color: var(--error-error-500, #d83738); } - .xl\:min-w-max { - min-width: -moz-max-content; - min-width: max-content; + .xl\:focus\:placeholder-Error-error-600:focus::-moz-placeholder { + color: var(--error-error-600, #a82b2b); } - .xl\:max-w-0 { - max-width: 0rem; + .xl\:focus\:placeholder-Error-error-600:focus::placeholder { + color: var(--error-error-600, #a82b2b); } - .xl\:max-w-none { - max-width: none; + .xl\:focus\:placeholder-Error-error-700:focus::-moz-placeholder { + color: var(--error-error-700, #601819); } - .xl\:max-w-xs { - max-width: 20rem; + .xl\:focus\:placeholder-Error-error-700:focus::placeholder { + color: var(--error-error-700, #601819); } - .xl\:max-w-sm { - max-width: 24rem; + .xl\:placeholder-opacity-0::-moz-placeholder { + --tw-placeholder-opacity: 0; } - .xl\:max-w-md { - max-width: 28rem; + .xl\:placeholder-opacity-0::placeholder { + --tw-placeholder-opacity: 0; } - .xl\:max-w-lg { - max-width: 32rem; + .xl\:placeholder-opacity-5::-moz-placeholder { + --tw-placeholder-opacity: 0.05; } - .xl\:max-w-xl { - max-width: 36rem; + .xl\:placeholder-opacity-5::placeholder { + --tw-placeholder-opacity: 0.05; } - .xl\:max-w-2xl { - max-width: 42rem; + .xl\:placeholder-opacity-10::-moz-placeholder { + --tw-placeholder-opacity: 0.1; } - .xl\:max-w-3xl { - max-width: 48rem; + .xl\:placeholder-opacity-10::placeholder { + --tw-placeholder-opacity: 0.1; } - .xl\:max-w-4xl { - max-width: 56rem; + .xl\:placeholder-opacity-20::-moz-placeholder { + --tw-placeholder-opacity: 0.2; } - .xl\:max-w-5xl { - max-width: 64rem; + .xl\:placeholder-opacity-20::placeholder { + --tw-placeholder-opacity: 0.2; } - .xl\:max-w-6xl { - max-width: 72rem; + .xl\:placeholder-opacity-25::-moz-placeholder { + --tw-placeholder-opacity: 0.25; } - .xl\:max-w-7xl { - max-width: 80rem; + .xl\:placeholder-opacity-25::placeholder { + --tw-placeholder-opacity: 0.25; } - .xl\:max-w-full { - max-width: 100%; + .xl\:placeholder-opacity-30::-moz-placeholder { + --tw-placeholder-opacity: 0.3; } - .xl\:max-w-min { - max-width: -moz-min-content; - max-width: min-content; + .xl\:placeholder-opacity-30::placeholder { + --tw-placeholder-opacity: 0.3; } - .xl\:max-w-max { - max-width: -moz-max-content; - max-width: max-content; + .xl\:placeholder-opacity-40::-moz-placeholder { + --tw-placeholder-opacity: 0.4; } - .xl\:max-w-prose { - max-width: 65ch; + .xl\:placeholder-opacity-40::placeholder { + --tw-placeholder-opacity: 0.4; } - .xl\:max-w-screen-sm { - max-width: 640px; + .xl\:placeholder-opacity-50::-moz-placeholder { + --tw-placeholder-opacity: 0.5; } - .xl\:max-w-screen-md { - max-width: 768px; + .xl\:placeholder-opacity-50::placeholder { + --tw-placeholder-opacity: 0.5; } - .xl\:max-w-screen-lg { - max-width: 1024px; + .xl\:placeholder-opacity-60::-moz-placeholder { + --tw-placeholder-opacity: 0.6; } - .xl\:max-w-screen-xl { - max-width: 1280px; + .xl\:placeholder-opacity-60::placeholder { + --tw-placeholder-opacity: 0.6; } - .xl\:max-w-screen-2xl { - max-width: 1536px; + .xl\:placeholder-opacity-70::-moz-placeholder { + --tw-placeholder-opacity: 0.7; } - .xl\:flex-1 { - flex: 1 1 0%; + .xl\:placeholder-opacity-70::placeholder { + --tw-placeholder-opacity: 0.7; } - .xl\:flex-auto { - flex: 1 1 auto; + .xl\:placeholder-opacity-75::-moz-placeholder { + --tw-placeholder-opacity: 0.75; } - .xl\:flex-initial { - flex: 0 1 auto; + .xl\:placeholder-opacity-75::placeholder { + --tw-placeholder-opacity: 0.75; } - .xl\:flex-none { - flex: none; + .xl\:placeholder-opacity-80::-moz-placeholder { + --tw-placeholder-opacity: 0.8; } - .xl\:flex-shrink-0 { - flex-shrink: 0; + .xl\:placeholder-opacity-80::placeholder { + --tw-placeholder-opacity: 0.8; } - .xl\:flex-shrink { - flex-shrink: 1; + .xl\:placeholder-opacity-90::-moz-placeholder { + --tw-placeholder-opacity: 0.9; } - .xl\:flex-grow-0 { - flex-grow: 0; + .xl\:placeholder-opacity-90::placeholder { + --tw-placeholder-opacity: 0.9; } - .xl\:flex-grow { - flex-grow: 1; + .xl\:placeholder-opacity-95::-moz-placeholder { + --tw-placeholder-opacity: 0.95; } - .xl\:table-auto { - table-layout: auto; + .xl\:placeholder-opacity-95::placeholder { + --tw-placeholder-opacity: 0.95; } - .xl\:table-fixed { - table-layout: fixed; + .xl\:placeholder-opacity-100::-moz-placeholder { + --tw-placeholder-opacity: 1; } - .xl\:border-collapse { - border-collapse: collapse; + .xl\:placeholder-opacity-100::placeholder { + --tw-placeholder-opacity: 1; } - .xl\:border-separate { - border-collapse: separate; + .xl\:focus\:placeholder-opacity-0:focus::-moz-placeholder { + --tw-placeholder-opacity: 0; } - .xl\:origin-center { - transform-origin: center; + .xl\:focus\:placeholder-opacity-0:focus::placeholder { + --tw-placeholder-opacity: 0; } - .xl\:origin-top { - transform-origin: top; + .xl\:focus\:placeholder-opacity-5:focus::-moz-placeholder { + --tw-placeholder-opacity: 0.05; } - .xl\:origin-top-right { - transform-origin: top right; + .xl\:focus\:placeholder-opacity-5:focus::placeholder { + --tw-placeholder-opacity: 0.05; } - .xl\:origin-right { - transform-origin: right; + .xl\:focus\:placeholder-opacity-10:focus::-moz-placeholder { + --tw-placeholder-opacity: 0.1; } - .xl\:origin-bottom-right { - transform-origin: bottom right; + .xl\:focus\:placeholder-opacity-10:focus::placeholder { + --tw-placeholder-opacity: 0.1; } - .xl\:origin-bottom { - transform-origin: bottom; + .xl\:focus\:placeholder-opacity-20:focus::-moz-placeholder { + --tw-placeholder-opacity: 0.2; } - .xl\:origin-bottom-left { - transform-origin: bottom left; + .xl\:focus\:placeholder-opacity-20:focus::placeholder { + --tw-placeholder-opacity: 0.2; } - .xl\:origin-left { - transform-origin: left; + .xl\:focus\:placeholder-opacity-25:focus::-moz-placeholder { + --tw-placeholder-opacity: 0.25; } - .xl\:origin-top-left { - transform-origin: top left; + .xl\:focus\:placeholder-opacity-25:focus::placeholder { + --tw-placeholder-opacity: 0.25; } - .xl\:transform { - --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; - transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); + .xl\:focus\:placeholder-opacity-30:focus::-moz-placeholder { + --tw-placeholder-opacity: 0.3; } - .xl\:transform-gpu { - --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; - transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); + .xl\:focus\:placeholder-opacity-30:focus::placeholder { + --tw-placeholder-opacity: 0.3; } - .xl\:transform-none { - transform: none; + .xl\:focus\:placeholder-opacity-40:focus::-moz-placeholder { + --tw-placeholder-opacity: 0.4; } - .xl\:translate-x-0 { - --tw-translate-x: 0px; + .xl\:focus\:placeholder-opacity-40:focus::placeholder { + --tw-placeholder-opacity: 0.4; } - .xl\:translate-x-1 { - --tw-translate-x: 0.25rem; + .xl\:focus\:placeholder-opacity-50:focus::-moz-placeholder { + --tw-placeholder-opacity: 0.5; } - .xl\:translate-x-2 { - --tw-translate-x: 0.5rem; + .xl\:focus\:placeholder-opacity-50:focus::placeholder { + --tw-placeholder-opacity: 0.5; } - .xl\:translate-x-3 { - --tw-translate-x: 0.75rem; + .xl\:focus\:placeholder-opacity-60:focus::-moz-placeholder { + --tw-placeholder-opacity: 0.6; } - .xl\:translate-x-4 { - --tw-translate-x: 1rem; + .xl\:focus\:placeholder-opacity-60:focus::placeholder { + --tw-placeholder-opacity: 0.6; } - .xl\:translate-x-5 { - --tw-translate-x: 1.25rem; + .xl\:focus\:placeholder-opacity-70:focus::-moz-placeholder { + --tw-placeholder-opacity: 0.7; } - .xl\:translate-x-6 { - --tw-translate-x: 1.5rem; + .xl\:focus\:placeholder-opacity-70:focus::placeholder { + --tw-placeholder-opacity: 0.7; } - .xl\:translate-x-7 { - --tw-translate-x: 1.75rem; + .xl\:focus\:placeholder-opacity-75:focus::-moz-placeholder { + --tw-placeholder-opacity: 0.75; } - .xl\:translate-x-8 { - --tw-translate-x: 2rem; + .xl\:focus\:placeholder-opacity-75:focus::placeholder { + --tw-placeholder-opacity: 0.75; } - .xl\:translate-x-9 { - --tw-translate-x: 2.25rem; + .xl\:focus\:placeholder-opacity-80:focus::-moz-placeholder { + --tw-placeholder-opacity: 0.8; } - .xl\:translate-x-10 { - --tw-translate-x: 2.5rem; + .xl\:focus\:placeholder-opacity-80:focus::placeholder { + --tw-placeholder-opacity: 0.8; } - .xl\:translate-x-11 { - --tw-translate-x: 2.75rem; + .xl\:focus\:placeholder-opacity-90:focus::-moz-placeholder { + --tw-placeholder-opacity: 0.9; } - .xl\:translate-x-12 { - --tw-translate-x: 3rem; + .xl\:focus\:placeholder-opacity-90:focus::placeholder { + --tw-placeholder-opacity: 0.9; } - .xl\:translate-x-14 { - --tw-translate-x: 3.5rem; + .xl\:focus\:placeholder-opacity-95:focus::-moz-placeholder { + --tw-placeholder-opacity: 0.95; } - .xl\:translate-x-16 { - --tw-translate-x: 4rem; + .xl\:focus\:placeholder-opacity-95:focus::placeholder { + --tw-placeholder-opacity: 0.95; } - .xl\:translate-x-20 { - --tw-translate-x: 5rem; + .xl\:focus\:placeholder-opacity-100:focus::-moz-placeholder { + --tw-placeholder-opacity: 1; } - .xl\:translate-x-24 { - --tw-translate-x: 6rem; + .xl\:focus\:placeholder-opacity-100:focus::placeholder { + --tw-placeholder-opacity: 1; } - .xl\:translate-x-28 { - --tw-translate-x: 7rem; + .xl\:opacity-0 { + opacity: 0; } - .xl\:translate-x-32 { - --tw-translate-x: 8rem; + .xl\:opacity-5 { + opacity: 0.05; } - .xl\:translate-x-36 { - --tw-translate-x: 9rem; + .xl\:opacity-10 { + opacity: 0.1; } - .xl\:translate-x-40 { - --tw-translate-x: 10rem; + .xl\:opacity-20 { + opacity: 0.2; } - .xl\:translate-x-44 { - --tw-translate-x: 11rem; + .xl\:opacity-25 { + opacity: 0.25; } - .xl\:translate-x-48 { - --tw-translate-x: 12rem; + .xl\:opacity-30 { + opacity: 0.3; } - .xl\:translate-x-52 { - --tw-translate-x: 13rem; + .xl\:opacity-40 { + opacity: 0.4; } - .xl\:translate-x-56 { - --tw-translate-x: 14rem; + .xl\:opacity-50 { + opacity: 0.5; } - .xl\:translate-x-60 { - --tw-translate-x: 15rem; + .xl\:opacity-60 { + opacity: 0.6; } - .xl\:translate-x-64 { - --tw-translate-x: 16rem; + .xl\:opacity-70 { + opacity: 0.7; } - .xl\:translate-x-72 { - --tw-translate-x: 18rem; + .xl\:opacity-75 { + opacity: 0.75; } - .xl\:translate-x-80 { - --tw-translate-x: 20rem; + .xl\:opacity-80 { + opacity: 0.8; } - .xl\:translate-x-96 { - --tw-translate-x: 24rem; + .xl\:opacity-90 { + opacity: 0.9; } - .xl\:translate-x-px { - --tw-translate-x: 1px; + .xl\:opacity-95 { + opacity: 0.95; } - .xl\:translate-x-0\.5 { - --tw-translate-x: 0.125rem; + .xl\:opacity-100 { + opacity: 1; } - .xl\:translate-x-1\.5 { - --tw-translate-x: 0.375rem; + .group:hover .xl\:group-hover\:opacity-0 { + opacity: 0; } - .xl\:translate-x-2\.5 { - --tw-translate-x: 0.625rem; + .group:hover .xl\:group-hover\:opacity-5 { + opacity: 0.05; } - .xl\:translate-x-3\.5 { - --tw-translate-x: 0.875rem; + .group:hover .xl\:group-hover\:opacity-10 { + opacity: 0.1; } - .xl\:-translate-x-0 { - --tw-translate-x: 0px; + .group:hover .xl\:group-hover\:opacity-20 { + opacity: 0.2; } - .xl\:-translate-x-1 { - --tw-translate-x: -0.25rem; + .group:hover .xl\:group-hover\:opacity-25 { + opacity: 0.25; } - .xl\:-translate-x-2 { - --tw-translate-x: -0.5rem; + .group:hover .xl\:group-hover\:opacity-30 { + opacity: 0.3; } - .xl\:-translate-x-3 { - --tw-translate-x: -0.75rem; + .group:hover .xl\:group-hover\:opacity-40 { + opacity: 0.4; } - .xl\:-translate-x-4 { - --tw-translate-x: -1rem; + .group:hover .xl\:group-hover\:opacity-50 { + opacity: 0.5; } - .xl\:-translate-x-5 { - --tw-translate-x: -1.25rem; + .group:hover .xl\:group-hover\:opacity-60 { + opacity: 0.6; } - .xl\:-translate-x-6 { - --tw-translate-x: -1.5rem; + .group:hover .xl\:group-hover\:opacity-70 { + opacity: 0.7; } - .xl\:-translate-x-7 { - --tw-translate-x: -1.75rem; + .group:hover .xl\:group-hover\:opacity-75 { + opacity: 0.75; } - .xl\:-translate-x-8 { - --tw-translate-x: -2rem; + .group:hover .xl\:group-hover\:opacity-80 { + opacity: 0.8; } - .xl\:-translate-x-9 { - --tw-translate-x: -2.25rem; + .group:hover .xl\:group-hover\:opacity-90 { + opacity: 0.9; } - .xl\:-translate-x-10 { - --tw-translate-x: -2.5rem; + .group:hover .xl\:group-hover\:opacity-95 { + opacity: 0.95; } - .xl\:-translate-x-11 { - --tw-translate-x: -2.75rem; + .group:hover .xl\:group-hover\:opacity-100 { + opacity: 1; } - .xl\:-translate-x-12 { - --tw-translate-x: -3rem; + .xl\:focus-within\:opacity-0:focus-within { + opacity: 0; } - .xl\:-translate-x-14 { - --tw-translate-x: -3.5rem; + .xl\:focus-within\:opacity-5:focus-within { + opacity: 0.05; } - .xl\:-translate-x-16 { - --tw-translate-x: -4rem; + .xl\:focus-within\:opacity-10:focus-within { + opacity: 0.1; } - .xl\:-translate-x-20 { - --tw-translate-x: -5rem; + .xl\:focus-within\:opacity-20:focus-within { + opacity: 0.2; } - .xl\:-translate-x-24 { - --tw-translate-x: -6rem; + .xl\:focus-within\:opacity-25:focus-within { + opacity: 0.25; } - .xl\:-translate-x-28 { - --tw-translate-x: -7rem; + .xl\:focus-within\:opacity-30:focus-within { + opacity: 0.3; } - .xl\:-translate-x-32 { - --tw-translate-x: -8rem; + .xl\:focus-within\:opacity-40:focus-within { + opacity: 0.4; } - .xl\:-translate-x-36 { - --tw-translate-x: -9rem; + .xl\:focus-within\:opacity-50:focus-within { + opacity: 0.5; } - .xl\:-translate-x-40 { - --tw-translate-x: -10rem; + .xl\:focus-within\:opacity-60:focus-within { + opacity: 0.6; } - .xl\:-translate-x-44 { - --tw-translate-x: -11rem; + .xl\:focus-within\:opacity-70:focus-within { + opacity: 0.7; } - .xl\:-translate-x-48 { - --tw-translate-x: -12rem; + .xl\:focus-within\:opacity-75:focus-within { + opacity: 0.75; } - .xl\:-translate-x-52 { - --tw-translate-x: -13rem; + .xl\:focus-within\:opacity-80:focus-within { + opacity: 0.8; } - .xl\:-translate-x-56 { - --tw-translate-x: -14rem; + .xl\:focus-within\:opacity-90:focus-within { + opacity: 0.9; } - .xl\:-translate-x-60 { - --tw-translate-x: -15rem; + .xl\:focus-within\:opacity-95:focus-within { + opacity: 0.95; } - .xl\:-translate-x-64 { - --tw-translate-x: -16rem; + .xl\:focus-within\:opacity-100:focus-within { + opacity: 1; } - .xl\:-translate-x-72 { - --tw-translate-x: -18rem; + .xl\:hover\:opacity-0:hover { + opacity: 0; } - .xl\:-translate-x-80 { - --tw-translate-x: -20rem; + .xl\:hover\:opacity-5:hover { + opacity: 0.05; } - .xl\:-translate-x-96 { - --tw-translate-x: -24rem; + .xl\:hover\:opacity-10:hover { + opacity: 0.1; } - .xl\:-translate-x-px { - --tw-translate-x: -1px; + .xl\:hover\:opacity-20:hover { + opacity: 0.2; } - .xl\:-translate-x-0\.5 { - --tw-translate-x: -0.125rem; + .xl\:hover\:opacity-25:hover { + opacity: 0.25; } - .xl\:-translate-x-1\.5 { - --tw-translate-x: -0.375rem; + .xl\:hover\:opacity-30:hover { + opacity: 0.3; } - .xl\:-translate-x-2\.5 { - --tw-translate-x: -0.625rem; + .xl\:hover\:opacity-40:hover { + opacity: 0.4; } - .xl\:-translate-x-3\.5 { - --tw-translate-x: -0.875rem; + .xl\:hover\:opacity-50:hover { + opacity: 0.5; } - .xl\:translate-x-1\/2 { - --tw-translate-x: 50%; + .xl\:hover\:opacity-60:hover { + opacity: 0.6; } - .xl\:translate-x-1\/3 { - --tw-translate-x: 33.333333%; + .xl\:hover\:opacity-70:hover { + opacity: 0.7; } - .xl\:translate-x-2\/3 { - --tw-translate-x: 66.666667%; + .xl\:hover\:opacity-75:hover { + opacity: 0.75; } - .xl\:translate-x-1\/4 { - --tw-translate-x: 25%; + .xl\:hover\:opacity-80:hover { + opacity: 0.8; } - .xl\:translate-x-2\/4 { - --tw-translate-x: 50%; + .xl\:hover\:opacity-90:hover { + opacity: 0.9; } - .xl\:translate-x-3\/4 { - --tw-translate-x: 75%; + .xl\:hover\:opacity-95:hover { + opacity: 0.95; } - .xl\:translate-x-full { - --tw-translate-x: 100%; + .xl\:hover\:opacity-100:hover { + opacity: 1; } - .xl\:-translate-x-1\/2 { - --tw-translate-x: -50%; + .xl\:focus\:opacity-0:focus { + opacity: 0; } - .xl\:-translate-x-1\/3 { - --tw-translate-x: -33.333333%; + .xl\:focus\:opacity-5:focus { + opacity: 0.05; } - .xl\:-translate-x-2\/3 { - --tw-translate-x: -66.666667%; + .xl\:focus\:opacity-10:focus { + opacity: 0.1; } - .xl\:-translate-x-1\/4 { - --tw-translate-x: -25%; + .xl\:focus\:opacity-20:focus { + opacity: 0.2; } - .xl\:-translate-x-2\/4 { - --tw-translate-x: -50%; + .xl\:focus\:opacity-25:focus { + opacity: 0.25; } - .xl\:-translate-x-3\/4 { - --tw-translate-x: -75%; + .xl\:focus\:opacity-30:focus { + opacity: 0.3; } - .xl\:-translate-x-full { - --tw-translate-x: -100%; + .xl\:focus\:opacity-40:focus { + opacity: 0.4; } - .xl\:translate-y-0 { - --tw-translate-y: 0px; + .xl\:focus\:opacity-50:focus { + opacity: 0.5; } - .xl\:translate-y-1 { - --tw-translate-y: 0.25rem; + .xl\:focus\:opacity-60:focus { + opacity: 0.6; } - .xl\:translate-y-2 { - --tw-translate-y: 0.5rem; + .xl\:focus\:opacity-70:focus { + opacity: 0.7; } - .xl\:translate-y-3 { - --tw-translate-y: 0.75rem; + .xl\:focus\:opacity-75:focus { + opacity: 0.75; } - .xl\:translate-y-4 { - --tw-translate-y: 1rem; + .xl\:focus\:opacity-80:focus { + opacity: 0.8; } - .xl\:translate-y-5 { - --tw-translate-y: 1.25rem; + .xl\:focus\:opacity-90:focus { + opacity: 0.9; } - .xl\:translate-y-6 { - --tw-translate-y: 1.5rem; + .xl\:focus\:opacity-95:focus { + opacity: 0.95; } - .xl\:translate-y-7 { - --tw-translate-y: 1.75rem; + .xl\:focus\:opacity-100:focus { + opacity: 1; } - .xl\:translate-y-8 { - --tw-translate-y: 2rem; + .xl\:bg-blend-normal { + background-blend-mode: normal; } - .xl\:translate-y-9 { - --tw-translate-y: 2.25rem; + .xl\:bg-blend-multiply { + background-blend-mode: multiply; } - .xl\:translate-y-10 { - --tw-translate-y: 2.5rem; + .xl\:bg-blend-screen { + background-blend-mode: screen; } - .xl\:translate-y-11 { - --tw-translate-y: 2.75rem; + .xl\:bg-blend-overlay { + background-blend-mode: overlay; } - .xl\:translate-y-12 { - --tw-translate-y: 3rem; + .xl\:bg-blend-darken { + background-blend-mode: darken; } - .xl\:translate-y-14 { - --tw-translate-y: 3.5rem; + .xl\:bg-blend-lighten { + background-blend-mode: lighten; } - .xl\:translate-y-16 { - --tw-translate-y: 4rem; + .xl\:bg-blend-color-dodge { + background-blend-mode: color-dodge; } - .xl\:translate-y-20 { - --tw-translate-y: 5rem; + .xl\:bg-blend-color-burn { + background-blend-mode: color-burn; } - .xl\:translate-y-24 { - --tw-translate-y: 6rem; + .xl\:bg-blend-hard-light { + background-blend-mode: hard-light; } - .xl\:translate-y-28 { - --tw-translate-y: 7rem; + .xl\:bg-blend-soft-light { + background-blend-mode: soft-light; } - .xl\:translate-y-32 { - --tw-translate-y: 8rem; + .xl\:bg-blend-difference { + background-blend-mode: difference; } - .xl\:translate-y-36 { - --tw-translate-y: 9rem; + .xl\:bg-blend-exclusion { + background-blend-mode: exclusion; } - .xl\:translate-y-40 { - --tw-translate-y: 10rem; + .xl\:bg-blend-hue { + background-blend-mode: hue; } - .xl\:translate-y-44 { - --tw-translate-y: 11rem; + .xl\:bg-blend-saturation { + background-blend-mode: saturation; } - .xl\:translate-y-48 { - --tw-translate-y: 12rem; + .xl\:bg-blend-color { + background-blend-mode: color; } - .xl\:translate-y-52 { - --tw-translate-y: 13rem; + .xl\:bg-blend-luminosity { + background-blend-mode: luminosity; } - .xl\:translate-y-56 { - --tw-translate-y: 14rem; + .xl\:mix-blend-normal { + mix-blend-mode: normal; } - .xl\:translate-y-60 { - --tw-translate-y: 15rem; + .xl\:mix-blend-multiply { + mix-blend-mode: multiply; } - .xl\:translate-y-64 { - --tw-translate-y: 16rem; + .xl\:mix-blend-screen { + mix-blend-mode: screen; } - .xl\:translate-y-72 { - --tw-translate-y: 18rem; + .xl\:mix-blend-overlay { + mix-blend-mode: overlay; } - .xl\:translate-y-80 { - --tw-translate-y: 20rem; + .xl\:mix-blend-darken { + mix-blend-mode: darken; } - .xl\:translate-y-96 { - --tw-translate-y: 24rem; + .xl\:mix-blend-lighten { + mix-blend-mode: lighten; } - .xl\:translate-y-px { - --tw-translate-y: 1px; + .xl\:mix-blend-color-dodge { + mix-blend-mode: color-dodge; } - .xl\:translate-y-0\.5 { - --tw-translate-y: 0.125rem; + .xl\:mix-blend-color-burn { + mix-blend-mode: color-burn; } - .xl\:translate-y-1\.5 { - --tw-translate-y: 0.375rem; + .xl\:mix-blend-hard-light { + mix-blend-mode: hard-light; } - .xl\:translate-y-2\.5 { - --tw-translate-y: 0.625rem; + .xl\:mix-blend-soft-light { + mix-blend-mode: soft-light; } - .xl\:translate-y-3\.5 { - --tw-translate-y: 0.875rem; + .xl\:mix-blend-difference { + mix-blend-mode: difference; } - .xl\:-translate-y-0 { - --tw-translate-y: 0px; + .xl\:mix-blend-exclusion { + mix-blend-mode: exclusion; } - .xl\:-translate-y-1 { - --tw-translate-y: -0.25rem; + .xl\:mix-blend-hue { + mix-blend-mode: hue; } - .xl\:-translate-y-2 { - --tw-translate-y: -0.5rem; + .xl\:mix-blend-saturation { + mix-blend-mode: saturation; } - .xl\:-translate-y-3 { - --tw-translate-y: -0.75rem; + .xl\:mix-blend-color { + mix-blend-mode: color; } - .xl\:-translate-y-4 { - --tw-translate-y: -1rem; + .xl\:mix-blend-luminosity { + mix-blend-mode: luminosity; } - .xl\:-translate-y-5 { - --tw-translate-y: -1.25rem; + .xl\:shadow-sm { + --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .xl\:-translate-y-6 { - --tw-translate-y: -1.5rem; + .xl\:shadow { + --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .xl\:-translate-y-7 { - --tw-translate-y: -1.75rem; + .xl\:shadow-md { + --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .xl\:-translate-y-8 { - --tw-translate-y: -2rem; + .xl\:shadow-lg { + --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .xl\:-translate-y-9 { - --tw-translate-y: -2.25rem; + .xl\:shadow-xl { + --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .xl\:-translate-y-10 { - --tw-translate-y: -2.5rem; + .xl\:shadow-2xl { + --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .xl\:-translate-y-11 { - --tw-translate-y: -2.75rem; + .xl\:shadow-inner { + --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .xl\:-translate-y-12 { - --tw-translate-y: -3rem; + .xl\:shadow-none { + --tw-shadow: 0 0 #0000; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .xl\:-translate-y-14 { - --tw-translate-y: -3.5rem; + .group:hover .xl\:group-hover\:shadow-sm { + --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .xl\:-translate-y-16 { - --tw-translate-y: -4rem; + .group:hover .xl\:group-hover\:shadow { + --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .xl\:-translate-y-20 { - --tw-translate-y: -5rem; + .group:hover .xl\:group-hover\:shadow-md { + --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .xl\:-translate-y-24 { - --tw-translate-y: -6rem; + .group:hover .xl\:group-hover\:shadow-lg { + --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .xl\:-translate-y-28 { - --tw-translate-y: -7rem; + .group:hover .xl\:group-hover\:shadow-xl { + --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .xl\:-translate-y-32 { - --tw-translate-y: -8rem; + .group:hover .xl\:group-hover\:shadow-2xl { + --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .xl\:-translate-y-36 { - --tw-translate-y: -9rem; + .group:hover .xl\:group-hover\:shadow-inner { + --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .xl\:-translate-y-40 { - --tw-translate-y: -10rem; + .group:hover .xl\:group-hover\:shadow-none { + --tw-shadow: 0 0 #0000; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .xl\:-translate-y-44 { - --tw-translate-y: -11rem; + .xl\:focus-within\:shadow-sm:focus-within { + --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .xl\:-translate-y-48 { - --tw-translate-y: -12rem; + .xl\:focus-within\:shadow:focus-within { + --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .xl\:-translate-y-52 { - --tw-translate-y: -13rem; + .xl\:focus-within\:shadow-md:focus-within { + --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .xl\:-translate-y-56 { - --tw-translate-y: -14rem; + .xl\:focus-within\:shadow-lg:focus-within { + --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .xl\:-translate-y-60 { - --tw-translate-y: -15rem; + .xl\:focus-within\:shadow-xl:focus-within { + --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .xl\:-translate-y-64 { - --tw-translate-y: -16rem; + .xl\:focus-within\:shadow-2xl:focus-within { + --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .xl\:-translate-y-72 { - --tw-translate-y: -18rem; + .xl\:focus-within\:shadow-inner:focus-within { + --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .xl\:-translate-y-80 { - --tw-translate-y: -20rem; + .xl\:focus-within\:shadow-none:focus-within { + --tw-shadow: 0 0 #0000; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .xl\:-translate-y-96 { - --tw-translate-y: -24rem; + .xl\:hover\:shadow-sm:hover { + --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .xl\:-translate-y-px { - --tw-translate-y: -1px; + .xl\:hover\:shadow:hover { + --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .xl\:-translate-y-0\.5 { - --tw-translate-y: -0.125rem; + .xl\:hover\:shadow-md:hover { + --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .xl\:-translate-y-1\.5 { - --tw-translate-y: -0.375rem; + .xl\:hover\:shadow-lg:hover { + --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .xl\:-translate-y-2\.5 { - --tw-translate-y: -0.625rem; + .xl\:hover\:shadow-xl:hover { + --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .xl\:-translate-y-3\.5 { - --tw-translate-y: -0.875rem; + .xl\:hover\:shadow-2xl:hover { + --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .xl\:translate-y-1\/2 { - --tw-translate-y: 50%; + .xl\:hover\:shadow-inner:hover { + --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .xl\:translate-y-1\/3 { - --tw-translate-y: 33.333333%; + .xl\:hover\:shadow-none:hover { + --tw-shadow: 0 0 #0000; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .xl\:translate-y-2\/3 { - --tw-translate-y: 66.666667%; + .xl\:focus\:shadow-sm:focus { + --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .xl\:translate-y-1\/4 { - --tw-translate-y: 25%; + .xl\:focus\:shadow:focus { + --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .xl\:translate-y-2\/4 { - --tw-translate-y: 50%; + .xl\:focus\:shadow-md:focus { + --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .xl\:translate-y-3\/4 { - --tw-translate-y: 75%; + .xl\:focus\:shadow-lg:focus { + --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .xl\:translate-y-full { - --tw-translate-y: 100%; + .xl\:focus\:shadow-xl:focus { + --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .xl\:-translate-y-1\/2 { - --tw-translate-y: -50%; + .xl\:focus\:shadow-2xl:focus { + --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .xl\:-translate-y-1\/3 { - --tw-translate-y: -33.333333%; + .xl\:focus\:shadow-inner:focus { + --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .xl\:-translate-y-2\/3 { - --tw-translate-y: -66.666667%; + .xl\:focus\:shadow-none:focus { + --tw-shadow: 0 0 #0000; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .xl\:-translate-y-1\/4 { - --tw-translate-y: -25%; + .xl\:outline-none { + outline: 2px solid transparent; + outline-offset: 2px; } - .xl\:-translate-y-2\/4 { - --tw-translate-y: -50%; + .xl\:outline-white { + outline: 2px dotted white; + outline-offset: 2px; } - .xl\:-translate-y-3\/4 { - --tw-translate-y: -75%; + .xl\:outline-black { + outline: 2px dotted black; + outline-offset: 2px; } - .xl\:-translate-y-full { - --tw-translate-y: -100%; + .xl\:focus-within\:outline-none:focus-within { + outline: 2px solid transparent; + outline-offset: 2px; } - .xl\:hover\:translate-x-0:hover { - --tw-translate-x: 0px; + .xl\:focus-within\:outline-white:focus-within { + outline: 2px dotted white; + outline-offset: 2px; } - .xl\:hover\:translate-x-1:hover { - --tw-translate-x: 0.25rem; + .xl\:focus-within\:outline-black:focus-within { + outline: 2px dotted black; + outline-offset: 2px; } - .xl\:hover\:translate-x-2:hover { - --tw-translate-x: 0.5rem; + .xl\:focus\:outline-none:focus { + outline: 2px solid transparent; + outline-offset: 2px; } - .xl\:hover\:translate-x-3:hover { - --tw-translate-x: 0.75rem; + .xl\:focus\:outline-white:focus { + outline: 2px dotted white; + outline-offset: 2px; } - .xl\:hover\:translate-x-4:hover { - --tw-translate-x: 1rem; + .xl\:focus\:outline-black:focus { + outline: 2px dotted black; + outline-offset: 2px; } - .xl\:hover\:translate-x-5:hover { - --tw-translate-x: 1.25rem; + .xl\: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); } - .xl\:hover\:translate-x-6:hover { - --tw-translate-x: 1.5rem; + .xl\: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); } - .xl\:hover\:translate-x-7:hover { - --tw-translate-x: 1.75rem; + .xl\: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); } - .xl\:hover\:translate-x-8:hover { - --tw-translate-x: 2rem; + .xl\: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); } - .xl\:hover\:translate-x-9:hover { - --tw-translate-x: 2.25rem; + .xl\:ring-8 { + --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(8px + 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); } - .xl\:hover\:translate-x-10:hover { - --tw-translate-x: 2.5rem; + .xl\: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); } - .xl\:hover\:translate-x-11:hover { - --tw-translate-x: 2.75rem; + .xl\:focus-within\:ring-0:focus-within { + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(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); } - .xl\:hover\:translate-x-12:hover { - --tw-translate-x: 3rem; + .xl\:focus-within\:ring-1:focus-within { + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } - .xl\:hover\:translate-x-14:hover { - --tw-translate-x: 3.5rem; + .xl\:focus-within\:ring-2:focus-within { + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } - .xl\:hover\:translate-x-16:hover { - --tw-translate-x: 4rem; + .xl\:focus-within\:ring-4:focus-within { + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(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); } - .xl\:hover\:translate-x-20:hover { - --tw-translate-x: 5rem; + .xl\:focus-within\:ring-8:focus-within { + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + 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); } - .xl\:hover\:translate-x-24:hover { - --tw-translate-x: 6rem; + .xl\:focus-within\:ring:focus-within { + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(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); } - .xl\:hover\:translate-x-28:hover { - --tw-translate-x: 7rem; + .xl\: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); } - .xl\:hover\:translate-x-32:hover { - --tw-translate-x: 8rem; + .xl\: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); } - .xl\:hover\:translate-x-36:hover { - --tw-translate-x: 9rem; + .xl\: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); } - .xl\:hover\:translate-x-40:hover { - --tw-translate-x: 10rem; + .xl\:focus\:ring-4:focus { + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } - .xl\:hover\:translate-x-44:hover { - --tw-translate-x: 11rem; + .xl\:focus\:ring-8: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(8px + 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); } - .xl\:hover\:translate-x-48:hover { - --tw-translate-x: 12rem; + .xl\:focus\:ring: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(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); } - .xl\:hover\:translate-x-52:hover { - --tw-translate-x: 13rem; + .xl\:ring-inset { + --tw-ring-inset: inset; } - .xl\:hover\:translate-x-56:hover { - --tw-translate-x: 14rem; + .xl\:focus-within\:ring-inset:focus-within { + --tw-ring-inset: inset; } - .xl\:hover\:translate-x-60:hover { - --tw-translate-x: 15rem; + .xl\:focus\:ring-inset:focus { + --tw-ring-inset: inset; } - .xl\:hover\:translate-x-64:hover { - --tw-translate-x: 16rem; + .xl\:ring-colors-black { + --tw-ring-color: var(--colors-black, #000000); } - .xl\:hover\:translate-x-72:hover { - --tw-translate-x: 18rem; + .xl\:ring-colors-white { + --tw-ring-color: var(--colors-white, #ffffff); } - .xl\:hover\:translate-x-80:hover { - --tw-translate-x: 20rem; + .xl\:ring-colors-gray-100 { + --tw-ring-color: var(--colors-gray-100, #f7fafc); } - .xl\:hover\:translate-x-96:hover { - --tw-translate-x: 24rem; + .xl\:ring-colors-gray-200 { + --tw-ring-color: var(--colors-gray-200, #edf2f7); } - .xl\:hover\:translate-x-px:hover { - --tw-translate-x: 1px; + .xl\:ring-colors-gray-300 { + --tw-ring-color: var(--colors-gray-300, #e2e8f0); } - .xl\:hover\:translate-x-0\.5:hover { - --tw-translate-x: 0.125rem; + .xl\:ring-colors-gray-400 { + --tw-ring-color: var(--colors-gray-400, #cbd5e0); } - .xl\:hover\:translate-x-1\.5:hover { - --tw-translate-x: 0.375rem; + .xl\:ring-colors-gray-500 { + --tw-ring-color: var(--colors-gray-500, #a0aec0); } - .xl\:hover\:translate-x-2\.5:hover { - --tw-translate-x: 0.625rem; + .xl\:ring-colors-gray-600 { + --tw-ring-color: var(--colors-gray-600, #718096); } - .xl\:hover\:translate-x-3\.5:hover { - --tw-translate-x: 0.875rem; + .xl\:ring-colors-gray-700 { + --tw-ring-color: var(--colors-gray-700, #4a5568); } - .xl\:hover\:-translate-x-0:hover { - --tw-translate-x: 0px; + .xl\:ring-colors-gray-800 { + --tw-ring-color: var(--colors-gray-800, #2d3748); } - .xl\:hover\:-translate-x-1:hover { - --tw-translate-x: -0.25rem; + .xl\:ring-colors-gray-900 { + --tw-ring-color: var(--colors-gray-900, #1a202c); } - .xl\:hover\:-translate-x-2:hover { - --tw-translate-x: -0.5rem; + .xl\:ring-colors-red-100 { + --tw-ring-color: var(--colors-red-100, #fff5f5); } - .xl\:hover\:-translate-x-3:hover { - --tw-translate-x: -0.75rem; + .xl\:ring-colors-red-200 { + --tw-ring-color: var(--colors-red-200, #fed7d7); } - .xl\:hover\:-translate-x-4:hover { - --tw-translate-x: -1rem; + .xl\:ring-colors-red-300 { + --tw-ring-color: var(--colors-red-300, #feb2b2); } - .xl\:hover\:-translate-x-5:hover { - --tw-translate-x: -1.25rem; + .xl\:ring-colors-red-400 { + --tw-ring-color: var(--colors-red-400, #fc8181); } - .xl\:hover\:-translate-x-6:hover { - --tw-translate-x: -1.5rem; + .xl\:ring-colors-red-500 { + --tw-ring-color: var(--colors-red-500, #f56565); } - .xl\:hover\:-translate-x-7:hover { - --tw-translate-x: -1.75rem; + .xl\:ring-colors-red-600 { + --tw-ring-color: var(--colors-red-600, #e53e3e); } - .xl\:hover\:-translate-x-8:hover { - --tw-translate-x: -2rem; + .xl\:ring-colors-red-700 { + --tw-ring-color: var(--colors-red-700, #c53030); } - .xl\:hover\:-translate-x-9:hover { - --tw-translate-x: -2.25rem; + .xl\:ring-colors-red-800 { + --tw-ring-color: var(--colors-red-800, #9b2c2c); } - .xl\:hover\:-translate-x-10:hover { - --tw-translate-x: -2.5rem; + .xl\:ring-colors-red-900 { + --tw-ring-color: var(--colors-red-900, #742a2a); } - .xl\:hover\:-translate-x-11:hover { - --tw-translate-x: -2.75rem; + .xl\:ring-colors-orange-100 { + --tw-ring-color: var(--colors-orange-100, #fffaf0); } - .xl\:hover\:-translate-x-12:hover { - --tw-translate-x: -3rem; + .xl\:ring-colors-orange-200 { + --tw-ring-color: var(--colors-orange-200, #feebc8); } - .xl\:hover\:-translate-x-14:hover { - --tw-translate-x: -3.5rem; + .xl\:ring-colors-orange-300 { + --tw-ring-color: var(--colors-orange-300, #fbd38d); } - .xl\:hover\:-translate-x-16:hover { - --tw-translate-x: -4rem; + .xl\:ring-colors-orange-400 { + --tw-ring-color: var(--colors-orange-400, #f6ad55); } - .xl\:hover\:-translate-x-20:hover { - --tw-translate-x: -5rem; + .xl\:ring-colors-orange-500 { + --tw-ring-color: var(--colors-orange-500, #ed8936); } - .xl\:hover\:-translate-x-24:hover { - --tw-translate-x: -6rem; + .xl\:ring-colors-orange-600 { + --tw-ring-color: var(--colors-orange-600, #dd6b20); } - .xl\:hover\:-translate-x-28:hover { - --tw-translate-x: -7rem; + .xl\:ring-colors-orange-700 { + --tw-ring-color: var(--colors-orange-700, #c05621); } - .xl\:hover\:-translate-x-32:hover { - --tw-translate-x: -8rem; + .xl\:ring-colors-orange-800 { + --tw-ring-color: var(--colors-orange-800, #9c4221); } - .xl\:hover\:-translate-x-36:hover { - --tw-translate-x: -9rem; + .xl\:ring-colors-orange-900 { + --tw-ring-color: var(--colors-orange-900, #7b341e); } - .xl\:hover\:-translate-x-40:hover { - --tw-translate-x: -10rem; + .xl\:ring-colors-yellow-100 { + --tw-ring-color: var(--colors-yellow-100, #fffff0); } - .xl\:hover\:-translate-x-44:hover { - --tw-translate-x: -11rem; + .xl\:ring-colors-yellow-200 { + --tw-ring-color: var(--colors-yellow-200, #fefcbf); } - .xl\:hover\:-translate-x-48:hover { - --tw-translate-x: -12rem; + .xl\:ring-colors-yellow-300 { + --tw-ring-color: var(--colors-yellow-300, #faf089); } - .xl\:hover\:-translate-x-52:hover { - --tw-translate-x: -13rem; + .xl\:ring-colors-yellow-400 { + --tw-ring-color: var(--colors-yellow-400, #f6e05e); } - .xl\:hover\:-translate-x-56:hover { - --tw-translate-x: -14rem; + .xl\:ring-colors-yellow-500 { + --tw-ring-color: var(--colors-yellow-500, #ecc94b); } - .xl\:hover\:-translate-x-60:hover { - --tw-translate-x: -15rem; + .xl\:ring-colors-yellow-600 { + --tw-ring-color: var(--colors-yellow-600, #d69e2e); } - .xl\:hover\:-translate-x-64:hover { - --tw-translate-x: -16rem; + .xl\:ring-colors-yellow-700 { + --tw-ring-color: var(--colors-yellow-700, #b7791f); } - .xl\:hover\:-translate-x-72:hover { - --tw-translate-x: -18rem; + .xl\:ring-colors-yellow-800 { + --tw-ring-color: var(--colors-yellow-800, #975a16); } - .xl\:hover\:-translate-x-80:hover { - --tw-translate-x: -20rem; + .xl\:ring-colors-yellow-900 { + --tw-ring-color: var(--colors-yellow-900, #744210); } - .xl\:hover\:-translate-x-96:hover { - --tw-translate-x: -24rem; + .xl\:ring-colors-green-100 { + --tw-ring-color: var(--colors-green-100, #f0fff4); } - .xl\:hover\:-translate-x-px:hover { - --tw-translate-x: -1px; + .xl\:ring-colors-green-200 { + --tw-ring-color: var(--colors-green-200, #c6f6d5); } - .xl\:hover\:-translate-x-0\.5:hover { - --tw-translate-x: -0.125rem; + .xl\:ring-colors-green-300 { + --tw-ring-color: var(--colors-green-300, #9ae6b4); } - .xl\:hover\:-translate-x-1\.5:hover { - --tw-translate-x: -0.375rem; + .xl\:ring-colors-green-400 { + --tw-ring-color: var(--colors-green-400, #68d391); } - .xl\:hover\:-translate-x-2\.5:hover { - --tw-translate-x: -0.625rem; + .xl\:ring-colors-green-500 { + --tw-ring-color: var(--colors-green-500, #48bb78); } - .xl\:hover\:-translate-x-3\.5:hover { - --tw-translate-x: -0.875rem; + .xl\:ring-colors-green-600 { + --tw-ring-color: var(--colors-green-600, #38a169); } - .xl\:hover\:translate-x-1\/2:hover { - --tw-translate-x: 50%; + .xl\:ring-colors-green-700 { + --tw-ring-color: var(--colors-green-700, #2f855a); } - .xl\:hover\:translate-x-1\/3:hover { - --tw-translate-x: 33.333333%; + .xl\:ring-colors-green-800 { + --tw-ring-color: var(--colors-green-800, #276749); } - .xl\:hover\:translate-x-2\/3:hover { - --tw-translate-x: 66.666667%; + .xl\:ring-colors-green-900 { + --tw-ring-color: var(--colors-green-900, #22543d); } - .xl\:hover\:translate-x-1\/4:hover { - --tw-translate-x: 25%; + .xl\:ring-colors-teal-100 { + --tw-ring-color: var(--colors-teal-100, #e6fffa); } - .xl\:hover\:translate-x-2\/4:hover { - --tw-translate-x: 50%; + .xl\:ring-colors-teal-200 { + --tw-ring-color: var(--colors-teal-200, #b2f5ea); } - .xl\:hover\:translate-x-3\/4:hover { - --tw-translate-x: 75%; + .xl\:ring-colors-teal-300 { + --tw-ring-color: var(--colors-teal-300, #81e6d9); } - .xl\:hover\:translate-x-full:hover { - --tw-translate-x: 100%; + .xl\:ring-colors-teal-400 { + --tw-ring-color: var(--colors-teal-400, #4fd1c5); } - .xl\:hover\:-translate-x-1\/2:hover { - --tw-translate-x: -50%; + .xl\:ring-colors-teal-500 { + --tw-ring-color: var(--colors-teal-500, #38b2ac); } - .xl\:hover\:-translate-x-1\/3:hover { - --tw-translate-x: -33.333333%; + .xl\:ring-colors-teal-600 { + --tw-ring-color: var(--colors-teal-600, #319795); } - .xl\:hover\:-translate-x-2\/3:hover { - --tw-translate-x: -66.666667%; + .xl\:ring-colors-teal-700 { + --tw-ring-color: var(--colors-teal-700, #2c7a7b); } - .xl\:hover\:-translate-x-1\/4:hover { - --tw-translate-x: -25%; + .xl\:ring-colors-teal-800 { + --tw-ring-color: var(--colors-teal-800, #285e61); } - .xl\:hover\:-translate-x-2\/4:hover { - --tw-translate-x: -50%; + .xl\:ring-colors-teal-900 { + --tw-ring-color: var(--colors-teal-900, #234e52); } - .xl\:hover\:-translate-x-3\/4:hover { - --tw-translate-x: -75%; + .xl\:ring-colors-blue-100 { + --tw-ring-color: var(--colors-blue-100, #ebf8ff); } - .xl\:hover\:-translate-x-full:hover { - --tw-translate-x: -100%; + .xl\:ring-colors-blue-200 { + --tw-ring-color: var(--colors-blue-200, #bee3f8); } - .xl\:hover\:translate-y-0:hover { - --tw-translate-y: 0px; + .xl\:ring-colors-blue-300 { + --tw-ring-color: var(--colors-blue-300, #90cdf4); } - .xl\:hover\:translate-y-1:hover { - --tw-translate-y: 0.25rem; + .xl\:ring-colors-blue-400 { + --tw-ring-color: var(--colors-blue-400, #63b3ed); } - .xl\:hover\:translate-y-2:hover { - --tw-translate-y: 0.5rem; + .xl\:ring-colors-blue-500 { + --tw-ring-color: var(--colors-blue-500, #4299e1); } - .xl\:hover\:translate-y-3:hover { - --tw-translate-y: 0.75rem; + .xl\:ring-colors-blue-600 { + --tw-ring-color: var(--colors-blue-600, #3182ce); } - .xl\:hover\:translate-y-4:hover { - --tw-translate-y: 1rem; + .xl\:ring-colors-blue-700 { + --tw-ring-color: var(--colors-blue-700, #2b6cb0); } - .xl\:hover\:translate-y-5:hover { - --tw-translate-y: 1.25rem; + .xl\:ring-colors-blue-800 { + --tw-ring-color: var(--colors-blue-800, #2c5282); } - .xl\:hover\:translate-y-6:hover { - --tw-translate-y: 1.5rem; + .xl\:ring-colors-blue-900 { + --tw-ring-color: var(--colors-blue-900, #2a4365); } - .xl\:hover\:translate-y-7:hover { - --tw-translate-y: 1.75rem; + .xl\:ring-colors-indigo-100 { + --tw-ring-color: var(--colors-indigo-100, #ebf4ff); } - .xl\:hover\:translate-y-8:hover { - --tw-translate-y: 2rem; + .xl\:ring-colors-indigo-200 { + --tw-ring-color: var(--colors-indigo-200, #c3dafe); } - .xl\:hover\:translate-y-9:hover { - --tw-translate-y: 2.25rem; + .xl\:ring-colors-indigo-300 { + --tw-ring-color: var(--colors-indigo-300, #a3bffa); } - .xl\:hover\:translate-y-10:hover { - --tw-translate-y: 2.5rem; + .xl\:ring-colors-indigo-400 { + --tw-ring-color: var(--colors-indigo-400, #7f9cf5); } - .xl\:hover\:translate-y-11:hover { - --tw-translate-y: 2.75rem; + .xl\:ring-colors-indigo-500 { + --tw-ring-color: var(--colors-indigo-500, #667eea); } - .xl\:hover\:translate-y-12:hover { - --tw-translate-y: 3rem; + .xl\:ring-colors-indigo-600 { + --tw-ring-color: var(--colors-indigo-600, #5a67d8); } - .xl\:hover\:translate-y-14:hover { - --tw-translate-y: 3.5rem; + .xl\:ring-colors-indigo-700 { + --tw-ring-color: var(--colors-indigo-700, #4c51bf); } - .xl\:hover\:translate-y-16:hover { - --tw-translate-y: 4rem; + .xl\:ring-colors-indigo-800 { + --tw-ring-color: var(--colors-indigo-800, #434190); } - .xl\:hover\:translate-y-20:hover { - --tw-translate-y: 5rem; + .xl\:ring-colors-indigo-900 { + --tw-ring-color: var(--colors-indigo-900, #3c366b); } - .xl\:hover\:translate-y-24:hover { - --tw-translate-y: 6rem; + .xl\:ring-colors-purple-100 { + --tw-ring-color: var(--colors-purple-100, #faf5ff); } - .xl\:hover\:translate-y-28:hover { - --tw-translate-y: 7rem; + .xl\:ring-colors-purple-200 { + --tw-ring-color: var(--colors-purple-200, #e9d8fd); } - .xl\:hover\:translate-y-32:hover { - --tw-translate-y: 8rem; + .xl\:ring-colors-purple-300 { + --tw-ring-color: var(--colors-purple-300, #d6bcfa); } - .xl\:hover\:translate-y-36:hover { - --tw-translate-y: 9rem; + .xl\:ring-colors-purple-400 { + --tw-ring-color: var(--colors-purple-400, #b794f4); } - .xl\:hover\:translate-y-40:hover { - --tw-translate-y: 10rem; + .xl\:ring-colors-purple-500 { + --tw-ring-color: var(--colors-purple-500, #9f7aea); } - .xl\:hover\:translate-y-44:hover { - --tw-translate-y: 11rem; + .xl\:ring-colors-purple-600 { + --tw-ring-color: var(--colors-purple-600, #805ad5); } - .xl\:hover\:translate-y-48:hover { - --tw-translate-y: 12rem; + .xl\:ring-colors-purple-700 { + --tw-ring-color: var(--colors-purple-700, #6b46c1); } - .xl\:hover\:translate-y-52:hover { - --tw-translate-y: 13rem; + .xl\:ring-colors-purple-800 { + --tw-ring-color: var(--colors-purple-800, #553c9a); } - .xl\:hover\:translate-y-56:hover { - --tw-translate-y: 14rem; + .xl\:ring-colors-purple-900 { + --tw-ring-color: var(--colors-purple-900, #44337a); } - .xl\:hover\:translate-y-60:hover { - --tw-translate-y: 15rem; + .xl\:ring-colors-pink-100 { + --tw-ring-color: var(--colors-pink-100, #fff5f7); } - .xl\:hover\:translate-y-64:hover { - --tw-translate-y: 16rem; + .xl\:ring-colors-pink-200 { + --tw-ring-color: var(--colors-pink-200, #fed7e2); } - .xl\:hover\:translate-y-72:hover { - --tw-translate-y: 18rem; + .xl\:ring-colors-pink-300 { + --tw-ring-color: var(--colors-pink-300, #fbb6ce); } - .xl\:hover\:translate-y-80:hover { - --tw-translate-y: 20rem; + .xl\:ring-colors-pink-400 { + --tw-ring-color: var(--colors-pink-400, #f687b3); } - .xl\:hover\:translate-y-96:hover { - --tw-translate-y: 24rem; + .xl\:ring-colors-pink-500 { + --tw-ring-color: var(--colors-pink-500, #ed64a6); } - .xl\:hover\:translate-y-px:hover { - --tw-translate-y: 1px; + .xl\:ring-colors-pink-600 { + --tw-ring-color: var(--colors-pink-600, #d53f8c); } - .xl\:hover\:translate-y-0\.5:hover { - --tw-translate-y: 0.125rem; + .xl\:ring-colors-pink-700 { + --tw-ring-color: var(--colors-pink-700, #b83280); } - .xl\:hover\:translate-y-1\.5:hover { - --tw-translate-y: 0.375rem; + .xl\:ring-colors-pink-800 { + --tw-ring-color: var(--colors-pink-800, #97266d); } - .xl\:hover\:translate-y-2\.5:hover { - --tw-translate-y: 0.625rem; + .xl\:ring-colors-pink-900 { + --tw-ring-color: var(--colors-pink-900, #702459); } - .xl\:hover\:translate-y-3\.5:hover { - --tw-translate-y: 0.875rem; + .xl\:ring-Box\ Shadow { + --tw-ring-color: var(--box-shadow, #7f7e7f); } - .xl\:hover\:-translate-y-0:hover { - --tw-translate-y: 0px; + .xl\:ring-Error16 { + --tw-ring-color: var(--error16, #f03d3e40); } - .xl\:hover\:-translate-y-1:hover { - --tw-translate-y: -0.25rem; + .xl\:ring-Success16 { + --tw-ring-color: var(--success16, #5bb14d40); } - .xl\:hover\:-translate-y-2:hover { - --tw-translate-y: -0.5rem; + .xl\:ring-Notification16 { + --tw-ring-color: var(--notification16, #3959ff40); } - .xl\:hover\:-translate-y-3:hover { - --tw-translate-y: -0.75rem; + .xl\:ring-Error8 { + --tw-ring-color: var(--error8, #f03d3e1a); } - .xl\:hover\:-translate-y-4:hover { - --tw-translate-y: -1rem; + .xl\:ring-Notification8 { + --tw-ring-color: var(--notification8, #3959ff1a); } - .xl\:hover\:-translate-y-5:hover { - --tw-translate-y: -1.25rem; + .xl\:ring-Success8 { + --tw-ring-color: var(--success8, #5bb14d1a); } - .xl\:hover\:-translate-y-6:hover { - --tw-translate-y: -1.5rem; + .xl\:ring-Light\ -\ Overlay { + --tw-ring-color: var(--light-overlay, #f0edee66); } - .xl\:hover\:-translate-y-7:hover { - --tw-translate-y: -1.75rem; + .xl\:ring-Dark-\ Overlay { + --tw-ring-color: var(--dark-overlay, #7f7e7f66); } - .xl\:hover\:-translate-y-8:hover { - --tw-translate-y: -2rem; + .xl\:ring-black-40 { + --tw-ring-color: var(--black-40, #00000066); } - .xl\:hover\:-translate-y-9:hover { - --tw-translate-y: -2.25rem; + .xl\:ring-black-75 { + --tw-ring-color: var(--black-75, #000000bf); } - .xl\:hover\:-translate-y-10:hover { - --tw-translate-y: -2.5rem; + .xl\:ring-black-60 { + --tw-ring-color: var(--black-60, #00000099); } - .xl\:hover\:-translate-y-11:hover { - --tw-translate-y: -2.75rem; + .xl\:ring-black-50 { + --tw-ring-color: var(--black-50, #00000080); } - .xl\:hover\:-translate-y-12:hover { - --tw-translate-y: -3rem; + .xl\:ring-black-25 { + --tw-ring-color: var(--black-25, #00000040); } - .xl\:hover\:-translate-y-14:hover { - --tw-translate-y: -3.5rem; + .xl\:ring-black-10 { + --tw-ring-color: var(--black-10, #0000001a); } - .xl\:hover\:-translate-y-16:hover { - --tw-translate-y: -4rem; + .xl\:ring-white-25 { + --tw-ring-color: var(--white-25, #ffffff40); } - .xl\:hover\:-translate-y-20:hover { - --tw-translate-y: -5rem; + .xl\:ring-white-60 { + --tw-ring-color: var(--white-60, #ffffff99); } - .xl\:hover\:-translate-y-24:hover { - --tw-translate-y: -6rem; + .xl\:ring-black-64 { + --tw-ring-color: var(--black-64, #000000a3); } - .xl\:hover\:-translate-y-28:hover { - --tw-translate-y: -7rem; + .xl\:ring-Shadow\ and\ Highlight-Shadow { + --tw-ring-color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .xl\:hover\:-translate-y-32:hover { - --tw-translate-y: -8rem; + .xl\:ring-Shadow\ and\ Highlight-Highlight { + --tw-ring-color: var(--shadow-and-highlight-highlight, #474747); } - .xl\:hover\:-translate-y-36:hover { - --tw-translate-y: -9rem; + .xl\:ring-Shadow\ and\ Highlight-highlight\ one { + --tw-ring-color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .xl\:hover\:-translate-y-40:hover { - --tw-translate-y: -10rem; + .xl\:ring-Shadow\ and\ Highlight-highlight\ two { + --tw-ring-color: var(--shadow-and-highlight-highlight-two, #47474799); } - .xl\:hover\:-translate-y-44:hover { - --tw-translate-y: -11rem; + .xl\:ring-Shadow\ and\ Highlight-highlight\ three { + --tw-ring-color: var(--shadow-and-highlight-highlight-three, #47474766); } - .xl\:hover\:-translate-y-48:hover { - --tw-translate-y: -12rem; + .xl\:ring-Shadow\ and\ Highlight-highlight\ five { + --tw-ring-color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .xl\:hover\:-translate-y-52:hover { - --tw-translate-y: -13rem; + .xl\:ring-Shadow\ and\ Highlight-shadow\ one { + --tw-ring-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .xl\:hover\:-translate-y-56:hover { - --tw-translate-y: -14rem; + .xl\:ring-Shadow\ and\ Highlight-shadow\ two { + --tw-ring-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .xl\:hover\:-translate-y-60:hover { - --tw-translate-y: -15rem; + .xl\:ring-Shadow\ and\ Highlight-shadow\ three { + --tw-ring-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .xl\:hover\:-translate-y-64:hover { - --tw-translate-y: -16rem; + .xl\:ring-Shadow\ and\ Highlight-shadow\ four { + --tw-ring-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .xl\:hover\:-translate-y-72:hover { - --tw-translate-y: -18rem; + .xl\:ring-Shadow\ and\ Highlight-shadow\ five { + --tw-ring-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .xl\:hover\:-translate-y-80:hover { - --tw-translate-y: -20rem; + .xl\:ring-Shadow\ and\ Highlight-highlight\ four { + --tw-ring-color: var(--shadow-and-highlight-highlight-four, #47474740); } - .xl\:hover\:-translate-y-96:hover { - --tw-translate-y: -24rem; + .xl\:ring-Base\ Layer\ Styles-Base\ Layer-\ Light-White { + --tw-ring-color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .xl\:hover\:-translate-y-px:hover { - --tw-translate-y: -1px; + .xl\:ring-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite { + --tw-ring-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .xl\:hover\:-translate-y-0\.5:hover { - --tw-translate-y: -0.125rem; + .xl\:ring-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack { + --tw-ring-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .xl\:hover\:-translate-y-1\.5:hover { - --tw-translate-y: -0.375rem; + .xl\:ring-Base\ Layer\ Styles-Base\ Layer-Dark-Black { + --tw-ring-color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .xl\:hover\:-translate-y-2\.5:hover { - --tw-translate-y: -0.625rem; + .xl\:ring-Grey-Scale-white { + --tw-ring-color: var(--grey-scale-white, #ffffff); } - .xl\:hover\:-translate-y-3\.5:hover { - --tw-translate-y: -0.875rem; + .xl\:ring-Grey-Scale-off-white { + --tw-ring-color: var(--grey-scale-off-white, #f0edee); } - .xl\:hover\:translate-y-1\/2:hover { - --tw-translate-y: 50%; + .xl\:ring-Grey\ Scale-grey { + --tw-ring-color: var(--grey-scale-grey, #7f7e7f); } - .xl\:hover\:translate-y-1\/3:hover { - --tw-translate-y: 33.333333%; + .xl\:ring-Grey\ Scale-charcoal { + --tw-ring-color: var(--grey-scale-charcoal, #474747); } - .xl\:hover\:translate-y-2\/3:hover { - --tw-translate-y: 66.666667%; + .xl\:ring-Grey\ Scale-off-black { + --tw-ring-color: var(--grey-scale-off-black, #1c1c1c); } - .xl\:hover\:translate-y-1\/4:hover { - --tw-translate-y: 25%; + .xl\:ring-Grey\ Scale-black { + --tw-ring-color: var(--grey-scale-black, #000000); } - .xl\:hover\:translate-y-2\/4:hover { - --tw-translate-y: 50%; + .xl\:ring-Blue-blue { + --tw-ring-color: var(--blue-blue, #3a7ca5); } - .xl\:hover\:translate-y-3\/4:hover { - --tw-translate-y: 75%; + .xl\:ring-Blue-blue-100 { + --tw-ring-color: var(--blue-blue-100, #75a3c0); } - .xl\:hover\:translate-y-full:hover { - --tw-translate-y: 100%; + .xl\:ring-Blue-blue-200 { + --tw-ring-color: var(--blue-blue-200, #9cbed2); } - .xl\:hover\:-translate-y-1\/2:hover { - --tw-translate-y: -50%; + .xl\:ring-Blue-blue-300 { + --tw-ring-color: var(--blue-blue-300, #4f7d9a); } - .xl\:hover\:-translate-y-1\/3:hover { - --tw-translate-y: -33.333333%; + .xl\:ring-Blue-blue-400 { + --tw-ring-color: var(--blue-blue-400, #5c7d92); } - .xl\:hover\:-translate-y-2\/3:hover { - --tw-translate-y: -66.666667%; + .xl\:ring-Blue-blue-500 { + --tw-ring-color: var(--blue-blue-500, #347095); } - .xl\:hover\:-translate-y-1\/4:hover { - --tw-translate-y: -25%; + .xl\:ring-Blue-blue-600 { + --tw-ring-color: var(--blue-blue-600, #295774); } - .xl\:hover\:-translate-y-2\/4:hover { - --tw-translate-y: -50%; + .xl\:ring-Blue-blue-700 { + --tw-ring-color: var(--blue-blue-700, #173242); } - .xl\:hover\:-translate-y-3\/4:hover { - --tw-translate-y: -75%; + .xl\:ring-LightBlue-lightblue { + --tw-ring-color: var(--light-blue-lightblue, #81c3d7); } - .xl\:hover\:-translate-y-full:hover { - --tw-translate-y: -100%; + .xl\:ring-LightBlue-lightblue-100 { + --tw-ring-color: var(--light-blue-lightblue-100, #a7d5e3); } - .xl\:focus\:translate-x-0:focus { - --tw-translate-x: 0px; + .xl\:ring-LightBlue-lightblue-200 { + --tw-ring-color: var(--light-blue-lightblue-200, #c0e1eb); } - .xl\:focus\:translate-x-1:focus { - --tw-translate-x: 0.25rem; + .xl\:ring-LightBlue-lightblue-300 { + --tw-ring-color: var(--light-blue-lightblue-300, #80aebd); } - .xl\:focus\:translate-x-2:focus { - --tw-translate-x: 0.5rem; + .xl\:ring-LightBlue-lightblue-400 { + --tw-ring-color: var(--light-blue-lightblue-400, #80a0ab); } - .xl\:focus\:translate-x-3:focus { - --tw-translate-x: 0.75rem; + .xl\:ring-LightBlue-lightblue-500 { + --tw-ring-color: var(--light-blue-lightblue-500, #74afc1); } - .xl\:focus\:translate-x-4:focus { - --tw-translate-x: 1rem; + .xl\:ring-LightBlue-lightblue-600 { + --tw-ring-color: var(--light-blue-lightblue-600, #5a8997); } - .xl\:focus\:translate-x-5:focus { - --tw-translate-x: 1.25rem; + .xl\:ring-LightBlue-lightblue-650 { + --tw-ring-color: var(--light-blue-lightblue-650, #3e5e65); } - .xl\:focus\:translate-x-6:focus { - --tw-translate-x: 1.5rem; + .xl\:ring-LightBlue-lightblue-700 { + --tw-ring-color: var(--light-blue-lightblue-700, #344e56); } - .xl\:focus\:translate-x-7:focus { - --tw-translate-x: 1.75rem; + .xl\:ring-Orange-orange { + --tw-ring-color: var(--orange-orange, #ff7f0e); } - .xl\:focus\:translate-x-8:focus { - --tw-translate-x: 2rem; + .xl\:ring-Orange-orange-100 { + --tw-ring-color: var(--orange-orange-100, #ffa556); } - .xl\:focus\:translate-x-9:focus { - --tw-translate-x: 2.25rem; + .xl\:ring-Orange-orange-200 { + --tw-ring-color: var(--orange-orange-200, #ffbf86); } - .xl\:focus\:translate-x-10:focus { - --tw-translate-x: 2.5rem; + .xl\:ring-Orange-orange-300 { + --tw-ring-color: var(--orange-orange-300, #d97f30); } - .xl\:focus\:translate-x-11:focus { - --tw-translate-x: 2.75rem; + .xl\:ring-Orange-orange-400 { + --tw-ring-color: var(--orange-orange-400, #bf7e46); } - .xl\:focus\:translate-x-12:focus { - --tw-translate-x: 3rem; + .xl\:ring-Orange-orange-500 { + --tw-ring-color: var(--orange-orange-500, #e5720d); } - .xl\:focus\:translate-x-14:focus { - --tw-translate-x: 3.5rem; + .xl\:ring-Orange-orange-600 { + --tw-ring-color: var(--orange-orange-600, #b3590a); } - .xl\:focus\:translate-x-16:focus { - --tw-translate-x: 4rem; + .xl\:ring-Orange-orange-700 { + --tw-ring-color: var(--orange-orange-700, #663306); } - .xl\:focus\:translate-x-20:focus { - --tw-translate-x: 5rem; + .xl\:ring-Yellow-yellow { + --tw-ring-color: var(--yellow-yellow, #ffab00); } - .xl\:focus\:translate-x-24:focus { - --tw-translate-x: 6rem; + .xl\:ring-Yellow-yellow-100 { + --tw-ring-color: var(--yellow-yellow-100, #ffc44c); } - .xl\:focus\:translate-x-28:focus { - --tw-translate-x: 7rem; + .xl\:ring-Yellow-yellow-200 { + --tw-ring-color: var(--yellow-yellow-200, #ffd580); } - .xl\:focus\:translate-x-32:focus { - --tw-translate-x: 8rem; + .xl\:ring-Yellow-yellow-300 { + --tw-ring-color: var(--yellow-yellow-300, #d99d26); } - .xl\:focus\:translate-x-36:focus { - --tw-translate-x: 9rem; + .xl\:ring-Yellow-yellow-400 { + --tw-ring-color: var(--yellow-yellow-400, #bf943f); } - .xl\:focus\:translate-x-40:focus { - --tw-translate-x: 10rem; + .xl\:ring-Yellow-yellow-500 { + --tw-ring-color: var(--yellow-yellow-500, #e59a00); } - .xl\:focus\:translate-x-44:focus { - --tw-translate-x: 11rem; + .xl\:ring-Yellow-yellow-600 { + --tw-ring-color: var(--yellow-yellow-600, #b37800); } - .xl\:focus\:translate-x-48:focus { - --tw-translate-x: 12rem; + .xl\:ring-Yellow-yellow-700 { + --tw-ring-color: var(--yellow-yellow-700, #664400); } - .xl\:focus\:translate-x-52:focus { - --tw-translate-x: 13rem; + .xl\:ring-Notification-notification { + --tw-ring-color: var(--notification-notification, #3959ff); } - .xl\:focus\:translate-x-56:focus { - --tw-translate-x: 14rem; + .xl\:ring-Notification-notification-100 { + --tw-ring-color: var(--notification-notification-100, #748bff); } - .xl\:focus\:translate-x-60:focus { - --tw-translate-x: 15rem; + .xl\:ring-Notification-notification-200 { + --tw-ring-color: var(--notification-notification-200, #9cacff); } - .xl\:focus\:translate-x-64:focus { - --tw-translate-x: 16rem; + .xl\:ring-Notification-notification-300 { + --tw-ring-color: var(--notification-notification-300, #4e64d9); } - .xl\:focus\:translate-x-72:focus { - --tw-translate-x: 18rem; + .xl\:ring-Notification-notification-400 { + --tw-ring-color: var(--notification-notification-400, #5c6cbf); } - .xl\:focus\:translate-x-80:focus { - --tw-translate-x: 20rem; + .xl\:ring-Notification-notification-500 { + --tw-ring-color: var(--notification-notification-500, #3350e5); } - .xl\:focus\:translate-x-96:focus { - --tw-translate-x: 24rem; + .xl\:ring-Notification-notification-600 { + --tw-ring-color: var(--notification-notification-600, #283eb3); } - .xl\:focus\:translate-x-px:focus { - --tw-translate-x: 1px; + .xl\:ring-Notification-notification-700 { + --tw-ring-color: var(--notification-notification-700, #172466); } - .xl\:focus\:translate-x-0\.5:focus { - --tw-translate-x: 0.125rem; + .xl\:ring-Success-success\ -700 { + --tw-ring-color: var(--success-success-700, #24471f); } - .xl\:focus\:translate-x-1\.5:focus { - --tw-translate-x: 0.375rem; + .xl\:ring-Success-success { + --tw-ring-color: var(--success-success, #5bb14d); } - .xl\:focus\:translate-x-2\.5:focus { - --tw-translate-x: 0.625rem; + .xl\:ring-Success-success\ -100 { + --tw-ring-color: var(--success-success-100, #8cc882); } - .xl\:focus\:translate-x-3\.5:focus { - --tw-translate-x: 0.875rem; + .xl\:ring-Success-success\ -200 { + --tw-ring-color: var(--success-success-200, #add8a6); } - .xl\:focus\:-translate-x-0:focus { - --tw-translate-x: 0px; + .xl\:ring-Success-success\ -300 { + --tw-ring-color: var(--success-success-300, #66a25c); } - .xl\:focus\:-translate-x-1:focus { - --tw-translate-x: -0.25rem; + .xl\:ring-Success-success\ -400 { + --tw-ring-color: var(--success-success-400, #6d9766); } - .xl\:focus\:-translate-x-2:focus { - --tw-translate-x: -0.5rem; + .xl\:ring-Success-success\ -500 { + --tw-ring-color: var(--success-success-500, #529f45); } - .xl\:focus\:-translate-x-3:focus { - --tw-translate-x: -0.75rem; + .xl\:ring-Success-success\ -600 { + --tw-ring-color: var(--success-success-600, #407c36); } - .xl\:focus\:-translate-x-4:focus { - --tw-translate-x: -1rem; + .xl\:ring-Error-error { + --tw-ring-color: var(--error-error, #f03d3e); } - .xl\:focus\:-translate-x-5:focus { - --tw-translate-x: -1.25rem; + .xl\:ring-Error-error-100 { + --tw-ring-color: var(--error-error-100, #f57778); } - .xl\:focus\:-translate-x-6:focus { - --tw-translate-x: -1.5rem; + .xl\:ring-Error-error-200 { + --tw-ring-color: var(--error-error-200, #f89e9e); } - .xl\:focus\:-translate-x-7:focus { - --tw-translate-x: -1.75rem; + .xl\:ring-Error-error-250 { + --tw-ring-color: var(--error-error-250, #f9c8c8); } - .xl\:focus\:-translate-x-8:focus { - --tw-translate-x: -2rem; + .xl\:ring-Error-error-300 { + --tw-ring-color: var(--error-error-300, #ce5151); } - .xl\:focus\:-translate-x-9:focus { - --tw-translate-x: -2.25rem; + .xl\:ring-Error-error-400 { + --tw-ring-color: var(--error-error-400, #b85e5e); } - .xl\:focus\:-translate-x-10:focus { - --tw-translate-x: -2.5rem; + .xl\:ring-Error-error-500 { + --tw-ring-color: var(--error-error-500, #d83738); } - .xl\:focus\:-translate-x-11:focus { - --tw-translate-x: -2.75rem; + .xl\:ring-Error-error-600 { + --tw-ring-color: var(--error-error-600, #a82b2b); } - .xl\:focus\:-translate-x-12:focus { - --tw-translate-x: -3rem; + .xl\:ring-Error-error-700 { + --tw-ring-color: var(--error-error-700, #601819); } - .xl\:focus\:-translate-x-14:focus { - --tw-translate-x: -3.5rem; + .xl\:focus-within\:ring-colors-black:focus-within { + --tw-ring-color: var(--colors-black, #000000); } - .xl\:focus\:-translate-x-16:focus { - --tw-translate-x: -4rem; + .xl\:focus-within\:ring-colors-white:focus-within { + --tw-ring-color: var(--colors-white, #ffffff); } - .xl\:focus\:-translate-x-20:focus { - --tw-translate-x: -5rem; + .xl\:focus-within\:ring-colors-gray-100:focus-within { + --tw-ring-color: var(--colors-gray-100, #f7fafc); } - .xl\:focus\:-translate-x-24:focus { - --tw-translate-x: -6rem; + .xl\:focus-within\:ring-colors-gray-200:focus-within { + --tw-ring-color: var(--colors-gray-200, #edf2f7); } - .xl\:focus\:-translate-x-28:focus { - --tw-translate-x: -7rem; + .xl\:focus-within\:ring-colors-gray-300:focus-within { + --tw-ring-color: var(--colors-gray-300, #e2e8f0); } - .xl\:focus\:-translate-x-32:focus { - --tw-translate-x: -8rem; + .xl\:focus-within\:ring-colors-gray-400:focus-within { + --tw-ring-color: var(--colors-gray-400, #cbd5e0); } - .xl\:focus\:-translate-x-36:focus { - --tw-translate-x: -9rem; + .xl\:focus-within\:ring-colors-gray-500:focus-within { + --tw-ring-color: var(--colors-gray-500, #a0aec0); } - .xl\:focus\:-translate-x-40:focus { - --tw-translate-x: -10rem; + .xl\:focus-within\:ring-colors-gray-600:focus-within { + --tw-ring-color: var(--colors-gray-600, #718096); } - .xl\:focus\:-translate-x-44:focus { - --tw-translate-x: -11rem; + .xl\:focus-within\:ring-colors-gray-700:focus-within { + --tw-ring-color: var(--colors-gray-700, #4a5568); } - .xl\:focus\:-translate-x-48:focus { - --tw-translate-x: -12rem; + .xl\:focus-within\:ring-colors-gray-800:focus-within { + --tw-ring-color: var(--colors-gray-800, #2d3748); } - .xl\:focus\:-translate-x-52:focus { - --tw-translate-x: -13rem; + .xl\:focus-within\:ring-colors-gray-900:focus-within { + --tw-ring-color: var(--colors-gray-900, #1a202c); } - .xl\:focus\:-translate-x-56:focus { - --tw-translate-x: -14rem; + .xl\:focus-within\:ring-colors-red-100:focus-within { + --tw-ring-color: var(--colors-red-100, #fff5f5); } - .xl\:focus\:-translate-x-60:focus { - --tw-translate-x: -15rem; + .xl\:focus-within\:ring-colors-red-200:focus-within { + --tw-ring-color: var(--colors-red-200, #fed7d7); } - .xl\:focus\:-translate-x-64:focus { - --tw-translate-x: -16rem; + .xl\:focus-within\:ring-colors-red-300:focus-within { + --tw-ring-color: var(--colors-red-300, #feb2b2); } - .xl\:focus\:-translate-x-72:focus { - --tw-translate-x: -18rem; + .xl\:focus-within\:ring-colors-red-400:focus-within { + --tw-ring-color: var(--colors-red-400, #fc8181); } - .xl\:focus\:-translate-x-80:focus { - --tw-translate-x: -20rem; + .xl\:focus-within\:ring-colors-red-500:focus-within { + --tw-ring-color: var(--colors-red-500, #f56565); } - .xl\:focus\:-translate-x-96:focus { - --tw-translate-x: -24rem; + .xl\:focus-within\:ring-colors-red-600:focus-within { + --tw-ring-color: var(--colors-red-600, #e53e3e); } - .xl\:focus\:-translate-x-px:focus { - --tw-translate-x: -1px; + .xl\:focus-within\:ring-colors-red-700:focus-within { + --tw-ring-color: var(--colors-red-700, #c53030); } - .xl\:focus\:-translate-x-0\.5:focus { - --tw-translate-x: -0.125rem; + .xl\:focus-within\:ring-colors-red-800:focus-within { + --tw-ring-color: var(--colors-red-800, #9b2c2c); } - .xl\:focus\:-translate-x-1\.5:focus { - --tw-translate-x: -0.375rem; + .xl\:focus-within\:ring-colors-red-900:focus-within { + --tw-ring-color: var(--colors-red-900, #742a2a); } - .xl\:focus\:-translate-x-2\.5:focus { - --tw-translate-x: -0.625rem; + .xl\:focus-within\:ring-colors-orange-100:focus-within { + --tw-ring-color: var(--colors-orange-100, #fffaf0); } - .xl\:focus\:-translate-x-3\.5:focus { - --tw-translate-x: -0.875rem; + .xl\:focus-within\:ring-colors-orange-200:focus-within { + --tw-ring-color: var(--colors-orange-200, #feebc8); } - .xl\:focus\:translate-x-1\/2:focus { - --tw-translate-x: 50%; + .xl\:focus-within\:ring-colors-orange-300:focus-within { + --tw-ring-color: var(--colors-orange-300, #fbd38d); } - .xl\:focus\:translate-x-1\/3:focus { - --tw-translate-x: 33.333333%; + .xl\:focus-within\:ring-colors-orange-400:focus-within { + --tw-ring-color: var(--colors-orange-400, #f6ad55); } - .xl\:focus\:translate-x-2\/3:focus { - --tw-translate-x: 66.666667%; + .xl\:focus-within\:ring-colors-orange-500:focus-within { + --tw-ring-color: var(--colors-orange-500, #ed8936); } - .xl\:focus\:translate-x-1\/4:focus { - --tw-translate-x: 25%; + .xl\:focus-within\:ring-colors-orange-600:focus-within { + --tw-ring-color: var(--colors-orange-600, #dd6b20); } - .xl\:focus\:translate-x-2\/4:focus { - --tw-translate-x: 50%; + .xl\:focus-within\:ring-colors-orange-700:focus-within { + --tw-ring-color: var(--colors-orange-700, #c05621); } - .xl\:focus\:translate-x-3\/4:focus { - --tw-translate-x: 75%; + .xl\:focus-within\:ring-colors-orange-800:focus-within { + --tw-ring-color: var(--colors-orange-800, #9c4221); } - .xl\:focus\:translate-x-full:focus { - --tw-translate-x: 100%; + .xl\:focus-within\:ring-colors-orange-900:focus-within { + --tw-ring-color: var(--colors-orange-900, #7b341e); } - .xl\:focus\:-translate-x-1\/2:focus { - --tw-translate-x: -50%; + .xl\:focus-within\:ring-colors-yellow-100:focus-within { + --tw-ring-color: var(--colors-yellow-100, #fffff0); } - .xl\:focus\:-translate-x-1\/3:focus { - --tw-translate-x: -33.333333%; + .xl\:focus-within\:ring-colors-yellow-200:focus-within { + --tw-ring-color: var(--colors-yellow-200, #fefcbf); } - .xl\:focus\:-translate-x-2\/3:focus { - --tw-translate-x: -66.666667%; + .xl\:focus-within\:ring-colors-yellow-300:focus-within { + --tw-ring-color: var(--colors-yellow-300, #faf089); } - .xl\:focus\:-translate-x-1\/4:focus { - --tw-translate-x: -25%; + .xl\:focus-within\:ring-colors-yellow-400:focus-within { + --tw-ring-color: var(--colors-yellow-400, #f6e05e); } - .xl\:focus\:-translate-x-2\/4:focus { - --tw-translate-x: -50%; + .xl\:focus-within\:ring-colors-yellow-500:focus-within { + --tw-ring-color: var(--colors-yellow-500, #ecc94b); } - .xl\:focus\:-translate-x-3\/4:focus { - --tw-translate-x: -75%; + .xl\:focus-within\:ring-colors-yellow-600:focus-within { + --tw-ring-color: var(--colors-yellow-600, #d69e2e); } - .xl\:focus\:-translate-x-full:focus { - --tw-translate-x: -100%; + .xl\:focus-within\:ring-colors-yellow-700:focus-within { + --tw-ring-color: var(--colors-yellow-700, #b7791f); } - .xl\:focus\:translate-y-0:focus { - --tw-translate-y: 0px; + .xl\:focus-within\:ring-colors-yellow-800:focus-within { + --tw-ring-color: var(--colors-yellow-800, #975a16); } - .xl\:focus\:translate-y-1:focus { - --tw-translate-y: 0.25rem; + .xl\:focus-within\:ring-colors-yellow-900:focus-within { + --tw-ring-color: var(--colors-yellow-900, #744210); } - .xl\:focus\:translate-y-2:focus { - --tw-translate-y: 0.5rem; + .xl\:focus-within\:ring-colors-green-100:focus-within { + --tw-ring-color: var(--colors-green-100, #f0fff4); } - .xl\:focus\:translate-y-3:focus { - --tw-translate-y: 0.75rem; + .xl\:focus-within\:ring-colors-green-200:focus-within { + --tw-ring-color: var(--colors-green-200, #c6f6d5); } - .xl\:focus\:translate-y-4:focus { - --tw-translate-y: 1rem; + .xl\:focus-within\:ring-colors-green-300:focus-within { + --tw-ring-color: var(--colors-green-300, #9ae6b4); } - .xl\:focus\:translate-y-5:focus { - --tw-translate-y: 1.25rem; + .xl\:focus-within\:ring-colors-green-400:focus-within { + --tw-ring-color: var(--colors-green-400, #68d391); } - .xl\:focus\:translate-y-6:focus { - --tw-translate-y: 1.5rem; + .xl\:focus-within\:ring-colors-green-500:focus-within { + --tw-ring-color: var(--colors-green-500, #48bb78); } - .xl\:focus\:translate-y-7:focus { - --tw-translate-y: 1.75rem; + .xl\:focus-within\:ring-colors-green-600:focus-within { + --tw-ring-color: var(--colors-green-600, #38a169); } - .xl\:focus\:translate-y-8:focus { - --tw-translate-y: 2rem; + .xl\:focus-within\:ring-colors-green-700:focus-within { + --tw-ring-color: var(--colors-green-700, #2f855a); } - .xl\:focus\:translate-y-9:focus { - --tw-translate-y: 2.25rem; + .xl\:focus-within\:ring-colors-green-800:focus-within { + --tw-ring-color: var(--colors-green-800, #276749); } - .xl\:focus\:translate-y-10:focus { - --tw-translate-y: 2.5rem; + .xl\:focus-within\:ring-colors-green-900:focus-within { + --tw-ring-color: var(--colors-green-900, #22543d); } - .xl\:focus\:translate-y-11:focus { - --tw-translate-y: 2.75rem; + .xl\:focus-within\:ring-colors-teal-100:focus-within { + --tw-ring-color: var(--colors-teal-100, #e6fffa); } - .xl\:focus\:translate-y-12:focus { - --tw-translate-y: 3rem; + .xl\:focus-within\:ring-colors-teal-200:focus-within { + --tw-ring-color: var(--colors-teal-200, #b2f5ea); } - .xl\:focus\:translate-y-14:focus { - --tw-translate-y: 3.5rem; + .xl\:focus-within\:ring-colors-teal-300:focus-within { + --tw-ring-color: var(--colors-teal-300, #81e6d9); } - .xl\:focus\:translate-y-16:focus { - --tw-translate-y: 4rem; + .xl\:focus-within\:ring-colors-teal-400:focus-within { + --tw-ring-color: var(--colors-teal-400, #4fd1c5); } - .xl\:focus\:translate-y-20:focus { - --tw-translate-y: 5rem; + .xl\:focus-within\:ring-colors-teal-500:focus-within { + --tw-ring-color: var(--colors-teal-500, #38b2ac); } - .xl\:focus\:translate-y-24:focus { - --tw-translate-y: 6rem; + .xl\:focus-within\:ring-colors-teal-600:focus-within { + --tw-ring-color: var(--colors-teal-600, #319795); } - .xl\:focus\:translate-y-28:focus { - --tw-translate-y: 7rem; + .xl\:focus-within\:ring-colors-teal-700:focus-within { + --tw-ring-color: var(--colors-teal-700, #2c7a7b); } - .xl\:focus\:translate-y-32:focus { - --tw-translate-y: 8rem; + .xl\:focus-within\:ring-colors-teal-800:focus-within { + --tw-ring-color: var(--colors-teal-800, #285e61); } - .xl\:focus\:translate-y-36:focus { - --tw-translate-y: 9rem; + .xl\:focus-within\:ring-colors-teal-900:focus-within { + --tw-ring-color: var(--colors-teal-900, #234e52); } - .xl\:focus\:translate-y-40:focus { - --tw-translate-y: 10rem; + .xl\:focus-within\:ring-colors-blue-100:focus-within { + --tw-ring-color: var(--colors-blue-100, #ebf8ff); } - .xl\:focus\:translate-y-44:focus { - --tw-translate-y: 11rem; + .xl\:focus-within\:ring-colors-blue-200:focus-within { + --tw-ring-color: var(--colors-blue-200, #bee3f8); } - .xl\:focus\:translate-y-48:focus { - --tw-translate-y: 12rem; + .xl\:focus-within\:ring-colors-blue-300:focus-within { + --tw-ring-color: var(--colors-blue-300, #90cdf4); } - .xl\:focus\:translate-y-52:focus { - --tw-translate-y: 13rem; + .xl\:focus-within\:ring-colors-blue-400:focus-within { + --tw-ring-color: var(--colors-blue-400, #63b3ed); } - .xl\:focus\:translate-y-56:focus { - --tw-translate-y: 14rem; + .xl\:focus-within\:ring-colors-blue-500:focus-within { + --tw-ring-color: var(--colors-blue-500, #4299e1); } - .xl\:focus\:translate-y-60:focus { - --tw-translate-y: 15rem; + .xl\:focus-within\:ring-colors-blue-600:focus-within { + --tw-ring-color: var(--colors-blue-600, #3182ce); } - .xl\:focus\:translate-y-64:focus { - --tw-translate-y: 16rem; + .xl\:focus-within\:ring-colors-blue-700:focus-within { + --tw-ring-color: var(--colors-blue-700, #2b6cb0); } - .xl\:focus\:translate-y-72:focus { - --tw-translate-y: 18rem; + .xl\:focus-within\:ring-colors-blue-800:focus-within { + --tw-ring-color: var(--colors-blue-800, #2c5282); } - .xl\:focus\:translate-y-80:focus { - --tw-translate-y: 20rem; + .xl\:focus-within\:ring-colors-blue-900:focus-within { + --tw-ring-color: var(--colors-blue-900, #2a4365); } - .xl\:focus\:translate-y-96:focus { - --tw-translate-y: 24rem; + .xl\:focus-within\:ring-colors-indigo-100:focus-within { + --tw-ring-color: var(--colors-indigo-100, #ebf4ff); } - .xl\:focus\:translate-y-px:focus { - --tw-translate-y: 1px; + .xl\:focus-within\:ring-colors-indigo-200:focus-within { + --tw-ring-color: var(--colors-indigo-200, #c3dafe); } - .xl\:focus\:translate-y-0\.5:focus { - --tw-translate-y: 0.125rem; + .xl\:focus-within\:ring-colors-indigo-300:focus-within { + --tw-ring-color: var(--colors-indigo-300, #a3bffa); } - .xl\:focus\:translate-y-1\.5:focus { - --tw-translate-y: 0.375rem; + .xl\:focus-within\:ring-colors-indigo-400:focus-within { + --tw-ring-color: var(--colors-indigo-400, #7f9cf5); } - .xl\:focus\:translate-y-2\.5:focus { - --tw-translate-y: 0.625rem; + .xl\:focus-within\:ring-colors-indigo-500:focus-within { + --tw-ring-color: var(--colors-indigo-500, #667eea); } - .xl\:focus\:translate-y-3\.5:focus { - --tw-translate-y: 0.875rem; + .xl\:focus-within\:ring-colors-indigo-600:focus-within { + --tw-ring-color: var(--colors-indigo-600, #5a67d8); } - .xl\:focus\:-translate-y-0:focus { - --tw-translate-y: 0px; + .xl\:focus-within\:ring-colors-indigo-700:focus-within { + --tw-ring-color: var(--colors-indigo-700, #4c51bf); } - .xl\:focus\:-translate-y-1:focus { - --tw-translate-y: -0.25rem; + .xl\:focus-within\:ring-colors-indigo-800:focus-within { + --tw-ring-color: var(--colors-indigo-800, #434190); } - .xl\:focus\:-translate-y-2:focus { - --tw-translate-y: -0.5rem; + .xl\:focus-within\:ring-colors-indigo-900:focus-within { + --tw-ring-color: var(--colors-indigo-900, #3c366b); } - .xl\:focus\:-translate-y-3:focus { - --tw-translate-y: -0.75rem; + .xl\:focus-within\:ring-colors-purple-100:focus-within { + --tw-ring-color: var(--colors-purple-100, #faf5ff); } - .xl\:focus\:-translate-y-4:focus { - --tw-translate-y: -1rem; + .xl\:focus-within\:ring-colors-purple-200:focus-within { + --tw-ring-color: var(--colors-purple-200, #e9d8fd); } - .xl\:focus\:-translate-y-5:focus { - --tw-translate-y: -1.25rem; + .xl\:focus-within\:ring-colors-purple-300:focus-within { + --tw-ring-color: var(--colors-purple-300, #d6bcfa); } - .xl\:focus\:-translate-y-6:focus { - --tw-translate-y: -1.5rem; + .xl\:focus-within\:ring-colors-purple-400:focus-within { + --tw-ring-color: var(--colors-purple-400, #b794f4); } - .xl\:focus\:-translate-y-7:focus { - --tw-translate-y: -1.75rem; + .xl\:focus-within\:ring-colors-purple-500:focus-within { + --tw-ring-color: var(--colors-purple-500, #9f7aea); } - .xl\:focus\:-translate-y-8:focus { - --tw-translate-y: -2rem; + .xl\:focus-within\:ring-colors-purple-600:focus-within { + --tw-ring-color: var(--colors-purple-600, #805ad5); } - .xl\:focus\:-translate-y-9:focus { - --tw-translate-y: -2.25rem; + .xl\:focus-within\:ring-colors-purple-700:focus-within { + --tw-ring-color: var(--colors-purple-700, #6b46c1); } - .xl\:focus\:-translate-y-10:focus { - --tw-translate-y: -2.5rem; + .xl\:focus-within\:ring-colors-purple-800:focus-within { + --tw-ring-color: var(--colors-purple-800, #553c9a); } - .xl\:focus\:-translate-y-11:focus { - --tw-translate-y: -2.75rem; + .xl\:focus-within\:ring-colors-purple-900:focus-within { + --tw-ring-color: var(--colors-purple-900, #44337a); } - .xl\:focus\:-translate-y-12:focus { - --tw-translate-y: -3rem; + .xl\:focus-within\:ring-colors-pink-100:focus-within { + --tw-ring-color: var(--colors-pink-100, #fff5f7); } - .xl\:focus\:-translate-y-14:focus { - --tw-translate-y: -3.5rem; + .xl\:focus-within\:ring-colors-pink-200:focus-within { + --tw-ring-color: var(--colors-pink-200, #fed7e2); } - .xl\:focus\:-translate-y-16:focus { - --tw-translate-y: -4rem; + .xl\:focus-within\:ring-colors-pink-300:focus-within { + --tw-ring-color: var(--colors-pink-300, #fbb6ce); } - .xl\:focus\:-translate-y-20:focus { - --tw-translate-y: -5rem; + .xl\:focus-within\:ring-colors-pink-400:focus-within { + --tw-ring-color: var(--colors-pink-400, #f687b3); } - .xl\:focus\:-translate-y-24:focus { - --tw-translate-y: -6rem; + .xl\:focus-within\:ring-colors-pink-500:focus-within { + --tw-ring-color: var(--colors-pink-500, #ed64a6); } - .xl\:focus\:-translate-y-28:focus { - --tw-translate-y: -7rem; + .xl\:focus-within\:ring-colors-pink-600:focus-within { + --tw-ring-color: var(--colors-pink-600, #d53f8c); } - .xl\:focus\:-translate-y-32:focus { - --tw-translate-y: -8rem; + .xl\:focus-within\:ring-colors-pink-700:focus-within { + --tw-ring-color: var(--colors-pink-700, #b83280); } - .xl\:focus\:-translate-y-36:focus { - --tw-translate-y: -9rem; + .xl\:focus-within\:ring-colors-pink-800:focus-within { + --tw-ring-color: var(--colors-pink-800, #97266d); } - .xl\:focus\:-translate-y-40:focus { - --tw-translate-y: -10rem; + .xl\:focus-within\:ring-colors-pink-900:focus-within { + --tw-ring-color: var(--colors-pink-900, #702459); } - .xl\:focus\:-translate-y-44:focus { - --tw-translate-y: -11rem; + .xl\:focus-within\:ring-Box\ Shadow:focus-within { + --tw-ring-color: var(--box-shadow, #7f7e7f); } - .xl\:focus\:-translate-y-48:focus { - --tw-translate-y: -12rem; + .xl\:focus-within\:ring-Error16:focus-within { + --tw-ring-color: var(--error16, #f03d3e40); } - .xl\:focus\:-translate-y-52:focus { - --tw-translate-y: -13rem; + .xl\:focus-within\:ring-Success16:focus-within { + --tw-ring-color: var(--success16, #5bb14d40); } - .xl\:focus\:-translate-y-56:focus { - --tw-translate-y: -14rem; + .xl\:focus-within\:ring-Notification16:focus-within { + --tw-ring-color: var(--notification16, #3959ff40); } - .xl\:focus\:-translate-y-60:focus { - --tw-translate-y: -15rem; + .xl\:focus-within\:ring-Error8:focus-within { + --tw-ring-color: var(--error8, #f03d3e1a); } - .xl\:focus\:-translate-y-64:focus { - --tw-translate-y: -16rem; + .xl\:focus-within\:ring-Notification8:focus-within { + --tw-ring-color: var(--notification8, #3959ff1a); } - .xl\:focus\:-translate-y-72:focus { - --tw-translate-y: -18rem; + .xl\:focus-within\:ring-Success8:focus-within { + --tw-ring-color: var(--success8, #5bb14d1a); } - .xl\:focus\:-translate-y-80:focus { - --tw-translate-y: -20rem; + .xl\:focus-within\:ring-Light\ -\ Overlay:focus-within { + --tw-ring-color: var(--light-overlay, #f0edee66); } - .xl\:focus\:-translate-y-96:focus { - --tw-translate-y: -24rem; + .xl\:focus-within\:ring-Dark-\ Overlay:focus-within { + --tw-ring-color: var(--dark-overlay, #7f7e7f66); } - .xl\:focus\:-translate-y-px:focus { - --tw-translate-y: -1px; + .xl\:focus-within\:ring-black-40:focus-within { + --tw-ring-color: var(--black-40, #00000066); } - .xl\:focus\:-translate-y-0\.5:focus { - --tw-translate-y: -0.125rem; + .xl\:focus-within\:ring-black-75:focus-within { + --tw-ring-color: var(--black-75, #000000bf); } - .xl\:focus\:-translate-y-1\.5:focus { - --tw-translate-y: -0.375rem; + .xl\:focus-within\:ring-black-60:focus-within { + --tw-ring-color: var(--black-60, #00000099); } - .xl\:focus\:-translate-y-2\.5:focus { - --tw-translate-y: -0.625rem; + .xl\:focus-within\:ring-black-50:focus-within { + --tw-ring-color: var(--black-50, #00000080); } - .xl\:focus\:-translate-y-3\.5:focus { - --tw-translate-y: -0.875rem; + .xl\:focus-within\:ring-black-25:focus-within { + --tw-ring-color: var(--black-25, #00000040); } - .xl\:focus\:translate-y-1\/2:focus { - --tw-translate-y: 50%; + .xl\:focus-within\:ring-black-10:focus-within { + --tw-ring-color: var(--black-10, #0000001a); } - .xl\:focus\:translate-y-1\/3:focus { - --tw-translate-y: 33.333333%; + .xl\:focus-within\:ring-white-25:focus-within { + --tw-ring-color: var(--white-25, #ffffff40); } - .xl\:focus\:translate-y-2\/3:focus { - --tw-translate-y: 66.666667%; + .xl\:focus-within\:ring-white-60:focus-within { + --tw-ring-color: var(--white-60, #ffffff99); } - .xl\:focus\:translate-y-1\/4:focus { - --tw-translate-y: 25%; + .xl\:focus-within\:ring-black-64:focus-within { + --tw-ring-color: var(--black-64, #000000a3); } - .xl\:focus\:translate-y-2\/4:focus { - --tw-translate-y: 50%; + .xl\:focus-within\:ring-Shadow\ and\ Highlight-Shadow:focus-within { + --tw-ring-color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .xl\:focus\:translate-y-3\/4:focus { - --tw-translate-y: 75%; + .xl\:focus-within\:ring-Shadow\ and\ Highlight-Highlight:focus-within { + --tw-ring-color: var(--shadow-and-highlight-highlight, #474747); } - .xl\:focus\:translate-y-full:focus { - --tw-translate-y: 100%; + .xl\:focus-within\:ring-Shadow\ and\ Highlight-highlight\ one:focus-within { + --tw-ring-color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .xl\:focus\:-translate-y-1\/2:focus { - --tw-translate-y: -50%; + .xl\:focus-within\:ring-Shadow\ and\ Highlight-highlight\ two:focus-within { + --tw-ring-color: var(--shadow-and-highlight-highlight-two, #47474799); } - .xl\:focus\:-translate-y-1\/3:focus { - --tw-translate-y: -33.333333%; + .xl\:focus-within\:ring-Shadow\ and\ Highlight-highlight\ three:focus-within { + --tw-ring-color: var(--shadow-and-highlight-highlight-three, #47474766); } - .xl\:focus\:-translate-y-2\/3:focus { - --tw-translate-y: -66.666667%; + .xl\:focus-within\:ring-Shadow\ and\ Highlight-highlight\ five:focus-within { + --tw-ring-color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .xl\:focus\:-translate-y-1\/4:focus { - --tw-translate-y: -25%; + .xl\:focus-within\:ring-Shadow\ and\ Highlight-shadow\ one:focus-within { + --tw-ring-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .xl\:focus\:-translate-y-2\/4:focus { - --tw-translate-y: -50%; + .xl\:focus-within\:ring-Shadow\ and\ Highlight-shadow\ two:focus-within { + --tw-ring-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .xl\:focus\:-translate-y-3\/4:focus { - --tw-translate-y: -75%; + .xl\:focus-within\:ring-Shadow\ and\ Highlight-shadow\ three:focus-within { + --tw-ring-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .xl\:focus\:-translate-y-full:focus { - --tw-translate-y: -100%; + .xl\:focus-within\:ring-Shadow\ and\ Highlight-shadow\ four:focus-within { + --tw-ring-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .xl\:rotate-0 { - --tw-rotate: 0deg; + .xl\:focus-within\:ring-Shadow\ and\ Highlight-shadow\ five:focus-within { + --tw-ring-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .xl\:rotate-1 { - --tw-rotate: 1deg; + .xl\:focus-within\:ring-Shadow\ and\ Highlight-highlight\ four:focus-within { + --tw-ring-color: var(--shadow-and-highlight-highlight-four, #47474740); } - .xl\:rotate-2 { - --tw-rotate: 2deg; + .xl\:focus-within\:ring-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus-within { + --tw-ring-color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .xl\:rotate-3 { - --tw-rotate: 3deg; + .xl\:focus-within\:ring-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus-within { + --tw-ring-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .xl\:rotate-6 { - --tw-rotate: 6deg; + .xl\:focus-within\:ring-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus-within { + --tw-ring-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .xl\:rotate-12 { - --tw-rotate: 12deg; + .xl\:focus-within\:ring-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus-within { + --tw-ring-color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .xl\:rotate-45 { - --tw-rotate: 45deg; + .xl\:focus-within\:ring-Grey-Scale-white:focus-within { + --tw-ring-color: var(--grey-scale-white, #ffffff); } - .xl\:rotate-90 { - --tw-rotate: 90deg; + .xl\:focus-within\:ring-Grey-Scale-off-white:focus-within { + --tw-ring-color: var(--grey-scale-off-white, #f0edee); } - .xl\:rotate-180 { - --tw-rotate: 180deg; + .xl\:focus-within\:ring-Grey\ Scale-grey:focus-within { + --tw-ring-color: var(--grey-scale-grey, #7f7e7f); } - .xl\:-rotate-180 { - --tw-rotate: -180deg; + .xl\:focus-within\:ring-Grey\ Scale-charcoal:focus-within { + --tw-ring-color: var(--grey-scale-charcoal, #474747); } - .xl\:-rotate-90 { - --tw-rotate: -90deg; + .xl\:focus-within\:ring-Grey\ Scale-off-black:focus-within { + --tw-ring-color: var(--grey-scale-off-black, #1c1c1c); } - .xl\:-rotate-45 { - --tw-rotate: -45deg; + .xl\:focus-within\:ring-Grey\ Scale-black:focus-within { + --tw-ring-color: var(--grey-scale-black, #000000); } - .xl\:-rotate-12 { - --tw-rotate: -12deg; + .xl\:focus-within\:ring-Blue-blue:focus-within { + --tw-ring-color: var(--blue-blue, #3a7ca5); } - .xl\:-rotate-6 { - --tw-rotate: -6deg; + .xl\:focus-within\:ring-Blue-blue-100:focus-within { + --tw-ring-color: var(--blue-blue-100, #75a3c0); } - .xl\:-rotate-3 { - --tw-rotate: -3deg; + .xl\:focus-within\:ring-Blue-blue-200:focus-within { + --tw-ring-color: var(--blue-blue-200, #9cbed2); } - .xl\:-rotate-2 { - --tw-rotate: -2deg; + .xl\:focus-within\:ring-Blue-blue-300:focus-within { + --tw-ring-color: var(--blue-blue-300, #4f7d9a); } - .xl\:-rotate-1 { - --tw-rotate: -1deg; + .xl\:focus-within\:ring-Blue-blue-400:focus-within { + --tw-ring-color: var(--blue-blue-400, #5c7d92); } - .xl\:hover\:rotate-0:hover { - --tw-rotate: 0deg; + .xl\:focus-within\:ring-Blue-blue-500:focus-within { + --tw-ring-color: var(--blue-blue-500, #347095); } - .xl\:hover\:rotate-1:hover { - --tw-rotate: 1deg; + .xl\:focus-within\:ring-Blue-blue-600:focus-within { + --tw-ring-color: var(--blue-blue-600, #295774); } - .xl\:hover\:rotate-2:hover { - --tw-rotate: 2deg; + .xl\:focus-within\:ring-Blue-blue-700:focus-within { + --tw-ring-color: var(--blue-blue-700, #173242); } - .xl\:hover\:rotate-3:hover { - --tw-rotate: 3deg; + .xl\:focus-within\:ring-LightBlue-lightblue:focus-within { + --tw-ring-color: var(--light-blue-lightblue, #81c3d7); } - .xl\:hover\:rotate-6:hover { - --tw-rotate: 6deg; + .xl\:focus-within\:ring-LightBlue-lightblue-100:focus-within { + --tw-ring-color: var(--light-blue-lightblue-100, #a7d5e3); } - .xl\:hover\:rotate-12:hover { - --tw-rotate: 12deg; + .xl\:focus-within\:ring-LightBlue-lightblue-200:focus-within { + --tw-ring-color: var(--light-blue-lightblue-200, #c0e1eb); } - .xl\:hover\:rotate-45:hover { - --tw-rotate: 45deg; + .xl\:focus-within\:ring-LightBlue-lightblue-300:focus-within { + --tw-ring-color: var(--light-blue-lightblue-300, #80aebd); } - .xl\:hover\:rotate-90:hover { - --tw-rotate: 90deg; + .xl\:focus-within\:ring-LightBlue-lightblue-400:focus-within { + --tw-ring-color: var(--light-blue-lightblue-400, #80a0ab); } - .xl\:hover\:rotate-180:hover { - --tw-rotate: 180deg; + .xl\:focus-within\:ring-LightBlue-lightblue-500:focus-within { + --tw-ring-color: var(--light-blue-lightblue-500, #74afc1); } - .xl\:hover\:-rotate-180:hover { - --tw-rotate: -180deg; + .xl\:focus-within\:ring-LightBlue-lightblue-600:focus-within { + --tw-ring-color: var(--light-blue-lightblue-600, #5a8997); } - .xl\:hover\:-rotate-90:hover { - --tw-rotate: -90deg; + .xl\:focus-within\:ring-LightBlue-lightblue-650:focus-within { + --tw-ring-color: var(--light-blue-lightblue-650, #3e5e65); } - .xl\:hover\:-rotate-45:hover { - --tw-rotate: -45deg; + .xl\:focus-within\:ring-LightBlue-lightblue-700:focus-within { + --tw-ring-color: var(--light-blue-lightblue-700, #344e56); } - .xl\:hover\:-rotate-12:hover { - --tw-rotate: -12deg; + .xl\:focus-within\:ring-Orange-orange:focus-within { + --tw-ring-color: var(--orange-orange, #ff7f0e); } - .xl\:hover\:-rotate-6:hover { - --tw-rotate: -6deg; + .xl\:focus-within\:ring-Orange-orange-100:focus-within { + --tw-ring-color: var(--orange-orange-100, #ffa556); } - .xl\:hover\:-rotate-3:hover { - --tw-rotate: -3deg; + .xl\:focus-within\:ring-Orange-orange-200:focus-within { + --tw-ring-color: var(--orange-orange-200, #ffbf86); } - .xl\:hover\:-rotate-2:hover { - --tw-rotate: -2deg; + .xl\:focus-within\:ring-Orange-orange-300:focus-within { + --tw-ring-color: var(--orange-orange-300, #d97f30); } - .xl\:hover\:-rotate-1:hover { - --tw-rotate: -1deg; + .xl\:focus-within\:ring-Orange-orange-400:focus-within { + --tw-ring-color: var(--orange-orange-400, #bf7e46); } - .xl\:focus\:rotate-0:focus { - --tw-rotate: 0deg; + .xl\:focus-within\:ring-Orange-orange-500:focus-within { + --tw-ring-color: var(--orange-orange-500, #e5720d); } - .xl\:focus\:rotate-1:focus { - --tw-rotate: 1deg; + .xl\:focus-within\:ring-Orange-orange-600:focus-within { + --tw-ring-color: var(--orange-orange-600, #b3590a); } - .xl\:focus\:rotate-2:focus { - --tw-rotate: 2deg; + .xl\:focus-within\:ring-Orange-orange-700:focus-within { + --tw-ring-color: var(--orange-orange-700, #663306); } - .xl\:focus\:rotate-3:focus { - --tw-rotate: 3deg; + .xl\:focus-within\:ring-Yellow-yellow:focus-within { + --tw-ring-color: var(--yellow-yellow, #ffab00); } - .xl\:focus\:rotate-6:focus { - --tw-rotate: 6deg; + .xl\:focus-within\:ring-Yellow-yellow-100:focus-within { + --tw-ring-color: var(--yellow-yellow-100, #ffc44c); } - .xl\:focus\:rotate-12:focus { - --tw-rotate: 12deg; + .xl\:focus-within\:ring-Yellow-yellow-200:focus-within { + --tw-ring-color: var(--yellow-yellow-200, #ffd580); } - .xl\:focus\:rotate-45:focus { - --tw-rotate: 45deg; + .xl\:focus-within\:ring-Yellow-yellow-300:focus-within { + --tw-ring-color: var(--yellow-yellow-300, #d99d26); } - .xl\:focus\:rotate-90:focus { - --tw-rotate: 90deg; + .xl\:focus-within\:ring-Yellow-yellow-400:focus-within { + --tw-ring-color: var(--yellow-yellow-400, #bf943f); } - .xl\:focus\:rotate-180:focus { - --tw-rotate: 180deg; + .xl\:focus-within\:ring-Yellow-yellow-500:focus-within { + --tw-ring-color: var(--yellow-yellow-500, #e59a00); } - .xl\:focus\:-rotate-180:focus { - --tw-rotate: -180deg; + .xl\:focus-within\:ring-Yellow-yellow-600:focus-within { + --tw-ring-color: var(--yellow-yellow-600, #b37800); } - .xl\:focus\:-rotate-90:focus { - --tw-rotate: -90deg; + .xl\:focus-within\:ring-Yellow-yellow-700:focus-within { + --tw-ring-color: var(--yellow-yellow-700, #664400); } - .xl\:focus\:-rotate-45:focus { - --tw-rotate: -45deg; + .xl\:focus-within\:ring-Notification-notification:focus-within { + --tw-ring-color: var(--notification-notification, #3959ff); } - .xl\:focus\:-rotate-12:focus { - --tw-rotate: -12deg; + .xl\:focus-within\:ring-Notification-notification-100:focus-within { + --tw-ring-color: var(--notification-notification-100, #748bff); } - .xl\:focus\:-rotate-6:focus { - --tw-rotate: -6deg; + .xl\:focus-within\:ring-Notification-notification-200:focus-within { + --tw-ring-color: var(--notification-notification-200, #9cacff); } - .xl\:focus\:-rotate-3:focus { - --tw-rotate: -3deg; + .xl\:focus-within\:ring-Notification-notification-300:focus-within { + --tw-ring-color: var(--notification-notification-300, #4e64d9); } - .xl\:focus\:-rotate-2:focus { - --tw-rotate: -2deg; + .xl\:focus-within\:ring-Notification-notification-400:focus-within { + --tw-ring-color: var(--notification-notification-400, #5c6cbf); } - .xl\:focus\:-rotate-1:focus { - --tw-rotate: -1deg; + .xl\:focus-within\:ring-Notification-notification-500:focus-within { + --tw-ring-color: var(--notification-notification-500, #3350e5); } - .xl\:skew-x-0 { - --tw-skew-x: 0deg; + .xl\:focus-within\:ring-Notification-notification-600:focus-within { + --tw-ring-color: var(--notification-notification-600, #283eb3); } - .xl\:skew-x-1 { - --tw-skew-x: 1deg; + .xl\:focus-within\:ring-Notification-notification-700:focus-within { + --tw-ring-color: var(--notification-notification-700, #172466); } - .xl\:skew-x-2 { - --tw-skew-x: 2deg; + .xl\:focus-within\:ring-Success-success\ -700:focus-within { + --tw-ring-color: var(--success-success-700, #24471f); } - .xl\:skew-x-3 { - --tw-skew-x: 3deg; + .xl\:focus-within\:ring-Success-success:focus-within { + --tw-ring-color: var(--success-success, #5bb14d); } - .xl\:skew-x-6 { - --tw-skew-x: 6deg; + .xl\:focus-within\:ring-Success-success\ -100:focus-within { + --tw-ring-color: var(--success-success-100, #8cc882); } - .xl\:skew-x-12 { - --tw-skew-x: 12deg; + .xl\:focus-within\:ring-Success-success\ -200:focus-within { + --tw-ring-color: var(--success-success-200, #add8a6); } - .xl\:-skew-x-12 { - --tw-skew-x: -12deg; + .xl\:focus-within\:ring-Success-success\ -300:focus-within { + --tw-ring-color: var(--success-success-300, #66a25c); } - .xl\:-skew-x-6 { - --tw-skew-x: -6deg; + .xl\:focus-within\:ring-Success-success\ -400:focus-within { + --tw-ring-color: var(--success-success-400, #6d9766); } - .xl\:-skew-x-3 { - --tw-skew-x: -3deg; + .xl\:focus-within\:ring-Success-success\ -500:focus-within { + --tw-ring-color: var(--success-success-500, #529f45); } - .xl\:-skew-x-2 { - --tw-skew-x: -2deg; + .xl\:focus-within\:ring-Success-success\ -600:focus-within { + --tw-ring-color: var(--success-success-600, #407c36); } - .xl\:-skew-x-1 { - --tw-skew-x: -1deg; + .xl\:focus-within\:ring-Error-error:focus-within { + --tw-ring-color: var(--error-error, #f03d3e); } - .xl\:skew-y-0 { - --tw-skew-y: 0deg; + .xl\:focus-within\:ring-Error-error-100:focus-within { + --tw-ring-color: var(--error-error-100, #f57778); } - .xl\:skew-y-1 { - --tw-skew-y: 1deg; + .xl\:focus-within\:ring-Error-error-200:focus-within { + --tw-ring-color: var(--error-error-200, #f89e9e); } - .xl\:skew-y-2 { - --tw-skew-y: 2deg; + .xl\:focus-within\:ring-Error-error-250:focus-within { + --tw-ring-color: var(--error-error-250, #f9c8c8); } - .xl\:skew-y-3 { - --tw-skew-y: 3deg; + .xl\:focus-within\:ring-Error-error-300:focus-within { + --tw-ring-color: var(--error-error-300, #ce5151); } - .xl\:skew-y-6 { - --tw-skew-y: 6deg; + .xl\:focus-within\:ring-Error-error-400:focus-within { + --tw-ring-color: var(--error-error-400, #b85e5e); } - .xl\:skew-y-12 { - --tw-skew-y: 12deg; + .xl\:focus-within\:ring-Error-error-500:focus-within { + --tw-ring-color: var(--error-error-500, #d83738); } - .xl\:-skew-y-12 { - --tw-skew-y: -12deg; + .xl\:focus-within\:ring-Error-error-600:focus-within { + --tw-ring-color: var(--error-error-600, #a82b2b); } - .xl\:-skew-y-6 { - --tw-skew-y: -6deg; + .xl\:focus-within\:ring-Error-error-700:focus-within { + --tw-ring-color: var(--error-error-700, #601819); } - .xl\:-skew-y-3 { - --tw-skew-y: -3deg; + .xl\:focus\:ring-colors-black:focus { + --tw-ring-color: var(--colors-black, #000000); } - .xl\:-skew-y-2 { - --tw-skew-y: -2deg; + .xl\:focus\:ring-colors-white:focus { + --tw-ring-color: var(--colors-white, #ffffff); } - .xl\:-skew-y-1 { - --tw-skew-y: -1deg; + .xl\:focus\:ring-colors-gray-100:focus { + --tw-ring-color: var(--colors-gray-100, #f7fafc); } - .xl\:hover\:skew-x-0:hover { - --tw-skew-x: 0deg; + .xl\:focus\:ring-colors-gray-200:focus { + --tw-ring-color: var(--colors-gray-200, #edf2f7); + } + + .xl\:focus\:ring-colors-gray-300:focus { + --tw-ring-color: var(--colors-gray-300, #e2e8f0); } - .xl\:hover\:skew-x-1:hover { - --tw-skew-x: 1deg; + .xl\:focus\:ring-colors-gray-400:focus { + --tw-ring-color: var(--colors-gray-400, #cbd5e0); } - .xl\:hover\:skew-x-2:hover { - --tw-skew-x: 2deg; + .xl\:focus\:ring-colors-gray-500:focus { + --tw-ring-color: var(--colors-gray-500, #a0aec0); } - .xl\:hover\:skew-x-3:hover { - --tw-skew-x: 3deg; + .xl\:focus\:ring-colors-gray-600:focus { + --tw-ring-color: var(--colors-gray-600, #718096); } - .xl\:hover\:skew-x-6:hover { - --tw-skew-x: 6deg; + .xl\:focus\:ring-colors-gray-700:focus { + --tw-ring-color: var(--colors-gray-700, #4a5568); } - .xl\:hover\:skew-x-12:hover { - --tw-skew-x: 12deg; + .xl\:focus\:ring-colors-gray-800:focus { + --tw-ring-color: var(--colors-gray-800, #2d3748); } - .xl\:hover\:-skew-x-12:hover { - --tw-skew-x: -12deg; + .xl\:focus\:ring-colors-gray-900:focus { + --tw-ring-color: var(--colors-gray-900, #1a202c); } - .xl\:hover\:-skew-x-6:hover { - --tw-skew-x: -6deg; + .xl\:focus\:ring-colors-red-100:focus { + --tw-ring-color: var(--colors-red-100, #fff5f5); } - .xl\:hover\:-skew-x-3:hover { - --tw-skew-x: -3deg; + .xl\:focus\:ring-colors-red-200:focus { + --tw-ring-color: var(--colors-red-200, #fed7d7); } - .xl\:hover\:-skew-x-2:hover { - --tw-skew-x: -2deg; + .xl\:focus\:ring-colors-red-300:focus { + --tw-ring-color: var(--colors-red-300, #feb2b2); } - .xl\:hover\:-skew-x-1:hover { - --tw-skew-x: -1deg; + .xl\:focus\:ring-colors-red-400:focus { + --tw-ring-color: var(--colors-red-400, #fc8181); } - .xl\:hover\:skew-y-0:hover { - --tw-skew-y: 0deg; + .xl\:focus\:ring-colors-red-500:focus { + --tw-ring-color: var(--colors-red-500, #f56565); } - .xl\:hover\:skew-y-1:hover { - --tw-skew-y: 1deg; + .xl\:focus\:ring-colors-red-600:focus { + --tw-ring-color: var(--colors-red-600, #e53e3e); } - .xl\:hover\:skew-y-2:hover { - --tw-skew-y: 2deg; + .xl\:focus\:ring-colors-red-700:focus { + --tw-ring-color: var(--colors-red-700, #c53030); } - .xl\:hover\:skew-y-3:hover { - --tw-skew-y: 3deg; + .xl\:focus\:ring-colors-red-800:focus { + --tw-ring-color: var(--colors-red-800, #9b2c2c); } - .xl\:hover\:skew-y-6:hover { - --tw-skew-y: 6deg; + .xl\:focus\:ring-colors-red-900:focus { + --tw-ring-color: var(--colors-red-900, #742a2a); } - .xl\:hover\:skew-y-12:hover { - --tw-skew-y: 12deg; + .xl\:focus\:ring-colors-orange-100:focus { + --tw-ring-color: var(--colors-orange-100, #fffaf0); } - .xl\:hover\:-skew-y-12:hover { - --tw-skew-y: -12deg; + .xl\:focus\:ring-colors-orange-200:focus { + --tw-ring-color: var(--colors-orange-200, #feebc8); } - .xl\:hover\:-skew-y-6:hover { - --tw-skew-y: -6deg; + .xl\:focus\:ring-colors-orange-300:focus { + --tw-ring-color: var(--colors-orange-300, #fbd38d); } - .xl\:hover\:-skew-y-3:hover { - --tw-skew-y: -3deg; + .xl\:focus\:ring-colors-orange-400:focus { + --tw-ring-color: var(--colors-orange-400, #f6ad55); } - .xl\:hover\:-skew-y-2:hover { - --tw-skew-y: -2deg; + .xl\:focus\:ring-colors-orange-500:focus { + --tw-ring-color: var(--colors-orange-500, #ed8936); } - .xl\:hover\:-skew-y-1:hover { - --tw-skew-y: -1deg; + .xl\:focus\:ring-colors-orange-600:focus { + --tw-ring-color: var(--colors-orange-600, #dd6b20); } - .xl\:focus\:skew-x-0:focus { - --tw-skew-x: 0deg; + .xl\:focus\:ring-colors-orange-700:focus { + --tw-ring-color: var(--colors-orange-700, #c05621); } - .xl\:focus\:skew-x-1:focus { - --tw-skew-x: 1deg; + .xl\:focus\:ring-colors-orange-800:focus { + --tw-ring-color: var(--colors-orange-800, #9c4221); } - .xl\:focus\:skew-x-2:focus { - --tw-skew-x: 2deg; + .xl\:focus\:ring-colors-orange-900:focus { + --tw-ring-color: var(--colors-orange-900, #7b341e); } - .xl\:focus\:skew-x-3:focus { - --tw-skew-x: 3deg; + .xl\:focus\:ring-colors-yellow-100:focus { + --tw-ring-color: var(--colors-yellow-100, #fffff0); } - .xl\:focus\:skew-x-6:focus { - --tw-skew-x: 6deg; + .xl\:focus\:ring-colors-yellow-200:focus { + --tw-ring-color: var(--colors-yellow-200, #fefcbf); } - .xl\:focus\:skew-x-12:focus { - --tw-skew-x: 12deg; + .xl\:focus\:ring-colors-yellow-300:focus { + --tw-ring-color: var(--colors-yellow-300, #faf089); } - .xl\:focus\:-skew-x-12:focus { - --tw-skew-x: -12deg; + .xl\:focus\:ring-colors-yellow-400:focus { + --tw-ring-color: var(--colors-yellow-400, #f6e05e); } - .xl\:focus\:-skew-x-6:focus { - --tw-skew-x: -6deg; + .xl\:focus\:ring-colors-yellow-500:focus { + --tw-ring-color: var(--colors-yellow-500, #ecc94b); } - .xl\:focus\:-skew-x-3:focus { - --tw-skew-x: -3deg; + .xl\:focus\:ring-colors-yellow-600:focus { + --tw-ring-color: var(--colors-yellow-600, #d69e2e); } - .xl\:focus\:-skew-x-2:focus { - --tw-skew-x: -2deg; + .xl\:focus\:ring-colors-yellow-700:focus { + --tw-ring-color: var(--colors-yellow-700, #b7791f); } - .xl\:focus\:-skew-x-1:focus { - --tw-skew-x: -1deg; + .xl\:focus\:ring-colors-yellow-800:focus { + --tw-ring-color: var(--colors-yellow-800, #975a16); } - .xl\:focus\:skew-y-0:focus { - --tw-skew-y: 0deg; + .xl\:focus\:ring-colors-yellow-900:focus { + --tw-ring-color: var(--colors-yellow-900, #744210); } - .xl\:focus\:skew-y-1:focus { - --tw-skew-y: 1deg; + .xl\:focus\:ring-colors-green-100:focus { + --tw-ring-color: var(--colors-green-100, #f0fff4); } - .xl\:focus\:skew-y-2:focus { - --tw-skew-y: 2deg; + .xl\:focus\:ring-colors-green-200:focus { + --tw-ring-color: var(--colors-green-200, #c6f6d5); } - .xl\:focus\:skew-y-3:focus { - --tw-skew-y: 3deg; + .xl\:focus\:ring-colors-green-300:focus { + --tw-ring-color: var(--colors-green-300, #9ae6b4); } - .xl\:focus\:skew-y-6:focus { - --tw-skew-y: 6deg; + .xl\:focus\:ring-colors-green-400:focus { + --tw-ring-color: var(--colors-green-400, #68d391); } - .xl\:focus\:skew-y-12:focus { - --tw-skew-y: 12deg; + .xl\:focus\:ring-colors-green-500:focus { + --tw-ring-color: var(--colors-green-500, #48bb78); } - .xl\:focus\:-skew-y-12:focus { - --tw-skew-y: -12deg; + .xl\:focus\:ring-colors-green-600:focus { + --tw-ring-color: var(--colors-green-600, #38a169); } - .xl\:focus\:-skew-y-6:focus { - --tw-skew-y: -6deg; + .xl\:focus\:ring-colors-green-700:focus { + --tw-ring-color: var(--colors-green-700, #2f855a); } - .xl\:focus\:-skew-y-3:focus { - --tw-skew-y: -3deg; + .xl\:focus\:ring-colors-green-800:focus { + --tw-ring-color: var(--colors-green-800, #276749); } - .xl\:focus\:-skew-y-2:focus { - --tw-skew-y: -2deg; + .xl\:focus\:ring-colors-green-900:focus { + --tw-ring-color: var(--colors-green-900, #22543d); } - .xl\:focus\:-skew-y-1:focus { - --tw-skew-y: -1deg; + .xl\:focus\:ring-colors-teal-100:focus { + --tw-ring-color: var(--colors-teal-100, #e6fffa); } - .xl\:scale-0 { - --tw-scale-x: 0; - --tw-scale-y: 0; + .xl\:focus\:ring-colors-teal-200:focus { + --tw-ring-color: var(--colors-teal-200, #b2f5ea); } - .xl\:scale-50 { - --tw-scale-x: .5; - --tw-scale-y: .5; + .xl\:focus\:ring-colors-teal-300:focus { + --tw-ring-color: var(--colors-teal-300, #81e6d9); } - .xl\:scale-75 { - --tw-scale-x: .75; - --tw-scale-y: .75; + .xl\:focus\:ring-colors-teal-400:focus { + --tw-ring-color: var(--colors-teal-400, #4fd1c5); } - .xl\:scale-90 { - --tw-scale-x: .9; - --tw-scale-y: .9; + .xl\:focus\:ring-colors-teal-500:focus { + --tw-ring-color: var(--colors-teal-500, #38b2ac); } - .xl\:scale-95 { - --tw-scale-x: .95; - --tw-scale-y: .95; + .xl\:focus\:ring-colors-teal-600:focus { + --tw-ring-color: var(--colors-teal-600, #319795); } - .xl\:scale-100 { - --tw-scale-x: 1; - --tw-scale-y: 1; + .xl\:focus\:ring-colors-teal-700:focus { + --tw-ring-color: var(--colors-teal-700, #2c7a7b); } - .xl\:scale-105 { - --tw-scale-x: 1.05; - --tw-scale-y: 1.05; + .xl\:focus\:ring-colors-teal-800:focus { + --tw-ring-color: var(--colors-teal-800, #285e61); } - .xl\:scale-110 { - --tw-scale-x: 1.1; - --tw-scale-y: 1.1; + .xl\:focus\:ring-colors-teal-900:focus { + --tw-ring-color: var(--colors-teal-900, #234e52); } - .xl\:scale-125 { - --tw-scale-x: 1.25; - --tw-scale-y: 1.25; + .xl\:focus\:ring-colors-blue-100:focus { + --tw-ring-color: var(--colors-blue-100, #ebf8ff); } - .xl\:scale-150 { - --tw-scale-x: 1.5; - --tw-scale-y: 1.5; + .xl\:focus\:ring-colors-blue-200:focus { + --tw-ring-color: var(--colors-blue-200, #bee3f8); } - .xl\:hover\:scale-0:hover { - --tw-scale-x: 0; - --tw-scale-y: 0; + .xl\:focus\:ring-colors-blue-300:focus { + --tw-ring-color: var(--colors-blue-300, #90cdf4); } - .xl\:hover\:scale-50:hover { - --tw-scale-x: .5; - --tw-scale-y: .5; + .xl\:focus\:ring-colors-blue-400:focus { + --tw-ring-color: var(--colors-blue-400, #63b3ed); } - .xl\:hover\:scale-75:hover { - --tw-scale-x: .75; - --tw-scale-y: .75; + .xl\:focus\:ring-colors-blue-500:focus { + --tw-ring-color: var(--colors-blue-500, #4299e1); } - .xl\:hover\:scale-90:hover { - --tw-scale-x: .9; - --tw-scale-y: .9; + .xl\:focus\:ring-colors-blue-600:focus { + --tw-ring-color: var(--colors-blue-600, #3182ce); } - .xl\:hover\:scale-95:hover { - --tw-scale-x: .95; - --tw-scale-y: .95; + .xl\:focus\:ring-colors-blue-700:focus { + --tw-ring-color: var(--colors-blue-700, #2b6cb0); } - .xl\:hover\:scale-100:hover { - --tw-scale-x: 1; - --tw-scale-y: 1; + .xl\:focus\:ring-colors-blue-800:focus { + --tw-ring-color: var(--colors-blue-800, #2c5282); } - .xl\:hover\:scale-105:hover { - --tw-scale-x: 1.05; - --tw-scale-y: 1.05; + .xl\:focus\:ring-colors-blue-900:focus { + --tw-ring-color: var(--colors-blue-900, #2a4365); } - .xl\:hover\:scale-110:hover { - --tw-scale-x: 1.1; - --tw-scale-y: 1.1; + .xl\:focus\:ring-colors-indigo-100:focus { + --tw-ring-color: var(--colors-indigo-100, #ebf4ff); } - .xl\:hover\:scale-125:hover { - --tw-scale-x: 1.25; - --tw-scale-y: 1.25; + .xl\:focus\:ring-colors-indigo-200:focus { + --tw-ring-color: var(--colors-indigo-200, #c3dafe); } - .xl\:hover\:scale-150:hover { - --tw-scale-x: 1.5; - --tw-scale-y: 1.5; + .xl\:focus\:ring-colors-indigo-300:focus { + --tw-ring-color: var(--colors-indigo-300, #a3bffa); } - .xl\:focus\:scale-0:focus { - --tw-scale-x: 0; - --tw-scale-y: 0; + .xl\:focus\:ring-colors-indigo-400:focus { + --tw-ring-color: var(--colors-indigo-400, #7f9cf5); } - .xl\:focus\:scale-50:focus { - --tw-scale-x: .5; - --tw-scale-y: .5; + .xl\:focus\:ring-colors-indigo-500:focus { + --tw-ring-color: var(--colors-indigo-500, #667eea); } - .xl\:focus\:scale-75:focus { - --tw-scale-x: .75; - --tw-scale-y: .75; + .xl\:focus\:ring-colors-indigo-600:focus { + --tw-ring-color: var(--colors-indigo-600, #5a67d8); } - .xl\:focus\:scale-90:focus { - --tw-scale-x: .9; - --tw-scale-y: .9; + .xl\:focus\:ring-colors-indigo-700:focus { + --tw-ring-color: var(--colors-indigo-700, #4c51bf); } - .xl\:focus\:scale-95:focus { - --tw-scale-x: .95; - --tw-scale-y: .95; + .xl\:focus\:ring-colors-indigo-800:focus { + --tw-ring-color: var(--colors-indigo-800, #434190); } - .xl\:focus\:scale-100:focus { - --tw-scale-x: 1; - --tw-scale-y: 1; + .xl\:focus\:ring-colors-indigo-900:focus { + --tw-ring-color: var(--colors-indigo-900, #3c366b); } - .xl\:focus\:scale-105:focus { - --tw-scale-x: 1.05; - --tw-scale-y: 1.05; + .xl\:focus\:ring-colors-purple-100:focus { + --tw-ring-color: var(--colors-purple-100, #faf5ff); } - .xl\:focus\:scale-110:focus { - --tw-scale-x: 1.1; - --tw-scale-y: 1.1; + .xl\:focus\:ring-colors-purple-200:focus { + --tw-ring-color: var(--colors-purple-200, #e9d8fd); } - .xl\:focus\:scale-125:focus { - --tw-scale-x: 1.25; - --tw-scale-y: 1.25; + .xl\:focus\:ring-colors-purple-300:focus { + --tw-ring-color: var(--colors-purple-300, #d6bcfa); } - .xl\:focus\:scale-150:focus { - --tw-scale-x: 1.5; - --tw-scale-y: 1.5; + .xl\:focus\:ring-colors-purple-400:focus { + --tw-ring-color: var(--colors-purple-400, #b794f4); } - .xl\:scale-x-0 { - --tw-scale-x: 0; + .xl\:focus\:ring-colors-purple-500:focus { + --tw-ring-color: var(--colors-purple-500, #9f7aea); } - .xl\:scale-x-50 { - --tw-scale-x: .5; + .xl\:focus\:ring-colors-purple-600:focus { + --tw-ring-color: var(--colors-purple-600, #805ad5); } - .xl\:scale-x-75 { - --tw-scale-x: .75; + .xl\:focus\:ring-colors-purple-700:focus { + --tw-ring-color: var(--colors-purple-700, #6b46c1); } - .xl\:scale-x-90 { - --tw-scale-x: .9; + .xl\:focus\:ring-colors-purple-800:focus { + --tw-ring-color: var(--colors-purple-800, #553c9a); } - .xl\:scale-x-95 { - --tw-scale-x: .95; + .xl\:focus\:ring-colors-purple-900:focus { + --tw-ring-color: var(--colors-purple-900, #44337a); } - .xl\:scale-x-100 { - --tw-scale-x: 1; + .xl\:focus\:ring-colors-pink-100:focus { + --tw-ring-color: var(--colors-pink-100, #fff5f7); } - .xl\:scale-x-105 { - --tw-scale-x: 1.05; + .xl\:focus\:ring-colors-pink-200:focus { + --tw-ring-color: var(--colors-pink-200, #fed7e2); } - .xl\:scale-x-110 { - --tw-scale-x: 1.1; + .xl\:focus\:ring-colors-pink-300:focus { + --tw-ring-color: var(--colors-pink-300, #fbb6ce); } - .xl\:scale-x-125 { - --tw-scale-x: 1.25; + .xl\:focus\:ring-colors-pink-400:focus { + --tw-ring-color: var(--colors-pink-400, #f687b3); } - .xl\:scale-x-150 { - --tw-scale-x: 1.5; + .xl\:focus\:ring-colors-pink-500:focus { + --tw-ring-color: var(--colors-pink-500, #ed64a6); } - .xl\:scale-y-0 { - --tw-scale-y: 0; + .xl\:focus\:ring-colors-pink-600:focus { + --tw-ring-color: var(--colors-pink-600, #d53f8c); } - .xl\:scale-y-50 { - --tw-scale-y: .5; + .xl\:focus\:ring-colors-pink-700:focus { + --tw-ring-color: var(--colors-pink-700, #b83280); } - .xl\:scale-y-75 { - --tw-scale-y: .75; + .xl\:focus\:ring-colors-pink-800:focus { + --tw-ring-color: var(--colors-pink-800, #97266d); } - .xl\:scale-y-90 { - --tw-scale-y: .9; + .xl\:focus\:ring-colors-pink-900:focus { + --tw-ring-color: var(--colors-pink-900, #702459); } - .xl\:scale-y-95 { - --tw-scale-y: .95; + .xl\:focus\:ring-Box\ Shadow:focus { + --tw-ring-color: var(--box-shadow, #7f7e7f); } - .xl\:scale-y-100 { - --tw-scale-y: 1; + .xl\:focus\:ring-Error16:focus { + --tw-ring-color: var(--error16, #f03d3e40); } - .xl\:scale-y-105 { - --tw-scale-y: 1.05; + .xl\:focus\:ring-Success16:focus { + --tw-ring-color: var(--success16, #5bb14d40); } - .xl\:scale-y-110 { - --tw-scale-y: 1.1; + .xl\:focus\:ring-Notification16:focus { + --tw-ring-color: var(--notification16, #3959ff40); } - .xl\:scale-y-125 { - --tw-scale-y: 1.25; + .xl\:focus\:ring-Error8:focus { + --tw-ring-color: var(--error8, #f03d3e1a); } - .xl\:scale-y-150 { - --tw-scale-y: 1.5; + .xl\:focus\:ring-Notification8:focus { + --tw-ring-color: var(--notification8, #3959ff1a); } - .xl\:hover\:scale-x-0:hover { - --tw-scale-x: 0; + .xl\:focus\:ring-Success8:focus { + --tw-ring-color: var(--success8, #5bb14d1a); } - .xl\:hover\:scale-x-50:hover { - --tw-scale-x: .5; + .xl\:focus\:ring-Light\ -\ Overlay:focus { + --tw-ring-color: var(--light-overlay, #f0edee66); } - .xl\:hover\:scale-x-75:hover { - --tw-scale-x: .75; + .xl\:focus\:ring-Dark-\ Overlay:focus { + --tw-ring-color: var(--dark-overlay, #7f7e7f66); } - .xl\:hover\:scale-x-90:hover { - --tw-scale-x: .9; + .xl\:focus\:ring-black-40:focus { + --tw-ring-color: var(--black-40, #00000066); } - .xl\:hover\:scale-x-95:hover { - --tw-scale-x: .95; + .xl\:focus\:ring-black-75:focus { + --tw-ring-color: var(--black-75, #000000bf); } - .xl\:hover\:scale-x-100:hover { - --tw-scale-x: 1; + .xl\:focus\:ring-black-60:focus { + --tw-ring-color: var(--black-60, #00000099); } - .xl\:hover\:scale-x-105:hover { - --tw-scale-x: 1.05; + .xl\:focus\:ring-black-50:focus { + --tw-ring-color: var(--black-50, #00000080); } - .xl\:hover\:scale-x-110:hover { - --tw-scale-x: 1.1; + .xl\:focus\:ring-black-25:focus { + --tw-ring-color: var(--black-25, #00000040); } - .xl\:hover\:scale-x-125:hover { - --tw-scale-x: 1.25; + .xl\:focus\:ring-black-10:focus { + --tw-ring-color: var(--black-10, #0000001a); } - .xl\:hover\:scale-x-150:hover { - --tw-scale-x: 1.5; + .xl\:focus\:ring-white-25:focus { + --tw-ring-color: var(--white-25, #ffffff40); } - .xl\:hover\:scale-y-0:hover { - --tw-scale-y: 0; + .xl\:focus\:ring-white-60:focus { + --tw-ring-color: var(--white-60, #ffffff99); } - .xl\:hover\:scale-y-50:hover { - --tw-scale-y: .5; + .xl\:focus\:ring-black-64:focus { + --tw-ring-color: var(--black-64, #000000a3); } - .xl\:hover\:scale-y-75:hover { - --tw-scale-y: .75; + .xl\:focus\:ring-Shadow\ and\ Highlight-Shadow:focus { + --tw-ring-color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .xl\:hover\:scale-y-90:hover { - --tw-scale-y: .9; + .xl\:focus\:ring-Shadow\ and\ Highlight-Highlight:focus { + --tw-ring-color: var(--shadow-and-highlight-highlight, #474747); } - .xl\:hover\:scale-y-95:hover { - --tw-scale-y: .95; + .xl\:focus\:ring-Shadow\ and\ Highlight-highlight\ one:focus { + --tw-ring-color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .xl\:hover\:scale-y-100:hover { - --tw-scale-y: 1; + .xl\:focus\:ring-Shadow\ and\ Highlight-highlight\ two:focus { + --tw-ring-color: var(--shadow-and-highlight-highlight-two, #47474799); } - .xl\:hover\:scale-y-105:hover { - --tw-scale-y: 1.05; + .xl\:focus\:ring-Shadow\ and\ Highlight-highlight\ three:focus { + --tw-ring-color: var(--shadow-and-highlight-highlight-three, #47474766); } - .xl\:hover\:scale-y-110:hover { - --tw-scale-y: 1.1; + .xl\:focus\:ring-Shadow\ and\ Highlight-highlight\ five:focus { + --tw-ring-color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .xl\:hover\:scale-y-125:hover { - --tw-scale-y: 1.25; + .xl\:focus\:ring-Shadow\ and\ Highlight-shadow\ one:focus { + --tw-ring-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .xl\:hover\:scale-y-150:hover { - --tw-scale-y: 1.5; + .xl\:focus\:ring-Shadow\ and\ Highlight-shadow\ two:focus { + --tw-ring-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .xl\:focus\:scale-x-0:focus { - --tw-scale-x: 0; + .xl\:focus\:ring-Shadow\ and\ Highlight-shadow\ three:focus { + --tw-ring-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .xl\:focus\:scale-x-50:focus { - --tw-scale-x: .5; + .xl\:focus\:ring-Shadow\ and\ Highlight-shadow\ four:focus { + --tw-ring-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .xl\:focus\:scale-x-75:focus { - --tw-scale-x: .75; + .xl\:focus\:ring-Shadow\ and\ Highlight-shadow\ five:focus { + --tw-ring-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .xl\:focus\:scale-x-90:focus { - --tw-scale-x: .9; + .xl\:focus\:ring-Shadow\ and\ Highlight-highlight\ four:focus { + --tw-ring-color: var(--shadow-and-highlight-highlight-four, #47474740); } - .xl\:focus\:scale-x-95:focus { - --tw-scale-x: .95; + .xl\:focus\:ring-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus { + --tw-ring-color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .xl\:focus\:scale-x-100:focus { - --tw-scale-x: 1; + .xl\:focus\:ring-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus { + --tw-ring-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .xl\:focus\:scale-x-105:focus { - --tw-scale-x: 1.05; + .xl\:focus\:ring-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus { + --tw-ring-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .xl\:focus\:scale-x-110:focus { - --tw-scale-x: 1.1; + .xl\:focus\:ring-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus { + --tw-ring-color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .xl\:focus\:scale-x-125:focus { - --tw-scale-x: 1.25; + .xl\:focus\:ring-Grey-Scale-white:focus { + --tw-ring-color: var(--grey-scale-white, #ffffff); } - .xl\:focus\:scale-x-150:focus { - --tw-scale-x: 1.5; + .xl\:focus\:ring-Grey-Scale-off-white:focus { + --tw-ring-color: var(--grey-scale-off-white, #f0edee); } - .xl\:focus\:scale-y-0:focus { - --tw-scale-y: 0; + .xl\:focus\:ring-Grey\ Scale-grey:focus { + --tw-ring-color: var(--grey-scale-grey, #7f7e7f); } - .xl\:focus\:scale-y-50:focus { - --tw-scale-y: .5; + .xl\:focus\:ring-Grey\ Scale-charcoal:focus { + --tw-ring-color: var(--grey-scale-charcoal, #474747); } - .xl\:focus\:scale-y-75:focus { - --tw-scale-y: .75; + .xl\:focus\:ring-Grey\ Scale-off-black:focus { + --tw-ring-color: var(--grey-scale-off-black, #1c1c1c); } - .xl\:focus\:scale-y-90:focus { - --tw-scale-y: .9; + .xl\:focus\:ring-Grey\ Scale-black:focus { + --tw-ring-color: var(--grey-scale-black, #000000); } - .xl\:focus\:scale-y-95:focus { - --tw-scale-y: .95; + .xl\:focus\:ring-Blue-blue:focus { + --tw-ring-color: var(--blue-blue, #3a7ca5); } - .xl\:focus\:scale-y-100:focus { - --tw-scale-y: 1; + .xl\:focus\:ring-Blue-blue-100:focus { + --tw-ring-color: var(--blue-blue-100, #75a3c0); } - .xl\:focus\:scale-y-105:focus { - --tw-scale-y: 1.05; + .xl\:focus\:ring-Blue-blue-200:focus { + --tw-ring-color: var(--blue-blue-200, #9cbed2); } - .xl\:focus\:scale-y-110:focus { - --tw-scale-y: 1.1; + .xl\:focus\:ring-Blue-blue-300:focus { + --tw-ring-color: var(--blue-blue-300, #4f7d9a); } - .xl\:focus\:scale-y-125:focus { - --tw-scale-y: 1.25; + .xl\:focus\:ring-Blue-blue-400:focus { + --tw-ring-color: var(--blue-blue-400, #5c7d92); } - .xl\:focus\:scale-y-150:focus { - --tw-scale-y: 1.5; + .xl\:focus\:ring-Blue-blue-500:focus { + --tw-ring-color: var(--blue-blue-500, #347095); } - .xl\:animate-none { - animation: none; + .xl\:focus\:ring-Blue-blue-600:focus { + --tw-ring-color: var(--blue-blue-600, #295774); } - .xl\:animate-spin { - animation: spin 1s linear infinite; + .xl\:focus\:ring-Blue-blue-700:focus { + --tw-ring-color: var(--blue-blue-700, #173242); } - .xl\:animate-ping { - animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; + .xl\:focus\:ring-LightBlue-lightblue:focus { + --tw-ring-color: var(--light-blue-lightblue, #81c3d7); } - .xl\:animate-pulse { - animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; + .xl\:focus\:ring-LightBlue-lightblue-100:focus { + --tw-ring-color: var(--light-blue-lightblue-100, #a7d5e3); } - .xl\:animate-bounce { - animation: bounce 1s infinite; + .xl\:focus\:ring-LightBlue-lightblue-200:focus { + --tw-ring-color: var(--light-blue-lightblue-200, #c0e1eb); } - .xl\:cursor-auto { - cursor: auto; + .xl\:focus\:ring-LightBlue-lightblue-300:focus { + --tw-ring-color: var(--light-blue-lightblue-300, #80aebd); } - .xl\:cursor-default { - cursor: default; + .xl\:focus\:ring-LightBlue-lightblue-400:focus { + --tw-ring-color: var(--light-blue-lightblue-400, #80a0ab); } - .xl\:cursor-pointer { - cursor: pointer; + .xl\:focus\:ring-LightBlue-lightblue-500:focus { + --tw-ring-color: var(--light-blue-lightblue-500, #74afc1); } - .xl\:cursor-wait { - cursor: wait; + .xl\:focus\:ring-LightBlue-lightblue-600:focus { + --tw-ring-color: var(--light-blue-lightblue-600, #5a8997); } - .xl\:cursor-text { - cursor: text; + .xl\:focus\:ring-LightBlue-lightblue-650:focus { + --tw-ring-color: var(--light-blue-lightblue-650, #3e5e65); } - .xl\:cursor-move { - cursor: move; + .xl\:focus\:ring-LightBlue-lightblue-700:focus { + --tw-ring-color: var(--light-blue-lightblue-700, #344e56); } - .xl\:cursor-help { - cursor: help; + .xl\:focus\:ring-Orange-orange:focus { + --tw-ring-color: var(--orange-orange, #ff7f0e); } - .xl\:cursor-not-allowed { - cursor: not-allowed; + .xl\:focus\:ring-Orange-orange-100:focus { + --tw-ring-color: var(--orange-orange-100, #ffa556); } - .xl\:select-none { - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; + .xl\:focus\:ring-Orange-orange-200:focus { + --tw-ring-color: var(--orange-orange-200, #ffbf86); } - .xl\:select-text { - -webkit-user-select: text; - -moz-user-select: text; - user-select: text; + .xl\:focus\:ring-Orange-orange-300:focus { + --tw-ring-color: var(--orange-orange-300, #d97f30); } - .xl\:select-all { - -webkit-user-select: all; - -moz-user-select: all; - user-select: all; + .xl\:focus\:ring-Orange-orange-400:focus { + --tw-ring-color: var(--orange-orange-400, #bf7e46); } - .xl\:select-auto { - -webkit-user-select: auto; - -moz-user-select: auto; - user-select: auto; + .xl\:focus\:ring-Orange-orange-500:focus { + --tw-ring-color: var(--orange-orange-500, #e5720d); } - .xl\:resize-none { - resize: none; + .xl\:focus\:ring-Orange-orange-600:focus { + --tw-ring-color: var(--orange-orange-600, #b3590a); } - .xl\:resize-y { - resize: vertical; + .xl\:focus\:ring-Orange-orange-700:focus { + --tw-ring-color: var(--orange-orange-700, #663306); } - .xl\:resize-x { - resize: horizontal; + .xl\:focus\:ring-Yellow-yellow:focus { + --tw-ring-color: var(--yellow-yellow, #ffab00); } - .xl\:resize { - resize: both; + .xl\:focus\:ring-Yellow-yellow-100:focus { + --tw-ring-color: var(--yellow-yellow-100, #ffc44c); } - .xl\:list-inside { - list-style-position: inside; + .xl\:focus\:ring-Yellow-yellow-200:focus { + --tw-ring-color: var(--yellow-yellow-200, #ffd580); } - .xl\:list-outside { - list-style-position: outside; + .xl\:focus\:ring-Yellow-yellow-300:focus { + --tw-ring-color: var(--yellow-yellow-300, #d99d26); } - .xl\:list-none { - list-style-type: none; + .xl\:focus\:ring-Yellow-yellow-400:focus { + --tw-ring-color: var(--yellow-yellow-400, #bf943f); } - .xl\:list-disc { - list-style-type: disc; + .xl\:focus\:ring-Yellow-yellow-500:focus { + --tw-ring-color: var(--yellow-yellow-500, #e59a00); } - .xl\:list-decimal { - list-style-type: decimal; + .xl\:focus\:ring-Yellow-yellow-600:focus { + --tw-ring-color: var(--yellow-yellow-600, #b37800); } - .xl\:appearance-none { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; + .xl\:focus\:ring-Yellow-yellow-700:focus { + --tw-ring-color: var(--yellow-yellow-700, #664400); } - .xl\:auto-cols-auto { - grid-auto-columns: auto; + .xl\:focus\:ring-Notification-notification:focus { + --tw-ring-color: var(--notification-notification, #3959ff); } - .xl\:auto-cols-min { - grid-auto-columns: min-content; + .xl\:focus\:ring-Notification-notification-100:focus { + --tw-ring-color: var(--notification-notification-100, #748bff); } - .xl\:auto-cols-max { - grid-auto-columns: max-content; + .xl\:focus\:ring-Notification-notification-200:focus { + --tw-ring-color: var(--notification-notification-200, #9cacff); } - .xl\:auto-cols-fr { - grid-auto-columns: minmax(0, 1fr); + .xl\:focus\:ring-Notification-notification-300:focus { + --tw-ring-color: var(--notification-notification-300, #4e64d9); } - .xl\:grid-flow-row { - grid-auto-flow: row; + .xl\:focus\:ring-Notification-notification-400:focus { + --tw-ring-color: var(--notification-notification-400, #5c6cbf); } - .xl\:grid-flow-col { - grid-auto-flow: column; + .xl\:focus\:ring-Notification-notification-500:focus { + --tw-ring-color: var(--notification-notification-500, #3350e5); } - .xl\:grid-flow-row-dense { - grid-auto-flow: row dense; + .xl\:focus\:ring-Notification-notification-600:focus { + --tw-ring-color: var(--notification-notification-600, #283eb3); } - .xl\:grid-flow-col-dense { - grid-auto-flow: column dense; + .xl\:focus\:ring-Notification-notification-700:focus { + --tw-ring-color: var(--notification-notification-700, #172466); } - .xl\:auto-rows-auto { - grid-auto-rows: auto; + .xl\:focus\:ring-Success-success\ -700:focus { + --tw-ring-color: var(--success-success-700, #24471f); } - .xl\:auto-rows-min { - grid-auto-rows: min-content; + .xl\:focus\:ring-Success-success:focus { + --tw-ring-color: var(--success-success, #5bb14d); } - .xl\:auto-rows-max { - grid-auto-rows: max-content; + .xl\:focus\:ring-Success-success\ -100:focus { + --tw-ring-color: var(--success-success-100, #8cc882); } - .xl\:auto-rows-fr { - grid-auto-rows: minmax(0, 1fr); + .xl\:focus\:ring-Success-success\ -200:focus { + --tw-ring-color: var(--success-success-200, #add8a6); } - .xl\:grid-cols-1 { - grid-template-columns: repeat(1, minmax(0, 1fr)); + .xl\:focus\:ring-Success-success\ -300:focus { + --tw-ring-color: var(--success-success-300, #66a25c); } - .xl\:grid-cols-2 { - grid-template-columns: repeat(2, minmax(0, 1fr)); + .xl\:focus\:ring-Success-success\ -400:focus { + --tw-ring-color: var(--success-success-400, #6d9766); } - .xl\:grid-cols-3 { - grid-template-columns: repeat(3, minmax(0, 1fr)); + .xl\:focus\:ring-Success-success\ -500:focus { + --tw-ring-color: var(--success-success-500, #529f45); } - .xl\:grid-cols-4 { - grid-template-columns: repeat(4, minmax(0, 1fr)); + .xl\:focus\:ring-Success-success\ -600:focus { + --tw-ring-color: var(--success-success-600, #407c36); } - .xl\:grid-cols-5 { - grid-template-columns: repeat(5, minmax(0, 1fr)); + .xl\:focus\:ring-Error-error:focus { + --tw-ring-color: var(--error-error, #f03d3e); } - .xl\:grid-cols-6 { - grid-template-columns: repeat(6, minmax(0, 1fr)); + .xl\:focus\:ring-Error-error-100:focus { + --tw-ring-color: var(--error-error-100, #f57778); } - .xl\:grid-cols-7 { - grid-template-columns: repeat(7, minmax(0, 1fr)); + .xl\:focus\:ring-Error-error-200:focus { + --tw-ring-color: var(--error-error-200, #f89e9e); } - .xl\:grid-cols-8 { - grid-template-columns: repeat(8, minmax(0, 1fr)); + .xl\:focus\:ring-Error-error-250:focus { + --tw-ring-color: var(--error-error-250, #f9c8c8); } - .xl\:grid-cols-9 { - grid-template-columns: repeat(9, minmax(0, 1fr)); + .xl\:focus\:ring-Error-error-300:focus { + --tw-ring-color: var(--error-error-300, #ce5151); } - .xl\:grid-cols-10 { - grid-template-columns: repeat(10, minmax(0, 1fr)); + .xl\:focus\:ring-Error-error-400:focus { + --tw-ring-color: var(--error-error-400, #b85e5e); } - .xl\:grid-cols-11 { - grid-template-columns: repeat(11, minmax(0, 1fr)); + .xl\:focus\:ring-Error-error-500:focus { + --tw-ring-color: var(--error-error-500, #d83738); } - .xl\:grid-cols-12 { - grid-template-columns: repeat(12, minmax(0, 1fr)); + .xl\:focus\:ring-Error-error-600:focus { + --tw-ring-color: var(--error-error-600, #a82b2b); } - .xl\:grid-cols-none { - grid-template-columns: none; + .xl\:focus\:ring-Error-error-700:focus { + --tw-ring-color: var(--error-error-700, #601819); } - .xl\:grid-rows-1 { - grid-template-rows: repeat(1, minmax(0, 1fr)); + .xl\:ring-opacity-0 { + --tw-ring-opacity: 0; } - .xl\:grid-rows-2 { - grid-template-rows: repeat(2, minmax(0, 1fr)); + .xl\:ring-opacity-5 { + --tw-ring-opacity: 0.05; } - .xl\:grid-rows-3 { - grid-template-rows: repeat(3, minmax(0, 1fr)); + .xl\:ring-opacity-10 { + --tw-ring-opacity: 0.1; } - .xl\:grid-rows-4 { - grid-template-rows: repeat(4, minmax(0, 1fr)); + .xl\:ring-opacity-20 { + --tw-ring-opacity: 0.2; } - .xl\:grid-rows-5 { - grid-template-rows: repeat(5, minmax(0, 1fr)); + .xl\:ring-opacity-25 { + --tw-ring-opacity: 0.25; } - .xl\:grid-rows-6 { - grid-template-rows: repeat(6, minmax(0, 1fr)); + .xl\:ring-opacity-30 { + --tw-ring-opacity: 0.3; } - .xl\:grid-rows-none { - grid-template-rows: none; + .xl\:ring-opacity-40 { + --tw-ring-opacity: 0.4; } - .xl\:flex-row { - flex-direction: row; + .xl\:ring-opacity-50 { + --tw-ring-opacity: 0.5; } - .xl\:flex-row-reverse { - flex-direction: row-reverse; + .xl\:ring-opacity-60 { + --tw-ring-opacity: 0.6; } - .xl\:flex-col { - flex-direction: column; + .xl\:ring-opacity-70 { + --tw-ring-opacity: 0.7; } - .xl\:flex-col-reverse { - flex-direction: column-reverse; + .xl\:ring-opacity-75 { + --tw-ring-opacity: 0.75; } - .xl\:flex-wrap { - flex-wrap: wrap; + .xl\:ring-opacity-80 { + --tw-ring-opacity: 0.8; } - .xl\:flex-wrap-reverse { - flex-wrap: wrap-reverse; + .xl\:ring-opacity-90 { + --tw-ring-opacity: 0.9; } - .xl\:flex-nowrap { - flex-wrap: nowrap; + .xl\:ring-opacity-95 { + --tw-ring-opacity: 0.95; } - .xl\:place-content-center { - place-content: center; + .xl\:ring-opacity-100 { + --tw-ring-opacity: 1; } - .xl\:place-content-start { - place-content: start; + .xl\:focus-within\:ring-opacity-0:focus-within { + --tw-ring-opacity: 0; } - .xl\:place-content-end { - place-content: end; + .xl\:focus-within\:ring-opacity-5:focus-within { + --tw-ring-opacity: 0.05; } - .xl\:place-content-between { - place-content: space-between; + .xl\:focus-within\:ring-opacity-10:focus-within { + --tw-ring-opacity: 0.1; } - .xl\:place-content-around { - place-content: space-around; + .xl\:focus-within\:ring-opacity-20:focus-within { + --tw-ring-opacity: 0.2; } - .xl\:place-content-evenly { - place-content: space-evenly; + .xl\:focus-within\:ring-opacity-25:focus-within { + --tw-ring-opacity: 0.25; } - .xl\:place-content-stretch { - place-content: stretch; + .xl\:focus-within\:ring-opacity-30:focus-within { + --tw-ring-opacity: 0.3; } - .xl\:place-items-start { - place-items: start; + .xl\:focus-within\:ring-opacity-40:focus-within { + --tw-ring-opacity: 0.4; } - .xl\:place-items-end { - place-items: end; + .xl\:focus-within\:ring-opacity-50:focus-within { + --tw-ring-opacity: 0.5; } - .xl\:place-items-center { - place-items: center; + .xl\:focus-within\:ring-opacity-60:focus-within { + --tw-ring-opacity: 0.6; } - .xl\:place-items-stretch { - place-items: stretch; + .xl\:focus-within\:ring-opacity-70:focus-within { + --tw-ring-opacity: 0.7; } - .xl\:content-center { - align-content: center; + .xl\:focus-within\:ring-opacity-75:focus-within { + --tw-ring-opacity: 0.75; } - .xl\:content-start { - align-content: flex-start; + .xl\:focus-within\:ring-opacity-80:focus-within { + --tw-ring-opacity: 0.8; } - .xl\:content-end { - align-content: flex-end; + .xl\:focus-within\:ring-opacity-90:focus-within { + --tw-ring-opacity: 0.9; } - .xl\:content-between { - align-content: space-between; + .xl\:focus-within\:ring-opacity-95:focus-within { + --tw-ring-opacity: 0.95; } - .xl\:content-around { - align-content: space-around; + .xl\:focus-within\:ring-opacity-100:focus-within { + --tw-ring-opacity: 1; } - .xl\:content-evenly { - align-content: space-evenly; + .xl\:focus\:ring-opacity-0:focus { + --tw-ring-opacity: 0; } - .xl\:items-start { - align-items: flex-start; + .xl\:focus\:ring-opacity-5:focus { + --tw-ring-opacity: 0.05; } - .xl\:items-end { - align-items: flex-end; + .xl\:focus\:ring-opacity-10:focus { + --tw-ring-opacity: 0.1; } - .xl\:items-center { - align-items: center; + .xl\:focus\:ring-opacity-20:focus { + --tw-ring-opacity: 0.2; } - .xl\:items-baseline { - align-items: baseline; + .xl\:focus\:ring-opacity-25:focus { + --tw-ring-opacity: 0.25; } - .xl\:items-stretch { - align-items: stretch; + .xl\:focus\:ring-opacity-30:focus { + --tw-ring-opacity: 0.3; } - .xl\:justify-start { - justify-content: flex-start; + .xl\:focus\:ring-opacity-40:focus { + --tw-ring-opacity: 0.4; } - .xl\:justify-end { - justify-content: flex-end; + .xl\:focus\:ring-opacity-50:focus { + --tw-ring-opacity: 0.5; } - .xl\:justify-center { - justify-content: center; + .xl\:focus\:ring-opacity-60:focus { + --tw-ring-opacity: 0.6; } - .xl\:justify-between { - justify-content: space-between; + .xl\:focus\:ring-opacity-70:focus { + --tw-ring-opacity: 0.7; } - .xl\:justify-around { - justify-content: space-around; + .xl\:focus\:ring-opacity-75:focus { + --tw-ring-opacity: 0.75; } - .xl\:justify-evenly { - justify-content: space-evenly; + .xl\:focus\:ring-opacity-80:focus { + --tw-ring-opacity: 0.8; } - .xl\:justify-items-start { - justify-items: start; + .xl\:focus\:ring-opacity-90:focus { + --tw-ring-opacity: 0.9; } - .xl\:justify-items-end { - justify-items: end; + .xl\:focus\:ring-opacity-95:focus { + --tw-ring-opacity: 0.95; } - .xl\:justify-items-center { - justify-items: center; + .xl\:focus\:ring-opacity-100:focus { + --tw-ring-opacity: 1; } - .xl\:justify-items-stretch { - justify-items: stretch; + .xl\:ring-offset-0 { + --tw-ring-offset-width: 0px; } - .xl\:gap-0 { - gap: 0px; + .xl\:ring-offset-1 { + --tw-ring-offset-width: 1px; } - .xl\:gap-1 { - gap: 0.25rem; + .xl\:ring-offset-2 { + --tw-ring-offset-width: 2px; } - .xl\:gap-2 { - gap: 0.5rem; + .xl\:ring-offset-4 { + --tw-ring-offset-width: 4px; } - .xl\:gap-3 { - gap: 0.75rem; + .xl\:ring-offset-8 { + --tw-ring-offset-width: 8px; } - .xl\:gap-4 { - gap: 1rem; + .xl\:focus-within\:ring-offset-0:focus-within { + --tw-ring-offset-width: 0px; } - .xl\:gap-5 { - gap: 1.25rem; + .xl\:focus-within\:ring-offset-1:focus-within { + --tw-ring-offset-width: 1px; } - .xl\:gap-6 { - gap: 1.5rem; + .xl\:focus-within\:ring-offset-2:focus-within { + --tw-ring-offset-width: 2px; } - .xl\:gap-7 { - gap: 1.75rem; + .xl\:focus-within\:ring-offset-4:focus-within { + --tw-ring-offset-width: 4px; } - .xl\:gap-8 { - gap: 2rem; + .xl\:focus-within\:ring-offset-8:focus-within { + --tw-ring-offset-width: 8px; } - .xl\:gap-9 { - gap: 2.25rem; + .xl\:focus\:ring-offset-0:focus { + --tw-ring-offset-width: 0px; } - .xl\:gap-10 { - gap: 2.5rem; + .xl\:focus\:ring-offset-1:focus { + --tw-ring-offset-width: 1px; } - .xl\:gap-11 { - gap: 2.75rem; + .xl\:focus\:ring-offset-2:focus { + --tw-ring-offset-width: 2px; } - .xl\:gap-12 { - gap: 3rem; + .xl\:focus\:ring-offset-4:focus { + --tw-ring-offset-width: 4px; } - .xl\:gap-14 { - gap: 3.5rem; + .xl\:focus\:ring-offset-8:focus { + --tw-ring-offset-width: 8px; } - .xl\:gap-16 { - gap: 4rem; + .xl\:ring-offset-colors-black { + --tw-ring-offset-color: var(--colors-black, #000000); } - .xl\:gap-20 { - gap: 5rem; + .xl\:ring-offset-colors-white { + --tw-ring-offset-color: var(--colors-white, #ffffff); } - .xl\:gap-24 { - gap: 6rem; + .xl\:ring-offset-colors-gray-100 { + --tw-ring-offset-color: var(--colors-gray-100, #f7fafc); } - .xl\:gap-28 { - gap: 7rem; + .xl\:ring-offset-colors-gray-200 { + --tw-ring-offset-color: var(--colors-gray-200, #edf2f7); } - .xl\:gap-32 { - gap: 8rem; + .xl\:ring-offset-colors-gray-300 { + --tw-ring-offset-color: var(--colors-gray-300, #e2e8f0); } - .xl\:gap-36 { - gap: 9rem; + .xl\:ring-offset-colors-gray-400 { + --tw-ring-offset-color: var(--colors-gray-400, #cbd5e0); } - .xl\:gap-40 { - gap: 10rem; + .xl\:ring-offset-colors-gray-500 { + --tw-ring-offset-color: var(--colors-gray-500, #a0aec0); } - .xl\:gap-44 { - gap: 11rem; + .xl\:ring-offset-colors-gray-600 { + --tw-ring-offset-color: var(--colors-gray-600, #718096); } - .xl\:gap-48 { - gap: 12rem; + .xl\:ring-offset-colors-gray-700 { + --tw-ring-offset-color: var(--colors-gray-700, #4a5568); } - .xl\:gap-52 { - gap: 13rem; + .xl\:ring-offset-colors-gray-800 { + --tw-ring-offset-color: var(--colors-gray-800, #2d3748); } - .xl\:gap-56 { - gap: 14rem; + .xl\:ring-offset-colors-gray-900 { + --tw-ring-offset-color: var(--colors-gray-900, #1a202c); } - .xl\:gap-60 { - gap: 15rem; + .xl\:ring-offset-colors-red-100 { + --tw-ring-offset-color: var(--colors-red-100, #fff5f5); } - .xl\:gap-64 { - gap: 16rem; + .xl\:ring-offset-colors-red-200 { + --tw-ring-offset-color: var(--colors-red-200, #fed7d7); } - .xl\:gap-72 { - gap: 18rem; + .xl\:ring-offset-colors-red-300 { + --tw-ring-offset-color: var(--colors-red-300, #feb2b2); } - .xl\:gap-80 { - gap: 20rem; + .xl\:ring-offset-colors-red-400 { + --tw-ring-offset-color: var(--colors-red-400, #fc8181); } - .xl\:gap-96 { - gap: 24rem; + .xl\:ring-offset-colors-red-500 { + --tw-ring-offset-color: var(--colors-red-500, #f56565); } - .xl\:gap-px { - gap: 1px; + .xl\:ring-offset-colors-red-600 { + --tw-ring-offset-color: var(--colors-red-600, #e53e3e); } - .xl\:gap-0\.5 { - gap: 0.125rem; + .xl\:ring-offset-colors-red-700 { + --tw-ring-offset-color: var(--colors-red-700, #c53030); } - .xl\:gap-1\.5 { - gap: 0.375rem; + .xl\:ring-offset-colors-red-800 { + --tw-ring-offset-color: var(--colors-red-800, #9b2c2c); } - .xl\:gap-2\.5 { - gap: 0.625rem; + .xl\:ring-offset-colors-red-900 { + --tw-ring-offset-color: var(--colors-red-900, #742a2a); } - .xl\:gap-3\.5 { - gap: 0.875rem; + .xl\:ring-offset-colors-orange-100 { + --tw-ring-offset-color: var(--colors-orange-100, #fffaf0); } - .xl\:gap-x-0 { - -moz-column-gap: 0px; - column-gap: 0px; + .xl\:ring-offset-colors-orange-200 { + --tw-ring-offset-color: var(--colors-orange-200, #feebc8); } - .xl\:gap-x-1 { - -moz-column-gap: 0.25rem; - column-gap: 0.25rem; + .xl\:ring-offset-colors-orange-300 { + --tw-ring-offset-color: var(--colors-orange-300, #fbd38d); } - .xl\:gap-x-2 { - -moz-column-gap: 0.5rem; - column-gap: 0.5rem; + .xl\:ring-offset-colors-orange-400 { + --tw-ring-offset-color: var(--colors-orange-400, #f6ad55); } - .xl\:gap-x-3 { - -moz-column-gap: 0.75rem; - column-gap: 0.75rem; + .xl\:ring-offset-colors-orange-500 { + --tw-ring-offset-color: var(--colors-orange-500, #ed8936); } - .xl\:gap-x-4 { - -moz-column-gap: 1rem; - column-gap: 1rem; + .xl\:ring-offset-colors-orange-600 { + --tw-ring-offset-color: var(--colors-orange-600, #dd6b20); } - .xl\:gap-x-5 { - -moz-column-gap: 1.25rem; - column-gap: 1.25rem; + .xl\:ring-offset-colors-orange-700 { + --tw-ring-offset-color: var(--colors-orange-700, #c05621); } - .xl\:gap-x-6 { - -moz-column-gap: 1.5rem; - column-gap: 1.5rem; + .xl\:ring-offset-colors-orange-800 { + --tw-ring-offset-color: var(--colors-orange-800, #9c4221); } - .xl\:gap-x-7 { - -moz-column-gap: 1.75rem; - column-gap: 1.75rem; + .xl\:ring-offset-colors-orange-900 { + --tw-ring-offset-color: var(--colors-orange-900, #7b341e); } - .xl\:gap-x-8 { - -moz-column-gap: 2rem; - column-gap: 2rem; + .xl\:ring-offset-colors-yellow-100 { + --tw-ring-offset-color: var(--colors-yellow-100, #fffff0); } - .xl\:gap-x-9 { - -moz-column-gap: 2.25rem; - column-gap: 2.25rem; + .xl\:ring-offset-colors-yellow-200 { + --tw-ring-offset-color: var(--colors-yellow-200, #fefcbf); } - .xl\:gap-x-10 { - -moz-column-gap: 2.5rem; - column-gap: 2.5rem; + .xl\:ring-offset-colors-yellow-300 { + --tw-ring-offset-color: var(--colors-yellow-300, #faf089); } - .xl\:gap-x-11 { - -moz-column-gap: 2.75rem; - column-gap: 2.75rem; + .xl\:ring-offset-colors-yellow-400 { + --tw-ring-offset-color: var(--colors-yellow-400, #f6e05e); } - .xl\:gap-x-12 { - -moz-column-gap: 3rem; - column-gap: 3rem; + .xl\:ring-offset-colors-yellow-500 { + --tw-ring-offset-color: var(--colors-yellow-500, #ecc94b); } - .xl\:gap-x-14 { - -moz-column-gap: 3.5rem; - column-gap: 3.5rem; + .xl\:ring-offset-colors-yellow-600 { + --tw-ring-offset-color: var(--colors-yellow-600, #d69e2e); } - .xl\:gap-x-16 { - -moz-column-gap: 4rem; - column-gap: 4rem; + .xl\:ring-offset-colors-yellow-700 { + --tw-ring-offset-color: var(--colors-yellow-700, #b7791f); } - .xl\:gap-x-20 { - -moz-column-gap: 5rem; - column-gap: 5rem; + .xl\:ring-offset-colors-yellow-800 { + --tw-ring-offset-color: var(--colors-yellow-800, #975a16); } - .xl\:gap-x-24 { - -moz-column-gap: 6rem; - column-gap: 6rem; + .xl\:ring-offset-colors-yellow-900 { + --tw-ring-offset-color: var(--colors-yellow-900, #744210); } - .xl\:gap-x-28 { - -moz-column-gap: 7rem; - column-gap: 7rem; + .xl\:ring-offset-colors-green-100 { + --tw-ring-offset-color: var(--colors-green-100, #f0fff4); } - .xl\:gap-x-32 { - -moz-column-gap: 8rem; - column-gap: 8rem; + .xl\:ring-offset-colors-green-200 { + --tw-ring-offset-color: var(--colors-green-200, #c6f6d5); } - .xl\:gap-x-36 { - -moz-column-gap: 9rem; - column-gap: 9rem; + .xl\:ring-offset-colors-green-300 { + --tw-ring-offset-color: var(--colors-green-300, #9ae6b4); } - .xl\:gap-x-40 { - -moz-column-gap: 10rem; - column-gap: 10rem; + .xl\:ring-offset-colors-green-400 { + --tw-ring-offset-color: var(--colors-green-400, #68d391); } - .xl\:gap-x-44 { - -moz-column-gap: 11rem; - column-gap: 11rem; + .xl\:ring-offset-colors-green-500 { + --tw-ring-offset-color: var(--colors-green-500, #48bb78); } - .xl\:gap-x-48 { - -moz-column-gap: 12rem; - column-gap: 12rem; + .xl\:ring-offset-colors-green-600 { + --tw-ring-offset-color: var(--colors-green-600, #38a169); } - .xl\:gap-x-52 { - -moz-column-gap: 13rem; - column-gap: 13rem; + .xl\:ring-offset-colors-green-700 { + --tw-ring-offset-color: var(--colors-green-700, #2f855a); } - .xl\:gap-x-56 { - -moz-column-gap: 14rem; - column-gap: 14rem; + .xl\:ring-offset-colors-green-800 { + --tw-ring-offset-color: var(--colors-green-800, #276749); } - .xl\:gap-x-60 { - -moz-column-gap: 15rem; - column-gap: 15rem; + .xl\:ring-offset-colors-green-900 { + --tw-ring-offset-color: var(--colors-green-900, #22543d); } - .xl\:gap-x-64 { - -moz-column-gap: 16rem; - column-gap: 16rem; + .xl\:ring-offset-colors-teal-100 { + --tw-ring-offset-color: var(--colors-teal-100, #e6fffa); } - .xl\:gap-x-72 { - -moz-column-gap: 18rem; - column-gap: 18rem; + .xl\:ring-offset-colors-teal-200 { + --tw-ring-offset-color: var(--colors-teal-200, #b2f5ea); } - .xl\:gap-x-80 { - -moz-column-gap: 20rem; - column-gap: 20rem; + .xl\:ring-offset-colors-teal-300 { + --tw-ring-offset-color: var(--colors-teal-300, #81e6d9); } - .xl\:gap-x-96 { - -moz-column-gap: 24rem; - column-gap: 24rem; + .xl\:ring-offset-colors-teal-400 { + --tw-ring-offset-color: var(--colors-teal-400, #4fd1c5); } - .xl\:gap-x-px { - -moz-column-gap: 1px; - column-gap: 1px; + .xl\:ring-offset-colors-teal-500 { + --tw-ring-offset-color: var(--colors-teal-500, #38b2ac); } - .xl\:gap-x-0\.5 { - -moz-column-gap: 0.125rem; - column-gap: 0.125rem; + .xl\:ring-offset-colors-teal-600 { + --tw-ring-offset-color: var(--colors-teal-600, #319795); } - .xl\:gap-x-1\.5 { - -moz-column-gap: 0.375rem; - column-gap: 0.375rem; + .xl\:ring-offset-colors-teal-700 { + --tw-ring-offset-color: var(--colors-teal-700, #2c7a7b); } - .xl\:gap-x-2\.5 { - -moz-column-gap: 0.625rem; - column-gap: 0.625rem; + .xl\:ring-offset-colors-teal-800 { + --tw-ring-offset-color: var(--colors-teal-800, #285e61); } - .xl\:gap-x-3\.5 { - -moz-column-gap: 0.875rem; - column-gap: 0.875rem; + .xl\:ring-offset-colors-teal-900 { + --tw-ring-offset-color: var(--colors-teal-900, #234e52); } - .xl\:gap-y-0 { - row-gap: 0px; + .xl\:ring-offset-colors-blue-100 { + --tw-ring-offset-color: var(--colors-blue-100, #ebf8ff); } - .xl\:gap-y-1 { - row-gap: 0.25rem; + .xl\:ring-offset-colors-blue-200 { + --tw-ring-offset-color: var(--colors-blue-200, #bee3f8); } - .xl\:gap-y-2 { - row-gap: 0.5rem; + .xl\:ring-offset-colors-blue-300 { + --tw-ring-offset-color: var(--colors-blue-300, #90cdf4); } - .xl\:gap-y-3 { - row-gap: 0.75rem; + .xl\:ring-offset-colors-blue-400 { + --tw-ring-offset-color: var(--colors-blue-400, #63b3ed); } - .xl\:gap-y-4 { - row-gap: 1rem; + .xl\:ring-offset-colors-blue-500 { + --tw-ring-offset-color: var(--colors-blue-500, #4299e1); } - .xl\:gap-y-5 { - row-gap: 1.25rem; + .xl\:ring-offset-colors-blue-600 { + --tw-ring-offset-color: var(--colors-blue-600, #3182ce); } - .xl\:gap-y-6 { - row-gap: 1.5rem; + .xl\:ring-offset-colors-blue-700 { + --tw-ring-offset-color: var(--colors-blue-700, #2b6cb0); } - .xl\:gap-y-7 { - row-gap: 1.75rem; + .xl\:ring-offset-colors-blue-800 { + --tw-ring-offset-color: var(--colors-blue-800, #2c5282); } - .xl\:gap-y-8 { - row-gap: 2rem; + .xl\:ring-offset-colors-blue-900 { + --tw-ring-offset-color: var(--colors-blue-900, #2a4365); } - .xl\:gap-y-9 { - row-gap: 2.25rem; + .xl\:ring-offset-colors-indigo-100 { + --tw-ring-offset-color: var(--colors-indigo-100, #ebf4ff); } - .xl\:gap-y-10 { - row-gap: 2.5rem; + .xl\:ring-offset-colors-indigo-200 { + --tw-ring-offset-color: var(--colors-indigo-200, #c3dafe); } - .xl\:gap-y-11 { - row-gap: 2.75rem; + .xl\:ring-offset-colors-indigo-300 { + --tw-ring-offset-color: var(--colors-indigo-300, #a3bffa); } - .xl\:gap-y-12 { - row-gap: 3rem; + .xl\:ring-offset-colors-indigo-400 { + --tw-ring-offset-color: var(--colors-indigo-400, #7f9cf5); } - .xl\:gap-y-14 { - row-gap: 3.5rem; + .xl\:ring-offset-colors-indigo-500 { + --tw-ring-offset-color: var(--colors-indigo-500, #667eea); } - .xl\:gap-y-16 { - row-gap: 4rem; + .xl\:ring-offset-colors-indigo-600 { + --tw-ring-offset-color: var(--colors-indigo-600, #5a67d8); } - .xl\:gap-y-20 { - row-gap: 5rem; + .xl\:ring-offset-colors-indigo-700 { + --tw-ring-offset-color: var(--colors-indigo-700, #4c51bf); } - .xl\:gap-y-24 { - row-gap: 6rem; + .xl\:ring-offset-colors-indigo-800 { + --tw-ring-offset-color: var(--colors-indigo-800, #434190); } - .xl\:gap-y-28 { - row-gap: 7rem; + .xl\:ring-offset-colors-indigo-900 { + --tw-ring-offset-color: var(--colors-indigo-900, #3c366b); } - .xl\:gap-y-32 { - row-gap: 8rem; + .xl\:ring-offset-colors-purple-100 { + --tw-ring-offset-color: var(--colors-purple-100, #faf5ff); } - .xl\:gap-y-36 { - row-gap: 9rem; + .xl\:ring-offset-colors-purple-200 { + --tw-ring-offset-color: var(--colors-purple-200, #e9d8fd); } - .xl\:gap-y-40 { - row-gap: 10rem; + .xl\:ring-offset-colors-purple-300 { + --tw-ring-offset-color: var(--colors-purple-300, #d6bcfa); } - .xl\:gap-y-44 { - row-gap: 11rem; + .xl\:ring-offset-colors-purple-400 { + --tw-ring-offset-color: var(--colors-purple-400, #b794f4); } - .xl\:gap-y-48 { - row-gap: 12rem; + .xl\:ring-offset-colors-purple-500 { + --tw-ring-offset-color: var(--colors-purple-500, #9f7aea); } - .xl\:gap-y-52 { - row-gap: 13rem; + .xl\:ring-offset-colors-purple-600 { + --tw-ring-offset-color: var(--colors-purple-600, #805ad5); } - .xl\:gap-y-56 { - row-gap: 14rem; + .xl\:ring-offset-colors-purple-700 { + --tw-ring-offset-color: var(--colors-purple-700, #6b46c1); } - .xl\:gap-y-60 { - row-gap: 15rem; + .xl\:ring-offset-colors-purple-800 { + --tw-ring-offset-color: var(--colors-purple-800, #553c9a); } - .xl\:gap-y-64 { - row-gap: 16rem; + .xl\:ring-offset-colors-purple-900 { + --tw-ring-offset-color: var(--colors-purple-900, #44337a); } - .xl\:gap-y-72 { - row-gap: 18rem; + .xl\:ring-offset-colors-pink-100 { + --tw-ring-offset-color: var(--colors-pink-100, #fff5f7); } - .xl\:gap-y-80 { - row-gap: 20rem; + .xl\:ring-offset-colors-pink-200 { + --tw-ring-offset-color: var(--colors-pink-200, #fed7e2); } - .xl\:gap-y-96 { - row-gap: 24rem; + .xl\:ring-offset-colors-pink-300 { + --tw-ring-offset-color: var(--colors-pink-300, #fbb6ce); } - .xl\:gap-y-px { - row-gap: 1px; + .xl\:ring-offset-colors-pink-400 { + --tw-ring-offset-color: var(--colors-pink-400, #f687b3); } - .xl\:gap-y-0\.5 { - row-gap: 0.125rem; + .xl\:ring-offset-colors-pink-500 { + --tw-ring-offset-color: var(--colors-pink-500, #ed64a6); } - .xl\:gap-y-1\.5 { - row-gap: 0.375rem; + .xl\:ring-offset-colors-pink-600 { + --tw-ring-offset-color: var(--colors-pink-600, #d53f8c); } - .xl\:gap-y-2\.5 { - row-gap: 0.625rem; + .xl\:ring-offset-colors-pink-700 { + --tw-ring-offset-color: var(--colors-pink-700, #b83280); } - .xl\:gap-y-3\.5 { - row-gap: 0.875rem; + .xl\:ring-offset-colors-pink-800 { + --tw-ring-offset-color: var(--colors-pink-800, #97266d); } - .xl\:space-x-0 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(0px * var(--tw-space-x-reverse)); - margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse))); + .xl\:ring-offset-colors-pink-900 { + --tw-ring-offset-color: var(--colors-pink-900, #702459); } - .xl\: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))); + .xl\:ring-offset-Box\ Shadow { + --tw-ring-offset-color: var(--box-shadow, #7f7e7f); } - .xl\: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))); + .xl\:ring-offset-Error16 { + --tw-ring-offset-color: var(--error16, #f03d3e40); } - .xl\: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))); + .xl\:ring-offset-Success16 { + --tw-ring-offset-color: var(--success16, #5bb14d40); } - .xl\: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))); + .xl\:ring-offset-Notification16 { + --tw-ring-offset-color: var(--notification16, #3959ff40); } - .xl\:space-x-5 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(1.25rem * var(--tw-space-x-reverse)); - margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:ring-offset-Error8 { + --tw-ring-offset-color: var(--error8, #f03d3e1a); } - .xl\: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))); + .xl\:ring-offset-Notification8 { + --tw-ring-offset-color: var(--notification8, #3959ff1a); } - .xl\:space-x-7 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(1.75rem * var(--tw-space-x-reverse)); - margin-left: calc(1.75rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:ring-offset-Success8 { + --tw-ring-offset-color: var(--success8, #5bb14d1a); } - .xl\: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))); + .xl\:ring-offset-Light\ -\ Overlay { + --tw-ring-offset-color: var(--light-overlay, #f0edee66); } - .xl\:space-x-9 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(2.25rem * var(--tw-space-x-reverse)); - margin-left: calc(2.25rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:ring-offset-Dark-\ Overlay { + --tw-ring-offset-color: var(--dark-overlay, #7f7e7f66); } - .xl\:space-x-10 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(2.5rem * var(--tw-space-x-reverse)); - margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:ring-offset-black-40 { + --tw-ring-offset-color: var(--black-40, #00000066); } - .xl\:space-x-11 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(2.75rem * var(--tw-space-x-reverse)); - margin-left: calc(2.75rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:ring-offset-black-75 { + --tw-ring-offset-color: var(--black-75, #000000bf); } - .xl\:space-x-12 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(3rem * var(--tw-space-x-reverse)); - margin-left: calc(3rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:ring-offset-black-60 { + --tw-ring-offset-color: var(--black-60, #00000099); } - .xl\:space-x-14 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(3.5rem * var(--tw-space-x-reverse)); - margin-left: calc(3.5rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:ring-offset-black-50 { + --tw-ring-offset-color: var(--black-50, #00000080); } - .xl\:space-x-16 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(4rem * var(--tw-space-x-reverse)); - margin-left: calc(4rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:ring-offset-black-25 { + --tw-ring-offset-color: var(--black-25, #00000040); } - .xl\:space-x-20 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(5rem * var(--tw-space-x-reverse)); - margin-left: calc(5rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:ring-offset-black-10 { + --tw-ring-offset-color: var(--black-10, #0000001a); } - .xl\:space-x-24 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(6rem * var(--tw-space-x-reverse)); - margin-left: calc(6rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:ring-offset-white-25 { + --tw-ring-offset-color: var(--white-25, #ffffff40); } - .xl\:space-x-28 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(7rem * var(--tw-space-x-reverse)); - margin-left: calc(7rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:ring-offset-white-60 { + --tw-ring-offset-color: var(--white-60, #ffffff99); } - .xl\:space-x-32 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(8rem * var(--tw-space-x-reverse)); - margin-left: calc(8rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:ring-offset-black-64 { + --tw-ring-offset-color: var(--black-64, #000000a3); } - .xl\:space-x-36 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(9rem * var(--tw-space-x-reverse)); - margin-left: calc(9rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:ring-offset-Shadow\ and\ Highlight-Shadow { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .xl\:space-x-40 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(10rem * var(--tw-space-x-reverse)); - margin-left: calc(10rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:ring-offset-Shadow\ and\ Highlight-Highlight { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight, #474747); } - .xl\:space-x-44 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(11rem * var(--tw-space-x-reverse)); - margin-left: calc(11rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:ring-offset-Shadow\ and\ Highlight-highlight\ one { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .xl\:space-x-48 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(12rem * var(--tw-space-x-reverse)); - margin-left: calc(12rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:ring-offset-Shadow\ and\ Highlight-highlight\ two { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-two, #47474799); } - .xl\:space-x-52 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(13rem * var(--tw-space-x-reverse)); - margin-left: calc(13rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:ring-offset-Shadow\ and\ Highlight-highlight\ three { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-three, #47474766); } - .xl\:space-x-56 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(14rem * var(--tw-space-x-reverse)); - margin-left: calc(14rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:ring-offset-Shadow\ and\ Highlight-highlight\ five { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .xl\:space-x-60 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(15rem * var(--tw-space-x-reverse)); - margin-left: calc(15rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:ring-offset-Shadow\ and\ Highlight-shadow\ one { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .xl\:space-x-64 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(16rem * var(--tw-space-x-reverse)); - margin-left: calc(16rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:ring-offset-Shadow\ and\ Highlight-shadow\ two { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .xl\:space-x-72 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(18rem * var(--tw-space-x-reverse)); - margin-left: calc(18rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:ring-offset-Shadow\ and\ Highlight-shadow\ three { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .xl\:space-x-80 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(20rem * var(--tw-space-x-reverse)); - margin-left: calc(20rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:ring-offset-Shadow\ and\ Highlight-shadow\ four { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .xl\:space-x-96 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(24rem * var(--tw-space-x-reverse)); - margin-left: calc(24rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:ring-offset-Shadow\ and\ Highlight-shadow\ five { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .xl\:space-x-px > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(1px * var(--tw-space-x-reverse)); - margin-left: calc(1px * calc(1 - var(--tw-space-x-reverse))); + .xl\:ring-offset-Shadow\ and\ Highlight-highlight\ four { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-four, #47474740); } - .xl\:space-x-0\.5 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(0.125rem * var(--tw-space-x-reverse)); - margin-left: calc(0.125rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:ring-offset-Base\ Layer\ Styles-Base\ Layer-\ Light-White { + --tw-ring-offset-color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .xl\: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))); + .xl\:ring-offset-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite { + --tw-ring-offset-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .xl\: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))); + .xl\:ring-offset-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack { + --tw-ring-offset-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .xl\:space-x-3\.5 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(0.875rem * var(--tw-space-x-reverse)); - margin-left: calc(0.875rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:ring-offset-Base\ Layer\ Styles-Base\ Layer-Dark-Black { + --tw-ring-offset-color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .xl\:-space-x-0 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(0px * var(--tw-space-x-reverse)); - margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse))); + .xl\:ring-offset-Grey-Scale-white { + --tw-ring-offset-color: var(--grey-scale-white, #ffffff); } - .xl\:-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))); + .xl\:ring-offset-Grey-Scale-off-white { + --tw-ring-offset-color: var(--grey-scale-off-white, #f0edee); } - .xl\:-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))); + .xl\:ring-offset-Grey\ Scale-grey { + --tw-ring-offset-color: var(--grey-scale-grey, #7f7e7f); } - .xl\:-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))); + .xl\:ring-offset-Grey\ Scale-charcoal { + --tw-ring-offset-color: var(--grey-scale-charcoal, #474747); } - .xl\:-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))); + .xl\:ring-offset-Grey\ Scale-off-black { + --tw-ring-offset-color: var(--grey-scale-off-black, #1c1c1c); } - .xl\:-space-x-5 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-1.25rem * var(--tw-space-x-reverse)); - margin-left: calc(-1.25rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:ring-offset-Grey\ Scale-black { + --tw-ring-offset-color: var(--grey-scale-black, #000000); } - .xl\:-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))); + .xl\:ring-offset-Blue-blue { + --tw-ring-offset-color: var(--blue-blue, #3a7ca5); } - .xl\:-space-x-7 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-1.75rem * var(--tw-space-x-reverse)); - margin-left: calc(-1.75rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:ring-offset-Blue-blue-100 { + --tw-ring-offset-color: var(--blue-blue-100, #75a3c0); } - .xl\:-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))); + .xl\:ring-offset-Blue-blue-200 { + --tw-ring-offset-color: var(--blue-blue-200, #9cbed2); } - .xl\:-space-x-9 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-2.25rem * var(--tw-space-x-reverse)); - margin-left: calc(-2.25rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:ring-offset-Blue-blue-300 { + --tw-ring-offset-color: var(--blue-blue-300, #4f7d9a); } - .xl\:-space-x-10 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-2.5rem * var(--tw-space-x-reverse)); - margin-left: calc(-2.5rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:ring-offset-Blue-blue-400 { + --tw-ring-offset-color: var(--blue-blue-400, #5c7d92); } - .xl\:-space-x-11 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-2.75rem * var(--tw-space-x-reverse)); - margin-left: calc(-2.75rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:ring-offset-Blue-blue-500 { + --tw-ring-offset-color: var(--blue-blue-500, #347095); } - .xl\:-space-x-12 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-3rem * var(--tw-space-x-reverse)); - margin-left: calc(-3rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:ring-offset-Blue-blue-600 { + --tw-ring-offset-color: var(--blue-blue-600, #295774); } - .xl\:-space-x-14 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-3.5rem * var(--tw-space-x-reverse)); - margin-left: calc(-3.5rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:ring-offset-Blue-blue-700 { + --tw-ring-offset-color: var(--blue-blue-700, #173242); } - .xl\:-space-x-16 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-4rem * var(--tw-space-x-reverse)); - margin-left: calc(-4rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:ring-offset-LightBlue-lightblue { + --tw-ring-offset-color: var(--light-blue-lightblue, #81c3d7); } - .xl\:-space-x-20 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-5rem * var(--tw-space-x-reverse)); - margin-left: calc(-5rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:ring-offset-LightBlue-lightblue-100 { + --tw-ring-offset-color: var(--light-blue-lightblue-100, #a7d5e3); } - .xl\:-space-x-24 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-6rem * var(--tw-space-x-reverse)); - margin-left: calc(-6rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:ring-offset-LightBlue-lightblue-200 { + --tw-ring-offset-color: var(--light-blue-lightblue-200, #c0e1eb); } - .xl\:-space-x-28 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-7rem * var(--tw-space-x-reverse)); - margin-left: calc(-7rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:ring-offset-LightBlue-lightblue-300 { + --tw-ring-offset-color: var(--light-blue-lightblue-300, #80aebd); } - .xl\:-space-x-32 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-8rem * var(--tw-space-x-reverse)); - margin-left: calc(-8rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:ring-offset-LightBlue-lightblue-400 { + --tw-ring-offset-color: var(--light-blue-lightblue-400, #80a0ab); } - .xl\:-space-x-36 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-9rem * var(--tw-space-x-reverse)); - margin-left: calc(-9rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:ring-offset-LightBlue-lightblue-500 { + --tw-ring-offset-color: var(--light-blue-lightblue-500, #74afc1); } - .xl\:-space-x-40 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-10rem * var(--tw-space-x-reverse)); - margin-left: calc(-10rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:ring-offset-LightBlue-lightblue-600 { + --tw-ring-offset-color: var(--light-blue-lightblue-600, #5a8997); } - .xl\:-space-x-44 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-11rem * var(--tw-space-x-reverse)); - margin-left: calc(-11rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:ring-offset-LightBlue-lightblue-650 { + --tw-ring-offset-color: var(--light-blue-lightblue-650, #3e5e65); } - .xl\:-space-x-48 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-12rem * var(--tw-space-x-reverse)); - margin-left: calc(-12rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:ring-offset-LightBlue-lightblue-700 { + --tw-ring-offset-color: var(--light-blue-lightblue-700, #344e56); } - .xl\:-space-x-52 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-13rem * var(--tw-space-x-reverse)); - margin-left: calc(-13rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:ring-offset-Orange-orange { + --tw-ring-offset-color: var(--orange-orange, #ff7f0e); } - .xl\:-space-x-56 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-14rem * var(--tw-space-x-reverse)); - margin-left: calc(-14rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:ring-offset-Orange-orange-100 { + --tw-ring-offset-color: var(--orange-orange-100, #ffa556); } - .xl\:-space-x-60 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-15rem * var(--tw-space-x-reverse)); - margin-left: calc(-15rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:ring-offset-Orange-orange-200 { + --tw-ring-offset-color: var(--orange-orange-200, #ffbf86); } - .xl\:-space-x-64 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-16rem * var(--tw-space-x-reverse)); - margin-left: calc(-16rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:ring-offset-Orange-orange-300 { + --tw-ring-offset-color: var(--orange-orange-300, #d97f30); } - .xl\:-space-x-72 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-18rem * var(--tw-space-x-reverse)); - margin-left: calc(-18rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:ring-offset-Orange-orange-400 { + --tw-ring-offset-color: var(--orange-orange-400, #bf7e46); } - .xl\:-space-x-80 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-20rem * var(--tw-space-x-reverse)); - margin-left: calc(-20rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:ring-offset-Orange-orange-500 { + --tw-ring-offset-color: var(--orange-orange-500, #e5720d); } - .xl\:-space-x-96 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-24rem * var(--tw-space-x-reverse)); - margin-left: calc(-24rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:ring-offset-Orange-orange-600 { + --tw-ring-offset-color: var(--orange-orange-600, #b3590a); } - .xl\:-space-x-px > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-1px * var(--tw-space-x-reverse)); - margin-left: calc(-1px * calc(1 - var(--tw-space-x-reverse))); + .xl\:ring-offset-Orange-orange-700 { + --tw-ring-offset-color: var(--orange-orange-700, #663306); } - .xl\:-space-x-0\.5 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-0.125rem * var(--tw-space-x-reverse)); - margin-left: calc(-0.125rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:ring-offset-Yellow-yellow { + --tw-ring-offset-color: var(--yellow-yellow, #ffab00); } - .xl\:-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))); + .xl\:ring-offset-Yellow-yellow-100 { + --tw-ring-offset-color: var(--yellow-yellow-100, #ffc44c); } - .xl\:-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))); + .xl\:ring-offset-Yellow-yellow-200 { + --tw-ring-offset-color: var(--yellow-yellow-200, #ffd580); } - .xl\:-space-x-3\.5 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-0.875rem * var(--tw-space-x-reverse)); - margin-left: calc(-0.875rem * calc(1 - var(--tw-space-x-reverse))); + .xl\:ring-offset-Yellow-yellow-300 { + --tw-ring-offset-color: var(--yellow-yellow-300, #d99d26); } - .xl\: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)); + .xl\:ring-offset-Yellow-yellow-400 { + --tw-ring-offset-color: var(--yellow-yellow-400, #bf943f); } - .xl\: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)); + .xl\:ring-offset-Yellow-yellow-500 { + --tw-ring-offset-color: var(--yellow-yellow-500, #e59a00); } - .xl\: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)); + .xl\:ring-offset-Yellow-yellow-600 { + --tw-ring-offset-color: var(--yellow-yellow-600, #b37800); } - .xl\: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)); + .xl\:ring-offset-Yellow-yellow-700 { + --tw-ring-offset-color: var(--yellow-yellow-700, #664400); } - .xl\: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)); + .xl\:ring-offset-Notification-notification { + --tw-ring-offset-color: var(--notification-notification, #3959ff); } - .xl\: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)); + .xl\:ring-offset-Notification-notification-100 { + --tw-ring-offset-color: var(--notification-notification-100, #748bff); } - .xl\: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)); + .xl\:ring-offset-Notification-notification-200 { + --tw-ring-offset-color: var(--notification-notification-200, #9cacff); } - .xl\:space-y-7 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(1.75rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(1.75rem * var(--tw-space-y-reverse)); + .xl\:ring-offset-Notification-notification-300 { + --tw-ring-offset-color: var(--notification-notification-300, #4e64d9); } - .xl\: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)); + .xl\:ring-offset-Notification-notification-400 { + --tw-ring-offset-color: var(--notification-notification-400, #5c6cbf); } - .xl\:space-y-9 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(2.25rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(2.25rem * var(--tw-space-y-reverse)); + .xl\:ring-offset-Notification-notification-500 { + --tw-ring-offset-color: var(--notification-notification-500, #3350e5); } - .xl\: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)); + .xl\:ring-offset-Notification-notification-600 { + --tw-ring-offset-color: var(--notification-notification-600, #283eb3); } - .xl\:space-y-11 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(2.75rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(2.75rem * var(--tw-space-y-reverse)); + .xl\:ring-offset-Notification-notification-700 { + --tw-ring-offset-color: var(--notification-notification-700, #172466); } - .xl\: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)); + .xl\:ring-offset-Success-success\ -700 { + --tw-ring-offset-color: var(--success-success-700, #24471f); } - .xl\:space-y-14 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(3.5rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(3.5rem * var(--tw-space-y-reverse)); + .xl\:ring-offset-Success-success { + --tw-ring-offset-color: var(--success-success, #5bb14d); } - .xl\: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)); + .xl\:ring-offset-Success-success\ -100 { + --tw-ring-offset-color: var(--success-success-100, #8cc882); } - .xl\:space-y-20 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(5rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(5rem * var(--tw-space-y-reverse)); + .xl\:ring-offset-Success-success\ -200 { + --tw-ring-offset-color: var(--success-success-200, #add8a6); } - .xl\:space-y-24 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(6rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(6rem * var(--tw-space-y-reverse)); + .xl\:ring-offset-Success-success\ -300 { + --tw-ring-offset-color: var(--success-success-300, #66a25c); } - .xl\:space-y-28 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(7rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(7rem * var(--tw-space-y-reverse)); + .xl\:ring-offset-Success-success\ -400 { + --tw-ring-offset-color: var(--success-success-400, #6d9766); } - .xl\:space-y-32 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(8rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(8rem * var(--tw-space-y-reverse)); + .xl\:ring-offset-Success-success\ -500 { + --tw-ring-offset-color: var(--success-success-500, #529f45); } - .xl\:space-y-36 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(9rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(9rem * var(--tw-space-y-reverse)); + .xl\:ring-offset-Success-success\ -600 { + --tw-ring-offset-color: var(--success-success-600, #407c36); } - .xl\:space-y-40 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(10rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(10rem * var(--tw-space-y-reverse)); + .xl\:ring-offset-Error-error { + --tw-ring-offset-color: var(--error-error, #f03d3e); } - .xl\:space-y-44 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(11rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(11rem * var(--tw-space-y-reverse)); + .xl\:ring-offset-Error-error-100 { + --tw-ring-offset-color: var(--error-error-100, #f57778); } - .xl\:space-y-48 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(12rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(12rem * var(--tw-space-y-reverse)); + .xl\:ring-offset-Error-error-200 { + --tw-ring-offset-color: var(--error-error-200, #f89e9e); } - .xl\:space-y-52 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(13rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(13rem * var(--tw-space-y-reverse)); + .xl\:ring-offset-Error-error-250 { + --tw-ring-offset-color: var(--error-error-250, #f9c8c8); } - .xl\:space-y-56 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(14rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(14rem * var(--tw-space-y-reverse)); + .xl\:ring-offset-Error-error-300 { + --tw-ring-offset-color: var(--error-error-300, #ce5151); } - .xl\:space-y-60 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(15rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(15rem * var(--tw-space-y-reverse)); + .xl\:ring-offset-Error-error-400 { + --tw-ring-offset-color: var(--error-error-400, #b85e5e); } - .xl\:space-y-64 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(16rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(16rem * var(--tw-space-y-reverse)); + .xl\:ring-offset-Error-error-500 { + --tw-ring-offset-color: var(--error-error-500, #d83738); } - .xl\:space-y-72 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(18rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(18rem * var(--tw-space-y-reverse)); + .xl\:ring-offset-Error-error-600 { + --tw-ring-offset-color: var(--error-error-600, #a82b2b); } - .xl\:space-y-80 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(20rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(20rem * var(--tw-space-y-reverse)); + .xl\:ring-offset-Error-error-700 { + --tw-ring-offset-color: var(--error-error-700, #601819); } - .xl\:space-y-96 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(24rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(24rem * var(--tw-space-y-reverse)); + .xl\:focus-within\:ring-offset-colors-black:focus-within { + --tw-ring-offset-color: var(--colors-black, #000000); } - .xl\:space-y-px > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(1px * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(1px * var(--tw-space-y-reverse)); + .xl\:focus-within\:ring-offset-colors-white:focus-within { + --tw-ring-offset-color: var(--colors-white, #ffffff); } - .xl\: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)); + .xl\:focus-within\:ring-offset-colors-gray-100:focus-within { + --tw-ring-offset-color: var(--colors-gray-100, #f7fafc); } - .xl\: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)); + .xl\:focus-within\:ring-offset-colors-gray-200:focus-within { + --tw-ring-offset-color: var(--colors-gray-200, #edf2f7); } - .xl\: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)); + .xl\:focus-within\:ring-offset-colors-gray-300:focus-within { + --tw-ring-offset-color: var(--colors-gray-300, #e2e8f0); } - .xl\:space-y-3\.5 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(0.875rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(0.875rem * var(--tw-space-y-reverse)); + .xl\:focus-within\:ring-offset-colors-gray-400:focus-within { + --tw-ring-offset-color: var(--colors-gray-400, #cbd5e0); } - .xl\:-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)); + .xl\:focus-within\:ring-offset-colors-gray-500:focus-within { + --tw-ring-offset-color: var(--colors-gray-500, #a0aec0); } - .xl\:-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)); + .xl\:focus-within\:ring-offset-colors-gray-600:focus-within { + --tw-ring-offset-color: var(--colors-gray-600, #718096); } - .xl\:-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)); + .xl\:focus-within\:ring-offset-colors-gray-700:focus-within { + --tw-ring-offset-color: var(--colors-gray-700, #4a5568); } - .xl\:-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)); + .xl\:focus-within\:ring-offset-colors-gray-800:focus-within { + --tw-ring-offset-color: var(--colors-gray-800, #2d3748); } - .xl\:-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)); + .xl\:focus-within\:ring-offset-colors-gray-900:focus-within { + --tw-ring-offset-color: var(--colors-gray-900, #1a202c); } - .xl\:-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)); + .xl\:focus-within\:ring-offset-colors-red-100:focus-within { + --tw-ring-offset-color: var(--colors-red-100, #fff5f5); } - .xl\:-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)); + .xl\:focus-within\:ring-offset-colors-red-200:focus-within { + --tw-ring-offset-color: var(--colors-red-200, #fed7d7); } - .xl\:-space-y-7 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-1.75rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-1.75rem * var(--tw-space-y-reverse)); + .xl\:focus-within\:ring-offset-colors-red-300:focus-within { + --tw-ring-offset-color: var(--colors-red-300, #feb2b2); } - .xl\:-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)); + .xl\:focus-within\:ring-offset-colors-red-400:focus-within { + --tw-ring-offset-color: var(--colors-red-400, #fc8181); } - .xl\:-space-y-9 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-2.25rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-2.25rem * var(--tw-space-y-reverse)); + .xl\:focus-within\:ring-offset-colors-red-500:focus-within { + --tw-ring-offset-color: var(--colors-red-500, #f56565); } - .xl\:-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)); + .xl\:focus-within\:ring-offset-colors-red-600:focus-within { + --tw-ring-offset-color: var(--colors-red-600, #e53e3e); } - .xl\:-space-y-11 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-2.75rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-2.75rem * var(--tw-space-y-reverse)); + .xl\:focus-within\:ring-offset-colors-red-700:focus-within { + --tw-ring-offset-color: var(--colors-red-700, #c53030); } - .xl\:-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)); + .xl\:focus-within\:ring-offset-colors-red-800:focus-within { + --tw-ring-offset-color: var(--colors-red-800, #9b2c2c); } - .xl\:-space-y-14 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-3.5rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-3.5rem * var(--tw-space-y-reverse)); + .xl\:focus-within\:ring-offset-colors-red-900:focus-within { + --tw-ring-offset-color: var(--colors-red-900, #742a2a); } - .xl\:-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)); + .xl\:focus-within\:ring-offset-colors-orange-100:focus-within { + --tw-ring-offset-color: var(--colors-orange-100, #fffaf0); } - .xl\:-space-y-20 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-5rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-5rem * var(--tw-space-y-reverse)); + .xl\:focus-within\:ring-offset-colors-orange-200:focus-within { + --tw-ring-offset-color: var(--colors-orange-200, #feebc8); } - .xl\:-space-y-24 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-6rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-6rem * var(--tw-space-y-reverse)); + .xl\:focus-within\:ring-offset-colors-orange-300:focus-within { + --tw-ring-offset-color: var(--colors-orange-300, #fbd38d); } - .xl\:-space-y-28 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-7rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-7rem * var(--tw-space-y-reverse)); + .xl\:focus-within\:ring-offset-colors-orange-400:focus-within { + --tw-ring-offset-color: var(--colors-orange-400, #f6ad55); } - .xl\:-space-y-32 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-8rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-8rem * var(--tw-space-y-reverse)); + .xl\:focus-within\:ring-offset-colors-orange-500:focus-within { + --tw-ring-offset-color: var(--colors-orange-500, #ed8936); } - .xl\:-space-y-36 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-9rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-9rem * var(--tw-space-y-reverse)); + .xl\:focus-within\:ring-offset-colors-orange-600:focus-within { + --tw-ring-offset-color: var(--colors-orange-600, #dd6b20); } - .xl\:-space-y-40 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-10rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-10rem * var(--tw-space-y-reverse)); + .xl\:focus-within\:ring-offset-colors-orange-700:focus-within { + --tw-ring-offset-color: var(--colors-orange-700, #c05621); } - .xl\:-space-y-44 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-11rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-11rem * var(--tw-space-y-reverse)); + .xl\:focus-within\:ring-offset-colors-orange-800:focus-within { + --tw-ring-offset-color: var(--colors-orange-800, #9c4221); } - .xl\:-space-y-48 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-12rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-12rem * var(--tw-space-y-reverse)); + .xl\:focus-within\:ring-offset-colors-orange-900:focus-within { + --tw-ring-offset-color: var(--colors-orange-900, #7b341e); } - .xl\:-space-y-52 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-13rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-13rem * var(--tw-space-y-reverse)); + .xl\:focus-within\:ring-offset-colors-yellow-100:focus-within { + --tw-ring-offset-color: var(--colors-yellow-100, #fffff0); } - .xl\:-space-y-56 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-14rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-14rem * var(--tw-space-y-reverse)); + .xl\:focus-within\:ring-offset-colors-yellow-200:focus-within { + --tw-ring-offset-color: var(--colors-yellow-200, #fefcbf); } - .xl\:-space-y-60 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-15rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-15rem * var(--tw-space-y-reverse)); + .xl\:focus-within\:ring-offset-colors-yellow-300:focus-within { + --tw-ring-offset-color: var(--colors-yellow-300, #faf089); } - .xl\:-space-y-64 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-16rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-16rem * var(--tw-space-y-reverse)); + .xl\:focus-within\:ring-offset-colors-yellow-400:focus-within { + --tw-ring-offset-color: var(--colors-yellow-400, #f6e05e); } - .xl\:-space-y-72 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-18rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-18rem * var(--tw-space-y-reverse)); + .xl\:focus-within\:ring-offset-colors-yellow-500:focus-within { + --tw-ring-offset-color: var(--colors-yellow-500, #ecc94b); } - .xl\:-space-y-80 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-20rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-20rem * var(--tw-space-y-reverse)); + .xl\:focus-within\:ring-offset-colors-yellow-600:focus-within { + --tw-ring-offset-color: var(--colors-yellow-600, #d69e2e); } - .xl\:-space-y-96 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-24rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-24rem * var(--tw-space-y-reverse)); + .xl\:focus-within\:ring-offset-colors-yellow-700:focus-within { + --tw-ring-offset-color: var(--colors-yellow-700, #b7791f); } - .xl\:-space-y-px > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-1px * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-1px * var(--tw-space-y-reverse)); + .xl\:focus-within\:ring-offset-colors-yellow-800:focus-within { + --tw-ring-offset-color: var(--colors-yellow-800, #975a16); } - .xl\:-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)); + .xl\:focus-within\:ring-offset-colors-yellow-900:focus-within { + --tw-ring-offset-color: var(--colors-yellow-900, #744210); } - .xl\:-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)); + .xl\:focus-within\:ring-offset-colors-green-100:focus-within { + --tw-ring-offset-color: var(--colors-green-100, #f0fff4); } - .xl\:-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)); + .xl\:focus-within\:ring-offset-colors-green-200:focus-within { + --tw-ring-offset-color: var(--colors-green-200, #c6f6d5); } - .xl\:-space-y-3\.5 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-0.875rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-0.875rem * var(--tw-space-y-reverse)); + .xl\:focus-within\:ring-offset-colors-green-300:focus-within { + --tw-ring-offset-color: var(--colors-green-300, #9ae6b4); } - .xl\:space-y-reverse > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 1; + .xl\:focus-within\:ring-offset-colors-green-400:focus-within { + --tw-ring-offset-color: var(--colors-green-400, #68d391); } - .xl\:space-x-reverse > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 1; + .xl\:focus-within\:ring-offset-colors-green-500:focus-within { + --tw-ring-offset-color: var(--colors-green-500, #48bb78); } - .xl\:divide-x-0 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-x-reverse: 0; - border-right-width: calc(0px * var(--tw-divide-x-reverse)); - border-left-width: calc(0px * calc(1 - var(--tw-divide-x-reverse))); + .xl\:focus-within\:ring-offset-colors-green-600:focus-within { + --tw-ring-offset-color: var(--colors-green-600, #38a169); } - .xl\:divide-x-2 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-x-reverse: 0; - border-right-width: calc(2px * var(--tw-divide-x-reverse)); - border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse))); + .xl\:focus-within\:ring-offset-colors-green-700:focus-within { + --tw-ring-offset-color: var(--colors-green-700, #2f855a); } - .xl\:divide-x-4 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-x-reverse: 0; - border-right-width: calc(4px * var(--tw-divide-x-reverse)); - border-left-width: calc(4px * calc(1 - var(--tw-divide-x-reverse))); + .xl\:focus-within\:ring-offset-colors-green-800:focus-within { + --tw-ring-offset-color: var(--colors-green-800, #276749); } - .xl\:divide-x-8 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-x-reverse: 0; - border-right-width: calc(8px * var(--tw-divide-x-reverse)); - border-left-width: calc(8px * calc(1 - var(--tw-divide-x-reverse))); + .xl\:focus-within\:ring-offset-colors-green-900:focus-within { + --tw-ring-offset-color: var(--colors-green-900, #22543d); } - .xl\:divide-x > :not([hidden]) ~ :not([hidden]) { - --tw-divide-x-reverse: 0; - border-right-width: calc(1px * var(--tw-divide-x-reverse)); - border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); + .xl\:focus-within\:ring-offset-colors-teal-100:focus-within { + --tw-ring-offset-color: var(--colors-teal-100, #e6fffa); } - .xl\:divide-y-0 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-y-reverse: 0; - border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse))); - border-bottom-width: calc(0px * var(--tw-divide-y-reverse)); + .xl\:focus-within\:ring-offset-colors-teal-200:focus-within { + --tw-ring-offset-color: var(--colors-teal-200, #b2f5ea); } - .xl\:divide-y-2 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-y-reverse: 0; - border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse))); - border-bottom-width: calc(2px * var(--tw-divide-y-reverse)); + .xl\:focus-within\:ring-offset-colors-teal-300:focus-within { + --tw-ring-offset-color: var(--colors-teal-300, #81e6d9); } - .xl\:divide-y-4 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-y-reverse: 0; - border-top-width: calc(4px * calc(1 - var(--tw-divide-y-reverse))); - border-bottom-width: calc(4px * var(--tw-divide-y-reverse)); + .xl\:focus-within\:ring-offset-colors-teal-400:focus-within { + --tw-ring-offset-color: var(--colors-teal-400, #4fd1c5); } - .xl\:divide-y-8 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-y-reverse: 0; - border-top-width: calc(8px * calc(1 - var(--tw-divide-y-reverse))); - border-bottom-width: calc(8px * var(--tw-divide-y-reverse)); + .xl\:focus-within\:ring-offset-colors-teal-500:focus-within { + --tw-ring-offset-color: var(--colors-teal-500, #38b2ac); } - .xl\: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)); + .xl\:focus-within\:ring-offset-colors-teal-600:focus-within { + --tw-ring-offset-color: var(--colors-teal-600, #319795); } - .xl\:divide-y-reverse > :not([hidden]) ~ :not([hidden]) { - --tw-divide-y-reverse: 1; + .xl\:focus-within\:ring-offset-colors-teal-700:focus-within { + --tw-ring-offset-color: var(--colors-teal-700, #2c7a7b); } - .xl\:divide-x-reverse > :not([hidden]) ~ :not([hidden]) { - --tw-divide-x-reverse: 1; + .xl\:focus-within\:ring-offset-colors-teal-800:focus-within { + --tw-ring-offset-color: var(--colors-teal-800, #285e61); } - .xl\:divide-solid > :not([hidden]) ~ :not([hidden]) { - border-style: solid; + .xl\:focus-within\:ring-offset-colors-teal-900:focus-within { + --tw-ring-offset-color: var(--colors-teal-900, #234e52); } - .xl\:divide-dashed > :not([hidden]) ~ :not([hidden]) { - border-style: dashed; + .xl\:focus-within\:ring-offset-colors-blue-100:focus-within { + --tw-ring-offset-color: var(--colors-blue-100, #ebf8ff); } - .xl\:divide-dotted > :not([hidden]) ~ :not([hidden]) { - border-style: dotted; + .xl\:focus-within\:ring-offset-colors-blue-200:focus-within { + --tw-ring-offset-color: var(--colors-blue-200, #bee3f8); } - .xl\:divide-double > :not([hidden]) ~ :not([hidden]) { - border-style: double; + .xl\:focus-within\:ring-offset-colors-blue-300:focus-within { + --tw-ring-offset-color: var(--colors-blue-300, #90cdf4); } - .xl\:divide-none > :not([hidden]) ~ :not([hidden]) { - border-style: none; + .xl\:focus-within\:ring-offset-colors-blue-400:focus-within { + --tw-ring-offset-color: var(--colors-blue-400, #63b3ed); } - .xl\:divide-transparent > :not([hidden]) ~ :not([hidden]) { - border-color: transparent; + .xl\:focus-within\:ring-offset-colors-blue-500:focus-within { + --tw-ring-offset-color: var(--colors-blue-500, #4299e1); } - .xl\:divide-current > :not([hidden]) ~ :not([hidden]) { - border-color: currentColor; + .xl\:focus-within\:ring-offset-colors-blue-600:focus-within { + --tw-ring-offset-color: var(--colors-blue-600, #3182ce); } - .xl\:divide-black > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(0, 0, 0, var(--tw-divide-opacity)); + .xl\:focus-within\:ring-offset-colors-blue-700:focus-within { + --tw-ring-offset-color: var(--colors-blue-700, #2b6cb0); } - .xl\:divide-white > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(255, 255, 255, var(--tw-divide-opacity)); + .xl\:focus-within\:ring-offset-colors-blue-800:focus-within { + --tw-ring-offset-color: var(--colors-blue-800, #2c5282); } - .xl\:divide-gray-50 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(249, 250, 251, var(--tw-divide-opacity)); + .xl\:focus-within\:ring-offset-colors-blue-900:focus-within { + --tw-ring-offset-color: var(--colors-blue-900, #2a4365); } - .xl\:divide-gray-100 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(243, 244, 246, var(--tw-divide-opacity)); + .xl\:focus-within\:ring-offset-colors-indigo-100:focus-within { + --tw-ring-offset-color: var(--colors-indigo-100, #ebf4ff); } - .xl\:divide-gray-200 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(229, 231, 235, var(--tw-divide-opacity)); + .xl\:focus-within\:ring-offset-colors-indigo-200:focus-within { + --tw-ring-offset-color: var(--colors-indigo-200, #c3dafe); } - .xl\:divide-gray-300 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(209, 213, 219, var(--tw-divide-opacity)); + .xl\:focus-within\:ring-offset-colors-indigo-300:focus-within { + --tw-ring-offset-color: var(--colors-indigo-300, #a3bffa); } - .xl\:divide-gray-400 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(156, 163, 175, var(--tw-divide-opacity)); + .xl\:focus-within\:ring-offset-colors-indigo-400:focus-within { + --tw-ring-offset-color: var(--colors-indigo-400, #7f9cf5); } - .xl\:divide-gray-500 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(107, 114, 128, var(--tw-divide-opacity)); + .xl\:focus-within\:ring-offset-colors-indigo-500:focus-within { + --tw-ring-offset-color: var(--colors-indigo-500, #667eea); } - .xl\:divide-gray-600 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(75, 85, 99, var(--tw-divide-opacity)); + .xl\:focus-within\:ring-offset-colors-indigo-600:focus-within { + --tw-ring-offset-color: var(--colors-indigo-600, #5a67d8); } - .xl\:divide-gray-700 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(55, 65, 81, var(--tw-divide-opacity)); + .xl\:focus-within\:ring-offset-colors-indigo-700:focus-within { + --tw-ring-offset-color: var(--colors-indigo-700, #4c51bf); } - .xl\:divide-gray-800 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(31, 41, 55, var(--tw-divide-opacity)); + .xl\:focus-within\:ring-offset-colors-indigo-800:focus-within { + --tw-ring-offset-color: var(--colors-indigo-800, #434190); } - .xl\:divide-gray-900 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(17, 24, 39, var(--tw-divide-opacity)); + .xl\:focus-within\:ring-offset-colors-indigo-900:focus-within { + --tw-ring-offset-color: var(--colors-indigo-900, #3c366b); } - .xl\:divide-red-50 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(254, 242, 242, var(--tw-divide-opacity)); + .xl\:focus-within\:ring-offset-colors-purple-100:focus-within { + --tw-ring-offset-color: var(--colors-purple-100, #faf5ff); } - .xl\:divide-red-100 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(254, 226, 226, var(--tw-divide-opacity)); + .xl\:focus-within\:ring-offset-colors-purple-200:focus-within { + --tw-ring-offset-color: var(--colors-purple-200, #e9d8fd); } - .xl\:divide-red-200 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(254, 202, 202, var(--tw-divide-opacity)); + .xl\:focus-within\:ring-offset-colors-purple-300:focus-within { + --tw-ring-offset-color: var(--colors-purple-300, #d6bcfa); } - .xl\:divide-red-300 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(252, 165, 165, var(--tw-divide-opacity)); + .xl\:focus-within\:ring-offset-colors-purple-400:focus-within { + --tw-ring-offset-color: var(--colors-purple-400, #b794f4); } - .xl\:divide-red-400 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(248, 113, 113, var(--tw-divide-opacity)); + .xl\:focus-within\:ring-offset-colors-purple-500:focus-within { + --tw-ring-offset-color: var(--colors-purple-500, #9f7aea); } - .xl\:divide-red-500 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(239, 68, 68, var(--tw-divide-opacity)); + .xl\:focus-within\:ring-offset-colors-purple-600:focus-within { + --tw-ring-offset-color: var(--colors-purple-600, #805ad5); } - .xl\:divide-red-600 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(220, 38, 38, var(--tw-divide-opacity)); + .xl\:focus-within\:ring-offset-colors-purple-700:focus-within { + --tw-ring-offset-color: var(--colors-purple-700, #6b46c1); } - .xl\:divide-red-700 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(185, 28, 28, var(--tw-divide-opacity)); + .xl\:focus-within\:ring-offset-colors-purple-800:focus-within { + --tw-ring-offset-color: var(--colors-purple-800, #553c9a); } - .xl\:divide-red-800 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(153, 27, 27, var(--tw-divide-opacity)); + .xl\:focus-within\:ring-offset-colors-purple-900:focus-within { + --tw-ring-offset-color: var(--colors-purple-900, #44337a); } - .xl\:divide-red-900 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(127, 29, 29, var(--tw-divide-opacity)); + .xl\:focus-within\:ring-offset-colors-pink-100:focus-within { + --tw-ring-offset-color: var(--colors-pink-100, #fff5f7); } - .xl\:divide-yellow-50 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(255, 251, 235, var(--tw-divide-opacity)); + .xl\:focus-within\:ring-offset-colors-pink-200:focus-within { + --tw-ring-offset-color: var(--colors-pink-200, #fed7e2); } - .xl\:divide-yellow-100 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(254, 243, 199, var(--tw-divide-opacity)); + .xl\:focus-within\:ring-offset-colors-pink-300:focus-within { + --tw-ring-offset-color: var(--colors-pink-300, #fbb6ce); } - .xl\:divide-yellow-200 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(253, 230, 138, var(--tw-divide-opacity)); + .xl\:focus-within\:ring-offset-colors-pink-400:focus-within { + --tw-ring-offset-color: var(--colors-pink-400, #f687b3); } - .xl\:divide-yellow-300 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(252, 211, 77, var(--tw-divide-opacity)); + .xl\:focus-within\:ring-offset-colors-pink-500:focus-within { + --tw-ring-offset-color: var(--colors-pink-500, #ed64a6); } - .xl\:divide-yellow-400 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(251, 191, 36, var(--tw-divide-opacity)); + .xl\:focus-within\:ring-offset-colors-pink-600:focus-within { + --tw-ring-offset-color: var(--colors-pink-600, #d53f8c); } - .xl\:divide-yellow-500 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(245, 158, 11, var(--tw-divide-opacity)); + .xl\:focus-within\:ring-offset-colors-pink-700:focus-within { + --tw-ring-offset-color: var(--colors-pink-700, #b83280); } - .xl\:divide-yellow-600 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(217, 119, 6, var(--tw-divide-opacity)); + .xl\:focus-within\:ring-offset-colors-pink-800:focus-within { + --tw-ring-offset-color: var(--colors-pink-800, #97266d); } - .xl\:divide-yellow-700 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(180, 83, 9, var(--tw-divide-opacity)); + .xl\:focus-within\:ring-offset-colors-pink-900:focus-within { + --tw-ring-offset-color: var(--colors-pink-900, #702459); } - .xl\:divide-yellow-800 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(146, 64, 14, var(--tw-divide-opacity)); + .xl\:focus-within\:ring-offset-Box\ Shadow:focus-within { + --tw-ring-offset-color: var(--box-shadow, #7f7e7f); } - .xl\:divide-yellow-900 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(120, 53, 15, var(--tw-divide-opacity)); + .xl\:focus-within\:ring-offset-Error16:focus-within { + --tw-ring-offset-color: var(--error16, #f03d3e40); } - .xl\:divide-green-50 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(236, 253, 245, var(--tw-divide-opacity)); + .xl\:focus-within\:ring-offset-Success16:focus-within { + --tw-ring-offset-color: var(--success16, #5bb14d40); } - .xl\:divide-green-100 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(209, 250, 229, var(--tw-divide-opacity)); + .xl\:focus-within\:ring-offset-Notification16:focus-within { + --tw-ring-offset-color: var(--notification16, #3959ff40); } - .xl\:divide-green-200 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(167, 243, 208, var(--tw-divide-opacity)); + .xl\:focus-within\:ring-offset-Error8:focus-within { + --tw-ring-offset-color: var(--error8, #f03d3e1a); } - .xl\:divide-green-300 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(110, 231, 183, var(--tw-divide-opacity)); + .xl\:focus-within\:ring-offset-Notification8:focus-within { + --tw-ring-offset-color: var(--notification8, #3959ff1a); } - .xl\:divide-green-400 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(52, 211, 153, var(--tw-divide-opacity)); + .xl\:focus-within\:ring-offset-Success8:focus-within { + --tw-ring-offset-color: var(--success8, #5bb14d1a); } - .xl\:divide-green-500 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(16, 185, 129, var(--tw-divide-opacity)); + .xl\:focus-within\:ring-offset-Light\ -\ Overlay:focus-within { + --tw-ring-offset-color: var(--light-overlay, #f0edee66); } - .xl\:divide-green-600 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(5, 150, 105, var(--tw-divide-opacity)); + .xl\:focus-within\:ring-offset-Dark-\ Overlay:focus-within { + --tw-ring-offset-color: var(--dark-overlay, #7f7e7f66); } - .xl\:divide-green-700 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(4, 120, 87, var(--tw-divide-opacity)); + .xl\:focus-within\:ring-offset-black-40:focus-within { + --tw-ring-offset-color: var(--black-40, #00000066); } - .xl\:divide-green-800 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(6, 95, 70, var(--tw-divide-opacity)); + .xl\:focus-within\:ring-offset-black-75:focus-within { + --tw-ring-offset-color: var(--black-75, #000000bf); } - .xl\:divide-green-900 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(6, 78, 59, var(--tw-divide-opacity)); + .xl\:focus-within\:ring-offset-black-60:focus-within { + --tw-ring-offset-color: var(--black-60, #00000099); } - .xl\:divide-blue-50 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(239, 246, 255, var(--tw-divide-opacity)); + .xl\:focus-within\:ring-offset-black-50:focus-within { + --tw-ring-offset-color: var(--black-50, #00000080); } - .xl\:divide-blue-100 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(219, 234, 254, var(--tw-divide-opacity)); + .xl\:focus-within\:ring-offset-black-25:focus-within { + --tw-ring-offset-color: var(--black-25, #00000040); } - .xl\:divide-blue-200 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(191, 219, 254, var(--tw-divide-opacity)); + .xl\:focus-within\:ring-offset-black-10:focus-within { + --tw-ring-offset-color: var(--black-10, #0000001a); } - .xl\:divide-blue-300 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(147, 197, 253, var(--tw-divide-opacity)); + .xl\:focus-within\:ring-offset-white-25:focus-within { + --tw-ring-offset-color: var(--white-25, #ffffff40); } - .xl\:divide-blue-400 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(96, 165, 250, var(--tw-divide-opacity)); + .xl\:focus-within\:ring-offset-white-60:focus-within { + --tw-ring-offset-color: var(--white-60, #ffffff99); } - .xl\:divide-blue-500 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(59, 130, 246, var(--tw-divide-opacity)); + .xl\:focus-within\:ring-offset-black-64:focus-within { + --tw-ring-offset-color: var(--black-64, #000000a3); } - .xl\:divide-blue-600 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(37, 99, 235, var(--tw-divide-opacity)); + .xl\:focus-within\:ring-offset-Shadow\ and\ Highlight-Shadow:focus-within { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .xl\:divide-blue-700 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(29, 78, 216, var(--tw-divide-opacity)); + .xl\:focus-within\:ring-offset-Shadow\ and\ Highlight-Highlight:focus-within { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight, #474747); } - .xl\:divide-blue-800 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(30, 64, 175, var(--tw-divide-opacity)); + .xl\:focus-within\:ring-offset-Shadow\ and\ Highlight-highlight\ one:focus-within { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .xl\:divide-blue-900 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(30, 58, 138, var(--tw-divide-opacity)); + .xl\:focus-within\:ring-offset-Shadow\ and\ Highlight-highlight\ two:focus-within { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-two, #47474799); } - .xl\:divide-indigo-50 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(238, 242, 255, var(--tw-divide-opacity)); + .xl\:focus-within\:ring-offset-Shadow\ and\ Highlight-highlight\ three:focus-within { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-three, #47474766); } - .xl\:divide-indigo-100 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(224, 231, 255, var(--tw-divide-opacity)); + .xl\:focus-within\:ring-offset-Shadow\ and\ Highlight-highlight\ five:focus-within { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .xl\:divide-indigo-200 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(199, 210, 254, var(--tw-divide-opacity)); + .xl\:focus-within\:ring-offset-Shadow\ and\ Highlight-shadow\ one:focus-within { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .xl\:divide-indigo-300 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(165, 180, 252, var(--tw-divide-opacity)); + .xl\:focus-within\:ring-offset-Shadow\ and\ Highlight-shadow\ two:focus-within { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .xl\:divide-indigo-400 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(129, 140, 248, var(--tw-divide-opacity)); + .xl\:focus-within\:ring-offset-Shadow\ and\ Highlight-shadow\ three:focus-within { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .xl\:divide-indigo-500 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(99, 102, 241, var(--tw-divide-opacity)); + .xl\:focus-within\:ring-offset-Shadow\ and\ Highlight-shadow\ four:focus-within { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .xl\:divide-indigo-600 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(79, 70, 229, var(--tw-divide-opacity)); + .xl\:focus-within\:ring-offset-Shadow\ and\ Highlight-shadow\ five:focus-within { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .xl\:divide-indigo-700 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(67, 56, 202, var(--tw-divide-opacity)); + .xl\:focus-within\:ring-offset-Shadow\ and\ Highlight-highlight\ four:focus-within { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-four, #47474740); } - .xl\:divide-indigo-800 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(55, 48, 163, var(--tw-divide-opacity)); + .xl\:focus-within\:ring-offset-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus-within { + --tw-ring-offset-color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .xl\:divide-indigo-900 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(49, 46, 129, var(--tw-divide-opacity)); + .xl\:focus-within\:ring-offset-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus-within { + --tw-ring-offset-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .xl\:divide-purple-50 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(245, 243, 255, var(--tw-divide-opacity)); + .xl\:focus-within\:ring-offset-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus-within { + --tw-ring-offset-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .xl\:divide-purple-100 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(237, 233, 254, var(--tw-divide-opacity)); + .xl\:focus-within\:ring-offset-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus-within { + --tw-ring-offset-color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .xl\:divide-purple-200 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(221, 214, 254, var(--tw-divide-opacity)); + .xl\:focus-within\:ring-offset-Grey-Scale-white:focus-within { + --tw-ring-offset-color: var(--grey-scale-white, #ffffff); } - .xl\:divide-purple-300 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(196, 181, 253, var(--tw-divide-opacity)); + .xl\:focus-within\:ring-offset-Grey-Scale-off-white:focus-within { + --tw-ring-offset-color: var(--grey-scale-off-white, #f0edee); } - .xl\:divide-purple-400 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(167, 139, 250, var(--tw-divide-opacity)); + .xl\:focus-within\:ring-offset-Grey\ Scale-grey:focus-within { + --tw-ring-offset-color: var(--grey-scale-grey, #7f7e7f); } - .xl\:divide-purple-500 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(139, 92, 246, var(--tw-divide-opacity)); + .xl\:focus-within\:ring-offset-Grey\ Scale-charcoal:focus-within { + --tw-ring-offset-color: var(--grey-scale-charcoal, #474747); } - .xl\:divide-purple-600 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(124, 58, 237, var(--tw-divide-opacity)); + .xl\:focus-within\:ring-offset-Grey\ Scale-off-black:focus-within { + --tw-ring-offset-color: var(--grey-scale-off-black, #1c1c1c); } - .xl\:divide-purple-700 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(109, 40, 217, var(--tw-divide-opacity)); + .xl\:focus-within\:ring-offset-Grey\ Scale-black:focus-within { + --tw-ring-offset-color: var(--grey-scale-black, #000000); } - .xl\:divide-purple-800 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(91, 33, 182, var(--tw-divide-opacity)); + .xl\:focus-within\:ring-offset-Blue-blue:focus-within { + --tw-ring-offset-color: var(--blue-blue, #3a7ca5); } - .xl\:divide-purple-900 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(76, 29, 149, var(--tw-divide-opacity)); + .xl\:focus-within\:ring-offset-Blue-blue-100:focus-within { + --tw-ring-offset-color: var(--blue-blue-100, #75a3c0); } - .xl\:divide-pink-50 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(253, 242, 248, var(--tw-divide-opacity)); + .xl\:focus-within\:ring-offset-Blue-blue-200:focus-within { + --tw-ring-offset-color: var(--blue-blue-200, #9cbed2); } - .xl\:divide-pink-100 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(252, 231, 243, var(--tw-divide-opacity)); + .xl\:focus-within\:ring-offset-Blue-blue-300:focus-within { + --tw-ring-offset-color: var(--blue-blue-300, #4f7d9a); } - .xl\:divide-pink-200 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(251, 207, 232, var(--tw-divide-opacity)); + .xl\:focus-within\:ring-offset-Blue-blue-400:focus-within { + --tw-ring-offset-color: var(--blue-blue-400, #5c7d92); } - .xl\:divide-pink-300 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(249, 168, 212, var(--tw-divide-opacity)); + .xl\:focus-within\:ring-offset-Blue-blue-500:focus-within { + --tw-ring-offset-color: var(--blue-blue-500, #347095); } - .xl\:divide-pink-400 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(244, 114, 182, var(--tw-divide-opacity)); + .xl\:focus-within\:ring-offset-Blue-blue-600:focus-within { + --tw-ring-offset-color: var(--blue-blue-600, #295774); } - .xl\:divide-pink-500 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(236, 72, 153, var(--tw-divide-opacity)); + .xl\:focus-within\:ring-offset-Blue-blue-700:focus-within { + --tw-ring-offset-color: var(--blue-blue-700, #173242); } - .xl\:divide-pink-600 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(219, 39, 119, var(--tw-divide-opacity)); + .xl\:focus-within\:ring-offset-LightBlue-lightblue:focus-within { + --tw-ring-offset-color: var(--light-blue-lightblue, #81c3d7); } - .xl\:divide-pink-700 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(190, 24, 93, var(--tw-divide-opacity)); + .xl\:focus-within\:ring-offset-LightBlue-lightblue-100:focus-within { + --tw-ring-offset-color: var(--light-blue-lightblue-100, #a7d5e3); } - .xl\:divide-pink-800 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(157, 23, 77, var(--tw-divide-opacity)); + .xl\:focus-within\:ring-offset-LightBlue-lightblue-200:focus-within { + --tw-ring-offset-color: var(--light-blue-lightblue-200, #c0e1eb); } - .xl\:divide-pink-900 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(131, 24, 67, var(--tw-divide-opacity)); + .xl\:focus-within\:ring-offset-LightBlue-lightblue-300:focus-within { + --tw-ring-offset-color: var(--light-blue-lightblue-300, #80aebd); } - .xl\:divide-opacity-0 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 0; + .xl\:focus-within\:ring-offset-LightBlue-lightblue-400:focus-within { + --tw-ring-offset-color: var(--light-blue-lightblue-400, #80a0ab); } - .xl\:divide-opacity-5 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 0.05; + .xl\:focus-within\:ring-offset-LightBlue-lightblue-500:focus-within { + --tw-ring-offset-color: var(--light-blue-lightblue-500, #74afc1); } - .xl\:divide-opacity-10 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 0.1; + .xl\:focus-within\:ring-offset-LightBlue-lightblue-600:focus-within { + --tw-ring-offset-color: var(--light-blue-lightblue-600, #5a8997); } - .xl\:divide-opacity-20 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 0.2; + .xl\:focus-within\:ring-offset-LightBlue-lightblue-650:focus-within { + --tw-ring-offset-color: var(--light-blue-lightblue-650, #3e5e65); } - .xl\:divide-opacity-25 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 0.25; + .xl\:focus-within\:ring-offset-LightBlue-lightblue-700:focus-within { + --tw-ring-offset-color: var(--light-blue-lightblue-700, #344e56); } - .xl\:divide-opacity-30 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 0.3; + .xl\:focus-within\:ring-offset-Orange-orange:focus-within { + --tw-ring-offset-color: var(--orange-orange, #ff7f0e); } - .xl\:divide-opacity-40 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 0.4; + .xl\:focus-within\:ring-offset-Orange-orange-100:focus-within { + --tw-ring-offset-color: var(--orange-orange-100, #ffa556); } - .xl\:divide-opacity-50 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 0.5; + .xl\:focus-within\:ring-offset-Orange-orange-200:focus-within { + --tw-ring-offset-color: var(--orange-orange-200, #ffbf86); } - .xl\:divide-opacity-60 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 0.6; + .xl\:focus-within\:ring-offset-Orange-orange-300:focus-within { + --tw-ring-offset-color: var(--orange-orange-300, #d97f30); } - .xl\:divide-opacity-70 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 0.7; + .xl\:focus-within\:ring-offset-Orange-orange-400:focus-within { + --tw-ring-offset-color: var(--orange-orange-400, #bf7e46); } - .xl\:divide-opacity-75 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 0.75; + .xl\:focus-within\:ring-offset-Orange-orange-500:focus-within { + --tw-ring-offset-color: var(--orange-orange-500, #e5720d); } - .xl\:divide-opacity-80 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 0.8; + .xl\:focus-within\:ring-offset-Orange-orange-600:focus-within { + --tw-ring-offset-color: var(--orange-orange-600, #b3590a); } - .xl\:divide-opacity-90 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 0.9; + .xl\:focus-within\:ring-offset-Orange-orange-700:focus-within { + --tw-ring-offset-color: var(--orange-orange-700, #663306); } - .xl\:divide-opacity-95 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 0.95; + .xl\:focus-within\:ring-offset-Yellow-yellow:focus-within { + --tw-ring-offset-color: var(--yellow-yellow, #ffab00); } - .xl\:divide-opacity-100 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; + .xl\:focus-within\:ring-offset-Yellow-yellow-100:focus-within { + --tw-ring-offset-color: var(--yellow-yellow-100, #ffc44c); } - .xl\:place-self-auto { - place-self: auto; + .xl\:focus-within\:ring-offset-Yellow-yellow-200:focus-within { + --tw-ring-offset-color: var(--yellow-yellow-200, #ffd580); } - .xl\:place-self-start { - place-self: start; + .xl\:focus-within\:ring-offset-Yellow-yellow-300:focus-within { + --tw-ring-offset-color: var(--yellow-yellow-300, #d99d26); } - .xl\:place-self-end { - place-self: end; + .xl\:focus-within\:ring-offset-Yellow-yellow-400:focus-within { + --tw-ring-offset-color: var(--yellow-yellow-400, #bf943f); } - .xl\:place-self-center { - place-self: center; + .xl\:focus-within\:ring-offset-Yellow-yellow-500:focus-within { + --tw-ring-offset-color: var(--yellow-yellow-500, #e59a00); } - .xl\:place-self-stretch { - place-self: stretch; + .xl\:focus-within\:ring-offset-Yellow-yellow-600:focus-within { + --tw-ring-offset-color: var(--yellow-yellow-600, #b37800); } - .xl\:self-auto { - align-self: auto; + .xl\:focus-within\:ring-offset-Yellow-yellow-700:focus-within { + --tw-ring-offset-color: var(--yellow-yellow-700, #664400); } - .xl\:self-start { - align-self: flex-start; + .xl\:focus-within\:ring-offset-Notification-notification:focus-within { + --tw-ring-offset-color: var(--notification-notification, #3959ff); } - .xl\:self-end { - align-self: flex-end; + .xl\:focus-within\:ring-offset-Notification-notification-100:focus-within { + --tw-ring-offset-color: var(--notification-notification-100, #748bff); } - .xl\:self-center { - align-self: center; + .xl\:focus-within\:ring-offset-Notification-notification-200:focus-within { + --tw-ring-offset-color: var(--notification-notification-200, #9cacff); } - .xl\:self-stretch { - align-self: stretch; + .xl\:focus-within\:ring-offset-Notification-notification-300:focus-within { + --tw-ring-offset-color: var(--notification-notification-300, #4e64d9); } - .xl\:self-baseline { - align-self: baseline; + .xl\:focus-within\:ring-offset-Notification-notification-400:focus-within { + --tw-ring-offset-color: var(--notification-notification-400, #5c6cbf); } - .xl\:justify-self-auto { - justify-self: auto; + .xl\:focus-within\:ring-offset-Notification-notification-500:focus-within { + --tw-ring-offset-color: var(--notification-notification-500, #3350e5); } - .xl\:justify-self-start { - justify-self: start; + .xl\:focus-within\:ring-offset-Notification-notification-600:focus-within { + --tw-ring-offset-color: var(--notification-notification-600, #283eb3); } - .xl\:justify-self-end { - justify-self: end; + .xl\:focus-within\:ring-offset-Notification-notification-700:focus-within { + --tw-ring-offset-color: var(--notification-notification-700, #172466); } - .xl\:justify-self-center { - justify-self: center; + .xl\:focus-within\:ring-offset-Success-success\ -700:focus-within { + --tw-ring-offset-color: var(--success-success-700, #24471f); } - .xl\:justify-self-stretch { - justify-self: stretch; + .xl\:focus-within\:ring-offset-Success-success:focus-within { + --tw-ring-offset-color: var(--success-success, #5bb14d); } - .xl\:overflow-auto { - overflow: auto; + .xl\:focus-within\:ring-offset-Success-success\ -100:focus-within { + --tw-ring-offset-color: var(--success-success-100, #8cc882); } - .xl\:overflow-hidden { - overflow: hidden; + .xl\:focus-within\:ring-offset-Success-success\ -200:focus-within { + --tw-ring-offset-color: var(--success-success-200, #add8a6); } - .xl\:overflow-visible { - overflow: visible; + .xl\:focus-within\:ring-offset-Success-success\ -300:focus-within { + --tw-ring-offset-color: var(--success-success-300, #66a25c); } - .xl\:overflow-scroll { - overflow: scroll; + .xl\:focus-within\:ring-offset-Success-success\ -400:focus-within { + --tw-ring-offset-color: var(--success-success-400, #6d9766); } - .xl\:overflow-x-auto { - overflow-x: auto; + .xl\:focus-within\:ring-offset-Success-success\ -500:focus-within { + --tw-ring-offset-color: var(--success-success-500, #529f45); } - .xl\:overflow-y-auto { - overflow-y: auto; + .xl\:focus-within\:ring-offset-Success-success\ -600:focus-within { + --tw-ring-offset-color: var(--success-success-600, #407c36); } - .xl\:overflow-x-hidden { - overflow-x: hidden; + .xl\:focus-within\:ring-offset-Error-error:focus-within { + --tw-ring-offset-color: var(--error-error, #f03d3e); } - .xl\:overflow-y-hidden { - overflow-y: hidden; + .xl\:focus-within\:ring-offset-Error-error-100:focus-within { + --tw-ring-offset-color: var(--error-error-100, #f57778); } - .xl\:overflow-x-visible { - overflow-x: visible; + .xl\:focus-within\:ring-offset-Error-error-200:focus-within { + --tw-ring-offset-color: var(--error-error-200, #f89e9e); } - .xl\:overflow-y-visible { - overflow-y: visible; + .xl\:focus-within\:ring-offset-Error-error-250:focus-within { + --tw-ring-offset-color: var(--error-error-250, #f9c8c8); } - .xl\:overflow-x-scroll { - overflow-x: scroll; + .xl\:focus-within\:ring-offset-Error-error-300:focus-within { + --tw-ring-offset-color: var(--error-error-300, #ce5151); } - .xl\:overflow-y-scroll { - overflow-y: scroll; + .xl\:focus-within\:ring-offset-Error-error-400:focus-within { + --tw-ring-offset-color: var(--error-error-400, #b85e5e); } - .xl\:overscroll-auto { - overscroll-behavior: auto; + .xl\:focus-within\:ring-offset-Error-error-500:focus-within { + --tw-ring-offset-color: var(--error-error-500, #d83738); } - .xl\:overscroll-contain { - overscroll-behavior: contain; + .xl\:focus-within\:ring-offset-Error-error-600:focus-within { + --tw-ring-offset-color: var(--error-error-600, #a82b2b); } - .xl\:overscroll-none { - overscroll-behavior: none; + .xl\:focus-within\:ring-offset-Error-error-700:focus-within { + --tw-ring-offset-color: var(--error-error-700, #601819); } - .xl\:overscroll-y-auto { - overscroll-behavior-y: auto; + .xl\:focus\:ring-offset-colors-black:focus { + --tw-ring-offset-color: var(--colors-black, #000000); } - .xl\:overscroll-y-contain { - overscroll-behavior-y: contain; + .xl\:focus\:ring-offset-colors-white:focus { + --tw-ring-offset-color: var(--colors-white, #ffffff); } - .xl\:overscroll-y-none { - overscroll-behavior-y: none; + .xl\:focus\:ring-offset-colors-gray-100:focus { + --tw-ring-offset-color: var(--colors-gray-100, #f7fafc); } - .xl\:overscroll-x-auto { - overscroll-behavior-x: auto; + .xl\:focus\:ring-offset-colors-gray-200:focus { + --tw-ring-offset-color: var(--colors-gray-200, #edf2f7); } - .xl\:overscroll-x-contain { - overscroll-behavior-x: contain; + .xl\:focus\:ring-offset-colors-gray-300:focus { + --tw-ring-offset-color: var(--colors-gray-300, #e2e8f0); } - .xl\:overscroll-x-none { - overscroll-behavior-x: none; + .xl\:focus\:ring-offset-colors-gray-400:focus { + --tw-ring-offset-color: var(--colors-gray-400, #cbd5e0); } - .xl\:truncate { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; + .xl\:focus\:ring-offset-colors-gray-500:focus { + --tw-ring-offset-color: var(--colors-gray-500, #a0aec0); } - .xl\:overflow-ellipsis { - text-overflow: ellipsis; + .xl\:focus\:ring-offset-colors-gray-600:focus { + --tw-ring-offset-color: var(--colors-gray-600, #718096); } - .xl\:overflow-clip { - text-overflow: clip; + .xl\:focus\:ring-offset-colors-gray-700:focus { + --tw-ring-offset-color: var(--colors-gray-700, #4a5568); } - .xl\:whitespace-normal { - white-space: normal; + .xl\:focus\:ring-offset-colors-gray-800:focus { + --tw-ring-offset-color: var(--colors-gray-800, #2d3748); } - .xl\:whitespace-nowrap { - white-space: nowrap; + .xl\:focus\:ring-offset-colors-gray-900:focus { + --tw-ring-offset-color: var(--colors-gray-900, #1a202c); } - .xl\:whitespace-pre { - white-space: pre; + .xl\:focus\:ring-offset-colors-red-100:focus { + --tw-ring-offset-color: var(--colors-red-100, #fff5f5); } - .xl\:whitespace-pre-line { - white-space: pre-line; + .xl\:focus\:ring-offset-colors-red-200:focus { + --tw-ring-offset-color: var(--colors-red-200, #fed7d7); } - .xl\:whitespace-pre-wrap { - white-space: pre-wrap; + .xl\:focus\:ring-offset-colors-red-300:focus { + --tw-ring-offset-color: var(--colors-red-300, #feb2b2); } - .xl\:break-normal { - overflow-wrap: normal; - word-break: normal; + .xl\:focus\:ring-offset-colors-red-400:focus { + --tw-ring-offset-color: var(--colors-red-400, #fc8181); } - .xl\:break-words { - overflow-wrap: break-word; + .xl\:focus\:ring-offset-colors-red-500:focus { + --tw-ring-offset-color: var(--colors-red-500, #f56565); } - .xl\:break-all { - word-break: break-all; + .xl\:focus\:ring-offset-colors-red-600:focus { + --tw-ring-offset-color: var(--colors-red-600, #e53e3e); } - .xl\:rounded-none { - border-radius: 0px; + .xl\:focus\:ring-offset-colors-red-700:focus { + --tw-ring-offset-color: var(--colors-red-700, #c53030); } - .xl\:rounded-sm { - border-radius: 0.125rem; + .xl\:focus\:ring-offset-colors-red-800:focus { + --tw-ring-offset-color: var(--colors-red-800, #9b2c2c); } - .xl\:rounded { - border-radius: 0.25rem; + .xl\:focus\:ring-offset-colors-red-900:focus { + --tw-ring-offset-color: var(--colors-red-900, #742a2a); } - .xl\:rounded-md { - border-radius: 0.375rem; + .xl\:focus\:ring-offset-colors-orange-100:focus { + --tw-ring-offset-color: var(--colors-orange-100, #fffaf0); } - .xl\:rounded-lg { - border-radius: 0.5rem; + .xl\:focus\:ring-offset-colors-orange-200:focus { + --tw-ring-offset-color: var(--colors-orange-200, #feebc8); } - .xl\:rounded-xl { - border-radius: 0.75rem; + .xl\:focus\:ring-offset-colors-orange-300:focus { + --tw-ring-offset-color: var(--colors-orange-300, #fbd38d); } - .xl\:rounded-2xl { - border-radius: 1rem; + .xl\:focus\:ring-offset-colors-orange-400:focus { + --tw-ring-offset-color: var(--colors-orange-400, #f6ad55); } - .xl\:rounded-3xl { - border-radius: 1.5rem; + .xl\:focus\:ring-offset-colors-orange-500:focus { + --tw-ring-offset-color: var(--colors-orange-500, #ed8936); } - .xl\:rounded-full { - border-radius: 9999px; + .xl\:focus\:ring-offset-colors-orange-600:focus { + --tw-ring-offset-color: var(--colors-orange-600, #dd6b20); } - .xl\:rounded-t-none { - border-top-left-radius: 0px; - border-top-right-radius: 0px; + .xl\:focus\:ring-offset-colors-orange-700:focus { + --tw-ring-offset-color: var(--colors-orange-700, #c05621); } - .xl\:rounded-t-sm { - border-top-left-radius: 0.125rem; - border-top-right-radius: 0.125rem; + .xl\:focus\:ring-offset-colors-orange-800:focus { + --tw-ring-offset-color: var(--colors-orange-800, #9c4221); } - .xl\:rounded-t { - border-top-left-radius: 0.25rem; - border-top-right-radius: 0.25rem; + .xl\:focus\:ring-offset-colors-orange-900:focus { + --tw-ring-offset-color: var(--colors-orange-900, #7b341e); } - .xl\:rounded-t-md { - border-top-left-radius: 0.375rem; - border-top-right-radius: 0.375rem; + .xl\:focus\:ring-offset-colors-yellow-100:focus { + --tw-ring-offset-color: var(--colors-yellow-100, #fffff0); } - .xl\:rounded-t-lg { - border-top-left-radius: 0.5rem; - border-top-right-radius: 0.5rem; + .xl\:focus\:ring-offset-colors-yellow-200:focus { + --tw-ring-offset-color: var(--colors-yellow-200, #fefcbf); } - .xl\:rounded-t-xl { - border-top-left-radius: 0.75rem; - border-top-right-radius: 0.75rem; + .xl\:focus\:ring-offset-colors-yellow-300:focus { + --tw-ring-offset-color: var(--colors-yellow-300, #faf089); } - .xl\:rounded-t-2xl { - border-top-left-radius: 1rem; - border-top-right-radius: 1rem; + .xl\:focus\:ring-offset-colors-yellow-400:focus { + --tw-ring-offset-color: var(--colors-yellow-400, #f6e05e); } - .xl\:rounded-t-3xl { - border-top-left-radius: 1.5rem; - border-top-right-radius: 1.5rem; + .xl\:focus\:ring-offset-colors-yellow-500:focus { + --tw-ring-offset-color: var(--colors-yellow-500, #ecc94b); } - .xl\:rounded-t-full { - border-top-left-radius: 9999px; - border-top-right-radius: 9999px; + .xl\:focus\:ring-offset-colors-yellow-600:focus { + --tw-ring-offset-color: var(--colors-yellow-600, #d69e2e); } - .xl\:rounded-r-none { - border-top-right-radius: 0px; - border-bottom-right-radius: 0px; + .xl\:focus\:ring-offset-colors-yellow-700:focus { + --tw-ring-offset-color: var(--colors-yellow-700, #b7791f); } - .xl\:rounded-r-sm { - border-top-right-radius: 0.125rem; - border-bottom-right-radius: 0.125rem; + .xl\:focus\:ring-offset-colors-yellow-800:focus { + --tw-ring-offset-color: var(--colors-yellow-800, #975a16); } - .xl\:rounded-r { - border-top-right-radius: 0.25rem; - border-bottom-right-radius: 0.25rem; + .xl\:focus\:ring-offset-colors-yellow-900:focus { + --tw-ring-offset-color: var(--colors-yellow-900, #744210); } - .xl\:rounded-r-md { - border-top-right-radius: 0.375rem; - border-bottom-right-radius: 0.375rem; + .xl\:focus\:ring-offset-colors-green-100:focus { + --tw-ring-offset-color: var(--colors-green-100, #f0fff4); } - .xl\:rounded-r-lg { - border-top-right-radius: 0.5rem; - border-bottom-right-radius: 0.5rem; + .xl\:focus\:ring-offset-colors-green-200:focus { + --tw-ring-offset-color: var(--colors-green-200, #c6f6d5); } - .xl\:rounded-r-xl { - border-top-right-radius: 0.75rem; - border-bottom-right-radius: 0.75rem; + .xl\:focus\:ring-offset-colors-green-300:focus { + --tw-ring-offset-color: var(--colors-green-300, #9ae6b4); } - .xl\:rounded-r-2xl { - border-top-right-radius: 1rem; - border-bottom-right-radius: 1rem; + .xl\:focus\:ring-offset-colors-green-400:focus { + --tw-ring-offset-color: var(--colors-green-400, #68d391); } - .xl\:rounded-r-3xl { - border-top-right-radius: 1.5rem; - border-bottom-right-radius: 1.5rem; + .xl\:focus\:ring-offset-colors-green-500:focus { + --tw-ring-offset-color: var(--colors-green-500, #48bb78); } - .xl\:rounded-r-full { - border-top-right-radius: 9999px; - border-bottom-right-radius: 9999px; + .xl\:focus\:ring-offset-colors-green-600:focus { + --tw-ring-offset-color: var(--colors-green-600, #38a169); } - .xl\:rounded-b-none { - border-bottom-right-radius: 0px; - border-bottom-left-radius: 0px; + .xl\:focus\:ring-offset-colors-green-700:focus { + --tw-ring-offset-color: var(--colors-green-700, #2f855a); } - .xl\:rounded-b-sm { - border-bottom-right-radius: 0.125rem; - border-bottom-left-radius: 0.125rem; + .xl\:focus\:ring-offset-colors-green-800:focus { + --tw-ring-offset-color: var(--colors-green-800, #276749); } - .xl\:rounded-b { - border-bottom-right-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; + .xl\:focus\:ring-offset-colors-green-900:focus { + --tw-ring-offset-color: var(--colors-green-900, #22543d); } - .xl\:rounded-b-md { - border-bottom-right-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; + .xl\:focus\:ring-offset-colors-teal-100:focus { + --tw-ring-offset-color: var(--colors-teal-100, #e6fffa); } - .xl\:rounded-b-lg { - border-bottom-right-radius: 0.5rem; - border-bottom-left-radius: 0.5rem; + .xl\:focus\:ring-offset-colors-teal-200:focus { + --tw-ring-offset-color: var(--colors-teal-200, #b2f5ea); } - .xl\:rounded-b-xl { - border-bottom-right-radius: 0.75rem; - border-bottom-left-radius: 0.75rem; + .xl\:focus\:ring-offset-colors-teal-300:focus { + --tw-ring-offset-color: var(--colors-teal-300, #81e6d9); } - .xl\:rounded-b-2xl { - border-bottom-right-radius: 1rem; - border-bottom-left-radius: 1rem; + .xl\:focus\:ring-offset-colors-teal-400:focus { + --tw-ring-offset-color: var(--colors-teal-400, #4fd1c5); } - .xl\:rounded-b-3xl { - border-bottom-right-radius: 1.5rem; - border-bottom-left-radius: 1.5rem; + .xl\:focus\:ring-offset-colors-teal-500:focus { + --tw-ring-offset-color: var(--colors-teal-500, #38b2ac); } - .xl\:rounded-b-full { - border-bottom-right-radius: 9999px; - border-bottom-left-radius: 9999px; + .xl\:focus\:ring-offset-colors-teal-600:focus { + --tw-ring-offset-color: var(--colors-teal-600, #319795); } - .xl\:rounded-l-none { - border-top-left-radius: 0px; - border-bottom-left-radius: 0px; + .xl\:focus\:ring-offset-colors-teal-700:focus { + --tw-ring-offset-color: var(--colors-teal-700, #2c7a7b); } - .xl\:rounded-l-sm { - border-top-left-radius: 0.125rem; - border-bottom-left-radius: 0.125rem; + .xl\:focus\:ring-offset-colors-teal-800:focus { + --tw-ring-offset-color: var(--colors-teal-800, #285e61); } - .xl\:rounded-l { - border-top-left-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; + .xl\:focus\:ring-offset-colors-teal-900:focus { + --tw-ring-offset-color: var(--colors-teal-900, #234e52); } - .xl\:rounded-l-md { - border-top-left-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; + .xl\:focus\:ring-offset-colors-blue-100:focus { + --tw-ring-offset-color: var(--colors-blue-100, #ebf8ff); } - .xl\:rounded-l-lg { - border-top-left-radius: 0.5rem; - border-bottom-left-radius: 0.5rem; + .xl\:focus\:ring-offset-colors-blue-200:focus { + --tw-ring-offset-color: var(--colors-blue-200, #bee3f8); } - .xl\:rounded-l-xl { - border-top-left-radius: 0.75rem; - border-bottom-left-radius: 0.75rem; + .xl\:focus\:ring-offset-colors-blue-300:focus { + --tw-ring-offset-color: var(--colors-blue-300, #90cdf4); } - .xl\:rounded-l-2xl { - border-top-left-radius: 1rem; - border-bottom-left-radius: 1rem; + .xl\:focus\:ring-offset-colors-blue-400:focus { + --tw-ring-offset-color: var(--colors-blue-400, #63b3ed); } - .xl\:rounded-l-3xl { - border-top-left-radius: 1.5rem; - border-bottom-left-radius: 1.5rem; + .xl\:focus\:ring-offset-colors-blue-500:focus { + --tw-ring-offset-color: var(--colors-blue-500, #4299e1); } - .xl\:rounded-l-full { - border-top-left-radius: 9999px; - border-bottom-left-radius: 9999px; + .xl\:focus\:ring-offset-colors-blue-600:focus { + --tw-ring-offset-color: var(--colors-blue-600, #3182ce); } - .xl\:rounded-tl-none { - border-top-left-radius: 0px; + .xl\:focus\:ring-offset-colors-blue-700:focus { + --tw-ring-offset-color: var(--colors-blue-700, #2b6cb0); } - .xl\:rounded-tl-sm { - border-top-left-radius: 0.125rem; + .xl\:focus\:ring-offset-colors-blue-800:focus { + --tw-ring-offset-color: var(--colors-blue-800, #2c5282); } - .xl\:rounded-tl { - border-top-left-radius: 0.25rem; + .xl\:focus\:ring-offset-colors-blue-900:focus { + --tw-ring-offset-color: var(--colors-blue-900, #2a4365); } - .xl\:rounded-tl-md { - border-top-left-radius: 0.375rem; + .xl\:focus\:ring-offset-colors-indigo-100:focus { + --tw-ring-offset-color: var(--colors-indigo-100, #ebf4ff); } - .xl\:rounded-tl-lg { - border-top-left-radius: 0.5rem; + .xl\:focus\:ring-offset-colors-indigo-200:focus { + --tw-ring-offset-color: var(--colors-indigo-200, #c3dafe); } - .xl\:rounded-tl-xl { - border-top-left-radius: 0.75rem; + .xl\:focus\:ring-offset-colors-indigo-300:focus { + --tw-ring-offset-color: var(--colors-indigo-300, #a3bffa); } - .xl\:rounded-tl-2xl { - border-top-left-radius: 1rem; + .xl\:focus\:ring-offset-colors-indigo-400:focus { + --tw-ring-offset-color: var(--colors-indigo-400, #7f9cf5); } - .xl\:rounded-tl-3xl { - border-top-left-radius: 1.5rem; + .xl\:focus\:ring-offset-colors-indigo-500:focus { + --tw-ring-offset-color: var(--colors-indigo-500, #667eea); } - .xl\:rounded-tl-full { - border-top-left-radius: 9999px; + .xl\:focus\:ring-offset-colors-indigo-600:focus { + --tw-ring-offset-color: var(--colors-indigo-600, #5a67d8); } - .xl\:rounded-tr-none { - border-top-right-radius: 0px; + .xl\:focus\:ring-offset-colors-indigo-700:focus { + --tw-ring-offset-color: var(--colors-indigo-700, #4c51bf); } - .xl\:rounded-tr-sm { - border-top-right-radius: 0.125rem; + .xl\:focus\:ring-offset-colors-indigo-800:focus { + --tw-ring-offset-color: var(--colors-indigo-800, #434190); } - .xl\:rounded-tr { - border-top-right-radius: 0.25rem; + .xl\:focus\:ring-offset-colors-indigo-900:focus { + --tw-ring-offset-color: var(--colors-indigo-900, #3c366b); } - .xl\:rounded-tr-md { - border-top-right-radius: 0.375rem; + .xl\:focus\:ring-offset-colors-purple-100:focus { + --tw-ring-offset-color: var(--colors-purple-100, #faf5ff); } - .xl\:rounded-tr-lg { - border-top-right-radius: 0.5rem; + .xl\:focus\:ring-offset-colors-purple-200:focus { + --tw-ring-offset-color: var(--colors-purple-200, #e9d8fd); } - .xl\:rounded-tr-xl { - border-top-right-radius: 0.75rem; + .xl\:focus\:ring-offset-colors-purple-300:focus { + --tw-ring-offset-color: var(--colors-purple-300, #d6bcfa); } - .xl\:rounded-tr-2xl { - border-top-right-radius: 1rem; + .xl\:focus\:ring-offset-colors-purple-400:focus { + --tw-ring-offset-color: var(--colors-purple-400, #b794f4); } - .xl\:rounded-tr-3xl { - border-top-right-radius: 1.5rem; + .xl\:focus\:ring-offset-colors-purple-500:focus { + --tw-ring-offset-color: var(--colors-purple-500, #9f7aea); } - .xl\:rounded-tr-full { - border-top-right-radius: 9999px; + .xl\:focus\:ring-offset-colors-purple-600:focus { + --tw-ring-offset-color: var(--colors-purple-600, #805ad5); } - .xl\:rounded-br-none { - border-bottom-right-radius: 0px; + .xl\:focus\:ring-offset-colors-purple-700:focus { + --tw-ring-offset-color: var(--colors-purple-700, #6b46c1); } - .xl\:rounded-br-sm { - border-bottom-right-radius: 0.125rem; + .xl\:focus\:ring-offset-colors-purple-800:focus { + --tw-ring-offset-color: var(--colors-purple-800, #553c9a); } - .xl\:rounded-br { - border-bottom-right-radius: 0.25rem; + .xl\:focus\:ring-offset-colors-purple-900:focus { + --tw-ring-offset-color: var(--colors-purple-900, #44337a); } - .xl\:rounded-br-md { - border-bottom-right-radius: 0.375rem; + .xl\:focus\:ring-offset-colors-pink-100:focus { + --tw-ring-offset-color: var(--colors-pink-100, #fff5f7); } - .xl\:rounded-br-lg { - border-bottom-right-radius: 0.5rem; + .xl\:focus\:ring-offset-colors-pink-200:focus { + --tw-ring-offset-color: var(--colors-pink-200, #fed7e2); } - .xl\:rounded-br-xl { - border-bottom-right-radius: 0.75rem; + .xl\:focus\:ring-offset-colors-pink-300:focus { + --tw-ring-offset-color: var(--colors-pink-300, #fbb6ce); } - .xl\:rounded-br-2xl { - border-bottom-right-radius: 1rem; + .xl\:focus\:ring-offset-colors-pink-400:focus { + --tw-ring-offset-color: var(--colors-pink-400, #f687b3); } - .xl\:rounded-br-3xl { - border-bottom-right-radius: 1.5rem; + .xl\:focus\:ring-offset-colors-pink-500:focus { + --tw-ring-offset-color: var(--colors-pink-500, #ed64a6); } - .xl\:rounded-br-full { - border-bottom-right-radius: 9999px; + .xl\:focus\:ring-offset-colors-pink-600:focus { + --tw-ring-offset-color: var(--colors-pink-600, #d53f8c); } - .xl\:rounded-bl-none { - border-bottom-left-radius: 0px; + .xl\:focus\:ring-offset-colors-pink-700:focus { + --tw-ring-offset-color: var(--colors-pink-700, #b83280); } - .xl\:rounded-bl-sm { - border-bottom-left-radius: 0.125rem; + .xl\:focus\:ring-offset-colors-pink-800:focus { + --tw-ring-offset-color: var(--colors-pink-800, #97266d); } - .xl\:rounded-bl { - border-bottom-left-radius: 0.25rem; + .xl\:focus\:ring-offset-colors-pink-900:focus { + --tw-ring-offset-color: var(--colors-pink-900, #702459); } - .xl\:rounded-bl-md { - border-bottom-left-radius: 0.375rem; + .xl\:focus\:ring-offset-Box\ Shadow:focus { + --tw-ring-offset-color: var(--box-shadow, #7f7e7f); } - .xl\:rounded-bl-lg { - border-bottom-left-radius: 0.5rem; + .xl\:focus\:ring-offset-Error16:focus { + --tw-ring-offset-color: var(--error16, #f03d3e40); } - .xl\:rounded-bl-xl { - border-bottom-left-radius: 0.75rem; + .xl\:focus\:ring-offset-Success16:focus { + --tw-ring-offset-color: var(--success16, #5bb14d40); } - .xl\:rounded-bl-2xl { - border-bottom-left-radius: 1rem; + .xl\:focus\:ring-offset-Notification16:focus { + --tw-ring-offset-color: var(--notification16, #3959ff40); } - .xl\:rounded-bl-3xl { - border-bottom-left-radius: 1.5rem; + .xl\:focus\:ring-offset-Error8:focus { + --tw-ring-offset-color: var(--error8, #f03d3e1a); } - .xl\:rounded-bl-full { - border-bottom-left-radius: 9999px; + .xl\:focus\:ring-offset-Notification8:focus { + --tw-ring-offset-color: var(--notification8, #3959ff1a); } - .xl\:border-0 { - border-width: 0px; + .xl\:focus\:ring-offset-Success8:focus { + --tw-ring-offset-color: var(--success8, #5bb14d1a); } - .xl\:border-2 { - border-width: 2px; + .xl\:focus\:ring-offset-Light\ -\ Overlay:focus { + --tw-ring-offset-color: var(--light-overlay, #f0edee66); } - .xl\:border-4 { - border-width: 4px; + .xl\:focus\:ring-offset-Dark-\ Overlay:focus { + --tw-ring-offset-color: var(--dark-overlay, #7f7e7f66); } - .xl\:border-8 { - border-width: 8px; + .xl\:focus\:ring-offset-black-40:focus { + --tw-ring-offset-color: var(--black-40, #00000066); } - .xl\:border { - border-width: 1px; + .xl\:focus\:ring-offset-black-75:focus { + --tw-ring-offset-color: var(--black-75, #000000bf); } - .xl\:border-t-0 { - border-top-width: 0px; + .xl\:focus\:ring-offset-black-60:focus { + --tw-ring-offset-color: var(--black-60, #00000099); } - .xl\:border-t-2 { - border-top-width: 2px; + .xl\:focus\:ring-offset-black-50:focus { + --tw-ring-offset-color: var(--black-50, #00000080); } - .xl\:border-t-4 { - border-top-width: 4px; + .xl\:focus\:ring-offset-black-25:focus { + --tw-ring-offset-color: var(--black-25, #00000040); } - .xl\:border-t-8 { - border-top-width: 8px; + .xl\:focus\:ring-offset-black-10:focus { + --tw-ring-offset-color: var(--black-10, #0000001a); } - .xl\:border-t { - border-top-width: 1px; + .xl\:focus\:ring-offset-white-25:focus { + --tw-ring-offset-color: var(--white-25, #ffffff40); } - .xl\:border-r-0 { - border-right-width: 0px; + .xl\:focus\:ring-offset-white-60:focus { + --tw-ring-offset-color: var(--white-60, #ffffff99); } - .xl\:border-r-2 { - border-right-width: 2px; + .xl\:focus\:ring-offset-black-64:focus { + --tw-ring-offset-color: var(--black-64, #000000a3); } - .xl\:border-r-4 { - border-right-width: 4px; + .xl\:focus\:ring-offset-Shadow\ and\ Highlight-Shadow:focus { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .xl\:border-r-8 { - border-right-width: 8px; + .xl\:focus\:ring-offset-Shadow\ and\ Highlight-Highlight:focus { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight, #474747); } - .xl\:border-r { - border-right-width: 1px; + .xl\:focus\:ring-offset-Shadow\ and\ Highlight-highlight\ one:focus { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .xl\:border-b-0 { - border-bottom-width: 0px; + .xl\:focus\:ring-offset-Shadow\ and\ Highlight-highlight\ two:focus { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-two, #47474799); } - .xl\:border-b-2 { - border-bottom-width: 2px; + .xl\:focus\:ring-offset-Shadow\ and\ Highlight-highlight\ three:focus { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-three, #47474766); } - .xl\:border-b-4 { - border-bottom-width: 4px; + .xl\:focus\:ring-offset-Shadow\ and\ Highlight-highlight\ five:focus { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .xl\:border-b-8 { - border-bottom-width: 8px; + .xl\:focus\:ring-offset-Shadow\ and\ Highlight-shadow\ one:focus { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .xl\:border-b { - border-bottom-width: 1px; + .xl\:focus\:ring-offset-Shadow\ and\ Highlight-shadow\ two:focus { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .xl\:border-l-0 { - border-left-width: 0px; + .xl\:focus\:ring-offset-Shadow\ and\ Highlight-shadow\ three:focus { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .xl\:border-l-2 { - border-left-width: 2px; + .xl\:focus\:ring-offset-Shadow\ and\ Highlight-shadow\ four:focus { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .xl\:border-l-4 { - border-left-width: 4px; + .xl\:focus\:ring-offset-Shadow\ and\ Highlight-shadow\ five:focus { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .xl\:border-l-8 { - border-left-width: 8px; + .xl\:focus\:ring-offset-Shadow\ and\ Highlight-highlight\ four:focus { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-four, #47474740); } - .xl\:border-l { - border-left-width: 1px; + .xl\:focus\:ring-offset-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus { + --tw-ring-offset-color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .xl\:border-solid { - border-style: solid; + .xl\:focus\:ring-offset-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus { + --tw-ring-offset-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .xl\:border-dashed { - border-style: dashed; + .xl\:focus\:ring-offset-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus { + --tw-ring-offset-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .xl\:border-dotted { - border-style: dotted; + .xl\:focus\:ring-offset-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus { + --tw-ring-offset-color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .xl\:border-double { - border-style: double; + .xl\:focus\:ring-offset-Grey-Scale-white:focus { + --tw-ring-offset-color: var(--grey-scale-white, #ffffff); } - .xl\:border-none { - border-style: none; + .xl\:focus\:ring-offset-Grey-Scale-off-white:focus { + --tw-ring-offset-color: var(--grey-scale-off-white, #f0edee); } - .xl\:border-transparent { - border-color: transparent; + .xl\:focus\:ring-offset-Grey\ Scale-grey:focus { + --tw-ring-offset-color: var(--grey-scale-grey, #7f7e7f); } - .xl\:border-current { - border-color: currentColor; + .xl\:focus\:ring-offset-Grey\ Scale-charcoal:focus { + --tw-ring-offset-color: var(--grey-scale-charcoal, #474747); } - .xl\:border-black { - --tw-border-opacity: 1; - border-color: rgba(0, 0, 0, var(--tw-border-opacity)); + .xl\:focus\:ring-offset-Grey\ Scale-off-black:focus { + --tw-ring-offset-color: var(--grey-scale-off-black, #1c1c1c); } - .xl\:border-white { - --tw-border-opacity: 1; - border-color: rgba(255, 255, 255, var(--tw-border-opacity)); + .xl\:focus\:ring-offset-Grey\ Scale-black:focus { + --tw-ring-offset-color: var(--grey-scale-black, #000000); } - .xl\:border-gray-50 { - --tw-border-opacity: 1; - border-color: rgba(249, 250, 251, var(--tw-border-opacity)); + .xl\:focus\:ring-offset-Blue-blue:focus { + --tw-ring-offset-color: var(--blue-blue, #3a7ca5); } - .xl\:border-gray-100 { - --tw-border-opacity: 1; - border-color: rgba(243, 244, 246, var(--tw-border-opacity)); + .xl\:focus\:ring-offset-Blue-blue-100:focus { + --tw-ring-offset-color: var(--blue-blue-100, #75a3c0); } - .xl\:border-gray-200 { - --tw-border-opacity: 1; - border-color: rgba(229, 231, 235, var(--tw-border-opacity)); + .xl\:focus\:ring-offset-Blue-blue-200:focus { + --tw-ring-offset-color: var(--blue-blue-200, #9cbed2); } - .xl\:border-gray-300 { - --tw-border-opacity: 1; - border-color: rgba(209, 213, 219, var(--tw-border-opacity)); + .xl\:focus\:ring-offset-Blue-blue-300:focus { + --tw-ring-offset-color: var(--blue-blue-300, #4f7d9a); } - .xl\:border-gray-400 { - --tw-border-opacity: 1; - border-color: rgba(156, 163, 175, var(--tw-border-opacity)); + .xl\:focus\:ring-offset-Blue-blue-400:focus { + --tw-ring-offset-color: var(--blue-blue-400, #5c7d92); } - .xl\:border-gray-500 { - --tw-border-opacity: 1; - border-color: rgba(107, 114, 128, var(--tw-border-opacity)); + .xl\:focus\:ring-offset-Blue-blue-500:focus { + --tw-ring-offset-color: var(--blue-blue-500, #347095); } - .xl\:border-gray-600 { - --tw-border-opacity: 1; - border-color: rgba(75, 85, 99, var(--tw-border-opacity)); + .xl\:focus\:ring-offset-Blue-blue-600:focus { + --tw-ring-offset-color: var(--blue-blue-600, #295774); } - .xl\:border-gray-700 { - --tw-border-opacity: 1; - border-color: rgba(55, 65, 81, var(--tw-border-opacity)); + .xl\:focus\:ring-offset-Blue-blue-700:focus { + --tw-ring-offset-color: var(--blue-blue-700, #173242); } - .xl\:border-gray-800 { - --tw-border-opacity: 1; - border-color: rgba(31, 41, 55, var(--tw-border-opacity)); + .xl\:focus\:ring-offset-LightBlue-lightblue:focus { + --tw-ring-offset-color: var(--light-blue-lightblue, #81c3d7); } - .xl\:border-gray-900 { - --tw-border-opacity: 1; - border-color: rgba(17, 24, 39, var(--tw-border-opacity)); + .xl\:focus\:ring-offset-LightBlue-lightblue-100:focus { + --tw-ring-offset-color: var(--light-blue-lightblue-100, #a7d5e3); } - .xl\:border-red-50 { - --tw-border-opacity: 1; - border-color: rgba(254, 242, 242, var(--tw-border-opacity)); + .xl\:focus\:ring-offset-LightBlue-lightblue-200:focus { + --tw-ring-offset-color: var(--light-blue-lightblue-200, #c0e1eb); } - .xl\:border-red-100 { - --tw-border-opacity: 1; - border-color: rgba(254, 226, 226, var(--tw-border-opacity)); + .xl\:focus\:ring-offset-LightBlue-lightblue-300:focus { + --tw-ring-offset-color: var(--light-blue-lightblue-300, #80aebd); } - .xl\:border-red-200 { - --tw-border-opacity: 1; - border-color: rgba(254, 202, 202, var(--tw-border-opacity)); + .xl\:focus\:ring-offset-LightBlue-lightblue-400:focus { + --tw-ring-offset-color: var(--light-blue-lightblue-400, #80a0ab); } - .xl\:border-red-300 { - --tw-border-opacity: 1; - border-color: rgba(252, 165, 165, var(--tw-border-opacity)); + .xl\:focus\:ring-offset-LightBlue-lightblue-500:focus { + --tw-ring-offset-color: var(--light-blue-lightblue-500, #74afc1); } - .xl\:border-red-400 { - --tw-border-opacity: 1; - border-color: rgba(248, 113, 113, var(--tw-border-opacity)); + .xl\:focus\:ring-offset-LightBlue-lightblue-600:focus { + --tw-ring-offset-color: var(--light-blue-lightblue-600, #5a8997); } - .xl\:border-red-500 { - --tw-border-opacity: 1; - border-color: rgba(239, 68, 68, var(--tw-border-opacity)); + .xl\:focus\:ring-offset-LightBlue-lightblue-650:focus { + --tw-ring-offset-color: var(--light-blue-lightblue-650, #3e5e65); } - .xl\:border-red-600 { - --tw-border-opacity: 1; - border-color: rgba(220, 38, 38, var(--tw-border-opacity)); + .xl\:focus\:ring-offset-LightBlue-lightblue-700:focus { + --tw-ring-offset-color: var(--light-blue-lightblue-700, #344e56); } - .xl\:border-red-700 { - --tw-border-opacity: 1; - border-color: rgba(185, 28, 28, var(--tw-border-opacity)); + .xl\:focus\:ring-offset-Orange-orange:focus { + --tw-ring-offset-color: var(--orange-orange, #ff7f0e); } - .xl\:border-red-800 { - --tw-border-opacity: 1; - border-color: rgba(153, 27, 27, var(--tw-border-opacity)); + .xl\:focus\:ring-offset-Orange-orange-100:focus { + --tw-ring-offset-color: var(--orange-orange-100, #ffa556); } - .xl\:border-red-900 { - --tw-border-opacity: 1; - border-color: rgba(127, 29, 29, var(--tw-border-opacity)); + .xl\:focus\:ring-offset-Orange-orange-200:focus { + --tw-ring-offset-color: var(--orange-orange-200, #ffbf86); } - .xl\:border-yellow-50 { - --tw-border-opacity: 1; - border-color: rgba(255, 251, 235, var(--tw-border-opacity)); + .xl\:focus\:ring-offset-Orange-orange-300:focus { + --tw-ring-offset-color: var(--orange-orange-300, #d97f30); } - .xl\:border-yellow-100 { - --tw-border-opacity: 1; - border-color: rgba(254, 243, 199, var(--tw-border-opacity)); + .xl\:focus\:ring-offset-Orange-orange-400:focus { + --tw-ring-offset-color: var(--orange-orange-400, #bf7e46); } - .xl\:border-yellow-200 { - --tw-border-opacity: 1; - border-color: rgba(253, 230, 138, var(--tw-border-opacity)); + .xl\:focus\:ring-offset-Orange-orange-500:focus { + --tw-ring-offset-color: var(--orange-orange-500, #e5720d); } - .xl\:border-yellow-300 { - --tw-border-opacity: 1; - border-color: rgba(252, 211, 77, var(--tw-border-opacity)); + .xl\:focus\:ring-offset-Orange-orange-600:focus { + --tw-ring-offset-color: var(--orange-orange-600, #b3590a); } - .xl\:border-yellow-400 { - --tw-border-opacity: 1; - border-color: rgba(251, 191, 36, var(--tw-border-opacity)); + .xl\:focus\:ring-offset-Orange-orange-700:focus { + --tw-ring-offset-color: var(--orange-orange-700, #663306); } - .xl\:border-yellow-500 { - --tw-border-opacity: 1; - border-color: rgba(245, 158, 11, var(--tw-border-opacity)); + .xl\:focus\:ring-offset-Yellow-yellow:focus { + --tw-ring-offset-color: var(--yellow-yellow, #ffab00); } - .xl\:border-yellow-600 { - --tw-border-opacity: 1; - border-color: rgba(217, 119, 6, var(--tw-border-opacity)); + .xl\:focus\:ring-offset-Yellow-yellow-100:focus { + --tw-ring-offset-color: var(--yellow-yellow-100, #ffc44c); } - .xl\:border-yellow-700 { - --tw-border-opacity: 1; - border-color: rgba(180, 83, 9, var(--tw-border-opacity)); + .xl\:focus\:ring-offset-Yellow-yellow-200:focus { + --tw-ring-offset-color: var(--yellow-yellow-200, #ffd580); } - .xl\:border-yellow-800 { - --tw-border-opacity: 1; - border-color: rgba(146, 64, 14, var(--tw-border-opacity)); + .xl\:focus\:ring-offset-Yellow-yellow-300:focus { + --tw-ring-offset-color: var(--yellow-yellow-300, #d99d26); } - .xl\:border-yellow-900 { - --tw-border-opacity: 1; - border-color: rgba(120, 53, 15, var(--tw-border-opacity)); + .xl\:focus\:ring-offset-Yellow-yellow-400:focus { + --tw-ring-offset-color: var(--yellow-yellow-400, #bf943f); } - .xl\:border-green-50 { - --tw-border-opacity: 1; - border-color: rgba(236, 253, 245, var(--tw-border-opacity)); + .xl\:focus\:ring-offset-Yellow-yellow-500:focus { + --tw-ring-offset-color: var(--yellow-yellow-500, #e59a00); } - .xl\:border-green-100 { - --tw-border-opacity: 1; - border-color: rgba(209, 250, 229, var(--tw-border-opacity)); + .xl\:focus\:ring-offset-Yellow-yellow-600:focus { + --tw-ring-offset-color: var(--yellow-yellow-600, #b37800); } - .xl\:border-green-200 { - --tw-border-opacity: 1; - border-color: rgba(167, 243, 208, var(--tw-border-opacity)); + .xl\:focus\:ring-offset-Yellow-yellow-700:focus { + --tw-ring-offset-color: var(--yellow-yellow-700, #664400); } - .xl\:border-green-300 { - --tw-border-opacity: 1; - border-color: rgba(110, 231, 183, var(--tw-border-opacity)); + .xl\:focus\:ring-offset-Notification-notification:focus { + --tw-ring-offset-color: var(--notification-notification, #3959ff); } - .xl\:border-green-400 { - --tw-border-opacity: 1; - border-color: rgba(52, 211, 153, var(--tw-border-opacity)); + .xl\:focus\:ring-offset-Notification-notification-100:focus { + --tw-ring-offset-color: var(--notification-notification-100, #748bff); } - .xl\:border-green-500 { - --tw-border-opacity: 1; - border-color: rgba(16, 185, 129, var(--tw-border-opacity)); + .xl\:focus\:ring-offset-Notification-notification-200:focus { + --tw-ring-offset-color: var(--notification-notification-200, #9cacff); } - .xl\:border-green-600 { - --tw-border-opacity: 1; - border-color: rgba(5, 150, 105, var(--tw-border-opacity)); + .xl\:focus\:ring-offset-Notification-notification-300:focus { + --tw-ring-offset-color: var(--notification-notification-300, #4e64d9); } - .xl\:border-green-700 { - --tw-border-opacity: 1; - border-color: rgba(4, 120, 87, var(--tw-border-opacity)); + .xl\:focus\:ring-offset-Notification-notification-400:focus { + --tw-ring-offset-color: var(--notification-notification-400, #5c6cbf); } - .xl\:border-green-800 { - --tw-border-opacity: 1; - border-color: rgba(6, 95, 70, var(--tw-border-opacity)); + .xl\:focus\:ring-offset-Notification-notification-500:focus { + --tw-ring-offset-color: var(--notification-notification-500, #3350e5); } - .xl\:border-green-900 { - --tw-border-opacity: 1; - border-color: rgba(6, 78, 59, var(--tw-border-opacity)); + .xl\:focus\:ring-offset-Notification-notification-600:focus { + --tw-ring-offset-color: var(--notification-notification-600, #283eb3); } - .xl\:border-blue-50 { - --tw-border-opacity: 1; - border-color: rgba(239, 246, 255, var(--tw-border-opacity)); + .xl\:focus\:ring-offset-Notification-notification-700:focus { + --tw-ring-offset-color: var(--notification-notification-700, #172466); } - .xl\:border-blue-100 { - --tw-border-opacity: 1; - border-color: rgba(219, 234, 254, var(--tw-border-opacity)); + .xl\:focus\:ring-offset-Success-success\ -700:focus { + --tw-ring-offset-color: var(--success-success-700, #24471f); } - .xl\:border-blue-200 { - --tw-border-opacity: 1; - border-color: rgba(191, 219, 254, var(--tw-border-opacity)); + .xl\:focus\:ring-offset-Success-success:focus { + --tw-ring-offset-color: var(--success-success, #5bb14d); } - .xl\:border-blue-300 { - --tw-border-opacity: 1; - border-color: rgba(147, 197, 253, var(--tw-border-opacity)); + .xl\:focus\:ring-offset-Success-success\ -100:focus { + --tw-ring-offset-color: var(--success-success-100, #8cc882); } - .xl\:border-blue-400 { - --tw-border-opacity: 1; - border-color: rgba(96, 165, 250, var(--tw-border-opacity)); + .xl\:focus\:ring-offset-Success-success\ -200:focus { + --tw-ring-offset-color: var(--success-success-200, #add8a6); } - .xl\:border-blue-500 { - --tw-border-opacity: 1; - border-color: rgba(59, 130, 246, var(--tw-border-opacity)); + .xl\:focus\:ring-offset-Success-success\ -300:focus { + --tw-ring-offset-color: var(--success-success-300, #66a25c); } - .xl\:border-blue-600 { - --tw-border-opacity: 1; - border-color: rgba(37, 99, 235, var(--tw-border-opacity)); + .xl\:focus\:ring-offset-Success-success\ -400:focus { + --tw-ring-offset-color: var(--success-success-400, #6d9766); } - .xl\:border-blue-700 { - --tw-border-opacity: 1; - border-color: rgba(29, 78, 216, var(--tw-border-opacity)); + .xl\:focus\:ring-offset-Success-success\ -500:focus { + --tw-ring-offset-color: var(--success-success-500, #529f45); } - .xl\:border-blue-800 { - --tw-border-opacity: 1; - border-color: rgba(30, 64, 175, var(--tw-border-opacity)); + .xl\:focus\:ring-offset-Success-success\ -600:focus { + --tw-ring-offset-color: var(--success-success-600, #407c36); } - .xl\:border-blue-900 { - --tw-border-opacity: 1; - border-color: rgba(30, 58, 138, var(--tw-border-opacity)); + .xl\:focus\:ring-offset-Error-error:focus { + --tw-ring-offset-color: var(--error-error, #f03d3e); } - .xl\:border-indigo-50 { - --tw-border-opacity: 1; - border-color: rgba(238, 242, 255, var(--tw-border-opacity)); + .xl\:focus\:ring-offset-Error-error-100:focus { + --tw-ring-offset-color: var(--error-error-100, #f57778); } - .xl\:border-indigo-100 { - --tw-border-opacity: 1; - border-color: rgba(224, 231, 255, var(--tw-border-opacity)); + .xl\:focus\:ring-offset-Error-error-200:focus { + --tw-ring-offset-color: var(--error-error-200, #f89e9e); } - .xl\:border-indigo-200 { - --tw-border-opacity: 1; - border-color: rgba(199, 210, 254, var(--tw-border-opacity)); + .xl\:focus\:ring-offset-Error-error-250:focus { + --tw-ring-offset-color: var(--error-error-250, #f9c8c8); } - .xl\:border-indigo-300 { - --tw-border-opacity: 1; - border-color: rgba(165, 180, 252, var(--tw-border-opacity)); + .xl\:focus\:ring-offset-Error-error-300:focus { + --tw-ring-offset-color: var(--error-error-300, #ce5151); } - .xl\:border-indigo-400 { - --tw-border-opacity: 1; - border-color: rgba(129, 140, 248, var(--tw-border-opacity)); + .xl\:focus\:ring-offset-Error-error-400:focus { + --tw-ring-offset-color: var(--error-error-400, #b85e5e); } - .xl\:border-indigo-500 { - --tw-border-opacity: 1; - border-color: rgba(99, 102, 241, var(--tw-border-opacity)); + .xl\:focus\:ring-offset-Error-error-500:focus { + --tw-ring-offset-color: var(--error-error-500, #d83738); } - .xl\:border-indigo-600 { - --tw-border-opacity: 1; - border-color: rgba(79, 70, 229, var(--tw-border-opacity)); + .xl\:focus\:ring-offset-Error-error-600:focus { + --tw-ring-offset-color: var(--error-error-600, #a82b2b); } - .xl\:border-indigo-700 { - --tw-border-opacity: 1; - border-color: rgba(67, 56, 202, var(--tw-border-opacity)); + .xl\:focus\:ring-offset-Error-error-700:focus { + --tw-ring-offset-color: var(--error-error-700, #601819); } - .xl\:border-indigo-800 { - --tw-border-opacity: 1; - border-color: rgba(55, 48, 163, var(--tw-border-opacity)); + .xl\:filter { + --tw-blur: var(--tw-empty,/*!*/ /*!*/); + --tw-brightness: var(--tw-empty,/*!*/ /*!*/); + --tw-contrast: var(--tw-empty,/*!*/ /*!*/); + --tw-grayscale: var(--tw-empty,/*!*/ /*!*/); + --tw-hue-rotate: var(--tw-empty,/*!*/ /*!*/); + --tw-invert: var(--tw-empty,/*!*/ /*!*/); + --tw-saturate: var(--tw-empty,/*!*/ /*!*/); + --tw-sepia: var(--tw-empty,/*!*/ /*!*/); + --tw-drop-shadow: var(--tw-empty,/*!*/ /*!*/); + 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); } - .xl\:border-indigo-900 { - --tw-border-opacity: 1; - border-color: rgba(49, 46, 129, var(--tw-border-opacity)); + .xl\:filter-none { + filter: none; } - .xl\:border-purple-50 { - --tw-border-opacity: 1; - border-color: rgba(245, 243, 255, var(--tw-border-opacity)); + .xl\:blur-0 { + --tw-blur: blur(0); } - .xl\:border-purple-100 { - --tw-border-opacity: 1; - border-color: rgba(237, 233, 254, var(--tw-border-opacity)); + .xl\:blur-none { + --tw-blur: blur(0); } - .xl\:border-purple-200 { - --tw-border-opacity: 1; - border-color: rgba(221, 214, 254, var(--tw-border-opacity)); + .xl\:blur-sm { + --tw-blur: blur(4px); } - .xl\:border-purple-300 { - --tw-border-opacity: 1; - border-color: rgba(196, 181, 253, var(--tw-border-opacity)); + .xl\:blur { + --tw-blur: blur(8px); } - .xl\:border-purple-400 { - --tw-border-opacity: 1; - border-color: rgba(167, 139, 250, var(--tw-border-opacity)); + .xl\:blur-md { + --tw-blur: blur(12px); } - .xl\:border-purple-500 { - --tw-border-opacity: 1; - border-color: rgba(139, 92, 246, var(--tw-border-opacity)); + .xl\:blur-lg { + --tw-blur: blur(16px); } - .xl\:border-purple-600 { - --tw-border-opacity: 1; - border-color: rgba(124, 58, 237, var(--tw-border-opacity)); + .xl\:blur-xl { + --tw-blur: blur(24px); } - .xl\:border-purple-700 { - --tw-border-opacity: 1; - border-color: rgba(109, 40, 217, var(--tw-border-opacity)); + .xl\:blur-2xl { + --tw-blur: blur(40px); } - .xl\:border-purple-800 { - --tw-border-opacity: 1; - border-color: rgba(91, 33, 182, var(--tw-border-opacity)); + .xl\:blur-3xl { + --tw-blur: blur(64px); } - .xl\:border-purple-900 { - --tw-border-opacity: 1; - border-color: rgba(76, 29, 149, var(--tw-border-opacity)); + .xl\:brightness-0 { + --tw-brightness: brightness(0); } - .xl\:border-pink-50 { - --tw-border-opacity: 1; - border-color: rgba(253, 242, 248, var(--tw-border-opacity)); + .xl\:brightness-50 { + --tw-brightness: brightness(.5); } - .xl\:border-pink-100 { - --tw-border-opacity: 1; - border-color: rgba(252, 231, 243, var(--tw-border-opacity)); + .xl\:brightness-75 { + --tw-brightness: brightness(.75); } - .xl\:border-pink-200 { - --tw-border-opacity: 1; - border-color: rgba(251, 207, 232, var(--tw-border-opacity)); + .xl\:brightness-90 { + --tw-brightness: brightness(.9); } - .xl\:border-pink-300 { - --tw-border-opacity: 1; - border-color: rgba(249, 168, 212, var(--tw-border-opacity)); + .xl\:brightness-95 { + --tw-brightness: brightness(.95); } - .xl\:border-pink-400 { - --tw-border-opacity: 1; - border-color: rgba(244, 114, 182, var(--tw-border-opacity)); + .xl\:brightness-100 { + --tw-brightness: brightness(1); } - .xl\:border-pink-500 { - --tw-border-opacity: 1; - border-color: rgba(236, 72, 153, var(--tw-border-opacity)); + .xl\:brightness-105 { + --tw-brightness: brightness(1.05); } - .xl\:border-pink-600 { - --tw-border-opacity: 1; - border-color: rgba(219, 39, 119, var(--tw-border-opacity)); + .xl\:brightness-110 { + --tw-brightness: brightness(1.1); } - .xl\:border-pink-700 { - --tw-border-opacity: 1; - border-color: rgba(190, 24, 93, var(--tw-border-opacity)); + .xl\:brightness-125 { + --tw-brightness: brightness(1.25); } - .xl\:border-pink-800 { - --tw-border-opacity: 1; - border-color: rgba(157, 23, 77, var(--tw-border-opacity)); + .xl\:brightness-150 { + --tw-brightness: brightness(1.5); } - .xl\:border-pink-900 { - --tw-border-opacity: 1; - border-color: rgba(131, 24, 67, var(--tw-border-opacity)); + .xl\:brightness-200 { + --tw-brightness: brightness(2); } - .group:hover .xl\:group-hover\:border-transparent { - border-color: transparent; + .xl\:contrast-0 { + --tw-contrast: contrast(0); } - .group:hover .xl\:group-hover\:border-current { - border-color: currentColor; + .xl\:contrast-50 { + --tw-contrast: contrast(.5); } - .group:hover .xl\:group-hover\:border-black { - --tw-border-opacity: 1; - border-color: rgba(0, 0, 0, var(--tw-border-opacity)); + .xl\:contrast-75 { + --tw-contrast: contrast(.75); } - .group:hover .xl\:group-hover\:border-white { - --tw-border-opacity: 1; - border-color: rgba(255, 255, 255, var(--tw-border-opacity)); + .xl\:contrast-100 { + --tw-contrast: contrast(1); } - .group:hover .xl\:group-hover\:border-gray-50 { - --tw-border-opacity: 1; - border-color: rgba(249, 250, 251, var(--tw-border-opacity)); + .xl\:contrast-125 { + --tw-contrast: contrast(1.25); } - .group:hover .xl\:group-hover\:border-gray-100 { - --tw-border-opacity: 1; - border-color: rgba(243, 244, 246, var(--tw-border-opacity)); + .xl\:contrast-150 { + --tw-contrast: contrast(1.5); } - .group:hover .xl\:group-hover\:border-gray-200 { - --tw-border-opacity: 1; - border-color: rgba(229, 231, 235, var(--tw-border-opacity)); + .xl\:contrast-200 { + --tw-contrast: contrast(2); } - .group:hover .xl\:group-hover\:border-gray-300 { - --tw-border-opacity: 1; - border-color: rgba(209, 213, 219, var(--tw-border-opacity)); + .xl\:drop-shadow-sm { + --tw-drop-shadow: drop-shadow(0 1px 1px rgba(0,0,0,0.05)); } - .group:hover .xl\:group-hover\:border-gray-400 { - --tw-border-opacity: 1; - border-color: rgba(156, 163, 175, var(--tw-border-opacity)); + .xl\:drop-shadow { + --tw-drop-shadow: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1)) drop-shadow(0 1px 1px rgba(0, 0, 0, 0.06)); } - .group:hover .xl\:group-hover\:border-gray-500 { - --tw-border-opacity: 1; - border-color: rgba(107, 114, 128, var(--tw-border-opacity)); + .xl\:drop-shadow-md { + --tw-drop-shadow: drop-shadow(0 4px 3px rgba(0, 0, 0, 0.07)) drop-shadow(0 2px 2px rgba(0, 0, 0, 0.06)); } - .group:hover .xl\:group-hover\:border-gray-600 { - --tw-border-opacity: 1; - border-color: rgba(75, 85, 99, var(--tw-border-opacity)); + .xl\:drop-shadow-lg { + --tw-drop-shadow: drop-shadow(0 10px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0 4px 3px rgba(0, 0, 0, 0.1)); } - .group:hover .xl\:group-hover\:border-gray-700 { - --tw-border-opacity: 1; - border-color: rgba(55, 65, 81, var(--tw-border-opacity)); + .xl\:drop-shadow-xl { + --tw-drop-shadow: drop-shadow(0 20px 13px rgba(0, 0, 0, 0.03)) drop-shadow(0 8px 5px rgba(0, 0, 0, 0.08)); } - .group:hover .xl\:group-hover\:border-gray-800 { - --tw-border-opacity: 1; - border-color: rgba(31, 41, 55, var(--tw-border-opacity)); + .xl\:drop-shadow-2xl { + --tw-drop-shadow: drop-shadow(0 25px 25px rgba(0, 0, 0, 0.15)); } - .group:hover .xl\:group-hover\:border-gray-900 { - --tw-border-opacity: 1; - border-color: rgba(17, 24, 39, var(--tw-border-opacity)); + .xl\:drop-shadow-none { + --tw-drop-shadow: drop-shadow(0 0 #0000); } - .group:hover .xl\:group-hover\:border-red-50 { - --tw-border-opacity: 1; - border-color: rgba(254, 242, 242, var(--tw-border-opacity)); + .xl\:grayscale-0 { + --tw-grayscale: grayscale(0); } - .group:hover .xl\:group-hover\:border-red-100 { - --tw-border-opacity: 1; - border-color: rgba(254, 226, 226, var(--tw-border-opacity)); + .xl\:grayscale { + --tw-grayscale: grayscale(100%); } - .group:hover .xl\:group-hover\:border-red-200 { - --tw-border-opacity: 1; - border-color: rgba(254, 202, 202, var(--tw-border-opacity)); + .xl\:hue-rotate-0 { + --tw-hue-rotate: hue-rotate(0deg); } - .group:hover .xl\:group-hover\:border-red-300 { - --tw-border-opacity: 1; - border-color: rgba(252, 165, 165, var(--tw-border-opacity)); + .xl\:hue-rotate-15 { + --tw-hue-rotate: hue-rotate(15deg); } - .group:hover .xl\:group-hover\:border-red-400 { - --tw-border-opacity: 1; - border-color: rgba(248, 113, 113, var(--tw-border-opacity)); + .xl\:hue-rotate-30 { + --tw-hue-rotate: hue-rotate(30deg); } - .group:hover .xl\:group-hover\:border-red-500 { - --tw-border-opacity: 1; - border-color: rgba(239, 68, 68, var(--tw-border-opacity)); + .xl\:hue-rotate-60 { + --tw-hue-rotate: hue-rotate(60deg); } - .group:hover .xl\:group-hover\:border-red-600 { - --tw-border-opacity: 1; - border-color: rgba(220, 38, 38, var(--tw-border-opacity)); + .xl\:hue-rotate-90 { + --tw-hue-rotate: hue-rotate(90deg); } - .group:hover .xl\:group-hover\:border-red-700 { - --tw-border-opacity: 1; - border-color: rgba(185, 28, 28, var(--tw-border-opacity)); + .xl\:hue-rotate-180 { + --tw-hue-rotate: hue-rotate(180deg); } - .group:hover .xl\:group-hover\:border-red-800 { - --tw-border-opacity: 1; - border-color: rgba(153, 27, 27, var(--tw-border-opacity)); + .xl\:-hue-rotate-180 { + --tw-hue-rotate: hue-rotate(-180deg); } - .group:hover .xl\:group-hover\:border-red-900 { - --tw-border-opacity: 1; - border-color: rgba(127, 29, 29, var(--tw-border-opacity)); + .xl\:-hue-rotate-90 { + --tw-hue-rotate: hue-rotate(-90deg); } - .group:hover .xl\:group-hover\:border-yellow-50 { - --tw-border-opacity: 1; - border-color: rgba(255, 251, 235, var(--tw-border-opacity)); + .xl\:-hue-rotate-60 { + --tw-hue-rotate: hue-rotate(-60deg); } - .group:hover .xl\:group-hover\:border-yellow-100 { - --tw-border-opacity: 1; - border-color: rgba(254, 243, 199, var(--tw-border-opacity)); + .xl\:-hue-rotate-30 { + --tw-hue-rotate: hue-rotate(-30deg); } - .group:hover .xl\:group-hover\:border-yellow-200 { - --tw-border-opacity: 1; - border-color: rgba(253, 230, 138, var(--tw-border-opacity)); + .xl\:-hue-rotate-15 { + --tw-hue-rotate: hue-rotate(-15deg); } - .group:hover .xl\:group-hover\:border-yellow-300 { - --tw-border-opacity: 1; - border-color: rgba(252, 211, 77, var(--tw-border-opacity)); + .xl\:invert-0 { + --tw-invert: invert(0); } - .group:hover .xl\:group-hover\:border-yellow-400 { - --tw-border-opacity: 1; - border-color: rgba(251, 191, 36, var(--tw-border-opacity)); + .xl\:invert { + --tw-invert: invert(100%); } - .group:hover .xl\:group-hover\:border-yellow-500 { - --tw-border-opacity: 1; - border-color: rgba(245, 158, 11, var(--tw-border-opacity)); + .xl\:saturate-0 { + --tw-saturate: saturate(0); } - .group:hover .xl\:group-hover\:border-yellow-600 { - --tw-border-opacity: 1; - border-color: rgba(217, 119, 6, var(--tw-border-opacity)); + .xl\:saturate-50 { + --tw-saturate: saturate(.5); } - .group:hover .xl\:group-hover\:border-yellow-700 { - --tw-border-opacity: 1; - border-color: rgba(180, 83, 9, var(--tw-border-opacity)); + .xl\:saturate-100 { + --tw-saturate: saturate(1); } - .group:hover .xl\:group-hover\:border-yellow-800 { - --tw-border-opacity: 1; - border-color: rgba(146, 64, 14, var(--tw-border-opacity)); + .xl\:saturate-150 { + --tw-saturate: saturate(1.5); } - .group:hover .xl\:group-hover\:border-yellow-900 { - --tw-border-opacity: 1; - border-color: rgba(120, 53, 15, var(--tw-border-opacity)); + .xl\:saturate-200 { + --tw-saturate: saturate(2); } - .group:hover .xl\:group-hover\:border-green-50 { - --tw-border-opacity: 1; - border-color: rgba(236, 253, 245, var(--tw-border-opacity)); + .xl\:sepia-0 { + --tw-sepia: sepia(0); } - .group:hover .xl\:group-hover\:border-green-100 { - --tw-border-opacity: 1; - border-color: rgba(209, 250, 229, var(--tw-border-opacity)); + .xl\:sepia { + --tw-sepia: sepia(100%); } - .group:hover .xl\:group-hover\:border-green-200 { - --tw-border-opacity: 1; - border-color: rgba(167, 243, 208, var(--tw-border-opacity)); + .xl\:backdrop-filter { + --tw-backdrop-blur: var(--tw-empty,/*!*/ /*!*/); + --tw-backdrop-brightness: var(--tw-empty,/*!*/ /*!*/); + --tw-backdrop-contrast: var(--tw-empty,/*!*/ /*!*/); + --tw-backdrop-grayscale: var(--tw-empty,/*!*/ /*!*/); + --tw-backdrop-hue-rotate: var(--tw-empty,/*!*/ /*!*/); + --tw-backdrop-invert: var(--tw-empty,/*!*/ /*!*/); + --tw-backdrop-opacity: var(--tw-empty,/*!*/ /*!*/); + --tw-backdrop-saturate: var(--tw-empty,/*!*/ /*!*/); + --tw-backdrop-sepia: var(--tw-empty,/*!*/ /*!*/); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } - .group:hover .xl\:group-hover\:border-green-300 { - --tw-border-opacity: 1; - border-color: rgba(110, 231, 183, var(--tw-border-opacity)); + .xl\:backdrop-filter-none { + -webkit-backdrop-filter: none; + backdrop-filter: none; } - .group:hover .xl\:group-hover\:border-green-400 { - --tw-border-opacity: 1; - border-color: rgba(52, 211, 153, var(--tw-border-opacity)); + .xl\:backdrop-blur-0 { + --tw-backdrop-blur: blur(0); } - .group:hover .xl\:group-hover\:border-green-500 { - --tw-border-opacity: 1; - border-color: rgba(16, 185, 129, var(--tw-border-opacity)); + .xl\:backdrop-blur-none { + --tw-backdrop-blur: blur(0); } - .group:hover .xl\:group-hover\:border-green-600 { - --tw-border-opacity: 1; - border-color: rgba(5, 150, 105, var(--tw-border-opacity)); + .xl\:backdrop-blur-sm { + --tw-backdrop-blur: blur(4px); } - .group:hover .xl\:group-hover\:border-green-700 { - --tw-border-opacity: 1; - border-color: rgba(4, 120, 87, var(--tw-border-opacity)); + .xl\:backdrop-blur { + --tw-backdrop-blur: blur(8px); } - .group:hover .xl\:group-hover\:border-green-800 { - --tw-border-opacity: 1; - border-color: rgba(6, 95, 70, var(--tw-border-opacity)); + .xl\:backdrop-blur-md { + --tw-backdrop-blur: blur(12px); } - .group:hover .xl\:group-hover\:border-green-900 { - --tw-border-opacity: 1; - border-color: rgba(6, 78, 59, var(--tw-border-opacity)); + .xl\:backdrop-blur-lg { + --tw-backdrop-blur: blur(16px); } - .group:hover .xl\:group-hover\:border-blue-50 { - --tw-border-opacity: 1; - border-color: rgba(239, 246, 255, var(--tw-border-opacity)); + .xl\:backdrop-blur-xl { + --tw-backdrop-blur: blur(24px); } - .group:hover .xl\:group-hover\:border-blue-100 { - --tw-border-opacity: 1; - border-color: rgba(219, 234, 254, var(--tw-border-opacity)); + .xl\:backdrop-blur-2xl { + --tw-backdrop-blur: blur(40px); } - .group:hover .xl\:group-hover\:border-blue-200 { - --tw-border-opacity: 1; - border-color: rgba(191, 219, 254, var(--tw-border-opacity)); + .xl\:backdrop-blur-3xl { + --tw-backdrop-blur: blur(64px); } - .group:hover .xl\:group-hover\:border-blue-300 { - --tw-border-opacity: 1; - border-color: rgba(147, 197, 253, var(--tw-border-opacity)); + .xl\:backdrop-brightness-0 { + --tw-backdrop-brightness: brightness(0); } - .group:hover .xl\:group-hover\:border-blue-400 { - --tw-border-opacity: 1; - border-color: rgba(96, 165, 250, var(--tw-border-opacity)); + .xl\:backdrop-brightness-50 { + --tw-backdrop-brightness: brightness(.5); } - .group:hover .xl\:group-hover\:border-blue-500 { - --tw-border-opacity: 1; - border-color: rgba(59, 130, 246, var(--tw-border-opacity)); + .xl\:backdrop-brightness-75 { + --tw-backdrop-brightness: brightness(.75); } - .group:hover .xl\:group-hover\:border-blue-600 { - --tw-border-opacity: 1; - border-color: rgba(37, 99, 235, var(--tw-border-opacity)); + .xl\:backdrop-brightness-90 { + --tw-backdrop-brightness: brightness(.9); } - .group:hover .xl\:group-hover\:border-blue-700 { - --tw-border-opacity: 1; - border-color: rgba(29, 78, 216, var(--tw-border-opacity)); + .xl\:backdrop-brightness-95 { + --tw-backdrop-brightness: brightness(.95); } - .group:hover .xl\:group-hover\:border-blue-800 { - --tw-border-opacity: 1; - border-color: rgba(30, 64, 175, var(--tw-border-opacity)); + .xl\:backdrop-brightness-100 { + --tw-backdrop-brightness: brightness(1); } - .group:hover .xl\:group-hover\:border-blue-900 { - --tw-border-opacity: 1; - border-color: rgba(30, 58, 138, var(--tw-border-opacity)); + .xl\:backdrop-brightness-105 { + --tw-backdrop-brightness: brightness(1.05); } - .group:hover .xl\:group-hover\:border-indigo-50 { - --tw-border-opacity: 1; - border-color: rgba(238, 242, 255, var(--tw-border-opacity)); + .xl\:backdrop-brightness-110 { + --tw-backdrop-brightness: brightness(1.1); } - .group:hover .xl\:group-hover\:border-indigo-100 { - --tw-border-opacity: 1; - border-color: rgba(224, 231, 255, var(--tw-border-opacity)); + .xl\:backdrop-brightness-125 { + --tw-backdrop-brightness: brightness(1.25); } - .group:hover .xl\:group-hover\:border-indigo-200 { - --tw-border-opacity: 1; - border-color: rgba(199, 210, 254, var(--tw-border-opacity)); + .xl\:backdrop-brightness-150 { + --tw-backdrop-brightness: brightness(1.5); } - .group:hover .xl\:group-hover\:border-indigo-300 { - --tw-border-opacity: 1; - border-color: rgba(165, 180, 252, var(--tw-border-opacity)); + .xl\:backdrop-brightness-200 { + --tw-backdrop-brightness: brightness(2); } - .group:hover .xl\:group-hover\:border-indigo-400 { - --tw-border-opacity: 1; - border-color: rgba(129, 140, 248, var(--tw-border-opacity)); + .xl\:backdrop-contrast-0 { + --tw-backdrop-contrast: contrast(0); } - .group:hover .xl\:group-hover\:border-indigo-500 { - --tw-border-opacity: 1; - border-color: rgba(99, 102, 241, var(--tw-border-opacity)); + .xl\:backdrop-contrast-50 { + --tw-backdrop-contrast: contrast(.5); } - .group:hover .xl\:group-hover\:border-indigo-600 { - --tw-border-opacity: 1; - border-color: rgba(79, 70, 229, var(--tw-border-opacity)); + .xl\:backdrop-contrast-75 { + --tw-backdrop-contrast: contrast(.75); } - .group:hover .xl\:group-hover\:border-indigo-700 { - --tw-border-opacity: 1; - border-color: rgba(67, 56, 202, var(--tw-border-opacity)); + .xl\:backdrop-contrast-100 { + --tw-backdrop-contrast: contrast(1); } - .group:hover .xl\:group-hover\:border-indigo-800 { - --tw-border-opacity: 1; - border-color: rgba(55, 48, 163, var(--tw-border-opacity)); + .xl\:backdrop-contrast-125 { + --tw-backdrop-contrast: contrast(1.25); } - .group:hover .xl\:group-hover\:border-indigo-900 { - --tw-border-opacity: 1; - border-color: rgba(49, 46, 129, var(--tw-border-opacity)); + .xl\:backdrop-contrast-150 { + --tw-backdrop-contrast: contrast(1.5); } - .group:hover .xl\:group-hover\:border-purple-50 { - --tw-border-opacity: 1; - border-color: rgba(245, 243, 255, var(--tw-border-opacity)); + .xl\:backdrop-contrast-200 { + --tw-backdrop-contrast: contrast(2); } - .group:hover .xl\:group-hover\:border-purple-100 { - --tw-border-opacity: 1; - border-color: rgba(237, 233, 254, var(--tw-border-opacity)); + .xl\:backdrop-grayscale-0 { + --tw-backdrop-grayscale: grayscale(0); } - .group:hover .xl\:group-hover\:border-purple-200 { - --tw-border-opacity: 1; - border-color: rgba(221, 214, 254, var(--tw-border-opacity)); + .xl\:backdrop-grayscale { + --tw-backdrop-grayscale: grayscale(100%); } - .group:hover .xl\:group-hover\:border-purple-300 { - --tw-border-opacity: 1; - border-color: rgba(196, 181, 253, var(--tw-border-opacity)); + .xl\:backdrop-hue-rotate-0 { + --tw-backdrop-hue-rotate: hue-rotate(0deg); } - .group:hover .xl\:group-hover\:border-purple-400 { - --tw-border-opacity: 1; - border-color: rgba(167, 139, 250, var(--tw-border-opacity)); + .xl\:backdrop-hue-rotate-15 { + --tw-backdrop-hue-rotate: hue-rotate(15deg); } - .group:hover .xl\:group-hover\:border-purple-500 { - --tw-border-opacity: 1; - border-color: rgba(139, 92, 246, var(--tw-border-opacity)); + .xl\:backdrop-hue-rotate-30 { + --tw-backdrop-hue-rotate: hue-rotate(30deg); } - .group:hover .xl\:group-hover\:border-purple-600 { - --tw-border-opacity: 1; - border-color: rgba(124, 58, 237, var(--tw-border-opacity)); + .xl\:backdrop-hue-rotate-60 { + --tw-backdrop-hue-rotate: hue-rotate(60deg); } - .group:hover .xl\:group-hover\:border-purple-700 { - --tw-border-opacity: 1; - border-color: rgba(109, 40, 217, var(--tw-border-opacity)); + .xl\:backdrop-hue-rotate-90 { + --tw-backdrop-hue-rotate: hue-rotate(90deg); } - .group:hover .xl\:group-hover\:border-purple-800 { - --tw-border-opacity: 1; - border-color: rgba(91, 33, 182, var(--tw-border-opacity)); + .xl\:backdrop-hue-rotate-180 { + --tw-backdrop-hue-rotate: hue-rotate(180deg); } - .group:hover .xl\:group-hover\:border-purple-900 { - --tw-border-opacity: 1; - border-color: rgba(76, 29, 149, var(--tw-border-opacity)); + .xl\:-backdrop-hue-rotate-180 { + --tw-backdrop-hue-rotate: hue-rotate(-180deg); } - .group:hover .xl\:group-hover\:border-pink-50 { - --tw-border-opacity: 1; - border-color: rgba(253, 242, 248, var(--tw-border-opacity)); + .xl\:-backdrop-hue-rotate-90 { + --tw-backdrop-hue-rotate: hue-rotate(-90deg); } - .group:hover .xl\:group-hover\:border-pink-100 { - --tw-border-opacity: 1; - border-color: rgba(252, 231, 243, var(--tw-border-opacity)); + .xl\:-backdrop-hue-rotate-60 { + --tw-backdrop-hue-rotate: hue-rotate(-60deg); } - .group:hover .xl\:group-hover\:border-pink-200 { - --tw-border-opacity: 1; - border-color: rgba(251, 207, 232, var(--tw-border-opacity)); + .xl\:-backdrop-hue-rotate-30 { + --tw-backdrop-hue-rotate: hue-rotate(-30deg); } - .group:hover .xl\:group-hover\:border-pink-300 { - --tw-border-opacity: 1; - border-color: rgba(249, 168, 212, var(--tw-border-opacity)); + .xl\:-backdrop-hue-rotate-15 { + --tw-backdrop-hue-rotate: hue-rotate(-15deg); } - .group:hover .xl\:group-hover\:border-pink-400 { - --tw-border-opacity: 1; - border-color: rgba(244, 114, 182, var(--tw-border-opacity)); + .xl\:backdrop-invert-0 { + --tw-backdrop-invert: invert(0); } - .group:hover .xl\:group-hover\:border-pink-500 { - --tw-border-opacity: 1; - border-color: rgba(236, 72, 153, var(--tw-border-opacity)); + .xl\:backdrop-invert { + --tw-backdrop-invert: invert(100%); } - .group:hover .xl\:group-hover\:border-pink-600 { - --tw-border-opacity: 1; - border-color: rgba(219, 39, 119, var(--tw-border-opacity)); + .xl\:backdrop-opacity-0 { + --tw-backdrop-opacity: opacity(0); } - .group:hover .xl\:group-hover\:border-pink-700 { - --tw-border-opacity: 1; - border-color: rgba(190, 24, 93, var(--tw-border-opacity)); + .xl\:backdrop-opacity-5 { + --tw-backdrop-opacity: opacity(0.05); } - .group:hover .xl\:group-hover\:border-pink-800 { - --tw-border-opacity: 1; - border-color: rgba(157, 23, 77, var(--tw-border-opacity)); + .xl\:backdrop-opacity-10 { + --tw-backdrop-opacity: opacity(0.1); } - .group:hover .xl\:group-hover\:border-pink-900 { - --tw-border-opacity: 1; - border-color: rgba(131, 24, 67, var(--tw-border-opacity)); + .xl\:backdrop-opacity-20 { + --tw-backdrop-opacity: opacity(0.2); } - .xl\:focus-within\:border-transparent:focus-within { - border-color: transparent; + .xl\:backdrop-opacity-25 { + --tw-backdrop-opacity: opacity(0.25); } - .xl\:focus-within\:border-current:focus-within { - border-color: currentColor; + .xl\:backdrop-opacity-30 { + --tw-backdrop-opacity: opacity(0.3); } - .xl\:focus-within\:border-black:focus-within { - --tw-border-opacity: 1; - border-color: rgba(0, 0, 0, var(--tw-border-opacity)); + .xl\:backdrop-opacity-40 { + --tw-backdrop-opacity: opacity(0.4); } - .xl\:focus-within\:border-white:focus-within { - --tw-border-opacity: 1; - border-color: rgba(255, 255, 255, var(--tw-border-opacity)); + .xl\:backdrop-opacity-50 { + --tw-backdrop-opacity: opacity(0.5); } - .xl\:focus-within\:border-gray-50:focus-within { - --tw-border-opacity: 1; - border-color: rgba(249, 250, 251, var(--tw-border-opacity)); + .xl\:backdrop-opacity-60 { + --tw-backdrop-opacity: opacity(0.6); } - .xl\:focus-within\:border-gray-100:focus-within { - --tw-border-opacity: 1; - border-color: rgba(243, 244, 246, var(--tw-border-opacity)); + .xl\:backdrop-opacity-70 { + --tw-backdrop-opacity: opacity(0.7); } - .xl\:focus-within\:border-gray-200:focus-within { - --tw-border-opacity: 1; - border-color: rgba(229, 231, 235, var(--tw-border-opacity)); + .xl\:backdrop-opacity-75 { + --tw-backdrop-opacity: opacity(0.75); } - .xl\:focus-within\:border-gray-300:focus-within { - --tw-border-opacity: 1; - border-color: rgba(209, 213, 219, var(--tw-border-opacity)); + .xl\:backdrop-opacity-80 { + --tw-backdrop-opacity: opacity(0.8); } - .xl\:focus-within\:border-gray-400:focus-within { - --tw-border-opacity: 1; - border-color: rgba(156, 163, 175, var(--tw-border-opacity)); + .xl\:backdrop-opacity-90 { + --tw-backdrop-opacity: opacity(0.9); } - .xl\:focus-within\:border-gray-500:focus-within { - --tw-border-opacity: 1; - border-color: rgba(107, 114, 128, var(--tw-border-opacity)); + .xl\:backdrop-opacity-95 { + --tw-backdrop-opacity: opacity(0.95); } - .xl\:focus-within\:border-gray-600:focus-within { - --tw-border-opacity: 1; - border-color: rgba(75, 85, 99, var(--tw-border-opacity)); + .xl\:backdrop-opacity-100 { + --tw-backdrop-opacity: opacity(1); } - .xl\:focus-within\:border-gray-700:focus-within { - --tw-border-opacity: 1; - border-color: rgba(55, 65, 81, var(--tw-border-opacity)); + .xl\:backdrop-saturate-0 { + --tw-backdrop-saturate: saturate(0); } - .xl\:focus-within\:border-gray-800:focus-within { - --tw-border-opacity: 1; - border-color: rgba(31, 41, 55, var(--tw-border-opacity)); + .xl\:backdrop-saturate-50 { + --tw-backdrop-saturate: saturate(.5); } - .xl\:focus-within\:border-gray-900:focus-within { - --tw-border-opacity: 1; - border-color: rgba(17, 24, 39, var(--tw-border-opacity)); + .xl\:backdrop-saturate-100 { + --tw-backdrop-saturate: saturate(1); } - .xl\:focus-within\:border-red-50:focus-within { - --tw-border-opacity: 1; - border-color: rgba(254, 242, 242, var(--tw-border-opacity)); + .xl\:backdrop-saturate-150 { + --tw-backdrop-saturate: saturate(1.5); } - .xl\:focus-within\:border-red-100:focus-within { - --tw-border-opacity: 1; - border-color: rgba(254, 226, 226, var(--tw-border-opacity)); + .xl\:backdrop-saturate-200 { + --tw-backdrop-saturate: saturate(2); } - .xl\:focus-within\:border-red-200:focus-within { - --tw-border-opacity: 1; - border-color: rgba(254, 202, 202, var(--tw-border-opacity)); + .xl\:backdrop-sepia-0 { + --tw-backdrop-sepia: sepia(0); } - .xl\:focus-within\:border-red-300:focus-within { - --tw-border-opacity: 1; - border-color: rgba(252, 165, 165, var(--tw-border-opacity)); + .xl\:backdrop-sepia { + --tw-backdrop-sepia: sepia(100%); } - .xl\:focus-within\:border-red-400:focus-within { - --tw-border-opacity: 1; - border-color: rgba(248, 113, 113, var(--tw-border-opacity)); + .xl\:transition-none { + transition-property: none; } - .xl\:focus-within\:border-red-500:focus-within { - --tw-border-opacity: 1; - border-color: rgba(239, 68, 68, var(--tw-border-opacity)); + .xl\:transition-all { + transition-property: all; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 150ms; } - .xl\:focus-within\:border-red-600:focus-within { - --tw-border-opacity: 1; - border-color: rgba(220, 38, 38, var(--tw-border-opacity)); + .xl\:transition { + transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; + transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; + transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 150ms; } - .xl\:focus-within\:border-red-700:focus-within { - --tw-border-opacity: 1; - border-color: rgba(185, 28, 28, var(--tw-border-opacity)); + .xl\:transition-colors { + transition-property: background-color, border-color, color, fill, stroke; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 150ms; } - .xl\:focus-within\:border-red-800:focus-within { - --tw-border-opacity: 1; - border-color: rgba(153, 27, 27, var(--tw-border-opacity)); + .xl\:transition-opacity { + transition-property: opacity; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 150ms; } - .xl\:focus-within\:border-red-900:focus-within { - --tw-border-opacity: 1; - border-color: rgba(127, 29, 29, var(--tw-border-opacity)); + .xl\:transition-shadow { + transition-property: box-shadow; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 150ms; } - .xl\:focus-within\:border-yellow-50:focus-within { - --tw-border-opacity: 1; - border-color: rgba(255, 251, 235, var(--tw-border-opacity)); + .xl\:transition-transform { + transition-property: transform; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 150ms; } - .xl\:focus-within\:border-yellow-100:focus-within { - --tw-border-opacity: 1; - border-color: rgba(254, 243, 199, var(--tw-border-opacity)); + .xl\:delay-75 { + transition-delay: 75ms; } - .xl\:focus-within\:border-yellow-200:focus-within { - --tw-border-opacity: 1; - border-color: rgba(253, 230, 138, var(--tw-border-opacity)); + .xl\:delay-100 { + transition-delay: 100ms; } - .xl\:focus-within\:border-yellow-300:focus-within { - --tw-border-opacity: 1; - border-color: rgba(252, 211, 77, var(--tw-border-opacity)); + .xl\:delay-150 { + transition-delay: 150ms; } - .xl\:focus-within\:border-yellow-400:focus-within { - --tw-border-opacity: 1; - border-color: rgba(251, 191, 36, var(--tw-border-opacity)); + .xl\:delay-200 { + transition-delay: 200ms; } - .xl\:focus-within\:border-yellow-500:focus-within { - --tw-border-opacity: 1; - border-color: rgba(245, 158, 11, var(--tw-border-opacity)); + .xl\:delay-300 { + transition-delay: 300ms; } - .xl\:focus-within\:border-yellow-600:focus-within { - --tw-border-opacity: 1; - border-color: rgba(217, 119, 6, var(--tw-border-opacity)); + .xl\:delay-500 { + transition-delay: 500ms; } - .xl\:focus-within\:border-yellow-700:focus-within { - --tw-border-opacity: 1; - border-color: rgba(180, 83, 9, var(--tw-border-opacity)); + .xl\:delay-700 { + transition-delay: 700ms; } - .xl\:focus-within\:border-yellow-800:focus-within { - --tw-border-opacity: 1; - border-color: rgba(146, 64, 14, var(--tw-border-opacity)); + .xl\:delay-1000 { + transition-delay: 1000ms; } - .xl\:focus-within\:border-yellow-900:focus-within { - --tw-border-opacity: 1; - border-color: rgba(120, 53, 15, var(--tw-border-opacity)); + .xl\:duration-75 { + transition-duration: 75ms; } - .xl\:focus-within\:border-green-50:focus-within { - --tw-border-opacity: 1; - border-color: rgba(236, 253, 245, var(--tw-border-opacity)); + .xl\:duration-100 { + transition-duration: 100ms; } - .xl\:focus-within\:border-green-100:focus-within { - --tw-border-opacity: 1; - border-color: rgba(209, 250, 229, var(--tw-border-opacity)); + .xl\:duration-150 { + transition-duration: 150ms; } - .xl\:focus-within\:border-green-200:focus-within { - --tw-border-opacity: 1; - border-color: rgba(167, 243, 208, var(--tw-border-opacity)); + .xl\:duration-200 { + transition-duration: 200ms; } - .xl\:focus-within\:border-green-300:focus-within { - --tw-border-opacity: 1; - border-color: rgba(110, 231, 183, var(--tw-border-opacity)); + .xl\:duration-300 { + transition-duration: 300ms; } - .xl\:focus-within\:border-green-400:focus-within { - --tw-border-opacity: 1; - border-color: rgba(52, 211, 153, var(--tw-border-opacity)); + .xl\:duration-500 { + transition-duration: 500ms; } - .xl\:focus-within\:border-green-500:focus-within { - --tw-border-opacity: 1; - border-color: rgba(16, 185, 129, var(--tw-border-opacity)); + .xl\:duration-700 { + transition-duration: 700ms; } - .xl\:focus-within\:border-green-600:focus-within { - --tw-border-opacity: 1; - border-color: rgba(5, 150, 105, var(--tw-border-opacity)); + .xl\:duration-1000 { + transition-duration: 1000ms; } - .xl\:focus-within\:border-green-700:focus-within { - --tw-border-opacity: 1; - border-color: rgba(4, 120, 87, var(--tw-border-opacity)); + .xl\:ease-linear { + transition-timing-function: linear; } - .xl\:focus-within\:border-green-800:focus-within { - --tw-border-opacity: 1; - border-color: rgba(6, 95, 70, var(--tw-border-opacity)); + .xl\:ease-in { + transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } - .xl\:focus-within\:border-green-900:focus-within { - --tw-border-opacity: 1; - border-color: rgba(6, 78, 59, var(--tw-border-opacity)); + .xl\:ease-out { + transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } - .xl\:focus-within\:border-blue-50:focus-within { - --tw-border-opacity: 1; - border-color: rgba(239, 246, 255, var(--tw-border-opacity)); + .xl\:ease-in-out { + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } +} - .xl\:focus-within\:border-blue-100:focus-within { - --tw-border-opacity: 1; - border-color: rgba(219, 234, 254, var(--tw-border-opacity)); +@media (min-width: 1536px) { + .\32xl\:container { + width: 100%; } - .xl\:focus-within\:border-blue-200:focus-within { - --tw-border-opacity: 1; - border-color: rgba(191, 219, 254, var(--tw-border-opacity)); + @media (min-width: 640px) { + .\32xl\:container { + max-width: 640px; + } } - .xl\:focus-within\:border-blue-300:focus-within { - --tw-border-opacity: 1; - border-color: rgba(147, 197, 253, var(--tw-border-opacity)); + @media (min-width: 768px) { + .\32xl\:container { + max-width: 768px; + } } - .xl\:focus-within\:border-blue-400:focus-within { - --tw-border-opacity: 1; - border-color: rgba(96, 165, 250, var(--tw-border-opacity)); + @media (min-width: 1024px) { + .\32xl\:container { + max-width: 1024px; + } } - .xl\:focus-within\:border-blue-500:focus-within { - --tw-border-opacity: 1; - border-color: rgba(59, 130, 246, var(--tw-border-opacity)); + @media (min-width: 1280px) { + .\32xl\:container { + max-width: 1280px; + } } - .xl\:focus-within\:border-blue-600:focus-within { - --tw-border-opacity: 1; - border-color: rgba(37, 99, 235, var(--tw-border-opacity)); + @media (min-width: 1536px) { + .\32xl\:container { + max-width: 1536px; + } } - .xl\:focus-within\:border-blue-700:focus-within { - --tw-border-opacity: 1; - border-color: rgba(29, 78, 216, var(--tw-border-opacity)); + .\32xl\: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; } - .xl\:focus-within\:border-blue-800:focus-within { - --tw-border-opacity: 1; - border-color: rgba(30, 64, 175, var(--tw-border-opacity)); + .\32xl\:not-sr-only { + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; } - .xl\:focus-within\:border-blue-900:focus-within { - --tw-border-opacity: 1; - border-color: rgba(30, 58, 138, var(--tw-border-opacity)); + .\32xl\:focus-within\:sr-only:focus-within { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border-width: 0; } - .xl\:focus-within\:border-indigo-50:focus-within { - --tw-border-opacity: 1; - border-color: rgba(238, 242, 255, var(--tw-border-opacity)); + .\32xl\:focus-within\:not-sr-only:focus-within { + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; } - .xl\:focus-within\:border-indigo-100:focus-within { - --tw-border-opacity: 1; - border-color: rgba(224, 231, 255, var(--tw-border-opacity)); + .\32xl\:focus\:sr-only:focus { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border-width: 0; } - .xl\:focus-within\:border-indigo-200:focus-within { - --tw-border-opacity: 1; - border-color: rgba(199, 210, 254, var(--tw-border-opacity)); + .\32xl\:focus\:not-sr-only:focus { + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; } - .xl\:focus-within\:border-indigo-300:focus-within { - --tw-border-opacity: 1; - border-color: rgba(165, 180, 252, var(--tw-border-opacity)); + .\32xl\:pointer-events-none { + pointer-events: none; } - .xl\:focus-within\:border-indigo-400:focus-within { - --tw-border-opacity: 1; - border-color: rgba(129, 140, 248, var(--tw-border-opacity)); + .\32xl\:pointer-events-auto { + pointer-events: auto; } - .xl\:focus-within\:border-indigo-500:focus-within { - --tw-border-opacity: 1; - border-color: rgba(99, 102, 241, var(--tw-border-opacity)); + .\32xl\:visible { + visibility: visible; } - .xl\:focus-within\:border-indigo-600:focus-within { - --tw-border-opacity: 1; - border-color: rgba(79, 70, 229, var(--tw-border-opacity)); + .\32xl\:invisible { + visibility: hidden; } - .xl\:focus-within\:border-indigo-700:focus-within { - --tw-border-opacity: 1; - border-color: rgba(67, 56, 202, var(--tw-border-opacity)); + .\32xl\:static { + position: static; } - .xl\:focus-within\:border-indigo-800:focus-within { - --tw-border-opacity: 1; - border-color: rgba(55, 48, 163, var(--tw-border-opacity)); + .\32xl\:fixed { + position: fixed; } - .xl\:focus-within\:border-indigo-900:focus-within { - --tw-border-opacity: 1; - border-color: rgba(49, 46, 129, var(--tw-border-opacity)); + .\32xl\:absolute { + position: absolute; } - .xl\:focus-within\:border-purple-50:focus-within { - --tw-border-opacity: 1; - border-color: rgba(245, 243, 255, var(--tw-border-opacity)); + .\32xl\:relative { + position: relative; } - .xl\:focus-within\:border-purple-100:focus-within { - --tw-border-opacity: 1; - border-color: rgba(237, 233, 254, var(--tw-border-opacity)); + .\32xl\:sticky { + position: sticky; } - .xl\:focus-within\:border-purple-200:focus-within { - --tw-border-opacity: 1; - border-color: rgba(221, 214, 254, var(--tw-border-opacity)); + .\32xl\:inset-0 { + top: 0px; + right: 0px; + bottom: 0px; + left: 0px; } - .xl\:focus-within\:border-purple-300:focus-within { - --tw-border-opacity: 1; - border-color: rgba(196, 181, 253, var(--tw-border-opacity)); + .\32xl\:inset-1 { + top: 0.25rem; + right: 0.25rem; + bottom: 0.25rem; + left: 0.25rem; } - .xl\:focus-within\:border-purple-400:focus-within { - --tw-border-opacity: 1; - border-color: rgba(167, 139, 250, var(--tw-border-opacity)); + .\32xl\:inset-2 { + top: 0.5rem; + right: 0.5rem; + bottom: 0.5rem; + left: 0.5rem; } - .xl\:focus-within\:border-purple-500:focus-within { - --tw-border-opacity: 1; - border-color: rgba(139, 92, 246, var(--tw-border-opacity)); + .\32xl\:inset-3 { + top: 0.75rem; + right: 0.75rem; + bottom: 0.75rem; + left: 0.75rem; } - .xl\:focus-within\:border-purple-600:focus-within { - --tw-border-opacity: 1; - border-color: rgba(124, 58, 237, var(--tw-border-opacity)); + .\32xl\:inset-4 { + top: 1rem; + right: 1rem; + bottom: 1rem; + left: 1rem; } - .xl\:focus-within\:border-purple-700:focus-within { - --tw-border-opacity: 1; - border-color: rgba(109, 40, 217, var(--tw-border-opacity)); + .\32xl\:inset-5 { + top: 1.25rem; + right: 1.25rem; + bottom: 1.25rem; + left: 1.25rem; } - .xl\:focus-within\:border-purple-800:focus-within { - --tw-border-opacity: 1; - border-color: rgba(91, 33, 182, var(--tw-border-opacity)); + .\32xl\:inset-6 { + top: 1.5rem; + right: 1.5rem; + bottom: 1.5rem; + left: 1.5rem; } - .xl\:focus-within\:border-purple-900:focus-within { - --tw-border-opacity: 1; - border-color: rgba(76, 29, 149, var(--tw-border-opacity)); + .\32xl\:inset-7 { + top: 1.75rem; + right: 1.75rem; + bottom: 1.75rem; + left: 1.75rem; } - .xl\:focus-within\:border-pink-50:focus-within { - --tw-border-opacity: 1; - border-color: rgba(253, 242, 248, var(--tw-border-opacity)); + .\32xl\:inset-8 { + top: 2rem; + right: 2rem; + bottom: 2rem; + left: 2rem; } - .xl\:focus-within\:border-pink-100:focus-within { - --tw-border-opacity: 1; - border-color: rgba(252, 231, 243, var(--tw-border-opacity)); + .\32xl\:inset-9 { + top: 2.25rem; + right: 2.25rem; + bottom: 2.25rem; + left: 2.25rem; } - .xl\:focus-within\:border-pink-200:focus-within { - --tw-border-opacity: 1; - border-color: rgba(251, 207, 232, var(--tw-border-opacity)); + .\32xl\:inset-10 { + top: 2.5rem; + right: 2.5rem; + bottom: 2.5rem; + left: 2.5rem; } - .xl\:focus-within\:border-pink-300:focus-within { - --tw-border-opacity: 1; - border-color: rgba(249, 168, 212, var(--tw-border-opacity)); + .\32xl\:inset-11 { + top: 2.75rem; + right: 2.75rem; + bottom: 2.75rem; + left: 2.75rem; } - .xl\:focus-within\:border-pink-400:focus-within { - --tw-border-opacity: 1; - border-color: rgba(244, 114, 182, var(--tw-border-opacity)); + .\32xl\:inset-12 { + top: 3rem; + right: 3rem; + bottom: 3rem; + left: 3rem; } - .xl\:focus-within\:border-pink-500:focus-within { - --tw-border-opacity: 1; - border-color: rgba(236, 72, 153, var(--tw-border-opacity)); + .\32xl\:inset-14 { + top: 3.5rem; + right: 3.5rem; + bottom: 3.5rem; + left: 3.5rem; } - .xl\:focus-within\:border-pink-600:focus-within { - --tw-border-opacity: 1; - border-color: rgba(219, 39, 119, var(--tw-border-opacity)); + .\32xl\:inset-16 { + top: 4rem; + right: 4rem; + bottom: 4rem; + left: 4rem; } - .xl\:focus-within\:border-pink-700:focus-within { - --tw-border-opacity: 1; - border-color: rgba(190, 24, 93, var(--tw-border-opacity)); + .\32xl\:inset-20 { + top: 5rem; + right: 5rem; + bottom: 5rem; + left: 5rem; } - .xl\:focus-within\:border-pink-800:focus-within { - --tw-border-opacity: 1; - border-color: rgba(157, 23, 77, var(--tw-border-opacity)); + .\32xl\:inset-24 { + top: 6rem; + right: 6rem; + bottom: 6rem; + left: 6rem; } - .xl\:focus-within\:border-pink-900:focus-within { - --tw-border-opacity: 1; - border-color: rgba(131, 24, 67, var(--tw-border-opacity)); + .\32xl\:inset-28 { + top: 7rem; + right: 7rem; + bottom: 7rem; + left: 7rem; } - .xl\:hover\:border-transparent:hover { - border-color: transparent; + .\32xl\:inset-32 { + top: 8rem; + right: 8rem; + bottom: 8rem; + left: 8rem; } - .xl\:hover\:border-current:hover { - border-color: currentColor; + .\32xl\:inset-36 { + top: 9rem; + right: 9rem; + bottom: 9rem; + left: 9rem; } - .xl\:hover\:border-black:hover { - --tw-border-opacity: 1; - border-color: rgba(0, 0, 0, var(--tw-border-opacity)); + .\32xl\:inset-40 { + top: 10rem; + right: 10rem; + bottom: 10rem; + left: 10rem; } - .xl\:hover\:border-white:hover { - --tw-border-opacity: 1; - border-color: rgba(255, 255, 255, var(--tw-border-opacity)); + .\32xl\:inset-44 { + top: 11rem; + right: 11rem; + bottom: 11rem; + left: 11rem; } - .xl\:hover\:border-gray-50:hover { - --tw-border-opacity: 1; - border-color: rgba(249, 250, 251, var(--tw-border-opacity)); + .\32xl\:inset-48 { + top: 12rem; + right: 12rem; + bottom: 12rem; + left: 12rem; } - .xl\:hover\:border-gray-100:hover { - --tw-border-opacity: 1; - border-color: rgba(243, 244, 246, var(--tw-border-opacity)); + .\32xl\:inset-52 { + top: 13rem; + right: 13rem; + bottom: 13rem; + left: 13rem; } - .xl\:hover\:border-gray-200:hover { - --tw-border-opacity: 1; - border-color: rgba(229, 231, 235, var(--tw-border-opacity)); + .\32xl\:inset-56 { + top: 14rem; + right: 14rem; + bottom: 14rem; + left: 14rem; } - .xl\:hover\:border-gray-300:hover { - --tw-border-opacity: 1; - border-color: rgba(209, 213, 219, var(--tw-border-opacity)); + .\32xl\:inset-60 { + top: 15rem; + right: 15rem; + bottom: 15rem; + left: 15rem; } - .xl\:hover\:border-gray-400:hover { - --tw-border-opacity: 1; - border-color: rgba(156, 163, 175, var(--tw-border-opacity)); + .\32xl\:inset-64 { + top: 16rem; + right: 16rem; + bottom: 16rem; + left: 16rem; } - .xl\:hover\:border-gray-500:hover { - --tw-border-opacity: 1; - border-color: rgba(107, 114, 128, var(--tw-border-opacity)); + .\32xl\:inset-72 { + top: 18rem; + right: 18rem; + bottom: 18rem; + left: 18rem; } - .xl\:hover\:border-gray-600:hover { - --tw-border-opacity: 1; - border-color: rgba(75, 85, 99, var(--tw-border-opacity)); + .\32xl\:inset-80 { + top: 20rem; + right: 20rem; + bottom: 20rem; + left: 20rem; } - .xl\:hover\:border-gray-700:hover { - --tw-border-opacity: 1; - border-color: rgba(55, 65, 81, var(--tw-border-opacity)); + .\32xl\:inset-96 { + top: 24rem; + right: 24rem; + bottom: 24rem; + left: 24rem; } - .xl\:hover\:border-gray-800:hover { - --tw-border-opacity: 1; - border-color: rgba(31, 41, 55, var(--tw-border-opacity)); + .\32xl\:inset-auto { + top: auto; + right: auto; + bottom: auto; + left: auto; } - .xl\:hover\:border-gray-900:hover { - --tw-border-opacity: 1; - border-color: rgba(17, 24, 39, var(--tw-border-opacity)); + .\32xl\:inset-px { + top: 1px; + right: 1px; + bottom: 1px; + left: 1px; } - .xl\:hover\:border-red-50:hover { - --tw-border-opacity: 1; - border-color: rgba(254, 242, 242, var(--tw-border-opacity)); + .\32xl\:inset-0\.5 { + top: 0.125rem; + right: 0.125rem; + bottom: 0.125rem; + left: 0.125rem; } - .xl\:hover\:border-red-100:hover { - --tw-border-opacity: 1; - border-color: rgba(254, 226, 226, var(--tw-border-opacity)); + .\32xl\:inset-1\.5 { + top: 0.375rem; + right: 0.375rem; + bottom: 0.375rem; + left: 0.375rem; } - .xl\:hover\:border-red-200:hover { - --tw-border-opacity: 1; - border-color: rgba(254, 202, 202, var(--tw-border-opacity)); + .\32xl\:inset-2\.5 { + top: 0.625rem; + right: 0.625rem; + bottom: 0.625rem; + left: 0.625rem; } - .xl\:hover\:border-red-300:hover { - --tw-border-opacity: 1; - border-color: rgba(252, 165, 165, var(--tw-border-opacity)); + .\32xl\:inset-3\.5 { + top: 0.875rem; + right: 0.875rem; + bottom: 0.875rem; + left: 0.875rem; } - .xl\:hover\:border-red-400:hover { - --tw-border-opacity: 1; - border-color: rgba(248, 113, 113, var(--tw-border-opacity)); + .\32xl\:-inset-0 { + top: 0px; + right: 0px; + bottom: 0px; + left: 0px; } - .xl\:hover\:border-red-500:hover { - --tw-border-opacity: 1; - border-color: rgba(239, 68, 68, var(--tw-border-opacity)); + .\32xl\:-inset-1 { + top: -0.25rem; + right: -0.25rem; + bottom: -0.25rem; + left: -0.25rem; } - .xl\:hover\:border-red-600:hover { - --tw-border-opacity: 1; - border-color: rgba(220, 38, 38, var(--tw-border-opacity)); + .\32xl\:-inset-2 { + top: -0.5rem; + right: -0.5rem; + bottom: -0.5rem; + left: -0.5rem; } - .xl\:hover\:border-red-700:hover { - --tw-border-opacity: 1; - border-color: rgba(185, 28, 28, var(--tw-border-opacity)); + .\32xl\:-inset-3 { + top: -0.75rem; + right: -0.75rem; + bottom: -0.75rem; + left: -0.75rem; } - .xl\:hover\:border-red-800:hover { - --tw-border-opacity: 1; - border-color: rgba(153, 27, 27, var(--tw-border-opacity)); + .\32xl\:-inset-4 { + top: -1rem; + right: -1rem; + bottom: -1rem; + left: -1rem; } - .xl\:hover\:border-red-900:hover { - --tw-border-opacity: 1; - border-color: rgba(127, 29, 29, var(--tw-border-opacity)); + .\32xl\:-inset-5 { + top: -1.25rem; + right: -1.25rem; + bottom: -1.25rem; + left: -1.25rem; } - .xl\:hover\:border-yellow-50:hover { - --tw-border-opacity: 1; - border-color: rgba(255, 251, 235, var(--tw-border-opacity)); + .\32xl\:-inset-6 { + top: -1.5rem; + right: -1.5rem; + bottom: -1.5rem; + left: -1.5rem; } - .xl\:hover\:border-yellow-100:hover { - --tw-border-opacity: 1; - border-color: rgba(254, 243, 199, var(--tw-border-opacity)); + .\32xl\:-inset-7 { + top: -1.75rem; + right: -1.75rem; + bottom: -1.75rem; + left: -1.75rem; } - .xl\:hover\:border-yellow-200:hover { - --tw-border-opacity: 1; - border-color: rgba(253, 230, 138, var(--tw-border-opacity)); + .\32xl\:-inset-8 { + top: -2rem; + right: -2rem; + bottom: -2rem; + left: -2rem; } - .xl\:hover\:border-yellow-300:hover { - --tw-border-opacity: 1; - border-color: rgba(252, 211, 77, var(--tw-border-opacity)); + .\32xl\:-inset-9 { + top: -2.25rem; + right: -2.25rem; + bottom: -2.25rem; + left: -2.25rem; } - .xl\:hover\:border-yellow-400:hover { - --tw-border-opacity: 1; - border-color: rgba(251, 191, 36, var(--tw-border-opacity)); + .\32xl\:-inset-10 { + top: -2.5rem; + right: -2.5rem; + bottom: -2.5rem; + left: -2.5rem; } - .xl\:hover\:border-yellow-500:hover { - --tw-border-opacity: 1; - border-color: rgba(245, 158, 11, var(--tw-border-opacity)); + .\32xl\:-inset-11 { + top: -2.75rem; + right: -2.75rem; + bottom: -2.75rem; + left: -2.75rem; } - .xl\:hover\:border-yellow-600:hover { - --tw-border-opacity: 1; - border-color: rgba(217, 119, 6, var(--tw-border-opacity)); + .\32xl\:-inset-12 { + top: -3rem; + right: -3rem; + bottom: -3rem; + left: -3rem; } - .xl\:hover\:border-yellow-700:hover { - --tw-border-opacity: 1; - border-color: rgba(180, 83, 9, var(--tw-border-opacity)); + .\32xl\:-inset-14 { + top: -3.5rem; + right: -3.5rem; + bottom: -3.5rem; + left: -3.5rem; } - .xl\:hover\:border-yellow-800:hover { - --tw-border-opacity: 1; - border-color: rgba(146, 64, 14, var(--tw-border-opacity)); + .\32xl\:-inset-16 { + top: -4rem; + right: -4rem; + bottom: -4rem; + left: -4rem; } - .xl\:hover\:border-yellow-900:hover { - --tw-border-opacity: 1; - border-color: rgba(120, 53, 15, var(--tw-border-opacity)); + .\32xl\:-inset-20 { + top: -5rem; + right: -5rem; + bottom: -5rem; + left: -5rem; } - .xl\:hover\:border-green-50:hover { - --tw-border-opacity: 1; - border-color: rgba(236, 253, 245, var(--tw-border-opacity)); + .\32xl\:-inset-24 { + top: -6rem; + right: -6rem; + bottom: -6rem; + left: -6rem; } - .xl\:hover\:border-green-100:hover { - --tw-border-opacity: 1; - border-color: rgba(209, 250, 229, var(--tw-border-opacity)); + .\32xl\:-inset-28 { + top: -7rem; + right: -7rem; + bottom: -7rem; + left: -7rem; } - .xl\:hover\:border-green-200:hover { - --tw-border-opacity: 1; - border-color: rgba(167, 243, 208, var(--tw-border-opacity)); + .\32xl\:-inset-32 { + top: -8rem; + right: -8rem; + bottom: -8rem; + left: -8rem; } - .xl\:hover\:border-green-300:hover { - --tw-border-opacity: 1; - border-color: rgba(110, 231, 183, var(--tw-border-opacity)); + .\32xl\:-inset-36 { + top: -9rem; + right: -9rem; + bottom: -9rem; + left: -9rem; } - .xl\:hover\:border-green-400:hover { - --tw-border-opacity: 1; - border-color: rgba(52, 211, 153, var(--tw-border-opacity)); + .\32xl\:-inset-40 { + top: -10rem; + right: -10rem; + bottom: -10rem; + left: -10rem; } - .xl\:hover\:border-green-500:hover { - --tw-border-opacity: 1; - border-color: rgba(16, 185, 129, var(--tw-border-opacity)); + .\32xl\:-inset-44 { + top: -11rem; + right: -11rem; + bottom: -11rem; + left: -11rem; } - .xl\:hover\:border-green-600:hover { - --tw-border-opacity: 1; - border-color: rgba(5, 150, 105, var(--tw-border-opacity)); + .\32xl\:-inset-48 { + top: -12rem; + right: -12rem; + bottom: -12rem; + left: -12rem; } - .xl\:hover\:border-green-700:hover { - --tw-border-opacity: 1; - border-color: rgba(4, 120, 87, var(--tw-border-opacity)); + .\32xl\:-inset-52 { + top: -13rem; + right: -13rem; + bottom: -13rem; + left: -13rem; } - .xl\:hover\:border-green-800:hover { - --tw-border-opacity: 1; - border-color: rgba(6, 95, 70, var(--tw-border-opacity)); + .\32xl\:-inset-56 { + top: -14rem; + right: -14rem; + bottom: -14rem; + left: -14rem; } - .xl\:hover\:border-green-900:hover { - --tw-border-opacity: 1; - border-color: rgba(6, 78, 59, var(--tw-border-opacity)); + .\32xl\:-inset-60 { + top: -15rem; + right: -15rem; + bottom: -15rem; + left: -15rem; } - .xl\:hover\:border-blue-50:hover { - --tw-border-opacity: 1; - border-color: rgba(239, 246, 255, var(--tw-border-opacity)); + .\32xl\:-inset-64 { + top: -16rem; + right: -16rem; + bottom: -16rem; + left: -16rem; } - .xl\:hover\:border-blue-100:hover { - --tw-border-opacity: 1; - border-color: rgba(219, 234, 254, var(--tw-border-opacity)); + .\32xl\:-inset-72 { + top: -18rem; + right: -18rem; + bottom: -18rem; + left: -18rem; } - .xl\:hover\:border-blue-200:hover { - --tw-border-opacity: 1; - border-color: rgba(191, 219, 254, var(--tw-border-opacity)); + .\32xl\:-inset-80 { + top: -20rem; + right: -20rem; + bottom: -20rem; + left: -20rem; } - .xl\:hover\:border-blue-300:hover { - --tw-border-opacity: 1; - border-color: rgba(147, 197, 253, var(--tw-border-opacity)); + .\32xl\:-inset-96 { + top: -24rem; + right: -24rem; + bottom: -24rem; + left: -24rem; } - .xl\:hover\:border-blue-400:hover { - --tw-border-opacity: 1; - border-color: rgba(96, 165, 250, var(--tw-border-opacity)); + .\32xl\:-inset-px { + top: -1px; + right: -1px; + bottom: -1px; + left: -1px; } - .xl\:hover\:border-blue-500:hover { - --tw-border-opacity: 1; - border-color: rgba(59, 130, 246, var(--tw-border-opacity)); + .\32xl\:-inset-0\.5 { + top: -0.125rem; + right: -0.125rem; + bottom: -0.125rem; + left: -0.125rem; } - .xl\:hover\:border-blue-600:hover { - --tw-border-opacity: 1; - border-color: rgba(37, 99, 235, var(--tw-border-opacity)); + .\32xl\:-inset-1\.5 { + top: -0.375rem; + right: -0.375rem; + bottom: -0.375rem; + left: -0.375rem; } - .xl\:hover\:border-blue-700:hover { - --tw-border-opacity: 1; - border-color: rgba(29, 78, 216, var(--tw-border-opacity)); + .\32xl\:-inset-2\.5 { + top: -0.625rem; + right: -0.625rem; + bottom: -0.625rem; + left: -0.625rem; } - .xl\:hover\:border-blue-800:hover { - --tw-border-opacity: 1; - border-color: rgba(30, 64, 175, var(--tw-border-opacity)); + .\32xl\:-inset-3\.5 { + top: -0.875rem; + right: -0.875rem; + bottom: -0.875rem; + left: -0.875rem; } - .xl\:hover\:border-blue-900:hover { - --tw-border-opacity: 1; - border-color: rgba(30, 58, 138, var(--tw-border-opacity)); + .\32xl\:inset-1\/2 { + top: 50%; + right: 50%; + bottom: 50%; + left: 50%; } - .xl\:hover\:border-indigo-50:hover { - --tw-border-opacity: 1; - border-color: rgba(238, 242, 255, var(--tw-border-opacity)); + .\32xl\:inset-1\/3 { + top: 33.333333%; + right: 33.333333%; + bottom: 33.333333%; + left: 33.333333%; } - .xl\:hover\:border-indigo-100:hover { - --tw-border-opacity: 1; - border-color: rgba(224, 231, 255, var(--tw-border-opacity)); + .\32xl\:inset-2\/3 { + top: 66.666667%; + right: 66.666667%; + bottom: 66.666667%; + left: 66.666667%; } - .xl\:hover\:border-indigo-200:hover { - --tw-border-opacity: 1; - border-color: rgba(199, 210, 254, var(--tw-border-opacity)); + .\32xl\:inset-1\/4 { + top: 25%; + right: 25%; + bottom: 25%; + left: 25%; } - .xl\:hover\:border-indigo-300:hover { - --tw-border-opacity: 1; - border-color: rgba(165, 180, 252, var(--tw-border-opacity)); + .\32xl\:inset-2\/4 { + top: 50%; + right: 50%; + bottom: 50%; + left: 50%; } - .xl\:hover\:border-indigo-400:hover { - --tw-border-opacity: 1; - border-color: rgba(129, 140, 248, var(--tw-border-opacity)); + .\32xl\:inset-3\/4 { + top: 75%; + right: 75%; + bottom: 75%; + left: 75%; } - .xl\:hover\:border-indigo-500:hover { - --tw-border-opacity: 1; - border-color: rgba(99, 102, 241, var(--tw-border-opacity)); + .\32xl\:inset-full { + top: 100%; + right: 100%; + bottom: 100%; + left: 100%; } - .xl\:hover\:border-indigo-600:hover { - --tw-border-opacity: 1; - border-color: rgba(79, 70, 229, var(--tw-border-opacity)); + .\32xl\:-inset-1\/2 { + top: -50%; + right: -50%; + bottom: -50%; + left: -50%; } - .xl\:hover\:border-indigo-700:hover { - --tw-border-opacity: 1; - border-color: rgba(67, 56, 202, var(--tw-border-opacity)); + .\32xl\:-inset-1\/3 { + top: -33.333333%; + right: -33.333333%; + bottom: -33.333333%; + left: -33.333333%; } - .xl\:hover\:border-indigo-800:hover { - --tw-border-opacity: 1; - border-color: rgba(55, 48, 163, var(--tw-border-opacity)); + .\32xl\:-inset-2\/3 { + top: -66.666667%; + right: -66.666667%; + bottom: -66.666667%; + left: -66.666667%; } - .xl\:hover\:border-indigo-900:hover { - --tw-border-opacity: 1; - border-color: rgba(49, 46, 129, var(--tw-border-opacity)); + .\32xl\:-inset-1\/4 { + top: -25%; + right: -25%; + bottom: -25%; + left: -25%; } - .xl\:hover\:border-purple-50:hover { - --tw-border-opacity: 1; - border-color: rgba(245, 243, 255, var(--tw-border-opacity)); + .\32xl\:-inset-2\/4 { + top: -50%; + right: -50%; + bottom: -50%; + left: -50%; } - .xl\:hover\:border-purple-100:hover { - --tw-border-opacity: 1; - border-color: rgba(237, 233, 254, var(--tw-border-opacity)); + .\32xl\:-inset-3\/4 { + top: -75%; + right: -75%; + bottom: -75%; + left: -75%; } - .xl\:hover\:border-purple-200:hover { - --tw-border-opacity: 1; - border-color: rgba(221, 214, 254, var(--tw-border-opacity)); + .\32xl\:-inset-full { + top: -100%; + right: -100%; + bottom: -100%; + left: -100%; } - .xl\:hover\:border-purple-300:hover { - --tw-border-opacity: 1; - border-color: rgba(196, 181, 253, var(--tw-border-opacity)); + .\32xl\:inset-x-0 { + left: 0px; + right: 0px; } - .xl\:hover\:border-purple-400:hover { - --tw-border-opacity: 1; - border-color: rgba(167, 139, 250, var(--tw-border-opacity)); + .\32xl\:inset-x-1 { + left: 0.25rem; + right: 0.25rem; } - .xl\:hover\:border-purple-500:hover { - --tw-border-opacity: 1; - border-color: rgba(139, 92, 246, var(--tw-border-opacity)); + .\32xl\:inset-x-2 { + left: 0.5rem; + right: 0.5rem; } - .xl\:hover\:border-purple-600:hover { - --tw-border-opacity: 1; - border-color: rgba(124, 58, 237, var(--tw-border-opacity)); + .\32xl\:inset-x-3 { + left: 0.75rem; + right: 0.75rem; } - .xl\:hover\:border-purple-700:hover { - --tw-border-opacity: 1; - border-color: rgba(109, 40, 217, var(--tw-border-opacity)); + .\32xl\:inset-x-4 { + left: 1rem; + right: 1rem; } - .xl\:hover\:border-purple-800:hover { - --tw-border-opacity: 1; - border-color: rgba(91, 33, 182, var(--tw-border-opacity)); + .\32xl\:inset-x-5 { + left: 1.25rem; + right: 1.25rem; } - .xl\:hover\:border-purple-900:hover { - --tw-border-opacity: 1; - border-color: rgba(76, 29, 149, var(--tw-border-opacity)); + .\32xl\:inset-x-6 { + left: 1.5rem; + right: 1.5rem; } - .xl\:hover\:border-pink-50:hover { - --tw-border-opacity: 1; - border-color: rgba(253, 242, 248, var(--tw-border-opacity)); + .\32xl\:inset-x-7 { + left: 1.75rem; + right: 1.75rem; } - .xl\:hover\:border-pink-100:hover { - --tw-border-opacity: 1; - border-color: rgba(252, 231, 243, var(--tw-border-opacity)); + .\32xl\:inset-x-8 { + left: 2rem; + right: 2rem; } - .xl\:hover\:border-pink-200:hover { - --tw-border-opacity: 1; - border-color: rgba(251, 207, 232, var(--tw-border-opacity)); + .\32xl\:inset-x-9 { + left: 2.25rem; + right: 2.25rem; } - .xl\:hover\:border-pink-300:hover { - --tw-border-opacity: 1; - border-color: rgba(249, 168, 212, var(--tw-border-opacity)); + .\32xl\:inset-x-10 { + left: 2.5rem; + right: 2.5rem; } - .xl\:hover\:border-pink-400:hover { - --tw-border-opacity: 1; - border-color: rgba(244, 114, 182, var(--tw-border-opacity)); + .\32xl\:inset-x-11 { + left: 2.75rem; + right: 2.75rem; } - .xl\:hover\:border-pink-500:hover { - --tw-border-opacity: 1; - border-color: rgba(236, 72, 153, var(--tw-border-opacity)); + .\32xl\:inset-x-12 { + left: 3rem; + right: 3rem; } - .xl\:hover\:border-pink-600:hover { - --tw-border-opacity: 1; - border-color: rgba(219, 39, 119, var(--tw-border-opacity)); + .\32xl\:inset-x-14 { + left: 3.5rem; + right: 3.5rem; } - .xl\:hover\:border-pink-700:hover { - --tw-border-opacity: 1; - border-color: rgba(190, 24, 93, var(--tw-border-opacity)); + .\32xl\:inset-x-16 { + left: 4rem; + right: 4rem; } - .xl\:hover\:border-pink-800:hover { - --tw-border-opacity: 1; - border-color: rgba(157, 23, 77, var(--tw-border-opacity)); + .\32xl\:inset-x-20 { + left: 5rem; + right: 5rem; } - .xl\:hover\:border-pink-900:hover { - --tw-border-opacity: 1; - border-color: rgba(131, 24, 67, var(--tw-border-opacity)); + .\32xl\:inset-x-24 { + left: 6rem; + right: 6rem; } - .xl\:focus\:border-transparent:focus { - border-color: transparent; + .\32xl\:inset-x-28 { + left: 7rem; + right: 7rem; } - .xl\:focus\:border-current:focus { - border-color: currentColor; + .\32xl\:inset-x-32 { + left: 8rem; + right: 8rem; } - .xl\:focus\:border-black:focus { - --tw-border-opacity: 1; - border-color: rgba(0, 0, 0, var(--tw-border-opacity)); + .\32xl\:inset-x-36 { + left: 9rem; + right: 9rem; } - .xl\:focus\:border-white:focus { - --tw-border-opacity: 1; - border-color: rgba(255, 255, 255, var(--tw-border-opacity)); + .\32xl\:inset-x-40 { + left: 10rem; + right: 10rem; } - .xl\:focus\:border-gray-50:focus { - --tw-border-opacity: 1; - border-color: rgba(249, 250, 251, var(--tw-border-opacity)); + .\32xl\:inset-x-44 { + left: 11rem; + right: 11rem; } - .xl\:focus\:border-gray-100:focus { - --tw-border-opacity: 1; - border-color: rgba(243, 244, 246, var(--tw-border-opacity)); + .\32xl\:inset-x-48 { + left: 12rem; + right: 12rem; } - .xl\:focus\:border-gray-200:focus { - --tw-border-opacity: 1; - border-color: rgba(229, 231, 235, var(--tw-border-opacity)); + .\32xl\:inset-x-52 { + left: 13rem; + right: 13rem; } - .xl\:focus\:border-gray-300:focus { - --tw-border-opacity: 1; - border-color: rgba(209, 213, 219, var(--tw-border-opacity)); + .\32xl\:inset-x-56 { + left: 14rem; + right: 14rem; } - .xl\:focus\:border-gray-400:focus { - --tw-border-opacity: 1; - border-color: rgba(156, 163, 175, var(--tw-border-opacity)); + .\32xl\:inset-x-60 { + left: 15rem; + right: 15rem; } - .xl\:focus\:border-gray-500:focus { - --tw-border-opacity: 1; - border-color: rgba(107, 114, 128, var(--tw-border-opacity)); + .\32xl\:inset-x-64 { + left: 16rem; + right: 16rem; } - .xl\:focus\:border-gray-600:focus { - --tw-border-opacity: 1; - border-color: rgba(75, 85, 99, var(--tw-border-opacity)); + .\32xl\:inset-x-72 { + left: 18rem; + right: 18rem; } - .xl\:focus\:border-gray-700:focus { - --tw-border-opacity: 1; - border-color: rgba(55, 65, 81, var(--tw-border-opacity)); + .\32xl\:inset-x-80 { + left: 20rem; + right: 20rem; } - .xl\:focus\:border-gray-800:focus { - --tw-border-opacity: 1; - border-color: rgba(31, 41, 55, var(--tw-border-opacity)); + .\32xl\:inset-x-96 { + left: 24rem; + right: 24rem; } - .xl\:focus\:border-gray-900:focus { - --tw-border-opacity: 1; - border-color: rgba(17, 24, 39, var(--tw-border-opacity)); + .\32xl\:inset-x-auto { + left: auto; + right: auto; } - .xl\:focus\:border-red-50:focus { - --tw-border-opacity: 1; - border-color: rgba(254, 242, 242, var(--tw-border-opacity)); + .\32xl\:inset-x-px { + left: 1px; + right: 1px; } - .xl\:focus\:border-red-100:focus { - --tw-border-opacity: 1; - border-color: rgba(254, 226, 226, var(--tw-border-opacity)); + .\32xl\:inset-x-0\.5 { + left: 0.125rem; + right: 0.125rem; } - .xl\:focus\:border-red-200:focus { - --tw-border-opacity: 1; - border-color: rgba(254, 202, 202, var(--tw-border-opacity)); + .\32xl\:inset-x-1\.5 { + left: 0.375rem; + right: 0.375rem; } - .xl\:focus\:border-red-300:focus { - --tw-border-opacity: 1; - border-color: rgba(252, 165, 165, var(--tw-border-opacity)); + .\32xl\:inset-x-2\.5 { + left: 0.625rem; + right: 0.625rem; } - .xl\:focus\:border-red-400:focus { - --tw-border-opacity: 1; - border-color: rgba(248, 113, 113, var(--tw-border-opacity)); + .\32xl\:inset-x-3\.5 { + left: 0.875rem; + right: 0.875rem; } - .xl\:focus\:border-red-500:focus { - --tw-border-opacity: 1; - border-color: rgba(239, 68, 68, var(--tw-border-opacity)); + .\32xl\:-inset-x-0 { + left: 0px; + right: 0px; } - .xl\:focus\:border-red-600:focus { - --tw-border-opacity: 1; - border-color: rgba(220, 38, 38, var(--tw-border-opacity)); + .\32xl\:-inset-x-1 { + left: -0.25rem; + right: -0.25rem; } - .xl\:focus\:border-red-700:focus { - --tw-border-opacity: 1; - border-color: rgba(185, 28, 28, var(--tw-border-opacity)); + .\32xl\:-inset-x-2 { + left: -0.5rem; + right: -0.5rem; } - .xl\:focus\:border-red-800:focus { - --tw-border-opacity: 1; - border-color: rgba(153, 27, 27, var(--tw-border-opacity)); + .\32xl\:-inset-x-3 { + left: -0.75rem; + right: -0.75rem; } - .xl\:focus\:border-red-900:focus { - --tw-border-opacity: 1; - border-color: rgba(127, 29, 29, var(--tw-border-opacity)); + .\32xl\:-inset-x-4 { + left: -1rem; + right: -1rem; } - .xl\:focus\:border-yellow-50:focus { - --tw-border-opacity: 1; - border-color: rgba(255, 251, 235, var(--tw-border-opacity)); + .\32xl\:-inset-x-5 { + left: -1.25rem; + right: -1.25rem; } - .xl\:focus\:border-yellow-100:focus { - --tw-border-opacity: 1; - border-color: rgba(254, 243, 199, var(--tw-border-opacity)); + .\32xl\:-inset-x-6 { + left: -1.5rem; + right: -1.5rem; } - .xl\:focus\:border-yellow-200:focus { - --tw-border-opacity: 1; - border-color: rgba(253, 230, 138, var(--tw-border-opacity)); + .\32xl\:-inset-x-7 { + left: -1.75rem; + right: -1.75rem; } - .xl\:focus\:border-yellow-300:focus { - --tw-border-opacity: 1; - border-color: rgba(252, 211, 77, var(--tw-border-opacity)); + .\32xl\:-inset-x-8 { + left: -2rem; + right: -2rem; } - .xl\:focus\:border-yellow-400:focus { - --tw-border-opacity: 1; - border-color: rgba(251, 191, 36, var(--tw-border-opacity)); + .\32xl\:-inset-x-9 { + left: -2.25rem; + right: -2.25rem; } - .xl\:focus\:border-yellow-500:focus { - --tw-border-opacity: 1; - border-color: rgba(245, 158, 11, var(--tw-border-opacity)); + .\32xl\:-inset-x-10 { + left: -2.5rem; + right: -2.5rem; } - .xl\:focus\:border-yellow-600:focus { - --tw-border-opacity: 1; - border-color: rgba(217, 119, 6, var(--tw-border-opacity)); + .\32xl\:-inset-x-11 { + left: -2.75rem; + right: -2.75rem; } - .xl\:focus\:border-yellow-700:focus { - --tw-border-opacity: 1; - border-color: rgba(180, 83, 9, var(--tw-border-opacity)); + .\32xl\:-inset-x-12 { + left: -3rem; + right: -3rem; } - .xl\:focus\:border-yellow-800:focus { - --tw-border-opacity: 1; - border-color: rgba(146, 64, 14, var(--tw-border-opacity)); + .\32xl\:-inset-x-14 { + left: -3.5rem; + right: -3.5rem; } - .xl\:focus\:border-yellow-900:focus { - --tw-border-opacity: 1; - border-color: rgba(120, 53, 15, var(--tw-border-opacity)); + .\32xl\:-inset-x-16 { + left: -4rem; + right: -4rem; } - .xl\:focus\:border-green-50:focus { - --tw-border-opacity: 1; - border-color: rgba(236, 253, 245, var(--tw-border-opacity)); + .\32xl\:-inset-x-20 { + left: -5rem; + right: -5rem; } - .xl\:focus\:border-green-100:focus { - --tw-border-opacity: 1; - border-color: rgba(209, 250, 229, var(--tw-border-opacity)); + .\32xl\:-inset-x-24 { + left: -6rem; + right: -6rem; } - .xl\:focus\:border-green-200:focus { - --tw-border-opacity: 1; - border-color: rgba(167, 243, 208, var(--tw-border-opacity)); + .\32xl\:-inset-x-28 { + left: -7rem; + right: -7rem; } - .xl\:focus\:border-green-300:focus { - --tw-border-opacity: 1; - border-color: rgba(110, 231, 183, var(--tw-border-opacity)); + .\32xl\:-inset-x-32 { + left: -8rem; + right: -8rem; } - .xl\:focus\:border-green-400:focus { - --tw-border-opacity: 1; - border-color: rgba(52, 211, 153, var(--tw-border-opacity)); + .\32xl\:-inset-x-36 { + left: -9rem; + right: -9rem; } - .xl\:focus\:border-green-500:focus { - --tw-border-opacity: 1; - border-color: rgba(16, 185, 129, var(--tw-border-opacity)); + .\32xl\:-inset-x-40 { + left: -10rem; + right: -10rem; } - .xl\:focus\:border-green-600:focus { - --tw-border-opacity: 1; - border-color: rgba(5, 150, 105, var(--tw-border-opacity)); + .\32xl\:-inset-x-44 { + left: -11rem; + right: -11rem; } - .xl\:focus\:border-green-700:focus { - --tw-border-opacity: 1; - border-color: rgba(4, 120, 87, var(--tw-border-opacity)); + .\32xl\:-inset-x-48 { + left: -12rem; + right: -12rem; } - .xl\:focus\:border-green-800:focus { - --tw-border-opacity: 1; - border-color: rgba(6, 95, 70, var(--tw-border-opacity)); + .\32xl\:-inset-x-52 { + left: -13rem; + right: -13rem; } - .xl\:focus\:border-green-900:focus { - --tw-border-opacity: 1; - border-color: rgba(6, 78, 59, var(--tw-border-opacity)); + .\32xl\:-inset-x-56 { + left: -14rem; + right: -14rem; } - .xl\:focus\:border-blue-50:focus { - --tw-border-opacity: 1; - border-color: rgba(239, 246, 255, var(--tw-border-opacity)); + .\32xl\:-inset-x-60 { + left: -15rem; + right: -15rem; } - .xl\:focus\:border-blue-100:focus { - --tw-border-opacity: 1; - border-color: rgba(219, 234, 254, var(--tw-border-opacity)); + .\32xl\:-inset-x-64 { + left: -16rem; + right: -16rem; } - .xl\:focus\:border-blue-200:focus { - --tw-border-opacity: 1; - border-color: rgba(191, 219, 254, var(--tw-border-opacity)); + .\32xl\:-inset-x-72 { + left: -18rem; + right: -18rem; } - .xl\:focus\:border-blue-300:focus { - --tw-border-opacity: 1; - border-color: rgba(147, 197, 253, var(--tw-border-opacity)); + .\32xl\:-inset-x-80 { + left: -20rem; + right: -20rem; } - .xl\:focus\:border-blue-400:focus { - --tw-border-opacity: 1; - border-color: rgba(96, 165, 250, var(--tw-border-opacity)); + .\32xl\:-inset-x-96 { + left: -24rem; + right: -24rem; } - .xl\:focus\:border-blue-500:focus { - --tw-border-opacity: 1; - border-color: rgba(59, 130, 246, var(--tw-border-opacity)); + .\32xl\:-inset-x-px { + left: -1px; + right: -1px; } - .xl\:focus\:border-blue-600:focus { - --tw-border-opacity: 1; - border-color: rgba(37, 99, 235, var(--tw-border-opacity)); + .\32xl\:-inset-x-0\.5 { + left: -0.125rem; + right: -0.125rem; } - .xl\:focus\:border-blue-700:focus { - --tw-border-opacity: 1; - border-color: rgba(29, 78, 216, var(--tw-border-opacity)); + .\32xl\:-inset-x-1\.5 { + left: -0.375rem; + right: -0.375rem; } - .xl\:focus\:border-blue-800:focus { - --tw-border-opacity: 1; - border-color: rgba(30, 64, 175, var(--tw-border-opacity)); + .\32xl\:-inset-x-2\.5 { + left: -0.625rem; + right: -0.625rem; } - .xl\:focus\:border-blue-900:focus { - --tw-border-opacity: 1; - border-color: rgba(30, 58, 138, var(--tw-border-opacity)); + .\32xl\:-inset-x-3\.5 { + left: -0.875rem; + right: -0.875rem; } - .xl\:focus\:border-indigo-50:focus { - --tw-border-opacity: 1; - border-color: rgba(238, 242, 255, var(--tw-border-opacity)); + .\32xl\:inset-x-1\/2 { + left: 50%; + right: 50%; } - .xl\:focus\:border-indigo-100:focus { - --tw-border-opacity: 1; - border-color: rgba(224, 231, 255, var(--tw-border-opacity)); + .\32xl\:inset-x-1\/3 { + left: 33.333333%; + right: 33.333333%; } - .xl\:focus\:border-indigo-200:focus { - --tw-border-opacity: 1; - border-color: rgba(199, 210, 254, var(--tw-border-opacity)); + .\32xl\:inset-x-2\/3 { + left: 66.666667%; + right: 66.666667%; } - .xl\:focus\:border-indigo-300:focus { - --tw-border-opacity: 1; - border-color: rgba(165, 180, 252, var(--tw-border-opacity)); + .\32xl\:inset-x-1\/4 { + left: 25%; + right: 25%; } - .xl\:focus\:border-indigo-400:focus { - --tw-border-opacity: 1; - border-color: rgba(129, 140, 248, var(--tw-border-opacity)); + .\32xl\:inset-x-2\/4 { + left: 50%; + right: 50%; } - .xl\:focus\:border-indigo-500:focus { - --tw-border-opacity: 1; - border-color: rgba(99, 102, 241, var(--tw-border-opacity)); + .\32xl\:inset-x-3\/4 { + left: 75%; + right: 75%; } - .xl\:focus\:border-indigo-600:focus { - --tw-border-opacity: 1; - border-color: rgba(79, 70, 229, var(--tw-border-opacity)); + .\32xl\:inset-x-full { + left: 100%; + right: 100%; } - .xl\:focus\:border-indigo-700:focus { - --tw-border-opacity: 1; - border-color: rgba(67, 56, 202, var(--tw-border-opacity)); + .\32xl\:-inset-x-1\/2 { + left: -50%; + right: -50%; } - .xl\:focus\:border-indigo-800:focus { - --tw-border-opacity: 1; - border-color: rgba(55, 48, 163, var(--tw-border-opacity)); + .\32xl\:-inset-x-1\/3 { + left: -33.333333%; + right: -33.333333%; } - .xl\:focus\:border-indigo-900:focus { - --tw-border-opacity: 1; - border-color: rgba(49, 46, 129, var(--tw-border-opacity)); + .\32xl\:-inset-x-2\/3 { + left: -66.666667%; + right: -66.666667%; } - .xl\:focus\:border-purple-50:focus { - --tw-border-opacity: 1; - border-color: rgba(245, 243, 255, var(--tw-border-opacity)); + .\32xl\:-inset-x-1\/4 { + left: -25%; + right: -25%; } - .xl\:focus\:border-purple-100:focus { - --tw-border-opacity: 1; - border-color: rgba(237, 233, 254, var(--tw-border-opacity)); + .\32xl\:-inset-x-2\/4 { + left: -50%; + right: -50%; } - .xl\:focus\:border-purple-200:focus { - --tw-border-opacity: 1; - border-color: rgba(221, 214, 254, var(--tw-border-opacity)); + .\32xl\:-inset-x-3\/4 { + left: -75%; + right: -75%; } - .xl\:focus\:border-purple-300:focus { - --tw-border-opacity: 1; - border-color: rgba(196, 181, 253, var(--tw-border-opacity)); + .\32xl\:-inset-x-full { + left: -100%; + right: -100%; } - .xl\:focus\:border-purple-400:focus { - --tw-border-opacity: 1; - border-color: rgba(167, 139, 250, var(--tw-border-opacity)); + .\32xl\:inset-y-0 { + top: 0px; + bottom: 0px; } - .xl\:focus\:border-purple-500:focus { - --tw-border-opacity: 1; - border-color: rgba(139, 92, 246, var(--tw-border-opacity)); + .\32xl\:inset-y-1 { + top: 0.25rem; + bottom: 0.25rem; } - .xl\:focus\:border-purple-600:focus { - --tw-border-opacity: 1; - border-color: rgba(124, 58, 237, var(--tw-border-opacity)); + .\32xl\:inset-y-2 { + top: 0.5rem; + bottom: 0.5rem; } - .xl\:focus\:border-purple-700:focus { - --tw-border-opacity: 1; - border-color: rgba(109, 40, 217, var(--tw-border-opacity)); + .\32xl\:inset-y-3 { + top: 0.75rem; + bottom: 0.75rem; } - .xl\:focus\:border-purple-800:focus { - --tw-border-opacity: 1; - border-color: rgba(91, 33, 182, var(--tw-border-opacity)); + .\32xl\:inset-y-4 { + top: 1rem; + bottom: 1rem; } - .xl\:focus\:border-purple-900:focus { - --tw-border-opacity: 1; - border-color: rgba(76, 29, 149, var(--tw-border-opacity)); + .\32xl\:inset-y-5 { + top: 1.25rem; + bottom: 1.25rem; } - .xl\:focus\:border-pink-50:focus { - --tw-border-opacity: 1; - border-color: rgba(253, 242, 248, var(--tw-border-opacity)); + .\32xl\:inset-y-6 { + top: 1.5rem; + bottom: 1.5rem; } - .xl\:focus\:border-pink-100:focus { - --tw-border-opacity: 1; - border-color: rgba(252, 231, 243, var(--tw-border-opacity)); + .\32xl\:inset-y-7 { + top: 1.75rem; + bottom: 1.75rem; } - .xl\:focus\:border-pink-200:focus { - --tw-border-opacity: 1; - border-color: rgba(251, 207, 232, var(--tw-border-opacity)); + .\32xl\:inset-y-8 { + top: 2rem; + bottom: 2rem; } - .xl\:focus\:border-pink-300:focus { - --tw-border-opacity: 1; - border-color: rgba(249, 168, 212, var(--tw-border-opacity)); + .\32xl\:inset-y-9 { + top: 2.25rem; + bottom: 2.25rem; } - .xl\:focus\:border-pink-400:focus { - --tw-border-opacity: 1; - border-color: rgba(244, 114, 182, var(--tw-border-opacity)); + .\32xl\:inset-y-10 { + top: 2.5rem; + bottom: 2.5rem; } - .xl\:focus\:border-pink-500:focus { - --tw-border-opacity: 1; - border-color: rgba(236, 72, 153, var(--tw-border-opacity)); + .\32xl\:inset-y-11 { + top: 2.75rem; + bottom: 2.75rem; } - .xl\:focus\:border-pink-600:focus { - --tw-border-opacity: 1; - border-color: rgba(219, 39, 119, var(--tw-border-opacity)); + .\32xl\:inset-y-12 { + top: 3rem; + bottom: 3rem; } - .xl\:focus\:border-pink-700:focus { - --tw-border-opacity: 1; - border-color: rgba(190, 24, 93, var(--tw-border-opacity)); + .\32xl\:inset-y-14 { + top: 3.5rem; + bottom: 3.5rem; } - .xl\:focus\:border-pink-800:focus { - --tw-border-opacity: 1; - border-color: rgba(157, 23, 77, var(--tw-border-opacity)); + .\32xl\:inset-y-16 { + top: 4rem; + bottom: 4rem; } - .xl\:focus\:border-pink-900:focus { - --tw-border-opacity: 1; - border-color: rgba(131, 24, 67, var(--tw-border-opacity)); + .\32xl\:inset-y-20 { + top: 5rem; + bottom: 5rem; } - .xl\:border-opacity-0 { - --tw-border-opacity: 0; + .\32xl\:inset-y-24 { + top: 6rem; + bottom: 6rem; } - .xl\:border-opacity-5 { - --tw-border-opacity: 0.05; + .\32xl\:inset-y-28 { + top: 7rem; + bottom: 7rem; } - .xl\:border-opacity-10 { - --tw-border-opacity: 0.1; + .\32xl\:inset-y-32 { + top: 8rem; + bottom: 8rem; } - .xl\:border-opacity-20 { - --tw-border-opacity: 0.2; + .\32xl\:inset-y-36 { + top: 9rem; + bottom: 9rem; } - .xl\:border-opacity-25 { - --tw-border-opacity: 0.25; + .\32xl\:inset-y-40 { + top: 10rem; + bottom: 10rem; } - .xl\:border-opacity-30 { - --tw-border-opacity: 0.3; + .\32xl\:inset-y-44 { + top: 11rem; + bottom: 11rem; } - .xl\:border-opacity-40 { - --tw-border-opacity: 0.4; + .\32xl\:inset-y-48 { + top: 12rem; + bottom: 12rem; } - .xl\:border-opacity-50 { - --tw-border-opacity: 0.5; + .\32xl\:inset-y-52 { + top: 13rem; + bottom: 13rem; } - .xl\:border-opacity-60 { - --tw-border-opacity: 0.6; + .\32xl\:inset-y-56 { + top: 14rem; + bottom: 14rem; } - .xl\:border-opacity-70 { - --tw-border-opacity: 0.7; + .\32xl\:inset-y-60 { + top: 15rem; + bottom: 15rem; } - .xl\:border-opacity-75 { - --tw-border-opacity: 0.75; + .\32xl\:inset-y-64 { + top: 16rem; + bottom: 16rem; } - .xl\:border-opacity-80 { - --tw-border-opacity: 0.8; + .\32xl\:inset-y-72 { + top: 18rem; + bottom: 18rem; } - .xl\:border-opacity-90 { - --tw-border-opacity: 0.9; + .\32xl\:inset-y-80 { + top: 20rem; + bottom: 20rem; } - .xl\:border-opacity-95 { - --tw-border-opacity: 0.95; + .\32xl\:inset-y-96 { + top: 24rem; + bottom: 24rem; } - .xl\:border-opacity-100 { - --tw-border-opacity: 1; + .\32xl\:inset-y-auto { + top: auto; + bottom: auto; } - .group:hover .xl\:group-hover\:border-opacity-0 { - --tw-border-opacity: 0; + .\32xl\:inset-y-px { + top: 1px; + bottom: 1px; } - .group:hover .xl\:group-hover\:border-opacity-5 { - --tw-border-opacity: 0.05; + .\32xl\:inset-y-0\.5 { + top: 0.125rem; + bottom: 0.125rem; } - .group:hover .xl\:group-hover\:border-opacity-10 { - --tw-border-opacity: 0.1; + .\32xl\:inset-y-1\.5 { + top: 0.375rem; + bottom: 0.375rem; } - .group:hover .xl\:group-hover\:border-opacity-20 { - --tw-border-opacity: 0.2; + .\32xl\:inset-y-2\.5 { + top: 0.625rem; + bottom: 0.625rem; } - .group:hover .xl\:group-hover\:border-opacity-25 { - --tw-border-opacity: 0.25; + .\32xl\:inset-y-3\.5 { + top: 0.875rem; + bottom: 0.875rem; } - .group:hover .xl\:group-hover\:border-opacity-30 { - --tw-border-opacity: 0.3; + .\32xl\:-inset-y-0 { + top: 0px; + bottom: 0px; } - .group:hover .xl\:group-hover\:border-opacity-40 { - --tw-border-opacity: 0.4; + .\32xl\:-inset-y-1 { + top: -0.25rem; + bottom: -0.25rem; } - .group:hover .xl\:group-hover\:border-opacity-50 { - --tw-border-opacity: 0.5; + .\32xl\:-inset-y-2 { + top: -0.5rem; + bottom: -0.5rem; } - .group:hover .xl\:group-hover\:border-opacity-60 { - --tw-border-opacity: 0.6; + .\32xl\:-inset-y-3 { + top: -0.75rem; + bottom: -0.75rem; } - .group:hover .xl\:group-hover\:border-opacity-70 { - --tw-border-opacity: 0.7; + .\32xl\:-inset-y-4 { + top: -1rem; + bottom: -1rem; } - .group:hover .xl\:group-hover\:border-opacity-75 { - --tw-border-opacity: 0.75; + .\32xl\:-inset-y-5 { + top: -1.25rem; + bottom: -1.25rem; } - .group:hover .xl\:group-hover\:border-opacity-80 { - --tw-border-opacity: 0.8; + .\32xl\:-inset-y-6 { + top: -1.5rem; + bottom: -1.5rem; } - .group:hover .xl\:group-hover\:border-opacity-90 { - --tw-border-opacity: 0.9; + .\32xl\:-inset-y-7 { + top: -1.75rem; + bottom: -1.75rem; } - .group:hover .xl\:group-hover\:border-opacity-95 { - --tw-border-opacity: 0.95; + .\32xl\:-inset-y-8 { + top: -2rem; + bottom: -2rem; } - .group:hover .xl\:group-hover\:border-opacity-100 { - --tw-border-opacity: 1; + .\32xl\:-inset-y-9 { + top: -2.25rem; + bottom: -2.25rem; } - .xl\:focus-within\:border-opacity-0:focus-within { - --tw-border-opacity: 0; + .\32xl\:-inset-y-10 { + top: -2.5rem; + bottom: -2.5rem; } - .xl\:focus-within\:border-opacity-5:focus-within { - --tw-border-opacity: 0.05; + .\32xl\:-inset-y-11 { + top: -2.75rem; + bottom: -2.75rem; } - .xl\:focus-within\:border-opacity-10:focus-within { - --tw-border-opacity: 0.1; + .\32xl\:-inset-y-12 { + top: -3rem; + bottom: -3rem; } - .xl\:focus-within\:border-opacity-20:focus-within { - --tw-border-opacity: 0.2; + .\32xl\:-inset-y-14 { + top: -3.5rem; + bottom: -3.5rem; } - .xl\:focus-within\:border-opacity-25:focus-within { - --tw-border-opacity: 0.25; + .\32xl\:-inset-y-16 { + top: -4rem; + bottom: -4rem; } - .xl\:focus-within\:border-opacity-30:focus-within { - --tw-border-opacity: 0.3; + .\32xl\:-inset-y-20 { + top: -5rem; + bottom: -5rem; } - .xl\:focus-within\:border-opacity-40:focus-within { - --tw-border-opacity: 0.4; + .\32xl\:-inset-y-24 { + top: -6rem; + bottom: -6rem; } - .xl\:focus-within\:border-opacity-50:focus-within { - --tw-border-opacity: 0.5; + .\32xl\:-inset-y-28 { + top: -7rem; + bottom: -7rem; } - .xl\:focus-within\:border-opacity-60:focus-within { - --tw-border-opacity: 0.6; + .\32xl\:-inset-y-32 { + top: -8rem; + bottom: -8rem; } - .xl\:focus-within\:border-opacity-70:focus-within { - --tw-border-opacity: 0.7; + .\32xl\:-inset-y-36 { + top: -9rem; + bottom: -9rem; } - .xl\:focus-within\:border-opacity-75:focus-within { - --tw-border-opacity: 0.75; + .\32xl\:-inset-y-40 { + top: -10rem; + bottom: -10rem; } - .xl\:focus-within\:border-opacity-80:focus-within { - --tw-border-opacity: 0.8; + .\32xl\:-inset-y-44 { + top: -11rem; + bottom: -11rem; } - .xl\:focus-within\:border-opacity-90:focus-within { - --tw-border-opacity: 0.9; + .\32xl\:-inset-y-48 { + top: -12rem; + bottom: -12rem; } - .xl\:focus-within\:border-opacity-95:focus-within { - --tw-border-opacity: 0.95; + .\32xl\:-inset-y-52 { + top: -13rem; + bottom: -13rem; } - .xl\:focus-within\:border-opacity-100:focus-within { - --tw-border-opacity: 1; + .\32xl\:-inset-y-56 { + top: -14rem; + bottom: -14rem; } - .xl\:hover\:border-opacity-0:hover { - --tw-border-opacity: 0; + .\32xl\:-inset-y-60 { + top: -15rem; + bottom: -15rem; } - .xl\:hover\:border-opacity-5:hover { - --tw-border-opacity: 0.05; + .\32xl\:-inset-y-64 { + top: -16rem; + bottom: -16rem; } - .xl\:hover\:border-opacity-10:hover { - --tw-border-opacity: 0.1; + .\32xl\:-inset-y-72 { + top: -18rem; + bottom: -18rem; } - .xl\:hover\:border-opacity-20:hover { - --tw-border-opacity: 0.2; + .\32xl\:-inset-y-80 { + top: -20rem; + bottom: -20rem; } - .xl\:hover\:border-opacity-25:hover { - --tw-border-opacity: 0.25; + .\32xl\:-inset-y-96 { + top: -24rem; + bottom: -24rem; } - .xl\:hover\:border-opacity-30:hover { - --tw-border-opacity: 0.3; + .\32xl\:-inset-y-px { + top: -1px; + bottom: -1px; } - .xl\:hover\:border-opacity-40:hover { - --tw-border-opacity: 0.4; + .\32xl\:-inset-y-0\.5 { + top: -0.125rem; + bottom: -0.125rem; } - .xl\:hover\:border-opacity-50:hover { - --tw-border-opacity: 0.5; + .\32xl\:-inset-y-1\.5 { + top: -0.375rem; + bottom: -0.375rem; } - .xl\:hover\:border-opacity-60:hover { - --tw-border-opacity: 0.6; + .\32xl\:-inset-y-2\.5 { + top: -0.625rem; + bottom: -0.625rem; } - .xl\:hover\:border-opacity-70:hover { - --tw-border-opacity: 0.7; + .\32xl\:-inset-y-3\.5 { + top: -0.875rem; + bottom: -0.875rem; } - .xl\:hover\:border-opacity-75:hover { - --tw-border-opacity: 0.75; + .\32xl\:inset-y-1\/2 { + top: 50%; + bottom: 50%; } - .xl\:hover\:border-opacity-80:hover { - --tw-border-opacity: 0.8; + .\32xl\:inset-y-1\/3 { + top: 33.333333%; + bottom: 33.333333%; } - .xl\:hover\:border-opacity-90:hover { - --tw-border-opacity: 0.9; + .\32xl\:inset-y-2\/3 { + top: 66.666667%; + bottom: 66.666667%; } - .xl\:hover\:border-opacity-95:hover { - --tw-border-opacity: 0.95; + .\32xl\:inset-y-1\/4 { + top: 25%; + bottom: 25%; } - .xl\:hover\:border-opacity-100:hover { - --tw-border-opacity: 1; + .\32xl\:inset-y-2\/4 { + top: 50%; + bottom: 50%; } - .xl\:focus\:border-opacity-0:focus { - --tw-border-opacity: 0; + .\32xl\:inset-y-3\/4 { + top: 75%; + bottom: 75%; } - .xl\:focus\:border-opacity-5:focus { - --tw-border-opacity: 0.05; + .\32xl\:inset-y-full { + top: 100%; + bottom: 100%; } - .xl\:focus\:border-opacity-10:focus { - --tw-border-opacity: 0.1; + .\32xl\:-inset-y-1\/2 { + top: -50%; + bottom: -50%; } - .xl\:focus\:border-opacity-20:focus { - --tw-border-opacity: 0.2; + .\32xl\:-inset-y-1\/3 { + top: -33.333333%; + bottom: -33.333333%; } - .xl\:focus\:border-opacity-25:focus { - --tw-border-opacity: 0.25; + .\32xl\:-inset-y-2\/3 { + top: -66.666667%; + bottom: -66.666667%; } - .xl\:focus\:border-opacity-30:focus { - --tw-border-opacity: 0.3; + .\32xl\:-inset-y-1\/4 { + top: -25%; + bottom: -25%; } - .xl\:focus\:border-opacity-40:focus { - --tw-border-opacity: 0.4; + .\32xl\:-inset-y-2\/4 { + top: -50%; + bottom: -50%; } - .xl\:focus\:border-opacity-50:focus { - --tw-border-opacity: 0.5; + .\32xl\:-inset-y-3\/4 { + top: -75%; + bottom: -75%; } - .xl\:focus\:border-opacity-60:focus { - --tw-border-opacity: 0.6; + .\32xl\:-inset-y-full { + top: -100%; + bottom: -100%; } - .xl\:focus\:border-opacity-70:focus { - --tw-border-opacity: 0.7; + .\32xl\:top-0 { + top: 0px; } - .xl\:focus\:border-opacity-75:focus { - --tw-border-opacity: 0.75; + .\32xl\:top-1 { + top: 0.25rem; } - .xl\:focus\:border-opacity-80:focus { - --tw-border-opacity: 0.8; + .\32xl\:top-2 { + top: 0.5rem; } - .xl\:focus\:border-opacity-90:focus { - --tw-border-opacity: 0.9; + .\32xl\:top-3 { + top: 0.75rem; } - .xl\:focus\:border-opacity-95:focus { - --tw-border-opacity: 0.95; + .\32xl\:top-4 { + top: 1rem; } - .xl\:focus\:border-opacity-100:focus { - --tw-border-opacity: 1; + .\32xl\:top-5 { + top: 1.25rem; } - .xl\:bg-transparent { - background-color: transparent; + .\32xl\:top-6 { + top: 1.5rem; } - .xl\:bg-current { - background-color: currentColor; + .\32xl\:top-7 { + top: 1.75rem; } - .xl\:bg-black { - --tw-bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--tw-bg-opacity)); + .\32xl\:top-8 { + top: 2rem; } - .xl\:bg-white { - --tw-bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); + .\32xl\:top-9 { + top: 2.25rem; } - .xl\:bg-gray-50 { - --tw-bg-opacity: 1; - background-color: rgba(249, 250, 251, var(--tw-bg-opacity)); + .\32xl\:top-10 { + top: 2.5rem; } - .xl\:bg-gray-100 { - --tw-bg-opacity: 1; - background-color: rgba(243, 244, 246, var(--tw-bg-opacity)); + .\32xl\:top-11 { + top: 2.75rem; } - .xl\:bg-gray-200 { - --tw-bg-opacity: 1; - background-color: rgba(229, 231, 235, var(--tw-bg-opacity)); + .\32xl\:top-12 { + top: 3rem; } - .xl\:bg-gray-300 { - --tw-bg-opacity: 1; - background-color: rgba(209, 213, 219, var(--tw-bg-opacity)); + .\32xl\:top-14 { + top: 3.5rem; } - .xl\:bg-gray-400 { - --tw-bg-opacity: 1; - background-color: rgba(156, 163, 175, var(--tw-bg-opacity)); + .\32xl\:top-16 { + top: 4rem; } - .xl\:bg-gray-500 { - --tw-bg-opacity: 1; - background-color: rgba(107, 114, 128, var(--tw-bg-opacity)); + .\32xl\:top-20 { + top: 5rem; } - .xl\:bg-gray-600 { - --tw-bg-opacity: 1; - background-color: rgba(75, 85, 99, var(--tw-bg-opacity)); + .\32xl\:top-24 { + top: 6rem; } - .xl\:bg-gray-700 { - --tw-bg-opacity: 1; - background-color: rgba(55, 65, 81, var(--tw-bg-opacity)); + .\32xl\:top-28 { + top: 7rem; } - .xl\:bg-gray-800 { - --tw-bg-opacity: 1; - background-color: rgba(31, 41, 55, var(--tw-bg-opacity)); + .\32xl\:top-32 { + top: 8rem; } - .xl\:bg-gray-900 { - --tw-bg-opacity: 1; - background-color: rgba(17, 24, 39, var(--tw-bg-opacity)); + .\32xl\:top-36 { + top: 9rem; } - .xl\:bg-red-50 { - --tw-bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--tw-bg-opacity)); + .\32xl\:top-40 { + top: 10rem; } - .xl\:bg-red-100 { - --tw-bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--tw-bg-opacity)); + .\32xl\:top-44 { + top: 11rem; } - .xl\:bg-red-200 { - --tw-bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--tw-bg-opacity)); + .\32xl\:top-48 { + top: 12rem; } - .xl\:bg-red-300 { - --tw-bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--tw-bg-opacity)); + .\32xl\:top-52 { + top: 13rem; } - .xl\:bg-red-400 { - --tw-bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--tw-bg-opacity)); + .\32xl\:top-56 { + top: 14rem; } - .xl\:bg-red-500 { - --tw-bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--tw-bg-opacity)); + .\32xl\:top-60 { + top: 15rem; } - .xl\:bg-red-600 { - --tw-bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--tw-bg-opacity)); + .\32xl\:top-64 { + top: 16rem; } - .xl\:bg-red-700 { - --tw-bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--tw-bg-opacity)); + .\32xl\:top-72 { + top: 18rem; } - .xl\:bg-red-800 { - --tw-bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--tw-bg-opacity)); + .\32xl\:top-80 { + top: 20rem; } - .xl\:bg-red-900 { - --tw-bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--tw-bg-opacity)); + .\32xl\:top-96 { + top: 24rem; } - .xl\:bg-yellow-50 { - --tw-bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--tw-bg-opacity)); + .\32xl\:top-auto { + top: auto; } - .xl\:bg-yellow-100 { - --tw-bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--tw-bg-opacity)); + .\32xl\:top-px { + top: 1px; } - .xl\:bg-yellow-200 { - --tw-bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--tw-bg-opacity)); + .\32xl\:top-0\.5 { + top: 0.125rem; } - .xl\:bg-yellow-300 { - --tw-bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--tw-bg-opacity)); + .\32xl\:top-1\.5 { + top: 0.375rem; } - .xl\:bg-yellow-400 { - --tw-bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--tw-bg-opacity)); + .\32xl\:top-2\.5 { + top: 0.625rem; } - .xl\:bg-yellow-500 { - --tw-bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--tw-bg-opacity)); + .\32xl\:top-3\.5 { + top: 0.875rem; } - .xl\:bg-yellow-600 { - --tw-bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--tw-bg-opacity)); + .\32xl\:-top-0 { + top: 0px; } - .xl\:bg-yellow-700 { - --tw-bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--tw-bg-opacity)); + .\32xl\:-top-1 { + top: -0.25rem; } - .xl\:bg-yellow-800 { - --tw-bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--tw-bg-opacity)); + .\32xl\:-top-2 { + top: -0.5rem; } - .xl\:bg-yellow-900 { - --tw-bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--tw-bg-opacity)); + .\32xl\:-top-3 { + top: -0.75rem; } - .xl\:bg-green-50 { - --tw-bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--tw-bg-opacity)); + .\32xl\:-top-4 { + top: -1rem; } - .xl\:bg-green-100 { - --tw-bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--tw-bg-opacity)); + .\32xl\:-top-5 { + top: -1.25rem; } - .xl\:bg-green-200 { - --tw-bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--tw-bg-opacity)); + .\32xl\:-top-6 { + top: -1.5rem; } - .xl\:bg-green-300 { - --tw-bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--tw-bg-opacity)); + .\32xl\:-top-7 { + top: -1.75rem; } - .xl\:bg-green-400 { - --tw-bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--tw-bg-opacity)); + .\32xl\:-top-8 { + top: -2rem; } - .xl\:bg-green-500 { - --tw-bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--tw-bg-opacity)); + .\32xl\:-top-9 { + top: -2.25rem; } - .xl\:bg-green-600 { - --tw-bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--tw-bg-opacity)); + .\32xl\:-top-10 { + top: -2.5rem; } - .xl\:bg-green-700 { - --tw-bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--tw-bg-opacity)); + .\32xl\:-top-11 { + top: -2.75rem; } - .xl\:bg-green-800 { - --tw-bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--tw-bg-opacity)); + .\32xl\:-top-12 { + top: -3rem; } - .xl\:bg-green-900 { - --tw-bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--tw-bg-opacity)); + .\32xl\:-top-14 { + top: -3.5rem; } - .xl\:bg-blue-50 { - --tw-bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--tw-bg-opacity)); + .\32xl\:-top-16 { + top: -4rem; } - .xl\:bg-blue-100 { - --tw-bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--tw-bg-opacity)); + .\32xl\:-top-20 { + top: -5rem; } - .xl\:bg-blue-200 { - --tw-bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--tw-bg-opacity)); + .\32xl\:-top-24 { + top: -6rem; } - .xl\:bg-blue-300 { - --tw-bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--tw-bg-opacity)); + .\32xl\:-top-28 { + top: -7rem; } - .xl\:bg-blue-400 { - --tw-bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--tw-bg-opacity)); + .\32xl\:-top-32 { + top: -8rem; } - .xl\:bg-blue-500 { - --tw-bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--tw-bg-opacity)); + .\32xl\:-top-36 { + top: -9rem; } - .xl\:bg-blue-600 { - --tw-bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--tw-bg-opacity)); + .\32xl\:-top-40 { + top: -10rem; } - .xl\:bg-blue-700 { - --tw-bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--tw-bg-opacity)); + .\32xl\:-top-44 { + top: -11rem; } - .xl\:bg-blue-800 { - --tw-bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--tw-bg-opacity)); + .\32xl\:-top-48 { + top: -12rem; } - .xl\:bg-blue-900 { - --tw-bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--tw-bg-opacity)); + .\32xl\:-top-52 { + top: -13rem; } - .xl\:bg-indigo-50 { - --tw-bg-opacity: 1; - background-color: rgba(238, 242, 255, var(--tw-bg-opacity)); + .\32xl\:-top-56 { + top: -14rem; } - .xl\:bg-indigo-100 { - --tw-bg-opacity: 1; - background-color: rgba(224, 231, 255, var(--tw-bg-opacity)); + .\32xl\:-top-60 { + top: -15rem; } - .xl\:bg-indigo-200 { - --tw-bg-opacity: 1; - background-color: rgba(199, 210, 254, var(--tw-bg-opacity)); + .\32xl\:-top-64 { + top: -16rem; } - .xl\:bg-indigo-300 { - --tw-bg-opacity: 1; - background-color: rgba(165, 180, 252, var(--tw-bg-opacity)); + .\32xl\:-top-72 { + top: -18rem; } - .xl\:bg-indigo-400 { - --tw-bg-opacity: 1; - background-color: rgba(129, 140, 248, var(--tw-bg-opacity)); + .\32xl\:-top-80 { + top: -20rem; } - .xl\:bg-indigo-500 { - --tw-bg-opacity: 1; - background-color: rgba(99, 102, 241, var(--tw-bg-opacity)); + .\32xl\:-top-96 { + top: -24rem; } - .xl\:bg-indigo-600 { - --tw-bg-opacity: 1; - background-color: rgba(79, 70, 229, var(--tw-bg-opacity)); + .\32xl\:-top-px { + top: -1px; } - .xl\:bg-indigo-700 { - --tw-bg-opacity: 1; - background-color: rgba(67, 56, 202, var(--tw-bg-opacity)); + .\32xl\:-top-0\.5 { + top: -0.125rem; } - .xl\:bg-indigo-800 { - --tw-bg-opacity: 1; - background-color: rgba(55, 48, 163, var(--tw-bg-opacity)); + .\32xl\:-top-1\.5 { + top: -0.375rem; } - .xl\:bg-indigo-900 { - --tw-bg-opacity: 1; - background-color: rgba(49, 46, 129, var(--tw-bg-opacity)); + .\32xl\:-top-2\.5 { + top: -0.625rem; } - .xl\:bg-purple-50 { - --tw-bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--tw-bg-opacity)); + .\32xl\:-top-3\.5 { + top: -0.875rem; } - .xl\:bg-purple-100 { - --tw-bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--tw-bg-opacity)); + .\32xl\:top-1\/2 { + top: 50%; } - .xl\:bg-purple-200 { - --tw-bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--tw-bg-opacity)); + .\32xl\:top-1\/3 { + top: 33.333333%; } - .xl\:bg-purple-300 { - --tw-bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--tw-bg-opacity)); + .\32xl\:top-2\/3 { + top: 66.666667%; } - .xl\:bg-purple-400 { - --tw-bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--tw-bg-opacity)); + .\32xl\:top-1\/4 { + top: 25%; } - .xl\:bg-purple-500 { - --tw-bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--tw-bg-opacity)); + .\32xl\:top-2\/4 { + top: 50%; } - .xl\:bg-purple-600 { - --tw-bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--tw-bg-opacity)); + .\32xl\:top-3\/4 { + top: 75%; } - .xl\:bg-purple-700 { - --tw-bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--tw-bg-opacity)); + .\32xl\:top-full { + top: 100%; } - .xl\:bg-purple-800 { - --tw-bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--tw-bg-opacity)); + .\32xl\:-top-1\/2 { + top: -50%; } - .xl\:bg-purple-900 { - --tw-bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--tw-bg-opacity)); + .\32xl\:-top-1\/3 { + top: -33.333333%; } - .xl\:bg-pink-50 { - --tw-bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--tw-bg-opacity)); + .\32xl\:-top-2\/3 { + top: -66.666667%; } - .xl\:bg-pink-100 { - --tw-bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--tw-bg-opacity)); + .\32xl\:-top-1\/4 { + top: -25%; } - .xl\:bg-pink-200 { - --tw-bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--tw-bg-opacity)); + .\32xl\:-top-2\/4 { + top: -50%; } - .xl\:bg-pink-300 { - --tw-bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--tw-bg-opacity)); + .\32xl\:-top-3\/4 { + top: -75%; } - .xl\:bg-pink-400 { - --tw-bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--tw-bg-opacity)); + .\32xl\:-top-full { + top: -100%; } - .xl\:bg-pink-500 { - --tw-bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--tw-bg-opacity)); + .\32xl\:right-0 { + right: 0px; } - .xl\:bg-pink-600 { - --tw-bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--tw-bg-opacity)); + .\32xl\:right-1 { + right: 0.25rem; } - .xl\:bg-pink-700 { - --tw-bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--tw-bg-opacity)); + .\32xl\:right-2 { + right: 0.5rem; } - .xl\:bg-pink-800 { - --tw-bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--tw-bg-opacity)); + .\32xl\:right-3 { + right: 0.75rem; } - .xl\:bg-pink-900 { - --tw-bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--tw-bg-opacity)); + .\32xl\:right-4 { + right: 1rem; } - .group:hover .xl\:group-hover\:bg-transparent { - background-color: transparent; + .\32xl\:right-5 { + right: 1.25rem; } - .group:hover .xl\:group-hover\:bg-current { - background-color: currentColor; + .\32xl\:right-6 { + right: 1.5rem; } - .group:hover .xl\:group-hover\:bg-black { - --tw-bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--tw-bg-opacity)); + .\32xl\:right-7 { + right: 1.75rem; } - .group:hover .xl\:group-hover\:bg-white { - --tw-bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); + .\32xl\:right-8 { + right: 2rem; } - .group:hover .xl\:group-hover\:bg-gray-50 { - --tw-bg-opacity: 1; - background-color: rgba(249, 250, 251, var(--tw-bg-opacity)); + .\32xl\:right-9 { + right: 2.25rem; } - .group:hover .xl\:group-hover\:bg-gray-100 { - --tw-bg-opacity: 1; - background-color: rgba(243, 244, 246, var(--tw-bg-opacity)); + .\32xl\:right-10 { + right: 2.5rem; } - .group:hover .xl\:group-hover\:bg-gray-200 { - --tw-bg-opacity: 1; - background-color: rgba(229, 231, 235, var(--tw-bg-opacity)); + .\32xl\:right-11 { + right: 2.75rem; } - .group:hover .xl\:group-hover\:bg-gray-300 { - --tw-bg-opacity: 1; - background-color: rgba(209, 213, 219, var(--tw-bg-opacity)); + .\32xl\:right-12 { + right: 3rem; } - .group:hover .xl\:group-hover\:bg-gray-400 { - --tw-bg-opacity: 1; - background-color: rgba(156, 163, 175, var(--tw-bg-opacity)); + .\32xl\:right-14 { + right: 3.5rem; } - .group:hover .xl\:group-hover\:bg-gray-500 { - --tw-bg-opacity: 1; - background-color: rgba(107, 114, 128, var(--tw-bg-opacity)); + .\32xl\:right-16 { + right: 4rem; } - .group:hover .xl\:group-hover\:bg-gray-600 { - --tw-bg-opacity: 1; - background-color: rgba(75, 85, 99, var(--tw-bg-opacity)); + .\32xl\:right-20 { + right: 5rem; } - .group:hover .xl\:group-hover\:bg-gray-700 { - --tw-bg-opacity: 1; - background-color: rgba(55, 65, 81, var(--tw-bg-opacity)); + .\32xl\:right-24 { + right: 6rem; } - .group:hover .xl\:group-hover\:bg-gray-800 { - --tw-bg-opacity: 1; - background-color: rgba(31, 41, 55, var(--tw-bg-opacity)); + .\32xl\:right-28 { + right: 7rem; } - .group:hover .xl\:group-hover\:bg-gray-900 { - --tw-bg-opacity: 1; - background-color: rgba(17, 24, 39, var(--tw-bg-opacity)); + .\32xl\:right-32 { + right: 8rem; } - .group:hover .xl\:group-hover\:bg-red-50 { - --tw-bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--tw-bg-opacity)); + .\32xl\:right-36 { + right: 9rem; } - .group:hover .xl\:group-hover\:bg-red-100 { - --tw-bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--tw-bg-opacity)); + .\32xl\:right-40 { + right: 10rem; } - .group:hover .xl\:group-hover\:bg-red-200 { - --tw-bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--tw-bg-opacity)); + .\32xl\:right-44 { + right: 11rem; } - .group:hover .xl\:group-hover\:bg-red-300 { - --tw-bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--tw-bg-opacity)); + .\32xl\:right-48 { + right: 12rem; } - .group:hover .xl\:group-hover\:bg-red-400 { - --tw-bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--tw-bg-opacity)); + .\32xl\:right-52 { + right: 13rem; } - .group:hover .xl\:group-hover\:bg-red-500 { - --tw-bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--tw-bg-opacity)); + .\32xl\:right-56 { + right: 14rem; } - .group:hover .xl\:group-hover\:bg-red-600 { - --tw-bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--tw-bg-opacity)); + .\32xl\:right-60 { + right: 15rem; } - .group:hover .xl\:group-hover\:bg-red-700 { - --tw-bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--tw-bg-opacity)); + .\32xl\:right-64 { + right: 16rem; } - .group:hover .xl\:group-hover\:bg-red-800 { - --tw-bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--tw-bg-opacity)); + .\32xl\:right-72 { + right: 18rem; } - .group:hover .xl\:group-hover\:bg-red-900 { - --tw-bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--tw-bg-opacity)); + .\32xl\:right-80 { + right: 20rem; } - .group:hover .xl\:group-hover\:bg-yellow-50 { - --tw-bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--tw-bg-opacity)); + .\32xl\:right-96 { + right: 24rem; } - .group:hover .xl\:group-hover\:bg-yellow-100 { - --tw-bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--tw-bg-opacity)); + .\32xl\:right-auto { + right: auto; } - .group:hover .xl\:group-hover\:bg-yellow-200 { - --tw-bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--tw-bg-opacity)); + .\32xl\:right-px { + right: 1px; } - .group:hover .xl\:group-hover\:bg-yellow-300 { - --tw-bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--tw-bg-opacity)); + .\32xl\:right-0\.5 { + right: 0.125rem; } - .group:hover .xl\:group-hover\:bg-yellow-400 { - --tw-bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--tw-bg-opacity)); + .\32xl\:right-1\.5 { + right: 0.375rem; } - .group:hover .xl\:group-hover\:bg-yellow-500 { - --tw-bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--tw-bg-opacity)); + .\32xl\:right-2\.5 { + right: 0.625rem; } - .group:hover .xl\:group-hover\:bg-yellow-600 { - --tw-bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--tw-bg-opacity)); + .\32xl\:right-3\.5 { + right: 0.875rem; } - .group:hover .xl\:group-hover\:bg-yellow-700 { - --tw-bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--tw-bg-opacity)); + .\32xl\:-right-0 { + right: 0px; } - .group:hover .xl\:group-hover\:bg-yellow-800 { - --tw-bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--tw-bg-opacity)); + .\32xl\:-right-1 { + right: -0.25rem; } - .group:hover .xl\:group-hover\:bg-yellow-900 { - --tw-bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--tw-bg-opacity)); + .\32xl\:-right-2 { + right: -0.5rem; } - .group:hover .xl\:group-hover\:bg-green-50 { - --tw-bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--tw-bg-opacity)); + .\32xl\:-right-3 { + right: -0.75rem; } - .group:hover .xl\:group-hover\:bg-green-100 { - --tw-bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--tw-bg-opacity)); + .\32xl\:-right-4 { + right: -1rem; } - .group:hover .xl\:group-hover\:bg-green-200 { - --tw-bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--tw-bg-opacity)); + .\32xl\:-right-5 { + right: -1.25rem; } - .group:hover .xl\:group-hover\:bg-green-300 { - --tw-bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--tw-bg-opacity)); + .\32xl\:-right-6 { + right: -1.5rem; } - .group:hover .xl\:group-hover\:bg-green-400 { - --tw-bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--tw-bg-opacity)); + .\32xl\:-right-7 { + right: -1.75rem; } - .group:hover .xl\:group-hover\:bg-green-500 { - --tw-bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--tw-bg-opacity)); + .\32xl\:-right-8 { + right: -2rem; } - .group:hover .xl\:group-hover\:bg-green-600 { - --tw-bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--tw-bg-opacity)); + .\32xl\:-right-9 { + right: -2.25rem; } - .group:hover .xl\:group-hover\:bg-green-700 { - --tw-bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--tw-bg-opacity)); + .\32xl\:-right-10 { + right: -2.5rem; } - .group:hover .xl\:group-hover\:bg-green-800 { - --tw-bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--tw-bg-opacity)); + .\32xl\:-right-11 { + right: -2.75rem; } - .group:hover .xl\:group-hover\:bg-green-900 { - --tw-bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--tw-bg-opacity)); + .\32xl\:-right-12 { + right: -3rem; } - .group:hover .xl\:group-hover\:bg-blue-50 { - --tw-bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--tw-bg-opacity)); + .\32xl\:-right-14 { + right: -3.5rem; } - .group:hover .xl\:group-hover\:bg-blue-100 { - --tw-bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--tw-bg-opacity)); + .\32xl\:-right-16 { + right: -4rem; } - .group:hover .xl\:group-hover\:bg-blue-200 { - --tw-bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--tw-bg-opacity)); + .\32xl\:-right-20 { + right: -5rem; } - .group:hover .xl\:group-hover\:bg-blue-300 { - --tw-bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--tw-bg-opacity)); + .\32xl\:-right-24 { + right: -6rem; } - .group:hover .xl\:group-hover\:bg-blue-400 { - --tw-bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--tw-bg-opacity)); + .\32xl\:-right-28 { + right: -7rem; } - .group:hover .xl\:group-hover\:bg-blue-500 { - --tw-bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--tw-bg-opacity)); + .\32xl\:-right-32 { + right: -8rem; } - .group:hover .xl\:group-hover\:bg-blue-600 { - --tw-bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--tw-bg-opacity)); + .\32xl\:-right-36 { + right: -9rem; } - .group:hover .xl\:group-hover\:bg-blue-700 { - --tw-bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--tw-bg-opacity)); + .\32xl\:-right-40 { + right: -10rem; } - .group:hover .xl\:group-hover\:bg-blue-800 { - --tw-bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--tw-bg-opacity)); + .\32xl\:-right-44 { + right: -11rem; } - .group:hover .xl\:group-hover\:bg-blue-900 { - --tw-bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--tw-bg-opacity)); + .\32xl\:-right-48 { + right: -12rem; } - .group:hover .xl\:group-hover\:bg-indigo-50 { - --tw-bg-opacity: 1; - background-color: rgba(238, 242, 255, var(--tw-bg-opacity)); + .\32xl\:-right-52 { + right: -13rem; } - .group:hover .xl\:group-hover\:bg-indigo-100 { - --tw-bg-opacity: 1; - background-color: rgba(224, 231, 255, var(--tw-bg-opacity)); + .\32xl\:-right-56 { + right: -14rem; } - .group:hover .xl\:group-hover\:bg-indigo-200 { - --tw-bg-opacity: 1; - background-color: rgba(199, 210, 254, var(--tw-bg-opacity)); + .\32xl\:-right-60 { + right: -15rem; } - .group:hover .xl\:group-hover\:bg-indigo-300 { - --tw-bg-opacity: 1; - background-color: rgba(165, 180, 252, var(--tw-bg-opacity)); + .\32xl\:-right-64 { + right: -16rem; } - .group:hover .xl\:group-hover\:bg-indigo-400 { - --tw-bg-opacity: 1; - background-color: rgba(129, 140, 248, var(--tw-bg-opacity)); + .\32xl\:-right-72 { + right: -18rem; } - .group:hover .xl\:group-hover\:bg-indigo-500 { - --tw-bg-opacity: 1; - background-color: rgba(99, 102, 241, var(--tw-bg-opacity)); + .\32xl\:-right-80 { + right: -20rem; } - .group:hover .xl\:group-hover\:bg-indigo-600 { - --tw-bg-opacity: 1; - background-color: rgba(79, 70, 229, var(--tw-bg-opacity)); + .\32xl\:-right-96 { + right: -24rem; } - .group:hover .xl\:group-hover\:bg-indigo-700 { - --tw-bg-opacity: 1; - background-color: rgba(67, 56, 202, var(--tw-bg-opacity)); + .\32xl\:-right-px { + right: -1px; } - .group:hover .xl\:group-hover\:bg-indigo-800 { - --tw-bg-opacity: 1; - background-color: rgba(55, 48, 163, var(--tw-bg-opacity)); + .\32xl\:-right-0\.5 { + right: -0.125rem; } - .group:hover .xl\:group-hover\:bg-indigo-900 { - --tw-bg-opacity: 1; - background-color: rgba(49, 46, 129, var(--tw-bg-opacity)); + .\32xl\:-right-1\.5 { + right: -0.375rem; } - .group:hover .xl\:group-hover\:bg-purple-50 { - --tw-bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--tw-bg-opacity)); + .\32xl\:-right-2\.5 { + right: -0.625rem; } - .group:hover .xl\:group-hover\:bg-purple-100 { - --tw-bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--tw-bg-opacity)); + .\32xl\:-right-3\.5 { + right: -0.875rem; } - .group:hover .xl\:group-hover\:bg-purple-200 { - --tw-bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--tw-bg-opacity)); + .\32xl\:right-1\/2 { + right: 50%; } - .group:hover .xl\:group-hover\:bg-purple-300 { - --tw-bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--tw-bg-opacity)); + .\32xl\:right-1\/3 { + right: 33.333333%; } - .group:hover .xl\:group-hover\:bg-purple-400 { - --tw-bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--tw-bg-opacity)); + .\32xl\:right-2\/3 { + right: 66.666667%; } - .group:hover .xl\:group-hover\:bg-purple-500 { - --tw-bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--tw-bg-opacity)); + .\32xl\:right-1\/4 { + right: 25%; } - .group:hover .xl\:group-hover\:bg-purple-600 { - --tw-bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--tw-bg-opacity)); + .\32xl\:right-2\/4 { + right: 50%; } - .group:hover .xl\:group-hover\:bg-purple-700 { - --tw-bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--tw-bg-opacity)); + .\32xl\:right-3\/4 { + right: 75%; } - .group:hover .xl\:group-hover\:bg-purple-800 { - --tw-bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--tw-bg-opacity)); + .\32xl\:right-full { + right: 100%; } - .group:hover .xl\:group-hover\:bg-purple-900 { - --tw-bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--tw-bg-opacity)); + .\32xl\:-right-1\/2 { + right: -50%; } - .group:hover .xl\:group-hover\:bg-pink-50 { - --tw-bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--tw-bg-opacity)); + .\32xl\:-right-1\/3 { + right: -33.333333%; } - .group:hover .xl\:group-hover\:bg-pink-100 { - --tw-bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--tw-bg-opacity)); + .\32xl\:-right-2\/3 { + right: -66.666667%; } - .group:hover .xl\:group-hover\:bg-pink-200 { - --tw-bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--tw-bg-opacity)); + .\32xl\:-right-1\/4 { + right: -25%; } - .group:hover .xl\:group-hover\:bg-pink-300 { - --tw-bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--tw-bg-opacity)); + .\32xl\:-right-2\/4 { + right: -50%; } - .group:hover .xl\:group-hover\:bg-pink-400 { - --tw-bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--tw-bg-opacity)); + .\32xl\:-right-3\/4 { + right: -75%; } - .group:hover .xl\:group-hover\:bg-pink-500 { - --tw-bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--tw-bg-opacity)); + .\32xl\:-right-full { + right: -100%; } - .group:hover .xl\:group-hover\:bg-pink-600 { - --tw-bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--tw-bg-opacity)); + .\32xl\:bottom-0 { + bottom: 0px; } - .group:hover .xl\:group-hover\:bg-pink-700 { - --tw-bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--tw-bg-opacity)); + .\32xl\:bottom-1 { + bottom: 0.25rem; } - .group:hover .xl\:group-hover\:bg-pink-800 { - --tw-bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--tw-bg-opacity)); + .\32xl\:bottom-2 { + bottom: 0.5rem; } - .group:hover .xl\:group-hover\:bg-pink-900 { - --tw-bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--tw-bg-opacity)); + .\32xl\:bottom-3 { + bottom: 0.75rem; } - .xl\:focus-within\:bg-transparent:focus-within { - background-color: transparent; + .\32xl\:bottom-4 { + bottom: 1rem; } - .xl\:focus-within\:bg-current:focus-within { - background-color: currentColor; + .\32xl\:bottom-5 { + bottom: 1.25rem; } - .xl\:focus-within\:bg-black:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--tw-bg-opacity)); + .\32xl\:bottom-6 { + bottom: 1.5rem; } - .xl\:focus-within\:bg-white:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); + .\32xl\:bottom-7 { + bottom: 1.75rem; } - .xl\:focus-within\:bg-gray-50:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(249, 250, 251, var(--tw-bg-opacity)); + .\32xl\:bottom-8 { + bottom: 2rem; } - .xl\:focus-within\:bg-gray-100:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(243, 244, 246, var(--tw-bg-opacity)); + .\32xl\:bottom-9 { + bottom: 2.25rem; } - .xl\:focus-within\:bg-gray-200:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(229, 231, 235, var(--tw-bg-opacity)); + .\32xl\:bottom-10 { + bottom: 2.5rem; } - .xl\:focus-within\:bg-gray-300:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(209, 213, 219, var(--tw-bg-opacity)); + .\32xl\:bottom-11 { + bottom: 2.75rem; } - .xl\:focus-within\:bg-gray-400:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(156, 163, 175, var(--tw-bg-opacity)); + .\32xl\:bottom-12 { + bottom: 3rem; } - .xl\:focus-within\:bg-gray-500:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(107, 114, 128, var(--tw-bg-opacity)); + .\32xl\:bottom-14 { + bottom: 3.5rem; } - .xl\:focus-within\:bg-gray-600:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(75, 85, 99, var(--tw-bg-opacity)); + .\32xl\:bottom-16 { + bottom: 4rem; } - .xl\:focus-within\:bg-gray-700:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(55, 65, 81, var(--tw-bg-opacity)); + .\32xl\:bottom-20 { + bottom: 5rem; } - .xl\:focus-within\:bg-gray-800:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(31, 41, 55, var(--tw-bg-opacity)); + .\32xl\:bottom-24 { + bottom: 6rem; } - .xl\:focus-within\:bg-gray-900:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(17, 24, 39, var(--tw-bg-opacity)); + .\32xl\:bottom-28 { + bottom: 7rem; } - .xl\:focus-within\:bg-red-50:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--tw-bg-opacity)); + .\32xl\:bottom-32 { + bottom: 8rem; } - .xl\:focus-within\:bg-red-100:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--tw-bg-opacity)); + .\32xl\:bottom-36 { + bottom: 9rem; } - .xl\:focus-within\:bg-red-200:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--tw-bg-opacity)); + .\32xl\:bottom-40 { + bottom: 10rem; } - .xl\:focus-within\:bg-red-300:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--tw-bg-opacity)); + .\32xl\:bottom-44 { + bottom: 11rem; } - .xl\:focus-within\:bg-red-400:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--tw-bg-opacity)); + .\32xl\:bottom-48 { + bottom: 12rem; } - .xl\:focus-within\:bg-red-500:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--tw-bg-opacity)); + .\32xl\:bottom-52 { + bottom: 13rem; } - .xl\:focus-within\:bg-red-600:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--tw-bg-opacity)); + .\32xl\:bottom-56 { + bottom: 14rem; } - .xl\:focus-within\:bg-red-700:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--tw-bg-opacity)); + .\32xl\:bottom-60 { + bottom: 15rem; } - .xl\:focus-within\:bg-red-800:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--tw-bg-opacity)); + .\32xl\:bottom-64 { + bottom: 16rem; } - .xl\:focus-within\:bg-red-900:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--tw-bg-opacity)); + .\32xl\:bottom-72 { + bottom: 18rem; } - .xl\:focus-within\:bg-yellow-50:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--tw-bg-opacity)); + .\32xl\:bottom-80 { + bottom: 20rem; } - .xl\:focus-within\:bg-yellow-100:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--tw-bg-opacity)); + .\32xl\:bottom-96 { + bottom: 24rem; } - .xl\:focus-within\:bg-yellow-200:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--tw-bg-opacity)); + .\32xl\:bottom-auto { + bottom: auto; } - .xl\:focus-within\:bg-yellow-300:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--tw-bg-opacity)); + .\32xl\:bottom-px { + bottom: 1px; } - .xl\:focus-within\:bg-yellow-400:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--tw-bg-opacity)); + .\32xl\:bottom-0\.5 { + bottom: 0.125rem; } - .xl\:focus-within\:bg-yellow-500:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--tw-bg-opacity)); + .\32xl\:bottom-1\.5 { + bottom: 0.375rem; } - .xl\:focus-within\:bg-yellow-600:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--tw-bg-opacity)); + .\32xl\:bottom-2\.5 { + bottom: 0.625rem; } - .xl\:focus-within\:bg-yellow-700:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--tw-bg-opacity)); + .\32xl\:bottom-3\.5 { + bottom: 0.875rem; } - .xl\:focus-within\:bg-yellow-800:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--tw-bg-opacity)); + .\32xl\:-bottom-0 { + bottom: 0px; } - .xl\:focus-within\:bg-yellow-900:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--tw-bg-opacity)); + .\32xl\:-bottom-1 { + bottom: -0.25rem; } - .xl\:focus-within\:bg-green-50:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--tw-bg-opacity)); + .\32xl\:-bottom-2 { + bottom: -0.5rem; } - .xl\:focus-within\:bg-green-100:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--tw-bg-opacity)); + .\32xl\:-bottom-3 { + bottom: -0.75rem; } - .xl\:focus-within\:bg-green-200:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--tw-bg-opacity)); + .\32xl\:-bottom-4 { + bottom: -1rem; } - .xl\:focus-within\:bg-green-300:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--tw-bg-opacity)); + .\32xl\:-bottom-5 { + bottom: -1.25rem; } - .xl\:focus-within\:bg-green-400:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--tw-bg-opacity)); + .\32xl\:-bottom-6 { + bottom: -1.5rem; } - .xl\:focus-within\:bg-green-500:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--tw-bg-opacity)); + .\32xl\:-bottom-7 { + bottom: -1.75rem; } - .xl\:focus-within\:bg-green-600:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--tw-bg-opacity)); + .\32xl\:-bottom-8 { + bottom: -2rem; } - .xl\:focus-within\:bg-green-700:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--tw-bg-opacity)); + .\32xl\:-bottom-9 { + bottom: -2.25rem; } - .xl\:focus-within\:bg-green-800:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--tw-bg-opacity)); + .\32xl\:-bottom-10 { + bottom: -2.5rem; } - .xl\:focus-within\:bg-green-900:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--tw-bg-opacity)); + .\32xl\:-bottom-11 { + bottom: -2.75rem; } - .xl\:focus-within\:bg-blue-50:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--tw-bg-opacity)); + .\32xl\:-bottom-12 { + bottom: -3rem; } - .xl\:focus-within\:bg-blue-100:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--tw-bg-opacity)); + .\32xl\:-bottom-14 { + bottom: -3.5rem; } - .xl\:focus-within\:bg-blue-200:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--tw-bg-opacity)); + .\32xl\:-bottom-16 { + bottom: -4rem; } - .xl\:focus-within\:bg-blue-300:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--tw-bg-opacity)); + .\32xl\:-bottom-20 { + bottom: -5rem; } - .xl\:focus-within\:bg-blue-400:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--tw-bg-opacity)); + .\32xl\:-bottom-24 { + bottom: -6rem; } - .xl\:focus-within\:bg-blue-500:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--tw-bg-opacity)); + .\32xl\:-bottom-28 { + bottom: -7rem; } - .xl\:focus-within\:bg-blue-600:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--tw-bg-opacity)); + .\32xl\:-bottom-32 { + bottom: -8rem; } - .xl\:focus-within\:bg-blue-700:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--tw-bg-opacity)); + .\32xl\:-bottom-36 { + bottom: -9rem; } - .xl\:focus-within\:bg-blue-800:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--tw-bg-opacity)); + .\32xl\:-bottom-40 { + bottom: -10rem; } - .xl\:focus-within\:bg-blue-900:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--tw-bg-opacity)); + .\32xl\:-bottom-44 { + bottom: -11rem; } - .xl\:focus-within\:bg-indigo-50:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(238, 242, 255, var(--tw-bg-opacity)); + .\32xl\:-bottom-48 { + bottom: -12rem; } - .xl\:focus-within\:bg-indigo-100:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(224, 231, 255, var(--tw-bg-opacity)); + .\32xl\:-bottom-52 { + bottom: -13rem; } - .xl\:focus-within\:bg-indigo-200:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(199, 210, 254, var(--tw-bg-opacity)); + .\32xl\:-bottom-56 { + bottom: -14rem; } - .xl\:focus-within\:bg-indigo-300:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(165, 180, 252, var(--tw-bg-opacity)); + .\32xl\:-bottom-60 { + bottom: -15rem; } - .xl\:focus-within\:bg-indigo-400:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(129, 140, 248, var(--tw-bg-opacity)); + .\32xl\:-bottom-64 { + bottom: -16rem; } - .xl\:focus-within\:bg-indigo-500:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(99, 102, 241, var(--tw-bg-opacity)); + .\32xl\:-bottom-72 { + bottom: -18rem; } - .xl\:focus-within\:bg-indigo-600:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(79, 70, 229, var(--tw-bg-opacity)); + .\32xl\:-bottom-80 { + bottom: -20rem; } - .xl\:focus-within\:bg-indigo-700:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(67, 56, 202, var(--tw-bg-opacity)); + .\32xl\:-bottom-96 { + bottom: -24rem; } - .xl\:focus-within\:bg-indigo-800:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(55, 48, 163, var(--tw-bg-opacity)); + .\32xl\:-bottom-px { + bottom: -1px; } - .xl\:focus-within\:bg-indigo-900:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(49, 46, 129, var(--tw-bg-opacity)); + .\32xl\:-bottom-0\.5 { + bottom: -0.125rem; } - .xl\:focus-within\:bg-purple-50:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--tw-bg-opacity)); + .\32xl\:-bottom-1\.5 { + bottom: -0.375rem; } - .xl\:focus-within\:bg-purple-100:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--tw-bg-opacity)); + .\32xl\:-bottom-2\.5 { + bottom: -0.625rem; } - .xl\:focus-within\:bg-purple-200:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--tw-bg-opacity)); + .\32xl\:-bottom-3\.5 { + bottom: -0.875rem; } - .xl\:focus-within\:bg-purple-300:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--tw-bg-opacity)); + .\32xl\:bottom-1\/2 { + bottom: 50%; } - .xl\:focus-within\:bg-purple-400:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--tw-bg-opacity)); + .\32xl\:bottom-1\/3 { + bottom: 33.333333%; } - .xl\:focus-within\:bg-purple-500:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--tw-bg-opacity)); + .\32xl\:bottom-2\/3 { + bottom: 66.666667%; } - .xl\:focus-within\:bg-purple-600:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--tw-bg-opacity)); + .\32xl\:bottom-1\/4 { + bottom: 25%; } - .xl\:focus-within\:bg-purple-700:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--tw-bg-opacity)); + .\32xl\:bottom-2\/4 { + bottom: 50%; } - .xl\:focus-within\:bg-purple-800:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--tw-bg-opacity)); + .\32xl\:bottom-3\/4 { + bottom: 75%; } - .xl\:focus-within\:bg-purple-900:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--tw-bg-opacity)); + .\32xl\:bottom-full { + bottom: 100%; } - .xl\:focus-within\:bg-pink-50:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--tw-bg-opacity)); + .\32xl\:-bottom-1\/2 { + bottom: -50%; } - .xl\:focus-within\:bg-pink-100:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--tw-bg-opacity)); + .\32xl\:-bottom-1\/3 { + bottom: -33.333333%; } - .xl\:focus-within\:bg-pink-200:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--tw-bg-opacity)); + .\32xl\:-bottom-2\/3 { + bottom: -66.666667%; } - .xl\:focus-within\:bg-pink-300:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--tw-bg-opacity)); + .\32xl\:-bottom-1\/4 { + bottom: -25%; } - .xl\:focus-within\:bg-pink-400:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--tw-bg-opacity)); + .\32xl\:-bottom-2\/4 { + bottom: -50%; } - .xl\:focus-within\:bg-pink-500:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--tw-bg-opacity)); + .\32xl\:-bottom-3\/4 { + bottom: -75%; } - .xl\:focus-within\:bg-pink-600:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--tw-bg-opacity)); + .\32xl\:-bottom-full { + bottom: -100%; } - .xl\:focus-within\:bg-pink-700:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--tw-bg-opacity)); + .\32xl\:left-0 { + left: 0px; } - .xl\:focus-within\:bg-pink-800:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--tw-bg-opacity)); + .\32xl\:left-1 { + left: 0.25rem; } - .xl\:focus-within\:bg-pink-900:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--tw-bg-opacity)); + .\32xl\:left-2 { + left: 0.5rem; } - .xl\:hover\:bg-transparent:hover { - background-color: transparent; + .\32xl\:left-3 { + left: 0.75rem; } - .xl\:hover\:bg-current:hover { - background-color: currentColor; + .\32xl\:left-4 { + left: 1rem; } - .xl\:hover\:bg-black:hover { - --tw-bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--tw-bg-opacity)); + .\32xl\:left-5 { + left: 1.25rem; } - .xl\:hover\:bg-white:hover { - --tw-bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); + .\32xl\:left-6 { + left: 1.5rem; } - .xl\:hover\:bg-gray-50:hover { - --tw-bg-opacity: 1; - background-color: rgba(249, 250, 251, var(--tw-bg-opacity)); + .\32xl\:left-7 { + left: 1.75rem; } - .xl\:hover\:bg-gray-100:hover { - --tw-bg-opacity: 1; - background-color: rgba(243, 244, 246, var(--tw-bg-opacity)); + .\32xl\:left-8 { + left: 2rem; } - .xl\:hover\:bg-gray-200:hover { - --tw-bg-opacity: 1; - background-color: rgba(229, 231, 235, var(--tw-bg-opacity)); + .\32xl\:left-9 { + left: 2.25rem; } - .xl\:hover\:bg-gray-300:hover { - --tw-bg-opacity: 1; - background-color: rgba(209, 213, 219, var(--tw-bg-opacity)); + .\32xl\:left-10 { + left: 2.5rem; } - .xl\:hover\:bg-gray-400:hover { - --tw-bg-opacity: 1; - background-color: rgba(156, 163, 175, var(--tw-bg-opacity)); + .\32xl\:left-11 { + left: 2.75rem; } - .xl\:hover\:bg-gray-500:hover { - --tw-bg-opacity: 1; - background-color: rgba(107, 114, 128, var(--tw-bg-opacity)); + .\32xl\:left-12 { + left: 3rem; } - .xl\:hover\:bg-gray-600:hover { - --tw-bg-opacity: 1; - background-color: rgba(75, 85, 99, var(--tw-bg-opacity)); + .\32xl\:left-14 { + left: 3.5rem; } - .xl\:hover\:bg-gray-700:hover { - --tw-bg-opacity: 1; - background-color: rgba(55, 65, 81, var(--tw-bg-opacity)); + .\32xl\:left-16 { + left: 4rem; } - .xl\:hover\:bg-gray-800:hover { - --tw-bg-opacity: 1; - background-color: rgba(31, 41, 55, var(--tw-bg-opacity)); + .\32xl\:left-20 { + left: 5rem; } - .xl\:hover\:bg-gray-900:hover { - --tw-bg-opacity: 1; - background-color: rgba(17, 24, 39, var(--tw-bg-opacity)); + .\32xl\:left-24 { + left: 6rem; } - .xl\:hover\:bg-red-50:hover { - --tw-bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--tw-bg-opacity)); + .\32xl\:left-28 { + left: 7rem; } - .xl\:hover\:bg-red-100:hover { - --tw-bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--tw-bg-opacity)); + .\32xl\:left-32 { + left: 8rem; } - .xl\:hover\:bg-red-200:hover { - --tw-bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--tw-bg-opacity)); + .\32xl\:left-36 { + left: 9rem; } - .xl\:hover\:bg-red-300:hover { - --tw-bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--tw-bg-opacity)); + .\32xl\:left-40 { + left: 10rem; } - .xl\:hover\:bg-red-400:hover { - --tw-bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--tw-bg-opacity)); + .\32xl\:left-44 { + left: 11rem; } - .xl\:hover\:bg-red-500:hover { - --tw-bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--tw-bg-opacity)); + .\32xl\:left-48 { + left: 12rem; } - .xl\:hover\:bg-red-600:hover { - --tw-bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--tw-bg-opacity)); + .\32xl\:left-52 { + left: 13rem; } - .xl\:hover\:bg-red-700:hover { - --tw-bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--tw-bg-opacity)); + .\32xl\:left-56 { + left: 14rem; } - .xl\:hover\:bg-red-800:hover { - --tw-bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--tw-bg-opacity)); + .\32xl\:left-60 { + left: 15rem; } - .xl\:hover\:bg-red-900:hover { - --tw-bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--tw-bg-opacity)); + .\32xl\:left-64 { + left: 16rem; } - .xl\:hover\:bg-yellow-50:hover { - --tw-bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--tw-bg-opacity)); + .\32xl\:left-72 { + left: 18rem; } - .xl\:hover\:bg-yellow-100:hover { - --tw-bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--tw-bg-opacity)); + .\32xl\:left-80 { + left: 20rem; } - .xl\:hover\:bg-yellow-200:hover { - --tw-bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--tw-bg-opacity)); + .\32xl\:left-96 { + left: 24rem; } - .xl\:hover\:bg-yellow-300:hover { - --tw-bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--tw-bg-opacity)); + .\32xl\:left-auto { + left: auto; } - .xl\:hover\:bg-yellow-400:hover { - --tw-bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--tw-bg-opacity)); + .\32xl\:left-px { + left: 1px; } - .xl\:hover\:bg-yellow-500:hover { - --tw-bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--tw-bg-opacity)); + .\32xl\:left-0\.5 { + left: 0.125rem; } - .xl\:hover\:bg-yellow-600:hover { - --tw-bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--tw-bg-opacity)); + .\32xl\:left-1\.5 { + left: 0.375rem; } - .xl\:hover\:bg-yellow-700:hover { - --tw-bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--tw-bg-opacity)); + .\32xl\:left-2\.5 { + left: 0.625rem; } - .xl\:hover\:bg-yellow-800:hover { - --tw-bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--tw-bg-opacity)); + .\32xl\:left-3\.5 { + left: 0.875rem; } - .xl\:hover\:bg-yellow-900:hover { - --tw-bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--tw-bg-opacity)); + .\32xl\:-left-0 { + left: 0px; } - .xl\:hover\:bg-green-50:hover { - --tw-bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--tw-bg-opacity)); + .\32xl\:-left-1 { + left: -0.25rem; } - .xl\:hover\:bg-green-100:hover { - --tw-bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--tw-bg-opacity)); + .\32xl\:-left-2 { + left: -0.5rem; } - .xl\:hover\:bg-green-200:hover { - --tw-bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--tw-bg-opacity)); + .\32xl\:-left-3 { + left: -0.75rem; } - .xl\:hover\:bg-green-300:hover { - --tw-bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--tw-bg-opacity)); + .\32xl\:-left-4 { + left: -1rem; } - .xl\:hover\:bg-green-400:hover { - --tw-bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--tw-bg-opacity)); + .\32xl\:-left-5 { + left: -1.25rem; } - .xl\:hover\:bg-green-500:hover { - --tw-bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--tw-bg-opacity)); + .\32xl\:-left-6 { + left: -1.5rem; } - .xl\:hover\:bg-green-600:hover { - --tw-bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--tw-bg-opacity)); + .\32xl\:-left-7 { + left: -1.75rem; } - .xl\:hover\:bg-green-700:hover { - --tw-bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--tw-bg-opacity)); + .\32xl\:-left-8 { + left: -2rem; } - .xl\:hover\:bg-green-800:hover { - --tw-bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--tw-bg-opacity)); + .\32xl\:-left-9 { + left: -2.25rem; } - .xl\:hover\:bg-green-900:hover { - --tw-bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--tw-bg-opacity)); + .\32xl\:-left-10 { + left: -2.5rem; } - .xl\:hover\:bg-blue-50:hover { - --tw-bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--tw-bg-opacity)); + .\32xl\:-left-11 { + left: -2.75rem; } - .xl\:hover\:bg-blue-100:hover { - --tw-bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--tw-bg-opacity)); + .\32xl\:-left-12 { + left: -3rem; } - .xl\:hover\:bg-blue-200:hover { - --tw-bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--tw-bg-opacity)); + .\32xl\:-left-14 { + left: -3.5rem; } - .xl\:hover\:bg-blue-300:hover { - --tw-bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--tw-bg-opacity)); + .\32xl\:-left-16 { + left: -4rem; } - .xl\:hover\:bg-blue-400:hover { - --tw-bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--tw-bg-opacity)); + .\32xl\:-left-20 { + left: -5rem; } - .xl\:hover\:bg-blue-500:hover { - --tw-bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--tw-bg-opacity)); + .\32xl\:-left-24 { + left: -6rem; } - .xl\:hover\:bg-blue-600:hover { - --tw-bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--tw-bg-opacity)); + .\32xl\:-left-28 { + left: -7rem; } - .xl\:hover\:bg-blue-700:hover { - --tw-bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--tw-bg-opacity)); + .\32xl\:-left-32 { + left: -8rem; } - .xl\:hover\:bg-blue-800:hover { - --tw-bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--tw-bg-opacity)); + .\32xl\:-left-36 { + left: -9rem; } - .xl\:hover\:bg-blue-900:hover { - --tw-bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--tw-bg-opacity)); + .\32xl\:-left-40 { + left: -10rem; } - .xl\:hover\:bg-indigo-50:hover { - --tw-bg-opacity: 1; - background-color: rgba(238, 242, 255, var(--tw-bg-opacity)); + .\32xl\:-left-44 { + left: -11rem; } - .xl\:hover\:bg-indigo-100:hover { - --tw-bg-opacity: 1; - background-color: rgba(224, 231, 255, var(--tw-bg-opacity)); + .\32xl\:-left-48 { + left: -12rem; } - .xl\:hover\:bg-indigo-200:hover { - --tw-bg-opacity: 1; - background-color: rgba(199, 210, 254, var(--tw-bg-opacity)); + .\32xl\:-left-52 { + left: -13rem; } - .xl\:hover\:bg-indigo-300:hover { - --tw-bg-opacity: 1; - background-color: rgba(165, 180, 252, var(--tw-bg-opacity)); + .\32xl\:-left-56 { + left: -14rem; } - .xl\:hover\:bg-indigo-400:hover { - --tw-bg-opacity: 1; - background-color: rgba(129, 140, 248, var(--tw-bg-opacity)); + .\32xl\:-left-60 { + left: -15rem; } - .xl\:hover\:bg-indigo-500:hover { - --tw-bg-opacity: 1; - background-color: rgba(99, 102, 241, var(--tw-bg-opacity)); + .\32xl\:-left-64 { + left: -16rem; } - .xl\:hover\:bg-indigo-600:hover { - --tw-bg-opacity: 1; - background-color: rgba(79, 70, 229, var(--tw-bg-opacity)); + .\32xl\:-left-72 { + left: -18rem; } - .xl\:hover\:bg-indigo-700:hover { - --tw-bg-opacity: 1; - background-color: rgba(67, 56, 202, var(--tw-bg-opacity)); + .\32xl\:-left-80 { + left: -20rem; } - .xl\:hover\:bg-indigo-800:hover { - --tw-bg-opacity: 1; - background-color: rgba(55, 48, 163, var(--tw-bg-opacity)); + .\32xl\:-left-96 { + left: -24rem; } - .xl\:hover\:bg-indigo-900:hover { - --tw-bg-opacity: 1; - background-color: rgba(49, 46, 129, var(--tw-bg-opacity)); + .\32xl\:-left-px { + left: -1px; } - .xl\:hover\:bg-purple-50:hover { - --tw-bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--tw-bg-opacity)); + .\32xl\:-left-0\.5 { + left: -0.125rem; } - .xl\:hover\:bg-purple-100:hover { - --tw-bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--tw-bg-opacity)); + .\32xl\:-left-1\.5 { + left: -0.375rem; } - .xl\:hover\:bg-purple-200:hover { - --tw-bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--tw-bg-opacity)); + .\32xl\:-left-2\.5 { + left: -0.625rem; } - .xl\:hover\:bg-purple-300:hover { - --tw-bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--tw-bg-opacity)); + .\32xl\:-left-3\.5 { + left: -0.875rem; } - .xl\:hover\:bg-purple-400:hover { - --tw-bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--tw-bg-opacity)); + .\32xl\:left-1\/2 { + left: 50%; } - .xl\:hover\:bg-purple-500:hover { - --tw-bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--tw-bg-opacity)); + .\32xl\:left-1\/3 { + left: 33.333333%; } - .xl\:hover\:bg-purple-600:hover { - --tw-bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--tw-bg-opacity)); + .\32xl\:left-2\/3 { + left: 66.666667%; } - .xl\:hover\:bg-purple-700:hover { - --tw-bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--tw-bg-opacity)); + .\32xl\:left-1\/4 { + left: 25%; } - .xl\:hover\:bg-purple-800:hover { - --tw-bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--tw-bg-opacity)); + .\32xl\:left-2\/4 { + left: 50%; } - .xl\:hover\:bg-purple-900:hover { - --tw-bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--tw-bg-opacity)); + .\32xl\:left-3\/4 { + left: 75%; } - .xl\:hover\:bg-pink-50:hover { - --tw-bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--tw-bg-opacity)); + .\32xl\:left-full { + left: 100%; } - .xl\:hover\:bg-pink-100:hover { - --tw-bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--tw-bg-opacity)); + .\32xl\:-left-1\/2 { + left: -50%; } - .xl\:hover\:bg-pink-200:hover { - --tw-bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--tw-bg-opacity)); + .\32xl\:-left-1\/3 { + left: -33.333333%; } - .xl\:hover\:bg-pink-300:hover { - --tw-bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--tw-bg-opacity)); + .\32xl\:-left-2\/3 { + left: -66.666667%; } - .xl\:hover\:bg-pink-400:hover { - --tw-bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--tw-bg-opacity)); + .\32xl\:-left-1\/4 { + left: -25%; } - .xl\:hover\:bg-pink-500:hover { - --tw-bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--tw-bg-opacity)); + .\32xl\:-left-2\/4 { + left: -50%; } - .xl\:hover\:bg-pink-600:hover { - --tw-bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--tw-bg-opacity)); + .\32xl\:-left-3\/4 { + left: -75%; } - .xl\:hover\:bg-pink-700:hover { - --tw-bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--tw-bg-opacity)); + .\32xl\:-left-full { + left: -100%; } - .xl\:hover\:bg-pink-800:hover { - --tw-bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--tw-bg-opacity)); + .\32xl\:isolate { + isolation: isolate; } - .xl\:hover\:bg-pink-900:hover { - --tw-bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--tw-bg-opacity)); + .\32xl\:isolation-auto { + isolation: auto; } - .xl\:focus\:bg-transparent:focus { - background-color: transparent; + .\32xl\:z-0 { + z-index: 0; } - .xl\:focus\:bg-current:focus { - background-color: currentColor; + .\32xl\:z-10 { + z-index: 10; } - .xl\:focus\:bg-black:focus { - --tw-bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--tw-bg-opacity)); + .\32xl\:z-20 { + z-index: 20; } - .xl\:focus\:bg-white:focus { - --tw-bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); + .\32xl\:z-30 { + z-index: 30; } - .xl\:focus\:bg-gray-50:focus { - --tw-bg-opacity: 1; - background-color: rgba(249, 250, 251, var(--tw-bg-opacity)); + .\32xl\:z-40 { + z-index: 40; } - .xl\:focus\:bg-gray-100:focus { - --tw-bg-opacity: 1; - background-color: rgba(243, 244, 246, var(--tw-bg-opacity)); + .\32xl\:z-50 { + z-index: 50; } - .xl\:focus\:bg-gray-200:focus { - --tw-bg-opacity: 1; - background-color: rgba(229, 231, 235, var(--tw-bg-opacity)); + .\32xl\:z-auto { + z-index: auto; } - .xl\:focus\:bg-gray-300:focus { - --tw-bg-opacity: 1; - background-color: rgba(209, 213, 219, var(--tw-bg-opacity)); + .\32xl\:focus-within\:z-0:focus-within { + z-index: 0; } - .xl\:focus\:bg-gray-400:focus { - --tw-bg-opacity: 1; - background-color: rgba(156, 163, 175, var(--tw-bg-opacity)); + .\32xl\:focus-within\:z-10:focus-within { + z-index: 10; } - .xl\:focus\:bg-gray-500:focus { - --tw-bg-opacity: 1; - background-color: rgba(107, 114, 128, var(--tw-bg-opacity)); + .\32xl\:focus-within\:z-20:focus-within { + z-index: 20; } - .xl\:focus\:bg-gray-600:focus { - --tw-bg-opacity: 1; - background-color: rgba(75, 85, 99, var(--tw-bg-opacity)); + .\32xl\:focus-within\:z-30:focus-within { + z-index: 30; } - .xl\:focus\:bg-gray-700:focus { - --tw-bg-opacity: 1; - background-color: rgba(55, 65, 81, var(--tw-bg-opacity)); + .\32xl\:focus-within\:z-40:focus-within { + z-index: 40; } - .xl\:focus\:bg-gray-800:focus { - --tw-bg-opacity: 1; - background-color: rgba(31, 41, 55, var(--tw-bg-opacity)); + .\32xl\:focus-within\:z-50:focus-within { + z-index: 50; } - .xl\:focus\:bg-gray-900:focus { - --tw-bg-opacity: 1; - background-color: rgba(17, 24, 39, var(--tw-bg-opacity)); + .\32xl\:focus-within\:z-auto:focus-within { + z-index: auto; } - .xl\:focus\:bg-red-50:focus { - --tw-bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--tw-bg-opacity)); + .\32xl\:focus\:z-0:focus { + z-index: 0; } - .xl\:focus\:bg-red-100:focus { - --tw-bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--tw-bg-opacity)); + .\32xl\:focus\:z-10:focus { + z-index: 10; } - .xl\:focus\:bg-red-200:focus { - --tw-bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--tw-bg-opacity)); + .\32xl\:focus\:z-20:focus { + z-index: 20; } - .xl\:focus\:bg-red-300:focus { - --tw-bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--tw-bg-opacity)); + .\32xl\:focus\:z-30:focus { + z-index: 30; } - .xl\:focus\:bg-red-400:focus { - --tw-bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--tw-bg-opacity)); + .\32xl\:focus\:z-40:focus { + z-index: 40; } - .xl\:focus\:bg-red-500:focus { - --tw-bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--tw-bg-opacity)); + .\32xl\:focus\:z-50:focus { + z-index: 50; } - .xl\:focus\:bg-red-600:focus { - --tw-bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--tw-bg-opacity)); + .\32xl\:focus\:z-auto:focus { + z-index: auto; } - .xl\:focus\:bg-red-700:focus { - --tw-bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--tw-bg-opacity)); + .\32xl\:order-1 { + order: 1; } - .xl\:focus\:bg-red-800:focus { - --tw-bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--tw-bg-opacity)); + .\32xl\:order-2 { + order: 2; } - .xl\:focus\:bg-red-900:focus { - --tw-bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--tw-bg-opacity)); + .\32xl\:order-3 { + order: 3; } - .xl\:focus\:bg-yellow-50:focus { - --tw-bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--tw-bg-opacity)); + .\32xl\:order-4 { + order: 4; } - .xl\:focus\:bg-yellow-100:focus { - --tw-bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--tw-bg-opacity)); + .\32xl\:order-5 { + order: 5; } - .xl\:focus\:bg-yellow-200:focus { - --tw-bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--tw-bg-opacity)); + .\32xl\:order-6 { + order: 6; } - .xl\:focus\:bg-yellow-300:focus { - --tw-bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--tw-bg-opacity)); + .\32xl\:order-7 { + order: 7; } - .xl\:focus\:bg-yellow-400:focus { - --tw-bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--tw-bg-opacity)); + .\32xl\:order-8 { + order: 8; } - .xl\:focus\:bg-yellow-500:focus { - --tw-bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--tw-bg-opacity)); + .\32xl\:order-9 { + order: 9; } - .xl\:focus\:bg-yellow-600:focus { - --tw-bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--tw-bg-opacity)); + .\32xl\:order-10 { + order: 10; } - .xl\:focus\:bg-yellow-700:focus { - --tw-bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--tw-bg-opacity)); + .\32xl\:order-11 { + order: 11; } - .xl\:focus\:bg-yellow-800:focus { - --tw-bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--tw-bg-opacity)); + .\32xl\:order-12 { + order: 12; } - .xl\:focus\:bg-yellow-900:focus { - --tw-bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--tw-bg-opacity)); + .\32xl\:order-first { + order: -9999; } - .xl\:focus\:bg-green-50:focus { - --tw-bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--tw-bg-opacity)); + .\32xl\:order-last { + order: 9999; } - .xl\:focus\:bg-green-100:focus { - --tw-bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--tw-bg-opacity)); + .\32xl\:order-none { + order: 0; } - .xl\:focus\:bg-green-200:focus { - --tw-bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--tw-bg-opacity)); + .\32xl\:col-auto { + grid-column: auto; } - .xl\:focus\:bg-green-300:focus { - --tw-bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--tw-bg-opacity)); + .\32xl\:col-span-1 { + grid-column: span 1 / span 1; } - .xl\:focus\:bg-green-400:focus { - --tw-bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--tw-bg-opacity)); + .\32xl\:col-span-2 { + grid-column: span 2 / span 2; } - .xl\:focus\:bg-green-500:focus { - --tw-bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--tw-bg-opacity)); + .\32xl\:col-span-3 { + grid-column: span 3 / span 3; } - .xl\:focus\:bg-green-600:focus { - --tw-bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--tw-bg-opacity)); + .\32xl\:col-span-4 { + grid-column: span 4 / span 4; } - .xl\:focus\:bg-green-700:focus { - --tw-bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--tw-bg-opacity)); + .\32xl\:col-span-5 { + grid-column: span 5 / span 5; } - .xl\:focus\:bg-green-800:focus { - --tw-bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--tw-bg-opacity)); + .\32xl\:col-span-6 { + grid-column: span 6 / span 6; } - .xl\:focus\:bg-green-900:focus { - --tw-bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--tw-bg-opacity)); + .\32xl\:col-span-7 { + grid-column: span 7 / span 7; } - .xl\:focus\:bg-blue-50:focus { - --tw-bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--tw-bg-opacity)); + .\32xl\:col-span-8 { + grid-column: span 8 / span 8; } - .xl\:focus\:bg-blue-100:focus { - --tw-bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--tw-bg-opacity)); + .\32xl\:col-span-9 { + grid-column: span 9 / span 9; } - .xl\:focus\:bg-blue-200:focus { - --tw-bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--tw-bg-opacity)); + .\32xl\:col-span-10 { + grid-column: span 10 / span 10; } - .xl\:focus\:bg-blue-300:focus { - --tw-bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--tw-bg-opacity)); + .\32xl\:col-span-11 { + grid-column: span 11 / span 11; } - .xl\:focus\:bg-blue-400:focus { - --tw-bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--tw-bg-opacity)); + .\32xl\:col-span-12 { + grid-column: span 12 / span 12; } - .xl\:focus\:bg-blue-500:focus { - --tw-bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--tw-bg-opacity)); + .\32xl\:col-span-full { + grid-column: 1 / -1; } - .xl\:focus\:bg-blue-600:focus { - --tw-bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--tw-bg-opacity)); + .\32xl\:col-start-1 { + grid-column-start: 1; } - .xl\:focus\:bg-blue-700:focus { - --tw-bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--tw-bg-opacity)); + .\32xl\:col-start-2 { + grid-column-start: 2; } - .xl\:focus\:bg-blue-800:focus { - --tw-bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--tw-bg-opacity)); + .\32xl\:col-start-3 { + grid-column-start: 3; } - .xl\:focus\:bg-blue-900:focus { - --tw-bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--tw-bg-opacity)); + .\32xl\:col-start-4 { + grid-column-start: 4; } - .xl\:focus\:bg-indigo-50:focus { - --tw-bg-opacity: 1; - background-color: rgba(238, 242, 255, var(--tw-bg-opacity)); + .\32xl\:col-start-5 { + grid-column-start: 5; } - .xl\:focus\:bg-indigo-100:focus { - --tw-bg-opacity: 1; - background-color: rgba(224, 231, 255, var(--tw-bg-opacity)); + .\32xl\:col-start-6 { + grid-column-start: 6; } - .xl\:focus\:bg-indigo-200:focus { - --tw-bg-opacity: 1; - background-color: rgba(199, 210, 254, var(--tw-bg-opacity)); + .\32xl\:col-start-7 { + grid-column-start: 7; } - .xl\:focus\:bg-indigo-300:focus { - --tw-bg-opacity: 1; - background-color: rgba(165, 180, 252, var(--tw-bg-opacity)); + .\32xl\:col-start-8 { + grid-column-start: 8; } - .xl\:focus\:bg-indigo-400:focus { - --tw-bg-opacity: 1; - background-color: rgba(129, 140, 248, var(--tw-bg-opacity)); + .\32xl\:col-start-9 { + grid-column-start: 9; } - .xl\:focus\:bg-indigo-500:focus { - --tw-bg-opacity: 1; - background-color: rgba(99, 102, 241, var(--tw-bg-opacity)); + .\32xl\:col-start-10 { + grid-column-start: 10; } - .xl\:focus\:bg-indigo-600:focus { - --tw-bg-opacity: 1; - background-color: rgba(79, 70, 229, var(--tw-bg-opacity)); + .\32xl\:col-start-11 { + grid-column-start: 11; } - .xl\:focus\:bg-indigo-700:focus { - --tw-bg-opacity: 1; - background-color: rgba(67, 56, 202, var(--tw-bg-opacity)); + .\32xl\:col-start-12 { + grid-column-start: 12; } - .xl\:focus\:bg-indigo-800:focus { - --tw-bg-opacity: 1; - background-color: rgba(55, 48, 163, var(--tw-bg-opacity)); + .\32xl\:col-start-13 { + grid-column-start: 13; } - .xl\:focus\:bg-indigo-900:focus { - --tw-bg-opacity: 1; - background-color: rgba(49, 46, 129, var(--tw-bg-opacity)); + .\32xl\:col-start-auto { + grid-column-start: auto; } - .xl\:focus\:bg-purple-50:focus { - --tw-bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--tw-bg-opacity)); + .\32xl\:col-end-1 { + grid-column-end: 1; } - .xl\:focus\:bg-purple-100:focus { - --tw-bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--tw-bg-opacity)); + .\32xl\:col-end-2 { + grid-column-end: 2; } - .xl\:focus\:bg-purple-200:focus { - --tw-bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--tw-bg-opacity)); + .\32xl\:col-end-3 { + grid-column-end: 3; } - .xl\:focus\:bg-purple-300:focus { - --tw-bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--tw-bg-opacity)); + .\32xl\:col-end-4 { + grid-column-end: 4; } - .xl\:focus\:bg-purple-400:focus { - --tw-bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--tw-bg-opacity)); + .\32xl\:col-end-5 { + grid-column-end: 5; } - .xl\:focus\:bg-purple-500:focus { - --tw-bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--tw-bg-opacity)); + .\32xl\:col-end-6 { + grid-column-end: 6; } - .xl\:focus\:bg-purple-600:focus { - --tw-bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--tw-bg-opacity)); + .\32xl\:col-end-7 { + grid-column-end: 7; } - .xl\:focus\:bg-purple-700:focus { - --tw-bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--tw-bg-opacity)); + .\32xl\:col-end-8 { + grid-column-end: 8; } - .xl\:focus\:bg-purple-800:focus { - --tw-bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--tw-bg-opacity)); + .\32xl\:col-end-9 { + grid-column-end: 9; } - .xl\:focus\:bg-purple-900:focus { - --tw-bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--tw-bg-opacity)); + .\32xl\:col-end-10 { + grid-column-end: 10; } - .xl\:focus\:bg-pink-50:focus { - --tw-bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--tw-bg-opacity)); + .\32xl\:col-end-11 { + grid-column-end: 11; } - .xl\:focus\:bg-pink-100:focus { - --tw-bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--tw-bg-opacity)); + .\32xl\:col-end-12 { + grid-column-end: 12; } - .xl\:focus\:bg-pink-200:focus { - --tw-bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--tw-bg-opacity)); + .\32xl\:col-end-13 { + grid-column-end: 13; } - .xl\:focus\:bg-pink-300:focus { - --tw-bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--tw-bg-opacity)); + .\32xl\:col-end-auto { + grid-column-end: auto; } - .xl\:focus\:bg-pink-400:focus { - --tw-bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--tw-bg-opacity)); + .\32xl\:row-auto { + grid-row: auto; } - .xl\:focus\:bg-pink-500:focus { - --tw-bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--tw-bg-opacity)); + .\32xl\:row-span-1 { + grid-row: span 1 / span 1; } - .xl\:focus\:bg-pink-600:focus { - --tw-bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--tw-bg-opacity)); + .\32xl\:row-span-2 { + grid-row: span 2 / span 2; } - .xl\:focus\:bg-pink-700:focus { - --tw-bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--tw-bg-opacity)); + .\32xl\:row-span-3 { + grid-row: span 3 / span 3; } - .xl\:focus\:bg-pink-800:focus { - --tw-bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--tw-bg-opacity)); + .\32xl\:row-span-4 { + grid-row: span 4 / span 4; } - .xl\:focus\:bg-pink-900:focus { - --tw-bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--tw-bg-opacity)); + .\32xl\:row-span-5 { + grid-row: span 5 / span 5; } - .xl\:bg-opacity-0 { - --tw-bg-opacity: 0; + .\32xl\:row-span-6 { + grid-row: span 6 / span 6; } - .xl\:bg-opacity-5 { - --tw-bg-opacity: 0.05; + .\32xl\:row-span-full { + grid-row: 1 / -1; } - .xl\:bg-opacity-10 { - --tw-bg-opacity: 0.1; + .\32xl\:row-start-1 { + grid-row-start: 1; } - .xl\:bg-opacity-20 { - --tw-bg-opacity: 0.2; + .\32xl\:row-start-2 { + grid-row-start: 2; } - .xl\:bg-opacity-25 { - --tw-bg-opacity: 0.25; + .\32xl\:row-start-3 { + grid-row-start: 3; } - .xl\:bg-opacity-30 { - --tw-bg-opacity: 0.3; + .\32xl\:row-start-4 { + grid-row-start: 4; } - .xl\:bg-opacity-40 { - --tw-bg-opacity: 0.4; + .\32xl\:row-start-5 { + grid-row-start: 5; } - .xl\:bg-opacity-50 { - --tw-bg-opacity: 0.5; + .\32xl\:row-start-6 { + grid-row-start: 6; } - .xl\:bg-opacity-60 { - --tw-bg-opacity: 0.6; + .\32xl\:row-start-7 { + grid-row-start: 7; } - .xl\:bg-opacity-70 { - --tw-bg-opacity: 0.7; + .\32xl\:row-start-auto { + grid-row-start: auto; } - .xl\:bg-opacity-75 { - --tw-bg-opacity: 0.75; + .\32xl\:row-end-1 { + grid-row-end: 1; } - .xl\:bg-opacity-80 { - --tw-bg-opacity: 0.8; + .\32xl\:row-end-2 { + grid-row-end: 2; } - .xl\:bg-opacity-90 { - --tw-bg-opacity: 0.9; + .\32xl\:row-end-3 { + grid-row-end: 3; } - .xl\:bg-opacity-95 { - --tw-bg-opacity: 0.95; + .\32xl\:row-end-4 { + grid-row-end: 4; } - .xl\:bg-opacity-100 { - --tw-bg-opacity: 1; + .\32xl\:row-end-5 { + grid-row-end: 5; } - .group:hover .xl\:group-hover\:bg-opacity-0 { - --tw-bg-opacity: 0; + .\32xl\:row-end-6 { + grid-row-end: 6; } - .group:hover .xl\:group-hover\:bg-opacity-5 { - --tw-bg-opacity: 0.05; + .\32xl\:row-end-7 { + grid-row-end: 7; } - .group:hover .xl\:group-hover\:bg-opacity-10 { - --tw-bg-opacity: 0.1; + .\32xl\:row-end-auto { + grid-row-end: auto; } - .group:hover .xl\:group-hover\:bg-opacity-20 { - --tw-bg-opacity: 0.2; + .\32xl\:float-right { + float: right; } - .group:hover .xl\:group-hover\:bg-opacity-25 { - --tw-bg-opacity: 0.25; + .\32xl\:float-left { + float: left; } - .group:hover .xl\:group-hover\:bg-opacity-30 { - --tw-bg-opacity: 0.3; + .\32xl\:float-none { + float: none; } - .group:hover .xl\:group-hover\:bg-opacity-40 { - --tw-bg-opacity: 0.4; + .\32xl\:clear-left { + clear: left; } - .group:hover .xl\:group-hover\:bg-opacity-50 { - --tw-bg-opacity: 0.5; + .\32xl\:clear-right { + clear: right; } - .group:hover .xl\:group-hover\:bg-opacity-60 { - --tw-bg-opacity: 0.6; + .\32xl\:clear-both { + clear: both; } - .group:hover .xl\:group-hover\:bg-opacity-70 { - --tw-bg-opacity: 0.7; + .\32xl\:clear-none { + clear: none; } - .group:hover .xl\:group-hover\:bg-opacity-75 { - --tw-bg-opacity: 0.75; + .\32xl\:m-0 { + margin: 0px; } - .group:hover .xl\:group-hover\:bg-opacity-80 { - --tw-bg-opacity: 0.8; + .\32xl\:m-1 { + margin: 0.25rem; } - .group:hover .xl\:group-hover\:bg-opacity-90 { - --tw-bg-opacity: 0.9; + .\32xl\:m-2 { + margin: 0.5rem; } - .group:hover .xl\:group-hover\:bg-opacity-95 { - --tw-bg-opacity: 0.95; + .\32xl\:m-3 { + margin: 0.75rem; } - .group:hover .xl\:group-hover\:bg-opacity-100 { - --tw-bg-opacity: 1; + .\32xl\:m-4 { + margin: 1rem; } - .xl\:focus-within\:bg-opacity-0:focus-within { - --tw-bg-opacity: 0; + .\32xl\:m-5 { + margin: 1.25rem; } - .xl\:focus-within\:bg-opacity-5:focus-within { - --tw-bg-opacity: 0.05; + .\32xl\:m-6 { + margin: 1.5rem; } - .xl\:focus-within\:bg-opacity-10:focus-within { - --tw-bg-opacity: 0.1; + .\32xl\:m-7 { + margin: 1.75rem; } - .xl\:focus-within\:bg-opacity-20:focus-within { - --tw-bg-opacity: 0.2; + .\32xl\:m-8 { + margin: 2rem; } - .xl\:focus-within\:bg-opacity-25:focus-within { - --tw-bg-opacity: 0.25; + .\32xl\:m-9 { + margin: 2.25rem; } - .xl\:focus-within\:bg-opacity-30:focus-within { - --tw-bg-opacity: 0.3; + .\32xl\:m-10 { + margin: 2.5rem; } - .xl\:focus-within\:bg-opacity-40:focus-within { - --tw-bg-opacity: 0.4; + .\32xl\:m-11 { + margin: 2.75rem; } - .xl\:focus-within\:bg-opacity-50:focus-within { - --tw-bg-opacity: 0.5; + .\32xl\:m-12 { + margin: 3rem; } - .xl\:focus-within\:bg-opacity-60:focus-within { - --tw-bg-opacity: 0.6; + .\32xl\:m-14 { + margin: 3.5rem; } - .xl\:focus-within\:bg-opacity-70:focus-within { - --tw-bg-opacity: 0.7; + .\32xl\:m-16 { + margin: 4rem; } - .xl\:focus-within\:bg-opacity-75:focus-within { - --tw-bg-opacity: 0.75; + .\32xl\:m-20 { + margin: 5rem; } - .xl\:focus-within\:bg-opacity-80:focus-within { - --tw-bg-opacity: 0.8; + .\32xl\:m-24 { + margin: 6rem; } - .xl\:focus-within\:bg-opacity-90:focus-within { - --tw-bg-opacity: 0.9; + .\32xl\:m-28 { + margin: 7rem; } - .xl\:focus-within\:bg-opacity-95:focus-within { - --tw-bg-opacity: 0.95; + .\32xl\:m-32 { + margin: 8rem; } - .xl\:focus-within\:bg-opacity-100:focus-within { - --tw-bg-opacity: 1; + .\32xl\:m-36 { + margin: 9rem; } - .xl\:hover\:bg-opacity-0:hover { - --tw-bg-opacity: 0; + .\32xl\:m-40 { + margin: 10rem; } - .xl\:hover\:bg-opacity-5:hover { - --tw-bg-opacity: 0.05; + .\32xl\:m-44 { + margin: 11rem; } - .xl\:hover\:bg-opacity-10:hover { - --tw-bg-opacity: 0.1; + .\32xl\:m-48 { + margin: 12rem; } - .xl\:hover\:bg-opacity-20:hover { - --tw-bg-opacity: 0.2; + .\32xl\:m-52 { + margin: 13rem; } - .xl\:hover\:bg-opacity-25:hover { - --tw-bg-opacity: 0.25; + .\32xl\:m-56 { + margin: 14rem; } - .xl\:hover\:bg-opacity-30:hover { - --tw-bg-opacity: 0.3; + .\32xl\:m-60 { + margin: 15rem; } - .xl\:hover\:bg-opacity-40:hover { - --tw-bg-opacity: 0.4; + .\32xl\:m-64 { + margin: 16rem; } - .xl\:hover\:bg-opacity-50:hover { - --tw-bg-opacity: 0.5; + .\32xl\:m-72 { + margin: 18rem; } - .xl\:hover\:bg-opacity-60:hover { - --tw-bg-opacity: 0.6; + .\32xl\:m-80 { + margin: 20rem; } - .xl\:hover\:bg-opacity-70:hover { - --tw-bg-opacity: 0.7; + .\32xl\:m-96 { + margin: 24rem; } - .xl\:hover\:bg-opacity-75:hover { - --tw-bg-opacity: 0.75; + .\32xl\:m-auto { + margin: auto; } - .xl\:hover\:bg-opacity-80:hover { - --tw-bg-opacity: 0.8; + .\32xl\:m-px { + margin: 1px; } - .xl\:hover\:bg-opacity-90:hover { - --tw-bg-opacity: 0.9; + .\32xl\:m-0\.5 { + margin: 0.125rem; } - .xl\:hover\:bg-opacity-95:hover { - --tw-bg-opacity: 0.95; + .\32xl\:m-1\.5 { + margin: 0.375rem; } - .xl\:hover\:bg-opacity-100:hover { - --tw-bg-opacity: 1; + .\32xl\:m-2\.5 { + margin: 0.625rem; } - .xl\:focus\:bg-opacity-0:focus { - --tw-bg-opacity: 0; + .\32xl\:m-3\.5 { + margin: 0.875rem; } - .xl\:focus\:bg-opacity-5:focus { - --tw-bg-opacity: 0.05; + .\32xl\:-m-0 { + margin: 0px; } - .xl\:focus\:bg-opacity-10:focus { - --tw-bg-opacity: 0.1; + .\32xl\:-m-1 { + margin: -0.25rem; } - .xl\:focus\:bg-opacity-20:focus { - --tw-bg-opacity: 0.2; + .\32xl\:-m-2 { + margin: -0.5rem; } - .xl\:focus\:bg-opacity-25:focus { - --tw-bg-opacity: 0.25; + .\32xl\:-m-3 { + margin: -0.75rem; } - .xl\:focus\:bg-opacity-30:focus { - --tw-bg-opacity: 0.3; + .\32xl\:-m-4 { + margin: -1rem; } - .xl\:focus\:bg-opacity-40:focus { - --tw-bg-opacity: 0.4; + .\32xl\:-m-5 { + margin: -1.25rem; } - .xl\:focus\:bg-opacity-50:focus { - --tw-bg-opacity: 0.5; + .\32xl\:-m-6 { + margin: -1.5rem; } - .xl\:focus\:bg-opacity-60:focus { - --tw-bg-opacity: 0.6; + .\32xl\:-m-7 { + margin: -1.75rem; } - .xl\:focus\:bg-opacity-70:focus { - --tw-bg-opacity: 0.7; + .\32xl\:-m-8 { + margin: -2rem; } - .xl\:focus\:bg-opacity-75:focus { - --tw-bg-opacity: 0.75; + .\32xl\:-m-9 { + margin: -2.25rem; } - .xl\:focus\:bg-opacity-80:focus { - --tw-bg-opacity: 0.8; + .\32xl\:-m-10 { + margin: -2.5rem; } - .xl\:focus\:bg-opacity-90:focus { - --tw-bg-opacity: 0.9; + .\32xl\:-m-11 { + margin: -2.75rem; } - .xl\:focus\:bg-opacity-95:focus { - --tw-bg-opacity: 0.95; + .\32xl\:-m-12 { + margin: -3rem; } - .xl\:focus\:bg-opacity-100:focus { - --tw-bg-opacity: 1; + .\32xl\:-m-14 { + margin: -3.5rem; } - .xl\:bg-none { - background-image: none; + .\32xl\:-m-16 { + margin: -4rem; } - .xl\:bg-gradient-to-t { - background-image: linear-gradient(to top, var(--tw-gradient-stops)); + .\32xl\:-m-20 { + margin: -5rem; } - .xl\:bg-gradient-to-tr { - background-image: linear-gradient(to top right, var(--tw-gradient-stops)); + .\32xl\:-m-24 { + margin: -6rem; } - .xl\:bg-gradient-to-r { - background-image: linear-gradient(to right, var(--tw-gradient-stops)); + .\32xl\:-m-28 { + margin: -7rem; } - .xl\:bg-gradient-to-br { - background-image: linear-gradient(to bottom right, var(--tw-gradient-stops)); + .\32xl\:-m-32 { + margin: -8rem; } - .xl\:bg-gradient-to-b { - background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); + .\32xl\:-m-36 { + margin: -9rem; } - .xl\:bg-gradient-to-bl { - background-image: linear-gradient(to bottom left, var(--tw-gradient-stops)); + .\32xl\:-m-40 { + margin: -10rem; } - .xl\:bg-gradient-to-l { - background-image: linear-gradient(to left, var(--tw-gradient-stops)); + .\32xl\:-m-44 { + margin: -11rem; } - .xl\:bg-gradient-to-tl { - background-image: linear-gradient(to top left, var(--tw-gradient-stops)); + .\32xl\:-m-48 { + margin: -12rem; } - .xl\:from-transparent { - --tw-gradient-from: transparent; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); + .\32xl\:-m-52 { + margin: -13rem; } - .xl\:from-current { - --tw-gradient-from: currentColor; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + .\32xl\:-m-56 { + margin: -14rem; } - .xl\:from-black { - --tw-gradient-from: #000; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); + .\32xl\:-m-60 { + margin: -15rem; } - .xl\:from-white { - --tw-gradient-from: #fff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + .\32xl\:-m-64 { + margin: -16rem; } - .xl\:from-gray-50 { - --tw-gradient-from: #f9fafb; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0)); + .\32xl\:-m-72 { + margin: -18rem; } - .xl\:from-gray-100 { - --tw-gradient-from: #f3f4f6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0)); + .\32xl\:-m-80 { + margin: -20rem; } - .xl\:from-gray-200 { - --tw-gradient-from: #e5e7eb; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0)); + .\32xl\:-m-96 { + margin: -24rem; } - .xl\:from-gray-300 { - --tw-gradient-from: #d1d5db; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0)); + .\32xl\:-m-px { + margin: -1px; } - .xl\:from-gray-400 { - --tw-gradient-from: #9ca3af; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0)); + .\32xl\:-m-0\.5 { + margin: -0.125rem; } - .xl\:from-gray-500 { - --tw-gradient-from: #6b7280; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0)); + .\32xl\:-m-1\.5 { + margin: -0.375rem; } - .xl\:from-gray-600 { - --tw-gradient-from: #4b5563; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0)); + .\32xl\:-m-2\.5 { + margin: -0.625rem; } - .xl\:from-gray-700 { - --tw-gradient-from: #374151; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0)); + .\32xl\:-m-3\.5 { + margin: -0.875rem; } - .xl\:from-gray-800 { - --tw-gradient-from: #1f2937; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0)); + .\32xl\:mx-0 { + margin-left: 0px; + margin-right: 0px; } - .xl\:from-gray-900 { - --tw-gradient-from: #111827; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0)); + .\32xl\:mx-1 { + margin-left: 0.25rem; + margin-right: 0.25rem; } - .xl\:from-red-50 { - --tw-gradient-from: #fef2f2; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0)); + .\32xl\:mx-2 { + margin-left: 0.5rem; + margin-right: 0.5rem; } - .xl\:from-red-100 { - --tw-gradient-from: #fee2e2; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0)); + .\32xl\:mx-3 { + margin-left: 0.75rem; + margin-right: 0.75rem; } - .xl\:from-red-200 { - --tw-gradient-from: #fecaca; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0)); + .\32xl\:mx-4 { + margin-left: 1rem; + margin-right: 1rem; } - .xl\:from-red-300 { - --tw-gradient-from: #fca5a5; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0)); + .\32xl\:mx-5 { + margin-left: 1.25rem; + margin-right: 1.25rem; } - .xl\:from-red-400 { - --tw-gradient-from: #f87171; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0)); + .\32xl\:mx-6 { + margin-left: 1.5rem; + margin-right: 1.5rem; } - .xl\:from-red-500 { - --tw-gradient-from: #ef4444; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0)); + .\32xl\:mx-7 { + margin-left: 1.75rem; + margin-right: 1.75rem; } - .xl\:from-red-600 { - --tw-gradient-from: #dc2626; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0)); + .\32xl\:mx-8 { + margin-left: 2rem; + margin-right: 2rem; } - .xl\:from-red-700 { - --tw-gradient-from: #b91c1c; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0)); + .\32xl\:mx-9 { + margin-left: 2.25rem; + margin-right: 2.25rem; } - .xl\:from-red-800 { - --tw-gradient-from: #991b1b; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0)); + .\32xl\:mx-10 { + margin-left: 2.5rem; + margin-right: 2.5rem; } - .xl\:from-red-900 { - --tw-gradient-from: #7f1d1d; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0)); + .\32xl\:mx-11 { + margin-left: 2.75rem; + margin-right: 2.75rem; } - .xl\:from-yellow-50 { - --tw-gradient-from: #fffbeb; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0)); + .\32xl\:mx-12 { + margin-left: 3rem; + margin-right: 3rem; } - .xl\:from-yellow-100 { - --tw-gradient-from: #fef3c7; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0)); + .\32xl\:mx-14 { + margin-left: 3.5rem; + margin-right: 3.5rem; } - .xl\:from-yellow-200 { - --tw-gradient-from: #fde68a; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0)); + .\32xl\:mx-16 { + margin-left: 4rem; + margin-right: 4rem; } - .xl\:from-yellow-300 { - --tw-gradient-from: #fcd34d; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0)); + .\32xl\:mx-20 { + margin-left: 5rem; + margin-right: 5rem; } - .xl\:from-yellow-400 { - --tw-gradient-from: #fbbf24; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0)); + .\32xl\:mx-24 { + margin-left: 6rem; + margin-right: 6rem; } - .xl\:from-yellow-500 { - --tw-gradient-from: #f59e0b; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0)); + .\32xl\:mx-28 { + margin-left: 7rem; + margin-right: 7rem; } - .xl\:from-yellow-600 { - --tw-gradient-from: #d97706; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0)); + .\32xl\:mx-32 { + margin-left: 8rem; + margin-right: 8rem; } - .xl\:from-yellow-700 { - --tw-gradient-from: #b45309; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0)); + .\32xl\:mx-36 { + margin-left: 9rem; + margin-right: 9rem; } - .xl\:from-yellow-800 { - --tw-gradient-from: #92400e; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0)); + .\32xl\:mx-40 { + margin-left: 10rem; + margin-right: 10rem; } - .xl\:from-yellow-900 { - --tw-gradient-from: #78350f; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0)); + .\32xl\:mx-44 { + margin-left: 11rem; + margin-right: 11rem; } - .xl\:from-green-50 { - --tw-gradient-from: #ecfdf5; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0)); + .\32xl\:mx-48 { + margin-left: 12rem; + margin-right: 12rem; } - .xl\:from-green-100 { - --tw-gradient-from: #d1fae5; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0)); + .\32xl\:mx-52 { + margin-left: 13rem; + margin-right: 13rem; } - .xl\:from-green-200 { - --tw-gradient-from: #a7f3d0; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0)); + .\32xl\:mx-56 { + margin-left: 14rem; + margin-right: 14rem; } - .xl\:from-green-300 { - --tw-gradient-from: #6ee7b7; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0)); + .\32xl\:mx-60 { + margin-left: 15rem; + margin-right: 15rem; } - .xl\:from-green-400 { - --tw-gradient-from: #34d399; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0)); + .\32xl\:mx-64 { + margin-left: 16rem; + margin-right: 16rem; } - .xl\:from-green-500 { - --tw-gradient-from: #10b981; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0)); + .\32xl\:mx-72 { + margin-left: 18rem; + margin-right: 18rem; } - .xl\:from-green-600 { - --tw-gradient-from: #059669; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0)); + .\32xl\:mx-80 { + margin-left: 20rem; + margin-right: 20rem; } - .xl\:from-green-700 { - --tw-gradient-from: #047857; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0)); + .\32xl\:mx-96 { + margin-left: 24rem; + margin-right: 24rem; } - .xl\:from-green-800 { - --tw-gradient-from: #065f46; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0)); + .\32xl\:mx-auto { + margin-left: auto; + margin-right: auto; } - .xl\:from-green-900 { - --tw-gradient-from: #064e3b; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0)); + .\32xl\:mx-px { + margin-left: 1px; + margin-right: 1px; } - .xl\:from-blue-50 { - --tw-gradient-from: #eff6ff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0)); + .\32xl\:mx-0\.5 { + margin-left: 0.125rem; + margin-right: 0.125rem; } - .xl\:from-blue-100 { - --tw-gradient-from: #dbeafe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0)); + .\32xl\:mx-1\.5 { + margin-left: 0.375rem; + margin-right: 0.375rem; } - .xl\:from-blue-200 { - --tw-gradient-from: #bfdbfe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0)); + .\32xl\:mx-2\.5 { + margin-left: 0.625rem; + margin-right: 0.625rem; } - .xl\:from-blue-300 { - --tw-gradient-from: #93c5fd; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0)); + .\32xl\:mx-3\.5 { + margin-left: 0.875rem; + margin-right: 0.875rem; } - .xl\:from-blue-400 { - --tw-gradient-from: #60a5fa; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0)); + .\32xl\:-mx-0 { + margin-left: 0px; + margin-right: 0px; } - .xl\:from-blue-500 { - --tw-gradient-from: #3b82f6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0)); + .\32xl\:-mx-1 { + margin-left: -0.25rem; + margin-right: -0.25rem; } - .xl\:from-blue-600 { - --tw-gradient-from: #2563eb; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0)); + .\32xl\:-mx-2 { + margin-left: -0.5rem; + margin-right: -0.5rem; } - .xl\:from-blue-700 { - --tw-gradient-from: #1d4ed8; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0)); + .\32xl\:-mx-3 { + margin-left: -0.75rem; + margin-right: -0.75rem; } - .xl\:from-blue-800 { - --tw-gradient-from: #1e40af; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0)); + .\32xl\:-mx-4 { + margin-left: -1rem; + margin-right: -1rem; } - .xl\:from-blue-900 { - --tw-gradient-from: #1e3a8a; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0)); + .\32xl\:-mx-5 { + margin-left: -1.25rem; + margin-right: -1.25rem; } - .xl\:from-indigo-50 { - --tw-gradient-from: #eef2ff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0)); + .\32xl\:-mx-6 { + margin-left: -1.5rem; + margin-right: -1.5rem; } - .xl\:from-indigo-100 { - --tw-gradient-from: #e0e7ff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0)); + .\32xl\:-mx-7 { + margin-left: -1.75rem; + margin-right: -1.75rem; } - .xl\:from-indigo-200 { - --tw-gradient-from: #c7d2fe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0)); + .\32xl\:-mx-8 { + margin-left: -2rem; + margin-right: -2rem; } - .xl\:from-indigo-300 { - --tw-gradient-from: #a5b4fc; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0)); + .\32xl\:-mx-9 { + margin-left: -2.25rem; + margin-right: -2.25rem; } - .xl\:from-indigo-400 { - --tw-gradient-from: #818cf8; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0)); + .\32xl\:-mx-10 { + margin-left: -2.5rem; + margin-right: -2.5rem; } - .xl\:from-indigo-500 { - --tw-gradient-from: #6366f1; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0)); + .\32xl\:-mx-11 { + margin-left: -2.75rem; + margin-right: -2.75rem; } - .xl\:from-indigo-600 { - --tw-gradient-from: #4f46e5; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0)); + .\32xl\:-mx-12 { + margin-left: -3rem; + margin-right: -3rem; } - .xl\:from-indigo-700 { - --tw-gradient-from: #4338ca; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0)); + .\32xl\:-mx-14 { + margin-left: -3.5rem; + margin-right: -3.5rem; } - .xl\:from-indigo-800 { - --tw-gradient-from: #3730a3; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0)); + .\32xl\:-mx-16 { + margin-left: -4rem; + margin-right: -4rem; } - .xl\:from-indigo-900 { - --tw-gradient-from: #312e81; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0)); + .\32xl\:-mx-20 { + margin-left: -5rem; + margin-right: -5rem; } - .xl\:from-purple-50 { - --tw-gradient-from: #f5f3ff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0)); + .\32xl\:-mx-24 { + margin-left: -6rem; + margin-right: -6rem; } - .xl\:from-purple-100 { - --tw-gradient-from: #ede9fe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0)); + .\32xl\:-mx-28 { + margin-left: -7rem; + margin-right: -7rem; } - .xl\:from-purple-200 { - --tw-gradient-from: #ddd6fe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0)); + .\32xl\:-mx-32 { + margin-left: -8rem; + margin-right: -8rem; } - .xl\:from-purple-300 { - --tw-gradient-from: #c4b5fd; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0)); + .\32xl\:-mx-36 { + margin-left: -9rem; + margin-right: -9rem; } - .xl\:from-purple-400 { - --tw-gradient-from: #a78bfa; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0)); + .\32xl\:-mx-40 { + margin-left: -10rem; + margin-right: -10rem; } - .xl\:from-purple-500 { - --tw-gradient-from: #8b5cf6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0)); + .\32xl\:-mx-44 { + margin-left: -11rem; + margin-right: -11rem; } - .xl\:from-purple-600 { - --tw-gradient-from: #7c3aed; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0)); + .\32xl\:-mx-48 { + margin-left: -12rem; + margin-right: -12rem; } - .xl\:from-purple-700 { - --tw-gradient-from: #6d28d9; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0)); + .\32xl\:-mx-52 { + margin-left: -13rem; + margin-right: -13rem; } - .xl\:from-purple-800 { - --tw-gradient-from: #5b21b6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0)); + .\32xl\:-mx-56 { + margin-left: -14rem; + margin-right: -14rem; } - .xl\:from-purple-900 { - --tw-gradient-from: #4c1d95; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0)); + .\32xl\:-mx-60 { + margin-left: -15rem; + margin-right: -15rem; } - .xl\:from-pink-50 { - --tw-gradient-from: #fdf2f8; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0)); + .\32xl\:-mx-64 { + margin-left: -16rem; + margin-right: -16rem; } - .xl\:from-pink-100 { - --tw-gradient-from: #fce7f3; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0)); + .\32xl\:-mx-72 { + margin-left: -18rem; + margin-right: -18rem; } - .xl\:from-pink-200 { - --tw-gradient-from: #fbcfe8; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0)); + .\32xl\:-mx-80 { + margin-left: -20rem; + margin-right: -20rem; } - .xl\:from-pink-300 { - --tw-gradient-from: #f9a8d4; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0)); + .\32xl\:-mx-96 { + margin-left: -24rem; + margin-right: -24rem; } - .xl\:from-pink-400 { - --tw-gradient-from: #f472b6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0)); + .\32xl\:-mx-px { + margin-left: -1px; + margin-right: -1px; } - .xl\:from-pink-500 { - --tw-gradient-from: #ec4899; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0)); + .\32xl\:-mx-0\.5 { + margin-left: -0.125rem; + margin-right: -0.125rem; } - .xl\:from-pink-600 { - --tw-gradient-from: #db2777; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0)); + .\32xl\:-mx-1\.5 { + margin-left: -0.375rem; + margin-right: -0.375rem; } - .xl\:from-pink-700 { - --tw-gradient-from: #be185d; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0)); + .\32xl\:-mx-2\.5 { + margin-left: -0.625rem; + margin-right: -0.625rem; } - .xl\:from-pink-800 { - --tw-gradient-from: #9d174d; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0)); + .\32xl\:-mx-3\.5 { + margin-left: -0.875rem; + margin-right: -0.875rem; } - .xl\:from-pink-900 { - --tw-gradient-from: #831843; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0)); + .\32xl\:my-0 { + margin-top: 0px; + margin-bottom: 0px; } - .xl\:hover\:from-transparent:hover { - --tw-gradient-from: transparent; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); + .\32xl\:my-1 { + margin-top: 0.25rem; + margin-bottom: 0.25rem; } - .xl\:hover\:from-current:hover { - --tw-gradient-from: currentColor; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + .\32xl\:my-2 { + margin-top: 0.5rem; + margin-bottom: 0.5rem; } - .xl\:hover\:from-black:hover { - --tw-gradient-from: #000; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); + .\32xl\:my-3 { + margin-top: 0.75rem; + margin-bottom: 0.75rem; } - .xl\:hover\:from-white:hover { - --tw-gradient-from: #fff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + .\32xl\:my-4 { + margin-top: 1rem; + margin-bottom: 1rem; } - .xl\:hover\:from-gray-50:hover { - --tw-gradient-from: #f9fafb; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0)); + .\32xl\:my-5 { + margin-top: 1.25rem; + margin-bottom: 1.25rem; } - .xl\:hover\:from-gray-100:hover { - --tw-gradient-from: #f3f4f6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0)); + .\32xl\:my-6 { + margin-top: 1.5rem; + margin-bottom: 1.5rem; } - .xl\:hover\:from-gray-200:hover { - --tw-gradient-from: #e5e7eb; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0)); + .\32xl\:my-7 { + margin-top: 1.75rem; + margin-bottom: 1.75rem; } - .xl\:hover\:from-gray-300:hover { - --tw-gradient-from: #d1d5db; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0)); + .\32xl\:my-8 { + margin-top: 2rem; + margin-bottom: 2rem; } - .xl\:hover\:from-gray-400:hover { - --tw-gradient-from: #9ca3af; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0)); + .\32xl\:my-9 { + margin-top: 2.25rem; + margin-bottom: 2.25rem; } - .xl\:hover\:from-gray-500:hover { - --tw-gradient-from: #6b7280; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0)); + .\32xl\:my-10 { + margin-top: 2.5rem; + margin-bottom: 2.5rem; } - .xl\:hover\:from-gray-600:hover { - --tw-gradient-from: #4b5563; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0)); + .\32xl\:my-11 { + margin-top: 2.75rem; + margin-bottom: 2.75rem; } - .xl\:hover\:from-gray-700:hover { - --tw-gradient-from: #374151; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0)); + .\32xl\:my-12 { + margin-top: 3rem; + margin-bottom: 3rem; } - .xl\:hover\:from-gray-800:hover { - --tw-gradient-from: #1f2937; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0)); + .\32xl\:my-14 { + margin-top: 3.5rem; + margin-bottom: 3.5rem; } - .xl\:hover\:from-gray-900:hover { - --tw-gradient-from: #111827; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0)); + .\32xl\:my-16 { + margin-top: 4rem; + margin-bottom: 4rem; } - .xl\:hover\:from-red-50:hover { - --tw-gradient-from: #fef2f2; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0)); + .\32xl\:my-20 { + margin-top: 5rem; + margin-bottom: 5rem; } - .xl\:hover\:from-red-100:hover { - --tw-gradient-from: #fee2e2; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0)); + .\32xl\:my-24 { + margin-top: 6rem; + margin-bottom: 6rem; } - .xl\:hover\:from-red-200:hover { - --tw-gradient-from: #fecaca; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0)); + .\32xl\:my-28 { + margin-top: 7rem; + margin-bottom: 7rem; } - .xl\:hover\:from-red-300:hover { - --tw-gradient-from: #fca5a5; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0)); + .\32xl\:my-32 { + margin-top: 8rem; + margin-bottom: 8rem; } - .xl\:hover\:from-red-400:hover { - --tw-gradient-from: #f87171; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0)); + .\32xl\:my-36 { + margin-top: 9rem; + margin-bottom: 9rem; } - .xl\:hover\:from-red-500:hover { - --tw-gradient-from: #ef4444; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0)); + .\32xl\:my-40 { + margin-top: 10rem; + margin-bottom: 10rem; } - .xl\:hover\:from-red-600:hover { - --tw-gradient-from: #dc2626; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0)); + .\32xl\:my-44 { + margin-top: 11rem; + margin-bottom: 11rem; } - .xl\:hover\:from-red-700:hover { - --tw-gradient-from: #b91c1c; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0)); + .\32xl\:my-48 { + margin-top: 12rem; + margin-bottom: 12rem; } - .xl\:hover\:from-red-800:hover { - --tw-gradient-from: #991b1b; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0)); + .\32xl\:my-52 { + margin-top: 13rem; + margin-bottom: 13rem; } - .xl\:hover\:from-red-900:hover { - --tw-gradient-from: #7f1d1d; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0)); + .\32xl\:my-56 { + margin-top: 14rem; + margin-bottom: 14rem; } - .xl\:hover\:from-yellow-50:hover { - --tw-gradient-from: #fffbeb; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0)); + .\32xl\:my-60 { + margin-top: 15rem; + margin-bottom: 15rem; } - .xl\:hover\:from-yellow-100:hover { - --tw-gradient-from: #fef3c7; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0)); + .\32xl\:my-64 { + margin-top: 16rem; + margin-bottom: 16rem; } - .xl\:hover\:from-yellow-200:hover { - --tw-gradient-from: #fde68a; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0)); + .\32xl\:my-72 { + margin-top: 18rem; + margin-bottom: 18rem; } - .xl\:hover\:from-yellow-300:hover { - --tw-gradient-from: #fcd34d; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0)); + .\32xl\:my-80 { + margin-top: 20rem; + margin-bottom: 20rem; } - .xl\:hover\:from-yellow-400:hover { - --tw-gradient-from: #fbbf24; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0)); + .\32xl\:my-96 { + margin-top: 24rem; + margin-bottom: 24rem; } - .xl\:hover\:from-yellow-500:hover { - --tw-gradient-from: #f59e0b; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0)); + .\32xl\:my-auto { + margin-top: auto; + margin-bottom: auto; } - .xl\:hover\:from-yellow-600:hover { - --tw-gradient-from: #d97706; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0)); + .\32xl\:my-px { + margin-top: 1px; + margin-bottom: 1px; } - .xl\:hover\:from-yellow-700:hover { - --tw-gradient-from: #b45309; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0)); + .\32xl\:my-0\.5 { + margin-top: 0.125rem; + margin-bottom: 0.125rem; } - .xl\:hover\:from-yellow-800:hover { - --tw-gradient-from: #92400e; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0)); + .\32xl\:my-1\.5 { + margin-top: 0.375rem; + margin-bottom: 0.375rem; } - .xl\:hover\:from-yellow-900:hover { - --tw-gradient-from: #78350f; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0)); + .\32xl\:my-2\.5 { + margin-top: 0.625rem; + margin-bottom: 0.625rem; } - .xl\:hover\:from-green-50:hover { - --tw-gradient-from: #ecfdf5; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0)); + .\32xl\:my-3\.5 { + margin-top: 0.875rem; + margin-bottom: 0.875rem; } - .xl\:hover\:from-green-100:hover { - --tw-gradient-from: #d1fae5; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0)); + .\32xl\:-my-0 { + margin-top: 0px; + margin-bottom: 0px; } - .xl\:hover\:from-green-200:hover { - --tw-gradient-from: #a7f3d0; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0)); + .\32xl\:-my-1 { + margin-top: -0.25rem; + margin-bottom: -0.25rem; } - .xl\:hover\:from-green-300:hover { - --tw-gradient-from: #6ee7b7; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0)); + .\32xl\:-my-2 { + margin-top: -0.5rem; + margin-bottom: -0.5rem; } - .xl\:hover\:from-green-400:hover { - --tw-gradient-from: #34d399; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0)); + .\32xl\:-my-3 { + margin-top: -0.75rem; + margin-bottom: -0.75rem; } - .xl\:hover\:from-green-500:hover { - --tw-gradient-from: #10b981; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0)); + .\32xl\:-my-4 { + margin-top: -1rem; + margin-bottom: -1rem; } - .xl\:hover\:from-green-600:hover { - --tw-gradient-from: #059669; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0)); + .\32xl\:-my-5 { + margin-top: -1.25rem; + margin-bottom: -1.25rem; } - .xl\:hover\:from-green-700:hover { - --tw-gradient-from: #047857; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0)); + .\32xl\:-my-6 { + margin-top: -1.5rem; + margin-bottom: -1.5rem; } - .xl\:hover\:from-green-800:hover { - --tw-gradient-from: #065f46; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0)); + .\32xl\:-my-7 { + margin-top: -1.75rem; + margin-bottom: -1.75rem; } - .xl\:hover\:from-green-900:hover { - --tw-gradient-from: #064e3b; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0)); + .\32xl\:-my-8 { + margin-top: -2rem; + margin-bottom: -2rem; } - .xl\:hover\:from-blue-50:hover { - --tw-gradient-from: #eff6ff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0)); + .\32xl\:-my-9 { + margin-top: -2.25rem; + margin-bottom: -2.25rem; } - .xl\:hover\:from-blue-100:hover { - --tw-gradient-from: #dbeafe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0)); + .\32xl\:-my-10 { + margin-top: -2.5rem; + margin-bottom: -2.5rem; } - .xl\:hover\:from-blue-200:hover { - --tw-gradient-from: #bfdbfe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0)); + .\32xl\:-my-11 { + margin-top: -2.75rem; + margin-bottom: -2.75rem; } - .xl\:hover\:from-blue-300:hover { - --tw-gradient-from: #93c5fd; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0)); + .\32xl\:-my-12 { + margin-top: -3rem; + margin-bottom: -3rem; } - .xl\:hover\:from-blue-400:hover { - --tw-gradient-from: #60a5fa; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0)); + .\32xl\:-my-14 { + margin-top: -3.5rem; + margin-bottom: -3.5rem; } - .xl\:hover\:from-blue-500:hover { - --tw-gradient-from: #3b82f6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0)); + .\32xl\:-my-16 { + margin-top: -4rem; + margin-bottom: -4rem; } - .xl\:hover\:from-blue-600:hover { - --tw-gradient-from: #2563eb; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0)); + .\32xl\:-my-20 { + margin-top: -5rem; + margin-bottom: -5rem; } - .xl\:hover\:from-blue-700:hover { - --tw-gradient-from: #1d4ed8; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0)); + .\32xl\:-my-24 { + margin-top: -6rem; + margin-bottom: -6rem; } - .xl\:hover\:from-blue-800:hover { - --tw-gradient-from: #1e40af; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0)); + .\32xl\:-my-28 { + margin-top: -7rem; + margin-bottom: -7rem; } - .xl\:hover\:from-blue-900:hover { - --tw-gradient-from: #1e3a8a; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0)); + .\32xl\:-my-32 { + margin-top: -8rem; + margin-bottom: -8rem; } - .xl\:hover\:from-indigo-50:hover { - --tw-gradient-from: #eef2ff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0)); + .\32xl\:-my-36 { + margin-top: -9rem; + margin-bottom: -9rem; } - .xl\:hover\:from-indigo-100:hover { - --tw-gradient-from: #e0e7ff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0)); + .\32xl\:-my-40 { + margin-top: -10rem; + margin-bottom: -10rem; } - .xl\:hover\:from-indigo-200:hover { - --tw-gradient-from: #c7d2fe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0)); + .\32xl\:-my-44 { + margin-top: -11rem; + margin-bottom: -11rem; } - .xl\:hover\:from-indigo-300:hover { - --tw-gradient-from: #a5b4fc; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0)); + .\32xl\:-my-48 { + margin-top: -12rem; + margin-bottom: -12rem; } - .xl\:hover\:from-indigo-400:hover { - --tw-gradient-from: #818cf8; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0)); + .\32xl\:-my-52 { + margin-top: -13rem; + margin-bottom: -13rem; } - .xl\:hover\:from-indigo-500:hover { - --tw-gradient-from: #6366f1; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0)); + .\32xl\:-my-56 { + margin-top: -14rem; + margin-bottom: -14rem; } - .xl\:hover\:from-indigo-600:hover { - --tw-gradient-from: #4f46e5; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0)); + .\32xl\:-my-60 { + margin-top: -15rem; + margin-bottom: -15rem; } - .xl\:hover\:from-indigo-700:hover { - --tw-gradient-from: #4338ca; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0)); + .\32xl\:-my-64 { + margin-top: -16rem; + margin-bottom: -16rem; } - .xl\:hover\:from-indigo-800:hover { - --tw-gradient-from: #3730a3; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0)); + .\32xl\:-my-72 { + margin-top: -18rem; + margin-bottom: -18rem; } - .xl\:hover\:from-indigo-900:hover { - --tw-gradient-from: #312e81; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0)); + .\32xl\:-my-80 { + margin-top: -20rem; + margin-bottom: -20rem; } - .xl\:hover\:from-purple-50:hover { - --tw-gradient-from: #f5f3ff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0)); + .\32xl\:-my-96 { + margin-top: -24rem; + margin-bottom: -24rem; } - .xl\:hover\:from-purple-100:hover { - --tw-gradient-from: #ede9fe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0)); + .\32xl\:-my-px { + margin-top: -1px; + margin-bottom: -1px; } - .xl\:hover\:from-purple-200:hover { - --tw-gradient-from: #ddd6fe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0)); + .\32xl\:-my-0\.5 { + margin-top: -0.125rem; + margin-bottom: -0.125rem; } - .xl\:hover\:from-purple-300:hover { - --tw-gradient-from: #c4b5fd; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0)); + .\32xl\:-my-1\.5 { + margin-top: -0.375rem; + margin-bottom: -0.375rem; } - .xl\:hover\:from-purple-400:hover { - --tw-gradient-from: #a78bfa; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0)); + .\32xl\:-my-2\.5 { + margin-top: -0.625rem; + margin-bottom: -0.625rem; } - .xl\:hover\:from-purple-500:hover { - --tw-gradient-from: #8b5cf6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0)); + .\32xl\:-my-3\.5 { + margin-top: -0.875rem; + margin-bottom: -0.875rem; } - .xl\:hover\:from-purple-600:hover { - --tw-gradient-from: #7c3aed; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0)); + .\32xl\:mt-0 { + margin-top: 0px; } - .xl\:hover\:from-purple-700:hover { - --tw-gradient-from: #6d28d9; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0)); + .\32xl\:mt-1 { + margin-top: 0.25rem; } - .xl\:hover\:from-purple-800:hover { - --tw-gradient-from: #5b21b6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0)); + .\32xl\:mt-2 { + margin-top: 0.5rem; } - .xl\:hover\:from-purple-900:hover { - --tw-gradient-from: #4c1d95; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0)); + .\32xl\:mt-3 { + margin-top: 0.75rem; } - .xl\:hover\:from-pink-50:hover { - --tw-gradient-from: #fdf2f8; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0)); + .\32xl\:mt-4 { + margin-top: 1rem; } - .xl\:hover\:from-pink-100:hover { - --tw-gradient-from: #fce7f3; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0)); + .\32xl\:mt-5 { + margin-top: 1.25rem; } - .xl\:hover\:from-pink-200:hover { - --tw-gradient-from: #fbcfe8; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0)); + .\32xl\:mt-6 { + margin-top: 1.5rem; } - .xl\:hover\:from-pink-300:hover { - --tw-gradient-from: #f9a8d4; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0)); + .\32xl\:mt-7 { + margin-top: 1.75rem; } - .xl\:hover\:from-pink-400:hover { - --tw-gradient-from: #f472b6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0)); + .\32xl\:mt-8 { + margin-top: 2rem; } - .xl\:hover\:from-pink-500:hover { - --tw-gradient-from: #ec4899; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0)); + .\32xl\:mt-9 { + margin-top: 2.25rem; } - .xl\:hover\:from-pink-600:hover { - --tw-gradient-from: #db2777; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0)); + .\32xl\:mt-10 { + margin-top: 2.5rem; } - .xl\:hover\:from-pink-700:hover { - --tw-gradient-from: #be185d; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0)); + .\32xl\:mt-11 { + margin-top: 2.75rem; } - .xl\:hover\:from-pink-800:hover { - --tw-gradient-from: #9d174d; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0)); + .\32xl\:mt-12 { + margin-top: 3rem; } - .xl\:hover\:from-pink-900:hover { - --tw-gradient-from: #831843; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0)); + .\32xl\:mt-14 { + margin-top: 3.5rem; } - .xl\:focus\:from-transparent:focus { - --tw-gradient-from: transparent; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); + .\32xl\:mt-16 { + margin-top: 4rem; } - .xl\:focus\:from-current:focus { - --tw-gradient-from: currentColor; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + .\32xl\:mt-20 { + margin-top: 5rem; } - .xl\:focus\:from-black:focus { - --tw-gradient-from: #000; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); + .\32xl\:mt-24 { + margin-top: 6rem; } - .xl\:focus\:from-white:focus { - --tw-gradient-from: #fff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + .\32xl\:mt-28 { + margin-top: 7rem; } - .xl\:focus\:from-gray-50:focus { - --tw-gradient-from: #f9fafb; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0)); + .\32xl\:mt-32 { + margin-top: 8rem; } - .xl\:focus\:from-gray-100:focus { - --tw-gradient-from: #f3f4f6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0)); + .\32xl\:mt-36 { + margin-top: 9rem; } - .xl\:focus\:from-gray-200:focus { - --tw-gradient-from: #e5e7eb; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0)); + .\32xl\:mt-40 { + margin-top: 10rem; } - .xl\:focus\:from-gray-300:focus { - --tw-gradient-from: #d1d5db; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0)); + .\32xl\:mt-44 { + margin-top: 11rem; } - .xl\:focus\:from-gray-400:focus { - --tw-gradient-from: #9ca3af; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0)); + .\32xl\:mt-48 { + margin-top: 12rem; } - .xl\:focus\:from-gray-500:focus { - --tw-gradient-from: #6b7280; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0)); + .\32xl\:mt-52 { + margin-top: 13rem; } - .xl\:focus\:from-gray-600:focus { - --tw-gradient-from: #4b5563; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0)); + .\32xl\:mt-56 { + margin-top: 14rem; } - .xl\:focus\:from-gray-700:focus { - --tw-gradient-from: #374151; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0)); + .\32xl\:mt-60 { + margin-top: 15rem; } - .xl\:focus\:from-gray-800:focus { - --tw-gradient-from: #1f2937; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0)); + .\32xl\:mt-64 { + margin-top: 16rem; } - .xl\:focus\:from-gray-900:focus { - --tw-gradient-from: #111827; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0)); + .\32xl\:mt-72 { + margin-top: 18rem; } - .xl\:focus\:from-red-50:focus { - --tw-gradient-from: #fef2f2; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0)); + .\32xl\:mt-80 { + margin-top: 20rem; } - .xl\:focus\:from-red-100:focus { - --tw-gradient-from: #fee2e2; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0)); + .\32xl\:mt-96 { + margin-top: 24rem; } - .xl\:focus\:from-red-200:focus { - --tw-gradient-from: #fecaca; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0)); + .\32xl\:mt-auto { + margin-top: auto; } - .xl\:focus\:from-red-300:focus { - --tw-gradient-from: #fca5a5; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0)); + .\32xl\:mt-px { + margin-top: 1px; } - .xl\:focus\:from-red-400:focus { - --tw-gradient-from: #f87171; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0)); + .\32xl\:mt-0\.5 { + margin-top: 0.125rem; } - .xl\:focus\:from-red-500:focus { - --tw-gradient-from: #ef4444; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0)); + .\32xl\:mt-1\.5 { + margin-top: 0.375rem; } - .xl\:focus\:from-red-600:focus { - --tw-gradient-from: #dc2626; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0)); + .\32xl\:mt-2\.5 { + margin-top: 0.625rem; } - .xl\:focus\:from-red-700:focus { - --tw-gradient-from: #b91c1c; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0)); + .\32xl\:mt-3\.5 { + margin-top: 0.875rem; } - .xl\:focus\:from-red-800:focus { - --tw-gradient-from: #991b1b; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0)); + .\32xl\:-mt-0 { + margin-top: 0px; } - .xl\:focus\:from-red-900:focus { - --tw-gradient-from: #7f1d1d; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0)); + .\32xl\:-mt-1 { + margin-top: -0.25rem; } - .xl\:focus\:from-yellow-50:focus { - --tw-gradient-from: #fffbeb; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0)); + .\32xl\:-mt-2 { + margin-top: -0.5rem; } - .xl\:focus\:from-yellow-100:focus { - --tw-gradient-from: #fef3c7; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0)); + .\32xl\:-mt-3 { + margin-top: -0.75rem; } - .xl\:focus\:from-yellow-200:focus { - --tw-gradient-from: #fde68a; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0)); + .\32xl\:-mt-4 { + margin-top: -1rem; } - .xl\:focus\:from-yellow-300:focus { - --tw-gradient-from: #fcd34d; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0)); + .\32xl\:-mt-5 { + margin-top: -1.25rem; } - .xl\:focus\:from-yellow-400:focus { - --tw-gradient-from: #fbbf24; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0)); + .\32xl\:-mt-6 { + margin-top: -1.5rem; } - .xl\:focus\:from-yellow-500:focus { - --tw-gradient-from: #f59e0b; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0)); + .\32xl\:-mt-7 { + margin-top: -1.75rem; } - .xl\:focus\:from-yellow-600:focus { - --tw-gradient-from: #d97706; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0)); + .\32xl\:-mt-8 { + margin-top: -2rem; } - .xl\:focus\:from-yellow-700:focus { - --tw-gradient-from: #b45309; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0)); + .\32xl\:-mt-9 { + margin-top: -2.25rem; } - .xl\:focus\:from-yellow-800:focus { - --tw-gradient-from: #92400e; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0)); + .\32xl\:-mt-10 { + margin-top: -2.5rem; } - .xl\:focus\:from-yellow-900:focus { - --tw-gradient-from: #78350f; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0)); + .\32xl\:-mt-11 { + margin-top: -2.75rem; } - .xl\:focus\:from-green-50:focus { - --tw-gradient-from: #ecfdf5; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0)); + .\32xl\:-mt-12 { + margin-top: -3rem; } - .xl\:focus\:from-green-100:focus { - --tw-gradient-from: #d1fae5; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0)); + .\32xl\:-mt-14 { + margin-top: -3.5rem; } - .xl\:focus\:from-green-200:focus { - --tw-gradient-from: #a7f3d0; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0)); + .\32xl\:-mt-16 { + margin-top: -4rem; } - .xl\:focus\:from-green-300:focus { - --tw-gradient-from: #6ee7b7; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0)); + .\32xl\:-mt-20 { + margin-top: -5rem; } - .xl\:focus\:from-green-400:focus { - --tw-gradient-from: #34d399; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0)); + .\32xl\:-mt-24 { + margin-top: -6rem; } - .xl\:focus\:from-green-500:focus { - --tw-gradient-from: #10b981; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0)); + .\32xl\:-mt-28 { + margin-top: -7rem; } - .xl\:focus\:from-green-600:focus { - --tw-gradient-from: #059669; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0)); + .\32xl\:-mt-32 { + margin-top: -8rem; } - .xl\:focus\:from-green-700:focus { - --tw-gradient-from: #047857; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0)); + .\32xl\:-mt-36 { + margin-top: -9rem; } - .xl\:focus\:from-green-800:focus { - --tw-gradient-from: #065f46; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0)); + .\32xl\:-mt-40 { + margin-top: -10rem; } - .xl\:focus\:from-green-900:focus { - --tw-gradient-from: #064e3b; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0)); + .\32xl\:-mt-44 { + margin-top: -11rem; } - .xl\:focus\:from-blue-50:focus { - --tw-gradient-from: #eff6ff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0)); + .\32xl\:-mt-48 { + margin-top: -12rem; } - .xl\:focus\:from-blue-100:focus { - --tw-gradient-from: #dbeafe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0)); + .\32xl\:-mt-52 { + margin-top: -13rem; } - .xl\:focus\:from-blue-200:focus { - --tw-gradient-from: #bfdbfe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0)); + .\32xl\:-mt-56 { + margin-top: -14rem; } - .xl\:focus\:from-blue-300:focus { - --tw-gradient-from: #93c5fd; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0)); + .\32xl\:-mt-60 { + margin-top: -15rem; } - .xl\:focus\:from-blue-400:focus { - --tw-gradient-from: #60a5fa; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0)); + .\32xl\:-mt-64 { + margin-top: -16rem; } - .xl\:focus\:from-blue-500:focus { - --tw-gradient-from: #3b82f6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0)); + .\32xl\:-mt-72 { + margin-top: -18rem; } - .xl\:focus\:from-blue-600:focus { - --tw-gradient-from: #2563eb; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0)); + .\32xl\:-mt-80 { + margin-top: -20rem; } - .xl\:focus\:from-blue-700:focus { - --tw-gradient-from: #1d4ed8; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0)); + .\32xl\:-mt-96 { + margin-top: -24rem; } - .xl\:focus\:from-blue-800:focus { - --tw-gradient-from: #1e40af; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0)); + .\32xl\:-mt-px { + margin-top: -1px; } - .xl\:focus\:from-blue-900:focus { - --tw-gradient-from: #1e3a8a; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0)); + .\32xl\:-mt-0\.5 { + margin-top: -0.125rem; } - .xl\:focus\:from-indigo-50:focus { - --tw-gradient-from: #eef2ff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0)); + .\32xl\:-mt-1\.5 { + margin-top: -0.375rem; } - .xl\:focus\:from-indigo-100:focus { - --tw-gradient-from: #e0e7ff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0)); + .\32xl\:-mt-2\.5 { + margin-top: -0.625rem; } - .xl\:focus\:from-indigo-200:focus { - --tw-gradient-from: #c7d2fe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0)); + .\32xl\:-mt-3\.5 { + margin-top: -0.875rem; } - .xl\:focus\:from-indigo-300:focus { - --tw-gradient-from: #a5b4fc; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0)); + .\32xl\:mr-0 { + margin-right: 0px; } - .xl\:focus\:from-indigo-400:focus { - --tw-gradient-from: #818cf8; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0)); + .\32xl\:mr-1 { + margin-right: 0.25rem; } - .xl\:focus\:from-indigo-500:focus { - --tw-gradient-from: #6366f1; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0)); + .\32xl\:mr-2 { + margin-right: 0.5rem; } - .xl\:focus\:from-indigo-600:focus { - --tw-gradient-from: #4f46e5; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0)); + .\32xl\:mr-3 { + margin-right: 0.75rem; } - .xl\:focus\:from-indigo-700:focus { - --tw-gradient-from: #4338ca; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0)); + .\32xl\:mr-4 { + margin-right: 1rem; } - .xl\:focus\:from-indigo-800:focus { - --tw-gradient-from: #3730a3; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0)); + .\32xl\:mr-5 { + margin-right: 1.25rem; } - .xl\:focus\:from-indigo-900:focus { - --tw-gradient-from: #312e81; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0)); + .\32xl\:mr-6 { + margin-right: 1.5rem; } - .xl\:focus\:from-purple-50:focus { - --tw-gradient-from: #f5f3ff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0)); + .\32xl\:mr-7 { + margin-right: 1.75rem; } - .xl\:focus\:from-purple-100:focus { - --tw-gradient-from: #ede9fe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0)); + .\32xl\:mr-8 { + margin-right: 2rem; } - .xl\:focus\:from-purple-200:focus { - --tw-gradient-from: #ddd6fe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0)); + .\32xl\:mr-9 { + margin-right: 2.25rem; } - .xl\:focus\:from-purple-300:focus { - --tw-gradient-from: #c4b5fd; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0)); + .\32xl\:mr-10 { + margin-right: 2.5rem; } - .xl\:focus\:from-purple-400:focus { - --tw-gradient-from: #a78bfa; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0)); + .\32xl\:mr-11 { + margin-right: 2.75rem; } - .xl\:focus\:from-purple-500:focus { - --tw-gradient-from: #8b5cf6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0)); + .\32xl\:mr-12 { + margin-right: 3rem; } - .xl\:focus\:from-purple-600:focus { - --tw-gradient-from: #7c3aed; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0)); + .\32xl\:mr-14 { + margin-right: 3.5rem; } - .xl\:focus\:from-purple-700:focus { - --tw-gradient-from: #6d28d9; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0)); + .\32xl\:mr-16 { + margin-right: 4rem; } - .xl\:focus\:from-purple-800:focus { - --tw-gradient-from: #5b21b6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0)); + .\32xl\:mr-20 { + margin-right: 5rem; } - .xl\:focus\:from-purple-900:focus { - --tw-gradient-from: #4c1d95; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0)); + .\32xl\:mr-24 { + margin-right: 6rem; } - .xl\:focus\:from-pink-50:focus { - --tw-gradient-from: #fdf2f8; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0)); + .\32xl\:mr-28 { + margin-right: 7rem; } - .xl\:focus\:from-pink-100:focus { - --tw-gradient-from: #fce7f3; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0)); + .\32xl\:mr-32 { + margin-right: 8rem; } - .xl\:focus\:from-pink-200:focus { - --tw-gradient-from: #fbcfe8; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0)); + .\32xl\:mr-36 { + margin-right: 9rem; } - .xl\:focus\:from-pink-300:focus { - --tw-gradient-from: #f9a8d4; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0)); + .\32xl\:mr-40 { + margin-right: 10rem; } - .xl\:focus\:from-pink-400:focus { - --tw-gradient-from: #f472b6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0)); + .\32xl\:mr-44 { + margin-right: 11rem; } - .xl\:focus\:from-pink-500:focus { - --tw-gradient-from: #ec4899; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0)); + .\32xl\:mr-48 { + margin-right: 12rem; } - .xl\:focus\:from-pink-600:focus { - --tw-gradient-from: #db2777; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0)); + .\32xl\:mr-52 { + margin-right: 13rem; } - .xl\:focus\:from-pink-700:focus { - --tw-gradient-from: #be185d; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0)); + .\32xl\:mr-56 { + margin-right: 14rem; } - .xl\:focus\:from-pink-800:focus { - --tw-gradient-from: #9d174d; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0)); + .\32xl\:mr-60 { + margin-right: 15rem; } - .xl\:focus\:from-pink-900:focus { - --tw-gradient-from: #831843; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0)); + .\32xl\:mr-64 { + margin-right: 16rem; } - .xl\:via-transparent { - --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0)); + .\32xl\:mr-72 { + margin-right: 18rem; } - .xl\:via-current { - --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0)); + .\32xl\:mr-80 { + margin-right: 20rem; } - .xl\:via-black { - --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0)); + .\32xl\:mr-96 { + margin-right: 24rem; } - .xl\:via-white { - --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0)); + .\32xl\:mr-auto { + margin-right: auto; } - .xl\:via-gray-50 { - --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0)); + .\32xl\:mr-px { + margin-right: 1px; } - .xl\:via-gray-100 { - --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0)); + .\32xl\:mr-0\.5 { + margin-right: 0.125rem; } - .xl\:via-gray-200 { - --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0)); + .\32xl\:mr-1\.5 { + margin-right: 0.375rem; } - .xl\:via-gray-300 { - --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0)); + .\32xl\:mr-2\.5 { + margin-right: 0.625rem; } - .xl\:via-gray-400 { - --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0)); + .\32xl\:mr-3\.5 { + margin-right: 0.875rem; } - .xl\:via-gray-500 { - --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0)); + .\32xl\:-mr-0 { + margin-right: 0px; } - .xl\:via-gray-600 { - --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0)); + .\32xl\:-mr-1 { + margin-right: -0.25rem; } - .xl\:via-gray-700 { - --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0)); + .\32xl\:-mr-2 { + margin-right: -0.5rem; } - .xl\:via-gray-800 { - --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0)); + .\32xl\:-mr-3 { + margin-right: -0.75rem; } - .xl\:via-gray-900 { - --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0)); + .\32xl\:-mr-4 { + margin-right: -1rem; } - .xl\:via-red-50 { - --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0)); + .\32xl\:-mr-5 { + margin-right: -1.25rem; } - .xl\:via-red-100 { - --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0)); + .\32xl\:-mr-6 { + margin-right: -1.5rem; } - .xl\:via-red-200 { - --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0)); + .\32xl\:-mr-7 { + margin-right: -1.75rem; } - .xl\:via-red-300 { - --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0)); + .\32xl\:-mr-8 { + margin-right: -2rem; } - .xl\:via-red-400 { - --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0)); + .\32xl\:-mr-9 { + margin-right: -2.25rem; } - .xl\:via-red-500 { - --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0)); + .\32xl\:-mr-10 { + margin-right: -2.5rem; } - .xl\:via-red-600 { - --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0)); + .\32xl\:-mr-11 { + margin-right: -2.75rem; } - .xl\:via-red-700 { - --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0)); + .\32xl\:-mr-12 { + margin-right: -3rem; } - .xl\:via-red-800 { - --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0)); + .\32xl\:-mr-14 { + margin-right: -3.5rem; } - .xl\:via-red-900 { - --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0)); + .\32xl\:-mr-16 { + margin-right: -4rem; } - .xl\:via-yellow-50 { - --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0)); + .\32xl\:-mr-20 { + margin-right: -5rem; } - .xl\:via-yellow-100 { - --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0)); + .\32xl\:-mr-24 { + margin-right: -6rem; } - .xl\:via-yellow-200 { - --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0)); + .\32xl\:-mr-28 { + margin-right: -7rem; } - .xl\:via-yellow-300 { - --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0)); + .\32xl\:-mr-32 { + margin-right: -8rem; } - .xl\:via-yellow-400 { - --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0)); + .\32xl\:-mr-36 { + margin-right: -9rem; } - .xl\:via-yellow-500 { - --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0)); + .\32xl\:-mr-40 { + margin-right: -10rem; } - .xl\:via-yellow-600 { - --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0)); + .\32xl\:-mr-44 { + margin-right: -11rem; } - .xl\:via-yellow-700 { - --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0)); + .\32xl\:-mr-48 { + margin-right: -12rem; } - .xl\:via-yellow-800 { - --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0)); + .\32xl\:-mr-52 { + margin-right: -13rem; } - .xl\:via-yellow-900 { - --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0)); + .\32xl\:-mr-56 { + margin-right: -14rem; } - .xl\:via-green-50 { - --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0)); + .\32xl\:-mr-60 { + margin-right: -15rem; } - .xl\:via-green-100 { - --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0)); + .\32xl\:-mr-64 { + margin-right: -16rem; } - .xl\:via-green-200 { - --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0)); + .\32xl\:-mr-72 { + margin-right: -18rem; } - .xl\:via-green-300 { - --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0)); + .\32xl\:-mr-80 { + margin-right: -20rem; } - .xl\:via-green-400 { - --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0)); + .\32xl\:-mr-96 { + margin-right: -24rem; } - .xl\:via-green-500 { - --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0)); + .\32xl\:-mr-px { + margin-right: -1px; } - .xl\:via-green-600 { - --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0)); + .\32xl\:-mr-0\.5 { + margin-right: -0.125rem; } - .xl\:via-green-700 { - --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0)); + .\32xl\:-mr-1\.5 { + margin-right: -0.375rem; } - .xl\:via-green-800 { - --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0)); + .\32xl\:-mr-2\.5 { + margin-right: -0.625rem; } - .xl\:via-green-900 { - --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0)); + .\32xl\:-mr-3\.5 { + margin-right: -0.875rem; } - .xl\:via-blue-50 { - --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0)); + .\32xl\:mb-0 { + margin-bottom: 0px; } - .xl\:via-blue-100 { - --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0)); + .\32xl\:mb-1 { + margin-bottom: 0.25rem; } - .xl\:via-blue-200 { - --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0)); + .\32xl\:mb-2 { + margin-bottom: 0.5rem; } - .xl\:via-blue-300 { - --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0)); + .\32xl\:mb-3 { + margin-bottom: 0.75rem; } - .xl\:via-blue-400 { - --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0)); + .\32xl\:mb-4 { + margin-bottom: 1rem; } - .xl\:via-blue-500 { - --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0)); + .\32xl\:mb-5 { + margin-bottom: 1.25rem; } - .xl\:via-blue-600 { - --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0)); + .\32xl\:mb-6 { + margin-bottom: 1.5rem; } - .xl\:via-blue-700 { - --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0)); + .\32xl\:mb-7 { + margin-bottom: 1.75rem; } - .xl\:via-blue-800 { - --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0)); + .\32xl\:mb-8 { + margin-bottom: 2rem; } - .xl\:via-blue-900 { - --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0)); + .\32xl\:mb-9 { + margin-bottom: 2.25rem; } - .xl\:via-indigo-50 { - --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0)); + .\32xl\:mb-10 { + margin-bottom: 2.5rem; } - .xl\:via-indigo-100 { - --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0)); + .\32xl\:mb-11 { + margin-bottom: 2.75rem; } - .xl\:via-indigo-200 { - --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0)); + .\32xl\:mb-12 { + margin-bottom: 3rem; } - .xl\:via-indigo-300 { - --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0)); + .\32xl\:mb-14 { + margin-bottom: 3.5rem; } - .xl\:via-indigo-400 { - --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0)); + .\32xl\:mb-16 { + margin-bottom: 4rem; } - .xl\:via-indigo-500 { - --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0)); + .\32xl\:mb-20 { + margin-bottom: 5rem; } - .xl\:via-indigo-600 { - --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0)); + .\32xl\:mb-24 { + margin-bottom: 6rem; } - .xl\:via-indigo-700 { - --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0)); + .\32xl\:mb-28 { + margin-bottom: 7rem; } - .xl\:via-indigo-800 { - --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0)); + .\32xl\:mb-32 { + margin-bottom: 8rem; } - .xl\:via-indigo-900 { - --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0)); + .\32xl\:mb-36 { + margin-bottom: 9rem; } - .xl\:via-purple-50 { - --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0)); + .\32xl\:mb-40 { + margin-bottom: 10rem; } - .xl\:via-purple-100 { - --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0)); + .\32xl\:mb-44 { + margin-bottom: 11rem; } - .xl\:via-purple-200 { - --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0)); + .\32xl\:mb-48 { + margin-bottom: 12rem; } - .xl\:via-purple-300 { - --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0)); + .\32xl\:mb-52 { + margin-bottom: 13rem; } - .xl\:via-purple-400 { - --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0)); + .\32xl\:mb-56 { + margin-bottom: 14rem; } - .xl\:via-purple-500 { - --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0)); + .\32xl\:mb-60 { + margin-bottom: 15rem; } - .xl\:via-purple-600 { - --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0)); + .\32xl\:mb-64 { + margin-bottom: 16rem; } - .xl\:via-purple-700 { - --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0)); + .\32xl\:mb-72 { + margin-bottom: 18rem; } - .xl\:via-purple-800 { - --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0)); + .\32xl\:mb-80 { + margin-bottom: 20rem; } - .xl\:via-purple-900 { - --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0)); + .\32xl\:mb-96 { + margin-bottom: 24rem; } - .xl\:via-pink-50 { - --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0)); + .\32xl\:mb-auto { + margin-bottom: auto; } - .xl\:via-pink-100 { - --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0)); + .\32xl\:mb-px { + margin-bottom: 1px; } - .xl\:via-pink-200 { - --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0)); + .\32xl\:mb-0\.5 { + margin-bottom: 0.125rem; } - .xl\:via-pink-300 { - --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0)); + .\32xl\:mb-1\.5 { + margin-bottom: 0.375rem; } - .xl\:via-pink-400 { - --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0)); + .\32xl\:mb-2\.5 { + margin-bottom: 0.625rem; } - .xl\:via-pink-500 { - --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0)); + .\32xl\:mb-3\.5 { + margin-bottom: 0.875rem; } - .xl\:via-pink-600 { - --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0)); + .\32xl\:-mb-0 { + margin-bottom: 0px; } - .xl\:via-pink-700 { - --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0)); + .\32xl\:-mb-1 { + margin-bottom: -0.25rem; } - .xl\:via-pink-800 { - --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0)); + .\32xl\:-mb-2 { + margin-bottom: -0.5rem; } - .xl\:via-pink-900 { - --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0)); + .\32xl\:-mb-3 { + margin-bottom: -0.75rem; } - .xl\:hover\:via-transparent:hover { - --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0)); + .\32xl\:-mb-4 { + margin-bottom: -1rem; } - .xl\:hover\:via-current:hover { - --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0)); + .\32xl\:-mb-5 { + margin-bottom: -1.25rem; } - .xl\:hover\:via-black:hover { - --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0)); + .\32xl\:-mb-6 { + margin-bottom: -1.5rem; } - .xl\:hover\:via-white:hover { - --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0)); + .\32xl\:-mb-7 { + margin-bottom: -1.75rem; } - .xl\:hover\:via-gray-50:hover { - --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0)); + .\32xl\:-mb-8 { + margin-bottom: -2rem; } - .xl\:hover\:via-gray-100:hover { - --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0)); + .\32xl\:-mb-9 { + margin-bottom: -2.25rem; } - .xl\:hover\:via-gray-200:hover { - --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0)); + .\32xl\:-mb-10 { + margin-bottom: -2.5rem; } - .xl\:hover\:via-gray-300:hover { - --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0)); + .\32xl\:-mb-11 { + margin-bottom: -2.75rem; } - .xl\:hover\:via-gray-400:hover { - --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0)); + .\32xl\:-mb-12 { + margin-bottom: -3rem; } - .xl\:hover\:via-gray-500:hover { - --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0)); + .\32xl\:-mb-14 { + margin-bottom: -3.5rem; } - .xl\:hover\:via-gray-600:hover { - --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0)); + .\32xl\:-mb-16 { + margin-bottom: -4rem; } - .xl\:hover\:via-gray-700:hover { - --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0)); + .\32xl\:-mb-20 { + margin-bottom: -5rem; } - .xl\:hover\:via-gray-800:hover { - --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0)); + .\32xl\:-mb-24 { + margin-bottom: -6rem; } - .xl\:hover\:via-gray-900:hover { - --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0)); + .\32xl\:-mb-28 { + margin-bottom: -7rem; } - .xl\:hover\:via-red-50:hover { - --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0)); + .\32xl\:-mb-32 { + margin-bottom: -8rem; } - .xl\:hover\:via-red-100:hover { - --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0)); + .\32xl\:-mb-36 { + margin-bottom: -9rem; } - .xl\:hover\:via-red-200:hover { - --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0)); + .\32xl\:-mb-40 { + margin-bottom: -10rem; } - .xl\:hover\:via-red-300:hover { - --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0)); + .\32xl\:-mb-44 { + margin-bottom: -11rem; } - .xl\:hover\:via-red-400:hover { - --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0)); + .\32xl\:-mb-48 { + margin-bottom: -12rem; } - .xl\:hover\:via-red-500:hover { - --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0)); + .\32xl\:-mb-52 { + margin-bottom: -13rem; } - .xl\:hover\:via-red-600:hover { - --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0)); + .\32xl\:-mb-56 { + margin-bottom: -14rem; } - .xl\:hover\:via-red-700:hover { - --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0)); + .\32xl\:-mb-60 { + margin-bottom: -15rem; } - .xl\:hover\:via-red-800:hover { - --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0)); + .\32xl\:-mb-64 { + margin-bottom: -16rem; } - .xl\:hover\:via-red-900:hover { - --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0)); + .\32xl\:-mb-72 { + margin-bottom: -18rem; } - .xl\:hover\:via-yellow-50:hover { - --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0)); + .\32xl\:-mb-80 { + margin-bottom: -20rem; } - .xl\:hover\:via-yellow-100:hover { - --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0)); + .\32xl\:-mb-96 { + margin-bottom: -24rem; } - .xl\:hover\:via-yellow-200:hover { - --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0)); + .\32xl\:-mb-px { + margin-bottom: -1px; } - .xl\:hover\:via-yellow-300:hover { - --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0)); + .\32xl\:-mb-0\.5 { + margin-bottom: -0.125rem; } - .xl\:hover\:via-yellow-400:hover { - --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0)); + .\32xl\:-mb-1\.5 { + margin-bottom: -0.375rem; } - .xl\:hover\:via-yellow-500:hover { - --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0)); + .\32xl\:-mb-2\.5 { + margin-bottom: -0.625rem; } - .xl\:hover\:via-yellow-600:hover { - --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0)); + .\32xl\:-mb-3\.5 { + margin-bottom: -0.875rem; } - .xl\:hover\:via-yellow-700:hover { - --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0)); + .\32xl\:ml-0 { + margin-left: 0px; } - .xl\:hover\:via-yellow-800:hover { - --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0)); + .\32xl\:ml-1 { + margin-left: 0.25rem; } - .xl\:hover\:via-yellow-900:hover { - --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0)); + .\32xl\:ml-2 { + margin-left: 0.5rem; } - .xl\:hover\:via-green-50:hover { - --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0)); + .\32xl\:ml-3 { + margin-left: 0.75rem; } - .xl\:hover\:via-green-100:hover { - --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0)); + .\32xl\:ml-4 { + margin-left: 1rem; } - .xl\:hover\:via-green-200:hover { - --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0)); + .\32xl\:ml-5 { + margin-left: 1.25rem; } - .xl\:hover\:via-green-300:hover { - --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0)); + .\32xl\:ml-6 { + margin-left: 1.5rem; } - .xl\:hover\:via-green-400:hover { - --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0)); + .\32xl\:ml-7 { + margin-left: 1.75rem; } - .xl\:hover\:via-green-500:hover { - --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0)); + .\32xl\:ml-8 { + margin-left: 2rem; } - .xl\:hover\:via-green-600:hover { - --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0)); + .\32xl\:ml-9 { + margin-left: 2.25rem; } - .xl\:hover\:via-green-700:hover { - --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0)); + .\32xl\:ml-10 { + margin-left: 2.5rem; } - .xl\:hover\:via-green-800:hover { - --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0)); + .\32xl\:ml-11 { + margin-left: 2.75rem; } - .xl\:hover\:via-green-900:hover { - --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0)); + .\32xl\:ml-12 { + margin-left: 3rem; } - .xl\:hover\:via-blue-50:hover { - --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0)); + .\32xl\:ml-14 { + margin-left: 3.5rem; } - .xl\:hover\:via-blue-100:hover { - --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0)); + .\32xl\:ml-16 { + margin-left: 4rem; } - .xl\:hover\:via-blue-200:hover { - --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0)); + .\32xl\:ml-20 { + margin-left: 5rem; } - .xl\:hover\:via-blue-300:hover { - --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0)); + .\32xl\:ml-24 { + margin-left: 6rem; } - .xl\:hover\:via-blue-400:hover { - --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0)); + .\32xl\:ml-28 { + margin-left: 7rem; } - .xl\:hover\:via-blue-500:hover { - --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0)); + .\32xl\:ml-32 { + margin-left: 8rem; } - .xl\:hover\:via-blue-600:hover { - --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0)); + .\32xl\:ml-36 { + margin-left: 9rem; } - .xl\:hover\:via-blue-700:hover { - --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0)); + .\32xl\:ml-40 { + margin-left: 10rem; } - .xl\:hover\:via-blue-800:hover { - --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0)); + .\32xl\:ml-44 { + margin-left: 11rem; } - .xl\:hover\:via-blue-900:hover { - --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0)); + .\32xl\:ml-48 { + margin-left: 12rem; } - .xl\:hover\:via-indigo-50:hover { - --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0)); + .\32xl\:ml-52 { + margin-left: 13rem; } - .xl\:hover\:via-indigo-100:hover { - --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0)); + .\32xl\:ml-56 { + margin-left: 14rem; } - .xl\:hover\:via-indigo-200:hover { - --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0)); + .\32xl\:ml-60 { + margin-left: 15rem; } - .xl\:hover\:via-indigo-300:hover { - --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0)); + .\32xl\:ml-64 { + margin-left: 16rem; } - .xl\:hover\:via-indigo-400:hover { - --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0)); + .\32xl\:ml-72 { + margin-left: 18rem; } - .xl\:hover\:via-indigo-500:hover { - --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0)); + .\32xl\:ml-80 { + margin-left: 20rem; } - .xl\:hover\:via-indigo-600:hover { - --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0)); + .\32xl\:ml-96 { + margin-left: 24rem; } - .xl\:hover\:via-indigo-700:hover { - --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0)); + .\32xl\:ml-auto { + margin-left: auto; } - .xl\:hover\:via-indigo-800:hover { - --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0)); + .\32xl\:ml-px { + margin-left: 1px; } - .xl\:hover\:via-indigo-900:hover { - --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0)); + .\32xl\:ml-0\.5 { + margin-left: 0.125rem; } - .xl\:hover\:via-purple-50:hover { - --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0)); + .\32xl\:ml-1\.5 { + margin-left: 0.375rem; } - .xl\:hover\:via-purple-100:hover { - --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0)); + .\32xl\:ml-2\.5 { + margin-left: 0.625rem; } - .xl\:hover\:via-purple-200:hover { - --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0)); + .\32xl\:ml-3\.5 { + margin-left: 0.875rem; } - .xl\:hover\:via-purple-300:hover { - --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0)); + .\32xl\:-ml-0 { + margin-left: 0px; } - .xl\:hover\:via-purple-400:hover { - --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0)); + .\32xl\:-ml-1 { + margin-left: -0.25rem; } - .xl\:hover\:via-purple-500:hover { - --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0)); + .\32xl\:-ml-2 { + margin-left: -0.5rem; } - .xl\:hover\:via-purple-600:hover { - --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0)); + .\32xl\:-ml-3 { + margin-left: -0.75rem; } - .xl\:hover\:via-purple-700:hover { - --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0)); + .\32xl\:-ml-4 { + margin-left: -1rem; } - .xl\:hover\:via-purple-800:hover { - --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0)); + .\32xl\:-ml-5 { + margin-left: -1.25rem; } - .xl\:hover\:via-purple-900:hover { - --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0)); + .\32xl\:-ml-6 { + margin-left: -1.5rem; } - .xl\:hover\:via-pink-50:hover { - --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0)); + .\32xl\:-ml-7 { + margin-left: -1.75rem; } - .xl\:hover\:via-pink-100:hover { - --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0)); + .\32xl\:-ml-8 { + margin-left: -2rem; } - .xl\:hover\:via-pink-200:hover { - --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0)); + .\32xl\:-ml-9 { + margin-left: -2.25rem; } - .xl\:hover\:via-pink-300:hover { - --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0)); + .\32xl\:-ml-10 { + margin-left: -2.5rem; } - .xl\:hover\:via-pink-400:hover { - --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0)); + .\32xl\:-ml-11 { + margin-left: -2.75rem; } - .xl\:hover\:via-pink-500:hover { - --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0)); + .\32xl\:-ml-12 { + margin-left: -3rem; } - .xl\:hover\:via-pink-600:hover { - --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0)); + .\32xl\:-ml-14 { + margin-left: -3.5rem; } - .xl\:hover\:via-pink-700:hover { - --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0)); + .\32xl\:-ml-16 { + margin-left: -4rem; } - .xl\:hover\:via-pink-800:hover { - --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0)); + .\32xl\:-ml-20 { + margin-left: -5rem; } - .xl\:hover\:via-pink-900:hover { - --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0)); + .\32xl\:-ml-24 { + margin-left: -6rem; } - .xl\:focus\:via-transparent:focus { - --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0)); + .\32xl\:-ml-28 { + margin-left: -7rem; } - .xl\:focus\:via-current:focus { - --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0)); + .\32xl\:-ml-32 { + margin-left: -8rem; } - .xl\:focus\:via-black:focus { - --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0)); + .\32xl\:-ml-36 { + margin-left: -9rem; } - .xl\:focus\:via-white:focus { - --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0)); + .\32xl\:-ml-40 { + margin-left: -10rem; } - .xl\:focus\:via-gray-50:focus { - --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0)); + .\32xl\:-ml-44 { + margin-left: -11rem; } - .xl\:focus\:via-gray-100:focus { - --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0)); + .\32xl\:-ml-48 { + margin-left: -12rem; } - .xl\:focus\:via-gray-200:focus { - --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0)); + .\32xl\:-ml-52 { + margin-left: -13rem; } - .xl\:focus\:via-gray-300:focus { - --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0)); + .\32xl\:-ml-56 { + margin-left: -14rem; } - .xl\:focus\:via-gray-400:focus { - --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0)); + .\32xl\:-ml-60 { + margin-left: -15rem; } - .xl\:focus\:via-gray-500:focus { - --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0)); + .\32xl\:-ml-64 { + margin-left: -16rem; } - .xl\:focus\:via-gray-600:focus { - --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0)); + .\32xl\:-ml-72 { + margin-left: -18rem; } - .xl\:focus\:via-gray-700:focus { - --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0)); + .\32xl\:-ml-80 { + margin-left: -20rem; } - .xl\:focus\:via-gray-800:focus { - --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0)); + .\32xl\:-ml-96 { + margin-left: -24rem; } - .xl\:focus\:via-gray-900:focus { - --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0)); + .\32xl\:-ml-px { + margin-left: -1px; } - .xl\:focus\:via-red-50:focus { - --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0)); + .\32xl\:-ml-0\.5 { + margin-left: -0.125rem; } - .xl\:focus\:via-red-100:focus { - --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0)); + .\32xl\:-ml-1\.5 { + margin-left: -0.375rem; } - .xl\:focus\:via-red-200:focus { - --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0)); + .\32xl\:-ml-2\.5 { + margin-left: -0.625rem; } - .xl\:focus\:via-red-300:focus { - --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0)); + .\32xl\:-ml-3\.5 { + margin-left: -0.875rem; } - .xl\:focus\:via-red-400:focus { - --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0)); + .\32xl\:box-border { + box-sizing: border-box; } - .xl\:focus\:via-red-500:focus { - --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0)); + .\32xl\:box-content { + box-sizing: content-box; } - .xl\:focus\:via-red-600:focus { - --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0)); + .\32xl\:block { + display: block; } - .xl\:focus\:via-red-700:focus { - --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0)); + .\32xl\:inline-block { + display: inline-block; } - .xl\:focus\:via-red-800:focus { - --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0)); + .\32xl\:inline { + display: inline; } - .xl\:focus\:via-red-900:focus { - --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0)); + .\32xl\:flex { + display: flex; } - .xl\:focus\:via-yellow-50:focus { - --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0)); + .\32xl\:inline-flex { + display: inline-flex; } - .xl\:focus\:via-yellow-100:focus { - --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0)); + .\32xl\:table { + display: table; } - .xl\:focus\:via-yellow-200:focus { - --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0)); + .\32xl\:inline-table { + display: inline-table; } - .xl\:focus\:via-yellow-300:focus { - --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0)); + .\32xl\:table-caption { + display: table-caption; } - .xl\:focus\:via-yellow-400:focus { - --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0)); + .\32xl\:table-cell { + display: table-cell; } - .xl\:focus\:via-yellow-500:focus { - --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0)); + .\32xl\:table-column { + display: table-column; } - .xl\:focus\:via-yellow-600:focus { - --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0)); + .\32xl\:table-column-group { + display: table-column-group; } - .xl\:focus\:via-yellow-700:focus { - --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0)); + .\32xl\:table-footer-group { + display: table-footer-group; } - .xl\:focus\:via-yellow-800:focus { - --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0)); + .\32xl\:table-header-group { + display: table-header-group; } - .xl\:focus\:via-yellow-900:focus { - --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0)); + .\32xl\:table-row-group { + display: table-row-group; } - .xl\:focus\:via-green-50:focus { - --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0)); + .\32xl\:table-row { + display: table-row; } - .xl\:focus\:via-green-100:focus { - --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0)); + .\32xl\:flow-root { + display: flow-root; } - .xl\:focus\:via-green-200:focus { - --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0)); + .\32xl\:grid { + display: grid; } - .xl\:focus\:via-green-300:focus { - --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0)); + .\32xl\:inline-grid { + display: inline-grid; } - .xl\:focus\:via-green-400:focus { - --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0)); + .\32xl\:contents { + display: contents; } - .xl\:focus\:via-green-500:focus { - --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0)); + .\32xl\:list-item { + display: list-item; } - .xl\:focus\:via-green-600:focus { - --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0)); + .\32xl\:hidden { + display: none; } - .xl\:focus\:via-green-700:focus { - --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0)); + .\32xl\:h-0 { + height: 0px; } - .xl\:focus\:via-green-800:focus { - --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0)); + .\32xl\:h-1 { + height: 0.25rem; } - .xl\:focus\:via-green-900:focus { - --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0)); + .\32xl\:h-2 { + height: 0.5rem; } - .xl\:focus\:via-blue-50:focus { - --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0)); + .\32xl\:h-3 { + height: 0.75rem; } - .xl\:focus\:via-blue-100:focus { - --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0)); + .\32xl\:h-4 { + height: 1rem; } - .xl\:focus\:via-blue-200:focus { - --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0)); + .\32xl\:h-5 { + height: 1.25rem; } - .xl\:focus\:via-blue-300:focus { - --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0)); + .\32xl\:h-6 { + height: 1.5rem; } - .xl\:focus\:via-blue-400:focus { - --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0)); + .\32xl\:h-7 { + height: 1.75rem; } - .xl\:focus\:via-blue-500:focus { - --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0)); + .\32xl\:h-8 { + height: 2rem; } - .xl\:focus\:via-blue-600:focus { - --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0)); + .\32xl\:h-9 { + height: 2.25rem; } - .xl\:focus\:via-blue-700:focus { - --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0)); + .\32xl\:h-10 { + height: 2.5rem; } - .xl\:focus\:via-blue-800:focus { - --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0)); + .\32xl\:h-11 { + height: 2.75rem; } - .xl\:focus\:via-blue-900:focus { - --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0)); + .\32xl\:h-12 { + height: 3rem; } - .xl\:focus\:via-indigo-50:focus { - --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0)); + .\32xl\:h-14 { + height: 3.5rem; } - .xl\:focus\:via-indigo-100:focus { - --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0)); + .\32xl\:h-16 { + height: 4rem; } - .xl\:focus\:via-indigo-200:focus { - --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0)); + .\32xl\:h-20 { + height: 5rem; } - .xl\:focus\:via-indigo-300:focus { - --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0)); + .\32xl\:h-24 { + height: 6rem; } - .xl\:focus\:via-indigo-400:focus { - --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0)); + .\32xl\:h-28 { + height: 7rem; } - .xl\:focus\:via-indigo-500:focus { - --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0)); + .\32xl\:h-32 { + height: 8rem; } - .xl\:focus\:via-indigo-600:focus { - --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0)); + .\32xl\:h-36 { + height: 9rem; } - .xl\:focus\:via-indigo-700:focus { - --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0)); + .\32xl\:h-40 { + height: 10rem; } - .xl\:focus\:via-indigo-800:focus { - --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0)); + .\32xl\:h-44 { + height: 11rem; } - .xl\:focus\:via-indigo-900:focus { - --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0)); + .\32xl\:h-48 { + height: 12rem; } - .xl\:focus\:via-purple-50:focus { - --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0)); + .\32xl\:h-52 { + height: 13rem; } - .xl\:focus\:via-purple-100:focus { - --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0)); + .\32xl\:h-56 { + height: 14rem; } - .xl\:focus\:via-purple-200:focus { - --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0)); + .\32xl\:h-60 { + height: 15rem; } - .xl\:focus\:via-purple-300:focus { - --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0)); + .\32xl\:h-64 { + height: 16rem; } - .xl\:focus\:via-purple-400:focus { - --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0)); + .\32xl\:h-72 { + height: 18rem; } - .xl\:focus\:via-purple-500:focus { - --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0)); + .\32xl\:h-80 { + height: 20rem; } - .xl\:focus\:via-purple-600:focus { - --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0)); + .\32xl\:h-96 { + height: 24rem; } - .xl\:focus\:via-purple-700:focus { - --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0)); + .\32xl\:h-auto { + height: auto; } - .xl\:focus\:via-purple-800:focus { - --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0)); + .\32xl\:h-px { + height: 1px; } - .xl\:focus\:via-purple-900:focus { - --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0)); + .\32xl\:h-0\.5 { + height: 0.125rem; } - .xl\:focus\:via-pink-50:focus { - --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0)); + .\32xl\:h-1\.5 { + height: 0.375rem; } - .xl\:focus\:via-pink-100:focus { - --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0)); + .\32xl\:h-2\.5 { + height: 0.625rem; } - .xl\:focus\:via-pink-200:focus { - --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0)); + .\32xl\:h-3\.5 { + height: 0.875rem; } - .xl\:focus\:via-pink-300:focus { - --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0)); + .\32xl\:h-1\/2 { + height: 50%; } - .xl\:focus\:via-pink-400:focus { - --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0)); + .\32xl\:h-1\/3 { + height: 33.333333%; } - .xl\:focus\:via-pink-500:focus { - --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0)); + .\32xl\:h-2\/3 { + height: 66.666667%; } - .xl\:focus\:via-pink-600:focus { - --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0)); + .\32xl\:h-1\/4 { + height: 25%; } - .xl\:focus\:via-pink-700:focus { - --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0)); + .\32xl\:h-2\/4 { + height: 50%; } - .xl\:focus\:via-pink-800:focus { - --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0)); + .\32xl\:h-3\/4 { + height: 75%; } - .xl\:focus\:via-pink-900:focus { - --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0)); + .\32xl\:h-1\/5 { + height: 20%; } - .xl\:to-transparent { - --tw-gradient-to: transparent; + .\32xl\:h-2\/5 { + height: 40%; } - .xl\:to-current { - --tw-gradient-to: currentColor; + .\32xl\:h-3\/5 { + height: 60%; } - .xl\:to-black { - --tw-gradient-to: #000; + .\32xl\:h-4\/5 { + height: 80%; } - .xl\:to-white { - --tw-gradient-to: #fff; + .\32xl\:h-1\/6 { + height: 16.666667%; } - .xl\:to-gray-50 { - --tw-gradient-to: #f9fafb; + .\32xl\:h-2\/6 { + height: 33.333333%; } - .xl\:to-gray-100 { - --tw-gradient-to: #f3f4f6; + .\32xl\:h-3\/6 { + height: 50%; } - .xl\:to-gray-200 { - --tw-gradient-to: #e5e7eb; + .\32xl\:h-4\/6 { + height: 66.666667%; } - .xl\:to-gray-300 { - --tw-gradient-to: #d1d5db; + .\32xl\:h-5\/6 { + height: 83.333333%; } - .xl\:to-gray-400 { - --tw-gradient-to: #9ca3af; + .\32xl\:h-full { + height: 100%; } - .xl\:to-gray-500 { - --tw-gradient-to: #6b7280; + .\32xl\:h-screen { + height: 100vh; } - .xl\:to-gray-600 { - --tw-gradient-to: #4b5563; + .\32xl\:max-h-0 { + max-height: 0px; } - .xl\:to-gray-700 { - --tw-gradient-to: #374151; + .\32xl\:max-h-1 { + max-height: 0.25rem; } - .xl\:to-gray-800 { - --tw-gradient-to: #1f2937; + .\32xl\:max-h-2 { + max-height: 0.5rem; } - .xl\:to-gray-900 { - --tw-gradient-to: #111827; + .\32xl\:max-h-3 { + max-height: 0.75rem; } - .xl\:to-red-50 { - --tw-gradient-to: #fef2f2; + .\32xl\:max-h-4 { + max-height: 1rem; } - .xl\:to-red-100 { - --tw-gradient-to: #fee2e2; + .\32xl\:max-h-5 { + max-height: 1.25rem; } - .xl\:to-red-200 { - --tw-gradient-to: #fecaca; + .\32xl\:max-h-6 { + max-height: 1.5rem; } - .xl\:to-red-300 { - --tw-gradient-to: #fca5a5; + .\32xl\:max-h-7 { + max-height: 1.75rem; } - .xl\:to-red-400 { - --tw-gradient-to: #f87171; + .\32xl\:max-h-8 { + max-height: 2rem; } - .xl\:to-red-500 { - --tw-gradient-to: #ef4444; + .\32xl\:max-h-9 { + max-height: 2.25rem; } - .xl\:to-red-600 { - --tw-gradient-to: #dc2626; + .\32xl\:max-h-10 { + max-height: 2.5rem; } - .xl\:to-red-700 { - --tw-gradient-to: #b91c1c; + .\32xl\:max-h-11 { + max-height: 2.75rem; } - .xl\:to-red-800 { - --tw-gradient-to: #991b1b; + .\32xl\:max-h-12 { + max-height: 3rem; } - .xl\:to-red-900 { - --tw-gradient-to: #7f1d1d; + .\32xl\:max-h-14 { + max-height: 3.5rem; } - .xl\:to-yellow-50 { - --tw-gradient-to: #fffbeb; + .\32xl\:max-h-16 { + max-height: 4rem; } - .xl\:to-yellow-100 { - --tw-gradient-to: #fef3c7; + .\32xl\:max-h-20 { + max-height: 5rem; } - .xl\:to-yellow-200 { - --tw-gradient-to: #fde68a; + .\32xl\:max-h-24 { + max-height: 6rem; } - .xl\:to-yellow-300 { - --tw-gradient-to: #fcd34d; + .\32xl\:max-h-28 { + max-height: 7rem; } - .xl\:to-yellow-400 { - --tw-gradient-to: #fbbf24; + .\32xl\:max-h-32 { + max-height: 8rem; } - .xl\:to-yellow-500 { - --tw-gradient-to: #f59e0b; + .\32xl\:max-h-36 { + max-height: 9rem; } - .xl\:to-yellow-600 { - --tw-gradient-to: #d97706; + .\32xl\:max-h-40 { + max-height: 10rem; } - .xl\:to-yellow-700 { - --tw-gradient-to: #b45309; + .\32xl\:max-h-44 { + max-height: 11rem; } - .xl\:to-yellow-800 { - --tw-gradient-to: #92400e; + .\32xl\:max-h-48 { + max-height: 12rem; } - .xl\:to-yellow-900 { - --tw-gradient-to: #78350f; + .\32xl\:max-h-52 { + max-height: 13rem; } - .xl\:to-green-50 { - --tw-gradient-to: #ecfdf5; + .\32xl\:max-h-56 { + max-height: 14rem; } - .xl\:to-green-100 { - --tw-gradient-to: #d1fae5; + .\32xl\:max-h-60 { + max-height: 15rem; } - .xl\:to-green-200 { - --tw-gradient-to: #a7f3d0; + .\32xl\:max-h-64 { + max-height: 16rem; } - .xl\:to-green-300 { - --tw-gradient-to: #6ee7b7; + .\32xl\:max-h-72 { + max-height: 18rem; } - .xl\:to-green-400 { - --tw-gradient-to: #34d399; + .\32xl\:max-h-80 { + max-height: 20rem; } - .xl\:to-green-500 { - --tw-gradient-to: #10b981; + .\32xl\:max-h-96 { + max-height: 24rem; } - .xl\:to-green-600 { - --tw-gradient-to: #059669; + .\32xl\:max-h-px { + max-height: 1px; } - .xl\:to-green-700 { - --tw-gradient-to: #047857; + .\32xl\:max-h-0\.5 { + max-height: 0.125rem; } - .xl\:to-green-800 { - --tw-gradient-to: #065f46; + .\32xl\:max-h-1\.5 { + max-height: 0.375rem; } - .xl\:to-green-900 { - --tw-gradient-to: #064e3b; + .\32xl\:max-h-2\.5 { + max-height: 0.625rem; } - .xl\:to-blue-50 { - --tw-gradient-to: #eff6ff; + .\32xl\:max-h-3\.5 { + max-height: 0.875rem; } - .xl\:to-blue-100 { - --tw-gradient-to: #dbeafe; + .\32xl\:max-h-full { + max-height: 100%; } - .xl\:to-blue-200 { - --tw-gradient-to: #bfdbfe; + .\32xl\:max-h-screen { + max-height: 100vh; } - .xl\:to-blue-300 { - --tw-gradient-to: #93c5fd; + .\32xl\:min-h-0 { + min-height: 0px; } - .xl\:to-blue-400 { - --tw-gradient-to: #60a5fa; + .\32xl\:min-h-full { + min-height: 100%; } - .xl\:to-blue-500 { - --tw-gradient-to: #3b82f6; + .\32xl\:min-h-screen { + min-height: 100vh; } - .xl\:to-blue-600 { - --tw-gradient-to: #2563eb; + .\32xl\:w-0 { + width: 0px; } - .xl\:to-blue-700 { - --tw-gradient-to: #1d4ed8; + .\32xl\:w-1 { + width: 0.25rem; } - .xl\:to-blue-800 { - --tw-gradient-to: #1e40af; + .\32xl\:w-2 { + width: 0.5rem; } - .xl\:to-blue-900 { - --tw-gradient-to: #1e3a8a; + .\32xl\:w-3 { + width: 0.75rem; } - .xl\:to-indigo-50 { - --tw-gradient-to: #eef2ff; + .\32xl\:w-4 { + width: 1rem; } - .xl\:to-indigo-100 { - --tw-gradient-to: #e0e7ff; + .\32xl\:w-5 { + width: 1.25rem; } - .xl\:to-indigo-200 { - --tw-gradient-to: #c7d2fe; + .\32xl\:w-6 { + width: 1.5rem; } - .xl\:to-indigo-300 { - --tw-gradient-to: #a5b4fc; + .\32xl\:w-7 { + width: 1.75rem; } - .xl\:to-indigo-400 { - --tw-gradient-to: #818cf8; + .\32xl\:w-8 { + width: 2rem; } - .xl\:to-indigo-500 { - --tw-gradient-to: #6366f1; + .\32xl\:w-9 { + width: 2.25rem; } - .xl\:to-indigo-600 { - --tw-gradient-to: #4f46e5; + .\32xl\:w-10 { + width: 2.5rem; } - .xl\:to-indigo-700 { - --tw-gradient-to: #4338ca; + .\32xl\:w-11 { + width: 2.75rem; } - .xl\:to-indigo-800 { - --tw-gradient-to: #3730a3; + .\32xl\:w-12 { + width: 3rem; } - .xl\:to-indigo-900 { - --tw-gradient-to: #312e81; + .\32xl\:w-14 { + width: 3.5rem; } - .xl\:to-purple-50 { - --tw-gradient-to: #f5f3ff; + .\32xl\:w-16 { + width: 4rem; } - .xl\:to-purple-100 { - --tw-gradient-to: #ede9fe; + .\32xl\:w-20 { + width: 5rem; } - .xl\:to-purple-200 { - --tw-gradient-to: #ddd6fe; + .\32xl\:w-24 { + width: 6rem; } - .xl\:to-purple-300 { - --tw-gradient-to: #c4b5fd; + .\32xl\:w-28 { + width: 7rem; } - .xl\:to-purple-400 { - --tw-gradient-to: #a78bfa; + .\32xl\:w-32 { + width: 8rem; } - .xl\:to-purple-500 { - --tw-gradient-to: #8b5cf6; + .\32xl\:w-36 { + width: 9rem; } - .xl\:to-purple-600 { - --tw-gradient-to: #7c3aed; + .\32xl\:w-40 { + width: 10rem; } - .xl\:to-purple-700 { - --tw-gradient-to: #6d28d9; + .\32xl\:w-44 { + width: 11rem; } - .xl\:to-purple-800 { - --tw-gradient-to: #5b21b6; + .\32xl\:w-48 { + width: 12rem; } - .xl\:to-purple-900 { - --tw-gradient-to: #4c1d95; + .\32xl\:w-52 { + width: 13rem; } - .xl\:to-pink-50 { - --tw-gradient-to: #fdf2f8; + .\32xl\:w-56 { + width: 14rem; } - .xl\:to-pink-100 { - --tw-gradient-to: #fce7f3; + .\32xl\:w-60 { + width: 15rem; } - .xl\:to-pink-200 { - --tw-gradient-to: #fbcfe8; + .\32xl\:w-64 { + width: 16rem; } - .xl\:to-pink-300 { - --tw-gradient-to: #f9a8d4; + .\32xl\:w-72 { + width: 18rem; } - .xl\:to-pink-400 { - --tw-gradient-to: #f472b6; + .\32xl\:w-80 { + width: 20rem; } - .xl\:to-pink-500 { - --tw-gradient-to: #ec4899; + .\32xl\:w-96 { + width: 24rem; } - .xl\:to-pink-600 { - --tw-gradient-to: #db2777; + .\32xl\:w-auto { + width: auto; } - .xl\:to-pink-700 { - --tw-gradient-to: #be185d; + .\32xl\:w-px { + width: 1px; } - .xl\:to-pink-800 { - --tw-gradient-to: #9d174d; + .\32xl\:w-0\.5 { + width: 0.125rem; } - .xl\:to-pink-900 { - --tw-gradient-to: #831843; + .\32xl\:w-1\.5 { + width: 0.375rem; } - .xl\:hover\:to-transparent:hover { - --tw-gradient-to: transparent; + .\32xl\:w-2\.5 { + width: 0.625rem; } - .xl\:hover\:to-current:hover { - --tw-gradient-to: currentColor; + .\32xl\:w-3\.5 { + width: 0.875rem; } - .xl\:hover\:to-black:hover { - --tw-gradient-to: #000; + .\32xl\:w-1\/2 { + width: 50%; } - .xl\:hover\:to-white:hover { - --tw-gradient-to: #fff; + .\32xl\:w-1\/3 { + width: 33.333333%; } - .xl\:hover\:to-gray-50:hover { - --tw-gradient-to: #f9fafb; + .\32xl\:w-2\/3 { + width: 66.666667%; } - .xl\:hover\:to-gray-100:hover { - --tw-gradient-to: #f3f4f6; + .\32xl\:w-1\/4 { + width: 25%; } - .xl\:hover\:to-gray-200:hover { - --tw-gradient-to: #e5e7eb; + .\32xl\:w-2\/4 { + width: 50%; } - .xl\:hover\:to-gray-300:hover { - --tw-gradient-to: #d1d5db; + .\32xl\:w-3\/4 { + width: 75%; } - .xl\:hover\:to-gray-400:hover { - --tw-gradient-to: #9ca3af; + .\32xl\:w-1\/5 { + width: 20%; } - .xl\:hover\:to-gray-500:hover { - --tw-gradient-to: #6b7280; + .\32xl\:w-2\/5 { + width: 40%; } - .xl\:hover\:to-gray-600:hover { - --tw-gradient-to: #4b5563; + .\32xl\:w-3\/5 { + width: 60%; } - .xl\:hover\:to-gray-700:hover { - --tw-gradient-to: #374151; + .\32xl\:w-4\/5 { + width: 80%; } - .xl\:hover\:to-gray-800:hover { - --tw-gradient-to: #1f2937; + .\32xl\:w-1\/6 { + width: 16.666667%; } - .xl\:hover\:to-gray-900:hover { - --tw-gradient-to: #111827; + .\32xl\:w-2\/6 { + width: 33.333333%; } - .xl\:hover\:to-red-50:hover { - --tw-gradient-to: #fef2f2; + .\32xl\:w-3\/6 { + width: 50%; } - .xl\:hover\:to-red-100:hover { - --tw-gradient-to: #fee2e2; + .\32xl\:w-4\/6 { + width: 66.666667%; } - .xl\:hover\:to-red-200:hover { - --tw-gradient-to: #fecaca; + .\32xl\:w-5\/6 { + width: 83.333333%; } - .xl\:hover\:to-red-300:hover { - --tw-gradient-to: #fca5a5; + .\32xl\:w-1\/12 { + width: 8.333333%; } - .xl\:hover\:to-red-400:hover { - --tw-gradient-to: #f87171; + .\32xl\:w-2\/12 { + width: 16.666667%; } - .xl\:hover\:to-red-500:hover { - --tw-gradient-to: #ef4444; + .\32xl\:w-3\/12 { + width: 25%; } - .xl\:hover\:to-red-600:hover { - --tw-gradient-to: #dc2626; + .\32xl\:w-4\/12 { + width: 33.333333%; } - .xl\:hover\:to-red-700:hover { - --tw-gradient-to: #b91c1c; + .\32xl\:w-5\/12 { + width: 41.666667%; } - .xl\:hover\:to-red-800:hover { - --tw-gradient-to: #991b1b; + .\32xl\:w-6\/12 { + width: 50%; } - .xl\:hover\:to-red-900:hover { - --tw-gradient-to: #7f1d1d; + .\32xl\:w-7\/12 { + width: 58.333333%; } - .xl\:hover\:to-yellow-50:hover { - --tw-gradient-to: #fffbeb; + .\32xl\:w-8\/12 { + width: 66.666667%; } - .xl\:hover\:to-yellow-100:hover { - --tw-gradient-to: #fef3c7; + .\32xl\:w-9\/12 { + width: 75%; } - .xl\:hover\:to-yellow-200:hover { - --tw-gradient-to: #fde68a; + .\32xl\:w-10\/12 { + width: 83.333333%; } - .xl\:hover\:to-yellow-300:hover { - --tw-gradient-to: #fcd34d; + .\32xl\:w-11\/12 { + width: 91.666667%; } - .xl\:hover\:to-yellow-400:hover { - --tw-gradient-to: #fbbf24; + .\32xl\:w-full { + width: 100%; } - .xl\:hover\:to-yellow-500:hover { - --tw-gradient-to: #f59e0b; + .\32xl\:w-screen { + width: 100vw; } - .xl\:hover\:to-yellow-600:hover { - --tw-gradient-to: #d97706; + .\32xl\:w-min { + width: -moz-min-content; + width: min-content; } - .xl\:hover\:to-yellow-700:hover { - --tw-gradient-to: #b45309; + .\32xl\:w-max { + width: -moz-max-content; + width: max-content; } - .xl\:hover\:to-yellow-800:hover { - --tw-gradient-to: #92400e; + .\32xl\:min-w-0 { + min-width: 0px; } - .xl\:hover\:to-yellow-900:hover { - --tw-gradient-to: #78350f; + .\32xl\:min-w-full { + min-width: 100%; } - .xl\:hover\:to-green-50:hover { - --tw-gradient-to: #ecfdf5; + .\32xl\:min-w-min { + min-width: -moz-min-content; + min-width: min-content; } - .xl\:hover\:to-green-100:hover { - --tw-gradient-to: #d1fae5; + .\32xl\:min-w-max { + min-width: -moz-max-content; + min-width: max-content; } - .xl\:hover\:to-green-200:hover { - --tw-gradient-to: #a7f3d0; + .\32xl\:max-w-0 { + max-width: 0rem; } - .xl\:hover\:to-green-300:hover { - --tw-gradient-to: #6ee7b7; + .\32xl\:max-w-none { + max-width: none; } - .xl\:hover\:to-green-400:hover { - --tw-gradient-to: #34d399; + .\32xl\:max-w-xs { + max-width: 20rem; } - .xl\:hover\:to-green-500:hover { - --tw-gradient-to: #10b981; + .\32xl\:max-w-sm { + max-width: 24rem; } - .xl\:hover\:to-green-600:hover { - --tw-gradient-to: #059669; + .\32xl\:max-w-md { + max-width: 28rem; } - .xl\:hover\:to-green-700:hover { - --tw-gradient-to: #047857; + .\32xl\:max-w-lg { + max-width: 32rem; } - .xl\:hover\:to-green-800:hover { - --tw-gradient-to: #065f46; + .\32xl\:max-w-xl { + max-width: 36rem; } - .xl\:hover\:to-green-900:hover { - --tw-gradient-to: #064e3b; + .\32xl\:max-w-2xl { + max-width: 42rem; } - .xl\:hover\:to-blue-50:hover { - --tw-gradient-to: #eff6ff; + .\32xl\:max-w-3xl { + max-width: 48rem; } - .xl\:hover\:to-blue-100:hover { - --tw-gradient-to: #dbeafe; + .\32xl\:max-w-4xl { + max-width: 56rem; } - .xl\:hover\:to-blue-200:hover { - --tw-gradient-to: #bfdbfe; + .\32xl\:max-w-5xl { + max-width: 64rem; } - .xl\:hover\:to-blue-300:hover { - --tw-gradient-to: #93c5fd; + .\32xl\:max-w-6xl { + max-width: 72rem; } - .xl\:hover\:to-blue-400:hover { - --tw-gradient-to: #60a5fa; + .\32xl\:max-w-7xl { + max-width: 80rem; } - .xl\:hover\:to-blue-500:hover { - --tw-gradient-to: #3b82f6; + .\32xl\:max-w-full { + max-width: 100%; } - .xl\:hover\:to-blue-600:hover { - --tw-gradient-to: #2563eb; + .\32xl\:max-w-min { + max-width: -moz-min-content; + max-width: min-content; } - .xl\:hover\:to-blue-700:hover { - --tw-gradient-to: #1d4ed8; + .\32xl\:max-w-max { + max-width: -moz-max-content; + max-width: max-content; } - .xl\:hover\:to-blue-800:hover { - --tw-gradient-to: #1e40af; + .\32xl\:max-w-prose { + max-width: 65ch; } - .xl\:hover\:to-blue-900:hover { - --tw-gradient-to: #1e3a8a; + .\32xl\:max-w-screen-sm { + max-width: 640px; } - .xl\:hover\:to-indigo-50:hover { - --tw-gradient-to: #eef2ff; + .\32xl\:max-w-screen-md { + max-width: 768px; } - .xl\:hover\:to-indigo-100:hover { - --tw-gradient-to: #e0e7ff; + .\32xl\:max-w-screen-lg { + max-width: 1024px; } - .xl\:hover\:to-indigo-200:hover { - --tw-gradient-to: #c7d2fe; + .\32xl\:max-w-screen-xl { + max-width: 1280px; } - .xl\:hover\:to-indigo-300:hover { - --tw-gradient-to: #a5b4fc; + .\32xl\:max-w-screen-2xl { + max-width: 1536px; } - .xl\:hover\:to-indigo-400:hover { - --tw-gradient-to: #818cf8; + .\32xl\:flex-1 { + flex: 1 1 0%; } - .xl\:hover\:to-indigo-500:hover { - --tw-gradient-to: #6366f1; + .\32xl\:flex-auto { + flex: 1 1 auto; } - .xl\:hover\:to-indigo-600:hover { - --tw-gradient-to: #4f46e5; + .\32xl\:flex-initial { + flex: 0 1 auto; } - .xl\:hover\:to-indigo-700:hover { - --tw-gradient-to: #4338ca; + .\32xl\:flex-none { + flex: none; } - .xl\:hover\:to-indigo-800:hover { - --tw-gradient-to: #3730a3; + .\32xl\:flex-shrink-0 { + flex-shrink: 0; } - .xl\:hover\:to-indigo-900:hover { - --tw-gradient-to: #312e81; + .\32xl\:flex-shrink { + flex-shrink: 1; } - .xl\:hover\:to-purple-50:hover { - --tw-gradient-to: #f5f3ff; + .\32xl\:flex-grow-0 { + flex-grow: 0; } - .xl\:hover\:to-purple-100:hover { - --tw-gradient-to: #ede9fe; + .\32xl\:flex-grow { + flex-grow: 1; } - .xl\:hover\:to-purple-200:hover { - --tw-gradient-to: #ddd6fe; + .\32xl\:table-auto { + table-layout: auto; } - .xl\:hover\:to-purple-300:hover { - --tw-gradient-to: #c4b5fd; + .\32xl\:table-fixed { + table-layout: fixed; } - .xl\:hover\:to-purple-400:hover { - --tw-gradient-to: #a78bfa; + .\32xl\:border-collapse { + border-collapse: collapse; } - .xl\:hover\:to-purple-500:hover { - --tw-gradient-to: #8b5cf6; + .\32xl\:border-separate { + border-collapse: separate; } - .xl\:hover\:to-purple-600:hover { - --tw-gradient-to: #7c3aed; + .\32xl\:origin-center { + transform-origin: center; } - .xl\:hover\:to-purple-700:hover { - --tw-gradient-to: #6d28d9; + .\32xl\:origin-top { + transform-origin: top; } - .xl\:hover\:to-purple-800:hover { - --tw-gradient-to: #5b21b6; + .\32xl\:origin-top-right { + transform-origin: top right; } - .xl\:hover\:to-purple-900:hover { - --tw-gradient-to: #4c1d95; + .\32xl\:origin-right { + transform-origin: right; } - .xl\:hover\:to-pink-50:hover { - --tw-gradient-to: #fdf2f8; + .\32xl\:origin-bottom-right { + transform-origin: bottom right; } - .xl\:hover\:to-pink-100:hover { - --tw-gradient-to: #fce7f3; + .\32xl\:origin-bottom { + transform-origin: bottom; } - .xl\:hover\:to-pink-200:hover { - --tw-gradient-to: #fbcfe8; + .\32xl\:origin-bottom-left { + transform-origin: bottom left; } - .xl\:hover\:to-pink-300:hover { - --tw-gradient-to: #f9a8d4; + .\32xl\:origin-left { + transform-origin: left; } - .xl\:hover\:to-pink-400:hover { - --tw-gradient-to: #f472b6; + .\32xl\:origin-top-left { + transform-origin: top left; } - .xl\:hover\:to-pink-500:hover { - --tw-gradient-to: #ec4899; + .\32xl\:transform { + --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; + transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } - .xl\:hover\:to-pink-600:hover { - --tw-gradient-to: #db2777; + .\32xl\:transform-gpu { + --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; + transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } - .xl\:hover\:to-pink-700:hover { - --tw-gradient-to: #be185d; + .\32xl\:transform-none { + transform: none; } - .xl\:hover\:to-pink-800:hover { - --tw-gradient-to: #9d174d; + .\32xl\:translate-x-0 { + --tw-translate-x: 0px; } - .xl\:hover\:to-pink-900:hover { - --tw-gradient-to: #831843; + .\32xl\:translate-x-1 { + --tw-translate-x: 0.25rem; } - .xl\:focus\:to-transparent:focus { - --tw-gradient-to: transparent; + .\32xl\:translate-x-2 { + --tw-translate-x: 0.5rem; } - .xl\:focus\:to-current:focus { - --tw-gradient-to: currentColor; + .\32xl\:translate-x-3 { + --tw-translate-x: 0.75rem; } - .xl\:focus\:to-black:focus { - --tw-gradient-to: #000; + .\32xl\:translate-x-4 { + --tw-translate-x: 1rem; } - .xl\:focus\:to-white:focus { - --tw-gradient-to: #fff; + .\32xl\:translate-x-5 { + --tw-translate-x: 1.25rem; } - .xl\:focus\:to-gray-50:focus { - --tw-gradient-to: #f9fafb; + .\32xl\:translate-x-6 { + --tw-translate-x: 1.5rem; } - .xl\:focus\:to-gray-100:focus { - --tw-gradient-to: #f3f4f6; + .\32xl\:translate-x-7 { + --tw-translate-x: 1.75rem; } - .xl\:focus\:to-gray-200:focus { - --tw-gradient-to: #e5e7eb; + .\32xl\:translate-x-8 { + --tw-translate-x: 2rem; } - .xl\:focus\:to-gray-300:focus { - --tw-gradient-to: #d1d5db; + .\32xl\:translate-x-9 { + --tw-translate-x: 2.25rem; } - .xl\:focus\:to-gray-400:focus { - --tw-gradient-to: #9ca3af; + .\32xl\:translate-x-10 { + --tw-translate-x: 2.5rem; } - .xl\:focus\:to-gray-500:focus { - --tw-gradient-to: #6b7280; + .\32xl\:translate-x-11 { + --tw-translate-x: 2.75rem; } - .xl\:focus\:to-gray-600:focus { - --tw-gradient-to: #4b5563; + .\32xl\:translate-x-12 { + --tw-translate-x: 3rem; } - .xl\:focus\:to-gray-700:focus { - --tw-gradient-to: #374151; + .\32xl\:translate-x-14 { + --tw-translate-x: 3.5rem; } - .xl\:focus\:to-gray-800:focus { - --tw-gradient-to: #1f2937; + .\32xl\:translate-x-16 { + --tw-translate-x: 4rem; } - .xl\:focus\:to-gray-900:focus { - --tw-gradient-to: #111827; + .\32xl\:translate-x-20 { + --tw-translate-x: 5rem; } - .xl\:focus\:to-red-50:focus { - --tw-gradient-to: #fef2f2; + .\32xl\:translate-x-24 { + --tw-translate-x: 6rem; } - .xl\:focus\:to-red-100:focus { - --tw-gradient-to: #fee2e2; + .\32xl\:translate-x-28 { + --tw-translate-x: 7rem; } - .xl\:focus\:to-red-200:focus { - --tw-gradient-to: #fecaca; + .\32xl\:translate-x-32 { + --tw-translate-x: 8rem; } - .xl\:focus\:to-red-300:focus { - --tw-gradient-to: #fca5a5; + .\32xl\:translate-x-36 { + --tw-translate-x: 9rem; } - .xl\:focus\:to-red-400:focus { - --tw-gradient-to: #f87171; + .\32xl\:translate-x-40 { + --tw-translate-x: 10rem; } - .xl\:focus\:to-red-500:focus { - --tw-gradient-to: #ef4444; + .\32xl\:translate-x-44 { + --tw-translate-x: 11rem; } - .xl\:focus\:to-red-600:focus { - --tw-gradient-to: #dc2626; + .\32xl\:translate-x-48 { + --tw-translate-x: 12rem; } - .xl\:focus\:to-red-700:focus { - --tw-gradient-to: #b91c1c; + .\32xl\:translate-x-52 { + --tw-translate-x: 13rem; } - .xl\:focus\:to-red-800:focus { - --tw-gradient-to: #991b1b; + .\32xl\:translate-x-56 { + --tw-translate-x: 14rem; } - .xl\:focus\:to-red-900:focus { - --tw-gradient-to: #7f1d1d; + .\32xl\:translate-x-60 { + --tw-translate-x: 15rem; } - .xl\:focus\:to-yellow-50:focus { - --tw-gradient-to: #fffbeb; + .\32xl\:translate-x-64 { + --tw-translate-x: 16rem; } - .xl\:focus\:to-yellow-100:focus { - --tw-gradient-to: #fef3c7; + .\32xl\:translate-x-72 { + --tw-translate-x: 18rem; } - .xl\:focus\:to-yellow-200:focus { - --tw-gradient-to: #fde68a; + .\32xl\:translate-x-80 { + --tw-translate-x: 20rem; } - .xl\:focus\:to-yellow-300:focus { - --tw-gradient-to: #fcd34d; + .\32xl\:translate-x-96 { + --tw-translate-x: 24rem; } - .xl\:focus\:to-yellow-400:focus { - --tw-gradient-to: #fbbf24; + .\32xl\:translate-x-px { + --tw-translate-x: 1px; } - .xl\:focus\:to-yellow-500:focus { - --tw-gradient-to: #f59e0b; + .\32xl\:translate-x-0\.5 { + --tw-translate-x: 0.125rem; } - .xl\:focus\:to-yellow-600:focus { - --tw-gradient-to: #d97706; + .\32xl\:translate-x-1\.5 { + --tw-translate-x: 0.375rem; } - .xl\:focus\:to-yellow-700:focus { - --tw-gradient-to: #b45309; + .\32xl\:translate-x-2\.5 { + --tw-translate-x: 0.625rem; } - .xl\:focus\:to-yellow-800:focus { - --tw-gradient-to: #92400e; + .\32xl\:translate-x-3\.5 { + --tw-translate-x: 0.875rem; } - .xl\:focus\:to-yellow-900:focus { - --tw-gradient-to: #78350f; + .\32xl\:-translate-x-0 { + --tw-translate-x: 0px; } - .xl\:focus\:to-green-50:focus { - --tw-gradient-to: #ecfdf5; + .\32xl\:-translate-x-1 { + --tw-translate-x: -0.25rem; } - .xl\:focus\:to-green-100:focus { - --tw-gradient-to: #d1fae5; + .\32xl\:-translate-x-2 { + --tw-translate-x: -0.5rem; } - .xl\:focus\:to-green-200:focus { - --tw-gradient-to: #a7f3d0; + .\32xl\:-translate-x-3 { + --tw-translate-x: -0.75rem; } - .xl\:focus\:to-green-300:focus { - --tw-gradient-to: #6ee7b7; + .\32xl\:-translate-x-4 { + --tw-translate-x: -1rem; } - .xl\:focus\:to-green-400:focus { - --tw-gradient-to: #34d399; + .\32xl\:-translate-x-5 { + --tw-translate-x: -1.25rem; } - .xl\:focus\:to-green-500:focus { - --tw-gradient-to: #10b981; + .\32xl\:-translate-x-6 { + --tw-translate-x: -1.5rem; } - .xl\:focus\:to-green-600:focus { - --tw-gradient-to: #059669; + .\32xl\:-translate-x-7 { + --tw-translate-x: -1.75rem; } - .xl\:focus\:to-green-700:focus { - --tw-gradient-to: #047857; + .\32xl\:-translate-x-8 { + --tw-translate-x: -2rem; } - .xl\:focus\:to-green-800:focus { - --tw-gradient-to: #065f46; + .\32xl\:-translate-x-9 { + --tw-translate-x: -2.25rem; } - .xl\:focus\:to-green-900:focus { - --tw-gradient-to: #064e3b; + .\32xl\:-translate-x-10 { + --tw-translate-x: -2.5rem; } - .xl\:focus\:to-blue-50:focus { - --tw-gradient-to: #eff6ff; + .\32xl\:-translate-x-11 { + --tw-translate-x: -2.75rem; } - .xl\:focus\:to-blue-100:focus { - --tw-gradient-to: #dbeafe; + .\32xl\:-translate-x-12 { + --tw-translate-x: -3rem; } - .xl\:focus\:to-blue-200:focus { - --tw-gradient-to: #bfdbfe; + .\32xl\:-translate-x-14 { + --tw-translate-x: -3.5rem; } - .xl\:focus\:to-blue-300:focus { - --tw-gradient-to: #93c5fd; + .\32xl\:-translate-x-16 { + --tw-translate-x: -4rem; } - .xl\:focus\:to-blue-400:focus { - --tw-gradient-to: #60a5fa; + .\32xl\:-translate-x-20 { + --tw-translate-x: -5rem; } - .xl\:focus\:to-blue-500:focus { - --tw-gradient-to: #3b82f6; + .\32xl\:-translate-x-24 { + --tw-translate-x: -6rem; } - .xl\:focus\:to-blue-600:focus { - --tw-gradient-to: #2563eb; + .\32xl\:-translate-x-28 { + --tw-translate-x: -7rem; } - .xl\:focus\:to-blue-700:focus { - --tw-gradient-to: #1d4ed8; + .\32xl\:-translate-x-32 { + --tw-translate-x: -8rem; } - .xl\:focus\:to-blue-800:focus { - --tw-gradient-to: #1e40af; + .\32xl\:-translate-x-36 { + --tw-translate-x: -9rem; } - .xl\:focus\:to-blue-900:focus { - --tw-gradient-to: #1e3a8a; + .\32xl\:-translate-x-40 { + --tw-translate-x: -10rem; } - .xl\:focus\:to-indigo-50:focus { - --tw-gradient-to: #eef2ff; + .\32xl\:-translate-x-44 { + --tw-translate-x: -11rem; } - .xl\:focus\:to-indigo-100:focus { - --tw-gradient-to: #e0e7ff; + .\32xl\:-translate-x-48 { + --tw-translate-x: -12rem; } - .xl\:focus\:to-indigo-200:focus { - --tw-gradient-to: #c7d2fe; + .\32xl\:-translate-x-52 { + --tw-translate-x: -13rem; } - .xl\:focus\:to-indigo-300:focus { - --tw-gradient-to: #a5b4fc; + .\32xl\:-translate-x-56 { + --tw-translate-x: -14rem; } - .xl\:focus\:to-indigo-400:focus { - --tw-gradient-to: #818cf8; + .\32xl\:-translate-x-60 { + --tw-translate-x: -15rem; } - .xl\:focus\:to-indigo-500:focus { - --tw-gradient-to: #6366f1; + .\32xl\:-translate-x-64 { + --tw-translate-x: -16rem; } - .xl\:focus\:to-indigo-600:focus { - --tw-gradient-to: #4f46e5; + .\32xl\:-translate-x-72 { + --tw-translate-x: -18rem; } - .xl\:focus\:to-indigo-700:focus { - --tw-gradient-to: #4338ca; + .\32xl\:-translate-x-80 { + --tw-translate-x: -20rem; } - .xl\:focus\:to-indigo-800:focus { - --tw-gradient-to: #3730a3; + .\32xl\:-translate-x-96 { + --tw-translate-x: -24rem; } - .xl\:focus\:to-indigo-900:focus { - --tw-gradient-to: #312e81; + .\32xl\:-translate-x-px { + --tw-translate-x: -1px; } - .xl\:focus\:to-purple-50:focus { - --tw-gradient-to: #f5f3ff; + .\32xl\:-translate-x-0\.5 { + --tw-translate-x: -0.125rem; } - .xl\:focus\:to-purple-100:focus { - --tw-gradient-to: #ede9fe; + .\32xl\:-translate-x-1\.5 { + --tw-translate-x: -0.375rem; } - .xl\:focus\:to-purple-200:focus { - --tw-gradient-to: #ddd6fe; + .\32xl\:-translate-x-2\.5 { + --tw-translate-x: -0.625rem; } - .xl\:focus\:to-purple-300:focus { - --tw-gradient-to: #c4b5fd; + .\32xl\:-translate-x-3\.5 { + --tw-translate-x: -0.875rem; } - .xl\:focus\:to-purple-400:focus { - --tw-gradient-to: #a78bfa; + .\32xl\:translate-x-1\/2 { + --tw-translate-x: 50%; } - .xl\:focus\:to-purple-500:focus { - --tw-gradient-to: #8b5cf6; + .\32xl\:translate-x-1\/3 { + --tw-translate-x: 33.333333%; } - .xl\:focus\:to-purple-600:focus { - --tw-gradient-to: #7c3aed; + .\32xl\:translate-x-2\/3 { + --tw-translate-x: 66.666667%; } - .xl\:focus\:to-purple-700:focus { - --tw-gradient-to: #6d28d9; + .\32xl\:translate-x-1\/4 { + --tw-translate-x: 25%; } - .xl\:focus\:to-purple-800:focus { - --tw-gradient-to: #5b21b6; + .\32xl\:translate-x-2\/4 { + --tw-translate-x: 50%; } - .xl\:focus\:to-purple-900:focus { - --tw-gradient-to: #4c1d95; + .\32xl\:translate-x-3\/4 { + --tw-translate-x: 75%; } - .xl\:focus\:to-pink-50:focus { - --tw-gradient-to: #fdf2f8; + .\32xl\:translate-x-full { + --tw-translate-x: 100%; } - .xl\:focus\:to-pink-100:focus { - --tw-gradient-to: #fce7f3; + .\32xl\:-translate-x-1\/2 { + --tw-translate-x: -50%; } - .xl\:focus\:to-pink-200:focus { - --tw-gradient-to: #fbcfe8; + .\32xl\:-translate-x-1\/3 { + --tw-translate-x: -33.333333%; } - .xl\:focus\:to-pink-300:focus { - --tw-gradient-to: #f9a8d4; + .\32xl\:-translate-x-2\/3 { + --tw-translate-x: -66.666667%; } - .xl\:focus\:to-pink-400:focus { - --tw-gradient-to: #f472b6; + .\32xl\:-translate-x-1\/4 { + --tw-translate-x: -25%; } - .xl\:focus\:to-pink-500:focus { - --tw-gradient-to: #ec4899; + .\32xl\:-translate-x-2\/4 { + --tw-translate-x: -50%; } - .xl\:focus\:to-pink-600:focus { - --tw-gradient-to: #db2777; + .\32xl\:-translate-x-3\/4 { + --tw-translate-x: -75%; } - .xl\:focus\:to-pink-700:focus { - --tw-gradient-to: #be185d; + .\32xl\:-translate-x-full { + --tw-translate-x: -100%; } - .xl\:focus\:to-pink-800:focus { - --tw-gradient-to: #9d174d; + .\32xl\:translate-y-0 { + --tw-translate-y: 0px; } - .xl\:focus\:to-pink-900:focus { - --tw-gradient-to: #831843; + .\32xl\:translate-y-1 { + --tw-translate-y: 0.25rem; } - .xl\:decoration-slice { - -webkit-box-decoration-break: slice; - box-decoration-break: slice; + .\32xl\:translate-y-2 { + --tw-translate-y: 0.5rem; } - .xl\:decoration-clone { - -webkit-box-decoration-break: clone; - box-decoration-break: clone; + .\32xl\:translate-y-3 { + --tw-translate-y: 0.75rem; } - .xl\:bg-auto { - background-size: auto; + .\32xl\:translate-y-4 { + --tw-translate-y: 1rem; } - .xl\:bg-cover { - background-size: cover; + .\32xl\:translate-y-5 { + --tw-translate-y: 1.25rem; } - .xl\:bg-contain { - background-size: contain; + .\32xl\:translate-y-6 { + --tw-translate-y: 1.5rem; } - .xl\:bg-fixed { - background-attachment: fixed; + .\32xl\:translate-y-7 { + --tw-translate-y: 1.75rem; } - .xl\:bg-local { - background-attachment: local; + .\32xl\:translate-y-8 { + --tw-translate-y: 2rem; } - .xl\:bg-scroll { - background-attachment: scroll; + .\32xl\:translate-y-9 { + --tw-translate-y: 2.25rem; } - .xl\:bg-clip-border { - background-clip: border-box; + .\32xl\:translate-y-10 { + --tw-translate-y: 2.5rem; } - .xl\:bg-clip-padding { - background-clip: padding-box; + .\32xl\:translate-y-11 { + --tw-translate-y: 2.75rem; } - .xl\:bg-clip-content { - background-clip: content-box; + .\32xl\:translate-y-12 { + --tw-translate-y: 3rem; } - .xl\:bg-clip-text { - -webkit-background-clip: text; - background-clip: text; + .\32xl\:translate-y-14 { + --tw-translate-y: 3.5rem; } - .xl\:bg-bottom { - background-position: bottom; + .\32xl\:translate-y-16 { + --tw-translate-y: 4rem; } - .xl\:bg-center { - background-position: center; + .\32xl\:translate-y-20 { + --tw-translate-y: 5rem; } - .xl\:bg-left { - background-position: left; + .\32xl\:translate-y-24 { + --tw-translate-y: 6rem; } - .xl\:bg-left-bottom { - background-position: left bottom; + .\32xl\:translate-y-28 { + --tw-translate-y: 7rem; } - .xl\:bg-left-top { - background-position: left top; + .\32xl\:translate-y-32 { + --tw-translate-y: 8rem; } - .xl\:bg-right { - background-position: right; + .\32xl\:translate-y-36 { + --tw-translate-y: 9rem; } - .xl\:bg-right-bottom { - background-position: right bottom; + .\32xl\:translate-y-40 { + --tw-translate-y: 10rem; } - .xl\:bg-right-top { - background-position: right top; + .\32xl\:translate-y-44 { + --tw-translate-y: 11rem; } - .xl\:bg-top { - background-position: top; + .\32xl\:translate-y-48 { + --tw-translate-y: 12rem; } - .xl\:bg-repeat { - background-repeat: repeat; + .\32xl\:translate-y-52 { + --tw-translate-y: 13rem; } - .xl\:bg-no-repeat { - background-repeat: no-repeat; + .\32xl\:translate-y-56 { + --tw-translate-y: 14rem; } - .xl\:bg-repeat-x { - background-repeat: repeat-x; + .\32xl\:translate-y-60 { + --tw-translate-y: 15rem; } - .xl\:bg-repeat-y { - background-repeat: repeat-y; + .\32xl\:translate-y-64 { + --tw-translate-y: 16rem; } - .xl\:bg-repeat-round { - background-repeat: round; + .\32xl\:translate-y-72 { + --tw-translate-y: 18rem; } - .xl\:bg-repeat-space { - background-repeat: space; + .\32xl\:translate-y-80 { + --tw-translate-y: 20rem; } - .xl\:bg-origin-border { - background-origin: border-box; + .\32xl\:translate-y-96 { + --tw-translate-y: 24rem; } - .xl\:bg-origin-padding { - background-origin: padding-box; + .\32xl\:translate-y-px { + --tw-translate-y: 1px; } - .xl\:bg-origin-content { - background-origin: content-box; + .\32xl\:translate-y-0\.5 { + --tw-translate-y: 0.125rem; } - .xl\:fill-current { - fill: currentColor; + .\32xl\:translate-y-1\.5 { + --tw-translate-y: 0.375rem; } - .xl\:stroke-current { - stroke: currentColor; + .\32xl\:translate-y-2\.5 { + --tw-translate-y: 0.625rem; } - .xl\:stroke-0 { - stroke-width: 0; + .\32xl\:translate-y-3\.5 { + --tw-translate-y: 0.875rem; } - .xl\:stroke-1 { - stroke-width: 1; + .\32xl\:-translate-y-0 { + --tw-translate-y: 0px; } - .xl\:stroke-2 { - stroke-width: 2; + .\32xl\:-translate-y-1 { + --tw-translate-y: -0.25rem; } - .xl\:object-contain { - -o-object-fit: contain; - object-fit: contain; + .\32xl\:-translate-y-2 { + --tw-translate-y: -0.5rem; } - .xl\:object-cover { - -o-object-fit: cover; - object-fit: cover; + .\32xl\:-translate-y-3 { + --tw-translate-y: -0.75rem; } - .xl\:object-fill { - -o-object-fit: fill; - object-fit: fill; + .\32xl\:-translate-y-4 { + --tw-translate-y: -1rem; } - .xl\:object-none { - -o-object-fit: none; - object-fit: none; + .\32xl\:-translate-y-5 { + --tw-translate-y: -1.25rem; } - .xl\:object-scale-down { - -o-object-fit: scale-down; - object-fit: scale-down; + .\32xl\:-translate-y-6 { + --tw-translate-y: -1.5rem; } - .xl\:object-bottom { - -o-object-position: bottom; - object-position: bottom; + .\32xl\:-translate-y-7 { + --tw-translate-y: -1.75rem; } - .xl\:object-center { - -o-object-position: center; - object-position: center; + .\32xl\:-translate-y-8 { + --tw-translate-y: -2rem; } - .xl\:object-left { - -o-object-position: left; - object-position: left; + .\32xl\:-translate-y-9 { + --tw-translate-y: -2.25rem; } - .xl\:object-left-bottom { - -o-object-position: left bottom; - object-position: left bottom; + .\32xl\:-translate-y-10 { + --tw-translate-y: -2.5rem; } - .xl\:object-left-top { - -o-object-position: left top; - object-position: left top; + .\32xl\:-translate-y-11 { + --tw-translate-y: -2.75rem; } - .xl\:object-right { - -o-object-position: right; - object-position: right; + .\32xl\:-translate-y-12 { + --tw-translate-y: -3rem; } - .xl\:object-right-bottom { - -o-object-position: right bottom; - object-position: right bottom; + .\32xl\:-translate-y-14 { + --tw-translate-y: -3.5rem; } - .xl\:object-right-top { - -o-object-position: right top; - object-position: right top; + .\32xl\:-translate-y-16 { + --tw-translate-y: -4rem; } - .xl\:object-top { - -o-object-position: top; - object-position: top; + .\32xl\:-translate-y-20 { + --tw-translate-y: -5rem; } - .xl\:p-0 { - padding: 0px; + .\32xl\:-translate-y-24 { + --tw-translate-y: -6rem; } - .xl\:p-1 { - padding: 0.25rem; + .\32xl\:-translate-y-28 { + --tw-translate-y: -7rem; } - .xl\:p-2 { - padding: 0.5rem; + .\32xl\:-translate-y-32 { + --tw-translate-y: -8rem; } - .xl\:p-3 { - padding: 0.75rem; + .\32xl\:-translate-y-36 { + --tw-translate-y: -9rem; } - .xl\:p-4 { - padding: 1rem; + .\32xl\:-translate-y-40 { + --tw-translate-y: -10rem; } - .xl\:p-5 { - padding: 1.25rem; + .\32xl\:-translate-y-44 { + --tw-translate-y: -11rem; } - .xl\:p-6 { - padding: 1.5rem; + .\32xl\:-translate-y-48 { + --tw-translate-y: -12rem; } - .xl\:p-7 { - padding: 1.75rem; + .\32xl\:-translate-y-52 { + --tw-translate-y: -13rem; } - .xl\:p-8 { - padding: 2rem; + .\32xl\:-translate-y-56 { + --tw-translate-y: -14rem; } - .xl\:p-9 { - padding: 2.25rem; + .\32xl\:-translate-y-60 { + --tw-translate-y: -15rem; } - .xl\:p-10 { - padding: 2.5rem; + .\32xl\:-translate-y-64 { + --tw-translate-y: -16rem; } - .xl\:p-11 { - padding: 2.75rem; + .\32xl\:-translate-y-72 { + --tw-translate-y: -18rem; } - .xl\:p-12 { - padding: 3rem; + .\32xl\:-translate-y-80 { + --tw-translate-y: -20rem; } - .xl\:p-14 { - padding: 3.5rem; + .\32xl\:-translate-y-96 { + --tw-translate-y: -24rem; } - .xl\:p-16 { - padding: 4rem; + .\32xl\:-translate-y-px { + --tw-translate-y: -1px; } - .xl\:p-20 { - padding: 5rem; + .\32xl\:-translate-y-0\.5 { + --tw-translate-y: -0.125rem; } - .xl\:p-24 { - padding: 6rem; + .\32xl\:-translate-y-1\.5 { + --tw-translate-y: -0.375rem; } - .xl\:p-28 { - padding: 7rem; + .\32xl\:-translate-y-2\.5 { + --tw-translate-y: -0.625rem; } - .xl\:p-32 { - padding: 8rem; + .\32xl\:-translate-y-3\.5 { + --tw-translate-y: -0.875rem; } - .xl\:p-36 { - padding: 9rem; + .\32xl\:translate-y-1\/2 { + --tw-translate-y: 50%; } - .xl\:p-40 { - padding: 10rem; + .\32xl\:translate-y-1\/3 { + --tw-translate-y: 33.333333%; } - .xl\:p-44 { - padding: 11rem; + .\32xl\:translate-y-2\/3 { + --tw-translate-y: 66.666667%; } - .xl\:p-48 { - padding: 12rem; + .\32xl\:translate-y-1\/4 { + --tw-translate-y: 25%; } - .xl\:p-52 { - padding: 13rem; + .\32xl\:translate-y-2\/4 { + --tw-translate-y: 50%; } - .xl\:p-56 { - padding: 14rem; + .\32xl\:translate-y-3\/4 { + --tw-translate-y: 75%; } - .xl\:p-60 { - padding: 15rem; + .\32xl\:translate-y-full { + --tw-translate-y: 100%; } - .xl\:p-64 { - padding: 16rem; + .\32xl\:-translate-y-1\/2 { + --tw-translate-y: -50%; } - .xl\:p-72 { - padding: 18rem; + .\32xl\:-translate-y-1\/3 { + --tw-translate-y: -33.333333%; } - .xl\:p-80 { - padding: 20rem; + .\32xl\:-translate-y-2\/3 { + --tw-translate-y: -66.666667%; } - .xl\:p-96 { - padding: 24rem; + .\32xl\:-translate-y-1\/4 { + --tw-translate-y: -25%; } - .xl\:p-px { - padding: 1px; + .\32xl\:-translate-y-2\/4 { + --tw-translate-y: -50%; } - .xl\:p-0\.5 { - padding: 0.125rem; + .\32xl\:-translate-y-3\/4 { + --tw-translate-y: -75%; } - .xl\:p-1\.5 { - padding: 0.375rem; + .\32xl\:-translate-y-full { + --tw-translate-y: -100%; } - .xl\:p-2\.5 { - padding: 0.625rem; + .\32xl\:hover\:translate-x-0:hover { + --tw-translate-x: 0px; } - .xl\:p-3\.5 { - padding: 0.875rem; + .\32xl\:hover\:translate-x-1:hover { + --tw-translate-x: 0.25rem; } - .xl\:px-0 { - padding-left: 0px; - padding-right: 0px; + .\32xl\:hover\:translate-x-2:hover { + --tw-translate-x: 0.5rem; } - .xl\:px-1 { - padding-left: 0.25rem; - padding-right: 0.25rem; + .\32xl\:hover\:translate-x-3:hover { + --tw-translate-x: 0.75rem; } - .xl\:px-2 { - padding-left: 0.5rem; - padding-right: 0.5rem; + .\32xl\:hover\:translate-x-4:hover { + --tw-translate-x: 1rem; } - .xl\:px-3 { - padding-left: 0.75rem; - padding-right: 0.75rem; + .\32xl\:hover\:translate-x-5:hover { + --tw-translate-x: 1.25rem; } - .xl\:px-4 { - padding-left: 1rem; - padding-right: 1rem; + .\32xl\:hover\:translate-x-6:hover { + --tw-translate-x: 1.5rem; } - .xl\:px-5 { - padding-left: 1.25rem; - padding-right: 1.25rem; + .\32xl\:hover\:translate-x-7:hover { + --tw-translate-x: 1.75rem; } - .xl\:px-6 { - padding-left: 1.5rem; - padding-right: 1.5rem; + .\32xl\:hover\:translate-x-8:hover { + --tw-translate-x: 2rem; } - .xl\:px-7 { - padding-left: 1.75rem; - padding-right: 1.75rem; + .\32xl\:hover\:translate-x-9:hover { + --tw-translate-x: 2.25rem; } - .xl\:px-8 { - padding-left: 2rem; - padding-right: 2rem; + .\32xl\:hover\:translate-x-10:hover { + --tw-translate-x: 2.5rem; } - .xl\:px-9 { - padding-left: 2.25rem; - padding-right: 2.25rem; + .\32xl\:hover\:translate-x-11:hover { + --tw-translate-x: 2.75rem; } - .xl\:px-10 { - padding-left: 2.5rem; - padding-right: 2.5rem; + .\32xl\:hover\:translate-x-12:hover { + --tw-translate-x: 3rem; } - .xl\:px-11 { - padding-left: 2.75rem; - padding-right: 2.75rem; + .\32xl\:hover\:translate-x-14:hover { + --tw-translate-x: 3.5rem; } - .xl\:px-12 { - padding-left: 3rem; - padding-right: 3rem; + .\32xl\:hover\:translate-x-16:hover { + --tw-translate-x: 4rem; } - .xl\:px-14 { - padding-left: 3.5rem; - padding-right: 3.5rem; + .\32xl\:hover\:translate-x-20:hover { + --tw-translate-x: 5rem; } - .xl\:px-16 { - padding-left: 4rem; - padding-right: 4rem; + .\32xl\:hover\:translate-x-24:hover { + --tw-translate-x: 6rem; } - .xl\:px-20 { - padding-left: 5rem; - padding-right: 5rem; + .\32xl\:hover\:translate-x-28:hover { + --tw-translate-x: 7rem; } - .xl\:px-24 { - padding-left: 6rem; - padding-right: 6rem; + .\32xl\:hover\:translate-x-32:hover { + --tw-translate-x: 8rem; } - .xl\:px-28 { - padding-left: 7rem; - padding-right: 7rem; + .\32xl\:hover\:translate-x-36:hover { + --tw-translate-x: 9rem; } - .xl\:px-32 { - padding-left: 8rem; - padding-right: 8rem; + .\32xl\:hover\:translate-x-40:hover { + --tw-translate-x: 10rem; } - .xl\:px-36 { - padding-left: 9rem; - padding-right: 9rem; + .\32xl\:hover\:translate-x-44:hover { + --tw-translate-x: 11rem; } - .xl\:px-40 { - padding-left: 10rem; - padding-right: 10rem; + .\32xl\:hover\:translate-x-48:hover { + --tw-translate-x: 12rem; } - .xl\:px-44 { - padding-left: 11rem; - padding-right: 11rem; + .\32xl\:hover\:translate-x-52:hover { + --tw-translate-x: 13rem; } - .xl\:px-48 { - padding-left: 12rem; - padding-right: 12rem; + .\32xl\:hover\:translate-x-56:hover { + --tw-translate-x: 14rem; } - .xl\:px-52 { - padding-left: 13rem; - padding-right: 13rem; + .\32xl\:hover\:translate-x-60:hover { + --tw-translate-x: 15rem; } - .xl\:px-56 { - padding-left: 14rem; - padding-right: 14rem; + .\32xl\:hover\:translate-x-64:hover { + --tw-translate-x: 16rem; } - .xl\:px-60 { - padding-left: 15rem; - padding-right: 15rem; + .\32xl\:hover\:translate-x-72:hover { + --tw-translate-x: 18rem; } - .xl\:px-64 { - padding-left: 16rem; - padding-right: 16rem; + .\32xl\:hover\:translate-x-80:hover { + --tw-translate-x: 20rem; } - .xl\:px-72 { - padding-left: 18rem; - padding-right: 18rem; + .\32xl\:hover\:translate-x-96:hover { + --tw-translate-x: 24rem; } - .xl\:px-80 { - padding-left: 20rem; - padding-right: 20rem; + .\32xl\:hover\:translate-x-px:hover { + --tw-translate-x: 1px; } - .xl\:px-96 { - padding-left: 24rem; - padding-right: 24rem; + .\32xl\:hover\:translate-x-0\.5:hover { + --tw-translate-x: 0.125rem; } - .xl\:px-px { - padding-left: 1px; - padding-right: 1px; + .\32xl\:hover\:translate-x-1\.5:hover { + --tw-translate-x: 0.375rem; } - .xl\:px-0\.5 { - padding-left: 0.125rem; - padding-right: 0.125rem; + .\32xl\:hover\:translate-x-2\.5:hover { + --tw-translate-x: 0.625rem; } - .xl\:px-1\.5 { - padding-left: 0.375rem; - padding-right: 0.375rem; + .\32xl\:hover\:translate-x-3\.5:hover { + --tw-translate-x: 0.875rem; } - .xl\:px-2\.5 { - padding-left: 0.625rem; - padding-right: 0.625rem; + .\32xl\:hover\:-translate-x-0:hover { + --tw-translate-x: 0px; } - .xl\:px-3\.5 { - padding-left: 0.875rem; - padding-right: 0.875rem; + .\32xl\:hover\:-translate-x-1:hover { + --tw-translate-x: -0.25rem; } - .xl\:py-0 { - padding-top: 0px; - padding-bottom: 0px; + .\32xl\:hover\:-translate-x-2:hover { + --tw-translate-x: -0.5rem; } - .xl\:py-1 { - padding-top: 0.25rem; - padding-bottom: 0.25rem; + .\32xl\:hover\:-translate-x-3:hover { + --tw-translate-x: -0.75rem; } - .xl\:py-2 { - padding-top: 0.5rem; - padding-bottom: 0.5rem; + .\32xl\:hover\:-translate-x-4:hover { + --tw-translate-x: -1rem; } - .xl\:py-3 { - padding-top: 0.75rem; - padding-bottom: 0.75rem; + .\32xl\:hover\:-translate-x-5:hover { + --tw-translate-x: -1.25rem; } - .xl\:py-4 { - padding-top: 1rem; - padding-bottom: 1rem; + .\32xl\:hover\:-translate-x-6:hover { + --tw-translate-x: -1.5rem; } - .xl\:py-5 { - padding-top: 1.25rem; - padding-bottom: 1.25rem; + .\32xl\:hover\:-translate-x-7:hover { + --tw-translate-x: -1.75rem; } - .xl\:py-6 { - padding-top: 1.5rem; - padding-bottom: 1.5rem; + .\32xl\:hover\:-translate-x-8:hover { + --tw-translate-x: -2rem; } - .xl\:py-7 { - padding-top: 1.75rem; - padding-bottom: 1.75rem; + .\32xl\:hover\:-translate-x-9:hover { + --tw-translate-x: -2.25rem; } - .xl\:py-8 { - padding-top: 2rem; - padding-bottom: 2rem; + .\32xl\:hover\:-translate-x-10:hover { + --tw-translate-x: -2.5rem; } - .xl\:py-9 { - padding-top: 2.25rem; - padding-bottom: 2.25rem; + .\32xl\:hover\:-translate-x-11:hover { + --tw-translate-x: -2.75rem; } - .xl\:py-10 { - padding-top: 2.5rem; - padding-bottom: 2.5rem; + .\32xl\:hover\:-translate-x-12:hover { + --tw-translate-x: -3rem; } - .xl\:py-11 { - padding-top: 2.75rem; - padding-bottom: 2.75rem; + .\32xl\:hover\:-translate-x-14:hover { + --tw-translate-x: -3.5rem; } - .xl\:py-12 { - padding-top: 3rem; - padding-bottom: 3rem; + .\32xl\:hover\:-translate-x-16:hover { + --tw-translate-x: -4rem; } - .xl\:py-14 { - padding-top: 3.5rem; - padding-bottom: 3.5rem; + .\32xl\:hover\:-translate-x-20:hover { + --tw-translate-x: -5rem; } - .xl\:py-16 { - padding-top: 4rem; - padding-bottom: 4rem; + .\32xl\:hover\:-translate-x-24:hover { + --tw-translate-x: -6rem; } - .xl\:py-20 { - padding-top: 5rem; - padding-bottom: 5rem; + .\32xl\:hover\:-translate-x-28:hover { + --tw-translate-x: -7rem; } - .xl\:py-24 { - padding-top: 6rem; - padding-bottom: 6rem; + .\32xl\:hover\:-translate-x-32:hover { + --tw-translate-x: -8rem; } - .xl\:py-28 { - padding-top: 7rem; - padding-bottom: 7rem; + .\32xl\:hover\:-translate-x-36:hover { + --tw-translate-x: -9rem; } - .xl\:py-32 { - padding-top: 8rem; - padding-bottom: 8rem; + .\32xl\:hover\:-translate-x-40:hover { + --tw-translate-x: -10rem; } - .xl\:py-36 { - padding-top: 9rem; - padding-bottom: 9rem; + .\32xl\:hover\:-translate-x-44:hover { + --tw-translate-x: -11rem; } - .xl\:py-40 { - padding-top: 10rem; - padding-bottom: 10rem; + .\32xl\:hover\:-translate-x-48:hover { + --tw-translate-x: -12rem; } - .xl\:py-44 { - padding-top: 11rem; - padding-bottom: 11rem; + .\32xl\:hover\:-translate-x-52:hover { + --tw-translate-x: -13rem; } - .xl\:py-48 { - padding-top: 12rem; - padding-bottom: 12rem; + .\32xl\:hover\:-translate-x-56:hover { + --tw-translate-x: -14rem; } - .xl\:py-52 { - padding-top: 13rem; - padding-bottom: 13rem; + .\32xl\:hover\:-translate-x-60:hover { + --tw-translate-x: -15rem; } - .xl\:py-56 { - padding-top: 14rem; - padding-bottom: 14rem; + .\32xl\:hover\:-translate-x-64:hover { + --tw-translate-x: -16rem; } - .xl\:py-60 { - padding-top: 15rem; - padding-bottom: 15rem; + .\32xl\:hover\:-translate-x-72:hover { + --tw-translate-x: -18rem; } - .xl\:py-64 { - padding-top: 16rem; - padding-bottom: 16rem; + .\32xl\:hover\:-translate-x-80:hover { + --tw-translate-x: -20rem; } - .xl\:py-72 { - padding-top: 18rem; - padding-bottom: 18rem; + .\32xl\:hover\:-translate-x-96:hover { + --tw-translate-x: -24rem; } - .xl\:py-80 { - padding-top: 20rem; - padding-bottom: 20rem; + .\32xl\:hover\:-translate-x-px:hover { + --tw-translate-x: -1px; } - .xl\:py-96 { - padding-top: 24rem; - padding-bottom: 24rem; + .\32xl\:hover\:-translate-x-0\.5:hover { + --tw-translate-x: -0.125rem; } - .xl\:py-px { - padding-top: 1px; - padding-bottom: 1px; + .\32xl\:hover\:-translate-x-1\.5:hover { + --tw-translate-x: -0.375rem; } - .xl\:py-0\.5 { - padding-top: 0.125rem; - padding-bottom: 0.125rem; + .\32xl\:hover\:-translate-x-2\.5:hover { + --tw-translate-x: -0.625rem; } - .xl\:py-1\.5 { - padding-top: 0.375rem; - padding-bottom: 0.375rem; + .\32xl\:hover\:-translate-x-3\.5:hover { + --tw-translate-x: -0.875rem; } - .xl\:py-2\.5 { - padding-top: 0.625rem; - padding-bottom: 0.625rem; + .\32xl\:hover\:translate-x-1\/2:hover { + --tw-translate-x: 50%; } - .xl\:py-3\.5 { - padding-top: 0.875rem; - padding-bottom: 0.875rem; + .\32xl\:hover\:translate-x-1\/3:hover { + --tw-translate-x: 33.333333%; } - .xl\:pt-0 { - padding-top: 0px; + .\32xl\:hover\:translate-x-2\/3:hover { + --tw-translate-x: 66.666667%; } - .xl\:pt-1 { - padding-top: 0.25rem; + .\32xl\:hover\:translate-x-1\/4:hover { + --tw-translate-x: 25%; } - .xl\:pt-2 { - padding-top: 0.5rem; + .\32xl\:hover\:translate-x-2\/4:hover { + --tw-translate-x: 50%; } - .xl\:pt-3 { - padding-top: 0.75rem; + .\32xl\:hover\:translate-x-3\/4:hover { + --tw-translate-x: 75%; } - .xl\:pt-4 { - padding-top: 1rem; + .\32xl\:hover\:translate-x-full:hover { + --tw-translate-x: 100%; } - .xl\:pt-5 { - padding-top: 1.25rem; + .\32xl\:hover\:-translate-x-1\/2:hover { + --tw-translate-x: -50%; } - .xl\:pt-6 { - padding-top: 1.5rem; + .\32xl\:hover\:-translate-x-1\/3:hover { + --tw-translate-x: -33.333333%; } - .xl\:pt-7 { - padding-top: 1.75rem; + .\32xl\:hover\:-translate-x-2\/3:hover { + --tw-translate-x: -66.666667%; } - .xl\:pt-8 { - padding-top: 2rem; + .\32xl\:hover\:-translate-x-1\/4:hover { + --tw-translate-x: -25%; } - .xl\:pt-9 { - padding-top: 2.25rem; + .\32xl\:hover\:-translate-x-2\/4:hover { + --tw-translate-x: -50%; } - .xl\:pt-10 { - padding-top: 2.5rem; + .\32xl\:hover\:-translate-x-3\/4:hover { + --tw-translate-x: -75%; } - .xl\:pt-11 { - padding-top: 2.75rem; + .\32xl\:hover\:-translate-x-full:hover { + --tw-translate-x: -100%; } - .xl\:pt-12 { - padding-top: 3rem; + .\32xl\:hover\:translate-y-0:hover { + --tw-translate-y: 0px; } - .xl\:pt-14 { - padding-top: 3.5rem; + .\32xl\:hover\:translate-y-1:hover { + --tw-translate-y: 0.25rem; } - .xl\:pt-16 { - padding-top: 4rem; + .\32xl\:hover\:translate-y-2:hover { + --tw-translate-y: 0.5rem; } - .xl\:pt-20 { - padding-top: 5rem; + .\32xl\:hover\:translate-y-3:hover { + --tw-translate-y: 0.75rem; } - .xl\:pt-24 { - padding-top: 6rem; + .\32xl\:hover\:translate-y-4:hover { + --tw-translate-y: 1rem; } - .xl\:pt-28 { - padding-top: 7rem; + .\32xl\:hover\:translate-y-5:hover { + --tw-translate-y: 1.25rem; } - .xl\:pt-32 { - padding-top: 8rem; + .\32xl\:hover\:translate-y-6:hover { + --tw-translate-y: 1.5rem; } - .xl\:pt-36 { - padding-top: 9rem; + .\32xl\:hover\:translate-y-7:hover { + --tw-translate-y: 1.75rem; } - .xl\:pt-40 { - padding-top: 10rem; + .\32xl\:hover\:translate-y-8:hover { + --tw-translate-y: 2rem; } - .xl\:pt-44 { - padding-top: 11rem; + .\32xl\:hover\:translate-y-9:hover { + --tw-translate-y: 2.25rem; } - .xl\:pt-48 { - padding-top: 12rem; + .\32xl\:hover\:translate-y-10:hover { + --tw-translate-y: 2.5rem; } - .xl\:pt-52 { - padding-top: 13rem; + .\32xl\:hover\:translate-y-11:hover { + --tw-translate-y: 2.75rem; } - .xl\:pt-56 { - padding-top: 14rem; + .\32xl\:hover\:translate-y-12:hover { + --tw-translate-y: 3rem; } - .xl\:pt-60 { - padding-top: 15rem; + .\32xl\:hover\:translate-y-14:hover { + --tw-translate-y: 3.5rem; } - .xl\:pt-64 { - padding-top: 16rem; + .\32xl\:hover\:translate-y-16:hover { + --tw-translate-y: 4rem; } - .xl\:pt-72 { - padding-top: 18rem; + .\32xl\:hover\:translate-y-20:hover { + --tw-translate-y: 5rem; } - .xl\:pt-80 { - padding-top: 20rem; + .\32xl\:hover\:translate-y-24:hover { + --tw-translate-y: 6rem; } - .xl\:pt-96 { - padding-top: 24rem; + .\32xl\:hover\:translate-y-28:hover { + --tw-translate-y: 7rem; } - .xl\:pt-px { - padding-top: 1px; + .\32xl\:hover\:translate-y-32:hover { + --tw-translate-y: 8rem; } - .xl\:pt-0\.5 { - padding-top: 0.125rem; + .\32xl\:hover\:translate-y-36:hover { + --tw-translate-y: 9rem; } - .xl\:pt-1\.5 { - padding-top: 0.375rem; + .\32xl\:hover\:translate-y-40:hover { + --tw-translate-y: 10rem; } - .xl\:pt-2\.5 { - padding-top: 0.625rem; + .\32xl\:hover\:translate-y-44:hover { + --tw-translate-y: 11rem; } - .xl\:pt-3\.5 { - padding-top: 0.875rem; + .\32xl\:hover\:translate-y-48:hover { + --tw-translate-y: 12rem; } - .xl\:pr-0 { - padding-right: 0px; + .\32xl\:hover\:translate-y-52:hover { + --tw-translate-y: 13rem; } - .xl\:pr-1 { - padding-right: 0.25rem; + .\32xl\:hover\:translate-y-56:hover { + --tw-translate-y: 14rem; } - .xl\:pr-2 { - padding-right: 0.5rem; + .\32xl\:hover\:translate-y-60:hover { + --tw-translate-y: 15rem; } - .xl\:pr-3 { - padding-right: 0.75rem; + .\32xl\:hover\:translate-y-64:hover { + --tw-translate-y: 16rem; } - .xl\:pr-4 { - padding-right: 1rem; + .\32xl\:hover\:translate-y-72:hover { + --tw-translate-y: 18rem; } - .xl\:pr-5 { - padding-right: 1.25rem; + .\32xl\:hover\:translate-y-80:hover { + --tw-translate-y: 20rem; } - .xl\:pr-6 { - padding-right: 1.5rem; + .\32xl\:hover\:translate-y-96:hover { + --tw-translate-y: 24rem; } - .xl\:pr-7 { - padding-right: 1.75rem; + .\32xl\:hover\:translate-y-px:hover { + --tw-translate-y: 1px; } - .xl\:pr-8 { - padding-right: 2rem; + .\32xl\:hover\:translate-y-0\.5:hover { + --tw-translate-y: 0.125rem; } - .xl\:pr-9 { - padding-right: 2.25rem; + .\32xl\:hover\:translate-y-1\.5:hover { + --tw-translate-y: 0.375rem; } - .xl\:pr-10 { - padding-right: 2.5rem; + .\32xl\:hover\:translate-y-2\.5:hover { + --tw-translate-y: 0.625rem; } - .xl\:pr-11 { - padding-right: 2.75rem; + .\32xl\:hover\:translate-y-3\.5:hover { + --tw-translate-y: 0.875rem; } - .xl\:pr-12 { - padding-right: 3rem; + .\32xl\:hover\:-translate-y-0:hover { + --tw-translate-y: 0px; } - .xl\:pr-14 { - padding-right: 3.5rem; + .\32xl\:hover\:-translate-y-1:hover { + --tw-translate-y: -0.25rem; } - .xl\:pr-16 { - padding-right: 4rem; + .\32xl\:hover\:-translate-y-2:hover { + --tw-translate-y: -0.5rem; } - .xl\:pr-20 { - padding-right: 5rem; + .\32xl\:hover\:-translate-y-3:hover { + --tw-translate-y: -0.75rem; } - .xl\:pr-24 { - padding-right: 6rem; + .\32xl\:hover\:-translate-y-4:hover { + --tw-translate-y: -1rem; } - .xl\:pr-28 { - padding-right: 7rem; + .\32xl\:hover\:-translate-y-5:hover { + --tw-translate-y: -1.25rem; } - .xl\:pr-32 { - padding-right: 8rem; + .\32xl\:hover\:-translate-y-6:hover { + --tw-translate-y: -1.5rem; } - .xl\:pr-36 { - padding-right: 9rem; + .\32xl\:hover\:-translate-y-7:hover { + --tw-translate-y: -1.75rem; } - .xl\:pr-40 { - padding-right: 10rem; + .\32xl\:hover\:-translate-y-8:hover { + --tw-translate-y: -2rem; } - .xl\:pr-44 { - padding-right: 11rem; + .\32xl\:hover\:-translate-y-9:hover { + --tw-translate-y: -2.25rem; } - .xl\:pr-48 { - padding-right: 12rem; + .\32xl\:hover\:-translate-y-10:hover { + --tw-translate-y: -2.5rem; } - .xl\:pr-52 { - padding-right: 13rem; + .\32xl\:hover\:-translate-y-11:hover { + --tw-translate-y: -2.75rem; } - .xl\:pr-56 { - padding-right: 14rem; + .\32xl\:hover\:-translate-y-12:hover { + --tw-translate-y: -3rem; } - .xl\:pr-60 { - padding-right: 15rem; + .\32xl\:hover\:-translate-y-14:hover { + --tw-translate-y: -3.5rem; } - .xl\:pr-64 { - padding-right: 16rem; + .\32xl\:hover\:-translate-y-16:hover { + --tw-translate-y: -4rem; } - .xl\:pr-72 { - padding-right: 18rem; + .\32xl\:hover\:-translate-y-20:hover { + --tw-translate-y: -5rem; } - .xl\:pr-80 { - padding-right: 20rem; + .\32xl\:hover\:-translate-y-24:hover { + --tw-translate-y: -6rem; } - .xl\:pr-96 { - padding-right: 24rem; + .\32xl\:hover\:-translate-y-28:hover { + --tw-translate-y: -7rem; } - .xl\:pr-px { - padding-right: 1px; + .\32xl\:hover\:-translate-y-32:hover { + --tw-translate-y: -8rem; } - .xl\:pr-0\.5 { - padding-right: 0.125rem; + .\32xl\:hover\:-translate-y-36:hover { + --tw-translate-y: -9rem; } - .xl\:pr-1\.5 { - padding-right: 0.375rem; + .\32xl\:hover\:-translate-y-40:hover { + --tw-translate-y: -10rem; } - .xl\:pr-2\.5 { - padding-right: 0.625rem; + .\32xl\:hover\:-translate-y-44:hover { + --tw-translate-y: -11rem; } - .xl\:pr-3\.5 { - padding-right: 0.875rem; + .\32xl\:hover\:-translate-y-48:hover { + --tw-translate-y: -12rem; } - .xl\:pb-0 { - padding-bottom: 0px; + .\32xl\:hover\:-translate-y-52:hover { + --tw-translate-y: -13rem; } - .xl\:pb-1 { - padding-bottom: 0.25rem; + .\32xl\:hover\:-translate-y-56:hover { + --tw-translate-y: -14rem; } - .xl\:pb-2 { - padding-bottom: 0.5rem; + .\32xl\:hover\:-translate-y-60:hover { + --tw-translate-y: -15rem; } - .xl\:pb-3 { - padding-bottom: 0.75rem; + .\32xl\:hover\:-translate-y-64:hover { + --tw-translate-y: -16rem; } - .xl\:pb-4 { - padding-bottom: 1rem; + .\32xl\:hover\:-translate-y-72:hover { + --tw-translate-y: -18rem; } - .xl\:pb-5 { - padding-bottom: 1.25rem; + .\32xl\:hover\:-translate-y-80:hover { + --tw-translate-y: -20rem; } - .xl\:pb-6 { - padding-bottom: 1.5rem; + .\32xl\:hover\:-translate-y-96:hover { + --tw-translate-y: -24rem; } - .xl\:pb-7 { - padding-bottom: 1.75rem; + .\32xl\:hover\:-translate-y-px:hover { + --tw-translate-y: -1px; } - .xl\:pb-8 { - padding-bottom: 2rem; + .\32xl\:hover\:-translate-y-0\.5:hover { + --tw-translate-y: -0.125rem; } - .xl\:pb-9 { - padding-bottom: 2.25rem; + .\32xl\:hover\:-translate-y-1\.5:hover { + --tw-translate-y: -0.375rem; } - .xl\:pb-10 { - padding-bottom: 2.5rem; + .\32xl\:hover\:-translate-y-2\.5:hover { + --tw-translate-y: -0.625rem; + } + + .\32xl\:hover\:-translate-y-3\.5:hover { + --tw-translate-y: -0.875rem; } - .xl\:pb-11 { - padding-bottom: 2.75rem; + .\32xl\:hover\:translate-y-1\/2:hover { + --tw-translate-y: 50%; } - .xl\:pb-12 { - padding-bottom: 3rem; + .\32xl\:hover\:translate-y-1\/3:hover { + --tw-translate-y: 33.333333%; } - .xl\:pb-14 { - padding-bottom: 3.5rem; + .\32xl\:hover\:translate-y-2\/3:hover { + --tw-translate-y: 66.666667%; } - .xl\:pb-16 { - padding-bottom: 4rem; + .\32xl\:hover\:translate-y-1\/4:hover { + --tw-translate-y: 25%; } - .xl\:pb-20 { - padding-bottom: 5rem; + .\32xl\:hover\:translate-y-2\/4:hover { + --tw-translate-y: 50%; } - .xl\:pb-24 { - padding-bottom: 6rem; + .\32xl\:hover\:translate-y-3\/4:hover { + --tw-translate-y: 75%; } - .xl\:pb-28 { - padding-bottom: 7rem; + .\32xl\:hover\:translate-y-full:hover { + --tw-translate-y: 100%; } - .xl\:pb-32 { - padding-bottom: 8rem; + .\32xl\:hover\:-translate-y-1\/2:hover { + --tw-translate-y: -50%; } - .xl\:pb-36 { - padding-bottom: 9rem; + .\32xl\:hover\:-translate-y-1\/3:hover { + --tw-translate-y: -33.333333%; } - .xl\:pb-40 { - padding-bottom: 10rem; + .\32xl\:hover\:-translate-y-2\/3:hover { + --tw-translate-y: -66.666667%; } - .xl\:pb-44 { - padding-bottom: 11rem; + .\32xl\:hover\:-translate-y-1\/4:hover { + --tw-translate-y: -25%; } - .xl\:pb-48 { - padding-bottom: 12rem; + .\32xl\:hover\:-translate-y-2\/4:hover { + --tw-translate-y: -50%; } - .xl\:pb-52 { - padding-bottom: 13rem; + .\32xl\:hover\:-translate-y-3\/4:hover { + --tw-translate-y: -75%; } - .xl\:pb-56 { - padding-bottom: 14rem; + .\32xl\:hover\:-translate-y-full:hover { + --tw-translate-y: -100%; } - .xl\:pb-60 { - padding-bottom: 15rem; + .\32xl\:focus\:translate-x-0:focus { + --tw-translate-x: 0px; } - .xl\:pb-64 { - padding-bottom: 16rem; + .\32xl\:focus\:translate-x-1:focus { + --tw-translate-x: 0.25rem; } - .xl\:pb-72 { - padding-bottom: 18rem; + .\32xl\:focus\:translate-x-2:focus { + --tw-translate-x: 0.5rem; } - .xl\:pb-80 { - padding-bottom: 20rem; + .\32xl\:focus\:translate-x-3:focus { + --tw-translate-x: 0.75rem; } - .xl\:pb-96 { - padding-bottom: 24rem; + .\32xl\:focus\:translate-x-4:focus { + --tw-translate-x: 1rem; } - .xl\:pb-px { - padding-bottom: 1px; + .\32xl\:focus\:translate-x-5:focus { + --tw-translate-x: 1.25rem; } - .xl\:pb-0\.5 { - padding-bottom: 0.125rem; + .\32xl\:focus\:translate-x-6:focus { + --tw-translate-x: 1.5rem; } - .xl\:pb-1\.5 { - padding-bottom: 0.375rem; + .\32xl\:focus\:translate-x-7:focus { + --tw-translate-x: 1.75rem; } - .xl\:pb-2\.5 { - padding-bottom: 0.625rem; + .\32xl\:focus\:translate-x-8:focus { + --tw-translate-x: 2rem; } - .xl\:pb-3\.5 { - padding-bottom: 0.875rem; + .\32xl\:focus\:translate-x-9:focus { + --tw-translate-x: 2.25rem; } - .xl\:pl-0 { - padding-left: 0px; + .\32xl\:focus\:translate-x-10:focus { + --tw-translate-x: 2.5rem; } - .xl\:pl-1 { - padding-left: 0.25rem; + .\32xl\:focus\:translate-x-11:focus { + --tw-translate-x: 2.75rem; } - .xl\:pl-2 { - padding-left: 0.5rem; + .\32xl\:focus\:translate-x-12:focus { + --tw-translate-x: 3rem; } - .xl\:pl-3 { - padding-left: 0.75rem; + .\32xl\:focus\:translate-x-14:focus { + --tw-translate-x: 3.5rem; } - .xl\:pl-4 { - padding-left: 1rem; + .\32xl\:focus\:translate-x-16:focus { + --tw-translate-x: 4rem; } - .xl\:pl-5 { - padding-left: 1.25rem; + .\32xl\:focus\:translate-x-20:focus { + --tw-translate-x: 5rem; } - .xl\:pl-6 { - padding-left: 1.5rem; + .\32xl\:focus\:translate-x-24:focus { + --tw-translate-x: 6rem; } - .xl\:pl-7 { - padding-left: 1.75rem; + .\32xl\:focus\:translate-x-28:focus { + --tw-translate-x: 7rem; } - .xl\:pl-8 { - padding-left: 2rem; + .\32xl\:focus\:translate-x-32:focus { + --tw-translate-x: 8rem; } - .xl\:pl-9 { - padding-left: 2.25rem; + .\32xl\:focus\:translate-x-36:focus { + --tw-translate-x: 9rem; } - .xl\:pl-10 { - padding-left: 2.5rem; + .\32xl\:focus\:translate-x-40:focus { + --tw-translate-x: 10rem; } - .xl\:pl-11 { - padding-left: 2.75rem; + .\32xl\:focus\:translate-x-44:focus { + --tw-translate-x: 11rem; } - .xl\:pl-12 { - padding-left: 3rem; + .\32xl\:focus\:translate-x-48:focus { + --tw-translate-x: 12rem; } - .xl\:pl-14 { - padding-left: 3.5rem; + .\32xl\:focus\:translate-x-52:focus { + --tw-translate-x: 13rem; } - .xl\:pl-16 { - padding-left: 4rem; + .\32xl\:focus\:translate-x-56:focus { + --tw-translate-x: 14rem; } - .xl\:pl-20 { - padding-left: 5rem; + .\32xl\:focus\:translate-x-60:focus { + --tw-translate-x: 15rem; } - .xl\:pl-24 { - padding-left: 6rem; + .\32xl\:focus\:translate-x-64:focus { + --tw-translate-x: 16rem; } - .xl\:pl-28 { - padding-left: 7rem; + .\32xl\:focus\:translate-x-72:focus { + --tw-translate-x: 18rem; } - .xl\:pl-32 { - padding-left: 8rem; + .\32xl\:focus\:translate-x-80:focus { + --tw-translate-x: 20rem; } - .xl\:pl-36 { - padding-left: 9rem; + .\32xl\:focus\:translate-x-96:focus { + --tw-translate-x: 24rem; } - .xl\:pl-40 { - padding-left: 10rem; + .\32xl\:focus\:translate-x-px:focus { + --tw-translate-x: 1px; } - .xl\:pl-44 { - padding-left: 11rem; + .\32xl\:focus\:translate-x-0\.5:focus { + --tw-translate-x: 0.125rem; } - .xl\:pl-48 { - padding-left: 12rem; + .\32xl\:focus\:translate-x-1\.5:focus { + --tw-translate-x: 0.375rem; } - .xl\:pl-52 { - padding-left: 13rem; + .\32xl\:focus\:translate-x-2\.5:focus { + --tw-translate-x: 0.625rem; } - .xl\:pl-56 { - padding-left: 14rem; + .\32xl\:focus\:translate-x-3\.5:focus { + --tw-translate-x: 0.875rem; } - .xl\:pl-60 { - padding-left: 15rem; + .\32xl\:focus\:-translate-x-0:focus { + --tw-translate-x: 0px; } - .xl\:pl-64 { - padding-left: 16rem; + .\32xl\:focus\:-translate-x-1:focus { + --tw-translate-x: -0.25rem; } - .xl\:pl-72 { - padding-left: 18rem; + .\32xl\:focus\:-translate-x-2:focus { + --tw-translate-x: -0.5rem; } - .xl\:pl-80 { - padding-left: 20rem; + .\32xl\:focus\:-translate-x-3:focus { + --tw-translate-x: -0.75rem; } - .xl\:pl-96 { - padding-left: 24rem; + .\32xl\:focus\:-translate-x-4:focus { + --tw-translate-x: -1rem; } - .xl\:pl-px { - padding-left: 1px; + .\32xl\:focus\:-translate-x-5:focus { + --tw-translate-x: -1.25rem; } - .xl\:pl-0\.5 { - padding-left: 0.125rem; + .\32xl\:focus\:-translate-x-6:focus { + --tw-translate-x: -1.5rem; } - .xl\:pl-1\.5 { - padding-left: 0.375rem; + .\32xl\:focus\:-translate-x-7:focus { + --tw-translate-x: -1.75rem; } - .xl\:pl-2\.5 { - padding-left: 0.625rem; + .\32xl\:focus\:-translate-x-8:focus { + --tw-translate-x: -2rem; } - .xl\:pl-3\.5 { - padding-left: 0.875rem; + .\32xl\:focus\:-translate-x-9:focus { + --tw-translate-x: -2.25rem; } - .xl\:text-left { - text-align: left; + .\32xl\:focus\:-translate-x-10:focus { + --tw-translate-x: -2.5rem; } - .xl\:text-center { - text-align: center; + .\32xl\:focus\:-translate-x-11:focus { + --tw-translate-x: -2.75rem; } - .xl\:text-right { - text-align: right; + .\32xl\:focus\:-translate-x-12:focus { + --tw-translate-x: -3rem; } - .xl\:text-justify { - text-align: justify; + .\32xl\:focus\:-translate-x-14:focus { + --tw-translate-x: -3.5rem; } - .xl\:align-baseline { - vertical-align: baseline; + .\32xl\:focus\:-translate-x-16:focus { + --tw-translate-x: -4rem; } - .xl\:align-top { - vertical-align: top; + .\32xl\:focus\:-translate-x-20:focus { + --tw-translate-x: -5rem; } - .xl\:align-middle { - vertical-align: middle; + .\32xl\:focus\:-translate-x-24:focus { + --tw-translate-x: -6rem; } - .xl\:align-bottom { - vertical-align: bottom; + .\32xl\:focus\:-translate-x-28:focus { + --tw-translate-x: -7rem; } - .xl\:align-text-top { - vertical-align: text-top; + .\32xl\:focus\:-translate-x-32:focus { + --tw-translate-x: -8rem; } - .xl\:align-text-bottom { - vertical-align: text-bottom; + .\32xl\:focus\:-translate-x-36:focus { + --tw-translate-x: -9rem; } - .xl\:font-sans { - font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + .\32xl\:focus\:-translate-x-40:focus { + --tw-translate-x: -10rem; } - .xl\:font-serif { - font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; + .\32xl\:focus\:-translate-x-44:focus { + --tw-translate-x: -11rem; } - .xl\:font-mono { - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + .\32xl\:focus\:-translate-x-48:focus { + --tw-translate-x: -12rem; } - .xl\:text-xs { - font-size: 0.75rem; - line-height: 1rem; + .\32xl\:focus\:-translate-x-52:focus { + --tw-translate-x: -13rem; } - .xl\:text-sm { - font-size: 0.875rem; - line-height: 1.25rem; + .\32xl\:focus\:-translate-x-56:focus { + --tw-translate-x: -14rem; } - .xl\:text-base { - font-size: 1rem; - line-height: 1.5rem; + .\32xl\:focus\:-translate-x-60:focus { + --tw-translate-x: -15rem; } - .xl\:text-lg { - font-size: 1.125rem; - line-height: 1.75rem; + .\32xl\:focus\:-translate-x-64:focus { + --tw-translate-x: -16rem; } - .xl\:text-xl { - font-size: 1.25rem; - line-height: 1.75rem; + .\32xl\:focus\:-translate-x-72:focus { + --tw-translate-x: -18rem; } - .xl\:text-2xl { - font-size: 1.5rem; - line-height: 2rem; + .\32xl\:focus\:-translate-x-80:focus { + --tw-translate-x: -20rem; } - .xl\:text-3xl { - font-size: 1.875rem; - line-height: 2.25rem; + .\32xl\:focus\:-translate-x-96:focus { + --tw-translate-x: -24rem; } - .xl\:text-4xl { - font-size: 2.25rem; - line-height: 2.5rem; + .\32xl\:focus\:-translate-x-px:focus { + --tw-translate-x: -1px; } - .xl\:text-5xl { - font-size: 3rem; - line-height: 1; + .\32xl\:focus\:-translate-x-0\.5:focus { + --tw-translate-x: -0.125rem; } - .xl\:text-6xl { - font-size: 3.75rem; - line-height: 1; + .\32xl\:focus\:-translate-x-1\.5:focus { + --tw-translate-x: -0.375rem; } - .xl\:text-7xl { - font-size: 4.5rem; - line-height: 1; + .\32xl\:focus\:-translate-x-2\.5:focus { + --tw-translate-x: -0.625rem; } - .xl\:text-8xl { - font-size: 6rem; - line-height: 1; + .\32xl\:focus\:-translate-x-3\.5:focus { + --tw-translate-x: -0.875rem; } - .xl\:text-9xl { - font-size: 8rem; - line-height: 1; + .\32xl\:focus\:translate-x-1\/2:focus { + --tw-translate-x: 50%; } - .xl\:font-thin { - font-weight: 100; + .\32xl\:focus\:translate-x-1\/3:focus { + --tw-translate-x: 33.333333%; } - .xl\:font-extralight { - font-weight: 200; + .\32xl\:focus\:translate-x-2\/3:focus { + --tw-translate-x: 66.666667%; } - .xl\:font-light { - font-weight: 300; + .\32xl\:focus\:translate-x-1\/4:focus { + --tw-translate-x: 25%; } - .xl\:font-normal { - font-weight: 400; + .\32xl\:focus\:translate-x-2\/4:focus { + --tw-translate-x: 50%; } - .xl\:font-medium { - font-weight: 500; + .\32xl\:focus\:translate-x-3\/4:focus { + --tw-translate-x: 75%; } - .xl\:font-semibold { - font-weight: 600; + .\32xl\:focus\:translate-x-full:focus { + --tw-translate-x: 100%; } - .xl\:font-bold { - font-weight: 700; + .\32xl\:focus\:-translate-x-1\/2:focus { + --tw-translate-x: -50%; } - .xl\:font-extrabold { - font-weight: 800; + .\32xl\:focus\:-translate-x-1\/3:focus { + --tw-translate-x: -33.333333%; } - .xl\:font-black { - font-weight: 900; + .\32xl\:focus\:-translate-x-2\/3:focus { + --tw-translate-x: -66.666667%; } - .xl\:uppercase { - text-transform: uppercase; + .\32xl\:focus\:-translate-x-1\/4:focus { + --tw-translate-x: -25%; } - .xl\:lowercase { - text-transform: lowercase; + .\32xl\:focus\:-translate-x-2\/4:focus { + --tw-translate-x: -50%; } - .xl\:capitalize { - text-transform: capitalize; + .\32xl\:focus\:-translate-x-3\/4:focus { + --tw-translate-x: -75%; } - .xl\:normal-case { - text-transform: none; + .\32xl\:focus\:-translate-x-full:focus { + --tw-translate-x: -100%; } - .xl\:italic { - font-style: italic; + .\32xl\:focus\:translate-y-0:focus { + --tw-translate-y: 0px; } - .xl\:not-italic { - font-style: normal; + .\32xl\:focus\:translate-y-1:focus { + --tw-translate-y: 0.25rem; } - .xl\:ordinal, .xl\:slashed-zero, .xl\:lining-nums, .xl\:oldstyle-nums, .xl\:proportional-nums, .xl\:tabular-nums, .xl\:diagonal-fractions, .xl\:stacked-fractions { - --tw-ordinal: var(--tw-empty,/*!*/ /*!*/); - --tw-slashed-zero: var(--tw-empty,/*!*/ /*!*/); - --tw-numeric-figure: var(--tw-empty,/*!*/ /*!*/); - --tw-numeric-spacing: var(--tw-empty,/*!*/ /*!*/); - --tw-numeric-fraction: var(--tw-empty,/*!*/ /*!*/); - font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); + .\32xl\:focus\:translate-y-2:focus { + --tw-translate-y: 0.5rem; } - .xl\:normal-nums { - font-variant-numeric: normal; + .\32xl\:focus\:translate-y-3:focus { + --tw-translate-y: 0.75rem; } - .xl\:ordinal { - --tw-ordinal: ordinal; + .\32xl\:focus\:translate-y-4:focus { + --tw-translate-y: 1rem; } - .xl\:slashed-zero { - --tw-slashed-zero: slashed-zero; + .\32xl\:focus\:translate-y-5:focus { + --tw-translate-y: 1.25rem; } - .xl\:lining-nums { - --tw-numeric-figure: lining-nums; + .\32xl\:focus\:translate-y-6:focus { + --tw-translate-y: 1.5rem; } - .xl\:oldstyle-nums { - --tw-numeric-figure: oldstyle-nums; + .\32xl\:focus\:translate-y-7:focus { + --tw-translate-y: 1.75rem; } - .xl\:proportional-nums { - --tw-numeric-spacing: proportional-nums; + .\32xl\:focus\:translate-y-8:focus { + --tw-translate-y: 2rem; } - .xl\:tabular-nums { - --tw-numeric-spacing: tabular-nums; + .\32xl\:focus\:translate-y-9:focus { + --tw-translate-y: 2.25rem; } - .xl\:diagonal-fractions { - --tw-numeric-fraction: diagonal-fractions; + .\32xl\:focus\:translate-y-10:focus { + --tw-translate-y: 2.5rem; } - .xl\:stacked-fractions { - --tw-numeric-fraction: stacked-fractions; + .\32xl\:focus\:translate-y-11:focus { + --tw-translate-y: 2.75rem; } - .xl\:leading-3 { - line-height: .75rem; + .\32xl\:focus\:translate-y-12:focus { + --tw-translate-y: 3rem; } - .xl\:leading-4 { - line-height: 1rem; + .\32xl\:focus\:translate-y-14:focus { + --tw-translate-y: 3.5rem; } - .xl\:leading-5 { - line-height: 1.25rem; + .\32xl\:focus\:translate-y-16:focus { + --tw-translate-y: 4rem; } - .xl\:leading-6 { - line-height: 1.5rem; + .\32xl\:focus\:translate-y-20:focus { + --tw-translate-y: 5rem; } - .xl\:leading-7 { - line-height: 1.75rem; + .\32xl\:focus\:translate-y-24:focus { + --tw-translate-y: 6rem; } - .xl\:leading-8 { - line-height: 2rem; + .\32xl\:focus\:translate-y-28:focus { + --tw-translate-y: 7rem; } - .xl\:leading-9 { - line-height: 2.25rem; + .\32xl\:focus\:translate-y-32:focus { + --tw-translate-y: 8rem; } - .xl\:leading-10 { - line-height: 2.5rem; + .\32xl\:focus\:translate-y-36:focus { + --tw-translate-y: 9rem; } - .xl\:leading-none { - line-height: 1; + .\32xl\:focus\:translate-y-40:focus { + --tw-translate-y: 10rem; } - .xl\:leading-tight { - line-height: 1.25; + .\32xl\:focus\:translate-y-44:focus { + --tw-translate-y: 11rem; } - .xl\:leading-snug { - line-height: 1.375; + .\32xl\:focus\:translate-y-48:focus { + --tw-translate-y: 12rem; } - .xl\:leading-normal { - line-height: 1.5; + .\32xl\:focus\:translate-y-52:focus { + --tw-translate-y: 13rem; } - .xl\:leading-relaxed { - line-height: 1.625; + .\32xl\:focus\:translate-y-56:focus { + --tw-translate-y: 14rem; } - .xl\:leading-loose { - line-height: 2; + .\32xl\:focus\:translate-y-60:focus { + --tw-translate-y: 15rem; } - .xl\:tracking-tighter { - letter-spacing: -0.05em; + .\32xl\:focus\:translate-y-64:focus { + --tw-translate-y: 16rem; } - .xl\:tracking-tight { - letter-spacing: -0.025em; + .\32xl\:focus\:translate-y-72:focus { + --tw-translate-y: 18rem; } - .xl\:tracking-normal { - letter-spacing: 0em; + .\32xl\:focus\:translate-y-80:focus { + --tw-translate-y: 20rem; } - .xl\:tracking-wide { - letter-spacing: 0.025em; + .\32xl\:focus\:translate-y-96:focus { + --tw-translate-y: 24rem; } - .xl\:tracking-wider { - letter-spacing: 0.05em; + .\32xl\:focus\:translate-y-px:focus { + --tw-translate-y: 1px; } - .xl\:tracking-widest { - letter-spacing: 0.1em; + .\32xl\:focus\:translate-y-0\.5:focus { + --tw-translate-y: 0.125rem; } - .xl\:text-transparent { - color: transparent; + .\32xl\:focus\:translate-y-1\.5:focus { + --tw-translate-y: 0.375rem; } - .xl\:text-current { - color: currentColor; + .\32xl\:focus\:translate-y-2\.5:focus { + --tw-translate-y: 0.625rem; } - .xl\:text-black { - --tw-text-opacity: 1; - color: rgba(0, 0, 0, var(--tw-text-opacity)); + .\32xl\:focus\:translate-y-3\.5:focus { + --tw-translate-y: 0.875rem; } - .xl\:text-white { - --tw-text-opacity: 1; - color: rgba(255, 255, 255, var(--tw-text-opacity)); + .\32xl\:focus\:-translate-y-0:focus { + --tw-translate-y: 0px; } - .xl\:text-gray-50 { - --tw-text-opacity: 1; - color: rgba(249, 250, 251, var(--tw-text-opacity)); + .\32xl\:focus\:-translate-y-1:focus { + --tw-translate-y: -0.25rem; } - .xl\:text-gray-100 { - --tw-text-opacity: 1; - color: rgba(243, 244, 246, var(--tw-text-opacity)); + .\32xl\:focus\:-translate-y-2:focus { + --tw-translate-y: -0.5rem; } - .xl\:text-gray-200 { - --tw-text-opacity: 1; - color: rgba(229, 231, 235, var(--tw-text-opacity)); + .\32xl\:focus\:-translate-y-3:focus { + --tw-translate-y: -0.75rem; } - .xl\:text-gray-300 { - --tw-text-opacity: 1; - color: rgba(209, 213, 219, var(--tw-text-opacity)); + .\32xl\:focus\:-translate-y-4:focus { + --tw-translate-y: -1rem; } - .xl\:text-gray-400 { - --tw-text-opacity: 1; - color: rgba(156, 163, 175, var(--tw-text-opacity)); + .\32xl\:focus\:-translate-y-5:focus { + --tw-translate-y: -1.25rem; } - .xl\:text-gray-500 { - --tw-text-opacity: 1; - color: rgba(107, 114, 128, var(--tw-text-opacity)); + .\32xl\:focus\:-translate-y-6:focus { + --tw-translate-y: -1.5rem; } - .xl\:text-gray-600 { - --tw-text-opacity: 1; - color: rgba(75, 85, 99, var(--tw-text-opacity)); + .\32xl\:focus\:-translate-y-7:focus { + --tw-translate-y: -1.75rem; } - .xl\:text-gray-700 { - --tw-text-opacity: 1; - color: rgba(55, 65, 81, var(--tw-text-opacity)); + .\32xl\:focus\:-translate-y-8:focus { + --tw-translate-y: -2rem; } - .xl\:text-gray-800 { - --tw-text-opacity: 1; - color: rgba(31, 41, 55, var(--tw-text-opacity)); + .\32xl\:focus\:-translate-y-9:focus { + --tw-translate-y: -2.25rem; } - .xl\:text-gray-900 { - --tw-text-opacity: 1; - color: rgba(17, 24, 39, var(--tw-text-opacity)); + .\32xl\:focus\:-translate-y-10:focus { + --tw-translate-y: -2.5rem; } - .xl\:text-red-50 { - --tw-text-opacity: 1; - color: rgba(254, 242, 242, var(--tw-text-opacity)); + .\32xl\:focus\:-translate-y-11:focus { + --tw-translate-y: -2.75rem; } - .xl\:text-red-100 { - --tw-text-opacity: 1; - color: rgba(254, 226, 226, var(--tw-text-opacity)); + .\32xl\:focus\:-translate-y-12:focus { + --tw-translate-y: -3rem; } - .xl\:text-red-200 { - --tw-text-opacity: 1; - color: rgba(254, 202, 202, var(--tw-text-opacity)); + .\32xl\:focus\:-translate-y-14:focus { + --tw-translate-y: -3.5rem; } - .xl\:text-red-300 { - --tw-text-opacity: 1; - color: rgba(252, 165, 165, var(--tw-text-opacity)); + .\32xl\:focus\:-translate-y-16:focus { + --tw-translate-y: -4rem; } - .xl\:text-red-400 { - --tw-text-opacity: 1; - color: rgba(248, 113, 113, var(--tw-text-opacity)); + .\32xl\:focus\:-translate-y-20:focus { + --tw-translate-y: -5rem; } - .xl\:text-red-500 { - --tw-text-opacity: 1; - color: rgba(239, 68, 68, var(--tw-text-opacity)); + .\32xl\:focus\:-translate-y-24:focus { + --tw-translate-y: -6rem; } - .xl\:text-red-600 { - --tw-text-opacity: 1; - color: rgba(220, 38, 38, var(--tw-text-opacity)); + .\32xl\:focus\:-translate-y-28:focus { + --tw-translate-y: -7rem; } - .xl\:text-red-700 { - --tw-text-opacity: 1; - color: rgba(185, 28, 28, var(--tw-text-opacity)); + .\32xl\:focus\:-translate-y-32:focus { + --tw-translate-y: -8rem; } - .xl\:text-red-800 { - --tw-text-opacity: 1; - color: rgba(153, 27, 27, var(--tw-text-opacity)); + .\32xl\:focus\:-translate-y-36:focus { + --tw-translate-y: -9rem; } - .xl\:text-red-900 { - --tw-text-opacity: 1; - color: rgba(127, 29, 29, var(--tw-text-opacity)); + .\32xl\:focus\:-translate-y-40:focus { + --tw-translate-y: -10rem; } - .xl\:text-yellow-50 { - --tw-text-opacity: 1; - color: rgba(255, 251, 235, var(--tw-text-opacity)); + .\32xl\:focus\:-translate-y-44:focus { + --tw-translate-y: -11rem; } - .xl\:text-yellow-100 { - --tw-text-opacity: 1; - color: rgba(254, 243, 199, var(--tw-text-opacity)); + .\32xl\:focus\:-translate-y-48:focus { + --tw-translate-y: -12rem; } - .xl\:text-yellow-200 { - --tw-text-opacity: 1; - color: rgba(253, 230, 138, var(--tw-text-opacity)); + .\32xl\:focus\:-translate-y-52:focus { + --tw-translate-y: -13rem; } - .xl\:text-yellow-300 { - --tw-text-opacity: 1; - color: rgba(252, 211, 77, var(--tw-text-opacity)); + .\32xl\:focus\:-translate-y-56:focus { + --tw-translate-y: -14rem; } - .xl\:text-yellow-400 { - --tw-text-opacity: 1; - color: rgba(251, 191, 36, var(--tw-text-opacity)); + .\32xl\:focus\:-translate-y-60:focus { + --tw-translate-y: -15rem; } - .xl\:text-yellow-500 { - --tw-text-opacity: 1; - color: rgba(245, 158, 11, var(--tw-text-opacity)); + .\32xl\:focus\:-translate-y-64:focus { + --tw-translate-y: -16rem; } - .xl\:text-yellow-600 { - --tw-text-opacity: 1; - color: rgba(217, 119, 6, var(--tw-text-opacity)); + .\32xl\:focus\:-translate-y-72:focus { + --tw-translate-y: -18rem; } - .xl\:text-yellow-700 { - --tw-text-opacity: 1; - color: rgba(180, 83, 9, var(--tw-text-opacity)); + .\32xl\:focus\:-translate-y-80:focus { + --tw-translate-y: -20rem; } - .xl\:text-yellow-800 { - --tw-text-opacity: 1; - color: rgba(146, 64, 14, var(--tw-text-opacity)); + .\32xl\:focus\:-translate-y-96:focus { + --tw-translate-y: -24rem; } - .xl\:text-yellow-900 { - --tw-text-opacity: 1; - color: rgba(120, 53, 15, var(--tw-text-opacity)); + .\32xl\:focus\:-translate-y-px:focus { + --tw-translate-y: -1px; } - .xl\:text-green-50 { - --tw-text-opacity: 1; - color: rgba(236, 253, 245, var(--tw-text-opacity)); + .\32xl\:focus\:-translate-y-0\.5:focus { + --tw-translate-y: -0.125rem; } - .xl\:text-green-100 { - --tw-text-opacity: 1; - color: rgba(209, 250, 229, var(--tw-text-opacity)); + .\32xl\:focus\:-translate-y-1\.5:focus { + --tw-translate-y: -0.375rem; } - .xl\:text-green-200 { - --tw-text-opacity: 1; - color: rgba(167, 243, 208, var(--tw-text-opacity)); + .\32xl\:focus\:-translate-y-2\.5:focus { + --tw-translate-y: -0.625rem; } - .xl\:text-green-300 { - --tw-text-opacity: 1; - color: rgba(110, 231, 183, var(--tw-text-opacity)); + .\32xl\:focus\:-translate-y-3\.5:focus { + --tw-translate-y: -0.875rem; } - .xl\:text-green-400 { - --tw-text-opacity: 1; - color: rgba(52, 211, 153, var(--tw-text-opacity)); + .\32xl\:focus\:translate-y-1\/2:focus { + --tw-translate-y: 50%; } - .xl\:text-green-500 { - --tw-text-opacity: 1; - color: rgba(16, 185, 129, var(--tw-text-opacity)); + .\32xl\:focus\:translate-y-1\/3:focus { + --tw-translate-y: 33.333333%; } - .xl\:text-green-600 { - --tw-text-opacity: 1; - color: rgba(5, 150, 105, var(--tw-text-opacity)); + .\32xl\:focus\:translate-y-2\/3:focus { + --tw-translate-y: 66.666667%; } - .xl\:text-green-700 { - --tw-text-opacity: 1; - color: rgba(4, 120, 87, var(--tw-text-opacity)); + .\32xl\:focus\:translate-y-1\/4:focus { + --tw-translate-y: 25%; } - .xl\:text-green-800 { - --tw-text-opacity: 1; - color: rgba(6, 95, 70, var(--tw-text-opacity)); + .\32xl\:focus\:translate-y-2\/4:focus { + --tw-translate-y: 50%; } - .xl\:text-green-900 { - --tw-text-opacity: 1; - color: rgba(6, 78, 59, var(--tw-text-opacity)); + .\32xl\:focus\:translate-y-3\/4:focus { + --tw-translate-y: 75%; } - .xl\:text-blue-50 { - --tw-text-opacity: 1; - color: rgba(239, 246, 255, var(--tw-text-opacity)); + .\32xl\:focus\:translate-y-full:focus { + --tw-translate-y: 100%; } - .xl\:text-blue-100 { - --tw-text-opacity: 1; - color: rgba(219, 234, 254, var(--tw-text-opacity)); + .\32xl\:focus\:-translate-y-1\/2:focus { + --tw-translate-y: -50%; } - .xl\:text-blue-200 { - --tw-text-opacity: 1; - color: rgba(191, 219, 254, var(--tw-text-opacity)); + .\32xl\:focus\:-translate-y-1\/3:focus { + --tw-translate-y: -33.333333%; } - .xl\:text-blue-300 { - --tw-text-opacity: 1; - color: rgba(147, 197, 253, var(--tw-text-opacity)); + .\32xl\:focus\:-translate-y-2\/3:focus { + --tw-translate-y: -66.666667%; } - .xl\:text-blue-400 { - --tw-text-opacity: 1; - color: rgba(96, 165, 250, var(--tw-text-opacity)); + .\32xl\:focus\:-translate-y-1\/4:focus { + --tw-translate-y: -25%; } - .xl\:text-blue-500 { - --tw-text-opacity: 1; - color: rgba(59, 130, 246, var(--tw-text-opacity)); + .\32xl\:focus\:-translate-y-2\/4:focus { + --tw-translate-y: -50%; } - .xl\:text-blue-600 { - --tw-text-opacity: 1; - color: rgba(37, 99, 235, var(--tw-text-opacity)); + .\32xl\:focus\:-translate-y-3\/4:focus { + --tw-translate-y: -75%; } - .xl\:text-blue-700 { - --tw-text-opacity: 1; - color: rgba(29, 78, 216, var(--tw-text-opacity)); + .\32xl\:focus\:-translate-y-full:focus { + --tw-translate-y: -100%; } - .xl\:text-blue-800 { - --tw-text-opacity: 1; - color: rgba(30, 64, 175, var(--tw-text-opacity)); + .\32xl\:rotate-0 { + --tw-rotate: 0deg; } - .xl\:text-blue-900 { - --tw-text-opacity: 1; - color: rgba(30, 58, 138, var(--tw-text-opacity)); + .\32xl\:rotate-1 { + --tw-rotate: 1deg; } - .xl\:text-indigo-50 { - --tw-text-opacity: 1; - color: rgba(238, 242, 255, var(--tw-text-opacity)); + .\32xl\:rotate-2 { + --tw-rotate: 2deg; } - .xl\:text-indigo-100 { - --tw-text-opacity: 1; - color: rgba(224, 231, 255, var(--tw-text-opacity)); + .\32xl\:rotate-3 { + --tw-rotate: 3deg; } - .xl\:text-indigo-200 { - --tw-text-opacity: 1; - color: rgba(199, 210, 254, var(--tw-text-opacity)); + .\32xl\:rotate-6 { + --tw-rotate: 6deg; } - .xl\:text-indigo-300 { - --tw-text-opacity: 1; - color: rgba(165, 180, 252, var(--tw-text-opacity)); + .\32xl\:rotate-12 { + --tw-rotate: 12deg; } - .xl\:text-indigo-400 { - --tw-text-opacity: 1; - color: rgba(129, 140, 248, var(--tw-text-opacity)); + .\32xl\:rotate-45 { + --tw-rotate: 45deg; } - .xl\:text-indigo-500 { - --tw-text-opacity: 1; - color: rgba(99, 102, 241, var(--tw-text-opacity)); + .\32xl\:rotate-90 { + --tw-rotate: 90deg; } - .xl\:text-indigo-600 { - --tw-text-opacity: 1; - color: rgba(79, 70, 229, var(--tw-text-opacity)); + .\32xl\:rotate-180 { + --tw-rotate: 180deg; } - .xl\:text-indigo-700 { - --tw-text-opacity: 1; - color: rgba(67, 56, 202, var(--tw-text-opacity)); + .\32xl\:-rotate-180 { + --tw-rotate: -180deg; } - .xl\:text-indigo-800 { - --tw-text-opacity: 1; - color: rgba(55, 48, 163, var(--tw-text-opacity)); + .\32xl\:-rotate-90 { + --tw-rotate: -90deg; } - .xl\:text-indigo-900 { - --tw-text-opacity: 1; - color: rgba(49, 46, 129, var(--tw-text-opacity)); + .\32xl\:-rotate-45 { + --tw-rotate: -45deg; } - .xl\:text-purple-50 { - --tw-text-opacity: 1; - color: rgba(245, 243, 255, var(--tw-text-opacity)); + .\32xl\:-rotate-12 { + --tw-rotate: -12deg; } - .xl\:text-purple-100 { - --tw-text-opacity: 1; - color: rgba(237, 233, 254, var(--tw-text-opacity)); + .\32xl\:-rotate-6 { + --tw-rotate: -6deg; } - .xl\:text-purple-200 { - --tw-text-opacity: 1; - color: rgba(221, 214, 254, var(--tw-text-opacity)); + .\32xl\:-rotate-3 { + --tw-rotate: -3deg; } - .xl\:text-purple-300 { - --tw-text-opacity: 1; - color: rgba(196, 181, 253, var(--tw-text-opacity)); + .\32xl\:-rotate-2 { + --tw-rotate: -2deg; } - .xl\:text-purple-400 { - --tw-text-opacity: 1; - color: rgba(167, 139, 250, var(--tw-text-opacity)); + .\32xl\:-rotate-1 { + --tw-rotate: -1deg; } - .xl\:text-purple-500 { - --tw-text-opacity: 1; - color: rgba(139, 92, 246, var(--tw-text-opacity)); + .\32xl\:hover\:rotate-0:hover { + --tw-rotate: 0deg; } - .xl\:text-purple-600 { - --tw-text-opacity: 1; - color: rgba(124, 58, 237, var(--tw-text-opacity)); + .\32xl\:hover\:rotate-1:hover { + --tw-rotate: 1deg; } - .xl\:text-purple-700 { - --tw-text-opacity: 1; - color: rgba(109, 40, 217, var(--tw-text-opacity)); + .\32xl\:hover\:rotate-2:hover { + --tw-rotate: 2deg; } - .xl\:text-purple-800 { - --tw-text-opacity: 1; - color: rgba(91, 33, 182, var(--tw-text-opacity)); + .\32xl\:hover\:rotate-3:hover { + --tw-rotate: 3deg; } - .xl\:text-purple-900 { - --tw-text-opacity: 1; - color: rgba(76, 29, 149, var(--tw-text-opacity)); + .\32xl\:hover\:rotate-6:hover { + --tw-rotate: 6deg; } - .xl\:text-pink-50 { - --tw-text-opacity: 1; - color: rgba(253, 242, 248, var(--tw-text-opacity)); + .\32xl\:hover\:rotate-12:hover { + --tw-rotate: 12deg; } - .xl\:text-pink-100 { - --tw-text-opacity: 1; - color: rgba(252, 231, 243, var(--tw-text-opacity)); + .\32xl\:hover\:rotate-45:hover { + --tw-rotate: 45deg; } - .xl\:text-pink-200 { - --tw-text-opacity: 1; - color: rgba(251, 207, 232, var(--tw-text-opacity)); + .\32xl\:hover\:rotate-90:hover { + --tw-rotate: 90deg; } - .xl\:text-pink-300 { - --tw-text-opacity: 1; - color: rgba(249, 168, 212, var(--tw-text-opacity)); + .\32xl\:hover\:rotate-180:hover { + --tw-rotate: 180deg; } - .xl\:text-pink-400 { - --tw-text-opacity: 1; - color: rgba(244, 114, 182, var(--tw-text-opacity)); + .\32xl\:hover\:-rotate-180:hover { + --tw-rotate: -180deg; } - .xl\:text-pink-500 { - --tw-text-opacity: 1; - color: rgba(236, 72, 153, var(--tw-text-opacity)); + .\32xl\:hover\:-rotate-90:hover { + --tw-rotate: -90deg; } - .xl\:text-pink-600 { - --tw-text-opacity: 1; - color: rgba(219, 39, 119, var(--tw-text-opacity)); + .\32xl\:hover\:-rotate-45:hover { + --tw-rotate: -45deg; } - .xl\:text-pink-700 { - --tw-text-opacity: 1; - color: rgba(190, 24, 93, var(--tw-text-opacity)); + .\32xl\:hover\:-rotate-12:hover { + --tw-rotate: -12deg; } - .xl\:text-pink-800 { - --tw-text-opacity: 1; - color: rgba(157, 23, 77, var(--tw-text-opacity)); + .\32xl\:hover\:-rotate-6:hover { + --tw-rotate: -6deg; } - .xl\:text-pink-900 { - --tw-text-opacity: 1; - color: rgba(131, 24, 67, var(--tw-text-opacity)); + .\32xl\:hover\:-rotate-3:hover { + --tw-rotate: -3deg; } - .group:hover .xl\:group-hover\:text-transparent { - color: transparent; + .\32xl\:hover\:-rotate-2:hover { + --tw-rotate: -2deg; } - .group:hover .xl\:group-hover\:text-current { - color: currentColor; + .\32xl\:hover\:-rotate-1:hover { + --tw-rotate: -1deg; } - .group:hover .xl\:group-hover\:text-black { - --tw-text-opacity: 1; - color: rgba(0, 0, 0, var(--tw-text-opacity)); + .\32xl\:focus\:rotate-0:focus { + --tw-rotate: 0deg; } - .group:hover .xl\:group-hover\:text-white { - --tw-text-opacity: 1; - color: rgba(255, 255, 255, var(--tw-text-opacity)); + .\32xl\:focus\:rotate-1:focus { + --tw-rotate: 1deg; } - .group:hover .xl\:group-hover\:text-gray-50 { - --tw-text-opacity: 1; - color: rgba(249, 250, 251, var(--tw-text-opacity)); + .\32xl\:focus\:rotate-2:focus { + --tw-rotate: 2deg; } - .group:hover .xl\:group-hover\:text-gray-100 { - --tw-text-opacity: 1; - color: rgba(243, 244, 246, var(--tw-text-opacity)); + .\32xl\:focus\:rotate-3:focus { + --tw-rotate: 3deg; } - .group:hover .xl\:group-hover\:text-gray-200 { - --tw-text-opacity: 1; - color: rgba(229, 231, 235, var(--tw-text-opacity)); + .\32xl\:focus\:rotate-6:focus { + --tw-rotate: 6deg; } - .group:hover .xl\:group-hover\:text-gray-300 { - --tw-text-opacity: 1; - color: rgba(209, 213, 219, var(--tw-text-opacity)); + .\32xl\:focus\:rotate-12:focus { + --tw-rotate: 12deg; } - .group:hover .xl\:group-hover\:text-gray-400 { - --tw-text-opacity: 1; - color: rgba(156, 163, 175, var(--tw-text-opacity)); + .\32xl\:focus\:rotate-45:focus { + --tw-rotate: 45deg; } - .group:hover .xl\:group-hover\:text-gray-500 { - --tw-text-opacity: 1; - color: rgba(107, 114, 128, var(--tw-text-opacity)); + .\32xl\:focus\:rotate-90:focus { + --tw-rotate: 90deg; } - .group:hover .xl\:group-hover\:text-gray-600 { - --tw-text-opacity: 1; - color: rgba(75, 85, 99, var(--tw-text-opacity)); + .\32xl\:focus\:rotate-180:focus { + --tw-rotate: 180deg; } - .group:hover .xl\:group-hover\:text-gray-700 { - --tw-text-opacity: 1; - color: rgba(55, 65, 81, var(--tw-text-opacity)); + .\32xl\:focus\:-rotate-180:focus { + --tw-rotate: -180deg; } - .group:hover .xl\:group-hover\:text-gray-800 { - --tw-text-opacity: 1; - color: rgba(31, 41, 55, var(--tw-text-opacity)); + .\32xl\:focus\:-rotate-90:focus { + --tw-rotate: -90deg; } - .group:hover .xl\:group-hover\:text-gray-900 { - --tw-text-opacity: 1; - color: rgba(17, 24, 39, var(--tw-text-opacity)); + .\32xl\:focus\:-rotate-45:focus { + --tw-rotate: -45deg; } - .group:hover .xl\:group-hover\:text-red-50 { - --tw-text-opacity: 1; - color: rgba(254, 242, 242, var(--tw-text-opacity)); + .\32xl\:focus\:-rotate-12:focus { + --tw-rotate: -12deg; } - .group:hover .xl\:group-hover\:text-red-100 { - --tw-text-opacity: 1; - color: rgba(254, 226, 226, var(--tw-text-opacity)); + .\32xl\:focus\:-rotate-6:focus { + --tw-rotate: -6deg; } - .group:hover .xl\:group-hover\:text-red-200 { - --tw-text-opacity: 1; - color: rgba(254, 202, 202, var(--tw-text-opacity)); + .\32xl\:focus\:-rotate-3:focus { + --tw-rotate: -3deg; } - .group:hover .xl\:group-hover\:text-red-300 { - --tw-text-opacity: 1; - color: rgba(252, 165, 165, var(--tw-text-opacity)); + .\32xl\:focus\:-rotate-2:focus { + --tw-rotate: -2deg; } - .group:hover .xl\:group-hover\:text-red-400 { - --tw-text-opacity: 1; - color: rgba(248, 113, 113, var(--tw-text-opacity)); + .\32xl\:focus\:-rotate-1:focus { + --tw-rotate: -1deg; } - .group:hover .xl\:group-hover\:text-red-500 { - --tw-text-opacity: 1; - color: rgba(239, 68, 68, var(--tw-text-opacity)); + .\32xl\:skew-x-0 { + --tw-skew-x: 0deg; } - .group:hover .xl\:group-hover\:text-red-600 { - --tw-text-opacity: 1; - color: rgba(220, 38, 38, var(--tw-text-opacity)); + .\32xl\:skew-x-1 { + --tw-skew-x: 1deg; } - .group:hover .xl\:group-hover\:text-red-700 { - --tw-text-opacity: 1; - color: rgba(185, 28, 28, var(--tw-text-opacity)); + .\32xl\:skew-x-2 { + --tw-skew-x: 2deg; } - .group:hover .xl\:group-hover\:text-red-800 { - --tw-text-opacity: 1; - color: rgba(153, 27, 27, var(--tw-text-opacity)); + .\32xl\:skew-x-3 { + --tw-skew-x: 3deg; } - .group:hover .xl\:group-hover\:text-red-900 { - --tw-text-opacity: 1; - color: rgba(127, 29, 29, var(--tw-text-opacity)); + .\32xl\:skew-x-6 { + --tw-skew-x: 6deg; } - .group:hover .xl\:group-hover\:text-yellow-50 { - --tw-text-opacity: 1; - color: rgba(255, 251, 235, var(--tw-text-opacity)); + .\32xl\:skew-x-12 { + --tw-skew-x: 12deg; } - .group:hover .xl\:group-hover\:text-yellow-100 { - --tw-text-opacity: 1; - color: rgba(254, 243, 199, var(--tw-text-opacity)); + .\32xl\:-skew-x-12 { + --tw-skew-x: -12deg; } - .group:hover .xl\:group-hover\:text-yellow-200 { - --tw-text-opacity: 1; - color: rgba(253, 230, 138, var(--tw-text-opacity)); + .\32xl\:-skew-x-6 { + --tw-skew-x: -6deg; } - .group:hover .xl\:group-hover\:text-yellow-300 { - --tw-text-opacity: 1; - color: rgba(252, 211, 77, var(--tw-text-opacity)); + .\32xl\:-skew-x-3 { + --tw-skew-x: -3deg; } - .group:hover .xl\:group-hover\:text-yellow-400 { - --tw-text-opacity: 1; - color: rgba(251, 191, 36, var(--tw-text-opacity)); + .\32xl\:-skew-x-2 { + --tw-skew-x: -2deg; } - .group:hover .xl\:group-hover\:text-yellow-500 { - --tw-text-opacity: 1; - color: rgba(245, 158, 11, var(--tw-text-opacity)); + .\32xl\:-skew-x-1 { + --tw-skew-x: -1deg; } - .group:hover .xl\:group-hover\:text-yellow-600 { - --tw-text-opacity: 1; - color: rgba(217, 119, 6, var(--tw-text-opacity)); + .\32xl\:skew-y-0 { + --tw-skew-y: 0deg; } - .group:hover .xl\:group-hover\:text-yellow-700 { - --tw-text-opacity: 1; - color: rgba(180, 83, 9, var(--tw-text-opacity)); + .\32xl\:skew-y-1 { + --tw-skew-y: 1deg; } - .group:hover .xl\:group-hover\:text-yellow-800 { - --tw-text-opacity: 1; - color: rgba(146, 64, 14, var(--tw-text-opacity)); + .\32xl\:skew-y-2 { + --tw-skew-y: 2deg; } - .group:hover .xl\:group-hover\:text-yellow-900 { - --tw-text-opacity: 1; - color: rgba(120, 53, 15, var(--tw-text-opacity)); + .\32xl\:skew-y-3 { + --tw-skew-y: 3deg; } - .group:hover .xl\:group-hover\:text-green-50 { - --tw-text-opacity: 1; - color: rgba(236, 253, 245, var(--tw-text-opacity)); + .\32xl\:skew-y-6 { + --tw-skew-y: 6deg; } - .group:hover .xl\:group-hover\:text-green-100 { - --tw-text-opacity: 1; - color: rgba(209, 250, 229, var(--tw-text-opacity)); + .\32xl\:skew-y-12 { + --tw-skew-y: 12deg; } - .group:hover .xl\:group-hover\:text-green-200 { - --tw-text-opacity: 1; - color: rgba(167, 243, 208, var(--tw-text-opacity)); + .\32xl\:-skew-y-12 { + --tw-skew-y: -12deg; } - .group:hover .xl\:group-hover\:text-green-300 { - --tw-text-opacity: 1; - color: rgba(110, 231, 183, var(--tw-text-opacity)); + .\32xl\:-skew-y-6 { + --tw-skew-y: -6deg; } - .group:hover .xl\:group-hover\:text-green-400 { - --tw-text-opacity: 1; - color: rgba(52, 211, 153, var(--tw-text-opacity)); + .\32xl\:-skew-y-3 { + --tw-skew-y: -3deg; } - .group:hover .xl\:group-hover\:text-green-500 { - --tw-text-opacity: 1; - color: rgba(16, 185, 129, var(--tw-text-opacity)); + .\32xl\:-skew-y-2 { + --tw-skew-y: -2deg; } - .group:hover .xl\:group-hover\:text-green-600 { - --tw-text-opacity: 1; - color: rgba(5, 150, 105, var(--tw-text-opacity)); + .\32xl\:-skew-y-1 { + --tw-skew-y: -1deg; } - .group:hover .xl\:group-hover\:text-green-700 { - --tw-text-opacity: 1; - color: rgba(4, 120, 87, var(--tw-text-opacity)); + .\32xl\:hover\:skew-x-0:hover { + --tw-skew-x: 0deg; } - .group:hover .xl\:group-hover\:text-green-800 { - --tw-text-opacity: 1; - color: rgba(6, 95, 70, var(--tw-text-opacity)); + .\32xl\:hover\:skew-x-1:hover { + --tw-skew-x: 1deg; } - .group:hover .xl\:group-hover\:text-green-900 { - --tw-text-opacity: 1; - color: rgba(6, 78, 59, var(--tw-text-opacity)); + .\32xl\:hover\:skew-x-2:hover { + --tw-skew-x: 2deg; } - .group:hover .xl\:group-hover\:text-blue-50 { - --tw-text-opacity: 1; - color: rgba(239, 246, 255, var(--tw-text-opacity)); + .\32xl\:hover\:skew-x-3:hover { + --tw-skew-x: 3deg; } - .group:hover .xl\:group-hover\:text-blue-100 { - --tw-text-opacity: 1; - color: rgba(219, 234, 254, var(--tw-text-opacity)); + .\32xl\:hover\:skew-x-6:hover { + --tw-skew-x: 6deg; } - .group:hover .xl\:group-hover\:text-blue-200 { - --tw-text-opacity: 1; - color: rgba(191, 219, 254, var(--tw-text-opacity)); + .\32xl\:hover\:skew-x-12:hover { + --tw-skew-x: 12deg; } - .group:hover .xl\:group-hover\:text-blue-300 { - --tw-text-opacity: 1; - color: rgba(147, 197, 253, var(--tw-text-opacity)); + .\32xl\:hover\:-skew-x-12:hover { + --tw-skew-x: -12deg; } - .group:hover .xl\:group-hover\:text-blue-400 { - --tw-text-opacity: 1; - color: rgba(96, 165, 250, var(--tw-text-opacity)); + .\32xl\:hover\:-skew-x-6:hover { + --tw-skew-x: -6deg; } - .group:hover .xl\:group-hover\:text-blue-500 { - --tw-text-opacity: 1; - color: rgba(59, 130, 246, var(--tw-text-opacity)); + .\32xl\:hover\:-skew-x-3:hover { + --tw-skew-x: -3deg; } - .group:hover .xl\:group-hover\:text-blue-600 { - --tw-text-opacity: 1; - color: rgba(37, 99, 235, var(--tw-text-opacity)); + .\32xl\:hover\:-skew-x-2:hover { + --tw-skew-x: -2deg; } - .group:hover .xl\:group-hover\:text-blue-700 { - --tw-text-opacity: 1; - color: rgba(29, 78, 216, var(--tw-text-opacity)); + .\32xl\:hover\:-skew-x-1:hover { + --tw-skew-x: -1deg; } - .group:hover .xl\:group-hover\:text-blue-800 { - --tw-text-opacity: 1; - color: rgba(30, 64, 175, var(--tw-text-opacity)); + .\32xl\:hover\:skew-y-0:hover { + --tw-skew-y: 0deg; } - .group:hover .xl\:group-hover\:text-blue-900 { - --tw-text-opacity: 1; - color: rgba(30, 58, 138, var(--tw-text-opacity)); + .\32xl\:hover\:skew-y-1:hover { + --tw-skew-y: 1deg; } - .group:hover .xl\:group-hover\:text-indigo-50 { - --tw-text-opacity: 1; - color: rgba(238, 242, 255, var(--tw-text-opacity)); + .\32xl\:hover\:skew-y-2:hover { + --tw-skew-y: 2deg; } - .group:hover .xl\:group-hover\:text-indigo-100 { - --tw-text-opacity: 1; - color: rgba(224, 231, 255, var(--tw-text-opacity)); + .\32xl\:hover\:skew-y-3:hover { + --tw-skew-y: 3deg; } - .group:hover .xl\:group-hover\:text-indigo-200 { - --tw-text-opacity: 1; - color: rgba(199, 210, 254, var(--tw-text-opacity)); + .\32xl\:hover\:skew-y-6:hover { + --tw-skew-y: 6deg; } - .group:hover .xl\:group-hover\:text-indigo-300 { - --tw-text-opacity: 1; - color: rgba(165, 180, 252, var(--tw-text-opacity)); + .\32xl\:hover\:skew-y-12:hover { + --tw-skew-y: 12deg; } - .group:hover .xl\:group-hover\:text-indigo-400 { - --tw-text-opacity: 1; - color: rgba(129, 140, 248, var(--tw-text-opacity)); + .\32xl\:hover\:-skew-y-12:hover { + --tw-skew-y: -12deg; } - .group:hover .xl\:group-hover\:text-indigo-500 { - --tw-text-opacity: 1; - color: rgba(99, 102, 241, var(--tw-text-opacity)); + .\32xl\:hover\:-skew-y-6:hover { + --tw-skew-y: -6deg; } - .group:hover .xl\:group-hover\:text-indigo-600 { - --tw-text-opacity: 1; - color: rgba(79, 70, 229, var(--tw-text-opacity)); + .\32xl\:hover\:-skew-y-3:hover { + --tw-skew-y: -3deg; } - .group:hover .xl\:group-hover\:text-indigo-700 { - --tw-text-opacity: 1; - color: rgba(67, 56, 202, var(--tw-text-opacity)); + .\32xl\:hover\:-skew-y-2:hover { + --tw-skew-y: -2deg; } - .group:hover .xl\:group-hover\:text-indigo-800 { - --tw-text-opacity: 1; - color: rgba(55, 48, 163, var(--tw-text-opacity)); + .\32xl\:hover\:-skew-y-1:hover { + --tw-skew-y: -1deg; } - .group:hover .xl\:group-hover\:text-indigo-900 { - --tw-text-opacity: 1; - color: rgba(49, 46, 129, var(--tw-text-opacity)); + .\32xl\:focus\:skew-x-0:focus { + --tw-skew-x: 0deg; } - .group:hover .xl\:group-hover\:text-purple-50 { - --tw-text-opacity: 1; - color: rgba(245, 243, 255, var(--tw-text-opacity)); + .\32xl\:focus\:skew-x-1:focus { + --tw-skew-x: 1deg; } - .group:hover .xl\:group-hover\:text-purple-100 { - --tw-text-opacity: 1; - color: rgba(237, 233, 254, var(--tw-text-opacity)); + .\32xl\:focus\:skew-x-2:focus { + --tw-skew-x: 2deg; } - .group:hover .xl\:group-hover\:text-purple-200 { - --tw-text-opacity: 1; - color: rgba(221, 214, 254, var(--tw-text-opacity)); + .\32xl\:focus\:skew-x-3:focus { + --tw-skew-x: 3deg; } - .group:hover .xl\:group-hover\:text-purple-300 { - --tw-text-opacity: 1; - color: rgba(196, 181, 253, var(--tw-text-opacity)); + .\32xl\:focus\:skew-x-6:focus { + --tw-skew-x: 6deg; } - .group:hover .xl\:group-hover\:text-purple-400 { - --tw-text-opacity: 1; - color: rgba(167, 139, 250, var(--tw-text-opacity)); + .\32xl\:focus\:skew-x-12:focus { + --tw-skew-x: 12deg; } - .group:hover .xl\:group-hover\:text-purple-500 { - --tw-text-opacity: 1; - color: rgba(139, 92, 246, var(--tw-text-opacity)); + .\32xl\:focus\:-skew-x-12:focus { + --tw-skew-x: -12deg; } - .group:hover .xl\:group-hover\:text-purple-600 { - --tw-text-opacity: 1; - color: rgba(124, 58, 237, var(--tw-text-opacity)); + .\32xl\:focus\:-skew-x-6:focus { + --tw-skew-x: -6deg; } - .group:hover .xl\:group-hover\:text-purple-700 { - --tw-text-opacity: 1; - color: rgba(109, 40, 217, var(--tw-text-opacity)); + .\32xl\:focus\:-skew-x-3:focus { + --tw-skew-x: -3deg; } - .group:hover .xl\:group-hover\:text-purple-800 { - --tw-text-opacity: 1; - color: rgba(91, 33, 182, var(--tw-text-opacity)); + .\32xl\:focus\:-skew-x-2:focus { + --tw-skew-x: -2deg; } - .group:hover .xl\:group-hover\:text-purple-900 { - --tw-text-opacity: 1; - color: rgba(76, 29, 149, var(--tw-text-opacity)); + .\32xl\:focus\:-skew-x-1:focus { + --tw-skew-x: -1deg; } - .group:hover .xl\:group-hover\:text-pink-50 { - --tw-text-opacity: 1; - color: rgba(253, 242, 248, var(--tw-text-opacity)); + .\32xl\:focus\:skew-y-0:focus { + --tw-skew-y: 0deg; } - .group:hover .xl\:group-hover\:text-pink-100 { - --tw-text-opacity: 1; - color: rgba(252, 231, 243, var(--tw-text-opacity)); + .\32xl\:focus\:skew-y-1:focus { + --tw-skew-y: 1deg; } - .group:hover .xl\:group-hover\:text-pink-200 { - --tw-text-opacity: 1; - color: rgba(251, 207, 232, var(--tw-text-opacity)); + .\32xl\:focus\:skew-y-2:focus { + --tw-skew-y: 2deg; } - .group:hover .xl\:group-hover\:text-pink-300 { - --tw-text-opacity: 1; - color: rgba(249, 168, 212, var(--tw-text-opacity)); + .\32xl\:focus\:skew-y-3:focus { + --tw-skew-y: 3deg; } - .group:hover .xl\:group-hover\:text-pink-400 { - --tw-text-opacity: 1; - color: rgba(244, 114, 182, var(--tw-text-opacity)); + .\32xl\:focus\:skew-y-6:focus { + --tw-skew-y: 6deg; } - .group:hover .xl\:group-hover\:text-pink-500 { - --tw-text-opacity: 1; - color: rgba(236, 72, 153, var(--tw-text-opacity)); + .\32xl\:focus\:skew-y-12:focus { + --tw-skew-y: 12deg; } - .group:hover .xl\:group-hover\:text-pink-600 { - --tw-text-opacity: 1; - color: rgba(219, 39, 119, var(--tw-text-opacity)); + .\32xl\:focus\:-skew-y-12:focus { + --tw-skew-y: -12deg; } - .group:hover .xl\:group-hover\:text-pink-700 { - --tw-text-opacity: 1; - color: rgba(190, 24, 93, var(--tw-text-opacity)); + .\32xl\:focus\:-skew-y-6:focus { + --tw-skew-y: -6deg; } - .group:hover .xl\:group-hover\:text-pink-800 { - --tw-text-opacity: 1; - color: rgba(157, 23, 77, var(--tw-text-opacity)); + .\32xl\:focus\:-skew-y-3:focus { + --tw-skew-y: -3deg; } - .group:hover .xl\:group-hover\:text-pink-900 { - --tw-text-opacity: 1; - color: rgba(131, 24, 67, var(--tw-text-opacity)); + .\32xl\:focus\:-skew-y-2:focus { + --tw-skew-y: -2deg; } - .xl\:focus-within\:text-transparent:focus-within { - color: transparent; + .\32xl\:focus\:-skew-y-1:focus { + --tw-skew-y: -1deg; } - .xl\:focus-within\:text-current:focus-within { - color: currentColor; + .\32xl\:scale-0 { + --tw-scale-x: 0; + --tw-scale-y: 0; } - .xl\:focus-within\:text-black:focus-within { - --tw-text-opacity: 1; - color: rgba(0, 0, 0, var(--tw-text-opacity)); + .\32xl\:scale-50 { + --tw-scale-x: .5; + --tw-scale-y: .5; } - .xl\:focus-within\:text-white:focus-within { - --tw-text-opacity: 1; - color: rgba(255, 255, 255, var(--tw-text-opacity)); + .\32xl\:scale-75 { + --tw-scale-x: .75; + --tw-scale-y: .75; } - .xl\:focus-within\:text-gray-50:focus-within { - --tw-text-opacity: 1; - color: rgba(249, 250, 251, var(--tw-text-opacity)); + .\32xl\:scale-90 { + --tw-scale-x: .9; + --tw-scale-y: .9; } - .xl\:focus-within\:text-gray-100:focus-within { - --tw-text-opacity: 1; - color: rgba(243, 244, 246, var(--tw-text-opacity)); + .\32xl\:scale-95 { + --tw-scale-x: .95; + --tw-scale-y: .95; } - .xl\:focus-within\:text-gray-200:focus-within { - --tw-text-opacity: 1; - color: rgba(229, 231, 235, var(--tw-text-opacity)); + .\32xl\:scale-100 { + --tw-scale-x: 1; + --tw-scale-y: 1; } - .xl\:focus-within\:text-gray-300:focus-within { - --tw-text-opacity: 1; - color: rgba(209, 213, 219, var(--tw-text-opacity)); + .\32xl\:scale-105 { + --tw-scale-x: 1.05; + --tw-scale-y: 1.05; } - .xl\:focus-within\:text-gray-400:focus-within { - --tw-text-opacity: 1; - color: rgba(156, 163, 175, var(--tw-text-opacity)); + .\32xl\:scale-110 { + --tw-scale-x: 1.1; + --tw-scale-y: 1.1; } - .xl\:focus-within\:text-gray-500:focus-within { - --tw-text-opacity: 1; - color: rgba(107, 114, 128, var(--tw-text-opacity)); + .\32xl\:scale-125 { + --tw-scale-x: 1.25; + --tw-scale-y: 1.25; } - .xl\:focus-within\:text-gray-600:focus-within { - --tw-text-opacity: 1; - color: rgba(75, 85, 99, var(--tw-text-opacity)); + .\32xl\:scale-150 { + --tw-scale-x: 1.5; + --tw-scale-y: 1.5; } - .xl\:focus-within\:text-gray-700:focus-within { - --tw-text-opacity: 1; - color: rgba(55, 65, 81, var(--tw-text-opacity)); + .\32xl\:hover\:scale-0:hover { + --tw-scale-x: 0; + --tw-scale-y: 0; } - .xl\:focus-within\:text-gray-800:focus-within { - --tw-text-opacity: 1; - color: rgba(31, 41, 55, var(--tw-text-opacity)); + .\32xl\:hover\:scale-50:hover { + --tw-scale-x: .5; + --tw-scale-y: .5; } - .xl\:focus-within\:text-gray-900:focus-within { - --tw-text-opacity: 1; - color: rgba(17, 24, 39, var(--tw-text-opacity)); + .\32xl\:hover\:scale-75:hover { + --tw-scale-x: .75; + --tw-scale-y: .75; } - .xl\:focus-within\:text-red-50:focus-within { - --tw-text-opacity: 1; - color: rgba(254, 242, 242, var(--tw-text-opacity)); + .\32xl\:hover\:scale-90:hover { + --tw-scale-x: .9; + --tw-scale-y: .9; } - .xl\:focus-within\:text-red-100:focus-within { - --tw-text-opacity: 1; - color: rgba(254, 226, 226, var(--tw-text-opacity)); + .\32xl\:hover\:scale-95:hover { + --tw-scale-x: .95; + --tw-scale-y: .95; } - .xl\:focus-within\:text-red-200:focus-within { - --tw-text-opacity: 1; - color: rgba(254, 202, 202, var(--tw-text-opacity)); + .\32xl\:hover\:scale-100:hover { + --tw-scale-x: 1; + --tw-scale-y: 1; } - .xl\:focus-within\:text-red-300:focus-within { - --tw-text-opacity: 1; - color: rgba(252, 165, 165, var(--tw-text-opacity)); + .\32xl\:hover\:scale-105:hover { + --tw-scale-x: 1.05; + --tw-scale-y: 1.05; } - .xl\:focus-within\:text-red-400:focus-within { - --tw-text-opacity: 1; - color: rgba(248, 113, 113, var(--tw-text-opacity)); + .\32xl\:hover\:scale-110:hover { + --tw-scale-x: 1.1; + --tw-scale-y: 1.1; } - .xl\:focus-within\:text-red-500:focus-within { - --tw-text-opacity: 1; - color: rgba(239, 68, 68, var(--tw-text-opacity)); + .\32xl\:hover\:scale-125:hover { + --tw-scale-x: 1.25; + --tw-scale-y: 1.25; } - .xl\:focus-within\:text-red-600:focus-within { - --tw-text-opacity: 1; - color: rgba(220, 38, 38, var(--tw-text-opacity)); + .\32xl\:hover\:scale-150:hover { + --tw-scale-x: 1.5; + --tw-scale-y: 1.5; } - .xl\:focus-within\:text-red-700:focus-within { - --tw-text-opacity: 1; - color: rgba(185, 28, 28, var(--tw-text-opacity)); + .\32xl\:focus\:scale-0:focus { + --tw-scale-x: 0; + --tw-scale-y: 0; } - .xl\:focus-within\:text-red-800:focus-within { - --tw-text-opacity: 1; - color: rgba(153, 27, 27, var(--tw-text-opacity)); + .\32xl\:focus\:scale-50:focus { + --tw-scale-x: .5; + --tw-scale-y: .5; } - .xl\:focus-within\:text-red-900:focus-within { - --tw-text-opacity: 1; - color: rgba(127, 29, 29, var(--tw-text-opacity)); + .\32xl\:focus\:scale-75:focus { + --tw-scale-x: .75; + --tw-scale-y: .75; } - .xl\:focus-within\:text-yellow-50:focus-within { - --tw-text-opacity: 1; - color: rgba(255, 251, 235, var(--tw-text-opacity)); + .\32xl\:focus\:scale-90:focus { + --tw-scale-x: .9; + --tw-scale-y: .9; } - .xl\:focus-within\:text-yellow-100:focus-within { - --tw-text-opacity: 1; - color: rgba(254, 243, 199, var(--tw-text-opacity)); + .\32xl\:focus\:scale-95:focus { + --tw-scale-x: .95; + --tw-scale-y: .95; } - .xl\:focus-within\:text-yellow-200:focus-within { - --tw-text-opacity: 1; - color: rgba(253, 230, 138, var(--tw-text-opacity)); + .\32xl\:focus\:scale-100:focus { + --tw-scale-x: 1; + --tw-scale-y: 1; } - .xl\:focus-within\:text-yellow-300:focus-within { - --tw-text-opacity: 1; - color: rgba(252, 211, 77, var(--tw-text-opacity)); + .\32xl\:focus\:scale-105:focus { + --tw-scale-x: 1.05; + --tw-scale-y: 1.05; } - .xl\:focus-within\:text-yellow-400:focus-within { - --tw-text-opacity: 1; - color: rgba(251, 191, 36, var(--tw-text-opacity)); + .\32xl\:focus\:scale-110:focus { + --tw-scale-x: 1.1; + --tw-scale-y: 1.1; } - .xl\:focus-within\:text-yellow-500:focus-within { - --tw-text-opacity: 1; - color: rgba(245, 158, 11, var(--tw-text-opacity)); + .\32xl\:focus\:scale-125:focus { + --tw-scale-x: 1.25; + --tw-scale-y: 1.25; } - .xl\:focus-within\:text-yellow-600:focus-within { - --tw-text-opacity: 1; - color: rgba(217, 119, 6, var(--tw-text-opacity)); + .\32xl\:focus\:scale-150:focus { + --tw-scale-x: 1.5; + --tw-scale-y: 1.5; } - .xl\:focus-within\:text-yellow-700:focus-within { - --tw-text-opacity: 1; - color: rgba(180, 83, 9, var(--tw-text-opacity)); + .\32xl\:scale-x-0 { + --tw-scale-x: 0; } - .xl\:focus-within\:text-yellow-800:focus-within { - --tw-text-opacity: 1; - color: rgba(146, 64, 14, var(--tw-text-opacity)); + .\32xl\:scale-x-50 { + --tw-scale-x: .5; } - .xl\:focus-within\:text-yellow-900:focus-within { - --tw-text-opacity: 1; - color: rgba(120, 53, 15, var(--tw-text-opacity)); + .\32xl\:scale-x-75 { + --tw-scale-x: .75; } - .xl\:focus-within\:text-green-50:focus-within { - --tw-text-opacity: 1; - color: rgba(236, 253, 245, var(--tw-text-opacity)); + .\32xl\:scale-x-90 { + --tw-scale-x: .9; } - .xl\:focus-within\:text-green-100:focus-within { - --tw-text-opacity: 1; - color: rgba(209, 250, 229, var(--tw-text-opacity)); + .\32xl\:scale-x-95 { + --tw-scale-x: .95; } - .xl\:focus-within\:text-green-200:focus-within { - --tw-text-opacity: 1; - color: rgba(167, 243, 208, var(--tw-text-opacity)); + .\32xl\:scale-x-100 { + --tw-scale-x: 1; } - .xl\:focus-within\:text-green-300:focus-within { - --tw-text-opacity: 1; - color: rgba(110, 231, 183, var(--tw-text-opacity)); + .\32xl\:scale-x-105 { + --tw-scale-x: 1.05; } - .xl\:focus-within\:text-green-400:focus-within { - --tw-text-opacity: 1; - color: rgba(52, 211, 153, var(--tw-text-opacity)); + .\32xl\:scale-x-110 { + --tw-scale-x: 1.1; } - .xl\:focus-within\:text-green-500:focus-within { - --tw-text-opacity: 1; - color: rgba(16, 185, 129, var(--tw-text-opacity)); + .\32xl\:scale-x-125 { + --tw-scale-x: 1.25; } - .xl\:focus-within\:text-green-600:focus-within { - --tw-text-opacity: 1; - color: rgba(5, 150, 105, var(--tw-text-opacity)); + .\32xl\:scale-x-150 { + --tw-scale-x: 1.5; } - .xl\:focus-within\:text-green-700:focus-within { - --tw-text-opacity: 1; - color: rgba(4, 120, 87, var(--tw-text-opacity)); + .\32xl\:scale-y-0 { + --tw-scale-y: 0; } - .xl\:focus-within\:text-green-800:focus-within { - --tw-text-opacity: 1; - color: rgba(6, 95, 70, var(--tw-text-opacity)); + .\32xl\:scale-y-50 { + --tw-scale-y: .5; } - .xl\:focus-within\:text-green-900:focus-within { - --tw-text-opacity: 1; - color: rgba(6, 78, 59, var(--tw-text-opacity)); + .\32xl\:scale-y-75 { + --tw-scale-y: .75; } - .xl\:focus-within\:text-blue-50:focus-within { - --tw-text-opacity: 1; - color: rgba(239, 246, 255, var(--tw-text-opacity)); + .\32xl\:scale-y-90 { + --tw-scale-y: .9; } - .xl\:focus-within\:text-blue-100:focus-within { - --tw-text-opacity: 1; - color: rgba(219, 234, 254, var(--tw-text-opacity)); + .\32xl\:scale-y-95 { + --tw-scale-y: .95; } - .xl\:focus-within\:text-blue-200:focus-within { - --tw-text-opacity: 1; - color: rgba(191, 219, 254, var(--tw-text-opacity)); + .\32xl\:scale-y-100 { + --tw-scale-y: 1; } - .xl\:focus-within\:text-blue-300:focus-within { - --tw-text-opacity: 1; - color: rgba(147, 197, 253, var(--tw-text-opacity)); + .\32xl\:scale-y-105 { + --tw-scale-y: 1.05; } - .xl\:focus-within\:text-blue-400:focus-within { - --tw-text-opacity: 1; - color: rgba(96, 165, 250, var(--tw-text-opacity)); + .\32xl\:scale-y-110 { + --tw-scale-y: 1.1; } - .xl\:focus-within\:text-blue-500:focus-within { - --tw-text-opacity: 1; - color: rgba(59, 130, 246, var(--tw-text-opacity)); + .\32xl\:scale-y-125 { + --tw-scale-y: 1.25; } - .xl\:focus-within\:text-blue-600:focus-within { - --tw-text-opacity: 1; - color: rgba(37, 99, 235, var(--tw-text-opacity)); + .\32xl\:scale-y-150 { + --tw-scale-y: 1.5; } - .xl\:focus-within\:text-blue-700:focus-within { - --tw-text-opacity: 1; - color: rgba(29, 78, 216, var(--tw-text-opacity)); + .\32xl\:hover\:scale-x-0:hover { + --tw-scale-x: 0; } - .xl\:focus-within\:text-blue-800:focus-within { - --tw-text-opacity: 1; - color: rgba(30, 64, 175, var(--tw-text-opacity)); + .\32xl\:hover\:scale-x-50:hover { + --tw-scale-x: .5; } - .xl\:focus-within\:text-blue-900:focus-within { - --tw-text-opacity: 1; - color: rgba(30, 58, 138, var(--tw-text-opacity)); + .\32xl\:hover\:scale-x-75:hover { + --tw-scale-x: .75; } - .xl\:focus-within\:text-indigo-50:focus-within { - --tw-text-opacity: 1; - color: rgba(238, 242, 255, var(--tw-text-opacity)); + .\32xl\:hover\:scale-x-90:hover { + --tw-scale-x: .9; } - .xl\:focus-within\:text-indigo-100:focus-within { - --tw-text-opacity: 1; - color: rgba(224, 231, 255, var(--tw-text-opacity)); + .\32xl\:hover\:scale-x-95:hover { + --tw-scale-x: .95; } - .xl\:focus-within\:text-indigo-200:focus-within { - --tw-text-opacity: 1; - color: rgba(199, 210, 254, var(--tw-text-opacity)); + .\32xl\:hover\:scale-x-100:hover { + --tw-scale-x: 1; } - .xl\:focus-within\:text-indigo-300:focus-within { - --tw-text-opacity: 1; - color: rgba(165, 180, 252, var(--tw-text-opacity)); + .\32xl\:hover\:scale-x-105:hover { + --tw-scale-x: 1.05; } - .xl\:focus-within\:text-indigo-400:focus-within { - --tw-text-opacity: 1; - color: rgba(129, 140, 248, var(--tw-text-opacity)); + .\32xl\:hover\:scale-x-110:hover { + --tw-scale-x: 1.1; } - .xl\:focus-within\:text-indigo-500:focus-within { - --tw-text-opacity: 1; - color: rgba(99, 102, 241, var(--tw-text-opacity)); + .\32xl\:hover\:scale-x-125:hover { + --tw-scale-x: 1.25; } - .xl\:focus-within\:text-indigo-600:focus-within { - --tw-text-opacity: 1; - color: rgba(79, 70, 229, var(--tw-text-opacity)); + .\32xl\:hover\:scale-x-150:hover { + --tw-scale-x: 1.5; } - .xl\:focus-within\:text-indigo-700:focus-within { - --tw-text-opacity: 1; - color: rgba(67, 56, 202, var(--tw-text-opacity)); + .\32xl\:hover\:scale-y-0:hover { + --tw-scale-y: 0; } - .xl\:focus-within\:text-indigo-800:focus-within { - --tw-text-opacity: 1; - color: rgba(55, 48, 163, var(--tw-text-opacity)); + .\32xl\:hover\:scale-y-50:hover { + --tw-scale-y: .5; } - .xl\:focus-within\:text-indigo-900:focus-within { - --tw-text-opacity: 1; - color: rgba(49, 46, 129, var(--tw-text-opacity)); + .\32xl\:hover\:scale-y-75:hover { + --tw-scale-y: .75; } - .xl\:focus-within\:text-purple-50:focus-within { - --tw-text-opacity: 1; - color: rgba(245, 243, 255, var(--tw-text-opacity)); + .\32xl\:hover\:scale-y-90:hover { + --tw-scale-y: .9; } - .xl\:focus-within\:text-purple-100:focus-within { - --tw-text-opacity: 1; - color: rgba(237, 233, 254, var(--tw-text-opacity)); + .\32xl\:hover\:scale-y-95:hover { + --tw-scale-y: .95; } - .xl\:focus-within\:text-purple-200:focus-within { - --tw-text-opacity: 1; - color: rgba(221, 214, 254, var(--tw-text-opacity)); + .\32xl\:hover\:scale-y-100:hover { + --tw-scale-y: 1; } - .xl\:focus-within\:text-purple-300:focus-within { - --tw-text-opacity: 1; - color: rgba(196, 181, 253, var(--tw-text-opacity)); + .\32xl\:hover\:scale-y-105:hover { + --tw-scale-y: 1.05; } - .xl\:focus-within\:text-purple-400:focus-within { - --tw-text-opacity: 1; - color: rgba(167, 139, 250, var(--tw-text-opacity)); + .\32xl\:hover\:scale-y-110:hover { + --tw-scale-y: 1.1; } - .xl\:focus-within\:text-purple-500:focus-within { - --tw-text-opacity: 1; - color: rgba(139, 92, 246, var(--tw-text-opacity)); + .\32xl\:hover\:scale-y-125:hover { + --tw-scale-y: 1.25; } - .xl\:focus-within\:text-purple-600:focus-within { - --tw-text-opacity: 1; - color: rgba(124, 58, 237, var(--tw-text-opacity)); + .\32xl\:hover\:scale-y-150:hover { + --tw-scale-y: 1.5; } - .xl\:focus-within\:text-purple-700:focus-within { - --tw-text-opacity: 1; - color: rgba(109, 40, 217, var(--tw-text-opacity)); + .\32xl\:focus\:scale-x-0:focus { + --tw-scale-x: 0; } - .xl\:focus-within\:text-purple-800:focus-within { - --tw-text-opacity: 1; - color: rgba(91, 33, 182, var(--tw-text-opacity)); + .\32xl\:focus\:scale-x-50:focus { + --tw-scale-x: .5; } - .xl\:focus-within\:text-purple-900:focus-within { - --tw-text-opacity: 1; - color: rgba(76, 29, 149, var(--tw-text-opacity)); + .\32xl\:focus\:scale-x-75:focus { + --tw-scale-x: .75; } - .xl\:focus-within\:text-pink-50:focus-within { - --tw-text-opacity: 1; - color: rgba(253, 242, 248, var(--tw-text-opacity)); + .\32xl\:focus\:scale-x-90:focus { + --tw-scale-x: .9; } - .xl\:focus-within\:text-pink-100:focus-within { - --tw-text-opacity: 1; - color: rgba(252, 231, 243, var(--tw-text-opacity)); + .\32xl\:focus\:scale-x-95:focus { + --tw-scale-x: .95; } - .xl\:focus-within\:text-pink-200:focus-within { - --tw-text-opacity: 1; - color: rgba(251, 207, 232, var(--tw-text-opacity)); + .\32xl\:focus\:scale-x-100:focus { + --tw-scale-x: 1; } - .xl\:focus-within\:text-pink-300:focus-within { - --tw-text-opacity: 1; - color: rgba(249, 168, 212, var(--tw-text-opacity)); + .\32xl\:focus\:scale-x-105:focus { + --tw-scale-x: 1.05; } - .xl\:focus-within\:text-pink-400:focus-within { - --tw-text-opacity: 1; - color: rgba(244, 114, 182, var(--tw-text-opacity)); + .\32xl\:focus\:scale-x-110:focus { + --tw-scale-x: 1.1; } - .xl\:focus-within\:text-pink-500:focus-within { - --tw-text-opacity: 1; - color: rgba(236, 72, 153, var(--tw-text-opacity)); + .\32xl\:focus\:scale-x-125:focus { + --tw-scale-x: 1.25; } - .xl\:focus-within\:text-pink-600:focus-within { - --tw-text-opacity: 1; - color: rgba(219, 39, 119, var(--tw-text-opacity)); + .\32xl\:focus\:scale-x-150:focus { + --tw-scale-x: 1.5; } - .xl\:focus-within\:text-pink-700:focus-within { - --tw-text-opacity: 1; - color: rgba(190, 24, 93, var(--tw-text-opacity)); + .\32xl\:focus\:scale-y-0:focus { + --tw-scale-y: 0; } - .xl\:focus-within\:text-pink-800:focus-within { - --tw-text-opacity: 1; - color: rgba(157, 23, 77, var(--tw-text-opacity)); + .\32xl\:focus\:scale-y-50:focus { + --tw-scale-y: .5; } - .xl\:focus-within\:text-pink-900:focus-within { - --tw-text-opacity: 1; - color: rgba(131, 24, 67, var(--tw-text-opacity)); + .\32xl\:focus\:scale-y-75:focus { + --tw-scale-y: .75; } - .xl\:hover\:text-transparent:hover { - color: transparent; + .\32xl\:focus\:scale-y-90:focus { + --tw-scale-y: .9; } - .xl\:hover\:text-current:hover { - color: currentColor; + .\32xl\:focus\:scale-y-95:focus { + --tw-scale-y: .95; } - .xl\:hover\:text-black:hover { - --tw-text-opacity: 1; - color: rgba(0, 0, 0, var(--tw-text-opacity)); + .\32xl\:focus\:scale-y-100:focus { + --tw-scale-y: 1; } - .xl\:hover\:text-white:hover { - --tw-text-opacity: 1; - color: rgba(255, 255, 255, var(--tw-text-opacity)); + .\32xl\:focus\:scale-y-105:focus { + --tw-scale-y: 1.05; } - .xl\:hover\:text-gray-50:hover { - --tw-text-opacity: 1; - color: rgba(249, 250, 251, var(--tw-text-opacity)); + .\32xl\:focus\:scale-y-110:focus { + --tw-scale-y: 1.1; } - .xl\:hover\:text-gray-100:hover { - --tw-text-opacity: 1; - color: rgba(243, 244, 246, var(--tw-text-opacity)); + .\32xl\:focus\:scale-y-125:focus { + --tw-scale-y: 1.25; } - .xl\:hover\:text-gray-200:hover { - --tw-text-opacity: 1; - color: rgba(229, 231, 235, var(--tw-text-opacity)); + .\32xl\:focus\:scale-y-150:focus { + --tw-scale-y: 1.5; } - .xl\:hover\:text-gray-300:hover { - --tw-text-opacity: 1; - color: rgba(209, 213, 219, var(--tw-text-opacity)); + .\32xl\:animate-none { + animation: none; } - .xl\:hover\:text-gray-400:hover { - --tw-text-opacity: 1; - color: rgba(156, 163, 175, var(--tw-text-opacity)); + .\32xl\:animate-spin { + animation: spin 1s linear infinite; } - .xl\:hover\:text-gray-500:hover { - --tw-text-opacity: 1; - color: rgba(107, 114, 128, var(--tw-text-opacity)); + .\32xl\:animate-ping { + animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; } - .xl\:hover\:text-gray-600:hover { - --tw-text-opacity: 1; - color: rgba(75, 85, 99, var(--tw-text-opacity)); + .\32xl\:animate-pulse { + animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } - .xl\:hover\:text-gray-700:hover { - --tw-text-opacity: 1; - color: rgba(55, 65, 81, var(--tw-text-opacity)); + .\32xl\:animate-bounce { + animation: bounce 1s infinite; } - .xl\:hover\:text-gray-800:hover { - --tw-text-opacity: 1; - color: rgba(31, 41, 55, var(--tw-text-opacity)); + .\32xl\:cursor-auto { + cursor: auto; } - .xl\:hover\:text-gray-900:hover { - --tw-text-opacity: 1; - color: rgba(17, 24, 39, var(--tw-text-opacity)); + .\32xl\:cursor-default { + cursor: default; } - .xl\:hover\:text-red-50:hover { - --tw-text-opacity: 1; - color: rgba(254, 242, 242, var(--tw-text-opacity)); + .\32xl\:cursor-pointer { + cursor: pointer; } - .xl\:hover\:text-red-100:hover { - --tw-text-opacity: 1; - color: rgba(254, 226, 226, var(--tw-text-opacity)); + .\32xl\:cursor-wait { + cursor: wait; } - .xl\:hover\:text-red-200:hover { - --tw-text-opacity: 1; - color: rgba(254, 202, 202, var(--tw-text-opacity)); + .\32xl\:cursor-text { + cursor: text; } - .xl\:hover\:text-red-300:hover { - --tw-text-opacity: 1; - color: rgba(252, 165, 165, var(--tw-text-opacity)); + .\32xl\:cursor-move { + cursor: move; } - .xl\:hover\:text-red-400:hover { - --tw-text-opacity: 1; - color: rgba(248, 113, 113, var(--tw-text-opacity)); + .\32xl\:cursor-help { + cursor: help; } - .xl\:hover\:text-red-500:hover { - --tw-text-opacity: 1; - color: rgba(239, 68, 68, var(--tw-text-opacity)); + .\32xl\:cursor-not-allowed { + cursor: not-allowed; } - .xl\:hover\:text-red-600:hover { - --tw-text-opacity: 1; - color: rgba(220, 38, 38, var(--tw-text-opacity)); + .\32xl\:select-none { + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; } - .xl\:hover\:text-red-700:hover { - --tw-text-opacity: 1; - color: rgba(185, 28, 28, var(--tw-text-opacity)); + .\32xl\:select-text { + -webkit-user-select: text; + -moz-user-select: text; + user-select: text; } - .xl\:hover\:text-red-800:hover { - --tw-text-opacity: 1; - color: rgba(153, 27, 27, var(--tw-text-opacity)); + .\32xl\:select-all { + -webkit-user-select: all; + -moz-user-select: all; + user-select: all; } - .xl\:hover\:text-red-900:hover { - --tw-text-opacity: 1; - color: rgba(127, 29, 29, var(--tw-text-opacity)); + .\32xl\:select-auto { + -webkit-user-select: auto; + -moz-user-select: auto; + user-select: auto; } - .xl\:hover\:text-yellow-50:hover { - --tw-text-opacity: 1; - color: rgba(255, 251, 235, var(--tw-text-opacity)); + .\32xl\:resize-none { + resize: none; } - .xl\:hover\:text-yellow-100:hover { - --tw-text-opacity: 1; - color: rgba(254, 243, 199, var(--tw-text-opacity)); + .\32xl\:resize-y { + resize: vertical; } - .xl\:hover\:text-yellow-200:hover { - --tw-text-opacity: 1; - color: rgba(253, 230, 138, var(--tw-text-opacity)); + .\32xl\:resize-x { + resize: horizontal; } - .xl\:hover\:text-yellow-300:hover { - --tw-text-opacity: 1; - color: rgba(252, 211, 77, var(--tw-text-opacity)); + .\32xl\:resize { + resize: both; } - .xl\:hover\:text-yellow-400:hover { - --tw-text-opacity: 1; - color: rgba(251, 191, 36, var(--tw-text-opacity)); + .\32xl\:list-inside { + list-style-position: inside; } - .xl\:hover\:text-yellow-500:hover { - --tw-text-opacity: 1; - color: rgba(245, 158, 11, var(--tw-text-opacity)); + .\32xl\:list-outside { + list-style-position: outside; } - .xl\:hover\:text-yellow-600:hover { - --tw-text-opacity: 1; - color: rgba(217, 119, 6, var(--tw-text-opacity)); + .\32xl\:list-none { + list-style-type: none; } - .xl\:hover\:text-yellow-700:hover { - --tw-text-opacity: 1; - color: rgba(180, 83, 9, var(--tw-text-opacity)); + .\32xl\:list-disc { + list-style-type: disc; } - .xl\:hover\:text-yellow-800:hover { - --tw-text-opacity: 1; - color: rgba(146, 64, 14, var(--tw-text-opacity)); + .\32xl\:list-decimal { + list-style-type: decimal; } - .xl\:hover\:text-yellow-900:hover { - --tw-text-opacity: 1; - color: rgba(120, 53, 15, var(--tw-text-opacity)); + .\32xl\:appearance-none { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; } - .xl\:hover\:text-green-50:hover { - --tw-text-opacity: 1; - color: rgba(236, 253, 245, var(--tw-text-opacity)); + .\32xl\:auto-cols-auto { + grid-auto-columns: auto; } - .xl\:hover\:text-green-100:hover { - --tw-text-opacity: 1; - color: rgba(209, 250, 229, var(--tw-text-opacity)); + .\32xl\:auto-cols-min { + grid-auto-columns: min-content; } - .xl\:hover\:text-green-200:hover { - --tw-text-opacity: 1; - color: rgba(167, 243, 208, var(--tw-text-opacity)); + .\32xl\:auto-cols-max { + grid-auto-columns: max-content; } - .xl\:hover\:text-green-300:hover { - --tw-text-opacity: 1; - color: rgba(110, 231, 183, var(--tw-text-opacity)); + .\32xl\:auto-cols-fr { + grid-auto-columns: minmax(0, 1fr); } - .xl\:hover\:text-green-400:hover { - --tw-text-opacity: 1; - color: rgba(52, 211, 153, var(--tw-text-opacity)); + .\32xl\:grid-flow-row { + grid-auto-flow: row; } - .xl\:hover\:text-green-500:hover { - --tw-text-opacity: 1; - color: rgba(16, 185, 129, var(--tw-text-opacity)); + .\32xl\:grid-flow-col { + grid-auto-flow: column; } - .xl\:hover\:text-green-600:hover { - --tw-text-opacity: 1; - color: rgba(5, 150, 105, var(--tw-text-opacity)); + .\32xl\:grid-flow-row-dense { + grid-auto-flow: row dense; } - .xl\:hover\:text-green-700:hover { - --tw-text-opacity: 1; - color: rgba(4, 120, 87, var(--tw-text-opacity)); + .\32xl\:grid-flow-col-dense { + grid-auto-flow: column dense; } - .xl\:hover\:text-green-800:hover { - --tw-text-opacity: 1; - color: rgba(6, 95, 70, var(--tw-text-opacity)); + .\32xl\:auto-rows-auto { + grid-auto-rows: auto; } - .xl\:hover\:text-green-900:hover { - --tw-text-opacity: 1; - color: rgba(6, 78, 59, var(--tw-text-opacity)); + .\32xl\:auto-rows-min { + grid-auto-rows: min-content; } - .xl\:hover\:text-blue-50:hover { - --tw-text-opacity: 1; - color: rgba(239, 246, 255, var(--tw-text-opacity)); + .\32xl\:auto-rows-max { + grid-auto-rows: max-content; } - .xl\:hover\:text-blue-100:hover { - --tw-text-opacity: 1; - color: rgba(219, 234, 254, var(--tw-text-opacity)); + .\32xl\:auto-rows-fr { + grid-auto-rows: minmax(0, 1fr); } - .xl\:hover\:text-blue-200:hover { - --tw-text-opacity: 1; - color: rgba(191, 219, 254, var(--tw-text-opacity)); + .\32xl\:grid-cols-1 { + grid-template-columns: repeat(1, minmax(0, 1fr)); } - .xl\:hover\:text-blue-300:hover { - --tw-text-opacity: 1; - color: rgba(147, 197, 253, var(--tw-text-opacity)); + .\32xl\:grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); } - .xl\:hover\:text-blue-400:hover { - --tw-text-opacity: 1; - color: rgba(96, 165, 250, var(--tw-text-opacity)); + .\32xl\:grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); } - .xl\:hover\:text-blue-500:hover { - --tw-text-opacity: 1; - color: rgba(59, 130, 246, var(--tw-text-opacity)); + .\32xl\:grid-cols-4 { + grid-template-columns: repeat(4, minmax(0, 1fr)); } - .xl\:hover\:text-blue-600:hover { - --tw-text-opacity: 1; - color: rgba(37, 99, 235, var(--tw-text-opacity)); + .\32xl\:grid-cols-5 { + grid-template-columns: repeat(5, minmax(0, 1fr)); } - .xl\:hover\:text-blue-700:hover { - --tw-text-opacity: 1; - color: rgba(29, 78, 216, var(--tw-text-opacity)); + .\32xl\:grid-cols-6 { + grid-template-columns: repeat(6, minmax(0, 1fr)); } - .xl\:hover\:text-blue-800:hover { - --tw-text-opacity: 1; - color: rgba(30, 64, 175, var(--tw-text-opacity)); + .\32xl\:grid-cols-7 { + grid-template-columns: repeat(7, minmax(0, 1fr)); } - .xl\:hover\:text-blue-900:hover { - --tw-text-opacity: 1; - color: rgba(30, 58, 138, var(--tw-text-opacity)); + .\32xl\:grid-cols-8 { + grid-template-columns: repeat(8, minmax(0, 1fr)); } - .xl\:hover\:text-indigo-50:hover { - --tw-text-opacity: 1; - color: rgba(238, 242, 255, var(--tw-text-opacity)); + .\32xl\:grid-cols-9 { + grid-template-columns: repeat(9, minmax(0, 1fr)); } - .xl\:hover\:text-indigo-100:hover { - --tw-text-opacity: 1; - color: rgba(224, 231, 255, var(--tw-text-opacity)); + .\32xl\:grid-cols-10 { + grid-template-columns: repeat(10, minmax(0, 1fr)); } - .xl\:hover\:text-indigo-200:hover { - --tw-text-opacity: 1; - color: rgba(199, 210, 254, var(--tw-text-opacity)); + .\32xl\:grid-cols-11 { + grid-template-columns: repeat(11, minmax(0, 1fr)); } - .xl\:hover\:text-indigo-300:hover { - --tw-text-opacity: 1; - color: rgba(165, 180, 252, var(--tw-text-opacity)); + .\32xl\:grid-cols-12 { + grid-template-columns: repeat(12, minmax(0, 1fr)); } - .xl\:hover\:text-indigo-400:hover { - --tw-text-opacity: 1; - color: rgba(129, 140, 248, var(--tw-text-opacity)); + .\32xl\:grid-cols-none { + grid-template-columns: none; } - .xl\:hover\:text-indigo-500:hover { - --tw-text-opacity: 1; - color: rgba(99, 102, 241, var(--tw-text-opacity)); + .\32xl\:grid-rows-1 { + grid-template-rows: repeat(1, minmax(0, 1fr)); } - .xl\:hover\:text-indigo-600:hover { - --tw-text-opacity: 1; - color: rgba(79, 70, 229, var(--tw-text-opacity)); + .\32xl\:grid-rows-2 { + grid-template-rows: repeat(2, minmax(0, 1fr)); } - .xl\:hover\:text-indigo-700:hover { - --tw-text-opacity: 1; - color: rgba(67, 56, 202, var(--tw-text-opacity)); + .\32xl\:grid-rows-3 { + grid-template-rows: repeat(3, minmax(0, 1fr)); } - .xl\:hover\:text-indigo-800:hover { - --tw-text-opacity: 1; - color: rgba(55, 48, 163, var(--tw-text-opacity)); + .\32xl\:grid-rows-4 { + grid-template-rows: repeat(4, minmax(0, 1fr)); } - .xl\:hover\:text-indigo-900:hover { - --tw-text-opacity: 1; - color: rgba(49, 46, 129, var(--tw-text-opacity)); + .\32xl\:grid-rows-5 { + grid-template-rows: repeat(5, minmax(0, 1fr)); } - .xl\:hover\:text-purple-50:hover { - --tw-text-opacity: 1; - color: rgba(245, 243, 255, var(--tw-text-opacity)); + .\32xl\:grid-rows-6 { + grid-template-rows: repeat(6, minmax(0, 1fr)); } - .xl\:hover\:text-purple-100:hover { - --tw-text-opacity: 1; - color: rgba(237, 233, 254, var(--tw-text-opacity)); + .\32xl\:grid-rows-none { + grid-template-rows: none; } - .xl\:hover\:text-purple-200:hover { - --tw-text-opacity: 1; - color: rgba(221, 214, 254, var(--tw-text-opacity)); + .\32xl\:flex-row { + flex-direction: row; } - .xl\:hover\:text-purple-300:hover { - --tw-text-opacity: 1; - color: rgba(196, 181, 253, var(--tw-text-opacity)); + .\32xl\:flex-row-reverse { + flex-direction: row-reverse; } - .xl\:hover\:text-purple-400:hover { - --tw-text-opacity: 1; - color: rgba(167, 139, 250, var(--tw-text-opacity)); + .\32xl\:flex-col { + flex-direction: column; } - .xl\:hover\:text-purple-500:hover { - --tw-text-opacity: 1; - color: rgba(139, 92, 246, var(--tw-text-opacity)); + .\32xl\:flex-col-reverse { + flex-direction: column-reverse; } - .xl\:hover\:text-purple-600:hover { - --tw-text-opacity: 1; - color: rgba(124, 58, 237, var(--tw-text-opacity)); + .\32xl\:flex-wrap { + flex-wrap: wrap; } - .xl\:hover\:text-purple-700:hover { - --tw-text-opacity: 1; - color: rgba(109, 40, 217, var(--tw-text-opacity)); + .\32xl\:flex-wrap-reverse { + flex-wrap: wrap-reverse; } - .xl\:hover\:text-purple-800:hover { - --tw-text-opacity: 1; - color: rgba(91, 33, 182, var(--tw-text-opacity)); + .\32xl\:flex-nowrap { + flex-wrap: nowrap; } - .xl\:hover\:text-purple-900:hover { - --tw-text-opacity: 1; - color: rgba(76, 29, 149, var(--tw-text-opacity)); + .\32xl\:place-content-center { + place-content: center; } - .xl\:hover\:text-pink-50:hover { - --tw-text-opacity: 1; - color: rgba(253, 242, 248, var(--tw-text-opacity)); + .\32xl\:place-content-start { + place-content: start; } - .xl\:hover\:text-pink-100:hover { - --tw-text-opacity: 1; - color: rgba(252, 231, 243, var(--tw-text-opacity)); + .\32xl\:place-content-end { + place-content: end; } - .xl\:hover\:text-pink-200:hover { - --tw-text-opacity: 1; - color: rgba(251, 207, 232, var(--tw-text-opacity)); + .\32xl\:place-content-between { + place-content: space-between; } - .xl\:hover\:text-pink-300:hover { - --tw-text-opacity: 1; - color: rgba(249, 168, 212, var(--tw-text-opacity)); + .\32xl\:place-content-around { + place-content: space-around; } - .xl\:hover\:text-pink-400:hover { - --tw-text-opacity: 1; - color: rgba(244, 114, 182, var(--tw-text-opacity)); + .\32xl\:place-content-evenly { + place-content: space-evenly; } - .xl\:hover\:text-pink-500:hover { - --tw-text-opacity: 1; - color: rgba(236, 72, 153, var(--tw-text-opacity)); + .\32xl\:place-content-stretch { + place-content: stretch; } - .xl\:hover\:text-pink-600:hover { - --tw-text-opacity: 1; - color: rgba(219, 39, 119, var(--tw-text-opacity)); + .\32xl\:place-items-start { + place-items: start; } - .xl\:hover\:text-pink-700:hover { - --tw-text-opacity: 1; - color: rgba(190, 24, 93, var(--tw-text-opacity)); + .\32xl\:place-items-end { + place-items: end; } - .xl\:hover\:text-pink-800:hover { - --tw-text-opacity: 1; - color: rgba(157, 23, 77, var(--tw-text-opacity)); + .\32xl\:place-items-center { + place-items: center; } - .xl\:hover\:text-pink-900:hover { - --tw-text-opacity: 1; - color: rgba(131, 24, 67, var(--tw-text-opacity)); + .\32xl\:place-items-stretch { + place-items: stretch; } - .xl\:focus\:text-transparent:focus { - color: transparent; + .\32xl\:content-center { + align-content: center; } - .xl\:focus\:text-current:focus { - color: currentColor; + .\32xl\:content-start { + align-content: flex-start; } - .xl\:focus\:text-black:focus { - --tw-text-opacity: 1; - color: rgba(0, 0, 0, var(--tw-text-opacity)); + .\32xl\:content-end { + align-content: flex-end; } - .xl\:focus\:text-white:focus { - --tw-text-opacity: 1; - color: rgba(255, 255, 255, var(--tw-text-opacity)); + .\32xl\:content-between { + align-content: space-between; } - .xl\:focus\:text-gray-50:focus { - --tw-text-opacity: 1; - color: rgba(249, 250, 251, var(--tw-text-opacity)); + .\32xl\:content-around { + align-content: space-around; } - .xl\:focus\:text-gray-100:focus { - --tw-text-opacity: 1; - color: rgba(243, 244, 246, var(--tw-text-opacity)); + .\32xl\:content-evenly { + align-content: space-evenly; } - .xl\:focus\:text-gray-200:focus { - --tw-text-opacity: 1; - color: rgba(229, 231, 235, var(--tw-text-opacity)); + .\32xl\:items-start { + align-items: flex-start; } - .xl\:focus\:text-gray-300:focus { - --tw-text-opacity: 1; - color: rgba(209, 213, 219, var(--tw-text-opacity)); + .\32xl\:items-end { + align-items: flex-end; } - .xl\:focus\:text-gray-400:focus { - --tw-text-opacity: 1; - color: rgba(156, 163, 175, var(--tw-text-opacity)); + .\32xl\:items-center { + align-items: center; } - .xl\:focus\:text-gray-500:focus { - --tw-text-opacity: 1; - color: rgba(107, 114, 128, var(--tw-text-opacity)); + .\32xl\:items-baseline { + align-items: baseline; } - .xl\:focus\:text-gray-600:focus { - --tw-text-opacity: 1; - color: rgba(75, 85, 99, var(--tw-text-opacity)); + .\32xl\:items-stretch { + align-items: stretch; } - .xl\:focus\:text-gray-700:focus { - --tw-text-opacity: 1; - color: rgba(55, 65, 81, var(--tw-text-opacity)); + .\32xl\:justify-start { + justify-content: flex-start; } - .xl\:focus\:text-gray-800:focus { - --tw-text-opacity: 1; - color: rgba(31, 41, 55, var(--tw-text-opacity)); + .\32xl\:justify-end { + justify-content: flex-end; } - .xl\:focus\:text-gray-900:focus { - --tw-text-opacity: 1; - color: rgba(17, 24, 39, var(--tw-text-opacity)); + .\32xl\:justify-center { + justify-content: center; } - .xl\:focus\:text-red-50:focus { - --tw-text-opacity: 1; - color: rgba(254, 242, 242, var(--tw-text-opacity)); + .\32xl\:justify-between { + justify-content: space-between; } - .xl\:focus\:text-red-100:focus { - --tw-text-opacity: 1; - color: rgba(254, 226, 226, var(--tw-text-opacity)); + .\32xl\:justify-around { + justify-content: space-around; } - .xl\:focus\:text-red-200:focus { - --tw-text-opacity: 1; - color: rgba(254, 202, 202, var(--tw-text-opacity)); + .\32xl\:justify-evenly { + justify-content: space-evenly; } - .xl\:focus\:text-red-300:focus { - --tw-text-opacity: 1; - color: rgba(252, 165, 165, var(--tw-text-opacity)); + .\32xl\:justify-items-start { + justify-items: start; } - .xl\:focus\:text-red-400:focus { - --tw-text-opacity: 1; - color: rgba(248, 113, 113, var(--tw-text-opacity)); + .\32xl\:justify-items-end { + justify-items: end; } - .xl\:focus\:text-red-500:focus { - --tw-text-opacity: 1; - color: rgba(239, 68, 68, var(--tw-text-opacity)); + .\32xl\:justify-items-center { + justify-items: center; } - .xl\:focus\:text-red-600:focus { - --tw-text-opacity: 1; - color: rgba(220, 38, 38, var(--tw-text-opacity)); + .\32xl\:justify-items-stretch { + justify-items: stretch; } - .xl\:focus\:text-red-700:focus { - --tw-text-opacity: 1; - color: rgba(185, 28, 28, var(--tw-text-opacity)); + .\32xl\:gap-0 { + gap: 0px; } - .xl\:focus\:text-red-800:focus { - --tw-text-opacity: 1; - color: rgba(153, 27, 27, var(--tw-text-opacity)); + .\32xl\:gap-1 { + gap: 0.25rem; } - .xl\:focus\:text-red-900:focus { - --tw-text-opacity: 1; - color: rgba(127, 29, 29, var(--tw-text-opacity)); + .\32xl\:gap-2 { + gap: 0.5rem; } - .xl\:focus\:text-yellow-50:focus { - --tw-text-opacity: 1; - color: rgba(255, 251, 235, var(--tw-text-opacity)); + .\32xl\:gap-3 { + gap: 0.75rem; } - .xl\:focus\:text-yellow-100:focus { - --tw-text-opacity: 1; - color: rgba(254, 243, 199, var(--tw-text-opacity)); + .\32xl\:gap-4 { + gap: 1rem; } - .xl\:focus\:text-yellow-200:focus { - --tw-text-opacity: 1; - color: rgba(253, 230, 138, var(--tw-text-opacity)); + .\32xl\:gap-5 { + gap: 1.25rem; } - .xl\:focus\:text-yellow-300:focus { - --tw-text-opacity: 1; - color: rgba(252, 211, 77, var(--tw-text-opacity)); + .\32xl\:gap-6 { + gap: 1.5rem; } - .xl\:focus\:text-yellow-400:focus { - --tw-text-opacity: 1; - color: rgba(251, 191, 36, var(--tw-text-opacity)); + .\32xl\:gap-7 { + gap: 1.75rem; } - .xl\:focus\:text-yellow-500:focus { - --tw-text-opacity: 1; - color: rgba(245, 158, 11, var(--tw-text-opacity)); + .\32xl\:gap-8 { + gap: 2rem; } - .xl\:focus\:text-yellow-600:focus { - --tw-text-opacity: 1; - color: rgba(217, 119, 6, var(--tw-text-opacity)); + .\32xl\:gap-9 { + gap: 2.25rem; } - .xl\:focus\:text-yellow-700:focus { - --tw-text-opacity: 1; - color: rgba(180, 83, 9, var(--tw-text-opacity)); + .\32xl\:gap-10 { + gap: 2.5rem; } - .xl\:focus\:text-yellow-800:focus { - --tw-text-opacity: 1; - color: rgba(146, 64, 14, var(--tw-text-opacity)); + .\32xl\:gap-11 { + gap: 2.75rem; } - .xl\:focus\:text-yellow-900:focus { - --tw-text-opacity: 1; - color: rgba(120, 53, 15, var(--tw-text-opacity)); + .\32xl\:gap-12 { + gap: 3rem; } - .xl\:focus\:text-green-50:focus { - --tw-text-opacity: 1; - color: rgba(236, 253, 245, var(--tw-text-opacity)); + .\32xl\:gap-14 { + gap: 3.5rem; } - .xl\:focus\:text-green-100:focus { - --tw-text-opacity: 1; - color: rgba(209, 250, 229, var(--tw-text-opacity)); + .\32xl\:gap-16 { + gap: 4rem; } - .xl\:focus\:text-green-200:focus { - --tw-text-opacity: 1; - color: rgba(167, 243, 208, var(--tw-text-opacity)); + .\32xl\:gap-20 { + gap: 5rem; } - .xl\:focus\:text-green-300:focus { - --tw-text-opacity: 1; - color: rgba(110, 231, 183, var(--tw-text-opacity)); + .\32xl\:gap-24 { + gap: 6rem; } - .xl\:focus\:text-green-400:focus { - --tw-text-opacity: 1; - color: rgba(52, 211, 153, var(--tw-text-opacity)); + .\32xl\:gap-28 { + gap: 7rem; } - .xl\:focus\:text-green-500:focus { - --tw-text-opacity: 1; - color: rgba(16, 185, 129, var(--tw-text-opacity)); + .\32xl\:gap-32 { + gap: 8rem; } - .xl\:focus\:text-green-600:focus { - --tw-text-opacity: 1; - color: rgba(5, 150, 105, var(--tw-text-opacity)); + .\32xl\:gap-36 { + gap: 9rem; } - .xl\:focus\:text-green-700:focus { - --tw-text-opacity: 1; - color: rgba(4, 120, 87, var(--tw-text-opacity)); + .\32xl\:gap-40 { + gap: 10rem; } - .xl\:focus\:text-green-800:focus { - --tw-text-opacity: 1; - color: rgba(6, 95, 70, var(--tw-text-opacity)); + .\32xl\:gap-44 { + gap: 11rem; } - .xl\:focus\:text-green-900:focus { - --tw-text-opacity: 1; - color: rgba(6, 78, 59, var(--tw-text-opacity)); + .\32xl\:gap-48 { + gap: 12rem; } - .xl\:focus\:text-blue-50:focus { - --tw-text-opacity: 1; - color: rgba(239, 246, 255, var(--tw-text-opacity)); + .\32xl\:gap-52 { + gap: 13rem; } - .xl\:focus\:text-blue-100:focus { - --tw-text-opacity: 1; - color: rgba(219, 234, 254, var(--tw-text-opacity)); + .\32xl\:gap-56 { + gap: 14rem; } - .xl\:focus\:text-blue-200:focus { - --tw-text-opacity: 1; - color: rgba(191, 219, 254, var(--tw-text-opacity)); + .\32xl\:gap-60 { + gap: 15rem; } - .xl\:focus\:text-blue-300:focus { - --tw-text-opacity: 1; - color: rgba(147, 197, 253, var(--tw-text-opacity)); + .\32xl\:gap-64 { + gap: 16rem; } - .xl\:focus\:text-blue-400:focus { - --tw-text-opacity: 1; - color: rgba(96, 165, 250, var(--tw-text-opacity)); + .\32xl\:gap-72 { + gap: 18rem; } - .xl\:focus\:text-blue-500:focus { - --tw-text-opacity: 1; - color: rgba(59, 130, 246, var(--tw-text-opacity)); + .\32xl\:gap-80 { + gap: 20rem; } - .xl\:focus\:text-blue-600:focus { - --tw-text-opacity: 1; - color: rgba(37, 99, 235, var(--tw-text-opacity)); + .\32xl\:gap-96 { + gap: 24rem; } - .xl\:focus\:text-blue-700:focus { - --tw-text-opacity: 1; - color: rgba(29, 78, 216, var(--tw-text-opacity)); + .\32xl\:gap-px { + gap: 1px; } - .xl\:focus\:text-blue-800:focus { - --tw-text-opacity: 1; - color: rgba(30, 64, 175, var(--tw-text-opacity)); + .\32xl\:gap-0\.5 { + gap: 0.125rem; } - .xl\:focus\:text-blue-900:focus { - --tw-text-opacity: 1; - color: rgba(30, 58, 138, var(--tw-text-opacity)); + .\32xl\:gap-1\.5 { + gap: 0.375rem; } - .xl\:focus\:text-indigo-50:focus { - --tw-text-opacity: 1; - color: rgba(238, 242, 255, var(--tw-text-opacity)); + .\32xl\:gap-2\.5 { + gap: 0.625rem; } - .xl\:focus\:text-indigo-100:focus { - --tw-text-opacity: 1; - color: rgba(224, 231, 255, var(--tw-text-opacity)); + .\32xl\:gap-3\.5 { + gap: 0.875rem; } - .xl\:focus\:text-indigo-200:focus { - --tw-text-opacity: 1; - color: rgba(199, 210, 254, var(--tw-text-opacity)); + .\32xl\:gap-x-0 { + -moz-column-gap: 0px; + column-gap: 0px; } - .xl\:focus\:text-indigo-300:focus { - --tw-text-opacity: 1; - color: rgba(165, 180, 252, var(--tw-text-opacity)); + .\32xl\:gap-x-1 { + -moz-column-gap: 0.25rem; + column-gap: 0.25rem; } - .xl\:focus\:text-indigo-400:focus { - --tw-text-opacity: 1; - color: rgba(129, 140, 248, var(--tw-text-opacity)); + .\32xl\:gap-x-2 { + -moz-column-gap: 0.5rem; + column-gap: 0.5rem; } - .xl\:focus\:text-indigo-500:focus { - --tw-text-opacity: 1; - color: rgba(99, 102, 241, var(--tw-text-opacity)); + .\32xl\:gap-x-3 { + -moz-column-gap: 0.75rem; + column-gap: 0.75rem; } - .xl\:focus\:text-indigo-600:focus { - --tw-text-opacity: 1; - color: rgba(79, 70, 229, var(--tw-text-opacity)); + .\32xl\:gap-x-4 { + -moz-column-gap: 1rem; + column-gap: 1rem; } - .xl\:focus\:text-indigo-700:focus { - --tw-text-opacity: 1; - color: rgba(67, 56, 202, var(--tw-text-opacity)); + .\32xl\:gap-x-5 { + -moz-column-gap: 1.25rem; + column-gap: 1.25rem; } - .xl\:focus\:text-indigo-800:focus { - --tw-text-opacity: 1; - color: rgba(55, 48, 163, var(--tw-text-opacity)); + .\32xl\:gap-x-6 { + -moz-column-gap: 1.5rem; + column-gap: 1.5rem; } - .xl\:focus\:text-indigo-900:focus { - --tw-text-opacity: 1; - color: rgba(49, 46, 129, var(--tw-text-opacity)); + .\32xl\:gap-x-7 { + -moz-column-gap: 1.75rem; + column-gap: 1.75rem; } - .xl\:focus\:text-purple-50:focus { - --tw-text-opacity: 1; - color: rgba(245, 243, 255, var(--tw-text-opacity)); + .\32xl\:gap-x-8 { + -moz-column-gap: 2rem; + column-gap: 2rem; } - .xl\:focus\:text-purple-100:focus { - --tw-text-opacity: 1; - color: rgba(237, 233, 254, var(--tw-text-opacity)); + .\32xl\:gap-x-9 { + -moz-column-gap: 2.25rem; + column-gap: 2.25rem; } - .xl\:focus\:text-purple-200:focus { - --tw-text-opacity: 1; - color: rgba(221, 214, 254, var(--tw-text-opacity)); + .\32xl\:gap-x-10 { + -moz-column-gap: 2.5rem; + column-gap: 2.5rem; } - .xl\:focus\:text-purple-300:focus { - --tw-text-opacity: 1; - color: rgba(196, 181, 253, var(--tw-text-opacity)); + .\32xl\:gap-x-11 { + -moz-column-gap: 2.75rem; + column-gap: 2.75rem; } - .xl\:focus\:text-purple-400:focus { - --tw-text-opacity: 1; - color: rgba(167, 139, 250, var(--tw-text-opacity)); + .\32xl\:gap-x-12 { + -moz-column-gap: 3rem; + column-gap: 3rem; } - .xl\:focus\:text-purple-500:focus { - --tw-text-opacity: 1; - color: rgba(139, 92, 246, var(--tw-text-opacity)); + .\32xl\:gap-x-14 { + -moz-column-gap: 3.5rem; + column-gap: 3.5rem; } - .xl\:focus\:text-purple-600:focus { - --tw-text-opacity: 1; - color: rgba(124, 58, 237, var(--tw-text-opacity)); + .\32xl\:gap-x-16 { + -moz-column-gap: 4rem; + column-gap: 4rem; } - .xl\:focus\:text-purple-700:focus { - --tw-text-opacity: 1; - color: rgba(109, 40, 217, var(--tw-text-opacity)); + .\32xl\:gap-x-20 { + -moz-column-gap: 5rem; + column-gap: 5rem; } - .xl\:focus\:text-purple-800:focus { - --tw-text-opacity: 1; - color: rgba(91, 33, 182, var(--tw-text-opacity)); + .\32xl\:gap-x-24 { + -moz-column-gap: 6rem; + column-gap: 6rem; } - .xl\:focus\:text-purple-900:focus { - --tw-text-opacity: 1; - color: rgba(76, 29, 149, var(--tw-text-opacity)); + .\32xl\:gap-x-28 { + -moz-column-gap: 7rem; + column-gap: 7rem; } - .xl\:focus\:text-pink-50:focus { - --tw-text-opacity: 1; - color: rgba(253, 242, 248, var(--tw-text-opacity)); + .\32xl\:gap-x-32 { + -moz-column-gap: 8rem; + column-gap: 8rem; } - .xl\:focus\:text-pink-100:focus { - --tw-text-opacity: 1; - color: rgba(252, 231, 243, var(--tw-text-opacity)); + .\32xl\:gap-x-36 { + -moz-column-gap: 9rem; + column-gap: 9rem; } - .xl\:focus\:text-pink-200:focus { - --tw-text-opacity: 1; - color: rgba(251, 207, 232, var(--tw-text-opacity)); + .\32xl\:gap-x-40 { + -moz-column-gap: 10rem; + column-gap: 10rem; } - .xl\:focus\:text-pink-300:focus { - --tw-text-opacity: 1; - color: rgba(249, 168, 212, var(--tw-text-opacity)); + .\32xl\:gap-x-44 { + -moz-column-gap: 11rem; + column-gap: 11rem; } - .xl\:focus\:text-pink-400:focus { - --tw-text-opacity: 1; - color: rgba(244, 114, 182, var(--tw-text-opacity)); + .\32xl\:gap-x-48 { + -moz-column-gap: 12rem; + column-gap: 12rem; } - .xl\:focus\:text-pink-500:focus { - --tw-text-opacity: 1; - color: rgba(236, 72, 153, var(--tw-text-opacity)); + .\32xl\:gap-x-52 { + -moz-column-gap: 13rem; + column-gap: 13rem; } - .xl\:focus\:text-pink-600:focus { - --tw-text-opacity: 1; - color: rgba(219, 39, 119, var(--tw-text-opacity)); + .\32xl\:gap-x-56 { + -moz-column-gap: 14rem; + column-gap: 14rem; } - .xl\:focus\:text-pink-700:focus { - --tw-text-opacity: 1; - color: rgba(190, 24, 93, var(--tw-text-opacity)); + .\32xl\:gap-x-60 { + -moz-column-gap: 15rem; + column-gap: 15rem; } - .xl\:focus\:text-pink-800:focus { - --tw-text-opacity: 1; - color: rgba(157, 23, 77, var(--tw-text-opacity)); + .\32xl\:gap-x-64 { + -moz-column-gap: 16rem; + column-gap: 16rem; } - .xl\:focus\:text-pink-900:focus { - --tw-text-opacity: 1; - color: rgba(131, 24, 67, var(--tw-text-opacity)); + .\32xl\:gap-x-72 { + -moz-column-gap: 18rem; + column-gap: 18rem; } - .xl\:text-opacity-0 { - --tw-text-opacity: 0; + .\32xl\:gap-x-80 { + -moz-column-gap: 20rem; + column-gap: 20rem; } - .xl\:text-opacity-5 { - --tw-text-opacity: 0.05; + .\32xl\:gap-x-96 { + -moz-column-gap: 24rem; + column-gap: 24rem; } - .xl\:text-opacity-10 { - --tw-text-opacity: 0.1; + .\32xl\:gap-x-px { + -moz-column-gap: 1px; + column-gap: 1px; } - .xl\:text-opacity-20 { - --tw-text-opacity: 0.2; + .\32xl\:gap-x-0\.5 { + -moz-column-gap: 0.125rem; + column-gap: 0.125rem; } - .xl\:text-opacity-25 { - --tw-text-opacity: 0.25; + .\32xl\:gap-x-1\.5 { + -moz-column-gap: 0.375rem; + column-gap: 0.375rem; } - .xl\:text-opacity-30 { - --tw-text-opacity: 0.3; + .\32xl\:gap-x-2\.5 { + -moz-column-gap: 0.625rem; + column-gap: 0.625rem; } - .xl\:text-opacity-40 { - --tw-text-opacity: 0.4; + .\32xl\:gap-x-3\.5 { + -moz-column-gap: 0.875rem; + column-gap: 0.875rem; } - .xl\:text-opacity-50 { - --tw-text-opacity: 0.5; + .\32xl\:gap-y-0 { + row-gap: 0px; } - .xl\:text-opacity-60 { - --tw-text-opacity: 0.6; + .\32xl\:gap-y-1 { + row-gap: 0.25rem; } - .xl\:text-opacity-70 { - --tw-text-opacity: 0.7; + .\32xl\:gap-y-2 { + row-gap: 0.5rem; } - .xl\:text-opacity-75 { - --tw-text-opacity: 0.75; + .\32xl\:gap-y-3 { + row-gap: 0.75rem; } - .xl\:text-opacity-80 { - --tw-text-opacity: 0.8; + .\32xl\:gap-y-4 { + row-gap: 1rem; } - .xl\:text-opacity-90 { - --tw-text-opacity: 0.9; + .\32xl\:gap-y-5 { + row-gap: 1.25rem; } - .xl\:text-opacity-95 { - --tw-text-opacity: 0.95; + .\32xl\:gap-y-6 { + row-gap: 1.5rem; } - .xl\:text-opacity-100 { - --tw-text-opacity: 1; + .\32xl\:gap-y-7 { + row-gap: 1.75rem; } - .group:hover .xl\:group-hover\:text-opacity-0 { - --tw-text-opacity: 0; + .\32xl\:gap-y-8 { + row-gap: 2rem; } - .group:hover .xl\:group-hover\:text-opacity-5 { - --tw-text-opacity: 0.05; + .\32xl\:gap-y-9 { + row-gap: 2.25rem; } - .group:hover .xl\:group-hover\:text-opacity-10 { - --tw-text-opacity: 0.1; + .\32xl\:gap-y-10 { + row-gap: 2.5rem; } - .group:hover .xl\:group-hover\:text-opacity-20 { - --tw-text-opacity: 0.2; + .\32xl\:gap-y-11 { + row-gap: 2.75rem; } - .group:hover .xl\:group-hover\:text-opacity-25 { - --tw-text-opacity: 0.25; + .\32xl\:gap-y-12 { + row-gap: 3rem; } - .group:hover .xl\:group-hover\:text-opacity-30 { - --tw-text-opacity: 0.3; + .\32xl\:gap-y-14 { + row-gap: 3.5rem; } - .group:hover .xl\:group-hover\:text-opacity-40 { - --tw-text-opacity: 0.4; + .\32xl\:gap-y-16 { + row-gap: 4rem; } - .group:hover .xl\:group-hover\:text-opacity-50 { - --tw-text-opacity: 0.5; + .\32xl\:gap-y-20 { + row-gap: 5rem; } - .group:hover .xl\:group-hover\:text-opacity-60 { - --tw-text-opacity: 0.6; + .\32xl\:gap-y-24 { + row-gap: 6rem; } - .group:hover .xl\:group-hover\:text-opacity-70 { - --tw-text-opacity: 0.7; + .\32xl\:gap-y-28 { + row-gap: 7rem; } - .group:hover .xl\:group-hover\:text-opacity-75 { - --tw-text-opacity: 0.75; + .\32xl\:gap-y-32 { + row-gap: 8rem; } - .group:hover .xl\:group-hover\:text-opacity-80 { - --tw-text-opacity: 0.8; + .\32xl\:gap-y-36 { + row-gap: 9rem; } - .group:hover .xl\:group-hover\:text-opacity-90 { - --tw-text-opacity: 0.9; + .\32xl\:gap-y-40 { + row-gap: 10rem; } - .group:hover .xl\:group-hover\:text-opacity-95 { - --tw-text-opacity: 0.95; + .\32xl\:gap-y-44 { + row-gap: 11rem; } - .group:hover .xl\:group-hover\:text-opacity-100 { - --tw-text-opacity: 1; + .\32xl\:gap-y-48 { + row-gap: 12rem; } - .xl\:focus-within\:text-opacity-0:focus-within { - --tw-text-opacity: 0; + .\32xl\:gap-y-52 { + row-gap: 13rem; } - .xl\:focus-within\:text-opacity-5:focus-within { - --tw-text-opacity: 0.05; + .\32xl\:gap-y-56 { + row-gap: 14rem; } - .xl\:focus-within\:text-opacity-10:focus-within { - --tw-text-opacity: 0.1; + .\32xl\:gap-y-60 { + row-gap: 15rem; } - .xl\:focus-within\:text-opacity-20:focus-within { - --tw-text-opacity: 0.2; + .\32xl\:gap-y-64 { + row-gap: 16rem; } - .xl\:focus-within\:text-opacity-25:focus-within { - --tw-text-opacity: 0.25; + .\32xl\:gap-y-72 { + row-gap: 18rem; } - .xl\:focus-within\:text-opacity-30:focus-within { - --tw-text-opacity: 0.3; + .\32xl\:gap-y-80 { + row-gap: 20rem; } - .xl\:focus-within\:text-opacity-40:focus-within { - --tw-text-opacity: 0.4; + .\32xl\:gap-y-96 { + row-gap: 24rem; } - .xl\:focus-within\:text-opacity-50:focus-within { - --tw-text-opacity: 0.5; + .\32xl\:gap-y-px { + row-gap: 1px; } - .xl\:focus-within\:text-opacity-60:focus-within { - --tw-text-opacity: 0.6; + .\32xl\:gap-y-0\.5 { + row-gap: 0.125rem; } - .xl\:focus-within\:text-opacity-70:focus-within { - --tw-text-opacity: 0.7; + .\32xl\:gap-y-1\.5 { + row-gap: 0.375rem; } - .xl\:focus-within\:text-opacity-75:focus-within { - --tw-text-opacity: 0.75; + .\32xl\:gap-y-2\.5 { + row-gap: 0.625rem; } - .xl\:focus-within\:text-opacity-80:focus-within { - --tw-text-opacity: 0.8; + .\32xl\:gap-y-3\.5 { + row-gap: 0.875rem; } - .xl\:focus-within\:text-opacity-90:focus-within { - --tw-text-opacity: 0.9; + .\32xl\:space-x-0 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(0px * var(--tw-space-x-reverse)); + margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse))); } - .xl\:focus-within\:text-opacity-95:focus-within { - --tw-text-opacity: 0.95; + .\32xl\: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))); } - - .xl\:focus-within\:text-opacity-100:focus-within { - --tw-text-opacity: 1; + + .\32xl\: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))); } - .xl\:hover\:text-opacity-0:hover { - --tw-text-opacity: 0; + .\32xl\: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))); } - .xl\:hover\:text-opacity-5:hover { - --tw-text-opacity: 0.05; + .\32xl\: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))); } - .xl\:hover\:text-opacity-10:hover { - --tw-text-opacity: 0.1; + .\32xl\:space-x-5 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(1.25rem * var(--tw-space-x-reverse)); + margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse))); } - .xl\:hover\:text-opacity-20:hover { - --tw-text-opacity: 0.2; + .\32xl\: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))); } - .xl\:hover\:text-opacity-25:hover { - --tw-text-opacity: 0.25; + .\32xl\:space-x-7 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(1.75rem * var(--tw-space-x-reverse)); + margin-left: calc(1.75rem * calc(1 - var(--tw-space-x-reverse))); } - .xl\:hover\:text-opacity-30:hover { - --tw-text-opacity: 0.3; + .\32xl\: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))); } - .xl\:hover\:text-opacity-40:hover { - --tw-text-opacity: 0.4; + .\32xl\:space-x-9 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(2.25rem * var(--tw-space-x-reverse)); + margin-left: calc(2.25rem * calc(1 - var(--tw-space-x-reverse))); } - .xl\:hover\:text-opacity-50:hover { - --tw-text-opacity: 0.5; + .\32xl\:space-x-10 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(2.5rem * var(--tw-space-x-reverse)); + margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse))); } - .xl\:hover\:text-opacity-60:hover { - --tw-text-opacity: 0.6; + .\32xl\:space-x-11 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(2.75rem * var(--tw-space-x-reverse)); + margin-left: calc(2.75rem * calc(1 - var(--tw-space-x-reverse))); } - .xl\:hover\:text-opacity-70:hover { - --tw-text-opacity: 0.7; + .\32xl\:space-x-12 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(3rem * var(--tw-space-x-reverse)); + margin-left: calc(3rem * calc(1 - var(--tw-space-x-reverse))); } - .xl\:hover\:text-opacity-75:hover { - --tw-text-opacity: 0.75; + .\32xl\:space-x-14 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(3.5rem * var(--tw-space-x-reverse)); + margin-left: calc(3.5rem * calc(1 - var(--tw-space-x-reverse))); } - .xl\:hover\:text-opacity-80:hover { - --tw-text-opacity: 0.8; + .\32xl\:space-x-16 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(4rem * var(--tw-space-x-reverse)); + margin-left: calc(4rem * calc(1 - var(--tw-space-x-reverse))); } - .xl\:hover\:text-opacity-90:hover { - --tw-text-opacity: 0.9; + .\32xl\:space-x-20 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(5rem * var(--tw-space-x-reverse)); + margin-left: calc(5rem * calc(1 - var(--tw-space-x-reverse))); } - .xl\:hover\:text-opacity-95:hover { - --tw-text-opacity: 0.95; + .\32xl\:space-x-24 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(6rem * var(--tw-space-x-reverse)); + margin-left: calc(6rem * calc(1 - var(--tw-space-x-reverse))); } - .xl\:hover\:text-opacity-100:hover { - --tw-text-opacity: 1; + .\32xl\:space-x-28 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(7rem * var(--tw-space-x-reverse)); + margin-left: calc(7rem * calc(1 - var(--tw-space-x-reverse))); } - .xl\:focus\:text-opacity-0:focus { - --tw-text-opacity: 0; + .\32xl\:space-x-32 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(8rem * var(--tw-space-x-reverse)); + margin-left: calc(8rem * calc(1 - var(--tw-space-x-reverse))); } - .xl\:focus\:text-opacity-5:focus { - --tw-text-opacity: 0.05; + .\32xl\:space-x-36 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(9rem * var(--tw-space-x-reverse)); + margin-left: calc(9rem * calc(1 - var(--tw-space-x-reverse))); } - .xl\:focus\:text-opacity-10:focus { - --tw-text-opacity: 0.1; + .\32xl\:space-x-40 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(10rem * var(--tw-space-x-reverse)); + margin-left: calc(10rem * calc(1 - var(--tw-space-x-reverse))); } - .xl\:focus\:text-opacity-20:focus { - --tw-text-opacity: 0.2; + .\32xl\:space-x-44 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(11rem * var(--tw-space-x-reverse)); + margin-left: calc(11rem * calc(1 - var(--tw-space-x-reverse))); } - .xl\:focus\:text-opacity-25:focus { - --tw-text-opacity: 0.25; + .\32xl\:space-x-48 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(12rem * var(--tw-space-x-reverse)); + margin-left: calc(12rem * calc(1 - var(--tw-space-x-reverse))); } - .xl\:focus\:text-opacity-30:focus { - --tw-text-opacity: 0.3; + .\32xl\:space-x-52 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(13rem * var(--tw-space-x-reverse)); + margin-left: calc(13rem * calc(1 - var(--tw-space-x-reverse))); } - .xl\:focus\:text-opacity-40:focus { - --tw-text-opacity: 0.4; + .\32xl\:space-x-56 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(14rem * var(--tw-space-x-reverse)); + margin-left: calc(14rem * calc(1 - var(--tw-space-x-reverse))); } - .xl\:focus\:text-opacity-50:focus { - --tw-text-opacity: 0.5; + .\32xl\:space-x-60 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(15rem * var(--tw-space-x-reverse)); + margin-left: calc(15rem * calc(1 - var(--tw-space-x-reverse))); } - .xl\:focus\:text-opacity-60:focus { - --tw-text-opacity: 0.6; + .\32xl\:space-x-64 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(16rem * var(--tw-space-x-reverse)); + margin-left: calc(16rem * calc(1 - var(--tw-space-x-reverse))); } - .xl\:focus\:text-opacity-70:focus { - --tw-text-opacity: 0.7; + .\32xl\:space-x-72 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(18rem * var(--tw-space-x-reverse)); + margin-left: calc(18rem * calc(1 - var(--tw-space-x-reverse))); } - .xl\:focus\:text-opacity-75:focus { - --tw-text-opacity: 0.75; + .\32xl\:space-x-80 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(20rem * var(--tw-space-x-reverse)); + margin-left: calc(20rem * calc(1 - var(--tw-space-x-reverse))); } - .xl\:focus\:text-opacity-80:focus { - --tw-text-opacity: 0.8; + .\32xl\:space-x-96 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(24rem * var(--tw-space-x-reverse)); + margin-left: calc(24rem * calc(1 - var(--tw-space-x-reverse))); } - .xl\:focus\:text-opacity-90:focus { - --tw-text-opacity: 0.9; + .\32xl\:space-x-px > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(1px * var(--tw-space-x-reverse)); + margin-left: calc(1px * calc(1 - var(--tw-space-x-reverse))); } - .xl\:focus\:text-opacity-95:focus { - --tw-text-opacity: 0.95; + .\32xl\:space-x-0\.5 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(0.125rem * var(--tw-space-x-reverse)); + margin-left: calc(0.125rem * calc(1 - var(--tw-space-x-reverse))); } - .xl\:focus\:text-opacity-100:focus { - --tw-text-opacity: 1; + .\32xl\: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))); } - .xl\:underline { - text-decoration: underline; + .\32xl\: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))); } - .xl\:line-through { - text-decoration: line-through; + .\32xl\:space-x-3\.5 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(0.875rem * var(--tw-space-x-reverse)); + margin-left: calc(0.875rem * calc(1 - var(--tw-space-x-reverse))); } - .xl\:no-underline { - text-decoration: none; + .\32xl\:-space-x-0 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(0px * var(--tw-space-x-reverse)); + margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse))); } - .group:hover .xl\:group-hover\:underline { - text-decoration: underline; + .\32xl\:-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))); } - .group:hover .xl\:group-hover\:line-through { - text-decoration: line-through; + .\32xl\:-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))); } - .group:hover .xl\:group-hover\:no-underline { - text-decoration: none; + .\32xl\:-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))); } - .xl\:focus-within\:underline:focus-within { - text-decoration: underline; + .\32xl\:-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))); } - .xl\:focus-within\:line-through:focus-within { - text-decoration: line-through; + .\32xl\:-space-x-5 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-1.25rem * var(--tw-space-x-reverse)); + margin-left: calc(-1.25rem * calc(1 - var(--tw-space-x-reverse))); } - .xl\:focus-within\:no-underline:focus-within { - text-decoration: none; + .\32xl\:-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))); } - .xl\:hover\:underline:hover { - text-decoration: underline; + .\32xl\:-space-x-7 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-1.75rem * var(--tw-space-x-reverse)); + margin-left: calc(-1.75rem * calc(1 - var(--tw-space-x-reverse))); } - .xl\:hover\:line-through:hover { - text-decoration: line-through; + .\32xl\:-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))); } - .xl\:hover\:no-underline:hover { - text-decoration: none; + .\32xl\:-space-x-9 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-2.25rem * var(--tw-space-x-reverse)); + margin-left: calc(-2.25rem * calc(1 - var(--tw-space-x-reverse))); } - .xl\:focus\:underline:focus { - text-decoration: underline; + .\32xl\:-space-x-10 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-2.5rem * var(--tw-space-x-reverse)); + margin-left: calc(-2.5rem * calc(1 - var(--tw-space-x-reverse))); } - .xl\:focus\:line-through:focus { - text-decoration: line-through; + .\32xl\:-space-x-11 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-2.75rem * var(--tw-space-x-reverse)); + margin-left: calc(-2.75rem * calc(1 - var(--tw-space-x-reverse))); } - .xl\:focus\:no-underline:focus { - text-decoration: none; + .\32xl\:-space-x-12 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-3rem * var(--tw-space-x-reverse)); + margin-left: calc(-3rem * calc(1 - var(--tw-space-x-reverse))); } - .xl\:antialiased { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; + .\32xl\:-space-x-14 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-3.5rem * var(--tw-space-x-reverse)); + margin-left: calc(-3.5rem * calc(1 - var(--tw-space-x-reverse))); } - .xl\:subpixel-antialiased { - -webkit-font-smoothing: auto; - -moz-osx-font-smoothing: auto; + .\32xl\:-space-x-16 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-4rem * var(--tw-space-x-reverse)); + margin-left: calc(-4rem * calc(1 - var(--tw-space-x-reverse))); } - .xl\:placeholder-transparent::-moz-placeholder { - color: transparent; + .\32xl\:-space-x-20 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-5rem * var(--tw-space-x-reverse)); + margin-left: calc(-5rem * calc(1 - var(--tw-space-x-reverse))); } - .xl\:placeholder-transparent::placeholder { - color: transparent; + .\32xl\:-space-x-24 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-6rem * var(--tw-space-x-reverse)); + margin-left: calc(-6rem * calc(1 - var(--tw-space-x-reverse))); } - .xl\:placeholder-current::-moz-placeholder { - color: currentColor; + .\32xl\:-space-x-28 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-7rem * var(--tw-space-x-reverse)); + margin-left: calc(-7rem * calc(1 - var(--tw-space-x-reverse))); } - .xl\:placeholder-current::placeholder { - color: currentColor; + .\32xl\:-space-x-32 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-8rem * var(--tw-space-x-reverse)); + margin-left: calc(-8rem * calc(1 - var(--tw-space-x-reverse))); } - .xl\:placeholder-black::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(0, 0, 0, var(--tw-placeholder-opacity)); + .\32xl\:-space-x-36 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-9rem * var(--tw-space-x-reverse)); + margin-left: calc(-9rem * calc(1 - var(--tw-space-x-reverse))); } - .xl\:placeholder-black::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(0, 0, 0, var(--tw-placeholder-opacity)); + .\32xl\:-space-x-40 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-10rem * var(--tw-space-x-reverse)); + margin-left: calc(-10rem * calc(1 - var(--tw-space-x-reverse))); } - .xl\:placeholder-white::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(255, 255, 255, var(--tw-placeholder-opacity)); + .\32xl\:-space-x-44 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-11rem * var(--tw-space-x-reverse)); + margin-left: calc(-11rem * calc(1 - var(--tw-space-x-reverse))); } - .xl\:placeholder-white::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(255, 255, 255, var(--tw-placeholder-opacity)); + .\32xl\:-space-x-48 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-12rem * var(--tw-space-x-reverse)); + margin-left: calc(-12rem * calc(1 - var(--tw-space-x-reverse))); } - .xl\:placeholder-gray-50::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(249, 250, 251, var(--tw-placeholder-opacity)); + .\32xl\:-space-x-52 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-13rem * var(--tw-space-x-reverse)); + margin-left: calc(-13rem * calc(1 - var(--tw-space-x-reverse))); } - .xl\:placeholder-gray-50::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(249, 250, 251, var(--tw-placeholder-opacity)); + .\32xl\:-space-x-56 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-14rem * var(--tw-space-x-reverse)); + margin-left: calc(-14rem * calc(1 - var(--tw-space-x-reverse))); } - .xl\:placeholder-gray-100::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(243, 244, 246, var(--tw-placeholder-opacity)); + .\32xl\:-space-x-60 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-15rem * var(--tw-space-x-reverse)); + margin-left: calc(-15rem * calc(1 - var(--tw-space-x-reverse))); } - .xl\:placeholder-gray-100::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(243, 244, 246, var(--tw-placeholder-opacity)); + .\32xl\:-space-x-64 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-16rem * var(--tw-space-x-reverse)); + margin-left: calc(-16rem * calc(1 - var(--tw-space-x-reverse))); } - .xl\:placeholder-gray-200::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(229, 231, 235, var(--tw-placeholder-opacity)); + .\32xl\:-space-x-72 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-18rem * var(--tw-space-x-reverse)); + margin-left: calc(-18rem * calc(1 - var(--tw-space-x-reverse))); } - .xl\:placeholder-gray-200::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(229, 231, 235, var(--tw-placeholder-opacity)); + .\32xl\:-space-x-80 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-20rem * var(--tw-space-x-reverse)); + margin-left: calc(-20rem * calc(1 - var(--tw-space-x-reverse))); } - .xl\:placeholder-gray-300::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(209, 213, 219, var(--tw-placeholder-opacity)); + .\32xl\:-space-x-96 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-24rem * var(--tw-space-x-reverse)); + margin-left: calc(-24rem * calc(1 - var(--tw-space-x-reverse))); } - .xl\:placeholder-gray-300::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(209, 213, 219, var(--tw-placeholder-opacity)); + .\32xl\:-space-x-px > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-1px * var(--tw-space-x-reverse)); + margin-left: calc(-1px * calc(1 - var(--tw-space-x-reverse))); } - .xl\:placeholder-gray-400::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(156, 163, 175, var(--tw-placeholder-opacity)); + .\32xl\:-space-x-0\.5 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-0.125rem * var(--tw-space-x-reverse)); + margin-left: calc(-0.125rem * calc(1 - var(--tw-space-x-reverse))); } - .xl\:placeholder-gray-400::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(156, 163, 175, var(--tw-placeholder-opacity)); + .\32xl\:-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))); } - .xl\:placeholder-gray-500::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(107, 114, 128, var(--tw-placeholder-opacity)); + .\32xl\:-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))); } - .xl\:placeholder-gray-500::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(107, 114, 128, var(--tw-placeholder-opacity)); + .\32xl\:-space-x-3\.5 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-0.875rem * var(--tw-space-x-reverse)); + margin-left: calc(-0.875rem * calc(1 - var(--tw-space-x-reverse))); } - .xl\:placeholder-gray-600::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(75, 85, 99, var(--tw-placeholder-opacity)); + .\32xl\: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)); } - .xl\:placeholder-gray-600::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(75, 85, 99, var(--tw-placeholder-opacity)); + .\32xl\: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)); } - .xl\:placeholder-gray-700::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(55, 65, 81, var(--tw-placeholder-opacity)); + .\32xl\: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)); } - .xl\:placeholder-gray-700::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(55, 65, 81, var(--tw-placeholder-opacity)); + .\32xl\: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)); } - .xl\:placeholder-gray-800::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(31, 41, 55, var(--tw-placeholder-opacity)); + .\32xl\: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)); } - .xl\:placeholder-gray-800::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(31, 41, 55, var(--tw-placeholder-opacity)); + .\32xl\: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)); } - .xl\:placeholder-gray-900::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(17, 24, 39, var(--tw-placeholder-opacity)); + .\32xl\: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)); } - .xl\:placeholder-gray-900::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(17, 24, 39, var(--tw-placeholder-opacity)); + .\32xl\:space-y-7 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(1.75rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(1.75rem * var(--tw-space-y-reverse)); } - .xl\:placeholder-red-50::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 242, 242, var(--tw-placeholder-opacity)); + .\32xl\: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)); } - .xl\:placeholder-red-50::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 242, 242, var(--tw-placeholder-opacity)); + .\32xl\:space-y-9 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(2.25rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(2.25rem * var(--tw-space-y-reverse)); } - .xl\:placeholder-red-100::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 226, 226, var(--tw-placeholder-opacity)); + .\32xl\: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)); } - .xl\:placeholder-red-100::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 226, 226, var(--tw-placeholder-opacity)); + .\32xl\:space-y-11 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(2.75rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(2.75rem * var(--tw-space-y-reverse)); } - .xl\:placeholder-red-200::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 202, 202, var(--tw-placeholder-opacity)); + .\32xl\: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)); } - .xl\:placeholder-red-200::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 202, 202, var(--tw-placeholder-opacity)); + .\32xl\:space-y-14 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(3.5rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(3.5rem * var(--tw-space-y-reverse)); } - .xl\:placeholder-red-300::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(252, 165, 165, var(--tw-placeholder-opacity)); + .\32xl\: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)); } - .xl\:placeholder-red-300::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(252, 165, 165, var(--tw-placeholder-opacity)); + .\32xl\:space-y-20 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(5rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(5rem * var(--tw-space-y-reverse)); } - .xl\:placeholder-red-400::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(248, 113, 113, var(--tw-placeholder-opacity)); + .\32xl\:space-y-24 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(6rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(6rem * var(--tw-space-y-reverse)); } - .xl\:placeholder-red-400::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(248, 113, 113, var(--tw-placeholder-opacity)); + .\32xl\:space-y-28 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(7rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(7rem * var(--tw-space-y-reverse)); } - .xl\:placeholder-red-500::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(239, 68, 68, var(--tw-placeholder-opacity)); + .\32xl\:space-y-32 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(8rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(8rem * var(--tw-space-y-reverse)); } - .xl\:placeholder-red-500::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(239, 68, 68, var(--tw-placeholder-opacity)); + .\32xl\:space-y-36 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(9rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(9rem * var(--tw-space-y-reverse)); } - .xl\:placeholder-red-600::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(220, 38, 38, var(--tw-placeholder-opacity)); + .\32xl\:space-y-40 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(10rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(10rem * var(--tw-space-y-reverse)); } - .xl\:placeholder-red-600::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(220, 38, 38, var(--tw-placeholder-opacity)); + .\32xl\:space-y-44 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(11rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(11rem * var(--tw-space-y-reverse)); } - .xl\:placeholder-red-700::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(185, 28, 28, var(--tw-placeholder-opacity)); + .\32xl\:space-y-48 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(12rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(12rem * var(--tw-space-y-reverse)); } - .xl\:placeholder-red-700::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(185, 28, 28, var(--tw-placeholder-opacity)); + .\32xl\:space-y-52 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(13rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(13rem * var(--tw-space-y-reverse)); } - .xl\:placeholder-red-800::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(153, 27, 27, var(--tw-placeholder-opacity)); + .\32xl\:space-y-56 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(14rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(14rem * var(--tw-space-y-reverse)); } - .xl\:placeholder-red-800::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(153, 27, 27, var(--tw-placeholder-opacity)); + .\32xl\:space-y-60 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(15rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(15rem * var(--tw-space-y-reverse)); } - .xl\:placeholder-red-900::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(127, 29, 29, var(--tw-placeholder-opacity)); + .\32xl\:space-y-64 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(16rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(16rem * var(--tw-space-y-reverse)); } - .xl\:placeholder-red-900::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(127, 29, 29, var(--tw-placeholder-opacity)); + .\32xl\:space-y-72 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(18rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(18rem * var(--tw-space-y-reverse)); } - .xl\:placeholder-yellow-50::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(255, 251, 235, var(--tw-placeholder-opacity)); + .\32xl\:space-y-80 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(20rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(20rem * var(--tw-space-y-reverse)); } - .xl\:placeholder-yellow-50::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(255, 251, 235, var(--tw-placeholder-opacity)); + .\32xl\:space-y-96 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(24rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(24rem * var(--tw-space-y-reverse)); } - .xl\:placeholder-yellow-100::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 243, 199, var(--tw-placeholder-opacity)); + .\32xl\:space-y-px > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(1px * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(1px * var(--tw-space-y-reverse)); } - .xl\:placeholder-yellow-100::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 243, 199, var(--tw-placeholder-opacity)); + .\32xl\: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)); } - .xl\:placeholder-yellow-200::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(253, 230, 138, var(--tw-placeholder-opacity)); + .\32xl\: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)); } - .xl\:placeholder-yellow-200::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(253, 230, 138, var(--tw-placeholder-opacity)); + .\32xl\: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)); } - .xl\:placeholder-yellow-300::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(252, 211, 77, var(--tw-placeholder-opacity)); + .\32xl\:space-y-3\.5 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(0.875rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(0.875rem * var(--tw-space-y-reverse)); } - .xl\:placeholder-yellow-300::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(252, 211, 77, var(--tw-placeholder-opacity)); + .\32xl\:-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)); } - .xl\:placeholder-yellow-400::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(251, 191, 36, var(--tw-placeholder-opacity)); + .\32xl\:-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)); } - .xl\:placeholder-yellow-400::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(251, 191, 36, var(--tw-placeholder-opacity)); + .\32xl\:-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)); } - .xl\:placeholder-yellow-500::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(245, 158, 11, var(--tw-placeholder-opacity)); + .\32xl\:-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)); } - .xl\:placeholder-yellow-500::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(245, 158, 11, var(--tw-placeholder-opacity)); + .\32xl\:-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)); } - .xl\:placeholder-yellow-600::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(217, 119, 6, var(--tw-placeholder-opacity)); + .\32xl\:-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)); } - .xl\:placeholder-yellow-600::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(217, 119, 6, var(--tw-placeholder-opacity)); + .\32xl\:-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)); } - .xl\:placeholder-yellow-700::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(180, 83, 9, var(--tw-placeholder-opacity)); + .\32xl\:-space-y-7 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-1.75rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-1.75rem * var(--tw-space-y-reverse)); } - .xl\:placeholder-yellow-700::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(180, 83, 9, var(--tw-placeholder-opacity)); + .\32xl\:-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)); } - .xl\:placeholder-yellow-800::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(146, 64, 14, var(--tw-placeholder-opacity)); + .\32xl\:-space-y-9 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-2.25rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-2.25rem * var(--tw-space-y-reverse)); } - .xl\:placeholder-yellow-800::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(146, 64, 14, var(--tw-placeholder-opacity)); + .\32xl\:-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)); } - .xl\:placeholder-yellow-900::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(120, 53, 15, var(--tw-placeholder-opacity)); + .\32xl\:-space-y-11 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-2.75rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-2.75rem * var(--tw-space-y-reverse)); } - .xl\:placeholder-yellow-900::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(120, 53, 15, var(--tw-placeholder-opacity)); + .\32xl\:-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)); } - .xl\:placeholder-green-50::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(236, 253, 245, var(--tw-placeholder-opacity)); + .\32xl\:-space-y-14 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-3.5rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-3.5rem * var(--tw-space-y-reverse)); } - .xl\:placeholder-green-50::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(236, 253, 245, var(--tw-placeholder-opacity)); + .\32xl\:-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)); } - .xl\:placeholder-green-100::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(209, 250, 229, var(--tw-placeholder-opacity)); + .\32xl\:-space-y-20 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-5rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-5rem * var(--tw-space-y-reverse)); } - .xl\:placeholder-green-100::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(209, 250, 229, var(--tw-placeholder-opacity)); + .\32xl\:-space-y-24 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-6rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-6rem * var(--tw-space-y-reverse)); } - .xl\:placeholder-green-200::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(167, 243, 208, var(--tw-placeholder-opacity)); + .\32xl\:-space-y-28 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-7rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-7rem * var(--tw-space-y-reverse)); } - .xl\:placeholder-green-200::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(167, 243, 208, var(--tw-placeholder-opacity)); + .\32xl\:-space-y-32 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-8rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-8rem * var(--tw-space-y-reverse)); } - .xl\:placeholder-green-300::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(110, 231, 183, var(--tw-placeholder-opacity)); + .\32xl\:-space-y-36 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-9rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-9rem * var(--tw-space-y-reverse)); } - .xl\:placeholder-green-300::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(110, 231, 183, var(--tw-placeholder-opacity)); + .\32xl\:-space-y-40 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-10rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-10rem * var(--tw-space-y-reverse)); } - .xl\:placeholder-green-400::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(52, 211, 153, var(--tw-placeholder-opacity)); + .\32xl\:-space-y-44 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-11rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-11rem * var(--tw-space-y-reverse)); } - .xl\:placeholder-green-400::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(52, 211, 153, var(--tw-placeholder-opacity)); + .\32xl\:-space-y-48 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-12rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-12rem * var(--tw-space-y-reverse)); } - .xl\:placeholder-green-500::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(16, 185, 129, var(--tw-placeholder-opacity)); + .\32xl\:-space-y-52 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-13rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-13rem * var(--tw-space-y-reverse)); } - .xl\:placeholder-green-500::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(16, 185, 129, var(--tw-placeholder-opacity)); + .\32xl\:-space-y-56 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-14rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-14rem * var(--tw-space-y-reverse)); } - .xl\:placeholder-green-600::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(5, 150, 105, var(--tw-placeholder-opacity)); + .\32xl\:-space-y-60 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-15rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-15rem * var(--tw-space-y-reverse)); } - .xl\:placeholder-green-600::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(5, 150, 105, var(--tw-placeholder-opacity)); + .\32xl\:-space-y-64 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-16rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-16rem * var(--tw-space-y-reverse)); } - .xl\:placeholder-green-700::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(4, 120, 87, var(--tw-placeholder-opacity)); + .\32xl\:-space-y-72 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-18rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-18rem * var(--tw-space-y-reverse)); } - .xl\:placeholder-green-700::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(4, 120, 87, var(--tw-placeholder-opacity)); + .\32xl\:-space-y-80 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-20rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-20rem * var(--tw-space-y-reverse)); } - .xl\:placeholder-green-800::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(6, 95, 70, var(--tw-placeholder-opacity)); + .\32xl\:-space-y-96 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-24rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-24rem * var(--tw-space-y-reverse)); } - .xl\:placeholder-green-800::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(6, 95, 70, var(--tw-placeholder-opacity)); + .\32xl\:-space-y-px > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-1px * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-1px * var(--tw-space-y-reverse)); } - .xl\:placeholder-green-900::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(6, 78, 59, var(--tw-placeholder-opacity)); + .\32xl\:-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)); } - .xl\:placeholder-green-900::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(6, 78, 59, var(--tw-placeholder-opacity)); + .\32xl\:-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)); } - .xl\:placeholder-blue-50::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(239, 246, 255, var(--tw-placeholder-opacity)); + .\32xl\:-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)); } - .xl\:placeholder-blue-50::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(239, 246, 255, var(--tw-placeholder-opacity)); + .\32xl\:-space-y-3\.5 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(-0.875rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(-0.875rem * var(--tw-space-y-reverse)); } - .xl\:placeholder-blue-100::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(219, 234, 254, var(--tw-placeholder-opacity)); + .\32xl\:space-y-reverse > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 1; } - .xl\:placeholder-blue-100::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(219, 234, 254, var(--tw-placeholder-opacity)); + .\32xl\:space-x-reverse > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 1; } - .xl\:placeholder-blue-200::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(191, 219, 254, var(--tw-placeholder-opacity)); + .\32xl\:divide-x-0 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-x-reverse: 0; + border-right-width: calc(0px * var(--tw-divide-x-reverse)); + border-left-width: calc(0px * calc(1 - var(--tw-divide-x-reverse))); } - .xl\:placeholder-blue-200::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(191, 219, 254, var(--tw-placeholder-opacity)); + .\32xl\:divide-x-2 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-x-reverse: 0; + border-right-width: calc(2px * var(--tw-divide-x-reverse)); + border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse))); } - .xl\:placeholder-blue-300::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(147, 197, 253, var(--tw-placeholder-opacity)); + .\32xl\:divide-x-4 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-x-reverse: 0; + border-right-width: calc(4px * var(--tw-divide-x-reverse)); + border-left-width: calc(4px * calc(1 - var(--tw-divide-x-reverse))); } - .xl\:placeholder-blue-300::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(147, 197, 253, var(--tw-placeholder-opacity)); + .\32xl\:divide-x-8 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-x-reverse: 0; + border-right-width: calc(8px * var(--tw-divide-x-reverse)); + border-left-width: calc(8px * calc(1 - var(--tw-divide-x-reverse))); } - .xl\:placeholder-blue-400::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(96, 165, 250, var(--tw-placeholder-opacity)); + .\32xl\:divide-x > :not([hidden]) ~ :not([hidden]) { + --tw-divide-x-reverse: 0; + border-right-width: calc(1px * var(--tw-divide-x-reverse)); + border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); } - .xl\:placeholder-blue-400::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(96, 165, 250, var(--tw-placeholder-opacity)); + .\32xl\:divide-y-0 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-y-reverse: 0; + border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse))); + border-bottom-width: calc(0px * var(--tw-divide-y-reverse)); } - .xl\:placeholder-blue-500::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(59, 130, 246, var(--tw-placeholder-opacity)); + .\32xl\:divide-y-2 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-y-reverse: 0; + border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse))); + border-bottom-width: calc(2px * var(--tw-divide-y-reverse)); } - .xl\:placeholder-blue-500::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(59, 130, 246, var(--tw-placeholder-opacity)); + .\32xl\:divide-y-4 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-y-reverse: 0; + border-top-width: calc(4px * calc(1 - var(--tw-divide-y-reverse))); + border-bottom-width: calc(4px * var(--tw-divide-y-reverse)); } - .xl\:placeholder-blue-600::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(37, 99, 235, var(--tw-placeholder-opacity)); + .\32xl\:divide-y-8 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-y-reverse: 0; + border-top-width: calc(8px * calc(1 - var(--tw-divide-y-reverse))); + border-bottom-width: calc(8px * var(--tw-divide-y-reverse)); } - .xl\:placeholder-blue-600::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(37, 99, 235, var(--tw-placeholder-opacity)); + .\32xl\: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)); } - .xl\:placeholder-blue-700::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(29, 78, 216, var(--tw-placeholder-opacity)); + .\32xl\:divide-y-reverse > :not([hidden]) ~ :not([hidden]) { + --tw-divide-y-reverse: 1; } - .xl\:placeholder-blue-700::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(29, 78, 216, var(--tw-placeholder-opacity)); + .\32xl\:divide-x-reverse > :not([hidden]) ~ :not([hidden]) { + --tw-divide-x-reverse: 1; } - .xl\:placeholder-blue-800::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(30, 64, 175, var(--tw-placeholder-opacity)); + .\32xl\:divide-solid > :not([hidden]) ~ :not([hidden]) { + border-style: solid; } - .xl\:placeholder-blue-800::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(30, 64, 175, var(--tw-placeholder-opacity)); + .\32xl\:divide-dashed > :not([hidden]) ~ :not([hidden]) { + border-style: dashed; } - .xl\:placeholder-blue-900::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(30, 58, 138, var(--tw-placeholder-opacity)); + .\32xl\:divide-dotted > :not([hidden]) ~ :not([hidden]) { + border-style: dotted; } - .xl\:placeholder-blue-900::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(30, 58, 138, var(--tw-placeholder-opacity)); + .\32xl\:divide-double > :not([hidden]) ~ :not([hidden]) { + border-style: double; } - .xl\:placeholder-indigo-50::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(238, 242, 255, var(--tw-placeholder-opacity)); + .\32xl\:divide-none > :not([hidden]) ~ :not([hidden]) { + border-style: none; } - .xl\:placeholder-indigo-50::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(238, 242, 255, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-black > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-black, #000000); } - .xl\:placeholder-indigo-100::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(224, 231, 255, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-white > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-white, #ffffff); } - .xl\:placeholder-indigo-100::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(224, 231, 255, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-gray-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-gray-100, #f7fafc); } - .xl\:placeholder-indigo-200::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(199, 210, 254, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-gray-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-gray-200, #edf2f7); } - .xl\:placeholder-indigo-200::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(199, 210, 254, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-gray-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-gray-300, #e2e8f0); } - .xl\:placeholder-indigo-300::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(165, 180, 252, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-gray-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-gray-400, #cbd5e0); } - .xl\:placeholder-indigo-300::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(165, 180, 252, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-gray-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-gray-500, #a0aec0); } - .xl\:placeholder-indigo-400::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(129, 140, 248, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-gray-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-gray-600, #718096); } - .xl\:placeholder-indigo-400::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(129, 140, 248, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-gray-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-gray-700, #4a5568); } - .xl\:placeholder-indigo-500::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(99, 102, 241, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-gray-800 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-gray-800, #2d3748); } - .xl\:placeholder-indigo-500::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(99, 102, 241, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-gray-900 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-gray-900, #1a202c); } - .xl\:placeholder-indigo-600::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(79, 70, 229, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-red-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-red-100, #fff5f5); } - .xl\:placeholder-indigo-600::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(79, 70, 229, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-red-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-red-200, #fed7d7); } - .xl\:placeholder-indigo-700::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(67, 56, 202, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-red-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-red-300, #feb2b2); } - .xl\:placeholder-indigo-700::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(67, 56, 202, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-red-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-red-400, #fc8181); } - .xl\:placeholder-indigo-800::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(55, 48, 163, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-red-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-red-500, #f56565); } - .xl\:placeholder-indigo-800::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(55, 48, 163, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-red-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-red-600, #e53e3e); } - .xl\:placeholder-indigo-900::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(49, 46, 129, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-red-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-red-700, #c53030); } - .xl\:placeholder-indigo-900::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(49, 46, 129, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-red-800 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-red-800, #9b2c2c); } - .xl\:placeholder-purple-50::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(245, 243, 255, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-red-900 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-red-900, #742a2a); } - .xl\:placeholder-purple-50::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(245, 243, 255, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-orange-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-orange-100, #fffaf0); } - .xl\:placeholder-purple-100::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(237, 233, 254, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-orange-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-orange-200, #feebc8); } - .xl\:placeholder-purple-100::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(237, 233, 254, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-orange-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-orange-300, #fbd38d); } - .xl\:placeholder-purple-200::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(221, 214, 254, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-orange-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-orange-400, #f6ad55); } - .xl\:placeholder-purple-200::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(221, 214, 254, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-orange-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-orange-500, #ed8936); } - .xl\:placeholder-purple-300::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(196, 181, 253, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-orange-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-orange-600, #dd6b20); } - .xl\:placeholder-purple-300::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(196, 181, 253, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-orange-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-orange-700, #c05621); } - .xl\:placeholder-purple-400::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(167, 139, 250, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-orange-800 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-orange-800, #9c4221); } - .xl\:placeholder-purple-400::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(167, 139, 250, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-orange-900 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-orange-900, #7b341e); } - .xl\:placeholder-purple-500::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(139, 92, 246, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-yellow-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-yellow-100, #fffff0); } - .xl\:placeholder-purple-500::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(139, 92, 246, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-yellow-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-yellow-200, #fefcbf); } - .xl\:placeholder-purple-600::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(124, 58, 237, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-yellow-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-yellow-300, #faf089); } - .xl\:placeholder-purple-600::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(124, 58, 237, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-yellow-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-yellow-400, #f6e05e); } - .xl\:placeholder-purple-700::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(109, 40, 217, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-yellow-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-yellow-500, #ecc94b); } - .xl\:placeholder-purple-700::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(109, 40, 217, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-yellow-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-yellow-600, #d69e2e); } - .xl\:placeholder-purple-800::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(91, 33, 182, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-yellow-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-yellow-700, #b7791f); } - .xl\:placeholder-purple-800::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(91, 33, 182, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-yellow-800 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-yellow-800, #975a16); } - .xl\:placeholder-purple-900::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(76, 29, 149, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-yellow-900 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-yellow-900, #744210); } - .xl\:placeholder-purple-900::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(76, 29, 149, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-green-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-green-100, #f0fff4); } - .xl\:placeholder-pink-50::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(253, 242, 248, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-green-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-green-200, #c6f6d5); } - .xl\:placeholder-pink-50::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(253, 242, 248, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-green-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-green-300, #9ae6b4); } - .xl\:placeholder-pink-100::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(252, 231, 243, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-green-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-green-400, #68d391); } - .xl\:placeholder-pink-100::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(252, 231, 243, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-green-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-green-500, #48bb78); } - .xl\:placeholder-pink-200::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(251, 207, 232, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-green-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-green-600, #38a169); } - .xl\:placeholder-pink-200::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(251, 207, 232, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-green-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-green-700, #2f855a); } - .xl\:placeholder-pink-300::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(249, 168, 212, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-green-800 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-green-800, #276749); } - .xl\:placeholder-pink-300::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(249, 168, 212, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-green-900 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-green-900, #22543d); } - .xl\:placeholder-pink-400::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(244, 114, 182, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-teal-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-teal-100, #e6fffa); } - .xl\:placeholder-pink-400::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(244, 114, 182, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-teal-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-teal-200, #b2f5ea); } - .xl\:placeholder-pink-500::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(236, 72, 153, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-teal-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-teal-300, #81e6d9); } - .xl\:placeholder-pink-500::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(236, 72, 153, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-teal-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-teal-400, #4fd1c5); } - .xl\:placeholder-pink-600::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(219, 39, 119, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-teal-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-teal-500, #38b2ac); } - .xl\:placeholder-pink-600::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(219, 39, 119, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-teal-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-teal-600, #319795); } - .xl\:placeholder-pink-700::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(190, 24, 93, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-teal-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-teal-700, #2c7a7b); } - .xl\:placeholder-pink-700::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(190, 24, 93, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-teal-800 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-teal-800, #285e61); } - .xl\:placeholder-pink-800::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(157, 23, 77, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-teal-900 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-teal-900, #234e52); } - .xl\:placeholder-pink-800::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(157, 23, 77, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-blue-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-blue-100, #ebf8ff); } - .xl\:placeholder-pink-900::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(131, 24, 67, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-blue-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-blue-200, #bee3f8); } - .xl\:placeholder-pink-900::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(131, 24, 67, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-blue-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-blue-300, #90cdf4); } - .xl\:focus\:placeholder-transparent:focus::-moz-placeholder { - color: transparent; + .\32xl\:divide-colors-blue-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-blue-400, #63b3ed); } - .xl\:focus\:placeholder-transparent:focus::placeholder { - color: transparent; + .\32xl\:divide-colors-blue-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-blue-500, #4299e1); } - .xl\:focus\:placeholder-current:focus::-moz-placeholder { - color: currentColor; + .\32xl\:divide-colors-blue-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-blue-600, #3182ce); } - .xl\:focus\:placeholder-current:focus::placeholder { - color: currentColor; + .\32xl\:divide-colors-blue-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-blue-700, #2b6cb0); } - .xl\:focus\:placeholder-black:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(0, 0, 0, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-blue-800 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-blue-800, #2c5282); } - .xl\:focus\:placeholder-black:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(0, 0, 0, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-blue-900 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-blue-900, #2a4365); } - .xl\:focus\:placeholder-white:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(255, 255, 255, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-indigo-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-indigo-100, #ebf4ff); } - .xl\:focus\:placeholder-white:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(255, 255, 255, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-indigo-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-indigo-200, #c3dafe); } - .xl\:focus\:placeholder-gray-50:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(249, 250, 251, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-indigo-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-indigo-300, #a3bffa); } - .xl\:focus\:placeholder-gray-50:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(249, 250, 251, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-indigo-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-indigo-400, #7f9cf5); } - .xl\:focus\:placeholder-gray-100:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(243, 244, 246, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-indigo-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-indigo-500, #667eea); } - .xl\:focus\:placeholder-gray-100:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(243, 244, 246, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-indigo-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-indigo-600, #5a67d8); } - .xl\:focus\:placeholder-gray-200:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(229, 231, 235, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-indigo-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-indigo-700, #4c51bf); } - .xl\:focus\:placeholder-gray-200:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(229, 231, 235, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-indigo-800 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-indigo-800, #434190); } - .xl\:focus\:placeholder-gray-300:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(209, 213, 219, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-indigo-900 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-indigo-900, #3c366b); } - .xl\:focus\:placeholder-gray-300:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(209, 213, 219, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-purple-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-purple-100, #faf5ff); } - .xl\:focus\:placeholder-gray-400:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(156, 163, 175, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-purple-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-purple-200, #e9d8fd); } - .xl\:focus\:placeholder-gray-400:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(156, 163, 175, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-purple-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-purple-300, #d6bcfa); } - .xl\:focus\:placeholder-gray-500:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(107, 114, 128, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-purple-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-purple-400, #b794f4); } - .xl\:focus\:placeholder-gray-500:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(107, 114, 128, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-purple-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-purple-500, #9f7aea); } - .xl\:focus\:placeholder-gray-600:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(75, 85, 99, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-purple-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-purple-600, #805ad5); } - .xl\:focus\:placeholder-gray-600:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(75, 85, 99, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-purple-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-purple-700, #6b46c1); } - .xl\:focus\:placeholder-gray-700:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(55, 65, 81, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-purple-800 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-purple-800, #553c9a); } - .xl\:focus\:placeholder-gray-700:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(55, 65, 81, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-purple-900 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-purple-900, #44337a); } - .xl\:focus\:placeholder-gray-800:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(31, 41, 55, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-pink-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-pink-100, #fff5f7); } - .xl\:focus\:placeholder-gray-800:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(31, 41, 55, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-pink-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-pink-200, #fed7e2); } - .xl\:focus\:placeholder-gray-900:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(17, 24, 39, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-pink-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-pink-300, #fbb6ce); } - .xl\:focus\:placeholder-gray-900:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(17, 24, 39, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-pink-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-pink-400, #f687b3); } - .xl\:focus\:placeholder-red-50:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 242, 242, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-pink-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-pink-500, #ed64a6); } - .xl\:focus\:placeholder-red-50:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 242, 242, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-pink-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-pink-600, #d53f8c); } - .xl\:focus\:placeholder-red-100:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 226, 226, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-pink-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-pink-700, #b83280); } - .xl\:focus\:placeholder-red-100:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 226, 226, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-pink-800 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-pink-800, #97266d); } - .xl\:focus\:placeholder-red-200:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 202, 202, var(--tw-placeholder-opacity)); + .\32xl\:divide-colors-pink-900 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--colors-pink-900, #702459); } - .xl\:focus\:placeholder-red-200:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 202, 202, var(--tw-placeholder-opacity)); + .\32xl\:divide-Box\ Shadow > :not([hidden]) ~ :not([hidden]) { + border-color: var(--box-shadow, #7f7e7f); } - .xl\:focus\:placeholder-red-300:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(252, 165, 165, var(--tw-placeholder-opacity)); + .\32xl\:divide-Error16 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--error16, #f03d3e40); } - .xl\:focus\:placeholder-red-300:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(252, 165, 165, var(--tw-placeholder-opacity)); + .\32xl\:divide-Success16 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--success16, #5bb14d40); } - .xl\:focus\:placeholder-red-400:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(248, 113, 113, var(--tw-placeholder-opacity)); + .\32xl\:divide-Notification16 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--notification16, #3959ff40); } - .xl\:focus\:placeholder-red-400:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(248, 113, 113, var(--tw-placeholder-opacity)); + .\32xl\:divide-Error8 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--error8, #f03d3e1a); } - .xl\:focus\:placeholder-red-500:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(239, 68, 68, var(--tw-placeholder-opacity)); + .\32xl\:divide-Notification8 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--notification8, #3959ff1a); } - .xl\:focus\:placeholder-red-500:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(239, 68, 68, var(--tw-placeholder-opacity)); + .\32xl\:divide-Success8 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--success8, #5bb14d1a); } - .xl\:focus\:placeholder-red-600:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(220, 38, 38, var(--tw-placeholder-opacity)); + .\32xl\:divide-Light\ -\ Overlay > :not([hidden]) ~ :not([hidden]) { + border-color: var(--light-overlay, #f0edee66); } - .xl\:focus\:placeholder-red-600:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(220, 38, 38, var(--tw-placeholder-opacity)); + .\32xl\:divide-Dark-\ Overlay > :not([hidden]) ~ :not([hidden]) { + border-color: var(--dark-overlay, #7f7e7f66); } - .xl\:focus\:placeholder-red-700:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(185, 28, 28, var(--tw-placeholder-opacity)); + .\32xl\:divide-black-40 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--black-40, #00000066); } - .xl\:focus\:placeholder-red-700:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(185, 28, 28, var(--tw-placeholder-opacity)); + .\32xl\:divide-black-75 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--black-75, #000000bf); } - .xl\:focus\:placeholder-red-800:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(153, 27, 27, var(--tw-placeholder-opacity)); + .\32xl\:divide-black-60 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--black-60, #00000099); } - .xl\:focus\:placeholder-red-800:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(153, 27, 27, var(--tw-placeholder-opacity)); + .\32xl\:divide-black-50 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--black-50, #00000080); } - .xl\:focus\:placeholder-red-900:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(127, 29, 29, var(--tw-placeholder-opacity)); + .\32xl\:divide-black-25 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--black-25, #00000040); } - .xl\:focus\:placeholder-red-900:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(127, 29, 29, var(--tw-placeholder-opacity)); + .\32xl\:divide-black-10 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--black-10, #0000001a); } - .xl\:focus\:placeholder-yellow-50:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(255, 251, 235, var(--tw-placeholder-opacity)); + .\32xl\:divide-white-25 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--white-25, #ffffff40); } - .xl\:focus\:placeholder-yellow-50:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(255, 251, 235, var(--tw-placeholder-opacity)); + .\32xl\:divide-white-60 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--white-60, #ffffff99); } - .xl\:focus\:placeholder-yellow-100:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 243, 199, var(--tw-placeholder-opacity)); + .\32xl\:divide-black-64 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--black-64, #000000a3); } - .xl\:focus\:placeholder-yellow-100:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 243, 199, var(--tw-placeholder-opacity)); + .\32xl\:divide-Shadow\ and\ Highlight-Shadow > :not([hidden]) ~ :not([hidden]) { + border-color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .xl\:focus\:placeholder-yellow-200:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(253, 230, 138, var(--tw-placeholder-opacity)); + .\32xl\:divide-Shadow\ and\ Highlight-Highlight > :not([hidden]) ~ :not([hidden]) { + border-color: var(--shadow-and-highlight-highlight, #474747); } - .xl\:focus\:placeholder-yellow-200:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(253, 230, 138, var(--tw-placeholder-opacity)); + .\32xl\:divide-Shadow\ and\ Highlight-highlight\ one > :not([hidden]) ~ :not([hidden]) { + border-color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .xl\:focus\:placeholder-yellow-300:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(252, 211, 77, var(--tw-placeholder-opacity)); + .\32xl\:divide-Shadow\ and\ Highlight-highlight\ two > :not([hidden]) ~ :not([hidden]) { + border-color: var(--shadow-and-highlight-highlight-two, #47474799); } - .xl\:focus\:placeholder-yellow-300:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(252, 211, 77, var(--tw-placeholder-opacity)); + .\32xl\:divide-Shadow\ and\ Highlight-highlight\ three > :not([hidden]) ~ :not([hidden]) { + border-color: var(--shadow-and-highlight-highlight-three, #47474766); } - .xl\:focus\:placeholder-yellow-400:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(251, 191, 36, var(--tw-placeholder-opacity)); + .\32xl\:divide-Shadow\ and\ Highlight-highlight\ five > :not([hidden]) ~ :not([hidden]) { + border-color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .xl\:focus\:placeholder-yellow-400:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(251, 191, 36, var(--tw-placeholder-opacity)); + .\32xl\:divide-Shadow\ and\ Highlight-shadow\ one > :not([hidden]) ~ :not([hidden]) { + border-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .xl\:focus\:placeholder-yellow-500:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(245, 158, 11, var(--tw-placeholder-opacity)); + .\32xl\:divide-Shadow\ and\ Highlight-shadow\ two > :not([hidden]) ~ :not([hidden]) { + border-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .xl\:focus\:placeholder-yellow-500:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(245, 158, 11, var(--tw-placeholder-opacity)); + .\32xl\:divide-Shadow\ and\ Highlight-shadow\ three > :not([hidden]) ~ :not([hidden]) { + border-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .xl\:focus\:placeholder-yellow-600:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(217, 119, 6, var(--tw-placeholder-opacity)); + .\32xl\:divide-Shadow\ and\ Highlight-shadow\ four > :not([hidden]) ~ :not([hidden]) { + border-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .xl\:focus\:placeholder-yellow-600:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(217, 119, 6, var(--tw-placeholder-opacity)); + .\32xl\:divide-Shadow\ and\ Highlight-shadow\ five > :not([hidden]) ~ :not([hidden]) { + border-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .xl\:focus\:placeholder-yellow-700:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(180, 83, 9, var(--tw-placeholder-opacity)); + .\32xl\:divide-Shadow\ and\ Highlight-highlight\ four > :not([hidden]) ~ :not([hidden]) { + border-color: var(--shadow-and-highlight-highlight-four, #47474740); } - .xl\:focus\:placeholder-yellow-700:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(180, 83, 9, var(--tw-placeholder-opacity)); + .\32xl\:divide-Base\ Layer\ Styles-Base\ Layer-\ Light-White > :not([hidden]) ~ :not([hidden]) { + border-color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .xl\:focus\:placeholder-yellow-800:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(146, 64, 14, var(--tw-placeholder-opacity)); + .\32xl\:divide-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite > :not([hidden]) ~ :not([hidden]) { + border-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .xl\:focus\:placeholder-yellow-800:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(146, 64, 14, var(--tw-placeholder-opacity)); + .\32xl\:divide-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack > :not([hidden]) ~ :not([hidden]) { + border-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .xl\:focus\:placeholder-yellow-900:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(120, 53, 15, var(--tw-placeholder-opacity)); + .\32xl\:divide-Base\ Layer\ Styles-Base\ Layer-Dark-Black > :not([hidden]) ~ :not([hidden]) { + border-color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .xl\:focus\:placeholder-yellow-900:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(120, 53, 15, var(--tw-placeholder-opacity)); + .\32xl\:divide-Grey-Scale-white > :not([hidden]) ~ :not([hidden]) { + border-color: var(--grey-scale-white, #ffffff); } - .xl\:focus\:placeholder-green-50:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(236, 253, 245, var(--tw-placeholder-opacity)); + .\32xl\:divide-Grey-Scale-off-white > :not([hidden]) ~ :not([hidden]) { + border-color: var(--grey-scale-off-white, #f0edee); } - .xl\:focus\:placeholder-green-50:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(236, 253, 245, var(--tw-placeholder-opacity)); + .\32xl\:divide-Grey\ Scale-grey > :not([hidden]) ~ :not([hidden]) { + border-color: var(--grey-scale-grey, #7f7e7f); } - .xl\:focus\:placeholder-green-100:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(209, 250, 229, var(--tw-placeholder-opacity)); + .\32xl\:divide-Grey\ Scale-charcoal > :not([hidden]) ~ :not([hidden]) { + border-color: var(--grey-scale-charcoal, #474747); } - .xl\:focus\:placeholder-green-100:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(209, 250, 229, var(--tw-placeholder-opacity)); + .\32xl\:divide-Grey\ Scale-off-black > :not([hidden]) ~ :not([hidden]) { + border-color: var(--grey-scale-off-black, #1c1c1c); } - .xl\:focus\:placeholder-green-200:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(167, 243, 208, var(--tw-placeholder-opacity)); + .\32xl\:divide-Grey\ Scale-black > :not([hidden]) ~ :not([hidden]) { + border-color: var(--grey-scale-black, #000000); } - .xl\:focus\:placeholder-green-200:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(167, 243, 208, var(--tw-placeholder-opacity)); + .\32xl\:divide-Blue-blue > :not([hidden]) ~ :not([hidden]) { + border-color: var(--blue-blue, #3a7ca5); } - .xl\:focus\:placeholder-green-300:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(110, 231, 183, var(--tw-placeholder-opacity)); + .\32xl\:divide-Blue-blue-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--blue-blue-100, #75a3c0); } - .xl\:focus\:placeholder-green-300:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(110, 231, 183, var(--tw-placeholder-opacity)); + .\32xl\:divide-Blue-blue-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--blue-blue-200, #9cbed2); } - .xl\:focus\:placeholder-green-400:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(52, 211, 153, var(--tw-placeholder-opacity)); + .\32xl\:divide-Blue-blue-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--blue-blue-300, #4f7d9a); } - .xl\:focus\:placeholder-green-400:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(52, 211, 153, var(--tw-placeholder-opacity)); + .\32xl\:divide-Blue-blue-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--blue-blue-400, #5c7d92); } - .xl\:focus\:placeholder-green-500:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(16, 185, 129, var(--tw-placeholder-opacity)); + .\32xl\:divide-Blue-blue-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--blue-blue-500, #347095); } - .xl\:focus\:placeholder-green-500:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(16, 185, 129, var(--tw-placeholder-opacity)); + .\32xl\:divide-Blue-blue-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--blue-blue-600, #295774); } - .xl\:focus\:placeholder-green-600:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(5, 150, 105, var(--tw-placeholder-opacity)); + .\32xl\:divide-Blue-blue-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--blue-blue-700, #173242); } - .xl\:focus\:placeholder-green-600:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(5, 150, 105, var(--tw-placeholder-opacity)); + .\32xl\:divide-LightBlue-lightblue > :not([hidden]) ~ :not([hidden]) { + border-color: var(--light-blue-lightblue, #81c3d7); } - .xl\:focus\:placeholder-green-700:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(4, 120, 87, var(--tw-placeholder-opacity)); + .\32xl\:divide-LightBlue-lightblue-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--light-blue-lightblue-100, #a7d5e3); } - .xl\:focus\:placeholder-green-700:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(4, 120, 87, var(--tw-placeholder-opacity)); + .\32xl\:divide-LightBlue-lightblue-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--light-blue-lightblue-200, #c0e1eb); } - .xl\:focus\:placeholder-green-800:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(6, 95, 70, var(--tw-placeholder-opacity)); + .\32xl\:divide-LightBlue-lightblue-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--light-blue-lightblue-300, #80aebd); } - .xl\:focus\:placeholder-green-800:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(6, 95, 70, var(--tw-placeholder-opacity)); + .\32xl\:divide-LightBlue-lightblue-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--light-blue-lightblue-400, #80a0ab); } - .xl\:focus\:placeholder-green-900:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(6, 78, 59, var(--tw-placeholder-opacity)); + .\32xl\:divide-LightBlue-lightblue-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--light-blue-lightblue-500, #74afc1); } - .xl\:focus\:placeholder-green-900:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(6, 78, 59, var(--tw-placeholder-opacity)); + .\32xl\:divide-LightBlue-lightblue-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--light-blue-lightblue-600, #5a8997); } - .xl\:focus\:placeholder-blue-50:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(239, 246, 255, var(--tw-placeholder-opacity)); + .\32xl\:divide-LightBlue-lightblue-650 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--light-blue-lightblue-650, #3e5e65); } - .xl\:focus\:placeholder-blue-50:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(239, 246, 255, var(--tw-placeholder-opacity)); + .\32xl\:divide-LightBlue-lightblue-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--light-blue-lightblue-700, #344e56); } - .xl\:focus\:placeholder-blue-100:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(219, 234, 254, var(--tw-placeholder-opacity)); + .\32xl\:divide-Orange-orange > :not([hidden]) ~ :not([hidden]) { + border-color: var(--orange-orange, #ff7f0e); } - .xl\:focus\:placeholder-blue-100:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(219, 234, 254, var(--tw-placeholder-opacity)); + .\32xl\:divide-Orange-orange-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--orange-orange-100, #ffa556); } - .xl\:focus\:placeholder-blue-200:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(191, 219, 254, var(--tw-placeholder-opacity)); + .\32xl\:divide-Orange-orange-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--orange-orange-200, #ffbf86); } - .xl\:focus\:placeholder-blue-200:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(191, 219, 254, var(--tw-placeholder-opacity)); + .\32xl\:divide-Orange-orange-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--orange-orange-300, #d97f30); } - .xl\:focus\:placeholder-blue-300:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(147, 197, 253, var(--tw-placeholder-opacity)); + .\32xl\:divide-Orange-orange-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--orange-orange-400, #bf7e46); } - .xl\:focus\:placeholder-blue-300:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(147, 197, 253, var(--tw-placeholder-opacity)); + .\32xl\:divide-Orange-orange-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--orange-orange-500, #e5720d); } - .xl\:focus\:placeholder-blue-400:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(96, 165, 250, var(--tw-placeholder-opacity)); + .\32xl\:divide-Orange-orange-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--orange-orange-600, #b3590a); } - .xl\:focus\:placeholder-blue-400:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(96, 165, 250, var(--tw-placeholder-opacity)); + .\32xl\:divide-Orange-orange-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--orange-orange-700, #663306); } - .xl\:focus\:placeholder-blue-500:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(59, 130, 246, var(--tw-placeholder-opacity)); + .\32xl\:divide-Yellow-yellow > :not([hidden]) ~ :not([hidden]) { + border-color: var(--yellow-yellow, #ffab00); } - .xl\:focus\:placeholder-blue-500:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(59, 130, 246, var(--tw-placeholder-opacity)); + .\32xl\:divide-Yellow-yellow-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--yellow-yellow-100, #ffc44c); } - .xl\:focus\:placeholder-blue-600:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(37, 99, 235, var(--tw-placeholder-opacity)); + .\32xl\:divide-Yellow-yellow-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--yellow-yellow-200, #ffd580); } - .xl\:focus\:placeholder-blue-600:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(37, 99, 235, var(--tw-placeholder-opacity)); + .\32xl\:divide-Yellow-yellow-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--yellow-yellow-300, #d99d26); } - .xl\:focus\:placeholder-blue-700:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(29, 78, 216, var(--tw-placeholder-opacity)); + .\32xl\:divide-Yellow-yellow-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--yellow-yellow-400, #bf943f); } - .xl\:focus\:placeholder-blue-700:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(29, 78, 216, var(--tw-placeholder-opacity)); + .\32xl\:divide-Yellow-yellow-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--yellow-yellow-500, #e59a00); } - .xl\:focus\:placeholder-blue-800:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(30, 64, 175, var(--tw-placeholder-opacity)); + .\32xl\:divide-Yellow-yellow-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--yellow-yellow-600, #b37800); } - .xl\:focus\:placeholder-blue-800:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(30, 64, 175, var(--tw-placeholder-opacity)); + .\32xl\:divide-Yellow-yellow-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--yellow-yellow-700, #664400); } - .xl\:focus\:placeholder-blue-900:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(30, 58, 138, var(--tw-placeholder-opacity)); + .\32xl\:divide-Notification-notification > :not([hidden]) ~ :not([hidden]) { + border-color: var(--notification-notification, #3959ff); } - .xl\:focus\:placeholder-blue-900:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(30, 58, 138, var(--tw-placeholder-opacity)); + .\32xl\:divide-Notification-notification-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--notification-notification-100, #748bff); } - .xl\:focus\:placeholder-indigo-50:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(238, 242, 255, var(--tw-placeholder-opacity)); + .\32xl\:divide-Notification-notification-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--notification-notification-200, #9cacff); } - .xl\:focus\:placeholder-indigo-50:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(238, 242, 255, var(--tw-placeholder-opacity)); + .\32xl\:divide-Notification-notification-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--notification-notification-300, #4e64d9); } - .xl\:focus\:placeholder-indigo-100:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(224, 231, 255, var(--tw-placeholder-opacity)); + .\32xl\:divide-Notification-notification-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--notification-notification-400, #5c6cbf); } - .xl\:focus\:placeholder-indigo-100:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(224, 231, 255, var(--tw-placeholder-opacity)); + .\32xl\:divide-Notification-notification-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--notification-notification-500, #3350e5); } - .xl\:focus\:placeholder-indigo-200:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(199, 210, 254, var(--tw-placeholder-opacity)); + .\32xl\:divide-Notification-notification-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--notification-notification-600, #283eb3); } - .xl\:focus\:placeholder-indigo-200:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(199, 210, 254, var(--tw-placeholder-opacity)); + .\32xl\:divide-Notification-notification-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--notification-notification-700, #172466); } - .xl\:focus\:placeholder-indigo-300:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(165, 180, 252, var(--tw-placeholder-opacity)); + .\32xl\:divide-Success-success\ -700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--success-success-700, #24471f); } - .xl\:focus\:placeholder-indigo-300:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(165, 180, 252, var(--tw-placeholder-opacity)); + .\32xl\:divide-Success-success > :not([hidden]) ~ :not([hidden]) { + border-color: var(--success-success, #5bb14d); } - .xl\:focus\:placeholder-indigo-400:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(129, 140, 248, var(--tw-placeholder-opacity)); + .\32xl\:divide-Success-success\ -100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--success-success-100, #8cc882); } - .xl\:focus\:placeholder-indigo-400:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(129, 140, 248, var(--tw-placeholder-opacity)); + .\32xl\:divide-Success-success\ -200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--success-success-200, #add8a6); } - .xl\:focus\:placeholder-indigo-500:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(99, 102, 241, var(--tw-placeholder-opacity)); + .\32xl\:divide-Success-success\ -300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--success-success-300, #66a25c); } - .xl\:focus\:placeholder-indigo-500:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(99, 102, 241, var(--tw-placeholder-opacity)); + .\32xl\:divide-Success-success\ -400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--success-success-400, #6d9766); } - .xl\:focus\:placeholder-indigo-600:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(79, 70, 229, var(--tw-placeholder-opacity)); + .\32xl\:divide-Success-success\ -500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--success-success-500, #529f45); } - .xl\:focus\:placeholder-indigo-600:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(79, 70, 229, var(--tw-placeholder-opacity)); + .\32xl\:divide-Success-success\ -600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--success-success-600, #407c36); } - .xl\:focus\:placeholder-indigo-700:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(67, 56, 202, var(--tw-placeholder-opacity)); + .\32xl\:divide-Error-error > :not([hidden]) ~ :not([hidden]) { + border-color: var(--error-error, #f03d3e); } - .xl\:focus\:placeholder-indigo-700:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(67, 56, 202, var(--tw-placeholder-opacity)); + .\32xl\:divide-Error-error-100 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--error-error-100, #f57778); } - .xl\:focus\:placeholder-indigo-800:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(55, 48, 163, var(--tw-placeholder-opacity)); + .\32xl\:divide-Error-error-200 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--error-error-200, #f89e9e); } - .xl\:focus\:placeholder-indigo-800:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(55, 48, 163, var(--tw-placeholder-opacity)); + .\32xl\:divide-Error-error-250 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--error-error-250, #f9c8c8); } - .xl\:focus\:placeholder-indigo-900:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(49, 46, 129, var(--tw-placeholder-opacity)); + .\32xl\:divide-Error-error-300 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--error-error-300, #ce5151); } - .xl\:focus\:placeholder-indigo-900:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(49, 46, 129, var(--tw-placeholder-opacity)); + .\32xl\:divide-Error-error-400 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--error-error-400, #b85e5e); } - .xl\:focus\:placeholder-purple-50:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(245, 243, 255, var(--tw-placeholder-opacity)); + .\32xl\:divide-Error-error-500 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--error-error-500, #d83738); } - .xl\:focus\:placeholder-purple-50:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(245, 243, 255, var(--tw-placeholder-opacity)); + .\32xl\:divide-Error-error-600 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--error-error-600, #a82b2b); } - .xl\:focus\:placeholder-purple-100:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(237, 233, 254, var(--tw-placeholder-opacity)); + .\32xl\:divide-Error-error-700 > :not([hidden]) ~ :not([hidden]) { + border-color: var(--error-error-700, #601819); } - .xl\:focus\:placeholder-purple-100:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(237, 233, 254, var(--tw-placeholder-opacity)); + .\32xl\:divide-opacity-0 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 0; } - .xl\:focus\:placeholder-purple-200:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(221, 214, 254, var(--tw-placeholder-opacity)); + .\32xl\:divide-opacity-5 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 0.05; } - .xl\:focus\:placeholder-purple-200:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(221, 214, 254, var(--tw-placeholder-opacity)); + .\32xl\:divide-opacity-10 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 0.1; } - .xl\:focus\:placeholder-purple-300:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(196, 181, 253, var(--tw-placeholder-opacity)); + .\32xl\:divide-opacity-20 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 0.2; } - .xl\:focus\:placeholder-purple-300:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(196, 181, 253, var(--tw-placeholder-opacity)); + .\32xl\:divide-opacity-25 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 0.25; } - .xl\:focus\:placeholder-purple-400:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(167, 139, 250, var(--tw-placeholder-opacity)); + .\32xl\:divide-opacity-30 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 0.3; } - .xl\:focus\:placeholder-purple-400:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(167, 139, 250, var(--tw-placeholder-opacity)); + .\32xl\:divide-opacity-40 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 0.4; } - .xl\:focus\:placeholder-purple-500:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(139, 92, 246, var(--tw-placeholder-opacity)); + .\32xl\:divide-opacity-50 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 0.5; } - .xl\:focus\:placeholder-purple-500:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(139, 92, 246, var(--tw-placeholder-opacity)); + .\32xl\:divide-opacity-60 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 0.6; } - .xl\:focus\:placeholder-purple-600:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(124, 58, 237, var(--tw-placeholder-opacity)); + .\32xl\:divide-opacity-70 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 0.7; } - .xl\:focus\:placeholder-purple-600:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(124, 58, 237, var(--tw-placeholder-opacity)); + .\32xl\:divide-opacity-75 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 0.75; } - .xl\:focus\:placeholder-purple-700:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(109, 40, 217, var(--tw-placeholder-opacity)); + .\32xl\:divide-opacity-80 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 0.8; } - .xl\:focus\:placeholder-purple-700:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(109, 40, 217, var(--tw-placeholder-opacity)); + .\32xl\:divide-opacity-90 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 0.9; } - .xl\:focus\:placeholder-purple-800:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(91, 33, 182, var(--tw-placeholder-opacity)); + .\32xl\:divide-opacity-95 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 0.95; } - .xl\:focus\:placeholder-purple-800:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(91, 33, 182, var(--tw-placeholder-opacity)); + .\32xl\:divide-opacity-100 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 1; } - .xl\:focus\:placeholder-purple-900:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(76, 29, 149, var(--tw-placeholder-opacity)); + .\32xl\:place-self-auto { + place-self: auto; } - .xl\:focus\:placeholder-purple-900:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(76, 29, 149, var(--tw-placeholder-opacity)); + .\32xl\:place-self-start { + place-self: start; } - .xl\:focus\:placeholder-pink-50:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(253, 242, 248, var(--tw-placeholder-opacity)); + .\32xl\:place-self-end { + place-self: end; } - .xl\:focus\:placeholder-pink-50:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(253, 242, 248, var(--tw-placeholder-opacity)); + .\32xl\:place-self-center { + place-self: center; } - .xl\:focus\:placeholder-pink-100:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(252, 231, 243, var(--tw-placeholder-opacity)); + .\32xl\:place-self-stretch { + place-self: stretch; } - .xl\:focus\:placeholder-pink-100:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(252, 231, 243, var(--tw-placeholder-opacity)); + .\32xl\:self-auto { + align-self: auto; } - .xl\:focus\:placeholder-pink-200:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(251, 207, 232, var(--tw-placeholder-opacity)); + .\32xl\:self-start { + align-self: flex-start; } - .xl\:focus\:placeholder-pink-200:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(251, 207, 232, var(--tw-placeholder-opacity)); + .\32xl\:self-end { + align-self: flex-end; } - .xl\:focus\:placeholder-pink-300:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(249, 168, 212, var(--tw-placeholder-opacity)); + .\32xl\:self-center { + align-self: center; } - .xl\:focus\:placeholder-pink-300:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(249, 168, 212, var(--tw-placeholder-opacity)); + .\32xl\:self-stretch { + align-self: stretch; } - .xl\:focus\:placeholder-pink-400:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(244, 114, 182, var(--tw-placeholder-opacity)); + .\32xl\:self-baseline { + align-self: baseline; } - .xl\:focus\:placeholder-pink-400:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(244, 114, 182, var(--tw-placeholder-opacity)); + .\32xl\:justify-self-auto { + justify-self: auto; } - .xl\:focus\:placeholder-pink-500:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(236, 72, 153, var(--tw-placeholder-opacity)); + .\32xl\:justify-self-start { + justify-self: start; } - .xl\:focus\:placeholder-pink-500:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(236, 72, 153, var(--tw-placeholder-opacity)); + .\32xl\:justify-self-end { + justify-self: end; } - .xl\:focus\:placeholder-pink-600:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(219, 39, 119, var(--tw-placeholder-opacity)); + .\32xl\:justify-self-center { + justify-self: center; } - .xl\:focus\:placeholder-pink-600:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(219, 39, 119, var(--tw-placeholder-opacity)); + .\32xl\:justify-self-stretch { + justify-self: stretch; } - .xl\:focus\:placeholder-pink-700:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(190, 24, 93, var(--tw-placeholder-opacity)); + .\32xl\:overflow-auto { + overflow: auto; } - .xl\:focus\:placeholder-pink-700:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(190, 24, 93, var(--tw-placeholder-opacity)); + .\32xl\:overflow-hidden { + overflow: hidden; } - .xl\:focus\:placeholder-pink-800:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(157, 23, 77, var(--tw-placeholder-opacity)); + .\32xl\:overflow-visible { + overflow: visible; } - .xl\:focus\:placeholder-pink-800:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(157, 23, 77, var(--tw-placeholder-opacity)); + .\32xl\:overflow-scroll { + overflow: scroll; } - .xl\:focus\:placeholder-pink-900:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(131, 24, 67, var(--tw-placeholder-opacity)); + .\32xl\:overflow-x-auto { + overflow-x: auto; } - .xl\:focus\:placeholder-pink-900:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(131, 24, 67, var(--tw-placeholder-opacity)); + .\32xl\:overflow-y-auto { + overflow-y: auto; } - .xl\:placeholder-opacity-0::-moz-placeholder { - --tw-placeholder-opacity: 0; + .\32xl\:overflow-x-hidden { + overflow-x: hidden; } - .xl\:placeholder-opacity-0::placeholder { - --tw-placeholder-opacity: 0; + .\32xl\:overflow-y-hidden { + overflow-y: hidden; } - .xl\:placeholder-opacity-5::-moz-placeholder { - --tw-placeholder-opacity: 0.05; + .\32xl\:overflow-x-visible { + overflow-x: visible; } - .xl\:placeholder-opacity-5::placeholder { - --tw-placeholder-opacity: 0.05; + .\32xl\:overflow-y-visible { + overflow-y: visible; } - .xl\:placeholder-opacity-10::-moz-placeholder { - --tw-placeholder-opacity: 0.1; + .\32xl\:overflow-x-scroll { + overflow-x: scroll; } - .xl\:placeholder-opacity-10::placeholder { - --tw-placeholder-opacity: 0.1; + .\32xl\:overflow-y-scroll { + overflow-y: scroll; } - .xl\:placeholder-opacity-20::-moz-placeholder { - --tw-placeholder-opacity: 0.2; + .\32xl\:overscroll-auto { + overscroll-behavior: auto; } - .xl\:placeholder-opacity-20::placeholder { - --tw-placeholder-opacity: 0.2; + .\32xl\:overscroll-contain { + overscroll-behavior: contain; } - .xl\:placeholder-opacity-25::-moz-placeholder { - --tw-placeholder-opacity: 0.25; + .\32xl\:overscroll-none { + overscroll-behavior: none; } - .xl\:placeholder-opacity-25::placeholder { - --tw-placeholder-opacity: 0.25; + .\32xl\:overscroll-y-auto { + overscroll-behavior-y: auto; } - .xl\:placeholder-opacity-30::-moz-placeholder { - --tw-placeholder-opacity: 0.3; + .\32xl\:overscroll-y-contain { + overscroll-behavior-y: contain; } - .xl\:placeholder-opacity-30::placeholder { - --tw-placeholder-opacity: 0.3; + .\32xl\:overscroll-y-none { + overscroll-behavior-y: none; } - .xl\:placeholder-opacity-40::-moz-placeholder { - --tw-placeholder-opacity: 0.4; + .\32xl\:overscroll-x-auto { + overscroll-behavior-x: auto; } - .xl\:placeholder-opacity-40::placeholder { - --tw-placeholder-opacity: 0.4; + .\32xl\:overscroll-x-contain { + overscroll-behavior-x: contain; } - .xl\:placeholder-opacity-50::-moz-placeholder { - --tw-placeholder-opacity: 0.5; + .\32xl\:overscroll-x-none { + overscroll-behavior-x: none; } - .xl\:placeholder-opacity-50::placeholder { - --tw-placeholder-opacity: 0.5; + .\32xl\:truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } - .xl\:placeholder-opacity-60::-moz-placeholder { - --tw-placeholder-opacity: 0.6; + .\32xl\:overflow-ellipsis { + text-overflow: ellipsis; } - .xl\:placeholder-opacity-60::placeholder { - --tw-placeholder-opacity: 0.6; + .\32xl\:overflow-clip { + text-overflow: clip; } - .xl\:placeholder-opacity-70::-moz-placeholder { - --tw-placeholder-opacity: 0.7; + .\32xl\:whitespace-normal { + white-space: normal; } - .xl\:placeholder-opacity-70::placeholder { - --tw-placeholder-opacity: 0.7; + .\32xl\:whitespace-nowrap { + white-space: nowrap; } - .xl\:placeholder-opacity-75::-moz-placeholder { - --tw-placeholder-opacity: 0.75; + .\32xl\:whitespace-pre { + white-space: pre; } - .xl\:placeholder-opacity-75::placeholder { - --tw-placeholder-opacity: 0.75; + .\32xl\:whitespace-pre-line { + white-space: pre-line; } - .xl\:placeholder-opacity-80::-moz-placeholder { - --tw-placeholder-opacity: 0.8; + .\32xl\:whitespace-pre-wrap { + white-space: pre-wrap; } - .xl\:placeholder-opacity-80::placeholder { - --tw-placeholder-opacity: 0.8; + .\32xl\:break-normal { + overflow-wrap: normal; + word-break: normal; } - .xl\:placeholder-opacity-90::-moz-placeholder { - --tw-placeholder-opacity: 0.9; + .\32xl\:break-words { + overflow-wrap: break-word; } - .xl\:placeholder-opacity-90::placeholder { - --tw-placeholder-opacity: 0.9; + .\32xl\:break-all { + word-break: break-all; } - .xl\:placeholder-opacity-95::-moz-placeholder { - --tw-placeholder-opacity: 0.95; + .\32xl\:rounded-none { + border-radius: 0px; } - .xl\:placeholder-opacity-95::placeholder { - --tw-placeholder-opacity: 0.95; + .\32xl\:rounded-sm { + border-radius: 0.125rem; } - .xl\:placeholder-opacity-100::-moz-placeholder { - --tw-placeholder-opacity: 1; + .\32xl\:rounded { + border-radius: 0.25rem; } - .xl\:placeholder-opacity-100::placeholder { - --tw-placeholder-opacity: 1; + .\32xl\:rounded-md { + border-radius: 0.375rem; } - .xl\:focus\:placeholder-opacity-0:focus::-moz-placeholder { - --tw-placeholder-opacity: 0; + .\32xl\:rounded-lg { + border-radius: 0.5rem; } - .xl\:focus\:placeholder-opacity-0:focus::placeholder { - --tw-placeholder-opacity: 0; + .\32xl\:rounded-xl { + border-radius: 0.75rem; } - .xl\:focus\:placeholder-opacity-5:focus::-moz-placeholder { - --tw-placeholder-opacity: 0.05; + .\32xl\:rounded-2xl { + border-radius: 1rem; } - .xl\:focus\:placeholder-opacity-5:focus::placeholder { - --tw-placeholder-opacity: 0.05; + .\32xl\:rounded-3xl { + border-radius: 1.5rem; } - .xl\:focus\:placeholder-opacity-10:focus::-moz-placeholder { - --tw-placeholder-opacity: 0.1; + .\32xl\:rounded-full { + border-radius: 9999px; } - .xl\:focus\:placeholder-opacity-10:focus::placeholder { - --tw-placeholder-opacity: 0.1; + .\32xl\:rounded-t-none { + border-top-left-radius: 0px; + border-top-right-radius: 0px; } - .xl\:focus\:placeholder-opacity-20:focus::-moz-placeholder { - --tw-placeholder-opacity: 0.2; + .\32xl\:rounded-t-sm { + border-top-left-radius: 0.125rem; + border-top-right-radius: 0.125rem; } - .xl\:focus\:placeholder-opacity-20:focus::placeholder { - --tw-placeholder-opacity: 0.2; + .\32xl\:rounded-t { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; } - .xl\:focus\:placeholder-opacity-25:focus::-moz-placeholder { - --tw-placeholder-opacity: 0.25; + .\32xl\:rounded-t-md { + border-top-left-radius: 0.375rem; + border-top-right-radius: 0.375rem; } - .xl\:focus\:placeholder-opacity-25:focus::placeholder { - --tw-placeholder-opacity: 0.25; + .\32xl\:rounded-t-lg { + border-top-left-radius: 0.5rem; + border-top-right-radius: 0.5rem; } - .xl\:focus\:placeholder-opacity-30:focus::-moz-placeholder { - --tw-placeholder-opacity: 0.3; + .\32xl\:rounded-t-xl { + border-top-left-radius: 0.75rem; + border-top-right-radius: 0.75rem; } - .xl\:focus\:placeholder-opacity-30:focus::placeholder { - --tw-placeholder-opacity: 0.3; + .\32xl\:rounded-t-2xl { + border-top-left-radius: 1rem; + border-top-right-radius: 1rem; } - .xl\:focus\:placeholder-opacity-40:focus::-moz-placeholder { - --tw-placeholder-opacity: 0.4; + .\32xl\:rounded-t-3xl { + border-top-left-radius: 1.5rem; + border-top-right-radius: 1.5rem; } - .xl\:focus\:placeholder-opacity-40:focus::placeholder { - --tw-placeholder-opacity: 0.4; + .\32xl\:rounded-t-full { + border-top-left-radius: 9999px; + border-top-right-radius: 9999px; } - .xl\:focus\:placeholder-opacity-50:focus::-moz-placeholder { - --tw-placeholder-opacity: 0.5; + .\32xl\:rounded-r-none { + border-top-right-radius: 0px; + border-bottom-right-radius: 0px; } - .xl\:focus\:placeholder-opacity-50:focus::placeholder { - --tw-placeholder-opacity: 0.5; + .\32xl\:rounded-r-sm { + border-top-right-radius: 0.125rem; + border-bottom-right-radius: 0.125rem; } - .xl\:focus\:placeholder-opacity-60:focus::-moz-placeholder { - --tw-placeholder-opacity: 0.6; + .\32xl\:rounded-r { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; } - .xl\:focus\:placeholder-opacity-60:focus::placeholder { - --tw-placeholder-opacity: 0.6; + .\32xl\:rounded-r-md { + border-top-right-radius: 0.375rem; + border-bottom-right-radius: 0.375rem; } - .xl\:focus\:placeholder-opacity-70:focus::-moz-placeholder { - --tw-placeholder-opacity: 0.7; + .\32xl\:rounded-r-lg { + border-top-right-radius: 0.5rem; + border-bottom-right-radius: 0.5rem; } - .xl\:focus\:placeholder-opacity-70:focus::placeholder { - --tw-placeholder-opacity: 0.7; + .\32xl\:rounded-r-xl { + border-top-right-radius: 0.75rem; + border-bottom-right-radius: 0.75rem; } - .xl\:focus\:placeholder-opacity-75:focus::-moz-placeholder { - --tw-placeholder-opacity: 0.75; + .\32xl\:rounded-r-2xl { + border-top-right-radius: 1rem; + border-bottom-right-radius: 1rem; } - .xl\:focus\:placeholder-opacity-75:focus::placeholder { - --tw-placeholder-opacity: 0.75; + .\32xl\:rounded-r-3xl { + border-top-right-radius: 1.5rem; + border-bottom-right-radius: 1.5rem; } - .xl\:focus\:placeholder-opacity-80:focus::-moz-placeholder { - --tw-placeholder-opacity: 0.8; + .\32xl\:rounded-r-full { + border-top-right-radius: 9999px; + border-bottom-right-radius: 9999px; } - .xl\:focus\:placeholder-opacity-80:focus::placeholder { - --tw-placeholder-opacity: 0.8; + .\32xl\:rounded-b-none { + border-bottom-right-radius: 0px; + border-bottom-left-radius: 0px; } - .xl\:focus\:placeholder-opacity-90:focus::-moz-placeholder { - --tw-placeholder-opacity: 0.9; + .\32xl\:rounded-b-sm { + border-bottom-right-radius: 0.125rem; + border-bottom-left-radius: 0.125rem; } - .xl\:focus\:placeholder-opacity-90:focus::placeholder { - --tw-placeholder-opacity: 0.9; + .\32xl\:rounded-b { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; } - .xl\:focus\:placeholder-opacity-95:focus::-moz-placeholder { - --tw-placeholder-opacity: 0.95; + .\32xl\:rounded-b-md { + border-bottom-right-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; } - .xl\:focus\:placeholder-opacity-95:focus::placeholder { - --tw-placeholder-opacity: 0.95; + .\32xl\:rounded-b-lg { + border-bottom-right-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; } - .xl\:focus\:placeholder-opacity-100:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; + .\32xl\:rounded-b-xl { + border-bottom-right-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; } - .xl\:focus\:placeholder-opacity-100:focus::placeholder { - --tw-placeholder-opacity: 1; + .\32xl\:rounded-b-2xl { + border-bottom-right-radius: 1rem; + border-bottom-left-radius: 1rem; } - .xl\:opacity-0 { - opacity: 0; + .\32xl\:rounded-b-3xl { + border-bottom-right-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; } - .xl\:opacity-5 { - opacity: 0.05; + .\32xl\:rounded-b-full { + border-bottom-right-radius: 9999px; + border-bottom-left-radius: 9999px; } - .xl\:opacity-10 { - opacity: 0.1; + .\32xl\:rounded-l-none { + border-top-left-radius: 0px; + border-bottom-left-radius: 0px; } - .xl\:opacity-20 { - opacity: 0.2; + .\32xl\:rounded-l-sm { + border-top-left-radius: 0.125rem; + border-bottom-left-radius: 0.125rem; } - .xl\:opacity-25 { - opacity: 0.25; + .\32xl\:rounded-l { + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; } - .xl\:opacity-30 { - opacity: 0.3; + .\32xl\:rounded-l-md { + border-top-left-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; } - .xl\:opacity-40 { - opacity: 0.4; + .\32xl\:rounded-l-lg { + border-top-left-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; } - .xl\:opacity-50 { - opacity: 0.5; + .\32xl\:rounded-l-xl { + border-top-left-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; } - .xl\:opacity-60 { - opacity: 0.6; + .\32xl\:rounded-l-2xl { + border-top-left-radius: 1rem; + border-bottom-left-radius: 1rem; } - .xl\:opacity-70 { - opacity: 0.7; + .\32xl\:rounded-l-3xl { + border-top-left-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; } - .xl\:opacity-75 { - opacity: 0.75; + .\32xl\:rounded-l-full { + border-top-left-radius: 9999px; + border-bottom-left-radius: 9999px; } - .xl\:opacity-80 { - opacity: 0.8; + .\32xl\:rounded-tl-none { + border-top-left-radius: 0px; } - .xl\:opacity-90 { - opacity: 0.9; + .\32xl\:rounded-tl-sm { + border-top-left-radius: 0.125rem; } - .xl\:opacity-95 { - opacity: 0.95; + .\32xl\:rounded-tl { + border-top-left-radius: 0.25rem; } - .xl\:opacity-100 { - opacity: 1; + .\32xl\:rounded-tl-md { + border-top-left-radius: 0.375rem; } - .group:hover .xl\:group-hover\:opacity-0 { - opacity: 0; + .\32xl\:rounded-tl-lg { + border-top-left-radius: 0.5rem; } - .group:hover .xl\:group-hover\:opacity-5 { - opacity: 0.05; + .\32xl\:rounded-tl-xl { + border-top-left-radius: 0.75rem; } - .group:hover .xl\:group-hover\:opacity-10 { - opacity: 0.1; + .\32xl\:rounded-tl-2xl { + border-top-left-radius: 1rem; } - .group:hover .xl\:group-hover\:opacity-20 { - opacity: 0.2; + .\32xl\:rounded-tl-3xl { + border-top-left-radius: 1.5rem; } - .group:hover .xl\:group-hover\:opacity-25 { - opacity: 0.25; + .\32xl\:rounded-tl-full { + border-top-left-radius: 9999px; } - .group:hover .xl\:group-hover\:opacity-30 { - opacity: 0.3; + .\32xl\:rounded-tr-none { + border-top-right-radius: 0px; } - .group:hover .xl\:group-hover\:opacity-40 { - opacity: 0.4; + .\32xl\:rounded-tr-sm { + border-top-right-radius: 0.125rem; } - .group:hover .xl\:group-hover\:opacity-50 { - opacity: 0.5; + .\32xl\:rounded-tr { + border-top-right-radius: 0.25rem; } - .group:hover .xl\:group-hover\:opacity-60 { - opacity: 0.6; + .\32xl\:rounded-tr-md { + border-top-right-radius: 0.375rem; } - .group:hover .xl\:group-hover\:opacity-70 { - opacity: 0.7; + .\32xl\:rounded-tr-lg { + border-top-right-radius: 0.5rem; } - .group:hover .xl\:group-hover\:opacity-75 { - opacity: 0.75; + .\32xl\:rounded-tr-xl { + border-top-right-radius: 0.75rem; } - .group:hover .xl\:group-hover\:opacity-80 { - opacity: 0.8; + .\32xl\:rounded-tr-2xl { + border-top-right-radius: 1rem; } - .group:hover .xl\:group-hover\:opacity-90 { - opacity: 0.9; + .\32xl\:rounded-tr-3xl { + border-top-right-radius: 1.5rem; } - .group:hover .xl\:group-hover\:opacity-95 { - opacity: 0.95; + .\32xl\:rounded-tr-full { + border-top-right-radius: 9999px; } - .group:hover .xl\:group-hover\:opacity-100 { - opacity: 1; + .\32xl\:rounded-br-none { + border-bottom-right-radius: 0px; } - .xl\:focus-within\:opacity-0:focus-within { - opacity: 0; + .\32xl\:rounded-br-sm { + border-bottom-right-radius: 0.125rem; } - .xl\:focus-within\:opacity-5:focus-within { - opacity: 0.05; + .\32xl\:rounded-br { + border-bottom-right-radius: 0.25rem; } - .xl\:focus-within\:opacity-10:focus-within { - opacity: 0.1; + .\32xl\:rounded-br-md { + border-bottom-right-radius: 0.375rem; } - .xl\:focus-within\:opacity-20:focus-within { - opacity: 0.2; + .\32xl\:rounded-br-lg { + border-bottom-right-radius: 0.5rem; } - .xl\:focus-within\:opacity-25:focus-within { - opacity: 0.25; + .\32xl\:rounded-br-xl { + border-bottom-right-radius: 0.75rem; } - .xl\:focus-within\:opacity-30:focus-within { - opacity: 0.3; + .\32xl\:rounded-br-2xl { + border-bottom-right-radius: 1rem; } - .xl\:focus-within\:opacity-40:focus-within { - opacity: 0.4; + .\32xl\:rounded-br-3xl { + border-bottom-right-radius: 1.5rem; } - .xl\:focus-within\:opacity-50:focus-within { - opacity: 0.5; + .\32xl\:rounded-br-full { + border-bottom-right-radius: 9999px; } - .xl\:focus-within\:opacity-60:focus-within { - opacity: 0.6; + .\32xl\:rounded-bl-none { + border-bottom-left-radius: 0px; } - .xl\:focus-within\:opacity-70:focus-within { - opacity: 0.7; + .\32xl\:rounded-bl-sm { + border-bottom-left-radius: 0.125rem; } - .xl\:focus-within\:opacity-75:focus-within { - opacity: 0.75; + .\32xl\:rounded-bl { + border-bottom-left-radius: 0.25rem; } - .xl\:focus-within\:opacity-80:focus-within { - opacity: 0.8; + .\32xl\:rounded-bl-md { + border-bottom-left-radius: 0.375rem; } - .xl\:focus-within\:opacity-90:focus-within { - opacity: 0.9; + .\32xl\:rounded-bl-lg { + border-bottom-left-radius: 0.5rem; } - .xl\:focus-within\:opacity-95:focus-within { - opacity: 0.95; + .\32xl\:rounded-bl-xl { + border-bottom-left-radius: 0.75rem; } - .xl\:focus-within\:opacity-100:focus-within { - opacity: 1; + .\32xl\:rounded-bl-2xl { + border-bottom-left-radius: 1rem; } - .xl\:hover\:opacity-0:hover { - opacity: 0; + .\32xl\:rounded-bl-3xl { + border-bottom-left-radius: 1.5rem; } - .xl\:hover\:opacity-5:hover { - opacity: 0.05; + .\32xl\:rounded-bl-full { + border-bottom-left-radius: 9999px; } - .xl\:hover\:opacity-10:hover { - opacity: 0.1; + .\32xl\:border-0 { + border-width: 0px; } - .xl\:hover\:opacity-20:hover { - opacity: 0.2; + .\32xl\:border-2 { + border-width: 2px; } - .xl\:hover\:opacity-25:hover { - opacity: 0.25; + .\32xl\:border-4 { + border-width: 4px; } - .xl\:hover\:opacity-30:hover { - opacity: 0.3; + .\32xl\:border-8 { + border-width: 8px; } - .xl\:hover\:opacity-40:hover { - opacity: 0.4; + .\32xl\:border { + border-width: 1px; } - .xl\:hover\:opacity-50:hover { - opacity: 0.5; + .\32xl\:border-t-0 { + border-top-width: 0px; } - .xl\:hover\:opacity-60:hover { - opacity: 0.6; + .\32xl\:border-t-2 { + border-top-width: 2px; } - .xl\:hover\:opacity-70:hover { - opacity: 0.7; + .\32xl\:border-t-4 { + border-top-width: 4px; } - .xl\:hover\:opacity-75:hover { - opacity: 0.75; + .\32xl\:border-t-8 { + border-top-width: 8px; } - .xl\:hover\:opacity-80:hover { - opacity: 0.8; + .\32xl\:border-t { + border-top-width: 1px; } - .xl\:hover\:opacity-90:hover { - opacity: 0.9; + .\32xl\:border-r-0 { + border-right-width: 0px; } - .xl\:hover\:opacity-95:hover { - opacity: 0.95; + .\32xl\:border-r-2 { + border-right-width: 2px; } - .xl\:hover\:opacity-100:hover { - opacity: 1; + .\32xl\:border-r-4 { + border-right-width: 4px; } - .xl\:focus\:opacity-0:focus { - opacity: 0; + .\32xl\:border-r-8 { + border-right-width: 8px; } - .xl\:focus\:opacity-5:focus { - opacity: 0.05; + .\32xl\:border-r { + border-right-width: 1px; } - .xl\:focus\:opacity-10:focus { - opacity: 0.1; + .\32xl\:border-b-0 { + border-bottom-width: 0px; } - .xl\:focus\:opacity-20:focus { - opacity: 0.2; + .\32xl\:border-b-2 { + border-bottom-width: 2px; } - .xl\:focus\:opacity-25:focus { - opacity: 0.25; + .\32xl\:border-b-4 { + border-bottom-width: 4px; } - .xl\:focus\:opacity-30:focus { - opacity: 0.3; + .\32xl\:border-b-8 { + border-bottom-width: 8px; } - .xl\:focus\:opacity-40:focus { - opacity: 0.4; + .\32xl\:border-b { + border-bottom-width: 1px; } - .xl\:focus\:opacity-50:focus { - opacity: 0.5; + .\32xl\:border-l-0 { + border-left-width: 0px; } - .xl\:focus\:opacity-60:focus { - opacity: 0.6; + .\32xl\:border-l-2 { + border-left-width: 2px; } - .xl\:focus\:opacity-70:focus { - opacity: 0.7; + .\32xl\:border-l-4 { + border-left-width: 4px; } - .xl\:focus\:opacity-75:focus { - opacity: 0.75; + .\32xl\:border-l-8 { + border-left-width: 8px; } - .xl\:focus\:opacity-80:focus { - opacity: 0.8; + .\32xl\:border-l { + border-left-width: 1px; } - .xl\:focus\:opacity-90:focus { - opacity: 0.9; + .\32xl\:border-solid { + border-style: solid; } - .xl\:focus\:opacity-95:focus { - opacity: 0.95; + .\32xl\:border-dashed { + border-style: dashed; } - .xl\:focus\:opacity-100:focus { - opacity: 1; + .\32xl\:border-dotted { + border-style: dotted; } - .xl\:bg-blend-normal { - background-blend-mode: normal; + .\32xl\:border-double { + border-style: double; } - .xl\:bg-blend-multiply { - background-blend-mode: multiply; + .\32xl\:border-none { + border-style: none; } - .xl\:bg-blend-screen { - background-blend-mode: screen; + .\32xl\:border-colors-black { + border-color: var(--colors-black, #000000); } - .xl\:bg-blend-overlay { - background-blend-mode: overlay; + .\32xl\:border-colors-white { + border-color: var(--colors-white, #ffffff); } - .xl\:bg-blend-darken { - background-blend-mode: darken; + .\32xl\:border-colors-gray-100 { + border-color: var(--colors-gray-100, #f7fafc); } - .xl\:bg-blend-lighten { - background-blend-mode: lighten; + .\32xl\:border-colors-gray-200 { + border-color: var(--colors-gray-200, #edf2f7); } - .xl\:bg-blend-color-dodge { - background-blend-mode: color-dodge; + .\32xl\:border-colors-gray-300 { + border-color: var(--colors-gray-300, #e2e8f0); } - .xl\:bg-blend-color-burn { - background-blend-mode: color-burn; + .\32xl\:border-colors-gray-400 { + border-color: var(--colors-gray-400, #cbd5e0); } - .xl\:bg-blend-hard-light { - background-blend-mode: hard-light; + .\32xl\:border-colors-gray-500 { + border-color: var(--colors-gray-500, #a0aec0); } - .xl\:bg-blend-soft-light { - background-blend-mode: soft-light; + .\32xl\:border-colors-gray-600 { + border-color: var(--colors-gray-600, #718096); } - .xl\:bg-blend-difference { - background-blend-mode: difference; + .\32xl\:border-colors-gray-700 { + border-color: var(--colors-gray-700, #4a5568); } - .xl\:bg-blend-exclusion { - background-blend-mode: exclusion; + .\32xl\:border-colors-gray-800 { + border-color: var(--colors-gray-800, #2d3748); } - .xl\:bg-blend-hue { - background-blend-mode: hue; + .\32xl\:border-colors-gray-900 { + border-color: var(--colors-gray-900, #1a202c); } - .xl\:bg-blend-saturation { - background-blend-mode: saturation; + .\32xl\:border-colors-red-100 { + border-color: var(--colors-red-100, #fff5f5); } - .xl\:bg-blend-color { - background-blend-mode: color; + .\32xl\:border-colors-red-200 { + border-color: var(--colors-red-200, #fed7d7); } - .xl\:bg-blend-luminosity { - background-blend-mode: luminosity; + .\32xl\:border-colors-red-300 { + border-color: var(--colors-red-300, #feb2b2); } - .xl\:mix-blend-normal { - mix-blend-mode: normal; + .\32xl\:border-colors-red-400 { + border-color: var(--colors-red-400, #fc8181); } - .xl\:mix-blend-multiply { - mix-blend-mode: multiply; + .\32xl\:border-colors-red-500 { + border-color: var(--colors-red-500, #f56565); } - .xl\:mix-blend-screen { - mix-blend-mode: screen; + .\32xl\:border-colors-red-600 { + border-color: var(--colors-red-600, #e53e3e); } - .xl\:mix-blend-overlay { - mix-blend-mode: overlay; + .\32xl\:border-colors-red-700 { + border-color: var(--colors-red-700, #c53030); } - .xl\:mix-blend-darken { - mix-blend-mode: darken; + .\32xl\:border-colors-red-800 { + border-color: var(--colors-red-800, #9b2c2c); } - .xl\:mix-blend-lighten { - mix-blend-mode: lighten; + .\32xl\:border-colors-red-900 { + border-color: var(--colors-red-900, #742a2a); } - .xl\:mix-blend-color-dodge { - mix-blend-mode: color-dodge; + .\32xl\:border-colors-orange-100 { + border-color: var(--colors-orange-100, #fffaf0); } - .xl\:mix-blend-color-burn { - mix-blend-mode: color-burn; + .\32xl\:border-colors-orange-200 { + border-color: var(--colors-orange-200, #feebc8); } - .xl\:mix-blend-hard-light { - mix-blend-mode: hard-light; + .\32xl\:border-colors-orange-300 { + border-color: var(--colors-orange-300, #fbd38d); } - .xl\:mix-blend-soft-light { - mix-blend-mode: soft-light; + .\32xl\:border-colors-orange-400 { + border-color: var(--colors-orange-400, #f6ad55); } - .xl\:mix-blend-difference { - mix-blend-mode: difference; + .\32xl\:border-colors-orange-500 { + border-color: var(--colors-orange-500, #ed8936); } - .xl\:mix-blend-exclusion { - mix-blend-mode: exclusion; + .\32xl\:border-colors-orange-600 { + border-color: var(--colors-orange-600, #dd6b20); } - .xl\:mix-blend-hue { - mix-blend-mode: hue; + .\32xl\:border-colors-orange-700 { + border-color: var(--colors-orange-700, #c05621); } - .xl\:mix-blend-saturation { - mix-blend-mode: saturation; + .\32xl\:border-colors-orange-800 { + border-color: var(--colors-orange-800, #9c4221); } - .xl\:mix-blend-color { - mix-blend-mode: color; + .\32xl\:border-colors-orange-900 { + border-color: var(--colors-orange-900, #7b341e); } - .xl\:mix-blend-luminosity { - mix-blend-mode: luminosity; + .\32xl\:border-colors-yellow-100 { + border-color: var(--colors-yellow-100, #fffff0); } - .xl\:shadow-sm { - --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .\32xl\:border-colors-yellow-200 { + border-color: var(--colors-yellow-200, #fefcbf); } - .xl\:shadow { - --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .\32xl\:border-colors-yellow-300 { + border-color: var(--colors-yellow-300, #faf089); } - .xl\:shadow-md { - --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .\32xl\:border-colors-yellow-400 { + border-color: var(--colors-yellow-400, #f6e05e); } - .xl\:shadow-lg { - --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .\32xl\:border-colors-yellow-500 { + border-color: var(--colors-yellow-500, #ecc94b); } - .xl\:shadow-xl { - --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .\32xl\:border-colors-yellow-600 { + border-color: var(--colors-yellow-600, #d69e2e); } - .xl\:shadow-2xl { - --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .\32xl\:border-colors-yellow-700 { + border-color: var(--colors-yellow-700, #b7791f); } - .xl\:shadow-inner { - --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .\32xl\:border-colors-yellow-800 { + border-color: var(--colors-yellow-800, #975a16); } - .xl\:shadow-none { - --tw-shadow: 0 0 #0000; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .\32xl\:border-colors-yellow-900 { + border-color: var(--colors-yellow-900, #744210); } - .group:hover .xl\:group-hover\:shadow-sm { - --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .\32xl\:border-colors-green-100 { + border-color: var(--colors-green-100, #f0fff4); } - .group:hover .xl\:group-hover\:shadow { - --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .\32xl\:border-colors-green-200 { + border-color: var(--colors-green-200, #c6f6d5); } - .group:hover .xl\:group-hover\:shadow-md { - --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .\32xl\:border-colors-green-300 { + border-color: var(--colors-green-300, #9ae6b4); } - .group:hover .xl\:group-hover\:shadow-lg { - --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .\32xl\:border-colors-green-400 { + border-color: var(--colors-green-400, #68d391); } - .group:hover .xl\:group-hover\:shadow-xl { - --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .\32xl\:border-colors-green-500 { + border-color: var(--colors-green-500, #48bb78); } - .group:hover .xl\:group-hover\:shadow-2xl { - --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .\32xl\:border-colors-green-600 { + border-color: var(--colors-green-600, #38a169); } - .group:hover .xl\:group-hover\:shadow-inner { - --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .\32xl\:border-colors-green-700 { + border-color: var(--colors-green-700, #2f855a); } - .group:hover .xl\:group-hover\:shadow-none { - --tw-shadow: 0 0 #0000; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .\32xl\:border-colors-green-800 { + border-color: var(--colors-green-800, #276749); } - .xl\:focus-within\:shadow-sm:focus-within { - --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .\32xl\:border-colors-green-900 { + border-color: var(--colors-green-900, #22543d); } - .xl\:focus-within\:shadow:focus-within { - --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .\32xl\:border-colors-teal-100 { + border-color: var(--colors-teal-100, #e6fffa); } - .xl\:focus-within\:shadow-md:focus-within { - --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .\32xl\:border-colors-teal-200 { + border-color: var(--colors-teal-200, #b2f5ea); } - .xl\:focus-within\:shadow-lg:focus-within { - --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .\32xl\:border-colors-teal-300 { + border-color: var(--colors-teal-300, #81e6d9); } - .xl\:focus-within\:shadow-xl:focus-within { - --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .\32xl\:border-colors-teal-400 { + border-color: var(--colors-teal-400, #4fd1c5); } - .xl\:focus-within\:shadow-2xl:focus-within { - --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .\32xl\:border-colors-teal-500 { + border-color: var(--colors-teal-500, #38b2ac); } - .xl\:focus-within\:shadow-inner:focus-within { - --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .\32xl\:border-colors-teal-600 { + border-color: var(--colors-teal-600, #319795); } - .xl\:focus-within\:shadow-none:focus-within { - --tw-shadow: 0 0 #0000; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .\32xl\:border-colors-teal-700 { + border-color: var(--colors-teal-700, #2c7a7b); } - .xl\:hover\:shadow-sm:hover { - --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .\32xl\:border-colors-teal-800 { + border-color: var(--colors-teal-800, #285e61); } - .xl\:hover\:shadow:hover { - --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .\32xl\:border-colors-teal-900 { + border-color: var(--colors-teal-900, #234e52); } - .xl\:hover\:shadow-md:hover { - --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .\32xl\:border-colors-blue-100 { + border-color: var(--colors-blue-100, #ebf8ff); } - .xl\:hover\:shadow-lg:hover { - --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .\32xl\:border-colors-blue-200 { + border-color: var(--colors-blue-200, #bee3f8); } - .xl\:hover\:shadow-xl:hover { - --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .\32xl\:border-colors-blue-300 { + border-color: var(--colors-blue-300, #90cdf4); } - .xl\:hover\:shadow-2xl:hover { - --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .\32xl\:border-colors-blue-400 { + border-color: var(--colors-blue-400, #63b3ed); } - .xl\:hover\:shadow-inner:hover { - --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .\32xl\:border-colors-blue-500 { + border-color: var(--colors-blue-500, #4299e1); } - .xl\:hover\:shadow-none:hover { - --tw-shadow: 0 0 #0000; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .\32xl\:border-colors-blue-600 { + border-color: var(--colors-blue-600, #3182ce); } - .xl\:focus\:shadow-sm:focus { - --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .\32xl\:border-colors-blue-700 { + border-color: var(--colors-blue-700, #2b6cb0); } - .xl\:focus\:shadow:focus { - --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .\32xl\:border-colors-blue-800 { + border-color: var(--colors-blue-800, #2c5282); } - .xl\:focus\:shadow-md:focus { - --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .\32xl\:border-colors-blue-900 { + border-color: var(--colors-blue-900, #2a4365); } - .xl\:focus\:shadow-lg:focus { - --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .\32xl\:border-colors-indigo-100 { + border-color: var(--colors-indigo-100, #ebf4ff); } - .xl\:focus\:shadow-xl:focus { - --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .\32xl\:border-colors-indigo-200 { + border-color: var(--colors-indigo-200, #c3dafe); } - .xl\:focus\:shadow-2xl:focus { - --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .\32xl\:border-colors-indigo-300 { + border-color: var(--colors-indigo-300, #a3bffa); } - .xl\:focus\:shadow-inner:focus { - --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .\32xl\:border-colors-indigo-400 { + border-color: var(--colors-indigo-400, #7f9cf5); } - .xl\:focus\:shadow-none:focus { - --tw-shadow: 0 0 #0000; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .\32xl\:border-colors-indigo-500 { + border-color: var(--colors-indigo-500, #667eea); } - .xl\:outline-none { - outline: 2px solid transparent; - outline-offset: 2px; + .\32xl\:border-colors-indigo-600 { + border-color: var(--colors-indigo-600, #5a67d8); } - .xl\:outline-white { - outline: 2px dotted white; - outline-offset: 2px; + .\32xl\:border-colors-indigo-700 { + border-color: var(--colors-indigo-700, #4c51bf); } - .xl\:outline-black { - outline: 2px dotted black; - outline-offset: 2px; + .\32xl\:border-colors-indigo-800 { + border-color: var(--colors-indigo-800, #434190); } - .xl\:focus-within\:outline-none:focus-within { - outline: 2px solid transparent; - outline-offset: 2px; + .\32xl\:border-colors-indigo-900 { + border-color: var(--colors-indigo-900, #3c366b); } - .xl\:focus-within\:outline-white:focus-within { - outline: 2px dotted white; - outline-offset: 2px; + .\32xl\:border-colors-purple-100 { + border-color: var(--colors-purple-100, #faf5ff); } - .xl\:focus-within\:outline-black:focus-within { - outline: 2px dotted black; - outline-offset: 2px; + .\32xl\:border-colors-purple-200 { + border-color: var(--colors-purple-200, #e9d8fd); } - .xl\:focus\:outline-none:focus { - outline: 2px solid transparent; - outline-offset: 2px; + .\32xl\:border-colors-purple-300 { + border-color: var(--colors-purple-300, #d6bcfa); } - .xl\:focus\:outline-white:focus { - outline: 2px dotted white; - outline-offset: 2px; + .\32xl\:border-colors-purple-400 { + border-color: var(--colors-purple-400, #b794f4); } - .xl\:focus\:outline-black:focus { - outline: 2px dotted black; - outline-offset: 2px; + .\32xl\:border-colors-purple-500 { + border-color: var(--colors-purple-500, #9f7aea); } - .xl\: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); + .\32xl\:border-colors-purple-600 { + border-color: var(--colors-purple-600, #805ad5); } - .xl\: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); + .\32xl\:border-colors-purple-700 { + border-color: var(--colors-purple-700, #6b46c1); } - .xl\: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); + .\32xl\:border-colors-purple-800 { + border-color: var(--colors-purple-800, #553c9a); } - .xl\: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); + .\32xl\:border-colors-purple-900 { + border-color: var(--colors-purple-900, #44337a); } - .xl\:ring-8 { - --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(8px + 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); + .\32xl\:border-colors-pink-100 { + border-color: var(--colors-pink-100, #fff5f7); } - .xl\: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); + .\32xl\:border-colors-pink-200 { + border-color: var(--colors-pink-200, #fed7e2); } - .xl\:focus-within\:ring-0:focus-within { - --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(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); + .\32xl\:border-colors-pink-300 { + border-color: var(--colors-pink-300, #fbb6ce); } - .xl\:focus-within\:ring-1:focus-within { - --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); - box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); + .\32xl\:border-colors-pink-400 { + border-color: var(--colors-pink-400, #f687b3); } - .xl\:focus-within\:ring-2:focus-within { - --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); - box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); + .\32xl\:border-colors-pink-500 { + border-color: var(--colors-pink-500, #ed64a6); } - .xl\:focus-within\:ring-4:focus-within { - --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(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); + .\32xl\:border-colors-pink-600 { + border-color: var(--colors-pink-600, #d53f8c); } - .xl\:focus-within\:ring-8:focus-within { - --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + 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); + .\32xl\:border-colors-pink-700 { + border-color: var(--colors-pink-700, #b83280); } - .xl\:focus-within\:ring:focus-within { - --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(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); + .\32xl\:border-colors-pink-800 { + border-color: var(--colors-pink-800, #97266d); } - .xl\: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); + .\32xl\:border-colors-pink-900 { + border-color: var(--colors-pink-900, #702459); } - .xl\: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); + .\32xl\:border-Box\ Shadow { + border-color: var(--box-shadow, #7f7e7f); } - .xl\: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); + .\32xl\:border-Error16 { + border-color: var(--error16, #f03d3e40); } - .xl\:focus\:ring-4:focus { - --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color); - box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); + .\32xl\:border-Success16 { + border-color: var(--success16, #5bb14d40); } - .xl\:focus\:ring-8: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(8px + 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); + .\32xl\:border-Notification16 { + border-color: var(--notification16, #3959ff40); } - .xl\:focus\:ring: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(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); + .\32xl\:border-Error8 { + border-color: var(--error8, #f03d3e1a); } - .xl\:ring-inset { - --tw-ring-inset: inset; + .\32xl\:border-Notification8 { + border-color: var(--notification8, #3959ff1a); } - .xl\:focus-within\:ring-inset:focus-within { - --tw-ring-inset: inset; + .\32xl\:border-Success8 { + border-color: var(--success8, #5bb14d1a); } - .xl\:focus\:ring-inset:focus { - --tw-ring-inset: inset; + .\32xl\:border-Light\ -\ Overlay { + border-color: var(--light-overlay, #f0edee66); } - .xl\:ring-transparent { - --tw-ring-color: transparent; + .\32xl\:border-Dark-\ Overlay { + border-color: var(--dark-overlay, #7f7e7f66); } - .xl\:ring-current { - --tw-ring-color: currentColor; + .\32xl\:border-black-40 { + border-color: var(--black-40, #00000066); } - .xl\:ring-black { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity)); + .\32xl\:border-black-75 { + border-color: var(--black-75, #000000bf); } - .xl\:ring-white { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity)); + .\32xl\:border-black-60 { + border-color: var(--black-60, #00000099); } - .xl\:ring-gray-50 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity)); + .\32xl\:border-black-50 { + border-color: var(--black-50, #00000080); } - .xl\:ring-gray-100 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity)); + .\32xl\:border-black-25 { + border-color: var(--black-25, #00000040); } - .xl\:ring-gray-200 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity)); + .\32xl\:border-black-10 { + border-color: var(--black-10, #0000001a); } - .xl\:ring-gray-300 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity)); + .\32xl\:border-white-25 { + border-color: var(--white-25, #ffffff40); } - .xl\:ring-gray-400 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity)); + .\32xl\:border-white-60 { + border-color: var(--white-60, #ffffff99); } - .xl\:ring-gray-500 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity)); + .\32xl\:border-black-64 { + border-color: var(--black-64, #000000a3); } - .xl\:ring-gray-600 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity)); + .\32xl\:border-Shadow\ and\ Highlight-Shadow { + border-color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .xl\:ring-gray-700 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity)); + .\32xl\:border-Shadow\ and\ Highlight-Highlight { + border-color: var(--shadow-and-highlight-highlight, #474747); } - .xl\:ring-gray-800 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity)); + .\32xl\:border-Shadow\ and\ Highlight-highlight\ one { + border-color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .xl\:ring-gray-900 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity)); + .\32xl\:border-Shadow\ and\ Highlight-highlight\ two { + border-color: var(--shadow-and-highlight-highlight-two, #47474799); } - .xl\:ring-red-50 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity)); + .\32xl\:border-Shadow\ and\ Highlight-highlight\ three { + border-color: var(--shadow-and-highlight-highlight-three, #47474766); } - .xl\:ring-red-100 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity)); + .\32xl\:border-Shadow\ and\ Highlight-highlight\ five { + border-color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .xl\:ring-red-200 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity)); + .\32xl\:border-Shadow\ and\ Highlight-shadow\ one { + border-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .xl\:ring-red-300 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity)); + .\32xl\:border-Shadow\ and\ Highlight-shadow\ two { + border-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .xl\:ring-red-400 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity)); + .\32xl\:border-Shadow\ and\ Highlight-shadow\ three { + border-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .xl\:ring-red-500 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity)); + .\32xl\:border-Shadow\ and\ Highlight-shadow\ four { + border-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .xl\:ring-red-600 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity)); + .\32xl\:border-Shadow\ and\ Highlight-shadow\ five { + border-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .xl\:ring-red-700 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity)); + .\32xl\:border-Shadow\ and\ Highlight-highlight\ four { + border-color: var(--shadow-and-highlight-highlight-four, #47474740); } - .xl\:ring-red-800 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity)); + .\32xl\:border-Base\ Layer\ Styles-Base\ Layer-\ Light-White { + border-color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .xl\:ring-red-900 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity)); + .\32xl\:border-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite { + border-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .xl\:ring-yellow-50 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity)); + .\32xl\:border-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack { + border-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .xl\:ring-yellow-100 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity)); + .\32xl\:border-Base\ Layer\ Styles-Base\ Layer-Dark-Black { + border-color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .xl\:ring-yellow-200 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity)); + .\32xl\:border-Grey-Scale-white { + border-color: var(--grey-scale-white, #ffffff); } - .xl\:ring-yellow-300 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity)); + .\32xl\:border-Grey-Scale-off-white { + border-color: var(--grey-scale-off-white, #f0edee); } - .xl\:ring-yellow-400 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity)); + .\32xl\:border-Grey\ Scale-grey { + border-color: var(--grey-scale-grey, #7f7e7f); } - .xl\:ring-yellow-500 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity)); + .\32xl\:border-Grey\ Scale-charcoal { + border-color: var(--grey-scale-charcoal, #474747); } - .xl\:ring-yellow-600 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity)); + .\32xl\:border-Grey\ Scale-off-black { + border-color: var(--grey-scale-off-black, #1c1c1c); } - .xl\:ring-yellow-700 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity)); + .\32xl\:border-Grey\ Scale-black { + border-color: var(--grey-scale-black, #000000); } - .xl\:ring-yellow-800 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity)); + .\32xl\:border-Blue-blue { + border-color: var(--blue-blue, #3a7ca5); } - .xl\:ring-yellow-900 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity)); + .\32xl\:border-Blue-blue-100 { + border-color: var(--blue-blue-100, #75a3c0); } - .xl\:ring-green-50 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity)); + .\32xl\:border-Blue-blue-200 { + border-color: var(--blue-blue-200, #9cbed2); } - .xl\:ring-green-100 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity)); + .\32xl\:border-Blue-blue-300 { + border-color: var(--blue-blue-300, #4f7d9a); } - .xl\:ring-green-200 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity)); + .\32xl\:border-Blue-blue-400 { + border-color: var(--blue-blue-400, #5c7d92); } - .xl\:ring-green-300 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity)); + .\32xl\:border-Blue-blue-500 { + border-color: var(--blue-blue-500, #347095); } - .xl\:ring-green-400 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity)); + .\32xl\:border-Blue-blue-600 { + border-color: var(--blue-blue-600, #295774); } - .xl\:ring-green-500 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity)); + .\32xl\:border-Blue-blue-700 { + border-color: var(--blue-blue-700, #173242); } - .xl\:ring-green-600 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity)); + .\32xl\:border-LightBlue-lightblue { + border-color: var(--light-blue-lightblue, #81c3d7); } - .xl\:ring-green-700 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity)); + .\32xl\:border-LightBlue-lightblue-100 { + border-color: var(--light-blue-lightblue-100, #a7d5e3); } - .xl\:ring-green-800 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity)); + .\32xl\:border-LightBlue-lightblue-200 { + border-color: var(--light-blue-lightblue-200, #c0e1eb); } - .xl\:ring-green-900 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity)); + .\32xl\:border-LightBlue-lightblue-300 { + border-color: var(--light-blue-lightblue-300, #80aebd); } - .xl\:ring-blue-50 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity)); + .\32xl\:border-LightBlue-lightblue-400 { + border-color: var(--light-blue-lightblue-400, #80a0ab); } - .xl\:ring-blue-100 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity)); + .\32xl\:border-LightBlue-lightblue-500 { + border-color: var(--light-blue-lightblue-500, #74afc1); } - .xl\:ring-blue-200 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity)); + .\32xl\:border-LightBlue-lightblue-600 { + border-color: var(--light-blue-lightblue-600, #5a8997); } - .xl\:ring-blue-300 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity)); + .\32xl\:border-LightBlue-lightblue-650 { + border-color: var(--light-blue-lightblue-650, #3e5e65); } - .xl\:ring-blue-400 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity)); + .\32xl\:border-LightBlue-lightblue-700 { + border-color: var(--light-blue-lightblue-700, #344e56); } - .xl\:ring-blue-500 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity)); + .\32xl\:border-Orange-orange { + border-color: var(--orange-orange, #ff7f0e); } - .xl\:ring-blue-600 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity)); + .\32xl\:border-Orange-orange-100 { + border-color: var(--orange-orange-100, #ffa556); } - .xl\:ring-blue-700 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity)); + .\32xl\:border-Orange-orange-200 { + border-color: var(--orange-orange-200, #ffbf86); } - .xl\:ring-blue-800 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity)); + .\32xl\:border-Orange-orange-300 { + border-color: var(--orange-orange-300, #d97f30); } - .xl\:ring-blue-900 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity)); + .\32xl\:border-Orange-orange-400 { + border-color: var(--orange-orange-400, #bf7e46); } - .xl\:ring-indigo-50 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity)); + .\32xl\:border-Orange-orange-500 { + border-color: var(--orange-orange-500, #e5720d); } - .xl\:ring-indigo-100 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity)); + .\32xl\:border-Orange-orange-600 { + border-color: var(--orange-orange-600, #b3590a); } - .xl\:ring-indigo-200 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity)); + .\32xl\:border-Orange-orange-700 { + border-color: var(--orange-orange-700, #663306); } - .xl\:ring-indigo-300 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity)); + .\32xl\:border-Yellow-yellow { + border-color: var(--yellow-yellow, #ffab00); } - .xl\:ring-indigo-400 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity)); + .\32xl\:border-Yellow-yellow-100 { + border-color: var(--yellow-yellow-100, #ffc44c); } - .xl\:ring-indigo-500 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity)); + .\32xl\:border-Yellow-yellow-200 { + border-color: var(--yellow-yellow-200, #ffd580); } - .xl\:ring-indigo-600 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity)); + .\32xl\:border-Yellow-yellow-300 { + border-color: var(--yellow-yellow-300, #d99d26); } - .xl\:ring-indigo-700 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity)); + .\32xl\:border-Yellow-yellow-400 { + border-color: var(--yellow-yellow-400, #bf943f); } - .xl\:ring-indigo-800 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity)); + .\32xl\:border-Yellow-yellow-500 { + border-color: var(--yellow-yellow-500, #e59a00); } - .xl\:ring-indigo-900 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity)); + .\32xl\:border-Yellow-yellow-600 { + border-color: var(--yellow-yellow-600, #b37800); } - .xl\:ring-purple-50 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity)); + .\32xl\:border-Yellow-yellow-700 { + border-color: var(--yellow-yellow-700, #664400); } - .xl\:ring-purple-100 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity)); + .\32xl\:border-Notification-notification { + border-color: var(--notification-notification, #3959ff); } - .xl\:ring-purple-200 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity)); + .\32xl\:border-Notification-notification-100 { + border-color: var(--notification-notification-100, #748bff); } - .xl\:ring-purple-300 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity)); + .\32xl\:border-Notification-notification-200 { + border-color: var(--notification-notification-200, #9cacff); } - .xl\:ring-purple-400 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity)); + .\32xl\:border-Notification-notification-300 { + border-color: var(--notification-notification-300, #4e64d9); } - .xl\:ring-purple-500 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity)); + .\32xl\:border-Notification-notification-400 { + border-color: var(--notification-notification-400, #5c6cbf); } - .xl\:ring-purple-600 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity)); + .\32xl\:border-Notification-notification-500 { + border-color: var(--notification-notification-500, #3350e5); } - .xl\:ring-purple-700 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity)); + .\32xl\:border-Notification-notification-600 { + border-color: var(--notification-notification-600, #283eb3); } - .xl\:ring-purple-800 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity)); + .\32xl\:border-Notification-notification-700 { + border-color: var(--notification-notification-700, #172466); } - .xl\:ring-purple-900 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity)); + .\32xl\:border-Success-success\ -700 { + border-color: var(--success-success-700, #24471f); } - .xl\:ring-pink-50 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity)); + .\32xl\:border-Success-success { + border-color: var(--success-success, #5bb14d); } - .xl\:ring-pink-100 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity)); + .\32xl\:border-Success-success\ -100 { + border-color: var(--success-success-100, #8cc882); } - .xl\:ring-pink-200 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity)); + .\32xl\:border-Success-success\ -200 { + border-color: var(--success-success-200, #add8a6); } - .xl\:ring-pink-300 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity)); + .\32xl\:border-Success-success\ -300 { + border-color: var(--success-success-300, #66a25c); } - .xl\:ring-pink-400 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity)); + .\32xl\:border-Success-success\ -400 { + border-color: var(--success-success-400, #6d9766); } - .xl\:ring-pink-500 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity)); + .\32xl\:border-Success-success\ -500 { + border-color: var(--success-success-500, #529f45); } - .xl\:ring-pink-600 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity)); + .\32xl\:border-Success-success\ -600 { + border-color: var(--success-success-600, #407c36); } - .xl\:ring-pink-700 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity)); + .\32xl\:border-Error-error { + border-color: var(--error-error, #f03d3e); } - .xl\:ring-pink-800 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity)); + .\32xl\:border-Error-error-100 { + border-color: var(--error-error-100, #f57778); } - .xl\:ring-pink-900 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity)); + .\32xl\:border-Error-error-200 { + border-color: var(--error-error-200, #f89e9e); } - .xl\:focus-within\:ring-transparent:focus-within { - --tw-ring-color: transparent; + .\32xl\:border-Error-error-250 { + border-color: var(--error-error-250, #f9c8c8); } - .xl\:focus-within\:ring-current:focus-within { - --tw-ring-color: currentColor; + .\32xl\:border-Error-error-300 { + border-color: var(--error-error-300, #ce5151); } - .xl\:focus-within\:ring-black:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity)); + .\32xl\:border-Error-error-400 { + border-color: var(--error-error-400, #b85e5e); } - .xl\:focus-within\:ring-white:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity)); + .\32xl\:border-Error-error-500 { + border-color: var(--error-error-500, #d83738); } - .xl\:focus-within\:ring-gray-50:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity)); + .\32xl\:border-Error-error-600 { + border-color: var(--error-error-600, #a82b2b); } - .xl\:focus-within\:ring-gray-100:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity)); + .\32xl\:border-Error-error-700 { + border-color: var(--error-error-700, #601819); } - .xl\:focus-within\:ring-gray-200:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-black { + border-color: var(--colors-black, #000000); } - .xl\:focus-within\:ring-gray-300:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-white { + border-color: var(--colors-white, #ffffff); } - .xl\:focus-within\:ring-gray-400:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-gray-100 { + border-color: var(--colors-gray-100, #f7fafc); } - .xl\:focus-within\:ring-gray-500:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-gray-200 { + border-color: var(--colors-gray-200, #edf2f7); } - .xl\:focus-within\:ring-gray-600:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-gray-300 { + border-color: var(--colors-gray-300, #e2e8f0); } - .xl\:focus-within\:ring-gray-700:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-gray-400 { + border-color: var(--colors-gray-400, #cbd5e0); } - .xl\:focus-within\:ring-gray-800:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-gray-500 { + border-color: var(--colors-gray-500, #a0aec0); } - .xl\:focus-within\:ring-gray-900:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-gray-600 { + border-color: var(--colors-gray-600, #718096); } - .xl\:focus-within\:ring-red-50:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-gray-700 { + border-color: var(--colors-gray-700, #4a5568); } - .xl\:focus-within\:ring-red-100:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-gray-800 { + border-color: var(--colors-gray-800, #2d3748); } - .xl\:focus-within\:ring-red-200:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-gray-900 { + border-color: var(--colors-gray-900, #1a202c); } - .xl\:focus-within\:ring-red-300:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-red-100 { + border-color: var(--colors-red-100, #fff5f5); } - .xl\:focus-within\:ring-red-400:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-red-200 { + border-color: var(--colors-red-200, #fed7d7); } - .xl\:focus-within\:ring-red-500:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-red-300 { + border-color: var(--colors-red-300, #feb2b2); } - .xl\:focus-within\:ring-red-600:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-red-400 { + border-color: var(--colors-red-400, #fc8181); } - .xl\:focus-within\:ring-red-700:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-red-500 { + border-color: var(--colors-red-500, #f56565); } - .xl\:focus-within\:ring-red-800:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-red-600 { + border-color: var(--colors-red-600, #e53e3e); } - .xl\:focus-within\:ring-red-900:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-red-700 { + border-color: var(--colors-red-700, #c53030); } - .xl\:focus-within\:ring-yellow-50:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-red-800 { + border-color: var(--colors-red-800, #9b2c2c); } - .xl\:focus-within\:ring-yellow-100:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-red-900 { + border-color: var(--colors-red-900, #742a2a); } - .xl\:focus-within\:ring-yellow-200:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-orange-100 { + border-color: var(--colors-orange-100, #fffaf0); } - .xl\:focus-within\:ring-yellow-300:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-orange-200 { + border-color: var(--colors-orange-200, #feebc8); } - .xl\:focus-within\:ring-yellow-400:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-orange-300 { + border-color: var(--colors-orange-300, #fbd38d); } - .xl\:focus-within\:ring-yellow-500:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-orange-400 { + border-color: var(--colors-orange-400, #f6ad55); } - .xl\:focus-within\:ring-yellow-600:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-orange-500 { + border-color: var(--colors-orange-500, #ed8936); } - .xl\:focus-within\:ring-yellow-700:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-orange-600 { + border-color: var(--colors-orange-600, #dd6b20); } - .xl\:focus-within\:ring-yellow-800:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-orange-700 { + border-color: var(--colors-orange-700, #c05621); } - .xl\:focus-within\:ring-yellow-900:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-orange-800 { + border-color: var(--colors-orange-800, #9c4221); } - .xl\:focus-within\:ring-green-50:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-orange-900 { + border-color: var(--colors-orange-900, #7b341e); } - .xl\:focus-within\:ring-green-100:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-yellow-100 { + border-color: var(--colors-yellow-100, #fffff0); } - .xl\:focus-within\:ring-green-200:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-yellow-200 { + border-color: var(--colors-yellow-200, #fefcbf); } - .xl\:focus-within\:ring-green-300:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-yellow-300 { + border-color: var(--colors-yellow-300, #faf089); } - .xl\:focus-within\:ring-green-400:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-yellow-400 { + border-color: var(--colors-yellow-400, #f6e05e); } - .xl\:focus-within\:ring-green-500:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-yellow-500 { + border-color: var(--colors-yellow-500, #ecc94b); } - .xl\:focus-within\:ring-green-600:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-yellow-600 { + border-color: var(--colors-yellow-600, #d69e2e); } - .xl\:focus-within\:ring-green-700:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-yellow-700 { + border-color: var(--colors-yellow-700, #b7791f); } - .xl\:focus-within\:ring-green-800:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-yellow-800 { + border-color: var(--colors-yellow-800, #975a16); } - .xl\:focus-within\:ring-green-900:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-yellow-900 { + border-color: var(--colors-yellow-900, #744210); } - .xl\:focus-within\:ring-blue-50:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-green-100 { + border-color: var(--colors-green-100, #f0fff4); } - .xl\:focus-within\:ring-blue-100:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-green-200 { + border-color: var(--colors-green-200, #c6f6d5); } - .xl\:focus-within\:ring-blue-200:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-green-300 { + border-color: var(--colors-green-300, #9ae6b4); } - .xl\:focus-within\:ring-blue-300:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-green-400 { + border-color: var(--colors-green-400, #68d391); } - .xl\:focus-within\:ring-blue-400:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-green-500 { + border-color: var(--colors-green-500, #48bb78); } - .xl\:focus-within\:ring-blue-500:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-green-600 { + border-color: var(--colors-green-600, #38a169); } - .xl\:focus-within\:ring-blue-600:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-green-700 { + border-color: var(--colors-green-700, #2f855a); } - .xl\:focus-within\:ring-blue-700:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-green-800 { + border-color: var(--colors-green-800, #276749); } - .xl\:focus-within\:ring-blue-800:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-green-900 { + border-color: var(--colors-green-900, #22543d); } - .xl\:focus-within\:ring-blue-900:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-teal-100 { + border-color: var(--colors-teal-100, #e6fffa); } - .xl\:focus-within\:ring-indigo-50:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-teal-200 { + border-color: var(--colors-teal-200, #b2f5ea); } - .xl\:focus-within\:ring-indigo-100:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-teal-300 { + border-color: var(--colors-teal-300, #81e6d9); } - .xl\:focus-within\:ring-indigo-200:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-teal-400 { + border-color: var(--colors-teal-400, #4fd1c5); } - .xl\:focus-within\:ring-indigo-300:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-teal-500 { + border-color: var(--colors-teal-500, #38b2ac); } - .xl\:focus-within\:ring-indigo-400:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-teal-600 { + border-color: var(--colors-teal-600, #319795); } - .xl\:focus-within\:ring-indigo-500:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-teal-700 { + border-color: var(--colors-teal-700, #2c7a7b); } - .xl\:focus-within\:ring-indigo-600:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-teal-800 { + border-color: var(--colors-teal-800, #285e61); } - .xl\:focus-within\:ring-indigo-700:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-teal-900 { + border-color: var(--colors-teal-900, #234e52); } - .xl\:focus-within\:ring-indigo-800:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-blue-100 { + border-color: var(--colors-blue-100, #ebf8ff); } - .xl\:focus-within\:ring-indigo-900:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-blue-200 { + border-color: var(--colors-blue-200, #bee3f8); } - .xl\:focus-within\:ring-purple-50:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-blue-300 { + border-color: var(--colors-blue-300, #90cdf4); } - .xl\:focus-within\:ring-purple-100:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-blue-400 { + border-color: var(--colors-blue-400, #63b3ed); } - .xl\:focus-within\:ring-purple-200:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-blue-500 { + border-color: var(--colors-blue-500, #4299e1); } - .xl\:focus-within\:ring-purple-300:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-blue-600 { + border-color: var(--colors-blue-600, #3182ce); } - .xl\:focus-within\:ring-purple-400:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-blue-700 { + border-color: var(--colors-blue-700, #2b6cb0); } - .xl\:focus-within\:ring-purple-500:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-blue-800 { + border-color: var(--colors-blue-800, #2c5282); } - .xl\:focus-within\:ring-purple-600:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-blue-900 { + border-color: var(--colors-blue-900, #2a4365); } - .xl\:focus-within\:ring-purple-700:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-indigo-100 { + border-color: var(--colors-indigo-100, #ebf4ff); } - .xl\:focus-within\:ring-purple-800:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-indigo-200 { + border-color: var(--colors-indigo-200, #c3dafe); } - .xl\:focus-within\:ring-purple-900:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-indigo-300 { + border-color: var(--colors-indigo-300, #a3bffa); } - .xl\:focus-within\:ring-pink-50:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-indigo-400 { + border-color: var(--colors-indigo-400, #7f9cf5); } - .xl\:focus-within\:ring-pink-100:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-indigo-500 { + border-color: var(--colors-indigo-500, #667eea); } - .xl\:focus-within\:ring-pink-200:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-indigo-600 { + border-color: var(--colors-indigo-600, #5a67d8); } - .xl\:focus-within\:ring-pink-300:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-indigo-700 { + border-color: var(--colors-indigo-700, #4c51bf); } - .xl\:focus-within\:ring-pink-400:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-indigo-800 { + border-color: var(--colors-indigo-800, #434190); } - .xl\:focus-within\:ring-pink-500:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-indigo-900 { + border-color: var(--colors-indigo-900, #3c366b); } - .xl\:focus-within\:ring-pink-600:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-purple-100 { + border-color: var(--colors-purple-100, #faf5ff); } - .xl\:focus-within\:ring-pink-700:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-purple-200 { + border-color: var(--colors-purple-200, #e9d8fd); } - .xl\:focus-within\:ring-pink-800:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-purple-300 { + border-color: var(--colors-purple-300, #d6bcfa); } - .xl\:focus-within\:ring-pink-900:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-purple-400 { + border-color: var(--colors-purple-400, #b794f4); } - .xl\:focus\:ring-transparent:focus { - --tw-ring-color: transparent; + .group:hover .\32xl\:group-hover\:border-colors-purple-500 { + border-color: var(--colors-purple-500, #9f7aea); } - .xl\:focus\:ring-current:focus { - --tw-ring-color: currentColor; + .group:hover .\32xl\:group-hover\:border-colors-purple-600 { + border-color: var(--colors-purple-600, #805ad5); } - .xl\:focus\:ring-black:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-purple-700 { + border-color: var(--colors-purple-700, #6b46c1); } - .xl\:focus\:ring-white:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-purple-800 { + border-color: var(--colors-purple-800, #553c9a); } - .xl\:focus\:ring-gray-50:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-purple-900 { + border-color: var(--colors-purple-900, #44337a); } - .xl\:focus\:ring-gray-100:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-pink-100 { + border-color: var(--colors-pink-100, #fff5f7); } - .xl\:focus\:ring-gray-200:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-pink-200 { + border-color: var(--colors-pink-200, #fed7e2); } - .xl\:focus\:ring-gray-300:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-pink-300 { + border-color: var(--colors-pink-300, #fbb6ce); } - .xl\:focus\:ring-gray-400:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-pink-400 { + border-color: var(--colors-pink-400, #f687b3); } - .xl\:focus\:ring-gray-500:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-pink-500 { + border-color: var(--colors-pink-500, #ed64a6); } - .xl\:focus\:ring-gray-600:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-pink-600 { + border-color: var(--colors-pink-600, #d53f8c); } - .xl\:focus\:ring-gray-700:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-pink-700 { + border-color: var(--colors-pink-700, #b83280); } - .xl\:focus\:ring-gray-800:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-pink-800 { + border-color: var(--colors-pink-800, #97266d); } - .xl\:focus\:ring-gray-900:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-colors-pink-900 { + border-color: var(--colors-pink-900, #702459); } - .xl\:focus\:ring-red-50:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-Box\ Shadow { + border-color: var(--box-shadow, #7f7e7f); } - .xl\:focus\:ring-red-100:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-Error16 { + border-color: var(--error16, #f03d3e40); } - .xl\:focus\:ring-red-200:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-Success16 { + border-color: var(--success16, #5bb14d40); } - .xl\:focus\:ring-red-300:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-Notification16 { + border-color: var(--notification16, #3959ff40); } - .xl\:focus\:ring-red-400:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-Error8 { + border-color: var(--error8, #f03d3e1a); } - .xl\:focus\:ring-red-500:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-Notification8 { + border-color: var(--notification8, #3959ff1a); } - .xl\:focus\:ring-red-600:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-Success8 { + border-color: var(--success8, #5bb14d1a); } - .xl\:focus\:ring-red-700:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-Light\ -\ Overlay { + border-color: var(--light-overlay, #f0edee66); } - .xl\:focus\:ring-red-800:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-Dark-\ Overlay { + border-color: var(--dark-overlay, #7f7e7f66); } - .xl\:focus\:ring-red-900:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-black-40 { + border-color: var(--black-40, #00000066); } - .xl\:focus\:ring-yellow-50:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-black-75 { + border-color: var(--black-75, #000000bf); } - .xl\:focus\:ring-yellow-100:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-black-60 { + border-color: var(--black-60, #00000099); } - .xl\:focus\:ring-yellow-200:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-black-50 { + border-color: var(--black-50, #00000080); } - .xl\:focus\:ring-yellow-300:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-black-25 { + border-color: var(--black-25, #00000040); } - .xl\:focus\:ring-yellow-400:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-black-10 { + border-color: var(--black-10, #0000001a); } - .xl\:focus\:ring-yellow-500:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-white-25 { + border-color: var(--white-25, #ffffff40); } - .xl\:focus\:ring-yellow-600:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-white-60 { + border-color: var(--white-60, #ffffff99); } - .xl\:focus\:ring-yellow-700:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-black-64 { + border-color: var(--black-64, #000000a3); } - .xl\:focus\:ring-yellow-800:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-Shadow\ and\ Highlight-Shadow { + border-color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .xl\:focus\:ring-yellow-900:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-Shadow\ and\ Highlight-Highlight { + border-color: var(--shadow-and-highlight-highlight, #474747); } - .xl\:focus\:ring-green-50:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-Shadow\ and\ Highlight-highlight\ one { + border-color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .xl\:focus\:ring-green-100:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-Shadow\ and\ Highlight-highlight\ two { + border-color: var(--shadow-and-highlight-highlight-two, #47474799); } - .xl\:focus\:ring-green-200:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-Shadow\ and\ Highlight-highlight\ three { + border-color: var(--shadow-and-highlight-highlight-three, #47474766); } - .xl\:focus\:ring-green-300:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-Shadow\ and\ Highlight-highlight\ five { + border-color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .xl\:focus\:ring-green-400:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-Shadow\ and\ Highlight-shadow\ one { + border-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .xl\:focus\:ring-green-500:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-Shadow\ and\ Highlight-shadow\ two { + border-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .xl\:focus\:ring-green-600:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-Shadow\ and\ Highlight-shadow\ three { + border-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .xl\:focus\:ring-green-700:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-Shadow\ and\ Highlight-shadow\ four { + border-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .xl\:focus\:ring-green-800:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-Shadow\ and\ Highlight-shadow\ five { + border-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .xl\:focus\:ring-green-900:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-Shadow\ and\ Highlight-highlight\ four { + border-color: var(--shadow-and-highlight-highlight-four, #47474740); } - .xl\:focus\:ring-blue-50:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-Base\ Layer\ Styles-Base\ Layer-\ Light-White { + border-color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .xl\:focus\:ring-blue-100:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite { + border-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .xl\:focus\:ring-blue-200:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack { + border-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .xl\:focus\:ring-blue-300:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-Base\ Layer\ Styles-Base\ Layer-Dark-Black { + border-color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .xl\:focus\:ring-blue-400:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-Grey-Scale-white { + border-color: var(--grey-scale-white, #ffffff); } - .xl\:focus\:ring-blue-500:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-Grey-Scale-off-white { + border-color: var(--grey-scale-off-white, #f0edee); } - .xl\:focus\:ring-blue-600:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-Grey\ Scale-grey { + border-color: var(--grey-scale-grey, #7f7e7f); } - .xl\:focus\:ring-blue-700:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-Grey\ Scale-charcoal { + border-color: var(--grey-scale-charcoal, #474747); } - .xl\:focus\:ring-blue-800:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-Grey\ Scale-off-black { + border-color: var(--grey-scale-off-black, #1c1c1c); } - .xl\:focus\:ring-blue-900:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-Grey\ Scale-black { + border-color: var(--grey-scale-black, #000000); } - .xl\:focus\:ring-indigo-50:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-Blue-blue { + border-color: var(--blue-blue, #3a7ca5); } - .xl\:focus\:ring-indigo-100:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-Blue-blue-100 { + border-color: var(--blue-blue-100, #75a3c0); } - .xl\:focus\:ring-indigo-200:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-Blue-blue-200 { + border-color: var(--blue-blue-200, #9cbed2); } - .xl\:focus\:ring-indigo-300:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-Blue-blue-300 { + border-color: var(--blue-blue-300, #4f7d9a); } - .xl\:focus\:ring-indigo-400:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-Blue-blue-400 { + border-color: var(--blue-blue-400, #5c7d92); } - .xl\:focus\:ring-indigo-500:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-Blue-blue-500 { + border-color: var(--blue-blue-500, #347095); } - .xl\:focus\:ring-indigo-600:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-Blue-blue-600 { + border-color: var(--blue-blue-600, #295774); } - .xl\:focus\:ring-indigo-700:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-Blue-blue-700 { + border-color: var(--blue-blue-700, #173242); } - .xl\:focus\:ring-indigo-800:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-LightBlue-lightblue { + border-color: var(--light-blue-lightblue, #81c3d7); } - .xl\:focus\:ring-indigo-900:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-LightBlue-lightblue-100 { + border-color: var(--light-blue-lightblue-100, #a7d5e3); } - .xl\:focus\:ring-purple-50:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-LightBlue-lightblue-200 { + border-color: var(--light-blue-lightblue-200, #c0e1eb); } - .xl\:focus\:ring-purple-100:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-LightBlue-lightblue-300 { + border-color: var(--light-blue-lightblue-300, #80aebd); } - .xl\:focus\:ring-purple-200:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-LightBlue-lightblue-400 { + border-color: var(--light-blue-lightblue-400, #80a0ab); } - .xl\:focus\:ring-purple-300:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-LightBlue-lightblue-500 { + border-color: var(--light-blue-lightblue-500, #74afc1); } - .xl\:focus\:ring-purple-400:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-LightBlue-lightblue-600 { + border-color: var(--light-blue-lightblue-600, #5a8997); } - .xl\:focus\:ring-purple-500:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-LightBlue-lightblue-650 { + border-color: var(--light-blue-lightblue-650, #3e5e65); } - .xl\:focus\:ring-purple-600:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-LightBlue-lightblue-700 { + border-color: var(--light-blue-lightblue-700, #344e56); } - .xl\:focus\:ring-purple-700:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-Orange-orange { + border-color: var(--orange-orange, #ff7f0e); } - .xl\:focus\:ring-purple-800:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-Orange-orange-100 { + border-color: var(--orange-orange-100, #ffa556); } - .xl\:focus\:ring-purple-900:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-Orange-orange-200 { + border-color: var(--orange-orange-200, #ffbf86); } - .xl\:focus\:ring-pink-50:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-Orange-orange-300 { + border-color: var(--orange-orange-300, #d97f30); } - .xl\:focus\:ring-pink-100:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-Orange-orange-400 { + border-color: var(--orange-orange-400, #bf7e46); } - .xl\:focus\:ring-pink-200:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-Orange-orange-500 { + border-color: var(--orange-orange-500, #e5720d); } - .xl\:focus\:ring-pink-300:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-Orange-orange-600 { + border-color: var(--orange-orange-600, #b3590a); } - .xl\:focus\:ring-pink-400:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-Orange-orange-700 { + border-color: var(--orange-orange-700, #663306); } - .xl\:focus\:ring-pink-500:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-Yellow-yellow { + border-color: var(--yellow-yellow, #ffab00); } - .xl\:focus\:ring-pink-600:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-Yellow-yellow-100 { + border-color: var(--yellow-yellow-100, #ffc44c); } - .xl\:focus\:ring-pink-700:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-Yellow-yellow-200 { + border-color: var(--yellow-yellow-200, #ffd580); } - .xl\:focus\:ring-pink-800:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-Yellow-yellow-300 { + border-color: var(--yellow-yellow-300, #d99d26); } - .xl\:focus\:ring-pink-900:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity)); + .group:hover .\32xl\:group-hover\:border-Yellow-yellow-400 { + border-color: var(--yellow-yellow-400, #bf943f); } - .xl\:ring-opacity-0 { - --tw-ring-opacity: 0; + .group:hover .\32xl\:group-hover\:border-Yellow-yellow-500 { + border-color: var(--yellow-yellow-500, #e59a00); } - .xl\:ring-opacity-5 { - --tw-ring-opacity: 0.05; + .group:hover .\32xl\:group-hover\:border-Yellow-yellow-600 { + border-color: var(--yellow-yellow-600, #b37800); } - .xl\:ring-opacity-10 { - --tw-ring-opacity: 0.1; + .group:hover .\32xl\:group-hover\:border-Yellow-yellow-700 { + border-color: var(--yellow-yellow-700, #664400); } - .xl\:ring-opacity-20 { - --tw-ring-opacity: 0.2; + .group:hover .\32xl\:group-hover\:border-Notification-notification { + border-color: var(--notification-notification, #3959ff); } - .xl\:ring-opacity-25 { - --tw-ring-opacity: 0.25; + .group:hover .\32xl\:group-hover\:border-Notification-notification-100 { + border-color: var(--notification-notification-100, #748bff); } - .xl\:ring-opacity-30 { - --tw-ring-opacity: 0.3; + .group:hover .\32xl\:group-hover\:border-Notification-notification-200 { + border-color: var(--notification-notification-200, #9cacff); } - .xl\:ring-opacity-40 { - --tw-ring-opacity: 0.4; + .group:hover .\32xl\:group-hover\:border-Notification-notification-300 { + border-color: var(--notification-notification-300, #4e64d9); } - .xl\:ring-opacity-50 { - --tw-ring-opacity: 0.5; + .group:hover .\32xl\:group-hover\:border-Notification-notification-400 { + border-color: var(--notification-notification-400, #5c6cbf); } - .xl\:ring-opacity-60 { - --tw-ring-opacity: 0.6; + .group:hover .\32xl\:group-hover\:border-Notification-notification-500 { + border-color: var(--notification-notification-500, #3350e5); } - .xl\:ring-opacity-70 { - --tw-ring-opacity: 0.7; + .group:hover .\32xl\:group-hover\:border-Notification-notification-600 { + border-color: var(--notification-notification-600, #283eb3); } - .xl\:ring-opacity-75 { - --tw-ring-opacity: 0.75; + .group:hover .\32xl\:group-hover\:border-Notification-notification-700 { + border-color: var(--notification-notification-700, #172466); } - .xl\:ring-opacity-80 { - --tw-ring-opacity: 0.8; + .group:hover .\32xl\:group-hover\:border-Success-success\ -700 { + border-color: var(--success-success-700, #24471f); } - .xl\:ring-opacity-90 { - --tw-ring-opacity: 0.9; + .group:hover .\32xl\:group-hover\:border-Success-success { + border-color: var(--success-success, #5bb14d); } - .xl\:ring-opacity-95 { - --tw-ring-opacity: 0.95; + .group:hover .\32xl\:group-hover\:border-Success-success\ -100 { + border-color: var(--success-success-100, #8cc882); } - .xl\:ring-opacity-100 { - --tw-ring-opacity: 1; + .group:hover .\32xl\:group-hover\:border-Success-success\ -200 { + border-color: var(--success-success-200, #add8a6); } - .xl\:focus-within\:ring-opacity-0:focus-within { - --tw-ring-opacity: 0; + .group:hover .\32xl\:group-hover\:border-Success-success\ -300 { + border-color: var(--success-success-300, #66a25c); } - .xl\:focus-within\:ring-opacity-5:focus-within { - --tw-ring-opacity: 0.05; + .group:hover .\32xl\:group-hover\:border-Success-success\ -400 { + border-color: var(--success-success-400, #6d9766); } - .xl\:focus-within\:ring-opacity-10:focus-within { - --tw-ring-opacity: 0.1; + .group:hover .\32xl\:group-hover\:border-Success-success\ -500 { + border-color: var(--success-success-500, #529f45); } - .xl\:focus-within\:ring-opacity-20:focus-within { - --tw-ring-opacity: 0.2; + .group:hover .\32xl\:group-hover\:border-Success-success\ -600 { + border-color: var(--success-success-600, #407c36); } - .xl\:focus-within\:ring-opacity-25:focus-within { - --tw-ring-opacity: 0.25; + .group:hover .\32xl\:group-hover\:border-Error-error { + border-color: var(--error-error, #f03d3e); } - .xl\:focus-within\:ring-opacity-30:focus-within { - --tw-ring-opacity: 0.3; + .group:hover .\32xl\:group-hover\:border-Error-error-100 { + border-color: var(--error-error-100, #f57778); } - .xl\:focus-within\:ring-opacity-40:focus-within { - --tw-ring-opacity: 0.4; + .group:hover .\32xl\:group-hover\:border-Error-error-200 { + border-color: var(--error-error-200, #f89e9e); } - .xl\:focus-within\:ring-opacity-50:focus-within { - --tw-ring-opacity: 0.5; + .group:hover .\32xl\:group-hover\:border-Error-error-250 { + border-color: var(--error-error-250, #f9c8c8); } - .xl\:focus-within\:ring-opacity-60:focus-within { - --tw-ring-opacity: 0.6; + .group:hover .\32xl\:group-hover\:border-Error-error-300 { + border-color: var(--error-error-300, #ce5151); } - .xl\:focus-within\:ring-opacity-70:focus-within { - --tw-ring-opacity: 0.7; + .group:hover .\32xl\:group-hover\:border-Error-error-400 { + border-color: var(--error-error-400, #b85e5e); } - .xl\:focus-within\:ring-opacity-75:focus-within { - --tw-ring-opacity: 0.75; + .group:hover .\32xl\:group-hover\:border-Error-error-500 { + border-color: var(--error-error-500, #d83738); } - .xl\:focus-within\:ring-opacity-80:focus-within { - --tw-ring-opacity: 0.8; + .group:hover .\32xl\:group-hover\:border-Error-error-600 { + border-color: var(--error-error-600, #a82b2b); } - .xl\:focus-within\:ring-opacity-90:focus-within { - --tw-ring-opacity: 0.9; + .group:hover .\32xl\:group-hover\:border-Error-error-700 { + border-color: var(--error-error-700, #601819); } - .xl\:focus-within\:ring-opacity-95:focus-within { - --tw-ring-opacity: 0.95; + .\32xl\:focus-within\:border-colors-black:focus-within { + border-color: var(--colors-black, #000000); } - .xl\:focus-within\:ring-opacity-100:focus-within { - --tw-ring-opacity: 1; + .\32xl\:focus-within\:border-colors-white:focus-within { + border-color: var(--colors-white, #ffffff); } - .xl\:focus\:ring-opacity-0:focus { - --tw-ring-opacity: 0; + .\32xl\:focus-within\:border-colors-gray-100:focus-within { + border-color: var(--colors-gray-100, #f7fafc); } - .xl\:focus\:ring-opacity-5:focus { - --tw-ring-opacity: 0.05; + .\32xl\:focus-within\:border-colors-gray-200:focus-within { + border-color: var(--colors-gray-200, #edf2f7); } - .xl\:focus\:ring-opacity-10:focus { - --tw-ring-opacity: 0.1; + .\32xl\:focus-within\:border-colors-gray-300:focus-within { + border-color: var(--colors-gray-300, #e2e8f0); } - .xl\:focus\:ring-opacity-20:focus { - --tw-ring-opacity: 0.2; + .\32xl\:focus-within\:border-colors-gray-400:focus-within { + border-color: var(--colors-gray-400, #cbd5e0); } - .xl\:focus\:ring-opacity-25:focus { - --tw-ring-opacity: 0.25; + .\32xl\:focus-within\:border-colors-gray-500:focus-within { + border-color: var(--colors-gray-500, #a0aec0); } - .xl\:focus\:ring-opacity-30:focus { - --tw-ring-opacity: 0.3; + .\32xl\:focus-within\:border-colors-gray-600:focus-within { + border-color: var(--colors-gray-600, #718096); } - .xl\:focus\:ring-opacity-40:focus { - --tw-ring-opacity: 0.4; + .\32xl\:focus-within\:border-colors-gray-700:focus-within { + border-color: var(--colors-gray-700, #4a5568); } - .xl\:focus\:ring-opacity-50:focus { - --tw-ring-opacity: 0.5; + .\32xl\:focus-within\:border-colors-gray-800:focus-within { + border-color: var(--colors-gray-800, #2d3748); } - .xl\:focus\:ring-opacity-60:focus { - --tw-ring-opacity: 0.6; + .\32xl\:focus-within\:border-colors-gray-900:focus-within { + border-color: var(--colors-gray-900, #1a202c); } - .xl\:focus\:ring-opacity-70:focus { - --tw-ring-opacity: 0.7; + .\32xl\:focus-within\:border-colors-red-100:focus-within { + border-color: var(--colors-red-100, #fff5f5); } - .xl\:focus\:ring-opacity-75:focus { - --tw-ring-opacity: 0.75; + .\32xl\:focus-within\:border-colors-red-200:focus-within { + border-color: var(--colors-red-200, #fed7d7); } - .xl\:focus\:ring-opacity-80:focus { - --tw-ring-opacity: 0.8; + .\32xl\:focus-within\:border-colors-red-300:focus-within { + border-color: var(--colors-red-300, #feb2b2); } - .xl\:focus\:ring-opacity-90:focus { - --tw-ring-opacity: 0.9; + .\32xl\:focus-within\:border-colors-red-400:focus-within { + border-color: var(--colors-red-400, #fc8181); } - .xl\:focus\:ring-opacity-95:focus { - --tw-ring-opacity: 0.95; + .\32xl\:focus-within\:border-colors-red-500:focus-within { + border-color: var(--colors-red-500, #f56565); } - .xl\:focus\:ring-opacity-100:focus { - --tw-ring-opacity: 1; + .\32xl\:focus-within\:border-colors-red-600:focus-within { + border-color: var(--colors-red-600, #e53e3e); } - .xl\:ring-offset-0 { - --tw-ring-offset-width: 0px; + .\32xl\:focus-within\:border-colors-red-700:focus-within { + border-color: var(--colors-red-700, #c53030); } - .xl\:ring-offset-1 { - --tw-ring-offset-width: 1px; + .\32xl\:focus-within\:border-colors-red-800:focus-within { + border-color: var(--colors-red-800, #9b2c2c); } - .xl\:ring-offset-2 { - --tw-ring-offset-width: 2px; + .\32xl\:focus-within\:border-colors-red-900:focus-within { + border-color: var(--colors-red-900, #742a2a); } - .xl\:ring-offset-4 { - --tw-ring-offset-width: 4px; + .\32xl\:focus-within\:border-colors-orange-100:focus-within { + border-color: var(--colors-orange-100, #fffaf0); } - .xl\:ring-offset-8 { - --tw-ring-offset-width: 8px; + .\32xl\:focus-within\:border-colors-orange-200:focus-within { + border-color: var(--colors-orange-200, #feebc8); } - .xl\:focus-within\:ring-offset-0:focus-within { - --tw-ring-offset-width: 0px; + .\32xl\:focus-within\:border-colors-orange-300:focus-within { + border-color: var(--colors-orange-300, #fbd38d); } - .xl\:focus-within\:ring-offset-1:focus-within { - --tw-ring-offset-width: 1px; + .\32xl\:focus-within\:border-colors-orange-400:focus-within { + border-color: var(--colors-orange-400, #f6ad55); } - .xl\:focus-within\:ring-offset-2:focus-within { - --tw-ring-offset-width: 2px; + .\32xl\:focus-within\:border-colors-orange-500:focus-within { + border-color: var(--colors-orange-500, #ed8936); } - .xl\:focus-within\:ring-offset-4:focus-within { - --tw-ring-offset-width: 4px; + .\32xl\:focus-within\:border-colors-orange-600:focus-within { + border-color: var(--colors-orange-600, #dd6b20); } - .xl\:focus-within\:ring-offset-8:focus-within { - --tw-ring-offset-width: 8px; + .\32xl\:focus-within\:border-colors-orange-700:focus-within { + border-color: var(--colors-orange-700, #c05621); } - .xl\:focus\:ring-offset-0:focus { - --tw-ring-offset-width: 0px; + .\32xl\:focus-within\:border-colors-orange-800:focus-within { + border-color: var(--colors-orange-800, #9c4221); } - .xl\:focus\:ring-offset-1:focus { - --tw-ring-offset-width: 1px; + .\32xl\:focus-within\:border-colors-orange-900:focus-within { + border-color: var(--colors-orange-900, #7b341e); } - .xl\:focus\:ring-offset-2:focus { - --tw-ring-offset-width: 2px; + .\32xl\:focus-within\:border-colors-yellow-100:focus-within { + border-color: var(--colors-yellow-100, #fffff0); } - .xl\:focus\:ring-offset-4:focus { - --tw-ring-offset-width: 4px; + .\32xl\:focus-within\:border-colors-yellow-200:focus-within { + border-color: var(--colors-yellow-200, #fefcbf); } - .xl\:focus\:ring-offset-8:focus { - --tw-ring-offset-width: 8px; + .\32xl\:focus-within\:border-colors-yellow-300:focus-within { + border-color: var(--colors-yellow-300, #faf089); } - .xl\:ring-offset-transparent { - --tw-ring-offset-color: transparent; + .\32xl\:focus-within\:border-colors-yellow-400:focus-within { + border-color: var(--colors-yellow-400, #f6e05e); } - .xl\:ring-offset-current { - --tw-ring-offset-color: currentColor; + .\32xl\:focus-within\:border-colors-yellow-500:focus-within { + border-color: var(--colors-yellow-500, #ecc94b); } - .xl\:ring-offset-black { - --tw-ring-offset-color: #000; + .\32xl\:focus-within\:border-colors-yellow-600:focus-within { + border-color: var(--colors-yellow-600, #d69e2e); } - .xl\:ring-offset-white { - --tw-ring-offset-color: #fff; + .\32xl\:focus-within\:border-colors-yellow-700:focus-within { + border-color: var(--colors-yellow-700, #b7791f); } - .xl\:ring-offset-gray-50 { - --tw-ring-offset-color: #f9fafb; + .\32xl\:focus-within\:border-colors-yellow-800:focus-within { + border-color: var(--colors-yellow-800, #975a16); } - .xl\:ring-offset-gray-100 { - --tw-ring-offset-color: #f3f4f6; + .\32xl\:focus-within\:border-colors-yellow-900:focus-within { + border-color: var(--colors-yellow-900, #744210); } - .xl\:ring-offset-gray-200 { - --tw-ring-offset-color: #e5e7eb; + .\32xl\:focus-within\:border-colors-green-100:focus-within { + border-color: var(--colors-green-100, #f0fff4); } - .xl\:ring-offset-gray-300 { - --tw-ring-offset-color: #d1d5db; + .\32xl\:focus-within\:border-colors-green-200:focus-within { + border-color: var(--colors-green-200, #c6f6d5); } - .xl\:ring-offset-gray-400 { - --tw-ring-offset-color: #9ca3af; + .\32xl\:focus-within\:border-colors-green-300:focus-within { + border-color: var(--colors-green-300, #9ae6b4); } - .xl\:ring-offset-gray-500 { - --tw-ring-offset-color: #6b7280; + .\32xl\:focus-within\:border-colors-green-400:focus-within { + border-color: var(--colors-green-400, #68d391); } - .xl\:ring-offset-gray-600 { - --tw-ring-offset-color: #4b5563; + .\32xl\:focus-within\:border-colors-green-500:focus-within { + border-color: var(--colors-green-500, #48bb78); } - .xl\:ring-offset-gray-700 { - --tw-ring-offset-color: #374151; + .\32xl\:focus-within\:border-colors-green-600:focus-within { + border-color: var(--colors-green-600, #38a169); } - .xl\:ring-offset-gray-800 { - --tw-ring-offset-color: #1f2937; + .\32xl\:focus-within\:border-colors-green-700:focus-within { + border-color: var(--colors-green-700, #2f855a); } - .xl\:ring-offset-gray-900 { - --tw-ring-offset-color: #111827; + .\32xl\:focus-within\:border-colors-green-800:focus-within { + border-color: var(--colors-green-800, #276749); } - .xl\:ring-offset-red-50 { - --tw-ring-offset-color: #fef2f2; + .\32xl\:focus-within\:border-colors-green-900:focus-within { + border-color: var(--colors-green-900, #22543d); } - .xl\:ring-offset-red-100 { - --tw-ring-offset-color: #fee2e2; + .\32xl\:focus-within\:border-colors-teal-100:focus-within { + border-color: var(--colors-teal-100, #e6fffa); } - .xl\:ring-offset-red-200 { - --tw-ring-offset-color: #fecaca; + .\32xl\:focus-within\:border-colors-teal-200:focus-within { + border-color: var(--colors-teal-200, #b2f5ea); } - .xl\:ring-offset-red-300 { - --tw-ring-offset-color: #fca5a5; + .\32xl\:focus-within\:border-colors-teal-300:focus-within { + border-color: var(--colors-teal-300, #81e6d9); } - .xl\:ring-offset-red-400 { - --tw-ring-offset-color: #f87171; + .\32xl\:focus-within\:border-colors-teal-400:focus-within { + border-color: var(--colors-teal-400, #4fd1c5); } - .xl\:ring-offset-red-500 { - --tw-ring-offset-color: #ef4444; + .\32xl\:focus-within\:border-colors-teal-500:focus-within { + border-color: var(--colors-teal-500, #38b2ac); } - .xl\:ring-offset-red-600 { - --tw-ring-offset-color: #dc2626; + .\32xl\:focus-within\:border-colors-teal-600:focus-within { + border-color: var(--colors-teal-600, #319795); } - .xl\:ring-offset-red-700 { - --tw-ring-offset-color: #b91c1c; + .\32xl\:focus-within\:border-colors-teal-700:focus-within { + border-color: var(--colors-teal-700, #2c7a7b); } - .xl\:ring-offset-red-800 { - --tw-ring-offset-color: #991b1b; + .\32xl\:focus-within\:border-colors-teal-800:focus-within { + border-color: var(--colors-teal-800, #285e61); } - .xl\:ring-offset-red-900 { - --tw-ring-offset-color: #7f1d1d; + .\32xl\:focus-within\:border-colors-teal-900:focus-within { + border-color: var(--colors-teal-900, #234e52); } - .xl\:ring-offset-yellow-50 { - --tw-ring-offset-color: #fffbeb; + .\32xl\:focus-within\:border-colors-blue-100:focus-within { + border-color: var(--colors-blue-100, #ebf8ff); } - .xl\:ring-offset-yellow-100 { - --tw-ring-offset-color: #fef3c7; + .\32xl\:focus-within\:border-colors-blue-200:focus-within { + border-color: var(--colors-blue-200, #bee3f8); } - .xl\:ring-offset-yellow-200 { - --tw-ring-offset-color: #fde68a; + .\32xl\:focus-within\:border-colors-blue-300:focus-within { + border-color: var(--colors-blue-300, #90cdf4); } - .xl\:ring-offset-yellow-300 { - --tw-ring-offset-color: #fcd34d; + .\32xl\:focus-within\:border-colors-blue-400:focus-within { + border-color: var(--colors-blue-400, #63b3ed); } - .xl\:ring-offset-yellow-400 { - --tw-ring-offset-color: #fbbf24; + .\32xl\:focus-within\:border-colors-blue-500:focus-within { + border-color: var(--colors-blue-500, #4299e1); } - .xl\:ring-offset-yellow-500 { - --tw-ring-offset-color: #f59e0b; + .\32xl\:focus-within\:border-colors-blue-600:focus-within { + border-color: var(--colors-blue-600, #3182ce); } - .xl\:ring-offset-yellow-600 { - --tw-ring-offset-color: #d97706; + .\32xl\:focus-within\:border-colors-blue-700:focus-within { + border-color: var(--colors-blue-700, #2b6cb0); } - .xl\:ring-offset-yellow-700 { - --tw-ring-offset-color: #b45309; + .\32xl\:focus-within\:border-colors-blue-800:focus-within { + border-color: var(--colors-blue-800, #2c5282); } - .xl\:ring-offset-yellow-800 { - --tw-ring-offset-color: #92400e; + .\32xl\:focus-within\:border-colors-blue-900:focus-within { + border-color: var(--colors-blue-900, #2a4365); } - .xl\:ring-offset-yellow-900 { - --tw-ring-offset-color: #78350f; + .\32xl\:focus-within\:border-colors-indigo-100:focus-within { + border-color: var(--colors-indigo-100, #ebf4ff); } - .xl\:ring-offset-green-50 { - --tw-ring-offset-color: #ecfdf5; + .\32xl\:focus-within\:border-colors-indigo-200:focus-within { + border-color: var(--colors-indigo-200, #c3dafe); } - .xl\:ring-offset-green-100 { - --tw-ring-offset-color: #d1fae5; + .\32xl\:focus-within\:border-colors-indigo-300:focus-within { + border-color: var(--colors-indigo-300, #a3bffa); } - .xl\:ring-offset-green-200 { - --tw-ring-offset-color: #a7f3d0; + .\32xl\:focus-within\:border-colors-indigo-400:focus-within { + border-color: var(--colors-indigo-400, #7f9cf5); } - .xl\:ring-offset-green-300 { - --tw-ring-offset-color: #6ee7b7; + .\32xl\:focus-within\:border-colors-indigo-500:focus-within { + border-color: var(--colors-indigo-500, #667eea); } - .xl\:ring-offset-green-400 { - --tw-ring-offset-color: #34d399; + .\32xl\:focus-within\:border-colors-indigo-600:focus-within { + border-color: var(--colors-indigo-600, #5a67d8); } - .xl\:ring-offset-green-500 { - --tw-ring-offset-color: #10b981; + .\32xl\:focus-within\:border-colors-indigo-700:focus-within { + border-color: var(--colors-indigo-700, #4c51bf); } - .xl\:ring-offset-green-600 { - --tw-ring-offset-color: #059669; + .\32xl\:focus-within\:border-colors-indigo-800:focus-within { + border-color: var(--colors-indigo-800, #434190); } - .xl\:ring-offset-green-700 { - --tw-ring-offset-color: #047857; + .\32xl\:focus-within\:border-colors-indigo-900:focus-within { + border-color: var(--colors-indigo-900, #3c366b); } - .xl\:ring-offset-green-800 { - --tw-ring-offset-color: #065f46; + .\32xl\:focus-within\:border-colors-purple-100:focus-within { + border-color: var(--colors-purple-100, #faf5ff); } - .xl\:ring-offset-green-900 { - --tw-ring-offset-color: #064e3b; + .\32xl\:focus-within\:border-colors-purple-200:focus-within { + border-color: var(--colors-purple-200, #e9d8fd); } - .xl\:ring-offset-blue-50 { - --tw-ring-offset-color: #eff6ff; + .\32xl\:focus-within\:border-colors-purple-300:focus-within { + border-color: var(--colors-purple-300, #d6bcfa); } - .xl\:ring-offset-blue-100 { - --tw-ring-offset-color: #dbeafe; + .\32xl\:focus-within\:border-colors-purple-400:focus-within { + border-color: var(--colors-purple-400, #b794f4); } - .xl\:ring-offset-blue-200 { - --tw-ring-offset-color: #bfdbfe; + .\32xl\:focus-within\:border-colors-purple-500:focus-within { + border-color: var(--colors-purple-500, #9f7aea); } - .xl\:ring-offset-blue-300 { - --tw-ring-offset-color: #93c5fd; + .\32xl\:focus-within\:border-colors-purple-600:focus-within { + border-color: var(--colors-purple-600, #805ad5); } - .xl\:ring-offset-blue-400 { - --tw-ring-offset-color: #60a5fa; + .\32xl\:focus-within\:border-colors-purple-700:focus-within { + border-color: var(--colors-purple-700, #6b46c1); } - .xl\:ring-offset-blue-500 { - --tw-ring-offset-color: #3b82f6; + .\32xl\:focus-within\:border-colors-purple-800:focus-within { + border-color: var(--colors-purple-800, #553c9a); } - .xl\:ring-offset-blue-600 { - --tw-ring-offset-color: #2563eb; + .\32xl\:focus-within\:border-colors-purple-900:focus-within { + border-color: var(--colors-purple-900, #44337a); } - .xl\:ring-offset-blue-700 { - --tw-ring-offset-color: #1d4ed8; + .\32xl\:focus-within\:border-colors-pink-100:focus-within { + border-color: var(--colors-pink-100, #fff5f7); } - .xl\:ring-offset-blue-800 { - --tw-ring-offset-color: #1e40af; + .\32xl\:focus-within\:border-colors-pink-200:focus-within { + border-color: var(--colors-pink-200, #fed7e2); } - .xl\:ring-offset-blue-900 { - --tw-ring-offset-color: #1e3a8a; + .\32xl\:focus-within\:border-colors-pink-300:focus-within { + border-color: var(--colors-pink-300, #fbb6ce); } - .xl\:ring-offset-indigo-50 { - --tw-ring-offset-color: #eef2ff; + .\32xl\:focus-within\:border-colors-pink-400:focus-within { + border-color: var(--colors-pink-400, #f687b3); } - .xl\:ring-offset-indigo-100 { - --tw-ring-offset-color: #e0e7ff; + .\32xl\:focus-within\:border-colors-pink-500:focus-within { + border-color: var(--colors-pink-500, #ed64a6); } - .xl\:ring-offset-indigo-200 { - --tw-ring-offset-color: #c7d2fe; + .\32xl\:focus-within\:border-colors-pink-600:focus-within { + border-color: var(--colors-pink-600, #d53f8c); } - .xl\:ring-offset-indigo-300 { - --tw-ring-offset-color: #a5b4fc; + .\32xl\:focus-within\:border-colors-pink-700:focus-within { + border-color: var(--colors-pink-700, #b83280); } - .xl\:ring-offset-indigo-400 { - --tw-ring-offset-color: #818cf8; + .\32xl\:focus-within\:border-colors-pink-800:focus-within { + border-color: var(--colors-pink-800, #97266d); } - .xl\:ring-offset-indigo-500 { - --tw-ring-offset-color: #6366f1; + .\32xl\:focus-within\:border-colors-pink-900:focus-within { + border-color: var(--colors-pink-900, #702459); } - .xl\:ring-offset-indigo-600 { - --tw-ring-offset-color: #4f46e5; + .\32xl\:focus-within\:border-Box\ Shadow:focus-within { + border-color: var(--box-shadow, #7f7e7f); } - .xl\:ring-offset-indigo-700 { - --tw-ring-offset-color: #4338ca; + .\32xl\:focus-within\:border-Error16:focus-within { + border-color: var(--error16, #f03d3e40); } - .xl\:ring-offset-indigo-800 { - --tw-ring-offset-color: #3730a3; + .\32xl\:focus-within\:border-Success16:focus-within { + border-color: var(--success16, #5bb14d40); } - .xl\:ring-offset-indigo-900 { - --tw-ring-offset-color: #312e81; + .\32xl\:focus-within\:border-Notification16:focus-within { + border-color: var(--notification16, #3959ff40); } - .xl\:ring-offset-purple-50 { - --tw-ring-offset-color: #f5f3ff; + .\32xl\:focus-within\:border-Error8:focus-within { + border-color: var(--error8, #f03d3e1a); } - .xl\:ring-offset-purple-100 { - --tw-ring-offset-color: #ede9fe; + .\32xl\:focus-within\:border-Notification8:focus-within { + border-color: var(--notification8, #3959ff1a); } - .xl\:ring-offset-purple-200 { - --tw-ring-offset-color: #ddd6fe; + .\32xl\:focus-within\:border-Success8:focus-within { + border-color: var(--success8, #5bb14d1a); } - .xl\:ring-offset-purple-300 { - --tw-ring-offset-color: #c4b5fd; + .\32xl\:focus-within\:border-Light\ -\ Overlay:focus-within { + border-color: var(--light-overlay, #f0edee66); } - .xl\:ring-offset-purple-400 { - --tw-ring-offset-color: #a78bfa; + .\32xl\:focus-within\:border-Dark-\ Overlay:focus-within { + border-color: var(--dark-overlay, #7f7e7f66); } - .xl\:ring-offset-purple-500 { - --tw-ring-offset-color: #8b5cf6; + .\32xl\:focus-within\:border-black-40:focus-within { + border-color: var(--black-40, #00000066); } - .xl\:ring-offset-purple-600 { - --tw-ring-offset-color: #7c3aed; + .\32xl\:focus-within\:border-black-75:focus-within { + border-color: var(--black-75, #000000bf); } - .xl\:ring-offset-purple-700 { - --tw-ring-offset-color: #6d28d9; + .\32xl\:focus-within\:border-black-60:focus-within { + border-color: var(--black-60, #00000099); } - .xl\:ring-offset-purple-800 { - --tw-ring-offset-color: #5b21b6; + .\32xl\:focus-within\:border-black-50:focus-within { + border-color: var(--black-50, #00000080); } - .xl\:ring-offset-purple-900 { - --tw-ring-offset-color: #4c1d95; + .\32xl\:focus-within\:border-black-25:focus-within { + border-color: var(--black-25, #00000040); } - .xl\:ring-offset-pink-50 { - --tw-ring-offset-color: #fdf2f8; + .\32xl\:focus-within\:border-black-10:focus-within { + border-color: var(--black-10, #0000001a); } - .xl\:ring-offset-pink-100 { - --tw-ring-offset-color: #fce7f3; + .\32xl\:focus-within\:border-white-25:focus-within { + border-color: var(--white-25, #ffffff40); } - .xl\:ring-offset-pink-200 { - --tw-ring-offset-color: #fbcfe8; + .\32xl\:focus-within\:border-white-60:focus-within { + border-color: var(--white-60, #ffffff99); } - .xl\:ring-offset-pink-300 { - --tw-ring-offset-color: #f9a8d4; + .\32xl\:focus-within\:border-black-64:focus-within { + border-color: var(--black-64, #000000a3); } - .xl\:ring-offset-pink-400 { - --tw-ring-offset-color: #f472b6; + .\32xl\:focus-within\:border-Shadow\ and\ Highlight-Shadow:focus-within { + border-color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .xl\:ring-offset-pink-500 { - --tw-ring-offset-color: #ec4899; + .\32xl\:focus-within\:border-Shadow\ and\ Highlight-Highlight:focus-within { + border-color: var(--shadow-and-highlight-highlight, #474747); } - .xl\:ring-offset-pink-600 { - --tw-ring-offset-color: #db2777; + .\32xl\:focus-within\:border-Shadow\ and\ Highlight-highlight\ one:focus-within { + border-color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .xl\:ring-offset-pink-700 { - --tw-ring-offset-color: #be185d; + .\32xl\:focus-within\:border-Shadow\ and\ Highlight-highlight\ two:focus-within { + border-color: var(--shadow-and-highlight-highlight-two, #47474799); } - .xl\:ring-offset-pink-800 { - --tw-ring-offset-color: #9d174d; + .\32xl\:focus-within\:border-Shadow\ and\ Highlight-highlight\ three:focus-within { + border-color: var(--shadow-and-highlight-highlight-three, #47474766); } - .xl\:ring-offset-pink-900 { - --tw-ring-offset-color: #831843; + .\32xl\:focus-within\:border-Shadow\ and\ Highlight-highlight\ five:focus-within { + border-color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .xl\:focus-within\:ring-offset-transparent:focus-within { - --tw-ring-offset-color: transparent; + .\32xl\:focus-within\:border-Shadow\ and\ Highlight-shadow\ one:focus-within { + border-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .xl\:focus-within\:ring-offset-current:focus-within { - --tw-ring-offset-color: currentColor; + .\32xl\:focus-within\:border-Shadow\ and\ Highlight-shadow\ two:focus-within { + border-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .xl\:focus-within\:ring-offset-black:focus-within { - --tw-ring-offset-color: #000; + .\32xl\:focus-within\:border-Shadow\ and\ Highlight-shadow\ three:focus-within { + border-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .xl\:focus-within\:ring-offset-white:focus-within { - --tw-ring-offset-color: #fff; + .\32xl\:focus-within\:border-Shadow\ and\ Highlight-shadow\ four:focus-within { + border-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .xl\:focus-within\:ring-offset-gray-50:focus-within { - --tw-ring-offset-color: #f9fafb; + .\32xl\:focus-within\:border-Shadow\ and\ Highlight-shadow\ five:focus-within { + border-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .xl\:focus-within\:ring-offset-gray-100:focus-within { - --tw-ring-offset-color: #f3f4f6; + .\32xl\:focus-within\:border-Shadow\ and\ Highlight-highlight\ four:focus-within { + border-color: var(--shadow-and-highlight-highlight-four, #47474740); } - .xl\:focus-within\:ring-offset-gray-200:focus-within { - --tw-ring-offset-color: #e5e7eb; + .\32xl\:focus-within\:border-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus-within { + border-color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .xl\:focus-within\:ring-offset-gray-300:focus-within { - --tw-ring-offset-color: #d1d5db; + .\32xl\:focus-within\:border-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus-within { + border-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .xl\:focus-within\:ring-offset-gray-400:focus-within { - --tw-ring-offset-color: #9ca3af; + .\32xl\:focus-within\:border-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus-within { + border-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .xl\:focus-within\:ring-offset-gray-500:focus-within { - --tw-ring-offset-color: #6b7280; + .\32xl\:focus-within\:border-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus-within { + border-color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .xl\:focus-within\:ring-offset-gray-600:focus-within { - --tw-ring-offset-color: #4b5563; + .\32xl\:focus-within\:border-Grey-Scale-white:focus-within { + border-color: var(--grey-scale-white, #ffffff); } - .xl\:focus-within\:ring-offset-gray-700:focus-within { - --tw-ring-offset-color: #374151; + .\32xl\:focus-within\:border-Grey-Scale-off-white:focus-within { + border-color: var(--grey-scale-off-white, #f0edee); } - .xl\:focus-within\:ring-offset-gray-800:focus-within { - --tw-ring-offset-color: #1f2937; + .\32xl\:focus-within\:border-Grey\ Scale-grey:focus-within { + border-color: var(--grey-scale-grey, #7f7e7f); } - .xl\:focus-within\:ring-offset-gray-900:focus-within { - --tw-ring-offset-color: #111827; + .\32xl\:focus-within\:border-Grey\ Scale-charcoal:focus-within { + border-color: var(--grey-scale-charcoal, #474747); } - .xl\:focus-within\:ring-offset-red-50:focus-within { - --tw-ring-offset-color: #fef2f2; + .\32xl\:focus-within\:border-Grey\ Scale-off-black:focus-within { + border-color: var(--grey-scale-off-black, #1c1c1c); } - .xl\:focus-within\:ring-offset-red-100:focus-within { - --tw-ring-offset-color: #fee2e2; + .\32xl\:focus-within\:border-Grey\ Scale-black:focus-within { + border-color: var(--grey-scale-black, #000000); } - .xl\:focus-within\:ring-offset-red-200:focus-within { - --tw-ring-offset-color: #fecaca; + .\32xl\:focus-within\:border-Blue-blue:focus-within { + border-color: var(--blue-blue, #3a7ca5); } - .xl\:focus-within\:ring-offset-red-300:focus-within { - --tw-ring-offset-color: #fca5a5; + .\32xl\:focus-within\:border-Blue-blue-100:focus-within { + border-color: var(--blue-blue-100, #75a3c0); } - .xl\:focus-within\:ring-offset-red-400:focus-within { - --tw-ring-offset-color: #f87171; + .\32xl\:focus-within\:border-Blue-blue-200:focus-within { + border-color: var(--blue-blue-200, #9cbed2); } - .xl\:focus-within\:ring-offset-red-500:focus-within { - --tw-ring-offset-color: #ef4444; + .\32xl\:focus-within\:border-Blue-blue-300:focus-within { + border-color: var(--blue-blue-300, #4f7d9a); } - .xl\:focus-within\:ring-offset-red-600:focus-within { - --tw-ring-offset-color: #dc2626; + .\32xl\:focus-within\:border-Blue-blue-400:focus-within { + border-color: var(--blue-blue-400, #5c7d92); } - .xl\:focus-within\:ring-offset-red-700:focus-within { - --tw-ring-offset-color: #b91c1c; + .\32xl\:focus-within\:border-Blue-blue-500:focus-within { + border-color: var(--blue-blue-500, #347095); } - .xl\:focus-within\:ring-offset-red-800:focus-within { - --tw-ring-offset-color: #991b1b; + .\32xl\:focus-within\:border-Blue-blue-600:focus-within { + border-color: var(--blue-blue-600, #295774); } - .xl\:focus-within\:ring-offset-red-900:focus-within { - --tw-ring-offset-color: #7f1d1d; + .\32xl\:focus-within\:border-Blue-blue-700:focus-within { + border-color: var(--blue-blue-700, #173242); } - .xl\:focus-within\:ring-offset-yellow-50:focus-within { - --tw-ring-offset-color: #fffbeb; + .\32xl\:focus-within\:border-LightBlue-lightblue:focus-within { + border-color: var(--light-blue-lightblue, #81c3d7); } - .xl\:focus-within\:ring-offset-yellow-100:focus-within { - --tw-ring-offset-color: #fef3c7; + .\32xl\:focus-within\:border-LightBlue-lightblue-100:focus-within { + border-color: var(--light-blue-lightblue-100, #a7d5e3); } - .xl\:focus-within\:ring-offset-yellow-200:focus-within { - --tw-ring-offset-color: #fde68a; + .\32xl\:focus-within\:border-LightBlue-lightblue-200:focus-within { + border-color: var(--light-blue-lightblue-200, #c0e1eb); } - .xl\:focus-within\:ring-offset-yellow-300:focus-within { - --tw-ring-offset-color: #fcd34d; + .\32xl\:focus-within\:border-LightBlue-lightblue-300:focus-within { + border-color: var(--light-blue-lightblue-300, #80aebd); } - .xl\:focus-within\:ring-offset-yellow-400:focus-within { - --tw-ring-offset-color: #fbbf24; + .\32xl\:focus-within\:border-LightBlue-lightblue-400:focus-within { + border-color: var(--light-blue-lightblue-400, #80a0ab); } - .xl\:focus-within\:ring-offset-yellow-500:focus-within { - --tw-ring-offset-color: #f59e0b; + .\32xl\:focus-within\:border-LightBlue-lightblue-500:focus-within { + border-color: var(--light-blue-lightblue-500, #74afc1); } - .xl\:focus-within\:ring-offset-yellow-600:focus-within { - --tw-ring-offset-color: #d97706; + .\32xl\:focus-within\:border-LightBlue-lightblue-600:focus-within { + border-color: var(--light-blue-lightblue-600, #5a8997); } - .xl\:focus-within\:ring-offset-yellow-700:focus-within { - --tw-ring-offset-color: #b45309; + .\32xl\:focus-within\:border-LightBlue-lightblue-650:focus-within { + border-color: var(--light-blue-lightblue-650, #3e5e65); } - .xl\:focus-within\:ring-offset-yellow-800:focus-within { - --tw-ring-offset-color: #92400e; + .\32xl\:focus-within\:border-LightBlue-lightblue-700:focus-within { + border-color: var(--light-blue-lightblue-700, #344e56); } - .xl\:focus-within\:ring-offset-yellow-900:focus-within { - --tw-ring-offset-color: #78350f; + .\32xl\:focus-within\:border-Orange-orange:focus-within { + border-color: var(--orange-orange, #ff7f0e); } - .xl\:focus-within\:ring-offset-green-50:focus-within { - --tw-ring-offset-color: #ecfdf5; + .\32xl\:focus-within\:border-Orange-orange-100:focus-within { + border-color: var(--orange-orange-100, #ffa556); } - .xl\:focus-within\:ring-offset-green-100:focus-within { - --tw-ring-offset-color: #d1fae5; + .\32xl\:focus-within\:border-Orange-orange-200:focus-within { + border-color: var(--orange-orange-200, #ffbf86); } - .xl\:focus-within\:ring-offset-green-200:focus-within { - --tw-ring-offset-color: #a7f3d0; + .\32xl\:focus-within\:border-Orange-orange-300:focus-within { + border-color: var(--orange-orange-300, #d97f30); } - .xl\:focus-within\:ring-offset-green-300:focus-within { - --tw-ring-offset-color: #6ee7b7; + .\32xl\:focus-within\:border-Orange-orange-400:focus-within { + border-color: var(--orange-orange-400, #bf7e46); } - .xl\:focus-within\:ring-offset-green-400:focus-within { - --tw-ring-offset-color: #34d399; + .\32xl\:focus-within\:border-Orange-orange-500:focus-within { + border-color: var(--orange-orange-500, #e5720d); } - .xl\:focus-within\:ring-offset-green-500:focus-within { - --tw-ring-offset-color: #10b981; + .\32xl\:focus-within\:border-Orange-orange-600:focus-within { + border-color: var(--orange-orange-600, #b3590a); } - .xl\:focus-within\:ring-offset-green-600:focus-within { - --tw-ring-offset-color: #059669; + .\32xl\:focus-within\:border-Orange-orange-700:focus-within { + border-color: var(--orange-orange-700, #663306); } - .xl\:focus-within\:ring-offset-green-700:focus-within { - --tw-ring-offset-color: #047857; + .\32xl\:focus-within\:border-Yellow-yellow:focus-within { + border-color: var(--yellow-yellow, #ffab00); } - .xl\:focus-within\:ring-offset-green-800:focus-within { - --tw-ring-offset-color: #065f46; + .\32xl\:focus-within\:border-Yellow-yellow-100:focus-within { + border-color: var(--yellow-yellow-100, #ffc44c); } - .xl\:focus-within\:ring-offset-green-900:focus-within { - --tw-ring-offset-color: #064e3b; + .\32xl\:focus-within\:border-Yellow-yellow-200:focus-within { + border-color: var(--yellow-yellow-200, #ffd580); } - .xl\:focus-within\:ring-offset-blue-50:focus-within { - --tw-ring-offset-color: #eff6ff; + .\32xl\:focus-within\:border-Yellow-yellow-300:focus-within { + border-color: var(--yellow-yellow-300, #d99d26); } - .xl\:focus-within\:ring-offset-blue-100:focus-within { - --tw-ring-offset-color: #dbeafe; + .\32xl\:focus-within\:border-Yellow-yellow-400:focus-within { + border-color: var(--yellow-yellow-400, #bf943f); } - .xl\:focus-within\:ring-offset-blue-200:focus-within { - --tw-ring-offset-color: #bfdbfe; + .\32xl\:focus-within\:border-Yellow-yellow-500:focus-within { + border-color: var(--yellow-yellow-500, #e59a00); } - .xl\:focus-within\:ring-offset-blue-300:focus-within { - --tw-ring-offset-color: #93c5fd; + .\32xl\:focus-within\:border-Yellow-yellow-600:focus-within { + border-color: var(--yellow-yellow-600, #b37800); } - .xl\:focus-within\:ring-offset-blue-400:focus-within { - --tw-ring-offset-color: #60a5fa; + .\32xl\:focus-within\:border-Yellow-yellow-700:focus-within { + border-color: var(--yellow-yellow-700, #664400); } - .xl\:focus-within\:ring-offset-blue-500:focus-within { - --tw-ring-offset-color: #3b82f6; + .\32xl\:focus-within\:border-Notification-notification:focus-within { + border-color: var(--notification-notification, #3959ff); } - .xl\:focus-within\:ring-offset-blue-600:focus-within { - --tw-ring-offset-color: #2563eb; + .\32xl\:focus-within\:border-Notification-notification-100:focus-within { + border-color: var(--notification-notification-100, #748bff); } - .xl\:focus-within\:ring-offset-blue-700:focus-within { - --tw-ring-offset-color: #1d4ed8; + .\32xl\:focus-within\:border-Notification-notification-200:focus-within { + border-color: var(--notification-notification-200, #9cacff); } - .xl\:focus-within\:ring-offset-blue-800:focus-within { - --tw-ring-offset-color: #1e40af; + .\32xl\:focus-within\:border-Notification-notification-300:focus-within { + border-color: var(--notification-notification-300, #4e64d9); } - .xl\:focus-within\:ring-offset-blue-900:focus-within { - --tw-ring-offset-color: #1e3a8a; + .\32xl\:focus-within\:border-Notification-notification-400:focus-within { + border-color: var(--notification-notification-400, #5c6cbf); } - .xl\:focus-within\:ring-offset-indigo-50:focus-within { - --tw-ring-offset-color: #eef2ff; + .\32xl\:focus-within\:border-Notification-notification-500:focus-within { + border-color: var(--notification-notification-500, #3350e5); } - .xl\:focus-within\:ring-offset-indigo-100:focus-within { - --tw-ring-offset-color: #e0e7ff; + .\32xl\:focus-within\:border-Notification-notification-600:focus-within { + border-color: var(--notification-notification-600, #283eb3); } - .xl\:focus-within\:ring-offset-indigo-200:focus-within { - --tw-ring-offset-color: #c7d2fe; + .\32xl\:focus-within\:border-Notification-notification-700:focus-within { + border-color: var(--notification-notification-700, #172466); } - .xl\:focus-within\:ring-offset-indigo-300:focus-within { - --tw-ring-offset-color: #a5b4fc; + .\32xl\:focus-within\:border-Success-success\ -700:focus-within { + border-color: var(--success-success-700, #24471f); } - .xl\:focus-within\:ring-offset-indigo-400:focus-within { - --tw-ring-offset-color: #818cf8; + .\32xl\:focus-within\:border-Success-success:focus-within { + border-color: var(--success-success, #5bb14d); } - .xl\:focus-within\:ring-offset-indigo-500:focus-within { - --tw-ring-offset-color: #6366f1; + .\32xl\:focus-within\:border-Success-success\ -100:focus-within { + border-color: var(--success-success-100, #8cc882); } - .xl\:focus-within\:ring-offset-indigo-600:focus-within { - --tw-ring-offset-color: #4f46e5; + .\32xl\:focus-within\:border-Success-success\ -200:focus-within { + border-color: var(--success-success-200, #add8a6); } - .xl\:focus-within\:ring-offset-indigo-700:focus-within { - --tw-ring-offset-color: #4338ca; + .\32xl\:focus-within\:border-Success-success\ -300:focus-within { + border-color: var(--success-success-300, #66a25c); } - .xl\:focus-within\:ring-offset-indigo-800:focus-within { - --tw-ring-offset-color: #3730a3; + .\32xl\:focus-within\:border-Success-success\ -400:focus-within { + border-color: var(--success-success-400, #6d9766); } - .xl\:focus-within\:ring-offset-indigo-900:focus-within { - --tw-ring-offset-color: #312e81; + .\32xl\:focus-within\:border-Success-success\ -500:focus-within { + border-color: var(--success-success-500, #529f45); } - .xl\:focus-within\:ring-offset-purple-50:focus-within { - --tw-ring-offset-color: #f5f3ff; + .\32xl\:focus-within\:border-Success-success\ -600:focus-within { + border-color: var(--success-success-600, #407c36); } - .xl\:focus-within\:ring-offset-purple-100:focus-within { - --tw-ring-offset-color: #ede9fe; + .\32xl\:focus-within\:border-Error-error:focus-within { + border-color: var(--error-error, #f03d3e); } - .xl\:focus-within\:ring-offset-purple-200:focus-within { - --tw-ring-offset-color: #ddd6fe; + .\32xl\:focus-within\:border-Error-error-100:focus-within { + border-color: var(--error-error-100, #f57778); } - .xl\:focus-within\:ring-offset-purple-300:focus-within { - --tw-ring-offset-color: #c4b5fd; + .\32xl\:focus-within\:border-Error-error-200:focus-within { + border-color: var(--error-error-200, #f89e9e); } - .xl\:focus-within\:ring-offset-purple-400:focus-within { - --tw-ring-offset-color: #a78bfa; + .\32xl\:focus-within\:border-Error-error-250:focus-within { + border-color: var(--error-error-250, #f9c8c8); } - .xl\:focus-within\:ring-offset-purple-500:focus-within { - --tw-ring-offset-color: #8b5cf6; + .\32xl\:focus-within\:border-Error-error-300:focus-within { + border-color: var(--error-error-300, #ce5151); } - .xl\:focus-within\:ring-offset-purple-600:focus-within { - --tw-ring-offset-color: #7c3aed; + .\32xl\:focus-within\:border-Error-error-400:focus-within { + border-color: var(--error-error-400, #b85e5e); } - .xl\:focus-within\:ring-offset-purple-700:focus-within { - --tw-ring-offset-color: #6d28d9; + .\32xl\:focus-within\:border-Error-error-500:focus-within { + border-color: var(--error-error-500, #d83738); } - .xl\:focus-within\:ring-offset-purple-800:focus-within { - --tw-ring-offset-color: #5b21b6; + .\32xl\:focus-within\:border-Error-error-600:focus-within { + border-color: var(--error-error-600, #a82b2b); } - .xl\:focus-within\:ring-offset-purple-900:focus-within { - --tw-ring-offset-color: #4c1d95; + .\32xl\:focus-within\:border-Error-error-700:focus-within { + border-color: var(--error-error-700, #601819); } - .xl\:focus-within\:ring-offset-pink-50:focus-within { - --tw-ring-offset-color: #fdf2f8; + .\32xl\:hover\:border-colors-black:hover { + border-color: var(--colors-black, #000000); } - .xl\:focus-within\:ring-offset-pink-100:focus-within { - --tw-ring-offset-color: #fce7f3; + .\32xl\:hover\:border-colors-white:hover { + border-color: var(--colors-white, #ffffff); } - .xl\:focus-within\:ring-offset-pink-200:focus-within { - --tw-ring-offset-color: #fbcfe8; + .\32xl\:hover\:border-colors-gray-100:hover { + border-color: var(--colors-gray-100, #f7fafc); } - .xl\:focus-within\:ring-offset-pink-300:focus-within { - --tw-ring-offset-color: #f9a8d4; + .\32xl\:hover\:border-colors-gray-200:hover { + border-color: var(--colors-gray-200, #edf2f7); } - .xl\:focus-within\:ring-offset-pink-400:focus-within { - --tw-ring-offset-color: #f472b6; + .\32xl\:hover\:border-colors-gray-300:hover { + border-color: var(--colors-gray-300, #e2e8f0); } - .xl\:focus-within\:ring-offset-pink-500:focus-within { - --tw-ring-offset-color: #ec4899; + .\32xl\:hover\:border-colors-gray-400:hover { + border-color: var(--colors-gray-400, #cbd5e0); } - .xl\:focus-within\:ring-offset-pink-600:focus-within { - --tw-ring-offset-color: #db2777; + .\32xl\:hover\:border-colors-gray-500:hover { + border-color: var(--colors-gray-500, #a0aec0); } - .xl\:focus-within\:ring-offset-pink-700:focus-within { - --tw-ring-offset-color: #be185d; + .\32xl\:hover\:border-colors-gray-600:hover { + border-color: var(--colors-gray-600, #718096); } - .xl\:focus-within\:ring-offset-pink-800:focus-within { - --tw-ring-offset-color: #9d174d; + .\32xl\:hover\:border-colors-gray-700:hover { + border-color: var(--colors-gray-700, #4a5568); } - .xl\:focus-within\:ring-offset-pink-900:focus-within { - --tw-ring-offset-color: #831843; + .\32xl\:hover\:border-colors-gray-800:hover { + border-color: var(--colors-gray-800, #2d3748); } - .xl\:focus\:ring-offset-transparent:focus { - --tw-ring-offset-color: transparent; + .\32xl\:hover\:border-colors-gray-900:hover { + border-color: var(--colors-gray-900, #1a202c); } - .xl\:focus\:ring-offset-current:focus { - --tw-ring-offset-color: currentColor; + .\32xl\:hover\:border-colors-red-100:hover { + border-color: var(--colors-red-100, #fff5f5); } - .xl\:focus\:ring-offset-black:focus { - --tw-ring-offset-color: #000; + .\32xl\:hover\:border-colors-red-200:hover { + border-color: var(--colors-red-200, #fed7d7); } - .xl\:focus\:ring-offset-white:focus { - --tw-ring-offset-color: #fff; + .\32xl\:hover\:border-colors-red-300:hover { + border-color: var(--colors-red-300, #feb2b2); } - .xl\:focus\:ring-offset-gray-50:focus { - --tw-ring-offset-color: #f9fafb; + .\32xl\:hover\:border-colors-red-400:hover { + border-color: var(--colors-red-400, #fc8181); } - .xl\:focus\:ring-offset-gray-100:focus { - --tw-ring-offset-color: #f3f4f6; + .\32xl\:hover\:border-colors-red-500:hover { + border-color: var(--colors-red-500, #f56565); } - .xl\:focus\:ring-offset-gray-200:focus { - --tw-ring-offset-color: #e5e7eb; + .\32xl\:hover\:border-colors-red-600:hover { + border-color: var(--colors-red-600, #e53e3e); } - .xl\:focus\:ring-offset-gray-300:focus { - --tw-ring-offset-color: #d1d5db; + .\32xl\:hover\:border-colors-red-700:hover { + border-color: var(--colors-red-700, #c53030); } - .xl\:focus\:ring-offset-gray-400:focus { - --tw-ring-offset-color: #9ca3af; + .\32xl\:hover\:border-colors-red-800:hover { + border-color: var(--colors-red-800, #9b2c2c); } - .xl\:focus\:ring-offset-gray-500:focus { - --tw-ring-offset-color: #6b7280; + .\32xl\:hover\:border-colors-red-900:hover { + border-color: var(--colors-red-900, #742a2a); } - .xl\:focus\:ring-offset-gray-600:focus { - --tw-ring-offset-color: #4b5563; + .\32xl\:hover\:border-colors-orange-100:hover { + border-color: var(--colors-orange-100, #fffaf0); } - .xl\:focus\:ring-offset-gray-700:focus { - --tw-ring-offset-color: #374151; + .\32xl\:hover\:border-colors-orange-200:hover { + border-color: var(--colors-orange-200, #feebc8); } - .xl\:focus\:ring-offset-gray-800:focus { - --tw-ring-offset-color: #1f2937; + .\32xl\:hover\:border-colors-orange-300:hover { + border-color: var(--colors-orange-300, #fbd38d); } - .xl\:focus\:ring-offset-gray-900:focus { - --tw-ring-offset-color: #111827; + .\32xl\:hover\:border-colors-orange-400:hover { + border-color: var(--colors-orange-400, #f6ad55); } - .xl\:focus\:ring-offset-red-50:focus { - --tw-ring-offset-color: #fef2f2; + .\32xl\:hover\:border-colors-orange-500:hover { + border-color: var(--colors-orange-500, #ed8936); } - .xl\:focus\:ring-offset-red-100:focus { - --tw-ring-offset-color: #fee2e2; + .\32xl\:hover\:border-colors-orange-600:hover { + border-color: var(--colors-orange-600, #dd6b20); } - .xl\:focus\:ring-offset-red-200:focus { - --tw-ring-offset-color: #fecaca; + .\32xl\:hover\:border-colors-orange-700:hover { + border-color: var(--colors-orange-700, #c05621); } - .xl\:focus\:ring-offset-red-300:focus { - --tw-ring-offset-color: #fca5a5; + .\32xl\:hover\:border-colors-orange-800:hover { + border-color: var(--colors-orange-800, #9c4221); } - .xl\:focus\:ring-offset-red-400:focus { - --tw-ring-offset-color: #f87171; + .\32xl\:hover\:border-colors-orange-900:hover { + border-color: var(--colors-orange-900, #7b341e); } - .xl\:focus\:ring-offset-red-500:focus { - --tw-ring-offset-color: #ef4444; + .\32xl\:hover\:border-colors-yellow-100:hover { + border-color: var(--colors-yellow-100, #fffff0); } - .xl\:focus\:ring-offset-red-600:focus { - --tw-ring-offset-color: #dc2626; + .\32xl\:hover\:border-colors-yellow-200:hover { + border-color: var(--colors-yellow-200, #fefcbf); } - .xl\:focus\:ring-offset-red-700:focus { - --tw-ring-offset-color: #b91c1c; + .\32xl\:hover\:border-colors-yellow-300:hover { + border-color: var(--colors-yellow-300, #faf089); } - .xl\:focus\:ring-offset-red-800:focus { - --tw-ring-offset-color: #991b1b; + .\32xl\:hover\:border-colors-yellow-400:hover { + border-color: var(--colors-yellow-400, #f6e05e); } - .xl\:focus\:ring-offset-red-900:focus { - --tw-ring-offset-color: #7f1d1d; + .\32xl\:hover\:border-colors-yellow-500:hover { + border-color: var(--colors-yellow-500, #ecc94b); } - .xl\:focus\:ring-offset-yellow-50:focus { - --tw-ring-offset-color: #fffbeb; + .\32xl\:hover\:border-colors-yellow-600:hover { + border-color: var(--colors-yellow-600, #d69e2e); } - .xl\:focus\:ring-offset-yellow-100:focus { - --tw-ring-offset-color: #fef3c7; + .\32xl\:hover\:border-colors-yellow-700:hover { + border-color: var(--colors-yellow-700, #b7791f); } - .xl\:focus\:ring-offset-yellow-200:focus { - --tw-ring-offset-color: #fde68a; + .\32xl\:hover\:border-colors-yellow-800:hover { + border-color: var(--colors-yellow-800, #975a16); } - .xl\:focus\:ring-offset-yellow-300:focus { - --tw-ring-offset-color: #fcd34d; + .\32xl\:hover\:border-colors-yellow-900:hover { + border-color: var(--colors-yellow-900, #744210); } - .xl\:focus\:ring-offset-yellow-400:focus { - --tw-ring-offset-color: #fbbf24; + .\32xl\:hover\:border-colors-green-100:hover { + border-color: var(--colors-green-100, #f0fff4); } - .xl\:focus\:ring-offset-yellow-500:focus { - --tw-ring-offset-color: #f59e0b; + .\32xl\:hover\:border-colors-green-200:hover { + border-color: var(--colors-green-200, #c6f6d5); } - .xl\:focus\:ring-offset-yellow-600:focus { - --tw-ring-offset-color: #d97706; + .\32xl\:hover\:border-colors-green-300:hover { + border-color: var(--colors-green-300, #9ae6b4); } - .xl\:focus\:ring-offset-yellow-700:focus { - --tw-ring-offset-color: #b45309; + .\32xl\:hover\:border-colors-green-400:hover { + border-color: var(--colors-green-400, #68d391); } - .xl\:focus\:ring-offset-yellow-800:focus { - --tw-ring-offset-color: #92400e; + .\32xl\:hover\:border-colors-green-500:hover { + border-color: var(--colors-green-500, #48bb78); } - .xl\:focus\:ring-offset-yellow-900:focus { - --tw-ring-offset-color: #78350f; + .\32xl\:hover\:border-colors-green-600:hover { + border-color: var(--colors-green-600, #38a169); } - .xl\:focus\:ring-offset-green-50:focus { - --tw-ring-offset-color: #ecfdf5; + .\32xl\:hover\:border-colors-green-700:hover { + border-color: var(--colors-green-700, #2f855a); } - .xl\:focus\:ring-offset-green-100:focus { - --tw-ring-offset-color: #d1fae5; + .\32xl\:hover\:border-colors-green-800:hover { + border-color: var(--colors-green-800, #276749); } - .xl\:focus\:ring-offset-green-200:focus { - --tw-ring-offset-color: #a7f3d0; + .\32xl\:hover\:border-colors-green-900:hover { + border-color: var(--colors-green-900, #22543d); } - .xl\:focus\:ring-offset-green-300:focus { - --tw-ring-offset-color: #6ee7b7; + .\32xl\:hover\:border-colors-teal-100:hover { + border-color: var(--colors-teal-100, #e6fffa); } - .xl\:focus\:ring-offset-green-400:focus { - --tw-ring-offset-color: #34d399; + .\32xl\:hover\:border-colors-teal-200:hover { + border-color: var(--colors-teal-200, #b2f5ea); } - .xl\:focus\:ring-offset-green-500:focus { - --tw-ring-offset-color: #10b981; + .\32xl\:hover\:border-colors-teal-300:hover { + border-color: var(--colors-teal-300, #81e6d9); } - .xl\:focus\:ring-offset-green-600:focus { - --tw-ring-offset-color: #059669; + .\32xl\:hover\:border-colors-teal-400:hover { + border-color: var(--colors-teal-400, #4fd1c5); } - .xl\:focus\:ring-offset-green-700:focus { - --tw-ring-offset-color: #047857; + .\32xl\:hover\:border-colors-teal-500:hover { + border-color: var(--colors-teal-500, #38b2ac); } - .xl\:focus\:ring-offset-green-800:focus { - --tw-ring-offset-color: #065f46; + .\32xl\:hover\:border-colors-teal-600:hover { + border-color: var(--colors-teal-600, #319795); } - .xl\:focus\:ring-offset-green-900:focus { - --tw-ring-offset-color: #064e3b; + .\32xl\:hover\:border-colors-teal-700:hover { + border-color: var(--colors-teal-700, #2c7a7b); } - .xl\:focus\:ring-offset-blue-50:focus { - --tw-ring-offset-color: #eff6ff; + .\32xl\:hover\:border-colors-teal-800:hover { + border-color: var(--colors-teal-800, #285e61); } - .xl\:focus\:ring-offset-blue-100:focus { - --tw-ring-offset-color: #dbeafe; + .\32xl\:hover\:border-colors-teal-900:hover { + border-color: var(--colors-teal-900, #234e52); } - .xl\:focus\:ring-offset-blue-200:focus { - --tw-ring-offset-color: #bfdbfe; + .\32xl\:hover\:border-colors-blue-100:hover { + border-color: var(--colors-blue-100, #ebf8ff); } - .xl\:focus\:ring-offset-blue-300:focus { - --tw-ring-offset-color: #93c5fd; + .\32xl\:hover\:border-colors-blue-200:hover { + border-color: var(--colors-blue-200, #bee3f8); } - .xl\:focus\:ring-offset-blue-400:focus { - --tw-ring-offset-color: #60a5fa; + .\32xl\:hover\:border-colors-blue-300:hover { + border-color: var(--colors-blue-300, #90cdf4); } - .xl\:focus\:ring-offset-blue-500:focus { - --tw-ring-offset-color: #3b82f6; + .\32xl\:hover\:border-colors-blue-400:hover { + border-color: var(--colors-blue-400, #63b3ed); } - .xl\:focus\:ring-offset-blue-600:focus { - --tw-ring-offset-color: #2563eb; + .\32xl\:hover\:border-colors-blue-500:hover { + border-color: var(--colors-blue-500, #4299e1); } - .xl\:focus\:ring-offset-blue-700:focus { - --tw-ring-offset-color: #1d4ed8; + .\32xl\:hover\:border-colors-blue-600:hover { + border-color: var(--colors-blue-600, #3182ce); } - .xl\:focus\:ring-offset-blue-800:focus { - --tw-ring-offset-color: #1e40af; + .\32xl\:hover\:border-colors-blue-700:hover { + border-color: var(--colors-blue-700, #2b6cb0); } - .xl\:focus\:ring-offset-blue-900:focus { - --tw-ring-offset-color: #1e3a8a; + .\32xl\:hover\:border-colors-blue-800:hover { + border-color: var(--colors-blue-800, #2c5282); } - .xl\:focus\:ring-offset-indigo-50:focus { - --tw-ring-offset-color: #eef2ff; + .\32xl\:hover\:border-colors-blue-900:hover { + border-color: var(--colors-blue-900, #2a4365); } - .xl\:focus\:ring-offset-indigo-100:focus { - --tw-ring-offset-color: #e0e7ff; + .\32xl\:hover\:border-colors-indigo-100:hover { + border-color: var(--colors-indigo-100, #ebf4ff); } - .xl\:focus\:ring-offset-indigo-200:focus { - --tw-ring-offset-color: #c7d2fe; + .\32xl\:hover\:border-colors-indigo-200:hover { + border-color: var(--colors-indigo-200, #c3dafe); } - .xl\:focus\:ring-offset-indigo-300:focus { - --tw-ring-offset-color: #a5b4fc; + .\32xl\:hover\:border-colors-indigo-300:hover { + border-color: var(--colors-indigo-300, #a3bffa); } - .xl\:focus\:ring-offset-indigo-400:focus { - --tw-ring-offset-color: #818cf8; + .\32xl\:hover\:border-colors-indigo-400:hover { + border-color: var(--colors-indigo-400, #7f9cf5); } - .xl\:focus\:ring-offset-indigo-500:focus { - --tw-ring-offset-color: #6366f1; + .\32xl\:hover\:border-colors-indigo-500:hover { + border-color: var(--colors-indigo-500, #667eea); } - .xl\:focus\:ring-offset-indigo-600:focus { - --tw-ring-offset-color: #4f46e5; + .\32xl\:hover\:border-colors-indigo-600:hover { + border-color: var(--colors-indigo-600, #5a67d8); } - .xl\:focus\:ring-offset-indigo-700:focus { - --tw-ring-offset-color: #4338ca; + .\32xl\:hover\:border-colors-indigo-700:hover { + border-color: var(--colors-indigo-700, #4c51bf); } - .xl\:focus\:ring-offset-indigo-800:focus { - --tw-ring-offset-color: #3730a3; + .\32xl\:hover\:border-colors-indigo-800:hover { + border-color: var(--colors-indigo-800, #434190); } - .xl\:focus\:ring-offset-indigo-900:focus { - --tw-ring-offset-color: #312e81; + .\32xl\:hover\:border-colors-indigo-900:hover { + border-color: var(--colors-indigo-900, #3c366b); } - .xl\:focus\:ring-offset-purple-50:focus { - --tw-ring-offset-color: #f5f3ff; + .\32xl\:hover\:border-colors-purple-100:hover { + border-color: var(--colors-purple-100, #faf5ff); } - .xl\:focus\:ring-offset-purple-100:focus { - --tw-ring-offset-color: #ede9fe; + .\32xl\:hover\:border-colors-purple-200:hover { + border-color: var(--colors-purple-200, #e9d8fd); } - .xl\:focus\:ring-offset-purple-200:focus { - --tw-ring-offset-color: #ddd6fe; + .\32xl\:hover\:border-colors-purple-300:hover { + border-color: var(--colors-purple-300, #d6bcfa); } - .xl\:focus\:ring-offset-purple-300:focus { - --tw-ring-offset-color: #c4b5fd; + .\32xl\:hover\:border-colors-purple-400:hover { + border-color: var(--colors-purple-400, #b794f4); } - .xl\:focus\:ring-offset-purple-400:focus { - --tw-ring-offset-color: #a78bfa; + .\32xl\:hover\:border-colors-purple-500:hover { + border-color: var(--colors-purple-500, #9f7aea); } - .xl\:focus\:ring-offset-purple-500:focus { - --tw-ring-offset-color: #8b5cf6; + .\32xl\:hover\:border-colors-purple-600:hover { + border-color: var(--colors-purple-600, #805ad5); } - .xl\:focus\:ring-offset-purple-600:focus { - --tw-ring-offset-color: #7c3aed; + .\32xl\:hover\:border-colors-purple-700:hover { + border-color: var(--colors-purple-700, #6b46c1); } - .xl\:focus\:ring-offset-purple-700:focus { - --tw-ring-offset-color: #6d28d9; + .\32xl\:hover\:border-colors-purple-800:hover { + border-color: var(--colors-purple-800, #553c9a); } - .xl\:focus\:ring-offset-purple-800:focus { - --tw-ring-offset-color: #5b21b6; + .\32xl\:hover\:border-colors-purple-900:hover { + border-color: var(--colors-purple-900, #44337a); } - .xl\:focus\:ring-offset-purple-900:focus { - --tw-ring-offset-color: #4c1d95; + .\32xl\:hover\:border-colors-pink-100:hover { + border-color: var(--colors-pink-100, #fff5f7); } - .xl\:focus\:ring-offset-pink-50:focus { - --tw-ring-offset-color: #fdf2f8; + .\32xl\:hover\:border-colors-pink-200:hover { + border-color: var(--colors-pink-200, #fed7e2); } - .xl\:focus\:ring-offset-pink-100:focus { - --tw-ring-offset-color: #fce7f3; + .\32xl\:hover\:border-colors-pink-300:hover { + border-color: var(--colors-pink-300, #fbb6ce); } - .xl\:focus\:ring-offset-pink-200:focus { - --tw-ring-offset-color: #fbcfe8; + .\32xl\:hover\:border-colors-pink-400:hover { + border-color: var(--colors-pink-400, #f687b3); } - .xl\:focus\:ring-offset-pink-300:focus { - --tw-ring-offset-color: #f9a8d4; + .\32xl\:hover\:border-colors-pink-500:hover { + border-color: var(--colors-pink-500, #ed64a6); } - .xl\:focus\:ring-offset-pink-400:focus { - --tw-ring-offset-color: #f472b6; + .\32xl\:hover\:border-colors-pink-600:hover { + border-color: var(--colors-pink-600, #d53f8c); } - .xl\:focus\:ring-offset-pink-500:focus { - --tw-ring-offset-color: #ec4899; + .\32xl\:hover\:border-colors-pink-700:hover { + border-color: var(--colors-pink-700, #b83280); } - .xl\:focus\:ring-offset-pink-600:focus { - --tw-ring-offset-color: #db2777; + .\32xl\:hover\:border-colors-pink-800:hover { + border-color: var(--colors-pink-800, #97266d); } - .xl\:focus\:ring-offset-pink-700:focus { - --tw-ring-offset-color: #be185d; + .\32xl\:hover\:border-colors-pink-900:hover { + border-color: var(--colors-pink-900, #702459); } - .xl\:focus\:ring-offset-pink-800:focus { - --tw-ring-offset-color: #9d174d; + .\32xl\:hover\:border-Box\ Shadow:hover { + border-color: var(--box-shadow, #7f7e7f); } - .xl\:focus\:ring-offset-pink-900:focus { - --tw-ring-offset-color: #831843; + .\32xl\:hover\:border-Error16:hover { + border-color: var(--error16, #f03d3e40); } - .xl\:filter { - --tw-blur: var(--tw-empty,/*!*/ /*!*/); - --tw-brightness: var(--tw-empty,/*!*/ /*!*/); - --tw-contrast: var(--tw-empty,/*!*/ /*!*/); - --tw-grayscale: var(--tw-empty,/*!*/ /*!*/); - --tw-hue-rotate: var(--tw-empty,/*!*/ /*!*/); - --tw-invert: var(--tw-empty,/*!*/ /*!*/); - --tw-saturate: var(--tw-empty,/*!*/ /*!*/); - --tw-sepia: var(--tw-empty,/*!*/ /*!*/); - --tw-drop-shadow: var(--tw-empty,/*!*/ /*!*/); - 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); + .\32xl\:hover\:border-Success16:hover { + border-color: var(--success16, #5bb14d40); } - .xl\:filter-none { - filter: none; + .\32xl\:hover\:border-Notification16:hover { + border-color: var(--notification16, #3959ff40); } - .xl\:blur-0 { - --tw-blur: blur(0); + .\32xl\:hover\:border-Error8:hover { + border-color: var(--error8, #f03d3e1a); } - .xl\:blur-none { - --tw-blur: blur(0); + .\32xl\:hover\:border-Notification8:hover { + border-color: var(--notification8, #3959ff1a); } - .xl\:blur-sm { - --tw-blur: blur(4px); + .\32xl\:hover\:border-Success8:hover { + border-color: var(--success8, #5bb14d1a); } - .xl\:blur { - --tw-blur: blur(8px); + .\32xl\:hover\:border-Light\ -\ Overlay:hover { + border-color: var(--light-overlay, #f0edee66); } - .xl\:blur-md { - --tw-blur: blur(12px); + .\32xl\:hover\:border-Dark-\ Overlay:hover { + border-color: var(--dark-overlay, #7f7e7f66); } - .xl\:blur-lg { - --tw-blur: blur(16px); + .\32xl\:hover\:border-black-40:hover { + border-color: var(--black-40, #00000066); } - .xl\:blur-xl { - --tw-blur: blur(24px); + .\32xl\:hover\:border-black-75:hover { + border-color: var(--black-75, #000000bf); } - .xl\:blur-2xl { - --tw-blur: blur(40px); + .\32xl\:hover\:border-black-60:hover { + border-color: var(--black-60, #00000099); } - .xl\:blur-3xl { - --tw-blur: blur(64px); + .\32xl\:hover\:border-black-50:hover { + border-color: var(--black-50, #00000080); } - .xl\:brightness-0 { - --tw-brightness: brightness(0); + .\32xl\:hover\:border-black-25:hover { + border-color: var(--black-25, #00000040); } - .xl\:brightness-50 { - --tw-brightness: brightness(.5); + .\32xl\:hover\:border-black-10:hover { + border-color: var(--black-10, #0000001a); } - .xl\:brightness-75 { - --tw-brightness: brightness(.75); + .\32xl\:hover\:border-white-25:hover { + border-color: var(--white-25, #ffffff40); } - .xl\:brightness-90 { - --tw-brightness: brightness(.9); + .\32xl\:hover\:border-white-60:hover { + border-color: var(--white-60, #ffffff99); } - .xl\:brightness-95 { - --tw-brightness: brightness(.95); + .\32xl\:hover\:border-black-64:hover { + border-color: var(--black-64, #000000a3); } - .xl\:brightness-100 { - --tw-brightness: brightness(1); + .\32xl\:hover\:border-Shadow\ and\ Highlight-Shadow:hover { + border-color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .xl\:brightness-105 { - --tw-brightness: brightness(1.05); + .\32xl\:hover\:border-Shadow\ and\ Highlight-Highlight:hover { + border-color: var(--shadow-and-highlight-highlight, #474747); } - .xl\:brightness-110 { - --tw-brightness: brightness(1.1); + .\32xl\:hover\:border-Shadow\ and\ Highlight-highlight\ one:hover { + border-color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .xl\:brightness-125 { - --tw-brightness: brightness(1.25); + .\32xl\:hover\:border-Shadow\ and\ Highlight-highlight\ two:hover { + border-color: var(--shadow-and-highlight-highlight-two, #47474799); } - .xl\:brightness-150 { - --tw-brightness: brightness(1.5); + .\32xl\:hover\:border-Shadow\ and\ Highlight-highlight\ three:hover { + border-color: var(--shadow-and-highlight-highlight-three, #47474766); } - .xl\:brightness-200 { - --tw-brightness: brightness(2); + .\32xl\:hover\:border-Shadow\ and\ Highlight-highlight\ five:hover { + border-color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .xl\:contrast-0 { - --tw-contrast: contrast(0); + .\32xl\:hover\:border-Shadow\ and\ Highlight-shadow\ one:hover { + border-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .xl\:contrast-50 { - --tw-contrast: contrast(.5); + .\32xl\:hover\:border-Shadow\ and\ Highlight-shadow\ two:hover { + border-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .xl\:contrast-75 { - --tw-contrast: contrast(.75); + .\32xl\:hover\:border-Shadow\ and\ Highlight-shadow\ three:hover { + border-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .xl\:contrast-100 { - --tw-contrast: contrast(1); + .\32xl\:hover\:border-Shadow\ and\ Highlight-shadow\ four:hover { + border-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .xl\:contrast-125 { - --tw-contrast: contrast(1.25); + .\32xl\:hover\:border-Shadow\ and\ Highlight-shadow\ five:hover { + border-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .xl\:contrast-150 { - --tw-contrast: contrast(1.5); + .\32xl\:hover\:border-Shadow\ and\ Highlight-highlight\ four:hover { + border-color: var(--shadow-and-highlight-highlight-four, #47474740); } - .xl\:contrast-200 { - --tw-contrast: contrast(2); + .\32xl\:hover\:border-Base\ Layer\ Styles-Base\ Layer-\ Light-White:hover { + border-color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .xl\:drop-shadow-sm { - --tw-drop-shadow: drop-shadow(0 1px 1px rgba(0,0,0,0.05)); + .\32xl\:hover\:border-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:hover { + border-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .xl\:drop-shadow { - --tw-drop-shadow: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1)) drop-shadow(0 1px 1px rgba(0, 0, 0, 0.06)); + .\32xl\:hover\:border-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:hover { + border-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .xl\:drop-shadow-md { - --tw-drop-shadow: drop-shadow(0 4px 3px rgba(0, 0, 0, 0.07)) drop-shadow(0 2px 2px rgba(0, 0, 0, 0.06)); + .\32xl\:hover\:border-Base\ Layer\ Styles-Base\ Layer-Dark-Black:hover { + border-color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .xl\:drop-shadow-lg { - --tw-drop-shadow: drop-shadow(0 10px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0 4px 3px rgba(0, 0, 0, 0.1)); + .\32xl\:hover\:border-Grey-Scale-white:hover { + border-color: var(--grey-scale-white, #ffffff); } - .xl\:drop-shadow-xl { - --tw-drop-shadow: drop-shadow(0 20px 13px rgba(0, 0, 0, 0.03)) drop-shadow(0 8px 5px rgba(0, 0, 0, 0.08)); + .\32xl\:hover\:border-Grey-Scale-off-white:hover { + border-color: var(--grey-scale-off-white, #f0edee); } - .xl\:drop-shadow-2xl { - --tw-drop-shadow: drop-shadow(0 25px 25px rgba(0, 0, 0, 0.15)); + .\32xl\:hover\:border-Grey\ Scale-grey:hover { + border-color: var(--grey-scale-grey, #7f7e7f); } - .xl\:drop-shadow-none { - --tw-drop-shadow: drop-shadow(0 0 #0000); + .\32xl\:hover\:border-Grey\ Scale-charcoal:hover { + border-color: var(--grey-scale-charcoal, #474747); } - .xl\:grayscale-0 { - --tw-grayscale: grayscale(0); + .\32xl\:hover\:border-Grey\ Scale-off-black:hover { + border-color: var(--grey-scale-off-black, #1c1c1c); } - .xl\:grayscale { - --tw-grayscale: grayscale(100%); + .\32xl\:hover\:border-Grey\ Scale-black:hover { + border-color: var(--grey-scale-black, #000000); } - .xl\:hue-rotate-0 { - --tw-hue-rotate: hue-rotate(0deg); + .\32xl\:hover\:border-Blue-blue:hover { + border-color: var(--blue-blue, #3a7ca5); } - .xl\:hue-rotate-15 { - --tw-hue-rotate: hue-rotate(15deg); + .\32xl\:hover\:border-Blue-blue-100:hover { + border-color: var(--blue-blue-100, #75a3c0); } - .xl\:hue-rotate-30 { - --tw-hue-rotate: hue-rotate(30deg); + .\32xl\:hover\:border-Blue-blue-200:hover { + border-color: var(--blue-blue-200, #9cbed2); } - .xl\:hue-rotate-60 { - --tw-hue-rotate: hue-rotate(60deg); + .\32xl\:hover\:border-Blue-blue-300:hover { + border-color: var(--blue-blue-300, #4f7d9a); } - .xl\:hue-rotate-90 { - --tw-hue-rotate: hue-rotate(90deg); + .\32xl\:hover\:border-Blue-blue-400:hover { + border-color: var(--blue-blue-400, #5c7d92); } - .xl\:hue-rotate-180 { - --tw-hue-rotate: hue-rotate(180deg); + .\32xl\:hover\:border-Blue-blue-500:hover { + border-color: var(--blue-blue-500, #347095); } - .xl\:-hue-rotate-180 { - --tw-hue-rotate: hue-rotate(-180deg); + .\32xl\:hover\:border-Blue-blue-600:hover { + border-color: var(--blue-blue-600, #295774); } - .xl\:-hue-rotate-90 { - --tw-hue-rotate: hue-rotate(-90deg); + .\32xl\:hover\:border-Blue-blue-700:hover { + border-color: var(--blue-blue-700, #173242); } - .xl\:-hue-rotate-60 { - --tw-hue-rotate: hue-rotate(-60deg); + .\32xl\:hover\:border-LightBlue-lightblue:hover { + border-color: var(--light-blue-lightblue, #81c3d7); } - .xl\:-hue-rotate-30 { - --tw-hue-rotate: hue-rotate(-30deg); + .\32xl\:hover\:border-LightBlue-lightblue-100:hover { + border-color: var(--light-blue-lightblue-100, #a7d5e3); } - .xl\:-hue-rotate-15 { - --tw-hue-rotate: hue-rotate(-15deg); + .\32xl\:hover\:border-LightBlue-lightblue-200:hover { + border-color: var(--light-blue-lightblue-200, #c0e1eb); } - .xl\:invert-0 { - --tw-invert: invert(0); + .\32xl\:hover\:border-LightBlue-lightblue-300:hover { + border-color: var(--light-blue-lightblue-300, #80aebd); } - .xl\:invert { - --tw-invert: invert(100%); + .\32xl\:hover\:border-LightBlue-lightblue-400:hover { + border-color: var(--light-blue-lightblue-400, #80a0ab); } - .xl\:saturate-0 { - --tw-saturate: saturate(0); + .\32xl\:hover\:border-LightBlue-lightblue-500:hover { + border-color: var(--light-blue-lightblue-500, #74afc1); } - .xl\:saturate-50 { - --tw-saturate: saturate(.5); + .\32xl\:hover\:border-LightBlue-lightblue-600:hover { + border-color: var(--light-blue-lightblue-600, #5a8997); } - .xl\:saturate-100 { - --tw-saturate: saturate(1); + .\32xl\:hover\:border-LightBlue-lightblue-650:hover { + border-color: var(--light-blue-lightblue-650, #3e5e65); } - .xl\:saturate-150 { - --tw-saturate: saturate(1.5); + .\32xl\:hover\:border-LightBlue-lightblue-700:hover { + border-color: var(--light-blue-lightblue-700, #344e56); } - .xl\:saturate-200 { - --tw-saturate: saturate(2); + .\32xl\:hover\:border-Orange-orange:hover { + border-color: var(--orange-orange, #ff7f0e); } - .xl\:sepia-0 { - --tw-sepia: sepia(0); + .\32xl\:hover\:border-Orange-orange-100:hover { + border-color: var(--orange-orange-100, #ffa556); } - .xl\:sepia { - --tw-sepia: sepia(100%); + .\32xl\:hover\:border-Orange-orange-200:hover { + border-color: var(--orange-orange-200, #ffbf86); } - .xl\:backdrop-filter { - --tw-backdrop-blur: var(--tw-empty,/*!*/ /*!*/); - --tw-backdrop-brightness: var(--tw-empty,/*!*/ /*!*/); - --tw-backdrop-contrast: var(--tw-empty,/*!*/ /*!*/); - --tw-backdrop-grayscale: var(--tw-empty,/*!*/ /*!*/); - --tw-backdrop-hue-rotate: var(--tw-empty,/*!*/ /*!*/); - --tw-backdrop-invert: var(--tw-empty,/*!*/ /*!*/); - --tw-backdrop-opacity: var(--tw-empty,/*!*/ /*!*/); - --tw-backdrop-saturate: var(--tw-empty,/*!*/ /*!*/); - --tw-backdrop-sepia: var(--tw-empty,/*!*/ /*!*/); - -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); - backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + .\32xl\:hover\:border-Orange-orange-300:hover { + border-color: var(--orange-orange-300, #d97f30); } - .xl\:backdrop-filter-none { - -webkit-backdrop-filter: none; - backdrop-filter: none; + .\32xl\:hover\:border-Orange-orange-400:hover { + border-color: var(--orange-orange-400, #bf7e46); } - .xl\:backdrop-blur-0 { - --tw-backdrop-blur: blur(0); + .\32xl\:hover\:border-Orange-orange-500:hover { + border-color: var(--orange-orange-500, #e5720d); } - .xl\:backdrop-blur-none { - --tw-backdrop-blur: blur(0); + .\32xl\:hover\:border-Orange-orange-600:hover { + border-color: var(--orange-orange-600, #b3590a); } - .xl\:backdrop-blur-sm { - --tw-backdrop-blur: blur(4px); + .\32xl\:hover\:border-Orange-orange-700:hover { + border-color: var(--orange-orange-700, #663306); } - .xl\:backdrop-blur { - --tw-backdrop-blur: blur(8px); + .\32xl\:hover\:border-Yellow-yellow:hover { + border-color: var(--yellow-yellow, #ffab00); } - .xl\:backdrop-blur-md { - --tw-backdrop-blur: blur(12px); + .\32xl\:hover\:border-Yellow-yellow-100:hover { + border-color: var(--yellow-yellow-100, #ffc44c); } - .xl\:backdrop-blur-lg { - --tw-backdrop-blur: blur(16px); + .\32xl\:hover\:border-Yellow-yellow-200:hover { + border-color: var(--yellow-yellow-200, #ffd580); } - .xl\:backdrop-blur-xl { - --tw-backdrop-blur: blur(24px); + .\32xl\:hover\:border-Yellow-yellow-300:hover { + border-color: var(--yellow-yellow-300, #d99d26); } - .xl\:backdrop-blur-2xl { - --tw-backdrop-blur: blur(40px); + .\32xl\:hover\:border-Yellow-yellow-400:hover { + border-color: var(--yellow-yellow-400, #bf943f); } - .xl\:backdrop-blur-3xl { - --tw-backdrop-blur: blur(64px); + .\32xl\:hover\:border-Yellow-yellow-500:hover { + border-color: var(--yellow-yellow-500, #e59a00); } - .xl\:backdrop-brightness-0 { - --tw-backdrop-brightness: brightness(0); + .\32xl\:hover\:border-Yellow-yellow-600:hover { + border-color: var(--yellow-yellow-600, #b37800); } - .xl\:backdrop-brightness-50 { - --tw-backdrop-brightness: brightness(.5); + .\32xl\:hover\:border-Yellow-yellow-700:hover { + border-color: var(--yellow-yellow-700, #664400); } - .xl\:backdrop-brightness-75 { - --tw-backdrop-brightness: brightness(.75); + .\32xl\:hover\:border-Notification-notification:hover { + border-color: var(--notification-notification, #3959ff); } - .xl\:backdrop-brightness-90 { - --tw-backdrop-brightness: brightness(.9); + .\32xl\:hover\:border-Notification-notification-100:hover { + border-color: var(--notification-notification-100, #748bff); } - .xl\:backdrop-brightness-95 { - --tw-backdrop-brightness: brightness(.95); + .\32xl\:hover\:border-Notification-notification-200:hover { + border-color: var(--notification-notification-200, #9cacff); } - .xl\:backdrop-brightness-100 { - --tw-backdrop-brightness: brightness(1); + .\32xl\:hover\:border-Notification-notification-300:hover { + border-color: var(--notification-notification-300, #4e64d9); } - .xl\:backdrop-brightness-105 { - --tw-backdrop-brightness: brightness(1.05); + .\32xl\:hover\:border-Notification-notification-400:hover { + border-color: var(--notification-notification-400, #5c6cbf); } - .xl\:backdrop-brightness-110 { - --tw-backdrop-brightness: brightness(1.1); + .\32xl\:hover\:border-Notification-notification-500:hover { + border-color: var(--notification-notification-500, #3350e5); } - .xl\:backdrop-brightness-125 { - --tw-backdrop-brightness: brightness(1.25); + .\32xl\:hover\:border-Notification-notification-600:hover { + border-color: var(--notification-notification-600, #283eb3); } - .xl\:backdrop-brightness-150 { - --tw-backdrop-brightness: brightness(1.5); + .\32xl\:hover\:border-Notification-notification-700:hover { + border-color: var(--notification-notification-700, #172466); } - .xl\:backdrop-brightness-200 { - --tw-backdrop-brightness: brightness(2); + .\32xl\:hover\:border-Success-success\ -700:hover { + border-color: var(--success-success-700, #24471f); } - .xl\:backdrop-contrast-0 { - --tw-backdrop-contrast: contrast(0); + .\32xl\:hover\:border-Success-success:hover { + border-color: var(--success-success, #5bb14d); } - .xl\:backdrop-contrast-50 { - --tw-backdrop-contrast: contrast(.5); + .\32xl\:hover\:border-Success-success\ -100:hover { + border-color: var(--success-success-100, #8cc882); } - .xl\:backdrop-contrast-75 { - --tw-backdrop-contrast: contrast(.75); + .\32xl\:hover\:border-Success-success\ -200:hover { + border-color: var(--success-success-200, #add8a6); } - .xl\:backdrop-contrast-100 { - --tw-backdrop-contrast: contrast(1); + .\32xl\:hover\:border-Success-success\ -300:hover { + border-color: var(--success-success-300, #66a25c); } - .xl\:backdrop-contrast-125 { - --tw-backdrop-contrast: contrast(1.25); + .\32xl\:hover\:border-Success-success\ -400:hover { + border-color: var(--success-success-400, #6d9766); } - .xl\:backdrop-contrast-150 { - --tw-backdrop-contrast: contrast(1.5); + .\32xl\:hover\:border-Success-success\ -500:hover { + border-color: var(--success-success-500, #529f45); } - .xl\:backdrop-contrast-200 { - --tw-backdrop-contrast: contrast(2); + .\32xl\:hover\:border-Success-success\ -600:hover { + border-color: var(--success-success-600, #407c36); } - .xl\:backdrop-grayscale-0 { - --tw-backdrop-grayscale: grayscale(0); + .\32xl\:hover\:border-Error-error:hover { + border-color: var(--error-error, #f03d3e); } - .xl\:backdrop-grayscale { - --tw-backdrop-grayscale: grayscale(100%); + .\32xl\:hover\:border-Error-error-100:hover { + border-color: var(--error-error-100, #f57778); } - .xl\:backdrop-hue-rotate-0 { - --tw-backdrop-hue-rotate: hue-rotate(0deg); + .\32xl\:hover\:border-Error-error-200:hover { + border-color: var(--error-error-200, #f89e9e); } - .xl\:backdrop-hue-rotate-15 { - --tw-backdrop-hue-rotate: hue-rotate(15deg); + .\32xl\:hover\:border-Error-error-250:hover { + border-color: var(--error-error-250, #f9c8c8); } - .xl\:backdrop-hue-rotate-30 { - --tw-backdrop-hue-rotate: hue-rotate(30deg); + .\32xl\:hover\:border-Error-error-300:hover { + border-color: var(--error-error-300, #ce5151); } - .xl\:backdrop-hue-rotate-60 { - --tw-backdrop-hue-rotate: hue-rotate(60deg); + .\32xl\:hover\:border-Error-error-400:hover { + border-color: var(--error-error-400, #b85e5e); } - .xl\:backdrop-hue-rotate-90 { - --tw-backdrop-hue-rotate: hue-rotate(90deg); + .\32xl\:hover\:border-Error-error-500:hover { + border-color: var(--error-error-500, #d83738); } - .xl\:backdrop-hue-rotate-180 { - --tw-backdrop-hue-rotate: hue-rotate(180deg); + .\32xl\:hover\:border-Error-error-600:hover { + border-color: var(--error-error-600, #a82b2b); } - .xl\:-backdrop-hue-rotate-180 { - --tw-backdrop-hue-rotate: hue-rotate(-180deg); + .\32xl\:hover\:border-Error-error-700:hover { + border-color: var(--error-error-700, #601819); } - .xl\:-backdrop-hue-rotate-90 { - --tw-backdrop-hue-rotate: hue-rotate(-90deg); + .\32xl\:focus\:border-colors-black:focus { + border-color: var(--colors-black, #000000); } - .xl\:-backdrop-hue-rotate-60 { - --tw-backdrop-hue-rotate: hue-rotate(-60deg); + .\32xl\:focus\:border-colors-white:focus { + border-color: var(--colors-white, #ffffff); } - .xl\:-backdrop-hue-rotate-30 { - --tw-backdrop-hue-rotate: hue-rotate(-30deg); + .\32xl\:focus\:border-colors-gray-100:focus { + border-color: var(--colors-gray-100, #f7fafc); } - .xl\:-backdrop-hue-rotate-15 { - --tw-backdrop-hue-rotate: hue-rotate(-15deg); + .\32xl\:focus\:border-colors-gray-200:focus { + border-color: var(--colors-gray-200, #edf2f7); } - .xl\:backdrop-invert-0 { - --tw-backdrop-invert: invert(0); + .\32xl\:focus\:border-colors-gray-300:focus { + border-color: var(--colors-gray-300, #e2e8f0); } - .xl\:backdrop-invert { - --tw-backdrop-invert: invert(100%); + .\32xl\:focus\:border-colors-gray-400:focus { + border-color: var(--colors-gray-400, #cbd5e0); } - .xl\:backdrop-opacity-0 { - --tw-backdrop-opacity: opacity(0); + .\32xl\:focus\:border-colors-gray-500:focus { + border-color: var(--colors-gray-500, #a0aec0); } - .xl\:backdrop-opacity-5 { - --tw-backdrop-opacity: opacity(0.05); + .\32xl\:focus\:border-colors-gray-600:focus { + border-color: var(--colors-gray-600, #718096); } - .xl\:backdrop-opacity-10 { - --tw-backdrop-opacity: opacity(0.1); + .\32xl\:focus\:border-colors-gray-700:focus { + border-color: var(--colors-gray-700, #4a5568); } - .xl\:backdrop-opacity-20 { - --tw-backdrop-opacity: opacity(0.2); + .\32xl\:focus\:border-colors-gray-800:focus { + border-color: var(--colors-gray-800, #2d3748); } - .xl\:backdrop-opacity-25 { - --tw-backdrop-opacity: opacity(0.25); + .\32xl\:focus\:border-colors-gray-900:focus { + border-color: var(--colors-gray-900, #1a202c); } - .xl\:backdrop-opacity-30 { - --tw-backdrop-opacity: opacity(0.3); + .\32xl\:focus\:border-colors-red-100:focus { + border-color: var(--colors-red-100, #fff5f5); } - .xl\:backdrop-opacity-40 { - --tw-backdrop-opacity: opacity(0.4); + .\32xl\:focus\:border-colors-red-200:focus { + border-color: var(--colors-red-200, #fed7d7); } - .xl\:backdrop-opacity-50 { - --tw-backdrop-opacity: opacity(0.5); + .\32xl\:focus\:border-colors-red-300:focus { + border-color: var(--colors-red-300, #feb2b2); } - .xl\:backdrop-opacity-60 { - --tw-backdrop-opacity: opacity(0.6); + .\32xl\:focus\:border-colors-red-400:focus { + border-color: var(--colors-red-400, #fc8181); } - .xl\:backdrop-opacity-70 { - --tw-backdrop-opacity: opacity(0.7); + .\32xl\:focus\:border-colors-red-500:focus { + border-color: var(--colors-red-500, #f56565); } - .xl\:backdrop-opacity-75 { - --tw-backdrop-opacity: opacity(0.75); + .\32xl\:focus\:border-colors-red-600:focus { + border-color: var(--colors-red-600, #e53e3e); } - .xl\:backdrop-opacity-80 { - --tw-backdrop-opacity: opacity(0.8); + .\32xl\:focus\:border-colors-red-700:focus { + border-color: var(--colors-red-700, #c53030); } - .xl\:backdrop-opacity-90 { - --tw-backdrop-opacity: opacity(0.9); + .\32xl\:focus\:border-colors-red-800:focus { + border-color: var(--colors-red-800, #9b2c2c); } - .xl\:backdrop-opacity-95 { - --tw-backdrop-opacity: opacity(0.95); + .\32xl\:focus\:border-colors-red-900:focus { + border-color: var(--colors-red-900, #742a2a); } - .xl\:backdrop-opacity-100 { - --tw-backdrop-opacity: opacity(1); + .\32xl\:focus\:border-colors-orange-100:focus { + border-color: var(--colors-orange-100, #fffaf0); } - .xl\:backdrop-saturate-0 { - --tw-backdrop-saturate: saturate(0); + .\32xl\:focus\:border-colors-orange-200:focus { + border-color: var(--colors-orange-200, #feebc8); } - .xl\:backdrop-saturate-50 { - --tw-backdrop-saturate: saturate(.5); + .\32xl\:focus\:border-colors-orange-300:focus { + border-color: var(--colors-orange-300, #fbd38d); } - .xl\:backdrop-saturate-100 { - --tw-backdrop-saturate: saturate(1); + .\32xl\:focus\:border-colors-orange-400:focus { + border-color: var(--colors-orange-400, #f6ad55); } - .xl\:backdrop-saturate-150 { - --tw-backdrop-saturate: saturate(1.5); + .\32xl\:focus\:border-colors-orange-500:focus { + border-color: var(--colors-orange-500, #ed8936); } - .xl\:backdrop-saturate-200 { - --tw-backdrop-saturate: saturate(2); + .\32xl\:focus\:border-colors-orange-600:focus { + border-color: var(--colors-orange-600, #dd6b20); } - .xl\:backdrop-sepia-0 { - --tw-backdrop-sepia: sepia(0); + .\32xl\:focus\:border-colors-orange-700:focus { + border-color: var(--colors-orange-700, #c05621); } - .xl\:backdrop-sepia { - --tw-backdrop-sepia: sepia(100%); + .\32xl\:focus\:border-colors-orange-800:focus { + border-color: var(--colors-orange-800, #9c4221); } - .xl\:transition-none { - transition-property: none; + .\32xl\:focus\:border-colors-orange-900:focus { + border-color: var(--colors-orange-900, #7b341e); } - .xl\:transition-all { - transition-property: all; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 150ms; + .\32xl\:focus\:border-colors-yellow-100:focus { + border-color: var(--colors-yellow-100, #fffff0); } - .xl\:transition { - transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; - transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; - transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 150ms; + .\32xl\:focus\:border-colors-yellow-200:focus { + border-color: var(--colors-yellow-200, #fefcbf); } - .xl\:transition-colors { - transition-property: background-color, border-color, color, fill, stroke; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 150ms; + .\32xl\:focus\:border-colors-yellow-300:focus { + border-color: var(--colors-yellow-300, #faf089); } - .xl\:transition-opacity { - transition-property: opacity; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 150ms; + .\32xl\:focus\:border-colors-yellow-400:focus { + border-color: var(--colors-yellow-400, #f6e05e); } - .xl\:transition-shadow { - transition-property: box-shadow; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 150ms; + .\32xl\:focus\:border-colors-yellow-500:focus { + border-color: var(--colors-yellow-500, #ecc94b); } - .xl\:transition-transform { - transition-property: transform; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 150ms; + .\32xl\:focus\:border-colors-yellow-600:focus { + border-color: var(--colors-yellow-600, #d69e2e); } - .xl\:delay-75 { - transition-delay: 75ms; + .\32xl\:focus\:border-colors-yellow-700:focus { + border-color: var(--colors-yellow-700, #b7791f); } - .xl\:delay-100 { - transition-delay: 100ms; + .\32xl\:focus\:border-colors-yellow-800:focus { + border-color: var(--colors-yellow-800, #975a16); } - .xl\:delay-150 { - transition-delay: 150ms; + .\32xl\:focus\:border-colors-yellow-900:focus { + border-color: var(--colors-yellow-900, #744210); } - .xl\:delay-200 { - transition-delay: 200ms; + .\32xl\:focus\:border-colors-green-100:focus { + border-color: var(--colors-green-100, #f0fff4); } - .xl\:delay-300 { - transition-delay: 300ms; + .\32xl\:focus\:border-colors-green-200:focus { + border-color: var(--colors-green-200, #c6f6d5); } - .xl\:delay-500 { - transition-delay: 500ms; + .\32xl\:focus\:border-colors-green-300:focus { + border-color: var(--colors-green-300, #9ae6b4); } - .xl\:delay-700 { - transition-delay: 700ms; + .\32xl\:focus\:border-colors-green-400:focus { + border-color: var(--colors-green-400, #68d391); } - .xl\:delay-1000 { - transition-delay: 1000ms; + .\32xl\:focus\:border-colors-green-500:focus { + border-color: var(--colors-green-500, #48bb78); } - .xl\:duration-75 { - transition-duration: 75ms; + .\32xl\:focus\:border-colors-green-600:focus { + border-color: var(--colors-green-600, #38a169); } - .xl\:duration-100 { - transition-duration: 100ms; + .\32xl\:focus\:border-colors-green-700:focus { + border-color: var(--colors-green-700, #2f855a); } - .xl\:duration-150 { - transition-duration: 150ms; + .\32xl\:focus\:border-colors-green-800:focus { + border-color: var(--colors-green-800, #276749); } - .xl\:duration-200 { - transition-duration: 200ms; + .\32xl\:focus\:border-colors-green-900:focus { + border-color: var(--colors-green-900, #22543d); } - .xl\:duration-300 { - transition-duration: 300ms; + .\32xl\:focus\:border-colors-teal-100:focus { + border-color: var(--colors-teal-100, #e6fffa); } - .xl\:duration-500 { - transition-duration: 500ms; + .\32xl\:focus\:border-colors-teal-200:focus { + border-color: var(--colors-teal-200, #b2f5ea); } - .xl\:duration-700 { - transition-duration: 700ms; + .\32xl\:focus\:border-colors-teal-300:focus { + border-color: var(--colors-teal-300, #81e6d9); } - .xl\:duration-1000 { - transition-duration: 1000ms; + .\32xl\:focus\:border-colors-teal-400:focus { + border-color: var(--colors-teal-400, #4fd1c5); } - .xl\:ease-linear { - transition-timing-function: linear; + .\32xl\:focus\:border-colors-teal-500:focus { + border-color: var(--colors-teal-500, #38b2ac); } - .xl\:ease-in { - transition-timing-function: cubic-bezier(0.4, 0, 1, 1); + .\32xl\:focus\:border-colors-teal-600:focus { + border-color: var(--colors-teal-600, #319795); } - .xl\:ease-out { - transition-timing-function: cubic-bezier(0, 0, 0.2, 1); + .\32xl\:focus\:border-colors-teal-700:focus { + border-color: var(--colors-teal-700, #2c7a7b); } - .xl\:ease-in-out { - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + .\32xl\:focus\:border-colors-teal-800:focus { + border-color: var(--colors-teal-800, #285e61); } -} -@media (min-width: 1536px) { - .\32xl\:container { - width: 100%; + .\32xl\:focus\:border-colors-teal-900:focus { + border-color: var(--colors-teal-900, #234e52); } - @media (min-width: 640px) { - .\32xl\:container { - max-width: 640px; - } + .\32xl\:focus\:border-colors-blue-100:focus { + border-color: var(--colors-blue-100, #ebf8ff); } - @media (min-width: 768px) { - .\32xl\:container { - max-width: 768px; - } + .\32xl\:focus\:border-colors-blue-200:focus { + border-color: var(--colors-blue-200, #bee3f8); } - @media (min-width: 1024px) { - .\32xl\:container { - max-width: 1024px; - } + .\32xl\:focus\:border-colors-blue-300:focus { + border-color: var(--colors-blue-300, #90cdf4); } - @media (min-width: 1280px) { - .\32xl\:container { - max-width: 1280px; - } + .\32xl\:focus\:border-colors-blue-400:focus { + border-color: var(--colors-blue-400, #63b3ed); } - @media (min-width: 1536px) { - .\32xl\:container { - max-width: 1536px; - } + .\32xl\:focus\:border-colors-blue-500:focus { + border-color: var(--colors-blue-500, #4299e1); } - .\32xl\: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; + .\32xl\:focus\:border-colors-blue-600:focus { + border-color: var(--colors-blue-600, #3182ce); } - .\32xl\:not-sr-only { - position: static; - width: auto; - height: auto; - padding: 0; - margin: 0; - overflow: visible; - clip: auto; - white-space: normal; + .\32xl\:focus\:border-colors-blue-700:focus { + border-color: var(--colors-blue-700, #2b6cb0); } - .\32xl\:focus-within\:sr-only:focus-within { - position: absolute; - width: 1px; - height: 1px; - padding: 0; - margin: -1px; - overflow: hidden; - clip: rect(0, 0, 0, 0); - white-space: nowrap; - border-width: 0; + .\32xl\:focus\:border-colors-blue-800:focus { + border-color: var(--colors-blue-800, #2c5282); } - .\32xl\:focus-within\:not-sr-only:focus-within { - position: static; - width: auto; - height: auto; - padding: 0; - margin: 0; - overflow: visible; - clip: auto; - white-space: normal; + .\32xl\:focus\:border-colors-blue-900:focus { + border-color: var(--colors-blue-900, #2a4365); } - .\32xl\:focus\:sr-only:focus { - position: absolute; - width: 1px; - height: 1px; - padding: 0; - margin: -1px; - overflow: hidden; - clip: rect(0, 0, 0, 0); - white-space: nowrap; - border-width: 0; + .\32xl\:focus\:border-colors-indigo-100:focus { + border-color: var(--colors-indigo-100, #ebf4ff); } - .\32xl\:focus\:not-sr-only:focus { - position: static; - width: auto; - height: auto; - padding: 0; - margin: 0; - overflow: visible; - clip: auto; - white-space: normal; + .\32xl\:focus\:border-colors-indigo-200:focus { + border-color: var(--colors-indigo-200, #c3dafe); } - .\32xl\:pointer-events-none { - pointer-events: none; + .\32xl\:focus\:border-colors-indigo-300:focus { + border-color: var(--colors-indigo-300, #a3bffa); } - .\32xl\:pointer-events-auto { - pointer-events: auto; + .\32xl\:focus\:border-colors-indigo-400:focus { + border-color: var(--colors-indigo-400, #7f9cf5); } - .\32xl\:visible { - visibility: visible; + .\32xl\:focus\:border-colors-indigo-500:focus { + border-color: var(--colors-indigo-500, #667eea); } - .\32xl\:invisible { - visibility: hidden; + .\32xl\:focus\:border-colors-indigo-600:focus { + border-color: var(--colors-indigo-600, #5a67d8); } - .\32xl\:static { - position: static; + .\32xl\:focus\:border-colors-indigo-700:focus { + border-color: var(--colors-indigo-700, #4c51bf); } - .\32xl\:fixed { - position: fixed; + .\32xl\:focus\:border-colors-indigo-800:focus { + border-color: var(--colors-indigo-800, #434190); } - .\32xl\:absolute { - position: absolute; + .\32xl\:focus\:border-colors-indigo-900:focus { + border-color: var(--colors-indigo-900, #3c366b); } - .\32xl\:relative { - position: relative; + .\32xl\:focus\:border-colors-purple-100:focus { + border-color: var(--colors-purple-100, #faf5ff); } - .\32xl\:sticky { - position: sticky; + .\32xl\:focus\:border-colors-purple-200:focus { + border-color: var(--colors-purple-200, #e9d8fd); } - .\32xl\:inset-0 { - top: 0px; - right: 0px; - bottom: 0px; - left: 0px; + .\32xl\:focus\:border-colors-purple-300:focus { + border-color: var(--colors-purple-300, #d6bcfa); } - .\32xl\:inset-1 { - top: 0.25rem; - right: 0.25rem; - bottom: 0.25rem; - left: 0.25rem; + .\32xl\:focus\:border-colors-purple-400:focus { + border-color: var(--colors-purple-400, #b794f4); } - .\32xl\:inset-2 { - top: 0.5rem; - right: 0.5rem; - bottom: 0.5rem; - left: 0.5rem; + .\32xl\:focus\:border-colors-purple-500:focus { + border-color: var(--colors-purple-500, #9f7aea); } - .\32xl\:inset-3 { - top: 0.75rem; - right: 0.75rem; - bottom: 0.75rem; - left: 0.75rem; + .\32xl\:focus\:border-colors-purple-600:focus { + border-color: var(--colors-purple-600, #805ad5); } - .\32xl\:inset-4 { - top: 1rem; - right: 1rem; - bottom: 1rem; - left: 1rem; + .\32xl\:focus\:border-colors-purple-700:focus { + border-color: var(--colors-purple-700, #6b46c1); } - .\32xl\:inset-5 { - top: 1.25rem; - right: 1.25rem; - bottom: 1.25rem; - left: 1.25rem; + .\32xl\:focus\:border-colors-purple-800:focus { + border-color: var(--colors-purple-800, #553c9a); } - .\32xl\:inset-6 { - top: 1.5rem; - right: 1.5rem; - bottom: 1.5rem; - left: 1.5rem; + .\32xl\:focus\:border-colors-purple-900:focus { + border-color: var(--colors-purple-900, #44337a); } - .\32xl\:inset-7 { - top: 1.75rem; - right: 1.75rem; - bottom: 1.75rem; - left: 1.75rem; + .\32xl\:focus\:border-colors-pink-100:focus { + border-color: var(--colors-pink-100, #fff5f7); } - .\32xl\:inset-8 { - top: 2rem; - right: 2rem; - bottom: 2rem; - left: 2rem; + .\32xl\:focus\:border-colors-pink-200:focus { + border-color: var(--colors-pink-200, #fed7e2); } - .\32xl\:inset-9 { - top: 2.25rem; - right: 2.25rem; - bottom: 2.25rem; - left: 2.25rem; + .\32xl\:focus\:border-colors-pink-300:focus { + border-color: var(--colors-pink-300, #fbb6ce); } - .\32xl\:inset-10 { - top: 2.5rem; - right: 2.5rem; - bottom: 2.5rem; - left: 2.5rem; + .\32xl\:focus\:border-colors-pink-400:focus { + border-color: var(--colors-pink-400, #f687b3); } - .\32xl\:inset-11 { - top: 2.75rem; - right: 2.75rem; - bottom: 2.75rem; - left: 2.75rem; + .\32xl\:focus\:border-colors-pink-500:focus { + border-color: var(--colors-pink-500, #ed64a6); } - .\32xl\:inset-12 { - top: 3rem; - right: 3rem; - bottom: 3rem; - left: 3rem; + .\32xl\:focus\:border-colors-pink-600:focus { + border-color: var(--colors-pink-600, #d53f8c); } - .\32xl\:inset-14 { - top: 3.5rem; - right: 3.5rem; - bottom: 3.5rem; - left: 3.5rem; + .\32xl\:focus\:border-colors-pink-700:focus { + border-color: var(--colors-pink-700, #b83280); } - .\32xl\:inset-16 { - top: 4rem; - right: 4rem; - bottom: 4rem; - left: 4rem; + .\32xl\:focus\:border-colors-pink-800:focus { + border-color: var(--colors-pink-800, #97266d); } - .\32xl\:inset-20 { - top: 5rem; - right: 5rem; - bottom: 5rem; - left: 5rem; + .\32xl\:focus\:border-colors-pink-900:focus { + border-color: var(--colors-pink-900, #702459); } - .\32xl\:inset-24 { - top: 6rem; - right: 6rem; - bottom: 6rem; - left: 6rem; + .\32xl\:focus\:border-Box\ Shadow:focus { + border-color: var(--box-shadow, #7f7e7f); } - .\32xl\:inset-28 { - top: 7rem; - right: 7rem; - bottom: 7rem; - left: 7rem; + .\32xl\:focus\:border-Error16:focus { + border-color: var(--error16, #f03d3e40); } - .\32xl\:inset-32 { - top: 8rem; - right: 8rem; - bottom: 8rem; - left: 8rem; + .\32xl\:focus\:border-Success16:focus { + border-color: var(--success16, #5bb14d40); } - .\32xl\:inset-36 { - top: 9rem; - right: 9rem; - bottom: 9rem; - left: 9rem; + .\32xl\:focus\:border-Notification16:focus { + border-color: var(--notification16, #3959ff40); } - .\32xl\:inset-40 { - top: 10rem; - right: 10rem; - bottom: 10rem; - left: 10rem; + .\32xl\:focus\:border-Error8:focus { + border-color: var(--error8, #f03d3e1a); } - .\32xl\:inset-44 { - top: 11rem; - right: 11rem; - bottom: 11rem; - left: 11rem; + .\32xl\:focus\:border-Notification8:focus { + border-color: var(--notification8, #3959ff1a); } - .\32xl\:inset-48 { - top: 12rem; - right: 12rem; - bottom: 12rem; - left: 12rem; + .\32xl\:focus\:border-Success8:focus { + border-color: var(--success8, #5bb14d1a); } - .\32xl\:inset-52 { - top: 13rem; - right: 13rem; - bottom: 13rem; - left: 13rem; + .\32xl\:focus\:border-Light\ -\ Overlay:focus { + border-color: var(--light-overlay, #f0edee66); } - .\32xl\:inset-56 { - top: 14rem; - right: 14rem; - bottom: 14rem; - left: 14rem; + .\32xl\:focus\:border-Dark-\ Overlay:focus { + border-color: var(--dark-overlay, #7f7e7f66); } - .\32xl\:inset-60 { - top: 15rem; - right: 15rem; - bottom: 15rem; - left: 15rem; + .\32xl\:focus\:border-black-40:focus { + border-color: var(--black-40, #00000066); } - .\32xl\:inset-64 { - top: 16rem; - right: 16rem; - bottom: 16rem; - left: 16rem; + .\32xl\:focus\:border-black-75:focus { + border-color: var(--black-75, #000000bf); } - .\32xl\:inset-72 { - top: 18rem; - right: 18rem; - bottom: 18rem; - left: 18rem; + .\32xl\:focus\:border-black-60:focus { + border-color: var(--black-60, #00000099); } - .\32xl\:inset-80 { - top: 20rem; - right: 20rem; - bottom: 20rem; - left: 20rem; + .\32xl\:focus\:border-black-50:focus { + border-color: var(--black-50, #00000080); } - .\32xl\:inset-96 { - top: 24rem; - right: 24rem; - bottom: 24rem; - left: 24rem; + .\32xl\:focus\:border-black-25:focus { + border-color: var(--black-25, #00000040); } - .\32xl\:inset-auto { - top: auto; - right: auto; - bottom: auto; - left: auto; + .\32xl\:focus\:border-black-10:focus { + border-color: var(--black-10, #0000001a); } - .\32xl\:inset-px { - top: 1px; - right: 1px; - bottom: 1px; - left: 1px; + .\32xl\:focus\:border-white-25:focus { + border-color: var(--white-25, #ffffff40); } - .\32xl\:inset-0\.5 { - top: 0.125rem; - right: 0.125rem; - bottom: 0.125rem; - left: 0.125rem; + .\32xl\:focus\:border-white-60:focus { + border-color: var(--white-60, #ffffff99); } - .\32xl\:inset-1\.5 { - top: 0.375rem; - right: 0.375rem; - bottom: 0.375rem; - left: 0.375rem; + .\32xl\:focus\:border-black-64:focus { + border-color: var(--black-64, #000000a3); } - .\32xl\:inset-2\.5 { - top: 0.625rem; - right: 0.625rem; - bottom: 0.625rem; - left: 0.625rem; + .\32xl\:focus\:border-Shadow\ and\ Highlight-Shadow:focus { + border-color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .\32xl\:inset-3\.5 { - top: 0.875rem; - right: 0.875rem; - bottom: 0.875rem; - left: 0.875rem; + .\32xl\:focus\:border-Shadow\ and\ Highlight-Highlight:focus { + border-color: var(--shadow-and-highlight-highlight, #474747); } - .\32xl\:-inset-0 { - top: 0px; - right: 0px; - bottom: 0px; - left: 0px; + .\32xl\:focus\:border-Shadow\ and\ Highlight-highlight\ one:focus { + border-color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .\32xl\:-inset-1 { - top: -0.25rem; - right: -0.25rem; - bottom: -0.25rem; - left: -0.25rem; + .\32xl\:focus\:border-Shadow\ and\ Highlight-highlight\ two:focus { + border-color: var(--shadow-and-highlight-highlight-two, #47474799); } - .\32xl\:-inset-2 { - top: -0.5rem; - right: -0.5rem; - bottom: -0.5rem; - left: -0.5rem; + .\32xl\:focus\:border-Shadow\ and\ Highlight-highlight\ three:focus { + border-color: var(--shadow-and-highlight-highlight-three, #47474766); } - .\32xl\:-inset-3 { - top: -0.75rem; - right: -0.75rem; - bottom: -0.75rem; - left: -0.75rem; + .\32xl\:focus\:border-Shadow\ and\ Highlight-highlight\ five:focus { + border-color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .\32xl\:-inset-4 { - top: -1rem; - right: -1rem; - bottom: -1rem; - left: -1rem; + .\32xl\:focus\:border-Shadow\ and\ Highlight-shadow\ one:focus { + border-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .\32xl\:-inset-5 { - top: -1.25rem; - right: -1.25rem; - bottom: -1.25rem; - left: -1.25rem; + .\32xl\:focus\:border-Shadow\ and\ Highlight-shadow\ two:focus { + border-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .\32xl\:-inset-6 { - top: -1.5rem; - right: -1.5rem; - bottom: -1.5rem; - left: -1.5rem; + .\32xl\:focus\:border-Shadow\ and\ Highlight-shadow\ three:focus { + border-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .\32xl\:-inset-7 { - top: -1.75rem; - right: -1.75rem; - bottom: -1.75rem; - left: -1.75rem; + .\32xl\:focus\:border-Shadow\ and\ Highlight-shadow\ four:focus { + border-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .\32xl\:-inset-8 { - top: -2rem; - right: -2rem; - bottom: -2rem; - left: -2rem; + .\32xl\:focus\:border-Shadow\ and\ Highlight-shadow\ five:focus { + border-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .\32xl\:-inset-9 { - top: -2.25rem; - right: -2.25rem; - bottom: -2.25rem; - left: -2.25rem; + .\32xl\:focus\:border-Shadow\ and\ Highlight-highlight\ four:focus { + border-color: var(--shadow-and-highlight-highlight-four, #47474740); } - .\32xl\:-inset-10 { - top: -2.5rem; - right: -2.5rem; - bottom: -2.5rem; - left: -2.5rem; + .\32xl\:focus\:border-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus { + border-color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .\32xl\:-inset-11 { - top: -2.75rem; - right: -2.75rem; - bottom: -2.75rem; - left: -2.75rem; + .\32xl\:focus\:border-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus { + border-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .\32xl\:-inset-12 { - top: -3rem; - right: -3rem; - bottom: -3rem; - left: -3rem; + .\32xl\:focus\:border-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus { + border-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .\32xl\:-inset-14 { - top: -3.5rem; - right: -3.5rem; - bottom: -3.5rem; - left: -3.5rem; + .\32xl\:focus\:border-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus { + border-color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .\32xl\:-inset-16 { - top: -4rem; - right: -4rem; - bottom: -4rem; - left: -4rem; + .\32xl\:focus\:border-Grey-Scale-white:focus { + border-color: var(--grey-scale-white, #ffffff); } - .\32xl\:-inset-20 { - top: -5rem; - right: -5rem; - bottom: -5rem; - left: -5rem; + .\32xl\:focus\:border-Grey-Scale-off-white:focus { + border-color: var(--grey-scale-off-white, #f0edee); } - .\32xl\:-inset-24 { - top: -6rem; - right: -6rem; - bottom: -6rem; - left: -6rem; + .\32xl\:focus\:border-Grey\ Scale-grey:focus { + border-color: var(--grey-scale-grey, #7f7e7f); } - .\32xl\:-inset-28 { - top: -7rem; - right: -7rem; - bottom: -7rem; - left: -7rem; + .\32xl\:focus\:border-Grey\ Scale-charcoal:focus { + border-color: var(--grey-scale-charcoal, #474747); } - .\32xl\:-inset-32 { - top: -8rem; - right: -8rem; - bottom: -8rem; - left: -8rem; + .\32xl\:focus\:border-Grey\ Scale-off-black:focus { + border-color: var(--grey-scale-off-black, #1c1c1c); } - .\32xl\:-inset-36 { - top: -9rem; - right: -9rem; - bottom: -9rem; - left: -9rem; + .\32xl\:focus\:border-Grey\ Scale-black:focus { + border-color: var(--grey-scale-black, #000000); } - .\32xl\:-inset-40 { - top: -10rem; - right: -10rem; - bottom: -10rem; - left: -10rem; + .\32xl\:focus\:border-Blue-blue:focus { + border-color: var(--blue-blue, #3a7ca5); } - .\32xl\:-inset-44 { - top: -11rem; - right: -11rem; - bottom: -11rem; - left: -11rem; + .\32xl\:focus\:border-Blue-blue-100:focus { + border-color: var(--blue-blue-100, #75a3c0); } - .\32xl\:-inset-48 { - top: -12rem; - right: -12rem; - bottom: -12rem; - left: -12rem; + .\32xl\:focus\:border-Blue-blue-200:focus { + border-color: var(--blue-blue-200, #9cbed2); } - .\32xl\:-inset-52 { - top: -13rem; - right: -13rem; - bottom: -13rem; - left: -13rem; + .\32xl\:focus\:border-Blue-blue-300:focus { + border-color: var(--blue-blue-300, #4f7d9a); } - .\32xl\:-inset-56 { - top: -14rem; - right: -14rem; - bottom: -14rem; - left: -14rem; + .\32xl\:focus\:border-Blue-blue-400:focus { + border-color: var(--blue-blue-400, #5c7d92); } - .\32xl\:-inset-60 { - top: -15rem; - right: -15rem; - bottom: -15rem; - left: -15rem; + .\32xl\:focus\:border-Blue-blue-500:focus { + border-color: var(--blue-blue-500, #347095); } - .\32xl\:-inset-64 { - top: -16rem; - right: -16rem; - bottom: -16rem; - left: -16rem; + .\32xl\:focus\:border-Blue-blue-600:focus { + border-color: var(--blue-blue-600, #295774); } - .\32xl\:-inset-72 { - top: -18rem; - right: -18rem; - bottom: -18rem; - left: -18rem; + .\32xl\:focus\:border-Blue-blue-700:focus { + border-color: var(--blue-blue-700, #173242); } - .\32xl\:-inset-80 { - top: -20rem; - right: -20rem; - bottom: -20rem; - left: -20rem; + .\32xl\:focus\:border-LightBlue-lightblue:focus { + border-color: var(--light-blue-lightblue, #81c3d7); } - .\32xl\:-inset-96 { - top: -24rem; - right: -24rem; - bottom: -24rem; - left: -24rem; + .\32xl\:focus\:border-LightBlue-lightblue-100:focus { + border-color: var(--light-blue-lightblue-100, #a7d5e3); } - .\32xl\:-inset-px { - top: -1px; - right: -1px; - bottom: -1px; - left: -1px; + .\32xl\:focus\:border-LightBlue-lightblue-200:focus { + border-color: var(--light-blue-lightblue-200, #c0e1eb); } - .\32xl\:-inset-0\.5 { - top: -0.125rem; - right: -0.125rem; - bottom: -0.125rem; - left: -0.125rem; + .\32xl\:focus\:border-LightBlue-lightblue-300:focus { + border-color: var(--light-blue-lightblue-300, #80aebd); } - .\32xl\:-inset-1\.5 { - top: -0.375rem; - right: -0.375rem; - bottom: -0.375rem; - left: -0.375rem; + .\32xl\:focus\:border-LightBlue-lightblue-400:focus { + border-color: var(--light-blue-lightblue-400, #80a0ab); } - .\32xl\:-inset-2\.5 { - top: -0.625rem; - right: -0.625rem; - bottom: -0.625rem; - left: -0.625rem; + .\32xl\:focus\:border-LightBlue-lightblue-500:focus { + border-color: var(--light-blue-lightblue-500, #74afc1); } - .\32xl\:-inset-3\.5 { - top: -0.875rem; - right: -0.875rem; - bottom: -0.875rem; - left: -0.875rem; + .\32xl\:focus\:border-LightBlue-lightblue-600:focus { + border-color: var(--light-blue-lightblue-600, #5a8997); } - .\32xl\:inset-1\/2 { - top: 50%; - right: 50%; - bottom: 50%; - left: 50%; + .\32xl\:focus\:border-LightBlue-lightblue-650:focus { + border-color: var(--light-blue-lightblue-650, #3e5e65); } - .\32xl\:inset-1\/3 { - top: 33.333333%; - right: 33.333333%; - bottom: 33.333333%; - left: 33.333333%; + .\32xl\:focus\:border-LightBlue-lightblue-700:focus { + border-color: var(--light-blue-lightblue-700, #344e56); } - .\32xl\:inset-2\/3 { - top: 66.666667%; - right: 66.666667%; - bottom: 66.666667%; - left: 66.666667%; + .\32xl\:focus\:border-Orange-orange:focus { + border-color: var(--orange-orange, #ff7f0e); } - .\32xl\:inset-1\/4 { - top: 25%; - right: 25%; - bottom: 25%; - left: 25%; + .\32xl\:focus\:border-Orange-orange-100:focus { + border-color: var(--orange-orange-100, #ffa556); } - .\32xl\:inset-2\/4 { - top: 50%; - right: 50%; - bottom: 50%; - left: 50%; + .\32xl\:focus\:border-Orange-orange-200:focus { + border-color: var(--orange-orange-200, #ffbf86); } - .\32xl\:inset-3\/4 { - top: 75%; - right: 75%; - bottom: 75%; - left: 75%; + .\32xl\:focus\:border-Orange-orange-300:focus { + border-color: var(--orange-orange-300, #d97f30); } - .\32xl\:inset-full { - top: 100%; - right: 100%; - bottom: 100%; - left: 100%; + .\32xl\:focus\:border-Orange-orange-400:focus { + border-color: var(--orange-orange-400, #bf7e46); } - .\32xl\:-inset-1\/2 { - top: -50%; - right: -50%; - bottom: -50%; - left: -50%; + .\32xl\:focus\:border-Orange-orange-500:focus { + border-color: var(--orange-orange-500, #e5720d); } - .\32xl\:-inset-1\/3 { - top: -33.333333%; - right: -33.333333%; - bottom: -33.333333%; - left: -33.333333%; + .\32xl\:focus\:border-Orange-orange-600:focus { + border-color: var(--orange-orange-600, #b3590a); } - .\32xl\:-inset-2\/3 { - top: -66.666667%; - right: -66.666667%; - bottom: -66.666667%; - left: -66.666667%; + .\32xl\:focus\:border-Orange-orange-700:focus { + border-color: var(--orange-orange-700, #663306); } - .\32xl\:-inset-1\/4 { - top: -25%; - right: -25%; - bottom: -25%; - left: -25%; + .\32xl\:focus\:border-Yellow-yellow:focus { + border-color: var(--yellow-yellow, #ffab00); } - .\32xl\:-inset-2\/4 { - top: -50%; - right: -50%; - bottom: -50%; - left: -50%; + .\32xl\:focus\:border-Yellow-yellow-100:focus { + border-color: var(--yellow-yellow-100, #ffc44c); } - .\32xl\:-inset-3\/4 { - top: -75%; - right: -75%; - bottom: -75%; - left: -75%; + .\32xl\:focus\:border-Yellow-yellow-200:focus { + border-color: var(--yellow-yellow-200, #ffd580); } - .\32xl\:-inset-full { - top: -100%; - right: -100%; - bottom: -100%; - left: -100%; + .\32xl\:focus\:border-Yellow-yellow-300:focus { + border-color: var(--yellow-yellow-300, #d99d26); } - .\32xl\:inset-x-0 { - left: 0px; - right: 0px; + .\32xl\:focus\:border-Yellow-yellow-400:focus { + border-color: var(--yellow-yellow-400, #bf943f); } - .\32xl\:inset-x-1 { - left: 0.25rem; - right: 0.25rem; + .\32xl\:focus\:border-Yellow-yellow-500:focus { + border-color: var(--yellow-yellow-500, #e59a00); } - .\32xl\:inset-x-2 { - left: 0.5rem; - right: 0.5rem; + .\32xl\:focus\:border-Yellow-yellow-600:focus { + border-color: var(--yellow-yellow-600, #b37800); } - .\32xl\:inset-x-3 { - left: 0.75rem; - right: 0.75rem; + .\32xl\:focus\:border-Yellow-yellow-700:focus { + border-color: var(--yellow-yellow-700, #664400); } - .\32xl\:inset-x-4 { - left: 1rem; - right: 1rem; + .\32xl\:focus\:border-Notification-notification:focus { + border-color: var(--notification-notification, #3959ff); } - .\32xl\:inset-x-5 { - left: 1.25rem; - right: 1.25rem; + .\32xl\:focus\:border-Notification-notification-100:focus { + border-color: var(--notification-notification-100, #748bff); } - .\32xl\:inset-x-6 { - left: 1.5rem; - right: 1.5rem; + .\32xl\:focus\:border-Notification-notification-200:focus { + border-color: var(--notification-notification-200, #9cacff); } - .\32xl\:inset-x-7 { - left: 1.75rem; - right: 1.75rem; + .\32xl\:focus\:border-Notification-notification-300:focus { + border-color: var(--notification-notification-300, #4e64d9); } - .\32xl\:inset-x-8 { - left: 2rem; - right: 2rem; + .\32xl\:focus\:border-Notification-notification-400:focus { + border-color: var(--notification-notification-400, #5c6cbf); } - .\32xl\:inset-x-9 { - left: 2.25rem; - right: 2.25rem; + .\32xl\:focus\:border-Notification-notification-500:focus { + border-color: var(--notification-notification-500, #3350e5); } - .\32xl\:inset-x-10 { - left: 2.5rem; - right: 2.5rem; + .\32xl\:focus\:border-Notification-notification-600:focus { + border-color: var(--notification-notification-600, #283eb3); } - .\32xl\:inset-x-11 { - left: 2.75rem; - right: 2.75rem; + .\32xl\:focus\:border-Notification-notification-700:focus { + border-color: var(--notification-notification-700, #172466); } - .\32xl\:inset-x-12 { - left: 3rem; - right: 3rem; + .\32xl\:focus\:border-Success-success\ -700:focus { + border-color: var(--success-success-700, #24471f); } - .\32xl\:inset-x-14 { - left: 3.5rem; - right: 3.5rem; + .\32xl\:focus\:border-Success-success:focus { + border-color: var(--success-success, #5bb14d); } - .\32xl\:inset-x-16 { - left: 4rem; - right: 4rem; + .\32xl\:focus\:border-Success-success\ -100:focus { + border-color: var(--success-success-100, #8cc882); } - .\32xl\:inset-x-20 { - left: 5rem; - right: 5rem; + .\32xl\:focus\:border-Success-success\ -200:focus { + border-color: var(--success-success-200, #add8a6); } - .\32xl\:inset-x-24 { - left: 6rem; - right: 6rem; + .\32xl\:focus\:border-Success-success\ -300:focus { + border-color: var(--success-success-300, #66a25c); } - .\32xl\:inset-x-28 { - left: 7rem; - right: 7rem; + .\32xl\:focus\:border-Success-success\ -400:focus { + border-color: var(--success-success-400, #6d9766); } - .\32xl\:inset-x-32 { - left: 8rem; - right: 8rem; + .\32xl\:focus\:border-Success-success\ -500:focus { + border-color: var(--success-success-500, #529f45); } - .\32xl\:inset-x-36 { - left: 9rem; - right: 9rem; + .\32xl\:focus\:border-Success-success\ -600:focus { + border-color: var(--success-success-600, #407c36); } - .\32xl\:inset-x-40 { - left: 10rem; - right: 10rem; + .\32xl\:focus\:border-Error-error:focus { + border-color: var(--error-error, #f03d3e); } - .\32xl\:inset-x-44 { - left: 11rem; - right: 11rem; + .\32xl\:focus\:border-Error-error-100:focus { + border-color: var(--error-error-100, #f57778); } - .\32xl\:inset-x-48 { - left: 12rem; - right: 12rem; + .\32xl\:focus\:border-Error-error-200:focus { + border-color: var(--error-error-200, #f89e9e); } - .\32xl\:inset-x-52 { - left: 13rem; - right: 13rem; + .\32xl\:focus\:border-Error-error-250:focus { + border-color: var(--error-error-250, #f9c8c8); } - .\32xl\:inset-x-56 { - left: 14rem; - right: 14rem; + .\32xl\:focus\:border-Error-error-300:focus { + border-color: var(--error-error-300, #ce5151); } - .\32xl\:inset-x-60 { - left: 15rem; - right: 15rem; + .\32xl\:focus\:border-Error-error-400:focus { + border-color: var(--error-error-400, #b85e5e); } - .\32xl\:inset-x-64 { - left: 16rem; - right: 16rem; + .\32xl\:focus\:border-Error-error-500:focus { + border-color: var(--error-error-500, #d83738); } - .\32xl\:inset-x-72 { - left: 18rem; - right: 18rem; + .\32xl\:focus\:border-Error-error-600:focus { + border-color: var(--error-error-600, #a82b2b); } - .\32xl\:inset-x-80 { - left: 20rem; - right: 20rem; + .\32xl\:focus\:border-Error-error-700:focus { + border-color: var(--error-error-700, #601819); } - .\32xl\:inset-x-96 { - left: 24rem; - right: 24rem; + .\32xl\:border-opacity-0 { + --tw-border-opacity: 0; } - .\32xl\:inset-x-auto { - left: auto; - right: auto; + .\32xl\:border-opacity-5 { + --tw-border-opacity: 0.05; } - .\32xl\:inset-x-px { - left: 1px; - right: 1px; + .\32xl\:border-opacity-10 { + --tw-border-opacity: 0.1; } - .\32xl\:inset-x-0\.5 { - left: 0.125rem; - right: 0.125rem; + .\32xl\:border-opacity-20 { + --tw-border-opacity: 0.2; } - .\32xl\:inset-x-1\.5 { - left: 0.375rem; - right: 0.375rem; + .\32xl\:border-opacity-25 { + --tw-border-opacity: 0.25; } - .\32xl\:inset-x-2\.5 { - left: 0.625rem; - right: 0.625rem; + .\32xl\:border-opacity-30 { + --tw-border-opacity: 0.3; } - .\32xl\:inset-x-3\.5 { - left: 0.875rem; - right: 0.875rem; + .\32xl\:border-opacity-40 { + --tw-border-opacity: 0.4; } - .\32xl\:-inset-x-0 { - left: 0px; - right: 0px; + .\32xl\:border-opacity-50 { + --tw-border-opacity: 0.5; } - .\32xl\:-inset-x-1 { - left: -0.25rem; - right: -0.25rem; + .\32xl\:border-opacity-60 { + --tw-border-opacity: 0.6; } - .\32xl\:-inset-x-2 { - left: -0.5rem; - right: -0.5rem; + .\32xl\:border-opacity-70 { + --tw-border-opacity: 0.7; } - .\32xl\:-inset-x-3 { - left: -0.75rem; - right: -0.75rem; + .\32xl\:border-opacity-75 { + --tw-border-opacity: 0.75; } - .\32xl\:-inset-x-4 { - left: -1rem; - right: -1rem; + .\32xl\:border-opacity-80 { + --tw-border-opacity: 0.8; } - .\32xl\:-inset-x-5 { - left: -1.25rem; - right: -1.25rem; + .\32xl\:border-opacity-90 { + --tw-border-opacity: 0.9; } - .\32xl\:-inset-x-6 { - left: -1.5rem; - right: -1.5rem; + .\32xl\:border-opacity-95 { + --tw-border-opacity: 0.95; } - .\32xl\:-inset-x-7 { - left: -1.75rem; - right: -1.75rem; + .\32xl\:border-opacity-100 { + --tw-border-opacity: 1; } - .\32xl\:-inset-x-8 { - left: -2rem; - right: -2rem; + .group:hover .\32xl\:group-hover\:border-opacity-0 { + --tw-border-opacity: 0; } - .\32xl\:-inset-x-9 { - left: -2.25rem; - right: -2.25rem; + .group:hover .\32xl\:group-hover\:border-opacity-5 { + --tw-border-opacity: 0.05; } - .\32xl\:-inset-x-10 { - left: -2.5rem; - right: -2.5rem; + .group:hover .\32xl\:group-hover\:border-opacity-10 { + --tw-border-opacity: 0.1; } - .\32xl\:-inset-x-11 { - left: -2.75rem; - right: -2.75rem; + .group:hover .\32xl\:group-hover\:border-opacity-20 { + --tw-border-opacity: 0.2; } - .\32xl\:-inset-x-12 { - left: -3rem; - right: -3rem; + .group:hover .\32xl\:group-hover\:border-opacity-25 { + --tw-border-opacity: 0.25; } - .\32xl\:-inset-x-14 { - left: -3.5rem; - right: -3.5rem; + .group:hover .\32xl\:group-hover\:border-opacity-30 { + --tw-border-opacity: 0.3; } - .\32xl\:-inset-x-16 { - left: -4rem; - right: -4rem; + .group:hover .\32xl\:group-hover\:border-opacity-40 { + --tw-border-opacity: 0.4; } - .\32xl\:-inset-x-20 { - left: -5rem; - right: -5rem; + .group:hover .\32xl\:group-hover\:border-opacity-50 { + --tw-border-opacity: 0.5; } - .\32xl\:-inset-x-24 { - left: -6rem; - right: -6rem; + .group:hover .\32xl\:group-hover\:border-opacity-60 { + --tw-border-opacity: 0.6; } - .\32xl\:-inset-x-28 { - left: -7rem; - right: -7rem; + .group:hover .\32xl\:group-hover\:border-opacity-70 { + --tw-border-opacity: 0.7; } - .\32xl\:-inset-x-32 { - left: -8rem; - right: -8rem; + .group:hover .\32xl\:group-hover\:border-opacity-75 { + --tw-border-opacity: 0.75; } - .\32xl\:-inset-x-36 { - left: -9rem; - right: -9rem; + .group:hover .\32xl\:group-hover\:border-opacity-80 { + --tw-border-opacity: 0.8; } - .\32xl\:-inset-x-40 { - left: -10rem; - right: -10rem; + .group:hover .\32xl\:group-hover\:border-opacity-90 { + --tw-border-opacity: 0.9; } - .\32xl\:-inset-x-44 { - left: -11rem; - right: -11rem; + .group:hover .\32xl\:group-hover\:border-opacity-95 { + --tw-border-opacity: 0.95; } - .\32xl\:-inset-x-48 { - left: -12rem; - right: -12rem; + .group:hover .\32xl\:group-hover\:border-opacity-100 { + --tw-border-opacity: 1; } - .\32xl\:-inset-x-52 { - left: -13rem; - right: -13rem; + .\32xl\:focus-within\:border-opacity-0:focus-within { + --tw-border-opacity: 0; } - .\32xl\:-inset-x-56 { - left: -14rem; - right: -14rem; + .\32xl\:focus-within\:border-opacity-5:focus-within { + --tw-border-opacity: 0.05; } - .\32xl\:-inset-x-60 { - left: -15rem; - right: -15rem; + .\32xl\:focus-within\:border-opacity-10:focus-within { + --tw-border-opacity: 0.1; } - .\32xl\:-inset-x-64 { - left: -16rem; - right: -16rem; + .\32xl\:focus-within\:border-opacity-20:focus-within { + --tw-border-opacity: 0.2; } - .\32xl\:-inset-x-72 { - left: -18rem; - right: -18rem; + .\32xl\:focus-within\:border-opacity-25:focus-within { + --tw-border-opacity: 0.25; } - .\32xl\:-inset-x-80 { - left: -20rem; - right: -20rem; + .\32xl\:focus-within\:border-opacity-30:focus-within { + --tw-border-opacity: 0.3; } - .\32xl\:-inset-x-96 { - left: -24rem; - right: -24rem; + .\32xl\:focus-within\:border-opacity-40:focus-within { + --tw-border-opacity: 0.4; } - .\32xl\:-inset-x-px { - left: -1px; - right: -1px; + .\32xl\:focus-within\:border-opacity-50:focus-within { + --tw-border-opacity: 0.5; } - .\32xl\:-inset-x-0\.5 { - left: -0.125rem; - right: -0.125rem; + .\32xl\:focus-within\:border-opacity-60:focus-within { + --tw-border-opacity: 0.6; } - .\32xl\:-inset-x-1\.5 { - left: -0.375rem; - right: -0.375rem; + .\32xl\:focus-within\:border-opacity-70:focus-within { + --tw-border-opacity: 0.7; } - .\32xl\:-inset-x-2\.5 { - left: -0.625rem; - right: -0.625rem; + .\32xl\:focus-within\:border-opacity-75:focus-within { + --tw-border-opacity: 0.75; } - .\32xl\:-inset-x-3\.5 { - left: -0.875rem; - right: -0.875rem; + .\32xl\:focus-within\:border-opacity-80:focus-within { + --tw-border-opacity: 0.8; } - .\32xl\:inset-x-1\/2 { - left: 50%; - right: 50%; + .\32xl\:focus-within\:border-opacity-90:focus-within { + --tw-border-opacity: 0.9; } - .\32xl\:inset-x-1\/3 { - left: 33.333333%; - right: 33.333333%; + .\32xl\:focus-within\:border-opacity-95:focus-within { + --tw-border-opacity: 0.95; } - .\32xl\:inset-x-2\/3 { - left: 66.666667%; - right: 66.666667%; + .\32xl\:focus-within\:border-opacity-100:focus-within { + --tw-border-opacity: 1; } - .\32xl\:inset-x-1\/4 { - left: 25%; - right: 25%; + .\32xl\:hover\:border-opacity-0:hover { + --tw-border-opacity: 0; } - .\32xl\:inset-x-2\/4 { - left: 50%; - right: 50%; + .\32xl\:hover\:border-opacity-5:hover { + --tw-border-opacity: 0.05; } - .\32xl\:inset-x-3\/4 { - left: 75%; - right: 75%; + .\32xl\:hover\:border-opacity-10:hover { + --tw-border-opacity: 0.1; } - .\32xl\:inset-x-full { - left: 100%; - right: 100%; + .\32xl\:hover\:border-opacity-20:hover { + --tw-border-opacity: 0.2; } - .\32xl\:-inset-x-1\/2 { - left: -50%; - right: -50%; + .\32xl\:hover\:border-opacity-25:hover { + --tw-border-opacity: 0.25; } - .\32xl\:-inset-x-1\/3 { - left: -33.333333%; - right: -33.333333%; + .\32xl\:hover\:border-opacity-30:hover { + --tw-border-opacity: 0.3; } - .\32xl\:-inset-x-2\/3 { - left: -66.666667%; - right: -66.666667%; + .\32xl\:hover\:border-opacity-40:hover { + --tw-border-opacity: 0.4; } - .\32xl\:-inset-x-1\/4 { - left: -25%; - right: -25%; + .\32xl\:hover\:border-opacity-50:hover { + --tw-border-opacity: 0.5; } - .\32xl\:-inset-x-2\/4 { - left: -50%; - right: -50%; + .\32xl\:hover\:border-opacity-60:hover { + --tw-border-opacity: 0.6; } - .\32xl\:-inset-x-3\/4 { - left: -75%; - right: -75%; + .\32xl\:hover\:border-opacity-70:hover { + --tw-border-opacity: 0.7; } - .\32xl\:-inset-x-full { - left: -100%; - right: -100%; + .\32xl\:hover\:border-opacity-75:hover { + --tw-border-opacity: 0.75; } - .\32xl\:inset-y-0 { - top: 0px; - bottom: 0px; + .\32xl\:hover\:border-opacity-80:hover { + --tw-border-opacity: 0.8; } - .\32xl\:inset-y-1 { - top: 0.25rem; - bottom: 0.25rem; + .\32xl\:hover\:border-opacity-90:hover { + --tw-border-opacity: 0.9; } - .\32xl\:inset-y-2 { - top: 0.5rem; - bottom: 0.5rem; + .\32xl\:hover\:border-opacity-95:hover { + --tw-border-opacity: 0.95; } - .\32xl\:inset-y-3 { - top: 0.75rem; - bottom: 0.75rem; + .\32xl\:hover\:border-opacity-100:hover { + --tw-border-opacity: 1; } - .\32xl\:inset-y-4 { - top: 1rem; - bottom: 1rem; + .\32xl\:focus\:border-opacity-0:focus { + --tw-border-opacity: 0; } - .\32xl\:inset-y-5 { - top: 1.25rem; - bottom: 1.25rem; + .\32xl\:focus\:border-opacity-5:focus { + --tw-border-opacity: 0.05; } - .\32xl\:inset-y-6 { - top: 1.5rem; - bottom: 1.5rem; + .\32xl\:focus\:border-opacity-10:focus { + --tw-border-opacity: 0.1; } - .\32xl\:inset-y-7 { - top: 1.75rem; - bottom: 1.75rem; + .\32xl\:focus\:border-opacity-20:focus { + --tw-border-opacity: 0.2; } - .\32xl\:inset-y-8 { - top: 2rem; - bottom: 2rem; + .\32xl\:focus\:border-opacity-25:focus { + --tw-border-opacity: 0.25; } - .\32xl\:inset-y-9 { - top: 2.25rem; - bottom: 2.25rem; + .\32xl\:focus\:border-opacity-30:focus { + --tw-border-opacity: 0.3; } - .\32xl\:inset-y-10 { - top: 2.5rem; - bottom: 2.5rem; + .\32xl\:focus\:border-opacity-40:focus { + --tw-border-opacity: 0.4; } - .\32xl\:inset-y-11 { - top: 2.75rem; - bottom: 2.75rem; + .\32xl\:focus\:border-opacity-50:focus { + --tw-border-opacity: 0.5; } - .\32xl\:inset-y-12 { - top: 3rem; - bottom: 3rem; + .\32xl\:focus\:border-opacity-60:focus { + --tw-border-opacity: 0.6; } - .\32xl\:inset-y-14 { - top: 3.5rem; - bottom: 3.5rem; + .\32xl\:focus\:border-opacity-70:focus { + --tw-border-opacity: 0.7; } - .\32xl\:inset-y-16 { - top: 4rem; - bottom: 4rem; + .\32xl\:focus\:border-opacity-75:focus { + --tw-border-opacity: 0.75; } - .\32xl\:inset-y-20 { - top: 5rem; - bottom: 5rem; + .\32xl\:focus\:border-opacity-80:focus { + --tw-border-opacity: 0.8; } - .\32xl\:inset-y-24 { - top: 6rem; - bottom: 6rem; + .\32xl\:focus\:border-opacity-90:focus { + --tw-border-opacity: 0.9; } - .\32xl\:inset-y-28 { - top: 7rem; - bottom: 7rem; + .\32xl\:focus\:border-opacity-95:focus { + --tw-border-opacity: 0.95; } - .\32xl\:inset-y-32 { - top: 8rem; - bottom: 8rem; + .\32xl\:focus\:border-opacity-100:focus { + --tw-border-opacity: 1; } - .\32xl\:inset-y-36 { - top: 9rem; - bottom: 9rem; + .\32xl\:bg-colors-black { + background-color: var(--colors-black, #000000); } - .\32xl\:inset-y-40 { - top: 10rem; - bottom: 10rem; + .\32xl\:bg-colors-white { + background-color: var(--colors-white, #ffffff); } - .\32xl\:inset-y-44 { - top: 11rem; - bottom: 11rem; + .\32xl\:bg-colors-gray-100 { + background-color: var(--colors-gray-100, #f7fafc); } - .\32xl\:inset-y-48 { - top: 12rem; - bottom: 12rem; + .\32xl\:bg-colors-gray-200 { + background-color: var(--colors-gray-200, #edf2f7); } - .\32xl\:inset-y-52 { - top: 13rem; - bottom: 13rem; + .\32xl\:bg-colors-gray-300 { + background-color: var(--colors-gray-300, #e2e8f0); } - .\32xl\:inset-y-56 { - top: 14rem; - bottom: 14rem; + .\32xl\:bg-colors-gray-400 { + background-color: var(--colors-gray-400, #cbd5e0); } - .\32xl\:inset-y-60 { - top: 15rem; - bottom: 15rem; + .\32xl\:bg-colors-gray-500 { + background-color: var(--colors-gray-500, #a0aec0); } - .\32xl\:inset-y-64 { - top: 16rem; - bottom: 16rem; + .\32xl\:bg-colors-gray-600 { + background-color: var(--colors-gray-600, #718096); } - .\32xl\:inset-y-72 { - top: 18rem; - bottom: 18rem; + .\32xl\:bg-colors-gray-700 { + background-color: var(--colors-gray-700, #4a5568); } - .\32xl\:inset-y-80 { - top: 20rem; - bottom: 20rem; + .\32xl\:bg-colors-gray-800 { + background-color: var(--colors-gray-800, #2d3748); } - .\32xl\:inset-y-96 { - top: 24rem; - bottom: 24rem; + .\32xl\:bg-colors-gray-900 { + background-color: var(--colors-gray-900, #1a202c); } - .\32xl\:inset-y-auto { - top: auto; - bottom: auto; + .\32xl\:bg-colors-red-100 { + background-color: var(--colors-red-100, #fff5f5); } - .\32xl\:inset-y-px { - top: 1px; - bottom: 1px; + .\32xl\:bg-colors-red-200 { + background-color: var(--colors-red-200, #fed7d7); } - .\32xl\:inset-y-0\.5 { - top: 0.125rem; - bottom: 0.125rem; + .\32xl\:bg-colors-red-300 { + background-color: var(--colors-red-300, #feb2b2); } - .\32xl\:inset-y-1\.5 { - top: 0.375rem; - bottom: 0.375rem; + .\32xl\:bg-colors-red-400 { + background-color: var(--colors-red-400, #fc8181); } - .\32xl\:inset-y-2\.5 { - top: 0.625rem; - bottom: 0.625rem; + .\32xl\:bg-colors-red-500 { + background-color: var(--colors-red-500, #f56565); } - .\32xl\:inset-y-3\.5 { - top: 0.875rem; - bottom: 0.875rem; + .\32xl\:bg-colors-red-600 { + background-color: var(--colors-red-600, #e53e3e); } - .\32xl\:-inset-y-0 { - top: 0px; - bottom: 0px; + .\32xl\:bg-colors-red-700 { + background-color: var(--colors-red-700, #c53030); } - .\32xl\:-inset-y-1 { - top: -0.25rem; - bottom: -0.25rem; + .\32xl\:bg-colors-red-800 { + background-color: var(--colors-red-800, #9b2c2c); } - .\32xl\:-inset-y-2 { - top: -0.5rem; - bottom: -0.5rem; + .\32xl\:bg-colors-red-900 { + background-color: var(--colors-red-900, #742a2a); } - .\32xl\:-inset-y-3 { - top: -0.75rem; - bottom: -0.75rem; + .\32xl\:bg-colors-orange-100 { + background-color: var(--colors-orange-100, #fffaf0); } - .\32xl\:-inset-y-4 { - top: -1rem; - bottom: -1rem; + .\32xl\:bg-colors-orange-200 { + background-color: var(--colors-orange-200, #feebc8); } - .\32xl\:-inset-y-5 { - top: -1.25rem; - bottom: -1.25rem; + .\32xl\:bg-colors-orange-300 { + background-color: var(--colors-orange-300, #fbd38d); } - .\32xl\:-inset-y-6 { - top: -1.5rem; - bottom: -1.5rem; + .\32xl\:bg-colors-orange-400 { + background-color: var(--colors-orange-400, #f6ad55); } - .\32xl\:-inset-y-7 { - top: -1.75rem; - bottom: -1.75rem; + .\32xl\:bg-colors-orange-500 { + background-color: var(--colors-orange-500, #ed8936); } - .\32xl\:-inset-y-8 { - top: -2rem; - bottom: -2rem; + .\32xl\:bg-colors-orange-600 { + background-color: var(--colors-orange-600, #dd6b20); } - .\32xl\:-inset-y-9 { - top: -2.25rem; - bottom: -2.25rem; + .\32xl\:bg-colors-orange-700 { + background-color: var(--colors-orange-700, #c05621); } - .\32xl\:-inset-y-10 { - top: -2.5rem; - bottom: -2.5rem; + .\32xl\:bg-colors-orange-800 { + background-color: var(--colors-orange-800, #9c4221); } - .\32xl\:-inset-y-11 { - top: -2.75rem; - bottom: -2.75rem; + .\32xl\:bg-colors-orange-900 { + background-color: var(--colors-orange-900, #7b341e); } - .\32xl\:-inset-y-12 { - top: -3rem; - bottom: -3rem; + .\32xl\:bg-colors-yellow-100 { + background-color: var(--colors-yellow-100, #fffff0); } - .\32xl\:-inset-y-14 { - top: -3.5rem; - bottom: -3.5rem; + .\32xl\:bg-colors-yellow-200 { + background-color: var(--colors-yellow-200, #fefcbf); } - .\32xl\:-inset-y-16 { - top: -4rem; - bottom: -4rem; + .\32xl\:bg-colors-yellow-300 { + background-color: var(--colors-yellow-300, #faf089); } - .\32xl\:-inset-y-20 { - top: -5rem; - bottom: -5rem; + .\32xl\:bg-colors-yellow-400 { + background-color: var(--colors-yellow-400, #f6e05e); } - .\32xl\:-inset-y-24 { - top: -6rem; - bottom: -6rem; + .\32xl\:bg-colors-yellow-500 { + background-color: var(--colors-yellow-500, #ecc94b); } - .\32xl\:-inset-y-28 { - top: -7rem; - bottom: -7rem; + .\32xl\:bg-colors-yellow-600 { + background-color: var(--colors-yellow-600, #d69e2e); } - .\32xl\:-inset-y-32 { - top: -8rem; - bottom: -8rem; + .\32xl\:bg-colors-yellow-700 { + background-color: var(--colors-yellow-700, #b7791f); } - .\32xl\:-inset-y-36 { - top: -9rem; - bottom: -9rem; + .\32xl\:bg-colors-yellow-800 { + background-color: var(--colors-yellow-800, #975a16); } - .\32xl\:-inset-y-40 { - top: -10rem; - bottom: -10rem; + .\32xl\:bg-colors-yellow-900 { + background-color: var(--colors-yellow-900, #744210); } - .\32xl\:-inset-y-44 { - top: -11rem; - bottom: -11rem; + .\32xl\:bg-colors-green-100 { + background-color: var(--colors-green-100, #f0fff4); } - .\32xl\:-inset-y-48 { - top: -12rem; - bottom: -12rem; + .\32xl\:bg-colors-green-200 { + background-color: var(--colors-green-200, #c6f6d5); } - .\32xl\:-inset-y-52 { - top: -13rem; - bottom: -13rem; + .\32xl\:bg-colors-green-300 { + background-color: var(--colors-green-300, #9ae6b4); } - .\32xl\:-inset-y-56 { - top: -14rem; - bottom: -14rem; + .\32xl\:bg-colors-green-400 { + background-color: var(--colors-green-400, #68d391); } - .\32xl\:-inset-y-60 { - top: -15rem; - bottom: -15rem; + .\32xl\:bg-colors-green-500 { + background-color: var(--colors-green-500, #48bb78); } - .\32xl\:-inset-y-64 { - top: -16rem; - bottom: -16rem; + .\32xl\:bg-colors-green-600 { + background-color: var(--colors-green-600, #38a169); } - .\32xl\:-inset-y-72 { - top: -18rem; - bottom: -18rem; + .\32xl\:bg-colors-green-700 { + background-color: var(--colors-green-700, #2f855a); } - .\32xl\:-inset-y-80 { - top: -20rem; - bottom: -20rem; + .\32xl\:bg-colors-green-800 { + background-color: var(--colors-green-800, #276749); } - .\32xl\:-inset-y-96 { - top: -24rem; - bottom: -24rem; + .\32xl\:bg-colors-green-900 { + background-color: var(--colors-green-900, #22543d); } - .\32xl\:-inset-y-px { - top: -1px; - bottom: -1px; + .\32xl\:bg-colors-teal-100 { + background-color: var(--colors-teal-100, #e6fffa); } - .\32xl\:-inset-y-0\.5 { - top: -0.125rem; - bottom: -0.125rem; + .\32xl\:bg-colors-teal-200 { + background-color: var(--colors-teal-200, #b2f5ea); } - .\32xl\:-inset-y-1\.5 { - top: -0.375rem; - bottom: -0.375rem; + .\32xl\:bg-colors-teal-300 { + background-color: var(--colors-teal-300, #81e6d9); } - .\32xl\:-inset-y-2\.5 { - top: -0.625rem; - bottom: -0.625rem; + .\32xl\:bg-colors-teal-400 { + background-color: var(--colors-teal-400, #4fd1c5); } - .\32xl\:-inset-y-3\.5 { - top: -0.875rem; - bottom: -0.875rem; + .\32xl\:bg-colors-teal-500 { + background-color: var(--colors-teal-500, #38b2ac); } - .\32xl\:inset-y-1\/2 { - top: 50%; - bottom: 50%; + .\32xl\:bg-colors-teal-600 { + background-color: var(--colors-teal-600, #319795); } - .\32xl\:inset-y-1\/3 { - top: 33.333333%; - bottom: 33.333333%; + .\32xl\:bg-colors-teal-700 { + background-color: var(--colors-teal-700, #2c7a7b); } - .\32xl\:inset-y-2\/3 { - top: 66.666667%; - bottom: 66.666667%; + .\32xl\:bg-colors-teal-800 { + background-color: var(--colors-teal-800, #285e61); } - .\32xl\:inset-y-1\/4 { - top: 25%; - bottom: 25%; + .\32xl\:bg-colors-teal-900 { + background-color: var(--colors-teal-900, #234e52); } - .\32xl\:inset-y-2\/4 { - top: 50%; - bottom: 50%; + .\32xl\:bg-colors-blue-100 { + background-color: var(--colors-blue-100, #ebf8ff); } - .\32xl\:inset-y-3\/4 { - top: 75%; - bottom: 75%; + .\32xl\:bg-colors-blue-200 { + background-color: var(--colors-blue-200, #bee3f8); } - .\32xl\:inset-y-full { - top: 100%; - bottom: 100%; + .\32xl\:bg-colors-blue-300 { + background-color: var(--colors-blue-300, #90cdf4); } - .\32xl\:-inset-y-1\/2 { - top: -50%; - bottom: -50%; + .\32xl\:bg-colors-blue-400 { + background-color: var(--colors-blue-400, #63b3ed); } - .\32xl\:-inset-y-1\/3 { - top: -33.333333%; - bottom: -33.333333%; + .\32xl\:bg-colors-blue-500 { + background-color: var(--colors-blue-500, #4299e1); } - .\32xl\:-inset-y-2\/3 { - top: -66.666667%; - bottom: -66.666667%; + .\32xl\:bg-colors-blue-600 { + background-color: var(--colors-blue-600, #3182ce); } - .\32xl\:-inset-y-1\/4 { - top: -25%; - bottom: -25%; + .\32xl\:bg-colors-blue-700 { + background-color: var(--colors-blue-700, #2b6cb0); } - .\32xl\:-inset-y-2\/4 { - top: -50%; - bottom: -50%; + .\32xl\:bg-colors-blue-800 { + background-color: var(--colors-blue-800, #2c5282); } - .\32xl\:-inset-y-3\/4 { - top: -75%; - bottom: -75%; + .\32xl\:bg-colors-blue-900 { + background-color: var(--colors-blue-900, #2a4365); } - .\32xl\:-inset-y-full { - top: -100%; - bottom: -100%; + .\32xl\:bg-colors-indigo-100 { + background-color: var(--colors-indigo-100, #ebf4ff); } - .\32xl\:top-0 { - top: 0px; + .\32xl\:bg-colors-indigo-200 { + background-color: var(--colors-indigo-200, #c3dafe); } - .\32xl\:top-1 { - top: 0.25rem; + .\32xl\:bg-colors-indigo-300 { + background-color: var(--colors-indigo-300, #a3bffa); } - .\32xl\:top-2 { - top: 0.5rem; + .\32xl\:bg-colors-indigo-400 { + background-color: var(--colors-indigo-400, #7f9cf5); } - .\32xl\:top-3 { - top: 0.75rem; + .\32xl\:bg-colors-indigo-500 { + background-color: var(--colors-indigo-500, #667eea); } - .\32xl\:top-4 { - top: 1rem; + .\32xl\:bg-colors-indigo-600 { + background-color: var(--colors-indigo-600, #5a67d8); } - .\32xl\:top-5 { - top: 1.25rem; + .\32xl\:bg-colors-indigo-700 { + background-color: var(--colors-indigo-700, #4c51bf); } - .\32xl\:top-6 { - top: 1.5rem; + .\32xl\:bg-colors-indigo-800 { + background-color: var(--colors-indigo-800, #434190); } - .\32xl\:top-7 { - top: 1.75rem; + .\32xl\:bg-colors-indigo-900 { + background-color: var(--colors-indigo-900, #3c366b); } - .\32xl\:top-8 { - top: 2rem; + .\32xl\:bg-colors-purple-100 { + background-color: var(--colors-purple-100, #faf5ff); } - .\32xl\:top-9 { - top: 2.25rem; + .\32xl\:bg-colors-purple-200 { + background-color: var(--colors-purple-200, #e9d8fd); } - .\32xl\:top-10 { - top: 2.5rem; + .\32xl\:bg-colors-purple-300 { + background-color: var(--colors-purple-300, #d6bcfa); } - .\32xl\:top-11 { - top: 2.75rem; + .\32xl\:bg-colors-purple-400 { + background-color: var(--colors-purple-400, #b794f4); } - .\32xl\:top-12 { - top: 3rem; + .\32xl\:bg-colors-purple-500 { + background-color: var(--colors-purple-500, #9f7aea); } - .\32xl\:top-14 { - top: 3.5rem; + .\32xl\:bg-colors-purple-600 { + background-color: var(--colors-purple-600, #805ad5); } - .\32xl\:top-16 { - top: 4rem; + .\32xl\:bg-colors-purple-700 { + background-color: var(--colors-purple-700, #6b46c1); } - .\32xl\:top-20 { - top: 5rem; + .\32xl\:bg-colors-purple-800 { + background-color: var(--colors-purple-800, #553c9a); } - .\32xl\:top-24 { - top: 6rem; + .\32xl\:bg-colors-purple-900 { + background-color: var(--colors-purple-900, #44337a); } - .\32xl\:top-28 { - top: 7rem; + .\32xl\:bg-colors-pink-100 { + background-color: var(--colors-pink-100, #fff5f7); } - .\32xl\:top-32 { - top: 8rem; + .\32xl\:bg-colors-pink-200 { + background-color: var(--colors-pink-200, #fed7e2); } - .\32xl\:top-36 { - top: 9rem; + .\32xl\:bg-colors-pink-300 { + background-color: var(--colors-pink-300, #fbb6ce); } - .\32xl\:top-40 { - top: 10rem; + .\32xl\:bg-colors-pink-400 { + background-color: var(--colors-pink-400, #f687b3); } - .\32xl\:top-44 { - top: 11rem; + .\32xl\:bg-colors-pink-500 { + background-color: var(--colors-pink-500, #ed64a6); } - .\32xl\:top-48 { - top: 12rem; + .\32xl\:bg-colors-pink-600 { + background-color: var(--colors-pink-600, #d53f8c); } - .\32xl\:top-52 { - top: 13rem; + .\32xl\:bg-colors-pink-700 { + background-color: var(--colors-pink-700, #b83280); } - .\32xl\:top-56 { - top: 14rem; + .\32xl\:bg-colors-pink-800 { + background-color: var(--colors-pink-800, #97266d); } - .\32xl\:top-60 { - top: 15rem; + .\32xl\:bg-colors-pink-900 { + background-color: var(--colors-pink-900, #702459); } - .\32xl\:top-64 { - top: 16rem; + .\32xl\:bg-Box\ Shadow { + background-color: var(--box-shadow, #7f7e7f); } - .\32xl\:top-72 { - top: 18rem; + .\32xl\:bg-Error16 { + background-color: var(--error16, #f03d3e40); } - .\32xl\:top-80 { - top: 20rem; + .\32xl\:bg-Success16 { + background-color: var(--success16, #5bb14d40); } - .\32xl\:top-96 { - top: 24rem; + .\32xl\:bg-Notification16 { + background-color: var(--notification16, #3959ff40); } - .\32xl\:top-auto { - top: auto; + .\32xl\:bg-Error8 { + background-color: var(--error8, #f03d3e1a); } - .\32xl\:top-px { - top: 1px; + .\32xl\:bg-Notification8 { + background-color: var(--notification8, #3959ff1a); } - .\32xl\:top-0\.5 { - top: 0.125rem; + .\32xl\:bg-Success8 { + background-color: var(--success8, #5bb14d1a); } - .\32xl\:top-1\.5 { - top: 0.375rem; + .\32xl\:bg-Light\ -\ Overlay { + background-color: var(--light-overlay, #f0edee66); } - .\32xl\:top-2\.5 { - top: 0.625rem; + .\32xl\:bg-Dark-\ Overlay { + background-color: var(--dark-overlay, #7f7e7f66); } - .\32xl\:top-3\.5 { - top: 0.875rem; + .\32xl\:bg-black-40 { + background-color: var(--black-40, #00000066); } - .\32xl\:-top-0 { - top: 0px; + .\32xl\:bg-black-75 { + background-color: var(--black-75, #000000bf); } - .\32xl\:-top-1 { - top: -0.25rem; + .\32xl\:bg-black-60 { + background-color: var(--black-60, #00000099); } - .\32xl\:-top-2 { - top: -0.5rem; + .\32xl\:bg-black-50 { + background-color: var(--black-50, #00000080); } - .\32xl\:-top-3 { - top: -0.75rem; + .\32xl\:bg-black-25 { + background-color: var(--black-25, #00000040); } - .\32xl\:-top-4 { - top: -1rem; + .\32xl\:bg-black-10 { + background-color: var(--black-10, #0000001a); } - .\32xl\:-top-5 { - top: -1.25rem; + .\32xl\:bg-white-25 { + background-color: var(--white-25, #ffffff40); } - .\32xl\:-top-6 { - top: -1.5rem; + .\32xl\:bg-white-60 { + background-color: var(--white-60, #ffffff99); } - .\32xl\:-top-7 { - top: -1.75rem; + .\32xl\:bg-black-64 { + background-color: var(--black-64, #000000a3); } - .\32xl\:-top-8 { - top: -2rem; + .\32xl\:bg-Shadow\ and\ Highlight-Shadow { + background-color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .\32xl\:-top-9 { - top: -2.25rem; + .\32xl\:bg-Shadow\ and\ Highlight-Highlight { + background-color: var(--shadow-and-highlight-highlight, #474747); } - .\32xl\:-top-10 { - top: -2.5rem; + .\32xl\:bg-Shadow\ and\ Highlight-highlight\ one { + background-color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .\32xl\:-top-11 { - top: -2.75rem; + .\32xl\:bg-Shadow\ and\ Highlight-highlight\ two { + background-color: var(--shadow-and-highlight-highlight-two, #47474799); } - .\32xl\:-top-12 { - top: -3rem; + .\32xl\:bg-Shadow\ and\ Highlight-highlight\ three { + background-color: var(--shadow-and-highlight-highlight-three, #47474766); } - .\32xl\:-top-14 { - top: -3.5rem; + .\32xl\:bg-Shadow\ and\ Highlight-highlight\ five { + background-color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .\32xl\:-top-16 { - top: -4rem; + .\32xl\:bg-Shadow\ and\ Highlight-shadow\ one { + background-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .\32xl\:-top-20 { - top: -5rem; + .\32xl\:bg-Shadow\ and\ Highlight-shadow\ two { + background-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .\32xl\:-top-24 { - top: -6rem; + .\32xl\:bg-Shadow\ and\ Highlight-shadow\ three { + background-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .\32xl\:-top-28 { - top: -7rem; + .\32xl\:bg-Shadow\ and\ Highlight-shadow\ four { + background-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .\32xl\:-top-32 { - top: -8rem; + .\32xl\:bg-Shadow\ and\ Highlight-shadow\ five { + background-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .\32xl\:-top-36 { - top: -9rem; + .\32xl\:bg-Shadow\ and\ Highlight-highlight\ four { + background-color: var(--shadow-and-highlight-highlight-four, #47474740); } - .\32xl\:-top-40 { - top: -10rem; + .\32xl\:bg-Base\ Layer\ Styles-Base\ Layer-\ Light-White { + background-color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .\32xl\:-top-44 { - top: -11rem; + .\32xl\:bg-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite { + background-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .\32xl\:-top-48 { - top: -12rem; + .\32xl\:bg-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack { + background-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .\32xl\:-top-52 { - top: -13rem; + .\32xl\:bg-Base\ Layer\ Styles-Base\ Layer-Dark-Black { + background-color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .\32xl\:-top-56 { - top: -14rem; + .\32xl\:bg-Grey-Scale-white { + background-color: var(--grey-scale-white, #ffffff); } - .\32xl\:-top-60 { - top: -15rem; + .\32xl\:bg-Grey-Scale-off-white { + background-color: var(--grey-scale-off-white, #f0edee); } - .\32xl\:-top-64 { - top: -16rem; + .\32xl\:bg-Grey\ Scale-grey { + background-color: var(--grey-scale-grey, #7f7e7f); } - .\32xl\:-top-72 { - top: -18rem; + .\32xl\:bg-Grey\ Scale-charcoal { + background-color: var(--grey-scale-charcoal, #474747); } - .\32xl\:-top-80 { - top: -20rem; + .\32xl\:bg-Grey\ Scale-off-black { + background-color: var(--grey-scale-off-black, #1c1c1c); } - .\32xl\:-top-96 { - top: -24rem; + .\32xl\:bg-Grey\ Scale-black { + background-color: var(--grey-scale-black, #000000); } - .\32xl\:-top-px { - top: -1px; + .\32xl\:bg-Blue-blue { + background-color: var(--blue-blue, #3a7ca5); } - .\32xl\:-top-0\.5 { - top: -0.125rem; + .\32xl\:bg-Blue-blue-100 { + background-color: var(--blue-blue-100, #75a3c0); } - .\32xl\:-top-1\.5 { - top: -0.375rem; + .\32xl\:bg-Blue-blue-200 { + background-color: var(--blue-blue-200, #9cbed2); } - .\32xl\:-top-2\.5 { - top: -0.625rem; + .\32xl\:bg-Blue-blue-300 { + background-color: var(--blue-blue-300, #4f7d9a); } - .\32xl\:-top-3\.5 { - top: -0.875rem; + .\32xl\:bg-Blue-blue-400 { + background-color: var(--blue-blue-400, #5c7d92); } - .\32xl\:top-1\/2 { - top: 50%; + .\32xl\:bg-Blue-blue-500 { + background-color: var(--blue-blue-500, #347095); } - .\32xl\:top-1\/3 { - top: 33.333333%; + .\32xl\:bg-Blue-blue-600 { + background-color: var(--blue-blue-600, #295774); } - .\32xl\:top-2\/3 { - top: 66.666667%; + .\32xl\:bg-Blue-blue-700 { + background-color: var(--blue-blue-700, #173242); } - .\32xl\:top-1\/4 { - top: 25%; + .\32xl\:bg-LightBlue-lightblue { + background-color: var(--light-blue-lightblue, #81c3d7); } - .\32xl\:top-2\/4 { - top: 50%; + .\32xl\:bg-LightBlue-lightblue-100 { + background-color: var(--light-blue-lightblue-100, #a7d5e3); } - .\32xl\:top-3\/4 { - top: 75%; + .\32xl\:bg-LightBlue-lightblue-200 { + background-color: var(--light-blue-lightblue-200, #c0e1eb); } - .\32xl\:top-full { - top: 100%; + .\32xl\:bg-LightBlue-lightblue-300 { + background-color: var(--light-blue-lightblue-300, #80aebd); } - .\32xl\:-top-1\/2 { - top: -50%; + .\32xl\:bg-LightBlue-lightblue-400 { + background-color: var(--light-blue-lightblue-400, #80a0ab); } - .\32xl\:-top-1\/3 { - top: -33.333333%; + .\32xl\:bg-LightBlue-lightblue-500 { + background-color: var(--light-blue-lightblue-500, #74afc1); } - .\32xl\:-top-2\/3 { - top: -66.666667%; + .\32xl\:bg-LightBlue-lightblue-600 { + background-color: var(--light-blue-lightblue-600, #5a8997); } - .\32xl\:-top-1\/4 { - top: -25%; + .\32xl\:bg-LightBlue-lightblue-650 { + background-color: var(--light-blue-lightblue-650, #3e5e65); } - .\32xl\:-top-2\/4 { - top: -50%; + .\32xl\:bg-LightBlue-lightblue-700 { + background-color: var(--light-blue-lightblue-700, #344e56); } - .\32xl\:-top-3\/4 { - top: -75%; + .\32xl\:bg-Orange-orange { + background-color: var(--orange-orange, #ff7f0e); } - .\32xl\:-top-full { - top: -100%; + .\32xl\:bg-Orange-orange-100 { + background-color: var(--orange-orange-100, #ffa556); } - .\32xl\:right-0 { - right: 0px; + .\32xl\:bg-Orange-orange-200 { + background-color: var(--orange-orange-200, #ffbf86); } - .\32xl\:right-1 { - right: 0.25rem; + .\32xl\:bg-Orange-orange-300 { + background-color: var(--orange-orange-300, #d97f30); } - .\32xl\:right-2 { - right: 0.5rem; + .\32xl\:bg-Orange-orange-400 { + background-color: var(--orange-orange-400, #bf7e46); } - .\32xl\:right-3 { - right: 0.75rem; + .\32xl\:bg-Orange-orange-500 { + background-color: var(--orange-orange-500, #e5720d); } - .\32xl\:right-4 { - right: 1rem; + .\32xl\:bg-Orange-orange-600 { + background-color: var(--orange-orange-600, #b3590a); } - .\32xl\:right-5 { - right: 1.25rem; + .\32xl\:bg-Orange-orange-700 { + background-color: var(--orange-orange-700, #663306); } - .\32xl\:right-6 { - right: 1.5rem; + .\32xl\:bg-Yellow-yellow { + background-color: var(--yellow-yellow, #ffab00); } - .\32xl\:right-7 { - right: 1.75rem; + .\32xl\:bg-Yellow-yellow-100 { + background-color: var(--yellow-yellow-100, #ffc44c); } - .\32xl\:right-8 { - right: 2rem; + .\32xl\:bg-Yellow-yellow-200 { + background-color: var(--yellow-yellow-200, #ffd580); } - .\32xl\:right-9 { - right: 2.25rem; + .\32xl\:bg-Yellow-yellow-300 { + background-color: var(--yellow-yellow-300, #d99d26); } - .\32xl\:right-10 { - right: 2.5rem; + .\32xl\:bg-Yellow-yellow-400 { + background-color: var(--yellow-yellow-400, #bf943f); } - .\32xl\:right-11 { - right: 2.75rem; + .\32xl\:bg-Yellow-yellow-500 { + background-color: var(--yellow-yellow-500, #e59a00); } - .\32xl\:right-12 { - right: 3rem; + .\32xl\:bg-Yellow-yellow-600 { + background-color: var(--yellow-yellow-600, #b37800); } - .\32xl\:right-14 { - right: 3.5rem; + .\32xl\:bg-Yellow-yellow-700 { + background-color: var(--yellow-yellow-700, #664400); } - .\32xl\:right-16 { - right: 4rem; + .\32xl\:bg-Notification-notification { + background-color: var(--notification-notification, #3959ff); } - .\32xl\:right-20 { - right: 5rem; + .\32xl\:bg-Notification-notification-100 { + background-color: var(--notification-notification-100, #748bff); } - .\32xl\:right-24 { - right: 6rem; + .\32xl\:bg-Notification-notification-200 { + background-color: var(--notification-notification-200, #9cacff); } - .\32xl\:right-28 { - right: 7rem; + .\32xl\:bg-Notification-notification-300 { + background-color: var(--notification-notification-300, #4e64d9); } - .\32xl\:right-32 { - right: 8rem; + .\32xl\:bg-Notification-notification-400 { + background-color: var(--notification-notification-400, #5c6cbf); } - .\32xl\:right-36 { - right: 9rem; + .\32xl\:bg-Notification-notification-500 { + background-color: var(--notification-notification-500, #3350e5); } - .\32xl\:right-40 { - right: 10rem; + .\32xl\:bg-Notification-notification-600 { + background-color: var(--notification-notification-600, #283eb3); } - .\32xl\:right-44 { - right: 11rem; + .\32xl\:bg-Notification-notification-700 { + background-color: var(--notification-notification-700, #172466); } - .\32xl\:right-48 { - right: 12rem; + .\32xl\:bg-Success-success\ -700 { + background-color: var(--success-success-700, #24471f); } - .\32xl\:right-52 { - right: 13rem; + .\32xl\:bg-Success-success { + background-color: var(--success-success, #5bb14d); } - .\32xl\:right-56 { - right: 14rem; + .\32xl\:bg-Success-success\ -100 { + background-color: var(--success-success-100, #8cc882); } - .\32xl\:right-60 { - right: 15rem; + .\32xl\:bg-Success-success\ -200 { + background-color: var(--success-success-200, #add8a6); } - .\32xl\:right-64 { - right: 16rem; + .\32xl\:bg-Success-success\ -300 { + background-color: var(--success-success-300, #66a25c); } - .\32xl\:right-72 { - right: 18rem; + .\32xl\:bg-Success-success\ -400 { + background-color: var(--success-success-400, #6d9766); } - .\32xl\:right-80 { - right: 20rem; + .\32xl\:bg-Success-success\ -500 { + background-color: var(--success-success-500, #529f45); + } + + .\32xl\:bg-Success-success\ -600 { + background-color: var(--success-success-600, #407c36); } - .\32xl\:right-96 { - right: 24rem; + .\32xl\:bg-Error-error { + background-color: var(--error-error, #f03d3e); } - .\32xl\:right-auto { - right: auto; + .\32xl\:bg-Error-error-100 { + background-color: var(--error-error-100, #f57778); } - .\32xl\:right-px { - right: 1px; + .\32xl\:bg-Error-error-200 { + background-color: var(--error-error-200, #f89e9e); } - .\32xl\:right-0\.5 { - right: 0.125rem; + .\32xl\:bg-Error-error-250 { + background-color: var(--error-error-250, #f9c8c8); } - .\32xl\:right-1\.5 { - right: 0.375rem; + .\32xl\:bg-Error-error-300 { + background-color: var(--error-error-300, #ce5151); } - .\32xl\:right-2\.5 { - right: 0.625rem; + .\32xl\:bg-Error-error-400 { + background-color: var(--error-error-400, #b85e5e); } - .\32xl\:right-3\.5 { - right: 0.875rem; + .\32xl\:bg-Error-error-500 { + background-color: var(--error-error-500, #d83738); } - .\32xl\:-right-0 { - right: 0px; + .\32xl\:bg-Error-error-600 { + background-color: var(--error-error-600, #a82b2b); } - .\32xl\:-right-1 { - right: -0.25rem; + .\32xl\:bg-Error-error-700 { + background-color: var(--error-error-700, #601819); } - .\32xl\:-right-2 { - right: -0.5rem; + .group:hover .\32xl\:group-hover\:bg-colors-black { + background-color: var(--colors-black, #000000); } - .\32xl\:-right-3 { - right: -0.75rem; + .group:hover .\32xl\:group-hover\:bg-colors-white { + background-color: var(--colors-white, #ffffff); } - .\32xl\:-right-4 { - right: -1rem; + .group:hover .\32xl\:group-hover\:bg-colors-gray-100 { + background-color: var(--colors-gray-100, #f7fafc); } - .\32xl\:-right-5 { - right: -1.25rem; + .group:hover .\32xl\:group-hover\:bg-colors-gray-200 { + background-color: var(--colors-gray-200, #edf2f7); } - .\32xl\:-right-6 { - right: -1.5rem; + .group:hover .\32xl\:group-hover\:bg-colors-gray-300 { + background-color: var(--colors-gray-300, #e2e8f0); } - .\32xl\:-right-7 { - right: -1.75rem; + .group:hover .\32xl\:group-hover\:bg-colors-gray-400 { + background-color: var(--colors-gray-400, #cbd5e0); } - .\32xl\:-right-8 { - right: -2rem; + .group:hover .\32xl\:group-hover\:bg-colors-gray-500 { + background-color: var(--colors-gray-500, #a0aec0); } - .\32xl\:-right-9 { - right: -2.25rem; + .group:hover .\32xl\:group-hover\:bg-colors-gray-600 { + background-color: var(--colors-gray-600, #718096); } - .\32xl\:-right-10 { - right: -2.5rem; + .group:hover .\32xl\:group-hover\:bg-colors-gray-700 { + background-color: var(--colors-gray-700, #4a5568); } - .\32xl\:-right-11 { - right: -2.75rem; + .group:hover .\32xl\:group-hover\:bg-colors-gray-800 { + background-color: var(--colors-gray-800, #2d3748); } - .\32xl\:-right-12 { - right: -3rem; + .group:hover .\32xl\:group-hover\:bg-colors-gray-900 { + background-color: var(--colors-gray-900, #1a202c); } - .\32xl\:-right-14 { - right: -3.5rem; + .group:hover .\32xl\:group-hover\:bg-colors-red-100 { + background-color: var(--colors-red-100, #fff5f5); } - .\32xl\:-right-16 { - right: -4rem; + .group:hover .\32xl\:group-hover\:bg-colors-red-200 { + background-color: var(--colors-red-200, #fed7d7); } - .\32xl\:-right-20 { - right: -5rem; + .group:hover .\32xl\:group-hover\:bg-colors-red-300 { + background-color: var(--colors-red-300, #feb2b2); } - .\32xl\:-right-24 { - right: -6rem; + .group:hover .\32xl\:group-hover\:bg-colors-red-400 { + background-color: var(--colors-red-400, #fc8181); } - .\32xl\:-right-28 { - right: -7rem; + .group:hover .\32xl\:group-hover\:bg-colors-red-500 { + background-color: var(--colors-red-500, #f56565); } - .\32xl\:-right-32 { - right: -8rem; + .group:hover .\32xl\:group-hover\:bg-colors-red-600 { + background-color: var(--colors-red-600, #e53e3e); } - .\32xl\:-right-36 { - right: -9rem; + .group:hover .\32xl\:group-hover\:bg-colors-red-700 { + background-color: var(--colors-red-700, #c53030); } - .\32xl\:-right-40 { - right: -10rem; + .group:hover .\32xl\:group-hover\:bg-colors-red-800 { + background-color: var(--colors-red-800, #9b2c2c); } - .\32xl\:-right-44 { - right: -11rem; + .group:hover .\32xl\:group-hover\:bg-colors-red-900 { + background-color: var(--colors-red-900, #742a2a); } - .\32xl\:-right-48 { - right: -12rem; + .group:hover .\32xl\:group-hover\:bg-colors-orange-100 { + background-color: var(--colors-orange-100, #fffaf0); } - .\32xl\:-right-52 { - right: -13rem; + .group:hover .\32xl\:group-hover\:bg-colors-orange-200 { + background-color: var(--colors-orange-200, #feebc8); } - .\32xl\:-right-56 { - right: -14rem; + .group:hover .\32xl\:group-hover\:bg-colors-orange-300 { + background-color: var(--colors-orange-300, #fbd38d); } - .\32xl\:-right-60 { - right: -15rem; + .group:hover .\32xl\:group-hover\:bg-colors-orange-400 { + background-color: var(--colors-orange-400, #f6ad55); } - .\32xl\:-right-64 { - right: -16rem; + .group:hover .\32xl\:group-hover\:bg-colors-orange-500 { + background-color: var(--colors-orange-500, #ed8936); } - .\32xl\:-right-72 { - right: -18rem; + .group:hover .\32xl\:group-hover\:bg-colors-orange-600 { + background-color: var(--colors-orange-600, #dd6b20); } - .\32xl\:-right-80 { - right: -20rem; + .group:hover .\32xl\:group-hover\:bg-colors-orange-700 { + background-color: var(--colors-orange-700, #c05621); } - .\32xl\:-right-96 { - right: -24rem; + .group:hover .\32xl\:group-hover\:bg-colors-orange-800 { + background-color: var(--colors-orange-800, #9c4221); } - .\32xl\:-right-px { - right: -1px; + .group:hover .\32xl\:group-hover\:bg-colors-orange-900 { + background-color: var(--colors-orange-900, #7b341e); } - .\32xl\:-right-0\.5 { - right: -0.125rem; + .group:hover .\32xl\:group-hover\:bg-colors-yellow-100 { + background-color: var(--colors-yellow-100, #fffff0); } - .\32xl\:-right-1\.5 { - right: -0.375rem; + .group:hover .\32xl\:group-hover\:bg-colors-yellow-200 { + background-color: var(--colors-yellow-200, #fefcbf); } - .\32xl\:-right-2\.5 { - right: -0.625rem; + .group:hover .\32xl\:group-hover\:bg-colors-yellow-300 { + background-color: var(--colors-yellow-300, #faf089); } - .\32xl\:-right-3\.5 { - right: -0.875rem; + .group:hover .\32xl\:group-hover\:bg-colors-yellow-400 { + background-color: var(--colors-yellow-400, #f6e05e); } - .\32xl\:right-1\/2 { - right: 50%; + .group:hover .\32xl\:group-hover\:bg-colors-yellow-500 { + background-color: var(--colors-yellow-500, #ecc94b); } - .\32xl\:right-1\/3 { - right: 33.333333%; + .group:hover .\32xl\:group-hover\:bg-colors-yellow-600 { + background-color: var(--colors-yellow-600, #d69e2e); } - .\32xl\:right-2\/3 { - right: 66.666667%; + .group:hover .\32xl\:group-hover\:bg-colors-yellow-700 { + background-color: var(--colors-yellow-700, #b7791f); } - .\32xl\:right-1\/4 { - right: 25%; + .group:hover .\32xl\:group-hover\:bg-colors-yellow-800 { + background-color: var(--colors-yellow-800, #975a16); } - .\32xl\:right-2\/4 { - right: 50%; + .group:hover .\32xl\:group-hover\:bg-colors-yellow-900 { + background-color: var(--colors-yellow-900, #744210); } - .\32xl\:right-3\/4 { - right: 75%; + .group:hover .\32xl\:group-hover\:bg-colors-green-100 { + background-color: var(--colors-green-100, #f0fff4); } - .\32xl\:right-full { - right: 100%; + .group:hover .\32xl\:group-hover\:bg-colors-green-200 { + background-color: var(--colors-green-200, #c6f6d5); } - .\32xl\:-right-1\/2 { - right: -50%; + .group:hover .\32xl\:group-hover\:bg-colors-green-300 { + background-color: var(--colors-green-300, #9ae6b4); } - .\32xl\:-right-1\/3 { - right: -33.333333%; + .group:hover .\32xl\:group-hover\:bg-colors-green-400 { + background-color: var(--colors-green-400, #68d391); } - .\32xl\:-right-2\/3 { - right: -66.666667%; + .group:hover .\32xl\:group-hover\:bg-colors-green-500 { + background-color: var(--colors-green-500, #48bb78); } - .\32xl\:-right-1\/4 { - right: -25%; + .group:hover .\32xl\:group-hover\:bg-colors-green-600 { + background-color: var(--colors-green-600, #38a169); } - .\32xl\:-right-2\/4 { - right: -50%; + .group:hover .\32xl\:group-hover\:bg-colors-green-700 { + background-color: var(--colors-green-700, #2f855a); } - .\32xl\:-right-3\/4 { - right: -75%; + .group:hover .\32xl\:group-hover\:bg-colors-green-800 { + background-color: var(--colors-green-800, #276749); } - .\32xl\:-right-full { - right: -100%; + .group:hover .\32xl\:group-hover\:bg-colors-green-900 { + background-color: var(--colors-green-900, #22543d); } - .\32xl\:bottom-0 { - bottom: 0px; + .group:hover .\32xl\:group-hover\:bg-colors-teal-100 { + background-color: var(--colors-teal-100, #e6fffa); } - .\32xl\:bottom-1 { - bottom: 0.25rem; + .group:hover .\32xl\:group-hover\:bg-colors-teal-200 { + background-color: var(--colors-teal-200, #b2f5ea); } - .\32xl\:bottom-2 { - bottom: 0.5rem; + .group:hover .\32xl\:group-hover\:bg-colors-teal-300 { + background-color: var(--colors-teal-300, #81e6d9); } - .\32xl\:bottom-3 { - bottom: 0.75rem; + .group:hover .\32xl\:group-hover\:bg-colors-teal-400 { + background-color: var(--colors-teal-400, #4fd1c5); } - .\32xl\:bottom-4 { - bottom: 1rem; + .group:hover .\32xl\:group-hover\:bg-colors-teal-500 { + background-color: var(--colors-teal-500, #38b2ac); } - .\32xl\:bottom-5 { - bottom: 1.25rem; + .group:hover .\32xl\:group-hover\:bg-colors-teal-600 { + background-color: var(--colors-teal-600, #319795); } - .\32xl\:bottom-6 { - bottom: 1.5rem; + .group:hover .\32xl\:group-hover\:bg-colors-teal-700 { + background-color: var(--colors-teal-700, #2c7a7b); } - .\32xl\:bottom-7 { - bottom: 1.75rem; + .group:hover .\32xl\:group-hover\:bg-colors-teal-800 { + background-color: var(--colors-teal-800, #285e61); } - .\32xl\:bottom-8 { - bottom: 2rem; + .group:hover .\32xl\:group-hover\:bg-colors-teal-900 { + background-color: var(--colors-teal-900, #234e52); } - .\32xl\:bottom-9 { - bottom: 2.25rem; + .group:hover .\32xl\:group-hover\:bg-colors-blue-100 { + background-color: var(--colors-blue-100, #ebf8ff); } - .\32xl\:bottom-10 { - bottom: 2.5rem; + .group:hover .\32xl\:group-hover\:bg-colors-blue-200 { + background-color: var(--colors-blue-200, #bee3f8); } - .\32xl\:bottom-11 { - bottom: 2.75rem; + .group:hover .\32xl\:group-hover\:bg-colors-blue-300 { + background-color: var(--colors-blue-300, #90cdf4); } - .\32xl\:bottom-12 { - bottom: 3rem; + .group:hover .\32xl\:group-hover\:bg-colors-blue-400 { + background-color: var(--colors-blue-400, #63b3ed); } - .\32xl\:bottom-14 { - bottom: 3.5rem; + .group:hover .\32xl\:group-hover\:bg-colors-blue-500 { + background-color: var(--colors-blue-500, #4299e1); } - .\32xl\:bottom-16 { - bottom: 4rem; + .group:hover .\32xl\:group-hover\:bg-colors-blue-600 { + background-color: var(--colors-blue-600, #3182ce); } - .\32xl\:bottom-20 { - bottom: 5rem; + .group:hover .\32xl\:group-hover\:bg-colors-blue-700 { + background-color: var(--colors-blue-700, #2b6cb0); } - .\32xl\:bottom-24 { - bottom: 6rem; + .group:hover .\32xl\:group-hover\:bg-colors-blue-800 { + background-color: var(--colors-blue-800, #2c5282); } - .\32xl\:bottom-28 { - bottom: 7rem; + .group:hover .\32xl\:group-hover\:bg-colors-blue-900 { + background-color: var(--colors-blue-900, #2a4365); } - .\32xl\:bottom-32 { - bottom: 8rem; + .group:hover .\32xl\:group-hover\:bg-colors-indigo-100 { + background-color: var(--colors-indigo-100, #ebf4ff); } - .\32xl\:bottom-36 { - bottom: 9rem; + .group:hover .\32xl\:group-hover\:bg-colors-indigo-200 { + background-color: var(--colors-indigo-200, #c3dafe); } - .\32xl\:bottom-40 { - bottom: 10rem; + .group:hover .\32xl\:group-hover\:bg-colors-indigo-300 { + background-color: var(--colors-indigo-300, #a3bffa); } - .\32xl\:bottom-44 { - bottom: 11rem; + .group:hover .\32xl\:group-hover\:bg-colors-indigo-400 { + background-color: var(--colors-indigo-400, #7f9cf5); } - .\32xl\:bottom-48 { - bottom: 12rem; + .group:hover .\32xl\:group-hover\:bg-colors-indigo-500 { + background-color: var(--colors-indigo-500, #667eea); } - .\32xl\:bottom-52 { - bottom: 13rem; + .group:hover .\32xl\:group-hover\:bg-colors-indigo-600 { + background-color: var(--colors-indigo-600, #5a67d8); } - .\32xl\:bottom-56 { - bottom: 14rem; + .group:hover .\32xl\:group-hover\:bg-colors-indigo-700 { + background-color: var(--colors-indigo-700, #4c51bf); } - .\32xl\:bottom-60 { - bottom: 15rem; + .group:hover .\32xl\:group-hover\:bg-colors-indigo-800 { + background-color: var(--colors-indigo-800, #434190); } - .\32xl\:bottom-64 { - bottom: 16rem; + .group:hover .\32xl\:group-hover\:bg-colors-indigo-900 { + background-color: var(--colors-indigo-900, #3c366b); } - .\32xl\:bottom-72 { - bottom: 18rem; + .group:hover .\32xl\:group-hover\:bg-colors-purple-100 { + background-color: var(--colors-purple-100, #faf5ff); } - .\32xl\:bottom-80 { - bottom: 20rem; + .group:hover .\32xl\:group-hover\:bg-colors-purple-200 { + background-color: var(--colors-purple-200, #e9d8fd); } - .\32xl\:bottom-96 { - bottom: 24rem; + .group:hover .\32xl\:group-hover\:bg-colors-purple-300 { + background-color: var(--colors-purple-300, #d6bcfa); } - .\32xl\:bottom-auto { - bottom: auto; + .group:hover .\32xl\:group-hover\:bg-colors-purple-400 { + background-color: var(--colors-purple-400, #b794f4); } - .\32xl\:bottom-px { - bottom: 1px; + .group:hover .\32xl\:group-hover\:bg-colors-purple-500 { + background-color: var(--colors-purple-500, #9f7aea); } - .\32xl\:bottom-0\.5 { - bottom: 0.125rem; + .group:hover .\32xl\:group-hover\:bg-colors-purple-600 { + background-color: var(--colors-purple-600, #805ad5); } - .\32xl\:bottom-1\.5 { - bottom: 0.375rem; + .group:hover .\32xl\:group-hover\:bg-colors-purple-700 { + background-color: var(--colors-purple-700, #6b46c1); } - .\32xl\:bottom-2\.5 { - bottom: 0.625rem; + .group:hover .\32xl\:group-hover\:bg-colors-purple-800 { + background-color: var(--colors-purple-800, #553c9a); } - .\32xl\:bottom-3\.5 { - bottom: 0.875rem; + .group:hover .\32xl\:group-hover\:bg-colors-purple-900 { + background-color: var(--colors-purple-900, #44337a); } - .\32xl\:-bottom-0 { - bottom: 0px; + .group:hover .\32xl\:group-hover\:bg-colors-pink-100 { + background-color: var(--colors-pink-100, #fff5f7); } - .\32xl\:-bottom-1 { - bottom: -0.25rem; + .group:hover .\32xl\:group-hover\:bg-colors-pink-200 { + background-color: var(--colors-pink-200, #fed7e2); } - .\32xl\:-bottom-2 { - bottom: -0.5rem; + .group:hover .\32xl\:group-hover\:bg-colors-pink-300 { + background-color: var(--colors-pink-300, #fbb6ce); } - .\32xl\:-bottom-3 { - bottom: -0.75rem; + .group:hover .\32xl\:group-hover\:bg-colors-pink-400 { + background-color: var(--colors-pink-400, #f687b3); } - .\32xl\:-bottom-4 { - bottom: -1rem; + .group:hover .\32xl\:group-hover\:bg-colors-pink-500 { + background-color: var(--colors-pink-500, #ed64a6); } - .\32xl\:-bottom-5 { - bottom: -1.25rem; + .group:hover .\32xl\:group-hover\:bg-colors-pink-600 { + background-color: var(--colors-pink-600, #d53f8c); } - .\32xl\:-bottom-6 { - bottom: -1.5rem; + .group:hover .\32xl\:group-hover\:bg-colors-pink-700 { + background-color: var(--colors-pink-700, #b83280); } - .\32xl\:-bottom-7 { - bottom: -1.75rem; + .group:hover .\32xl\:group-hover\:bg-colors-pink-800 { + background-color: var(--colors-pink-800, #97266d); } - .\32xl\:-bottom-8 { - bottom: -2rem; + .group:hover .\32xl\:group-hover\:bg-colors-pink-900 { + background-color: var(--colors-pink-900, #702459); } - .\32xl\:-bottom-9 { - bottom: -2.25rem; + .group:hover .\32xl\:group-hover\:bg-Box\ Shadow { + background-color: var(--box-shadow, #7f7e7f); } - .\32xl\:-bottom-10 { - bottom: -2.5rem; + .group:hover .\32xl\:group-hover\:bg-Error16 { + background-color: var(--error16, #f03d3e40); } - .\32xl\:-bottom-11 { - bottom: -2.75rem; + .group:hover .\32xl\:group-hover\:bg-Success16 { + background-color: var(--success16, #5bb14d40); } - .\32xl\:-bottom-12 { - bottom: -3rem; + .group:hover .\32xl\:group-hover\:bg-Notification16 { + background-color: var(--notification16, #3959ff40); } - .\32xl\:-bottom-14 { - bottom: -3.5rem; + .group:hover .\32xl\:group-hover\:bg-Error8 { + background-color: var(--error8, #f03d3e1a); } - .\32xl\:-bottom-16 { - bottom: -4rem; + .group:hover .\32xl\:group-hover\:bg-Notification8 { + background-color: var(--notification8, #3959ff1a); } - .\32xl\:-bottom-20 { - bottom: -5rem; + .group:hover .\32xl\:group-hover\:bg-Success8 { + background-color: var(--success8, #5bb14d1a); } - .\32xl\:-bottom-24 { - bottom: -6rem; + .group:hover .\32xl\:group-hover\:bg-Light\ -\ Overlay { + background-color: var(--light-overlay, #f0edee66); } - .\32xl\:-bottom-28 { - bottom: -7rem; + .group:hover .\32xl\:group-hover\:bg-Dark-\ Overlay { + background-color: var(--dark-overlay, #7f7e7f66); } - .\32xl\:-bottom-32 { - bottom: -8rem; + .group:hover .\32xl\:group-hover\:bg-black-40 { + background-color: var(--black-40, #00000066); } - .\32xl\:-bottom-36 { - bottom: -9rem; + .group:hover .\32xl\:group-hover\:bg-black-75 { + background-color: var(--black-75, #000000bf); } - .\32xl\:-bottom-40 { - bottom: -10rem; + .group:hover .\32xl\:group-hover\:bg-black-60 { + background-color: var(--black-60, #00000099); } - .\32xl\:-bottom-44 { - bottom: -11rem; + .group:hover .\32xl\:group-hover\:bg-black-50 { + background-color: var(--black-50, #00000080); } - .\32xl\:-bottom-48 { - bottom: -12rem; + .group:hover .\32xl\:group-hover\:bg-black-25 { + background-color: var(--black-25, #00000040); } - .\32xl\:-bottom-52 { - bottom: -13rem; + .group:hover .\32xl\:group-hover\:bg-black-10 { + background-color: var(--black-10, #0000001a); } - .\32xl\:-bottom-56 { - bottom: -14rem; + .group:hover .\32xl\:group-hover\:bg-white-25 { + background-color: var(--white-25, #ffffff40); } - .\32xl\:-bottom-60 { - bottom: -15rem; + .group:hover .\32xl\:group-hover\:bg-white-60 { + background-color: var(--white-60, #ffffff99); } - .\32xl\:-bottom-64 { - bottom: -16rem; + .group:hover .\32xl\:group-hover\:bg-black-64 { + background-color: var(--black-64, #000000a3); } - .\32xl\:-bottom-72 { - bottom: -18rem; + .group:hover .\32xl\:group-hover\:bg-Shadow\ and\ Highlight-Shadow { + background-color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .\32xl\:-bottom-80 { - bottom: -20rem; + .group:hover .\32xl\:group-hover\:bg-Shadow\ and\ Highlight-Highlight { + background-color: var(--shadow-and-highlight-highlight, #474747); } - .\32xl\:-bottom-96 { - bottom: -24rem; + .group:hover .\32xl\:group-hover\:bg-Shadow\ and\ Highlight-highlight\ one { + background-color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .\32xl\:-bottom-px { - bottom: -1px; + .group:hover .\32xl\:group-hover\:bg-Shadow\ and\ Highlight-highlight\ two { + background-color: var(--shadow-and-highlight-highlight-two, #47474799); } - .\32xl\:-bottom-0\.5 { - bottom: -0.125rem; + .group:hover .\32xl\:group-hover\:bg-Shadow\ and\ Highlight-highlight\ three { + background-color: var(--shadow-and-highlight-highlight-three, #47474766); } - .\32xl\:-bottom-1\.5 { - bottom: -0.375rem; + .group:hover .\32xl\:group-hover\:bg-Shadow\ and\ Highlight-highlight\ five { + background-color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .\32xl\:-bottom-2\.5 { - bottom: -0.625rem; + .group:hover .\32xl\:group-hover\:bg-Shadow\ and\ Highlight-shadow\ one { + background-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .\32xl\:-bottom-3\.5 { - bottom: -0.875rem; + .group:hover .\32xl\:group-hover\:bg-Shadow\ and\ Highlight-shadow\ two { + background-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .\32xl\:bottom-1\/2 { - bottom: 50%; + .group:hover .\32xl\:group-hover\:bg-Shadow\ and\ Highlight-shadow\ three { + background-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .\32xl\:bottom-1\/3 { - bottom: 33.333333%; + .group:hover .\32xl\:group-hover\:bg-Shadow\ and\ Highlight-shadow\ four { + background-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .\32xl\:bottom-2\/3 { - bottom: 66.666667%; + .group:hover .\32xl\:group-hover\:bg-Shadow\ and\ Highlight-shadow\ five { + background-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .\32xl\:bottom-1\/4 { - bottom: 25%; + .group:hover .\32xl\:group-hover\:bg-Shadow\ and\ Highlight-highlight\ four { + background-color: var(--shadow-and-highlight-highlight-four, #47474740); } - .\32xl\:bottom-2\/4 { - bottom: 50%; + .group:hover .\32xl\:group-hover\:bg-Base\ Layer\ Styles-Base\ Layer-\ Light-White { + background-color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .\32xl\:bottom-3\/4 { - bottom: 75%; + .group:hover .\32xl\:group-hover\:bg-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite { + background-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .\32xl\:bottom-full { - bottom: 100%; + .group:hover .\32xl\:group-hover\:bg-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack { + background-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .\32xl\:-bottom-1\/2 { - bottom: -50%; + .group:hover .\32xl\:group-hover\:bg-Base\ Layer\ Styles-Base\ Layer-Dark-Black { + background-color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .\32xl\:-bottom-1\/3 { - bottom: -33.333333%; + .group:hover .\32xl\:group-hover\:bg-Grey-Scale-white { + background-color: var(--grey-scale-white, #ffffff); } - .\32xl\:-bottom-2\/3 { - bottom: -66.666667%; + .group:hover .\32xl\:group-hover\:bg-Grey-Scale-off-white { + background-color: var(--grey-scale-off-white, #f0edee); } - .\32xl\:-bottom-1\/4 { - bottom: -25%; + .group:hover .\32xl\:group-hover\:bg-Grey\ Scale-grey { + background-color: var(--grey-scale-grey, #7f7e7f); } - .\32xl\:-bottom-2\/4 { - bottom: -50%; + .group:hover .\32xl\:group-hover\:bg-Grey\ Scale-charcoal { + background-color: var(--grey-scale-charcoal, #474747); } - .\32xl\:-bottom-3\/4 { - bottom: -75%; + .group:hover .\32xl\:group-hover\:bg-Grey\ Scale-off-black { + background-color: var(--grey-scale-off-black, #1c1c1c); } - .\32xl\:-bottom-full { - bottom: -100%; + .group:hover .\32xl\:group-hover\:bg-Grey\ Scale-black { + background-color: var(--grey-scale-black, #000000); } - .\32xl\:left-0 { - left: 0px; + .group:hover .\32xl\:group-hover\:bg-Blue-blue { + background-color: var(--blue-blue, #3a7ca5); } - .\32xl\:left-1 { - left: 0.25rem; + .group:hover .\32xl\:group-hover\:bg-Blue-blue-100 { + background-color: var(--blue-blue-100, #75a3c0); } - .\32xl\:left-2 { - left: 0.5rem; + .group:hover .\32xl\:group-hover\:bg-Blue-blue-200 { + background-color: var(--blue-blue-200, #9cbed2); } - .\32xl\:left-3 { - left: 0.75rem; + .group:hover .\32xl\:group-hover\:bg-Blue-blue-300 { + background-color: var(--blue-blue-300, #4f7d9a); } - .\32xl\:left-4 { - left: 1rem; + .group:hover .\32xl\:group-hover\:bg-Blue-blue-400 { + background-color: var(--blue-blue-400, #5c7d92); } - .\32xl\:left-5 { - left: 1.25rem; + .group:hover .\32xl\:group-hover\:bg-Blue-blue-500 { + background-color: var(--blue-blue-500, #347095); } - .\32xl\:left-6 { - left: 1.5rem; + .group:hover .\32xl\:group-hover\:bg-Blue-blue-600 { + background-color: var(--blue-blue-600, #295774); } - .\32xl\:left-7 { - left: 1.75rem; + .group:hover .\32xl\:group-hover\:bg-Blue-blue-700 { + background-color: var(--blue-blue-700, #173242); } - .\32xl\:left-8 { - left: 2rem; + .group:hover .\32xl\:group-hover\:bg-LightBlue-lightblue { + background-color: var(--light-blue-lightblue, #81c3d7); } - .\32xl\:left-9 { - left: 2.25rem; + .group:hover .\32xl\:group-hover\:bg-LightBlue-lightblue-100 { + background-color: var(--light-blue-lightblue-100, #a7d5e3); } - .\32xl\:left-10 { - left: 2.5rem; + .group:hover .\32xl\:group-hover\:bg-LightBlue-lightblue-200 { + background-color: var(--light-blue-lightblue-200, #c0e1eb); } - .\32xl\:left-11 { - left: 2.75rem; + .group:hover .\32xl\:group-hover\:bg-LightBlue-lightblue-300 { + background-color: var(--light-blue-lightblue-300, #80aebd); } - .\32xl\:left-12 { - left: 3rem; + .group:hover .\32xl\:group-hover\:bg-LightBlue-lightblue-400 { + background-color: var(--light-blue-lightblue-400, #80a0ab); } - .\32xl\:left-14 { - left: 3.5rem; + .group:hover .\32xl\:group-hover\:bg-LightBlue-lightblue-500 { + background-color: var(--light-blue-lightblue-500, #74afc1); } - .\32xl\:left-16 { - left: 4rem; + .group:hover .\32xl\:group-hover\:bg-LightBlue-lightblue-600 { + background-color: var(--light-blue-lightblue-600, #5a8997); } - .\32xl\:left-20 { - left: 5rem; + .group:hover .\32xl\:group-hover\:bg-LightBlue-lightblue-650 { + background-color: var(--light-blue-lightblue-650, #3e5e65); } - .\32xl\:left-24 { - left: 6rem; + .group:hover .\32xl\:group-hover\:bg-LightBlue-lightblue-700 { + background-color: var(--light-blue-lightblue-700, #344e56); } - .\32xl\:left-28 { - left: 7rem; + .group:hover .\32xl\:group-hover\:bg-Orange-orange { + background-color: var(--orange-orange, #ff7f0e); } - .\32xl\:left-32 { - left: 8rem; + .group:hover .\32xl\:group-hover\:bg-Orange-orange-100 { + background-color: var(--orange-orange-100, #ffa556); } - .\32xl\:left-36 { - left: 9rem; + .group:hover .\32xl\:group-hover\:bg-Orange-orange-200 { + background-color: var(--orange-orange-200, #ffbf86); } - .\32xl\:left-40 { - left: 10rem; + .group:hover .\32xl\:group-hover\:bg-Orange-orange-300 { + background-color: var(--orange-orange-300, #d97f30); } - .\32xl\:left-44 { - left: 11rem; + .group:hover .\32xl\:group-hover\:bg-Orange-orange-400 { + background-color: var(--orange-orange-400, #bf7e46); } - .\32xl\:left-48 { - left: 12rem; + .group:hover .\32xl\:group-hover\:bg-Orange-orange-500 { + background-color: var(--orange-orange-500, #e5720d); } - .\32xl\:left-52 { - left: 13rem; + .group:hover .\32xl\:group-hover\:bg-Orange-orange-600 { + background-color: var(--orange-orange-600, #b3590a); } - .\32xl\:left-56 { - left: 14rem; + .group:hover .\32xl\:group-hover\:bg-Orange-orange-700 { + background-color: var(--orange-orange-700, #663306); } - .\32xl\:left-60 { - left: 15rem; + .group:hover .\32xl\:group-hover\:bg-Yellow-yellow { + background-color: var(--yellow-yellow, #ffab00); } - .\32xl\:left-64 { - left: 16rem; + .group:hover .\32xl\:group-hover\:bg-Yellow-yellow-100 { + background-color: var(--yellow-yellow-100, #ffc44c); } - .\32xl\:left-72 { - left: 18rem; + .group:hover .\32xl\:group-hover\:bg-Yellow-yellow-200 { + background-color: var(--yellow-yellow-200, #ffd580); } - .\32xl\:left-80 { - left: 20rem; + .group:hover .\32xl\:group-hover\:bg-Yellow-yellow-300 { + background-color: var(--yellow-yellow-300, #d99d26); } - .\32xl\:left-96 { - left: 24rem; + .group:hover .\32xl\:group-hover\:bg-Yellow-yellow-400 { + background-color: var(--yellow-yellow-400, #bf943f); } - .\32xl\:left-auto { - left: auto; + .group:hover .\32xl\:group-hover\:bg-Yellow-yellow-500 { + background-color: var(--yellow-yellow-500, #e59a00); } - .\32xl\:left-px { - left: 1px; + .group:hover .\32xl\:group-hover\:bg-Yellow-yellow-600 { + background-color: var(--yellow-yellow-600, #b37800); } - .\32xl\:left-0\.5 { - left: 0.125rem; + .group:hover .\32xl\:group-hover\:bg-Yellow-yellow-700 { + background-color: var(--yellow-yellow-700, #664400); } - .\32xl\:left-1\.5 { - left: 0.375rem; + .group:hover .\32xl\:group-hover\:bg-Notification-notification { + background-color: var(--notification-notification, #3959ff); } - .\32xl\:left-2\.5 { - left: 0.625rem; + .group:hover .\32xl\:group-hover\:bg-Notification-notification-100 { + background-color: var(--notification-notification-100, #748bff); } - .\32xl\:left-3\.5 { - left: 0.875rem; + .group:hover .\32xl\:group-hover\:bg-Notification-notification-200 { + background-color: var(--notification-notification-200, #9cacff); } - .\32xl\:-left-0 { - left: 0px; + .group:hover .\32xl\:group-hover\:bg-Notification-notification-300 { + background-color: var(--notification-notification-300, #4e64d9); } - .\32xl\:-left-1 { - left: -0.25rem; + .group:hover .\32xl\:group-hover\:bg-Notification-notification-400 { + background-color: var(--notification-notification-400, #5c6cbf); } - .\32xl\:-left-2 { - left: -0.5rem; + .group:hover .\32xl\:group-hover\:bg-Notification-notification-500 { + background-color: var(--notification-notification-500, #3350e5); } - .\32xl\:-left-3 { - left: -0.75rem; + .group:hover .\32xl\:group-hover\:bg-Notification-notification-600 { + background-color: var(--notification-notification-600, #283eb3); } - .\32xl\:-left-4 { - left: -1rem; + .group:hover .\32xl\:group-hover\:bg-Notification-notification-700 { + background-color: var(--notification-notification-700, #172466); } - .\32xl\:-left-5 { - left: -1.25rem; + .group:hover .\32xl\:group-hover\:bg-Success-success\ -700 { + background-color: var(--success-success-700, #24471f); } - .\32xl\:-left-6 { - left: -1.5rem; + .group:hover .\32xl\:group-hover\:bg-Success-success { + background-color: var(--success-success, #5bb14d); } - .\32xl\:-left-7 { - left: -1.75rem; + .group:hover .\32xl\:group-hover\:bg-Success-success\ -100 { + background-color: var(--success-success-100, #8cc882); } - .\32xl\:-left-8 { - left: -2rem; + .group:hover .\32xl\:group-hover\:bg-Success-success\ -200 { + background-color: var(--success-success-200, #add8a6); } - .\32xl\:-left-9 { - left: -2.25rem; + .group:hover .\32xl\:group-hover\:bg-Success-success\ -300 { + background-color: var(--success-success-300, #66a25c); } - .\32xl\:-left-10 { - left: -2.5rem; + .group:hover .\32xl\:group-hover\:bg-Success-success\ -400 { + background-color: var(--success-success-400, #6d9766); } - .\32xl\:-left-11 { - left: -2.75rem; + .group:hover .\32xl\:group-hover\:bg-Success-success\ -500 { + background-color: var(--success-success-500, #529f45); } - .\32xl\:-left-12 { - left: -3rem; + .group:hover .\32xl\:group-hover\:bg-Success-success\ -600 { + background-color: var(--success-success-600, #407c36); } - .\32xl\:-left-14 { - left: -3.5rem; + .group:hover .\32xl\:group-hover\:bg-Error-error { + background-color: var(--error-error, #f03d3e); } - .\32xl\:-left-16 { - left: -4rem; + .group:hover .\32xl\:group-hover\:bg-Error-error-100 { + background-color: var(--error-error-100, #f57778); } - .\32xl\:-left-20 { - left: -5rem; + .group:hover .\32xl\:group-hover\:bg-Error-error-200 { + background-color: var(--error-error-200, #f89e9e); } - .\32xl\:-left-24 { - left: -6rem; + .group:hover .\32xl\:group-hover\:bg-Error-error-250 { + background-color: var(--error-error-250, #f9c8c8); } - .\32xl\:-left-28 { - left: -7rem; + .group:hover .\32xl\:group-hover\:bg-Error-error-300 { + background-color: var(--error-error-300, #ce5151); } - .\32xl\:-left-32 { - left: -8rem; + .group:hover .\32xl\:group-hover\:bg-Error-error-400 { + background-color: var(--error-error-400, #b85e5e); } - .\32xl\:-left-36 { - left: -9rem; + .group:hover .\32xl\:group-hover\:bg-Error-error-500 { + background-color: var(--error-error-500, #d83738); } - .\32xl\:-left-40 { - left: -10rem; + .group:hover .\32xl\:group-hover\:bg-Error-error-600 { + background-color: var(--error-error-600, #a82b2b); } - .\32xl\:-left-44 { - left: -11rem; + .group:hover .\32xl\:group-hover\:bg-Error-error-700 { + background-color: var(--error-error-700, #601819); } - .\32xl\:-left-48 { - left: -12rem; + .\32xl\:focus-within\:bg-colors-black:focus-within { + background-color: var(--colors-black, #000000); } - .\32xl\:-left-52 { - left: -13rem; + .\32xl\:focus-within\:bg-colors-white:focus-within { + background-color: var(--colors-white, #ffffff); } - .\32xl\:-left-56 { - left: -14rem; + .\32xl\:focus-within\:bg-colors-gray-100:focus-within { + background-color: var(--colors-gray-100, #f7fafc); } - .\32xl\:-left-60 { - left: -15rem; + .\32xl\:focus-within\:bg-colors-gray-200:focus-within { + background-color: var(--colors-gray-200, #edf2f7); } - .\32xl\:-left-64 { - left: -16rem; + .\32xl\:focus-within\:bg-colors-gray-300:focus-within { + background-color: var(--colors-gray-300, #e2e8f0); } - .\32xl\:-left-72 { - left: -18rem; + .\32xl\:focus-within\:bg-colors-gray-400:focus-within { + background-color: var(--colors-gray-400, #cbd5e0); } - .\32xl\:-left-80 { - left: -20rem; + .\32xl\:focus-within\:bg-colors-gray-500:focus-within { + background-color: var(--colors-gray-500, #a0aec0); } - .\32xl\:-left-96 { - left: -24rem; + .\32xl\:focus-within\:bg-colors-gray-600:focus-within { + background-color: var(--colors-gray-600, #718096); } - .\32xl\:-left-px { - left: -1px; + .\32xl\:focus-within\:bg-colors-gray-700:focus-within { + background-color: var(--colors-gray-700, #4a5568); } - .\32xl\:-left-0\.5 { - left: -0.125rem; + .\32xl\:focus-within\:bg-colors-gray-800:focus-within { + background-color: var(--colors-gray-800, #2d3748); } - .\32xl\:-left-1\.5 { - left: -0.375rem; + .\32xl\:focus-within\:bg-colors-gray-900:focus-within { + background-color: var(--colors-gray-900, #1a202c); } - .\32xl\:-left-2\.5 { - left: -0.625rem; + .\32xl\:focus-within\:bg-colors-red-100:focus-within { + background-color: var(--colors-red-100, #fff5f5); } - .\32xl\:-left-3\.5 { - left: -0.875rem; + .\32xl\:focus-within\:bg-colors-red-200:focus-within { + background-color: var(--colors-red-200, #fed7d7); } - .\32xl\:left-1\/2 { - left: 50%; + .\32xl\:focus-within\:bg-colors-red-300:focus-within { + background-color: var(--colors-red-300, #feb2b2); } - .\32xl\:left-1\/3 { - left: 33.333333%; + .\32xl\:focus-within\:bg-colors-red-400:focus-within { + background-color: var(--colors-red-400, #fc8181); } - .\32xl\:left-2\/3 { - left: 66.666667%; + .\32xl\:focus-within\:bg-colors-red-500:focus-within { + background-color: var(--colors-red-500, #f56565); } - .\32xl\:left-1\/4 { - left: 25%; + .\32xl\:focus-within\:bg-colors-red-600:focus-within { + background-color: var(--colors-red-600, #e53e3e); } - .\32xl\:left-2\/4 { - left: 50%; + .\32xl\:focus-within\:bg-colors-red-700:focus-within { + background-color: var(--colors-red-700, #c53030); } - .\32xl\:left-3\/4 { - left: 75%; + .\32xl\:focus-within\:bg-colors-red-800:focus-within { + background-color: var(--colors-red-800, #9b2c2c); } - .\32xl\:left-full { - left: 100%; + .\32xl\:focus-within\:bg-colors-red-900:focus-within { + background-color: var(--colors-red-900, #742a2a); } - .\32xl\:-left-1\/2 { - left: -50%; + .\32xl\:focus-within\:bg-colors-orange-100:focus-within { + background-color: var(--colors-orange-100, #fffaf0); } - .\32xl\:-left-1\/3 { - left: -33.333333%; + .\32xl\:focus-within\:bg-colors-orange-200:focus-within { + background-color: var(--colors-orange-200, #feebc8); } - .\32xl\:-left-2\/3 { - left: -66.666667%; + .\32xl\:focus-within\:bg-colors-orange-300:focus-within { + background-color: var(--colors-orange-300, #fbd38d); } - .\32xl\:-left-1\/4 { - left: -25%; + .\32xl\:focus-within\:bg-colors-orange-400:focus-within { + background-color: var(--colors-orange-400, #f6ad55); } - .\32xl\:-left-2\/4 { - left: -50%; + .\32xl\:focus-within\:bg-colors-orange-500:focus-within { + background-color: var(--colors-orange-500, #ed8936); } - .\32xl\:-left-3\/4 { - left: -75%; + .\32xl\:focus-within\:bg-colors-orange-600:focus-within { + background-color: var(--colors-orange-600, #dd6b20); } - .\32xl\:-left-full { - left: -100%; + .\32xl\:focus-within\:bg-colors-orange-700:focus-within { + background-color: var(--colors-orange-700, #c05621); } - .\32xl\:isolate { - isolation: isolate; + .\32xl\:focus-within\:bg-colors-orange-800:focus-within { + background-color: var(--colors-orange-800, #9c4221); } - .\32xl\:isolation-auto { - isolation: auto; + .\32xl\:focus-within\:bg-colors-orange-900:focus-within { + background-color: var(--colors-orange-900, #7b341e); } - .\32xl\:z-0 { - z-index: 0; + .\32xl\:focus-within\:bg-colors-yellow-100:focus-within { + background-color: var(--colors-yellow-100, #fffff0); } - .\32xl\:z-10 { - z-index: 10; + .\32xl\:focus-within\:bg-colors-yellow-200:focus-within { + background-color: var(--colors-yellow-200, #fefcbf); } - .\32xl\:z-20 { - z-index: 20; + .\32xl\:focus-within\:bg-colors-yellow-300:focus-within { + background-color: var(--colors-yellow-300, #faf089); } - .\32xl\:z-30 { - z-index: 30; + .\32xl\:focus-within\:bg-colors-yellow-400:focus-within { + background-color: var(--colors-yellow-400, #f6e05e); } - .\32xl\:z-40 { - z-index: 40; + .\32xl\:focus-within\:bg-colors-yellow-500:focus-within { + background-color: var(--colors-yellow-500, #ecc94b); } - .\32xl\:z-50 { - z-index: 50; + .\32xl\:focus-within\:bg-colors-yellow-600:focus-within { + background-color: var(--colors-yellow-600, #d69e2e); } - .\32xl\:z-auto { - z-index: auto; + .\32xl\:focus-within\:bg-colors-yellow-700:focus-within { + background-color: var(--colors-yellow-700, #b7791f); } - .\32xl\:focus-within\:z-0:focus-within { - z-index: 0; + .\32xl\:focus-within\:bg-colors-yellow-800:focus-within { + background-color: var(--colors-yellow-800, #975a16); } - .\32xl\:focus-within\:z-10:focus-within { - z-index: 10; + .\32xl\:focus-within\:bg-colors-yellow-900:focus-within { + background-color: var(--colors-yellow-900, #744210); } - .\32xl\:focus-within\:z-20:focus-within { - z-index: 20; + .\32xl\:focus-within\:bg-colors-green-100:focus-within { + background-color: var(--colors-green-100, #f0fff4); } - .\32xl\:focus-within\:z-30:focus-within { - z-index: 30; + .\32xl\:focus-within\:bg-colors-green-200:focus-within { + background-color: var(--colors-green-200, #c6f6d5); } - .\32xl\:focus-within\:z-40:focus-within { - z-index: 40; + .\32xl\:focus-within\:bg-colors-green-300:focus-within { + background-color: var(--colors-green-300, #9ae6b4); } - .\32xl\:focus-within\:z-50:focus-within { - z-index: 50; + .\32xl\:focus-within\:bg-colors-green-400:focus-within { + background-color: var(--colors-green-400, #68d391); } - .\32xl\:focus-within\:z-auto:focus-within { - z-index: auto; + .\32xl\:focus-within\:bg-colors-green-500:focus-within { + background-color: var(--colors-green-500, #48bb78); } - .\32xl\:focus\:z-0:focus { - z-index: 0; + .\32xl\:focus-within\:bg-colors-green-600:focus-within { + background-color: var(--colors-green-600, #38a169); } - .\32xl\:focus\:z-10:focus { - z-index: 10; + .\32xl\:focus-within\:bg-colors-green-700:focus-within { + background-color: var(--colors-green-700, #2f855a); } - .\32xl\:focus\:z-20:focus { - z-index: 20; + .\32xl\:focus-within\:bg-colors-green-800:focus-within { + background-color: var(--colors-green-800, #276749); } - .\32xl\:focus\:z-30:focus { - z-index: 30; + .\32xl\:focus-within\:bg-colors-green-900:focus-within { + background-color: var(--colors-green-900, #22543d); } - .\32xl\:focus\:z-40:focus { - z-index: 40; + .\32xl\:focus-within\:bg-colors-teal-100:focus-within { + background-color: var(--colors-teal-100, #e6fffa); } - .\32xl\:focus\:z-50:focus { - z-index: 50; + .\32xl\:focus-within\:bg-colors-teal-200:focus-within { + background-color: var(--colors-teal-200, #b2f5ea); } - .\32xl\:focus\:z-auto:focus { - z-index: auto; + .\32xl\:focus-within\:bg-colors-teal-300:focus-within { + background-color: var(--colors-teal-300, #81e6d9); } - .\32xl\:order-1 { - order: 1; + .\32xl\:focus-within\:bg-colors-teal-400:focus-within { + background-color: var(--colors-teal-400, #4fd1c5); } - .\32xl\:order-2 { - order: 2; + .\32xl\:focus-within\:bg-colors-teal-500:focus-within { + background-color: var(--colors-teal-500, #38b2ac); } - .\32xl\:order-3 { - order: 3; + .\32xl\:focus-within\:bg-colors-teal-600:focus-within { + background-color: var(--colors-teal-600, #319795); } - .\32xl\:order-4 { - order: 4; + .\32xl\:focus-within\:bg-colors-teal-700:focus-within { + background-color: var(--colors-teal-700, #2c7a7b); } - .\32xl\:order-5 { - order: 5; + .\32xl\:focus-within\:bg-colors-teal-800:focus-within { + background-color: var(--colors-teal-800, #285e61); } - .\32xl\:order-6 { - order: 6; + .\32xl\:focus-within\:bg-colors-teal-900:focus-within { + background-color: var(--colors-teal-900, #234e52); } - .\32xl\:order-7 { - order: 7; + .\32xl\:focus-within\:bg-colors-blue-100:focus-within { + background-color: var(--colors-blue-100, #ebf8ff); } - .\32xl\:order-8 { - order: 8; + .\32xl\:focus-within\:bg-colors-blue-200:focus-within { + background-color: var(--colors-blue-200, #bee3f8); } - .\32xl\:order-9 { - order: 9; + .\32xl\:focus-within\:bg-colors-blue-300:focus-within { + background-color: var(--colors-blue-300, #90cdf4); } - .\32xl\:order-10 { - order: 10; + .\32xl\:focus-within\:bg-colors-blue-400:focus-within { + background-color: var(--colors-blue-400, #63b3ed); } - .\32xl\:order-11 { - order: 11; + .\32xl\:focus-within\:bg-colors-blue-500:focus-within { + background-color: var(--colors-blue-500, #4299e1); } - .\32xl\:order-12 { - order: 12; + .\32xl\:focus-within\:bg-colors-blue-600:focus-within { + background-color: var(--colors-blue-600, #3182ce); } - .\32xl\:order-first { - order: -9999; + .\32xl\:focus-within\:bg-colors-blue-700:focus-within { + background-color: var(--colors-blue-700, #2b6cb0); } - .\32xl\:order-last { - order: 9999; + .\32xl\:focus-within\:bg-colors-blue-800:focus-within { + background-color: var(--colors-blue-800, #2c5282); } - .\32xl\:order-none { - order: 0; + .\32xl\:focus-within\:bg-colors-blue-900:focus-within { + background-color: var(--colors-blue-900, #2a4365); } - .\32xl\:col-auto { - grid-column: auto; + .\32xl\:focus-within\:bg-colors-indigo-100:focus-within { + background-color: var(--colors-indigo-100, #ebf4ff); } - .\32xl\:col-span-1 { - grid-column: span 1 / span 1; + .\32xl\:focus-within\:bg-colors-indigo-200:focus-within { + background-color: var(--colors-indigo-200, #c3dafe); } - .\32xl\:col-span-2 { - grid-column: span 2 / span 2; + .\32xl\:focus-within\:bg-colors-indigo-300:focus-within { + background-color: var(--colors-indigo-300, #a3bffa); } - .\32xl\:col-span-3 { - grid-column: span 3 / span 3; + .\32xl\:focus-within\:bg-colors-indigo-400:focus-within { + background-color: var(--colors-indigo-400, #7f9cf5); } - .\32xl\:col-span-4 { - grid-column: span 4 / span 4; + .\32xl\:focus-within\:bg-colors-indigo-500:focus-within { + background-color: var(--colors-indigo-500, #667eea); } - .\32xl\:col-span-5 { - grid-column: span 5 / span 5; + .\32xl\:focus-within\:bg-colors-indigo-600:focus-within { + background-color: var(--colors-indigo-600, #5a67d8); } - .\32xl\:col-span-6 { - grid-column: span 6 / span 6; + .\32xl\:focus-within\:bg-colors-indigo-700:focus-within { + background-color: var(--colors-indigo-700, #4c51bf); } - .\32xl\:col-span-7 { - grid-column: span 7 / span 7; + .\32xl\:focus-within\:bg-colors-indigo-800:focus-within { + background-color: var(--colors-indigo-800, #434190); } - .\32xl\:col-span-8 { - grid-column: span 8 / span 8; + .\32xl\:focus-within\:bg-colors-indigo-900:focus-within { + background-color: var(--colors-indigo-900, #3c366b); } - .\32xl\:col-span-9 { - grid-column: span 9 / span 9; + .\32xl\:focus-within\:bg-colors-purple-100:focus-within { + background-color: var(--colors-purple-100, #faf5ff); } - .\32xl\:col-span-10 { - grid-column: span 10 / span 10; + .\32xl\:focus-within\:bg-colors-purple-200:focus-within { + background-color: var(--colors-purple-200, #e9d8fd); } - .\32xl\:col-span-11 { - grid-column: span 11 / span 11; + .\32xl\:focus-within\:bg-colors-purple-300:focus-within { + background-color: var(--colors-purple-300, #d6bcfa); } - .\32xl\:col-span-12 { - grid-column: span 12 / span 12; + .\32xl\:focus-within\:bg-colors-purple-400:focus-within { + background-color: var(--colors-purple-400, #b794f4); } - .\32xl\:col-span-full { - grid-column: 1 / -1; + .\32xl\:focus-within\:bg-colors-purple-500:focus-within { + background-color: var(--colors-purple-500, #9f7aea); } - .\32xl\:col-start-1 { - grid-column-start: 1; + .\32xl\:focus-within\:bg-colors-purple-600:focus-within { + background-color: var(--colors-purple-600, #805ad5); } - .\32xl\:col-start-2 { - grid-column-start: 2; + .\32xl\:focus-within\:bg-colors-purple-700:focus-within { + background-color: var(--colors-purple-700, #6b46c1); } - .\32xl\:col-start-3 { - grid-column-start: 3; + .\32xl\:focus-within\:bg-colors-purple-800:focus-within { + background-color: var(--colors-purple-800, #553c9a); } - .\32xl\:col-start-4 { - grid-column-start: 4; + .\32xl\:focus-within\:bg-colors-purple-900:focus-within { + background-color: var(--colors-purple-900, #44337a); } - .\32xl\:col-start-5 { - grid-column-start: 5; + .\32xl\:focus-within\:bg-colors-pink-100:focus-within { + background-color: var(--colors-pink-100, #fff5f7); } - .\32xl\:col-start-6 { - grid-column-start: 6; + .\32xl\:focus-within\:bg-colors-pink-200:focus-within { + background-color: var(--colors-pink-200, #fed7e2); } - .\32xl\:col-start-7 { - grid-column-start: 7; + .\32xl\:focus-within\:bg-colors-pink-300:focus-within { + background-color: var(--colors-pink-300, #fbb6ce); } - .\32xl\:col-start-8 { - grid-column-start: 8; + .\32xl\:focus-within\:bg-colors-pink-400:focus-within { + background-color: var(--colors-pink-400, #f687b3); } - .\32xl\:col-start-9 { - grid-column-start: 9; + .\32xl\:focus-within\:bg-colors-pink-500:focus-within { + background-color: var(--colors-pink-500, #ed64a6); } - .\32xl\:col-start-10 { - grid-column-start: 10; + .\32xl\:focus-within\:bg-colors-pink-600:focus-within { + background-color: var(--colors-pink-600, #d53f8c); } - .\32xl\:col-start-11 { - grid-column-start: 11; + .\32xl\:focus-within\:bg-colors-pink-700:focus-within { + background-color: var(--colors-pink-700, #b83280); } - .\32xl\:col-start-12 { - grid-column-start: 12; + .\32xl\:focus-within\:bg-colors-pink-800:focus-within { + background-color: var(--colors-pink-800, #97266d); } - .\32xl\:col-start-13 { - grid-column-start: 13; + .\32xl\:focus-within\:bg-colors-pink-900:focus-within { + background-color: var(--colors-pink-900, #702459); } - .\32xl\:col-start-auto { - grid-column-start: auto; + .\32xl\:focus-within\:bg-Box\ Shadow:focus-within { + background-color: var(--box-shadow, #7f7e7f); } - .\32xl\:col-end-1 { - grid-column-end: 1; + .\32xl\:focus-within\:bg-Error16:focus-within { + background-color: var(--error16, #f03d3e40); } - .\32xl\:col-end-2 { - grid-column-end: 2; + .\32xl\:focus-within\:bg-Success16:focus-within { + background-color: var(--success16, #5bb14d40); } - .\32xl\:col-end-3 { - grid-column-end: 3; + .\32xl\:focus-within\:bg-Notification16:focus-within { + background-color: var(--notification16, #3959ff40); } - .\32xl\:col-end-4 { - grid-column-end: 4; + .\32xl\:focus-within\:bg-Error8:focus-within { + background-color: var(--error8, #f03d3e1a); } - .\32xl\:col-end-5 { - grid-column-end: 5; + .\32xl\:focus-within\:bg-Notification8:focus-within { + background-color: var(--notification8, #3959ff1a); } - .\32xl\:col-end-6 { - grid-column-end: 6; + .\32xl\:focus-within\:bg-Success8:focus-within { + background-color: var(--success8, #5bb14d1a); } - .\32xl\:col-end-7 { - grid-column-end: 7; + .\32xl\:focus-within\:bg-Light\ -\ Overlay:focus-within { + background-color: var(--light-overlay, #f0edee66); } - .\32xl\:col-end-8 { - grid-column-end: 8; + .\32xl\:focus-within\:bg-Dark-\ Overlay:focus-within { + background-color: var(--dark-overlay, #7f7e7f66); } - .\32xl\:col-end-9 { - grid-column-end: 9; + .\32xl\:focus-within\:bg-black-40:focus-within { + background-color: var(--black-40, #00000066); } - .\32xl\:col-end-10 { - grid-column-end: 10; + .\32xl\:focus-within\:bg-black-75:focus-within { + background-color: var(--black-75, #000000bf); } - .\32xl\:col-end-11 { - grid-column-end: 11; + .\32xl\:focus-within\:bg-black-60:focus-within { + background-color: var(--black-60, #00000099); } - .\32xl\:col-end-12 { - grid-column-end: 12; + .\32xl\:focus-within\:bg-black-50:focus-within { + background-color: var(--black-50, #00000080); } - .\32xl\:col-end-13 { - grid-column-end: 13; + .\32xl\:focus-within\:bg-black-25:focus-within { + background-color: var(--black-25, #00000040); } - .\32xl\:col-end-auto { - grid-column-end: auto; + .\32xl\:focus-within\:bg-black-10:focus-within { + background-color: var(--black-10, #0000001a); } - .\32xl\:row-auto { - grid-row: auto; + .\32xl\:focus-within\:bg-white-25:focus-within { + background-color: var(--white-25, #ffffff40); } - .\32xl\:row-span-1 { - grid-row: span 1 / span 1; + .\32xl\:focus-within\:bg-white-60:focus-within { + background-color: var(--white-60, #ffffff99); } - .\32xl\:row-span-2 { - grid-row: span 2 / span 2; + .\32xl\:focus-within\:bg-black-64:focus-within { + background-color: var(--black-64, #000000a3); } - .\32xl\:row-span-3 { - grid-row: span 3 / span 3; + .\32xl\:focus-within\:bg-Shadow\ and\ Highlight-Shadow:focus-within { + background-color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .\32xl\:row-span-4 { - grid-row: span 4 / span 4; + .\32xl\:focus-within\:bg-Shadow\ and\ Highlight-Highlight:focus-within { + background-color: var(--shadow-and-highlight-highlight, #474747); } - .\32xl\:row-span-5 { - grid-row: span 5 / span 5; + .\32xl\:focus-within\:bg-Shadow\ and\ Highlight-highlight\ one:focus-within { + background-color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .\32xl\:row-span-6 { - grid-row: span 6 / span 6; + .\32xl\:focus-within\:bg-Shadow\ and\ Highlight-highlight\ two:focus-within { + background-color: var(--shadow-and-highlight-highlight-two, #47474799); } - .\32xl\:row-span-full { - grid-row: 1 / -1; + .\32xl\:focus-within\:bg-Shadow\ and\ Highlight-highlight\ three:focus-within { + background-color: var(--shadow-and-highlight-highlight-three, #47474766); } - .\32xl\:row-start-1 { - grid-row-start: 1; + .\32xl\:focus-within\:bg-Shadow\ and\ Highlight-highlight\ five:focus-within { + background-color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .\32xl\:row-start-2 { - grid-row-start: 2; + .\32xl\:focus-within\:bg-Shadow\ and\ Highlight-shadow\ one:focus-within { + background-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .\32xl\:row-start-3 { - grid-row-start: 3; + .\32xl\:focus-within\:bg-Shadow\ and\ Highlight-shadow\ two:focus-within { + background-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .\32xl\:row-start-4 { - grid-row-start: 4; + .\32xl\:focus-within\:bg-Shadow\ and\ Highlight-shadow\ three:focus-within { + background-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .\32xl\:row-start-5 { - grid-row-start: 5; + .\32xl\:focus-within\:bg-Shadow\ and\ Highlight-shadow\ four:focus-within { + background-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .\32xl\:row-start-6 { - grid-row-start: 6; + .\32xl\:focus-within\:bg-Shadow\ and\ Highlight-shadow\ five:focus-within { + background-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .\32xl\:row-start-7 { - grid-row-start: 7; + .\32xl\:focus-within\:bg-Shadow\ and\ Highlight-highlight\ four:focus-within { + background-color: var(--shadow-and-highlight-highlight-four, #47474740); } - .\32xl\:row-start-auto { - grid-row-start: auto; + .\32xl\:focus-within\:bg-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus-within { + background-color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .\32xl\:row-end-1 { - grid-row-end: 1; + .\32xl\:focus-within\:bg-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus-within { + background-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .\32xl\:row-end-2 { - grid-row-end: 2; + .\32xl\:focus-within\:bg-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus-within { + background-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .\32xl\:row-end-3 { - grid-row-end: 3; + .\32xl\:focus-within\:bg-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus-within { + background-color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .\32xl\:row-end-4 { - grid-row-end: 4; + .\32xl\:focus-within\:bg-Grey-Scale-white:focus-within { + background-color: var(--grey-scale-white, #ffffff); } - .\32xl\:row-end-5 { - grid-row-end: 5; + .\32xl\:focus-within\:bg-Grey-Scale-off-white:focus-within { + background-color: var(--grey-scale-off-white, #f0edee); } - .\32xl\:row-end-6 { - grid-row-end: 6; + .\32xl\:focus-within\:bg-Grey\ Scale-grey:focus-within { + background-color: var(--grey-scale-grey, #7f7e7f); } - .\32xl\:row-end-7 { - grid-row-end: 7; + .\32xl\:focus-within\:bg-Grey\ Scale-charcoal:focus-within { + background-color: var(--grey-scale-charcoal, #474747); } - .\32xl\:row-end-auto { - grid-row-end: auto; + .\32xl\:focus-within\:bg-Grey\ Scale-off-black:focus-within { + background-color: var(--grey-scale-off-black, #1c1c1c); } - .\32xl\:float-right { - float: right; + .\32xl\:focus-within\:bg-Grey\ Scale-black:focus-within { + background-color: var(--grey-scale-black, #000000); } - .\32xl\:float-left { - float: left; + .\32xl\:focus-within\:bg-Blue-blue:focus-within { + background-color: var(--blue-blue, #3a7ca5); } - .\32xl\:float-none { - float: none; + .\32xl\:focus-within\:bg-Blue-blue-100:focus-within { + background-color: var(--blue-blue-100, #75a3c0); } - .\32xl\:clear-left { - clear: left; + .\32xl\:focus-within\:bg-Blue-blue-200:focus-within { + background-color: var(--blue-blue-200, #9cbed2); } - .\32xl\:clear-right { - clear: right; + .\32xl\:focus-within\:bg-Blue-blue-300:focus-within { + background-color: var(--blue-blue-300, #4f7d9a); } - .\32xl\:clear-both { - clear: both; + .\32xl\:focus-within\:bg-Blue-blue-400:focus-within { + background-color: var(--blue-blue-400, #5c7d92); } - .\32xl\:clear-none { - clear: none; + .\32xl\:focus-within\:bg-Blue-blue-500:focus-within { + background-color: var(--blue-blue-500, #347095); } - .\32xl\:m-0 { - margin: 0px; + .\32xl\:focus-within\:bg-Blue-blue-600:focus-within { + background-color: var(--blue-blue-600, #295774); } - .\32xl\:m-1 { - margin: 0.25rem; + .\32xl\:focus-within\:bg-Blue-blue-700:focus-within { + background-color: var(--blue-blue-700, #173242); } - .\32xl\:m-2 { - margin: 0.5rem; + .\32xl\:focus-within\:bg-LightBlue-lightblue:focus-within { + background-color: var(--light-blue-lightblue, #81c3d7); } - .\32xl\:m-3 { - margin: 0.75rem; + .\32xl\:focus-within\:bg-LightBlue-lightblue-100:focus-within { + background-color: var(--light-blue-lightblue-100, #a7d5e3); } - .\32xl\:m-4 { - margin: 1rem; + .\32xl\:focus-within\:bg-LightBlue-lightblue-200:focus-within { + background-color: var(--light-blue-lightblue-200, #c0e1eb); } - .\32xl\:m-5 { - margin: 1.25rem; + .\32xl\:focus-within\:bg-LightBlue-lightblue-300:focus-within { + background-color: var(--light-blue-lightblue-300, #80aebd); } - .\32xl\:m-6 { - margin: 1.5rem; + .\32xl\:focus-within\:bg-LightBlue-lightblue-400:focus-within { + background-color: var(--light-blue-lightblue-400, #80a0ab); } - .\32xl\:m-7 { - margin: 1.75rem; + .\32xl\:focus-within\:bg-LightBlue-lightblue-500:focus-within { + background-color: var(--light-blue-lightblue-500, #74afc1); } - .\32xl\:m-8 { - margin: 2rem; + .\32xl\:focus-within\:bg-LightBlue-lightblue-600:focus-within { + background-color: var(--light-blue-lightblue-600, #5a8997); } - .\32xl\:m-9 { - margin: 2.25rem; + .\32xl\:focus-within\:bg-LightBlue-lightblue-650:focus-within { + background-color: var(--light-blue-lightblue-650, #3e5e65); } - .\32xl\:m-10 { - margin: 2.5rem; + .\32xl\:focus-within\:bg-LightBlue-lightblue-700:focus-within { + background-color: var(--light-blue-lightblue-700, #344e56); } - .\32xl\:m-11 { - margin: 2.75rem; + .\32xl\:focus-within\:bg-Orange-orange:focus-within { + background-color: var(--orange-orange, #ff7f0e); } - .\32xl\:m-12 { - margin: 3rem; + .\32xl\:focus-within\:bg-Orange-orange-100:focus-within { + background-color: var(--orange-orange-100, #ffa556); } - .\32xl\:m-14 { - margin: 3.5rem; + .\32xl\:focus-within\:bg-Orange-orange-200:focus-within { + background-color: var(--orange-orange-200, #ffbf86); } - .\32xl\:m-16 { - margin: 4rem; + .\32xl\:focus-within\:bg-Orange-orange-300:focus-within { + background-color: var(--orange-orange-300, #d97f30); } - .\32xl\:m-20 { - margin: 5rem; + .\32xl\:focus-within\:bg-Orange-orange-400:focus-within { + background-color: var(--orange-orange-400, #bf7e46); } - .\32xl\:m-24 { - margin: 6rem; + .\32xl\:focus-within\:bg-Orange-orange-500:focus-within { + background-color: var(--orange-orange-500, #e5720d); } - .\32xl\:m-28 { - margin: 7rem; + .\32xl\:focus-within\:bg-Orange-orange-600:focus-within { + background-color: var(--orange-orange-600, #b3590a); } - .\32xl\:m-32 { - margin: 8rem; + .\32xl\:focus-within\:bg-Orange-orange-700:focus-within { + background-color: var(--orange-orange-700, #663306); } - .\32xl\:m-36 { - margin: 9rem; + .\32xl\:focus-within\:bg-Yellow-yellow:focus-within { + background-color: var(--yellow-yellow, #ffab00); } - .\32xl\:m-40 { - margin: 10rem; + .\32xl\:focus-within\:bg-Yellow-yellow-100:focus-within { + background-color: var(--yellow-yellow-100, #ffc44c); } - .\32xl\:m-44 { - margin: 11rem; + .\32xl\:focus-within\:bg-Yellow-yellow-200:focus-within { + background-color: var(--yellow-yellow-200, #ffd580); } - .\32xl\:m-48 { - margin: 12rem; + .\32xl\:focus-within\:bg-Yellow-yellow-300:focus-within { + background-color: var(--yellow-yellow-300, #d99d26); } - .\32xl\:m-52 { - margin: 13rem; + .\32xl\:focus-within\:bg-Yellow-yellow-400:focus-within { + background-color: var(--yellow-yellow-400, #bf943f); } - .\32xl\:m-56 { - margin: 14rem; + .\32xl\:focus-within\:bg-Yellow-yellow-500:focus-within { + background-color: var(--yellow-yellow-500, #e59a00); } - .\32xl\:m-60 { - margin: 15rem; + .\32xl\:focus-within\:bg-Yellow-yellow-600:focus-within { + background-color: var(--yellow-yellow-600, #b37800); } - .\32xl\:m-64 { - margin: 16rem; + .\32xl\:focus-within\:bg-Yellow-yellow-700:focus-within { + background-color: var(--yellow-yellow-700, #664400); } - .\32xl\:m-72 { - margin: 18rem; + .\32xl\:focus-within\:bg-Notification-notification:focus-within { + background-color: var(--notification-notification, #3959ff); } - .\32xl\:m-80 { - margin: 20rem; + .\32xl\:focus-within\:bg-Notification-notification-100:focus-within { + background-color: var(--notification-notification-100, #748bff); } - .\32xl\:m-96 { - margin: 24rem; + .\32xl\:focus-within\:bg-Notification-notification-200:focus-within { + background-color: var(--notification-notification-200, #9cacff); } - .\32xl\:m-auto { - margin: auto; + .\32xl\:focus-within\:bg-Notification-notification-300:focus-within { + background-color: var(--notification-notification-300, #4e64d9); } - .\32xl\:m-px { - margin: 1px; + .\32xl\:focus-within\:bg-Notification-notification-400:focus-within { + background-color: var(--notification-notification-400, #5c6cbf); } - .\32xl\:m-0\.5 { - margin: 0.125rem; + .\32xl\:focus-within\:bg-Notification-notification-500:focus-within { + background-color: var(--notification-notification-500, #3350e5); } - .\32xl\:m-1\.5 { - margin: 0.375rem; + .\32xl\:focus-within\:bg-Notification-notification-600:focus-within { + background-color: var(--notification-notification-600, #283eb3); } - .\32xl\:m-2\.5 { - margin: 0.625rem; + .\32xl\:focus-within\:bg-Notification-notification-700:focus-within { + background-color: var(--notification-notification-700, #172466); } - .\32xl\:m-3\.5 { - margin: 0.875rem; + .\32xl\:focus-within\:bg-Success-success\ -700:focus-within { + background-color: var(--success-success-700, #24471f); } - .\32xl\:-m-0 { - margin: 0px; + .\32xl\:focus-within\:bg-Success-success:focus-within { + background-color: var(--success-success, #5bb14d); } - .\32xl\:-m-1 { - margin: -0.25rem; + .\32xl\:focus-within\:bg-Success-success\ -100:focus-within { + background-color: var(--success-success-100, #8cc882); } - .\32xl\:-m-2 { - margin: -0.5rem; + .\32xl\:focus-within\:bg-Success-success\ -200:focus-within { + background-color: var(--success-success-200, #add8a6); } - .\32xl\:-m-3 { - margin: -0.75rem; + .\32xl\:focus-within\:bg-Success-success\ -300:focus-within { + background-color: var(--success-success-300, #66a25c); } - .\32xl\:-m-4 { - margin: -1rem; + .\32xl\:focus-within\:bg-Success-success\ -400:focus-within { + background-color: var(--success-success-400, #6d9766); } - .\32xl\:-m-5 { - margin: -1.25rem; + .\32xl\:focus-within\:bg-Success-success\ -500:focus-within { + background-color: var(--success-success-500, #529f45); } - .\32xl\:-m-6 { - margin: -1.5rem; + .\32xl\:focus-within\:bg-Success-success\ -600:focus-within { + background-color: var(--success-success-600, #407c36); } - .\32xl\:-m-7 { - margin: -1.75rem; + .\32xl\:focus-within\:bg-Error-error:focus-within { + background-color: var(--error-error, #f03d3e); } - .\32xl\:-m-8 { - margin: -2rem; + .\32xl\:focus-within\:bg-Error-error-100:focus-within { + background-color: var(--error-error-100, #f57778); } - .\32xl\:-m-9 { - margin: -2.25rem; + .\32xl\:focus-within\:bg-Error-error-200:focus-within { + background-color: var(--error-error-200, #f89e9e); } - .\32xl\:-m-10 { - margin: -2.5rem; + .\32xl\:focus-within\:bg-Error-error-250:focus-within { + background-color: var(--error-error-250, #f9c8c8); } - .\32xl\:-m-11 { - margin: -2.75rem; + .\32xl\:focus-within\:bg-Error-error-300:focus-within { + background-color: var(--error-error-300, #ce5151); } - .\32xl\:-m-12 { - margin: -3rem; + .\32xl\:focus-within\:bg-Error-error-400:focus-within { + background-color: var(--error-error-400, #b85e5e); } - .\32xl\:-m-14 { - margin: -3.5rem; + .\32xl\:focus-within\:bg-Error-error-500:focus-within { + background-color: var(--error-error-500, #d83738); } - .\32xl\:-m-16 { - margin: -4rem; + .\32xl\:focus-within\:bg-Error-error-600:focus-within { + background-color: var(--error-error-600, #a82b2b); } - .\32xl\:-m-20 { - margin: -5rem; + .\32xl\:focus-within\:bg-Error-error-700:focus-within { + background-color: var(--error-error-700, #601819); } - .\32xl\:-m-24 { - margin: -6rem; + .\32xl\:hover\:bg-colors-black:hover { + background-color: var(--colors-black, #000000); } - .\32xl\:-m-28 { - margin: -7rem; + .\32xl\:hover\:bg-colors-white:hover { + background-color: var(--colors-white, #ffffff); } - .\32xl\:-m-32 { - margin: -8rem; + .\32xl\:hover\:bg-colors-gray-100:hover { + background-color: var(--colors-gray-100, #f7fafc); } - .\32xl\:-m-36 { - margin: -9rem; + .\32xl\:hover\:bg-colors-gray-200:hover { + background-color: var(--colors-gray-200, #edf2f7); } - .\32xl\:-m-40 { - margin: -10rem; + .\32xl\:hover\:bg-colors-gray-300:hover { + background-color: var(--colors-gray-300, #e2e8f0); } - .\32xl\:-m-44 { - margin: -11rem; + .\32xl\:hover\:bg-colors-gray-400:hover { + background-color: var(--colors-gray-400, #cbd5e0); } - .\32xl\:-m-48 { - margin: -12rem; + .\32xl\:hover\:bg-colors-gray-500:hover { + background-color: var(--colors-gray-500, #a0aec0); } - .\32xl\:-m-52 { - margin: -13rem; + .\32xl\:hover\:bg-colors-gray-600:hover { + background-color: var(--colors-gray-600, #718096); } - .\32xl\:-m-56 { - margin: -14rem; + .\32xl\:hover\:bg-colors-gray-700:hover { + background-color: var(--colors-gray-700, #4a5568); } - .\32xl\:-m-60 { - margin: -15rem; + .\32xl\:hover\:bg-colors-gray-800:hover { + background-color: var(--colors-gray-800, #2d3748); } - .\32xl\:-m-64 { - margin: -16rem; + .\32xl\:hover\:bg-colors-gray-900:hover { + background-color: var(--colors-gray-900, #1a202c); } - .\32xl\:-m-72 { - margin: -18rem; + .\32xl\:hover\:bg-colors-red-100:hover { + background-color: var(--colors-red-100, #fff5f5); } - .\32xl\:-m-80 { - margin: -20rem; + .\32xl\:hover\:bg-colors-red-200:hover { + background-color: var(--colors-red-200, #fed7d7); } - .\32xl\:-m-96 { - margin: -24rem; + .\32xl\:hover\:bg-colors-red-300:hover { + background-color: var(--colors-red-300, #feb2b2); } - .\32xl\:-m-px { - margin: -1px; + .\32xl\:hover\:bg-colors-red-400:hover { + background-color: var(--colors-red-400, #fc8181); } - .\32xl\:-m-0\.5 { - margin: -0.125rem; + .\32xl\:hover\:bg-colors-red-500:hover { + background-color: var(--colors-red-500, #f56565); } - .\32xl\:-m-1\.5 { - margin: -0.375rem; + .\32xl\:hover\:bg-colors-red-600:hover { + background-color: var(--colors-red-600, #e53e3e); } - .\32xl\:-m-2\.5 { - margin: -0.625rem; + .\32xl\:hover\:bg-colors-red-700:hover { + background-color: var(--colors-red-700, #c53030); } - .\32xl\:-m-3\.5 { - margin: -0.875rem; + .\32xl\:hover\:bg-colors-red-800:hover { + background-color: var(--colors-red-800, #9b2c2c); } - .\32xl\:mx-0 { - margin-left: 0px; - margin-right: 0px; + .\32xl\:hover\:bg-colors-red-900:hover { + background-color: var(--colors-red-900, #742a2a); } - .\32xl\:mx-1 { - margin-left: 0.25rem; - margin-right: 0.25rem; + .\32xl\:hover\:bg-colors-orange-100:hover { + background-color: var(--colors-orange-100, #fffaf0); } - .\32xl\:mx-2 { - margin-left: 0.5rem; - margin-right: 0.5rem; + .\32xl\:hover\:bg-colors-orange-200:hover { + background-color: var(--colors-orange-200, #feebc8); } - .\32xl\:mx-3 { - margin-left: 0.75rem; - margin-right: 0.75rem; + .\32xl\:hover\:bg-colors-orange-300:hover { + background-color: var(--colors-orange-300, #fbd38d); } - .\32xl\:mx-4 { - margin-left: 1rem; - margin-right: 1rem; + .\32xl\:hover\:bg-colors-orange-400:hover { + background-color: var(--colors-orange-400, #f6ad55); } - .\32xl\:mx-5 { - margin-left: 1.25rem; - margin-right: 1.25rem; + .\32xl\:hover\:bg-colors-orange-500:hover { + background-color: var(--colors-orange-500, #ed8936); } - .\32xl\:mx-6 { - margin-left: 1.5rem; - margin-right: 1.5rem; + .\32xl\:hover\:bg-colors-orange-600:hover { + background-color: var(--colors-orange-600, #dd6b20); } - .\32xl\:mx-7 { - margin-left: 1.75rem; - margin-right: 1.75rem; + .\32xl\:hover\:bg-colors-orange-700:hover { + background-color: var(--colors-orange-700, #c05621); } - .\32xl\:mx-8 { - margin-left: 2rem; - margin-right: 2rem; + .\32xl\:hover\:bg-colors-orange-800:hover { + background-color: var(--colors-orange-800, #9c4221); } - .\32xl\:mx-9 { - margin-left: 2.25rem; - margin-right: 2.25rem; + .\32xl\:hover\:bg-colors-orange-900:hover { + background-color: var(--colors-orange-900, #7b341e); } - .\32xl\:mx-10 { - margin-left: 2.5rem; - margin-right: 2.5rem; + .\32xl\:hover\:bg-colors-yellow-100:hover { + background-color: var(--colors-yellow-100, #fffff0); } - .\32xl\:mx-11 { - margin-left: 2.75rem; - margin-right: 2.75rem; + .\32xl\:hover\:bg-colors-yellow-200:hover { + background-color: var(--colors-yellow-200, #fefcbf); } - .\32xl\:mx-12 { - margin-left: 3rem; - margin-right: 3rem; + .\32xl\:hover\:bg-colors-yellow-300:hover { + background-color: var(--colors-yellow-300, #faf089); } - .\32xl\:mx-14 { - margin-left: 3.5rem; - margin-right: 3.5rem; + .\32xl\:hover\:bg-colors-yellow-400:hover { + background-color: var(--colors-yellow-400, #f6e05e); } - .\32xl\:mx-16 { - margin-left: 4rem; - margin-right: 4rem; + .\32xl\:hover\:bg-colors-yellow-500:hover { + background-color: var(--colors-yellow-500, #ecc94b); } - .\32xl\:mx-20 { - margin-left: 5rem; - margin-right: 5rem; + .\32xl\:hover\:bg-colors-yellow-600:hover { + background-color: var(--colors-yellow-600, #d69e2e); } - .\32xl\:mx-24 { - margin-left: 6rem; - margin-right: 6rem; + .\32xl\:hover\:bg-colors-yellow-700:hover { + background-color: var(--colors-yellow-700, #b7791f); } - .\32xl\:mx-28 { - margin-left: 7rem; - margin-right: 7rem; + .\32xl\:hover\:bg-colors-yellow-800:hover { + background-color: var(--colors-yellow-800, #975a16); } - .\32xl\:mx-32 { - margin-left: 8rem; - margin-right: 8rem; + .\32xl\:hover\:bg-colors-yellow-900:hover { + background-color: var(--colors-yellow-900, #744210); } - .\32xl\:mx-36 { - margin-left: 9rem; - margin-right: 9rem; + .\32xl\:hover\:bg-colors-green-100:hover { + background-color: var(--colors-green-100, #f0fff4); } - .\32xl\:mx-40 { - margin-left: 10rem; - margin-right: 10rem; + .\32xl\:hover\:bg-colors-green-200:hover { + background-color: var(--colors-green-200, #c6f6d5); } - .\32xl\:mx-44 { - margin-left: 11rem; - margin-right: 11rem; + .\32xl\:hover\:bg-colors-green-300:hover { + background-color: var(--colors-green-300, #9ae6b4); } - .\32xl\:mx-48 { - margin-left: 12rem; - margin-right: 12rem; + .\32xl\:hover\:bg-colors-green-400:hover { + background-color: var(--colors-green-400, #68d391); } - .\32xl\:mx-52 { - margin-left: 13rem; - margin-right: 13rem; + .\32xl\:hover\:bg-colors-green-500:hover { + background-color: var(--colors-green-500, #48bb78); } - .\32xl\:mx-56 { - margin-left: 14rem; - margin-right: 14rem; + .\32xl\:hover\:bg-colors-green-600:hover { + background-color: var(--colors-green-600, #38a169); } - .\32xl\:mx-60 { - margin-left: 15rem; - margin-right: 15rem; + .\32xl\:hover\:bg-colors-green-700:hover { + background-color: var(--colors-green-700, #2f855a); } - .\32xl\:mx-64 { - margin-left: 16rem; - margin-right: 16rem; + .\32xl\:hover\:bg-colors-green-800:hover { + background-color: var(--colors-green-800, #276749); } - .\32xl\:mx-72 { - margin-left: 18rem; - margin-right: 18rem; + .\32xl\:hover\:bg-colors-green-900:hover { + background-color: var(--colors-green-900, #22543d); } - .\32xl\:mx-80 { - margin-left: 20rem; - margin-right: 20rem; + .\32xl\:hover\:bg-colors-teal-100:hover { + background-color: var(--colors-teal-100, #e6fffa); } - .\32xl\:mx-96 { - margin-left: 24rem; - margin-right: 24rem; + .\32xl\:hover\:bg-colors-teal-200:hover { + background-color: var(--colors-teal-200, #b2f5ea); } - .\32xl\:mx-auto { - margin-left: auto; - margin-right: auto; + .\32xl\:hover\:bg-colors-teal-300:hover { + background-color: var(--colors-teal-300, #81e6d9); } - .\32xl\:mx-px { - margin-left: 1px; - margin-right: 1px; + .\32xl\:hover\:bg-colors-teal-400:hover { + background-color: var(--colors-teal-400, #4fd1c5); } - .\32xl\:mx-0\.5 { - margin-left: 0.125rem; - margin-right: 0.125rem; + .\32xl\:hover\:bg-colors-teal-500:hover { + background-color: var(--colors-teal-500, #38b2ac); } - .\32xl\:mx-1\.5 { - margin-left: 0.375rem; - margin-right: 0.375rem; + .\32xl\:hover\:bg-colors-teal-600:hover { + background-color: var(--colors-teal-600, #319795); } - .\32xl\:mx-2\.5 { - margin-left: 0.625rem; - margin-right: 0.625rem; + .\32xl\:hover\:bg-colors-teal-700:hover { + background-color: var(--colors-teal-700, #2c7a7b); } - .\32xl\:mx-3\.5 { - margin-left: 0.875rem; - margin-right: 0.875rem; + .\32xl\:hover\:bg-colors-teal-800:hover { + background-color: var(--colors-teal-800, #285e61); } - .\32xl\:-mx-0 { - margin-left: 0px; - margin-right: 0px; + .\32xl\:hover\:bg-colors-teal-900:hover { + background-color: var(--colors-teal-900, #234e52); } - .\32xl\:-mx-1 { - margin-left: -0.25rem; - margin-right: -0.25rem; + .\32xl\:hover\:bg-colors-blue-100:hover { + background-color: var(--colors-blue-100, #ebf8ff); } - .\32xl\:-mx-2 { - margin-left: -0.5rem; - margin-right: -0.5rem; + .\32xl\:hover\:bg-colors-blue-200:hover { + background-color: var(--colors-blue-200, #bee3f8); } - .\32xl\:-mx-3 { - margin-left: -0.75rem; - margin-right: -0.75rem; + .\32xl\:hover\:bg-colors-blue-300:hover { + background-color: var(--colors-blue-300, #90cdf4); } - .\32xl\:-mx-4 { - margin-left: -1rem; - margin-right: -1rem; + .\32xl\:hover\:bg-colors-blue-400:hover { + background-color: var(--colors-blue-400, #63b3ed); } - .\32xl\:-mx-5 { - margin-left: -1.25rem; - margin-right: -1.25rem; + .\32xl\:hover\:bg-colors-blue-500:hover { + background-color: var(--colors-blue-500, #4299e1); } - .\32xl\:-mx-6 { - margin-left: -1.5rem; - margin-right: -1.5rem; + .\32xl\:hover\:bg-colors-blue-600:hover { + background-color: var(--colors-blue-600, #3182ce); } - .\32xl\:-mx-7 { - margin-left: -1.75rem; - margin-right: -1.75rem; + .\32xl\:hover\:bg-colors-blue-700:hover { + background-color: var(--colors-blue-700, #2b6cb0); } - .\32xl\:-mx-8 { - margin-left: -2rem; - margin-right: -2rem; + .\32xl\:hover\:bg-colors-blue-800:hover { + background-color: var(--colors-blue-800, #2c5282); } - .\32xl\:-mx-9 { - margin-left: -2.25rem; - margin-right: -2.25rem; + .\32xl\:hover\:bg-colors-blue-900:hover { + background-color: var(--colors-blue-900, #2a4365); } - .\32xl\:-mx-10 { - margin-left: -2.5rem; - margin-right: -2.5rem; + .\32xl\:hover\:bg-colors-indigo-100:hover { + background-color: var(--colors-indigo-100, #ebf4ff); } - .\32xl\:-mx-11 { - margin-left: -2.75rem; - margin-right: -2.75rem; + .\32xl\:hover\:bg-colors-indigo-200:hover { + background-color: var(--colors-indigo-200, #c3dafe); } - .\32xl\:-mx-12 { - margin-left: -3rem; - margin-right: -3rem; + .\32xl\:hover\:bg-colors-indigo-300:hover { + background-color: var(--colors-indigo-300, #a3bffa); } - .\32xl\:-mx-14 { - margin-left: -3.5rem; - margin-right: -3.5rem; + .\32xl\:hover\:bg-colors-indigo-400:hover { + background-color: var(--colors-indigo-400, #7f9cf5); } - .\32xl\:-mx-16 { - margin-left: -4rem; - margin-right: -4rem; + .\32xl\:hover\:bg-colors-indigo-500:hover { + background-color: var(--colors-indigo-500, #667eea); } - .\32xl\:-mx-20 { - margin-left: -5rem; - margin-right: -5rem; + .\32xl\:hover\:bg-colors-indigo-600:hover { + background-color: var(--colors-indigo-600, #5a67d8); } - .\32xl\:-mx-24 { - margin-left: -6rem; - margin-right: -6rem; + .\32xl\:hover\:bg-colors-indigo-700:hover { + background-color: var(--colors-indigo-700, #4c51bf); } - .\32xl\:-mx-28 { - margin-left: -7rem; - margin-right: -7rem; + .\32xl\:hover\:bg-colors-indigo-800:hover { + background-color: var(--colors-indigo-800, #434190); } - .\32xl\:-mx-32 { - margin-left: -8rem; - margin-right: -8rem; + .\32xl\:hover\:bg-colors-indigo-900:hover { + background-color: var(--colors-indigo-900, #3c366b); } - .\32xl\:-mx-36 { - margin-left: -9rem; - margin-right: -9rem; + .\32xl\:hover\:bg-colors-purple-100:hover { + background-color: var(--colors-purple-100, #faf5ff); } - .\32xl\:-mx-40 { - margin-left: -10rem; - margin-right: -10rem; + .\32xl\:hover\:bg-colors-purple-200:hover { + background-color: var(--colors-purple-200, #e9d8fd); } - .\32xl\:-mx-44 { - margin-left: -11rem; - margin-right: -11rem; + .\32xl\:hover\:bg-colors-purple-300:hover { + background-color: var(--colors-purple-300, #d6bcfa); } - .\32xl\:-mx-48 { - margin-left: -12rem; - margin-right: -12rem; + .\32xl\:hover\:bg-colors-purple-400:hover { + background-color: var(--colors-purple-400, #b794f4); } - .\32xl\:-mx-52 { - margin-left: -13rem; - margin-right: -13rem; + .\32xl\:hover\:bg-colors-purple-500:hover { + background-color: var(--colors-purple-500, #9f7aea); } - .\32xl\:-mx-56 { - margin-left: -14rem; - margin-right: -14rem; + .\32xl\:hover\:bg-colors-purple-600:hover { + background-color: var(--colors-purple-600, #805ad5); } - .\32xl\:-mx-60 { - margin-left: -15rem; - margin-right: -15rem; + .\32xl\:hover\:bg-colors-purple-700:hover { + background-color: var(--colors-purple-700, #6b46c1); } - .\32xl\:-mx-64 { - margin-left: -16rem; - margin-right: -16rem; + .\32xl\:hover\:bg-colors-purple-800:hover { + background-color: var(--colors-purple-800, #553c9a); } - .\32xl\:-mx-72 { - margin-left: -18rem; - margin-right: -18rem; + .\32xl\:hover\:bg-colors-purple-900:hover { + background-color: var(--colors-purple-900, #44337a); } - .\32xl\:-mx-80 { - margin-left: -20rem; - margin-right: -20rem; + .\32xl\:hover\:bg-colors-pink-100:hover { + background-color: var(--colors-pink-100, #fff5f7); } - .\32xl\:-mx-96 { - margin-left: -24rem; - margin-right: -24rem; + .\32xl\:hover\:bg-colors-pink-200:hover { + background-color: var(--colors-pink-200, #fed7e2); } - .\32xl\:-mx-px { - margin-left: -1px; - margin-right: -1px; + .\32xl\:hover\:bg-colors-pink-300:hover { + background-color: var(--colors-pink-300, #fbb6ce); } - .\32xl\:-mx-0\.5 { - margin-left: -0.125rem; - margin-right: -0.125rem; + .\32xl\:hover\:bg-colors-pink-400:hover { + background-color: var(--colors-pink-400, #f687b3); } - .\32xl\:-mx-1\.5 { - margin-left: -0.375rem; - margin-right: -0.375rem; + .\32xl\:hover\:bg-colors-pink-500:hover { + background-color: var(--colors-pink-500, #ed64a6); } - .\32xl\:-mx-2\.5 { - margin-left: -0.625rem; - margin-right: -0.625rem; + .\32xl\:hover\:bg-colors-pink-600:hover { + background-color: var(--colors-pink-600, #d53f8c); } - .\32xl\:-mx-3\.5 { - margin-left: -0.875rem; - margin-right: -0.875rem; + .\32xl\:hover\:bg-colors-pink-700:hover { + background-color: var(--colors-pink-700, #b83280); } - .\32xl\:my-0 { - margin-top: 0px; - margin-bottom: 0px; + .\32xl\:hover\:bg-colors-pink-800:hover { + background-color: var(--colors-pink-800, #97266d); } - .\32xl\:my-1 { - margin-top: 0.25rem; - margin-bottom: 0.25rem; + .\32xl\:hover\:bg-colors-pink-900:hover { + background-color: var(--colors-pink-900, #702459); } - .\32xl\:my-2 { - margin-top: 0.5rem; - margin-bottom: 0.5rem; + .\32xl\:hover\:bg-Box\ Shadow:hover { + background-color: var(--box-shadow, #7f7e7f); } - .\32xl\:my-3 { - margin-top: 0.75rem; - margin-bottom: 0.75rem; + .\32xl\:hover\:bg-Error16:hover { + background-color: var(--error16, #f03d3e40); } - .\32xl\:my-4 { - margin-top: 1rem; - margin-bottom: 1rem; + .\32xl\:hover\:bg-Success16:hover { + background-color: var(--success16, #5bb14d40); } - .\32xl\:my-5 { - margin-top: 1.25rem; - margin-bottom: 1.25rem; + .\32xl\:hover\:bg-Notification16:hover { + background-color: var(--notification16, #3959ff40); } - .\32xl\:my-6 { - margin-top: 1.5rem; - margin-bottom: 1.5rem; + .\32xl\:hover\:bg-Error8:hover { + background-color: var(--error8, #f03d3e1a); } - .\32xl\:my-7 { - margin-top: 1.75rem; - margin-bottom: 1.75rem; + .\32xl\:hover\:bg-Notification8:hover { + background-color: var(--notification8, #3959ff1a); } - .\32xl\:my-8 { - margin-top: 2rem; - margin-bottom: 2rem; + .\32xl\:hover\:bg-Success8:hover { + background-color: var(--success8, #5bb14d1a); } - .\32xl\:my-9 { - margin-top: 2.25rem; - margin-bottom: 2.25rem; + .\32xl\:hover\:bg-Light\ -\ Overlay:hover { + background-color: var(--light-overlay, #f0edee66); } - .\32xl\:my-10 { - margin-top: 2.5rem; - margin-bottom: 2.5rem; + .\32xl\:hover\:bg-Dark-\ Overlay:hover { + background-color: var(--dark-overlay, #7f7e7f66); } - .\32xl\:my-11 { - margin-top: 2.75rem; - margin-bottom: 2.75rem; + .\32xl\:hover\:bg-black-40:hover { + background-color: var(--black-40, #00000066); } - .\32xl\:my-12 { - margin-top: 3rem; - margin-bottom: 3rem; + .\32xl\:hover\:bg-black-75:hover { + background-color: var(--black-75, #000000bf); } - .\32xl\:my-14 { - margin-top: 3.5rem; - margin-bottom: 3.5rem; + .\32xl\:hover\:bg-black-60:hover { + background-color: var(--black-60, #00000099); } - .\32xl\:my-16 { - margin-top: 4rem; - margin-bottom: 4rem; + .\32xl\:hover\:bg-black-50:hover { + background-color: var(--black-50, #00000080); } - .\32xl\:my-20 { - margin-top: 5rem; - margin-bottom: 5rem; + .\32xl\:hover\:bg-black-25:hover { + background-color: var(--black-25, #00000040); } - .\32xl\:my-24 { - margin-top: 6rem; - margin-bottom: 6rem; + .\32xl\:hover\:bg-black-10:hover { + background-color: var(--black-10, #0000001a); } - .\32xl\:my-28 { - margin-top: 7rem; - margin-bottom: 7rem; + .\32xl\:hover\:bg-white-25:hover { + background-color: var(--white-25, #ffffff40); } - .\32xl\:my-32 { - margin-top: 8rem; - margin-bottom: 8rem; + .\32xl\:hover\:bg-white-60:hover { + background-color: var(--white-60, #ffffff99); } - .\32xl\:my-36 { - margin-top: 9rem; - margin-bottom: 9rem; + .\32xl\:hover\:bg-black-64:hover { + background-color: var(--black-64, #000000a3); } - .\32xl\:my-40 { - margin-top: 10rem; - margin-bottom: 10rem; + .\32xl\:hover\:bg-Shadow\ and\ Highlight-Shadow:hover { + background-color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .\32xl\:my-44 { - margin-top: 11rem; - margin-bottom: 11rem; + .\32xl\:hover\:bg-Shadow\ and\ Highlight-Highlight:hover { + background-color: var(--shadow-and-highlight-highlight, #474747); } - .\32xl\:my-48 { - margin-top: 12rem; - margin-bottom: 12rem; + .\32xl\:hover\:bg-Shadow\ and\ Highlight-highlight\ one:hover { + background-color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .\32xl\:my-52 { - margin-top: 13rem; - margin-bottom: 13rem; + .\32xl\:hover\:bg-Shadow\ and\ Highlight-highlight\ two:hover { + background-color: var(--shadow-and-highlight-highlight-two, #47474799); } - .\32xl\:my-56 { - margin-top: 14rem; - margin-bottom: 14rem; + .\32xl\:hover\:bg-Shadow\ and\ Highlight-highlight\ three:hover { + background-color: var(--shadow-and-highlight-highlight-three, #47474766); } - .\32xl\:my-60 { - margin-top: 15rem; - margin-bottom: 15rem; + .\32xl\:hover\:bg-Shadow\ and\ Highlight-highlight\ five:hover { + background-color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .\32xl\:my-64 { - margin-top: 16rem; - margin-bottom: 16rem; + .\32xl\:hover\:bg-Shadow\ and\ Highlight-shadow\ one:hover { + background-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .\32xl\:my-72 { - margin-top: 18rem; - margin-bottom: 18rem; + .\32xl\:hover\:bg-Shadow\ and\ Highlight-shadow\ two:hover { + background-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .\32xl\:my-80 { - margin-top: 20rem; - margin-bottom: 20rem; + .\32xl\:hover\:bg-Shadow\ and\ Highlight-shadow\ three:hover { + background-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .\32xl\:my-96 { - margin-top: 24rem; - margin-bottom: 24rem; + .\32xl\:hover\:bg-Shadow\ and\ Highlight-shadow\ four:hover { + background-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .\32xl\:my-auto { - margin-top: auto; - margin-bottom: auto; + .\32xl\:hover\:bg-Shadow\ and\ Highlight-shadow\ five:hover { + background-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .\32xl\:my-px { - margin-top: 1px; - margin-bottom: 1px; + .\32xl\:hover\:bg-Shadow\ and\ Highlight-highlight\ four:hover { + background-color: var(--shadow-and-highlight-highlight-four, #47474740); } - .\32xl\:my-0\.5 { - margin-top: 0.125rem; - margin-bottom: 0.125rem; + .\32xl\:hover\:bg-Base\ Layer\ Styles-Base\ Layer-\ Light-White:hover { + background-color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .\32xl\:my-1\.5 { - margin-top: 0.375rem; - margin-bottom: 0.375rem; + .\32xl\:hover\:bg-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:hover { + background-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .\32xl\:my-2\.5 { - margin-top: 0.625rem; - margin-bottom: 0.625rem; + .\32xl\:hover\:bg-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:hover { + background-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .\32xl\:my-3\.5 { - margin-top: 0.875rem; - margin-bottom: 0.875rem; + .\32xl\:hover\:bg-Base\ Layer\ Styles-Base\ Layer-Dark-Black:hover { + background-color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .\32xl\:-my-0 { - margin-top: 0px; - margin-bottom: 0px; + .\32xl\:hover\:bg-Grey-Scale-white:hover { + background-color: var(--grey-scale-white, #ffffff); } - .\32xl\:-my-1 { - margin-top: -0.25rem; - margin-bottom: -0.25rem; + .\32xl\:hover\:bg-Grey-Scale-off-white:hover { + background-color: var(--grey-scale-off-white, #f0edee); } - .\32xl\:-my-2 { - margin-top: -0.5rem; - margin-bottom: -0.5rem; + .\32xl\:hover\:bg-Grey\ Scale-grey:hover { + background-color: var(--grey-scale-grey, #7f7e7f); } - .\32xl\:-my-3 { - margin-top: -0.75rem; - margin-bottom: -0.75rem; + .\32xl\:hover\:bg-Grey\ Scale-charcoal:hover { + background-color: var(--grey-scale-charcoal, #474747); } - .\32xl\:-my-4 { - margin-top: -1rem; - margin-bottom: -1rem; + .\32xl\:hover\:bg-Grey\ Scale-off-black:hover { + background-color: var(--grey-scale-off-black, #1c1c1c); } - .\32xl\:-my-5 { - margin-top: -1.25rem; - margin-bottom: -1.25rem; + .\32xl\:hover\:bg-Grey\ Scale-black:hover { + background-color: var(--grey-scale-black, #000000); } - .\32xl\:-my-6 { - margin-top: -1.5rem; - margin-bottom: -1.5rem; + .\32xl\:hover\:bg-Blue-blue:hover { + background-color: var(--blue-blue, #3a7ca5); } - .\32xl\:-my-7 { - margin-top: -1.75rem; - margin-bottom: -1.75rem; + .\32xl\:hover\:bg-Blue-blue-100:hover { + background-color: var(--blue-blue-100, #75a3c0); } - .\32xl\:-my-8 { - margin-top: -2rem; - margin-bottom: -2rem; + .\32xl\:hover\:bg-Blue-blue-200:hover { + background-color: var(--blue-blue-200, #9cbed2); } - .\32xl\:-my-9 { - margin-top: -2.25rem; - margin-bottom: -2.25rem; + .\32xl\:hover\:bg-Blue-blue-300:hover { + background-color: var(--blue-blue-300, #4f7d9a); } - .\32xl\:-my-10 { - margin-top: -2.5rem; - margin-bottom: -2.5rem; + .\32xl\:hover\:bg-Blue-blue-400:hover { + background-color: var(--blue-blue-400, #5c7d92); } - .\32xl\:-my-11 { - margin-top: -2.75rem; - margin-bottom: -2.75rem; + .\32xl\:hover\:bg-Blue-blue-500:hover { + background-color: var(--blue-blue-500, #347095); } - .\32xl\:-my-12 { - margin-top: -3rem; - margin-bottom: -3rem; + .\32xl\:hover\:bg-Blue-blue-600:hover { + background-color: var(--blue-blue-600, #295774); } - .\32xl\:-my-14 { - margin-top: -3.5rem; - margin-bottom: -3.5rem; + .\32xl\:hover\:bg-Blue-blue-700:hover { + background-color: var(--blue-blue-700, #173242); } - .\32xl\:-my-16 { - margin-top: -4rem; - margin-bottom: -4rem; + .\32xl\:hover\:bg-LightBlue-lightblue:hover { + background-color: var(--light-blue-lightblue, #81c3d7); } - .\32xl\:-my-20 { - margin-top: -5rem; - margin-bottom: -5rem; + .\32xl\:hover\:bg-LightBlue-lightblue-100:hover { + background-color: var(--light-blue-lightblue-100, #a7d5e3); } - .\32xl\:-my-24 { - margin-top: -6rem; - margin-bottom: -6rem; + .\32xl\:hover\:bg-LightBlue-lightblue-200:hover { + background-color: var(--light-blue-lightblue-200, #c0e1eb); } - .\32xl\:-my-28 { - margin-top: -7rem; - margin-bottom: -7rem; + .\32xl\:hover\:bg-LightBlue-lightblue-300:hover { + background-color: var(--light-blue-lightblue-300, #80aebd); } - .\32xl\:-my-32 { - margin-top: -8rem; - margin-bottom: -8rem; + .\32xl\:hover\:bg-LightBlue-lightblue-400:hover { + background-color: var(--light-blue-lightblue-400, #80a0ab); } - .\32xl\:-my-36 { - margin-top: -9rem; - margin-bottom: -9rem; + .\32xl\:hover\:bg-LightBlue-lightblue-500:hover { + background-color: var(--light-blue-lightblue-500, #74afc1); } - .\32xl\:-my-40 { - margin-top: -10rem; - margin-bottom: -10rem; + .\32xl\:hover\:bg-LightBlue-lightblue-600:hover { + background-color: var(--light-blue-lightblue-600, #5a8997); } - .\32xl\:-my-44 { - margin-top: -11rem; - margin-bottom: -11rem; + .\32xl\:hover\:bg-LightBlue-lightblue-650:hover { + background-color: var(--light-blue-lightblue-650, #3e5e65); } - .\32xl\:-my-48 { - margin-top: -12rem; - margin-bottom: -12rem; + .\32xl\:hover\:bg-LightBlue-lightblue-700:hover { + background-color: var(--light-blue-lightblue-700, #344e56); } - .\32xl\:-my-52 { - margin-top: -13rem; - margin-bottom: -13rem; + .\32xl\:hover\:bg-Orange-orange:hover { + background-color: var(--orange-orange, #ff7f0e); } - .\32xl\:-my-56 { - margin-top: -14rem; - margin-bottom: -14rem; + .\32xl\:hover\:bg-Orange-orange-100:hover { + background-color: var(--orange-orange-100, #ffa556); } - .\32xl\:-my-60 { - margin-top: -15rem; - margin-bottom: -15rem; + .\32xl\:hover\:bg-Orange-orange-200:hover { + background-color: var(--orange-orange-200, #ffbf86); } - .\32xl\:-my-64 { - margin-top: -16rem; - margin-bottom: -16rem; + .\32xl\:hover\:bg-Orange-orange-300:hover { + background-color: var(--orange-orange-300, #d97f30); } - .\32xl\:-my-72 { - margin-top: -18rem; - margin-bottom: -18rem; + .\32xl\:hover\:bg-Orange-orange-400:hover { + background-color: var(--orange-orange-400, #bf7e46); } - .\32xl\:-my-80 { - margin-top: -20rem; - margin-bottom: -20rem; + .\32xl\:hover\:bg-Orange-orange-500:hover { + background-color: var(--orange-orange-500, #e5720d); } - .\32xl\:-my-96 { - margin-top: -24rem; - margin-bottom: -24rem; + .\32xl\:hover\:bg-Orange-orange-600:hover { + background-color: var(--orange-orange-600, #b3590a); } - .\32xl\:-my-px { - margin-top: -1px; - margin-bottom: -1px; + .\32xl\:hover\:bg-Orange-orange-700:hover { + background-color: var(--orange-orange-700, #663306); } - .\32xl\:-my-0\.5 { - margin-top: -0.125rem; - margin-bottom: -0.125rem; + .\32xl\:hover\:bg-Yellow-yellow:hover { + background-color: var(--yellow-yellow, #ffab00); } - .\32xl\:-my-1\.5 { - margin-top: -0.375rem; - margin-bottom: -0.375rem; + .\32xl\:hover\:bg-Yellow-yellow-100:hover { + background-color: var(--yellow-yellow-100, #ffc44c); } - .\32xl\:-my-2\.5 { - margin-top: -0.625rem; - margin-bottom: -0.625rem; + .\32xl\:hover\:bg-Yellow-yellow-200:hover { + background-color: var(--yellow-yellow-200, #ffd580); } - .\32xl\:-my-3\.5 { - margin-top: -0.875rem; - margin-bottom: -0.875rem; + .\32xl\:hover\:bg-Yellow-yellow-300:hover { + background-color: var(--yellow-yellow-300, #d99d26); } - .\32xl\:mt-0 { - margin-top: 0px; + .\32xl\:hover\:bg-Yellow-yellow-400:hover { + background-color: var(--yellow-yellow-400, #bf943f); } - .\32xl\:mt-1 { - margin-top: 0.25rem; + .\32xl\:hover\:bg-Yellow-yellow-500:hover { + background-color: var(--yellow-yellow-500, #e59a00); } - .\32xl\:mt-2 { - margin-top: 0.5rem; + .\32xl\:hover\:bg-Yellow-yellow-600:hover { + background-color: var(--yellow-yellow-600, #b37800); } - .\32xl\:mt-3 { - margin-top: 0.75rem; + .\32xl\:hover\:bg-Yellow-yellow-700:hover { + background-color: var(--yellow-yellow-700, #664400); } - .\32xl\:mt-4 { - margin-top: 1rem; + .\32xl\:hover\:bg-Notification-notification:hover { + background-color: var(--notification-notification, #3959ff); } - .\32xl\:mt-5 { - margin-top: 1.25rem; + .\32xl\:hover\:bg-Notification-notification-100:hover { + background-color: var(--notification-notification-100, #748bff); } - .\32xl\:mt-6 { - margin-top: 1.5rem; + .\32xl\:hover\:bg-Notification-notification-200:hover { + background-color: var(--notification-notification-200, #9cacff); } - .\32xl\:mt-7 { - margin-top: 1.75rem; + .\32xl\:hover\:bg-Notification-notification-300:hover { + background-color: var(--notification-notification-300, #4e64d9); } - .\32xl\:mt-8 { - margin-top: 2rem; + .\32xl\:hover\:bg-Notification-notification-400:hover { + background-color: var(--notification-notification-400, #5c6cbf); } - .\32xl\:mt-9 { - margin-top: 2.25rem; + .\32xl\:hover\:bg-Notification-notification-500:hover { + background-color: var(--notification-notification-500, #3350e5); } - .\32xl\:mt-10 { - margin-top: 2.5rem; + .\32xl\:hover\:bg-Notification-notification-600:hover { + background-color: var(--notification-notification-600, #283eb3); } - .\32xl\:mt-11 { - margin-top: 2.75rem; + .\32xl\:hover\:bg-Notification-notification-700:hover { + background-color: var(--notification-notification-700, #172466); } - .\32xl\:mt-12 { - margin-top: 3rem; + .\32xl\:hover\:bg-Success-success\ -700:hover { + background-color: var(--success-success-700, #24471f); } - .\32xl\:mt-14 { - margin-top: 3.5rem; + .\32xl\:hover\:bg-Success-success:hover { + background-color: var(--success-success, #5bb14d); } - .\32xl\:mt-16 { - margin-top: 4rem; + .\32xl\:hover\:bg-Success-success\ -100:hover { + background-color: var(--success-success-100, #8cc882); } - .\32xl\:mt-20 { - margin-top: 5rem; + .\32xl\:hover\:bg-Success-success\ -200:hover { + background-color: var(--success-success-200, #add8a6); } - .\32xl\:mt-24 { - margin-top: 6rem; + .\32xl\:hover\:bg-Success-success\ -300:hover { + background-color: var(--success-success-300, #66a25c); } - .\32xl\:mt-28 { - margin-top: 7rem; + .\32xl\:hover\:bg-Success-success\ -400:hover { + background-color: var(--success-success-400, #6d9766); } - .\32xl\:mt-32 { - margin-top: 8rem; + .\32xl\:hover\:bg-Success-success\ -500:hover { + background-color: var(--success-success-500, #529f45); } - .\32xl\:mt-36 { - margin-top: 9rem; + .\32xl\:hover\:bg-Success-success\ -600:hover { + background-color: var(--success-success-600, #407c36); } - .\32xl\:mt-40 { - margin-top: 10rem; + .\32xl\:hover\:bg-Error-error:hover { + background-color: var(--error-error, #f03d3e); } - .\32xl\:mt-44 { - margin-top: 11rem; + .\32xl\:hover\:bg-Error-error-100:hover { + background-color: var(--error-error-100, #f57778); } - .\32xl\:mt-48 { - margin-top: 12rem; + .\32xl\:hover\:bg-Error-error-200:hover { + background-color: var(--error-error-200, #f89e9e); } - .\32xl\:mt-52 { - margin-top: 13rem; + .\32xl\:hover\:bg-Error-error-250:hover { + background-color: var(--error-error-250, #f9c8c8); } - .\32xl\:mt-56 { - margin-top: 14rem; + .\32xl\:hover\:bg-Error-error-300:hover { + background-color: var(--error-error-300, #ce5151); } - .\32xl\:mt-60 { - margin-top: 15rem; + .\32xl\:hover\:bg-Error-error-400:hover { + background-color: var(--error-error-400, #b85e5e); } - .\32xl\:mt-64 { - margin-top: 16rem; + .\32xl\:hover\:bg-Error-error-500:hover { + background-color: var(--error-error-500, #d83738); } - .\32xl\:mt-72 { - margin-top: 18rem; + .\32xl\:hover\:bg-Error-error-600:hover { + background-color: var(--error-error-600, #a82b2b); } - .\32xl\:mt-80 { - margin-top: 20rem; + .\32xl\:hover\:bg-Error-error-700:hover { + background-color: var(--error-error-700, #601819); } - .\32xl\:mt-96 { - margin-top: 24rem; + .\32xl\:focus\:bg-colors-black:focus { + background-color: var(--colors-black, #000000); } - .\32xl\:mt-auto { - margin-top: auto; + .\32xl\:focus\:bg-colors-white:focus { + background-color: var(--colors-white, #ffffff); } - .\32xl\:mt-px { - margin-top: 1px; + .\32xl\:focus\:bg-colors-gray-100:focus { + background-color: var(--colors-gray-100, #f7fafc); } - .\32xl\:mt-0\.5 { - margin-top: 0.125rem; + .\32xl\:focus\:bg-colors-gray-200:focus { + background-color: var(--colors-gray-200, #edf2f7); } - .\32xl\:mt-1\.5 { - margin-top: 0.375rem; + .\32xl\:focus\:bg-colors-gray-300:focus { + background-color: var(--colors-gray-300, #e2e8f0); } - .\32xl\:mt-2\.5 { - margin-top: 0.625rem; + .\32xl\:focus\:bg-colors-gray-400:focus { + background-color: var(--colors-gray-400, #cbd5e0); } - .\32xl\:mt-3\.5 { - margin-top: 0.875rem; + .\32xl\:focus\:bg-colors-gray-500:focus { + background-color: var(--colors-gray-500, #a0aec0); } - .\32xl\:-mt-0 { - margin-top: 0px; + .\32xl\:focus\:bg-colors-gray-600:focus { + background-color: var(--colors-gray-600, #718096); } - .\32xl\:-mt-1 { - margin-top: -0.25rem; + .\32xl\:focus\:bg-colors-gray-700:focus { + background-color: var(--colors-gray-700, #4a5568); } - .\32xl\:-mt-2 { - margin-top: -0.5rem; + .\32xl\:focus\:bg-colors-gray-800:focus { + background-color: var(--colors-gray-800, #2d3748); } - .\32xl\:-mt-3 { - margin-top: -0.75rem; + .\32xl\:focus\:bg-colors-gray-900:focus { + background-color: var(--colors-gray-900, #1a202c); } - .\32xl\:-mt-4 { - margin-top: -1rem; + .\32xl\:focus\:bg-colors-red-100:focus { + background-color: var(--colors-red-100, #fff5f5); } - .\32xl\:-mt-5 { - margin-top: -1.25rem; + .\32xl\:focus\:bg-colors-red-200:focus { + background-color: var(--colors-red-200, #fed7d7); } - .\32xl\:-mt-6 { - margin-top: -1.5rem; + .\32xl\:focus\:bg-colors-red-300:focus { + background-color: var(--colors-red-300, #feb2b2); } - .\32xl\:-mt-7 { - margin-top: -1.75rem; + .\32xl\:focus\:bg-colors-red-400:focus { + background-color: var(--colors-red-400, #fc8181); } - .\32xl\:-mt-8 { - margin-top: -2rem; + .\32xl\:focus\:bg-colors-red-500:focus { + background-color: var(--colors-red-500, #f56565); } - .\32xl\:-mt-9 { - margin-top: -2.25rem; + .\32xl\:focus\:bg-colors-red-600:focus { + background-color: var(--colors-red-600, #e53e3e); } - .\32xl\:-mt-10 { - margin-top: -2.5rem; + .\32xl\:focus\:bg-colors-red-700:focus { + background-color: var(--colors-red-700, #c53030); } - .\32xl\:-mt-11 { - margin-top: -2.75rem; + .\32xl\:focus\:bg-colors-red-800:focus { + background-color: var(--colors-red-800, #9b2c2c); } - .\32xl\:-mt-12 { - margin-top: -3rem; + .\32xl\:focus\:bg-colors-red-900:focus { + background-color: var(--colors-red-900, #742a2a); } - .\32xl\:-mt-14 { - margin-top: -3.5rem; + .\32xl\:focus\:bg-colors-orange-100:focus { + background-color: var(--colors-orange-100, #fffaf0); } - .\32xl\:-mt-16 { - margin-top: -4rem; + .\32xl\:focus\:bg-colors-orange-200:focus { + background-color: var(--colors-orange-200, #feebc8); } - .\32xl\:-mt-20 { - margin-top: -5rem; + .\32xl\:focus\:bg-colors-orange-300:focus { + background-color: var(--colors-orange-300, #fbd38d); } - .\32xl\:-mt-24 { - margin-top: -6rem; + .\32xl\:focus\:bg-colors-orange-400:focus { + background-color: var(--colors-orange-400, #f6ad55); } - .\32xl\:-mt-28 { - margin-top: -7rem; + .\32xl\:focus\:bg-colors-orange-500:focus { + background-color: var(--colors-orange-500, #ed8936); } - .\32xl\:-mt-32 { - margin-top: -8rem; + .\32xl\:focus\:bg-colors-orange-600:focus { + background-color: var(--colors-orange-600, #dd6b20); } - .\32xl\:-mt-36 { - margin-top: -9rem; + .\32xl\:focus\:bg-colors-orange-700:focus { + background-color: var(--colors-orange-700, #c05621); } - .\32xl\:-mt-40 { - margin-top: -10rem; + .\32xl\:focus\:bg-colors-orange-800:focus { + background-color: var(--colors-orange-800, #9c4221); } - .\32xl\:-mt-44 { - margin-top: -11rem; + .\32xl\:focus\:bg-colors-orange-900:focus { + background-color: var(--colors-orange-900, #7b341e); } - .\32xl\:-mt-48 { - margin-top: -12rem; + .\32xl\:focus\:bg-colors-yellow-100:focus { + background-color: var(--colors-yellow-100, #fffff0); } - .\32xl\:-mt-52 { - margin-top: -13rem; + .\32xl\:focus\:bg-colors-yellow-200:focus { + background-color: var(--colors-yellow-200, #fefcbf); } - .\32xl\:-mt-56 { - margin-top: -14rem; + .\32xl\:focus\:bg-colors-yellow-300:focus { + background-color: var(--colors-yellow-300, #faf089); } - .\32xl\:-mt-60 { - margin-top: -15rem; + .\32xl\:focus\:bg-colors-yellow-400:focus { + background-color: var(--colors-yellow-400, #f6e05e); } - .\32xl\:-mt-64 { - margin-top: -16rem; + .\32xl\:focus\:bg-colors-yellow-500:focus { + background-color: var(--colors-yellow-500, #ecc94b); } - .\32xl\:-mt-72 { - margin-top: -18rem; + .\32xl\:focus\:bg-colors-yellow-600:focus { + background-color: var(--colors-yellow-600, #d69e2e); } - .\32xl\:-mt-80 { - margin-top: -20rem; + .\32xl\:focus\:bg-colors-yellow-700:focus { + background-color: var(--colors-yellow-700, #b7791f); } - .\32xl\:-mt-96 { - margin-top: -24rem; + .\32xl\:focus\:bg-colors-yellow-800:focus { + background-color: var(--colors-yellow-800, #975a16); } - .\32xl\:-mt-px { - margin-top: -1px; + .\32xl\:focus\:bg-colors-yellow-900:focus { + background-color: var(--colors-yellow-900, #744210); } - .\32xl\:-mt-0\.5 { - margin-top: -0.125rem; + .\32xl\:focus\:bg-colors-green-100:focus { + background-color: var(--colors-green-100, #f0fff4); } - .\32xl\:-mt-1\.5 { - margin-top: -0.375rem; + .\32xl\:focus\:bg-colors-green-200:focus { + background-color: var(--colors-green-200, #c6f6d5); } - .\32xl\:-mt-2\.5 { - margin-top: -0.625rem; + .\32xl\:focus\:bg-colors-green-300:focus { + background-color: var(--colors-green-300, #9ae6b4); } - .\32xl\:-mt-3\.5 { - margin-top: -0.875rem; + .\32xl\:focus\:bg-colors-green-400:focus { + background-color: var(--colors-green-400, #68d391); } - .\32xl\:mr-0 { - margin-right: 0px; + .\32xl\:focus\:bg-colors-green-500:focus { + background-color: var(--colors-green-500, #48bb78); } - .\32xl\:mr-1 { - margin-right: 0.25rem; + .\32xl\:focus\:bg-colors-green-600:focus { + background-color: var(--colors-green-600, #38a169); } - .\32xl\:mr-2 { - margin-right: 0.5rem; + .\32xl\:focus\:bg-colors-green-700:focus { + background-color: var(--colors-green-700, #2f855a); } - .\32xl\:mr-3 { - margin-right: 0.75rem; + .\32xl\:focus\:bg-colors-green-800:focus { + background-color: var(--colors-green-800, #276749); } - .\32xl\:mr-4 { - margin-right: 1rem; + .\32xl\:focus\:bg-colors-green-900:focus { + background-color: var(--colors-green-900, #22543d); } - .\32xl\:mr-5 { - margin-right: 1.25rem; + .\32xl\:focus\:bg-colors-teal-100:focus { + background-color: var(--colors-teal-100, #e6fffa); } - .\32xl\:mr-6 { - margin-right: 1.5rem; + .\32xl\:focus\:bg-colors-teal-200:focus { + background-color: var(--colors-teal-200, #b2f5ea); } - .\32xl\:mr-7 { - margin-right: 1.75rem; + .\32xl\:focus\:bg-colors-teal-300:focus { + background-color: var(--colors-teal-300, #81e6d9); } - .\32xl\:mr-8 { - margin-right: 2rem; + .\32xl\:focus\:bg-colors-teal-400:focus { + background-color: var(--colors-teal-400, #4fd1c5); } - .\32xl\:mr-9 { - margin-right: 2.25rem; + .\32xl\:focus\:bg-colors-teal-500:focus { + background-color: var(--colors-teal-500, #38b2ac); } - .\32xl\:mr-10 { - margin-right: 2.5rem; + .\32xl\:focus\:bg-colors-teal-600:focus { + background-color: var(--colors-teal-600, #319795); } - .\32xl\:mr-11 { - margin-right: 2.75rem; + .\32xl\:focus\:bg-colors-teal-700:focus { + background-color: var(--colors-teal-700, #2c7a7b); } - .\32xl\:mr-12 { - margin-right: 3rem; + .\32xl\:focus\:bg-colors-teal-800:focus { + background-color: var(--colors-teal-800, #285e61); } - .\32xl\:mr-14 { - margin-right: 3.5rem; + .\32xl\:focus\:bg-colors-teal-900:focus { + background-color: var(--colors-teal-900, #234e52); } - .\32xl\:mr-16 { - margin-right: 4rem; + .\32xl\:focus\:bg-colors-blue-100:focus { + background-color: var(--colors-blue-100, #ebf8ff); } - .\32xl\:mr-20 { - margin-right: 5rem; + .\32xl\:focus\:bg-colors-blue-200:focus { + background-color: var(--colors-blue-200, #bee3f8); } - .\32xl\:mr-24 { - margin-right: 6rem; + .\32xl\:focus\:bg-colors-blue-300:focus { + background-color: var(--colors-blue-300, #90cdf4); } - .\32xl\:mr-28 { - margin-right: 7rem; + .\32xl\:focus\:bg-colors-blue-400:focus { + background-color: var(--colors-blue-400, #63b3ed); } - .\32xl\:mr-32 { - margin-right: 8rem; + .\32xl\:focus\:bg-colors-blue-500:focus { + background-color: var(--colors-blue-500, #4299e1); } - .\32xl\:mr-36 { - margin-right: 9rem; + .\32xl\:focus\:bg-colors-blue-600:focus { + background-color: var(--colors-blue-600, #3182ce); } - .\32xl\:mr-40 { - margin-right: 10rem; + .\32xl\:focus\:bg-colors-blue-700:focus { + background-color: var(--colors-blue-700, #2b6cb0); } - .\32xl\:mr-44 { - margin-right: 11rem; + .\32xl\:focus\:bg-colors-blue-800:focus { + background-color: var(--colors-blue-800, #2c5282); } - .\32xl\:mr-48 { - margin-right: 12rem; + .\32xl\:focus\:bg-colors-blue-900:focus { + background-color: var(--colors-blue-900, #2a4365); } - .\32xl\:mr-52 { - margin-right: 13rem; + .\32xl\:focus\:bg-colors-indigo-100:focus { + background-color: var(--colors-indigo-100, #ebf4ff); } - .\32xl\:mr-56 { - margin-right: 14rem; + .\32xl\:focus\:bg-colors-indigo-200:focus { + background-color: var(--colors-indigo-200, #c3dafe); } - .\32xl\:mr-60 { - margin-right: 15rem; + .\32xl\:focus\:bg-colors-indigo-300:focus { + background-color: var(--colors-indigo-300, #a3bffa); } - .\32xl\:mr-64 { - margin-right: 16rem; + .\32xl\:focus\:bg-colors-indigo-400:focus { + background-color: var(--colors-indigo-400, #7f9cf5); } - .\32xl\:mr-72 { - margin-right: 18rem; + .\32xl\:focus\:bg-colors-indigo-500:focus { + background-color: var(--colors-indigo-500, #667eea); } - .\32xl\:mr-80 { - margin-right: 20rem; + .\32xl\:focus\:bg-colors-indigo-600:focus { + background-color: var(--colors-indigo-600, #5a67d8); } - .\32xl\:mr-96 { - margin-right: 24rem; + .\32xl\:focus\:bg-colors-indigo-700:focus { + background-color: var(--colors-indigo-700, #4c51bf); } - .\32xl\:mr-auto { - margin-right: auto; + .\32xl\:focus\:bg-colors-indigo-800:focus { + background-color: var(--colors-indigo-800, #434190); } - .\32xl\:mr-px { - margin-right: 1px; + .\32xl\:focus\:bg-colors-indigo-900:focus { + background-color: var(--colors-indigo-900, #3c366b); } - .\32xl\:mr-0\.5 { - margin-right: 0.125rem; + .\32xl\:focus\:bg-colors-purple-100:focus { + background-color: var(--colors-purple-100, #faf5ff); } - .\32xl\:mr-1\.5 { - margin-right: 0.375rem; + .\32xl\:focus\:bg-colors-purple-200:focus { + background-color: var(--colors-purple-200, #e9d8fd); } - .\32xl\:mr-2\.5 { - margin-right: 0.625rem; + .\32xl\:focus\:bg-colors-purple-300:focus { + background-color: var(--colors-purple-300, #d6bcfa); } - .\32xl\:mr-3\.5 { - margin-right: 0.875rem; + .\32xl\:focus\:bg-colors-purple-400:focus { + background-color: var(--colors-purple-400, #b794f4); } - .\32xl\:-mr-0 { - margin-right: 0px; + .\32xl\:focus\:bg-colors-purple-500:focus { + background-color: var(--colors-purple-500, #9f7aea); } - .\32xl\:-mr-1 { - margin-right: -0.25rem; + .\32xl\:focus\:bg-colors-purple-600:focus { + background-color: var(--colors-purple-600, #805ad5); } - .\32xl\:-mr-2 { - margin-right: -0.5rem; + .\32xl\:focus\:bg-colors-purple-700:focus { + background-color: var(--colors-purple-700, #6b46c1); } - .\32xl\:-mr-3 { - margin-right: -0.75rem; + .\32xl\:focus\:bg-colors-purple-800:focus { + background-color: var(--colors-purple-800, #553c9a); } - .\32xl\:-mr-4 { - margin-right: -1rem; + .\32xl\:focus\:bg-colors-purple-900:focus { + background-color: var(--colors-purple-900, #44337a); } - .\32xl\:-mr-5 { - margin-right: -1.25rem; + .\32xl\:focus\:bg-colors-pink-100:focus { + background-color: var(--colors-pink-100, #fff5f7); } - .\32xl\:-mr-6 { - margin-right: -1.5rem; + .\32xl\:focus\:bg-colors-pink-200:focus { + background-color: var(--colors-pink-200, #fed7e2); } - .\32xl\:-mr-7 { - margin-right: -1.75rem; + .\32xl\:focus\:bg-colors-pink-300:focus { + background-color: var(--colors-pink-300, #fbb6ce); } - .\32xl\:-mr-8 { - margin-right: -2rem; + .\32xl\:focus\:bg-colors-pink-400:focus { + background-color: var(--colors-pink-400, #f687b3); } - .\32xl\:-mr-9 { - margin-right: -2.25rem; + .\32xl\:focus\:bg-colors-pink-500:focus { + background-color: var(--colors-pink-500, #ed64a6); } - .\32xl\:-mr-10 { - margin-right: -2.5rem; + .\32xl\:focus\:bg-colors-pink-600:focus { + background-color: var(--colors-pink-600, #d53f8c); } - .\32xl\:-mr-11 { - margin-right: -2.75rem; + .\32xl\:focus\:bg-colors-pink-700:focus { + background-color: var(--colors-pink-700, #b83280); } - .\32xl\:-mr-12 { - margin-right: -3rem; + .\32xl\:focus\:bg-colors-pink-800:focus { + background-color: var(--colors-pink-800, #97266d); } - .\32xl\:-mr-14 { - margin-right: -3.5rem; + .\32xl\:focus\:bg-colors-pink-900:focus { + background-color: var(--colors-pink-900, #702459); } - .\32xl\:-mr-16 { - margin-right: -4rem; + .\32xl\:focus\:bg-Box\ Shadow:focus { + background-color: var(--box-shadow, #7f7e7f); } - .\32xl\:-mr-20 { - margin-right: -5rem; + .\32xl\:focus\:bg-Error16:focus { + background-color: var(--error16, #f03d3e40); } - .\32xl\:-mr-24 { - margin-right: -6rem; + .\32xl\:focus\:bg-Success16:focus { + background-color: var(--success16, #5bb14d40); } - .\32xl\:-mr-28 { - margin-right: -7rem; + .\32xl\:focus\:bg-Notification16:focus { + background-color: var(--notification16, #3959ff40); } - .\32xl\:-mr-32 { - margin-right: -8rem; + .\32xl\:focus\:bg-Error8:focus { + background-color: var(--error8, #f03d3e1a); } - .\32xl\:-mr-36 { - margin-right: -9rem; + .\32xl\:focus\:bg-Notification8:focus { + background-color: var(--notification8, #3959ff1a); } - .\32xl\:-mr-40 { - margin-right: -10rem; + .\32xl\:focus\:bg-Success8:focus { + background-color: var(--success8, #5bb14d1a); } - .\32xl\:-mr-44 { - margin-right: -11rem; + .\32xl\:focus\:bg-Light\ -\ Overlay:focus { + background-color: var(--light-overlay, #f0edee66); } - .\32xl\:-mr-48 { - margin-right: -12rem; + .\32xl\:focus\:bg-Dark-\ Overlay:focus { + background-color: var(--dark-overlay, #7f7e7f66); } - .\32xl\:-mr-52 { - margin-right: -13rem; + .\32xl\:focus\:bg-black-40:focus { + background-color: var(--black-40, #00000066); } - .\32xl\:-mr-56 { - margin-right: -14rem; + .\32xl\:focus\:bg-black-75:focus { + background-color: var(--black-75, #000000bf); } - .\32xl\:-mr-60 { - margin-right: -15rem; + .\32xl\:focus\:bg-black-60:focus { + background-color: var(--black-60, #00000099); } - .\32xl\:-mr-64 { - margin-right: -16rem; + .\32xl\:focus\:bg-black-50:focus { + background-color: var(--black-50, #00000080); } - .\32xl\:-mr-72 { - margin-right: -18rem; + .\32xl\:focus\:bg-black-25:focus { + background-color: var(--black-25, #00000040); } - .\32xl\:-mr-80 { - margin-right: -20rem; + .\32xl\:focus\:bg-black-10:focus { + background-color: var(--black-10, #0000001a); } - .\32xl\:-mr-96 { - margin-right: -24rem; + .\32xl\:focus\:bg-white-25:focus { + background-color: var(--white-25, #ffffff40); } - .\32xl\:-mr-px { - margin-right: -1px; + .\32xl\:focus\:bg-white-60:focus { + background-color: var(--white-60, #ffffff99); } - .\32xl\:-mr-0\.5 { - margin-right: -0.125rem; + .\32xl\:focus\:bg-black-64:focus { + background-color: var(--black-64, #000000a3); } - .\32xl\:-mr-1\.5 { - margin-right: -0.375rem; + .\32xl\:focus\:bg-Shadow\ and\ Highlight-Shadow:focus { + background-color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .\32xl\:-mr-2\.5 { - margin-right: -0.625rem; + .\32xl\:focus\:bg-Shadow\ and\ Highlight-Highlight:focus { + background-color: var(--shadow-and-highlight-highlight, #474747); } - .\32xl\:-mr-3\.5 { - margin-right: -0.875rem; + .\32xl\:focus\:bg-Shadow\ and\ Highlight-highlight\ one:focus { + background-color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .\32xl\:mb-0 { - margin-bottom: 0px; + .\32xl\:focus\:bg-Shadow\ and\ Highlight-highlight\ two:focus { + background-color: var(--shadow-and-highlight-highlight-two, #47474799); } - .\32xl\:mb-1 { - margin-bottom: 0.25rem; + .\32xl\:focus\:bg-Shadow\ and\ Highlight-highlight\ three:focus { + background-color: var(--shadow-and-highlight-highlight-three, #47474766); } - .\32xl\:mb-2 { - margin-bottom: 0.5rem; + .\32xl\:focus\:bg-Shadow\ and\ Highlight-highlight\ five:focus { + background-color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .\32xl\:mb-3 { - margin-bottom: 0.75rem; + .\32xl\:focus\:bg-Shadow\ and\ Highlight-shadow\ one:focus { + background-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .\32xl\:mb-4 { - margin-bottom: 1rem; + .\32xl\:focus\:bg-Shadow\ and\ Highlight-shadow\ two:focus { + background-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .\32xl\:mb-5 { - margin-bottom: 1.25rem; + .\32xl\:focus\:bg-Shadow\ and\ Highlight-shadow\ three:focus { + background-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .\32xl\:mb-6 { - margin-bottom: 1.5rem; + .\32xl\:focus\:bg-Shadow\ and\ Highlight-shadow\ four:focus { + background-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .\32xl\:mb-7 { - margin-bottom: 1.75rem; + .\32xl\:focus\:bg-Shadow\ and\ Highlight-shadow\ five:focus { + background-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .\32xl\:mb-8 { - margin-bottom: 2rem; + .\32xl\:focus\:bg-Shadow\ and\ Highlight-highlight\ four:focus { + background-color: var(--shadow-and-highlight-highlight-four, #47474740); } - .\32xl\:mb-9 { - margin-bottom: 2.25rem; + .\32xl\:focus\:bg-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus { + background-color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .\32xl\:mb-10 { - margin-bottom: 2.5rem; + .\32xl\:focus\:bg-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus { + background-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .\32xl\:mb-11 { - margin-bottom: 2.75rem; + .\32xl\:focus\:bg-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus { + background-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .\32xl\:mb-12 { - margin-bottom: 3rem; + .\32xl\:focus\:bg-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus { + background-color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .\32xl\:mb-14 { - margin-bottom: 3.5rem; + .\32xl\:focus\:bg-Grey-Scale-white:focus { + background-color: var(--grey-scale-white, #ffffff); } - .\32xl\:mb-16 { - margin-bottom: 4rem; + .\32xl\:focus\:bg-Grey-Scale-off-white:focus { + background-color: var(--grey-scale-off-white, #f0edee); } - .\32xl\:mb-20 { - margin-bottom: 5rem; + .\32xl\:focus\:bg-Grey\ Scale-grey:focus { + background-color: var(--grey-scale-grey, #7f7e7f); } - .\32xl\:mb-24 { - margin-bottom: 6rem; + .\32xl\:focus\:bg-Grey\ Scale-charcoal:focus { + background-color: var(--grey-scale-charcoal, #474747); } - .\32xl\:mb-28 { - margin-bottom: 7rem; + .\32xl\:focus\:bg-Grey\ Scale-off-black:focus { + background-color: var(--grey-scale-off-black, #1c1c1c); } - .\32xl\:mb-32 { - margin-bottom: 8rem; + .\32xl\:focus\:bg-Grey\ Scale-black:focus { + background-color: var(--grey-scale-black, #000000); } - .\32xl\:mb-36 { - margin-bottom: 9rem; + .\32xl\:focus\:bg-Blue-blue:focus { + background-color: var(--blue-blue, #3a7ca5); } - .\32xl\:mb-40 { - margin-bottom: 10rem; + .\32xl\:focus\:bg-Blue-blue-100:focus { + background-color: var(--blue-blue-100, #75a3c0); } - .\32xl\:mb-44 { - margin-bottom: 11rem; + .\32xl\:focus\:bg-Blue-blue-200:focus { + background-color: var(--blue-blue-200, #9cbed2); } - .\32xl\:mb-48 { - margin-bottom: 12rem; + .\32xl\:focus\:bg-Blue-blue-300:focus { + background-color: var(--blue-blue-300, #4f7d9a); } - .\32xl\:mb-52 { - margin-bottom: 13rem; + .\32xl\:focus\:bg-Blue-blue-400:focus { + background-color: var(--blue-blue-400, #5c7d92); } - .\32xl\:mb-56 { - margin-bottom: 14rem; + .\32xl\:focus\:bg-Blue-blue-500:focus { + background-color: var(--blue-blue-500, #347095); } - .\32xl\:mb-60 { - margin-bottom: 15rem; + .\32xl\:focus\:bg-Blue-blue-600:focus { + background-color: var(--blue-blue-600, #295774); } - .\32xl\:mb-64 { - margin-bottom: 16rem; + .\32xl\:focus\:bg-Blue-blue-700:focus { + background-color: var(--blue-blue-700, #173242); } - .\32xl\:mb-72 { - margin-bottom: 18rem; + .\32xl\:focus\:bg-LightBlue-lightblue:focus { + background-color: var(--light-blue-lightblue, #81c3d7); } - .\32xl\:mb-80 { - margin-bottom: 20rem; + .\32xl\:focus\:bg-LightBlue-lightblue-100:focus { + background-color: var(--light-blue-lightblue-100, #a7d5e3); } - .\32xl\:mb-96 { - margin-bottom: 24rem; + .\32xl\:focus\:bg-LightBlue-lightblue-200:focus { + background-color: var(--light-blue-lightblue-200, #c0e1eb); } - .\32xl\:mb-auto { - margin-bottom: auto; + .\32xl\:focus\:bg-LightBlue-lightblue-300:focus { + background-color: var(--light-blue-lightblue-300, #80aebd); } - .\32xl\:mb-px { - margin-bottom: 1px; + .\32xl\:focus\:bg-LightBlue-lightblue-400:focus { + background-color: var(--light-blue-lightblue-400, #80a0ab); } - .\32xl\:mb-0\.5 { - margin-bottom: 0.125rem; + .\32xl\:focus\:bg-LightBlue-lightblue-500:focus { + background-color: var(--light-blue-lightblue-500, #74afc1); } - .\32xl\:mb-1\.5 { - margin-bottom: 0.375rem; + .\32xl\:focus\:bg-LightBlue-lightblue-600:focus { + background-color: var(--light-blue-lightblue-600, #5a8997); } - .\32xl\:mb-2\.5 { - margin-bottom: 0.625rem; + .\32xl\:focus\:bg-LightBlue-lightblue-650:focus { + background-color: var(--light-blue-lightblue-650, #3e5e65); } - .\32xl\:mb-3\.5 { - margin-bottom: 0.875rem; + .\32xl\:focus\:bg-LightBlue-lightblue-700:focus { + background-color: var(--light-blue-lightblue-700, #344e56); } - .\32xl\:-mb-0 { - margin-bottom: 0px; + .\32xl\:focus\:bg-Orange-orange:focus { + background-color: var(--orange-orange, #ff7f0e); } - .\32xl\:-mb-1 { - margin-bottom: -0.25rem; + .\32xl\:focus\:bg-Orange-orange-100:focus { + background-color: var(--orange-orange-100, #ffa556); } - .\32xl\:-mb-2 { - margin-bottom: -0.5rem; + .\32xl\:focus\:bg-Orange-orange-200:focus { + background-color: var(--orange-orange-200, #ffbf86); } - .\32xl\:-mb-3 { - margin-bottom: -0.75rem; + .\32xl\:focus\:bg-Orange-orange-300:focus { + background-color: var(--orange-orange-300, #d97f30); } - .\32xl\:-mb-4 { - margin-bottom: -1rem; + .\32xl\:focus\:bg-Orange-orange-400:focus { + background-color: var(--orange-orange-400, #bf7e46); } - .\32xl\:-mb-5 { - margin-bottom: -1.25rem; + .\32xl\:focus\:bg-Orange-orange-500:focus { + background-color: var(--orange-orange-500, #e5720d); } - .\32xl\:-mb-6 { - margin-bottom: -1.5rem; + .\32xl\:focus\:bg-Orange-orange-600:focus { + background-color: var(--orange-orange-600, #b3590a); } - .\32xl\:-mb-7 { - margin-bottom: -1.75rem; + .\32xl\:focus\:bg-Orange-orange-700:focus { + background-color: var(--orange-orange-700, #663306); } - .\32xl\:-mb-8 { - margin-bottom: -2rem; + .\32xl\:focus\:bg-Yellow-yellow:focus { + background-color: var(--yellow-yellow, #ffab00); } - .\32xl\:-mb-9 { - margin-bottom: -2.25rem; + .\32xl\:focus\:bg-Yellow-yellow-100:focus { + background-color: var(--yellow-yellow-100, #ffc44c); } - .\32xl\:-mb-10 { - margin-bottom: -2.5rem; + .\32xl\:focus\:bg-Yellow-yellow-200:focus { + background-color: var(--yellow-yellow-200, #ffd580); } - .\32xl\:-mb-11 { - margin-bottom: -2.75rem; + .\32xl\:focus\:bg-Yellow-yellow-300:focus { + background-color: var(--yellow-yellow-300, #d99d26); } - .\32xl\:-mb-12 { - margin-bottom: -3rem; + .\32xl\:focus\:bg-Yellow-yellow-400:focus { + background-color: var(--yellow-yellow-400, #bf943f); } - .\32xl\:-mb-14 { - margin-bottom: -3.5rem; + .\32xl\:focus\:bg-Yellow-yellow-500:focus { + background-color: var(--yellow-yellow-500, #e59a00); } - .\32xl\:-mb-16 { - margin-bottom: -4rem; + .\32xl\:focus\:bg-Yellow-yellow-600:focus { + background-color: var(--yellow-yellow-600, #b37800); } - .\32xl\:-mb-20 { - margin-bottom: -5rem; + .\32xl\:focus\:bg-Yellow-yellow-700:focus { + background-color: var(--yellow-yellow-700, #664400); } - .\32xl\:-mb-24 { - margin-bottom: -6rem; + .\32xl\:focus\:bg-Notification-notification:focus { + background-color: var(--notification-notification, #3959ff); } - .\32xl\:-mb-28 { - margin-bottom: -7rem; + .\32xl\:focus\:bg-Notification-notification-100:focus { + background-color: var(--notification-notification-100, #748bff); } - .\32xl\:-mb-32 { - margin-bottom: -8rem; + .\32xl\:focus\:bg-Notification-notification-200:focus { + background-color: var(--notification-notification-200, #9cacff); } - .\32xl\:-mb-36 { - margin-bottom: -9rem; + .\32xl\:focus\:bg-Notification-notification-300:focus { + background-color: var(--notification-notification-300, #4e64d9); } - .\32xl\:-mb-40 { - margin-bottom: -10rem; + .\32xl\:focus\:bg-Notification-notification-400:focus { + background-color: var(--notification-notification-400, #5c6cbf); } - .\32xl\:-mb-44 { - margin-bottom: -11rem; + .\32xl\:focus\:bg-Notification-notification-500:focus { + background-color: var(--notification-notification-500, #3350e5); } - .\32xl\:-mb-48 { - margin-bottom: -12rem; + .\32xl\:focus\:bg-Notification-notification-600:focus { + background-color: var(--notification-notification-600, #283eb3); } - .\32xl\:-mb-52 { - margin-bottom: -13rem; + .\32xl\:focus\:bg-Notification-notification-700:focus { + background-color: var(--notification-notification-700, #172466); } - .\32xl\:-mb-56 { - margin-bottom: -14rem; + .\32xl\:focus\:bg-Success-success\ -700:focus { + background-color: var(--success-success-700, #24471f); } - .\32xl\:-mb-60 { - margin-bottom: -15rem; + .\32xl\:focus\:bg-Success-success:focus { + background-color: var(--success-success, #5bb14d); } - .\32xl\:-mb-64 { - margin-bottom: -16rem; + .\32xl\:focus\:bg-Success-success\ -100:focus { + background-color: var(--success-success-100, #8cc882); } - .\32xl\:-mb-72 { - margin-bottom: -18rem; + .\32xl\:focus\:bg-Success-success\ -200:focus { + background-color: var(--success-success-200, #add8a6); } - .\32xl\:-mb-80 { - margin-bottom: -20rem; + .\32xl\:focus\:bg-Success-success\ -300:focus { + background-color: var(--success-success-300, #66a25c); } - .\32xl\:-mb-96 { - margin-bottom: -24rem; + .\32xl\:focus\:bg-Success-success\ -400:focus { + background-color: var(--success-success-400, #6d9766); } - .\32xl\:-mb-px { - margin-bottom: -1px; + .\32xl\:focus\:bg-Success-success\ -500:focus { + background-color: var(--success-success-500, #529f45); } - .\32xl\:-mb-0\.5 { - margin-bottom: -0.125rem; + .\32xl\:focus\:bg-Success-success\ -600:focus { + background-color: var(--success-success-600, #407c36); } - .\32xl\:-mb-1\.5 { - margin-bottom: -0.375rem; + .\32xl\:focus\:bg-Error-error:focus { + background-color: var(--error-error, #f03d3e); } - .\32xl\:-mb-2\.5 { - margin-bottom: -0.625rem; + .\32xl\:focus\:bg-Error-error-100:focus { + background-color: var(--error-error-100, #f57778); } - .\32xl\:-mb-3\.5 { - margin-bottom: -0.875rem; + .\32xl\:focus\:bg-Error-error-200:focus { + background-color: var(--error-error-200, #f89e9e); } - .\32xl\:ml-0 { - margin-left: 0px; + .\32xl\:focus\:bg-Error-error-250:focus { + background-color: var(--error-error-250, #f9c8c8); } - .\32xl\:ml-1 { - margin-left: 0.25rem; + .\32xl\:focus\:bg-Error-error-300:focus { + background-color: var(--error-error-300, #ce5151); } - .\32xl\:ml-2 { - margin-left: 0.5rem; + .\32xl\:focus\:bg-Error-error-400:focus { + background-color: var(--error-error-400, #b85e5e); } - .\32xl\:ml-3 { - margin-left: 0.75rem; + .\32xl\:focus\:bg-Error-error-500:focus { + background-color: var(--error-error-500, #d83738); } - .\32xl\:ml-4 { - margin-left: 1rem; + .\32xl\:focus\:bg-Error-error-600:focus { + background-color: var(--error-error-600, #a82b2b); } - .\32xl\:ml-5 { - margin-left: 1.25rem; + .\32xl\:focus\:bg-Error-error-700:focus { + background-color: var(--error-error-700, #601819); } - .\32xl\:ml-6 { - margin-left: 1.5rem; + .\32xl\:bg-opacity-0 { + --tw-bg-opacity: 0; } - .\32xl\:ml-7 { - margin-left: 1.75rem; + .\32xl\:bg-opacity-5 { + --tw-bg-opacity: 0.05; } - .\32xl\:ml-8 { - margin-left: 2rem; + .\32xl\:bg-opacity-10 { + --tw-bg-opacity: 0.1; } - .\32xl\:ml-9 { - margin-left: 2.25rem; + .\32xl\:bg-opacity-20 { + --tw-bg-opacity: 0.2; } - .\32xl\:ml-10 { - margin-left: 2.5rem; + .\32xl\:bg-opacity-25 { + --tw-bg-opacity: 0.25; } - .\32xl\:ml-11 { - margin-left: 2.75rem; + .\32xl\:bg-opacity-30 { + --tw-bg-opacity: 0.3; } - .\32xl\:ml-12 { - margin-left: 3rem; + .\32xl\:bg-opacity-40 { + --tw-bg-opacity: 0.4; } - .\32xl\:ml-14 { - margin-left: 3.5rem; + .\32xl\:bg-opacity-50 { + --tw-bg-opacity: 0.5; } - .\32xl\:ml-16 { - margin-left: 4rem; + .\32xl\:bg-opacity-60 { + --tw-bg-opacity: 0.6; } - .\32xl\:ml-20 { - margin-left: 5rem; + .\32xl\:bg-opacity-70 { + --tw-bg-opacity: 0.7; } - .\32xl\:ml-24 { - margin-left: 6rem; + .\32xl\:bg-opacity-75 { + --tw-bg-opacity: 0.75; } - .\32xl\:ml-28 { - margin-left: 7rem; + .\32xl\:bg-opacity-80 { + --tw-bg-opacity: 0.8; } - .\32xl\:ml-32 { - margin-left: 8rem; + .\32xl\:bg-opacity-90 { + --tw-bg-opacity: 0.9; } - .\32xl\:ml-36 { - margin-left: 9rem; + .\32xl\:bg-opacity-95 { + --tw-bg-opacity: 0.95; } - .\32xl\:ml-40 { - margin-left: 10rem; + .\32xl\:bg-opacity-100 { + --tw-bg-opacity: 1; } - .\32xl\:ml-44 { - margin-left: 11rem; + .group:hover .\32xl\:group-hover\:bg-opacity-0 { + --tw-bg-opacity: 0; } - .\32xl\:ml-48 { - margin-left: 12rem; + .group:hover .\32xl\:group-hover\:bg-opacity-5 { + --tw-bg-opacity: 0.05; } - .\32xl\:ml-52 { - margin-left: 13rem; + .group:hover .\32xl\:group-hover\:bg-opacity-10 { + --tw-bg-opacity: 0.1; } - .\32xl\:ml-56 { - margin-left: 14rem; + .group:hover .\32xl\:group-hover\:bg-opacity-20 { + --tw-bg-opacity: 0.2; } - .\32xl\:ml-60 { - margin-left: 15rem; + .group:hover .\32xl\:group-hover\:bg-opacity-25 { + --tw-bg-opacity: 0.25; } - .\32xl\:ml-64 { - margin-left: 16rem; + .group:hover .\32xl\:group-hover\:bg-opacity-30 { + --tw-bg-opacity: 0.3; } - .\32xl\:ml-72 { - margin-left: 18rem; + .group:hover .\32xl\:group-hover\:bg-opacity-40 { + --tw-bg-opacity: 0.4; } - .\32xl\:ml-80 { - margin-left: 20rem; + .group:hover .\32xl\:group-hover\:bg-opacity-50 { + --tw-bg-opacity: 0.5; } - .\32xl\:ml-96 { - margin-left: 24rem; + .group:hover .\32xl\:group-hover\:bg-opacity-60 { + --tw-bg-opacity: 0.6; } - .\32xl\:ml-auto { - margin-left: auto; + .group:hover .\32xl\:group-hover\:bg-opacity-70 { + --tw-bg-opacity: 0.7; } - .\32xl\:ml-px { - margin-left: 1px; + .group:hover .\32xl\:group-hover\:bg-opacity-75 { + --tw-bg-opacity: 0.75; } - .\32xl\:ml-0\.5 { - margin-left: 0.125rem; + .group:hover .\32xl\:group-hover\:bg-opacity-80 { + --tw-bg-opacity: 0.8; } - .\32xl\:ml-1\.5 { - margin-left: 0.375rem; + .group:hover .\32xl\:group-hover\:bg-opacity-90 { + --tw-bg-opacity: 0.9; } - .\32xl\:ml-2\.5 { - margin-left: 0.625rem; + .group:hover .\32xl\:group-hover\:bg-opacity-95 { + --tw-bg-opacity: 0.95; } - .\32xl\:ml-3\.5 { - margin-left: 0.875rem; + .group:hover .\32xl\:group-hover\:bg-opacity-100 { + --tw-bg-opacity: 1; } - .\32xl\:-ml-0 { - margin-left: 0px; + .\32xl\:focus-within\:bg-opacity-0:focus-within { + --tw-bg-opacity: 0; } - .\32xl\:-ml-1 { - margin-left: -0.25rem; + .\32xl\:focus-within\:bg-opacity-5:focus-within { + --tw-bg-opacity: 0.05; } - .\32xl\:-ml-2 { - margin-left: -0.5rem; + .\32xl\:focus-within\:bg-opacity-10:focus-within { + --tw-bg-opacity: 0.1; } - .\32xl\:-ml-3 { - margin-left: -0.75rem; + .\32xl\:focus-within\:bg-opacity-20:focus-within { + --tw-bg-opacity: 0.2; } - .\32xl\:-ml-4 { - margin-left: -1rem; + .\32xl\:focus-within\:bg-opacity-25:focus-within { + --tw-bg-opacity: 0.25; } - .\32xl\:-ml-5 { - margin-left: -1.25rem; + .\32xl\:focus-within\:bg-opacity-30:focus-within { + --tw-bg-opacity: 0.3; } - .\32xl\:-ml-6 { - margin-left: -1.5rem; + .\32xl\:focus-within\:bg-opacity-40:focus-within { + --tw-bg-opacity: 0.4; } - .\32xl\:-ml-7 { - margin-left: -1.75rem; + .\32xl\:focus-within\:bg-opacity-50:focus-within { + --tw-bg-opacity: 0.5; } - .\32xl\:-ml-8 { - margin-left: -2rem; + .\32xl\:focus-within\:bg-opacity-60:focus-within { + --tw-bg-opacity: 0.6; } - .\32xl\:-ml-9 { - margin-left: -2.25rem; + .\32xl\:focus-within\:bg-opacity-70:focus-within { + --tw-bg-opacity: 0.7; } - .\32xl\:-ml-10 { - margin-left: -2.5rem; + .\32xl\:focus-within\:bg-opacity-75:focus-within { + --tw-bg-opacity: 0.75; } - .\32xl\:-ml-11 { - margin-left: -2.75rem; + .\32xl\:focus-within\:bg-opacity-80:focus-within { + --tw-bg-opacity: 0.8; } - .\32xl\:-ml-12 { - margin-left: -3rem; + .\32xl\:focus-within\:bg-opacity-90:focus-within { + --tw-bg-opacity: 0.9; } - .\32xl\:-ml-14 { - margin-left: -3.5rem; + .\32xl\:focus-within\:bg-opacity-95:focus-within { + --tw-bg-opacity: 0.95; } - .\32xl\:-ml-16 { - margin-left: -4rem; + .\32xl\:focus-within\:bg-opacity-100:focus-within { + --tw-bg-opacity: 1; } - .\32xl\:-ml-20 { - margin-left: -5rem; + .\32xl\:hover\:bg-opacity-0:hover { + --tw-bg-opacity: 0; } - .\32xl\:-ml-24 { - margin-left: -6rem; + .\32xl\:hover\:bg-opacity-5:hover { + --tw-bg-opacity: 0.05; } - .\32xl\:-ml-28 { - margin-left: -7rem; + .\32xl\:hover\:bg-opacity-10:hover { + --tw-bg-opacity: 0.1; } - .\32xl\:-ml-32 { - margin-left: -8rem; + .\32xl\:hover\:bg-opacity-20:hover { + --tw-bg-opacity: 0.2; } - .\32xl\:-ml-36 { - margin-left: -9rem; + .\32xl\:hover\:bg-opacity-25:hover { + --tw-bg-opacity: 0.25; } - .\32xl\:-ml-40 { - margin-left: -10rem; + .\32xl\:hover\:bg-opacity-30:hover { + --tw-bg-opacity: 0.3; } - .\32xl\:-ml-44 { - margin-left: -11rem; + .\32xl\:hover\:bg-opacity-40:hover { + --tw-bg-opacity: 0.4; } - .\32xl\:-ml-48 { - margin-left: -12rem; + .\32xl\:hover\:bg-opacity-50:hover { + --tw-bg-opacity: 0.5; } - .\32xl\:-ml-52 { - margin-left: -13rem; + .\32xl\:hover\:bg-opacity-60:hover { + --tw-bg-opacity: 0.6; } - .\32xl\:-ml-56 { - margin-left: -14rem; + .\32xl\:hover\:bg-opacity-70:hover { + --tw-bg-opacity: 0.7; } - .\32xl\:-ml-60 { - margin-left: -15rem; + .\32xl\:hover\:bg-opacity-75:hover { + --tw-bg-opacity: 0.75; } - .\32xl\:-ml-64 { - margin-left: -16rem; + .\32xl\:hover\:bg-opacity-80:hover { + --tw-bg-opacity: 0.8; } - .\32xl\:-ml-72 { - margin-left: -18rem; + .\32xl\:hover\:bg-opacity-90:hover { + --tw-bg-opacity: 0.9; } - .\32xl\:-ml-80 { - margin-left: -20rem; + .\32xl\:hover\:bg-opacity-95:hover { + --tw-bg-opacity: 0.95; } - .\32xl\:-ml-96 { - margin-left: -24rem; + .\32xl\:hover\:bg-opacity-100:hover { + --tw-bg-opacity: 1; } - .\32xl\:-ml-px { - margin-left: -1px; + .\32xl\:focus\:bg-opacity-0:focus { + --tw-bg-opacity: 0; } - .\32xl\:-ml-0\.5 { - margin-left: -0.125rem; + .\32xl\:focus\:bg-opacity-5:focus { + --tw-bg-opacity: 0.05; } - .\32xl\:-ml-1\.5 { - margin-left: -0.375rem; + .\32xl\:focus\:bg-opacity-10:focus { + --tw-bg-opacity: 0.1; } - .\32xl\:-ml-2\.5 { - margin-left: -0.625rem; + .\32xl\:focus\:bg-opacity-20:focus { + --tw-bg-opacity: 0.2; } - .\32xl\:-ml-3\.5 { - margin-left: -0.875rem; + .\32xl\:focus\:bg-opacity-25:focus { + --tw-bg-opacity: 0.25; } - .\32xl\:box-border { - box-sizing: border-box; + .\32xl\:focus\:bg-opacity-30:focus { + --tw-bg-opacity: 0.3; } - .\32xl\:box-content { - box-sizing: content-box; + .\32xl\:focus\:bg-opacity-40:focus { + --tw-bg-opacity: 0.4; } - .\32xl\:block { - display: block; + .\32xl\:focus\:bg-opacity-50:focus { + --tw-bg-opacity: 0.5; } - .\32xl\:inline-block { - display: inline-block; + .\32xl\:focus\:bg-opacity-60:focus { + --tw-bg-opacity: 0.6; } - .\32xl\:inline { - display: inline; + .\32xl\:focus\:bg-opacity-70:focus { + --tw-bg-opacity: 0.7; } - .\32xl\:flex { - display: flex; + .\32xl\:focus\:bg-opacity-75:focus { + --tw-bg-opacity: 0.75; } - .\32xl\:inline-flex { - display: inline-flex; + .\32xl\:focus\:bg-opacity-80:focus { + --tw-bg-opacity: 0.8; } - .\32xl\:table { - display: table; + .\32xl\:focus\:bg-opacity-90:focus { + --tw-bg-opacity: 0.9; } - .\32xl\:inline-table { - display: inline-table; + .\32xl\:focus\:bg-opacity-95:focus { + --tw-bg-opacity: 0.95; } - .\32xl\:table-caption { - display: table-caption; + .\32xl\:focus\:bg-opacity-100:focus { + --tw-bg-opacity: 1; } - .\32xl\:table-cell { - display: table-cell; + .\32xl\:bg-none { + background-image: none; } - .\32xl\:table-column { - display: table-column; + .\32xl\:bg-gradient-to-t { + background-image: linear-gradient(to top, var(--tw-gradient-stops)); } - .\32xl\:table-column-group { - display: table-column-group; + .\32xl\:bg-gradient-to-tr { + background-image: linear-gradient(to top right, var(--tw-gradient-stops)); } - .\32xl\:table-footer-group { - display: table-footer-group; + .\32xl\:bg-gradient-to-r { + background-image: linear-gradient(to right, var(--tw-gradient-stops)); } - .\32xl\:table-header-group { - display: table-header-group; + .\32xl\:bg-gradient-to-br { + background-image: linear-gradient(to bottom right, var(--tw-gradient-stops)); } - .\32xl\:table-row-group { - display: table-row-group; + .\32xl\:bg-gradient-to-b { + background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); } - .\32xl\:table-row { - display: table-row; + .\32xl\:bg-gradient-to-bl { + background-image: linear-gradient(to bottom left, var(--tw-gradient-stops)); } - .\32xl\:flow-root { - display: flow-root; + .\32xl\:bg-gradient-to-l { + background-image: linear-gradient(to left, var(--tw-gradient-stops)); } - .\32xl\:grid { - display: grid; + .\32xl\:bg-gradient-to-tl { + background-image: linear-gradient(to top left, var(--tw-gradient-stops)); } - .\32xl\:inline-grid { - display: inline-grid; + .\32xl\:from-colors-black { + --tw-gradient-from: var(--colors-black, #000000); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:contents { - display: contents; + .\32xl\:from-colors-white { + --tw-gradient-from: var(--colors-white, #ffffff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:list-item { - display: list-item; + .\32xl\:from-colors-gray-100 { + --tw-gradient-from: var(--colors-gray-100, #f7fafc); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hidden { - display: none; + .\32xl\:from-colors-gray-200 { + --tw-gradient-from: var(--colors-gray-200, #edf2f7); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:h-0 { - height: 0px; + .\32xl\:from-colors-gray-300 { + --tw-gradient-from: var(--colors-gray-300, #e2e8f0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:h-1 { - height: 0.25rem; + .\32xl\:from-colors-gray-400 { + --tw-gradient-from: var(--colors-gray-400, #cbd5e0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:h-2 { - height: 0.5rem; + .\32xl\:from-colors-gray-500 { + --tw-gradient-from: var(--colors-gray-500, #a0aec0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:h-3 { - height: 0.75rem; + .\32xl\:from-colors-gray-600 { + --tw-gradient-from: var(--colors-gray-600, #718096); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:h-4 { - height: 1rem; + .\32xl\:from-colors-gray-700 { + --tw-gradient-from: var(--colors-gray-700, #4a5568); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:h-5 { - height: 1.25rem; + .\32xl\:from-colors-gray-800 { + --tw-gradient-from: var(--colors-gray-800, #2d3748); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + } + + .\32xl\:from-colors-gray-900 { + --tw-gradient-from: var(--colors-gray-900, #1a202c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:h-6 { - height: 1.5rem; + .\32xl\:from-colors-red-100 { + --tw-gradient-from: var(--colors-red-100, #fff5f5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:h-7 { - height: 1.75rem; + .\32xl\:from-colors-red-200 { + --tw-gradient-from: var(--colors-red-200, #fed7d7); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:h-8 { - height: 2rem; + .\32xl\:from-colors-red-300 { + --tw-gradient-from: var(--colors-red-300, #feb2b2); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:h-9 { - height: 2.25rem; + .\32xl\:from-colors-red-400 { + --tw-gradient-from: var(--colors-red-400, #fc8181); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:h-10 { - height: 2.5rem; + .\32xl\:from-colors-red-500 { + --tw-gradient-from: var(--colors-red-500, #f56565); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:h-11 { - height: 2.75rem; + .\32xl\:from-colors-red-600 { + --tw-gradient-from: var(--colors-red-600, #e53e3e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:h-12 { - height: 3rem; + .\32xl\:from-colors-red-700 { + --tw-gradient-from: var(--colors-red-700, #c53030); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:h-14 { - height: 3.5rem; + .\32xl\:from-colors-red-800 { + --tw-gradient-from: var(--colors-red-800, #9b2c2c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:h-16 { - height: 4rem; + .\32xl\:from-colors-red-900 { + --tw-gradient-from: var(--colors-red-900, #742a2a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:h-20 { - height: 5rem; + .\32xl\:from-colors-orange-100 { + --tw-gradient-from: var(--colors-orange-100, #fffaf0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:h-24 { - height: 6rem; + .\32xl\:from-colors-orange-200 { + --tw-gradient-from: var(--colors-orange-200, #feebc8); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:h-28 { - height: 7rem; + .\32xl\:from-colors-orange-300 { + --tw-gradient-from: var(--colors-orange-300, #fbd38d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:h-32 { - height: 8rem; + .\32xl\:from-colors-orange-400 { + --tw-gradient-from: var(--colors-orange-400, #f6ad55); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:h-36 { - height: 9rem; + .\32xl\:from-colors-orange-500 { + --tw-gradient-from: var(--colors-orange-500, #ed8936); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:h-40 { - height: 10rem; + .\32xl\:from-colors-orange-600 { + --tw-gradient-from: var(--colors-orange-600, #dd6b20); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:h-44 { - height: 11rem; + .\32xl\:from-colors-orange-700 { + --tw-gradient-from: var(--colors-orange-700, #c05621); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:h-48 { - height: 12rem; + .\32xl\:from-colors-orange-800 { + --tw-gradient-from: var(--colors-orange-800, #9c4221); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:h-52 { - height: 13rem; + .\32xl\:from-colors-orange-900 { + --tw-gradient-from: var(--colors-orange-900, #7b341e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:h-56 { - height: 14rem; + .\32xl\:from-colors-yellow-100 { + --tw-gradient-from: var(--colors-yellow-100, #fffff0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:h-60 { - height: 15rem; + .\32xl\:from-colors-yellow-200 { + --tw-gradient-from: var(--colors-yellow-200, #fefcbf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:h-64 { - height: 16rem; + .\32xl\:from-colors-yellow-300 { + --tw-gradient-from: var(--colors-yellow-300, #faf089); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:h-72 { - height: 18rem; + .\32xl\:from-colors-yellow-400 { + --tw-gradient-from: var(--colors-yellow-400, #f6e05e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:h-80 { - height: 20rem; + .\32xl\:from-colors-yellow-500 { + --tw-gradient-from: var(--colors-yellow-500, #ecc94b); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:h-96 { - height: 24rem; + .\32xl\:from-colors-yellow-600 { + --tw-gradient-from: var(--colors-yellow-600, #d69e2e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:h-auto { - height: auto; + .\32xl\:from-colors-yellow-700 { + --tw-gradient-from: var(--colors-yellow-700, #b7791f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:h-px { - height: 1px; + .\32xl\:from-colors-yellow-800 { + --tw-gradient-from: var(--colors-yellow-800, #975a16); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:h-0\.5 { - height: 0.125rem; + .\32xl\:from-colors-yellow-900 { + --tw-gradient-from: var(--colors-yellow-900, #744210); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:h-1\.5 { - height: 0.375rem; + .\32xl\:from-colors-green-100 { + --tw-gradient-from: var(--colors-green-100, #f0fff4); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:h-2\.5 { - height: 0.625rem; + .\32xl\:from-colors-green-200 { + --tw-gradient-from: var(--colors-green-200, #c6f6d5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:h-3\.5 { - height: 0.875rem; + .\32xl\:from-colors-green-300 { + --tw-gradient-from: var(--colors-green-300, #9ae6b4); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:h-1\/2 { - height: 50%; + .\32xl\:from-colors-green-400 { + --tw-gradient-from: var(--colors-green-400, #68d391); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:h-1\/3 { - height: 33.333333%; + .\32xl\:from-colors-green-500 { + --tw-gradient-from: var(--colors-green-500, #48bb78); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:h-2\/3 { - height: 66.666667%; + .\32xl\:from-colors-green-600 { + --tw-gradient-from: var(--colors-green-600, #38a169); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:h-1\/4 { - height: 25%; + .\32xl\:from-colors-green-700 { + --tw-gradient-from: var(--colors-green-700, #2f855a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:h-2\/4 { - height: 50%; + .\32xl\:from-colors-green-800 { + --tw-gradient-from: var(--colors-green-800, #276749); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:h-3\/4 { - height: 75%; + .\32xl\:from-colors-green-900 { + --tw-gradient-from: var(--colors-green-900, #22543d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:h-1\/5 { - height: 20%; + .\32xl\:from-colors-teal-100 { + --tw-gradient-from: var(--colors-teal-100, #e6fffa); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:h-2\/5 { - height: 40%; + .\32xl\:from-colors-teal-200 { + --tw-gradient-from: var(--colors-teal-200, #b2f5ea); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:h-3\/5 { - height: 60%; + .\32xl\:from-colors-teal-300 { + --tw-gradient-from: var(--colors-teal-300, #81e6d9); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:h-4\/5 { - height: 80%; + .\32xl\:from-colors-teal-400 { + --tw-gradient-from: var(--colors-teal-400, #4fd1c5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:h-1\/6 { - height: 16.666667%; + .\32xl\:from-colors-teal-500 { + --tw-gradient-from: var(--colors-teal-500, #38b2ac); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:h-2\/6 { - height: 33.333333%; + .\32xl\:from-colors-teal-600 { + --tw-gradient-from: var(--colors-teal-600, #319795); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:h-3\/6 { - height: 50%; + .\32xl\:from-colors-teal-700 { + --tw-gradient-from: var(--colors-teal-700, #2c7a7b); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:h-4\/6 { - height: 66.666667%; + .\32xl\:from-colors-teal-800 { + --tw-gradient-from: var(--colors-teal-800, #285e61); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:h-5\/6 { - height: 83.333333%; + .\32xl\:from-colors-teal-900 { + --tw-gradient-from: var(--colors-teal-900, #234e52); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:h-full { - height: 100%; + .\32xl\:from-colors-blue-100 { + --tw-gradient-from: var(--colors-blue-100, #ebf8ff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:h-screen { - height: 100vh; + .\32xl\:from-colors-blue-200 { + --tw-gradient-from: var(--colors-blue-200, #bee3f8); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:max-h-0 { - max-height: 0px; + .\32xl\:from-colors-blue-300 { + --tw-gradient-from: var(--colors-blue-300, #90cdf4); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:max-h-1 { - max-height: 0.25rem; + .\32xl\:from-colors-blue-400 { + --tw-gradient-from: var(--colors-blue-400, #63b3ed); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:max-h-2 { - max-height: 0.5rem; + .\32xl\:from-colors-blue-500 { + --tw-gradient-from: var(--colors-blue-500, #4299e1); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:max-h-3 { - max-height: 0.75rem; + .\32xl\:from-colors-blue-600 { + --tw-gradient-from: var(--colors-blue-600, #3182ce); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:max-h-4 { - max-height: 1rem; + .\32xl\:from-colors-blue-700 { + --tw-gradient-from: var(--colors-blue-700, #2b6cb0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:max-h-5 { - max-height: 1.25rem; + .\32xl\:from-colors-blue-800 { + --tw-gradient-from: var(--colors-blue-800, #2c5282); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:max-h-6 { - max-height: 1.5rem; + .\32xl\:from-colors-blue-900 { + --tw-gradient-from: var(--colors-blue-900, #2a4365); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:max-h-7 { - max-height: 1.75rem; + .\32xl\:from-colors-indigo-100 { + --tw-gradient-from: var(--colors-indigo-100, #ebf4ff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:max-h-8 { - max-height: 2rem; + .\32xl\:from-colors-indigo-200 { + --tw-gradient-from: var(--colors-indigo-200, #c3dafe); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:max-h-9 { - max-height: 2.25rem; + .\32xl\:from-colors-indigo-300 { + --tw-gradient-from: var(--colors-indigo-300, #a3bffa); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:max-h-10 { - max-height: 2.5rem; + .\32xl\:from-colors-indigo-400 { + --tw-gradient-from: var(--colors-indigo-400, #7f9cf5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:max-h-11 { - max-height: 2.75rem; + .\32xl\:from-colors-indigo-500 { + --tw-gradient-from: var(--colors-indigo-500, #667eea); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:max-h-12 { - max-height: 3rem; + .\32xl\:from-colors-indigo-600 { + --tw-gradient-from: var(--colors-indigo-600, #5a67d8); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:max-h-14 { - max-height: 3.5rem; + .\32xl\:from-colors-indigo-700 { + --tw-gradient-from: var(--colors-indigo-700, #4c51bf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:max-h-16 { - max-height: 4rem; + .\32xl\:from-colors-indigo-800 { + --tw-gradient-from: var(--colors-indigo-800, #434190); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:max-h-20 { - max-height: 5rem; + .\32xl\:from-colors-indigo-900 { + --tw-gradient-from: var(--colors-indigo-900, #3c366b); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:max-h-24 { - max-height: 6rem; + .\32xl\:from-colors-purple-100 { + --tw-gradient-from: var(--colors-purple-100, #faf5ff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:max-h-28 { - max-height: 7rem; + .\32xl\:from-colors-purple-200 { + --tw-gradient-from: var(--colors-purple-200, #e9d8fd); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:max-h-32 { - max-height: 8rem; + .\32xl\:from-colors-purple-300 { + --tw-gradient-from: var(--colors-purple-300, #d6bcfa); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:max-h-36 { - max-height: 9rem; + .\32xl\:from-colors-purple-400 { + --tw-gradient-from: var(--colors-purple-400, #b794f4); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:max-h-40 { - max-height: 10rem; + .\32xl\:from-colors-purple-500 { + --tw-gradient-from: var(--colors-purple-500, #9f7aea); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:max-h-44 { - max-height: 11rem; + .\32xl\:from-colors-purple-600 { + --tw-gradient-from: var(--colors-purple-600, #805ad5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:max-h-48 { - max-height: 12rem; + .\32xl\:from-colors-purple-700 { + --tw-gradient-from: var(--colors-purple-700, #6b46c1); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:max-h-52 { - max-height: 13rem; + .\32xl\:from-colors-purple-800 { + --tw-gradient-from: var(--colors-purple-800, #553c9a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:max-h-56 { - max-height: 14rem; + .\32xl\:from-colors-purple-900 { + --tw-gradient-from: var(--colors-purple-900, #44337a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:max-h-60 { - max-height: 15rem; + .\32xl\:from-colors-pink-100 { + --tw-gradient-from: var(--colors-pink-100, #fff5f7); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:max-h-64 { - max-height: 16rem; + .\32xl\:from-colors-pink-200 { + --tw-gradient-from: var(--colors-pink-200, #fed7e2); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:max-h-72 { - max-height: 18rem; + .\32xl\:from-colors-pink-300 { + --tw-gradient-from: var(--colors-pink-300, #fbb6ce); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:max-h-80 { - max-height: 20rem; + .\32xl\:from-colors-pink-400 { + --tw-gradient-from: var(--colors-pink-400, #f687b3); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:max-h-96 { - max-height: 24rem; + .\32xl\:from-colors-pink-500 { + --tw-gradient-from: var(--colors-pink-500, #ed64a6); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:max-h-px { - max-height: 1px; + .\32xl\:from-colors-pink-600 { + --tw-gradient-from: var(--colors-pink-600, #d53f8c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:max-h-0\.5 { - max-height: 0.125rem; + .\32xl\:from-colors-pink-700 { + --tw-gradient-from: var(--colors-pink-700, #b83280); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:max-h-1\.5 { - max-height: 0.375rem; + .\32xl\:from-colors-pink-800 { + --tw-gradient-from: var(--colors-pink-800, #97266d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:max-h-2\.5 { - max-height: 0.625rem; + .\32xl\:from-colors-pink-900 { + --tw-gradient-from: var(--colors-pink-900, #702459); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:max-h-3\.5 { - max-height: 0.875rem; + .\32xl\:from-Box\ Shadow { + --tw-gradient-from: var(--box-shadow, #7f7e7f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:max-h-full { - max-height: 100%; + .\32xl\:from-Error16 { + --tw-gradient-from: var(--error16, #f03d3e40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:max-h-screen { - max-height: 100vh; + .\32xl\:from-Success16 { + --tw-gradient-from: var(--success16, #5bb14d40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:min-h-0 { - min-height: 0px; + .\32xl\:from-Notification16 { + --tw-gradient-from: var(--notification16, #3959ff40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:min-h-full { - min-height: 100%; + .\32xl\:from-Error8 { + --tw-gradient-from: var(--error8, #f03d3e1a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:min-h-screen { - min-height: 100vh; + .\32xl\:from-Notification8 { + --tw-gradient-from: var(--notification8, #3959ff1a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:w-0 { - width: 0px; + .\32xl\:from-Success8 { + --tw-gradient-from: var(--success8, #5bb14d1a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:w-1 { - width: 0.25rem; + .\32xl\:from-Light\ -\ Overlay { + --tw-gradient-from: var(--light-overlay, #f0edee66); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:w-2 { - width: 0.5rem; + .\32xl\:from-Dark-\ Overlay { + --tw-gradient-from: var(--dark-overlay, #7f7e7f66); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:w-3 { - width: 0.75rem; + .\32xl\:from-black-40 { + --tw-gradient-from: var(--black-40, #00000066); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:w-4 { - width: 1rem; + .\32xl\:from-black-75 { + --tw-gradient-from: var(--black-75, #000000bf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:w-5 { - width: 1.25rem; + .\32xl\:from-black-60 { + --tw-gradient-from: var(--black-60, #00000099); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:w-6 { - width: 1.5rem; + .\32xl\:from-black-50 { + --tw-gradient-from: var(--black-50, #00000080); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:w-7 { - width: 1.75rem; + .\32xl\:from-black-25 { + --tw-gradient-from: var(--black-25, #00000040); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:w-8 { - width: 2rem; + .\32xl\:from-black-10 { + --tw-gradient-from: var(--black-10, #0000001a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:w-9 { - width: 2.25rem; + .\32xl\:from-white-25 { + --tw-gradient-from: var(--white-25, #ffffff40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:w-10 { - width: 2.5rem; + .\32xl\:from-white-60 { + --tw-gradient-from: var(--white-60, #ffffff99); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:w-11 { - width: 2.75rem; + .\32xl\:from-black-64 { + --tw-gradient-from: var(--black-64, #000000a3); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:w-12 { - width: 3rem; + .\32xl\:from-Shadow\ and\ Highlight-Shadow { + --tw-gradient-from: var(--shadow-and-highlight-shadow, #7f7e7f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:w-14 { - width: 3.5rem; + .\32xl\:from-Shadow\ and\ Highlight-Highlight { + --tw-gradient-from: var(--shadow-and-highlight-highlight, #474747); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:w-16 { - width: 4rem; + .\32xl\:from-Shadow\ and\ Highlight-highlight\ one { + --tw-gradient-from: var(--shadow-and-highlight-highlight-one, #474747bf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:w-20 { - width: 5rem; + .\32xl\:from-Shadow\ and\ Highlight-highlight\ two { + --tw-gradient-from: var(--shadow-and-highlight-highlight-two, #47474799); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:w-24 { - width: 6rem; + .\32xl\:from-Shadow\ and\ Highlight-highlight\ three { + --tw-gradient-from: var(--shadow-and-highlight-highlight-three, #47474766); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:w-28 { - width: 7rem; + .\32xl\:from-Shadow\ and\ Highlight-highlight\ five { + --tw-gradient-from: var(--shadow-and-highlight-highlight-five, #4747471a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:w-32 { - width: 8rem; + .\32xl\:from-Shadow\ and\ Highlight-shadow\ one { + --tw-gradient-from: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:w-36 { - width: 9rem; + .\32xl\:from-Shadow\ and\ Highlight-shadow\ two { + --tw-gradient-from: var(--shadow-and-highlight-shadow-two, #7f7e7f99); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:w-40 { - width: 10rem; + .\32xl\:from-Shadow\ and\ Highlight-shadow\ three { + --tw-gradient-from: var(--shadow-and-highlight-shadow-three, #7f7e7f66); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:w-44 { - width: 11rem; + .\32xl\:from-Shadow\ and\ Highlight-shadow\ four { + --tw-gradient-from: var(--shadow-and-highlight-shadow-four, #7f7e7f40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:w-48 { - width: 12rem; + .\32xl\:from-Shadow\ and\ Highlight-shadow\ five { + --tw-gradient-from: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:w-52 { - width: 13rem; + .\32xl\:from-Shadow\ and\ Highlight-highlight\ four { + --tw-gradient-from: var(--shadow-and-highlight-highlight-four, #47474740); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:w-56 { - width: 14rem; + .\32xl\:from-Base\ Layer\ Styles-Base\ Layer-\ Light-White { + --tw-gradient-from: var(--base-layer-styles-base-layer-light-white, #ffffff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:w-60 { - width: 15rem; + .\32xl\:from-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite { + --tw-gradient-from: var(--base-layer-styles-base-layer-light-off-white, #f0edee); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:w-64 { - width: 16rem; + .\32xl\:from-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack { + --tw-gradient-from: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:w-72 { - width: 18rem; + .\32xl\:from-Base\ Layer\ Styles-Base\ Layer-Dark-Black { + --tw-gradient-from: var(--base-layer-styles-base-layer-dark-black, #000000); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:w-80 { - width: 20rem; + .\32xl\:from-Grey-Scale-white { + --tw-gradient-from: var(--grey-scale-white, #ffffff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:w-96 { - width: 24rem; + .\32xl\:from-Grey-Scale-off-white { + --tw-gradient-from: var(--grey-scale-off-white, #f0edee); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:w-auto { - width: auto; + .\32xl\:from-Grey\ Scale-grey { + --tw-gradient-from: var(--grey-scale-grey, #7f7e7f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:w-px { - width: 1px; + .\32xl\:from-Grey\ Scale-charcoal { + --tw-gradient-from: var(--grey-scale-charcoal, #474747); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:w-0\.5 { - width: 0.125rem; + .\32xl\:from-Grey\ Scale-off-black { + --tw-gradient-from: var(--grey-scale-off-black, #1c1c1c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:w-1\.5 { - width: 0.375rem; + .\32xl\:from-Grey\ Scale-black { + --tw-gradient-from: var(--grey-scale-black, #000000); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:w-2\.5 { - width: 0.625rem; + .\32xl\:from-Blue-blue { + --tw-gradient-from: var(--blue-blue, #3a7ca5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:w-3\.5 { - width: 0.875rem; + .\32xl\:from-Blue-blue-100 { + --tw-gradient-from: var(--blue-blue-100, #75a3c0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:w-1\/2 { - width: 50%; + .\32xl\:from-Blue-blue-200 { + --tw-gradient-from: var(--blue-blue-200, #9cbed2); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:w-1\/3 { - width: 33.333333%; + .\32xl\:from-Blue-blue-300 { + --tw-gradient-from: var(--blue-blue-300, #4f7d9a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:w-2\/3 { - width: 66.666667%; + .\32xl\:from-Blue-blue-400 { + --tw-gradient-from: var(--blue-blue-400, #5c7d92); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:w-1\/4 { - width: 25%; + .\32xl\:from-Blue-blue-500 { + --tw-gradient-from: var(--blue-blue-500, #347095); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:w-2\/4 { - width: 50%; + .\32xl\:from-Blue-blue-600 { + --tw-gradient-from: var(--blue-blue-600, #295774); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:w-3\/4 { - width: 75%; + .\32xl\:from-Blue-blue-700 { + --tw-gradient-from: var(--blue-blue-700, #173242); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:w-1\/5 { - width: 20%; + .\32xl\:from-LightBlue-lightblue { + --tw-gradient-from: var(--light-blue-lightblue, #81c3d7); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:w-2\/5 { - width: 40%; + .\32xl\:from-LightBlue-lightblue-100 { + --tw-gradient-from: var(--light-blue-lightblue-100, #a7d5e3); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:w-3\/5 { - width: 60%; + .\32xl\:from-LightBlue-lightblue-200 { + --tw-gradient-from: var(--light-blue-lightblue-200, #c0e1eb); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:w-4\/5 { - width: 80%; + .\32xl\:from-LightBlue-lightblue-300 { + --tw-gradient-from: var(--light-blue-lightblue-300, #80aebd); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:w-1\/6 { - width: 16.666667%; + .\32xl\:from-LightBlue-lightblue-400 { + --tw-gradient-from: var(--light-blue-lightblue-400, #80a0ab); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:w-2\/6 { - width: 33.333333%; + .\32xl\:from-LightBlue-lightblue-500 { + --tw-gradient-from: var(--light-blue-lightblue-500, #74afc1); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:w-3\/6 { - width: 50%; + .\32xl\:from-LightBlue-lightblue-600 { + --tw-gradient-from: var(--light-blue-lightblue-600, #5a8997); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:w-4\/6 { - width: 66.666667%; + .\32xl\:from-LightBlue-lightblue-650 { + --tw-gradient-from: var(--light-blue-lightblue-650, #3e5e65); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:w-5\/6 { - width: 83.333333%; + .\32xl\:from-LightBlue-lightblue-700 { + --tw-gradient-from: var(--light-blue-lightblue-700, #344e56); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:w-1\/12 { - width: 8.333333%; + .\32xl\:from-Orange-orange { + --tw-gradient-from: var(--orange-orange, #ff7f0e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:w-2\/12 { - width: 16.666667%; + .\32xl\:from-Orange-orange-100 { + --tw-gradient-from: var(--orange-orange-100, #ffa556); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:w-3\/12 { - width: 25%; + .\32xl\:from-Orange-orange-200 { + --tw-gradient-from: var(--orange-orange-200, #ffbf86); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:w-4\/12 { - width: 33.333333%; + .\32xl\:from-Orange-orange-300 { + --tw-gradient-from: var(--orange-orange-300, #d97f30); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:w-5\/12 { - width: 41.666667%; + .\32xl\:from-Orange-orange-400 { + --tw-gradient-from: var(--orange-orange-400, #bf7e46); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:w-6\/12 { - width: 50%; + .\32xl\:from-Orange-orange-500 { + --tw-gradient-from: var(--orange-orange-500, #e5720d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:w-7\/12 { - width: 58.333333%; + .\32xl\:from-Orange-orange-600 { + --tw-gradient-from: var(--orange-orange-600, #b3590a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:w-8\/12 { - width: 66.666667%; + .\32xl\:from-Orange-orange-700 { + --tw-gradient-from: var(--orange-orange-700, #663306); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:w-9\/12 { - width: 75%; + .\32xl\:from-Yellow-yellow { + --tw-gradient-from: var(--yellow-yellow, #ffab00); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:w-10\/12 { - width: 83.333333%; + .\32xl\:from-Yellow-yellow-100 { + --tw-gradient-from: var(--yellow-yellow-100, #ffc44c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:w-11\/12 { - width: 91.666667%; + .\32xl\:from-Yellow-yellow-200 { + --tw-gradient-from: var(--yellow-yellow-200, #ffd580); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:w-full { - width: 100%; + .\32xl\:from-Yellow-yellow-300 { + --tw-gradient-from: var(--yellow-yellow-300, #d99d26); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:w-screen { - width: 100vw; + .\32xl\:from-Yellow-yellow-400 { + --tw-gradient-from: var(--yellow-yellow-400, #bf943f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:w-min { - width: -moz-min-content; - width: min-content; + .\32xl\:from-Yellow-yellow-500 { + --tw-gradient-from: var(--yellow-yellow-500, #e59a00); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:w-max { - width: -moz-max-content; - width: max-content; + .\32xl\:from-Yellow-yellow-600 { + --tw-gradient-from: var(--yellow-yellow-600, #b37800); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:min-w-0 { - min-width: 0px; + .\32xl\:from-Yellow-yellow-700 { + --tw-gradient-from: var(--yellow-yellow-700, #664400); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:min-w-full { - min-width: 100%; + .\32xl\:from-Notification-notification { + --tw-gradient-from: var(--notification-notification, #3959ff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:min-w-min { - min-width: -moz-min-content; - min-width: min-content; + .\32xl\:from-Notification-notification-100 { + --tw-gradient-from: var(--notification-notification-100, #748bff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:min-w-max { - min-width: -moz-max-content; - min-width: max-content; + .\32xl\:from-Notification-notification-200 { + --tw-gradient-from: var(--notification-notification-200, #9cacff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:max-w-0 { - max-width: 0rem; + .\32xl\:from-Notification-notification-300 { + --tw-gradient-from: var(--notification-notification-300, #4e64d9); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:max-w-none { - max-width: none; + .\32xl\:from-Notification-notification-400 { + --tw-gradient-from: var(--notification-notification-400, #5c6cbf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:max-w-xs { - max-width: 20rem; + .\32xl\:from-Notification-notification-500 { + --tw-gradient-from: var(--notification-notification-500, #3350e5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:max-w-sm { - max-width: 24rem; + .\32xl\:from-Notification-notification-600 { + --tw-gradient-from: var(--notification-notification-600, #283eb3); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:max-w-md { - max-width: 28rem; + .\32xl\:from-Notification-notification-700 { + --tw-gradient-from: var(--notification-notification-700, #172466); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:max-w-lg { - max-width: 32rem; + .\32xl\:from-Success-success\ -700 { + --tw-gradient-from: var(--success-success-700, #24471f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:max-w-xl { - max-width: 36rem; + .\32xl\:from-Success-success { + --tw-gradient-from: var(--success-success, #5bb14d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:max-w-2xl { - max-width: 42rem; + .\32xl\:from-Success-success\ -100 { + --tw-gradient-from: var(--success-success-100, #8cc882); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:max-w-3xl { - max-width: 48rem; + .\32xl\:from-Success-success\ -200 { + --tw-gradient-from: var(--success-success-200, #add8a6); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:max-w-4xl { - max-width: 56rem; + .\32xl\:from-Success-success\ -300 { + --tw-gradient-from: var(--success-success-300, #66a25c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:max-w-5xl { - max-width: 64rem; + .\32xl\:from-Success-success\ -400 { + --tw-gradient-from: var(--success-success-400, #6d9766); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:max-w-6xl { - max-width: 72rem; + .\32xl\:from-Success-success\ -500 { + --tw-gradient-from: var(--success-success-500, #529f45); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:max-w-7xl { - max-width: 80rem; + .\32xl\:from-Success-success\ -600 { + --tw-gradient-from: var(--success-success-600, #407c36); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:max-w-full { - max-width: 100%; + .\32xl\:from-Error-error { + --tw-gradient-from: var(--error-error, #f03d3e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:max-w-min { - max-width: -moz-min-content; - max-width: min-content; + .\32xl\:from-Error-error-100 { + --tw-gradient-from: var(--error-error-100, #f57778); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:max-w-max { - max-width: -moz-max-content; - max-width: max-content; + .\32xl\:from-Error-error-200 { + --tw-gradient-from: var(--error-error-200, #f89e9e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:max-w-prose { - max-width: 65ch; + .\32xl\:from-Error-error-250 { + --tw-gradient-from: var(--error-error-250, #f9c8c8); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:max-w-screen-sm { - max-width: 640px; + .\32xl\:from-Error-error-300 { + --tw-gradient-from: var(--error-error-300, #ce5151); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:max-w-screen-md { - max-width: 768px; + .\32xl\:from-Error-error-400 { + --tw-gradient-from: var(--error-error-400, #b85e5e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:max-w-screen-lg { - max-width: 1024px; + .\32xl\:from-Error-error-500 { + --tw-gradient-from: var(--error-error-500, #d83738); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:max-w-screen-xl { - max-width: 1280px; + .\32xl\:from-Error-error-600 { + --tw-gradient-from: var(--error-error-600, #a82b2b); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:max-w-screen-2xl { - max-width: 1536px; + .\32xl\:from-Error-error-700 { + --tw-gradient-from: var(--error-error-700, #601819); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:flex-1 { - flex: 1 1 0%; + .\32xl\:hover\:from-colors-black:hover { + --tw-gradient-from: var(--colors-black, #000000); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:flex-auto { - flex: 1 1 auto; + .\32xl\:hover\:from-colors-white:hover { + --tw-gradient-from: var(--colors-white, #ffffff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:flex-initial { - flex: 0 1 auto; + .\32xl\:hover\:from-colors-gray-100:hover { + --tw-gradient-from: var(--colors-gray-100, #f7fafc); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:flex-none { - flex: none; + .\32xl\:hover\:from-colors-gray-200:hover { + --tw-gradient-from: var(--colors-gray-200, #edf2f7); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:flex-shrink-0 { - flex-shrink: 0; + .\32xl\:hover\:from-colors-gray-300:hover { + --tw-gradient-from: var(--colors-gray-300, #e2e8f0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:flex-shrink { - flex-shrink: 1; + .\32xl\:hover\:from-colors-gray-400:hover { + --tw-gradient-from: var(--colors-gray-400, #cbd5e0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:flex-grow-0 { - flex-grow: 0; + .\32xl\:hover\:from-colors-gray-500:hover { + --tw-gradient-from: var(--colors-gray-500, #a0aec0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:flex-grow { - flex-grow: 1; + .\32xl\:hover\:from-colors-gray-600:hover { + --tw-gradient-from: var(--colors-gray-600, #718096); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:table-auto { - table-layout: auto; + .\32xl\:hover\:from-colors-gray-700:hover { + --tw-gradient-from: var(--colors-gray-700, #4a5568); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:table-fixed { - table-layout: fixed; + .\32xl\:hover\:from-colors-gray-800:hover { + --tw-gradient-from: var(--colors-gray-800, #2d3748); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:border-collapse { - border-collapse: collapse; + .\32xl\:hover\:from-colors-gray-900:hover { + --tw-gradient-from: var(--colors-gray-900, #1a202c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:border-separate { - border-collapse: separate; + .\32xl\:hover\:from-colors-red-100:hover { + --tw-gradient-from: var(--colors-red-100, #fff5f5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:origin-center { - transform-origin: center; + .\32xl\:hover\:from-colors-red-200:hover { + --tw-gradient-from: var(--colors-red-200, #fed7d7); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:origin-top { - transform-origin: top; + .\32xl\:hover\:from-colors-red-300:hover { + --tw-gradient-from: var(--colors-red-300, #feb2b2); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:origin-top-right { - transform-origin: top right; + .\32xl\:hover\:from-colors-red-400:hover { + --tw-gradient-from: var(--colors-red-400, #fc8181); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:origin-right { - transform-origin: right; + .\32xl\:hover\:from-colors-red-500:hover { + --tw-gradient-from: var(--colors-red-500, #f56565); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:origin-bottom-right { - transform-origin: bottom right; + .\32xl\:hover\:from-colors-red-600:hover { + --tw-gradient-from: var(--colors-red-600, #e53e3e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:origin-bottom { - transform-origin: bottom; + .\32xl\:hover\:from-colors-red-700:hover { + --tw-gradient-from: var(--colors-red-700, #c53030); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:origin-bottom-left { - transform-origin: bottom left; + .\32xl\:hover\:from-colors-red-800:hover { + --tw-gradient-from: var(--colors-red-800, #9b2c2c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:origin-left { - transform-origin: left; + .\32xl\:hover\:from-colors-red-900:hover { + --tw-gradient-from: var(--colors-red-900, #742a2a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:origin-top-left { - transform-origin: top left; + .\32xl\:hover\:from-colors-orange-100:hover { + --tw-gradient-from: var(--colors-orange-100, #fffaf0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:transform { - --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; - transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); + .\32xl\:hover\:from-colors-orange-200:hover { + --tw-gradient-from: var(--colors-orange-200, #feebc8); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:transform-gpu { - --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; - transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); + .\32xl\:hover\:from-colors-orange-300:hover { + --tw-gradient-from: var(--colors-orange-300, #fbd38d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:transform-none { - transform: none; + .\32xl\:hover\:from-colors-orange-400:hover { + --tw-gradient-from: var(--colors-orange-400, #f6ad55); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-x-0 { - --tw-translate-x: 0px; + .\32xl\:hover\:from-colors-orange-500:hover { + --tw-gradient-from: var(--colors-orange-500, #ed8936); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-x-1 { - --tw-translate-x: 0.25rem; + .\32xl\:hover\:from-colors-orange-600:hover { + --tw-gradient-from: var(--colors-orange-600, #dd6b20); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-x-2 { - --tw-translate-x: 0.5rem; + .\32xl\:hover\:from-colors-orange-700:hover { + --tw-gradient-from: var(--colors-orange-700, #c05621); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-x-3 { - --tw-translate-x: 0.75rem; + .\32xl\:hover\:from-colors-orange-800:hover { + --tw-gradient-from: var(--colors-orange-800, #9c4221); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-x-4 { - --tw-translate-x: 1rem; + .\32xl\:hover\:from-colors-orange-900:hover { + --tw-gradient-from: var(--colors-orange-900, #7b341e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-x-5 { - --tw-translate-x: 1.25rem; + .\32xl\:hover\:from-colors-yellow-100:hover { + --tw-gradient-from: var(--colors-yellow-100, #fffff0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-x-6 { - --tw-translate-x: 1.5rem; + .\32xl\:hover\:from-colors-yellow-200:hover { + --tw-gradient-from: var(--colors-yellow-200, #fefcbf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-x-7 { - --tw-translate-x: 1.75rem; + .\32xl\:hover\:from-colors-yellow-300:hover { + --tw-gradient-from: var(--colors-yellow-300, #faf089); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-x-8 { - --tw-translate-x: 2rem; + .\32xl\:hover\:from-colors-yellow-400:hover { + --tw-gradient-from: var(--colors-yellow-400, #f6e05e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-x-9 { - --tw-translate-x: 2.25rem; + .\32xl\:hover\:from-colors-yellow-500:hover { + --tw-gradient-from: var(--colors-yellow-500, #ecc94b); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-x-10 { - --tw-translate-x: 2.5rem; + .\32xl\:hover\:from-colors-yellow-600:hover { + --tw-gradient-from: var(--colors-yellow-600, #d69e2e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-x-11 { - --tw-translate-x: 2.75rem; + .\32xl\:hover\:from-colors-yellow-700:hover { + --tw-gradient-from: var(--colors-yellow-700, #b7791f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-x-12 { - --tw-translate-x: 3rem; + .\32xl\:hover\:from-colors-yellow-800:hover { + --tw-gradient-from: var(--colors-yellow-800, #975a16); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-x-14 { - --tw-translate-x: 3.5rem; + .\32xl\:hover\:from-colors-yellow-900:hover { + --tw-gradient-from: var(--colors-yellow-900, #744210); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-x-16 { - --tw-translate-x: 4rem; + .\32xl\:hover\:from-colors-green-100:hover { + --tw-gradient-from: var(--colors-green-100, #f0fff4); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-x-20 { - --tw-translate-x: 5rem; + .\32xl\:hover\:from-colors-green-200:hover { + --tw-gradient-from: var(--colors-green-200, #c6f6d5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-x-24 { - --tw-translate-x: 6rem; + .\32xl\:hover\:from-colors-green-300:hover { + --tw-gradient-from: var(--colors-green-300, #9ae6b4); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-x-28 { - --tw-translate-x: 7rem; + .\32xl\:hover\:from-colors-green-400:hover { + --tw-gradient-from: var(--colors-green-400, #68d391); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-x-32 { - --tw-translate-x: 8rem; + .\32xl\:hover\:from-colors-green-500:hover { + --tw-gradient-from: var(--colors-green-500, #48bb78); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-x-36 { - --tw-translate-x: 9rem; + .\32xl\:hover\:from-colors-green-600:hover { + --tw-gradient-from: var(--colors-green-600, #38a169); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-x-40 { - --tw-translate-x: 10rem; + .\32xl\:hover\:from-colors-green-700:hover { + --tw-gradient-from: var(--colors-green-700, #2f855a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-x-44 { - --tw-translate-x: 11rem; + .\32xl\:hover\:from-colors-green-800:hover { + --tw-gradient-from: var(--colors-green-800, #276749); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-x-48 { - --tw-translate-x: 12rem; + .\32xl\:hover\:from-colors-green-900:hover { + --tw-gradient-from: var(--colors-green-900, #22543d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-x-52 { - --tw-translate-x: 13rem; + .\32xl\:hover\:from-colors-teal-100:hover { + --tw-gradient-from: var(--colors-teal-100, #e6fffa); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-x-56 { - --tw-translate-x: 14rem; + .\32xl\:hover\:from-colors-teal-200:hover { + --tw-gradient-from: var(--colors-teal-200, #b2f5ea); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-x-60 { - --tw-translate-x: 15rem; + .\32xl\:hover\:from-colors-teal-300:hover { + --tw-gradient-from: var(--colors-teal-300, #81e6d9); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-x-64 { - --tw-translate-x: 16rem; + .\32xl\:hover\:from-colors-teal-400:hover { + --tw-gradient-from: var(--colors-teal-400, #4fd1c5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-x-72 { - --tw-translate-x: 18rem; + .\32xl\:hover\:from-colors-teal-500:hover { + --tw-gradient-from: var(--colors-teal-500, #38b2ac); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-x-80 { - --tw-translate-x: 20rem; + .\32xl\:hover\:from-colors-teal-600:hover { + --tw-gradient-from: var(--colors-teal-600, #319795); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-x-96 { - --tw-translate-x: 24rem; + .\32xl\:hover\:from-colors-teal-700:hover { + --tw-gradient-from: var(--colors-teal-700, #2c7a7b); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-x-px { - --tw-translate-x: 1px; + .\32xl\:hover\:from-colors-teal-800:hover { + --tw-gradient-from: var(--colors-teal-800, #285e61); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-x-0\.5 { - --tw-translate-x: 0.125rem; + .\32xl\:hover\:from-colors-teal-900:hover { + --tw-gradient-from: var(--colors-teal-900, #234e52); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-x-1\.5 { - --tw-translate-x: 0.375rem; + .\32xl\:hover\:from-colors-blue-100:hover { + --tw-gradient-from: var(--colors-blue-100, #ebf8ff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-x-2\.5 { - --tw-translate-x: 0.625rem; + .\32xl\:hover\:from-colors-blue-200:hover { + --tw-gradient-from: var(--colors-blue-200, #bee3f8); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-x-3\.5 { - --tw-translate-x: 0.875rem; + .\32xl\:hover\:from-colors-blue-300:hover { + --tw-gradient-from: var(--colors-blue-300, #90cdf4); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-x-0 { - --tw-translate-x: 0px; + .\32xl\:hover\:from-colors-blue-400:hover { + --tw-gradient-from: var(--colors-blue-400, #63b3ed); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-x-1 { - --tw-translate-x: -0.25rem; + .\32xl\:hover\:from-colors-blue-500:hover { + --tw-gradient-from: var(--colors-blue-500, #4299e1); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-x-2 { - --tw-translate-x: -0.5rem; + .\32xl\:hover\:from-colors-blue-600:hover { + --tw-gradient-from: var(--colors-blue-600, #3182ce); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-x-3 { - --tw-translate-x: -0.75rem; + .\32xl\:hover\:from-colors-blue-700:hover { + --tw-gradient-from: var(--colors-blue-700, #2b6cb0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-x-4 { - --tw-translate-x: -1rem; + .\32xl\:hover\:from-colors-blue-800:hover { + --tw-gradient-from: var(--colors-blue-800, #2c5282); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-x-5 { - --tw-translate-x: -1.25rem; + .\32xl\:hover\:from-colors-blue-900:hover { + --tw-gradient-from: var(--colors-blue-900, #2a4365); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-x-6 { - --tw-translate-x: -1.5rem; + .\32xl\:hover\:from-colors-indigo-100:hover { + --tw-gradient-from: var(--colors-indigo-100, #ebf4ff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-x-7 { - --tw-translate-x: -1.75rem; + .\32xl\:hover\:from-colors-indigo-200:hover { + --tw-gradient-from: var(--colors-indigo-200, #c3dafe); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-x-8 { - --tw-translate-x: -2rem; + .\32xl\:hover\:from-colors-indigo-300:hover { + --tw-gradient-from: var(--colors-indigo-300, #a3bffa); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-x-9 { - --tw-translate-x: -2.25rem; + .\32xl\:hover\:from-colors-indigo-400:hover { + --tw-gradient-from: var(--colors-indigo-400, #7f9cf5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-x-10 { - --tw-translate-x: -2.5rem; + .\32xl\:hover\:from-colors-indigo-500:hover { + --tw-gradient-from: var(--colors-indigo-500, #667eea); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-x-11 { - --tw-translate-x: -2.75rem; + .\32xl\:hover\:from-colors-indigo-600:hover { + --tw-gradient-from: var(--colors-indigo-600, #5a67d8); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-x-12 { - --tw-translate-x: -3rem; + .\32xl\:hover\:from-colors-indigo-700:hover { + --tw-gradient-from: var(--colors-indigo-700, #4c51bf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-x-14 { - --tw-translate-x: -3.5rem; + .\32xl\:hover\:from-colors-indigo-800:hover { + --tw-gradient-from: var(--colors-indigo-800, #434190); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-x-16 { - --tw-translate-x: -4rem; + .\32xl\:hover\:from-colors-indigo-900:hover { + --tw-gradient-from: var(--colors-indigo-900, #3c366b); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-x-20 { - --tw-translate-x: -5rem; + .\32xl\:hover\:from-colors-purple-100:hover { + --tw-gradient-from: var(--colors-purple-100, #faf5ff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-x-24 { - --tw-translate-x: -6rem; + .\32xl\:hover\:from-colors-purple-200:hover { + --tw-gradient-from: var(--colors-purple-200, #e9d8fd); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-x-28 { - --tw-translate-x: -7rem; + .\32xl\:hover\:from-colors-purple-300:hover { + --tw-gradient-from: var(--colors-purple-300, #d6bcfa); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-x-32 { - --tw-translate-x: -8rem; + .\32xl\:hover\:from-colors-purple-400:hover { + --tw-gradient-from: var(--colors-purple-400, #b794f4); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-x-36 { - --tw-translate-x: -9rem; + .\32xl\:hover\:from-colors-purple-500:hover { + --tw-gradient-from: var(--colors-purple-500, #9f7aea); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-x-40 { - --tw-translate-x: -10rem; + .\32xl\:hover\:from-colors-purple-600:hover { + --tw-gradient-from: var(--colors-purple-600, #805ad5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-x-44 { - --tw-translate-x: -11rem; + .\32xl\:hover\:from-colors-purple-700:hover { + --tw-gradient-from: var(--colors-purple-700, #6b46c1); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-x-48 { - --tw-translate-x: -12rem; + .\32xl\:hover\:from-colors-purple-800:hover { + --tw-gradient-from: var(--colors-purple-800, #553c9a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-x-52 { - --tw-translate-x: -13rem; + .\32xl\:hover\:from-colors-purple-900:hover { + --tw-gradient-from: var(--colors-purple-900, #44337a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-x-56 { - --tw-translate-x: -14rem; + .\32xl\:hover\:from-colors-pink-100:hover { + --tw-gradient-from: var(--colors-pink-100, #fff5f7); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-x-60 { - --tw-translate-x: -15rem; + .\32xl\:hover\:from-colors-pink-200:hover { + --tw-gradient-from: var(--colors-pink-200, #fed7e2); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-x-64 { - --tw-translate-x: -16rem; + .\32xl\:hover\:from-colors-pink-300:hover { + --tw-gradient-from: var(--colors-pink-300, #fbb6ce); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-x-72 { - --tw-translate-x: -18rem; + .\32xl\:hover\:from-colors-pink-400:hover { + --tw-gradient-from: var(--colors-pink-400, #f687b3); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-x-80 { - --tw-translate-x: -20rem; + .\32xl\:hover\:from-colors-pink-500:hover { + --tw-gradient-from: var(--colors-pink-500, #ed64a6); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-x-96 { - --tw-translate-x: -24rem; + .\32xl\:hover\:from-colors-pink-600:hover { + --tw-gradient-from: var(--colors-pink-600, #d53f8c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-x-px { - --tw-translate-x: -1px; + .\32xl\:hover\:from-colors-pink-700:hover { + --tw-gradient-from: var(--colors-pink-700, #b83280); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-x-0\.5 { - --tw-translate-x: -0.125rem; + .\32xl\:hover\:from-colors-pink-800:hover { + --tw-gradient-from: var(--colors-pink-800, #97266d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-x-1\.5 { - --tw-translate-x: -0.375rem; + .\32xl\:hover\:from-colors-pink-900:hover { + --tw-gradient-from: var(--colors-pink-900, #702459); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-x-2\.5 { - --tw-translate-x: -0.625rem; + .\32xl\:hover\:from-Box\ Shadow:hover { + --tw-gradient-from: var(--box-shadow, #7f7e7f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-x-3\.5 { - --tw-translate-x: -0.875rem; + .\32xl\:hover\:from-Error16:hover { + --tw-gradient-from: var(--error16, #f03d3e40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-x-1\/2 { - --tw-translate-x: 50%; + .\32xl\:hover\:from-Success16:hover { + --tw-gradient-from: var(--success16, #5bb14d40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-x-1\/3 { - --tw-translate-x: 33.333333%; + .\32xl\:hover\:from-Notification16:hover { + --tw-gradient-from: var(--notification16, #3959ff40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-x-2\/3 { - --tw-translate-x: 66.666667%; + .\32xl\:hover\:from-Error8:hover { + --tw-gradient-from: var(--error8, #f03d3e1a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-x-1\/4 { - --tw-translate-x: 25%; + .\32xl\:hover\:from-Notification8:hover { + --tw-gradient-from: var(--notification8, #3959ff1a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-x-2\/4 { - --tw-translate-x: 50%; + .\32xl\:hover\:from-Success8:hover { + --tw-gradient-from: var(--success8, #5bb14d1a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-x-3\/4 { - --tw-translate-x: 75%; + .\32xl\:hover\:from-Light\ -\ Overlay:hover { + --tw-gradient-from: var(--light-overlay, #f0edee66); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-x-full { - --tw-translate-x: 100%; + .\32xl\:hover\:from-Dark-\ Overlay:hover { + --tw-gradient-from: var(--dark-overlay, #7f7e7f66); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-x-1\/2 { - --tw-translate-x: -50%; + .\32xl\:hover\:from-black-40:hover { + --tw-gradient-from: var(--black-40, #00000066); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-x-1\/3 { - --tw-translate-x: -33.333333%; + .\32xl\:hover\:from-black-75:hover { + --tw-gradient-from: var(--black-75, #000000bf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-x-2\/3 { - --tw-translate-x: -66.666667%; + .\32xl\:hover\:from-black-60:hover { + --tw-gradient-from: var(--black-60, #00000099); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-x-1\/4 { - --tw-translate-x: -25%; + .\32xl\:hover\:from-black-50:hover { + --tw-gradient-from: var(--black-50, #00000080); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-x-2\/4 { - --tw-translate-x: -50%; + .\32xl\:hover\:from-black-25:hover { + --tw-gradient-from: var(--black-25, #00000040); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-x-3\/4 { - --tw-translate-x: -75%; + .\32xl\:hover\:from-black-10:hover { + --tw-gradient-from: var(--black-10, #0000001a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-x-full { - --tw-translate-x: -100%; + .\32xl\:hover\:from-white-25:hover { + --tw-gradient-from: var(--white-25, #ffffff40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-y-0 { - --tw-translate-y: 0px; + .\32xl\:hover\:from-white-60:hover { + --tw-gradient-from: var(--white-60, #ffffff99); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-y-1 { - --tw-translate-y: 0.25rem; + .\32xl\:hover\:from-black-64:hover { + --tw-gradient-from: var(--black-64, #000000a3); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-y-2 { - --tw-translate-y: 0.5rem; + .\32xl\:hover\:from-Shadow\ and\ Highlight-Shadow:hover { + --tw-gradient-from: var(--shadow-and-highlight-shadow, #7f7e7f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-y-3 { - --tw-translate-y: 0.75rem; + .\32xl\:hover\:from-Shadow\ and\ Highlight-Highlight:hover { + --tw-gradient-from: var(--shadow-and-highlight-highlight, #474747); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-y-4 { - --tw-translate-y: 1rem; + .\32xl\:hover\:from-Shadow\ and\ Highlight-highlight\ one:hover { + --tw-gradient-from: var(--shadow-and-highlight-highlight-one, #474747bf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-y-5 { - --tw-translate-y: 1.25rem; + .\32xl\:hover\:from-Shadow\ and\ Highlight-highlight\ two:hover { + --tw-gradient-from: var(--shadow-and-highlight-highlight-two, #47474799); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-y-6 { - --tw-translate-y: 1.5rem; + .\32xl\:hover\:from-Shadow\ and\ Highlight-highlight\ three:hover { + --tw-gradient-from: var(--shadow-and-highlight-highlight-three, #47474766); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-y-7 { - --tw-translate-y: 1.75rem; + .\32xl\:hover\:from-Shadow\ and\ Highlight-highlight\ five:hover { + --tw-gradient-from: var(--shadow-and-highlight-highlight-five, #4747471a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-y-8 { - --tw-translate-y: 2rem; + .\32xl\:hover\:from-Shadow\ and\ Highlight-shadow\ one:hover { + --tw-gradient-from: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-y-9 { - --tw-translate-y: 2.25rem; + .\32xl\:hover\:from-Shadow\ and\ Highlight-shadow\ two:hover { + --tw-gradient-from: var(--shadow-and-highlight-shadow-two, #7f7e7f99); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-y-10 { - --tw-translate-y: 2.5rem; + .\32xl\:hover\:from-Shadow\ and\ Highlight-shadow\ three:hover { + --tw-gradient-from: var(--shadow-and-highlight-shadow-three, #7f7e7f66); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-y-11 { - --tw-translate-y: 2.75rem; + .\32xl\:hover\:from-Shadow\ and\ Highlight-shadow\ four:hover { + --tw-gradient-from: var(--shadow-and-highlight-shadow-four, #7f7e7f40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-y-12 { - --tw-translate-y: 3rem; + .\32xl\:hover\:from-Shadow\ and\ Highlight-shadow\ five:hover { + --tw-gradient-from: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-y-14 { - --tw-translate-y: 3.5rem; + .\32xl\:hover\:from-Shadow\ and\ Highlight-highlight\ four:hover { + --tw-gradient-from: var(--shadow-and-highlight-highlight-four, #47474740); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-y-16 { - --tw-translate-y: 4rem; + .\32xl\:hover\:from-Base\ Layer\ Styles-Base\ Layer-\ Light-White:hover { + --tw-gradient-from: var(--base-layer-styles-base-layer-light-white, #ffffff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-y-20 { - --tw-translate-y: 5rem; + .\32xl\:hover\:from-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:hover { + --tw-gradient-from: var(--base-layer-styles-base-layer-light-off-white, #f0edee); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-y-24 { - --tw-translate-y: 6rem; + .\32xl\:hover\:from-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:hover { + --tw-gradient-from: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-y-28 { - --tw-translate-y: 7rem; + .\32xl\:hover\:from-Base\ Layer\ Styles-Base\ Layer-Dark-Black:hover { + --tw-gradient-from: var(--base-layer-styles-base-layer-dark-black, #000000); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-y-32 { - --tw-translate-y: 8rem; + .\32xl\:hover\:from-Grey-Scale-white:hover { + --tw-gradient-from: var(--grey-scale-white, #ffffff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-y-36 { - --tw-translate-y: 9rem; + .\32xl\:hover\:from-Grey-Scale-off-white:hover { + --tw-gradient-from: var(--grey-scale-off-white, #f0edee); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-y-40 { - --tw-translate-y: 10rem; + .\32xl\:hover\:from-Grey\ Scale-grey:hover { + --tw-gradient-from: var(--grey-scale-grey, #7f7e7f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-y-44 { - --tw-translate-y: 11rem; + .\32xl\:hover\:from-Grey\ Scale-charcoal:hover { + --tw-gradient-from: var(--grey-scale-charcoal, #474747); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-y-48 { - --tw-translate-y: 12rem; + .\32xl\:hover\:from-Grey\ Scale-off-black:hover { + --tw-gradient-from: var(--grey-scale-off-black, #1c1c1c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-y-52 { - --tw-translate-y: 13rem; + .\32xl\:hover\:from-Grey\ Scale-black:hover { + --tw-gradient-from: var(--grey-scale-black, #000000); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-y-56 { - --tw-translate-y: 14rem; + .\32xl\:hover\:from-Blue-blue:hover { + --tw-gradient-from: var(--blue-blue, #3a7ca5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-y-60 { - --tw-translate-y: 15rem; + .\32xl\:hover\:from-Blue-blue-100:hover { + --tw-gradient-from: var(--blue-blue-100, #75a3c0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-y-64 { - --tw-translate-y: 16rem; + .\32xl\:hover\:from-Blue-blue-200:hover { + --tw-gradient-from: var(--blue-blue-200, #9cbed2); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-y-72 { - --tw-translate-y: 18rem; + .\32xl\:hover\:from-Blue-blue-300:hover { + --tw-gradient-from: var(--blue-blue-300, #4f7d9a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-y-80 { - --tw-translate-y: 20rem; + .\32xl\:hover\:from-Blue-blue-400:hover { + --tw-gradient-from: var(--blue-blue-400, #5c7d92); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-y-96 { - --tw-translate-y: 24rem; + .\32xl\:hover\:from-Blue-blue-500:hover { + --tw-gradient-from: var(--blue-blue-500, #347095); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-y-px { - --tw-translate-y: 1px; + .\32xl\:hover\:from-Blue-blue-600:hover { + --tw-gradient-from: var(--blue-blue-600, #295774); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-y-0\.5 { - --tw-translate-y: 0.125rem; + .\32xl\:hover\:from-Blue-blue-700:hover { + --tw-gradient-from: var(--blue-blue-700, #173242); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-y-1\.5 { - --tw-translate-y: 0.375rem; + .\32xl\:hover\:from-LightBlue-lightblue:hover { + --tw-gradient-from: var(--light-blue-lightblue, #81c3d7); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-y-2\.5 { - --tw-translate-y: 0.625rem; + .\32xl\:hover\:from-LightBlue-lightblue-100:hover { + --tw-gradient-from: var(--light-blue-lightblue-100, #a7d5e3); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-y-3\.5 { - --tw-translate-y: 0.875rem; + .\32xl\:hover\:from-LightBlue-lightblue-200:hover { + --tw-gradient-from: var(--light-blue-lightblue-200, #c0e1eb); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-y-0 { - --tw-translate-y: 0px; + .\32xl\:hover\:from-LightBlue-lightblue-300:hover { + --tw-gradient-from: var(--light-blue-lightblue-300, #80aebd); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-y-1 { - --tw-translate-y: -0.25rem; + .\32xl\:hover\:from-LightBlue-lightblue-400:hover { + --tw-gradient-from: var(--light-blue-lightblue-400, #80a0ab); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-y-2 { - --tw-translate-y: -0.5rem; + .\32xl\:hover\:from-LightBlue-lightblue-500:hover { + --tw-gradient-from: var(--light-blue-lightblue-500, #74afc1); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-y-3 { - --tw-translate-y: -0.75rem; + .\32xl\:hover\:from-LightBlue-lightblue-600:hover { + --tw-gradient-from: var(--light-blue-lightblue-600, #5a8997); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-y-4 { - --tw-translate-y: -1rem; + .\32xl\:hover\:from-LightBlue-lightblue-650:hover { + --tw-gradient-from: var(--light-blue-lightblue-650, #3e5e65); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-y-5 { - --tw-translate-y: -1.25rem; + .\32xl\:hover\:from-LightBlue-lightblue-700:hover { + --tw-gradient-from: var(--light-blue-lightblue-700, #344e56); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-y-6 { - --tw-translate-y: -1.5rem; + .\32xl\:hover\:from-Orange-orange:hover { + --tw-gradient-from: var(--orange-orange, #ff7f0e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-y-7 { - --tw-translate-y: -1.75rem; + .\32xl\:hover\:from-Orange-orange-100:hover { + --tw-gradient-from: var(--orange-orange-100, #ffa556); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-y-8 { - --tw-translate-y: -2rem; + .\32xl\:hover\:from-Orange-orange-200:hover { + --tw-gradient-from: var(--orange-orange-200, #ffbf86); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-y-9 { - --tw-translate-y: -2.25rem; + .\32xl\:hover\:from-Orange-orange-300:hover { + --tw-gradient-from: var(--orange-orange-300, #d97f30); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-y-10 { - --tw-translate-y: -2.5rem; + .\32xl\:hover\:from-Orange-orange-400:hover { + --tw-gradient-from: var(--orange-orange-400, #bf7e46); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-y-11 { - --tw-translate-y: -2.75rem; + .\32xl\:hover\:from-Orange-orange-500:hover { + --tw-gradient-from: var(--orange-orange-500, #e5720d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-y-12 { - --tw-translate-y: -3rem; + .\32xl\:hover\:from-Orange-orange-600:hover { + --tw-gradient-from: var(--orange-orange-600, #b3590a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-y-14 { - --tw-translate-y: -3.5rem; + .\32xl\:hover\:from-Orange-orange-700:hover { + --tw-gradient-from: var(--orange-orange-700, #663306); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-y-16 { - --tw-translate-y: -4rem; + .\32xl\:hover\:from-Yellow-yellow:hover { + --tw-gradient-from: var(--yellow-yellow, #ffab00); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-y-20 { - --tw-translate-y: -5rem; + .\32xl\:hover\:from-Yellow-yellow-100:hover { + --tw-gradient-from: var(--yellow-yellow-100, #ffc44c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-y-24 { - --tw-translate-y: -6rem; + .\32xl\:hover\:from-Yellow-yellow-200:hover { + --tw-gradient-from: var(--yellow-yellow-200, #ffd580); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-y-28 { - --tw-translate-y: -7rem; + .\32xl\:hover\:from-Yellow-yellow-300:hover { + --tw-gradient-from: var(--yellow-yellow-300, #d99d26); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-y-32 { - --tw-translate-y: -8rem; + .\32xl\:hover\:from-Yellow-yellow-400:hover { + --tw-gradient-from: var(--yellow-yellow-400, #bf943f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-y-36 { - --tw-translate-y: -9rem; + .\32xl\:hover\:from-Yellow-yellow-500:hover { + --tw-gradient-from: var(--yellow-yellow-500, #e59a00); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-y-40 { - --tw-translate-y: -10rem; + .\32xl\:hover\:from-Yellow-yellow-600:hover { + --tw-gradient-from: var(--yellow-yellow-600, #b37800); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-y-44 { - --tw-translate-y: -11rem; + .\32xl\:hover\:from-Yellow-yellow-700:hover { + --tw-gradient-from: var(--yellow-yellow-700, #664400); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-y-48 { - --tw-translate-y: -12rem; + .\32xl\:hover\:from-Notification-notification:hover { + --tw-gradient-from: var(--notification-notification, #3959ff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-y-52 { - --tw-translate-y: -13rem; + .\32xl\:hover\:from-Notification-notification-100:hover { + --tw-gradient-from: var(--notification-notification-100, #748bff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-y-56 { - --tw-translate-y: -14rem; + .\32xl\:hover\:from-Notification-notification-200:hover { + --tw-gradient-from: var(--notification-notification-200, #9cacff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-y-60 { - --tw-translate-y: -15rem; + .\32xl\:hover\:from-Notification-notification-300:hover { + --tw-gradient-from: var(--notification-notification-300, #4e64d9); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-y-64 { - --tw-translate-y: -16rem; + .\32xl\:hover\:from-Notification-notification-400:hover { + --tw-gradient-from: var(--notification-notification-400, #5c6cbf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-y-72 { - --tw-translate-y: -18rem; + .\32xl\:hover\:from-Notification-notification-500:hover { + --tw-gradient-from: var(--notification-notification-500, #3350e5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-y-80 { - --tw-translate-y: -20rem; + .\32xl\:hover\:from-Notification-notification-600:hover { + --tw-gradient-from: var(--notification-notification-600, #283eb3); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-y-96 { - --tw-translate-y: -24rem; + .\32xl\:hover\:from-Notification-notification-700:hover { + --tw-gradient-from: var(--notification-notification-700, #172466); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-y-px { - --tw-translate-y: -1px; + .\32xl\:hover\:from-Success-success\ -700:hover { + --tw-gradient-from: var(--success-success-700, #24471f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-y-0\.5 { - --tw-translate-y: -0.125rem; + .\32xl\:hover\:from-Success-success:hover { + --tw-gradient-from: var(--success-success, #5bb14d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-y-1\.5 { - --tw-translate-y: -0.375rem; + .\32xl\:hover\:from-Success-success\ -100:hover { + --tw-gradient-from: var(--success-success-100, #8cc882); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-y-2\.5 { - --tw-translate-y: -0.625rem; + .\32xl\:hover\:from-Success-success\ -200:hover { + --tw-gradient-from: var(--success-success-200, #add8a6); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-y-3\.5 { - --tw-translate-y: -0.875rem; + .\32xl\:hover\:from-Success-success\ -300:hover { + --tw-gradient-from: var(--success-success-300, #66a25c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-y-1\/2 { - --tw-translate-y: 50%; + .\32xl\:hover\:from-Success-success\ -400:hover { + --tw-gradient-from: var(--success-success-400, #6d9766); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-y-1\/3 { - --tw-translate-y: 33.333333%; + .\32xl\:hover\:from-Success-success\ -500:hover { + --tw-gradient-from: var(--success-success-500, #529f45); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-y-2\/3 { - --tw-translate-y: 66.666667%; + .\32xl\:hover\:from-Success-success\ -600:hover { + --tw-gradient-from: var(--success-success-600, #407c36); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-y-1\/4 { - --tw-translate-y: 25%; + .\32xl\:hover\:from-Error-error:hover { + --tw-gradient-from: var(--error-error, #f03d3e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-y-2\/4 { - --tw-translate-y: 50%; + .\32xl\:hover\:from-Error-error-100:hover { + --tw-gradient-from: var(--error-error-100, #f57778); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-y-3\/4 { - --tw-translate-y: 75%; + .\32xl\:hover\:from-Error-error-200:hover { + --tw-gradient-from: var(--error-error-200, #f89e9e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:translate-y-full { - --tw-translate-y: 100%; + .\32xl\:hover\:from-Error-error-250:hover { + --tw-gradient-from: var(--error-error-250, #f9c8c8); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-y-1\/2 { - --tw-translate-y: -50%; + .\32xl\:hover\:from-Error-error-300:hover { + --tw-gradient-from: var(--error-error-300, #ce5151); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-y-1\/3 { - --tw-translate-y: -33.333333%; + .\32xl\:hover\:from-Error-error-400:hover { + --tw-gradient-from: var(--error-error-400, #b85e5e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-y-2\/3 { - --tw-translate-y: -66.666667%; + .\32xl\:hover\:from-Error-error-500:hover { + --tw-gradient-from: var(--error-error-500, #d83738); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-y-1\/4 { - --tw-translate-y: -25%; + .\32xl\:hover\:from-Error-error-600:hover { + --tw-gradient-from: var(--error-error-600, #a82b2b); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-y-2\/4 { - --tw-translate-y: -50%; + .\32xl\:hover\:from-Error-error-700:hover { + --tw-gradient-from: var(--error-error-700, #601819); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-y-3\/4 { - --tw-translate-y: -75%; + .\32xl\:focus\:from-colors-black:focus { + --tw-gradient-from: var(--colors-black, #000000); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-translate-y-full { - --tw-translate-y: -100%; + .\32xl\:focus\:from-colors-white:focus { + --tw-gradient-from: var(--colors-white, #ffffff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-x-0:hover { - --tw-translate-x: 0px; + .\32xl\:focus\:from-colors-gray-100:focus { + --tw-gradient-from: var(--colors-gray-100, #f7fafc); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-x-1:hover { - --tw-translate-x: 0.25rem; + .\32xl\:focus\:from-colors-gray-200:focus { + --tw-gradient-from: var(--colors-gray-200, #edf2f7); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-x-2:hover { - --tw-translate-x: 0.5rem; + .\32xl\:focus\:from-colors-gray-300:focus { + --tw-gradient-from: var(--colors-gray-300, #e2e8f0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-x-3:hover { - --tw-translate-x: 0.75rem; + .\32xl\:focus\:from-colors-gray-400:focus { + --tw-gradient-from: var(--colors-gray-400, #cbd5e0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-x-4:hover { - --tw-translate-x: 1rem; + .\32xl\:focus\:from-colors-gray-500:focus { + --tw-gradient-from: var(--colors-gray-500, #a0aec0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-x-5:hover { - --tw-translate-x: 1.25rem; + .\32xl\:focus\:from-colors-gray-600:focus { + --tw-gradient-from: var(--colors-gray-600, #718096); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-x-6:hover { - --tw-translate-x: 1.5rem; + .\32xl\:focus\:from-colors-gray-700:focus { + --tw-gradient-from: var(--colors-gray-700, #4a5568); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-x-7:hover { - --tw-translate-x: 1.75rem; + .\32xl\:focus\:from-colors-gray-800:focus { + --tw-gradient-from: var(--colors-gray-800, #2d3748); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-x-8:hover { - --tw-translate-x: 2rem; + .\32xl\:focus\:from-colors-gray-900:focus { + --tw-gradient-from: var(--colors-gray-900, #1a202c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-x-9:hover { - --tw-translate-x: 2.25rem; + .\32xl\:focus\:from-colors-red-100:focus { + --tw-gradient-from: var(--colors-red-100, #fff5f5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-x-10:hover { - --tw-translate-x: 2.5rem; + .\32xl\:focus\:from-colors-red-200:focus { + --tw-gradient-from: var(--colors-red-200, #fed7d7); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-x-11:hover { - --tw-translate-x: 2.75rem; + .\32xl\:focus\:from-colors-red-300:focus { + --tw-gradient-from: var(--colors-red-300, #feb2b2); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-x-12:hover { - --tw-translate-x: 3rem; + .\32xl\:focus\:from-colors-red-400:focus { + --tw-gradient-from: var(--colors-red-400, #fc8181); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-x-14:hover { - --tw-translate-x: 3.5rem; + .\32xl\:focus\:from-colors-red-500:focus { + --tw-gradient-from: var(--colors-red-500, #f56565); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-x-16:hover { - --tw-translate-x: 4rem; + .\32xl\:focus\:from-colors-red-600:focus { + --tw-gradient-from: var(--colors-red-600, #e53e3e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-x-20:hover { - --tw-translate-x: 5rem; + .\32xl\:focus\:from-colors-red-700:focus { + --tw-gradient-from: var(--colors-red-700, #c53030); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-x-24:hover { - --tw-translate-x: 6rem; + .\32xl\:focus\:from-colors-red-800:focus { + --tw-gradient-from: var(--colors-red-800, #9b2c2c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-x-28:hover { - --tw-translate-x: 7rem; + .\32xl\:focus\:from-colors-red-900:focus { + --tw-gradient-from: var(--colors-red-900, #742a2a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-x-32:hover { - --tw-translate-x: 8rem; + .\32xl\:focus\:from-colors-orange-100:focus { + --tw-gradient-from: var(--colors-orange-100, #fffaf0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-x-36:hover { - --tw-translate-x: 9rem; + .\32xl\:focus\:from-colors-orange-200:focus { + --tw-gradient-from: var(--colors-orange-200, #feebc8); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-x-40:hover { - --tw-translate-x: 10rem; + .\32xl\:focus\:from-colors-orange-300:focus { + --tw-gradient-from: var(--colors-orange-300, #fbd38d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-x-44:hover { - --tw-translate-x: 11rem; + .\32xl\:focus\:from-colors-orange-400:focus { + --tw-gradient-from: var(--colors-orange-400, #f6ad55); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-x-48:hover { - --tw-translate-x: 12rem; + .\32xl\:focus\:from-colors-orange-500:focus { + --tw-gradient-from: var(--colors-orange-500, #ed8936); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-x-52:hover { - --tw-translate-x: 13rem; + .\32xl\:focus\:from-colors-orange-600:focus { + --tw-gradient-from: var(--colors-orange-600, #dd6b20); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-x-56:hover { - --tw-translate-x: 14rem; + .\32xl\:focus\:from-colors-orange-700:focus { + --tw-gradient-from: var(--colors-orange-700, #c05621); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-x-60:hover { - --tw-translate-x: 15rem; + .\32xl\:focus\:from-colors-orange-800:focus { + --tw-gradient-from: var(--colors-orange-800, #9c4221); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-x-64:hover { - --tw-translate-x: 16rem; + .\32xl\:focus\:from-colors-orange-900:focus { + --tw-gradient-from: var(--colors-orange-900, #7b341e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-x-72:hover { - --tw-translate-x: 18rem; + .\32xl\:focus\:from-colors-yellow-100:focus { + --tw-gradient-from: var(--colors-yellow-100, #fffff0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-x-80:hover { - --tw-translate-x: 20rem; + .\32xl\:focus\:from-colors-yellow-200:focus { + --tw-gradient-from: var(--colors-yellow-200, #fefcbf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-x-96:hover { - --tw-translate-x: 24rem; + .\32xl\:focus\:from-colors-yellow-300:focus { + --tw-gradient-from: var(--colors-yellow-300, #faf089); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-x-px:hover { - --tw-translate-x: 1px; + .\32xl\:focus\:from-colors-yellow-400:focus { + --tw-gradient-from: var(--colors-yellow-400, #f6e05e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-x-0\.5:hover { - --tw-translate-x: 0.125rem; + .\32xl\:focus\:from-colors-yellow-500:focus { + --tw-gradient-from: var(--colors-yellow-500, #ecc94b); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-x-1\.5:hover { - --tw-translate-x: 0.375rem; + .\32xl\:focus\:from-colors-yellow-600:focus { + --tw-gradient-from: var(--colors-yellow-600, #d69e2e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-x-2\.5:hover { - --tw-translate-x: 0.625rem; + .\32xl\:focus\:from-colors-yellow-700:focus { + --tw-gradient-from: var(--colors-yellow-700, #b7791f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-x-3\.5:hover { - --tw-translate-x: 0.875rem; + .\32xl\:focus\:from-colors-yellow-800:focus { + --tw-gradient-from: var(--colors-yellow-800, #975a16); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-x-0:hover { - --tw-translate-x: 0px; + .\32xl\:focus\:from-colors-yellow-900:focus { + --tw-gradient-from: var(--colors-yellow-900, #744210); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-x-1:hover { - --tw-translate-x: -0.25rem; + .\32xl\:focus\:from-colors-green-100:focus { + --tw-gradient-from: var(--colors-green-100, #f0fff4); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-x-2:hover { - --tw-translate-x: -0.5rem; + .\32xl\:focus\:from-colors-green-200:focus { + --tw-gradient-from: var(--colors-green-200, #c6f6d5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-x-3:hover { - --tw-translate-x: -0.75rem; + .\32xl\:focus\:from-colors-green-300:focus { + --tw-gradient-from: var(--colors-green-300, #9ae6b4); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-x-4:hover { - --tw-translate-x: -1rem; + .\32xl\:focus\:from-colors-green-400:focus { + --tw-gradient-from: var(--colors-green-400, #68d391); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-x-5:hover { - --tw-translate-x: -1.25rem; + .\32xl\:focus\:from-colors-green-500:focus { + --tw-gradient-from: var(--colors-green-500, #48bb78); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-x-6:hover { - --tw-translate-x: -1.5rem; + .\32xl\:focus\:from-colors-green-600:focus { + --tw-gradient-from: var(--colors-green-600, #38a169); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-x-7:hover { - --tw-translate-x: -1.75rem; + .\32xl\:focus\:from-colors-green-700:focus { + --tw-gradient-from: var(--colors-green-700, #2f855a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-x-8:hover { - --tw-translate-x: -2rem; + .\32xl\:focus\:from-colors-green-800:focus { + --tw-gradient-from: var(--colors-green-800, #276749); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-x-9:hover { - --tw-translate-x: -2.25rem; + .\32xl\:focus\:from-colors-green-900:focus { + --tw-gradient-from: var(--colors-green-900, #22543d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-x-10:hover { - --tw-translate-x: -2.5rem; + .\32xl\:focus\:from-colors-teal-100:focus { + --tw-gradient-from: var(--colors-teal-100, #e6fffa); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-x-11:hover { - --tw-translate-x: -2.75rem; + .\32xl\:focus\:from-colors-teal-200:focus { + --tw-gradient-from: var(--colors-teal-200, #b2f5ea); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-x-12:hover { - --tw-translate-x: -3rem; + .\32xl\:focus\:from-colors-teal-300:focus { + --tw-gradient-from: var(--colors-teal-300, #81e6d9); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-x-14:hover { - --tw-translate-x: -3.5rem; + .\32xl\:focus\:from-colors-teal-400:focus { + --tw-gradient-from: var(--colors-teal-400, #4fd1c5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-x-16:hover { - --tw-translate-x: -4rem; + .\32xl\:focus\:from-colors-teal-500:focus { + --tw-gradient-from: var(--colors-teal-500, #38b2ac); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-x-20:hover { - --tw-translate-x: -5rem; + .\32xl\:focus\:from-colors-teal-600:focus { + --tw-gradient-from: var(--colors-teal-600, #319795); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-x-24:hover { - --tw-translate-x: -6rem; + .\32xl\:focus\:from-colors-teal-700:focus { + --tw-gradient-from: var(--colors-teal-700, #2c7a7b); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-x-28:hover { - --tw-translate-x: -7rem; + .\32xl\:focus\:from-colors-teal-800:focus { + --tw-gradient-from: var(--colors-teal-800, #285e61); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-x-32:hover { - --tw-translate-x: -8rem; + .\32xl\:focus\:from-colors-teal-900:focus { + --tw-gradient-from: var(--colors-teal-900, #234e52); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-x-36:hover { - --tw-translate-x: -9rem; + .\32xl\:focus\:from-colors-blue-100:focus { + --tw-gradient-from: var(--colors-blue-100, #ebf8ff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-x-40:hover { - --tw-translate-x: -10rem; + .\32xl\:focus\:from-colors-blue-200:focus { + --tw-gradient-from: var(--colors-blue-200, #bee3f8); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-x-44:hover { - --tw-translate-x: -11rem; + .\32xl\:focus\:from-colors-blue-300:focus { + --tw-gradient-from: var(--colors-blue-300, #90cdf4); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-x-48:hover { - --tw-translate-x: -12rem; + .\32xl\:focus\:from-colors-blue-400:focus { + --tw-gradient-from: var(--colors-blue-400, #63b3ed); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-x-52:hover { - --tw-translate-x: -13rem; + .\32xl\:focus\:from-colors-blue-500:focus { + --tw-gradient-from: var(--colors-blue-500, #4299e1); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-x-56:hover { - --tw-translate-x: -14rem; + .\32xl\:focus\:from-colors-blue-600:focus { + --tw-gradient-from: var(--colors-blue-600, #3182ce); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-x-60:hover { - --tw-translate-x: -15rem; + .\32xl\:focus\:from-colors-blue-700:focus { + --tw-gradient-from: var(--colors-blue-700, #2b6cb0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-x-64:hover { - --tw-translate-x: -16rem; + .\32xl\:focus\:from-colors-blue-800:focus { + --tw-gradient-from: var(--colors-blue-800, #2c5282); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-x-72:hover { - --tw-translate-x: -18rem; + .\32xl\:focus\:from-colors-blue-900:focus { + --tw-gradient-from: var(--colors-blue-900, #2a4365); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-x-80:hover { - --tw-translate-x: -20rem; + .\32xl\:focus\:from-colors-indigo-100:focus { + --tw-gradient-from: var(--colors-indigo-100, #ebf4ff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-x-96:hover { - --tw-translate-x: -24rem; + .\32xl\:focus\:from-colors-indigo-200:focus { + --tw-gradient-from: var(--colors-indigo-200, #c3dafe); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-x-px:hover { - --tw-translate-x: -1px; + .\32xl\:focus\:from-colors-indigo-300:focus { + --tw-gradient-from: var(--colors-indigo-300, #a3bffa); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-x-0\.5:hover { - --tw-translate-x: -0.125rem; + .\32xl\:focus\:from-colors-indigo-400:focus { + --tw-gradient-from: var(--colors-indigo-400, #7f9cf5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-x-1\.5:hover { - --tw-translate-x: -0.375rem; + .\32xl\:focus\:from-colors-indigo-500:focus { + --tw-gradient-from: var(--colors-indigo-500, #667eea); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-x-2\.5:hover { - --tw-translate-x: -0.625rem; + .\32xl\:focus\:from-colors-indigo-600:focus { + --tw-gradient-from: var(--colors-indigo-600, #5a67d8); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-x-3\.5:hover { - --tw-translate-x: -0.875rem; + .\32xl\:focus\:from-colors-indigo-700:focus { + --tw-gradient-from: var(--colors-indigo-700, #4c51bf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-x-1\/2:hover { - --tw-translate-x: 50%; + .\32xl\:focus\:from-colors-indigo-800:focus { + --tw-gradient-from: var(--colors-indigo-800, #434190); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-x-1\/3:hover { - --tw-translate-x: 33.333333%; + .\32xl\:focus\:from-colors-indigo-900:focus { + --tw-gradient-from: var(--colors-indigo-900, #3c366b); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-x-2\/3:hover { - --tw-translate-x: 66.666667%; + .\32xl\:focus\:from-colors-purple-100:focus { + --tw-gradient-from: var(--colors-purple-100, #faf5ff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-x-1\/4:hover { - --tw-translate-x: 25%; + .\32xl\:focus\:from-colors-purple-200:focus { + --tw-gradient-from: var(--colors-purple-200, #e9d8fd); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-x-2\/4:hover { - --tw-translate-x: 50%; + .\32xl\:focus\:from-colors-purple-300:focus { + --tw-gradient-from: var(--colors-purple-300, #d6bcfa); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-x-3\/4:hover { - --tw-translate-x: 75%; + .\32xl\:focus\:from-colors-purple-400:focus { + --tw-gradient-from: var(--colors-purple-400, #b794f4); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-x-full:hover { - --tw-translate-x: 100%; + .\32xl\:focus\:from-colors-purple-500:focus { + --tw-gradient-from: var(--colors-purple-500, #9f7aea); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-x-1\/2:hover { - --tw-translate-x: -50%; + .\32xl\:focus\:from-colors-purple-600:focus { + --tw-gradient-from: var(--colors-purple-600, #805ad5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-x-1\/3:hover { - --tw-translate-x: -33.333333%; + .\32xl\:focus\:from-colors-purple-700:focus { + --tw-gradient-from: var(--colors-purple-700, #6b46c1); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-x-2\/3:hover { - --tw-translate-x: -66.666667%; + .\32xl\:focus\:from-colors-purple-800:focus { + --tw-gradient-from: var(--colors-purple-800, #553c9a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-x-1\/4:hover { - --tw-translate-x: -25%; + .\32xl\:focus\:from-colors-purple-900:focus { + --tw-gradient-from: var(--colors-purple-900, #44337a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-x-2\/4:hover { - --tw-translate-x: -50%; + .\32xl\:focus\:from-colors-pink-100:focus { + --tw-gradient-from: var(--colors-pink-100, #fff5f7); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-x-3\/4:hover { - --tw-translate-x: -75%; + .\32xl\:focus\:from-colors-pink-200:focus { + --tw-gradient-from: var(--colors-pink-200, #fed7e2); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-x-full:hover { - --tw-translate-x: -100%; + .\32xl\:focus\:from-colors-pink-300:focus { + --tw-gradient-from: var(--colors-pink-300, #fbb6ce); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-y-0:hover { - --tw-translate-y: 0px; + .\32xl\:focus\:from-colors-pink-400:focus { + --tw-gradient-from: var(--colors-pink-400, #f687b3); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-y-1:hover { - --tw-translate-y: 0.25rem; + .\32xl\:focus\:from-colors-pink-500:focus { + --tw-gradient-from: var(--colors-pink-500, #ed64a6); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-y-2:hover { - --tw-translate-y: 0.5rem; + .\32xl\:focus\:from-colors-pink-600:focus { + --tw-gradient-from: var(--colors-pink-600, #d53f8c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-y-3:hover { - --tw-translate-y: 0.75rem; + .\32xl\:focus\:from-colors-pink-700:focus { + --tw-gradient-from: var(--colors-pink-700, #b83280); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-y-4:hover { - --tw-translate-y: 1rem; + .\32xl\:focus\:from-colors-pink-800:focus { + --tw-gradient-from: var(--colors-pink-800, #97266d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-y-5:hover { - --tw-translate-y: 1.25rem; + .\32xl\:focus\:from-colors-pink-900:focus { + --tw-gradient-from: var(--colors-pink-900, #702459); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-y-6:hover { - --tw-translate-y: 1.5rem; + .\32xl\:focus\:from-Box\ Shadow:focus { + --tw-gradient-from: var(--box-shadow, #7f7e7f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-y-7:hover { - --tw-translate-y: 1.75rem; + .\32xl\:focus\:from-Error16:focus { + --tw-gradient-from: var(--error16, #f03d3e40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-y-8:hover { - --tw-translate-y: 2rem; + .\32xl\:focus\:from-Success16:focus { + --tw-gradient-from: var(--success16, #5bb14d40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-y-9:hover { - --tw-translate-y: 2.25rem; + .\32xl\:focus\:from-Notification16:focus { + --tw-gradient-from: var(--notification16, #3959ff40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-y-10:hover { - --tw-translate-y: 2.5rem; + .\32xl\:focus\:from-Error8:focus { + --tw-gradient-from: var(--error8, #f03d3e1a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-y-11:hover { - --tw-translate-y: 2.75rem; + .\32xl\:focus\:from-Notification8:focus { + --tw-gradient-from: var(--notification8, #3959ff1a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-y-12:hover { - --tw-translate-y: 3rem; + .\32xl\:focus\:from-Success8:focus { + --tw-gradient-from: var(--success8, #5bb14d1a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-y-14:hover { - --tw-translate-y: 3.5rem; + .\32xl\:focus\:from-Light\ -\ Overlay:focus { + --tw-gradient-from: var(--light-overlay, #f0edee66); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-y-16:hover { - --tw-translate-y: 4rem; + .\32xl\:focus\:from-Dark-\ Overlay:focus { + --tw-gradient-from: var(--dark-overlay, #7f7e7f66); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-y-20:hover { - --tw-translate-y: 5rem; + .\32xl\:focus\:from-black-40:focus { + --tw-gradient-from: var(--black-40, #00000066); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-y-24:hover { - --tw-translate-y: 6rem; + .\32xl\:focus\:from-black-75:focus { + --tw-gradient-from: var(--black-75, #000000bf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-y-28:hover { - --tw-translate-y: 7rem; + .\32xl\:focus\:from-black-60:focus { + --tw-gradient-from: var(--black-60, #00000099); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-y-32:hover { - --tw-translate-y: 8rem; + .\32xl\:focus\:from-black-50:focus { + --tw-gradient-from: var(--black-50, #00000080); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-y-36:hover { - --tw-translate-y: 9rem; + .\32xl\:focus\:from-black-25:focus { + --tw-gradient-from: var(--black-25, #00000040); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-y-40:hover { - --tw-translate-y: 10rem; + .\32xl\:focus\:from-black-10:focus { + --tw-gradient-from: var(--black-10, #0000001a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-y-44:hover { - --tw-translate-y: 11rem; + .\32xl\:focus\:from-white-25:focus { + --tw-gradient-from: var(--white-25, #ffffff40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-y-48:hover { - --tw-translate-y: 12rem; + .\32xl\:focus\:from-white-60:focus { + --tw-gradient-from: var(--white-60, #ffffff99); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-y-52:hover { - --tw-translate-y: 13rem; + .\32xl\:focus\:from-black-64:focus { + --tw-gradient-from: var(--black-64, #000000a3); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-y-56:hover { - --tw-translate-y: 14rem; + .\32xl\:focus\:from-Shadow\ and\ Highlight-Shadow:focus { + --tw-gradient-from: var(--shadow-and-highlight-shadow, #7f7e7f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-y-60:hover { - --tw-translate-y: 15rem; + .\32xl\:focus\:from-Shadow\ and\ Highlight-Highlight:focus { + --tw-gradient-from: var(--shadow-and-highlight-highlight, #474747); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-y-64:hover { - --tw-translate-y: 16rem; + .\32xl\:focus\:from-Shadow\ and\ Highlight-highlight\ one:focus { + --tw-gradient-from: var(--shadow-and-highlight-highlight-one, #474747bf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-y-72:hover { - --tw-translate-y: 18rem; + .\32xl\:focus\:from-Shadow\ and\ Highlight-highlight\ two:focus { + --tw-gradient-from: var(--shadow-and-highlight-highlight-two, #47474799); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-y-80:hover { - --tw-translate-y: 20rem; + .\32xl\:focus\:from-Shadow\ and\ Highlight-highlight\ three:focus { + --tw-gradient-from: var(--shadow-and-highlight-highlight-three, #47474766); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-y-96:hover { - --tw-translate-y: 24rem; + .\32xl\:focus\:from-Shadow\ and\ Highlight-highlight\ five:focus { + --tw-gradient-from: var(--shadow-and-highlight-highlight-five, #4747471a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-y-px:hover { - --tw-translate-y: 1px; + .\32xl\:focus\:from-Shadow\ and\ Highlight-shadow\ one:focus { + --tw-gradient-from: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-y-0\.5:hover { - --tw-translate-y: 0.125rem; + .\32xl\:focus\:from-Shadow\ and\ Highlight-shadow\ two:focus { + --tw-gradient-from: var(--shadow-and-highlight-shadow-two, #7f7e7f99); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-y-1\.5:hover { - --tw-translate-y: 0.375rem; + .\32xl\:focus\:from-Shadow\ and\ Highlight-shadow\ three:focus { + --tw-gradient-from: var(--shadow-and-highlight-shadow-three, #7f7e7f66); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-y-2\.5:hover { - --tw-translate-y: 0.625rem; + .\32xl\:focus\:from-Shadow\ and\ Highlight-shadow\ four:focus { + --tw-gradient-from: var(--shadow-and-highlight-shadow-four, #7f7e7f40); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-y-3\.5:hover { - --tw-translate-y: 0.875rem; + .\32xl\:focus\:from-Shadow\ and\ Highlight-shadow\ five:focus { + --tw-gradient-from: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-y-0:hover { - --tw-translate-y: 0px; + .\32xl\:focus\:from-Shadow\ and\ Highlight-highlight\ four:focus { + --tw-gradient-from: var(--shadow-and-highlight-highlight-four, #47474740); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-y-1:hover { - --tw-translate-y: -0.25rem; + .\32xl\:focus\:from-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus { + --tw-gradient-from: var(--base-layer-styles-base-layer-light-white, #ffffff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-y-2:hover { - --tw-translate-y: -0.5rem; + .\32xl\:focus\:from-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus { + --tw-gradient-from: var(--base-layer-styles-base-layer-light-off-white, #f0edee); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-y-3:hover { - --tw-translate-y: -0.75rem; + .\32xl\:focus\:from-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus { + --tw-gradient-from: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-y-4:hover { - --tw-translate-y: -1rem; + .\32xl\:focus\:from-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus { + --tw-gradient-from: var(--base-layer-styles-base-layer-dark-black, #000000); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-y-5:hover { - --tw-translate-y: -1.25rem; + .\32xl\:focus\:from-Grey-Scale-white:focus { + --tw-gradient-from: var(--grey-scale-white, #ffffff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-y-6:hover { - --tw-translate-y: -1.5rem; + .\32xl\:focus\:from-Grey-Scale-off-white:focus { + --tw-gradient-from: var(--grey-scale-off-white, #f0edee); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-y-7:hover { - --tw-translate-y: -1.75rem; + .\32xl\:focus\:from-Grey\ Scale-grey:focus { + --tw-gradient-from: var(--grey-scale-grey, #7f7e7f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-y-8:hover { - --tw-translate-y: -2rem; + .\32xl\:focus\:from-Grey\ Scale-charcoal:focus { + --tw-gradient-from: var(--grey-scale-charcoal, #474747); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-y-9:hover { - --tw-translate-y: -2.25rem; + .\32xl\:focus\:from-Grey\ Scale-off-black:focus { + --tw-gradient-from: var(--grey-scale-off-black, #1c1c1c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-y-10:hover { - --tw-translate-y: -2.5rem; + .\32xl\:focus\:from-Grey\ Scale-black:focus { + --tw-gradient-from: var(--grey-scale-black, #000000); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-y-11:hover { - --tw-translate-y: -2.75rem; + .\32xl\:focus\:from-Blue-blue:focus { + --tw-gradient-from: var(--blue-blue, #3a7ca5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-y-12:hover { - --tw-translate-y: -3rem; + .\32xl\:focus\:from-Blue-blue-100:focus { + --tw-gradient-from: var(--blue-blue-100, #75a3c0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-y-14:hover { - --tw-translate-y: -3.5rem; + .\32xl\:focus\:from-Blue-blue-200:focus { + --tw-gradient-from: var(--blue-blue-200, #9cbed2); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-y-16:hover { - --tw-translate-y: -4rem; + .\32xl\:focus\:from-Blue-blue-300:focus { + --tw-gradient-from: var(--blue-blue-300, #4f7d9a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-y-20:hover { - --tw-translate-y: -5rem; + .\32xl\:focus\:from-Blue-blue-400:focus { + --tw-gradient-from: var(--blue-blue-400, #5c7d92); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-y-24:hover { - --tw-translate-y: -6rem; + .\32xl\:focus\:from-Blue-blue-500:focus { + --tw-gradient-from: var(--blue-blue-500, #347095); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-y-28:hover { - --tw-translate-y: -7rem; + .\32xl\:focus\:from-Blue-blue-600:focus { + --tw-gradient-from: var(--blue-blue-600, #295774); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-y-32:hover { - --tw-translate-y: -8rem; + .\32xl\:focus\:from-Blue-blue-700:focus { + --tw-gradient-from: var(--blue-blue-700, #173242); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-y-36:hover { - --tw-translate-y: -9rem; + .\32xl\:focus\:from-LightBlue-lightblue:focus { + --tw-gradient-from: var(--light-blue-lightblue, #81c3d7); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-y-40:hover { - --tw-translate-y: -10rem; + .\32xl\:focus\:from-LightBlue-lightblue-100:focus { + --tw-gradient-from: var(--light-blue-lightblue-100, #a7d5e3); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-y-44:hover { - --tw-translate-y: -11rem; + .\32xl\:focus\:from-LightBlue-lightblue-200:focus { + --tw-gradient-from: var(--light-blue-lightblue-200, #c0e1eb); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-y-48:hover { - --tw-translate-y: -12rem; + .\32xl\:focus\:from-LightBlue-lightblue-300:focus { + --tw-gradient-from: var(--light-blue-lightblue-300, #80aebd); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-y-52:hover { - --tw-translate-y: -13rem; + .\32xl\:focus\:from-LightBlue-lightblue-400:focus { + --tw-gradient-from: var(--light-blue-lightblue-400, #80a0ab); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-y-56:hover { - --tw-translate-y: -14rem; + .\32xl\:focus\:from-LightBlue-lightblue-500:focus { + --tw-gradient-from: var(--light-blue-lightblue-500, #74afc1); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-y-60:hover { - --tw-translate-y: -15rem; + .\32xl\:focus\:from-LightBlue-lightblue-600:focus { + --tw-gradient-from: var(--light-blue-lightblue-600, #5a8997); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-y-64:hover { - --tw-translate-y: -16rem; + .\32xl\:focus\:from-LightBlue-lightblue-650:focus { + --tw-gradient-from: var(--light-blue-lightblue-650, #3e5e65); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-y-72:hover { - --tw-translate-y: -18rem; + .\32xl\:focus\:from-LightBlue-lightblue-700:focus { + --tw-gradient-from: var(--light-blue-lightblue-700, #344e56); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-y-80:hover { - --tw-translate-y: -20rem; + .\32xl\:focus\:from-Orange-orange:focus { + --tw-gradient-from: var(--orange-orange, #ff7f0e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-y-96:hover { - --tw-translate-y: -24rem; + .\32xl\:focus\:from-Orange-orange-100:focus { + --tw-gradient-from: var(--orange-orange-100, #ffa556); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-y-px:hover { - --tw-translate-y: -1px; + .\32xl\:focus\:from-Orange-orange-200:focus { + --tw-gradient-from: var(--orange-orange-200, #ffbf86); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-y-0\.5:hover { - --tw-translate-y: -0.125rem; + .\32xl\:focus\:from-Orange-orange-300:focus { + --tw-gradient-from: var(--orange-orange-300, #d97f30); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-y-1\.5:hover { - --tw-translate-y: -0.375rem; + .\32xl\:focus\:from-Orange-orange-400:focus { + --tw-gradient-from: var(--orange-orange-400, #bf7e46); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-y-2\.5:hover { - --tw-translate-y: -0.625rem; + .\32xl\:focus\:from-Orange-orange-500:focus { + --tw-gradient-from: var(--orange-orange-500, #e5720d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-y-3\.5:hover { - --tw-translate-y: -0.875rem; + .\32xl\:focus\:from-Orange-orange-600:focus { + --tw-gradient-from: var(--orange-orange-600, #b3590a); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-y-1\/2:hover { - --tw-translate-y: 50%; + .\32xl\:focus\:from-Orange-orange-700:focus { + --tw-gradient-from: var(--orange-orange-700, #663306); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-y-1\/3:hover { - --tw-translate-y: 33.333333%; + .\32xl\:focus\:from-Yellow-yellow:focus { + --tw-gradient-from: var(--yellow-yellow, #ffab00); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-y-2\/3:hover { - --tw-translate-y: 66.666667%; + .\32xl\:focus\:from-Yellow-yellow-100:focus { + --tw-gradient-from: var(--yellow-yellow-100, #ffc44c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-y-1\/4:hover { - --tw-translate-y: 25%; + .\32xl\:focus\:from-Yellow-yellow-200:focus { + --tw-gradient-from: var(--yellow-yellow-200, #ffd580); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-y-2\/4:hover { - --tw-translate-y: 50%; + .\32xl\:focus\:from-Yellow-yellow-300:focus { + --tw-gradient-from: var(--yellow-yellow-300, #d99d26); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-y-3\/4:hover { - --tw-translate-y: 75%; + .\32xl\:focus\:from-Yellow-yellow-400:focus { + --tw-gradient-from: var(--yellow-yellow-400, #bf943f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:translate-y-full:hover { - --tw-translate-y: 100%; + .\32xl\:focus\:from-Yellow-yellow-500:focus { + --tw-gradient-from: var(--yellow-yellow-500, #e59a00); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-y-1\/2:hover { - --tw-translate-y: -50%; + .\32xl\:focus\:from-Yellow-yellow-600:focus { + --tw-gradient-from: var(--yellow-yellow-600, #b37800); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-y-1\/3:hover { - --tw-translate-y: -33.333333%; + .\32xl\:focus\:from-Yellow-yellow-700:focus { + --tw-gradient-from: var(--yellow-yellow-700, #664400); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-y-2\/3:hover { - --tw-translate-y: -66.666667%; + .\32xl\:focus\:from-Notification-notification:focus { + --tw-gradient-from: var(--notification-notification, #3959ff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-y-1\/4:hover { - --tw-translate-y: -25%; + .\32xl\:focus\:from-Notification-notification-100:focus { + --tw-gradient-from: var(--notification-notification-100, #748bff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-y-2\/4:hover { - --tw-translate-y: -50%; + .\32xl\:focus\:from-Notification-notification-200:focus { + --tw-gradient-from: var(--notification-notification-200, #9cacff); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-y-3\/4:hover { - --tw-translate-y: -75%; + .\32xl\:focus\:from-Notification-notification-300:focus { + --tw-gradient-from: var(--notification-notification-300, #4e64d9); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-translate-y-full:hover { - --tw-translate-y: -100%; + .\32xl\:focus\:from-Notification-notification-400:focus { + --tw-gradient-from: var(--notification-notification-400, #5c6cbf); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-x-0:focus { - --tw-translate-x: 0px; + .\32xl\:focus\:from-Notification-notification-500:focus { + --tw-gradient-from: var(--notification-notification-500, #3350e5); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-x-1:focus { - --tw-translate-x: 0.25rem; + .\32xl\:focus\:from-Notification-notification-600:focus { + --tw-gradient-from: var(--notification-notification-600, #283eb3); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-x-2:focus { - --tw-translate-x: 0.5rem; + .\32xl\:focus\:from-Notification-notification-700:focus { + --tw-gradient-from: var(--notification-notification-700, #172466); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-x-3:focus { - --tw-translate-x: 0.75rem; + .\32xl\:focus\:from-Success-success\ -700:focus { + --tw-gradient-from: var(--success-success-700, #24471f); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-x-4:focus { - --tw-translate-x: 1rem; + .\32xl\:focus\:from-Success-success:focus { + --tw-gradient-from: var(--success-success, #5bb14d); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-x-5:focus { - --tw-translate-x: 1.25rem; + .\32xl\:focus\:from-Success-success\ -100:focus { + --tw-gradient-from: var(--success-success-100, #8cc882); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-x-6:focus { - --tw-translate-x: 1.5rem; + .\32xl\:focus\:from-Success-success\ -200:focus { + --tw-gradient-from: var(--success-success-200, #add8a6); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-x-7:focus { - --tw-translate-x: 1.75rem; + .\32xl\:focus\:from-Success-success\ -300:focus { + --tw-gradient-from: var(--success-success-300, #66a25c); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-x-8:focus { - --tw-translate-x: 2rem; + .\32xl\:focus\:from-Success-success\ -400:focus { + --tw-gradient-from: var(--success-success-400, #6d9766); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-x-9:focus { - --tw-translate-x: 2.25rem; + .\32xl\:focus\:from-Success-success\ -500:focus { + --tw-gradient-from: var(--success-success-500, #529f45); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-x-10:focus { - --tw-translate-x: 2.5rem; + .\32xl\:focus\:from-Success-success\ -600:focus { + --tw-gradient-from: var(--success-success-600, #407c36); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-x-11:focus { - --tw-translate-x: 2.75rem; + .\32xl\:focus\:from-Error-error:focus { + --tw-gradient-from: var(--error-error, #f03d3e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-x-12:focus { - --tw-translate-x: 3rem; + .\32xl\:focus\:from-Error-error-100:focus { + --tw-gradient-from: var(--error-error-100, #f57778); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-x-14:focus { - --tw-translate-x: 3.5rem; + .\32xl\:focus\:from-Error-error-200:focus { + --tw-gradient-from: var(--error-error-200, #f89e9e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-x-16:focus { - --tw-translate-x: 4rem; + .\32xl\:focus\:from-Error-error-250:focus { + --tw-gradient-from: var(--error-error-250, #f9c8c8); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-x-20:focus { - --tw-translate-x: 5rem; + .\32xl\:focus\:from-Error-error-300:focus { + --tw-gradient-from: var(--error-error-300, #ce5151); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-x-24:focus { - --tw-translate-x: 6rem; + .\32xl\:focus\:from-Error-error-400:focus { + --tw-gradient-from: var(--error-error-400, #b85e5e); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-x-28:focus { - --tw-translate-x: 7rem; + .\32xl\:focus\:from-Error-error-500:focus { + --tw-gradient-from: var(--error-error-500, #d83738); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-x-32:focus { - --tw-translate-x: 8rem; + .\32xl\:focus\:from-Error-error-600:focus { + --tw-gradient-from: var(--error-error-600, #a82b2b); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-x-36:focus { - --tw-translate-x: 9rem; + .\32xl\:focus\:from-Error-error-700:focus { + --tw-gradient-from: var(--error-error-700, #601819); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-x-40:focus { - --tw-translate-x: 10rem; + .\32xl\:via-colors-black { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-black, #000000), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-x-44:focus { - --tw-translate-x: 11rem; + .\32xl\:via-colors-white { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-white, #ffffff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-x-48:focus { - --tw-translate-x: 12rem; + .\32xl\:via-colors-gray-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-100, #f7fafc), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-x-52:focus { - --tw-translate-x: 13rem; + .\32xl\:via-colors-gray-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-200, #edf2f7), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-x-56:focus { - --tw-translate-x: 14rem; + .\32xl\:via-colors-gray-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-300, #e2e8f0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-x-60:focus { - --tw-translate-x: 15rem; + .\32xl\:via-colors-gray-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-400, #cbd5e0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-x-64:focus { - --tw-translate-x: 16rem; + .\32xl\:via-colors-gray-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-500, #a0aec0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-x-72:focus { - --tw-translate-x: 18rem; + .\32xl\:via-colors-gray-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-600, #718096), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-x-80:focus { - --tw-translate-x: 20rem; + .\32xl\:via-colors-gray-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-700, #4a5568), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-x-96:focus { - --tw-translate-x: 24rem; + .\32xl\:via-colors-gray-800 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-800, #2d3748), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-x-px:focus { - --tw-translate-x: 1px; + .\32xl\:via-colors-gray-900 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-900, #1a202c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-x-0\.5:focus { - --tw-translate-x: 0.125rem; + .\32xl\:via-colors-red-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-100, #fff5f5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-x-1\.5:focus { - --tw-translate-x: 0.375rem; + .\32xl\:via-colors-red-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-200, #fed7d7), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-x-2\.5:focus { - --tw-translate-x: 0.625rem; + .\32xl\:via-colors-red-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-300, #feb2b2), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-x-3\.5:focus { - --tw-translate-x: 0.875rem; + .\32xl\:via-colors-red-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-400, #fc8181), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-x-0:focus { - --tw-translate-x: 0px; + .\32xl\:via-colors-red-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-500, #f56565), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-x-1:focus { - --tw-translate-x: -0.25rem; + .\32xl\:via-colors-red-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-600, #e53e3e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-x-2:focus { - --tw-translate-x: -0.5rem; + .\32xl\:via-colors-red-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-700, #c53030), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-x-3:focus { - --tw-translate-x: -0.75rem; + .\32xl\:via-colors-red-800 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-800, #9b2c2c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-x-4:focus { - --tw-translate-x: -1rem; + .\32xl\:via-colors-red-900 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-900, #742a2a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-x-5:focus { - --tw-translate-x: -1.25rem; + .\32xl\:via-colors-orange-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-100, #fffaf0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-x-6:focus { - --tw-translate-x: -1.5rem; + .\32xl\:via-colors-orange-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-200, #feebc8), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-x-7:focus { - --tw-translate-x: -1.75rem; + .\32xl\:via-colors-orange-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-300, #fbd38d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-x-8:focus { - --tw-translate-x: -2rem; + .\32xl\:via-colors-orange-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-400, #f6ad55), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-x-9:focus { - --tw-translate-x: -2.25rem; + .\32xl\:via-colors-orange-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-500, #ed8936), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-x-10:focus { - --tw-translate-x: -2.5rem; + .\32xl\:via-colors-orange-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-600, #dd6b20), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-x-11:focus { - --tw-translate-x: -2.75rem; + .\32xl\:via-colors-orange-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-700, #c05621), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-x-12:focus { - --tw-translate-x: -3rem; + .\32xl\:via-colors-orange-800 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-800, #9c4221), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-x-14:focus { - --tw-translate-x: -3.5rem; + .\32xl\:via-colors-orange-900 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-900, #7b341e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-x-16:focus { - --tw-translate-x: -4rem; + .\32xl\:via-colors-yellow-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-100, #fffff0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-x-20:focus { - --tw-translate-x: -5rem; + .\32xl\:via-colors-yellow-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-200, #fefcbf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-x-24:focus { - --tw-translate-x: -6rem; + .\32xl\:via-colors-yellow-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-300, #faf089), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-x-28:focus { - --tw-translate-x: -7rem; + .\32xl\:via-colors-yellow-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-400, #f6e05e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-x-32:focus { - --tw-translate-x: -8rem; + .\32xl\:via-colors-yellow-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-500, #ecc94b), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-x-36:focus { - --tw-translate-x: -9rem; + .\32xl\:via-colors-yellow-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-600, #d69e2e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-x-40:focus { - --tw-translate-x: -10rem; + .\32xl\:via-colors-yellow-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-700, #b7791f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-x-44:focus { - --tw-translate-x: -11rem; + .\32xl\:via-colors-yellow-800 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-800, #975a16), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-x-48:focus { - --tw-translate-x: -12rem; + .\32xl\:via-colors-yellow-900 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-900, #744210), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-x-52:focus { - --tw-translate-x: -13rem; + .\32xl\:via-colors-green-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-100, #f0fff4), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-x-56:focus { - --tw-translate-x: -14rem; + .\32xl\:via-colors-green-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-200, #c6f6d5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-x-60:focus { - --tw-translate-x: -15rem; + .\32xl\:via-colors-green-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-300, #9ae6b4), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-x-64:focus { - --tw-translate-x: -16rem; + .\32xl\:via-colors-green-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-400, #68d391), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-x-72:focus { - --tw-translate-x: -18rem; + .\32xl\:via-colors-green-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-500, #48bb78), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-x-80:focus { - --tw-translate-x: -20rem; + .\32xl\:via-colors-green-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-600, #38a169), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-x-96:focus { - --tw-translate-x: -24rem; + .\32xl\:via-colors-green-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-700, #2f855a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-x-px:focus { - --tw-translate-x: -1px; + .\32xl\:via-colors-green-800 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-800, #276749), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-x-0\.5:focus { - --tw-translate-x: -0.125rem; + .\32xl\:via-colors-green-900 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-900, #22543d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-x-1\.5:focus { - --tw-translate-x: -0.375rem; + .\32xl\:via-colors-teal-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-100, #e6fffa), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-x-2\.5:focus { - --tw-translate-x: -0.625rem; + .\32xl\:via-colors-teal-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-200, #b2f5ea), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-x-3\.5:focus { - --tw-translate-x: -0.875rem; + .\32xl\:via-colors-teal-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-300, #81e6d9), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-x-1\/2:focus { - --tw-translate-x: 50%; + .\32xl\:via-colors-teal-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-400, #4fd1c5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-x-1\/3:focus { - --tw-translate-x: 33.333333%; + .\32xl\:via-colors-teal-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-500, #38b2ac), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-x-2\/3:focus { - --tw-translate-x: 66.666667%; + .\32xl\:via-colors-teal-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-600, #319795), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-x-1\/4:focus { - --tw-translate-x: 25%; + .\32xl\:via-colors-teal-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-700, #2c7a7b), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-x-2\/4:focus { - --tw-translate-x: 50%; + .\32xl\:via-colors-teal-800 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-800, #285e61), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-x-3\/4:focus { - --tw-translate-x: 75%; + .\32xl\:via-colors-teal-900 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-900, #234e52), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-x-full:focus { - --tw-translate-x: 100%; + .\32xl\:via-colors-blue-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-100, #ebf8ff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-x-1\/2:focus { - --tw-translate-x: -50%; + .\32xl\:via-colors-blue-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-200, #bee3f8), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-x-1\/3:focus { - --tw-translate-x: -33.333333%; + .\32xl\:via-colors-blue-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-300, #90cdf4), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-x-2\/3:focus { - --tw-translate-x: -66.666667%; + .\32xl\:via-colors-blue-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-400, #63b3ed), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-x-1\/4:focus { - --tw-translate-x: -25%; + .\32xl\:via-colors-blue-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-500, #4299e1), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-x-2\/4:focus { - --tw-translate-x: -50%; + .\32xl\:via-colors-blue-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-600, #3182ce), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-x-3\/4:focus { - --tw-translate-x: -75%; + .\32xl\:via-colors-blue-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-700, #2b6cb0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-x-full:focus { - --tw-translate-x: -100%; + .\32xl\:via-colors-blue-800 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-800, #2c5282), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-y-0:focus { - --tw-translate-y: 0px; + .\32xl\:via-colors-blue-900 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-900, #2a4365), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-y-1:focus { - --tw-translate-y: 0.25rem; + .\32xl\:via-colors-indigo-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-100, #ebf4ff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-y-2:focus { - --tw-translate-y: 0.5rem; + .\32xl\:via-colors-indigo-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-200, #c3dafe), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-y-3:focus { - --tw-translate-y: 0.75rem; + .\32xl\:via-colors-indigo-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-300, #a3bffa), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-y-4:focus { - --tw-translate-y: 1rem; + .\32xl\:via-colors-indigo-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-400, #7f9cf5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-y-5:focus { - --tw-translate-y: 1.25rem; + .\32xl\:via-colors-indigo-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-500, #667eea), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-y-6:focus { - --tw-translate-y: 1.5rem; + .\32xl\:via-colors-indigo-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-600, #5a67d8), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-y-7:focus { - --tw-translate-y: 1.75rem; + .\32xl\:via-colors-indigo-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-700, #4c51bf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-y-8:focus { - --tw-translate-y: 2rem; + .\32xl\:via-colors-indigo-800 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-800, #434190), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-y-9:focus { - --tw-translate-y: 2.25rem; + .\32xl\:via-colors-indigo-900 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-900, #3c366b), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-y-10:focus { - --tw-translate-y: 2.5rem; + .\32xl\:via-colors-purple-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-100, #faf5ff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-y-11:focus { - --tw-translate-y: 2.75rem; + .\32xl\:via-colors-purple-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-200, #e9d8fd), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-y-12:focus { - --tw-translate-y: 3rem; + .\32xl\:via-colors-purple-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-300, #d6bcfa), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-y-14:focus { - --tw-translate-y: 3.5rem; + .\32xl\:via-colors-purple-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-400, #b794f4), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-y-16:focus { - --tw-translate-y: 4rem; + .\32xl\:via-colors-purple-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-500, #9f7aea), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-y-20:focus { - --tw-translate-y: 5rem; + .\32xl\:via-colors-purple-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-600, #805ad5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-y-24:focus { - --tw-translate-y: 6rem; + .\32xl\:via-colors-purple-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-700, #6b46c1), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-y-28:focus { - --tw-translate-y: 7rem; + .\32xl\:via-colors-purple-800 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-800, #553c9a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-y-32:focus { - --tw-translate-y: 8rem; + .\32xl\:via-colors-purple-900 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-900, #44337a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-y-36:focus { - --tw-translate-y: 9rem; + .\32xl\:via-colors-pink-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-100, #fff5f7), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-y-40:focus { - --tw-translate-y: 10rem; + .\32xl\:via-colors-pink-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-200, #fed7e2), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-y-44:focus { - --tw-translate-y: 11rem; + .\32xl\:via-colors-pink-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-300, #fbb6ce), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-y-48:focus { - --tw-translate-y: 12rem; + .\32xl\:via-colors-pink-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-400, #f687b3), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-y-52:focus { - --tw-translate-y: 13rem; + .\32xl\:via-colors-pink-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-500, #ed64a6), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-y-56:focus { - --tw-translate-y: 14rem; + .\32xl\:via-colors-pink-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-600, #d53f8c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-y-60:focus { - --tw-translate-y: 15rem; + .\32xl\:via-colors-pink-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-700, #b83280), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-y-64:focus { - --tw-translate-y: 16rem; + .\32xl\:via-colors-pink-800 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-800, #97266d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-y-72:focus { - --tw-translate-y: 18rem; + .\32xl\:via-colors-pink-900 { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-900, #702459), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-y-80:focus { - --tw-translate-y: 20rem; + .\32xl\:via-Box\ Shadow { + --tw-gradient-stops: var(--tw-gradient-from), var(--box-shadow, #7f7e7f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-y-96:focus { - --tw-translate-y: 24rem; + .\32xl\:via-Error16 { + --tw-gradient-stops: var(--tw-gradient-from), var(--error16, #f03d3e40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-y-px:focus { - --tw-translate-y: 1px; + .\32xl\:via-Success16 { + --tw-gradient-stops: var(--tw-gradient-from), var(--success16, #5bb14d40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-y-0\.5:focus { - --tw-translate-y: 0.125rem; + .\32xl\:via-Notification16 { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification16, #3959ff40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-y-1\.5:focus { - --tw-translate-y: 0.375rem; + .\32xl\:via-Error8 { + --tw-gradient-stops: var(--tw-gradient-from), var(--error8, #f03d3e1a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-y-2\.5:focus { - --tw-translate-y: 0.625rem; + .\32xl\:via-Notification8 { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification8, #3959ff1a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-y-3\.5:focus { - --tw-translate-y: 0.875rem; + .\32xl\:via-Success8 { + --tw-gradient-stops: var(--tw-gradient-from), var(--success8, #5bb14d1a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-y-0:focus { - --tw-translate-y: 0px; + .\32xl\:via-Light\ -\ Overlay { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-overlay, #f0edee66), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-y-1:focus { - --tw-translate-y: -0.25rem; + .\32xl\:via-Dark-\ Overlay { + --tw-gradient-stops: var(--tw-gradient-from), var(--dark-overlay, #7f7e7f66), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-y-2:focus { - --tw-translate-y: -0.5rem; + .\32xl\:via-black-40 { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-40, #00000066), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-y-3:focus { - --tw-translate-y: -0.75rem; + .\32xl\:via-black-75 { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-75, #000000bf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-y-4:focus { - --tw-translate-y: -1rem; + .\32xl\:via-black-60 { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-60, #00000099), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-y-5:focus { - --tw-translate-y: -1.25rem; + .\32xl\:via-black-50 { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-50, #00000080), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-y-6:focus { - --tw-translate-y: -1.5rem; + .\32xl\:via-black-25 { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-25, #00000040), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-y-7:focus { - --tw-translate-y: -1.75rem; + .\32xl\:via-black-10 { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-10, #0000001a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-y-8:focus { - --tw-translate-y: -2rem; + .\32xl\:via-white-25 { + --tw-gradient-stops: var(--tw-gradient-from), var(--white-25, #ffffff40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-y-9:focus { - --tw-translate-y: -2.25rem; + .\32xl\:via-white-60 { + --tw-gradient-stops: var(--tw-gradient-from), var(--white-60, #ffffff99), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-y-10:focus { - --tw-translate-y: -2.5rem; + .\32xl\:via-black-64 { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-64, #000000a3), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-y-11:focus { - --tw-translate-y: -2.75rem; + .\32xl\:via-Shadow\ and\ Highlight-Shadow { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow, #7f7e7f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-y-12:focus { - --tw-translate-y: -3rem; + .\32xl\:via-Shadow\ and\ Highlight-Highlight { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight, #474747), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-y-14:focus { - --tw-translate-y: -3.5rem; + .\32xl\:via-Shadow\ and\ Highlight-highlight\ one { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-one, #474747bf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-y-16:focus { - --tw-translate-y: -4rem; + .\32xl\:via-Shadow\ and\ Highlight-highlight\ two { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-two, #47474799), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-y-20:focus { - --tw-translate-y: -5rem; + .\32xl\:via-Shadow\ and\ Highlight-highlight\ three { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-three, #47474766), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-y-24:focus { - --tw-translate-y: -6rem; + .\32xl\:via-Shadow\ and\ Highlight-highlight\ five { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-five, #4747471a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-y-28:focus { - --tw-translate-y: -7rem; + .\32xl\:via-Shadow\ and\ Highlight-shadow\ one { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-one, #7f7e7fbf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-y-32:focus { - --tw-translate-y: -8rem; + .\32xl\:via-Shadow\ and\ Highlight-shadow\ two { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-two, #7f7e7f99), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-y-36:focus { - --tw-translate-y: -9rem; + .\32xl\:via-Shadow\ and\ Highlight-shadow\ three { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-three, #7f7e7f66), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-y-40:focus { - --tw-translate-y: -10rem; + .\32xl\:via-Shadow\ and\ Highlight-shadow\ four { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-four, #7f7e7f40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-y-44:focus { - --tw-translate-y: -11rem; + .\32xl\:via-Shadow\ and\ Highlight-shadow\ five { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-five, #7f7e7f1a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-y-48:focus { - --tw-translate-y: -12rem; + .\32xl\:via-Shadow\ and\ Highlight-highlight\ four { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-four, #47474740), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-y-52:focus { - --tw-translate-y: -13rem; + .\32xl\:via-Base\ Layer\ Styles-Base\ Layer-\ Light-White { + --tw-gradient-stops: var(--tw-gradient-from), var(--base-layer-styles-base-layer-light-white, #ffffff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-y-56:focus { - --tw-translate-y: -14rem; + .\32xl\:via-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite { + --tw-gradient-stops: var(--tw-gradient-from), var(--base-layer-styles-base-layer-light-off-white, #f0edee), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-y-60:focus { - --tw-translate-y: -15rem; + .\32xl\:via-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack { + --tw-gradient-stops: var(--tw-gradient-from), var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-y-64:focus { - --tw-translate-y: -16rem; + .\32xl\:via-Base\ Layer\ Styles-Base\ Layer-Dark-Black { + --tw-gradient-stops: var(--tw-gradient-from), var(--base-layer-styles-base-layer-dark-black, #000000), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-y-72:focus { - --tw-translate-y: -18rem; + .\32xl\:via-Grey-Scale-white { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-white, #ffffff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-y-80:focus { - --tw-translate-y: -20rem; + .\32xl\:via-Grey-Scale-off-white { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-off-white, #f0edee), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-y-96:focus { - --tw-translate-y: -24rem; + .\32xl\:via-Grey\ Scale-grey { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-grey, #7f7e7f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-y-px:focus { - --tw-translate-y: -1px; + .\32xl\:via-Grey\ Scale-charcoal { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-charcoal, #474747), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-y-0\.5:focus { - --tw-translate-y: -0.125rem; + .\32xl\:via-Grey\ Scale-off-black { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-off-black, #1c1c1c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-y-1\.5:focus { - --tw-translate-y: -0.375rem; + .\32xl\:via-Grey\ Scale-black { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-black, #000000), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-y-2\.5:focus { - --tw-translate-y: -0.625rem; + .\32xl\:via-Blue-blue { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue, #3a7ca5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-y-3\.5:focus { - --tw-translate-y: -0.875rem; + .\32xl\:via-Blue-blue-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-100, #75a3c0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-y-1\/2:focus { - --tw-translate-y: 50%; + .\32xl\:via-Blue-blue-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-200, #9cbed2), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-y-1\/3:focus { - --tw-translate-y: 33.333333%; + .\32xl\:via-Blue-blue-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-300, #4f7d9a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-y-2\/3:focus { - --tw-translate-y: 66.666667%; + .\32xl\:via-Blue-blue-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-400, #5c7d92), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-y-1\/4:focus { - --tw-translate-y: 25%; + .\32xl\:via-Blue-blue-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-500, #347095), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-y-2\/4:focus { - --tw-translate-y: 50%; + .\32xl\:via-Blue-blue-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-600, #295774), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-y-3\/4:focus { - --tw-translate-y: 75%; + .\32xl\:via-Blue-blue-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-700, #173242), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:translate-y-full:focus { - --tw-translate-y: 100%; + .\32xl\:via-LightBlue-lightblue { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue, #81c3d7), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-y-1\/2:focus { - --tw-translate-y: -50%; + .\32xl\:via-LightBlue-lightblue-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-100, #a7d5e3), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-y-1\/3:focus { - --tw-translate-y: -33.333333%; + .\32xl\:via-LightBlue-lightblue-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-200, #c0e1eb), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-y-2\/3:focus { - --tw-translate-y: -66.666667%; + .\32xl\:via-LightBlue-lightblue-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-300, #80aebd), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-y-1\/4:focus { - --tw-translate-y: -25%; + .\32xl\:via-LightBlue-lightblue-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-400, #80a0ab), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-y-2\/4:focus { - --tw-translate-y: -50%; + .\32xl\:via-LightBlue-lightblue-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-500, #74afc1), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-y-3\/4:focus { - --tw-translate-y: -75%; + .\32xl\:via-LightBlue-lightblue-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-600, #5a8997), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-translate-y-full:focus { - --tw-translate-y: -100%; + .\32xl\:via-LightBlue-lightblue-650 { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-650, #3e5e65), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:rotate-0 { - --tw-rotate: 0deg; + .\32xl\:via-LightBlue-lightblue-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-700, #344e56), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:rotate-1 { - --tw-rotate: 1deg; + .\32xl\:via-Orange-orange { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange, #ff7f0e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:rotate-2 { - --tw-rotate: 2deg; + .\32xl\:via-Orange-orange-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-100, #ffa556), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:rotate-3 { - --tw-rotate: 3deg; + .\32xl\:via-Orange-orange-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-200, #ffbf86), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:rotate-6 { - --tw-rotate: 6deg; + .\32xl\:via-Orange-orange-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-300, #d97f30), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:rotate-12 { - --tw-rotate: 12deg; + .\32xl\:via-Orange-orange-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-400, #bf7e46), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:rotate-45 { - --tw-rotate: 45deg; + .\32xl\:via-Orange-orange-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-500, #e5720d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:rotate-90 { - --tw-rotate: 90deg; + .\32xl\:via-Orange-orange-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-600, #b3590a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:rotate-180 { - --tw-rotate: 180deg; + .\32xl\:via-Orange-orange-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-700, #663306), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-rotate-180 { - --tw-rotate: -180deg; + .\32xl\:via-Yellow-yellow { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow, #ffab00), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-rotate-90 { - --tw-rotate: -90deg; + .\32xl\:via-Yellow-yellow-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-100, #ffc44c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-rotate-45 { - --tw-rotate: -45deg; + .\32xl\:via-Yellow-yellow-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-200, #ffd580), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-rotate-12 { - --tw-rotate: -12deg; + .\32xl\:via-Yellow-yellow-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-300, #d99d26), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-rotate-6 { - --tw-rotate: -6deg; + .\32xl\:via-Yellow-yellow-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-400, #bf943f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-rotate-3 { - --tw-rotate: -3deg; + .\32xl\:via-Yellow-yellow-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-500, #e59a00), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-rotate-2 { - --tw-rotate: -2deg; + .\32xl\:via-Yellow-yellow-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-600, #b37800), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-rotate-1 { - --tw-rotate: -1deg; + .\32xl\:via-Yellow-yellow-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-700, #664400), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:rotate-0:hover { - --tw-rotate: 0deg; + .\32xl\:via-Notification-notification { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification, #3959ff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:rotate-1:hover { - --tw-rotate: 1deg; + .\32xl\:via-Notification-notification-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-100, #748bff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:rotate-2:hover { - --tw-rotate: 2deg; + .\32xl\:via-Notification-notification-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-200, #9cacff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:rotate-3:hover { - --tw-rotate: 3deg; + .\32xl\:via-Notification-notification-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-300, #4e64d9), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:rotate-6:hover { - --tw-rotate: 6deg; + .\32xl\:via-Notification-notification-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-400, #5c6cbf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:rotate-12:hover { - --tw-rotate: 12deg; + .\32xl\:via-Notification-notification-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-500, #3350e5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:rotate-45:hover { - --tw-rotate: 45deg; + .\32xl\:via-Notification-notification-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-600, #283eb3), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:rotate-90:hover { - --tw-rotate: 90deg; + .\32xl\:via-Notification-notification-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-700, #172466), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - - .\32xl\:hover\:rotate-180:hover { - --tw-rotate: 180deg; + + .\32xl\:via-Success-success\ -700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-700, #24471f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-rotate-180:hover { - --tw-rotate: -180deg; + .\32xl\:via-Success-success { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success, #5bb14d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-rotate-90:hover { - --tw-rotate: -90deg; + .\32xl\:via-Success-success\ -100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-100, #8cc882), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-rotate-45:hover { - --tw-rotate: -45deg; + .\32xl\:via-Success-success\ -200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-200, #add8a6), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-rotate-12:hover { - --tw-rotate: -12deg; + .\32xl\:via-Success-success\ -300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-300, #66a25c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-rotate-6:hover { - --tw-rotate: -6deg; + .\32xl\:via-Success-success\ -400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-400, #6d9766), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-rotate-3:hover { - --tw-rotate: -3deg; + .\32xl\:via-Success-success\ -500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-500, #529f45), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-rotate-2:hover { - --tw-rotate: -2deg; + .\32xl\:via-Success-success\ -600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-600, #407c36), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-rotate-1:hover { - --tw-rotate: -1deg; + .\32xl\:via-Error-error { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error, #f03d3e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:rotate-0:focus { - --tw-rotate: 0deg; + .\32xl\:via-Error-error-100 { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-100, #f57778), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:rotate-1:focus { - --tw-rotate: 1deg; + .\32xl\:via-Error-error-200 { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-200, #f89e9e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:rotate-2:focus { - --tw-rotate: 2deg; + .\32xl\:via-Error-error-250 { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-250, #f9c8c8), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:rotate-3:focus { - --tw-rotate: 3deg; + .\32xl\:via-Error-error-300 { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-300, #ce5151), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:rotate-6:focus { - --tw-rotate: 6deg; + .\32xl\:via-Error-error-400 { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-400, #b85e5e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:rotate-12:focus { - --tw-rotate: 12deg; + .\32xl\:via-Error-error-500 { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-500, #d83738), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:rotate-45:focus { - --tw-rotate: 45deg; + .\32xl\:via-Error-error-600 { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-600, #a82b2b), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:rotate-90:focus { - --tw-rotate: 90deg; + .\32xl\:via-Error-error-700 { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-700, #601819), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:rotate-180:focus { - --tw-rotate: 180deg; + .\32xl\:hover\:via-colors-black:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-black, #000000), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-rotate-180:focus { - --tw-rotate: -180deg; + .\32xl\:hover\:via-colors-white:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-white, #ffffff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-rotate-90:focus { - --tw-rotate: -90deg; + .\32xl\:hover\:via-colors-gray-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-100, #f7fafc), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-rotate-45:focus { - --tw-rotate: -45deg; + .\32xl\:hover\:via-colors-gray-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-200, #edf2f7), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-rotate-12:focus { - --tw-rotate: -12deg; + .\32xl\:hover\:via-colors-gray-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-300, #e2e8f0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-rotate-6:focus { - --tw-rotate: -6deg; + .\32xl\:hover\:via-colors-gray-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-400, #cbd5e0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-rotate-3:focus { - --tw-rotate: -3deg; + .\32xl\:hover\:via-colors-gray-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-500, #a0aec0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-rotate-2:focus { - --tw-rotate: -2deg; + .\32xl\:hover\:via-colors-gray-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-600, #718096), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-rotate-1:focus { - --tw-rotate: -1deg; + .\32xl\:hover\:via-colors-gray-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-700, #4a5568), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:skew-x-0 { - --tw-skew-x: 0deg; + .\32xl\:hover\:via-colors-gray-800:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-800, #2d3748), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:skew-x-1 { - --tw-skew-x: 1deg; + .\32xl\:hover\:via-colors-gray-900:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-900, #1a202c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:skew-x-2 { - --tw-skew-x: 2deg; + .\32xl\:hover\:via-colors-red-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-100, #fff5f5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:skew-x-3 { - --tw-skew-x: 3deg; + .\32xl\:hover\:via-colors-red-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-200, #fed7d7), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:skew-x-6 { - --tw-skew-x: 6deg; + .\32xl\:hover\:via-colors-red-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-300, #feb2b2), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:skew-x-12 { - --tw-skew-x: 12deg; + .\32xl\:hover\:via-colors-red-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-400, #fc8181), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-skew-x-12 { - --tw-skew-x: -12deg; + .\32xl\:hover\:via-colors-red-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-500, #f56565), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-skew-x-6 { - --tw-skew-x: -6deg; + .\32xl\:hover\:via-colors-red-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-600, #e53e3e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-skew-x-3 { - --tw-skew-x: -3deg; + .\32xl\:hover\:via-colors-red-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-700, #c53030), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-skew-x-2 { - --tw-skew-x: -2deg; + .\32xl\:hover\:via-colors-red-800:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-800, #9b2c2c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-skew-x-1 { - --tw-skew-x: -1deg; + .\32xl\:hover\:via-colors-red-900:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-900, #742a2a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:skew-y-0 { - --tw-skew-y: 0deg; + .\32xl\:hover\:via-colors-orange-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-100, #fffaf0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:skew-y-1 { - --tw-skew-y: 1deg; + .\32xl\:hover\:via-colors-orange-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-200, #feebc8), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:skew-y-2 { - --tw-skew-y: 2deg; + .\32xl\:hover\:via-colors-orange-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-300, #fbd38d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:skew-y-3 { - --tw-skew-y: 3deg; + .\32xl\:hover\:via-colors-orange-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-400, #f6ad55), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:skew-y-6 { - --tw-skew-y: 6deg; + .\32xl\:hover\:via-colors-orange-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-500, #ed8936), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:skew-y-12 { - --tw-skew-y: 12deg; + .\32xl\:hover\:via-colors-orange-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-600, #dd6b20), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-skew-y-12 { - --tw-skew-y: -12deg; + .\32xl\:hover\:via-colors-orange-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-700, #c05621), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-skew-y-6 { - --tw-skew-y: -6deg; + .\32xl\:hover\:via-colors-orange-800:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-800, #9c4221), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-skew-y-3 { - --tw-skew-y: -3deg; + .\32xl\:hover\:via-colors-orange-900:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-900, #7b341e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-skew-y-2 { - --tw-skew-y: -2deg; + .\32xl\:hover\:via-colors-yellow-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-100, #fffff0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:-skew-y-1 { - --tw-skew-y: -1deg; + .\32xl\:hover\:via-colors-yellow-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-200, #fefcbf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:skew-x-0:hover { - --tw-skew-x: 0deg; + .\32xl\:hover\:via-colors-yellow-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-300, #faf089), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:skew-x-1:hover { - --tw-skew-x: 1deg; + .\32xl\:hover\:via-colors-yellow-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-400, #f6e05e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:skew-x-2:hover { - --tw-skew-x: 2deg; + .\32xl\:hover\:via-colors-yellow-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-500, #ecc94b), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:skew-x-3:hover { - --tw-skew-x: 3deg; + .\32xl\:hover\:via-colors-yellow-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-600, #d69e2e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:skew-x-6:hover { - --tw-skew-x: 6deg; + .\32xl\:hover\:via-colors-yellow-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-700, #b7791f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:skew-x-12:hover { - --tw-skew-x: 12deg; + .\32xl\:hover\:via-colors-yellow-800:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-800, #975a16), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-skew-x-12:hover { - --tw-skew-x: -12deg; + .\32xl\:hover\:via-colors-yellow-900:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-900, #744210), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-skew-x-6:hover { - --tw-skew-x: -6deg; + .\32xl\:hover\:via-colors-green-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-100, #f0fff4), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-skew-x-3:hover { - --tw-skew-x: -3deg; + .\32xl\:hover\:via-colors-green-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-200, #c6f6d5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-skew-x-2:hover { - --tw-skew-x: -2deg; + .\32xl\:hover\:via-colors-green-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-300, #9ae6b4), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-skew-x-1:hover { - --tw-skew-x: -1deg; + .\32xl\:hover\:via-colors-green-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-400, #68d391), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:skew-y-0:hover { - --tw-skew-y: 0deg; + .\32xl\:hover\:via-colors-green-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-500, #48bb78), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:skew-y-1:hover { - --tw-skew-y: 1deg; + .\32xl\:hover\:via-colors-green-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-600, #38a169), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:skew-y-2:hover { - --tw-skew-y: 2deg; + .\32xl\:hover\:via-colors-green-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-700, #2f855a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:skew-y-3:hover { - --tw-skew-y: 3deg; + .\32xl\:hover\:via-colors-green-800:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-800, #276749), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:skew-y-6:hover { - --tw-skew-y: 6deg; + .\32xl\:hover\:via-colors-green-900:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-900, #22543d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:skew-y-12:hover { - --tw-skew-y: 12deg; + .\32xl\:hover\:via-colors-teal-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-100, #e6fffa), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-skew-y-12:hover { - --tw-skew-y: -12deg; + .\32xl\:hover\:via-colors-teal-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-200, #b2f5ea), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-skew-y-6:hover { - --tw-skew-y: -6deg; + .\32xl\:hover\:via-colors-teal-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-300, #81e6d9), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-skew-y-3:hover { - --tw-skew-y: -3deg; + .\32xl\:hover\:via-colors-teal-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-400, #4fd1c5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-skew-y-2:hover { - --tw-skew-y: -2deg; + .\32xl\:hover\:via-colors-teal-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-500, #38b2ac), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:-skew-y-1:hover { - --tw-skew-y: -1deg; + .\32xl\:hover\:via-colors-teal-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-600, #319795), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:skew-x-0:focus { - --tw-skew-x: 0deg; + .\32xl\:hover\:via-colors-teal-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-700, #2c7a7b), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:skew-x-1:focus { - --tw-skew-x: 1deg; + .\32xl\:hover\:via-colors-teal-800:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-800, #285e61), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:skew-x-2:focus { - --tw-skew-x: 2deg; + .\32xl\:hover\:via-colors-teal-900:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-900, #234e52), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:skew-x-3:focus { - --tw-skew-x: 3deg; + .\32xl\:hover\:via-colors-blue-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-100, #ebf8ff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:skew-x-6:focus { - --tw-skew-x: 6deg; + .\32xl\:hover\:via-colors-blue-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-200, #bee3f8), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:skew-x-12:focus { - --tw-skew-x: 12deg; + .\32xl\:hover\:via-colors-blue-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-300, #90cdf4), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-skew-x-12:focus { - --tw-skew-x: -12deg; + .\32xl\:hover\:via-colors-blue-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-400, #63b3ed), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-skew-x-6:focus { - --tw-skew-x: -6deg; + .\32xl\:hover\:via-colors-blue-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-500, #4299e1), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-skew-x-3:focus { - --tw-skew-x: -3deg; + .\32xl\:hover\:via-colors-blue-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-600, #3182ce), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-skew-x-2:focus { - --tw-skew-x: -2deg; + .\32xl\:hover\:via-colors-blue-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-700, #2b6cb0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-skew-x-1:focus { - --tw-skew-x: -1deg; + .\32xl\:hover\:via-colors-blue-800:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-800, #2c5282), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:skew-y-0:focus { - --tw-skew-y: 0deg; + .\32xl\:hover\:via-colors-blue-900:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-900, #2a4365), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:skew-y-1:focus { - --tw-skew-y: 1deg; + .\32xl\:hover\:via-colors-indigo-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-100, #ebf4ff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:skew-y-2:focus { - --tw-skew-y: 2deg; + .\32xl\:hover\:via-colors-indigo-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-200, #c3dafe), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:skew-y-3:focus { - --tw-skew-y: 3deg; + .\32xl\:hover\:via-colors-indigo-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-300, #a3bffa), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:skew-y-6:focus { - --tw-skew-y: 6deg; + .\32xl\:hover\:via-colors-indigo-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-400, #7f9cf5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:skew-y-12:focus { - --tw-skew-y: 12deg; + .\32xl\:hover\:via-colors-indigo-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-500, #667eea), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-skew-y-12:focus { - --tw-skew-y: -12deg; + .\32xl\:hover\:via-colors-indigo-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-600, #5a67d8), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-skew-y-6:focus { - --tw-skew-y: -6deg; + .\32xl\:hover\:via-colors-indigo-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-700, #4c51bf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-skew-y-3:focus { - --tw-skew-y: -3deg; + .\32xl\:hover\:via-colors-indigo-800:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-800, #434190), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-skew-y-2:focus { - --tw-skew-y: -2deg; + .\32xl\:hover\:via-colors-indigo-900:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-900, #3c366b), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:-skew-y-1:focus { - --tw-skew-y: -1deg; + .\32xl\:hover\:via-colors-purple-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-100, #faf5ff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:scale-0 { - --tw-scale-x: 0; - --tw-scale-y: 0; + .\32xl\:hover\:via-colors-purple-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-200, #e9d8fd), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:scale-50 { - --tw-scale-x: .5; - --tw-scale-y: .5; + .\32xl\:hover\:via-colors-purple-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-300, #d6bcfa), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:scale-75 { - --tw-scale-x: .75; - --tw-scale-y: .75; + .\32xl\:hover\:via-colors-purple-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-400, #b794f4), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:scale-90 { - --tw-scale-x: .9; - --tw-scale-y: .9; + .\32xl\:hover\:via-colors-purple-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-500, #9f7aea), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:scale-95 { - --tw-scale-x: .95; - --tw-scale-y: .95; + .\32xl\:hover\:via-colors-purple-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-600, #805ad5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:scale-100 { - --tw-scale-x: 1; - --tw-scale-y: 1; + .\32xl\:hover\:via-colors-purple-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-700, #6b46c1), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:scale-105 { - --tw-scale-x: 1.05; - --tw-scale-y: 1.05; + .\32xl\:hover\:via-colors-purple-800:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-800, #553c9a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:scale-110 { - --tw-scale-x: 1.1; - --tw-scale-y: 1.1; + .\32xl\:hover\:via-colors-purple-900:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-900, #44337a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:scale-125 { - --tw-scale-x: 1.25; - --tw-scale-y: 1.25; + .\32xl\:hover\:via-colors-pink-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-100, #fff5f7), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:scale-150 { - --tw-scale-x: 1.5; - --tw-scale-y: 1.5; + .\32xl\:hover\:via-colors-pink-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-200, #fed7e2), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:scale-0:hover { - --tw-scale-x: 0; - --tw-scale-y: 0; + .\32xl\:hover\:via-colors-pink-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-300, #fbb6ce), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:scale-50:hover { - --tw-scale-x: .5; - --tw-scale-y: .5; + .\32xl\:hover\:via-colors-pink-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-400, #f687b3), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:scale-75:hover { - --tw-scale-x: .75; - --tw-scale-y: .75; + .\32xl\:hover\:via-colors-pink-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-500, #ed64a6), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:scale-90:hover { - --tw-scale-x: .9; - --tw-scale-y: .9; + .\32xl\:hover\:via-colors-pink-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-600, #d53f8c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:scale-95:hover { - --tw-scale-x: .95; - --tw-scale-y: .95; + .\32xl\:hover\:via-colors-pink-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-700, #b83280), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:scale-100:hover { - --tw-scale-x: 1; - --tw-scale-y: 1; + .\32xl\:hover\:via-colors-pink-800:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-800, #97266d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:scale-105:hover { - --tw-scale-x: 1.05; - --tw-scale-y: 1.05; + .\32xl\:hover\:via-colors-pink-900:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-900, #702459), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:scale-110:hover { - --tw-scale-x: 1.1; - --tw-scale-y: 1.1; + .\32xl\:hover\:via-Box\ Shadow:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--box-shadow, #7f7e7f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:scale-125:hover { - --tw-scale-x: 1.25; - --tw-scale-y: 1.25; + .\32xl\:hover\:via-Error16:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--error16, #f03d3e40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:scale-150:hover { - --tw-scale-x: 1.5; - --tw-scale-y: 1.5; + .\32xl\:hover\:via-Success16:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--success16, #5bb14d40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:scale-0:focus { - --tw-scale-x: 0; - --tw-scale-y: 0; + .\32xl\:hover\:via-Notification16:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification16, #3959ff40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:scale-50:focus { - --tw-scale-x: .5; - --tw-scale-y: .5; + .\32xl\:hover\:via-Error8:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--error8, #f03d3e1a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:scale-75:focus { - --tw-scale-x: .75; - --tw-scale-y: .75; + .\32xl\:hover\:via-Notification8:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification8, #3959ff1a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:scale-90:focus { - --tw-scale-x: .9; - --tw-scale-y: .9; + .\32xl\:hover\:via-Success8:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--success8, #5bb14d1a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:scale-95:focus { - --tw-scale-x: .95; - --tw-scale-y: .95; + .\32xl\:hover\:via-Light\ -\ Overlay:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-overlay, #f0edee66), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:scale-100:focus { - --tw-scale-x: 1; - --tw-scale-y: 1; + .\32xl\:hover\:via-Dark-\ Overlay:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--dark-overlay, #7f7e7f66), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:scale-105:focus { - --tw-scale-x: 1.05; - --tw-scale-y: 1.05; + .\32xl\:hover\:via-black-40:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-40, #00000066), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:scale-110:focus { - --tw-scale-x: 1.1; - --tw-scale-y: 1.1; + .\32xl\:hover\:via-black-75:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-75, #000000bf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:scale-125:focus { - --tw-scale-x: 1.25; - --tw-scale-y: 1.25; + .\32xl\:hover\:via-black-60:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-60, #00000099), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:scale-150:focus { - --tw-scale-x: 1.5; - --tw-scale-y: 1.5; + .\32xl\:hover\:via-black-50:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-50, #00000080), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:scale-x-0 { - --tw-scale-x: 0; + .\32xl\:hover\:via-black-25:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-25, #00000040), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:scale-x-50 { - --tw-scale-x: .5; + .\32xl\:hover\:via-black-10:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-10, #0000001a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:scale-x-75 { - --tw-scale-x: .75; + .\32xl\:hover\:via-white-25:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--white-25, #ffffff40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:scale-x-90 { - --tw-scale-x: .9; + .\32xl\:hover\:via-white-60:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--white-60, #ffffff99), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:scale-x-95 { - --tw-scale-x: .95; + .\32xl\:hover\:via-black-64:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-64, #000000a3), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:scale-x-100 { - --tw-scale-x: 1; + .\32xl\:hover\:via-Shadow\ and\ Highlight-Shadow:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow, #7f7e7f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:scale-x-105 { - --tw-scale-x: 1.05; + .\32xl\:hover\:via-Shadow\ and\ Highlight-Highlight:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight, #474747), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:scale-x-110 { - --tw-scale-x: 1.1; + .\32xl\:hover\:via-Shadow\ and\ Highlight-highlight\ one:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-one, #474747bf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:scale-x-125 { - --tw-scale-x: 1.25; + .\32xl\:hover\:via-Shadow\ and\ Highlight-highlight\ two:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-two, #47474799), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:scale-x-150 { - --tw-scale-x: 1.5; + .\32xl\:hover\:via-Shadow\ and\ Highlight-highlight\ three:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-three, #47474766), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:scale-y-0 { - --tw-scale-y: 0; + .\32xl\:hover\:via-Shadow\ and\ Highlight-highlight\ five:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-five, #4747471a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:scale-y-50 { - --tw-scale-y: .5; + .\32xl\:hover\:via-Shadow\ and\ Highlight-shadow\ one:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-one, #7f7e7fbf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:scale-y-75 { - --tw-scale-y: .75; + .\32xl\:hover\:via-Shadow\ and\ Highlight-shadow\ two:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-two, #7f7e7f99), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:scale-y-90 { - --tw-scale-y: .9; + .\32xl\:hover\:via-Shadow\ and\ Highlight-shadow\ three:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-three, #7f7e7f66), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:scale-y-95 { - --tw-scale-y: .95; + .\32xl\:hover\:via-Shadow\ and\ Highlight-shadow\ four:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-four, #7f7e7f40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:scale-y-100 { - --tw-scale-y: 1; + .\32xl\:hover\:via-Shadow\ and\ Highlight-shadow\ five:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-five, #7f7e7f1a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:scale-y-105 { - --tw-scale-y: 1.05; + .\32xl\:hover\:via-Shadow\ and\ Highlight-highlight\ four:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-four, #47474740), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:scale-y-110 { - --tw-scale-y: 1.1; + .\32xl\:hover\:via-Base\ Layer\ Styles-Base\ Layer-\ Light-White:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--base-layer-styles-base-layer-light-white, #ffffff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:scale-y-125 { - --tw-scale-y: 1.25; + .\32xl\:hover\:via-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--base-layer-styles-base-layer-light-off-white, #f0edee), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:scale-y-150 { - --tw-scale-y: 1.5; + .\32xl\:hover\:via-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:scale-x-0:hover { - --tw-scale-x: 0; + .\32xl\:hover\:via-Base\ Layer\ Styles-Base\ Layer-Dark-Black:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--base-layer-styles-base-layer-dark-black, #000000), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:scale-x-50:hover { - --tw-scale-x: .5; + .\32xl\:hover\:via-Grey-Scale-white:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-white, #ffffff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:scale-x-75:hover { - --tw-scale-x: .75; + .\32xl\:hover\:via-Grey-Scale-off-white:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-off-white, #f0edee), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:scale-x-90:hover { - --tw-scale-x: .9; + .\32xl\:hover\:via-Grey\ Scale-grey:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-grey, #7f7e7f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:scale-x-95:hover { - --tw-scale-x: .95; + .\32xl\:hover\:via-Grey\ Scale-charcoal:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-charcoal, #474747), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:scale-x-100:hover { - --tw-scale-x: 1; + .\32xl\:hover\:via-Grey\ Scale-off-black:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-off-black, #1c1c1c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:scale-x-105:hover { - --tw-scale-x: 1.05; + .\32xl\:hover\:via-Grey\ Scale-black:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-black, #000000), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:scale-x-110:hover { - --tw-scale-x: 1.1; + .\32xl\:hover\:via-Blue-blue:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue, #3a7ca5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:scale-x-125:hover { - --tw-scale-x: 1.25; + .\32xl\:hover\:via-Blue-blue-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-100, #75a3c0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:scale-x-150:hover { - --tw-scale-x: 1.5; + .\32xl\:hover\:via-Blue-blue-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-200, #9cbed2), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:scale-y-0:hover { - --tw-scale-y: 0; + .\32xl\:hover\:via-Blue-blue-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-300, #4f7d9a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:scale-y-50:hover { - --tw-scale-y: .5; + .\32xl\:hover\:via-Blue-blue-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-400, #5c7d92), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:scale-y-75:hover { - --tw-scale-y: .75; + .\32xl\:hover\:via-Blue-blue-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-500, #347095), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:scale-y-90:hover { - --tw-scale-y: .9; + .\32xl\:hover\:via-Blue-blue-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-600, #295774), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:scale-y-95:hover { - --tw-scale-y: .95; + .\32xl\:hover\:via-Blue-blue-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-700, #173242), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:scale-y-100:hover { - --tw-scale-y: 1; + .\32xl\:hover\:via-LightBlue-lightblue:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue, #81c3d7), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:scale-y-105:hover { - --tw-scale-y: 1.05; + .\32xl\:hover\:via-LightBlue-lightblue-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-100, #a7d5e3), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:scale-y-110:hover { - --tw-scale-y: 1.1; + .\32xl\:hover\:via-LightBlue-lightblue-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-200, #c0e1eb), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:scale-y-125:hover { - --tw-scale-y: 1.25; + .\32xl\:hover\:via-LightBlue-lightblue-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-300, #80aebd), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:hover\:scale-y-150:hover { - --tw-scale-y: 1.5; + .\32xl\:hover\:via-LightBlue-lightblue-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-400, #80a0ab), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:scale-x-0:focus { - --tw-scale-x: 0; + .\32xl\:hover\:via-LightBlue-lightblue-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-500, #74afc1), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:scale-x-50:focus { - --tw-scale-x: .5; + .\32xl\:hover\:via-LightBlue-lightblue-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-600, #5a8997), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:scale-x-75:focus { - --tw-scale-x: .75; + .\32xl\:hover\:via-LightBlue-lightblue-650:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-650, #3e5e65), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:scale-x-90:focus { - --tw-scale-x: .9; + .\32xl\:hover\:via-LightBlue-lightblue-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-700, #344e56), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:scale-x-95:focus { - --tw-scale-x: .95; + .\32xl\:hover\:via-Orange-orange:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange, #ff7f0e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:scale-x-100:focus { - --tw-scale-x: 1; + .\32xl\:hover\:via-Orange-orange-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-100, #ffa556), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:scale-x-105:focus { - --tw-scale-x: 1.05; + .\32xl\:hover\:via-Orange-orange-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-200, #ffbf86), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:scale-x-110:focus { - --tw-scale-x: 1.1; + .\32xl\:hover\:via-Orange-orange-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-300, #d97f30), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:scale-x-125:focus { - --tw-scale-x: 1.25; + .\32xl\:hover\:via-Orange-orange-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-400, #bf7e46), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:scale-x-150:focus { - --tw-scale-x: 1.5; + .\32xl\:hover\:via-Orange-orange-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-500, #e5720d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:scale-y-0:focus { - --tw-scale-y: 0; + .\32xl\:hover\:via-Orange-orange-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-600, #b3590a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:scale-y-50:focus { - --tw-scale-y: .5; + .\32xl\:hover\:via-Orange-orange-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-700, #663306), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:scale-y-75:focus { - --tw-scale-y: .75; + .\32xl\:hover\:via-Yellow-yellow:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow, #ffab00), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:scale-y-90:focus { - --tw-scale-y: .9; + .\32xl\:hover\:via-Yellow-yellow-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-100, #ffc44c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:scale-y-95:focus { - --tw-scale-y: .95; + .\32xl\:hover\:via-Yellow-yellow-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-200, #ffd580), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:scale-y-100:focus { - --tw-scale-y: 1; + .\32xl\:hover\:via-Yellow-yellow-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-300, #d99d26), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:scale-y-105:focus { - --tw-scale-y: 1.05; + .\32xl\:hover\:via-Yellow-yellow-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-400, #bf943f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:scale-y-110:focus { - --tw-scale-y: 1.1; + .\32xl\:hover\:via-Yellow-yellow-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-500, #e59a00), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:scale-y-125:focus { - --tw-scale-y: 1.25; + .\32xl\:hover\:via-Yellow-yellow-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-600, #b37800), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:scale-y-150:focus { - --tw-scale-y: 1.5; + .\32xl\:hover\:via-Yellow-yellow-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-700, #664400), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:animate-none { - animation: none; + .\32xl\:hover\:via-Notification-notification:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification, #3959ff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:animate-spin { - animation: spin 1s linear infinite; + .\32xl\:hover\:via-Notification-notification-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-100, #748bff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:animate-ping { - animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; + .\32xl\:hover\:via-Notification-notification-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-200, #9cacff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:animate-pulse { - animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; + .\32xl\:hover\:via-Notification-notification-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-300, #4e64d9), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:animate-bounce { - animation: bounce 1s infinite; + .\32xl\:hover\:via-Notification-notification-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-400, #5c6cbf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:cursor-auto { - cursor: auto; + .\32xl\:hover\:via-Notification-notification-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-500, #3350e5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:cursor-default { - cursor: default; + .\32xl\:hover\:via-Notification-notification-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-600, #283eb3), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:cursor-pointer { - cursor: pointer; + .\32xl\:hover\:via-Notification-notification-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-700, #172466), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:cursor-wait { - cursor: wait; + .\32xl\:hover\:via-Success-success\ -700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-700, #24471f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:cursor-text { - cursor: text; + .\32xl\:hover\:via-Success-success:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success, #5bb14d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:cursor-move { - cursor: move; + .\32xl\:hover\:via-Success-success\ -100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-100, #8cc882), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:cursor-help { - cursor: help; + .\32xl\:hover\:via-Success-success\ -200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-200, #add8a6), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:cursor-not-allowed { - cursor: not-allowed; + .\32xl\:hover\:via-Success-success\ -300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-300, #66a25c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:select-none { - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; + .\32xl\:hover\:via-Success-success\ -400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-400, #6d9766), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:select-text { - -webkit-user-select: text; - -moz-user-select: text; - user-select: text; + .\32xl\:hover\:via-Success-success\ -500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-500, #529f45), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:select-all { - -webkit-user-select: all; - -moz-user-select: all; - user-select: all; + .\32xl\:hover\:via-Success-success\ -600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-600, #407c36), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:select-auto { - -webkit-user-select: auto; - -moz-user-select: auto; - user-select: auto; + .\32xl\:hover\:via-Error-error:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error, #f03d3e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:resize-none { - resize: none; + .\32xl\:hover\:via-Error-error-100:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-100, #f57778), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:resize-y { - resize: vertical; + .\32xl\:hover\:via-Error-error-200:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-200, #f89e9e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:resize-x { - resize: horizontal; + .\32xl\:hover\:via-Error-error-250:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-250, #f9c8c8), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:resize { - resize: both; + .\32xl\:hover\:via-Error-error-300:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-300, #ce5151), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:list-inside { - list-style-position: inside; + .\32xl\:hover\:via-Error-error-400:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-400, #b85e5e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:list-outside { - list-style-position: outside; + .\32xl\:hover\:via-Error-error-500:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-500, #d83738), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:list-none { - list-style-type: none; + .\32xl\:hover\:via-Error-error-600:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-600, #a82b2b), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:list-disc { - list-style-type: disc; + .\32xl\:hover\:via-Error-error-700:hover { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-700, #601819), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:list-decimal { - list-style-type: decimal; + .\32xl\:focus\:via-colors-black:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-black, #000000), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:appearance-none { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; + .\32xl\:focus\:via-colors-white:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-white, #ffffff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:auto-cols-auto { - grid-auto-columns: auto; + .\32xl\:focus\:via-colors-gray-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-100, #f7fafc), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:auto-cols-min { - grid-auto-columns: min-content; + .\32xl\:focus\:via-colors-gray-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-200, #edf2f7), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:auto-cols-max { - grid-auto-columns: max-content; + .\32xl\:focus\:via-colors-gray-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-300, #e2e8f0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:auto-cols-fr { - grid-auto-columns: minmax(0, 1fr); + .\32xl\:focus\:via-colors-gray-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-400, #cbd5e0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:grid-flow-row { - grid-auto-flow: row; + .\32xl\:focus\:via-colors-gray-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-500, #a0aec0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:grid-flow-col { - grid-auto-flow: column; + .\32xl\:focus\:via-colors-gray-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-600, #718096), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:grid-flow-row-dense { - grid-auto-flow: row dense; + .\32xl\:focus\:via-colors-gray-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-700, #4a5568), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:grid-flow-col-dense { - grid-auto-flow: column dense; + .\32xl\:focus\:via-colors-gray-800:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-800, #2d3748), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:auto-rows-auto { - grid-auto-rows: auto; + .\32xl\:focus\:via-colors-gray-900:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-gray-900, #1a202c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:auto-rows-min { - grid-auto-rows: min-content; + .\32xl\:focus\:via-colors-red-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-100, #fff5f5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:auto-rows-max { - grid-auto-rows: max-content; + .\32xl\:focus\:via-colors-red-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-200, #fed7d7), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:auto-rows-fr { - grid-auto-rows: minmax(0, 1fr); + .\32xl\:focus\:via-colors-red-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-300, #feb2b2), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:grid-cols-1 { - grid-template-columns: repeat(1, minmax(0, 1fr)); + .\32xl\:focus\:via-colors-red-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-400, #fc8181), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:grid-cols-2 { - grid-template-columns: repeat(2, minmax(0, 1fr)); + .\32xl\:focus\:via-colors-red-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-500, #f56565), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:grid-cols-3 { - grid-template-columns: repeat(3, minmax(0, 1fr)); + .\32xl\:focus\:via-colors-red-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-600, #e53e3e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:grid-cols-4 { - grid-template-columns: repeat(4, minmax(0, 1fr)); + .\32xl\:focus\:via-colors-red-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-700, #c53030), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:grid-cols-5 { - grid-template-columns: repeat(5, minmax(0, 1fr)); + .\32xl\:focus\:via-colors-red-800:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-800, #9b2c2c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:grid-cols-6 { - grid-template-columns: repeat(6, minmax(0, 1fr)); + .\32xl\:focus\:via-colors-red-900:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-red-900, #742a2a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:grid-cols-7 { - grid-template-columns: repeat(7, minmax(0, 1fr)); + .\32xl\:focus\:via-colors-orange-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-100, #fffaf0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:grid-cols-8 { - grid-template-columns: repeat(8, minmax(0, 1fr)); + .\32xl\:focus\:via-colors-orange-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-200, #feebc8), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:grid-cols-9 { - grid-template-columns: repeat(9, minmax(0, 1fr)); + .\32xl\:focus\:via-colors-orange-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-300, #fbd38d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:grid-cols-10 { - grid-template-columns: repeat(10, minmax(0, 1fr)); + .\32xl\:focus\:via-colors-orange-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-400, #f6ad55), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:grid-cols-11 { - grid-template-columns: repeat(11, minmax(0, 1fr)); + .\32xl\:focus\:via-colors-orange-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-500, #ed8936), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:grid-cols-12 { - grid-template-columns: repeat(12, minmax(0, 1fr)); + .\32xl\:focus\:via-colors-orange-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-600, #dd6b20), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:grid-cols-none { - grid-template-columns: none; + .\32xl\:focus\:via-colors-orange-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-700, #c05621), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:grid-rows-1 { - grid-template-rows: repeat(1, minmax(0, 1fr)); + .\32xl\:focus\:via-colors-orange-800:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-800, #9c4221), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:grid-rows-2 { - grid-template-rows: repeat(2, minmax(0, 1fr)); + .\32xl\:focus\:via-colors-orange-900:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-orange-900, #7b341e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:grid-rows-3 { - grid-template-rows: repeat(3, minmax(0, 1fr)); + .\32xl\:focus\:via-colors-yellow-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-100, #fffff0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:grid-rows-4 { - grid-template-rows: repeat(4, minmax(0, 1fr)); + .\32xl\:focus\:via-colors-yellow-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-200, #fefcbf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:grid-rows-5 { - grid-template-rows: repeat(5, minmax(0, 1fr)); + .\32xl\:focus\:via-colors-yellow-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-300, #faf089), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:grid-rows-6 { - grid-template-rows: repeat(6, minmax(0, 1fr)); + .\32xl\:focus\:via-colors-yellow-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-400, #f6e05e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:grid-rows-none { - grid-template-rows: none; + .\32xl\:focus\:via-colors-yellow-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-500, #ecc94b), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:flex-row { - flex-direction: row; + .\32xl\:focus\:via-colors-yellow-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-600, #d69e2e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:flex-row-reverse { - flex-direction: row-reverse; + .\32xl\:focus\:via-colors-yellow-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-700, #b7791f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:flex-col { - flex-direction: column; + .\32xl\:focus\:via-colors-yellow-800:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-800, #975a16), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:flex-col-reverse { - flex-direction: column-reverse; + .\32xl\:focus\:via-colors-yellow-900:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-yellow-900, #744210), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:flex-wrap { - flex-wrap: wrap; + .\32xl\:focus\:via-colors-green-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-100, #f0fff4), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:flex-wrap-reverse { - flex-wrap: wrap-reverse; + .\32xl\:focus\:via-colors-green-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-200, #c6f6d5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:flex-nowrap { - flex-wrap: nowrap; + .\32xl\:focus\:via-colors-green-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-300, #9ae6b4), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:place-content-center { - place-content: center; + .\32xl\:focus\:via-colors-green-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-400, #68d391), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:place-content-start { - place-content: start; + .\32xl\:focus\:via-colors-green-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-500, #48bb78), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:place-content-end { - place-content: end; + .\32xl\:focus\:via-colors-green-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-600, #38a169), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:place-content-between { - place-content: space-between; + .\32xl\:focus\:via-colors-green-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-700, #2f855a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:place-content-around { - place-content: space-around; + .\32xl\:focus\:via-colors-green-800:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-800, #276749), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:place-content-evenly { - place-content: space-evenly; + .\32xl\:focus\:via-colors-green-900:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-green-900, #22543d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:place-content-stretch { - place-content: stretch; + .\32xl\:focus\:via-colors-teal-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-100, #e6fffa), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:place-items-start { - place-items: start; + .\32xl\:focus\:via-colors-teal-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-200, #b2f5ea), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:place-items-end { - place-items: end; + .\32xl\:focus\:via-colors-teal-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-300, #81e6d9), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:place-items-center { - place-items: center; + .\32xl\:focus\:via-colors-teal-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-400, #4fd1c5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:place-items-stretch { - place-items: stretch; + .\32xl\:focus\:via-colors-teal-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-500, #38b2ac), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:content-center { - align-content: center; + .\32xl\:focus\:via-colors-teal-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-600, #319795), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:content-start { - align-content: flex-start; + .\32xl\:focus\:via-colors-teal-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-700, #2c7a7b), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:content-end { - align-content: flex-end; + .\32xl\:focus\:via-colors-teal-800:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-800, #285e61), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:content-between { - align-content: space-between; + .\32xl\:focus\:via-colors-teal-900:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-teal-900, #234e52), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:content-around { - align-content: space-around; + .\32xl\:focus\:via-colors-blue-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-100, #ebf8ff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:content-evenly { - align-content: space-evenly; + .\32xl\:focus\:via-colors-blue-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-200, #bee3f8), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:items-start { - align-items: flex-start; + .\32xl\:focus\:via-colors-blue-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-300, #90cdf4), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:items-end { - align-items: flex-end; + .\32xl\:focus\:via-colors-blue-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-400, #63b3ed), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:items-center { - align-items: center; + .\32xl\:focus\:via-colors-blue-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-500, #4299e1), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:items-baseline { - align-items: baseline; + .\32xl\:focus\:via-colors-blue-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-600, #3182ce), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:items-stretch { - align-items: stretch; + .\32xl\:focus\:via-colors-blue-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-700, #2b6cb0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:justify-start { - justify-content: flex-start; + .\32xl\:focus\:via-colors-blue-800:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-800, #2c5282), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:justify-end { - justify-content: flex-end; + .\32xl\:focus\:via-colors-blue-900:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-blue-900, #2a4365), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:justify-center { - justify-content: center; + .\32xl\:focus\:via-colors-indigo-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-100, #ebf4ff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:justify-between { - justify-content: space-between; + .\32xl\:focus\:via-colors-indigo-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-200, #c3dafe), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:justify-around { - justify-content: space-around; + .\32xl\:focus\:via-colors-indigo-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-300, #a3bffa), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:justify-evenly { - justify-content: space-evenly; + .\32xl\:focus\:via-colors-indigo-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-400, #7f9cf5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:justify-items-start { - justify-items: start; + .\32xl\:focus\:via-colors-indigo-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-500, #667eea), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:justify-items-end { - justify-items: end; + .\32xl\:focus\:via-colors-indigo-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-600, #5a67d8), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:justify-items-center { - justify-items: center; + .\32xl\:focus\:via-colors-indigo-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-700, #4c51bf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:justify-items-stretch { - justify-items: stretch; + .\32xl\:focus\:via-colors-indigo-800:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-800, #434190), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-0 { - gap: 0px; + .\32xl\:focus\:via-colors-indigo-900:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-indigo-900, #3c366b), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-1 { - gap: 0.25rem; + .\32xl\:focus\:via-colors-purple-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-100, #faf5ff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-2 { - gap: 0.5rem; + .\32xl\:focus\:via-colors-purple-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-200, #e9d8fd), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-3 { - gap: 0.75rem; + .\32xl\:focus\:via-colors-purple-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-300, #d6bcfa), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-4 { - gap: 1rem; + .\32xl\:focus\:via-colors-purple-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-400, #b794f4), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-5 { - gap: 1.25rem; + .\32xl\:focus\:via-colors-purple-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-500, #9f7aea), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-6 { - gap: 1.5rem; + .\32xl\:focus\:via-colors-purple-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-600, #805ad5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-7 { - gap: 1.75rem; + .\32xl\:focus\:via-colors-purple-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-700, #6b46c1), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-8 { - gap: 2rem; + .\32xl\:focus\:via-colors-purple-800:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-800, #553c9a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-9 { - gap: 2.25rem; + .\32xl\:focus\:via-colors-purple-900:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-purple-900, #44337a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-10 { - gap: 2.5rem; + .\32xl\:focus\:via-colors-pink-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-100, #fff5f7), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-11 { - gap: 2.75rem; + .\32xl\:focus\:via-colors-pink-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-200, #fed7e2), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-12 { - gap: 3rem; + .\32xl\:focus\:via-colors-pink-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-300, #fbb6ce), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-14 { - gap: 3.5rem; + .\32xl\:focus\:via-colors-pink-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-400, #f687b3), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-16 { - gap: 4rem; + .\32xl\:focus\:via-colors-pink-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-500, #ed64a6), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-20 { - gap: 5rem; + .\32xl\:focus\:via-colors-pink-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-600, #d53f8c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-24 { - gap: 6rem; + .\32xl\:focus\:via-colors-pink-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-700, #b83280), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-28 { - gap: 7rem; + .\32xl\:focus\:via-colors-pink-800:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-800, #97266d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-32 { - gap: 8rem; + .\32xl\:focus\:via-colors-pink-900:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--colors-pink-900, #702459), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-36 { - gap: 9rem; + .\32xl\:focus\:via-Box\ Shadow:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--box-shadow, #7f7e7f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-40 { - gap: 10rem; + .\32xl\:focus\:via-Error16:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--error16, #f03d3e40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-44 { - gap: 11rem; + .\32xl\:focus\:via-Success16:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--success16, #5bb14d40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-48 { - gap: 12rem; + .\32xl\:focus\:via-Notification16:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification16, #3959ff40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-52 { - gap: 13rem; + .\32xl\:focus\:via-Error8:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--error8, #f03d3e1a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-56 { - gap: 14rem; + .\32xl\:focus\:via-Notification8:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification8, #3959ff1a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-60 { - gap: 15rem; + .\32xl\:focus\:via-Success8:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--success8, #5bb14d1a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-64 { - gap: 16rem; + .\32xl\:focus\:via-Light\ -\ Overlay:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-overlay, #f0edee66), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-72 { - gap: 18rem; + .\32xl\:focus\:via-Dark-\ Overlay:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--dark-overlay, #7f7e7f66), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-80 { - gap: 20rem; + .\32xl\:focus\:via-black-40:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-40, #00000066), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-96 { - gap: 24rem; + .\32xl\:focus\:via-black-75:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-75, #000000bf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-px { - gap: 1px; + .\32xl\:focus\:via-black-60:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-60, #00000099), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-0\.5 { - gap: 0.125rem; + .\32xl\:focus\:via-black-50:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-50, #00000080), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-1\.5 { - gap: 0.375rem; + .\32xl\:focus\:via-black-25:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-25, #00000040), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-2\.5 { - gap: 0.625rem; + .\32xl\:focus\:via-black-10:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-10, #0000001a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-3\.5 { - gap: 0.875rem; + .\32xl\:focus\:via-white-25:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--white-25, #ffffff40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-x-0 { - -moz-column-gap: 0px; - column-gap: 0px; + .\32xl\:focus\:via-white-60:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--white-60, #ffffff99), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-x-1 { - -moz-column-gap: 0.25rem; - column-gap: 0.25rem; + .\32xl\:focus\:via-black-64:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--black-64, #000000a3), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-x-2 { - -moz-column-gap: 0.5rem; - column-gap: 0.5rem; + .\32xl\:focus\:via-Shadow\ and\ Highlight-Shadow:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow, #7f7e7f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-x-3 { - -moz-column-gap: 0.75rem; - column-gap: 0.75rem; + .\32xl\:focus\:via-Shadow\ and\ Highlight-Highlight:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight, #474747), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-x-4 { - -moz-column-gap: 1rem; - column-gap: 1rem; + .\32xl\:focus\:via-Shadow\ and\ Highlight-highlight\ one:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-one, #474747bf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-x-5 { - -moz-column-gap: 1.25rem; - column-gap: 1.25rem; + .\32xl\:focus\:via-Shadow\ and\ Highlight-highlight\ two:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-two, #47474799), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-x-6 { - -moz-column-gap: 1.5rem; - column-gap: 1.5rem; + .\32xl\:focus\:via-Shadow\ and\ Highlight-highlight\ three:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-three, #47474766), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-x-7 { - -moz-column-gap: 1.75rem; - column-gap: 1.75rem; + .\32xl\:focus\:via-Shadow\ and\ Highlight-highlight\ five:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-five, #4747471a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-x-8 { - -moz-column-gap: 2rem; - column-gap: 2rem; + .\32xl\:focus\:via-Shadow\ and\ Highlight-shadow\ one:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-one, #7f7e7fbf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-x-9 { - -moz-column-gap: 2.25rem; - column-gap: 2.25rem; + .\32xl\:focus\:via-Shadow\ and\ Highlight-shadow\ two:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-two, #7f7e7f99), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-x-10 { - -moz-column-gap: 2.5rem; - column-gap: 2.5rem; + .\32xl\:focus\:via-Shadow\ and\ Highlight-shadow\ three:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-three, #7f7e7f66), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-x-11 { - -moz-column-gap: 2.75rem; - column-gap: 2.75rem; + .\32xl\:focus\:via-Shadow\ and\ Highlight-shadow\ four:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-four, #7f7e7f40), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-x-12 { - -moz-column-gap: 3rem; - column-gap: 3rem; + .\32xl\:focus\:via-Shadow\ and\ Highlight-shadow\ five:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-shadow-five, #7f7e7f1a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-x-14 { - -moz-column-gap: 3.5rem; - column-gap: 3.5rem; + .\32xl\:focus\:via-Shadow\ and\ Highlight-highlight\ four:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--shadow-and-highlight-highlight-four, #47474740), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-x-16 { - -moz-column-gap: 4rem; - column-gap: 4rem; + .\32xl\:focus\:via-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--base-layer-styles-base-layer-light-white, #ffffff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-x-20 { - -moz-column-gap: 5rem; - column-gap: 5rem; + .\32xl\:focus\:via-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--base-layer-styles-base-layer-light-off-white, #f0edee), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-x-24 { - -moz-column-gap: 6rem; - column-gap: 6rem; + .\32xl\:focus\:via-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-x-28 { - -moz-column-gap: 7rem; - column-gap: 7rem; + .\32xl\:focus\:via-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--base-layer-styles-base-layer-dark-black, #000000), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-x-32 { - -moz-column-gap: 8rem; - column-gap: 8rem; + .\32xl\:focus\:via-Grey-Scale-white:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-white, #ffffff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-x-36 { - -moz-column-gap: 9rem; - column-gap: 9rem; + .\32xl\:focus\:via-Grey-Scale-off-white:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-off-white, #f0edee), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-x-40 { - -moz-column-gap: 10rem; - column-gap: 10rem; + .\32xl\:focus\:via-Grey\ Scale-grey:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-grey, #7f7e7f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-x-44 { - -moz-column-gap: 11rem; - column-gap: 11rem; + .\32xl\:focus\:via-Grey\ Scale-charcoal:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-charcoal, #474747), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-x-48 { - -moz-column-gap: 12rem; - column-gap: 12rem; + .\32xl\:focus\:via-Grey\ Scale-off-black:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-off-black, #1c1c1c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-x-52 { - -moz-column-gap: 13rem; - column-gap: 13rem; + .\32xl\:focus\:via-Grey\ Scale-black:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--grey-scale-black, #000000), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-x-56 { - -moz-column-gap: 14rem; - column-gap: 14rem; + .\32xl\:focus\:via-Blue-blue:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue, #3a7ca5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-x-60 { - -moz-column-gap: 15rem; - column-gap: 15rem; + .\32xl\:focus\:via-Blue-blue-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-100, #75a3c0), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-x-64 { - -moz-column-gap: 16rem; - column-gap: 16rem; + .\32xl\:focus\:via-Blue-blue-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-200, #9cbed2), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-x-72 { - -moz-column-gap: 18rem; - column-gap: 18rem; + .\32xl\:focus\:via-Blue-blue-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-300, #4f7d9a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-x-80 { - -moz-column-gap: 20rem; - column-gap: 20rem; + .\32xl\:focus\:via-Blue-blue-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-400, #5c7d92), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-x-96 { - -moz-column-gap: 24rem; - column-gap: 24rem; + .\32xl\:focus\:via-Blue-blue-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-500, #347095), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-x-px { - -moz-column-gap: 1px; - column-gap: 1px; + .\32xl\:focus\:via-Blue-blue-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-600, #295774), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-x-0\.5 { - -moz-column-gap: 0.125rem; - column-gap: 0.125rem; + .\32xl\:focus\:via-Blue-blue-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--blue-blue-700, #173242), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-x-1\.5 { - -moz-column-gap: 0.375rem; - column-gap: 0.375rem; + .\32xl\:focus\:via-LightBlue-lightblue:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue, #81c3d7), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-x-2\.5 { - -moz-column-gap: 0.625rem; - column-gap: 0.625rem; + .\32xl\:focus\:via-LightBlue-lightblue-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-100, #a7d5e3), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-x-3\.5 { - -moz-column-gap: 0.875rem; - column-gap: 0.875rem; + .\32xl\:focus\:via-LightBlue-lightblue-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-200, #c0e1eb), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-y-0 { - row-gap: 0px; + .\32xl\:focus\:via-LightBlue-lightblue-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-300, #80aebd), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-y-1 { - row-gap: 0.25rem; + .\32xl\:focus\:via-LightBlue-lightblue-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-400, #80a0ab), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-y-2 { - row-gap: 0.5rem; + .\32xl\:focus\:via-LightBlue-lightblue-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-500, #74afc1), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-y-3 { - row-gap: 0.75rem; + .\32xl\:focus\:via-LightBlue-lightblue-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-600, #5a8997), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-y-4 { - row-gap: 1rem; + .\32xl\:focus\:via-LightBlue-lightblue-650:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-650, #3e5e65), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-y-5 { - row-gap: 1.25rem; + .\32xl\:focus\:via-LightBlue-lightblue-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--light-blue-lightblue-700, #344e56), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-y-6 { - row-gap: 1.5rem; + .\32xl\:focus\:via-Orange-orange:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange, #ff7f0e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-y-7 { - row-gap: 1.75rem; + .\32xl\:focus\:via-Orange-orange-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-100, #ffa556), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-y-8 { - row-gap: 2rem; + .\32xl\:focus\:via-Orange-orange-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-200, #ffbf86), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-y-9 { - row-gap: 2.25rem; + .\32xl\:focus\:via-Orange-orange-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-300, #d97f30), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-y-10 { - row-gap: 2.5rem; + .\32xl\:focus\:via-Orange-orange-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-400, #bf7e46), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-y-11 { - row-gap: 2.75rem; + .\32xl\:focus\:via-Orange-orange-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-500, #e5720d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-y-12 { - row-gap: 3rem; + .\32xl\:focus\:via-Orange-orange-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-600, #b3590a), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-y-14 { - row-gap: 3.5rem; + .\32xl\:focus\:via-Orange-orange-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--orange-orange-700, #663306), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-y-16 { - row-gap: 4rem; + .\32xl\:focus\:via-Yellow-yellow:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow, #ffab00), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-y-20 { - row-gap: 5rem; + .\32xl\:focus\:via-Yellow-yellow-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-100, #ffc44c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-y-24 { - row-gap: 6rem; + .\32xl\:focus\:via-Yellow-yellow-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-200, #ffd580), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-y-28 { - row-gap: 7rem; + .\32xl\:focus\:via-Yellow-yellow-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-300, #d99d26), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-y-32 { - row-gap: 8rem; + .\32xl\:focus\:via-Yellow-yellow-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-400, #bf943f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-y-36 { - row-gap: 9rem; + .\32xl\:focus\:via-Yellow-yellow-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-500, #e59a00), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-y-40 { - row-gap: 10rem; + .\32xl\:focus\:via-Yellow-yellow-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-600, #b37800), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-y-44 { - row-gap: 11rem; + .\32xl\:focus\:via-Yellow-yellow-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--yellow-yellow-700, #664400), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-y-48 { - row-gap: 12rem; + .\32xl\:focus\:via-Notification-notification:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification, #3959ff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-y-52 { - row-gap: 13rem; + .\32xl\:focus\:via-Notification-notification-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-100, #748bff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-y-56 { - row-gap: 14rem; + .\32xl\:focus\:via-Notification-notification-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-200, #9cacff), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-y-60 { - row-gap: 15rem; + .\32xl\:focus\:via-Notification-notification-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-300, #4e64d9), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-y-64 { - row-gap: 16rem; + .\32xl\:focus\:via-Notification-notification-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-400, #5c6cbf), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-y-72 { - row-gap: 18rem; + .\32xl\:focus\:via-Notification-notification-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-500, #3350e5), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-y-80 { - row-gap: 20rem; + .\32xl\:focus\:via-Notification-notification-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-600, #283eb3), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-y-96 { - row-gap: 24rem; + .\32xl\:focus\:via-Notification-notification-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--notification-notification-700, #172466), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-y-px { - row-gap: 1px; + .\32xl\:focus\:via-Success-success\ -700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-700, #24471f), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-y-0\.5 { - row-gap: 0.125rem; + .\32xl\:focus\:via-Success-success:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success, #5bb14d), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-y-1\.5 { - row-gap: 0.375rem; + .\32xl\:focus\:via-Success-success\ -100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-100, #8cc882), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-y-2\.5 { - row-gap: 0.625rem; + .\32xl\:focus\:via-Success-success\ -200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-200, #add8a6), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:gap-y-3\.5 { - row-gap: 0.875rem; + .\32xl\:focus\:via-Success-success\ -300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-300, #66a25c), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:space-x-0 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(0px * var(--tw-space-x-reverse)); - margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse))); + .\32xl\:focus\:via-Success-success\ -400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-400, #6d9766), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\: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))); + .\32xl\:focus\:via-Success-success\ -500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-500, #529f45), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\: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))); + .\32xl\:focus\:via-Success-success\ -600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--success-success-600, #407c36), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\: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))); + .\32xl\:focus\:via-Error-error:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error, #f03d3e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\: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))); + .\32xl\:focus\:via-Error-error-100:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-100, #f57778), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:space-x-5 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(1.25rem * var(--tw-space-x-reverse)); - margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse))); + .\32xl\:focus\:via-Error-error-200:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-200, #f89e9e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\: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))); + .\32xl\:focus\:via-Error-error-250:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-250, #f9c8c8), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:space-x-7 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(1.75rem * var(--tw-space-x-reverse)); - margin-left: calc(1.75rem * calc(1 - var(--tw-space-x-reverse))); + .\32xl\:focus\:via-Error-error-300:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-300, #ce5151), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\: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))); + .\32xl\:focus\:via-Error-error-400:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-400, #b85e5e), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:space-x-9 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(2.25rem * var(--tw-space-x-reverse)); - margin-left: calc(2.25rem * calc(1 - var(--tw-space-x-reverse))); + .\32xl\:focus\:via-Error-error-500:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-500, #d83738), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:space-x-10 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(2.5rem * var(--tw-space-x-reverse)); - margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse))); + .\32xl\:focus\:via-Error-error-600:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-600, #a82b2b), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:space-x-11 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(2.75rem * var(--tw-space-x-reverse)); - margin-left: calc(2.75rem * calc(1 - var(--tw-space-x-reverse))); + .\32xl\:focus\:via-Error-error-700:focus { + --tw-gradient-stops: var(--tw-gradient-from), var(--error-error-700, #601819), var(--tw-gradient-to, rgba(255, 255, 255, 0)); } - .\32xl\:space-x-12 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(3rem * var(--tw-space-x-reverse)); - margin-left: calc(3rem * calc(1 - var(--tw-space-x-reverse))); + .\32xl\:to-colors-black { + --tw-gradient-to: var(--colors-black, #000000); } - .\32xl\:space-x-14 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(3.5rem * var(--tw-space-x-reverse)); - margin-left: calc(3.5rem * calc(1 - var(--tw-space-x-reverse))); + .\32xl\:to-colors-white { + --tw-gradient-to: var(--colors-white, #ffffff); } - .\32xl\:space-x-16 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(4rem * var(--tw-space-x-reverse)); - margin-left: calc(4rem * calc(1 - var(--tw-space-x-reverse))); + .\32xl\:to-colors-gray-100 { + --tw-gradient-to: var(--colors-gray-100, #f7fafc); } - .\32xl\:space-x-20 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(5rem * var(--tw-space-x-reverse)); - margin-left: calc(5rem * calc(1 - var(--tw-space-x-reverse))); + .\32xl\:to-colors-gray-200 { + --tw-gradient-to: var(--colors-gray-200, #edf2f7); } - .\32xl\:space-x-24 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(6rem * var(--tw-space-x-reverse)); - margin-left: calc(6rem * calc(1 - var(--tw-space-x-reverse))); + .\32xl\:to-colors-gray-300 { + --tw-gradient-to: var(--colors-gray-300, #e2e8f0); } - .\32xl\:space-x-28 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(7rem * var(--tw-space-x-reverse)); - margin-left: calc(7rem * calc(1 - var(--tw-space-x-reverse))); + .\32xl\:to-colors-gray-400 { + --tw-gradient-to: var(--colors-gray-400, #cbd5e0); } - .\32xl\:space-x-32 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(8rem * var(--tw-space-x-reverse)); - margin-left: calc(8rem * calc(1 - var(--tw-space-x-reverse))); + .\32xl\:to-colors-gray-500 { + --tw-gradient-to: var(--colors-gray-500, #a0aec0); } - .\32xl\:space-x-36 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(9rem * var(--tw-space-x-reverse)); - margin-left: calc(9rem * calc(1 - var(--tw-space-x-reverse))); + .\32xl\:to-colors-gray-600 { + --tw-gradient-to: var(--colors-gray-600, #718096); } - .\32xl\:space-x-40 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(10rem * var(--tw-space-x-reverse)); - margin-left: calc(10rem * calc(1 - var(--tw-space-x-reverse))); + .\32xl\:to-colors-gray-700 { + --tw-gradient-to: var(--colors-gray-700, #4a5568); } - .\32xl\:space-x-44 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(11rem * var(--tw-space-x-reverse)); - margin-left: calc(11rem * calc(1 - var(--tw-space-x-reverse))); + .\32xl\:to-colors-gray-800 { + --tw-gradient-to: var(--colors-gray-800, #2d3748); } - .\32xl\:space-x-48 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(12rem * var(--tw-space-x-reverse)); - margin-left: calc(12rem * calc(1 - var(--tw-space-x-reverse))); + .\32xl\:to-colors-gray-900 { + --tw-gradient-to: var(--colors-gray-900, #1a202c); } - .\32xl\:space-x-52 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(13rem * var(--tw-space-x-reverse)); - margin-left: calc(13rem * calc(1 - var(--tw-space-x-reverse))); + .\32xl\:to-colors-red-100 { + --tw-gradient-to: var(--colors-red-100, #fff5f5); } - .\32xl\:space-x-56 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(14rem * var(--tw-space-x-reverse)); - margin-left: calc(14rem * calc(1 - var(--tw-space-x-reverse))); + .\32xl\:to-colors-red-200 { + --tw-gradient-to: var(--colors-red-200, #fed7d7); } - .\32xl\:space-x-60 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(15rem * var(--tw-space-x-reverse)); - margin-left: calc(15rem * calc(1 - var(--tw-space-x-reverse))); + .\32xl\:to-colors-red-300 { + --tw-gradient-to: var(--colors-red-300, #feb2b2); } - .\32xl\:space-x-64 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(16rem * var(--tw-space-x-reverse)); - margin-left: calc(16rem * calc(1 - var(--tw-space-x-reverse))); + .\32xl\:to-colors-red-400 { + --tw-gradient-to: var(--colors-red-400, #fc8181); } - .\32xl\:space-x-72 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(18rem * var(--tw-space-x-reverse)); - margin-left: calc(18rem * calc(1 - var(--tw-space-x-reverse))); + .\32xl\:to-colors-red-500 { + --tw-gradient-to: var(--colors-red-500, #f56565); } - .\32xl\:space-x-80 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(20rem * var(--tw-space-x-reverse)); - margin-left: calc(20rem * calc(1 - var(--tw-space-x-reverse))); + .\32xl\:to-colors-red-600 { + --tw-gradient-to: var(--colors-red-600, #e53e3e); } - .\32xl\:space-x-96 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(24rem * var(--tw-space-x-reverse)); - margin-left: calc(24rem * calc(1 - var(--tw-space-x-reverse))); + .\32xl\:to-colors-red-700 { + --tw-gradient-to: var(--colors-red-700, #c53030); } - .\32xl\:space-x-px > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(1px * var(--tw-space-x-reverse)); - margin-left: calc(1px * calc(1 - var(--tw-space-x-reverse))); + .\32xl\:to-colors-red-800 { + --tw-gradient-to: var(--colors-red-800, #9b2c2c); } - .\32xl\:space-x-0\.5 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(0.125rem * var(--tw-space-x-reverse)); - margin-left: calc(0.125rem * calc(1 - var(--tw-space-x-reverse))); + .\32xl\:to-colors-red-900 { + --tw-gradient-to: var(--colors-red-900, #742a2a); } - .\32xl\: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))); + .\32xl\:to-colors-orange-100 { + --tw-gradient-to: var(--colors-orange-100, #fffaf0); } - .\32xl\: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))); + .\32xl\:to-colors-orange-200 { + --tw-gradient-to: var(--colors-orange-200, #feebc8); } - .\32xl\:space-x-3\.5 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(0.875rem * var(--tw-space-x-reverse)); - margin-left: calc(0.875rem * calc(1 - var(--tw-space-x-reverse))); + .\32xl\:to-colors-orange-300 { + --tw-gradient-to: var(--colors-orange-300, #fbd38d); } - .\32xl\:-space-x-0 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(0px * var(--tw-space-x-reverse)); - margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse))); + .\32xl\:to-colors-orange-400 { + --tw-gradient-to: var(--colors-orange-400, #f6ad55); } - .\32xl\:-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))); + .\32xl\:to-colors-orange-500 { + --tw-gradient-to: var(--colors-orange-500, #ed8936); } - .\32xl\:-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))); + .\32xl\:to-colors-orange-600 { + --tw-gradient-to: var(--colors-orange-600, #dd6b20); } - .\32xl\:-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))); + .\32xl\:to-colors-orange-700 { + --tw-gradient-to: var(--colors-orange-700, #c05621); } - .\32xl\:-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))); + .\32xl\:to-colors-orange-800 { + --tw-gradient-to: var(--colors-orange-800, #9c4221); } - .\32xl\:-space-x-5 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-1.25rem * var(--tw-space-x-reverse)); - margin-left: calc(-1.25rem * calc(1 - var(--tw-space-x-reverse))); + .\32xl\:to-colors-orange-900 { + --tw-gradient-to: var(--colors-orange-900, #7b341e); } - .\32xl\:-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))); + .\32xl\:to-colors-yellow-100 { + --tw-gradient-to: var(--colors-yellow-100, #fffff0); } - .\32xl\:-space-x-7 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-1.75rem * var(--tw-space-x-reverse)); - margin-left: calc(-1.75rem * calc(1 - var(--tw-space-x-reverse))); + .\32xl\:to-colors-yellow-200 { + --tw-gradient-to: var(--colors-yellow-200, #fefcbf); } - .\32xl\:-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))); + .\32xl\:to-colors-yellow-300 { + --tw-gradient-to: var(--colors-yellow-300, #faf089); } - .\32xl\:-space-x-9 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-2.25rem * var(--tw-space-x-reverse)); - margin-left: calc(-2.25rem * calc(1 - var(--tw-space-x-reverse))); + .\32xl\:to-colors-yellow-400 { + --tw-gradient-to: var(--colors-yellow-400, #f6e05e); } - .\32xl\:-space-x-10 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-2.5rem * var(--tw-space-x-reverse)); - margin-left: calc(-2.5rem * calc(1 - var(--tw-space-x-reverse))); + .\32xl\:to-colors-yellow-500 { + --tw-gradient-to: var(--colors-yellow-500, #ecc94b); } - .\32xl\:-space-x-11 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-2.75rem * var(--tw-space-x-reverse)); - margin-left: calc(-2.75rem * calc(1 - var(--tw-space-x-reverse))); + .\32xl\:to-colors-yellow-600 { + --tw-gradient-to: var(--colors-yellow-600, #d69e2e); } - .\32xl\:-space-x-12 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-3rem * var(--tw-space-x-reverse)); - margin-left: calc(-3rem * calc(1 - var(--tw-space-x-reverse))); + .\32xl\:to-colors-yellow-700 { + --tw-gradient-to: var(--colors-yellow-700, #b7791f); } - .\32xl\:-space-x-14 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-3.5rem * var(--tw-space-x-reverse)); - margin-left: calc(-3.5rem * calc(1 - var(--tw-space-x-reverse))); + .\32xl\:to-colors-yellow-800 { + --tw-gradient-to: var(--colors-yellow-800, #975a16); } - .\32xl\:-space-x-16 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-4rem * var(--tw-space-x-reverse)); - margin-left: calc(-4rem * calc(1 - var(--tw-space-x-reverse))); + .\32xl\:to-colors-yellow-900 { + --tw-gradient-to: var(--colors-yellow-900, #744210); } - .\32xl\:-space-x-20 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-5rem * var(--tw-space-x-reverse)); - margin-left: calc(-5rem * calc(1 - var(--tw-space-x-reverse))); + .\32xl\:to-colors-green-100 { + --tw-gradient-to: var(--colors-green-100, #f0fff4); } - .\32xl\:-space-x-24 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-6rem * var(--tw-space-x-reverse)); - margin-left: calc(-6rem * calc(1 - var(--tw-space-x-reverse))); + .\32xl\:to-colors-green-200 { + --tw-gradient-to: var(--colors-green-200, #c6f6d5); } - .\32xl\:-space-x-28 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-7rem * var(--tw-space-x-reverse)); - margin-left: calc(-7rem * calc(1 - var(--tw-space-x-reverse))); + .\32xl\:to-colors-green-300 { + --tw-gradient-to: var(--colors-green-300, #9ae6b4); } - .\32xl\:-space-x-32 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-8rem * var(--tw-space-x-reverse)); - margin-left: calc(-8rem * calc(1 - var(--tw-space-x-reverse))); + .\32xl\:to-colors-green-400 { + --tw-gradient-to: var(--colors-green-400, #68d391); } - .\32xl\:-space-x-36 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-9rem * var(--tw-space-x-reverse)); - margin-left: calc(-9rem * calc(1 - var(--tw-space-x-reverse))); + .\32xl\:to-colors-green-500 { + --tw-gradient-to: var(--colors-green-500, #48bb78); } - .\32xl\:-space-x-40 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-10rem * var(--tw-space-x-reverse)); - margin-left: calc(-10rem * calc(1 - var(--tw-space-x-reverse))); + .\32xl\:to-colors-green-600 { + --tw-gradient-to: var(--colors-green-600, #38a169); } - .\32xl\:-space-x-44 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-11rem * var(--tw-space-x-reverse)); - margin-left: calc(-11rem * calc(1 - var(--tw-space-x-reverse))); + .\32xl\:to-colors-green-700 { + --tw-gradient-to: var(--colors-green-700, #2f855a); } - .\32xl\:-space-x-48 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-12rem * var(--tw-space-x-reverse)); - margin-left: calc(-12rem * calc(1 - var(--tw-space-x-reverse))); + .\32xl\:to-colors-green-800 { + --tw-gradient-to: var(--colors-green-800, #276749); } - .\32xl\:-space-x-52 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-13rem * var(--tw-space-x-reverse)); - margin-left: calc(-13rem * calc(1 - var(--tw-space-x-reverse))); + .\32xl\:to-colors-green-900 { + --tw-gradient-to: var(--colors-green-900, #22543d); } - .\32xl\:-space-x-56 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-14rem * var(--tw-space-x-reverse)); - margin-left: calc(-14rem * calc(1 - var(--tw-space-x-reverse))); + .\32xl\:to-colors-teal-100 { + --tw-gradient-to: var(--colors-teal-100, #e6fffa); } - .\32xl\:-space-x-60 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-15rem * var(--tw-space-x-reverse)); - margin-left: calc(-15rem * calc(1 - var(--tw-space-x-reverse))); + .\32xl\:to-colors-teal-200 { + --tw-gradient-to: var(--colors-teal-200, #b2f5ea); } - .\32xl\:-space-x-64 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-16rem * var(--tw-space-x-reverse)); - margin-left: calc(-16rem * calc(1 - var(--tw-space-x-reverse))); + .\32xl\:to-colors-teal-300 { + --tw-gradient-to: var(--colors-teal-300, #81e6d9); } - .\32xl\:-space-x-72 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-18rem * var(--tw-space-x-reverse)); - margin-left: calc(-18rem * calc(1 - var(--tw-space-x-reverse))); + .\32xl\:to-colors-teal-400 { + --tw-gradient-to: var(--colors-teal-400, #4fd1c5); } - .\32xl\:-space-x-80 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-20rem * var(--tw-space-x-reverse)); - margin-left: calc(-20rem * calc(1 - var(--tw-space-x-reverse))); + .\32xl\:to-colors-teal-500 { + --tw-gradient-to: var(--colors-teal-500, #38b2ac); } - .\32xl\:-space-x-96 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-24rem * var(--tw-space-x-reverse)); - margin-left: calc(-24rem * calc(1 - var(--tw-space-x-reverse))); + .\32xl\:to-colors-teal-600 { + --tw-gradient-to: var(--colors-teal-600, #319795); } - .\32xl\:-space-x-px > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-1px * var(--tw-space-x-reverse)); - margin-left: calc(-1px * calc(1 - var(--tw-space-x-reverse))); + .\32xl\:to-colors-teal-700 { + --tw-gradient-to: var(--colors-teal-700, #2c7a7b); } - .\32xl\:-space-x-0\.5 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-0.125rem * var(--tw-space-x-reverse)); - margin-left: calc(-0.125rem * calc(1 - var(--tw-space-x-reverse))); + .\32xl\:to-colors-teal-800 { + --tw-gradient-to: var(--colors-teal-800, #285e61); } - .\32xl\:-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))); + .\32xl\:to-colors-teal-900 { + --tw-gradient-to: var(--colors-teal-900, #234e52); } - .\32xl\:-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))); + .\32xl\:to-colors-blue-100 { + --tw-gradient-to: var(--colors-blue-100, #ebf8ff); } - .\32xl\:-space-x-3\.5 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-0.875rem * var(--tw-space-x-reverse)); - margin-left: calc(-0.875rem * calc(1 - var(--tw-space-x-reverse))); + .\32xl\:to-colors-blue-200 { + --tw-gradient-to: var(--colors-blue-200, #bee3f8); } - .\32xl\: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)); + .\32xl\:to-colors-blue-300 { + --tw-gradient-to: var(--colors-blue-300, #90cdf4); } - .\32xl\: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)); + .\32xl\:to-colors-blue-400 { + --tw-gradient-to: var(--colors-blue-400, #63b3ed); } - .\32xl\: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)); + .\32xl\:to-colors-blue-500 { + --tw-gradient-to: var(--colors-blue-500, #4299e1); } - .\32xl\: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)); + .\32xl\:to-colors-blue-600 { + --tw-gradient-to: var(--colors-blue-600, #3182ce); } - .\32xl\: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)); + .\32xl\:to-colors-blue-700 { + --tw-gradient-to: var(--colors-blue-700, #2b6cb0); } - .\32xl\: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)); + .\32xl\:to-colors-blue-800 { + --tw-gradient-to: var(--colors-blue-800, #2c5282); } - .\32xl\: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)); + .\32xl\:to-colors-blue-900 { + --tw-gradient-to: var(--colors-blue-900, #2a4365); } - .\32xl\:space-y-7 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(1.75rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(1.75rem * var(--tw-space-y-reverse)); + .\32xl\:to-colors-indigo-100 { + --tw-gradient-to: var(--colors-indigo-100, #ebf4ff); } - .\32xl\: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)); + .\32xl\:to-colors-indigo-200 { + --tw-gradient-to: var(--colors-indigo-200, #c3dafe); } - .\32xl\:space-y-9 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(2.25rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(2.25rem * var(--tw-space-y-reverse)); + .\32xl\:to-colors-indigo-300 { + --tw-gradient-to: var(--colors-indigo-300, #a3bffa); } - .\32xl\: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)); + .\32xl\:to-colors-indigo-400 { + --tw-gradient-to: var(--colors-indigo-400, #7f9cf5); } - .\32xl\:space-y-11 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(2.75rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(2.75rem * var(--tw-space-y-reverse)); + .\32xl\:to-colors-indigo-500 { + --tw-gradient-to: var(--colors-indigo-500, #667eea); } - .\32xl\: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)); + .\32xl\:to-colors-indigo-600 { + --tw-gradient-to: var(--colors-indigo-600, #5a67d8); } - .\32xl\:space-y-14 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(3.5rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(3.5rem * var(--tw-space-y-reverse)); + .\32xl\:to-colors-indigo-700 { + --tw-gradient-to: var(--colors-indigo-700, #4c51bf); } - .\32xl\: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)); + .\32xl\:to-colors-indigo-800 { + --tw-gradient-to: var(--colors-indigo-800, #434190); } - .\32xl\:space-y-20 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(5rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(5rem * var(--tw-space-y-reverse)); + .\32xl\:to-colors-indigo-900 { + --tw-gradient-to: var(--colors-indigo-900, #3c366b); } - .\32xl\:space-y-24 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(6rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(6rem * var(--tw-space-y-reverse)); + .\32xl\:to-colors-purple-100 { + --tw-gradient-to: var(--colors-purple-100, #faf5ff); } - .\32xl\:space-y-28 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(7rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(7rem * var(--tw-space-y-reverse)); + .\32xl\:to-colors-purple-200 { + --tw-gradient-to: var(--colors-purple-200, #e9d8fd); } - .\32xl\:space-y-32 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(8rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(8rem * var(--tw-space-y-reverse)); + .\32xl\:to-colors-purple-300 { + --tw-gradient-to: var(--colors-purple-300, #d6bcfa); } - .\32xl\:space-y-36 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(9rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(9rem * var(--tw-space-y-reverse)); + .\32xl\:to-colors-purple-400 { + --tw-gradient-to: var(--colors-purple-400, #b794f4); } - .\32xl\:space-y-40 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(10rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(10rem * var(--tw-space-y-reverse)); + .\32xl\:to-colors-purple-500 { + --tw-gradient-to: var(--colors-purple-500, #9f7aea); } - .\32xl\:space-y-44 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(11rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(11rem * var(--tw-space-y-reverse)); + .\32xl\:to-colors-purple-600 { + --tw-gradient-to: var(--colors-purple-600, #805ad5); } - .\32xl\:space-y-48 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(12rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(12rem * var(--tw-space-y-reverse)); + .\32xl\:to-colors-purple-700 { + --tw-gradient-to: var(--colors-purple-700, #6b46c1); } - .\32xl\:space-y-52 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(13rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(13rem * var(--tw-space-y-reverse)); + .\32xl\:to-colors-purple-800 { + --tw-gradient-to: var(--colors-purple-800, #553c9a); } - .\32xl\:space-y-56 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(14rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(14rem * var(--tw-space-y-reverse)); + .\32xl\:to-colors-purple-900 { + --tw-gradient-to: var(--colors-purple-900, #44337a); } - .\32xl\:space-y-60 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(15rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(15rem * var(--tw-space-y-reverse)); + .\32xl\:to-colors-pink-100 { + --tw-gradient-to: var(--colors-pink-100, #fff5f7); } - .\32xl\:space-y-64 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(16rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(16rem * var(--tw-space-y-reverse)); + .\32xl\:to-colors-pink-200 { + --tw-gradient-to: var(--colors-pink-200, #fed7e2); } - .\32xl\:space-y-72 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(18rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(18rem * var(--tw-space-y-reverse)); + .\32xl\:to-colors-pink-300 { + --tw-gradient-to: var(--colors-pink-300, #fbb6ce); } - .\32xl\:space-y-80 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(20rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(20rem * var(--tw-space-y-reverse)); + .\32xl\:to-colors-pink-400 { + --tw-gradient-to: var(--colors-pink-400, #f687b3); } - .\32xl\:space-y-96 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(24rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(24rem * var(--tw-space-y-reverse)); + .\32xl\:to-colors-pink-500 { + --tw-gradient-to: var(--colors-pink-500, #ed64a6); } - .\32xl\:space-y-px > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(1px * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(1px * var(--tw-space-y-reverse)); + .\32xl\:to-colors-pink-600 { + --tw-gradient-to: var(--colors-pink-600, #d53f8c); } - .\32xl\: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)); + .\32xl\:to-colors-pink-700 { + --tw-gradient-to: var(--colors-pink-700, #b83280); } - .\32xl\: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)); + .\32xl\:to-colors-pink-800 { + --tw-gradient-to: var(--colors-pink-800, #97266d); } - .\32xl\: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)); + .\32xl\:to-colors-pink-900 { + --tw-gradient-to: var(--colors-pink-900, #702459); } - .\32xl\:space-y-3\.5 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(0.875rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(0.875rem * var(--tw-space-y-reverse)); + .\32xl\:to-Box\ Shadow { + --tw-gradient-to: var(--box-shadow, #7f7e7f); } - .\32xl\:-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)); + .\32xl\:to-Error16 { + --tw-gradient-to: var(--error16, #f03d3e40); } - .\32xl\:-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)); + .\32xl\:to-Success16 { + --tw-gradient-to: var(--success16, #5bb14d40); } - .\32xl\:-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)); + .\32xl\:to-Notification16 { + --tw-gradient-to: var(--notification16, #3959ff40); } - .\32xl\:-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)); + .\32xl\:to-Error8 { + --tw-gradient-to: var(--error8, #f03d3e1a); } - .\32xl\:-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)); + .\32xl\:to-Notification8 { + --tw-gradient-to: var(--notification8, #3959ff1a); } - .\32xl\:-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)); + .\32xl\:to-Success8 { + --tw-gradient-to: var(--success8, #5bb14d1a); } - .\32xl\:-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)); + .\32xl\:to-Light\ -\ Overlay { + --tw-gradient-to: var(--light-overlay, #f0edee66); } - .\32xl\:-space-y-7 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-1.75rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-1.75rem * var(--tw-space-y-reverse)); + .\32xl\:to-Dark-\ Overlay { + --tw-gradient-to: var(--dark-overlay, #7f7e7f66); } - .\32xl\:-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)); + .\32xl\:to-black-40 { + --tw-gradient-to: var(--black-40, #00000066); } - .\32xl\:-space-y-9 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-2.25rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-2.25rem * var(--tw-space-y-reverse)); + .\32xl\:to-black-75 { + --tw-gradient-to: var(--black-75, #000000bf); } - .\32xl\:-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)); + .\32xl\:to-black-60 { + --tw-gradient-to: var(--black-60, #00000099); } - .\32xl\:-space-y-11 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-2.75rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-2.75rem * var(--tw-space-y-reverse)); + .\32xl\:to-black-50 { + --tw-gradient-to: var(--black-50, #00000080); } - .\32xl\:-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)); + .\32xl\:to-black-25 { + --tw-gradient-to: var(--black-25, #00000040); } - .\32xl\:-space-y-14 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-3.5rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-3.5rem * var(--tw-space-y-reverse)); + .\32xl\:to-black-10 { + --tw-gradient-to: var(--black-10, #0000001a); } - .\32xl\:-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)); + .\32xl\:to-white-25 { + --tw-gradient-to: var(--white-25, #ffffff40); } - .\32xl\:-space-y-20 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-5rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-5rem * var(--tw-space-y-reverse)); + .\32xl\:to-white-60 { + --tw-gradient-to: var(--white-60, #ffffff99); } - .\32xl\:-space-y-24 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-6rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-6rem * var(--tw-space-y-reverse)); + .\32xl\:to-black-64 { + --tw-gradient-to: var(--black-64, #000000a3); } - .\32xl\:-space-y-28 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-7rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-7rem * var(--tw-space-y-reverse)); + .\32xl\:to-Shadow\ and\ Highlight-Shadow { + --tw-gradient-to: var(--shadow-and-highlight-shadow, #7f7e7f); } - .\32xl\:-space-y-32 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-8rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-8rem * var(--tw-space-y-reverse)); + .\32xl\:to-Shadow\ and\ Highlight-Highlight { + --tw-gradient-to: var(--shadow-and-highlight-highlight, #474747); } - .\32xl\:-space-y-36 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-9rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-9rem * var(--tw-space-y-reverse)); + .\32xl\:to-Shadow\ and\ Highlight-highlight\ one { + --tw-gradient-to: var(--shadow-and-highlight-highlight-one, #474747bf); } - .\32xl\:-space-y-40 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-10rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-10rem * var(--tw-space-y-reverse)); + .\32xl\:to-Shadow\ and\ Highlight-highlight\ two { + --tw-gradient-to: var(--shadow-and-highlight-highlight-two, #47474799); } - .\32xl\:-space-y-44 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-11rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-11rem * var(--tw-space-y-reverse)); + .\32xl\:to-Shadow\ and\ Highlight-highlight\ three { + --tw-gradient-to: var(--shadow-and-highlight-highlight-three, #47474766); } - .\32xl\:-space-y-48 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-12rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-12rem * var(--tw-space-y-reverse)); + .\32xl\:to-Shadow\ and\ Highlight-highlight\ five { + --tw-gradient-to: var(--shadow-and-highlight-highlight-five, #4747471a); } - .\32xl\:-space-y-52 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-13rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-13rem * var(--tw-space-y-reverse)); + .\32xl\:to-Shadow\ and\ Highlight-shadow\ one { + --tw-gradient-to: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .\32xl\:-space-y-56 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-14rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-14rem * var(--tw-space-y-reverse)); + .\32xl\:to-Shadow\ and\ Highlight-shadow\ two { + --tw-gradient-to: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .\32xl\:-space-y-60 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-15rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-15rem * var(--tw-space-y-reverse)); + .\32xl\:to-Shadow\ and\ Highlight-shadow\ three { + --tw-gradient-to: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .\32xl\:-space-y-64 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-16rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-16rem * var(--tw-space-y-reverse)); + .\32xl\:to-Shadow\ and\ Highlight-shadow\ four { + --tw-gradient-to: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .\32xl\:-space-y-72 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-18rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-18rem * var(--tw-space-y-reverse)); + .\32xl\:to-Shadow\ and\ Highlight-shadow\ five { + --tw-gradient-to: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .\32xl\:-space-y-80 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-20rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-20rem * var(--tw-space-y-reverse)); + .\32xl\:to-Shadow\ and\ Highlight-highlight\ four { + --tw-gradient-to: var(--shadow-and-highlight-highlight-four, #47474740); } - .\32xl\:-space-y-96 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-24rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-24rem * var(--tw-space-y-reverse)); + .\32xl\:to-Base\ Layer\ Styles-Base\ Layer-\ Light-White { + --tw-gradient-to: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .\32xl\:-space-y-px > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-1px * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-1px * var(--tw-space-y-reverse)); + .\32xl\:to-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite { + --tw-gradient-to: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .\32xl\:-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)); + .\32xl\:to-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack { + --tw-gradient-to: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .\32xl\:-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)); + .\32xl\:to-Base\ Layer\ Styles-Base\ Layer-Dark-Black { + --tw-gradient-to: var(--base-layer-styles-base-layer-dark-black, #000000); } - .\32xl\:-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)); + .\32xl\:to-Grey-Scale-white { + --tw-gradient-to: var(--grey-scale-white, #ffffff); } - .\32xl\:-space-y-3\.5 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(-0.875rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(-0.875rem * var(--tw-space-y-reverse)); + .\32xl\:to-Grey-Scale-off-white { + --tw-gradient-to: var(--grey-scale-off-white, #f0edee); } - .\32xl\:space-y-reverse > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 1; + .\32xl\:to-Grey\ Scale-grey { + --tw-gradient-to: var(--grey-scale-grey, #7f7e7f); } - .\32xl\:space-x-reverse > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 1; + .\32xl\:to-Grey\ Scale-charcoal { + --tw-gradient-to: var(--grey-scale-charcoal, #474747); } - .\32xl\:divide-x-0 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-x-reverse: 0; - border-right-width: calc(0px * var(--tw-divide-x-reverse)); - border-left-width: calc(0px * calc(1 - var(--tw-divide-x-reverse))); + .\32xl\:to-Grey\ Scale-off-black { + --tw-gradient-to: var(--grey-scale-off-black, #1c1c1c); } - .\32xl\:divide-x-2 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-x-reverse: 0; - border-right-width: calc(2px * var(--tw-divide-x-reverse)); - border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse))); + .\32xl\:to-Grey\ Scale-black { + --tw-gradient-to: var(--grey-scale-black, #000000); } - .\32xl\:divide-x-4 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-x-reverse: 0; - border-right-width: calc(4px * var(--tw-divide-x-reverse)); - border-left-width: calc(4px * calc(1 - var(--tw-divide-x-reverse))); + .\32xl\:to-Blue-blue { + --tw-gradient-to: var(--blue-blue, #3a7ca5); } - .\32xl\:divide-x-8 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-x-reverse: 0; - border-right-width: calc(8px * var(--tw-divide-x-reverse)); - border-left-width: calc(8px * calc(1 - var(--tw-divide-x-reverse))); + .\32xl\:to-Blue-blue-100 { + --tw-gradient-to: var(--blue-blue-100, #75a3c0); } - .\32xl\:divide-x > :not([hidden]) ~ :not([hidden]) { - --tw-divide-x-reverse: 0; - border-right-width: calc(1px * var(--tw-divide-x-reverse)); - border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); + .\32xl\:to-Blue-blue-200 { + --tw-gradient-to: var(--blue-blue-200, #9cbed2); } - .\32xl\:divide-y-0 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-y-reverse: 0; - border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse))); - border-bottom-width: calc(0px * var(--tw-divide-y-reverse)); + .\32xl\:to-Blue-blue-300 { + --tw-gradient-to: var(--blue-blue-300, #4f7d9a); } - .\32xl\:divide-y-2 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-y-reverse: 0; - border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse))); - border-bottom-width: calc(2px * var(--tw-divide-y-reverse)); + .\32xl\:to-Blue-blue-400 { + --tw-gradient-to: var(--blue-blue-400, #5c7d92); } - .\32xl\:divide-y-4 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-y-reverse: 0; - border-top-width: calc(4px * calc(1 - var(--tw-divide-y-reverse))); - border-bottom-width: calc(4px * var(--tw-divide-y-reverse)); + .\32xl\:to-Blue-blue-500 { + --tw-gradient-to: var(--blue-blue-500, #347095); } - .\32xl\:divide-y-8 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-y-reverse: 0; - border-top-width: calc(8px * calc(1 - var(--tw-divide-y-reverse))); - border-bottom-width: calc(8px * var(--tw-divide-y-reverse)); + .\32xl\:to-Blue-blue-600 { + --tw-gradient-to: var(--blue-blue-600, #295774); } - .\32xl\: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)); + .\32xl\:to-Blue-blue-700 { + --tw-gradient-to: var(--blue-blue-700, #173242); } - .\32xl\:divide-y-reverse > :not([hidden]) ~ :not([hidden]) { - --tw-divide-y-reverse: 1; + .\32xl\:to-LightBlue-lightblue { + --tw-gradient-to: var(--light-blue-lightblue, #81c3d7); } - .\32xl\:divide-x-reverse > :not([hidden]) ~ :not([hidden]) { - --tw-divide-x-reverse: 1; + .\32xl\:to-LightBlue-lightblue-100 { + --tw-gradient-to: var(--light-blue-lightblue-100, #a7d5e3); } - .\32xl\:divide-solid > :not([hidden]) ~ :not([hidden]) { - border-style: solid; + .\32xl\:to-LightBlue-lightblue-200 { + --tw-gradient-to: var(--light-blue-lightblue-200, #c0e1eb); } - .\32xl\:divide-dashed > :not([hidden]) ~ :not([hidden]) { - border-style: dashed; + .\32xl\:to-LightBlue-lightblue-300 { + --tw-gradient-to: var(--light-blue-lightblue-300, #80aebd); } - .\32xl\:divide-dotted > :not([hidden]) ~ :not([hidden]) { - border-style: dotted; + .\32xl\:to-LightBlue-lightblue-400 { + --tw-gradient-to: var(--light-blue-lightblue-400, #80a0ab); } - .\32xl\:divide-double > :not([hidden]) ~ :not([hidden]) { - border-style: double; + .\32xl\:to-LightBlue-lightblue-500 { + --tw-gradient-to: var(--light-blue-lightblue-500, #74afc1); } - .\32xl\:divide-none > :not([hidden]) ~ :not([hidden]) { - border-style: none; + .\32xl\:to-LightBlue-lightblue-600 { + --tw-gradient-to: var(--light-blue-lightblue-600, #5a8997); } - .\32xl\:divide-transparent > :not([hidden]) ~ :not([hidden]) { - border-color: transparent; + .\32xl\:to-LightBlue-lightblue-650 { + --tw-gradient-to: var(--light-blue-lightblue-650, #3e5e65); } - .\32xl\:divide-current > :not([hidden]) ~ :not([hidden]) { - border-color: currentColor; + .\32xl\:to-LightBlue-lightblue-700 { + --tw-gradient-to: var(--light-blue-lightblue-700, #344e56); } - .\32xl\:divide-black > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(0, 0, 0, var(--tw-divide-opacity)); + .\32xl\:to-Orange-orange { + --tw-gradient-to: var(--orange-orange, #ff7f0e); } - .\32xl\:divide-white > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(255, 255, 255, var(--tw-divide-opacity)); + .\32xl\:to-Orange-orange-100 { + --tw-gradient-to: var(--orange-orange-100, #ffa556); } - .\32xl\:divide-gray-50 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(249, 250, 251, var(--tw-divide-opacity)); + .\32xl\:to-Orange-orange-200 { + --tw-gradient-to: var(--orange-orange-200, #ffbf86); } - .\32xl\:divide-gray-100 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(243, 244, 246, var(--tw-divide-opacity)); + .\32xl\:to-Orange-orange-300 { + --tw-gradient-to: var(--orange-orange-300, #d97f30); } - .\32xl\:divide-gray-200 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(229, 231, 235, var(--tw-divide-opacity)); + .\32xl\:to-Orange-orange-400 { + --tw-gradient-to: var(--orange-orange-400, #bf7e46); } - .\32xl\:divide-gray-300 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(209, 213, 219, var(--tw-divide-opacity)); + .\32xl\:to-Orange-orange-500 { + --tw-gradient-to: var(--orange-orange-500, #e5720d); } - .\32xl\:divide-gray-400 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(156, 163, 175, var(--tw-divide-opacity)); + .\32xl\:to-Orange-orange-600 { + --tw-gradient-to: var(--orange-orange-600, #b3590a); } - .\32xl\:divide-gray-500 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(107, 114, 128, var(--tw-divide-opacity)); + .\32xl\:to-Orange-orange-700 { + --tw-gradient-to: var(--orange-orange-700, #663306); } - .\32xl\:divide-gray-600 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(75, 85, 99, var(--tw-divide-opacity)); + .\32xl\:to-Yellow-yellow { + --tw-gradient-to: var(--yellow-yellow, #ffab00); } - .\32xl\:divide-gray-700 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(55, 65, 81, var(--tw-divide-opacity)); + .\32xl\:to-Yellow-yellow-100 { + --tw-gradient-to: var(--yellow-yellow-100, #ffc44c); } - .\32xl\:divide-gray-800 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(31, 41, 55, var(--tw-divide-opacity)); + .\32xl\:to-Yellow-yellow-200 { + --tw-gradient-to: var(--yellow-yellow-200, #ffd580); } - .\32xl\:divide-gray-900 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(17, 24, 39, var(--tw-divide-opacity)); + .\32xl\:to-Yellow-yellow-300 { + --tw-gradient-to: var(--yellow-yellow-300, #d99d26); } - .\32xl\:divide-red-50 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(254, 242, 242, var(--tw-divide-opacity)); + .\32xl\:to-Yellow-yellow-400 { + --tw-gradient-to: var(--yellow-yellow-400, #bf943f); } - .\32xl\:divide-red-100 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(254, 226, 226, var(--tw-divide-opacity)); + .\32xl\:to-Yellow-yellow-500 { + --tw-gradient-to: var(--yellow-yellow-500, #e59a00); } - .\32xl\:divide-red-200 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(254, 202, 202, var(--tw-divide-opacity)); + .\32xl\:to-Yellow-yellow-600 { + --tw-gradient-to: var(--yellow-yellow-600, #b37800); } - .\32xl\:divide-red-300 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(252, 165, 165, var(--tw-divide-opacity)); + .\32xl\:to-Yellow-yellow-700 { + --tw-gradient-to: var(--yellow-yellow-700, #664400); } - .\32xl\:divide-red-400 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(248, 113, 113, var(--tw-divide-opacity)); + .\32xl\:to-Notification-notification { + --tw-gradient-to: var(--notification-notification, #3959ff); } - .\32xl\:divide-red-500 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(239, 68, 68, var(--tw-divide-opacity)); + .\32xl\:to-Notification-notification-100 { + --tw-gradient-to: var(--notification-notification-100, #748bff); } - .\32xl\:divide-red-600 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(220, 38, 38, var(--tw-divide-opacity)); + .\32xl\:to-Notification-notification-200 { + --tw-gradient-to: var(--notification-notification-200, #9cacff); } - .\32xl\:divide-red-700 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(185, 28, 28, var(--tw-divide-opacity)); + .\32xl\:to-Notification-notification-300 { + --tw-gradient-to: var(--notification-notification-300, #4e64d9); } - .\32xl\:divide-red-800 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(153, 27, 27, var(--tw-divide-opacity)); + .\32xl\:to-Notification-notification-400 { + --tw-gradient-to: var(--notification-notification-400, #5c6cbf); } - .\32xl\:divide-red-900 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(127, 29, 29, var(--tw-divide-opacity)); + .\32xl\:to-Notification-notification-500 { + --tw-gradient-to: var(--notification-notification-500, #3350e5); } - .\32xl\:divide-yellow-50 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(255, 251, 235, var(--tw-divide-opacity)); + .\32xl\:to-Notification-notification-600 { + --tw-gradient-to: var(--notification-notification-600, #283eb3); } - .\32xl\:divide-yellow-100 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(254, 243, 199, var(--tw-divide-opacity)); + .\32xl\:to-Notification-notification-700 { + --tw-gradient-to: var(--notification-notification-700, #172466); } - .\32xl\:divide-yellow-200 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(253, 230, 138, var(--tw-divide-opacity)); + .\32xl\:to-Success-success\ -700 { + --tw-gradient-to: var(--success-success-700, #24471f); } - .\32xl\:divide-yellow-300 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(252, 211, 77, var(--tw-divide-opacity)); + .\32xl\:to-Success-success { + --tw-gradient-to: var(--success-success, #5bb14d); } - .\32xl\:divide-yellow-400 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(251, 191, 36, var(--tw-divide-opacity)); + .\32xl\:to-Success-success\ -100 { + --tw-gradient-to: var(--success-success-100, #8cc882); } - .\32xl\:divide-yellow-500 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(245, 158, 11, var(--tw-divide-opacity)); + .\32xl\:to-Success-success\ -200 { + --tw-gradient-to: var(--success-success-200, #add8a6); } - .\32xl\:divide-yellow-600 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(217, 119, 6, var(--tw-divide-opacity)); + .\32xl\:to-Success-success\ -300 { + --tw-gradient-to: var(--success-success-300, #66a25c); } - .\32xl\:divide-yellow-700 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(180, 83, 9, var(--tw-divide-opacity)); + .\32xl\:to-Success-success\ -400 { + --tw-gradient-to: var(--success-success-400, #6d9766); } - .\32xl\:divide-yellow-800 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(146, 64, 14, var(--tw-divide-opacity)); + .\32xl\:to-Success-success\ -500 { + --tw-gradient-to: var(--success-success-500, #529f45); } - .\32xl\:divide-yellow-900 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(120, 53, 15, var(--tw-divide-opacity)); + .\32xl\:to-Success-success\ -600 { + --tw-gradient-to: var(--success-success-600, #407c36); } - .\32xl\:divide-green-50 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(236, 253, 245, var(--tw-divide-opacity)); + .\32xl\:to-Error-error { + --tw-gradient-to: var(--error-error, #f03d3e); } - .\32xl\:divide-green-100 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(209, 250, 229, var(--tw-divide-opacity)); + .\32xl\:to-Error-error-100 { + --tw-gradient-to: var(--error-error-100, #f57778); } - .\32xl\:divide-green-200 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(167, 243, 208, var(--tw-divide-opacity)); + .\32xl\:to-Error-error-200 { + --tw-gradient-to: var(--error-error-200, #f89e9e); } - .\32xl\:divide-green-300 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(110, 231, 183, var(--tw-divide-opacity)); + .\32xl\:to-Error-error-250 { + --tw-gradient-to: var(--error-error-250, #f9c8c8); } - .\32xl\:divide-green-400 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(52, 211, 153, var(--tw-divide-opacity)); + .\32xl\:to-Error-error-300 { + --tw-gradient-to: var(--error-error-300, #ce5151); } - .\32xl\:divide-green-500 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(16, 185, 129, var(--tw-divide-opacity)); + .\32xl\:to-Error-error-400 { + --tw-gradient-to: var(--error-error-400, #b85e5e); } - .\32xl\:divide-green-600 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(5, 150, 105, var(--tw-divide-opacity)); + .\32xl\:to-Error-error-500 { + --tw-gradient-to: var(--error-error-500, #d83738); } - .\32xl\:divide-green-700 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(4, 120, 87, var(--tw-divide-opacity)); + .\32xl\:to-Error-error-600 { + --tw-gradient-to: var(--error-error-600, #a82b2b); } - .\32xl\:divide-green-800 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(6, 95, 70, var(--tw-divide-opacity)); + .\32xl\:to-Error-error-700 { + --tw-gradient-to: var(--error-error-700, #601819); } - .\32xl\:divide-green-900 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(6, 78, 59, var(--tw-divide-opacity)); + .\32xl\:hover\:to-colors-black:hover { + --tw-gradient-to: var(--colors-black, #000000); } - .\32xl\:divide-blue-50 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(239, 246, 255, var(--tw-divide-opacity)); + .\32xl\:hover\:to-colors-white:hover { + --tw-gradient-to: var(--colors-white, #ffffff); } - .\32xl\:divide-blue-100 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(219, 234, 254, var(--tw-divide-opacity)); + .\32xl\:hover\:to-colors-gray-100:hover { + --tw-gradient-to: var(--colors-gray-100, #f7fafc); } - .\32xl\:divide-blue-200 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(191, 219, 254, var(--tw-divide-opacity)); + .\32xl\:hover\:to-colors-gray-200:hover { + --tw-gradient-to: var(--colors-gray-200, #edf2f7); } - .\32xl\:divide-blue-300 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(147, 197, 253, var(--tw-divide-opacity)); + .\32xl\:hover\:to-colors-gray-300:hover { + --tw-gradient-to: var(--colors-gray-300, #e2e8f0); } - .\32xl\:divide-blue-400 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(96, 165, 250, var(--tw-divide-opacity)); + .\32xl\:hover\:to-colors-gray-400:hover { + --tw-gradient-to: var(--colors-gray-400, #cbd5e0); } - .\32xl\:divide-blue-500 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(59, 130, 246, var(--tw-divide-opacity)); + .\32xl\:hover\:to-colors-gray-500:hover { + --tw-gradient-to: var(--colors-gray-500, #a0aec0); } - .\32xl\:divide-blue-600 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(37, 99, 235, var(--tw-divide-opacity)); + .\32xl\:hover\:to-colors-gray-600:hover { + --tw-gradient-to: var(--colors-gray-600, #718096); } - .\32xl\:divide-blue-700 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(29, 78, 216, var(--tw-divide-opacity)); + .\32xl\:hover\:to-colors-gray-700:hover { + --tw-gradient-to: var(--colors-gray-700, #4a5568); } - .\32xl\:divide-blue-800 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(30, 64, 175, var(--tw-divide-opacity)); + .\32xl\:hover\:to-colors-gray-800:hover { + --tw-gradient-to: var(--colors-gray-800, #2d3748); } - .\32xl\:divide-blue-900 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(30, 58, 138, var(--tw-divide-opacity)); + .\32xl\:hover\:to-colors-gray-900:hover { + --tw-gradient-to: var(--colors-gray-900, #1a202c); } - .\32xl\:divide-indigo-50 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(238, 242, 255, var(--tw-divide-opacity)); + .\32xl\:hover\:to-colors-red-100:hover { + --tw-gradient-to: var(--colors-red-100, #fff5f5); } - .\32xl\:divide-indigo-100 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(224, 231, 255, var(--tw-divide-opacity)); + .\32xl\:hover\:to-colors-red-200:hover { + --tw-gradient-to: var(--colors-red-200, #fed7d7); } - .\32xl\:divide-indigo-200 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(199, 210, 254, var(--tw-divide-opacity)); + .\32xl\:hover\:to-colors-red-300:hover { + --tw-gradient-to: var(--colors-red-300, #feb2b2); } - .\32xl\:divide-indigo-300 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(165, 180, 252, var(--tw-divide-opacity)); + .\32xl\:hover\:to-colors-red-400:hover { + --tw-gradient-to: var(--colors-red-400, #fc8181); } - .\32xl\:divide-indigo-400 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(129, 140, 248, var(--tw-divide-opacity)); + .\32xl\:hover\:to-colors-red-500:hover { + --tw-gradient-to: var(--colors-red-500, #f56565); } - .\32xl\:divide-indigo-500 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(99, 102, 241, var(--tw-divide-opacity)); + .\32xl\:hover\:to-colors-red-600:hover { + --tw-gradient-to: var(--colors-red-600, #e53e3e); } - .\32xl\:divide-indigo-600 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(79, 70, 229, var(--tw-divide-opacity)); + .\32xl\:hover\:to-colors-red-700:hover { + --tw-gradient-to: var(--colors-red-700, #c53030); } - .\32xl\:divide-indigo-700 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(67, 56, 202, var(--tw-divide-opacity)); + .\32xl\:hover\:to-colors-red-800:hover { + --tw-gradient-to: var(--colors-red-800, #9b2c2c); } - .\32xl\:divide-indigo-800 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(55, 48, 163, var(--tw-divide-opacity)); + .\32xl\:hover\:to-colors-red-900:hover { + --tw-gradient-to: var(--colors-red-900, #742a2a); } - .\32xl\:divide-indigo-900 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(49, 46, 129, var(--tw-divide-opacity)); + .\32xl\:hover\:to-colors-orange-100:hover { + --tw-gradient-to: var(--colors-orange-100, #fffaf0); } - .\32xl\:divide-purple-50 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(245, 243, 255, var(--tw-divide-opacity)); + .\32xl\:hover\:to-colors-orange-200:hover { + --tw-gradient-to: var(--colors-orange-200, #feebc8); } - .\32xl\:divide-purple-100 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(237, 233, 254, var(--tw-divide-opacity)); + .\32xl\:hover\:to-colors-orange-300:hover { + --tw-gradient-to: var(--colors-orange-300, #fbd38d); } - .\32xl\:divide-purple-200 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(221, 214, 254, var(--tw-divide-opacity)); + .\32xl\:hover\:to-colors-orange-400:hover { + --tw-gradient-to: var(--colors-orange-400, #f6ad55); } - .\32xl\:divide-purple-300 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(196, 181, 253, var(--tw-divide-opacity)); + .\32xl\:hover\:to-colors-orange-500:hover { + --tw-gradient-to: var(--colors-orange-500, #ed8936); } - .\32xl\:divide-purple-400 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(167, 139, 250, var(--tw-divide-opacity)); + .\32xl\:hover\:to-colors-orange-600:hover { + --tw-gradient-to: var(--colors-orange-600, #dd6b20); } - .\32xl\:divide-purple-500 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(139, 92, 246, var(--tw-divide-opacity)); + .\32xl\:hover\:to-colors-orange-700:hover { + --tw-gradient-to: var(--colors-orange-700, #c05621); } - .\32xl\:divide-purple-600 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(124, 58, 237, var(--tw-divide-opacity)); + .\32xl\:hover\:to-colors-orange-800:hover { + --tw-gradient-to: var(--colors-orange-800, #9c4221); } - .\32xl\:divide-purple-700 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(109, 40, 217, var(--tw-divide-opacity)); + .\32xl\:hover\:to-colors-orange-900:hover { + --tw-gradient-to: var(--colors-orange-900, #7b341e); } - .\32xl\:divide-purple-800 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(91, 33, 182, var(--tw-divide-opacity)); + .\32xl\:hover\:to-colors-yellow-100:hover { + --tw-gradient-to: var(--colors-yellow-100, #fffff0); } - .\32xl\:divide-purple-900 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(76, 29, 149, var(--tw-divide-opacity)); + .\32xl\:hover\:to-colors-yellow-200:hover { + --tw-gradient-to: var(--colors-yellow-200, #fefcbf); } - .\32xl\:divide-pink-50 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(253, 242, 248, var(--tw-divide-opacity)); + .\32xl\:hover\:to-colors-yellow-300:hover { + --tw-gradient-to: var(--colors-yellow-300, #faf089); } - .\32xl\:divide-pink-100 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(252, 231, 243, var(--tw-divide-opacity)); + .\32xl\:hover\:to-colors-yellow-400:hover { + --tw-gradient-to: var(--colors-yellow-400, #f6e05e); } - .\32xl\:divide-pink-200 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(251, 207, 232, var(--tw-divide-opacity)); + .\32xl\:hover\:to-colors-yellow-500:hover { + --tw-gradient-to: var(--colors-yellow-500, #ecc94b); } - .\32xl\:divide-pink-300 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(249, 168, 212, var(--tw-divide-opacity)); + .\32xl\:hover\:to-colors-yellow-600:hover { + --tw-gradient-to: var(--colors-yellow-600, #d69e2e); } - .\32xl\:divide-pink-400 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(244, 114, 182, var(--tw-divide-opacity)); + .\32xl\:hover\:to-colors-yellow-700:hover { + --tw-gradient-to: var(--colors-yellow-700, #b7791f); } - .\32xl\:divide-pink-500 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(236, 72, 153, var(--tw-divide-opacity)); + .\32xl\:hover\:to-colors-yellow-800:hover { + --tw-gradient-to: var(--colors-yellow-800, #975a16); } - .\32xl\:divide-pink-600 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(219, 39, 119, var(--tw-divide-opacity)); + .\32xl\:hover\:to-colors-yellow-900:hover { + --tw-gradient-to: var(--colors-yellow-900, #744210); } - .\32xl\:divide-pink-700 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(190, 24, 93, var(--tw-divide-opacity)); + .\32xl\:hover\:to-colors-green-100:hover { + --tw-gradient-to: var(--colors-green-100, #f0fff4); } - .\32xl\:divide-pink-800 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(157, 23, 77, var(--tw-divide-opacity)); + .\32xl\:hover\:to-colors-green-200:hover { + --tw-gradient-to: var(--colors-green-200, #c6f6d5); } - .\32xl\:divide-pink-900 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(131, 24, 67, var(--tw-divide-opacity)); + .\32xl\:hover\:to-colors-green-300:hover { + --tw-gradient-to: var(--colors-green-300, #9ae6b4); } - .\32xl\:divide-opacity-0 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 0; + .\32xl\:hover\:to-colors-green-400:hover { + --tw-gradient-to: var(--colors-green-400, #68d391); } - .\32xl\:divide-opacity-5 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 0.05; + .\32xl\:hover\:to-colors-green-500:hover { + --tw-gradient-to: var(--colors-green-500, #48bb78); } - .\32xl\:divide-opacity-10 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 0.1; + .\32xl\:hover\:to-colors-green-600:hover { + --tw-gradient-to: var(--colors-green-600, #38a169); } - .\32xl\:divide-opacity-20 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 0.2; + .\32xl\:hover\:to-colors-green-700:hover { + --tw-gradient-to: var(--colors-green-700, #2f855a); } - .\32xl\:divide-opacity-25 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 0.25; + .\32xl\:hover\:to-colors-green-800:hover { + --tw-gradient-to: var(--colors-green-800, #276749); } - .\32xl\:divide-opacity-30 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 0.3; + .\32xl\:hover\:to-colors-green-900:hover { + --tw-gradient-to: var(--colors-green-900, #22543d); } - .\32xl\:divide-opacity-40 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 0.4; + .\32xl\:hover\:to-colors-teal-100:hover { + --tw-gradient-to: var(--colors-teal-100, #e6fffa); } - .\32xl\:divide-opacity-50 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 0.5; + .\32xl\:hover\:to-colors-teal-200:hover { + --tw-gradient-to: var(--colors-teal-200, #b2f5ea); } - .\32xl\:divide-opacity-60 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 0.6; + .\32xl\:hover\:to-colors-teal-300:hover { + --tw-gradient-to: var(--colors-teal-300, #81e6d9); } - .\32xl\:divide-opacity-70 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 0.7; + .\32xl\:hover\:to-colors-teal-400:hover { + --tw-gradient-to: var(--colors-teal-400, #4fd1c5); } - .\32xl\:divide-opacity-75 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 0.75; + .\32xl\:hover\:to-colors-teal-500:hover { + --tw-gradient-to: var(--colors-teal-500, #38b2ac); } - .\32xl\:divide-opacity-80 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 0.8; + .\32xl\:hover\:to-colors-teal-600:hover { + --tw-gradient-to: var(--colors-teal-600, #319795); } - .\32xl\:divide-opacity-90 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 0.9; + .\32xl\:hover\:to-colors-teal-700:hover { + --tw-gradient-to: var(--colors-teal-700, #2c7a7b); } - .\32xl\:divide-opacity-95 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 0.95; + .\32xl\:hover\:to-colors-teal-800:hover { + --tw-gradient-to: var(--colors-teal-800, #285e61); } - .\32xl\:divide-opacity-100 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; + .\32xl\:hover\:to-colors-teal-900:hover { + --tw-gradient-to: var(--colors-teal-900, #234e52); } - .\32xl\:place-self-auto { - place-self: auto; + .\32xl\:hover\:to-colors-blue-100:hover { + --tw-gradient-to: var(--colors-blue-100, #ebf8ff); } - .\32xl\:place-self-start { - place-self: start; + .\32xl\:hover\:to-colors-blue-200:hover { + --tw-gradient-to: var(--colors-blue-200, #bee3f8); } - .\32xl\:place-self-end { - place-self: end; + .\32xl\:hover\:to-colors-blue-300:hover { + --tw-gradient-to: var(--colors-blue-300, #90cdf4); } - .\32xl\:place-self-center { - place-self: center; + .\32xl\:hover\:to-colors-blue-400:hover { + --tw-gradient-to: var(--colors-blue-400, #63b3ed); } - .\32xl\:place-self-stretch { - place-self: stretch; + .\32xl\:hover\:to-colors-blue-500:hover { + --tw-gradient-to: var(--colors-blue-500, #4299e1); } - .\32xl\:self-auto { - align-self: auto; + .\32xl\:hover\:to-colors-blue-600:hover { + --tw-gradient-to: var(--colors-blue-600, #3182ce); } - .\32xl\:self-start { - align-self: flex-start; + .\32xl\:hover\:to-colors-blue-700:hover { + --tw-gradient-to: var(--colors-blue-700, #2b6cb0); } - .\32xl\:self-end { - align-self: flex-end; + .\32xl\:hover\:to-colors-blue-800:hover { + --tw-gradient-to: var(--colors-blue-800, #2c5282); } - .\32xl\:self-center { - align-self: center; + .\32xl\:hover\:to-colors-blue-900:hover { + --tw-gradient-to: var(--colors-blue-900, #2a4365); } - .\32xl\:self-stretch { - align-self: stretch; + .\32xl\:hover\:to-colors-indigo-100:hover { + --tw-gradient-to: var(--colors-indigo-100, #ebf4ff); } - .\32xl\:self-baseline { - align-self: baseline; + .\32xl\:hover\:to-colors-indigo-200:hover { + --tw-gradient-to: var(--colors-indigo-200, #c3dafe); } - .\32xl\:justify-self-auto { - justify-self: auto; + .\32xl\:hover\:to-colors-indigo-300:hover { + --tw-gradient-to: var(--colors-indigo-300, #a3bffa); } - .\32xl\:justify-self-start { - justify-self: start; + .\32xl\:hover\:to-colors-indigo-400:hover { + --tw-gradient-to: var(--colors-indigo-400, #7f9cf5); } - .\32xl\:justify-self-end { - justify-self: end; + .\32xl\:hover\:to-colors-indigo-500:hover { + --tw-gradient-to: var(--colors-indigo-500, #667eea); } - .\32xl\:justify-self-center { - justify-self: center; + .\32xl\:hover\:to-colors-indigo-600:hover { + --tw-gradient-to: var(--colors-indigo-600, #5a67d8); } - .\32xl\:justify-self-stretch { - justify-self: stretch; + .\32xl\:hover\:to-colors-indigo-700:hover { + --tw-gradient-to: var(--colors-indigo-700, #4c51bf); } - .\32xl\:overflow-auto { - overflow: auto; + .\32xl\:hover\:to-colors-indigo-800:hover { + --tw-gradient-to: var(--colors-indigo-800, #434190); } - .\32xl\:overflow-hidden { - overflow: hidden; + .\32xl\:hover\:to-colors-indigo-900:hover { + --tw-gradient-to: var(--colors-indigo-900, #3c366b); } - .\32xl\:overflow-visible { - overflow: visible; + .\32xl\:hover\:to-colors-purple-100:hover { + --tw-gradient-to: var(--colors-purple-100, #faf5ff); } - .\32xl\:overflow-scroll { - overflow: scroll; + .\32xl\:hover\:to-colors-purple-200:hover { + --tw-gradient-to: var(--colors-purple-200, #e9d8fd); } - .\32xl\:overflow-x-auto { - overflow-x: auto; + .\32xl\:hover\:to-colors-purple-300:hover { + --tw-gradient-to: var(--colors-purple-300, #d6bcfa); } - .\32xl\:overflow-y-auto { - overflow-y: auto; + .\32xl\:hover\:to-colors-purple-400:hover { + --tw-gradient-to: var(--colors-purple-400, #b794f4); } - .\32xl\:overflow-x-hidden { - overflow-x: hidden; + .\32xl\:hover\:to-colors-purple-500:hover { + --tw-gradient-to: var(--colors-purple-500, #9f7aea); } - .\32xl\:overflow-y-hidden { - overflow-y: hidden; + .\32xl\:hover\:to-colors-purple-600:hover { + --tw-gradient-to: var(--colors-purple-600, #805ad5); } - .\32xl\:overflow-x-visible { - overflow-x: visible; + .\32xl\:hover\:to-colors-purple-700:hover { + --tw-gradient-to: var(--colors-purple-700, #6b46c1); } - .\32xl\:overflow-y-visible { - overflow-y: visible; + .\32xl\:hover\:to-colors-purple-800:hover { + --tw-gradient-to: var(--colors-purple-800, #553c9a); } - .\32xl\:overflow-x-scroll { - overflow-x: scroll; + .\32xl\:hover\:to-colors-purple-900:hover { + --tw-gradient-to: var(--colors-purple-900, #44337a); } - .\32xl\:overflow-y-scroll { - overflow-y: scroll; + .\32xl\:hover\:to-colors-pink-100:hover { + --tw-gradient-to: var(--colors-pink-100, #fff5f7); } - .\32xl\:overscroll-auto { - overscroll-behavior: auto; + .\32xl\:hover\:to-colors-pink-200:hover { + --tw-gradient-to: var(--colors-pink-200, #fed7e2); } - .\32xl\:overscroll-contain { - overscroll-behavior: contain; + .\32xl\:hover\:to-colors-pink-300:hover { + --tw-gradient-to: var(--colors-pink-300, #fbb6ce); } - .\32xl\:overscroll-none { - overscroll-behavior: none; + .\32xl\:hover\:to-colors-pink-400:hover { + --tw-gradient-to: var(--colors-pink-400, #f687b3); } - .\32xl\:overscroll-y-auto { - overscroll-behavior-y: auto; + .\32xl\:hover\:to-colors-pink-500:hover { + --tw-gradient-to: var(--colors-pink-500, #ed64a6); } - .\32xl\:overscroll-y-contain { - overscroll-behavior-y: contain; + .\32xl\:hover\:to-colors-pink-600:hover { + --tw-gradient-to: var(--colors-pink-600, #d53f8c); } - .\32xl\:overscroll-y-none { - overscroll-behavior-y: none; + .\32xl\:hover\:to-colors-pink-700:hover { + --tw-gradient-to: var(--colors-pink-700, #b83280); } - .\32xl\:overscroll-x-auto { - overscroll-behavior-x: auto; + .\32xl\:hover\:to-colors-pink-800:hover { + --tw-gradient-to: var(--colors-pink-800, #97266d); } - .\32xl\:overscroll-x-contain { - overscroll-behavior-x: contain; + .\32xl\:hover\:to-colors-pink-900:hover { + --tw-gradient-to: var(--colors-pink-900, #702459); } - .\32xl\:overscroll-x-none { - overscroll-behavior-x: none; + .\32xl\:hover\:to-Box\ Shadow:hover { + --tw-gradient-to: var(--box-shadow, #7f7e7f); } - .\32xl\:truncate { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; + .\32xl\:hover\:to-Error16:hover { + --tw-gradient-to: var(--error16, #f03d3e40); } - .\32xl\:overflow-ellipsis { - text-overflow: ellipsis; + .\32xl\:hover\:to-Success16:hover { + --tw-gradient-to: var(--success16, #5bb14d40); } - .\32xl\:overflow-clip { - text-overflow: clip; + .\32xl\:hover\:to-Notification16:hover { + --tw-gradient-to: var(--notification16, #3959ff40); } - .\32xl\:whitespace-normal { - white-space: normal; + .\32xl\:hover\:to-Error8:hover { + --tw-gradient-to: var(--error8, #f03d3e1a); } - .\32xl\:whitespace-nowrap { - white-space: nowrap; + .\32xl\:hover\:to-Notification8:hover { + --tw-gradient-to: var(--notification8, #3959ff1a); } - .\32xl\:whitespace-pre { - white-space: pre; + .\32xl\:hover\:to-Success8:hover { + --tw-gradient-to: var(--success8, #5bb14d1a); } - .\32xl\:whitespace-pre-line { - white-space: pre-line; + .\32xl\:hover\:to-Light\ -\ Overlay:hover { + --tw-gradient-to: var(--light-overlay, #f0edee66); } - .\32xl\:whitespace-pre-wrap { - white-space: pre-wrap; + .\32xl\:hover\:to-Dark-\ Overlay:hover { + --tw-gradient-to: var(--dark-overlay, #7f7e7f66); } - .\32xl\:break-normal { - overflow-wrap: normal; - word-break: normal; + .\32xl\:hover\:to-black-40:hover { + --tw-gradient-to: var(--black-40, #00000066); } - .\32xl\:break-words { - overflow-wrap: break-word; + .\32xl\:hover\:to-black-75:hover { + --tw-gradient-to: var(--black-75, #000000bf); } - .\32xl\:break-all { - word-break: break-all; + .\32xl\:hover\:to-black-60:hover { + --tw-gradient-to: var(--black-60, #00000099); } - .\32xl\:rounded-none { - border-radius: 0px; + .\32xl\:hover\:to-black-50:hover { + --tw-gradient-to: var(--black-50, #00000080); } - .\32xl\:rounded-sm { - border-radius: 0.125rem; + .\32xl\:hover\:to-black-25:hover { + --tw-gradient-to: var(--black-25, #00000040); } - .\32xl\:rounded { - border-radius: 0.25rem; + .\32xl\:hover\:to-black-10:hover { + --tw-gradient-to: var(--black-10, #0000001a); } - .\32xl\:rounded-md { - border-radius: 0.375rem; + .\32xl\:hover\:to-white-25:hover { + --tw-gradient-to: var(--white-25, #ffffff40); } - .\32xl\:rounded-lg { - border-radius: 0.5rem; + .\32xl\:hover\:to-white-60:hover { + --tw-gradient-to: var(--white-60, #ffffff99); } - .\32xl\:rounded-xl { - border-radius: 0.75rem; + .\32xl\:hover\:to-black-64:hover { + --tw-gradient-to: var(--black-64, #000000a3); } - .\32xl\:rounded-2xl { - border-radius: 1rem; + .\32xl\:hover\:to-Shadow\ and\ Highlight-Shadow:hover { + --tw-gradient-to: var(--shadow-and-highlight-shadow, #7f7e7f); } - .\32xl\:rounded-3xl { - border-radius: 1.5rem; + .\32xl\:hover\:to-Shadow\ and\ Highlight-Highlight:hover { + --tw-gradient-to: var(--shadow-and-highlight-highlight, #474747); } - .\32xl\:rounded-full { - border-radius: 9999px; + .\32xl\:hover\:to-Shadow\ and\ Highlight-highlight\ one:hover { + --tw-gradient-to: var(--shadow-and-highlight-highlight-one, #474747bf); } - .\32xl\:rounded-t-none { - border-top-left-radius: 0px; - border-top-right-radius: 0px; + .\32xl\:hover\:to-Shadow\ and\ Highlight-highlight\ two:hover { + --tw-gradient-to: var(--shadow-and-highlight-highlight-two, #47474799); } - .\32xl\:rounded-t-sm { - border-top-left-radius: 0.125rem; - border-top-right-radius: 0.125rem; + .\32xl\:hover\:to-Shadow\ and\ Highlight-highlight\ three:hover { + --tw-gradient-to: var(--shadow-and-highlight-highlight-three, #47474766); } - .\32xl\:rounded-t { - border-top-left-radius: 0.25rem; - border-top-right-radius: 0.25rem; + .\32xl\:hover\:to-Shadow\ and\ Highlight-highlight\ five:hover { + --tw-gradient-to: var(--shadow-and-highlight-highlight-five, #4747471a); } - .\32xl\:rounded-t-md { - border-top-left-radius: 0.375rem; - border-top-right-radius: 0.375rem; + .\32xl\:hover\:to-Shadow\ and\ Highlight-shadow\ one:hover { + --tw-gradient-to: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .\32xl\:rounded-t-lg { - border-top-left-radius: 0.5rem; - border-top-right-radius: 0.5rem; + .\32xl\:hover\:to-Shadow\ and\ Highlight-shadow\ two:hover { + --tw-gradient-to: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .\32xl\:rounded-t-xl { - border-top-left-radius: 0.75rem; - border-top-right-radius: 0.75rem; + .\32xl\:hover\:to-Shadow\ and\ Highlight-shadow\ three:hover { + --tw-gradient-to: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .\32xl\:rounded-t-2xl { - border-top-left-radius: 1rem; - border-top-right-radius: 1rem; + .\32xl\:hover\:to-Shadow\ and\ Highlight-shadow\ four:hover { + --tw-gradient-to: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .\32xl\:rounded-t-3xl { - border-top-left-radius: 1.5rem; - border-top-right-radius: 1.5rem; + .\32xl\:hover\:to-Shadow\ and\ Highlight-shadow\ five:hover { + --tw-gradient-to: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .\32xl\:rounded-t-full { - border-top-left-radius: 9999px; - border-top-right-radius: 9999px; + .\32xl\:hover\:to-Shadow\ and\ Highlight-highlight\ four:hover { + --tw-gradient-to: var(--shadow-and-highlight-highlight-four, #47474740); } - .\32xl\:rounded-r-none { - border-top-right-radius: 0px; - border-bottom-right-radius: 0px; + .\32xl\:hover\:to-Base\ Layer\ Styles-Base\ Layer-\ Light-White:hover { + --tw-gradient-to: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .\32xl\:rounded-r-sm { - border-top-right-radius: 0.125rem; - border-bottom-right-radius: 0.125rem; + .\32xl\:hover\:to-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:hover { + --tw-gradient-to: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .\32xl\:rounded-r { - border-top-right-radius: 0.25rem; - border-bottom-right-radius: 0.25rem; + .\32xl\:hover\:to-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:hover { + --tw-gradient-to: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .\32xl\:rounded-r-md { - border-top-right-radius: 0.375rem; - border-bottom-right-radius: 0.375rem; + .\32xl\:hover\:to-Base\ Layer\ Styles-Base\ Layer-Dark-Black:hover { + --tw-gradient-to: var(--base-layer-styles-base-layer-dark-black, #000000); } - .\32xl\:rounded-r-lg { - border-top-right-radius: 0.5rem; - border-bottom-right-radius: 0.5rem; + .\32xl\:hover\:to-Grey-Scale-white:hover { + --tw-gradient-to: var(--grey-scale-white, #ffffff); } - .\32xl\:rounded-r-xl { - border-top-right-radius: 0.75rem; - border-bottom-right-radius: 0.75rem; + .\32xl\:hover\:to-Grey-Scale-off-white:hover { + --tw-gradient-to: var(--grey-scale-off-white, #f0edee); } - .\32xl\:rounded-r-2xl { - border-top-right-radius: 1rem; - border-bottom-right-radius: 1rem; + .\32xl\:hover\:to-Grey\ Scale-grey:hover { + --tw-gradient-to: var(--grey-scale-grey, #7f7e7f); } - .\32xl\:rounded-r-3xl { - border-top-right-radius: 1.5rem; - border-bottom-right-radius: 1.5rem; + .\32xl\:hover\:to-Grey\ Scale-charcoal:hover { + --tw-gradient-to: var(--grey-scale-charcoal, #474747); } - .\32xl\:rounded-r-full { - border-top-right-radius: 9999px; - border-bottom-right-radius: 9999px; + .\32xl\:hover\:to-Grey\ Scale-off-black:hover { + --tw-gradient-to: var(--grey-scale-off-black, #1c1c1c); } - .\32xl\:rounded-b-none { - border-bottom-right-radius: 0px; - border-bottom-left-radius: 0px; + .\32xl\:hover\:to-Grey\ Scale-black:hover { + --tw-gradient-to: var(--grey-scale-black, #000000); } - .\32xl\:rounded-b-sm { - border-bottom-right-radius: 0.125rem; - border-bottom-left-radius: 0.125rem; + .\32xl\:hover\:to-Blue-blue:hover { + --tw-gradient-to: var(--blue-blue, #3a7ca5); } - .\32xl\:rounded-b { - border-bottom-right-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; + .\32xl\:hover\:to-Blue-blue-100:hover { + --tw-gradient-to: var(--blue-blue-100, #75a3c0); } - .\32xl\:rounded-b-md { - border-bottom-right-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; + .\32xl\:hover\:to-Blue-blue-200:hover { + --tw-gradient-to: var(--blue-blue-200, #9cbed2); } - .\32xl\:rounded-b-lg { - border-bottom-right-radius: 0.5rem; - border-bottom-left-radius: 0.5rem; + .\32xl\:hover\:to-Blue-blue-300:hover { + --tw-gradient-to: var(--blue-blue-300, #4f7d9a); } - .\32xl\:rounded-b-xl { - border-bottom-right-radius: 0.75rem; - border-bottom-left-radius: 0.75rem; + .\32xl\:hover\:to-Blue-blue-400:hover { + --tw-gradient-to: var(--blue-blue-400, #5c7d92); } - .\32xl\:rounded-b-2xl { - border-bottom-right-radius: 1rem; - border-bottom-left-radius: 1rem; + .\32xl\:hover\:to-Blue-blue-500:hover { + --tw-gradient-to: var(--blue-blue-500, #347095); } - .\32xl\:rounded-b-3xl { - border-bottom-right-radius: 1.5rem; - border-bottom-left-radius: 1.5rem; + .\32xl\:hover\:to-Blue-blue-600:hover { + --tw-gradient-to: var(--blue-blue-600, #295774); } - .\32xl\:rounded-b-full { - border-bottom-right-radius: 9999px; - border-bottom-left-radius: 9999px; + .\32xl\:hover\:to-Blue-blue-700:hover { + --tw-gradient-to: var(--blue-blue-700, #173242); } - .\32xl\:rounded-l-none { - border-top-left-radius: 0px; - border-bottom-left-radius: 0px; + .\32xl\:hover\:to-LightBlue-lightblue:hover { + --tw-gradient-to: var(--light-blue-lightblue, #81c3d7); } - .\32xl\:rounded-l-sm { - border-top-left-radius: 0.125rem; - border-bottom-left-radius: 0.125rem; + .\32xl\:hover\:to-LightBlue-lightblue-100:hover { + --tw-gradient-to: var(--light-blue-lightblue-100, #a7d5e3); } - .\32xl\:rounded-l { - border-top-left-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; + .\32xl\:hover\:to-LightBlue-lightblue-200:hover { + --tw-gradient-to: var(--light-blue-lightblue-200, #c0e1eb); } - .\32xl\:rounded-l-md { - border-top-left-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; + .\32xl\:hover\:to-LightBlue-lightblue-300:hover { + --tw-gradient-to: var(--light-blue-lightblue-300, #80aebd); } - .\32xl\:rounded-l-lg { - border-top-left-radius: 0.5rem; - border-bottom-left-radius: 0.5rem; + .\32xl\:hover\:to-LightBlue-lightblue-400:hover { + --tw-gradient-to: var(--light-blue-lightblue-400, #80a0ab); } - .\32xl\:rounded-l-xl { - border-top-left-radius: 0.75rem; - border-bottom-left-radius: 0.75rem; + .\32xl\:hover\:to-LightBlue-lightblue-500:hover { + --tw-gradient-to: var(--light-blue-lightblue-500, #74afc1); } - .\32xl\:rounded-l-2xl { - border-top-left-radius: 1rem; - border-bottom-left-radius: 1rem; + .\32xl\:hover\:to-LightBlue-lightblue-600:hover { + --tw-gradient-to: var(--light-blue-lightblue-600, #5a8997); } - .\32xl\:rounded-l-3xl { - border-top-left-radius: 1.5rem; - border-bottom-left-radius: 1.5rem; + .\32xl\:hover\:to-LightBlue-lightblue-650:hover { + --tw-gradient-to: var(--light-blue-lightblue-650, #3e5e65); } - .\32xl\:rounded-l-full { - border-top-left-radius: 9999px; - border-bottom-left-radius: 9999px; + .\32xl\:hover\:to-LightBlue-lightblue-700:hover { + --tw-gradient-to: var(--light-blue-lightblue-700, #344e56); } - .\32xl\:rounded-tl-none { - border-top-left-radius: 0px; + .\32xl\:hover\:to-Orange-orange:hover { + --tw-gradient-to: var(--orange-orange, #ff7f0e); } - .\32xl\:rounded-tl-sm { - border-top-left-radius: 0.125rem; + .\32xl\:hover\:to-Orange-orange-100:hover { + --tw-gradient-to: var(--orange-orange-100, #ffa556); } - .\32xl\:rounded-tl { - border-top-left-radius: 0.25rem; + .\32xl\:hover\:to-Orange-orange-200:hover { + --tw-gradient-to: var(--orange-orange-200, #ffbf86); } - .\32xl\:rounded-tl-md { - border-top-left-radius: 0.375rem; + .\32xl\:hover\:to-Orange-orange-300:hover { + --tw-gradient-to: var(--orange-orange-300, #d97f30); } - .\32xl\:rounded-tl-lg { - border-top-left-radius: 0.5rem; + .\32xl\:hover\:to-Orange-orange-400:hover { + --tw-gradient-to: var(--orange-orange-400, #bf7e46); } - .\32xl\:rounded-tl-xl { - border-top-left-radius: 0.75rem; + .\32xl\:hover\:to-Orange-orange-500:hover { + --tw-gradient-to: var(--orange-orange-500, #e5720d); } - .\32xl\:rounded-tl-2xl { - border-top-left-radius: 1rem; + .\32xl\:hover\:to-Orange-orange-600:hover { + --tw-gradient-to: var(--orange-orange-600, #b3590a); } - .\32xl\:rounded-tl-3xl { - border-top-left-radius: 1.5rem; + .\32xl\:hover\:to-Orange-orange-700:hover { + --tw-gradient-to: var(--orange-orange-700, #663306); } - .\32xl\:rounded-tl-full { - border-top-left-radius: 9999px; + .\32xl\:hover\:to-Yellow-yellow:hover { + --tw-gradient-to: var(--yellow-yellow, #ffab00); } - .\32xl\:rounded-tr-none { - border-top-right-radius: 0px; + .\32xl\:hover\:to-Yellow-yellow-100:hover { + --tw-gradient-to: var(--yellow-yellow-100, #ffc44c); } - .\32xl\:rounded-tr-sm { - border-top-right-radius: 0.125rem; + .\32xl\:hover\:to-Yellow-yellow-200:hover { + --tw-gradient-to: var(--yellow-yellow-200, #ffd580); } - .\32xl\:rounded-tr { - border-top-right-radius: 0.25rem; + .\32xl\:hover\:to-Yellow-yellow-300:hover { + --tw-gradient-to: var(--yellow-yellow-300, #d99d26); } - .\32xl\:rounded-tr-md { - border-top-right-radius: 0.375rem; + .\32xl\:hover\:to-Yellow-yellow-400:hover { + --tw-gradient-to: var(--yellow-yellow-400, #bf943f); } - .\32xl\:rounded-tr-lg { - border-top-right-radius: 0.5rem; + .\32xl\:hover\:to-Yellow-yellow-500:hover { + --tw-gradient-to: var(--yellow-yellow-500, #e59a00); } - .\32xl\:rounded-tr-xl { - border-top-right-radius: 0.75rem; + .\32xl\:hover\:to-Yellow-yellow-600:hover { + --tw-gradient-to: var(--yellow-yellow-600, #b37800); } - .\32xl\:rounded-tr-2xl { - border-top-right-radius: 1rem; + .\32xl\:hover\:to-Yellow-yellow-700:hover { + --tw-gradient-to: var(--yellow-yellow-700, #664400); } - .\32xl\:rounded-tr-3xl { - border-top-right-radius: 1.5rem; + .\32xl\:hover\:to-Notification-notification:hover { + --tw-gradient-to: var(--notification-notification, #3959ff); } - .\32xl\:rounded-tr-full { - border-top-right-radius: 9999px; + .\32xl\:hover\:to-Notification-notification-100:hover { + --tw-gradient-to: var(--notification-notification-100, #748bff); } - .\32xl\:rounded-br-none { - border-bottom-right-radius: 0px; + .\32xl\:hover\:to-Notification-notification-200:hover { + --tw-gradient-to: var(--notification-notification-200, #9cacff); } - .\32xl\:rounded-br-sm { - border-bottom-right-radius: 0.125rem; + .\32xl\:hover\:to-Notification-notification-300:hover { + --tw-gradient-to: var(--notification-notification-300, #4e64d9); } - .\32xl\:rounded-br { - border-bottom-right-radius: 0.25rem; + .\32xl\:hover\:to-Notification-notification-400:hover { + --tw-gradient-to: var(--notification-notification-400, #5c6cbf); } - .\32xl\:rounded-br-md { - border-bottom-right-radius: 0.375rem; + .\32xl\:hover\:to-Notification-notification-500:hover { + --tw-gradient-to: var(--notification-notification-500, #3350e5); } - .\32xl\:rounded-br-lg { - border-bottom-right-radius: 0.5rem; + .\32xl\:hover\:to-Notification-notification-600:hover { + --tw-gradient-to: var(--notification-notification-600, #283eb3); } - .\32xl\:rounded-br-xl { - border-bottom-right-radius: 0.75rem; + .\32xl\:hover\:to-Notification-notification-700:hover { + --tw-gradient-to: var(--notification-notification-700, #172466); } - .\32xl\:rounded-br-2xl { - border-bottom-right-radius: 1rem; + .\32xl\:hover\:to-Success-success\ -700:hover { + --tw-gradient-to: var(--success-success-700, #24471f); } - .\32xl\:rounded-br-3xl { - border-bottom-right-radius: 1.5rem; + .\32xl\:hover\:to-Success-success:hover { + --tw-gradient-to: var(--success-success, #5bb14d); } - .\32xl\:rounded-br-full { - border-bottom-right-radius: 9999px; + .\32xl\:hover\:to-Success-success\ -100:hover { + --tw-gradient-to: var(--success-success-100, #8cc882); } - .\32xl\:rounded-bl-none { - border-bottom-left-radius: 0px; + .\32xl\:hover\:to-Success-success\ -200:hover { + --tw-gradient-to: var(--success-success-200, #add8a6); } - .\32xl\:rounded-bl-sm { - border-bottom-left-radius: 0.125rem; + .\32xl\:hover\:to-Success-success\ -300:hover { + --tw-gradient-to: var(--success-success-300, #66a25c); } - .\32xl\:rounded-bl { - border-bottom-left-radius: 0.25rem; + .\32xl\:hover\:to-Success-success\ -400:hover { + --tw-gradient-to: var(--success-success-400, #6d9766); } - .\32xl\:rounded-bl-md { - border-bottom-left-radius: 0.375rem; + .\32xl\:hover\:to-Success-success\ -500:hover { + --tw-gradient-to: var(--success-success-500, #529f45); } - .\32xl\:rounded-bl-lg { - border-bottom-left-radius: 0.5rem; + .\32xl\:hover\:to-Success-success\ -600:hover { + --tw-gradient-to: var(--success-success-600, #407c36); } - .\32xl\:rounded-bl-xl { - border-bottom-left-radius: 0.75rem; + .\32xl\:hover\:to-Error-error:hover { + --tw-gradient-to: var(--error-error, #f03d3e); } - .\32xl\:rounded-bl-2xl { - border-bottom-left-radius: 1rem; + .\32xl\:hover\:to-Error-error-100:hover { + --tw-gradient-to: var(--error-error-100, #f57778); } - .\32xl\:rounded-bl-3xl { - border-bottom-left-radius: 1.5rem; + .\32xl\:hover\:to-Error-error-200:hover { + --tw-gradient-to: var(--error-error-200, #f89e9e); } - .\32xl\:rounded-bl-full { - border-bottom-left-radius: 9999px; + .\32xl\:hover\:to-Error-error-250:hover { + --tw-gradient-to: var(--error-error-250, #f9c8c8); } - .\32xl\:border-0 { - border-width: 0px; + .\32xl\:hover\:to-Error-error-300:hover { + --tw-gradient-to: var(--error-error-300, #ce5151); } - .\32xl\:border-2 { - border-width: 2px; + .\32xl\:hover\:to-Error-error-400:hover { + --tw-gradient-to: var(--error-error-400, #b85e5e); } - .\32xl\:border-4 { - border-width: 4px; + .\32xl\:hover\:to-Error-error-500:hover { + --tw-gradient-to: var(--error-error-500, #d83738); } - .\32xl\:border-8 { - border-width: 8px; + .\32xl\:hover\:to-Error-error-600:hover { + --tw-gradient-to: var(--error-error-600, #a82b2b); } - .\32xl\:border { - border-width: 1px; + .\32xl\:hover\:to-Error-error-700:hover { + --tw-gradient-to: var(--error-error-700, #601819); } - .\32xl\:border-t-0 { - border-top-width: 0px; + .\32xl\:focus\:to-colors-black:focus { + --tw-gradient-to: var(--colors-black, #000000); } - .\32xl\:border-t-2 { - border-top-width: 2px; + .\32xl\:focus\:to-colors-white:focus { + --tw-gradient-to: var(--colors-white, #ffffff); } - .\32xl\:border-t-4 { - border-top-width: 4px; + .\32xl\:focus\:to-colors-gray-100:focus { + --tw-gradient-to: var(--colors-gray-100, #f7fafc); } - .\32xl\:border-t-8 { - border-top-width: 8px; + .\32xl\:focus\:to-colors-gray-200:focus { + --tw-gradient-to: var(--colors-gray-200, #edf2f7); } - .\32xl\:border-t { - border-top-width: 1px; + .\32xl\:focus\:to-colors-gray-300:focus { + --tw-gradient-to: var(--colors-gray-300, #e2e8f0); } - .\32xl\:border-r-0 { - border-right-width: 0px; + .\32xl\:focus\:to-colors-gray-400:focus { + --tw-gradient-to: var(--colors-gray-400, #cbd5e0); } - .\32xl\:border-r-2 { - border-right-width: 2px; + .\32xl\:focus\:to-colors-gray-500:focus { + --tw-gradient-to: var(--colors-gray-500, #a0aec0); } - .\32xl\:border-r-4 { - border-right-width: 4px; + .\32xl\:focus\:to-colors-gray-600:focus { + --tw-gradient-to: var(--colors-gray-600, #718096); } - .\32xl\:border-r-8 { - border-right-width: 8px; + .\32xl\:focus\:to-colors-gray-700:focus { + --tw-gradient-to: var(--colors-gray-700, #4a5568); } - .\32xl\:border-r { - border-right-width: 1px; + .\32xl\:focus\:to-colors-gray-800:focus { + --tw-gradient-to: var(--colors-gray-800, #2d3748); } - .\32xl\:border-b-0 { - border-bottom-width: 0px; + .\32xl\:focus\:to-colors-gray-900:focus { + --tw-gradient-to: var(--colors-gray-900, #1a202c); } - .\32xl\:border-b-2 { - border-bottom-width: 2px; + .\32xl\:focus\:to-colors-red-100:focus { + --tw-gradient-to: var(--colors-red-100, #fff5f5); } - .\32xl\:border-b-4 { - border-bottom-width: 4px; + .\32xl\:focus\:to-colors-red-200:focus { + --tw-gradient-to: var(--colors-red-200, #fed7d7); } - .\32xl\:border-b-8 { - border-bottom-width: 8px; + .\32xl\:focus\:to-colors-red-300:focus { + --tw-gradient-to: var(--colors-red-300, #feb2b2); } - .\32xl\:border-b { - border-bottom-width: 1px; + .\32xl\:focus\:to-colors-red-400:focus { + --tw-gradient-to: var(--colors-red-400, #fc8181); } - .\32xl\:border-l-0 { - border-left-width: 0px; + .\32xl\:focus\:to-colors-red-500:focus { + --tw-gradient-to: var(--colors-red-500, #f56565); } - .\32xl\:border-l-2 { - border-left-width: 2px; + .\32xl\:focus\:to-colors-red-600:focus { + --tw-gradient-to: var(--colors-red-600, #e53e3e); } - .\32xl\:border-l-4 { - border-left-width: 4px; + .\32xl\:focus\:to-colors-red-700:focus { + --tw-gradient-to: var(--colors-red-700, #c53030); } - .\32xl\:border-l-8 { - border-left-width: 8px; + .\32xl\:focus\:to-colors-red-800:focus { + --tw-gradient-to: var(--colors-red-800, #9b2c2c); } - .\32xl\:border-l { - border-left-width: 1px; + .\32xl\:focus\:to-colors-red-900:focus { + --tw-gradient-to: var(--colors-red-900, #742a2a); } - .\32xl\:border-solid { - border-style: solid; + .\32xl\:focus\:to-colors-orange-100:focus { + --tw-gradient-to: var(--colors-orange-100, #fffaf0); } - .\32xl\:border-dashed { - border-style: dashed; + .\32xl\:focus\:to-colors-orange-200:focus { + --tw-gradient-to: var(--colors-orange-200, #feebc8); } - .\32xl\:border-dotted { - border-style: dotted; + .\32xl\:focus\:to-colors-orange-300:focus { + --tw-gradient-to: var(--colors-orange-300, #fbd38d); } - .\32xl\:border-double { - border-style: double; + .\32xl\:focus\:to-colors-orange-400:focus { + --tw-gradient-to: var(--colors-orange-400, #f6ad55); } - .\32xl\:border-none { - border-style: none; + .\32xl\:focus\:to-colors-orange-500:focus { + --tw-gradient-to: var(--colors-orange-500, #ed8936); } - .\32xl\:border-transparent { - border-color: transparent; + .\32xl\:focus\:to-colors-orange-600:focus { + --tw-gradient-to: var(--colors-orange-600, #dd6b20); } - .\32xl\:border-current { - border-color: currentColor; + .\32xl\:focus\:to-colors-orange-700:focus { + --tw-gradient-to: var(--colors-orange-700, #c05621); } - .\32xl\:border-black { - --tw-border-opacity: 1; - border-color: rgba(0, 0, 0, var(--tw-border-opacity)); + .\32xl\:focus\:to-colors-orange-800:focus { + --tw-gradient-to: var(--colors-orange-800, #9c4221); } - .\32xl\:border-white { - --tw-border-opacity: 1; - border-color: rgba(255, 255, 255, var(--tw-border-opacity)); + .\32xl\:focus\:to-colors-orange-900:focus { + --tw-gradient-to: var(--colors-orange-900, #7b341e); } - .\32xl\:border-gray-50 { - --tw-border-opacity: 1; - border-color: rgba(249, 250, 251, var(--tw-border-opacity)); + .\32xl\:focus\:to-colors-yellow-100:focus { + --tw-gradient-to: var(--colors-yellow-100, #fffff0); } - .\32xl\:border-gray-100 { - --tw-border-opacity: 1; - border-color: rgba(243, 244, 246, var(--tw-border-opacity)); + .\32xl\:focus\:to-colors-yellow-200:focus { + --tw-gradient-to: var(--colors-yellow-200, #fefcbf); } - .\32xl\:border-gray-200 { - --tw-border-opacity: 1; - border-color: rgba(229, 231, 235, var(--tw-border-opacity)); + .\32xl\:focus\:to-colors-yellow-300:focus { + --tw-gradient-to: var(--colors-yellow-300, #faf089); } - .\32xl\:border-gray-300 { - --tw-border-opacity: 1; - border-color: rgba(209, 213, 219, var(--tw-border-opacity)); + .\32xl\:focus\:to-colors-yellow-400:focus { + --tw-gradient-to: var(--colors-yellow-400, #f6e05e); } - .\32xl\:border-gray-400 { - --tw-border-opacity: 1; - border-color: rgba(156, 163, 175, var(--tw-border-opacity)); + .\32xl\:focus\:to-colors-yellow-500:focus { + --tw-gradient-to: var(--colors-yellow-500, #ecc94b); } - .\32xl\:border-gray-500 { - --tw-border-opacity: 1; - border-color: rgba(107, 114, 128, var(--tw-border-opacity)); + .\32xl\:focus\:to-colors-yellow-600:focus { + --tw-gradient-to: var(--colors-yellow-600, #d69e2e); } - .\32xl\:border-gray-600 { - --tw-border-opacity: 1; - border-color: rgba(75, 85, 99, var(--tw-border-opacity)); + .\32xl\:focus\:to-colors-yellow-700:focus { + --tw-gradient-to: var(--colors-yellow-700, #b7791f); } - .\32xl\:border-gray-700 { - --tw-border-opacity: 1; - border-color: rgba(55, 65, 81, var(--tw-border-opacity)); + .\32xl\:focus\:to-colors-yellow-800:focus { + --tw-gradient-to: var(--colors-yellow-800, #975a16); } - .\32xl\:border-gray-800 { - --tw-border-opacity: 1; - border-color: rgba(31, 41, 55, var(--tw-border-opacity)); + .\32xl\:focus\:to-colors-yellow-900:focus { + --tw-gradient-to: var(--colors-yellow-900, #744210); } - .\32xl\:border-gray-900 { - --tw-border-opacity: 1; - border-color: rgba(17, 24, 39, var(--tw-border-opacity)); + .\32xl\:focus\:to-colors-green-100:focus { + --tw-gradient-to: var(--colors-green-100, #f0fff4); } - .\32xl\:border-red-50 { - --tw-border-opacity: 1; - border-color: rgba(254, 242, 242, var(--tw-border-opacity)); + .\32xl\:focus\:to-colors-green-200:focus { + --tw-gradient-to: var(--colors-green-200, #c6f6d5); } - .\32xl\:border-red-100 { - --tw-border-opacity: 1; - border-color: rgba(254, 226, 226, var(--tw-border-opacity)); + .\32xl\:focus\:to-colors-green-300:focus { + --tw-gradient-to: var(--colors-green-300, #9ae6b4); } - .\32xl\:border-red-200 { - --tw-border-opacity: 1; - border-color: rgba(254, 202, 202, var(--tw-border-opacity)); + .\32xl\:focus\:to-colors-green-400:focus { + --tw-gradient-to: var(--colors-green-400, #68d391); } - .\32xl\:border-red-300 { - --tw-border-opacity: 1; - border-color: rgba(252, 165, 165, var(--tw-border-opacity)); + .\32xl\:focus\:to-colors-green-500:focus { + --tw-gradient-to: var(--colors-green-500, #48bb78); } - .\32xl\:border-red-400 { - --tw-border-opacity: 1; - border-color: rgba(248, 113, 113, var(--tw-border-opacity)); + .\32xl\:focus\:to-colors-green-600:focus { + --tw-gradient-to: var(--colors-green-600, #38a169); } - .\32xl\:border-red-500 { - --tw-border-opacity: 1; - border-color: rgba(239, 68, 68, var(--tw-border-opacity)); + .\32xl\:focus\:to-colors-green-700:focus { + --tw-gradient-to: var(--colors-green-700, #2f855a); } - .\32xl\:border-red-600 { - --tw-border-opacity: 1; - border-color: rgba(220, 38, 38, var(--tw-border-opacity)); + .\32xl\:focus\:to-colors-green-800:focus { + --tw-gradient-to: var(--colors-green-800, #276749); } - .\32xl\:border-red-700 { - --tw-border-opacity: 1; - border-color: rgba(185, 28, 28, var(--tw-border-opacity)); + .\32xl\:focus\:to-colors-green-900:focus { + --tw-gradient-to: var(--colors-green-900, #22543d); } - .\32xl\:border-red-800 { - --tw-border-opacity: 1; - border-color: rgba(153, 27, 27, var(--tw-border-opacity)); + .\32xl\:focus\:to-colors-teal-100:focus { + --tw-gradient-to: var(--colors-teal-100, #e6fffa); } - .\32xl\:border-red-900 { - --tw-border-opacity: 1; - border-color: rgba(127, 29, 29, var(--tw-border-opacity)); + .\32xl\:focus\:to-colors-teal-200:focus { + --tw-gradient-to: var(--colors-teal-200, #b2f5ea); } - .\32xl\:border-yellow-50 { - --tw-border-opacity: 1; - border-color: rgba(255, 251, 235, var(--tw-border-opacity)); + .\32xl\:focus\:to-colors-teal-300:focus { + --tw-gradient-to: var(--colors-teal-300, #81e6d9); } - .\32xl\:border-yellow-100 { - --tw-border-opacity: 1; - border-color: rgba(254, 243, 199, var(--tw-border-opacity)); + .\32xl\:focus\:to-colors-teal-400:focus { + --tw-gradient-to: var(--colors-teal-400, #4fd1c5); } - .\32xl\:border-yellow-200 { - --tw-border-opacity: 1; - border-color: rgba(253, 230, 138, var(--tw-border-opacity)); + .\32xl\:focus\:to-colors-teal-500:focus { + --tw-gradient-to: var(--colors-teal-500, #38b2ac); } - .\32xl\:border-yellow-300 { - --tw-border-opacity: 1; - border-color: rgba(252, 211, 77, var(--tw-border-opacity)); + .\32xl\:focus\:to-colors-teal-600:focus { + --tw-gradient-to: var(--colors-teal-600, #319795); } - .\32xl\:border-yellow-400 { - --tw-border-opacity: 1; - border-color: rgba(251, 191, 36, var(--tw-border-opacity)); + .\32xl\:focus\:to-colors-teal-700:focus { + --tw-gradient-to: var(--colors-teal-700, #2c7a7b); } - .\32xl\:border-yellow-500 { - --tw-border-opacity: 1; - border-color: rgba(245, 158, 11, var(--tw-border-opacity)); + .\32xl\:focus\:to-colors-teal-800:focus { + --tw-gradient-to: var(--colors-teal-800, #285e61); } - .\32xl\:border-yellow-600 { - --tw-border-opacity: 1; - border-color: rgba(217, 119, 6, var(--tw-border-opacity)); + .\32xl\:focus\:to-colors-teal-900:focus { + --tw-gradient-to: var(--colors-teal-900, #234e52); } - .\32xl\:border-yellow-700 { - --tw-border-opacity: 1; - border-color: rgba(180, 83, 9, var(--tw-border-opacity)); + .\32xl\:focus\:to-colors-blue-100:focus { + --tw-gradient-to: var(--colors-blue-100, #ebf8ff); } - .\32xl\:border-yellow-800 { - --tw-border-opacity: 1; - border-color: rgba(146, 64, 14, var(--tw-border-opacity)); + .\32xl\:focus\:to-colors-blue-200:focus { + --tw-gradient-to: var(--colors-blue-200, #bee3f8); } - .\32xl\:border-yellow-900 { - --tw-border-opacity: 1; - border-color: rgba(120, 53, 15, var(--tw-border-opacity)); + .\32xl\:focus\:to-colors-blue-300:focus { + --tw-gradient-to: var(--colors-blue-300, #90cdf4); } - .\32xl\:border-green-50 { - --tw-border-opacity: 1; - border-color: rgba(236, 253, 245, var(--tw-border-opacity)); + .\32xl\:focus\:to-colors-blue-400:focus { + --tw-gradient-to: var(--colors-blue-400, #63b3ed); } - .\32xl\:border-green-100 { - --tw-border-opacity: 1; - border-color: rgba(209, 250, 229, var(--tw-border-opacity)); + .\32xl\:focus\:to-colors-blue-500:focus { + --tw-gradient-to: var(--colors-blue-500, #4299e1); } - .\32xl\:border-green-200 { - --tw-border-opacity: 1; - border-color: rgba(167, 243, 208, var(--tw-border-opacity)); + .\32xl\:focus\:to-colors-blue-600:focus { + --tw-gradient-to: var(--colors-blue-600, #3182ce); } - .\32xl\:border-green-300 { - --tw-border-opacity: 1; - border-color: rgba(110, 231, 183, var(--tw-border-opacity)); + .\32xl\:focus\:to-colors-blue-700:focus { + --tw-gradient-to: var(--colors-blue-700, #2b6cb0); } - .\32xl\:border-green-400 { - --tw-border-opacity: 1; - border-color: rgba(52, 211, 153, var(--tw-border-opacity)); + .\32xl\:focus\:to-colors-blue-800:focus { + --tw-gradient-to: var(--colors-blue-800, #2c5282); } - .\32xl\:border-green-500 { - --tw-border-opacity: 1; - border-color: rgba(16, 185, 129, var(--tw-border-opacity)); + .\32xl\:focus\:to-colors-blue-900:focus { + --tw-gradient-to: var(--colors-blue-900, #2a4365); } - .\32xl\:border-green-600 { - --tw-border-opacity: 1; - border-color: rgba(5, 150, 105, var(--tw-border-opacity)); + .\32xl\:focus\:to-colors-indigo-100:focus { + --tw-gradient-to: var(--colors-indigo-100, #ebf4ff); } - .\32xl\:border-green-700 { - --tw-border-opacity: 1; - border-color: rgba(4, 120, 87, var(--tw-border-opacity)); + .\32xl\:focus\:to-colors-indigo-200:focus { + --tw-gradient-to: var(--colors-indigo-200, #c3dafe); } - .\32xl\:border-green-800 { - --tw-border-opacity: 1; - border-color: rgba(6, 95, 70, var(--tw-border-opacity)); + .\32xl\:focus\:to-colors-indigo-300:focus { + --tw-gradient-to: var(--colors-indigo-300, #a3bffa); } - .\32xl\:border-green-900 { - --tw-border-opacity: 1; - border-color: rgba(6, 78, 59, var(--tw-border-opacity)); + .\32xl\:focus\:to-colors-indigo-400:focus { + --tw-gradient-to: var(--colors-indigo-400, #7f9cf5); } - .\32xl\:border-blue-50 { - --tw-border-opacity: 1; - border-color: rgba(239, 246, 255, var(--tw-border-opacity)); + .\32xl\:focus\:to-colors-indigo-500:focus { + --tw-gradient-to: var(--colors-indigo-500, #667eea); } - .\32xl\:border-blue-100 { - --tw-border-opacity: 1; - border-color: rgba(219, 234, 254, var(--tw-border-opacity)); + .\32xl\:focus\:to-colors-indigo-600:focus { + --tw-gradient-to: var(--colors-indigo-600, #5a67d8); } - .\32xl\:border-blue-200 { - --tw-border-opacity: 1; - border-color: rgba(191, 219, 254, var(--tw-border-opacity)); + .\32xl\:focus\:to-colors-indigo-700:focus { + --tw-gradient-to: var(--colors-indigo-700, #4c51bf); } - .\32xl\:border-blue-300 { - --tw-border-opacity: 1; - border-color: rgba(147, 197, 253, var(--tw-border-opacity)); + .\32xl\:focus\:to-colors-indigo-800:focus { + --tw-gradient-to: var(--colors-indigo-800, #434190); } - .\32xl\:border-blue-400 { - --tw-border-opacity: 1; - border-color: rgba(96, 165, 250, var(--tw-border-opacity)); + .\32xl\:focus\:to-colors-indigo-900:focus { + --tw-gradient-to: var(--colors-indigo-900, #3c366b); } - .\32xl\:border-blue-500 { - --tw-border-opacity: 1; - border-color: rgba(59, 130, 246, var(--tw-border-opacity)); + .\32xl\:focus\:to-colors-purple-100:focus { + --tw-gradient-to: var(--colors-purple-100, #faf5ff); } - .\32xl\:border-blue-600 { - --tw-border-opacity: 1; - border-color: rgba(37, 99, 235, var(--tw-border-opacity)); + .\32xl\:focus\:to-colors-purple-200:focus { + --tw-gradient-to: var(--colors-purple-200, #e9d8fd); } - .\32xl\:border-blue-700 { - --tw-border-opacity: 1; - border-color: rgba(29, 78, 216, var(--tw-border-opacity)); + .\32xl\:focus\:to-colors-purple-300:focus { + --tw-gradient-to: var(--colors-purple-300, #d6bcfa); } - .\32xl\:border-blue-800 { - --tw-border-opacity: 1; - border-color: rgba(30, 64, 175, var(--tw-border-opacity)); + .\32xl\:focus\:to-colors-purple-400:focus { + --tw-gradient-to: var(--colors-purple-400, #b794f4); } - .\32xl\:border-blue-900 { - --tw-border-opacity: 1; - border-color: rgba(30, 58, 138, var(--tw-border-opacity)); + .\32xl\:focus\:to-colors-purple-500:focus { + --tw-gradient-to: var(--colors-purple-500, #9f7aea); } - .\32xl\:border-indigo-50 { - --tw-border-opacity: 1; - border-color: rgba(238, 242, 255, var(--tw-border-opacity)); + .\32xl\:focus\:to-colors-purple-600:focus { + --tw-gradient-to: var(--colors-purple-600, #805ad5); } - .\32xl\:border-indigo-100 { - --tw-border-opacity: 1; - border-color: rgba(224, 231, 255, var(--tw-border-opacity)); + .\32xl\:focus\:to-colors-purple-700:focus { + --tw-gradient-to: var(--colors-purple-700, #6b46c1); } - .\32xl\:border-indigo-200 { - --tw-border-opacity: 1; - border-color: rgba(199, 210, 254, var(--tw-border-opacity)); + .\32xl\:focus\:to-colors-purple-800:focus { + --tw-gradient-to: var(--colors-purple-800, #553c9a); } - .\32xl\:border-indigo-300 { - --tw-border-opacity: 1; - border-color: rgba(165, 180, 252, var(--tw-border-opacity)); + .\32xl\:focus\:to-colors-purple-900:focus { + --tw-gradient-to: var(--colors-purple-900, #44337a); } - .\32xl\:border-indigo-400 { - --tw-border-opacity: 1; - border-color: rgba(129, 140, 248, var(--tw-border-opacity)); + .\32xl\:focus\:to-colors-pink-100:focus { + --tw-gradient-to: var(--colors-pink-100, #fff5f7); } - .\32xl\:border-indigo-500 { - --tw-border-opacity: 1; - border-color: rgba(99, 102, 241, var(--tw-border-opacity)); + .\32xl\:focus\:to-colors-pink-200:focus { + --tw-gradient-to: var(--colors-pink-200, #fed7e2); } - .\32xl\:border-indigo-600 { - --tw-border-opacity: 1; - border-color: rgba(79, 70, 229, var(--tw-border-opacity)); + .\32xl\:focus\:to-colors-pink-300:focus { + --tw-gradient-to: var(--colors-pink-300, #fbb6ce); } - .\32xl\:border-indigo-700 { - --tw-border-opacity: 1; - border-color: rgba(67, 56, 202, var(--tw-border-opacity)); + .\32xl\:focus\:to-colors-pink-400:focus { + --tw-gradient-to: var(--colors-pink-400, #f687b3); } - .\32xl\:border-indigo-800 { - --tw-border-opacity: 1; - border-color: rgba(55, 48, 163, var(--tw-border-opacity)); + .\32xl\:focus\:to-colors-pink-500:focus { + --tw-gradient-to: var(--colors-pink-500, #ed64a6); } - .\32xl\:border-indigo-900 { - --tw-border-opacity: 1; - border-color: rgba(49, 46, 129, var(--tw-border-opacity)); + .\32xl\:focus\:to-colors-pink-600:focus { + --tw-gradient-to: var(--colors-pink-600, #d53f8c); } - .\32xl\:border-purple-50 { - --tw-border-opacity: 1; - border-color: rgba(245, 243, 255, var(--tw-border-opacity)); + .\32xl\:focus\:to-colors-pink-700:focus { + --tw-gradient-to: var(--colors-pink-700, #b83280); } - .\32xl\:border-purple-100 { - --tw-border-opacity: 1; - border-color: rgba(237, 233, 254, var(--tw-border-opacity)); + .\32xl\:focus\:to-colors-pink-800:focus { + --tw-gradient-to: var(--colors-pink-800, #97266d); } - .\32xl\:border-purple-200 { - --tw-border-opacity: 1; - border-color: rgba(221, 214, 254, var(--tw-border-opacity)); + .\32xl\:focus\:to-colors-pink-900:focus { + --tw-gradient-to: var(--colors-pink-900, #702459); } - .\32xl\:border-purple-300 { - --tw-border-opacity: 1; - border-color: rgba(196, 181, 253, var(--tw-border-opacity)); + .\32xl\:focus\:to-Box\ Shadow:focus { + --tw-gradient-to: var(--box-shadow, #7f7e7f); } - .\32xl\:border-purple-400 { - --tw-border-opacity: 1; - border-color: rgba(167, 139, 250, var(--tw-border-opacity)); + .\32xl\:focus\:to-Error16:focus { + --tw-gradient-to: var(--error16, #f03d3e40); } - .\32xl\:border-purple-500 { - --tw-border-opacity: 1; - border-color: rgba(139, 92, 246, var(--tw-border-opacity)); + .\32xl\:focus\:to-Success16:focus { + --tw-gradient-to: var(--success16, #5bb14d40); } - .\32xl\:border-purple-600 { - --tw-border-opacity: 1; - border-color: rgba(124, 58, 237, var(--tw-border-opacity)); + .\32xl\:focus\:to-Notification16:focus { + --tw-gradient-to: var(--notification16, #3959ff40); } - .\32xl\:border-purple-700 { - --tw-border-opacity: 1; - border-color: rgba(109, 40, 217, var(--tw-border-opacity)); + .\32xl\:focus\:to-Error8:focus { + --tw-gradient-to: var(--error8, #f03d3e1a); } - .\32xl\:border-purple-800 { - --tw-border-opacity: 1; - border-color: rgba(91, 33, 182, var(--tw-border-opacity)); + .\32xl\:focus\:to-Notification8:focus { + --tw-gradient-to: var(--notification8, #3959ff1a); } - .\32xl\:border-purple-900 { - --tw-border-opacity: 1; - border-color: rgba(76, 29, 149, var(--tw-border-opacity)); + .\32xl\:focus\:to-Success8:focus { + --tw-gradient-to: var(--success8, #5bb14d1a); } - .\32xl\:border-pink-50 { - --tw-border-opacity: 1; - border-color: rgba(253, 242, 248, var(--tw-border-opacity)); + .\32xl\:focus\:to-Light\ -\ Overlay:focus { + --tw-gradient-to: var(--light-overlay, #f0edee66); } - .\32xl\:border-pink-100 { - --tw-border-opacity: 1; - border-color: rgba(252, 231, 243, var(--tw-border-opacity)); + .\32xl\:focus\:to-Dark-\ Overlay:focus { + --tw-gradient-to: var(--dark-overlay, #7f7e7f66); } - .\32xl\:border-pink-200 { - --tw-border-opacity: 1; - border-color: rgba(251, 207, 232, var(--tw-border-opacity)); + .\32xl\:focus\:to-black-40:focus { + --tw-gradient-to: var(--black-40, #00000066); } - .\32xl\:border-pink-300 { - --tw-border-opacity: 1; - border-color: rgba(249, 168, 212, var(--tw-border-opacity)); + .\32xl\:focus\:to-black-75:focus { + --tw-gradient-to: var(--black-75, #000000bf); } - .\32xl\:border-pink-400 { - --tw-border-opacity: 1; - border-color: rgba(244, 114, 182, var(--tw-border-opacity)); + .\32xl\:focus\:to-black-60:focus { + --tw-gradient-to: var(--black-60, #00000099); } - .\32xl\:border-pink-500 { - --tw-border-opacity: 1; - border-color: rgba(236, 72, 153, var(--tw-border-opacity)); + .\32xl\:focus\:to-black-50:focus { + --tw-gradient-to: var(--black-50, #00000080); } - .\32xl\:border-pink-600 { - --tw-border-opacity: 1; - border-color: rgba(219, 39, 119, var(--tw-border-opacity)); + .\32xl\:focus\:to-black-25:focus { + --tw-gradient-to: var(--black-25, #00000040); } - .\32xl\:border-pink-700 { - --tw-border-opacity: 1; - border-color: rgba(190, 24, 93, var(--tw-border-opacity)); + .\32xl\:focus\:to-black-10:focus { + --tw-gradient-to: var(--black-10, #0000001a); } - .\32xl\:border-pink-800 { - --tw-border-opacity: 1; - border-color: rgba(157, 23, 77, var(--tw-border-opacity)); + .\32xl\:focus\:to-white-25:focus { + --tw-gradient-to: var(--white-25, #ffffff40); } - .\32xl\:border-pink-900 { - --tw-border-opacity: 1; - border-color: rgba(131, 24, 67, var(--tw-border-opacity)); + .\32xl\:focus\:to-white-60:focus { + --tw-gradient-to: var(--white-60, #ffffff99); } - .group:hover .\32xl\:group-hover\:border-transparent { - border-color: transparent; + .\32xl\:focus\:to-black-64:focus { + --tw-gradient-to: var(--black-64, #000000a3); } - .group:hover .\32xl\:group-hover\:border-current { - border-color: currentColor; + .\32xl\:focus\:to-Shadow\ and\ Highlight-Shadow:focus { + --tw-gradient-to: var(--shadow-and-highlight-shadow, #7f7e7f); } - .group:hover .\32xl\:group-hover\:border-black { - --tw-border-opacity: 1; - border-color: rgba(0, 0, 0, var(--tw-border-opacity)); + .\32xl\:focus\:to-Shadow\ and\ Highlight-Highlight:focus { + --tw-gradient-to: var(--shadow-and-highlight-highlight, #474747); } - .group:hover .\32xl\:group-hover\:border-white { - --tw-border-opacity: 1; - border-color: rgba(255, 255, 255, var(--tw-border-opacity)); + .\32xl\:focus\:to-Shadow\ and\ Highlight-highlight\ one:focus { + --tw-gradient-to: var(--shadow-and-highlight-highlight-one, #474747bf); } - .group:hover .\32xl\:group-hover\:border-gray-50 { - --tw-border-opacity: 1; - border-color: rgba(249, 250, 251, var(--tw-border-opacity)); + .\32xl\:focus\:to-Shadow\ and\ Highlight-highlight\ two:focus { + --tw-gradient-to: var(--shadow-and-highlight-highlight-two, #47474799); } - .group:hover .\32xl\:group-hover\:border-gray-100 { - --tw-border-opacity: 1; - border-color: rgba(243, 244, 246, var(--tw-border-opacity)); + .\32xl\:focus\:to-Shadow\ and\ Highlight-highlight\ three:focus { + --tw-gradient-to: var(--shadow-and-highlight-highlight-three, #47474766); } - .group:hover .\32xl\:group-hover\:border-gray-200 { - --tw-border-opacity: 1; - border-color: rgba(229, 231, 235, var(--tw-border-opacity)); + .\32xl\:focus\:to-Shadow\ and\ Highlight-highlight\ five:focus { + --tw-gradient-to: var(--shadow-and-highlight-highlight-five, #4747471a); } - .group:hover .\32xl\:group-hover\:border-gray-300 { - --tw-border-opacity: 1; - border-color: rgba(209, 213, 219, var(--tw-border-opacity)); + .\32xl\:focus\:to-Shadow\ and\ Highlight-shadow\ one:focus { + --tw-gradient-to: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .group:hover .\32xl\:group-hover\:border-gray-400 { - --tw-border-opacity: 1; - border-color: rgba(156, 163, 175, var(--tw-border-opacity)); + .\32xl\:focus\:to-Shadow\ and\ Highlight-shadow\ two:focus { + --tw-gradient-to: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .group:hover .\32xl\:group-hover\:border-gray-500 { - --tw-border-opacity: 1; - border-color: rgba(107, 114, 128, var(--tw-border-opacity)); + .\32xl\:focus\:to-Shadow\ and\ Highlight-shadow\ three:focus { + --tw-gradient-to: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .group:hover .\32xl\:group-hover\:border-gray-600 { - --tw-border-opacity: 1; - border-color: rgba(75, 85, 99, var(--tw-border-opacity)); + .\32xl\:focus\:to-Shadow\ and\ Highlight-shadow\ four:focus { + --tw-gradient-to: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .group:hover .\32xl\:group-hover\:border-gray-700 { - --tw-border-opacity: 1; - border-color: rgba(55, 65, 81, var(--tw-border-opacity)); + .\32xl\:focus\:to-Shadow\ and\ Highlight-shadow\ five:focus { + --tw-gradient-to: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .group:hover .\32xl\:group-hover\:border-gray-800 { - --tw-border-opacity: 1; - border-color: rgba(31, 41, 55, var(--tw-border-opacity)); + .\32xl\:focus\:to-Shadow\ and\ Highlight-highlight\ four:focus { + --tw-gradient-to: var(--shadow-and-highlight-highlight-four, #47474740); } - .group:hover .\32xl\:group-hover\:border-gray-900 { - --tw-border-opacity: 1; - border-color: rgba(17, 24, 39, var(--tw-border-opacity)); + .\32xl\:focus\:to-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus { + --tw-gradient-to: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .group:hover .\32xl\:group-hover\:border-red-50 { - --tw-border-opacity: 1; - border-color: rgba(254, 242, 242, var(--tw-border-opacity)); + .\32xl\:focus\:to-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus { + --tw-gradient-to: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .group:hover .\32xl\:group-hover\:border-red-100 { - --tw-border-opacity: 1; - border-color: rgba(254, 226, 226, var(--tw-border-opacity)); + .\32xl\:focus\:to-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus { + --tw-gradient-to: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .group:hover .\32xl\:group-hover\:border-red-200 { - --tw-border-opacity: 1; - border-color: rgba(254, 202, 202, var(--tw-border-opacity)); + .\32xl\:focus\:to-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus { + --tw-gradient-to: var(--base-layer-styles-base-layer-dark-black, #000000); } - .group:hover .\32xl\:group-hover\:border-red-300 { - --tw-border-opacity: 1; - border-color: rgba(252, 165, 165, var(--tw-border-opacity)); + .\32xl\:focus\:to-Grey-Scale-white:focus { + --tw-gradient-to: var(--grey-scale-white, #ffffff); } - .group:hover .\32xl\:group-hover\:border-red-400 { - --tw-border-opacity: 1; - border-color: rgba(248, 113, 113, var(--tw-border-opacity)); + .\32xl\:focus\:to-Grey-Scale-off-white:focus { + --tw-gradient-to: var(--grey-scale-off-white, #f0edee); } - .group:hover .\32xl\:group-hover\:border-red-500 { - --tw-border-opacity: 1; - border-color: rgba(239, 68, 68, var(--tw-border-opacity)); + .\32xl\:focus\:to-Grey\ Scale-grey:focus { + --tw-gradient-to: var(--grey-scale-grey, #7f7e7f); } - .group:hover .\32xl\:group-hover\:border-red-600 { - --tw-border-opacity: 1; - border-color: rgba(220, 38, 38, var(--tw-border-opacity)); + .\32xl\:focus\:to-Grey\ Scale-charcoal:focus { + --tw-gradient-to: var(--grey-scale-charcoal, #474747); } - .group:hover .\32xl\:group-hover\:border-red-700 { - --tw-border-opacity: 1; - border-color: rgba(185, 28, 28, var(--tw-border-opacity)); + .\32xl\:focus\:to-Grey\ Scale-off-black:focus { + --tw-gradient-to: var(--grey-scale-off-black, #1c1c1c); } - .group:hover .\32xl\:group-hover\:border-red-800 { - --tw-border-opacity: 1; - border-color: rgba(153, 27, 27, var(--tw-border-opacity)); + .\32xl\:focus\:to-Grey\ Scale-black:focus { + --tw-gradient-to: var(--grey-scale-black, #000000); } - .group:hover .\32xl\:group-hover\:border-red-900 { - --tw-border-opacity: 1; - border-color: rgba(127, 29, 29, var(--tw-border-opacity)); + .\32xl\:focus\:to-Blue-blue:focus { + --tw-gradient-to: var(--blue-blue, #3a7ca5); } - .group:hover .\32xl\:group-hover\:border-yellow-50 { - --tw-border-opacity: 1; - border-color: rgba(255, 251, 235, var(--tw-border-opacity)); + .\32xl\:focus\:to-Blue-blue-100:focus { + --tw-gradient-to: var(--blue-blue-100, #75a3c0); } - .group:hover .\32xl\:group-hover\:border-yellow-100 { - --tw-border-opacity: 1; - border-color: rgba(254, 243, 199, var(--tw-border-opacity)); + .\32xl\:focus\:to-Blue-blue-200:focus { + --tw-gradient-to: var(--blue-blue-200, #9cbed2); } - .group:hover .\32xl\:group-hover\:border-yellow-200 { - --tw-border-opacity: 1; - border-color: rgba(253, 230, 138, var(--tw-border-opacity)); + .\32xl\:focus\:to-Blue-blue-300:focus { + --tw-gradient-to: var(--blue-blue-300, #4f7d9a); } - .group:hover .\32xl\:group-hover\:border-yellow-300 { - --tw-border-opacity: 1; - border-color: rgba(252, 211, 77, var(--tw-border-opacity)); + .\32xl\:focus\:to-Blue-blue-400:focus { + --tw-gradient-to: var(--blue-blue-400, #5c7d92); } - .group:hover .\32xl\:group-hover\:border-yellow-400 { - --tw-border-opacity: 1; - border-color: rgba(251, 191, 36, var(--tw-border-opacity)); + .\32xl\:focus\:to-Blue-blue-500:focus { + --tw-gradient-to: var(--blue-blue-500, #347095); } - .group:hover .\32xl\:group-hover\:border-yellow-500 { - --tw-border-opacity: 1; - border-color: rgba(245, 158, 11, var(--tw-border-opacity)); + .\32xl\:focus\:to-Blue-blue-600:focus { + --tw-gradient-to: var(--blue-blue-600, #295774); } - .group:hover .\32xl\:group-hover\:border-yellow-600 { - --tw-border-opacity: 1; - border-color: rgba(217, 119, 6, var(--tw-border-opacity)); + .\32xl\:focus\:to-Blue-blue-700:focus { + --tw-gradient-to: var(--blue-blue-700, #173242); } - .group:hover .\32xl\:group-hover\:border-yellow-700 { - --tw-border-opacity: 1; - border-color: rgba(180, 83, 9, var(--tw-border-opacity)); + .\32xl\:focus\:to-LightBlue-lightblue:focus { + --tw-gradient-to: var(--light-blue-lightblue, #81c3d7); } - .group:hover .\32xl\:group-hover\:border-yellow-800 { - --tw-border-opacity: 1; - border-color: rgba(146, 64, 14, var(--tw-border-opacity)); + .\32xl\:focus\:to-LightBlue-lightblue-100:focus { + --tw-gradient-to: var(--light-blue-lightblue-100, #a7d5e3); } - .group:hover .\32xl\:group-hover\:border-yellow-900 { - --tw-border-opacity: 1; - border-color: rgba(120, 53, 15, var(--tw-border-opacity)); + .\32xl\:focus\:to-LightBlue-lightblue-200:focus { + --tw-gradient-to: var(--light-blue-lightblue-200, #c0e1eb); } - .group:hover .\32xl\:group-hover\:border-green-50 { - --tw-border-opacity: 1; - border-color: rgba(236, 253, 245, var(--tw-border-opacity)); + .\32xl\:focus\:to-LightBlue-lightblue-300:focus { + --tw-gradient-to: var(--light-blue-lightblue-300, #80aebd); } - .group:hover .\32xl\:group-hover\:border-green-100 { - --tw-border-opacity: 1; - border-color: rgba(209, 250, 229, var(--tw-border-opacity)); + .\32xl\:focus\:to-LightBlue-lightblue-400:focus { + --tw-gradient-to: var(--light-blue-lightblue-400, #80a0ab); } - .group:hover .\32xl\:group-hover\:border-green-200 { - --tw-border-opacity: 1; - border-color: rgba(167, 243, 208, var(--tw-border-opacity)); + .\32xl\:focus\:to-LightBlue-lightblue-500:focus { + --tw-gradient-to: var(--light-blue-lightblue-500, #74afc1); } - .group:hover .\32xl\:group-hover\:border-green-300 { - --tw-border-opacity: 1; - border-color: rgba(110, 231, 183, var(--tw-border-opacity)); + .\32xl\:focus\:to-LightBlue-lightblue-600:focus { + --tw-gradient-to: var(--light-blue-lightblue-600, #5a8997); } - .group:hover .\32xl\:group-hover\:border-green-400 { - --tw-border-opacity: 1; - border-color: rgba(52, 211, 153, var(--tw-border-opacity)); + .\32xl\:focus\:to-LightBlue-lightblue-650:focus { + --tw-gradient-to: var(--light-blue-lightblue-650, #3e5e65); } - .group:hover .\32xl\:group-hover\:border-green-500 { - --tw-border-opacity: 1; - border-color: rgba(16, 185, 129, var(--tw-border-opacity)); + .\32xl\:focus\:to-LightBlue-lightblue-700:focus { + --tw-gradient-to: var(--light-blue-lightblue-700, #344e56); } - .group:hover .\32xl\:group-hover\:border-green-600 { - --tw-border-opacity: 1; - border-color: rgba(5, 150, 105, var(--tw-border-opacity)); + .\32xl\:focus\:to-Orange-orange:focus { + --tw-gradient-to: var(--orange-orange, #ff7f0e); } - .group:hover .\32xl\:group-hover\:border-green-700 { - --tw-border-opacity: 1; - border-color: rgba(4, 120, 87, var(--tw-border-opacity)); + .\32xl\:focus\:to-Orange-orange-100:focus { + --tw-gradient-to: var(--orange-orange-100, #ffa556); } - .group:hover .\32xl\:group-hover\:border-green-800 { - --tw-border-opacity: 1; - border-color: rgba(6, 95, 70, var(--tw-border-opacity)); + .\32xl\:focus\:to-Orange-orange-200:focus { + --tw-gradient-to: var(--orange-orange-200, #ffbf86); } - .group:hover .\32xl\:group-hover\:border-green-900 { - --tw-border-opacity: 1; - border-color: rgba(6, 78, 59, var(--tw-border-opacity)); + .\32xl\:focus\:to-Orange-orange-300:focus { + --tw-gradient-to: var(--orange-orange-300, #d97f30); } - .group:hover .\32xl\:group-hover\:border-blue-50 { - --tw-border-opacity: 1; - border-color: rgba(239, 246, 255, var(--tw-border-opacity)); + .\32xl\:focus\:to-Orange-orange-400:focus { + --tw-gradient-to: var(--orange-orange-400, #bf7e46); } - .group:hover .\32xl\:group-hover\:border-blue-100 { - --tw-border-opacity: 1; - border-color: rgba(219, 234, 254, var(--tw-border-opacity)); + .\32xl\:focus\:to-Orange-orange-500:focus { + --tw-gradient-to: var(--orange-orange-500, #e5720d); } - .group:hover .\32xl\:group-hover\:border-blue-200 { - --tw-border-opacity: 1; - border-color: rgba(191, 219, 254, var(--tw-border-opacity)); + .\32xl\:focus\:to-Orange-orange-600:focus { + --tw-gradient-to: var(--orange-orange-600, #b3590a); } - .group:hover .\32xl\:group-hover\:border-blue-300 { - --tw-border-opacity: 1; - border-color: rgba(147, 197, 253, var(--tw-border-opacity)); + .\32xl\:focus\:to-Orange-orange-700:focus { + --tw-gradient-to: var(--orange-orange-700, #663306); } - .group:hover .\32xl\:group-hover\:border-blue-400 { - --tw-border-opacity: 1; - border-color: rgba(96, 165, 250, var(--tw-border-opacity)); + .\32xl\:focus\:to-Yellow-yellow:focus { + --tw-gradient-to: var(--yellow-yellow, #ffab00); } - .group:hover .\32xl\:group-hover\:border-blue-500 { - --tw-border-opacity: 1; - border-color: rgba(59, 130, 246, var(--tw-border-opacity)); + .\32xl\:focus\:to-Yellow-yellow-100:focus { + --tw-gradient-to: var(--yellow-yellow-100, #ffc44c); } - .group:hover .\32xl\:group-hover\:border-blue-600 { - --tw-border-opacity: 1; - border-color: rgba(37, 99, 235, var(--tw-border-opacity)); + .\32xl\:focus\:to-Yellow-yellow-200:focus { + --tw-gradient-to: var(--yellow-yellow-200, #ffd580); } - .group:hover .\32xl\:group-hover\:border-blue-700 { - --tw-border-opacity: 1; - border-color: rgba(29, 78, 216, var(--tw-border-opacity)); + .\32xl\:focus\:to-Yellow-yellow-300:focus { + --tw-gradient-to: var(--yellow-yellow-300, #d99d26); } - .group:hover .\32xl\:group-hover\:border-blue-800 { - --tw-border-opacity: 1; - border-color: rgba(30, 64, 175, var(--tw-border-opacity)); + .\32xl\:focus\:to-Yellow-yellow-400:focus { + --tw-gradient-to: var(--yellow-yellow-400, #bf943f); } - .group:hover .\32xl\:group-hover\:border-blue-900 { - --tw-border-opacity: 1; - border-color: rgba(30, 58, 138, var(--tw-border-opacity)); + .\32xl\:focus\:to-Yellow-yellow-500:focus { + --tw-gradient-to: var(--yellow-yellow-500, #e59a00); } - .group:hover .\32xl\:group-hover\:border-indigo-50 { - --tw-border-opacity: 1; - border-color: rgba(238, 242, 255, var(--tw-border-opacity)); + .\32xl\:focus\:to-Yellow-yellow-600:focus { + --tw-gradient-to: var(--yellow-yellow-600, #b37800); } - .group:hover .\32xl\:group-hover\:border-indigo-100 { - --tw-border-opacity: 1; - border-color: rgba(224, 231, 255, var(--tw-border-opacity)); + .\32xl\:focus\:to-Yellow-yellow-700:focus { + --tw-gradient-to: var(--yellow-yellow-700, #664400); } - .group:hover .\32xl\:group-hover\:border-indigo-200 { - --tw-border-opacity: 1; - border-color: rgba(199, 210, 254, var(--tw-border-opacity)); + .\32xl\:focus\:to-Notification-notification:focus { + --tw-gradient-to: var(--notification-notification, #3959ff); } - .group:hover .\32xl\:group-hover\:border-indigo-300 { - --tw-border-opacity: 1; - border-color: rgba(165, 180, 252, var(--tw-border-opacity)); + .\32xl\:focus\:to-Notification-notification-100:focus { + --tw-gradient-to: var(--notification-notification-100, #748bff); } - .group:hover .\32xl\:group-hover\:border-indigo-400 { - --tw-border-opacity: 1; - border-color: rgba(129, 140, 248, var(--tw-border-opacity)); + .\32xl\:focus\:to-Notification-notification-200:focus { + --tw-gradient-to: var(--notification-notification-200, #9cacff); } - .group:hover .\32xl\:group-hover\:border-indigo-500 { - --tw-border-opacity: 1; - border-color: rgba(99, 102, 241, var(--tw-border-opacity)); + .\32xl\:focus\:to-Notification-notification-300:focus { + --tw-gradient-to: var(--notification-notification-300, #4e64d9); } - .group:hover .\32xl\:group-hover\:border-indigo-600 { - --tw-border-opacity: 1; - border-color: rgba(79, 70, 229, var(--tw-border-opacity)); + .\32xl\:focus\:to-Notification-notification-400:focus { + --tw-gradient-to: var(--notification-notification-400, #5c6cbf); } - .group:hover .\32xl\:group-hover\:border-indigo-700 { - --tw-border-opacity: 1; - border-color: rgba(67, 56, 202, var(--tw-border-opacity)); + .\32xl\:focus\:to-Notification-notification-500:focus { + --tw-gradient-to: var(--notification-notification-500, #3350e5); } - .group:hover .\32xl\:group-hover\:border-indigo-800 { - --tw-border-opacity: 1; - border-color: rgba(55, 48, 163, var(--tw-border-opacity)); + .\32xl\:focus\:to-Notification-notification-600:focus { + --tw-gradient-to: var(--notification-notification-600, #283eb3); } - .group:hover .\32xl\:group-hover\:border-indigo-900 { - --tw-border-opacity: 1; - border-color: rgba(49, 46, 129, var(--tw-border-opacity)); + .\32xl\:focus\:to-Notification-notification-700:focus { + --tw-gradient-to: var(--notification-notification-700, #172466); } - .group:hover .\32xl\:group-hover\:border-purple-50 { - --tw-border-opacity: 1; - border-color: rgba(245, 243, 255, var(--tw-border-opacity)); + .\32xl\:focus\:to-Success-success\ -700:focus { + --tw-gradient-to: var(--success-success-700, #24471f); } - .group:hover .\32xl\:group-hover\:border-purple-100 { - --tw-border-opacity: 1; - border-color: rgba(237, 233, 254, var(--tw-border-opacity)); + .\32xl\:focus\:to-Success-success:focus { + --tw-gradient-to: var(--success-success, #5bb14d); } - .group:hover .\32xl\:group-hover\:border-purple-200 { - --tw-border-opacity: 1; - border-color: rgba(221, 214, 254, var(--tw-border-opacity)); + .\32xl\:focus\:to-Success-success\ -100:focus { + --tw-gradient-to: var(--success-success-100, #8cc882); } - .group:hover .\32xl\:group-hover\:border-purple-300 { - --tw-border-opacity: 1; - border-color: rgba(196, 181, 253, var(--tw-border-opacity)); + .\32xl\:focus\:to-Success-success\ -200:focus { + --tw-gradient-to: var(--success-success-200, #add8a6); } - .group:hover .\32xl\:group-hover\:border-purple-400 { - --tw-border-opacity: 1; - border-color: rgba(167, 139, 250, var(--tw-border-opacity)); + .\32xl\:focus\:to-Success-success\ -300:focus { + --tw-gradient-to: var(--success-success-300, #66a25c); } - .group:hover .\32xl\:group-hover\:border-purple-500 { - --tw-border-opacity: 1; - border-color: rgba(139, 92, 246, var(--tw-border-opacity)); + .\32xl\:focus\:to-Success-success\ -400:focus { + --tw-gradient-to: var(--success-success-400, #6d9766); } - .group:hover .\32xl\:group-hover\:border-purple-600 { - --tw-border-opacity: 1; - border-color: rgba(124, 58, 237, var(--tw-border-opacity)); + .\32xl\:focus\:to-Success-success\ -500:focus { + --tw-gradient-to: var(--success-success-500, #529f45); } - .group:hover .\32xl\:group-hover\:border-purple-700 { - --tw-border-opacity: 1; - border-color: rgba(109, 40, 217, var(--tw-border-opacity)); + .\32xl\:focus\:to-Success-success\ -600:focus { + --tw-gradient-to: var(--success-success-600, #407c36); } - .group:hover .\32xl\:group-hover\:border-purple-800 { - --tw-border-opacity: 1; - border-color: rgba(91, 33, 182, var(--tw-border-opacity)); + .\32xl\:focus\:to-Error-error:focus { + --tw-gradient-to: var(--error-error, #f03d3e); } - .group:hover .\32xl\:group-hover\:border-purple-900 { - --tw-border-opacity: 1; - border-color: rgba(76, 29, 149, var(--tw-border-opacity)); + .\32xl\:focus\:to-Error-error-100:focus { + --tw-gradient-to: var(--error-error-100, #f57778); } - .group:hover .\32xl\:group-hover\:border-pink-50 { - --tw-border-opacity: 1; - border-color: rgba(253, 242, 248, var(--tw-border-opacity)); + .\32xl\:focus\:to-Error-error-200:focus { + --tw-gradient-to: var(--error-error-200, #f89e9e); } - .group:hover .\32xl\:group-hover\:border-pink-100 { - --tw-border-opacity: 1; - border-color: rgba(252, 231, 243, var(--tw-border-opacity)); + .\32xl\:focus\:to-Error-error-250:focus { + --tw-gradient-to: var(--error-error-250, #f9c8c8); } - .group:hover .\32xl\:group-hover\:border-pink-200 { - --tw-border-opacity: 1; - border-color: rgba(251, 207, 232, var(--tw-border-opacity)); + .\32xl\:focus\:to-Error-error-300:focus { + --tw-gradient-to: var(--error-error-300, #ce5151); } - .group:hover .\32xl\:group-hover\:border-pink-300 { - --tw-border-opacity: 1; - border-color: rgba(249, 168, 212, var(--tw-border-opacity)); + .\32xl\:focus\:to-Error-error-400:focus { + --tw-gradient-to: var(--error-error-400, #b85e5e); } - .group:hover .\32xl\:group-hover\:border-pink-400 { - --tw-border-opacity: 1; - border-color: rgba(244, 114, 182, var(--tw-border-opacity)); + .\32xl\:focus\:to-Error-error-500:focus { + --tw-gradient-to: var(--error-error-500, #d83738); } - .group:hover .\32xl\:group-hover\:border-pink-500 { - --tw-border-opacity: 1; - border-color: rgba(236, 72, 153, var(--tw-border-opacity)); + .\32xl\:focus\:to-Error-error-600:focus { + --tw-gradient-to: var(--error-error-600, #a82b2b); } - .group:hover .\32xl\:group-hover\:border-pink-600 { - --tw-border-opacity: 1; - border-color: rgba(219, 39, 119, var(--tw-border-opacity)); + .\32xl\:focus\:to-Error-error-700:focus { + --tw-gradient-to: var(--error-error-700, #601819); } - .group:hover .\32xl\:group-hover\:border-pink-700 { - --tw-border-opacity: 1; - border-color: rgba(190, 24, 93, var(--tw-border-opacity)); + .\32xl\:decoration-slice { + -webkit-box-decoration-break: slice; + box-decoration-break: slice; } - .group:hover .\32xl\:group-hover\:border-pink-800 { - --tw-border-opacity: 1; - border-color: rgba(157, 23, 77, var(--tw-border-opacity)); + .\32xl\:decoration-clone { + -webkit-box-decoration-break: clone; + box-decoration-break: clone; } - .group:hover .\32xl\:group-hover\:border-pink-900 { - --tw-border-opacity: 1; - border-color: rgba(131, 24, 67, var(--tw-border-opacity)); + .\32xl\:bg-auto { + background-size: auto; } - .\32xl\:focus-within\:border-transparent:focus-within { - border-color: transparent; + .\32xl\:bg-cover { + background-size: cover; } - .\32xl\:focus-within\:border-current:focus-within { - border-color: currentColor; + .\32xl\:bg-contain { + background-size: contain; } - .\32xl\:focus-within\:border-black:focus-within { - --tw-border-opacity: 1; - border-color: rgba(0, 0, 0, var(--tw-border-opacity)); + .\32xl\:bg-fixed { + background-attachment: fixed; } - .\32xl\:focus-within\:border-white:focus-within { - --tw-border-opacity: 1; - border-color: rgba(255, 255, 255, var(--tw-border-opacity)); + .\32xl\:bg-local { + background-attachment: local; } - .\32xl\:focus-within\:border-gray-50:focus-within { - --tw-border-opacity: 1; - border-color: rgba(249, 250, 251, var(--tw-border-opacity)); + .\32xl\:bg-scroll { + background-attachment: scroll; } - .\32xl\:focus-within\:border-gray-100:focus-within { - --tw-border-opacity: 1; - border-color: rgba(243, 244, 246, var(--tw-border-opacity)); + .\32xl\:bg-clip-border { + background-clip: border-box; } - .\32xl\:focus-within\:border-gray-200:focus-within { - --tw-border-opacity: 1; - border-color: rgba(229, 231, 235, var(--tw-border-opacity)); + .\32xl\:bg-clip-padding { + background-clip: padding-box; } - .\32xl\:focus-within\:border-gray-300:focus-within { - --tw-border-opacity: 1; - border-color: rgba(209, 213, 219, var(--tw-border-opacity)); + .\32xl\:bg-clip-content { + background-clip: content-box; } - .\32xl\:focus-within\:border-gray-400:focus-within { - --tw-border-opacity: 1; - border-color: rgba(156, 163, 175, var(--tw-border-opacity)); + .\32xl\:bg-clip-text { + -webkit-background-clip: text; + background-clip: text; } - .\32xl\:focus-within\:border-gray-500:focus-within { - --tw-border-opacity: 1; - border-color: rgba(107, 114, 128, var(--tw-border-opacity)); + .\32xl\:bg-bottom { + background-position: bottom; } - .\32xl\:focus-within\:border-gray-600:focus-within { - --tw-border-opacity: 1; - border-color: rgba(75, 85, 99, var(--tw-border-opacity)); + .\32xl\:bg-center { + background-position: center; } - .\32xl\:focus-within\:border-gray-700:focus-within { - --tw-border-opacity: 1; - border-color: rgba(55, 65, 81, var(--tw-border-opacity)); + .\32xl\:bg-left { + background-position: left; } - .\32xl\:focus-within\:border-gray-800:focus-within { - --tw-border-opacity: 1; - border-color: rgba(31, 41, 55, var(--tw-border-opacity)); + .\32xl\:bg-left-bottom { + background-position: left bottom; } - .\32xl\:focus-within\:border-gray-900:focus-within { - --tw-border-opacity: 1; - border-color: rgba(17, 24, 39, var(--tw-border-opacity)); + .\32xl\:bg-left-top { + background-position: left top; } - .\32xl\:focus-within\:border-red-50:focus-within { - --tw-border-opacity: 1; - border-color: rgba(254, 242, 242, var(--tw-border-opacity)); + .\32xl\:bg-right { + background-position: right; } - .\32xl\:focus-within\:border-red-100:focus-within { - --tw-border-opacity: 1; - border-color: rgba(254, 226, 226, var(--tw-border-opacity)); + .\32xl\:bg-right-bottom { + background-position: right bottom; } - .\32xl\:focus-within\:border-red-200:focus-within { - --tw-border-opacity: 1; - border-color: rgba(254, 202, 202, var(--tw-border-opacity)); + .\32xl\:bg-right-top { + background-position: right top; } - .\32xl\:focus-within\:border-red-300:focus-within { - --tw-border-opacity: 1; - border-color: rgba(252, 165, 165, var(--tw-border-opacity)); + .\32xl\:bg-top { + background-position: top; } - .\32xl\:focus-within\:border-red-400:focus-within { - --tw-border-opacity: 1; - border-color: rgba(248, 113, 113, var(--tw-border-opacity)); + .\32xl\:bg-repeat { + background-repeat: repeat; } - .\32xl\:focus-within\:border-red-500:focus-within { - --tw-border-opacity: 1; - border-color: rgba(239, 68, 68, var(--tw-border-opacity)); + .\32xl\:bg-no-repeat { + background-repeat: no-repeat; } - .\32xl\:focus-within\:border-red-600:focus-within { - --tw-border-opacity: 1; - border-color: rgba(220, 38, 38, var(--tw-border-opacity)); + .\32xl\:bg-repeat-x { + background-repeat: repeat-x; } - .\32xl\:focus-within\:border-red-700:focus-within { - --tw-border-opacity: 1; - border-color: rgba(185, 28, 28, var(--tw-border-opacity)); + .\32xl\:bg-repeat-y { + background-repeat: repeat-y; } - .\32xl\:focus-within\:border-red-800:focus-within { - --tw-border-opacity: 1; - border-color: rgba(153, 27, 27, var(--tw-border-opacity)); + .\32xl\:bg-repeat-round { + background-repeat: round; } - .\32xl\:focus-within\:border-red-900:focus-within { - --tw-border-opacity: 1; - border-color: rgba(127, 29, 29, var(--tw-border-opacity)); + .\32xl\:bg-repeat-space { + background-repeat: space; } - .\32xl\:focus-within\:border-yellow-50:focus-within { - --tw-border-opacity: 1; - border-color: rgba(255, 251, 235, var(--tw-border-opacity)); + .\32xl\:bg-origin-border { + background-origin: border-box; } - .\32xl\:focus-within\:border-yellow-100:focus-within { - --tw-border-opacity: 1; - border-color: rgba(254, 243, 199, var(--tw-border-opacity)); + .\32xl\:bg-origin-padding { + background-origin: padding-box; } - .\32xl\:focus-within\:border-yellow-200:focus-within { - --tw-border-opacity: 1; - border-color: rgba(253, 230, 138, var(--tw-border-opacity)); + .\32xl\:bg-origin-content { + background-origin: content-box; } - .\32xl\:focus-within\:border-yellow-300:focus-within { - --tw-border-opacity: 1; - border-color: rgba(252, 211, 77, var(--tw-border-opacity)); + .\32xl\:fill-current { + fill: currentColor; } - .\32xl\:focus-within\:border-yellow-400:focus-within { - --tw-border-opacity: 1; - border-color: rgba(251, 191, 36, var(--tw-border-opacity)); + .\32xl\:stroke-current { + stroke: currentColor; } - .\32xl\:focus-within\:border-yellow-500:focus-within { - --tw-border-opacity: 1; - border-color: rgba(245, 158, 11, var(--tw-border-opacity)); + .\32xl\:stroke-0 { + stroke-width: 0; } - .\32xl\:focus-within\:border-yellow-600:focus-within { - --tw-border-opacity: 1; - border-color: rgba(217, 119, 6, var(--tw-border-opacity)); + .\32xl\:stroke-1 { + stroke-width: 1; } - .\32xl\:focus-within\:border-yellow-700:focus-within { - --tw-border-opacity: 1; - border-color: rgba(180, 83, 9, var(--tw-border-opacity)); + .\32xl\:stroke-2 { + stroke-width: 2; } - .\32xl\:focus-within\:border-yellow-800:focus-within { - --tw-border-opacity: 1; - border-color: rgba(146, 64, 14, var(--tw-border-opacity)); + .\32xl\:object-contain { + -o-object-fit: contain; + object-fit: contain; } - .\32xl\:focus-within\:border-yellow-900:focus-within { - --tw-border-opacity: 1; - border-color: rgba(120, 53, 15, var(--tw-border-opacity)); + .\32xl\:object-cover { + -o-object-fit: cover; + object-fit: cover; } - .\32xl\:focus-within\:border-green-50:focus-within { - --tw-border-opacity: 1; - border-color: rgba(236, 253, 245, var(--tw-border-opacity)); + .\32xl\:object-fill { + -o-object-fit: fill; + object-fit: fill; } - .\32xl\:focus-within\:border-green-100:focus-within { - --tw-border-opacity: 1; - border-color: rgba(209, 250, 229, var(--tw-border-opacity)); + .\32xl\:object-none { + -o-object-fit: none; + object-fit: none; } - .\32xl\:focus-within\:border-green-200:focus-within { - --tw-border-opacity: 1; - border-color: rgba(167, 243, 208, var(--tw-border-opacity)); + .\32xl\:object-scale-down { + -o-object-fit: scale-down; + object-fit: scale-down; } - .\32xl\:focus-within\:border-green-300:focus-within { - --tw-border-opacity: 1; - border-color: rgba(110, 231, 183, var(--tw-border-opacity)); + .\32xl\:object-bottom { + -o-object-position: bottom; + object-position: bottom; } - .\32xl\:focus-within\:border-green-400:focus-within { - --tw-border-opacity: 1; - border-color: rgba(52, 211, 153, var(--tw-border-opacity)); + .\32xl\:object-center { + -o-object-position: center; + object-position: center; } - .\32xl\:focus-within\:border-green-500:focus-within { - --tw-border-opacity: 1; - border-color: rgba(16, 185, 129, var(--tw-border-opacity)); + .\32xl\:object-left { + -o-object-position: left; + object-position: left; } - .\32xl\:focus-within\:border-green-600:focus-within { - --tw-border-opacity: 1; - border-color: rgba(5, 150, 105, var(--tw-border-opacity)); + .\32xl\:object-left-bottom { + -o-object-position: left bottom; + object-position: left bottom; } - .\32xl\:focus-within\:border-green-700:focus-within { - --tw-border-opacity: 1; - border-color: rgba(4, 120, 87, var(--tw-border-opacity)); + .\32xl\:object-left-top { + -o-object-position: left top; + object-position: left top; } - .\32xl\:focus-within\:border-green-800:focus-within { - --tw-border-opacity: 1; - border-color: rgba(6, 95, 70, var(--tw-border-opacity)); + .\32xl\:object-right { + -o-object-position: right; + object-position: right; } - .\32xl\:focus-within\:border-green-900:focus-within { - --tw-border-opacity: 1; - border-color: rgba(6, 78, 59, var(--tw-border-opacity)); + .\32xl\:object-right-bottom { + -o-object-position: right bottom; + object-position: right bottom; } - .\32xl\:focus-within\:border-blue-50:focus-within { - --tw-border-opacity: 1; - border-color: rgba(239, 246, 255, var(--tw-border-opacity)); + .\32xl\:object-right-top { + -o-object-position: right top; + object-position: right top; } - .\32xl\:focus-within\:border-blue-100:focus-within { - --tw-border-opacity: 1; - border-color: rgba(219, 234, 254, var(--tw-border-opacity)); + .\32xl\:object-top { + -o-object-position: top; + object-position: top; } - .\32xl\:focus-within\:border-blue-200:focus-within { - --tw-border-opacity: 1; - border-color: rgba(191, 219, 254, var(--tw-border-opacity)); + .\32xl\:p-0 { + padding: 0px; } - .\32xl\:focus-within\:border-blue-300:focus-within { - --tw-border-opacity: 1; - border-color: rgba(147, 197, 253, var(--tw-border-opacity)); + .\32xl\:p-1 { + padding: 0.25rem; } - .\32xl\:focus-within\:border-blue-400:focus-within { - --tw-border-opacity: 1; - border-color: rgba(96, 165, 250, var(--tw-border-opacity)); + .\32xl\:p-2 { + padding: 0.5rem; } - .\32xl\:focus-within\:border-blue-500:focus-within { - --tw-border-opacity: 1; - border-color: rgba(59, 130, 246, var(--tw-border-opacity)); + .\32xl\:p-3 { + padding: 0.75rem; } - .\32xl\:focus-within\:border-blue-600:focus-within { - --tw-border-opacity: 1; - border-color: rgba(37, 99, 235, var(--tw-border-opacity)); + .\32xl\:p-4 { + padding: 1rem; } - .\32xl\:focus-within\:border-blue-700:focus-within { - --tw-border-opacity: 1; - border-color: rgba(29, 78, 216, var(--tw-border-opacity)); + .\32xl\:p-5 { + padding: 1.25rem; } - .\32xl\:focus-within\:border-blue-800:focus-within { - --tw-border-opacity: 1; - border-color: rgba(30, 64, 175, var(--tw-border-opacity)); + .\32xl\:p-6 { + padding: 1.5rem; } - .\32xl\:focus-within\:border-blue-900:focus-within { - --tw-border-opacity: 1; - border-color: rgba(30, 58, 138, var(--tw-border-opacity)); + .\32xl\:p-7 { + padding: 1.75rem; } - .\32xl\:focus-within\:border-indigo-50:focus-within { - --tw-border-opacity: 1; - border-color: rgba(238, 242, 255, var(--tw-border-opacity)); + .\32xl\:p-8 { + padding: 2rem; } - .\32xl\:focus-within\:border-indigo-100:focus-within { - --tw-border-opacity: 1; - border-color: rgba(224, 231, 255, var(--tw-border-opacity)); + .\32xl\:p-9 { + padding: 2.25rem; } - .\32xl\:focus-within\:border-indigo-200:focus-within { - --tw-border-opacity: 1; - border-color: rgba(199, 210, 254, var(--tw-border-opacity)); + .\32xl\:p-10 { + padding: 2.5rem; } - .\32xl\:focus-within\:border-indigo-300:focus-within { - --tw-border-opacity: 1; - border-color: rgba(165, 180, 252, var(--tw-border-opacity)); + .\32xl\:p-11 { + padding: 2.75rem; } - .\32xl\:focus-within\:border-indigo-400:focus-within { - --tw-border-opacity: 1; - border-color: rgba(129, 140, 248, var(--tw-border-opacity)); + .\32xl\:p-12 { + padding: 3rem; } - .\32xl\:focus-within\:border-indigo-500:focus-within { - --tw-border-opacity: 1; - border-color: rgba(99, 102, 241, var(--tw-border-opacity)); + .\32xl\:p-14 { + padding: 3.5rem; } - .\32xl\:focus-within\:border-indigo-600:focus-within { - --tw-border-opacity: 1; - border-color: rgba(79, 70, 229, var(--tw-border-opacity)); + .\32xl\:p-16 { + padding: 4rem; } - .\32xl\:focus-within\:border-indigo-700:focus-within { - --tw-border-opacity: 1; - border-color: rgba(67, 56, 202, var(--tw-border-opacity)); + .\32xl\:p-20 { + padding: 5rem; } - .\32xl\:focus-within\:border-indigo-800:focus-within { - --tw-border-opacity: 1; - border-color: rgba(55, 48, 163, var(--tw-border-opacity)); + .\32xl\:p-24 { + padding: 6rem; } - .\32xl\:focus-within\:border-indigo-900:focus-within { - --tw-border-opacity: 1; - border-color: rgba(49, 46, 129, var(--tw-border-opacity)); + .\32xl\:p-28 { + padding: 7rem; } - .\32xl\:focus-within\:border-purple-50:focus-within { - --tw-border-opacity: 1; - border-color: rgba(245, 243, 255, var(--tw-border-opacity)); + .\32xl\:p-32 { + padding: 8rem; } - .\32xl\:focus-within\:border-purple-100:focus-within { - --tw-border-opacity: 1; - border-color: rgba(237, 233, 254, var(--tw-border-opacity)); + .\32xl\:p-36 { + padding: 9rem; } - .\32xl\:focus-within\:border-purple-200:focus-within { - --tw-border-opacity: 1; - border-color: rgba(221, 214, 254, var(--tw-border-opacity)); + .\32xl\:p-40 { + padding: 10rem; } - .\32xl\:focus-within\:border-purple-300:focus-within { - --tw-border-opacity: 1; - border-color: rgba(196, 181, 253, var(--tw-border-opacity)); + .\32xl\:p-44 { + padding: 11rem; } - .\32xl\:focus-within\:border-purple-400:focus-within { - --tw-border-opacity: 1; - border-color: rgba(167, 139, 250, var(--tw-border-opacity)); + .\32xl\:p-48 { + padding: 12rem; } - .\32xl\:focus-within\:border-purple-500:focus-within { - --tw-border-opacity: 1; - border-color: rgba(139, 92, 246, var(--tw-border-opacity)); + .\32xl\:p-52 { + padding: 13rem; } - .\32xl\:focus-within\:border-purple-600:focus-within { - --tw-border-opacity: 1; - border-color: rgba(124, 58, 237, var(--tw-border-opacity)); + .\32xl\:p-56 { + padding: 14rem; } - .\32xl\:focus-within\:border-purple-700:focus-within { - --tw-border-opacity: 1; - border-color: rgba(109, 40, 217, var(--tw-border-opacity)); + .\32xl\:p-60 { + padding: 15rem; } - .\32xl\:focus-within\:border-purple-800:focus-within { - --tw-border-opacity: 1; - border-color: rgba(91, 33, 182, var(--tw-border-opacity)); + .\32xl\:p-64 { + padding: 16rem; } - .\32xl\:focus-within\:border-purple-900:focus-within { - --tw-border-opacity: 1; - border-color: rgba(76, 29, 149, var(--tw-border-opacity)); + .\32xl\:p-72 { + padding: 18rem; } - .\32xl\:focus-within\:border-pink-50:focus-within { - --tw-border-opacity: 1; - border-color: rgba(253, 242, 248, var(--tw-border-opacity)); + .\32xl\:p-80 { + padding: 20rem; } - .\32xl\:focus-within\:border-pink-100:focus-within { - --tw-border-opacity: 1; - border-color: rgba(252, 231, 243, var(--tw-border-opacity)); + .\32xl\:p-96 { + padding: 24rem; } - .\32xl\:focus-within\:border-pink-200:focus-within { - --tw-border-opacity: 1; - border-color: rgba(251, 207, 232, var(--tw-border-opacity)); + .\32xl\:p-px { + padding: 1px; } - .\32xl\:focus-within\:border-pink-300:focus-within { - --tw-border-opacity: 1; - border-color: rgba(249, 168, 212, var(--tw-border-opacity)); + .\32xl\:p-0\.5 { + padding: 0.125rem; } - .\32xl\:focus-within\:border-pink-400:focus-within { - --tw-border-opacity: 1; - border-color: rgba(244, 114, 182, var(--tw-border-opacity)); + .\32xl\:p-1\.5 { + padding: 0.375rem; } - .\32xl\:focus-within\:border-pink-500:focus-within { - --tw-border-opacity: 1; - border-color: rgba(236, 72, 153, var(--tw-border-opacity)); + .\32xl\:p-2\.5 { + padding: 0.625rem; } - .\32xl\:focus-within\:border-pink-600:focus-within { - --tw-border-opacity: 1; - border-color: rgba(219, 39, 119, var(--tw-border-opacity)); + .\32xl\:p-3\.5 { + padding: 0.875rem; } - .\32xl\:focus-within\:border-pink-700:focus-within { - --tw-border-opacity: 1; - border-color: rgba(190, 24, 93, var(--tw-border-opacity)); + .\32xl\:px-0 { + padding-left: 0px; + padding-right: 0px; } - .\32xl\:focus-within\:border-pink-800:focus-within { - --tw-border-opacity: 1; - border-color: rgba(157, 23, 77, var(--tw-border-opacity)); + .\32xl\:px-1 { + padding-left: 0.25rem; + padding-right: 0.25rem; } - .\32xl\:focus-within\:border-pink-900:focus-within { - --tw-border-opacity: 1; - border-color: rgba(131, 24, 67, var(--tw-border-opacity)); + .\32xl\:px-2 { + padding-left: 0.5rem; + padding-right: 0.5rem; } - .\32xl\:hover\:border-transparent:hover { - border-color: transparent; + .\32xl\:px-3 { + padding-left: 0.75rem; + padding-right: 0.75rem; } - .\32xl\:hover\:border-current:hover { - border-color: currentColor; + .\32xl\:px-4 { + padding-left: 1rem; + padding-right: 1rem; } - .\32xl\:hover\:border-black:hover { - --tw-border-opacity: 1; - border-color: rgba(0, 0, 0, var(--tw-border-opacity)); + .\32xl\:px-5 { + padding-left: 1.25rem; + padding-right: 1.25rem; } - .\32xl\:hover\:border-white:hover { - --tw-border-opacity: 1; - border-color: rgba(255, 255, 255, var(--tw-border-opacity)); + .\32xl\:px-6 { + padding-left: 1.5rem; + padding-right: 1.5rem; } - .\32xl\:hover\:border-gray-50:hover { - --tw-border-opacity: 1; - border-color: rgba(249, 250, 251, var(--tw-border-opacity)); + .\32xl\:px-7 { + padding-left: 1.75rem; + padding-right: 1.75rem; } - .\32xl\:hover\:border-gray-100:hover { - --tw-border-opacity: 1; - border-color: rgba(243, 244, 246, var(--tw-border-opacity)); + .\32xl\:px-8 { + padding-left: 2rem; + padding-right: 2rem; } - .\32xl\:hover\:border-gray-200:hover { - --tw-border-opacity: 1; - border-color: rgba(229, 231, 235, var(--tw-border-opacity)); + .\32xl\:px-9 { + padding-left: 2.25rem; + padding-right: 2.25rem; } - .\32xl\:hover\:border-gray-300:hover { - --tw-border-opacity: 1; - border-color: rgba(209, 213, 219, var(--tw-border-opacity)); + .\32xl\:px-10 { + padding-left: 2.5rem; + padding-right: 2.5rem; } - .\32xl\:hover\:border-gray-400:hover { - --tw-border-opacity: 1; - border-color: rgba(156, 163, 175, var(--tw-border-opacity)); + .\32xl\:px-11 { + padding-left: 2.75rem; + padding-right: 2.75rem; } - .\32xl\:hover\:border-gray-500:hover { - --tw-border-opacity: 1; - border-color: rgba(107, 114, 128, var(--tw-border-opacity)); + .\32xl\:px-12 { + padding-left: 3rem; + padding-right: 3rem; } - .\32xl\:hover\:border-gray-600:hover { - --tw-border-opacity: 1; - border-color: rgba(75, 85, 99, var(--tw-border-opacity)); + .\32xl\:px-14 { + padding-left: 3.5rem; + padding-right: 3.5rem; } - .\32xl\:hover\:border-gray-700:hover { - --tw-border-opacity: 1; - border-color: rgba(55, 65, 81, var(--tw-border-opacity)); + .\32xl\:px-16 { + padding-left: 4rem; + padding-right: 4rem; } - .\32xl\:hover\:border-gray-800:hover { - --tw-border-opacity: 1; - border-color: rgba(31, 41, 55, var(--tw-border-opacity)); + .\32xl\:px-20 { + padding-left: 5rem; + padding-right: 5rem; } - .\32xl\:hover\:border-gray-900:hover { - --tw-border-opacity: 1; - border-color: rgba(17, 24, 39, var(--tw-border-opacity)); + .\32xl\:px-24 { + padding-left: 6rem; + padding-right: 6rem; } - .\32xl\:hover\:border-red-50:hover { - --tw-border-opacity: 1; - border-color: rgba(254, 242, 242, var(--tw-border-opacity)); + .\32xl\:px-28 { + padding-left: 7rem; + padding-right: 7rem; } - .\32xl\:hover\:border-red-100:hover { - --tw-border-opacity: 1; - border-color: rgba(254, 226, 226, var(--tw-border-opacity)); + .\32xl\:px-32 { + padding-left: 8rem; + padding-right: 8rem; } - .\32xl\:hover\:border-red-200:hover { - --tw-border-opacity: 1; - border-color: rgba(254, 202, 202, var(--tw-border-opacity)); + .\32xl\:px-36 { + padding-left: 9rem; + padding-right: 9rem; } - .\32xl\:hover\:border-red-300:hover { - --tw-border-opacity: 1; - border-color: rgba(252, 165, 165, var(--tw-border-opacity)); + .\32xl\:px-40 { + padding-left: 10rem; + padding-right: 10rem; } - .\32xl\:hover\:border-red-400:hover { - --tw-border-opacity: 1; - border-color: rgba(248, 113, 113, var(--tw-border-opacity)); + .\32xl\:px-44 { + padding-left: 11rem; + padding-right: 11rem; } - .\32xl\:hover\:border-red-500:hover { - --tw-border-opacity: 1; - border-color: rgba(239, 68, 68, var(--tw-border-opacity)); + .\32xl\:px-48 { + padding-left: 12rem; + padding-right: 12rem; } - .\32xl\:hover\:border-red-600:hover { - --tw-border-opacity: 1; - border-color: rgba(220, 38, 38, var(--tw-border-opacity)); + .\32xl\:px-52 { + padding-left: 13rem; + padding-right: 13rem; } - .\32xl\:hover\:border-red-700:hover { - --tw-border-opacity: 1; - border-color: rgba(185, 28, 28, var(--tw-border-opacity)); + .\32xl\:px-56 { + padding-left: 14rem; + padding-right: 14rem; } - .\32xl\:hover\:border-red-800:hover { - --tw-border-opacity: 1; - border-color: rgba(153, 27, 27, var(--tw-border-opacity)); + .\32xl\:px-60 { + padding-left: 15rem; + padding-right: 15rem; } - .\32xl\:hover\:border-red-900:hover { - --tw-border-opacity: 1; - border-color: rgba(127, 29, 29, var(--tw-border-opacity)); + .\32xl\:px-64 { + padding-left: 16rem; + padding-right: 16rem; } - .\32xl\:hover\:border-yellow-50:hover { - --tw-border-opacity: 1; - border-color: rgba(255, 251, 235, var(--tw-border-opacity)); + .\32xl\:px-72 { + padding-left: 18rem; + padding-right: 18rem; } - .\32xl\:hover\:border-yellow-100:hover { - --tw-border-opacity: 1; - border-color: rgba(254, 243, 199, var(--tw-border-opacity)); + .\32xl\:px-80 { + padding-left: 20rem; + padding-right: 20rem; } - .\32xl\:hover\:border-yellow-200:hover { - --tw-border-opacity: 1; - border-color: rgba(253, 230, 138, var(--tw-border-opacity)); + .\32xl\:px-96 { + padding-left: 24rem; + padding-right: 24rem; } - .\32xl\:hover\:border-yellow-300:hover { - --tw-border-opacity: 1; - border-color: rgba(252, 211, 77, var(--tw-border-opacity)); + .\32xl\:px-px { + padding-left: 1px; + padding-right: 1px; } - .\32xl\:hover\:border-yellow-400:hover { - --tw-border-opacity: 1; - border-color: rgba(251, 191, 36, var(--tw-border-opacity)); + .\32xl\:px-0\.5 { + padding-left: 0.125rem; + padding-right: 0.125rem; } - .\32xl\:hover\:border-yellow-500:hover { - --tw-border-opacity: 1; - border-color: rgba(245, 158, 11, var(--tw-border-opacity)); + .\32xl\:px-1\.5 { + padding-left: 0.375rem; + padding-right: 0.375rem; } - .\32xl\:hover\:border-yellow-600:hover { - --tw-border-opacity: 1; - border-color: rgba(217, 119, 6, var(--tw-border-opacity)); + .\32xl\:px-2\.5 { + padding-left: 0.625rem; + padding-right: 0.625rem; } - .\32xl\:hover\:border-yellow-700:hover { - --tw-border-opacity: 1; - border-color: rgba(180, 83, 9, var(--tw-border-opacity)); + .\32xl\:px-3\.5 { + padding-left: 0.875rem; + padding-right: 0.875rem; } - .\32xl\:hover\:border-yellow-800:hover { - --tw-border-opacity: 1; - border-color: rgba(146, 64, 14, var(--tw-border-opacity)); + .\32xl\:py-0 { + padding-top: 0px; + padding-bottom: 0px; } - .\32xl\:hover\:border-yellow-900:hover { - --tw-border-opacity: 1; - border-color: rgba(120, 53, 15, var(--tw-border-opacity)); + .\32xl\:py-1 { + padding-top: 0.25rem; + padding-bottom: 0.25rem; } - .\32xl\:hover\:border-green-50:hover { - --tw-border-opacity: 1; - border-color: rgba(236, 253, 245, var(--tw-border-opacity)); + .\32xl\:py-2 { + padding-top: 0.5rem; + padding-bottom: 0.5rem; } - .\32xl\:hover\:border-green-100:hover { - --tw-border-opacity: 1; - border-color: rgba(209, 250, 229, var(--tw-border-opacity)); + .\32xl\:py-3 { + padding-top: 0.75rem; + padding-bottom: 0.75rem; } - .\32xl\:hover\:border-green-200:hover { - --tw-border-opacity: 1; - border-color: rgba(167, 243, 208, var(--tw-border-opacity)); + .\32xl\:py-4 { + padding-top: 1rem; + padding-bottom: 1rem; } - .\32xl\:hover\:border-green-300:hover { - --tw-border-opacity: 1; - border-color: rgba(110, 231, 183, var(--tw-border-opacity)); + .\32xl\:py-5 { + padding-top: 1.25rem; + padding-bottom: 1.25rem; } - .\32xl\:hover\:border-green-400:hover { - --tw-border-opacity: 1; - border-color: rgba(52, 211, 153, var(--tw-border-opacity)); + .\32xl\:py-6 { + padding-top: 1.5rem; + padding-bottom: 1.5rem; } - .\32xl\:hover\:border-green-500:hover { - --tw-border-opacity: 1; - border-color: rgba(16, 185, 129, var(--tw-border-opacity)); + .\32xl\:py-7 { + padding-top: 1.75rem; + padding-bottom: 1.75rem; } - .\32xl\:hover\:border-green-600:hover { - --tw-border-opacity: 1; - border-color: rgba(5, 150, 105, var(--tw-border-opacity)); + .\32xl\:py-8 { + padding-top: 2rem; + padding-bottom: 2rem; } - .\32xl\:hover\:border-green-700:hover { - --tw-border-opacity: 1; - border-color: rgba(4, 120, 87, var(--tw-border-opacity)); + .\32xl\:py-9 { + padding-top: 2.25rem; + padding-bottom: 2.25rem; } - .\32xl\:hover\:border-green-800:hover { - --tw-border-opacity: 1; - border-color: rgba(6, 95, 70, var(--tw-border-opacity)); + .\32xl\:py-10 { + padding-top: 2.5rem; + padding-bottom: 2.5rem; } - .\32xl\:hover\:border-green-900:hover { - --tw-border-opacity: 1; - border-color: rgba(6, 78, 59, var(--tw-border-opacity)); + .\32xl\:py-11 { + padding-top: 2.75rem; + padding-bottom: 2.75rem; } - .\32xl\:hover\:border-blue-50:hover { - --tw-border-opacity: 1; - border-color: rgba(239, 246, 255, var(--tw-border-opacity)); + .\32xl\:py-12 { + padding-top: 3rem; + padding-bottom: 3rem; } - .\32xl\:hover\:border-blue-100:hover { - --tw-border-opacity: 1; - border-color: rgba(219, 234, 254, var(--tw-border-opacity)); + .\32xl\:py-14 { + padding-top: 3.5rem; + padding-bottom: 3.5rem; } - .\32xl\:hover\:border-blue-200:hover { - --tw-border-opacity: 1; - border-color: rgba(191, 219, 254, var(--tw-border-opacity)); + .\32xl\:py-16 { + padding-top: 4rem; + padding-bottom: 4rem; } - .\32xl\:hover\:border-blue-300:hover { - --tw-border-opacity: 1; - border-color: rgba(147, 197, 253, var(--tw-border-opacity)); + .\32xl\:py-20 { + padding-top: 5rem; + padding-bottom: 5rem; } - .\32xl\:hover\:border-blue-400:hover { - --tw-border-opacity: 1; - border-color: rgba(96, 165, 250, var(--tw-border-opacity)); + .\32xl\:py-24 { + padding-top: 6rem; + padding-bottom: 6rem; } - .\32xl\:hover\:border-blue-500:hover { - --tw-border-opacity: 1; - border-color: rgba(59, 130, 246, var(--tw-border-opacity)); + .\32xl\:py-28 { + padding-top: 7rem; + padding-bottom: 7rem; } - .\32xl\:hover\:border-blue-600:hover { - --tw-border-opacity: 1; - border-color: rgba(37, 99, 235, var(--tw-border-opacity)); + .\32xl\:py-32 { + padding-top: 8rem; + padding-bottom: 8rem; } - .\32xl\:hover\:border-blue-700:hover { - --tw-border-opacity: 1; - border-color: rgba(29, 78, 216, var(--tw-border-opacity)); + .\32xl\:py-36 { + padding-top: 9rem; + padding-bottom: 9rem; } - .\32xl\:hover\:border-blue-800:hover { - --tw-border-opacity: 1; - border-color: rgba(30, 64, 175, var(--tw-border-opacity)); + .\32xl\:py-40 { + padding-top: 10rem; + padding-bottom: 10rem; } - .\32xl\:hover\:border-blue-900:hover { - --tw-border-opacity: 1; - border-color: rgba(30, 58, 138, var(--tw-border-opacity)); + .\32xl\:py-44 { + padding-top: 11rem; + padding-bottom: 11rem; } - .\32xl\:hover\:border-indigo-50:hover { - --tw-border-opacity: 1; - border-color: rgba(238, 242, 255, var(--tw-border-opacity)); + .\32xl\:py-48 { + padding-top: 12rem; + padding-bottom: 12rem; } - .\32xl\:hover\:border-indigo-100:hover { - --tw-border-opacity: 1; - border-color: rgba(224, 231, 255, var(--tw-border-opacity)); + .\32xl\:py-52 { + padding-top: 13rem; + padding-bottom: 13rem; } - .\32xl\:hover\:border-indigo-200:hover { - --tw-border-opacity: 1; - border-color: rgba(199, 210, 254, var(--tw-border-opacity)); + .\32xl\:py-56 { + padding-top: 14rem; + padding-bottom: 14rem; } - .\32xl\:hover\:border-indigo-300:hover { - --tw-border-opacity: 1; - border-color: rgba(165, 180, 252, var(--tw-border-opacity)); + .\32xl\:py-60 { + padding-top: 15rem; + padding-bottom: 15rem; } - .\32xl\:hover\:border-indigo-400:hover { - --tw-border-opacity: 1; - border-color: rgba(129, 140, 248, var(--tw-border-opacity)); + .\32xl\:py-64 { + padding-top: 16rem; + padding-bottom: 16rem; } - .\32xl\:hover\:border-indigo-500:hover { - --tw-border-opacity: 1; - border-color: rgba(99, 102, 241, var(--tw-border-opacity)); + .\32xl\:py-72 { + padding-top: 18rem; + padding-bottom: 18rem; } - .\32xl\:hover\:border-indigo-600:hover { - --tw-border-opacity: 1; - border-color: rgba(79, 70, 229, var(--tw-border-opacity)); + .\32xl\:py-80 { + padding-top: 20rem; + padding-bottom: 20rem; } - .\32xl\:hover\:border-indigo-700:hover { - --tw-border-opacity: 1; - border-color: rgba(67, 56, 202, var(--tw-border-opacity)); + .\32xl\:py-96 { + padding-top: 24rem; + padding-bottom: 24rem; } - .\32xl\:hover\:border-indigo-800:hover { - --tw-border-opacity: 1; - border-color: rgba(55, 48, 163, var(--tw-border-opacity)); + .\32xl\:py-px { + padding-top: 1px; + padding-bottom: 1px; } - .\32xl\:hover\:border-indigo-900:hover { - --tw-border-opacity: 1; - border-color: rgba(49, 46, 129, var(--tw-border-opacity)); + .\32xl\:py-0\.5 { + padding-top: 0.125rem; + padding-bottom: 0.125rem; } - .\32xl\:hover\:border-purple-50:hover { - --tw-border-opacity: 1; - border-color: rgba(245, 243, 255, var(--tw-border-opacity)); + .\32xl\:py-1\.5 { + padding-top: 0.375rem; + padding-bottom: 0.375rem; } - .\32xl\:hover\:border-purple-100:hover { - --tw-border-opacity: 1; - border-color: rgba(237, 233, 254, var(--tw-border-opacity)); + .\32xl\:py-2\.5 { + padding-top: 0.625rem; + padding-bottom: 0.625rem; } - .\32xl\:hover\:border-purple-200:hover { - --tw-border-opacity: 1; - border-color: rgba(221, 214, 254, var(--tw-border-opacity)); + .\32xl\:py-3\.5 { + padding-top: 0.875rem; + padding-bottom: 0.875rem; } - .\32xl\:hover\:border-purple-300:hover { - --tw-border-opacity: 1; - border-color: rgba(196, 181, 253, var(--tw-border-opacity)); + .\32xl\:pt-0 { + padding-top: 0px; } - .\32xl\:hover\:border-purple-400:hover { - --tw-border-opacity: 1; - border-color: rgba(167, 139, 250, var(--tw-border-opacity)); + .\32xl\:pt-1 { + padding-top: 0.25rem; } - .\32xl\:hover\:border-purple-500:hover { - --tw-border-opacity: 1; - border-color: rgba(139, 92, 246, var(--tw-border-opacity)); + .\32xl\:pt-2 { + padding-top: 0.5rem; } - .\32xl\:hover\:border-purple-600:hover { - --tw-border-opacity: 1; - border-color: rgba(124, 58, 237, var(--tw-border-opacity)); + .\32xl\:pt-3 { + padding-top: 0.75rem; } - .\32xl\:hover\:border-purple-700:hover { - --tw-border-opacity: 1; - border-color: rgba(109, 40, 217, var(--tw-border-opacity)); + .\32xl\:pt-4 { + padding-top: 1rem; } - .\32xl\:hover\:border-purple-800:hover { - --tw-border-opacity: 1; - border-color: rgba(91, 33, 182, var(--tw-border-opacity)); + .\32xl\:pt-5 { + padding-top: 1.25rem; } - .\32xl\:hover\:border-purple-900:hover { - --tw-border-opacity: 1; - border-color: rgba(76, 29, 149, var(--tw-border-opacity)); + .\32xl\:pt-6 { + padding-top: 1.5rem; } - .\32xl\:hover\:border-pink-50:hover { - --tw-border-opacity: 1; - border-color: rgba(253, 242, 248, var(--tw-border-opacity)); + .\32xl\:pt-7 { + padding-top: 1.75rem; } - .\32xl\:hover\:border-pink-100:hover { - --tw-border-opacity: 1; - border-color: rgba(252, 231, 243, var(--tw-border-opacity)); + .\32xl\:pt-8 { + padding-top: 2rem; } - .\32xl\:hover\:border-pink-200:hover { - --tw-border-opacity: 1; - border-color: rgba(251, 207, 232, var(--tw-border-opacity)); + .\32xl\:pt-9 { + padding-top: 2.25rem; } - .\32xl\:hover\:border-pink-300:hover { - --tw-border-opacity: 1; - border-color: rgba(249, 168, 212, var(--tw-border-opacity)); + .\32xl\:pt-10 { + padding-top: 2.5rem; } - .\32xl\:hover\:border-pink-400:hover { - --tw-border-opacity: 1; - border-color: rgba(244, 114, 182, var(--tw-border-opacity)); + .\32xl\:pt-11 { + padding-top: 2.75rem; } - .\32xl\:hover\:border-pink-500:hover { - --tw-border-opacity: 1; - border-color: rgba(236, 72, 153, var(--tw-border-opacity)); + .\32xl\:pt-12 { + padding-top: 3rem; } - .\32xl\:hover\:border-pink-600:hover { - --tw-border-opacity: 1; - border-color: rgba(219, 39, 119, var(--tw-border-opacity)); + .\32xl\:pt-14 { + padding-top: 3.5rem; } - .\32xl\:hover\:border-pink-700:hover { - --tw-border-opacity: 1; - border-color: rgba(190, 24, 93, var(--tw-border-opacity)); + .\32xl\:pt-16 { + padding-top: 4rem; } - .\32xl\:hover\:border-pink-800:hover { - --tw-border-opacity: 1; - border-color: rgba(157, 23, 77, var(--tw-border-opacity)); + .\32xl\:pt-20 { + padding-top: 5rem; } - .\32xl\:hover\:border-pink-900:hover { - --tw-border-opacity: 1; - border-color: rgba(131, 24, 67, var(--tw-border-opacity)); + .\32xl\:pt-24 { + padding-top: 6rem; } - .\32xl\:focus\:border-transparent:focus { - border-color: transparent; + .\32xl\:pt-28 { + padding-top: 7rem; } - .\32xl\:focus\:border-current:focus { - border-color: currentColor; + .\32xl\:pt-32 { + padding-top: 8rem; } - .\32xl\:focus\:border-black:focus { - --tw-border-opacity: 1; - border-color: rgba(0, 0, 0, var(--tw-border-opacity)); + .\32xl\:pt-36 { + padding-top: 9rem; } - .\32xl\:focus\:border-white:focus { - --tw-border-opacity: 1; - border-color: rgba(255, 255, 255, var(--tw-border-opacity)); + .\32xl\:pt-40 { + padding-top: 10rem; } - .\32xl\:focus\:border-gray-50:focus { - --tw-border-opacity: 1; - border-color: rgba(249, 250, 251, var(--tw-border-opacity)); + .\32xl\:pt-44 { + padding-top: 11rem; } - .\32xl\:focus\:border-gray-100:focus { - --tw-border-opacity: 1; - border-color: rgba(243, 244, 246, var(--tw-border-opacity)); + .\32xl\:pt-48 { + padding-top: 12rem; } - .\32xl\:focus\:border-gray-200:focus { - --tw-border-opacity: 1; - border-color: rgba(229, 231, 235, var(--tw-border-opacity)); + .\32xl\:pt-52 { + padding-top: 13rem; } - .\32xl\:focus\:border-gray-300:focus { - --tw-border-opacity: 1; - border-color: rgba(209, 213, 219, var(--tw-border-opacity)); + .\32xl\:pt-56 { + padding-top: 14rem; } - .\32xl\:focus\:border-gray-400:focus { - --tw-border-opacity: 1; - border-color: rgba(156, 163, 175, var(--tw-border-opacity)); + .\32xl\:pt-60 { + padding-top: 15rem; } - .\32xl\:focus\:border-gray-500:focus { - --tw-border-opacity: 1; - border-color: rgba(107, 114, 128, var(--tw-border-opacity)); + .\32xl\:pt-64 { + padding-top: 16rem; } - .\32xl\:focus\:border-gray-600:focus { - --tw-border-opacity: 1; - border-color: rgba(75, 85, 99, var(--tw-border-opacity)); + .\32xl\:pt-72 { + padding-top: 18rem; } - .\32xl\:focus\:border-gray-700:focus { - --tw-border-opacity: 1; - border-color: rgba(55, 65, 81, var(--tw-border-opacity)); + .\32xl\:pt-80 { + padding-top: 20rem; } - .\32xl\:focus\:border-gray-800:focus { - --tw-border-opacity: 1; - border-color: rgba(31, 41, 55, var(--tw-border-opacity)); + .\32xl\:pt-96 { + padding-top: 24rem; } - .\32xl\:focus\:border-gray-900:focus { - --tw-border-opacity: 1; - border-color: rgba(17, 24, 39, var(--tw-border-opacity)); + .\32xl\:pt-px { + padding-top: 1px; } - .\32xl\:focus\:border-red-50:focus { - --tw-border-opacity: 1; - border-color: rgba(254, 242, 242, var(--tw-border-opacity)); + .\32xl\:pt-0\.5 { + padding-top: 0.125rem; } - .\32xl\:focus\:border-red-100:focus { - --tw-border-opacity: 1; - border-color: rgba(254, 226, 226, var(--tw-border-opacity)); + .\32xl\:pt-1\.5 { + padding-top: 0.375rem; } - .\32xl\:focus\:border-red-200:focus { - --tw-border-opacity: 1; - border-color: rgba(254, 202, 202, var(--tw-border-opacity)); + .\32xl\:pt-2\.5 { + padding-top: 0.625rem; } - .\32xl\:focus\:border-red-300:focus { - --tw-border-opacity: 1; - border-color: rgba(252, 165, 165, var(--tw-border-opacity)); + .\32xl\:pt-3\.5 { + padding-top: 0.875rem; } - .\32xl\:focus\:border-red-400:focus { - --tw-border-opacity: 1; - border-color: rgba(248, 113, 113, var(--tw-border-opacity)); + .\32xl\:pr-0 { + padding-right: 0px; } - .\32xl\:focus\:border-red-500:focus { - --tw-border-opacity: 1; - border-color: rgba(239, 68, 68, var(--tw-border-opacity)); + .\32xl\:pr-1 { + padding-right: 0.25rem; } - .\32xl\:focus\:border-red-600:focus { - --tw-border-opacity: 1; - border-color: rgba(220, 38, 38, var(--tw-border-opacity)); + .\32xl\:pr-2 { + padding-right: 0.5rem; } - .\32xl\:focus\:border-red-700:focus { - --tw-border-opacity: 1; - border-color: rgba(185, 28, 28, var(--tw-border-opacity)); + .\32xl\:pr-3 { + padding-right: 0.75rem; } - .\32xl\:focus\:border-red-800:focus { - --tw-border-opacity: 1; - border-color: rgba(153, 27, 27, var(--tw-border-opacity)); + .\32xl\:pr-4 { + padding-right: 1rem; } - .\32xl\:focus\:border-red-900:focus { - --tw-border-opacity: 1; - border-color: rgba(127, 29, 29, var(--tw-border-opacity)); + .\32xl\:pr-5 { + padding-right: 1.25rem; } - .\32xl\:focus\:border-yellow-50:focus { - --tw-border-opacity: 1; - border-color: rgba(255, 251, 235, var(--tw-border-opacity)); + .\32xl\:pr-6 { + padding-right: 1.5rem; } - .\32xl\:focus\:border-yellow-100:focus { - --tw-border-opacity: 1; - border-color: rgba(254, 243, 199, var(--tw-border-opacity)); + .\32xl\:pr-7 { + padding-right: 1.75rem; } - .\32xl\:focus\:border-yellow-200:focus { - --tw-border-opacity: 1; - border-color: rgba(253, 230, 138, var(--tw-border-opacity)); + .\32xl\:pr-8 { + padding-right: 2rem; } - .\32xl\:focus\:border-yellow-300:focus { - --tw-border-opacity: 1; - border-color: rgba(252, 211, 77, var(--tw-border-opacity)); + .\32xl\:pr-9 { + padding-right: 2.25rem; } - .\32xl\:focus\:border-yellow-400:focus { - --tw-border-opacity: 1; - border-color: rgba(251, 191, 36, var(--tw-border-opacity)); + .\32xl\:pr-10 { + padding-right: 2.5rem; } - .\32xl\:focus\:border-yellow-500:focus { - --tw-border-opacity: 1; - border-color: rgba(245, 158, 11, var(--tw-border-opacity)); + .\32xl\:pr-11 { + padding-right: 2.75rem; } - .\32xl\:focus\:border-yellow-600:focus { - --tw-border-opacity: 1; - border-color: rgba(217, 119, 6, var(--tw-border-opacity)); + .\32xl\:pr-12 { + padding-right: 3rem; } - .\32xl\:focus\:border-yellow-700:focus { - --tw-border-opacity: 1; - border-color: rgba(180, 83, 9, var(--tw-border-opacity)); + .\32xl\:pr-14 { + padding-right: 3.5rem; } - .\32xl\:focus\:border-yellow-800:focus { - --tw-border-opacity: 1; - border-color: rgba(146, 64, 14, var(--tw-border-opacity)); + .\32xl\:pr-16 { + padding-right: 4rem; } - .\32xl\:focus\:border-yellow-900:focus { - --tw-border-opacity: 1; - border-color: rgba(120, 53, 15, var(--tw-border-opacity)); + .\32xl\:pr-20 { + padding-right: 5rem; } - .\32xl\:focus\:border-green-50:focus { - --tw-border-opacity: 1; - border-color: rgba(236, 253, 245, var(--tw-border-opacity)); + .\32xl\:pr-24 { + padding-right: 6rem; } - .\32xl\:focus\:border-green-100:focus { - --tw-border-opacity: 1; - border-color: rgba(209, 250, 229, var(--tw-border-opacity)); + .\32xl\:pr-28 { + padding-right: 7rem; } - .\32xl\:focus\:border-green-200:focus { - --tw-border-opacity: 1; - border-color: rgba(167, 243, 208, var(--tw-border-opacity)); + .\32xl\:pr-32 { + padding-right: 8rem; } - .\32xl\:focus\:border-green-300:focus { - --tw-border-opacity: 1; - border-color: rgba(110, 231, 183, var(--tw-border-opacity)); + .\32xl\:pr-36 { + padding-right: 9rem; } - .\32xl\:focus\:border-green-400:focus { - --tw-border-opacity: 1; - border-color: rgba(52, 211, 153, var(--tw-border-opacity)); + .\32xl\:pr-40 { + padding-right: 10rem; } - .\32xl\:focus\:border-green-500:focus { - --tw-border-opacity: 1; - border-color: rgba(16, 185, 129, var(--tw-border-opacity)); + .\32xl\:pr-44 { + padding-right: 11rem; } - .\32xl\:focus\:border-green-600:focus { - --tw-border-opacity: 1; - border-color: rgba(5, 150, 105, var(--tw-border-opacity)); + .\32xl\:pr-48 { + padding-right: 12rem; } - .\32xl\:focus\:border-green-700:focus { - --tw-border-opacity: 1; - border-color: rgba(4, 120, 87, var(--tw-border-opacity)); + .\32xl\:pr-52 { + padding-right: 13rem; } - .\32xl\:focus\:border-green-800:focus { - --tw-border-opacity: 1; - border-color: rgba(6, 95, 70, var(--tw-border-opacity)); + .\32xl\:pr-56 { + padding-right: 14rem; } - .\32xl\:focus\:border-green-900:focus { - --tw-border-opacity: 1; - border-color: rgba(6, 78, 59, var(--tw-border-opacity)); + .\32xl\:pr-60 { + padding-right: 15rem; } - .\32xl\:focus\:border-blue-50:focus { - --tw-border-opacity: 1; - border-color: rgba(239, 246, 255, var(--tw-border-opacity)); + .\32xl\:pr-64 { + padding-right: 16rem; } - .\32xl\:focus\:border-blue-100:focus { - --tw-border-opacity: 1; - border-color: rgba(219, 234, 254, var(--tw-border-opacity)); + .\32xl\:pr-72 { + padding-right: 18rem; } - .\32xl\:focus\:border-blue-200:focus { - --tw-border-opacity: 1; - border-color: rgba(191, 219, 254, var(--tw-border-opacity)); + .\32xl\:pr-80 { + padding-right: 20rem; } - .\32xl\:focus\:border-blue-300:focus { - --tw-border-opacity: 1; - border-color: rgba(147, 197, 253, var(--tw-border-opacity)); + .\32xl\:pr-96 { + padding-right: 24rem; } - .\32xl\:focus\:border-blue-400:focus { - --tw-border-opacity: 1; - border-color: rgba(96, 165, 250, var(--tw-border-opacity)); + .\32xl\:pr-px { + padding-right: 1px; } - .\32xl\:focus\:border-blue-500:focus { - --tw-border-opacity: 1; - border-color: rgba(59, 130, 246, var(--tw-border-opacity)); + .\32xl\:pr-0\.5 { + padding-right: 0.125rem; } - .\32xl\:focus\:border-blue-600:focus { - --tw-border-opacity: 1; - border-color: rgba(37, 99, 235, var(--tw-border-opacity)); + .\32xl\:pr-1\.5 { + padding-right: 0.375rem; } - .\32xl\:focus\:border-blue-700:focus { - --tw-border-opacity: 1; - border-color: rgba(29, 78, 216, var(--tw-border-opacity)); + .\32xl\:pr-2\.5 { + padding-right: 0.625rem; } - .\32xl\:focus\:border-blue-800:focus { - --tw-border-opacity: 1; - border-color: rgba(30, 64, 175, var(--tw-border-opacity)); + .\32xl\:pr-3\.5 { + padding-right: 0.875rem; } - .\32xl\:focus\:border-blue-900:focus { - --tw-border-opacity: 1; - border-color: rgba(30, 58, 138, var(--tw-border-opacity)); + .\32xl\:pb-0 { + padding-bottom: 0px; } - .\32xl\:focus\:border-indigo-50:focus { - --tw-border-opacity: 1; - border-color: rgba(238, 242, 255, var(--tw-border-opacity)); + .\32xl\:pb-1 { + padding-bottom: 0.25rem; } - .\32xl\:focus\:border-indigo-100:focus { - --tw-border-opacity: 1; - border-color: rgba(224, 231, 255, var(--tw-border-opacity)); + .\32xl\:pb-2 { + padding-bottom: 0.5rem; } - .\32xl\:focus\:border-indigo-200:focus { - --tw-border-opacity: 1; - border-color: rgba(199, 210, 254, var(--tw-border-opacity)); + .\32xl\:pb-3 { + padding-bottom: 0.75rem; } - .\32xl\:focus\:border-indigo-300:focus { - --tw-border-opacity: 1; - border-color: rgba(165, 180, 252, var(--tw-border-opacity)); + .\32xl\:pb-4 { + padding-bottom: 1rem; } - .\32xl\:focus\:border-indigo-400:focus { - --tw-border-opacity: 1; - border-color: rgba(129, 140, 248, var(--tw-border-opacity)); + .\32xl\:pb-5 { + padding-bottom: 1.25rem; } - .\32xl\:focus\:border-indigo-500:focus { - --tw-border-opacity: 1; - border-color: rgba(99, 102, 241, var(--tw-border-opacity)); + .\32xl\:pb-6 { + padding-bottom: 1.5rem; } - .\32xl\:focus\:border-indigo-600:focus { - --tw-border-opacity: 1; - border-color: rgba(79, 70, 229, var(--tw-border-opacity)); + .\32xl\:pb-7 { + padding-bottom: 1.75rem; } - .\32xl\:focus\:border-indigo-700:focus { - --tw-border-opacity: 1; - border-color: rgba(67, 56, 202, var(--tw-border-opacity)); + .\32xl\:pb-8 { + padding-bottom: 2rem; } - .\32xl\:focus\:border-indigo-800:focus { - --tw-border-opacity: 1; - border-color: rgba(55, 48, 163, var(--tw-border-opacity)); + .\32xl\:pb-9 { + padding-bottom: 2.25rem; } - .\32xl\:focus\:border-indigo-900:focus { - --tw-border-opacity: 1; - border-color: rgba(49, 46, 129, var(--tw-border-opacity)); + .\32xl\:pb-10 { + padding-bottom: 2.5rem; } - .\32xl\:focus\:border-purple-50:focus { - --tw-border-opacity: 1; - border-color: rgba(245, 243, 255, var(--tw-border-opacity)); + .\32xl\:pb-11 { + padding-bottom: 2.75rem; } - .\32xl\:focus\:border-purple-100:focus { - --tw-border-opacity: 1; - border-color: rgba(237, 233, 254, var(--tw-border-opacity)); + .\32xl\:pb-12 { + padding-bottom: 3rem; } - .\32xl\:focus\:border-purple-200:focus { - --tw-border-opacity: 1; - border-color: rgba(221, 214, 254, var(--tw-border-opacity)); + .\32xl\:pb-14 { + padding-bottom: 3.5rem; } - .\32xl\:focus\:border-purple-300:focus { - --tw-border-opacity: 1; - border-color: rgba(196, 181, 253, var(--tw-border-opacity)); + .\32xl\:pb-16 { + padding-bottom: 4rem; } - .\32xl\:focus\:border-purple-400:focus { - --tw-border-opacity: 1; - border-color: rgba(167, 139, 250, var(--tw-border-opacity)); + .\32xl\:pb-20 { + padding-bottom: 5rem; } - .\32xl\:focus\:border-purple-500:focus { - --tw-border-opacity: 1; - border-color: rgba(139, 92, 246, var(--tw-border-opacity)); + .\32xl\:pb-24 { + padding-bottom: 6rem; } - .\32xl\:focus\:border-purple-600:focus { - --tw-border-opacity: 1; - border-color: rgba(124, 58, 237, var(--tw-border-opacity)); + .\32xl\:pb-28 { + padding-bottom: 7rem; } - .\32xl\:focus\:border-purple-700:focus { - --tw-border-opacity: 1; - border-color: rgba(109, 40, 217, var(--tw-border-opacity)); + .\32xl\:pb-32 { + padding-bottom: 8rem; } - .\32xl\:focus\:border-purple-800:focus { - --tw-border-opacity: 1; - border-color: rgba(91, 33, 182, var(--tw-border-opacity)); + .\32xl\:pb-36 { + padding-bottom: 9rem; } - .\32xl\:focus\:border-purple-900:focus { - --tw-border-opacity: 1; - border-color: rgba(76, 29, 149, var(--tw-border-opacity)); + .\32xl\:pb-40 { + padding-bottom: 10rem; } - .\32xl\:focus\:border-pink-50:focus { - --tw-border-opacity: 1; - border-color: rgba(253, 242, 248, var(--tw-border-opacity)); + .\32xl\:pb-44 { + padding-bottom: 11rem; } - .\32xl\:focus\:border-pink-100:focus { - --tw-border-opacity: 1; - border-color: rgba(252, 231, 243, var(--tw-border-opacity)); + .\32xl\:pb-48 { + padding-bottom: 12rem; } - .\32xl\:focus\:border-pink-200:focus { - --tw-border-opacity: 1; - border-color: rgba(251, 207, 232, var(--tw-border-opacity)); + .\32xl\:pb-52 { + padding-bottom: 13rem; } - .\32xl\:focus\:border-pink-300:focus { - --tw-border-opacity: 1; - border-color: rgba(249, 168, 212, var(--tw-border-opacity)); + .\32xl\:pb-56 { + padding-bottom: 14rem; } - .\32xl\:focus\:border-pink-400:focus { - --tw-border-opacity: 1; - border-color: rgba(244, 114, 182, var(--tw-border-opacity)); + .\32xl\:pb-60 { + padding-bottom: 15rem; } - .\32xl\:focus\:border-pink-500:focus { - --tw-border-opacity: 1; - border-color: rgba(236, 72, 153, var(--tw-border-opacity)); + .\32xl\:pb-64 { + padding-bottom: 16rem; } - .\32xl\:focus\:border-pink-600:focus { - --tw-border-opacity: 1; - border-color: rgba(219, 39, 119, var(--tw-border-opacity)); + .\32xl\:pb-72 { + padding-bottom: 18rem; } - .\32xl\:focus\:border-pink-700:focus { - --tw-border-opacity: 1; - border-color: rgba(190, 24, 93, var(--tw-border-opacity)); + .\32xl\:pb-80 { + padding-bottom: 20rem; } - .\32xl\:focus\:border-pink-800:focus { - --tw-border-opacity: 1; - border-color: rgba(157, 23, 77, var(--tw-border-opacity)); + .\32xl\:pb-96 { + padding-bottom: 24rem; } - .\32xl\:focus\:border-pink-900:focus { - --tw-border-opacity: 1; - border-color: rgba(131, 24, 67, var(--tw-border-opacity)); + .\32xl\:pb-px { + padding-bottom: 1px; } - .\32xl\:border-opacity-0 { - --tw-border-opacity: 0; + .\32xl\:pb-0\.5 { + padding-bottom: 0.125rem; } - .\32xl\:border-opacity-5 { - --tw-border-opacity: 0.05; + .\32xl\:pb-1\.5 { + padding-bottom: 0.375rem; } - .\32xl\:border-opacity-10 { - --tw-border-opacity: 0.1; + .\32xl\:pb-2\.5 { + padding-bottom: 0.625rem; } - .\32xl\:border-opacity-20 { - --tw-border-opacity: 0.2; + .\32xl\:pb-3\.5 { + padding-bottom: 0.875rem; } - .\32xl\:border-opacity-25 { - --tw-border-opacity: 0.25; + .\32xl\:pl-0 { + padding-left: 0px; } - .\32xl\:border-opacity-30 { - --tw-border-opacity: 0.3; + .\32xl\:pl-1 { + padding-left: 0.25rem; } - .\32xl\:border-opacity-40 { - --tw-border-opacity: 0.4; + .\32xl\:pl-2 { + padding-left: 0.5rem; } - .\32xl\:border-opacity-50 { - --tw-border-opacity: 0.5; + .\32xl\:pl-3 { + padding-left: 0.75rem; } - .\32xl\:border-opacity-60 { - --tw-border-opacity: 0.6; + .\32xl\:pl-4 { + padding-left: 1rem; } - .\32xl\:border-opacity-70 { - --tw-border-opacity: 0.7; + .\32xl\:pl-5 { + padding-left: 1.25rem; } - .\32xl\:border-opacity-75 { - --tw-border-opacity: 0.75; + .\32xl\:pl-6 { + padding-left: 1.5rem; } - .\32xl\:border-opacity-80 { - --tw-border-opacity: 0.8; + .\32xl\:pl-7 { + padding-left: 1.75rem; } - .\32xl\:border-opacity-90 { - --tw-border-opacity: 0.9; + .\32xl\:pl-8 { + padding-left: 2rem; } - .\32xl\:border-opacity-95 { - --tw-border-opacity: 0.95; + .\32xl\:pl-9 { + padding-left: 2.25rem; } - .\32xl\:border-opacity-100 { - --tw-border-opacity: 1; + .\32xl\:pl-10 { + padding-left: 2.5rem; } - .group:hover .\32xl\:group-hover\:border-opacity-0 { - --tw-border-opacity: 0; + .\32xl\:pl-11 { + padding-left: 2.75rem; } - .group:hover .\32xl\:group-hover\:border-opacity-5 { - --tw-border-opacity: 0.05; + .\32xl\:pl-12 { + padding-left: 3rem; } - .group:hover .\32xl\:group-hover\:border-opacity-10 { - --tw-border-opacity: 0.1; + .\32xl\:pl-14 { + padding-left: 3.5rem; } - .group:hover .\32xl\:group-hover\:border-opacity-20 { - --tw-border-opacity: 0.2; + .\32xl\:pl-16 { + padding-left: 4rem; } - .group:hover .\32xl\:group-hover\:border-opacity-25 { - --tw-border-opacity: 0.25; + .\32xl\:pl-20 { + padding-left: 5rem; } - .group:hover .\32xl\:group-hover\:border-opacity-30 { - --tw-border-opacity: 0.3; + .\32xl\:pl-24 { + padding-left: 6rem; } - .group:hover .\32xl\:group-hover\:border-opacity-40 { - --tw-border-opacity: 0.4; + .\32xl\:pl-28 { + padding-left: 7rem; } - .group:hover .\32xl\:group-hover\:border-opacity-50 { - --tw-border-opacity: 0.5; + .\32xl\:pl-32 { + padding-left: 8rem; } - .group:hover .\32xl\:group-hover\:border-opacity-60 { - --tw-border-opacity: 0.6; + .\32xl\:pl-36 { + padding-left: 9rem; } - .group:hover .\32xl\:group-hover\:border-opacity-70 { - --tw-border-opacity: 0.7; + .\32xl\:pl-40 { + padding-left: 10rem; } - .group:hover .\32xl\:group-hover\:border-opacity-75 { - --tw-border-opacity: 0.75; + .\32xl\:pl-44 { + padding-left: 11rem; } - .group:hover .\32xl\:group-hover\:border-opacity-80 { - --tw-border-opacity: 0.8; + .\32xl\:pl-48 { + padding-left: 12rem; } - .group:hover .\32xl\:group-hover\:border-opacity-90 { - --tw-border-opacity: 0.9; + .\32xl\:pl-52 { + padding-left: 13rem; } - .group:hover .\32xl\:group-hover\:border-opacity-95 { - --tw-border-opacity: 0.95; + .\32xl\:pl-56 { + padding-left: 14rem; } - .group:hover .\32xl\:group-hover\:border-opacity-100 { - --tw-border-opacity: 1; + .\32xl\:pl-60 { + padding-left: 15rem; } - .\32xl\:focus-within\:border-opacity-0:focus-within { - --tw-border-opacity: 0; + .\32xl\:pl-64 { + padding-left: 16rem; } - .\32xl\:focus-within\:border-opacity-5:focus-within { - --tw-border-opacity: 0.05; + .\32xl\:pl-72 { + padding-left: 18rem; } - .\32xl\:focus-within\:border-opacity-10:focus-within { - --tw-border-opacity: 0.1; + .\32xl\:pl-80 { + padding-left: 20rem; } - .\32xl\:focus-within\:border-opacity-20:focus-within { - --tw-border-opacity: 0.2; + .\32xl\:pl-96 { + padding-left: 24rem; } - .\32xl\:focus-within\:border-opacity-25:focus-within { - --tw-border-opacity: 0.25; + .\32xl\:pl-px { + padding-left: 1px; } - .\32xl\:focus-within\:border-opacity-30:focus-within { - --tw-border-opacity: 0.3; + .\32xl\:pl-0\.5 { + padding-left: 0.125rem; } - .\32xl\:focus-within\:border-opacity-40:focus-within { - --tw-border-opacity: 0.4; + .\32xl\:pl-1\.5 { + padding-left: 0.375rem; } - .\32xl\:focus-within\:border-opacity-50:focus-within { - --tw-border-opacity: 0.5; + .\32xl\:pl-2\.5 { + padding-left: 0.625rem; } - .\32xl\:focus-within\:border-opacity-60:focus-within { - --tw-border-opacity: 0.6; + .\32xl\:pl-3\.5 { + padding-left: 0.875rem; } - .\32xl\:focus-within\:border-opacity-70:focus-within { - --tw-border-opacity: 0.7; + .\32xl\:text-left { + text-align: left; } - .\32xl\:focus-within\:border-opacity-75:focus-within { - --tw-border-opacity: 0.75; + .\32xl\:text-center { + text-align: center; } - .\32xl\:focus-within\:border-opacity-80:focus-within { - --tw-border-opacity: 0.8; + .\32xl\:text-right { + text-align: right; } - .\32xl\:focus-within\:border-opacity-90:focus-within { - --tw-border-opacity: 0.9; + .\32xl\:text-justify { + text-align: justify; } - .\32xl\:focus-within\:border-opacity-95:focus-within { - --tw-border-opacity: 0.95; + .\32xl\:align-baseline { + vertical-align: baseline; } - .\32xl\:focus-within\:border-opacity-100:focus-within { - --tw-border-opacity: 1; + .\32xl\:align-top { + vertical-align: top; } - .\32xl\:hover\:border-opacity-0:hover { - --tw-border-opacity: 0; + .\32xl\:align-middle { + vertical-align: middle; } - .\32xl\:hover\:border-opacity-5:hover { - --tw-border-opacity: 0.05; + .\32xl\:align-bottom { + vertical-align: bottom; } - .\32xl\:hover\:border-opacity-10:hover { - --tw-border-opacity: 0.1; + .\32xl\:align-text-top { + vertical-align: text-top; } - .\32xl\:hover\:border-opacity-20:hover { - --tw-border-opacity: 0.2; + .\32xl\:align-text-bottom { + vertical-align: text-bottom; } - .\32xl\:hover\:border-opacity-25:hover { - --tw-border-opacity: 0.25; + .\32xl\:font-sans { + font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } - .\32xl\:hover\:border-opacity-30:hover { - --tw-border-opacity: 0.3; + .\32xl\:font-serif { + font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; } - .\32xl\:hover\:border-opacity-40:hover { - --tw-border-opacity: 0.4; + .\32xl\:font-mono { + font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } - .\32xl\:hover\:border-opacity-50:hover { - --tw-border-opacity: 0.5; + .\32xl\:text-xs { + font-size: 0.75rem; + line-height: 1rem; } - .\32xl\:hover\:border-opacity-60:hover { - --tw-border-opacity: 0.6; + .\32xl\:text-sm { + font-size: 0.875rem; + line-height: 1.25rem; } - .\32xl\:hover\:border-opacity-70:hover { - --tw-border-opacity: 0.7; + .\32xl\:text-base { + font-size: 1rem; + line-height: 1.5rem; } - .\32xl\:hover\:border-opacity-75:hover { - --tw-border-opacity: 0.75; + .\32xl\:text-lg { + font-size: 1.125rem; + line-height: 1.75rem; } - .\32xl\:hover\:border-opacity-80:hover { - --tw-border-opacity: 0.8; + .\32xl\:text-xl { + font-size: 1.25rem; + line-height: 1.75rem; } - .\32xl\:hover\:border-opacity-90:hover { - --tw-border-opacity: 0.9; + .\32xl\:text-2xl { + font-size: 1.5rem; + line-height: 2rem; } - .\32xl\:hover\:border-opacity-95:hover { - --tw-border-opacity: 0.95; + .\32xl\:text-3xl { + font-size: 1.875rem; + line-height: 2.25rem; } - .\32xl\:hover\:border-opacity-100:hover { - --tw-border-opacity: 1; + .\32xl\:text-4xl { + font-size: 2.25rem; + line-height: 2.5rem; } - .\32xl\:focus\:border-opacity-0:focus { - --tw-border-opacity: 0; + .\32xl\:text-5xl { + font-size: 3rem; + line-height: 1; } - .\32xl\:focus\:border-opacity-5:focus { - --tw-border-opacity: 0.05; + .\32xl\:text-6xl { + font-size: 3.75rem; + line-height: 1; } - .\32xl\:focus\:border-opacity-10:focus { - --tw-border-opacity: 0.1; + .\32xl\:text-7xl { + font-size: 4.5rem; + line-height: 1; } - .\32xl\:focus\:border-opacity-20:focus { - --tw-border-opacity: 0.2; + .\32xl\:text-8xl { + font-size: 6rem; + line-height: 1; } - .\32xl\:focus\:border-opacity-25:focus { - --tw-border-opacity: 0.25; + .\32xl\:text-9xl { + font-size: 8rem; + line-height: 1; } - .\32xl\:focus\:border-opacity-30:focus { - --tw-border-opacity: 0.3; + .\32xl\:font-thin { + font-weight: 100; } - .\32xl\:focus\:border-opacity-40:focus { - --tw-border-opacity: 0.4; + .\32xl\:font-extralight { + font-weight: 200; } - .\32xl\:focus\:border-opacity-50:focus { - --tw-border-opacity: 0.5; + .\32xl\:font-light { + font-weight: 300; } - .\32xl\:focus\:border-opacity-60:focus { - --tw-border-opacity: 0.6; + .\32xl\:font-normal { + font-weight: 400; } - .\32xl\:focus\:border-opacity-70:focus { - --tw-border-opacity: 0.7; + .\32xl\:font-medium { + font-weight: 500; } - .\32xl\:focus\:border-opacity-75:focus { - --tw-border-opacity: 0.75; + .\32xl\:font-semibold { + font-weight: 600; } - .\32xl\:focus\:border-opacity-80:focus { - --tw-border-opacity: 0.8; + .\32xl\:font-bold { + font-weight: 700; } - .\32xl\:focus\:border-opacity-90:focus { - --tw-border-opacity: 0.9; + .\32xl\:font-extrabold { + font-weight: 800; } - .\32xl\:focus\:border-opacity-95:focus { - --tw-border-opacity: 0.95; + .\32xl\:font-black { + font-weight: 900; } - .\32xl\:focus\:border-opacity-100:focus { - --tw-border-opacity: 1; + .\32xl\:uppercase { + text-transform: uppercase; } - .\32xl\:bg-transparent { - background-color: transparent; + .\32xl\:lowercase { + text-transform: lowercase; } - .\32xl\:bg-current { - background-color: currentColor; + .\32xl\:capitalize { + text-transform: capitalize; } - .\32xl\:bg-black { - --tw-bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--tw-bg-opacity)); + .\32xl\:normal-case { + text-transform: none; } - .\32xl\:bg-white { - --tw-bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); + .\32xl\:italic { + font-style: italic; } - .\32xl\:bg-gray-50 { - --tw-bg-opacity: 1; - background-color: rgba(249, 250, 251, var(--tw-bg-opacity)); + .\32xl\:not-italic { + font-style: normal; } - .\32xl\:bg-gray-100 { - --tw-bg-opacity: 1; - background-color: rgba(243, 244, 246, var(--tw-bg-opacity)); + .\32xl\:ordinal, .\32xl\:slashed-zero, .\32xl\:lining-nums, .\32xl\:oldstyle-nums, .\32xl\:proportional-nums, .\32xl\:tabular-nums, .\32xl\:diagonal-fractions, .\32xl\:stacked-fractions { + --tw-ordinal: var(--tw-empty,/*!*/ /*!*/); + --tw-slashed-zero: var(--tw-empty,/*!*/ /*!*/); + --tw-numeric-figure: var(--tw-empty,/*!*/ /*!*/); + --tw-numeric-spacing: var(--tw-empty,/*!*/ /*!*/); + --tw-numeric-fraction: var(--tw-empty,/*!*/ /*!*/); + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); } - .\32xl\:bg-gray-200 { - --tw-bg-opacity: 1; - background-color: rgba(229, 231, 235, var(--tw-bg-opacity)); + .\32xl\:normal-nums { + font-variant-numeric: normal; } - .\32xl\:bg-gray-300 { - --tw-bg-opacity: 1; - background-color: rgba(209, 213, 219, var(--tw-bg-opacity)); + .\32xl\:ordinal { + --tw-ordinal: ordinal; } - .\32xl\:bg-gray-400 { - --tw-bg-opacity: 1; - background-color: rgba(156, 163, 175, var(--tw-bg-opacity)); + .\32xl\:slashed-zero { + --tw-slashed-zero: slashed-zero; } - .\32xl\:bg-gray-500 { - --tw-bg-opacity: 1; - background-color: rgba(107, 114, 128, var(--tw-bg-opacity)); + .\32xl\:lining-nums { + --tw-numeric-figure: lining-nums; } - .\32xl\:bg-gray-600 { - --tw-bg-opacity: 1; - background-color: rgba(75, 85, 99, var(--tw-bg-opacity)); + .\32xl\:oldstyle-nums { + --tw-numeric-figure: oldstyle-nums; } - .\32xl\:bg-gray-700 { - --tw-bg-opacity: 1; - background-color: rgba(55, 65, 81, var(--tw-bg-opacity)); + .\32xl\:proportional-nums { + --tw-numeric-spacing: proportional-nums; } - .\32xl\:bg-gray-800 { - --tw-bg-opacity: 1; - background-color: rgba(31, 41, 55, var(--tw-bg-opacity)); + .\32xl\:tabular-nums { + --tw-numeric-spacing: tabular-nums; } - .\32xl\:bg-gray-900 { - --tw-bg-opacity: 1; - background-color: rgba(17, 24, 39, var(--tw-bg-opacity)); + .\32xl\:diagonal-fractions { + --tw-numeric-fraction: diagonal-fractions; } - .\32xl\:bg-red-50 { - --tw-bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--tw-bg-opacity)); + .\32xl\:stacked-fractions { + --tw-numeric-fraction: stacked-fractions; } - .\32xl\:bg-red-100 { - --tw-bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--tw-bg-opacity)); + .\32xl\:leading-3 { + line-height: .75rem; } - .\32xl\:bg-red-200 { - --tw-bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--tw-bg-opacity)); + .\32xl\:leading-4 { + line-height: 1rem; } - .\32xl\:bg-red-300 { - --tw-bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--tw-bg-opacity)); + .\32xl\:leading-5 { + line-height: 1.25rem; } - .\32xl\:bg-red-400 { - --tw-bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--tw-bg-opacity)); + .\32xl\:leading-6 { + line-height: 1.5rem; } - .\32xl\:bg-red-500 { - --tw-bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--tw-bg-opacity)); + .\32xl\:leading-7 { + line-height: 1.75rem; } - .\32xl\:bg-red-600 { - --tw-bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--tw-bg-opacity)); + .\32xl\:leading-8 { + line-height: 2rem; } - .\32xl\:bg-red-700 { - --tw-bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--tw-bg-opacity)); + .\32xl\:leading-9 { + line-height: 2.25rem; } - .\32xl\:bg-red-800 { - --tw-bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--tw-bg-opacity)); + .\32xl\:leading-10 { + line-height: 2.5rem; } - .\32xl\:bg-red-900 { - --tw-bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--tw-bg-opacity)); + .\32xl\:leading-none { + line-height: 1; } - .\32xl\:bg-yellow-50 { - --tw-bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--tw-bg-opacity)); + .\32xl\:leading-tight { + line-height: 1.25; } - .\32xl\:bg-yellow-100 { - --tw-bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--tw-bg-opacity)); + .\32xl\:leading-snug { + line-height: 1.375; } - .\32xl\:bg-yellow-200 { - --tw-bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--tw-bg-opacity)); + .\32xl\:leading-normal { + line-height: 1.5; } - .\32xl\:bg-yellow-300 { - --tw-bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--tw-bg-opacity)); + .\32xl\:leading-relaxed { + line-height: 1.625; } - .\32xl\:bg-yellow-400 { - --tw-bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--tw-bg-opacity)); + .\32xl\:leading-loose { + line-height: 2; } - .\32xl\:bg-yellow-500 { - --tw-bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--tw-bg-opacity)); + .\32xl\:tracking-tighter { + letter-spacing: -0.05em; } - .\32xl\:bg-yellow-600 { - --tw-bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--tw-bg-opacity)); + .\32xl\:tracking-tight { + letter-spacing: -0.025em; } - .\32xl\:bg-yellow-700 { - --tw-bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--tw-bg-opacity)); + .\32xl\:tracking-normal { + letter-spacing: 0em; } - .\32xl\:bg-yellow-800 { - --tw-bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--tw-bg-opacity)); + .\32xl\:tracking-wide { + letter-spacing: 0.025em; } - .\32xl\:bg-yellow-900 { - --tw-bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--tw-bg-opacity)); + .\32xl\:tracking-wider { + letter-spacing: 0.05em; } - .\32xl\:bg-green-50 { - --tw-bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--tw-bg-opacity)); + .\32xl\:tracking-widest { + letter-spacing: 0.1em; } - .\32xl\:bg-green-100 { - --tw-bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--tw-bg-opacity)); + .\32xl\:text-colors-black { + color: var(--colors-black, #000000); } - .\32xl\:bg-green-200 { - --tw-bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--tw-bg-opacity)); + .\32xl\:text-colors-white { + color: var(--colors-white, #ffffff); } - .\32xl\:bg-green-300 { - --tw-bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--tw-bg-opacity)); + .\32xl\:text-colors-gray-100 { + color: var(--colors-gray-100, #f7fafc); } - .\32xl\:bg-green-400 { - --tw-bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--tw-bg-opacity)); + .\32xl\:text-colors-gray-200 { + color: var(--colors-gray-200, #edf2f7); } - .\32xl\:bg-green-500 { - --tw-bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--tw-bg-opacity)); + .\32xl\:text-colors-gray-300 { + color: var(--colors-gray-300, #e2e8f0); } - .\32xl\:bg-green-600 { - --tw-bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--tw-bg-opacity)); + .\32xl\:text-colors-gray-400 { + color: var(--colors-gray-400, #cbd5e0); } - .\32xl\:bg-green-700 { - --tw-bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--tw-bg-opacity)); + .\32xl\:text-colors-gray-500 { + color: var(--colors-gray-500, #a0aec0); } - .\32xl\:bg-green-800 { - --tw-bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--tw-bg-opacity)); + .\32xl\:text-colors-gray-600 { + color: var(--colors-gray-600, #718096); } - .\32xl\:bg-green-900 { - --tw-bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--tw-bg-opacity)); + .\32xl\:text-colors-gray-700 { + color: var(--colors-gray-700, #4a5568); } - .\32xl\:bg-blue-50 { - --tw-bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--tw-bg-opacity)); + .\32xl\:text-colors-gray-800 { + color: var(--colors-gray-800, #2d3748); } - .\32xl\:bg-blue-100 { - --tw-bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--tw-bg-opacity)); + .\32xl\:text-colors-gray-900 { + color: var(--colors-gray-900, #1a202c); } - .\32xl\:bg-blue-200 { - --tw-bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--tw-bg-opacity)); + .\32xl\:text-colors-red-100 { + color: var(--colors-red-100, #fff5f5); } - .\32xl\:bg-blue-300 { - --tw-bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--tw-bg-opacity)); + .\32xl\:text-colors-red-200 { + color: var(--colors-red-200, #fed7d7); } - .\32xl\:bg-blue-400 { - --tw-bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--tw-bg-opacity)); + .\32xl\:text-colors-red-300 { + color: var(--colors-red-300, #feb2b2); } - .\32xl\:bg-blue-500 { - --tw-bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--tw-bg-opacity)); + .\32xl\:text-colors-red-400 { + color: var(--colors-red-400, #fc8181); } - .\32xl\:bg-blue-600 { - --tw-bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--tw-bg-opacity)); + .\32xl\:text-colors-red-500 { + color: var(--colors-red-500, #f56565); } - .\32xl\:bg-blue-700 { - --tw-bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--tw-bg-opacity)); + .\32xl\:text-colors-red-600 { + color: var(--colors-red-600, #e53e3e); } - .\32xl\:bg-blue-800 { - --tw-bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--tw-bg-opacity)); + .\32xl\:text-colors-red-700 { + color: var(--colors-red-700, #c53030); } - .\32xl\:bg-blue-900 { - --tw-bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--tw-bg-opacity)); + .\32xl\:text-colors-red-800 { + color: var(--colors-red-800, #9b2c2c); } - .\32xl\:bg-indigo-50 { - --tw-bg-opacity: 1; - background-color: rgba(238, 242, 255, var(--tw-bg-opacity)); + .\32xl\:text-colors-red-900 { + color: var(--colors-red-900, #742a2a); } - .\32xl\:bg-indigo-100 { - --tw-bg-opacity: 1; - background-color: rgba(224, 231, 255, var(--tw-bg-opacity)); + .\32xl\:text-colors-orange-100 { + color: var(--colors-orange-100, #fffaf0); } - .\32xl\:bg-indigo-200 { - --tw-bg-opacity: 1; - background-color: rgba(199, 210, 254, var(--tw-bg-opacity)); + .\32xl\:text-colors-orange-200 { + color: var(--colors-orange-200, #feebc8); } - .\32xl\:bg-indigo-300 { - --tw-bg-opacity: 1; - background-color: rgba(165, 180, 252, var(--tw-bg-opacity)); + .\32xl\:text-colors-orange-300 { + color: var(--colors-orange-300, #fbd38d); } - .\32xl\:bg-indigo-400 { - --tw-bg-opacity: 1; - background-color: rgba(129, 140, 248, var(--tw-bg-opacity)); + .\32xl\:text-colors-orange-400 { + color: var(--colors-orange-400, #f6ad55); } - .\32xl\:bg-indigo-500 { - --tw-bg-opacity: 1; - background-color: rgba(99, 102, 241, var(--tw-bg-opacity)); + .\32xl\:text-colors-orange-500 { + color: var(--colors-orange-500, #ed8936); } - .\32xl\:bg-indigo-600 { - --tw-bg-opacity: 1; - background-color: rgba(79, 70, 229, var(--tw-bg-opacity)); + .\32xl\:text-colors-orange-600 { + color: var(--colors-orange-600, #dd6b20); } - .\32xl\:bg-indigo-700 { - --tw-bg-opacity: 1; - background-color: rgba(67, 56, 202, var(--tw-bg-opacity)); + .\32xl\:text-colors-orange-700 { + color: var(--colors-orange-700, #c05621); } - .\32xl\:bg-indigo-800 { - --tw-bg-opacity: 1; - background-color: rgba(55, 48, 163, var(--tw-bg-opacity)); + .\32xl\:text-colors-orange-800 { + color: var(--colors-orange-800, #9c4221); } - .\32xl\:bg-indigo-900 { - --tw-bg-opacity: 1; - background-color: rgba(49, 46, 129, var(--tw-bg-opacity)); + .\32xl\:text-colors-orange-900 { + color: var(--colors-orange-900, #7b341e); } - .\32xl\:bg-purple-50 { - --tw-bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--tw-bg-opacity)); + .\32xl\:text-colors-yellow-100 { + color: var(--colors-yellow-100, #fffff0); } - .\32xl\:bg-purple-100 { - --tw-bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--tw-bg-opacity)); + .\32xl\:text-colors-yellow-200 { + color: var(--colors-yellow-200, #fefcbf); } - .\32xl\:bg-purple-200 { - --tw-bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--tw-bg-opacity)); + .\32xl\:text-colors-yellow-300 { + color: var(--colors-yellow-300, #faf089); } - .\32xl\:bg-purple-300 { - --tw-bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--tw-bg-opacity)); + .\32xl\:text-colors-yellow-400 { + color: var(--colors-yellow-400, #f6e05e); } - .\32xl\:bg-purple-400 { - --tw-bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--tw-bg-opacity)); + .\32xl\:text-colors-yellow-500 { + color: var(--colors-yellow-500, #ecc94b); } - .\32xl\:bg-purple-500 { - --tw-bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--tw-bg-opacity)); + .\32xl\:text-colors-yellow-600 { + color: var(--colors-yellow-600, #d69e2e); } - .\32xl\:bg-purple-600 { - --tw-bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--tw-bg-opacity)); + .\32xl\:text-colors-yellow-700 { + color: var(--colors-yellow-700, #b7791f); } - .\32xl\:bg-purple-700 { - --tw-bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--tw-bg-opacity)); + .\32xl\:text-colors-yellow-800 { + color: var(--colors-yellow-800, #975a16); } - .\32xl\:bg-purple-800 { - --tw-bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--tw-bg-opacity)); + .\32xl\:text-colors-yellow-900 { + color: var(--colors-yellow-900, #744210); } - .\32xl\:bg-purple-900 { - --tw-bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--tw-bg-opacity)); + .\32xl\:text-colors-green-100 { + color: var(--colors-green-100, #f0fff4); } - .\32xl\:bg-pink-50 { - --tw-bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--tw-bg-opacity)); + .\32xl\:text-colors-green-200 { + color: var(--colors-green-200, #c6f6d5); } - .\32xl\:bg-pink-100 { - --tw-bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--tw-bg-opacity)); + .\32xl\:text-colors-green-300 { + color: var(--colors-green-300, #9ae6b4); } - .\32xl\:bg-pink-200 { - --tw-bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--tw-bg-opacity)); + .\32xl\:text-colors-green-400 { + color: var(--colors-green-400, #68d391); } - .\32xl\:bg-pink-300 { - --tw-bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--tw-bg-opacity)); + .\32xl\:text-colors-green-500 { + color: var(--colors-green-500, #48bb78); } - .\32xl\:bg-pink-400 { - --tw-bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--tw-bg-opacity)); + .\32xl\:text-colors-green-600 { + color: var(--colors-green-600, #38a169); } - .\32xl\:bg-pink-500 { - --tw-bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--tw-bg-opacity)); + .\32xl\:text-colors-green-700 { + color: var(--colors-green-700, #2f855a); } - .\32xl\:bg-pink-600 { - --tw-bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--tw-bg-opacity)); + .\32xl\:text-colors-green-800 { + color: var(--colors-green-800, #276749); } - .\32xl\:bg-pink-700 { - --tw-bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--tw-bg-opacity)); + .\32xl\:text-colors-green-900 { + color: var(--colors-green-900, #22543d); } - .\32xl\:bg-pink-800 { - --tw-bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--tw-bg-opacity)); + .\32xl\:text-colors-teal-100 { + color: var(--colors-teal-100, #e6fffa); } - .\32xl\:bg-pink-900 { - --tw-bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--tw-bg-opacity)); + .\32xl\:text-colors-teal-200 { + color: var(--colors-teal-200, #b2f5ea); } - .group:hover .\32xl\:group-hover\:bg-transparent { - background-color: transparent; + .\32xl\:text-colors-teal-300 { + color: var(--colors-teal-300, #81e6d9); } - .group:hover .\32xl\:group-hover\:bg-current { - background-color: currentColor; + .\32xl\:text-colors-teal-400 { + color: var(--colors-teal-400, #4fd1c5); } - .group:hover .\32xl\:group-hover\:bg-black { - --tw-bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--tw-bg-opacity)); + .\32xl\:text-colors-teal-500 { + color: var(--colors-teal-500, #38b2ac); } - .group:hover .\32xl\:group-hover\:bg-white { - --tw-bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); + .\32xl\:text-colors-teal-600 { + color: var(--colors-teal-600, #319795); } - .group:hover .\32xl\:group-hover\:bg-gray-50 { - --tw-bg-opacity: 1; - background-color: rgba(249, 250, 251, var(--tw-bg-opacity)); + .\32xl\:text-colors-teal-700 { + color: var(--colors-teal-700, #2c7a7b); } - .group:hover .\32xl\:group-hover\:bg-gray-100 { - --tw-bg-opacity: 1; - background-color: rgba(243, 244, 246, var(--tw-bg-opacity)); + .\32xl\:text-colors-teal-800 { + color: var(--colors-teal-800, #285e61); } - .group:hover .\32xl\:group-hover\:bg-gray-200 { - --tw-bg-opacity: 1; - background-color: rgba(229, 231, 235, var(--tw-bg-opacity)); + .\32xl\:text-colors-teal-900 { + color: var(--colors-teal-900, #234e52); } - .group:hover .\32xl\:group-hover\:bg-gray-300 { - --tw-bg-opacity: 1; - background-color: rgba(209, 213, 219, var(--tw-bg-opacity)); + .\32xl\:text-colors-blue-100 { + color: var(--colors-blue-100, #ebf8ff); } - .group:hover .\32xl\:group-hover\:bg-gray-400 { - --tw-bg-opacity: 1; - background-color: rgba(156, 163, 175, var(--tw-bg-opacity)); + .\32xl\:text-colors-blue-200 { + color: var(--colors-blue-200, #bee3f8); } - .group:hover .\32xl\:group-hover\:bg-gray-500 { - --tw-bg-opacity: 1; - background-color: rgba(107, 114, 128, var(--tw-bg-opacity)); + .\32xl\:text-colors-blue-300 { + color: var(--colors-blue-300, #90cdf4); } - .group:hover .\32xl\:group-hover\:bg-gray-600 { - --tw-bg-opacity: 1; - background-color: rgba(75, 85, 99, var(--tw-bg-opacity)); + .\32xl\:text-colors-blue-400 { + color: var(--colors-blue-400, #63b3ed); } - .group:hover .\32xl\:group-hover\:bg-gray-700 { - --tw-bg-opacity: 1; - background-color: rgba(55, 65, 81, var(--tw-bg-opacity)); + .\32xl\:text-colors-blue-500 { + color: var(--colors-blue-500, #4299e1); } - .group:hover .\32xl\:group-hover\:bg-gray-800 { - --tw-bg-opacity: 1; - background-color: rgba(31, 41, 55, var(--tw-bg-opacity)); + .\32xl\:text-colors-blue-600 { + color: var(--colors-blue-600, #3182ce); } - .group:hover .\32xl\:group-hover\:bg-gray-900 { - --tw-bg-opacity: 1; - background-color: rgba(17, 24, 39, var(--tw-bg-opacity)); + .\32xl\:text-colors-blue-700 { + color: var(--colors-blue-700, #2b6cb0); } - .group:hover .\32xl\:group-hover\:bg-red-50 { - --tw-bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--tw-bg-opacity)); + .\32xl\:text-colors-blue-800 { + color: var(--colors-blue-800, #2c5282); } - .group:hover .\32xl\:group-hover\:bg-red-100 { - --tw-bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--tw-bg-opacity)); + .\32xl\:text-colors-blue-900 { + color: var(--colors-blue-900, #2a4365); } - .group:hover .\32xl\:group-hover\:bg-red-200 { - --tw-bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--tw-bg-opacity)); + .\32xl\:text-colors-indigo-100 { + color: var(--colors-indigo-100, #ebf4ff); } - .group:hover .\32xl\:group-hover\:bg-red-300 { - --tw-bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--tw-bg-opacity)); + .\32xl\:text-colors-indigo-200 { + color: var(--colors-indigo-200, #c3dafe); } - .group:hover .\32xl\:group-hover\:bg-red-400 { - --tw-bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--tw-bg-opacity)); + .\32xl\:text-colors-indigo-300 { + color: var(--colors-indigo-300, #a3bffa); } - .group:hover .\32xl\:group-hover\:bg-red-500 { - --tw-bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--tw-bg-opacity)); + .\32xl\:text-colors-indigo-400 { + color: var(--colors-indigo-400, #7f9cf5); } - .group:hover .\32xl\:group-hover\:bg-red-600 { - --tw-bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--tw-bg-opacity)); + .\32xl\:text-colors-indigo-500 { + color: var(--colors-indigo-500, #667eea); } - .group:hover .\32xl\:group-hover\:bg-red-700 { - --tw-bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--tw-bg-opacity)); + .\32xl\:text-colors-indigo-600 { + color: var(--colors-indigo-600, #5a67d8); } - .group:hover .\32xl\:group-hover\:bg-red-800 { - --tw-bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--tw-bg-opacity)); + .\32xl\:text-colors-indigo-700 { + color: var(--colors-indigo-700, #4c51bf); } - .group:hover .\32xl\:group-hover\:bg-red-900 { - --tw-bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--tw-bg-opacity)); + .\32xl\:text-colors-indigo-800 { + color: var(--colors-indigo-800, #434190); } - .group:hover .\32xl\:group-hover\:bg-yellow-50 { - --tw-bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--tw-bg-opacity)); + .\32xl\:text-colors-indigo-900 { + color: var(--colors-indigo-900, #3c366b); } - .group:hover .\32xl\:group-hover\:bg-yellow-100 { - --tw-bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--tw-bg-opacity)); + .\32xl\:text-colors-purple-100 { + color: var(--colors-purple-100, #faf5ff); } - .group:hover .\32xl\:group-hover\:bg-yellow-200 { - --tw-bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--tw-bg-opacity)); + .\32xl\:text-colors-purple-200 { + color: var(--colors-purple-200, #e9d8fd); } - .group:hover .\32xl\:group-hover\:bg-yellow-300 { - --tw-bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--tw-bg-opacity)); + .\32xl\:text-colors-purple-300 { + color: var(--colors-purple-300, #d6bcfa); } - .group:hover .\32xl\:group-hover\:bg-yellow-400 { - --tw-bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--tw-bg-opacity)); + .\32xl\:text-colors-purple-400 { + color: var(--colors-purple-400, #b794f4); } - .group:hover .\32xl\:group-hover\:bg-yellow-500 { - --tw-bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--tw-bg-opacity)); + .\32xl\:text-colors-purple-500 { + color: var(--colors-purple-500, #9f7aea); } - .group:hover .\32xl\:group-hover\:bg-yellow-600 { - --tw-bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--tw-bg-opacity)); + .\32xl\:text-colors-purple-600 { + color: var(--colors-purple-600, #805ad5); } - .group:hover .\32xl\:group-hover\:bg-yellow-700 { - --tw-bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--tw-bg-opacity)); + .\32xl\:text-colors-purple-700 { + color: var(--colors-purple-700, #6b46c1); } - .group:hover .\32xl\:group-hover\:bg-yellow-800 { - --tw-bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--tw-bg-opacity)); + .\32xl\:text-colors-purple-800 { + color: var(--colors-purple-800, #553c9a); } - .group:hover .\32xl\:group-hover\:bg-yellow-900 { - --tw-bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--tw-bg-opacity)); + .\32xl\:text-colors-purple-900 { + color: var(--colors-purple-900, #44337a); } - .group:hover .\32xl\:group-hover\:bg-green-50 { - --tw-bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--tw-bg-opacity)); + .\32xl\:text-colors-pink-100 { + color: var(--colors-pink-100, #fff5f7); } - .group:hover .\32xl\:group-hover\:bg-green-100 { - --tw-bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--tw-bg-opacity)); + .\32xl\:text-colors-pink-200 { + color: var(--colors-pink-200, #fed7e2); } - .group:hover .\32xl\:group-hover\:bg-green-200 { - --tw-bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--tw-bg-opacity)); + .\32xl\:text-colors-pink-300 { + color: var(--colors-pink-300, #fbb6ce); } - .group:hover .\32xl\:group-hover\:bg-green-300 { - --tw-bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--tw-bg-opacity)); + .\32xl\:text-colors-pink-400 { + color: var(--colors-pink-400, #f687b3); } - .group:hover .\32xl\:group-hover\:bg-green-400 { - --tw-bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--tw-bg-opacity)); + .\32xl\:text-colors-pink-500 { + color: var(--colors-pink-500, #ed64a6); } - .group:hover .\32xl\:group-hover\:bg-green-500 { - --tw-bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--tw-bg-opacity)); + .\32xl\:text-colors-pink-600 { + color: var(--colors-pink-600, #d53f8c); } - .group:hover .\32xl\:group-hover\:bg-green-600 { - --tw-bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--tw-bg-opacity)); + .\32xl\:text-colors-pink-700 { + color: var(--colors-pink-700, #b83280); } - .group:hover .\32xl\:group-hover\:bg-green-700 { - --tw-bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--tw-bg-opacity)); + .\32xl\:text-colors-pink-800 { + color: var(--colors-pink-800, #97266d); } - .group:hover .\32xl\:group-hover\:bg-green-800 { - --tw-bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--tw-bg-opacity)); + .\32xl\:text-colors-pink-900 { + color: var(--colors-pink-900, #702459); } - .group:hover .\32xl\:group-hover\:bg-green-900 { - --tw-bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--tw-bg-opacity)); + .\32xl\:text-Box\ Shadow { + color: var(--box-shadow, #7f7e7f); } - .group:hover .\32xl\:group-hover\:bg-blue-50 { - --tw-bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--tw-bg-opacity)); + .\32xl\:text-Error16 { + color: var(--error16, #f03d3e40); } - .group:hover .\32xl\:group-hover\:bg-blue-100 { - --tw-bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--tw-bg-opacity)); + .\32xl\:text-Success16 { + color: var(--success16, #5bb14d40); } - .group:hover .\32xl\:group-hover\:bg-blue-200 { - --tw-bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--tw-bg-opacity)); + .\32xl\:text-Notification16 { + color: var(--notification16, #3959ff40); } - .group:hover .\32xl\:group-hover\:bg-blue-300 { - --tw-bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--tw-bg-opacity)); + .\32xl\:text-Error8 { + color: var(--error8, #f03d3e1a); } - .group:hover .\32xl\:group-hover\:bg-blue-400 { - --tw-bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--tw-bg-opacity)); + .\32xl\:text-Notification8 { + color: var(--notification8, #3959ff1a); } - .group:hover .\32xl\:group-hover\:bg-blue-500 { - --tw-bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--tw-bg-opacity)); + .\32xl\:text-Success8 { + color: var(--success8, #5bb14d1a); } - .group:hover .\32xl\:group-hover\:bg-blue-600 { - --tw-bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--tw-bg-opacity)); + .\32xl\:text-Light\ -\ Overlay { + color: var(--light-overlay, #f0edee66); } - .group:hover .\32xl\:group-hover\:bg-blue-700 { - --tw-bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--tw-bg-opacity)); + .\32xl\:text-Dark-\ Overlay { + color: var(--dark-overlay, #7f7e7f66); } - .group:hover .\32xl\:group-hover\:bg-blue-800 { - --tw-bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--tw-bg-opacity)); + .\32xl\:text-black-40 { + color: var(--black-40, #00000066); } - .group:hover .\32xl\:group-hover\:bg-blue-900 { - --tw-bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--tw-bg-opacity)); + .\32xl\:text-black-75 { + color: var(--black-75, #000000bf); } - .group:hover .\32xl\:group-hover\:bg-indigo-50 { - --tw-bg-opacity: 1; - background-color: rgba(238, 242, 255, var(--tw-bg-opacity)); + .\32xl\:text-black-60 { + color: var(--black-60, #00000099); } - .group:hover .\32xl\:group-hover\:bg-indigo-100 { - --tw-bg-opacity: 1; - background-color: rgba(224, 231, 255, var(--tw-bg-opacity)); + .\32xl\:text-black-50 { + color: var(--black-50, #00000080); } - .group:hover .\32xl\:group-hover\:bg-indigo-200 { - --tw-bg-opacity: 1; - background-color: rgba(199, 210, 254, var(--tw-bg-opacity)); + .\32xl\:text-black-25 { + color: var(--black-25, #00000040); } - .group:hover .\32xl\:group-hover\:bg-indigo-300 { - --tw-bg-opacity: 1; - background-color: rgba(165, 180, 252, var(--tw-bg-opacity)); + .\32xl\:text-black-10 { + color: var(--black-10, #0000001a); } - .group:hover .\32xl\:group-hover\:bg-indigo-400 { - --tw-bg-opacity: 1; - background-color: rgba(129, 140, 248, var(--tw-bg-opacity)); + .\32xl\:text-white-25 { + color: var(--white-25, #ffffff40); } - .group:hover .\32xl\:group-hover\:bg-indigo-500 { - --tw-bg-opacity: 1; - background-color: rgba(99, 102, 241, var(--tw-bg-opacity)); + .\32xl\:text-white-60 { + color: var(--white-60, #ffffff99); } - .group:hover .\32xl\:group-hover\:bg-indigo-600 { - --tw-bg-opacity: 1; - background-color: rgba(79, 70, 229, var(--tw-bg-opacity)); + .\32xl\:text-black-64 { + color: var(--black-64, #000000a3); } - .group:hover .\32xl\:group-hover\:bg-indigo-700 { - --tw-bg-opacity: 1; - background-color: rgba(67, 56, 202, var(--tw-bg-opacity)); + .\32xl\:text-Shadow\ and\ Highlight-Shadow { + color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .group:hover .\32xl\:group-hover\:bg-indigo-800 { - --tw-bg-opacity: 1; - background-color: rgba(55, 48, 163, var(--tw-bg-opacity)); + .\32xl\:text-Shadow\ and\ Highlight-Highlight { + color: var(--shadow-and-highlight-highlight, #474747); } - .group:hover .\32xl\:group-hover\:bg-indigo-900 { - --tw-bg-opacity: 1; - background-color: rgba(49, 46, 129, var(--tw-bg-opacity)); + .\32xl\:text-Shadow\ and\ Highlight-highlight\ one { + color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .group:hover .\32xl\:group-hover\:bg-purple-50 { - --tw-bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--tw-bg-opacity)); + .\32xl\:text-Shadow\ and\ Highlight-highlight\ two { + color: var(--shadow-and-highlight-highlight-two, #47474799); } - .group:hover .\32xl\:group-hover\:bg-purple-100 { - --tw-bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--tw-bg-opacity)); + .\32xl\:text-Shadow\ and\ Highlight-highlight\ three { + color: var(--shadow-and-highlight-highlight-three, #47474766); } - .group:hover .\32xl\:group-hover\:bg-purple-200 { - --tw-bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--tw-bg-opacity)); + .\32xl\:text-Shadow\ and\ Highlight-highlight\ five { + color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .group:hover .\32xl\:group-hover\:bg-purple-300 { - --tw-bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--tw-bg-opacity)); + .\32xl\:text-Shadow\ and\ Highlight-shadow\ one { + color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .group:hover .\32xl\:group-hover\:bg-purple-400 { - --tw-bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--tw-bg-opacity)); + .\32xl\:text-Shadow\ and\ Highlight-shadow\ two { + color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .group:hover .\32xl\:group-hover\:bg-purple-500 { - --tw-bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--tw-bg-opacity)); + .\32xl\:text-Shadow\ and\ Highlight-shadow\ three { + color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .group:hover .\32xl\:group-hover\:bg-purple-600 { - --tw-bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--tw-bg-opacity)); + .\32xl\:text-Shadow\ and\ Highlight-shadow\ four { + color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .group:hover .\32xl\:group-hover\:bg-purple-700 { - --tw-bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--tw-bg-opacity)); + .\32xl\:text-Shadow\ and\ Highlight-shadow\ five { + color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .group:hover .\32xl\:group-hover\:bg-purple-800 { - --tw-bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--tw-bg-opacity)); + .\32xl\:text-Shadow\ and\ Highlight-highlight\ four { + color: var(--shadow-and-highlight-highlight-four, #47474740); } - .group:hover .\32xl\:group-hover\:bg-purple-900 { - --tw-bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--tw-bg-opacity)); + .\32xl\:text-Base\ Layer\ Styles-Base\ Layer-\ Light-White { + color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .group:hover .\32xl\:group-hover\:bg-pink-50 { - --tw-bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--tw-bg-opacity)); + .\32xl\:text-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite { + color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .group:hover .\32xl\:group-hover\:bg-pink-100 { - --tw-bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--tw-bg-opacity)); + .\32xl\:text-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack { + color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .group:hover .\32xl\:group-hover\:bg-pink-200 { - --tw-bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--tw-bg-opacity)); + .\32xl\:text-Base\ Layer\ Styles-Base\ Layer-Dark-Black { + color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .group:hover .\32xl\:group-hover\:bg-pink-300 { - --tw-bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--tw-bg-opacity)); + .\32xl\:text-Grey-Scale-white { + color: var(--grey-scale-white, #ffffff); } - .group:hover .\32xl\:group-hover\:bg-pink-400 { - --tw-bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--tw-bg-opacity)); + .\32xl\:text-Grey-Scale-off-white { + color: var(--grey-scale-off-white, #f0edee); } - .group:hover .\32xl\:group-hover\:bg-pink-500 { - --tw-bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--tw-bg-opacity)); + .\32xl\:text-Grey\ Scale-grey { + color: var(--grey-scale-grey, #7f7e7f); } - .group:hover .\32xl\:group-hover\:bg-pink-600 { - --tw-bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--tw-bg-opacity)); + .\32xl\:text-Grey\ Scale-charcoal { + color: var(--grey-scale-charcoal, #474747); } - .group:hover .\32xl\:group-hover\:bg-pink-700 { - --tw-bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--tw-bg-opacity)); + .\32xl\:text-Grey\ Scale-off-black { + color: var(--grey-scale-off-black, #1c1c1c); } - .group:hover .\32xl\:group-hover\:bg-pink-800 { - --tw-bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--tw-bg-opacity)); + .\32xl\:text-Grey\ Scale-black { + color: var(--grey-scale-black, #000000); } - .group:hover .\32xl\:group-hover\:bg-pink-900 { - --tw-bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--tw-bg-opacity)); + .\32xl\:text-Blue-blue { + color: var(--blue-blue, #3a7ca5); } - .\32xl\:focus-within\:bg-transparent:focus-within { - background-color: transparent; + .\32xl\:text-Blue-blue-100 { + color: var(--blue-blue-100, #75a3c0); } - .\32xl\:focus-within\:bg-current:focus-within { - background-color: currentColor; + .\32xl\:text-Blue-blue-200 { + color: var(--blue-blue-200, #9cbed2); } - .\32xl\:focus-within\:bg-black:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--tw-bg-opacity)); + .\32xl\:text-Blue-blue-300 { + color: var(--blue-blue-300, #4f7d9a); } - .\32xl\:focus-within\:bg-white:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); + .\32xl\:text-Blue-blue-400 { + color: var(--blue-blue-400, #5c7d92); } - .\32xl\:focus-within\:bg-gray-50:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(249, 250, 251, var(--tw-bg-opacity)); + .\32xl\:text-Blue-blue-500 { + color: var(--blue-blue-500, #347095); } - .\32xl\:focus-within\:bg-gray-100:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(243, 244, 246, var(--tw-bg-opacity)); + .\32xl\:text-Blue-blue-600 { + color: var(--blue-blue-600, #295774); } - .\32xl\:focus-within\:bg-gray-200:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(229, 231, 235, var(--tw-bg-opacity)); + .\32xl\:text-Blue-blue-700 { + color: var(--blue-blue-700, #173242); } - .\32xl\:focus-within\:bg-gray-300:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(209, 213, 219, var(--tw-bg-opacity)); + .\32xl\:text-LightBlue-lightblue { + color: var(--light-blue-lightblue, #81c3d7); } - .\32xl\:focus-within\:bg-gray-400:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(156, 163, 175, var(--tw-bg-opacity)); + .\32xl\:text-LightBlue-lightblue-100 { + color: var(--light-blue-lightblue-100, #a7d5e3); } - .\32xl\:focus-within\:bg-gray-500:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(107, 114, 128, var(--tw-bg-opacity)); + .\32xl\:text-LightBlue-lightblue-200 { + color: var(--light-blue-lightblue-200, #c0e1eb); } - .\32xl\:focus-within\:bg-gray-600:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(75, 85, 99, var(--tw-bg-opacity)); + .\32xl\:text-LightBlue-lightblue-300 { + color: var(--light-blue-lightblue-300, #80aebd); } - .\32xl\:focus-within\:bg-gray-700:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(55, 65, 81, var(--tw-bg-opacity)); + .\32xl\:text-LightBlue-lightblue-400 { + color: var(--light-blue-lightblue-400, #80a0ab); } - .\32xl\:focus-within\:bg-gray-800:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(31, 41, 55, var(--tw-bg-opacity)); + .\32xl\:text-LightBlue-lightblue-500 { + color: var(--light-blue-lightblue-500, #74afc1); } - .\32xl\:focus-within\:bg-gray-900:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(17, 24, 39, var(--tw-bg-opacity)); + .\32xl\:text-LightBlue-lightblue-600 { + color: var(--light-blue-lightblue-600, #5a8997); } - .\32xl\:focus-within\:bg-red-50:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--tw-bg-opacity)); + .\32xl\:text-LightBlue-lightblue-650 { + color: var(--light-blue-lightblue-650, #3e5e65); } - .\32xl\:focus-within\:bg-red-100:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--tw-bg-opacity)); + .\32xl\:text-LightBlue-lightblue-700 { + color: var(--light-blue-lightblue-700, #344e56); } - .\32xl\:focus-within\:bg-red-200:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--tw-bg-opacity)); + .\32xl\:text-Orange-orange { + color: var(--orange-orange, #ff7f0e); } - .\32xl\:focus-within\:bg-red-300:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--tw-bg-opacity)); + .\32xl\:text-Orange-orange-100 { + color: var(--orange-orange-100, #ffa556); } - .\32xl\:focus-within\:bg-red-400:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--tw-bg-opacity)); + .\32xl\:text-Orange-orange-200 { + color: var(--orange-orange-200, #ffbf86); } - .\32xl\:focus-within\:bg-red-500:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--tw-bg-opacity)); + .\32xl\:text-Orange-orange-300 { + color: var(--orange-orange-300, #d97f30); } - .\32xl\:focus-within\:bg-red-600:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--tw-bg-opacity)); + .\32xl\:text-Orange-orange-400 { + color: var(--orange-orange-400, #bf7e46); } - .\32xl\:focus-within\:bg-red-700:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--tw-bg-opacity)); + .\32xl\:text-Orange-orange-500 { + color: var(--orange-orange-500, #e5720d); } - .\32xl\:focus-within\:bg-red-800:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--tw-bg-opacity)); + .\32xl\:text-Orange-orange-600 { + color: var(--orange-orange-600, #b3590a); } - .\32xl\:focus-within\:bg-red-900:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--tw-bg-opacity)); + .\32xl\:text-Orange-orange-700 { + color: var(--orange-orange-700, #663306); } - .\32xl\:focus-within\:bg-yellow-50:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--tw-bg-opacity)); + .\32xl\:text-Yellow-yellow { + color: var(--yellow-yellow, #ffab00); } - .\32xl\:focus-within\:bg-yellow-100:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--tw-bg-opacity)); + .\32xl\:text-Yellow-yellow-100 { + color: var(--yellow-yellow-100, #ffc44c); } - .\32xl\:focus-within\:bg-yellow-200:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--tw-bg-opacity)); + .\32xl\:text-Yellow-yellow-200 { + color: var(--yellow-yellow-200, #ffd580); } - .\32xl\:focus-within\:bg-yellow-300:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--tw-bg-opacity)); + .\32xl\:text-Yellow-yellow-300 { + color: var(--yellow-yellow-300, #d99d26); } - .\32xl\:focus-within\:bg-yellow-400:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--tw-bg-opacity)); + .\32xl\:text-Yellow-yellow-400 { + color: var(--yellow-yellow-400, #bf943f); } - .\32xl\:focus-within\:bg-yellow-500:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--tw-bg-opacity)); + .\32xl\:text-Yellow-yellow-500 { + color: var(--yellow-yellow-500, #e59a00); } - .\32xl\:focus-within\:bg-yellow-600:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--tw-bg-opacity)); + .\32xl\:text-Yellow-yellow-600 { + color: var(--yellow-yellow-600, #b37800); } - .\32xl\:focus-within\:bg-yellow-700:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--tw-bg-opacity)); + .\32xl\:text-Yellow-yellow-700 { + color: var(--yellow-yellow-700, #664400); } - .\32xl\:focus-within\:bg-yellow-800:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--tw-bg-opacity)); + .\32xl\:text-Notification-notification { + color: var(--notification-notification, #3959ff); } - .\32xl\:focus-within\:bg-yellow-900:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--tw-bg-opacity)); + .\32xl\:text-Notification-notification-100 { + color: var(--notification-notification-100, #748bff); } - .\32xl\:focus-within\:bg-green-50:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--tw-bg-opacity)); + .\32xl\:text-Notification-notification-200 { + color: var(--notification-notification-200, #9cacff); } - .\32xl\:focus-within\:bg-green-100:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--tw-bg-opacity)); + .\32xl\:text-Notification-notification-300 { + color: var(--notification-notification-300, #4e64d9); } - .\32xl\:focus-within\:bg-green-200:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--tw-bg-opacity)); + .\32xl\:text-Notification-notification-400 { + color: var(--notification-notification-400, #5c6cbf); } - .\32xl\:focus-within\:bg-green-300:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--tw-bg-opacity)); + .\32xl\:text-Notification-notification-500 { + color: var(--notification-notification-500, #3350e5); } - .\32xl\:focus-within\:bg-green-400:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--tw-bg-opacity)); + .\32xl\:text-Notification-notification-600 { + color: var(--notification-notification-600, #283eb3); } - .\32xl\:focus-within\:bg-green-500:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--tw-bg-opacity)); + .\32xl\:text-Notification-notification-700 { + color: var(--notification-notification-700, #172466); } - .\32xl\:focus-within\:bg-green-600:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--tw-bg-opacity)); + .\32xl\:text-Success-success\ -700 { + color: var(--success-success-700, #24471f); } - .\32xl\:focus-within\:bg-green-700:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--tw-bg-opacity)); + .\32xl\:text-Success-success { + color: var(--success-success, #5bb14d); } - .\32xl\:focus-within\:bg-green-800:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--tw-bg-opacity)); + .\32xl\:text-Success-success\ -100 { + color: var(--success-success-100, #8cc882); } - .\32xl\:focus-within\:bg-green-900:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--tw-bg-opacity)); + .\32xl\:text-Success-success\ -200 { + color: var(--success-success-200, #add8a6); } - .\32xl\:focus-within\:bg-blue-50:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--tw-bg-opacity)); + .\32xl\:text-Success-success\ -300 { + color: var(--success-success-300, #66a25c); } - .\32xl\:focus-within\:bg-blue-100:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--tw-bg-opacity)); + .\32xl\:text-Success-success\ -400 { + color: var(--success-success-400, #6d9766); } - .\32xl\:focus-within\:bg-blue-200:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--tw-bg-opacity)); + .\32xl\:text-Success-success\ -500 { + color: var(--success-success-500, #529f45); } - .\32xl\:focus-within\:bg-blue-300:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--tw-bg-opacity)); + .\32xl\:text-Success-success\ -600 { + color: var(--success-success-600, #407c36); } - .\32xl\:focus-within\:bg-blue-400:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--tw-bg-opacity)); + .\32xl\:text-Error-error { + color: var(--error-error, #f03d3e); } - .\32xl\:focus-within\:bg-blue-500:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--tw-bg-opacity)); + .\32xl\:text-Error-error-100 { + color: var(--error-error-100, #f57778); } - .\32xl\:focus-within\:bg-blue-600:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--tw-bg-opacity)); + .\32xl\:text-Error-error-200 { + color: var(--error-error-200, #f89e9e); } - .\32xl\:focus-within\:bg-blue-700:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--tw-bg-opacity)); + .\32xl\:text-Error-error-250 { + color: var(--error-error-250, #f9c8c8); } - .\32xl\:focus-within\:bg-blue-800:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--tw-bg-opacity)); + .\32xl\:text-Error-error-300 { + color: var(--error-error-300, #ce5151); } - .\32xl\:focus-within\:bg-blue-900:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--tw-bg-opacity)); + .\32xl\:text-Error-error-400 { + color: var(--error-error-400, #b85e5e); } - .\32xl\:focus-within\:bg-indigo-50:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(238, 242, 255, var(--tw-bg-opacity)); + .\32xl\:text-Error-error-500 { + color: var(--error-error-500, #d83738); } - .\32xl\:focus-within\:bg-indigo-100:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(224, 231, 255, var(--tw-bg-opacity)); + .\32xl\:text-Error-error-600 { + color: var(--error-error-600, #a82b2b); } - .\32xl\:focus-within\:bg-indigo-200:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(199, 210, 254, var(--tw-bg-opacity)); + .\32xl\:text-Error-error-700 { + color: var(--error-error-700, #601819); } - .\32xl\:focus-within\:bg-indigo-300:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(165, 180, 252, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-black { + color: var(--colors-black, #000000); } - .\32xl\:focus-within\:bg-indigo-400:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(129, 140, 248, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-white { + color: var(--colors-white, #ffffff); } - .\32xl\:focus-within\:bg-indigo-500:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(99, 102, 241, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-gray-100 { + color: var(--colors-gray-100, #f7fafc); } - .\32xl\:focus-within\:bg-indigo-600:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(79, 70, 229, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-gray-200 { + color: var(--colors-gray-200, #edf2f7); } - .\32xl\:focus-within\:bg-indigo-700:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(67, 56, 202, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-gray-300 { + color: var(--colors-gray-300, #e2e8f0); } - .\32xl\:focus-within\:bg-indigo-800:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(55, 48, 163, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-gray-400 { + color: var(--colors-gray-400, #cbd5e0); } - .\32xl\:focus-within\:bg-indigo-900:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(49, 46, 129, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-gray-500 { + color: var(--colors-gray-500, #a0aec0); } - .\32xl\:focus-within\:bg-purple-50:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-gray-600 { + color: var(--colors-gray-600, #718096); } - .\32xl\:focus-within\:bg-purple-100:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-gray-700 { + color: var(--colors-gray-700, #4a5568); } - .\32xl\:focus-within\:bg-purple-200:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-gray-800 { + color: var(--colors-gray-800, #2d3748); } - .\32xl\:focus-within\:bg-purple-300:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-gray-900 { + color: var(--colors-gray-900, #1a202c); } - .\32xl\:focus-within\:bg-purple-400:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-red-100 { + color: var(--colors-red-100, #fff5f5); } - .\32xl\:focus-within\:bg-purple-500:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-red-200 { + color: var(--colors-red-200, #fed7d7); } - .\32xl\:focus-within\:bg-purple-600:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-red-300 { + color: var(--colors-red-300, #feb2b2); } - .\32xl\:focus-within\:bg-purple-700:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-red-400 { + color: var(--colors-red-400, #fc8181); } - .\32xl\:focus-within\:bg-purple-800:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-red-500 { + color: var(--colors-red-500, #f56565); } - .\32xl\:focus-within\:bg-purple-900:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-red-600 { + color: var(--colors-red-600, #e53e3e); } - .\32xl\:focus-within\:bg-pink-50:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-red-700 { + color: var(--colors-red-700, #c53030); } - .\32xl\:focus-within\:bg-pink-100:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-red-800 { + color: var(--colors-red-800, #9b2c2c); } - .\32xl\:focus-within\:bg-pink-200:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-red-900 { + color: var(--colors-red-900, #742a2a); } - .\32xl\:focus-within\:bg-pink-300:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-orange-100 { + color: var(--colors-orange-100, #fffaf0); } - .\32xl\:focus-within\:bg-pink-400:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-orange-200 { + color: var(--colors-orange-200, #feebc8); } - .\32xl\:focus-within\:bg-pink-500:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-orange-300 { + color: var(--colors-orange-300, #fbd38d); } - .\32xl\:focus-within\:bg-pink-600:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-orange-400 { + color: var(--colors-orange-400, #f6ad55); } - .\32xl\:focus-within\:bg-pink-700:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-orange-500 { + color: var(--colors-orange-500, #ed8936); } - .\32xl\:focus-within\:bg-pink-800:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-orange-600 { + color: var(--colors-orange-600, #dd6b20); } - .\32xl\:focus-within\:bg-pink-900:focus-within { - --tw-bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-orange-700 { + color: var(--colors-orange-700, #c05621); } - .\32xl\:hover\:bg-transparent:hover { - background-color: transparent; + .group:hover .\32xl\:group-hover\:text-colors-orange-800 { + color: var(--colors-orange-800, #9c4221); } - .\32xl\:hover\:bg-current:hover { - background-color: currentColor; + .group:hover .\32xl\:group-hover\:text-colors-orange-900 { + color: var(--colors-orange-900, #7b341e); } - .\32xl\:hover\:bg-black:hover { - --tw-bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-yellow-100 { + color: var(--colors-yellow-100, #fffff0); } - .\32xl\:hover\:bg-white:hover { - --tw-bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-yellow-200 { + color: var(--colors-yellow-200, #fefcbf); } - .\32xl\:hover\:bg-gray-50:hover { - --tw-bg-opacity: 1; - background-color: rgba(249, 250, 251, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-yellow-300 { + color: var(--colors-yellow-300, #faf089); } - .\32xl\:hover\:bg-gray-100:hover { - --tw-bg-opacity: 1; - background-color: rgba(243, 244, 246, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-yellow-400 { + color: var(--colors-yellow-400, #f6e05e); } - .\32xl\:hover\:bg-gray-200:hover { - --tw-bg-opacity: 1; - background-color: rgba(229, 231, 235, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-yellow-500 { + color: var(--colors-yellow-500, #ecc94b); } - .\32xl\:hover\:bg-gray-300:hover { - --tw-bg-opacity: 1; - background-color: rgba(209, 213, 219, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-yellow-600 { + color: var(--colors-yellow-600, #d69e2e); } - .\32xl\:hover\:bg-gray-400:hover { - --tw-bg-opacity: 1; - background-color: rgba(156, 163, 175, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-yellow-700 { + color: var(--colors-yellow-700, #b7791f); } - .\32xl\:hover\:bg-gray-500:hover { - --tw-bg-opacity: 1; - background-color: rgba(107, 114, 128, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-yellow-800 { + color: var(--colors-yellow-800, #975a16); } - .\32xl\:hover\:bg-gray-600:hover { - --tw-bg-opacity: 1; - background-color: rgba(75, 85, 99, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-yellow-900 { + color: var(--colors-yellow-900, #744210); } - .\32xl\:hover\:bg-gray-700:hover { - --tw-bg-opacity: 1; - background-color: rgba(55, 65, 81, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-green-100 { + color: var(--colors-green-100, #f0fff4); } - .\32xl\:hover\:bg-gray-800:hover { - --tw-bg-opacity: 1; - background-color: rgba(31, 41, 55, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-green-200 { + color: var(--colors-green-200, #c6f6d5); } - .\32xl\:hover\:bg-gray-900:hover { - --tw-bg-opacity: 1; - background-color: rgba(17, 24, 39, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-green-300 { + color: var(--colors-green-300, #9ae6b4); } - .\32xl\:hover\:bg-red-50:hover { - --tw-bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-green-400 { + color: var(--colors-green-400, #68d391); } - .\32xl\:hover\:bg-red-100:hover { - --tw-bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-green-500 { + color: var(--colors-green-500, #48bb78); } - .\32xl\:hover\:bg-red-200:hover { - --tw-bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-green-600 { + color: var(--colors-green-600, #38a169); } - .\32xl\:hover\:bg-red-300:hover { - --tw-bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-green-700 { + color: var(--colors-green-700, #2f855a); } - .\32xl\:hover\:bg-red-400:hover { - --tw-bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-green-800 { + color: var(--colors-green-800, #276749); } - .\32xl\:hover\:bg-red-500:hover { - --tw-bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-green-900 { + color: var(--colors-green-900, #22543d); } - .\32xl\:hover\:bg-red-600:hover { - --tw-bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-teal-100 { + color: var(--colors-teal-100, #e6fffa); } - .\32xl\:hover\:bg-red-700:hover { - --tw-bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-teal-200 { + color: var(--colors-teal-200, #b2f5ea); } - .\32xl\:hover\:bg-red-800:hover { - --tw-bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-teal-300 { + color: var(--colors-teal-300, #81e6d9); } - .\32xl\:hover\:bg-red-900:hover { - --tw-bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-teal-400 { + color: var(--colors-teal-400, #4fd1c5); } - .\32xl\:hover\:bg-yellow-50:hover { - --tw-bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-teal-500 { + color: var(--colors-teal-500, #38b2ac); } - .\32xl\:hover\:bg-yellow-100:hover { - --tw-bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-teal-600 { + color: var(--colors-teal-600, #319795); } - .\32xl\:hover\:bg-yellow-200:hover { - --tw-bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-teal-700 { + color: var(--colors-teal-700, #2c7a7b); } - .\32xl\:hover\:bg-yellow-300:hover { - --tw-bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-teal-800 { + color: var(--colors-teal-800, #285e61); } - .\32xl\:hover\:bg-yellow-400:hover { - --tw-bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-teal-900 { + color: var(--colors-teal-900, #234e52); } - .\32xl\:hover\:bg-yellow-500:hover { - --tw-bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-blue-100 { + color: var(--colors-blue-100, #ebf8ff); } - .\32xl\:hover\:bg-yellow-600:hover { - --tw-bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-blue-200 { + color: var(--colors-blue-200, #bee3f8); } - .\32xl\:hover\:bg-yellow-700:hover { - --tw-bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-blue-300 { + color: var(--colors-blue-300, #90cdf4); } - .\32xl\:hover\:bg-yellow-800:hover { - --tw-bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-blue-400 { + color: var(--colors-blue-400, #63b3ed); } - .\32xl\:hover\:bg-yellow-900:hover { - --tw-bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-blue-500 { + color: var(--colors-blue-500, #4299e1); } - .\32xl\:hover\:bg-green-50:hover { - --tw-bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-blue-600 { + color: var(--colors-blue-600, #3182ce); } - .\32xl\:hover\:bg-green-100:hover { - --tw-bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-blue-700 { + color: var(--colors-blue-700, #2b6cb0); } - .\32xl\:hover\:bg-green-200:hover { - --tw-bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-blue-800 { + color: var(--colors-blue-800, #2c5282); } - .\32xl\:hover\:bg-green-300:hover { - --tw-bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-blue-900 { + color: var(--colors-blue-900, #2a4365); } - .\32xl\:hover\:bg-green-400:hover { - --tw-bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-indigo-100 { + color: var(--colors-indigo-100, #ebf4ff); } - .\32xl\:hover\:bg-green-500:hover { - --tw-bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-indigo-200 { + color: var(--colors-indigo-200, #c3dafe); } - .\32xl\:hover\:bg-green-600:hover { - --tw-bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-indigo-300 { + color: var(--colors-indigo-300, #a3bffa); } - .\32xl\:hover\:bg-green-700:hover { - --tw-bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-indigo-400 { + color: var(--colors-indigo-400, #7f9cf5); } - .\32xl\:hover\:bg-green-800:hover { - --tw-bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-indigo-500 { + color: var(--colors-indigo-500, #667eea); } - .\32xl\:hover\:bg-green-900:hover { - --tw-bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-indigo-600 { + color: var(--colors-indigo-600, #5a67d8); } - .\32xl\:hover\:bg-blue-50:hover { - --tw-bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-indigo-700 { + color: var(--colors-indigo-700, #4c51bf); } - .\32xl\:hover\:bg-blue-100:hover { - --tw-bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-indigo-800 { + color: var(--colors-indigo-800, #434190); } - .\32xl\:hover\:bg-blue-200:hover { - --tw-bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-indigo-900 { + color: var(--colors-indigo-900, #3c366b); } - .\32xl\:hover\:bg-blue-300:hover { - --tw-bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-purple-100 { + color: var(--colors-purple-100, #faf5ff); } - .\32xl\:hover\:bg-blue-400:hover { - --tw-bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-purple-200 { + color: var(--colors-purple-200, #e9d8fd); } - .\32xl\:hover\:bg-blue-500:hover { - --tw-bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-purple-300 { + color: var(--colors-purple-300, #d6bcfa); } - .\32xl\:hover\:bg-blue-600:hover { - --tw-bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-purple-400 { + color: var(--colors-purple-400, #b794f4); } - .\32xl\:hover\:bg-blue-700:hover { - --tw-bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-purple-500 { + color: var(--colors-purple-500, #9f7aea); } - .\32xl\:hover\:bg-blue-800:hover { - --tw-bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-purple-600 { + color: var(--colors-purple-600, #805ad5); } - .\32xl\:hover\:bg-blue-900:hover { - --tw-bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-purple-700 { + color: var(--colors-purple-700, #6b46c1); } - .\32xl\:hover\:bg-indigo-50:hover { - --tw-bg-opacity: 1; - background-color: rgba(238, 242, 255, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-purple-800 { + color: var(--colors-purple-800, #553c9a); } - .\32xl\:hover\:bg-indigo-100:hover { - --tw-bg-opacity: 1; - background-color: rgba(224, 231, 255, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-purple-900 { + color: var(--colors-purple-900, #44337a); } - .\32xl\:hover\:bg-indigo-200:hover { - --tw-bg-opacity: 1; - background-color: rgba(199, 210, 254, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-pink-100 { + color: var(--colors-pink-100, #fff5f7); } - .\32xl\:hover\:bg-indigo-300:hover { - --tw-bg-opacity: 1; - background-color: rgba(165, 180, 252, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-pink-200 { + color: var(--colors-pink-200, #fed7e2); } - .\32xl\:hover\:bg-indigo-400:hover { - --tw-bg-opacity: 1; - background-color: rgba(129, 140, 248, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-pink-300 { + color: var(--colors-pink-300, #fbb6ce); } - .\32xl\:hover\:bg-indigo-500:hover { - --tw-bg-opacity: 1; - background-color: rgba(99, 102, 241, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-pink-400 { + color: var(--colors-pink-400, #f687b3); } - .\32xl\:hover\:bg-indigo-600:hover { - --tw-bg-opacity: 1; - background-color: rgba(79, 70, 229, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-pink-500 { + color: var(--colors-pink-500, #ed64a6); } - .\32xl\:hover\:bg-indigo-700:hover { - --tw-bg-opacity: 1; - background-color: rgba(67, 56, 202, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-pink-600 { + color: var(--colors-pink-600, #d53f8c); } - .\32xl\:hover\:bg-indigo-800:hover { - --tw-bg-opacity: 1; - background-color: rgba(55, 48, 163, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-pink-700 { + color: var(--colors-pink-700, #b83280); } - .\32xl\:hover\:bg-indigo-900:hover { - --tw-bg-opacity: 1; - background-color: rgba(49, 46, 129, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-pink-800 { + color: var(--colors-pink-800, #97266d); } - .\32xl\:hover\:bg-purple-50:hover { - --tw-bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-colors-pink-900 { + color: var(--colors-pink-900, #702459); } - .\32xl\:hover\:bg-purple-100:hover { - --tw-bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-Box\ Shadow { + color: var(--box-shadow, #7f7e7f); } - .\32xl\:hover\:bg-purple-200:hover { - --tw-bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-Error16 { + color: var(--error16, #f03d3e40); } - .\32xl\:hover\:bg-purple-300:hover { - --tw-bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-Success16 { + color: var(--success16, #5bb14d40); } - .\32xl\:hover\:bg-purple-400:hover { - --tw-bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-Notification16 { + color: var(--notification16, #3959ff40); } - .\32xl\:hover\:bg-purple-500:hover { - --tw-bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-Error8 { + color: var(--error8, #f03d3e1a); } - .\32xl\:hover\:bg-purple-600:hover { - --tw-bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-Notification8 { + color: var(--notification8, #3959ff1a); } - .\32xl\:hover\:bg-purple-700:hover { - --tw-bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-Success8 { + color: var(--success8, #5bb14d1a); } - .\32xl\:hover\:bg-purple-800:hover { - --tw-bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-Light\ -\ Overlay { + color: var(--light-overlay, #f0edee66); } - .\32xl\:hover\:bg-purple-900:hover { - --tw-bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-Dark-\ Overlay { + color: var(--dark-overlay, #7f7e7f66); } - .\32xl\:hover\:bg-pink-50:hover { - --tw-bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-black-40 { + color: var(--black-40, #00000066); } - .\32xl\:hover\:bg-pink-100:hover { - --tw-bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-black-75 { + color: var(--black-75, #000000bf); } - .\32xl\:hover\:bg-pink-200:hover { - --tw-bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-black-60 { + color: var(--black-60, #00000099); } - .\32xl\:hover\:bg-pink-300:hover { - --tw-bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-black-50 { + color: var(--black-50, #00000080); } - .\32xl\:hover\:bg-pink-400:hover { - --tw-bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-black-25 { + color: var(--black-25, #00000040); } - .\32xl\:hover\:bg-pink-500:hover { - --tw-bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-black-10 { + color: var(--black-10, #0000001a); } - .\32xl\:hover\:bg-pink-600:hover { - --tw-bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-white-25 { + color: var(--white-25, #ffffff40); } - .\32xl\:hover\:bg-pink-700:hover { - --tw-bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-white-60 { + color: var(--white-60, #ffffff99); } - .\32xl\:hover\:bg-pink-800:hover { - --tw-bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-black-64 { + color: var(--black-64, #000000a3); } - .\32xl\:hover\:bg-pink-900:hover { - --tw-bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-Shadow\ and\ Highlight-Shadow { + color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .\32xl\:focus\:bg-transparent:focus { - background-color: transparent; + .group:hover .\32xl\:group-hover\:text-Shadow\ and\ Highlight-Highlight { + color: var(--shadow-and-highlight-highlight, #474747); } - .\32xl\:focus\:bg-current:focus { - background-color: currentColor; + .group:hover .\32xl\:group-hover\:text-Shadow\ and\ Highlight-highlight\ one { + color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .\32xl\:focus\:bg-black:focus { - --tw-bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-Shadow\ and\ Highlight-highlight\ two { + color: var(--shadow-and-highlight-highlight-two, #47474799); } - .\32xl\:focus\:bg-white:focus { - --tw-bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-Shadow\ and\ Highlight-highlight\ three { + color: var(--shadow-and-highlight-highlight-three, #47474766); } - .\32xl\:focus\:bg-gray-50:focus { - --tw-bg-opacity: 1; - background-color: rgba(249, 250, 251, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-Shadow\ and\ Highlight-highlight\ five { + color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .\32xl\:focus\:bg-gray-100:focus { - --tw-bg-opacity: 1; - background-color: rgba(243, 244, 246, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-Shadow\ and\ Highlight-shadow\ one { + color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .\32xl\:focus\:bg-gray-200:focus { - --tw-bg-opacity: 1; - background-color: rgba(229, 231, 235, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-Shadow\ and\ Highlight-shadow\ two { + color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .\32xl\:focus\:bg-gray-300:focus { - --tw-bg-opacity: 1; - background-color: rgba(209, 213, 219, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-Shadow\ and\ Highlight-shadow\ three { + color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .\32xl\:focus\:bg-gray-400:focus { - --tw-bg-opacity: 1; - background-color: rgba(156, 163, 175, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-Shadow\ and\ Highlight-shadow\ four { + color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .\32xl\:focus\:bg-gray-500:focus { - --tw-bg-opacity: 1; - background-color: rgba(107, 114, 128, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-Shadow\ and\ Highlight-shadow\ five { + color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .\32xl\:focus\:bg-gray-600:focus { - --tw-bg-opacity: 1; - background-color: rgba(75, 85, 99, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-Shadow\ and\ Highlight-highlight\ four { + color: var(--shadow-and-highlight-highlight-four, #47474740); } - .\32xl\:focus\:bg-gray-700:focus { - --tw-bg-opacity: 1; - background-color: rgba(55, 65, 81, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-Base\ Layer\ Styles-Base\ Layer-\ Light-White { + color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .\32xl\:focus\:bg-gray-800:focus { - --tw-bg-opacity: 1; - background-color: rgba(31, 41, 55, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite { + color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .\32xl\:focus\:bg-gray-900:focus { - --tw-bg-opacity: 1; - background-color: rgba(17, 24, 39, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack { + color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .\32xl\:focus\:bg-red-50:focus { - --tw-bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-Base\ Layer\ Styles-Base\ Layer-Dark-Black { + color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .\32xl\:focus\:bg-red-100:focus { - --tw-bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-Grey-Scale-white { + color: var(--grey-scale-white, #ffffff); } - .\32xl\:focus\:bg-red-200:focus { - --tw-bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-Grey-Scale-off-white { + color: var(--grey-scale-off-white, #f0edee); } - .\32xl\:focus\:bg-red-300:focus { - --tw-bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-Grey\ Scale-grey { + color: var(--grey-scale-grey, #7f7e7f); } - .\32xl\:focus\:bg-red-400:focus { - --tw-bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-Grey\ Scale-charcoal { + color: var(--grey-scale-charcoal, #474747); } - .\32xl\:focus\:bg-red-500:focus { - --tw-bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-Grey\ Scale-off-black { + color: var(--grey-scale-off-black, #1c1c1c); } - .\32xl\:focus\:bg-red-600:focus { - --tw-bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-Grey\ Scale-black { + color: var(--grey-scale-black, #000000); } - .\32xl\:focus\:bg-red-700:focus { - --tw-bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-Blue-blue { + color: var(--blue-blue, #3a7ca5); } - .\32xl\:focus\:bg-red-800:focus { - --tw-bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-Blue-blue-100 { + color: var(--blue-blue-100, #75a3c0); } - .\32xl\:focus\:bg-red-900:focus { - --tw-bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-Blue-blue-200 { + color: var(--blue-blue-200, #9cbed2); } - .\32xl\:focus\:bg-yellow-50:focus { - --tw-bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-Blue-blue-300 { + color: var(--blue-blue-300, #4f7d9a); } - .\32xl\:focus\:bg-yellow-100:focus { - --tw-bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-Blue-blue-400 { + color: var(--blue-blue-400, #5c7d92); } - .\32xl\:focus\:bg-yellow-200:focus { - --tw-bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-Blue-blue-500 { + color: var(--blue-blue-500, #347095); } - .\32xl\:focus\:bg-yellow-300:focus { - --tw-bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-Blue-blue-600 { + color: var(--blue-blue-600, #295774); } - .\32xl\:focus\:bg-yellow-400:focus { - --tw-bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-Blue-blue-700 { + color: var(--blue-blue-700, #173242); } - .\32xl\:focus\:bg-yellow-500:focus { - --tw-bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-LightBlue-lightblue { + color: var(--light-blue-lightblue, #81c3d7); } - .\32xl\:focus\:bg-yellow-600:focus { - --tw-bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-LightBlue-lightblue-100 { + color: var(--light-blue-lightblue-100, #a7d5e3); } - .\32xl\:focus\:bg-yellow-700:focus { - --tw-bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-LightBlue-lightblue-200 { + color: var(--light-blue-lightblue-200, #c0e1eb); } - .\32xl\:focus\:bg-yellow-800:focus { - --tw-bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-LightBlue-lightblue-300 { + color: var(--light-blue-lightblue-300, #80aebd); } - .\32xl\:focus\:bg-yellow-900:focus { - --tw-bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-LightBlue-lightblue-400 { + color: var(--light-blue-lightblue-400, #80a0ab); } - .\32xl\:focus\:bg-green-50:focus { - --tw-bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-LightBlue-lightblue-500 { + color: var(--light-blue-lightblue-500, #74afc1); } - .\32xl\:focus\:bg-green-100:focus { - --tw-bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-LightBlue-lightblue-600 { + color: var(--light-blue-lightblue-600, #5a8997); } - .\32xl\:focus\:bg-green-200:focus { - --tw-bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-LightBlue-lightblue-650 { + color: var(--light-blue-lightblue-650, #3e5e65); } - .\32xl\:focus\:bg-green-300:focus { - --tw-bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-LightBlue-lightblue-700 { + color: var(--light-blue-lightblue-700, #344e56); } - .\32xl\:focus\:bg-green-400:focus { - --tw-bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-Orange-orange { + color: var(--orange-orange, #ff7f0e); } - .\32xl\:focus\:bg-green-500:focus { - --tw-bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-Orange-orange-100 { + color: var(--orange-orange-100, #ffa556); } - .\32xl\:focus\:bg-green-600:focus { - --tw-bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-Orange-orange-200 { + color: var(--orange-orange-200, #ffbf86); } - .\32xl\:focus\:bg-green-700:focus { - --tw-bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-Orange-orange-300 { + color: var(--orange-orange-300, #d97f30); } - .\32xl\:focus\:bg-green-800:focus { - --tw-bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-Orange-orange-400 { + color: var(--orange-orange-400, #bf7e46); } - .\32xl\:focus\:bg-green-900:focus { - --tw-bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-Orange-orange-500 { + color: var(--orange-orange-500, #e5720d); } - .\32xl\:focus\:bg-blue-50:focus { - --tw-bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-Orange-orange-600 { + color: var(--orange-orange-600, #b3590a); } - .\32xl\:focus\:bg-blue-100:focus { - --tw-bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-Orange-orange-700 { + color: var(--orange-orange-700, #663306); } - .\32xl\:focus\:bg-blue-200:focus { - --tw-bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-Yellow-yellow { + color: var(--yellow-yellow, #ffab00); } - .\32xl\:focus\:bg-blue-300:focus { - --tw-bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-Yellow-yellow-100 { + color: var(--yellow-yellow-100, #ffc44c); } - .\32xl\:focus\:bg-blue-400:focus { - --tw-bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-Yellow-yellow-200 { + color: var(--yellow-yellow-200, #ffd580); } - .\32xl\:focus\:bg-blue-500:focus { - --tw-bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-Yellow-yellow-300 { + color: var(--yellow-yellow-300, #d99d26); } - .\32xl\:focus\:bg-blue-600:focus { - --tw-bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-Yellow-yellow-400 { + color: var(--yellow-yellow-400, #bf943f); } - .\32xl\:focus\:bg-blue-700:focus { - --tw-bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-Yellow-yellow-500 { + color: var(--yellow-yellow-500, #e59a00); } - .\32xl\:focus\:bg-blue-800:focus { - --tw-bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-Yellow-yellow-600 { + color: var(--yellow-yellow-600, #b37800); } - .\32xl\:focus\:bg-blue-900:focus { - --tw-bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-Yellow-yellow-700 { + color: var(--yellow-yellow-700, #664400); } - .\32xl\:focus\:bg-indigo-50:focus { - --tw-bg-opacity: 1; - background-color: rgba(238, 242, 255, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-Notification-notification { + color: var(--notification-notification, #3959ff); } - .\32xl\:focus\:bg-indigo-100:focus { - --tw-bg-opacity: 1; - background-color: rgba(224, 231, 255, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-Notification-notification-100 { + color: var(--notification-notification-100, #748bff); } - .\32xl\:focus\:bg-indigo-200:focus { - --tw-bg-opacity: 1; - background-color: rgba(199, 210, 254, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-Notification-notification-200 { + color: var(--notification-notification-200, #9cacff); } - .\32xl\:focus\:bg-indigo-300:focus { - --tw-bg-opacity: 1; - background-color: rgba(165, 180, 252, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-Notification-notification-300 { + color: var(--notification-notification-300, #4e64d9); } - .\32xl\:focus\:bg-indigo-400:focus { - --tw-bg-opacity: 1; - background-color: rgba(129, 140, 248, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-Notification-notification-400 { + color: var(--notification-notification-400, #5c6cbf); } - .\32xl\:focus\:bg-indigo-500:focus { - --tw-bg-opacity: 1; - background-color: rgba(99, 102, 241, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-Notification-notification-500 { + color: var(--notification-notification-500, #3350e5); } - .\32xl\:focus\:bg-indigo-600:focus { - --tw-bg-opacity: 1; - background-color: rgba(79, 70, 229, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-Notification-notification-600 { + color: var(--notification-notification-600, #283eb3); } - .\32xl\:focus\:bg-indigo-700:focus { - --tw-bg-opacity: 1; - background-color: rgba(67, 56, 202, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-Notification-notification-700 { + color: var(--notification-notification-700, #172466); } - .\32xl\:focus\:bg-indigo-800:focus { - --tw-bg-opacity: 1; - background-color: rgba(55, 48, 163, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-Success-success\ -700 { + color: var(--success-success-700, #24471f); } - .\32xl\:focus\:bg-indigo-900:focus { - --tw-bg-opacity: 1; - background-color: rgba(49, 46, 129, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-Success-success { + color: var(--success-success, #5bb14d); } - .\32xl\:focus\:bg-purple-50:focus { - --tw-bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-Success-success\ -100 { + color: var(--success-success-100, #8cc882); } - .\32xl\:focus\:bg-purple-100:focus { - --tw-bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-Success-success\ -200 { + color: var(--success-success-200, #add8a6); } - .\32xl\:focus\:bg-purple-200:focus { - --tw-bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-Success-success\ -300 { + color: var(--success-success-300, #66a25c); } - .\32xl\:focus\:bg-purple-300:focus { - --tw-bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-Success-success\ -400 { + color: var(--success-success-400, #6d9766); } - .\32xl\:focus\:bg-purple-400:focus { - --tw-bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-Success-success\ -500 { + color: var(--success-success-500, #529f45); } - .\32xl\:focus\:bg-purple-500:focus { - --tw-bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-Success-success\ -600 { + color: var(--success-success-600, #407c36); } - .\32xl\:focus\:bg-purple-600:focus { - --tw-bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-Error-error { + color: var(--error-error, #f03d3e); } - .\32xl\:focus\:bg-purple-700:focus { - --tw-bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-Error-error-100 { + color: var(--error-error-100, #f57778); } - .\32xl\:focus\:bg-purple-800:focus { - --tw-bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-Error-error-200 { + color: var(--error-error-200, #f89e9e); } - .\32xl\:focus\:bg-purple-900:focus { - --tw-bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-Error-error-250 { + color: var(--error-error-250, #f9c8c8); } - .\32xl\:focus\:bg-pink-50:focus { - --tw-bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-Error-error-300 { + color: var(--error-error-300, #ce5151); } - .\32xl\:focus\:bg-pink-100:focus { - --tw-bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-Error-error-400 { + color: var(--error-error-400, #b85e5e); } - .\32xl\:focus\:bg-pink-200:focus { - --tw-bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-Error-error-500 { + color: var(--error-error-500, #d83738); } - .\32xl\:focus\:bg-pink-300:focus { - --tw-bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-Error-error-600 { + color: var(--error-error-600, #a82b2b); } - .\32xl\:focus\:bg-pink-400:focus { - --tw-bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--tw-bg-opacity)); + .group:hover .\32xl\:group-hover\:text-Error-error-700 { + color: var(--error-error-700, #601819); } - .\32xl\:focus\:bg-pink-500:focus { - --tw-bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--tw-bg-opacity)); + .\32xl\:focus-within\:text-colors-black:focus-within { + color: var(--colors-black, #000000); } - .\32xl\:focus\:bg-pink-600:focus { - --tw-bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--tw-bg-opacity)); + .\32xl\:focus-within\:text-colors-white:focus-within { + color: var(--colors-white, #ffffff); } - .\32xl\:focus\:bg-pink-700:focus { - --tw-bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--tw-bg-opacity)); + .\32xl\:focus-within\:text-colors-gray-100:focus-within { + color: var(--colors-gray-100, #f7fafc); } - .\32xl\:focus\:bg-pink-800:focus { - --tw-bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--tw-bg-opacity)); + .\32xl\:focus-within\:text-colors-gray-200:focus-within { + color: var(--colors-gray-200, #edf2f7); } - .\32xl\:focus\:bg-pink-900:focus { - --tw-bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--tw-bg-opacity)); + .\32xl\:focus-within\:text-colors-gray-300:focus-within { + color: var(--colors-gray-300, #e2e8f0); } - .\32xl\:bg-opacity-0 { - --tw-bg-opacity: 0; + .\32xl\:focus-within\:text-colors-gray-400:focus-within { + color: var(--colors-gray-400, #cbd5e0); } - .\32xl\:bg-opacity-5 { - --tw-bg-opacity: 0.05; + .\32xl\:focus-within\:text-colors-gray-500:focus-within { + color: var(--colors-gray-500, #a0aec0); } - .\32xl\:bg-opacity-10 { - --tw-bg-opacity: 0.1; + .\32xl\:focus-within\:text-colors-gray-600:focus-within { + color: var(--colors-gray-600, #718096); } - .\32xl\:bg-opacity-20 { - --tw-bg-opacity: 0.2; + .\32xl\:focus-within\:text-colors-gray-700:focus-within { + color: var(--colors-gray-700, #4a5568); } - .\32xl\:bg-opacity-25 { - --tw-bg-opacity: 0.25; + .\32xl\:focus-within\:text-colors-gray-800:focus-within { + color: var(--colors-gray-800, #2d3748); } - .\32xl\:bg-opacity-30 { - --tw-bg-opacity: 0.3; + .\32xl\:focus-within\:text-colors-gray-900:focus-within { + color: var(--colors-gray-900, #1a202c); } - .\32xl\:bg-opacity-40 { - --tw-bg-opacity: 0.4; + .\32xl\:focus-within\:text-colors-red-100:focus-within { + color: var(--colors-red-100, #fff5f5); } - .\32xl\:bg-opacity-50 { - --tw-bg-opacity: 0.5; + .\32xl\:focus-within\:text-colors-red-200:focus-within { + color: var(--colors-red-200, #fed7d7); } - .\32xl\:bg-opacity-60 { - --tw-bg-opacity: 0.6; + .\32xl\:focus-within\:text-colors-red-300:focus-within { + color: var(--colors-red-300, #feb2b2); } - .\32xl\:bg-opacity-70 { - --tw-bg-opacity: 0.7; + .\32xl\:focus-within\:text-colors-red-400:focus-within { + color: var(--colors-red-400, #fc8181); } - .\32xl\:bg-opacity-75 { - --tw-bg-opacity: 0.75; + .\32xl\:focus-within\:text-colors-red-500:focus-within { + color: var(--colors-red-500, #f56565); } - .\32xl\:bg-opacity-80 { - --tw-bg-opacity: 0.8; + .\32xl\:focus-within\:text-colors-red-600:focus-within { + color: var(--colors-red-600, #e53e3e); } - .\32xl\:bg-opacity-90 { - --tw-bg-opacity: 0.9; + .\32xl\:focus-within\:text-colors-red-700:focus-within { + color: var(--colors-red-700, #c53030); } - .\32xl\:bg-opacity-95 { - --tw-bg-opacity: 0.95; + .\32xl\:focus-within\:text-colors-red-800:focus-within { + color: var(--colors-red-800, #9b2c2c); } - .\32xl\:bg-opacity-100 { - --tw-bg-opacity: 1; + .\32xl\:focus-within\:text-colors-red-900:focus-within { + color: var(--colors-red-900, #742a2a); } - .group:hover .\32xl\:group-hover\:bg-opacity-0 { - --tw-bg-opacity: 0; + .\32xl\:focus-within\:text-colors-orange-100:focus-within { + color: var(--colors-orange-100, #fffaf0); } - .group:hover .\32xl\:group-hover\:bg-opacity-5 { - --tw-bg-opacity: 0.05; + .\32xl\:focus-within\:text-colors-orange-200:focus-within { + color: var(--colors-orange-200, #feebc8); } - .group:hover .\32xl\:group-hover\:bg-opacity-10 { - --tw-bg-opacity: 0.1; + .\32xl\:focus-within\:text-colors-orange-300:focus-within { + color: var(--colors-orange-300, #fbd38d); } - .group:hover .\32xl\:group-hover\:bg-opacity-20 { - --tw-bg-opacity: 0.2; + .\32xl\:focus-within\:text-colors-orange-400:focus-within { + color: var(--colors-orange-400, #f6ad55); } - .group:hover .\32xl\:group-hover\:bg-opacity-25 { - --tw-bg-opacity: 0.25; + .\32xl\:focus-within\:text-colors-orange-500:focus-within { + color: var(--colors-orange-500, #ed8936); } - .group:hover .\32xl\:group-hover\:bg-opacity-30 { - --tw-bg-opacity: 0.3; + .\32xl\:focus-within\:text-colors-orange-600:focus-within { + color: var(--colors-orange-600, #dd6b20); } - .group:hover .\32xl\:group-hover\:bg-opacity-40 { - --tw-bg-opacity: 0.4; + .\32xl\:focus-within\:text-colors-orange-700:focus-within { + color: var(--colors-orange-700, #c05621); } - .group:hover .\32xl\:group-hover\:bg-opacity-50 { - --tw-bg-opacity: 0.5; + .\32xl\:focus-within\:text-colors-orange-800:focus-within { + color: var(--colors-orange-800, #9c4221); } - .group:hover .\32xl\:group-hover\:bg-opacity-60 { - --tw-bg-opacity: 0.6; + .\32xl\:focus-within\:text-colors-orange-900:focus-within { + color: var(--colors-orange-900, #7b341e); } - .group:hover .\32xl\:group-hover\:bg-opacity-70 { - --tw-bg-opacity: 0.7; + .\32xl\:focus-within\:text-colors-yellow-100:focus-within { + color: var(--colors-yellow-100, #fffff0); } - .group:hover .\32xl\:group-hover\:bg-opacity-75 { - --tw-bg-opacity: 0.75; + .\32xl\:focus-within\:text-colors-yellow-200:focus-within { + color: var(--colors-yellow-200, #fefcbf); } - .group:hover .\32xl\:group-hover\:bg-opacity-80 { - --tw-bg-opacity: 0.8; + .\32xl\:focus-within\:text-colors-yellow-300:focus-within { + color: var(--colors-yellow-300, #faf089); } - .group:hover .\32xl\:group-hover\:bg-opacity-90 { - --tw-bg-opacity: 0.9; + .\32xl\:focus-within\:text-colors-yellow-400:focus-within { + color: var(--colors-yellow-400, #f6e05e); } - .group:hover .\32xl\:group-hover\:bg-opacity-95 { - --tw-bg-opacity: 0.95; + .\32xl\:focus-within\:text-colors-yellow-500:focus-within { + color: var(--colors-yellow-500, #ecc94b); } - .group:hover .\32xl\:group-hover\:bg-opacity-100 { - --tw-bg-opacity: 1; + .\32xl\:focus-within\:text-colors-yellow-600:focus-within { + color: var(--colors-yellow-600, #d69e2e); } - .\32xl\:focus-within\:bg-opacity-0:focus-within { - --tw-bg-opacity: 0; + .\32xl\:focus-within\:text-colors-yellow-700:focus-within { + color: var(--colors-yellow-700, #b7791f); } - .\32xl\:focus-within\:bg-opacity-5:focus-within { - --tw-bg-opacity: 0.05; + .\32xl\:focus-within\:text-colors-yellow-800:focus-within { + color: var(--colors-yellow-800, #975a16); } - .\32xl\:focus-within\:bg-opacity-10:focus-within { - --tw-bg-opacity: 0.1; + .\32xl\:focus-within\:text-colors-yellow-900:focus-within { + color: var(--colors-yellow-900, #744210); } - .\32xl\:focus-within\:bg-opacity-20:focus-within { - --tw-bg-opacity: 0.2; + .\32xl\:focus-within\:text-colors-green-100:focus-within { + color: var(--colors-green-100, #f0fff4); } - .\32xl\:focus-within\:bg-opacity-25:focus-within { - --tw-bg-opacity: 0.25; + .\32xl\:focus-within\:text-colors-green-200:focus-within { + color: var(--colors-green-200, #c6f6d5); } - .\32xl\:focus-within\:bg-opacity-30:focus-within { - --tw-bg-opacity: 0.3; + .\32xl\:focus-within\:text-colors-green-300:focus-within { + color: var(--colors-green-300, #9ae6b4); } - .\32xl\:focus-within\:bg-opacity-40:focus-within { - --tw-bg-opacity: 0.4; + .\32xl\:focus-within\:text-colors-green-400:focus-within { + color: var(--colors-green-400, #68d391); } - .\32xl\:focus-within\:bg-opacity-50:focus-within { - --tw-bg-opacity: 0.5; + .\32xl\:focus-within\:text-colors-green-500:focus-within { + color: var(--colors-green-500, #48bb78); } - .\32xl\:focus-within\:bg-opacity-60:focus-within { - --tw-bg-opacity: 0.6; + .\32xl\:focus-within\:text-colors-green-600:focus-within { + color: var(--colors-green-600, #38a169); } - .\32xl\:focus-within\:bg-opacity-70:focus-within { - --tw-bg-opacity: 0.7; + .\32xl\:focus-within\:text-colors-green-700:focus-within { + color: var(--colors-green-700, #2f855a); } - .\32xl\:focus-within\:bg-opacity-75:focus-within { - --tw-bg-opacity: 0.75; + .\32xl\:focus-within\:text-colors-green-800:focus-within { + color: var(--colors-green-800, #276749); } - .\32xl\:focus-within\:bg-opacity-80:focus-within { - --tw-bg-opacity: 0.8; + .\32xl\:focus-within\:text-colors-green-900:focus-within { + color: var(--colors-green-900, #22543d); } - .\32xl\:focus-within\:bg-opacity-90:focus-within { - --tw-bg-opacity: 0.9; + .\32xl\:focus-within\:text-colors-teal-100:focus-within { + color: var(--colors-teal-100, #e6fffa); } - .\32xl\:focus-within\:bg-opacity-95:focus-within { - --tw-bg-opacity: 0.95; + .\32xl\:focus-within\:text-colors-teal-200:focus-within { + color: var(--colors-teal-200, #b2f5ea); } - .\32xl\:focus-within\:bg-opacity-100:focus-within { - --tw-bg-opacity: 1; + .\32xl\:focus-within\:text-colors-teal-300:focus-within { + color: var(--colors-teal-300, #81e6d9); } - .\32xl\:hover\:bg-opacity-0:hover { - --tw-bg-opacity: 0; + .\32xl\:focus-within\:text-colors-teal-400:focus-within { + color: var(--colors-teal-400, #4fd1c5); } - .\32xl\:hover\:bg-opacity-5:hover { - --tw-bg-opacity: 0.05; + .\32xl\:focus-within\:text-colors-teal-500:focus-within { + color: var(--colors-teal-500, #38b2ac); } - .\32xl\:hover\:bg-opacity-10:hover { - --tw-bg-opacity: 0.1; + .\32xl\:focus-within\:text-colors-teal-600:focus-within { + color: var(--colors-teal-600, #319795); } - .\32xl\:hover\:bg-opacity-20:hover { - --tw-bg-opacity: 0.2; + .\32xl\:focus-within\:text-colors-teal-700:focus-within { + color: var(--colors-teal-700, #2c7a7b); } - .\32xl\:hover\:bg-opacity-25:hover { - --tw-bg-opacity: 0.25; + .\32xl\:focus-within\:text-colors-teal-800:focus-within { + color: var(--colors-teal-800, #285e61); } - .\32xl\:hover\:bg-opacity-30:hover { - --tw-bg-opacity: 0.3; + .\32xl\:focus-within\:text-colors-teal-900:focus-within { + color: var(--colors-teal-900, #234e52); } - .\32xl\:hover\:bg-opacity-40:hover { - --tw-bg-opacity: 0.4; + .\32xl\:focus-within\:text-colors-blue-100:focus-within { + color: var(--colors-blue-100, #ebf8ff); } - .\32xl\:hover\:bg-opacity-50:hover { - --tw-bg-opacity: 0.5; + .\32xl\:focus-within\:text-colors-blue-200:focus-within { + color: var(--colors-blue-200, #bee3f8); } - .\32xl\:hover\:bg-opacity-60:hover { - --tw-bg-opacity: 0.6; + .\32xl\:focus-within\:text-colors-blue-300:focus-within { + color: var(--colors-blue-300, #90cdf4); } - .\32xl\:hover\:bg-opacity-70:hover { - --tw-bg-opacity: 0.7; + .\32xl\:focus-within\:text-colors-blue-400:focus-within { + color: var(--colors-blue-400, #63b3ed); } - .\32xl\:hover\:bg-opacity-75:hover { - --tw-bg-opacity: 0.75; + .\32xl\:focus-within\:text-colors-blue-500:focus-within { + color: var(--colors-blue-500, #4299e1); } - .\32xl\:hover\:bg-opacity-80:hover { - --tw-bg-opacity: 0.8; + .\32xl\:focus-within\:text-colors-blue-600:focus-within { + color: var(--colors-blue-600, #3182ce); } - .\32xl\:hover\:bg-opacity-90:hover { - --tw-bg-opacity: 0.9; + .\32xl\:focus-within\:text-colors-blue-700:focus-within { + color: var(--colors-blue-700, #2b6cb0); } - .\32xl\:hover\:bg-opacity-95:hover { - --tw-bg-opacity: 0.95; + .\32xl\:focus-within\:text-colors-blue-800:focus-within { + color: var(--colors-blue-800, #2c5282); } - .\32xl\:hover\:bg-opacity-100:hover { - --tw-bg-opacity: 1; + .\32xl\:focus-within\:text-colors-blue-900:focus-within { + color: var(--colors-blue-900, #2a4365); } - .\32xl\:focus\:bg-opacity-0:focus { - --tw-bg-opacity: 0; + .\32xl\:focus-within\:text-colors-indigo-100:focus-within { + color: var(--colors-indigo-100, #ebf4ff); } - .\32xl\:focus\:bg-opacity-5:focus { - --tw-bg-opacity: 0.05; + .\32xl\:focus-within\:text-colors-indigo-200:focus-within { + color: var(--colors-indigo-200, #c3dafe); } - .\32xl\:focus\:bg-opacity-10:focus { - --tw-bg-opacity: 0.1; + .\32xl\:focus-within\:text-colors-indigo-300:focus-within { + color: var(--colors-indigo-300, #a3bffa); } - .\32xl\:focus\:bg-opacity-20:focus { - --tw-bg-opacity: 0.2; + .\32xl\:focus-within\:text-colors-indigo-400:focus-within { + color: var(--colors-indigo-400, #7f9cf5); } - .\32xl\:focus\:bg-opacity-25:focus { - --tw-bg-opacity: 0.25; + .\32xl\:focus-within\:text-colors-indigo-500:focus-within { + color: var(--colors-indigo-500, #667eea); } - .\32xl\:focus\:bg-opacity-30:focus { - --tw-bg-opacity: 0.3; + .\32xl\:focus-within\:text-colors-indigo-600:focus-within { + color: var(--colors-indigo-600, #5a67d8); } - .\32xl\:focus\:bg-opacity-40:focus { - --tw-bg-opacity: 0.4; + .\32xl\:focus-within\:text-colors-indigo-700:focus-within { + color: var(--colors-indigo-700, #4c51bf); } - .\32xl\:focus\:bg-opacity-50:focus { - --tw-bg-opacity: 0.5; + .\32xl\:focus-within\:text-colors-indigo-800:focus-within { + color: var(--colors-indigo-800, #434190); } - .\32xl\:focus\:bg-opacity-60:focus { - --tw-bg-opacity: 0.6; + .\32xl\:focus-within\:text-colors-indigo-900:focus-within { + color: var(--colors-indigo-900, #3c366b); } - .\32xl\:focus\:bg-opacity-70:focus { - --tw-bg-opacity: 0.7; + .\32xl\:focus-within\:text-colors-purple-100:focus-within { + color: var(--colors-purple-100, #faf5ff); } - .\32xl\:focus\:bg-opacity-75:focus { - --tw-bg-opacity: 0.75; + .\32xl\:focus-within\:text-colors-purple-200:focus-within { + color: var(--colors-purple-200, #e9d8fd); } - .\32xl\:focus\:bg-opacity-80:focus { - --tw-bg-opacity: 0.8; + .\32xl\:focus-within\:text-colors-purple-300:focus-within { + color: var(--colors-purple-300, #d6bcfa); } - .\32xl\:focus\:bg-opacity-90:focus { - --tw-bg-opacity: 0.9; + .\32xl\:focus-within\:text-colors-purple-400:focus-within { + color: var(--colors-purple-400, #b794f4); } - .\32xl\:focus\:bg-opacity-95:focus { - --tw-bg-opacity: 0.95; + .\32xl\:focus-within\:text-colors-purple-500:focus-within { + color: var(--colors-purple-500, #9f7aea); } - .\32xl\:focus\:bg-opacity-100:focus { - --tw-bg-opacity: 1; + .\32xl\:focus-within\:text-colors-purple-600:focus-within { + color: var(--colors-purple-600, #805ad5); } - .\32xl\:bg-none { - background-image: none; + .\32xl\:focus-within\:text-colors-purple-700:focus-within { + color: var(--colors-purple-700, #6b46c1); } - .\32xl\:bg-gradient-to-t { - background-image: linear-gradient(to top, var(--tw-gradient-stops)); + .\32xl\:focus-within\:text-colors-purple-800:focus-within { + color: var(--colors-purple-800, #553c9a); } - .\32xl\:bg-gradient-to-tr { - background-image: linear-gradient(to top right, var(--tw-gradient-stops)); + .\32xl\:focus-within\:text-colors-purple-900:focus-within { + color: var(--colors-purple-900, #44337a); } - .\32xl\:bg-gradient-to-r { - background-image: linear-gradient(to right, var(--tw-gradient-stops)); + .\32xl\:focus-within\:text-colors-pink-100:focus-within { + color: var(--colors-pink-100, #fff5f7); } - .\32xl\:bg-gradient-to-br { - background-image: linear-gradient(to bottom right, var(--tw-gradient-stops)); + .\32xl\:focus-within\:text-colors-pink-200:focus-within { + color: var(--colors-pink-200, #fed7e2); } - .\32xl\:bg-gradient-to-b { - background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); + .\32xl\:focus-within\:text-colors-pink-300:focus-within { + color: var(--colors-pink-300, #fbb6ce); } - .\32xl\:bg-gradient-to-bl { - background-image: linear-gradient(to bottom left, var(--tw-gradient-stops)); + .\32xl\:focus-within\:text-colors-pink-400:focus-within { + color: var(--colors-pink-400, #f687b3); } - .\32xl\:bg-gradient-to-l { - background-image: linear-gradient(to left, var(--tw-gradient-stops)); + .\32xl\:focus-within\:text-colors-pink-500:focus-within { + color: var(--colors-pink-500, #ed64a6); } - .\32xl\:bg-gradient-to-tl { - background-image: linear-gradient(to top left, var(--tw-gradient-stops)); + .\32xl\:focus-within\:text-colors-pink-600:focus-within { + color: var(--colors-pink-600, #d53f8c); } - .\32xl\:from-transparent { - --tw-gradient-from: transparent; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); + .\32xl\:focus-within\:text-colors-pink-700:focus-within { + color: var(--colors-pink-700, #b83280); } - .\32xl\:from-current { - --tw-gradient-from: currentColor; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + .\32xl\:focus-within\:text-colors-pink-800:focus-within { + color: var(--colors-pink-800, #97266d); } - .\32xl\:from-black { - --tw-gradient-from: #000; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); + .\32xl\:focus-within\:text-colors-pink-900:focus-within { + color: var(--colors-pink-900, #702459); } - .\32xl\:from-white { - --tw-gradient-from: #fff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + .\32xl\:focus-within\:text-Box\ Shadow:focus-within { + color: var(--box-shadow, #7f7e7f); } - .\32xl\:from-gray-50 { - --tw-gradient-from: #f9fafb; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0)); + .\32xl\:focus-within\:text-Error16:focus-within { + color: var(--error16, #f03d3e40); } - .\32xl\:from-gray-100 { - --tw-gradient-from: #f3f4f6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0)); + .\32xl\:focus-within\:text-Success16:focus-within { + color: var(--success16, #5bb14d40); } - .\32xl\:from-gray-200 { - --tw-gradient-from: #e5e7eb; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0)); + .\32xl\:focus-within\:text-Notification16:focus-within { + color: var(--notification16, #3959ff40); } - .\32xl\:from-gray-300 { - --tw-gradient-from: #d1d5db; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0)); + .\32xl\:focus-within\:text-Error8:focus-within { + color: var(--error8, #f03d3e1a); } - .\32xl\:from-gray-400 { - --tw-gradient-from: #9ca3af; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0)); + .\32xl\:focus-within\:text-Notification8:focus-within { + color: var(--notification8, #3959ff1a); } - .\32xl\:from-gray-500 { - --tw-gradient-from: #6b7280; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0)); + .\32xl\:focus-within\:text-Success8:focus-within { + color: var(--success8, #5bb14d1a); } - .\32xl\:from-gray-600 { - --tw-gradient-from: #4b5563; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0)); + .\32xl\:focus-within\:text-Light\ -\ Overlay:focus-within { + color: var(--light-overlay, #f0edee66); } - .\32xl\:from-gray-700 { - --tw-gradient-from: #374151; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0)); + .\32xl\:focus-within\:text-Dark-\ Overlay:focus-within { + color: var(--dark-overlay, #7f7e7f66); } - .\32xl\:from-gray-800 { - --tw-gradient-from: #1f2937; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0)); + .\32xl\:focus-within\:text-black-40:focus-within { + color: var(--black-40, #00000066); } - .\32xl\:from-gray-900 { - --tw-gradient-from: #111827; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0)); + .\32xl\:focus-within\:text-black-75:focus-within { + color: var(--black-75, #000000bf); } - .\32xl\:from-red-50 { - --tw-gradient-from: #fef2f2; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0)); + .\32xl\:focus-within\:text-black-60:focus-within { + color: var(--black-60, #00000099); } - .\32xl\:from-red-100 { - --tw-gradient-from: #fee2e2; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0)); + .\32xl\:focus-within\:text-black-50:focus-within { + color: var(--black-50, #00000080); } - .\32xl\:from-red-200 { - --tw-gradient-from: #fecaca; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0)); + .\32xl\:focus-within\:text-black-25:focus-within { + color: var(--black-25, #00000040); } - .\32xl\:from-red-300 { - --tw-gradient-from: #fca5a5; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0)); + .\32xl\:focus-within\:text-black-10:focus-within { + color: var(--black-10, #0000001a); } - .\32xl\:from-red-400 { - --tw-gradient-from: #f87171; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0)); + .\32xl\:focus-within\:text-white-25:focus-within { + color: var(--white-25, #ffffff40); } - .\32xl\:from-red-500 { - --tw-gradient-from: #ef4444; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0)); + .\32xl\:focus-within\:text-white-60:focus-within { + color: var(--white-60, #ffffff99); } - .\32xl\:from-red-600 { - --tw-gradient-from: #dc2626; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0)); + .\32xl\:focus-within\:text-black-64:focus-within { + color: var(--black-64, #000000a3); } - .\32xl\:from-red-700 { - --tw-gradient-from: #b91c1c; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0)); + .\32xl\:focus-within\:text-Shadow\ and\ Highlight-Shadow:focus-within { + color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .\32xl\:from-red-800 { - --tw-gradient-from: #991b1b; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0)); + .\32xl\:focus-within\:text-Shadow\ and\ Highlight-Highlight:focus-within { + color: var(--shadow-and-highlight-highlight, #474747); } - .\32xl\:from-red-900 { - --tw-gradient-from: #7f1d1d; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0)); + .\32xl\:focus-within\:text-Shadow\ and\ Highlight-highlight\ one:focus-within { + color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .\32xl\:from-yellow-50 { - --tw-gradient-from: #fffbeb; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0)); + .\32xl\:focus-within\:text-Shadow\ and\ Highlight-highlight\ two:focus-within { + color: var(--shadow-and-highlight-highlight-two, #47474799); } - .\32xl\:from-yellow-100 { - --tw-gradient-from: #fef3c7; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0)); + .\32xl\:focus-within\:text-Shadow\ and\ Highlight-highlight\ three:focus-within { + color: var(--shadow-and-highlight-highlight-three, #47474766); } - .\32xl\:from-yellow-200 { - --tw-gradient-from: #fde68a; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0)); + .\32xl\:focus-within\:text-Shadow\ and\ Highlight-highlight\ five:focus-within { + color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .\32xl\:from-yellow-300 { - --tw-gradient-from: #fcd34d; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0)); + .\32xl\:focus-within\:text-Shadow\ and\ Highlight-shadow\ one:focus-within { + color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .\32xl\:from-yellow-400 { - --tw-gradient-from: #fbbf24; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0)); + .\32xl\:focus-within\:text-Shadow\ and\ Highlight-shadow\ two:focus-within { + color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .\32xl\:from-yellow-500 { - --tw-gradient-from: #f59e0b; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0)); + .\32xl\:focus-within\:text-Shadow\ and\ Highlight-shadow\ three:focus-within { + color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .\32xl\:from-yellow-600 { - --tw-gradient-from: #d97706; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0)); + .\32xl\:focus-within\:text-Shadow\ and\ Highlight-shadow\ four:focus-within { + color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .\32xl\:from-yellow-700 { - --tw-gradient-from: #b45309; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0)); + .\32xl\:focus-within\:text-Shadow\ and\ Highlight-shadow\ five:focus-within { + color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .\32xl\:from-yellow-800 { - --tw-gradient-from: #92400e; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0)); + .\32xl\:focus-within\:text-Shadow\ and\ Highlight-highlight\ four:focus-within { + color: var(--shadow-and-highlight-highlight-four, #47474740); } - .\32xl\:from-yellow-900 { - --tw-gradient-from: #78350f; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0)); + .\32xl\:focus-within\:text-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus-within { + color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .\32xl\:from-green-50 { - --tw-gradient-from: #ecfdf5; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0)); + .\32xl\:focus-within\:text-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus-within { + color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .\32xl\:from-green-100 { - --tw-gradient-from: #d1fae5; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0)); + .\32xl\:focus-within\:text-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus-within { + color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .\32xl\:from-green-200 { - --tw-gradient-from: #a7f3d0; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0)); + .\32xl\:focus-within\:text-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus-within { + color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .\32xl\:from-green-300 { - --tw-gradient-from: #6ee7b7; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0)); + .\32xl\:focus-within\:text-Grey-Scale-white:focus-within { + color: var(--grey-scale-white, #ffffff); } - .\32xl\:from-green-400 { - --tw-gradient-from: #34d399; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0)); + .\32xl\:focus-within\:text-Grey-Scale-off-white:focus-within { + color: var(--grey-scale-off-white, #f0edee); } - .\32xl\:from-green-500 { - --tw-gradient-from: #10b981; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0)); + .\32xl\:focus-within\:text-Grey\ Scale-grey:focus-within { + color: var(--grey-scale-grey, #7f7e7f); } - .\32xl\:from-green-600 { - --tw-gradient-from: #059669; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0)); + .\32xl\:focus-within\:text-Grey\ Scale-charcoal:focus-within { + color: var(--grey-scale-charcoal, #474747); } - .\32xl\:from-green-700 { - --tw-gradient-from: #047857; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0)); + .\32xl\:focus-within\:text-Grey\ Scale-off-black:focus-within { + color: var(--grey-scale-off-black, #1c1c1c); } - .\32xl\:from-green-800 { - --tw-gradient-from: #065f46; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0)); + .\32xl\:focus-within\:text-Grey\ Scale-black:focus-within { + color: var(--grey-scale-black, #000000); } - .\32xl\:from-green-900 { - --tw-gradient-from: #064e3b; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0)); + .\32xl\:focus-within\:text-Blue-blue:focus-within { + color: var(--blue-blue, #3a7ca5); } - .\32xl\:from-blue-50 { - --tw-gradient-from: #eff6ff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0)); + .\32xl\:focus-within\:text-Blue-blue-100:focus-within { + color: var(--blue-blue-100, #75a3c0); } - .\32xl\:from-blue-100 { - --tw-gradient-from: #dbeafe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0)); + .\32xl\:focus-within\:text-Blue-blue-200:focus-within { + color: var(--blue-blue-200, #9cbed2); } - .\32xl\:from-blue-200 { - --tw-gradient-from: #bfdbfe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0)); + .\32xl\:focus-within\:text-Blue-blue-300:focus-within { + color: var(--blue-blue-300, #4f7d9a); } - .\32xl\:from-blue-300 { - --tw-gradient-from: #93c5fd; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0)); + .\32xl\:focus-within\:text-Blue-blue-400:focus-within { + color: var(--blue-blue-400, #5c7d92); } - .\32xl\:from-blue-400 { - --tw-gradient-from: #60a5fa; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0)); + .\32xl\:focus-within\:text-Blue-blue-500:focus-within { + color: var(--blue-blue-500, #347095); } - .\32xl\:from-blue-500 { - --tw-gradient-from: #3b82f6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0)); + .\32xl\:focus-within\:text-Blue-blue-600:focus-within { + color: var(--blue-blue-600, #295774); } - .\32xl\:from-blue-600 { - --tw-gradient-from: #2563eb; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0)); + .\32xl\:focus-within\:text-Blue-blue-700:focus-within { + color: var(--blue-blue-700, #173242); } - .\32xl\:from-blue-700 { - --tw-gradient-from: #1d4ed8; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0)); + .\32xl\:focus-within\:text-LightBlue-lightblue:focus-within { + color: var(--light-blue-lightblue, #81c3d7); } - .\32xl\:from-blue-800 { - --tw-gradient-from: #1e40af; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0)); + .\32xl\:focus-within\:text-LightBlue-lightblue-100:focus-within { + color: var(--light-blue-lightblue-100, #a7d5e3); } - .\32xl\:from-blue-900 { - --tw-gradient-from: #1e3a8a; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0)); + .\32xl\:focus-within\:text-LightBlue-lightblue-200:focus-within { + color: var(--light-blue-lightblue-200, #c0e1eb); } - .\32xl\:from-indigo-50 { - --tw-gradient-from: #eef2ff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0)); + .\32xl\:focus-within\:text-LightBlue-lightblue-300:focus-within { + color: var(--light-blue-lightblue-300, #80aebd); } - .\32xl\:from-indigo-100 { - --tw-gradient-from: #e0e7ff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0)); + .\32xl\:focus-within\:text-LightBlue-lightblue-400:focus-within { + color: var(--light-blue-lightblue-400, #80a0ab); } - .\32xl\:from-indigo-200 { - --tw-gradient-from: #c7d2fe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0)); + .\32xl\:focus-within\:text-LightBlue-lightblue-500:focus-within { + color: var(--light-blue-lightblue-500, #74afc1); } - .\32xl\:from-indigo-300 { - --tw-gradient-from: #a5b4fc; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0)); + .\32xl\:focus-within\:text-LightBlue-lightblue-600:focus-within { + color: var(--light-blue-lightblue-600, #5a8997); } - .\32xl\:from-indigo-400 { - --tw-gradient-from: #818cf8; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0)); + .\32xl\:focus-within\:text-LightBlue-lightblue-650:focus-within { + color: var(--light-blue-lightblue-650, #3e5e65); } - .\32xl\:from-indigo-500 { - --tw-gradient-from: #6366f1; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0)); + .\32xl\:focus-within\:text-LightBlue-lightblue-700:focus-within { + color: var(--light-blue-lightblue-700, #344e56); } - .\32xl\:from-indigo-600 { - --tw-gradient-from: #4f46e5; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0)); + .\32xl\:focus-within\:text-Orange-orange:focus-within { + color: var(--orange-orange, #ff7f0e); } - .\32xl\:from-indigo-700 { - --tw-gradient-from: #4338ca; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0)); + .\32xl\:focus-within\:text-Orange-orange-100:focus-within { + color: var(--orange-orange-100, #ffa556); } - .\32xl\:from-indigo-800 { - --tw-gradient-from: #3730a3; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0)); + .\32xl\:focus-within\:text-Orange-orange-200:focus-within { + color: var(--orange-orange-200, #ffbf86); } - .\32xl\:from-indigo-900 { - --tw-gradient-from: #312e81; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0)); + .\32xl\:focus-within\:text-Orange-orange-300:focus-within { + color: var(--orange-orange-300, #d97f30); } - .\32xl\:from-purple-50 { - --tw-gradient-from: #f5f3ff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0)); + .\32xl\:focus-within\:text-Orange-orange-400:focus-within { + color: var(--orange-orange-400, #bf7e46); } - .\32xl\:from-purple-100 { - --tw-gradient-from: #ede9fe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0)); + .\32xl\:focus-within\:text-Orange-orange-500:focus-within { + color: var(--orange-orange-500, #e5720d); } - .\32xl\:from-purple-200 { - --tw-gradient-from: #ddd6fe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0)); + .\32xl\:focus-within\:text-Orange-orange-600:focus-within { + color: var(--orange-orange-600, #b3590a); } - .\32xl\:from-purple-300 { - --tw-gradient-from: #c4b5fd; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0)); + .\32xl\:focus-within\:text-Orange-orange-700:focus-within { + color: var(--orange-orange-700, #663306); } - .\32xl\:from-purple-400 { - --tw-gradient-from: #a78bfa; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0)); + .\32xl\:focus-within\:text-Yellow-yellow:focus-within { + color: var(--yellow-yellow, #ffab00); } - .\32xl\:from-purple-500 { - --tw-gradient-from: #8b5cf6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0)); + .\32xl\:focus-within\:text-Yellow-yellow-100:focus-within { + color: var(--yellow-yellow-100, #ffc44c); } - .\32xl\:from-purple-600 { - --tw-gradient-from: #7c3aed; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0)); + .\32xl\:focus-within\:text-Yellow-yellow-200:focus-within { + color: var(--yellow-yellow-200, #ffd580); } - .\32xl\:from-purple-700 { - --tw-gradient-from: #6d28d9; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0)); + .\32xl\:focus-within\:text-Yellow-yellow-300:focus-within { + color: var(--yellow-yellow-300, #d99d26); } - .\32xl\:from-purple-800 { - --tw-gradient-from: #5b21b6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0)); + .\32xl\:focus-within\:text-Yellow-yellow-400:focus-within { + color: var(--yellow-yellow-400, #bf943f); } - .\32xl\:from-purple-900 { - --tw-gradient-from: #4c1d95; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0)); + .\32xl\:focus-within\:text-Yellow-yellow-500:focus-within { + color: var(--yellow-yellow-500, #e59a00); } - .\32xl\:from-pink-50 { - --tw-gradient-from: #fdf2f8; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0)); + .\32xl\:focus-within\:text-Yellow-yellow-600:focus-within { + color: var(--yellow-yellow-600, #b37800); } - .\32xl\:from-pink-100 { - --tw-gradient-from: #fce7f3; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0)); + .\32xl\:focus-within\:text-Yellow-yellow-700:focus-within { + color: var(--yellow-yellow-700, #664400); } - .\32xl\:from-pink-200 { - --tw-gradient-from: #fbcfe8; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0)); + .\32xl\:focus-within\:text-Notification-notification:focus-within { + color: var(--notification-notification, #3959ff); } - .\32xl\:from-pink-300 { - --tw-gradient-from: #f9a8d4; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0)); + .\32xl\:focus-within\:text-Notification-notification-100:focus-within { + color: var(--notification-notification-100, #748bff); } - .\32xl\:from-pink-400 { - --tw-gradient-from: #f472b6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0)); + .\32xl\:focus-within\:text-Notification-notification-200:focus-within { + color: var(--notification-notification-200, #9cacff); } - .\32xl\:from-pink-500 { - --tw-gradient-from: #ec4899; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0)); + .\32xl\:focus-within\:text-Notification-notification-300:focus-within { + color: var(--notification-notification-300, #4e64d9); } - .\32xl\:from-pink-600 { - --tw-gradient-from: #db2777; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0)); + .\32xl\:focus-within\:text-Notification-notification-400:focus-within { + color: var(--notification-notification-400, #5c6cbf); } - .\32xl\:from-pink-700 { - --tw-gradient-from: #be185d; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0)); + .\32xl\:focus-within\:text-Notification-notification-500:focus-within { + color: var(--notification-notification-500, #3350e5); } - .\32xl\:from-pink-800 { - --tw-gradient-from: #9d174d; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0)); + .\32xl\:focus-within\:text-Notification-notification-600:focus-within { + color: var(--notification-notification-600, #283eb3); } - .\32xl\:from-pink-900 { - --tw-gradient-from: #831843; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0)); + .\32xl\:focus-within\:text-Notification-notification-700:focus-within { + color: var(--notification-notification-700, #172466); } - .\32xl\:hover\:from-transparent:hover { - --tw-gradient-from: transparent; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); + .\32xl\:focus-within\:text-Success-success\ -700:focus-within { + color: var(--success-success-700, #24471f); } - .\32xl\:hover\:from-current:hover { - --tw-gradient-from: currentColor; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + .\32xl\:focus-within\:text-Success-success:focus-within { + color: var(--success-success, #5bb14d); } - .\32xl\:hover\:from-black:hover { - --tw-gradient-from: #000; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); + .\32xl\:focus-within\:text-Success-success\ -100:focus-within { + color: var(--success-success-100, #8cc882); } - .\32xl\:hover\:from-white:hover { - --tw-gradient-from: #fff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + .\32xl\:focus-within\:text-Success-success\ -200:focus-within { + color: var(--success-success-200, #add8a6); } - .\32xl\:hover\:from-gray-50:hover { - --tw-gradient-from: #f9fafb; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0)); + .\32xl\:focus-within\:text-Success-success\ -300:focus-within { + color: var(--success-success-300, #66a25c); } - .\32xl\:hover\:from-gray-100:hover { - --tw-gradient-from: #f3f4f6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0)); + .\32xl\:focus-within\:text-Success-success\ -400:focus-within { + color: var(--success-success-400, #6d9766); } - .\32xl\:hover\:from-gray-200:hover { - --tw-gradient-from: #e5e7eb; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0)); + .\32xl\:focus-within\:text-Success-success\ -500:focus-within { + color: var(--success-success-500, #529f45); } - .\32xl\:hover\:from-gray-300:hover { - --tw-gradient-from: #d1d5db; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0)); + .\32xl\:focus-within\:text-Success-success\ -600:focus-within { + color: var(--success-success-600, #407c36); } - .\32xl\:hover\:from-gray-400:hover { - --tw-gradient-from: #9ca3af; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0)); + .\32xl\:focus-within\:text-Error-error:focus-within { + color: var(--error-error, #f03d3e); } - .\32xl\:hover\:from-gray-500:hover { - --tw-gradient-from: #6b7280; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0)); + .\32xl\:focus-within\:text-Error-error-100:focus-within { + color: var(--error-error-100, #f57778); } - .\32xl\:hover\:from-gray-600:hover { - --tw-gradient-from: #4b5563; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0)); + .\32xl\:focus-within\:text-Error-error-200:focus-within { + color: var(--error-error-200, #f89e9e); } - .\32xl\:hover\:from-gray-700:hover { - --tw-gradient-from: #374151; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0)); + .\32xl\:focus-within\:text-Error-error-250:focus-within { + color: var(--error-error-250, #f9c8c8); } - .\32xl\:hover\:from-gray-800:hover { - --tw-gradient-from: #1f2937; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0)); + .\32xl\:focus-within\:text-Error-error-300:focus-within { + color: var(--error-error-300, #ce5151); } - .\32xl\:hover\:from-gray-900:hover { - --tw-gradient-from: #111827; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0)); + .\32xl\:focus-within\:text-Error-error-400:focus-within { + color: var(--error-error-400, #b85e5e); } - .\32xl\:hover\:from-red-50:hover { - --tw-gradient-from: #fef2f2; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0)); + .\32xl\:focus-within\:text-Error-error-500:focus-within { + color: var(--error-error-500, #d83738); } - .\32xl\:hover\:from-red-100:hover { - --tw-gradient-from: #fee2e2; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0)); + .\32xl\:focus-within\:text-Error-error-600:focus-within { + color: var(--error-error-600, #a82b2b); } - .\32xl\:hover\:from-red-200:hover { - --tw-gradient-from: #fecaca; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0)); + .\32xl\:focus-within\:text-Error-error-700:focus-within { + color: var(--error-error-700, #601819); } - .\32xl\:hover\:from-red-300:hover { - --tw-gradient-from: #fca5a5; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0)); + .\32xl\:hover\:text-colors-black:hover { + color: var(--colors-black, #000000); } - .\32xl\:hover\:from-red-400:hover { - --tw-gradient-from: #f87171; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0)); + .\32xl\:hover\:text-colors-white:hover { + color: var(--colors-white, #ffffff); } - .\32xl\:hover\:from-red-500:hover { - --tw-gradient-from: #ef4444; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0)); + .\32xl\:hover\:text-colors-gray-100:hover { + color: var(--colors-gray-100, #f7fafc); } - .\32xl\:hover\:from-red-600:hover { - --tw-gradient-from: #dc2626; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0)); + .\32xl\:hover\:text-colors-gray-200:hover { + color: var(--colors-gray-200, #edf2f7); } - .\32xl\:hover\:from-red-700:hover { - --tw-gradient-from: #b91c1c; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0)); + .\32xl\:hover\:text-colors-gray-300:hover { + color: var(--colors-gray-300, #e2e8f0); } - .\32xl\:hover\:from-red-800:hover { - --tw-gradient-from: #991b1b; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0)); + .\32xl\:hover\:text-colors-gray-400:hover { + color: var(--colors-gray-400, #cbd5e0); } - .\32xl\:hover\:from-red-900:hover { - --tw-gradient-from: #7f1d1d; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0)); + .\32xl\:hover\:text-colors-gray-500:hover { + color: var(--colors-gray-500, #a0aec0); } - .\32xl\:hover\:from-yellow-50:hover { - --tw-gradient-from: #fffbeb; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0)); + .\32xl\:hover\:text-colors-gray-600:hover { + color: var(--colors-gray-600, #718096); } - .\32xl\:hover\:from-yellow-100:hover { - --tw-gradient-from: #fef3c7; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0)); + .\32xl\:hover\:text-colors-gray-700:hover { + color: var(--colors-gray-700, #4a5568); } - .\32xl\:hover\:from-yellow-200:hover { - --tw-gradient-from: #fde68a; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0)); + .\32xl\:hover\:text-colors-gray-800:hover { + color: var(--colors-gray-800, #2d3748); } - .\32xl\:hover\:from-yellow-300:hover { - --tw-gradient-from: #fcd34d; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0)); + .\32xl\:hover\:text-colors-gray-900:hover { + color: var(--colors-gray-900, #1a202c); } - .\32xl\:hover\:from-yellow-400:hover { - --tw-gradient-from: #fbbf24; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0)); + .\32xl\:hover\:text-colors-red-100:hover { + color: var(--colors-red-100, #fff5f5); } - .\32xl\:hover\:from-yellow-500:hover { - --tw-gradient-from: #f59e0b; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0)); + .\32xl\:hover\:text-colors-red-200:hover { + color: var(--colors-red-200, #fed7d7); } - .\32xl\:hover\:from-yellow-600:hover { - --tw-gradient-from: #d97706; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0)); + .\32xl\:hover\:text-colors-red-300:hover { + color: var(--colors-red-300, #feb2b2); } - .\32xl\:hover\:from-yellow-700:hover { - --tw-gradient-from: #b45309; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0)); + .\32xl\:hover\:text-colors-red-400:hover { + color: var(--colors-red-400, #fc8181); } - .\32xl\:hover\:from-yellow-800:hover { - --tw-gradient-from: #92400e; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0)); + .\32xl\:hover\:text-colors-red-500:hover { + color: var(--colors-red-500, #f56565); } - .\32xl\:hover\:from-yellow-900:hover { - --tw-gradient-from: #78350f; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0)); + .\32xl\:hover\:text-colors-red-600:hover { + color: var(--colors-red-600, #e53e3e); } - .\32xl\:hover\:from-green-50:hover { - --tw-gradient-from: #ecfdf5; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0)); + .\32xl\:hover\:text-colors-red-700:hover { + color: var(--colors-red-700, #c53030); } - .\32xl\:hover\:from-green-100:hover { - --tw-gradient-from: #d1fae5; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0)); + .\32xl\:hover\:text-colors-red-800:hover { + color: var(--colors-red-800, #9b2c2c); } - .\32xl\:hover\:from-green-200:hover { - --tw-gradient-from: #a7f3d0; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0)); + .\32xl\:hover\:text-colors-red-900:hover { + color: var(--colors-red-900, #742a2a); } - .\32xl\:hover\:from-green-300:hover { - --tw-gradient-from: #6ee7b7; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0)); + .\32xl\:hover\:text-colors-orange-100:hover { + color: var(--colors-orange-100, #fffaf0); } - .\32xl\:hover\:from-green-400:hover { - --tw-gradient-from: #34d399; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0)); + .\32xl\:hover\:text-colors-orange-200:hover { + color: var(--colors-orange-200, #feebc8); } - .\32xl\:hover\:from-green-500:hover { - --tw-gradient-from: #10b981; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0)); + .\32xl\:hover\:text-colors-orange-300:hover { + color: var(--colors-orange-300, #fbd38d); } - .\32xl\:hover\:from-green-600:hover { - --tw-gradient-from: #059669; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0)); + .\32xl\:hover\:text-colors-orange-400:hover { + color: var(--colors-orange-400, #f6ad55); } - .\32xl\:hover\:from-green-700:hover { - --tw-gradient-from: #047857; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0)); + .\32xl\:hover\:text-colors-orange-500:hover { + color: var(--colors-orange-500, #ed8936); } - .\32xl\:hover\:from-green-800:hover { - --tw-gradient-from: #065f46; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0)); + .\32xl\:hover\:text-colors-orange-600:hover { + color: var(--colors-orange-600, #dd6b20); } - .\32xl\:hover\:from-green-900:hover { - --tw-gradient-from: #064e3b; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0)); + .\32xl\:hover\:text-colors-orange-700:hover { + color: var(--colors-orange-700, #c05621); } - .\32xl\:hover\:from-blue-50:hover { - --tw-gradient-from: #eff6ff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0)); + .\32xl\:hover\:text-colors-orange-800:hover { + color: var(--colors-orange-800, #9c4221); } - .\32xl\:hover\:from-blue-100:hover { - --tw-gradient-from: #dbeafe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0)); + .\32xl\:hover\:text-colors-orange-900:hover { + color: var(--colors-orange-900, #7b341e); } - .\32xl\:hover\:from-blue-200:hover { - --tw-gradient-from: #bfdbfe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0)); + .\32xl\:hover\:text-colors-yellow-100:hover { + color: var(--colors-yellow-100, #fffff0); } - .\32xl\:hover\:from-blue-300:hover { - --tw-gradient-from: #93c5fd; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0)); + .\32xl\:hover\:text-colors-yellow-200:hover { + color: var(--colors-yellow-200, #fefcbf); } - .\32xl\:hover\:from-blue-400:hover { - --tw-gradient-from: #60a5fa; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0)); + .\32xl\:hover\:text-colors-yellow-300:hover { + color: var(--colors-yellow-300, #faf089); } - .\32xl\:hover\:from-blue-500:hover { - --tw-gradient-from: #3b82f6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0)); + .\32xl\:hover\:text-colors-yellow-400:hover { + color: var(--colors-yellow-400, #f6e05e); } - .\32xl\:hover\:from-blue-600:hover { - --tw-gradient-from: #2563eb; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0)); + .\32xl\:hover\:text-colors-yellow-500:hover { + color: var(--colors-yellow-500, #ecc94b); } - .\32xl\:hover\:from-blue-700:hover { - --tw-gradient-from: #1d4ed8; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0)); + .\32xl\:hover\:text-colors-yellow-600:hover { + color: var(--colors-yellow-600, #d69e2e); } - .\32xl\:hover\:from-blue-800:hover { - --tw-gradient-from: #1e40af; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0)); + .\32xl\:hover\:text-colors-yellow-700:hover { + color: var(--colors-yellow-700, #b7791f); } - .\32xl\:hover\:from-blue-900:hover { - --tw-gradient-from: #1e3a8a; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0)); + .\32xl\:hover\:text-colors-yellow-800:hover { + color: var(--colors-yellow-800, #975a16); } - .\32xl\:hover\:from-indigo-50:hover { - --tw-gradient-from: #eef2ff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0)); + .\32xl\:hover\:text-colors-yellow-900:hover { + color: var(--colors-yellow-900, #744210); } - .\32xl\:hover\:from-indigo-100:hover { - --tw-gradient-from: #e0e7ff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0)); + .\32xl\:hover\:text-colors-green-100:hover { + color: var(--colors-green-100, #f0fff4); } - .\32xl\:hover\:from-indigo-200:hover { - --tw-gradient-from: #c7d2fe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0)); + .\32xl\:hover\:text-colors-green-200:hover { + color: var(--colors-green-200, #c6f6d5); } - .\32xl\:hover\:from-indigo-300:hover { - --tw-gradient-from: #a5b4fc; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0)); + .\32xl\:hover\:text-colors-green-300:hover { + color: var(--colors-green-300, #9ae6b4); } - .\32xl\:hover\:from-indigo-400:hover { - --tw-gradient-from: #818cf8; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0)); + .\32xl\:hover\:text-colors-green-400:hover { + color: var(--colors-green-400, #68d391); } - .\32xl\:hover\:from-indigo-500:hover { - --tw-gradient-from: #6366f1; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0)); + .\32xl\:hover\:text-colors-green-500:hover { + color: var(--colors-green-500, #48bb78); } - .\32xl\:hover\:from-indigo-600:hover { - --tw-gradient-from: #4f46e5; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0)); + .\32xl\:hover\:text-colors-green-600:hover { + color: var(--colors-green-600, #38a169); } - .\32xl\:hover\:from-indigo-700:hover { - --tw-gradient-from: #4338ca; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0)); + .\32xl\:hover\:text-colors-green-700:hover { + color: var(--colors-green-700, #2f855a); } - .\32xl\:hover\:from-indigo-800:hover { - --tw-gradient-from: #3730a3; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0)); + .\32xl\:hover\:text-colors-green-800:hover { + color: var(--colors-green-800, #276749); } - .\32xl\:hover\:from-indigo-900:hover { - --tw-gradient-from: #312e81; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0)); + .\32xl\:hover\:text-colors-green-900:hover { + color: var(--colors-green-900, #22543d); } - .\32xl\:hover\:from-purple-50:hover { - --tw-gradient-from: #f5f3ff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0)); + .\32xl\:hover\:text-colors-teal-100:hover { + color: var(--colors-teal-100, #e6fffa); } - .\32xl\:hover\:from-purple-100:hover { - --tw-gradient-from: #ede9fe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0)); + .\32xl\:hover\:text-colors-teal-200:hover { + color: var(--colors-teal-200, #b2f5ea); } - .\32xl\:hover\:from-purple-200:hover { - --tw-gradient-from: #ddd6fe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0)); + .\32xl\:hover\:text-colors-teal-300:hover { + color: var(--colors-teal-300, #81e6d9); } - .\32xl\:hover\:from-purple-300:hover { - --tw-gradient-from: #c4b5fd; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0)); + .\32xl\:hover\:text-colors-teal-400:hover { + color: var(--colors-teal-400, #4fd1c5); } - .\32xl\:hover\:from-purple-400:hover { - --tw-gradient-from: #a78bfa; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0)); + .\32xl\:hover\:text-colors-teal-500:hover { + color: var(--colors-teal-500, #38b2ac); } - .\32xl\:hover\:from-purple-500:hover { - --tw-gradient-from: #8b5cf6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0)); + .\32xl\:hover\:text-colors-teal-600:hover { + color: var(--colors-teal-600, #319795); } - .\32xl\:hover\:from-purple-600:hover { - --tw-gradient-from: #7c3aed; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0)); + .\32xl\:hover\:text-colors-teal-700:hover { + color: var(--colors-teal-700, #2c7a7b); } - .\32xl\:hover\:from-purple-700:hover { - --tw-gradient-from: #6d28d9; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0)); + .\32xl\:hover\:text-colors-teal-800:hover { + color: var(--colors-teal-800, #285e61); } - .\32xl\:hover\:from-purple-800:hover { - --tw-gradient-from: #5b21b6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0)); + .\32xl\:hover\:text-colors-teal-900:hover { + color: var(--colors-teal-900, #234e52); } - .\32xl\:hover\:from-purple-900:hover { - --tw-gradient-from: #4c1d95; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0)); + .\32xl\:hover\:text-colors-blue-100:hover { + color: var(--colors-blue-100, #ebf8ff); } - .\32xl\:hover\:from-pink-50:hover { - --tw-gradient-from: #fdf2f8; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0)); + .\32xl\:hover\:text-colors-blue-200:hover { + color: var(--colors-blue-200, #bee3f8); } - .\32xl\:hover\:from-pink-100:hover { - --tw-gradient-from: #fce7f3; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0)); + .\32xl\:hover\:text-colors-blue-300:hover { + color: var(--colors-blue-300, #90cdf4); } - .\32xl\:hover\:from-pink-200:hover { - --tw-gradient-from: #fbcfe8; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0)); + .\32xl\:hover\:text-colors-blue-400:hover { + color: var(--colors-blue-400, #63b3ed); } - .\32xl\:hover\:from-pink-300:hover { - --tw-gradient-from: #f9a8d4; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0)); + .\32xl\:hover\:text-colors-blue-500:hover { + color: var(--colors-blue-500, #4299e1); } - .\32xl\:hover\:from-pink-400:hover { - --tw-gradient-from: #f472b6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0)); + .\32xl\:hover\:text-colors-blue-600:hover { + color: var(--colors-blue-600, #3182ce); } - .\32xl\:hover\:from-pink-500:hover { - --tw-gradient-from: #ec4899; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0)); + .\32xl\:hover\:text-colors-blue-700:hover { + color: var(--colors-blue-700, #2b6cb0); } - .\32xl\:hover\:from-pink-600:hover { - --tw-gradient-from: #db2777; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0)); + .\32xl\:hover\:text-colors-blue-800:hover { + color: var(--colors-blue-800, #2c5282); } - .\32xl\:hover\:from-pink-700:hover { - --tw-gradient-from: #be185d; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0)); + .\32xl\:hover\:text-colors-blue-900:hover { + color: var(--colors-blue-900, #2a4365); } - .\32xl\:hover\:from-pink-800:hover { - --tw-gradient-from: #9d174d; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0)); + .\32xl\:hover\:text-colors-indigo-100:hover { + color: var(--colors-indigo-100, #ebf4ff); } - .\32xl\:hover\:from-pink-900:hover { - --tw-gradient-from: #831843; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0)); + .\32xl\:hover\:text-colors-indigo-200:hover { + color: var(--colors-indigo-200, #c3dafe); } - .\32xl\:focus\:from-transparent:focus { - --tw-gradient-from: transparent; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); + .\32xl\:hover\:text-colors-indigo-300:hover { + color: var(--colors-indigo-300, #a3bffa); } - .\32xl\:focus\:from-current:focus { - --tw-gradient-from: currentColor; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + .\32xl\:hover\:text-colors-indigo-400:hover { + color: var(--colors-indigo-400, #7f9cf5); } - .\32xl\:focus\:from-black:focus { - --tw-gradient-from: #000; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); + .\32xl\:hover\:text-colors-indigo-500:hover { + color: var(--colors-indigo-500, #667eea); } - .\32xl\:focus\:from-white:focus { - --tw-gradient-from: #fff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); + .\32xl\:hover\:text-colors-indigo-600:hover { + color: var(--colors-indigo-600, #5a67d8); } - .\32xl\:focus\:from-gray-50:focus { - --tw-gradient-from: #f9fafb; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0)); + .\32xl\:hover\:text-colors-indigo-700:hover { + color: var(--colors-indigo-700, #4c51bf); } - .\32xl\:focus\:from-gray-100:focus { - --tw-gradient-from: #f3f4f6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0)); + .\32xl\:hover\:text-colors-indigo-800:hover { + color: var(--colors-indigo-800, #434190); } - .\32xl\:focus\:from-gray-200:focus { - --tw-gradient-from: #e5e7eb; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0)); + .\32xl\:hover\:text-colors-indigo-900:hover { + color: var(--colors-indigo-900, #3c366b); } - .\32xl\:focus\:from-gray-300:focus { - --tw-gradient-from: #d1d5db; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0)); + .\32xl\:hover\:text-colors-purple-100:hover { + color: var(--colors-purple-100, #faf5ff); } - .\32xl\:focus\:from-gray-400:focus { - --tw-gradient-from: #9ca3af; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0)); + .\32xl\:hover\:text-colors-purple-200:hover { + color: var(--colors-purple-200, #e9d8fd); } - .\32xl\:focus\:from-gray-500:focus { - --tw-gradient-from: #6b7280; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0)); + .\32xl\:hover\:text-colors-purple-300:hover { + color: var(--colors-purple-300, #d6bcfa); } - .\32xl\:focus\:from-gray-600:focus { - --tw-gradient-from: #4b5563; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0)); + .\32xl\:hover\:text-colors-purple-400:hover { + color: var(--colors-purple-400, #b794f4); } - .\32xl\:focus\:from-gray-700:focus { - --tw-gradient-from: #374151; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0)); + .\32xl\:hover\:text-colors-purple-500:hover { + color: var(--colors-purple-500, #9f7aea); } - .\32xl\:focus\:from-gray-800:focus { - --tw-gradient-from: #1f2937; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0)); + .\32xl\:hover\:text-colors-purple-600:hover { + color: var(--colors-purple-600, #805ad5); } - .\32xl\:focus\:from-gray-900:focus { - --tw-gradient-from: #111827; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0)); + .\32xl\:hover\:text-colors-purple-700:hover { + color: var(--colors-purple-700, #6b46c1); } - .\32xl\:focus\:from-red-50:focus { - --tw-gradient-from: #fef2f2; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0)); + .\32xl\:hover\:text-colors-purple-800:hover { + color: var(--colors-purple-800, #553c9a); } - .\32xl\:focus\:from-red-100:focus { - --tw-gradient-from: #fee2e2; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0)); + .\32xl\:hover\:text-colors-purple-900:hover { + color: var(--colors-purple-900, #44337a); } - .\32xl\:focus\:from-red-200:focus { - --tw-gradient-from: #fecaca; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0)); + .\32xl\:hover\:text-colors-pink-100:hover { + color: var(--colors-pink-100, #fff5f7); } - .\32xl\:focus\:from-red-300:focus { - --tw-gradient-from: #fca5a5; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0)); + .\32xl\:hover\:text-colors-pink-200:hover { + color: var(--colors-pink-200, #fed7e2); } - .\32xl\:focus\:from-red-400:focus { - --tw-gradient-from: #f87171; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0)); + .\32xl\:hover\:text-colors-pink-300:hover { + color: var(--colors-pink-300, #fbb6ce); } - .\32xl\:focus\:from-red-500:focus { - --tw-gradient-from: #ef4444; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0)); + .\32xl\:hover\:text-colors-pink-400:hover { + color: var(--colors-pink-400, #f687b3); } - .\32xl\:focus\:from-red-600:focus { - --tw-gradient-from: #dc2626; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0)); + .\32xl\:hover\:text-colors-pink-500:hover { + color: var(--colors-pink-500, #ed64a6); } - .\32xl\:focus\:from-red-700:focus { - --tw-gradient-from: #b91c1c; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0)); + .\32xl\:hover\:text-colors-pink-600:hover { + color: var(--colors-pink-600, #d53f8c); } - .\32xl\:focus\:from-red-800:focus { - --tw-gradient-from: #991b1b; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0)); + .\32xl\:hover\:text-colors-pink-700:hover { + color: var(--colors-pink-700, #b83280); } - .\32xl\:focus\:from-red-900:focus { - --tw-gradient-from: #7f1d1d; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0)); + .\32xl\:hover\:text-colors-pink-800:hover { + color: var(--colors-pink-800, #97266d); } - .\32xl\:focus\:from-yellow-50:focus { - --tw-gradient-from: #fffbeb; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0)); + .\32xl\:hover\:text-colors-pink-900:hover { + color: var(--colors-pink-900, #702459); } - .\32xl\:focus\:from-yellow-100:focus { - --tw-gradient-from: #fef3c7; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0)); + .\32xl\:hover\:text-Box\ Shadow:hover { + color: var(--box-shadow, #7f7e7f); } - .\32xl\:focus\:from-yellow-200:focus { - --tw-gradient-from: #fde68a; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0)); + .\32xl\:hover\:text-Error16:hover { + color: var(--error16, #f03d3e40); } - .\32xl\:focus\:from-yellow-300:focus { - --tw-gradient-from: #fcd34d; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0)); + .\32xl\:hover\:text-Success16:hover { + color: var(--success16, #5bb14d40); } - .\32xl\:focus\:from-yellow-400:focus { - --tw-gradient-from: #fbbf24; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0)); + .\32xl\:hover\:text-Notification16:hover { + color: var(--notification16, #3959ff40); } - .\32xl\:focus\:from-yellow-500:focus { - --tw-gradient-from: #f59e0b; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0)); + .\32xl\:hover\:text-Error8:hover { + color: var(--error8, #f03d3e1a); } - .\32xl\:focus\:from-yellow-600:focus { - --tw-gradient-from: #d97706; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0)); + .\32xl\:hover\:text-Notification8:hover { + color: var(--notification8, #3959ff1a); } - .\32xl\:focus\:from-yellow-700:focus { - --tw-gradient-from: #b45309; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0)); + .\32xl\:hover\:text-Success8:hover { + color: var(--success8, #5bb14d1a); } - .\32xl\:focus\:from-yellow-800:focus { - --tw-gradient-from: #92400e; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0)); + .\32xl\:hover\:text-Light\ -\ Overlay:hover { + color: var(--light-overlay, #f0edee66); } - .\32xl\:focus\:from-yellow-900:focus { - --tw-gradient-from: #78350f; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0)); + .\32xl\:hover\:text-Dark-\ Overlay:hover { + color: var(--dark-overlay, #7f7e7f66); } - .\32xl\:focus\:from-green-50:focus { - --tw-gradient-from: #ecfdf5; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0)); + .\32xl\:hover\:text-black-40:hover { + color: var(--black-40, #00000066); } - .\32xl\:focus\:from-green-100:focus { - --tw-gradient-from: #d1fae5; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0)); + .\32xl\:hover\:text-black-75:hover { + color: var(--black-75, #000000bf); } - .\32xl\:focus\:from-green-200:focus { - --tw-gradient-from: #a7f3d0; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0)); + .\32xl\:hover\:text-black-60:hover { + color: var(--black-60, #00000099); } - .\32xl\:focus\:from-green-300:focus { - --tw-gradient-from: #6ee7b7; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0)); + .\32xl\:hover\:text-black-50:hover { + color: var(--black-50, #00000080); } - .\32xl\:focus\:from-green-400:focus { - --tw-gradient-from: #34d399; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0)); + .\32xl\:hover\:text-black-25:hover { + color: var(--black-25, #00000040); } - .\32xl\:focus\:from-green-500:focus { - --tw-gradient-from: #10b981; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0)); + .\32xl\:hover\:text-black-10:hover { + color: var(--black-10, #0000001a); } - .\32xl\:focus\:from-green-600:focus { - --tw-gradient-from: #059669; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0)); + .\32xl\:hover\:text-white-25:hover { + color: var(--white-25, #ffffff40); } - .\32xl\:focus\:from-green-700:focus { - --tw-gradient-from: #047857; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0)); + .\32xl\:hover\:text-white-60:hover { + color: var(--white-60, #ffffff99); } - .\32xl\:focus\:from-green-800:focus { - --tw-gradient-from: #065f46; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0)); + .\32xl\:hover\:text-black-64:hover { + color: var(--black-64, #000000a3); } - .\32xl\:focus\:from-green-900:focus { - --tw-gradient-from: #064e3b; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0)); + .\32xl\:hover\:text-Shadow\ and\ Highlight-Shadow:hover { + color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .\32xl\:focus\:from-blue-50:focus { - --tw-gradient-from: #eff6ff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0)); + .\32xl\:hover\:text-Shadow\ and\ Highlight-Highlight:hover { + color: var(--shadow-and-highlight-highlight, #474747); } - .\32xl\:focus\:from-blue-100:focus { - --tw-gradient-from: #dbeafe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0)); + .\32xl\:hover\:text-Shadow\ and\ Highlight-highlight\ one:hover { + color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .\32xl\:focus\:from-blue-200:focus { - --tw-gradient-from: #bfdbfe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0)); + .\32xl\:hover\:text-Shadow\ and\ Highlight-highlight\ two:hover { + color: var(--shadow-and-highlight-highlight-two, #47474799); } - .\32xl\:focus\:from-blue-300:focus { - --tw-gradient-from: #93c5fd; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0)); + .\32xl\:hover\:text-Shadow\ and\ Highlight-highlight\ three:hover { + color: var(--shadow-and-highlight-highlight-three, #47474766); } - .\32xl\:focus\:from-blue-400:focus { - --tw-gradient-from: #60a5fa; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0)); + .\32xl\:hover\:text-Shadow\ and\ Highlight-highlight\ five:hover { + color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .\32xl\:focus\:from-blue-500:focus { - --tw-gradient-from: #3b82f6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0)); + .\32xl\:hover\:text-Shadow\ and\ Highlight-shadow\ one:hover { + color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .\32xl\:focus\:from-blue-600:focus { - --tw-gradient-from: #2563eb; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0)); + .\32xl\:hover\:text-Shadow\ and\ Highlight-shadow\ two:hover { + color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .\32xl\:focus\:from-blue-700:focus { - --tw-gradient-from: #1d4ed8; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0)); + .\32xl\:hover\:text-Shadow\ and\ Highlight-shadow\ three:hover { + color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .\32xl\:focus\:from-blue-800:focus { - --tw-gradient-from: #1e40af; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0)); + .\32xl\:hover\:text-Shadow\ and\ Highlight-shadow\ four:hover { + color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .\32xl\:focus\:from-blue-900:focus { - --tw-gradient-from: #1e3a8a; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0)); + .\32xl\:hover\:text-Shadow\ and\ Highlight-shadow\ five:hover { + color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .\32xl\:focus\:from-indigo-50:focus { - --tw-gradient-from: #eef2ff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0)); + .\32xl\:hover\:text-Shadow\ and\ Highlight-highlight\ four:hover { + color: var(--shadow-and-highlight-highlight-four, #47474740); } - .\32xl\:focus\:from-indigo-100:focus { - --tw-gradient-from: #e0e7ff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0)); + .\32xl\:hover\:text-Base\ Layer\ Styles-Base\ Layer-\ Light-White:hover { + color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .\32xl\:focus\:from-indigo-200:focus { - --tw-gradient-from: #c7d2fe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0)); + .\32xl\:hover\:text-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:hover { + color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .\32xl\:focus\:from-indigo-300:focus { - --tw-gradient-from: #a5b4fc; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0)); + .\32xl\:hover\:text-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:hover { + color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .\32xl\:focus\:from-indigo-400:focus { - --tw-gradient-from: #818cf8; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0)); + .\32xl\:hover\:text-Base\ Layer\ Styles-Base\ Layer-Dark-Black:hover { + color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .\32xl\:focus\:from-indigo-500:focus { - --tw-gradient-from: #6366f1; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0)); + .\32xl\:hover\:text-Grey-Scale-white:hover { + color: var(--grey-scale-white, #ffffff); } - .\32xl\:focus\:from-indigo-600:focus { - --tw-gradient-from: #4f46e5; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0)); + .\32xl\:hover\:text-Grey-Scale-off-white:hover { + color: var(--grey-scale-off-white, #f0edee); } - .\32xl\:focus\:from-indigo-700:focus { - --tw-gradient-from: #4338ca; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0)); + .\32xl\:hover\:text-Grey\ Scale-grey:hover { + color: var(--grey-scale-grey, #7f7e7f); } - .\32xl\:focus\:from-indigo-800:focus { - --tw-gradient-from: #3730a3; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0)); + .\32xl\:hover\:text-Grey\ Scale-charcoal:hover { + color: var(--grey-scale-charcoal, #474747); } - .\32xl\:focus\:from-indigo-900:focus { - --tw-gradient-from: #312e81; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0)); + .\32xl\:hover\:text-Grey\ Scale-off-black:hover { + color: var(--grey-scale-off-black, #1c1c1c); } - .\32xl\:focus\:from-purple-50:focus { - --tw-gradient-from: #f5f3ff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0)); + .\32xl\:hover\:text-Grey\ Scale-black:hover { + color: var(--grey-scale-black, #000000); } - .\32xl\:focus\:from-purple-100:focus { - --tw-gradient-from: #ede9fe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0)); + .\32xl\:hover\:text-Blue-blue:hover { + color: var(--blue-blue, #3a7ca5); } - .\32xl\:focus\:from-purple-200:focus { - --tw-gradient-from: #ddd6fe; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0)); + .\32xl\:hover\:text-Blue-blue-100:hover { + color: var(--blue-blue-100, #75a3c0); } - .\32xl\:focus\:from-purple-300:focus { - --tw-gradient-from: #c4b5fd; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0)); + .\32xl\:hover\:text-Blue-blue-200:hover { + color: var(--blue-blue-200, #9cbed2); } - .\32xl\:focus\:from-purple-400:focus { - --tw-gradient-from: #a78bfa; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0)); + .\32xl\:hover\:text-Blue-blue-300:hover { + color: var(--blue-blue-300, #4f7d9a); } - .\32xl\:focus\:from-purple-500:focus { - --tw-gradient-from: #8b5cf6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0)); + .\32xl\:hover\:text-Blue-blue-400:hover { + color: var(--blue-blue-400, #5c7d92); } - .\32xl\:focus\:from-purple-600:focus { - --tw-gradient-from: #7c3aed; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0)); + .\32xl\:hover\:text-Blue-blue-500:hover { + color: var(--blue-blue-500, #347095); } - .\32xl\:focus\:from-purple-700:focus { - --tw-gradient-from: #6d28d9; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0)); + .\32xl\:hover\:text-Blue-blue-600:hover { + color: var(--blue-blue-600, #295774); } - .\32xl\:focus\:from-purple-800:focus { - --tw-gradient-from: #5b21b6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0)); + .\32xl\:hover\:text-Blue-blue-700:hover { + color: var(--blue-blue-700, #173242); } - .\32xl\:focus\:from-purple-900:focus { - --tw-gradient-from: #4c1d95; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0)); + .\32xl\:hover\:text-LightBlue-lightblue:hover { + color: var(--light-blue-lightblue, #81c3d7); } - .\32xl\:focus\:from-pink-50:focus { - --tw-gradient-from: #fdf2f8; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0)); + .\32xl\:hover\:text-LightBlue-lightblue-100:hover { + color: var(--light-blue-lightblue-100, #a7d5e3); } - .\32xl\:focus\:from-pink-100:focus { - --tw-gradient-from: #fce7f3; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0)); + .\32xl\:hover\:text-LightBlue-lightblue-200:hover { + color: var(--light-blue-lightblue-200, #c0e1eb); } - .\32xl\:focus\:from-pink-200:focus { - --tw-gradient-from: #fbcfe8; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0)); + .\32xl\:hover\:text-LightBlue-lightblue-300:hover { + color: var(--light-blue-lightblue-300, #80aebd); } - .\32xl\:focus\:from-pink-300:focus { - --tw-gradient-from: #f9a8d4; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0)); + .\32xl\:hover\:text-LightBlue-lightblue-400:hover { + color: var(--light-blue-lightblue-400, #80a0ab); } - .\32xl\:focus\:from-pink-400:focus { - --tw-gradient-from: #f472b6; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0)); + .\32xl\:hover\:text-LightBlue-lightblue-500:hover { + color: var(--light-blue-lightblue-500, #74afc1); } - .\32xl\:focus\:from-pink-500:focus { - --tw-gradient-from: #ec4899; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0)); + .\32xl\:hover\:text-LightBlue-lightblue-600:hover { + color: var(--light-blue-lightblue-600, #5a8997); } - .\32xl\:focus\:from-pink-600:focus { - --tw-gradient-from: #db2777; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0)); + .\32xl\:hover\:text-LightBlue-lightblue-650:hover { + color: var(--light-blue-lightblue-650, #3e5e65); } - .\32xl\:focus\:from-pink-700:focus { - --tw-gradient-from: #be185d; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0)); + .\32xl\:hover\:text-LightBlue-lightblue-700:hover { + color: var(--light-blue-lightblue-700, #344e56); } - .\32xl\:focus\:from-pink-800:focus { - --tw-gradient-from: #9d174d; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0)); + .\32xl\:hover\:text-Orange-orange:hover { + color: var(--orange-orange, #ff7f0e); } - .\32xl\:focus\:from-pink-900:focus { - --tw-gradient-from: #831843; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0)); + .\32xl\:hover\:text-Orange-orange-100:hover { + color: var(--orange-orange-100, #ffa556); } - .\32xl\:via-transparent { - --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0)); + .\32xl\:hover\:text-Orange-orange-200:hover { + color: var(--orange-orange-200, #ffbf86); } - .\32xl\:via-current { - --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0)); + .\32xl\:hover\:text-Orange-orange-300:hover { + color: var(--orange-orange-300, #d97f30); } - .\32xl\:via-black { - --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0)); + .\32xl\:hover\:text-Orange-orange-400:hover { + color: var(--orange-orange-400, #bf7e46); } - .\32xl\:via-white { - --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0)); + .\32xl\:hover\:text-Orange-orange-500:hover { + color: var(--orange-orange-500, #e5720d); } - .\32xl\:via-gray-50 { - --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0)); + .\32xl\:hover\:text-Orange-orange-600:hover { + color: var(--orange-orange-600, #b3590a); } - .\32xl\:via-gray-100 { - --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0)); + .\32xl\:hover\:text-Orange-orange-700:hover { + color: var(--orange-orange-700, #663306); } - .\32xl\:via-gray-200 { - --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0)); + .\32xl\:hover\:text-Yellow-yellow:hover { + color: var(--yellow-yellow, #ffab00); } - .\32xl\:via-gray-300 { - --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0)); + .\32xl\:hover\:text-Yellow-yellow-100:hover { + color: var(--yellow-yellow-100, #ffc44c); } - .\32xl\:via-gray-400 { - --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0)); + .\32xl\:hover\:text-Yellow-yellow-200:hover { + color: var(--yellow-yellow-200, #ffd580); } - .\32xl\:via-gray-500 { - --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0)); + .\32xl\:hover\:text-Yellow-yellow-300:hover { + color: var(--yellow-yellow-300, #d99d26); } - .\32xl\:via-gray-600 { - --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0)); + .\32xl\:hover\:text-Yellow-yellow-400:hover { + color: var(--yellow-yellow-400, #bf943f); } - .\32xl\:via-gray-700 { - --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0)); + .\32xl\:hover\:text-Yellow-yellow-500:hover { + color: var(--yellow-yellow-500, #e59a00); } - .\32xl\:via-gray-800 { - --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0)); + .\32xl\:hover\:text-Yellow-yellow-600:hover { + color: var(--yellow-yellow-600, #b37800); } - .\32xl\:via-gray-900 { - --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0)); + .\32xl\:hover\:text-Yellow-yellow-700:hover { + color: var(--yellow-yellow-700, #664400); } - .\32xl\:via-red-50 { - --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0)); + .\32xl\:hover\:text-Notification-notification:hover { + color: var(--notification-notification, #3959ff); } - .\32xl\:via-red-100 { - --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0)); + .\32xl\:hover\:text-Notification-notification-100:hover { + color: var(--notification-notification-100, #748bff); } - .\32xl\:via-red-200 { - --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0)); + .\32xl\:hover\:text-Notification-notification-200:hover { + color: var(--notification-notification-200, #9cacff); } - .\32xl\:via-red-300 { - --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0)); + .\32xl\:hover\:text-Notification-notification-300:hover { + color: var(--notification-notification-300, #4e64d9); } - .\32xl\:via-red-400 { - --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0)); + .\32xl\:hover\:text-Notification-notification-400:hover { + color: var(--notification-notification-400, #5c6cbf); } - .\32xl\:via-red-500 { - --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0)); + .\32xl\:hover\:text-Notification-notification-500:hover { + color: var(--notification-notification-500, #3350e5); } - .\32xl\:via-red-600 { - --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0)); + .\32xl\:hover\:text-Notification-notification-600:hover { + color: var(--notification-notification-600, #283eb3); } - .\32xl\:via-red-700 { - --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0)); + .\32xl\:hover\:text-Notification-notification-700:hover { + color: var(--notification-notification-700, #172466); } - .\32xl\:via-red-800 { - --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0)); + .\32xl\:hover\:text-Success-success\ -700:hover { + color: var(--success-success-700, #24471f); } - .\32xl\:via-red-900 { - --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0)); + .\32xl\:hover\:text-Success-success:hover { + color: var(--success-success, #5bb14d); } - .\32xl\:via-yellow-50 { - --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0)); + .\32xl\:hover\:text-Success-success\ -100:hover { + color: var(--success-success-100, #8cc882); } - .\32xl\:via-yellow-100 { - --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0)); + .\32xl\:hover\:text-Success-success\ -200:hover { + color: var(--success-success-200, #add8a6); } - .\32xl\:via-yellow-200 { - --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0)); + .\32xl\:hover\:text-Success-success\ -300:hover { + color: var(--success-success-300, #66a25c); } - .\32xl\:via-yellow-300 { - --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0)); + .\32xl\:hover\:text-Success-success\ -400:hover { + color: var(--success-success-400, #6d9766); } - .\32xl\:via-yellow-400 { - --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0)); + .\32xl\:hover\:text-Success-success\ -500:hover { + color: var(--success-success-500, #529f45); } - .\32xl\:via-yellow-500 { - --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0)); + .\32xl\:hover\:text-Success-success\ -600:hover { + color: var(--success-success-600, #407c36); } - .\32xl\:via-yellow-600 { - --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0)); + .\32xl\:hover\:text-Error-error:hover { + color: var(--error-error, #f03d3e); } - .\32xl\:via-yellow-700 { - --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0)); + .\32xl\:hover\:text-Error-error-100:hover { + color: var(--error-error-100, #f57778); } - .\32xl\:via-yellow-800 { - --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0)); + .\32xl\:hover\:text-Error-error-200:hover { + color: var(--error-error-200, #f89e9e); } - .\32xl\:via-yellow-900 { - --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0)); + .\32xl\:hover\:text-Error-error-250:hover { + color: var(--error-error-250, #f9c8c8); } - .\32xl\:via-green-50 { - --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0)); + .\32xl\:hover\:text-Error-error-300:hover { + color: var(--error-error-300, #ce5151); } - .\32xl\:via-green-100 { - --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0)); + .\32xl\:hover\:text-Error-error-400:hover { + color: var(--error-error-400, #b85e5e); } - .\32xl\:via-green-200 { - --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0)); + .\32xl\:hover\:text-Error-error-500:hover { + color: var(--error-error-500, #d83738); } - .\32xl\:via-green-300 { - --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0)); + .\32xl\:hover\:text-Error-error-600:hover { + color: var(--error-error-600, #a82b2b); } - .\32xl\:via-green-400 { - --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0)); + .\32xl\:hover\:text-Error-error-700:hover { + color: var(--error-error-700, #601819); } - .\32xl\:via-green-500 { - --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0)); + .\32xl\:focus\:text-colors-black:focus { + color: var(--colors-black, #000000); } - .\32xl\:via-green-600 { - --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0)); + .\32xl\:focus\:text-colors-white:focus { + color: var(--colors-white, #ffffff); } - .\32xl\:via-green-700 { - --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0)); + .\32xl\:focus\:text-colors-gray-100:focus { + color: var(--colors-gray-100, #f7fafc); } - .\32xl\:via-green-800 { - --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0)); + .\32xl\:focus\:text-colors-gray-200:focus { + color: var(--colors-gray-200, #edf2f7); } - .\32xl\:via-green-900 { - --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0)); + .\32xl\:focus\:text-colors-gray-300:focus { + color: var(--colors-gray-300, #e2e8f0); } - .\32xl\:via-blue-50 { - --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0)); + .\32xl\:focus\:text-colors-gray-400:focus { + color: var(--colors-gray-400, #cbd5e0); } - .\32xl\:via-blue-100 { - --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0)); + .\32xl\:focus\:text-colors-gray-500:focus { + color: var(--colors-gray-500, #a0aec0); } - .\32xl\:via-blue-200 { - --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0)); + .\32xl\:focus\:text-colors-gray-600:focus { + color: var(--colors-gray-600, #718096); } - .\32xl\:via-blue-300 { - --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0)); + .\32xl\:focus\:text-colors-gray-700:focus { + color: var(--colors-gray-700, #4a5568); } - .\32xl\:via-blue-400 { - --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0)); + .\32xl\:focus\:text-colors-gray-800:focus { + color: var(--colors-gray-800, #2d3748); } - .\32xl\:via-blue-500 { - --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0)); + .\32xl\:focus\:text-colors-gray-900:focus { + color: var(--colors-gray-900, #1a202c); } - .\32xl\:via-blue-600 { - --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0)); + .\32xl\:focus\:text-colors-red-100:focus { + color: var(--colors-red-100, #fff5f5); } - .\32xl\:via-blue-700 { - --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0)); + .\32xl\:focus\:text-colors-red-200:focus { + color: var(--colors-red-200, #fed7d7); } - .\32xl\:via-blue-800 { - --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0)); + .\32xl\:focus\:text-colors-red-300:focus { + color: var(--colors-red-300, #feb2b2); } - .\32xl\:via-blue-900 { - --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0)); + .\32xl\:focus\:text-colors-red-400:focus { + color: var(--colors-red-400, #fc8181); } - .\32xl\:via-indigo-50 { - --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0)); + .\32xl\:focus\:text-colors-red-500:focus { + color: var(--colors-red-500, #f56565); } - .\32xl\:via-indigo-100 { - --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0)); + .\32xl\:focus\:text-colors-red-600:focus { + color: var(--colors-red-600, #e53e3e); } - .\32xl\:via-indigo-200 { - --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0)); + .\32xl\:focus\:text-colors-red-700:focus { + color: var(--colors-red-700, #c53030); } - .\32xl\:via-indigo-300 { - --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0)); + .\32xl\:focus\:text-colors-red-800:focus { + color: var(--colors-red-800, #9b2c2c); } - .\32xl\:via-indigo-400 { - --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0)); + .\32xl\:focus\:text-colors-red-900:focus { + color: var(--colors-red-900, #742a2a); } - .\32xl\:via-indigo-500 { - --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0)); + .\32xl\:focus\:text-colors-orange-100:focus { + color: var(--colors-orange-100, #fffaf0); } - .\32xl\:via-indigo-600 { - --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0)); + .\32xl\:focus\:text-colors-orange-200:focus { + color: var(--colors-orange-200, #feebc8); } - .\32xl\:via-indigo-700 { - --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0)); + .\32xl\:focus\:text-colors-orange-300:focus { + color: var(--colors-orange-300, #fbd38d); } - .\32xl\:via-indigo-800 { - --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0)); + .\32xl\:focus\:text-colors-orange-400:focus { + color: var(--colors-orange-400, #f6ad55); } - .\32xl\:via-indigo-900 { - --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0)); + .\32xl\:focus\:text-colors-orange-500:focus { + color: var(--colors-orange-500, #ed8936); } - .\32xl\:via-purple-50 { - --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0)); + .\32xl\:focus\:text-colors-orange-600:focus { + color: var(--colors-orange-600, #dd6b20); } - .\32xl\:via-purple-100 { - --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0)); + .\32xl\:focus\:text-colors-orange-700:focus { + color: var(--colors-orange-700, #c05621); } - .\32xl\:via-purple-200 { - --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0)); + .\32xl\:focus\:text-colors-orange-800:focus { + color: var(--colors-orange-800, #9c4221); } - .\32xl\:via-purple-300 { - --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0)); + .\32xl\:focus\:text-colors-orange-900:focus { + color: var(--colors-orange-900, #7b341e); } - .\32xl\:via-purple-400 { - --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0)); + .\32xl\:focus\:text-colors-yellow-100:focus { + color: var(--colors-yellow-100, #fffff0); } - .\32xl\:via-purple-500 { - --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0)); + .\32xl\:focus\:text-colors-yellow-200:focus { + color: var(--colors-yellow-200, #fefcbf); } - .\32xl\:via-purple-600 { - --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0)); + .\32xl\:focus\:text-colors-yellow-300:focus { + color: var(--colors-yellow-300, #faf089); } - .\32xl\:via-purple-700 { - --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0)); + .\32xl\:focus\:text-colors-yellow-400:focus { + color: var(--colors-yellow-400, #f6e05e); } - .\32xl\:via-purple-800 { - --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0)); + .\32xl\:focus\:text-colors-yellow-500:focus { + color: var(--colors-yellow-500, #ecc94b); } - .\32xl\:via-purple-900 { - --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0)); + .\32xl\:focus\:text-colors-yellow-600:focus { + color: var(--colors-yellow-600, #d69e2e); } - .\32xl\:via-pink-50 { - --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0)); + .\32xl\:focus\:text-colors-yellow-700:focus { + color: var(--colors-yellow-700, #b7791f); } - .\32xl\:via-pink-100 { - --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0)); + .\32xl\:focus\:text-colors-yellow-800:focus { + color: var(--colors-yellow-800, #975a16); } - .\32xl\:via-pink-200 { - --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0)); + .\32xl\:focus\:text-colors-yellow-900:focus { + color: var(--colors-yellow-900, #744210); } - .\32xl\:via-pink-300 { - --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0)); + .\32xl\:focus\:text-colors-green-100:focus { + color: var(--colors-green-100, #f0fff4); } - .\32xl\:via-pink-400 { - --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0)); + .\32xl\:focus\:text-colors-green-200:focus { + color: var(--colors-green-200, #c6f6d5); } - .\32xl\:via-pink-500 { - --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0)); + .\32xl\:focus\:text-colors-green-300:focus { + color: var(--colors-green-300, #9ae6b4); } - .\32xl\:via-pink-600 { - --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0)); + .\32xl\:focus\:text-colors-green-400:focus { + color: var(--colors-green-400, #68d391); } - .\32xl\:via-pink-700 { - --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0)); + .\32xl\:focus\:text-colors-green-500:focus { + color: var(--colors-green-500, #48bb78); } - .\32xl\:via-pink-800 { - --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0)); + .\32xl\:focus\:text-colors-green-600:focus { + color: var(--colors-green-600, #38a169); } - .\32xl\:via-pink-900 { - --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0)); + .\32xl\:focus\:text-colors-green-700:focus { + color: var(--colors-green-700, #2f855a); } - .\32xl\:hover\:via-transparent:hover { - --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0)); + .\32xl\:focus\:text-colors-green-800:focus { + color: var(--colors-green-800, #276749); } - .\32xl\:hover\:via-current:hover { - --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0)); + .\32xl\:focus\:text-colors-green-900:focus { + color: var(--colors-green-900, #22543d); } - .\32xl\:hover\:via-black:hover { - --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0)); + .\32xl\:focus\:text-colors-teal-100:focus { + color: var(--colors-teal-100, #e6fffa); } - .\32xl\:hover\:via-white:hover { - --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0)); + .\32xl\:focus\:text-colors-teal-200:focus { + color: var(--colors-teal-200, #b2f5ea); } - .\32xl\:hover\:via-gray-50:hover { - --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0)); + .\32xl\:focus\:text-colors-teal-300:focus { + color: var(--colors-teal-300, #81e6d9); } - .\32xl\:hover\:via-gray-100:hover { - --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0)); + .\32xl\:focus\:text-colors-teal-400:focus { + color: var(--colors-teal-400, #4fd1c5); } - .\32xl\:hover\:via-gray-200:hover { - --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0)); + .\32xl\:focus\:text-colors-teal-500:focus { + color: var(--colors-teal-500, #38b2ac); } - .\32xl\:hover\:via-gray-300:hover { - --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0)); + .\32xl\:focus\:text-colors-teal-600:focus { + color: var(--colors-teal-600, #319795); } - .\32xl\:hover\:via-gray-400:hover { - --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0)); + .\32xl\:focus\:text-colors-teal-700:focus { + color: var(--colors-teal-700, #2c7a7b); } - .\32xl\:hover\:via-gray-500:hover { - --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0)); + .\32xl\:focus\:text-colors-teal-800:focus { + color: var(--colors-teal-800, #285e61); } - .\32xl\:hover\:via-gray-600:hover { - --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0)); + .\32xl\:focus\:text-colors-teal-900:focus { + color: var(--colors-teal-900, #234e52); } - .\32xl\:hover\:via-gray-700:hover { - --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0)); + .\32xl\:focus\:text-colors-blue-100:focus { + color: var(--colors-blue-100, #ebf8ff); } - .\32xl\:hover\:via-gray-800:hover { - --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0)); + .\32xl\:focus\:text-colors-blue-200:focus { + color: var(--colors-blue-200, #bee3f8); } - .\32xl\:hover\:via-gray-900:hover { - --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0)); + .\32xl\:focus\:text-colors-blue-300:focus { + color: var(--colors-blue-300, #90cdf4); } - .\32xl\:hover\:via-red-50:hover { - --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0)); + .\32xl\:focus\:text-colors-blue-400:focus { + color: var(--colors-blue-400, #63b3ed); } - .\32xl\:hover\:via-red-100:hover { - --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0)); + .\32xl\:focus\:text-colors-blue-500:focus { + color: var(--colors-blue-500, #4299e1); } - .\32xl\:hover\:via-red-200:hover { - --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0)); + .\32xl\:focus\:text-colors-blue-600:focus { + color: var(--colors-blue-600, #3182ce); } - .\32xl\:hover\:via-red-300:hover { - --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0)); + .\32xl\:focus\:text-colors-blue-700:focus { + color: var(--colors-blue-700, #2b6cb0); } - .\32xl\:hover\:via-red-400:hover { - --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0)); + .\32xl\:focus\:text-colors-blue-800:focus { + color: var(--colors-blue-800, #2c5282); } - .\32xl\:hover\:via-red-500:hover { - --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0)); + .\32xl\:focus\:text-colors-blue-900:focus { + color: var(--colors-blue-900, #2a4365); } - .\32xl\:hover\:via-red-600:hover { - --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0)); + .\32xl\:focus\:text-colors-indigo-100:focus { + color: var(--colors-indigo-100, #ebf4ff); } - .\32xl\:hover\:via-red-700:hover { - --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0)); + .\32xl\:focus\:text-colors-indigo-200:focus { + color: var(--colors-indigo-200, #c3dafe); } - .\32xl\:hover\:via-red-800:hover { - --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0)); + .\32xl\:focus\:text-colors-indigo-300:focus { + color: var(--colors-indigo-300, #a3bffa); } - .\32xl\:hover\:via-red-900:hover { - --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0)); + .\32xl\:focus\:text-colors-indigo-400:focus { + color: var(--colors-indigo-400, #7f9cf5); } - .\32xl\:hover\:via-yellow-50:hover { - --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0)); + .\32xl\:focus\:text-colors-indigo-500:focus { + color: var(--colors-indigo-500, #667eea); } - .\32xl\:hover\:via-yellow-100:hover { - --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0)); + .\32xl\:focus\:text-colors-indigo-600:focus { + color: var(--colors-indigo-600, #5a67d8); } - .\32xl\:hover\:via-yellow-200:hover { - --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0)); + .\32xl\:focus\:text-colors-indigo-700:focus { + color: var(--colors-indigo-700, #4c51bf); } - .\32xl\:hover\:via-yellow-300:hover { - --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0)); + .\32xl\:focus\:text-colors-indigo-800:focus { + color: var(--colors-indigo-800, #434190); } - .\32xl\:hover\:via-yellow-400:hover { - --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0)); + .\32xl\:focus\:text-colors-indigo-900:focus { + color: var(--colors-indigo-900, #3c366b); } - .\32xl\:hover\:via-yellow-500:hover { - --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0)); + .\32xl\:focus\:text-colors-purple-100:focus { + color: var(--colors-purple-100, #faf5ff); } - .\32xl\:hover\:via-yellow-600:hover { - --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0)); + .\32xl\:focus\:text-colors-purple-200:focus { + color: var(--colors-purple-200, #e9d8fd); } - .\32xl\:hover\:via-yellow-700:hover { - --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0)); + .\32xl\:focus\:text-colors-purple-300:focus { + color: var(--colors-purple-300, #d6bcfa); } - .\32xl\:hover\:via-yellow-800:hover { - --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0)); + .\32xl\:focus\:text-colors-purple-400:focus { + color: var(--colors-purple-400, #b794f4); } - .\32xl\:hover\:via-yellow-900:hover { - --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0)); + .\32xl\:focus\:text-colors-purple-500:focus { + color: var(--colors-purple-500, #9f7aea); } - .\32xl\:hover\:via-green-50:hover { - --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0)); + .\32xl\:focus\:text-colors-purple-600:focus { + color: var(--colors-purple-600, #805ad5); } - .\32xl\:hover\:via-green-100:hover { - --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0)); + .\32xl\:focus\:text-colors-purple-700:focus { + color: var(--colors-purple-700, #6b46c1); } - .\32xl\:hover\:via-green-200:hover { - --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0)); + .\32xl\:focus\:text-colors-purple-800:focus { + color: var(--colors-purple-800, #553c9a); } - .\32xl\:hover\:via-green-300:hover { - --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0)); + .\32xl\:focus\:text-colors-purple-900:focus { + color: var(--colors-purple-900, #44337a); } - .\32xl\:hover\:via-green-400:hover { - --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0)); + .\32xl\:focus\:text-colors-pink-100:focus { + color: var(--colors-pink-100, #fff5f7); } - .\32xl\:hover\:via-green-500:hover { - --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0)); + .\32xl\:focus\:text-colors-pink-200:focus { + color: var(--colors-pink-200, #fed7e2); } - .\32xl\:hover\:via-green-600:hover { - --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0)); + .\32xl\:focus\:text-colors-pink-300:focus { + color: var(--colors-pink-300, #fbb6ce); } - .\32xl\:hover\:via-green-700:hover { - --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0)); + .\32xl\:focus\:text-colors-pink-400:focus { + color: var(--colors-pink-400, #f687b3); } - .\32xl\:hover\:via-green-800:hover { - --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0)); + .\32xl\:focus\:text-colors-pink-500:focus { + color: var(--colors-pink-500, #ed64a6); } - .\32xl\:hover\:via-green-900:hover { - --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0)); + .\32xl\:focus\:text-colors-pink-600:focus { + color: var(--colors-pink-600, #d53f8c); } - .\32xl\:hover\:via-blue-50:hover { - --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0)); + .\32xl\:focus\:text-colors-pink-700:focus { + color: var(--colors-pink-700, #b83280); } - .\32xl\:hover\:via-blue-100:hover { - --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0)); + .\32xl\:focus\:text-colors-pink-800:focus { + color: var(--colors-pink-800, #97266d); } - .\32xl\:hover\:via-blue-200:hover { - --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0)); + .\32xl\:focus\:text-colors-pink-900:focus { + color: var(--colors-pink-900, #702459); } - .\32xl\:hover\:via-blue-300:hover { - --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0)); + .\32xl\:focus\:text-Box\ Shadow:focus { + color: var(--box-shadow, #7f7e7f); } - .\32xl\:hover\:via-blue-400:hover { - --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0)); + .\32xl\:focus\:text-Error16:focus { + color: var(--error16, #f03d3e40); } - .\32xl\:hover\:via-blue-500:hover { - --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0)); + .\32xl\:focus\:text-Success16:focus { + color: var(--success16, #5bb14d40); } - .\32xl\:hover\:via-blue-600:hover { - --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0)); + .\32xl\:focus\:text-Notification16:focus { + color: var(--notification16, #3959ff40); } - .\32xl\:hover\:via-blue-700:hover { - --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0)); + .\32xl\:focus\:text-Error8:focus { + color: var(--error8, #f03d3e1a); } - .\32xl\:hover\:via-blue-800:hover { - --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0)); + .\32xl\:focus\:text-Notification8:focus { + color: var(--notification8, #3959ff1a); } - .\32xl\:hover\:via-blue-900:hover { - --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0)); + .\32xl\:focus\:text-Success8:focus { + color: var(--success8, #5bb14d1a); } - .\32xl\:hover\:via-indigo-50:hover { - --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0)); + .\32xl\:focus\:text-Light\ -\ Overlay:focus { + color: var(--light-overlay, #f0edee66); } - .\32xl\:hover\:via-indigo-100:hover { - --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0)); + .\32xl\:focus\:text-Dark-\ Overlay:focus { + color: var(--dark-overlay, #7f7e7f66); } - .\32xl\:hover\:via-indigo-200:hover { - --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0)); + .\32xl\:focus\:text-black-40:focus { + color: var(--black-40, #00000066); } - .\32xl\:hover\:via-indigo-300:hover { - --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0)); + .\32xl\:focus\:text-black-75:focus { + color: var(--black-75, #000000bf); } - .\32xl\:hover\:via-indigo-400:hover { - --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0)); + .\32xl\:focus\:text-black-60:focus { + color: var(--black-60, #00000099); } - .\32xl\:hover\:via-indigo-500:hover { - --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0)); + .\32xl\:focus\:text-black-50:focus { + color: var(--black-50, #00000080); } - .\32xl\:hover\:via-indigo-600:hover { - --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0)); + .\32xl\:focus\:text-black-25:focus { + color: var(--black-25, #00000040); } - .\32xl\:hover\:via-indigo-700:hover { - --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0)); + .\32xl\:focus\:text-black-10:focus { + color: var(--black-10, #0000001a); } - .\32xl\:hover\:via-indigo-800:hover { - --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0)); + .\32xl\:focus\:text-white-25:focus { + color: var(--white-25, #ffffff40); } - .\32xl\:hover\:via-indigo-900:hover { - --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0)); + .\32xl\:focus\:text-white-60:focus { + color: var(--white-60, #ffffff99); } - .\32xl\:hover\:via-purple-50:hover { - --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0)); + .\32xl\:focus\:text-black-64:focus { + color: var(--black-64, #000000a3); } - .\32xl\:hover\:via-purple-100:hover { - --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0)); + .\32xl\:focus\:text-Shadow\ and\ Highlight-Shadow:focus { + color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .\32xl\:hover\:via-purple-200:hover { - --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0)); + .\32xl\:focus\:text-Shadow\ and\ Highlight-Highlight:focus { + color: var(--shadow-and-highlight-highlight, #474747); } - .\32xl\:hover\:via-purple-300:hover { - --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0)); + .\32xl\:focus\:text-Shadow\ and\ Highlight-highlight\ one:focus { + color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .\32xl\:hover\:via-purple-400:hover { - --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0)); + .\32xl\:focus\:text-Shadow\ and\ Highlight-highlight\ two:focus { + color: var(--shadow-and-highlight-highlight-two, #47474799); } - .\32xl\:hover\:via-purple-500:hover { - --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0)); + .\32xl\:focus\:text-Shadow\ and\ Highlight-highlight\ three:focus { + color: var(--shadow-and-highlight-highlight-three, #47474766); } - .\32xl\:hover\:via-purple-600:hover { - --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0)); + .\32xl\:focus\:text-Shadow\ and\ Highlight-highlight\ five:focus { + color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .\32xl\:hover\:via-purple-700:hover { - --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0)); + .\32xl\:focus\:text-Shadow\ and\ Highlight-shadow\ one:focus { + color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .\32xl\:hover\:via-purple-800:hover { - --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0)); + .\32xl\:focus\:text-Shadow\ and\ Highlight-shadow\ two:focus { + color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .\32xl\:hover\:via-purple-900:hover { - --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0)); + .\32xl\:focus\:text-Shadow\ and\ Highlight-shadow\ three:focus { + color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .\32xl\:hover\:via-pink-50:hover { - --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0)); + .\32xl\:focus\:text-Shadow\ and\ Highlight-shadow\ four:focus { + color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .\32xl\:hover\:via-pink-100:hover { - --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0)); + .\32xl\:focus\:text-Shadow\ and\ Highlight-shadow\ five:focus { + color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .\32xl\:hover\:via-pink-200:hover { - --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0)); + .\32xl\:focus\:text-Shadow\ and\ Highlight-highlight\ four:focus { + color: var(--shadow-and-highlight-highlight-four, #47474740); } - .\32xl\:hover\:via-pink-300:hover { - --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0)); + .\32xl\:focus\:text-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus { + color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .\32xl\:hover\:via-pink-400:hover { - --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0)); + .\32xl\:focus\:text-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus { + color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .\32xl\:hover\:via-pink-500:hover { - --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0)); + .\32xl\:focus\:text-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus { + color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .\32xl\:hover\:via-pink-600:hover { - --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0)); + .\32xl\:focus\:text-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus { + color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .\32xl\:hover\:via-pink-700:hover { - --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0)); + .\32xl\:focus\:text-Grey-Scale-white:focus { + color: var(--grey-scale-white, #ffffff); } - .\32xl\:hover\:via-pink-800:hover { - --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0)); + .\32xl\:focus\:text-Grey-Scale-off-white:focus { + color: var(--grey-scale-off-white, #f0edee); } - .\32xl\:hover\:via-pink-900:hover { - --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0)); + .\32xl\:focus\:text-Grey\ Scale-grey:focus { + color: var(--grey-scale-grey, #7f7e7f); } - .\32xl\:focus\:via-transparent:focus { - --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0)); + .\32xl\:focus\:text-Grey\ Scale-charcoal:focus { + color: var(--grey-scale-charcoal, #474747); } - .\32xl\:focus\:via-current:focus { - --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0)); + .\32xl\:focus\:text-Grey\ Scale-off-black:focus { + color: var(--grey-scale-off-black, #1c1c1c); } - .\32xl\:focus\:via-black:focus { - --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0)); + .\32xl\:focus\:text-Grey\ Scale-black:focus { + color: var(--grey-scale-black, #000000); } - .\32xl\:focus\:via-white:focus { - --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0)); + .\32xl\:focus\:text-Blue-blue:focus { + color: var(--blue-blue, #3a7ca5); } - .\32xl\:focus\:via-gray-50:focus { - --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0)); + .\32xl\:focus\:text-Blue-blue-100:focus { + color: var(--blue-blue-100, #75a3c0); } - .\32xl\:focus\:via-gray-100:focus { - --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0)); + .\32xl\:focus\:text-Blue-blue-200:focus { + color: var(--blue-blue-200, #9cbed2); } - .\32xl\:focus\:via-gray-200:focus { - --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0)); + .\32xl\:focus\:text-Blue-blue-300:focus { + color: var(--blue-blue-300, #4f7d9a); } - .\32xl\:focus\:via-gray-300:focus { - --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0)); + .\32xl\:focus\:text-Blue-blue-400:focus { + color: var(--blue-blue-400, #5c7d92); } - .\32xl\:focus\:via-gray-400:focus { - --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0)); + .\32xl\:focus\:text-Blue-blue-500:focus { + color: var(--blue-blue-500, #347095); } - .\32xl\:focus\:via-gray-500:focus { - --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0)); + .\32xl\:focus\:text-Blue-blue-600:focus { + color: var(--blue-blue-600, #295774); } - .\32xl\:focus\:via-gray-600:focus { - --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0)); + .\32xl\:focus\:text-Blue-blue-700:focus { + color: var(--blue-blue-700, #173242); } - .\32xl\:focus\:via-gray-700:focus { - --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0)); + .\32xl\:focus\:text-LightBlue-lightblue:focus { + color: var(--light-blue-lightblue, #81c3d7); } - .\32xl\:focus\:via-gray-800:focus { - --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0)); + .\32xl\:focus\:text-LightBlue-lightblue-100:focus { + color: var(--light-blue-lightblue-100, #a7d5e3); } - .\32xl\:focus\:via-gray-900:focus { - --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0)); + .\32xl\:focus\:text-LightBlue-lightblue-200:focus { + color: var(--light-blue-lightblue-200, #c0e1eb); } - .\32xl\:focus\:via-red-50:focus { - --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0)); + .\32xl\:focus\:text-LightBlue-lightblue-300:focus { + color: var(--light-blue-lightblue-300, #80aebd); } - .\32xl\:focus\:via-red-100:focus { - --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0)); + .\32xl\:focus\:text-LightBlue-lightblue-400:focus { + color: var(--light-blue-lightblue-400, #80a0ab); } - .\32xl\:focus\:via-red-200:focus { - --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0)); + .\32xl\:focus\:text-LightBlue-lightblue-500:focus { + color: var(--light-blue-lightblue-500, #74afc1); } - .\32xl\:focus\:via-red-300:focus { - --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0)); + .\32xl\:focus\:text-LightBlue-lightblue-600:focus { + color: var(--light-blue-lightblue-600, #5a8997); } - .\32xl\:focus\:via-red-400:focus { - --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0)); + .\32xl\:focus\:text-LightBlue-lightblue-650:focus { + color: var(--light-blue-lightblue-650, #3e5e65); } - .\32xl\:focus\:via-red-500:focus { - --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0)); + .\32xl\:focus\:text-LightBlue-lightblue-700:focus { + color: var(--light-blue-lightblue-700, #344e56); } - .\32xl\:focus\:via-red-600:focus { - --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0)); + .\32xl\:focus\:text-Orange-orange:focus { + color: var(--orange-orange, #ff7f0e); } - .\32xl\:focus\:via-red-700:focus { - --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0)); + .\32xl\:focus\:text-Orange-orange-100:focus { + color: var(--orange-orange-100, #ffa556); } - .\32xl\:focus\:via-red-800:focus { - --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0)); + .\32xl\:focus\:text-Orange-orange-200:focus { + color: var(--orange-orange-200, #ffbf86); } - .\32xl\:focus\:via-red-900:focus { - --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0)); + .\32xl\:focus\:text-Orange-orange-300:focus { + color: var(--orange-orange-300, #d97f30); } - .\32xl\:focus\:via-yellow-50:focus { - --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0)); + .\32xl\:focus\:text-Orange-orange-400:focus { + color: var(--orange-orange-400, #bf7e46); } - .\32xl\:focus\:via-yellow-100:focus { - --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0)); + .\32xl\:focus\:text-Orange-orange-500:focus { + color: var(--orange-orange-500, #e5720d); } - .\32xl\:focus\:via-yellow-200:focus { - --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0)); + .\32xl\:focus\:text-Orange-orange-600:focus { + color: var(--orange-orange-600, #b3590a); } - .\32xl\:focus\:via-yellow-300:focus { - --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0)); + .\32xl\:focus\:text-Orange-orange-700:focus { + color: var(--orange-orange-700, #663306); } - .\32xl\:focus\:via-yellow-400:focus { - --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0)); + .\32xl\:focus\:text-Yellow-yellow:focus { + color: var(--yellow-yellow, #ffab00); } - .\32xl\:focus\:via-yellow-500:focus { - --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0)); + .\32xl\:focus\:text-Yellow-yellow-100:focus { + color: var(--yellow-yellow-100, #ffc44c); } - .\32xl\:focus\:via-yellow-600:focus { - --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0)); + .\32xl\:focus\:text-Yellow-yellow-200:focus { + color: var(--yellow-yellow-200, #ffd580); } - .\32xl\:focus\:via-yellow-700:focus { - --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0)); + .\32xl\:focus\:text-Yellow-yellow-300:focus { + color: var(--yellow-yellow-300, #d99d26); } - .\32xl\:focus\:via-yellow-800:focus { - --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0)); + .\32xl\:focus\:text-Yellow-yellow-400:focus { + color: var(--yellow-yellow-400, #bf943f); } - .\32xl\:focus\:via-yellow-900:focus { - --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0)); + .\32xl\:focus\:text-Yellow-yellow-500:focus { + color: var(--yellow-yellow-500, #e59a00); } - .\32xl\:focus\:via-green-50:focus { - --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0)); + .\32xl\:focus\:text-Yellow-yellow-600:focus { + color: var(--yellow-yellow-600, #b37800); } - .\32xl\:focus\:via-green-100:focus { - --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0)); + .\32xl\:focus\:text-Yellow-yellow-700:focus { + color: var(--yellow-yellow-700, #664400); } - .\32xl\:focus\:via-green-200:focus { - --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0)); + .\32xl\:focus\:text-Notification-notification:focus { + color: var(--notification-notification, #3959ff); } - .\32xl\:focus\:via-green-300:focus { - --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0)); + .\32xl\:focus\:text-Notification-notification-100:focus { + color: var(--notification-notification-100, #748bff); } - .\32xl\:focus\:via-green-400:focus { - --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0)); + .\32xl\:focus\:text-Notification-notification-200:focus { + color: var(--notification-notification-200, #9cacff); } - .\32xl\:focus\:via-green-500:focus { - --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0)); + .\32xl\:focus\:text-Notification-notification-300:focus { + color: var(--notification-notification-300, #4e64d9); } - .\32xl\:focus\:via-green-600:focus { - --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0)); + .\32xl\:focus\:text-Notification-notification-400:focus { + color: var(--notification-notification-400, #5c6cbf); } - .\32xl\:focus\:via-green-700:focus { - --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0)); + .\32xl\:focus\:text-Notification-notification-500:focus { + color: var(--notification-notification-500, #3350e5); } - .\32xl\:focus\:via-green-800:focus { - --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0)); + .\32xl\:focus\:text-Notification-notification-600:focus { + color: var(--notification-notification-600, #283eb3); } - .\32xl\:focus\:via-green-900:focus { - --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0)); + .\32xl\:focus\:text-Notification-notification-700:focus { + color: var(--notification-notification-700, #172466); } - .\32xl\:focus\:via-blue-50:focus { - --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0)); + .\32xl\:focus\:text-Success-success\ -700:focus { + color: var(--success-success-700, #24471f); } - .\32xl\:focus\:via-blue-100:focus { - --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0)); + .\32xl\:focus\:text-Success-success:focus { + color: var(--success-success, #5bb14d); } - .\32xl\:focus\:via-blue-200:focus { - --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0)); + .\32xl\:focus\:text-Success-success\ -100:focus { + color: var(--success-success-100, #8cc882); } - .\32xl\:focus\:via-blue-300:focus { - --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0)); + .\32xl\:focus\:text-Success-success\ -200:focus { + color: var(--success-success-200, #add8a6); } - .\32xl\:focus\:via-blue-400:focus { - --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0)); + .\32xl\:focus\:text-Success-success\ -300:focus { + color: var(--success-success-300, #66a25c); } - .\32xl\:focus\:via-blue-500:focus { - --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0)); + .\32xl\:focus\:text-Success-success\ -400:focus { + color: var(--success-success-400, #6d9766); } - .\32xl\:focus\:via-blue-600:focus { - --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0)); + .\32xl\:focus\:text-Success-success\ -500:focus { + color: var(--success-success-500, #529f45); } - .\32xl\:focus\:via-blue-700:focus { - --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0)); + .\32xl\:focus\:text-Success-success\ -600:focus { + color: var(--success-success-600, #407c36); } - .\32xl\:focus\:via-blue-800:focus { - --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0)); + .\32xl\:focus\:text-Error-error:focus { + color: var(--error-error, #f03d3e); } - .\32xl\:focus\:via-blue-900:focus { - --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0)); + .\32xl\:focus\:text-Error-error-100:focus { + color: var(--error-error-100, #f57778); } - .\32xl\:focus\:via-indigo-50:focus { - --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0)); + .\32xl\:focus\:text-Error-error-200:focus { + color: var(--error-error-200, #f89e9e); } - .\32xl\:focus\:via-indigo-100:focus { - --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0)); + .\32xl\:focus\:text-Error-error-250:focus { + color: var(--error-error-250, #f9c8c8); } - .\32xl\:focus\:via-indigo-200:focus { - --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0)); + .\32xl\:focus\:text-Error-error-300:focus { + color: var(--error-error-300, #ce5151); } - .\32xl\:focus\:via-indigo-300:focus { - --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0)); + .\32xl\:focus\:text-Error-error-400:focus { + color: var(--error-error-400, #b85e5e); } - .\32xl\:focus\:via-indigo-400:focus { - --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0)); + .\32xl\:focus\:text-Error-error-500:focus { + color: var(--error-error-500, #d83738); } - .\32xl\:focus\:via-indigo-500:focus { - --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0)); + .\32xl\:focus\:text-Error-error-600:focus { + color: var(--error-error-600, #a82b2b); } - .\32xl\:focus\:via-indigo-600:focus { - --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0)); + .\32xl\:focus\:text-Error-error-700:focus { + color: var(--error-error-700, #601819); } - .\32xl\:focus\:via-indigo-700:focus { - --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0)); + .\32xl\:text-opacity-0 { + --tw-text-opacity: 0; } - .\32xl\:focus\:via-indigo-800:focus { - --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0)); + .\32xl\:text-opacity-5 { + --tw-text-opacity: 0.05; } - .\32xl\:focus\:via-indigo-900:focus { - --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0)); + .\32xl\:text-opacity-10 { + --tw-text-opacity: 0.1; } - .\32xl\:focus\:via-purple-50:focus { - --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0)); + .\32xl\:text-opacity-20 { + --tw-text-opacity: 0.2; } - .\32xl\:focus\:via-purple-100:focus { - --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0)); + .\32xl\:text-opacity-25 { + --tw-text-opacity: 0.25; } - .\32xl\:focus\:via-purple-200:focus { - --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0)); + .\32xl\:text-opacity-30 { + --tw-text-opacity: 0.3; } - .\32xl\:focus\:via-purple-300:focus { - --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0)); + .\32xl\:text-opacity-40 { + --tw-text-opacity: 0.4; } - .\32xl\:focus\:via-purple-400:focus { - --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0)); + .\32xl\:text-opacity-50 { + --tw-text-opacity: 0.5; } - .\32xl\:focus\:via-purple-500:focus { - --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0)); + .\32xl\:text-opacity-60 { + --tw-text-opacity: 0.6; } - .\32xl\:focus\:via-purple-600:focus { - --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0)); + .\32xl\:text-opacity-70 { + --tw-text-opacity: 0.7; } - .\32xl\:focus\:via-purple-700:focus { - --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0)); + .\32xl\:text-opacity-75 { + --tw-text-opacity: 0.75; } - .\32xl\:focus\:via-purple-800:focus { - --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0)); + .\32xl\:text-opacity-80 { + --tw-text-opacity: 0.8; } - .\32xl\:focus\:via-purple-900:focus { - --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0)); + .\32xl\:text-opacity-90 { + --tw-text-opacity: 0.9; } - .\32xl\:focus\:via-pink-50:focus { - --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0)); + .\32xl\:text-opacity-95 { + --tw-text-opacity: 0.95; } - .\32xl\:focus\:via-pink-100:focus { - --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0)); + .\32xl\:text-opacity-100 { + --tw-text-opacity: 1; } - .\32xl\:focus\:via-pink-200:focus { - --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0)); + .group:hover .\32xl\:group-hover\:text-opacity-0 { + --tw-text-opacity: 0; } - .\32xl\:focus\:via-pink-300:focus { - --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0)); + .group:hover .\32xl\:group-hover\:text-opacity-5 { + --tw-text-opacity: 0.05; } - .\32xl\:focus\:via-pink-400:focus { - --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0)); + .group:hover .\32xl\:group-hover\:text-opacity-10 { + --tw-text-opacity: 0.1; } - .\32xl\:focus\:via-pink-500:focus { - --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0)); + .group:hover .\32xl\:group-hover\:text-opacity-20 { + --tw-text-opacity: 0.2; } - .\32xl\:focus\:via-pink-600:focus { - --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0)); + .group:hover .\32xl\:group-hover\:text-opacity-25 { + --tw-text-opacity: 0.25; } - .\32xl\:focus\:via-pink-700:focus { - --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0)); + .group:hover .\32xl\:group-hover\:text-opacity-30 { + --tw-text-opacity: 0.3; } - .\32xl\:focus\:via-pink-800:focus { - --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0)); + .group:hover .\32xl\:group-hover\:text-opacity-40 { + --tw-text-opacity: 0.4; } - .\32xl\:focus\:via-pink-900:focus { - --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0)); + .group:hover .\32xl\:group-hover\:text-opacity-50 { + --tw-text-opacity: 0.5; } - .\32xl\:to-transparent { - --tw-gradient-to: transparent; + .group:hover .\32xl\:group-hover\:text-opacity-60 { + --tw-text-opacity: 0.6; } - .\32xl\:to-current { - --tw-gradient-to: currentColor; + .group:hover .\32xl\:group-hover\:text-opacity-70 { + --tw-text-opacity: 0.7; } - .\32xl\:to-black { - --tw-gradient-to: #000; + .group:hover .\32xl\:group-hover\:text-opacity-75 { + --tw-text-opacity: 0.75; } - .\32xl\:to-white { - --tw-gradient-to: #fff; + .group:hover .\32xl\:group-hover\:text-opacity-80 { + --tw-text-opacity: 0.8; } - .\32xl\:to-gray-50 { - --tw-gradient-to: #f9fafb; + .group:hover .\32xl\:group-hover\:text-opacity-90 { + --tw-text-opacity: 0.9; } - .\32xl\:to-gray-100 { - --tw-gradient-to: #f3f4f6; + .group:hover .\32xl\:group-hover\:text-opacity-95 { + --tw-text-opacity: 0.95; } - .\32xl\:to-gray-200 { - --tw-gradient-to: #e5e7eb; + .group:hover .\32xl\:group-hover\:text-opacity-100 { + --tw-text-opacity: 1; } - .\32xl\:to-gray-300 { - --tw-gradient-to: #d1d5db; + .\32xl\:focus-within\:text-opacity-0:focus-within { + --tw-text-opacity: 0; } - .\32xl\:to-gray-400 { - --tw-gradient-to: #9ca3af; + .\32xl\:focus-within\:text-opacity-5:focus-within { + --tw-text-opacity: 0.05; } - .\32xl\:to-gray-500 { - --tw-gradient-to: #6b7280; + .\32xl\:focus-within\:text-opacity-10:focus-within { + --tw-text-opacity: 0.1; } - .\32xl\:to-gray-600 { - --tw-gradient-to: #4b5563; + .\32xl\:focus-within\:text-opacity-20:focus-within { + --tw-text-opacity: 0.2; } - .\32xl\:to-gray-700 { - --tw-gradient-to: #374151; + .\32xl\:focus-within\:text-opacity-25:focus-within { + --tw-text-opacity: 0.25; } - .\32xl\:to-gray-800 { - --tw-gradient-to: #1f2937; + .\32xl\:focus-within\:text-opacity-30:focus-within { + --tw-text-opacity: 0.3; } - .\32xl\:to-gray-900 { - --tw-gradient-to: #111827; + .\32xl\:focus-within\:text-opacity-40:focus-within { + --tw-text-opacity: 0.4; } - .\32xl\:to-red-50 { - --tw-gradient-to: #fef2f2; + .\32xl\:focus-within\:text-opacity-50:focus-within { + --tw-text-opacity: 0.5; } - .\32xl\:to-red-100 { - --tw-gradient-to: #fee2e2; + .\32xl\:focus-within\:text-opacity-60:focus-within { + --tw-text-opacity: 0.6; } - .\32xl\:to-red-200 { - --tw-gradient-to: #fecaca; + .\32xl\:focus-within\:text-opacity-70:focus-within { + --tw-text-opacity: 0.7; } - .\32xl\:to-red-300 { - --tw-gradient-to: #fca5a5; + .\32xl\:focus-within\:text-opacity-75:focus-within { + --tw-text-opacity: 0.75; } - .\32xl\:to-red-400 { - --tw-gradient-to: #f87171; + .\32xl\:focus-within\:text-opacity-80:focus-within { + --tw-text-opacity: 0.8; } - .\32xl\:to-red-500 { - --tw-gradient-to: #ef4444; + .\32xl\:focus-within\:text-opacity-90:focus-within { + --tw-text-opacity: 0.9; } - .\32xl\:to-red-600 { - --tw-gradient-to: #dc2626; + .\32xl\:focus-within\:text-opacity-95:focus-within { + --tw-text-opacity: 0.95; } - .\32xl\:to-red-700 { - --tw-gradient-to: #b91c1c; + .\32xl\:focus-within\:text-opacity-100:focus-within { + --tw-text-opacity: 1; } - .\32xl\:to-red-800 { - --tw-gradient-to: #991b1b; + .\32xl\:hover\:text-opacity-0:hover { + --tw-text-opacity: 0; } - .\32xl\:to-red-900 { - --tw-gradient-to: #7f1d1d; + .\32xl\:hover\:text-opacity-5:hover { + --tw-text-opacity: 0.05; } - .\32xl\:to-yellow-50 { - --tw-gradient-to: #fffbeb; + .\32xl\:hover\:text-opacity-10:hover { + --tw-text-opacity: 0.1; } - .\32xl\:to-yellow-100 { - --tw-gradient-to: #fef3c7; + .\32xl\:hover\:text-opacity-20:hover { + --tw-text-opacity: 0.2; } - .\32xl\:to-yellow-200 { - --tw-gradient-to: #fde68a; + .\32xl\:hover\:text-opacity-25:hover { + --tw-text-opacity: 0.25; } - .\32xl\:to-yellow-300 { - --tw-gradient-to: #fcd34d; + .\32xl\:hover\:text-opacity-30:hover { + --tw-text-opacity: 0.3; } - .\32xl\:to-yellow-400 { - --tw-gradient-to: #fbbf24; + .\32xl\:hover\:text-opacity-40:hover { + --tw-text-opacity: 0.4; } - .\32xl\:to-yellow-500 { - --tw-gradient-to: #f59e0b; + .\32xl\:hover\:text-opacity-50:hover { + --tw-text-opacity: 0.5; } - .\32xl\:to-yellow-600 { - --tw-gradient-to: #d97706; + .\32xl\:hover\:text-opacity-60:hover { + --tw-text-opacity: 0.6; } - .\32xl\:to-yellow-700 { - --tw-gradient-to: #b45309; + .\32xl\:hover\:text-opacity-70:hover { + --tw-text-opacity: 0.7; } - .\32xl\:to-yellow-800 { - --tw-gradient-to: #92400e; + .\32xl\:hover\:text-opacity-75:hover { + --tw-text-opacity: 0.75; } - .\32xl\:to-yellow-900 { - --tw-gradient-to: #78350f; + .\32xl\:hover\:text-opacity-80:hover { + --tw-text-opacity: 0.8; } - .\32xl\:to-green-50 { - --tw-gradient-to: #ecfdf5; + .\32xl\:hover\:text-opacity-90:hover { + --tw-text-opacity: 0.9; } - .\32xl\:to-green-100 { - --tw-gradient-to: #d1fae5; + .\32xl\:hover\:text-opacity-95:hover { + --tw-text-opacity: 0.95; } - .\32xl\:to-green-200 { - --tw-gradient-to: #a7f3d0; + .\32xl\:hover\:text-opacity-100:hover { + --tw-text-opacity: 1; } - .\32xl\:to-green-300 { - --tw-gradient-to: #6ee7b7; + .\32xl\:focus\:text-opacity-0:focus { + --tw-text-opacity: 0; } - .\32xl\:to-green-400 { - --tw-gradient-to: #34d399; + .\32xl\:focus\:text-opacity-5:focus { + --tw-text-opacity: 0.05; } - .\32xl\:to-green-500 { - --tw-gradient-to: #10b981; + .\32xl\:focus\:text-opacity-10:focus { + --tw-text-opacity: 0.1; } - .\32xl\:to-green-600 { - --tw-gradient-to: #059669; + .\32xl\:focus\:text-opacity-20:focus { + --tw-text-opacity: 0.2; } - .\32xl\:to-green-700 { - --tw-gradient-to: #047857; + .\32xl\:focus\:text-opacity-25:focus { + --tw-text-opacity: 0.25; } - .\32xl\:to-green-800 { - --tw-gradient-to: #065f46; + .\32xl\:focus\:text-opacity-30:focus { + --tw-text-opacity: 0.3; } - .\32xl\:to-green-900 { - --tw-gradient-to: #064e3b; + .\32xl\:focus\:text-opacity-40:focus { + --tw-text-opacity: 0.4; } - .\32xl\:to-blue-50 { - --tw-gradient-to: #eff6ff; + .\32xl\:focus\:text-opacity-50:focus { + --tw-text-opacity: 0.5; } - .\32xl\:to-blue-100 { - --tw-gradient-to: #dbeafe; + .\32xl\:focus\:text-opacity-60:focus { + --tw-text-opacity: 0.6; } - .\32xl\:to-blue-200 { - --tw-gradient-to: #bfdbfe; + .\32xl\:focus\:text-opacity-70:focus { + --tw-text-opacity: 0.7; } - .\32xl\:to-blue-300 { - --tw-gradient-to: #93c5fd; + .\32xl\:focus\:text-opacity-75:focus { + --tw-text-opacity: 0.75; } - .\32xl\:to-blue-400 { - --tw-gradient-to: #60a5fa; + .\32xl\:focus\:text-opacity-80:focus { + --tw-text-opacity: 0.8; } - .\32xl\:to-blue-500 { - --tw-gradient-to: #3b82f6; + .\32xl\:focus\:text-opacity-90:focus { + --tw-text-opacity: 0.9; } - .\32xl\:to-blue-600 { - --tw-gradient-to: #2563eb; + .\32xl\:focus\:text-opacity-95:focus { + --tw-text-opacity: 0.95; } - .\32xl\:to-blue-700 { - --tw-gradient-to: #1d4ed8; + .\32xl\:focus\:text-opacity-100:focus { + --tw-text-opacity: 1; } - .\32xl\:to-blue-800 { - --tw-gradient-to: #1e40af; + .\32xl\:underline { + text-decoration: underline; } - .\32xl\:to-blue-900 { - --tw-gradient-to: #1e3a8a; + .\32xl\:line-through { + text-decoration: line-through; } - .\32xl\:to-indigo-50 { - --tw-gradient-to: #eef2ff; + .\32xl\:no-underline { + text-decoration: none; } - .\32xl\:to-indigo-100 { - --tw-gradient-to: #e0e7ff; + .group:hover .\32xl\:group-hover\:underline { + text-decoration: underline; } - .\32xl\:to-indigo-200 { - --tw-gradient-to: #c7d2fe; + .group:hover .\32xl\:group-hover\:line-through { + text-decoration: line-through; } - .\32xl\:to-indigo-300 { - --tw-gradient-to: #a5b4fc; + .group:hover .\32xl\:group-hover\:no-underline { + text-decoration: none; } - .\32xl\:to-indigo-400 { - --tw-gradient-to: #818cf8; + .\32xl\:focus-within\:underline:focus-within { + text-decoration: underline; } - .\32xl\:to-indigo-500 { - --tw-gradient-to: #6366f1; + .\32xl\:focus-within\:line-through:focus-within { + text-decoration: line-through; } - .\32xl\:to-indigo-600 { - --tw-gradient-to: #4f46e5; + .\32xl\:focus-within\:no-underline:focus-within { + text-decoration: none; } - .\32xl\:to-indigo-700 { - --tw-gradient-to: #4338ca; + .\32xl\:hover\:underline:hover { + text-decoration: underline; } - .\32xl\:to-indigo-800 { - --tw-gradient-to: #3730a3; + .\32xl\:hover\:line-through:hover { + text-decoration: line-through; } - .\32xl\:to-indigo-900 { - --tw-gradient-to: #312e81; + .\32xl\:hover\:no-underline:hover { + text-decoration: none; } - .\32xl\:to-purple-50 { - --tw-gradient-to: #f5f3ff; + .\32xl\:focus\:underline:focus { + text-decoration: underline; } - .\32xl\:to-purple-100 { - --tw-gradient-to: #ede9fe; + .\32xl\:focus\:line-through:focus { + text-decoration: line-through; } - .\32xl\:to-purple-200 { - --tw-gradient-to: #ddd6fe; + .\32xl\:focus\:no-underline:focus { + text-decoration: none; } - .\32xl\:to-purple-300 { - --tw-gradient-to: #c4b5fd; + .\32xl\:antialiased { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } - .\32xl\:to-purple-400 { - --tw-gradient-to: #a78bfa; + .\32xl\:subpixel-antialiased { + -webkit-font-smoothing: auto; + -moz-osx-font-smoothing: auto; } - .\32xl\:to-purple-500 { - --tw-gradient-to: #8b5cf6; + .\32xl\:placeholder-colors-black::-moz-placeholder { + color: var(--colors-black, #000000); } - .\32xl\:to-purple-600 { - --tw-gradient-to: #7c3aed; + .\32xl\:placeholder-colors-black::placeholder { + color: var(--colors-black, #000000); } - .\32xl\:to-purple-700 { - --tw-gradient-to: #6d28d9; + .\32xl\:placeholder-colors-white::-moz-placeholder { + color: var(--colors-white, #ffffff); } - .\32xl\:to-purple-800 { - --tw-gradient-to: #5b21b6; + .\32xl\:placeholder-colors-white::placeholder { + color: var(--colors-white, #ffffff); } - .\32xl\:to-purple-900 { - --tw-gradient-to: #4c1d95; + .\32xl\:placeholder-colors-gray-100::-moz-placeholder { + color: var(--colors-gray-100, #f7fafc); } - .\32xl\:to-pink-50 { - --tw-gradient-to: #fdf2f8; + .\32xl\:placeholder-colors-gray-100::placeholder { + color: var(--colors-gray-100, #f7fafc); } - .\32xl\:to-pink-100 { - --tw-gradient-to: #fce7f3; + .\32xl\:placeholder-colors-gray-200::-moz-placeholder { + color: var(--colors-gray-200, #edf2f7); } - .\32xl\:to-pink-200 { - --tw-gradient-to: #fbcfe8; + .\32xl\:placeholder-colors-gray-200::placeholder { + color: var(--colors-gray-200, #edf2f7); } - .\32xl\:to-pink-300 { - --tw-gradient-to: #f9a8d4; + .\32xl\:placeholder-colors-gray-300::-moz-placeholder { + color: var(--colors-gray-300, #e2e8f0); } - .\32xl\:to-pink-400 { - --tw-gradient-to: #f472b6; + .\32xl\:placeholder-colors-gray-300::placeholder { + color: var(--colors-gray-300, #e2e8f0); } - .\32xl\:to-pink-500 { - --tw-gradient-to: #ec4899; + .\32xl\:placeholder-colors-gray-400::-moz-placeholder { + color: var(--colors-gray-400, #cbd5e0); } - .\32xl\:to-pink-600 { - --tw-gradient-to: #db2777; + .\32xl\:placeholder-colors-gray-400::placeholder { + color: var(--colors-gray-400, #cbd5e0); } - .\32xl\:to-pink-700 { - --tw-gradient-to: #be185d; + .\32xl\:placeholder-colors-gray-500::-moz-placeholder { + color: var(--colors-gray-500, #a0aec0); } - .\32xl\:to-pink-800 { - --tw-gradient-to: #9d174d; + .\32xl\:placeholder-colors-gray-500::placeholder { + color: var(--colors-gray-500, #a0aec0); } - .\32xl\:to-pink-900 { - --tw-gradient-to: #831843; + .\32xl\:placeholder-colors-gray-600::-moz-placeholder { + color: var(--colors-gray-600, #718096); } - .\32xl\:hover\:to-transparent:hover { - --tw-gradient-to: transparent; + .\32xl\:placeholder-colors-gray-600::placeholder { + color: var(--colors-gray-600, #718096); } - .\32xl\:hover\:to-current:hover { - --tw-gradient-to: currentColor; + .\32xl\:placeholder-colors-gray-700::-moz-placeholder { + color: var(--colors-gray-700, #4a5568); } - .\32xl\:hover\:to-black:hover { - --tw-gradient-to: #000; + .\32xl\:placeholder-colors-gray-700::placeholder { + color: var(--colors-gray-700, #4a5568); } - .\32xl\:hover\:to-white:hover { - --tw-gradient-to: #fff; + .\32xl\:placeholder-colors-gray-800::-moz-placeholder { + color: var(--colors-gray-800, #2d3748); } - .\32xl\:hover\:to-gray-50:hover { - --tw-gradient-to: #f9fafb; + .\32xl\:placeholder-colors-gray-800::placeholder { + color: var(--colors-gray-800, #2d3748); } - .\32xl\:hover\:to-gray-100:hover { - --tw-gradient-to: #f3f4f6; + .\32xl\:placeholder-colors-gray-900::-moz-placeholder { + color: var(--colors-gray-900, #1a202c); } - .\32xl\:hover\:to-gray-200:hover { - --tw-gradient-to: #e5e7eb; + .\32xl\:placeholder-colors-gray-900::placeholder { + color: var(--colors-gray-900, #1a202c); } - .\32xl\:hover\:to-gray-300:hover { - --tw-gradient-to: #d1d5db; + .\32xl\:placeholder-colors-red-100::-moz-placeholder { + color: var(--colors-red-100, #fff5f5); } - .\32xl\:hover\:to-gray-400:hover { - --tw-gradient-to: #9ca3af; + .\32xl\:placeholder-colors-red-100::placeholder { + color: var(--colors-red-100, #fff5f5); } - .\32xl\:hover\:to-gray-500:hover { - --tw-gradient-to: #6b7280; + .\32xl\:placeholder-colors-red-200::-moz-placeholder { + color: var(--colors-red-200, #fed7d7); } - .\32xl\:hover\:to-gray-600:hover { - --tw-gradient-to: #4b5563; + .\32xl\:placeholder-colors-red-200::placeholder { + color: var(--colors-red-200, #fed7d7); } - .\32xl\:hover\:to-gray-700:hover { - --tw-gradient-to: #374151; + .\32xl\:placeholder-colors-red-300::-moz-placeholder { + color: var(--colors-red-300, #feb2b2); } - .\32xl\:hover\:to-gray-800:hover { - --tw-gradient-to: #1f2937; + .\32xl\:placeholder-colors-red-300::placeholder { + color: var(--colors-red-300, #feb2b2); } - .\32xl\:hover\:to-gray-900:hover { - --tw-gradient-to: #111827; + .\32xl\:placeholder-colors-red-400::-moz-placeholder { + color: var(--colors-red-400, #fc8181); } - .\32xl\:hover\:to-red-50:hover { - --tw-gradient-to: #fef2f2; + .\32xl\:placeholder-colors-red-400::placeholder { + color: var(--colors-red-400, #fc8181); } - .\32xl\:hover\:to-red-100:hover { - --tw-gradient-to: #fee2e2; + .\32xl\:placeholder-colors-red-500::-moz-placeholder { + color: var(--colors-red-500, #f56565); } - .\32xl\:hover\:to-red-200:hover { - --tw-gradient-to: #fecaca; + .\32xl\:placeholder-colors-red-500::placeholder { + color: var(--colors-red-500, #f56565); } - .\32xl\:hover\:to-red-300:hover { - --tw-gradient-to: #fca5a5; + .\32xl\:placeholder-colors-red-600::-moz-placeholder { + color: var(--colors-red-600, #e53e3e); } - .\32xl\:hover\:to-red-400:hover { - --tw-gradient-to: #f87171; + .\32xl\:placeholder-colors-red-600::placeholder { + color: var(--colors-red-600, #e53e3e); } - .\32xl\:hover\:to-red-500:hover { - --tw-gradient-to: #ef4444; + .\32xl\:placeholder-colors-red-700::-moz-placeholder { + color: var(--colors-red-700, #c53030); } - .\32xl\:hover\:to-red-600:hover { - --tw-gradient-to: #dc2626; + .\32xl\:placeholder-colors-red-700::placeholder { + color: var(--colors-red-700, #c53030); } - .\32xl\:hover\:to-red-700:hover { - --tw-gradient-to: #b91c1c; + .\32xl\:placeholder-colors-red-800::-moz-placeholder { + color: var(--colors-red-800, #9b2c2c); } - .\32xl\:hover\:to-red-800:hover { - --tw-gradient-to: #991b1b; + .\32xl\:placeholder-colors-red-800::placeholder { + color: var(--colors-red-800, #9b2c2c); } - .\32xl\:hover\:to-red-900:hover { - --tw-gradient-to: #7f1d1d; + .\32xl\:placeholder-colors-red-900::-moz-placeholder { + color: var(--colors-red-900, #742a2a); } - .\32xl\:hover\:to-yellow-50:hover { - --tw-gradient-to: #fffbeb; + .\32xl\:placeholder-colors-red-900::placeholder { + color: var(--colors-red-900, #742a2a); } - .\32xl\:hover\:to-yellow-100:hover { - --tw-gradient-to: #fef3c7; + .\32xl\:placeholder-colors-orange-100::-moz-placeholder { + color: var(--colors-orange-100, #fffaf0); } - .\32xl\:hover\:to-yellow-200:hover { - --tw-gradient-to: #fde68a; + .\32xl\:placeholder-colors-orange-100::placeholder { + color: var(--colors-orange-100, #fffaf0); } - .\32xl\:hover\:to-yellow-300:hover { - --tw-gradient-to: #fcd34d; + .\32xl\:placeholder-colors-orange-200::-moz-placeholder { + color: var(--colors-orange-200, #feebc8); } - .\32xl\:hover\:to-yellow-400:hover { - --tw-gradient-to: #fbbf24; + .\32xl\:placeholder-colors-orange-200::placeholder { + color: var(--colors-orange-200, #feebc8); } - .\32xl\:hover\:to-yellow-500:hover { - --tw-gradient-to: #f59e0b; + .\32xl\:placeholder-colors-orange-300::-moz-placeholder { + color: var(--colors-orange-300, #fbd38d); } - .\32xl\:hover\:to-yellow-600:hover { - --tw-gradient-to: #d97706; + .\32xl\:placeholder-colors-orange-300::placeholder { + color: var(--colors-orange-300, #fbd38d); } - .\32xl\:hover\:to-yellow-700:hover { - --tw-gradient-to: #b45309; + .\32xl\:placeholder-colors-orange-400::-moz-placeholder { + color: var(--colors-orange-400, #f6ad55); } - .\32xl\:hover\:to-yellow-800:hover { - --tw-gradient-to: #92400e; + .\32xl\:placeholder-colors-orange-400::placeholder { + color: var(--colors-orange-400, #f6ad55); } - .\32xl\:hover\:to-yellow-900:hover { - --tw-gradient-to: #78350f; + .\32xl\:placeholder-colors-orange-500::-moz-placeholder { + color: var(--colors-orange-500, #ed8936); } - .\32xl\:hover\:to-green-50:hover { - --tw-gradient-to: #ecfdf5; + .\32xl\:placeholder-colors-orange-500::placeholder { + color: var(--colors-orange-500, #ed8936); } - .\32xl\:hover\:to-green-100:hover { - --tw-gradient-to: #d1fae5; + .\32xl\:placeholder-colors-orange-600::-moz-placeholder { + color: var(--colors-orange-600, #dd6b20); } - .\32xl\:hover\:to-green-200:hover { - --tw-gradient-to: #a7f3d0; + .\32xl\:placeholder-colors-orange-600::placeholder { + color: var(--colors-orange-600, #dd6b20); } - .\32xl\:hover\:to-green-300:hover { - --tw-gradient-to: #6ee7b7; + .\32xl\:placeholder-colors-orange-700::-moz-placeholder { + color: var(--colors-orange-700, #c05621); } - .\32xl\:hover\:to-green-400:hover { - --tw-gradient-to: #34d399; + .\32xl\:placeholder-colors-orange-700::placeholder { + color: var(--colors-orange-700, #c05621); } - .\32xl\:hover\:to-green-500:hover { - --tw-gradient-to: #10b981; + .\32xl\:placeholder-colors-orange-800::-moz-placeholder { + color: var(--colors-orange-800, #9c4221); } - .\32xl\:hover\:to-green-600:hover { - --tw-gradient-to: #059669; + .\32xl\:placeholder-colors-orange-800::placeholder { + color: var(--colors-orange-800, #9c4221); } - .\32xl\:hover\:to-green-700:hover { - --tw-gradient-to: #047857; + .\32xl\:placeholder-colors-orange-900::-moz-placeholder { + color: var(--colors-orange-900, #7b341e); } - .\32xl\:hover\:to-green-800:hover { - --tw-gradient-to: #065f46; + .\32xl\:placeholder-colors-orange-900::placeholder { + color: var(--colors-orange-900, #7b341e); } - .\32xl\:hover\:to-green-900:hover { - --tw-gradient-to: #064e3b; + .\32xl\:placeholder-colors-yellow-100::-moz-placeholder { + color: var(--colors-yellow-100, #fffff0); } - .\32xl\:hover\:to-blue-50:hover { - --tw-gradient-to: #eff6ff; + .\32xl\:placeholder-colors-yellow-100::placeholder { + color: var(--colors-yellow-100, #fffff0); } - .\32xl\:hover\:to-blue-100:hover { - --tw-gradient-to: #dbeafe; + .\32xl\:placeholder-colors-yellow-200::-moz-placeholder { + color: var(--colors-yellow-200, #fefcbf); } - .\32xl\:hover\:to-blue-200:hover { - --tw-gradient-to: #bfdbfe; + .\32xl\:placeholder-colors-yellow-200::placeholder { + color: var(--colors-yellow-200, #fefcbf); } - .\32xl\:hover\:to-blue-300:hover { - --tw-gradient-to: #93c5fd; + .\32xl\:placeholder-colors-yellow-300::-moz-placeholder { + color: var(--colors-yellow-300, #faf089); } - .\32xl\:hover\:to-blue-400:hover { - --tw-gradient-to: #60a5fa; + .\32xl\:placeholder-colors-yellow-300::placeholder { + color: var(--colors-yellow-300, #faf089); } - .\32xl\:hover\:to-blue-500:hover { - --tw-gradient-to: #3b82f6; + .\32xl\:placeholder-colors-yellow-400::-moz-placeholder { + color: var(--colors-yellow-400, #f6e05e); } - .\32xl\:hover\:to-blue-600:hover { - --tw-gradient-to: #2563eb; + .\32xl\:placeholder-colors-yellow-400::placeholder { + color: var(--colors-yellow-400, #f6e05e); } - .\32xl\:hover\:to-blue-700:hover { - --tw-gradient-to: #1d4ed8; + .\32xl\:placeholder-colors-yellow-500::-moz-placeholder { + color: var(--colors-yellow-500, #ecc94b); } - .\32xl\:hover\:to-blue-800:hover { - --tw-gradient-to: #1e40af; + .\32xl\:placeholder-colors-yellow-500::placeholder { + color: var(--colors-yellow-500, #ecc94b); } - .\32xl\:hover\:to-blue-900:hover { - --tw-gradient-to: #1e3a8a; + .\32xl\:placeholder-colors-yellow-600::-moz-placeholder { + color: var(--colors-yellow-600, #d69e2e); } - .\32xl\:hover\:to-indigo-50:hover { - --tw-gradient-to: #eef2ff; + .\32xl\:placeholder-colors-yellow-600::placeholder { + color: var(--colors-yellow-600, #d69e2e); } - .\32xl\:hover\:to-indigo-100:hover { - --tw-gradient-to: #e0e7ff; + .\32xl\:placeholder-colors-yellow-700::-moz-placeholder { + color: var(--colors-yellow-700, #b7791f); } - .\32xl\:hover\:to-indigo-200:hover { - --tw-gradient-to: #c7d2fe; + .\32xl\:placeholder-colors-yellow-700::placeholder { + color: var(--colors-yellow-700, #b7791f); } - .\32xl\:hover\:to-indigo-300:hover { - --tw-gradient-to: #a5b4fc; + .\32xl\:placeholder-colors-yellow-800::-moz-placeholder { + color: var(--colors-yellow-800, #975a16); } - .\32xl\:hover\:to-indigo-400:hover { - --tw-gradient-to: #818cf8; + .\32xl\:placeholder-colors-yellow-800::placeholder { + color: var(--colors-yellow-800, #975a16); } - .\32xl\:hover\:to-indigo-500:hover { - --tw-gradient-to: #6366f1; + .\32xl\:placeholder-colors-yellow-900::-moz-placeholder { + color: var(--colors-yellow-900, #744210); } - .\32xl\:hover\:to-indigo-600:hover { - --tw-gradient-to: #4f46e5; + .\32xl\:placeholder-colors-yellow-900::placeholder { + color: var(--colors-yellow-900, #744210); } - .\32xl\:hover\:to-indigo-700:hover { - --tw-gradient-to: #4338ca; + .\32xl\:placeholder-colors-green-100::-moz-placeholder { + color: var(--colors-green-100, #f0fff4); } - .\32xl\:hover\:to-indigo-800:hover { - --tw-gradient-to: #3730a3; + .\32xl\:placeholder-colors-green-100::placeholder { + color: var(--colors-green-100, #f0fff4); } - .\32xl\:hover\:to-indigo-900:hover { - --tw-gradient-to: #312e81; + .\32xl\:placeholder-colors-green-200::-moz-placeholder { + color: var(--colors-green-200, #c6f6d5); } - .\32xl\:hover\:to-purple-50:hover { - --tw-gradient-to: #f5f3ff; + .\32xl\:placeholder-colors-green-200::placeholder { + color: var(--colors-green-200, #c6f6d5); } - .\32xl\:hover\:to-purple-100:hover { - --tw-gradient-to: #ede9fe; + .\32xl\:placeholder-colors-green-300::-moz-placeholder { + color: var(--colors-green-300, #9ae6b4); } - .\32xl\:hover\:to-purple-200:hover { - --tw-gradient-to: #ddd6fe; + .\32xl\:placeholder-colors-green-300::placeholder { + color: var(--colors-green-300, #9ae6b4); } - .\32xl\:hover\:to-purple-300:hover { - --tw-gradient-to: #c4b5fd; + .\32xl\:placeholder-colors-green-400::-moz-placeholder { + color: var(--colors-green-400, #68d391); } - .\32xl\:hover\:to-purple-400:hover { - --tw-gradient-to: #a78bfa; + .\32xl\:placeholder-colors-green-400::placeholder { + color: var(--colors-green-400, #68d391); } - .\32xl\:hover\:to-purple-500:hover { - --tw-gradient-to: #8b5cf6; + .\32xl\:placeholder-colors-green-500::-moz-placeholder { + color: var(--colors-green-500, #48bb78); } - .\32xl\:hover\:to-purple-600:hover { - --tw-gradient-to: #7c3aed; + .\32xl\:placeholder-colors-green-500::placeholder { + color: var(--colors-green-500, #48bb78); } - .\32xl\:hover\:to-purple-700:hover { - --tw-gradient-to: #6d28d9; + .\32xl\:placeholder-colors-green-600::-moz-placeholder { + color: var(--colors-green-600, #38a169); } - .\32xl\:hover\:to-purple-800:hover { - --tw-gradient-to: #5b21b6; + .\32xl\:placeholder-colors-green-600::placeholder { + color: var(--colors-green-600, #38a169); } - .\32xl\:hover\:to-purple-900:hover { - --tw-gradient-to: #4c1d95; + .\32xl\:placeholder-colors-green-700::-moz-placeholder { + color: var(--colors-green-700, #2f855a); } - .\32xl\:hover\:to-pink-50:hover { - --tw-gradient-to: #fdf2f8; + .\32xl\:placeholder-colors-green-700::placeholder { + color: var(--colors-green-700, #2f855a); } - .\32xl\:hover\:to-pink-100:hover { - --tw-gradient-to: #fce7f3; + .\32xl\:placeholder-colors-green-800::-moz-placeholder { + color: var(--colors-green-800, #276749); } - .\32xl\:hover\:to-pink-200:hover { - --tw-gradient-to: #fbcfe8; + .\32xl\:placeholder-colors-green-800::placeholder { + color: var(--colors-green-800, #276749); } - .\32xl\:hover\:to-pink-300:hover { - --tw-gradient-to: #f9a8d4; + .\32xl\:placeholder-colors-green-900::-moz-placeholder { + color: var(--colors-green-900, #22543d); } - .\32xl\:hover\:to-pink-400:hover { - --tw-gradient-to: #f472b6; + .\32xl\:placeholder-colors-green-900::placeholder { + color: var(--colors-green-900, #22543d); } - .\32xl\:hover\:to-pink-500:hover { - --tw-gradient-to: #ec4899; + .\32xl\:placeholder-colors-teal-100::-moz-placeholder { + color: var(--colors-teal-100, #e6fffa); } - .\32xl\:hover\:to-pink-600:hover { - --tw-gradient-to: #db2777; + .\32xl\:placeholder-colors-teal-100::placeholder { + color: var(--colors-teal-100, #e6fffa); } - .\32xl\:hover\:to-pink-700:hover { - --tw-gradient-to: #be185d; + .\32xl\:placeholder-colors-teal-200::-moz-placeholder { + color: var(--colors-teal-200, #b2f5ea); } - .\32xl\:hover\:to-pink-800:hover { - --tw-gradient-to: #9d174d; + .\32xl\:placeholder-colors-teal-200::placeholder { + color: var(--colors-teal-200, #b2f5ea); } - .\32xl\:hover\:to-pink-900:hover { - --tw-gradient-to: #831843; + .\32xl\:placeholder-colors-teal-300::-moz-placeholder { + color: var(--colors-teal-300, #81e6d9); } - .\32xl\:focus\:to-transparent:focus { - --tw-gradient-to: transparent; + .\32xl\:placeholder-colors-teal-300::placeholder { + color: var(--colors-teal-300, #81e6d9); } - .\32xl\:focus\:to-current:focus { - --tw-gradient-to: currentColor; + .\32xl\:placeholder-colors-teal-400::-moz-placeholder { + color: var(--colors-teal-400, #4fd1c5); } - .\32xl\:focus\:to-black:focus { - --tw-gradient-to: #000; + .\32xl\:placeholder-colors-teal-400::placeholder { + color: var(--colors-teal-400, #4fd1c5); } - .\32xl\:focus\:to-white:focus { - --tw-gradient-to: #fff; + .\32xl\:placeholder-colors-teal-500::-moz-placeholder { + color: var(--colors-teal-500, #38b2ac); } - .\32xl\:focus\:to-gray-50:focus { - --tw-gradient-to: #f9fafb; + .\32xl\:placeholder-colors-teal-500::placeholder { + color: var(--colors-teal-500, #38b2ac); } - .\32xl\:focus\:to-gray-100:focus { - --tw-gradient-to: #f3f4f6; + .\32xl\:placeholder-colors-teal-600::-moz-placeholder { + color: var(--colors-teal-600, #319795); } - .\32xl\:focus\:to-gray-200:focus { - --tw-gradient-to: #e5e7eb; + .\32xl\:placeholder-colors-teal-600::placeholder { + color: var(--colors-teal-600, #319795); } - .\32xl\:focus\:to-gray-300:focus { - --tw-gradient-to: #d1d5db; + .\32xl\:placeholder-colors-teal-700::-moz-placeholder { + color: var(--colors-teal-700, #2c7a7b); } - .\32xl\:focus\:to-gray-400:focus { - --tw-gradient-to: #9ca3af; + .\32xl\:placeholder-colors-teal-700::placeholder { + color: var(--colors-teal-700, #2c7a7b); } - .\32xl\:focus\:to-gray-500:focus { - --tw-gradient-to: #6b7280; + .\32xl\:placeholder-colors-teal-800::-moz-placeholder { + color: var(--colors-teal-800, #285e61); } - .\32xl\:focus\:to-gray-600:focus { - --tw-gradient-to: #4b5563; + .\32xl\:placeholder-colors-teal-800::placeholder { + color: var(--colors-teal-800, #285e61); } - .\32xl\:focus\:to-gray-700:focus { - --tw-gradient-to: #374151; + .\32xl\:placeholder-colors-teal-900::-moz-placeholder { + color: var(--colors-teal-900, #234e52); } - .\32xl\:focus\:to-gray-800:focus { - --tw-gradient-to: #1f2937; + .\32xl\:placeholder-colors-teal-900::placeholder { + color: var(--colors-teal-900, #234e52); } - .\32xl\:focus\:to-gray-900:focus { - --tw-gradient-to: #111827; + .\32xl\:placeholder-colors-blue-100::-moz-placeholder { + color: var(--colors-blue-100, #ebf8ff); } - .\32xl\:focus\:to-red-50:focus { - --tw-gradient-to: #fef2f2; + .\32xl\:placeholder-colors-blue-100::placeholder { + color: var(--colors-blue-100, #ebf8ff); } - .\32xl\:focus\:to-red-100:focus { - --tw-gradient-to: #fee2e2; + .\32xl\:placeholder-colors-blue-200::-moz-placeholder { + color: var(--colors-blue-200, #bee3f8); } - .\32xl\:focus\:to-red-200:focus { - --tw-gradient-to: #fecaca; + .\32xl\:placeholder-colors-blue-200::placeholder { + color: var(--colors-blue-200, #bee3f8); } - .\32xl\:focus\:to-red-300:focus { - --tw-gradient-to: #fca5a5; + .\32xl\:placeholder-colors-blue-300::-moz-placeholder { + color: var(--colors-blue-300, #90cdf4); } - .\32xl\:focus\:to-red-400:focus { - --tw-gradient-to: #f87171; + .\32xl\:placeholder-colors-blue-300::placeholder { + color: var(--colors-blue-300, #90cdf4); } - .\32xl\:focus\:to-red-500:focus { - --tw-gradient-to: #ef4444; + .\32xl\:placeholder-colors-blue-400::-moz-placeholder { + color: var(--colors-blue-400, #63b3ed); } - .\32xl\:focus\:to-red-600:focus { - --tw-gradient-to: #dc2626; + .\32xl\:placeholder-colors-blue-400::placeholder { + color: var(--colors-blue-400, #63b3ed); } - .\32xl\:focus\:to-red-700:focus { - --tw-gradient-to: #b91c1c; + .\32xl\:placeholder-colors-blue-500::-moz-placeholder { + color: var(--colors-blue-500, #4299e1); } - .\32xl\:focus\:to-red-800:focus { - --tw-gradient-to: #991b1b; + .\32xl\:placeholder-colors-blue-500::placeholder { + color: var(--colors-blue-500, #4299e1); } - .\32xl\:focus\:to-red-900:focus { - --tw-gradient-to: #7f1d1d; + .\32xl\:placeholder-colors-blue-600::-moz-placeholder { + color: var(--colors-blue-600, #3182ce); } - .\32xl\:focus\:to-yellow-50:focus { - --tw-gradient-to: #fffbeb; + .\32xl\:placeholder-colors-blue-600::placeholder { + color: var(--colors-blue-600, #3182ce); } - .\32xl\:focus\:to-yellow-100:focus { - --tw-gradient-to: #fef3c7; + .\32xl\:placeholder-colors-blue-700::-moz-placeholder { + color: var(--colors-blue-700, #2b6cb0); } - .\32xl\:focus\:to-yellow-200:focus { - --tw-gradient-to: #fde68a; + .\32xl\:placeholder-colors-blue-700::placeholder { + color: var(--colors-blue-700, #2b6cb0); } - .\32xl\:focus\:to-yellow-300:focus { - --tw-gradient-to: #fcd34d; + .\32xl\:placeholder-colors-blue-800::-moz-placeholder { + color: var(--colors-blue-800, #2c5282); } - .\32xl\:focus\:to-yellow-400:focus { - --tw-gradient-to: #fbbf24; + .\32xl\:placeholder-colors-blue-800::placeholder { + color: var(--colors-blue-800, #2c5282); } - .\32xl\:focus\:to-yellow-500:focus { - --tw-gradient-to: #f59e0b; + .\32xl\:placeholder-colors-blue-900::-moz-placeholder { + color: var(--colors-blue-900, #2a4365); } - .\32xl\:focus\:to-yellow-600:focus { - --tw-gradient-to: #d97706; + .\32xl\:placeholder-colors-blue-900::placeholder { + color: var(--colors-blue-900, #2a4365); } - .\32xl\:focus\:to-yellow-700:focus { - --tw-gradient-to: #b45309; + .\32xl\:placeholder-colors-indigo-100::-moz-placeholder { + color: var(--colors-indigo-100, #ebf4ff); } - .\32xl\:focus\:to-yellow-800:focus { - --tw-gradient-to: #92400e; + .\32xl\:placeholder-colors-indigo-100::placeholder { + color: var(--colors-indigo-100, #ebf4ff); } - .\32xl\:focus\:to-yellow-900:focus { - --tw-gradient-to: #78350f; + .\32xl\:placeholder-colors-indigo-200::-moz-placeholder { + color: var(--colors-indigo-200, #c3dafe); } - .\32xl\:focus\:to-green-50:focus { - --tw-gradient-to: #ecfdf5; + .\32xl\:placeholder-colors-indigo-200::placeholder { + color: var(--colors-indigo-200, #c3dafe); } - .\32xl\:focus\:to-green-100:focus { - --tw-gradient-to: #d1fae5; + .\32xl\:placeholder-colors-indigo-300::-moz-placeholder { + color: var(--colors-indigo-300, #a3bffa); } - .\32xl\:focus\:to-green-200:focus { - --tw-gradient-to: #a7f3d0; + .\32xl\:placeholder-colors-indigo-300::placeholder { + color: var(--colors-indigo-300, #a3bffa); } - .\32xl\:focus\:to-green-300:focus { - --tw-gradient-to: #6ee7b7; + .\32xl\:placeholder-colors-indigo-400::-moz-placeholder { + color: var(--colors-indigo-400, #7f9cf5); } - .\32xl\:focus\:to-green-400:focus { - --tw-gradient-to: #34d399; + .\32xl\:placeholder-colors-indigo-400::placeholder { + color: var(--colors-indigo-400, #7f9cf5); } - .\32xl\:focus\:to-green-500:focus { - --tw-gradient-to: #10b981; + .\32xl\:placeholder-colors-indigo-500::-moz-placeholder { + color: var(--colors-indigo-500, #667eea); } - .\32xl\:focus\:to-green-600:focus { - --tw-gradient-to: #059669; + .\32xl\:placeholder-colors-indigo-500::placeholder { + color: var(--colors-indigo-500, #667eea); } - .\32xl\:focus\:to-green-700:focus { - --tw-gradient-to: #047857; + .\32xl\:placeholder-colors-indigo-600::-moz-placeholder { + color: var(--colors-indigo-600, #5a67d8); } - .\32xl\:focus\:to-green-800:focus { - --tw-gradient-to: #065f46; + .\32xl\:placeholder-colors-indigo-600::placeholder { + color: var(--colors-indigo-600, #5a67d8); } - .\32xl\:focus\:to-green-900:focus { - --tw-gradient-to: #064e3b; + .\32xl\:placeholder-colors-indigo-700::-moz-placeholder { + color: var(--colors-indigo-700, #4c51bf); } - .\32xl\:focus\:to-blue-50:focus { - --tw-gradient-to: #eff6ff; + .\32xl\:placeholder-colors-indigo-700::placeholder { + color: var(--colors-indigo-700, #4c51bf); } - .\32xl\:focus\:to-blue-100:focus { - --tw-gradient-to: #dbeafe; + .\32xl\:placeholder-colors-indigo-800::-moz-placeholder { + color: var(--colors-indigo-800, #434190); } - .\32xl\:focus\:to-blue-200:focus { - --tw-gradient-to: #bfdbfe; + .\32xl\:placeholder-colors-indigo-800::placeholder { + color: var(--colors-indigo-800, #434190); } - .\32xl\:focus\:to-blue-300:focus { - --tw-gradient-to: #93c5fd; + .\32xl\:placeholder-colors-indigo-900::-moz-placeholder { + color: var(--colors-indigo-900, #3c366b); } - .\32xl\:focus\:to-blue-400:focus { - --tw-gradient-to: #60a5fa; + .\32xl\:placeholder-colors-indigo-900::placeholder { + color: var(--colors-indigo-900, #3c366b); } - .\32xl\:focus\:to-blue-500:focus { - --tw-gradient-to: #3b82f6; + .\32xl\:placeholder-colors-purple-100::-moz-placeholder { + color: var(--colors-purple-100, #faf5ff); } - .\32xl\:focus\:to-blue-600:focus { - --tw-gradient-to: #2563eb; + .\32xl\:placeholder-colors-purple-100::placeholder { + color: var(--colors-purple-100, #faf5ff); } - .\32xl\:focus\:to-blue-700:focus { - --tw-gradient-to: #1d4ed8; + .\32xl\:placeholder-colors-purple-200::-moz-placeholder { + color: var(--colors-purple-200, #e9d8fd); } - .\32xl\:focus\:to-blue-800:focus { - --tw-gradient-to: #1e40af; + .\32xl\:placeholder-colors-purple-200::placeholder { + color: var(--colors-purple-200, #e9d8fd); } - .\32xl\:focus\:to-blue-900:focus { - --tw-gradient-to: #1e3a8a; + .\32xl\:placeholder-colors-purple-300::-moz-placeholder { + color: var(--colors-purple-300, #d6bcfa); } - .\32xl\:focus\:to-indigo-50:focus { - --tw-gradient-to: #eef2ff; + .\32xl\:placeholder-colors-purple-300::placeholder { + color: var(--colors-purple-300, #d6bcfa); } - .\32xl\:focus\:to-indigo-100:focus { - --tw-gradient-to: #e0e7ff; + .\32xl\:placeholder-colors-purple-400::-moz-placeholder { + color: var(--colors-purple-400, #b794f4); } - .\32xl\:focus\:to-indigo-200:focus { - --tw-gradient-to: #c7d2fe; + .\32xl\:placeholder-colors-purple-400::placeholder { + color: var(--colors-purple-400, #b794f4); } - .\32xl\:focus\:to-indigo-300:focus { - --tw-gradient-to: #a5b4fc; + .\32xl\:placeholder-colors-purple-500::-moz-placeholder { + color: var(--colors-purple-500, #9f7aea); } - .\32xl\:focus\:to-indigo-400:focus { - --tw-gradient-to: #818cf8; + .\32xl\:placeholder-colors-purple-500::placeholder { + color: var(--colors-purple-500, #9f7aea); } - .\32xl\:focus\:to-indigo-500:focus { - --tw-gradient-to: #6366f1; + .\32xl\:placeholder-colors-purple-600::-moz-placeholder { + color: var(--colors-purple-600, #805ad5); } - .\32xl\:focus\:to-indigo-600:focus { - --tw-gradient-to: #4f46e5; + .\32xl\:placeholder-colors-purple-600::placeholder { + color: var(--colors-purple-600, #805ad5); } - .\32xl\:focus\:to-indigo-700:focus { - --tw-gradient-to: #4338ca; + .\32xl\:placeholder-colors-purple-700::-moz-placeholder { + color: var(--colors-purple-700, #6b46c1); } - .\32xl\:focus\:to-indigo-800:focus { - --tw-gradient-to: #3730a3; + .\32xl\:placeholder-colors-purple-700::placeholder { + color: var(--colors-purple-700, #6b46c1); } - .\32xl\:focus\:to-indigo-900:focus { - --tw-gradient-to: #312e81; + .\32xl\:placeholder-colors-purple-800::-moz-placeholder { + color: var(--colors-purple-800, #553c9a); } - .\32xl\:focus\:to-purple-50:focus { - --tw-gradient-to: #f5f3ff; + .\32xl\:placeholder-colors-purple-800::placeholder { + color: var(--colors-purple-800, #553c9a); } - .\32xl\:focus\:to-purple-100:focus { - --tw-gradient-to: #ede9fe; + .\32xl\:placeholder-colors-purple-900::-moz-placeholder { + color: var(--colors-purple-900, #44337a); } - .\32xl\:focus\:to-purple-200:focus { - --tw-gradient-to: #ddd6fe; + .\32xl\:placeholder-colors-purple-900::placeholder { + color: var(--colors-purple-900, #44337a); } - .\32xl\:focus\:to-purple-300:focus { - --tw-gradient-to: #c4b5fd; + .\32xl\:placeholder-colors-pink-100::-moz-placeholder { + color: var(--colors-pink-100, #fff5f7); } - .\32xl\:focus\:to-purple-400:focus { - --tw-gradient-to: #a78bfa; + .\32xl\:placeholder-colors-pink-100::placeholder { + color: var(--colors-pink-100, #fff5f7); } - .\32xl\:focus\:to-purple-500:focus { - --tw-gradient-to: #8b5cf6; + .\32xl\:placeholder-colors-pink-200::-moz-placeholder { + color: var(--colors-pink-200, #fed7e2); } - .\32xl\:focus\:to-purple-600:focus { - --tw-gradient-to: #7c3aed; + .\32xl\:placeholder-colors-pink-200::placeholder { + color: var(--colors-pink-200, #fed7e2); } - .\32xl\:focus\:to-purple-700:focus { - --tw-gradient-to: #6d28d9; + .\32xl\:placeholder-colors-pink-300::-moz-placeholder { + color: var(--colors-pink-300, #fbb6ce); } - .\32xl\:focus\:to-purple-800:focus { - --tw-gradient-to: #5b21b6; + .\32xl\:placeholder-colors-pink-300::placeholder { + color: var(--colors-pink-300, #fbb6ce); } - .\32xl\:focus\:to-purple-900:focus { - --tw-gradient-to: #4c1d95; + .\32xl\:placeholder-colors-pink-400::-moz-placeholder { + color: var(--colors-pink-400, #f687b3); } - .\32xl\:focus\:to-pink-50:focus { - --tw-gradient-to: #fdf2f8; + .\32xl\:placeholder-colors-pink-400::placeholder { + color: var(--colors-pink-400, #f687b3); } - .\32xl\:focus\:to-pink-100:focus { - --tw-gradient-to: #fce7f3; + .\32xl\:placeholder-colors-pink-500::-moz-placeholder { + color: var(--colors-pink-500, #ed64a6); } - .\32xl\:focus\:to-pink-200:focus { - --tw-gradient-to: #fbcfe8; + .\32xl\:placeholder-colors-pink-500::placeholder { + color: var(--colors-pink-500, #ed64a6); } - .\32xl\:focus\:to-pink-300:focus { - --tw-gradient-to: #f9a8d4; + .\32xl\:placeholder-colors-pink-600::-moz-placeholder { + color: var(--colors-pink-600, #d53f8c); } - .\32xl\:focus\:to-pink-400:focus { - --tw-gradient-to: #f472b6; + .\32xl\:placeholder-colors-pink-600::placeholder { + color: var(--colors-pink-600, #d53f8c); } - .\32xl\:focus\:to-pink-500:focus { - --tw-gradient-to: #ec4899; + .\32xl\:placeholder-colors-pink-700::-moz-placeholder { + color: var(--colors-pink-700, #b83280); } - .\32xl\:focus\:to-pink-600:focus { - --tw-gradient-to: #db2777; + .\32xl\:placeholder-colors-pink-700::placeholder { + color: var(--colors-pink-700, #b83280); } - .\32xl\:focus\:to-pink-700:focus { - --tw-gradient-to: #be185d; + .\32xl\:placeholder-colors-pink-800::-moz-placeholder { + color: var(--colors-pink-800, #97266d); } - .\32xl\:focus\:to-pink-800:focus { - --tw-gradient-to: #9d174d; + .\32xl\:placeholder-colors-pink-800::placeholder { + color: var(--colors-pink-800, #97266d); } - .\32xl\:focus\:to-pink-900:focus { - --tw-gradient-to: #831843; + .\32xl\:placeholder-colors-pink-900::-moz-placeholder { + color: var(--colors-pink-900, #702459); } - .\32xl\:decoration-slice { - -webkit-box-decoration-break: slice; - box-decoration-break: slice; + .\32xl\:placeholder-colors-pink-900::placeholder { + color: var(--colors-pink-900, #702459); } - .\32xl\:decoration-clone { - -webkit-box-decoration-break: clone; - box-decoration-break: clone; + .\32xl\:placeholder-Box\ Shadow::-moz-placeholder { + color: var(--box-shadow, #7f7e7f); } - .\32xl\:bg-auto { - background-size: auto; + .\32xl\:placeholder-Box\ Shadow::placeholder { + color: var(--box-shadow, #7f7e7f); } - .\32xl\:bg-cover { - background-size: cover; + .\32xl\:placeholder-Error16::-moz-placeholder { + color: var(--error16, #f03d3e40); } - .\32xl\:bg-contain { - background-size: contain; + .\32xl\:placeholder-Error16::placeholder { + color: var(--error16, #f03d3e40); } - .\32xl\:bg-fixed { - background-attachment: fixed; + .\32xl\:placeholder-Success16::-moz-placeholder { + color: var(--success16, #5bb14d40); } - .\32xl\:bg-local { - background-attachment: local; + .\32xl\:placeholder-Success16::placeholder { + color: var(--success16, #5bb14d40); } - .\32xl\:bg-scroll { - background-attachment: scroll; + .\32xl\:placeholder-Notification16::-moz-placeholder { + color: var(--notification16, #3959ff40); } - .\32xl\:bg-clip-border { - background-clip: border-box; + .\32xl\:placeholder-Notification16::placeholder { + color: var(--notification16, #3959ff40); } - .\32xl\:bg-clip-padding { - background-clip: padding-box; + .\32xl\:placeholder-Error8::-moz-placeholder { + color: var(--error8, #f03d3e1a); } - .\32xl\:bg-clip-content { - background-clip: content-box; + .\32xl\:placeholder-Error8::placeholder { + color: var(--error8, #f03d3e1a); } - .\32xl\:bg-clip-text { - -webkit-background-clip: text; - background-clip: text; + .\32xl\:placeholder-Notification8::-moz-placeholder { + color: var(--notification8, #3959ff1a); } - .\32xl\:bg-bottom { - background-position: bottom; + .\32xl\:placeholder-Notification8::placeholder { + color: var(--notification8, #3959ff1a); } - .\32xl\:bg-center { - background-position: center; + .\32xl\:placeholder-Success8::-moz-placeholder { + color: var(--success8, #5bb14d1a); } - .\32xl\:bg-left { - background-position: left; + .\32xl\:placeholder-Success8::placeholder { + color: var(--success8, #5bb14d1a); } - .\32xl\:bg-left-bottom { - background-position: left bottom; + .\32xl\:placeholder-Light\ -\ Overlay::-moz-placeholder { + color: var(--light-overlay, #f0edee66); } - .\32xl\:bg-left-top { - background-position: left top; + .\32xl\:placeholder-Light\ -\ Overlay::placeholder { + color: var(--light-overlay, #f0edee66); } - .\32xl\:bg-right { - background-position: right; + .\32xl\:placeholder-Dark-\ Overlay::-moz-placeholder { + color: var(--dark-overlay, #7f7e7f66); } - .\32xl\:bg-right-bottom { - background-position: right bottom; + .\32xl\:placeholder-Dark-\ Overlay::placeholder { + color: var(--dark-overlay, #7f7e7f66); } - .\32xl\:bg-right-top { - background-position: right top; + .\32xl\:placeholder-black-40::-moz-placeholder { + color: var(--black-40, #00000066); } - .\32xl\:bg-top { - background-position: top; + .\32xl\:placeholder-black-40::placeholder { + color: var(--black-40, #00000066); } - .\32xl\:bg-repeat { - background-repeat: repeat; + .\32xl\:placeholder-black-75::-moz-placeholder { + color: var(--black-75, #000000bf); } - .\32xl\:bg-no-repeat { - background-repeat: no-repeat; + .\32xl\:placeholder-black-75::placeholder { + color: var(--black-75, #000000bf); } - .\32xl\:bg-repeat-x { - background-repeat: repeat-x; + .\32xl\:placeholder-black-60::-moz-placeholder { + color: var(--black-60, #00000099); } - .\32xl\:bg-repeat-y { - background-repeat: repeat-y; + .\32xl\:placeholder-black-60::placeholder { + color: var(--black-60, #00000099); } - .\32xl\:bg-repeat-round { - background-repeat: round; + .\32xl\:placeholder-black-50::-moz-placeholder { + color: var(--black-50, #00000080); } - .\32xl\:bg-repeat-space { - background-repeat: space; + .\32xl\:placeholder-black-50::placeholder { + color: var(--black-50, #00000080); } - .\32xl\:bg-origin-border { - background-origin: border-box; + .\32xl\:placeholder-black-25::-moz-placeholder { + color: var(--black-25, #00000040); } - .\32xl\:bg-origin-padding { - background-origin: padding-box; + .\32xl\:placeholder-black-25::placeholder { + color: var(--black-25, #00000040); } - .\32xl\:bg-origin-content { - background-origin: content-box; + .\32xl\:placeholder-black-10::-moz-placeholder { + color: var(--black-10, #0000001a); } - .\32xl\:fill-current { - fill: currentColor; + .\32xl\:placeholder-black-10::placeholder { + color: var(--black-10, #0000001a); } - .\32xl\:stroke-current { - stroke: currentColor; + .\32xl\:placeholder-white-25::-moz-placeholder { + color: var(--white-25, #ffffff40); } - .\32xl\:stroke-0 { - stroke-width: 0; + .\32xl\:placeholder-white-25::placeholder { + color: var(--white-25, #ffffff40); } - .\32xl\:stroke-1 { - stroke-width: 1; + .\32xl\:placeholder-white-60::-moz-placeholder { + color: var(--white-60, #ffffff99); } - .\32xl\:stroke-2 { - stroke-width: 2; + .\32xl\:placeholder-white-60::placeholder { + color: var(--white-60, #ffffff99); } - .\32xl\:object-contain { - -o-object-fit: contain; - object-fit: contain; + .\32xl\:placeholder-black-64::-moz-placeholder { + color: var(--black-64, #000000a3); } - .\32xl\:object-cover { - -o-object-fit: cover; - object-fit: cover; + .\32xl\:placeholder-black-64::placeholder { + color: var(--black-64, #000000a3); } - .\32xl\:object-fill { - -o-object-fit: fill; - object-fit: fill; + .\32xl\:placeholder-Shadow\ and\ Highlight-Shadow::-moz-placeholder { + color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .\32xl\:object-none { - -o-object-fit: none; - object-fit: none; + .\32xl\:placeholder-Shadow\ and\ Highlight-Shadow::placeholder { + color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .\32xl\:object-scale-down { - -o-object-fit: scale-down; - object-fit: scale-down; + .\32xl\:placeholder-Shadow\ and\ Highlight-Highlight::-moz-placeholder { + color: var(--shadow-and-highlight-highlight, #474747); } - .\32xl\:object-bottom { - -o-object-position: bottom; - object-position: bottom; + .\32xl\:placeholder-Shadow\ and\ Highlight-Highlight::placeholder { + color: var(--shadow-and-highlight-highlight, #474747); } - .\32xl\:object-center { - -o-object-position: center; - object-position: center; + .\32xl\:placeholder-Shadow\ and\ Highlight-highlight\ one::-moz-placeholder { + color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .\32xl\:object-left { - -o-object-position: left; - object-position: left; + .\32xl\:placeholder-Shadow\ and\ Highlight-highlight\ one::placeholder { + color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .\32xl\:object-left-bottom { - -o-object-position: left bottom; - object-position: left bottom; + .\32xl\:placeholder-Shadow\ and\ Highlight-highlight\ two::-moz-placeholder { + color: var(--shadow-and-highlight-highlight-two, #47474799); } - .\32xl\:object-left-top { - -o-object-position: left top; - object-position: left top; + .\32xl\:placeholder-Shadow\ and\ Highlight-highlight\ two::placeholder { + color: var(--shadow-and-highlight-highlight-two, #47474799); } - .\32xl\:object-right { - -o-object-position: right; - object-position: right; + .\32xl\:placeholder-Shadow\ and\ Highlight-highlight\ three::-moz-placeholder { + color: var(--shadow-and-highlight-highlight-three, #47474766); } - .\32xl\:object-right-bottom { - -o-object-position: right bottom; - object-position: right bottom; + .\32xl\:placeholder-Shadow\ and\ Highlight-highlight\ three::placeholder { + color: var(--shadow-and-highlight-highlight-three, #47474766); } - .\32xl\:object-right-top { - -o-object-position: right top; - object-position: right top; + .\32xl\:placeholder-Shadow\ and\ Highlight-highlight\ five::-moz-placeholder { + color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .\32xl\:object-top { - -o-object-position: top; - object-position: top; + .\32xl\:placeholder-Shadow\ and\ Highlight-highlight\ five::placeholder { + color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .\32xl\:p-0 { - padding: 0px; + .\32xl\:placeholder-Shadow\ and\ Highlight-shadow\ one::-moz-placeholder { + color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .\32xl\:p-1 { - padding: 0.25rem; + .\32xl\:placeholder-Shadow\ and\ Highlight-shadow\ one::placeholder { + color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .\32xl\:p-2 { - padding: 0.5rem; + .\32xl\:placeholder-Shadow\ and\ Highlight-shadow\ two::-moz-placeholder { + color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .\32xl\:p-3 { - padding: 0.75rem; + .\32xl\:placeholder-Shadow\ and\ Highlight-shadow\ two::placeholder { + color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .\32xl\:p-4 { - padding: 1rem; + .\32xl\:placeholder-Shadow\ and\ Highlight-shadow\ three::-moz-placeholder { + color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .\32xl\:p-5 { - padding: 1.25rem; + .\32xl\:placeholder-Shadow\ and\ Highlight-shadow\ three::placeholder { + color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .\32xl\:p-6 { - padding: 1.5rem; + .\32xl\:placeholder-Shadow\ and\ Highlight-shadow\ four::-moz-placeholder { + color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .\32xl\:p-7 { - padding: 1.75rem; + .\32xl\:placeholder-Shadow\ and\ Highlight-shadow\ four::placeholder { + color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .\32xl\:p-8 { - padding: 2rem; + .\32xl\:placeholder-Shadow\ and\ Highlight-shadow\ five::-moz-placeholder { + color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .\32xl\:p-9 { - padding: 2.25rem; + .\32xl\:placeholder-Shadow\ and\ Highlight-shadow\ five::placeholder { + color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .\32xl\:p-10 { - padding: 2.5rem; + .\32xl\:placeholder-Shadow\ and\ Highlight-highlight\ four::-moz-placeholder { + color: var(--shadow-and-highlight-highlight-four, #47474740); } - .\32xl\:p-11 { - padding: 2.75rem; + .\32xl\:placeholder-Shadow\ and\ Highlight-highlight\ four::placeholder { + color: var(--shadow-and-highlight-highlight-four, #47474740); } - .\32xl\:p-12 { - padding: 3rem; + .\32xl\:placeholder-Base\ Layer\ Styles-Base\ Layer-\ Light-White::-moz-placeholder { + color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .\32xl\:p-14 { - padding: 3.5rem; + .\32xl\:placeholder-Base\ Layer\ Styles-Base\ Layer-\ Light-White::placeholder { + color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .\32xl\:p-16 { - padding: 4rem; + .\32xl\:placeholder-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite::-moz-placeholder { + color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .\32xl\:p-20 { - padding: 5rem; + .\32xl\:placeholder-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite::placeholder { + color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .\32xl\:p-24 { - padding: 6rem; + .\32xl\:placeholder-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack::-moz-placeholder { + color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .\32xl\:p-28 { - padding: 7rem; + .\32xl\:placeholder-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack::placeholder { + color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .\32xl\:p-32 { - padding: 8rem; + .\32xl\:placeholder-Base\ Layer\ Styles-Base\ Layer-Dark-Black::-moz-placeholder { + color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .\32xl\:p-36 { - padding: 9rem; + .\32xl\:placeholder-Base\ Layer\ Styles-Base\ Layer-Dark-Black::placeholder { + color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .\32xl\:p-40 { - padding: 10rem; + .\32xl\:placeholder-Grey-Scale-white::-moz-placeholder { + color: var(--grey-scale-white, #ffffff); } - .\32xl\:p-44 { - padding: 11rem; + .\32xl\:placeholder-Grey-Scale-white::placeholder { + color: var(--grey-scale-white, #ffffff); } - .\32xl\:p-48 { - padding: 12rem; + .\32xl\:placeholder-Grey-Scale-off-white::-moz-placeholder { + color: var(--grey-scale-off-white, #f0edee); } - .\32xl\:p-52 { - padding: 13rem; + .\32xl\:placeholder-Grey-Scale-off-white::placeholder { + color: var(--grey-scale-off-white, #f0edee); } - .\32xl\:p-56 { - padding: 14rem; + .\32xl\:placeholder-Grey\ Scale-grey::-moz-placeholder { + color: var(--grey-scale-grey, #7f7e7f); } - .\32xl\:p-60 { - padding: 15rem; + .\32xl\:placeholder-Grey\ Scale-grey::placeholder { + color: var(--grey-scale-grey, #7f7e7f); } - .\32xl\:p-64 { - padding: 16rem; + .\32xl\:placeholder-Grey\ Scale-charcoal::-moz-placeholder { + color: var(--grey-scale-charcoal, #474747); } - .\32xl\:p-72 { - padding: 18rem; + .\32xl\:placeholder-Grey\ Scale-charcoal::placeholder { + color: var(--grey-scale-charcoal, #474747); } - .\32xl\:p-80 { - padding: 20rem; + .\32xl\:placeholder-Grey\ Scale-off-black::-moz-placeholder { + color: var(--grey-scale-off-black, #1c1c1c); } - .\32xl\:p-96 { - padding: 24rem; + .\32xl\:placeholder-Grey\ Scale-off-black::placeholder { + color: var(--grey-scale-off-black, #1c1c1c); } - .\32xl\:p-px { - padding: 1px; + .\32xl\:placeholder-Grey\ Scale-black::-moz-placeholder { + color: var(--grey-scale-black, #000000); } - .\32xl\:p-0\.5 { - padding: 0.125rem; + .\32xl\:placeholder-Grey\ Scale-black::placeholder { + color: var(--grey-scale-black, #000000); } - .\32xl\:p-1\.5 { - padding: 0.375rem; + .\32xl\:placeholder-Blue-blue::-moz-placeholder { + color: var(--blue-blue, #3a7ca5); } - .\32xl\:p-2\.5 { - padding: 0.625rem; + .\32xl\:placeholder-Blue-blue::placeholder { + color: var(--blue-blue, #3a7ca5); } - .\32xl\:p-3\.5 { - padding: 0.875rem; + .\32xl\:placeholder-Blue-blue-100::-moz-placeholder { + color: var(--blue-blue-100, #75a3c0); } - .\32xl\:px-0 { - padding-left: 0px; - padding-right: 0px; + .\32xl\:placeholder-Blue-blue-100::placeholder { + color: var(--blue-blue-100, #75a3c0); } - .\32xl\:px-1 { - padding-left: 0.25rem; - padding-right: 0.25rem; + .\32xl\:placeholder-Blue-blue-200::-moz-placeholder { + color: var(--blue-blue-200, #9cbed2); } - .\32xl\:px-2 { - padding-left: 0.5rem; - padding-right: 0.5rem; + .\32xl\:placeholder-Blue-blue-200::placeholder { + color: var(--blue-blue-200, #9cbed2); } - .\32xl\:px-3 { - padding-left: 0.75rem; - padding-right: 0.75rem; + .\32xl\:placeholder-Blue-blue-300::-moz-placeholder { + color: var(--blue-blue-300, #4f7d9a); } - .\32xl\:px-4 { - padding-left: 1rem; - padding-right: 1rem; + .\32xl\:placeholder-Blue-blue-300::placeholder { + color: var(--blue-blue-300, #4f7d9a); } - .\32xl\:px-5 { - padding-left: 1.25rem; - padding-right: 1.25rem; + .\32xl\:placeholder-Blue-blue-400::-moz-placeholder { + color: var(--blue-blue-400, #5c7d92); } - .\32xl\:px-6 { - padding-left: 1.5rem; - padding-right: 1.5rem; + .\32xl\:placeholder-Blue-blue-400::placeholder { + color: var(--blue-blue-400, #5c7d92); } - .\32xl\:px-7 { - padding-left: 1.75rem; - padding-right: 1.75rem; + .\32xl\:placeholder-Blue-blue-500::-moz-placeholder { + color: var(--blue-blue-500, #347095); } - .\32xl\:px-8 { - padding-left: 2rem; - padding-right: 2rem; + .\32xl\:placeholder-Blue-blue-500::placeholder { + color: var(--blue-blue-500, #347095); } - .\32xl\:px-9 { - padding-left: 2.25rem; - padding-right: 2.25rem; + .\32xl\:placeholder-Blue-blue-600::-moz-placeholder { + color: var(--blue-blue-600, #295774); } - .\32xl\:px-10 { - padding-left: 2.5rem; - padding-right: 2.5rem; + .\32xl\:placeholder-Blue-blue-600::placeholder { + color: var(--blue-blue-600, #295774); } - .\32xl\:px-11 { - padding-left: 2.75rem; - padding-right: 2.75rem; + .\32xl\:placeholder-Blue-blue-700::-moz-placeholder { + color: var(--blue-blue-700, #173242); } - .\32xl\:px-12 { - padding-left: 3rem; - padding-right: 3rem; + .\32xl\:placeholder-Blue-blue-700::placeholder { + color: var(--blue-blue-700, #173242); } - .\32xl\:px-14 { - padding-left: 3.5rem; - padding-right: 3.5rem; + .\32xl\:placeholder-LightBlue-lightblue::-moz-placeholder { + color: var(--light-blue-lightblue, #81c3d7); } - .\32xl\:px-16 { - padding-left: 4rem; - padding-right: 4rem; + .\32xl\:placeholder-LightBlue-lightblue::placeholder { + color: var(--light-blue-lightblue, #81c3d7); } - .\32xl\:px-20 { - padding-left: 5rem; - padding-right: 5rem; + .\32xl\:placeholder-LightBlue-lightblue-100::-moz-placeholder { + color: var(--light-blue-lightblue-100, #a7d5e3); } - .\32xl\:px-24 { - padding-left: 6rem; - padding-right: 6rem; + .\32xl\:placeholder-LightBlue-lightblue-100::placeholder { + color: var(--light-blue-lightblue-100, #a7d5e3); } - .\32xl\:px-28 { - padding-left: 7rem; - padding-right: 7rem; + .\32xl\:placeholder-LightBlue-lightblue-200::-moz-placeholder { + color: var(--light-blue-lightblue-200, #c0e1eb); } - .\32xl\:px-32 { - padding-left: 8rem; - padding-right: 8rem; + .\32xl\:placeholder-LightBlue-lightblue-200::placeholder { + color: var(--light-blue-lightblue-200, #c0e1eb); } - .\32xl\:px-36 { - padding-left: 9rem; - padding-right: 9rem; + .\32xl\:placeholder-LightBlue-lightblue-300::-moz-placeholder { + color: var(--light-blue-lightblue-300, #80aebd); } - .\32xl\:px-40 { - padding-left: 10rem; - padding-right: 10rem; + .\32xl\:placeholder-LightBlue-lightblue-300::placeholder { + color: var(--light-blue-lightblue-300, #80aebd); } - .\32xl\:px-44 { - padding-left: 11rem; - padding-right: 11rem; + .\32xl\:placeholder-LightBlue-lightblue-400::-moz-placeholder { + color: var(--light-blue-lightblue-400, #80a0ab); } - .\32xl\:px-48 { - padding-left: 12rem; - padding-right: 12rem; + .\32xl\:placeholder-LightBlue-lightblue-400::placeholder { + color: var(--light-blue-lightblue-400, #80a0ab); } - .\32xl\:px-52 { - padding-left: 13rem; - padding-right: 13rem; + .\32xl\:placeholder-LightBlue-lightblue-500::-moz-placeholder { + color: var(--light-blue-lightblue-500, #74afc1); } - .\32xl\:px-56 { - padding-left: 14rem; - padding-right: 14rem; + .\32xl\:placeholder-LightBlue-lightblue-500::placeholder { + color: var(--light-blue-lightblue-500, #74afc1); } - .\32xl\:px-60 { - padding-left: 15rem; - padding-right: 15rem; + .\32xl\:placeholder-LightBlue-lightblue-600::-moz-placeholder { + color: var(--light-blue-lightblue-600, #5a8997); } - .\32xl\:px-64 { - padding-left: 16rem; - padding-right: 16rem; + .\32xl\:placeholder-LightBlue-lightblue-600::placeholder { + color: var(--light-blue-lightblue-600, #5a8997); } - .\32xl\:px-72 { - padding-left: 18rem; - padding-right: 18rem; + .\32xl\:placeholder-LightBlue-lightblue-650::-moz-placeholder { + color: var(--light-blue-lightblue-650, #3e5e65); } - .\32xl\:px-80 { - padding-left: 20rem; - padding-right: 20rem; + .\32xl\:placeholder-LightBlue-lightblue-650::placeholder { + color: var(--light-blue-lightblue-650, #3e5e65); } - .\32xl\:px-96 { - padding-left: 24rem; - padding-right: 24rem; + .\32xl\:placeholder-LightBlue-lightblue-700::-moz-placeholder { + color: var(--light-blue-lightblue-700, #344e56); } - .\32xl\:px-px { - padding-left: 1px; - padding-right: 1px; + .\32xl\:placeholder-LightBlue-lightblue-700::placeholder { + color: var(--light-blue-lightblue-700, #344e56); } - .\32xl\:px-0\.5 { - padding-left: 0.125rem; - padding-right: 0.125rem; + .\32xl\:placeholder-Orange-orange::-moz-placeholder { + color: var(--orange-orange, #ff7f0e); } - .\32xl\:px-1\.5 { - padding-left: 0.375rem; - padding-right: 0.375rem; + .\32xl\:placeholder-Orange-orange::placeholder { + color: var(--orange-orange, #ff7f0e); } - .\32xl\:px-2\.5 { - padding-left: 0.625rem; - padding-right: 0.625rem; + .\32xl\:placeholder-Orange-orange-100::-moz-placeholder { + color: var(--orange-orange-100, #ffa556); } - .\32xl\:px-3\.5 { - padding-left: 0.875rem; - padding-right: 0.875rem; + .\32xl\:placeholder-Orange-orange-100::placeholder { + color: var(--orange-orange-100, #ffa556); } - .\32xl\:py-0 { - padding-top: 0px; - padding-bottom: 0px; + .\32xl\:placeholder-Orange-orange-200::-moz-placeholder { + color: var(--orange-orange-200, #ffbf86); } - .\32xl\:py-1 { - padding-top: 0.25rem; - padding-bottom: 0.25rem; + .\32xl\:placeholder-Orange-orange-200::placeholder { + color: var(--orange-orange-200, #ffbf86); } - .\32xl\:py-2 { - padding-top: 0.5rem; - padding-bottom: 0.5rem; + .\32xl\:placeholder-Orange-orange-300::-moz-placeholder { + color: var(--orange-orange-300, #d97f30); } - .\32xl\:py-3 { - padding-top: 0.75rem; - padding-bottom: 0.75rem; + .\32xl\:placeholder-Orange-orange-300::placeholder { + color: var(--orange-orange-300, #d97f30); } - .\32xl\:py-4 { - padding-top: 1rem; - padding-bottom: 1rem; + .\32xl\:placeholder-Orange-orange-400::-moz-placeholder { + color: var(--orange-orange-400, #bf7e46); } - .\32xl\:py-5 { - padding-top: 1.25rem; - padding-bottom: 1.25rem; + .\32xl\:placeholder-Orange-orange-400::placeholder { + color: var(--orange-orange-400, #bf7e46); } - .\32xl\:py-6 { - padding-top: 1.5rem; - padding-bottom: 1.5rem; + .\32xl\:placeholder-Orange-orange-500::-moz-placeholder { + color: var(--orange-orange-500, #e5720d); } - .\32xl\:py-7 { - padding-top: 1.75rem; - padding-bottom: 1.75rem; + .\32xl\:placeholder-Orange-orange-500::placeholder { + color: var(--orange-orange-500, #e5720d); } - .\32xl\:py-8 { - padding-top: 2rem; - padding-bottom: 2rem; + .\32xl\:placeholder-Orange-orange-600::-moz-placeholder { + color: var(--orange-orange-600, #b3590a); } - .\32xl\:py-9 { - padding-top: 2.25rem; - padding-bottom: 2.25rem; + .\32xl\:placeholder-Orange-orange-600::placeholder { + color: var(--orange-orange-600, #b3590a); } - .\32xl\:py-10 { - padding-top: 2.5rem; - padding-bottom: 2.5rem; + .\32xl\:placeholder-Orange-orange-700::-moz-placeholder { + color: var(--orange-orange-700, #663306); } - .\32xl\:py-11 { - padding-top: 2.75rem; - padding-bottom: 2.75rem; + .\32xl\:placeholder-Orange-orange-700::placeholder { + color: var(--orange-orange-700, #663306); } - .\32xl\:py-12 { - padding-top: 3rem; - padding-bottom: 3rem; + .\32xl\:placeholder-Yellow-yellow::-moz-placeholder { + color: var(--yellow-yellow, #ffab00); } - .\32xl\:py-14 { - padding-top: 3.5rem; - padding-bottom: 3.5rem; + .\32xl\:placeholder-Yellow-yellow::placeholder { + color: var(--yellow-yellow, #ffab00); } - .\32xl\:py-16 { - padding-top: 4rem; - padding-bottom: 4rem; + .\32xl\:placeholder-Yellow-yellow-100::-moz-placeholder { + color: var(--yellow-yellow-100, #ffc44c); } - .\32xl\:py-20 { - padding-top: 5rem; - padding-bottom: 5rem; + .\32xl\:placeholder-Yellow-yellow-100::placeholder { + color: var(--yellow-yellow-100, #ffc44c); } - .\32xl\:py-24 { - padding-top: 6rem; - padding-bottom: 6rem; + .\32xl\:placeholder-Yellow-yellow-200::-moz-placeholder { + color: var(--yellow-yellow-200, #ffd580); } - .\32xl\:py-28 { - padding-top: 7rem; - padding-bottom: 7rem; + .\32xl\:placeholder-Yellow-yellow-200::placeholder { + color: var(--yellow-yellow-200, #ffd580); } - .\32xl\:py-32 { - padding-top: 8rem; - padding-bottom: 8rem; + .\32xl\:placeholder-Yellow-yellow-300::-moz-placeholder { + color: var(--yellow-yellow-300, #d99d26); } - .\32xl\:py-36 { - padding-top: 9rem; - padding-bottom: 9rem; + .\32xl\:placeholder-Yellow-yellow-300::placeholder { + color: var(--yellow-yellow-300, #d99d26); } - .\32xl\:py-40 { - padding-top: 10rem; - padding-bottom: 10rem; + .\32xl\:placeholder-Yellow-yellow-400::-moz-placeholder { + color: var(--yellow-yellow-400, #bf943f); } - .\32xl\:py-44 { - padding-top: 11rem; - padding-bottom: 11rem; + .\32xl\:placeholder-Yellow-yellow-400::placeholder { + color: var(--yellow-yellow-400, #bf943f); } - .\32xl\:py-48 { - padding-top: 12rem; - padding-bottom: 12rem; + .\32xl\:placeholder-Yellow-yellow-500::-moz-placeholder { + color: var(--yellow-yellow-500, #e59a00); } - .\32xl\:py-52 { - padding-top: 13rem; - padding-bottom: 13rem; + .\32xl\:placeholder-Yellow-yellow-500::placeholder { + color: var(--yellow-yellow-500, #e59a00); } - .\32xl\:py-56 { - padding-top: 14rem; - padding-bottom: 14rem; + .\32xl\:placeholder-Yellow-yellow-600::-moz-placeholder { + color: var(--yellow-yellow-600, #b37800); } - .\32xl\:py-60 { - padding-top: 15rem; - padding-bottom: 15rem; + .\32xl\:placeholder-Yellow-yellow-600::placeholder { + color: var(--yellow-yellow-600, #b37800); } - .\32xl\:py-64 { - padding-top: 16rem; - padding-bottom: 16rem; + .\32xl\:placeholder-Yellow-yellow-700::-moz-placeholder { + color: var(--yellow-yellow-700, #664400); } - .\32xl\:py-72 { - padding-top: 18rem; - padding-bottom: 18rem; + .\32xl\:placeholder-Yellow-yellow-700::placeholder { + color: var(--yellow-yellow-700, #664400); } - .\32xl\:py-80 { - padding-top: 20rem; - padding-bottom: 20rem; + .\32xl\:placeholder-Notification-notification::-moz-placeholder { + color: var(--notification-notification, #3959ff); } - .\32xl\:py-96 { - padding-top: 24rem; - padding-bottom: 24rem; + .\32xl\:placeholder-Notification-notification::placeholder { + color: var(--notification-notification, #3959ff); } - .\32xl\:py-px { - padding-top: 1px; - padding-bottom: 1px; + .\32xl\:placeholder-Notification-notification-100::-moz-placeholder { + color: var(--notification-notification-100, #748bff); } - .\32xl\:py-0\.5 { - padding-top: 0.125rem; - padding-bottom: 0.125rem; + .\32xl\:placeholder-Notification-notification-100::placeholder { + color: var(--notification-notification-100, #748bff); } - .\32xl\:py-1\.5 { - padding-top: 0.375rem; - padding-bottom: 0.375rem; + .\32xl\:placeholder-Notification-notification-200::-moz-placeholder { + color: var(--notification-notification-200, #9cacff); } - .\32xl\:py-2\.5 { - padding-top: 0.625rem; - padding-bottom: 0.625rem; + .\32xl\:placeholder-Notification-notification-200::placeholder { + color: var(--notification-notification-200, #9cacff); } - .\32xl\:py-3\.5 { - padding-top: 0.875rem; - padding-bottom: 0.875rem; + .\32xl\:placeholder-Notification-notification-300::-moz-placeholder { + color: var(--notification-notification-300, #4e64d9); } - .\32xl\:pt-0 { - padding-top: 0px; + .\32xl\:placeholder-Notification-notification-300::placeholder { + color: var(--notification-notification-300, #4e64d9); } - .\32xl\:pt-1 { - padding-top: 0.25rem; + .\32xl\:placeholder-Notification-notification-400::-moz-placeholder { + color: var(--notification-notification-400, #5c6cbf); } - .\32xl\:pt-2 { - padding-top: 0.5rem; + .\32xl\:placeholder-Notification-notification-400::placeholder { + color: var(--notification-notification-400, #5c6cbf); } - .\32xl\:pt-3 { - padding-top: 0.75rem; + .\32xl\:placeholder-Notification-notification-500::-moz-placeholder { + color: var(--notification-notification-500, #3350e5); } - .\32xl\:pt-4 { - padding-top: 1rem; + .\32xl\:placeholder-Notification-notification-500::placeholder { + color: var(--notification-notification-500, #3350e5); } - .\32xl\:pt-5 { - padding-top: 1.25rem; + .\32xl\:placeholder-Notification-notification-600::-moz-placeholder { + color: var(--notification-notification-600, #283eb3); } - .\32xl\:pt-6 { - padding-top: 1.5rem; + .\32xl\:placeholder-Notification-notification-600::placeholder { + color: var(--notification-notification-600, #283eb3); } - .\32xl\:pt-7 { - padding-top: 1.75rem; + .\32xl\:placeholder-Notification-notification-700::-moz-placeholder { + color: var(--notification-notification-700, #172466); } - .\32xl\:pt-8 { - padding-top: 2rem; + .\32xl\:placeholder-Notification-notification-700::placeholder { + color: var(--notification-notification-700, #172466); } - .\32xl\:pt-9 { - padding-top: 2.25rem; + .\32xl\:placeholder-Success-success\ -700::-moz-placeholder { + color: var(--success-success-700, #24471f); } - .\32xl\:pt-10 { - padding-top: 2.5rem; + .\32xl\:placeholder-Success-success\ -700::placeholder { + color: var(--success-success-700, #24471f); } - .\32xl\:pt-11 { - padding-top: 2.75rem; + .\32xl\:placeholder-Success-success::-moz-placeholder { + color: var(--success-success, #5bb14d); } - .\32xl\:pt-12 { - padding-top: 3rem; + .\32xl\:placeholder-Success-success::placeholder { + color: var(--success-success, #5bb14d); } - .\32xl\:pt-14 { - padding-top: 3.5rem; + .\32xl\:placeholder-Success-success\ -100::-moz-placeholder { + color: var(--success-success-100, #8cc882); } - .\32xl\:pt-16 { - padding-top: 4rem; + .\32xl\:placeholder-Success-success\ -100::placeholder { + color: var(--success-success-100, #8cc882); } - .\32xl\:pt-20 { - padding-top: 5rem; + .\32xl\:placeholder-Success-success\ -200::-moz-placeholder { + color: var(--success-success-200, #add8a6); } - .\32xl\:pt-24 { - padding-top: 6rem; + .\32xl\:placeholder-Success-success\ -200::placeholder { + color: var(--success-success-200, #add8a6); } - .\32xl\:pt-28 { - padding-top: 7rem; + .\32xl\:placeholder-Success-success\ -300::-moz-placeholder { + color: var(--success-success-300, #66a25c); } - .\32xl\:pt-32 { - padding-top: 8rem; + .\32xl\:placeholder-Success-success\ -300::placeholder { + color: var(--success-success-300, #66a25c); } - .\32xl\:pt-36 { - padding-top: 9rem; + .\32xl\:placeholder-Success-success\ -400::-moz-placeholder { + color: var(--success-success-400, #6d9766); } - .\32xl\:pt-40 { - padding-top: 10rem; + .\32xl\:placeholder-Success-success\ -400::placeholder { + color: var(--success-success-400, #6d9766); } - .\32xl\:pt-44 { - padding-top: 11rem; + .\32xl\:placeholder-Success-success\ -500::-moz-placeholder { + color: var(--success-success-500, #529f45); } - .\32xl\:pt-48 { - padding-top: 12rem; + .\32xl\:placeholder-Success-success\ -500::placeholder { + color: var(--success-success-500, #529f45); } - .\32xl\:pt-52 { - padding-top: 13rem; + .\32xl\:placeholder-Success-success\ -600::-moz-placeholder { + color: var(--success-success-600, #407c36); } - .\32xl\:pt-56 { - padding-top: 14rem; + .\32xl\:placeholder-Success-success\ -600::placeholder { + color: var(--success-success-600, #407c36); } - .\32xl\:pt-60 { - padding-top: 15rem; + .\32xl\:placeholder-Error-error::-moz-placeholder { + color: var(--error-error, #f03d3e); } - .\32xl\:pt-64 { - padding-top: 16rem; + .\32xl\:placeholder-Error-error::placeholder { + color: var(--error-error, #f03d3e); } - .\32xl\:pt-72 { - padding-top: 18rem; + .\32xl\:placeholder-Error-error-100::-moz-placeholder { + color: var(--error-error-100, #f57778); } - .\32xl\:pt-80 { - padding-top: 20rem; + .\32xl\:placeholder-Error-error-100::placeholder { + color: var(--error-error-100, #f57778); } - .\32xl\:pt-96 { - padding-top: 24rem; + .\32xl\:placeholder-Error-error-200::-moz-placeholder { + color: var(--error-error-200, #f89e9e); } - .\32xl\:pt-px { - padding-top: 1px; + .\32xl\:placeholder-Error-error-200::placeholder { + color: var(--error-error-200, #f89e9e); } - .\32xl\:pt-0\.5 { - padding-top: 0.125rem; + .\32xl\:placeholder-Error-error-250::-moz-placeholder { + color: var(--error-error-250, #f9c8c8); } - .\32xl\:pt-1\.5 { - padding-top: 0.375rem; + .\32xl\:placeholder-Error-error-250::placeholder { + color: var(--error-error-250, #f9c8c8); } - .\32xl\:pt-2\.5 { - padding-top: 0.625rem; + .\32xl\:placeholder-Error-error-300::-moz-placeholder { + color: var(--error-error-300, #ce5151); } - .\32xl\:pt-3\.5 { - padding-top: 0.875rem; + .\32xl\:placeholder-Error-error-300::placeholder { + color: var(--error-error-300, #ce5151); } - .\32xl\:pr-0 { - padding-right: 0px; + .\32xl\:placeholder-Error-error-400::-moz-placeholder { + color: var(--error-error-400, #b85e5e); } - .\32xl\:pr-1 { - padding-right: 0.25rem; + .\32xl\:placeholder-Error-error-400::placeholder { + color: var(--error-error-400, #b85e5e); } - .\32xl\:pr-2 { - padding-right: 0.5rem; + .\32xl\:placeholder-Error-error-500::-moz-placeholder { + color: var(--error-error-500, #d83738); } - .\32xl\:pr-3 { - padding-right: 0.75rem; + .\32xl\:placeholder-Error-error-500::placeholder { + color: var(--error-error-500, #d83738); } - .\32xl\:pr-4 { - padding-right: 1rem; + .\32xl\:placeholder-Error-error-600::-moz-placeholder { + color: var(--error-error-600, #a82b2b); } - .\32xl\:pr-5 { - padding-right: 1.25rem; + .\32xl\:placeholder-Error-error-600::placeholder { + color: var(--error-error-600, #a82b2b); } - .\32xl\:pr-6 { - padding-right: 1.5rem; + .\32xl\:placeholder-Error-error-700::-moz-placeholder { + color: var(--error-error-700, #601819); } - .\32xl\:pr-7 { - padding-right: 1.75rem; + .\32xl\:placeholder-Error-error-700::placeholder { + color: var(--error-error-700, #601819); } - .\32xl\:pr-8 { - padding-right: 2rem; + .\32xl\:focus\:placeholder-colors-black:focus::-moz-placeholder { + color: var(--colors-black, #000000); } - .\32xl\:pr-9 { - padding-right: 2.25rem; + .\32xl\:focus\:placeholder-colors-black:focus::placeholder { + color: var(--colors-black, #000000); } - .\32xl\:pr-10 { - padding-right: 2.5rem; + .\32xl\:focus\:placeholder-colors-white:focus::-moz-placeholder { + color: var(--colors-white, #ffffff); } - .\32xl\:pr-11 { - padding-right: 2.75rem; + .\32xl\:focus\:placeholder-colors-white:focus::placeholder { + color: var(--colors-white, #ffffff); } - .\32xl\:pr-12 { - padding-right: 3rem; + .\32xl\:focus\:placeholder-colors-gray-100:focus::-moz-placeholder { + color: var(--colors-gray-100, #f7fafc); } - .\32xl\:pr-14 { - padding-right: 3.5rem; + .\32xl\:focus\:placeholder-colors-gray-100:focus::placeholder { + color: var(--colors-gray-100, #f7fafc); } - .\32xl\:pr-16 { - padding-right: 4rem; + .\32xl\:focus\:placeholder-colors-gray-200:focus::-moz-placeholder { + color: var(--colors-gray-200, #edf2f7); } - .\32xl\:pr-20 { - padding-right: 5rem; + .\32xl\:focus\:placeholder-colors-gray-200:focus::placeholder { + color: var(--colors-gray-200, #edf2f7); } - .\32xl\:pr-24 { - padding-right: 6rem; + .\32xl\:focus\:placeholder-colors-gray-300:focus::-moz-placeholder { + color: var(--colors-gray-300, #e2e8f0); } - .\32xl\:pr-28 { - padding-right: 7rem; + .\32xl\:focus\:placeholder-colors-gray-300:focus::placeholder { + color: var(--colors-gray-300, #e2e8f0); } - .\32xl\:pr-32 { - padding-right: 8rem; + .\32xl\:focus\:placeholder-colors-gray-400:focus::-moz-placeholder { + color: var(--colors-gray-400, #cbd5e0); } - .\32xl\:pr-36 { - padding-right: 9rem; + .\32xl\:focus\:placeholder-colors-gray-400:focus::placeholder { + color: var(--colors-gray-400, #cbd5e0); } - .\32xl\:pr-40 { - padding-right: 10rem; + .\32xl\:focus\:placeholder-colors-gray-500:focus::-moz-placeholder { + color: var(--colors-gray-500, #a0aec0); } - .\32xl\:pr-44 { - padding-right: 11rem; + .\32xl\:focus\:placeholder-colors-gray-500:focus::placeholder { + color: var(--colors-gray-500, #a0aec0); } - .\32xl\:pr-48 { - padding-right: 12rem; + .\32xl\:focus\:placeholder-colors-gray-600:focus::-moz-placeholder { + color: var(--colors-gray-600, #718096); } - .\32xl\:pr-52 { - padding-right: 13rem; + .\32xl\:focus\:placeholder-colors-gray-600:focus::placeholder { + color: var(--colors-gray-600, #718096); } - .\32xl\:pr-56 { - padding-right: 14rem; + .\32xl\:focus\:placeholder-colors-gray-700:focus::-moz-placeholder { + color: var(--colors-gray-700, #4a5568); } - .\32xl\:pr-60 { - padding-right: 15rem; + .\32xl\:focus\:placeholder-colors-gray-700:focus::placeholder { + color: var(--colors-gray-700, #4a5568); } - .\32xl\:pr-64 { - padding-right: 16rem; + .\32xl\:focus\:placeholder-colors-gray-800:focus::-moz-placeholder { + color: var(--colors-gray-800, #2d3748); } - .\32xl\:pr-72 { - padding-right: 18rem; + .\32xl\:focus\:placeholder-colors-gray-800:focus::placeholder { + color: var(--colors-gray-800, #2d3748); } - .\32xl\:pr-80 { - padding-right: 20rem; + .\32xl\:focus\:placeholder-colors-gray-900:focus::-moz-placeholder { + color: var(--colors-gray-900, #1a202c); } - .\32xl\:pr-96 { - padding-right: 24rem; + .\32xl\:focus\:placeholder-colors-gray-900:focus::placeholder { + color: var(--colors-gray-900, #1a202c); } - .\32xl\:pr-px { - padding-right: 1px; + .\32xl\:focus\:placeholder-colors-red-100:focus::-moz-placeholder { + color: var(--colors-red-100, #fff5f5); } - .\32xl\:pr-0\.5 { - padding-right: 0.125rem; + .\32xl\:focus\:placeholder-colors-red-100:focus::placeholder { + color: var(--colors-red-100, #fff5f5); } - .\32xl\:pr-1\.5 { - padding-right: 0.375rem; + .\32xl\:focus\:placeholder-colors-red-200:focus::-moz-placeholder { + color: var(--colors-red-200, #fed7d7); } - .\32xl\:pr-2\.5 { - padding-right: 0.625rem; + .\32xl\:focus\:placeholder-colors-red-200:focus::placeholder { + color: var(--colors-red-200, #fed7d7); } - .\32xl\:pr-3\.5 { - padding-right: 0.875rem; + .\32xl\:focus\:placeholder-colors-red-300:focus::-moz-placeholder { + color: var(--colors-red-300, #feb2b2); } - .\32xl\:pb-0 { - padding-bottom: 0px; + .\32xl\:focus\:placeholder-colors-red-300:focus::placeholder { + color: var(--colors-red-300, #feb2b2); } - .\32xl\:pb-1 { - padding-bottom: 0.25rem; + .\32xl\:focus\:placeholder-colors-red-400:focus::-moz-placeholder { + color: var(--colors-red-400, #fc8181); } - .\32xl\:pb-2 { - padding-bottom: 0.5rem; + .\32xl\:focus\:placeholder-colors-red-400:focus::placeholder { + color: var(--colors-red-400, #fc8181); } - .\32xl\:pb-3 { - padding-bottom: 0.75rem; + .\32xl\:focus\:placeholder-colors-red-500:focus::-moz-placeholder { + color: var(--colors-red-500, #f56565); } - .\32xl\:pb-4 { - padding-bottom: 1rem; + .\32xl\:focus\:placeholder-colors-red-500:focus::placeholder { + color: var(--colors-red-500, #f56565); } - .\32xl\:pb-5 { - padding-bottom: 1.25rem; + .\32xl\:focus\:placeholder-colors-red-600:focus::-moz-placeholder { + color: var(--colors-red-600, #e53e3e); } - .\32xl\:pb-6 { - padding-bottom: 1.5rem; + .\32xl\:focus\:placeholder-colors-red-600:focus::placeholder { + color: var(--colors-red-600, #e53e3e); } - .\32xl\:pb-7 { - padding-bottom: 1.75rem; + .\32xl\:focus\:placeholder-colors-red-700:focus::-moz-placeholder { + color: var(--colors-red-700, #c53030); } - .\32xl\:pb-8 { - padding-bottom: 2rem; + .\32xl\:focus\:placeholder-colors-red-700:focus::placeholder { + color: var(--colors-red-700, #c53030); } - .\32xl\:pb-9 { - padding-bottom: 2.25rem; + .\32xl\:focus\:placeholder-colors-red-800:focus::-moz-placeholder { + color: var(--colors-red-800, #9b2c2c); } - .\32xl\:pb-10 { - padding-bottom: 2.5rem; + .\32xl\:focus\:placeholder-colors-red-800:focus::placeholder { + color: var(--colors-red-800, #9b2c2c); } - .\32xl\:pb-11 { - padding-bottom: 2.75rem; + .\32xl\:focus\:placeholder-colors-red-900:focus::-moz-placeholder { + color: var(--colors-red-900, #742a2a); } - .\32xl\:pb-12 { - padding-bottom: 3rem; + .\32xl\:focus\:placeholder-colors-red-900:focus::placeholder { + color: var(--colors-red-900, #742a2a); } - .\32xl\:pb-14 { - padding-bottom: 3.5rem; + .\32xl\:focus\:placeholder-colors-orange-100:focus::-moz-placeholder { + color: var(--colors-orange-100, #fffaf0); } - .\32xl\:pb-16 { - padding-bottom: 4rem; + .\32xl\:focus\:placeholder-colors-orange-100:focus::placeholder { + color: var(--colors-orange-100, #fffaf0); } - .\32xl\:pb-20 { - padding-bottom: 5rem; + .\32xl\:focus\:placeholder-colors-orange-200:focus::-moz-placeholder { + color: var(--colors-orange-200, #feebc8); } - .\32xl\:pb-24 { - padding-bottom: 6rem; + .\32xl\:focus\:placeholder-colors-orange-200:focus::placeholder { + color: var(--colors-orange-200, #feebc8); } - .\32xl\:pb-28 { - padding-bottom: 7rem; + .\32xl\:focus\:placeholder-colors-orange-300:focus::-moz-placeholder { + color: var(--colors-orange-300, #fbd38d); } - .\32xl\:pb-32 { - padding-bottom: 8rem; + .\32xl\:focus\:placeholder-colors-orange-300:focus::placeholder { + color: var(--colors-orange-300, #fbd38d); } - .\32xl\:pb-36 { - padding-bottom: 9rem; + .\32xl\:focus\:placeholder-colors-orange-400:focus::-moz-placeholder { + color: var(--colors-orange-400, #f6ad55); } - .\32xl\:pb-40 { - padding-bottom: 10rem; + .\32xl\:focus\:placeholder-colors-orange-400:focus::placeholder { + color: var(--colors-orange-400, #f6ad55); } - .\32xl\:pb-44 { - padding-bottom: 11rem; + .\32xl\:focus\:placeholder-colors-orange-500:focus::-moz-placeholder { + color: var(--colors-orange-500, #ed8936); } - .\32xl\:pb-48 { - padding-bottom: 12rem; + .\32xl\:focus\:placeholder-colors-orange-500:focus::placeholder { + color: var(--colors-orange-500, #ed8936); } - .\32xl\:pb-52 { - padding-bottom: 13rem; + .\32xl\:focus\:placeholder-colors-orange-600:focus::-moz-placeholder { + color: var(--colors-orange-600, #dd6b20); } - .\32xl\:pb-56 { - padding-bottom: 14rem; + .\32xl\:focus\:placeholder-colors-orange-600:focus::placeholder { + color: var(--colors-orange-600, #dd6b20); } - .\32xl\:pb-60 { - padding-bottom: 15rem; + .\32xl\:focus\:placeholder-colors-orange-700:focus::-moz-placeholder { + color: var(--colors-orange-700, #c05621); } - .\32xl\:pb-64 { - padding-bottom: 16rem; + .\32xl\:focus\:placeholder-colors-orange-700:focus::placeholder { + color: var(--colors-orange-700, #c05621); } - .\32xl\:pb-72 { - padding-bottom: 18rem; + .\32xl\:focus\:placeholder-colors-orange-800:focus::-moz-placeholder { + color: var(--colors-orange-800, #9c4221); } - .\32xl\:pb-80 { - padding-bottom: 20rem; + .\32xl\:focus\:placeholder-colors-orange-800:focus::placeholder { + color: var(--colors-orange-800, #9c4221); } - .\32xl\:pb-96 { - padding-bottom: 24rem; + .\32xl\:focus\:placeholder-colors-orange-900:focus::-moz-placeholder { + color: var(--colors-orange-900, #7b341e); } - .\32xl\:pb-px { - padding-bottom: 1px; + .\32xl\:focus\:placeholder-colors-orange-900:focus::placeholder { + color: var(--colors-orange-900, #7b341e); } - .\32xl\:pb-0\.5 { - padding-bottom: 0.125rem; + .\32xl\:focus\:placeholder-colors-yellow-100:focus::-moz-placeholder { + color: var(--colors-yellow-100, #fffff0); } - .\32xl\:pb-1\.5 { - padding-bottom: 0.375rem; + .\32xl\:focus\:placeholder-colors-yellow-100:focus::placeholder { + color: var(--colors-yellow-100, #fffff0); } - .\32xl\:pb-2\.5 { - padding-bottom: 0.625rem; + .\32xl\:focus\:placeholder-colors-yellow-200:focus::-moz-placeholder { + color: var(--colors-yellow-200, #fefcbf); } - .\32xl\:pb-3\.5 { - padding-bottom: 0.875rem; + .\32xl\:focus\:placeholder-colors-yellow-200:focus::placeholder { + color: var(--colors-yellow-200, #fefcbf); } - .\32xl\:pl-0 { - padding-left: 0px; + .\32xl\:focus\:placeholder-colors-yellow-300:focus::-moz-placeholder { + color: var(--colors-yellow-300, #faf089); } - .\32xl\:pl-1 { - padding-left: 0.25rem; + .\32xl\:focus\:placeholder-colors-yellow-300:focus::placeholder { + color: var(--colors-yellow-300, #faf089); } - .\32xl\:pl-2 { - padding-left: 0.5rem; + .\32xl\:focus\:placeholder-colors-yellow-400:focus::-moz-placeholder { + color: var(--colors-yellow-400, #f6e05e); } - .\32xl\:pl-3 { - padding-left: 0.75rem; + .\32xl\:focus\:placeholder-colors-yellow-400:focus::placeholder { + color: var(--colors-yellow-400, #f6e05e); } - .\32xl\:pl-4 { - padding-left: 1rem; + .\32xl\:focus\:placeholder-colors-yellow-500:focus::-moz-placeholder { + color: var(--colors-yellow-500, #ecc94b); } - .\32xl\:pl-5 { - padding-left: 1.25rem; + .\32xl\:focus\:placeholder-colors-yellow-500:focus::placeholder { + color: var(--colors-yellow-500, #ecc94b); } - .\32xl\:pl-6 { - padding-left: 1.5rem; + .\32xl\:focus\:placeholder-colors-yellow-600:focus::-moz-placeholder { + color: var(--colors-yellow-600, #d69e2e); } - .\32xl\:pl-7 { - padding-left: 1.75rem; + .\32xl\:focus\:placeholder-colors-yellow-600:focus::placeholder { + color: var(--colors-yellow-600, #d69e2e); } - .\32xl\:pl-8 { - padding-left: 2rem; + .\32xl\:focus\:placeholder-colors-yellow-700:focus::-moz-placeholder { + color: var(--colors-yellow-700, #b7791f); } - .\32xl\:pl-9 { - padding-left: 2.25rem; + .\32xl\:focus\:placeholder-colors-yellow-700:focus::placeholder { + color: var(--colors-yellow-700, #b7791f); } - .\32xl\:pl-10 { - padding-left: 2.5rem; + .\32xl\:focus\:placeholder-colors-yellow-800:focus::-moz-placeholder { + color: var(--colors-yellow-800, #975a16); } - .\32xl\:pl-11 { - padding-left: 2.75rem; + .\32xl\:focus\:placeholder-colors-yellow-800:focus::placeholder { + color: var(--colors-yellow-800, #975a16); } - .\32xl\:pl-12 { - padding-left: 3rem; + .\32xl\:focus\:placeholder-colors-yellow-900:focus::-moz-placeholder { + color: var(--colors-yellow-900, #744210); } - .\32xl\:pl-14 { - padding-left: 3.5rem; + .\32xl\:focus\:placeholder-colors-yellow-900:focus::placeholder { + color: var(--colors-yellow-900, #744210); } - .\32xl\:pl-16 { - padding-left: 4rem; + .\32xl\:focus\:placeholder-colors-green-100:focus::-moz-placeholder { + color: var(--colors-green-100, #f0fff4); } - .\32xl\:pl-20 { - padding-left: 5rem; + .\32xl\:focus\:placeholder-colors-green-100:focus::placeholder { + color: var(--colors-green-100, #f0fff4); } - .\32xl\:pl-24 { - padding-left: 6rem; + .\32xl\:focus\:placeholder-colors-green-200:focus::-moz-placeholder { + color: var(--colors-green-200, #c6f6d5); } - .\32xl\:pl-28 { - padding-left: 7rem; + .\32xl\:focus\:placeholder-colors-green-200:focus::placeholder { + color: var(--colors-green-200, #c6f6d5); } - .\32xl\:pl-32 { - padding-left: 8rem; + .\32xl\:focus\:placeholder-colors-green-300:focus::-moz-placeholder { + color: var(--colors-green-300, #9ae6b4); } - .\32xl\:pl-36 { - padding-left: 9rem; + .\32xl\:focus\:placeholder-colors-green-300:focus::placeholder { + color: var(--colors-green-300, #9ae6b4); } - .\32xl\:pl-40 { - padding-left: 10rem; + .\32xl\:focus\:placeholder-colors-green-400:focus::-moz-placeholder { + color: var(--colors-green-400, #68d391); } - .\32xl\:pl-44 { - padding-left: 11rem; + .\32xl\:focus\:placeholder-colors-green-400:focus::placeholder { + color: var(--colors-green-400, #68d391); } - .\32xl\:pl-48 { - padding-left: 12rem; + .\32xl\:focus\:placeholder-colors-green-500:focus::-moz-placeholder { + color: var(--colors-green-500, #48bb78); } - .\32xl\:pl-52 { - padding-left: 13rem; + .\32xl\:focus\:placeholder-colors-green-500:focus::placeholder { + color: var(--colors-green-500, #48bb78); } - .\32xl\:pl-56 { - padding-left: 14rem; + .\32xl\:focus\:placeholder-colors-green-600:focus::-moz-placeholder { + color: var(--colors-green-600, #38a169); } - .\32xl\:pl-60 { - padding-left: 15rem; + .\32xl\:focus\:placeholder-colors-green-600:focus::placeholder { + color: var(--colors-green-600, #38a169); } - .\32xl\:pl-64 { - padding-left: 16rem; + .\32xl\:focus\:placeholder-colors-green-700:focus::-moz-placeholder { + color: var(--colors-green-700, #2f855a); } - .\32xl\:pl-72 { - padding-left: 18rem; + .\32xl\:focus\:placeholder-colors-green-700:focus::placeholder { + color: var(--colors-green-700, #2f855a); } - .\32xl\:pl-80 { - padding-left: 20rem; + .\32xl\:focus\:placeholder-colors-green-800:focus::-moz-placeholder { + color: var(--colors-green-800, #276749); } - .\32xl\:pl-96 { - padding-left: 24rem; + .\32xl\:focus\:placeholder-colors-green-800:focus::placeholder { + color: var(--colors-green-800, #276749); } - .\32xl\:pl-px { - padding-left: 1px; + .\32xl\:focus\:placeholder-colors-green-900:focus::-moz-placeholder { + color: var(--colors-green-900, #22543d); } - .\32xl\:pl-0\.5 { - padding-left: 0.125rem; + .\32xl\:focus\:placeholder-colors-green-900:focus::placeholder { + color: var(--colors-green-900, #22543d); } - .\32xl\:pl-1\.5 { - padding-left: 0.375rem; + .\32xl\:focus\:placeholder-colors-teal-100:focus::-moz-placeholder { + color: var(--colors-teal-100, #e6fffa); } - .\32xl\:pl-2\.5 { - padding-left: 0.625rem; + .\32xl\:focus\:placeholder-colors-teal-100:focus::placeholder { + color: var(--colors-teal-100, #e6fffa); } - .\32xl\:pl-3\.5 { - padding-left: 0.875rem; + .\32xl\:focus\:placeholder-colors-teal-200:focus::-moz-placeholder { + color: var(--colors-teal-200, #b2f5ea); } - .\32xl\:text-left { - text-align: left; + .\32xl\:focus\:placeholder-colors-teal-200:focus::placeholder { + color: var(--colors-teal-200, #b2f5ea); } - .\32xl\:text-center { - text-align: center; + .\32xl\:focus\:placeholder-colors-teal-300:focus::-moz-placeholder { + color: var(--colors-teal-300, #81e6d9); } - .\32xl\:text-right { - text-align: right; + .\32xl\:focus\:placeholder-colors-teal-300:focus::placeholder { + color: var(--colors-teal-300, #81e6d9); } - .\32xl\:text-justify { - text-align: justify; + .\32xl\:focus\:placeholder-colors-teal-400:focus::-moz-placeholder { + color: var(--colors-teal-400, #4fd1c5); } - .\32xl\:align-baseline { - vertical-align: baseline; + .\32xl\:focus\:placeholder-colors-teal-400:focus::placeholder { + color: var(--colors-teal-400, #4fd1c5); } - .\32xl\:align-top { - vertical-align: top; + .\32xl\:focus\:placeholder-colors-teal-500:focus::-moz-placeholder { + color: var(--colors-teal-500, #38b2ac); } - .\32xl\:align-middle { - vertical-align: middle; + .\32xl\:focus\:placeholder-colors-teal-500:focus::placeholder { + color: var(--colors-teal-500, #38b2ac); } - .\32xl\:align-bottom { - vertical-align: bottom; + .\32xl\:focus\:placeholder-colors-teal-600:focus::-moz-placeholder { + color: var(--colors-teal-600, #319795); } - .\32xl\:align-text-top { - vertical-align: text-top; + .\32xl\:focus\:placeholder-colors-teal-600:focus::placeholder { + color: var(--colors-teal-600, #319795); } - .\32xl\:align-text-bottom { - vertical-align: text-bottom; + .\32xl\:focus\:placeholder-colors-teal-700:focus::-moz-placeholder { + color: var(--colors-teal-700, #2c7a7b); } - .\32xl\:font-sans { - font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + .\32xl\:focus\:placeholder-colors-teal-700:focus::placeholder { + color: var(--colors-teal-700, #2c7a7b); } - .\32xl\:font-serif { - font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; + .\32xl\:focus\:placeholder-colors-teal-800:focus::-moz-placeholder { + color: var(--colors-teal-800, #285e61); } - .\32xl\:font-mono { - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + .\32xl\:focus\:placeholder-colors-teal-800:focus::placeholder { + color: var(--colors-teal-800, #285e61); } - .\32xl\:text-xs { - font-size: 0.75rem; - line-height: 1rem; + .\32xl\:focus\:placeholder-colors-teal-900:focus::-moz-placeholder { + color: var(--colors-teal-900, #234e52); } - .\32xl\:text-sm { - font-size: 0.875rem; - line-height: 1.25rem; + .\32xl\:focus\:placeholder-colors-teal-900:focus::placeholder { + color: var(--colors-teal-900, #234e52); } - .\32xl\:text-base { - font-size: 1rem; - line-height: 1.5rem; + .\32xl\:focus\:placeholder-colors-blue-100:focus::-moz-placeholder { + color: var(--colors-blue-100, #ebf8ff); } - .\32xl\:text-lg { - font-size: 1.125rem; - line-height: 1.75rem; + .\32xl\:focus\:placeholder-colors-blue-100:focus::placeholder { + color: var(--colors-blue-100, #ebf8ff); } - .\32xl\:text-xl { - font-size: 1.25rem; - line-height: 1.75rem; + .\32xl\:focus\:placeholder-colors-blue-200:focus::-moz-placeholder { + color: var(--colors-blue-200, #bee3f8); } - .\32xl\:text-2xl { - font-size: 1.5rem; - line-height: 2rem; + .\32xl\:focus\:placeholder-colors-blue-200:focus::placeholder { + color: var(--colors-blue-200, #bee3f8); } - .\32xl\:text-3xl { - font-size: 1.875rem; - line-height: 2.25rem; + .\32xl\:focus\:placeholder-colors-blue-300:focus::-moz-placeholder { + color: var(--colors-blue-300, #90cdf4); } - .\32xl\:text-4xl { - font-size: 2.25rem; - line-height: 2.5rem; + .\32xl\:focus\:placeholder-colors-blue-300:focus::placeholder { + color: var(--colors-blue-300, #90cdf4); } - .\32xl\:text-5xl { - font-size: 3rem; - line-height: 1; + .\32xl\:focus\:placeholder-colors-blue-400:focus::-moz-placeholder { + color: var(--colors-blue-400, #63b3ed); } - .\32xl\:text-6xl { - font-size: 3.75rem; - line-height: 1; + .\32xl\:focus\:placeholder-colors-blue-400:focus::placeholder { + color: var(--colors-blue-400, #63b3ed); } - .\32xl\:text-7xl { - font-size: 4.5rem; - line-height: 1; + .\32xl\:focus\:placeholder-colors-blue-500:focus::-moz-placeholder { + color: var(--colors-blue-500, #4299e1); } - .\32xl\:text-8xl { - font-size: 6rem; - line-height: 1; + .\32xl\:focus\:placeholder-colors-blue-500:focus::placeholder { + color: var(--colors-blue-500, #4299e1); } - .\32xl\:text-9xl { - font-size: 8rem; - line-height: 1; + .\32xl\:focus\:placeholder-colors-blue-600:focus::-moz-placeholder { + color: var(--colors-blue-600, #3182ce); } - .\32xl\:font-thin { - font-weight: 100; + .\32xl\:focus\:placeholder-colors-blue-600:focus::placeholder { + color: var(--colors-blue-600, #3182ce); } - .\32xl\:font-extralight { - font-weight: 200; + .\32xl\:focus\:placeholder-colors-blue-700:focus::-moz-placeholder { + color: var(--colors-blue-700, #2b6cb0); } - .\32xl\:font-light { - font-weight: 300; + .\32xl\:focus\:placeholder-colors-blue-700:focus::placeholder { + color: var(--colors-blue-700, #2b6cb0); } - .\32xl\:font-normal { - font-weight: 400; + .\32xl\:focus\:placeholder-colors-blue-800:focus::-moz-placeholder { + color: var(--colors-blue-800, #2c5282); } - .\32xl\:font-medium { - font-weight: 500; + .\32xl\:focus\:placeholder-colors-blue-800:focus::placeholder { + color: var(--colors-blue-800, #2c5282); } - .\32xl\:font-semibold { - font-weight: 600; + .\32xl\:focus\:placeholder-colors-blue-900:focus::-moz-placeholder { + color: var(--colors-blue-900, #2a4365); } - .\32xl\:font-bold { - font-weight: 700; + .\32xl\:focus\:placeholder-colors-blue-900:focus::placeholder { + color: var(--colors-blue-900, #2a4365); } - .\32xl\:font-extrabold { - font-weight: 800; + .\32xl\:focus\:placeholder-colors-indigo-100:focus::-moz-placeholder { + color: var(--colors-indigo-100, #ebf4ff); } - .\32xl\:font-black { - font-weight: 900; + .\32xl\:focus\:placeholder-colors-indigo-100:focus::placeholder { + color: var(--colors-indigo-100, #ebf4ff); } - .\32xl\:uppercase { - text-transform: uppercase; + .\32xl\:focus\:placeholder-colors-indigo-200:focus::-moz-placeholder { + color: var(--colors-indigo-200, #c3dafe); } - .\32xl\:lowercase { - text-transform: lowercase; + .\32xl\:focus\:placeholder-colors-indigo-200:focus::placeholder { + color: var(--colors-indigo-200, #c3dafe); } - .\32xl\:capitalize { - text-transform: capitalize; + .\32xl\:focus\:placeholder-colors-indigo-300:focus::-moz-placeholder { + color: var(--colors-indigo-300, #a3bffa); } - .\32xl\:normal-case { - text-transform: none; + .\32xl\:focus\:placeholder-colors-indigo-300:focus::placeholder { + color: var(--colors-indigo-300, #a3bffa); } - .\32xl\:italic { - font-style: italic; + .\32xl\:focus\:placeholder-colors-indigo-400:focus::-moz-placeholder { + color: var(--colors-indigo-400, #7f9cf5); } - .\32xl\:not-italic { - font-style: normal; + .\32xl\:focus\:placeholder-colors-indigo-400:focus::placeholder { + color: var(--colors-indigo-400, #7f9cf5); } - .\32xl\:ordinal, .\32xl\:slashed-zero, .\32xl\:lining-nums, .\32xl\:oldstyle-nums, .\32xl\:proportional-nums, .\32xl\:tabular-nums, .\32xl\:diagonal-fractions, .\32xl\:stacked-fractions { - --tw-ordinal: var(--tw-empty,/*!*/ /*!*/); - --tw-slashed-zero: var(--tw-empty,/*!*/ /*!*/); - --tw-numeric-figure: var(--tw-empty,/*!*/ /*!*/); - --tw-numeric-spacing: var(--tw-empty,/*!*/ /*!*/); - --tw-numeric-fraction: var(--tw-empty,/*!*/ /*!*/); - font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); + .\32xl\:focus\:placeholder-colors-indigo-500:focus::-moz-placeholder { + color: var(--colors-indigo-500, #667eea); } - .\32xl\:normal-nums { - font-variant-numeric: normal; + .\32xl\:focus\:placeholder-colors-indigo-500:focus::placeholder { + color: var(--colors-indigo-500, #667eea); } - .\32xl\:ordinal { - --tw-ordinal: ordinal; + .\32xl\:focus\:placeholder-colors-indigo-600:focus::-moz-placeholder { + color: var(--colors-indigo-600, #5a67d8); } - .\32xl\:slashed-zero { - --tw-slashed-zero: slashed-zero; + .\32xl\:focus\:placeholder-colors-indigo-600:focus::placeholder { + color: var(--colors-indigo-600, #5a67d8); } - .\32xl\:lining-nums { - --tw-numeric-figure: lining-nums; + .\32xl\:focus\:placeholder-colors-indigo-700:focus::-moz-placeholder { + color: var(--colors-indigo-700, #4c51bf); } - .\32xl\:oldstyle-nums { - --tw-numeric-figure: oldstyle-nums; + .\32xl\:focus\:placeholder-colors-indigo-700:focus::placeholder { + color: var(--colors-indigo-700, #4c51bf); } - .\32xl\:proportional-nums { - --tw-numeric-spacing: proportional-nums; + .\32xl\:focus\:placeholder-colors-indigo-800:focus::-moz-placeholder { + color: var(--colors-indigo-800, #434190); } - .\32xl\:tabular-nums { - --tw-numeric-spacing: tabular-nums; + .\32xl\:focus\:placeholder-colors-indigo-800:focus::placeholder { + color: var(--colors-indigo-800, #434190); } - .\32xl\:diagonal-fractions { - --tw-numeric-fraction: diagonal-fractions; + .\32xl\:focus\:placeholder-colors-indigo-900:focus::-moz-placeholder { + color: var(--colors-indigo-900, #3c366b); } - .\32xl\:stacked-fractions { - --tw-numeric-fraction: stacked-fractions; + .\32xl\:focus\:placeholder-colors-indigo-900:focus::placeholder { + color: var(--colors-indigo-900, #3c366b); } - .\32xl\:leading-3 { - line-height: .75rem; + .\32xl\:focus\:placeholder-colors-purple-100:focus::-moz-placeholder { + color: var(--colors-purple-100, #faf5ff); } - .\32xl\:leading-4 { - line-height: 1rem; + .\32xl\:focus\:placeholder-colors-purple-100:focus::placeholder { + color: var(--colors-purple-100, #faf5ff); } - .\32xl\:leading-5 { - line-height: 1.25rem; + .\32xl\:focus\:placeholder-colors-purple-200:focus::-moz-placeholder { + color: var(--colors-purple-200, #e9d8fd); } - .\32xl\:leading-6 { - line-height: 1.5rem; + .\32xl\:focus\:placeholder-colors-purple-200:focus::placeholder { + color: var(--colors-purple-200, #e9d8fd); } - .\32xl\:leading-7 { - line-height: 1.75rem; + .\32xl\:focus\:placeholder-colors-purple-300:focus::-moz-placeholder { + color: var(--colors-purple-300, #d6bcfa); } - .\32xl\:leading-8 { - line-height: 2rem; + .\32xl\:focus\:placeholder-colors-purple-300:focus::placeholder { + color: var(--colors-purple-300, #d6bcfa); } - .\32xl\:leading-9 { - line-height: 2.25rem; + .\32xl\:focus\:placeholder-colors-purple-400:focus::-moz-placeholder { + color: var(--colors-purple-400, #b794f4); } - .\32xl\:leading-10 { - line-height: 2.5rem; + .\32xl\:focus\:placeholder-colors-purple-400:focus::placeholder { + color: var(--colors-purple-400, #b794f4); } - .\32xl\:leading-none { - line-height: 1; + .\32xl\:focus\:placeholder-colors-purple-500:focus::-moz-placeholder { + color: var(--colors-purple-500, #9f7aea); } - .\32xl\:leading-tight { - line-height: 1.25; + .\32xl\:focus\:placeholder-colors-purple-500:focus::placeholder { + color: var(--colors-purple-500, #9f7aea); } - .\32xl\:leading-snug { - line-height: 1.375; + .\32xl\:focus\:placeholder-colors-purple-600:focus::-moz-placeholder { + color: var(--colors-purple-600, #805ad5); } - .\32xl\:leading-normal { - line-height: 1.5; + .\32xl\:focus\:placeholder-colors-purple-600:focus::placeholder { + color: var(--colors-purple-600, #805ad5); } - .\32xl\:leading-relaxed { - line-height: 1.625; + .\32xl\:focus\:placeholder-colors-purple-700:focus::-moz-placeholder { + color: var(--colors-purple-700, #6b46c1); } - .\32xl\:leading-loose { - line-height: 2; + .\32xl\:focus\:placeholder-colors-purple-700:focus::placeholder { + color: var(--colors-purple-700, #6b46c1); } - .\32xl\:tracking-tighter { - letter-spacing: -0.05em; + .\32xl\:focus\:placeholder-colors-purple-800:focus::-moz-placeholder { + color: var(--colors-purple-800, #553c9a); } - .\32xl\:tracking-tight { - letter-spacing: -0.025em; + .\32xl\:focus\:placeholder-colors-purple-800:focus::placeholder { + color: var(--colors-purple-800, #553c9a); } - .\32xl\:tracking-normal { - letter-spacing: 0em; + .\32xl\:focus\:placeholder-colors-purple-900:focus::-moz-placeholder { + color: var(--colors-purple-900, #44337a); } - .\32xl\:tracking-wide { - letter-spacing: 0.025em; + .\32xl\:focus\:placeholder-colors-purple-900:focus::placeholder { + color: var(--colors-purple-900, #44337a); } - .\32xl\:tracking-wider { - letter-spacing: 0.05em; + .\32xl\:focus\:placeholder-colors-pink-100:focus::-moz-placeholder { + color: var(--colors-pink-100, #fff5f7); } - .\32xl\:tracking-widest { - letter-spacing: 0.1em; + .\32xl\:focus\:placeholder-colors-pink-100:focus::placeholder { + color: var(--colors-pink-100, #fff5f7); } - .\32xl\:text-transparent { - color: transparent; + .\32xl\:focus\:placeholder-colors-pink-200:focus::-moz-placeholder { + color: var(--colors-pink-200, #fed7e2); } - .\32xl\:text-current { - color: currentColor; + .\32xl\:focus\:placeholder-colors-pink-200:focus::placeholder { + color: var(--colors-pink-200, #fed7e2); } - .\32xl\:text-black { - --tw-text-opacity: 1; - color: rgba(0, 0, 0, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-colors-pink-300:focus::-moz-placeholder { + color: var(--colors-pink-300, #fbb6ce); } - .\32xl\:text-white { - --tw-text-opacity: 1; - color: rgba(255, 255, 255, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-colors-pink-300:focus::placeholder { + color: var(--colors-pink-300, #fbb6ce); } - .\32xl\:text-gray-50 { - --tw-text-opacity: 1; - color: rgba(249, 250, 251, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-colors-pink-400:focus::-moz-placeholder { + color: var(--colors-pink-400, #f687b3); } - .\32xl\:text-gray-100 { - --tw-text-opacity: 1; - color: rgba(243, 244, 246, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-colors-pink-400:focus::placeholder { + color: var(--colors-pink-400, #f687b3); } - .\32xl\:text-gray-200 { - --tw-text-opacity: 1; - color: rgba(229, 231, 235, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-colors-pink-500:focus::-moz-placeholder { + color: var(--colors-pink-500, #ed64a6); } - .\32xl\:text-gray-300 { - --tw-text-opacity: 1; - color: rgba(209, 213, 219, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-colors-pink-500:focus::placeholder { + color: var(--colors-pink-500, #ed64a6); } - .\32xl\:text-gray-400 { - --tw-text-opacity: 1; - color: rgba(156, 163, 175, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-colors-pink-600:focus::-moz-placeholder { + color: var(--colors-pink-600, #d53f8c); } - .\32xl\:text-gray-500 { - --tw-text-opacity: 1; - color: rgba(107, 114, 128, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-colors-pink-600:focus::placeholder { + color: var(--colors-pink-600, #d53f8c); } - .\32xl\:text-gray-600 { - --tw-text-opacity: 1; - color: rgba(75, 85, 99, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-colors-pink-700:focus::-moz-placeholder { + color: var(--colors-pink-700, #b83280); } - .\32xl\:text-gray-700 { - --tw-text-opacity: 1; - color: rgba(55, 65, 81, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-colors-pink-700:focus::placeholder { + color: var(--colors-pink-700, #b83280); } - .\32xl\:text-gray-800 { - --tw-text-opacity: 1; - color: rgba(31, 41, 55, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-colors-pink-800:focus::-moz-placeholder { + color: var(--colors-pink-800, #97266d); } - .\32xl\:text-gray-900 { - --tw-text-opacity: 1; - color: rgba(17, 24, 39, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-colors-pink-800:focus::placeholder { + color: var(--colors-pink-800, #97266d); } - .\32xl\:text-red-50 { - --tw-text-opacity: 1; - color: rgba(254, 242, 242, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-colors-pink-900:focus::-moz-placeholder { + color: var(--colors-pink-900, #702459); } - .\32xl\:text-red-100 { - --tw-text-opacity: 1; - color: rgba(254, 226, 226, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-colors-pink-900:focus::placeholder { + color: var(--colors-pink-900, #702459); } - .\32xl\:text-red-200 { - --tw-text-opacity: 1; - color: rgba(254, 202, 202, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Box\ Shadow:focus::-moz-placeholder { + color: var(--box-shadow, #7f7e7f); } - .\32xl\:text-red-300 { - --tw-text-opacity: 1; - color: rgba(252, 165, 165, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Box\ Shadow:focus::placeholder { + color: var(--box-shadow, #7f7e7f); } - .\32xl\:text-red-400 { - --tw-text-opacity: 1; - color: rgba(248, 113, 113, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Error16:focus::-moz-placeholder { + color: var(--error16, #f03d3e40); } - .\32xl\:text-red-500 { - --tw-text-opacity: 1; - color: rgba(239, 68, 68, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Error16:focus::placeholder { + color: var(--error16, #f03d3e40); } - .\32xl\:text-red-600 { - --tw-text-opacity: 1; - color: rgba(220, 38, 38, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Success16:focus::-moz-placeholder { + color: var(--success16, #5bb14d40); } - .\32xl\:text-red-700 { - --tw-text-opacity: 1; - color: rgba(185, 28, 28, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Success16:focus::placeholder { + color: var(--success16, #5bb14d40); } - .\32xl\:text-red-800 { - --tw-text-opacity: 1; - color: rgba(153, 27, 27, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Notification16:focus::-moz-placeholder { + color: var(--notification16, #3959ff40); } - .\32xl\:text-red-900 { - --tw-text-opacity: 1; - color: rgba(127, 29, 29, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Notification16:focus::placeholder { + color: var(--notification16, #3959ff40); } - .\32xl\:text-yellow-50 { - --tw-text-opacity: 1; - color: rgba(255, 251, 235, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Error8:focus::-moz-placeholder { + color: var(--error8, #f03d3e1a); } - .\32xl\:text-yellow-100 { - --tw-text-opacity: 1; - color: rgba(254, 243, 199, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Error8:focus::placeholder { + color: var(--error8, #f03d3e1a); } - .\32xl\:text-yellow-200 { - --tw-text-opacity: 1; - color: rgba(253, 230, 138, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Notification8:focus::-moz-placeholder { + color: var(--notification8, #3959ff1a); } - .\32xl\:text-yellow-300 { - --tw-text-opacity: 1; - color: rgba(252, 211, 77, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Notification8:focus::placeholder { + color: var(--notification8, #3959ff1a); } - .\32xl\:text-yellow-400 { - --tw-text-opacity: 1; - color: rgba(251, 191, 36, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Success8:focus::-moz-placeholder { + color: var(--success8, #5bb14d1a); } - .\32xl\:text-yellow-500 { - --tw-text-opacity: 1; - color: rgba(245, 158, 11, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Success8:focus::placeholder { + color: var(--success8, #5bb14d1a); } - .\32xl\:text-yellow-600 { - --tw-text-opacity: 1; - color: rgba(217, 119, 6, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Light\ -\ Overlay:focus::-moz-placeholder { + color: var(--light-overlay, #f0edee66); } - .\32xl\:text-yellow-700 { - --tw-text-opacity: 1; - color: rgba(180, 83, 9, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Light\ -\ Overlay:focus::placeholder { + color: var(--light-overlay, #f0edee66); } - .\32xl\:text-yellow-800 { - --tw-text-opacity: 1; - color: rgba(146, 64, 14, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Dark-\ Overlay:focus::-moz-placeholder { + color: var(--dark-overlay, #7f7e7f66); } - .\32xl\:text-yellow-900 { - --tw-text-opacity: 1; - color: rgba(120, 53, 15, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Dark-\ Overlay:focus::placeholder { + color: var(--dark-overlay, #7f7e7f66); } - .\32xl\:text-green-50 { - --tw-text-opacity: 1; - color: rgba(236, 253, 245, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-black-40:focus::-moz-placeholder { + color: var(--black-40, #00000066); } - .\32xl\:text-green-100 { - --tw-text-opacity: 1; - color: rgba(209, 250, 229, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-black-40:focus::placeholder { + color: var(--black-40, #00000066); } - .\32xl\:text-green-200 { - --tw-text-opacity: 1; - color: rgba(167, 243, 208, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-black-75:focus::-moz-placeholder { + color: var(--black-75, #000000bf); } - .\32xl\:text-green-300 { - --tw-text-opacity: 1; - color: rgba(110, 231, 183, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-black-75:focus::placeholder { + color: var(--black-75, #000000bf); } - .\32xl\:text-green-400 { - --tw-text-opacity: 1; - color: rgba(52, 211, 153, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-black-60:focus::-moz-placeholder { + color: var(--black-60, #00000099); } - .\32xl\:text-green-500 { - --tw-text-opacity: 1; - color: rgba(16, 185, 129, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-black-60:focus::placeholder { + color: var(--black-60, #00000099); } - .\32xl\:text-green-600 { - --tw-text-opacity: 1; - color: rgba(5, 150, 105, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-black-50:focus::-moz-placeholder { + color: var(--black-50, #00000080); } - .\32xl\:text-green-700 { - --tw-text-opacity: 1; - color: rgba(4, 120, 87, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-black-50:focus::placeholder { + color: var(--black-50, #00000080); } - .\32xl\:text-green-800 { - --tw-text-opacity: 1; - color: rgba(6, 95, 70, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-black-25:focus::-moz-placeholder { + color: var(--black-25, #00000040); } - .\32xl\:text-green-900 { - --tw-text-opacity: 1; - color: rgba(6, 78, 59, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-black-25:focus::placeholder { + color: var(--black-25, #00000040); } - .\32xl\:text-blue-50 { - --tw-text-opacity: 1; - color: rgba(239, 246, 255, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-black-10:focus::-moz-placeholder { + color: var(--black-10, #0000001a); } - .\32xl\:text-blue-100 { - --tw-text-opacity: 1; - color: rgba(219, 234, 254, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-black-10:focus::placeholder { + color: var(--black-10, #0000001a); } - .\32xl\:text-blue-200 { - --tw-text-opacity: 1; - color: rgba(191, 219, 254, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-white-25:focus::-moz-placeholder { + color: var(--white-25, #ffffff40); } - .\32xl\:text-blue-300 { - --tw-text-opacity: 1; - color: rgba(147, 197, 253, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-white-25:focus::placeholder { + color: var(--white-25, #ffffff40); } - .\32xl\:text-blue-400 { - --tw-text-opacity: 1; - color: rgba(96, 165, 250, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-white-60:focus::-moz-placeholder { + color: var(--white-60, #ffffff99); } - .\32xl\:text-blue-500 { - --tw-text-opacity: 1; - color: rgba(59, 130, 246, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-white-60:focus::placeholder { + color: var(--white-60, #ffffff99); } - .\32xl\:text-blue-600 { - --tw-text-opacity: 1; - color: rgba(37, 99, 235, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-black-64:focus::-moz-placeholder { + color: var(--black-64, #000000a3); } - .\32xl\:text-blue-700 { - --tw-text-opacity: 1; - color: rgba(29, 78, 216, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-black-64:focus::placeholder { + color: var(--black-64, #000000a3); } - .\32xl\:text-blue-800 { - --tw-text-opacity: 1; - color: rgba(30, 64, 175, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Shadow\ and\ Highlight-Shadow:focus::-moz-placeholder { + color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .\32xl\:text-blue-900 { - --tw-text-opacity: 1; - color: rgba(30, 58, 138, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Shadow\ and\ Highlight-Shadow:focus::placeholder { + color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .\32xl\:text-indigo-50 { - --tw-text-opacity: 1; - color: rgba(238, 242, 255, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Shadow\ and\ Highlight-Highlight:focus::-moz-placeholder { + color: var(--shadow-and-highlight-highlight, #474747); } - .\32xl\:text-indigo-100 { - --tw-text-opacity: 1; - color: rgba(224, 231, 255, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Shadow\ and\ Highlight-Highlight:focus::placeholder { + color: var(--shadow-and-highlight-highlight, #474747); } - .\32xl\:text-indigo-200 { - --tw-text-opacity: 1; - color: rgba(199, 210, 254, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Shadow\ and\ Highlight-highlight\ one:focus::-moz-placeholder { + color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .\32xl\:text-indigo-300 { - --tw-text-opacity: 1; - color: rgba(165, 180, 252, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Shadow\ and\ Highlight-highlight\ one:focus::placeholder { + color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .\32xl\:text-indigo-400 { - --tw-text-opacity: 1; - color: rgba(129, 140, 248, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Shadow\ and\ Highlight-highlight\ two:focus::-moz-placeholder { + color: var(--shadow-and-highlight-highlight-two, #47474799); } - .\32xl\:text-indigo-500 { - --tw-text-opacity: 1; - color: rgba(99, 102, 241, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Shadow\ and\ Highlight-highlight\ two:focus::placeholder { + color: var(--shadow-and-highlight-highlight-two, #47474799); } - .\32xl\:text-indigo-600 { - --tw-text-opacity: 1; - color: rgba(79, 70, 229, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Shadow\ and\ Highlight-highlight\ three:focus::-moz-placeholder { + color: var(--shadow-and-highlight-highlight-three, #47474766); } - .\32xl\:text-indigo-700 { - --tw-text-opacity: 1; - color: rgba(67, 56, 202, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Shadow\ and\ Highlight-highlight\ three:focus::placeholder { + color: var(--shadow-and-highlight-highlight-three, #47474766); } - .\32xl\:text-indigo-800 { - --tw-text-opacity: 1; - color: rgba(55, 48, 163, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Shadow\ and\ Highlight-highlight\ five:focus::-moz-placeholder { + color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .\32xl\:text-indigo-900 { - --tw-text-opacity: 1; - color: rgba(49, 46, 129, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Shadow\ and\ Highlight-highlight\ five:focus::placeholder { + color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .\32xl\:text-purple-50 { - --tw-text-opacity: 1; - color: rgba(245, 243, 255, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Shadow\ and\ Highlight-shadow\ one:focus::-moz-placeholder { + color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .\32xl\:text-purple-100 { - --tw-text-opacity: 1; - color: rgba(237, 233, 254, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Shadow\ and\ Highlight-shadow\ one:focus::placeholder { + color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .\32xl\:text-purple-200 { - --tw-text-opacity: 1; - color: rgba(221, 214, 254, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Shadow\ and\ Highlight-shadow\ two:focus::-moz-placeholder { + color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .\32xl\:text-purple-300 { - --tw-text-opacity: 1; - color: rgba(196, 181, 253, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Shadow\ and\ Highlight-shadow\ two:focus::placeholder { + color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .\32xl\:text-purple-400 { - --tw-text-opacity: 1; - color: rgba(167, 139, 250, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Shadow\ and\ Highlight-shadow\ three:focus::-moz-placeholder { + color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .\32xl\:text-purple-500 { - --tw-text-opacity: 1; - color: rgba(139, 92, 246, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Shadow\ and\ Highlight-shadow\ three:focus::placeholder { + color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .\32xl\:text-purple-600 { - --tw-text-opacity: 1; - color: rgba(124, 58, 237, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Shadow\ and\ Highlight-shadow\ four:focus::-moz-placeholder { + color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .\32xl\:text-purple-700 { - --tw-text-opacity: 1; - color: rgba(109, 40, 217, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Shadow\ and\ Highlight-shadow\ four:focus::placeholder { + color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .\32xl\:text-purple-800 { - --tw-text-opacity: 1; - color: rgba(91, 33, 182, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Shadow\ and\ Highlight-shadow\ five:focus::-moz-placeholder { + color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .\32xl\:text-purple-900 { - --tw-text-opacity: 1; - color: rgba(76, 29, 149, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Shadow\ and\ Highlight-shadow\ five:focus::placeholder { + color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .\32xl\:text-pink-50 { - --tw-text-opacity: 1; - color: rgba(253, 242, 248, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Shadow\ and\ Highlight-highlight\ four:focus::-moz-placeholder { + color: var(--shadow-and-highlight-highlight-four, #47474740); } - .\32xl\:text-pink-100 { - --tw-text-opacity: 1; - color: rgba(252, 231, 243, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Shadow\ and\ Highlight-highlight\ four:focus::placeholder { + color: var(--shadow-and-highlight-highlight-four, #47474740); } - .\32xl\:text-pink-200 { - --tw-text-opacity: 1; - color: rgba(251, 207, 232, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus::-moz-placeholder { + color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .\32xl\:text-pink-300 { - --tw-text-opacity: 1; - color: rgba(249, 168, 212, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus::placeholder { + color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .\32xl\:text-pink-400 { - --tw-text-opacity: 1; - color: rgba(244, 114, 182, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus::-moz-placeholder { + color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .\32xl\:text-pink-500 { - --tw-text-opacity: 1; - color: rgba(236, 72, 153, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus::placeholder { + color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .\32xl\:text-pink-600 { - --tw-text-opacity: 1; - color: rgba(219, 39, 119, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus::-moz-placeholder { + color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .\32xl\:text-pink-700 { - --tw-text-opacity: 1; - color: rgba(190, 24, 93, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus::placeholder { + color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .\32xl\:text-pink-800 { - --tw-text-opacity: 1; - color: rgba(157, 23, 77, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus::-moz-placeholder { + color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .\32xl\:text-pink-900 { - --tw-text-opacity: 1; - color: rgba(131, 24, 67, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus::placeholder { + color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .group:hover .\32xl\:group-hover\:text-transparent { - color: transparent; + .\32xl\:focus\:placeholder-Grey-Scale-white:focus::-moz-placeholder { + color: var(--grey-scale-white, #ffffff); } - .group:hover .\32xl\:group-hover\:text-current { - color: currentColor; + .\32xl\:focus\:placeholder-Grey-Scale-white:focus::placeholder { + color: var(--grey-scale-white, #ffffff); } - .group:hover .\32xl\:group-hover\:text-black { - --tw-text-opacity: 1; - color: rgba(0, 0, 0, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Grey-Scale-off-white:focus::-moz-placeholder { + color: var(--grey-scale-off-white, #f0edee); } - .group:hover .\32xl\:group-hover\:text-white { - --tw-text-opacity: 1; - color: rgba(255, 255, 255, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Grey-Scale-off-white:focus::placeholder { + color: var(--grey-scale-off-white, #f0edee); } - .group:hover .\32xl\:group-hover\:text-gray-50 { - --tw-text-opacity: 1; - color: rgba(249, 250, 251, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Grey\ Scale-grey:focus::-moz-placeholder { + color: var(--grey-scale-grey, #7f7e7f); } - .group:hover .\32xl\:group-hover\:text-gray-100 { - --tw-text-opacity: 1; - color: rgba(243, 244, 246, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Grey\ Scale-grey:focus::placeholder { + color: var(--grey-scale-grey, #7f7e7f); } - .group:hover .\32xl\:group-hover\:text-gray-200 { - --tw-text-opacity: 1; - color: rgba(229, 231, 235, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Grey\ Scale-charcoal:focus::-moz-placeholder { + color: var(--grey-scale-charcoal, #474747); } - .group:hover .\32xl\:group-hover\:text-gray-300 { - --tw-text-opacity: 1; - color: rgba(209, 213, 219, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Grey\ Scale-charcoal:focus::placeholder { + color: var(--grey-scale-charcoal, #474747); } - .group:hover .\32xl\:group-hover\:text-gray-400 { - --tw-text-opacity: 1; - color: rgba(156, 163, 175, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Grey\ Scale-off-black:focus::-moz-placeholder { + color: var(--grey-scale-off-black, #1c1c1c); } - .group:hover .\32xl\:group-hover\:text-gray-500 { - --tw-text-opacity: 1; - color: rgba(107, 114, 128, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Grey\ Scale-off-black:focus::placeholder { + color: var(--grey-scale-off-black, #1c1c1c); } - .group:hover .\32xl\:group-hover\:text-gray-600 { - --tw-text-opacity: 1; - color: rgba(75, 85, 99, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Grey\ Scale-black:focus::-moz-placeholder { + color: var(--grey-scale-black, #000000); } - .group:hover .\32xl\:group-hover\:text-gray-700 { - --tw-text-opacity: 1; - color: rgba(55, 65, 81, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Grey\ Scale-black:focus::placeholder { + color: var(--grey-scale-black, #000000); } - .group:hover .\32xl\:group-hover\:text-gray-800 { - --tw-text-opacity: 1; - color: rgba(31, 41, 55, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Blue-blue:focus::-moz-placeholder { + color: var(--blue-blue, #3a7ca5); } - .group:hover .\32xl\:group-hover\:text-gray-900 { - --tw-text-opacity: 1; - color: rgba(17, 24, 39, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Blue-blue:focus::placeholder { + color: var(--blue-blue, #3a7ca5); } - .group:hover .\32xl\:group-hover\:text-red-50 { - --tw-text-opacity: 1; - color: rgba(254, 242, 242, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Blue-blue-100:focus::-moz-placeholder { + color: var(--blue-blue-100, #75a3c0); } - .group:hover .\32xl\:group-hover\:text-red-100 { - --tw-text-opacity: 1; - color: rgba(254, 226, 226, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Blue-blue-100:focus::placeholder { + color: var(--blue-blue-100, #75a3c0); } - .group:hover .\32xl\:group-hover\:text-red-200 { - --tw-text-opacity: 1; - color: rgba(254, 202, 202, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Blue-blue-200:focus::-moz-placeholder { + color: var(--blue-blue-200, #9cbed2); } - .group:hover .\32xl\:group-hover\:text-red-300 { - --tw-text-opacity: 1; - color: rgba(252, 165, 165, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Blue-blue-200:focus::placeholder { + color: var(--blue-blue-200, #9cbed2); } - .group:hover .\32xl\:group-hover\:text-red-400 { - --tw-text-opacity: 1; - color: rgba(248, 113, 113, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Blue-blue-300:focus::-moz-placeholder { + color: var(--blue-blue-300, #4f7d9a); } - .group:hover .\32xl\:group-hover\:text-red-500 { - --tw-text-opacity: 1; - color: rgba(239, 68, 68, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Blue-blue-300:focus::placeholder { + color: var(--blue-blue-300, #4f7d9a); } - .group:hover .\32xl\:group-hover\:text-red-600 { - --tw-text-opacity: 1; - color: rgba(220, 38, 38, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Blue-blue-400:focus::-moz-placeholder { + color: var(--blue-blue-400, #5c7d92); } - .group:hover .\32xl\:group-hover\:text-red-700 { - --tw-text-opacity: 1; - color: rgba(185, 28, 28, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Blue-blue-400:focus::placeholder { + color: var(--blue-blue-400, #5c7d92); } - .group:hover .\32xl\:group-hover\:text-red-800 { - --tw-text-opacity: 1; - color: rgba(153, 27, 27, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Blue-blue-500:focus::-moz-placeholder { + color: var(--blue-blue-500, #347095); } - .group:hover .\32xl\:group-hover\:text-red-900 { - --tw-text-opacity: 1; - color: rgba(127, 29, 29, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Blue-blue-500:focus::placeholder { + color: var(--blue-blue-500, #347095); } - .group:hover .\32xl\:group-hover\:text-yellow-50 { - --tw-text-opacity: 1; - color: rgba(255, 251, 235, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Blue-blue-600:focus::-moz-placeholder { + color: var(--blue-blue-600, #295774); } - .group:hover .\32xl\:group-hover\:text-yellow-100 { - --tw-text-opacity: 1; - color: rgba(254, 243, 199, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Blue-blue-600:focus::placeholder { + color: var(--blue-blue-600, #295774); } - .group:hover .\32xl\:group-hover\:text-yellow-200 { - --tw-text-opacity: 1; - color: rgba(253, 230, 138, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Blue-blue-700:focus::-moz-placeholder { + color: var(--blue-blue-700, #173242); } - .group:hover .\32xl\:group-hover\:text-yellow-300 { - --tw-text-opacity: 1; - color: rgba(252, 211, 77, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Blue-blue-700:focus::placeholder { + color: var(--blue-blue-700, #173242); } - .group:hover .\32xl\:group-hover\:text-yellow-400 { - --tw-text-opacity: 1; - color: rgba(251, 191, 36, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-LightBlue-lightblue:focus::-moz-placeholder { + color: var(--light-blue-lightblue, #81c3d7); } - .group:hover .\32xl\:group-hover\:text-yellow-500 { - --tw-text-opacity: 1; - color: rgba(245, 158, 11, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-LightBlue-lightblue:focus::placeholder { + color: var(--light-blue-lightblue, #81c3d7); } - .group:hover .\32xl\:group-hover\:text-yellow-600 { - --tw-text-opacity: 1; - color: rgba(217, 119, 6, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-LightBlue-lightblue-100:focus::-moz-placeholder { + color: var(--light-blue-lightblue-100, #a7d5e3); } - .group:hover .\32xl\:group-hover\:text-yellow-700 { - --tw-text-opacity: 1; - color: rgba(180, 83, 9, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-LightBlue-lightblue-100:focus::placeholder { + color: var(--light-blue-lightblue-100, #a7d5e3); } - .group:hover .\32xl\:group-hover\:text-yellow-800 { - --tw-text-opacity: 1; - color: rgba(146, 64, 14, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-LightBlue-lightblue-200:focus::-moz-placeholder { + color: var(--light-blue-lightblue-200, #c0e1eb); } - .group:hover .\32xl\:group-hover\:text-yellow-900 { - --tw-text-opacity: 1; - color: rgba(120, 53, 15, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-LightBlue-lightblue-200:focus::placeholder { + color: var(--light-blue-lightblue-200, #c0e1eb); } - .group:hover .\32xl\:group-hover\:text-green-50 { - --tw-text-opacity: 1; - color: rgba(236, 253, 245, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-LightBlue-lightblue-300:focus::-moz-placeholder { + color: var(--light-blue-lightblue-300, #80aebd); } - .group:hover .\32xl\:group-hover\:text-green-100 { - --tw-text-opacity: 1; - color: rgba(209, 250, 229, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-LightBlue-lightblue-300:focus::placeholder { + color: var(--light-blue-lightblue-300, #80aebd); } - .group:hover .\32xl\:group-hover\:text-green-200 { - --tw-text-opacity: 1; - color: rgba(167, 243, 208, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-LightBlue-lightblue-400:focus::-moz-placeholder { + color: var(--light-blue-lightblue-400, #80a0ab); } - .group:hover .\32xl\:group-hover\:text-green-300 { - --tw-text-opacity: 1; - color: rgba(110, 231, 183, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-LightBlue-lightblue-400:focus::placeholder { + color: var(--light-blue-lightblue-400, #80a0ab); } - .group:hover .\32xl\:group-hover\:text-green-400 { - --tw-text-opacity: 1; - color: rgba(52, 211, 153, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-LightBlue-lightblue-500:focus::-moz-placeholder { + color: var(--light-blue-lightblue-500, #74afc1); } - .group:hover .\32xl\:group-hover\:text-green-500 { - --tw-text-opacity: 1; - color: rgba(16, 185, 129, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-LightBlue-lightblue-500:focus::placeholder { + color: var(--light-blue-lightblue-500, #74afc1); } - .group:hover .\32xl\:group-hover\:text-green-600 { - --tw-text-opacity: 1; - color: rgba(5, 150, 105, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-LightBlue-lightblue-600:focus::-moz-placeholder { + color: var(--light-blue-lightblue-600, #5a8997); } - .group:hover .\32xl\:group-hover\:text-green-700 { - --tw-text-opacity: 1; - color: rgba(4, 120, 87, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-LightBlue-lightblue-600:focus::placeholder { + color: var(--light-blue-lightblue-600, #5a8997); } - .group:hover .\32xl\:group-hover\:text-green-800 { - --tw-text-opacity: 1; - color: rgba(6, 95, 70, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-LightBlue-lightblue-650:focus::-moz-placeholder { + color: var(--light-blue-lightblue-650, #3e5e65); } - .group:hover .\32xl\:group-hover\:text-green-900 { - --tw-text-opacity: 1; - color: rgba(6, 78, 59, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-LightBlue-lightblue-650:focus::placeholder { + color: var(--light-blue-lightblue-650, #3e5e65); } - .group:hover .\32xl\:group-hover\:text-blue-50 { - --tw-text-opacity: 1; - color: rgba(239, 246, 255, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-LightBlue-lightblue-700:focus::-moz-placeholder { + color: var(--light-blue-lightblue-700, #344e56); } - .group:hover .\32xl\:group-hover\:text-blue-100 { - --tw-text-opacity: 1; - color: rgba(219, 234, 254, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-LightBlue-lightblue-700:focus::placeholder { + color: var(--light-blue-lightblue-700, #344e56); } - .group:hover .\32xl\:group-hover\:text-blue-200 { - --tw-text-opacity: 1; - color: rgba(191, 219, 254, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Orange-orange:focus::-moz-placeholder { + color: var(--orange-orange, #ff7f0e); } - .group:hover .\32xl\:group-hover\:text-blue-300 { - --tw-text-opacity: 1; - color: rgba(147, 197, 253, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Orange-orange:focus::placeholder { + color: var(--orange-orange, #ff7f0e); } - .group:hover .\32xl\:group-hover\:text-blue-400 { - --tw-text-opacity: 1; - color: rgba(96, 165, 250, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Orange-orange-100:focus::-moz-placeholder { + color: var(--orange-orange-100, #ffa556); } - .group:hover .\32xl\:group-hover\:text-blue-500 { - --tw-text-opacity: 1; - color: rgba(59, 130, 246, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Orange-orange-100:focus::placeholder { + color: var(--orange-orange-100, #ffa556); } - .group:hover .\32xl\:group-hover\:text-blue-600 { - --tw-text-opacity: 1; - color: rgba(37, 99, 235, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Orange-orange-200:focus::-moz-placeholder { + color: var(--orange-orange-200, #ffbf86); } - .group:hover .\32xl\:group-hover\:text-blue-700 { - --tw-text-opacity: 1; - color: rgba(29, 78, 216, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Orange-orange-200:focus::placeholder { + color: var(--orange-orange-200, #ffbf86); } - .group:hover .\32xl\:group-hover\:text-blue-800 { - --tw-text-opacity: 1; - color: rgba(30, 64, 175, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Orange-orange-300:focus::-moz-placeholder { + color: var(--orange-orange-300, #d97f30); } - .group:hover .\32xl\:group-hover\:text-blue-900 { - --tw-text-opacity: 1; - color: rgba(30, 58, 138, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Orange-orange-300:focus::placeholder { + color: var(--orange-orange-300, #d97f30); } - .group:hover .\32xl\:group-hover\:text-indigo-50 { - --tw-text-opacity: 1; - color: rgba(238, 242, 255, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Orange-orange-400:focus::-moz-placeholder { + color: var(--orange-orange-400, #bf7e46); } - .group:hover .\32xl\:group-hover\:text-indigo-100 { - --tw-text-opacity: 1; - color: rgba(224, 231, 255, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Orange-orange-400:focus::placeholder { + color: var(--orange-orange-400, #bf7e46); } - .group:hover .\32xl\:group-hover\:text-indigo-200 { - --tw-text-opacity: 1; - color: rgba(199, 210, 254, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Orange-orange-500:focus::-moz-placeholder { + color: var(--orange-orange-500, #e5720d); } - .group:hover .\32xl\:group-hover\:text-indigo-300 { - --tw-text-opacity: 1; - color: rgba(165, 180, 252, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Orange-orange-500:focus::placeholder { + color: var(--orange-orange-500, #e5720d); } - .group:hover .\32xl\:group-hover\:text-indigo-400 { - --tw-text-opacity: 1; - color: rgba(129, 140, 248, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Orange-orange-600:focus::-moz-placeholder { + color: var(--orange-orange-600, #b3590a); } - .group:hover .\32xl\:group-hover\:text-indigo-500 { - --tw-text-opacity: 1; - color: rgba(99, 102, 241, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Orange-orange-600:focus::placeholder { + color: var(--orange-orange-600, #b3590a); } - .group:hover .\32xl\:group-hover\:text-indigo-600 { - --tw-text-opacity: 1; - color: rgba(79, 70, 229, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Orange-orange-700:focus::-moz-placeholder { + color: var(--orange-orange-700, #663306); } - .group:hover .\32xl\:group-hover\:text-indigo-700 { - --tw-text-opacity: 1; - color: rgba(67, 56, 202, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Orange-orange-700:focus::placeholder { + color: var(--orange-orange-700, #663306); } - .group:hover .\32xl\:group-hover\:text-indigo-800 { - --tw-text-opacity: 1; - color: rgba(55, 48, 163, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Yellow-yellow:focus::-moz-placeholder { + color: var(--yellow-yellow, #ffab00); } - .group:hover .\32xl\:group-hover\:text-indigo-900 { - --tw-text-opacity: 1; - color: rgba(49, 46, 129, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Yellow-yellow:focus::placeholder { + color: var(--yellow-yellow, #ffab00); } - .group:hover .\32xl\:group-hover\:text-purple-50 { - --tw-text-opacity: 1; - color: rgba(245, 243, 255, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Yellow-yellow-100:focus::-moz-placeholder { + color: var(--yellow-yellow-100, #ffc44c); } - .group:hover .\32xl\:group-hover\:text-purple-100 { - --tw-text-opacity: 1; - color: rgba(237, 233, 254, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Yellow-yellow-100:focus::placeholder { + color: var(--yellow-yellow-100, #ffc44c); } - .group:hover .\32xl\:group-hover\:text-purple-200 { - --tw-text-opacity: 1; - color: rgba(221, 214, 254, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Yellow-yellow-200:focus::-moz-placeholder { + color: var(--yellow-yellow-200, #ffd580); } - .group:hover .\32xl\:group-hover\:text-purple-300 { - --tw-text-opacity: 1; - color: rgba(196, 181, 253, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Yellow-yellow-200:focus::placeholder { + color: var(--yellow-yellow-200, #ffd580); } - .group:hover .\32xl\:group-hover\:text-purple-400 { - --tw-text-opacity: 1; - color: rgba(167, 139, 250, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Yellow-yellow-300:focus::-moz-placeholder { + color: var(--yellow-yellow-300, #d99d26); } - .group:hover .\32xl\:group-hover\:text-purple-500 { - --tw-text-opacity: 1; - color: rgba(139, 92, 246, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Yellow-yellow-300:focus::placeholder { + color: var(--yellow-yellow-300, #d99d26); } - .group:hover .\32xl\:group-hover\:text-purple-600 { - --tw-text-opacity: 1; - color: rgba(124, 58, 237, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Yellow-yellow-400:focus::-moz-placeholder { + color: var(--yellow-yellow-400, #bf943f); } - .group:hover .\32xl\:group-hover\:text-purple-700 { - --tw-text-opacity: 1; - color: rgba(109, 40, 217, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Yellow-yellow-400:focus::placeholder { + color: var(--yellow-yellow-400, #bf943f); } - .group:hover .\32xl\:group-hover\:text-purple-800 { - --tw-text-opacity: 1; - color: rgba(91, 33, 182, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Yellow-yellow-500:focus::-moz-placeholder { + color: var(--yellow-yellow-500, #e59a00); } - .group:hover .\32xl\:group-hover\:text-purple-900 { - --tw-text-opacity: 1; - color: rgba(76, 29, 149, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Yellow-yellow-500:focus::placeholder { + color: var(--yellow-yellow-500, #e59a00); } - .group:hover .\32xl\:group-hover\:text-pink-50 { - --tw-text-opacity: 1; - color: rgba(253, 242, 248, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Yellow-yellow-600:focus::-moz-placeholder { + color: var(--yellow-yellow-600, #b37800); } - .group:hover .\32xl\:group-hover\:text-pink-100 { - --tw-text-opacity: 1; - color: rgba(252, 231, 243, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Yellow-yellow-600:focus::placeholder { + color: var(--yellow-yellow-600, #b37800); } - .group:hover .\32xl\:group-hover\:text-pink-200 { - --tw-text-opacity: 1; - color: rgba(251, 207, 232, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Yellow-yellow-700:focus::-moz-placeholder { + color: var(--yellow-yellow-700, #664400); } - .group:hover .\32xl\:group-hover\:text-pink-300 { - --tw-text-opacity: 1; - color: rgba(249, 168, 212, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Yellow-yellow-700:focus::placeholder { + color: var(--yellow-yellow-700, #664400); } - .group:hover .\32xl\:group-hover\:text-pink-400 { - --tw-text-opacity: 1; - color: rgba(244, 114, 182, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Notification-notification:focus::-moz-placeholder { + color: var(--notification-notification, #3959ff); } - .group:hover .\32xl\:group-hover\:text-pink-500 { - --tw-text-opacity: 1; - color: rgba(236, 72, 153, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Notification-notification:focus::placeholder { + color: var(--notification-notification, #3959ff); } - .group:hover .\32xl\:group-hover\:text-pink-600 { - --tw-text-opacity: 1; - color: rgba(219, 39, 119, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Notification-notification-100:focus::-moz-placeholder { + color: var(--notification-notification-100, #748bff); } - .group:hover .\32xl\:group-hover\:text-pink-700 { - --tw-text-opacity: 1; - color: rgba(190, 24, 93, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Notification-notification-100:focus::placeholder { + color: var(--notification-notification-100, #748bff); } - .group:hover .\32xl\:group-hover\:text-pink-800 { - --tw-text-opacity: 1; - color: rgba(157, 23, 77, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Notification-notification-200:focus::-moz-placeholder { + color: var(--notification-notification-200, #9cacff); } - .group:hover .\32xl\:group-hover\:text-pink-900 { - --tw-text-opacity: 1; - color: rgba(131, 24, 67, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Notification-notification-200:focus::placeholder { + color: var(--notification-notification-200, #9cacff); } - .\32xl\:focus-within\:text-transparent:focus-within { - color: transparent; + .\32xl\:focus\:placeholder-Notification-notification-300:focus::-moz-placeholder { + color: var(--notification-notification-300, #4e64d9); } - .\32xl\:focus-within\:text-current:focus-within { - color: currentColor; + .\32xl\:focus\:placeholder-Notification-notification-300:focus::placeholder { + color: var(--notification-notification-300, #4e64d9); } - .\32xl\:focus-within\:text-black:focus-within { - --tw-text-opacity: 1; - color: rgba(0, 0, 0, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Notification-notification-400:focus::-moz-placeholder { + color: var(--notification-notification-400, #5c6cbf); } - .\32xl\:focus-within\:text-white:focus-within { - --tw-text-opacity: 1; - color: rgba(255, 255, 255, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Notification-notification-400:focus::placeholder { + color: var(--notification-notification-400, #5c6cbf); } - .\32xl\:focus-within\:text-gray-50:focus-within { - --tw-text-opacity: 1; - color: rgba(249, 250, 251, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Notification-notification-500:focus::-moz-placeholder { + color: var(--notification-notification-500, #3350e5); } - .\32xl\:focus-within\:text-gray-100:focus-within { - --tw-text-opacity: 1; - color: rgba(243, 244, 246, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Notification-notification-500:focus::placeholder { + color: var(--notification-notification-500, #3350e5); } - .\32xl\:focus-within\:text-gray-200:focus-within { - --tw-text-opacity: 1; - color: rgba(229, 231, 235, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Notification-notification-600:focus::-moz-placeholder { + color: var(--notification-notification-600, #283eb3); } - .\32xl\:focus-within\:text-gray-300:focus-within { - --tw-text-opacity: 1; - color: rgba(209, 213, 219, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Notification-notification-600:focus::placeholder { + color: var(--notification-notification-600, #283eb3); } - .\32xl\:focus-within\:text-gray-400:focus-within { - --tw-text-opacity: 1; - color: rgba(156, 163, 175, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Notification-notification-700:focus::-moz-placeholder { + color: var(--notification-notification-700, #172466); } - .\32xl\:focus-within\:text-gray-500:focus-within { - --tw-text-opacity: 1; - color: rgba(107, 114, 128, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Notification-notification-700:focus::placeholder { + color: var(--notification-notification-700, #172466); } - .\32xl\:focus-within\:text-gray-600:focus-within { - --tw-text-opacity: 1; - color: rgba(75, 85, 99, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Success-success\ -700:focus::-moz-placeholder { + color: var(--success-success-700, #24471f); } - .\32xl\:focus-within\:text-gray-700:focus-within { - --tw-text-opacity: 1; - color: rgba(55, 65, 81, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Success-success\ -700:focus::placeholder { + color: var(--success-success-700, #24471f); } - .\32xl\:focus-within\:text-gray-800:focus-within { - --tw-text-opacity: 1; - color: rgba(31, 41, 55, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Success-success:focus::-moz-placeholder { + color: var(--success-success, #5bb14d); } - .\32xl\:focus-within\:text-gray-900:focus-within { - --tw-text-opacity: 1; - color: rgba(17, 24, 39, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Success-success:focus::placeholder { + color: var(--success-success, #5bb14d); } - .\32xl\:focus-within\:text-red-50:focus-within { - --tw-text-opacity: 1; - color: rgba(254, 242, 242, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Success-success\ -100:focus::-moz-placeholder { + color: var(--success-success-100, #8cc882); } - .\32xl\:focus-within\:text-red-100:focus-within { - --tw-text-opacity: 1; - color: rgba(254, 226, 226, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Success-success\ -100:focus::placeholder { + color: var(--success-success-100, #8cc882); } - .\32xl\:focus-within\:text-red-200:focus-within { - --tw-text-opacity: 1; - color: rgba(254, 202, 202, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Success-success\ -200:focus::-moz-placeholder { + color: var(--success-success-200, #add8a6); } - .\32xl\:focus-within\:text-red-300:focus-within { - --tw-text-opacity: 1; - color: rgba(252, 165, 165, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Success-success\ -200:focus::placeholder { + color: var(--success-success-200, #add8a6); } - .\32xl\:focus-within\:text-red-400:focus-within { - --tw-text-opacity: 1; - color: rgba(248, 113, 113, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Success-success\ -300:focus::-moz-placeholder { + color: var(--success-success-300, #66a25c); } - .\32xl\:focus-within\:text-red-500:focus-within { - --tw-text-opacity: 1; - color: rgba(239, 68, 68, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Success-success\ -300:focus::placeholder { + color: var(--success-success-300, #66a25c); } - .\32xl\:focus-within\:text-red-600:focus-within { - --tw-text-opacity: 1; - color: rgba(220, 38, 38, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Success-success\ -400:focus::-moz-placeholder { + color: var(--success-success-400, #6d9766); } - .\32xl\:focus-within\:text-red-700:focus-within { - --tw-text-opacity: 1; - color: rgba(185, 28, 28, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Success-success\ -400:focus::placeholder { + color: var(--success-success-400, #6d9766); } - .\32xl\:focus-within\:text-red-800:focus-within { - --tw-text-opacity: 1; - color: rgba(153, 27, 27, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Success-success\ -500:focus::-moz-placeholder { + color: var(--success-success-500, #529f45); } - .\32xl\:focus-within\:text-red-900:focus-within { - --tw-text-opacity: 1; - color: rgba(127, 29, 29, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Success-success\ -500:focus::placeholder { + color: var(--success-success-500, #529f45); } - .\32xl\:focus-within\:text-yellow-50:focus-within { - --tw-text-opacity: 1; - color: rgba(255, 251, 235, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Success-success\ -600:focus::-moz-placeholder { + color: var(--success-success-600, #407c36); } - .\32xl\:focus-within\:text-yellow-100:focus-within { - --tw-text-opacity: 1; - color: rgba(254, 243, 199, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Success-success\ -600:focus::placeholder { + color: var(--success-success-600, #407c36); } - .\32xl\:focus-within\:text-yellow-200:focus-within { - --tw-text-opacity: 1; - color: rgba(253, 230, 138, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Error-error:focus::-moz-placeholder { + color: var(--error-error, #f03d3e); } - .\32xl\:focus-within\:text-yellow-300:focus-within { - --tw-text-opacity: 1; - color: rgba(252, 211, 77, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Error-error:focus::placeholder { + color: var(--error-error, #f03d3e); } - .\32xl\:focus-within\:text-yellow-400:focus-within { - --tw-text-opacity: 1; - color: rgba(251, 191, 36, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Error-error-100:focus::-moz-placeholder { + color: var(--error-error-100, #f57778); } - .\32xl\:focus-within\:text-yellow-500:focus-within { - --tw-text-opacity: 1; - color: rgba(245, 158, 11, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Error-error-100:focus::placeholder { + color: var(--error-error-100, #f57778); } - .\32xl\:focus-within\:text-yellow-600:focus-within { - --tw-text-opacity: 1; - color: rgba(217, 119, 6, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Error-error-200:focus::-moz-placeholder { + color: var(--error-error-200, #f89e9e); } - .\32xl\:focus-within\:text-yellow-700:focus-within { - --tw-text-opacity: 1; - color: rgba(180, 83, 9, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Error-error-200:focus::placeholder { + color: var(--error-error-200, #f89e9e); } - .\32xl\:focus-within\:text-yellow-800:focus-within { - --tw-text-opacity: 1; - color: rgba(146, 64, 14, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Error-error-250:focus::-moz-placeholder { + color: var(--error-error-250, #f9c8c8); } - .\32xl\:focus-within\:text-yellow-900:focus-within { - --tw-text-opacity: 1; - color: rgba(120, 53, 15, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Error-error-250:focus::placeholder { + color: var(--error-error-250, #f9c8c8); } - .\32xl\:focus-within\:text-green-50:focus-within { - --tw-text-opacity: 1; - color: rgba(236, 253, 245, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Error-error-300:focus::-moz-placeholder { + color: var(--error-error-300, #ce5151); } - .\32xl\:focus-within\:text-green-100:focus-within { - --tw-text-opacity: 1; - color: rgba(209, 250, 229, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Error-error-300:focus::placeholder { + color: var(--error-error-300, #ce5151); } - .\32xl\:focus-within\:text-green-200:focus-within { - --tw-text-opacity: 1; - color: rgba(167, 243, 208, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Error-error-400:focus::-moz-placeholder { + color: var(--error-error-400, #b85e5e); } - .\32xl\:focus-within\:text-green-300:focus-within { - --tw-text-opacity: 1; - color: rgba(110, 231, 183, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Error-error-400:focus::placeholder { + color: var(--error-error-400, #b85e5e); } - .\32xl\:focus-within\:text-green-400:focus-within { - --tw-text-opacity: 1; - color: rgba(52, 211, 153, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Error-error-500:focus::-moz-placeholder { + color: var(--error-error-500, #d83738); } - .\32xl\:focus-within\:text-green-500:focus-within { - --tw-text-opacity: 1; - color: rgba(16, 185, 129, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Error-error-500:focus::placeholder { + color: var(--error-error-500, #d83738); } - .\32xl\:focus-within\:text-green-600:focus-within { - --tw-text-opacity: 1; - color: rgba(5, 150, 105, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Error-error-600:focus::-moz-placeholder { + color: var(--error-error-600, #a82b2b); } - .\32xl\:focus-within\:text-green-700:focus-within { - --tw-text-opacity: 1; - color: rgba(4, 120, 87, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Error-error-600:focus::placeholder { + color: var(--error-error-600, #a82b2b); } - .\32xl\:focus-within\:text-green-800:focus-within { - --tw-text-opacity: 1; - color: rgba(6, 95, 70, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Error-error-700:focus::-moz-placeholder { + color: var(--error-error-700, #601819); } - .\32xl\:focus-within\:text-green-900:focus-within { - --tw-text-opacity: 1; - color: rgba(6, 78, 59, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-Error-error-700:focus::placeholder { + color: var(--error-error-700, #601819); } - .\32xl\:focus-within\:text-blue-50:focus-within { - --tw-text-opacity: 1; - color: rgba(239, 246, 255, var(--tw-text-opacity)); + .\32xl\:placeholder-opacity-0::-moz-placeholder { + --tw-placeholder-opacity: 0; } - .\32xl\:focus-within\:text-blue-100:focus-within { - --tw-text-opacity: 1; - color: rgba(219, 234, 254, var(--tw-text-opacity)); + .\32xl\:placeholder-opacity-0::placeholder { + --tw-placeholder-opacity: 0; } - .\32xl\:focus-within\:text-blue-200:focus-within { - --tw-text-opacity: 1; - color: rgba(191, 219, 254, var(--tw-text-opacity)); + .\32xl\:placeholder-opacity-5::-moz-placeholder { + --tw-placeholder-opacity: 0.05; } - .\32xl\:focus-within\:text-blue-300:focus-within { - --tw-text-opacity: 1; - color: rgba(147, 197, 253, var(--tw-text-opacity)); + .\32xl\:placeholder-opacity-5::placeholder { + --tw-placeholder-opacity: 0.05; } - .\32xl\:focus-within\:text-blue-400:focus-within { - --tw-text-opacity: 1; - color: rgba(96, 165, 250, var(--tw-text-opacity)); + .\32xl\:placeholder-opacity-10::-moz-placeholder { + --tw-placeholder-opacity: 0.1; } - .\32xl\:focus-within\:text-blue-500:focus-within { - --tw-text-opacity: 1; - color: rgba(59, 130, 246, var(--tw-text-opacity)); + .\32xl\:placeholder-opacity-10::placeholder { + --tw-placeholder-opacity: 0.1; } - .\32xl\:focus-within\:text-blue-600:focus-within { - --tw-text-opacity: 1; - color: rgba(37, 99, 235, var(--tw-text-opacity)); + .\32xl\:placeholder-opacity-20::-moz-placeholder { + --tw-placeholder-opacity: 0.2; } - .\32xl\:focus-within\:text-blue-700:focus-within { - --tw-text-opacity: 1; - color: rgba(29, 78, 216, var(--tw-text-opacity)); + .\32xl\:placeholder-opacity-20::placeholder { + --tw-placeholder-opacity: 0.2; } - .\32xl\:focus-within\:text-blue-800:focus-within { - --tw-text-opacity: 1; - color: rgba(30, 64, 175, var(--tw-text-opacity)); + .\32xl\:placeholder-opacity-25::-moz-placeholder { + --tw-placeholder-opacity: 0.25; } - .\32xl\:focus-within\:text-blue-900:focus-within { - --tw-text-opacity: 1; - color: rgba(30, 58, 138, var(--tw-text-opacity)); + .\32xl\:placeholder-opacity-25::placeholder { + --tw-placeholder-opacity: 0.25; } - .\32xl\:focus-within\:text-indigo-50:focus-within { - --tw-text-opacity: 1; - color: rgba(238, 242, 255, var(--tw-text-opacity)); + .\32xl\:placeholder-opacity-30::-moz-placeholder { + --tw-placeholder-opacity: 0.3; } - .\32xl\:focus-within\:text-indigo-100:focus-within { - --tw-text-opacity: 1; - color: rgba(224, 231, 255, var(--tw-text-opacity)); + .\32xl\:placeholder-opacity-30::placeholder { + --tw-placeholder-opacity: 0.3; } - .\32xl\:focus-within\:text-indigo-200:focus-within { - --tw-text-opacity: 1; - color: rgba(199, 210, 254, var(--tw-text-opacity)); + .\32xl\:placeholder-opacity-40::-moz-placeholder { + --tw-placeholder-opacity: 0.4; } - .\32xl\:focus-within\:text-indigo-300:focus-within { - --tw-text-opacity: 1; - color: rgba(165, 180, 252, var(--tw-text-opacity)); + .\32xl\:placeholder-opacity-40::placeholder { + --tw-placeholder-opacity: 0.4; } - .\32xl\:focus-within\:text-indigo-400:focus-within { - --tw-text-opacity: 1; - color: rgba(129, 140, 248, var(--tw-text-opacity)); + .\32xl\:placeholder-opacity-50::-moz-placeholder { + --tw-placeholder-opacity: 0.5; } - .\32xl\:focus-within\:text-indigo-500:focus-within { - --tw-text-opacity: 1; - color: rgba(99, 102, 241, var(--tw-text-opacity)); + .\32xl\:placeholder-opacity-50::placeholder { + --tw-placeholder-opacity: 0.5; } - .\32xl\:focus-within\:text-indigo-600:focus-within { - --tw-text-opacity: 1; - color: rgba(79, 70, 229, var(--tw-text-opacity)); + .\32xl\:placeholder-opacity-60::-moz-placeholder { + --tw-placeholder-opacity: 0.6; } - .\32xl\:focus-within\:text-indigo-700:focus-within { - --tw-text-opacity: 1; - color: rgba(67, 56, 202, var(--tw-text-opacity)); + .\32xl\:placeholder-opacity-60::placeholder { + --tw-placeholder-opacity: 0.6; } - .\32xl\:focus-within\:text-indigo-800:focus-within { - --tw-text-opacity: 1; - color: rgba(55, 48, 163, var(--tw-text-opacity)); + .\32xl\:placeholder-opacity-70::-moz-placeholder { + --tw-placeholder-opacity: 0.7; } - .\32xl\:focus-within\:text-indigo-900:focus-within { - --tw-text-opacity: 1; - color: rgba(49, 46, 129, var(--tw-text-opacity)); + .\32xl\:placeholder-opacity-70::placeholder { + --tw-placeholder-opacity: 0.7; } - .\32xl\:focus-within\:text-purple-50:focus-within { - --tw-text-opacity: 1; - color: rgba(245, 243, 255, var(--tw-text-opacity)); + .\32xl\:placeholder-opacity-75::-moz-placeholder { + --tw-placeholder-opacity: 0.75; } - .\32xl\:focus-within\:text-purple-100:focus-within { - --tw-text-opacity: 1; - color: rgba(237, 233, 254, var(--tw-text-opacity)); + .\32xl\:placeholder-opacity-75::placeholder { + --tw-placeholder-opacity: 0.75; } - .\32xl\:focus-within\:text-purple-200:focus-within { - --tw-text-opacity: 1; - color: rgba(221, 214, 254, var(--tw-text-opacity)); + .\32xl\:placeholder-opacity-80::-moz-placeholder { + --tw-placeholder-opacity: 0.8; } - .\32xl\:focus-within\:text-purple-300:focus-within { - --tw-text-opacity: 1; - color: rgba(196, 181, 253, var(--tw-text-opacity)); + .\32xl\:placeholder-opacity-80::placeholder { + --tw-placeholder-opacity: 0.8; } - .\32xl\:focus-within\:text-purple-400:focus-within { - --tw-text-opacity: 1; - color: rgba(167, 139, 250, var(--tw-text-opacity)); + .\32xl\:placeholder-opacity-90::-moz-placeholder { + --tw-placeholder-opacity: 0.9; } - .\32xl\:focus-within\:text-purple-500:focus-within { - --tw-text-opacity: 1; - color: rgba(139, 92, 246, var(--tw-text-opacity)); + .\32xl\:placeholder-opacity-90::placeholder { + --tw-placeholder-opacity: 0.9; } - .\32xl\:focus-within\:text-purple-600:focus-within { - --tw-text-opacity: 1; - color: rgba(124, 58, 237, var(--tw-text-opacity)); + .\32xl\:placeholder-opacity-95::-moz-placeholder { + --tw-placeholder-opacity: 0.95; } - .\32xl\:focus-within\:text-purple-700:focus-within { - --tw-text-opacity: 1; - color: rgba(109, 40, 217, var(--tw-text-opacity)); + .\32xl\:placeholder-opacity-95::placeholder { + --tw-placeholder-opacity: 0.95; } - .\32xl\:focus-within\:text-purple-800:focus-within { - --tw-text-opacity: 1; - color: rgba(91, 33, 182, var(--tw-text-opacity)); + .\32xl\:placeholder-opacity-100::-moz-placeholder { + --tw-placeholder-opacity: 1; } - .\32xl\:focus-within\:text-purple-900:focus-within { - --tw-text-opacity: 1; - color: rgba(76, 29, 149, var(--tw-text-opacity)); + .\32xl\:placeholder-opacity-100::placeholder { + --tw-placeholder-opacity: 1; } - .\32xl\:focus-within\:text-pink-50:focus-within { - --tw-text-opacity: 1; - color: rgba(253, 242, 248, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-opacity-0:focus::-moz-placeholder { + --tw-placeholder-opacity: 0; } - .\32xl\:focus-within\:text-pink-100:focus-within { - --tw-text-opacity: 1; - color: rgba(252, 231, 243, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-opacity-0:focus::placeholder { + --tw-placeholder-opacity: 0; } - .\32xl\:focus-within\:text-pink-200:focus-within { - --tw-text-opacity: 1; - color: rgba(251, 207, 232, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-opacity-5:focus::-moz-placeholder { + --tw-placeholder-opacity: 0.05; } - .\32xl\:focus-within\:text-pink-300:focus-within { - --tw-text-opacity: 1; - color: rgba(249, 168, 212, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-opacity-5:focus::placeholder { + --tw-placeholder-opacity: 0.05; } - .\32xl\:focus-within\:text-pink-400:focus-within { - --tw-text-opacity: 1; - color: rgba(244, 114, 182, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-opacity-10:focus::-moz-placeholder { + --tw-placeholder-opacity: 0.1; } - .\32xl\:focus-within\:text-pink-500:focus-within { - --tw-text-opacity: 1; - color: rgba(236, 72, 153, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-opacity-10:focus::placeholder { + --tw-placeholder-opacity: 0.1; } - .\32xl\:focus-within\:text-pink-600:focus-within { - --tw-text-opacity: 1; - color: rgba(219, 39, 119, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-opacity-20:focus::-moz-placeholder { + --tw-placeholder-opacity: 0.2; } - .\32xl\:focus-within\:text-pink-700:focus-within { - --tw-text-opacity: 1; - color: rgba(190, 24, 93, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-opacity-20:focus::placeholder { + --tw-placeholder-opacity: 0.2; } - .\32xl\:focus-within\:text-pink-800:focus-within { - --tw-text-opacity: 1; - color: rgba(157, 23, 77, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-opacity-25:focus::-moz-placeholder { + --tw-placeholder-opacity: 0.25; } - .\32xl\:focus-within\:text-pink-900:focus-within { - --tw-text-opacity: 1; - color: rgba(131, 24, 67, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-opacity-25:focus::placeholder { + --tw-placeholder-opacity: 0.25; } - .\32xl\:hover\:text-transparent:hover { - color: transparent; + .\32xl\:focus\:placeholder-opacity-30:focus::-moz-placeholder { + --tw-placeholder-opacity: 0.3; } - .\32xl\:hover\:text-current:hover { - color: currentColor; + .\32xl\:focus\:placeholder-opacity-30:focus::placeholder { + --tw-placeholder-opacity: 0.3; } - .\32xl\:hover\:text-black:hover { - --tw-text-opacity: 1; - color: rgba(0, 0, 0, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-opacity-40:focus::-moz-placeholder { + --tw-placeholder-opacity: 0.4; } - .\32xl\:hover\:text-white:hover { - --tw-text-opacity: 1; - color: rgba(255, 255, 255, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-opacity-40:focus::placeholder { + --tw-placeholder-opacity: 0.4; } - .\32xl\:hover\:text-gray-50:hover { - --tw-text-opacity: 1; - color: rgba(249, 250, 251, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-opacity-50:focus::-moz-placeholder { + --tw-placeholder-opacity: 0.5; } - .\32xl\:hover\:text-gray-100:hover { - --tw-text-opacity: 1; - color: rgba(243, 244, 246, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-opacity-50:focus::placeholder { + --tw-placeholder-opacity: 0.5; } - .\32xl\:hover\:text-gray-200:hover { - --tw-text-opacity: 1; - color: rgba(229, 231, 235, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-opacity-60:focus::-moz-placeholder { + --tw-placeholder-opacity: 0.6; } - .\32xl\:hover\:text-gray-300:hover { - --tw-text-opacity: 1; - color: rgba(209, 213, 219, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-opacity-60:focus::placeholder { + --tw-placeholder-opacity: 0.6; } - .\32xl\:hover\:text-gray-400:hover { - --tw-text-opacity: 1; - color: rgba(156, 163, 175, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-opacity-70:focus::-moz-placeholder { + --tw-placeholder-opacity: 0.7; } - .\32xl\:hover\:text-gray-500:hover { - --tw-text-opacity: 1; - color: rgba(107, 114, 128, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-opacity-70:focus::placeholder { + --tw-placeholder-opacity: 0.7; } - .\32xl\:hover\:text-gray-600:hover { - --tw-text-opacity: 1; - color: rgba(75, 85, 99, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-opacity-75:focus::-moz-placeholder { + --tw-placeholder-opacity: 0.75; } - .\32xl\:hover\:text-gray-700:hover { - --tw-text-opacity: 1; - color: rgba(55, 65, 81, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-opacity-75:focus::placeholder { + --tw-placeholder-opacity: 0.75; } - .\32xl\:hover\:text-gray-800:hover { - --tw-text-opacity: 1; - color: rgba(31, 41, 55, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-opacity-80:focus::-moz-placeholder { + --tw-placeholder-opacity: 0.8; } - .\32xl\:hover\:text-gray-900:hover { - --tw-text-opacity: 1; - color: rgba(17, 24, 39, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-opacity-80:focus::placeholder { + --tw-placeholder-opacity: 0.8; } - .\32xl\:hover\:text-red-50:hover { - --tw-text-opacity: 1; - color: rgba(254, 242, 242, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-opacity-90:focus::-moz-placeholder { + --tw-placeholder-opacity: 0.9; } - .\32xl\:hover\:text-red-100:hover { - --tw-text-opacity: 1; - color: rgba(254, 226, 226, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-opacity-90:focus::placeholder { + --tw-placeholder-opacity: 0.9; } - .\32xl\:hover\:text-red-200:hover { - --tw-text-opacity: 1; - color: rgba(254, 202, 202, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-opacity-95:focus::-moz-placeholder { + --tw-placeholder-opacity: 0.95; } - .\32xl\:hover\:text-red-300:hover { - --tw-text-opacity: 1; - color: rgba(252, 165, 165, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-opacity-95:focus::placeholder { + --tw-placeholder-opacity: 0.95; } - .\32xl\:hover\:text-red-400:hover { - --tw-text-opacity: 1; - color: rgba(248, 113, 113, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-opacity-100:focus::-moz-placeholder { + --tw-placeholder-opacity: 1; } - .\32xl\:hover\:text-red-500:hover { - --tw-text-opacity: 1; - color: rgba(239, 68, 68, var(--tw-text-opacity)); + .\32xl\:focus\:placeholder-opacity-100:focus::placeholder { + --tw-placeholder-opacity: 1; } - .\32xl\:hover\:text-red-600:hover { - --tw-text-opacity: 1; - color: rgba(220, 38, 38, var(--tw-text-opacity)); + .\32xl\:opacity-0 { + opacity: 0; } - .\32xl\:hover\:text-red-700:hover { - --tw-text-opacity: 1; - color: rgba(185, 28, 28, var(--tw-text-opacity)); + .\32xl\:opacity-5 { + opacity: 0.05; } - .\32xl\:hover\:text-red-800:hover { - --tw-text-opacity: 1; - color: rgba(153, 27, 27, var(--tw-text-opacity)); + .\32xl\:opacity-10 { + opacity: 0.1; } - .\32xl\:hover\:text-red-900:hover { - --tw-text-opacity: 1; - color: rgba(127, 29, 29, var(--tw-text-opacity)); + .\32xl\:opacity-20 { + opacity: 0.2; } - .\32xl\:hover\:text-yellow-50:hover { - --tw-text-opacity: 1; - color: rgba(255, 251, 235, var(--tw-text-opacity)); + .\32xl\:opacity-25 { + opacity: 0.25; } - .\32xl\:hover\:text-yellow-100:hover { - --tw-text-opacity: 1; - color: rgba(254, 243, 199, var(--tw-text-opacity)); + .\32xl\:opacity-30 { + opacity: 0.3; } - .\32xl\:hover\:text-yellow-200:hover { - --tw-text-opacity: 1; - color: rgba(253, 230, 138, var(--tw-text-opacity)); + .\32xl\:opacity-40 { + opacity: 0.4; } - .\32xl\:hover\:text-yellow-300:hover { - --tw-text-opacity: 1; - color: rgba(252, 211, 77, var(--tw-text-opacity)); + .\32xl\:opacity-50 { + opacity: 0.5; } - .\32xl\:hover\:text-yellow-400:hover { - --tw-text-opacity: 1; - color: rgba(251, 191, 36, var(--tw-text-opacity)); + .\32xl\:opacity-60 { + opacity: 0.6; } - .\32xl\:hover\:text-yellow-500:hover { - --tw-text-opacity: 1; - color: rgba(245, 158, 11, var(--tw-text-opacity)); + .\32xl\:opacity-70 { + opacity: 0.7; } - .\32xl\:hover\:text-yellow-600:hover { - --tw-text-opacity: 1; - color: rgba(217, 119, 6, var(--tw-text-opacity)); + .\32xl\:opacity-75 { + opacity: 0.75; } - .\32xl\:hover\:text-yellow-700:hover { - --tw-text-opacity: 1; - color: rgba(180, 83, 9, var(--tw-text-opacity)); + .\32xl\:opacity-80 { + opacity: 0.8; } - .\32xl\:hover\:text-yellow-800:hover { - --tw-text-opacity: 1; - color: rgba(146, 64, 14, var(--tw-text-opacity)); + .\32xl\:opacity-90 { + opacity: 0.9; } - .\32xl\:hover\:text-yellow-900:hover { - --tw-text-opacity: 1; - color: rgba(120, 53, 15, var(--tw-text-opacity)); + .\32xl\:opacity-95 { + opacity: 0.95; } - .\32xl\:hover\:text-green-50:hover { - --tw-text-opacity: 1; - color: rgba(236, 253, 245, var(--tw-text-opacity)); + .\32xl\:opacity-100 { + opacity: 1; } - .\32xl\:hover\:text-green-100:hover { - --tw-text-opacity: 1; - color: rgba(209, 250, 229, var(--tw-text-opacity)); + .group:hover .\32xl\:group-hover\:opacity-0 { + opacity: 0; } - .\32xl\:hover\:text-green-200:hover { - --tw-text-opacity: 1; - color: rgba(167, 243, 208, var(--tw-text-opacity)); + .group:hover .\32xl\:group-hover\:opacity-5 { + opacity: 0.05; } - .\32xl\:hover\:text-green-300:hover { - --tw-text-opacity: 1; - color: rgba(110, 231, 183, var(--tw-text-opacity)); + .group:hover .\32xl\:group-hover\:opacity-10 { + opacity: 0.1; } - .\32xl\:hover\:text-green-400:hover { - --tw-text-opacity: 1; - color: rgba(52, 211, 153, var(--tw-text-opacity)); + .group:hover .\32xl\:group-hover\:opacity-20 { + opacity: 0.2; } - .\32xl\:hover\:text-green-500:hover { - --tw-text-opacity: 1; - color: rgba(16, 185, 129, var(--tw-text-opacity)); + .group:hover .\32xl\:group-hover\:opacity-25 { + opacity: 0.25; } - .\32xl\:hover\:text-green-600:hover { - --tw-text-opacity: 1; - color: rgba(5, 150, 105, var(--tw-text-opacity)); + .group:hover .\32xl\:group-hover\:opacity-30 { + opacity: 0.3; } - .\32xl\:hover\:text-green-700:hover { - --tw-text-opacity: 1; - color: rgba(4, 120, 87, var(--tw-text-opacity)); + .group:hover .\32xl\:group-hover\:opacity-40 { + opacity: 0.4; } - .\32xl\:hover\:text-green-800:hover { - --tw-text-opacity: 1; - color: rgba(6, 95, 70, var(--tw-text-opacity)); + .group:hover .\32xl\:group-hover\:opacity-50 { + opacity: 0.5; } - .\32xl\:hover\:text-green-900:hover { - --tw-text-opacity: 1; - color: rgba(6, 78, 59, var(--tw-text-opacity)); + .group:hover .\32xl\:group-hover\:opacity-60 { + opacity: 0.6; } - .\32xl\:hover\:text-blue-50:hover { - --tw-text-opacity: 1; - color: rgba(239, 246, 255, var(--tw-text-opacity)); + .group:hover .\32xl\:group-hover\:opacity-70 { + opacity: 0.7; } - .\32xl\:hover\:text-blue-100:hover { - --tw-text-opacity: 1; - color: rgba(219, 234, 254, var(--tw-text-opacity)); + .group:hover .\32xl\:group-hover\:opacity-75 { + opacity: 0.75; } - .\32xl\:hover\:text-blue-200:hover { - --tw-text-opacity: 1; - color: rgba(191, 219, 254, var(--tw-text-opacity)); + .group:hover .\32xl\:group-hover\:opacity-80 { + opacity: 0.8; } - .\32xl\:hover\:text-blue-300:hover { - --tw-text-opacity: 1; - color: rgba(147, 197, 253, var(--tw-text-opacity)); + .group:hover .\32xl\:group-hover\:opacity-90 { + opacity: 0.9; } - .\32xl\:hover\:text-blue-400:hover { - --tw-text-opacity: 1; - color: rgba(96, 165, 250, var(--tw-text-opacity)); + .group:hover .\32xl\:group-hover\:opacity-95 { + opacity: 0.95; } - .\32xl\:hover\:text-blue-500:hover { - --tw-text-opacity: 1; - color: rgba(59, 130, 246, var(--tw-text-opacity)); + .group:hover .\32xl\:group-hover\:opacity-100 { + opacity: 1; } - .\32xl\:hover\:text-blue-600:hover { - --tw-text-opacity: 1; - color: rgba(37, 99, 235, var(--tw-text-opacity)); + .\32xl\:focus-within\:opacity-0:focus-within { + opacity: 0; } - .\32xl\:hover\:text-blue-700:hover { - --tw-text-opacity: 1; - color: rgba(29, 78, 216, var(--tw-text-opacity)); + .\32xl\:focus-within\:opacity-5:focus-within { + opacity: 0.05; } - .\32xl\:hover\:text-blue-800:hover { - --tw-text-opacity: 1; - color: rgba(30, 64, 175, var(--tw-text-opacity)); + .\32xl\:focus-within\:opacity-10:focus-within { + opacity: 0.1; } - .\32xl\:hover\:text-blue-900:hover { - --tw-text-opacity: 1; - color: rgba(30, 58, 138, var(--tw-text-opacity)); + .\32xl\:focus-within\:opacity-20:focus-within { + opacity: 0.2; } - .\32xl\:hover\:text-indigo-50:hover { - --tw-text-opacity: 1; - color: rgba(238, 242, 255, var(--tw-text-opacity)); + .\32xl\:focus-within\:opacity-25:focus-within { + opacity: 0.25; } - .\32xl\:hover\:text-indigo-100:hover { - --tw-text-opacity: 1; - color: rgba(224, 231, 255, var(--tw-text-opacity)); + .\32xl\:focus-within\:opacity-30:focus-within { + opacity: 0.3; } - .\32xl\:hover\:text-indigo-200:hover { - --tw-text-opacity: 1; - color: rgba(199, 210, 254, var(--tw-text-opacity)); + .\32xl\:focus-within\:opacity-40:focus-within { + opacity: 0.4; } - .\32xl\:hover\:text-indigo-300:hover { - --tw-text-opacity: 1; - color: rgba(165, 180, 252, var(--tw-text-opacity)); + .\32xl\:focus-within\:opacity-50:focus-within { + opacity: 0.5; } - .\32xl\:hover\:text-indigo-400:hover { - --tw-text-opacity: 1; - color: rgba(129, 140, 248, var(--tw-text-opacity)); + .\32xl\:focus-within\:opacity-60:focus-within { + opacity: 0.6; } - .\32xl\:hover\:text-indigo-500:hover { - --tw-text-opacity: 1; - color: rgba(99, 102, 241, var(--tw-text-opacity)); + .\32xl\:focus-within\:opacity-70:focus-within { + opacity: 0.7; } - .\32xl\:hover\:text-indigo-600:hover { - --tw-text-opacity: 1; - color: rgba(79, 70, 229, var(--tw-text-opacity)); + .\32xl\:focus-within\:opacity-75:focus-within { + opacity: 0.75; } - .\32xl\:hover\:text-indigo-700:hover { - --tw-text-opacity: 1; - color: rgba(67, 56, 202, var(--tw-text-opacity)); + .\32xl\:focus-within\:opacity-80:focus-within { + opacity: 0.8; } - .\32xl\:hover\:text-indigo-800:hover { - --tw-text-opacity: 1; - color: rgba(55, 48, 163, var(--tw-text-opacity)); + .\32xl\:focus-within\:opacity-90:focus-within { + opacity: 0.9; } - .\32xl\:hover\:text-indigo-900:hover { - --tw-text-opacity: 1; - color: rgba(49, 46, 129, var(--tw-text-opacity)); + .\32xl\:focus-within\:opacity-95:focus-within { + opacity: 0.95; } - .\32xl\:hover\:text-purple-50:hover { - --tw-text-opacity: 1; - color: rgba(245, 243, 255, var(--tw-text-opacity)); + .\32xl\:focus-within\:opacity-100:focus-within { + opacity: 1; } - .\32xl\:hover\:text-purple-100:hover { - --tw-text-opacity: 1; - color: rgba(237, 233, 254, var(--tw-text-opacity)); + .\32xl\:hover\:opacity-0:hover { + opacity: 0; } - .\32xl\:hover\:text-purple-200:hover { - --tw-text-opacity: 1; - color: rgba(221, 214, 254, var(--tw-text-opacity)); + .\32xl\:hover\:opacity-5:hover { + opacity: 0.05; } - .\32xl\:hover\:text-purple-300:hover { - --tw-text-opacity: 1; - color: rgba(196, 181, 253, var(--tw-text-opacity)); + .\32xl\:hover\:opacity-10:hover { + opacity: 0.1; } - .\32xl\:hover\:text-purple-400:hover { - --tw-text-opacity: 1; - color: rgba(167, 139, 250, var(--tw-text-opacity)); + .\32xl\:hover\:opacity-20:hover { + opacity: 0.2; } - .\32xl\:hover\:text-purple-500:hover { - --tw-text-opacity: 1; - color: rgba(139, 92, 246, var(--tw-text-opacity)); + .\32xl\:hover\:opacity-25:hover { + opacity: 0.25; } - .\32xl\:hover\:text-purple-600:hover { - --tw-text-opacity: 1; - color: rgba(124, 58, 237, var(--tw-text-opacity)); + .\32xl\:hover\:opacity-30:hover { + opacity: 0.3; } - .\32xl\:hover\:text-purple-700:hover { - --tw-text-opacity: 1; - color: rgba(109, 40, 217, var(--tw-text-opacity)); + .\32xl\:hover\:opacity-40:hover { + opacity: 0.4; } - .\32xl\:hover\:text-purple-800:hover { - --tw-text-opacity: 1; - color: rgba(91, 33, 182, var(--tw-text-opacity)); + .\32xl\:hover\:opacity-50:hover { + opacity: 0.5; } - .\32xl\:hover\:text-purple-900:hover { - --tw-text-opacity: 1; - color: rgba(76, 29, 149, var(--tw-text-opacity)); + .\32xl\:hover\:opacity-60:hover { + opacity: 0.6; } - .\32xl\:hover\:text-pink-50:hover { - --tw-text-opacity: 1; - color: rgba(253, 242, 248, var(--tw-text-opacity)); + .\32xl\:hover\:opacity-70:hover { + opacity: 0.7; } - .\32xl\:hover\:text-pink-100:hover { - --tw-text-opacity: 1; - color: rgba(252, 231, 243, var(--tw-text-opacity)); + .\32xl\:hover\:opacity-75:hover { + opacity: 0.75; } - .\32xl\:hover\:text-pink-200:hover { - --tw-text-opacity: 1; - color: rgba(251, 207, 232, var(--tw-text-opacity)); + .\32xl\:hover\:opacity-80:hover { + opacity: 0.8; } - .\32xl\:hover\:text-pink-300:hover { - --tw-text-opacity: 1; - color: rgba(249, 168, 212, var(--tw-text-opacity)); + .\32xl\:hover\:opacity-90:hover { + opacity: 0.9; } - .\32xl\:hover\:text-pink-400:hover { - --tw-text-opacity: 1; - color: rgba(244, 114, 182, var(--tw-text-opacity)); + .\32xl\:hover\:opacity-95:hover { + opacity: 0.95; } - .\32xl\:hover\:text-pink-500:hover { - --tw-text-opacity: 1; - color: rgba(236, 72, 153, var(--tw-text-opacity)); + .\32xl\:hover\:opacity-100:hover { + opacity: 1; } - .\32xl\:hover\:text-pink-600:hover { - --tw-text-opacity: 1; - color: rgba(219, 39, 119, var(--tw-text-opacity)); + .\32xl\:focus\:opacity-0:focus { + opacity: 0; } - .\32xl\:hover\:text-pink-700:hover { - --tw-text-opacity: 1; - color: rgba(190, 24, 93, var(--tw-text-opacity)); + .\32xl\:focus\:opacity-5:focus { + opacity: 0.05; } - .\32xl\:hover\:text-pink-800:hover { - --tw-text-opacity: 1; - color: rgba(157, 23, 77, var(--tw-text-opacity)); + .\32xl\:focus\:opacity-10:focus { + opacity: 0.1; } - .\32xl\:hover\:text-pink-900:hover { - --tw-text-opacity: 1; - color: rgba(131, 24, 67, var(--tw-text-opacity)); + .\32xl\:focus\:opacity-20:focus { + opacity: 0.2; } - .\32xl\:focus\:text-transparent:focus { - color: transparent; + .\32xl\:focus\:opacity-25:focus { + opacity: 0.25; } - .\32xl\:focus\:text-current:focus { - color: currentColor; + .\32xl\:focus\:opacity-30:focus { + opacity: 0.3; } - .\32xl\:focus\:text-black:focus { - --tw-text-opacity: 1; - color: rgba(0, 0, 0, var(--tw-text-opacity)); + .\32xl\:focus\:opacity-40:focus { + opacity: 0.4; } - .\32xl\:focus\:text-white:focus { - --tw-text-opacity: 1; - color: rgba(255, 255, 255, var(--tw-text-opacity)); + .\32xl\:focus\:opacity-50:focus { + opacity: 0.5; } - .\32xl\:focus\:text-gray-50:focus { - --tw-text-opacity: 1; - color: rgba(249, 250, 251, var(--tw-text-opacity)); + .\32xl\:focus\:opacity-60:focus { + opacity: 0.6; } - .\32xl\:focus\:text-gray-100:focus { - --tw-text-opacity: 1; - color: rgba(243, 244, 246, var(--tw-text-opacity)); + .\32xl\:focus\:opacity-70:focus { + opacity: 0.7; } - .\32xl\:focus\:text-gray-200:focus { - --tw-text-opacity: 1; - color: rgba(229, 231, 235, var(--tw-text-opacity)); + .\32xl\:focus\:opacity-75:focus { + opacity: 0.75; } - .\32xl\:focus\:text-gray-300:focus { - --tw-text-opacity: 1; - color: rgba(209, 213, 219, var(--tw-text-opacity)); + .\32xl\:focus\:opacity-80:focus { + opacity: 0.8; } - .\32xl\:focus\:text-gray-400:focus { - --tw-text-opacity: 1; - color: rgba(156, 163, 175, var(--tw-text-opacity)); + .\32xl\:focus\:opacity-90:focus { + opacity: 0.9; } - .\32xl\:focus\:text-gray-500:focus { - --tw-text-opacity: 1; - color: rgba(107, 114, 128, var(--tw-text-opacity)); + .\32xl\:focus\:opacity-95:focus { + opacity: 0.95; } - .\32xl\:focus\:text-gray-600:focus { - --tw-text-opacity: 1; - color: rgba(75, 85, 99, var(--tw-text-opacity)); + .\32xl\:focus\:opacity-100:focus { + opacity: 1; } - .\32xl\:focus\:text-gray-700:focus { - --tw-text-opacity: 1; - color: rgba(55, 65, 81, var(--tw-text-opacity)); + .\32xl\:bg-blend-normal { + background-blend-mode: normal; } - .\32xl\:focus\:text-gray-800:focus { - --tw-text-opacity: 1; - color: rgba(31, 41, 55, var(--tw-text-opacity)); + .\32xl\:bg-blend-multiply { + background-blend-mode: multiply; } - .\32xl\:focus\:text-gray-900:focus { - --tw-text-opacity: 1; - color: rgba(17, 24, 39, var(--tw-text-opacity)); + .\32xl\:bg-blend-screen { + background-blend-mode: screen; } - .\32xl\:focus\:text-red-50:focus { - --tw-text-opacity: 1; - color: rgba(254, 242, 242, var(--tw-text-opacity)); + .\32xl\:bg-blend-overlay { + background-blend-mode: overlay; } - .\32xl\:focus\:text-red-100:focus { - --tw-text-opacity: 1; - color: rgba(254, 226, 226, var(--tw-text-opacity)); + .\32xl\:bg-blend-darken { + background-blend-mode: darken; } - .\32xl\:focus\:text-red-200:focus { - --tw-text-opacity: 1; - color: rgba(254, 202, 202, var(--tw-text-opacity)); + .\32xl\:bg-blend-lighten { + background-blend-mode: lighten; } - .\32xl\:focus\:text-red-300:focus { - --tw-text-opacity: 1; - color: rgba(252, 165, 165, var(--tw-text-opacity)); + .\32xl\:bg-blend-color-dodge { + background-blend-mode: color-dodge; } - .\32xl\:focus\:text-red-400:focus { - --tw-text-opacity: 1; - color: rgba(248, 113, 113, var(--tw-text-opacity)); + .\32xl\:bg-blend-color-burn { + background-blend-mode: color-burn; } - .\32xl\:focus\:text-red-500:focus { - --tw-text-opacity: 1; - color: rgba(239, 68, 68, var(--tw-text-opacity)); + .\32xl\:bg-blend-hard-light { + background-blend-mode: hard-light; } - .\32xl\:focus\:text-red-600:focus { - --tw-text-opacity: 1; - color: rgba(220, 38, 38, var(--tw-text-opacity)); + .\32xl\:bg-blend-soft-light { + background-blend-mode: soft-light; } - .\32xl\:focus\:text-red-700:focus { - --tw-text-opacity: 1; - color: rgba(185, 28, 28, var(--tw-text-opacity)); + .\32xl\:bg-blend-difference { + background-blend-mode: difference; } - .\32xl\:focus\:text-red-800:focus { - --tw-text-opacity: 1; - color: rgba(153, 27, 27, var(--tw-text-opacity)); + .\32xl\:bg-blend-exclusion { + background-blend-mode: exclusion; } - .\32xl\:focus\:text-red-900:focus { - --tw-text-opacity: 1; - color: rgba(127, 29, 29, var(--tw-text-opacity)); + .\32xl\:bg-blend-hue { + background-blend-mode: hue; } - .\32xl\:focus\:text-yellow-50:focus { - --tw-text-opacity: 1; - color: rgba(255, 251, 235, var(--tw-text-opacity)); + .\32xl\:bg-blend-saturation { + background-blend-mode: saturation; } - .\32xl\:focus\:text-yellow-100:focus { - --tw-text-opacity: 1; - color: rgba(254, 243, 199, var(--tw-text-opacity)); + .\32xl\:bg-blend-color { + background-blend-mode: color; } - .\32xl\:focus\:text-yellow-200:focus { - --tw-text-opacity: 1; - color: rgba(253, 230, 138, var(--tw-text-opacity)); + .\32xl\:bg-blend-luminosity { + background-blend-mode: luminosity; } - .\32xl\:focus\:text-yellow-300:focus { - --tw-text-opacity: 1; - color: rgba(252, 211, 77, var(--tw-text-opacity)); + .\32xl\:mix-blend-normal { + mix-blend-mode: normal; } - .\32xl\:focus\:text-yellow-400:focus { - --tw-text-opacity: 1; - color: rgba(251, 191, 36, var(--tw-text-opacity)); + .\32xl\:mix-blend-multiply { + mix-blend-mode: multiply; } - .\32xl\:focus\:text-yellow-500:focus { - --tw-text-opacity: 1; - color: rgba(245, 158, 11, var(--tw-text-opacity)); + .\32xl\:mix-blend-screen { + mix-blend-mode: screen; } - .\32xl\:focus\:text-yellow-600:focus { - --tw-text-opacity: 1; - color: rgba(217, 119, 6, var(--tw-text-opacity)); + .\32xl\:mix-blend-overlay { + mix-blend-mode: overlay; } - .\32xl\:focus\:text-yellow-700:focus { - --tw-text-opacity: 1; - color: rgba(180, 83, 9, var(--tw-text-opacity)); + .\32xl\:mix-blend-darken { + mix-blend-mode: darken; } - .\32xl\:focus\:text-yellow-800:focus { - --tw-text-opacity: 1; - color: rgba(146, 64, 14, var(--tw-text-opacity)); + .\32xl\:mix-blend-lighten { + mix-blend-mode: lighten; } - .\32xl\:focus\:text-yellow-900:focus { - --tw-text-opacity: 1; - color: rgba(120, 53, 15, var(--tw-text-opacity)); + .\32xl\:mix-blend-color-dodge { + mix-blend-mode: color-dodge; } - .\32xl\:focus\:text-green-50:focus { - --tw-text-opacity: 1; - color: rgba(236, 253, 245, var(--tw-text-opacity)); + .\32xl\:mix-blend-color-burn { + mix-blend-mode: color-burn; } - .\32xl\:focus\:text-green-100:focus { - --tw-text-opacity: 1; - color: rgba(209, 250, 229, var(--tw-text-opacity)); + .\32xl\:mix-blend-hard-light { + mix-blend-mode: hard-light; } - .\32xl\:focus\:text-green-200:focus { - --tw-text-opacity: 1; - color: rgba(167, 243, 208, var(--tw-text-opacity)); + .\32xl\:mix-blend-soft-light { + mix-blend-mode: soft-light; } - .\32xl\:focus\:text-green-300:focus { - --tw-text-opacity: 1; - color: rgba(110, 231, 183, var(--tw-text-opacity)); + .\32xl\:mix-blend-difference { + mix-blend-mode: difference; } - .\32xl\:focus\:text-green-400:focus { - --tw-text-opacity: 1; - color: rgba(52, 211, 153, var(--tw-text-opacity)); + .\32xl\:mix-blend-exclusion { + mix-blend-mode: exclusion; } - .\32xl\:focus\:text-green-500:focus { - --tw-text-opacity: 1; - color: rgba(16, 185, 129, var(--tw-text-opacity)); + .\32xl\:mix-blend-hue { + mix-blend-mode: hue; } - .\32xl\:focus\:text-green-600:focus { - --tw-text-opacity: 1; - color: rgba(5, 150, 105, var(--tw-text-opacity)); + .\32xl\:mix-blend-saturation { + mix-blend-mode: saturation; } - .\32xl\:focus\:text-green-700:focus { - --tw-text-opacity: 1; - color: rgba(4, 120, 87, var(--tw-text-opacity)); + .\32xl\:mix-blend-color { + mix-blend-mode: color; } - .\32xl\:focus\:text-green-800:focus { - --tw-text-opacity: 1; - color: rgba(6, 95, 70, var(--tw-text-opacity)); + .\32xl\:mix-blend-luminosity { + mix-blend-mode: luminosity; } - .\32xl\:focus\:text-green-900:focus { - --tw-text-opacity: 1; - color: rgba(6, 78, 59, var(--tw-text-opacity)); + .\32xl\:shadow-sm { + --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .\32xl\:focus\:text-blue-50:focus { - --tw-text-opacity: 1; - color: rgba(239, 246, 255, var(--tw-text-opacity)); + .\32xl\:shadow { + --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .\32xl\:focus\:text-blue-100:focus { - --tw-text-opacity: 1; - color: rgba(219, 234, 254, var(--tw-text-opacity)); + .\32xl\:shadow-md { + --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .\32xl\:focus\:text-blue-200:focus { - --tw-text-opacity: 1; - color: rgba(191, 219, 254, var(--tw-text-opacity)); + .\32xl\:shadow-lg { + --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .\32xl\:focus\:text-blue-300:focus { - --tw-text-opacity: 1; - color: rgba(147, 197, 253, var(--tw-text-opacity)); + .\32xl\:shadow-xl { + --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .\32xl\:focus\:text-blue-400:focus { - --tw-text-opacity: 1; - color: rgba(96, 165, 250, var(--tw-text-opacity)); + .\32xl\:shadow-2xl { + --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .\32xl\:focus\:text-blue-500:focus { - --tw-text-opacity: 1; - color: rgba(59, 130, 246, var(--tw-text-opacity)); + .\32xl\:shadow-inner { + --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .\32xl\:focus\:text-blue-600:focus { - --tw-text-opacity: 1; - color: rgba(37, 99, 235, var(--tw-text-opacity)); + .\32xl\:shadow-none { + --tw-shadow: 0 0 #0000; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .\32xl\:focus\:text-blue-700:focus { - --tw-text-opacity: 1; - color: rgba(29, 78, 216, var(--tw-text-opacity)); + .group:hover .\32xl\:group-hover\:shadow-sm { + --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .\32xl\:focus\:text-blue-800:focus { - --tw-text-opacity: 1; - color: rgba(30, 64, 175, var(--tw-text-opacity)); + .group:hover .\32xl\:group-hover\:shadow { + --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .\32xl\:focus\:text-blue-900:focus { - --tw-text-opacity: 1; - color: rgba(30, 58, 138, var(--tw-text-opacity)); + .group:hover .\32xl\:group-hover\:shadow-md { + --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .\32xl\:focus\:text-indigo-50:focus { - --tw-text-opacity: 1; - color: rgba(238, 242, 255, var(--tw-text-opacity)); + .group:hover .\32xl\:group-hover\:shadow-lg { + --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .\32xl\:focus\:text-indigo-100:focus { - --tw-text-opacity: 1; - color: rgba(224, 231, 255, var(--tw-text-opacity)); + .group:hover .\32xl\:group-hover\:shadow-xl { + --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .\32xl\:focus\:text-indigo-200:focus { - --tw-text-opacity: 1; - color: rgba(199, 210, 254, var(--tw-text-opacity)); + .group:hover .\32xl\:group-hover\:shadow-2xl { + --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .\32xl\:focus\:text-indigo-300:focus { - --tw-text-opacity: 1; - color: rgba(165, 180, 252, var(--tw-text-opacity)); + .group:hover .\32xl\:group-hover\:shadow-inner { + --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .\32xl\:focus\:text-indigo-400:focus { - --tw-text-opacity: 1; - color: rgba(129, 140, 248, var(--tw-text-opacity)); + .group:hover .\32xl\:group-hover\:shadow-none { + --tw-shadow: 0 0 #0000; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .\32xl\:focus\:text-indigo-500:focus { - --tw-text-opacity: 1; - color: rgba(99, 102, 241, var(--tw-text-opacity)); + .\32xl\:focus-within\:shadow-sm:focus-within { + --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .\32xl\:focus\:text-indigo-600:focus { - --tw-text-opacity: 1; - color: rgba(79, 70, 229, var(--tw-text-opacity)); + .\32xl\:focus-within\:shadow:focus-within { + --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .\32xl\:focus\:text-indigo-700:focus { - --tw-text-opacity: 1; - color: rgba(67, 56, 202, var(--tw-text-opacity)); + .\32xl\:focus-within\:shadow-md:focus-within { + --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .\32xl\:focus\:text-indigo-800:focus { - --tw-text-opacity: 1; - color: rgba(55, 48, 163, var(--tw-text-opacity)); + .\32xl\:focus-within\:shadow-lg:focus-within { + --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .\32xl\:focus\:text-indigo-900:focus { - --tw-text-opacity: 1; - color: rgba(49, 46, 129, var(--tw-text-opacity)); + .\32xl\:focus-within\:shadow-xl:focus-within { + --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .\32xl\:focus\:text-purple-50:focus { - --tw-text-opacity: 1; - color: rgba(245, 243, 255, var(--tw-text-opacity)); + .\32xl\:focus-within\:shadow-2xl:focus-within { + --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .\32xl\:focus\:text-purple-100:focus { - --tw-text-opacity: 1; - color: rgba(237, 233, 254, var(--tw-text-opacity)); + .\32xl\:focus-within\:shadow-inner:focus-within { + --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .\32xl\:focus\:text-purple-200:focus { - --tw-text-opacity: 1; - color: rgba(221, 214, 254, var(--tw-text-opacity)); + .\32xl\:focus-within\:shadow-none:focus-within { + --tw-shadow: 0 0 #0000; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .\32xl\:focus\:text-purple-300:focus { - --tw-text-opacity: 1; - color: rgba(196, 181, 253, var(--tw-text-opacity)); + .\32xl\:hover\:shadow-sm:hover { + --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .\32xl\:focus\:text-purple-400:focus { - --tw-text-opacity: 1; - color: rgba(167, 139, 250, var(--tw-text-opacity)); + .\32xl\:hover\:shadow:hover { + --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .\32xl\:focus\:text-purple-500:focus { - --tw-text-opacity: 1; - color: rgba(139, 92, 246, var(--tw-text-opacity)); + .\32xl\:hover\:shadow-md:hover { + --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .\32xl\:focus\:text-purple-600:focus { - --tw-text-opacity: 1; - color: rgba(124, 58, 237, var(--tw-text-opacity)); + .\32xl\:hover\:shadow-lg:hover { + --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .\32xl\:focus\:text-purple-700:focus { - --tw-text-opacity: 1; - color: rgba(109, 40, 217, var(--tw-text-opacity)); + .\32xl\:hover\:shadow-xl:hover { + --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .\32xl\:focus\:text-purple-800:focus { - --tw-text-opacity: 1; - color: rgba(91, 33, 182, var(--tw-text-opacity)); + .\32xl\:hover\:shadow-2xl:hover { + --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .\32xl\:focus\:text-purple-900:focus { - --tw-text-opacity: 1; - color: rgba(76, 29, 149, var(--tw-text-opacity)); + .\32xl\:hover\:shadow-inner:hover { + --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .\32xl\:focus\:text-pink-50:focus { - --tw-text-opacity: 1; - color: rgba(253, 242, 248, var(--tw-text-opacity)); + .\32xl\:hover\:shadow-none:hover { + --tw-shadow: 0 0 #0000; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .\32xl\:focus\:text-pink-100:focus { - --tw-text-opacity: 1; - color: rgba(252, 231, 243, var(--tw-text-opacity)); + .\32xl\:focus\:shadow-sm:focus { + --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .\32xl\:focus\:text-pink-200:focus { - --tw-text-opacity: 1; - color: rgba(251, 207, 232, var(--tw-text-opacity)); + .\32xl\:focus\:shadow:focus { + --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .\32xl\:focus\:text-pink-300:focus { - --tw-text-opacity: 1; - color: rgba(249, 168, 212, var(--tw-text-opacity)); + .\32xl\:focus\:shadow-md:focus { + --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .\32xl\:focus\:text-pink-400:focus { - --tw-text-opacity: 1; - color: rgba(244, 114, 182, var(--tw-text-opacity)); + .\32xl\:focus\:shadow-lg:focus { + --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .\32xl\:focus\:text-pink-500:focus { - --tw-text-opacity: 1; - color: rgba(236, 72, 153, var(--tw-text-opacity)); + .\32xl\:focus\:shadow-xl:focus { + --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .\32xl\:focus\:text-pink-600:focus { - --tw-text-opacity: 1; - color: rgba(219, 39, 119, var(--tw-text-opacity)); + .\32xl\:focus\:shadow-2xl:focus { + --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .\32xl\:focus\:text-pink-700:focus { - --tw-text-opacity: 1; - color: rgba(190, 24, 93, var(--tw-text-opacity)); + .\32xl\:focus\:shadow-inner:focus { + --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .\32xl\:focus\:text-pink-800:focus { - --tw-text-opacity: 1; - color: rgba(157, 23, 77, var(--tw-text-opacity)); + .\32xl\:focus\:shadow-none:focus { + --tw-shadow: 0 0 #0000; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .\32xl\:focus\:text-pink-900:focus { - --tw-text-opacity: 1; - color: rgba(131, 24, 67, var(--tw-text-opacity)); + .\32xl\:outline-none { + outline: 2px solid transparent; + outline-offset: 2px; } - .\32xl\:text-opacity-0 { - --tw-text-opacity: 0; + .\32xl\:outline-white { + outline: 2px dotted white; + outline-offset: 2px; } - .\32xl\:text-opacity-5 { - --tw-text-opacity: 0.05; + .\32xl\:outline-black { + outline: 2px dotted black; + outline-offset: 2px; } - .\32xl\:text-opacity-10 { - --tw-text-opacity: 0.1; + .\32xl\:focus-within\:outline-none:focus-within { + outline: 2px solid transparent; + outline-offset: 2px; } - .\32xl\:text-opacity-20 { - --tw-text-opacity: 0.2; + .\32xl\:focus-within\:outline-white:focus-within { + outline: 2px dotted white; + outline-offset: 2px; } - .\32xl\:text-opacity-25 { - --tw-text-opacity: 0.25; + .\32xl\:focus-within\:outline-black:focus-within { + outline: 2px dotted black; + outline-offset: 2px; } - .\32xl\:text-opacity-30 { - --tw-text-opacity: 0.3; + .\32xl\:focus\:outline-none:focus { + outline: 2px solid transparent; + outline-offset: 2px; } - .\32xl\:text-opacity-40 { - --tw-text-opacity: 0.4; + .\32xl\:focus\:outline-white:focus { + outline: 2px dotted white; + outline-offset: 2px; } - .\32xl\:text-opacity-50 { - --tw-text-opacity: 0.5; + .\32xl\:focus\:outline-black:focus { + outline: 2px dotted black; + outline-offset: 2px; } - .\32xl\:text-opacity-60 { - --tw-text-opacity: 0.6; + .\32xl\: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); } - .\32xl\:text-opacity-70 { - --tw-text-opacity: 0.7; + .\32xl\: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); } - .\32xl\:text-opacity-75 { - --tw-text-opacity: 0.75; + .\32xl\: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); } - .\32xl\:text-opacity-80 { - --tw-text-opacity: 0.8; + .\32xl\: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); } - .\32xl\:text-opacity-90 { - --tw-text-opacity: 0.9; + .\32xl\:ring-8 { + --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(8px + 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); } - .\32xl\:text-opacity-95 { - --tw-text-opacity: 0.95; + .\32xl\: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); } - .\32xl\:text-opacity-100 { - --tw-text-opacity: 1; + .\32xl\:focus-within\:ring-0:focus-within { + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(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); } - .group:hover .\32xl\:group-hover\:text-opacity-0 { - --tw-text-opacity: 0; + .\32xl\:focus-within\:ring-1:focus-within { + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } - .group:hover .\32xl\:group-hover\:text-opacity-5 { - --tw-text-opacity: 0.05; + .\32xl\:focus-within\:ring-2:focus-within { + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } - .group:hover .\32xl\:group-hover\:text-opacity-10 { - --tw-text-opacity: 0.1; + .\32xl\:focus-within\:ring-4:focus-within { + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(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); } - .group:hover .\32xl\:group-hover\:text-opacity-20 { - --tw-text-opacity: 0.2; + .\32xl\:focus-within\:ring-8:focus-within { + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + 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); } - .group:hover .\32xl\:group-hover\:text-opacity-25 { - --tw-text-opacity: 0.25; + .\32xl\:focus-within\:ring:focus-within { + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(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); } - .group:hover .\32xl\:group-hover\:text-opacity-30 { - --tw-text-opacity: 0.3; + .\32xl\: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); } - .group:hover .\32xl\:group-hover\:text-opacity-40 { - --tw-text-opacity: 0.4; + .\32xl\: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); } - .group:hover .\32xl\:group-hover\:text-opacity-50 { - --tw-text-opacity: 0.5; + .\32xl\: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); } - .group:hover .\32xl\:group-hover\:text-opacity-60 { - --tw-text-opacity: 0.6; + .\32xl\:focus\:ring-4:focus { + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } - .group:hover .\32xl\:group-hover\:text-opacity-70 { - --tw-text-opacity: 0.7; + .\32xl\:focus\:ring-8: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(8px + 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); } - .group:hover .\32xl\:group-hover\:text-opacity-75 { - --tw-text-opacity: 0.75; + .\32xl\:focus\:ring: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(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); } - .group:hover .\32xl\:group-hover\:text-opacity-80 { - --tw-text-opacity: 0.8; + .\32xl\:ring-inset { + --tw-ring-inset: inset; } - .group:hover .\32xl\:group-hover\:text-opacity-90 { - --tw-text-opacity: 0.9; + .\32xl\:focus-within\:ring-inset:focus-within { + --tw-ring-inset: inset; } - .group:hover .\32xl\:group-hover\:text-opacity-95 { - --tw-text-opacity: 0.95; + .\32xl\:focus\:ring-inset:focus { + --tw-ring-inset: inset; } - .group:hover .\32xl\:group-hover\:text-opacity-100 { - --tw-text-opacity: 1; + .\32xl\:ring-colors-black { + --tw-ring-color: var(--colors-black, #000000); } - .\32xl\:focus-within\:text-opacity-0:focus-within { - --tw-text-opacity: 0; + .\32xl\:ring-colors-white { + --tw-ring-color: var(--colors-white, #ffffff); } - .\32xl\:focus-within\:text-opacity-5:focus-within { - --tw-text-opacity: 0.05; + .\32xl\:ring-colors-gray-100 { + --tw-ring-color: var(--colors-gray-100, #f7fafc); } - .\32xl\:focus-within\:text-opacity-10:focus-within { - --tw-text-opacity: 0.1; + .\32xl\:ring-colors-gray-200 { + --tw-ring-color: var(--colors-gray-200, #edf2f7); } - .\32xl\:focus-within\:text-opacity-20:focus-within { - --tw-text-opacity: 0.2; + .\32xl\:ring-colors-gray-300 { + --tw-ring-color: var(--colors-gray-300, #e2e8f0); } - .\32xl\:focus-within\:text-opacity-25:focus-within { - --tw-text-opacity: 0.25; + .\32xl\:ring-colors-gray-400 { + --tw-ring-color: var(--colors-gray-400, #cbd5e0); } - .\32xl\:focus-within\:text-opacity-30:focus-within { - --tw-text-opacity: 0.3; + .\32xl\:ring-colors-gray-500 { + --tw-ring-color: var(--colors-gray-500, #a0aec0); } - .\32xl\:focus-within\:text-opacity-40:focus-within { - --tw-text-opacity: 0.4; + .\32xl\:ring-colors-gray-600 { + --tw-ring-color: var(--colors-gray-600, #718096); } - .\32xl\:focus-within\:text-opacity-50:focus-within { - --tw-text-opacity: 0.5; + .\32xl\:ring-colors-gray-700 { + --tw-ring-color: var(--colors-gray-700, #4a5568); } - .\32xl\:focus-within\:text-opacity-60:focus-within { - --tw-text-opacity: 0.6; + .\32xl\:ring-colors-gray-800 { + --tw-ring-color: var(--colors-gray-800, #2d3748); } - .\32xl\:focus-within\:text-opacity-70:focus-within { - --tw-text-opacity: 0.7; + .\32xl\:ring-colors-gray-900 { + --tw-ring-color: var(--colors-gray-900, #1a202c); } - .\32xl\:focus-within\:text-opacity-75:focus-within { - --tw-text-opacity: 0.75; + .\32xl\:ring-colors-red-100 { + --tw-ring-color: var(--colors-red-100, #fff5f5); } - .\32xl\:focus-within\:text-opacity-80:focus-within { - --tw-text-opacity: 0.8; + .\32xl\:ring-colors-red-200 { + --tw-ring-color: var(--colors-red-200, #fed7d7); } - .\32xl\:focus-within\:text-opacity-90:focus-within { - --tw-text-opacity: 0.9; + .\32xl\:ring-colors-red-300 { + --tw-ring-color: var(--colors-red-300, #feb2b2); } - .\32xl\:focus-within\:text-opacity-95:focus-within { - --tw-text-opacity: 0.95; + .\32xl\:ring-colors-red-400 { + --tw-ring-color: var(--colors-red-400, #fc8181); } - .\32xl\:focus-within\:text-opacity-100:focus-within { - --tw-text-opacity: 1; + .\32xl\:ring-colors-red-500 { + --tw-ring-color: var(--colors-red-500, #f56565); } - .\32xl\:hover\:text-opacity-0:hover { - --tw-text-opacity: 0; + .\32xl\:ring-colors-red-600 { + --tw-ring-color: var(--colors-red-600, #e53e3e); } - .\32xl\:hover\:text-opacity-5:hover { - --tw-text-opacity: 0.05; + .\32xl\:ring-colors-red-700 { + --tw-ring-color: var(--colors-red-700, #c53030); } - .\32xl\:hover\:text-opacity-10:hover { - --tw-text-opacity: 0.1; + .\32xl\:ring-colors-red-800 { + --tw-ring-color: var(--colors-red-800, #9b2c2c); } - .\32xl\:hover\:text-opacity-20:hover { - --tw-text-opacity: 0.2; + .\32xl\:ring-colors-red-900 { + --tw-ring-color: var(--colors-red-900, #742a2a); } - .\32xl\:hover\:text-opacity-25:hover { - --tw-text-opacity: 0.25; + .\32xl\:ring-colors-orange-100 { + --tw-ring-color: var(--colors-orange-100, #fffaf0); } - .\32xl\:hover\:text-opacity-30:hover { - --tw-text-opacity: 0.3; + .\32xl\:ring-colors-orange-200 { + --tw-ring-color: var(--colors-orange-200, #feebc8); } - .\32xl\:hover\:text-opacity-40:hover { - --tw-text-opacity: 0.4; + .\32xl\:ring-colors-orange-300 { + --tw-ring-color: var(--colors-orange-300, #fbd38d); } - .\32xl\:hover\:text-opacity-50:hover { - --tw-text-opacity: 0.5; + .\32xl\:ring-colors-orange-400 { + --tw-ring-color: var(--colors-orange-400, #f6ad55); } - .\32xl\:hover\:text-opacity-60:hover { - --tw-text-opacity: 0.6; + .\32xl\:ring-colors-orange-500 { + --tw-ring-color: var(--colors-orange-500, #ed8936); } - .\32xl\:hover\:text-opacity-70:hover { - --tw-text-opacity: 0.7; + .\32xl\:ring-colors-orange-600 { + --tw-ring-color: var(--colors-orange-600, #dd6b20); } - .\32xl\:hover\:text-opacity-75:hover { - --tw-text-opacity: 0.75; + .\32xl\:ring-colors-orange-700 { + --tw-ring-color: var(--colors-orange-700, #c05621); } - .\32xl\:hover\:text-opacity-80:hover { - --tw-text-opacity: 0.8; + .\32xl\:ring-colors-orange-800 { + --tw-ring-color: var(--colors-orange-800, #9c4221); } - .\32xl\:hover\:text-opacity-90:hover { - --tw-text-opacity: 0.9; + .\32xl\:ring-colors-orange-900 { + --tw-ring-color: var(--colors-orange-900, #7b341e); } - .\32xl\:hover\:text-opacity-95:hover { - --tw-text-opacity: 0.95; + .\32xl\:ring-colors-yellow-100 { + --tw-ring-color: var(--colors-yellow-100, #fffff0); } - .\32xl\:hover\:text-opacity-100:hover { - --tw-text-opacity: 1; + .\32xl\:ring-colors-yellow-200 { + --tw-ring-color: var(--colors-yellow-200, #fefcbf); } - .\32xl\:focus\:text-opacity-0:focus { - --tw-text-opacity: 0; + .\32xl\:ring-colors-yellow-300 { + --tw-ring-color: var(--colors-yellow-300, #faf089); } - .\32xl\:focus\:text-opacity-5:focus { - --tw-text-opacity: 0.05; + .\32xl\:ring-colors-yellow-400 { + --tw-ring-color: var(--colors-yellow-400, #f6e05e); } - .\32xl\:focus\:text-opacity-10:focus { - --tw-text-opacity: 0.1; + .\32xl\:ring-colors-yellow-500 { + --tw-ring-color: var(--colors-yellow-500, #ecc94b); } - .\32xl\:focus\:text-opacity-20:focus { - --tw-text-opacity: 0.2; + .\32xl\:ring-colors-yellow-600 { + --tw-ring-color: var(--colors-yellow-600, #d69e2e); } - .\32xl\:focus\:text-opacity-25:focus { - --tw-text-opacity: 0.25; + .\32xl\:ring-colors-yellow-700 { + --tw-ring-color: var(--colors-yellow-700, #b7791f); } - .\32xl\:focus\:text-opacity-30:focus { - --tw-text-opacity: 0.3; + .\32xl\:ring-colors-yellow-800 { + --tw-ring-color: var(--colors-yellow-800, #975a16); } - .\32xl\:focus\:text-opacity-40:focus { - --tw-text-opacity: 0.4; + .\32xl\:ring-colors-yellow-900 { + --tw-ring-color: var(--colors-yellow-900, #744210); } - .\32xl\:focus\:text-opacity-50:focus { - --tw-text-opacity: 0.5; + .\32xl\:ring-colors-green-100 { + --tw-ring-color: var(--colors-green-100, #f0fff4); } - .\32xl\:focus\:text-opacity-60:focus { - --tw-text-opacity: 0.6; + .\32xl\:ring-colors-green-200 { + --tw-ring-color: var(--colors-green-200, #c6f6d5); } - .\32xl\:focus\:text-opacity-70:focus { - --tw-text-opacity: 0.7; + .\32xl\:ring-colors-green-300 { + --tw-ring-color: var(--colors-green-300, #9ae6b4); } - .\32xl\:focus\:text-opacity-75:focus { - --tw-text-opacity: 0.75; + .\32xl\:ring-colors-green-400 { + --tw-ring-color: var(--colors-green-400, #68d391); } - .\32xl\:focus\:text-opacity-80:focus { - --tw-text-opacity: 0.8; + .\32xl\:ring-colors-green-500 { + --tw-ring-color: var(--colors-green-500, #48bb78); } - .\32xl\:focus\:text-opacity-90:focus { - --tw-text-opacity: 0.9; + .\32xl\:ring-colors-green-600 { + --tw-ring-color: var(--colors-green-600, #38a169); } - .\32xl\:focus\:text-opacity-95:focus { - --tw-text-opacity: 0.95; + .\32xl\:ring-colors-green-700 { + --tw-ring-color: var(--colors-green-700, #2f855a); } - .\32xl\:focus\:text-opacity-100:focus { - --tw-text-opacity: 1; + .\32xl\:ring-colors-green-800 { + --tw-ring-color: var(--colors-green-800, #276749); } - .\32xl\:underline { - text-decoration: underline; + .\32xl\:ring-colors-green-900 { + --tw-ring-color: var(--colors-green-900, #22543d); } - .\32xl\:line-through { - text-decoration: line-through; + .\32xl\:ring-colors-teal-100 { + --tw-ring-color: var(--colors-teal-100, #e6fffa); } - .\32xl\:no-underline { - text-decoration: none; + .\32xl\:ring-colors-teal-200 { + --tw-ring-color: var(--colors-teal-200, #b2f5ea); } - .group:hover .\32xl\:group-hover\:underline { - text-decoration: underline; + .\32xl\:ring-colors-teal-300 { + --tw-ring-color: var(--colors-teal-300, #81e6d9); } - .group:hover .\32xl\:group-hover\:line-through { - text-decoration: line-through; + .\32xl\:ring-colors-teal-400 { + --tw-ring-color: var(--colors-teal-400, #4fd1c5); } - .group:hover .\32xl\:group-hover\:no-underline { - text-decoration: none; + .\32xl\:ring-colors-teal-500 { + --tw-ring-color: var(--colors-teal-500, #38b2ac); } - .\32xl\:focus-within\:underline:focus-within { - text-decoration: underline; + .\32xl\:ring-colors-teal-600 { + --tw-ring-color: var(--colors-teal-600, #319795); } - .\32xl\:focus-within\:line-through:focus-within { - text-decoration: line-through; + .\32xl\:ring-colors-teal-700 { + --tw-ring-color: var(--colors-teal-700, #2c7a7b); } - .\32xl\:focus-within\:no-underline:focus-within { - text-decoration: none; + .\32xl\:ring-colors-teal-800 { + --tw-ring-color: var(--colors-teal-800, #285e61); } - .\32xl\:hover\:underline:hover { - text-decoration: underline; + .\32xl\:ring-colors-teal-900 { + --tw-ring-color: var(--colors-teal-900, #234e52); } - .\32xl\:hover\:line-through:hover { - text-decoration: line-through; + .\32xl\:ring-colors-blue-100 { + --tw-ring-color: var(--colors-blue-100, #ebf8ff); } - .\32xl\:hover\:no-underline:hover { - text-decoration: none; + .\32xl\:ring-colors-blue-200 { + --tw-ring-color: var(--colors-blue-200, #bee3f8); } - .\32xl\:focus\:underline:focus { - text-decoration: underline; + .\32xl\:ring-colors-blue-300 { + --tw-ring-color: var(--colors-blue-300, #90cdf4); } - .\32xl\:focus\:line-through:focus { - text-decoration: line-through; + .\32xl\:ring-colors-blue-400 { + --tw-ring-color: var(--colors-blue-400, #63b3ed); } - .\32xl\:focus\:no-underline:focus { - text-decoration: none; + .\32xl\:ring-colors-blue-500 { + --tw-ring-color: var(--colors-blue-500, #4299e1); } - .\32xl\:antialiased { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; + .\32xl\:ring-colors-blue-600 { + --tw-ring-color: var(--colors-blue-600, #3182ce); } - .\32xl\:subpixel-antialiased { - -webkit-font-smoothing: auto; - -moz-osx-font-smoothing: auto; + .\32xl\:ring-colors-blue-700 { + --tw-ring-color: var(--colors-blue-700, #2b6cb0); } - .\32xl\:placeholder-transparent::-moz-placeholder { - color: transparent; + .\32xl\:ring-colors-blue-800 { + --tw-ring-color: var(--colors-blue-800, #2c5282); } - .\32xl\:placeholder-transparent::placeholder { - color: transparent; + .\32xl\:ring-colors-blue-900 { + --tw-ring-color: var(--colors-blue-900, #2a4365); } - .\32xl\:placeholder-current::-moz-placeholder { - color: currentColor; + .\32xl\:ring-colors-indigo-100 { + --tw-ring-color: var(--colors-indigo-100, #ebf4ff); } - .\32xl\:placeholder-current::placeholder { - color: currentColor; + .\32xl\:ring-colors-indigo-200 { + --tw-ring-color: var(--colors-indigo-200, #c3dafe); } - .\32xl\:placeholder-black::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(0, 0, 0, var(--tw-placeholder-opacity)); + .\32xl\:ring-colors-indigo-300 { + --tw-ring-color: var(--colors-indigo-300, #a3bffa); } - .\32xl\:placeholder-black::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(0, 0, 0, var(--tw-placeholder-opacity)); + .\32xl\:ring-colors-indigo-400 { + --tw-ring-color: var(--colors-indigo-400, #7f9cf5); } - .\32xl\:placeholder-white::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(255, 255, 255, var(--tw-placeholder-opacity)); + .\32xl\:ring-colors-indigo-500 { + --tw-ring-color: var(--colors-indigo-500, #667eea); } - .\32xl\:placeholder-white::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(255, 255, 255, var(--tw-placeholder-opacity)); + .\32xl\:ring-colors-indigo-600 { + --tw-ring-color: var(--colors-indigo-600, #5a67d8); } - .\32xl\:placeholder-gray-50::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(249, 250, 251, var(--tw-placeholder-opacity)); + .\32xl\:ring-colors-indigo-700 { + --tw-ring-color: var(--colors-indigo-700, #4c51bf); } - .\32xl\:placeholder-gray-50::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(249, 250, 251, var(--tw-placeholder-opacity)); + .\32xl\:ring-colors-indigo-800 { + --tw-ring-color: var(--colors-indigo-800, #434190); } - .\32xl\:placeholder-gray-100::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(243, 244, 246, var(--tw-placeholder-opacity)); + .\32xl\:ring-colors-indigo-900 { + --tw-ring-color: var(--colors-indigo-900, #3c366b); } - .\32xl\:placeholder-gray-100::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(243, 244, 246, var(--tw-placeholder-opacity)); + .\32xl\:ring-colors-purple-100 { + --tw-ring-color: var(--colors-purple-100, #faf5ff); } - .\32xl\:placeholder-gray-200::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(229, 231, 235, var(--tw-placeholder-opacity)); + .\32xl\:ring-colors-purple-200 { + --tw-ring-color: var(--colors-purple-200, #e9d8fd); } - .\32xl\:placeholder-gray-200::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(229, 231, 235, var(--tw-placeholder-opacity)); + .\32xl\:ring-colors-purple-300 { + --tw-ring-color: var(--colors-purple-300, #d6bcfa); } - .\32xl\:placeholder-gray-300::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(209, 213, 219, var(--tw-placeholder-opacity)); + .\32xl\:ring-colors-purple-400 { + --tw-ring-color: var(--colors-purple-400, #b794f4); } - .\32xl\:placeholder-gray-300::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(209, 213, 219, var(--tw-placeholder-opacity)); + .\32xl\:ring-colors-purple-500 { + --tw-ring-color: var(--colors-purple-500, #9f7aea); } - .\32xl\:placeholder-gray-400::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(156, 163, 175, var(--tw-placeholder-opacity)); + .\32xl\:ring-colors-purple-600 { + --tw-ring-color: var(--colors-purple-600, #805ad5); } - .\32xl\:placeholder-gray-400::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(156, 163, 175, var(--tw-placeholder-opacity)); + .\32xl\:ring-colors-purple-700 { + --tw-ring-color: var(--colors-purple-700, #6b46c1); } - .\32xl\:placeholder-gray-500::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(107, 114, 128, var(--tw-placeholder-opacity)); + .\32xl\:ring-colors-purple-800 { + --tw-ring-color: var(--colors-purple-800, #553c9a); } - .\32xl\:placeholder-gray-500::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(107, 114, 128, var(--tw-placeholder-opacity)); + .\32xl\:ring-colors-purple-900 { + --tw-ring-color: var(--colors-purple-900, #44337a); } - .\32xl\:placeholder-gray-600::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(75, 85, 99, var(--tw-placeholder-opacity)); + .\32xl\:ring-colors-pink-100 { + --tw-ring-color: var(--colors-pink-100, #fff5f7); } - .\32xl\:placeholder-gray-600::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(75, 85, 99, var(--tw-placeholder-opacity)); + .\32xl\:ring-colors-pink-200 { + --tw-ring-color: var(--colors-pink-200, #fed7e2); } - .\32xl\:placeholder-gray-700::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(55, 65, 81, var(--tw-placeholder-opacity)); + .\32xl\:ring-colors-pink-300 { + --tw-ring-color: var(--colors-pink-300, #fbb6ce); } - .\32xl\:placeholder-gray-700::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(55, 65, 81, var(--tw-placeholder-opacity)); + .\32xl\:ring-colors-pink-400 { + --tw-ring-color: var(--colors-pink-400, #f687b3); } - .\32xl\:placeholder-gray-800::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(31, 41, 55, var(--tw-placeholder-opacity)); + .\32xl\:ring-colors-pink-500 { + --tw-ring-color: var(--colors-pink-500, #ed64a6); } - .\32xl\:placeholder-gray-800::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(31, 41, 55, var(--tw-placeholder-opacity)); + .\32xl\:ring-colors-pink-600 { + --tw-ring-color: var(--colors-pink-600, #d53f8c); } - .\32xl\:placeholder-gray-900::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(17, 24, 39, var(--tw-placeholder-opacity)); + .\32xl\:ring-colors-pink-700 { + --tw-ring-color: var(--colors-pink-700, #b83280); } - .\32xl\:placeholder-gray-900::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(17, 24, 39, var(--tw-placeholder-opacity)); + .\32xl\:ring-colors-pink-800 { + --tw-ring-color: var(--colors-pink-800, #97266d); } - .\32xl\:placeholder-red-50::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 242, 242, var(--tw-placeholder-opacity)); + .\32xl\:ring-colors-pink-900 { + --tw-ring-color: var(--colors-pink-900, #702459); } - .\32xl\:placeholder-red-50::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 242, 242, var(--tw-placeholder-opacity)); + .\32xl\:ring-Box\ Shadow { + --tw-ring-color: var(--box-shadow, #7f7e7f); } - .\32xl\:placeholder-red-100::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 226, 226, var(--tw-placeholder-opacity)); + .\32xl\:ring-Error16 { + --tw-ring-color: var(--error16, #f03d3e40); } - .\32xl\:placeholder-red-100::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 226, 226, var(--tw-placeholder-opacity)); + .\32xl\:ring-Success16 { + --tw-ring-color: var(--success16, #5bb14d40); } - .\32xl\:placeholder-red-200::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 202, 202, var(--tw-placeholder-opacity)); + .\32xl\:ring-Notification16 { + --tw-ring-color: var(--notification16, #3959ff40); } - .\32xl\:placeholder-red-200::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 202, 202, var(--tw-placeholder-opacity)); + .\32xl\:ring-Error8 { + --tw-ring-color: var(--error8, #f03d3e1a); } - .\32xl\:placeholder-red-300::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(252, 165, 165, var(--tw-placeholder-opacity)); + .\32xl\:ring-Notification8 { + --tw-ring-color: var(--notification8, #3959ff1a); } - .\32xl\:placeholder-red-300::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(252, 165, 165, var(--tw-placeholder-opacity)); + .\32xl\:ring-Success8 { + --tw-ring-color: var(--success8, #5bb14d1a); } - .\32xl\:placeholder-red-400::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(248, 113, 113, var(--tw-placeholder-opacity)); + .\32xl\:ring-Light\ -\ Overlay { + --tw-ring-color: var(--light-overlay, #f0edee66); } - .\32xl\:placeholder-red-400::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(248, 113, 113, var(--tw-placeholder-opacity)); + .\32xl\:ring-Dark-\ Overlay { + --tw-ring-color: var(--dark-overlay, #7f7e7f66); } - .\32xl\:placeholder-red-500::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(239, 68, 68, var(--tw-placeholder-opacity)); + .\32xl\:ring-black-40 { + --tw-ring-color: var(--black-40, #00000066); } - .\32xl\:placeholder-red-500::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(239, 68, 68, var(--tw-placeholder-opacity)); + .\32xl\:ring-black-75 { + --tw-ring-color: var(--black-75, #000000bf); } - .\32xl\:placeholder-red-600::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(220, 38, 38, var(--tw-placeholder-opacity)); + .\32xl\:ring-black-60 { + --tw-ring-color: var(--black-60, #00000099); } - .\32xl\:placeholder-red-600::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(220, 38, 38, var(--tw-placeholder-opacity)); + .\32xl\:ring-black-50 { + --tw-ring-color: var(--black-50, #00000080); } - .\32xl\:placeholder-red-700::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(185, 28, 28, var(--tw-placeholder-opacity)); + .\32xl\:ring-black-25 { + --tw-ring-color: var(--black-25, #00000040); } - .\32xl\:placeholder-red-700::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(185, 28, 28, var(--tw-placeholder-opacity)); + .\32xl\:ring-black-10 { + --tw-ring-color: var(--black-10, #0000001a); } - .\32xl\:placeholder-red-800::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(153, 27, 27, var(--tw-placeholder-opacity)); + .\32xl\:ring-white-25 { + --tw-ring-color: var(--white-25, #ffffff40); } - .\32xl\:placeholder-red-800::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(153, 27, 27, var(--tw-placeholder-opacity)); + .\32xl\:ring-white-60 { + --tw-ring-color: var(--white-60, #ffffff99); } - .\32xl\:placeholder-red-900::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(127, 29, 29, var(--tw-placeholder-opacity)); + .\32xl\:ring-black-64 { + --tw-ring-color: var(--black-64, #000000a3); } - .\32xl\:placeholder-red-900::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(127, 29, 29, var(--tw-placeholder-opacity)); + .\32xl\:ring-Shadow\ and\ Highlight-Shadow { + --tw-ring-color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .\32xl\:placeholder-yellow-50::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(255, 251, 235, var(--tw-placeholder-opacity)); + .\32xl\:ring-Shadow\ and\ Highlight-Highlight { + --tw-ring-color: var(--shadow-and-highlight-highlight, #474747); } - .\32xl\:placeholder-yellow-50::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(255, 251, 235, var(--tw-placeholder-opacity)); + .\32xl\:ring-Shadow\ and\ Highlight-highlight\ one { + --tw-ring-color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .\32xl\:placeholder-yellow-100::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 243, 199, var(--tw-placeholder-opacity)); + .\32xl\:ring-Shadow\ and\ Highlight-highlight\ two { + --tw-ring-color: var(--shadow-and-highlight-highlight-two, #47474799); } - .\32xl\:placeholder-yellow-100::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 243, 199, var(--tw-placeholder-opacity)); + .\32xl\:ring-Shadow\ and\ Highlight-highlight\ three { + --tw-ring-color: var(--shadow-and-highlight-highlight-three, #47474766); } - .\32xl\:placeholder-yellow-200::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(253, 230, 138, var(--tw-placeholder-opacity)); + .\32xl\:ring-Shadow\ and\ Highlight-highlight\ five { + --tw-ring-color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .\32xl\:placeholder-yellow-200::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(253, 230, 138, var(--tw-placeholder-opacity)); + .\32xl\:ring-Shadow\ and\ Highlight-shadow\ one { + --tw-ring-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .\32xl\:placeholder-yellow-300::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(252, 211, 77, var(--tw-placeholder-opacity)); + .\32xl\:ring-Shadow\ and\ Highlight-shadow\ two { + --tw-ring-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .\32xl\:placeholder-yellow-300::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(252, 211, 77, var(--tw-placeholder-opacity)); + .\32xl\:ring-Shadow\ and\ Highlight-shadow\ three { + --tw-ring-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .\32xl\:placeholder-yellow-400::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(251, 191, 36, var(--tw-placeholder-opacity)); + .\32xl\:ring-Shadow\ and\ Highlight-shadow\ four { + --tw-ring-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .\32xl\:placeholder-yellow-400::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(251, 191, 36, var(--tw-placeholder-opacity)); + .\32xl\:ring-Shadow\ and\ Highlight-shadow\ five { + --tw-ring-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .\32xl\:placeholder-yellow-500::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(245, 158, 11, var(--tw-placeholder-opacity)); + .\32xl\:ring-Shadow\ and\ Highlight-highlight\ four { + --tw-ring-color: var(--shadow-and-highlight-highlight-four, #47474740); } - .\32xl\:placeholder-yellow-500::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(245, 158, 11, var(--tw-placeholder-opacity)); + .\32xl\:ring-Base\ Layer\ Styles-Base\ Layer-\ Light-White { + --tw-ring-color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .\32xl\:placeholder-yellow-600::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(217, 119, 6, var(--tw-placeholder-opacity)); + .\32xl\:ring-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite { + --tw-ring-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .\32xl\:placeholder-yellow-600::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(217, 119, 6, var(--tw-placeholder-opacity)); + .\32xl\:ring-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack { + --tw-ring-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .\32xl\:placeholder-yellow-700::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(180, 83, 9, var(--tw-placeholder-opacity)); + .\32xl\:ring-Base\ Layer\ Styles-Base\ Layer-Dark-Black { + --tw-ring-color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .\32xl\:placeholder-yellow-700::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(180, 83, 9, var(--tw-placeholder-opacity)); + .\32xl\:ring-Grey-Scale-white { + --tw-ring-color: var(--grey-scale-white, #ffffff); } - .\32xl\:placeholder-yellow-800::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(146, 64, 14, var(--tw-placeholder-opacity)); + .\32xl\:ring-Grey-Scale-off-white { + --tw-ring-color: var(--grey-scale-off-white, #f0edee); } - .\32xl\:placeholder-yellow-800::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(146, 64, 14, var(--tw-placeholder-opacity)); + .\32xl\:ring-Grey\ Scale-grey { + --tw-ring-color: var(--grey-scale-grey, #7f7e7f); } - .\32xl\:placeholder-yellow-900::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(120, 53, 15, var(--tw-placeholder-opacity)); + .\32xl\:ring-Grey\ Scale-charcoal { + --tw-ring-color: var(--grey-scale-charcoal, #474747); } - .\32xl\:placeholder-yellow-900::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(120, 53, 15, var(--tw-placeholder-opacity)); + .\32xl\:ring-Grey\ Scale-off-black { + --tw-ring-color: var(--grey-scale-off-black, #1c1c1c); } - .\32xl\:placeholder-green-50::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(236, 253, 245, var(--tw-placeholder-opacity)); + .\32xl\:ring-Grey\ Scale-black { + --tw-ring-color: var(--grey-scale-black, #000000); } - .\32xl\:placeholder-green-50::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(236, 253, 245, var(--tw-placeholder-opacity)); + .\32xl\:ring-Blue-blue { + --tw-ring-color: var(--blue-blue, #3a7ca5); } - .\32xl\:placeholder-green-100::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(209, 250, 229, var(--tw-placeholder-opacity)); + .\32xl\:ring-Blue-blue-100 { + --tw-ring-color: var(--blue-blue-100, #75a3c0); } - .\32xl\:placeholder-green-100::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(209, 250, 229, var(--tw-placeholder-opacity)); + .\32xl\:ring-Blue-blue-200 { + --tw-ring-color: var(--blue-blue-200, #9cbed2); } - .\32xl\:placeholder-green-200::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(167, 243, 208, var(--tw-placeholder-opacity)); + .\32xl\:ring-Blue-blue-300 { + --tw-ring-color: var(--blue-blue-300, #4f7d9a); } - .\32xl\:placeholder-green-200::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(167, 243, 208, var(--tw-placeholder-opacity)); + .\32xl\:ring-Blue-blue-400 { + --tw-ring-color: var(--blue-blue-400, #5c7d92); } - .\32xl\:placeholder-green-300::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(110, 231, 183, var(--tw-placeholder-opacity)); + .\32xl\:ring-Blue-blue-500 { + --tw-ring-color: var(--blue-blue-500, #347095); } - .\32xl\:placeholder-green-300::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(110, 231, 183, var(--tw-placeholder-opacity)); + .\32xl\:ring-Blue-blue-600 { + --tw-ring-color: var(--blue-blue-600, #295774); } - .\32xl\:placeholder-green-400::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(52, 211, 153, var(--tw-placeholder-opacity)); + .\32xl\:ring-Blue-blue-700 { + --tw-ring-color: var(--blue-blue-700, #173242); } - .\32xl\:placeholder-green-400::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(52, 211, 153, var(--tw-placeholder-opacity)); + .\32xl\:ring-LightBlue-lightblue { + --tw-ring-color: var(--light-blue-lightblue, #81c3d7); } - .\32xl\:placeholder-green-500::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(16, 185, 129, var(--tw-placeholder-opacity)); + .\32xl\:ring-LightBlue-lightblue-100 { + --tw-ring-color: var(--light-blue-lightblue-100, #a7d5e3); } - .\32xl\:placeholder-green-500::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(16, 185, 129, var(--tw-placeholder-opacity)); + .\32xl\:ring-LightBlue-lightblue-200 { + --tw-ring-color: var(--light-blue-lightblue-200, #c0e1eb); } - .\32xl\:placeholder-green-600::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(5, 150, 105, var(--tw-placeholder-opacity)); + .\32xl\:ring-LightBlue-lightblue-300 { + --tw-ring-color: var(--light-blue-lightblue-300, #80aebd); } - .\32xl\:placeholder-green-600::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(5, 150, 105, var(--tw-placeholder-opacity)); + .\32xl\:ring-LightBlue-lightblue-400 { + --tw-ring-color: var(--light-blue-lightblue-400, #80a0ab); } - .\32xl\:placeholder-green-700::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(4, 120, 87, var(--tw-placeholder-opacity)); + .\32xl\:ring-LightBlue-lightblue-500 { + --tw-ring-color: var(--light-blue-lightblue-500, #74afc1); } - .\32xl\:placeholder-green-700::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(4, 120, 87, var(--tw-placeholder-opacity)); + .\32xl\:ring-LightBlue-lightblue-600 { + --tw-ring-color: var(--light-blue-lightblue-600, #5a8997); } - .\32xl\:placeholder-green-800::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(6, 95, 70, var(--tw-placeholder-opacity)); + .\32xl\:ring-LightBlue-lightblue-650 { + --tw-ring-color: var(--light-blue-lightblue-650, #3e5e65); } - .\32xl\:placeholder-green-800::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(6, 95, 70, var(--tw-placeholder-opacity)); + .\32xl\:ring-LightBlue-lightblue-700 { + --tw-ring-color: var(--light-blue-lightblue-700, #344e56); } - .\32xl\:placeholder-green-900::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(6, 78, 59, var(--tw-placeholder-opacity)); + .\32xl\:ring-Orange-orange { + --tw-ring-color: var(--orange-orange, #ff7f0e); } - .\32xl\:placeholder-green-900::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(6, 78, 59, var(--tw-placeholder-opacity)); + .\32xl\:ring-Orange-orange-100 { + --tw-ring-color: var(--orange-orange-100, #ffa556); } - .\32xl\:placeholder-blue-50::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(239, 246, 255, var(--tw-placeholder-opacity)); + .\32xl\:ring-Orange-orange-200 { + --tw-ring-color: var(--orange-orange-200, #ffbf86); } - .\32xl\:placeholder-blue-50::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(239, 246, 255, var(--tw-placeholder-opacity)); + .\32xl\:ring-Orange-orange-300 { + --tw-ring-color: var(--orange-orange-300, #d97f30); } - .\32xl\:placeholder-blue-100::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(219, 234, 254, var(--tw-placeholder-opacity)); + .\32xl\:ring-Orange-orange-400 { + --tw-ring-color: var(--orange-orange-400, #bf7e46); } - .\32xl\:placeholder-blue-100::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(219, 234, 254, var(--tw-placeholder-opacity)); + .\32xl\:ring-Orange-orange-500 { + --tw-ring-color: var(--orange-orange-500, #e5720d); } - .\32xl\:placeholder-blue-200::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(191, 219, 254, var(--tw-placeholder-opacity)); + .\32xl\:ring-Orange-orange-600 { + --tw-ring-color: var(--orange-orange-600, #b3590a); } - .\32xl\:placeholder-blue-200::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(191, 219, 254, var(--tw-placeholder-opacity)); + .\32xl\:ring-Orange-orange-700 { + --tw-ring-color: var(--orange-orange-700, #663306); } - .\32xl\:placeholder-blue-300::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(147, 197, 253, var(--tw-placeholder-opacity)); + .\32xl\:ring-Yellow-yellow { + --tw-ring-color: var(--yellow-yellow, #ffab00); } - .\32xl\:placeholder-blue-300::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(147, 197, 253, var(--tw-placeholder-opacity)); + .\32xl\:ring-Yellow-yellow-100 { + --tw-ring-color: var(--yellow-yellow-100, #ffc44c); } - .\32xl\:placeholder-blue-400::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(96, 165, 250, var(--tw-placeholder-opacity)); + .\32xl\:ring-Yellow-yellow-200 { + --tw-ring-color: var(--yellow-yellow-200, #ffd580); } - .\32xl\:placeholder-blue-400::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(96, 165, 250, var(--tw-placeholder-opacity)); + .\32xl\:ring-Yellow-yellow-300 { + --tw-ring-color: var(--yellow-yellow-300, #d99d26); } - .\32xl\:placeholder-blue-500::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(59, 130, 246, var(--tw-placeholder-opacity)); + .\32xl\:ring-Yellow-yellow-400 { + --tw-ring-color: var(--yellow-yellow-400, #bf943f); } - .\32xl\:placeholder-blue-500::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(59, 130, 246, var(--tw-placeholder-opacity)); + .\32xl\:ring-Yellow-yellow-500 { + --tw-ring-color: var(--yellow-yellow-500, #e59a00); } - .\32xl\:placeholder-blue-600::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(37, 99, 235, var(--tw-placeholder-opacity)); + .\32xl\:ring-Yellow-yellow-600 { + --tw-ring-color: var(--yellow-yellow-600, #b37800); } - .\32xl\:placeholder-blue-600::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(37, 99, 235, var(--tw-placeholder-opacity)); + .\32xl\:ring-Yellow-yellow-700 { + --tw-ring-color: var(--yellow-yellow-700, #664400); } - .\32xl\:placeholder-blue-700::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(29, 78, 216, var(--tw-placeholder-opacity)); + .\32xl\:ring-Notification-notification { + --tw-ring-color: var(--notification-notification, #3959ff); } - .\32xl\:placeholder-blue-700::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(29, 78, 216, var(--tw-placeholder-opacity)); + .\32xl\:ring-Notification-notification-100 { + --tw-ring-color: var(--notification-notification-100, #748bff); } - .\32xl\:placeholder-blue-800::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(30, 64, 175, var(--tw-placeholder-opacity)); + .\32xl\:ring-Notification-notification-200 { + --tw-ring-color: var(--notification-notification-200, #9cacff); } - .\32xl\:placeholder-blue-800::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(30, 64, 175, var(--tw-placeholder-opacity)); + .\32xl\:ring-Notification-notification-300 { + --tw-ring-color: var(--notification-notification-300, #4e64d9); } - .\32xl\:placeholder-blue-900::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(30, 58, 138, var(--tw-placeholder-opacity)); + .\32xl\:ring-Notification-notification-400 { + --tw-ring-color: var(--notification-notification-400, #5c6cbf); } - .\32xl\:placeholder-blue-900::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(30, 58, 138, var(--tw-placeholder-opacity)); + .\32xl\:ring-Notification-notification-500 { + --tw-ring-color: var(--notification-notification-500, #3350e5); } - .\32xl\:placeholder-indigo-50::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(238, 242, 255, var(--tw-placeholder-opacity)); + .\32xl\:ring-Notification-notification-600 { + --tw-ring-color: var(--notification-notification-600, #283eb3); } - .\32xl\:placeholder-indigo-50::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(238, 242, 255, var(--tw-placeholder-opacity)); + .\32xl\:ring-Notification-notification-700 { + --tw-ring-color: var(--notification-notification-700, #172466); } - .\32xl\:placeholder-indigo-100::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(224, 231, 255, var(--tw-placeholder-opacity)); + .\32xl\:ring-Success-success\ -700 { + --tw-ring-color: var(--success-success-700, #24471f); } - .\32xl\:placeholder-indigo-100::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(224, 231, 255, var(--tw-placeholder-opacity)); + .\32xl\:ring-Success-success { + --tw-ring-color: var(--success-success, #5bb14d); } - .\32xl\:placeholder-indigo-200::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(199, 210, 254, var(--tw-placeholder-opacity)); + .\32xl\:ring-Success-success\ -100 { + --tw-ring-color: var(--success-success-100, #8cc882); } - .\32xl\:placeholder-indigo-200::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(199, 210, 254, var(--tw-placeholder-opacity)); + .\32xl\:ring-Success-success\ -200 { + --tw-ring-color: var(--success-success-200, #add8a6); } - .\32xl\:placeholder-indigo-300::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(165, 180, 252, var(--tw-placeholder-opacity)); + .\32xl\:ring-Success-success\ -300 { + --tw-ring-color: var(--success-success-300, #66a25c); } - .\32xl\:placeholder-indigo-300::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(165, 180, 252, var(--tw-placeholder-opacity)); + .\32xl\:ring-Success-success\ -400 { + --tw-ring-color: var(--success-success-400, #6d9766); } - .\32xl\:placeholder-indigo-400::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(129, 140, 248, var(--tw-placeholder-opacity)); + .\32xl\:ring-Success-success\ -500 { + --tw-ring-color: var(--success-success-500, #529f45); } - .\32xl\:placeholder-indigo-400::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(129, 140, 248, var(--tw-placeholder-opacity)); + .\32xl\:ring-Success-success\ -600 { + --tw-ring-color: var(--success-success-600, #407c36); } - .\32xl\:placeholder-indigo-500::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(99, 102, 241, var(--tw-placeholder-opacity)); + .\32xl\:ring-Error-error { + --tw-ring-color: var(--error-error, #f03d3e); } - .\32xl\:placeholder-indigo-500::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(99, 102, 241, var(--tw-placeholder-opacity)); + .\32xl\:ring-Error-error-100 { + --tw-ring-color: var(--error-error-100, #f57778); } - .\32xl\:placeholder-indigo-600::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(79, 70, 229, var(--tw-placeholder-opacity)); + .\32xl\:ring-Error-error-200 { + --tw-ring-color: var(--error-error-200, #f89e9e); } - .\32xl\:placeholder-indigo-600::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(79, 70, 229, var(--tw-placeholder-opacity)); + .\32xl\:ring-Error-error-250 { + --tw-ring-color: var(--error-error-250, #f9c8c8); } - .\32xl\:placeholder-indigo-700::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(67, 56, 202, var(--tw-placeholder-opacity)); + .\32xl\:ring-Error-error-300 { + --tw-ring-color: var(--error-error-300, #ce5151); } - .\32xl\:placeholder-indigo-700::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(67, 56, 202, var(--tw-placeholder-opacity)); + .\32xl\:ring-Error-error-400 { + --tw-ring-color: var(--error-error-400, #b85e5e); } - .\32xl\:placeholder-indigo-800::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(55, 48, 163, var(--tw-placeholder-opacity)); + .\32xl\:ring-Error-error-500 { + --tw-ring-color: var(--error-error-500, #d83738); } - .\32xl\:placeholder-indigo-800::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(55, 48, 163, var(--tw-placeholder-opacity)); + .\32xl\:ring-Error-error-600 { + --tw-ring-color: var(--error-error-600, #a82b2b); } - .\32xl\:placeholder-indigo-900::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(49, 46, 129, var(--tw-placeholder-opacity)); + .\32xl\:ring-Error-error-700 { + --tw-ring-color: var(--error-error-700, #601819); } - .\32xl\:placeholder-indigo-900::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(49, 46, 129, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-black:focus-within { + --tw-ring-color: var(--colors-black, #000000); } - .\32xl\:placeholder-purple-50::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(245, 243, 255, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-white:focus-within { + --tw-ring-color: var(--colors-white, #ffffff); } - .\32xl\:placeholder-purple-50::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(245, 243, 255, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-gray-100:focus-within { + --tw-ring-color: var(--colors-gray-100, #f7fafc); } - .\32xl\:placeholder-purple-100::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(237, 233, 254, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-gray-200:focus-within { + --tw-ring-color: var(--colors-gray-200, #edf2f7); } - .\32xl\:placeholder-purple-100::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(237, 233, 254, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-gray-300:focus-within { + --tw-ring-color: var(--colors-gray-300, #e2e8f0); } - .\32xl\:placeholder-purple-200::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(221, 214, 254, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-gray-400:focus-within { + --tw-ring-color: var(--colors-gray-400, #cbd5e0); } - .\32xl\:placeholder-purple-200::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(221, 214, 254, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-gray-500:focus-within { + --tw-ring-color: var(--colors-gray-500, #a0aec0); } - .\32xl\:placeholder-purple-300::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(196, 181, 253, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-gray-600:focus-within { + --tw-ring-color: var(--colors-gray-600, #718096); } - .\32xl\:placeholder-purple-300::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(196, 181, 253, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-gray-700:focus-within { + --tw-ring-color: var(--colors-gray-700, #4a5568); } - .\32xl\:placeholder-purple-400::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(167, 139, 250, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-gray-800:focus-within { + --tw-ring-color: var(--colors-gray-800, #2d3748); } - .\32xl\:placeholder-purple-400::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(167, 139, 250, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-gray-900:focus-within { + --tw-ring-color: var(--colors-gray-900, #1a202c); } - .\32xl\:placeholder-purple-500::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(139, 92, 246, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-red-100:focus-within { + --tw-ring-color: var(--colors-red-100, #fff5f5); } - .\32xl\:placeholder-purple-500::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(139, 92, 246, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-red-200:focus-within { + --tw-ring-color: var(--colors-red-200, #fed7d7); } - .\32xl\:placeholder-purple-600::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(124, 58, 237, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-red-300:focus-within { + --tw-ring-color: var(--colors-red-300, #feb2b2); } - .\32xl\:placeholder-purple-600::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(124, 58, 237, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-red-400:focus-within { + --tw-ring-color: var(--colors-red-400, #fc8181); } - .\32xl\:placeholder-purple-700::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(109, 40, 217, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-red-500:focus-within { + --tw-ring-color: var(--colors-red-500, #f56565); } - .\32xl\:placeholder-purple-700::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(109, 40, 217, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-red-600:focus-within { + --tw-ring-color: var(--colors-red-600, #e53e3e); } - .\32xl\:placeholder-purple-800::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(91, 33, 182, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-red-700:focus-within { + --tw-ring-color: var(--colors-red-700, #c53030); } - .\32xl\:placeholder-purple-800::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(91, 33, 182, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-red-800:focus-within { + --tw-ring-color: var(--colors-red-800, #9b2c2c); } - .\32xl\:placeholder-purple-900::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(76, 29, 149, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-red-900:focus-within { + --tw-ring-color: var(--colors-red-900, #742a2a); } - .\32xl\:placeholder-purple-900::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(76, 29, 149, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-orange-100:focus-within { + --tw-ring-color: var(--colors-orange-100, #fffaf0); } - .\32xl\:placeholder-pink-50::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(253, 242, 248, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-orange-200:focus-within { + --tw-ring-color: var(--colors-orange-200, #feebc8); } - .\32xl\:placeholder-pink-50::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(253, 242, 248, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-orange-300:focus-within { + --tw-ring-color: var(--colors-orange-300, #fbd38d); } - .\32xl\:placeholder-pink-100::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(252, 231, 243, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-orange-400:focus-within { + --tw-ring-color: var(--colors-orange-400, #f6ad55); } - .\32xl\:placeholder-pink-100::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(252, 231, 243, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-orange-500:focus-within { + --tw-ring-color: var(--colors-orange-500, #ed8936); } - .\32xl\:placeholder-pink-200::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(251, 207, 232, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-orange-600:focus-within { + --tw-ring-color: var(--colors-orange-600, #dd6b20); } - .\32xl\:placeholder-pink-200::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(251, 207, 232, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-orange-700:focus-within { + --tw-ring-color: var(--colors-orange-700, #c05621); } - .\32xl\:placeholder-pink-300::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(249, 168, 212, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-orange-800:focus-within { + --tw-ring-color: var(--colors-orange-800, #9c4221); } - .\32xl\:placeholder-pink-300::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(249, 168, 212, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-orange-900:focus-within { + --tw-ring-color: var(--colors-orange-900, #7b341e); } - .\32xl\:placeholder-pink-400::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(244, 114, 182, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-yellow-100:focus-within { + --tw-ring-color: var(--colors-yellow-100, #fffff0); } - .\32xl\:placeholder-pink-400::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(244, 114, 182, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-yellow-200:focus-within { + --tw-ring-color: var(--colors-yellow-200, #fefcbf); } - .\32xl\:placeholder-pink-500::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(236, 72, 153, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-yellow-300:focus-within { + --tw-ring-color: var(--colors-yellow-300, #faf089); } - .\32xl\:placeholder-pink-500::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(236, 72, 153, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-yellow-400:focus-within { + --tw-ring-color: var(--colors-yellow-400, #f6e05e); } - .\32xl\:placeholder-pink-600::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(219, 39, 119, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-yellow-500:focus-within { + --tw-ring-color: var(--colors-yellow-500, #ecc94b); } - .\32xl\:placeholder-pink-600::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(219, 39, 119, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-yellow-600:focus-within { + --tw-ring-color: var(--colors-yellow-600, #d69e2e); } - .\32xl\:placeholder-pink-700::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(190, 24, 93, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-yellow-700:focus-within { + --tw-ring-color: var(--colors-yellow-700, #b7791f); } - .\32xl\:placeholder-pink-700::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(190, 24, 93, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-yellow-800:focus-within { + --tw-ring-color: var(--colors-yellow-800, #975a16); } - .\32xl\:placeholder-pink-800::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(157, 23, 77, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-yellow-900:focus-within { + --tw-ring-color: var(--colors-yellow-900, #744210); } - .\32xl\:placeholder-pink-800::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(157, 23, 77, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-green-100:focus-within { + --tw-ring-color: var(--colors-green-100, #f0fff4); } - .\32xl\:placeholder-pink-900::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(131, 24, 67, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-green-200:focus-within { + --tw-ring-color: var(--colors-green-200, #c6f6d5); } - .\32xl\:placeholder-pink-900::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(131, 24, 67, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-green-300:focus-within { + --tw-ring-color: var(--colors-green-300, #9ae6b4); } - .\32xl\:focus\:placeholder-transparent:focus::-moz-placeholder { - color: transparent; + .\32xl\:focus-within\:ring-colors-green-400:focus-within { + --tw-ring-color: var(--colors-green-400, #68d391); } - .\32xl\:focus\:placeholder-transparent:focus::placeholder { - color: transparent; + .\32xl\:focus-within\:ring-colors-green-500:focus-within { + --tw-ring-color: var(--colors-green-500, #48bb78); } - .\32xl\:focus\:placeholder-current:focus::-moz-placeholder { - color: currentColor; + .\32xl\:focus-within\:ring-colors-green-600:focus-within { + --tw-ring-color: var(--colors-green-600, #38a169); } - .\32xl\:focus\:placeholder-current:focus::placeholder { - color: currentColor; + .\32xl\:focus-within\:ring-colors-green-700:focus-within { + --tw-ring-color: var(--colors-green-700, #2f855a); } - .\32xl\:focus\:placeholder-black:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(0, 0, 0, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-green-800:focus-within { + --tw-ring-color: var(--colors-green-800, #276749); } - .\32xl\:focus\:placeholder-black:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(0, 0, 0, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-green-900:focus-within { + --tw-ring-color: var(--colors-green-900, #22543d); } - .\32xl\:focus\:placeholder-white:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(255, 255, 255, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-teal-100:focus-within { + --tw-ring-color: var(--colors-teal-100, #e6fffa); } - .\32xl\:focus\:placeholder-white:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(255, 255, 255, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-teal-200:focus-within { + --tw-ring-color: var(--colors-teal-200, #b2f5ea); } - .\32xl\:focus\:placeholder-gray-50:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(249, 250, 251, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-teal-300:focus-within { + --tw-ring-color: var(--colors-teal-300, #81e6d9); } - .\32xl\:focus\:placeholder-gray-50:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(249, 250, 251, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-teal-400:focus-within { + --tw-ring-color: var(--colors-teal-400, #4fd1c5); } - .\32xl\:focus\:placeholder-gray-100:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(243, 244, 246, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-teal-500:focus-within { + --tw-ring-color: var(--colors-teal-500, #38b2ac); } - .\32xl\:focus\:placeholder-gray-100:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(243, 244, 246, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-teal-600:focus-within { + --tw-ring-color: var(--colors-teal-600, #319795); } - .\32xl\:focus\:placeholder-gray-200:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(229, 231, 235, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-teal-700:focus-within { + --tw-ring-color: var(--colors-teal-700, #2c7a7b); } - .\32xl\:focus\:placeholder-gray-200:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(229, 231, 235, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-teal-800:focus-within { + --tw-ring-color: var(--colors-teal-800, #285e61); } - .\32xl\:focus\:placeholder-gray-300:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(209, 213, 219, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-teal-900:focus-within { + --tw-ring-color: var(--colors-teal-900, #234e52); } - .\32xl\:focus\:placeholder-gray-300:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(209, 213, 219, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-blue-100:focus-within { + --tw-ring-color: var(--colors-blue-100, #ebf8ff); } - .\32xl\:focus\:placeholder-gray-400:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(156, 163, 175, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-blue-200:focus-within { + --tw-ring-color: var(--colors-blue-200, #bee3f8); } - .\32xl\:focus\:placeholder-gray-400:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(156, 163, 175, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-blue-300:focus-within { + --tw-ring-color: var(--colors-blue-300, #90cdf4); } - .\32xl\:focus\:placeholder-gray-500:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(107, 114, 128, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-blue-400:focus-within { + --tw-ring-color: var(--colors-blue-400, #63b3ed); } - .\32xl\:focus\:placeholder-gray-500:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(107, 114, 128, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-blue-500:focus-within { + --tw-ring-color: var(--colors-blue-500, #4299e1); } - .\32xl\:focus\:placeholder-gray-600:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(75, 85, 99, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-blue-600:focus-within { + --tw-ring-color: var(--colors-blue-600, #3182ce); } - .\32xl\:focus\:placeholder-gray-600:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(75, 85, 99, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-blue-700:focus-within { + --tw-ring-color: var(--colors-blue-700, #2b6cb0); } - .\32xl\:focus\:placeholder-gray-700:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(55, 65, 81, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-blue-800:focus-within { + --tw-ring-color: var(--colors-blue-800, #2c5282); } - .\32xl\:focus\:placeholder-gray-700:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(55, 65, 81, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-blue-900:focus-within { + --tw-ring-color: var(--colors-blue-900, #2a4365); } - .\32xl\:focus\:placeholder-gray-800:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(31, 41, 55, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-indigo-100:focus-within { + --tw-ring-color: var(--colors-indigo-100, #ebf4ff); } - .\32xl\:focus\:placeholder-gray-800:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(31, 41, 55, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-indigo-200:focus-within { + --tw-ring-color: var(--colors-indigo-200, #c3dafe); } - .\32xl\:focus\:placeholder-gray-900:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(17, 24, 39, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-indigo-300:focus-within { + --tw-ring-color: var(--colors-indigo-300, #a3bffa); } - .\32xl\:focus\:placeholder-gray-900:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(17, 24, 39, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-indigo-400:focus-within { + --tw-ring-color: var(--colors-indigo-400, #7f9cf5); } - .\32xl\:focus\:placeholder-red-50:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 242, 242, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-indigo-500:focus-within { + --tw-ring-color: var(--colors-indigo-500, #667eea); } - .\32xl\:focus\:placeholder-red-50:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 242, 242, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-indigo-600:focus-within { + --tw-ring-color: var(--colors-indigo-600, #5a67d8); } - .\32xl\:focus\:placeholder-red-100:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 226, 226, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-indigo-700:focus-within { + --tw-ring-color: var(--colors-indigo-700, #4c51bf); } - .\32xl\:focus\:placeholder-red-100:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 226, 226, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-indigo-800:focus-within { + --tw-ring-color: var(--colors-indigo-800, #434190); } - .\32xl\:focus\:placeholder-red-200:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 202, 202, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-indigo-900:focus-within { + --tw-ring-color: var(--colors-indigo-900, #3c366b); } - .\32xl\:focus\:placeholder-red-200:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 202, 202, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-purple-100:focus-within { + --tw-ring-color: var(--colors-purple-100, #faf5ff); } - .\32xl\:focus\:placeholder-red-300:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(252, 165, 165, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-purple-200:focus-within { + --tw-ring-color: var(--colors-purple-200, #e9d8fd); } - .\32xl\:focus\:placeholder-red-300:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(252, 165, 165, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-purple-300:focus-within { + --tw-ring-color: var(--colors-purple-300, #d6bcfa); } - .\32xl\:focus\:placeholder-red-400:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(248, 113, 113, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-purple-400:focus-within { + --tw-ring-color: var(--colors-purple-400, #b794f4); } - .\32xl\:focus\:placeholder-red-400:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(248, 113, 113, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-purple-500:focus-within { + --tw-ring-color: var(--colors-purple-500, #9f7aea); } - .\32xl\:focus\:placeholder-red-500:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(239, 68, 68, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-purple-600:focus-within { + --tw-ring-color: var(--colors-purple-600, #805ad5); } - .\32xl\:focus\:placeholder-red-500:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(239, 68, 68, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-purple-700:focus-within { + --tw-ring-color: var(--colors-purple-700, #6b46c1); } - .\32xl\:focus\:placeholder-red-600:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(220, 38, 38, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-purple-800:focus-within { + --tw-ring-color: var(--colors-purple-800, #553c9a); } - .\32xl\:focus\:placeholder-red-600:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(220, 38, 38, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-purple-900:focus-within { + --tw-ring-color: var(--colors-purple-900, #44337a); } - .\32xl\:focus\:placeholder-red-700:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(185, 28, 28, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-pink-100:focus-within { + --tw-ring-color: var(--colors-pink-100, #fff5f7); } - .\32xl\:focus\:placeholder-red-700:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(185, 28, 28, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-pink-200:focus-within { + --tw-ring-color: var(--colors-pink-200, #fed7e2); } - .\32xl\:focus\:placeholder-red-800:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(153, 27, 27, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-pink-300:focus-within { + --tw-ring-color: var(--colors-pink-300, #fbb6ce); } - .\32xl\:focus\:placeholder-red-800:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(153, 27, 27, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-pink-400:focus-within { + --tw-ring-color: var(--colors-pink-400, #f687b3); } - .\32xl\:focus\:placeholder-red-900:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(127, 29, 29, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-pink-500:focus-within { + --tw-ring-color: var(--colors-pink-500, #ed64a6); } - .\32xl\:focus\:placeholder-red-900:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(127, 29, 29, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-pink-600:focus-within { + --tw-ring-color: var(--colors-pink-600, #d53f8c); } - .\32xl\:focus\:placeholder-yellow-50:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(255, 251, 235, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-pink-700:focus-within { + --tw-ring-color: var(--colors-pink-700, #b83280); } - .\32xl\:focus\:placeholder-yellow-50:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(255, 251, 235, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-pink-800:focus-within { + --tw-ring-color: var(--colors-pink-800, #97266d); } - .\32xl\:focus\:placeholder-yellow-100:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 243, 199, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-colors-pink-900:focus-within { + --tw-ring-color: var(--colors-pink-900, #702459); } - .\32xl\:focus\:placeholder-yellow-100:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(254, 243, 199, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-Box\ Shadow:focus-within { + --tw-ring-color: var(--box-shadow, #7f7e7f); } - .\32xl\:focus\:placeholder-yellow-200:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(253, 230, 138, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-Error16:focus-within { + --tw-ring-color: var(--error16, #f03d3e40); } - .\32xl\:focus\:placeholder-yellow-200:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(253, 230, 138, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-Success16:focus-within { + --tw-ring-color: var(--success16, #5bb14d40); } - .\32xl\:focus\:placeholder-yellow-300:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(252, 211, 77, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-Notification16:focus-within { + --tw-ring-color: var(--notification16, #3959ff40); } - .\32xl\:focus\:placeholder-yellow-300:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(252, 211, 77, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-Error8:focus-within { + --tw-ring-color: var(--error8, #f03d3e1a); } - .\32xl\:focus\:placeholder-yellow-400:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(251, 191, 36, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-Notification8:focus-within { + --tw-ring-color: var(--notification8, #3959ff1a); } - .\32xl\:focus\:placeholder-yellow-400:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(251, 191, 36, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-Success8:focus-within { + --tw-ring-color: var(--success8, #5bb14d1a); } - .\32xl\:focus\:placeholder-yellow-500:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(245, 158, 11, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-Light\ -\ Overlay:focus-within { + --tw-ring-color: var(--light-overlay, #f0edee66); } - .\32xl\:focus\:placeholder-yellow-500:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(245, 158, 11, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-Dark-\ Overlay:focus-within { + --tw-ring-color: var(--dark-overlay, #7f7e7f66); } - .\32xl\:focus\:placeholder-yellow-600:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(217, 119, 6, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-black-40:focus-within { + --tw-ring-color: var(--black-40, #00000066); } - .\32xl\:focus\:placeholder-yellow-600:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(217, 119, 6, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-black-75:focus-within { + --tw-ring-color: var(--black-75, #000000bf); } - .\32xl\:focus\:placeholder-yellow-700:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(180, 83, 9, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-black-60:focus-within { + --tw-ring-color: var(--black-60, #00000099); } - .\32xl\:focus\:placeholder-yellow-700:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(180, 83, 9, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-black-50:focus-within { + --tw-ring-color: var(--black-50, #00000080); } - .\32xl\:focus\:placeholder-yellow-800:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(146, 64, 14, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-black-25:focus-within { + --tw-ring-color: var(--black-25, #00000040); } - .\32xl\:focus\:placeholder-yellow-800:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(146, 64, 14, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-black-10:focus-within { + --tw-ring-color: var(--black-10, #0000001a); } - .\32xl\:focus\:placeholder-yellow-900:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(120, 53, 15, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-white-25:focus-within { + --tw-ring-color: var(--white-25, #ffffff40); } - .\32xl\:focus\:placeholder-yellow-900:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(120, 53, 15, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-white-60:focus-within { + --tw-ring-color: var(--white-60, #ffffff99); } - .\32xl\:focus\:placeholder-green-50:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(236, 253, 245, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-black-64:focus-within { + --tw-ring-color: var(--black-64, #000000a3); } - .\32xl\:focus\:placeholder-green-50:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(236, 253, 245, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-Shadow\ and\ Highlight-Shadow:focus-within { + --tw-ring-color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .\32xl\:focus\:placeholder-green-100:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(209, 250, 229, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-Shadow\ and\ Highlight-Highlight:focus-within { + --tw-ring-color: var(--shadow-and-highlight-highlight, #474747); } - .\32xl\:focus\:placeholder-green-100:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(209, 250, 229, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-Shadow\ and\ Highlight-highlight\ one:focus-within { + --tw-ring-color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .\32xl\:focus\:placeholder-green-200:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(167, 243, 208, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-Shadow\ and\ Highlight-highlight\ two:focus-within { + --tw-ring-color: var(--shadow-and-highlight-highlight-two, #47474799); } - .\32xl\:focus\:placeholder-green-200:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(167, 243, 208, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-Shadow\ and\ Highlight-highlight\ three:focus-within { + --tw-ring-color: var(--shadow-and-highlight-highlight-three, #47474766); } - .\32xl\:focus\:placeholder-green-300:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(110, 231, 183, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-Shadow\ and\ Highlight-highlight\ five:focus-within { + --tw-ring-color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .\32xl\:focus\:placeholder-green-300:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(110, 231, 183, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-Shadow\ and\ Highlight-shadow\ one:focus-within { + --tw-ring-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .\32xl\:focus\:placeholder-green-400:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(52, 211, 153, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-Shadow\ and\ Highlight-shadow\ two:focus-within { + --tw-ring-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .\32xl\:focus\:placeholder-green-400:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(52, 211, 153, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-Shadow\ and\ Highlight-shadow\ three:focus-within { + --tw-ring-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .\32xl\:focus\:placeholder-green-500:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(16, 185, 129, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-Shadow\ and\ Highlight-shadow\ four:focus-within { + --tw-ring-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .\32xl\:focus\:placeholder-green-500:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(16, 185, 129, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-Shadow\ and\ Highlight-shadow\ five:focus-within { + --tw-ring-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .\32xl\:focus\:placeholder-green-600:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(5, 150, 105, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-Shadow\ and\ Highlight-highlight\ four:focus-within { + --tw-ring-color: var(--shadow-and-highlight-highlight-four, #47474740); } - .\32xl\:focus\:placeholder-green-600:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(5, 150, 105, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus-within { + --tw-ring-color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .\32xl\:focus\:placeholder-green-700:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(4, 120, 87, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus-within { + --tw-ring-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .\32xl\:focus\:placeholder-green-700:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(4, 120, 87, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus-within { + --tw-ring-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .\32xl\:focus\:placeholder-green-800:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(6, 95, 70, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus-within { + --tw-ring-color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .\32xl\:focus\:placeholder-green-800:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(6, 95, 70, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-Grey-Scale-white:focus-within { + --tw-ring-color: var(--grey-scale-white, #ffffff); } - .\32xl\:focus\:placeholder-green-900:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(6, 78, 59, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-Grey-Scale-off-white:focus-within { + --tw-ring-color: var(--grey-scale-off-white, #f0edee); } - .\32xl\:focus\:placeholder-green-900:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(6, 78, 59, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-Grey\ Scale-grey:focus-within { + --tw-ring-color: var(--grey-scale-grey, #7f7e7f); } - .\32xl\:focus\:placeholder-blue-50:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(239, 246, 255, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-Grey\ Scale-charcoal:focus-within { + --tw-ring-color: var(--grey-scale-charcoal, #474747); } - .\32xl\:focus\:placeholder-blue-50:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(239, 246, 255, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-Grey\ Scale-off-black:focus-within { + --tw-ring-color: var(--grey-scale-off-black, #1c1c1c); } - .\32xl\:focus\:placeholder-blue-100:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(219, 234, 254, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-Grey\ Scale-black:focus-within { + --tw-ring-color: var(--grey-scale-black, #000000); } - .\32xl\:focus\:placeholder-blue-100:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(219, 234, 254, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-Blue-blue:focus-within { + --tw-ring-color: var(--blue-blue, #3a7ca5); } - .\32xl\:focus\:placeholder-blue-200:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(191, 219, 254, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-Blue-blue-100:focus-within { + --tw-ring-color: var(--blue-blue-100, #75a3c0); } - .\32xl\:focus\:placeholder-blue-200:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(191, 219, 254, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-Blue-blue-200:focus-within { + --tw-ring-color: var(--blue-blue-200, #9cbed2); } - .\32xl\:focus\:placeholder-blue-300:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(147, 197, 253, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-Blue-blue-300:focus-within { + --tw-ring-color: var(--blue-blue-300, #4f7d9a); } - .\32xl\:focus\:placeholder-blue-300:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(147, 197, 253, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-Blue-blue-400:focus-within { + --tw-ring-color: var(--blue-blue-400, #5c7d92); } - .\32xl\:focus\:placeholder-blue-400:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(96, 165, 250, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-Blue-blue-500:focus-within { + --tw-ring-color: var(--blue-blue-500, #347095); } - .\32xl\:focus\:placeholder-blue-400:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(96, 165, 250, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-Blue-blue-600:focus-within { + --tw-ring-color: var(--blue-blue-600, #295774); } - .\32xl\:focus\:placeholder-blue-500:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(59, 130, 246, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-Blue-blue-700:focus-within { + --tw-ring-color: var(--blue-blue-700, #173242); } - .\32xl\:focus\:placeholder-blue-500:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(59, 130, 246, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-LightBlue-lightblue:focus-within { + --tw-ring-color: var(--light-blue-lightblue, #81c3d7); } - .\32xl\:focus\:placeholder-blue-600:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(37, 99, 235, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-LightBlue-lightblue-100:focus-within { + --tw-ring-color: var(--light-blue-lightblue-100, #a7d5e3); } - .\32xl\:focus\:placeholder-blue-600:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(37, 99, 235, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-LightBlue-lightblue-200:focus-within { + --tw-ring-color: var(--light-blue-lightblue-200, #c0e1eb); } - .\32xl\:focus\:placeholder-blue-700:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(29, 78, 216, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-LightBlue-lightblue-300:focus-within { + --tw-ring-color: var(--light-blue-lightblue-300, #80aebd); } - .\32xl\:focus\:placeholder-blue-700:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(29, 78, 216, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-LightBlue-lightblue-400:focus-within { + --tw-ring-color: var(--light-blue-lightblue-400, #80a0ab); } - .\32xl\:focus\:placeholder-blue-800:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(30, 64, 175, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-LightBlue-lightblue-500:focus-within { + --tw-ring-color: var(--light-blue-lightblue-500, #74afc1); } - .\32xl\:focus\:placeholder-blue-800:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(30, 64, 175, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-LightBlue-lightblue-600:focus-within { + --tw-ring-color: var(--light-blue-lightblue-600, #5a8997); } - .\32xl\:focus\:placeholder-blue-900:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(30, 58, 138, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-LightBlue-lightblue-650:focus-within { + --tw-ring-color: var(--light-blue-lightblue-650, #3e5e65); } - .\32xl\:focus\:placeholder-blue-900:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(30, 58, 138, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-LightBlue-lightblue-700:focus-within { + --tw-ring-color: var(--light-blue-lightblue-700, #344e56); } - .\32xl\:focus\:placeholder-indigo-50:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(238, 242, 255, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-Orange-orange:focus-within { + --tw-ring-color: var(--orange-orange, #ff7f0e); } - .\32xl\:focus\:placeholder-indigo-50:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(238, 242, 255, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-Orange-orange-100:focus-within { + --tw-ring-color: var(--orange-orange-100, #ffa556); } - .\32xl\:focus\:placeholder-indigo-100:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(224, 231, 255, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-Orange-orange-200:focus-within { + --tw-ring-color: var(--orange-orange-200, #ffbf86); } - .\32xl\:focus\:placeholder-indigo-100:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(224, 231, 255, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-Orange-orange-300:focus-within { + --tw-ring-color: var(--orange-orange-300, #d97f30); } - .\32xl\:focus\:placeholder-indigo-200:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(199, 210, 254, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-Orange-orange-400:focus-within { + --tw-ring-color: var(--orange-orange-400, #bf7e46); } - .\32xl\:focus\:placeholder-indigo-200:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(199, 210, 254, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-Orange-orange-500:focus-within { + --tw-ring-color: var(--orange-orange-500, #e5720d); } - .\32xl\:focus\:placeholder-indigo-300:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(165, 180, 252, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-Orange-orange-600:focus-within { + --tw-ring-color: var(--orange-orange-600, #b3590a); } - .\32xl\:focus\:placeholder-indigo-300:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(165, 180, 252, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-Orange-orange-700:focus-within { + --tw-ring-color: var(--orange-orange-700, #663306); } - .\32xl\:focus\:placeholder-indigo-400:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(129, 140, 248, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-Yellow-yellow:focus-within { + --tw-ring-color: var(--yellow-yellow, #ffab00); } - .\32xl\:focus\:placeholder-indigo-400:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(129, 140, 248, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-Yellow-yellow-100:focus-within { + --tw-ring-color: var(--yellow-yellow-100, #ffc44c); } - .\32xl\:focus\:placeholder-indigo-500:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(99, 102, 241, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-Yellow-yellow-200:focus-within { + --tw-ring-color: var(--yellow-yellow-200, #ffd580); } - .\32xl\:focus\:placeholder-indigo-500:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(99, 102, 241, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-Yellow-yellow-300:focus-within { + --tw-ring-color: var(--yellow-yellow-300, #d99d26); } - .\32xl\:focus\:placeholder-indigo-600:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(79, 70, 229, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-Yellow-yellow-400:focus-within { + --tw-ring-color: var(--yellow-yellow-400, #bf943f); } - .\32xl\:focus\:placeholder-indigo-600:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(79, 70, 229, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-Yellow-yellow-500:focus-within { + --tw-ring-color: var(--yellow-yellow-500, #e59a00); } - .\32xl\:focus\:placeholder-indigo-700:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(67, 56, 202, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-Yellow-yellow-600:focus-within { + --tw-ring-color: var(--yellow-yellow-600, #b37800); } - .\32xl\:focus\:placeholder-indigo-700:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(67, 56, 202, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-Yellow-yellow-700:focus-within { + --tw-ring-color: var(--yellow-yellow-700, #664400); } - .\32xl\:focus\:placeholder-indigo-800:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(55, 48, 163, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-Notification-notification:focus-within { + --tw-ring-color: var(--notification-notification, #3959ff); } - .\32xl\:focus\:placeholder-indigo-800:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(55, 48, 163, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-Notification-notification-100:focus-within { + --tw-ring-color: var(--notification-notification-100, #748bff); } - .\32xl\:focus\:placeholder-indigo-900:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(49, 46, 129, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-Notification-notification-200:focus-within { + --tw-ring-color: var(--notification-notification-200, #9cacff); } - .\32xl\:focus\:placeholder-indigo-900:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(49, 46, 129, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-Notification-notification-300:focus-within { + --tw-ring-color: var(--notification-notification-300, #4e64d9); } - .\32xl\:focus\:placeholder-purple-50:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(245, 243, 255, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-Notification-notification-400:focus-within { + --tw-ring-color: var(--notification-notification-400, #5c6cbf); } - .\32xl\:focus\:placeholder-purple-50:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(245, 243, 255, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-Notification-notification-500:focus-within { + --tw-ring-color: var(--notification-notification-500, #3350e5); } - .\32xl\:focus\:placeholder-purple-100:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(237, 233, 254, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-Notification-notification-600:focus-within { + --tw-ring-color: var(--notification-notification-600, #283eb3); } - .\32xl\:focus\:placeholder-purple-100:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(237, 233, 254, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-Notification-notification-700:focus-within { + --tw-ring-color: var(--notification-notification-700, #172466); } - .\32xl\:focus\:placeholder-purple-200:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(221, 214, 254, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-Success-success\ -700:focus-within { + --tw-ring-color: var(--success-success-700, #24471f); } - .\32xl\:focus\:placeholder-purple-200:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(221, 214, 254, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-Success-success:focus-within { + --tw-ring-color: var(--success-success, #5bb14d); } - .\32xl\:focus\:placeholder-purple-300:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(196, 181, 253, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-Success-success\ -100:focus-within { + --tw-ring-color: var(--success-success-100, #8cc882); } - .\32xl\:focus\:placeholder-purple-300:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(196, 181, 253, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-Success-success\ -200:focus-within { + --tw-ring-color: var(--success-success-200, #add8a6); } - .\32xl\:focus\:placeholder-purple-400:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(167, 139, 250, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-Success-success\ -300:focus-within { + --tw-ring-color: var(--success-success-300, #66a25c); } - .\32xl\:focus\:placeholder-purple-400:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(167, 139, 250, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-Success-success\ -400:focus-within { + --tw-ring-color: var(--success-success-400, #6d9766); } - .\32xl\:focus\:placeholder-purple-500:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(139, 92, 246, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-Success-success\ -500:focus-within { + --tw-ring-color: var(--success-success-500, #529f45); } - .\32xl\:focus\:placeholder-purple-500:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(139, 92, 246, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-Success-success\ -600:focus-within { + --tw-ring-color: var(--success-success-600, #407c36); } - .\32xl\:focus\:placeholder-purple-600:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(124, 58, 237, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-Error-error:focus-within { + --tw-ring-color: var(--error-error, #f03d3e); } - .\32xl\:focus\:placeholder-purple-600:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(124, 58, 237, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-Error-error-100:focus-within { + --tw-ring-color: var(--error-error-100, #f57778); } - .\32xl\:focus\:placeholder-purple-700:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(109, 40, 217, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-Error-error-200:focus-within { + --tw-ring-color: var(--error-error-200, #f89e9e); } - .\32xl\:focus\:placeholder-purple-700:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(109, 40, 217, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-Error-error-250:focus-within { + --tw-ring-color: var(--error-error-250, #f9c8c8); } - .\32xl\:focus\:placeholder-purple-800:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(91, 33, 182, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-Error-error-300:focus-within { + --tw-ring-color: var(--error-error-300, #ce5151); } - .\32xl\:focus\:placeholder-purple-800:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(91, 33, 182, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-Error-error-400:focus-within { + --tw-ring-color: var(--error-error-400, #b85e5e); } - .\32xl\:focus\:placeholder-purple-900:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(76, 29, 149, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-Error-error-500:focus-within { + --tw-ring-color: var(--error-error-500, #d83738); } - .\32xl\:focus\:placeholder-purple-900:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(76, 29, 149, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-Error-error-600:focus-within { + --tw-ring-color: var(--error-error-600, #a82b2b); } - .\32xl\:focus\:placeholder-pink-50:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(253, 242, 248, var(--tw-placeholder-opacity)); + .\32xl\:focus-within\:ring-Error-error-700:focus-within { + --tw-ring-color: var(--error-error-700, #601819); } - .\32xl\:focus\:placeholder-pink-50:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(253, 242, 248, var(--tw-placeholder-opacity)); + .\32xl\:focus\:ring-colors-black:focus { + --tw-ring-color: var(--colors-black, #000000); } - .\32xl\:focus\:placeholder-pink-100:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(252, 231, 243, var(--tw-placeholder-opacity)); + .\32xl\:focus\:ring-colors-white:focus { + --tw-ring-color: var(--colors-white, #ffffff); } - .\32xl\:focus\:placeholder-pink-100:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(252, 231, 243, var(--tw-placeholder-opacity)); + .\32xl\:focus\:ring-colors-gray-100:focus { + --tw-ring-color: var(--colors-gray-100, #f7fafc); } - .\32xl\:focus\:placeholder-pink-200:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(251, 207, 232, var(--tw-placeholder-opacity)); + .\32xl\:focus\:ring-colors-gray-200:focus { + --tw-ring-color: var(--colors-gray-200, #edf2f7); } - .\32xl\:focus\:placeholder-pink-200:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(251, 207, 232, var(--tw-placeholder-opacity)); + .\32xl\:focus\:ring-colors-gray-300:focus { + --tw-ring-color: var(--colors-gray-300, #e2e8f0); } - .\32xl\:focus\:placeholder-pink-300:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(249, 168, 212, var(--tw-placeholder-opacity)); + .\32xl\:focus\:ring-colors-gray-400:focus { + --tw-ring-color: var(--colors-gray-400, #cbd5e0); } - .\32xl\:focus\:placeholder-pink-300:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(249, 168, 212, var(--tw-placeholder-opacity)); + .\32xl\:focus\:ring-colors-gray-500:focus { + --tw-ring-color: var(--colors-gray-500, #a0aec0); } - .\32xl\:focus\:placeholder-pink-400:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(244, 114, 182, var(--tw-placeholder-opacity)); + .\32xl\:focus\:ring-colors-gray-600:focus { + --tw-ring-color: var(--colors-gray-600, #718096); } - .\32xl\:focus\:placeholder-pink-400:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(244, 114, 182, var(--tw-placeholder-opacity)); + .\32xl\:focus\:ring-colors-gray-700:focus { + --tw-ring-color: var(--colors-gray-700, #4a5568); } - .\32xl\:focus\:placeholder-pink-500:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(236, 72, 153, var(--tw-placeholder-opacity)); + .\32xl\:focus\:ring-colors-gray-800:focus { + --tw-ring-color: var(--colors-gray-800, #2d3748); } - .\32xl\:focus\:placeholder-pink-500:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(236, 72, 153, var(--tw-placeholder-opacity)); + .\32xl\:focus\:ring-colors-gray-900:focus { + --tw-ring-color: var(--colors-gray-900, #1a202c); } - .\32xl\:focus\:placeholder-pink-600:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(219, 39, 119, var(--tw-placeholder-opacity)); + .\32xl\:focus\:ring-colors-red-100:focus { + --tw-ring-color: var(--colors-red-100, #fff5f5); } - .\32xl\:focus\:placeholder-pink-600:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(219, 39, 119, var(--tw-placeholder-opacity)); + .\32xl\:focus\:ring-colors-red-200:focus { + --tw-ring-color: var(--colors-red-200, #fed7d7); } - .\32xl\:focus\:placeholder-pink-700:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(190, 24, 93, var(--tw-placeholder-opacity)); + .\32xl\:focus\:ring-colors-red-300:focus { + --tw-ring-color: var(--colors-red-300, #feb2b2); } - .\32xl\:focus\:placeholder-pink-700:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(190, 24, 93, var(--tw-placeholder-opacity)); + .\32xl\:focus\:ring-colors-red-400:focus { + --tw-ring-color: var(--colors-red-400, #fc8181); } - .\32xl\:focus\:placeholder-pink-800:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(157, 23, 77, var(--tw-placeholder-opacity)); + .\32xl\:focus\:ring-colors-red-500:focus { + --tw-ring-color: var(--colors-red-500, #f56565); } - .\32xl\:focus\:placeholder-pink-800:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(157, 23, 77, var(--tw-placeholder-opacity)); + .\32xl\:focus\:ring-colors-red-600:focus { + --tw-ring-color: var(--colors-red-600, #e53e3e); } - .\32xl\:focus\:placeholder-pink-900:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(131, 24, 67, var(--tw-placeholder-opacity)); + .\32xl\:focus\:ring-colors-red-700:focus { + --tw-ring-color: var(--colors-red-700, #c53030); } - .\32xl\:focus\:placeholder-pink-900:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(131, 24, 67, var(--tw-placeholder-opacity)); + .\32xl\:focus\:ring-colors-red-800:focus { + --tw-ring-color: var(--colors-red-800, #9b2c2c); } - .\32xl\:placeholder-opacity-0::-moz-placeholder { - --tw-placeholder-opacity: 0; + .\32xl\:focus\:ring-colors-red-900:focus { + --tw-ring-color: var(--colors-red-900, #742a2a); } - .\32xl\:placeholder-opacity-0::placeholder { - --tw-placeholder-opacity: 0; + .\32xl\:focus\:ring-colors-orange-100:focus { + --tw-ring-color: var(--colors-orange-100, #fffaf0); } - .\32xl\:placeholder-opacity-5::-moz-placeholder { - --tw-placeholder-opacity: 0.05; + .\32xl\:focus\:ring-colors-orange-200:focus { + --tw-ring-color: var(--colors-orange-200, #feebc8); } - .\32xl\:placeholder-opacity-5::placeholder { - --tw-placeholder-opacity: 0.05; + .\32xl\:focus\:ring-colors-orange-300:focus { + --tw-ring-color: var(--colors-orange-300, #fbd38d); } - .\32xl\:placeholder-opacity-10::-moz-placeholder { - --tw-placeholder-opacity: 0.1; + .\32xl\:focus\:ring-colors-orange-400:focus { + --tw-ring-color: var(--colors-orange-400, #f6ad55); } - .\32xl\:placeholder-opacity-10::placeholder { - --tw-placeholder-opacity: 0.1; + .\32xl\:focus\:ring-colors-orange-500:focus { + --tw-ring-color: var(--colors-orange-500, #ed8936); } - .\32xl\:placeholder-opacity-20::-moz-placeholder { - --tw-placeholder-opacity: 0.2; + .\32xl\:focus\:ring-colors-orange-600:focus { + --tw-ring-color: var(--colors-orange-600, #dd6b20); } - .\32xl\:placeholder-opacity-20::placeholder { - --tw-placeholder-opacity: 0.2; + .\32xl\:focus\:ring-colors-orange-700:focus { + --tw-ring-color: var(--colors-orange-700, #c05621); } - .\32xl\:placeholder-opacity-25::-moz-placeholder { - --tw-placeholder-opacity: 0.25; + .\32xl\:focus\:ring-colors-orange-800:focus { + --tw-ring-color: var(--colors-orange-800, #9c4221); } - .\32xl\:placeholder-opacity-25::placeholder { - --tw-placeholder-opacity: 0.25; + .\32xl\:focus\:ring-colors-orange-900:focus { + --tw-ring-color: var(--colors-orange-900, #7b341e); } - - .\32xl\:placeholder-opacity-30::-moz-placeholder { - --tw-placeholder-opacity: 0.3; + + .\32xl\:focus\:ring-colors-yellow-100:focus { + --tw-ring-color: var(--colors-yellow-100, #fffff0); } - .\32xl\:placeholder-opacity-30::placeholder { - --tw-placeholder-opacity: 0.3; + .\32xl\:focus\:ring-colors-yellow-200:focus { + --tw-ring-color: var(--colors-yellow-200, #fefcbf); } - .\32xl\:placeholder-opacity-40::-moz-placeholder { - --tw-placeholder-opacity: 0.4; + .\32xl\:focus\:ring-colors-yellow-300:focus { + --tw-ring-color: var(--colors-yellow-300, #faf089); } - .\32xl\:placeholder-opacity-40::placeholder { - --tw-placeholder-opacity: 0.4; + .\32xl\:focus\:ring-colors-yellow-400:focus { + --tw-ring-color: var(--colors-yellow-400, #f6e05e); } - .\32xl\:placeholder-opacity-50::-moz-placeholder { - --tw-placeholder-opacity: 0.5; + .\32xl\:focus\:ring-colors-yellow-500:focus { + --tw-ring-color: var(--colors-yellow-500, #ecc94b); } - .\32xl\:placeholder-opacity-50::placeholder { - --tw-placeholder-opacity: 0.5; + .\32xl\:focus\:ring-colors-yellow-600:focus { + --tw-ring-color: var(--colors-yellow-600, #d69e2e); } - .\32xl\:placeholder-opacity-60::-moz-placeholder { - --tw-placeholder-opacity: 0.6; + .\32xl\:focus\:ring-colors-yellow-700:focus { + --tw-ring-color: var(--colors-yellow-700, #b7791f); } - .\32xl\:placeholder-opacity-60::placeholder { - --tw-placeholder-opacity: 0.6; + .\32xl\:focus\:ring-colors-yellow-800:focus { + --tw-ring-color: var(--colors-yellow-800, #975a16); } - .\32xl\:placeholder-opacity-70::-moz-placeholder { - --tw-placeholder-opacity: 0.7; + .\32xl\:focus\:ring-colors-yellow-900:focus { + --tw-ring-color: var(--colors-yellow-900, #744210); } - .\32xl\:placeholder-opacity-70::placeholder { - --tw-placeholder-opacity: 0.7; + .\32xl\:focus\:ring-colors-green-100:focus { + --tw-ring-color: var(--colors-green-100, #f0fff4); } - .\32xl\:placeholder-opacity-75::-moz-placeholder { - --tw-placeholder-opacity: 0.75; + .\32xl\:focus\:ring-colors-green-200:focus { + --tw-ring-color: var(--colors-green-200, #c6f6d5); } - .\32xl\:placeholder-opacity-75::placeholder { - --tw-placeholder-opacity: 0.75; + .\32xl\:focus\:ring-colors-green-300:focus { + --tw-ring-color: var(--colors-green-300, #9ae6b4); } - .\32xl\:placeholder-opacity-80::-moz-placeholder { - --tw-placeholder-opacity: 0.8; + .\32xl\:focus\:ring-colors-green-400:focus { + --tw-ring-color: var(--colors-green-400, #68d391); } - .\32xl\:placeholder-opacity-80::placeholder { - --tw-placeholder-opacity: 0.8; + .\32xl\:focus\:ring-colors-green-500:focus { + --tw-ring-color: var(--colors-green-500, #48bb78); } - .\32xl\:placeholder-opacity-90::-moz-placeholder { - --tw-placeholder-opacity: 0.9; + .\32xl\:focus\:ring-colors-green-600:focus { + --tw-ring-color: var(--colors-green-600, #38a169); } - .\32xl\:placeholder-opacity-90::placeholder { - --tw-placeholder-opacity: 0.9; + .\32xl\:focus\:ring-colors-green-700:focus { + --tw-ring-color: var(--colors-green-700, #2f855a); } - .\32xl\:placeholder-opacity-95::-moz-placeholder { - --tw-placeholder-opacity: 0.95; + .\32xl\:focus\:ring-colors-green-800:focus { + --tw-ring-color: var(--colors-green-800, #276749); } - .\32xl\:placeholder-opacity-95::placeholder { - --tw-placeholder-opacity: 0.95; + .\32xl\:focus\:ring-colors-green-900:focus { + --tw-ring-color: var(--colors-green-900, #22543d); } - .\32xl\:placeholder-opacity-100::-moz-placeholder { - --tw-placeholder-opacity: 1; + .\32xl\:focus\:ring-colors-teal-100:focus { + --tw-ring-color: var(--colors-teal-100, #e6fffa); } - .\32xl\:placeholder-opacity-100::placeholder { - --tw-placeholder-opacity: 1; + .\32xl\:focus\:ring-colors-teal-200:focus { + --tw-ring-color: var(--colors-teal-200, #b2f5ea); } - .\32xl\:focus\:placeholder-opacity-0:focus::-moz-placeholder { - --tw-placeholder-opacity: 0; + .\32xl\:focus\:ring-colors-teal-300:focus { + --tw-ring-color: var(--colors-teal-300, #81e6d9); } - .\32xl\:focus\:placeholder-opacity-0:focus::placeholder { - --tw-placeholder-opacity: 0; + .\32xl\:focus\:ring-colors-teal-400:focus { + --tw-ring-color: var(--colors-teal-400, #4fd1c5); } - .\32xl\:focus\:placeholder-opacity-5:focus::-moz-placeholder { - --tw-placeholder-opacity: 0.05; + .\32xl\:focus\:ring-colors-teal-500:focus { + --tw-ring-color: var(--colors-teal-500, #38b2ac); } - .\32xl\:focus\:placeholder-opacity-5:focus::placeholder { - --tw-placeholder-opacity: 0.05; + .\32xl\:focus\:ring-colors-teal-600:focus { + --tw-ring-color: var(--colors-teal-600, #319795); } - .\32xl\:focus\:placeholder-opacity-10:focus::-moz-placeholder { - --tw-placeholder-opacity: 0.1; + .\32xl\:focus\:ring-colors-teal-700:focus { + --tw-ring-color: var(--colors-teal-700, #2c7a7b); } - .\32xl\:focus\:placeholder-opacity-10:focus::placeholder { - --tw-placeholder-opacity: 0.1; + .\32xl\:focus\:ring-colors-teal-800:focus { + --tw-ring-color: var(--colors-teal-800, #285e61); } - .\32xl\:focus\:placeholder-opacity-20:focus::-moz-placeholder { - --tw-placeholder-opacity: 0.2; + .\32xl\:focus\:ring-colors-teal-900:focus { + --tw-ring-color: var(--colors-teal-900, #234e52); } - .\32xl\:focus\:placeholder-opacity-20:focus::placeholder { - --tw-placeholder-opacity: 0.2; + .\32xl\:focus\:ring-colors-blue-100:focus { + --tw-ring-color: var(--colors-blue-100, #ebf8ff); } - .\32xl\:focus\:placeholder-opacity-25:focus::-moz-placeholder { - --tw-placeholder-opacity: 0.25; + .\32xl\:focus\:ring-colors-blue-200:focus { + --tw-ring-color: var(--colors-blue-200, #bee3f8); } - .\32xl\:focus\:placeholder-opacity-25:focus::placeholder { - --tw-placeholder-opacity: 0.25; + .\32xl\:focus\:ring-colors-blue-300:focus { + --tw-ring-color: var(--colors-blue-300, #90cdf4); } - .\32xl\:focus\:placeholder-opacity-30:focus::-moz-placeholder { - --tw-placeholder-opacity: 0.3; + .\32xl\:focus\:ring-colors-blue-400:focus { + --tw-ring-color: var(--colors-blue-400, #63b3ed); } - .\32xl\:focus\:placeholder-opacity-30:focus::placeholder { - --tw-placeholder-opacity: 0.3; + .\32xl\:focus\:ring-colors-blue-500:focus { + --tw-ring-color: var(--colors-blue-500, #4299e1); } - .\32xl\:focus\:placeholder-opacity-40:focus::-moz-placeholder { - --tw-placeholder-opacity: 0.4; + .\32xl\:focus\:ring-colors-blue-600:focus { + --tw-ring-color: var(--colors-blue-600, #3182ce); } - .\32xl\:focus\:placeholder-opacity-40:focus::placeholder { - --tw-placeholder-opacity: 0.4; + .\32xl\:focus\:ring-colors-blue-700:focus { + --tw-ring-color: var(--colors-blue-700, #2b6cb0); } - .\32xl\:focus\:placeholder-opacity-50:focus::-moz-placeholder { - --tw-placeholder-opacity: 0.5; + .\32xl\:focus\:ring-colors-blue-800:focus { + --tw-ring-color: var(--colors-blue-800, #2c5282); } - .\32xl\:focus\:placeholder-opacity-50:focus::placeholder { - --tw-placeholder-opacity: 0.5; + .\32xl\:focus\:ring-colors-blue-900:focus { + --tw-ring-color: var(--colors-blue-900, #2a4365); } - .\32xl\:focus\:placeholder-opacity-60:focus::-moz-placeholder { - --tw-placeholder-opacity: 0.6; + .\32xl\:focus\:ring-colors-indigo-100:focus { + --tw-ring-color: var(--colors-indigo-100, #ebf4ff); } - .\32xl\:focus\:placeholder-opacity-60:focus::placeholder { - --tw-placeholder-opacity: 0.6; + .\32xl\:focus\:ring-colors-indigo-200:focus { + --tw-ring-color: var(--colors-indigo-200, #c3dafe); } - .\32xl\:focus\:placeholder-opacity-70:focus::-moz-placeholder { - --tw-placeholder-opacity: 0.7; + .\32xl\:focus\:ring-colors-indigo-300:focus { + --tw-ring-color: var(--colors-indigo-300, #a3bffa); } - .\32xl\:focus\:placeholder-opacity-70:focus::placeholder { - --tw-placeholder-opacity: 0.7; + .\32xl\:focus\:ring-colors-indigo-400:focus { + --tw-ring-color: var(--colors-indigo-400, #7f9cf5); } - .\32xl\:focus\:placeholder-opacity-75:focus::-moz-placeholder { - --tw-placeholder-opacity: 0.75; + .\32xl\:focus\:ring-colors-indigo-500:focus { + --tw-ring-color: var(--colors-indigo-500, #667eea); } - .\32xl\:focus\:placeholder-opacity-75:focus::placeholder { - --tw-placeholder-opacity: 0.75; + .\32xl\:focus\:ring-colors-indigo-600:focus { + --tw-ring-color: var(--colors-indigo-600, #5a67d8); } - .\32xl\:focus\:placeholder-opacity-80:focus::-moz-placeholder { - --tw-placeholder-opacity: 0.8; + .\32xl\:focus\:ring-colors-indigo-700:focus { + --tw-ring-color: var(--colors-indigo-700, #4c51bf); } - .\32xl\:focus\:placeholder-opacity-80:focus::placeholder { - --tw-placeholder-opacity: 0.8; + .\32xl\:focus\:ring-colors-indigo-800:focus { + --tw-ring-color: var(--colors-indigo-800, #434190); } - .\32xl\:focus\:placeholder-opacity-90:focus::-moz-placeholder { - --tw-placeholder-opacity: 0.9; + .\32xl\:focus\:ring-colors-indigo-900:focus { + --tw-ring-color: var(--colors-indigo-900, #3c366b); } - .\32xl\:focus\:placeholder-opacity-90:focus::placeholder { - --tw-placeholder-opacity: 0.9; + .\32xl\:focus\:ring-colors-purple-100:focus { + --tw-ring-color: var(--colors-purple-100, #faf5ff); } - .\32xl\:focus\:placeholder-opacity-95:focus::-moz-placeholder { - --tw-placeholder-opacity: 0.95; + .\32xl\:focus\:ring-colors-purple-200:focus { + --tw-ring-color: var(--colors-purple-200, #e9d8fd); } - .\32xl\:focus\:placeholder-opacity-95:focus::placeholder { - --tw-placeholder-opacity: 0.95; + .\32xl\:focus\:ring-colors-purple-300:focus { + --tw-ring-color: var(--colors-purple-300, #d6bcfa); } - .\32xl\:focus\:placeholder-opacity-100:focus::-moz-placeholder { - --tw-placeholder-opacity: 1; + .\32xl\:focus\:ring-colors-purple-400:focus { + --tw-ring-color: var(--colors-purple-400, #b794f4); } - .\32xl\:focus\:placeholder-opacity-100:focus::placeholder { - --tw-placeholder-opacity: 1; + .\32xl\:focus\:ring-colors-purple-500:focus { + --tw-ring-color: var(--colors-purple-500, #9f7aea); } - .\32xl\:opacity-0 { - opacity: 0; + .\32xl\:focus\:ring-colors-purple-600:focus { + --tw-ring-color: var(--colors-purple-600, #805ad5); } - .\32xl\:opacity-5 { - opacity: 0.05; + .\32xl\:focus\:ring-colors-purple-700:focus { + --tw-ring-color: var(--colors-purple-700, #6b46c1); } - .\32xl\:opacity-10 { - opacity: 0.1; + .\32xl\:focus\:ring-colors-purple-800:focus { + --tw-ring-color: var(--colors-purple-800, #553c9a); } - .\32xl\:opacity-20 { - opacity: 0.2; + .\32xl\:focus\:ring-colors-purple-900:focus { + --tw-ring-color: var(--colors-purple-900, #44337a); } - .\32xl\:opacity-25 { - opacity: 0.25; + .\32xl\:focus\:ring-colors-pink-100:focus { + --tw-ring-color: var(--colors-pink-100, #fff5f7); } - .\32xl\:opacity-30 { - opacity: 0.3; + .\32xl\:focus\:ring-colors-pink-200:focus { + --tw-ring-color: var(--colors-pink-200, #fed7e2); } - .\32xl\:opacity-40 { - opacity: 0.4; + .\32xl\:focus\:ring-colors-pink-300:focus { + --tw-ring-color: var(--colors-pink-300, #fbb6ce); } - .\32xl\:opacity-50 { - opacity: 0.5; + .\32xl\:focus\:ring-colors-pink-400:focus { + --tw-ring-color: var(--colors-pink-400, #f687b3); } - .\32xl\:opacity-60 { - opacity: 0.6; + .\32xl\:focus\:ring-colors-pink-500:focus { + --tw-ring-color: var(--colors-pink-500, #ed64a6); } - .\32xl\:opacity-70 { - opacity: 0.7; + .\32xl\:focus\:ring-colors-pink-600:focus { + --tw-ring-color: var(--colors-pink-600, #d53f8c); } - .\32xl\:opacity-75 { - opacity: 0.75; + .\32xl\:focus\:ring-colors-pink-700:focus { + --tw-ring-color: var(--colors-pink-700, #b83280); } - .\32xl\:opacity-80 { - opacity: 0.8; + .\32xl\:focus\:ring-colors-pink-800:focus { + --tw-ring-color: var(--colors-pink-800, #97266d); } - .\32xl\:opacity-90 { - opacity: 0.9; + .\32xl\:focus\:ring-colors-pink-900:focus { + --tw-ring-color: var(--colors-pink-900, #702459); } - .\32xl\:opacity-95 { - opacity: 0.95; + .\32xl\:focus\:ring-Box\ Shadow:focus { + --tw-ring-color: var(--box-shadow, #7f7e7f); } - .\32xl\:opacity-100 { - opacity: 1; + .\32xl\:focus\:ring-Error16:focus { + --tw-ring-color: var(--error16, #f03d3e40); } - .group:hover .\32xl\:group-hover\:opacity-0 { - opacity: 0; + .\32xl\:focus\:ring-Success16:focus { + --tw-ring-color: var(--success16, #5bb14d40); } - .group:hover .\32xl\:group-hover\:opacity-5 { - opacity: 0.05; + .\32xl\:focus\:ring-Notification16:focus { + --tw-ring-color: var(--notification16, #3959ff40); } - .group:hover .\32xl\:group-hover\:opacity-10 { - opacity: 0.1; + .\32xl\:focus\:ring-Error8:focus { + --tw-ring-color: var(--error8, #f03d3e1a); } - .group:hover .\32xl\:group-hover\:opacity-20 { - opacity: 0.2; + .\32xl\:focus\:ring-Notification8:focus { + --tw-ring-color: var(--notification8, #3959ff1a); } - .group:hover .\32xl\:group-hover\:opacity-25 { - opacity: 0.25; + .\32xl\:focus\:ring-Success8:focus { + --tw-ring-color: var(--success8, #5bb14d1a); } - .group:hover .\32xl\:group-hover\:opacity-30 { - opacity: 0.3; + .\32xl\:focus\:ring-Light\ -\ Overlay:focus { + --tw-ring-color: var(--light-overlay, #f0edee66); } - .group:hover .\32xl\:group-hover\:opacity-40 { - opacity: 0.4; + .\32xl\:focus\:ring-Dark-\ Overlay:focus { + --tw-ring-color: var(--dark-overlay, #7f7e7f66); } - .group:hover .\32xl\:group-hover\:opacity-50 { - opacity: 0.5; + .\32xl\:focus\:ring-black-40:focus { + --tw-ring-color: var(--black-40, #00000066); } - .group:hover .\32xl\:group-hover\:opacity-60 { - opacity: 0.6; + .\32xl\:focus\:ring-black-75:focus { + --tw-ring-color: var(--black-75, #000000bf); } - .group:hover .\32xl\:group-hover\:opacity-70 { - opacity: 0.7; + .\32xl\:focus\:ring-black-60:focus { + --tw-ring-color: var(--black-60, #00000099); } - .group:hover .\32xl\:group-hover\:opacity-75 { - opacity: 0.75; + .\32xl\:focus\:ring-black-50:focus { + --tw-ring-color: var(--black-50, #00000080); } - .group:hover .\32xl\:group-hover\:opacity-80 { - opacity: 0.8; + .\32xl\:focus\:ring-black-25:focus { + --tw-ring-color: var(--black-25, #00000040); } - .group:hover .\32xl\:group-hover\:opacity-90 { - opacity: 0.9; + .\32xl\:focus\:ring-black-10:focus { + --tw-ring-color: var(--black-10, #0000001a); } - .group:hover .\32xl\:group-hover\:opacity-95 { - opacity: 0.95; + .\32xl\:focus\:ring-white-25:focus { + --tw-ring-color: var(--white-25, #ffffff40); } - .group:hover .\32xl\:group-hover\:opacity-100 { - opacity: 1; + .\32xl\:focus\:ring-white-60:focus { + --tw-ring-color: var(--white-60, #ffffff99); } - .\32xl\:focus-within\:opacity-0:focus-within { - opacity: 0; + .\32xl\:focus\:ring-black-64:focus { + --tw-ring-color: var(--black-64, #000000a3); } - .\32xl\:focus-within\:opacity-5:focus-within { - opacity: 0.05; + .\32xl\:focus\:ring-Shadow\ and\ Highlight-Shadow:focus { + --tw-ring-color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .\32xl\:focus-within\:opacity-10:focus-within { - opacity: 0.1; + .\32xl\:focus\:ring-Shadow\ and\ Highlight-Highlight:focus { + --tw-ring-color: var(--shadow-and-highlight-highlight, #474747); } - .\32xl\:focus-within\:opacity-20:focus-within { - opacity: 0.2; + .\32xl\:focus\:ring-Shadow\ and\ Highlight-highlight\ one:focus { + --tw-ring-color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .\32xl\:focus-within\:opacity-25:focus-within { - opacity: 0.25; + .\32xl\:focus\:ring-Shadow\ and\ Highlight-highlight\ two:focus { + --tw-ring-color: var(--shadow-and-highlight-highlight-two, #47474799); } - .\32xl\:focus-within\:opacity-30:focus-within { - opacity: 0.3; + .\32xl\:focus\:ring-Shadow\ and\ Highlight-highlight\ three:focus { + --tw-ring-color: var(--shadow-and-highlight-highlight-three, #47474766); } - .\32xl\:focus-within\:opacity-40:focus-within { - opacity: 0.4; + .\32xl\:focus\:ring-Shadow\ and\ Highlight-highlight\ five:focus { + --tw-ring-color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .\32xl\:focus-within\:opacity-50:focus-within { - opacity: 0.5; + .\32xl\:focus\:ring-Shadow\ and\ Highlight-shadow\ one:focus { + --tw-ring-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .\32xl\:focus-within\:opacity-60:focus-within { - opacity: 0.6; + .\32xl\:focus\:ring-Shadow\ and\ Highlight-shadow\ two:focus { + --tw-ring-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .\32xl\:focus-within\:opacity-70:focus-within { - opacity: 0.7; + .\32xl\:focus\:ring-Shadow\ and\ Highlight-shadow\ three:focus { + --tw-ring-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .\32xl\:focus-within\:opacity-75:focus-within { - opacity: 0.75; + .\32xl\:focus\:ring-Shadow\ and\ Highlight-shadow\ four:focus { + --tw-ring-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .\32xl\:focus-within\:opacity-80:focus-within { - opacity: 0.8; + .\32xl\:focus\:ring-Shadow\ and\ Highlight-shadow\ five:focus { + --tw-ring-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .\32xl\:focus-within\:opacity-90:focus-within { - opacity: 0.9; + .\32xl\:focus\:ring-Shadow\ and\ Highlight-highlight\ four:focus { + --tw-ring-color: var(--shadow-and-highlight-highlight-four, #47474740); } - .\32xl\:focus-within\:opacity-95:focus-within { - opacity: 0.95; + .\32xl\:focus\:ring-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus { + --tw-ring-color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .\32xl\:focus-within\:opacity-100:focus-within { - opacity: 1; + .\32xl\:focus\:ring-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus { + --tw-ring-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .\32xl\:hover\:opacity-0:hover { - opacity: 0; + .\32xl\:focus\:ring-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus { + --tw-ring-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .\32xl\:hover\:opacity-5:hover { - opacity: 0.05; + .\32xl\:focus\:ring-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus { + --tw-ring-color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .\32xl\:hover\:opacity-10:hover { - opacity: 0.1; + .\32xl\:focus\:ring-Grey-Scale-white:focus { + --tw-ring-color: var(--grey-scale-white, #ffffff); } - .\32xl\:hover\:opacity-20:hover { - opacity: 0.2; + .\32xl\:focus\:ring-Grey-Scale-off-white:focus { + --tw-ring-color: var(--grey-scale-off-white, #f0edee); } - .\32xl\:hover\:opacity-25:hover { - opacity: 0.25; + .\32xl\:focus\:ring-Grey\ Scale-grey:focus { + --tw-ring-color: var(--grey-scale-grey, #7f7e7f); } - .\32xl\:hover\:opacity-30:hover { - opacity: 0.3; + .\32xl\:focus\:ring-Grey\ Scale-charcoal:focus { + --tw-ring-color: var(--grey-scale-charcoal, #474747); } - .\32xl\:hover\:opacity-40:hover { - opacity: 0.4; + .\32xl\:focus\:ring-Grey\ Scale-off-black:focus { + --tw-ring-color: var(--grey-scale-off-black, #1c1c1c); } - .\32xl\:hover\:opacity-50:hover { - opacity: 0.5; + .\32xl\:focus\:ring-Grey\ Scale-black:focus { + --tw-ring-color: var(--grey-scale-black, #000000); } - .\32xl\:hover\:opacity-60:hover { - opacity: 0.6; + .\32xl\:focus\:ring-Blue-blue:focus { + --tw-ring-color: var(--blue-blue, #3a7ca5); } - .\32xl\:hover\:opacity-70:hover { - opacity: 0.7; + .\32xl\:focus\:ring-Blue-blue-100:focus { + --tw-ring-color: var(--blue-blue-100, #75a3c0); } - .\32xl\:hover\:opacity-75:hover { - opacity: 0.75; + .\32xl\:focus\:ring-Blue-blue-200:focus { + --tw-ring-color: var(--blue-blue-200, #9cbed2); } - .\32xl\:hover\:opacity-80:hover { - opacity: 0.8; + .\32xl\:focus\:ring-Blue-blue-300:focus { + --tw-ring-color: var(--blue-blue-300, #4f7d9a); } - .\32xl\:hover\:opacity-90:hover { - opacity: 0.9; + .\32xl\:focus\:ring-Blue-blue-400:focus { + --tw-ring-color: var(--blue-blue-400, #5c7d92); } - .\32xl\:hover\:opacity-95:hover { - opacity: 0.95; + .\32xl\:focus\:ring-Blue-blue-500:focus { + --tw-ring-color: var(--blue-blue-500, #347095); } - .\32xl\:hover\:opacity-100:hover { - opacity: 1; + .\32xl\:focus\:ring-Blue-blue-600:focus { + --tw-ring-color: var(--blue-blue-600, #295774); } - .\32xl\:focus\:opacity-0:focus { - opacity: 0; + .\32xl\:focus\:ring-Blue-blue-700:focus { + --tw-ring-color: var(--blue-blue-700, #173242); } - .\32xl\:focus\:opacity-5:focus { - opacity: 0.05; + .\32xl\:focus\:ring-LightBlue-lightblue:focus { + --tw-ring-color: var(--light-blue-lightblue, #81c3d7); } - .\32xl\:focus\:opacity-10:focus { - opacity: 0.1; + .\32xl\:focus\:ring-LightBlue-lightblue-100:focus { + --tw-ring-color: var(--light-blue-lightblue-100, #a7d5e3); } - .\32xl\:focus\:opacity-20:focus { - opacity: 0.2; + .\32xl\:focus\:ring-LightBlue-lightblue-200:focus { + --tw-ring-color: var(--light-blue-lightblue-200, #c0e1eb); } - .\32xl\:focus\:opacity-25:focus { - opacity: 0.25; + .\32xl\:focus\:ring-LightBlue-lightblue-300:focus { + --tw-ring-color: var(--light-blue-lightblue-300, #80aebd); } - .\32xl\:focus\:opacity-30:focus { - opacity: 0.3; + .\32xl\:focus\:ring-LightBlue-lightblue-400:focus { + --tw-ring-color: var(--light-blue-lightblue-400, #80a0ab); } - .\32xl\:focus\:opacity-40:focus { - opacity: 0.4; + .\32xl\:focus\:ring-LightBlue-lightblue-500:focus { + --tw-ring-color: var(--light-blue-lightblue-500, #74afc1); } - .\32xl\:focus\:opacity-50:focus { - opacity: 0.5; + .\32xl\:focus\:ring-LightBlue-lightblue-600:focus { + --tw-ring-color: var(--light-blue-lightblue-600, #5a8997); } - .\32xl\:focus\:opacity-60:focus { - opacity: 0.6; + .\32xl\:focus\:ring-LightBlue-lightblue-650:focus { + --tw-ring-color: var(--light-blue-lightblue-650, #3e5e65); } - .\32xl\:focus\:opacity-70:focus { - opacity: 0.7; + .\32xl\:focus\:ring-LightBlue-lightblue-700:focus { + --tw-ring-color: var(--light-blue-lightblue-700, #344e56); } - .\32xl\:focus\:opacity-75:focus { - opacity: 0.75; + .\32xl\:focus\:ring-Orange-orange:focus { + --tw-ring-color: var(--orange-orange, #ff7f0e); } - .\32xl\:focus\:opacity-80:focus { - opacity: 0.8; + .\32xl\:focus\:ring-Orange-orange-100:focus { + --tw-ring-color: var(--orange-orange-100, #ffa556); } - .\32xl\:focus\:opacity-90:focus { - opacity: 0.9; + .\32xl\:focus\:ring-Orange-orange-200:focus { + --tw-ring-color: var(--orange-orange-200, #ffbf86); } - .\32xl\:focus\:opacity-95:focus { - opacity: 0.95; + .\32xl\:focus\:ring-Orange-orange-300:focus { + --tw-ring-color: var(--orange-orange-300, #d97f30); } - .\32xl\:focus\:opacity-100:focus { - opacity: 1; + .\32xl\:focus\:ring-Orange-orange-400:focus { + --tw-ring-color: var(--orange-orange-400, #bf7e46); } - .\32xl\:bg-blend-normal { - background-blend-mode: normal; + .\32xl\:focus\:ring-Orange-orange-500:focus { + --tw-ring-color: var(--orange-orange-500, #e5720d); } - .\32xl\:bg-blend-multiply { - background-blend-mode: multiply; + .\32xl\:focus\:ring-Orange-orange-600:focus { + --tw-ring-color: var(--orange-orange-600, #b3590a); } - .\32xl\:bg-blend-screen { - background-blend-mode: screen; + .\32xl\:focus\:ring-Orange-orange-700:focus { + --tw-ring-color: var(--orange-orange-700, #663306); } - .\32xl\:bg-blend-overlay { - background-blend-mode: overlay; + .\32xl\:focus\:ring-Yellow-yellow:focus { + --tw-ring-color: var(--yellow-yellow, #ffab00); } - .\32xl\:bg-blend-darken { - background-blend-mode: darken; + .\32xl\:focus\:ring-Yellow-yellow-100:focus { + --tw-ring-color: var(--yellow-yellow-100, #ffc44c); } - .\32xl\:bg-blend-lighten { - background-blend-mode: lighten; + .\32xl\:focus\:ring-Yellow-yellow-200:focus { + --tw-ring-color: var(--yellow-yellow-200, #ffd580); } - .\32xl\:bg-blend-color-dodge { - background-blend-mode: color-dodge; + .\32xl\:focus\:ring-Yellow-yellow-300:focus { + --tw-ring-color: var(--yellow-yellow-300, #d99d26); } - .\32xl\:bg-blend-color-burn { - background-blend-mode: color-burn; + .\32xl\:focus\:ring-Yellow-yellow-400:focus { + --tw-ring-color: var(--yellow-yellow-400, #bf943f); } - .\32xl\:bg-blend-hard-light { - background-blend-mode: hard-light; + .\32xl\:focus\:ring-Yellow-yellow-500:focus { + --tw-ring-color: var(--yellow-yellow-500, #e59a00); } - .\32xl\:bg-blend-soft-light { - background-blend-mode: soft-light; + .\32xl\:focus\:ring-Yellow-yellow-600:focus { + --tw-ring-color: var(--yellow-yellow-600, #b37800); } - .\32xl\:bg-blend-difference { - background-blend-mode: difference; + .\32xl\:focus\:ring-Yellow-yellow-700:focus { + --tw-ring-color: var(--yellow-yellow-700, #664400); } - .\32xl\:bg-blend-exclusion { - background-blend-mode: exclusion; + .\32xl\:focus\:ring-Notification-notification:focus { + --tw-ring-color: var(--notification-notification, #3959ff); } - .\32xl\:bg-blend-hue { - background-blend-mode: hue; + .\32xl\:focus\:ring-Notification-notification-100:focus { + --tw-ring-color: var(--notification-notification-100, #748bff); } - .\32xl\:bg-blend-saturation { - background-blend-mode: saturation; + .\32xl\:focus\:ring-Notification-notification-200:focus { + --tw-ring-color: var(--notification-notification-200, #9cacff); } - .\32xl\:bg-blend-color { - background-blend-mode: color; + .\32xl\:focus\:ring-Notification-notification-300:focus { + --tw-ring-color: var(--notification-notification-300, #4e64d9); } - .\32xl\:bg-blend-luminosity { - background-blend-mode: luminosity; + .\32xl\:focus\:ring-Notification-notification-400:focus { + --tw-ring-color: var(--notification-notification-400, #5c6cbf); } - .\32xl\:mix-blend-normal { - mix-blend-mode: normal; + .\32xl\:focus\:ring-Notification-notification-500:focus { + --tw-ring-color: var(--notification-notification-500, #3350e5); } - .\32xl\:mix-blend-multiply { - mix-blend-mode: multiply; + .\32xl\:focus\:ring-Notification-notification-600:focus { + --tw-ring-color: var(--notification-notification-600, #283eb3); } - .\32xl\:mix-blend-screen { - mix-blend-mode: screen; + .\32xl\:focus\:ring-Notification-notification-700:focus { + --tw-ring-color: var(--notification-notification-700, #172466); } - .\32xl\:mix-blend-overlay { - mix-blend-mode: overlay; + .\32xl\:focus\:ring-Success-success\ -700:focus { + --tw-ring-color: var(--success-success-700, #24471f); } - .\32xl\:mix-blend-darken { - mix-blend-mode: darken; + .\32xl\:focus\:ring-Success-success:focus { + --tw-ring-color: var(--success-success, #5bb14d); } - .\32xl\:mix-blend-lighten { - mix-blend-mode: lighten; + .\32xl\:focus\:ring-Success-success\ -100:focus { + --tw-ring-color: var(--success-success-100, #8cc882); } - .\32xl\:mix-blend-color-dodge { - mix-blend-mode: color-dodge; + .\32xl\:focus\:ring-Success-success\ -200:focus { + --tw-ring-color: var(--success-success-200, #add8a6); } - .\32xl\:mix-blend-color-burn { - mix-blend-mode: color-burn; + .\32xl\:focus\:ring-Success-success\ -300:focus { + --tw-ring-color: var(--success-success-300, #66a25c); } - .\32xl\:mix-blend-hard-light { - mix-blend-mode: hard-light; + .\32xl\:focus\:ring-Success-success\ -400:focus { + --tw-ring-color: var(--success-success-400, #6d9766); } - .\32xl\:mix-blend-soft-light { - mix-blend-mode: soft-light; + .\32xl\:focus\:ring-Success-success\ -500:focus { + --tw-ring-color: var(--success-success-500, #529f45); } - .\32xl\:mix-blend-difference { - mix-blend-mode: difference; + .\32xl\:focus\:ring-Success-success\ -600:focus { + --tw-ring-color: var(--success-success-600, #407c36); } - .\32xl\:mix-blend-exclusion { - mix-blend-mode: exclusion; + .\32xl\:focus\:ring-Error-error:focus { + --tw-ring-color: var(--error-error, #f03d3e); } - .\32xl\:mix-blend-hue { - mix-blend-mode: hue; + .\32xl\:focus\:ring-Error-error-100:focus { + --tw-ring-color: var(--error-error-100, #f57778); } - .\32xl\:mix-blend-saturation { - mix-blend-mode: saturation; + .\32xl\:focus\:ring-Error-error-200:focus { + --tw-ring-color: var(--error-error-200, #f89e9e); } - .\32xl\:mix-blend-color { - mix-blend-mode: color; + .\32xl\:focus\:ring-Error-error-250:focus { + --tw-ring-color: var(--error-error-250, #f9c8c8); } - .\32xl\:mix-blend-luminosity { - mix-blend-mode: luminosity; + .\32xl\:focus\:ring-Error-error-300:focus { + --tw-ring-color: var(--error-error-300, #ce5151); } - .\32xl\:shadow-sm { - --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .\32xl\:focus\:ring-Error-error-400:focus { + --tw-ring-color: var(--error-error-400, #b85e5e); } - .\32xl\:shadow { - --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .\32xl\:focus\:ring-Error-error-500:focus { + --tw-ring-color: var(--error-error-500, #d83738); } - .\32xl\:shadow-md { - --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .\32xl\:focus\:ring-Error-error-600:focus { + --tw-ring-color: var(--error-error-600, #a82b2b); } - .\32xl\:shadow-lg { - --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .\32xl\:focus\:ring-Error-error-700:focus { + --tw-ring-color: var(--error-error-700, #601819); } - .\32xl\:shadow-xl { - --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .\32xl\:ring-opacity-0 { + --tw-ring-opacity: 0; } - .\32xl\:shadow-2xl { - --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .\32xl\:ring-opacity-5 { + --tw-ring-opacity: 0.05; } - .\32xl\:shadow-inner { - --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .\32xl\:ring-opacity-10 { + --tw-ring-opacity: 0.1; } - .\32xl\:shadow-none { - --tw-shadow: 0 0 #0000; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .\32xl\:ring-opacity-20 { + --tw-ring-opacity: 0.2; } - .group:hover .\32xl\:group-hover\:shadow-sm { - --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .\32xl\:ring-opacity-25 { + --tw-ring-opacity: 0.25; } - .group:hover .\32xl\:group-hover\:shadow { - --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .\32xl\:ring-opacity-30 { + --tw-ring-opacity: 0.3; } - .group:hover .\32xl\:group-hover\:shadow-md { - --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .\32xl\:ring-opacity-40 { + --tw-ring-opacity: 0.4; } - .group:hover .\32xl\:group-hover\:shadow-lg { - --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .\32xl\:ring-opacity-50 { + --tw-ring-opacity: 0.5; } - .group:hover .\32xl\:group-hover\:shadow-xl { - --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .\32xl\:ring-opacity-60 { + --tw-ring-opacity: 0.6; } - .group:hover .\32xl\:group-hover\:shadow-2xl { - --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .\32xl\:ring-opacity-70 { + --tw-ring-opacity: 0.7; } - .group:hover .\32xl\:group-hover\:shadow-inner { - --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .\32xl\:ring-opacity-75 { + --tw-ring-opacity: 0.75; } - .group:hover .\32xl\:group-hover\:shadow-none { - --tw-shadow: 0 0 #0000; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .\32xl\:ring-opacity-80 { + --tw-ring-opacity: 0.8; } - .\32xl\:focus-within\:shadow-sm:focus-within { - --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .\32xl\:ring-opacity-90 { + --tw-ring-opacity: 0.9; } - .\32xl\:focus-within\:shadow:focus-within { - --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .\32xl\:ring-opacity-95 { + --tw-ring-opacity: 0.95; } - .\32xl\:focus-within\:shadow-md:focus-within { - --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .\32xl\:ring-opacity-100 { + --tw-ring-opacity: 1; } - .\32xl\:focus-within\:shadow-lg:focus-within { - --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .\32xl\:focus-within\:ring-opacity-0:focus-within { + --tw-ring-opacity: 0; } - .\32xl\:focus-within\:shadow-xl:focus-within { - --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .\32xl\:focus-within\:ring-opacity-5:focus-within { + --tw-ring-opacity: 0.05; } - .\32xl\:focus-within\:shadow-2xl:focus-within { - --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .\32xl\:focus-within\:ring-opacity-10:focus-within { + --tw-ring-opacity: 0.1; } - .\32xl\:focus-within\:shadow-inner:focus-within { - --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .\32xl\:focus-within\:ring-opacity-20:focus-within { + --tw-ring-opacity: 0.2; } - .\32xl\:focus-within\:shadow-none:focus-within { - --tw-shadow: 0 0 #0000; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .\32xl\:focus-within\:ring-opacity-25:focus-within { + --tw-ring-opacity: 0.25; } - .\32xl\:hover\:shadow-sm:hover { - --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .\32xl\:focus-within\:ring-opacity-30:focus-within { + --tw-ring-opacity: 0.3; } - .\32xl\:hover\:shadow:hover { - --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .\32xl\:focus-within\:ring-opacity-40:focus-within { + --tw-ring-opacity: 0.4; } - .\32xl\:hover\:shadow-md:hover { - --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .\32xl\:focus-within\:ring-opacity-50:focus-within { + --tw-ring-opacity: 0.5; } - .\32xl\:hover\:shadow-lg:hover { - --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .\32xl\:focus-within\:ring-opacity-60:focus-within { + --tw-ring-opacity: 0.6; } - .\32xl\:hover\:shadow-xl:hover { - --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .\32xl\:focus-within\:ring-opacity-70:focus-within { + --tw-ring-opacity: 0.7; } - .\32xl\:hover\:shadow-2xl:hover { - --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .\32xl\:focus-within\:ring-opacity-75:focus-within { + --tw-ring-opacity: 0.75; } - .\32xl\:hover\:shadow-inner:hover { - --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .\32xl\:focus-within\:ring-opacity-80:focus-within { + --tw-ring-opacity: 0.8; } - .\32xl\:hover\:shadow-none:hover { - --tw-shadow: 0 0 #0000; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .\32xl\:focus-within\:ring-opacity-90:focus-within { + --tw-ring-opacity: 0.9; } - .\32xl\:focus\:shadow-sm:focus { - --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .\32xl\:focus-within\:ring-opacity-95:focus-within { + --tw-ring-opacity: 0.95; } - .\32xl\:focus\:shadow:focus { - --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .\32xl\:focus-within\:ring-opacity-100:focus-within { + --tw-ring-opacity: 1; } - .\32xl\:focus\:shadow-md:focus { - --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .\32xl\:focus\:ring-opacity-0:focus { + --tw-ring-opacity: 0; } - .\32xl\:focus\:shadow-lg:focus { - --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .\32xl\:focus\:ring-opacity-5:focus { + --tw-ring-opacity: 0.05; } - .\32xl\:focus\:shadow-xl:focus { - --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .\32xl\:focus\:ring-opacity-10:focus { + --tw-ring-opacity: 0.1; } - .\32xl\:focus\:shadow-2xl:focus { - --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .\32xl\:focus\:ring-opacity-20:focus { + --tw-ring-opacity: 0.2; } - .\32xl\:focus\:shadow-inner:focus { - --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .\32xl\:focus\:ring-opacity-25:focus { + --tw-ring-opacity: 0.25; } - .\32xl\:focus\:shadow-none:focus { - --tw-shadow: 0 0 #0000; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + .\32xl\:focus\:ring-opacity-30:focus { + --tw-ring-opacity: 0.3; } - .\32xl\:outline-none { - outline: 2px solid transparent; - outline-offset: 2px; + .\32xl\:focus\:ring-opacity-40:focus { + --tw-ring-opacity: 0.4; } - .\32xl\:outline-white { - outline: 2px dotted white; - outline-offset: 2px; + .\32xl\:focus\:ring-opacity-50:focus { + --tw-ring-opacity: 0.5; } - .\32xl\:outline-black { - outline: 2px dotted black; - outline-offset: 2px; + .\32xl\:focus\:ring-opacity-60:focus { + --tw-ring-opacity: 0.6; } - .\32xl\:focus-within\:outline-none:focus-within { - outline: 2px solid transparent; - outline-offset: 2px; + .\32xl\:focus\:ring-opacity-70:focus { + --tw-ring-opacity: 0.7; } - .\32xl\:focus-within\:outline-white:focus-within { - outline: 2px dotted white; - outline-offset: 2px; + .\32xl\:focus\:ring-opacity-75:focus { + --tw-ring-opacity: 0.75; } - .\32xl\:focus-within\:outline-black:focus-within { - outline: 2px dotted black; - outline-offset: 2px; + .\32xl\:focus\:ring-opacity-80:focus { + --tw-ring-opacity: 0.8; } - .\32xl\:focus\:outline-none:focus { - outline: 2px solid transparent; - outline-offset: 2px; + .\32xl\:focus\:ring-opacity-90:focus { + --tw-ring-opacity: 0.9; } - .\32xl\:focus\:outline-white:focus { - outline: 2px dotted white; - outline-offset: 2px; + .\32xl\:focus\:ring-opacity-95:focus { + --tw-ring-opacity: 0.95; } - .\32xl\:focus\:outline-black:focus { - outline: 2px dotted black; - outline-offset: 2px; + .\32xl\:focus\:ring-opacity-100:focus { + --tw-ring-opacity: 1; } - .\32xl\: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); + .\32xl\:ring-offset-0 { + --tw-ring-offset-width: 0px; } - .\32xl\: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); + .\32xl\:ring-offset-1 { + --tw-ring-offset-width: 1px; } - .\32xl\: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); + .\32xl\:ring-offset-2 { + --tw-ring-offset-width: 2px; } - .\32xl\: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); + .\32xl\:ring-offset-4 { + --tw-ring-offset-width: 4px; } - .\32xl\:ring-8 { - --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(8px + 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); + .\32xl\:ring-offset-8 { + --tw-ring-offset-width: 8px; } - .\32xl\: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); + .\32xl\:focus-within\:ring-offset-0:focus-within { + --tw-ring-offset-width: 0px; } - .\32xl\:focus-within\:ring-0:focus-within { - --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(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); + .\32xl\:focus-within\:ring-offset-1:focus-within { + --tw-ring-offset-width: 1px; } - .\32xl\:focus-within\:ring-1:focus-within { - --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); - box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); + .\32xl\:focus-within\:ring-offset-2:focus-within { + --tw-ring-offset-width: 2px; } - .\32xl\:focus-within\:ring-2:focus-within { - --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); - box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); + .\32xl\:focus-within\:ring-offset-4:focus-within { + --tw-ring-offset-width: 4px; } - .\32xl\:focus-within\:ring-4:focus-within { - --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(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); + .\32xl\:focus-within\:ring-offset-8:focus-within { + --tw-ring-offset-width: 8px; } - .\32xl\:focus-within\:ring-8:focus-within { - --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + 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); + .\32xl\:focus\:ring-offset-0:focus { + --tw-ring-offset-width: 0px; } - .\32xl\:focus-within\:ring:focus-within { - --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(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); + .\32xl\:focus\:ring-offset-1:focus { + --tw-ring-offset-width: 1px; } - .\32xl\: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); + .\32xl\:focus\:ring-offset-2:focus { + --tw-ring-offset-width: 2px; } - .\32xl\: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); + .\32xl\:focus\:ring-offset-4:focus { + --tw-ring-offset-width: 4px; } - .\32xl\: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); + .\32xl\:focus\:ring-offset-8:focus { + --tw-ring-offset-width: 8px; } - .\32xl\:focus\:ring-4:focus { - --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color); - box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); + .\32xl\:ring-offset-colors-black { + --tw-ring-offset-color: var(--colors-black, #000000); } - .\32xl\:focus\:ring-8: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(8px + 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); + .\32xl\:ring-offset-colors-white { + --tw-ring-offset-color: var(--colors-white, #ffffff); } - .\32xl\:focus\:ring: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(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); + .\32xl\:ring-offset-colors-gray-100 { + --tw-ring-offset-color: var(--colors-gray-100, #f7fafc); } - .\32xl\:ring-inset { - --tw-ring-inset: inset; + .\32xl\:ring-offset-colors-gray-200 { + --tw-ring-offset-color: var(--colors-gray-200, #edf2f7); } - .\32xl\:focus-within\:ring-inset:focus-within { - --tw-ring-inset: inset; + .\32xl\:ring-offset-colors-gray-300 { + --tw-ring-offset-color: var(--colors-gray-300, #e2e8f0); } - .\32xl\:focus\:ring-inset:focus { - --tw-ring-inset: inset; + .\32xl\:ring-offset-colors-gray-400 { + --tw-ring-offset-color: var(--colors-gray-400, #cbd5e0); } - .\32xl\:ring-transparent { - --tw-ring-color: transparent; + .\32xl\:ring-offset-colors-gray-500 { + --tw-ring-offset-color: var(--colors-gray-500, #a0aec0); } - .\32xl\:ring-current { - --tw-ring-color: currentColor; + .\32xl\:ring-offset-colors-gray-600 { + --tw-ring-offset-color: var(--colors-gray-600, #718096); } - .\32xl\:ring-black { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity)); + .\32xl\:ring-offset-colors-gray-700 { + --tw-ring-offset-color: var(--colors-gray-700, #4a5568); } - .\32xl\:ring-white { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity)); + .\32xl\:ring-offset-colors-gray-800 { + --tw-ring-offset-color: var(--colors-gray-800, #2d3748); } - .\32xl\:ring-gray-50 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity)); + .\32xl\:ring-offset-colors-gray-900 { + --tw-ring-offset-color: var(--colors-gray-900, #1a202c); } - .\32xl\:ring-gray-100 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity)); + .\32xl\:ring-offset-colors-red-100 { + --tw-ring-offset-color: var(--colors-red-100, #fff5f5); } - .\32xl\:ring-gray-200 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity)); + .\32xl\:ring-offset-colors-red-200 { + --tw-ring-offset-color: var(--colors-red-200, #fed7d7); } - .\32xl\:ring-gray-300 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity)); + .\32xl\:ring-offset-colors-red-300 { + --tw-ring-offset-color: var(--colors-red-300, #feb2b2); } - .\32xl\:ring-gray-400 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity)); + .\32xl\:ring-offset-colors-red-400 { + --tw-ring-offset-color: var(--colors-red-400, #fc8181); } - .\32xl\:ring-gray-500 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity)); + .\32xl\:ring-offset-colors-red-500 { + --tw-ring-offset-color: var(--colors-red-500, #f56565); } - .\32xl\:ring-gray-600 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity)); + .\32xl\:ring-offset-colors-red-600 { + --tw-ring-offset-color: var(--colors-red-600, #e53e3e); } - .\32xl\:ring-gray-700 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity)); + .\32xl\:ring-offset-colors-red-700 { + --tw-ring-offset-color: var(--colors-red-700, #c53030); } - .\32xl\:ring-gray-800 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity)); + .\32xl\:ring-offset-colors-red-800 { + --tw-ring-offset-color: var(--colors-red-800, #9b2c2c); } - .\32xl\:ring-gray-900 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity)); + .\32xl\:ring-offset-colors-red-900 { + --tw-ring-offset-color: var(--colors-red-900, #742a2a); } - .\32xl\:ring-red-50 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity)); + .\32xl\:ring-offset-colors-orange-100 { + --tw-ring-offset-color: var(--colors-orange-100, #fffaf0); } - .\32xl\:ring-red-100 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity)); + .\32xl\:ring-offset-colors-orange-200 { + --tw-ring-offset-color: var(--colors-orange-200, #feebc8); } - .\32xl\:ring-red-200 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity)); + .\32xl\:ring-offset-colors-orange-300 { + --tw-ring-offset-color: var(--colors-orange-300, #fbd38d); } - .\32xl\:ring-red-300 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity)); + .\32xl\:ring-offset-colors-orange-400 { + --tw-ring-offset-color: var(--colors-orange-400, #f6ad55); } - .\32xl\:ring-red-400 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity)); + .\32xl\:ring-offset-colors-orange-500 { + --tw-ring-offset-color: var(--colors-orange-500, #ed8936); } - .\32xl\:ring-red-500 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity)); + .\32xl\:ring-offset-colors-orange-600 { + --tw-ring-offset-color: var(--colors-orange-600, #dd6b20); } - .\32xl\:ring-red-600 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity)); + .\32xl\:ring-offset-colors-orange-700 { + --tw-ring-offset-color: var(--colors-orange-700, #c05621); } - .\32xl\:ring-red-700 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity)); + .\32xl\:ring-offset-colors-orange-800 { + --tw-ring-offset-color: var(--colors-orange-800, #9c4221); } - .\32xl\:ring-red-800 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity)); + .\32xl\:ring-offset-colors-orange-900 { + --tw-ring-offset-color: var(--colors-orange-900, #7b341e); } - .\32xl\:ring-red-900 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity)); + .\32xl\:ring-offset-colors-yellow-100 { + --tw-ring-offset-color: var(--colors-yellow-100, #fffff0); } - .\32xl\:ring-yellow-50 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity)); + .\32xl\:ring-offset-colors-yellow-200 { + --tw-ring-offset-color: var(--colors-yellow-200, #fefcbf); } - .\32xl\:ring-yellow-100 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity)); + .\32xl\:ring-offset-colors-yellow-300 { + --tw-ring-offset-color: var(--colors-yellow-300, #faf089); } - .\32xl\:ring-yellow-200 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity)); + .\32xl\:ring-offset-colors-yellow-400 { + --tw-ring-offset-color: var(--colors-yellow-400, #f6e05e); } - .\32xl\:ring-yellow-300 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity)); + .\32xl\:ring-offset-colors-yellow-500 { + --tw-ring-offset-color: var(--colors-yellow-500, #ecc94b); } - .\32xl\:ring-yellow-400 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity)); + .\32xl\:ring-offset-colors-yellow-600 { + --tw-ring-offset-color: var(--colors-yellow-600, #d69e2e); } - .\32xl\:ring-yellow-500 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity)); + .\32xl\:ring-offset-colors-yellow-700 { + --tw-ring-offset-color: var(--colors-yellow-700, #b7791f); } - .\32xl\:ring-yellow-600 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity)); + .\32xl\:ring-offset-colors-yellow-800 { + --tw-ring-offset-color: var(--colors-yellow-800, #975a16); } - .\32xl\:ring-yellow-700 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity)); + .\32xl\:ring-offset-colors-yellow-900 { + --tw-ring-offset-color: var(--colors-yellow-900, #744210); } - .\32xl\:ring-yellow-800 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity)); + .\32xl\:ring-offset-colors-green-100 { + --tw-ring-offset-color: var(--colors-green-100, #f0fff4); } - .\32xl\:ring-yellow-900 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity)); + .\32xl\:ring-offset-colors-green-200 { + --tw-ring-offset-color: var(--colors-green-200, #c6f6d5); } - .\32xl\:ring-green-50 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity)); + .\32xl\:ring-offset-colors-green-300 { + --tw-ring-offset-color: var(--colors-green-300, #9ae6b4); } - .\32xl\:ring-green-100 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity)); + .\32xl\:ring-offset-colors-green-400 { + --tw-ring-offset-color: var(--colors-green-400, #68d391); } - .\32xl\:ring-green-200 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity)); + .\32xl\:ring-offset-colors-green-500 { + --tw-ring-offset-color: var(--colors-green-500, #48bb78); } - .\32xl\:ring-green-300 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity)); + .\32xl\:ring-offset-colors-green-600 { + --tw-ring-offset-color: var(--colors-green-600, #38a169); } - .\32xl\:ring-green-400 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity)); + .\32xl\:ring-offset-colors-green-700 { + --tw-ring-offset-color: var(--colors-green-700, #2f855a); } - .\32xl\:ring-green-500 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity)); + .\32xl\:ring-offset-colors-green-800 { + --tw-ring-offset-color: var(--colors-green-800, #276749); } - .\32xl\:ring-green-600 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity)); + .\32xl\:ring-offset-colors-green-900 { + --tw-ring-offset-color: var(--colors-green-900, #22543d); } - .\32xl\:ring-green-700 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity)); + .\32xl\:ring-offset-colors-teal-100 { + --tw-ring-offset-color: var(--colors-teal-100, #e6fffa); } - .\32xl\:ring-green-800 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity)); + .\32xl\:ring-offset-colors-teal-200 { + --tw-ring-offset-color: var(--colors-teal-200, #b2f5ea); } - .\32xl\:ring-green-900 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity)); + .\32xl\:ring-offset-colors-teal-300 { + --tw-ring-offset-color: var(--colors-teal-300, #81e6d9); } - .\32xl\:ring-blue-50 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity)); + .\32xl\:ring-offset-colors-teal-400 { + --tw-ring-offset-color: var(--colors-teal-400, #4fd1c5); } - .\32xl\:ring-blue-100 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity)); + .\32xl\:ring-offset-colors-teal-500 { + --tw-ring-offset-color: var(--colors-teal-500, #38b2ac); } - .\32xl\:ring-blue-200 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity)); + .\32xl\:ring-offset-colors-teal-600 { + --tw-ring-offset-color: var(--colors-teal-600, #319795); } - .\32xl\:ring-blue-300 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity)); + .\32xl\:ring-offset-colors-teal-700 { + --tw-ring-offset-color: var(--colors-teal-700, #2c7a7b); } - .\32xl\:ring-blue-400 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity)); + .\32xl\:ring-offset-colors-teal-800 { + --tw-ring-offset-color: var(--colors-teal-800, #285e61); } - .\32xl\:ring-blue-500 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity)); + .\32xl\:ring-offset-colors-teal-900 { + --tw-ring-offset-color: var(--colors-teal-900, #234e52); } - .\32xl\:ring-blue-600 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity)); + .\32xl\:ring-offset-colors-blue-100 { + --tw-ring-offset-color: var(--colors-blue-100, #ebf8ff); } - .\32xl\:ring-blue-700 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity)); + .\32xl\:ring-offset-colors-blue-200 { + --tw-ring-offset-color: var(--colors-blue-200, #bee3f8); } - .\32xl\:ring-blue-800 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity)); + .\32xl\:ring-offset-colors-blue-300 { + --tw-ring-offset-color: var(--colors-blue-300, #90cdf4); } - .\32xl\:ring-blue-900 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity)); + .\32xl\:ring-offset-colors-blue-400 { + --tw-ring-offset-color: var(--colors-blue-400, #63b3ed); } - .\32xl\:ring-indigo-50 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity)); + .\32xl\:ring-offset-colors-blue-500 { + --tw-ring-offset-color: var(--colors-blue-500, #4299e1); } - .\32xl\:ring-indigo-100 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity)); + .\32xl\:ring-offset-colors-blue-600 { + --tw-ring-offset-color: var(--colors-blue-600, #3182ce); } - .\32xl\:ring-indigo-200 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity)); + .\32xl\:ring-offset-colors-blue-700 { + --tw-ring-offset-color: var(--colors-blue-700, #2b6cb0); } - .\32xl\:ring-indigo-300 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity)); + .\32xl\:ring-offset-colors-blue-800 { + --tw-ring-offset-color: var(--colors-blue-800, #2c5282); } - .\32xl\:ring-indigo-400 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity)); + .\32xl\:ring-offset-colors-blue-900 { + --tw-ring-offset-color: var(--colors-blue-900, #2a4365); } - .\32xl\:ring-indigo-500 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity)); + .\32xl\:ring-offset-colors-indigo-100 { + --tw-ring-offset-color: var(--colors-indigo-100, #ebf4ff); } - .\32xl\:ring-indigo-600 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity)); + .\32xl\:ring-offset-colors-indigo-200 { + --tw-ring-offset-color: var(--colors-indigo-200, #c3dafe); } - .\32xl\:ring-indigo-700 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity)); + .\32xl\:ring-offset-colors-indigo-300 { + --tw-ring-offset-color: var(--colors-indigo-300, #a3bffa); } - .\32xl\:ring-indigo-800 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity)); + .\32xl\:ring-offset-colors-indigo-400 { + --tw-ring-offset-color: var(--colors-indigo-400, #7f9cf5); } - .\32xl\:ring-indigo-900 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity)); + .\32xl\:ring-offset-colors-indigo-500 { + --tw-ring-offset-color: var(--colors-indigo-500, #667eea); } - .\32xl\:ring-purple-50 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity)); + .\32xl\:ring-offset-colors-indigo-600 { + --tw-ring-offset-color: var(--colors-indigo-600, #5a67d8); } - .\32xl\:ring-purple-100 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity)); + .\32xl\:ring-offset-colors-indigo-700 { + --tw-ring-offset-color: var(--colors-indigo-700, #4c51bf); } - .\32xl\:ring-purple-200 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity)); + .\32xl\:ring-offset-colors-indigo-800 { + --tw-ring-offset-color: var(--colors-indigo-800, #434190); } - .\32xl\:ring-purple-300 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity)); + .\32xl\:ring-offset-colors-indigo-900 { + --tw-ring-offset-color: var(--colors-indigo-900, #3c366b); } - .\32xl\:ring-purple-400 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity)); + .\32xl\:ring-offset-colors-purple-100 { + --tw-ring-offset-color: var(--colors-purple-100, #faf5ff); } - .\32xl\:ring-purple-500 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity)); + .\32xl\:ring-offset-colors-purple-200 { + --tw-ring-offset-color: var(--colors-purple-200, #e9d8fd); } - .\32xl\:ring-purple-600 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity)); + .\32xl\:ring-offset-colors-purple-300 { + --tw-ring-offset-color: var(--colors-purple-300, #d6bcfa); } - .\32xl\:ring-purple-700 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity)); + .\32xl\:ring-offset-colors-purple-400 { + --tw-ring-offset-color: var(--colors-purple-400, #b794f4); } - .\32xl\:ring-purple-800 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity)); + .\32xl\:ring-offset-colors-purple-500 { + --tw-ring-offset-color: var(--colors-purple-500, #9f7aea); } - .\32xl\:ring-purple-900 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity)); + .\32xl\:ring-offset-colors-purple-600 { + --tw-ring-offset-color: var(--colors-purple-600, #805ad5); } - .\32xl\:ring-pink-50 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity)); + .\32xl\:ring-offset-colors-purple-700 { + --tw-ring-offset-color: var(--colors-purple-700, #6b46c1); } - .\32xl\:ring-pink-100 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity)); + .\32xl\:ring-offset-colors-purple-800 { + --tw-ring-offset-color: var(--colors-purple-800, #553c9a); } - .\32xl\:ring-pink-200 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity)); + .\32xl\:ring-offset-colors-purple-900 { + --tw-ring-offset-color: var(--colors-purple-900, #44337a); } - .\32xl\:ring-pink-300 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity)); + .\32xl\:ring-offset-colors-pink-100 { + --tw-ring-offset-color: var(--colors-pink-100, #fff5f7); } - .\32xl\:ring-pink-400 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity)); + .\32xl\:ring-offset-colors-pink-200 { + --tw-ring-offset-color: var(--colors-pink-200, #fed7e2); } - .\32xl\:ring-pink-500 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity)); + .\32xl\:ring-offset-colors-pink-300 { + --tw-ring-offset-color: var(--colors-pink-300, #fbb6ce); } - .\32xl\:ring-pink-600 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity)); + .\32xl\:ring-offset-colors-pink-400 { + --tw-ring-offset-color: var(--colors-pink-400, #f687b3); } - .\32xl\:ring-pink-700 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity)); + .\32xl\:ring-offset-colors-pink-500 { + --tw-ring-offset-color: var(--colors-pink-500, #ed64a6); } - .\32xl\:ring-pink-800 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity)); + .\32xl\:ring-offset-colors-pink-600 { + --tw-ring-offset-color: var(--colors-pink-600, #d53f8c); } - .\32xl\:ring-pink-900 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity)); + .\32xl\:ring-offset-colors-pink-700 { + --tw-ring-offset-color: var(--colors-pink-700, #b83280); } - .\32xl\:focus-within\:ring-transparent:focus-within { - --tw-ring-color: transparent; + .\32xl\:ring-offset-colors-pink-800 { + --tw-ring-offset-color: var(--colors-pink-800, #97266d); } - .\32xl\:focus-within\:ring-current:focus-within { - --tw-ring-color: currentColor; + .\32xl\:ring-offset-colors-pink-900 { + --tw-ring-offset-color: var(--colors-pink-900, #702459); } - .\32xl\:focus-within\:ring-black:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity)); + .\32xl\:ring-offset-Box\ Shadow { + --tw-ring-offset-color: var(--box-shadow, #7f7e7f); } - .\32xl\:focus-within\:ring-white:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity)); + .\32xl\:ring-offset-Error16 { + --tw-ring-offset-color: var(--error16, #f03d3e40); } - .\32xl\:focus-within\:ring-gray-50:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity)); + .\32xl\:ring-offset-Success16 { + --tw-ring-offset-color: var(--success16, #5bb14d40); } - .\32xl\:focus-within\:ring-gray-100:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity)); + .\32xl\:ring-offset-Notification16 { + --tw-ring-offset-color: var(--notification16, #3959ff40); } - .\32xl\:focus-within\:ring-gray-200:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity)); + .\32xl\:ring-offset-Error8 { + --tw-ring-offset-color: var(--error8, #f03d3e1a); } - .\32xl\:focus-within\:ring-gray-300:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity)); + .\32xl\:ring-offset-Notification8 { + --tw-ring-offset-color: var(--notification8, #3959ff1a); } - .\32xl\:focus-within\:ring-gray-400:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity)); + .\32xl\:ring-offset-Success8 { + --tw-ring-offset-color: var(--success8, #5bb14d1a); } - .\32xl\:focus-within\:ring-gray-500:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity)); + .\32xl\:ring-offset-Light\ -\ Overlay { + --tw-ring-offset-color: var(--light-overlay, #f0edee66); } - .\32xl\:focus-within\:ring-gray-600:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity)); + .\32xl\:ring-offset-Dark-\ Overlay { + --tw-ring-offset-color: var(--dark-overlay, #7f7e7f66); } - .\32xl\:focus-within\:ring-gray-700:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity)); + .\32xl\:ring-offset-black-40 { + --tw-ring-offset-color: var(--black-40, #00000066); } - .\32xl\:focus-within\:ring-gray-800:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity)); + .\32xl\:ring-offset-black-75 { + --tw-ring-offset-color: var(--black-75, #000000bf); } - .\32xl\:focus-within\:ring-gray-900:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity)); + .\32xl\:ring-offset-black-60 { + --tw-ring-offset-color: var(--black-60, #00000099); } - .\32xl\:focus-within\:ring-red-50:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity)); + .\32xl\:ring-offset-black-50 { + --tw-ring-offset-color: var(--black-50, #00000080); } - .\32xl\:focus-within\:ring-red-100:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity)); + .\32xl\:ring-offset-black-25 { + --tw-ring-offset-color: var(--black-25, #00000040); } - .\32xl\:focus-within\:ring-red-200:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity)); + .\32xl\:ring-offset-black-10 { + --tw-ring-offset-color: var(--black-10, #0000001a); } - .\32xl\:focus-within\:ring-red-300:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity)); + .\32xl\:ring-offset-white-25 { + --tw-ring-offset-color: var(--white-25, #ffffff40); } - .\32xl\:focus-within\:ring-red-400:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity)); + .\32xl\:ring-offset-white-60 { + --tw-ring-offset-color: var(--white-60, #ffffff99); } - .\32xl\:focus-within\:ring-red-500:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity)); + .\32xl\:ring-offset-black-64 { + --tw-ring-offset-color: var(--black-64, #000000a3); } - .\32xl\:focus-within\:ring-red-600:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity)); + .\32xl\:ring-offset-Shadow\ and\ Highlight-Shadow { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .\32xl\:focus-within\:ring-red-700:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity)); + .\32xl\:ring-offset-Shadow\ and\ Highlight-Highlight { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight, #474747); } - .\32xl\:focus-within\:ring-red-800:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity)); + .\32xl\:ring-offset-Shadow\ and\ Highlight-highlight\ one { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .\32xl\:focus-within\:ring-red-900:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity)); + .\32xl\:ring-offset-Shadow\ and\ Highlight-highlight\ two { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-two, #47474799); } - .\32xl\:focus-within\:ring-yellow-50:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity)); + .\32xl\:ring-offset-Shadow\ and\ Highlight-highlight\ three { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-three, #47474766); } - .\32xl\:focus-within\:ring-yellow-100:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity)); + .\32xl\:ring-offset-Shadow\ and\ Highlight-highlight\ five { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .\32xl\:focus-within\:ring-yellow-200:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity)); + .\32xl\:ring-offset-Shadow\ and\ Highlight-shadow\ one { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .\32xl\:focus-within\:ring-yellow-300:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity)); + .\32xl\:ring-offset-Shadow\ and\ Highlight-shadow\ two { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .\32xl\:focus-within\:ring-yellow-400:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity)); + .\32xl\:ring-offset-Shadow\ and\ Highlight-shadow\ three { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .\32xl\:focus-within\:ring-yellow-500:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity)); + .\32xl\:ring-offset-Shadow\ and\ Highlight-shadow\ four { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .\32xl\:focus-within\:ring-yellow-600:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity)); + .\32xl\:ring-offset-Shadow\ and\ Highlight-shadow\ five { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .\32xl\:focus-within\:ring-yellow-700:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity)); + .\32xl\:ring-offset-Shadow\ and\ Highlight-highlight\ four { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-four, #47474740); } - .\32xl\:focus-within\:ring-yellow-800:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity)); + .\32xl\:ring-offset-Base\ Layer\ Styles-Base\ Layer-\ Light-White { + --tw-ring-offset-color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .\32xl\:focus-within\:ring-yellow-900:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity)); + .\32xl\:ring-offset-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite { + --tw-ring-offset-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .\32xl\:focus-within\:ring-green-50:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity)); + .\32xl\:ring-offset-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack { + --tw-ring-offset-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .\32xl\:focus-within\:ring-green-100:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity)); + .\32xl\:ring-offset-Base\ Layer\ Styles-Base\ Layer-Dark-Black { + --tw-ring-offset-color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .\32xl\:focus-within\:ring-green-200:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity)); + .\32xl\:ring-offset-Grey-Scale-white { + --tw-ring-offset-color: var(--grey-scale-white, #ffffff); } - .\32xl\:focus-within\:ring-green-300:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity)); + .\32xl\:ring-offset-Grey-Scale-off-white { + --tw-ring-offset-color: var(--grey-scale-off-white, #f0edee); } - .\32xl\:focus-within\:ring-green-400:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity)); + .\32xl\:ring-offset-Grey\ Scale-grey { + --tw-ring-offset-color: var(--grey-scale-grey, #7f7e7f); } - .\32xl\:focus-within\:ring-green-500:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity)); + .\32xl\:ring-offset-Grey\ Scale-charcoal { + --tw-ring-offset-color: var(--grey-scale-charcoal, #474747); } - .\32xl\:focus-within\:ring-green-600:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity)); + .\32xl\:ring-offset-Grey\ Scale-off-black { + --tw-ring-offset-color: var(--grey-scale-off-black, #1c1c1c); } - .\32xl\:focus-within\:ring-green-700:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity)); + .\32xl\:ring-offset-Grey\ Scale-black { + --tw-ring-offset-color: var(--grey-scale-black, #000000); } - .\32xl\:focus-within\:ring-green-800:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity)); + .\32xl\:ring-offset-Blue-blue { + --tw-ring-offset-color: var(--blue-blue, #3a7ca5); } - .\32xl\:focus-within\:ring-green-900:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity)); + .\32xl\:ring-offset-Blue-blue-100 { + --tw-ring-offset-color: var(--blue-blue-100, #75a3c0); } - .\32xl\:focus-within\:ring-blue-50:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity)); + .\32xl\:ring-offset-Blue-blue-200 { + --tw-ring-offset-color: var(--blue-blue-200, #9cbed2); } - .\32xl\:focus-within\:ring-blue-100:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity)); + .\32xl\:ring-offset-Blue-blue-300 { + --tw-ring-offset-color: var(--blue-blue-300, #4f7d9a); } - .\32xl\:focus-within\:ring-blue-200:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity)); + .\32xl\:ring-offset-Blue-blue-400 { + --tw-ring-offset-color: var(--blue-blue-400, #5c7d92); } - .\32xl\:focus-within\:ring-blue-300:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity)); + .\32xl\:ring-offset-Blue-blue-500 { + --tw-ring-offset-color: var(--blue-blue-500, #347095); } - .\32xl\:focus-within\:ring-blue-400:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity)); + .\32xl\:ring-offset-Blue-blue-600 { + --tw-ring-offset-color: var(--blue-blue-600, #295774); } - .\32xl\:focus-within\:ring-blue-500:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity)); + .\32xl\:ring-offset-Blue-blue-700 { + --tw-ring-offset-color: var(--blue-blue-700, #173242); } - .\32xl\:focus-within\:ring-blue-600:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity)); + .\32xl\:ring-offset-LightBlue-lightblue { + --tw-ring-offset-color: var(--light-blue-lightblue, #81c3d7); } - .\32xl\:focus-within\:ring-blue-700:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity)); + .\32xl\:ring-offset-LightBlue-lightblue-100 { + --tw-ring-offset-color: var(--light-blue-lightblue-100, #a7d5e3); } - .\32xl\:focus-within\:ring-blue-800:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity)); + .\32xl\:ring-offset-LightBlue-lightblue-200 { + --tw-ring-offset-color: var(--light-blue-lightblue-200, #c0e1eb); } - .\32xl\:focus-within\:ring-blue-900:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity)); + .\32xl\:ring-offset-LightBlue-lightblue-300 { + --tw-ring-offset-color: var(--light-blue-lightblue-300, #80aebd); } - .\32xl\:focus-within\:ring-indigo-50:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity)); + .\32xl\:ring-offset-LightBlue-lightblue-400 { + --tw-ring-offset-color: var(--light-blue-lightblue-400, #80a0ab); } - .\32xl\:focus-within\:ring-indigo-100:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity)); + .\32xl\:ring-offset-LightBlue-lightblue-500 { + --tw-ring-offset-color: var(--light-blue-lightblue-500, #74afc1); } - .\32xl\:focus-within\:ring-indigo-200:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity)); + .\32xl\:ring-offset-LightBlue-lightblue-600 { + --tw-ring-offset-color: var(--light-blue-lightblue-600, #5a8997); } - .\32xl\:focus-within\:ring-indigo-300:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity)); + .\32xl\:ring-offset-LightBlue-lightblue-650 { + --tw-ring-offset-color: var(--light-blue-lightblue-650, #3e5e65); } - .\32xl\:focus-within\:ring-indigo-400:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity)); + .\32xl\:ring-offset-LightBlue-lightblue-700 { + --tw-ring-offset-color: var(--light-blue-lightblue-700, #344e56); } - .\32xl\:focus-within\:ring-indigo-500:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity)); + .\32xl\:ring-offset-Orange-orange { + --tw-ring-offset-color: var(--orange-orange, #ff7f0e); } - .\32xl\:focus-within\:ring-indigo-600:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity)); + .\32xl\:ring-offset-Orange-orange-100 { + --tw-ring-offset-color: var(--orange-orange-100, #ffa556); } - .\32xl\:focus-within\:ring-indigo-700:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity)); + .\32xl\:ring-offset-Orange-orange-200 { + --tw-ring-offset-color: var(--orange-orange-200, #ffbf86); } - .\32xl\:focus-within\:ring-indigo-800:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity)); + .\32xl\:ring-offset-Orange-orange-300 { + --tw-ring-offset-color: var(--orange-orange-300, #d97f30); } - .\32xl\:focus-within\:ring-indigo-900:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity)); + .\32xl\:ring-offset-Orange-orange-400 { + --tw-ring-offset-color: var(--orange-orange-400, #bf7e46); } - .\32xl\:focus-within\:ring-purple-50:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity)); + .\32xl\:ring-offset-Orange-orange-500 { + --tw-ring-offset-color: var(--orange-orange-500, #e5720d); } - .\32xl\:focus-within\:ring-purple-100:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity)); + .\32xl\:ring-offset-Orange-orange-600 { + --tw-ring-offset-color: var(--orange-orange-600, #b3590a); } - .\32xl\:focus-within\:ring-purple-200:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity)); + .\32xl\:ring-offset-Orange-orange-700 { + --tw-ring-offset-color: var(--orange-orange-700, #663306); } - .\32xl\:focus-within\:ring-purple-300:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity)); + .\32xl\:ring-offset-Yellow-yellow { + --tw-ring-offset-color: var(--yellow-yellow, #ffab00); } - .\32xl\:focus-within\:ring-purple-400:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity)); + .\32xl\:ring-offset-Yellow-yellow-100 { + --tw-ring-offset-color: var(--yellow-yellow-100, #ffc44c); } - .\32xl\:focus-within\:ring-purple-500:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity)); + .\32xl\:ring-offset-Yellow-yellow-200 { + --tw-ring-offset-color: var(--yellow-yellow-200, #ffd580); } - .\32xl\:focus-within\:ring-purple-600:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity)); + .\32xl\:ring-offset-Yellow-yellow-300 { + --tw-ring-offset-color: var(--yellow-yellow-300, #d99d26); } - .\32xl\:focus-within\:ring-purple-700:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity)); + .\32xl\:ring-offset-Yellow-yellow-400 { + --tw-ring-offset-color: var(--yellow-yellow-400, #bf943f); } - .\32xl\:focus-within\:ring-purple-800:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity)); + .\32xl\:ring-offset-Yellow-yellow-500 { + --tw-ring-offset-color: var(--yellow-yellow-500, #e59a00); } - .\32xl\:focus-within\:ring-purple-900:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity)); + .\32xl\:ring-offset-Yellow-yellow-600 { + --tw-ring-offset-color: var(--yellow-yellow-600, #b37800); } - .\32xl\:focus-within\:ring-pink-50:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity)); + .\32xl\:ring-offset-Yellow-yellow-700 { + --tw-ring-offset-color: var(--yellow-yellow-700, #664400); } - .\32xl\:focus-within\:ring-pink-100:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity)); + .\32xl\:ring-offset-Notification-notification { + --tw-ring-offset-color: var(--notification-notification, #3959ff); } - .\32xl\:focus-within\:ring-pink-200:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity)); + .\32xl\:ring-offset-Notification-notification-100 { + --tw-ring-offset-color: var(--notification-notification-100, #748bff); } - .\32xl\:focus-within\:ring-pink-300:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity)); + .\32xl\:ring-offset-Notification-notification-200 { + --tw-ring-offset-color: var(--notification-notification-200, #9cacff); } - .\32xl\:focus-within\:ring-pink-400:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity)); + .\32xl\:ring-offset-Notification-notification-300 { + --tw-ring-offset-color: var(--notification-notification-300, #4e64d9); } - .\32xl\:focus-within\:ring-pink-500:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity)); + .\32xl\:ring-offset-Notification-notification-400 { + --tw-ring-offset-color: var(--notification-notification-400, #5c6cbf); } - .\32xl\:focus-within\:ring-pink-600:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity)); + .\32xl\:ring-offset-Notification-notification-500 { + --tw-ring-offset-color: var(--notification-notification-500, #3350e5); } - .\32xl\:focus-within\:ring-pink-700:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity)); + .\32xl\:ring-offset-Notification-notification-600 { + --tw-ring-offset-color: var(--notification-notification-600, #283eb3); } - .\32xl\:focus-within\:ring-pink-800:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity)); + .\32xl\:ring-offset-Notification-notification-700 { + --tw-ring-offset-color: var(--notification-notification-700, #172466); } - .\32xl\:focus-within\:ring-pink-900:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity)); + .\32xl\:ring-offset-Success-success\ -700 { + --tw-ring-offset-color: var(--success-success-700, #24471f); } - .\32xl\:focus\:ring-transparent:focus { - --tw-ring-color: transparent; + .\32xl\:ring-offset-Success-success { + --tw-ring-offset-color: var(--success-success, #5bb14d); } - .\32xl\:focus\:ring-current:focus { - --tw-ring-color: currentColor; + .\32xl\:ring-offset-Success-success\ -100 { + --tw-ring-offset-color: var(--success-success-100, #8cc882); } - .\32xl\:focus\:ring-black:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity)); + .\32xl\:ring-offset-Success-success\ -200 { + --tw-ring-offset-color: var(--success-success-200, #add8a6); } - .\32xl\:focus\:ring-white:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity)); + .\32xl\:ring-offset-Success-success\ -300 { + --tw-ring-offset-color: var(--success-success-300, #66a25c); } - .\32xl\:focus\:ring-gray-50:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity)); + .\32xl\:ring-offset-Success-success\ -400 { + --tw-ring-offset-color: var(--success-success-400, #6d9766); } - .\32xl\:focus\:ring-gray-100:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity)); + .\32xl\:ring-offset-Success-success\ -500 { + --tw-ring-offset-color: var(--success-success-500, #529f45); } - .\32xl\:focus\:ring-gray-200:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity)); + .\32xl\:ring-offset-Success-success\ -600 { + --tw-ring-offset-color: var(--success-success-600, #407c36); } - .\32xl\:focus\:ring-gray-300:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity)); + .\32xl\:ring-offset-Error-error { + --tw-ring-offset-color: var(--error-error, #f03d3e); } - .\32xl\:focus\:ring-gray-400:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity)); + .\32xl\:ring-offset-Error-error-100 { + --tw-ring-offset-color: var(--error-error-100, #f57778); } - .\32xl\:focus\:ring-gray-500:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity)); + .\32xl\:ring-offset-Error-error-200 { + --tw-ring-offset-color: var(--error-error-200, #f89e9e); } - .\32xl\:focus\:ring-gray-600:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity)); + .\32xl\:ring-offset-Error-error-250 { + --tw-ring-offset-color: var(--error-error-250, #f9c8c8); } - .\32xl\:focus\:ring-gray-700:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity)); + .\32xl\:ring-offset-Error-error-300 { + --tw-ring-offset-color: var(--error-error-300, #ce5151); } - .\32xl\:focus\:ring-gray-800:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity)); + .\32xl\:ring-offset-Error-error-400 { + --tw-ring-offset-color: var(--error-error-400, #b85e5e); } - .\32xl\:focus\:ring-gray-900:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity)); + .\32xl\:ring-offset-Error-error-500 { + --tw-ring-offset-color: var(--error-error-500, #d83738); } - .\32xl\:focus\:ring-red-50:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity)); + .\32xl\:ring-offset-Error-error-600 { + --tw-ring-offset-color: var(--error-error-600, #a82b2b); } - .\32xl\:focus\:ring-red-100:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity)); + .\32xl\:ring-offset-Error-error-700 { + --tw-ring-offset-color: var(--error-error-700, #601819); } - .\32xl\:focus\:ring-red-200:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity)); + .\32xl\:focus-within\:ring-offset-colors-black:focus-within { + --tw-ring-offset-color: var(--colors-black, #000000); } - .\32xl\:focus\:ring-red-300:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity)); + .\32xl\:focus-within\:ring-offset-colors-white:focus-within { + --tw-ring-offset-color: var(--colors-white, #ffffff); } - .\32xl\:focus\:ring-red-400:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity)); + .\32xl\:focus-within\:ring-offset-colors-gray-100:focus-within { + --tw-ring-offset-color: var(--colors-gray-100, #f7fafc); } - .\32xl\:focus\:ring-red-500:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity)); + .\32xl\:focus-within\:ring-offset-colors-gray-200:focus-within { + --tw-ring-offset-color: var(--colors-gray-200, #edf2f7); } - .\32xl\:focus\:ring-red-600:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity)); + .\32xl\:focus-within\:ring-offset-colors-gray-300:focus-within { + --tw-ring-offset-color: var(--colors-gray-300, #e2e8f0); } - .\32xl\:focus\:ring-red-700:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity)); + .\32xl\:focus-within\:ring-offset-colors-gray-400:focus-within { + --tw-ring-offset-color: var(--colors-gray-400, #cbd5e0); } - .\32xl\:focus\:ring-red-800:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity)); + .\32xl\:focus-within\:ring-offset-colors-gray-500:focus-within { + --tw-ring-offset-color: var(--colors-gray-500, #a0aec0); } - .\32xl\:focus\:ring-red-900:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity)); + .\32xl\:focus-within\:ring-offset-colors-gray-600:focus-within { + --tw-ring-offset-color: var(--colors-gray-600, #718096); } - .\32xl\:focus\:ring-yellow-50:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity)); + .\32xl\:focus-within\:ring-offset-colors-gray-700:focus-within { + --tw-ring-offset-color: var(--colors-gray-700, #4a5568); } - .\32xl\:focus\:ring-yellow-100:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity)); + .\32xl\:focus-within\:ring-offset-colors-gray-800:focus-within { + --tw-ring-offset-color: var(--colors-gray-800, #2d3748); } - .\32xl\:focus\:ring-yellow-200:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity)); + .\32xl\:focus-within\:ring-offset-colors-gray-900:focus-within { + --tw-ring-offset-color: var(--colors-gray-900, #1a202c); } - .\32xl\:focus\:ring-yellow-300:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity)); + .\32xl\:focus-within\:ring-offset-colors-red-100:focus-within { + --tw-ring-offset-color: var(--colors-red-100, #fff5f5); } - .\32xl\:focus\:ring-yellow-400:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity)); + .\32xl\:focus-within\:ring-offset-colors-red-200:focus-within { + --tw-ring-offset-color: var(--colors-red-200, #fed7d7); } - .\32xl\:focus\:ring-yellow-500:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity)); + .\32xl\:focus-within\:ring-offset-colors-red-300:focus-within { + --tw-ring-offset-color: var(--colors-red-300, #feb2b2); } - .\32xl\:focus\:ring-yellow-600:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity)); + .\32xl\:focus-within\:ring-offset-colors-red-400:focus-within { + --tw-ring-offset-color: var(--colors-red-400, #fc8181); } - .\32xl\:focus\:ring-yellow-700:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity)); + .\32xl\:focus-within\:ring-offset-colors-red-500:focus-within { + --tw-ring-offset-color: var(--colors-red-500, #f56565); } - .\32xl\:focus\:ring-yellow-800:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity)); + .\32xl\:focus-within\:ring-offset-colors-red-600:focus-within { + --tw-ring-offset-color: var(--colors-red-600, #e53e3e); } - .\32xl\:focus\:ring-yellow-900:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity)); + .\32xl\:focus-within\:ring-offset-colors-red-700:focus-within { + --tw-ring-offset-color: var(--colors-red-700, #c53030); } - .\32xl\:focus\:ring-green-50:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity)); + .\32xl\:focus-within\:ring-offset-colors-red-800:focus-within { + --tw-ring-offset-color: var(--colors-red-800, #9b2c2c); } - .\32xl\:focus\:ring-green-100:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity)); + .\32xl\:focus-within\:ring-offset-colors-red-900:focus-within { + --tw-ring-offset-color: var(--colors-red-900, #742a2a); } - .\32xl\:focus\:ring-green-200:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity)); + .\32xl\:focus-within\:ring-offset-colors-orange-100:focus-within { + --tw-ring-offset-color: var(--colors-orange-100, #fffaf0); } - .\32xl\:focus\:ring-green-300:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity)); + .\32xl\:focus-within\:ring-offset-colors-orange-200:focus-within { + --tw-ring-offset-color: var(--colors-orange-200, #feebc8); } - .\32xl\:focus\:ring-green-400:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity)); + .\32xl\:focus-within\:ring-offset-colors-orange-300:focus-within { + --tw-ring-offset-color: var(--colors-orange-300, #fbd38d); } - .\32xl\:focus\:ring-green-500:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity)); + .\32xl\:focus-within\:ring-offset-colors-orange-400:focus-within { + --tw-ring-offset-color: var(--colors-orange-400, #f6ad55); } - .\32xl\:focus\:ring-green-600:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity)); + .\32xl\:focus-within\:ring-offset-colors-orange-500:focus-within { + --tw-ring-offset-color: var(--colors-orange-500, #ed8936); } - .\32xl\:focus\:ring-green-700:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity)); + .\32xl\:focus-within\:ring-offset-colors-orange-600:focus-within { + --tw-ring-offset-color: var(--colors-orange-600, #dd6b20); } - .\32xl\:focus\:ring-green-800:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity)); + .\32xl\:focus-within\:ring-offset-colors-orange-700:focus-within { + --tw-ring-offset-color: var(--colors-orange-700, #c05621); } - .\32xl\:focus\:ring-green-900:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity)); + .\32xl\:focus-within\:ring-offset-colors-orange-800:focus-within { + --tw-ring-offset-color: var(--colors-orange-800, #9c4221); } - .\32xl\:focus\:ring-blue-50:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity)); + .\32xl\:focus-within\:ring-offset-colors-orange-900:focus-within { + --tw-ring-offset-color: var(--colors-orange-900, #7b341e); } - .\32xl\:focus\:ring-blue-100:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity)); + .\32xl\:focus-within\:ring-offset-colors-yellow-100:focus-within { + --tw-ring-offset-color: var(--colors-yellow-100, #fffff0); } - .\32xl\:focus\:ring-blue-200:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity)); + .\32xl\:focus-within\:ring-offset-colors-yellow-200:focus-within { + --tw-ring-offset-color: var(--colors-yellow-200, #fefcbf); } - .\32xl\:focus\:ring-blue-300:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity)); + .\32xl\:focus-within\:ring-offset-colors-yellow-300:focus-within { + --tw-ring-offset-color: var(--colors-yellow-300, #faf089); } - .\32xl\:focus\:ring-blue-400:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity)); + .\32xl\:focus-within\:ring-offset-colors-yellow-400:focus-within { + --tw-ring-offset-color: var(--colors-yellow-400, #f6e05e); } - .\32xl\:focus\:ring-blue-500:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity)); + .\32xl\:focus-within\:ring-offset-colors-yellow-500:focus-within { + --tw-ring-offset-color: var(--colors-yellow-500, #ecc94b); } - .\32xl\:focus\:ring-blue-600:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity)); + .\32xl\:focus-within\:ring-offset-colors-yellow-600:focus-within { + --tw-ring-offset-color: var(--colors-yellow-600, #d69e2e); } - .\32xl\:focus\:ring-blue-700:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity)); + .\32xl\:focus-within\:ring-offset-colors-yellow-700:focus-within { + --tw-ring-offset-color: var(--colors-yellow-700, #b7791f); } - .\32xl\:focus\:ring-blue-800:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity)); + .\32xl\:focus-within\:ring-offset-colors-yellow-800:focus-within { + --tw-ring-offset-color: var(--colors-yellow-800, #975a16); } - .\32xl\:focus\:ring-blue-900:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity)); + .\32xl\:focus-within\:ring-offset-colors-yellow-900:focus-within { + --tw-ring-offset-color: var(--colors-yellow-900, #744210); } - .\32xl\:focus\:ring-indigo-50:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity)); + .\32xl\:focus-within\:ring-offset-colors-green-100:focus-within { + --tw-ring-offset-color: var(--colors-green-100, #f0fff4); } - .\32xl\:focus\:ring-indigo-100:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity)); + .\32xl\:focus-within\:ring-offset-colors-green-200:focus-within { + --tw-ring-offset-color: var(--colors-green-200, #c6f6d5); } - .\32xl\:focus\:ring-indigo-200:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity)); + .\32xl\:focus-within\:ring-offset-colors-green-300:focus-within { + --tw-ring-offset-color: var(--colors-green-300, #9ae6b4); } - .\32xl\:focus\:ring-indigo-300:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity)); + .\32xl\:focus-within\:ring-offset-colors-green-400:focus-within { + --tw-ring-offset-color: var(--colors-green-400, #68d391); } - .\32xl\:focus\:ring-indigo-400:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity)); + .\32xl\:focus-within\:ring-offset-colors-green-500:focus-within { + --tw-ring-offset-color: var(--colors-green-500, #48bb78); } - .\32xl\:focus\:ring-indigo-500:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity)); + .\32xl\:focus-within\:ring-offset-colors-green-600:focus-within { + --tw-ring-offset-color: var(--colors-green-600, #38a169); } - .\32xl\:focus\:ring-indigo-600:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity)); + .\32xl\:focus-within\:ring-offset-colors-green-700:focus-within { + --tw-ring-offset-color: var(--colors-green-700, #2f855a); } - .\32xl\:focus\:ring-indigo-700:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity)); + .\32xl\:focus-within\:ring-offset-colors-green-800:focus-within { + --tw-ring-offset-color: var(--colors-green-800, #276749); } - .\32xl\:focus\:ring-indigo-800:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity)); + .\32xl\:focus-within\:ring-offset-colors-green-900:focus-within { + --tw-ring-offset-color: var(--colors-green-900, #22543d); } - .\32xl\:focus\:ring-indigo-900:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity)); + .\32xl\:focus-within\:ring-offset-colors-teal-100:focus-within { + --tw-ring-offset-color: var(--colors-teal-100, #e6fffa); } - .\32xl\:focus\:ring-purple-50:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity)); + .\32xl\:focus-within\:ring-offset-colors-teal-200:focus-within { + --tw-ring-offset-color: var(--colors-teal-200, #b2f5ea); } - .\32xl\:focus\:ring-purple-100:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity)); + .\32xl\:focus-within\:ring-offset-colors-teal-300:focus-within { + --tw-ring-offset-color: var(--colors-teal-300, #81e6d9); } - .\32xl\:focus\:ring-purple-200:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity)); + .\32xl\:focus-within\:ring-offset-colors-teal-400:focus-within { + --tw-ring-offset-color: var(--colors-teal-400, #4fd1c5); } - .\32xl\:focus\:ring-purple-300:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity)); + .\32xl\:focus-within\:ring-offset-colors-teal-500:focus-within { + --tw-ring-offset-color: var(--colors-teal-500, #38b2ac); } - .\32xl\:focus\:ring-purple-400:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity)); + .\32xl\:focus-within\:ring-offset-colors-teal-600:focus-within { + --tw-ring-offset-color: var(--colors-teal-600, #319795); } - .\32xl\:focus\:ring-purple-500:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity)); + .\32xl\:focus-within\:ring-offset-colors-teal-700:focus-within { + --tw-ring-offset-color: var(--colors-teal-700, #2c7a7b); } - .\32xl\:focus\:ring-purple-600:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity)); + .\32xl\:focus-within\:ring-offset-colors-teal-800:focus-within { + --tw-ring-offset-color: var(--colors-teal-800, #285e61); } - .\32xl\:focus\:ring-purple-700:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity)); + .\32xl\:focus-within\:ring-offset-colors-teal-900:focus-within { + --tw-ring-offset-color: var(--colors-teal-900, #234e52); } - .\32xl\:focus\:ring-purple-800:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity)); + .\32xl\:focus-within\:ring-offset-colors-blue-100:focus-within { + --tw-ring-offset-color: var(--colors-blue-100, #ebf8ff); } - .\32xl\:focus\:ring-purple-900:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity)); + .\32xl\:focus-within\:ring-offset-colors-blue-200:focus-within { + --tw-ring-offset-color: var(--colors-blue-200, #bee3f8); } - .\32xl\:focus\:ring-pink-50:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity)); + .\32xl\:focus-within\:ring-offset-colors-blue-300:focus-within { + --tw-ring-offset-color: var(--colors-blue-300, #90cdf4); } - .\32xl\:focus\:ring-pink-100:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity)); + .\32xl\:focus-within\:ring-offset-colors-blue-400:focus-within { + --tw-ring-offset-color: var(--colors-blue-400, #63b3ed); } - .\32xl\:focus\:ring-pink-200:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity)); + .\32xl\:focus-within\:ring-offset-colors-blue-500:focus-within { + --tw-ring-offset-color: var(--colors-blue-500, #4299e1); } - .\32xl\:focus\:ring-pink-300:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity)); + .\32xl\:focus-within\:ring-offset-colors-blue-600:focus-within { + --tw-ring-offset-color: var(--colors-blue-600, #3182ce); } - .\32xl\:focus\:ring-pink-400:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity)); + .\32xl\:focus-within\:ring-offset-colors-blue-700:focus-within { + --tw-ring-offset-color: var(--colors-blue-700, #2b6cb0); } - .\32xl\:focus\:ring-pink-500:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity)); + .\32xl\:focus-within\:ring-offset-colors-blue-800:focus-within { + --tw-ring-offset-color: var(--colors-blue-800, #2c5282); } - .\32xl\:focus\:ring-pink-600:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity)); + .\32xl\:focus-within\:ring-offset-colors-blue-900:focus-within { + --tw-ring-offset-color: var(--colors-blue-900, #2a4365); } - .\32xl\:focus\:ring-pink-700:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity)); + .\32xl\:focus-within\:ring-offset-colors-indigo-100:focus-within { + --tw-ring-offset-color: var(--colors-indigo-100, #ebf4ff); } - .\32xl\:focus\:ring-pink-800:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity)); + .\32xl\:focus-within\:ring-offset-colors-indigo-200:focus-within { + --tw-ring-offset-color: var(--colors-indigo-200, #c3dafe); } - .\32xl\:focus\:ring-pink-900:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity)); + .\32xl\:focus-within\:ring-offset-colors-indigo-300:focus-within { + --tw-ring-offset-color: var(--colors-indigo-300, #a3bffa); } - .\32xl\:ring-opacity-0 { - --tw-ring-opacity: 0; + .\32xl\:focus-within\:ring-offset-colors-indigo-400:focus-within { + --tw-ring-offset-color: var(--colors-indigo-400, #7f9cf5); } - .\32xl\:ring-opacity-5 { - --tw-ring-opacity: 0.05; + .\32xl\:focus-within\:ring-offset-colors-indigo-500:focus-within { + --tw-ring-offset-color: var(--colors-indigo-500, #667eea); } - .\32xl\:ring-opacity-10 { - --tw-ring-opacity: 0.1; + .\32xl\:focus-within\:ring-offset-colors-indigo-600:focus-within { + --tw-ring-offset-color: var(--colors-indigo-600, #5a67d8); } - .\32xl\:ring-opacity-20 { - --tw-ring-opacity: 0.2; + .\32xl\:focus-within\:ring-offset-colors-indigo-700:focus-within { + --tw-ring-offset-color: var(--colors-indigo-700, #4c51bf); } - .\32xl\:ring-opacity-25 { - --tw-ring-opacity: 0.25; + .\32xl\:focus-within\:ring-offset-colors-indigo-800:focus-within { + --tw-ring-offset-color: var(--colors-indigo-800, #434190); } - .\32xl\:ring-opacity-30 { - --tw-ring-opacity: 0.3; + .\32xl\:focus-within\:ring-offset-colors-indigo-900:focus-within { + --tw-ring-offset-color: var(--colors-indigo-900, #3c366b); } - .\32xl\:ring-opacity-40 { - --tw-ring-opacity: 0.4; + .\32xl\:focus-within\:ring-offset-colors-purple-100:focus-within { + --tw-ring-offset-color: var(--colors-purple-100, #faf5ff); } - .\32xl\:ring-opacity-50 { - --tw-ring-opacity: 0.5; + .\32xl\:focus-within\:ring-offset-colors-purple-200:focus-within { + --tw-ring-offset-color: var(--colors-purple-200, #e9d8fd); } - .\32xl\:ring-opacity-60 { - --tw-ring-opacity: 0.6; + .\32xl\:focus-within\:ring-offset-colors-purple-300:focus-within { + --tw-ring-offset-color: var(--colors-purple-300, #d6bcfa); } - .\32xl\:ring-opacity-70 { - --tw-ring-opacity: 0.7; + .\32xl\:focus-within\:ring-offset-colors-purple-400:focus-within { + --tw-ring-offset-color: var(--colors-purple-400, #b794f4); } - .\32xl\:ring-opacity-75 { - --tw-ring-opacity: 0.75; + .\32xl\:focus-within\:ring-offset-colors-purple-500:focus-within { + --tw-ring-offset-color: var(--colors-purple-500, #9f7aea); } - .\32xl\:ring-opacity-80 { - --tw-ring-opacity: 0.8; + .\32xl\:focus-within\:ring-offset-colors-purple-600:focus-within { + --tw-ring-offset-color: var(--colors-purple-600, #805ad5); } - .\32xl\:ring-opacity-90 { - --tw-ring-opacity: 0.9; + .\32xl\:focus-within\:ring-offset-colors-purple-700:focus-within { + --tw-ring-offset-color: var(--colors-purple-700, #6b46c1); } - .\32xl\:ring-opacity-95 { - --tw-ring-opacity: 0.95; + .\32xl\:focus-within\:ring-offset-colors-purple-800:focus-within { + --tw-ring-offset-color: var(--colors-purple-800, #553c9a); } - .\32xl\:ring-opacity-100 { - --tw-ring-opacity: 1; + .\32xl\:focus-within\:ring-offset-colors-purple-900:focus-within { + --tw-ring-offset-color: var(--colors-purple-900, #44337a); } - .\32xl\:focus-within\:ring-opacity-0:focus-within { - --tw-ring-opacity: 0; + .\32xl\:focus-within\:ring-offset-colors-pink-100:focus-within { + --tw-ring-offset-color: var(--colors-pink-100, #fff5f7); } - .\32xl\:focus-within\:ring-opacity-5:focus-within { - --tw-ring-opacity: 0.05; + .\32xl\:focus-within\:ring-offset-colors-pink-200:focus-within { + --tw-ring-offset-color: var(--colors-pink-200, #fed7e2); } - .\32xl\:focus-within\:ring-opacity-10:focus-within { - --tw-ring-opacity: 0.1; + .\32xl\:focus-within\:ring-offset-colors-pink-300:focus-within { + --tw-ring-offset-color: var(--colors-pink-300, #fbb6ce); } - .\32xl\:focus-within\:ring-opacity-20:focus-within { - --tw-ring-opacity: 0.2; + .\32xl\:focus-within\:ring-offset-colors-pink-400:focus-within { + --tw-ring-offset-color: var(--colors-pink-400, #f687b3); } - .\32xl\:focus-within\:ring-opacity-25:focus-within { - --tw-ring-opacity: 0.25; + .\32xl\:focus-within\:ring-offset-colors-pink-500:focus-within { + --tw-ring-offset-color: var(--colors-pink-500, #ed64a6); } - .\32xl\:focus-within\:ring-opacity-30:focus-within { - --tw-ring-opacity: 0.3; + .\32xl\:focus-within\:ring-offset-colors-pink-600:focus-within { + --tw-ring-offset-color: var(--colors-pink-600, #d53f8c); } - .\32xl\:focus-within\:ring-opacity-40:focus-within { - --tw-ring-opacity: 0.4; + .\32xl\:focus-within\:ring-offset-colors-pink-700:focus-within { + --tw-ring-offset-color: var(--colors-pink-700, #b83280); } - .\32xl\:focus-within\:ring-opacity-50:focus-within { - --tw-ring-opacity: 0.5; + .\32xl\:focus-within\:ring-offset-colors-pink-800:focus-within { + --tw-ring-offset-color: var(--colors-pink-800, #97266d); } - .\32xl\:focus-within\:ring-opacity-60:focus-within { - --tw-ring-opacity: 0.6; + .\32xl\:focus-within\:ring-offset-colors-pink-900:focus-within { + --tw-ring-offset-color: var(--colors-pink-900, #702459); } - .\32xl\:focus-within\:ring-opacity-70:focus-within { - --tw-ring-opacity: 0.7; + .\32xl\:focus-within\:ring-offset-Box\ Shadow:focus-within { + --tw-ring-offset-color: var(--box-shadow, #7f7e7f); } - .\32xl\:focus-within\:ring-opacity-75:focus-within { - --tw-ring-opacity: 0.75; + .\32xl\:focus-within\:ring-offset-Error16:focus-within { + --tw-ring-offset-color: var(--error16, #f03d3e40); } - .\32xl\:focus-within\:ring-opacity-80:focus-within { - --tw-ring-opacity: 0.8; + .\32xl\:focus-within\:ring-offset-Success16:focus-within { + --tw-ring-offset-color: var(--success16, #5bb14d40); } - .\32xl\:focus-within\:ring-opacity-90:focus-within { - --tw-ring-opacity: 0.9; + .\32xl\:focus-within\:ring-offset-Notification16:focus-within { + --tw-ring-offset-color: var(--notification16, #3959ff40); } - .\32xl\:focus-within\:ring-opacity-95:focus-within { - --tw-ring-opacity: 0.95; + .\32xl\:focus-within\:ring-offset-Error8:focus-within { + --tw-ring-offset-color: var(--error8, #f03d3e1a); } - .\32xl\:focus-within\:ring-opacity-100:focus-within { - --tw-ring-opacity: 1; + .\32xl\:focus-within\:ring-offset-Notification8:focus-within { + --tw-ring-offset-color: var(--notification8, #3959ff1a); } - .\32xl\:focus\:ring-opacity-0:focus { - --tw-ring-opacity: 0; + .\32xl\:focus-within\:ring-offset-Success8:focus-within { + --tw-ring-offset-color: var(--success8, #5bb14d1a); } - .\32xl\:focus\:ring-opacity-5:focus { - --tw-ring-opacity: 0.05; + .\32xl\:focus-within\:ring-offset-Light\ -\ Overlay:focus-within { + --tw-ring-offset-color: var(--light-overlay, #f0edee66); } - .\32xl\:focus\:ring-opacity-10:focus { - --tw-ring-opacity: 0.1; + .\32xl\:focus-within\:ring-offset-Dark-\ Overlay:focus-within { + --tw-ring-offset-color: var(--dark-overlay, #7f7e7f66); } - .\32xl\:focus\:ring-opacity-20:focus { - --tw-ring-opacity: 0.2; + .\32xl\:focus-within\:ring-offset-black-40:focus-within { + --tw-ring-offset-color: var(--black-40, #00000066); } - .\32xl\:focus\:ring-opacity-25:focus { - --tw-ring-opacity: 0.25; + .\32xl\:focus-within\:ring-offset-black-75:focus-within { + --tw-ring-offset-color: var(--black-75, #000000bf); } - .\32xl\:focus\:ring-opacity-30:focus { - --tw-ring-opacity: 0.3; + .\32xl\:focus-within\:ring-offset-black-60:focus-within { + --tw-ring-offset-color: var(--black-60, #00000099); } - .\32xl\:focus\:ring-opacity-40:focus { - --tw-ring-opacity: 0.4; + .\32xl\:focus-within\:ring-offset-black-50:focus-within { + --tw-ring-offset-color: var(--black-50, #00000080); } - .\32xl\:focus\:ring-opacity-50:focus { - --tw-ring-opacity: 0.5; + .\32xl\:focus-within\:ring-offset-black-25:focus-within { + --tw-ring-offset-color: var(--black-25, #00000040); } - .\32xl\:focus\:ring-opacity-60:focus { - --tw-ring-opacity: 0.6; + .\32xl\:focus-within\:ring-offset-black-10:focus-within { + --tw-ring-offset-color: var(--black-10, #0000001a); } - .\32xl\:focus\:ring-opacity-70:focus { - --tw-ring-opacity: 0.7; + .\32xl\:focus-within\:ring-offset-white-25:focus-within { + --tw-ring-offset-color: var(--white-25, #ffffff40); } - .\32xl\:focus\:ring-opacity-75:focus { - --tw-ring-opacity: 0.75; + .\32xl\:focus-within\:ring-offset-white-60:focus-within { + --tw-ring-offset-color: var(--white-60, #ffffff99); } - .\32xl\:focus\:ring-opacity-80:focus { - --tw-ring-opacity: 0.8; + .\32xl\:focus-within\:ring-offset-black-64:focus-within { + --tw-ring-offset-color: var(--black-64, #000000a3); } - .\32xl\:focus\:ring-opacity-90:focus { - --tw-ring-opacity: 0.9; + .\32xl\:focus-within\:ring-offset-Shadow\ and\ Highlight-Shadow:focus-within { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .\32xl\:focus\:ring-opacity-95:focus { - --tw-ring-opacity: 0.95; + .\32xl\:focus-within\:ring-offset-Shadow\ and\ Highlight-Highlight:focus-within { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight, #474747); } - .\32xl\:focus\:ring-opacity-100:focus { - --tw-ring-opacity: 1; + .\32xl\:focus-within\:ring-offset-Shadow\ and\ Highlight-highlight\ one:focus-within { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .\32xl\:ring-offset-0 { - --tw-ring-offset-width: 0px; + .\32xl\:focus-within\:ring-offset-Shadow\ and\ Highlight-highlight\ two:focus-within { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-two, #47474799); } - .\32xl\:ring-offset-1 { - --tw-ring-offset-width: 1px; + .\32xl\:focus-within\:ring-offset-Shadow\ and\ Highlight-highlight\ three:focus-within { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-three, #47474766); } - .\32xl\:ring-offset-2 { - --tw-ring-offset-width: 2px; + .\32xl\:focus-within\:ring-offset-Shadow\ and\ Highlight-highlight\ five:focus-within { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .\32xl\:ring-offset-4 { - --tw-ring-offset-width: 4px; + .\32xl\:focus-within\:ring-offset-Shadow\ and\ Highlight-shadow\ one:focus-within { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .\32xl\:ring-offset-8 { - --tw-ring-offset-width: 8px; + .\32xl\:focus-within\:ring-offset-Shadow\ and\ Highlight-shadow\ two:focus-within { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .\32xl\:focus-within\:ring-offset-0:focus-within { - --tw-ring-offset-width: 0px; + .\32xl\:focus-within\:ring-offset-Shadow\ and\ Highlight-shadow\ three:focus-within { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .\32xl\:focus-within\:ring-offset-1:focus-within { - --tw-ring-offset-width: 1px; + .\32xl\:focus-within\:ring-offset-Shadow\ and\ Highlight-shadow\ four:focus-within { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .\32xl\:focus-within\:ring-offset-2:focus-within { - --tw-ring-offset-width: 2px; + .\32xl\:focus-within\:ring-offset-Shadow\ and\ Highlight-shadow\ five:focus-within { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .\32xl\:focus-within\:ring-offset-4:focus-within { - --tw-ring-offset-width: 4px; + .\32xl\:focus-within\:ring-offset-Shadow\ and\ Highlight-highlight\ four:focus-within { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-four, #47474740); } - .\32xl\:focus-within\:ring-offset-8:focus-within { - --tw-ring-offset-width: 8px; + .\32xl\:focus-within\:ring-offset-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus-within { + --tw-ring-offset-color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .\32xl\:focus\:ring-offset-0:focus { - --tw-ring-offset-width: 0px; + .\32xl\:focus-within\:ring-offset-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus-within { + --tw-ring-offset-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .\32xl\:focus\:ring-offset-1:focus { - --tw-ring-offset-width: 1px; + .\32xl\:focus-within\:ring-offset-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus-within { + --tw-ring-offset-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .\32xl\:focus\:ring-offset-2:focus { - --tw-ring-offset-width: 2px; + .\32xl\:focus-within\:ring-offset-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus-within { + --tw-ring-offset-color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .\32xl\:focus\:ring-offset-4:focus { - --tw-ring-offset-width: 4px; + .\32xl\:focus-within\:ring-offset-Grey-Scale-white:focus-within { + --tw-ring-offset-color: var(--grey-scale-white, #ffffff); } - .\32xl\:focus\:ring-offset-8:focus { - --tw-ring-offset-width: 8px; + .\32xl\:focus-within\:ring-offset-Grey-Scale-off-white:focus-within { + --tw-ring-offset-color: var(--grey-scale-off-white, #f0edee); } - .\32xl\:ring-offset-transparent { - --tw-ring-offset-color: transparent; + .\32xl\:focus-within\:ring-offset-Grey\ Scale-grey:focus-within { + --tw-ring-offset-color: var(--grey-scale-grey, #7f7e7f); } - .\32xl\:ring-offset-current { - --tw-ring-offset-color: currentColor; + .\32xl\:focus-within\:ring-offset-Grey\ Scale-charcoal:focus-within { + --tw-ring-offset-color: var(--grey-scale-charcoal, #474747); } - .\32xl\:ring-offset-black { - --tw-ring-offset-color: #000; + .\32xl\:focus-within\:ring-offset-Grey\ Scale-off-black:focus-within { + --tw-ring-offset-color: var(--grey-scale-off-black, #1c1c1c); } - .\32xl\:ring-offset-white { - --tw-ring-offset-color: #fff; + .\32xl\:focus-within\:ring-offset-Grey\ Scale-black:focus-within { + --tw-ring-offset-color: var(--grey-scale-black, #000000); } - .\32xl\:ring-offset-gray-50 { - --tw-ring-offset-color: #f9fafb; + .\32xl\:focus-within\:ring-offset-Blue-blue:focus-within { + --tw-ring-offset-color: var(--blue-blue, #3a7ca5); } - .\32xl\:ring-offset-gray-100 { - --tw-ring-offset-color: #f3f4f6; + .\32xl\:focus-within\:ring-offset-Blue-blue-100:focus-within { + --tw-ring-offset-color: var(--blue-blue-100, #75a3c0); } - .\32xl\:ring-offset-gray-200 { - --tw-ring-offset-color: #e5e7eb; + .\32xl\:focus-within\:ring-offset-Blue-blue-200:focus-within { + --tw-ring-offset-color: var(--blue-blue-200, #9cbed2); } - .\32xl\:ring-offset-gray-300 { - --tw-ring-offset-color: #d1d5db; + .\32xl\:focus-within\:ring-offset-Blue-blue-300:focus-within { + --tw-ring-offset-color: var(--blue-blue-300, #4f7d9a); } - .\32xl\:ring-offset-gray-400 { - --tw-ring-offset-color: #9ca3af; + .\32xl\:focus-within\:ring-offset-Blue-blue-400:focus-within { + --tw-ring-offset-color: var(--blue-blue-400, #5c7d92); } - .\32xl\:ring-offset-gray-500 { - --tw-ring-offset-color: #6b7280; + .\32xl\:focus-within\:ring-offset-Blue-blue-500:focus-within { + --tw-ring-offset-color: var(--blue-blue-500, #347095); } - .\32xl\:ring-offset-gray-600 { - --tw-ring-offset-color: #4b5563; + .\32xl\:focus-within\:ring-offset-Blue-blue-600:focus-within { + --tw-ring-offset-color: var(--blue-blue-600, #295774); } - .\32xl\:ring-offset-gray-700 { - --tw-ring-offset-color: #374151; + .\32xl\:focus-within\:ring-offset-Blue-blue-700:focus-within { + --tw-ring-offset-color: var(--blue-blue-700, #173242); } - .\32xl\:ring-offset-gray-800 { - --tw-ring-offset-color: #1f2937; + .\32xl\:focus-within\:ring-offset-LightBlue-lightblue:focus-within { + --tw-ring-offset-color: var(--light-blue-lightblue, #81c3d7); } - .\32xl\:ring-offset-gray-900 { - --tw-ring-offset-color: #111827; + .\32xl\:focus-within\:ring-offset-LightBlue-lightblue-100:focus-within { + --tw-ring-offset-color: var(--light-blue-lightblue-100, #a7d5e3); } - .\32xl\:ring-offset-red-50 { - --tw-ring-offset-color: #fef2f2; + .\32xl\:focus-within\:ring-offset-LightBlue-lightblue-200:focus-within { + --tw-ring-offset-color: var(--light-blue-lightblue-200, #c0e1eb); } - .\32xl\:ring-offset-red-100 { - --tw-ring-offset-color: #fee2e2; + .\32xl\:focus-within\:ring-offset-LightBlue-lightblue-300:focus-within { + --tw-ring-offset-color: var(--light-blue-lightblue-300, #80aebd); } - .\32xl\:ring-offset-red-200 { - --tw-ring-offset-color: #fecaca; + .\32xl\:focus-within\:ring-offset-LightBlue-lightblue-400:focus-within { + --tw-ring-offset-color: var(--light-blue-lightblue-400, #80a0ab); } - .\32xl\:ring-offset-red-300 { - --tw-ring-offset-color: #fca5a5; + .\32xl\:focus-within\:ring-offset-LightBlue-lightblue-500:focus-within { + --tw-ring-offset-color: var(--light-blue-lightblue-500, #74afc1); } - .\32xl\:ring-offset-red-400 { - --tw-ring-offset-color: #f87171; + .\32xl\:focus-within\:ring-offset-LightBlue-lightblue-600:focus-within { + --tw-ring-offset-color: var(--light-blue-lightblue-600, #5a8997); } - .\32xl\:ring-offset-red-500 { - --tw-ring-offset-color: #ef4444; + .\32xl\:focus-within\:ring-offset-LightBlue-lightblue-650:focus-within { + --tw-ring-offset-color: var(--light-blue-lightblue-650, #3e5e65); } - .\32xl\:ring-offset-red-600 { - --tw-ring-offset-color: #dc2626; + .\32xl\:focus-within\:ring-offset-LightBlue-lightblue-700:focus-within { + --tw-ring-offset-color: var(--light-blue-lightblue-700, #344e56); } - .\32xl\:ring-offset-red-700 { - --tw-ring-offset-color: #b91c1c; + .\32xl\:focus-within\:ring-offset-Orange-orange:focus-within { + --tw-ring-offset-color: var(--orange-orange, #ff7f0e); } - .\32xl\:ring-offset-red-800 { - --tw-ring-offset-color: #991b1b; + .\32xl\:focus-within\:ring-offset-Orange-orange-100:focus-within { + --tw-ring-offset-color: var(--orange-orange-100, #ffa556); } - .\32xl\:ring-offset-red-900 { - --tw-ring-offset-color: #7f1d1d; + .\32xl\:focus-within\:ring-offset-Orange-orange-200:focus-within { + --tw-ring-offset-color: var(--orange-orange-200, #ffbf86); } - .\32xl\:ring-offset-yellow-50 { - --tw-ring-offset-color: #fffbeb; + .\32xl\:focus-within\:ring-offset-Orange-orange-300:focus-within { + --tw-ring-offset-color: var(--orange-orange-300, #d97f30); } - .\32xl\:ring-offset-yellow-100 { - --tw-ring-offset-color: #fef3c7; + .\32xl\:focus-within\:ring-offset-Orange-orange-400:focus-within { + --tw-ring-offset-color: var(--orange-orange-400, #bf7e46); } - .\32xl\:ring-offset-yellow-200 { - --tw-ring-offset-color: #fde68a; + .\32xl\:focus-within\:ring-offset-Orange-orange-500:focus-within { + --tw-ring-offset-color: var(--orange-orange-500, #e5720d); } - .\32xl\:ring-offset-yellow-300 { - --tw-ring-offset-color: #fcd34d; + .\32xl\:focus-within\:ring-offset-Orange-orange-600:focus-within { + --tw-ring-offset-color: var(--orange-orange-600, #b3590a); } - .\32xl\:ring-offset-yellow-400 { - --tw-ring-offset-color: #fbbf24; + .\32xl\:focus-within\:ring-offset-Orange-orange-700:focus-within { + --tw-ring-offset-color: var(--orange-orange-700, #663306); } - .\32xl\:ring-offset-yellow-500 { - --tw-ring-offset-color: #f59e0b; + .\32xl\:focus-within\:ring-offset-Yellow-yellow:focus-within { + --tw-ring-offset-color: var(--yellow-yellow, #ffab00); } - .\32xl\:ring-offset-yellow-600 { - --tw-ring-offset-color: #d97706; + .\32xl\:focus-within\:ring-offset-Yellow-yellow-100:focus-within { + --tw-ring-offset-color: var(--yellow-yellow-100, #ffc44c); } - .\32xl\:ring-offset-yellow-700 { - --tw-ring-offset-color: #b45309; + .\32xl\:focus-within\:ring-offset-Yellow-yellow-200:focus-within { + --tw-ring-offset-color: var(--yellow-yellow-200, #ffd580); } - .\32xl\:ring-offset-yellow-800 { - --tw-ring-offset-color: #92400e; + .\32xl\:focus-within\:ring-offset-Yellow-yellow-300:focus-within { + --tw-ring-offset-color: var(--yellow-yellow-300, #d99d26); } - .\32xl\:ring-offset-yellow-900 { - --tw-ring-offset-color: #78350f; + .\32xl\:focus-within\:ring-offset-Yellow-yellow-400:focus-within { + --tw-ring-offset-color: var(--yellow-yellow-400, #bf943f); } - .\32xl\:ring-offset-green-50 { - --tw-ring-offset-color: #ecfdf5; + .\32xl\:focus-within\:ring-offset-Yellow-yellow-500:focus-within { + --tw-ring-offset-color: var(--yellow-yellow-500, #e59a00); } - .\32xl\:ring-offset-green-100 { - --tw-ring-offset-color: #d1fae5; + .\32xl\:focus-within\:ring-offset-Yellow-yellow-600:focus-within { + --tw-ring-offset-color: var(--yellow-yellow-600, #b37800); } - .\32xl\:ring-offset-green-200 { - --tw-ring-offset-color: #a7f3d0; + .\32xl\:focus-within\:ring-offset-Yellow-yellow-700:focus-within { + --tw-ring-offset-color: var(--yellow-yellow-700, #664400); } - .\32xl\:ring-offset-green-300 { - --tw-ring-offset-color: #6ee7b7; + .\32xl\:focus-within\:ring-offset-Notification-notification:focus-within { + --tw-ring-offset-color: var(--notification-notification, #3959ff); } - .\32xl\:ring-offset-green-400 { - --tw-ring-offset-color: #34d399; + .\32xl\:focus-within\:ring-offset-Notification-notification-100:focus-within { + --tw-ring-offset-color: var(--notification-notification-100, #748bff); } - .\32xl\:ring-offset-green-500 { - --tw-ring-offset-color: #10b981; + .\32xl\:focus-within\:ring-offset-Notification-notification-200:focus-within { + --tw-ring-offset-color: var(--notification-notification-200, #9cacff); } - .\32xl\:ring-offset-green-600 { - --tw-ring-offset-color: #059669; + .\32xl\:focus-within\:ring-offset-Notification-notification-300:focus-within { + --tw-ring-offset-color: var(--notification-notification-300, #4e64d9); } - .\32xl\:ring-offset-green-700 { - --tw-ring-offset-color: #047857; + .\32xl\:focus-within\:ring-offset-Notification-notification-400:focus-within { + --tw-ring-offset-color: var(--notification-notification-400, #5c6cbf); } - .\32xl\:ring-offset-green-800 { - --tw-ring-offset-color: #065f46; + .\32xl\:focus-within\:ring-offset-Notification-notification-500:focus-within { + --tw-ring-offset-color: var(--notification-notification-500, #3350e5); } - .\32xl\:ring-offset-green-900 { - --tw-ring-offset-color: #064e3b; + .\32xl\:focus-within\:ring-offset-Notification-notification-600:focus-within { + --tw-ring-offset-color: var(--notification-notification-600, #283eb3); } - .\32xl\:ring-offset-blue-50 { - --tw-ring-offset-color: #eff6ff; + .\32xl\:focus-within\:ring-offset-Notification-notification-700:focus-within { + --tw-ring-offset-color: var(--notification-notification-700, #172466); } - .\32xl\:ring-offset-blue-100 { - --tw-ring-offset-color: #dbeafe; + .\32xl\:focus-within\:ring-offset-Success-success\ -700:focus-within { + --tw-ring-offset-color: var(--success-success-700, #24471f); } - .\32xl\:ring-offset-blue-200 { - --tw-ring-offset-color: #bfdbfe; + .\32xl\:focus-within\:ring-offset-Success-success:focus-within { + --tw-ring-offset-color: var(--success-success, #5bb14d); } - .\32xl\:ring-offset-blue-300 { - --tw-ring-offset-color: #93c5fd; + .\32xl\:focus-within\:ring-offset-Success-success\ -100:focus-within { + --tw-ring-offset-color: var(--success-success-100, #8cc882); } - .\32xl\:ring-offset-blue-400 { - --tw-ring-offset-color: #60a5fa; + .\32xl\:focus-within\:ring-offset-Success-success\ -200:focus-within { + --tw-ring-offset-color: var(--success-success-200, #add8a6); } - .\32xl\:ring-offset-blue-500 { - --tw-ring-offset-color: #3b82f6; + .\32xl\:focus-within\:ring-offset-Success-success\ -300:focus-within { + --tw-ring-offset-color: var(--success-success-300, #66a25c); } - .\32xl\:ring-offset-blue-600 { - --tw-ring-offset-color: #2563eb; + .\32xl\:focus-within\:ring-offset-Success-success\ -400:focus-within { + --tw-ring-offset-color: var(--success-success-400, #6d9766); } - .\32xl\:ring-offset-blue-700 { - --tw-ring-offset-color: #1d4ed8; + .\32xl\:focus-within\:ring-offset-Success-success\ -500:focus-within { + --tw-ring-offset-color: var(--success-success-500, #529f45); } - .\32xl\:ring-offset-blue-800 { - --tw-ring-offset-color: #1e40af; + .\32xl\:focus-within\:ring-offset-Success-success\ -600:focus-within { + --tw-ring-offset-color: var(--success-success-600, #407c36); } - .\32xl\:ring-offset-blue-900 { - --tw-ring-offset-color: #1e3a8a; + .\32xl\:focus-within\:ring-offset-Error-error:focus-within { + --tw-ring-offset-color: var(--error-error, #f03d3e); } - .\32xl\:ring-offset-indigo-50 { - --tw-ring-offset-color: #eef2ff; + .\32xl\:focus-within\:ring-offset-Error-error-100:focus-within { + --tw-ring-offset-color: var(--error-error-100, #f57778); } - .\32xl\:ring-offset-indigo-100 { - --tw-ring-offset-color: #e0e7ff; + .\32xl\:focus-within\:ring-offset-Error-error-200:focus-within { + --tw-ring-offset-color: var(--error-error-200, #f89e9e); } - .\32xl\:ring-offset-indigo-200 { - --tw-ring-offset-color: #c7d2fe; + .\32xl\:focus-within\:ring-offset-Error-error-250:focus-within { + --tw-ring-offset-color: var(--error-error-250, #f9c8c8); } - .\32xl\:ring-offset-indigo-300 { - --tw-ring-offset-color: #a5b4fc; + .\32xl\:focus-within\:ring-offset-Error-error-300:focus-within { + --tw-ring-offset-color: var(--error-error-300, #ce5151); } - .\32xl\:ring-offset-indigo-400 { - --tw-ring-offset-color: #818cf8; + .\32xl\:focus-within\:ring-offset-Error-error-400:focus-within { + --tw-ring-offset-color: var(--error-error-400, #b85e5e); } - .\32xl\:ring-offset-indigo-500 { - --tw-ring-offset-color: #6366f1; + .\32xl\:focus-within\:ring-offset-Error-error-500:focus-within { + --tw-ring-offset-color: var(--error-error-500, #d83738); } - .\32xl\:ring-offset-indigo-600 { - --tw-ring-offset-color: #4f46e5; + .\32xl\:focus-within\:ring-offset-Error-error-600:focus-within { + --tw-ring-offset-color: var(--error-error-600, #a82b2b); } - .\32xl\:ring-offset-indigo-700 { - --tw-ring-offset-color: #4338ca; + .\32xl\:focus-within\:ring-offset-Error-error-700:focus-within { + --tw-ring-offset-color: var(--error-error-700, #601819); } - .\32xl\:ring-offset-indigo-800 { - --tw-ring-offset-color: #3730a3; + .\32xl\:focus\:ring-offset-colors-black:focus { + --tw-ring-offset-color: var(--colors-black, #000000); } - .\32xl\:ring-offset-indigo-900 { - --tw-ring-offset-color: #312e81; + .\32xl\:focus\:ring-offset-colors-white:focus { + --tw-ring-offset-color: var(--colors-white, #ffffff); } - .\32xl\:ring-offset-purple-50 { - --tw-ring-offset-color: #f5f3ff; + .\32xl\:focus\:ring-offset-colors-gray-100:focus { + --tw-ring-offset-color: var(--colors-gray-100, #f7fafc); } - .\32xl\:ring-offset-purple-100 { - --tw-ring-offset-color: #ede9fe; + .\32xl\:focus\:ring-offset-colors-gray-200:focus { + --tw-ring-offset-color: var(--colors-gray-200, #edf2f7); } - .\32xl\:ring-offset-purple-200 { - --tw-ring-offset-color: #ddd6fe; + .\32xl\:focus\:ring-offset-colors-gray-300:focus { + --tw-ring-offset-color: var(--colors-gray-300, #e2e8f0); } - .\32xl\:ring-offset-purple-300 { - --tw-ring-offset-color: #c4b5fd; + .\32xl\:focus\:ring-offset-colors-gray-400:focus { + --tw-ring-offset-color: var(--colors-gray-400, #cbd5e0); } - .\32xl\:ring-offset-purple-400 { - --tw-ring-offset-color: #a78bfa; + .\32xl\:focus\:ring-offset-colors-gray-500:focus { + --tw-ring-offset-color: var(--colors-gray-500, #a0aec0); } - .\32xl\:ring-offset-purple-500 { - --tw-ring-offset-color: #8b5cf6; + .\32xl\:focus\:ring-offset-colors-gray-600:focus { + --tw-ring-offset-color: var(--colors-gray-600, #718096); } - .\32xl\:ring-offset-purple-600 { - --tw-ring-offset-color: #7c3aed; + .\32xl\:focus\:ring-offset-colors-gray-700:focus { + --tw-ring-offset-color: var(--colors-gray-700, #4a5568); } - .\32xl\:ring-offset-purple-700 { - --tw-ring-offset-color: #6d28d9; + .\32xl\:focus\:ring-offset-colors-gray-800:focus { + --tw-ring-offset-color: var(--colors-gray-800, #2d3748); } - .\32xl\:ring-offset-purple-800 { - --tw-ring-offset-color: #5b21b6; + .\32xl\:focus\:ring-offset-colors-gray-900:focus { + --tw-ring-offset-color: var(--colors-gray-900, #1a202c); } - .\32xl\:ring-offset-purple-900 { - --tw-ring-offset-color: #4c1d95; + .\32xl\:focus\:ring-offset-colors-red-100:focus { + --tw-ring-offset-color: var(--colors-red-100, #fff5f5); } - .\32xl\:ring-offset-pink-50 { - --tw-ring-offset-color: #fdf2f8; + .\32xl\:focus\:ring-offset-colors-red-200:focus { + --tw-ring-offset-color: var(--colors-red-200, #fed7d7); } - .\32xl\:ring-offset-pink-100 { - --tw-ring-offset-color: #fce7f3; + .\32xl\:focus\:ring-offset-colors-red-300:focus { + --tw-ring-offset-color: var(--colors-red-300, #feb2b2); } - .\32xl\:ring-offset-pink-200 { - --tw-ring-offset-color: #fbcfe8; + .\32xl\:focus\:ring-offset-colors-red-400:focus { + --tw-ring-offset-color: var(--colors-red-400, #fc8181); } - .\32xl\:ring-offset-pink-300 { - --tw-ring-offset-color: #f9a8d4; + .\32xl\:focus\:ring-offset-colors-red-500:focus { + --tw-ring-offset-color: var(--colors-red-500, #f56565); } - .\32xl\:ring-offset-pink-400 { - --tw-ring-offset-color: #f472b6; + .\32xl\:focus\:ring-offset-colors-red-600:focus { + --tw-ring-offset-color: var(--colors-red-600, #e53e3e); } - .\32xl\:ring-offset-pink-500 { - --tw-ring-offset-color: #ec4899; + .\32xl\:focus\:ring-offset-colors-red-700:focus { + --tw-ring-offset-color: var(--colors-red-700, #c53030); } - .\32xl\:ring-offset-pink-600 { - --tw-ring-offset-color: #db2777; + .\32xl\:focus\:ring-offset-colors-red-800:focus { + --tw-ring-offset-color: var(--colors-red-800, #9b2c2c); } - .\32xl\:ring-offset-pink-700 { - --tw-ring-offset-color: #be185d; + .\32xl\:focus\:ring-offset-colors-red-900:focus { + --tw-ring-offset-color: var(--colors-red-900, #742a2a); } - .\32xl\:ring-offset-pink-800 { - --tw-ring-offset-color: #9d174d; + .\32xl\:focus\:ring-offset-colors-orange-100:focus { + --tw-ring-offset-color: var(--colors-orange-100, #fffaf0); } - .\32xl\:ring-offset-pink-900 { - --tw-ring-offset-color: #831843; + .\32xl\:focus\:ring-offset-colors-orange-200:focus { + --tw-ring-offset-color: var(--colors-orange-200, #feebc8); } - .\32xl\:focus-within\:ring-offset-transparent:focus-within { - --tw-ring-offset-color: transparent; + .\32xl\:focus\:ring-offset-colors-orange-300:focus { + --tw-ring-offset-color: var(--colors-orange-300, #fbd38d); } - .\32xl\:focus-within\:ring-offset-current:focus-within { - --tw-ring-offset-color: currentColor; + .\32xl\:focus\:ring-offset-colors-orange-400:focus { + --tw-ring-offset-color: var(--colors-orange-400, #f6ad55); } - .\32xl\:focus-within\:ring-offset-black:focus-within { - --tw-ring-offset-color: #000; + .\32xl\:focus\:ring-offset-colors-orange-500:focus { + --tw-ring-offset-color: var(--colors-orange-500, #ed8936); } - .\32xl\:focus-within\:ring-offset-white:focus-within { - --tw-ring-offset-color: #fff; + .\32xl\:focus\:ring-offset-colors-orange-600:focus { + --tw-ring-offset-color: var(--colors-orange-600, #dd6b20); } - .\32xl\:focus-within\:ring-offset-gray-50:focus-within { - --tw-ring-offset-color: #f9fafb; + .\32xl\:focus\:ring-offset-colors-orange-700:focus { + --tw-ring-offset-color: var(--colors-orange-700, #c05621); } - .\32xl\:focus-within\:ring-offset-gray-100:focus-within { - --tw-ring-offset-color: #f3f4f6; + .\32xl\:focus\:ring-offset-colors-orange-800:focus { + --tw-ring-offset-color: var(--colors-orange-800, #9c4221); } - .\32xl\:focus-within\:ring-offset-gray-200:focus-within { - --tw-ring-offset-color: #e5e7eb; + .\32xl\:focus\:ring-offset-colors-orange-900:focus { + --tw-ring-offset-color: var(--colors-orange-900, #7b341e); } - .\32xl\:focus-within\:ring-offset-gray-300:focus-within { - --tw-ring-offset-color: #d1d5db; + .\32xl\:focus\:ring-offset-colors-yellow-100:focus { + --tw-ring-offset-color: var(--colors-yellow-100, #fffff0); } - .\32xl\:focus-within\:ring-offset-gray-400:focus-within { - --tw-ring-offset-color: #9ca3af; + .\32xl\:focus\:ring-offset-colors-yellow-200:focus { + --tw-ring-offset-color: var(--colors-yellow-200, #fefcbf); } - .\32xl\:focus-within\:ring-offset-gray-500:focus-within { - --tw-ring-offset-color: #6b7280; + .\32xl\:focus\:ring-offset-colors-yellow-300:focus { + --tw-ring-offset-color: var(--colors-yellow-300, #faf089); } - .\32xl\:focus-within\:ring-offset-gray-600:focus-within { - --tw-ring-offset-color: #4b5563; + .\32xl\:focus\:ring-offset-colors-yellow-400:focus { + --tw-ring-offset-color: var(--colors-yellow-400, #f6e05e); } - .\32xl\:focus-within\:ring-offset-gray-700:focus-within { - --tw-ring-offset-color: #374151; + .\32xl\:focus\:ring-offset-colors-yellow-500:focus { + --tw-ring-offset-color: var(--colors-yellow-500, #ecc94b); } - .\32xl\:focus-within\:ring-offset-gray-800:focus-within { - --tw-ring-offset-color: #1f2937; + .\32xl\:focus\:ring-offset-colors-yellow-600:focus { + --tw-ring-offset-color: var(--colors-yellow-600, #d69e2e); } - .\32xl\:focus-within\:ring-offset-gray-900:focus-within { - --tw-ring-offset-color: #111827; + .\32xl\:focus\:ring-offset-colors-yellow-700:focus { + --tw-ring-offset-color: var(--colors-yellow-700, #b7791f); } - .\32xl\:focus-within\:ring-offset-red-50:focus-within { - --tw-ring-offset-color: #fef2f2; + .\32xl\:focus\:ring-offset-colors-yellow-800:focus { + --tw-ring-offset-color: var(--colors-yellow-800, #975a16); } - .\32xl\:focus-within\:ring-offset-red-100:focus-within { - --tw-ring-offset-color: #fee2e2; + .\32xl\:focus\:ring-offset-colors-yellow-900:focus { + --tw-ring-offset-color: var(--colors-yellow-900, #744210); } - .\32xl\:focus-within\:ring-offset-red-200:focus-within { - --tw-ring-offset-color: #fecaca; + .\32xl\:focus\:ring-offset-colors-green-100:focus { + --tw-ring-offset-color: var(--colors-green-100, #f0fff4); } - .\32xl\:focus-within\:ring-offset-red-300:focus-within { - --tw-ring-offset-color: #fca5a5; + .\32xl\:focus\:ring-offset-colors-green-200:focus { + --tw-ring-offset-color: var(--colors-green-200, #c6f6d5); } - .\32xl\:focus-within\:ring-offset-red-400:focus-within { - --tw-ring-offset-color: #f87171; + .\32xl\:focus\:ring-offset-colors-green-300:focus { + --tw-ring-offset-color: var(--colors-green-300, #9ae6b4); } - .\32xl\:focus-within\:ring-offset-red-500:focus-within { - --tw-ring-offset-color: #ef4444; + .\32xl\:focus\:ring-offset-colors-green-400:focus { + --tw-ring-offset-color: var(--colors-green-400, #68d391); } - .\32xl\:focus-within\:ring-offset-red-600:focus-within { - --tw-ring-offset-color: #dc2626; + .\32xl\:focus\:ring-offset-colors-green-500:focus { + --tw-ring-offset-color: var(--colors-green-500, #48bb78); } - .\32xl\:focus-within\:ring-offset-red-700:focus-within { - --tw-ring-offset-color: #b91c1c; + .\32xl\:focus\:ring-offset-colors-green-600:focus { + --tw-ring-offset-color: var(--colors-green-600, #38a169); } - .\32xl\:focus-within\:ring-offset-red-800:focus-within { - --tw-ring-offset-color: #991b1b; + .\32xl\:focus\:ring-offset-colors-green-700:focus { + --tw-ring-offset-color: var(--colors-green-700, #2f855a); } - .\32xl\:focus-within\:ring-offset-red-900:focus-within { - --tw-ring-offset-color: #7f1d1d; + .\32xl\:focus\:ring-offset-colors-green-800:focus { + --tw-ring-offset-color: var(--colors-green-800, #276749); } - .\32xl\:focus-within\:ring-offset-yellow-50:focus-within { - --tw-ring-offset-color: #fffbeb; + .\32xl\:focus\:ring-offset-colors-green-900:focus { + --tw-ring-offset-color: var(--colors-green-900, #22543d); } - .\32xl\:focus-within\:ring-offset-yellow-100:focus-within { - --tw-ring-offset-color: #fef3c7; + .\32xl\:focus\:ring-offset-colors-teal-100:focus { + --tw-ring-offset-color: var(--colors-teal-100, #e6fffa); } - .\32xl\:focus-within\:ring-offset-yellow-200:focus-within { - --tw-ring-offset-color: #fde68a; + .\32xl\:focus\:ring-offset-colors-teal-200:focus { + --tw-ring-offset-color: var(--colors-teal-200, #b2f5ea); } - .\32xl\:focus-within\:ring-offset-yellow-300:focus-within { - --tw-ring-offset-color: #fcd34d; + .\32xl\:focus\:ring-offset-colors-teal-300:focus { + --tw-ring-offset-color: var(--colors-teal-300, #81e6d9); } - .\32xl\:focus-within\:ring-offset-yellow-400:focus-within { - --tw-ring-offset-color: #fbbf24; + .\32xl\:focus\:ring-offset-colors-teal-400:focus { + --tw-ring-offset-color: var(--colors-teal-400, #4fd1c5); } - .\32xl\:focus-within\:ring-offset-yellow-500:focus-within { - --tw-ring-offset-color: #f59e0b; + .\32xl\:focus\:ring-offset-colors-teal-500:focus { + --tw-ring-offset-color: var(--colors-teal-500, #38b2ac); } - .\32xl\:focus-within\:ring-offset-yellow-600:focus-within { - --tw-ring-offset-color: #d97706; + .\32xl\:focus\:ring-offset-colors-teal-600:focus { + --tw-ring-offset-color: var(--colors-teal-600, #319795); } - .\32xl\:focus-within\:ring-offset-yellow-700:focus-within { - --tw-ring-offset-color: #b45309; + .\32xl\:focus\:ring-offset-colors-teal-700:focus { + --tw-ring-offset-color: var(--colors-teal-700, #2c7a7b); } - .\32xl\:focus-within\:ring-offset-yellow-800:focus-within { - --tw-ring-offset-color: #92400e; + .\32xl\:focus\:ring-offset-colors-teal-800:focus { + --tw-ring-offset-color: var(--colors-teal-800, #285e61); } - .\32xl\:focus-within\:ring-offset-yellow-900:focus-within { - --tw-ring-offset-color: #78350f; + .\32xl\:focus\:ring-offset-colors-teal-900:focus { + --tw-ring-offset-color: var(--colors-teal-900, #234e52); } - .\32xl\:focus-within\:ring-offset-green-50:focus-within { - --tw-ring-offset-color: #ecfdf5; + .\32xl\:focus\:ring-offset-colors-blue-100:focus { + --tw-ring-offset-color: var(--colors-blue-100, #ebf8ff); } - .\32xl\:focus-within\:ring-offset-green-100:focus-within { - --tw-ring-offset-color: #d1fae5; + .\32xl\:focus\:ring-offset-colors-blue-200:focus { + --tw-ring-offset-color: var(--colors-blue-200, #bee3f8); } - .\32xl\:focus-within\:ring-offset-green-200:focus-within { - --tw-ring-offset-color: #a7f3d0; + .\32xl\:focus\:ring-offset-colors-blue-300:focus { + --tw-ring-offset-color: var(--colors-blue-300, #90cdf4); } - .\32xl\:focus-within\:ring-offset-green-300:focus-within { - --tw-ring-offset-color: #6ee7b7; + .\32xl\:focus\:ring-offset-colors-blue-400:focus { + --tw-ring-offset-color: var(--colors-blue-400, #63b3ed); } - .\32xl\:focus-within\:ring-offset-green-400:focus-within { - --tw-ring-offset-color: #34d399; + .\32xl\:focus\:ring-offset-colors-blue-500:focus { + --tw-ring-offset-color: var(--colors-blue-500, #4299e1); } - .\32xl\:focus-within\:ring-offset-green-500:focus-within { - --tw-ring-offset-color: #10b981; + .\32xl\:focus\:ring-offset-colors-blue-600:focus { + --tw-ring-offset-color: var(--colors-blue-600, #3182ce); } - .\32xl\:focus-within\:ring-offset-green-600:focus-within { - --tw-ring-offset-color: #059669; + .\32xl\:focus\:ring-offset-colors-blue-700:focus { + --tw-ring-offset-color: var(--colors-blue-700, #2b6cb0); } - .\32xl\:focus-within\:ring-offset-green-700:focus-within { - --tw-ring-offset-color: #047857; + .\32xl\:focus\:ring-offset-colors-blue-800:focus { + --tw-ring-offset-color: var(--colors-blue-800, #2c5282); } - .\32xl\:focus-within\:ring-offset-green-800:focus-within { - --tw-ring-offset-color: #065f46; + .\32xl\:focus\:ring-offset-colors-blue-900:focus { + --tw-ring-offset-color: var(--colors-blue-900, #2a4365); } - .\32xl\:focus-within\:ring-offset-green-900:focus-within { - --tw-ring-offset-color: #064e3b; + .\32xl\:focus\:ring-offset-colors-indigo-100:focus { + --tw-ring-offset-color: var(--colors-indigo-100, #ebf4ff); } - .\32xl\:focus-within\:ring-offset-blue-50:focus-within { - --tw-ring-offset-color: #eff6ff; + .\32xl\:focus\:ring-offset-colors-indigo-200:focus { + --tw-ring-offset-color: var(--colors-indigo-200, #c3dafe); } - .\32xl\:focus-within\:ring-offset-blue-100:focus-within { - --tw-ring-offset-color: #dbeafe; + .\32xl\:focus\:ring-offset-colors-indigo-300:focus { + --tw-ring-offset-color: var(--colors-indigo-300, #a3bffa); } - .\32xl\:focus-within\:ring-offset-blue-200:focus-within { - --tw-ring-offset-color: #bfdbfe; + .\32xl\:focus\:ring-offset-colors-indigo-400:focus { + --tw-ring-offset-color: var(--colors-indigo-400, #7f9cf5); } - .\32xl\:focus-within\:ring-offset-blue-300:focus-within { - --tw-ring-offset-color: #93c5fd; + .\32xl\:focus\:ring-offset-colors-indigo-500:focus { + --tw-ring-offset-color: var(--colors-indigo-500, #667eea); } - .\32xl\:focus-within\:ring-offset-blue-400:focus-within { - --tw-ring-offset-color: #60a5fa; + .\32xl\:focus\:ring-offset-colors-indigo-600:focus { + --tw-ring-offset-color: var(--colors-indigo-600, #5a67d8); } - .\32xl\:focus-within\:ring-offset-blue-500:focus-within { - --tw-ring-offset-color: #3b82f6; + .\32xl\:focus\:ring-offset-colors-indigo-700:focus { + --tw-ring-offset-color: var(--colors-indigo-700, #4c51bf); } - .\32xl\:focus-within\:ring-offset-blue-600:focus-within { - --tw-ring-offset-color: #2563eb; + .\32xl\:focus\:ring-offset-colors-indigo-800:focus { + --tw-ring-offset-color: var(--colors-indigo-800, #434190); } - .\32xl\:focus-within\:ring-offset-blue-700:focus-within { - --tw-ring-offset-color: #1d4ed8; + .\32xl\:focus\:ring-offset-colors-indigo-900:focus { + --tw-ring-offset-color: var(--colors-indigo-900, #3c366b); } - .\32xl\:focus-within\:ring-offset-blue-800:focus-within { - --tw-ring-offset-color: #1e40af; + .\32xl\:focus\:ring-offset-colors-purple-100:focus { + --tw-ring-offset-color: var(--colors-purple-100, #faf5ff); } - .\32xl\:focus-within\:ring-offset-blue-900:focus-within { - --tw-ring-offset-color: #1e3a8a; + .\32xl\:focus\:ring-offset-colors-purple-200:focus { + --tw-ring-offset-color: var(--colors-purple-200, #e9d8fd); } - .\32xl\:focus-within\:ring-offset-indigo-50:focus-within { - --tw-ring-offset-color: #eef2ff; + .\32xl\:focus\:ring-offset-colors-purple-300:focus { + --tw-ring-offset-color: var(--colors-purple-300, #d6bcfa); } - .\32xl\:focus-within\:ring-offset-indigo-100:focus-within { - --tw-ring-offset-color: #e0e7ff; + .\32xl\:focus\:ring-offset-colors-purple-400:focus { + --tw-ring-offset-color: var(--colors-purple-400, #b794f4); } - .\32xl\:focus-within\:ring-offset-indigo-200:focus-within { - --tw-ring-offset-color: #c7d2fe; + .\32xl\:focus\:ring-offset-colors-purple-500:focus { + --tw-ring-offset-color: var(--colors-purple-500, #9f7aea); } - .\32xl\:focus-within\:ring-offset-indigo-300:focus-within { - --tw-ring-offset-color: #a5b4fc; + .\32xl\:focus\:ring-offset-colors-purple-600:focus { + --tw-ring-offset-color: var(--colors-purple-600, #805ad5); } - .\32xl\:focus-within\:ring-offset-indigo-400:focus-within { - --tw-ring-offset-color: #818cf8; + .\32xl\:focus\:ring-offset-colors-purple-700:focus { + --tw-ring-offset-color: var(--colors-purple-700, #6b46c1); } - .\32xl\:focus-within\:ring-offset-indigo-500:focus-within { - --tw-ring-offset-color: #6366f1; + .\32xl\:focus\:ring-offset-colors-purple-800:focus { + --tw-ring-offset-color: var(--colors-purple-800, #553c9a); } - .\32xl\:focus-within\:ring-offset-indigo-600:focus-within { - --tw-ring-offset-color: #4f46e5; + .\32xl\:focus\:ring-offset-colors-purple-900:focus { + --tw-ring-offset-color: var(--colors-purple-900, #44337a); } - .\32xl\:focus-within\:ring-offset-indigo-700:focus-within { - --tw-ring-offset-color: #4338ca; + .\32xl\:focus\:ring-offset-colors-pink-100:focus { + --tw-ring-offset-color: var(--colors-pink-100, #fff5f7); } - .\32xl\:focus-within\:ring-offset-indigo-800:focus-within { - --tw-ring-offset-color: #3730a3; + .\32xl\:focus\:ring-offset-colors-pink-200:focus { + --tw-ring-offset-color: var(--colors-pink-200, #fed7e2); } - .\32xl\:focus-within\:ring-offset-indigo-900:focus-within { - --tw-ring-offset-color: #312e81; + .\32xl\:focus\:ring-offset-colors-pink-300:focus { + --tw-ring-offset-color: var(--colors-pink-300, #fbb6ce); } - .\32xl\:focus-within\:ring-offset-purple-50:focus-within { - --tw-ring-offset-color: #f5f3ff; + .\32xl\:focus\:ring-offset-colors-pink-400:focus { + --tw-ring-offset-color: var(--colors-pink-400, #f687b3); } - .\32xl\:focus-within\:ring-offset-purple-100:focus-within { - --tw-ring-offset-color: #ede9fe; + .\32xl\:focus\:ring-offset-colors-pink-500:focus { + --tw-ring-offset-color: var(--colors-pink-500, #ed64a6); } - .\32xl\:focus-within\:ring-offset-purple-200:focus-within { - --tw-ring-offset-color: #ddd6fe; + .\32xl\:focus\:ring-offset-colors-pink-600:focus { + --tw-ring-offset-color: var(--colors-pink-600, #d53f8c); } - .\32xl\:focus-within\:ring-offset-purple-300:focus-within { - --tw-ring-offset-color: #c4b5fd; + .\32xl\:focus\:ring-offset-colors-pink-700:focus { + --tw-ring-offset-color: var(--colors-pink-700, #b83280); } - .\32xl\:focus-within\:ring-offset-purple-400:focus-within { - --tw-ring-offset-color: #a78bfa; + .\32xl\:focus\:ring-offset-colors-pink-800:focus { + --tw-ring-offset-color: var(--colors-pink-800, #97266d); } - .\32xl\:focus-within\:ring-offset-purple-500:focus-within { - --tw-ring-offset-color: #8b5cf6; + .\32xl\:focus\:ring-offset-colors-pink-900:focus { + --tw-ring-offset-color: var(--colors-pink-900, #702459); } - .\32xl\:focus-within\:ring-offset-purple-600:focus-within { - --tw-ring-offset-color: #7c3aed; + .\32xl\:focus\:ring-offset-Box\ Shadow:focus { + --tw-ring-offset-color: var(--box-shadow, #7f7e7f); } - .\32xl\:focus-within\:ring-offset-purple-700:focus-within { - --tw-ring-offset-color: #6d28d9; + .\32xl\:focus\:ring-offset-Error16:focus { + --tw-ring-offset-color: var(--error16, #f03d3e40); } - .\32xl\:focus-within\:ring-offset-purple-800:focus-within { - --tw-ring-offset-color: #5b21b6; + .\32xl\:focus\:ring-offset-Success16:focus { + --tw-ring-offset-color: var(--success16, #5bb14d40); } - .\32xl\:focus-within\:ring-offset-purple-900:focus-within { - --tw-ring-offset-color: #4c1d95; + .\32xl\:focus\:ring-offset-Notification16:focus { + --tw-ring-offset-color: var(--notification16, #3959ff40); } - .\32xl\:focus-within\:ring-offset-pink-50:focus-within { - --tw-ring-offset-color: #fdf2f8; + .\32xl\:focus\:ring-offset-Error8:focus { + --tw-ring-offset-color: var(--error8, #f03d3e1a); } - .\32xl\:focus-within\:ring-offset-pink-100:focus-within { - --tw-ring-offset-color: #fce7f3; + .\32xl\:focus\:ring-offset-Notification8:focus { + --tw-ring-offset-color: var(--notification8, #3959ff1a); } - .\32xl\:focus-within\:ring-offset-pink-200:focus-within { - --tw-ring-offset-color: #fbcfe8; + .\32xl\:focus\:ring-offset-Success8:focus { + --tw-ring-offset-color: var(--success8, #5bb14d1a); } - .\32xl\:focus-within\:ring-offset-pink-300:focus-within { - --tw-ring-offset-color: #f9a8d4; + .\32xl\:focus\:ring-offset-Light\ -\ Overlay:focus { + --tw-ring-offset-color: var(--light-overlay, #f0edee66); } - .\32xl\:focus-within\:ring-offset-pink-400:focus-within { - --tw-ring-offset-color: #f472b6; + .\32xl\:focus\:ring-offset-Dark-\ Overlay:focus { + --tw-ring-offset-color: var(--dark-overlay, #7f7e7f66); } - .\32xl\:focus-within\:ring-offset-pink-500:focus-within { - --tw-ring-offset-color: #ec4899; + .\32xl\:focus\:ring-offset-black-40:focus { + --tw-ring-offset-color: var(--black-40, #00000066); } - .\32xl\:focus-within\:ring-offset-pink-600:focus-within { - --tw-ring-offset-color: #db2777; + .\32xl\:focus\:ring-offset-black-75:focus { + --tw-ring-offset-color: var(--black-75, #000000bf); } - .\32xl\:focus-within\:ring-offset-pink-700:focus-within { - --tw-ring-offset-color: #be185d; + .\32xl\:focus\:ring-offset-black-60:focus { + --tw-ring-offset-color: var(--black-60, #00000099); } - .\32xl\:focus-within\:ring-offset-pink-800:focus-within { - --tw-ring-offset-color: #9d174d; + .\32xl\:focus\:ring-offset-black-50:focus { + --tw-ring-offset-color: var(--black-50, #00000080); } - .\32xl\:focus-within\:ring-offset-pink-900:focus-within { - --tw-ring-offset-color: #831843; + .\32xl\:focus\:ring-offset-black-25:focus { + --tw-ring-offset-color: var(--black-25, #00000040); } - .\32xl\:focus\:ring-offset-transparent:focus { - --tw-ring-offset-color: transparent; + .\32xl\:focus\:ring-offset-black-10:focus { + --tw-ring-offset-color: var(--black-10, #0000001a); } - .\32xl\:focus\:ring-offset-current:focus { - --tw-ring-offset-color: currentColor; + .\32xl\:focus\:ring-offset-white-25:focus { + --tw-ring-offset-color: var(--white-25, #ffffff40); } - .\32xl\:focus\:ring-offset-black:focus { - --tw-ring-offset-color: #000; + .\32xl\:focus\:ring-offset-white-60:focus { + --tw-ring-offset-color: var(--white-60, #ffffff99); } - .\32xl\:focus\:ring-offset-white:focus { - --tw-ring-offset-color: #fff; + .\32xl\:focus\:ring-offset-black-64:focus { + --tw-ring-offset-color: var(--black-64, #000000a3); } - .\32xl\:focus\:ring-offset-gray-50:focus { - --tw-ring-offset-color: #f9fafb; + .\32xl\:focus\:ring-offset-Shadow\ and\ Highlight-Shadow:focus { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow, #7f7e7f); } - .\32xl\:focus\:ring-offset-gray-100:focus { - --tw-ring-offset-color: #f3f4f6; + .\32xl\:focus\:ring-offset-Shadow\ and\ Highlight-Highlight:focus { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight, #474747); } - .\32xl\:focus\:ring-offset-gray-200:focus { - --tw-ring-offset-color: #e5e7eb; + .\32xl\:focus\:ring-offset-Shadow\ and\ Highlight-highlight\ one:focus { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-one, #474747bf); } - .\32xl\:focus\:ring-offset-gray-300:focus { - --tw-ring-offset-color: #d1d5db; + .\32xl\:focus\:ring-offset-Shadow\ and\ Highlight-highlight\ two:focus { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-two, #47474799); } - .\32xl\:focus\:ring-offset-gray-400:focus { - --tw-ring-offset-color: #9ca3af; + .\32xl\:focus\:ring-offset-Shadow\ and\ Highlight-highlight\ three:focus { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-three, #47474766); } - .\32xl\:focus\:ring-offset-gray-500:focus { - --tw-ring-offset-color: #6b7280; + .\32xl\:focus\:ring-offset-Shadow\ and\ Highlight-highlight\ five:focus { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-five, #4747471a); } - .\32xl\:focus\:ring-offset-gray-600:focus { - --tw-ring-offset-color: #4b5563; + .\32xl\:focus\:ring-offset-Shadow\ and\ Highlight-shadow\ one:focus { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-one, #7f7e7fbf); } - .\32xl\:focus\:ring-offset-gray-700:focus { - --tw-ring-offset-color: #374151; + .\32xl\:focus\:ring-offset-Shadow\ and\ Highlight-shadow\ two:focus { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-two, #7f7e7f99); } - .\32xl\:focus\:ring-offset-gray-800:focus { - --tw-ring-offset-color: #1f2937; + .\32xl\:focus\:ring-offset-Shadow\ and\ Highlight-shadow\ three:focus { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-three, #7f7e7f66); } - .\32xl\:focus\:ring-offset-gray-900:focus { - --tw-ring-offset-color: #111827; + .\32xl\:focus\:ring-offset-Shadow\ and\ Highlight-shadow\ four:focus { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-four, #7f7e7f40); } - .\32xl\:focus\:ring-offset-red-50:focus { - --tw-ring-offset-color: #fef2f2; + .\32xl\:focus\:ring-offset-Shadow\ and\ Highlight-shadow\ five:focus { + --tw-ring-offset-color: var(--shadow-and-highlight-shadow-five, #7f7e7f1a); } - .\32xl\:focus\:ring-offset-red-100:focus { - --tw-ring-offset-color: #fee2e2; + .\32xl\:focus\:ring-offset-Shadow\ and\ Highlight-highlight\ four:focus { + --tw-ring-offset-color: var(--shadow-and-highlight-highlight-four, #47474740); } - .\32xl\:focus\:ring-offset-red-200:focus { - --tw-ring-offset-color: #fecaca; + .\32xl\:focus\:ring-offset-Base\ Layer\ Styles-Base\ Layer-\ Light-White:focus { + --tw-ring-offset-color: var(--base-layer-styles-base-layer-light-white, #ffffff); } - .\32xl\:focus\:ring-offset-red-300:focus { - --tw-ring-offset-color: #fca5a5; + .\32xl\:focus\:ring-offset-Base\ Layer\ Styles-Base\ Layer-Light-OffWhite:focus { + --tw-ring-offset-color: var(--base-layer-styles-base-layer-light-off-white, #f0edee); } - .\32xl\:focus\:ring-offset-red-400:focus { - --tw-ring-offset-color: #f87171; + .\32xl\:focus\:ring-offset-Base\ Layer\ Styles-Base\ Layer-Dark-OffBlack:focus { + --tw-ring-offset-color: var(--base-layer-styles-base-layer-dark-off-black, #1c1c1c); } - .\32xl\:focus\:ring-offset-red-500:focus { - --tw-ring-offset-color: #ef4444; + .\32xl\:focus\:ring-offset-Base\ Layer\ Styles-Base\ Layer-Dark-Black:focus { + --tw-ring-offset-color: var(--base-layer-styles-base-layer-dark-black, #000000); } - .\32xl\:focus\:ring-offset-red-600:focus { - --tw-ring-offset-color: #dc2626; + .\32xl\:focus\:ring-offset-Grey-Scale-white:focus { + --tw-ring-offset-color: var(--grey-scale-white, #ffffff); } - .\32xl\:focus\:ring-offset-red-700:focus { - --tw-ring-offset-color: #b91c1c; + .\32xl\:focus\:ring-offset-Grey-Scale-off-white:focus { + --tw-ring-offset-color: var(--grey-scale-off-white, #f0edee); } - .\32xl\:focus\:ring-offset-red-800:focus { - --tw-ring-offset-color: #991b1b; + .\32xl\:focus\:ring-offset-Grey\ Scale-grey:focus { + --tw-ring-offset-color: var(--grey-scale-grey, #7f7e7f); } - .\32xl\:focus\:ring-offset-red-900:focus { - --tw-ring-offset-color: #7f1d1d; + .\32xl\:focus\:ring-offset-Grey\ Scale-charcoal:focus { + --tw-ring-offset-color: var(--grey-scale-charcoal, #474747); } - .\32xl\:focus\:ring-offset-yellow-50:focus { - --tw-ring-offset-color: #fffbeb; + .\32xl\:focus\:ring-offset-Grey\ Scale-off-black:focus { + --tw-ring-offset-color: var(--grey-scale-off-black, #1c1c1c); } - .\32xl\:focus\:ring-offset-yellow-100:focus { - --tw-ring-offset-color: #fef3c7; + .\32xl\:focus\:ring-offset-Grey\ Scale-black:focus { + --tw-ring-offset-color: var(--grey-scale-black, #000000); } - .\32xl\:focus\:ring-offset-yellow-200:focus { - --tw-ring-offset-color: #fde68a; + .\32xl\:focus\:ring-offset-Blue-blue:focus { + --tw-ring-offset-color: var(--blue-blue, #3a7ca5); } - .\32xl\:focus\:ring-offset-yellow-300:focus { - --tw-ring-offset-color: #fcd34d; + .\32xl\:focus\:ring-offset-Blue-blue-100:focus { + --tw-ring-offset-color: var(--blue-blue-100, #75a3c0); } - .\32xl\:focus\:ring-offset-yellow-400:focus { - --tw-ring-offset-color: #fbbf24; + .\32xl\:focus\:ring-offset-Blue-blue-200:focus { + --tw-ring-offset-color: var(--blue-blue-200, #9cbed2); } - .\32xl\:focus\:ring-offset-yellow-500:focus { - --tw-ring-offset-color: #f59e0b; + .\32xl\:focus\:ring-offset-Blue-blue-300:focus { + --tw-ring-offset-color: var(--blue-blue-300, #4f7d9a); } - .\32xl\:focus\:ring-offset-yellow-600:focus { - --tw-ring-offset-color: #d97706; + .\32xl\:focus\:ring-offset-Blue-blue-400:focus { + --tw-ring-offset-color: var(--blue-blue-400, #5c7d92); } - .\32xl\:focus\:ring-offset-yellow-700:focus { - --tw-ring-offset-color: #b45309; + .\32xl\:focus\:ring-offset-Blue-blue-500:focus { + --tw-ring-offset-color: var(--blue-blue-500, #347095); } - .\32xl\:focus\:ring-offset-yellow-800:focus { - --tw-ring-offset-color: #92400e; + .\32xl\:focus\:ring-offset-Blue-blue-600:focus { + --tw-ring-offset-color: var(--blue-blue-600, #295774); } - .\32xl\:focus\:ring-offset-yellow-900:focus { - --tw-ring-offset-color: #78350f; + .\32xl\:focus\:ring-offset-Blue-blue-700:focus { + --tw-ring-offset-color: var(--blue-blue-700, #173242); } - .\32xl\:focus\:ring-offset-green-50:focus { - --tw-ring-offset-color: #ecfdf5; + .\32xl\:focus\:ring-offset-LightBlue-lightblue:focus { + --tw-ring-offset-color: var(--light-blue-lightblue, #81c3d7); } - .\32xl\:focus\:ring-offset-green-100:focus { - --tw-ring-offset-color: #d1fae5; + .\32xl\:focus\:ring-offset-LightBlue-lightblue-100:focus { + --tw-ring-offset-color: var(--light-blue-lightblue-100, #a7d5e3); } - .\32xl\:focus\:ring-offset-green-200:focus { - --tw-ring-offset-color: #a7f3d0; + .\32xl\:focus\:ring-offset-LightBlue-lightblue-200:focus { + --tw-ring-offset-color: var(--light-blue-lightblue-200, #c0e1eb); } - .\32xl\:focus\:ring-offset-green-300:focus { - --tw-ring-offset-color: #6ee7b7; + .\32xl\:focus\:ring-offset-LightBlue-lightblue-300:focus { + --tw-ring-offset-color: var(--light-blue-lightblue-300, #80aebd); } - .\32xl\:focus\:ring-offset-green-400:focus { - --tw-ring-offset-color: #34d399; + .\32xl\:focus\:ring-offset-LightBlue-lightblue-400:focus { + --tw-ring-offset-color: var(--light-blue-lightblue-400, #80a0ab); } - .\32xl\:focus\:ring-offset-green-500:focus { - --tw-ring-offset-color: #10b981; + .\32xl\:focus\:ring-offset-LightBlue-lightblue-500:focus { + --tw-ring-offset-color: var(--light-blue-lightblue-500, #74afc1); } - .\32xl\:focus\:ring-offset-green-600:focus { - --tw-ring-offset-color: #059669; + .\32xl\:focus\:ring-offset-LightBlue-lightblue-600:focus { + --tw-ring-offset-color: var(--light-blue-lightblue-600, #5a8997); } - .\32xl\:focus\:ring-offset-green-700:focus { - --tw-ring-offset-color: #047857; + .\32xl\:focus\:ring-offset-LightBlue-lightblue-650:focus { + --tw-ring-offset-color: var(--light-blue-lightblue-650, #3e5e65); } - .\32xl\:focus\:ring-offset-green-800:focus { - --tw-ring-offset-color: #065f46; + .\32xl\:focus\:ring-offset-LightBlue-lightblue-700:focus { + --tw-ring-offset-color: var(--light-blue-lightblue-700, #344e56); } - .\32xl\:focus\:ring-offset-green-900:focus { - --tw-ring-offset-color: #064e3b; + .\32xl\:focus\:ring-offset-Orange-orange:focus { + --tw-ring-offset-color: var(--orange-orange, #ff7f0e); } - .\32xl\:focus\:ring-offset-blue-50:focus { - --tw-ring-offset-color: #eff6ff; + .\32xl\:focus\:ring-offset-Orange-orange-100:focus { + --tw-ring-offset-color: var(--orange-orange-100, #ffa556); } - .\32xl\:focus\:ring-offset-blue-100:focus { - --tw-ring-offset-color: #dbeafe; + .\32xl\:focus\:ring-offset-Orange-orange-200:focus { + --tw-ring-offset-color: var(--orange-orange-200, #ffbf86); } - .\32xl\:focus\:ring-offset-blue-200:focus { - --tw-ring-offset-color: #bfdbfe; + .\32xl\:focus\:ring-offset-Orange-orange-300:focus { + --tw-ring-offset-color: var(--orange-orange-300, #d97f30); } - .\32xl\:focus\:ring-offset-blue-300:focus { - --tw-ring-offset-color: #93c5fd; + .\32xl\:focus\:ring-offset-Orange-orange-400:focus { + --tw-ring-offset-color: var(--orange-orange-400, #bf7e46); } - .\32xl\:focus\:ring-offset-blue-400:focus { - --tw-ring-offset-color: #60a5fa; + .\32xl\:focus\:ring-offset-Orange-orange-500:focus { + --tw-ring-offset-color: var(--orange-orange-500, #e5720d); } - .\32xl\:focus\:ring-offset-blue-500:focus { - --tw-ring-offset-color: #3b82f6; + .\32xl\:focus\:ring-offset-Orange-orange-600:focus { + --tw-ring-offset-color: var(--orange-orange-600, #b3590a); } - .\32xl\:focus\:ring-offset-blue-600:focus { - --tw-ring-offset-color: #2563eb; + .\32xl\:focus\:ring-offset-Orange-orange-700:focus { + --tw-ring-offset-color: var(--orange-orange-700, #663306); } - .\32xl\:focus\:ring-offset-blue-700:focus { - --tw-ring-offset-color: #1d4ed8; + .\32xl\:focus\:ring-offset-Yellow-yellow:focus { + --tw-ring-offset-color: var(--yellow-yellow, #ffab00); } - .\32xl\:focus\:ring-offset-blue-800:focus { - --tw-ring-offset-color: #1e40af; + .\32xl\:focus\:ring-offset-Yellow-yellow-100:focus { + --tw-ring-offset-color: var(--yellow-yellow-100, #ffc44c); } - .\32xl\:focus\:ring-offset-blue-900:focus { - --tw-ring-offset-color: #1e3a8a; + .\32xl\:focus\:ring-offset-Yellow-yellow-200:focus { + --tw-ring-offset-color: var(--yellow-yellow-200, #ffd580); } - .\32xl\:focus\:ring-offset-indigo-50:focus { - --tw-ring-offset-color: #eef2ff; + .\32xl\:focus\:ring-offset-Yellow-yellow-300:focus { + --tw-ring-offset-color: var(--yellow-yellow-300, #d99d26); } - .\32xl\:focus\:ring-offset-indigo-100:focus { - --tw-ring-offset-color: #e0e7ff; + .\32xl\:focus\:ring-offset-Yellow-yellow-400:focus { + --tw-ring-offset-color: var(--yellow-yellow-400, #bf943f); } - .\32xl\:focus\:ring-offset-indigo-200:focus { - --tw-ring-offset-color: #c7d2fe; + .\32xl\:focus\:ring-offset-Yellow-yellow-500:focus { + --tw-ring-offset-color: var(--yellow-yellow-500, #e59a00); } - .\32xl\:focus\:ring-offset-indigo-300:focus { - --tw-ring-offset-color: #a5b4fc; + .\32xl\:focus\:ring-offset-Yellow-yellow-600:focus { + --tw-ring-offset-color: var(--yellow-yellow-600, #b37800); } - .\32xl\:focus\:ring-offset-indigo-400:focus { - --tw-ring-offset-color: #818cf8; + .\32xl\:focus\:ring-offset-Yellow-yellow-700:focus { + --tw-ring-offset-color: var(--yellow-yellow-700, #664400); } - .\32xl\:focus\:ring-offset-indigo-500:focus { - --tw-ring-offset-color: #6366f1; + .\32xl\:focus\:ring-offset-Notification-notification:focus { + --tw-ring-offset-color: var(--notification-notification, #3959ff); } - .\32xl\:focus\:ring-offset-indigo-600:focus { - --tw-ring-offset-color: #4f46e5; + .\32xl\:focus\:ring-offset-Notification-notification-100:focus { + --tw-ring-offset-color: var(--notification-notification-100, #748bff); } - .\32xl\:focus\:ring-offset-indigo-700:focus { - --tw-ring-offset-color: #4338ca; + .\32xl\:focus\:ring-offset-Notification-notification-200:focus { + --tw-ring-offset-color: var(--notification-notification-200, #9cacff); } - .\32xl\:focus\:ring-offset-indigo-800:focus { - --tw-ring-offset-color: #3730a3; + .\32xl\:focus\:ring-offset-Notification-notification-300:focus { + --tw-ring-offset-color: var(--notification-notification-300, #4e64d9); } - .\32xl\:focus\:ring-offset-indigo-900:focus { - --tw-ring-offset-color: #312e81; + .\32xl\:focus\:ring-offset-Notification-notification-400:focus { + --tw-ring-offset-color: var(--notification-notification-400, #5c6cbf); } - .\32xl\:focus\:ring-offset-purple-50:focus { - --tw-ring-offset-color: #f5f3ff; + .\32xl\:focus\:ring-offset-Notification-notification-500:focus { + --tw-ring-offset-color: var(--notification-notification-500, #3350e5); } - .\32xl\:focus\:ring-offset-purple-100:focus { - --tw-ring-offset-color: #ede9fe; + .\32xl\:focus\:ring-offset-Notification-notification-600:focus { + --tw-ring-offset-color: var(--notification-notification-600, #283eb3); } - .\32xl\:focus\:ring-offset-purple-200:focus { - --tw-ring-offset-color: #ddd6fe; + .\32xl\:focus\:ring-offset-Notification-notification-700:focus { + --tw-ring-offset-color: var(--notification-notification-700, #172466); } - .\32xl\:focus\:ring-offset-purple-300:focus { - --tw-ring-offset-color: #c4b5fd; + .\32xl\:focus\:ring-offset-Success-success\ -700:focus { + --tw-ring-offset-color: var(--success-success-700, #24471f); } - .\32xl\:focus\:ring-offset-purple-400:focus { - --tw-ring-offset-color: #a78bfa; + .\32xl\:focus\:ring-offset-Success-success:focus { + --tw-ring-offset-color: var(--success-success, #5bb14d); } - .\32xl\:focus\:ring-offset-purple-500:focus { - --tw-ring-offset-color: #8b5cf6; + .\32xl\:focus\:ring-offset-Success-success\ -100:focus { + --tw-ring-offset-color: var(--success-success-100, #8cc882); } - .\32xl\:focus\:ring-offset-purple-600:focus { - --tw-ring-offset-color: #7c3aed; + .\32xl\:focus\:ring-offset-Success-success\ -200:focus { + --tw-ring-offset-color: var(--success-success-200, #add8a6); } - .\32xl\:focus\:ring-offset-purple-700:focus { - --tw-ring-offset-color: #6d28d9; + .\32xl\:focus\:ring-offset-Success-success\ -300:focus { + --tw-ring-offset-color: var(--success-success-300, #66a25c); } - .\32xl\:focus\:ring-offset-purple-800:focus { - --tw-ring-offset-color: #5b21b6; + .\32xl\:focus\:ring-offset-Success-success\ -400:focus { + --tw-ring-offset-color: var(--success-success-400, #6d9766); } - .\32xl\:focus\:ring-offset-purple-900:focus { - --tw-ring-offset-color: #4c1d95; + .\32xl\:focus\:ring-offset-Success-success\ -500:focus { + --tw-ring-offset-color: var(--success-success-500, #529f45); } - .\32xl\:focus\:ring-offset-pink-50:focus { - --tw-ring-offset-color: #fdf2f8; + .\32xl\:focus\:ring-offset-Success-success\ -600:focus { + --tw-ring-offset-color: var(--success-success-600, #407c36); } - .\32xl\:focus\:ring-offset-pink-100:focus { - --tw-ring-offset-color: #fce7f3; + .\32xl\:focus\:ring-offset-Error-error:focus { + --tw-ring-offset-color: var(--error-error, #f03d3e); } - .\32xl\:focus\:ring-offset-pink-200:focus { - --tw-ring-offset-color: #fbcfe8; + .\32xl\:focus\:ring-offset-Error-error-100:focus { + --tw-ring-offset-color: var(--error-error-100, #f57778); } - .\32xl\:focus\:ring-offset-pink-300:focus { - --tw-ring-offset-color: #f9a8d4; + .\32xl\:focus\:ring-offset-Error-error-200:focus { + --tw-ring-offset-color: var(--error-error-200, #f89e9e); } - .\32xl\:focus\:ring-offset-pink-400:focus { - --tw-ring-offset-color: #f472b6; + .\32xl\:focus\:ring-offset-Error-error-250:focus { + --tw-ring-offset-color: var(--error-error-250, #f9c8c8); } - .\32xl\:focus\:ring-offset-pink-500:focus { - --tw-ring-offset-color: #ec4899; + .\32xl\:focus\:ring-offset-Error-error-300:focus { + --tw-ring-offset-color: var(--error-error-300, #ce5151); } - .\32xl\:focus\:ring-offset-pink-600:focus { - --tw-ring-offset-color: #db2777; + .\32xl\:focus\:ring-offset-Error-error-400:focus { + --tw-ring-offset-color: var(--error-error-400, #b85e5e); } - .\32xl\:focus\:ring-offset-pink-700:focus { - --tw-ring-offset-color: #be185d; + .\32xl\:focus\:ring-offset-Error-error-500:focus { + --tw-ring-offset-color: var(--error-error-500, #d83738); } - .\32xl\:focus\:ring-offset-pink-800:focus { - --tw-ring-offset-color: #9d174d; + .\32xl\:focus\:ring-offset-Error-error-600:focus { + --tw-ring-offset-color: var(--error-error-600, #a82b2b); } - .\32xl\:focus\:ring-offset-pink-900:focus { - --tw-ring-offset-color: #831843; + .\32xl\:focus\:ring-offset-Error-error-700:focus { + --tw-ring-offset-color: var(--error-error-700, #601819); } .\32xl\:filter { diff --git a/packages/tailwind-constructor/tokens.json b/packages/tailwind-constructor/tokens.json index be96171cf..c4a4b789b 100644 --- a/packages/tailwind-constructor/tokens.json +++ b/packages/tailwind-constructor/tokens.json @@ -1484,7 +1484,7 @@ "fontSize": "{fontSize.1}", "letterSpacing": "{letterSpacing.1}", "paragraphSpacing": "{paragraphSpacing.0}", - "textCase": "{textCase.uppercase}", + "textCase": "{textCase.normal-case}", "textDecoration": "{textDecoration.none}" }, "type": "typography" @@ -1629,7 +1629,7 @@ "fontSize": "{fontSize.1}", "letterSpacing": "{letterSpacing.5}", "paragraphSpacing": "{paragraphSpacing.0}", - "textCase": "{textCase.uppercase}", + "textCase": "{textCase.normal-case}", "textDecoration": "{textDecoration.none}" }, "type": "typography" @@ -1676,72 +1676,72 @@ } }, "rounded-sm": { - "value": "4/$rem", + "value": "0.25rem", "type": "borderRadius" }, "rounded": { - "value": "8/$rem", + "value": "0.5rem", "type": "borderRadius" }, "rounded-md": { - "value": "16/$rem", + "value": "1rem", "type": "borderRadius" }, "rounded-lg": { - "value": "24/$rem", + "value": "1.5rem", "type": "borderRadius" }, "rounded-xl": { - "value": "32/$rem", + "value": "2rem", "type": "borderRadius" }, "rounded-2xl": { - "value": "48/$rem", + "value": "3rem", "type": "borderRadius" }, "rounded-3xl": { - "value": "64/$rem", + "value": "4rem", "type": "borderRadius" }, "rounded-4xl": { - "value": "96/$rem", + "value": "6rem", "type": "borderRadius" }, "padding": { "p-1": { - "value": "4/$rem", + "value": "0.25rem", "type": "spacing" }, "p-2": { - "value": "8/$rem", + "value": "0.5rem", "type": "spacing" }, "p-4": { - "value": "16/$rem", + "value": "1rem", "type": "spacing" }, "p-6": { - "value": "24/$rem", + "value": "1.5rem", "type": "spacing" }, "p-8": { - "value": "32/$rem", + "value": "2rem", "type": "spacing" }, "p-12": { - "value": "48/$rem", + "value": "3rem", "type": "spacing" }, "p-16": { - "value": "64/$rem", + "value": "4rem", "type": "spacing" }, "p-24": { - "value": "96/$rem", + "value": "6rem", "type": "spacing" }, "p-32": { - "value": "128/$rem", + "value": "8rem", "type": "spacing" } }, @@ -1751,55 +1751,55 @@ }, "fontSize": { "0": { - "value": "12/$rem", + "value": "0.75rem", "type": "fontSizes" }, "1": { - "value": "14/$rem", + "value": "0.875rem", "type": "fontSizes" }, "2": { - "value": "16/$rem", + "value": "1rem", "type": "fontSizes" }, "3": { - "value": "20/$rem", + "value": "1.25rem", "type": "fontSizes" }, "4": { - "value": "24/$rem", + "value": "1.5rem", "type": "fontSizes" }, "5": { - "value": "26/$rem", + "value": "1.625rem", "type": "fontSizes" }, "6": { - "value": "28/$rem", + "value": "1.75rem", "type": "fontSizes" }, "7": { - "value": "32/$rem", + "value": "2rem", "type": "fontSizes" }, "8": { - "value": "36/$rem", + "value": "2.25rem", "type": "fontSizes" }, "9": { - "value": "40/$rem", + "value": "2.5rem", "type": "fontSizes" }, "10": { - "value": "44/$rem", + "value": "2.75rem", "type": "fontSizes" }, "11": { - "value": "48/$rem", + "value": "3rem", "type": "fontSizes" }, "12": { - "value": "64/$rem", + "value": "4rem", "type": "fontSizes" } } diff --git a/packages/tailwind-constructor/tokens/core.json b/packages/tailwind-constructor/tokens/core.json index 2538e56a7..d8bf7e5c3 100644 --- a/packages/tailwind-constructor/tokens/core.json +++ b/packages/tailwind-constructor/tokens/core.json @@ -1073,7 +1073,7 @@ "textCase": "none", "textDecoration": "none", "lineHeight": 20, - "fontSize": 0.75 + "fontSize": "0.75rem" }, "type": "typography" }, @@ -1085,7 +1085,7 @@ "paragraphSpacing": 0, "textCase": "uppercase", "textDecoration": "none", - "fontSize": 1, + "fontSize": "1rem", "lineHeight": "AUTO" }, "type": "typography", @@ -1100,7 +1100,7 @@ "paragraphSpacing": 0, "textCase": "none", "textDecoration": "none", - "fontSize": 2.75 + "fontSize": "2.75rem" }, "type": "typography", "description": "Product Cards - Product Name" @@ -1114,7 +1114,7 @@ "paragraphSpacing": 0, "textCase": "capitalize", "textDecoration": "none", - "fontSize": 1 + "fontSize": "1rem" }, "type": "typography" }, @@ -1123,7 +1123,7 @@ "fontFamily": "Nunito Sans", "fontWeight": "Regular", "lineHeight": 16, - "fontSize": 0.875, + "fontSize": "0.875rem", "letterSpacing": 0, "paragraphSpacing": 0, "textCase": "none", @@ -1140,7 +1140,7 @@ "paragraphSpacing": 0, "textCase": "none", "textDecoration": "underline", - "fontSize": 1 + "fontSize": "1rem" }, "type": "typography", "description": "Disabled links on Desktop" @@ -1150,7 +1150,7 @@ "fontFamily": "Nunito Sans", "fontWeight": "Light Italic", "lineHeight": 16, - "fontSize": 0.875, + "fontSize": "0.875rem", "letterSpacing": 0, "paragraphSpacing": 0, "textCase": "none", @@ -1164,7 +1164,7 @@ "fontFamily": "Nunito Sans", "fontWeight": "Regular", "lineHeight": 16, - "fontSize": 1, + "fontSize": "1rem", "letterSpacing": 0, "paragraphSpacing": 0, "textCase": "none", @@ -1178,7 +1178,7 @@ "fontFamily": "Nunito Sans", "fontWeight": "Regular", "lineHeight": 16, - "fontSize": 0.875, + "fontSize": "0.875rem", "letterSpacing": 0, "paragraphSpacing": 0, "textCase": "none", @@ -1192,7 +1192,7 @@ "fontFamily": "Nunito Sans", "fontWeight": "SemiBold", "lineHeight": 16, - "fontSize": 1, + "fontSize": "1rem", "letterSpacing": 0, "paragraphSpacing": 0, "textCase": "none", @@ -1205,7 +1205,7 @@ "fontFamily": "Nunito Sans", "fontWeight": "Regular", "lineHeight": 16, - "fontSize": 1, + "fontSize": "1rem", "letterSpacing": 0, "paragraphSpacing": 0, "textCase": "none", @@ -1218,7 +1218,7 @@ "fontFamily": "Nunito Sans", "fontWeight": "SemiBold", "lineHeight": 20, - "fontSize": 1, + "fontSize": "1rem", "letterSpacing": 0, "paragraphSpacing": 0, "textCase": "none", @@ -1231,7 +1231,7 @@ "fontFamily": "Nunito Sans", "fontWeight": "Regular", "lineHeight": 20, - "fontSize": 1, + "fontSize": "1rem", "letterSpacing": 0, "paragraphSpacing": 0, "textCase": "none", @@ -1244,7 +1244,7 @@ "fontFamily": "Nunito Sans", "fontWeight": "Regular", "lineHeight": 16, - "fontSize": 0.875, + "fontSize": "0.875rem", "letterSpacing": 0, "paragraphSpacing": 0, "textCase": "none", @@ -1257,7 +1257,7 @@ "fontFamily": "Nunito Sans", "fontWeight": "SemiBold", "lineHeight": 16, - "fontSize": 0.875, + "fontSize": "0.875rem", "letterSpacing": 0, "paragraphSpacing": 0, "textCase": "none", @@ -1270,7 +1270,7 @@ "fontFamily": "Nunito Sans", "fontWeight": "Regular", "lineHeight": 16, - "fontSize": 0.875, + "fontSize": "0.875rem", "letterSpacing": 0, "paragraphSpacing": 0, "textCase": "none", @@ -1283,7 +1283,7 @@ "fontFamily": "Abel", "fontWeight": "Regular", "lineHeight": 68, - "fontSize": 4, + "fontSize": "4rem", "letterSpacing": "-2%", "paragraphSpacing": 0, "textCase": "none", @@ -1296,7 +1296,7 @@ "fontFamily": "Nunito Sans", "fontWeight": "Regular", "lineHeight": 52, - "fontSize": 3, + "fontSize": "3rem", "letterSpacing": "-2%", "paragraphSpacing": 0, "textCase": "none", @@ -1313,7 +1313,7 @@ "paragraphSpacing": 0, "textCase": "none", "textDecoration": "none", - "fontSize": 1.625 + "fontSize": "1.625rem" }, "type": "typography" }, @@ -1326,7 +1326,7 @@ "paragraphSpacing": 0, "textCase": "uppercase", "textDecoration": "none", - "fontSize": 1 + "fontSize": "1rem" }, "type": "typography" }, @@ -1335,7 +1335,7 @@ "fontFamily": "Nunito Sans", "fontWeight": "Light", "lineHeight": 20, - "fontSize": 0.875, + "fontSize": "0.875rem", "letterSpacing": "0%", "paragraphSpacing": 0, "textCase": "none", @@ -1352,7 +1352,7 @@ "paragraphSpacing": 0, "textCase": "uppercase", "textDecoration": "none", - "fontSize": 0.75 + "fontSize": "0.75rem" }, "type": "typography", "description": "Small Labels \n\n-Slider Tool Tip" @@ -1366,7 +1366,7 @@ "paragraphSpacing": 0, "textCase": "none", "textDecoration": "none", - "fontSize": 2.75 + "fontSize": "2.75rem" }, "type": "typography" }, @@ -1379,7 +1379,7 @@ "textCase": "none", "textDecoration": "none", "paragraphSpacing": 0, - "fontSize": 2.5 + "fontSize": "2.5rem" }, "type": "typography" }, @@ -1392,7 +1392,7 @@ "paragraphSpacing": 0, "textCase": "none", "textDecoration": "none", - "fontSize": 2 + "fontSize": "2rem" }, "type": "typography" }, @@ -1401,7 +1401,7 @@ "fontFamily": "Nunito Sans", "fontWeight": "Regular", "lineHeight": "AUTO", - "fontSize": 1.75, + "fontSize": "1.75rem", "letterSpacing": "0%", "paragraphSpacing": 0, "textCase": "none", @@ -1414,7 +1414,7 @@ "fontFamily": "Nunito Sans", "fontWeight": "Regular", "lineHeight": "AUTO", - "fontSize": 1, + "fontSize": "1rem", "letterSpacing": "8%", "paragraphSpacing": 0, "textCase": "uppercase", @@ -1427,7 +1427,7 @@ "fontFamily": "Nunito Sans", "fontWeight": "Regular", "lineHeight": 28, - "fontSize": 1.25, + "fontSize": "1.25rem", "letterSpacing": "0%", "paragraphSpacing": 0, "textCase": "none", @@ -1441,7 +1441,7 @@ "fontFamily": "Nunito Sans", "fontWeight": "Regular", "lineHeight": 24, - "fontSize": 1, + "fontSize": "1rem", "letterSpacing": "0%", "paragraphSpacing": 0, "textCase": "none", @@ -1454,7 +1454,7 @@ "fontFamily": "Nunito Sans", "fontWeight": "Regular", "lineHeight": 20, - "fontSize": 0.875, + "fontSize": "0.875rem", "letterSpacing": "0%", "paragraphSpacing": 0, "textCase": "none", @@ -1467,7 +1467,7 @@ "fontFamily": "Nunito Sans", "fontWeight": "Light", "lineHeight": 20, - "fontSize": 0.875, + "fontSize": "0.875rem", "letterSpacing": "0%", "paragraphSpacing": 0, "textCase": "none", @@ -1480,10 +1480,10 @@ "fontFamily": "Nunito Sans", "fontWeight": "Regular", "lineHeight": 24, - "fontSize": 0.875, + "fontSize": "0.875rem", "letterSpacing": "8%", "paragraphSpacing": 0, - "textCase": "uppercase", + "textCase": "none", "textDecoration": "none" }, "type": "typography" @@ -1493,7 +1493,7 @@ "fontFamily": "Nunito Sans", "fontWeight": "Regular", "lineHeight": 20, - "fontSize": 0.875, + "fontSize": "0.875rem", "letterSpacing": "0%", "paragraphSpacing": 0, "textCase": "uppercase", @@ -1506,7 +1506,7 @@ "fontFamily": "Abel", "fontWeight": "Regular", "lineHeight": 40, - "fontSize": 2.5, + "fontSize": "2.5rem", "letterSpacing": "0%", "paragraphSpacing": 0, "textCase": "none", @@ -1519,7 +1519,7 @@ "fontFamily": "Abel", "fontWeight": "Regular", "lineHeight": 48, - "fontSize": 2.25, + "fontSize": "2.25rem", "letterSpacing": "0%", "paragraphSpacing": 0, "textCase": "none", @@ -1532,7 +1532,7 @@ "fontFamily": "Abel", "fontWeight": "Regular", "lineHeight": 32, - "fontSize": 1.5, + "fontSize": "1.5rem", "letterSpacing": "0%", "paragraphSpacing": 0, "textCase": "none", @@ -1545,7 +1545,7 @@ "fontFamily": "Nunito Sans", "fontWeight": "Regular", "lineHeight": "AUTO", - "fontSize": 1.5, + "fontSize": "1.5rem", "letterSpacing": "0%", "paragraphSpacing": 0, "textCase": "none", @@ -1558,7 +1558,7 @@ "fontFamily": "Nunito Sans", "fontWeight": "Regular", "lineHeight": 28, - "fontSize": 1.25, + "fontSize": "1.25rem", "letterSpacing": "8%", "paragraphSpacing": 0, "textCase": "uppercase", @@ -1571,7 +1571,7 @@ "fontFamily": "Nunito Sans", "fontWeight": "Regular", "lineHeight": 28, - "fontSize": 1.25, + "fontSize": "1.25rem", "letterSpacing": "0%", "paragraphSpacing": 0, "textCase": "none", @@ -1585,7 +1585,7 @@ "fontFamily": "Nunito Sans", "fontWeight": "Regular", "lineHeight": 24, - "fontSize": 1, + "fontSize": "1rem", "letterSpacing": "0%", "paragraphSpacing": 0, "textCase": "none", @@ -1599,7 +1599,7 @@ "fontFamily": "Nunito Sans", "fontWeight": "Regular", "lineHeight": 20, - "fontSize": 0.875, + "fontSize": "0.875rem", "letterSpacing": "0%", "paragraphSpacing": 0, "textCase": "none", @@ -1612,7 +1612,7 @@ "fontFamily": "Nunito Sans", "fontWeight": "Regular", "lineHeight": 24, - "fontSize": 1, + "fontSize": "1rem", "letterSpacing": "0%", "paragraphSpacing": 0, "textCase": "uppercase", @@ -1625,10 +1625,10 @@ "fontFamily": "Nunito Sans", "fontWeight": "Regular", "lineHeight": 24, - "fontSize": 0.875, + "fontSize": "0.875rem", "letterSpacing": "12%", "paragraphSpacing": 0, - "textCase": "uppercase", + "textCase": "none", "textDecoration": "none" }, "type": "typography" @@ -1638,7 +1638,7 @@ "fontFamily": "Nunito Sans", "fontWeight": "Light", "lineHeight": 24, - "fontSize": 1, + "fontSize": "1rem", "letterSpacing": "0%", "paragraphSpacing": 0, "textCase": "none", @@ -1675,72 +1675,72 @@ } }, "rounded-sm": { - "value": 0.25, + "value": "0.25rem", "type": "borderRadius" }, "rounded": { - "value": 0.5, + "value": "0.5rem", "type": "borderRadius" }, "rounded-md": { - "value": 1, + "value": "1rem", "type": "borderRadius" }, "rounded-lg": { - "value": 1.5, + "value": "1.5rem", "type": "borderRadius" }, "rounded-xl": { - "value": 2, + "value": "2rem", "type": "borderRadius" }, "rounded-2xl": { - "value": 3, + "value": "3rem", "type": "borderRadius" }, "rounded-3xl": { - "value": 4, + "value": "4rem", "type": "borderRadius" }, "rounded-4xl": { - "value": 6, + "value": "6rem", "type": "borderRadius" }, "padding": { "p-1": { - "value": 0.25, + "value": "0.25rem", "type": "spacing" }, "p-2": { - "value": 0.5, + "value": "0.5rem", "type": "spacing" }, "p-4": { - "value": 1, + "value": "1rem", "type": "spacing" }, "p-6": { - "value": 1.5, + "value": "1.5rem", "type": "spacing" }, "p-8": { - "value": 2, + "value": "2rem", "type": "spacing" }, "p-12": { - "value": 3, + "value": "3rem", "type": "spacing" }, "p-16": { - "value": 4, + "value": "4rem", "type": "spacing" }, "p-24": { - "value": 6, + "value": "6rem", "type": "spacing" }, "p-32": { - "value": 8, + "value": "8rem", "type": "spacing" } }, @@ -1750,55 +1750,55 @@ }, "fontSize": { "0": { - "value": 0.75, + "value": "0.75rem", "type": "fontSizes" }, "1": { - "value": 0.875, + "value": "0.875rem", "type": "fontSizes" }, "2": { - "value": 1, + "value": "1rem", "type": "fontSizes" }, "3": { - "value": 1.25, + "value": "1.25rem", "type": "fontSizes" }, "4": { - "value": 1.5, + "value": "1.5rem", "type": "fontSizes" }, "5": { - "value": 1.625, + "value": "1.625rem", "type": "fontSizes" }, "6": { - "value": 1.75, + "value": "1.75rem", "type": "fontSizes" }, "7": { - "value": 2, + "value": "2rem", "type": "fontSizes" }, "8": { - "value": 2.25, + "value": "2.25rem", "type": "fontSizes" }, "9": { - "value": 2.5, + "value": "2.5rem", "type": "fontSizes" }, "10": { - "value": 2.75, + "value": "2.75rem", "type": "fontSizes" }, "11": { - "value": 3, + "value": "3rem", "type": "fontSizes" }, "12": { - "value": 4, + "value": "4rem", "type": "fontSizes" } } diff --git a/yarn.lock b/yarn.lock index 9d9716cbf..37d3c8e96 100644 --- a/yarn.lock +++ b/yarn.lock @@ -2489,13 +2489,16 @@ __metadata: dependencies: "@devlaunchers/eslint-config-bases": "workspace:^" "@devlaunchers/models": "workspace:*" + "@devlaunchers/tailwind": "workspace:*" "@devlaunchers/utility": "workspace:*" "@storybook/addon-a11y": 6.5.10 "@storybook/addon-actions": ^6.5.10 "@storybook/addon-essentials": ^6.5.10 "@storybook/addon-links": ^6.5.10 "@storybook/addon-viewport": 6.5.16 + "@storybook/builder-webpack5": 6.5.10 "@storybook/jest": 0.0.10 + "@storybook/manager-webpack5": 6.5.10 "@storybook/node-logger": ^6.5.10 "@storybook/react": ^6.5.10 "@storybook/test-runner": 0.5.0 @@ -2543,6 +2546,7 @@ __metadata: storybook-react-context: ^0.6.0 styled-components: ^5.2.1 styled-normalize: ^8.0.7 + tailwind-variants: 0.1.10 ts-jest: 28.0.7 typescript: ^4.7.4 web-vitals: ^2.1.4 @@ -2784,7 +2788,7 @@ __metadata: languageName: unknown linkType: soft -"@devlaunchers/tailwind@workspace:packages/tailwind-constructor": +"@devlaunchers/tailwind@workspace:*, @devlaunchers/tailwind@workspace:packages/tailwind-constructor": version: 0.0.0-use.local resolution: "@devlaunchers/tailwind@workspace:packages/tailwind-constructor" dependencies: @@ -6282,6 +6286,58 @@ __metadata: languageName: node linkType: hard +"@storybook/builder-webpack5@npm:6.5.10": + version: 6.5.10 + resolution: "@storybook/builder-webpack5@npm:6.5.10" + dependencies: + "@babel/core": ^7.12.10 + "@storybook/addons": 6.5.10 + "@storybook/api": 6.5.10 + "@storybook/channel-postmessage": 6.5.10 + "@storybook/channels": 6.5.10 + "@storybook/client-api": 6.5.10 + "@storybook/client-logger": 6.5.10 + "@storybook/components": 6.5.10 + "@storybook/core-common": 6.5.10 + "@storybook/core-events": 6.5.10 + "@storybook/node-logger": 6.5.10 + "@storybook/preview-web": 6.5.10 + "@storybook/router": 6.5.10 + "@storybook/semver": ^7.3.2 + "@storybook/store": 6.5.10 + "@storybook/theming": 6.5.10 + "@types/node": ^14.0.10 || ^16.0.0 + babel-loader: ^8.0.0 + babel-plugin-named-exports-order: ^0.0.2 + browser-assert: ^1.2.1 + case-sensitive-paths-webpack-plugin: ^2.3.0 + core-js: ^3.8.2 + css-loader: ^5.0.1 + fork-ts-checker-webpack-plugin: ^6.0.4 + glob: ^7.1.6 + glob-promise: ^3.4.0 + html-webpack-plugin: ^5.0.0 + path-browserify: ^1.0.1 + process: ^0.11.10 + stable: ^0.1.8 + style-loader: ^2.0.0 + terser-webpack-plugin: ^5.0.3 + ts-dedent: ^2.0.0 + util-deprecate: ^1.0.2 + webpack: ^5.9.0 + webpack-dev-middleware: ^4.1.0 + webpack-hot-middleware: ^2.25.1 + webpack-virtual-modules: ^0.4.1 + peerDependencies: + react: ^16.8.0 || ^17.0.0 || ^18.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 + peerDependenciesMeta: + typescript: + optional: true + checksum: a2a0d7cbdcf2d1d53ec8db9c17433522525f54c9115b5ed9b576e528dd164f9036ebad0b850a00178a9b60dd9f5b8f62af4e6b19977ffe857442c8b5483349de + languageName: node + linkType: hard + "@storybook/builder-webpack5@npm:^6.5.9": version: 6.5.16 resolution: "@storybook/builder-webpack5@npm:6.5.16" @@ -6334,6 +6390,21 @@ __metadata: languageName: node linkType: hard +"@storybook/channel-postmessage@npm:6.5.10": + version: 6.5.10 + resolution: "@storybook/channel-postmessage@npm:6.5.10" + dependencies: + "@storybook/channels": 6.5.10 + "@storybook/client-logger": 6.5.10 + "@storybook/core-events": 6.5.10 + core-js: ^3.8.2 + global: ^4.4.0 + qs: ^6.10.0 + telejson: ^6.0.8 + checksum: c0bb9cccb8071b6d68ba879f23a9eb52ee9da5563f93a235f2496838a691c7e3f7ed81e550f924bbdc305357e5a81d4b409254c7ce4d5bed53920f0ea357d4f6 + languageName: node + linkType: hard + "@storybook/channel-postmessage@npm:6.5.16": version: 6.5.16 resolution: "@storybook/channel-postmessage@npm:6.5.16" @@ -6349,6 +6420,19 @@ __metadata: languageName: node linkType: hard +"@storybook/channel-websocket@npm:6.5.10": + version: 6.5.10 + resolution: "@storybook/channel-websocket@npm:6.5.10" + dependencies: + "@storybook/channels": 6.5.10 + "@storybook/client-logger": 6.5.10 + core-js: ^3.8.2 + global: ^4.4.0 + telejson: ^6.0.8 + checksum: e8c6df2ae02a7a257f0503cd489a2e787a419d23bc1c077868520db0ad61642001655543d594c4903f346112dc27698acfc9501c07d02bb2027d2fbb9f98f1eb + languageName: node + linkType: hard + "@storybook/channel-websocket@npm:6.5.16": version: 6.5.16 resolution: "@storybook/channel-websocket@npm:6.5.16" @@ -6384,6 +6468,37 @@ __metadata: languageName: node linkType: hard +"@storybook/client-api@npm:6.5.10": + version: 6.5.10 + resolution: "@storybook/client-api@npm:6.5.10" + dependencies: + "@storybook/addons": 6.5.10 + "@storybook/channel-postmessage": 6.5.10 + "@storybook/channels": 6.5.10 + "@storybook/client-logger": 6.5.10 + "@storybook/core-events": 6.5.10 + "@storybook/csf": 0.0.2--canary.4566f4d.1 + "@storybook/store": 6.5.10 + "@types/qs": ^6.9.5 + "@types/webpack-env": ^1.16.0 + core-js: ^3.8.2 + fast-deep-equal: ^3.1.3 + global: ^4.4.0 + lodash: ^4.17.21 + memoizerific: ^1.11.3 + qs: ^6.10.0 + regenerator-runtime: ^0.13.7 + store2: ^2.12.0 + synchronous-promise: ^2.0.15 + ts-dedent: ^2.0.0 + util-deprecate: ^1.0.2 + peerDependencies: + react: ^16.8.0 || ^17.0.0 || ^18.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 + checksum: c939abed09fc71b91a2813b4d817a00f717dcef6c51444b091ad3676dd0e904673252dbb9e027192e87db72aeb950a76438c5ae5829471fe18c053887049f151 + languageName: node + linkType: hard + "@storybook/client-api@npm:6.5.16": version: 6.5.16 resolution: "@storybook/client-api@npm:6.5.16" @@ -6473,6 +6588,41 @@ __metadata: languageName: node linkType: hard +"@storybook/core-client@npm:6.5.10": + version: 6.5.10 + resolution: "@storybook/core-client@npm:6.5.10" + dependencies: + "@storybook/addons": 6.5.10 + "@storybook/channel-postmessage": 6.5.10 + "@storybook/channel-websocket": 6.5.10 + "@storybook/client-api": 6.5.10 + "@storybook/client-logger": 6.5.10 + "@storybook/core-events": 6.5.10 + "@storybook/csf": 0.0.2--canary.4566f4d.1 + "@storybook/preview-web": 6.5.10 + "@storybook/store": 6.5.10 + "@storybook/ui": 6.5.10 + airbnb-js-shims: ^2.2.1 + ansi-to-html: ^0.6.11 + core-js: ^3.8.2 + global: ^4.4.0 + lodash: ^4.17.21 + qs: ^6.10.0 + regenerator-runtime: ^0.13.7 + ts-dedent: ^2.0.0 + unfetch: ^4.2.0 + util-deprecate: ^1.0.2 + peerDependencies: + react: ^16.8.0 || ^17.0.0 || ^18.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 + webpack: "*" + peerDependenciesMeta: + typescript: + optional: true + checksum: c8bc4b41af51664461716dab87a176e7ac408f75568ff884b80435bbfce197ba7dd607ba83a2b36bdfbc90236e2e88848089a3ae27732a60b210fbd60ed3597c + languageName: node + linkType: hard + "@storybook/core-client@npm:6.5.16": version: 6.5.16 resolution: "@storybook/core-client@npm:6.5.16" @@ -6508,6 +6658,70 @@ __metadata: languageName: node linkType: hard +"@storybook/core-common@npm:6.5.10": + version: 6.5.10 + resolution: "@storybook/core-common@npm:6.5.10" + dependencies: + "@babel/core": ^7.12.10 + "@babel/plugin-proposal-class-properties": ^7.12.1 + "@babel/plugin-proposal-decorators": ^7.12.12 + "@babel/plugin-proposal-export-default-from": ^7.12.1 + "@babel/plugin-proposal-nullish-coalescing-operator": ^7.12.1 + "@babel/plugin-proposal-object-rest-spread": ^7.12.1 + "@babel/plugin-proposal-optional-chaining": ^7.12.7 + "@babel/plugin-proposal-private-methods": ^7.12.1 + "@babel/plugin-proposal-private-property-in-object": ^7.12.1 + "@babel/plugin-syntax-dynamic-import": ^7.8.3 + "@babel/plugin-transform-arrow-functions": ^7.12.1 + "@babel/plugin-transform-block-scoping": ^7.12.12 + "@babel/plugin-transform-classes": ^7.12.1 + "@babel/plugin-transform-destructuring": ^7.12.1 + "@babel/plugin-transform-for-of": ^7.12.1 + "@babel/plugin-transform-parameters": ^7.12.1 + "@babel/plugin-transform-shorthand-properties": ^7.12.1 + "@babel/plugin-transform-spread": ^7.12.1 + "@babel/preset-env": ^7.12.11 + "@babel/preset-react": ^7.12.10 + "@babel/preset-typescript": ^7.12.7 + "@babel/register": ^7.12.1 + "@storybook/node-logger": 6.5.10 + "@storybook/semver": ^7.3.2 + "@types/node": ^14.0.10 || ^16.0.0 + "@types/pretty-hrtime": ^1.0.0 + babel-loader: ^8.0.0 + babel-plugin-macros: ^3.0.1 + babel-plugin-polyfill-corejs3: ^0.1.0 + chalk: ^4.1.0 + core-js: ^3.8.2 + express: ^4.17.1 + file-system-cache: ^1.0.5 + find-up: ^5.0.0 + fork-ts-checker-webpack-plugin: ^6.0.4 + fs-extra: ^9.0.1 + glob: ^7.1.6 + handlebars: ^4.7.7 + interpret: ^2.2.0 + json5: ^2.1.3 + lazy-universal-dotenv: ^3.0.1 + picomatch: ^2.3.0 + pkg-dir: ^5.0.0 + pretty-hrtime: ^1.0.3 + resolve-from: ^5.0.0 + slash: ^3.0.0 + telejson: ^6.0.8 + ts-dedent: ^2.0.0 + util-deprecate: ^1.0.2 + webpack: 4 + peerDependencies: + react: ^16.8.0 || ^17.0.0 || ^18.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 + peerDependenciesMeta: + typescript: + optional: true + checksum: b3b95214a427c1ff34464c1638219fd34aa8a98b60541ec3e13d84b095be79773e5de64c958903da877e6ec52b88ff05dd9a8cd7ab0fde548ffa0db762a4ea4e + languageName: node + linkType: hard + "@storybook/core-common@npm:6.5.16": version: 6.5.16 resolution: "@storybook/core-common@npm:6.5.16" @@ -6817,6 +7031,52 @@ __metadata: languageName: node linkType: hard +"@storybook/manager-webpack5@npm:6.5.10": + version: 6.5.10 + resolution: "@storybook/manager-webpack5@npm:6.5.10" + dependencies: + "@babel/core": ^7.12.10 + "@babel/plugin-transform-template-literals": ^7.12.1 + "@babel/preset-react": ^7.12.10 + "@storybook/addons": 6.5.10 + "@storybook/core-client": 6.5.10 + "@storybook/core-common": 6.5.10 + "@storybook/node-logger": 6.5.10 + "@storybook/theming": 6.5.10 + "@storybook/ui": 6.5.10 + "@types/node": ^14.0.10 || ^16.0.0 + babel-loader: ^8.0.0 + case-sensitive-paths-webpack-plugin: ^2.3.0 + chalk: ^4.1.0 + core-js: ^3.8.2 + css-loader: ^5.0.1 + express: ^4.17.1 + find-up: ^5.0.0 + fs-extra: ^9.0.1 + html-webpack-plugin: ^5.0.0 + node-fetch: ^2.6.7 + process: ^0.11.10 + read-pkg-up: ^7.0.1 + regenerator-runtime: ^0.13.7 + resolve-from: ^5.0.0 + style-loader: ^2.0.0 + telejson: ^6.0.8 + terser-webpack-plugin: ^5.0.3 + ts-dedent: ^2.0.0 + util-deprecate: ^1.0.2 + webpack: ^5.9.0 + webpack-dev-middleware: ^4.1.0 + webpack-virtual-modules: ^0.4.1 + peerDependencies: + react: ^16.8.0 || ^17.0.0 || ^18.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 + peerDependenciesMeta: + typescript: + optional: true + checksum: 0e7542ed57cd5bef81374e88f96b4572bdea2cf0f4d09282c9794cb46641f23e085c2d6de65e224b358605e01655679e9a1933756ce728c41d1936865aa14e8a + languageName: node + linkType: hard + "@storybook/manager-webpack5@npm:^6.5.9": version: 6.5.16 resolution: "@storybook/manager-webpack5@npm:6.5.16" @@ -6882,6 +7142,19 @@ __metadata: languageName: node linkType: hard +"@storybook/node-logger@npm:6.5.10": + version: 6.5.10 + resolution: "@storybook/node-logger@npm:6.5.10" + dependencies: + "@types/npmlog": ^4.1.2 + chalk: ^4.1.0 + core-js: ^3.8.2 + npmlog: ^5.0.1 + pretty-hrtime: ^1.0.3 + checksum: 684eddeadccb632dd0aa7d2bca62a374f71a15f07037788ee82f4d57e18ce7616304e5d8084b96dff742fe2b810843c44f26d53d4ff8f7d0706cdd81d0060fee + languageName: node + linkType: hard + "@storybook/node-logger@npm:6.5.16, @storybook/node-logger@npm:^6.5.10": version: 6.5.16 resolution: "@storybook/node-logger@npm:6.5.16" @@ -6904,6 +7177,33 @@ __metadata: languageName: node linkType: hard +"@storybook/preview-web@npm:6.5.10": + version: 6.5.10 + resolution: "@storybook/preview-web@npm:6.5.10" + dependencies: + "@storybook/addons": 6.5.10 + "@storybook/channel-postmessage": 6.5.10 + "@storybook/client-logger": 6.5.10 + "@storybook/core-events": 6.5.10 + "@storybook/csf": 0.0.2--canary.4566f4d.1 + "@storybook/store": 6.5.10 + ansi-to-html: ^0.6.11 + core-js: ^3.8.2 + global: ^4.4.0 + lodash: ^4.17.21 + qs: ^6.10.0 + regenerator-runtime: ^0.13.7 + synchronous-promise: ^2.0.15 + ts-dedent: ^2.0.0 + unfetch: ^4.2.0 + util-deprecate: ^1.0.2 + peerDependencies: + react: ^16.8.0 || ^17.0.0 || ^18.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 + checksum: ad4ee244101a5b9bac68373e99c95e86f3cf397d5e1093d871ad880a439dac737297bd85f4148a0b6dd3f7550e994125b4f434e113359ce9208c71cefaeab195 + languageName: node + linkType: hard + "@storybook/preview-web@npm:6.5.16": version: 6.5.16 resolution: "@storybook/preview-web@npm:6.5.16" @@ -7079,6 +7379,32 @@ __metadata: languageName: node linkType: hard +"@storybook/store@npm:6.5.10": + version: 6.5.10 + resolution: "@storybook/store@npm:6.5.10" + dependencies: + "@storybook/addons": 6.5.10 + "@storybook/client-logger": 6.5.10 + "@storybook/core-events": 6.5.10 + "@storybook/csf": 0.0.2--canary.4566f4d.1 + core-js: ^3.8.2 + fast-deep-equal: ^3.1.3 + global: ^4.4.0 + lodash: ^4.17.21 + memoizerific: ^1.11.3 + regenerator-runtime: ^0.13.7 + slash: ^3.0.0 + stable: ^0.1.8 + synchronous-promise: ^2.0.15 + ts-dedent: ^2.0.0 + util-deprecate: ^1.0.2 + peerDependencies: + react: ^16.8.0 || ^17.0.0 || ^18.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 + checksum: cd8628f9bca4fe021dbf915ac2fad02baccf6fb06568fbe8192d268d7eaaed0f96c5b42c43f9883a1528a9b46e98c7d1d06aa8c0fad4c103f5f99325979a6b89 + languageName: node + linkType: hard + "@storybook/store@npm:6.5.16": version: 6.5.16 resolution: "@storybook/store@npm:6.5.16" @@ -7211,6 +7537,31 @@ __metadata: languageName: node linkType: hard +"@storybook/ui@npm:6.5.10": + version: 6.5.10 + resolution: "@storybook/ui@npm:6.5.10" + dependencies: + "@storybook/addons": 6.5.10 + "@storybook/api": 6.5.10 + "@storybook/channels": 6.5.10 + "@storybook/client-logger": 6.5.10 + "@storybook/components": 6.5.10 + "@storybook/core-events": 6.5.10 + "@storybook/router": 6.5.10 + "@storybook/semver": ^7.3.2 + "@storybook/theming": 6.5.10 + core-js: ^3.8.2 + memoizerific: ^1.11.3 + qs: ^6.10.0 + regenerator-runtime: ^0.13.7 + resolve-from: ^5.0.0 + peerDependencies: + react: ^16.8.0 || ^17.0.0 || ^18.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 + checksum: fc0180fc183a41b5da5a530aa8e22fd84b1934602b01bdc90b3a9865794161ffaad520e7904daf603d9fd1797dca304c4df1c5360cc1894c4971dbbca463e5dd + languageName: node + linkType: hard + "@storybook/ui@npm:6.5.16": version: 6.5.16 resolution: "@storybook/ui@npm:6.5.16" @@ -22310,7 +22661,7 @@ __metadata: languageName: node linkType: hard -"json5@npm:^2.1.2, json5@npm:^2.2.0, json5@npm:^2.2.1, json5@npm:^2.2.2, json5@npm:^2.2.3": +"json5@npm:^2.1.2, json5@npm:^2.1.3, json5@npm:^2.2.0, json5@npm:^2.2.1, json5@npm:^2.2.2, json5@npm:^2.2.3": version: 2.2.3 resolution: "json5@npm:2.2.3" bin: @@ -33635,6 +33986,24 @@ __metadata: languageName: node linkType: hard +"tailwind-merge@npm:^1.13.2": + version: 1.13.2 + resolution: "tailwind-merge@npm:1.13.2" + checksum: 8f9de3bd1e6271f5980f863ab85e0103f062bf84d814d3188bf6870af7eb43725ea40493ef0693dedd652b668cbdfcd6544235b16b70d438ed20bca6118a9066 + languageName: node + linkType: hard + +"tailwind-variants@npm:0.1.10": + version: 0.1.10 + resolution: "tailwind-variants@npm:0.1.10" + dependencies: + tailwind-merge: ^1.13.2 + peerDependencies: + tailwindcss: "*" + checksum: a83c0102f86a183a7820f3ea7069f6ec3ae27c27e428f48b9d36e3b5c5ad4bfa7790c2662e18204735be6dc80718fd6f4710b7b66efa7a6db196db4df3022018 + languageName: node + linkType: hard + "tailwindcss@npm:^2.2.19": version: 2.2.19 resolution: "tailwindcss@npm:2.2.19"